@charset "utf-8";
/* CSS Document */

.xlBoxHeader{
	background-image:url(../images/xlBoxHeader.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:960px;
	height:35px;
	line-height:35px;
	margin:auto;
	/*padding-top:35px;*/
}

.xlBoxBkg{
	background-image:url(../images/xlBoxBkg.gif);
	background-repeat:repeat-y;
	background-position:0px;
	width:960px;
	height:auto;
	margin:auto;
	padding-bottom:50px;
}

.xlBoxFooter{
	background-image:url(../images/xlBoxFooter.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:960px;
	height:6px;
	margin:auto;
	padding-bottom:14px;
}

.whiteBoxHeader{
	background-image:url(../images/whiteBoxHeader.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:253px;
	height:25px;
	line-height:1px;
	margin-left:20px;
}

.whiteBoxBkg{
	background-image:url(../images/whiteBoxBkg.gif);
	background-repeat:repeat-y;
	width:253px;
	/*height:auto;*/
	margin-left:20px;
}

.whiteBoxFooter{
	background-image:url(../images/whiteBoxFooter.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:253px;
	height:5px;
	margin-left:20px;
}

.whiteBoxBkg table{
	width:230px;
	margin:auto;
}

.rightBlock{
	width:635px;
	text-align:left;
	padding-top:20px;
	margin-left:30px;
}

.rightBlock th{
	background-color:#333333;
	height:24px;
	color:white;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

.rightBlock th span{
	margin:0px 0px 0px 10px;
}

.rightBlock th a{
	margin:0px 0px 0px 10px;
}

.rightBlock label{
	font-weight:bold;
	font-size:12px;
}

.resultTable{
	text-align:left;
}

.resultPicture{
	width:110px;
	height:90px;
	text-align:left;
}

.resultPicture img{
	padding-top:8px;
	margin-left:0px;
}

.resultPictureProfile{
	width:130px;
	height:134px;
	text-align:left;
}

.resultPictureProfile img{
	padding-top:8px;
	margin-left:0px;
}

.resultInfo{
	width:410px;
	padding-top:5px;
	text-align:left;
}

.resultInfo p{
	margin:0px 15px 0px 0px;
	padding:0px 0px 6px 0px;
}

.resultTeacher{
	padding-top:5px;
	background-image:url(../images/resultTableSep.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:105px;
}

.resultTeacher p{
	margin:0px 0px 0px 10px;
	padding:0px 0px 6px 0px;
}

.result3Cols p{
	width:622px;
}

/* forms */


.formDiv{
	width:946px;
	margin:auto;
	position:relative;
	top:15px;
}

.formTable{
	width:946px;
	vertical-align:top;
	/*padding-top:15px;*/
}

.formTable td{
	vertical-align:bottom;
	height:25px;
}

.formCol1{
	width:161px;
}

.formCol1Profile{
	width:161px;
	vertical-align:top;
}

.formCol2{
	width:255px;
	font-size:11px;
	vertical-align:bottom;
}

.formCol2extended{
	font-size:11px;
	vertical-align:bottom;
}

.formCol2extended div{
	float:left;
}

.formCol2extended span{
	float:left;
	margin-top:2px;
	margin-right:40px;
}

.formCol2extendedFont12{
	font-size:12px;
	vertical-align:bottom;
}

.formCol2extendedFont12 div{
	float:left;
}

.formCol2extendedFont12 span{
	float:left;
	margin-top:2px;
	margin-right:40px;
}

.formCol3{
	width:185px;
	font-size:11px;
	vertical-align:bottom;
}

.formCol3extended{
	font-size:11px;
	vertical-align:bottom;
}
.formCol3extended div{
	float:left;
}

.formCol3extended span{
	float:left;
	margin-top:2px;
	margin-right:40px;
}

.formCol4{
	width:345px;
	font-size:11px;
	text-align:left;
	vertical-align:top;
}

.formCol4 span{
	float:left;
	margin-top:0px;
	margin-right:10px;
}

.formCol2 label, .formCol3 label{
	font-size:12px;
	/*line-height:22px;*/
	text-transform:capitalize;
}

.formSep{
	background-image:url(../images/formSep.gif);
	background-repeat:repeat-x;
	background-position:center;
	height:27px;
}

.formTable .blueBtn{
	margin-top:15px;
}

.tutorScheduleTable{
	background-color:#F2F2F2;
	font-size:12px;
	vertical-align:top;
	width::625px;
	border:1px solid #333;
	border-top:0px;
	border-right:0px;
	text-align:center;
}

.tutorScheduleTable td{
	border-top:1px solid #333;
	border-right:1px solid #333;
	width:89px;
}

.btnBlue{
	background-color:#0E539E;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	align:left;
	height:19px;
}

div#sm_menu {
	height:23px;
	vertical-align:middle;
	position:relative;
	margin:auto;
	width:960px;
	top:15px;
	/*background-color:#e6e6e6;*/
}

#buttons{
	/*display:block;*/
	position:relative;
	bottom:0px;
	width:960px;
	padding-top:17px;
}

div#sm_menu div.button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:25px;
	color:#FFF;
	font-weight:bold;
	color:#FFF;
	margin:0px;
	padding:0px;
	height:29px;
	border:0px;
	background-image:url(../images/tabBlue.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
	width:111px;
	white-space:nowrap;
}

div#sm_menu div.buttonLarge {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:25px;
	color:#FFF;
	font-weight:bold;
	color:#FFF;
	margin:0px;
	padding:0px;
	height:29px;
	border:0px;
	display:block;
	width:170px;
	background-color:transparent;
}


div#sm_menu div.button_off {
	color:#FFF;
	margin:0px;
	padding:0px;
	height:29px;
	border:0px;
	background-image:url(../images/tabGray.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:111px;
	white-space:nowrap;
}

div#sm_menu div.button_off_large {
	color:#FFF;
	margin:0px;
	padding:0px;
	height:29px;
	border:0px;
	width:170px;
	background-image:url(../images/tabGrayLarge.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

div#sm_menu div.button_on_large {
	color:#FFF;
	margin:0px;
	padding:0px;
	height:29px;
	border:0px;
	width:170px;
	background-image:url(../images/tabBlueLarge.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

.signUpBlock{
	width:480px;
	text-align:left;
	padding-top:20px;
	margin-left:30px;
}


.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	height:19px;
	float:left;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	cursor:pointer;
}

.buttonLarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	height:19px;
	float:left;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	cursor:pointer;
	background-image:url(../images/tabBlueLarge.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

.button_off_left {
	background-image: url("/resources/images/darkgray-left.gif");	
	height:26px;
	width:5px;
	float:left;
	border:0px;
}

.button_off {
	color:#FFFFFF;
}

.button_off_right {
	background-image: url("/resources/images/darkgray-right.gif");
	height:26px;
	width:5px;
	float:left;
	border:0px;
}

.button_on {
	color: #FFFFFF;
}

.button_on_right {
	background-image: url("/resources/images/gray-right.gif");
	height:20px;
	width:5px;
	float:left;
 
}
.button_on_left {
	background-image: url("/resources/images/gray-left.gif");
 	height:20px;
	width:5px;
	float:left;
}

.chatmail_button_disable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
	float:left;
	padding-left:0px;
	padding-right:0px;
	cursor:pointer;
	color:#FFFFFF;
	width:70px;
	font-weight:bold;
	padding-top:6px;
	text-align:center;
	font-size: 12px;
	height:20px;
	background-image: url("/resources/images/tabGraySmall.gif");
	background-repeat:no-repeat;
	background-position:bottom;
	background-position-y: 100%;
	background-position-x: 100%;
}
.chatmail_separator
{
	float:left;
	padding-left:0px;
	padding-right:0px;
	color:#FFFFFF;
	width:5px;
	padding-top:6px;
	height:20px;
	background-color: #FFFFFF;	
}

.chatmail_bottom
{
	float:left;
	clear:both;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	color:#FFFFFF;
	width:228px;
	height:4px;
	border-length:0px;
	margin:0px;
	background-color: #0E549F;
	
}

.chatmail_button_enable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
	float:left;
	padding-left:0px;
	padding-right:0px;
	cursor:pointer;
	color:#FFFFFF;
	width:70px;
	font-weight:bold;
	padding-top:6px;
	text-align:center;
	font-size: 12px;
	height:20px;
	background-image: url("/resources/images/tabBlueSmall.gif");
	background-repeat:no-repeat;
	background-position:bottom;
	background-position-y: 100%;
	background-position-x: 100%;
}

.tabstyle{
	width:60px;
	font-weight:bold;
	padding-top:6px;
	text-align:center;
	font-size: 12px;
	height:20px;
}

/*Corners for message bar*/ 

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}



/* notes styles */
.containers{
	margin:auto;
	width:960px;
	text-align:left;
	overflow:visible;
}

.leftContainer{
	width:256px;
	margin-left:0px;
	float:left;
	clear:none;
	height:100%;
}

.rightContainer{
	width:680px;
	margin-left:20px;
	float:left;
	clear:none;
	height:100%;
}


.sBoxHeader{
	background-image:url(../images/sBoxHeader.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:256px;
	height:35px;
	line-height:35px;
	margin:auto;
	/*padding-top:35px;*/
}

.sBoxBkg{
	background-image:url(../images/sBoxBkg.gif);
	background-repeat:repeat-y;
	background-position:0px;
	width:256px;
	height:auto;
	margin:auto;
	padding-bottom:50px;
}

.sBoxFooter{
	background-image:url(../images/sBoxFooter.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:256px;
	height:6px;
	margin:auto;
	padding-bottom:14px;
}

.mBoxHeader{
	background-image:url(../images/mBoxHeader.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:680px;
	height:35px;
	line-height:35px;
	margin:auto;
	/*padding-top:35px;*/
}

.mBoxBkg{
	background-image:url(../images/mBoxBkg.gif);
	background-repeat:repeat-y;
	background-position:0px;
	width:680px;
	height:auto;
	margin:auto;
	padding-bottom:50px;
}

.mBoxFooter{
	background-image:url(../images/mBoxFooter.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:680px;
	height:6px;
	margin:auto;
	padding-bottom:14px;
}

.paginationTableDiv{
	color:#333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	margin-top:20px;
}

.paginationTableDiv textarea{
	width:600px;
}

.paginationTableDiv input{
	margin:3px;
	width:300px;
}

.paginationTableDiv input.inputXl{
	margin:0px;
	width:480px;
}

.paginationTableDiv input.radio{
	margin:0px;
	width:20px;
}

.paginationTableDiv input.orangeXsBtn{
	width:68px;
}

.notesContainer{
	height:auto;
	width:650px;
	margin:auto;
}

.notesMenu{
	padding-top:10px;
}



.rightContainer .mBoxBkg{
	display:table;
	height:auto;
}


.multipleChat{
	width:256px;
	overflow:hidden;
	clear:none;
	float:left;
	margin: 5px 30px;
	display:block;
}

.chatTable{
	margin-left:12px;
}

#question {
	overflow:visible;
	white-space:nowrap;
}

#question option{
	width:100%;
}

#idSchoolType {
	overflow:visible;
	white-space:nowrap;
}

#idSchoolType option{
	width:100%;
}