/* browser reset */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body, div, p, form { margin: 0px; padding: 0px; }
body { background: white; color: black; line-height: 150%; font-size: 12px; font-family: "Trebuchet MS", "Arial", sans-serif; }
h1 { font-size: 150%; margin: 10px 0px 4px; }
h2 { font-size: 125%; margin: 8px 0px 4px; }
h3 { font-size: 100%; margin: 6px 0px 4px; }
h4 { font-size: 100%; margin: 4px 0px 4px; }
h5 { font-size: 100%; margin: 4px 0px 4px; }
h6 { font-size: 100%; margin: 4px 0px 4px; }
h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a { padding: 0px; line-height: 120%; font-weight: bold; }
h1 a, h2 a { color: inherit; text-decoration: none; }
a { text-decoration: underline; font-weight: normal; color: blue; }
a img { border: none; }
p { margin: 0.7em 0em; }
li { margin: 0.7em 0px; }
ol, ul { margin-left: 2em; padding: 0px; }
table { border-collapse: collapse; font-size: 1em; }
th, td { padding: 2px; vertical-align: top; }
select option[disabled] { display: none; } /* until JSF gets rendered attribute for f:selectItem */

 /* master template layout */
.web_sidebar { width: 290px; max-width: 290px; padding: 1em 1em 2em 0.5em; overflow: hidden; }
.web_main { padding: 1em 1em 2em 1.5em; }
.web_sidebar h2 { text-align: center; }
.web_sidebar li { line-height: 140%; }
.web_iframe { width: 100%; height: 3500px; border: none;}

/* masthead */
.web_tabs { 
  position: relative; z-index: 1; width: 100%; margin: 0px; padding: 0px; padding-top: 1px;
  background-color: #E5E5B2; /* 60,50,80 */; list-style: none; text-transform: uppercase;
  border-bottom: 1px solid black; font-size: 11px; font-family: "Trebuchet MS", "Arial", sans-serif;
}
.web_tabs li { display: table-cell; margin: 0px; padding: 0px; white-space: nowrap; line-height: 34px; }
.web_tabs li.web_spacer { width: 100%; }
.web_tabs li a {
    display: block; margin: 0px; padding: 0em 1.5em;
    -moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px;
    color: black !important; text-decoration: none; font-weight: bold;
}
.web_tabs li a.inline { display: inline; }
.web_tabs li.active > a,
.web_tabs li.active:hover > a { background-color: #422c00; color: #E5E519 !important; /* 60,80,50 */ }  
.web_tabs li:hover > a { background-color: #D2D279; /* 60,50,65 */ }
.web_tabs li ul {
  position: absolute; z-index: 1; margin: 0px; padding: 0px; list-style: none; 
  background-color: #422c00; left: 0px; width: 100%; color: white;
}
.web_tabs li.web_spacer ul { position: relative; z-index: 0; }
.web_tabs li.web_spacer:hover > ul { z-index: 0; }
.web_tabs li.active > ul { z-index: 2; }
.web_tabs li:hover > ul { z-index: 3; }
.web_tabs li li a { color: white !important; -moz-border-radius: 0px; border-radius: 0px; }
.web_tabs li li:hover > a { background: transparent; }
.web_tabs li li a:hover  { color: #E5E519 !important; background: transparent; }
.web_tabs li a.active { color: orange !important; }

#web_superMenu a { padding: 0px 0.6em; }
#web_superMenu img { vertical-align: bottom; }
#web_superMenu:hover > a { background: transparent; }

#web_accountMenu.active > a, #web_userMenu.active > a, 
#web_accountMenu:hover > a, #web_userMenu:hover > a { background: transparent; }
#web_accountMenu > a, #web_userMenu > a { padding: 0px; }
#web_accountMenu img, #web_userMenu img { border: 1px solid #D2D279; margin: 0px 1px 1px; vertical-align: top; }
#web_accountMenu.active img, #web_userMenu.active img,
#web_accountMenu > a:hover img, #web_userMenu > a:hover img { border: 1px solid #422c00; }

#web_footer { background: black; color: wheat; padding-bottom: 4em; border-top: 1px dotted white; }
#web_footer a, #web_footer a:visited { color: yellow; }
#web_footer a:hover { color: white; }
#web_footer h2 { color: white; }
#web_footer table.links td { width: 20%; padding: 1.5em; }

/* richfaces panels */
.rf-pp-cntr { font-size: 12px; }
.rf-pp-cntr, .rf-pp-cntr h1, .rf-pp-cntr h2, .rf-pp-cntr h3 { color: black; }
.rf-pp-cntr a, .rf-pp-cntr a, .rf-pp-cntr a:visited  { text-decoration: underline; font-weight: normal; color: blue; }
.rf-pp-cntr a:hover { color: black; }
.rf-cp-hdr, .rf-cp-b { font-size: inherit; }
.rf-cp-b { padding: 0px; }

/* richfaces color picker */
.rf-cpi { vertical-align: middle; width: 2em !important; height: 2em !important; }
.rf-cpi-h { left: -11px !important; }
.rf-cpi-h input { margin: 0.5em 0.25em 0em; }
.rf-ac-itm-cnt { overflow-x: visible !important; overflow-y: visible !important; }

/* messages */
.web_notice { 
  text-align: center; background: lightyellow; margin: 4px auto;
  border: 1px solid orange; padding: 3px; color: black; line-height: 170%;
}
.web_notice a, .web_notice a:visited { color: navy; }
.web_notice a:hover { color: darkgreen; }
.web_messages { list-style-type: none; }
.web_fatal { color: red; }
.web_error { color: red; }
.web_warn { color: orange; }
.web_info { color: green; }
.web_required { background: #ffe6e6; }
.web_invalid { background-color: #ffe6e6; border: 1px solid red; }

/* data grid styles */
.web_data { border: 1px solid; border-color: #dcdbb7; width: 100%; }
.web_data th { vertical-align: middle; }
.web_data thead, .web_data tfoot { background-color: #fffea2; color: black; }
.web_data thead a, .web_data tfoot a { color: blue; }
.web_data thead tr:hover { background-color: #fffea2; color: black; }
.web_data tr { border-color: #dcdbb7; }
.web_data tr:hover { background-color: #fffed4; color: black; }
.web_data tr:hover a { color: blue; }
.web_data td, .web_data th { padding: 0.5em; }
.web_dataControls { width: 100%; }
.web_dataControls td { vertical-align: middle; }
.web_dataControls1 { text-align: left; white-space: nowrap; padding: 5px; }
.web_dataControls2 { width: 100%; }
.web_dataControls3 { text-align: right; white-space: nowrap; }
.web_pager { margin: auto; text-align: center; }

/* pretty css buttons */
.web_button, #cms_body a.web_button, #cms_body a.web_button:visited {
    display: inline-block;
    padding: 10px 15px; background: #4479BA; color: #FFF; border: solid 1px #20538D;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); text-decoration: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
.web_button:hover, #cms_body a.web_button:hover, #cms_body a.web_button:visited:hover {
    background: #356094; color: white; border: solid 1px #2A4E77; text-decoration: none; 
}
.web_button:active, #cms_body a.web_button:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481; border: solid 1px #203E5F;
}

/* miscellaneous component styling */
#web_topic_content_scroller { overflow: hidden; }
.web_UIHelp { margin: 0.25em; vertical-align: middle; opacity: 0.4; }
.web_UIInputImage input[type=file] { display: block; padding-bottom: 0.25em; }
.web_profile td { padding: 0em 2em 0.5em 0em !important; }
.web_breadcrumbs { margin: 1em 0em; }
.web_actions { opacity: 0.8; }
.web_captcha { width: 4em; }
.web_nowrap { white-space: nowrap; }
.web_left { text-align: left; }
.web_center { text-align: center; }
.web_right { text-align: right; }
.web_2525 { width: 25%; }
.web_5050 { width: 50%; }
.web_100 { width: 100%; }
.ox_cell { display: table-cell; }
.web_grid > tbody > tr > td { padding: 0.25em 0.75em 0.25em 0em; vertical-align: middle; }
.web_top > tbody > tr > td { vertical-align: top; }
.web_top td > p { margin-top: 0px; }

/* cms menus */
.cms_menu { position: relative; text-align: center; zoom: 1; }
.cms_menu ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cms_menu ul { margin: 0px; padding: 0px; list-style: none; width: 100%; }
.cms_menu li { margin: 0px; padding: 0px; position: relative; float: left; _width: 0px; z-index: 2; }
.cms_menu ul ul { 
  position: absolute; border: 1px solid black; display: none; top: 100%; left: 0px; width: auto; 
  _margin-top: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : 1);
}
.cms_menu li li { float: none; vertical-align: bottom; width: 12em; }
.cms_menu li li { width: auto; min-width: 14em; *width: 14em; }
.cms_menu ul ul ul { left: 100%; top: 0px; margin-top: 0px; }
.cms_menu li a { display: block; padding: 3px 0.9em; zoom: 1; cursor: pointer; }
.cms_menu li li a { white-space: nowrap; }
.cms_menu li:hover > ul { display: block; }
.cms_menu li { behavior: url('ox/webcore/ie/IEmenu.htc'); }
.cms_menu li.web_last { float: none; width: auto; z-index: 1; }
.cms_menu li.web_last ul { left: auto; right: 0px; }
.cms_verticalMenu li { width: 100%; clear: left; text-align: left; }
.cms_verticalMenu ul ul { left: 75%; top: 0; }
.cms_navigator ul { list-style-type: none; margin: 0px; }
.cms_navigator ul ul { padding-left: 1em; border-top: 1px dotted #555; }

/* content viewer */
.cms_share { margin: 1em 0px; }
.cms_title { margin-bottom: 0.7em; }
.cms_title td { padding: 0px; }
.cms_title h1 { margin-top: 0px; }
.cms_title .cms_share { width: 52px; margin: 0px 8px 0px 4px; }
.cms_author { margin: 0px; font-size: 80%; }
.cms_breadcrumbs { margin: 0.75em 0; }
.cms_thumbnail { text-align: center; margin-top: 1em; }
.cms_thumbnails { margin-top: 1em; }
.cms_thumbnails td { vertical-align: middle; }
.cms_summaryThumb { float: right; padding: 0px 0px 1em 1em; text-align: center; }
.cms_photo { text-align: center; }
.cms_comments { text-align: left; }
.cms_floatr { float: right; padding-left: 1em; text-align: center; }
.cms_content hr { display: none; }
.cms_commentAuthor { padding-top: 2em; }
.cms_scraped { display: none; }
.cms_navLinks { width: 100%; margin: 1em 0; }
.cms_navLinks td { width: 33%; vertical-align: middle; }
.cms_navLinks .c1 { text-align: left; }
.cms_navLinks .c2 { text-align: center; }
.cms_navLinks .c3 { text-align: right; }

/* contact form */
.cms_contact { width: 100%; }
.cms_contact-col1 { width: 25%; }
.cms_contact-col2 { width: 75%; }
.cms_captcha input { width: 4em; }

/* search */
.cms_searchResult { margin-bottom: 1em; }
.cms_searchTitle a { color: #00c; font-size: 125%; line-height: 140%; text-decoration: underline; }
.cms_searchUrl a { color: #093; }

/* design viewer */
#cms_title a { line-height: 120%; font-weight: bold; font-size: 150%; text-decoration: none; }
#cms_banner { text-align: center; position: relative; }
#cms_banner img { vertical-align: bottom; }
#cms_banner a:hover { text-decoration: none; }

/* cms widgets */
.cms_widget { margin-top: 1em; }
.cms_notice { display: none; }
ul.cms_updates { list-style-type: none; margin: 0px; }
.cms_updates .cms_author { font-size: 75%; }
.cms_twitterLink { display: block; text-align: right; }
#cms_body .cms_navigator a, #cms_body .cms_navigator a:hover { text-decoration: none; }
.cms_poll { margin: 0px auto; width: 100%; position: relative; }
.cms_poll td { text-align: left; vertical-align: middle; }
.cms_pollResult { float: left; background: #555; height: 1em; margin: 3px 0px;  }

/* order items */
.led_order-items { width: 100%; border-top: 1px solid #aaa; text-align: left; }
.led_order-items tr { border-bottom: 1px solid #aaa; }
.led_order-items td { vertical-align: middle; padding: 2px 4px; }
.led_order-items th { padding: 2px 4px; }
.led_orderItemDetails { white-space: pre; font-size: 80%; }

/* payments */
.led_payments { width: 100%; border-top: 1px solid #aaa;}
.led_payments tr { border-bottom: 1px solid #aaa; }
.led_payments td { vertical-align: middle; text-align: center; }
.led_selectLedger { max-width: 20em; }

/* general ledger */
.led_transactionRow { border-top: 1px solid #ccc; white-space: nowrap; }
.led_transactionRow:hover { background: #ddd; }
.led_splitLedger { text-align: right; }
.led_debit, .led_credit, th.led_credit { text-align: right; }

/* ledger history */
.led_splits { table-layout: fixed; }
.led_dateCol { width: 7em; }
.led_detailsCol { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.led_debitCol { width: 5em; text-align: right; }
.led_creditCol { width: 5em; text-align: right; }
.led_balanceCol { width: 7em; text-align: right; }

/* media support */
.ox_mobile .ox_desktopOnly { display: none; }

/* print styles */
@media print { 
  #web_masthead { display: none; }
  #web_actions, .web_actions { display: none; } 
  #web_footer { display: none; }
  .web_menu { display: none; }
  .web_sidebar { display: none; }
  .web_popup { display: none; }
  .web_noprint { display: none; }
  .cms_addComment { display: none; }
  style { display: none; } /* stop flying saucer printing css styles in pdfs */
}