@charset "utf-8";

/* Sharp Admin Theme */


@import url("reset.css");
/* @import url("themes/black/jquery-ui-1.7.2_BLACK.custom.css"); */

/* TO CHANGE THEME SIMPLY CHANGE THE FOLDER AND CSS FILE THIS IS IMPORTING */

@import url("themes/black/jquery-ui-1.7.2_BLACK.custom.css");

/* BLACK  	- 	@import url("themes/black/jquery-ui-1.7.2_BLACK.custom.css"); */
/* GREY	  	- 	@import url("themes/grey/jquery-ui-1.7.2_GREY.custom.css"); */
/* RED  	- 	@import url("themes/red/jquery-ui-1.7.2.custom_red.css"); */
/* GREEN   	- 	@import url("themes/green/jquery-ui-1.7.2.custom_green.css"); */
/* BLUE 	- 	@import url("themes/blue/jquery-ui-1.7.2.custom_BLUE.css"); */


body				{
	font-family: Arial, Helvetica, Verdance, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333; /*666*/
}

		
dt 			{
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
} 
dd 			{ font-size: 12px;color: #666666;padding: 5px 0px 10px 10px;margin: 0px 0px 0px 10px; }

blockquote 	{
	margin:20px 30px;
	color:#575757;
	padding: 0px 50px;
	background: transparent url("../images/blockquote.gif") no-repeat 0 0;
	font-style: italic;
}

#admin-container	 { width: 450px;/*400px*/ margin: 50px auto 50px auto; }

.png_bg	{
/*margin-top:3px;*/
}

#admin-content, #admin-help		{
	background-color: #fcfcfc; /*F5F5F5*/
	clear: both;
	position: relative;
	overflow: hidden;
	padding: 0px 25px 25px; /*25px*/
	float: left;
	width: 400px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
}

/* ---------------------------------------------------------------------------------
		LAYOUT
--------------------------------------------------------------------------------- */

#contatiner			{ width: 1860px; margin: 15px auto; } /*margin: 15px;*/ /* width: 98%  960px; margin: 15px auto 15px auto; */
#contatiner.w1250	{ width:1230px; }
#contatiner.w1250 #content { width:1210px; }

#header				{ position: relative; overflow: hidden; }

#logo				{ height: 75px; line-height: 75px; width: 275px; /*265px 450px*/ display:inline-block;}
#logo h1 			{ font-size: 30px; color: #FFFFFF;}
#logo img { margin: 30px 0 10px 10px; /*30px 0 10px 28px*/ }
.studentView #logo img { margin: 0; }

#panel				{
	line-height: 30px;
	color: #FFFFFF;
	/*Ken Edited*/
	/*height: 30px;
	margin-bottom: 15px;*/
}

#panel p { margin-left: 5px;}
#panel span.welcome { width:auto; margin-right:15px; display:inline-block; }

#panel a								{ color: #F6F6F6; text-decoration: none; font-weight: bold;}
#panel a:hover 							{ text-decoration: underline;}
#panel a.buttonLite	{ margin-left:0px; vertical-align:top; }

#contatiner #content #main_content p 	{ line-height: 22px; }
.marginClearAll 	{ margin:0 !important; }
.marginClearLeft 	{ margin-left:0 !important; }
.marginClearRight 	{ margin-right:0 !important; }
.marginClearTop 	{ margin-top:0 !important; }
.marginClearBottom 	{ margin-bottom:0 !important; }

/* ---------------------------------------------------------------------------------
		NAVIGATION
--------------------------------------------------------------------------------- */
#navigation			{ clear: both; padding: 0px; margin: 0px 0px 0px 0px; /*Ken Added*/ display:inline-block; vertical-align:top; }

/* ---------------------------------------------------------------------------------
		CONTENT
--------------------------------------------------------------------------------- */
#content, #sub_content			{
	background-color: #fcfcfc; /*F5F5F5*/
	clear: both; position: relative; overflow: hidden; float: left;
	margin: 0px; width: 1830px;  /*1200px 1190px or 96%  width: 920px; */
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	padding-top: 10px;/*20px 50px*/ padding-right: 10px; padding-bottom: 10px; padding-left: 10px;
}


#sub_content {
	padding-top:20px;
	/*margin:20px 10px 10px 10px;*/
	width:96%; /*100*/
}

#main_content			{ float: left; width: 55%;/*55% 45%*/ margin-right: 20px; /*margin-left: 20px;*/ /*margin left and right: 50px*/ min-height:500px;}
.studentView #main_content { width:100%; /*71% 56%*/ }
.studentView #main_content.leaveHistList { width:100%; /*47%*/ min-height:0; }

#main_content #demo li 	{
	float: left;
	height: 15px;
	width: 15px;
	padding: 3px;
	margin: 2px;
}

.secondary_content		{ float: left; width: 248px; /*290px 22%*/ }
#content .secondary_content:first-child { display:none; }

.w1250 #main_content		{ width:75%; }
.w1250 .secondary_content	{ width:23.2%; }

#datepicker 			{ margin-bottom: 15px; }
#accordion 				{ margin-bottom: 20px;!important }

#footer					{
	width: 98%; /*90% 960px*/
	text-align: right; /*center*/
	clear: both;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer p				{ color: #FFFFFF;}
#footer a 				{ color: #FFFFFF; text-decoration: none; font-weight: bold; }
#footer a:hover { text-decoration: underline;
}

#contatiner.studentView { width:1230px; }
#content.studentView { width:1225px; }
#contatiner.studentView.w960 { width:960px; }
#contatiner.studentView.w960 #content { width:960px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#contatiner.publicView { width:945px; margin:15px auto 15px auto; }
#content.publicView { width:940px; border-radius:5px; }

/* ---------------------------------------------------------------------------------
		SIDEBAR
--------------------------------------------------------------------------------- */

.sidebar h3 				{
	background-color: #EEEEEE;
	padding: 7px;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E5E5E5;
	margin: 0px 0px 5px 0px;
}
.sidebar img 							{ float: left; margin-right: 10px; margin-bottom: 5px; margin-top: 5px;}
#content .secondary_content .sidebar ul { margin-top: 20px; margin-bottom: 20px;
}
.sidebar li 					{
	clear: both;
	border-bottom: 1px solid #E6E6E6;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.sidebar p 			 			{ font-size: 9px; color: #999999; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.sidebar li:hover				{ background-color: #eaeaea; box-shadow:inset 0 0 2px 0 #aaa; 
								  /*DFDFDF*/}
.sidebar li a 					{ color: #5C5C5C; font-size: 12px; font-weight: bold;}
.sidebar li a:hover				{ color: #0A0A0A;}
.sidebar li:last-child 			{ border-bottom-color: #FFFFFF;}
.sidebar li.last				{ border-bottom-color: #FFFFFF;}

.sidebar.normalText				{ margin-bottom:40px; }
.sidebar.normalText p 			{ font-size: 12px; color: #333; text-align:justify; margin-bottom:8px; }
.sidebar.normalText p img 		{ float:none; margin:0px; vertical-align:top; }

/* ---------------------------------------------------------------------------------
		NOTIFICATIONS
--------------------------------------------------------------------------------- */
.success, .fail, .information, .attention {
	background-repeat: no-repeat;
	background-position: 10px center;
	height: 20px;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 22px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 50px;

}
/* Succes Notification Box */
.success 				{
	background-color: #EBF8D6;
	border: 1px solid #A6DD88;
	color: #539B2D;
	background-image: url(../images/accept.png);
}
/* Failure Notification Box */
.fail 					{
	background-color: #FFECE6;
	border: 1px solid #FF936F;
	color: #842100;
	background-image: url(../images/delete.png);
}
/* Information Notification Box */
.information 			{
	background-color: #D3EEF1;
	border: 1px solid #81CDD8;
	color: #369CAB;
	background-image: url(../images/info.png);
}
/* Attention Notification Box */
.attention 		{
	background-color: #FFFBCC;
	border: 1px solid #FFF35E;
	color: #C69E00;
	background-image: url(../images/warning.png);
}

/* Notification Close Button */
/* NOTE: this css is repeated below */
.close-notification					{
	width: 16px;
	height: 16px;
	position: absolute;
	background: url(../images/close.png) no-repeat;
	top: 4px;
	right: 4px;
	cursor: pointer;
}
ul.tabNavigation li #navdash { position:relative; }
ul.tabNavigation li #newmsgcounter { 
position:absolute; top:10px; left:20px; display:none; background:#F00; color:#FFF; text-shadow:0px 0px 1px #500; padding:1px 4px; border-radius:3px; box-shadow:0 0 2px 0 #FFFFFF; font-size:11px; height:auto; }


/* ---------------------------------------------------------------------------------
		NAVIGATION TABS
--------------------------------------------------------------------------------- */

UL.tabNavigation 			{ list-style: none; margin: 0; padding: 0;}
UL.tabNavigation LI 			{ display: inline; width: 100px; height: 100px; }
UL.tabNavigation LI A 
							{
	color: #E1E1E1;
	text-decoration: none;
	display: block;
	width: 150px; /*140px 130px*/
	float: left;
	height: 32px;
	line-height: 15px; /*32px*/
	/*background-image: url(../images/tab_bg.png);
	background-repeat: repeat-x;*/
	background-color:#282828;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px; /*20px*/
	/* ---- FOR MOZEILLA BROWSERS ONLY --- */
	-moz-border-radius-topleft: 	4px ; -webkit-border-top-left-radius:4px;
	-moz-border-radius-topright: 	4px ; -webkit-border-top-right-radius:4px;

	
}
                
UL.tabNavigation LI A:focus 	{ outline: 0;}
UL.tabNavigation LI A.active,
UL.tabNavigation LI A:hover  	{ color: #333333; 
/*background-image: url(../images/tab_bg_active.png); 
background-repeat: repeat-x; */

background: rgb(213,213,213); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(213,213,213,1) 0%, rgba(239,239,239,1) 22%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,213,213,1)), color-stop(22%,rgba(239,239,239,1)), color-stop(43%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(213,213,213,1) 0%,rgba(239,239,239,1) 22%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(213,213,213,1) 0%,rgba(239,239,239,1) 22%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(213,213,213,1) 0%,rgba(239,239,239,1) 22%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(213,213,213,1) 0%,rgba(239,239,239,1) 22%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}

.tabNavigation_navitem 			{ font-size: 14px; font-weight: bold;}
.tabNavigation img 				{ float: left; margin-right: 10px; margin-top: 1px;}


/* for small version*/
UL.tabNavigationshort {
	/*color: #E1E1E1;
	text-decoration: none;
	display: block;
	width: 130px;
	float: left;
	height: 32px;
	line-height: 32px;*/
	background-color:#0000FF;
	/*background-image: url(../images/tab_bg.png);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;*/
	
}

UL.tabNavigationshort LI A 
							{
	/*color: #E1E1E1;
	text-decoration: none;
	display: block;
	width: 130px;
	float: left;
	height: 32px;
	line-height: 32px;*/
	background-color:#0000FF;
	/*background-image: url(../images/tab_bg.png);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;*/
	/* ---- FOR MOZEILLA BROWSERS ONLY --- */
	-moz-border-radius-topleft: 	4px ; -webkit-border-top-left-radius:4px;
	-moz-border-radius-topright: 	4px  ; -webkit-border-top-right-radius:4px;

	
}
/*                
UL.tabNavigation LI A:focus 	{ outline: 0;}
UL.tabNavigation LI A.active,
UL.tabNavigation LI A:hover  	{ color: #333333; background-image: url(../images/tab_bg_active.png); background-repeat: repeat-x; }

.tabNavigation_navitem 			{ font-size: 14px; font-weight: bold;}*/

UL.tabNavigation LI A span { display: table-cell; vertical-align: middle; height: 30px; }

/* ---------------------------------------------------------------------------------
		MODEAL (FACEBOX)
--------------------------------------------------------------------------------- */

#modal 			{ color: #999999; padding: 10px 20px 10px 20px;}
#modal hr 		{ margin-top: 10px; margin-bottom: 10px;}
#modal strong 	{ color: #333333;}
#modal h1 		{ font-size: 20px; color: #333333; padding: 0px; margin: 0px 0px 20px 0px; }
#modal p 		{ font-size: 11px; line-height: 20px;
}

/* ---------------------------------------------------------------------------------
		TABLES
--------------------------------------------------------------------------------- */

#myTable img, #myTableDead img	{ margin-right: 3px; margin-left: 2px; padding: 0px; }
#myTable th, #myTableDead th, #attendanceTable th,
.normal th {
	text-transform: uppercase; text-align:center; vertical-align:middle;
}
#myTable tbody th.header, #myTableDead tbody th.header, #attendanceTable tbody th.header, 
.normal tbody th.header {
	background-image:none;
}

table.tablesorter,
table#attendanceTable,
table.normal {
	border: 1px solid #CCCCCC;
	font-size: 8pt;
	width: 100%;
	margin-top: 0px; /*25*/
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
}

table.tablesorter thead tr .header {
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
	padding-left: 10px;
	background-image: url(../images/bg.gif);
}
table.tablesorter tbody td,
table#attendanceTable thead td,
table#attendanceTable tbody td,
table.normal thead td,
table.normal tbody td {
	color: #666666;
	background-color: #FFF;
	vertical-align: middle;
	padding: 7px;
	line-height: 13px; /*20px*/
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
}

table#attendanceTable thead td,
table#attendanceTable tbody td,
table.centerContent thead td,
table.centerContent tbody th,
table.centerContent tbody td {
	padding: 1px;
	text-align:center;
}

table#attendanceTable tbody td.name {
	padding: 7px;
	text-align:center; /*right*/
}


table.tablesorter tbody tr.odd td,
table#attendanceTable tbody tr.odd td,
table.normal tbody tr.odd td 			{ background-color:#F3F3F3;}
table.tablesorter thead tr .headerSortUp 		{ background-image: url(../images/asc.gif); }
table.tablesorter thead tr .headerSortDown 		{ background-image: url(../images/desc.gif); }

table.tablesorter thead tr th, table.tablesorter tbody tr th, table.tablesorter tfoot tr th,
table#attendanceTable thead tr th, table#attendanceTable tbody tr th, table#attendanceTable tfoot tr th,
table.normal thead tr th, table.normal tfoot tr th {
	background-color: #e5e5e5; /*efefef*/
	border: 1px solid #999; /*CBCFD3*/
	font-size: 9pt;
	padding: 7px;
	text-align: left;
	text-shadow:0 1px 2px #FFF;
}

table.tablesorter td.headtd,
table td.headtd, table th.headtd,
table#attendanceTable td.headtd, table#attendanceTable th.headtd {
	background-color:#666;
	color:#FFF;
	font-weight:bold;
	text-shadow:0 0 3px #000000;
	text-transform:uppercase;
}

table#attendanceTable thead tr th, table#attendanceTable tbody tr th, table#attendanceTable tfoot tr th,
table.normal thead tr th, table.normal tfoot tr th {
	text-align: center;
}

table#rosterTable td {
	width:14.28%	
}
table#rosterTable tr.labelTitle td {
	text-transform:capitalize;
	font-weight:bold;	
}

table tr td.actionicons span,
table tr td.actionicons a {
	cursor:pointer;
}
table tr.hlight.hoverOn { box-shadow:0 0 4px 1px #00f inset; }

.paginator 				{
	list-style : none;
	display : block;
	padding: 8px 0 0 0;
	text-align: left;
	clear: both;
	margin: 0px;
} 

.paginator li 				{ display : inline;} 
.paginator li a 			{
	padding: 4px 7px 4px 7px;
	font-size: 10px;
	text-decoration: none;
	color: #333333;
} 
.paginator li a:hover 		{ background-color: #d6d6d6; text-decoration: underline; } 

.paginator li.current a 	{
	background-color: #E9E9E9;
	text-decoration: underline;
	border: 1px solid #CCCCCC;
}

/* ---------------------------------------------------------------------------------
		HEADING STYLINGS
--------------------------------------------------------------------------------- */

.h1	{
	/*background-color: #EEEEEE;*/
	
	background: rgb(237,237,237); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(255,255,255,1) 49%, rgba(225,225,225,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(49%,rgba(255,255,255,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 49%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 49%,rgba(225,225,225,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 49%,rgba(225,225,225,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 49%,rgba(225,225,225,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
	
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
	box-shadow:0 0 2px 0 #ccc; -moz-box-shadow:0 0 2px 0 #ccc; -webkit-box-shadow:0 0 2px 0 #ccc;

	padding: 7px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E5E5E5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	clear: both;
}
.h2	{
	font-size: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #333333;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-weight: bold;
}
.h3	{
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #333333;
	letter-spacing: -1px;
}
.h4	{
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-bottom: 5px;
}
.h5	{
	font-size: 13px;
	margin-top: 12px;
	margin-bottom: 12px;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
}

.h6 {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #333;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ol-main li {
	list-style-type: decimal;
	margin-left: 50px;
	font-size: 11px;
	line-height: 22px;
}

.ul { list-style-type:square; margin-bottom:10px; }
.ul li { margin-left:15px; }

/* ---------------------------------------------------------------------------------
		FORMS
--------------------------------------------------------------------------------- */
.small			{ width: 15%;}
.medium 		{ width: 35%;}
.half_input		{ width: 50%;}
.large			{ width: 88%; margin-top: 5px; margin-bottom: 10px;}
.large_input	{ width: 88%;}
.full_input		{ width: 95%;}
.full			{ width: 98%;}
.spacer			{}


form  label 		{
	font-weight: bold;
	font-size: 12px;
	/*margin-bottom: 8px;*/
	display: block;
	margin-top: 8px;
	color: #333333;
	text-transform: uppercase;
}
form p 				{ padding: 0px; margin: 0px;}
form .input 		{
	border: 1px solid #CCCCCC;
	padding: 8px;
	background-color: #fff; /*F3F3F3*/
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
form select 		{ padding: 2px 0px; margin: 0px; /*border-right-width:3px;*/}

form .button, .button,
form .buttonLite, .buttonLite	{
	background: rgb(239,240,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(239,240,242,1) 0%, rgba(212,217,219,1) 92%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,240,242,1)), color-stop(92%,rgba(212,217,219,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(239,240,242,1) 0%,rgba(212,217,219,1) 92%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(239,240,242,1) 0%,rgba(212,217,219,1) 92%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(239,240,242,1) 0%,rgba(212,217,219,1) 92%); /* IE10+ */
	background: linear-gradient(top,  rgba(239,240,242,1) 0%,rgba(212,217,219,1) 92%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f2', endColorstr='#d4d9db',GradientType=0 ); /* IE6-9 */
	
	/*background-color: #D6D6D6;*/ /*ORIGINAL CSS*/
	color: #333 !important; /*666*/
	font-weight: bold;
	border: 1px solid #aaa; /*ccc*/
	margin-top: 7px;
	margin-bottom: 7px;
	padding: 5px 7px 5px 7px;
	text-decoration:none;
	cursor:pointer;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

form .buttonLite, .buttonLite	{
	margin-top: 7px;
	margin-bottom: 7px;
	padding: 2px 5px; /*1px 2px*/
	text-decoration:none;
	font-size:11px;
}

form .checkbox 				{ padding: 0px;height: 15px;width: 18px;margin: 0 5px 0 5px;}
form .select					{ width: 20%;padding: 2px;margin: 0px;}
form .radio					{ height: 15px; width: 15px; padding: 0px; margin: 0 5px 0 5px;}

.styled_textarea			{
	margin-bottom: 10px;
	background-color: #F3F3F3;
	width: 95%;
	padding: 0px;
	border: 1px solid #CCCCCC;
	font-size: 9px;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus	{ 
	/*background: rgb(255,255,255); /* Old browsers */
	/*background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(251,251,251,1) 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(251,251,251,1))); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%); /* IE10+ */
	/*background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
	
	/*background-color: #FFFFBB;*/ /*FFFFE1*/
	/*border: 1px solid #aaa;*/ /*666*/
	box-shadow: inset 0px 0px 2px #999; -moz-box-shadow: inset 0px 0px 2px #999; -webkit-box-shadow: inset 0px 0px 2px #999;
}
input[type=text]:focus, input[type=password]:focus { /*border-width: 1px; padding:2px;*/}
input:focus { /*padding:3px;*/ }
input.button:hover, .button:hover,
input.buttonLite:hover, .buttonLite:hover { 
	background: rgb(247,248,249); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,248,249,1) 0%, rgba(234,240,242,1) 92%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,248,249,1)), color-stop(92%,rgba(234,240,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,248,249,1) 0%,rgba(234,240,242,1) 92%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,248,249,1) 0%,rgba(234,240,242,1) 92%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,248,249,1) 0%,rgba(234,240,242,1) 92%); /* IE10+ */
	background: linear-gradient(top,  rgba(247,248,249,1) 0%,rgba(234,240,242,1) 92%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#eaf0f2',GradientType=0 ); /* IE6-9 */

	/*background-color: #FFFFE1;*/
	border: 1px solid #aaa; /*666*/
	text-decoration:none !important;
	box-shadow:0px 1px 2px 0px #999; -moz-box-shadow:0px 1px 2px 0px #999; -webkit-box-shadow:0px 1px 2px 0px #999;
	color:#111; 
}

form input.errorInput, form p.errorInput {
	box-shadow:0 0 2px 0px #f00;
	border:1px solid #f00;
}
form label.errorInput {
	color:#f00;
}



/* ---------------------------------------------------------------------------------
		additional styles
--------------------------------------------------------------------------------- */
#accordion p { font-size: 11px; }
#tabs p { font-size: 11px; }
#tabs>div { background-color:#f9f9f9 /*EEE*/; box-shadow:0 -2px 2px 0 #999 inset; }
#tabs li A:focus 	{ outline: 0;}
#tabs li A {  }
#tabs li A.active,
#tabs li A:hover  	{ color: #fff; background-color:#555; }
.inline {
	display:inline-block;
}

#main_content #tabs li a { font-size: 11px; }

	#red, #green, #blue {
	float: left;
	clear: left;
	width: 200px;
	margin: 15px;
	}
	
	#swatch {
	width: 120px;
	height: 100px;
	margin-top: 18px;
	margin-left: 300px;
	background-image: none;
	}
	
	#red .ui-slider-range { background: #ef2929; }
	#red .ui-slider-handle { border-color: #ef2929; }
	#green .ui-slider-range { background: #8ae234; }
	#green .ui-slider-handle { border-color: #8ae234; }
	#blue .ui-slider-range { background: #729fcf; }
	#blue .ui-slider-handle { border-color: #729fcf; }
	#demo-frame > div.demo { padding: 10px !important; };

	#sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
	#sortable li {
	margin: 0 5px 5px 5px;
	padding: 5px;
	height: 1em;
	font-size: 1em;
}
	html>body #sortable li { height: 1.5em; line-height: 1.2em; }
	.ui-state-highlight { height: 1.5em; line-height: 1.2em; }


/* ---------------------------------------------------------------------------------
		START WYSIWYG EDITOR
--------------------------------------------------------------------------------- */
#primary_content .wysiwyg ul 	{padding-left: 0px; margin: 0px;}
div.wysiwyg {
	border: 1px solid #cccccc;
	padding: 0px;
	background-color: #ffffff;
}
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel {
	border-bottom: 1px solid #cccccc;
	float: left;
	width: 100%;
	padding: 0 0 4px 0;
	font-size: 10px;
}
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px;  background: #ffffff;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { opacity: 0.6; display: block; width: 16px; height: 16px; background: url('../images/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: 0.99; }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; }


a img { text-decoration:none; }


/* Additional Page Styles */

/* Notification Close Button */
.close-notification {
	width: 16px;
	height: 16px;
	position: absolute;
	background: url(/images/close.png) no-repeat;
	top: 4px;
	right: 4px;
	cursor: pointer;
}
.win_close-notification {
	width: 16px;
	height: 16px;
	position: fixed;
	background: url(/images/close.png) no-repeat;
	top: 4px;
	left: 4px;
	cursor: pointer;
	display:none;
}

/* Slot requests CSS */
/* Admin Window CSS */
#main_content ul.studentRequest,#window_content ul.studentRequest {
	list-style:none;
}
#main_content ul.studentRequest li.requestSummary,
/*#main_content div.requestSummary,*/
#window_content ul.studentRequest li.requestSummary,
#window_content div.requestSummary {
	display:block;
	height: auto; /*20px*/
	text-transform: uppercase;
	font-size: 11px;
	line-height: 22px;
	margin-bottom: 5px;
	padding: 10px 10px;
	background-color: #D3EEF1;
	border: 1px solid #81CDD8;
	color: #369CAB;
	width:600px;
	position:fixed;
	top:45%;
	left:26%;
	
	-moz-box-shadow: 0px 0px 5px #888;
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
}
#main_content ul.studentRequest li.temp_requestSummary,
#main_content ul.studentRequest li.perm_requestSummary,
#main_content ul.studentRequest li.manage_Summary,
#window_content ul.studentRequest li.temp_requestSummary,
#window_content ul.studentRequest li.perm_requestSummary,
#window_content ul.studentRequest li.manage_Summary {
	display:block;
	height: auto; /*20px*/
	text-transform: uppercase;
	font-size: 11px;
	line-height: 22px;
	margin-bottom: 5px;
	padding: 10px 10px;
	/*background-color: #FFFBCC;*/
	border: 1px solid #FFF35E;
	color: #503401; /*C69E00*/
	width:700px; /* 700 */
	position:relative;
	
text-shadow:0 1px 1px #fff;
box-shadow:0 0 2px 0 #000;
	
background: rgb(255,255,0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmIyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(255,255,0,1) 0%, rgba(255,178,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,0,1)), color-stop(100%,rgba(255,178,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,0,1) 0%,rgba(255,178,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,0,1) 0%,rgba(255,178,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,0,1) 0%,rgba(255,178,0,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,0,1) 0%,rgba(255,178,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#ffb200',GradientType=0 ); /* IE6-8 */
}
#window_content ul.studentRequest li.temp_requestSummary,
#window_content ul.studentRequest li.perm_requestSummary,
#window_content ul.studentRequest li.manage_Summary {
	width:730px;
}
#main_content ul.studentRequest li.perm_requestSummary,
#window_content ul.studentRequest li.perm_requestSummary {
	border: 1px solid #003300; /**/
	color: #060; /*369CAB*/
	/*background-color: #D3EEF1;*/

background: rgb(173,242,0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkZjIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZmM4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(173,242,0,1) 0%, rgba(143,200,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,242,0,1)), color-stop(100%,rgba(143,200,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(173,242,0,1) 0%,rgba(143,200,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(173,242,0,1) 0%,rgba(143,200,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(173,242,0,1) 0%,rgba(143,200,0,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(173,242,0,1) 0%,rgba(143,200,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adf200', endColorstr='#8fc800',GradientType=0 ); /* IE6-8 */
}
#main_content ul.studentRequest li.manage_Summary, #main_content div.studentRequest li.manage_Summary,
#window_content ul.studentRequest li.manage_Summary {
	border: 1px solid #555;
	color: #333;
	/*background: #eee;*/

background: rgb(237,237,237); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YjliOWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(155,155,155,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(155,155,155,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(155,155,155,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(155,155,155,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(155,155,155,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(155,155,155,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#9b9b9b',GradientType=0 ); /* IE6-8 */
}
#main_content ul.studentRequest li ul,
#main_content div.requestSummary ul,
#window_content ul.studentRequest li ul,
#window_content div.requestSummary ul {
	list-style:none;
}
#main_content ul.studentRequest li ul li,
#main_content div.requestSummary ul li,
#window_content ul.studentRequest li ul li,
#window_content div.requestSummary ul li {
	/*display:inline;*/
	display:inline-block;
	margin-right:10px;
}
#main_content ul.studentRequest li ul li.datestyle,
#main_content div.requestSummary ul li.datestyle,
#window_content ul.studentRequest li ul li.datestyle,
#window_content div.requestSummary ul li.datestyle {
	font-style:italic;
	width:90px; /*60*/
	vertical-align:middle;
}
#window_content ul.studentRequest li ul li.datestyle.wider,
#window_content div.requestSummary ul li.datestyle.wider { width:120px; }
#window_content ul.studentRequest li ul li span.datestyle.inlineTitle { font-weight:bold; display:inline-block; margin-right:10px; }
/*#window_content #eventBookTab ul.studentRequest li.manage_Summary ul li.datestyle, #window_content #eventBookTab div.requestSummary.manage_Summary ul li.datestyle,
#window_content ul.studentRequest li.manage_Summary ul li.datestyle.smaller, #window_content div.requestSummary.manage_Summary ul li.datestyle.smaller { width:90px; }*/

#main_content ul.studentRequest li ul li.datestyle input,
#main_content div.requestSummary ul li.datestyle input,
#window_content ul.studentRequest li ul li.datestyle input,
#window_content div.requestSummary ul li.datestyle input {
	width:85px;
}
#main_content ul.studentRequest li ul li.timestyle,
#main_content div.requestSummary ul li.timestyle,
#window_content ul.studentRequest li ul li.timestyle,
#window_content div.requestSummary ul li.timestyle {
	font-style:italic;
	width:80px; /*80 60*/
	vertical-align:middle;
}
#main_content #eventBookTab ul.studentRequest li ul li.timestyle,
#main_content #eventBookTab div.requestSummary ul li.timestyle,
#window_content #eventBookTab ul.studentRequest li ul li.timestyle,
#window_content #eventBookTab div.requestSummary ul li.timestyle {
	width:70px;
}
#main_content ul.studentRequest li ul li.heading,
#main_content div.requestSummary ul li.heading,
#window_content ul.studentRequest li ul li.heading,
#window_content div.requestSummary ul li.heading {
	font-weight:bold;
	width:120px; /*80*/
	vertical-align:middle; line-height:1.3em;
}
#main_content ul.studentRequest li ul li.course,
#main_content div.requestSummary ul li.course,
#window_content ul.studentRequest li ul li.course,
#window_content div.requestSummary ul li.course {
	width:65px;
	vertical-align:middle;	
}
#main_content ul.studentRequest li ul li.choose,
#main_content div.requestSummary ul li.choose,
#window_content ul.studentRequest li ul li.choose,
#window_content div.requestSummary ul li.choose {
	text-transform:none;
	/*display:none;*/
	padding-right:0px; /*10px*/
	margin-right:0px; /*NEW*/
	vertical-align:middle;
}
#main_content ul.studentRequest li ul li.headTitle,
#main_content div.requestSummary ul li.headTitle,
#window_content ul.studentRequest li ul li.headTitle,
#window_content div.requestSummary ul li.headTitle {
	text-transform:uppercase;
	font-weight:bold;
	font-style:normal;
	border-bottom:1px dotted #666;
}
.instructorChoice {
	display:inline-block;
	/*float:left;
	margin-left:325px;
	margin-top:-20px;
	margin-right:10px;*/
}
.instructorShowAll {
	display:inline-block;
	/*float:left;
	margin-left:445px;
	margin-top:-20px;*/
}
.instructorChoiceSave, .temp_instructorChoiceSave {
	display:inline-block;
	/*float:left;
	margin-left:535px;
	margin-top:-25px;*/
}
.hidden {
	display:none;
}
/*.studentInfoDetails {
	background-color:#E8F8FF; padding:1px 3px; color:#333; margin-top:5px;
}*/
.studentInfoDetails, .moreDetails {
	display:block; margin-top:10px;
	background-color:#fbfbfb; padding:5px 10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:inset 0px 1px 3px 0px #666;
	-moz-box-shadow:inset 0px 1px 3px 0px #666;
	-webkit-box-shadow:inset 0px 1px 4px 0px #666;
	width:96%;
	color:#000;
}
li.studentInfoDetails h3, li.moreDetails h3 {
	font-size:14px; font-weight:bold;
}
li.studentInfoDetails p span {
	margin-right:10px; display:inline-block;
}
li.moreDetails textarea { width:90%; }

#main_content ul.taskChoose li, #window_content ul.taskChoose li {
	width:300px;
	padding:5px 10px;
	font-size:16px;
	border:1px solid #999;
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
	cursor:pointer;
}
#main_content ul.taskChoose li:hover, #window_content ul.taskChoose li:hover {
	box-shadow:0 0 2px 0px #333; -moz-box-shadow:0 0 2px 0px #333; -webkit-box-shadow:0 0 2px 0px #333;
	color:#FFF;
	background-color:#333;
}
#window_content {
	width:auto; margin:0 10px; /*0 20px*/
}
#window_content p, #window_content ul li {
	font-size:13px;
}
#window_content ul li textarea {
	width:99.5%;
	border:1px solid #CCC;
}
#window_content ul li textarea:focus {
	border:1px solid #999;
}
#window_content h1 {
	width:738px; /*708*/
	margin-bottom:10px;
}

/* Slot Booking Window */
#tempBookTab, #permBookTab, #eventBookTab, #lastLessonTab, #futureLessonTab {
	position:relative; width:752px; /*722*/
}
#togglePermSlot, #toggleTempSlot, #toggleDeleteSlot, #toggleEventSlot {
	position:absolute; right:10px; top:7px; font-weight:bold; cursor:pointer; padding:1px 10px;
}
#toggleEventSlot { right:180px; }
#togglePermSlot:hover, #toggleTempSlot:hover, #toggleDeleteSlot:hover, #toggleEventSlot:hover {
	background:#555; /*ffffe1*/
	border-radius:15px;
	color:#fff; text-shadow:0px 1px 1px #000; /*box-shadow:0 0 1px 1px #000 inset;*/
}
#toggleDeleteSlot:hover {
	background:#F30; border-radius:5px;
}
#permBookTab, #eventBookTab, #lastLessonTab, #futureLessonTab {
	display:none;
}
#permBookTab div#changeLessonReason {
	/*margin-top:-15px;*/ margin-bottom:10px; background:#CCC;
	border:1px solid #555; text-shadow:0 1px 1px #FFFFFF; box-shadow:0 0 2px 0 #333;
}
#permBookTab div#changeLessonReason .subsection {
	display:inline-block;
	width:205px; /*145*/ padding:0px 29px 5px 10px;
	vertical-align:top;
}
#permBookTab div#changeLessonReason .subsection input{
	vertical-align:baseline; /*top*/
}
#permBookTab div#changeLessonReason .subsection label {
	font-weight:bold;
}
#permBookTab div#changeLessonReason .subsection label,
#permBookTab div#changeLessonReason .subsection span,{
	display:block;
	vertical-align:top;
}
#permBookTab div#changeLessonReason textarea{
	display:inline-block;
	width:490px; /*498 470 530*/
	vertical-align:top; margin-top:5px; margin-bottom:5px; height:40px;
}
#eventBookTab ul.studentRequest li ul li label.inline { margin-top:0; }
#eventBookTab ul.studentRequest li ul li input[type=checkbox].inline { margin-left:0; }
#eventBookTab ul.studentRequest li ul li input[type=text] { width:180px; /*90%*/ }
#eventBookTab ul.studentRequest li ul li input.datepickerAdminWinEventTo { display:none; }


table#attendanceTable select {
	font-size:11px; /*border-right-width:1px; border-color:#888;*/
	border-width:1px;
}

.silentHyper { cursor:pointer; }

/* ADMIN ATTENDANCE VIEW */
table#attendanceTable th { text-align:center; width:100%; }
table#attendanceTable tbody tr td.schfee { width:50px; line-height:13px; }
table#attendanceTable tbody tr td span { display:block; position:relative; }
table#attendanceTable tbody tr td span span.commentBut, table#attendanceTable tbody tr td span span.paymentBut { 
display:inline-block; position:absolute; right:-2px; top:-2px; padding:1px 3px; margin:0; height:10px; border:1px solid #666; line-height:10px; cursor:pointer;
/*border-radius:0 0 0 0px; -moz-border-radius:0 0 0 2px; -webkit-border-radius:0 0 0 2px;*/ font-size:12px; color:#333;
background: rgb(246,248,249); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-8 */
}
table#attendanceTable tbody tr td span span.paymentBut { font-size:10px; /*top:-5px;*/ }
table#attendanceTable tbody tr td.name span span.commentBut { right:-8px; top:-8px; }
table#attendanceTable tbody tr td span span.commentBut:hover,
table#attendanceTable tbody tr td span span.paymentBut:hover {
	/*box-shadow:-1px 1px 1px 0 #55f; -moz-box-shadow:-1px 1px 1px 0 #55f; -webkit-box-shadow:-1px 1px 1px 0 #55f;*/
	border:1px solid #333; color:#000;
	background:#fff;
	box-shadow:-2px 1px 2px 0px #999;
}
table#attendanceTable tbody tr td span span.containComment {
	/*background:#FF0000;*/ color:#c00; /*font-weight:bold;*/ /*text-shadow:0 0 3px #ff0;*/
	box-shadow: 0 0 5px 0 #f00 inset;
}
table#attendanceTable tbody tr td span span.containComment:hover { 
	color:#f00; /*font-weight:bold;*/ text-shadow:0 0 3px #ff0; border:1px solid #f55;
}
table#attendanceTable tbody tr td span.consumedDate { font-weight:bold; font-size:11.5px; color:#000; margin:auto; width:auto; }
table#attendanceTable tbody tr td span span.payComment { color:#FF0000; }
table#attendanceTable tbody tr td span span.payComment span.unpaid { color:#000; font-weight:bold; vertical-align:middle; }

select.attendanceChoice option[value=unmarked], select.attendanceChoice.unmarked { background-color:#ff0; color:#000; }
select.attendanceChoice option[value=complete], select.attendanceChoice.complete { background-color:#fff; color:#000; }
select.attendanceChoice option[value=makeup], select.attendanceChoice.makeup,
select.attendanceChoice option[value=mc], select.attendanceChoice.mc,
select.attendanceChoice option[value=ext], select.attendanceChoice.ext { background-color:#fff; color:#000; }
select.attendanceChoice option[value=forfeit], select.attendanceChoice.forfeit,
select.attendanceChoice option[value=noshow], select.attendanceChoice.noshow { background-color:#f00; color:#fff; }

/* INSTR ATTENDANCE VIEW */
table#myTable span.updateStatusChecker { display:inline-block; margin-left:8px; width:24px; display:none; }
table#myTable span.updateStatusChecker span { width:24px; height:24px; vertical-align:middle; display:inline-block; background-position:0px -2px; }
table#myTable span.updateStatusChecker .updateSuccess { background-image:url('/images/accept.png'); }
table#myTable span.updateStatusChecker .updateWarning { background-image:url('/images/warning.png'); }
table#myTable span.updateStatusChecker .updateError { background-image:url('/images/delete.png'); }

/* LEAVE / STUDENT MC MGMT (ADMIN) */
.secondary_content div#addLeave, .secondary_content div#editLeave, .secondary_content div#resolveLeave,
.secondary_content div#addMC,    .secondary_content div#editMC,    .secondary_content div#resolveMC,
.secondary_content div#addHoliday,.secondary_content div#editHoliday,
.secondary_content div#addRecord,.secondary_content div#editRecord {
	background-color:#fbfbfb;
	/*padding:10px;*/
	border:1px solid #ccc; /*fff*/
	margin-bottom:20px;
	display:none;
	position:relative;
	border-radius:0 0 5px 5px;
}
.secondary_content div#addLeave form, .secondary_content div#editLeave form, .secondary_content div#resolveLeave form,
.secondary_content div#addMC form,    .secondary_content div#editMC form,    .secondary_content div#resolveMC form,
.secondary_content div#addHoliday form,.secondary_content div#editHoliday form,
.secondary_content div#addRecord form,.secondary_content div#editRecord form {
	padding:0 15px 10px;
	position:relative;
}
.secondary_content div#addLeave form textarea, .secondary_content div#editLeave form textarea, .secondary_content div#resolveLeave form textarea,
.secondary_content div#addMC form textarea,    .secondary_content div#editMC form textarea,    .secondary_content div#resolveMC form textarea,
.secondary_content div#addHoliday form textarea,.secondary_content div#editHoliday form textarea,
.secondary_content div#addRecord form textarea,.secondary_content div#editRecord form textarea {
	width:98%; padding:2px;
}
.secondary_content div#addLeave form div.section, 
.secondary_content div#editLeave form div.section, 
.secondary_content div#resolveLeave form div.section,
.secondary_content div#addMC form div.section, 
.secondary_content div#editMC form div.section, 
.secondary_content div#resolveMC form div.section,
.secondary_content div#addHoliday form div.section, .secondary_content div#editHoliday form div.section,
.secondary_content div#addRecord form div.section, .secondary_content div#editRecord form div.section {
	display:block; height:60px; vertical-align:top;
}
.secondary_content div#addLeave form div.section.full, 
.secondary_content div#editLeave form div.section.full, 
.secondary_content div#resolveLeave form div.section.full,
.secondary_content div#addMC form div.section.full, 
.secondary_content div#editMC form div.section.full, 
.secondary_content div#resolveMC form div.section.full,
.secondary_content div#addHoliday form div.section.full, .secondary_content div#editHoliday form div.section.full,
.secondary_content div#addRecord form div.section.full, .secondary_content div#editRecord form div.section.full {
	width:90%;
}
.secondary_content div#addLeave form div.section.half, 
.secondary_content div#editLeave form div.section.half, 
.secondary_content div#resolveLeave form div.section.half,
.secondary_content div#addMC form div.section.half, 
.secondary_content div#editMC form div.section.half, 
.secondary_content div#resolveMC form div.section.half,
.secondary_content div#addHoliday form div.section.half, .secondary_content div#editHoliday form div.section.half,
.secondary_content div#addRecord form div.section.half, .secondary_content div#editRecord form div.section.half {
	display:inline-block; width:48%;
}
div#cancelAdd, div#cancelEdit, div#closeResolve {
	cursor:pointer;
	position:absolute;
	top:-56px;
	right:10px;
	background: url(/images/close.png) no-repeat;
	width:16px; height:16px;
	/*float:right;*/
}
div#addLeave input[type=text], div#editLeave input[type=text],
div#addMC input[type=text], div#editMC input[type=text],
div#addHoliday input[type=text], div#editHoliday input[type=text],
div#addRecord input[type=text], div#editRecord input[type=text] {
	width:90%;
}
div#resolveLeave input#humanpickDate_resolve {
	width:80px; /*30%*/
}
div#addLeave input[type=text]#pickDate_add, div#editLeave input[type=text]#pickDate_edit,
div#addMC input[type=text]#pickDate_add, div#editMC input[type=text]#pickDate_edit,
div#addHoliday input[type=text]#pickDate_add, div#editHoliday input[type=text]#pickDate_edit,
div#addRecord input[type=text]#pickDate_add, div#editRecord input[type=text]#pickDate_edit {
	/*width:45%;*/
}
div.resolveItem span span.details_span, div.resolveItem span span.revert_span {
	vertical-align:top;
}
span select[name=resolveOption], span.instructor_choice select {
	margin-right:10px;
}
div.resolveDetailTemplate {
	position:relative; display:none; box-shadow:inset 0px 1px 3px 0px #aaa; /*inset 0px -2px 5px 1px #aaa;*/ 
	padding:8px 15px 15px;
	background-color:#FFFFFF; width:88%;
}
span.resolveDetailSection {
	display:inline-block; margin-right:8px; vertical-align:middle;
}
span.resolveDetailSection label {
	margin-bottom:5px;
}
span.approved_status {
	display:inline-block;
	padding: 5px 7px;
}

ul li#chooseInputSection .container { height:40px; vertical-align:middle; }
ul li#chooseInputSection .selectContainer { display:inline-block; padding-right:25px; }
ul li#chooseInputSection .selectTypeContainer { display:inline-block; vertical-align:middle; height:40px; width:80px; }
ul li#chooseInputSection .selectTypeContainer span { display:inline-block; vertical-align:top; }
ul li#chooseInputSection .selectTypeContainer span.single { padding-top:7px; }
ul li#chooseInputSection .selectTypeContainer span label { font-size:13px; font-weight:normal; color:inherit; vertical-align:top; text-transform:none; display:inline-block; margin-top:0; }
ul li#chooseInputSection .selectTypeContainer input[type=checkbox]{ margin-top:0px; /*13px*/ }

#main_content .selectFilterSection { width:100%; display:inline-block; vertical-align:top; position:relative; margin-bottom:10px; }

.particularsForm.admin { width:590px; display:inline-block; vertical-align:top; margin-right:20px; }
.particularsForm.admin fieldset { border:#CCCCCC 1px solid; padding:10px; margin-top:15px; }
div .notesArea { margin-bottom:20px; }
div .notesArea textarea { width:99%; height:90px; padding:2px; }

/* message system */
/* admin view */
ul.nobullet { list-style-type:none; }
ul.nobullet li { margin-left:0; }
ul.msgInstrList { display:block; margin-right:50px; vertical-align:top; }
ul.msgInstrList>li { display:inline-block; margin-right:30px; vertical-align:top; }
ul.msgInstrList li textarea { width:450px; height:90px; display:block; }
ul.msgInstrList li ul.msglist li { margin-bottom:10px; }
ul.msgInstrList li ul.msglist li div.ack span { font-size:10px; }
ul.msgInstrList li ul.msglist li div.ack, ul.msgInstrList li ul.msglist li div.delete { 
	width:130px; height:20px; display:inline-block; margin-right:10px; background-image:url(../images/view_16.png);
	background-repeat:no-repeat; background-position:left; padding-left:26px;
}
ul.msgInstrList li ul.msglist li div.delete { cursor:pointer; background-image:url(../images/delete_16.png); width:20px; padding-left:0; }
ul.msgInstrList li ul.msglist li div.ack.pos { background-image:url(../images/view_16_pos.png); }
ul.msgInstrList li ul.msglist li div.ack span, ul.msgInstrList li ul.msglist li div.delete span { vertical-align:middle; }
ul.msgInstrList li { font-size:12px; width:450px; }
ul.msgInstrList li ul .newMsg { background:#FFFF99; }

/* instr view */ /*note that .buttonLite.added is from admin/pointofsale */
div.studentView ul.instr_msg .instr_ack { display:inline-block; padding:2px 10px; background:#ccc; font-weight:bold; color:#000; text-shadow:1px 1px 1px #fff; }
div.studentView ul.instr_msg .button.pos, input.buttonLite.added { /*background:#0F0;*/ color:#000; text-shadow:1px 1px 3px #fff;
background: rgb(205,235,139); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZWI4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OWM0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(205,235,139,1) 0%, rgba(137,196,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,235,139,1)), color-stop(100%,rgba(137,196,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(205,235,139,1) 0%,rgba(137,196,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(205,235,139,1) 0%,rgba(137,196,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(205,235,139,1) 0%,rgba(137,196,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(205,235,139,1) 0%,rgba(137,196,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8b', endColorstr='#89c400',GradientType=0 ); /* IE6-8 */
/* new green button */
/* background: linear-gradient(to bottom, #89C400 30%, #459100 100%) repeat scroll 0 0 transparent;
color:#fff; letter-spacing: 1px; text-shadow: 0 1px 1px #000000, 0 1px 2px #000000; 
*/
}
div.studentView ul.instr_msg .button.pos:hover, input.buttonLite.added:hover {
	box-shadow:0 1px 2px 0 #999, 0 0 8px 0 #7EAC06 inset;
}

div.studentView ul.instr_msg { margin-bottom:50px; }
div.studentView ul.instr_msg li { margin-bottom:25px; }
div.studentView ul.instr_msg li .msgContent { display:block; margin-bottom:10px; font-size:12px; }

/* ANDREW MENU TAB */
div#menuPanel { margin-top:15px; }
div#menuPanel ul li { display:inline-block; color:#FFFFFF; margin-right:-3px; vertical-align:top; }
div#menuPanel ul li div { display:block; color:#FFFFFF; width:105px; /*120px*/ padding:5px; cursor:pointer; height:35px; vertical-align:top; overflow:hidden; border:1px solid #333; /*box-shadow:0 2px 12px 0 #555 inset;*/ text-align:center; text-shadow:0 1px 2px #000000, 0 -1px 2px #000000; }
div#menuPanel ul li div:hover { font-weight:bold; text-shadow:0 1px 2px #000, 0 -1px 2px #000000; }
div#menuPanel ul li div p, div#menuPanel ul li div a { display:block; margin-left:0px; /*10px*/ line-height:1.2em; vertical-align:middle; font-size:14px; text-decoration:none; color:inherit; }
div#menuPanel ul li.greenMT { background:#090; /*#060*/ }
div#menuPanel ul li.greenMT div { box-shadow:0 2px 12px 0 #333 inset, 0 23px 4px 0 #0C0 inset; }
div#menuPanel ul li.redMT { background:#C30; }
div#menuPanel ul li.redMT div { box-shadow:0 2px 12px 0 #333 inset, 0 23px 4px 0 #e00 inset; }
div#menuPanel ul li.blueMT { background:#0033CC; }
div#menuPanel ul li.blueMT div { box-shadow:0 2px 12px 0 #333 inset, 0 23px 4px 0 #00f inset; }

a.stdEdit { text-decoration:none; color:inherit; font-weight:bold; }
a.stdEdit:hover { text-decoration:underline; color:#333; }
.studentView #main_content { width:auto !important; padding:0px 32px;}
/* mobile */
@media screen and (max-width: 700px) {
#admin-container {
	width:320px; margin: 0 auto;
}
#admin-container div#logo img, #contatiner div#logo img {
	/*width:320px;*/ margin-left: -5px; margin-bottom: 0;
}
#admin-content, #admin-help {
	width:300px; padding:10px 10px;
}
#admin-content .full_input { width:94%; }
#admin-content input[type=submit] { width:100%; }
#admin-content input[type=reset] { display:none; }
/*#contatiner*/ UL.tabNavigation LI A { padding:5px 15px 5px 15px; font-size:12px; line-height:1.2em; width:130px; /*vertical-align:middle;*/ }
#contatiner .tabNavigation_navitem { font-size:12px; vertical-align:middle; }
#contatiner.studentView, #contatiner.studentView.w960 { width:320px; }
#contatiner { margin:0; }
#panel p { line-height:18px; margin:5px; }
#panel span.welcome { width:245px; margin-right:15px; display:inline-block; }
#content.studentView, #contatiner.studentView.w960 #content { width:300px; -moz-box-sizing:content-box; box-sizing:content-box; }
.secondary_content { float:none; width:auto !important; }
.h1 { margin-bottom:5px; }
#content .secondary_content .sidebar ul { margin-top:5px; margin-bottom:10px; }
.studentView #main_content { width:auto !important; padding:0px 0px;}
.studentView #main_content .postpone_perm{ padding-bottom:16px;}
#main_content { width:auto; margin:0; float:none; min-height:inherit; }
#contatiner #content #main_content p { line-height:18px; padding:0 5px; text-align:justify; margin-bottom:10px; }
a#showAll { top:-46px !important; right:5px; }
#main_content .selectFilterSection { width:100%; }
#main_content .selectFilterSection label, 
#main_content .selectFilterSection select, 
#main_content .selectFilterSection input {
	float:left; clear:right; margin-bottom:5px; vertical-align:middle;
}
#main_content .selectFilterSection label 	{  clear:both; margin-left:0px !important; width:50px; }
#main_content .selectFilterSection select 	{  margin-left:10px; }
#main_content .selectFilterSection input 	{  margin-left:10px; }
table.tablesorter thead tr .header { background-image:none; vertical-align:middle; }
html > body #sortable li { height:auto; }
#contatiner #content .secondary_content:first-child { display:none; }
.secondary_content div div#cancelAdd, div#cancelEdit, div#closeResolve { top:-35px; }
.studentView div.section.half { width:45% !important; }
.studentView div#durationDetail, .studentView div#durationDetailEdit { width:52% !important; }
ul.tabNavigation li #newmsgcounter { top:8px; left:25px; }
#footer { width:320px; margin-left:0; }

.text-center { text-align:center; }
form[name=changepwd] input[type=submit],
form[name=changepwd] input[type=reset] { display:block; width:100%; }

.success, .fail, .information, .attention { padding:10px 10px 10px 50px !important; }
}











/*.elementor.elementor-8.elementor-location-header,
section.elementor-element.elementor-element-93d4c4e.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-inner-section {
    display: none;
}
*/
.elementor.elementor-11.elementor-location-footer {
    display: none;
}

.centercontent {
    background: #151515 !important;
    height: 100vh;
}

div#admin-container::before,div#admin-container::after {
     content: "";
  clear: both;
  display: table;
}


.centercontent > .gredient > div {
    display: flex;
    align-items: center;
    height: 100%;
}