/* Standard Items */
body {font-family: Arial, sans-serif; background: #474d56; }
@viewport {
    width: device-width ;
    zoom: 1.0 ;
}

/* -----------------------------------
//     Specific Button styles
---------------------------------------*/
.linkbutton {
    background-color: #ffffff;
    padding: 0px;
    border-style: none;
    color: #006eb0;
    cursor: pointer;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
.linkbutton:hover {
    text-decoration: underline;
}
.linkbutton:active {
    transform: translateY(2px);
}

.mybutton {
    padding: 0px;
    border-width: 1px;
    border-color: #474d56;
    color: #ffffff;
    cursor: pointer;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    background-color: #6798ca;}
.mybutton:hover {background-color: #abc2e1; border-color: #000000; color:  #808080}
.mybutton:active {transform: translateY(2px);}

.coursebutton {
    padding: 0px;
    border-width: 1px;
    border-color: #474d56;
    color: #00529c;
    cursor: pointer;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;}
.coursebutton:hover {background-color: #abc2e1; border-color: #000000; color:  #808080}
.coursebutton:active {transform: translateY(2px);}

/* -----------------------------------
//      Misc Single Items
---------------------------------------*/
.vizwindow{background-color: #ffffff; border-color: #474d56; overflow: hidden; border-radius: 12px}

table.blueTable {
    font-family: Arial, Helvetica, sans-serif;
    border: 2px solid #1C6EA4;
    background-color: #EEEEEE;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
    border: 1px solid #AAAAAA;
    padding: 3px 2px;
}
table.blueTable tbody td {
    font-size: 13px;
}
table.blueTable tr:nth-child(even) {
    background: #D0E4F5;
}
table.blueTable thead {
    background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    border-bottom: 2px solid #444444;
}
table.blueTable thead th {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
    border-left: none;
}
/* -----------------------------------
//
//      Loading Items
//
---------------------------------------*/
#LoadingDiv {z-index: 101;top: 0px;left: 0px;position: fixed;background-color: #ffffff;}
.loader {position: absolute;top: 100px;left: 100px;border: 16px solid #999fa8;border-radius: 50%;border-top: 10px solid #00529c;
    border-bottom: 10px solid #1faa92;border-right: 10px solid #d6186e;border-left: 10px solid #fcb334;width: 60px;height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */animation: spin 2s linear infinite;}
#loadingtext {font-size: 20px;position: absolute;color: #a0a0a0;text-align: center;padding: 0px;margin: 0px;top: 130px;left: 200px;}
#chromechecker {font-size: 20px;position: absolute;color: #808080;text-align: left;padding: 0px;margin: 0px;top: 100px;left: 200px;}
#loadingpercent {font-size: 18px;position: absolute;color: #a0a0a0;text-align: center;padding: 0px;margin: 0px;top: 130px;left: 115px;width: 60px;}
/* Safari */
@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}}
@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}