/*Comments Beginning with "ie" aply to internet explorer only
 for IE7 they should begin with ie7 */

/* Main style part */
body{
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:black;
	margin:0;
	padding:0;
	background:url('') top left repeat-y #fff;
}

.text{
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:black;
}

.error{
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:red;
}
/* Added for FlexiGrid */
var {
 font-family: tahoma, verdana, arial, helvetica, Sans-serif;
 color: #8F5B00;
 font-weight: bold;
 font-style: normal;
}

code {
 font-family: tahoma, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
 line-height: 20px;
}

/* Navigation Tabs */
#navcontainer
{
	font-size:0;
	display:outline;
	overflow:hidden;
	/* This added by Myles */
	position: relative;
}
#navlist
{
padding: 8px 0 2px;
height:21px;
margin: 0;
border-bottom: 1px solid #778;
font-size:0;
width:100%;
clear:both;
}

* html #navlist
{height:18px; padding:7px 0 0;}

#navlist li
{
list-style: none;
margin: 0;
padding:0;
display: inline;
font-size:0;
}

#navlist li a
{
display:block;
float:left;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #F5F4EA;
text-decoration: none;
font:  11px/13px tahoma, sans-serif;
position:relative;
top:0px;

}
#navlist li a img
{vertical-align:middle;}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #EEE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}
Second Navigation list for IE


/* Class Detail Tabs */
#class_tab_list
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font:  11px tahoma, sans-serif;
}

#class_tab_list li
{
list-style: none;
margin: 0;
display: inline;
}

#class_tab_list li a
{
padding: 8px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #F5F4EA;
text-decoration: none;
}

#class_tab_list li a:link { color: #448; }
#class_tab_list li a:visited { color: #667; }

#class_tab_list li a:hover
{
color: #000;
background: #EEE;
border-color: #227;
}

#class_tab_list li a#current
{
background: white;
border-bottom: 1px solid white;
}

/* Header part */
.titleHeader{
	color:#336633;
	/*padding:0.8em 0.8em 0.8em 1.5em;*/
	height:49px;
	width: 100%;
	background:url('/images/header_right2.gif') 100% 50% repeat-y #fff;
}

img#titleImage{
	background-color: #FFFFFF;
}
.titleLeftHeader{
	color:#336633;
	background:url('/images/header_logo.gif') 0% 0%  repeat-y #fff;	 /*#6d5d54;*/
	/*padding:0.8em 0.8em 0.8em 1.5em;*/
	float:left;
	width:350px;
	height:49px;
}	
.titleRightHeader{
	color:#336633;
	background:url('/images/header_right2.gif') 100% 50% repeat-y #fff;	 /*#6d5d54;*/
	
}
.leftTopHeader{
	font-weight:bold;
	color:#fff;
	background-color:transparent;
	text-align:right;
	float:left;
	margin-top:0.6em;
}
.rightTopHeader{
	font-weight:bold;
	color:#fff;
	background-color:transparent;
	text-align:right;
	float:right;
	margin-top:0.6em;
}

/* Top right menu area */
.rightHeader a{ color:#fff; background-color:transparent; text-decoration:none; }
.rightHeader a:hover{ text-decoration:underline; }

.headerTitle{
	font-size:19pt;
	font-weight:normal;
	letter-spacing:-1px;
	/*background:url('/images/ngs_logo.png') top left no-repeat transparent;*/
	padding-left:40px;
	float:left;
	height: 30px;
}

/* Divider - separator */
.dividerHeader{
	/* background-color: #6F89DE;	/*#D4D0C8;*/
	line-height:1px;
	color:#000;
	/* background:url(bg3.png) top left repeat-x #fff; */
}

.menuHeader{
	color:black;
	background-color:#fff;
	margin:0;
	padding:.5em 0em 0.5em;
	height:3em;
}
.menuHeader a{
	background-color:transparent;
	text-decoration:underline;
}
.menuHeader a:hover{
	text-decoration:none;
}
.menuHeader .left{
	float:left;
	top:0em;
	left:0em;
	padding-left:1.25em;
}
.menuHeader .right {
	float : right;
	top : 0em;
	right: 0em;
	padding-right:1.25em;
}
.menuHeader .highlight{
	color:#fff;
	background-color:transparent;
}


/* Side menu part */
#sidemenu {
	width:203px;	/*19em;*/
	float:left;
	clear:both;
}
#sidemenu .smc{
	padding:1em;
	margin:0px;
}
#sidemenu .msgtitle{
	cursor:default;
	display:block;
	/*background:url('img/aarrdn.gif') 95% 50% no-repeat #EEE;*/	/*#D4D0C8;*/
}
#sidemenu .msgbody{
	padding:0; /*0.5em*/
	margin:0;
}
#sidemenu .msgbody div{
	margin:0.75em 0em;
	padding:0;
}

div.user a{color:#06c;}
div.user a:hover{color:#ff6400;}

#sidemenu .msgbody div a{ color:#333; text-decoration:none; }
#sidemenu .msgbody div a:hover{ color:#000; text-decoration:underline; background:transparent; }
#sidemenu .msgbody div img{ border:0px; height:16px; width:16px; vertical-align:middle; }

#sidemenu .msgborder{
	border:1px solid #c0c0c0;
	padding:3px;
	margin:0 0 16px 0;
	background:#F5F4EA;
}

.sidemenuTitle{
	font-weight:bold;
	margin:0;
	padding:0.5em;
	background-color:#c0c0c0;
}


#sidemenu ul{
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}
#sidemenu li {
	margin:0px;
	padding:0px;
}

/* #sidemenu a, .thisPage {
  color: #0066CC;
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0;
  display: block;
} */

/*
.thisPage{
	color:#fff;
	background-color:#6487DC;
	padding-left:4mm;
	border-top:1px solid #6487DC;
	border-bottom:1px solid #6487DC;
}*/

#sidemenu a:hover {
  /* color: white;
  background-color: #6487DC;
  text-decoration: none; 
  background-color:red; */
}

.sidemenuText{
	text-align:justify;
	line-height:1.5em;
	margin:0.7em 0 0.7em 0;
	padding:0 1.5ex 0 2.5mm;
	display:block;
}

#sidemenu .sidemenuText a{
	color:#0066CC;
	background-color:transparent;
	text-decoration:none;
	margin:0;
	padding:0;
	display:inline;
}

#sidemenu .sidemenuText a:hover{
	color:#0066CC;
	text-decoration:underline;
	background-color:transparent;
}


/* Form stuff */
label{ font-weight:bold; }
input,select{
	font:8pt Tahoma,verdana,arial,sans-serif;
	/*border: 1px solid #ccc;*/
}
select.list, input.text{
	width:128px;
}
input.fw{ width:95%; }
select.fw{ width:100%; }
input.button{
	/*border:1px solid #ccc;
	background:#efefef; */
	width:48px;
}
input.link{
	padding:0;
	margin:1px 3px;
	background:transparent;
	text-decoration:underline;
	width:auto;
	color:#06c;
}

/* stupid tables and input textboxes */
/*table td input.fw{ width:97% }*/

.spacing{
	font-size : 4px;
}


/* Main part */
#mainpart{
	color:black;
	background-color:#fff;
	text-align:justify;
	line-height:1.2em;
	margin:1em 1em 0 208px;
	padding:0 0 1em 0;
	float: inherit;
}
#mainpart .msgbox{
	border:0px solid #5291FF;	/*#D4D0C8;*/ Main Box
	width:100%;
	margin-bottom:0em;
	vertical-align: text-top;
	position: relative;
}
.msgtitle{
	/* background-color:#5291FF;	/* #D4D0C8;*/ 
	padding:0.25em 0.5em;
	font-weight: bold;
	color:#c6021a;
}
.grid-box{
	width: 100%;
}
#mainpart .msgtitle{
	font-size:16pt;
	font-weight:normal;
}
.msgbody {
  /*padding:1em;*/
}

#mainpart .msgbody
{
	background: #EEE;
	margin:10px 0;
	border-top:1px solid #CCCCCC;
}

#mainpart .msgborder{
	border:0px solid #c0c0c0;
	padding:3px;
	margin:0;
	background#BFBFBF;
}

#mainpart .msgbody form 
{
	padding:0 5px 5px 5px;
}
/* #mainpart div{ border-width:0px; background:#fff; } */

#mainpart .msgbody a{
	color:#0066cc;
	background-color:transparent;
	text-decoration:none;
}
#mainpart .msgbody a:hover {
	text-decoration:underline;
	color:#ff6400;
}

dl{ margin:0; padding:0; }
dt{ font-weight:bold; margin:0; padding:0; }
dd{ margin:0 0 5px 2em; padding:0; }

.msglinks{
	padding-right:10px;
	padding-left:10px;
	padding-bottom:2px;
	text-align:right;
}
#mainpart .msglinks a{
	color:#0066cc;
	background-color:transparent;
	text-decoration:none;
}
#mainpart .msglinks a:hover{
	text-decoration:underline;
}


/* Paragraph tags with text colours */
p.note {
	background: #EEE;
	padding: 4px;
	line-height: 130%;
	margin-top: 0;
	width: auto;
	
}
p.red{
	color:red;
	margin:11px 0;
	background-color:transparent;
}
p.green{
	background-color:transparent;
	color:#006400;
	margin:11px 0;
}
p.error{
	background:url(i_error.png) 4px 4px no-repeat #FBE6F2;
	border:1px solid #D893A1;
	padding:4px 4px 4px 24px;
	color:#000;
	width:320px;
}
p.info{
	background:url(i_info.png) 4px 4px no-repeat #E6FBF2;
	border:1px solid #93D8A1;
	padding:4px 4px 4px 24px;
	color:#000;
	width:320px;
}
span.red{color:#f00;background-color:transparent;}
span.italic{font-style:italic;}

/* Alternating table row colours (zebra tables) */
.tr0 td{ background:#F5F4EA; color:#000; }
.tr1 td{ background:#ffffff; color:#000; }


/* A label with normal text weight */
label.n{ font-weight:normal; }


/* Gallery */
div.g{
	float:left;
	margin:0 4px 8px 0;
	width:22px;
	text-align:center;
	border:1px solid transparent;
}
div.g.selected{ border:1px solid #D893A1; }
div.g p {
	margin:0;
	padding:0;
	text-align:center;
}


/* Table headings (<TD> tags with class 'h' = a <TH> tag :D) */
td.h{ font-weight:bold; border:0px; }
td.roweven{ 
	background:#F5F4EA; color:#000; 
	text-align:left;
	line-height:1.1em;
	}
td.rowodd{ 
	background:#FFFFFF; color:#000; 
	text-align:left;
	line-height:1.1em
	}
tr.heading td{ background:#eeeeee; color:#000; }



/* CSS Forms, tableless design */
table.form td input{ width:97%; }
table.form td select{ width:100%; }
table.form td{ padding:2px 0px; width:140px; }
table.form td+td{width:200px;}
tr.fsubmit td{
	border-top:1px solid #c0c0c0;
	background-color:#F5F4EA;
	color:#000;
	padding:0.75em 0em;
}

tr.fsubmit td input{ width:64px; font-weight:bold; }

table.form2 td{ padding:6px; border-bottom:1px solid #c0c0c0; background-color:#F5F4EA; vertical-align:top;}
table.form2 td+td{ background-color:#fff; }
table.form2 td label{ font-weight:normal; }
table.form2 td label.required{ font-weight:bold; }
table.form2 input[type="checkbox"]{ margin:2px 0px; vertical-align:middle; }
table.form2 tr.fsubmit td{background:#fff;color:#000;border:0px}
table.form2 tr.fsubmit td input{ font-weight:bold; padding:2px 10px }




/* Ugh. a hack... for IE */

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #sidemenu {
  margin-right: 0px;
}
 
* html div#mainpart {
  height: 1%;
  margin-left: 19em;
}
/* End hide from IE5/mac */
.ie.space{/*Neccessery place filling in the space between the big table and 3tab navigation menu to push table downwards to desired position */
border:3px solid white;
visibility:invincible;
}
.ie.mav{/*3tab Nav list position independent from it's parrent - top navigation list */ 
position:relative;
top:11%;
display:inline-block;
clear:both;
width:100%;
}

img {
	border-width: 0px;
}

td {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
}

/* Footer stuff */
#footer {
	position: relative;
	top: 0px; 
	left: 0px;
	display: block;
	float: left;	
}

.debug_info {
	position:relative;
	top: 0px; 
	left: 0px;
	display: block;
	float: left;	
}