/* wepcss01.css - General (Blue Theme) stylesheet for EA+ and Family Access */
body {margin:0; background-color:#FAFAFA;}
body, textarea, input, select, td {font-family: tahoma, arial; font-size: 12px;}
input[type=text], textarea{padding-left:1px;padding-right:1px;border:1px solid #7F9DB9;}
input[type=text][disabled], input[type=text][readonly], textarea[disabled], text-area[readonly] {background-color:#EAF1FA !important;border-color:#AECDEB;cursor:default;outline: medium none;padding:1px;color:#000000}
img {border:0;}
textarea {white-space:pre-wrap}
form{margin:0;padding:0}

tr.shaded>td {background-image: url(/webspeed/blue_5.png);}
.skl60 {background-image: url(/webspeed/white_60.png);}
.eapDialog {border-width:4px; border-style:solid; border-radius:5px 5px 5px 5px; box-shadow:0 2px 10px #666666; -moz-box-shadow:0 2px 10px #666666; -webkit-box-shadow:0 2px 10px #666666; border-color: #90AECA; background: linear-gradient(to bottom, #fdfcfd 0%,#eeedee 100%); background-color: #F0F0F0; color:#286EB3;}
.eapDialogTableBody td, .eapDialogTableHeader td {white-space:nowrap;text-align:left;padding-left:6px;padding-right:6px}
.eapDialogTableBody tr:last-child td {border-bottom:none !important}
.eapDialogTableBody,.keepWhite {background-color:#FFFFFF}
#eapMsg div.msgBody{padding:4px;color:#000000}
#eapMsg a.button{display:inline-block;margin:3px;font-weight:normal}
#eapMsg a.button + a.button{float:right}
#eapMsg div:first-of-type {cursor:move}

/*tables with black borders*/
.TD-L, .TD-R, .TD-B, .TD-T, .TD-LB, .TD-RB, .TD-LT, .TD-RT, .TD-BT, .TD-LR, .TD-LBT, .TD-RBT, .TD-LRB, .TD-LRT, .TD-LRBT,
.C2-L, .C2-R, .C2-B, .C2-T, .C2-LB, .C2-RB, .C2-LT, .C2-RT, .C2-BT, .C2-LR, .C2-LBT, .C2-RBT, .C2-LRB, .C2-LRT, .C2-LRBT,
.FTD-L, .FTD-R, .FTD-B, .FTD-T, .FTD-LB, .FTD-RB, .FTD-LT, .FTD-RT, .FTD-BT, .FTD-LR, .FTD-LBT, .FTD-RBT, .FTD-LRB, .FTD-LRT, .FTD-LRBT, .FTD-TITLE, .gridWrap div.tableWrap
{border-color:#D4D4D4;} /* 666666 is darkest i think we should go, C0C0C0 is siver (in between), D4D4D4 is framework browse */
.sbc {border-color:#D4D4D4 !important;} /* standard border color */

.FTD-L,    .FC2-L,    .FC1-L,    .C1-L,    .C2-L,    .TD-L, .C3-L, .C4-L{border-left-width:1px;border-left-style:solid}        /*border on left side*/
.FTD-R,    .FC2-R,    .FC1-R,    .C1-R,    .C2-R,    .TD-R{border-right-width:1px;border-right-style:solid}	/*border on right side*/
.FTD-B,    .FC2-B,    .FC1-B,    .C1-B,    .C2-B,    .TD-B{border-bottom-width:1px;border-bottom-style:solid}	/*border on bottom side*/
.FTD-T,    .FC2-T,    .FC1-T,    .C1-T,    .C2-T,    .TD-T, .C3-T, .C4-T{border-top-width:1px;border-top-style:solid;}	/*border on top side*/
.FTD-LB,   .FC2-LB,   .FC1-LB,   .C1-LB,   .C2-LB,   .TD-LB{border-left-width:1px;border-left-style:solid;border-bottom-width:1px;border-bottom-style:solid} /*border on left & bottom sides*/
.FTD-RB,   .FC2-RB,   .FC1-RB,   .C1-RB,   .C2-RB,   .TD-RB{border-right-width:1px;border-right-style:solid;border-bottom-width:1px;border-bottom-style:solid} /*border on right & bottom sides*/
.FTD-LT,   .FC2-LT,   .FC1-LT,   .C1-LT,   .C2-LT,   .TD-LT, .C3-LT{border-left-width:1px;border-left-style:solid;border-top-width:1px;border-top-style:solid;} /*border on left & top sides*/
.FTD-RT,   .FC2-RT,   .FC1-RT,   .C1-RT,   .C2-RT,   .TD-RT{border-right-width:1px;border-right-style:solid;border-top-width:1px;border-top-style:solid;} /*border on right & top sides*/
.FTD-BT,   .FC2-BT,   .FC1-BT,   .C1-BT,   .C2-BT,   .TD-BT{border-bottom-width:1px;border-bottom-style:solid;border-top-width:1px;border-top-style:solid;} /*border on top & bottom sides*/
.FTD-LR,   .FC2-LR,   .FC1-LR,   .C1-LR,   .C2-LR,   .TD-LR{border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid;} /*border on left & right sides*/
.FTD-LBT,  .FC2-LBT,  .FC1-LBT,  .C1-LBT,  .C2-LBT,  .TD-LBT{border-left-width:1px;border-left-style:solid;border-bottom-width:1px;border-bottom-style:solid;border-top-width:1px;border-top-style:solid;} /*border on left, bottom, & top*/
.FTD-RBT,  .FC2-RBT,  .FC1-RBT,  .C1-RBT,  .C2-RBT,  .TD-RBT{border-right-width:1px;border-right-style:solid;border-bottom-width:1px;border-bottom-style:solid;border-top-width:1px;border-top-style:solid;} /*border on right, bottom, & top*/
.FTD-LRB,  .FC2-LRB,  .FC1-LRB,  .C1-LRB,  .C2-LRB,  .TD-LRB{border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid;border-bottom-width:1px;border-bottom-style:solid} /*border on left, right, & bottom*/
.FTD-LRT,  .FC2-LRT,  .FC1-LRT,  .C1-LRT,  .C2-LRT,  .TD-LRT{border-left-width:1px;border-left-style:solid;border-right-width:1px;border-right-style:solid;border-top-width:1px;border-top-style:solid;} /*border on left, right, & top*/
.FTD-LRBT, .FC2-LRBT, .FC1-LRBT, .C1-LRBT, .C2-LRBT, .TD-LRBT, .TD-TITLE, .FTD-TITLE, .gridWrap div.tableWrap {border-width:1px;border-style:solid;}  /*border on all sides*/

/*tables with white borders*/
.C3-L, .C3-T, .C3-LT, .C4-L, .C4-T{border-color:white;}

/*FIXED WIDTH FONT - suitable for browses*/
.FTD-NONE, .FTD-L, .FTD-R, .FTD-B, .FTD-T, .FTD-LB, .FTD-RB, .FTD-LT, .FTD-RT, .FTD-BT, .FTD-LR,
.FTD-LBT, .FTD-RBT, .FTD-LRB, .FTD-LRT, .FTD-LRBT, .FTD-TITLE,
.FC1-NONE, .FC1-L, .FC1-R, .FC1-B, .FC1-T, .FC1-LB, .FC1-RB, .FC1-LT, .FC1-RT, .FC1-BT, .FC1-LR,
.FC1-LBT, .FC1-RBT, .FC1-LRB, .FC1-LRT, .FC1-LRBT,
.FC2-NONE, .FC2-L, .FC2-R, .FC2-B, .FC2-T, .FC2-LB, .FC2-RB, .FC2-LT, .FC2-RT, .FC2-BT, .FC2-LR,
.FC2-LBT, .FC2-RBT, .FC2-LRB, .FC2-LRT, .FC2-LRBT
{font-family:courier new;font-size:12px;}


.TD-TITLE {border-color: #AECDEB #82BAF1 #90AECA;}
.TD-TITLE, .FTD-TITLE, .C3-L, .C3-T, .C3-LT{
    background: linear-gradient(to bottom, #fdfcfd 0%,#eeedee 100%);
    background-color: #F0F0F0; /*ie compatiblity view  -- must be after gradient */
    color: #286EB3;
}

div.C1-LRBT{padding:3px;font-weight:bold}
tr.C1 td, tr.C1 th {padding-top:3px;padding-bottom:3px;border-top-width:1px;;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid}
tr.C1 > td:first-child {padding-left:3px;border-left-width:1px;border-left-style:solid}
tr.C1 > td:last-child {padding-right:3px;border-right-width:1px;border-right-style:solid}
tr.zebra > td {background-image:url(/webspeed/white_80.png) !important}

.eapMasterTable {margin-top:2px;margin-bottom:4px;margin-left:4px;margin-right:4px;}
.eapTable > tbody > tr > td,
.eapHeaderTable > tbody > tr > td {padding:2px 6px;}
.eapHeaderTable > tbody > tr > td:first-child {padding-left:0}
.eapHeaderTable > tbody > tr > td:last-child {padding-right:0}

.C1-NONE, .C1-L, .C1-R, .C1-B, .C1-T, .C1-LB, .C1-RB, .C1-LT, .C1-RT, .C1-BT, .C1-LR,
.C1-LBT, .C1-RBT, .C1-LRB, .C1-LRT, .C1-LRBT,
.FC1-NONE, .FC1-L, .FC1-R, .FC1-B, .FC1-T, .FC1-LB, .FC1-RB, .FC1-LT, .FC1-RT, .FC1-BT, .FC1-LR,
.FC1-LBT, .FC1-RBT, .FC1-LRB, .FC1-LRT, .FC1-LRBT{
        background: linear-gradient(to bottom, #fdfcfd 0%,#eeedee 100%);
        background-color:#F0F0F0; /*ie compatiblity view  -- must be after gradient */
        color:#286EB3;
        border-color: #82BAF1 #AECDEB #90AECA #AECDEB;
}

.gridWrap{
        padding:4px 7px 9px 7px;
        background: linear-gradient(to bottom, #EAF1F9 0%,#F6F9FC 100%);
        background-color:#EAF1F9; /*ie compatiblity view -- must be after gradient */
}

.C2-NONE, .C2-L, .C2-R, .C2-B, .C2-T, .C2-LB, .C2-RB, .C2-LT, .C2-RT, .C2-BT, .C2-LR,
.C2-LBT, .C2-RBT, .C2-LRB, .C2-LRT, .C2-LRBT,
.FC2-NONE, .FC2-L, .FC2-R, .FC2-B, .FC2-T, .FC2-LB, .FC2-RB, .FC2-LT, .FC2-RT, .FC2-BT, .FC2-LR,
.FC2-LBT, .FC2-RBT, .FC2-LRB, .FC2-LRT, .FC2-LRBT,
.C4-L, .C4-T, .gridWrap{
        background-color:#EAF1F9;
}
tr.dropped td:not(.CLICKED-ROW) {background-color: #90AECA !important}

.gridWrap .C2-NONE {background:transparent;}

.sort {color:#286EB3;}

/*standard button with tan background and black font (ex: Exit, Back buttons)*/
.button, .leftbutton, .mediumbutton, .longbutton{
        border-width: 1px;
        border-style:solid;
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px;
        box-shadow: 0 1px 1px #D3D3D3;
        -moz-box-shadow: 0 1px 1px #D3D3D3;
        -webkit-box-shadow: 0 1px 1px #D3D3D3;
        color : #286EB3;
        font-size : 13px;
        text-decoration: none;
        width : 67px;
        display:block;
        text-align : center;
        margin-top:2px;
        padding-top: 1px;
        padding-bottom: 1px;
}

.button, .leftbutton, .mediumbutton, .longbutton, #menuReports, #menuClassReports {
        border-color : #AECDEB #82BAF1 #90AECA;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWVkZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);  /* IE9 */
        background:-moz-linear-gradient(top, #ffffff 0%, #e9edef 100%);
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9edef));
        background:-webkit-linear-gradient(top, #ffffff 0%,#e9edef 100%);
        background:-o-linear-gradient(top, #ffffff 0%,#e9edef 100%);
        background:-ms-linear-gradient(top, #ffffff 0%,#e9edef 100%);  /* IE10 */
        background:linear-gradient(top, #ffffff 0%,#e9edef 100%);
        background-color:#ffffff;  /* Before IE9 and Quirks Mode - must be after all other gradients */
}

/*properties of a visited button*/
.button:VISITED, .leftbutton:VISITED, .mediumbutton:VISITED, .longbutton:VISITED {
	text-decoration : none;
	color : #286EB3;
}
/*change the border colors and cursor when hovering over the button*/
.button:HOVER, .leftbutton:HOVER, .mediumbutton:HOVER, .longbutton:HOVER, .button:focus {
        cursor : pointer;  
        text-decoration: underline!important;
        color : #286EB3;        
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNmQwZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9 */
        background:-moz-linear-gradient(top, #ffffff 0%, #C6D0F2 100%);
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#C6D0F2));
        background:-webkit-linear-gradient(top, #ffffff 0%,#C6D0F2 100%);
        background:-o-linear-gradient(top, #ffffff 0%,#C6D0F2 100%);
        background:-ms-linear-gradient(top, #ffffff 0%,#C6D0F2 100%); /* IE10 */
        background:linear-gradient(top, #ffffff 0%,#C6D0F2 100%);
        background-color:#EBF0FF;  /* Before IE9 and Quirks Mode - must be after all other gradients */
        border-color:#A5CFF7 #82BAF1 #81B4E7;
}

.buttonDisabled{        
        background-color:#e9edef!important;       
        color:#909090!important;
        border-color:#A5CFF7 #82BAF1 #81B4E7;     
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;
        background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%)!important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee))!important;
        background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%)!important;
        background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%)!important;
        background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%)!important;
        background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%)!important;
}
.buttonDisabled, .buttonDisabled:hover, .buttonDisabled:active, .buttonDisabled:focus{text-decoration:none!important;cursor:default!important;}

/*standard button with a left alignment (ex: Gradebook buttons, Previous button in EAP Student Info)*/
.leftbutton {
    float : left;
}

/*standard button with a larger size for longer titles*/
.mediumbutton {
        width : 95px;
}

/*standard button with larger size for longer titles*/
.longbutton {
        width : 200px;
}
.disabledText {
        text-decoration : none;
        color : #666666;
}

/*CLICKED-ROW and UN-CLICKED-ROW are used in browse lists when user selects a record and the font & background change*/
.CLICKED-ROW {
        color: #FFFFFF;  
        cursor: default;
        background: #6C88A2;
        text-decoration: none;
}

.CLICKED-ROW TABLE {
    color: #FFFFFF;        
}

.UN-CLICKED-ROW{
    color: #000000;
    cursor: default;
    background: #FFFFFF;
    text-decoration: none;
}

/*the follow nav properties are used in EAP for the Report Card Posting Grading Period drop down selection list*/
#nav{
        cursor: pointer;
        margin-top: 0px;
        margin-left: 1px;
        margin-right: 1px;
        margin-bottom: 2px;
        padding: 0;
        list-style-type: none;
        text-decoration : none;
        font-size : 13px;
        width: 450px;
        text-align: left;
        z-index:2;
}

#nav li{
        float: left;
        position: relative;
        width: 450px;
        list-style-type: none;
        background: #EAF1F9;
        color: Black;
        border: 1px solid #C2C2C2;
        z-index:2;
}

#nav li ul{
        float: left;
        left: -42px;
        position: absolute;
        z-index:2;
        width: 450px;
        display: none;
        background: #EAF1F9;
        color: Black;
        line-height: 30px;
        border: 1px solid white;
        text-align: left;
}

#nav li a{
        display: block;
        text-decoration: none;
        background: #EAF1F9;
        color: Black;
        padding: 0px;
        z-index:2;
}

#nav li:hover ul, #nav li.over ul, #nav li ul a:hover{
        background: white;
        display: block; 
        z-index:2;
}

#nav li{float:left;}
#nav li a{height:1%;}

/*the following nav properties are used in EAP Report Card Posting for MAG mass grading selection lists*/
#nav2, #nav3, #nav4, #nav5, #nav6, #nav7{
        cursor: pointer;
        margin-top: 2;
        margin-left: 1;
        margin-right: 1;
        margin-bottom: 2;
        padding: 0;
        list-style-type: none;
        border : 0px solid black;
        text-decoration : none;
        font-size : 13px;
        width: 90px;
        text-align: left;
        border-bottom: 0px solid black;
}

#nav2 li,#nav3 li,#nav4 li,#nav5 li,#nav6 li,#nav7 li{
        float: left;
        position: relative;
        width: 90px;
        background: #FFFFFF;
        list-style-type: none;
        color: Black;
        margin-bottom: 2;
}

#nav2 li ul, #nav3 li ul, #nav4 li ul, #nav5 li ul, #nav6 li ul, #nav7 li ul{
        float: left;
        left: -41px;
        position: absolute;
        width: 90px;
        display: none;
        background: #FFFFFF;
        color: Black;
        line-height: 12px;
        border: 1px solid black;
        text-align: left;
}

#nav2 li a, #nav3 li a, #nav4 li a, #nav5 li a, #nav6 li a, #nav7 li a{
        display: block;
        text-decoration: none;
        background: #FFFFFF;
        color: Black;
        padding: 0px;
        border: 1px solid #C2C2C2;
        border-bottom: 0;
} 

#nav2 li:hover ul, #nav2 li.over ul, #nav2 li ul a:hover,
#nav3 li:hover ul, #nav3 li.over ul, #nav3 li ul a:hover,
#nav4 li:hover ul, #nav4 li.over ul, #nav4 li ul a:hover,
#nav5 li:hover ul, #nav5 li.over ul, #nav5 li ul a:hover,
#nav6 li:hover ul, #nav6 li.over ul, #nav6 li ul a:hover,
#nav7 li:hover ul, #nav7 li.over ul, #nav7 li ul a:hover{
        background: #EAF1F9;
        display: block; 
}

#nav2 li, #nav3 li, #nav4 li, #nav5 li, #nav6 li, #nav7 li{ float: left; }
#nav2 li a, #nav3 li a, #nav4 li a, #nav5 li a, #nav6 li a, #nav7 li a{ height: 1%; }

/*The following menu properties are used in Gradebook for Class, Reports, and Options drop-down menus*/
#menuGBReports, #menuOtherAccess, #menuPosting, #menuClasses, #menuClassesScroll, #menuOptions, 
#menuAttendance, #menuAssign, #menuDisplayOptions, #menuEvents, #menuCharts, #menuReports, #menuClassReports{
    float : left;
    cursor: pointer;
    white-space: nowrap;
    display:block;
    font-size : 13px;
    margin-top : 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding:0;
    list-style-type: none;
    text-decoration : none;
    text-align : center;
    z-index:100;
}

#menuReports, #menuClassReports{
    margin-top : 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-width : 1px;
    border-style : solid;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 1px #D3D3D3;
    -moz-box-shadow: 0 1px 1px #D3D3D3;
    -webkit-box-shadow: 0 1px 1px #D3D3D3;
    text-decoration : none;
    text-align : center;
    z-index:100;
}

#menuReports li, #menuGBReports li, #menuPosting li, #menuClassReports li, #menuClasses li, #menuClassesScroll li, #menuOptions li, 
#menuAttendance li, #menuEvents li, #menuOtherAccess li, #menuDisplayOptions li, #menuEvents li, #menuAssign li, #menuCharts li{
    float: left;
    position: relative;
    margin: 0;
    text-decoration : none;
    font-size : 13px;
    list-style-type: none;
    width : 100%;
    z-index:9;
}

#menuReports li ul, #menuGBReports li ul, #menuPosting li ul, #menuOptions li ul, #menuOtherAccess li ul, 
#menuDisplayOptions li ul, #menuEvents li ul, #menuAssign li ul, #menuCharts li ul,
#menuClassReports li ul, #menuAttendance li ul, #menuClasses li ul, #menuClassesScroll li ul {
    float: left;
    position: absolute;
    display: none;
    left:0px;
    line-height: 20px;
    border: 1px solid;
    text-align: left;
    white-space: nowrap;
    /*width: 275px;*/
    z-index:100;
    padding:0;
    margin:0;
    box-shadow:0 1px 2px #BABABA;-moz-box-shadow:0 1px 2px #BABABA;-webkit-box-shadow:0 1px 2px #BABABA;
    border-radius:0px 0px 4px 4px;-moz-border-radius:0px 0px 4px 4px;-webkit-border-radius:0px 0px 4px 4px;zoom:1;
    overflow:hidden;    
    border-color:#5A7996;
    border-top-color: #CAD6E3;
}

#menuClassesScroll li ul{
    height : 500px;
    overflow-y:scroll;
}
#menuClassReports li a,
#menuReports li a{
        display: block;
        text-decoration: none;
        color: #286EB3;
        padding: 0px 5px;
}

/* Start Override hovers */
#menuGBReports li ul li a.style1,
#menuGBReports li ul li a.style1:hover,

#menuDisplayOptions li ul li a.style1,
#menuDisplayOptions li ul li a.style1:hover,
#menuPosting li ul li a.style5,
#menuPosting li ul li a.style5:hover{
    background-color:#FAFAFA;
    color:#444444;
    cursor: default;
}
#menuClassReports li ul li a.style5,
#menuReports li ul li a.style5,
#menuClassReports li ul li a.style5:hover,
#menuReports li ul li a.style5:hover{
    background: #F3F3F3;
    color: #286EB3;
    cursor: default;
}
/* End Override hovers */

#menuGBReports li a, #menuPosting li a, #menuClasses li a, #menuClassesScroll li a, #menuOptions li a, #menuAttendance li a, 
#menuDisplayOptions li a, #menuOtherAccess li a, #menuEvents li a, #menuAssign li a, #menuCharts li a{
        display: block;
        text-decoration: none;
        background: url("/webspeed/nav_bg_sprite.png") repeat-x scroll 0 0 transparent;
        background:linear-gradient(#D8E1EA,#EDF2F6,#D8E1EA);
        color: #444444;
        padding: 0px;
        z-index:100;        
}

#menuClasses table, #menuClassesScroll table {background:#FAFAFA;color:#444444;}
#menuClasses table td, #menuClassesScroll table td, #menuClasses table th, #menuClassesScroll table th {padding:2px 6px;text-align:left}

#menuClassReports li ul li a, #menuReports li ul li a, #menuGBReports li ul li a, #menuPosting li ul li a, #menuClasses li ul li a, #menuClassesScroll li ul li a, #menuOptions li ul li a, #menuAttendance li ul li a,
#menuDisplayOptions li ul li a, #menuOtherAccess li ul li a, #menuEvents li ul li a, #menuAssign li ul li a, #menuCharts li ul li a{
    display: block;
    text-decoration: none;
    background: #FAFAFA;
    color: #444444;
    padding: 0px;
    z-index:100;
}
#menuGBReports li ul li a{
    padding-left:7px;
}

#menuDisplayOptions li ul li a, #menuPosting li ul li a, #menuGBReports li ul li a, #menuReports li ul li a, #menuClassReports li ul li a{padding:1px 8px 1px 16px}
#menuDisplayOptions li ul li a.style1, #menuOtherAccess li ul li a, #menuEvents li ul li a, #menuAssign li ul li a, #menuAttendance li ul li a, #menuPosting li ul li a.style5,
#menuPosting li ul.noHdrs li a, #menuClassReports li ul.noHdrs li a, #menuGBReports li ul li a.style1, #menuReports li ul li a.style5, #menuClassReports li ul li a.style5, #menuCharts li ul li a{padding:1px 8px}


#menuReports li:hover ul, #menuReports li ul a:hover, #menuReports li ul a:focus,
#menuGBReports li:hover ul, #menuGBReports li ul a:hover,
#menuClassReports li:hover ul, #menuClassReports li ul a:hover, #menuClassReports li ul a:focus,
#menuClasses li:hover ul, #menuClasses li ul a:hover,
#menuClassesScroll li:hover ul, #menuClassesScroll li ul a:hover,
#menuOptions li:hover ul, #menuOptions li ul a:hover,
#menuDisplayOptions li:hover ul, #menuDisplayOptions li ul a:hover,
#menuAttendance li:hover ul, #menuAttendance li ul a:hover,
#menuOtherAccess li:hover ul, #menuOtherAccess li ul a:hover,
#menuEvents li:hover ul, #menuEvents li ul a:hover,
#menuAssign li:hover ul, #menuAssign li ul a:hover,
#menuPosting li:hover ul, #menuPosting li ul a:hover, #menuPosting li ul a:focus,
#menuCharts li:hover ul, #menuCharts li ul a:hover {
    background: #6C88A2;
    color: #FFFFFF;
    display: block;
    z-index: 100;
}

#menuClasses ul:hover, #menuClassesScroll ul:hover {
    cursor:default;
}

#menuClasses li ul tr[onclick]:hover td, #menuClassesScroll li ul tr[onclick]:hover td,
#menuGBReports a:hover span, 
#menuPosting a:hover span, #menuPosting a:focus span,
#menuCharts a:hover span, #menuClasses a:hover span, #menuClassesScroll a:hover span, #menuOptions a:hover span, #menuAttendance a:hover span, #menuDisplayOptions a:hover span, #menuOtherAccess a:hover span, #menuEvents a:hover span, #menuAssign a:hover span,
.popUpSpan a:hover {
    background: #6C88A2;
    color: #FFFFFF;
}

div#gbMenuBar{
        border-radius:0px 4px 4px 0px;
        box-shadow:0 1px 2px #9F9F9F;
        border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;
        white-space:nowrap;
        margin-bottom:3px;
        display:inline-block;
        /*min-width:400px;*/
}

div#gbMenuBar > *:last-child > span:last-child {background-image:none !important}

#menuGBReports a span, #menuPosting a span, #menuCharts a span, #menuClasses a span, #menuClassesScroll a span, #menuOptions a span, #menuAttendance a span, #menuDisplayOptions a span, #menuOtherAccess a span, #menuEvents a span, #menuAssign a span {
    background: url("/webspeed/nav_bg_sprite.png") no-repeat scroll right bottom transparent;
    display: block;
    padding: 3px 5px 3px 4px;
    color: #444444;
}

/*borderless buttons with a left alignment (ex: Gradebook buttons)*/
.blleftbutton {
        float: left;
        border-width: 0px;
        border-style:solid;
        text-decoration : none;
        font-size: 13px;
        background: url("/webspeed/nav_bg_sprite.png") repeat-x scroll 0 0 transparent;
        background:linear-gradient(#D8E1EA,#EDF2F6,#D8E1EA);
        display:block;
        text-align: center;
        margin-top: 0px; 
}

.blleftbutton span {
        background: url("/webspeed/nav_bg_sprite.png") no-repeat scroll right bottom transparent;
        display: block;
        padding: 3px 5px 3px 4px;
        color: #444444;       
}

/*change the border colors and cursor when hovering over borderless leftbutton*/
.blleftbutton:HOVER span{
        background-color : #6C88A2;
        color: #FFFFFF;
        cursor: pointer; 	
}

/* Used for dynamic popup menus */
.popUpSpan {
        background: #F3F3F3;
        position: absolute;
        z-index: 500;
        padding-right:3px;
        margin:0;
        height: auto !important;
        display:none;
}

.popUpSpan a {
        background: #F3F3F3;
        color: Black;
        text-decoration: none;
        font-size : 13px;
        display: block;        
}



/* New web 2.0 design - top menu bar */

#pageInnerWrap {
        margin: 0 auto; 
        width: 100%;
        text-align: left;
        overflow:visible;
}
#pageInnerWrap.maximized {
        width:100%;
}
#pageInnerWrap.modeadd #mainNavBar,
#pageInnerWrap.modeedit #mainNavBar {
        display:none!important;
}
#pageOuterWrap {
        background-image:url("/webspeed/body_bg.png");
        background-repeat: repeat-x;         
        background-color: #FAFAFA;
        background-position:0 -36px;
        background-attachment:scroll;
        overflow:visible;
        width:100%;    
}
#pageOuterWrap.popup,
#pageOuterWrap.skyport,
#pageOuterWrap.noheader {
        background: #FAFAFA url("/webspeed/body_bg.png") repeat-x scroll 0 -104px;
}
#pageOuterWrap.popup #pageInnerWrap {
        width: auto;
}

#mainNavBar {
        border-radius: 4px 4px 4px 4px;
        -moz-border-radius: 4px 4px 4px 4px;
        -webkit-border-radius: 4px;
        -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#9F9F9F')"; 
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#9F9F9F'); /* */
        box-shadow: 0 1px 2px #9F9F9F;	
        -moz-box-shadow: 0 1px 2px #9F9F9F;
        -webkit-box-shadow: 0 1px 2px #9F9F9F;		
        border: 1px solid #FFFFFF;
        display: inline-block;
        *display: inline;
        zoom:1;
        left: 3px;
        position: absolute;
        top: 47px;	
        overflow:hidden;
        z-index:85;
        white-space: nowrap;
        background:url("/webspeed/nav_bg_sprite.png") repeat-x scroll 0 0 transparent;
        display:table-row;
}
#mainNavBar a {
        background:url("/webspeed/nav_bg_sprite.png") repeat-x scroll 0 0 transparent;
        border-top: 1px solid #DBE3EB; 
        color: #444444;
        cursor: pointer;
        font-family: Arial;
        font-size: 13px;
        text-align: center;
        text-shadow: #FFFFFF 0px 1px 1px;   
        white-space:nowrap;
        text-decoration:none;	
        display:inline-block;
        *display: inline;
        zoom:1;
        height:38px;
        overflow:hidden;
        display:table-cell;
        vertical-align:middle;
}
#mainNavBar a span {
        background: url("/webspeed/nav_bg_sprite.png") no-repeat scroll right bottom transparent;
        padding: 11px 8px;
        display: block;        
}
a.mainNavBarLink:hover,
#mainNavBar a.open,
#mainNavBar a:focus,
#mainNavBar a:hover,
#mainNavBar a:active {
        background: url("/webspeed/nav_bg_sprite.png") repeat-x scroll 0 -78px transparent!important;
        color:#FFFFFF;
        text-shadow: 0px 1px 1px #536677;
        border: 1px solid #5e7890; 
        border-bottom-width:0;        
}
#mainNavBar a:hover span, 
#mainNavBar a:focus span,
#mainNavBar a:active span,
#mainNavBar a.open span,
#mainNavBar a.thispage span {
    background:none;
    padding-left: 7px;
    padding-right: 7px;
}
#mainNavBar a.first {		
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0;
    -webkit-border-bottom-left-radius:4px;
}
#mainNavBar a.first span {
    padding-left:14px;
}
#mainNavBar a.first:hover span, 
#mainNavBar a.first:focus span,
#mainNavBar a.first.thispage span {
    padding-left:13px;		
}
#mainNavBar a.multiline span{padding:3px 8px;}
#mainNavBar a.multiline:hover,#mainNavBar a.multiline:active,#mainNavBar a.multiline:focus {border-left-width:0;border-right-width:0;}
#mainNavBar a.multiline:hover span, #mainNavBar a.multiline:active span, #mainNavBar a.multiline:focus span {padding:3px 8px;}
#mainNavBar a.last,
#mainNavBar a:last-child{-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:0;}
#mainNavBar a.last span,
#mainNavBar a:last-child span{padding-right:14px;background:none;}
#mainNavBar a.last:hover span,
#mainNavBar a.last:focus span,
#mainNavBar a.last:active span,
#mainNavBar a:last-child:hover span,
#mainNavBar a:last-child:focus span,
#mainNavBar a:last-child:active span{padding-right:13px;}
#pageHeaderWrap {
    height: 125px;    
    width: 100%;
    position:relative;
    z-index:10;
    zoom:1;
}

#pageOuterWrap.popup #pageHeaderWrap {
    height: 30px;
}
#pageOuterWrap.popup #pageControlBar {
    height: 25px;
    top: 5px;
}
#pageControlBar {
    position: relative;
    top: 30px;
    height:25px;   
    z-index:1; 
    zoom:1;    
}
#pageControlBar ul a {
    background-color:transparent!important;
}
#controlBarLeft {
    position:absolute;
    z-index:1;
    top:0;
    left:7px;
}
#controlBarLeft div,
#controlBarLeft a  {
    float:left;
}
#navControls {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#menu_navList {
    left: 22px;
    top: 20px;    
    z-index: 999;
    padding: 0;
}
#menu_navList a {
    float:none;
}
#menu_navList a.menu_selected {
        background:url("/webspeed/bullets_sprite.png") no-repeat scroll 5px -16px transparent;
}
#navBack {
        background: url("/webspeed/navButtons_sprite.png") no-repeat scroll 0 0 transparent;
        width:20px;
        height:22px;
        outline:medium none!important;
        text-decoration: none !important;
        color: transparent !important;
}
#navBack:hover,
#navBack:focus {
        background-position:0 -22px;
}
#navBack:active {
        background-position:0 -44px;
}
#navBack.disabled{
        background-position:0 -66px;
}
#navBack.disabled:hover,
#navBack.disabled:focus,
#navBack.disabled:active{
        background-position:0 -66px;
}
#navList2 {
        background: url("/webspeed/navButtons_sprite.png") no-repeat scroll -20px 0 transparent;
        height: 22px;
        margin-left: 2px;
        margin-right: 1px;
        outline: medium none !important;
        width: 14px;
        text-decoration: none !important;
        color: transparent !important;        
}
#navList2:hover,
#navList2:focus {
    background-position:-20px -22px;
}
#navList2:active {
    background-position:-20px -44px;
}
#navList2.disabled{
    background-position:-20px -66px;
}
#navList2.disabled:hover,
#navList2.disabled:focus,
#navList2.disabled:active{
    background-position:-20px -66px;
}
#navForward {
        background: url("/webspeed/navButtons_sprite.png") no-repeat scroll -34px 0 transparent;
        width:20px;
        height:22px;
        outline:medium none!important;
        text-decoration: none !important;
        color: transparent !important;        
}
#navForward:hover,
#navForward:focus {
    background-position:-34px -22px;
}
#navForward:active {
    background-position:-34px -44px;
}
#navForward.disabled{
    background-position:-34px -66px;
}
#navForward.disabled:hover,
#navForward.disabled:focus,
#navForward.disabled:active{
    background-position:-34px -66px;
}
#controlBarRight {
    background: url("/webspeed/utilArea_sprite.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #BABABA;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 3px #C5C5C5;
    -moz-box-shadow: 0 0 3px #C5C5C5;
    -webkit-box-shadow: 0 0 3px #C5C5C5;
    padding: 0 4px;
    position: absolute;
    z-index:1;
    right: 4px;
    top: -2px;
    text-align:right;
}
#controlBarRight.hasBackButton {
    right: 80px;
}
#ControlBarBackButton {
    position: absolute;
    right: -77px;
    top: -3px;
}
#controlBarRight ul {
        list-style:none;
        font-family:arial;
        font-size: 1px;
        margin:0;
        padding:0;
}
#controlBarRight ul li {
        display: inline-block;
        *display: inline; 
        height:19px;
        zoom:1;
        padding: 2px 2px 1px;
        position: relative;
        z-index:10;
        vertical-align: sub;
}
#controlBarRight a.toolLink {
        display: inline-block;
        *display: inline;
        zoom:1;
        overflow: hidden;
        padding: 4px 0 2px 20px;
        *padding:2px 0 2px 20px; /* ie without doctype */
        vertical-align: middle;
        white-space: nowrap;
        line-height: 13px;
        text-align: left;
}
a.toolLink:focus {
        width:auto!important;
        text-decoration:underline;
}
#controlBarRight ul li a {
        font-family:Arial;
        font-size:11px;
        color:#1B63AA;
        text-decoration:none;
        background-color:transparent!important;
}
#controlBarRight ul li a:hover {
        text-decoration:underline!important;
}


#pageOuterWrap.normal #link_printQueue{background:url("/webspeed/icons_sprite.png") no-repeat scroll -2px -121px transparent;}
#pageOuterWrap.popup #link_printQueue{background:url("/webspeed/icons_sprite.png") no-repeat scroll 0 -121px transparent;padding:2px 2px 2px 22px;}


#pageOuterWrap.normal #link_printQueue, #pageOuterWrap.popup #link_printQueue {
        width:auto!important;
}

#link_capture {
        background: transparent url("/webspeed/icons_sprite.png") no-repeat scroll 0 -420px;
        padding: 2px 0 2px 19px;       
}

#pageTitle {
    margin-left:6px;
    font-family:Arial;
    font-size:17px;
    font-weight:bold;
    color:#444444;
    text-shadow: #FFFFFF 0px 1px 1px;	
    white-space: nowrap;
}
#pageOuterWrap.popup #pageTitle {
        margin-left:0px;
}
.hasSkycoder {color:green!important; font-style:italic;}
#entityArea {
    position: absolute;    
    left: 90px;    
    top: 5px;
    height: 21px;
    width: 600px;
    z-index:90;
}
#entityLabel {
        float:left;
        color:#0B86E0;        
        font-family: "Times New Roman", Georgia;
        font-size: 19px;
        background-color:#FFFFFF;
}

#entityLabel span.currName {
    font-size: 14px;
    font-family: "Times New Roman", Georgia;
    color:#444444;
    text-transform: capitalize;
}

#pageTopBanner {
        background-color: #FFFFFF;
        border-bottom: 1px solid #CAD6E3;
        position: relative;
        top:0;	
        _top:1px; /*ie7*/
        left:0;
        height: 67px;
        width: 100%;
        z-index: 80;
        zoom:1;
}
#brandingArea {
    background: transparent url("/webspeed/skyward_logo.jpg") no-repeat scroll 0 0;
    height: 39px;
    left: 6px;
    position: absolute;
    z-index:0;
    top: 5px;
    width: 75px;
}
#utilityArea {
    height: 23px;
    position: absolute;
    right: 4px;
    top: 0;
    z-index:95;
    zoom:1;
    width:auto;
}
#utilityArea div.utilityAreaBG {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-bottom-left-radius: 4px 4px;
    -webkit-border-bottom-right-radius: 4px 4px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#9F9F9F')";   
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#9F9F9F');  
    box-shadow: 0 1px 2px #9F9F9F;
    -moz-box-shadow: 0 1px 2px #9F9F9F;
    -webkit-box-shadow: 0 1px 2px #9F9F9F;
    background: transparent url("/webspeed/utilArea_sprite.png") repeat-x scroll 0 0;
    border: 1px solid #FFFFFF;
    height: 22px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:-1;
    zoom:1;
}

#utilityTable {
    margin:0;
    margin-top:2px;
    list-style:none;
    padding:0;
}
#utilityTable li {
    height:19px;
    padding:0 10px;
    font-family:arial;
    font-weight:normal;
    font-size:11px;
    display:inline-block;
    *display: inline;
    zoom:1;
    line-height:19px;
    vertical-align: middle;
    float:left;
}
#utilityTable li.last {
    background: transparent none repeat scroll 0 0 !important;
}
#utilityTable li.utilUser {
    color:#444444;
    text-transform: capitalize;
}
#utilityTable li.utilLink {
    background: transparent url("/webspeed/utilarea_sprite.png") no-repeat scroll right bottom;
}
#utilityTable li.utilLink a {
        color:#1B63AA;
        text-decoration:none;
}
#utilityTable li.utilLink a:hover {
    text-decoration:underline;
}

#helpWrap {
        position:relative;
        z-index:10;
        width:auto;
        top:0;
        left:0;    
}

#link_help {
        background: transparent url("/webspeed/icons_sprite.png") no-repeat scroll 0 0;
        width:21px;
        height:19px;
        float:left;
        cursor:pointer;
        text-decoration: none !important;
        color: transparent !important;        
}

#link_back {
        background: url("/webspeed/arrows_sprite.png") no-repeat scroll 0 -469px transparent;
        overflow: hidden;
        padding: 2px 0 2px 13px!important ;
        width: auto !important;        
}

#pageOuterWrap.popup #link_help {
    display: block;
    width: 21px;
    float:none;
}
#link_help:hover {
    background-position:0 -19px;
}


.menuList, .menuList2{
    position: absolute;
    box-shadow: 0 3px 10px #BABABA;
    -moz-box-shadow: 0 3px 10px #BABABA;
    -webkit-box-shadow: 0 3px 10px #BABABA;
    background-color: #FFFFFF;
    border: 1px solid #5A7996;
    z-index: 90;
    top:25px;
    zoom:1;
}
.menuList {
    left:-195px;
    width:205px;
    padding:3px 0px;
}

.menuList2 {
    left:25px;
    width:210px;
    padding:2px 0px;
}
.menuList a,
.menuList2 a {
    display:block;
    color: #1B63AA !important;
    background-color:#FFFFFF;
    font-family: Arial !important;
    font-size: 12px !important;
    text-decoration: none;
    text-align:left;
    white-space:nowrap;
    padding: 2px 7px 2px 15px;
    line-height:15px;
    zoom:1;    
}

.menuList a:hover,
.menuList2 a:hover {
        text-decoration: underline;
}

#navlist{padding:3px; margin-left:0px; border-bottom:1px solid #000000; font-size:13px; font-weight:bold; padding-left:0px; margin-bottom:0px}
#navlist li{list-style:none; margin:0; display:inline; margin-bottom:0px}
#navlist li a{padding:3px 0.5em; margin-left:3px; border:1px solid #000000; border-bottom:none; background:#6C88A2; text-decoration:none}
#navlist li a:link{color:#FFFFFF;}
#navlist li a:visited{color:#FFFFFF;}
#navlist li a:hover{color:#FFFFFF; background:#90AECA; border-color:#222277;}
#navlist li a#current{color:#000000; background:white; border-bottom:1px solid white}

ul.menuClassList {background-color:#F3F3F3;border-color:#AECDEB #82BAF1 #90AECA;-moz-box-shadow: 0 1px 1px #D3D3D3; -webkit-box-shadow: 0 1px 1px #D3D3D3;box-shadow: 0 1px 1px #D3D3D3;}
ul.menuClassList li a, ul.menuClassList li ul li a {background-color:#F3F3F3;color:#286EB3;}
ul.menuClassList li:hover ul, ul.menuClassList li.over ul, ul.menuClassList li ul a:hover {background-color:#6C88A2;color: #FFFFFF;}

.EditInputNum {font-weight:normal; font-size:9pt; border-style:solid; border-width:1px; border-color:#7F9DB9; text-align:right;}

.style1 {background-color:#F0F0F0; color:#286EB3;}
.style2 {color:#286EB3;}
.style3 {background-color:#F0F0F0;}
.style4 {color:#6C88A2;}
.style5 {background-color:#F3F3F3; color:#286EB3;}
.style6 {background-color:#C3D2E1;}

a.ind{text-decoration:none;width:14px;font-weight:bolder;text-align:center;display:inline-block;border-radius:3px}
a.ind + a.ind{margin-left:1px}

/* 2.0 menu */
div.navMenu, div.navMenuBlock{border:1px solid;}
#navMenuWrap a{background-color:transparent ! important;}
div.navMenu{overflow:visible;font-family:arial;display:none;position:absolute;top:92px;left:20px;width:950px;z-index:75;border-top-width:0;padding:3px;padding-top:40px;box-shadow:0 1px 2px #BABABA;-moz-box-shadow:0 1px 2px #BABABA;-webkit-box-shadow:0 1px 2px #BABABA;border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px;zoom:1;border-color:#5A7996;background-color:#F0F0F0;}
div.navItemWrap{position:relative;z-index:0;zoom:1;}
div.columnWrap{float:left;height:expression(this.scrollHeight > 525 ? "525px":"auto");max-height:525px;overflow:auto;width:100%;position:relative;z-index:1;zoom:1;}
div.column{float:left;width:320px}
.column1{clear:left;}
div.navMenuBlock{border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;-webkit-border-radius:8px;float:left;margin:5px;padding:4px;background-color:#C3D2E1;border-color:#BBBBBB;}
div.navMenuWrap{float:left;line-height:20.8px;zoom:1;width:300px;}
div.navMenuWrap div.titleArea{border-bottom:3px solid #6F91B0;height:25px;}
div.titleArea table{width:100%;height:25px;}
div.titleArea td{line-height:1.35em!important;white-space:nowrap;}
div.titleArea td.titleCell{color:#444444;font-family:arial;font-size:14px;font-weight:bold;text-align:left;}
div.navMenuWrap a.titleLink{color:#444444;display:block;font-family:arial;font-size:14px;font-weight:bold;padding:2px 2px 2px 5px;text-decoration:none;}
div.navMenu a.open{color:#000000;background-position:4px -115px!important;}
div.navMenu a.open:hover,div.navMenu a.open:focus{color:#000000!important;background-position:4px -85px!important;}
div.navMenu a.closed:hover {color:#000000;text-decoration:underline;background-position:4px 6px!important;background-color:transparent!important;}
div.menuLinks a{color:#1B63AA;display:block;font-family:arial;font-size:13px;padding:0 10px;text-decoration:none;}
div.navSectionWrap{border-top:1px solid #BABABA;box-shadow:0 0 6px #BABABA;-moz-box-shadow:0 0 6px #BABABA;-webkit-box-shadow:0 0 6px #BABABA;border-style:solid;border-width:1px;border-bottom-width:0;position:relative;z-index:1;zoom:1;border-color:#BBBBBB #DBDBDB #DBDBDB;}
div.menuLinks{
    padding:0 0 2px 0;
    position:relative;
    z-index:15;
    zoom:1;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    overflow:hidden;
    border:none;
    background: #FFFFFF;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #fefefe 0%, #f7f7f7 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f7f7f7));background: -webkit-linear-gradient(top, #fefefe 0%,#f7f7f7 100%);background: -o-linear-gradient(top, #fefefe 0%,#f7f7f7 100%);background: -ms-linear-gradient(top, #fefefe 0%,#f7f7f7 100%);background: linear-gradient(to bottom, #fefefe 0%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f7f7',GradientType=0 );}
}

#navMenuWrap div.open{display:block;}
#navMenuWrap div.closed{display:none;zoom:1;}
div.menuLinks a:hover {text-decoration:underline;background-color:#F3F3F3;}

#eaMenuLockDiv {
        z-index:9999;
        position:absolute;
        left:0;
        top:0;
        height:0;
        width:0;
        visibility:hidden;
}

/* Status Messages */
.eaMenuStatus{
        position:fixed !important; /* fixed is only supported in IE7 and higher with a doctype */
        position:absolute;   
        height:0;
        width:0;
        z-index:9999;
        background:none repeat scroll 0 0 #222222;
        padding:6px 20px;
        color:#FFFFFF;
        font-family:arial;font-size:13px;font-style:italic;        
        border:1px solid #000000;
        border-radius:10px 10px 10px 10px;
        -moz-border-radius:10px 10px 10px 10px;
        -webkit-border-radius:10px;
        box-shadow:0 0 10px #000000;
        -moz-box-shadow:0 0 10px #000000;
        -webkit-box-shadow:0 0 10px #000000;
        right:15px;
        bottom:15px;
        opacity: 0.8;
        visibility:hidden;
        zoom:1;
}