/*	
	moovando.com standard.css
	Please do not re-use parts or the whole of this stylesheet without permission 
	http://moovando.com/index.php?section=contactus
*/
body {
	background: #f3f2f2 url(./images/subhead_bg.png) repeat-x scroll left 0;
	/*font-family:"Lucida Sans Unicode","Lucida Grande",LucidaGrande,"Lucida Sans",Geneva,verdana,tahoma,arial,sans-serif;*/
	font-family: 'Lucida Grande', sans-serif;
	color: #333;
	font-size: 0.8em;
}

img {
	border: none;
}

/* ============================ Page ============================ */
#page {
	margin: auto;
	position: relative;
	left: -8px;
	top: -8px;
	width: 920px;
}

/* ============================ Head ============================ */
#head {
	position: relative;
	background: url(./images/head_bg.png);
	height: 160px;
}

#logo {
	position: absolute;
	top: 25px;
	left: 25px;
}

#login {
	position: absolute;
	float: right;
	left: 450px;
	top: 20px;
}

#login #fb_login_image {
	position: relative;
	top: 5px;
}

#lmenu {
	position: absolute;
	float: right;
	right: 20px;
	top: 50px;
}

#lmenu li {
	float: left;
	list-style: none;
	margin: 0 0 0 20px;
	word-spacing: -2px;
}

#lmenu a {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}

#lmenu a:hover {
	color: #333333;
}

.loginbox {
	background: url(./images/form_bg.png);
	color: #ccffcc;
	font-family: "Myriad", "Calibri", "DejaVu Sans", "Bitstream Vera Sans",
		Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border: none;
	width: 120px;
	padding: 2px 5px 2px 5px;
}

.searchbox {
	background: url(./images/form_bg.png);
	color: #ccffcc;
	font-family: "Myriad", "Calibri", "DejaVu Sans", "Bitstream Vera Sans",
		Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border: none;
	width: 120px;
	padding: 2px 5px 2px 5px;
	margin: 3px 10px 0 0;
}

.register {
	position: relative;
	top: 7px;
	margin-left: 10px;
}

#logoutbutton {
	position: absolute;
	right: 15px;
	top: 15px;
}

#logoutbutton #fb_login_image {
	margin: 0 10px 5px 0;
}

#login_caption {
	display: block;
	margin: 5px 0 0 0;
	vertical-align: top;
}

#login_caption a {
	padding: 0 10px 0 10px;
	vertical-align: top;
}

.livesearch {
	position: absolute;
	max-width: 200px;
	padding: 5px;
	background: #333333;
	color: #FFFFFF;
	display: none;
	overflow: hidden;
	z-index: 99;
}

#livesearch a {
	position: relative;
	color: #FFFFFF;
	text-decoration: none;
}

#livesearch a:hover {
	background: #666;
}

/* ============================ Subhead ============================ */
#subhead {
	height: 70px;
}

/* ============================ Content ============================ */
#content {
	background: url(./images/content_bg.png) repeat-y #ffffff;
	padding: 20px;
	clear: both;
}

/*#content h1, h2, h3, h4, h5, h6, a, p, img, label{
	padding: 10px;
}*/
#intro {
	height: 200px;
	background: #f3f2f2 url(./images/intro.png) no-repeat;
}

#intro_bg_link {
	position: relative;
	display: block;
	width: 810px;
	height: 105px;
	top: 15px;
	left: 55px;
}

#intro_ur {
	position: relative;
	margin: 0;
	padding: 0;
	top: 130px;
	left: 550px;
	display: block;
}

#searchdiv {
	width: 400px;
	height: 90px;
	position: relative;
	top: 30px;
	left: 300px;
}

#searchdiv #findridebutton {
	float: left;
	margin: 5px 0 0 15px;
}

#searchdiv #search_from {
	float: left;
}

#searchdiv #search_to {
	float: left;
	margin: 0 0 0 5px;
}

#contentfooter {
	background: url(./images/content_footer.png) #fff;
	width: 920px;
	height: 25px;
	clear: both;
}

.greenlink {
	color: #8ca809;
	text-decoration: none;
	font-weight: bold;
}

.greenlink:hover {
	text-decoration: underline;
}

.lightgreenlink {
	color: #d8f556;
	text-decoration: none;
	font-weight: bold;
}

.lightgreenlink:hover {
	text-decoration: underline;
}

.darkorangelink {
	color: #ff9933;
	text-decoration: none;
	font-weight: bold;
}

.darkorangelink:hover {
	text-decoration: underline;
}

.greylink {
	color: #2e311e;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

.greylink:hover {
	text-decoration: underline;
}

/* ============================ Admpanel ============================ */
#admpanel {
	position: fixed;
	bottom: 0;
	left: 10px;
	height: 20px;
	right: 10px;
	background-color: #333333;
	padding: 5px;
	border: 2px solid #666666;
	border-bottom: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;*/
}

/* ============================ Footer ============================ */
#footer {
	float: right;
	text-align: right;
	width: 920px;
	padding-bottom: 5px;
	padding-top: 0px;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande,
		"Lucida Sans", Geneva, verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	margin-bottom: 30px;
}

#footerlist ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#footerlist li {
	float: left;
	margin: 0 5px;
	list-style: none;
}

#footerlist a {
	text-decoration: none;
	padding: 5px;
	color: #8ca809;
}

#footerlist a:hover {
	color: #333333;
}

#runtime {
	font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande,
		"Lucida Sans", Geneva, verdana, tahoma, arial, sans-serif;
	/*font:Arial, Helvetica, sans-serif;*/
	font-size: 8px;
	font-style: italic;
	color: #999999;
	margin-right: 25px;
}

.annotation {
	color: #999999;
	font-size: 10px;
	margin: 0 0 5px 0;
	font-weight: normal;
}

/* ============================ home.php ============================ */
#newswrap {
	clear: both;
	display: block;
}

#newsblock {
	float: left;
	position: relative;
	width: 400px;
	height: auto;
	margin: 0 0 0 20px;
}

#newshead {
	width: 400px;
	height: 25px;
	background: url(./images/380_header_news.png);
}

#newscontent {
	width: 360px;
	padding: 20px 20px 5px 20px;
	background: url(./images/380_bg.png) repeat-y;
}

#newsfoot {
	width: 400px;
	height: 25px;
	background: url(./images/380_footer.png);
}

#latestridesblock {
	float: left;
	position: relative;
	width: 400px;
	height: auto;
	margin: 0 0 0 20px;
}

#rideshead {
	width: 400px;
	height: 25px;
	background: url(./images/380_header_rides.png);
}

#ridescontent {
	width: 360px;
	padding: 10px 20px 5px 20px;
	background: url(./images/380_bg.png) repeat-y;
}

#ridesfoot {
	width: 400px;
	height: 25px;
	background: url(./images/380_footer.png);
}

#seekridesblock {
	float: left;
	position: relative;
	width: 400px;
	height: auto;
	margin: 0 0 0 20px;
}

#seekhead {
	width: 400px;
	height: 25px;
	background: url(./images/380_header_seek.png);
}

#seekcontent {
	width: 360px;
	padding: 10px 20px 5px 20px;
	background: url(./images/380_bg.png) repeat-y;
}

#seekfoot {
	width: 400px;
	height: 25px;
	background: url(./images/380_footer.png);
}

#introvideo {
	margin: 20px 0 0 0;
	text-align: center;
}

#livehelp {
	float: left;
	position: relative;
	margin: 5px 0 0 20px;
}

.home_newslinewrap {
	margin: 0 0 20px 0;
	overflow: hidden;
}

.home_newslinehead {
	font-weight: bold;
	font-size: 14px;
}

.home_newslinesubhead {
	color: #999999;
	font-size: 9px;
}

.home_newslinecontent {
	margin: 10px 0 0 0;
}

.rss_icon {
	float: right;
	position: relative;
	right: 30px;
	top: 11px;
}

/* ============================ faq.php ============================ */
.faq_head {
	background: #333333;
	color: #ffffff;
	padding: 5px;
	width: 870px;
	border: 1px solid #666666;
}

.faq_body {
	padding: 5px;
	width: 870px;
	display: none;
}

/* ============================ register.php ============================ */
.regbox {
	border: 1px solid #ccc;
	background: url(./images/form_bg2.png) repeat-x #fff;
	width: 200px;
	padding: 0 2px 0 2px;
	height: 20px;
	font-size: 16px;
}

.citydd200 {
	width: 200px;
	border: 1px solid #ccc;
	background: url(./images/form_bg2.png) repeat-x #fff;
}

.citydd150 {
	width: 150px;
	border: 1px solid #ccc;
	background: url(./images/form_bg2.png) repeat-x #fff;
}

.citydd100 {
	background: url(./images/form_bg2.png) repeat-x #fff;
	border: 1px solid #ccc;
	width: 100px;
}

.datedd {
	border: 1px solid #ccc;
	font-size: 9px;
}

#regbutton {
	margin-left: 50px;
}

.regtable td {
	padding: 0 50px 20px 0;
	max-width: 200px;
	vertical-align: top;
}

.infotext_right {
	float: right;
	display: inline-block;
	position: relative;
	top: 0;
	right: 20px;
	width: 250px;
	background: #d6e09d;
	color: #333;
}

.infotext_right h3 {
	clear: both;
	background: #C1D174;
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 10px;
	font-weight: bold;
	letter-spacing: normal;
}

.infotext_right p {
	padding: 5px 10px 5px 10px;
}

/* ============================ fbregister.php ============================ */
#fbconnectbutton {
	margin: 30px 10px 10px 220px;
}

#emailaccess {
	width: 400px;
	margin: 30px 50px 10px 220px;
}

/* ============================ addride.php ============================ */
#seatav,#pp100m {
	width: auto;
}

/* ============================ contactus.php ============================ */
.commentarea {
	border: 1px ridge #ccc;
	padding: 5px;
	width: 390px;
	height: 190px;
}

#livesupportwrapper {
	position: relative;
	float: right;
	top: 0;
	right: 0;
}

/* ============================ inbox.php ============================ */
#inboxleft {
	position: absolute;
	top: 225px;
	min-height: 100px;
	width: 150px;
}

#inboxright {
	position: relative;
	left: 150px;
	min-height: 200px;
	width: 700px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

#inboxmenu ul {
	margin: 20px 10px 0 0;
	padding: 0;
}

#inboxmenu li {
	list-style-type: none;
	border-bottom: 1px solid #CCCCCC;
}

#inboxmenu a { /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande,
		"Lucida Sans", Geneva, verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color: #8CA809;
	text-decoration: none;
	border: none;
	padding: 2px;
	display: block;
	position: relative;
	left: -10px;
}

#inboxmenu a:link {
	text-decoration: none;
	border-bottom: 0px;
	font-weight: bold;
}

#inboxmenu a:hover {
	color: #FFFFFF;
	background-color: #333333;
	margin-right: -10px;
	font-weight: bold;
	padding-left: 5px;
}

#inboxmenu a:visited {
	text-decoration: none;
	border-bottom: 0px;
	font-weight: bold;
}

#inboxtable {
	position: relative;
	width: 100%;
	table-layout: fixed;
	border: none;
	border-collapse: collapse;
}

#inboxtable .from {
	width: 50px;
}

#inboxtable .subject {
	width: auto;
}

#inboxtable .sent {
	width: 80px;
}

#inboxtable .lines {
	white-space: nowrap;
	overflow: hidden;
}

#inboxtable .linesbold {
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
}

#contentwrap {
	position: relative;
	margin: 0 0 50px 0;
}

.msgcontent {
	position: relative;
	padding: 5px;
	display: block;
	width: 385px;
	height: 250px;
}

#msgtable {
	position: relative;
	table-layout: fixed;
	width: 100%;
}

#msgtable .from {
	width: 50px;
	overflow: hidden;
}

#msgtable .username {
	width: auto;
	overflow: hidden;
}

#msgtable .sent {
	width: 120px;
	overflow: hidden;
}

#msgtable .subject {
	width: 100%;
	overflow: hidden;
}

#composemessage {
	display: block;
}

/* ============================ profile.php ============================ */
#usergeneral {
	table-layout: fixed;
	position: relative;
	float: right;
	height: auto;
}

#usergeneral tr {
	text-align: right;
}

#userdetail {
	position: relative;
	padding-top: 1px;
	clear: both;
	table-layout: fixed;
}

#userdetail th {
	text-align: right;
	vertical-align: top;
	width: 70px;
}

#userdetail td {
	background-color: #f8fbfc;
}

#profilepicdiv {
	max-width: 500px;
	margin: 20px 0 0 50px;
	height: auto;
}

#profilepic {
	max-width: 500px;
	margin: 0 0 10px 0;
	max-height: 375px;
}

#profilepicdiv ul {
	margin: 0;
	padding: 0;
	text-align: right;
}

#profilepicdiv li {
	list-style-type: none;
}

#profilepicdiv a {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande,
		"Lucida Sans", Geneva, verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color: #8ca809;
	text-decoration: none;
	border: none;
	padding: 2px;
	width: inherit;
	display: block;
	position: relative;
}

#uploadpic {
	margin: 50px 0 0 270px;
}

#edituserdetail {
	margin-top: 20px;
	clear: both;
	table-layout: fixed;
}

#edituserdetail th {
	vertical-align: top;
	padding-top: 5px;
	text-align: right;
	width: 70px;
}

.thumbnailwrap {
	position: relative;
	max-width: 150px;
	max-height: 100px;
	float: left;
	display: block;
	margin: 10px 5px 10px 5px;
}

#testimonial_wrapper hr {
	color: #ccc;
	border: 1px solid #ccc;
	margin: 10px 0 10px 0;
}

.inner_testimonial_left {
	position: relative;
	display: inline-block;
	float: left;
	width: 150px;
	height: 120px;
	margin: 10px 0 0 0;
}

.inner_testimonial_right {
	position: relative;
	display: inline-block;
	clear: both;
	left: 15px;
	top: 0;
	min-height: 120px;
	width: 700px;
	padding: 10px;
}

.inner_testimonial {
	clear: both;
	display: block;
}

/* ============================ findaride.php ============================ */
.ridedetail {
	padding: 10px;
	background: #f8fbfc;
}

.ridedetail table {
	border: hidden;
	border-collapse: collapse;
	table-layout: fixed;
	border-color: #f8fbfc;
}

.ridedetail td {
	padding: 2px 50px 2px 5px;
	width: auto;
}

#ridecontacts ul {
	width: auto;
}

#ridecontacts li {
	float: left;
	list-style: none;
}

.rideimglink {
	border: none;
}

/* ============================ survey.php ============================ */
.surveybody {
	padding: 10px;
}

.surveybody label {
	padding: 10px 0 0 0;
}

/* ============================ Headers ============================ */
h1 {
	font-family: Verdana, sans-serif;
	font-size: 21px;
	position: absolute;
	top: 100px;
	left: 30px;
	color: #fff;
	white-space: nowrap;
}

.h2wrapper {
	margin: 10px 0 10px 0;
	display: block;
	height: 28px;
	background: url(./images/h3_bg.png) repeat-x -10px;
}

h2 {
	font-size: 20px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 250px;
	letter-spacing: 2px;
	background: #fff;
	display: inline-block;
}

/*hr.h2ext {
	margin: 10px 0 15px 10px;;
	border: 0;
	border-top: solid 1px #8ca809;
	border-bottom: solid 1px #ffffff;
}*/
.h3wrapper {
	margin-top: 30px;
	display: block;
	height: 20px;
	background: url(./images/h3_bg.png) repeat-x -5px;
	clear: both;
}

h3 {
	font-size: 12px;
	padding: 1px 10px 1px 10px;
	margin: 0 0 0 50px;
	letter-spacing: 1.5px;
	background: #fff;
	display: inline-block;
}

/*hr.h3ext {
	position: relative;
	top: 7px;
	margin: 0 0 0 10px;
	border: 0;
	border-top: solid 1px #8ca809;
	border-bottom: solid 1px #ffffff;
}*/
h4 {
	padding: 0;
	margin: 10px 0 5px 0;
	font: 10px "Verdana", Courier, monospace;
	font-weight: bolder;
}

.header1 {
	text-decoration: underline;
	font-weight: 800;
}

/* -------------------------------------------------------------------------- */
	/* ============================ Pics ============================ */
.picleft {
	float: left;
	margin: 5px 5px 0 0;
	border: 1px solid #000000;
	padding: 0;
}

.picright {
	float: right;
	margin: 5px 0 0 5px;
	border: 1px solid #000000;
	padding: 0;
}

.pic {
	float: right;
	margin-right: 100px;
	margin-top: 10px;
	width: 250px;
}

/* ============================ Map ============================ */
#map {
	margin: auto;
	margin-top: 10px;
}

/* ============================ Tablecloth ============================ */
	/* 	TableCloth	
	by Alen Grakalic, brought to you by cssglobe.com*/ /* general styles */
.tablecloth table,td {
	font: 100% Arial, Helvetica, sans-serif;
}

.tablecloth table {
	max-width: 530px;
	border-collapse: collapse;
	margin: 1em 0;
}

.tablecloth th,td {
	vertical-align: top;
	text-align: left;
	padding: .5em;
	border: 1px solid #fff;
}

.tablecloth th {
	background: #333333;
	color: #FFFFFF;
}

.tablecloth th a {
	color: #FFFFFF;
}

.tablecloth td {
	background: none;
}

/* tablecloth styles */
.tablecloth tr.even td {
	background: #fff;
}

.tablecloth tr.odd td {
	background: #eaff85;
}

.tablecloth th.over,tr.even th.over,tr.odd th.over {
	background: #ccffcc;
}

.tablecloth th.down,tr.even th.down,tr.odd th.down {
	background: #ccffcc;
}

.tablecloth th.selected,tr.even th.selected,tr.odd th.selected {
	
}

.tablecloth td.over,tr.even td.over,tr.odd td.over {
	background: #ecfbd4;
}

.tablecloth td.down,tr.even td.down,tr.odd td.down {
	background: #bce774;
	color: #fff;
}

.tablecloth td.selected,tr.even td.selected,tr.odd td.selected {
	background: #FFCC66;
	color: #555;
}

.cleartr {
	background: #FFFFFF;
}

/* use this if you want to apply different styleing to empty table cells*/
	/*td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}*/
	/* ============================ Misc ============================ */
.alert {
	color: #ff0000;
}

.datebox {
	border: 1px solid #ccc;
	background: url(./images/form_bg2.png) repeat-x #fff;
}

.bold {
	font-weight: bold;
}

.alertbox {
	clear: both;
	border: 1px dotted #8ca809;
	display: inline-block;
	padding: 5px;
}

.alertbox li {
	list-style-type: none;
	padding: 5px;
}

.imglink {
	border: none;
	float: left;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.clearboth {
	clear: both;
}

.redstar {
	font-weight: bold;
	color: #FF0000;
}

.tinybox {
	border: 1px solid #33CC33;
	width: 10px;
}

.block {
	display: block;
}

.bluebackground {
	background: #f8fbfc;
}

#ratingdiv {
	width: 125px;
	height: 25px;
	background: url('/scripts/star.gif') repeat-x 0 0px;
}

#ratingdivoverlay {
	height: 25px;
	background: url('/scripts/star.gif') repeat-x 0 -25px;
}

/* ============================ jQuery Tooltip ============================ */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

#tooltip h3,#tooltip div {
	margin: 0;
}

/* ============================ Generic ============================ */
html[xmlns ^="http"] { /* to avoid "Mozilla-twitch" Firefox 1.5 */
	overflow-y: scroll;
}

label {
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	display: block;
	margin: 5px 0 3px 0;
}

#lockdiv {
	background-image: url(./images/animated_moovando.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	display: none;
	vertical-align: middle;
	text-align: center;
}

#innerlockdiv {
	background-color: #FFF;
	height: 100%;
	width: 100%;
	opacity: 0.5;
	-KHTML-Opacity: 0.5;
	-Moz-Opacity: 0.5;
	filter: alpha(opacity = 50);
}

.grey {
	color: #666666;
}

.pagination {
	position: relative;
	width: 100%;
	margin: 20px 0 0 0;
	text-align: center;
}

.pagination a {
	text-decoration: none;
	color: #8cac08;
	padding: 0 5px 0 0;
}

.pagination a.highlight:hover {
	color: #333;
}

#towntable {
	width: 800px;
	border: none;
	border-collapse: collapse;
}

#towntable td th {
	table-layout: fixed;
}