body { background-color: #ffffff; font-family: Arial, Helvetica, Verdana, sans-serif; margin-top: 10px; margin-left: 0px; margin-right: 0px}

#admin_menu_table, #admin_menu_table2 {font-weight: 600;}
#admin_menu_table .section, #admin_menu_table2 .section {font-size: 12px;}
#admin_menu_table .non_active_sec_link, #admin_menu_table2 .non_active_sec_link {font-size: 12px; padding-left: 8px; color: #00f; text-decoration: line-through;} 

#admin_menu_table a, #admin_menu_table2 a {font-size: 12px; padding-left: 8px;} 
#admin_menu_table2 {font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #5d1725; font-weight: 600; border: 3px solid #5d1725;}



.left {text-align: left;}
.right {text-align: right;}
.center {margin-left: auto; margin-right: auto; text-align: center;}

a:visited	{ text-decoration: Underline; color: #0000df}
a:link	{ text-decoration: Underline; color: #0000df}
a:hover { text-decoration: Underline; color: #0000cc}
a:active{ text-decoration: Underline; color: #FF0000}

a.linkmenu	{ font-size: 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: 300}
a.linkmenu:visited { font-size: 12px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: 300}
a.linkmenu:hover { font-size: 12px; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; color: #5d1725; font-weight: 300}

a.linkhover	{ font-size: 12px; text-decoration: none; font-family: Helvetica, Arial, Verdana, sans-serif; color: #000000; font-weight: 300}
a.linkhover:visited { font-size: 12px; text-decoration: none; font-family: Helvetica, Arial, Verdana, sans-serif; color: #000000; font-weight: 300}
a.linkhover:hover { font-size: 12px; text-decoration: underline; font-family: Helvetica, Arial, Verdana, sans-serif; color: #5d1725; font-weight: 300}

a.linkea	{ font-size: 11px; text-decoration: underline; font-family: Helvetica, Arial, Verdana, sans-serif; color: #0033ff; font-weight: 300}
a.linkea:visited { font-size: 11px; text-decoration: underline; font-family: Helvetica, Arial, Verdana, sans-serif; color: #0033ff; font-weight: 300}
a.linkea:hover { font-size: 11px; text-decoration: underline; font-family: Helvetica, Arial, Verdana, sans-serif; color: #666666; font-weight: 300}

a.linkadmin	{ font-size: 10px; text-decoration: none; font-family: Helvetica, Arial, Verdana, sans-serif; color: #ffffff; font-weight: 600}
a.linkadmincurrent	{ font-size: 11px; text-decoration: none; font-family: Helvetica, Arial, Verdana, sans-serif; color: #5d1725; font-weight: 600}
a.linkadmin:visited { font-size: 10px; text-decoration: none; font-family: Helvetica, Arial, Verdana, sans-serif; color: #ffffff; font-weight: 600}
a.linkadmin:hover { font-size: 10px; text-decoration: underline; font-family: Helvetica, Arial, Verdana, sans-serif; color: #ffffff; font-weight: 600}
 
.linkadmin.tab_active {background-color: #aaa !important;}
 
.deptnav {font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; background: #e7e7e7; margin-bottom: 0px; color: #000000}

div#wrapper {
 position: relative;
 text-align: center;
 width: 300px;
 margin: 5px auto;
 background: #fff;
}

#login-header {
 text-align: center;
	width: 300px;
	}

#login-header {
 text-align: center;
	border: 0;
	padding: 0;
	margin: 0;
	}
#login-header img {
	border: 0;
	padding: 0;
	margin: 0;
}

	#login-header h1 {
	border: solid 2px #5d1725;
	padding-top: 2px;
	margin: 0;
 font-size: 14px;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	color: #ffffff; 
	font-weight: bold;
	background: #5d1725;
	width: 100%;
	}

#loginbox {
 padding: 0;
 border: solid #5d1725 2px;
	margin: 0px auto;
	background: #f2f2e8;
	width: 100%;
 font-size: 12px;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	color: #000; 
	font-weight: bold;	
	}


	#alert {
 font-size: 12px;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	color: #f00; 
	font-weight: bold;	
	text-align: center;
 padding: 0;
 border: 0;
	margin: 0;
}	

#login-form {
 padding: 0;
	border: 0;
	margin: 10px 0px 10px 0px;;
}
 
	div.row {
  clear: both;
  padding: 5px 0px 0px 0px;
		border: 0;
		margin: 0;	
  }

div.row span.label {
  float: left;
  width: 135px;
  text-align: right;
		padding: 3px 0px 0px 0px;
  }
div.row span.formw {
  float: right;
  width: 158px;
  text-align: left;
		padding: 0;
		border: 0;
		margin: 0;
  } 	
	
.maroon20b {font-size: 20px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #5d1725; font-weight: 600}
.maroon18b {font-size: 18px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #5d1725; font-weight: 600}
.maroon18  {font-size: 18px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #5d1725;}

.maroon16b {font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #5d1725; font-weight: 600}
.maroon16  {font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #5d1725;}
.maroon15b {font-size: 15px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #5d1725; font-weight: 600}
.maroon14 {font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #660000}
.maroon14b {font-size: 14px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #5d1725; font-weight: 600}
.maroon12 {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #660000}
.maroon12b {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #5d1725; font-weight: 600}
.maroon11 {font-size: 11px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #660000}
.maroon11b {font-size: 11px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #5d1725; font-weight: 600}
.maroon10 {font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #660000}
.maroons10b {font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #5d1725; font-weight: 600}
.maroon9 {font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #660000}

.white20b {font-size: 20px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; font-weight: 600}
.white18b {font-size: 18px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #FFFFFF; font-weight: 600}
.white16b {font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; font-weight: 600}
.white15b {font-size: 15px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #FFFFFF; font-weight: 600}
.white14 {font-size: 14px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #FFFFFF;}
.white14b {font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; font-weight: 600}
.white12 {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF}
.white12b {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; font-weight: 600}
.white11 {font-size: 11px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #FFFFFF}
.white11b {font-size: 11px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #FFFFFF; font-weight: 600}
.white10 {font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF}
.white10b {font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; font-weight: 600}
.white9 {font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF}

.black20b {font-size: 20px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-weight: 600}
.black18b {font-size: 18px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #000000; font-weight: 600}
.black18  {font-size: 18px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #000000; }
.black16b {font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-weight: 600}
.black16  {font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; }
.black15b {font-size: 15px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #000000; font-weight: 600}
.black14  {font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000}
.black14b {font-size: 14px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #000000; font-weight: 600}
.black13  {font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000}
.black12bi {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-weight: 600; font-style: italic;}
.black12u {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-weight: 600; text-decoration: Underline}
.black12v {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000}
.black12 {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000}
.black12b {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-weight: 600}
.black11 {font-size: 11px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #000000}
.black11b {font-size: 11px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #000000; font-weight: 600}
.black10 {font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000}
.black10b {font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-weight: 600}
.black9 {font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000}

.blue16b {font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #0000ff; font-weight: 600}
.blue16 {font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #0000ff}
.blue14 {font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #0000ff}
.blue12b {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #0000ff; font-weight: 600}

.alert16 {font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FF0000; font-weight: 600}
.alert {font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FF0000; font-weight: 600}
.red12b {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FF0000; font-weight: 600}
/*
.green12b {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #00cc33; font-weight: 600}
.green18b {font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #ccff66; font-weight: 600}
*/
.green20b {font-size: 20px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #00cc33; font-weight: 600}
.green18b {font-size: 18px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #00cc33; font-weight: 600}
.green18  {font-size: 18px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #00cc33; }
.green16b {font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #00cc33; font-weight: 600}
.green16  {font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #00cc33; }
.green15b {font-size: 15px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #00cc33; font-weight: 600}
.green14  {font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #00cc33}
.green14b {font-size: 14px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #00cc33; font-weight: 600}
.green12bi {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #00cc33; font-weight: 600; font-style: italic;}
.green12u {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #00cc33; font-weight: 600; text-decoration: Underline}
.green12v {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #00cc33}
.green12 {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #00cc33}
.green12b {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #00cc33; font-weight: 600}
.green11 {font-size: 11px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #00cc33}
.green11b {font-size: 11px; font-family: Arial, Verdana, Helvetica,sans-serif; color: #00cc33; font-weight: 600}
.green10 {font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #00cc33}
.green10b {font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #00cc33; font-weight: 600}
.green9 {font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #00cc33}



.footerfont {font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #999999}
.footerfontb {font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #999999; font-weight: 600}
.footerlink {font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #660000}
.fontcounter {font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF}

.indent10 {padding-left: 10px;}
.indent20 {padding-left: 20px;}
.indent110 {padding-left: 110px;}

#main {
position: fixed;
border-style: solid; 
border-width: 3px; 
border-color: #e7e7e7; 
background-color: #e7e7e7; 
margin: 0px; 
width: 300px;
}

.num {text-align: right;}

.bgclass1 {background-color: #ccc;}
.bgclass2 {background-color: #eee;}

label {font-weight: 600;}

.bold {font-weight: 600;}

/* formats form */
form p label {
margin-left: 20px;
}

form label {
font-weight: 600;
}

form dl {
margin-left: 20px;
}
	
form dt {
width: 100px;
float: left;
padding-bottom: 10px;
padding-right: 10px;
clear: left;
}

form dd {
margin-left: 20px;
padding-bottom: 10px;
clear: right;
}

form dd div {
margin-left: 100px;
padding-bottom: 10px;
clear: right;
}

#admin_form fieldset {
width: 600px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#admin_form fieldset p {
margin-left: 20px;
}

#admin_form form label {
font-weight: 600;
}

#admin_form form {
width: 800px;
padding: 5px;
margin: 5px 0px 10px 10px;
line-height: 130%;
border: 1px dashed #bbb;
}

#admin_form form dl {
margin-left: 20px;
}

#admin_form form dt {
width: 150px;
float: left;
padding-bottom: 10px;
padding-right: 10px;
clear: left;
}

#admin_form form dd {
margin-left: 20px;
padding-bottom: 10px;
clear: right;
}

.required {
color: #ff0000;
font-weight: 600;
}


.clickable { 
cursor: pointer; 
}

#tableHeader{
border-left:1px dotted #aaa;
}

#tableHeader td{
border-right:1px dotted #aaa;
}

.clearer {clear: both;}



/**************************************************************************************/
/* html 5 simplified version. see quanyx admin for implementation of admin-header.php */
/* fix for html 5 version */
.div_admin_header {margin: 0; padding: 0;}
.div_admin_header .div_top_row {margin: 0; padding: 0;}
.div_admin_header .div_bottom_row {background-color: #ddd; margin-top: -0.5em;}
.div_admin_header .linkadmin {margin: 0px; padding: 3px 10px 3px 10px; background-color: #666;}
.hr_admin {margin: 0; padding: 0; height: 3px; background-color: #666;}
.tr_title {text-align: center; background-color: #e7e7e7;}
.table_content {min-width: 1000px; margin: auto; border: 0;}
.table_content th, .table_content td {padding: 4px;}
.header_row {background-color: #ccc;}
#page_title {font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #5d1725; font-weight: 600; padding: 0.5em; text-align: center; background-color: #ddd;}


#page {margin: 0; padding-top: 0;}
#page.container-fluid {max-width: 100%;}
#ssl-main-menu .container-fluid {max-width: 100%;}
#page #main-content #mc-content {max-width: 1200px; margin: auto;}
#page.container-fluid #main-content #mc-content {max-width: 100%; margin: auto;}
.pre {white-space: pre-line;}
.list-group .list-group-item {text-decoration: none;}
a.btn-primary {text-decoration: none; color: #fff;}

body .container-fluid {max-width: 100%;}
#ssl-main-menu {height: auto;}
#ssl-main-menu a:link {font-size: 14px; text-decoration: none; font-weight: normal;}
#ssl-main-menu .menu li:hover, #ssl-main-menu .menu .active { background-color: #fff;}
#ssl-main-menu .menu li:hover a, #ssl-main-menu .menu li a.active {color: #000;}
.ssl-header {margin-top: 70px;}


/** some long words and urls are so long they extend outside their normal bounds and break the layout
 ** this url has a fix: http://perishablepress.com/press/2010/06/01/wrapping-content/
 **
 ** use this only in cases where I know it might happen on mobile
 */
.toolongformobile {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}