/* CSS RESET */
* {vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0}

body {background: #F5FBFB; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; text-align: left}
#page {margin: 10px auto 0 auto; padding-bottom: 20px; width: 880px}


/* LINKS */
a {color: #001854}
a:hover {color: #A1A961}

.clear {clear:both}
.left {float: left;}
/* TOP */
#top {margin: 0 auto 0 auto; overflow: auto; width: 880px}
#top #logo {float: left}
#t_apply {float: right; margin-top: 16px; height: 70px; width: 227px; background-image:url("images/apply2.jpg");}
#t_apply a, #t_apply a:link, #t_apply a:visited {display:block}
#t_apply img {height: 70px; width: 227px;}
#t_apply a:hover img {visibility:hidden}


/* TOP NAVIGATION - MENU */
#nav {background: #cccccc; border-top: 3px solid #d0d5b7; height: 32px; padding-left: 1px}
#nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7 {float: left; margin-right: 1px}
#nav1 {height: 32px; width: 75px; background-image:url("images/nav/home2.jpg")}
#nav2 {height: 32px; width: 144px; background-image:url("images/nav/surety_bonds2.jpg")}
#nav3 {height: 32px; width: 124px; background-image:url("images/nav/downloads2.jpg")}
#nav4 {height: 32px; width: 186px; background-image:url("images/nav/instant_application2.jpg")}
#nav5 {height: 32px; width: 151px; background-image:url("images/nav/bruised_credit2.jpg")}
#nav6 {height: 32px; width: 91px; background-image:url("images/nav/agents2.jpg")}
#nav7 {height: 32px; width: 101px; background-image:url("images/nav/contact2.jpg")}
#nav1 a, #nav1 a:link, #nav1 a:visited, #nav2 a, #nav2 a:link, #nav2 a:visited, #nav3 a, #nav3 a:link, #nav3 a:visited, #nav4 a, #nav4 a:link, #nav4 a:visited, #nav5 a, #nav5 a:link, #nav5 a:visited, #nav6 a, #nav6 a:link, #nav6 a:visited, #nav7 a, #nav7 a:link, #nav7 a:visited {display:block}
#nav1 img, #nav2 img, #nav3 img, #nav4 img, #nav5 img, #nav6 img, #nav7 img {width:100%; height: 32px;}
#nav1 a:hover img, #nav2 a:hover img, #nav3 a:hover img, #nav4 a:hover img, #nav5 a:hover img, #nav6 a:hover img, #nav7 a:hover img {visibility:hidden}


/* HEADER */
#header {background: #ffffff url("images/banner_bg.jpg") repeat-y; clear: both; }
#h_banner {background: #6cbdda; border: 1px solid #cccccc; height: 80px}
#h_banner img {margin-left: 1px}
#h_cont {border: 0px solid #cccccc; overflow: auto; width: 880px}
#h_cont p{float: left; width: 480px}
#h_img {float: left; padding: 1px; width: 130px}
#h_text {float: left; margin-top: 20px; width: 480px}
#h_text p {font-size: 0.9em; font-weight: bold; padding-bottom: 10px}
#h_btns {float: right; width: 200px}
#h_btn_1 {margin: 15px 0 0 0px; height: 60px; width: 185px; background-image:url("images/registration2.jpg")}
#h_btn_2 {margin: 15px 0 0 0px; height: 60px; width: 185px; background-image:url("images/download2.jpg")}
#h_btn_1 a, #h_btn_1 a:link, #h_btn_1 a:visited, #h_btn_2 a, #h_btn_2 a:link, #h_btn_2 a:visited {display:block}
#h_btn_1 img, #h_btn_2 img {height: 60px; width: 185px;}
#h_btn_1 a:hover img, #h_btn_2 a:hover img {visibility:hidden}


/* MAIN SECTION */
#main {background: #cccccc; clear: both; margin: 20px 0 20px 0}
#content {float: left; width: 620px}
#content h1{font-size: 1.2em; font-weight: bold; padding-bottom: 3px;}
#content p{width: 490px; font-size: 0.9em;font-weight: normal; padding: 0 0 10px 0}
#content_top {margin: 0 20px 0 20px; padding-bottom: 10px}
#content_top img {float: right}
#right {float: right; width: 250px; overflow: hidden}
#c_table {margin: 0 20px 0 20px;}
#c_table td {width: 260px; padding: 0 15px 15px 0px;}
#c_table h1 {font-size: 1.0em; font-weight: bold; padding-bottom: 3px; text-decoration: underline}
#c_table p {width: 260px; font-size: 0.9em;font-weight: normal;}
#c_table li {margin-left: 20px; font-size: 0.9em;}
#c_table .utility_list {font-size: 0.8em;}
#c_table .utility_list td {padding: 0px 4px 0px 4px;}
#c_table .r2{width:70%;}


/* RIGHT SIDEBAR */
.rightblock {width: 250px; background: #ffffff; margin: 0px 0 20px 0}
.rightblock_top {width: 250px; background: #ffffff; text-transform: uppercase; font-weight: bold; margin: 0px 0 0px 0; padding: 0}
.rightblock p{width: 240px; font-size: 0.9em; padding: 2px 8px 8px 8px}
.rightblock .side_link {font-size: 0.8em; text-align: right; font-weight: bold;padding: 2px 8px 8px 8px}
.rightblock .side_link a {text-decoration: none}
.cards {margin: 2px 33px 8px 33px}


/* FOOTER */
#footer {background: #F5FBFB url("images/footer_bgnd.jpg") repeat-x; border: 1px solid #eeeeee; clear: both; color: #666666; font-size: 0.7em; margin: 0 auto 0 auto; padding: 0px 5px 5px 5px}
#footer_left {float: left; width: 325px; padding: 5px}
#footer_right {float: right; width: 450px; padding-top: 5px}
#footer_right ul{list-style: none}
#footer_right li{display: inline; padding-right: 8px}
#footer_info {float: right; width: 450px}
#footer_info p{color: #333333; font-size: 1.3em; padding: 8px 2px 0 10px}
.logo_bw {padding: 10px 45px 5px 0; float: left;}
#footer_bottom{clear: both; padding-top: 5px; text-align: center}
#footer_right li a {color: #666666; text-decoration: none}
#footer_right li a:hover {color: #001854}

/* FORM */
#content_form {float: left; width: 880px;}
#content_form li{clear: both}
.form_cont_1 {clear: both;width: 860px;border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; background: #ffffff;padding: 10px;overflow: auto}
.form_cont_2 {float: left; width: 860px; border-top: 1px solid #dadada; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #f5f5f5; padding: 10px;margin-bottom: 20px}
.form_cont_3 {float: left; width: 860px; border-top: 1px solid #dadada; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; background: #f5f5f5; padding: 10px;}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	text-decoration: none;
	padding-left: 0px;
	line-height: 150%;
	font-weight: bold;
	text-align: right;
	float: left;
	width: 230px;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 0px;
}

.form_cont_4 {clear: both;width: 600px;border: 1px solid #cccccc; background: #ffffff;padding: 10px;margin-bottom: 20px; overflow: auto}
.form_cont_41 {clear: both;width: 860px;border: 1px solid #cccccc; background: #ffffff;padding: 0px 10px 10px 10px;margin-bottom: 20px; overflow: auto; margin-top: 0px}
.form_cont_left {float: left; width: 360px; margin-right: 20px; overflow: auto}
.form_cont_right {float: left; width: 360px; overflow: auto}
.form_cont_right2 {float: right; width: 360px; overflow: auto;margin-right: 120px;}
.form_cont_all {float: left; width: 860px; overflow: auto}
.form_cont_left h2, .form_cont_right h2 {font-weight: bold;font-size: 1.0em;padding:4px; margin-bottom: 4px;}
.form_cont_left h3, .form_cont_right h3 {font-weight: bold;font-size: 1.0em;padding:12px 4px 4px 4px; margin-bottom: 4px;}

.form_cont_all h2 {font-weight: bold;font-size: 1.0em;padding:4px;margin-bottom: 4px;}
form ul{font-size:100%;list-style-type:none;margin:0;padding:0;width:100%;}
form li{display:block;margin:0;padding:4px 5px 2px 9px;position:relative;}
#content_form h2 {font-weight: bold;font-size: 1.0em;padding:4px;}
#tabs h3 {float: left; font-weight: bold;font-size: 1.0em;margin-right:14px}
#tabs a {float: left; text-decoration: none;font-weight: bold;font-size: 1.0em;
padding:6px 6px 6px 6px; background: #ffffff;
}

label.field_name{width: 200px;text-align:right;float: left;color:#333333;font-size:0.8em;font-weight: bold;line-height:150%;padding:2px 20px 0 0;}
label.field_name span{color:#666666;font-size:0.8em;padding-left: 10px}
label.field_text{width: 820px;text-align:left;float: left;color:#333333;font-size:0.8em;font-weight: bold;line-height:150%;padding:2px 20px 0 0;}
label.field_name2{width: 220px;height: 80px;text-align:right;float: left;color:#333333;font-size:0.8em;font-weight: bold;line-height:150%;padding:2px 20px 0 0;}
label.field_name4 {width: 220px;height: 420px;text-align:right;float: left;color:#333333;font-size:0.8em;font-weight: bold;line-height:150%;padding:2px 20px 0 0;}
label.field_name4 span{color:#666666;font-size:0.8em;padding-left: 10px}

label.field_name5{width: 420px; text-align:left; float: left; color:#333333; font-size:0.8em; font-weight: bold; line-height:150%; padding:0px 20px 8px 0;}
label.field_name5 span{float: right; color:#666666;font-size:0.8em;padding-left: 10px}

label.field_name8{width: 420px; text-align:left; float: left; color:#333333; font-size:0.8em; font-weight: bold; line-height:150%; padding:0px 20px 8px 0;}
label.field_name8 span{float: right; color:#666666;font-size:0.8em;padding-left: 10px}


label.field_name6{width: 210px;text-align:left;float: left;color:#666666;font-size:0.8em;line-height:150%;padding:2px 20px 0 0;border-bottom: 1px solid #cccccc; margin-right: 20px;}
label.field_name7{width: 90px;text-align:left;float: left;color:#666666;font-size:0.8em;line-height:150%;padding:2px 0px 0 0;border-bottom: 1px solid #cccccc; }
label.field_name8{width: 300px;text-align:left;float: left;color:#333333;font-size:0.8em;font-weight: bold;line-height:150%;padding:2px 0px 0 0;}
label.field_name8 span{color:#666666;font-size:0.8em;}
label.field_name9{width: 100px;text-align:right;float: left;color:#333333;font-size:0.8em;font-weight: bold;line-height:150%;padding:2px 20px 0 0;}

#owner_explain, #owner2_explain, #owner3_explain, #bond_add {width: 200px; height: 25px; color:#333333; font-size:1.0em; line-height:150%; padding:4px 20px 8px 4; border: 1px solid #cccccc;}
textarea {padding: 4px;}
.LV_validation_message{display: inline; font-weight:bold; margin:0 0 0 10px; padding: 4px; font-size:0.8em; color: #CC0000;}
.LV_valid {color:#00CC00;}
.LV_invalid {color:#CC0000;margin:0 0 0 10px; padding: 4px; font-size:0.8em; font-weight:bold; }
.radio{height: 60px}
.license{height: 40px}
.checkbox {margin: 6px 12px 3px 3px;}
#buttons_li {clear:both;}
input.button {float: right; border: 1px solid #cccccc; padding: 4px; font-size:1.0em; background: #001854; color: #ffffff;}
.select1 {border: 1px solid #cccccc; padding: 4px; font-size:1.0em; width: 290px;}
.select2 {border: 1px solid #cccccc; padding: 4px; font-size:1.0em; width: 210px;}
.select3 {border: 1px solid #cccccc; padding: 4px; font-size:1.0em; width: 60px;}
.select4 {border: 1px solid #cccccc; padding: 4px; font-size:1.0em; width: 80px;}
input.field_1 {border: 1px solid #cccccc; padding: 4px; font-size:1.0em; width: 200px;}
input.field_1:active, input.field_1:hover {border: 1px solid #001854;}
.field_2 {border: 1px solid #cccccc; float: left; padding: 4px; font-size:1.0em; width: 280px;}
.select_2 {border: 1px solid #cccccc; padding: 4px; font-size:1.0em; width: 280px;}
input.field_3 {display:block;}
input.field_4 {border: 1px solid #cccccc; padding: 4px; font-size:1.0em; width: 80px;}
input.field_4:active, input.field_4:hover {border: 1px solid #001854;}
input.field_5 {border: 1px solid #cccccc; padding: 4px; font-size:1.0em; width: 220px;margin-right: 15px;}
input.field_5:active, input.field_4:hover {border: 1px solid #001854;}
#error_li {width: 420px; text-align:left; float: left; color:#CC0000; font-size:1.0em; font-weight: bold; line-height:150%; padding:2px 20px 0 12px;}
.total {border-top: 2px solid #cccccc; margin-top: 5px;}
.gray {clear: both;background: #f5f5f5; overflow: auto; margin-top: 5px; padding-bottom: 5px;}
#textarea2 {width: 327px; height: 100px; color:#333333; font-size:1.0em; margin-left: 12px; line-height:150%; padding:4px 20px 8px 20; border: 1px solid #cccccc;}
.table {width: 860px; font-size:0.8em; text-align: center; border-spacing: 0px; vertical-align: bottom}
.table td {padding: 4px;border: 1px #dadada solid;border-collapse: collapse;
border-spacing: 0px; font-weight:bold; vertical-align: bottom}
.row {height: 24px;}
.input_table {width:98%; font-weight:normal;}
.table_left {width: 360px; font-size:0.8em; text-align: left; border-spacing: 0px; vertical-align: bottom}
.table_left td {padding: 4px;border: 0px #dadada solid;border-collapse: collapse;
border-spacing: 0px; font-weight:bold; vertical-align: center}
.table_left .row {height: 36px;}
.table_left .row2 {height: 38px;}
.table_left .row3 {height: 36px;border-top: 1px solid #cccccc;}
.table_left .row3 td {border-top: 1px solid #999999; text-align: left;vertical-align: top}
.table_left label{float: right; padding-right:6px;}
.table_left .row3 td .input_amt{text-align: left; border: 1px solid #999999; padding: 4px; font-size:1.0em; width: 60px;}
.table_left .input_table {width:98%; font-weight:normal;}
.input_amt{border: 1px solid #cccccc; padding: 4px; font-size:1.0em; width: 60px;}
.input_amt:active, .input_amt:hover {border: 1px solid #001854;}
.input_name{border: 1px solid #cccccc; padding: 4px; font-size:1.0em; width: 255px;}
.input_name:active, .input_name:hover {border: 1px solid #001854;}
.totals {background: #f5f5f5; text-align: right}
.row4 {border: 0px solid #cccccc;}
.row4 td {border: 0px solid #ffffff; text-align: right; vertical-align: bottom}
.row4 td .input_table{width:93%;text-align: left; float: left;border: 1px solid #cccccc; padding: 4px; font-size:1.0em;}
.show_hide {padding: 0 0 0 10px; font-size:0.7em; cursor:pointer}
#owner3 {display: none}
.underline {border-bottom: 1px solid #dadada;}


.tab1 {border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; font-weight: bold;font-size: 1.0em;padding:6px; margin: 0px; background: #ffffff}
.tab2 {font-weight: bold;font-size: 0.8em;padding:4px; margin: 4px; background: #f5f5f5; float: left}

.panel {
	clear: both;
	display: none;
}

.panel.active-tab-body {
	display: block;
}
#tabs a.active-tab {float: left; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; font-weight: bold;font-size: 1.0em;
padding:6px 6px 6px 6px; background: #ffffff;
}

#steping3 {
	display: none;
}
#steping4 {
	display: none;
}
.loginbtn {
	color:#FFFFFF;
	border: 1px solid #FFFFFF;
	background-color: #001854;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	
}