body{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-family: Arial, Helvetica, sans-serif;font-size:11px; background-color:#fff;}
body#Login{ vertical-align:middle; background-color:#fff; margin:15px 0 0 15px;}
img{border:none;}
input, select{font-family: Arial, Helvetica, sans-serif;border-width:1px;border-color:#666;font-size:10px;}
a, a:hover, a:visited{color: #990000;text-decoration:underline;}
p{margin:0px 8px 7px 5px;padding:0px 0px 7px 0px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;font-weight:normal;color:#333333;
}
h1{margin:0px 0px 0px 5px;padding:0px 0px 3px 0px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:normal;font-weight:bold; color:#333333; text-align:left;}
h2{margin:0px 0px 0px 5px;padding:0px 0px 0px 0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;font-weight: bold;color:#333333; text-align:left;}
h3, h4, h5, h6, ul, li, em, form{margin:0px 0px 0px 5px;padding:0px 0px 7px 0px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;font-weight:normal;color:#333333; text-align:left;}
hr{height:1px; color:#333333; width:90%; text-align:left;}
.bodyCopy{color:#000;padding-bottom:12px;padding-top:12px;}
.bodyCopy h1{font-weight:bold;}
.bodyCopy a, a:visited{color: #990000;text-decoration:none;}
.bodyCopy a:hover{color: #990000;text-decoration:underline;}

/*RETURNED DATA*/
.infoStyle{font-weight:normal;font-size:11px;color:#000;width:650px;background-color:white;display:block;}
.infoStyle .label{width:150px;float:left;text-align:left; font-weight:bold;}
.infoStyle .label2{width:150px;float:left;text-align:left;}
.infoStyle .text{width:200px;float:left;text-align:left;}
.infoStyle span.data{vertical-align:baseline;margin-left:15px;}

/*USER INPUT FORMs*/
.formStyle{font-weight:normal;font-size:11px;color:#000;width:650px;background-color:white;display:block;}
.formStyleLogin{font-weight:normal;font-size:11px;color:#000;}
.formStyle h1{font-weight:bold;font-size:16px;padding:20px 0 12px 0;color:#990000;vertical-align:bottom;}
.formStyle h2{font-size:12px;padding-bottom:12px;}
.formStyle h4{font-weight:bold;padding:12px 0 9px 0;}
.formStyle h3{padding-bottom:24px;}
.formStyle .mandatory{color:#990000;}
.formStyleLogin .mandatory{color:#990000;}
.formStyle .label{width:275px;float:left;text-align:right; font-weight:bold;}
.formStyle .LoginLabel{width:150px;float:left;text-align:right; font-weight:bold;}
.formStyle .label2{width:275px;float:left;text-align:right;}
.formStyle .text{width:250px;float:left;text-align:left;}
.formStyleLogin .text{width:250px;float:left;text-align:left;}

.formStyle p input, .formStyle p select, .formStyle p textarea, .formStyle span.data{vertical-align:baseline;margin-left:15px;}
.formStyleLogin p input, .formStyleLogin p select, .formStyleLogin p textarea, .formStyleLogin span.data{vertical-align:baseline;margin-left:15px;}
.formStyle .cancel{float:left;}
.formStyle .back{margin-right:8px;}

/*GENERIC TABLE*/
.genericTable div.label{padding:5px 0px 10px 0;font-size:10px;color:#000;}
.genericTable table{margin:0px 0px 10px 0px; color:#333333;width:100%;}
.genericTable a, a:hover, a:visited{color:#333333;text-decoration:underline}
.genericTable tr.tableheader{font-size:11px;color:#FFFFFF;background-color:#990000;border-bottom:1px solid #666666;margin:5px 5px 5px 5px;font-weight:bold;}
.genericTable td.tableheader{background-color:#990000;color:#FFFFFF;}
.genericTable tr.tableheader a, .genericTable tr.tableheader a:hover, .genericTable tr.tableheader a:visited{color:#FFFFFF;text-decoration:underline;}
.genericTable td{background-color:#fff;padding:8px 5px 8px 5px;color:#666;font-size:11px;vertical-align:middle;border-left:1px solid #CCC;}
.genericTable td.layout{background-color:#fff;color:#666;font-size:11px;vertical-align:top;}
.genericTable tr.tablefooter td.tablefooter{background-color:#B60F00;padding:0;color:#666;height:4px;font-size:1px;color:#990000;}
.genericTable td.dark{background-color:#CCCCCC;}
.genericTable td.select{background-color:#DD9D9E;}
.genericTable strong{font-weight:bold;color:#000;}
.genericTable ul{margin:14px 0 0 10px;}
.genericTable ul li{list-style-position:outside;margin-left:10px;padding-bottom:5px;}
.genericTable ol{margin:14px 0 0 15px;}
.genericTable ol li{list-style-position:outside;margin-left:10px;padding-bottom:5px;}



/*SORT TABLE*/
table.sortTable {margin:5px 0px 20px 5px; height:25px; width:750px; background-color:#CCCCCC;border:1px solid #333333;}
.sortTable td{ background-color:#CCCCCC;}


/*SEARCH and SORT BAR*/
div#Sort{background-color:#CCCCCC;color:#333333; height:28px; width:742px; margin-left:8px; border:1px solid #333333;}
div#Sort .label{color:#333333;font:12px/30px normal normal Arial, Helvetica, sans-serif; padding:0px 8px 0px 10px; float:left; display:inline;} 

/*PAGE LAYOUT*/
div#mainContent{ width:750px; position:relative; margin: 0 0 0 10px}
div#leftColumn{position: absolute;  top:0px; left:0px;float:left; width:175px; height:100%; background-color:#CCCCCC;}
div#leftColumnContent{position: relative; top:5px; left:5px; width:165px;border:0px;}
div#rightContent{position:relative; top:0px; left:185px; width:565px;}

button { font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 600; color: black; background-color: #DD9D9E; border:solid 1px #63A6DE; cursor:hand; }

div#header{background-color:#990000; color:#990000; width:100%; height:2px; margin:2px 0px 10px 5px;font-family:Arial, Helvetica, sans-serif;font-size:2px;}


/*Login LAYOUT*/
div#LoginMain{position:relative;width:700px; height:475px; background-image:url(images/SuperiorNet_background_02_0.jpg); background-repeat:no-repeat; background-position:top right;}
div#LoginLeft{
	position:relative;
	width:100%;
	top:175px;
	left:0px;
	visibility: visible;
}




/*PAGE LAYOUT*/
 #menu
 {
 margin: 5px 0px 0px 20px;
 padding: 0;
 height: 20px;
 }

 #menu ul
 {
 border: 0;
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
 }

 #menu ul li
 {
 display: block;
 float: left;
 text-align: center;
 padding: 0;
 margin-left: 0px;
 }

 #menu ul li a
 {
 background: #CCCCCC;
 width: 135px;
 height: 20px;
 border: 1px solid #666666;
 border-bottom: 2px solid #990000;
 padding: 0;
 margin: 0 0 10px 0;
 color: #666666;
 text-decoration: none;
 display: block;
 text-align: center;
 font: normal 10px/20px Lucida Grande, Lucida Sans Unicode, lucida, arial, helvetica, sans-serif;
 }

 #menu ul li a:hover
 {
 color: #333333;
 background: #DD9D9E;
 }

 #menu a:active
 {
 background: #990000;
 color: #fff;
 }

 #menu li#active a
 {
 background: #990000;
 border: 1px solid #990000;
 border-bottom: 2px solid #990000;
 color: #fff;
 }