/*
    New styles WA 2/12/08. Layout from template: http://www.alistapart.com/articles/holygrail
*/
body 
{
    font: 12px Arial, sans-serif;
    line-height : 1.5em;
    color : #454545;
    margin: 0;
	padding-left: 170px;    /* LC fullwidth */
	padding-right: 160px;   /* RC fullwidth + CC padding */
	min-width: 180px;       /* LC fullwidth + CC padding */
}
#header, #menu, #footer 
{
	margin-left: -170px;    /* LC fullwidth */
	margin-right: -160px;   /* RC fullwidth + CC padding */
	min-width: 800px;
}
#header, #footer
{    
    height: 72px;
}
#menu 
{
    height : 26px;
    padding: 0 0 0 40px;
}
#menu ul
{
    margin: 4px 0 0 0;
}
#menu li 
{
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
}
#menu li a 
{
    text-decoration : none;
    font-weight: bold;
    padding:6px 14px 5px 14px;
    margin: 0;
}
#menu li a:hover 
{
    margin: 0;
    padding:6px 14px 5px 14px;
}
#menu li a.current 
{
    color : #fff;
}
.column 
{
    position: relative;
    float: left;
}
#center 
{
    padding: 10px 5px;
    width: 100%;
}
#center h1 
{
    font : bold 1.8em Arial, Sans-Serif;
    padding : 20px 0 0 0;
    margin : 0;
    letter-spacing : 1px;
}
#center h3 
{
    background: inherit;
    padding: 0;
    margin: 0;
    font: bold 1.4em Arial, Sans-Serif;
}
#center h2 
{
    letter-spacing: -1px;
    font-size: 14px;
    height: 20px;
    padding: 0;
    margin: 0 0 15px 0;
    font-weight: bold;
}
#center strong
{
    color : Black;
}
#left {
    width: 150px;          /* LC width */
    padding: 0 10px;       /* LC padding */
    right: 180px;          /* LC fullwidth + CC padding */    
    margin-left: -100%;
    margin-bottom: 10px;
}
#left .navBox,
#left .navBoxUser,
#right .navBox,
#right .navBoxUser
{
    margin-top: 10px;
    font-size: 0.9em;
}
#left .navBox .header,
#left .navBoxUser .header,
#right .navBox .header,
#right .navBoxUser .header
{
    font-size: 1.2em;
    font-weight: bold;
    padding: 3px 10px;
}

#left ul,
#right ul
{
    margin: 0;
    padding : 3px 0 5px 20px;        
}
#left li,
#right li
{
    line-height : 16px;
    list-style-type: square;
    padding-left : 0;
    margin-left : 0px;
    margin-bottom: 4px;
    font-size: 0.9em;
}
#left a,
#right a
{    
    font-weight:bold;
}
#right {
    width: 140px;          /* RC width */
    padding: 0 5px;        /* RC padding */
    margin-right: -100%;
    margin-bottom: 10px;
}
#footer 
{
    border-bottom: none;
    clear: both;
    padding: 5px 5px 10px 15px;
    color : White;
}
#footer a 
{    
    color : White;
    text-decoration : none;    
    font-weight:bold;
}
/*** IE6 Fix ***/
* html #left {
    left: 150px;           /* RC width */
}

a 
{
    background : inherit;
    text-decoration : underline;
}
a:hover 
{
    background : inherit;
    text-decoration : none;
}
a.smallLink 
{
	font-size: x-small;
}
a.external 
{
    background : inherit;
    text-decoration : none;
}
a.external:hover 
{
    text-decoration : none;
}

p 
{
    margin : 5px 0;
}
img 
{
    border : 0;
}
img.merch  {
float : left;
padding : 0 10px 5px 0;
}
hr 
{
    height : 1px;
    border-style : none;
    color : #d0d0d0;
    background-color : #c0c0c0;
    margin : 3px 0;
}
input.error 
{ 
    border-color: #C00; 
    background-color: #FEF; 
}
input:focus,
input.error:focus, 
textarea:focus 
{	
    background-color: #FFC; 
    border-color: #FC6; 
}

/* ALL FORM STYLES BELOW HERE */

/* Form container */
div.form-container
{ 
    margin: 10px;
    padding: 5px; 
}
/* Form legends */
p.legend 
{ 
    margin-bottom: 1em;
}
p.legend em 
{ 
    font-style: normal; 
}
em 
{ 
    color: #C00; 
    font-style: normal; 
}

.textarea
{
	background-color:#fff; 
}

/* Form errors */
div.errors 
{ 
    margin: 0 0 10px 0; 
    padding: 5px 10px; 
    border-left: #C00 12px solid; 
}
div.errors p 
{ 
    margin: 0; 
}
div.errors p em 
{ 
    color: #C00; 
    font-style: normal; 
    font-weight: bold; 
}

.success
{
    margin: 0 0 10px 0; 
    padding: 5px 10px; 
    border-left: #C00 12px solid; 
}

.success em
{
    color: Green;
}

.success li
{
    color: Green;
}
/* Other form elements */
div.container p 
{ 
    margin: 0 0 8px 0;
}
div.container p.note 
{ 
    margin: 2px 0 5px 170px; 
    font-size: 90%; 
    color: #060; 
    line-height:14px;    
    font-style: italic; 
}
div.container fieldset, .creativesFilterContainer fieldset 
{ 
    margin: 0; 
    padding-bottom: 5px; 
    border: 0;
    background:transparent;
}
div.container fieldset div p, .creativesFilterContainer fieldset div p
{
	margin: 0 0 5px 185px;
}
div.container legend, .creativesFilterContainer legend 
{ 
    font-weight: bold; 
    color: #333; 
    margin-top: 5px;
}
div.container fieldset div, .creativesFilterContainer fieldset div 
{ 
    margin-bottom: 8px; 
}
div.container label, 
div.container span.label
{ 
    margin-right: 10px; 
    padding-right: 10px; 
    width: 175px; 
    display: block; 
    float: left; 
    text-align: right; 
}
div.checkboxlist label 
{
	width: 300px;
	display: inline; 
    float: none; 
}
div.checkboxlist
{
	margin: 5px 0 15px 75px;
}
div.container .boxscroll label
{
    display: inline;
    width: auto;
    float: none;
    
    /*margin-right: 10px; 
    padding-right: 10px; 
    width: 150px; 
    display: block; 
    float: left; 
    text-align: right;*/
}

div.container label.error, 
div.container span.error 
{ 
    color: #C00; 
}
div.container label em, 
div.container span.label em 
{ 
    font-size: 120%; 
    font-style: normal; 
    color: #C00; 
}

div.container div.controlset label, 
div.container div.controlset input 
{ 
    display: inline; 
    float: none; 
}
div.container div.controlset div 
{ 
    margin-left: 170px; 
}
div.buttonrow 
{ 
    text-align: center;
}
div.buttonrow a 
{ 
    font-weight: bold; 
}

div.container fieldset.staticInfo div
{
    font-size: 11px;
    margin: 4px 0 0 10px;
}

div.container fieldset.staticInfo label
{
    text-align: left;
    font-weight: bold;
}

div.container fieldset.staticInfo span
{
    display: block;
    margin-left: 195px;   
}

.clear {font-size: 1px; height: 1px}
.imagetoggle { float:right;margin-top:2px; }
.logoandinfo {width:620px;float:left}
.logoandinfo img { margin-bottom: -10px; }

.panelcontainer 
{
    width:98%;
    background:#f2f2f2;
    margin:0;
    padding:0;
    color:#000;
    margin-left:11px;
}
.paneltop 
{
    margin:0;
    padding:0;
    height:27px;
    background-repeat:no-repeat;
}
.reportspaneltop 
{
    margin:0;
    padding:0;
    height:27px;
    background-repeat:no-repeat;
}
.panelgradient 
{
    padding:10px;
    margin:0;
}
.panelbottom 
{
    padding:0;
    height:26px;
}
.reportspanelbottom 
{
    padding:0;
    height:13px;
}
.divider 
{
    height:1px;
}
	
/* CSS ROLLOVERS */
.applynow a 
{
    display:block;
    width: 95px;
    height:52px;
    text-decoration: none;
}
.applynow a:hover 
{ 
    background-position: 0 -52px;
}
.delete a 
{
    display:block;
    margin: 0 auto;
    width: 68px;
    height:21px;
    text-decoration: none;
}
.delete a:hover 
{
    background-position: 0 -21px;
}
.suspend a 
{
    display:block;
    margin: 0 auto;
    width: 68px;
    height:22px;
    text-decoration: none;
}
.suspend a:hover 
{ 
    background-position: 0 -22px;
}

.loginasuser a 
{
    display:block;
    margin: 0 auto;
    width: 75px;
    height:22px;
    text-decoration: none;
}
.loginasuser a:hover { 
background-position: 0 -22px;
}

/* Table styles */
table {border:1px solid #999;width:100%;font-size:95%;margin-left:2px;}
td {text-align:center; padding:4px;
}
.headerRow 
{
	text-align:center;
	background-repeat:repeat-x;
	color:#fff;
	padding:5px;
	font-weight:bold;
}

/* table title sorting styles */
.title {text-align:center;background-repeat:repeat-x;color:#fff;border:1px solid #999;}
.titlesortup {text-align:center;font-weight:bold;border:1px solid #999;background-position:top right;background-repeat:no-repeat;}
.titlesortdown {text-align:center;font-weight:bold;border:1px solid #999;background-position:top right;background-repeat:no-repeat;}
.title a {color:#fff;background:transparent;font-weight:bold;}
.title a:hover {color:#e0e0e0;background:transparent;font-weight:bold;}
.titlesortup a {color:#fff;font-weight:bold;background:transparent;}
.titlesortdown a {color:#fff;font-weight:bold;background:transparent;}

.headerRow a { color: #fff; }
.title {text-align:center;font-weight:bold;border:1px solid #999;}
.contentRow {padding:4px; font-size: 11px;}
.contentRowDark {padding:4px; font-size: 11px;}
.contentRowFooter { padding: 5px; }
.suspended { background-color: #fcc; }
.deleted { background-color: #f99; }
.tiny {font-size:10px;}
.logocell {padding:0px;margin:0;width:100px;border-right:1px solid #999}
.switcherbtnright {float:right;margin:6px 4px 0 0}
.switcherbtnleft {float:right;margin:6px 2px 0 0}
.gridHeading { text-align: center; font-weight: bold; margin-bottom: 5px;}

/* PAGERS */
.pager 
{
    border:1px solid #999;
    background-color:#f2f2f2;
    margin-top:4px;
    background-position:top left;
    background-repeat:no-repeat;
    padding:0 25px 0 25px;
}

.pager table 
{ 
    margin-left: 30px;
    width: auto;
    border: 0;
    font-size: 1.2em; 
    text-align: right;
}
.pager table td 
{ 
    margin: 0;
    padding: 0; 
}

.noResults
{
	color:#d66930;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	padding-top: 10px;
}

div.richTextBoxContainer table { border: 0; width: auto; margin: 0;}
div.richTextBoxContainer td { padding: 0; text-align: left; }
div.richTextBoxContainer td div {margin: 2px 2px 2px 2px; padding-bottom:5px;}

.button {padding:2px; font-weight:bold; font-size:11px;}
.refreshbutton {width:136px; height:27px; border:0; background-repeat:no-repeat;cursor:hand;}
/* Custom styles */
table.narrowBlockDetails
{
	width: 100%;
	border: 1px solid #ccc;
}
table.narrowBlockDetails th
{
	border-left: 1px solid #ddd;	
	width: 15%;
}
table.narrowBlockDetails td
{   
	border-top: 1px solid #ddd;
	width: 85%;
	text-align: left;
}

.checkUrlList .disabled label
{
	color: #C00;
}

/* Report styles */
#reportContent table, #reportContent table td
{
	border: 1px solid black;
}

#reportContent table table, #reportContent table table td
{
	border: 0;
}

table.tierGrid
{
	width: 100%;
}

table.commission
{
    border: 0;
	margin-bottom: 15px;
}

table.commission td
{
	text-align: left;
}

table.tiers
{
	padding-left: 45px;
	padding-right: 35px;
	border-top: 4px solid #ccc;
	border-bottom: 4px solid #ccc;
	border-left: 0;
	border-right: 0;
}

table.tiers td
{
	margin: 0;
	padding: 2px;
}

#popupBox 
{
	display: none;
	position: absolute;
	background: #ddd;
	color: #333;
	text-align: center;
	border: 1px solid #333;
	z-index: 100;
	padding: 0 0 5px 0; 
	margin: 0;
}

#popupBox textarea
{
	width: 550px;
}

.popupClose 
{
	font-size: 12px;
	color: #ddd;
	padding: 3px 5px 0 0;
	border-bottom: 1px solid #333;
	background: #B6B6B6;
	text-align: right;
	margin-bottom: 5px;
}

table.creatives
{
    border: 0;
	padding: 0;
	margin: 20px 0 0 0;
}

table.creatives td
{
	padding: 0;
	margin: 0;
}

table.creatives td,
td .flash
{
	padding:30px 20px 20px 20px;
}

table.creatives a {margin:0px;padding:0px;background:transparent;border:0;}

table.creatives a td {margin:0px;padding:0px;background:transparent;border:0;}

table.creativesList { border: 0; }
table.creativesList td { border-bottom: 2px solid #e0e0e0; }

.MyCalendar table {margin:0; padding: 0; border: 0;}
.MyCalendar td {text-align:center;padding:0; margin: 0;}

.ajax__calendar_container { margin-top: 0;} 
.ajax__calendar_header {margin-top: -8px;}
.ajax__calendar_prev,
.ajax__calendar_next {margin-top: 0;} 
.ajax__calendar_body {padding-bottom: 4px;} 
.ajax__calendar_days,
.ajax__calendar_months,
.ajax__calendar_years { margin-top: -8px;}

.ajax__calendar_month,
.ajax__calendar_year,
.ajax__calendar_day {margin: 0;  padding: 2px 0; }
div .ajax__calendar_container table { height:140px; }
 
.boxscroll
{
	overflow: -moz-scrollbars-vertical;
    overflow-x: hidden;
    overflow-y: scroll;
	height: 200px;
	width: 310px;
}

.scrollDiv 
{
	width:270px;
	height: 150px;
	margin:0;padding:0;
	padding-right:15px;
	overflow: -moz-scrollbars-vertical;
    overflow-x: hidden;
    overflow-y: scroll;
    border:1px solid #7f9db9;
    background-color: White;
}

.scrollDiv label
{
    float:left;
    text-align:left;
    margin:0;padding:0;
}

.scrollDiv input
{	
	float:left;
	padding:0;
	width:15px;
}

.scrollDiv td label {text-align:left;margin: 0 0 0 5px; padding: 0;}
.scrollDiv table {border:0;}
.scrollDiv td { margin: 0; padding: 0 }

.programmesGrid
{
    border-color: #ccc;
}
.programmesGrid td
{
    text-align: left;   
    font-size: 11px;
}
.programmesGrid td.logo
{
    text-align: center;
}
.programmesGrid ul
{
    margin: 0 0 10px 0;
    padding: 5px 0 0 25px;
    list-style-type: square;
}
 .compactFormTable table
 {
     border: 0;
     width: 300px;
 }
 
 .compactFormTable table td
 {
     text-align: left;
     padding: 0;
 }
 
 .compactFormTable td label
 {
     display: inline;
     float: none;
     text-align: left;
     vertical-align: top;
 }
 
 #divLoginButton
 {
     text-align: right;
     padding-top: 5px;
     border:none;
 }
 
 #progressBackgroundFilter {
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  overflow:hidden;
  padding:0;
  margin:0;
  background-color:#000; 
  filter:alpha(opacity=50);
  opacity:0.5;
  z-index:1000;
}

#processMessage { 
  position:absolute; 
  top:30%; 
  left:43%;
  padding:10px;
  width:14%;
  z-index:1001;
  background-color:#fff;
  text-align: center;
} 

#centre
{
    font-weight: bold;
    width: 580px;
    text-align: center;
    margin: 0px auto;
}

#leftListBox
{
    text-align: left;
    float: left;
}

#rightListBox
{
    text-align: left;
    float:left;
}

#ListBoxButtons
{
    float: left;
    margin-top: 130px;
}

#ProgrammeDetailsfloat
{
    float:right;
    width: 100px;
}

div.container .scrollDiv label
{
    width: 300px;
    display: inline; 
    float: none; 
    text-align: left; 
}
div.container .scrollDiv td
{
    text-align: left; 
}
div.container .divIndent
{
    margin: 5px 0 0 30px;
}

/*OEditor HTML Editor Styles*/
.form-container .HC_div, 
.richTextBoxContainer .HC_div, 
.container .HC_div                              {background-color:transparent;background-image:none;border: none;} 

.form-container .HC_grid, 
.richTextBoxContainer .HC_grid, 
.container .HC_grid                             {width:100%;padding:0px;margin:0px;background-image:none;background-repeat:repeat-y;background-position:20% -1px;border:1px solid transparent;}

div .form-container fieldset .HC_grid th, 
.richTextBoxContainer .HC_grid th, 
.container .HC_div th                           {padding:0px;}

.form-container .HE_top_bar .HE_group label, 
.OEditor .HE_top_bar .HE_group label            {margin-left:-1000px}

.form-container .HC_grid .HE_top_bar, 
.richTextBoxContainer .HC_grid .HE_top_bar, 
.OEditor .HC_grid .HE_top_bar                   {background-color:#FFFFFF;background-repeat:repeat-x;border-left:1px solid #AEAEAE;border-right:1px solid #AEAEAE;border-top:1px solid #AEAEAE;overflow:hidden;padding:-2px 4px 4px;margin-bottom:0px;}

/*Messages Flyout Styles*/
.MessagesLink
{
    color:#454545;
    text-decoration:none; 
}

.MessagesPopoutInner
{
    background:#F2F2F2;
    color:#454545;
    font-size:95%;
    text-align:left;
    padding:5px 5px 5px 5px;
}
.MessagesPopoutOuter
{
    background:#EEF3FE;
    color:#454545;
    text-align:left;
    padding:5px 5px 5px 5px;
    border: 1px dashed #999;
    width:350px;
}

div.RadToolTip table.rtWrapper {
    border-collapse: collapse;
    border:0 !important;
    margin: 0;
    padding: 4px !important;
}

div.RadToolTip_Default table.rtWrapper td.rtWrapperContent {
    background-color: #FFFFFF;
    color: #666666;
    padding:12px;
    text-align:left;
}

.img-info {
    border: 0 none;
    position: relative;
    top: 3px;
}
div.addevents input, div.addevents select {
    border: 1px solid #aeaeae;
    padding: 4px;
}

#left .navBox a, #left .navBoxUser a, #right .navBox a, #right .navBoxUser a {
    font-weight: normal;
    font-size: 11px;
}
#ProgrammeRate table td {
    padding: 0px;
    padding-bottom: 3px;
}
div.popUp label
{
    width: 58px;
}