/******************************************************************************/
/*     <link href="css/styles.css" type="text/css" rel="stylesheet" />        */
/******************************************************************************/
/*             styles for BFS          |  Created by GWSol Ukraine 2007       */
/******************************************************************************/

body{
	background-color: #B7B7B7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #707070;
}




h1
{
	border-left: 9px solid #3A77D9;
	font-family: "trebuchet MS";
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	padding-left: 6px;
	margin: 20px 0px 5px 0px;
}
h2
{
	background-image: url(../images/h2-bg.gif);
	background-repeat: repeat-x;
	font-size: 14px;
	font-weight: bold;
	color: #3A77D9;
	height: 19px;
	padding: 4px 0px 0px 7px;
	margin-top: 10px;
	margin-bottom: 10px;
}


p
{
	padding: 7px 0px 7px 15px;
}


strong
{
	font-weight: bold;
	font-style: inherit;
}

I, EM
{
	font-style: italic;
}

.cl_separator_1{
	height: 1px;
	font-size: 1px;
	display: block;
}
.cl_separator_2{
	height: 2px;
	font-size: 1px;
	display: block;
}
.cl_separator_3{
	height: 3px;
	font-size: 1px;
	display: block;
}
.cl_separator_5{
	height: 5px;
	font-size: 1px;
	display: block;
}
.cl_separator_10{
	height: 10px;
	font-size: 1px;
	display: block;
}
.cl_separator_20{
	height: 20px;
	font-size: 1px;
	display: block;
}
.cl_separator_50{
	height: 50px;
	font-size: 1px;
	display: block;
}

.cl_clear
{
	clear: both;
}




#basis
{
	margin: auto;
	width: 933px;
	background-color: #FFFFFF;
	background-image: url(../images/basis-bg.gif);
	background-repeat: repeat-y;
	margin-top: 16px;
	position: relative;
	margin-bottom: 20px;
}
#top
{
	background-image: url(../images/top.gif);
	background-repeat: no-repeat;
	width: 933px;
	height: 20px;
}
#bottom
{
	background-image: url(../images/bottom.gif);
	background-repeat: no-repeat;
	width: 933px;
	height: 18px;
}
#basis #block
{
	padding: 0px 15px 0px 15px;
}

#left
{
	float: left;
	width: 593px;
}
#right
{
	float: right;
	width: 301px;
}

/*** header *******************************************************************/
a#logo
{
	display: block;
	width: 435px;
	height: 105px;
	margin-left: 10px;
}
#splash
{
}



/*** content ********************************************************************/
#content
{
}
ul.bullet-blue
{
	padding-left: 15px;
}
ul.bullet-blue li
{
	background-image: url(../images/bullet-blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 12px;
}
#content form
{
}
#content table
{
}
#content table tr
{
}
#content table td
{
}
#content table td.left
{
	width: 50%;
	text-align: right;
}
#content table td.right
{
	width: 50%;
	text-align: left;
}



/*** icons *********************************************************************/
#icons
{
	background-image: url(../images/icons-line.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 30px;
}
#icons ul
{
	float: right;
	margin-bottom: 5px;
}
#icons ul li
{
	float: left;
	width: 35px;
	text-align: right;
}
#icons ul li a
{
}




/*** menu **********************************************************************************/
#menu
{
}
#menu ul
{
	margin: 15px 10px 15px 20px;
}
#menu ul li
{
	background-image: url(../images/menu-item.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#menu ul li a
{
	text-decoration: none;
	background-color: transparent;
	display: block;
	padding: 2px;
	font-weight: bold;
	color: #3A77D9;
	font-size: 14px;
	margin-left: 20px;
	width: 85%;
}
#menu ul li a:hover
{
	background-color: #3A77D9;
	color: #FFFFFF;
}




/*** button green ***********************************************************************/
a.btn-green
{
	margin: auto;
	display: block;

	width: 254px;
	height: 51px;
	background-image: url(../images/btn-green.gif);
	background-repeat: no-repeat;
	position: relative;
	text-decoration: none;
}
a.btn-green big
{
	position: absolute;
	top: 5px;
	left: 12px;
	cursor: pointer;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	background-image: url(../images/btn-green-arrow.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 22px;
}
a.btn-green small
{
	position: absolute;
	top: 31px;
	left: 12px;
	cursor: pointer;
	color: #AADA71;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}








/*** right sections ****************************************************************/
a.right-section
{
	width: 301px;
	height: 173px;
	margin-bottom: 10px;
	display: block;
	position: relative;
	text-decoration: none;
}
a.right-section big
{
	position: absolute;
	top: 8px;
	left: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
}

a.right-section small

{

	position: absolute;

	top: 8px;

	left: 110px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #FFFFFF;

	cursor: pointer;

	width: 180px;

	text-align: justify;

}





#fire-ems-police

{

	background-image: url(../images/fire-ems-police.jpg);

	background-repeat: no-repeat;

	height: 300px;

}

#fire-ems-police .small

{

	font-size: 12px;

	display: block;

	letter-spacing: 1px;

}



#fire-section

{

	background-image: url(../images/section-fire.jpg);

	background-repeat: no-repeat;

}

#ems-section

{

	background-image: url(../images/section-ems.jpg);

	background-repeat: no-repeat;

}

#police-section

{

	background-image: url(../images/section-police.jpg);

	background-repeat: no-repeat;

}













/*** faq DL **********************************************/

dl

{

	margin: 20px 0px 0px 0px;

}

dl dt

{

	background-image: url(../images/help-icon.gif);

	background-repeat: no-repeat;

	background-position: 0px 1px;

	padding-left: 20px;

	font-size: 14px;

	font-weight: bold;

	color: #3A77D9;

	margin: 0px 0px 10px 0px;

}

dl dd

{

	padding: 0px 0px 10px 20px;

}

dl dd ul

{

	margin: 0px 0px 0px 20px;

}

dl dd ul li

{

	background-image: url(../images/bullet-blue.gif);

	background-repeat: no-repeat;

	background-position: 0px 5px;

	padding: 0px 0px 10px 15px;

}









/*** footer **************************************************************************************/

#footer

{

	height: 60px;

	border-top: 1px solid #CCCCCC;

	position: relative;

	margin-top: 10px;

}



#footer ul

{

	margin: 5px 0px 0px 0px;

}

#footer ul li

{

	float: left;

	margin-right: 5px;

	padding-left: 5px;

	border-left: 1px solid #CCCCCC;

}

#footer ul li.first

{

	padding-left: 0px;

	border-left: none;

}

#footer ul li a

{

	font-size: 10px;

	text-decoration: none;

	color: #3A77D9;

}

#footer ul li a:hover

{

	text-decoration: underline;

}



#footer small

{

	font-size: 10px;

}

#footer small a

{

	font-size: 10px;

	text-decoration: none;

	color: #707070;

}

#footer small a:hover

{

	text-decoration: underline;

}



#footer a#creator

{

	display: block;

	width: 77px;

	height: 48px;

	position: absolute;

	right: 0px;

	top: 5px;

}













/*** table ************************************************/

table

{

	width: 100%;

}

table td

{

	padding: 3px 0px 3px 0px;

	vertical-align: top;

}

table input, table select

{

	height: 16px;

	font-size: 11px;

	font-family: "trebuchet MS";

	vertical-align: top;

	border: 1px solid silver;

	color: #707070;

}

table select

{

	height: 21px;

	padding: 0px;

}











/*Igor G pasted*/

.table-step1{

	width:100%;

}

.table-step2{

	width:100%;

}

.table-step3{

	width:100%;

}

table .tdquestion{

	text-align:right;

	padding-right:10px;

	width:50%;

}

table .tdoptions{

	text-align:left;

	padding-left:10px;

	width:50%;

}

table .medsdes{

	width: 220px;

	height: 80px;

}

table .linetext{

	padding-left:0px;

	text-align:left;

}

table .subtext{

	font-size:10px;

	color:#CCCCCC;

}

.table-step2 .t1{

	width: 100%;

}

.table-step2 .t1 .t2{

	width: 100%;

}

.table-step3 .td1{

	width: 100%;

	text-align:left;

	



}



table .t1{

	width: 100%;

}

table .t1 .t2{

	width: 100%;

}



.table-step3 .t1{

	width: 100%;

	

}

.table-step3 .t1 td.radio{

	width: 20px;

}

.table-step3 .t1 .type{

	width: 100px;

}

.table-step3 .t1 .amount{

	width: 165px;

	padding-right:10px;

}

.table-step3 .t1 .option{

	padding-left:10px;

	width: 200px;

}

.table-step3 .t1 .amount select{

	width: 100%;

}

.table-step3 .t1 .option select{

	width: 100%;

}

table .select200{

	width: 200px;

}

table .simtext{

	width: 70%;

}

table .simselect{

	width: 70%;

}

table .cityname{

	width: 28%;

}

table .cityselect{

	width: 40%;

}

table .zip{

	width: 20%;

}

table .pcode{

	width: 15%;

}

table .pnum1{

	width: 23%;

}

table .pnum2{

	width: 20%;

}

table .comments{

	width: 70%;

	height: 80px;

}









/*** agree-section ***/

#agree-section

{

	border: 1px solid #65942E;

	background-color: #CBF0A0;

	padding: 10px 5px 15px 5px;

	color: #636363;

	margin: 20px 0px 20px 0px;

	position: relative;

}

#agree-section select

{

	font-size: 11px;

}

#agree-section input.submit

{

	border: 0px;

	width: 120px;

	height: 22px;

	margin-left: 10px;

	position: absolute;

	top: 30px;

	right: 10px;

}





input.radio

{

	border: none;

}







/*** calculator *******************************************************************/

form#calculator

{

}

form#calculator input

{

	width: 200px;

}

form#calculator label

{

	padding-right: 10px;

	white-space: nowrap;

}

form#calculator input.submit

{

}

form#calculator table

{

	width: 100%;

}

form#calculator table td

{

	width: 220px;

}

form#calculator td.right

{

	text-align: right;

	width: 60%;

}

#result

{

	border: none;

	cursor: default;

	background-color: transparent;

	color: #3A77D9;

	font-size: 16px;

	font-weight: bold;

	margin-left: 0px;

	margin-top: -3px;

	width: 100%;

}







#planningForm #step-3

{

	display: none;

}

#planningForm #step-3.display

{

	display: block;

}







/*** sitemap *************************************************************/

#sitemap

{

}

#sitemap ul

{

	margin-left: 15px;

	margin-top: 20px;

}

#sitemap ul li

{

	margin-bottom: 10px;

}

#sitemap ul li a

{

	color: #3A77D9;

	font-weight: bold;

	text-decoration: none;

}

#sitemap ul li a:hover

{

	text-decoration: underline;

}













/*** contactform **************************************/
form#contactform
{
	margin-left: 15px;
}
form#contactform table
{
	width: 100%;
}
form#contactform td.label
{
	width: 70px;
}
form#contactform
{
}
form#contactform
{
}




em {font-style: italic; }



#policeBody #block
{
	background-image: url(../images/police-formlarge-bg.jpg);
	background-repeat: no-repeat;
	background-position: 15px 120px;
}

#policeBody H1
{
	color: #ffffff;
	border: 0px;
	padding: 0px 0px 0px 15px;
}
#policeBody .content FONT
{
	color: #ffffff;
	font-size: 14px;
	line-height: 17px;
}



.homepageForm
{
	width: 590px;
	margin: 20px 0px 10px 0px;
}
.homepageFormInner
{
	width: 250px;
	margin: 10px auto 0px auto;
}
#content .homepageForm TD.first
{
	padding: 8px 10px 0px 0px;
}
#content .homepageForm TD.second
{
}
.homepageForm .simtext
{
	width: 100%;
	height: 21px;
}
.homepageForm .cityname
{
	height: 21px;
}

.homepageForm SELECT
{
	width: 170px;
}
.homepageForm INPUT.submit
{
	width: 152px;
	height: 28px;
	border: none;
	background-color: transparent;
	margin: 10px 0px 0px 0px;
}


#policeForm
{
	padding: 10px 0px 20px 15px;
}
#policeForm TD
{
	color: #ffffff;
	padding: 3px 10px 2px 2px;
}
#policeForm H2
{
	margin-top: 10px;
}
#policeForm #agree-section
{
	background-color: transparent;
	color: #ffffff;
	border: none;
	padding: 0px 0px 0px 10px;
}