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

body{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
a, img, a img{
	outline:none;
	border:none;
	}
	
.boldText{
	font-weight:bold;
	}

.bodyText{
	font-size:12px;
	}
	
.flotLeft{
	float:left;
	}
	
.flotRight{
	float:right;
	}

.flotCenter{
	float:center;
	}
	
.clearFix{
	clear:both;
	height:0px;
	}
	
.pl20{
	padding-left:20px;
	}
	
.pl10{
	padding-left:10px;
	}

	
.pt15{
	padding-top:15px;
	}
	
.pb10{
	padding-bottom:10px;
	}
	
.link, .link:link, .link:visited{
	font-size:12px;
	color:#027bcf;
	text-decoration:none;
	}
	
.link:hover{
	text-decoration:underline;
}

.borderBottom{
	border-bottom:1px solid #cccccc;
	}

/*-- Header Strip --*/

.header{
	//background:#e3e6e9 url(../images/top_bg.jpg) repeat-x left top;
	
	 ;
		background:#ffffff;
	 height:70px;
padding:0px 18px 0 18px;
	
	//padding:8px 18px 0 18px;
	}
	
.logo{
width:235px;
	height:70px;
	background:url(../images/logo_new.png) no-repeat;
	float:left;	
	}
	
.headerNavi{	
	height:70px;
	float:right;
	}

.userInfo{
margin-top: 15px;
	float:right;
	}

.userPhoto{
	width:48px;
	height:38px;
	float:left;
	}
	
.userDetails{
	float:left;
	margin-left:10px;
	}
	
.userName{
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin-top:4px;
	}
	
.userRole{
	font-size:12px;
	color:#7a7a7a;
	}

.logoutNavi{
	float:right;
	border-left:1px solid #bdbdbd;
	height:38px;	
	line-height:38px;
	padding-left:12px;
	margin-left:12px;
	}

.logoutLink, .logoutLink:link, .logoutLink:visited{
	font-size:12px;
	color:#e45b0a;
	text-decoration:none;
	}

.logoutLink:hover{
	text-decoration:underline;
	}

/*-- Menu Strip --*/

.menuStrip{
	background:#393939 url(../images/menu_bg.jpg) repeat-x left top;
	height:40px;
	}

.menuStrip_line{
	background:#393939 url(../images/menu_bg.jpg) repeat-x left top;
	height:5px;
	}

.menu{
	margin:0px;
	padding:0px;
	list-style:none;	
	}

.menu li{
	float:left;
	border-right:1px solid #313131;
	}
	
.menu li:hover{
	background:#b94602 url(../images/menu_hover.jpg) repeat-x left top;
	}
	
.menu li.active{
	background:#b94602 url(../images/menu_hover.jpg) repeat-x left top;
	}
	
.menu li .menuLink, .menuLink:link, .menuLink:visited{
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:40px;
	padding:0 15px 0 35px;
	display:block;
	}
	
.menu li .menuLink:hover{	
	}
	
.menu li .iconCalendar{
	background:url(../images/icon_calendar.png) no-repeat 15px center;
	}
	
.menu li .iconLessonPlan{
	background:url(../images/icon_lesson_plan.png) no-repeat 15px center;
	}

.menu li .iconSubstitutionPlan{
	background:url(../images/icon_substitution_plan.png) no-repeat 15px center;
	}

.menu li .iconMyDairy{
	background:url(../images/icon_my_dairy.png) no-repeat 15px center;
	}
	
.contentStrip{
	padding:10px 18px 10px 18px;
	min-height:473px;
	}
	
.teachingOptions{
	height:30px;
	font-size:12px;
	padding:2px 10px 0 0;
	position:absolute;
	right:470px;
	}
	
.clendarPrev, .clendarNext{
	width:24px;
	height:24px;
	cursor:pointer;
	}
	
.clendarPrev{
	float:left;
	background:url(../images/btn_previous.png) no-repeat;
	}
	
.clendarPrev:hover{
	background:url(../images/btn_previous_hover.png) no-repeat;
	}
	
.clendarNext{
	float:right;
	background:url(../images/btn_next.png) no-repeat;
	}
	
.clendarNext:hover{
	background:url(../images/btn_next_hover.png) no-repeat;
	}
	
.clendarTitle{
	text-align:center;
	font-size:16px;
	color:#5d5c5c;
	}
	
.tabContent{
	padding:5px 0 0px 0;
	}
	
/* Calendar Style */

.calendar{
	padding-top:5px;
	}
	
.calendarNavi{
	margin-bottom:5px;
	}
	
.calendarTbl{
	background:#bababa;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:1px solid #c8c8c8;
	}
	
.calendarTbl th{
	background:#cdcdcd url(../images/tab_bg.jpg) repeat-x;
	font-size:12px;
	}
	
.calendarTbl th.smallText{
	font-size:12px;
	height:24px;
	}
	
.calendarTbl th .tblDate{
	font-size:12px;
	float:left;
	padding:0 10px 0 10px;	
	}
	
.calendarTbl td{
	background:#ffffff;
	font-size:11px;
	padding-left:6px;
	}

.calendarTbl td.time{
	background:#e8e7e7;
	text-align:center;
	font-weight:bold;
	}
	
.calendarTbl td.break{
	background:#f1f1f1;
	text-align:center;
	font-weight:bold;
	color:#575757;
	}	
	
.calendarTbl td.planned{
	background:#d5f5ed;
	}
	
.calendarTbl td.supervise{
	background:#ffdbd6;
	}

.calendarTbl td.exchange{
	background:#c8f4ff;
	}
	
	
.table{
	background:#bababa;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:1px solid #c8c8c8;
	}
	
.table th{
	background:#cdcdcd url(../images/tab_bg.jpg) repeat-x;
	font-size:12px;
	font-weight:bold;
	height:28px;
	}
	
.table th.tabSubTitle{
	background:#cdcdcd;
	font-size:12px;
	font-weight:bold;
	height:28px;
	}
	
.table td{
	background:#ffffff;
	font-size:11px;
	padding:5px;
	}
	
	
.table td.time{
	background:#f1f1f1;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	}
	
.table td.break{
	background:#f1f1f1;
	text-align:center;
	font-weight:bold;
	color:#575757;
	}	

.legend{
	padding-top:0px;
	position:absolute;
	right:15px;
	border-left:1px solid #b9b9b9;
	padding:7px 0 3px 20px;
	}
	
.legendList{
	margin:0px;
	padding:0px;
	list-style:none;
	}

.legendList li{
	float:left;
	margin-right:10px;
	}
	
.legendBox{
	float:left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width:12px;
	height:12px;
	}
	
.legendBoxNon{
	border: 1px solid #979696;
	background:#FFF;
	}
	
.legendBoxPlanned{
	border: 1px solid #8ec0b3;
	background:#d5f5ed;
	}
	
.legendBoxExchange{
	border: 1px solid #759cb6;
	background:#bef2ff;
	}
	
.legendBoxSupervise{
	border: 1px solid #c8857c;
	background:#ffdbd6;
	}
	
.legendText{
	float:left;
	font-size:11px;
	line-height:15px;
	padding-left:6px;
	}
	
/* Footer Strip */

.footerStrip{
	height:22px;
	line-height:22px;
	background:#ededed;
	font-size:10px;
	color:#3a3a3a;
	padding:0 10px 0 10px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}
	
.selectField{
	border:1px solid #b6b6b6;
	border-top:2px solid #b6b6b6;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	padding:3px;
	cursor:pointer; 
	}
	
.selectField:hover{
	border:1px solid #d2d2d2;
	border-top:2px solid #d2d2d2;
	}

.dateField{
	background:#fff url(../images/icon_calendarcontrol.png) no-repeat 78px 4px;
	border:1px solid #b6b6b6;
	border-top:2px solid #b6b6b6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
	padding:4px;
	width:90px;
	height:15px;
	font-size:12px;
	}
	
.dateField:hover{
	border:1px solid #d2d2d2;
	border-top:2px solid #d2d2d2;
	}
	
.textArea{
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #b6b6b6;
	border-top:2px solid #b6b6b6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
	padding:4px;
	font-size:12px;
	width:200px;
	}
	
.textArea:hover{
	border:1px solid #d2d2d2;
	border-top:2px solid #d2d2d2;
	}
	
.textField{
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #b6b6b6;
	border-top:2px solid #b6b6b6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
	padding:4px;
	font-size:12px;
	}
	
.textField:hover{
	border:1px solid #d2d2d2;
	border-top:2px solid #d2d2d2;
	}
	

.button{
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), 		color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cccccc 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */	
	border:1px solid #b6b6b6;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer;
	height:26px;
	outline:0;
	font-size:12px;
	font-weight:bold;
	color:#3a3a3a;
	padding:0 10px 0 10px;
	}
	
.getSessions, .save, .cancel, .go, .radio{
	outline: 0;
    _noFocusLine: expression(this.hideFocus=true); 
	}
	
.infoBox{
	background:#ffeddc;
	border:1px solid #eacfb0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:8px;
	font-size:12px;
	margin-top:15px;
	position:relative;
	height:15px;
	}
	
.deletFilter{
	vertical-align:middle;
	cursor:pointer;
	margin:0 2px 0 2px;
	}
	
.infoLegend{
	border-left:none;
	right:0px;
	padding:0px 0 3px 0px;
	}
	
.legendBoxGrid{
	float:none;
	}
	
.myDairyLabel{
	font-size:14px;
	font-weight:bold;
	color:#5d5c5c;
	}
	
.myDairyField{
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #b6b6b6;
	border-top:2px solid #b6b6b6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
	padding:4px;
	font-size:12px;
	width:125px;
	}	
	
.myDairyField:hover{
	border:1px solid #d2d2d2;
	border-top:2px solid #d2d2d2;
	}
	
.myDairyField1{
	width:95%;
	min-height:275px;
	}
	
.myDairyField2{
	width:99%;
	min-height:275px;
	}
	
	
	
	.type_table
	{
	border:1px solid #b6b6b6;
	border-top:2px solid #b6b6b6;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	padding:2px;
	cursor:pointer; 
	}
	
	.m_select
	{ 

		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border:1px solid #696969;
	 
	}
	
	.select_heading
	{
	 
	 border-radius: 4px;
	   -moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	 border:1px solid #696969;
	}
	
	.select_heading_div
	{
	 
	  border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	padding:2px;  
	}
	
	
	
	.select_option
	{  
	border-bottom-style: solid;
    border-bottom-width: 1px;
	
	border-bottom-color:#E6E6E6;
		
	}
	
	
	.select_multiple
	 {
	
	 
	  border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	 border:1px solid #696969;
 
	 }