/* ------------- COLOR SCHEME --------------
Light Grey  E9E9E9
Mid Grey  DFE0E0
Dark Grey  585858
Red  F80000
blue  3D549D
-------------------------------------------*/

body 
{
padding:0;
margin:0;
font-family:verdana, arial, san-serif;
font-size:smaller; 
color:#000000;
background-color:White;
text-align:left;
}

img { border:0px;}
a:link, a:visited, a:hover, a:active { color:#F80000; }
a:hover { color:#3D549D;}
table {font-size:small;}
TH.admin {text-align:right; vertical-align:top; font-family: verdana, Helvetica, Arial; font-variant:small-caps; }
.printAdmin { font-weight:normal; font-family: verdana, Helvetica, Arial; font-variant:small-caps; }
TH.printAdmin { width:40%;font-weight:normal;text-align:right; vertical-align:top; font-family: verdana, Helvetica, Arial; font-variant:small-caps; }
TH.adminLeft { width:35%; text-align:left; vertical-align:top; font-family: verdana, Helvetica, Arial; } 
TH.adminCenter { width:35%; text-align:center; vertical-align:top; font-family: verdana, Helvetica, Arial; } 
TD.admin { text-align:left; vertical-align:top; }
TABLE.admin { text-align:center; width:100%; padding:0px; margin:0px; }
TABLE.RFQDisplay
{
	width:545px;
	border: solid 1px #BCBCBC;
	background-color:#E3E3E3;
}
.links
{
	width:350px;
	text-align:left;
}
LABEL
{
	width:350px;
	text-align:right;
}

div.adminDiv
{
z-index:inherit;
border: solid 1px #000;
background-color:#ccc;
margin:5px;
width:778px;
}
.BreakBefore
{
	page-break-before:always;
}
/* headings */
h1 
{
font-size:150%;
font-weight:900;
font-family:arial, verdana, san-serif;
margin-bottom:5px;
margin-left:2px;
text-indent:8px;
/*height:21px;
background: url(/img/heading.gif) no-repeat left; */
}

h2
{
font-size:111%;
font-weight:900;
font-family:arial, verdana, san-serif;
margin:0;
}
h3
{
font-size:100%;
font-weight:900;
font-family:arial, verdana, san-serif;
margin-bottom:5px;
text-align:center;
}

h4
{
font-size:90%;
font-weight:900;
font-family:arial, verdana, san-serif;
margin-bottom:5px;
text-align:left;
}

h5
{
font-size:145%;
font-weight:bold;
font-family:arial;
margin-bottom:5px;
text-align:center;
}

.SubTitle
{
	font-size:small;
	font-weight:bold;
	font-variant:small-caps;
	text-decoration:underline;
	
}
.MainTitle
{
	font-size:large;
	font-weight:bold;
	font-variant:small-caps;
	text-decoration:underline;
	color:White;
	
}
/* main  */
#all /* this is the container that holds all page content together, mainly used for centering layout */
{
width:99%;
text-align:left;
padding:0;
margin:0;
} 


/* header elements  */

.btn
{
position:relative;
top:4px;
}

#rotator
{
height:150px;
background: url(../img/slantRight.jpg) no-repeat left bottom;
}

/* main elements */
#main 
{
width:100%;
float:left;
text-align:left;
}

#content
{
width:100%;
float:left;
text-align:left;
}

.h20Mark {background: url(../img/h2oMark.png) no-repeat center; }

/* footer elements */


#pdf
{
list-style:none;
font-size:80%;
margin:0 0 0 5px;
text-align:left;
padding:0;
}

#pdf a:link, #pdf a:visited, #pdf a:active, #pdf a:hover
{
color:#666;
background:url(../img/pdfIcon.jpg) no-repeat;
text-decoration:none;
padding-left:20px;
}

#pdf a:hover
{
color: #F80000;
}

legend
{
font-weight:900;
color:#585858;
}

/* Product Pages */

.Configuration
{
border:1px solid #CDCFCE;
/*border-top:0;*/
padding:10px;
margin-bottom:10px;
background:#D7D8D8 url(../img/configurationBg.jpg) repeat-x top;
}


.logoHeading
{
height:20px;
padding:0;
padding-right:60px;
font-weight:900;
font-size:110%;
text-align:right;
background:#CDCFCE url(../img/logoHeading.gif) no-repeat right;   
}

.series
{
padding:10px;
border:dotted 1px #BCBCBC;
margin-bottom:10px;
}

.options
{
float:left;  
border:dotted 1px #BCBCBC;
padding:5px;
padding-top:0;
width:154px;
margin:5px;
}
.options h3 {color:#fff; background-color:#C0C0C0;}

.adminOptions
{
background-color:#E3E3E3;
float:none;  
border:solid 1px #BCBCBC;
padding:5px;
padding-top:0;
width:480px;
margin:5px;

text-align:left;
}
.adminOptions h3 {color:#fff; background-color:#C0C0C0; font-size:larger;}
.adminOptions li
{
	list-style-type:none;
}
.adminScroll
{
background-color:#E3E3E3;
margin:2px;
height:180px;
width:100%;
overflow:auto;
font-size:200%;
}

.subItems
{
float:left;  
border:solid 1px #BCBCBC;
vertical-align: middle;
padding:5px;
padding-top:10;
width:542px;
margin:0px;
}

.subItems h3 {color:#fff; background-color:#C0C0C0;width:100%;}
.scroll
{
width:150px;
margin:2px;
height:70px;
overflow:auto;
}


a.mod:link, a.mod:visited, a.mod:active, a.mod:hover, a.opt:link, a.opt:visited, a.opt:active, a.opt:hover
{
color:#666;
font-size:70%;
background:url(../img/modIcon.jpg) no-repeat;
text-decoration:none;
padding-left:14px;
}

a.mod:hover,  a.opt:hover
{
color: #F80000;
}


a.lit:link, a.lit:visited, a.lit:active, a.lit:hover
{
color:#666;
font-size:70%;
background:url(../img/pdfIcon.jpg) no-repeat;
text-decoration:none;
padding-left:14px;
}

a.lit:hover
{
color: #F80000;
}
.headingText
{
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
}
.welcomeText
{
	font-family: Arial;
	font-size:18px;
	font-weight:normal;
	
}
.welcomeDiv
{
	padding-top:5px;
	width:100%;
	text-align:center;
}

.selectedOptions
{
	font-family: Arial;
	font-size:50%;
	font-weight:normal;
}
.WorksheetList
{
	padding-left:20px;
	border: dotted 1px #d3d3d3;
}

.tinyText
{
	font-size:9px;
}
#helpDiv 
{
	border:solid 1px #d3d3d3;
	text-align:left;
	background-color:white;
	padding:10px 0px 10px 0px;
	width:750px;

}

#helpDiv li
{
	list-style-type:none;
	list-style-image: url("../img/help_bullet.gif");
	line-height:15px;
	padding-left:10px;
	padding-right:10px;
	width:90%;
}

#helpDiv h2
{
	font-size:15px;
	font-weight:normal;
	padding-left:2px;
	background-color:Gray;
	border:solid 1px #d3d3d3;
	color:White;
}

a.admin:link 
{
	text-decoration:underline;
	color:#666;
}
a.admin:visited 
{
	text-decoration:underline;
	color:#666;
}
a.admin:hover 
{
	text-decoration:none;
	color:#F80000;
}
a.admin:active 
{
	text-decoration:underline;
	color:#F80000;
}
a.smallLink:link 
{
	font-weight:normal;
	font-size:80%;
	text-decoration:underline;
	color:#F80000;
}
a.smallLink:visited 
{
	font-weight:normal;
	font-size:80%;
	text-decoration:underline;
	color:#F80000;
}
a.smallLink:hover 
{
	font-weight:normal;
	font-size:80%;
	text-decoration:none;
	color:#3D549D;
}
a.smallLink:active 
{
	font-weight:normal;
	font-size:80%;
	text-decoration:underline;
	color:#F80000;
}

.TableHeading
{
	font-size:14px;
	font-weight:bold;
	background-color:#ececec;
	text-align:center;
}
.bold
{
	font-weight:bold;
	text-align:right;
}
Table.RFQReview
{
	width:750px;
	background-color:Silver;
}
Table.RFQReviewInner
{
	padding:0px;
	width:100%;
	background-color:White;
	
}
TR.RFQReviewInner
{
	vertical-align:top;
}

/*

For use in the admin when displaying nested repeaters.

*/

ul.MainList
{
	text-align:left;
	width:90%;
	background-color:white;
	border: solid 1px #d3d3d3;
	font-size:16px;
	font-weight:bold;
	list-style-type:none;
	padding-left:2px;
}

ul.HeadingList
{
	text-align:left;
	width:85%;
	font-size:14px;
	font-weight:bold;
	list-style-type:none;
	border: solid 1px #d3d3d3;
	background-color:#ECECEC;
}
ul.SubList
{
	text-align:left;
	width:85%;
	list-style-type:none;
	font-size:12px;
	background-color:#e3e3e3;
	border: solid 1px #d3d3d3;
	font-weight:normal;
}
/* tighter coupled lists for admin nested repeaters */

ul.MainListCompact
{
	width:360px;
	background-color:white;
	border: solid 1px #d3d3d3;
	font-size:16px;
	font-weight:bold;
	list-style-type:none;
	margin:0;
	padding-left:2px;
}

ul.HeadingListCompact
{
	width:85%;
	font-size:14px;
	font-weight:bold;
	list-style-type:none;
	border: solid 1px #d3d3d3;
	background-color:#ECECEC;
	padding-left:8px;
}
ul.SubListCompact
{
	width:85%;
	list-style-type:none;
	font-size:12px;
	background-color:#e3e3e3;
	border: solid 1px #d3d3d3;
	font-weight:normal;
	padding-left:16px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
    


.reportHeader 
{
	width:750px;
	*width:80%; 
	text-align:left;
	position:relative;
	float:left;
	padding:0px;
	margin:0 10% 33px 10%;
	*margin:0 5% 33px 5%;
}

.monthlyReportCol 
{
	width:25%;
	background:white;
	*width:25%;
	float:left;
	text-align:left;
	padding:5px;
	border-left:solid 1px #999;
	border-bottom:solid 1px #999;	
	/*height:110px;*/
	margin:0px;
}

.monthlyFirstCol 
{
	width:19%;
	*width:14%;
	background:white;	
	float:left;
	text-align:left;
	padding:5px;
	border-left:solid 1px #999;	
	border-bottom:solid 1px #999;
	/*height:110px;*/
	margin:0px;	
}

.monthlyLastCol 
{
	width:25%;
	*width:25%;
	background:white;	
	float:left;
	text-align:left;
	padding:5px;
	border-right:solid 1px #999;
	border-left:solid 1px #999;	
	border-bottom:solid 1px #999;	
	/*height:110px;*/
	margin:0px;
}

.monthlyReportSubTotal
{
	width:100%;
	padding:0px;
	padding-bottom:4px;
	padding-top:4px;
	text-align:right;
	background:#CCC;	
	border-top:none; 	
	border-left:solid 1px #999;	
	border-right:solid 1px #999;	
	border-bottom:solid 1px #999;				

}

.monthlyReportGrandTotal 
{
	border-top:solid 1px #999;
}

.monthlyReportTopRow
{
	width:100%;
	padding:0px;
	padding-bottom:4px;
	padding-top:4px;
	background:#CCC;
	font-size:medium;
	text-align:left;
	border:solid 1px #999;

}

.reportItemWrapper
{
	width:100%;
	border-top:solid 1px #999;
}

.brightRedNotes
{
background:red url(../img/instructions.gif) no-repeat 50% 5px;
width:80%;
padding:40px 10px 30px 10px;
font-size:small;
font-weight:900;
color:#fff;
}

.optionReminder
{
	background:#FFFF7E; 
	font-size:x-small; 
	margin:3px 20px 8px 20px;	
	padding-left:3px; 
	border:solid 1px #999999; 
	line-height:normal;	
}

.condensedSpec
{
	width:55%;
	*width:45%;
	background:#C1FFC1; 
	font-size:small; 
	margin:10px 0 10px 0;	
	padding-left:3px; 
	border:solid 1px #999999; 
	line-height:normal;	
	text-align:justify;
	padding:6px;
}

.auditTrail
{
	width:60%;
	margin:10px;
	padding:5px;
	border:solid 1px #999999;
	background:#EDEDED;
	font-size:x-small;
	text-align:left;
	line-height:14px;
}

.RetroFitRebuildItems
{
	margin-top:10px;
	padding:10px;
	width:525px;
	border: solid 1px #BCBCBC;
	background-color:#E3E3E3;	
}

#worksheet
{
margin: 15px 0px 15px 0px;
margin-left:auto;
margin-right:auto;
width:750px;
}

.wTab
{
margin-left:50px;
margin-bottom:20px;
}

.buttonFix 
{
	border:solid 1px gray;
}

.worksheetDIV
{
	font-size:x-small; 
	line-height:normal; 
	margin-left:10px; 
	margin-right:10px; 
	background:#FEF1B5; 
	padding:5px; 
	border:solid 1px #999;	
}

.wSubItem
{
	margin-left:15px;
}

.worksheetItemNoDisplay
{
	display:none;
	visibility:hidden;
}
.errorList
{
	padding-left:10px;
	color:Red;
	list-style-type:square;
	text-transform:capitalize;
}
    /* Top Product Navigation Listing Machine Types */
#topNav
{
	display:none;
}

    /* Machine Type Links */
#topNav a {  
	display:none;
}

    /* Machine Type List Items*/
#topNav li { 
	display:none;
	
}

    /*Sub Unordered List Element*/
#topNav li ul { 
	display:none;
}

    /*sub lists items*/
#topNav li ul li 
{	
	display:none;
	
}

     /*lists nested under hovered list items*/
#topNav li:hover ul, #topNav li.topNavHover ul {
	display:none;
	

}

    /* Sub Nav Links*/
#topNav li ul a:link, #topNav li ul a:visited, #topNav li ul a:active, #topNav li ul a:hover {  
	
	display:none;
      
}
    /* Sub Nav Links Hover State */
#topNav li ul a:hover {
	display:none;
    
} 
/* -------------------------------LEFT NAV -----------------------------------*/

#leftNav
{
	display:none;
}

#leftNav ul
{
	display:none;
}

#leftNav a
{
	display:none;
}

#leftNav table
{
	display:none;
}


#leftNav a:link, #leftNav a:visited, #leftNav a:active, #leftNav a:hover
{
	display:none;
}

#leftNav a:hover
{
	display:none;
}
/* Styles Below for the switch menus used in the admin pages */

#switchMenu 
{
	display:none;
}
  
.mainDiv
{
  width:160px;
}
.topItem
{
	display:none;
}


.dropMenu
{
	display:none;
}

.subMenu
{
display:none;

}
.subItem
{
	display:none;

}

.subItem a
{
	display:none;
}

#switchMenu a
{
	display:none;
}

#switchMenu a:hover {	display:none;
}