/*
http://colorschemedesigner.com/

*** Primary Color:

   var. 1 = #2A6DA9 = rgb(42,109,169)
   var. 2 = #375D7F = rgb(55,93,127)
   var. 3 = #0E406E = rgb(14,64,110)
   var. 4 = #5D9BD4 = rgb(93,155,212)
   var. 5 = #7CABD4 = rgb(124,171,212)

*** Complementary Color:

   var. 1 = #FFAA31 = rgb(255,170,49)
   var. 2 = #BF8F4B = rgb(191,143,75)
   var. 3 = #A66810 = rgb(166,104,16)
   var. 4 = #FFBF64 = rgb(255,191,100)
   var. 5 = #FFD08E = rgb(255,208,142)
*/

#mainX {
    width: 960px;
    margin: 5px auto 100px auto;
    background-color: #fff;
    border: 1px solid black;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    box-shadow: 0 1px 5px rgba(0,0,0,0.75);
}

#main {
    width: 960px;
    margin: 5px auto 100px auto;
    background-color: #fff;
}

body {
    font: 0.8em/145% Helvetica,Arial,Verdana,sans-serif;
    color: #333;
    line-height: 1.5;
    //background: #E0E0E0;
    background-color: white;
}

#content {
    clear: both;
    min-height: 500px;
}

#footer {
    clear: both;
    text-align: center;
    color: #7cabd4;
    border-top: 1px solid #e0e0e0;
    margin-top: 15px;
}

.help_btn {
    display: none;
    color: white;
    background-color: blue;
    font-size: 80%;
    border: 1px solid blue;
    padding: 0 2px;
    margin-left: 3px;
    font-weight: bold;
    cursor: help;
}

.page_title {
    text-align: center;
    letter-spacing: 1px;
    margin: 0;
    font-weight: bold;
    font-size: 140%;
    color: #2B4862;
    width: 100%;
    background-color: #5D9BD4;
    padding-top: 5px;
//    border-bottom: 5px solid #a66810;
}

.page_subtitle {
    float: right;
    text-align: right;
    letter-spacing: 1px;
    margin: 0;
    //font-weight: bold;
    font-size: 100%;
    color: #2B4862;
}


.section {
    clear: both;
    margin-top: 20px;
}

.info_grid_title {
    color: #5D9CD4;
    font-weight: bold;
    text-align: left;
    margin-top: 15px;
}

.info_grid_title2 {
    color: #5D9CD4;
    font-weight: bold;
    text-align: left;
    margin-top: 15px;
    border: 0px;
    border-collapse: collapse;
}

.info_grid table {
    font: 11px/24px;
    border-collapse: collapse;
    margin-top: 5px;
}

.info_grid th {
    border: 1px solid #CCC;
    font-weight: bold;
    padding: 0 0.5em;
    text-align: left;
    background-color: #e0e0e0;
}

.info_grid th.grade, th.finalgrade {
    text-align: center;
}

.info_grid td {
    border: 1px solid #CCC;
    padding: 0 0.5em;
}

td.grade {
    width: 75px;
    text-align: center;
}

td.finalgrade {
    width: 100px;
    text-align: center;
}

tr.datarow:hover {
    background-color: #feb !important;
}

td.grade:hover, td.coursename:hover, td.finalgrade:hover {
    background-color: #ffbf65 !important;
    border: 1px solid black;
}

/* input[type="button"] {background-color:#FFBF65; min-width:75px; color:#A66F21; } */
input[type="button"] {background-color:#FFBF65; min-width:75px; color:#000000;}
input[type="submit"] {background-color:#FFBF65; min-width:75px; color:#000000;}

.errmsg {
    margin: 10px auto;
    padding: 10px;
    width: 70%;
    background-color: pink;
    border: 1px solid black;
    color: black;
}

div.errmsg li {
    margin-bottom: 10px;
}

.noborder {
    border: 0px;
}


/* custom styles for inline instances */
.yui-skin-sam .yui-ac-input { position:static;width:20em; vertical-align:middle;}
.yui-skin-sam .yui-ac-container { width:20em;left:0px;}

/* needed for stacked instances for ie & sf z-index bug of absolute inside relative els */
#bAutoComplete { z-index:9001; }
#lAutoComplete { z-index:9001; }

/* buttons */
.yui-ac .yui-button {vertical-align:middle;}
.yui-ac .yui-button button {background: url(http://developer.yahoo.com/yui/examples/autocomplete/assets/img/ac-arrow-rt.png) center center no-repeat }
.yui-ac .open .yui-button button {background: url(http://developer.yahoo.com/yui/examples/autocomplete/assets/img/ac-arrow-dn.png) center center no-repeat}


.hoverable tr:hover {
    background-color: yellow;
}

a.button {
    padding: 1px 6px;
    border: 1px outset buttonborder;
    border-radius: 3px;
    color: buttontext;
    background-color:#FFBF65;
    text-decoration: none;
}