* 
{
	margin: 0;
}

div.maincontainer
{
	margin: 0 auto -4em;
	min-width:1000px;
	min-height: 650px;
}

div.headercontainer
{	
	width:900px;
	position:relative;
    margin-left: auto;
    margin-right: auto;
    margin-top:18px;
	z-index:100;
}
div.main_title
{
	position:relative;
	margin-top:-60px; 
	font: bold 16px verdana,arial,sans-serif;	 
	color:white;
	line-height:1.5em;
	letter-spacing: 1px;
	text-align:right;
	text-shadow:  0px -1px 1px rgba(0,0,0,1);
	color:#cccccc;	
}


div.footer
{
	width:900px;
	position:relative;
    margin-left: auto;
    margin-right: auto;
	z-index:100;			
	font: bold 12px verdana,arial,sans-serif;
	color: #cccccc;
}

div.leftmenucontainer
{
	width:900px;
	position:relative;
    margin-left: 0px;
    margin-right: auto;
    margin-top:auto;
	z-index:100;	
}

div.simplecontainer
{
	border: double 2px #808080;
	width:900px;
	position:relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
	z-index:100;	
	background: url(/pic/bg4.gif);
	

}

div.simplebody
{
	border: double 1px #696969;
	margin:3px;
	background-color:#4f5158;		

}


div.simplebody div.blackbox h1
{
	background-image: url(/pic/bg_button2.gif);
	background-repeat: repeat-x;
	color:#ffffff;
	font: bold 16px verdana,arial,sans-serif;
	padding-top: 11px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.simplebody div.blackbox h2
{
	background: #323339 url(/pic/cell-1.gif) no-repeat top left;
	font: bold 16px verdana,arial,sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 15px;
	color: #eeeeee;
	border: solid 1px #191919;
}


div.blackbox div.message, p
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 5px;
	margin-left: 5px;
}

div.wizardbox
{
	text-align: left;
	color:#ffffff;
	padding :5px;
	width:95%;
	font:16px/1.5em tahoma,arial,sans-serif;
}


div.wiz_textinput
{
	text-align: left;
	color:#ffffff;
	padding:5px 10px 5px 30px;
	width:95%;
	font:16px/1.5em tahoma,arial,sans-serif;
}

div.wiz_textinput span.name
{
	padding-left: 15%;
	width: 23%;
	text-align: left;
}
div.wiz_textinput span.delimiter
{
	width: 3%;
	text-align: center;
	padding-left: 15px;
}

div.wiz_textinput span.value
{
	width: 55%;
	text-align: left;
	padding-left: 15px;
}

div.centerline
{
	text-align: center;
}

div.loginbox
{
	clear: both;
	border-width: 0px 8px 0px 8px;
	border-style: solid;
	border-color: #000000;	
	background-color: #4f5158;
	font:  16px verdana,arial,sans-serif;	 
	color:#ffffff;	
}

div.loginbox span.mode
{
	float: left;
	text-align: right;
	margin-top: 3%;
	margin-left: 15%;
}

div.loginbox span.name
{
	float: left;
	margin-top: 4%;
	margin-left: 15%;
	width: 23%;
}
div.loginbox span.delimiter
{
	width: 3%;
	float: left;
	text-align: center;
	margin-top:  4%;
}

div.loginbox span.value
{
	width: 55%;
	float: right;
	text-align: left;
	margin-top:  4%;
}

div.loginbox span.value input
{
 	width: 40%;
}


div.loginbox span.loginbutton
{
	margin-top:  4%;
	width: 60%;
	float: right;
}

div.loginbox span.message
{
	float: left;
	text-align: center;
	margin-top :12%;
	width:100%;
}

div.emptyline 
{
	height:25px;
}

.button
{
	color:#ffffff;
	font:normal 16px tahoma,arial,sans-serif;
	padding:3px 8px 6px 8px;
	background:  #00aff0 url(/pic/overlay.png) repeat-x center left;
	border:1px solid #63cef6;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-bottom:1px solid #63cef6;
	-moz-box-shadow:inset 0 1px 0 rgba(22,142,199,0.5);
	-webkit-box-shadow:inset 0 0 0 rgba(22,142,199,0.5);
	box-shadow:inset 0 0 0 rgba(22,142,199,0.5);
	cursor:pointer;
	height:30px;
	min-width:100px;
	*min-width:auto;
	margin:10px 20px 20px 0px;
}

.button:hover
{
	color:#ffffff;
	background: #00aff0 url(/pic/but_mouseover.png) repeat-x top center ;
	border:1px solid #3e97ce;
}

.button:active
{
	position:relative;
	top:0px;
	border:1px solid #3e97ce;
	background: #00aff0 url(/pic/but_mouseover2.png) repeat-x top center ;
	color:#ffffff;
}



div.leftmenu
{
	width:200px; /*width of accordion menu*/
	padding: 0px 0px 0px 45px;
	margin-top:-1px;
 	float: left;
}


div.leftmenu .menuheader /*CSS class for menu headers in general (expanding or not!)*/
{ 
	font: bold 18px Arial;
	color: white;
	background: transparent url(/pic/button_out.png) no-repeat bottom left  ;
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	padding: 18px 5px 10px 0px; /*header text is indented 10px*/
	text-indent:10px;
	margin:0;
	cursor: pointer;
	width:200px;
	height:30px;
}

div.menuheader:hover
{
	background: transparent url(/pic/button_over0.png) no-repeat bottom left  ;
	width:200px;
	text-indent:10px;
}

div.leftmenu .openheader /*CSS class to apply to expandable header when it's expanded*/
{ 
	background: transparent url(/pic/button_over.png) no-repeat bottom right;
	width:200px;
	ext-indent:10px;
}
 
div.leftmenu ul  /*CSS for UL of each sub menu*/
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom:10px; /*bottom spacing between each UL and rest of content*/
    border-bottom:1px solid #76787e;
    width:192px;
  	background: transparent url(/pic/button_over_sub.png) bottom right  ; 
}

div.leftmenu ul li
{
	margin-bottom:0px;
	width:190px;
	height:30px;
}

div.leftmenu ul li .opensubheader /*Open state CSS for sub menu header*/
{ 
	width:190px;
	height:30px;

}

div.leftmenu ul li .closedsubheader /*Closed state CSS for sub menu header*/
{ 
	background: lightgreen !important;
	height:30px;
}

div.leftmenu ul li a
{
	color: #ffffff;
	display: block;
	padding: 7px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	font:  14px Arial;
	cursor: pointer;
	width:173px;
}

/*div.leftmenu ul li a:hover,  div.leftmenu ul li a:visited, div.leftmenu ul li a:active  *//*hover state CSS*/
div.leftmenu ul li a:hover,  div.leftmenu ul li a:active  /*hover state CSS*/

{
	width:173px;
	color:#00aff0;
	text-decoration:none;
}

div.leftmenu ul li a.subexpandable:hover /*hover state CSS for sub menu header*/
{ 
	background: lightblue;
	color:#00aff0;
}


div.graybox ul li a
{
	color: #ffffff;
	font: 14px/1.5em verdana,arial,sans-serif;	
}

div.graybox ul li a:hover, div.graybox ul li a:active 
{
	color:#00aff0;
}
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

div.dialog 
{
	position:relative;
 	margin:-30px auto -30px auto;
 	min-width:8em;
 	max-width:970px; /* based on image dimensions - not quite consistent with drip styles yet */
 	color:#fff;
 	z-index:1;
 	margin-left:12px; /* default, width of left corner */
 	margin-bottom:25px; /* spacing under dialog */
}

div.dialog .content 
{
 	position:relative;
 	zoom:1;
 	_overflow-y:hidden;
 	padding:0px 12px 0px 0px;
	background:transparent url(/pic/bg_main1_c.png) repeat-y top right; 	
 	
}


div.dialog .c   /* top+left vertical slice */
{
 	position:absolute;
 	left:0px;
 	top:0px;
 	width:12px; /* top slice width */
 	margin-left:-12px;
 	height:100%;
 	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

div.dialog .b /* bottom */
{
 	background-position:bottom right;
 	position:relative;
 	width:100%;
 	background:transparent url(/pic/bg_main1_b.png) no-repeat;	
 	margin-left:-4px;
 	
}

div.dialog .b,
div.dialog .b div 
{
 	height:50px; /* height of bottom cap/shade */
 	font-size:1px;
 	
 	
}

div.dialog .b div 
{
 	position:relative;
 	width:12px; /* bottom corner width */
 	margin-left:-12px;
 	background-position:bottom left;
 	
}

div.dialog .t /* top */
{
 	background-position:bottom right;
 	position:relative;
 	width:100%;
 	background:transparent url(/pic/bg_main1_t.png) no-repeat top right;	
 	
}

div.dialog .t,
div.dialog .t div 
{
 	height:50px; /* height of bottom cap/shade */
 	font-size:1px;
 	
 	
}

div.dialog .t div 
{
 	position:relative;
 	width:12px; /* bottom corner width */
 	margin-left:-12px;
 	background-position:bottom left;
}

div.dialog .hd,
div.dialog .bd,
div.dialog .ft 
{
 	position:relative;
}

div.dialog .thewrapper /* extra content protector - preventing vertical overflow (past background) */
{
 	position:static;
 	max-height:1000px;
}

div.dialog h1,
div.dialog p 
{
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 	padding:0.5em 0px 0.5em 0px;
}

div.dialog h1 
{
 padding-bottom:0px;
}


.mainbg
{
	margin:0px;
	padding:0px;
	font: normal 14px verdana,arial,sans-serif;
	color: #eeeeee;
	background-color:#4f5158;
	border: solid 1px #4f5158;
}

div.mainbody
{
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	padding: 5px 10px 10px 10px; /*header text is indented 10px*/
	*padding: 5px 6px 10px 6px;
	margin:0;
	width: 630px;  
	*width: 638px;
	overflow:auto;
}

div.mainform div.blackbox h1
{
  	font: bold 24px verdana,arial,sans-serif;
	color: #eeeeee;
	padding:8px 0px 8px 0px;
}

div.hr {    /* no need for border-left/right with the following: */
    border: none;
    border-bottom:1px solid #6c6c6c; 
    border-top:1px solid #000000; 
    clear:both; 
    height:0px; 
    width: 100%;
	margin:15px 0px;
}

div.blackbox span.help_button input
{
	font-weight: bold;	
	margin: 5px 20px ;
}


div.graybox h2
{
	background: #323339 url(/pic/cell-1.gif) no-repeat top left;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #191919;
	font: bold 16px verdana,arial,sans-serif;
	color: #eeeeee;
	width:620px;
}


div.graybox div.textinput_p
{	
	border-bottom:solid 1px #191919;
	border-right:solid 1px #191919;
	border-left:solid 1px #191919;
	font: normal 16px verdana,arial,sans-serif;
	padding: 3px 0px 3px 10px;
	width: 626px;
}


div.graybox div.textinput_l
{	
	background: #47494f url(/pic/cell-1.gif);
	font: normal 14px verdana,arial,sans-serif;
	padding: 3px 10px 3px;
	float: left;
	width:200px;
	height: 42px;
	border-bottom:solid 1px #191919;
	border-right:solid 1px #191919;
	border-left:solid 1px #191919;
	margin-right:-3px;
}


div.graybox div.textinput_r
{	
	background: #47494f  url(/pic/cell-1.gif);
	border-bottom:solid 1px #191919;
	border-right:solid 1px #191919;
	font: 14px verdana,arial,sans-serif;
	padding: 3px 0px 3px 10px;
	width: 627px;
	*width: auto;
	height: 42px;	
}

div.textinput_l span.name
{
	font: 14px verdana,arial,sans-serif;
	text-align: left;	
	vertical-align: middle;	
	height: 42px;
}

div.textinput_r span.value
{
	font: 14px verdana,arial,sans-serif;
	text-align: left;
	vertical-align: middle;		
	padding-left: 10px;
	height: 42px;
}

p
{
	line-height:1.5em;
}

div.emptyline_10px
{
	height: 10px;
}
div.emptyline_15px
{
	height: 15px;
}
div.emptyline_20px
{
	height: 20px;
}

div table.general
{
	color:white;
	text-align: left;
	border-spacing: 0px;
	background-color: transparent;
	font-family:verdana,arial,sans-serif;	
	width: 638px;
}
div table.general tr
{
	padding: 1px;
	border-color: inherit;
}
div table.general tr th
{
	text-align: left;
	border: 1px solid #191919;
	padding: 2px 1px 4px 1px;
}
div table.general tr td
{
	border: 1px solid #191919;
	padding: 2px 1px 4px 1px;
}
.blackbox_w
{
	height:650px;
}