body, td, th { font-family: Arial, Helvetica; font-size: 9pt; }
body { background: #fcfcfc; }

a { color: #3964B5; outline-style: none; }
a:hover { color: #294B92; }

h1, h2, h3, h4, h5, h6 { }

h1 { color: #FF6500; }
h2 { color: #0434B1; }
h3 { color: #ff6600; }
h3 { color: #0434B1; }
h4 { }
h5 { }
h6 { }

#wrap { border: 1px solid #ECE9D8; width: 960px; background: url(images/bannerBG.gif) left top repeat-x; text-align: left; margin: 0 auto;}
#banner {background: url(images/gerber-logo.png) left top no-repeat;color: #0434B1;}

.loginStatus { position: absolute; right: 20px; top: 10px; }

.panelLogin { position: relative; width: 325px; float: right; margin: -40px 30px 0px 30px; border: 1px solid #ddd; border-top: 3px solid #3C68BC; padding: 10px 30px 30px 10px; background: #FFFFE9 url(images/keys.gif) 20px 50px no-repeat; }
.panelLogin h1 { color: #3259A6; margin: 5px; }
.panelLogin table { margin-left: 75px; }
.panelLogin a.forgotPwd { position: absolute; right: 10px; bottom: 10px; font-style: italic; }

.panelPwdRecover { margin: 30px; width: 350px; border: 1px solid #ddd; border-top: 3px solid #3C68BC; padding: 10px 30px 30px 10px; background: #FFFFE9 url(images/keys.png) 20px 50px no-repeat; }
.panelPwdRecover h1 { color: #3259A6; margin: 5px; font-size: 12pt; }
.panelPwdRecover table { margin: 30px 10px 10px 75px; }
.panelPwdRecover table td { padding: 10px; }

.panelFeedBack { position: relative; width: 550px; border: 1px solid #ddd; border-top: 3px solid #3C68BC; padding: 10px 30px 30px 10px; background: #FFFFE9; }
.panelFeedBack h1 { color: #3259A6; margin: 5px; font-size: 12pt; }
.panelFeedBack table { margin: 10px 10px 10px 20px; }
.panelFeedBack table td { padding: 10px; }

#menu { margin: 0; border-style: none; background: #3157a3 url(images/barslice.gif) repeat-x left center; border-top:1px solid #406EC4;}
#menu td { line-height: 30px; }
#menu .selected { font-weight: bold; text-decoration: underline; }
#menu a { border-left: 1px solid #2E539D; border-right: 1px solid #3760B0; }

#subMenu { background: #EDF1F5; height: 30px; line-height: 30px; border: 1px solid #ddd; border-top-style: none;  }

#content { background: #fff; margin: 0; border-style: none; }
#preFooter {background: #fff; font-size: 8pt; padding: 2px 50px 15px 50px; color: #676767; font-style:italic;}
#footer { line-height: 30px; vertical-align: middle; background: #3157a3 url(images/barslice.gif) repeat-x left center; }

.grid { border:0; }
.grid th {color:#28498E; font-size: 9pt; background: #ECF0F9 url(images/silverthslice.gif) right center repeat-x; border:1px solid #ddd; }
.grid th a { color:#28498E; text-decoration:none; }
.grid th a:hover { text-decoration:underline; }
.grid td { padding: 5px 7px 5px 7px; border: 1px solid #efefef;  }
.grid td.special {background-color: #F8FAFF; font-weight:bold;}
.grid td.sorted { background-color: #FFFFe4; }
.grid td a { display: block; text-align: center; padding: 5px; }
.grid .pager { background-color: #fff;  }
.grid .pager select { font-size: 8pt; }
.grid .pager table {margin:15px 0 10px 0;}


.grid td a.supplier { text-align: left; }

.tabStrip { border-bottom: 3px solid #6B95E2; padding: 0 0 0 10px; margin: 0; }
.tabStrip li { display: inline; list-style-type: none; margin: 3px; border: 1px solid #ddd; height: 30px; line-height: 30px; font-size: 14px; padding: 5px; }
.tabStrip li { background: url(images/tab.png) left center repeat-x; }
.tabStrip li.selected { font-weight: bold; border: 1px solid #6B95E2; background: #6B95E2; padding: 7px; }
.tabStrip a { color: #666; text-decoration: none; }
.tabStrip a:hover { text-decoration: underline; }
.tabStrip li.selected a { color: #fff; text-decoration: none; }


.tabBox { padding: 10px; border: 1px solid #6B95E2; border-top-style: none; clear: both; margin: 0; }

.dataBox { border: solid 1px #ddd; border-top: solid 2px #6B95E2; padding: 15px 10px 20px 10px; margin: 0px 0 20px 0; background: #fff url(images/cornerFade.png) left top no-repeat; }

table.input { margin: 20px 20px 20px 0; }
table.input th, table.input td { padding: 5px; }

.frm { width: 100%; border: 0; }
.frm  th { text-align: left; font-weight: bold; padding: 6px; background-color: #D9E2F3; }
.frm  td { padding: 3px; background-color: #F5F8FC; }
.frm  td.reqd { background: #F5F8FC url(images/reqd.gif) right center no-repeat; }
.frm  td.btn { text-align: right; padding-right: 10px; }

.indent { margin-left: 20px; }


.poDoc { overflow-x: scroll; }
a.pdf { padding: 3px 22px 3px 3px; background: url(images/page_white_acrobat.png) right center no-repeat; }


.pleasedont { background: url(images/checkNo.gif) top left no-repeat; padding: 25px 40px 30px 50px; }
.pleasedo { background: url(images/checkYes.gif) top left no-repeat; padding: 25px 40px 30px 50px; }

#FirefoxScrollbarFix { position: absolute; top: 0; bottom: -0.1px; width: 1em; z-index: -1; }
html { overflow-y: scroll; }