@import url(generic.css);
/* ------------ PAGE STRUCTURE ------------ */

body {
	padding: 0;
	margin: 0 auto;
}
#page_container {
	width: 944px;
	margin: 0 auto;
	padding: 0px 10px 0 10px;
}
#header {
	width: 944px;
	margin: 0;
}
.clear {
	clear:both;
	line-height: 0px;
	font-size: 0px;
}
.clear2 {
	clear:both;
}
.clear_right {
	clear:right;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.float_none {
	float: none !important;
}
.no_margin_bottom {
	margin-bottom: 0px !important;
}
.no_padding_top {
	padding-top: 0px !important;
}
.no_padding {
	padding: 0px !important;
}

/* ------------ TEXT STYLES ------------ */

body {
	color: #666968;
}
h1 {
	color: #fff;
}
p {
	padding: 10px 0 10px 0;
}

/* ------------ NAV ------------ */

#main_nav_wrap {
	height: 35px;
	border-bottom: 1px #767676 solid;
	width: 100%;
	margin: 24px 0 20px 0;
}
#main_nav {
	text-transform: uppercase;
}
#main_nav li {
	float:left;
	padding: 0 11px 0 11px;
}
#main_nav li.divider {
	float:left;
	padding: 0;
}
#main_nav li a {
	display: inline-block; /* IE fix to display border bottom */
	text-decoration: none;
	color: #23AAD8;
	line-height: 18px;
}
#main_nav li a:hover {
	border-bottom: 2px #0098ca solid;
	color: #8dc2df;
	padding: 0px 0 17px 0;
}
#main_nav li a.selected {
	border-bottom: 2px #0098ca solid;
	padding: 0px 0 17px 0;
	color: #8dc2df;
}
.login_btn {
	position: relative;
	top:-4px;
}
/* ------------ FORMS ------------ */

.row_wrap {
	padding-bottom: 15px;
}

label {
	width:140px;
}

input, textarea, select {
	border:none;
}

.form_error, .error_list, .form_help {
	margin-left: 145px;
}

button {
	float: right;
}

/* ------------ HOME PAGE ------------ */

#home_banner {
	background: #0598cb url(../images/home_banner.gif) 3px top no-repeat;
	width: 434px;
	padding: 28px 30px 0 480px;
	height: 265px;
}
#or {
	color: #fff;
	clear: both;
	padding: 10px 0 10px 0;
}
#home_banner_btns {
	margin-top: 20px;
}
#left_col {
	margin: 20px 0 0 26px;
	width: 434px;
	float: left;
	line-height: 1.5em;
}
#right_col {
	margin: 20px 0 0 24px;
	width: 440px;
	float: left;
	line-height: 1.5em;
}
/* ------------ ABOUT US PAGE ------------ */

#left_col_about {
	margin: 10px 0 15px 0;
	width: 434px;
	float: left;
	line-height: 1.5em;
}
#left_col_about h3 {
	margin-top: 15px;
}
#right_col_about {
	margin: 15px 0 15px 24px;
	width: 434px;
	float: left;
}
/* ------------ PROBLEMS PAGE ------------ */

#left_col_problems {
	margin: 10px 0 15px 26px;
	width: 434px;
	float: left;
	line-height: 1.5em;
}
#right_col_problems {
	margin: 15px 0 15px 12px;
	width: 434px;
	float: left;
	padding-left: 12px;
	border-left: #a7a9a8 solid 1px;
	line-height: 1.5em;
}
#left_col_problems img {
	margin-top: 15px;
}
#right_col_problems img {
	margin-top: 10px;
}
/* ------------ WHAT TO DO PAGE ------------ */

h3.blue_header_big {
	color: #fff;
	text-transform: uppercase;
	background: #0598cb url(../images/blue_header_big_left.gif) left top no-repeat;
	text-decoration: none;
	padding-left: 16px;
	height:28px;
	display: block;
	float:left;
	font-size: 17px;
}
.blue_header_big_text {
	background: url(../images/blue_header_big_right.gif) right top no-repeat;
	padding-right: 16px;
	height:28px;
	line-height: 28px;
	display: block;
	float:left;
}
#flow_top {
	width: 944px;
	height: 105px;
	background: url(../images/what_to_do_flow.gif) left top no-repeat;
}
#flow_top h3 {
	margin: 15px 0 0 28px;
}
#flow_mid {
	width: 944px;
	background: url(../images/what_to_do_flow_mid.gif) repeat-y;
	color: #fff;
	text-align: center;
}
#flow_mid_wrap {
	padding: 0 0 0 26px;
}
#flow_mid_wrap p {
	padding: 0;
}
#flow_bot {
	width: 944px;
	height: 27px;
	background: url(../images/what_to_do_flow_bot.gif) no-repeat;
	clear: both;
}
.flow_col_181 {
	width: 161px;
	margin-left: 25px;
	float: left;
	padding: 0 10px 0 10px;
	line-height: 1.3em;
}
.flow_col_205 {
	width: 185px;
	margin-left: 24px;
	float: left;
	padding: 0 10px 0 10px;
	line-height: 1.3em;
}
.content_wrap {
	padding: 0 26px 0 26px;
}
#left_col_what {
	width: 205px;
	float: left;
	line-height: 1.5em;
	margin-right: 24px;
}
#right_col_what {
	width: 621px;
	border: 1px solid #0598cb;
	padding: 20px;
	float: left;
	line-height: 1.5em;
}
.intro {
	color: #0598cb;
	font-weight: bold;
}
#recovery_bullets li {
	list-style-image: url(../images/bullet_blue.gif);
	list-style-position: outside;
	margin-left: 12px;
}
.process_header {
	color: #0598cb;
	font-size: 1.2em;
	margin: 10px 0 10px 0;
}
.below_flow {
	margin: 13px 0 15px 0;
}
.below_process {
	margin: 15px 0 0 229px;
}
/* ------------ BEGIN RECOVERY PROCESS PAGE ------------ */

#left_col_begin {
	width: 163px;
	float: left;
	line-height: 1.5em;
	margin-right: 24px;
	border: 1px solid #0598cb;
	padding: 20px;
	background: #e9f6fb;
	font-size: 1.1em;
}
h3.blue_header_sml {
	color: #fff;
	text-transform: uppercase;
	background: #0598cb url(../images/blue_header_sml_left.gif) left top no-repeat;
	text-decoration: none;
	padding-left: 11px;
	height:25px;
	display: block;
	float:left;
	font-size: 15px;
}
.blue_header_sml_text {
	background: url(../images/blue_header_sml_right.gif) right top no-repeat;
	padding-right: 11px;
	height:25px;
	line-height: 22px;
	display: block;
	float:left;
}
#left_col_begin label {
	display:block;
}
#left_col_begin input {
	background: white !important;
	border: 1px solid #0598cb;
	color: #666968;
	width: 158px;
	margin: 5px 0 0 0;
}
#left_col_begin #signin_remember {
	float:left;
	width:auto;
	margin-left:5px;
}
#left_col_begin .error_list, #left_col_begin .form_help {
	margin-left: 5px;
}
#left_col_begin h3 {
	margin-bottom: 5px;
}
#right_col_begin {
	width: 392px;
	float: left;
	line-height: 1.5em;
	margin-right: 24px;
	border: 1px solid #0598cb;
	padding: 20px;
	background: #fff;
	font-size: 1.1em;
}
#right_col_begin h3 {
	margin-bottom: 5px;
}
#begin_note {
	width: 205px;
	float: left;
	line-height: 1.5em;
}
.forgotten_note {
	padding: 0px;
	font-size: 0.9em;
	line-height: 1.4em;
}
.forgotten_note a {
	color: #666968;
}
.forgotten_note a:hover {
	text-decoration: underline;
}
/* ------------ ACCOUNT INFO PAGE ------------ */

#left_col_account_info {
	width: 392px;
	float: left;
	line-height: 1.5em;
	margin-right: 24px;
	border: 1px solid #0598cb;
	padding: 20px;
	background: #fff;
	font-size: 1.1em;
}
#left_col_account_info h3 {
	margin-bottom: 5px;
}
#account_info_form .row_wrap {
	display: block;
	width: 392px;
	clear: both;
	padding-bottom: 15px;
	text-align: right;
}
.same_info_wrap {
	padding: 5px 0 15px 0;
}
.blue_text {
	color: #0598cb;
}
.blue_text a {
	color: #0598cb;
	text-decoration: underline;
}
.blue_text a:hover {
	text-decoration: none;
}
/* ------------ CONTACT PAGE ------------ */

#right_col_contact {
	width: 392px;
	float: left;
	line-height: 1.5em;
	border: 1px solid #0598cb;
	padding: 20px;
	background: url(../images/question_bg.gif) no-repeat left bottom;
	font-size: 1.1em;
}
#left_col_contact {
	width: 434px;
	float: left;
	margin-right: 24px;
}
#top_col_contact {
	width: 412px;
	float: left;
	border: 1px solid #0598cb;
	padding: 10px;
	background: #e9f6fb;
	line-height: 1.5em;
}
#left_col_contact a {
	text-decoration: underline;
	color: #666968;
}
#left_col_contact a:hover {
	text-decoration: none;
}
.numbers_col_one {
	width: 207px;
	padding-top: 20px;
	margin-right:20px;
	line-height: 1.5em;
	float: left;
}
.numbers_col_two {
	width: 207px;
	padding-top: 20px;
	float: left;
	line-height: 1.5em;
}
#right_col_contact h3 {
	margin-bottom: 5px;
}
#ask_question_form .row_wrap {
	display: block;
	width: 392px;
	clear: both;
	padding-bottom: 15px;
	text-align: right;
}
#ask_question_form label {
	float: left;
	line-height: 20px;
	height: 20px;
}
#ask_question_form input {
	border: 1px solid #e6e8e8;
	background: #e6e8e8 !important;
	color: #666968;
	padding: 2px;
	width: 244px;
}
#ask_question_form .form_error, #ask_question_form .form_help {
	margin-left: 145px;
	position: relative;
	top:-5px;
	color:#ff1923;
	padding-bottom: 10px;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.4em;
}
#ask_question_form input.form_error_input {
	background: #e9f6fb !important;
	border: 1px solid #e9f6fb;
}
#ask_question_form select {
	border: 1px solid #e6e8e8;
	background: #e6e8e8 !important;
	color: #666968;
	padding: 2px;
	width: 249px;
}
#ask_question_form textarea {
	width:237px;
	height: 160px;
	border: 1px solid #e6e8e8;
	padding: 5px;
	background: #e6e8e8;
	color: #666968;
	overflow: auto;
}
.country_name {
	color: #0598cb;
	text-transform: uppercase;
	font-size: 1.1em;
}
.numbers_col_one p {
	padding: 5px 0 20px 0;
}
.numbers_col_two p {
	padding: 5px 0 20px 0;
}
/* ------------ FOOTER ------------ */

#footer {
	border-top: 1px #767676 solid;
	margin: 24px 0 0 0;
	padding: 10px 0 0 0;
	font-size: 0.9em;
	clear: both;
	width:944px;
	color: #838685;
}
#footer_nav {
	float:right;
}
#footer_nav li {
	float:left;
	padding: 0 0 0 20px;
}
#footer_nav a {
	color: #838685;
	text-decoration: none;
}
#footer_nav a:hover {
	color: #0d0d0d;
}


/* ------------ SIFR Flash replacement ------------ */


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 Ð 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
	}
	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
	}
	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt;
		padding: 0pt;
		overflow: auto;
		letter-spacing: 0px;
		float: none;
	}
}
 @media print {
	.sIFR-flash {
		display : none !important;
		height : 0;
		width : 0;
		position : absolute;
		overflow : hidden;
	}
	.sIFR-alternate {
		visibility : visible !important;
		display : block !important;
		position : static !important;
		left : auto !important;
		top : auto !important;
		width : auto !important;
		height : auto !important;
	}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active h1, .sIFR-active h2 {
		visibility: hidden;
		font-family: Arial;
	}
	.sIFR-active h1 {
		font-size: 22px;
	}
	.sIFR-active h2 {
		font-size: 20px;
	}
}