/*############### Charts styles ####################*/



#memberdetails input[type="submit"] {
	width:50px;
	text-align: center;
}
#memberdetails input[type="reset"] {
	width:50px;
	text-align: center;
}
#memberdetails label.checked {
	width:350px;
	overflow:hidden;
	margin-left: 10px;
	margin-top: auto;
	margin-bottom: auto;
}

#memberdetails label.error {
	width: 350px;
	overflow:hidden;
	margin-left: 10px;
	margin-top: auto;
	margin-bottom: auto;
}





#memberdetails input {
	border: 1px solid #999999;
	border-width: 1px;
	float: left;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	width: 180px;
	-ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box; 
}
#memberdetails select {
	float: left;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	border: 1px solid #999999;
	width: 180px;
	-ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box; 
}



.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 #fff; /* Top header background image */
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

#header {
	background:url(images/lux_bg.jpg) right top no-repeat; /* An optional secondary top background image */
	height: 119px; /* Image height */
}

#header #logo {
	background: url(images/logo.png) no-repeat 10px 35px;
	height:119px;
	width:400px;
}
/*******************************************************************************/
/*			       	    			End Top Logo		     	               */
/*******************************************************************************/

#container {background:#fff;}

/*******************************************************************************/
/*			       	      			    Top Menu			     	           */
/*******************************************************************************/
#top_menu {
	background:url(images/top_menu_bg.png) repeat-x; /* The background image of the top menu */
	margin-bottom:5px;
}

#top_menu ul li {
	background:none; /* The down arrow image */
	text-transform:uppercase;
}

#top_menu ul li.home_top_menu {
	background:none; /* The home button as it has no arrow */
}


#top_menu ul li a:hover {
	background:none; /* The green top menu hover image */
	color:#ccc;
}

#top_menu ul.level2 {text-align:left;}

#top_menu ul.level2 li {
	background:#222;
}

#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 #222; /* 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 #ccc; /* Apply same color as above */
	background:#222;

}

#top_menu ul.level3 li {
	border-bottom: 1px solid #ccc; /* border of 3rd level menu */
	background: #444; /* background color of 3rd level menu */
}

#top_menu ul.level3 li a {
	color:#efefef; /* color of 3rd level menu font */
}

#top_menu ul.level2 li a:hover, #top_menu ul.level3 li a:hover {
	background:#e42829; /* Background color of active menu */
	color:#efefef; /* Color of active link */
	text-decoration:none;
}

/*******************************************************************************/
/*			       	     			End Top Menu			       			   */
/*******************************************************************************/



/*******************************************************************************/
/*			       			Left Hand Accordian Menu		       	           */
/*******************************************************************************/

div.accordion-first {
	background:none;
}

div.accordion-toggle {
	background: url(images/accordion_menu_toggle_bg.png) no-repeat left center #f5f5f5; /* Change e1e1e1 for the back color of non active title and change image for matching bottom arrow color.  */
	color: #888888; /* Font color of inactive title font */
	border-top: 1px solid #f5f5f5; /* Font color of inactive title font */
	border-right: 1px solid #f5f5f5; /* Right border */
	border-left: 1px solid #f5f5f5;  /* left border */
	font-size:12px;
	font-weight:normal;
	padding-left:18px;
}

div.accordion-toggle:hover, div.accordion-toggle-active {
	background:#f5f5f5;
	border-top:1px solid #f5f5f5; /* the top title border color */
	color:#000; /*  font color of section title */
	font-weight:normal;
}

div.accordion-content {
	border-right:1px solid #f5f5f5; /* The color of the right open border section */
	border-left:1px solid #f5f5f5; /* The color of the left open border section */ 
}

div.accordion-content li {
	border-top:1px solid #d6d6d6; /* The color of the dividers between section links*/
	background:#f5f5f5;
}

div.accordion-content li a {
	color:#000; 	/* The color of the font of the section links */
	font-size:10px;
	padding:8px;
	background:#f5f5f5;
	width:170px;
}

div.accordion-content li a:hover {text-decoration:none;}


div.accordion { 
	border-bottom:none; /* The bottom closing border of the accordian menu */
}

div.accordion-content ul {
 
 border-color:#f5f5f5;
}
/*******************************************************************************/
/*			  			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;
}

#header_right #welcome_user a {
	color:#fff; /* Link color */
}

#header_right #welcome_user a:hover {
	color:#ccc;
}
/*******************************************************************************/
/*			  			End Welcome username, logout, green			     	   */
/*******************************************************************************/

/*******************************************************************************/
/*			  			General Styles							     	       */
/*******************************************************************************/


/* GENERAL LINKS */
a,a:visited, #container table td a {
	color:#333;
}

a:hover {
	color:#bbb; /* Active */
}
/* END GENERAL LINKS */

.content {
	color:#333;
}

a.content:hover {
	color:#bbb;
}

.contentheadertitle {
	color:#000; /* Page title color */
	font-size:16px;
}

.contentheaderdetail {
	color:#666; /* Page title detail */
}

.reportrowsel {background:#333;}

#mainContent {background:transparent;}

#mainContent table {background:transparent !important;}

#messagelist {background:transparent !important;}

/*********************************** Forms Colors *******************************/
select, select.selectbox {
	background-color:#fff;
	border:1px solid #333;
	color:#373300;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
}

input {
	background-color:#fff;
	border:1px solid #333;
	color:#373300;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
}

input.button {
	background:#535353;
	border:1px solid #fff;
	color:#fff;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	height:19px;
	padding:2px;
	text-transform:uppercase;
	cursor:pointer;
} 

input[type="button"] {
	background:#535353;
	border:1px solid #fff;
	color:#fff;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	height:19px;
	padding:2px;
	text-transform:uppercase;
}

input[type="submit"] {
	background:#535353;
	border:1px solid #fff;
	color:#fff;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	height:19px;
	padding:2px;
	text-transform:uppercase;
}

input.tickbox {
	border:0 none;
	color:#666666;
}

input.periodbtndisabled {
	background:#ffffff;
	color:#999;
}

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:#ccc;
	border:none;
	color:#000;
}

.headings {
	background: url(images/headings_bg.png) no-repeat scroll 0 0; /* Change header image */
	color:#fff;
	width:260px;
	/*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;*/
	width:260px;
}


.ul_dash_link li a:hover {
	color:#666 !important; /* MTD, YTD, Today, last Month, Yesterday - Active */
}

.ul_dash_link li a {
	color:#999 !important; /* MTD, YTD, Today, last Month, Yesterday Link */
}

.ul_dash_link1 li a {
	color:#999 !important; /* MTD, YTD, Today, last Month, Yesterday Link */
}

.ul_dash_link1 li a:hover {
	color:#666 !important; /* Best Newest */
}

.info_img {width:25px;}

input.periodbtn {
	background:#ffffff none repeat scroll 0 0; /* Current month lasy month, last 3 days */
	color:#666;
}

#dashboard_pendingaffiliateslink, #dashboard_quickstatslink {
	color:#f00; /* More / Less in header*/
}

#new_messages {margin-left:15px;}

#new_messages a {
	color:#fff; /* Alerts and news messages link in header (green) */
}

#news_archive a {
	color:#fff;
}

/* 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:#fff;
	border: 1px solid #333;
	color: #000;
}
#header_report_title {color:#ccc;}

.gentabsbordertable {
	background:transparent;
	border: 1px solid #000;
	color: #000;}

.gentabsbordertable td {background:transparent !important;}

.row_dark_color {
	background:#bbb; /* Alternating backbround color for box row results */
}

.row_light_color {
	background:#ddd; /* Alternating backbround color for box row results */
}

.reporttotal {
background-color:#ccc;
}

/*********************************************************************** END WELCOME PAGE STYLES ***********************************/


/******************************************* MESSAGE CENTER **************************************************************/

/** TAB COLORS **/
#gentabs a {
	color:#ffffff;
	background:#333;
}

#gentabs a b {
	background:#333;
	color:#ffffff;
}

#gentabs a:hover {
	background:#666;
	color:#fff;
}

#gentabs a:hover b {
	background:#666;
	color:#fff;
}

#gentabs .current a {
	background:#de0000;
	color:#ffffff;
}

#gentabs .current a b {
	color:#fff;
	background:#de0000;
}

#msgbnktabs a {
	color:#ffffff;
	background:#333;
}

#msgbnktabs a b {
	background:#333;
	color:#fff;
}

#msgbnktabs a:hover {
	background:#666;
	color:#fff;
}

#msgbnktabs a:hover b {
	background:#666;
	color:#fff;
}

#msgbnktabs .current a {
	background:#de0000;
	color:#ffffff;
}

#msgbnktabs .current a b {
	background:#de0000;
	color:#ffffff;
}

.msgbnkmenus li a {
	color:#fff;
}

.msgbnkmenus li a:hover {
	color:#ccc;
}

.msgbnkmenus {color:#fff; background:transparent;}



/** TAB COLORS **/

.tablecontent { /* Left background color */
	background-color:transparent;
	color:#333;
	font-size:14px;
}

.msgbnksubmenus { /* From, TO. ETC...  */
	background-color:transparent;
	padding:3px;
	color:#000;
	font-size:14px;
}

#messagelist {
	background-color:#EFEFEF;
	height:100%;
}

textarea {border:1px solid #333;}

td.reportoptions {color:#333; background-color:transparent;}

.content1pad {color:#333;}



/******************************************* END MESSAGE CENTER **************************************************************/


/*********************************************************************** REPORT STYLES ***********************************/


/**************************** Report Criteria Box header ***********************/ 
td.boxhead {
	background:#666; /* 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 #000;
}

/*************************** Text under report criteria box ********************/
.infobar {
	background-color:#fff;
	color:#000;
}

/*************************** Report criteria box  ********************/
.reportcriteriatxt {
	background-color:transparent;
	color:#333;
}

.reportcriteriafld {
	background-color:transparent;
	color:#333;
}

.tablecontent2 {color:#000;}

/*************************** 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:transparent; /* Report column heading*/
	color:#333; /* Font color */
	font-size:14px;
}


/************************* Report Row Results Colors *********************************/

.reportrow1 {
	background-color:bbb; /* background of the row result 1*/
	color:#333;		   /* Font Color */
} 

.reportrow1 a {
	color:#666;		   /* row 1 link color */
}

.reportrow2 {
	background-color:ddd;	/* background of row result 2 */
	color:#333;				/* font color */
} 

.reportrow2 a {
	color:#666;				/* row 2 link color */
}

.reportrow3 {
	background-color:ccc;	/* background of row result 2 */
	color:#333;				/* font color */
} 

.reportrow3 a {
	color:#333;				/* 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:#333;}

#sitemap-wrapper { border:1px solid #000; }

#sitemap-wrapper .header { background:transparent;}

/************************************** End Nav Helper Page******************************************/

/**************************************Footer******************************************/
#footer {
 color:#000;
}

#footer a {
 color:#333;
}
/**********************************End Footer******************************************/


