/* This CSS is in 3 sections, tags, structure and content. */

/******* Tag redefinitions ****/

* {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 12px;
}

body {
	background-color: #222222;
	margin-top: 0;
}

p {
	margin: 0px;
	padding: 4px 0px 5px 0px;
	line-height: 16px;
}

a, a:link, a:visited, a:active {
	/*color: #58A590;*/
	text-decoration: none;
	font-weight: bold;
	color: #6fa761;
}

a:hover {
	/*background: #E5E3DC;*/
}

img {
	border: 0px;
}

h1 {
	color:#6fa761;
	font-size:1.25em;
	letter-spacing: 0.003em;
	font-weight:bold;
	padding:10px 0px;
	margin:0px;
}

h2 {
	font-size:1.2em;
	font-weight:bold;
	padding:0px 0px 15px;
	margin:0px;
	color: #6fa761;
}

h3 {
	margin: 0px;
	padding: 5px 0px;
	color: #6fa761;
}

select, textarea {
	border: 1px solid #716354;
}

hr {
	border: 0px;
	border-top: 1px dashed #6F6352;
	margin: 7px 15px;
	color: #fff;
}

form {
	margin: 0px;
	padding: 0px;
}

/******* Site structure *******/

.wrapOuter {
	margin: 0px auto;
	width: 818px;
}

.wrapTop {
	height: 70px;
}

.wrapBottom {
	height: 102px;
}

#footer {
	background-color: white;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #000;
	margin-top: 20px;
}

.wrapMiddle {
	background-color: white;
}

.wrapMiddleInner {

}

.contentOuter {
/*	margin: 5px 0px 5px 0px;*/
}

.contentMiddle {
}

#contentInner {
	margin: 0px 0px 0px 5px;
	padding: 10px;
	width: 55%;
	float: left;

}

.leftcol {
	width: 153px;
	float: left;
	padding: 3px 0px 6px 0px;
}

.rightcol {   /* This appears on the right side of the page */
	padding: 0;
	float: left;
	width: 20%;
	padding:10px;
	border-left: 2px solid #6E6A6B;	
}

.rightcol a:hover {
	background: #58A590;
	color: #ffffff;
}

.mainLogo {
}
.logo{ 
	float:right;
	margin-right:5px;
 }

.mainLogoInner {
	background: url(../images/logo.gif) no-repeat white;
	height: 70px;
	width: 100%;
}
.siteHeading {
    color:#6fa761;
	font-size:2.25em;
	letter-spacing: 0.05em;
    margin-left: 150px;
    padding-top: 25px;
}
.login {
	float: right;
}

.topMenu {
	background: #222222;
	color: white;
	padding: 5px 5px 5px 35px;
	border-top: 1px solid #804949;
}

a.topMenuItem, a.topMenuItem:visited, a.topMenuItem:active, a.topMenuItem:link {
	display: block;
	float: left;
	font-weight: normal;
	/*letter-spacing: 0.1em;*/
	color: #FFFFFF !important;
	padding: 0px 2px;
}

a.topMenuItem:hover {
	background-color: white;
	color: #000000 !important;
}

.topMenuDivider {
	float: left;
	padding: 0px 5px;
	font-size: 1.2em;
}

.bottomMenu {
	background: white;
	color: black;
	border-top:1px dotted black;
	margin-top:20px;
	padding-top:20px;
	text-align: center;
}
.bottomMenuDivider {
	padding: 0px 5px;
	font-size: 1.2em;
}
.bottomMenuItem { 
	color:black;
 }
.leftMenu {
	padding: 0px 3px 0px 6px;
}

a.leftMenuItem, a.leftMenuItem:visited, a.leftMenuItem:active, a.leftMenuItem:link {
	display: block;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	width: 140px;
	padding: 1px 2px;
}

a.leftMenuItem:hover {
	/*color: #ffffff;
	background: #58A590;-*/
}

.clear {
	clear: both;
}

a.button, a.button:hover, a.button:active, a.button:visited, a.button:link {
	background: #6F6352;
	Font-size:13px;
	color: #ffffff;
	padding: 4px; /*sc updated padding from 2px and added font size*/
}
input.button {
	background: #6F6352;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 2px;
	cursor: pointer;
	
}
input[type=text] {
	border: 1px solid #716354;
	 width: 200px;/* sc added width*/
}
textarea[name=disclaimer] {
	background: #5EC499;
	border: 1px solid #716354;
	color: #ffffff;
	 width: 200px;/* sc added*/
}
textarea[name=contact_info] {
	background: #5EC499;
	border: 1px solid #716354;
	color: #ffffff;
	width: 200px;/* sc added */
	 }
.adminPanel {
	padding: 8px 0px;/* sc changed from 3px 0px */
	}
	
#helptexthover {
	/* would be nice, but causes flickering on IE6
	background: url('../images/grad_uptoblack.png') repeat-x #F0F0F0; */
	background: #F0F0F0;
	color: #000;
	border: 1px solid #716354;
	padding: 5px;
	text-align: center;
	position: absolute;
}
#username{
	background: #5EC499;
	border: 1px solid #716354;
	color: #ffffff;
	width:200px;/*sc added#username*/
}
	#password{
	background: #5EC499;
	border: 1px solid #716354;
	color: #ffffff;
	width:200px;/*sc added#password*/
	}
		

/******* Site content *******/

.error { color: #f00;}

.datatable {
	margin: 5px 0px;
	width: 100%; /*sc added width*/
}

.datatable th {
	background: black;
	color: white;
	font-weight: bold;
	padding: 1px 6px 2px 6px;
}

.datatable th a {
	color: #ffffff;
}

.datatable th a:hover {
	background: inherit;
	text-decoration: underline;
}

.loginOuter {
	margin: 0px auto;
	width: 250px;
}

.loginOuter table {
	width: 100%;
}

.loginOuter td {
	width: 50%;
}

.loginOuter .label {
	text-align: right;
	padding: 0px 15px 0px 0px;
}

.form_container {
	width: auto;
}

.form_container td {
	padding: 1px 5px;
	vertical-align: top;
}

.form_container th {
	width: 200px;
	text-align: right;
	vertical-align: top;
}

.crmonline {
	color: #c00;
	font-size: 0.7em;
	font-weight: bold;
	float: right;
	padding: 2px 5px 0px 0px;
}

#aaf_sidebar img {
	width: 142px;
}

.companySearchResults {
	width: 100%;
}

.companySearchResults .companyname {
	font-size: 1.4em;
	background: #F0F0F0;
	padding: 3px 5px;
}

.companySearchResults .companyname a {
	font-size: 1.4em;
}

.companySearchResults .companyname .newcontact {
	float: right;
}

.companySearchResults .companyname .newcontact a {
	font-size: 1em;
}

.companySearchResults .contactname {
	padding: 0px 0px 0px 20px;
}

.referral_section {
	padding: 10px 0px;
	margin: 0px 20px 10px 10px;
	background: #F0F0F0;
}

.referral_section .row {
	clear: left;
	padding: 2px 0px;
}

.referral_section .row .label {
	float: left;
	width: 150px;
	text-align: right;
	padding: 0px 15px 0px 0px;
	font-weight: bold;
}

.referral_section .row .value {
	margin: 0px 0px 0px 165px;
}

.referral_section .changebtn {
	float: right;
	padding: 5px;
}

.quicksearch {
	float: right;
}

.quicksearch input#quicksearchtextbox {
	background: #fff;
	width: 50px;
	color: #000;
}

.savednotice {
	padding: 40px 40px;
	font-size: 1.4em;
	text-align: center;

}

.savednotice .referralid {
	border: 3px solid #58A590;
	padding: 7px 15px;
	margin: 10px;
	font-size: inherit;
	font-weight: bold;
	text-align: center;
}

 .referralid span {
	color: #58A590;
	font-size: inherit;
}

 .savednotice p {
	text-align: left !important;
	font-size: inherit;
	font-weight: bold;
}

.select180 {
	width: 180px;
}

.textarea180 {
	width: 178px;
}

.searchformouter {
	border-top: 2px solid #58A590;
	border-bottom: 2px solid #58A590;
	padding: 2px 0px;
	margin: 0px 0px 15px 0px;
	float: left;
	width: 100%;
}

.searchform {
	background: #E5E3DC;
	padding: 5px;
}

.searchform .titlecol {
	font-style: italic;
	float: left;
	width: 90px;
}

.searchform .fieldoptions {
	float: left;
}

.searchform .searchrow {
	padding: 3px 0px;
	clear: both;
}

.searchform .searchdivider {
	clear: both;
}
.searchform .searchminimenu {
	padding: 0px 0px 0px 30px;
}

.navbar {
	clear:left;
	color: #58A590;
	padding: 5px;
}

.navbar .resultscount {
	display: inline;
}

.printbtn {
	display: none;
	font-size: 0.8em;
}

.hilight {
	background: #c6ffc6;
}

.hidden_crud {
	color: #666;
	text-decoration: line-through;
}
/************ HEADER ***************/
.dotlogo{ 
   padding-left:25px;
	padding-top:20px;
 }
 /************ FORM ****************/
#formInfo>h2{ 
	padding:15px 0 15px 0;
	font-size:19px;
 }
.row{ margin-bottom: 10px; clear:both;}
.label{ float:left;width:246px; margin-bottom: 10px; }
.formmv{ float: left; }
.hideColon{display: none;}

/* get radio groups on the same line */
div.radio_group { clear: both; }
div.radio_group div.row { display: inline; }
div.radio_group span.formv { padding-right: 22px; }

p.tagline {
	color: #ababab;
	font-size: 20px;
	line-height: 18px;
	font-style: italic;
	padding-top: 14px;
}

div.leftHeading {
	border-top: 1px solid #4a805d;
	border-bottom: 1px solid #4a805d;
	padding: 3px 0px 3px 4px;
	margin: 12px 0 0 24px;
	color: #6fa761;
	font-weight: bold;
	font-size: 1.1em;
}

h3.quickFormHeading { clear: both; }
h3 p { color: black; font-weight: normal;}

  .fgClass {background-color: red;}
  .bgClass {background-color: #333399;}

.response {
	border:2px solid #6FA761;
	background-color:#E4F1D3;
	margin:1em 0 1em 0;
	padding:10px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	width:500px;
}

.responsewarning {
	padding-left:36px;
	background-image: url(../../images/response-warning.gif);
    background-repeat: no-repeat;
    background-position: 10px 50%;
	color:#CC3300;
}

.responseerror {
 	padding-left:36px;
	background-image: url(../../images/response-error.gif);
    background-repeat: no-repeat;
    background-position: 10px 50%;
	color:#FF0000;
}

#sortable  .handle {
    cursor: move;
}

#form18 {
	width: 700px;
}

#form18 .sec_horz .row {
	width: 48%;
	float: left;
	clear: none;
}

#form18 .sec_horz select {
	width: 300px;
}

#form18 .label {
	width: 300px;
	float: left;
}

#form18 #col1 {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 48%;
	float: left;
}

#form18 #col2 {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 48%;
	float: left;
}

#form18 .label_impact_comment,
#form18 .label_impact_comments_future,
#form18 .label_negative_impact_comment,
#form18 .label_future_negative_impact_comment,
#form18 .label_positive_impact_comment,
#form18 .label_future_positive_impact_comment,
#form18 .label_q9_comment,
#form18 .label_q10
{
	margin-top: 2em;
	width: auto;
}

#form18 .label_type_of_org,
#form18 .label_q9
{
	width: 100%;
}

#form19 {
	width: 700px;
}

#form19 .sec_horz .row {
	width: 48%;
	float: left;
	clear: none;
}

#form19 .label{
	width: auto;
}

#form19 #q3_intro_area
{
	width: 40%;
	float: left;
	font-weight: 700;
}

#form19 #q3_intro_initial
{
	width: 26%;
	float: left;
	font-weight: 700;
}

#form19 #q3_intro_ongoing
{
	width: 20%;
	float: left;
	margin-bottom: 1em;
	font-weight: 700;
}

#form19 .label_q1,
#form19 .label_q2,
#form19 .label_q9
{
	width: 100%;
}

#form19 .sec_horz select
{
	margin-left: 5px;
}

#form19 .sec_vert select,
#form19 .sec_vert input
{
	margin-left: 5px;
}

#form19 .sec_horz .row_q3_1_initial,
#form19 .sec_horz .row_q3_2_initial,
#form19 .sec_horz .row_q3_3_initial,
#form19 .sec_horz .row_q3_4_initial,
#form19 .sec_horz .row_q3_5_initial,
#form19 .sec_horz .row_q3_6_initial,
#form19 .sec_horz .row_q3_7_initial,
#form19 .sec_horz .row_q3_8_initial,
#form19 .sec_horz .row_q3_9_initial
{
	width: 65%;
}

#form19 .sec_horz .row_q3_1_ongoing,
#form19 .sec_horz .row_q3_2_ongoing,
#form19 .sec_horz .row_q3_3_ongoing,
#form19 .sec_horz .row_q3_4_ongoing,
#form19 .sec_horz .row_q3_5_ongoing,
#form19 .sec_horz .row_q3_6_ongoing,
#form19 .sec_horz .row_q3_7_ongoing,
#form19 .sec_horz .row_q3_8_ongoing,
#form19 .sec_horz .row_q3_9_ongoing
{
	width: 33%;
}

#form19 .label_q3_1_initial,
#form19 .label_q3_2_initial,
#form19 .label_q3_3_initial,
#form19 .label_q3_4_initial,
#form19 .label_q3_5_initial,
#form19 .label_q3_6_initial,
#form19 .label_q3_7_initial,
#form19 .label_q3_8_initial,
#form19 .label_q3_9_initial,
#form19 .label_q4_1,
#form19 .label_q4_2
{
	display: block;
	width: 60%;
}

#form19 .label_q6_1,
#form19 .label_q6_2
{
	display: block;
	width: 20%;
}

#form19 .label_q7_rtfo_introduction,
#form19 .label_q7_rtfo_discrepancy,
#form19 .label_q7_us_subsidy,
#form19 .label_q7_gallagher_review,
#form19 .label_q7_dft_revisions,
#form19 .label_q7_renewable_energy,
#form19 .label_q7_fuel_quality,
#form19 .label_q7_revenue_blending,
#form19 .label_q7_revenue_rtfc,
#form19 .label_q8_rtfo_introduction,
#form19 .label_q8_rtfo_discrepancy,
#form19 .label_q8_us_subsidy,
#form19 .label_q8_gallagher_review,
#form19 .label_q8_dft_revisions,
#form19 .label_q8_renewable_energy,
#form19 .label_q8_fuel_quality,
#form19 .label_q8_revenue_blending,
#form19 .label_q8_revenue_rtfc
{
	display: block;
	width: 50%;
}

#form19 .label_q3_1_ongoing,
#form19 .label_q3_2_ongoing,
#form19 .label_q3_3_ongoing,
#form19 .label_q3_4_ongoing,
#form19 .label_q3_5_ongoing,
#form19 .label_q3_6_ongoing,
#form19 .label_q3_7_ongoing,
#form19 .label_q3_8_ongoing,
#form19 .label_q3_9_ongoing
{
	display: none;
}

#form19 .label_q2,
#form19 .row_q4_intro,
#form19 .row_q6_intro,
#form19 .row_q8_intro,
#form19 .row_q11_intro,
#form19 .row_q12_intro,
#form19 .row_q14
{
	padding-top: 2em;
}

#form20 {
	width: 700px;
}

#form20 .sec_horz .row {
	width: 48%;
	float: left;
	clear: none;
}

#form20 .label{
	width: auto;
}

#form20 .label_q5_other
{
	display: none;
}

#form20 #q3_intro_area
{
	width: 40%;
	float: left;
	font-weight: 700;
}

#form20 #q3_intro_initial
{
	width: 26%;
	float: left;
	font-weight: 700;
}

#form20 #q3_intro_ongoing
{
	width: 20%;
	float: left;
	margin-bottom: 1em;
	font-weight: 700;
}

#form20 .sec_horz .row_q3_1_initial,
#form20 .sec_horz .row_q3_2_initial,
#form20 .sec_horz .row_q3_3_initial,
#form20 .sec_horz .row_q3_4_initial,
#form20 .sec_horz .row_q3_5_initial,
#form20 .sec_horz .row_q3_6_initial,
#form20 .sec_horz .row_q3_7_initial,
#form20 .sec_horz .row_q3_8_initial,
#form20 .sec_horz .row_q3_9_initial
{
	width: 65%;
}

#form20 .sec_horz .row_q3_1_ongoing,
#form20 .sec_horz .row_q3_2_ongoing,
#form20 .sec_horz .row_q3_3_ongoing,
#form20 .sec_horz .row_q3_4_ongoing,
#form20 .sec_horz .row_q3_5_ongoing,
#form20 .sec_horz .row_q3_6_ongoing,
#form20 .sec_horz .row_q3_7_ongoing,
#form20 .sec_horz .row_q3_8_ongoing,
#form20 .sec_horz .row_q3_9_ongoing
{
	width: 33%;
}

#form20 .label_q3_1_initial,
#form20 .label_q3_2_initial,
#form20 .label_q3_3_initial,
#form20 .label_q3_4_initial,
#form20 .label_q3_5_initial,
#form20 .label_q3_6_initial,
#form20 .label_q3_7_initial,
#form20 .label_q3_8_initial,
#form20 .label_q3_9_initial
{
	display: block;
	width: 60%;
}

#form20 .label_q3_1_ongoing,
#form20 .label_q3_2_ongoing,
#form20 .label_q3_3_ongoing,
#form20 .label_q3_4_ongoing,
#form20 .label_q3_5_ongoing,
#form20 .label_q3_6_ongoing,
#form20 .label_q3_7_ongoing,
#form20 .label_q3_8_ongoing,
#form20 .label_q3_9_ongoing
{
	display: none;
}

#form20 .label_q5_1,
#form20 .label_q5_2,
#form20 .label_q5_3,
#form20 .label_q5_4,
#form20 .label_q5_5,
#form20 .label_q5_6,
#form20 .label_q5_7
{
	display: block;
	width: 60%;
}

pre {
    font-family: monospace;
}
/* For Restat survey */
/* Float Fix */
.row_aspect_stat_regional_map_density:after
,.row_aspect_stat_regional_gen_eng:after
,.row_aspect_renewables_1990:after
,.row_aspect_stat_regional_no_sites:after
,.row_aspect_stat_regional_english:after
,.row_aspect_stat_regional_capa_eng:after
,.row_aspect_stat_regional_trends_county:after
,.row_aspect_stat_regional_trends_england:after
,.row_aspect_planning_database_extracts:after
,.row_aspect_planning_database_mapping:after
,.row_aspect_planning_database_aviation:after
{ 
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.row_aspect_stat_regional_map_density
,.row_aspect_stat_regional_gen_eng
,.row_aspect_renewables_1990
,.row_aspect_stat_regional_no_sites
,.row_aspect_stat_regional_english
,.row_aspect_stat_regional_capa_eng
,.row_aspect_stat_regional_trends_county
,.row_aspect_stat_regional_trends_england
,.row_aspect_planning_database_extracts
,.row_aspect_planning_database_mapping
,.row_aspect_planning_database_aviation
{ 
    display:inline-block
}
/* Hides from IE-mac \*/
.row_aspect_stat_regional_map_density
,.row_aspect_stat_regional_gen_eng
,.row_aspect_renewables_1990
,.row_aspect_stat_regional_no_sites
,.row_aspect_stat_regional_english
,.row_aspect_stat_regional_capa_eng
,.row_aspect_stat_regional_trends_county
,.row_aspect_stat_regional_trends_england
,.row_aspect_planning_database_extracts
,.row_aspect_planning_database_mapping
,.row_aspect_planning_database_aviation
{ 
    display:block
}
/* End hide from IE-mac */
.form_logo{
    float:right;
}
.contentInnerrestat
{
    width:97% !important;
}
.contentInnerrestat .label
{
    width:260px !important;
}
.row_views_on_navigation
,.row_aspect_search_find
,.row_aspect_advanced_search_find
,.row_aspect_home_find
,.row_aspect_policy_find
,.row_aspect_about_restats_find
,.row_aspect_the_survey_find
,.row_aspect_other_survey_find
,.row_aspect_online_survey_find
,.row_aspect_methodologies_find
,.row_aspect_stat_national_find
,.row_aspect_stat_national_elect_find
,.row_aspect_stat_national_elect_growth_find 
,.row_aspect_stat_national_elect_capacity_find 
,.row_aspect_renewables_find
,.row_aspect_renewables_1990_find
,.row_aspect_stat_national_util_find
,.row_aspect_stat_national_heatelect_find
,.row_aspect_stat_national_maps_find
,.row_aspect_stat_regional_find
,.row_aspect_stat_regional_no_sites_find
,.row_aspect_stat_regional_english_find
,.row_aspect_stat_regional_capa_country_find
,.row_aspect_stat_regional_capa_eng_find
,.row_aspect_stat_regional_gen_country_find
,.row_aspect_stat_regional_gen_eng_find
,.row_aspect_stat_regional_map_density_find
,.row_aspect_stat_regional_trends_county_find
,.row_aspect_stat_regional_trends_england_find
,.row_aspect_planning_database_find
,.row_aspect_planning_database_extracts_find
,.row_aspect_planning_database_mapping_find
,.row_aspect_planning_database_aviation_find
,.row_aspect_links_find
{
    display: inline;
    padding-right: 5px;
}

/* For the IRIS II Survey of current practice */

.contentInneriris
{
    width:97% !important;
}

.radioLabels
{
    padding-left:230px;
}

.row_iris_data_permitting_status,
.row_iris_data_implementation_reports,
.row_iris_data_elv_reports,
.row_iris_data_elv_reports,
.row_iris_data_background_data,
.row_ippc_imp_assess_permt_prog,
.row_ippc_imp_assess_permt_accord_legal,
.row_ippc_imp_assess_permt_accord_permit,
.row_ippc_imp_assess_permt_accord_participation,
.row_ippc_imp_assess_permt_accord_coverage,
.row_ippc_imp_assess_permt_accord_comp_enforce,
.row_ippc_imp_look_elv_compare_performance,
.row_ippc_imp_look_elv_techniques,
.row_ippc_imp_look_elv_determination,
.row_ippc_imp_look_elv_changes,
.row_ippc_imp_look_elv_monitoring,
.row_ippc_imp_exam_country_data,
.row_ippc_grb_definitions,
.row_ippc_grb_applied,
.row_ippc_grb_not,
.row_ippc_grb_determined,
.row_ippc_grb_economic_anal,
.row_ippc_grb_which_install,
.row_future_contact_form,
.row_future_faq,
.row_future_enhanced_data_analysis,
.row_future_news_updates,
.row_ippc_imp_assess_permt_accord_views_ms,
.row_ippc_imp_look_elv_compare_elv,
.row_future_fact_sheets
{        
    display: inline;
    padding-right: 5px;
}

.formv textarea {
    width: 100%;
}

.formv_stakeholder_type {
    clear:both;
    display:block;
}