﻿/* --------------------------
	Main Styles 
----------------------------- */

/* Reset */

h1, h2, h3, h4, p, ul, ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

/* Layout */

body {
	margin: 0;
	}

#container {
	width: 800px;
	margin: 0 auto;
	}
	
#header {
	height: 295px;
	background: url(../images/header.jpg) no-repeat 0 0;
	margin-bottom: 0px;
	position: relative;
	}
	
#lf_app {
	float: right;
	margin: 20px 10px 30px 0px;
	padding: 0px 0 0 0px;
	}

#lf_small_app, #home_main {
	float: right;
	margin: 20px 10px 30px 0px;
	padding: 0px 0 0 0px;
	position: relative;
	}
	
#homeContent {
	margin-top: 40px;
	padding: 25px 0 0 0;
	border-top: 1px solid #acadad;
	}
	
#sidebar {
	width: 255px;
	background: url(../images/left_couples_home.jpg) no-repeat 50% 0;
	padding: 290px 0 0 18px;
	float: left;
	}
	
.mainsidebar {
	background-image: none !important;
	padding: 0 0 0 18px !important;
	}
		
#sidebarNav {
	width: 254px;
	background: url(../images/left_box_home.jpg) repeat-y 100% 0;
	}
	
#footer {
	width: 100%;
	height: 55px;
	background: #deeefa;
	clear: both;
	text-align: center;
	padding: 15px 0 0 0;
	}
	
#footer div {
	width: 800px;
	margin: 0 auto;
	}
	
/* Pop ups */

#popup {
    background: #fff;
    padding: 5px 10px;
    }
                
#popup img {
    display: block;
    margin: 0 auto 20px auto;
    }
                
#popup h1 {
    margin-bottom: 15px;
    }
                
#popup h2 {
    font-size: 1.8em;
    color: #2268B5;
    margin: 12px 0 10px 0;
    }
                
#popup ul {
    list-style-type: disc;
    padding: 10px 0 5px 20px;
    }
                
#popup p, #popup ul, #popup ol {
    font-size: 1.2em;
    }
                
#popup p strong {
    display: block;
    margin: 10px 0 5px 0;
    }
                
#popup p.close {
    margin: 10px 0;
    }
                
#popup p {
    line-height: 1.4em;
    }
                
#popup ol li, #popup ul li {
    margin: 0 0 8px 0;
    }
	
/* Main Nav, Side Nav, & Footer Nav */

#header ul {
	position: absolute;
	top: 40px;
	right: 11px;
	}
	
#header ul li, #footer ul li {
	float: left;
	margin: 0 0 0 15px;
	}
	
#header ul a:link, #header ul a:visited, #footer ul a:link, #footer ul a:visited {
	display: inline-block;
	font-size: 1.2em;
	text-decoration: none;
	color: #000;
	}
	
#header ul a:hover, #footer ul a:hover {
	text-decoration: underline;
	}
	
#sidebarNav ul li {
	margin-bottom: 2px !important;
	}
	
#sidebarNav ul li a:link, #sidebarNav ul li a:visited {
	display: block;
	width: 187px;
	height: 45px;
	text-indent: -9999px;
	background: url(../images/apply_now_button.jpg) no-repeat 0 0;
	}
	
/* Button Sprites */
	
#sidebarNav ul li.about a {background-image: url(../images/about_us_button.jpg);}
#sidebarNav ul li.faq a {background-image: url(../images/faqs_button.jpg);}
#sidebarNav ul li.privacy a {background-image: url(../images/privacy_button.jpg);}
#sidebarNav ul li.contact a {background-image: url(../images/contact_us_button.jpg);}
#sidebarNav ul li.state a {background-image: url(../images/states_button.jpg);}
#sidebarNav ul li.resources a {background-image: url(../images/resources_button.jpg);}
#sidebarNav ul li.applyActive a:link,#sidebarNav ul li.applyActive a:visited {background-image: url(../images/apply_now_red.gif); cursor: default;}
#sidebarNav ul li.statesActive a:link,#sidebarNav ul li.statesActive a:visited {background-image: url(../images/states_red.gif); cursor: default;}

/* -------------- */

#footer ul {
	float: left;
	}
	
#footer ul li.last {
	border: none;
	}
	
#footer ul li {
	border-right: 1px solid #fff;
	margin: 0;
	}
	
#footer ul a {
	padding: 0 8px;
	}
	
/* links */

#header h1 a {
	display: block;
	width: 337px;
	height: 60px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 10px;
	}

a:link, a:visited {
    text-decoration: underline;
    color: #2268B5;
    }
	
a:hover {
	text-decoration: none;
	}
	
#sidebar ul a:link, #sidebar ul a:visited {
	color: #333333;
	}
	
/* Headings */

h1 {
	}
	
#home_main h1 {
	font-size: 2.4em;
	}
	
h2 {
	font-size: 1.8em;
	color: #235996;
	}
	
#homeContent h2 {
	margin-bottom: 10px;
	}
	
h3 {
    font-size: 24px;
	color: #000;
	text-align: center;
	}
/* Typography */

body {
	font: normal 62.5% Arial, Helvetica, sans-serif;	
	}
	
#footer p {
	color: #000;
	float: right;
	}
	
#homeContent p {
	font-size: 1.2em;
	margin: 0 0 12px 0;
	line-height: 1.6em;
	}
	
/* Lists */

#sidebar ul {
	margin: 12px 0 40px 0;
	}
	
#sidebar ul li {
	margin: 0 0 10px 0;
	color: #D6D6D6;
	}
	
#sidebarNav ul {
	margin: 0 0 0 20px;
	padding: 10px 0 20px 0;
	}
	
ul.advantages {
	font-size: 1.4em;
	list-style-type: disc;
	padding: 12px 0 0 15px;
	}
	
ul.advantages li {
	margin-bottom: 14px;
	}
	
/* Images */

.mainsidebar img {
	margin: -10px 0 15px -18px;
	position: relative;
	}


/* --------------------------
	wraps the entire app 
----------------------------- */

/* Homepage App */

#lf_home_app {
	width: 260px;
	float: right;
	background: #fcfcfc url(../images/get_started_bg.gif) no-repeat 50% 11px;
	border: 1px solid #cbcbcb;
	padding: 50px 0 10px 15px;
	position: absolute;
	top: 0; right: 0;
	}
	
#lf_home_app form {
	width: 212px;
	margin: 5px 0 0 15px;
	}
	
#lf_home_app form label {
	display: inline-block;
	width: 80px;
	}
	
#lf_home_app form input {
	width: 120px;
	}
	
#lf_home_app form #home_submit {
	display: block;
	width: 152px;
	height: 42px;
	border: none;
	background: url(../images/continue_button.gif) no-repeat;
	cursor: pointer;
	text-indent: -9999px;
	margin: 22px auto 0 auto;
	}
	
#lf_home_app form ul li {
	margin: 0 0 8px 0;
	}

/* ------------ */
	
#lf_app, #home_main {
    width: 490px;
    background-color:#fff;
    font-family: Sans-Serif, Verdana;
	}
	
	input, select, listbox {
    border: 1px solid #005888;
    padding-left: 3px;
    } 
	
/* submit button */
.lf_app_submit {
    height:52px;
    width:226px;
    border:none;
    background: transparent url(/lf_sources/images/submit1.gif) no-repeat 0 0;
	}
/*special styles */
.lf_section_header{
	font-size:20px;
	font-weight: bold;
	display: block;
	margin: 15px 0;
	padding-bottom: 5px;
	color: #000;
	border-bottom: 1px solid #ccdbea;
	}
.lf_app_label {
    font-size:12px;
	padding-top: 10px;
	}
.lf_error_control {
    background-color: #F5615E;
	}
.lf_img_error {   
	}
.lf_app_table {
    width: 485px;
	}
.lf_colA_td {
    width: 175px;
	}
.lf_colB_td {
    width: 100px;
	}
/* calendars */
#lf_pay_calendar {
    border:solid 1px #3e6498;
    background-color:#fff;
    color:#40637e;
    font-size:small;
	margin: 12px 0;
	}
.lf_cal_table {
    border:solid 1px #3e6498;
	margin: 5px 0 0 0;
	}
.lf_cal_table th {
    color:#fff;
    background-color:#3e6498;
	}
.lf_cal_table td {
    border:solid 1px #3e6498;
    height: 18px;
    width: 18px;
    text-align:right;
	}
.lf_cal_selected {
    color: #000;
    font-weight:bold;
    background-color:#97b1c5;
	}
.lf_cal_td_dis {
    color:#ccc;
	}
.lf_cal_td_hover {
    background-color: #3e6498;
    cursor:pointer;
	color: #fff;
	}
	
/* ---------- Extras ---------- */

.group:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html .group { /* IE6 */
	height: 1%; 
	}
	
*:first-child+html .group { /* IE7 */
	min-height: 1px; 
	}
	
*|*:-moz-any-link:focus {
    outline-width: 0 !important; 
	}

