/* ASSET STYLE */
body{
	padding: 0px;
	margin: 0px;
	background: url(/_shell/_images/bg.gif) repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
table { border-collapse: collapse; }
#outershell{
	padding: 0px;
	margin: 0px;
	min-height: 800px;
}
#innershell{
	padding: 0px;
	margin: 0px;
	width: 820px;
}
#mast{
	margin: 0px;
	padding: 0px;
	width: 820px;
	height: 128px;
	background: url(/_shell/_images/mast.gif);
}
#mastnav{
	padding: 10px 0px;
	margin: 0px 150px 0px 0px;
}
#mastnav a{
	margin: 0px;
	padding: 10px 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-left: 1px solid #8366B9;
}
#navigation{
	float: left;
	padding: 0;
	margin: 0;
	width: 167px;
}
#navigation a img { padding: 0; margin: 0; }
#content{
	float: right;
	padding: 5px 0px;
	margin: 0px 0px 0px 30px;
	width: 618px;
}
#contentengine{
	padding:0px;
	margin: 0px 0px 20px 0px;
}
#contentengine h2{
	padding: 0px; 
	margin: 0px; 
	font-size: 24px;  
	color: #320199;
}
#contentenginge p{
	margin: 0px; padding: 0px;
}
#footer{
	color: #989898;
	clear: both;
	margin: 0px 0px 20px 202px;
	padding: 5px 2px;
	width: 618px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#footer hr{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	height:1px;
	width: 100%;
	border:0px;
	color: #000000;
	background-color:#000000;
	text-align:left;
}
a{text-decoration: none;}
/* 
a:link{}
a:visited{}
a:hover{}
a:active{} */
hr{
	width: 520px;
	height:1px;
	border:0px;
	color: #000000;
	background-color:#000000;
}
.tab{
	text-indent:5px;
}
.smalltext{
	clear: both;
	font-size:10px;
}
.attention{
	color: #FF0000;
}
.required{
	color: #FF0000;
}
.backlink{
	clear: both;
	color: #330099;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	font-size: 10px;
}
.backlink:hover{
	color: #84D431;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	font-size: 10px;
}
/************************** FORM SYSTEM ************************************************/ 
.loginform{
	clear: both;
	margin: 0px;
	padding: 10px 10px;
}
.loginform td{
	padding: 2px;
	margin: 0px;
}
/************************** TABS SYSTEM ************************************************/ 
.tabs { clear: both; margin: 0px; padding: 0px; text-align:left; font-size : 11px; border: 0px solid white; height: 24px; }
.tabs a{
	display: block;
	float: right;
	color:#000000;
	background-color: #FFF;
	margin: 0px;
	padding: 4px 8px; 
	text-decoration: none;
	border-top: 1px solid #330099;
	border-right: 1px solid #330099;
	border-left: 1px solid #330099;
}
.tabs a:hover {
	background-color: #FF9933; 
	color:#FFFFFF;
}
.tabs .selected {
	margin: 0px; 
	padding: 4px 8px; 
	font-size : 11px; 
	background-color: #5D4D80; 
	color:#ffffff; 
	text-decoration: none;
	border: 1px solid #330099;
}
/************************** QUEUE/FORM SYSTEM ************************************************/ 
form{ clear: both; padding: 0; margin: 0; }
label{ color: #333366; padding: 0px; margin: 0; font-weight: bold; font-size: 11px; }
.infotable { clear: both; margin: 0; font-size: 11px; width: 100%; }

.queue { font-size: 12px; border: 1px solid #330099; background-color: #ffffff; width: 100%; }
.queue th{ background-color: #FFFFFF; padding: 2px; text-align: left; }
.queue tr{ padding: 0px; }
.queue td{ padding: 3px; margin: 0px; }
.queue a:link{ color: #330099; }
.queue a:hover{color: #FD9A34;}
.queue th:hover{ clear:both; }
.queue tr:hover { background-color: #F5FBEE; }

.classqueue { font-size: 10pt; border: 1px solid #330099; background-color: #ffffff; width: 100%; }
.classqueue th { background-color: #FFFFFF; padding: 2px; text-align: left; }
.classqueue td { padding: 2px; margin: 0px; }
.classqueue a:link { color: #330099; }
.classqueue a:hover {color: #FD9A34;}
.classqueue tbody { border-top: 1px solid #c1ccd9; }
.classqueue tbody:hover { background-color: #F5FBEE; }

.altrow1 { background-color: #F7F7F7; }
.altrow2 { background-color: #FAF3ED; }

.action{
	margin: 0px;
	padding: 1px 5px; 
	font-size : 11px; 
	text-decoration: none; 
	font-weight:bold; 
	color: #FD9A34 !important; 
	background-color:#FFFFFF;
	border:1px solid #5D4D80;
}
.action:hover{
	background-color: #000000;
	color: #FFFFFF !important;
}
.tally thead th { background-color: #CCCCCC; }
.tally tfoot th { background-color: #CCCCCC; border-top: 1px solid #666666; }
.tally tfoot td { background-color: #CCCCCC; border-top: 1px solid #666666; }
.alphabet{
	clear: both;
	line-height: 1.5em;
}
.alphabet a{
	border: 1px solid #000000;
	background-color: #84D431;
	color: #FFFFFF;
	padding: 2px;
	margin: 2px;
	text-decoration: none;
	font-weight:bold;
}
.alphabet .letter {
	border: 1px solid #cccccc;
	background-color: #cccccc;
	color: #FFFFFF;
	padding: 2px;
	margin: 2px;
	text-decoration: none;
}
.alphabet a:hover{
	border: 1px solid #F3F3F3;
	background-color: #330099;
	color: #FFFFFF;
	padding: 2px;
	margin: 2px;
	text-decoration: none;
	font-weight:bold;
}
.formtable{
	clear: both;
	border: 1px solid #330099;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: whitesmoke;
	font-size: 11px;
}
.formtable th{
	padding: 2px;
	text-align:left
}
.formtable td{
	padding: 2px 10px;
	margin: 0px;
}
/************************** FORM ELEMENTS SYSTEM ************************************************/ 
input { background-color: #F9F6D3; border : 1px solid #330099; font-size: 10px; margin: 1px; padding: 2px;}
.input_tiny   { width: 20px;  }
.input_xsmall  { width: 30px;  }
.input_small_date { width: 60px; }
.input_small { width: 50px; }
.input_medium { width: 200px; }
.input_large  { width: 400px; }

.submit {display: block; float: left; background-color: #FFFFFF; border: 2px solid #84D431; color: #330099; font-size: 12px; padding: 5px; margin: 0px 5px 0px 0px; font-weight: bold;}
.submit:hover {background-color: #FFFFFF; border: 2px solid #330099; color: #84D431; font-size: 12px; padding: 5px; font-weight: bold;}
textarea { background-color : #F9F6D3; border : 1px solid #330099; width: 530px;  font-size : 10px; }
select { background-color : #F9F6D3; border : 1px solid #330099;  font-size : 8pt; }
.checkbox { padding: 0px; margin: 0px; border: none; }
.radiobutton { padding: 0px; margin: 0px; border: none; }
legend { font-weight: bold; font-size: 12px; padding: 0px 2px; margin: 0px 0px 0px 10px; }
fieldset { padding: 2px; margin: 0px; }
/************************** VIKI SYSTEM ************************************************/ 
.alertbox { 
	padding: 2px;
	margin: 2px 2px 10px 2px;
	text-indent:5px;
}
.caution{
	border: 2px solid #FFCC33;
	background-color: #FFEFB6;
}
.success{
	border: 2px solid #00CC00;
	background-color: #CCFFCC;
}
.failure{
	border: 2px solid #FF0000;
	background-color: #FFCCCC; 
}
.warning { color: #ff0000; }
/************************** APPS ************************************************/ 
#classlisting{float: left; width: 400px; margin: 0px; padding: 0px; font-size: 11px;}
#classlisting a{color: #FD9A34;}
#classlisting a:hover {color: #333365;}
#classlisting{float: left; width: 400px; margin: 0px; padding: 0px; font-size: 11px;}
#classlistingexpanded {margin: 0px; padding: 0px; font-size: 11px;}
#classlistingexpanded a{color: #FD9A34;}
#classlistingexpanded a:hover {color: #333365;}
.theclass{margin: 0px; padding: 10px 0px; border-top: 1px #CCCCCC solid;}
.theclass h2{padding: 0px 0px 6px 0px; margin: 0px; font-size: 14px;  color: #320199;}
.theclass th{text-align:left;}
#classdetail{margin: 0px; padding: 0px; font-size: 11px;}
#classdetail th{ text-align: left; }
#register{width: 100%; margin: 0px; padding: 0px; font-size: 11px;}
#register th{ text-align: left; }
#register td{ margin: 0px; padding: 2px; }
#studentdetail{width: 100%; border: none; margin:0px; padding:0px; pixel: 0px; }
#studentdetail table { border-collapse: collapse; margin: 0px; padding: 0px; }
#studentdetail th{ color: #330099; }
.buttonstyle{ background-color: #FFFFFF; border: 2px solid #84D431; color: #330099; font-size: 12px; padding: 4px; margin: 0px; font-weight: bold;}
#districtqueue {
	clear: both;
	font-size:12px;
	padding: 0px;
	margin: 0px;
	width: 80%;
	border-collapse: collapse;
}
#districtqueue .altrow1 { background-color: #EEECE6; }
#districtqueue .altrow2 { background-color: #F3F3F3; }
#districtqueue tr td {margin: 0px; padding: 4px;}
#districtqueue .action{
	margin: 0px 0px 0px 0px; 
	padding: 1px 5px 1px 5px; 
	font-size : 11px; 
	color : #000000; 
	text-decoration: none; 
	font-weight:bold; 
	border:1px solid #5D4D80; 
	background-color:#FFFFFF;
}
#districtqueue .action:hover{
	background-color: #000;
	color:#FFFFFF;
}
#districtlist a{
	color: #330099;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	font-size: 12px;
}
#districtlist a:hover{
	color: #84D431;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	font-size: 12px;
}
/******************************* CALENDAR ***********************************************/
#calendarsidebar {font-size: 11px; width: 200px; float: right;}
#calendarsidebar #caltop{margin: 0px; padding: 0px;}
#calendarsidebar #calmid{margin: 0px;padding: 0px;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;}
#calendarsidebar #calbot{ margin: 0px; padding: 0px; }
#calendarsidebar #curmonth {background-color: #F3F3E7; font-weight:bold; font-size: 14px; color: #FD9A34; padding: 2px 0px; margin: 0px;}
#calendarsidebar #curmonth a{color: #FD9A34;}
#calendarsidebar #curmonth a:hover{color: #333365;}
#calendarsidebar #midlinks a{color: #FD9A34;}
#calendarsidebar #midlinks a:hover{color: #333365;}
#calendarsidebar div{margin: 0px;padding: 5px 0px;}
#calendarsidebar .calendar{border-collapse: collapse; width: 100%; font-weight: bold; padding: 0px; margin: 2px 0px 5px 0px; min-height: 250px;}
.calendar tr th{background-color: #F3F3E7; padding: 2px; margin:0px;}
.calendar tr{text-align: center; padding:2px; margin:0px;}
.calendar td{background-color: white; padding:2px; margin:0px;}
.calendar td:hover{background-color: whitesmoke; padding:2px; margin:0px;}
.calendar td.today{ background-color: #DECEFF; padding:2px; margin:0px; }
.calendar td.selected{ background-color:#DAF2C2; padding:2px; margin:0px; }
.calendar a {color: #333365;}
.calendar a:hover {color: #FD9A34;}
.calendar a.past {color: #CCCCCC;}
.calendar a.hasclass {color: #FD9A34 !important;}
/******************************* Alternative Queue ***********************************************/
.altqueue { clear: both; font-size:12px; padding: 0px; margin: 0px 0px 4px 0px; width: 100%; border-collapse: collapse; border: 1px solid #330099; }
.altqueue:hover {background-color: #F5FBEE !important;}
.altqueue a:link{ color: #330099;}
.altqueue a:hover{color: #FD9A34;}
.altqueue th:hover{ clear:both; }
.minisubmit { background-color: #FFFFFF; 
		  border: 2px solid #84D431; 
		  color: #330099; 
		  padding: 1px; 
		  margin: 0px 5px 0px 0px; 
		  font-weight: bold;
		  font-size: 10px;
		}
.minisubmit:hover {background-color: #FFFFFF; border: 2px solid #330099; color: #84D431; }
/*********************************** REG QUEUE *******************************************************/
.regqueue { font-size:11px; margin: 0px; width: 100%; border-collapse: collapse; border: 1px solid #330099; }
.regqueue thead th{ background-color: #FFFFFF; padding: 2px; text-align: left; }
.regqueue tbody td { padding: 4px 2px; margin: 0px; }
.regqueue tr:hover { background-color: #F5FBEE; }
.regqueue a:link{ color: #330099; }
.regqueue a:hover{color: #FD9A34;}
/*********************************** NEW REGISTRATION ************************************************/
#newregistration { margin: 0; padding: 0; width: 100%; border-collapse: collapse; border: 1px solid #330099; }
#newregistration thead th { font-weight: bold; text-align: center; }

.hideme { display: none; }
/************************** CFMX SYSTEM ************************************************/ 
.cfdebug{ clear: both; }