html
{
	height: 100%;
}

body
{
	height: 100%;
}

#nonFooter
{
	position: relative;
	min-height: 100%;
}

* html #nonFooter
{
	height: 100%;
}

#footer
{
	position: relative;
	margin: -3.8em auto 0 auto;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer
{
	margin-top: -3.7em;
}


/* Tabular Data */

div.grid_outer {
/*  border-top: 1px solid #589ad3;*/
/*  padding-top:5px;*/
}

div.grid_title {
	padding-bottom   : 5px;
	font-weight: bold;
}

.grid_outer TABLE {
	width            : 100%;
	border: 1px solid #666;
	border-bottom: 0;
	background-color:white;
}

.grid_outer TH, .grid_outer TD {
	padding: 3px 8px;
	border-left: 1px solid #d9d9d9;
}

.grid_outer TH {
	background-color: #d9d9d9;
	text-align		: left;
	font-weight		: normal;
}

.grid_outer .even {
	background-color : #ebf3fa;
}

.grid_outer .expanded TD {
	border-top: 1px solid #999;
}

.alternate {background-color:#edf3fe;}

.noborderhead TH, .noborder TD {
	padding: 2px 3px;
	border-left: none;
}
TABLE.noborder {
	border-top: 0;
}

.arrow {
  background: transparent url('/images/arrow_down.png') 8px 3px no-repeat;
}

/* Paging Bar Styles */

/* Hides from IE-mac \*/
* html .page_bar .inner {height: 1%;}
/* End hide from IE-mac */

.page_bar {
	width: 100%;
	clear:both;
}
.page_bar .inner {
	padding: 3px 8px;
	border: 1px solid #666;
	border-top: 0;
	background-color : #d9d9d9;
	overflow:auto;
}
.page_bar .empty {
	border-top: 1px solid #666;
}

DIV.page_numbers {float:left;}
DIV.page_links {float:right;}

/* Misc */
INPUT {
	font-size: 100%;
}
INPUT.number {
	text-align: right;
}

acronym {
	border-bottom: dotted 1px #000;
}


.alert, .info
{
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin-bottom: 1em;

}

.alert {
	background: #fcc url(/images/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	border-top: solid 1px #f99;
	border-bottom: solid 1px #f99;
/*
	width: 100%;
	background-color: #E6C299;
	border: solid 1px #D19148;
*/
}

.info
{
	background: #f8fafc url(/images/information.png) center no-repeat;
	background-position: 15px 50%;
	border-top: solid 1px #b5d4fe;
	border-bottom: solid 1px #b5d4fe;
}

.adobelink {
	clear:both;
	padding-top: 2em;
}

.pdf, .csv {
	min-height: 16px;
	height: auto;
	display: block;
	padding: 1px 0 1px 20px;
	margin-right: 10px;
	float: left;
}

.pdf {
	background: transparent url('/images/page_white_acrobat.gif') no-repeat 0 50%;
}

.csv {
	background: transparent url('/images/page_white_excel.gif') no-repeat 0 50%;
}

.hidden {
	filter: Alpha(Opacity=50);
	opacity: 0.5;
}
.meta {color:#999;}

.grid_outer .control {color:#999;}

.control_button {
	float: left;
	position:relative;
	color:#999;
	text-align: center;
}

div.control_button + div.control_button {
	margin-left:10px;
}


form { display:inline; }

.linkbutton {
    border: 0;
    padding: 0;
    background: inherit;
    font: inherit;

    cursor: pointer;
    text-decoration: underline;
    color: blue;

    overflow: visible;
}

.errorExplanation {
	width: 590px;
	background-color: #fcc;
	border: solid 1px #f00;
	margin-bottom: 1em;
	padding: 3px 8px;
}
.errorExplanation H2 {
	font-size: 1.05em;
}
.fieldWithErrors {
	background-color: #fcc;
	border: solid 1px #f00;
	display: table;
}

.count {font-size:75%;color:#666;}

/* Navigation */
.nav h2, .nav hr { display: none }
.nav ul { font-size: 10px; list-style: none; margin: 0; text-align: right }
.nav li {
 border-right: 1px solid #d7d7d7;
 display: inline;
 padding: 0 .75em;
 white-space: nowrap;
}
.nav li.last { border-right: none }

/* Context-dependent navigation links */
.nav a:link, .nav a:visited {
 text-decoration: none;
 color: #b00;
 border-bottom: 1px dotted #bbb;
}
.nav a:link:hover, .nav a:visited:hover {
 background-color: #eee;
 color: #555;
}

/* Hides from IE-mac \*/
* html .side_nav {height: 1%;}
/* End hide from IE-mac */

.side_nav {
/*  border: 1px solid #999;*/
	padding: 0px 0px 5px 0;
	overflow:auto;
}
.side_nav .title {
	width: 100%;
	background-color: #666;
	color:white;
}
.side_nav .title a {
	color:#b2b2b2;
}
div.page_header a {
	color:#e6e6e6;
}
.side_nav .title a:hover, div.page_header a:hover {
	color:#fff;
	text-decoration:none;
}
.side_nav .title div, div.page_header {
	padding: 3px 8px;
	font-size:13px;
}

.side_nav UL.snav, UL.box {
	list-style: none;
	padding:0;
	margin:0;
}
UL.box LI {
	margin:5px 0 5px 5px;
	float:left;
	position:relative;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background-image: none !important;
  background:#ccc url('/images/box_border.gif') no-repeat -10px -10px;
/*  font-family: "lucida grande", Arial;*/
	width:120px;
	height:80px;
}
.active {
  cursor:pointer;
}
.side_nav UL.snav LI {
	width:145px;
	margin:4px 0 0 5px;
	float:left;
}
.nip {
  margin:0 0 5px 0;
  height: 5px;
  padding: 0 0 0 5px;
}
.nip img {
  display:block;
}

.theme {background-color: #999;}
.side_nav UL.box LI.box0, .theme0 {background-color: #6594C9;}
.side_nav UL.box LI.box1, .theme1 {background-color: #9AB34D;}
.side_nav UL.box LI.box2, .theme2 {background-color: #FF7D58;}
.side_nav UL.box LI.box3, .theme3 {background-color: #F5C66C;}
UL.box LI.boxdown {background-color: #40b140;}
UL.box LI.boxup {background-color: #FF4040;}

/* auto_complete */
.search_box {
	position:relative;
	float:right;
	width:400px;
	text-align:right;
	margin-top:-25px;
}
div.auto_complete
{
	border:1px solid #888;
	width: 350px;
	background: #f6f6f6;
	height:auto;
	z-index:1000;
}
div.auto_complete ul
{
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}
div.auto_complete ul li
{
	margin:0;
	padding:0;
	color:#000;
	clear:both;
}
div.auto_complete ul li.selected { 
/*  background-color: #ffb;*/
}
div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0;
  padding:0;
}

.type {
/*	width:37px;*/
	text-align:right;
/*	background: #f6f6f6;*/
	padding-right:3px;
	color:#666;
	float:right;
}

div.auto_complete ul li .name {
	width:157px;
	padding-left:3px;
	border-left:solid 1px #999;
	background-color:#fff;
	float:right;
}

div.auto_complete ul li.selected  .name { 
  background-color: #edf3fe;
}


.form_element {background-color:white;color:black;}

.top_actions {width:100%;padding-bottom:0.5em;}

.filter_group {
	width: 100%;
	clear:both;
}
.filter_group .inner {
	border: 1px solid #666;
	border-bottom: 0;
	border-top:0;
	position:relative;
	top: 0;
	left: 0;
}

.filter_instance {
	width:100%;
	position:relative;
	top:0;
	left:0;
	clear:both;
	overflow:auto;
}
.filter_instance .logic, .page_numbers .logic {
	float:left;
	padding:3px 0 3px 8px;
	width: 70px;
	position:relative;
	top: 0;
	left: 0;
}
.filter_instance .criterion, .page_numbers .managegroup {
	float:left;
	padding:3px 8px;
	position:relative;
	top: 0;
	left: 0;
}

.page_numbers .logic {
	padding:0 8px;
	width: 70px;
}

.page_numbers .managegroup {
	padding: 0 0 0 0px;
}


.filter_instance .progress {
	float:left;
	margin-top:7px;
}
.filter_instance .action {
	float:right;
	padding:3px 8px;
}
.group_bar {
	position:relative;
	top: 0;
	left: 0;
	width: 100%;
	clear:both;
}
.group_bar .inner {
	padding: 3px 8px;
	border: 1px solid #666;
	border-bottom: 0;
	background-color : #d9d9d9;
	overflow:auto;
}

/* Hides from IE-mac \*/
* html .group_bar .inner {height: 1%;}
/* End hide from IE-mac */

/*
#containerz {
	background-color:#ccc;
	overflow:hidden;
	margin:0 100px;
	padding-right:150px;
}
#contentz {
	background-color:#9cc;
	width:100%;
	border-right:150px solid #c33;
	margin-right:-150px;
	float:left;
}
#railz{
	background-color:#c33;
	width:150px;
	float:left;
  margin-right:-150px;
}

* html #containerz {
  height:1%;
}
*/

#login_content {
	width:100%;
	position:absolute;
}

#login_content .container {
	padding: 0 190px 0 0;
}

.sortup {
	background: url('/images/sortup.gif') 95% 50% no-repeat;	
}
.sortdown {
	background: url('/images/sortdown.gif') 95% 50% no-repeat;	
}

/* note styles */
.detail {
	font-weight: bold;
}
.creator {
	color: #999;
}

/* chart styles */
.chart_container {
	margin-top:2em;
	width:100%;
	text-align:center;
}
.chart_container div {
	width:600px;
	height:220px;
	margin:0 auto;
}

tr.updated td {
  background-color: #fcc;
  font-weight: bold;
}

.node {
  position:relative;
}
.node .row {
  position:relative;
  overflow:auto;
  padding-bottom:20px;
}
.node .box {
  background-color:#fff;
  width:200px;
  height:4.25em;
  padding:3px 8px;
  float:left;
  position:relative;
  border: solid 2px #666;
}
.box.disabled {
  border-color:#ccc;
  color: #999;
}
.box.passed {
  border-color:#6c6;
}
.box.failed {
  border-color:#f66;
}
.node .pass {
  clear:both;
}
.node .fail {
  float:left;
  padding-left:20px;
}

.new {
  color:#e60000;
  font-size:80%;
  font-weight:bold;
  text-transform:uppercase;
}

#nav li ul, #nav li ul {
	margin: 0;
	padding: 0;
}

#nav a {
	text-decoration: none;
}

#nav li { /*float the main list items */
	margin: 0;
	float: left;
	display: block;
	padding: 7px 10px 0 10px;
}

#nav li ul {
	display: none;
}

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 110px !important;
	top: 103px;
	margin-left: -10px;
	padding: 3px 0;
	background: #508bbe;
/*	height: 28px;
	width: 740px;
	left: 0;*/
}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
	background: #508bbe;
}
#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
	background-color: #508bbe;
}
#nav li a {
	padding-bottom: 7px;
}

#nav ul.on li a, #nav ul.off li a {
	color: #53432a;
	font-weight: normal;
	display: block;
	padding: 3px 0px 3px 10px;
	margin: 0;
}

#nav li.on ul a, #nav li.off ul a {
	border: 0;
	float: none; /*ie doesn't inherit the float*/
	clear:both;
	color: #f00;
	background: none;
	width: auto;
}

#nav li.on ul li, #nav li.off ul li {
	clear:both;
	width:100%;
	padding: 0;
}

#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
}

#nav li.off a:hover, #nav li.on a:hover { 
	color: #fff;
	text-decoration: none;
}

#nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7 {
	height: 23px;
}

#nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a, #nav7 a {
	display: block;
	position: relative;
}

#nav1 li a, #nav2 li a, #nav3 li a, #nav4 li a, #nav5 li a, #nav6 li a, #nav7 li a {
	display: block;
	position: relative;
	height: auto;
}


/*first, put the initial states in place*/

#nav2 ul {
	width: 125px;
}
#nav3 ul {
	width: 125px;
}
#nav5 ul, #nav6 ul {
	width: 125px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background-color: #508bbe;
	color: #e6e6e6;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	line-spacing: 125%;
	margin: 0;
	padding: 3px 0px 3px 10px;
}		
