#header, #footer
{    
    background: url(../images/st/headerstrip.jpg) repeat-x;
}
#menu {
    background-color: #323232;
    border-top: 1px solid #E1E1E1;
}
#menu li a {
    color: #fff;
}
#menu li a:hover 
{
    background-color: #3268D0;
}
#menu li a.current 
{
    background-color: #3268D0;
}
#center h1 
{
    color : #616161;
}
#center h3 
{
    color: #595959;
}
#center h2 {
    background: url(../images/st/lrline.gif) no-repeat bottom left;
    color: #3268D0;
}
#left .navBox,
#right .navBox
{
    border: 1px solid #ababab;
    background-color: #f2f2f2;
}
#left .navBoxUser,
#right .navBoxUser
{
    border: 1px solid #ABABAB;
    background-color: #f2f2f2;
    
}
#left .navBox div.current
{
	background-color: #c5d8fd;
}
#left .navBox .header,
#right .navBox .header
{
    border: 1px solid #3268D0;
    background-color: #3268D0;
    color: #FFF;
}
#left .navBoxUser .header,
#right .navBoxUser .header
{
    border: 1px solid #3268D0;
    background-color: #3268D0;
    color: #fff;
}
#left .navBox a
{
    color: #3268D0;
    text-decoration: none;
}
#right .navBox a
{
    color: #274F9C;
    text-decoration: none;
}
.programmeTable table td
{
    text-align:left;
}
#right .navBox a:hover
{
    text-decoration: underline;
}
#left .navBox div,
#left .navBoxUser div,
#right .navBoxUser div
{
    border: 1px white solid;
    padding:2px 10px 2px 10px;
}

#left .navBox div:hover,
#left .navBoxUser div:hover
{
	background-color: #c5d8fd; 
	cursor: pointer;  
}

#left .navBoxUser a,
#right .navBoxUser a
{
    color: #3268D0;
    text-decoration: none;
}
#left .navBox .divLogin:hover
{
	background-color: #f2f2f2;
	cursor:default;
}
#left .navBox .divLogin .divLoginButton:hover
{
	background-color: #f2f2f2;
	cursor:default;
}
.loginButton:hover
{
	cursor:pointer;
}
/* The following divs are children within navBoxUser, however do not want to highlight them when hovered on. */
#left .navBox .header:hover,
#left .navBoxUser .header:hover
{
    border: 1px #3268D0 solid;
    background-color: #3268D0;
    cursor:default;
}
/* Do not want to highlight account id and the contact details context menu when hovered over, 
   only there for display purposes. */
#left .navBox .divContactDetails:hover,
#left .navBoxUser .accountID:hover
{
    background-color: #F2F2F2;
    cursor:default;
}
#footer
{
    border-top: 1px solid #7EC4E6;
}
a 
{
    /*color : #263190;*/
    color: #0F366D;
}
a:hover 
{
    color : #454545;
}
a.smallLink 
{
	font-size: x-small;
}
a.external 
{
    color : #6D95AD;
    border-bottom: 2px solid #6D95AD;
}
a.external:hover 
{
    color : #79a8c4;
}

/* CURVED CSS BOXES */
.container 
{
    background:#F2F2F2;
    font-family:arial;
    font-size:12px;
    color:#333;
    margin:10px 0 10px 4px;
}

.container2 
{
    background:#FBF2F6;
    font-family:arial;
    font-size:11px;
    color:#0F366D;
    margin:10px 0 10px 4px;
}
.container2 a
{
	font-size:12px; 
	font-weight:bold; 
	color:#BC1A61; 
	text-decoration:none;
}
.container2 a:hover
{
	text-decoration:underline;
}
/*-Controls the formatting of the Category listing on the home page.-*/
.container3
{
    font-family:arial;
    font-size:12px;
    text-align:left; 
    padding-left:5px; 
    margin:5px 0 5px 2px;
}
.container3 a
{
	color:#0F366D;
	text-decoration:underline;
}
.container3 a:hover
{
	/*color:#B13A6B;*/
	color:#454545;
	text-decoration:none;
}
.heading 
{
	text-align:left;
	color:#3268D8;
	font-size:14px;
	font-weight:bold;
}
/*------------------------------------------------------------------ */
.creativesFilterContainer 
{
    background:#f2f2f2;
    font-family:arial;
    font-size:12px;
    color:#333;
    margin:10px 0 10px 4px;
}
/* Standard curved Silvertap boxes */
.t {background: url(../images/st/greydot.gif) 0 0 repeat-x; width: 100%}
.b {background: url(../images/st/greydot.gif) 0 100% repeat-x}
.l {background: url(../images/st/greydot.gif) 0 0 repeat-y}
.r {background: url(../images/st/greydot.gif) 100% 0 repeat-y}
.bl {background: url(../images/st/bl.gif) 0 100% no-repeat}
.br {background: url(../images/st/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/st/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/st/tr.gif) 100% 0 no-repeat; padding:10px} 

/* Custom curved Silvertap boxes */
.t2 {background: url(../images/st/pinkdot.gif) 0 0 repeat-x; width: 100%}
.b2 {background: url(../images/st/pinkdot.gif) 0 100% repeat-x}
.l2 {background: url(../images/st/pinkdot.gif) 0 0 repeat-y}
.r2 {background: url(../images/st/pinkdot.gif) 100% 0 repeat-y}
.bl2 {background: url(../images/st/bl2.gif) 0 100% no-repeat}
.br2 {background: url(../images/st/br2.gif) 100% 100% no-repeat}
.tl2 {background: url(../images/st/tl2.gif) 0 0 no-repeat}
.tr2 {background: url(../images/st/tr2.gif) 100% 0 no-repeat; padding:10px} 

/* Custom curved Silvertap boxes */
.t3 {background: url(../images/st/bluedot.gif) 0 0 repeat-x; width: 100%}
.b3 {background: url(../images/st/bluedot.gif) 0 100% repeat-x}
.l3 {background: url(../images/st/bluedot.gif) 0 0 repeat-y}
.r3 {background: url(../images/st/bluedot.gif) 100% 0 repeat-y}
.bl3 {background: url(../images/st/bl3.gif) 0 100% no-repeat}
.br3 {background: url(../images/st/br3.gif) 100% 100% no-repeat}
.tl3 {background: url(../images/st/tl3.gif) 0 0 no-repeat}
.tr3 {background: url(../images/st/tr3.gif) 100% 0 no-repeat; padding:10px} 

.container .description
{
    margin-left: 10px;
}

div.container fieldset legend
{
    color: #3268D0;
}

.paneltop 
{
    background-image:url(../images/st/flter-creatives-top.gif);
}
.reportspaneltop 
{
    background-image:url(../images/am/flter-reports-top.gif);
}
.panelgradient 
{
    border-left:1px solid #dbdbdb;
    border-right:1px solid #dbdbdb;
    background:#f2f2f2;
}
.panelbottom 
{
    background-image:url(../images/am/flter-creatives-bottom.gif);
}
.reportspanelbottom 
{
    background-image:url(../images/am/flter-reports-bottom.gif);
}
.divider 
{
    border-top:1px solid #628AE4;
}
	
/* CSS ROLLOVERS */
.applynow a {
    background: url("/images/st/btn-applynow.gif") 0 0 no-repeat;
    float: left;
    margin-left:-7px;
}

.loginasuser a 
{
    background: url("/images/st/btn-loginasuser.gif") 0 0 no-repeat;
}

table.narrowBlockDetails th
{
	border-left: 1px solid #ddd;
	background-color: #edf0fe;
	color: #454545;
	width: 15%;
}

/* Table styles */
.headerRow 
{
	background-image:url(../images/st/bg-tableheader.gif);
}

/* table title sorting styles */
.title 
{
    background-image:url(../images/st/bg-tableheader.gif);
    background-color:#395b95;
}
.titlesortup 
{
    background-color: #395b95;
    background-image: url(../images/st/btn-sortup.gif);
}
.titlesortdown 
{
    background-color: #395b95;
    background-image: url(../images/st/btn-sortdown.gif);
}

.contentRowDark {background:#e0eafc;}
.contentRow { background-color: #eef3fe;}

.programmeContentRowDark {background:#e0eafc;}
.programmeContentRow     {background-color: #eef3fe;}

.programmeContentRowDark td {text-align:left;}
.programmeContentRow td     {text-align:left;}

.contentRowFooter { background: #CFC; }

/* New Sub-Grid Styling (Used on Programmes/ManageCommissions.aspx) */
.subGridTitle 
{
    background-color:#369;
    color: White;
}
.subGridContentRowDark {background:#eee;}
.subGridContentRowFooter { background: #ccc; }
.subGridContentRow { background-color: #fff; text-align: center;}

#ProgrammeRate{ width:380px; margin-left:-20px; font-size:12px; display:block; }
#ProgrammeRate td { padding-left:0; padding-bottom:2px;}
#ProgrammeRate table { width:380px; }
.Rate table { width:380px; }


/* PAGERS */
.pager {background-image:url(../images/st/bg-pager.gif);}

.refreshbutton {background-image:url(../images/st/btn-generatereport.gif);}


.MyCalendar .ajax__calendar_container {background-color:#9fc0ed; border: none; margin-top: 0;} 
.MyCalendar .ajax__calendar_header {margin-top: 0px; color:#06327d;}
.MyCalendar .ajax__calendar_prev,
.MyCalendar .ajax__calendar_next {margin-top: 0;} 
.MyCalendar .ajax__calendar_body {background-color:#ffffff; width:168px; color:#6d6d6d;border:none; padding-bottom: 4px;} 
.MyCalendar .ajax__calendar_dayname {color:#909090;}
.MyCalendar .ajax__calendar_months,
.MyCalendar .ajax__calendar_years { margin-top: 0px;}
.MyCalendar .ajax__calendar_days { margin-top: 0px;}
.MyCalendar .ajax__calendar_month,
.MyCalendar .ajax__calendar_year {margin: 0;  padding: 2px 0;}
.MyCalendar .ajax__calendar_day {margin: 0;  padding: 0px 0;}
.MyCalendar .ajax__calendar_today {margin: 0;  padding: 0px 0; font-weight:normal; color:#000}
.MyCalendar .ajax__calendar_container .ajax__calendar_footer { height:10px;}

.modal
{
    background:#ffffff;
    font-family:arial;
    font-size:12px;
    color:#333;
    border: 1px solid #000;
    padding: 20px 20px 20px 20px;
}

input[type=button], input[type=submit], .button, .button:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
background:#444444 scroll 0 0;
background-color:#3268D0;
border:0px;
border-bottom:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important;
cursor:pointer;
display:inline-block;
padding:5px 10px 6px !important;
position:relative;
text-decoration:none !important;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25) !important;
font-size:11px;
font-weight:bold;
font-family:Arial,sans-serif;
}


input[type=button]:hover, input[type=submit]:hover, .button-blue:hover, .button-blue:visited {
background-color:#395B95;
}

input[type=button]:active, input[type=submit]:active, .button-blue:active {
background-color:#395B95;
top:1px;
border:0;
}

input[type=button]:focus, input[type=submit]:focus
{	
    background-color: #395B95; 
    border-color:transparent;
}
.telerickToolTip
{
    display: none;
    position: absolute;
    padding:10px;
    text-align:left;
}

#privacy { float: right; left: 70px; position: relative; text-decoration: underline !important; top: 39px;background: transparent;font-size: 10px; }