html { overflow-y:scroll; }
body { margin:0; padding:0; background-color:#f8f4e1; font-family:Arial, sans-serif; font-size:12px; }
em { font-weight:bold; font-style:normal; }
a:focus { -moz-outline:0; }
div.clear_both { clear:both; }
label { font-size:11px; color:#666; font-weight:normal; }
label.required { color:#000; font-weight:bold; }
label.custom { color:#00f; }
input { font-size:11px; background-color:#fff; border:1px solid #aac; }
input.required { background-color:#ffd; border:1px solid #aac; }
select { font-size:11px; background-color:#fff; border:1px solid #aac; }
select.required { background-color:#ffd; border:1px solid #aac; }
input.styled { border:1px solid #8cacbb; background:#fff url("/images/bg/input.gif"); }
form { margin:0px; padding:0px; }
form.button-to { margin:0; }
form.button-to input { padding:0; margin:0; font-size:10px; }
.fieldWithErrors { display: inline; }
.fieldWithErrors input,
.fieldWithErrors select { background-color: #fdd; }
.light { color: #777; }
radio_button { font-size: 11px; }
#login { width: 300px; margin-left: auto; margin-right: auto; }
#footer { font-size:10px; color:#777; margin-top:0em; line-height:12px; text-align:center; }
/* Header tabs */
#headerBG { background:#202833 url("/images/bg/header.gif") repeat-x 0px 0px; color:#88A9D8; height:40px;}
div.header { margin:0; padding-left:10px; color:#88A9D8; border-bottom:none; vertical-align:middle; }
div.header h1 { margin:0; padding:0; }
div.header h2 { position:absolute; top:8px; left:140px; margin:0; padding:0; font-size:20px; color:#ccc; font-weight:bold; }
div.header #loginInfo { position:absolute; right:5px; top:5px; text-align:right; font-size:11px; margin:0; }
div.header #loginInfo a { text-decoration:none; border:none; padding:0; color:#A0C8FF; }
div.header #loginInfo a:hover { color: #F7BD57; }
#homelink a { position:absolute; top:8px; width:87px; height:32px; background-image:url("/images/header_logo.png"); background-repeat:no-repeat; background-position: 0px 0px; text-indent:-5000px; display:block;}
ul#tabs { position:absolute; list-style-type:none; height:40px; top:0; margin:0; padding:0; }
#tabs li { position:relative; float:left; margin:0; padding:0; }
#tabs li a { float:left; display:block; color:#281; height:40px; background-repeat:no-repeat; text-indent:-5000px; background-image:url("/images/lang/en/tabs.png"); }
#tabs li.Home a { background-position: 0px 0px; }
#tabs li.Home a:hover { background-position: 0px -40px; }
#tabs li.Home a:active { background-position: 0px -80px; }
#Home #tabs li.Home a { background-position: 0px -80px; }
#tabs li.Parts a { background-position: -200px 0px; }
#tabs li.Parts a:hover { background-position: -200px -40px; }
#tabs li.Parts a:active { background-position: -200px -80px; }
#Parts #tabs li.Parts a { background-position: -200px -80px; }
#tabs li.Inventory a { background-position: -400px 0px; }
#tabs li.Inventory a:hover { background-position: -400px -40px; }
#tabs li.Inventory a:active { background-position: -400px -80px; }
#Inventory #tabs li.Inventory a { background-position: -400px -80px; }
#tabs li.Manufacturers a { background-position: -600px 0px; }
#tabs li.Manufacturers a:hover { background-position: -600px -40px; }
#tabs li.Manufacturers a:active { background-position: -600px -80px; }
#Manufacturers #tabs li.Manufacturers a { background-position: -600px -80px; }
#tabs li.Vendors a { background-position: -800px 0px; }
#tabs li.Vendors a:hover { background-position: -800px -40px; }
#tabs li.Vendors a:active { background-position: -800px -80px; }
#Vendors #tabs li.Vendors a { background-position: -800px -80px; }
#tabs li.Contacts a { background-position:-1000px 0px; }
#tabs li.Contacts a:hover { background-position:-1000px -40px; }
#tabs li.Contacts a:active { background-position:-1000px -80px; }
#Contacts #tabs li.Contacts a { background-position:-1000px -80px; }
#tabs li.Quotes a { background-position:-1200px 0px; }
#tabs li.Quotes a:hover { background-position:-1200px -40px; }
#tabs li.Quotes a:active { background-position:-1200px -80px; }
#Quotes #tabs li.Quotes a { background-position:-1200px -80px; }
#tabs li.Purchases a { background-position:-1400px 0px; }
#tabs li.Purchases a:hover { background-position:-1400px -40px; }
#tabs li.Purchases a:active { background-position:-1400px -80px; }
#Purchases #tabs li.Purchases a { background-position:-1400px -80px; }
/* English Tabs */
ul#tabs {margin-left:100px;}
#tabs li.Home a {width:60px;}
#tabs li.Parts a {width:56px;}
#tabs li.Inventory a {width:84px;}
#tabs li.Manufacturers a {width:113px;}
#tabs li.Vendors a {width:74px;}
#tabs li.Contacts a {width:78px;}
#tabs li.Quotes a {width:68px;}
#tabs li.Purchases a {width:92px;}
/* Selectable tabs */
ul.table_tab {padding:0; margin-bottom:2px;}
ul.table_tab li {display:inline; background:#777; padding:2px; margin-right:5px; border-left:1px solid #fff; border-right:1px solid #fff; border-top:1px solid #fff;}
ul.table_tab li a {color:#bbb; text-decoration:none; }
ul.table_tab li.active {background-color:#444; border-left:1px solid #444; border-right:1px solid #444; border-top:1px solid #444;}
ul.table_tab li.active a {color:#fff;}
div.main { margin:0; text-align:left; }
div.main p { margin:0 0 10px 0; }
div.container { margin-bottom:5px; }
/*
* Submenu
*/
div.partcart { margin:1px 0 0 0; padding:1px; font-size:11px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; background:#efe; }
div.partcart li.menu_title { color:#281; font-weight:bold; }
div.view_menu { margin:1px 0 0 0; padding:1px; font-size:11px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; background:#eee url("/images/bg/submenu.gif") repeat-x 0px 0px; }
div.view_menu li.menu_title { color: #00d; font-weight:bold; }
ul.menu { margin:0; padding:0; list-style-type:none; }
ul.menu li { margin:0 0.75em 0 0.75em; padding:0; display:inline; }
ul.menu a { text-decoration:none; }
ul.menu a:hover { text-decoration:none; color:#333; }
div.alert { margin-left:auto; margin-right:auto; width:600px; background:#EBE5B2 url("/images/bg/note.gif") repeat-x top; padding:4px; }
div.alert h1 { color:#440; text-align:center; font-size:16px; font-weight:bold; border-bottom:none; margin:0 0 0.5em 0; }
div.alert h2 { color:#440; text-align:left; font-size:14px; font-weight:bold; border-bottom:1px dotted; margin:0 0 0.5em 0; }
div.alert div.section { padding-left:20px; margin-bottom:0px; }
div.alert {
margin-top: 5px; margin-bottom: 10px;
-o-border-radius:11px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
-o-box-shadow:0px 0px 15px #aaa;
-moz-box-shadow:0px 0px 15px #aaa;
-webkit-box-shadow:0px 0px 15px #aaa;
box-shadow:0px 0px 15px #aaa;
}
div.wizard { background: #D9EAF2 url("/images/bg/wizard.gif") repeat-x top; padding: 4px; }
div.deleteconfirm { background: #FFDDDD url("/images/deleteconfirm_bg.gif") repeat-x bottom; border: 3px solid #CC0000; padding: 4px; }
div.wizard h1,
div.deleteconfirm h1 { color: #1F5A72; text-align: center; font-size: 16px; font-weight: bold; border-bottom: none; margin: 0 0 0.5em 0; }
div.wizard h2,
div.deleteconfirm h2 { color: #1F5A72; text-align: left; font-size: 14px; font-weight: bold; border-bottom: 1px dotted; margin: 0 0 0.5em 0; }
div.wizard div.section,
div.deleteconfirm div.section { padding-left: 20px; margin-bottom: 20px; }
div.deleteconfirm h1,
div.deleteconfirm h2 { color: #990000; }
div.wizard, div.deleteconfirm {
margin-top: 5px; margin-bottom: 10px;
-o-border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
-o-box-shadow:0px 0px 15px #999;
-moz-box-shadow:0px 0px 15px #999;
-webkit-box-shadow:0px 0px 15px #999;
box-shadow:0px 0px 15px #999;
}
div.notice { background: url("/images/flash_good.gif") #efe no-repeat 5px 3px; color: #070; }
div.noticebad { background: url("/images/flash_bad.gif") #fee no-repeat 5px 3px; color: #700; }
div.notice, div.noticebad {
width: 500px; float: none; text-align: left; font-size: 12pt; padding: 5px 5px 5px 35px; margin: 10px auto 12px auto;
margin-top: 10px; margin-bottom: 10px;
-o-border-radius:11px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
-o-box-shadow:0px 0px 15px #aaa;
-moz-box-shadow:0px 0px 15px #aaa;
-webkit-box-shadow:0px 0px 15px #aaa;
box-shadow:0px 0px 15px #aaa;
}
div.errorExplanation { margin:auto; background-color: #c00; border: 1px solid #c88; color: #fff; text-align: left; font-size: 10pt; padding: 0; margin-top: 0; margin-bottom: 1em; }
div.errorExplanation ul { margin:0.5em; padding: 0 0 0 2em; list-style-type: circle; }
div.errorExplanation li { padding:0; }
div.panel { width:680px; text-align:center }
div.panel table { margin-left:auto; margin-right:auto; text-align:left; }
div.note,
div.note2 { background: #EBE5B2 url("/images/bg/note.gif") repeat-x 0px 0px; font-size: 12px; border: 1px solid #bb6; padding: 2px; }
div.note2 { background: #FFE8D0 url("/images/bg/note2.gif") repeat-x 0px 0px; border: 1px solid #CFB8A6; }
div.note em,
div.note2 em { text-decoration: underline; }
div.note strong,
div.note2 strong { font-weight: bold; font-style: italic; }
div.note h1,
div.note2 h1 { font-size: 14px; color: #3c68d9; border: none; padding: 0; margin: 0; }
div.note h2,
div.note2 h2 { font-size: 12px; color: #3c68d9; text-align: left; border: none; padding: 0; margin: 0; }
div.note p,
div.note2 p { padding: 0; margin-top: 0; margin-bottom: 0.5em; }
div.note ul,
div.note ol,
div.note2 ul,
div.note2 ol { margin-top: 0; margin-bottom: 0.5em; }
ul.actionList { display:inline; list-style-type:none; padding:0; }
ul.actionList li { display:inline; margin-right:8px; }
ul.quote_recipients { margin:0; list-style-type:none; }
/**************************************
* Filters
*************************************/
ul.filters { display: inline; padding: 0px; }
ul.filters li { display: inline; background-color: #eef; border: 1px solid #66f; color: #22c; font-size: 10px; padding: 1px 0px 1px 3px; margin-right: 5px; }
ul.filters li.include { background-color: #efe; border: 1px solid #272; color: #272; }
ul.filters li.exclude { background-color: #fee; border: 1px solid #c22; color: #c22; }
ul.filters img { vertical-align: bottom; margin-right: 0px; padding: 0; }
a img { border:0px; }
a { color:#930; padding:1px 1px; }
a:hover { color:#a75; }
a.sortlink,
a.sortlink_asc,
a.sortlink_desc { color:white; text-decoration:none; }
a.button { border:1px solid #999; }
a:visited {}
.h { color:#00e; border:1px solid #999; text-decoration:none; background-color:#ccc; }
.h a,
.h a:link,
.h a:visited,
.h a:active { color:#00e; border:1px solid #ccc; text-decoration:none; }
a.pdf-large { padding:10px 0px 10px 35px; line-height:35px; background-image:url("/images/icon/pdf_large.gif"); background-repeat:no-repeat; background-position:left center; }
a.pdf-small { padding:5px 0px 5px 20px; line-height:20px; background-image:url("/images/icon/pdf_small.gif"); background-repeat:no-repeat; background-position:left center; }
a.pdf-small-quiet { padding:5px 0px 5px 20px; line-height:20px; background-image:url("/images/icon/pdf_small.gif"); background-repeat:no-repeat; background-position:left center; text-decoration:none; }
a.quietlink { text-decoration:none; padding:0; color:#000; }
a.quietlinkred { text-decoration:none; padding:0; color:#900; }
a.quietlinkblue { text-decoration:none; padding:0; color:#00e; }
a.quietlinkdim { text-decoration:none; padding:0; color:#777; }
a.quietlink:hover,
a.quietlinkdim:hover,
a.quietlinkred:hover,
a.quietlinkblue:hover { text-decoration:underline; color:#930; }
a.biglink { font-size:12px; font-weight:bold;}
font.dim { color:#777; }
font.biglabel { color:#34a; font-size:16px; font-weight:bold; }
font.description { color:#888; font-size:12px; }
span.large { font-size:20px; }
span.small { font-size:11px; }
span.gray { color:#777; }
span.dim { color:#777; }
span.blue { color:#00f; }
span.green { color:#080; }
span.red { color:#a00; }
span.error { background:#c00; color:#fff; }
span.field_note { color: #777; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif; }
span.field_note2 { color: #930; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif; }
/**************************************
* TABLES
*************************************/
td.label { font-weight:bold; }
tbody { font-size:13px; }
table.paginator-top,
table.paginator-bot { border-collapse:collapse; margin:5px 0px 0px 0px; padding:0px; border:none; }
table.paginator-bot { margin:0 }
table.paginator-top td,
table.paginator-bot td { font-size:8pt; color:#930; }
table.dashbox { width:100%; border-collapse:collapse; background:#E8E8E8 url("/images/bg/dashbox.gif") repeat-x top; border:1px solid #888; margin-bottom:20px; }
table.dashbox_highlight { background:#E0CACA url("/images/bg/dashbox_red.gif") repeat-x top; }
table.dashbox th { text-align:left; padding-left:10px; font-weight:bold; color:#fff; }
table.dashbox th.red { background:#a00 url("/images/bg/tablehead_red.gif") repeat-x 0px 0px; }
table.dashbox th.green { background:#080 url("/images/bg/tablehead_green.gif") repeat-x 0px 0px; }
table.dashbox th.blue { background:#00a url("/images/bg/tablehead_blue.gif") repeat-x 0px 0px; }
table.dashbox th.gray { background:#444 url("/images/bg/tablehead_gray.gif") repeat-x 0px 0px; }
table.dashbox th.brown { background:#744 url("/images/bg/tablehead_brown.gif") repeat-x 0px 0px; }
table.dashbox th.orange { background:#744 url("/images/bg/tablehead_orange.gif") repeat-x 0px 0px; }
table.dashbox th.purple { background:#744 url("/images/bg/tablehead_purple.gif") repeat-x 0px 0px; }
table.dashbox td { font-size:12px; }
div.dashbox {
margin:5px 5px 15px 5px;
padding:0px 5px 5px 5px;
background:#fff;
-o-border-bottom-right-radius:11px; -o-border-bottom-right-radius:11px;
-moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px;
-webkit-border-bottom-left-radius:11px; -webkit-border-bottom-right-radius:11px;
border-bottom-left-radius:11px; border-bottom-right-radius:11px;
-o-box-shadow:0px 0px 15px #aaa;
-moz-box-shadow:0px 0px 15px #aaa;
-webkit-box-shadow:0px 0px 15px #aaa;
box-shadow:0px 0px 15px #aaa;
}
div.dashbox_highlight { background:#e0caca; }
div.dashbox h1 { color:white; height:15px; font-size:12px; font-weight:normal; margin:0px -5px 0px -5px; padding:1px 5px 0px 5px; background-color:#744; }
div.dashbox h1.red { background:#a00 url("/images/bg/tablehead_red.gif") repeat-x 0px 0px; }
div.dashbox h1.green { background:#080 url("/images/bg/tablehead_green.gif") repeat-x 0px 0px; }
div.dashbox h1.blue { background:#00a url("/images/bg/tablehead_blue.gif") repeat-x 0px 0px; }
div.dashbox h1.gray { background:#444 url("/images/bg/tablehead_gray.gif") repeat-x 0px 0px; }
div.dashbox h1.brown { background:#744 url("/images/bg/tablehead_brown.gif") repeat-x 0px 0px; }
div.dashbox h1.orange { background:#744 url("/images/bg/tablehead_orange.gif") repeat-x 0px 0px; }
div.dashbox h1.purple { background:#744 url("/images/bg/tablehead_purple.gif") repeat-x 0px 0px; }
table.datatable { border-collapse: collapse; border: 1px solid #ccc; }
table.datatable colgroup.thick { border-left: 2px solid #888; border-right: 2px solid #888; }
table.datatable col { border: 1px solid #ddd; }
table.datatable th { color:white; background:#474747 url("/images/bg/tablehead_gray.gif") repeat-x 0px 0px; text-align:left; vertical-align:bottom; font-size:8pt; font-weight:bold; border:hidden; padding-right:10px; }
table.datatable th.invisible { background:none; border:hidden; }
table.datatable td { color:black; text-align:left; vertical-align:top; font-size:8pt; border:none; border-left:1px solid #ddd; padding-right:10px; }
table.datatable td.blank { background:none; border-left:0; border-right:0; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
table.datatable td.error_note { background-color:#d00; color:#fff; }
table.datatable td.error { background-color:#fcc; }
table.datatable tr.even { background-color:#f8f8f8; border-top:1px solid #e4e4e4; }
table.datatable tr.even td.yellow { background-color:#FFFFD0; }
table.datatable tr.even td.orange { background-color:#FFE9D0; }
table.datatable tr.odd { background-color:#F0F0F0; border-top:1px solid #e4e4e4; }
table.datatable tr.odd td.yellow { background-color:#F9F7C7; }
table.datatable tr.odd td.orange { background-color:#FAE1C9; }
table.datatable tr.yelloweven { background-color:#FFFFD0; border-top:1px solid #e4e4e4; }
table.datatable tr.yellowodd { background-color:#F9F7C7; border-top:1px solid #e4e4e4; }
table.datatable tr.orangeeven { background-color:#FFE9D0; border-top:1px solid #e4e4e4; }
table.datatable tr.orangeodd { background-color:#FAE1C9; border-top:1px solid #e4e4e4; }
table.datatable tr.blue { background-color:#E0E0FF; border-top:1px solid #e4e4e4; }
/*table.datatable tr:hover { background-color: #F3E3CC; }*/
table.Radar { border-collapse: collapse; }
table.Radar th { color: #555; border-top: 0; border-bottom: 2px solid #555; text-align: left; padding-left:2px; vertical-align: top; font-size: 8pt; font-weight: bold; }
table.Radar td { padding: 1px 0.25em 1px 0.25em; vertical-align: top; font-size: 8pt; border: 0; border-bottom: 1px solid #ddd; }
table.Radar td.noborder { border-bottom: none; }
table.FormTable { border-collapse:collapse; }
table.FormTable td { padding:2px 4px 1px 3px; font-size:12px; }
table.FormTable td.field { text-align:right; vertical-align:top; white-space:nowrap; padding-top:5px; }
table.FormTable td.value { font-size:11px; text-align:left; vertical-align:middle; white-space:nowrap; padding-top:5px; }
table.FormTable label { color:#666; font-weight:normal;}
table.FormTable label.required { color:#000; font-weight:bold; }
table.FormTable label.custom { color:#00f; }
table.FormTable input { margin-top:-2px; }
table.FormTable select { margin-top:-2px; }
table.FormTable input.required { margin-top:-2px; }
table.FormTable select.required { margin-top:-2px; }
table.InfoTable { border-collapse:collapse; }
table.InfoTable td { font-size:11px; padding:1px 4px 1px 3px; }
table.InfoTable td.field { color:#666; text-align:right; vertical-align:top; white-space:nowrap; }
table.InfoTable td.value { text-align:left; vertical-align:middle; }
table.infobox { border-collapse: collapse; background: #ffe; border: 2px solid #a85; }
table.infobox td.label { text-align: right; vertical-align: top; font-weight: bold; }
table.infobox td { font-size: 12px; }
table.plain { border-collapse: collapse; border: none; }
table.plain col { border: none; }
table.plain td { border: none; }
.highlightRow { background-color: #eee; }
.highlightRowOver { background-color: #def; cursor: pointer; }
#quicksearch_1 { position: absolute; right: 0px; border: 1px solid #e8a400; background-color: #fff4d8; color: #66f; padding: 5px; z-index: 5; }
/***********************
* Autocomplete
***********************/
div.quicksearch_summary td { color:#000; font-size:11px; padding:0px; margin:0px; }
div.quicksearch_summary td.field { text-align:right; vertical-align:top; color:#777; padding-right:3px; }
div.quicksearch_summary td.value { text-align:left; }
div.auto_complete { position:fixed; border:1px solid #e8a400; color:#000; margin:0px; padding:0px; }
ul.autocomplete { list-style-type:none; background-color:#fff4d8; margin:0px; padding:0px; }
li.autocomplete { border:1px solid #fff4d8; }
div.auto_complete ul li.selected { background-color: #eef; border: 1px solid #66f; }
li.autocomplete_part { list-style-type: none; display: block; border: 1px solid #fff4d8; margin: 0; padding: 0px; height: 24px; }
li.autocomplete_part div.part_number { float: left; font-size: 12px; height: 24px; margin-right: 15px; }
li.autocomplete_part div.manufacturer_pn { font-weight: bold; font-size: 12px; line-height: 1.0em; }
li.autocomplete_part div.manufacturer { font-size: 10px; color: #888; }
li.autocomplete_part_parameter { list-style-type: none; display: block; border: 1px solid #fff4d8; margin: 0; padding: 0px; height: 16px; }
/**************************************
* Inline help (this is formatted with Textile)
*************************************/
span.inline_help { border: 1px solid #930; background-color: #ffe; text-align: left; position: absolute; margin-top: 6px; width: 320px; color: #000; padding: 0.25em; opacity: 0.95; }
span.inline_help h1 { font-size: 16px; color: #2461aa; padding: 0; margin: 0; }
span.inline_help h2 { font-size: 14px; font-weight: bold; color: #000; text-align: left; border: none; padding: 0; margin: 0; }
span.inline_help ul { margin: 0; }
span.inline_help p { font-size: 11px; font-family: Verdana,sans-serif; }
/**************************************
* Popup DIVs
*************************************/
.hide { display:none; }
a.tup { text-decoration:none; background:url("/images/minus.gif") center left no-repeat !important; padding:0 0 0 15px !important; }
a.tdown { text-decoration:none; background:url("/images/plus.gif") center left no-repeat !important; padding:0 0 0 15px !important; }
a.tup:hover { text-decoration:none; background:url("/images/minus.gif") center left no-repeat !important; }
a.tdown:hover { text-decoration:none; background:url("/images/plus.gif") center left no-repeat !important; }
a.wup { text-decoration:none; background:url("/images/wup.png") center right no-repeat !important; padding:0 10px 0 0 !important; }
a.wdown { text-decoration:none; background:url("/images/wdown.png") center right no-repeat !important; padding:0 10px 0 0 !important; }
/**************************************
* Borders
*************************************/
div.briefbox { padding:0 10px 5px 10px; margin:8px 0px 8px 0px; background:#fff; border:1px solid #cbb; white-space:nowrap; }
div.briefbox h2 { text-align:left; border:none; margin:0; padding:5px 0 0 0; font-size:14px; }
div.left { width:46%; float:left; }
div.right { width:46%; float:right; }
#recent_updates h2 { color:#08d; }
#recent_updates ul { list-style-type:none; margin:0; padding:0; }
#recent_updates span.date { color:#666; font-size:11px; padding-right:10px; }
.briefbox h1 { margin:-1px -10px 2px -10px; padding:1px 10px; font:bold 14px Arial, Helvetica, sans-serif; }
.briefbox h1 { background:#EFECE6; border-top:1px solid #BEBCB7; border-bottom:1px solid #BEBCB7; }
.briefbox h1.blue { background:#C3DCFF; border-top:1px solid #91A4BE; border-bottom:1px solid #91A4BE; }
.briefbox h1.green { background:#B1FFD0;}
.briefbox h1.red { background:#FFB1B1;}
.briefbox h1.brown { background:#FFD2B1;}
.briefbox h1.orange { background:#fff4d8; border-top:1px solid #e8a400; border-bottom:1px solid #e8a400; }
.briefbox h1.purple { background:#FFB1FA;}
.briefbox h1.gray { background:#DDDDDD;}
/**************************************
* Notification Banners
*************************************/
#system_banners { width:800px; margin:auto; background:#eee; border:1px solid #ccc; padding:0px; }
#system_banners a { font-size:11px; }
#system_banners div.banner { padding:2px; background-color:#ffffc0; border:1px solid #DBD5A2; margin:5px; }
#system_banners div span.title { color:#a00; text-align:left; font-size:14px; font-weight:bold; border-bottom:1px solid #DBD5A2; margin:0 0 0 0; }
#system_banners div span.date { color:#777; font-size:10px; font-weight:normal; margin-left:15px; }
#system_banners div.textile p { margin:4px 0 0 0; }
#system_banners div.textile { border:0px; padding:0px; margin:0px; }
.textile p { padding:0px; }
.textile em { text-decoration:underline; }
.textile strong { font-weight:bold; font-style:italic; }
.textile h1 { font-size:14px; color:#3c68d9; border:none; padding:0; margin:0; }
.textile h2 { font-size:12px; color:#3c68d9; text-align:left; border:none; padding:0; margin:0; }
.textile ul,
.textile ol,
.textile ul,
.textile ol { margin-top:0; margin-bottom:0.5em; }
/**************************************
* Login
*************************************/
div.login-outer {
width:400px;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
-o-box-shadow:5px 5px 15px #aaa;
-moz-box-shadow:5px 5px 15px #aaa;
-webkit-box-shadow:5px 5px 15px #aaa;
box-shadow:5px 5px 15px #aaa;
}
div.login-top {
background-image:url(/images/bg/header.gif);
background-color:#202833;
border-bottom:3px solid #4E617C;
text-align:center;
color:#F7BD57;
height:28px;
padding-top:12px;
-o-border-top-left-radius:15px;
-moz-border-radius-topleft:15px;
-webkit-border-top-left-radius:15px;
border-top-left-radius:15px;
-o-border-top-right-radius:15px;
-moz-border-radius-topright:15px;
-webkit-border-top-right-radius:15px;
border-top-right-radius:15px;
}
div.login-bottom {
background-color:#e8e8e8;
padding-bottom:5px;
-o-border-bottom-left-radius:15px;
-moz-border-radius-bottomleft:15px;
-webkit-border-bottom-left-radius:15px;
border-bottom-left-radius:15px;
-o-border-bottom-right-radius:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-right-radius:15px;
border-bottom-right-radius:15px;
}
/**************************************
* Cron log
*************************************/
#cron { width:800px; height:600px; overflow:scroll; padding:10px; border:1px solid #ccc; background-color:#fff; font:10px Monaco, "Courier New", Courier, monospace;}
/**************************************
* Purchase Orders
*************************************/
#purchase_updated { color: #f00;}