/******************************************************************

 * TITLE: Master Color Stylesheet for Innovation	                  * 

 * URI  : color.css 					  *

 ******************************************************************/
/* ###### Body Style ###### */
body.frameDialogBody {color: #000; background:none;}

.content {background-image: url(img/bg_gradient.png) repeat-x;}

/* ###### Footer ###### */
/*------------------------- UI Refresh ------------------------------
Commented out the old images and added borders to the two divs to give the dimpled effect
----------------------------------------------------------------------*/
.footer th{color: #333;}
/*.footer_left {background: url(img/footer_left.png) left top no-repeat;}*/
.footer_content a {color: #000;}
.footer_content a:hover {color: #FBAD17;}

/* ###### Headers ###### */

.tileHeader {
    color: #333333;
    background: url(img/tile-background.png) repeat-x bottom;
    border-bottom: 2px solid #333333;
}
.tileHeader a {color: #000;}
.tileHeader a:hover{color: #F90;}

a.red {color: #fff; background: #D91E18;}
.red span {background: #D91E18;;}

a.gold {color: #fff; background: url(img/button_right_gold.png) top right no-repeat;}
.gold span {background: url(img/button_left_gold.png) top right no-repeat;}

input.actionButton {
    color: #000;
    background-color: #CCC;
    border-color: #000;
    filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#888888');
}


/* ###### Images ###### */
img.border {border-color: #000;}

/* ###### Titles ###### */
.titleTile {background-color: #FFF;}
.titleTile th.title {color: #5B1201;}

/* ###### Main Menu ###### */

table.siteMenu {color: #fff; background: url(img/site-menu-background.jpg) repeat-x bottom;}
table.siteMenu td.separator {background: url(img/divider.png) no-repeat center left;}
table.siteMenu th.active {background: url(img/site-menu-background-select.jpg) repeat-x bottom;}
table.siteMenu th.inactive {background: url(img/site-menu-background.jpg) repeat-x bottom;}
table.siteMenu th.mouseOver {background: url(img/site-menu-background-select.jpg) repeat-x bottom;}
table.siteMenu th.activeDisable {background: url(img/site-menu-background-select.jpg) no-repeat left;}

/* ###### Hidden Main Menu Drop Down ###### */
table.menuDropDown {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: white;
}
table.menuDropDown th {color: #626262; background: url(img/dd_back.png);}
table.menuDropDown th.mouseOver {color: #419A42; background-color: #4e4e4e; border-right-style: solid; border-right-color: #419A42;} 

/* ###### Sub Menu Tabs ###### */
table.menuTab th.active {color: #00F;}
table.menuTab th.inactive {color: #000;}
table.menuTab th.mouseOver {color: #00F;}

/* ###### Sub Menu Space Holder ###### */
/*----------------------------- UI Refresh -----------------------------------
Deleted any image files and added a border to the top for the dimple effect
-----------------------------------------------------------------------------*/
.subMenu {background-color: #F5F5F5; border-top: 1px solid #FAFAFA;}

/* ###### Warning Messages ###### */
.warningMsg table {border-color: #EF9808; background: #CCC;}
.warningMsg th {color: #EF9808;}
.warningMsg td {color: #EF9808;}

/* ###### Information Messages ###### */
.informationMessage {border: 1pt solid #6593CF;	background: #FFFFDC;}
.informationMessage td {color: #15428B;}
.informationMsg table {border-color: #2DB700; background: #CCC;}
.informationMsg th {color: #2DB700;}
.informationMsg td{color: #2DB700;}

/* ###### Stylized Text ###### */
.warning {color: #F00;}
.error {color: #F00;}
.numericWarning {color: #F00;}

/* ###### Note ###### */
.note table{
    border-color: #F00;
    color: #000;
    background-color: #FFF;
    background-image: url(img/notebook.gif);
    background-repeat: repeat;
    background-attachment: scroll;
}

/* ###### Note offset from top of the page to leave room for error msg box ###### */
.noteOffset table{
	border-color: #F00;
    color: #000;
    background-color: #FFF;
    background-image: url(img/notebook.gif);
    background-repeat: repeat;
    background-attachment: scroll;
}

/* ###### Toolbar ###### */
.toolbarTile {color: #000; background-color: #DDD;}

/* ###### News Banner ###### */
.sectionSeparator {border-bottom: 1px solid #C4C4C4;}

/* ###### Banner ###### */
.banner {background: url(img/logo.png) 10px 32px no-repeat #F5F5F5; border-bottom: 1px solid #E7E7E7}
.banner a.signOut {color: #666;}
.banner a.signOut:hover {color: #000;}
.banner a.titleActionLink {color: #666;}
.banner a.titleActionLink:hover {color: #000;}
.premium label {color: #419A42;}
.premium span {color: #555;}

/*=================================== modules ===================================*/
.m_top, .m_top_light {color: #419A42; background: #FFF; text-transform: uppercase; border-top: 1px solid #BDBDBD; border-right: 1px solid #BDBDBD; border-left: 1px solid #BDBDBD; }
.m_tile {background: #FFF; border-right: 1px solid #BDBDBD; border-bottom: 1px solid #BDBDBD; border-left: 1px solid #BDBDBD;}
.m_content_actions, .m_content {color: #6f7989;}
.m_content_actions label {color: #666; border-bottom: 1px solid #c4c4c4;}
.m_content_actions a {color: #666; border-bottom: 1px solid #c4c4c4;} 
.m_content a {color: #17abf4;}
.m_content_actions a:hover {color: #000; background: #EFFBFF;}
.m_content_actions a:focus {color: #FFF; background: #00739D;}

/*=================================== main tiles ===================================*/
/*---------------------------------- UI Refresh ------------------------------------
Commented out most of the image backgrounds and replaced with solid borders
--------------------------------------------------------------------------------------*/
table.format th.sectionLabel {color: #636363;}

/*=================================== wizard ===================================*/
/*================================ UI Refresh =================================*/
/*--------- Re-appropriated some of the images for the chevrons and deleted old un-used styles */
.wiz_link {background: url(img/wiz_right.png) right top no-repeat;}
.wiz_link.selected {background: url(img/wiz_right_visited.png) right top no-repeat;}
.wiz_link span {background: url(img/wiz_left.png) right top no-repeat;}
.wiz_link.selected span {background: url(img/wiz_left_visited.png) right top no-repeat;}

/*=================================== sign-in page ===================================*/
.signInTileRight h1 {color: #E79212;}

/*================================ UI Refressh =================================*/
/* Commented out most of the background menus for a cleaner look*/

/*=================================== site menu ===================================*/
/* .siteMenu ul li {background: url(img/site_menu_tile.png) top repeat-x;} */
.siteMenu ul li a {color: #626262; border-left: 1px solid #e4e4e4;}
.siteMenu ul li a.selected:not(.mouseOver), .siteMenu ul li a.no-menu-options:hover {border-bottom: 2px solid #419A42}
.siteMenu ul li a i {border: solid #626262; border-width: 0 2px 2px 0; display: inline-block; padding: 2px;}
.siteMenu ul li a span {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent;border-bottom: 5px solid #626262;margin-left:-8px; position: relative;}
.siteMenu ul li a i.icon-down {transform: rotate(45deg); -webkit-transform: rotate(45deg); position: relative; top:-2px; margin-left:4px;}
.siteMenu ul li a .icon-up { visibility:hidden;}
.siteMenu ul li a.mouseOver span.icon-up {visibility: visible;}
.siteMenu ul li a.mouseOver { color: #419A42}
/*.siteMenu ul li.siteMenu_left, .siteMenu ul li.siteMenu_right {background: url(img/site_menu_left.png) left top no-repeat;}*/
/*.siteMenu ul li.siteMenu_right {background: url(img/site_menu_right.png) left top no-repeat;}*/

/*=================================== task note ===================================*/
.task_note_content div {border-bottom: 1px solid #c4c4c4;}

/*=================================== issues ========================================*/
/*---------------------------------------- UI REFRESH --------------------------------------------------
Old backgrounds handled with images have been deleted and the new background rules have been added.*/

/*=================================== Authorize.Net popup ===================================*/
.AuthorizeNetShadowT { background-image: url(img/shadow1-top.png); background-repeat: repeat-x; }
.AuthorizeNetShadowR { background-image: url(img/shadow1-right.png); background-repeat: repeat-y; }
.AuthorizeNetShadowB { background-image: url(img/shadow1-bottom.png); background-repeat: repeat-x; }
.AuthorizeNetShadowL { background-image: url(img/shadow1-left.png); background-repeat: repeat-y; }
.AuthorizeNetShadowTR { background-image: url(img/shadow1-topRight.png); background-repeat: no-repeat; }
.AuthorizeNetShadowBR { background-image: url(img/shadow1-bottomRight.png); background-repeat: no-repeat; }
.AuthorizeNetShadowBL { background-image: url(img/shadow1-bottomLeft.png); background-repeat: no-repeat; }
.AuthorizeNetShadowTL { background-image: url(img/shadow1-topLeft.png); background-repeat: no-repeat; }

.AuthorizeNetPopupSimpleTheme .AuthorizeNetPopupOuter { 
	border-color: #585858; 
	background-color:#ffffff; 
}

/*=================================== job progress bar ===================================*/

table.job-status {
	width: 126px;
    padding: 0px;
    margin: 0px;
}

.listTable table.progress-bar {
    border-collapse: collapse;
    border: 1px solid #3465a4;
    height: 6px;
    width: 100px;
    padding: 0px;
    margin: 0px;
    clear: none;
}

table.progress-bar td.progress-bar-done {
    background-color: #3465a4;
    padding: 0px;
}

table.progress-bar td.progress-bar-left {
    background-color: #ffffff;
    padding: 0px;
}