/* Default Styles
----------------------------------------------- */

body {margin:0; padding:0; font-family: ariel, helvetica, sans-serif; font-size: 12px; color: #666666; background-color:#ffffff;}
html>body {font-size: 12px;}

/* hack to center this under IE5 */
* html body {text-align: center;}
/* keep the content left-aligned */
* html #container {text-align: left;}


/* global layout styles */

#container {margin: 0px auto; width:900px; height:auto;}
#header {margin: 25px 0 25px 0; padding:0; width: auto;}
#signup_header {margin: 25px 0 25px 0; padding:0; width: auto; height:285px; background: url(../../images/checklist.jpg) no-repeat left #ffffff;}
#activate_header {margin: 25px 0 25px 0; padding:0; width: auto; height:285px; background: url(../../images/exclusiveonly.jpg) no-repeat left #ffffff;}
#create_header {margin: 25px 0 25px 0; padding:0; width: auto; height:285px; background: url(../../images/referafriend.jpg) no-repeat left #ffffff;}
#footer {margin: 10px 0 10px 0; padding:0; width: auto; height:75px; text-align:center; font-size:11px; background: url(../../images/footer.jpg) no-repeat left #ffffff;}
#left_col {padding: 0 14px 0 0; margin:0; width: 570px; float:left;}
#right_col {margin: 0 0 0 15px; padding:0; width: 300px; height:auto; float:left;}


/* Generic Styles
----------------------------------------------- */

/* tags */
p {margin:0; padding-bottom:10px; line-height:18px;}
h1 {margin:0; padding:0 0 10px 0; font-size:18px; font-weight:bold; color:#B50F19;}
h2 {margin:0; padding:0 0 10px 0; font-size:14px; font-weight:bold; color:#555353;}
h3 {margin:0; padding:0 0 10px 0; font-size:12px; font-weight:bold; color:#B50F19;}
.crumbs {font-size:10px; color:#ffffff;}

/* links */
a, a:link, a:visited, a:active{text-decoration: underline; color:#B50F19;}
a:hover{text-decoration: none;}

a.more, a.more:link, a.more:visited, a.more:active{text-decoration: underline; color:#B50F19; font-size:12px; font-weight:bold;}
a.more:hover{text-decoration: none;}

a.footer, a.footer:link, a.footer:visited, a.footer:active{text-decoration: underline; color:#666666; font-weight:normal;}
a.footer:hover{text-decoration: none;}

a.breadcrumbs, a.breadcrumbs:link, a.breadcrumbs:visited, a.breadcrumbs:active{text-decoration: underline; color:#ffffff;}
a.breadcrumbs:hover{text-decoration: none;}

/* regular text */
.text-l {font-size:14px; font-weight:normal;}
.text-m {font-size:12px; font-weight:normal;}
.text-s {font-size:11px; font-weight:normal;}
.text-xs { font-size:10px; font-weight:normal;}
.text-xxs { font-size:9px; font-weight:normal;}

/* bold text */
.btext-red {color:#B50F19;; font-weight:bold;}
.btext{font-weight:bold;}

.btext-l {font-size:14px; font-weight:bold;}
.btext-m {font-size:12px; font-weight:bold;}
.btext-s {font-size:11px; font-weight:bold;}
.btext-xs {font-size:10px; font-weight:bold;}
.btext-xxs {font-size:9px; font-weight:bold;}

/* colors */
.grey {color:#666666;}
.red {color:#FF0000;}
.blue {color: #245c7f;}

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


.handcursor{cursor:hand;cursor:pointer;}

/* ----- LISTS ----- */
ol, ul {margin: 1.0em 0 1.0em 0;}
ol li, ul li {margin: 0 0 0.3em 2em; line-height:18px;}
ol ul, ol ol, ul ul, ul ol {margin-top: 0; margin-bottom: 0;}

/* ----- LAYOUT CLASS HELPERS ----- */
.icon {padding: 1px 0 1px 20px;}
.accessible {height: 1px; left: -9999em; overflow: hidden; position: absolute; top: 0; width: 1px;}
.info, .success, .warning {padding: 1em; margin-bottom:1em;}
.hide {display: none;}

/* ----- PANELS ----- */
div.panel {margin: 2em 0; position: relative;}
div.panel div.header, div.panel div.header span.action {padding: 2px 5px;}
div.panel div.header span.action {position: absolute; top: 0; right: 0;}
div.panel div.detail {padding: 0 1em;}
div.panel div.detail.scroll {height: 200px; overflow: auto;}

div.panel {border: 1px solid #CCC; border-width: 1px 1px 0 1px;}
div.panel div.header {background-color: #F4F4F4; border-bottom: 1px solid #CCC;}
div.panel div.detail {border-bottom: 1px solid #CCC;}
div.panel table {border-width: 0 0 1px 0;}

.sm_col {margin:0 0 10px 0; padding:0; width:130px; height:auto; float:left;}

/* ----- COLOR HELPERS ----- */
.icon {background-position: 0 50%; background-repeat: no-repeat;}
.info {background-color: #E9F1FF; border: 1px solid #B5D4FE;}
.success {background-color: #DEFFAF; border: 1px solid #ACD919;}
.warning {background-color: #FFF6BF; border: 1px solid #FFD324;}
.info, .success, .warning {border-width: 1px 0;}

/* banners */
#top_banner {margin: 0 0 10px 0; padding:0;}
#side_banner {margin: 0 0 10px 0; padding:0;}

/* headers */
.group {margin:0; padding:0; width: auto; font-size: 11px; height:auto;}
.group h2 { margin: 0; padding: 4px 3px; color: #fff; background-color:#999999; font-size: 12px; font-weight: bold;}

/* form styles */
.field {padding: 10px 0; clear:both;}
.label {font-weight: bold; font-size:12px; width: 145px; float: left; padding-top:4px;}

fieldset { border:1px solid #dcdcdc; padding:15px}
legend { padding: 0.2em 0.5em; font-size:11px; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000;}

.form_group {margin-bottom:15px; padding:0; width: auto; font-size: 11px; background-color: #FFF; border: 1px solid #B50F19; height:auto;}
.form_group h2 { margin: 0; padding: 2px 3px; color: #fff; background-color:#B50F19; font-size: 12px; font-weight: bold;}

/*---:[ "create account" form elements ]:---*/
form#form { width: auto; padding: 10px 0; float: left; }
form#form p { margin-bottom: 0; }
form#form input.submit { padding: 5px 10px; }
.form_item, .form_item_missing, .form_item_head { width: 400px; padding: 6px 10px 6px 0; border-bottom: 1px solid #fff; float: left; clear: both; }
.form_item_head { background-color: #ccc; font-weight: bold; text-align: center; color: #666; font-size: 1.1em; }
.form_item_missing { background-color: #ecc; }
.form_item_long, .form_item_missing_long, .form_item_head_long { width: 600px; padding: 6px 10px 6px 0; border-bottom: 1px solid #fff; float: left; clear: both; }
.form_left { width: 110px; padding: 2px 10px 0 0; text-align: left; float: left; }
.form_left_175 { width: 175px; padding: 2px 10px 0 0; text-align: left; float: left; }
.form_right_long { width: 300px; padding-left: 8px; border-left: 2px solid #ddd; float: left; text-align: left; }
.form_right { width: 250px; padding-left: 8px; border-left: 2px solid #ddd; float: left; text-align: left; }
.form_right .form_right_long .text_input, .form_right .option_input, .form_right .pw_input { padding: 3px 3px 3px 0; border-top: 2px solid #aaa; border-left: 2px solid #aaa; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-family:Arial, Verdana, Helvetica, sans-serif; }
.form_right .text_input { width: 250px; }
.form_right .option_input { width: auto; }
.form_right .pw_input { width: 200px; }
.form_right textarea.text_input { font-size: 1.0em; }

/*CSS for pop up hint box */
a.hintanchor, a.hintanchor:link, a.hintanchor:visited, a.hintanchor:active{margin: 3px 0 3px 5px; text-decoration: none; color:#b6111c; font-size:12px; font-weight: bold;}
a.hintanchor:hover{color:#000000;}
#hintbox{ position:absolute; top: 0; background-color: #E5E5E6; width: 150px; padding: 3px; border:1px solid #666; font:normal 11px Verdana; line-height:18px; z-index:100; border-right: 3px solid #666; border-bottom: 3px solid #666; visibility: hidden;}


.required {color:#FF0000; font-style:italic; font-weight:bold}
.error {color:#FF0000; font-weight:bold; font-style:italic;}

#msg_box {margin:0 0 10px 0; padding:20px; border:1px solid #cccccc;}

/* tables */
.tablerow {padding:10px 0 10px 5px; border-bottom:1px solid #cccccc;}


/* borders */
.border {border:1px solid #666666;}
.border-bottom {padding: 2px; border-bottom:1px solid #cccccc;}

/* image styles */
img {margin: 0; padding: 0;}

/* misc */
.clear {clear:both;}
.inside {padding:10px;}

/* sidebar */
.sidebar_orange {
	padding-top:5px;
	margin: 0 0 10px 0; 
	width: 250px; 
	height: auto;
	background: url(../../images/orange_solid_hdr.gif) no-repeat top center;
}

.sidebar_orangeHdrBox {
	padding: 10px;
	width: 228px; 
	height: auto;
	color:#ffffff;
	font-weight:bolder;
	background-color: #ff9933;
	border-left:1px solid #ff9933;
	border-right:1px solid #ff9933;
}

.sidebar_orangeBody {
	padding: 14px 5px 0 5px;
	height: auto;
	font-size: 12px;
	border-left:1px solid #ff9933;
	border-right:1px solid #ff9933;	
}
.sidebar_orangeFooter {
	padding: 14px 14px 0 14px;
	height: auto;
	background: url(../../images/orange_solid_footer.gif) no-repeat center bottom;
}

.sidebar_gray {
	padding-top:5px;
	margin: 0 0 10px 0; 
	width: 250px; 
	height: auto;
	background: url(../../images/gray_solid_hdr.gif) no-repeat top center;
}

.sidebar_grayHdrBox {
	padding: 10px;
	width: 228px; 
	height: auto;
	color:#ffffff;
	font-weight:bolder;
	background-color: #717070;
	border-left:1px solid #717070;
	border-right:1px solid #717070;
}

.sidebar_grayBody {
	padding: 14px 5px 0 5px;
	height: auto;
	font-size: 12px;
	border-left:1px solid #717070;
	border-right:1px solid #717070;	
}
.sidebar_grayFooter {
	padding: 14px 14px 0 14px;
	height: auto;
	background: url(../../images/gray_solid_footer.gif) no-repeat center bottom;
}