/* CSS Document */
*{padding: 0; margin: 2;}

body {
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #6D838E;
}
.body1 {
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #BECADC;
}
.body2 {
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
}
#container
{
	width: 99.8%;
	background-color: #BECADC;
	color: #333;
	border: 1px solid gray;
	line-height: 130%;
}

#header
{
/*background-image: url(../images/gray_bg.jpg);*/
background:#6D838E;
background-repeat: repeat-x;
height:60px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #000000;
border-bottom-color: #000000;
/*padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;*/
}

#header #logo {
float:left;
height: 60px;
width: 313px;
background-image: url(../images/head_logo_login_gray.jpg);
background-repeat: no-repeat;
}

#head_login_logo {
	background-image: url(../images/head_logo_login_gray.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 313px;
}


#header #whois {
width: 200px;
float: right;
color: #FFFFFF;
text-align: right;
padding-right: 3px;
padding-top: 3px;
}

#header a, a:hover, #nav a:active, #nav a:focus {
color: #fff;
text-decoration: none;
}

/*#header h1
{
padding: 0;
margin: 0;
}
*/

#nav
{
	float: left;
	width: 200px;
	margin: 0;
	padding: 1em;
}

#content
{
	margin-left: 132px;
	/*border-left: 1px solid gray;
padding: 1em;
max-width: auto;*/
	background-repeat: repeat;
	margin-top: 1em;
}

#footer
{
clear: both;
margin: 0;
padding: 0.3em;
/*color: #333;
background-color: #ddd;
border-top: 1px solid gray;
background-image: url(../images/gray_bg.jpg);*/
background:#6D838E;
color:#FFFFFF;
text-align: center;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #000000;
border-bottom-color: #000000;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#nav a:link { 
	color: #333333;
	text-decoration: none;
}

#nav a:visited { 
	color: #666;
}

#nav a:hover, #nav a:active, #nav a:focus {  
	color: #333;
}

.even_row {
	background-color: #FFFFFF;
	height: 19px;
}
.odd_row {
	background-color: #DEE4ED;
	height: 19px;
}
.sub_row {
	background-color: #ACB9BF;
	height: 19px;
}
.tdbox {
	color:#FFFFFF;
	background-color: #6D838E;
}
.tbline {
	border: 1px solid #333333;
	background:#FFFFFF;
	/*background:#eae8dc;
	border: 1px solid silver;*/
}
.tdline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
}
.thdbox {
	/*background-image: url(../images/gray_bg.jpg);*/
	background:#6D838E;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	color:#FFFFFF;
	height: 18px;
	font-weight: bold;
}

.thdbox a:link { 
	color: #FFFFFF;
	text-decoration: none;
}

.thdbox a:visited { 
	color: #FFFFFF;
	text-decoration: none;
}

input {
	font-size: 10px;
	background-image: url(../images/shade.gif);
	border: 1px solid #6D838E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.button {
	background-color:#6D838E;
}


.optchk{
	font-size: 10px;
	background-image: url(../images/shade.gif);
}

select {
	font-size: 10px;
	/*background-color: #eee;*/
	background-image: url(../images/shade.gif);
	border: 1px solid #6D838E;
}
textarea {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	/*background-color: #eee;*/
	border: 1px solid #6D838E;
}

#headtitle {
	font-size: 13px;
	font-weight: bold;
	color: #647984;
	width: auto;
	height: auto;
	margin-top: 3px;
	margin-bottom: 6px;
}

a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #000000;
}

/* BEGIN menu */
#navcontainer 
{
	width: 200px;
	background-color: #EEE;
}
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#navcontainer ul a:link, #navcontainer ul a:visited {display: block;}

#navcontainer a
{
display: block;
padding: 3px;
width: auto;
background-color: #EEE;
border-bottom: 1px solid #CCC;
}

#navcontainer a:link, #navlist a:visited
{
color: #333;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #EFECDF;
color: #333;
}


/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navcontainer li {border-bottom: 0px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navcontainer li {border-bottom: none;}

#navcontainer .navtitles{
	display: block;
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/gray_bg.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

/* END menu  */

table#brdr {
    background-color:#FFFFFF;
    border: solid #6D838E 1px;
/*	margin-left: auto;
	margin-right: auto;
*/
	border-collapse: collapse;
}
table#brdr td {
    padding: 1px;
	width: auto;
    border: solid #6D838E 1px;
}


/* tab navigator 
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired//
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style /
background-image: url(../images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style /
text-decoration: none;
}
*/
.contentstyle{
border: 1px solid gray;
width: 90%;
margin-bottom: 1em; padding: 10px;
}
.msgerr {
	font-weight: bold;
	color: #990000;
	background-image: url(../images/reqast.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 9px;
}

a.sample_attach
{
	display: block;
	border: 1px solid black;
	border-bottom: none;
	text-decoration: none;
	background:#6D838E;
	color: #000000;
	text-align: left;
}


form.sample_attach
{
  position: absolute;
  visibility: hidden;
  border: 1px solid black;
  background: #CCC;
  padding: 0px 5px 2px 5px;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/


#navbar ul li a:link, #navbar ul li a:visited {
	color: #333333;
	background-color: #FFFFFF;
	text-decoration: none;
	display: block;
	width: 175px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6D838E;
	margin: 0px;
	padding: 1px;
}

#navbar ul li a:hover {
	background-color: #DEE4ED;
	color: #666;
}	

#navbar a.current {text-decoration: none;}

#navbar ul li {margin: 0px; padding: 0px; list-style-type: none; display: block;}

#navbar ul {margin: 0px; padding: 0px;}

#navbar .navtitle{
	display: block;
	padding: 1px;
	font-weight: bold;
	color: #FFFFFF;
	/*background-image: url(../images/gray_bg.jpg);*/
	background:#6D838E;
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.overdue {
	background-color: red;
}


/* BEGIN style6 */
 #prjnavlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#prjnavlist li
{
display: inline;
list-style-type: none;
}

#prjnavlist a { padding: 3px 10px; }

#prjnavlist a:link, #prjnavlist a:visited
{
	color: #fff;
	background-color: #6D838E;
	text-decoration: none;
	border: 1px outset #333333;
	font-weight: bold;
}

#prjnavlist a:hover
{
color: #6D838E;
background-color: #E5E5E5;
text-decoration: none;
}
.hidethis {
	visibility: hidden;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}


/* END style6 */


div.scroll {
height: 300px;
/*width: 376px;*/
overflow: auto;
/*background-color: #666;*/
}

thead {
	display: table-header-group;
}
tfoot {
	display: table-footer-group;
}
hr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6D838E;
}

/***************************************/

/* This makes the scrolling table work */

div.scrollTableContainer {
	height: 285px;	
    overflow: auto;
	/*width: 970px;*/
	margin: 15px 0 0 0;
	position: relative;
}

/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it 
is easier to change the width if both numbers are in the same place. */

/* All browsers accept this, but we are targeting IE with this rule 
div.scrollTableContainer table {
	width: 952px;
}*/

/* Modern browsers accept this (not IE) and we are targetting firefox */
/*html>body div.scrollTableContainer table {
    width: 970px;
}*/

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table>tbody	{  
    overflow: auto; 
    height: 250px;
    overflow-x: hidden;
}

div.scrollTableContainer thead tr	{
	position:relative;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {padding-right: 20px;}


.sort-arrow {
	width:					11px;
	height:					11px;
	background-position:	center center;
	background-repeat:		no-repeat;
	margin:					0 2px;
}

.sort-arrow.descending {
	background-image:		url("../images/mnudownw.gif");

}

.sort-arrow.ascending {
	background-image:		url("../images/mnupw.gif");
}
