
/* General style specs */

html { 
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
/* hide overflow:hidden from IE5/Mac */ 
/* */ 
overflow: hidden; 
/* */ }

html {
	margin: 0;
	padding: 0;
	border: none;
	font-family: arial regular, arial, verdana, sans-serif;
	font-size:10pt;
}

body {
	background-color: #3D4364;
	margin: 0;
	padding: 0;
	border: none;
	font-family: arial regular, arial, verdana, sans-serif;
	font-size:10pt;
	width: 100%;
	text-align: center;
}


/* Screen partitions */

#aspnetForm
{
    width: 963px;
    margin: 0px auto;
}

#container
{	margin-top:24px;
	width: 963px;
   	height: 626px;
   	color: #000000;
   	background-color: #FFFFFF;	/* was: #FCFAD8 */
   	overflow: hidden;
}

#header
{	width: 963px;
	height: 121px;
	text-align: left;
	margin:0px;
	border-bottom: solid 1px #C0C0C0;
}

#title
{	float: left;
	padding-left: 24px; 
	font-weight: bold; 
	font-size: 28pt; 
	line-height: 121px;
	color: #3D4364;
	overflow: hidden;
}

#attentionbox
{	float: right;
	width: 280px;
	height: 100px;
	margin-top: 5px;
	margin-right: 5px;
	padding: 5px;
	color: #3D4364;
	background-color: #FFFFFF;	/* was: #FCFAD8 */
	border: solid 1px #C0C0C0;
	overflow: hidden;
	font-size: 8pt;
}

#subheader
{	width: 963px;
	height: 32px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #C0C0C0;
}

#subheader_left
{	width: 130px;
	height: 32px; 
	float: left;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	border-right: solid 1px #C0C0C0;
}

#subheader_right
{	height: 32px; 
	margin: 0px 10px 0px 10px;
	padding: 0px;
	overflow: hidden;
}

#crumblepath
{	font-size: 8pt;
}

#main
{	width: 100%;
	height: 500px;		/* will be set by script */
	text-align: left;
	margin: 0px;
	color: #000000;
}

#main_left
{	width: 150px;
	height: 500px;		/* will be set by script */
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border-right: solid 1px #C0C0C0;
}

#main_right
{	width: 782px;
	height: 500px;		/* will be set by script */
	background-color: #FFFFFF;
	text-align: left;
	padding: 5px 20px  5px  5px;
	margin: 0;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-arrow-color: #D6F7FF;
	scrollbar-face-color: #3D4364;
	scrollbar-highlight-color: #D6F7FF;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-shadow-color: #C0C0C0;
	scrollbar-darkshadow-color: #3D4364;
	scrollbar-track-color: #C0C0C0;
}


/* content styles */	

h1 {font-size:28pt;}
h2 {font-size:16pt;}
h3 {font-size:12pt;}


/* Specific styles for ME Order Entry */

div.htmlpag
{	
}

table.prodgroupmembers
{
}

p.prodgroupsubmembers
{
	text-align: left;
}

.lblue
{
	BACKGROUND-COLOR: #D6F7FF;
	BORDER: #3d4364 1px solid;
}

.bblue
{
	BORDER: #3d4364 1px solid;
}

div.divOrder
{
	BACKGROUND-COLOR: #D6F7FF;
	width: 777px;
	border-bottom: #3d4364 1px solid;
	border-left: #3d4364 1px solid;
	border-right: #3d4364 1px solid;
	padding-left: 3px;
}

div.divOrdersubLeft
{
	float: left;
	width: 382px;
	margin-top: 6px;
}

label.meoelbl1
{
	float: left;
}

div.divOrderSubRight
{
	float: right;
	width: 395px;
	padding: 0px;
	margin: 0px;
}

div.divOrdersubRightLbl
{
	margin-top: 6px;
}

.hidden
{
	display: none;
}

input.meoetxt
{
	background-color: #ffffff;
	BORDER: #3d4364 1px solid;
	float: right;
	margin-top: 5px;
	margin-right: 3px;
	width: 135px;
}

input.meoetxtm
{
	background-color: #ffffff;
	BORDER: #3d4364 1px solid;
	float: right;
	margin-top: 5px;
	margin-right: 3px;
	width: 277px;
}

input.meoebtn
{
	background-color: #3D4364;
	color: #ffffff;
	width: 140px;
	float: right;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 3px;
	cursor: hand;
}


.meddllbl
{
     font-size: 8pt;
     width: 200px;
}

.meddl
{
     font-size: 8pt;
     width: 200px;
     background-color: #3D4364; 
     color: white
}

table.Order
{
	border-collapse: separate;	
}

.metxt
{
	background-color: #ffffff;
	BORDER: #3d4364 1px solid;
}

input.mebtn
{
	background-color: #3D4364;
	color: #ffffff;
	cursor: hand;
}

table.metbl1
{
	width: 100%;
	border: 1px solid #C0C0C0;
}
td.metbl1
{
	border: 1px solid #C0C0C0;
}


/* Menu specs */

#nav {
 font-family: Arial, verdana, Helvetica, sans-serif;
 font-size: 8pt;
 font-weight: bold;
 width: 150px;
 padding: 0;
 margin-bottom: 10px;
 background-color:  #3D4364;
 color: #fff;
 border-bottom: 1px solid #369;
}

#nav ul {
 width: 150px;
 list-style: none;
 margin: 0;
 padding: 0;
}

#nav ul li {
 width: 150px;
 margin: 0;
 border-top: 1px solid #003;
}

#nav ul li a {
 display: block;
 padding: 2px 2px 2px 4px;
 border-left: 20px solid #00C6FF;  
 border-bottom: 1px solid #369;
 background-color: #3D4364;	
 color: #fff;
 text-decoration: none;
 width: 124px;
}

#nav ul li a:hover {
 border-left: 20px solid #3D4364;		
 border-bottom: 1px solid #369;
 background-color: #00C6FF; 
 color: #fff;
}



/* Print specs */

@media print {
    html, body, container {
    	overflow: visible;
    	}
    #main {
    	height: 100%; 
    	overflow: visible;
    	}
    #header, #subheader, #main_left {
    	display: none; 
    	overflow: visible;
    	}
    #main_right {
    	height: 100%; 
    	width: 616px; 
    	background: #FFFFFF; 
    	margin: 0px; 
    	border: 0px; 
    	padding: 0px;
    	overflow: visible;
    	}
}
