/* Backoffice Stylesheet
============================================= */
* {
	margin:0;
	padding:0;
}

body { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color:#555;
	background-color:#5091cb;
	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 {
	background:#fff url(/graphics/bo/rn_bo_signup_bgtop.gif) top left no-repeat;
	text-align:left;
	margin:20px auto 0 auto;
	width:650px;
	padding:10px 0 0 0;
}


/* -- Drop Shadows -- */
#page { 
	padding:20px 20px 1px 30px;
}


#header #logo {
	float:left;
	margin:10px 0 17px 10px; 
}
#header {
	margin:0 10px;
	border-bottom:7px solid #ddd;
}
#header_buttons {
	width:300px;
	float:right;
	display:inline;
}
#header_buttons #stepNum {
	float:right;
	margin:0;
	padding:23px 20px 0 0;
	color:#999;	
	text-align:right;
	font-size:14px;
	width:250px;
}
#header_buttons #close {
	float:right;
}

#stepHeader { padding:20px 5px 15px 20px; margin:0 10px; border-bottom:3px solid #ddd; }
#footer {
	height:20px;
	width:650px;
	padding:0;
	margin:0 auto 20px auto;
	background: url(/graphics/bo/rn_bo_signup_bgbot.gif) top left no-repeat;	
}


#thankyou_page	table				{ margin-bottom:20px; }

/* 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;
}


.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: 11px;
	width:85%;
}

label {
	cursor: pointer;
}

.outlineImage {
	border: 2px solid white;
	display:block;
	float:left;
}

.outlineImage:hover {
	border: 2px solid blue;
}

.selectedImage {
	border: 2px solid red;
	display:block;
	float:left;
}

.selectedImage:hover {
	border: 2px solid blue;
}


.clearBoth {
	clear:both;
}