/* ******************************************* */
/* 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 {
	margin:0;
	padding:0;
	color:#6a747f;
	font:normal 11px Arial, Verdana, Helvetica, Geneva, sans-serif;	
	background:#fff;	
	overflow:visible;	
	}	

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

.cleaner {clear:both;}

.Inliner {float:left; margin:0 5px 0 0; line-height:19px;}
.Inline {display:inline;}
.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;}

.Hidden {display:none;}

/* ******************************************* */
/*                  HEADER                     */
/* ******************************************* */
.Header {width:750px; position:relative; margin:auto;}
.HeaderInfo {height:95px;}
.Header .Text{
	float:right;	
	color:#999fa2;
	font-size:10px;	
	text-align:left;
	position:absolute;
	top:35px;
	left:350px;
	}

.Logo {
	float:left;
	max-width:314px;
	max-height:57px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:20px;
	z-index:10;
	left:22px;
	}

.LogoImage {
	border: none;
	max-width:314px;
	max-height:57px;
}

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


/* ******************************************* */
/*                MAIN LAYOUT                  */
/* ******************************************* */
.Main{
	background:url('img/left_column.gif') #F4F4F4 repeat-y;
	border:1px #A1A1A1 solid;
	padding:0 0 15px;
	position: relative;
	}

.MainPanel {
	position:relative;
	width:750px;	
	margin:auto;
	overflow:none;
	background:#fff;
	}

.MainLoginPanel {background:none;}

.LeftColumn {width:180px; position:relative; margin:0 554px 0 0;}
.Content {position:relative; border:none; float:right; margin:0 10px 0 0; width:530px;}
.ContentText {position:relative;}
.ContentLeft {padding:0 0 0 7px; background:url('img/content_left.gif') repeat-y left top; position:relative;}
.ContentRight {paddingt:0 7px 0 0; background:url('img/content_right.gif') repeat-y right top; position:relative;}
.WrapperContainer { width:960px; margin:0 auto; }
.note { font-size:12px; }

/**************************************/
/*              FOOTER                */
/**************************************/
.Footer {
	background:url(img/content_bottom.gif) repeat-x;
	display: block;
	margin:auto;
	width:750px;		
	padding:0;
	margin:0 0 10px;
	}

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


/**************************************/
/*            MAIN BOXES              */
/**************************************/
.main_box_top,
.main_box_top_left,
.main_box_top_right,
.main_box_bottom,
.main_box_bottom_left,
.main_box_bottom_right {padding:0; line-height:1px; font-size:1px; position:relative;}

.main_box_top {background: url('img/main_t.gif') repeat-x; height:4px; margin:0 4px;}
.main_box_top_left {background:url('img/main_tl.gif') no-repeat top left; margin:0; height:4px;}
.main_box_top_right {background:url('img/main_tr.gif') no-repeat top right; height:4px; margin:0x;}
.main_box_bottom {background:url('img/main_b.gif') repeat-x; height:4px; margin:0 4px;}
.main_box_bottom_left {background:url('img/main_bl.gif') no-repeat bottom left; height:4px; margin:0; margin:0 0 5px;}
.main_box_bottom_right {background:url('img/main_br.gif') no-repeat bottom right; height:4px; margin:0;}

.main_box_in {
	border-right:#cfcfcf 1px solid;
	border-left:#cfcfcf 1px solid;
	margin:0;
	padding:0;
	height:100%;
	position: relative;
	}

.main_box_in_ie6 {padding:3px 15px; margin:0; height:100%; position:relative; display:block;}

.affiliates-activated .SectionLabel {background:#fff;}
.content_box {margin:2px 0;}

.gwt-TabPanel {margin:4px 0 0;}
.gwt-TabPanelBottom {background:#e8eef7;}
.gwt-TabBar {padding:2px 0 0; border-bottom:4px solid #87B3FF; background:#fff;}

.gwt-TabBar .gwt-TabBarItem {
  	padding:4px;
  	cursor:pointer;
  	cursor:hand;
  	background:#e8eef7;
  	border-bottom:2px solid #fff;
 	margin:0 2px 0 0;
	}

.gwt-TabBar .gwt-TabBarItem-selected {
 	padding:4px;
 	font-weight:bold;
 	cursor:default;
 	background:#87b3ff;
 	border-bottom:2px solid #87b3ff;
 	margin:0 2px 0 0;
	}

.gwt-Button, 
.gwt-TextBox {font:normal 11px Arial, Verdana, Helvetica, Geneva, sans-serif;}

.AffiliateFormNavigation {margin: 0 auto;}


/* ******************************************* */
/*                 MAIN MENU                   */
/* ******************************************* */
.MenuEntry {cursor:pointer; padding-left:15px; position:relative;}

.MenuEntry-activated {
	background:none;
	background:#f0f0f0;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	}

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

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

.SectionLabel:hover {text-decoration: underline;}

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

.MenuBox {margin:0 3px 0 10px; position:relative;}
.MenuBoxLabel {position:relative; margin:0 20px 0 0;}
.MainMenuCommon  .MenuBoxLabel {margin:0px;}

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

.MainMenuLogoutDivider {
	border-bottom:1px solid #446182;
	height:1px;
	margin:25px 10px 5px;
	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:0;
	height:5px;
	padding:0;
	line-height:1px;
	font-size:1px;
	}

.SectionMenuEntry .MenuEntryLabel {
    font:bold 11px Tahoma, Arial, Verdana, Helvetica, Geneva, sans-serif;
    color: #35506F;    
    cursor: pointer;    
    position: relative;
    padding:5px 0 0 0;
	}

.SectionMenuEntry {
	-moz-outline:none;
	height:25px;
	margin:5px 0 0 0;
	}

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

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

.SubMenuEntries	{
	margin:0 0 15px 0;
	padding:0 0 0 40px;
	width:100px;
	}
	
.SubMenuEntries .MenuEntry {
	margin:0;
	padding:0;
	width:90px;
	-moz-outline:none;
	}

.SubMenuEntries .MenuEntryLabel {
	color:#6a747f;
	width:91px;
	font-size:11px;
	margin:0;
	padding:5px;	
	}


.ScreenHeader .clear {display:none;}


/* ******************************************* */
/*           STATIC EXTERNAL PAGES             */
/* ******************************************* */

#column1 {
  	font:normal 12px Arial, Helvetica, Sans-serif;
  	width:450px;
  	float:left;
  	background:#fff;
	}

#column1 h2 {
  	font-size:16px;
  	color:#000;
  	font-weight:bold;
  	letter-spacing:-1px;
	}

#column1 h3 {
  	font-size:14px;
  	color:#000; 
  	margin:20px 0 15px;  	
	}
	
#column1 p {
  	font-size:12px;
  	line-height:17px;
	}

#column1 ol {
  	font-size:100%;
  	list-style-type:none;  	
  	padding:0 0 0 20px;
  	margin:0 0 10px;
	}

/*----------------Sidebar----------------- */
#column2 {
  	font:Arial, Helvetica, Sans-serif;
  	width:250px;
  	float:right;
  	background:#cfcfff;
  	border:1px solid #5555ff;
  	padding:12px;
  	margin:0;
	}
	
#column2 p{
  	font-size:95%;
  	line-height:17px;
	}

#column2 h2 {
  	color:#27749F;
  	font-size:130%;
  	line-height:18px; 
  	margin:0;
	}

.Body {	
	margin:0;
	padding:0;	
	height:auto;
	}

/* ******************************************* */
/*                  FIELDSET                   */
/* ******************************************* */
legend {color:#447fc1;}

fieldset {
	border:1px #dfe0e2 solid;
	padding:10px 0 10px 10px;	
	margin:20px 0 10px;
	position:relative;	
	}
	
*+html legend {
	position: relative;
	top: -0.7em;
	margin:6px 0 -0.7em;
	}

*+html fieldset {
	position: relative;
	}

body>legend {
	position: relative;
	top: -0.7em;
	margin:0 0 -0.7em;
}

body>fieldset {
	position: relative;
}


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


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



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

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


/* ******************************************* */
/*            MainInfoContent                  */
/* ******************************************* */

.MainInfoContent {
	border:1px solid #A1A1A1;
	background:#f4f4f4;
	padding:10px;
	position:relative;
	}

.MainInfoContent h2{	
	border-top:1px dotted #d1e6f2;
	font-size:11px;
	color:#0a6aa5;
	font-weight:bold;
	padding:14px 0 0 0;	
	}

.MainInfoContent h2.first {border:none;}
.MainInfoContent ul, .MainInfoContent ol {margin:0; padding:0 0 0 30px; border:0;}
.MainInfoContent ul li {list-style:square outside;}
.MainInfoContent p {padding:10px 0; color:#848484; font-size:11px;}
.MainInfoContent a {color:#1eabe0; text-decoration:underline;}

.Annotation {text-align:center; min-height:20px;}
.Annotation p {padding:0;}

.top_feat{font-weight:bold;}

.login-box-white {
	background:#fff;	
	float:right;	
	margin:0 0 0 10px;
	position: relative;
	}

.login-box {
	width:226px;
	background:#fafafa;
	border:1px dotted #979798;
	position: relative;
	}
	
.login-box h2{	
	color:#919191;
	font:bold 14px tahoma;
	padding:14px 0 0 17px;
	border:none;	
	}
	
.login-box a{
	font-size:10px;
	text-decoration:underline;
	color:#1eabe0;	
	font-weight:bold;
	margin:4px 0 15px 17px;	
	float:left;
	}	


/**************************************/
/*              NAVIGATION            */
/**************************************/
.Navigation{
	background:url('img/content_top.gif') repeat-x;
	margin:auto;
	width:750px;
	}

.NavigationLeft {
	background: url('img/content_top_left.gif') no-repeat left top;
	padding: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;
	margin: 0;
	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;}


/**************************************/
/************    LOGIN    *************/
/**************************************/
.LoginMain {
	width:360px;
	min-height:100px;
	_height:100px;
	margin:0 auto;
	text-align:left;
	background:#fff;
	border:1px solid #878787;
	position:relative;
	}

.LoginMainIn {padding:10px 20px;}
.LoginHeader {color:#000; font-size:13px; font-weight:bold; padding:0 0 4px; margin:0 0 10px;}

.LoginMain .FormMessage-error {
	margin:5px 0 0;
	padding:3px 0;
	font-weight:bold;
	color:#e60101;
	}

.LoginContent {padding:20px;}
.LoginMain .FormFieldLabel {padding:0 0 3px 0; font-size:12px;}
.LoginMain .CheckBoxContainer .Inliner {line-height:18px;}
.CheckBoxContainer .Label {width:auto;}
.CheckBoxContainer {width:100%;}


/* ******************************************* */
/*                  FORMFIELD                  */
/* ******************************************* */
.FormFieldLabel {
	width:120px;
	float:left;
	padding:3px 0 0 0;
	position:relative;
	}

.FormFieldLabel .Label {color:#979798;}
.FormFieldLabel .Label-mandatory, .CheckBoxLabel .Label-mandatory{font-weight:bold;}
.FormField .Label {color:#979798;}
.FormField-focus .Label {color:#2a5fae;}
.FormField-error .Label {color:#e60101;}

.FormFieldInputContainer {
	float:left;
	width:195px;
	position:relative;	
	}

.FormFieldInput {
	float:left;
	width:150px;
	position:relative;
}
.FileUpload {width: 500px;}
.FileUpload .LinkButton {margin-left: 30px;}

.remove-upload {right: auto;}

.UploadedFileName .ButtonText {font-size: small;}

.FormFieldInput .ListBox {width:100%;}
.FormFieldError,
.FormFieldHelp {float:left; padding:2px 0 0 0; position:relative;}
.CheckBoxContainer .Label {padding:2px 0 0 0; color:#979798;}
.SignupForm .RecaptchaWidget {margin-left: 120px;}
.CaptchaImage {cursor:pointer;}
.FormFieldDescription {width: 150px; font-size: 10px; margin-bottom: 5px;}

/* ******************************************* */
/*                 PATH BOX                    */
/* ******************************************* */
/* reset box from gpf */
.path_box .main_box_top_left {display:none;}
.path_box .main_box_bottom_left {display:none;}
.path_box .main_box_in {border:0; background:transparent;}
.path_box .main_box_in_ie6 {padding:0; margin:0;}
.path {margin:0; padding:5px 0;color:#6a747f;}
.link_path {color:#6a747f; font-size:10px;}

/* ******************************************* */
/*               content_text                  */
/* ******************************************* */
/* reset box from gpf */
.ContentText .main_box_top_left {display:none;}
.ContentText .main_box_bottom_left {display:none;}
.ContentText .main_box_in {border:0; background:transparent;}
.ContentText .main_box_in_ie6 {padding:0; margin:0;}


/* ******************************************* */
/*                   others                    */
/* ******************************************* */
.Grid .BoxIn {background:#f4f4f4;}
.GridTableContent {background:#dfdfdf;}
.GridRowNotActive {color:#666;}
.button-join{width:194px; height:45px; background:url(img/button.gif) no-repeat;}


/***************************************/
/*          POST SIGN UP               */
/***************************************/
.PostSignUp {margin:70px 0 70px 70px;}
h2.noborder {border:0;}


.TermsAndConditions .FormFieldInputContainer {width:350px; height:80px;}
.TermsAndConditions .FormFieldInput {width:350px; height:80px;}
.TermsAndConditions .TextBoxContainer {width:550px; height:80px;}
.TermsAndConditions .TextBox {height:80px; padding:0; resize:none;}
*+html .TermsAndConditions .TextBox {margin:-1px 0 0 0;}

.AgreeWithTerms {float:left;}
.AgreeWithTerms .CheckBoxLabelPart {padding-left:0;}

.ExpandTermsAndConditions {margin-top:5px; margin-left:-5px;}

.PostSignUp .gwt-Label {display: inline;}
.PostSignUp p {font-size: 100%; color: inherit; margin: 0 0 10px;}

.ListBoxInput .TextBox {padding:1px;}

/***************************************/
/*          SIGN UP FORM               */
/***************************************/

.SignupForm textarea {overwlow:auto; resize:none;}

/*******************************************/
/*            COUNTRY_LISTBOX_GWT          */
/*******************************************/
.CountryListBoxGwt {width: 150px;}

/* ******************************************* */
/*            ACCOUNT DETAILS                  */
/* ******************************************* */
.AccountDetailsAgreement .FormFieldInputContainer {width: 550px;}
.AccountDetailsAgreement .FormFieldInputContainer .FormFieldInput{width: 550px;}
.AccountDetailsAgreement .FormFieldInputContainer .FormFieldInput .ResizableTextArea .TextBoxContainer {width: 550px; top: 0;}

/* ******************************************* */
/*             CONTACT US                      */
/* ******************************************* */
.AffiliateManager {background:#eae8e9;padding:10px;float:right;max-width:280px;border:1px solid #e2e2e2;margin:30px 10px 0 0;}
.AffiliateManager .AffiliateManagerTitle {font-weight: bold; text-align: center;}
.AffiliateManager .DataFieldLabel {float:left; width:90px;}
.AffiliateManager .TextData {float:left;font-weight:bold;display:block;margin-right:4px;}
.AffiliateManager .AffiliateManagerNote {padding:10px 0;}
.AffiliateManager .AffiliateManagerNote .DataFieldLabel {display:none;}
.AffiliateManager .DataField {clear: left;}
.AffiliateManager .AffiliateManagerLastName {clear: none;}
.AffiliateManager strong  {margin-bottom:10px;}
.AffiliateManagerFirstName, .AffiliateManagerLastName {float: left;}
.AffiliateManagerLastName .DataFieldLabel {display:none;}
.AffiliateManager .DataField .ImageData {display:block; margin-left:auto; margin-right:auto; max-width: 100%}
.AffiliateManagerPhoto .DataFieldLabel {display:none;}

.ContactusForm {float:left}

.ContactUsText .FormFieldInputContainer {width:390px;}
.ContactUsText .FormFieldInput {width:380px;}
.ContactUsText .FormFieldLabel {width:70px;}

.LoadingTemplate {margin:0 auto; text-align:center; width:300px}

pre {border:1px solid #999; background:#fff; color:#666; padding:10px; 
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* ******************************************* */
/*                   RTL                       */
/* ******************************************* */

.rtl .MainInfoContent ul, .rtl .MainInfoContent ol {padding:0 30px 0 0;}
.rtl .FormFieldLabel, .rtl .FormFieldInputContainer, .rtl .FormFieldInput, .rtl .FormFieldError, .rtl .FormFieldHelp, .rtl .Inliner  {float:right;}
.rtl .Inliner {margin:0 0 0 5px;}
.rtl .Inliner .Label {float:right;}
.rtl .FormFieldBigInline {float:right; margin:0 0 5px 5px;}
.rtl .Header .Text {left:auto; right:350px; text-align:right; float:left;}
.rtl .Logo {float:right; left:auto; right:22px;}
.rtl .Title {float:right; left:auto; right:145px;}
.rtl .LeftColumn {margin:0 0 0 554px;}
.rtl .Content {float:left; margin:0 0 0 10px; width:530px;}
.rtl .Copyright {padding:4px 4px 0 0; float:right;}
.rtl .MenuBox {margin:0 10px 0 3px;}
.rtl .MenuBoxLabel {margin:0 0 0 20px;}
.rtl .MenuBox .MiddleIcon {float:right; margin:0 0 0 7px;}
.rtl #column2 {float:left;}
.rtl fieldset {padding:10px 10px 10px 0;}
.rtl .ScreenHeader .BigIcon {float:right;}
.rtl ..OverviewDataBoxContent {padding:20px 100px 20px 20px;}
.rtl .login-box-white {float:left; margin:0 10px 0 0;}
.rtl .login-box h2 {padding:14px 17px 0 0;}
.rtl .login-box a {float:right; margin:4px 17px 15px 0;}
.rtl .LoginMain {text-align:right;}
.rtl .RecaptchaWidget {margin-right: 120px; margin-left:0;}
.rtl .PostSignUp {margin:70px 70px 70px 0;} 
.rtl .AgreeWithTerms {float:right;}
.rtl .ExpandTermsAndConditions {margin-right:-5px; margin-left:0;}
.rtl .AffiliateManager {float:left; margin:30px 0 0 10px;}
.rtl .AffiliateManager .DataFieldLabel {float:right;}
.rtl .AffiliateManager .TextData {float:right; margin-left:4px; margin-right:0;}
.rtl .AffiliateManager .DataField {clear:right;}
.rtl .AffiliateManagerFirstName, .rtl .AffiliateManagerLastName {float: right;}
.rtl .ContactusForm {float:right;}

.rtl .CheckBoxInput, .rtl .CheckBoxLabelPart {float:right;}
.rtl .TooltipTopRight {left:0; right:11px;}	
.rtl .WindowHeaderTitle { float:right; padding-right:10px; }


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