/* General
--------------------------------------- */

.left {float: left; margin-right: 1em;}
.right {float: right; margin-left: 0.5em;}
.small {font-size: smaller; line-height: 1.5em;}
.large {font-size: larger; line-height: 1.5em;}
.hide {display: none;}
.boxsmall {font-size: 10px;}

li.spacer { margin-bottom: 1em;}

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
	
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1.25em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
p {margin: 0 0 1.5em 0;}

label { font-weight: bold; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }

FIELDSET.info
{
    BORDER-RIGHT: #c6ccce 1px solid;
    PADDING-RIGHT: 11px;
    BORDER-TOP: #c6ccce 1px solid;
    PADDING-LEFT: 11px;
    PADDING-BOTTOM: 11px;
    BORDER-LEFT: #c6ccce 1px solid;
    PADDING-TOP: 11px;
    BORDER-BOTTOM: #c6ccce 1px solid;
    text-align: left
}

/* Structure and Layout
--------------------------------------- */
html {overflow-y: scroll;}

body {
	text-align: center;
	background: #7EAACC;
	color: #0a2052;
	font-family: verdana, Arial, helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5em;	
	margin: 0px;
	}
	
/* Forms & Validation
--------------------------------------- */

.form_bg {
	BORDER-RIGHT: #8F98E7 1px solid; BORDER-TOP: #8F98E7 1px solid; BACKGROUND: #F0F0F0; BORDER-LEFT: #8F98E7 1px solid; BORDER-BOTTOM: #8F98E7 1px solid
}
	
td.tbl_rndcnr {
	background-color:#EEEEF4;
	padding-left:40px;
	padding-right:40px;
}

div.signup {
	padding-left:40px;
}

div.login {
	padding-left:90px;
}

#signupform {
	width:540px;
	margin-top:5px;
	margin-bottom: 10px;
}
#signupform fieldset {
	display: block;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-left: 0px;
	border:none;
	padding-bottom:10px;
	padding-right:5px;
	padding-left:5px;
	padding-top:10px;
	background-image: url(../images/tbl_rndcnr_bot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#signupform legend {
	color:#6666c2; 
	font-weight:bold; 
	font-size:11pt; 
	padding-top:10px;
	padding-bottom:10px; 
	padding-left:0px;
	text-align: center;
	width: 100%;
}
#signupform legend span.step {
	color:#ff6600;
}
/* adds rounded corners image at the bottom of the fieldset */
#signupform .tbl_rndcnr_bot {
	background-image: url(../images/tbl_rndcnr_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #eeeef4;
}

#signupform td.fieldlabel {
	width:30%;
	font-weight:bold;
	padding-right:10px;
	text-align:right;
	padding-top: 0.4em;
}

.error_div
{
    text-align:center;
    color:Red;
    padding:20px;
    border: solid 1px red;
    background-color:whitesmoke;
    font-weight:bold;
    font-size:11px;
    font-family:Arial;
}

.ok_div
{
    text-align:center;
    color:green;
    padding:20px;
    border: solid 1px green;
    background-color:whitesmoke;
    font-weight:bold;
    font-size:11px;
    font-family:Arial;
}
h2.title_error {
	font-size: 1.8em;
	color: #c00;
}
.ErrorExplanation, #ctl00_cnt_ErrorExplanation_ErrorExplanation
{
    BORDER-RIGHT: #c00 2px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #c00 2px solid;
    PADDING-LEFT: 0px;
    /*MARGIN-BOTTOM: 10px;
    PADDING-BOTTOM: 11px;*/
    BORDER-LEFT: #c00 2px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #c00 2px solid;
    width:90%;
}
.ErrorExplanation H2, #ctl00_cnt_ErrorExplanation_ErrorExplanation h2
{
    PADDING-LEFT: 29px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: url(../images/alertbad_icon.gif) #c00 no-repeat left 50%;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    COLOR: #fff;
    PADDING-TOP: 5px;
    TEXT-ALIGN: left
}

.ErrorExplanation .errorinterior, #ctl00_cnt_ErrorExplanation_ErrorExplanation .errorinterior
{
    PADDING:11px;
    MARGIN: 0px;

}

.error
{
    BORDER-RIGHT: #c00 1px solid;
    BORDER-TOP: #c00 1px solid;
    BORDER-LEFT: #c00 1px solid;
    BORDER-BOTTOM: #c00 1px solid;
    BACKGROUND-COLOR: #ffc;
    font-size:11px;
    font-family:Arial;
}

.alert_box
{
    background-color:#b0e57c;
    color:#006b31;
    border:solid 1px #006b31;
    padding:10px;
    font-family:verdana;
    font-size:12px;
    font-weight:bold;
    
    /*
    width:400px;
    z-index:99999;
    position:absolute;
    top:200px;
    left:200px;
    */
}
.alert_box_red
{
    background-color:#ebd9d9;
    color:#910709;
    border:solid 1px #910709;
    padding:10px;
    font-family:verdana;
    font-size:12px;
    font-weight:bold;
    
    /*
    width:400px;
    z-index:99999;
    position:absolute;
    top:200px;
    left:200px;
    */
}
.alert_box img, .alert_box_red img
{
    padding-right:10px;
    float:left;
    border:none;
    position:relative;
    top:-3px;
}

UL.arrows_plans
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 20px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left
}
UL.arrows_plans LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 1.2em;
    BACKGROUND: url(../images/bullet.gif) no-repeat 0px 6px;
    PADDING-BOTTOM: 0px;
    MARGIN: 2px 0px;
    PADDING-TOP: 0.2em;
    LIST-STYLE-TYPE: none;
    color: #c00;
    font-weight: bold
}

/* Links
--------------------------------------- */

a, a:link, a:visited {
	color: #0c5793;
	text-decoration: none;
	font-weight: bold;
	}

a:hover, a:active {
	color: #35c6f9;
	text-decoration: underline;
	}
	
	a.boxsmall_link:hover {
	color: #ffffff;
	text-decoration: underline;
	}

/* Navigation
--------------------------------------- */

.nav {margin: 0; padding: 0;}
.nav li {display: inline; list-style: none;}

#leftnavlist {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/leftnav_bot.gif) no-repeat left bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#leftnavlist LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#leftnavlist LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 10px; BACKGROUND: url(../images/leftnavbg.gif) no-repeat left top; PADDING-BOTTOM: 7px; WIDTH: 141px; COLOR: #666; PADDING-TOP: 7px; TEXT-DECORATION: none
}
#leftnavlist LI A:hover {
	BACKGROUND: url(../images/leftnavbgorange_on.gif) no-repeat left top; COLOR: #1173b1
}
#leftnavlist LI A.lefton {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 10px; BACKGROUND: url(../images/leftnavbg_on.gif) no-repeat left top; PADDING-BOTTOM: 7px; WIDTH: 141px; COLOR: #1173b1; PADDING-TOP: 7px; TEXT-DECORATION: none
}
#leftnavlist LI A.lefton:hover {
	BACKGROUND: url(../images/leftnavbg_on.gif) no-repeat left top; COLOR: #1173b1
}
#leftnavlist LI.leftsubnavlist A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 30px; FONT-SIZE: 12px; BACKGROUND: url(../images/leftnavbg.gif) #fafbfd no-repeat left top; PADDING-BOTTOM: 5px; WIDTH: 131px; COLOR: #666; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#leftnavlist LI.leftsubnavlist A:hover {
	BACKGROUND: url(../images/leftsubnavbg_on.gif) #eef3f7 no-repeat left top; COLOR: #1173b1
}
#leftnavlist LI.leftsubnavlist A.leftsubon {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 30px; FONT-SIZE: 12px; BACKGROUND: url(../images/leftsubnavbg_on.gif) #eef3f7 no-repeat left top; PADDING-BOTTOM: 5px; WIDTH: 131px; COLOR: #1173b1; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#leftnavlist LI.leftsubnavlist A.leftsubon:hover {
	BACKGROUND: url(../images/leftsubnavbg_on.gif) #eef3f7 no-repeat left top; COLOR: #1173b1
}

DIV.contentcol {
	PADDING-RIGHT: 30px; PADDING-LEFT: 30px; TEXT-ALIGN: left
}

/* Headers
--------------------------------------- */

h1 {
	font-size: 2.5em;
	line-height: 1em;
	margin: 1.111em 0 .3em;
	color: #001d52;
	}
	
h1.headline {
	font-size: 22px;
	margin: 0px;
	}
	
h1.headline2 {
	font-size: 18px;
	margin: 0px;
	}
	
h1.headline3 {
	font-size: 15px;
	margin: 0px;
	}

h2 {
	font-size: 2em;
	line-height: 1em;
	margin: 1.125em 0 .375em;
	color: #001d52;
	}
	
h2.sub {
	font-size: 15px;
	color: #3180B6;
	}

h3 {
	font-size: 1.5em;
	line-height: 1em;
	margin: 1.5em 0 .5em;
	color: #001d52;
	}

h4 {
	font-size: 1.1667em;
	line-height: 1.286em;
	margin: 1.929em 0 0.643em;
	color: #333;
	}

h5 {
	font-size: 1em;
	line-height: 1.5em;
	margin: 2.25em 0 0.75em;
	font-weight: bold;
	color: #333;
	}

h6 {
	font-size: 1em;
	line-height: 1.2857em;
	margin: 2.25em 0 0;
	font-weight: bold;
	color: #333;
}

/* Feature carousel
--------------------------------------- */

#mySlides {
	overflow: hidden;
	width: 750px;
	height: 255px
	}

#mySlides .slide {
	color: #0C5793;
	padding: 18px 30px 25px 0px;
	font-size: 14px;
	line-height: 1.333em;
}

#mySlides .slide h2 {
	color: #13A6EA;
	font-size: 17px !important;
	margin: 0.75em 0 0.5em 0 !important;
	width: 300px;
}

#mySlides .slide p {width: 300px;}

#feature .nav {
	background: #00123c;
	font-size: 18px;
	color: #13a6ea;
	height: 44px;
	position: relative;
	padding-left: 30px;
	text-align: center;
}

#feature .nav a {
	color: #13a6ea;
	float: left;
	height: 58px;
	line-height: 58px;
	margin-top: -7px;
	margin-right: 1em;
	padding-left: 72px;
}

#feature .nav .one a {background: url(../images/one.png) no-repeat left top;}
#feature .nav .two a {background: url(../images/two.png) no-repeat left top;}
#feature .nav .three a {background: url(../images/three.png) no-repeat left top;}

#feature .nav a:hover, #feature .nav a.jFlowSelected {
	color: #FFF;
	text-decoration: none;
	background-position: left -58px;
}
#feature .nav .hide {display: none;}