/*############### Charts styles ####################*/
.periodbtn {
display: inline-block;
margin-right: 5px;
background: #ffffff;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
color: #000000;
outline: none;
}

.periodbtndisabled {
display: inline-block;
margin-right: 5px;
background: #ffffff;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
color: grey;
outline: none;
}
.coloritem0 {
color: #839F2F;
}
.coloritem1 {
color: #0099FF;
}
.coloritem2 {
color: #56B9F9;
}
.coloritem3 {
color: #FFF123;
}
.coloritem4 {
color: #008E8E;
}
.coloritem5 {
color: #B3AA00;
}
.coloritem6 {
color: #9D080D;
}
.coloritem7 {
color: #839F2F;
}
.coloritem8 {
color: #839F2F;
}
/*############### END Charts styles ####################*/



/*******************************************************************************/
/*			       	     			  Top Logo		     		       	       */
/*******************************************************************************/
body {
	background:url(images/bg.png) top right repeat-x; /* Top header background image */
}

#header {
	background: transparent url(images/header_bg.png) 0px 0px no-repeat ; ;/* An optional secondary top background image */
	height: 120px; /* Image height */
	
}

#header #logo {
	background: url(images/logo.png) no-repeat center top;
	height:78px;
	width:302px;
	margin-left:200px;
	margin-top:28px;
	
}
/*******************************************************************************/
/*			       	    			End Top Logo		     	               */
/*******************************************************************************/


/*******************************************************************************/
/*			       	      			    Top Menu			     	           */
/*******************************************************************************/
#top_menu {
	/*background:none;  The background image of the top menu */
	background:url(images/menutable_bkgrd.gif) repeat-x  left top ;
	width:100%;
	border-bottom:#9A0217 solid 1px;
	
}
#top_menu ul li {
	background:url(images/top_menu_bg_down_arrow.png) no-repeat right top ; /* The down arrow image */
	
}
#top_menu ul li a{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
	font:Trebuchet;
	font-size:12px;

}

#top_menu ul li.home_top_menu {
	background:url(images/top_menu_bg_no_arrow.png) no-repeat right top ; /* The home button as it has no arrow */
	
}
#top_menu ul li a:hover {
	background:url(images/top_menu_hover_bg.png) repeat-x;  /*The green top menu hover image */
	text-decoration:underline;
	
}
#top_menu ul.level2 li{
	color:#FFFFFF;
	background:#890010;
	text-decoration:none;
	border-bottom: 1px solid #9A0217;
}

#top_menu ul.level2 li a{
	font-weight:normal;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font:Trebuchet;
	font-size:11px;
}

#top_menu ul.level2 li.right-arrow {
	border-bottom: 1px solid #9A0217; /* The bottom border color of the dropdowm menu*/
	background:url(images/top_menu_bg_right_arrow2.png) no-repeat right center #890010; /* Drop down image right arrow, or you can you a color if you don't want to use an image. */
}

#top_menu ul.level2 li.no-right-arrow {
	border-bottom: 1px solid #9A0217; /* Apply same color as above */
	background:#890010;
}

#top_menu ul.level3 li {
	border-bottom: 1px solid #9A0217; /* border of 3rd level menu */
	background: #890010; /* background color of 3rd level menu */
	font-weight:normal;
}
#top_menu ul.level3 li a {
	color:#FFFFFF; /* color of 3rd level menu font */
	font-weight:normal;
	text-align:left;
	border-bottom: 1px solid #9A0217;
}

#top_menu ul.level2 li a:hover, #top_menu ul.level3 li a:hover {
	background:#CB1B28; /* Background color of active menu */
	color:#FFFFFF; /* Color of active link */
	text-decoration:underline;
	border-bottom: 1px solid #9A0217;
	
	
}

/*******************************************************************************/
/*			       	     			End Top Menu			       			   */
/*******************************************************************************/



/*******************************************************************************/
/*			       			Left Hand Accordian Menu		       	           */
/*******************************************************************************/
div.accordion { 
	border-bottom: 1px solid #CB1C07; /* The bottom closing border of the accordian menu */
}

div.accordion-first {
	background:url(images/accordion_top_2.png) 0px 0px no-repeat;
	color: #fff;
	font-weight:bold;
	background-color:#000;
}

div.accordion-toggle {
	background:  url(images/accordion_menu_toggle_bg2.png) no-repeat right center #FFF;  /*Change e1e1e1 for the back color of non active title and change image for matching bottom arrow color.  
	background:#FFF;*/
	color:#000000; /* Font color of inactive title font */
	border-top: 1px solid #CB1C07; /* Font color of inactive title font */
	border-bottom: 1px solid #ffffff; /* Font color of inactive title font */
	border-right: 1px solid #CB1C07; /* Right border */
	border-left: 1px solid #CB1C07;  /* left border */
}

div.accordion-toggle:hover, div.accordion-toggle {
	background:#000;
	border-top:1px solid #000000; /* the top title border color */
	border-right: 1px solid #000000; /* Right border */
	border-left: 1px solid #000000;  /* left border */
	color:#ffffff; /*  font color of section title */
	text-decoration:underline;

}

div.accordion-content {
	background: #CB1C07; /* Background color of entire section */
	border-right:1px solid #CB1B28; /* The color of the right open border section */
	border-left:1px solid #CB1B28; /* The color of the left open border section */ 
}

div.accordion-content li {
	border-top:1px solid #CB1B28; /* The color of the dividers between section links*/
}
div.accordion-content li a {
	color:#FFFFFF; 	/* The color of the font of the section links */
	background-color:#CB1B28; /* Background color of link */
}
div.accordion-content li a:hover {
	color:#FFFFFF; 	/* The color of the font of the section links */
	background-color:#CB1B28; /* Background color of link */
	text-decoration:underline;
	font-weight:bold;
}
/*******************************************************************************/
/*			  			Close Left Hand Accordian Menu			     	       */
/*******************************************************************************/



/*******************************************************************************/
/*			  			Top Help, Languages, Sitemap			     	       */
/*******************************************************************************/
#header_right a {
	color:#ffffff; /* font color*/
}
/*******************************************************************************/
/*			  			End Top Help, Languages, Sitemap			     	   */
/*******************************************************************************/



/*******************************************************************************/
/*			  			Welcome username, logout, green			     	       */
/*******************************************************************************/
#header_right #welcome_user p {
	color:#fff;
	font-weight:bold;
}

#header_right #welcome_user a {
	color:#fff; /* Link color */
	font-weight:normal;
}

#header_right #welcome_user a:hover {
	color:#fff;
}
/*******************************************************************************/
/*			  			End Welcome username, logout, green			     	   */
/*******************************************************************************/

/*******************************************************************************/
/*			  			General Styles							     	       */
/*******************************************************************************/


/* GENERAL LINKS */
a,a:visited, #container table td a {
	color:#000000;
}

a:hover {
	color:#CB1C07; /* Active */
}
/* END GENERAL LINKS */

h3, p {
	color:#000000; /* Page title,desc. color */
}

.content {
	color:#000000;
}

.tablecontent {
	background-color:#E2E2E2;
	color:#373330;
}

.contentheadertitle {
color:#CB1C07;
}
.contentheaderdetail {
color:#000000;
}

/*********************************** Forms Colors *******************************/
select, select.selectbox {
	background-color:#FFFFFF;
	border:1px solid #252525;
	color:#373330;
}

input {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #000000;
	color:#373330;
}

input.button {
	background: url(images/button.gif); /* Generate Report button */
	background-COLOR:#000000;
	COLOR:#ffffff;
	border:1px solid #ffffff;
} 

input[type="button"] {
	background:#393939 url(images/button.gif) repeat scroll 0 0;
	border:1px solid #FFFFFF;
	color:#ffffff;
	font-size:11px;
	font-weight:normal;
	height:22px;
	padding:0 5px;
}

input[type="submit"] {
	background:#393939 url(images/button.gif) repeat scroll 0 0;
	border:1px solid #FFFFFF;
	color:#ffffff;
	font-size:11px;
	font-weight:normal;
	height:22px;
	padding:0 5px;
}
input[type="reset"] {
	background:#393939 url(images/button.gif) repeat scroll 0 0;
	border:1px solid #FFFFFF;
	color:#ffffff;
	font-size:11px;
	font-weight:normal;
	height:22px;
	padding:0 5px;
}
input.tickbox {
	border:0 none;
	color:#666666;
}

input.periodbtndisabled {
	background:#ffffff;
	color:#AFB0AB;
}

input.BtnUp  {background: url(images/uparrow.gif);background-repeat:no-repeat;height:8px;width:12px;border:0;margin:0px;}
input.BtnDown {background: url(images/dwnarrow.gif);background-repeat:no-repeat;height:8px;width:12px;border:0px;margin:0px;}
input.BtnFirst {background: url(images/first.gif);background-repeat:no-repeat;height:20px;width:20px;border:0px;margin:0px;}
input.BtnLast {background: url(images/last.gif);background-repeat:no-repeat;height:20px;width:20px;border:0px;margin:0px;}
input.BtnPrevious {background: url(images/prev.gif);background-repeat:no-repeat;height:20px;width:20px;border:0px;margin:0px;}
input.BtnNext {background: url(images/next.gif);background-repeat:no-repeat;height:20px;width:20px;border:0px;margin:0px;}
input.BtnSave {background: url(images/save.gif);background-repeat:no-repeat;height:21px;width:22px;border:0px;margin:0px;}
/*********************************************************************** WELCOME PAGE STYLES ***********************************/

/*** Heading for the row ***/
.row_heading {
	background:#F0F0F0 ;
	border:#FFFFFF;
	color:#000000;
	
}

.headings {
	background: url(images/headings_bg.png) no-repeat scroll 0 0; /* Change header image */
	color:#fff;
	height:24px;
	width:276px;
	font:"Trebuchet MS";
	font-size:12px;
	text-transform:uppercase;
	vertical-align:middle;
	/*background-color:#000;*/ /* uncomment if you would like a background color instead of an image */
}

.headings1 {  /* Same as above - Change header image */
	color:#fff;
	background:url(images/headings_bg.png) no-repeat;
	height:24px;
	width:276px;
	font:"Trebuchet MS";
	font-size:12px;
	text-transform:uppercase;
	vertical-align:middle;
	/*background-color:#000;*/
}

.ul_dash_link li a {
	color:#000000; /* MTD, YTD, Today, last Month, Yesterday Link */
}

.ul_dash_link li a:hover {
	color:#CB1B28; /* MTD, YTD, Today, last Month, Yesterday - Active */
}

.ul_dash_link1 li a:hover {
	color:#CB1B28; /* Best Newest */
}
input.periodbtn {
	background:#ffffff none repeat scroll 0 0; /* Current month lasy month, last 3 days */
	color:#3C4451;
}

#dashboard_pendingaffiliateslink, #dashboard_quickstatslink {
	color:#3C4451; /* More / Less in header*/
}

#new_messages a {
	color:#ffffff; /* Alerts and news messages link in header (green) */
	text-transform:none;
}

#news_archive a {
	color:#ffffff;
}

/* Boxes for all stats */
.dashboard_quickstats,.dashboard_pendingaffiliates,.dashboard_reportlinks,.dashboard_messagecenter,.dashboard_alerts,.dashboard_periodcomparison,.dashboard_topaffiliates,.dashboard_topbanners,.affdashboard_commissionbreakdown,.affdashboard_reportlinks,.affdashboard_messagecenter,.affdashboard_news,.affdashboard_quickstats,.affdashboard_periodcomparison,.affdashboard_creatives,
.reportoutertable {
	background: #ffffff;
	border: 1px solid #CB1B28;
	color: #000000;
}


.row_dark_color {
	background:#E2E2E2; /* Alternating backbround color for box row results */
}

.row_light_color {
	background:#F0F0F0; /* Alternating backbround color for box row results */
}

.reporttotal {
background-color:#000000;
}

/*********************************************************************** END WELCOME PAGE STYLES ***********************************/


/******************************************* MESSAGE CENTER **************************************************************/

/** TAB COLORS **/
#gentabs a {
	color:#ffffff;
	background:#CB1B28;
}

#gentabs a b {
	background:#CB1B28;
	color:#ffffff;
}

#gentabs a:hover {
	background:#000000;
	color:#fff;
}

#gentabs a:hover b {
	background:#000000;
	color:#fff;
}

#gentabs .current a {
	background:#000000;
	color:#ffffff;
}

#gentabs .current a b {
	background:#000000;
	color:#FFF;
}
#msgbnktabs a {
	color:#ffffff;
	background:#CB1B28;
}

#msgbnktabs a b {
	background:#CB1B28;
}

#msgbnktabs a:hover {
	background:#000000;
	color:#fff;
}

#msgbnktabs a:hover b {
	background:#000000;
	color:#fff;
}

#msgbnktabs .current a {
	background:#000000;
	color:#ffffff;
}

#msgbnktabs .current a b {
	background:#000000;
	color:#ffffff;
}
.msgbnkmenus li a {
	color:#000000;
}

.msgbnkmenus li a:hover {
	color:#CB1B28;
}
/** TAB COLORS **/

.tablecontent { /* Left background color */
	background-color:#EFF3FF;
	color:#373330;
}

.msgbnksubmenus { /* From, TO. ETC...  */
	background-color:#DBD8D3;
	color:#2A446E;
}

#messagelist {
	background-color:#EFEFEF;
	height:100%;
}

textarea {border:1px solid #000000;}

td.reportoptions {color:#000000;}

.content1pad {color:#000000;}

/******************************************* END MESSAGE CENTER **************************************************************/


/*********************************************************************** REPORT STYLES ***********************************/


/**************************** Report Criteria Box header ***********************/ 
td.boxhead {
	background:#CB1B28; /* background color of Report Criteria box */
	color:#ffffff; /* Font color */
}

a.boxheadtoggle {
	color:#FFFFFF; /* Show hide box header */
}

/**************************** Report Criteria Box Border ************************/ 
#reportcriteria {
	border:1px solid #000000;
}

/*************************** Text under report criteria box ********************/
.infobar {
	background-color:#fff;
	color:#000000;
}

/*************************** Report criteria box  ********************/
.reportcriteriatxt {
	background-color:#EFEFEF;
	color:#000000;
}

.reportcriteriafld {
	background-color:#EFEFEF;
	color:#000000;
}

/*************************** Box below Report Criteria box **********************/
.reportheading {
	background-color:#EFEFEF;
	color:#000000;
}

table.reportheading {
	background-color:#EFEFEF;
	border:1px solid #A2A19D;
}

/*************************** Report Search Results ******************************/

#reporttablecntr table {
	background-color:#F7F7F7; /* Border color */

}
.table_border_reports {
	border:1px solid #A2A19D; /* Surrounding border color */
}

.reportcolumnheadings {
	background-color:#DBD8D3; /* Report column heading*/
	color:#000000; /* Font color */
}


/************************* Report Row Results Colors *********************************/

.reportrow1 {
	background-color:#f0f0f0; /* background of the row result 1*/
	color:#CB1C07;		   /* Font Color */
} 

.reportrow1 a {
	color:#000000;		   /* row 1 link color */
}

.reportrow2 {
	background-color:#e2e2e2;	/* background of row result 2 */
	color:#000000;				/* font color */
} 

.reportrow2 a {
	color:#CB1C07;				/* row 2 link color */
}

.submitbar {
	background-color:#E2E2E2; /* background color for Get Report Submit Button */
	color:#000000;
}
/*********************************************************************** END REPORT STYLES ***********************************/

/**************************************Nav Helper Page******************************************/
#main-sitemap-wrapper h1, #main-sitemap-wrapper p {color:#000000;}
#sitemap-wrapper { border:1px solid #CB1B28; }

#sitemap-wrapper .header { background:#CB1B28 none repeat scroll 0 0;}

/************************************** End Nav Helper Page******************************************/

/**************************************Footer******************************************/
#footer {
 color:#000000;
}

#footer a {
 color:#AFB0AB;
}
/**********************************End Footer******************************************/