/******************************************************** Common classes ***************************************************************/
body{margin: 0; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
body.home {color: #60a8e6;}
#menuOpened {display: block;}

/*Globall Styles */
fieldset {margin-bottom:10px; padding:4px 10px 6px 5px; border:1px solid #d8e1e7; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
fieldset legend{ font-size:1em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom: 2px\9; margin-left:5px; *margin-left:0px;}
/*.s-user-line{flaot:left;width:390px;margin-top:7px;margin-left:2px;margin-right:2px;border-top:solid 1px rgb(216,225,231);}*/
fieldset legend .s-user-line{float:left;margin-top:7px;border-top: 1px solid rgb(216,225,231);margin-left:2px;margin-right:2px;width:399px;}
fieldset .s-user-result-head{font-weight:normal;background-color: #FFFFFF;display: inline-block;font-size: 13px;float:right;padding: 0 3px;position: relative;top: -25px;}
fieldset .s-user-result-head a{text-decoration:underline;}
fieldset .s-user-result-head-dis {color:rgb(170,170,170);}
select {background-color:#FFF;font-family:Arial; font-size:12px;}
h1{font-size:14px; margin:0; padding:0; font-weight:bold; text-align:center;}
h2{font-size:12px; font-weight: bold; margin:0; padding:0;}
h4{font-size:14px; margin:0; padding-top:30px; font-weight:bold; text-align:center;}
 /* TCD-10935  */
h5{font-size:14px; margin:0; padding-top:32px; font-weight:bold; text-align:center;}
p{margin:0; margin-bottom:12px; padding:0; font-size:1em;}
a{ color:#0000ff; text-decoration:none; cursor:pointer;}
a:hover{color:#0000ff;text-decoration:underline;}
a:active{color:#2C3D5B; text-decoration:none;}
img{outline:none; border:0;}

.response_body li.radio {padding-left:0.5em !important;}

.response_body .assemt_default{
    max-width: 636px;
}

.alignMiddle
{
	vertical-align:middle !important;
}
/* Text Boxes & Buttons */
input[type='text'], input[type='password'] {height: 16px;margin:0;/*border: 1px solid #ccc;*/ padding:2px;}
input[type="button"], input[type="submit"], input[type="reset"], .ui-dialog-buttonpane button { 
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #f0f0f0 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#cccccc');
	background-color:#f0f0f0;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #c7c5c7;
    display:inline-block;
    color:#202020;                
    font-weight:bold;
    padding:4px 12px;
	*padding:4px;
    text-decoration:none;                
	margin-left:5px;
	text-shadow:1px 1px 0px #ffffff;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .ui-dialog-buttonpane button:hover{
     background: #dadada;
     background: -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#a2a0a0));
     background: -moz-linear-gradient(top,  #dadada,  #a2a0a0);
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#a2a0a0');
}
input[type="button"][disabled], input[type="button"][disabled]:hover,
.ui-dialog-buttonpane button[disabled], .ui-dialog-buttonpane button[disabled]:hover,
input[type="submit"][disabled]:active, input[type="submit"][disabled]:hover,
input[type="submit"][disabled] {
  font-weight:bold;
  padding:4px 12px;
  *padding:4px;  
  color: GrayText;
  cursor: inherit;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  font-size:12px; 
  border:1px solid #c7c5c7;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #cccccc) );
  background:-moz-linear-gradient( center top, #f0f0f0 5%, #cccccc 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#cccccc');
  background-color:#f0f0f0;
}

/* Table styles  */
thead.table-header th {padding: 0px 7px; height:37px; font-size:14px; text-align:left;}
tbody.table-row-content tr.even td {padding: 2px 3px 3px 7px; height:36px; font-size:12px; height:30px\9; }
tbody.table-row-content tr.odd td {border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; padding: 2px 3px 3px 7px; height:36px; height: 28px\9;font-size:12px; }
tbody.table-row-content tr:hover{background-color:#e8f0cb;}
.table-row-content a:visited {color: #800080;}
.table-row-content a:active {color: #090;}
.table-header-bg{background: url("../images/table-header-bg.jpg") repeat-x; height:37px; width:715px; border-left:1px solid #CCC; border-right: 1px solid #CCC;border-bottom:1px solid #CCC; font-size:14px;}

.table-doubleheader-bg{background: url("../images/table-double-header.jpg") repeat-x; height:48px; width:715px; border-left:1px solid #CCC; border-right: 1px solid #CCC;border-bottom:1px solid #CCC; font-size:12px;}
thead.table-double-header th {padding: 0px 7px; height:48px; font-size:14px;}

/* Styleguide spacing */
.table-center-align{padding:2px 0 8px 5px;}
.titleTop-space{margin-top:3px;}
.titleTop-hint-space{margin-top:12px;}
.fieldset-table{margin-top:7px;}
.fieldset-without-title{margin-top:10px;}
.group-space{margin-top:28px;margin-top:22px;}
.group-space-new{margin-top:22px;margin-bottom:10px;}
.lineHeight{ line-height:10px;}
.paddingTop10{padding-top:10px;}
.table-center-align-report {
padding: 10px 10px 10px 10px;
}


/* Pagination */
.pagination-holder{padding:10px 0; overflow:auto; text-align:left;}
.pagination-export-holder{padding:5px; overflow:auto; text-align:right;}/*TCTT-993 alignment has been adjusted*/
.pagination-holder input[type='text'] {font-size:10px;}
.pagination-admin{padding:5px; overflow:auto; text-align:left;}
.pagination-txt{font-size: 10px; font-weight: bold; text-align:left;padding:7px 0;}
.pagination-txt a{color:#0000ff;}

/* Button Sizes */
.command50wide {width: 50px;}
.command60wide {width: 60px;}
.command175wide {width: 175px;}
.command125wide {width: 125px;}
.command75wide {width: 75px;}
.command190wide {width: 190px;}
.command180wide {width: 180px;}
.command100wide {width: 100px;}
.command150wide {width: 150px;}

/* Textarea Sizes */
.listWidth116 {font: small Arial;width: 116px;}
.listWidth175 {font: small Arial;width: 175px;}
.listWidth195 {font: small Arial;width: 195px;}
.listWidth207 {font: small Arial;width: 207px;}
.listWidth220 {font: small Arial;width: 220px;}
.listWidth325 {font: small Arial;width: 325px;}
.listWidth180 {font: small Arial;width: 160px;line-height: 20px;}.listWidth317 {font: small Arial;width: 317px;}
/* Textbox Sizes */
.inputWidth170 {font: small Arial;width: 170px;}
.inputWidth100pc {font: small Arial;width: 100%;}
.inputWidth240pc{width:240px;margin-left:4px;}
/*Font Styles */
.things_txthead_yelow {font-size:16px; color:#FFB400; font-weight:bold; padding-bottom:20px;}
.fieldName{text-align: left;font-size: 12px;}
.fieldNameApplyFlt{text-align: left;font-size: 12px;}
.fieldNameDialog{text-align: left;font-family:Arial;font-size:13px;}
.fieldName-smalltxt{font-size: 11px;}
.fieldNameBold{font-size: 12px; font-weight:bold;}
.fieldNameBoldStudent{font-size: 12px; font-weight:bold; text-align:left;}
.fieldNameBolder{font-size: 14px; font-weight:bold;}
.fieldNameBreakAll{word-break:break-all;}
span.redasterick { font-weight: bold; font-size: 10px;  color: #ff0000;}
.error-msg{font-size: 14px; color:#FF0000;}
.legendError-msg{font-size: 14px; color:#FF0000; text-align:left;}
.error-msgList{margin:2px 0; padding-left:20px;}
.error_text{font-weight: bold; font-size:12px; color:#000000; padding-left:10px; text-align:left;}

.error_import_users{color: red; font-family: Arial; font-size:14px;}
/* Breadcrumbs */
.addClassBlack {font: 0.9em Arial;}
.addClassGray {font: 0.9em Arial;color: gray;}
.addClassBlue {font-family:Arial;font-size:0.9em;color:rgb(0, 0, 255);text-transform: capitalize;}
.addClassArrowBlue {font-size:0.9em;color:rgb(66,103,166);}

/*Image tool tip*/
a.iconTooltip:link{position:relative; z-index:24; border:0; color:#009F00; text-decoration:none; cursor:help; text-align:left; font-size:12px;}
a.iconTooltip:hover, a.info:focus{background-color:transparent; border:0;}
a.iconTooltip:hover span,a.iconTooltip:focus span{ /*the span will display just on :hover state*/display:block; position:absolute; z-index:9999999;
 width:298px; top:-16px; *top:-5px; left:25px; padding:12px; font-size:12px; line-height:16px;color:#000000; background-color:#D2E8E8; border-bottom:2px solid #CCC;border-right:2px solid #CCC ;text-align:left; font-family:Arial;}
a.iconTooltip:visited{/*not necessary for the icon tooltips*/text-decoration:none; color:#009F00; border:0;}
a.iconTooltip span, a.iconTooltip:active span{/*Important, as this hides the spanned text*/ display: none;}


/* Tabs  */
#search-headerTab {background: url(../images/bg.gif) repeat-x 50% bottom; float:left; width:100%; font-size:12px; line-height:28px;}
#search-headerTab UL {padding: 0px 10px 0 0; list-style-type: none; margin: 0px;}
#search-headerTab LI {padding: 0 2px 0 5px;	background: url(../images/left.gif) no-repeat left top;	float:left; margin:0;}
#search-headerTab A {display:block; font-weight:bold; background: url(../images/right.gif) no-repeat right top; float:left; color: #000; text-decoration:none; padding: 5px 12px 4px 6px;}
#search-headerTab A {float: none;}
#search-headerTab A:hover {text-decoration: underline;}
#search-headerTab #current {background: url(../images/left_on.gif) no-repeat left top; padding-left:5px;}
#search-headerTab #current A {	background: url(../images/right_on.gif) no-repeat right top;PADDING-BOTTOM: 5px;/*padding: 12px 12px 12px 5px;*/}
.tdTab {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;}

/* Headers */
.cellHeader {border: 1px solid #93a5a2;	background: #d8e5e3;padding: 2px;font: bold small Arial;}
.cellHeaderGradeLevel {border: 1px solid #93a5a2;background: #d8e5e3;padding: 2px;font: bold x-small Arial;line-height: 20px;}
.cellContent {padding: 2px;border: 1px solid #93a5a2;font: x-small Arial;}
.allStudentCellContent{padding: 2px;border: 1px solid #93a5a2;font: normal Arial;}
thead.tableHeader th {border-left: 1px solid #fff;border-right: 1px solid #605b48;border-top: 1px solid #fff;border-bottom: 1px solid #605b48;font: bold small Arial;padding: 4px 3px;text-align: left;background: #ddeff2;font-size: 12px;}
.Header {border-top-width: 1px;border-right-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: none;border-left-style: none;	border-top-color: #000000;background-position: center top;width: 100%;background: url(../images/ThinkCentral_Header_New.gif) repeat-x;}

/* Table Styles */
td#lesson {text-align: left;width: 250px;font: x-small Arial;}
div.tableOutline {border: 1px solid #b1b0b0;}
.oddRow {background: #FFF;border-bottom: none;border-left: none;border-right: 1px solid #CCC;border-top: 1px solid #DDD;padding: 2px 3px 3px 4px;}
.evenRow{background: #f2f2f2; border-bottom:1px solid #b1b1b1; border-left: none; border-right: 1px solid #CCC;border-top: 1px solid #b1b1b1;padding: 2px 3px 3px 4px;}
.tdColored {background: #EEE;border-bottom: none;border-left: none;border-right: 1px solid #CCC;border-top: 1px solid #DDD;padding: 2px 3px 3px 4px;	font: medium Arial;}
#tblContainer {width:500px;border: 1px solid #605b48;align: left;}
#tblContainer_selstud {width:500px;border: 1px solid #605b48;align: left;   margin: 0 auto;}
#tblData {width: 500px;height: 235px;overflow-y: auto;overflow-x: hidden;}
#tblHead th {background: #ddeff2;border-left: 1px solid #ffffff;border-right: 1px solid #605b48;border-top: 1px solid #ffffff;border-bottom: 1px solid #308ac8;font-weight: bold;padding: 4px 3px;text-align: left;}
#tblBody, #tblBody tr td, #tblBody td {background: #FFF;border-bottom: 1px solid #DDD;border-left: none;border-right: 1px solid #CCC;border-top: none;	padding: 2px 3px 3px 4px;   font-family:Arial;}
#tblBody, #tblBody tr.alt td {background: #EEE;border-bottom: 1px solid #DDD;border-left: none;border-right: 1px solid #CCC;border-top: none;padding: 2px 3px 3px 4px}
#tblBodyClear, #tblBodyClear tr td, #tblBodyClear td {background: #FFF;border-bottom: none;border-left: none;border-right: none;border-top: none;	padding: 2px 3px 3px 4px}
td#lesson_new{font-size:12px; color:#0000ff; font-weight:normal; text-decoration:none;}
td#lesson_new a{color:#0000ff; text-decoration: underline;}
td#lesson_new_assign{font-family:arial;font-size:10px;color:#0000ff !important;font-weight:normal;   text-align:left;text-decoration:underline !important; }
td#lesson_new_assign a{font-family:arial;font-size:10px;color:#0000ff !important;font-weight:normal;   text-align:left;text-decoration:underline !important; }

/* Scroll Navigation */
.scrollContent a:link {	color: #00f;text-decoration: underline;}
.scrollContent a:visited {color: #800080;text-decoration: underline;}
.scrollContent a:hover {color: #F60;text-decoration: underline;}
.scrollContent a:active {color: #090;text-decoration: underline;}
.scrollContent_assignment a:link {color: #00f;	text-decoration: underline;}
.scrollContent_assignment a:visited {color: #800080;text-decoration: underline;}
.scrollContent_assignment a:hover {color: #F60;text-decoration: underline;}
.scrollContent_assignment a:active {color: #090;text-decoration: underline;}
tbody.scrollContent_assignment td{border-top: 1px solid #b1b1b1; padding: 2px 3px 3px 4px; font-size:12px !important;}
tbody.scrollContent_assignment tr.even td {border-top: 2px solid #b1b1b1;padding: 2px 3px 3px 4px; font-size: 12px;}
td#none {display: none;}
tbody.scrollContent_assignment tr.odd td {border-top: 2px solid #b1b1b1;padding: 2px 3px 3px 4px; font-size: 12px;}
.table_header_img a:link {color: #0000FF;text-decoration: underline;}
tbody.scrollContent td,tbody.scrollContent tr.normalRow td {border-bottom: none;border-left: 1px solid #CCC;border-right: 1px solid #CCC;	border-top: 1px solid #DDD;padding: 2px 3px 3px 4px;font: small Arial;}
tbody.scrollContentStudent td,tbody.scrollContentStudent tr.normalRow td{background: #FFF;border-bottom: none;border-left: none;border-right: 1px solid #CCC;border-top: 1px solid #DDD;padding: 2px 3px 3px 4px;}
tbody.scrollContentStudent tr.alternateRow td {background: #EEE;border-bottom: none;border-left: none;border-right: 1px solid #CCC;	border-top: 1px solid #DDD;padding: 2px 3px 3px 4px;}
tbody.scrollContent td,tbody.scrollContent tr.normalRow td {border-bottom: none;border-left: 1px solid #CCC;border-right: 1px solid #CCC;border-top: 1px solid #DDD;	padding: 2px 3px 3px 4px;font: small Arial;font-size: 12px} /*----TC-3320 ----------*/
tbody.scrollContent tr.alternateRow td {background: #EEE;border-bottom: none;border-left: none;border-right: 1px solid #CCC;border-top: 1px solid #DDD;	padding: 2px 3px 3px 4px;font: small Arial;}
tbody.scrollCntent td,tbody.scrollCntent tr.normalRow td {border-bottom: none;border-left: 1px solid #CCC;border-right: 1px solid #CCC;border-top: 1px solid #DDD;font: small Arial;}

/* popup window */
.popup-mainFrame{margin:25px; padding:15px; border:1px solid #d8e1e7; border-radius:10px;
background-color: #f3f3f3;  
background: -moz-linear-gradient(top, #f3f3f3 0%, #d1d1d1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f3f3f3 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f3f3f3 0%,#d1d1d1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f3f3f3 0%,#d1d1d1 100%); /* IE10+ */
background: linear-gradient(to bottom, #f3f3f3 0%,#d1d1d1 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#d1d1d1',GradientType=0 ) !important;*/ /* IE6-9 */
}
.popup-mainFrame p{ line-height:16px; font-size:12px;}
.popup-contentFrame{border-radius:10px; border:1px solid #e8edf0; background:#FFF; padding:15px;}


.formHeight {margin: 3px;}
.fieldNameRight {font: small Arial;	text-align: right;}
.question {font: bold medium Arial;	color: #fff;text-indent: 10px;}
.tableTitle {font: bold small Arial;}
.pageTitle {font: bold small Arial;padding-top: 15px;padding-bottom: 5px;}
.tableTitleGrade {font: bold x-small Arial;}
.assignment_title_font td{font-weight:bold;}
.wordbreak{word-break:break-all;width:120px;text-overflow:ellipsis;margin:0px;overflow:hidden;white-space: nowrap ;-o-text-overflow: ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');}
.close a:link {color: #fff;text-decoration: none;}
.close a:visited {color: #fff;text-decoration: none;}
.close a:hover {color: #039;text-decoration: underline;}
.close a:active {color: #090;text-decoration: underline;}

/*********************************************************** End of Common classes *****************************************************************/

/*.tableContent {font-family: Arial;font-size: 11px;}
.tableX-smallBold {font: bold x-small Arial;}
.tableX-smallBold_user {font-family:Arial;font-size: x-small;font-weight: bold;}
.userName {font: bold small Arial;text-indent: 50px;COLOR: #394555;font-weight: bold;TEXT-DECORATION: none;	text-align: left;}
.sample {border-width: 1px;border-style: solid;border-color: #586a67;background-color: #d8e5e3;}
.sampleth {border-width: 1px;padding: 2px;border-style: solid;border-color: #93a5a2;}
.custom_title_txt{font-family:Arial;font-weight:bold;font-size:13px;color:#000000; -text-transform: capitalize;}
.viewcabg {display:none; position: absolute;top: 0px;left: 0px;z-index:1000;}
.popupWindowHeader {font: bold small Arial;text-align: center;}
.popupFrameTitle {font: small Arial;color : #1E90FF;}
.blackOverlay{display: none;position: absolute;top: 0%;left: 0%;width: 1500px;height: 1000px;background-color: black;z-index:1001;-moz-opacity: 0.5;    opacity:.5;filter: alpha(opacity=50);}
.table_header_img{ background: url("../images/viewAllAssignments.png") no-repeat scroll 0 0 transparent; height:27px; width:710px;border-left:0px solid #CCC;border-right: 1px solid #CCC;border-bottom:0px solid #CCC; font-size:12px !important;font-family:Arial !important;}*/

/******************************************************* Classes Used in Java/ JS file **************************************************************/

.hilite{background-color:yellow;font: small Arial;font-size: x-small;}
.fieldNameStudent_assdetails {font-family:arial;font-size:11px;font-weight:normal;float:left:}
.clear_both{clear:both;}
.fieldNameStudentBold {font: bold large Arial;}
.popupWindow {display:none; position:absolute; top:25%; left:25%; padding:16px; border: 2px solid blue; background-color:white; z-index:1002; overflow: auto;}
.ass_scored_table_bg{background:url(../images/skipped_header.png) no-repeat;height:31px;width:723px;text-align:left;font-family: Arial;font-weight: bold;font-size: 16px;color: #000000;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.ass_test_score_header_txt{background:url(../images/test_score_header.png) no-repeat;height:22px;width:723px;text-align:left;font-family: Arial;    font-weight: bold;font-size: 16px;color: #000000;}
.ass_scored_points_header_table_bg{background:url(../images/test_score_points_header.png) no-repeat;height:32px;width:294px;text-align:left;    font-family: Arial;font-weight: bold;font-size: 16px;color: #000000;}
.ass_scored_points_header_table_bg_content{height:32px;width:294px;text-align:left;font-family: Arial;font-weight: bold;font-size: 16px;color: #000000;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC; width:294px;}
.socred_normalRow{background: #FFF;border-bottom: none;border-left: none;border-top: 1px solid #DDD;font-family: Arial;font-weight: normal;font-size: 12px;height:32px;text-align:left;}
.socred_test_report_alternateRow{background: #EEE;border-bottom: 1px solid #DDD;border-left: none;border-top: 1px solid #DDD; padding: 0px 3px 0px 4px;font-family: Arial;font-weight: normal;font-size: 12px;height:32px;color: #000000;}
.socred_test_report_normalRow{background: #FFF;border-bottom: 1px solid #DDD;border-left: none;border-top: 1px solid #DDD;padding: 0px 3px 0px 4px;font-family: Arial;font-weight: normal;font-size: 12px;height:32px;color: #000000; }
.socred_alternateRow{background: #EEE;border-bottom: none;border-left: none;border-top: 1px solid #DDD; font-family: Arial;font-weight: normal;  font-size: 12px;height:32px;text-align:left;}
td.socred_test_report_normalRow a{color: #000000; text-decoration:none;}
td.socred_test_report_alternateRow a{color: #000000; text-decoration:none;}
.ass_scored_Test_over_buttton{background:url(../images/ass_score_test_hover.png) no-repeat;height:25px;width:108px;border:0px;cursor:pointer;}
.ass_pauseTest_over_buttton{background:url(../images/but_pauseTest_hover.png) no-repeat; height:25px; width:98px; border:0px;cursor:pointer;}
.ass_reviewTest_over_buttton{background:url(../images/but_reviewTest_hover.png) no-repeat;height:25px;width:103px;border:0px;cursor:pointer;}
.ass_quitTest_over_buttton{background:url(../images/but_quit_test_hover.png) no-repeat;height:25px;width:76px;border:0px;cursor:pointer;}
.ass_image_back_over_buttton{background:url(../images/but_backtoTest_hover.png) no-repeat;height:25px;width:125px;border:0px;cursor:pointer;}
div#teachersLoading { display: none;top: 200 px;margin: auto;position: relative;z-index: 1000;width: 16px;height: 16px;background: url(../images/ajaxLoadingImage.gif) no-repeat; cursor:wait;}
div#gradesLoading { display: none;top: 200 px;margin: auto;position: relative;z-index: 1000;width: 16px;height: 16px;background: url(../images/ajaxLoadingImage.gif) no-repeat;cursor: wait;}
.tableBoxOuter {height:300px;}
th#schoolPID {text-align: left;width: 100px;}
th#ethnicity {text-align: left;width: 125px;}
th#specialServices {text-align: left;width: 150px;}
td#comSpace {text-align: left;width: 150px;}

/****************************************************** End of classes Used in Java File *********************************************************/

/*mini_help_btn-TCD-2500-START*/
.miniHelp{
	display: inline;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 30px;
}
.miniHelp li:hover div{
	visibility:visible;
}
.miniHelp li div h1 {
	font-size: 11pt;
	margin: 0 0 6px;
	text-align: left;
}
.miniHelp li div p {
	font-size: 10pt;
	width: 100%;
}

.miniHelp li div{
	position:absolute;
	left:-220px;
	left:-180px \0/;
	top:30px;
	*top:43px;
	z-index:10; 
	visibility:hidden;
	width:200px;
	padding:10px; 
	text-shadow: 0px 0px 0px rgb(255, 255, 255);

	border: 1px solid #dedede; 

	-webkit-border-top-left-radius: 	4px;
	-webkit-border-top-right-radius: 	4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 	4px;

	-moz-border-radius-topleft: 		4px;
	-moz-border-radius-topright: 		4px;
	-moz-border-radius-bottomright: 	4px;
	-moz-border-radius-bottomleft: 		4px;

	border-top-left-radius: 		4px;
	border-top-right-radius: 		4px;
	border-bottom-right-radius: 	4px;
	border-bottom-left-radius: 		4px;

	background-color:#ffffff;
	background-image:url(QuarterQuestion.png) no-repeat right bottom ;


	/* Safari 4-5, Chrome 1-9 */
	background:url(QuarterQuestion.png) no-repeat right bottom, -webkit-gradient(top,#ffffff,#efefef);
		/* Safari 5.1, Chrome 10+ */
	background:url(QuarterQuestion.png) no-repeat right bottom, -webkit-linear-gradient(top,#ffffff,#efefef);
		/* Firefox 3.6+ */
	background:url(QuarterQuestion.png) no-repeat right bottom, -moz-linear-gradient(top,#ffffff,#efefef);
		/* IE 10 */
	background:url(QuarterQuestion.png) no-repeat right bottom, -ms-linear-gradient(top,#ffffff,#efefef);
		/* Opera 11.10+ */
	background:url(QuarterQuestion.png) no-repeat right bottom, -o-linear-gradient(top,#ffffff,#efefef);
	/* W3C */
	background:url(QuarterQuestion.png) no-repeat right bottom, linear-gradient(top bottom, #ffffff, #efefef);
	/* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#efefef',GradientType=0);


	-moz-box-shadow: 	0px 2px 5px RGBa(0,0,0,0.2);
	-webkit-box-shadow: 	0px 2px 5px RGBa(0,0,0,0.2);
	box-shadow: 		0px 2px 5px RGBa(0,0,0,0.2);

	cursor:text;
	text-align:left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .miniHelp li div{left:-165px;}
}

.miniHelp li div h1	{
	font-size:11pt;
	margin:0px 0  6px 0;
	text-align: left;
}
.miniHelp li div h2,h3	{
	font-size:10pt;
	margin:0px 0  6px 0;
}
.miniHelp li div p	{
	font-size:10pt;
	width:100%;
}

.miniHelp li div h2,h3	{
	font-size:10pt;
	margin:0px 0  6px 0;
}
.miniHelp li div ol	{
	font-size:10pt;
	width:90%;
}
.miniHelp li div a:link	{
	cursor:pointer;
	color:blue;
	text-decoration:none;
	outline:none;
	font-weight:bold;
}
.miniHelp li div a:visited	{
	cursor:pointer;
	color:blue;
	text-decoration:none;
	outline:none;
	
}
.miniHelp li div a:hover	{
	cursor:pointer;
	color:blue;
	text-decoration:underline;
	outline:none;

}
.miniHelp li div a:active	{
	cursor:pointer;
	color:blue;
	outline:none;

}
.miniHelp li:hover div{
	visibility:visible;
}
a.miniHelpButton:link	{
	display:block;
	text-indent:-9999px;
	margin: 0px;
	padding: 0px;
	width: 30px;
	height: 30px;
	border: 0px;
	border: 0px;
	background-image:url(../images/Help-button-normal.png);
	cursor: help;
	outline:none;
}
 a.miniHelpButton:visited	{
	display:block;
	text-indent:-9999px;
	margin: 0px;
	padding: 0px;
	width: 30px;
	height: 30px;
	border: 0px;
	cursor: help;
	outline:none;
}
a.miniHelpButton:hover	{
	display:block;
	text-indent:-9999px;
	margin: 0px;
	padding: 0px;
	width:30px;
	height:30px;
	border: 0px ;
	background:transparent url(../images/Help-button-hover.png) no-repeat 0 0;
	cursor: help;
	outline:none;
}


.miniHelp li div a.moreHelp:link	{
	display: inline-block;
	float:right;
	clear:both;
	margin-left: 0px;
	padding: 1px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #202020;
	font-weight: bold;
	text-shadow: 1px 1px 0px white;
	cursor: pointer;
	outline:none;

	border: 1px solid #C7C5C7;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	background-color: #F0F0F0;

	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F0F0F0), color-stop(1, #CCC) );
		/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient( center top, #F0F0F0 5%, #CCC 100% );
		/* Firefox 3.6+ */
	background-image: -moz-linear-gradient( center top, #F0F0F0 5%, #CCC 100% );
		/* IE 10 */
	background-image: -ms-linear-gradient( center top, #F0F0F0 5%, #CCC 100% );
		/* Opera 11.10+ */
	background-image: -o-linear-gradient( center top, #F0F0F0 5%, #CCC 100% );

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#cccccc');

	-moz-box-shadow: 	inset 1px 1px 1px  #ffffff;
	-webkit-box-shadow: 	inset 1px 1px 1px  white;
	box-shadow: 		inset 1px 1px 1px  white;

}
.miniHelp li div a.moreHelp:visited	{
	padding: 1px 4px;
	font-family:arial;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	color:rgb(0, 0, 0);
	cursor: pointer;
	outline:none;
	text-shadow: 0px 1px 0px rgb(255, 255, 255);

	border: 1px solid rgb(140, 140, 140);

	border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;

	box-shadow:inset 1px 1px 1px rgb(255, 255, 255);
	-moz-box-shadow:inset 1px 1px 1px rgb(255, 255, 255);
	-webkit-box-shadow:inset 0px 1px 1px rgb(255, 255, 255);

	background-color: rgb(162, 162, 162);

	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(218, 218, 218)), color-stop(0.5, rgb(191, 189, 191)),color-stop(0.5, rgb(158, 155, 158)), to(rgb(158, 157, 158)));
		/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(-90deg, rgb(218, 218, 218), rgb(191, 189, 191) 50%,rgb(158, 155, 158) 50%, rgb(158, 157, 158));
		/* Firefox 3.6+ */
	background-image: -moz-linear-gradient(-90deg, rgb(218, 218, 218), rgb(191, 189, 191) 50%,rgb(158, 155, 158) 50%, rgb(158, 157, 158));
		/* IE 10 */
	background-image: -ms-linear-gradient(-90deg, rgb(218, 218, 218), rgb(191, 189, 191) 50%,rgb(158, 155, 158) 50%, rgb(158, 157, 158));
		/* Opera 11.10+ */
	background-image: -o-linear-gradient(-90deg, rgb(218, 218, 218), rgb(191, 189, 191) 50%,rgb(158, 155, 158) 50%, rgb(158, 157, 158));

}
.miniHelp li div a.moreHelp:hover	{
	padding: 1px 4px;
	font-family:arial;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	color:rgb(0, 0, 0);
	cursor: pointer;
	outline:none;
	text-shadow: 0px 1px 0px rgb(255, 255, 255);

	border: 1px solid rgb(140, 140, 140);

	border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;

	box-shadow:inset 1px 1px 1px rgb(255, 255, 255);
	-moz-box-shadow:inset 1px 1px 1px rgb(255, 255, 255);
	-webkit-box-shadow:inset 1px 1px 1px rgb(255, 255, 255);

	background-color: #888888;

	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(218, 218, 218)), color-stop(0.5, rgb(191, 189, 191)),color-stop(0.5, rgb(158, 155, 158)), to(rgb(158, 157, 158)));
		/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(-90deg, rgb(218, 218, 218), rgb(191, 189, 191) 50%,rgb(158, 155, 158) 50%, rgb(158, 157, 158));
		/* Firefox 3.6+ */
	background-image: -moz-linear-gradient(-90deg, rgb(218, 218, 218), rgb(191, 189, 191) 50%,rgb(158, 155, 158) 50%, rgb(158, 157, 158));
		/* IE 10 */
	background-image: -ms-linear-gradient(-90deg, rgb(218, 218, 218), rgb(191, 189, 191) 50%,rgb(158, 155, 158) 50%, rgb(158, 157, 158));
		/* Opera 11.10+ */
	background-image: -o-linear-gradient(-90deg, rgb(218, 218, 218), rgb(191, 189, 191) 50%,rgb(158, 155, 158) 50%, rgb(158, 157, 158));

}
.miniHelp li{
	width: 30px;
}
.miniHelp li div a.moreHelp:active	{
	padding: 1px 3px 1px 5px;
	font-family:arial;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	color:rgb(0, 0, 0);
	cursor: pointer;
	outline:none;
	text-shadow: 1px 1px 1px rgb(255, 255, 255);

	border: 1px solid rgb(140, 140, 140);

	border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;

	box-shadow:inset 1px 1px 1px rgb(255, 255, 255);
	-moz-box-shadow:inset 1px 1px 1px rgb(255, 255, 255);
	-webkit-box-shadow:inset 0px 1px 1px rgb(255, 255, 255);

	background-color: rgb(162, 162, 162);

	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(218, 218, 218)), color-stop(0.5, rgb(191, 189, 191)),color-stop(0.5, rgb(158, 155, 158)), to(rgb(158, 157, 158)));
		/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(-90deg, rgb(218, 218, 218), rgb(191, 189, 191) 50%,rgb(158, 155, 158) 50%, rgb(158, 157, 158));
		/* Firefox 3.6+ */
	background-image: -moz-linear-gradient(-90deg, rgb(218, 218, 218), rgb(191, 189, 191) 50%,rgb(158, 155, 158) 50%, rgb(158, 157, 158));
		/* IE 10 */
	background-image: -ms-linear-gradient(-90deg, rgb(218, 218, 218), rgb(191, 189, 191) 50%,rgb(158, 155, 158) 50%, rgb(158, 157, 158));
		/* Opera 11.10+ */
	background-image: -o-linear-gradient(-90deg, rgb(218, 218, 218), rgb(191, 189, 191) 50%,rgb(158, 155, 158) 50%, rgb(158, 157, 158));

}
/*mini_help_btn-TCD-2500-END*/
#hiddenContentforScreenReader {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
/* Calendar date selection button */

input[type="text"].calendarBox	{
	width:				6em;
	margin:				0 0 10px 0;
}

a.calendar:link,
a.calendar:visited,
a.calendar:hover	{
	background: transparent url("../images/calendarOff.png") no-repeat 0 0;
	border: 0;
	display: inline-block;
	height:	22px;
	margin-left: 0px;
	margin-right: 10px;
	overflow: hidden;
	text-indent: 100%;
	vertical-align: middle;
	white-space: nowrap;
	width: 28px;
}

a.calendar:active	{
	background: transparent url("../images/calendarOn.png") no-repeat 0 0;

}
a.calendar[disabled]:active	{
	background: transparent url("../images/calendarOff.png") no-repeat 0 0;

}



/* TC Data table defaults */

table.dataTableLayoutFixed {
	table-layout: fixed;
	word-break: break-all;
}

table.dataTableSeparateHeader {
	border-bottom: none !important;
	margin-bottom: 0 !important;
}

table.dataTableSeparateBody {
	border: none !important;
	margin-bottom: 0 !important;
}

div.dataTableSeparateBodyHolder {
	border-right: solid 2px #b1b1b1;
	border-bottom: solid 2px #b1b1b1;
	border-left: solid 1px #b1b1b1;
}

table.dataTable table td,
table.dataTableHiddenRows table td {
	border-bottom: none !important;
}

table.dataTable	{

	width: 100%;
	font-size: 1em;/* For IE7 */
	font-size: inherit;
	border-top: solid 1px #b1b1b1;
	border-right: solid 2px #b1b1b1;
	border-bottom: solid 2px #b1b1b1;
	border-left: solid 1px #b1b1b1;
	margin-bottom: 20px;

	/*font-size:			0.9em;   */
}

table.dataTableHiddenRows	{

	font-size: 1em;/* For IE7 */
	font-size: inherit;
	border-top: solid 1px #b1b1b1;
	border-right: solid 2px #b1b1b1;
	border-bottom: solid 2px #b1b1b1;
	border-left: solid 1px #b1b1b1;
	margin-bottom: 20px;
	
}

table.dataTable,
table.dataTable th,
table.dataTable td,
table.dataTableHiddenRows,
table.dataTableHiddenRows th,
table.dataTableHiddenRows td {
	border-collapse:collapse;
}

table.dataTable th,
table.dataTable td,
table.dataTableHiddenRows th,
table.dataTableHiddenRows td {
	height: 2.0em;
	overflow: hidden;
	padding: 0.3em;
	border-bottom: solid 1px #dedede;
	vertical-align: top;
}

.gradeColortd {
	height: 2.0em;
	overflow: hidden;
	padding: 0.3em;
	border-bottom: solid 1px #dedede;
	vertical-align: top;
	background-color: rgb(251,197,1);
	font-size: 1em;/* For IE7 */
	font-weight: bold;
}

table.dataTableHiddenRows table td {
	border:none;
}

table.dataTable td,
table.dataTableHiddenRows td {
	vertical-align: middle;
}

table.dataTable th,
table.dataTableHiddenRows th {
	padding-top: 0.5em;
	text-align: left;
	line-height: 1.2em;
	background-color:#dedede;

	background:-webkit-gradient( linear, left top, left bottom, 
	color-stop(0.05, 	#cacaca),
	color-stop(0.1, 	#ffffff), 
	color-stop(0.2, 	#dedede),
	color-stop(0.9, 	#dedede),
	color-stop(1, 		#a2a0a0) );
	
	background:-moz-linear-gradient( 
	center top, 
	#cacaca 	2%, 
	#ffffff 	8%,
	#dedede 	14%,
	#dedede 	90%,
	#a2a0a0 	100% );
}

table.dataTable tr:nth-child(even) {
	background-color: #f0f0f0;
}

/*
table.dataTableHiddenRows > tbody tr:nth-child(4n), table.dataTableHiddenRows > tbody > tr:nth-child(4n+1) {
	
}
*/

table.dataTable tr:hover,
table.dataTableHiddenRows > tbody > tr:hover {
	background-color: #E8F0CB;
}

table.dataTable tr.emphasis,
table.dataTableHiddenRows > tbody > tr.emphasis {
	background-color: rgb(251,197,1);
	font-weight: bold;
}

table.dataTable tr.emphasis a,
table.dataTableHiddenRows > tbody > tr.emphasis a {
	font-weight: normal;
}

table.dataTable tr.emphasis:hover,
table.dataTableHiddenRows > tbody > tr.emphasis:hover {
	background-color: #FBE284;
}

table.dataTable td img,
table.dataTableHiddenRows td img {
	vertical-align:		middle;
}
.chss05 /*Myaccount label */
{
	width: 0.5em;	
}
.chs000 /* date picker "To" label */
{
	width: 1em;	
}

.chs001	/* Middle initial */
{
	width: 2em;	
}

.chs004	/* Time input */
{
	width: 3em;	
}

.chs006	/* Time input */
{
	width: 5em;	
}
.chs007	/* MyAccount input */
{
	width: 6em;	
}
.chs008	/* Student ID and PID */
{
	width: 7em;
}

.chs010 {
	width: 9em;
}
.chs015 {
	width: 12em;
}

.chs016 {
	width: 13em;
}

.chs020	{
	width: 16em;
}

.chs025	/* Class Name */
{
	width: 20em;
}

.chs030	{
	width: 23.5em;
}

.chs032	/* Password, User Name, First Name, Second Name */
{
	width: 25em;
}

.chs040	{
	width: 31em;
}

.chs045	{
	width: 35em;
}

.chs050	/* English Proficiency */
{
	width: 38.5em;
}

.chs075	/* Class description, Email */
{
	width: 40em;
}

.chs200	/*Long text input limit 200 characters */
{
	height: 5.5em;
	width: 20em;
}
.chs400	/*Long text input limit 400 characters */
{
	height: 5em;
	width: 40em;
}
/* ***************** Tooltips ************** */

.tooltip span.tip {
	position: absolute;
	display: none;
	max-width: 20em;
	margin: 0px auto;
	padding: 5px 10px;
	border: 1px solid #dedede;
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 3px 3px 5px #888;
	color: #000;
	z-index: 4444;
	text-align:left;
	font-weight:normal;
}

.tooltip:hover span.tip {
	display: block;
}


/****************************************************  Not Used Classes ****************************************************************************/

.Block_ContainerCheck {padding: 0;padding: 0;border-top: 1px solid #999;border-left: 1px solid #999;border-right: none;border-bottom: 1px solid #999;} 
.Block_Container {padding: 0px;border: 1px solid #999;}
.Block_Label_Middle {font: bold x-small Arial;vertical-align: middle;}
.versionText {font: 0.54em Arial;color: #CCC;}
.PrintSaveLogout {padding: 2px;font: bold x-small Arial;background: #c0ccda url(..imagesbuttonFade.png) repeat-x;border-top: 1px solid #93a5a2;	border-left: 1px solid #93a5a2;	border-right: 1px solid #93a5a2;border-bottom: 1px solid #666;width: 160px;text-decoration: underline;text-align: center;}
.pageTitleEval {font: bold small Arial;padding-top: 15px;padding-bottom: 5px;}
.searchResultsbackground {background: url(..images175middleWhite.jpg) repeat-y;}
.command140wide {width: 140px;} 
.searchResultsHeaderBackground {background: url(..imagescalendarHeader.jpg) no-repeat;}
.fieldNameForgot {font: x-small Arial;text-align: left;}
td#sectionNone {display: none;}
.listWidth218 {font: small Arial;width: 218px;} 
thead.tableHeaderStudent th {border-left: 1px solid #fff;border-right: 1px solid #605b48;border-top: 1px solid #fff;border-bottom: 1px solid #605b48;	font: bold medium Arial;padding: 4px 3px;text-align: center;background: #ddeff2;} 
div.tableOutline_assign {border: 1px solid #605b48;margin-top:40px;}
.scoreFill {background-color: #F00;width: 20px;border: 1px solid #666;} 
.scoreFillBlank {background-color: #FFF;width: 20px;border: 1px solid #666;} 
.scoreFill1 {background-color: #F00;width: 2px;border-top: 1px solid #666;border-bottom: 1px solid #666;} 
.scoreFillBlank1 {background-color: #FFF;width: 2px;border-top: 1px solid #666;border-bottom: 1px solid #666;}
.tdColoredPercentage {background: #EEE;border-bottom: none;border-left: none;border-top: 1px solid #DDD;padding: 2px 3px 3px 4px;font: medium Arial;} 
.tdWhite {background: #FFF;border-bottom: none;border-left: none;border-right: 1px solid #CCC;border-top: 1px solid #DDD;padding: 2px 3px 3px 4px;	font: medium Arial;}
.reportsCheck {font: x-small Arial;text-indent: 5px;text-align: center;}
.tdWhitePercentage {background: #FFF;border-bottom: none;border-left: none;	border-top: none;	padding: 2px 3px 3px 4px;	font: medium Arial;}
.orangeLine {background-position: center top;background: url(..imagesThinkCentralOrgLine_New.png) repeat-x;	} 
td#headerEndCap {	height: 60;} 
td#headerEndCap2 {	height: 50;}
.PrintSaveLogout {font: bold x-small Arial;	width: 75px;}
.navlinkNew a:link {color: #fff;font: bold small Arial;text-decoration: none;}
.navlinkNew a:visited {color: #fff;font: bold small Arial;text-decoration: none;}
.navlinkNew a:hover {color: #fff;font: bold small Arial;}
.navlinkNew a:active {color: #fff;font: bold small Arial;}
.teachingBlockTable {background: #FFC;border-top: 1px solid #003;border-right: 1px solid #003;border-bottom: 1px solid #003;border-left-width: 1px;}
.calendarHeader {width: 179px;background:url(..Calendar%20Management%20Group%201%20Group%202%20HTMLimagescalendarHeader.jpg)no-repeat;height: 31px;}
.calendarHeaderText {font: bold small Arial;padding: 2px;}
.calendarSpacer {width: 4px;background: #e9feeb;}
.calendarNotes {text-align: center;width: 35px;}
.calendarNotesRightside {text-align: center;width: 23px;}
.calendarDayTitle {font: bold 11px Arial;text-align: center;}
.calendarSingleDayTitle {height: 31px background :   #e9feeb;font: bold small Arial;text-align: Left;width: 119px;height: 31px;}
.openPlanningBlock {font: bolder medium Arial;}
table#reportsTable {border: 0px solid #605b48;padding: 2px;}
.weekOf {font: bold x-small Arial;text-align: center;}
.command25wide {width: 25px;height: 25px;font: Arial;}
.command40wide {width: 40px;}
.command195wide {width: 195px;} 
.command100wideRight {width: 100px;float: right;} 
.command125wideRight {width: 125px;float: right;} 
.command135wide {width: 135px;}
.selectProduct {font: small Arial;width: 430px;} 
.listSize {font: small Arial;} 
.listWidth {font: small Arial;width: 175px;} 
.inputWidth {font: small Arial;width: 170px;}  
.inputWidth25 {font: small Arial;width: 25px;} 
.inputWidth207 {font: small Arial;width: 207px;} 
.cellHeader_THCopy {background: #ddeff2;border-left: 1px solid #fff;border-right: 1px solid #605b48;border-top: 1px solid #fff;border-bottom: 1px solid #308ac8;padding: 4px 3px;text-align: center;font: bold small Arial;}  
.cellContent_assignment {padding: 2px;font-family: Arial;} 
td#rightCellReports {border: 1px solid #605b48;padding: 2px;} 
td#viewSample {padding-bottom: 10px;padding-left: 10px;} 
.reportsBullet {font: x-small Arial;text-indent: 10px;text-align: center;} 
.stsBox {overflow: scroll;width: 312px;} 
.studentTestNav {background: url(..Student%20TestimagesStudent_Test_Nav.jpg);background-repeat: repeat-y;}  
.studentTestbody {width: 727;} 
.studentTestHeader {background: url(..imagesStudent_Test_Head_04.jpg);} 
.testTitle {font: bold large Arial;text-indent: 5pt;} 
.testQuestions {font: medium Arial;text-indent: 15pt;} 
.studentTestHeaderBlueYellow {height: 18px;background: url(..imagesBlue-Yellow-V-Strip.jpg);} 
.studentTestHeaderYellow {background: url(..imagesYellow-V-Strip.jpg);} 
.studentTestHeaderYellowBoxTop {width: 175px;height: 18px;background: url(..imagesLight-Yellow-Box-Top.jpg);background-repeat: no-repeat;	background-position: top right;} 
.studentTestHeaderYellowBox {width: 175px;height: 30px;background: url(..imagesLight-Yellow-Box.jpg);background-repeat: no-repeat;background-position: top right;padding-right: 10px;} 
.fieldNameReadersDynamic {font: x-small Arial;text-align: left;}  
.fieldNameTeacher {font: bold small Arial;}  
.fieldNameStudent14 {font: 14pt Arial;} 
.fieldNameItalic {font: italic small Arial;text-align: left;} 
.thankYou {	font: bold 18px Arial;color: #60a8eb;} 
.fieldPercentage {font: small Arial;padding-right: 4px;} 
.fieldIndent {font: small Arial;text-indent: 16pt;} 
.notesInput {font: small Arial;width: 275px;height: 150px;} 
.fieldName_XSmall {font: bold x-small Arial;text-align: left;} 
.fieldNameIndent {font: small Arial;text-indent: 20px;} 
.primaryText {font: medium Arial;} 
.loginTable {background: url(..imagesLogin_Bckgnd_New.jpg) top left no-repeat;padding: 30px 0 0 0;} 
.tableTitleTeacher {font: bold medium Arial;color: #60a8eb;} 
.tableTitleStudentBlack {font: bold large Arial;color: #000;} 
.pageTitlePlanner {font: bold small Arial;padding-top: 15px;padding-bottom: 5px;} 
.TeachingBlock_Title_New {font: bold x-small Arial;padding:3px;border: 0px solid #999;} 
.Student_PageLinks a:link {font: medium Arial;color: #00F;} 
.Student_PageLinks a:visited {font: medium Arial;color: #800000;} 
.Student_PageLinks a:hover {font: medium Arial;color: #F90;} 
.testScoreFormatBlue {border-left: 1px solid #fff;border-right: 1px solid #605b48;border-top: 1px solid #fff;border-bottom: 1px solid #605b48;	font: bold medium Arial;padding: 4px 3px;text-align: left;background: #ddeff2;}  
.testScoreFormatableOutline {border: 1px solid #605b48;} 
.listBoxMultiple {font: small Arial;text-align: left;border: 1px solid #ffffff;padding-top: 2px;padding-bottom: 4px;} 
.testScoreFormatWhiteNoBorder {background: #FFF;padding: 2px 3px 3px 4px;text-align: left;font: medium Arial;} 
.testScoreFormatBlueNoBorder {font: bold medium Arial;padding: 4px 3px;text-align: left;background: #FFF;vertical-align: top;} 
.ass_go_but_img{background:url(..imagesass_go.png) no-repeat;   height:22px;  width:24px; border:0px;}  
.ass_pause_test_but{background:url(..imagesbut_pauseTest.png) no-repeat;height:25px;width:98px;border:0px;display:none;} 
.calendarMode {font: bold x-small Arial;text-align: left;} 
td.header_link a {font-family: Arial;font-weight: normal;font-size: 12px;color: #0000ff;  text-decoration:underline; }  
.tdWhite_mytestscore {background: #FFF;border-bottom: none;border-left: none;border-top: 1px solid #DDD;padding: 2px 3px 3px 4px;font-family:Arial;	font-size:11px;}  
.menuLink a:link {color: #00f;text-decoration: none;}   
.menuLink a:visited {color: #900;text-decoration: none;}  
.menuLink a:hover {color: #F60;	text-decoration: underline;}  
div.contSearchResultsCalendar {width: 196px;height: 320px;overflow: auto;}  
div.content {display: block;height: 420px;max-height: 100%;overflow: auto;position: relative;z-index: 3;border: 1px solid #605b48;} 
td#leftCellReports {border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: none;	border-right-style: none;border-bottom-style: none;border-left-style: none;border-bottom-color: #605b48;} 
.topMenuClass a:link,.topMenuClass a:visited,.topMenuClass a:hover,.topMenuClass a:active{text-decoration: none;}    
td#logoBottom {background: url(..imagesThinkCentralLogoBottom_New.png) no-repeat left;}    
.PHL_Link a:link {color: #000000;text-decoration: none;}   
.PHL_Link a:visited {color: #000000;text-decoration: none;}   
.PHL_Link a:hover {color: #FF6600;text-decoration: none;}   
.PHL_Link a:active {color: #009900;text-decoration: none;}   
.openMenu {display: none;}   
.notYouText {font: bold small Arial;text-indent: 30px;}   
.BULogo {padding: 2px;font: bold x-small Arial;width: 105px;text-align: center;height: 18px;vertical-align: middle;}     
.footerLink a:link {color: black;text-decoration: none;}   
.footerLink a:visited {color: #800080;text-decoration: none;}   
.footerLink a:hover {color: #F60;text-decoration: underline;}   
.footerLink a:active {color: #090;text-decoration: underline;}
.menuSectionTitle {font: bold small Arial;text-align: left;}
.menuItem {font: small Arial;text-align: left;}
.menuItemSelected {font: small Arial;text-align: left;border: 1px solid #FF9900;padding-top: 2px;padding-bottom: 4px;}
.closeMenuLink {color: #fff;font: bold 8pt Arial;}
DIV#commentForm {display: none} 
.blueInsert {background: 60a8e6 url(../images/blueInsert.gif) bottom repeat-x;} 
.cellGlobalHeader {	padding: 2px;font: bold x-small Arial;border: 1px solid #93a5a2;width: 157px;text-align: center;color: #fff;}
.cellGlobalHeaderFocus {padding: 2px;font: bold small Arial;background: url(../images/buttonFade_New1.png) repeat-x;border-top: 1px solid #93a5a2;	border-right: 1px solid #93a5a2;border-left: 0px solid #fff;width: 157px;color: #fff;text-align: center;}
.menuControl a:link {color: #fff;text-align: right;text-decoration: none;}
.menuControl a:visited {color: #fff;text-align: right;text-decoration: none;}
.menuControl a:hover {color: #F60;text-align: right;text-decoration: underline;}
.navlink a:link {color: #039;text-decoration: none;}
.navlink a:visited {color: #039;text-decoration: none;}
.navlink a:hover {color: #F60;text-decoration: underline;}
.navlink a:active {color: #090;text-decoration: underline;}

/* Login page Product Entitlement Expiration Message Start */
.nac_contbgrepeatimg{height:47px;margin:5px auto auto;margin-top:6px; background:url(../images/nav_hover_cont_new.png) repeat-x; width:100%; font-family:Arial; font-size:11px;	color:#000; padding:1px 0 2px 0;}
.landingPageExpired_text{width:768px; height:37px; font-family:Arial; font-size:11px;color:#000;text-align:left;padding:0px 12px 0px 5px; margin:0px;}
.landingPageExpired_textSA{width:768px; height:50px; font-family:Arial; font-size:11px;color:#000;text-align:left;padding:7px 5px 0px 5px; margin:0px;}
.landingPageExpired_textDA{width:730px; height:47px; font-family:Arial; font-size:11px;color:#000;text-align:left;padding:3px 10px 0px 5px; margin:0px;}

div.LandingProductExpired_div{

	/*Attributes*/
	width:			768px;			/*WIDTH MAY NOT BE REQUIRED IN PRODUCT*/
	height:			44px;			/*the border gives the additional 2px to make 41px total*/
	margin: 		0 -1;	/* may need adjusting depending on the following element's top attributes and compromise to IE's poor box model*/
	padding: 		0px;
	margin-left:		-2px;
	/* Basics */
	background-color:	#c2c2c2;
	overflow:		hidden;

	/*Border and radii*/
	-moz-border-radius: 	8px;
	-webkit-border-radius: 	8px;
	border-radius: 		8px;
	border: 		1px solid #acacac;

	/*Gradient*/  
    	/* Safari 4-5, Chrome 1-9 */
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#c2c2c2));
  
  	/* Safari 5.1, Chrome 10+ */
  	background: -webkit-linear-gradient(top, #ededed, #c2c2c2);
  
  	/* Firefox 3.6+ */
  	background: -moz-linear-gradient(top, #ededed, #c2c2c2);
  
  	/* IE 10 */
  	background: -ms-linear-gradient(top, #ededed, #c2c2c2);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ededed, endColorstr=#c2c2c2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ededed, endColorstr=#c2c2c2)";
  
  	/* Opera 11.10+ */
  	background: -o-linear-gradient(top, #c2c2c2, #ededed)
}

.nav_contentdiv1{width:768px; height:59px;	margin:0px auto;}
.nav_contentdiv1 .teacherSAExpired_div{position:relative;top:10px;margin:0px auto;}
.admin_nav_contentdiv1{	width:768px; height:59px; margin:0px auto;}
.admin_nav_contentdiv1 .daExpired_div{position:relative;top:10px;margin:0px auto;}


 span.importError{
	float:center;
	color:#ff0000;
	padding-left:20px;
	line-height:22px;
	margin-left:10px;
	font-weight: bold;
	font-size: 12px;
}

#editDialog, #editsaveDialog,#sessionDialog,#googleClassroomDialog,#DuplicateRuleNmeDialog,#CreatedRuleNmeDialog {
	background: url(../images/triangle.jpg) no-repeat scroll 15px 15px #FFFFFF;
}

/* TCD-5266 Start*/
/* Search user page Dialog Styles */

.warningTriangleImage {
	background: url(../images/warning.png) no-repeat scroll 15px 15px #FFFFFF !important;
}

#exportFileSizeDialog {
	background: url(../images/delivery-report-too-large.png) no-repeat scroll 15px 15px #FFFFFF !important;
}

#requestReceivedDialog {
	background: url(../images/delivery-report-confirmed.png) no-repeat scroll 15px 15px #FFFFFF !important;
}

/* TCD-5266 Start*/
/* Search user page Dialog Styles */

#updateProductDialog,#duplicateIsbnDialog,#pageValidationsDialog,#userCredentialsDialog,#cancelValidationsDialog,
#pwdValidationsDialog,#noStandardSet,#duplicateTestName,#pwdresetemail,#pwdresetemailthrulink,#silcServiceFailureDialog
{
	background: url(../images/triangle.jpg) no-repeat scroll 15px 15px #FFFFFF !important;
}

#accountLockedDialog {
	background: url(../images/lock.JPG) no-repeat scroll 15px 15px #FFFFFF !important;
}

#studentUserDialog {
}

/* TCD-5266 End */
.wordbreak_s_user{word-break:break-all;width:115px;text-overflow:ellipsis;margin:0px;overflow:hidden;white-space: nowrap ;-o-text-overflow: ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');}
/* Login page Product Entitlement Expiration Message End*/
   	
#assignmentcancelDialog,#editDialog1,#saveDialog1,#saveAdminDialog1,#adminDialog,#copyDialog1,#usageDateRangeDialog,#usageDateafterTodateDialog,#usagestartDateDialog,#usageendDateDialog,#changeClassDialog,#changClassDialog,#activityCheckMasteryLevelDialog,#activityEnrichmentThresholdDialog,#activityPrescriptionThresholdDialog,#masteryValueDialog,#activityDueDateDialog,#activityTimeDialog,#activityAvlDateDialog,#classDialog,#deleteCustomDialog,#printCustomDialog,#duedate,#termsDialog{
       background: url(../images/triangle.jpg) no-repeat scroll 15px 15px #FFFFFF !important;
}  

#cancelDialog,#dueDateDialog,#formatDialog,#nextDateDialog,#editSupressDADialog,#editSupressSADialog,#classCancelSADialog,#classCancelTRDialog,#teacherImportDialog,#saveDialog,#adaptiveErrorLog,#saveASDialog,#adaptiveValueDialog,#adaptiveLIIDError,#sessionDialog,#googleClassroomDialog,#classSizeDialog{
       background: url(../images/triangle.jpg) no-repeat scroll 15px 15px #FFFFFF !important;
}  


#closeADialog,#adaptiveError{
       background: url(../images/triangle.jpg) no-repeat scroll 15px 15px #FFFFFF !important;
}
#standardDialog,#statusDialog,#prescriptionDialog{
	background: url(../images/triangle.jpg) no-repeat scroll 15px 15px #FFFFFF !important;
	overflow-y:hidden;
}
#deleteDialog{
	background: url(../images/triangle.jpg) no-repeat scroll 15px 15px #FFFFFF !important;
}
#deleteDialog1,#deleteDialog2,#deleteDialog3,#deleteDialog4,#deleteDialog5,#deleteDialog6{
	background: url(../images/triangle.jpg) no-repeat scroll 15px 15px #FFFFFF !important;
}

/*TC-4479*/
#deleteCopiedAssignmentDialog{
	background: url(../images/triangle.jpg) no-repeat scroll 15px 15px #FFFFFF !important;
}
/*TC-4479*/

#reportNameDialog{
	background: url(../images/triangle.jpg) no-repeat scroll 15px 15px #FFFFFF !important;
}

#batchExceedingLimitDailog,#batchPrintCancelDialog{
       background: url(../images/triangle.jpg) no-repeat scroll 15px 15px #FFFFFF !important;
}

#deleteDialog table {
	margin:14px 20px 14px 80px;
}

/* TCD-7969 Start */
.button_holder{float:right;}
.paragraph_start{
            	margin-top:12px;
            	margin-left:5px;}
.underline{text-decoration:underline;}
/* TCD-7969 End */

#PMTmessageBox	
{
	/*---ADJUST MARGIN to center dialog vertically depending on container height---*/
	width:					600px;
	margin:					0 auto;
	overflow:				hidden;
	-moz-border-radius: 	4px;
	-webkit-border-radius: 	4px;
	border-radius: 			4px;
	border: 				1px solid #ccc;
	-moz-box-shadow: 		3px 3px 5px 0px #888;
	-webkit-box-shadow: 	3px 3px 5px 0px #888;
	box-shadow:				3px 3px 5px 0px #888;
	background:				#dedede url(../images/prescriptionwarning_nowhite.png) no-repeat 15px 20px;
}

#PMTmessageBox h2	
{
	font-weight:			bold;
	font-size:				14px;
	color:					#000;
	margin: 				12px 2px 0px 70px;
	padding: 				6px 10px 6px 10px;
}

#PMTmessageBox p	
{
	font-weight:			normal;
	font-size:				12px;
	color:					#000000;
	margin: 				0px 20px 20px 80px;
	padding: 				10px ;
	background-color:		#ffffff;
	
	border:					1px solid #ccc;
	-moz-border-radius: 	4px;
	-webkit-border-radius: 	4px;
	border-radius: 			4px;
	
	-moz-box-shadow: 		inset 2px 2px 5px 0px #ccc;
	-webkit-box-shadow: 	inset 2px 2px 5px 0px #ccc;
	box-shadow:				inset 2px 2px 5px 0px #ccc;
}
/* ------------------------------------------------------*/

/*              MESSAGE CSS STARTS                  */

/* ------------------------------------------------------*/

.messageBox	{

	/*---ADJUST MARGIN to center dialog vertically depending on container height---*/
	
	margin:				12px auto;
	padding:			18px 20px 20px 80px;

	-moz-border-radius: 		4px;
	-webkit-border-radius: 		4px;
	border-radius: 			4px;
	border: 			1px solid #ccc;

	-moz-box-shadow: 		3px 3px 5px 0px #888;
	-webkit-box-shadow: 		3px 3px 5px 0px #888;
	box-shadow:			3px 3px 5px 0px #888;

	background:			#dedede url(../images/warning-triangle.png) no-repeat 15px 20px;

	/*Gradients*/ 
 
    	/* Safari 4-5, Chrome 1-9 */
  	background: url(../images/warning-triangle.png) no-repeat 15px 20px, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E8E8), to(#fff));
  
  	/* Safari 5.1, Chrome 10+ */
  	background: url(../images/warning-triangle.png) no-repeat 15px 20px, -webkit-linear-gradient(top, #E8E8E8, #dedede);
  
  	/* Firefox 3.6+ */
  	background: url(../images/warning-triangle.png) no-repeat 15px 20px, -moz-linear-gradient(top, #E8E8E8, #dedede);
  
  	/* IE 10 */
  	background: url(../images/warning-triangle.png) no-repeat 15px 20px, -ms-linear-gradient(top, #E8E8E8, #dedede);

  	/* Opera 11.10+ */
  	background: url(../images/warning-triangle.png) no-repeat 15px 20px, -o-linear-gradient(top, #E8E8E8, #dedede);
}

.messageBox h2	{

	font-weight:			bold;
	font-size:			14px;
	color:				#000;	
	margin: 			0px 0px 12px 0px;

}

.messageText 	{
	padding:			10px 10px 0px 10px;
	background-color:		#ffffff;
	border:				1px solid #ccc;
	-moz-border-radius: 		4px;
	-webkit-border-radius: 		4px;
	border-radius: 			4px;
	-moz-box-shadow: 		inset 2px 2px 5px 0px #888;
	-webkit-box-shadow: 		inset 2px 2px 5px 0px #888;
	box-shadow:			inset 2px 2px 5px 0px #888;
}

.messageText p	{
	font-size: 12px;
	color: #000;
	margin-bottom: 10px;
	line-height: 1.4
}
.content-border_messageBox{
	border:1px solid #c2c2c2; 
	border-radius:6px; 
	padding:35px 12px 78px; 
	width:742px;
}
.content-border_messageBox h1{
	margin-top:0px;
	text-align:center;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	margin-bottom: 35px;
}

.infomessageBox	{
	/*---ADJUST MARGIN to center dialog vertically depending on container height and width to fit fixed fieldset width---*/
	width:643px;
	text-align:left;
	margin:12px auto;
	padding:	18px 20px 20px 80px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ccc;

	-moz-box-shadow:3px 3px 5px 0px #888;
	-webkit-box-shadow:3px 3px 5px 0px #888;
	box-shadow:3px 3px 5px 0px #888;

	background:#dedede url(../images/information-icon-35px-X-35px.png) no-repeat 20px 15px;
	/*Gradients*/ 
  	background: url(../images/information-icon-35px-X-35px.png) no-repeat 20px 15px, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E8E8), to(#fff));
  	background: url(../images/information-icon-35px-X-35px.png) no-repeat 20px 15px, -webkit-linear-gradient(top, #E8E8E8, #dedede);
  	background: url(../images/information-icon-35px-X-35px.png) no-repeat 20px 15px, -moz-linear-gradient(top, #E8E8E8, #dedede);
  	background: url(../images/information-icon-35px-X-35px.png) no-repeat 20px 15px, -ms-linear-gradient(top, #E8E8E8, #dedede);
  	background: url(../images/information-icon-35px-X-35px.png) no-repeat 20px 15px, -o-linear-gradient(top, #E8E8E8, #dedede);
}
.infomessageBox h2	{
	font-weight:	bold;
	font-size:14px;
	color:#000;	
	margin:0px 0px 12px 0px;
}
.infomessageText 	{
	padding:	10px 10px 0px 10px;
	background-color:#ffffff;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:inset 2px 2px 5px 0px #888;
	-webkit-box-shadow:inset 2px 2px 5px 0px #888;
	box-shadow:inset 2px 2px 5px 0px #888;
}
.infomessageText p	{
	font-size:12px;
	line-height:1.3em;
	color:#000;
	margin-bottom:10px;
}

/* ------------------------------------------------------*/

/*              MESSAGE CSS ENDS                  		 */

/* ------------------------------------------------------*/
div.forgotUsernameStudentWarning_div{
/*Attributes*/
	width:			590px;			/*WIDTH MAY NOT BE REQUIRED IN PRODUCT*/
	height:			37px;			/*the border gives the additional 2px to make 41px total*/
	margin: 		0 auto;	/* may need adjusting depending on the following element's top attributes and compromise to IE's poor box model*/
	padding: 		0px;

	/* Basics */
	background-color:	#c2c2c2;
	/*overflow:		hidden;*/

	/*Border and radii*/
	-moz-border-radius: 	8px;
	-webkit-border-radius: 	8px;
	border-radius: 		8px;
	/*border: 		1px solid #acacac;*/

	/*Gradient*/  
    	/* Safari 4-5, Chrome 1-9 */
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#c2c2c2));ededed
  
  	/* Safari 5.1, Chrome 10+ */
  	background: -webkit-linear-gradient(top, #ededed, #c2c2c2);
  
  	/* Firefox 3.6+ */
  	background: -moz-linear-gradient(top, #ededed, #c2c2c2);
  
  	/* IE 10 */
  	background: -ms-linear-gradient(top, #ededed, #c2c2c2);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ededed, endColorstr=#c2c2c2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ededed, endColorstr=#c2c2c2)";
  
  	/* Opera 11.10+ */
  	background: -o-linear-gradient(top, #c2c2c2, #ededed);
  	
  	position:relative;
  	
  	top:10px;
  	
  	margin:0px auto;
}
/****************************************************** End of Not used classes *******************************************************************/ 



/*********************************  New styles  ***********************************************************/
input[type="text"]:focus,
input[type="password"]:focus,
select[multiple]:focus,
textarea:focus,
select:focus
	{

	padding-left:			-5px;
	border-color:			#FBC501;
	
	/*shadows*/
	-moz-box-shadow:		-5px 0px 0px 0px rgb(251,197,1);
	-webkit-box-shadow:		-5px 0px 0px 0px rgb(251,197,1);
	box-shadow:			-5px 0px 0px 0px rgb(251,197,1);
}

select.reset, select.reset:focus{
	padding-left: initial;
	border-color: transparent;
	
	/*shadows*/
	-moz-box-shadow: none;
	-webkit-box-shadow:	none;
	box-shadow:	none;
}
input[type="text"], input[type="password"], select {
    border-color: #888888 #CACACA #CACACA #888888;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font-family: inherit;
    height: 1.8em;
	/*font-size: 0.9em;   
    margin: 0 50px 10px 0;*/
    outline: medium none;
}
textarea{
	border-color: #888888 #CACACA #CACACA #888888;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font-family: inherit;
  
	/*font-size: 0.9em;   
    margin: 0 50px 10px 0;*/
    outline: medium none;
}
.gradeLabel, input.gradeSelect[type="checkbox"], input.gradeSelect[type="radio"] {
    margin: 0;
    padding: 0;
}
input[type="radio"].gradecheckbox, input[type="checkbox"].gradecheckbox {
    height: 1.8em;
    vertical-align: middle;
    width: 1.4em;
}
/*input[type="radio"], input[type="checkbox"] {
    height: 1.8em;
    margin: 0 5px 0 0;
    vertical-align: middle;
    width: 1.4em;
}*/

div.grades {
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 2.5em;
	padding-bottom: 1px;
}

div.grades:hover{
	background-color:#ccc;
}

div.grades[disabled]:hover {
   background-color:transparent;
}

fieldset label.classGrades{
      display:block;
      font-weight:normal;
      text-align: center;
      line-height:normal;
      margin:3px 0;                
      width:2.5em;
}

input[type="text"], input[type="password"]{
	padding: 0 5px;
}

.tinyLabel{
	padding-left : 5px;	
}

label.control,input[type="text"].control{
	margin:				0px;
	width:				2.5em;
}

.multiSelect {
	height: 18em;
	width: 410px;
	border: 1px solid #cacaca;
	margin-bottom: 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.skipMultiSelect {
	margin: 0;
	padding: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
	text-decoration: none;
}

.moveSkip	{
	margin:					-10px 0;
}

.skipMultiSelect a:focus,
.skipMultiSelect a:active	{

	position:				absolute;
	display:				inline-block;
	height:					20px;
	width:					auto;
	padding:				2px 10px;
	text-decoration:			none;
	background-color:			#ffffff;
	border-bottom-right-radius:		4px;
	border-left:				5px solid red;
	z-index:100;
	/*shadows*/
	-moz-box-shadow:			1px 1px 1px 0px #000;
	-webkit-box-shadow:			1px 1px 1px 0px #000;
	box-shadow:				1px 1px 1px 0px #000;
}

.moveSkip a:focus	{
	margin:					10px 0;
}
.skipMultiSelect a:hover	{

	text-decoration:			underline;
}

.multiSelect:hover	{
	padding-left:			-5px;
	border-color:			rgb(251,197,1);
	/*background-color:		rgb(254,243,201);*/

	/*shadows*/
	-moz-box-shadow:		-5px 0px 0px 0px rgb(251,197,1);
	-webkit-box-shadow:		-5px 0px 0px 0px rgb(251,197,1);
	box-shadow:			-5px 0px 0px 0px rgb(251,197,1);
}


.block {
    display: inline;
    float: left;
}
span.alphabetical {
	display: block;
	position: relative;
	width: 100%;
	height: 6.8em;
	margin-top: -1px;
	background-color: #ccc;
}
span.alphabetical:hover	{
	background-color:#4267A6;
}
span.alphabetical a:link, span.alphabetical a:visited {
	display: inline-block;
	width: 6%;
	border: 1px solid #ccc;
	padding: 0px;
	margin: 0.55%;
	text-align: center;
	border-radius: 3px;
	background-color: #fff;
	color: #000;
	font-size: 0.9em;
	box-shadow: inset 1px 1px 2px #888888;
}


span.alphabetical a:hover	{
	background-color:			rgb(251,197,1);
	text-decoration:			none;
	border-top:				1px solid rgb(66,103,166);
	border-right:				1px solid rgb(66,103,166);
	border-bottom:				1px solid rgb(66,103,166);
	border-left:				1px solid rgb(66,103,166);
	font-weight:				bold;
	color:					#fff;
	box-shadow: 				inset 1px 1px 2px #888888;
}

span.alphabetical:hover	a:link,
span.alphabetical:hover	a:visited {
	border:					1px solid rgb(66,103,166);
}

span.alphabetical a:link[disabled], span.alphabetical a:visited[disabled] {
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #000;
	cursor: text;
	font-weight: normal;
	box-shadow: none;
}

span.alphabetical:hover a:link[disabled],
span.alphabetical:hover a:visited[disabled],
span.alphabetical:hover a:hover[disabled] {
	background-color:			rgb(66,103,166);
	color:					#fff;
	border:					1px solid rgb(66,103,166);
	box-shadow: 				none;
}

span.alphabetical a:focus{
	border : solid 1px #45B7F9;
	background-color:			rgb(251,197,1);
}

.scrollingList {
	display: inline-block;
	overflow: auto;
	margin: 0;
	height: 11em;
	width: 100%;
}
.multiSelect input, .multiSelect label {
	display: inline-block;
	margin-left: 5px;
}

input[type="button"],
input[type="reset"],
input[type="submit"]
{

	/*Font*/
	font-size:			12px;
    color:				#202020;                
    font-weight:			bold;
	letter-spacing:			0.02em;
    padding:			4px 12px;
	margin-left:			5px;
	text-decoration:		none;
	text-shadow:			1px 1px 1px #ffffff;

	/*Position and scale and tuning*/
	display:			inline-block;

	/*background*/
	background:		#ccc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #f0f0f0 5%, #cccccc 100% );
 
	/*Border*/
   	-moz-border-radius:		4px;
    -webkit-border-radius:		4px;
    border-radius:			4px;
    border:				1px solid #c7c5c7;	

	/*shadows*/
	-moz-box-shadow:		inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:		inset 0px 1px 0px 0px #ffffff;
	box-shadow:			inset 0px 1px 0px 0px #ffffff;


	cursor: 			pointer;
	outline:			none;
}

input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.ui-dialog-buttonpane button:focus	{

	/*background (this gives ONLY fallback browsers the amber background)*/
	background:		rgb(251,197,1);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #f0f0f0 5%, #cccccc 100% );

	border:1px solid rgb(251,197,1);
	/*shadows*/
	-moz-box-shadow:		0px 0px 2px 2px rgb(251,197,1);
	-webkit-box-shadow:		0px 0px 2px 2px rgb(251,197,1);
	box-shadow:			0px 0px 2px 2px rgb(251,197,1);
	outline:none;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.ui-dialog-buttonpane button:active

{

    	border:				1px solid #c7c5c7;	

	/*shadows*/
	-moz-box-shadow:		inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:		inset 0px 1px 0px 0px #ffffff;
	box-shadow:			inset 0px 1px 0px 0px #ffffff;

   	background: #dadada;
   	background: -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#a2a0a0));
   	background: -moz-linear-gradient(top,  #dadada,  #a2a0a0);

}
.msgfont {font-family: Arial, Helvetica, sans-serif;line-height:1.2}
.displaynone{display:none;}
ul#myPager1 {
       align:right;
       list-style: none;
       text-align: right;
       font-size:10px;
       font-weight: bold;
       }
       ul#myPager1 li {
              display: inline-block;
              font-weight: bold;
              width: 10px;
       }
ul#myPager {
       align:right;
       list-style: none;
       text-align: right;
       font-size:10px;
       font-weight: bold;
       }
       ul#myPager li {
              display: inline-block;
              font-weight: bold;
       }
 #ErrorDialog{
       background: url(../images/triangle.jpg) no-repeat scroll 15px 15px #FFFFFF !important;
}
 #txtProdName,#txtIsbn{
	height: 45px;
	width: 471px;
	font-size: 12px;
}

#txtclassName{
	height:50px;
	width:777px; 
	font-size: 12px;
}
#ResetPasswordMailFlagOff,#IncorrectAnswerWhenMailFlagOff,#ForgetUserNameWhenMailFlagOff,#studentResetPwdCancelDialog,#invalidPwdDialog,#PwdDoNotMatchDialog,#TempPwdMatchPwdDialog,#StudentResetPasswordDialog
{
	background: url(../images/triangle.jpg) no-repeat scroll 15px 15px #FFFFFF !important;
}
/* TCNF-1404 */
#studentSaveDialog
{
	background: url(../images/correct.png) no-repeat scroll 15px 15px #FFFFFF !important;
	background-size: 35px 35px !important;
}

#infostudid
{
	background: url(../images/information-icon-20px-X-20px.png) no-repeat scroll #FFFFFF !important;
outline:none; border:0;
} 
/* TCNF-1824 */
.scrollingListGrade {
	display: inline-block;
	overflow: auto;
	margin: 0;
	height: 19em;
	width: 100%;
}
/* TC-2537 */
#DeleteDialog{
       background: url(../images/triangle.jpg) no-repeat scroll 15px 15px #FFFFFF !important;
}