/*
	
	Author Name	  : Katrina Laffey & Sean Aquino
	Author email  : katrina [at] i5labs [dot] com, sean [at] design-uchi [dot] com
	Style Name	  : JACL HBA Site
	Created		  :	08-2009
	Comments	  : Base styles from blueprint
					
*/

/* default overrides                     
**********************************************/
html { margin: 0 0 1px 0; min-height: 100%;} /*prevents scrollbar shift*/
html, body {background: white url('../images/gradient.png') repeat-x;}
h2, h3,h5 {font-weight: bold;}
a {color: #0092ef; text-decoration: none; font-size: 12px;}
p {font-size: 12px;}


/* header styles                     
**********************************************/

/*image replacement for site title */
#site-title {background: url(../images/title.png) no-repeat 0px 0px; width:371px; height:69px; margin-bottom:0px; margin-top: 10px;}
#site-title a { display: block; width: 371px; height: 69px;}
#site-title a:hover { background-color: transparent; text-decoration: none; }
#site-title span { display: block; width: 0; height: 0; overflow: hidden; }

/*Phone number*/
#call {margin-top: 20px; float: right;}
#call p, #call img, .number {float: left;}
#call a {float: right; margin-right: 70px;}
#call a img {float: right; margin: -15px 10px 0 -13px;}
#call p {width: 170px; text-align: right;}
#call img {padding-left: 20px;}
.number {margin: -8px 0 0 10px; font-size: 24px; font-weight: bold; text-align: left; width: 200px;}
.blueArrow {padding:2px 22px 2px 0; margin:-2px 0; background-repeat: no-repeat; background-position: right center; background-image: url('../images/blueArrow.gif');}

/*Navigation using CSS Rollovers*/
#navigation {height: 38px; background: #00a3f1 url('../images/navBar.png') no-repeat; margin-top: 5px;}
#navigation a, #navigation li {float: left;}
#navigation ul {margin:0;}
#navigation li {list-style-type: none; margin-top: 0; display: block;}
#rolloverCompare {width: 172px; height: 36px; background: url('../images/compareBtn.png'); }
#rolloverApply {width: 122px; height: 36px; background: url('../images/applyBtn.png');}
#rolloverFAQ {width: 310px; height: 36px; background: url('../images/faqBtn.png');}
#navigation a:hover {background-position: 0px -36px;} /*Shifts images for hover state*/
.displace {position: absolute; left: -500px;} /*Insures link text for CSS disabled browsers*/

/* general styles                     
**********************************************/
#sideBar {margin-top: 4.5em;}

.align-top { vertical-align:top;}
.center {text-align:center;}
.greenbar {background: #6b9b25; color:#FFFFFF;  padding: 0.5em 10px; margin-bottom:0.5em;}
.no-float {float:none;}
.white {color:#FFFFFF;}
.top-1 {margin-top:1.5em;}
.top-2 {margin-top:3em;}
.top-3 {margin-top:4.5em;}
.bottom-1 {margin-bottom:1.5em;}
.bottom-2 {margin-bottom:3em;}
.bottom-3 {margin-bottom:4.5em;}


/*Forms*/
form fieldset {border:none; margin:0; padding:0;}
form fieldset ol {list-style:none; margin:0px;}
form fieldset ol li {margin-left:0px; clear: both; margin-bottom:0px; list-style:none;}
form fieldset label { float:left; text-align: right; margin-right:10px;}
form input, form select { float:none; margin-left:80px;}
.checkbox {margin-left:5px;}
form .textinput, form select {float:right; margin: -.5em 0 1.2em 0; height: 25px; border: thin #ececec solid;}
form input.right {float:right;margin:1.5em 0 1.5em 1.5em;}
form textarea {padding:0;}

/* homepage styles                     
**********************************************/

#homepage h2, #homepage h3 {color: white;}
#homepage h2 {font-size: 1.5em; line-height: 1em;}
#homepage h3 {font-size: 1.2em; font-style: oblique;}

/*Feature*/
#feature {height: 244px; background: url('../images/featureBack.png') no-repeat; margin-top: 15px;}
#feature h2 { margin-top:2.8em; font-weight:normal;}
#feature h3 {margin: 2.6em 0 0 70px; font-weight:normal;}
#feature img {float: right; margin: -20px 30px 0 0;}

/*Steps*/
#steps {background:url(../images/steps-bar.png) no-repeat 0 0;}
.steps-inner {padding: .8em 0 0 10px;}
.steps-inner h2 {margin-bottom: 25px;}
.steps-inner img.right, .steps-inner input.right {margin-top:.3em;}

/*steps form*/
#steps form fieldset label {width: 80px; }
#steps form .textinput {width: 120px;}


/*FAQ*/
#FAQ {height: 240px; background: white url('../images/faqBack.png') 3px 0 repeat-y; margin-top: 40px;}
#FAQ ol {margin: 1em 0 0 15px; width: 185px; list-style-position:inside}
#FAQ li {padding: 0 0 1.5em 0; word-spacing: -1px;font-size: 12px;}
#FAQ a {margin: 0 0 0 0px;}
a#allFAQs {float: right; margin: 0 15px 0 0;}
#faqBottom {background: url('../images/faqBottom.png') no-repeat; height: 5px; width: 226px; float:right;}



/* about us styles                     
**********************************************/

/*Contact Form*/
#byEmail form fieldset label {width: 120px; }
#byEmail form .textinput {width: 200px;}
#byEmail form .textAreainput {float:right; margin: -.5em 0 1.2em 0; height: 100px; width: 200px; border: thin #ececec solid;}
#byEmail form .radiobtn {margin: 0 0 25px 0; width: 50px;}



/* apply styles                     
**********************************************/

#apply #sideBar h4 {font-style: oblique; font-size: 14px; margin: 100px 0 0 0;}
#apply #sideBar blockquote {margin: 20px 0 0 -1px;}
#apply #sideBar  h5 {margin: 30px 0 0 0; font-size: 16px;}



/* plans styles                     
**********************************************/
.plancols {float:left; margin-right:10px; width:180px; background: url('../images/planBar.png') 0px 0px no-repeat;}

.plancols h3 {padding:0.75em 10px 0 10px;}
.plancols h3 {margin-bottom:0.75em;}
.plancols .steps-inner {padding:0.3em 10px 0 10px; border-top: 0px solid #e9e9ea; border-right: 1px solid #e9e9ea; border-bottom: 1px solid #e9e9ea; border-left: 1px solid #e9e9ea;}
.plancols ul {list-style:none; margin:0 0 1.5em 0;}
.plancols li {list-style: none; margin-bottom:1.5em;}

.sideBarList {margin:0 0 1.5em 0;}
.sideBarList li {list-style: none; text-align: right; font-weight: bold;}

#plans h2, #seniorplans h2 {font-size:1.5em;line-height:1;margin-bottom:1em;}

#seniorplans #planmatrix { width:590px;}
#planmatrix {border-right: 1px solid #e9e9ea;}
#planmatrix h2 { margin-bottom:0;}
#planmatrix h4 {color: #63931d; font-weight: bold;}
#planmatrix td, #planmatrix th { width:170px; padding:5px; text-align:center; border:1px solid #e9e9ea; border-right:none; border-top:none;}
#planmatrix th {vertical-align:top; padding:10px 5px 5px 5px; border-left:1px solid #FFF; height:3em;}
#planmatrix td.left, #planmatrix th.left {text-align:left; border-left:none; border-bottom:none;}
#planmatrix td.right, #planmatrix th.right {text-align:right; border-left:none; border-bottom:none;}
#planmatrix .zebra { background:#e9e9ea; border:1px solid #FFF; border-right:none; border-top:none;}

.plancols-header { background: #00A8F0;}
.activechoice-cell { background: #F26724;}
.activechoice-text { color: #F26724;}

/*Calculate Rates Form*/
#plans form .textinput, #plans form select {width: 90px;}