/*  main.css                                                        */
/*  NOTE: AUTOGENERATED.  DO NOT EDIT the version in /css/          */
/*  font family:            Verdana, Arial, Helvetica, sans-serif                       */
/*  main font color:        #112641                        */
/*  contrast font color:    #FFFFFF               */
/*  element bg color:       #112641                  */
/*  element border color:   #112641              */
/*  anchor color:           #9a2e21                      */
/*  divider color:          #FCCD0B                     */
/*  disabled font color:    #848284               */
/*  success font color:     #00AA00                */
/*  page header font color: #001E52             */
/*  alert font color:       #CC0000                  */
/*  hover state bg color:   #FFF19A                    */
/*  logout btn font color:  _CSS_NAV_BAR_LOGOUT_BUTTON_FONT_COLOR_  */
/*  for creating borders:   dot_112641.png  */

body * {
    font-family:                Verdana, Arial, Helvetica, sans-serif;
    color:                      #112641;
}

.fakeLink, .fakeLink * {
    color:                      #9a2e21;
}

a {
    color:                      #9a2e21;
}

a.textColored, a.textColored:visited {
    color:                      #112641;
}

a:visited {
    color:                      #9a2e21;
}

div.divider {
    background-color:           #FCCD0B;
}

.pipe {
    background-color:           #949da9;
}

table {
    border-color:               #112641;
}

table.light {
    border-color:               #949da9;
}

/*********************************************************/
/* overrides for the CKE editor's "kama" style rules */
/*****************************************************/

#body .cke_skin_kama .cke_dialog_body {
    border:                     1px solid #112641;
}

#body .cke_skin_kama .cke_dialog_title {
    border-bottom:              1px solid #FCCD0B;
}

#body .cke_skin_kama .cke_dialog_footer {
    border-top:                 1px solid #FCCD0B;
}

/*********************************************************/
/* draws the design gallery grid's border */
/******************************************/
div#grid table {
    border-color:               #949da9;
}

div#grid table tbody tr td {
    border-color:               #949da9;
}

/*********************************************************/
/* a 1px border between the copyright text and content */
/*******************************************************/

.layout > .footer > p {
    border-color:               #112641;
}

/*********************************************************/
/* draws the faux "border" on the left column */
/**********************************************/
.layout.project, .layout.addressBook, .layout.roiPro, .layout.designGallery, .layout.campaign, .layout.portfolio {
    background-image: url('/img/dot_112641.png');
}

/*********************************************************/
/* for html horizontal navigation bar */
/**************************************/

div.horizontalNavigationBar ul.tabNavigation {
    border-color:               #112641;
    background-image: url('/img/nav_main_bg_retail.gif');
    float: right;
}

div.horizontalNavigationBar ul.tabNavigation li.logout {
    background-image: url('/img/nav_logout_bg_retail.gif');
}

div.horizontalNavigationBar ul.tabNavigation li a {
    border-color:               #112641;
    color:                      #112641;
}

div.horizontalNavigationBar ul.tabNavigation li a.hovering {
    color:                      #112641;
}

div.horizontalNavigationBar ul.tabNavigation li.logout a {
    color:                      #112641;
}

div.horizontalNavigationBar div.tabContent ul.subTabNavigation li a {
    color:                      #112641;
}

/*********************************************************/
/* color for swapping out when we hover over an element */
/********************************************************/

.highlightedElement {
    background-color:           #FFF19A;
}

.highlightedElement .ygtvlabel span,
.highlightedElement .ygtvhtml span {
    color:                      _CSS_TREE_HOVER_TEXT_COLOR_;
}

.highlightElementWhenHovering:hover {
    background-color:           #FFF19A;
}

.highlightElementWhenHovering:hover .ygtvlabel span,
.highlightElementWhenHovering:hover .ygtvhtml span {
    color:                      _CSS_TREE_HOVER_TEXT_COLOR_;;
}

.selectedElement {
    background-color:           #FFF19A;
}

.selectedElement .ygtvlabel span,
.selectedElement .ygtvhtml span {
    color:                      _CSS_TREE_HOVER_TEXT_COLOR_;
}

/*********************************************************/
/* datatable.css sets the background-color on these, so  */
/* we have to explicitly override that rule if we want   */
/* the hover state to come across properly */
/*******************************************/

div#viewContactsDataTable table tbody tr.yui-dt-odd:hover {
    background:                 #FFF19A;
}

div#viewContactsDataTable table tbody tr.yui-dt-even:hover {
    background:                 #FFF19A;
}

div#contactGroupsDataTable table tbody tr.yui-dt-odd:hover {
    background:                 #FFF19A;
}

div#contactGroupsDataTable table tbody tr.yui-dt-even:hover {
    background:                 #FFF19A;
}

/*********************************************************/
/* override to place border-colors (fake dividers) on */
/* fieldLists on some layout pages */
/***********************************/

.project .left .fieldList > li {
    border-color:               #FCCD0B;
}

ul#projectLayoutFieldList li {
    border-color:               #FCCD0B;
}

/*********************************************************/
/* YUI Treeview overrides */
/*****************************************************/

html body .ygtvlabel,
html body .ygtvhtml {
    color:                      #112641;
}

html body a.ygtvlabel:visited,
html body a.ygtvhtml:visited {
    color:                      #112641;
}

/*********************************************************/
/* standard data table style (non-YUI) */
/***************************************/

table.standardDataTable {
    border-color:               #112641;
}

table.standardDataTable > thead > tr > th {
    background-color:           #112641;
    color:                      #FFFFFF;
}


table.standardDataTable > tfoot > tr {
    background-color:           #112641;
}

table.standardDataTable > tfoot > tr > td div.wrapper div.text {
    color:                      #FFFFFF;
}

/*********************************************************/
/* style for the custom row we like to append to the end */
/* of YUI data-tables a la viewContacts.vm               */
/*********************************************************/

tr.customYuiDataTableFooterRow {
    background-color:           #112641;
}

tr.customYuiDataTableFooterRow td div.wrapper div.text {
    color:                      #FFFFFF;
}

/*********************************************************/
/* color information corresponding to classes in         */
/* datatable.css */
/*****************/


div.yui_datatable_customized table thead th {
    background-color:           #112641;
}

div.yui_datatable_customized table thead th div.yui-dt-liner span.yui-dt-label {
    color:                      #FFFFFF;
}

div.yui_datatable_customized table thead th div.yui-dt-liner span.yui-dt-label * {
    color:                      #FFFFFF;
}

/*********************************************************/
/* color information corresponding to classes in         */
/* tabview.css */
/*****************/

div.yui_navset_customized ul.yui-nav li a {
    background:                 url('/img/nav_main_bg_retail.gif');
    border-color:               #112641;
    color:                      #112641;
}

div.yui_navset_customized ul.yui-nav li a em {
    color:                      #112641;
}

div.yui_navset_customized ul.yui-nav li.selected a {
    border-color:               #112641;
    color:                      #112641;
}

div.yui_navset_customized ul.yui-nav li.selected a em {
    border-color:               #FFFFFF;
    color:                      #112641;
}

div.yui_navset_customized ul.yui-sub-nav {
    border-color:               #112641;
}

div.yui_navset_customized ul.yui-sub-nav li a {
    border-color:               #112641;
}

div.yui_navset_customized div.yui-content {
    border-color:               #112641;
}

/*********************************************************/
/* CSS rules for YUI treeview component */
/****************************************/
html body .ygtvcontent > a {
    color:                      #112641;
}

/*********************************************************/
/* CSS rules for YUI panel component */
/****************************************/
html body .yui-panel .hd {
    background-color:           #112641;
    color:                      #FFFFFF;
}

/*********************************************************/
/* CSS rules for YUI modal (in CMS) component */
/**********************************************/
.modal.yui-panel ul.fieldList li.radio.flashTemplate table td.selected img {
    border-color:               #FCCD0B;
}

/*********************************************************/
/* standard format for our error messages */
/******************************************/

div.errorInfo {
    border-color:               #112641;
}

/*********************************************************/
/* autoform-specific style rules */
/*********************************/

div.autoform div.fieldGroup input[type="text"] {
    border-color:               #112641;
}

div.autoform div.fieldGroup textarea {
    border-color:               #112641;
}

div.autoform div.fieldGroup select.multi {
    border-color:               #112641;
}

div.autoform div.fieldGroup div.imageElement .imageBox {
    border-color:               #112641;
}

/*********************************************************/
/* YUI calendar rules */
/**********************/

html body .yui-calcontainer {
    border-color: #112641;
}

/*********************************************************/
/* cross-browser percentage-based text input rules */
/***************************************************/

.text.wrapper {
    border-color: #112641;
}

/*********************************************************/
/* for Image Assistant folder tree */
/***********************************/

div.treeNode > a {
    color: #112641;
}

/*********************************************************/
/* legacy styles whose usage is unclear */
/****************************************/

.sectionheader {
    color:                      #001E52;
}

.subsectionheader {
    color:                      #001E52;
}

.alertmessage {
    color:                      #CC0000;
}

.alerttitle {
    color:                      #CC0000;
}

.required {
    color:                      #CC0000;
}

.error {
    color:                      #CC0000;
}

li.error * {
    color:                      #CC0000;
}

.errorText {
    color:                      #CC0000;
}

.errorText * {
    color:                      #CC0000;
}

.disabled {
    color:                      #848284;
}

.header {
    color:                      #112641;
}

.menuheader {
    background-color:           #112641;
    color:                      #FFFFFF;
}

.menuheader * {
    background-color:           #112641;
    color:                      #FFFFFF;
}

.tableborder {
    background-color:           #112641;
}

.textentry {
    background-color:           #FFFFFF;
    border-color:               #112641;
}

.success {
    color:                      #00AA00;
}

/*********************************************************/
/* legacy PHP styles; remove and replace with standard */
/* datatable styles at some point */
/**********************************/

table.tblDataGrid tr.tblheaderbgcolor {
    background-color:           #112641;
}

table.tblDataGrid tr th {
    color:                      #FFFFFF;
}

table.tblDataGrid tr th a {
    color:                      #FFFFFF;
}

table.tblDataGrid tr td.tblGridFooter {
    background-color:           #112641;
    color:                      #FFFFFF;
}

table.tblDataGrid tr td a.tblGridFooterLink {
    color:                      #FFFFFF;
}

table.tblDataGrid tr td.tblGridFooter span.activeText {
    color:                      #FFFFFF;
}

/*********************************************************/
/* site-skin (yui-skin-sam override)                     */
/* Require another level of div                          */
/* Example:                                              */
/* <div class="yui-skin-sam"><div class="site-skin">     */
/* <div id="datatableContainer"></div>                   */
/* </div></div>                                          */
/* The non-site settings are in /css/datatable.css       */
/*********************************************************/

/* datatables */
.yui-skin-sam .site-skin .yui-dt th {
    background:                 #112641;
}
.yui-skin-sam .site-skin .yui-dt-label,
.yui-skin-sam .site-skin .yui-dt-label a {
    color:                      #FFFFFF;
    font-weight:                bold;
}
.yui-skin-sam .site-skin .yui-dt table {
    border-color:               #112641;
}

/* dialog, panels, containers */
.yui-skin-sam .site-skin .yui-panel .hd {
    background:                 #FFFFFF;
}

.yui-skin-sam .site-skin .yui-panel,
.yui-skin-sam .site-skin .yui-panel .bd,
.yui-skin-sam .site-skin .yui-panel .ft {
    background-color:           #FFFFFF;
    border-top:                 #FFFFFF;
}

.yui-skin-sam .site-skin .yui-panel .hd {
    background:                 #112641;
    color:                      #FFFFFF;
}
.yui-skin-sam .site-skin .yui-panel, .yui-skin-sam .site-skin .modal.yui-panel {
    border:                     1px solid #112641;
}

/*********************************************************/
/* jquery-ui styles */
/*********************************************************/
.ui-widget-header {
    border: 1px solid #112641;
    background: #112641;
    font-weight: bold;
}

/* make the corners non-rounded */
.ui-corner-all {
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}

/* widget header */
.ui-widget-header .ui-icon {
    border: 0px solid #fff;
    width: 12px; height: 12px; padding: 0; margin: 0;
    background: url("/img/yui/container/close12_1.gif") no-repeat scroll 0 0 transparent; }
.ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus {
    border: 0px solid #fff;
    width: 12px; height: 12px; padding: 0; margin: 0;
    opacity: .5; filter: alpha(opacity=50);
    font-weight: normal; color: #fff;
}
.ui-widget-content {
  border: 1px solid #112641;
  background: #FFFFFF;
  color: #112641;
}

.ui-dialog-title {
    color: #FFFFFF;
}

/* reset the padding for the content because it triggers the scrollbars in IE */
.ui-icon { width: 12px; height: 12px; }
.ui-dialog { padding: 0; }
.ui-dialog .ui-dialog-content { padding: 0; margin: 5px 5px; }
.ui-dialog .ui-dialog-buttonpane { border-width: 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 2px; top: 0; width: 12px; height: 12px; margin: 2px 2px 0 0; padding: 0; }
.ui-dialog .ui-dialog-titlebar-close span { margin: 0; }
.ui-dialog .ui-dialog-title { margin: 0; }
.ui-dialog .ui-dialog-titlebar { padding: 2px 5px; margin: 0; }

.ui-widget-overlay {
    background: #a0a0a0;
    opacity: .3;
    filter: alpha(opacity=30); /* Set opacity in IE */
}