body{font-family:Arial, Helvetica, sans-serif;margin: 0;padding: 0;font-size: 11pt; background: url("../../assets/images/shell/body.jpg") center top no-repeat;
}

a {color: #0194ea; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline}

img {border:none}
textarea {font-family:Arial}
acronym {cursor: help}

/** ----------------------------------------------------------------------------------------------------------- **/
/** PETE'S VARIOUS BITS AND BOBS **/

.errormessage {color: #f00; border: 1px solid #F00; padding: 5px 0 5px 30px; background:url("../images/icons/alert2.gif") no-repeat left #ffc6c6; font-weight: bold;}

.error {color: #f00; font-size: 7pt; font-weight:bold; background:url("../images/icons/alert.gif") no-repeat right; padding-right: 20px;}

.alert {color: #f00; font-weight: bold; font-size: 80%; margin: 0;}

.step {width: 95%; background: url("../images/step_bg.gif") #666; border: 1px solid #999; padding: 3px; font-size: 80%; color: #fff}
.step strong {color: #0194ea}
.title-block {font-weight: bold;}

.new_window{padding: 0 25px 3px 0;background:url("../images/icons/new_window.gif") no-repeat right;}
.new_window_small{padding: 0 20px 3px 0;background:url("../images/icons/new_window_small.gif") no-repeat right;}

.required {color: #F00;}
.warning {margin: 10px 0; padding: 10px;border: 1px solid #dac8ca; background:#f0dcde;}

.notice {border: 1px solid #f00;margin:0 auto 10px auto; background:url("../images/icons/warning.gif") no-repeat left #f8b3b3;}
.notice h1{font-weight: bold;color: #f00;font-size: 90%; padding: 5px 0 0 0; margin: 0;}
.notice p {padding: 0 10px 3px 70px;color: #F00; font-size: 80%;}

.info_alert {border: 1px solid #993;margin:10px auto; background:url("../images/icons/info.jpg") no-repeat left #e6fda0;}
.info_alert h1{font-weight: bold;font-size: 90%; padding: 5px 0 0 0; margin: 0;}
.info_alert p {padding: 0 10px 3px 70px; font-size: 80%;}

#form_sending {text-align: center; border: 3px solid #0194ea; width: 540px; margin: 0 auto;}
#form_sending img {}
#form_sending h3{padding: 0;}
#form_sending p {margin: 10px;}


.glossy h2 {
	font-size: 20pt;
	position: relative;
	margin: 10px 0;
	color: #000;
	letter-spacing: -1px;
}
.glossy h2 span {
	background: url("../../assets/images/gradient-glossy.png") repeat-x;
	position: absolute;
	display: block;
	width: 90%;
	height: 28px;
}


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

/** MAIN SITE CSS **/
#outer-limits {
	width: 950px;
	margin: 0 auto;
}


#container {
	margin: 0 auto;
	width: 950px;
	background: #fff;
}

#header {
	background: url("../../assets/images/shell/header.jpg") no-repeat;
	height: 215px;
}

#logo img {display: none}
#logo a {
	position: relative;
	top: 30px;
	display: block;
	left: 20px; 
	width: 280px; 
	height: 160px; 
}

#footer {
	background: url("../../assets/images/shell/footer.gif") repeat-x;
	clear:both;
font-size: 10pt;
height: 100px;
color: #fff;
}
#footer ul {
padding: 34px 10px 0 10px;
margin: 0;
text-align: right;
}

#footer li {
display: inline;
margin-right: 0px;

}

#footer a {
color: #fff;
padding: 0 5px;
}

#footer p {
margin: 4px 0 0 0;
padding: 10px;
font-size: 7pt;
text-align: right;
}

#navigation {
	position: relative;
	top: -45px;
	left: 290px;
	color: #fff;
	width: 650px;
}

#navigation a {color: #fff;}
#navigation ul {list-style: none;}
#navigation li {float: left; margin-right: 10px;}

.extra_links {
position: relative; 
left: 280px;
width: 400px;}


#main {
	clear:both;
	float: left; 
	width: 600px;
	padding: 0 20px;
}

#question_form {
	margin: 0;
	padding: 0;
}
#question_form fieldset {
	border: none;
}

#question_form legend {
	display: none;
}

#question_form textarea {
	background: url("../../assets/images/shell/question_box.jpg") no-repeat;
	width: 555px;
	height: 160px;
	border: none;
	padding: 5px 15px;
	overflow: auto;
	font-family:Arial
}

#summary_form fieldset {
	font-size: 10pt; 
	width: 550px;
	margin: 25px 0;
	padding: 20px;
	border: 3px solid #0194ea; 
	border-radius : 10px; 
	-moz-border-radius : 10px; /* Mozilla */
	-webkit-border-radius : 10px; /* Webkit */
	padding: 10px; margin-bottom: 10px;
}

#summary_form label {
	display: block;
	float: left;
	width: 150px;
}
#summary_form p.paddleft {
	padding-left: 150px;
}

#summary_form label.right {
	display: inline;
	float: none;
	width: 150px;
}

#summary_form .form_error {
	margin-left: 150px;
	border: 1px solid #ccc;
	padding: 4px;
}

#summary_form legend {padding: 0 15px; font-weight: bold; color: #000; font-size: 18px;}


.home_select {float: left; width: 200px;}

.button_ask {
	float: right;
	margin-right: 20px;
}

.button_ask_home {
	float: right;
	margin-right: 20px;
}

#right_col {
	float: right;
	width: 280px;
	margin-right: 20px;
}

#login_col {
	font-size: 12px;
	padding: 5px 10px;
	margin-bottom: 10px;
	background: url("../../assets/images/shell/login_bg.jpg") 0px 20px no-repeat #fff;: 
}

#login_col p {
	margin: 0 0 5px 0;
	padding: 0;
}

#login_col p strong {
color: #ff9c11;
font-sizE: 130%;
border-bottom: 1px dashed #ccc;
display:block;
padding-bottom: 5px;
margin-bottom: 10px;
}

#login_col label{
	margin-left: 50px;
}

#login_col span {
	color: #999;
}

#login_col input {
	font-size: 11px;
margin-left: 50px;
}

#login_col .input-username {
	padding: 5px;
border: 1px solid #ccc
}

#login_col .input-password {

	padding: 5px;
border: 1px solid #ccc
}

.login_error {
	background:#FAE0FC;
	font-weight: bold;
}






#logged_col {
	font-size: 11px;
	background: #0194ea;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #66CC00;
	background:#F0F8D1;
}

#logged_col p {
	margin: 0 0 5px 0;
	padding: 0;
}

#logged_col span {
	float: left;
	width: 130px;
	font-weight: bold;
}

#logged_col a {
	color: #000;
}

#logged_col ul {
	margin: 0;
padding: 5px 15px 5px 10px;
}

#logged_col a {
	color: #000;
}

.stats {
margin-left: 10px;	
font-size: 10pt;
width: 170px;
}

.stats p {font-weight: bold; font-size: 14px; margin: 0; padding: 0;}
.stats h2 {
	color: #ff9c11;
font-sizE: 130%;
border-bottom: 1px dashed #ccc;
display:block;
padding-bottom: 5px;
margin-bottom: 10px;
}

#latest_questions {
margin-left: 10px;	
font-size: 10pt;
width: 260px;
}

#latest_questions h2{
	/*background: url("../../assets/images/shell/title_latest_questions.gif") no-repeat;*/
	color: #ff9c11;
font-sizE: 130%;
border-bottom: 1px dashed #ccc;
display:block;
padding-bottom: 5px;
margin-bottom: 10px;
}

#latest_answers {
	margin-left: 10px;	
font-size: 10pt;
width: 260px;
}

#latest_answers h2 {
	color: #ff9c11;
font-sizE: 130%;
border-bottom: 1px dashed #ccc;
display:block;
padding-bottom: 5px;
margin-bottom: 10px;
}


#latest_answers p {clear: both;}

#how_it_works {
	border-top: 3px solid #0194ea;
	margin: 0px;
	padding: 10px 0;
	width: 570px;
}

#how_it_works h2 {
	background: url("../../assets/images/shell/title_how_it_all_works.gif") no-repeat;
	text-indent: -2000px;
	padding: 0;
	margin: 0 0 10px 0;
}

#how_it_works ol {margin: 0; padding: 0 0 0 20px; font-size: 10pt;}

.for_users {float: left; width: 50%;}
.for_experts {float: left; width: 50%;}

.for_users h3 {
	background: url("../../assets/images/shell/title_need_to_know.gif") no-repeat;
	text-indent: -2000px;
	padding: 0;
	margin: 0 0 5px 0;
}

.for_experts h3 {
	background: url("../../assets/images/shell/title_you_already_know.gif") no-repeat;
	text-indent: -2000px;
	padding: 0;
	margin: 0 0 5px 0;
}

.hp-question1 {
background: url("../../assets/images/icons/q1.jpg") no-repeat;
padding-left: 40px;
min-height: 40px;
}

.hp-question2 {
background: url("../../assets/images/icons/q2.jpg") no-repeat;
padding-left: 40px;
min-height: 40px;

}

.hp-question3 {
background: url("../../assets/images/icons/q3.jpg") no-repeat;
padding-left: 40px;
min-height: 40px;
}

.hp-answer1{
background: url("../../assets/images/icons/a1.jpg") no-repeat;
padding-left: 40px;
min-height: 40px;
}

.hp-answer2{
background: url("../../assets/images/icons/a2.jpg") no-repeat;
padding-left: 40px;
min-height: 40px;
}

.hp-answer3{
background: url("../../assets/images/icons/a3.jpg") no-repeat;
padding-left: 40px;
min-height: 40px;
}

.title-block {
float: left; 
width: 200px;
}

.infobox-good {
	clear:both;
	border: 3px solid #9c0;
	background: #F9FFE5;
	text-align: center;
	padding: 0px;
	margin: 30px 10px 10px 10px;


}

.infobox-bad {
	border: 3px solid #D60000;
	background: #FFF2E5;
	text-align: center;
	padding: 8px;
	margin: 10px;

}


.infobox-bad p {
	padding: 0 !important;
	margin: 0 !important;
}

.cat_block {
font-size: 12px;
border-bottom: 1px solid #ccc;
display: block;
}

.google_map {
width: 600px; height: 300px;
border: 2px solid #9c0;
margin-bottom: 20px;
}

.question-answered {
width: 550px;
	margin: 25px 0;
	padding: 20px;
	border: 3px solid #0194ea; 
	border-radius : 10px; 
	-moz-border-radius : 10px; /* Mozilla */
	-webkit-border-radius : 10px; /* Webkit */
	padding: 10px; margin-bottom: 10px;
}

.question-error {
width: 550px;
	margin: 25px 0;
	padding: 20px;
	border: 3px solid red; 
	background: pink;
	color: red;
	border-radius : 10px; 
	-moz-border-radius : 10px; /* Mozilla */
	-webkit-border-radius : 10px; /* Webkit */
	padding: 10px; margin-bottom: 10px;
}

.question-notes {
width: 550px;
color: #666;
font-size: 90%;
	margin: 25px 0;
	padding: 20px;
	border: 3px solid #ccc; 
	border-radius : 10px; 
	-moz-border-radius : 10px; /* Mozilla */
	-webkit-border-radius : 10px; /* Webkit */
	padding: 10px; margin-bottom: 10px;
}