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

body {margin:0; padding:0; font-family: ariel, helvetica, sans-serif; font-size: 12px; color: #000000; background: url(../../images/bg.jpg) repeat-x top left #030543;}
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:910px; height:auto;}
#header {margin:0; padding:0; width: auto; height:230px; background: url(../../images/header.jpg) no-repeat left #ffffff;}
#nav {padding:200px 100px 0 100px; margin-top:0; width: auto;}
#content {margin:0; padding:25px 25px 50px 25px; width: auto; height:auto; background: url(../../images/content_btm.jpg) no-repeat bottom left #ffffff;}
#footer {margin: 0 0 10px 0; padding:0; width: auto; height:150px; text-align:center; font-size:11px; background: url(../../images/footer.jpg) no-repeat top left #030543;}

#left_col {margin: 0 25px 0 0; padding:0; width: 535px; float:left;}
#right_col {margin: 0; padding:0; width: 300px; height:auto; float:left;}

/* Nav Styles
----------------------------------------------- */
#navcontainer {}
#navcontainer ul {margin:0; color:#fff; font-weight:normal; text-align:right; font-size:12px; padding:10px 0;}
#navcontainer ul li {display: inline; margin-left: -4px;}
#navcontainer ul li a {padding: 7px 20px 7px 20px; color:#ffffff; font-weight:normal; text-decoration:none;}
#navcontainer ul li a:hover {color: #fff;}
#active a {color: #fff;}


/* 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:#555353;}
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:#555353;}
.crumbs {font-size:10px; color:#ffffff;}

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


/* ----- 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;}


/* ----- 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;}

/* 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-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;}


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

form {margin: 0; padding: 0; clear: none;}
select {font-size: 11px;}
input { font-family:verdana, arial, sans-serif; font-size: 11px; color: #333;}

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

/*---:[ "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;}

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

/* borders */
.border {border:1px solid #666666;}

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

.img_left {margin:0 15px 15px 0;}
.img_right {margin:0 0 15px 15px;}

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