/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html
{
	overflow-y: scroll;
}
body
{
	font-size: .7em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	color: #474747;
	background: #ffffff;
}
a 
{
	color: #f00cad;
	text-decoration:none;
}

a:hover
{
	color: #6a5e5e;
	text-decoration: none;
}

p, ul
{
	margin-bottom: 20px;
	line-height: 1.6em;
}

img
{
	border: none;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	font-size: 1.5em;
	color: #f00cad;
	font-weight: normal;
}
h1
{
	font-size: 2.2em;
	padding-bottom: 0;
	margin-bottom: 0;
}
h2
{
	padding: 0 0 6px 0;
}
h3
{
	font-size: 1.2em;
}
h4
{
	font-size: 1.1em;
}
h5, h6
{
	font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	position: relative;
	margin: 0;
	color: #6a5e5e;
	width: 920px;
	height: 85px;
	background: url(images/mainTop.png) no-repeat center top;
}

#header h1
{
	padding: 0 0 0 25px;
	margin: 0;
	color: #000;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
}

#logon
{
	clear: both;
	position: relative;
	margin: 0px;
	color: #ffffff;
	width: 920px;
	height: 70px;
	background: url(images/mainLogon.png) no-repeat;
}

#main
{
	clear: both;
	background: url(images/mainBodyContent.png) repeat-y;
	position: relative;
	width: 920px;
}
#footer
{
	clear: both;
	width: 920px;
	height: 60px;
	background: url(images/mainBtm.png) no-repeat;
}

.content_middle
{
	/*width: 697px;*/
	width: 100%;
	padding: 0;
	display: block;
	background: url(images/mainBodyContent.png) repeat-y 0 0;
	float: left;
}

.content_top
{
	/*width: 697px;*/
	width: 100%;
	padding: 0;
	display: block;
	background: url(images/mainBodyHeader.png) no-repeat 0 0;
	float: left;
}

.content_btm
{
	/*width: 697px;*/
	width: 100%;
	padding: 0;
	display: block;
	background: url(images/mainBodyFooter.png) no-repeat left bottom;
	height: 100%;
	float: left;
	padding-bottom: 140px;
}

#footerlinks
{
	text-align: center;
	color: #F00CAD;
	margin-left: -692px;
	font-size: 10px;
}

#footerlinks li
{
	display: inline;
	list-style-type: none;
	padding-right: 5px;
}

#footerlinks li a
{
	text-decoration: none;

}

#footerlinks li a:hover
{
	text-decoration: none;

}
#slogan
{
	font-size: 1.2em;
	color: #f00cad;
	font-weight: normal;
	font-style: italic;
}
/* TAB MENU   
----------------------------------------------------------*/

#adminnavigation
{
	position: absolute;
	top: 25px;
	right: 80px;
	margin: 0px;
	font-size: 12px;
	color: #6a5e5e;
	font-weight: bold;
}
#adminnavigation li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#adminnavigation li a
{
	text-decoration: none;
	color: #6a5e5e;
}

#adminnavigation li a:hover
{
	text-decoration: none;
	color: #f00cad;
}

#navigation
{
	position: absolute;
	top: 25px;
	right: 80px;
	margin: 0px;
	font-size: 16px;
	color: #6a5e5e;
	font-weight: bold;
}
#navigation li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#navigation li a
{
	text-decoration: none;
	color: #6a5e5e;
}

#navigation li a:hover
{
	text-decoration: none;
	color: #f00cad;
}

ul#menu
{
	padding: 0;
	position: relative;
	margin: 0 0 0 15px;
	text-align: right;
}

ul#menu li
{
	display: block;
	list-style: none;
	background: #e8eef4 url(bg-nav-corner-sprite.png) no-repeat 0 -150px;
	float: left;
	margin: 0 2px 0 0;
}

ul#menu li a
{
	padding: 15px 12px;
	font-weight: bold;
	text-decoration: none;
	color: #034af3;
	background: transparent url(bg-nav-corner-sprite.png) no-repeat right -150px;
	display: block;
}

ul#menu li a:hover
{
	text-decoration: none;
	color: #000;
}

ul#menu li a:active
{
	text-decoration: none;
	color: #009933;
}

ul#menu li.selected
{
	background: #fff url(bg-nav-corner-sprite.png) no-repeat 0 -150px;
}

ul#menu li.selected a
{
	color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #CCC;
}

fieldset p
{
	margin: 2px 12px 10px 10px;
}

fieldset label
{
	display: block;
}

fieldset label.inline
{
	display: inline;
}

legend
{
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}

input[type="text"]
{
	width: 200px;
	border: 1px solid #CCC;
}

input[type="password"]
{
	width: 200px;
	border: 1px solid #CCC;
}
.labelHighlight
{
	color: #CCCCCC;
}
.updnWatermark
{
	position: relative; /* positioning container */
	width: 0;
	height: 1.25em; /* must specify height for consistent vertical alignment */
	vertical-align: middle;
}
.updnWatermark label
{
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	color: #999;
	padding-left: 4px;
	height: 1.25em; /* must specify height for consistent vertical alignment */
	vertical-align: middle;
}

#content
{
	padding: 5px 75px 5px 75px;
}

.pink
{
	color: #f00cad;
	font-weight: bold;
}

/* TABLE
----------------------------------------------------------*/

table
{
	border: solid 1px #e8eef4;
	border-collapse: collapse;
}

table td
{
	padding: 5px;
	border: solid 1px #e8eef4;
}

table th
{
	padding: 6px 5px;
	text-align: left;
	background-color: #e8eef4;
	border: solid 1px #e8eef4;
}

/* MISC  
----------------------------------------------------------*/
#divSearchResult
{
	font-size: 1.5em;
	color: #f00cad;
	font-weight: normal;
}
#passwordbox
{
	font-size: 1.1em;
	display: block;
	text-align: right;
	color: #ffffff;
	width: 300px;
	position: absolute;
	top: 20px;
	right: 105px;
	font-weight: bold;
}

#usernamebox
{
	font-size: 1.1em;
	display: block;
	text-align: right;
	color: #ffffff;
	width: 300px;
	position: absolute;
	top: 20px;
	right: 365px;
	font-weight: bold;
}

#logon input[type="text"]
{
	background: url(roundtextbox.png) no-repeat bottom;
	border: none;
	width: 168px;
	padding-top: 8px;
	padding-left: 18px;
	padding-bottom: 3px;
}

#logon input[type="password"]
{
	background: url(roundtextbox.png) no-repeat bottom;
	border: none;
	width: 168px;
	padding-top: 8px;
	padding-left: 18px;
	padding-bottom: 3px;
}

#logindisplay
{
	font-size: 1.3em;
	display: block;
	text-align: center;
	color: #ffffff;
	width: 150px;
	position: absolute;
	top: 20px;
	left: 145px;
}

#logindisplay a
{
	color: #303030;
	text-decoration: none;
}

#logindisplay a:hover
{
	color: #ffffff;
}

.clear
{
	clear: both;
}

.error
{
	color: Red;
}

#title
{
	width: 370px;
	padding: 4px 0 35px 0;
}



.field-validation-error
{
	color: #ff0000;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}

#engineerDiv
{
	/*float: left;     width: 280px;*/
}

#mapDiv
{
	float: left;
	padding: 0px;
	padding-right: 25px;
}

#theMap
{
	position: relative;
	width: 500px;
	height: 450px;
}

#FuelType
{
	width: 200px;
}

#ApplianceType
{
	width: 200px;
}

.PinStyleOne
{
	position: relative;
	background: url('pinsmall.png') no-repeat 0 0;
	height: 15px;
	width: 15px;
	top: 5px;
	right: -5px;
	color: #fff;
	text-align: center;
	font: bold 12px Arial;
	cursor: pointer;
}

.PinStyleOne .text
{
	position: relative;
	top: 2px;
}

#stepone
{
	font-size: 1.2em;
	display: block;
	text-align: left;
	color: #f00cad;
	width: 250px;
	position: absolute;
	top: 20px;
	left: 75px;
}

#steptwo
{
	font-size: 1.2em;
	display: block;
	text-align: left;
	color: #f00cad;
	width: 250px;
	position: absolute;
	top: 20px;
	left: 345px;
}

#stepthree
{
	font-size: 1.2em;
	display: block;
	text-align: left;
	color: #f00cad;
	width: 210px;
	position: absolute;
	top: 20px;
	left: 615px;
}

#steps
{
	height: 110px;
	clear: both;
}

#helpforheroes
{
	position: relative;
	left: 700px;
	bottom: 104px;
	width: 189px;
}

#mainpoints
{
	float: right;
	width: 248px;
	height: 181px;
	background: url(images/infopannel.png) no-repeat;
	margin: 18px 0px 0px 0px;
}

#textpoints
{
	padding: 15px 20px 10px 25px;
	color: #f00cad;
}

#textpoints ul
{
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 5px 0px;
	font-size: 1.2em;
}

#textpoints p
{
	margin: 0px;
	padding: 0px;
	line-height: 1em;
}

.taglabel
{
	font-size: 1.4em;
	color: #f00cad;
	font-weight: bold;
	margin: 0px;
}

.homepagefloatright
{
	float: right;
	padding-right: 60px;
	margin: 0px;
}

a.classname
{
	background: url(images/btnedit.png) no-repeat top left;
	width: 130px;
	height: 38px;
}

.ui-datepicker
{
	z-index: 1200;
}

#quotecontainer
{
	height: 200px;
	margin: 0px;
	padding: 0px;
}
#quotesection
{
	margin-top: 20px;
}
#wait
{
	background: url(ajax-loader.gif) no-repeat top left;
	width: 32px;
	height: 32px;
}

#email_form label
{
	float: left;
	width: 150px;
}

.floatleftmargin
{
	float: left;
	width: 150px;
}

/* TOGGLE SLIDERS
----------------------------------------------------------*/
h3.trigger
{
	/*background: url(h2_trigger_a.gif) no-repeat; 	padding: 0 0 0 50px; 	margin: 0 0 5px 0; 	height: 46px; 	line-height: 46px; 	width: 450px; 	font-size: 2em; 	font-weight: normal;*/ /*float: left;*/
}
h3.trigger a
{
	/*color: #fff;*/
	text-decoration: none;
	display: block;
}
h3.trigger a:hover
{
	/*color: #ccc;*/
}
h3.active
{
	/*background-position: left bottom;*/
}
/*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container
{
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden; /*margin: 0 0 5px; 	font-size: 1.2em; 	width: 500px;*/
	clear: both;
}
.toggle_container .block
{
	padding: 0px 20px 20px 20px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}

.trigger a
{
	color: #FF33CC;
	font-weight: bold;
}


/* data table */
table.data-table
{
	width: 100%;
	border: 5px solid #f9fbfc;
	border-top: none;
	font-size: .9em;
}
table.data-table td, table.data-table th
{
	padding: 6px 10px;
	border-top: 2px solid #eff3f7;
	background: #e7f0f3;
}
table.data-table th
{
	text-align: left;
}
table.data-table thead th
{
	background: #d7e6ec;
	border-top: 5px solid #f9fbfc;
	color: #000;
}
table.data-table tbody th
{
	background: #f1f6f8;
	border-top-color: #f9fbfc;
}
/* action cells */
table.data-table td.actions, table.data-table th.actions
{
	padding: 0px;
	width: 40px;
}
table.data-table td.actions
{
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-align: center;
	border-right: 1px dashed #d7e6ec;
}
table.data-table th.actions
{
	font-weight: normal;
	color: #4d8aa2;
	text-align: center;
}

#logonform
{
	float: left;
	width: 371px;
	height: 254px;
	background: url(images/bigpannel.png) no-repeat;
	margin: 0px 0px 0px 0px;
	
	background-color:Gray;
}
#logonform h3
{
	font-weight: bold;
}

#joinform
{
	float: right;
	width: 371px;
	height: 254px;
	background: url(images/bigpannel.png) no-repeat;
	margin: 0px 0px 0px 0px;

	
}

#joinform h3
{
	font-weight: bold;
	font-style: italic;
}

.contenttext 
{
	padding-left:25px;
	padding-right:20px;
	padding-top:10px;
}