/* CSS Stylesheet */


/* overall container */


#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #999999;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	margin-top: 25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}



/* Header */

#header {
	background-image: url(../images/bannersmudge.jpg);
	width: 885px;
	clear: both;
	height: 103px;
	padding-left: 15px;
	background-repeat: no-repeat;
}

#header h2 {
	font-size: 30px;
}

#header #logo {
	width: 278px;
	height: 103px;
	float: left;
	display: inline; /*IE6 fix for mystery character ghosting after floats*/
}

#header #title {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #0044D2;
	margin-left: 280px;
	padding: 10px;
}

/* Sub header (top menu) */

#subhead {
	width: 895px;
	background-color: #3333CC;
	height: 30px;
	padding-top: 8px;
	padding-left: 5px;
}

#subhead a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#subhead a:hover {
	color: #000000;
	background-color: #78AEE4;
}

#subhead .adminbar {
	background-color: #660099;
}

#subhead .authbar {
	background-color: #CC3300;
}

/* sidebar  styles */

#sidebar {
	background-image: url('../images/bubbles.jpg');
	/*background: #333333;*/
	color: #000000;
	width:150px;
	float: left;
	display: inline; /*IE6 fix*/
	padding-bottom: 10px;
}

#sidebar a {
	background-color: #2148A3;
	display: block;
	color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-decoration: none;
	height: 20px;
	width: 145px;
	padding-left: 3px;
}

/* button modifiers */
#sidebar .adminbar { background-color: #660099; }
#sidebar .authbar { background-color: #CC3300; }

#sidebar a:hover {
	color: #000000;
	background-color: #78AEE4;
}

#sidebar .login_form {
	width: 95%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

#sidebar .login_entry_field {
	width: 98%;
}

#sidebar .login_field_label {
	overflow: hidden;
}

#sidebar .login_button {
	display: block;
	margin-left: auto;
	margin-right: auto
}



/* content area styles */

/* Main title on generic pages */
.main_title {
	text-align: center;
	font-size: x-large;
}

#content {
	margin-left: 155px;
	padding: 10px;
	color: #000099;
}


/* free-range buttons */
.twbutton {
	color: #FFFFFF;
	border: 3px ridge #CCCCCC;
	text-align: center;
	vertical-align: middle;
	display: inline;
	padding-right: 2px;
	padding-left: 2px;
	background-color: #2148A3;
}

/* use as modifiers with twbutton - class='twbutton adminbutton' */
.adminbutton { background-color:#660099; } /*purple*/
.authbutton { background-color: #CC3300; } /*dk orange*/
.tinybutton { border: 2px; font-size: smaller; }

.twbutton:link {
	color: #FFFFFF;
	text-decoration: none;
}
.twbutton:visited {
	color: #CCCCCC;
	text-decoration: none;
}
/* hover style no work IE6 so don't rely on it */
.twbutton:hover {
	color: #000000;
	background-color: #78AEE4;
}

.twbutton_dis {
	background-color: #808080;
	color: #666666;
}


/* for wayfinder uids */
.legacyid {
	color:#006600; /*DarkGreen*/
}



/* for simple input forms eg Contact, Register */

.basicForm {  /* set width in form, not fieldset */
	padding: 0;
	min-width: 35em;
	max-width: 95%;
	width: 43em; 
}

.basicForm .bFwide{ width: 99%; max-width: 99%;}

.basicForm fieldset {  /* caution some fieldset styling no work in all browsers */
	position: relative;
	-moz-border-radius: 8px;
	border-radius: 8px;	/* ignored by IE but default is round corner grey solid */
	float: right;
	display: inline; /*IE6 fix*/
	width: 98%;
	padding: 0px 2px 2px 2px;
	margin: 1.5em 0.5em 0px 0px;
}

.basicForm legend {
	position: absolute;
	top: -0.7em;
	left: 1em;
	font-size:1.2em; 
	padding: 2px;
}

.basicForm p {  
	margin: 0.5em; /*use p tag to arrange rows */
	clear: left;
}

.basicForm label { 
	float: left;
	display: inline; /*IE6 fix*/
	width: 12em; 
	font-size:13px; 
	margin-right: 5px;
	text-align: right; 
}

.basicForm label.no_float { 
	float: none; 
	display: inline; 
	margin-right: 5px;
	text-align: right; 
}

.basicForm input#submit, .basicForm input#reset { 
	float: none; 
	display: inline; 
	padding:0;
	margin: 5px;
}

.basicForm .invisible {  /* fieldset to allow eg comments outside boxes without breaking format */
	border: 0px none;
}

/* for form-looking layout eg My Account */
.basicForm .dummyLabel { 
	float: left;
	display: inline; /*IE6 fix*/
	width: 12em; 
	font-size:13px; 
	margin-right: 5px;
	text-align: right; 
}

/* for columns in some forms eg user listings */
.basicForm .column_leftlarge { 
	float: left;
	width: 490px;
	border-right: 1px solid gray;
}
.basicForm .column_rightsmall { margin-left: 492px; }
.basicForm .column_rightsmall p { clear: none; }
.basicForm .column_rightsmall label { 
	float: left;
	display: inline; /*IE6 fix*/
	width: 8em; 
	font-size:13px; 
	text-align: right; 
}

/* Password reminder / forgot form */
.password_reminder_form {
	background-color: #FF9900; /* yellow */
	color: black;
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

/* for mini UEF form */
.quickUef {
	border-color: #990000 ; /*red*/
	background-color: #EEFFFF ; /*palest blue*/
	border-width: 1px;
	border-style: solid;
	padding: 0px;
}
.quickUef p { margin: 5px }
.quickUef input { margin: 3px }
.quickUef select { margin: 3px }
.qfhint { color: #666666 } /*grey*/


/* FAQ layouts */

/* Title on FAQ detail pages */
.faq_title {
	text-align: center;
	font-size: x-large;
	color: #000099;
	height: 50px;
}
/* main FAQ body */
.faq_body {
	width: 650px;
	height: auto;
}


/* FAQ index listing */
.faqIndexTitleTableCell {
	font-size: larger;
	cursor: help;
 }
.faqIndexTitleTableCell a:hover { color: #0099FF } /*blue default*/
.faqIndexTitleAdmin { color: #990066 } /*maroon*/
.faqIndexTitleAdmin a:hover { color: #0099FF }
.faqIndexTitleHint { color: #0099FF } /*light blue*/
.faqIndexTitleHint a:hover { color: #990066 }

.faqIndexType { color: #aaaaaa; } /*grey*/

.faqIndexTableCell a{ text-decoration: none; }
.faqIndexTableCell a:hover { color:#00CCFF; }


/* mini-FAQ inline pop-up */
.faq_pop {
	font-size: small;
	color:#0000CC; /* Dark blue */
	background: #aaaaaa; /* pale grey */
	overflow: auto;
	border-style: solid;
	border-color: #333333; /* dark grey */
	border-width: 1px;
	padding: 2px;
}

.pop_icon { /* gets used elsewhere too */
	height: 16px;
	width: 16px;
	border-style: none;
}

.pop_dplock {
	height: 34px;
	width: 31px;
	border-style: none;
}

/* FLOATING help/hints boxes */
/* main floating help-enabled area */
.help_avail {
	position: relative; 	/* so we can position absolutely within */
	cursor: help;
	overflow: hidden;
}
.help_avail img { border: none;}
a.help_avail:link span {text-decoration: none;}
a.help_avail:visited span {text-decoration: none;}
/* floating help text area */
.help_avail span {
	display: none;
	font-size: small;
	font-style: normal;
	text-align: justify;
	color: black;
	background: #aaaaaa;
	top: 5px;
	left: 10px;
	width: 15em;
	height: auto;
}
/* floating help text enabled */
a.help_avail:hover span.hint_frame {
	display: block;
	position: absolute;
	z-index: 300;
	padding: 2px;
}
a.help_avail:hover span.hint_title {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	background-color: #78AEE4;
	text-align: center;
	font-weight: bold;
}

a.help_avail:hover {
	background-color: #78AEE4; /*force redraw circumvent IE6 bug*/
	z-index: 1; /*circumvents IE6 other link poke-thru*/
}





/* Additional style developer links maybe */
#developer {
	font-size: 10px;
}

#developer a {
	color: #FFFF66;
	text-decoration: none;
}

#developer a:hover {
	color: #FFFFFF;
}




/* Original skin004 styles */



.logo {

	margin-top: 10px;

}



.homepage_image {
	width: 300px ;
	height: 200px;
	margin-left: auto ;
	margin-right: auto ;
	padding-top: 5px;
	padding-bottom: 10px;
}

.homepage_extra_body {
	text-align: left;
}



/* Menu bar at the top, and buttons within it*/
.menu_bar {
	font-weight: bold;
	color: #FFFFFF;
}

.menu_button {
	border: 3px ridge #CCCCCC;
	text-align: center;
	vertical-align: middle;
	display: inline;
	padding-right: 2px;
	padding-left: 2px;
}


/* User info and log table and cells, in admin lists output*/

.userInfoTable {
	width: 98%;
	border: none;
	border-collapse: collapse;
	table-layout: fixed;
}

.userInfoTableHeader {
	width:96%;
	background-color: #999999;
	color: white;
	height: 36px;
	font-size: large;
}

.userInfoTableHeader a {
	text-decoration: none;
	color: #000099;
}
.userInfoTableHeader a:hover { color: red; }

.userInfoRow { width:98%; }
.userInfoRowalt {
	width:98%;
	background-color: #DDCCFF; /*lilac*/
}

.userInfoTableID {
	width: 3em;
	font-weight: bold;
}
.userInfoTableID a {text-decoration: none;}
.userInfoTableID a:hover { color: red; }

.userInfoTableAction { width: 69px; }
.userInfoTableAction a:hover { background: #00CCFF; }

.userInfoTableLogon { width: 7em; }
.userInfoTableLogon a:hover { color:#00CCFF; }

.userInfoTableName { width: 12em; }

.userInfoTablePost {
	width: 4.5em;
	font-size: smaller;
}

.userInfoTableClub {
	width: 12em;
	font-size: smaller;
}

/* special for other admin lists */
.clubInfoTableGen {
	width: 4.2em;
	font-size: smaller;
}
.clubInfoTableClub { width: 12em; }
.clubInfoTableAuth { color:#000000; } /*black*/
.clubInfoTableGreyed { color:#999999; } /*grey*/
.clubInfoTableGood { color:#006600; } /*green*/
.clubInfoTableWarn { color:#FF0000; } /*red*/


 /* LOG views */
#log_result {
}

.log_date_cell {
	width: 7.5em;
	font-size: smaller;
	color: #0000CC; /*dark blue*/
}

.log_ip_cell {
	width: 6.0em;
	font-size: smaller;
	color: black;
}

.log_message_cell {
	font-size: smaller;
	overflow: hidden;
}

/* paging bar */

.pageBar {
	width:96%;
	background-color: #999999; /*midgrey*/
	color: white;
	height: 30px;
	padding: 5px;
	text-align: center;
}
.pageBar a {
	text-decoration: none;
	color: #000099;
}
.pageBar a:hover { background-color: #78AEE4; }
.pageBar a span { /* for arrows */
	display: inline;
	font-weight: bold;
	color: white;
}



/* Database query output - from test method */
.dbQueryOutput {
	background-color: Red;
	color: White;
	width:600px;
}


/* registration form elements - redundant, removed */
/* password change elements - redundant, removed */

/* Info box shown at top of pages (when problem or action done for instance) */
.information {
	color: Red;
	font-size: larger;
/*	height: 100px; */
	margin-top: 10px;
	margin-bottom: 10px;
}


/* legal disclaimer box */
.disclaimer {
	background: #aaaaaa;
	width: 130px;
	height: auto;
	font-size: small;
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
	padding: 2px;
	margin-left: 6px;
}


/* Quickfind entry box */
#quickfind {
	width: 130px;
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
	padding: 2px;
	background: #aaaaaa;
	margin-bottom: 5px;
	margin-left: 6px;
}

#quickfind form { font-size: small; }

#quickfind input { width: 70px; }

#quickfind label {
	display: block;  /* block float to left, set a width */
	float: left;
	display: inline; /*IE6 fix*/
	width: 30px; 
	text-align: right; 
}

#quickfind p { margin: 1px; }

/* for benefit of Hint, resolve conflict with #sidebar */
#quickfind a {
	background-color: #aaaaaa;
	display: inline;
	border: none;
	height: 16px;
	width: 15px;
	padding: 0px;
}



/* Add lane */
.lane_entry_location_section {
	border-width: 1px;
	border-style: solid;
	padding: 10px;
}

.lane_entry_os_section 
{
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	margin-top: 5px;
}

.lane_entry_prow_section {
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	margin-top: 5px;
}

.lane_entry_ha_section {
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	margin-top: 5px;
}

.lane_entry_comment_section {
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	margin-top: 5px;
}

.lane_entry_field_label {
	width: 150px;
	height: 30px;
	display: inline;
	font-weight: bold;
}

 .lane_entry_gr_numeric_input {
	width: 50px;
	display: inline;
	height: 25px;
 }

 .lane_entry_grid_select {
	width: 50px;
	height: 23px;
	display: inline;
 }

 .lane_entry_os_maps_select {
	width: 50px;
	height: 23px;
	display: inline;
 }

 .lane_entry_waypoint_type {
	font-weight: bold;
 }

 .lane_entry_start {
	width: 500px;
	height: 60px;
 }

 .lane_entry_prow_status {
 }

 .lane_entry_prow_number {
	margin-top: 5px;
 }

 .lane_entry_prow_name {
	margin-top: 5px;
 }

.lane_entry_ha_number {
}

.lane_entry_ha_name {
	margin-top: 5px;
}

.lane_entry_ha_desc {
	margin-top: 5px;
}

.lane_entry_ha_state {
	margin-top: 5px;
}

.lane_entry_ha_classification {
	margin-top: 5px;
}

.lane_entry_comment {
	vertical-align: text-top;
}



 /* FIND form elements */
 .find_track_distance {
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
 }

 .search_gr_distance_input {
	width: 30px;
 }

 .search_grid_select {
	width: 50px;
 }

 .search_gr_numeric_input {
	width: 50px;
 }

 /* LINK display objects */
 .link_container {
	padding: 10px;
	border: 1px solid Black;
 }

 .link_title {
	font-size: x-large;
	text-align: center;
 }

 .link_subtitle {
	font-style:italic;
 }

 .link_record_status {
	text-align:right;
	font-style:italic;
}

 .link_admin_status {
	text-align:right;
	color: gray;
	font-size: small;
}

.link_comment {
	background-color: #FFFF99; /*post-it yellow*/
	color: black;
	width: 97%;
	margin-top: 6px;
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #666666 ; /*grey*/
 }
.comment_public {
	background-color: #FF99FF; /*post-it pink*/
}

.link_act_butn {
	float:right;
	width:28px;
	height:28px
}
.link_act_butn:hover {
	background-color: #78AEE4;
}

 .startend_box {
	margin: 2px;
	padding: 0;
	overflow: hidden; /* tidys up bottom without clears */
	width: auto;
}
/* hack for IE to give hasLayout */
* html .startend_box { height: 1%; }

 .startend_start {
	float: left;
	width: 49%;
	padding: 0;
	margin: 2px;
 }
 .startend_end {
	float: right;
	width: 49%;
	padding: 0;
	margin: 2px;
 }

.ngr {
	font-weight: bold;
	color: #CC0099; /* Landranger Pink */
} 


 /* User Accounts */
 .user_account_details {
 }



 /* General purpose elements */

 .gen_label {
	margin: 0;
	display: block;
	width: 13em;
	text-align: right;
	float: left;
	display: inline; /*IE6 fix*/
}

.gen_heavy_box {
	border-width: 2px;
	border-style: solid;
	margin: 4px;
	padding: 4px;
}

.gen_light_box {
	border-width: 1px;
	border-style: solid;
	border-color: #666666 ; /*grey*/
	margin: 2px;
	padding: 2px;
}

.admin_box {
	background-color:#CC99CC;  /*lt purple*/
	border-width: 1px;
	border-style: solid;
	border-color: #660099; /*dk purple*/
}

.auth_box {
	background-color:#FFCC66;  /*lt orange*/
	border-width: 1px;
	border-style: solid;
	border-color: #FF6600;  /*orange*/
}

/* common geo-linkages box */
.geobox {
	border-color: #009900 ; /*green*/
	background-color: #EEFFFF ; /*palest green*/
	border-width: 1px;
	border-style: solid;
}
.geoblank {
	border-color: #009900 ; /*green*/
	border-width: 1px;
	border-style: solid;
}
.geoback {
	background-color: #EEFFFF;
	padding: 2px;
	padding-top: 10px;
}

.streetname {
	color: #000000;
	font-weight:bold;
	background-color: #FFFFCC; 
	border-color: #000000; 
	border-width: 2px;
	border-style: solid;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
}
.touristname {
	color: #FFFFFF;
	font-weight:bold;
	background-color: #663333; 
	border-color: #FFFFCC; 
	border-width: 2px;
	border-style: solid;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
}
.ncnname {
	color: #FFFFFF;
	font-weight:bold;
	background-color: #CC0000; 
	border-color: #FFFFCC; 
	border-width: 2px;
	border-style: solid;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
}

.gen_icons a { text-decoration: none; }
.gen_icons a:hover { background: #00CCFF; }
.icon24 {
	height: 24px;
	width: 24px;
	border-style: none;
	vertical-align:top;
}
.icon36 {
	height: 36px;
	width: 36px;
	border-style: none;
	vertical-align:top;
}

.clearfloat {
	font-size: 0px;
	line-height: 1px;
	clear: both;
}

.clearing {
	font-size: 0px;
	line-height: 1px;
	clear: both;
}

.gen_comment {
	color: black;
	font-size: 110%;
}

.gen_small {
	font-size: small;
}


.side_menu {
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
}



/* footer styles */
#footer {
	text-align: center;
	color: #FFFFCC;
	background-color: #3333CC;
	width: 100%;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer a { color: #999999 }

#back2topLeft {
	float: left;
	display: inline; /*IE6 fix*/
	padding-left: 5px;
}
#back2topLeft a img { border:none }
#back2topRight {
	float: right;
	display: inline; /*IE6 fix*/
	padding-right: 5px;
}
#back2topRight a img { border:none }
#copyright { width: 70% }