/* 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;
	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;
}

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 { /* will be needed until next 05.26-02 release is done */
	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;
}
#skywardLogo{width:74px;margin-top:5px;margin-left:7px}
#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;
}