body { background: #efefef url(images/pageBg.gif); text-align: center; font-family: Verdana; margin: 0; padding: 0 0 10px 0; }
form { margin: 0; padding: 0; }
a { outline-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 16pt; }
h2 { font-size: 13pt; }
h3 { font-size: 10pt; }
h4 { font-size: 9pt; }
h5 { font-size: 8pt; }
h6 { font-size: 7pt; }

#wrap { border: 1px solid #eee; width: 960px; background: #EEF5F9 url(images/contentbg.gif) repeat-x top left; text-align: left; margin: 0 auto; }

#banner {position:relative;height:100px;}
#banner h1 { font-family: 'Gill Sans MT'; color: #fff; margin: 0; font-size: 22pt; position: absolute; left: 80px; top: 5px; }
#banner h1 span { font-family: 'Arial Narrow'; font-weight: normal; }

#banner a.gerberlink { width: 310px; height: 100px; position: absolute; top: 0; left: 0; }

#menu { position: relative; background: #036 url(images/menubg.gif) repeat-x left center; color: #fff; padding: 0 0 0 0px; }
#menu { margin: 10px; border: 1px solid #2F6195; }
#menu td { padding: 2px 0 2px 0; line-height: 24px; }
#menu a { padding: 0px 15px 0px 15px; color: #fff; font-size: 8pt; position: relative; display: block; text-decoration: none; }
#menu a { border-right: 1px solid #6A9BC0; border-left: 1px solid #4174A6; }

.search { position: absolute; top: 6px; right: 20px; color: #fff; }
.search, .search input { font-size: 8pt; }

#content { border: 1px solid #eee; background-color: #fff; margin: 10px; min-height: 500px; height: auto !important; height: 500px; padding: 10px; }

#footer { clear: both; color: #cde; background-color: #369; font-size: 8pt; text-align: left; line-height: 20px; padding: 0 0 0 10px; }
#footer a {clear: both; color: #cde; font-size: 10pt; }

.layout { border-style: none; }
.layout td, .layout th { vertical-align: top; border: 0; }


.grid { border-collapse: collapse; border: 1px solid #ccc; background-color: #fff; }
.grid caption { white-space: nowrap; text-align: left; font-size: 11pt; font-weight: bold; color: #555555; padding-bottom: 10px; text-decoration: none; }
table.grid td, table.grid th { vertical-align: middle; }
.grid th { font-size: 10pt; padding: 8px; background-color: #A1CEEB; color: #555; }
.grid th a { color: #555; }
.grid th.ASC a { padding-right: 18px; background: url(images/arrdowni.gif) no-repeat right; }
.grid th.DESC a { padding-right: 18px; background: url(images/arrupi.gif) no-repeat right; }
.grid td { border-style: none; font-size: 8pt; padding: 5px 3px 5px 3px; border-top: 1px solid #efefef; border-right: 1px solid #efefef; }
.grid td.sorted { background-color: #FFEEB7; border-left: 2px dotted #efefef; border-right: 2px dotted #efefef; }
.grid td.foot { font-weight: bold; font-size: 8pt; }

.grid th.centered {text-align:center; vertical-align:middle;}
.grid td.centered {text-align:center; vertical-align:middle;}

.grid tr.link
{
    margin: 1px;
    padding: 5px;
    text-decoration: none;
    background-color: #FFF;
}

.grid tr.linkalt
{
    margin: 1px;
    padding: 5px;
    text-decoration: none;
    background-color: #F8FAF3;
}

.grid tr.linkhover
{   /*#*/
    background-color: #FFFFD0;
    cursor:pointer;
}

.grid .pager { border-style: none; }
.grid .pager td { border-style: none; padding: 0px; vertical-align: middle; width: 30px; height: 25px; vertical-align: middle; text-align: center; }
.grid .pager td a { display: block; border: 1px solid #eee; background: #FDFDFD url(images/pagerLink.png) 50% 50% repeat-x; color: #777; text-align: center; margin: 2px; }
.grid .pager td a:hover { text-align: center; border: 1px solid #6B95E2; }
.grid .pager td span { display: block; text-align: center; line-height: 24px; height: 24px; border: 1px solid #ddd; color: #fff; font-weight: bold; font-size: 10pt; margin: 0 2px 0 2px; background: #3e3e3e url(images/pagerselected.png) 50% 50% repeat-x; }

.grid tr.selected td { background-color: #ecf9ee; }


/* from core.css */
.HeaderMessage { margin: 2px; padding: 1px 4px 1px 4px; padding: 6px; }
.HeaderMessage H5 { margin: 0px; font-size: 10pt; }
.HeaderMessage UL { margin-top: 0px; margin-bottom: 0px; margin-left: 20px; }

.HeaderMessageError { border: red 1px solid; background-color: #f2a7a7; }
.HeaderMessageError H5 { color: black; background: url(images/action_stop.gif) no-repeat; padding: 0 0 0 20px; }
.HeaderMessageOK { border: green 1px solid; background-color: #84bd84; }
.HeaderMessageOK H5 { color: black; background: url(images/icon_accept.gif) no-repeat; padding: 0 0 0 20px; }
.HeaderMessageWarn { background-color: #FFFFAF; border: #FFDD00 1px solid; }
.HeaderMessageWarn H5 { color: #B00000; background: url(images/icon_alert.gif) no-repeat; padding: 0 0 0 20px; }

.clearFix { clear: both; }

.filterBar { border: 1px solid #ccc; border-left-width: 3px; margin: 3px 0 3px 0; background: #efefef url(images/barslice2.png) left center repeat-x; }
.filterBar td { padding: 2px 10px 2px 10px; color: #444; }

.siteNotes { padding: 0; margin-top: 40px; margin-right: 40px; width: 600px; }
.siteNotes h1 { color: #0036CA; font-size: 12pt; margin-top: 20px; }
.siteNotes h2 { font-size: 11pt; font-weight: bold; color: #444; margin-bottom: 5px; }
.siteNotes .note { clear: both; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.siteNotes .noteBody { }
.siteNotes .noteDate { width: 40px; float: left; margin: 0 10px 5px 0; text-align: center; border: 1px solid #ddd; }
.siteNotes .noteDate .dateTop { font-size: 8pt; background: #617090 url(images/calendartop.gif) center center no-repeat; color: #fefeff; padding: 2px; }
.siteNotes .noteDate .dateMiddle { font-size: 14pt; border-bottom: 1px solid #eee; padding: 2px; }
.siteNotes .noteDate .dateBottom { font-size: 7pt; padding: 2px; }

.po.grid td.reschedule { padding-left: 20px; background: url('images/date_edit.png') 3px center no-repeat; }
.po.grid td.cancel { padding-left: 20px; background: url('images/delete.png') 3px center no-repeat; }

.documentListHeader { padding: 0; margin-bottom: 3px; position: relative; }
.documentListHeader a { display: block; border: 1px solid #ccc; height: 50px; position: relative; text-decoration: none; overflow: hidden; padding-right: 5px; }
.documentListHeader a:hover { background-color: #FFFFE9; }
.documentListHeader .col1 { position: absolute; left: 2px; top: 6px; font-weight: bold; cursor: pointer; font-size: medium; }
.documentListHeader .col2 { position: absolute; left: 25px; top: 6px; font-weight: bold; cursor: pointer; font-size: medium; }
.documentListHeader .col3 { position: absolute; left: 350px; top: 6px; white-space: nowrap; font: normal 11px Tahoma,Helvetica,sans-serif; }
.documentListHeader .col4 { position: absolute; left: 25px; top: 30px; cursor: pointer; font-size: medium; }
.documentListHeader .col5 { position: absolute; left: 350px; top: 30px; white-space: nowrap; cursor: pointer; font: normal 11px Tahoma,Helvetica,sans-serif; }

#vendorNav { float: right; margin: 30px 50px 10px 10px; }
#vendorNav a { padding: 5px 4px 5px 24px; background-position: 4px center; background-repeat: no-repeat; }
#vendorNav a.orders { background-image: url(images/page_white_stack.png); }
#vendorNav a.accounts { background-image: url(images/group.png); }
#vendorNav a.accountDetails { background-image: url(images/table.png); }



.sidebarNav { padding: 10px; border: 1px solid #ddd; background: #fff url(images/cornerFade.png) left top no-repeat; width: 175px; min-height: 300px; height: auto !important; height: 300px; border-top: 2px solid #6B95E2; }
.sidebarNav h2 { font-size: 10pt; margin: 5px 0 15px 0; border-bottom: 1px solid #ddd; padding-bottom: 5px; color: #4F74BA; }
.sidebarNav ul { padding-left: 5px; margin: 0px; list-style-type: none; }
.sidebarNav li { margin: 5px 0 5px 0; background: url(images/bullet_black.png) left center no-repeat; padding: 3px 3px 3px 24px; }
.sidebarNav a { text-decoration: none; font-size: 8pt; color: #444; }
.sidebarNav a:hover { text-decoration: underline; }

.sidebarNav ul.favorites li { margin: 5px 0 5px 0; background: url(images/tag_blue.png) left center no-repeat; padding: 3px 3px 3px 24px; }

.accountMiniCard { margin: 5px; background: url(box.png) 0 0 no-repeat; float: left; width: 269px; height: 55px; font-family: arial; font-size: 9pt; padding: 7px 3px 3px 3px; white-space: nowrap; overflow: hidden; }
.accountMiniCard .usericon { float: left; margin: 0 5px 0 0; border-style: none; }
.accountMiniCard .username { color: #080808; font-weight: bold; margin: 2px; }
.accountMiniCard .email { color: #808080; margin: 2px; }
.accountMiniCard .title { color: #808080; margin: 2px; }

.infoBox { padding: 10px; border: 1px solid #ddd; background: #fff url(images/cornerFade.png) left top no-repeat; height: auto !important; border-top: 2px solid #6B95E2; }
.infoBox h2 { font-size: 10pt; margin: 5px 0 15px 0; border-bottom: 1px solid #ddd; padding-bottom: 5px; color: #4F74BA; }
.infoBox ul { padding-left: 5px; margin: 0px; list-style-type: none; }

table.vSearch { border-top: 2px solid #6B95E2; background: #fff url(images/cornerFade.png) left top no-repeat; }

td.vendorSearch { padding: 10px; padding-left: 80px; background: url(images/search.gif) left center no-repeat; }


table.filter { border-collapse:separate;}
table.filter td, table.filter th {padding:4px;}
table.filter th {text-align:right;}

table.note {
    border-color:#AAAAAA #AAAAAA #AAAAAA #999999;
    border-style: dotted dotted dotted solid;
    border-width:1px 1px 1px 3px;
    padding:10px;
}

table.note td.noteInfo {
    background-color:#FEFEFA;
    border-style: dotted none dotted solid;
    border-width:1px 0px 1px 1px;
    padding:10px;
}

table.note td.noteText {
    background-color:#FEFEFA;
    border-style: dotted dotted dotted none;
    border-width:1px 1px 1px 0px;
    padding:10px;
}

.poDetail { margin: 0 0 10px 0; padding: 0 0 10px 0; }
.poDetail .grid th { white-space: nowrap; }
.poDetail .infoSection { margin-bottom: 15px; padding: 5px; }
.poDetail .infoSection h2 { font-size: 9pt; font-weight: bold; color: #000; margin: 0; }


.favoritesEdit { font-size:7pt; padding:5px 5px 5px 0; }
.addFavorite { color: #888; padding: 5px 5px 5px 24px; background: url(images/tag_blue_add.png) left center no-repeat; }
.removeFavorite {color: #888; padding: 5px 5px 5px 24px; background: url(images/tag_blue_delete.png) left center no-repeat; }
div.noFavorites {padding:5px; line-height:12pt; }
div.noFavorites img {vertical-align:middle; float:left; margin-right:5px;}

a.labelLink { text-decoration:none; color: inherit; }
a:hover.labelLink { text-decoration:none; color: inherit; }
a:link.labelLink { text-decoration:none; color: inherit; }
a:visited.labelLink { text-decoration:none; color: inherit; }
a:active.labelLink { text-decoration:none; color: inherit; }



.data1 { }
.data1 th { padding: 5px 5px 5px 25px; text-align: right; color: #6D8EC3;}
.data1 td { padding: 5px; border-bottom: 1px dotted #ccc; width: 200px; }

a.problemShelfAdd {background: url(images/error.gif) left center no-repeat; height:50px; line-height:50px; padding:20px 20px 20px 50px;}


a.addComment {background: url(images/comment.png) 0px 5px no-repeat; padding: 4px 4px 4px 20px; cursor:pointer;}
a.addAttachment {background: url(images/clip16.gif) 0px 5px no-repeat; padding: 4px 4px 4px 20px; cursor:pointer;}


.noteBox { border:1px solid #ddd; background-color:#F6F8FA; margin-bottom:10px; padding:10px;}

.schedule th {font-size: 10pt; padding: 2px; background-color: #A1CEEB; color: #555; }

.docActionBar
{
    background: #fff url(images/cornerFade.png) left top no-repeat; 
    border: 1px solid #dedede;
    margin: 5px 0;
    border-radius: 3px;
}

.docActionBar a
{
    border: 1px dotted transparent;
    border-radius: 3px;
    padding: 4px 5px;
    background-color: Transparent;
    color: #000;
    text-decoration: none;
    display: block;
    text-align: center;
    margin-right: 8px;
}

.docActionBar a.addDocument
{
    background: url(Images/other.gif) 4px center no-repeat;
    padding-left: 24px;
}

.docActionBar a.addFolder
{
    background: url(Images/folder_add.png) 4px center no-repeat;
    padding-left: 24px;
}

/*attachment files*/
.filename
{
    padding: 4px 4px 4px 24px;
    background: url(Images/other.gif) 4px 50% no-repeat;
}
.filename.file_icon_xls, .filename.file_icon_xlsx
{
    background: url(Images/xls.gif) 4px 50% no-repeat;
}
.filename.file_icon_doc, .filename.file_icon_docx, .filename.file_icon_rtf
{
    background: url(Images/doc.gif) 4px 50% no-repeat;
}
.filename.file_icon_ppt, .filename.file_icon_pptx
{
    background: url(Images/ppt.gif) 4px 50% no-repeat;
}
.filename.file_icon_pdf
{
    background: url(Images/pdf.gif) 4px 50% no-repeat;
}
.filename.file_icon_jpg
{
    background: url(Images/jpg.gif) 4px 50% no-repeat;
}
.filename.file_icon_gif
{
    background: url(Images/jpg.gif) 4px 50% no-repeat;
}
.filename.file_icon_png
{
    background: url(Images/jpg.gif) 4px 50% no-repeat;
}
.filename.file_icon_vsd
{
    background: url(Images/vsd.gif) 4px 50% no-repeat;
}
.filename.file_icon_zip
{
    background: url(Images/zip.gif) 4px 50% no-repeat;
}
.filename.file_icon_mpp
{
    background: url(Images/mpp.gif) 4px 50% no-repeat;
}
.filename.file_icon_txt
{
    background: url(Images/txt.gif) 4px 50% no-repeat;
}
.filename.file_icon_htm
{
    background: url(Images/htm.gif) 4px 50% no-repeat;
}
.filename.file_icon_exe
{
    background: url(Images/exe.gif) 4px 50% no-repeat;
}
.filename.file_icon_msg
{
    background: url(Images/msg.gif) 4px 50% no-repeat;
}
.filename.file_icon_xml
{
    background: url(Images/xml.gif) 4px 50% no-repeat;
}
.filename.file_icon_msi
{
    background: url(Images/msi.gif) 4px 50% no-repeat;
}
.filename.file_icon_chm
{
    background: url(Images/chm.gif) 4px 50% no-repeat;
}
.filename.file_icon_dll
{
    background: url(Images/dll.gif) 4px 50% no-repeat;
}
.filename.file_icon_folder
{
    background: url(Images/folder.gif) 4px 50% no-repeat;
}
.breadcrumb
{
    font-size: 10pt;
    font-weight: normal;
    padding: 4px 0;
}
.breadcrumb .seperator
{
    width: 14px;
    height: 21px;
    padding: 0 8px;
    background: url(images/bullet_arrow_right.png) no-repeat center center;
}
.folderTitle
{
    background: url(images/folder_40x.png) no-repeat left center;
    font-size: 12pt;
    padding: 12px 5px 12px 50px;
    display: block;
    font-weight: bold;
    margin: 15px 0 0 0;
}
.fileList
{
    border-collapse: separate;
}
.fileList th
{
    font-weight: normal;
    text-align: left;
    color: #369;
    padding: 3px 3px 6px 3px;
}
.fileList td
{
    padding: 2px 32px 2px 4px;
}
.fileList td
{
    border: 1px solid transparent;
}
.fileList tr.hover td
{
    border-top: 1px solid #B8D6FB;
    border-bottom: 1px solid #B8D6FB;
    background-color: #EFF5FD;
}
.fileList .fileName
{
    min-width: 200px;
}
.fileList .fileDescription
{
    width: 350px;
}
.fileList .fileDate
{
    width: 150px;
}
.fileList .fileSize
{
    width: 80px;
}
.fileList a
{
    text-decoration: none;
    color: #222;
}
.fileList a:hover
{
    text-decoration: underline;
}
.folderView
{
    margin-top: 25px;
    margin-left: 15px;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #ddd;
}
.addEmailGroup
{
    background: url(Images/group.gif) 4px center no-repeat;
    padding: 0 10px 0 25px;
    display:block;
    text-align:center;
    border: 1px dotted transparent;
    border-radius: 3px;
    background-color: Transparent;
    color: #000;
    text-decoration: none;
}


.chart h1 {font-size: 9pt; font-weight:bold; text-align:center; color:#000; margin: 10px 0 5px 0  }