/* the footer works (sticks to bottom) because I found this link (http://scott.sauyet.name/CSS/Demo/FooterDemo1.html) and adapted the css here. */

/*
html, body, #contents {
    min-height: 100%;
    width: 100%;
    height: 100%;
}
*/

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

/*
html>body, html>body #contents {
    height: auto;
}
*/

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
    margin:0;
    padding:0;
    background:#FFF url('/images/interface_parts/body_bg_slice.gif') top left repeat-x;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}

.parked_column {font-size:1em; text-align:center}

.parked_column a {color:#12619A;}

.parked_column a:hover {text-decoration:none;}

.parkedh1 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:24px;
    margin-bottom:2px;
    color:#12619A;
    background-color:#FFF;
    background-image:none;
    border:none;
}

h1 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:18px;
    border:1px solid #94ACBC;
    background:#DBE6EE url('/images/interface_parts/h1_bg.gif') top right no-repeat;
    color:#12619A;
    margin:0 0 10px 0;
    padding:5px
}

h2 {font-size:1.8em;}

p {margin:0; padding:5px;}

form {margin:0; padding:0;}

a {color:#12619A;}
a:hover {color:#FF9B4A;}
a:visited {color:#64440C;}


.cleaner {font-size:0em; height:0; width:100%; clear:both;}

object, embed {
	margin: 0;
	padding: 0;
}

/* main containers ------------------------------------------------------------------ */

#contents {
    position: absolute;
    top: 0;
    left: 50%;
    width: 750px;
    margin-left: -370px;
}

#header{
    position:absolute;
    width:740px;
    height:92px;
    top:9px;
    left:50%;
    margin-left:-370px;
    border-top:1px solid #122D41;
    z-index:5;
}

#header_buttons{
    position:absolute;
    z-index:20;
    width:172px;
    height:91px;
    top:11px;
    left:50%;
    padding:0;
    margin:0 0 0 196px;
    color:#FFF;
    background-color:#12619A;
    font-size:10px;
}

#header_buttons li {
    list-style-type:none;
    display:block;
    background: url('/images/interface_parts/header_button_bg_slice.gif') top left repeat-x;
    margin:0;
    height:31px;
    padding:0;
}

#header_buttons li#first_one {height:15px; cursor:default; padding:7px;}

#header_buttons li.nolink {padding:7px;}

#header_buttons li a {
    display:block;
    height:17px;
    padding: 7px;
    text-decoration:none;
    color:#FFF;
    margin:0;
}

#header_buttons li a:hover {background: url('/images/interface_parts/header_button_over_bg_slice.gif') bottom left repeat-x;}

/* for the maint section */

div#header_buttons {text-align:center;}

#header_buttons h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; padding-top:30px; margin:0;}

/* -- */
#main {
    height: auto;
    width:740px;
    /*padding: 160px 0 32px 0;*/padding: 160px 0 10px 0;
}

#footer {
    background:#12619A url('/images/interface_parts/footer_bg.gif') top left no-repeat;
    /*position: absolute;*/
    /*padding:5px;*/padding: 0 5px;
    /*height:12px;*/height: 22px;
    width:730px;
    /*left:0;*/
    /*bottom: 0;*/
    /*font-size:11px;*/font-size: 10px;
    color:#FFFFFF;
    text-align:right;
    line-height: 22px;
}
#footer a {
	color: #fff;
	text-decoration: underline;
}
#footer .footerLinks {
	float: left;
}#footer .footerText {
	float: right;
}


/* Column styles */

/* single, spanned column container */
.column0, .column1, .column2{
    float:left;
    margin:0 0 10px 0;
    padding:0;
    background-color:#DBE6EE;
    color:#000;
    border:1px solid #94ACBC;
}

.column0 .inner_column {width:100%; float:left;}

.column0 h1, .column1 h1, .column2 h1 {
    background-color:#94ACBC;
    color:#FFF;
    font-size:14px;
    font-weight:bold;
    margin:0;
    padding:3px 5px;
    border-width:0 0 1px 0;
    background-image:url('/images/interface_parts/column_h1_bg.gif');
}

.column0 {width:738px;}

.column1, .column2{width:363px;}

.column1 {float:right; clear: right;}

.column2 {clear:left;}

.white_bg {background-color:#FFF;}

/* questionnaire list styles (for ol) */

.questionnaire {background-color:#94ACBC; margin:0; padding:0.5em 0 0 0; border:1px solid #94ACBC;}

.questionnaire li {font-weight:bold; color:#FFF; margin:0 0 0 3em; padding:0;}

.questionnaire li ul {list-style-type:none; margin:0 0 0 -3em; padding:0.5em 0 0 0;}

.questionnaire li li {margin:0; padding:0.1em 0 0.1em 3em; font-weight:normal; background-color:#DBE6EE; color:#000;}

/* steps list on profile home page */

#steps {margin:5px; padding:0 0 0 25px;}

#steps li {margin:3px 0; padding:0;}

#steps li.completed { list-style-image:url(../images/interface_parts/icon_check.gif)}

#steps li.not_completed { list-style-image:url(../images/interface_parts/icon_arrow.gif)}

/* little allocation tables */

.allocation_table {
    float:left;
    margin:5px;
    padding:5px;
    border: 1px solid #94ACBC;
    background-color:#DBE6EE;
    width:32%;
    font-size:11px;
}

.allocation_table th {
    font-weight:bold;
    text-align:left;
    border-bottom:1px solid black;
}

.allocation_table td {padding-left:5px;}

.allocation_table .bonds {border-left:15px solid #660066;}

.allocation_table .cash {border-left:15px solid #FB8881;}

.allocation_table .alternative_asset_classes {border-left:15px solid #96CFFC;}

.allocation_table .international {border-left:15px solid #3366FF;}

.allocation_table .large_cap {border-left:15px solid #FFCB99;}

.allocation_table .small_cap {border-left:15px solid #FFF;}

/* table styles */

.table1 {font-size:10px; width:100%;}

.table1 input, .table1 select {font-size:10px;}

.table1 th {
    background-color:#94ACBC;
    color:#FFF;
    font-size:11px;
    font-weight:bold;
    margin:0;
    padding:3px;
    text-align:left;
}

.table1 td {padding:5px 2px;}

.table1 .alt_color td {background-color:#E9F2F8;}

.grey_out {background-color:#FbFbFb;color:#afafaf}

.table1 .sub_h td {border-bottom:2px solid #94ACBC; padding:5px 1px;}

.table1 .total td {border-top:2px solid #94ACBC;}

.table1 .compact td {padding:1px;vertical-align:middle;}

/* fee tables */

.fee_table {
	margin: 5px;
	font-size: 10px;
	border: 1px solid #12619A;
	border-width: 1px 0 0 1px;
}
.fee_table th {
	padding: 2px 5px;
	color: #fff;
	background: #12619A;
	border: 1px solid #12619A;
	border-width: 0 1px 1px 0;
}
.fee_table td {
	padding: 2px 5px;
	vertical-align: top;
	background: #fff;
	border: 1px solid #12619A;
	border-width: 0 1px 1px 0;
}
.fee_table td ol, .fee_table td ul {
	margin: 0;
	padding: 0 0 0 2em;
}

/* form elements */

ol.form {
	margin: 0;
	padding: 5px;
	list-style: none;
}

ol.form li {
	margin: 2px 0;
	float: left;
	clear: left;
}

ol.form li label, ol.form li span.label {
	width: 120px;
	margin-right: 5px;
	font-size: 11px;
	text-align: right;
	float: left;
}

span.required {
	color: #c00;
}

.column0 th a {
	font-weight: bold;
	color: #fff;
}

/* clear floats */

.clearfix:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
* html .clearfix {
	height: 1%;
}

.blue {color:#12619A;}