/* ******************************************* */
/* MAIN CSS FILE                               */
/*                                             */
/* !!! DO NOT EDIT THIS FILE !!!               */
/* It gets replaced during updates             */
/*                                             */
/* If you want to change some CSS styles, put  */
/* them into custom.css file in the same       */ 
/* directory                                   */
/* ******************************************* */

body {
	/*position:static;*/
	margin:0;
	padding:0;	
	font:normal 11px Arial, Verdana, Helvetica, Geneva, sans-serif;
	color:#000000;	
	background:#ffffff;
	}

.SingleMode {position:static;}

h1 {
	font-size:24px;
	border-bottom:1px solid #cccccc;
	}

.TabPanelContent {padding:10px;}

/* ******************************************* */
/*                  HEADER                     */
/* ******************************************* */
.Header {position:static; margin:auto;}
.HeaderInfo {height:75px; position:static;}
.Logo {
	position:absolute;
	top:5px;
	left:22px;
	float:left;
	width:314px;
	height:57px;
	display:block;
	overflow:hidden;		
	}

.LogoImage {border:none;}

.Title { 	
	position:absolute;	
	top:60px;
	left:145px;
	float:left;
	width:250px;	
	overflow:hidden;	
	color:#1ea9df;
	z-index:10;
	}


/* ******************************************* */
/*                MAIN LAYOUT                  */
/* ******************************************* */
.MainPanel {
	position:relative;	
	margin:auto;
	overflow:none;
	background:#ffffff;
}

.Content {border:none; vertical-align:top; background:#ffffff; border:1px solid #a1a1a1; table-layout:fixed;}
.Window .Content {border:none;}
.LeftColumn {vertical-align:top; background:url('img/left.column.gif') #f4f4f4 repeat-y; border:1px solid #a1a1a1; table-layout:fixed;}
.ContentText {position:relative;}
.ContentLeft {background:url('img/content.left.gif') repeat-y left top; position:static;}
.ContentRight {background:url('img/content.right.gif') repeat-y right top; position:static;}
.Container {border-collapse:collapse; position:relative; table-layout:fixed;}
.ContentIn {padding:10px;}


/**************************************/
/*              FOOTER                */
/**************************************/
.Footer {
	background:url(img/content.bottom.gif) repeat-x;
	display: block;
	margin:auto;		
	padding:0;
	margin-bottom: 10px;
	position:static;
	}

.FooterLeft {padding:0 0 0 5px; background:url('img/content.bottom.left.gif') repeat-y left top;}
.FooterRight {padding:0 5px 0 0; background:url('img/content.bottom.right.gif') repeat-y right top; height:23px;}
.Footer span {display:block; color:#ffffff; padding:13px 20px;}
.Copyright {padding:4px 0 0 4px; float:left; color:#2b3c5d;}


/**************************************/
/*             NAVIGATION             */
/**************************************/
.Navigation{background:url('img/content.top.gif') repeat-x; margin:auto;}
.NavigationLeft {background:url('img/content.top.left.gif') no-repeat left top; padding:0 0 0 0 7px;}
.NavigationRight {background:url('img/content.top.right.gif') no-repeat right top; padding:0 7px 0 0; height:30px;}

ul.nav {
	border:0pt none;
	height:17px;
	padding:7px 0 0 0;
	}

.nav li{
	display:inline;
	margin:5px 0;
	padding:6px 20px;
	list-style-image:none;
	list-style-type:none;
	}

.nav li a{
	margin:5px 0;
	color:#4C628F;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	-moz-outline:none;
	}

.nav li a:hover{text-decoration:underline;}


/* ******************************************* */
/*                 MAIN MENU                   */
/* ******************************************* */
.MenuEntry {cursor:pointer; position:relative;}
.MenuEntryIn {position:relative; min-height:5px;}
* html .MenuEntryIn {height:5px;}
.MenuEntryIn2 {padding:7px 0 7px 12px; position:relative; min-height:5px;}
* html .MenuEntryIn2 {height:5px;}
.MenuEntry-over {background:url('img/menu.entry.back-over.gif') repeat-y top left;}
.MenuEntry-over .MenuEntryIn {background:url('img/menu.entry.top-over.gif') no-repeat top left;}
.MenuEntry-over .MenuEntryIn2 {background:url('img/menu.entry.bottom-over.gif') no-repeat bottom left; _height:0; min-height:0;}

.MenuEntry-activated {
	background:#f0f0f0;
	border:1px solid #eaeaea;
	border-left:0;
	border-right:0;
	}

.Menu {border:none; position:relative;}

.Menu .SectionLabel {
	margin:0 0 3px 0;
	font:bold 13px Arial, Verdana, Helvetica, Geneva, sans-serif;
	cursor:pointer;
	}

.SectionLabel:hover {text-decoration:underline;}
.MenuEntryLabel {min-height:18px;}
* html .MenuEntryLabel {height:18px;}

.MainMenu {	
	margin:10px 0 0 0;
	position:relative;
	background:transparent;
	}

.MenuBox {margin:0px; padding:0 0 1px; background:url('img/menu.divider.gif') no-repeat bottom left; position:relative; }
.MenuBoxLabel {position:relative; margin:0 0 0 20px;}
.MainMenuCommon  .MenuBoxLabel {margin:0;}

.MenuBox .MiddleIcon {
	float: left;
	margin: 0px 13px 0 0;
	position: relative;	
}

.MenuBox .MainMenuDivider {display:none;} 
.MainMenuLogoutDivider {
	display:none;
/*	border-bottom:1px solid #446182;
	height:1px;
	margin:25px 10px 5px 10px;
	line-height:1px;*/
	}

.MenuBox-open .MenuBoxTopLeft {
	background:url('img/main.menu.sub.tl.png') no-repeat top left;
	margin:0;
	height:5px;
	padding:0;
	line-height:1px;
	font-size:1px;
	}

.MenuBox-open .MenuBoxTopRight {
	background: url('img/main.menu.sub.tr.png') no-repeat top right;
	margin:0;
	height:5px;
	padding:0;
	line-height:1px;
	font-size:1px;
	}

.MenuBox-open .MenuBoxTop {
	background: url('img/main.menu.sub.t.png') repeat-x;
	height:5px;
	margin:0 6px;
	padding:0;
	line-height:1px;
	font-size:1px;
	}

.MenuBox-open .MenuBoxBottomLeft {
	background:url('img/main.menu.sub.bl.png') no-repeat bottom left;
	margin:0;
	height:5px;
	padding:0;
	line-height:1px;
	font-size:1px;
	}

.MenuBox-open .MenuBoxBottomRight {
	background: url('img/main.menu.sub.br.png') no-repeat bottom right;
	margin: 0px;
	height: 5px;
	padding: 0px;
	line-height: 1px;
	font-size: 1px;
}

.SectionMenuEntry .MenuEntryLabel {
    position:relative;
    padding-top:4px;
    font-weight: bold;
    font:bold 14px Tahoma, Arial, Verdana, Helvetica, Geneva, sans-serif;
    color: #19314d;
    cursor:pointer;   
	}

.MerchantProfile .SectionMenuEntry .MenuEntryLabel {font-size:9px;}

.SectionMenuEntry {
	-moz-outline:none;
	margin:0;
}
	
.UserProfile .MenuEntryLabel {
	position: relative;	
	padding:1px 0 0 0;	
	font:bold 12px Arial, Verdana, Helvetica, Geneva, sans-serif;
	text-decoration:underline;	
	color:#9db1e9;
	cursor: pointer;
	}

.SubMenuSection {
	position: relative;
	margin:0px;
	}

.SubMenuEntries {margin:0 0 15px 0; padding:0;}
.SubMenuEntries .MenuEntry {margin:0; padding:0; -moz-outline:none; background:url('img/submenu.entry.gif') no-repeat top left;}
.SubMenuEntries .MenuEntryIn2 {padding:4px 0 4px 12px;}
.SubMenuEntries .MenuEntryLabel {color:#19314d; font-size:13px; margin:0px; padding:1px 0 0 41px; min-height:12px;}

.SubMenuEntries .MenuEntry-over {background:url('img/submenu.entry.back-over.gif') repeat-y top left;}
.SubMenuEntries .MenuEntry-over .MenuEntryIn {background:url('img/submenu.entry.top-over.gif') no-repeat top left;}
.SubMenuEntries .MenuEntry-over .MenuEntryIn2 {background:url('img/submenu.entry.bottom-over.gif') no-repeat bottom left;}


/* ******************************************* */
/*                  CONTENT                    */
/* ******************************************* */
.ScreenHeader {margin:10px; min-height:60px; padding:0;}
* html + .ScreenHeader {height:60px;}
.ScreenHeader .BigIcon {float:left;}


/* ******************************************* */
/*                  HEADERS                    */
/* ******************************************* */
.ScreenTitle {
	font:normal 18px Tahoma, Arial;
	color:#3c3c3c;
	}

.ScreenDescription {
	font:bold 10px Tahoma, Arial;
	color:#3c3c3c;
}


/* ******************************************* */
/*                   GRID                      */
/* ******************************************* */
/*.Grid .BoxIn {background:#f4f4f4;}*/
.GridTableContent {background:#ffffff;}
.TabPanelContent .Grid .BoxIn {background:transparent;}


/* ******************************************* */
/*                   GRID                      */
/* ******************************************* */
.BannerPreview {overflow:auto; text-align:center; width:500px;}


/* ******************************************* */
/*                  TAB PANEL                  */
/* ******************************************* */
.TabPanelTabs .ItemPanelContent {margin:0px;}


/* ******************************************* */
/*                THEMES PANEL                 */
/* ******************************************* */


/* ******************************************* */
/*                 OVERVIEW                    */
/* ******************************************* */
.OverviewDataBox{
	/*background:url('img/overview.png') #ffffff no-repeat 10px 20px;*/
	margin:0 10px 0 0;
	border:1px solid #a6a6a6;
	min-height:80px;
	}
	
* html .overviewDataBox {height:80px;}
.OverviewDataBoxContent {padding:20px 20px 20px 20px;}
.OverviewDataBox strong {color:#000000; font-weight:bold;}
.OverviewHeader {font-size:13px; padding:0 0 10px 0;}
.OverviewInnerBox {border:none;}


/* ******************************************* */
/*                    BANNER                   */
/* ******************************************* */
.BannerContainer {padding:5px; background:#dfdfdf;}
.BannerTable {background:#ffffff; border:#9fb8d4 1px solid; border-collapse:collapse; text-align:left;}
.BannerTable td {height:auto;}
.BannerTableHeader {background:#dceaf8; border-bottom:#9fb8d4 1px solid;}
.BannerHeader {color:#000000; text-align:left;}
.BannerHeader td {vertical-align:top;}
.BannerMainInformationLine {margin:0 0 5px 0;}
.BannerMainInformationLine .gwt-Label {display:inline;}
.BannerActionsButtons {padding:4px;}
.BannerPreview {background:#ffffff; margin:5px; border:#9fb8d4 1px solid; text-align:center;}
.BannerTypeLabel {text-align:left;}
.BannerTypeLabel .gwt-Label {padding:0 0 0 22px;}
.BannerTypeLabel .gwt-Label-BannerFormatPromoemail {background:url('img/button.icon.promoemail.png') no-repeat top left;}
.BannerTypeLabel .gwt-Label-BannerFormatFlash {background:url('img/button.icon.flash.png') no-repeat top left;}
.BannerTypeLabel .gwt-Label-BannerFormatHtml {background:url('img/button.icon.html.png') no-repeat left top;}
.BannerTypeLabel .gwt-Label-BannerFormatImagebanner {background:url('img/button.icon.image.png') no-repeat left top;}
.BannerTypeLabel .gwt-Label-BannerFormatPdf {background:url('img/button.icon.pdf.png') no-repeat left top;}
.BannerTypeLabel .gwt-Label-BannerFormatTextlink {background:url('img/button.icon.text.png') no-repeat left top;}
.BannerCodeHelpLabel {color:#000000; font-weight:bold;}
.BannerCodeButtonContainter {width:120px; margin:0 auto;}
.BannerCodeButtonContainter .ThinButton {float:none;}
.BannerCodeTextArea {padding:0 10px; _width:450px;}
.BannerCodeTextArea .TextBox {min-height:70px; _height:70px; overflow:auto; word-wrap:break-word; *width:490px;}


/* ******************************************* */
/*                    CONTACT US               */
/* ******************************************* */
.ContactUsText .FormFieldInputContainer {width:508px;}
.ContactUsText .FormFieldInput {width:508px;}
.ContactUsText .FormFieldLabel {width:70px;}


/* ******************************************* */
/*           ADVANCED FILTERS                  */
/* ******************************************* */


fieldset.Filter {
	float:left;
	border:1px #bbcfe7 solid;
	padding:7px;
	margin:5px 5px 10px 5px;
	position:relative;	
	background:#f2f7fb;		
	}
	
	

* html .Filter {/*position:static;*/}

.Filter legend {
	color:#538bd9;
	font-size:11px;
	font-weight:bold;
	padding:0 5px;
	margin:0 0 0 -4;	
	}

.ColumnFieldset {float:left;}
.ColumnFieldset .Filter {clear:left; width:auto;}

.CampaignsFilter,
.BannersFilter,
.AffiliatesFilter,
.TransactionsFilter,
.TransactionsRowFilter,
.RawClicks,
.ReportsFilter,
.PayoutsFilter,
.PayAffiliatesFilter,
.PayoutsHistoryFilter,
.CommunicationFilter,
.MailOutBoxFilter,
.SubFilter,
.LogFilter {/*position:relative;*/}

.CampaignsFilter .Resize {min-height:50px;}
.BannersFilter .Resize {min-height:80px;}
.AffiliatesFilter .Resize {min-height:50px;}
.TransactionsFilter .Resize {min-height:70px;}
.TransactionsRowFilter .Resize {min-height:50px;}
.RawClicks .Resize {min-height:50px;}
.ReportsFilter .Resize {min-height:50px;}
.PayoutsFilter .Resize {min-height:130px;}
.PayAffiliatesFilter .Resize {min-height:120px;}
.PayoutsHistoryFilter .Resize {min-height:50px;}
.CommunicationFilter .Resize {min-height:50px;}
.MailOutBoxFilter .Resize {min-height:80px;}
.SubFilter .Resize {min-height:50px;}
.LogFilter .Resize {min-height:50px;}

.ReportsFilter .ResizeText {width:480px;}
.BannersFilter .CheckBoxContainer {width:120px;}
.AffiliatesFilter .CheckBoxContainer {width:80px;}
.TransactionsFilter .CheckBoxContainer {width:105px;}
.TransactionsRowFilter .CheckBoxContainer {width:70px;}
.LogFilter .CheckBoxContainer {width:70px;}


/* ******************************************* */
/*              AFFILIATES TREE                */
/* ******************************************* */
.Tree {border:1px solid #ececec; background:#fafafa; font-size:10px; padding:5px;}
.TreeUserId {padding:0 0 0 22px;}
.TreeUserName {clear:left; font-weight:bold; font-size:11px; padding:0 0 0 22px;}
.TreeName  {float:left; margin:0 0 0 10px;}

.gwt-Tree table{width:100%;}
.gwt-Tree tr > td {width:20px;}
.gwt-Tree tr > td+td {width:auto;}
.gwt-Tree tr td {width: expression(this.previousSibling==null?'20px':'auto');}

.Inline {display:inline;}
.Inliner {float:left; margin:0 5px 0 0; line-height:19px;}
.Inliner .Label {float:left;}
.Inliner .FormFieldLabel {display:none;}
.Inliner .FormFieldHelp {display:none;}
.Inliner .FormFieldError {display:none;}

.FormFieldBigInline {float:left; line-height:19px; width:462px; clear:none; margin:0 5px 5px 0;}
.FormFieldBigInline .FormFieldInputContainer {width:462px; min-width:462px;}
.FormFieldBigInline .FormFieldInput {width:462px; min-width:462px;}
.FormFieldBigInline .clear {clear:none;}

/***************************************/
/*           INVALID LICENSE           */
/***************************************/
#InvalidLicenseContainer .Header {margin-top:50px; text-align:center;}
#InvalidLicenseContainer #Logo {left:auto; position:relative;top:auto; margin:0 auto;}
.InvalidLicense {margin-top:20px;}
#InvalidLicenseContainer #FooterMenu {margin:0 auto; text-align:center;}
#InvalidLicenseContainer #FooterMenuItems {float:none; padding:0px;}
#InvalidLicenseContainer #FooterMenuItems li {float:none;}
#InvalidLicenseContainer #Copyright {text-align:center;}

/* ******************************************* */
/* END OF FILE                                 */
/* Keep this section at the very bottom of     */
/* this file, so that custom.css is imported   */
/* after all styles are defined                */ 
/* ******************************************* */