/* RESET */
img,p,h2,h3,h4,h5,h6,ul,ol {margin:0px; padding:0px; list-style:none; border:none;}

body{
	margin:0px;
	padding:10px 0 0 0;
	font-family:arial;
	font-size:12px;
	line-height:16px;
	background:#FFFFFF;
	width:99%;
}

textarea, option, select, input, p, ol, label, legend{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#505060;
}

.div_dialog{
	width:530px;
}

#dialog_content{
	width:550px;
	positon:absolute;
}

.odd{
	background-color: #FFFFFF;
}

.even{
	background-color: #F0F0F0;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color: #626366;
	margin-left:10px;
}

.inner_content h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #626366;
	margin-left:5px;
}

table{
	border: 0;
	border-collapse: collapse;
	margin:0;
}

td, th{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	padding:0 2px;
	height:22px;
}

td{
	text-decoration:none;
	color:#505060;
	line-height: 18px;
}

td.uc {text-transform: uppercase;}
td.lc {text-transform: lowercase;}
td.cp {text-transform: capitalize;}

th{
	color:#FFFFFF;
	text-transform:uppercase;
	vertical-align: middle;
}

td:first-child, th:first-child{
	padding-left:5px;
}

td:last-child, th:last-child{
	padding-left:5px;
}

table[class='zebra-stripe'] tr:nth-of-type(odd), 
table.attendance-record tr:nth-of-type(odd) {
	background-color: #F0F0F0;
}

table[class='zebra-stripe'] tr:nth-of-type(even), 
table.attendance-record tr:nth-of-type(even) {
	background-color: #FFFFFF;
}

table.zebra-stripe,
table.attendance-record{
	border:1px solid #dddddd;
	border-collapse: collapse;
}

table.zebra-stripe tr:hover{
	background-color: #DDDDDD;
}

table.zebra-stripe tr td{
	border:0px solid #dddddd;
	height:22px;
}

span.st{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:10px;
}

table.zebra-column td:nth-of-type(even) {
	background-color: #FFFFFF;
}

table.zebra-column td:nth-of-type(odd) {
	background-color: #F0F0F0;
}

table.attendance-record tr td,
table.attendance-record tr th{
	padding:0;
	height:20px;
	font-size:10px;
	text-align:center;
	border:1px solid #dddddd;
}

table.attendance-record tr td:first-child,
table.attendance-record tr th:first-child{
	text-align:left;
}

a{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.div_head{
	width:100%;
}

.div_head div{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	width:25%;
	float:left;
}

.inner_content{
	width:100%;
	overflow:auto;
}

.scrollable_div{
	overflow:scroll;
	width:100%;
}

input{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

input:text{
	border:1px solid #555555;
}

select{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	height:20px;
}

strong{
	font-family: Arial, Helvetica, sans-serif;
}

/*Start header CSS*/
#header{
	width:100%;
	float:left;
}

hr{
	clear:both;
	height:1px;
	color:#AAAAAA;
	background-color:#AAAAAA;
	position:absolute;
	float:left;
	width:70%;
	vertical-align: middle;
	margin-left:5px;
}

.widget-content hr{
	width:98%;
}

.classDropdown{
	width: auto !important;
	max-width:350px;
}

td hr{
	position:relative;
}

.logo{
	width:auto;
	float:left;
	font-family:"Times New Roman", Times, serif;
	font-size:40px;
	font-weight:bold;
	color:#211D1E;
	padding:0 0 0 30px;
}

.logo img{
	margin:0 10px 0 0px;
}

.logo a{
	font-family:Garamond, Times, Serif;
	font-size:29px;
	font-weight:bold;
	color:#211D1E;
	text-decoration:none;
	text-transform:uppercase;
	padding:15px 0 0 0;
}

.headerleft{
	float:right;
	margin:15px 50px 0px 0px
}

.headerleft span{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#312D2E;
	padding:5px 5px;
	text-align:center;
	border-left:1px solid #A5A6A7;
}

.headerleft span a{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}

.headerleft span.search{
	width:180px;
	float:left;
	padding:10px 0px 10px 10px;
	text-align:left;
	border-left:1px solid #A5A6A7;
}

.headerleft span.search input{
	border:2px solid #CCCCCC;
	border-radius: 10px;
	padding:0px 5px;
	font-style:italic;
	width:155px;
}

/*End header CSS*/

/*Start middle CSS*/
#middle{
	width:967px;
	float:left;
	padding:8px 0 0 0;
}

.rightpannel{
	width:100%;
	padding:0;
	margin:0;
}

.rightcontent{
	width:100%;
	float:left;
	padding:0 0 0 0px;
}

.banner{
	width:98%;
	float:left;
	height:177px;
	padding:0px;
	margin:0px 0px 10px 10px;
	font-size:13px;
	font-family:arial;
	color:#221E1F;
}

.banner span{
	color:#221E1F;
	font-weight:bold;
	font-size:18px;
}

.banner a{
	text-decoration:none;
	color:#B51F29;
}

.midcontent{
	width:770px;
	float:left;
}

.remiderbox{
	width:205px;
	float:left;
	margin-right:10px;
}

.head{
	width:185px;
	float:left;
	padding:4px 10px 0 10px;
	font-size:12px;
	font-weight:bold;
	height:18px;
	color:#ffffff;
	font-family:arial;
}

.head span{
	float:right;
}

.bottom{
	width:185px;
	float:left;
	padding:1px 10px 2px 10px;
	background:url(../images/bot.gif) no-repeat left top;
	height:17px;
	text-align:right;
}

.bottom a{
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	text-decoration:none;
}

.index-outer{
	width:350px;
}

.index-content{
	height:220px;
}

.index-content table td{
	padding-top:5px;
}

/*Drag & Drop CSS Start Here*/
.drag-drop{
	width:79%;
	float:left;
}

/*Drag & Drop CSS End Here*/

/*Link of right side start*/
.information{
	padding-top:5px;
	width:20%;
	float:right;
}

.information a{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#505060;
	text-decoration:none;
	padding:0 0 0 10px;
	display:block;
}

.information a:hover{
	font-weight:bold;
	text-decoration:underline;
}

.information span, .l-active{
	font-weight:bold;
	padding:0 0 0 10px;
	font-size:12px;
}
/*Link of right side end*/

/* Top portion of each page */

.table-schedule{border:1px solid #505060;}

/*.table-schedule tr td{height:50px}*/

table.class-schedule{margin-top:5px;}

table.class-schedule tr td{border-right: 1.0pt solid #505060; border-bottom: 1.0pt solid #505060;}
div.time{width:84px; height:60px; border-bottom: 1.0pt solid #505060;}

ul.shedule-ul, #passwordhint{list-style: disc; margin-left:10px;}
#passwordhint{
	font-size: 10; font-style: italic;
}
ul.shedule-ul li{padding-bottom: 5px; font-size:10px;}

.table-events{border:1px solid #505060;padding:10px 10px 10px 0px;}

.table-events tr td {vertical-align:top; margin:0; padding:0;}

.secondheader{
	float:left;
	width:79%;
}

.hd1{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	width:auto;
	font-weight:bold;
	color:#626366;
	padding-left:10px;
	padding-bottom:5px;
	vertical-align:text-top;
}

.hd2{
	display:inline-block;
	white-space:normal;
	min-height:25px;
	max-height:95px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:auto;
	font-weight:bold;
	color:#808285;
	vertical-align:text-bottom;
}

.hd2 select{
	width:150px;
}

#second-head{
	padding-left:10px;
	width:79%;
}

.print_head{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#626366;
	padding-left:5px;
}

.print_head1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#626366;
	padding-left:5px;
}
table.print-table{
	margin-left:5px;
	width:99%;
	border:1px solid black;
}
	
table.print-table tr td, table.print-table tr th{
	border:1px solid black;
}

@media print{
	table.zebra-stripe{
		margin-left:5px;
		width:99%;
		border:1px solid black;
	}
	th { color:#666666; }
	
	table.zebra-stripe tr td, table.zebra-stripe tr th{
		border:1px solid black;
	}
}

.pad-ten{
	padding-left:5px;
}

.calendar{
	margin:5px;
	border: 2px solid #000000;
	width:96%;
}

.calendar tr td{
	border: 1px solid #000000;
	height:50px;
}

/* Top portion of each page end */

/*dialog header strat*/

.header1{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	width:auto;
	font-weight:bold;
	color:#555555;
	padding-left:10px;
}

.header2{
	cursor:pointer;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:auto;
	font-weight:bold;
	color:#D1D2D4;
}

/*dialog header end*/

.button_top{
	float:right;
	height:22px;
	padding-right:20px;
}

.clear{
	clear:both;
	width:0px;
}

.message_bottom{
	background-color:transparent;
	margin-top:10px;
	padding-left:20px;
}

.bottom-button{
	padding-left:20px;
}

.icon{
	float:left;margin-left:5px;
}

.transcript-t2 tr th{
	border-left: 1.0px solid #939598;
	border-right: 1.0px solid #939598;
	border-top: 1.0px solid #939598;
	border-bottom: 1.0px solid #939598;
	padding-left: 5.4px;
	padding-right: 5.4px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.transcript-t2 tr td{
	border-right: 1.0pt solid #939598;
}

table.transcript-t2 tr:nth-of-type(odd) {
	background-color: #F0F0F0;
}

table.transcript-t2 tr:nth-of-type(even) {
	background-color: #FFFFFF;
}

.cumulative-summary{
	border:0 none;
}
.cumulative-summary tr{
	background-color: transparent;
}
.cumulative-summary tr td{
	border:0 none;
}

.grade-table tr td{
	white-space: nowrap;
}

td.right-align{
	text-align:right;
	vertical-align:top;
}
.rta{
	text-align:right;
	padding-right:5px;
}
.cta{
	padding:0;
	margin:0;
	text-align:center;
}
.justify{
	text-align:justify;
	padding-right:5px;
}

table tr td.calendar_pn{
	font-size:16px;font-weight:bold; white-space:nowrap;width:10%;text-align:center;float:left;
}

.table-schedule tr td a{
	text-decoration:underline;
}

#intervention-table thead tr th, #intervention-table tbody tr td{
	width:70px;
	height:100px;
}

table.tclass-schedule{
	width:100%;
}

table.tclass-schedule tr th{
	padding:0px;
	text-align:center;
}

table.tclass-schedule tr td.schedule-td{
	padding:0px;
	width:16%;
	white-space:nowrap;
	vertical-align:top;
	border:1px solid #CC3300;
	text-align:center;
}
table.tclass-schedule tr td.schedule-td table{
	padding:0px;
	width:100%;
}

td.first-col{
	text-align:center;
	border-left: 0pt solid black;
	border-right: 0pt solid black;
	border-top: 1.0pt solid black;
	border-bottom: 1.0pt solid black;
}

td.schedule_title{
	white-space:nowrap;
	text-align:center;
	background-color:#DDDDDD;
	border-top: 1.0pt solid white;
	font-size:10px;
}
#dropmenudiv{
	position:absolute;
	border:1px solid white;
	border-bottom-width: 0;
	font:normal 12px Arial;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid white;
	padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #DDDDDD;
}

table.transfer-data tbody tr td{
	text-align:center;
}

table.tbl_opportinity tr td select{
	width:85px;
}
tr.lr td{
	background-color:#E0E0E0;
	font-weight:bold;
}

.mpzero{
	margin:0 0 5px 0;
	padding:0;
}

.va{
	vertical-align:middle;
}

.vta{
	vertical-align:top;
}

.public_table{
	margin: 0 auto;
	cellpadding:0px;
	padding:0px;
	width: 720px;
}
.nowrap{
	white-space: nowrap;
}

.width-auto{
	width:200px;
}

.drop-down-main-status{
	font-weight: bold; font-size : 1.05em;
}

/* UI Customization */
.ui-button .ui-button-text { line-height: 1;  }	
input.ui-button, .ui-dialog .ui-dialog-titlebar { padding:.2em 1em; }
.ui-tabs-panel { overflow: auto;}
.ui-tabs .ui-tabs-panel {padding:1em 0; }
.ui-dialog { position: fixed; }

/************** Richtext **********************/
table.mcetool, table.mceLayout, table.mceToolbar{width:auto;}
tr.lastrow td{ font-weight:bold;}

/****************** Table Sorter********************/
table.tablesorter thead th:hover, table.queryTable thead th:hover{
	text-decoration: underline;
	cursor: pointer;
}