/*############### Charts styles ####################*/
/*############## DO NOT TOUCH CHART STYLES!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ########################################*/

.periodbtn {
display: inline-block;
margin-right: 5px;
background: #ffffff;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
color: blue;
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) 370px 0px no-repeat; /* An optional secondary top background image */
}

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




/*******************************************************************************/
/*			       	      			    Top Menu			     	           */
/*******************************************************************************/
#top_menu {
	background:url(images/top_menu_bg.png) repeat-x; /* The background image of the top menu */
}

#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.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 */
}

#top_menu ul.level2 li.right-arrow {
	border-bottom: 1px solid #cccccc; /* The bottom border color of the dropdowm menu*/
	background:url(images/top_menu_bg_right_arrow.png) no-repeat right center #0072bb; /* 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 #cccccc; /* Apply same color as above */
	background:#0072bb;

}

#top_menu ul.level3 li {
	border-bottom: 1px solid #071147; /* border of 3rd level menu */
	background: #e1e1e1; /* background color of 3rd level menu */
}

#top_menu ul.level3 li a {
	color:#071147; /* color of 3rd level menu font */
}

#top_menu ul.level2 li a:hover, #top_menu ul.level3 li a:hover {
	background:#e1e1e1; /* Background color of active menu */
	color:#071147; /* Color of active link */
}

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

/*******************************************************************************/
/*			       			Left Hand Accordian Menu		       	           */
/*******************************************************************************/

div.accordion-first {
	background:url(images/accordion_top.png) 0px 0px no-repeat;
	color: #fff;
}

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

div.accordion-toggle:hover, div.accordion-toggle-active {
	background:#071147;
	border-top:1px solid #071147; /* the top title border color */
	color:ffffff; /*  font color of section title */
}

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

div.accordion-content li {
	border-top:1px solid #071147; /* The color of the dividers between section links*/
}

div.accordion-content li a {
	color:#071147; 	/* The color of the font of the section links */
	background-color:#ffffff; /* Background color of link */
}


div.accordion { 
	border-bottom: 1px solid #071147; /* The bottom closing border of the accordian menu */
}

/*******************************************************************************/
/*			  			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:#4095e6;
}

#header_right #welcome_user a {
	color:#4095e6; /* Link color */
}

#header_right #welcome_user a:hover {
	color:#4095e6;
}

/*******************************************************************************/
/*			  			End Welcome username, logout, green			     	   */
/*******************************************************************************/

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

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

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

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

.content {
	color:#071147;
}

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

.contentheadertitle {
color:#071147;
}

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

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

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

input.tickbox {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	color:#666666;
}

input[type="submit"] {
background:#071147 url(images/button.gif) repeat scroll 0 0;
border:1px solid #FFFFFF;
color:#FFFFFF;
}

input[type=button] {
	background: url(images/button.gif);
	background-COLOR:#071147;
	COLOR:#ffffff;
	border:1px solid #ffffff;
}

input.periodbtndisabled {
	background:#ffffff;
	color:#4095e6;
}
/*********************************************************************** WELCOME PAGE STYLES ***********************************/

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

.row_heading_inside {
	color:#071147;
}


.headings {
	background: url(images/headings_bg.png) no-repeat scroll 0 0; /* Change header image */
	color:#fff;
	/*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;
	/*background-color:#000;*/
}

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

.ul_dash_link1 li a:hover {
	color:#61C527; /* Best Newest */
}

input.periodbtn {
	background:#ffffff none repeat scroll 0 0; /* Current month lasy month, last 3 days */
	color:#071147;
}

#dashboard_pendingaffiliateslink, #dashboard_quickstatslink {
	color:#4095e6; /* More / Less in header*/
}

#new_messages a {
	color:#4095e6; /* Alerts and news messages link in header (green) */
}

/* Boxes for all stats */
.merchdashboard_periodcomparison,.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, .merchdashboard_reportlinks
{
	background: #ffffff;
	border: 1px solid #071147;
	color: #071147;
}

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

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

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


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


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

#container table td a.boxheadtext {
	color:#fff; /* Font color for Report Criteria Box */
}

a.boxheadtoggle {
	color:#FFFFFF; /* Show hide box header */
}
/**************************** Report Criteria Box Border ************************/ 
#reportcriteria {
	border:1px solid #071147;
}

/*************************** Text under report criteria box ********************/
.infobar {
	background-color:#fff;
	color:#071147;
}
/*************************** 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:#071147; /* Font color */
}

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

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

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

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

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

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


/**************************************** MESSAGE BANK ***********************************************/
/*MESSAGEBANK */

#gentabs a:hover {
	background:#4095e6;
}
#gentabs a:hover b {
	background:#4095e6;
}
#gentabs .current a {
	background:#4095e6;
}
#gentabs .current a b {
	float:left;
}
#msgbnktabs a:hover {
	background:#4095e6;
}
#msgbnktabs a:hover b {
	background:#4095e6;
}
#msgbnktabs a:hover b {
	background:#4095e6;
}
#msgbnktabs .current a {
	background:#4095e6;
}
#msgbnktabs .current a b {
	background:#4095e6;
}

/**************************************** MESSAGE BANK ***********************************************/

/*code added on 20090226 - skinning fix - form buttons*/

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;
}


/*#######################*/