/* CSS Document */

/*

Add colors here for reference:

e.g. 
#dc291e - red
#18bee7 - blue

*/

/* Required in order to make red bordered "main" area to expand downwards 100% */
html, body {
	height: 100%;
}

/* IE6 Hacks */
* html #body_center_wrapper {
	height: 100%;
}

* html #body_center_wrapper #main_wrapper {
	height: 100%;
}

/* Begin body definitions */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background: #e9f9fd url(../img/bg_repeat_x.gif) repeat-x left top;
}

h1, .h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	text-transform: uppercase;
	font-size: 1.6em;
	color: #000000;
}

h2 {
	font-family: "Arial Black", Gadget, sans-serif;	
	font-size: 1.1em;
	color: #18bee7;
}

.header_blue, .h2 {
	font-family: "Arial Black", Gadget, sans-serif;	
	font-size: 1.1em;
	color: #18bee7;
	text-decoration: none;
}

h3, .h3 {
	font-family: "Arial Black", Gadget, sans-serif;	
	font-size: 1.1em;
	color: #000000;
	text-decoration: none;
}

a, a:link, a:visited {
	color: #dc291e;
}

a.header_blue, a:link.header_blue, a:visited.header_blue {
	color: #18bee7;
}

a:hover {
	color: #000;	
}

.no_vertical_padding {
	padding-top: 0;
	padding-bottom: 0;
}

.red {
	color: #dc291e;
}

.blue_bg {
	background: #CFF;
}

.gray_bg {
	background: #EEE;
	border: 1px solid #DDD;
}

.yellow_bg {
	background: #ffffcc;
}

.blue_bg_grad {
	background: #FFF url(../img/bg_blue_repeat_x.gif) repeat-x left top;
}

.blue_bg_grad_y {
	background: #FFF url(../img/bg_blue_repeat_y.gif) repeat-y left top;
}

.gray_bg_grad {
	background: #FFF url(../img/bg_gray_repeat_x.gif) repeat-x left top;
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em
}

.text_large {
	font-size: 1.3em;
}

#body_center_wrapper {
	height: 100%;
	min-height: 100%;
}

#main_wrapper {
	border-left: 1px solid #dc291e;
	border-right: 1px solid #dc291e;
	background-color: #ffffff;
	width: 940px;
	min-height: 100%;
	text-align: left;
	overflow: visible;
}

#header {
	background: #ffffff url(../img/header_bg_repeat_x.gif) repeat-x left bottom;
	height: 94px;
}

#logo {
	padding-right: 14px;
	float: left;
}

#logo_tag {
	border-left: 1px solid #ebebeb;	
	padding-left: 14px;
	float: left;
	height: 76px;
}

#presented_by {
	text-align: center;
	float: left;
	padding-left: 23px;
	padding-top: 10px;
}

#menu_wrapper {
	float: right;	
	text-align: right;
	vertical-align: top;
	padding-right: 8px;
}

/* navigation */
#navcontainer ul#navlist {
	padding: 0;
	margin: 0;
	padding-top: 16px;
}

#navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	padding-left: 3px;
	border-right: 1px solid #ebebeb;
	padding-right: 6px;
	font-size: 30px;
	letter-spacing: 1px;
	word-spacing: 1px;
	line-height: 1px;
	white-space: nowrap;
}

#navlist li.last {
	padding-left: 3px;
	padding-right: 0;
	border-right: none;
}

#navlist li.safari_fix {
	padding: 0;
	margin: 0;
	border: 0;
}

#navlist li.active {
	background: url(../img/nav_arrow.gif) no-repeat bottom center;
}

#red_bar {
	background-color: #dc291e;
	height: 30px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 43px;
	text-transform: uppercase;
	color: #ffffff;
	text-align: right;
	line-height: .6em;
	padding-right: 18px;
}

#red_bar a, #red_bar_text a {
	color: #ffffff;
	text-decoration: none;
}

#rh_special {
	text-align: right;	
	padding-right: 18px;
	padding-top: 10px;
	line-height: 1.1em;
	float: right;
}

#main {
	padding: 10px;	
}

#main_col {
	float: left; 
	width: 670px;
}

#rh_col {
	float: right; 
	text-align: left; 
	width: 210px; 
	/*margin-top: 56px;*/
}

#footer {
	text-align: center;
	background-color: #dc291e;
	padding: 8px;
	margin: 32px;
}

.tundra .dijitTextBox {
	padding: 3px;
}

.hr {
	border-bottom: 1px dotted #666666; 
	font-size: 1px;	
}

.report_table {
  border-collapse: collapse;
}

.report_table th {
  text-align: left;
  padding: 8px;
  background-color: #dc291e;
  color: #FFFFFF;
  font-weight: bold;
  font-family: "Arial Black", Gadget, sans-serif;
  padding-top: 8px;
}

.report_table td {
  text-align: left;
  padding: 8px;
  background-color: #e2e2e2;
}

.report_table td.data {
  text-align: left;
  padding: 8px;
  background-color: #f2f2f2;
}

.report_table td.combined {
	border-top: none;
	border-bottom: none;
}

.na {
	color: #999;	
}

.noCloseIcon .dijitDialogCloseIcon {
	background:;
	width:0px;
}

table.campaigns_table {
	border-collapse: collapse;
}

table.campaigns_table tr {
	background-color: #FFF;
}

table.campaigns_table td {
	border: 1px solid #C1F4FD;
	padding: 6px;
}

table.campaigns_table td.subh {
	background-color: #E9FBFE;
}

table.campaigns_table td.combined {
	border-top: none;
	border-bottom: none;
}

table.score_table {
	border-collapse: collapse;
}

table.score_table td {
	background-color: #fff;
	padding: 4px;
}

table.score_table td.h {
	background: none;
}

table.reports_table {
	border-collapse: collapse;
}

table.reports_table td {
	padding: 20px;
	background-color: #fff;
	border: 1px solid #C1F4FD;
}

#atlas_subnav {
	margin: 0;
	padding: 0;
	height: 26px;
	font: 12px Arial, sans-serif;
	width: 100%;
	border-bottom: 1px solid #bbb;
	list-style-type: none;
	background: #fff;	
}

#atlas_subnav ul {
	margin: 0;
	padding: 0;
}

#atlas_subnav li {
	margin: 0;
	padding: 0 6px 0 6px;
	float: left;
	width: auto;
	display: block;
	font-size: 12px;
}

#atlas_subnav li a, #atlas_subnav li a:link {
	background: #fff;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
	display: block;
}

#atlas_subnav li a:hover {
	border-bottom: 3px solid #dc291e;
	cursor: pointer;
	background: #fff;
}

#atlas_subnav li.active a, #atlas_subnav li.active a:link {
	color: #000;
	cursor: default;
	font-weight: bold;
	border-bottom: 3px solid #999;
}

#atlas_subnav li.active a:hover {
	border-bottom: 3px solid #dc291e;
	background: #fff;
}

/* CSS Document */

.warning {
	color: #FF0000;
	font-weight: bold;
}

.ok {
	color: #009900;	
	font-weight: bold;
}

.na {
	color: #CCCCCC;
}

.highlight {
	background-color: #FFFF00;
}

.content {
	padding: 10px;
}

.clear_float {
	clear: both;
	font-size: 1px; /* for IE */
}

.report_table {
	border-collapse: collapse;
}

.report_table th {
	padding: 4px;
	text-align: left;
	border-bottom: 2px solid #DDDDDD;
}

.report_table td {
	padding: 4px;
	border-bottom: 1px solid #DDDDDD;
}

.warning_date_overdue, .warning_date_approaching {
	color: #FF0000;
	font-weight: bold;
}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}


/* Necessary for IE */
.dijitRoundedBoxSmall {

}

.dijitRoundedBox {

}

.dijitRoundedBoxMedium {

}

.dijitRoundedBoxLarge {

}

.message, .error {
	border: 2px solid #FC3;
	background-color: #FFC;
	font-weight: bold;
	color: #F00;
	padding: 4px;
	margin-right: 15px;
	margin-bottom: 10px;
}

.ok {
	border: 2px solid #090;
	background-color: #D2FFDE;
	font-weight: bold;
	color: #090;
	padding: 4px;
	margin-right: 15px;
	margin-bottom: 10px;	
}

.bad {
	background-color: #FFC9CD;
	font-weight: bold;
	color: #F00;
	padding: 4px;
	margin-right: 15px;
	margin-bottom: 10px;
}

hr {
	height: 1px;
	border: 0;
	border-bottom: 1px dotted #666;
}

.progress_table {
	
}

.progress_table td {
	padding: 0 4px;
}

.progress_table td.step {
	text-transform: uppercase;
	font-family: "Arial Black", Gadget, sans-serif;
	background-color: #eee;
	color: #666;
}

.progress_table td.checkout {
	background-color: #fff;
}

.progress_table td.active {
	background-color: #cff;
	color: #dc132e;
}

.progress_table td.step_sub {
	font-size: 9px;
	color: #aaa;
}

#progressBar {

}

.noCloseIcon .dijitDialogCloseIcon {
	background:;
	width:0px;
}

.fakeLink {
	color: #dc132e;
	text-decoration: underline;
	cursor: pointer;
}

.cake-sql-log {
	display: none;
}

.dijitTab {
	width: 210px;	
}

#flasher {
	padding: 8px; 
	background-color: #ffffcc; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}

.scorecard {
	font-size: 32px;
	font-weight: bold;
	padding: 12px 7px 3px;
	background: url(../img/scorecard.gif) no-repeat left top;
	/*
	background-color: #fff;
	border: 1px solid #000;
	
	-moz-box-shadow: 2px 3px 4px #999;
	-webkit-box-shadow: 2px 3px 4px #999;
	box-shadow: 2px 3px 4px #999;
	*/
}

.confidential {
	text-align: right;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: bold;
	color: #ccc;
}

.problem, .conflict, .rules {
	font-size: 0.9em;
}

pre {
	background-color: #ffffff;
	border: none;
	font-family: Arial;
	font-size: 12px;
	line-height: .7em;
	margin: 0;
	margin-top: -240px;
}

pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
	font-family: monospace;
}

.document {
	text-align: left; 
	padding: 70px; 
	border: 1px solid #ddd; 
	-moz-box-shadow: 0px 5px 10px #000000; 
	-webkit-box-shadow: 0px 5px 10px #000000;
}

.claro .dijitContentPane {
	padding: 0;
}

#labelCaseStudy, #divKeyTeam {
	max-height: 330px !important;
	overflow: auto;
}

#divCreativeSamples {
	max-height: 221px !important;
	overflow: auto;
}