/*
LightBox CSS 
this is the ajax overlay bit
*/

#lightbox 
{
	background:#FFFFFF none repeat scroll 0% 50%;
	display:none;
	height: 90%;
	left:10%;
	overflow:auto;
	position:absolute;
	text-align:left;
	top:5%;
	width:80%;
	z-index:9999;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}





/* MainCSS */
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

/* Page heading */
h1 {
	font-size: 1.5em;
}

/* Sub heading */
h2 {
	font-size: 1.1em;
}

/* Minor heading */
h3 {
	font-size: 1em;
}

/*
	Box with a heading.
	<div class="box">
		<div class="box-heading">Heading</div>
		<div class="box-content">Content</div>
	</div>
*/

.base-cell {
		text-align: right;
		font-size:smaller;
	}
	.perturbed-cell {
		text-align: right;
		background-color: #eeffee;
		color: black;
		font-size:smaller;
	}
	.difference-cell {
		text-align: right;
		background-color: #eeeeee;
		color: black;
		font-weight: bold;
		font-size:smaller;
	}
.box
{
	margin: 0px 0px 4px 0px;
}
.box-heading
{
	padding: 4px;
	background-image: url(Images/trans.png);
	background-repeat:repeat-x;
	background-color: #0066CC;
	color: white;
	font-size:smaller;
	font-weight: Bold;
	text-align: center;
	border-left: solid 1px #0055AA;
	border-right: solid 1px #0055AA;
	border-bottom: solid 1px #0055AA;
	
}
.box-heading td	/* So box-heading can be applied to table rows */
{
	padding: 4px;
}

.box-subheading
{
	
	padding: 4px;
	/*background-image: url(Images/subheading-background.gif);*/
	background-image: url(Images/transbig.png);
	background-repeat:repeat-x;
	height:25px;
	background-color: #4C7F7E;
	color: white;
	font-weight: bold;
	text-align: center;
}
.box-subheading td	/* So box-heading can be applied to table rows */
{
	padding: 4px;
}
.box-content
{
	
	background-color: #FFFFCC;
	color: #993300;
	text-align: left;
	border-left: solid 1px #DDDDAA;
	border-right: solid 1px #DDDDAA;
	border-bottom: solid 1px #DDDDAA;
	font-size:smaller;
}

.box-interior
{
	font-family:Verdana,Helvetica,sans-serif;
	
	background-color:#FFFFCC;
	color:#993300;
	
	font-size:smaller;
}

.textbox
{
	
	text-align:right;
	
}

.checkbox
{	
	text-align:left;
	}
.datagrid
{
	border: solid 1px #DDDDAA;
}

.div-header
{
	background-color:#4C7F7E;
	background-image: url(Images/trans.png);
	background-repeat:repeat-x;
	position:relative;
	color:White;
	font-weight:bold;
	text-align:center;
	text-decoration:none;	
}
.datagrid-header
{
	background-color:#4C7F7E;
	background-image: url(Images/trans.png);
	background-repeat:repeat-x;
	padding-left:3px;
	padding-right:3px;
	/*background-color: #4C7F7E;*/
	color: white;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}


.datagrid-item
{
	background-color: #FFFFCC;
	color: #993300;
	font-size:small;
	padding:0px 4px 0px 4px;
	white-space:nowrap;
	text-align:right;
}


.error
{
	color:Red;
	font-size:small;
	padding:1px 1px 1px 1px;
	white-space: nowrap;
}
	
	
.header-link
{
	color:Black;
	font-weight:bold;
	cursor:hand;
	font-size:smaller;
	text-decoration:none;
	padding:0px 5px 0px 5px;
}



input.button
{
	background-image: url(Images/trans.png);	
	background-repeat:repeat-x;
	
}
/* Simple box without a heading */
.simple-box
{
	margin: 4px 0px 4px 0px;
	padding: 4px;
	background-color: #FFFFCC;
	color: #993300;
	text-align: left;
	border: solid 1px #DDDDAA;
}

.tab-inactive {
		background-color: #DDDDDD;
		background-image: url(Images/trans.png);
		background-repeat:repeat-x;
		padding: 4px 4px 0px 4px;
		border-width: 1px 1px 0px 1px;
		border-style: solid;
		border-color: #777777;
		cursor: hand;
		font-size:smaller;
		
	}
	.tab-active 
	{
		position:relative;
		background-image: url(Images/trans.png);
		background-repeat:repeat-x;
		font-weight: bold;
		background-color: #FFCC00;
		padding: 4px 4px 0px 4px;
		border-width: 2px 2px 0px 2px;
		border-style: solid;
		border-color: #DDAA00;
		cursor: default;
		font-size:small;
	}
	.value-textbox {
		width: 3.5em;
		text-align: right;
	}
	.small-textbox {
		width: 2em;
		text-align: right;
	}
	.dropdown {
		width: 10em;
	}
	

	
	
.menu-button
{
	position:relative;
	left:20px;
	background-image: url(Images/menu/rollout.gif); 
	background-repeat:repeat-x;
	border: solid thin #FFFFFF;
	color:#FFFFFF;
	font-family:Verdana;
	font-weight:bold; 
	font-size:10px;
	height:18px;
}
.menu-button-rollover
{
	position:relative;
	left:20px;
	background-image: url(Images/menu/rollover.gif); 
	background-repeat:repeat-x;
	border: solid thin #FFFFFF;
	color:#FFFFFF;
	font-family:Verdana;
	font-weight:bold; 
	font-size:10px;
	height:18px;
}
/* AJAX Specific CSS */

#ajax_load
{
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-10px;
	margin-top:-10px;
	z-index:5;
}

#msgbox
{
	border:solid;
	z-index:12;
	width:150px;
	position:fixed;
	height:150px;
	margin-left:-75px;
	margin-top:-75px;
	top:50%;
	left:50%;
}

#helpmsg
{
	border:solid;
	z-index:12;
	width:250px;
	position:absolute;
	height:200px;
}