/* Global Element Settings */
html				{ overflow-y: scroll; }
body				{ background: #002340 url(/images/i_bg_grad.gif) repeat-x; margin: 0 auto; font-family: Gill Sans MT, Arial, Helvetica, sans-serif }
a, a:visited		{ color: #036 }
h1					{ font-style: italic; margin-top: 0; color: #036 }
acronym				{ margin: 0 0 0 10px }
acronym img			{ top: -10; }


/* Page Structure Elements */
#wrapper,
#wrapper2			{ width: 900px; margin: 0 auto } 

#wrapper			{ background: url(/images/i_content_shadow.png) repeat-y; }

#wrapper2			{ background: url(/images/i_footer_shadow.png) no-repeat bottom center; margin-bottom: 30px; }

#container1			{ width: 880px; margin: 0 auto; margin: 0 10px 0 10px; background: #FDFDFD; border-bottom: 2px solid #CCC }

#container2			{ display: block; background: #FFF url(/images/i_GradContentTop.gif) repeat-x; }

#header				{ height: 100px; padding: 0 0 0 290px; background: url(/images/i_header_bg.png) left top no-repeat; }

#sitemap			{ padding: 5px 10px 21px 20px; margin: 0 0 10px 0; font-size: small; clear: both; background: #fff url(/images/i_GradBG.gif) repeat-y; }

#sitemap div			{ float: left; width: 25%; margin: 0 0 15px 0; }
#sitemap div a			{ color: #666; }
#sitemap div:hover a	{ color: #1D53B8; }

#footer				{ padding: 5px 10px 21px 20px; margin: 0 0 10px 0; font-size: small; clear: both; }
#footer p			{ padding: 0px; margin: 0px; }

#headlinks			{ float: right; font-size: small; width: 300px; padding: 10px 10px 0 0; margin: 0 }
#headlinks a		{ color: #AAAAAA; padding: 0 0 0 14px; text-decoration: none; background: url(/images/i_button_grey.png) no-repeat left center; }
#headlinks a:hover	{ color: #036; background: url(/images/i_button_blue.png) no-repeat left center; }

#headlinks table	{ padding: 0; }
#headlinks table th	{ font-weight: normal; text-align: right; color:#666 }



/* Used for buttons on the home page*/
#homebutton { float: left; margin: 55px 0 0 85px; }
#homebutton a { text-decoration: none; color: #fff; font-size: large; font-weight: normal; }
#homebutton a:hover { text-decoration: underline;}

.clearer:after, 
#homecontent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#hsomepage #content  {background: #FDFDFD url(/images/homepage/5.jpg) no-repeat}

#homepage #content h1 { color: #fff }

#homecontent        { padding: 389px 0 0 0; }

#content			{ width: 605px; margin: 0; padding: 20px; background: #FDFDFD url(/images/i_GradContentTop.gif) repeat-x; }

div.homepage {
	padding: 0 !important;
}

#rightbar			{ width: 210px; margin: 0; padding: 20px 10px 10px 10px; background: #036 url(/images/i_GradSidebarTop.gif) repeat-x; color: #FFF; float: right; font-size: small; display: block }

/* New style h3 header, also margins second headers */
#rightbar h3 {
	margin: 0;
	font-weight: normal;
}

#rightbar * + h3 {
	margin: 10px 0 0 0;
}

#rightbar ol.gettingStarted {
	padding: 0 0 0 2em;
	font-size: 1.17em;
}

#rightbar ol.gettingStarted li.done {
	list-style-image: url(/images/silk/tick.png);
}

#rightbar p			{ margin-top: 0; }

#navbar				{ background: #036; padding: 5px 10px 5px 5px; color: #FFF; height: 25px; display:block; clear: both; text-align: center;  }

#rightbar a.noIndent:hover,
#rightbar a.noIndent { background: none; margin: 0; color: inherit; padding: 0; display: inline; text-decoration: underline; }

#rightbar a,
p.sbarlinks a,
p.sbarlinks a:visited	{ color: #AAA; padding: 0 0 0 14px; text-decoration: none; background: url(/images/i_button_grey.png) no-repeat left center; display: block; }
#rightbar a:hover,
p.sbarlinks a:hover	{ color: #FFF; background: url(/images/i_button_white.png) no-repeat left center; }

a img, a:visited img	{ border: none; }

#rightbar input.fullwidth	{ width: 100% }


#pgheader			{ float: right; width: 200px; color: #FFF; text-align: center; font-style:italic }


.featurepic			{ border: 1px solid #036; background: #F2F2F2; padding: 10px; margin: 10px; text-align: center }
.picframe			{ text-align: center }

.danger { color: #DF0612; font-weight: bold }

/* General ranging and setting properties */
.rangeright		{ text-align: right }

/* Image Frames */
.rightimageonly			{ float: right; background: #F2F2F2; border: 1px solid #ccc; padding: 5px; margin: 0 0 10px 10px; text-align: center; font-size:small; color: #676767; }
.rightimageonly img		{ margin: 0; padding: 0 }
.rightimageonly a img	{ border: none; }


/* List Page Boxes (FAQ, Socials, etc) */
div.accentBox		{ border: 1px solid #036; background: #F2F2F2; padding: 10px; margin: 0 0 10px 0; }
div.accentBox h2	{ margin: 0; font-style: italic; font-weight: normal;  }

p.accent			{ float: right; font-size: 2.5em; margin: 0 25px; }

.list_page_box		{ border: 1px solid #036; background: #F2F2F2; padding: 10px; margin: 0 0 10px 0; }
.faq_page_device	{ float: right; margin: 0 0 15px 15px; }

/* Member Details */
.profile_table			{ width: 100%; border: 1px solid #036; background: #F2F2F2; padding: 10px; margin: 0 0 10px 0; }
.profile_table th,
.profile_table td img	{ padding: 0 0 0 15px; }
.profile_piccell		{ text-align: right; vertical-align: top }

/* Wide Tables - should replace these with nice divs */
.wide_table			{ width: 100%; border: 1px solid #036; background: #F2F2F2; padding: 10px; margin: 0 0 10px 0; }
.wide_table th		{ text-align: right; font-weight: normal; color: #666; padding: 0 15px 0 0; white-space:nowrap }
.wide_table th.colhead	{ text-align: center; font-weight: bold; color: #666; white-space:nowrap }
.wide_table th.colheadleft	{ text-align: left; font-weight: bold; color: #666; white-space:nowrap }
.wide_table .inputcell	{ padding: 0 5px 0 5px; text-align: center; width: 14% }
.wide_table th.indexcell	{ width: 15px }

.wide_table a img { border: 1px solid #ccc; padding: 5px; background-color: #fff; margin: 10px 0 0 10px; }

.wide_table a img.zoomicon,
.rightimageonly a img.zoomicon {
   padding: none;
   position:absolute;
   z-index:1;
   background: transparent;
   border: transparent;
   top: 1;
}

.rightimageonly a img.zoomicon { margin: 5px 0 0 5px; }

.wide_table a img.zoomicon { margin: 15px 0 0 15px; }

.iuresults td { width: 25%; text-align: center; }
.iuresults th[scope=col] { text-align: center; font-weight: bold;}

/* Editing tables (e.g. for FAQ entries) */
#edit_table input,
#edit_table textarea	{ width: 65% }
#edit_table textarea	{ height: 200px; font-family:Arial, Helvetica, sans-serif }
#edit_table .answercell	{ padding: 10px 0 0 0; }
#edit_table th			{ width: 35% }

/* Mailing List Form */
.infobox table th		{ text-align: right; font-weight: normal; color: #666; padding: 0 15px 0 0; width: 150px; }
.ml_input				{ width: 150px; }
form.form_mailinglist	{ border: 1px solid #036; background: #F2F2F2; padding: 10px; margin: 0 25px 10px 0; float: left }

#navbar form { margin: 0; }

#searchBox { border: none; padding: 3px 0px 2px 7px; color: #ccc; background: url(/images/i_GradInput.gif) no-repeat left top; font-style: italic; height: 21px; width: 196px;}

#searchBox:hover { color: #fff; }

.searchArea label { display: none; }

.submitSearch { background: url(/images/i_Search.gif) no-repeat }

.iuorderbox,
.iubasket		{ border: 1px solid #999; margin: 0 0 25px 0; padding: 5px; width: 75% }
.iubasket		{ width: 100%; }
.iuorderbox img { float: right;}
.iudesign		{ border: 1px solid #999; margin: 0 0 25px 0; padding: 5px }

#pdf_container { padding: 5px; width: 580px; border: 1px solid #000; background-color: #555; }

#pdf_container iframe { border: none; }

div.loginform {
	width: 260px; 
	padding: none;
	margin: 0px auto;
	font-size: 10pt;
}
div.loginform div {
	clear: both;
}
div.loginform input, div.loginform label {
	margin: 2px;
}
div.loginform label.danger {
	color: #DF0612;
}
div.loginform label {
	float: left;
	width: 70px;
	text-align: right;
	color: #666;
}
div.loginform input {
	float: right;
	text-align: left;
}
div.loginform input[type!="submit"] {
	width: 170px;
}
div.loginform input[type="submit"] {
	text-align: center;
}
#signout input {
	float: right;
}

/* FOR BETA SITE */
.fade {
	opacity: 0.4;
}

.fade:hover {
	opacity: 1.0;
}

.list_details {
	color: #555;
}

li.list_driver {
	list-style-image: url(/images/silk/car.png);
}

li.list_passenger {
	list-style-image: url(/images/silk/user.png);
}

li.list_hitchhiker {
	list-style-image: url(/images/silk/thumb_right.png);
}

/* FOR MENU */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
}

ul#navmenu {
	float: left;
	width: 660px; /*For KHTML*/
	height: 24px; z-index: 1;
	text-align: left;
	font-weight: normal;
}

ul#navmenu li {
	float: left; /*For Gecko*/
	display: inline;
	position: relative;
	height: 24px;
	background: url(/images/i_menugrad.gif) repeat-x;
}

ul#navmenu ul {
	width: 147px;
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	z-index: 99999;
}

ul#navmenu ul:after /*For IE 7 lack of compliance*/ {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

ul#navmenu ul li {
	width: 147px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
}

/* Root Menu 12 */
ul#navmenu a {
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding: 0 16px 0 6px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #666;
	font: 12px/22px Gill Sans MT, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
}

ul#navmenu a.menuparent {
	background: url(/images/i_downbutton.gif) no-repeat center right;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	color: #000;
}

ul#navmenu li:hover {
	background: #CCC url(/images/i_menuselect.gif) no-repeat bottom center;
}

ul#navmenu a.menuparent:hover,
ul#navmenu li:hover a.menuparent,
ul#navmenu li.iehover a.menuparent {
	color: #000;
}

ul#navmenu li:hover li {
	height: 23px;
	background-color: #BDBDBD;
	background-image: none;
	border: none;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	background: #F1F1F1;
	color: #000;
	border: none;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background: #8E8F94 url(/images/i_menugrad_select.gif) top repeat-x;
	color: #FFF;
	border: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	z-index: 999;
	box-shadow: 4px 4px 4px #333;
	-webkit-box-shadow: 4px 4px 4px #333;
	-moz-box-shadow: 4px 4px 4px #333;
}

ul#navmenu>li {
	width: 107px;
}

#windguru-iframe {
	width: 600px;
	height: 260px;
	border: none;
}

#homeSlideshow {
	width: 646px;
	height: 430px;
}

#homeSlideshow-loading {
	text-align: center;
	line-height: 430px;
}

#homeNews-wrap {
	position: relative;
}

#homeNews-container {
	position: absolute;
	background: black;
	opacity: 0.7;
	color: white;
	top: -50px;
	height: 2.5em;
	padding: 5px;
	width: 636px;
	display: none;
	cursor: pointer;
	text-decoration: none;
}

#homeSlideshow:hover + #homeNews-container, #homeNews-container:hover {
	opacity: 1;
}

#homeNews-container h3, #homeNews-container p {
	text-shadow: black 0 0 2px;
	display: none;
	position: relative;
	margin: 0;
	padding: 0 10px 0 0;
}

#homeNews-container h3 {
	margin: 0;
	top: -22px;
	font-weight: normal;
	font-style: italic;
	font-weight: bold;
	color: black;
	opacity: 1;
	text-shadow: white 0 0 4px;
	font-size: 1.8em;
	background: transparent;
}

#homeNews-container h3 a {
	color: black;
}

#homeNews-container p {
	top: -48px;
}

#homeNews-container p a {
	color: white;
	text-decoration: none;
}

#newsColumn {
	
}

#newsColumn p {
	margin: 0 0 5px 0;
	color: #aaa;
	display: none;
}

#newsColumn p a {
	font-size: large;
	color: white;
	text-decoration: none;
}