/* Basic HTML overrides */
body { height:100%; }
body { background: white; color:black; margin:0; }
acronym { border-bottom:1px dotted black; cursor:pointer; }
a img { border-style:none; }
p { margin:0.2em 0 1.2em; }
ul { padding:0px; margin:0px 0px 1.2em 20px; }
hr { height:0px; border-width:0px; border-top:1px solid black; margin:10px 0px; }
hr.dotted { border-top-style:dotted; }
th { text-align:left; font-weight:bold; white-space:nowrap;}

/* Links */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.no_underline, a:hover.no_underline { text-decoration:none; }
a.dotted_underline { text-decoration:none; border-bottom-width:1px; border-bottom-style:dotted; }
a.dotted_underline:hover { text-decoration:none; }

/* Body text */
body { font-family: "Verdana", "Arial", "Sans-Serif"; }
body, td, th { font-size: 11px; }

/* Headers */
h1 { font:normal 18px Arial, sans-serif; margin:0.5em 0; }
h2 { font:bold 13px Verdana, sans-serif; }
h2.underlined { border-bottom-style:solid; border-bottom-width:1px; margin-bottom:5px; padding-bottom:2px; }
h3 { font-size:11px; margin-bottom:0px; }
h3.underlined { border-bottom-style:solid; border-bottom-width:1px; margin-bottom:5px; padding-bottom:5px; }
	
/* Table with valign=top */
table.layout td, table.layout th, td.layout, th.layout { vertical-align:top; }
table.middle td, table.middle th, td.middle, th.middle { vertical-align:middle; }

/* Rounded corners */
/* TODO: Move this stuff to its own stylesheet */
.rounded_d9 { background:url(../images/rounded_d9/nw.gif) top left no-repeat; }
.rounded_d9 .sub1 { background:url(../images/rounded_d9/ne.gif) top right no-repeat; }
.rounded_d9 .sub2 { background:url(../images/rounded_d9/se.gif) bottom right no-repeat; }
.rounded_d9 .sub3 { background:url(../images/rounded_d9/sw.gif) bottom left no-repeat; }
.rounded_d9 .topcap, .rounded_d9 .bottomcap { height:8px; background-color:#d9d9d9; margin:0px 8px; font-size:1px; }
.rounded_d9 .middle { border-left:8px solid #d9d9d9; border-right:8px solid #d9d9d9; padding:10px; }

.rounded_f0 { background:url(../images/rounded_f0/nw.gif) top left no-repeat; }
.rounded_f0 .sub1 { background:url(../images/rounded_f0/ne.gif) top right no-repeat; }
.rounded_f0 .sub2 { background:url(../images/rounded_f0/se.gif) bottom right no-repeat; }
.rounded_f0 .sub3 { background:url(../images/rounded_f0/sw.gif) bottom left no-repeat; }
.rounded_f0 .topcap, .rounded_f0 .bottomcap { height:8px; background-color:#f0f0f0; margin:0px 8px; font-size:1px; }
.rounded_f0 .middle { border-left:8px solid #f0f0f0; border-right:8px solid #f0f0f0; padding:10px; }

/* text fields */
.fourhundred_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 400px }
.threehundred_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 300px }
.twohundred_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 200px }
.onefifty_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; }
.onetwentyfive_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 125px }
.onehundred_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 100px }
.seventyfive_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 75px }

/* Gray button with bg gradient */
input.grayButton, button.grayButton, a.grayButton
{ 
	font:bold 10px Verdana;
	color:white;
	background:url(../images/button_grey_background.gif) top left repeat-x;
	padding:1px 14px 2px;
	border:1px solid #525252;
	cursor:pointer;
}
input.grayButtonDisabled, button.grayButtonDisabled
{ 
	font:bold 10px Verdana;
	color:white;
	background:url(../images/button_disabled.gif) top left repeat-x;
	padding:1px 14px 2px;
	border:1px solid #b2b2b2;
}
input.blueButton, button.blueButton, a.blueButton {
	font:bold 10px Verdana;
	color:white;
	background:url(../images/button_blue_background.gif) top left repeat-x;
	padding:1px 14px 2px;
	border:1px solid #3683B5;
	text-decoration:none;
	cursor:pointer;
}
a.blueButton:hover { text-decoration:none; }
a.grayButton:hover { text-decoration:none; }

/* SUPPORTING CSS for DRR.Alert() modal confirmation */
/* ================================================= */
/* Tested in IE6, FF, Safari. Requires body{height:100%} at the top of this file. */
#overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background-color:#000;
  filter:alpha(opacity=25);
  -moz-opacity: 0.25;
  opacity: 0.25;
  z-index:5000;
}
	* html #overlay { /* ie6 hack */
	     position: absolute;
	     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
.confirmationDialog {
	border:2px solid #999;
	padding:30px 20px;
	width:200px;
	position:absolute;
	background-color:white;
	z-index:5001;
	color:#000000;
	text-align:center;
}
	.confirmationDialog div.title { font-weight:bold; color:#c30; margin-bottom:0.5em; }
	.confirmationDialog div.buttons { margin:15px 0 0 0; text-align:center; }
	.confirmationDialog div.buttons a { margin-left:5px; margin-right:5px; }
	.confirmationDialog div.buttons a { margin-right:5px; }

/* Inline text formatting */
.larger { font-size:93%; }
.smaller { font-size:108%; }
.allcaps { text-transform:uppercase; }
.gray { color:#666; }
.red { color:#D9351B; }
.orange { color:#c30; }
.hidden { display:none; }
 
/* Block formatting */
.first { margin-top:0px; }
.no_input_margin input { margin:0; } /* to get rid of the margin on asp:RadioButtonList and asp:CheckBoxList */
 
/* Action menu */
.actionMenu { 
    position:absolute; 
    top:1.7em; 
    left:0px; 
    width:120px; 
    display:none;
    padding:1px;
	background-color:white;
	border:1px solid #ddd;
}
	.actionMenu a { 
		display:block;
		background-color:white;
		padding:2px 3px 3px;
		font-weight:normal;
		color:black;
		text-decoration:none;
	}
	.actionMenu a:hover { text-decoration:none; }
	.actionMenu a.highlighted { background-color:#ddd; }
	.actionMenu .actionMenuItem { position:relative; }
	.actionMenu .actionSubmenu {
		display:none; position:absolute;
		top:-1px; left:118px;     /* An extra pixel for the right border */
		width:140px;
		border:1px solid black;
		background-color:white;
		padding:1px;
	}
	html>body .actionMenu .actionSubmenu { left:121px; }
	.actionMenu .actionSubmenu a { display:block; }
	.actionMenu .actionSubmenu a:hover { background-color:#ddd; position:relative; }
	.actionMenu .actionMenuItem a.hasSubmenu {
		background-image:url(../images/menu_arrow_icon.gif);
		background-position:top right;
		background-repeat:no-repeat;
		padding-right:10px;
	}
	.actionMenuTrigger {
    	border-style:solid;
    	border-width:1px;
	}
	.actionMenuTrigger td {
		background:url(../images/icon_down_arrow.gif) right 7px no-repeat;
		padding:0.2em 14px 0.3em 8px;
	}
	.actionMenuTrigger a {
		text-decoration:none;
	}
	.actionMenuTrigger a:hover {
		text-decoration:none;
	}


	.loginForm th, .loginForm td {
		padding-bottom:8px;
	}
	.loginForm th {
		font-weight:bold;
		padding-right:10px;
		padding-top:3px;
		text-align:left;
		vertical-align:top;
	}


.drr_tooltip {
    border:1px solid black;
    padding:5px;
    background-color:white;
    color:#333;
}