/* Backoffice Stylesheet
============================================= */
* {
	margin:0;
	padding:0;
}

body { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color:#555;
	line-height:1.2em;
}
#backoffice_page, #bo_popup { 
	text-align:center;
	background:#f0f1e5 url(/graphics/bo/bo_bg.gif) top left repeat-x; 
}

/* --- GLOBAL FONT SIZE: change all 3 below --- */
#backoffice_page .instructions { font-size:12px; }
table {	font-size:12px; } 	
td { padding:4px; }
body { font-size:12px; } 	
	
ol { margin: 10px 20px; }
ul { margin: 10px 20px; }
li { margin: 5px 0px; }
p { margin-bottom:15px; }
a { color:#2864ce; }
img { border: 0; }
hr { background: #d9e2e6;
  border: 0;
  color: #d9e2e6;
  height: 2px;
  margin: 0; }
select option { padding: 0 10px 0 0; } 


h2 { color:#214455; font-size:18px; }
h6 { color:#2864ce; font-size:14px; }
.page_title {
	/*width:100%;*/
	border-bottom:2px solid #d9e2e6;
	margin-bottom:12px;
}


/* -- Overall Container - Centers Content -- */
#container {
	text-align:left;
	margin:0 auto;
	width:880px;
}
#bo_popup #container {
	width:90%;	
}
#bo_popup #popup_lowerControls {
	border-top:1px solid #d9e2e6;
	margin-top:5px;
	padding:8px 0;	
	text-align:center;
}


/* -- Drop Shadows -- */
#shadows_top { height:13px; font-size:1px; background: url(/graphics/bo/bo_dropshadow_top.gif) top left no-repeat; }
#shadows {
	background: url(/graphics/bo/bo_dropshadow_mid.gif) top left repeat-y;
	min-height:530px;
	height:auto !important;
	height:530px;
	padding-top:6px;
	padding-bottom:9px;
	width:880px;
}
#shadows_bot { height:21px; margin-bottom:10px; background: url(/graphics/bo/bo_dropshadow_bot.gif) top left no-repeat; }
#page { 
	margin-left:21px;
	margin-right:21px;
	width:838px;	
}
#bo_popup #page {
	clear:both;
	background-color:#fff;
	margin: 10px 0 0 0;
	padding: 5px 2%;
	border:1px solid #d5dbdd;
	width:96%;
}


#header img {
	float:left; 
}
#header {
	height:90px;
}
#header_buttons {
	float:right;
	display:inline;
	margin-right:10px;
}
#bo_popup #header_buttons {
	margin-right:0px;
}
#crumb_trail {
	font-size:12px;
	margin-top:10px;
	padding:3px 14px 5px 10px;
	clear:both;
}

/* -- Styles for Main Menus -- */
.menu_table li h6                   { line-height:1.8em; }
.menu_table li p                    { line-height:1.3em; font-size:12px; margin-bottom:0; } 
.menu_table li			    { float:left; width:392px; padding:0 19px 0 8px; }
.menu_table                         { width:838px; overflow:hidden; margin:0; padding:0 0 15px 0; list-style:none; }   
.menu_clear 			    { clear:both; }

#mainMenuHeader                     { padding:6px 0 25px 3px; width:838px; position:relative; }
#mainMenuHeader #AccountTools       { display:inline; }
#mainMenuHeader #test_campaign      { position:absolute; right:-9px; width:205px; }  


/* --  Styles for Report tables -- */
.report_table thead .largenav {
	font-size: 13px;
	color:#2864ce;	
	text-decoration:none;
}
.report_table thead {
	font-size: 13px;
	text-align:left;
}
.report_table thead {
	background-color:#ffffff;
}
.report_table td {
	font-size: 13px;
	padding:7px 10px;
}
.report_table th {
	padding:10px 0 10px 10px;
	border-bottom: 1px dotted #bababa;
}
.report_table th a:hover{
	text-decoration: underline;
}
.report_table {
	border: 1px solid #d9e2e6; 
}

.deemphasize {
	color: #8c8e7d;
}	


/* -- Signup Progress Bar -- */
#progress_bar { 
	text-align:center;
	border-top: 1px solid #d9e2e6; 
	border-bottom: 1px solid #d9e2e6; 
	margin-bottom: 5px;
}
#progress_bar table {
	margin:0 auto;
	
}
#progress_bar .complete { color:#76a0b4; }
#progress_bar .current { color:#356c84; font-weight:bold; }
#progress_bar .incomplete { color:#bdc18b; }


/* Cross site standard css names
============================================= */

.row0 { background-color: #ecf2f1}
.row1 { background-color: #ffffff}


.smallnav { font-size: 11px; }
.nav { }
.largenav { font-weight: bold; }


.title {
	font-size: 16px;
	font-weight: bold;
	color: #114C6A;
}
.title_small {
	font-size: 14px;
	font-weight: bold;
	color: #114C6A;
}


.bodytext_small {
	font-size: 11px;	
}
.bodytext {
	font-size: 12px;
}
.bodytext_medium {
	font-weight: bold;
	color:  #000;
	font-size: 13px;
}




/* --- Back Office Popup Styles --- */
#popup #page {
	text-align:left;
	margin:0 auto;
	width:90%;
}
#popup #content {
	clear:both;
	margin:0;
	border-top:4px solid #abd06a;
	border-bottom:4px solid #abd06a;
	padding-top:5px;
	padding-bottom:10px;
}
#popup #header img {
	float:left;
}
#popup #header h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
	float:left;
	width:53%;
	margin-top:33px;
	margin-left:3px;
	font-size:18px;	
}
#popup #footer { 
	text-align:center;
	margin-top:10px;
}


/* Only used in backoffice
========================================== */

.searchtitle { color: #000000; font-weight: bold; }
.searchfield { color: #000000;}
.searchresults { color: #000000; font-weight: bold; }


/* Stuff from rn_pb_common.css 
========================================== */

.itunestable { 
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #dadada;
}

.itunestable th {
	border-bottom: 1px solid #dadada;
	background-color: #f5f5f5;
}


.itunestable tr th {
	font-size: 12px; 
	font-weight: bold;
	height: 25px;
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 3px;
}

.itunestable td {
	padding-left: 3px;
	padding-right: 3px;
}


.fieldreq {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.fieldopt {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.fielderr {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-left: 2px; background-color: #FFFFFF; border: solid 1px red;}

.errormsg {
	font-size: 11px;
	color: 	red;
}

.successmsg {
	font-size: 11px; 
	color: blue
}

div.popuphelp { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	display: none; 
	position: absolute;
	z-index: 99999;
	border: 2px solid #224456;
	background-color: #2d5c73;
	margin-left:5px;
	padding:2px;
	width:350px;
	color: white;
}

.instructions {
	line-height:16px;
	font-size: 12px;
	width:85%;
}

label {
	cursor: pointer;
}

/* Coupon Design Library
========================================== */

#DesignLibrary {
	float: left;
	width: 150px;
	height: 500px;
	text-align: center;
	overflow: scroll;
	overflow-x: hidden;
	
}

#DesignPreview {
	float: right;
	width: 450px;
	height: 200px;
	padding-top: 50px;
	padding-right:25px;

}

.outlineImage {
	display:block;
	width: 110px;
	margin: 0 auto;
}

.outlineImage:hover {
	background:url(/graphics/pb/preview_new.gif) center left no-repeat;
}

.selectedImage {
	background:url(/graphics/pb/preview_current.gif) center left no-repeat;
	display:block;
	width: 110px;
	margin: 0 auto;
}

.selectedImage:hover {
	background:url(/graphics/pb/preview_new.gif) center left no-repeat;
}

.outlineImage:focus, .selectedImage:focus {
	outline: 0;
}


.clearBoth {
	clear:both;
}