/* CSS Document */

/*------------------------------------------------------------------
	Main website styling 
------------------------------------------------------------------*/

@import url(shadowboxes.css);
@import url(dynamictabs.css);
@import url(roundedcorners.css);

body {margin: 0px; padding: 0px; border: 0px; }

td {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%;}

a {color: #0E549D; text-decoration: underline;}
a:hover {color: #0E549D; text-decoration: underline;}
a:visited {color: #0E549D; text-decoration: underline;}
a:active {color: #0E549D; text-decoration: underline;}

h1 {font-size: 130%; font-weight: bold; margin-top: 5px;  float:none;}
h2 {color: #333333; font-size: 110%; padding: 2px 0; margin: 2px 0; clear: both;}
/* h3 {color: #333333; font-size: 100%;} */
h4 {color: #333333; font-size: 100%;}

.clear {height: 0px; width: 0px; clear: both;}
.spacer {clear: both; height: 10px;}
.indent {padding-left: 40px;}
.greyheader {color: #4C5B74; font-weight: bold;}
.bluebackground {background-color: #E9EEF3;}

.alert {color: #B61731;}

/*------------------------------------------------------------------
	Header 
------------------------------------------------------------------*/

div#header {width: 100%; background-color: #0E549D; background-image: url(/Images/topgrad1px.gif); background-repeat: repeat-x; background-position: top; clear: both;}

div#whitestripe {background-color: #0E549D; height: 8px !important; margin: 0; padding: 0;}
div#bluestripe {background-color: #ffffff; height: 10px !important;}

div#toplinks {padding-top: 10px; padding-right: 10px; text-align: right; font-size: 95%; float: right; color: #FDA300;}
div#toplinks a {color: #FFFFFF;}

div#logo {padding:2px 10px; float: left;}

div#intro {margin: 25px 10px 15px 0px; text-align: right; color: #ffffff; font-size: 95%;}
div#intro a {color: #ffffff;}
div#intro a.header_inbox {color: #FDA300; font-weight: bold; text-decoration: underline;}

/*------------------------------------------------------------------
	Main menu tabs 


div#main_menu ul {margin: 0px; padding: 0px; height: 34px;}
div#main_menu ul li {list-style-type: none; display: inline;}
div#main_menu ul li img {float: left; margin-right: 3px;}
div#main_menu ul li a {width: 140px; height: 28px; float: left; background-color: #ffffff; color: #AA0016; font-weight: bold; text-decoration: none !important; font-size: 110%; text-align: center; padding-top: 6px; font-family: verdana, Helvetica, sans-serif;}
div#main_menu ul li a.large {width: 170px;}
div#main_menu ul li a.xlarge {width: 200px;}
div#main_menu ul li a.selected {background-image: url(/Images/TopMenu_BG.gif); background-repeat: repeat-x; color: #ffffff;}
div#main_menu ul li a:hover {color: #FDA300;}
------------------------------------------------------------------*/
div#tagline {padding: 0px 0px 10px 0px;}

div#toptabs ul {margin: 0px; padding: 0px; height: 34px; width: 590px;}
div#toptabs ul li {list-style-type: none; display: inline;}
div#toptabs ul li img {float: left; margin-right: 3px;}
div#toptabs ul li a {width: 140px; height: 28px; float: left; background-image: url(/Images/TopTab_BG_off.gif); background-repeat: repeat-x; color: #ffffff; font-weight: bold; text-decoration: none !important; font-size: 110%; text-align: center; padding-top: 6px; font-family: verdana, Helvetica, sans-serif;}

div#toptabs ul li a:hover {background-image: url(/Images/TopTab_BG_on.gif); background-repeat: repeat-x; color: #ffffff;}
div#toptabs ul li a.selected {background-image: url(/Images/TopTab_BG_on.gif); background-repeat: repeat-x; color: #ffffff;}

table.submenu {border-bottom: 1px solid #DDDDDD ; text-decoration: none !important; padding-bottom: 5px; padding-top: 5px; *margin-bottom: 10px;}
table.submenu a {text-decoration: underline;}
table.submenu a.blue {color: #0e549d; text-decoration: underline;}

/*------------------------------------------------------------------
	Main section 
------------------------------------------------------------------*/

div#main {clear:both; padding:10px 15px;}

table#main_page {width: 100%;}

td.main_content_topright {background-image: url(/Images/MainContentShadow_topright.gif); background-repeat: no-repeat; background-position: left; width: 5px; height: 5px;}
td.main_content_top {background-color: #B61731; height: 5px;}
td.main_content_bottom {background-image: url(/Images/MainContentShadow_bottom.gif); background-repeat: repeat-x; background-position: top; width: 100%;}
td.main_content_bottomleft {background-image: url(/Images/MainContentShadow_bottomlef.gif); background-repeat: no-repeat; background-position: right;	width: 4px; height: 4px;}
td.main_content_bottomright {background-image: url(/Images/MainContentShadow_bottomrig.gif); background-repeat: no-repeat; background-position: left; width: 5px; height: 4px;}
td.main_content_side {background-image: url(/Images/MainContentShadow_rightside.gif); background-repeat: repeat-y; background-position: left; height: 100%;}

.pagepadding {padding:0px;}

/*------------------------------------------------------------------
	Footer 
------------------------------------------------------------------*/

#footer {font-size: 90%; padding: 20px 0px; text-align: center; background-color: #DBE9F8;}

/* Help question mark */
a.helpful_hint {cursor: help; color: #333333;}
img.questionmark {float: right; margin-top: 3px;}

/* Light red background */
.div_lightredBG, .FormFieldBG, .div_lightredBG_large {padding: 5px 10px; margin-bottom: 4px; width: 90%;}

/* Light blue background*/
.div_lightblueBG, .FormFieldBG2 {background-color: #E2EBF2; padding: 5px 10px; margin-bottom: 10px; width: 80%;}


.form_container, .form_container_small, div.div_lightredBG, div.div_lightblueBG, .FormFieldBG, .FormFieldBG2 {margin-left: 20px;}
.form_container .form_label_small, .form_container_small .form_label_small {float: left; width: 200px; padding-top: 4px;}
.form_container .form_label_medium {float: left; width: 300px; padding-top: 4px;}
.form_container .form_field, .form_container_small .form_field {float: left;}
.form_container .form_para {margin-left: 20px; margin-bottom: 10px; width: 80%;}
.form_container .form_para_grey {margin-left: 20px; margin-bottom: 10px; width: 80%; color: #999999;}

fieldset {border: 0px;}
fieldset.form_container label, fieldset.form_container_small label, fieldset.form_container_small input, fieldset.form_container input {display: block; float: left; }
.form_container label {width: 300px; margin-top: 2px;}
.form_container_small label {width: 200px; margin-top: 2px;}
.form_container br, .form_container_small br {clear: left;}
.form_container legend, .form_container_small legend {font-size: 110%; margin-top: 20px; font-weight: bold; color: #333333;}

div.buttondiv, div.button {clear: both; width: 90%; text-align: right;}
div.buttondiv input, div.buttondiv img, div.button input, div.button img {text-align: center; padding: 2px 0px; margin: 2px 0px;}

/* Example ad on ad creative page */
div.examplead {width: 200px; background-color: #eaf3fc; padding: 10px 10px; border: 1px solid #cccccc;}

/* Fix for IE 6 (to make a link forcefully non-underlined) */
a.hidelink {color: #333333 !important; text-decoration: none !important;}

td.loginform {background-color: #FBF1D9;}

/* Link from sub pages back to main page e.g. report manager, billing manager... */
div.backlink {float: right; margin: 5px 0 0 0; padding: 0px; font-size: 11px;}

.QuoteText {width: 80%; margin: 0 auto; padding-top: 20px; text-align: left; color: #000000;}
.QuoteAuthor {width: 70%; margin: 0 auto; text-align: right; padding-top: 5px; padding-right: 30px; color: #000000;}

ol.BulletsSpacer li {margin-bottom: 10px;}

/*------------------------------------------------------------------
	Results tables
------------------------------------------------------------------*/

/* Reusable orange background with or without border */
table.resultstable, td.resultstable, div.resultstable {
		background:#dfeffd;
		padding:10px 5px 10px 5px;
		border:1px solid #abbac3;
-moz-border-radius:4px;
}
div.resultstable {padding: 10px; margin: 10px 0px;}
table.resultstable_noborder, td.resultstable_noborder, div.resultstable_noborder {border: 0px; background-color: #fffbb5; padding:5px;}

.pagetext {font-size: 11px; color: #333333; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

/* Table with blue gradient - used for listings */
table.bluetable {border-top: 1px solid #BFC9EA; border-left: 1px solid #BFC9EA; border-right: 1px solid #BFC9EA; border-bottom: 1px solid #BFC9EA;	margin-bottom: 20px;}
table.bluetable td.darkgrad {background-image: url(/Images/BlueGradDark1px.gif); background-repeat: repeat-x; border-right: 1px solid #6BA3E0;}
/*table.bluetable td.lightgrad, table.bluetable td.lightgradright  {background-image: url(/Images/BlueGradLight1px.gif); background-repeat: repeat-x; border-right: 1px solid #6BA3E0;}*/
table.bluetable td.lightgradright {border-right: 0px;}
table.bluetable td.normal {border-bottom: 1px solid #BFC9EA; background-color: #ffffff; border-right: 1px solid #BFC9EA;}

/* Table with orange gradient - used for results i.e. campaigns, ad spaces, reports */
table.orangetable {border-top: 1px solid #ABBAC3; border-left: 1px solid #ABBAC3; border-right: 1px solid #ABBAC3; border-bottom: 1px solid #ABBAC3; 	margin-bottom: 20px; font-size: 11px; width:100%;}
table.orangetable table.blueback {background-color: #E9EEF3;}
table.orangetable td.bottomborder {border-top: 1px solid #ABBAC3; padding:5px;}
table.orangetable td.darkgrad {background-image: url(/Images/OrangeGradDark1px.gif); background-repeat: repeat-x; border-right: 1px solid #F7E4B9;}
table.orangetable td.lightgrad {background:#DFEFFD; padding:5px; }
table.orangetable td.normal {border-bottom: 1px solid #FDA300;}

/* Large blue link, used for buying / creating new ad space */
a.buynewlink {display: block; font-size: 13px; font-weight: normal; text-decoration: underline; width: 180px; padding: 10px; margin: 10px 0px; background:#FFFBB5;
		
		border:1px solid #abbac3;
-moz-border-radius:4px; text-align: center;}

div.bluebox {display: block; color: #333333; font-size: 13px; font-weight: bold; width: 180px; padding: 10px; margin: 10px 0px; background-color: #E9EEF3; border: 1px solid #cccccc; text-align: center;}
div.bluebox a {text-decoration: underline; color: #333333;}

.bluediv {background-color: #E9EEF3; border: 1px solid #cccccc;}
.bluediv .border {border-bottom: 1px solid #cccccc;}
.bluediv .borderright {border-right: 1px solid #cccccc;}

/* Used to display info for advertisers / publishers e.g. today's earnings */
div.greyboxright {float: right; border: 1px solid #e1e1e1; padding: 10px; margin-top: 10px;}
div.greyboxright span {font-size: 120%; font-weight: bold;}

/* Depiction of budgeting steps on budgeting page in buy ads flow */
table.budgettable {background-color: #FBF1D9;}
table.budgettable td.normal {background-color: #ffffff;}
table.budgettable td.row1 {border-top: 1px solid #C1CBEB; border-left: 1px solid #C1CBEB; border-right: 1px solid #C1CBEB;}
table.budgettable td.row2 {border-left: 1px solid #C1CBEB; border-right: 1px solid #C1CBEB;}
table.budgettable td.row3 {border-bottom: 1px solid #C1CBEB; border-left: 1px solid #C1CBEB; border-right: 1px solid #C1CBEB;}
table.budgettable td.full {border-bottom: 1px solid #C1CBEB; border-left: 1px solid #C1CBEB; border-right: 1px solid #C1CBEB; border-top: 1px solid #C1CBEB;}



/* Nov - Dec'08 update */

#header table { height:10px !important; }
#logo a img { width:auto; height:auto; }
#whitestripe, #bluestripe { display:none; }
#tagline { display:none; }
div#logo { padding:0; }
.TopMenuLogo a, #TopMenuLogo a:visited  { text-decoration:none; font-size:0%; }

.HomeFooterContainer { clear:both; width:100%; background:#dfeffd; border-top:1px solid #ABBAC3; padding-top:20px; text-align:left; margin-top:200px; float:left; }
.HomeFooter {  width:870px;  padding:0;   margin:0 auto; min-height:300px; }
.HomeFooter strong { font-weight:bold; }
.HomeFooter h2 {  font-size:140%; font-weight:bold; color:#921D44  }
.HomeFooter ul li{ list-style:none; padding:0; margin:0; font-size:110%; padding-bottom:5px; }
.HomeFooterContact {  width:249px;  padding:0;   margin:0 auto; float:left; border-left:1px solid #ABBAC3; padding-left:20px; }
.HomeFooter .HomeFooterCompany,  .HomeFooter .HomeFooterServices, .HomeFooter .HomeFooterSupport{  width:200px;  float:left; }
.HomeFooterCopywriteCountries { text-align:center; padding-top:20px; clear:left;}
.HomeFooterCopywriteCountries p { vertical-align:middle; padding-right:40px; }
.HomeFooterCopywriteCountries p a img, .HomeFooterCopywriteCountries p input { vertical-align:middle;  }

ul#main_menu_container { clear:both; margin:0; padding:0; vertical-align:bottom; }
ul#main_menu_container li { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin-bottom:-1px; vertical-align:bottom;}
ul#main_menu_container li a.selected { -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; background-color:#FFFFFF; border-color:#BFC4C6 #BFC4C6 #FFFFFF;
border-style:solid; border-width:1px 1px 0; color:#000000; padding:4px 7px 7px;}
ul#main_menu_container li a {display:block;margin:0;padding:5px 8px 7px;text-decoration:none;}
ul#main_menu_container li a {*border-bottom:1px solid #BFC4C6; border-color:#BFC4C6}
ul#main_menu_container li a:hover {color:#000;border-color:#BFC4C6 #BFC4C6 #FFFFFF;border-width:1px 1px 0;background-color:#dfeffd;-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;}
ul#main_menu_container li a:hover {*border-bottom:1px solid #BFC4C6;}
ul#main_menu_container li a.selected:hover {*border-bottom:none;}
#main_menu ul li { list-style:none !important; margin-left:0 !important; }
ul#main_menu_container li img { display:none;}
.main_content_top, .main_content_topright, .main_content_bottomleft, .main_content_bottom, .main_content_bottomright { display:none;}

.full_width_options { width:100%; }
.quarter_width_options { width:25%; float:left; }
.quarter_width_options_padding { padding:10px; }
.quarter_width_options_height { height:100px; }

.payment_method { padding:0 0 10px 0; }
#advertisers_middle_introduction p, #advertisers_middle_types p, #advertisers_middle_highlights p,
#publishers_middle p, #explained_middle_buy p, #explained_middle_sell p{ line-height:15pt; margin:0 0 5px 0}
#advertisers_middle_highlights h3, #advertisers_middle_types h3 { padding-top:10px;}
.statcounter { display:none;}

.address_flags {padding-left:26px; padding-bottom:5px;  }
.address_flags a {padding-right:22px;  }
.address_flags a img { border:2px solid #DFEFFD ; background:#DFEFFD   }
.address_flags a:hover img { border:2px solid #70B2D9; background:#70B2D9  }
.address_flags a.active img {border:2px solid #70B2D9; background:#70B2D9  }