/* MAIN LAYOUT */

* { padding: 0; margin: 0; }

html {
height:100%;
}

body {
 font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
 font-size: 12px;
 color: #666666;
 background-color: #f4f7f0;
 height:100%;
}

body#home{
}
 

 
#wrapper { 
 margin: 0 auto;
 width: 910px;
 position:relative;
}

.clearboth
{
	clear: both;
}


a
{
	color: #488C59;
	font-weight: bold;
	outline: none;
}

a:hover
{
	color: #009AC8;
	outline: none;	
}

a:hover, a:active, a:focus {
	outline: none;
}
/* NEW HEADER STYLES BY LOUGHLIN - In Use */


#beta-message h1
{
	line-height:30px;
	height:30px;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
}

#beta-message
{
	height:27px;
	line-height:27px;
	text-align:center;
	background-color:#387C2C;
	border-bottom: 1px solid #ffffff;
	display: none;
}

#header
{
	width: 100%;
	color: #666;
	background: #E4F5FA;
	margin: 0px;
	padding: 0px;
	position:relative;
}

#info-nav-container
{
	margin:0 auto;
	width:910px;
	text-align: left;
	position:relative;
}

#info-nav-container img
{
	margin:0px 0px 0px 23px;
	padding:5px 0px 0px 0px;
	display:block;
}

#header.newbieHeight, #info-nav-container.newbieHeight
{
	height: 80px;
}

#header.inHeight, #info-nav-container.inHeight
{
	height: 60px;
}

#info-nav
{
	position:absolute;
	top:5px;
	right:0px;
}

#info-nav ul
{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

#info-nav ul li
{
	float: left;
	font-size: 11px;
	padding-left: 14px;
}

#info-nav ul li a 
{
	color: #488C59;
	font-weight: bold;
}

#info-nav ul li a:hover
{
	color: #009AC8;
}

/* -------------------------- code courtesy Cormac  ------- */
#info-nav .socialIcons {
	display: block;
	float: right;
	height: 25px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#info-nav .socialIcons li{
	float: left;
	display: inline;
	margin-right: 5px;
}

#info-nav .socialIcons li a{
	display: block;
	height: 25px;
	margin-top: 15px;
	text-indent: -2999em;
	width: 25px;
}

#info-nav a.twitterLink{
	background: url("../images/icon_twitter.gif") top left no-repeat;
	display: block;
	height: 25px;
	width: 25px;
}

#info-nav a.feedLink{
	background: url("../images/icon_rss.gif") top left no-repeat;
	width: 25px;
	height: 25px;
	display: block;
}

#info-nav a.facebookLink{
	background: url("../images/icon_facebook.gif") top left no-repeat;
	width: 25px;
	height: 25px;
	display: block;
}


#sub-nav
{
	color: #666;
	background: #CCECF5;
	border-top: 1px solid #009AC8;
	border-bottom: 3px solid #009AC8;
	height: 28px;
	margin: 0px;
	padding:0px;
	position:relative;
	width: 100%;
}


#sub-nav-container
{
	margin:0 auto;
	width:910px;
	text-align: left;
	height: 28px;
	position:relative;

}

#user-nav
{
	width:495px;
	height:22px;
	float:left;
	margin-left:14px;
}

#user-nav ul
{
	list-style-type: none;
	margin: 6px 0px 0px 0px;
	height: 22px;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
}

#user-nav ul li
{
	height: 22px;
	text-align: center;
	float:left;
}

#user-nav ul li.subnavDash
{
	width:91px;
	height:22px;
}

#user-nav ul li.subnavDash a.active
{
	width:91px;
	background: url("../images/subnavtabdashboard.gif") no-repeat center top;
}

#user-nav ul li.subnavJourneys
{
	width:71px;
	height:22px;
}

#user-nav ul li.subnavJourneys a.active
{
	width:71px;
	background: url("../images/subnavtabjourneys.gif") no-repeat center top;
}

#user-nav ul li.subnavMatches
{
	width:70px;
	height:22px;
}

#user-nav ul li.subnavMatches a.active
{
	width:70px;
	background: url("../images/subnavtabmatches.gif") no-repeat center top;
}

#user-nav ul li.subnavInbox
{
	width:49px;
	height:22px;
}

#user-nav ul li.subnavInbox a.active
{
	width:49px;
	background: url("../images/subnavtabinbox.gif") no-repeat center top;
}


#user-nav ul li.subnavProfile
{
	width:63px;
	height:22px;
}

#user-nav ul li.subnavProfile a.active
{
	width:63px;
	background: url("../images/subnavtabprofile.gif") no-repeat center top;
}


#user-nav ul li a
{
	color: #387c2c;
	font-weight:bold;
	height: 22px;
	line-height: 22px;
	text-decoration:none;
}

#user-nav ul li a:hover
{
	color: #009AC8;

}

#user-nav ul li a.active
{
	color: #FFF;   
	display: block;
}




#user-log-info
{
	width:360px;
	height:28px;
	float:right;
}


#user-log-info ul
{
	height:28px;
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:right;
}

#user-log-info ul li
{
	color:#009AC8;
	float:left;
	font-size:11px;
	font-weight:bold;
	padding-left:15px;
}


#user-log-info ul li.navUsername
{
	padding:0px;
	margin:7px 0px 0px 0px;
}

#user-log-info ul li.navLogout
{
	width:50px;
	height:21px;
	margin:4px 0px 0px 0px;
}


#user-log-info ul li.navLogout a
{
	width:50px;
	height:21px;
	display:block;
	background: url("../images/logoutbtn.gif") no-repeat 0% 0%;
}

#user-log-info ul li.navLogout a:hover
{
	background: url("../images/logoutbtn.gif") no-repeat 0% 100%;
}


#user-log-info ul li.navLogout i
{
	display:none;
}

#user-header
{
	display:block;
	padding: 0px;
	margin: 2px 0px 2px 0px;
	width:910px;
}

#section-title
{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 22px;
	height:36px;
	width:580px;
	float:left;
}

#section-title img
{
	float:left;
	padding:2px;
	background-color:#FFFFFF;
	border:1px solid #E3F2ED;
	margin-right:7px;
}

#section-title h1
{
	color:#009AC8;
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size:17px;
	margin-top:8px;
	float:left;
}

#section-options
{
	float:right;
	height:36px;
	padding:5px 0px;
}

#section-options ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#section-options ul li
{
	float:left;
	padding-left:5px;
}

#section-options ul li i
{
	display:none;
}

#section-options ul li.addJourney
{
	padding:0px;
	margin:4px 0 0px 0px;
}

#section-options ul li.addJourney a
{
	width:136px;
	height:30px;
	display:block;
	background: url("../images/addfindacarpool.gif") no-repeat 0% 0%;
}

#section-options ul li.addJourney a:hover
{
	background: url("../images/addfindacarpool.gif") no-repeat 0% 100%;
}


#section-options ul li.findCarpool
{
	padding:0px;
	margin:4px 0px 0px 0px;
}

#section-options ul li.findCarpool a
{
	width:106px;
	height:30px;
	display:block;
	background: url("../images/findnewbtn.gif") no-repeat 0% 0%;
}

#section-options ul li.findCarpool a:hover
{
	background: url("../images/findnewbtn.gif") no-repeat 0% 100%;
}


#login-signup-container
{
	width:141px;
	float:right;
}

#login-signup-container ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#login-signup-container ul li
{
	float:left;
	padding-left:5px;
}

#login-signup-container ul li i
{
	display:none;
}

#login-signup-container ul li.signup
{
	padding:0px;
	margin:4px 13px 0px 0px;
}

#login-signup-container ul li.signup a
{
	width:78px;
	height:21px;
	display:block;
	background: url("../images/signup.gif") no-repeat 0% 0%;
}

#login-signup-container ul li.signup a:hover
{
	background: url("../images/signup.gif") no-repeat 0% 100%;
}


#login-signup-container ul li.login
{
	padding:0px;
	margin:4px 0px 0px 0px;
}

#login-signup-container ul li.login a
{
	width:50px;
	height:21px;
	display:block;
	background: url("../images/login.gif") no-repeat 0% 0%;
}

#login-signup-container ul li.login a:hover
{
	background: url("../images/login.gif") no-repeat 0% 100%;
}



/******* END NEW HEADER STYLES   ********************/



#eventbanner{
position: absolute;
top: 20px;
right: 10px;
}

#eventbanner a img{
border-style: hidden;
text-decoration: none;

}


#pageheader{
 float: left;
 width: 800px;
 color: #333;
 padding: 20px;
 margin: 0px 0px 0px 0px;
 background: white;
 }
 #infoarea{
 float: left;
 width: 880px;
 color: #333;
padding: 25px;
display: block;
 margin: 0px 0px 25px 0px;
background: #ccecf5;

/*background: #fff;
 border-left: 1px solid #CDEFFB;
 border-right: 1px solid #CDEFFB;*/

 }
#home #infoarea{
 float: left;
 width: 880px;
 color: #333;
padding: 25px;
display: block;
 margin: 0px 0px 0px 0px;
  margin-bottom:25px;
  margin-top:25px;
  background: #aadfe7;

 }
#form #infoarea{
 float: left;
 width: 880px;
 color: #333;
padding: 20px;
display: block;
 margin: 0px 0px 0px 0px;
background: #CDEFFB;
 }
 
#infoarea form.cmxform fieldset p{
font-weight:bold;
width:400px;
padding-bottom: 10px;
}
#leftcolumn { 
 margin: 0px 0px 0px 0px;
 padding: 0;
 width: 375px;
 float: left;
  display: inline;
}
/*#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 padding-right: 0;
 padding-top: 10px;
 padding-left: 10px;
 width: 465px;
 background: #fff;
 line-height:130%;
}*/
#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 20px;
 width: 435px;
 border: 1px solid #bcdce7;
 background: #fff url("../images/rightcoldroptop.gif") top left repeat-x;
 line-height:130%;
}

.leftcolumn { 
 margin: 0px 0px 0px 0px;
 padding: 0;
 width: 375px;
 float: left;
  display: inline;
}
.rightcolumn { 
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 0px;

 width: 435px;
}

#user #rightcolumn{
min-height:430px;

}

#content { 
 width: 880px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 25px;
 display:block;
 background:#e7f2ee;
 margin-bottom:25px;
}
#content #leftcolumn{
margin: 0;

}

#footer { 
 width: 100%;
 clear: both;
 color: #666;
 background: #e4f5fa;
 margin: 0px 0px 0 0px;
 padding:0;
 position:relative;
 height: 120px;
 border-top:4px solid #009ac8;
}

.footerCentre{
width: 880px;
left: 50%;
margin-left: -450px;
position:relative;
padding: 10px 25px;
}


.footerIcons {
	border: 0px;
	float: right;
	margin-left: 45px;
}

.footerIcons a img {
	border: 0px;
	padding-bottom: 15px;
}
#footerinfo a.imgLink img
{
	border: 0px;
}


/* ---------------- Footer Styling  ----------- */

#footernavlist{
list-style-type: none;
padding: 0px;
margin: 0;
margin-right: 0;
height: 25px;
font-size:80%;
}
#footernavlist li{
float: left;
padding-right: 5px;
}
#footernavlist li a{
	font-size: 11px;
}
#termslist{
font-size:80%;
list-style:none;
padding: 5px 0 5px 0;
margin:0;
}
#termslist li{
float:left;
padding-right: 10px;
}

/* FONT STYLES */

#infoarea h3{
font-size: 150%;
padding: 0px 0px 10px 0px;
color: #00adef;
}

/*#content p{
width: 400px;
padding-bottom: 20px;
padding-top: 5px;
line-height: 140%;
}*/

/* ELEMENT STYLES */

#home #infoarea h4{
padding: 0;
font-size:140%;
}

#userTypeshome{
width: 100%;
height: 240px;
clear:both;
padding: 0;
margin: 0;
list-style:none;
}

#userTypeshome li{
background:url("../images/home_usertypesbg.gif") 50% 0% no-repeat;
width: 25%;
height: 240px;
display: block;
float: left;
padding: 0;
margin: 0;
list-style:none;

}

#userTypeshome li ul li{
background: none;
width: 160px;
height:auto;
list-style:none;
margin-left: 10px;
}
#userTypeshome li ul li ul{
list-style:none;
padding: 0;
margin: 0;
}
#userTypeshome li ul li ul li{
margin-left: 0;
color: #fff;
font-size:80%;
font-weight:bold;
line-height: 13px;
}

#userTypeshome li h4{
height: 105px;
padding: 0;
margin:0;
width: 150px;
}
#userTypeshome li p{
font-size: 90%;
width: 155px;
color: #387c2c;
height: 43px;
}
#userTypeshome li p.more{
height:auto;
padding-bottom:10px;
}
.more a{
color: #387c2c;
}

#homeCommuter{
background:url("../images/home_commuter.png") bottom center no-repeat;
}
#homeGroups{
background:url("../images/home_group.png") bottom center no-repeat;
}
#homeEvents{
background:url("../images/home_event.png") bottom center no-repeat;
}
#homeBusiness{
background:url("../images/home_business.png") bottom center no-repeat;
}
#homeAbout,
#homeSearch{ 
 width: 880px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 25px;
 display:block;
 background:#cfebec;
 margin-bottom:15px;
 margin-top:25px;
}

#homeAbout{
background:#e7f2ee;
}

#homeAbout div.rightcolumn p{
color: #387c2c;
font-weight:bold;
}



#homeSearch ul{
margin: 0;
padding: 0;
display:block;
height: 33px;
list-style:none;
}
#homeSearch ul li{
float:left;
padding-right:20px;
line-height:33px;
}

#simpleSearch input{
width: 280px;
font-size:16px;
padding: 3px;
height: 20px;
}

#homeSearch ul li#ssInputsubmit{
padding-right:0;
}

#ssInputsubmit input{
padding-right: 0;
width: 69px;
height: 28px;
}



#simpleSearchhead{
background:url("../images/homesearchhead.gif") top left no-repeat;
width: 113px;
height: 33px;
display:block;
text-indent:-2999px;
padding-left: 0;
}

#groupSearchhead{
background:url("../images/groupsearch.gif") top left no-repeat;
width: 113px;
height: 33px;
display:block;
text-indent:-2999px;
padding-left: 0;
}
#eventSearchhead{
background:url("../images/eventsearch.gif") top left no-repeat;
width: 113px;
height: 33px;
display:block;
text-indent:-2999px;
padding-left: 0;
}
#businessSearchhead{
background:url("../images/businesssearch.gif") top left no-repeat;
width: 113px;
height: 33px;
display:block;
text-indent:-2999px;
padding-left: 0;
}

#homeNetworklogos,
#homeEmaillogos{
list-style:none;
padding: 0;
margin: 0;
clear:right;
height: 65px;
display:block;
width: 400px;
}
#homeNetworklogos li,
#homeEmaillogos li{
padding: 0;
margin: 0;
float: left;
margin: 10px 0px;
}
#facebooklogo{
background:url("../images/facebooklogo.gif") top left no-repeat;
height: 22px;
width: 125px;
display:block;
text-indent:-2999px;
}
#lastfmlogo{
background:url("../images/lastfmlogo.gif") top left no-repeat;
height: 37px;
width: 125px;
display:block;
text-indent:-2999px;
}

#gmaillogo{
background:url("../images/googlemail_logo.gif") top left no-repeat;
height: 45px;
width: 125px;
display:block;
text-indent:-2999px;
}
#hotmaillogo{
background:url("../images/windowslivelogo.gif") top left no-repeat;
height: 22px;
width: 125px;
display:block;
text-indent:-2999px;
}
#yahoologo{
background:url("../images/yahoomaillogo.gif") top left no-repeat;
height: 22px;
width: 125px;
display:block;
text-indent:-2999px;
}
#legend{
background: #DCF2F8;
height: 90px;
position:relative;
width: 380px;
}

#legendUser,
#legendMatch,
#legendRoute{
list-style:none;
padding:0;
margin:0;
width: 125px;
position:absolute;
top: 10px;
left: 10px;
}
#legendUser li,
#legendMatch li,
#legendRoute li{
padding-left: 30px;
display:block;
height: 30px;
line-height:30px;
color: #387c2c;
font-weight:bold;
}
#legendMatch{
margin-left:126px;
}
#legendRoute{
margin-left: 252px;
}

.legendUserstart{
background: url("../images/legendyourstart.gif") 5px 50% no-repeat;
}
.legendUserend{
background: url("../images/legendyourend.gif") 5px 50% no-repeat;
}
.legendMatchstart{
background: url("../images/legendtheirstart.gif") 10px 5px no-repeat;
}
.legendMatchend{
background: url("../images/legendtheirend.gif") 10px 5px no-repeat;
}
.legendRouteuser{
background: url("../images/legendyourroute.gif") 5px 5px no-repeat;
}
.legendRoutematch{
background: url("../images/legendtheirroute.gif") 5px 5px no-repeat;
}
#footerinfo{
float: left;
width: 400px;
font-size:90%;

}



#dashJourneys,
#dashMatches,
#dashGroups,
#dashMessages,
#userHistory,
#groupStats,
#pinsearch,
#dashAdarea1,
#dashAdarea2,
#userNewcarpool,
#userFindnewcarpool{
padding: 10px;
padding-right:0;
margin: 0px 0px 0px 0px;
padding-left: 60px;

}

#dashJourneys
{
background:url("../images/caricon.gif") 0px 10px no-repeat;
}

#dashMatches
{
background:url("../images/matchicon.gif") 0px 5px no-repeat;
}

#dashGroups
{
background:url("../images/groupsicon.gif") 0px 10px no-repeat;
}
#dashMessages{
background:url("../images/mailicon.gif") 0px 10px no-repeat;
}


/*
ul#userCreate{
background:#cfebec;
list-style: none;
margin-top: 15px;
margin-bottom: 15px;
width: 880px;
clear: both;
color: #333;
margin: 0px 0px 0px 0px;
padding: 15px 25px 5px 25px;
display:block;
background:#cfebec;
margin-bottom:15px;
margin-top:15px;
}
ul#userCreate li{
display: block;
}


#userNewcarpool{
background:url("../images/createnewicon.gif") 0px 25% no-repeat;
height:30px;
padding-top: 10px;
float: left;
display: block;
padding-left: 45px;
}
#userFindnewcarpool{
background:url("../images/findnewicon.gif") 0px 25% no-repeat;
height:30px;
padding-left: 45px;
margin-left: 20px;
}
*/


#user-create
{
	width: 880px;
	background-color:#CFEBEC;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #333;
	padding: 10px 25px 10px 25px;
}


#user-create h1
{
	width:250px;
	float:left;
	font-size:16px;
}

#user-create h1 a
{
	display:block;
	height:30px;
	line-height:25px;
	padding-left:45px;
}

#user-create h1 a.user-new-carpool
{
	background:transparent url(../images/createnewicon.gif) no-repeat 0px 0px;
}

#user-create h1 a.user-find-carpool
{
	background:transparent url(../images/findnewicon.gif) no-repeat 0px 0px;
}


#user-create h2
{
	width:120px;
	float:right;
	font-size:16px;
}

#user-create h2 a
{
	display:block;
	height:30px;
	line-height:25px;
	padding-left:33px;
}




#large-map-container
{
	background-color:#F0F8F8;
	border-bottom:2px solid #BCDCE7;
	border-top:2px solid #BCDCE7;
	clear:both;
	margin-bottom:18px;
	padding:10px 0px 10px 20px;
	text-align:left;
}

#large-map-container h1
{
	float:left;
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size:12px;
	color: #333333;
}

#large-map-container p
{
	float:right;
	margin-right:23px;
	display:inline;
}

#large-map-container p a.show-map
{
	background:transparent url(../images/showmapicon.png) no-repeat right 0px;
	padding:0px 21px 0px 0px;
}

#large-map-container p a.hide-map
{
	background:transparent url(../images/hidemapicon.png) no-repeat right 0px;
	display:none;
	height:25px;
	padding:0px 21px 0px 0px;
}

#map-holder
{
	clear:both;
	margin:0px;
	padding:0px 0px;
	display:none;
}

#map-holder img
{
	margin-bottom:10px;
	margin-top:20px;
}

#dashJourneys h3,
#dashMatches h3,
#dashGroups h3,
#dashMessages h3,
#pinsearch h3,
#dashAdarea1 h4,
#dashAdarea2 h4,
#userNewcarpool h3,
#userFindnewcarpool h3{
font-size:120%;
font-weight:bold;
padding-bottom:5px;
}
#dashJourneys h3 a,
#dashMatches h3 a,
#dashGroups h3 a,
#dashMessages h3 a,
#pinsearch h3 a,
#dashAdarea1 h4 a,
#dashAdarea2 h4 a,
#userNewcarpool h3 a,
#userFindnewcarpool h3 a,{
text-decoration: none;
color: #387c2c;
}

#dashAdarea1{
background:url("../images/facebookicon.jpg") 0 0 no-repeat;
padding:0;
padding-left: 100px;
height:140px;
width: 290px;
float: left;
}
#dashAdarea1 h4,
#dashAdarea2 h4{
color:#387c2c;
}
#dashAdarea1 a,
#dashAdarea2 a{
background: url("../images/tickicon.gif") 0 50% no-repeat;
padding-left: 25px;
height: 25px;
display:block;
line-height:23px;
}
#dashAdarea1 p{
width: 275px;

/*color: #00759b;*/
min-height:60px;

}
#dashAdarea2{
background:url("../images/inviteicon.jpg") 0px 0 no-repeat;
padding:0;
padding-left: 100px;
height:140px;
width: 260px;
display:block;
float:left;
margin-left: 15px;
}
#dashAdarea2 p{
width: 290px;

/*color: #00759b;*/
min-height:60px;
}
.clear { clear: both; }

.hiddenform{
background: #66CCFF url("../images/hiddenbg.png") top right no-repeat;}
.googleview{
display:none;
}
.journeytype{
border: 1px solid #ccc;}


.userJourneyarea{
padding-bottom:40px;}

.userJourneyarea h4{
font-size:120%;
padding-bottom: 5px;
}
.resultNumber{
font-weight:bold;
}
.searchTerm{
font-weight:bold;
}
.errorDetails{
border: 1px solid #ccc;
padding: 10px;}

.errorDetails ul{
padding-left: 20px;}



#messageshead{
padding-bottom: 10px;
}
#messageshead form{

display:block;
clear:left;
height: 30px;
}

.writeMessage{
padding-left: 25px;
background:url("../images/optionssendmessage.gif") top left no-repeat;

}

#messagetable{
width:100%;
border: 1px solid #bcdce7;
border-collapse:collapse;
width: 880px;
margin-bottom:10px;

}

#messagetable th{
border: 0;
border-bottom: 1px solid #bcdce7;
background-color:#00adef;
background:#00adef url("../images/journeylistheaderbg.gif") top left repeat-x;
padding: 3px;
padding-left: 5px;
text-align:left;
height:30px;
color: white;
}
#messagetable tr{
border-bottom: 1px solid #bcdce7;
line-height: 20px;
background:#fff;
}
#messagetable tr:hover{
background:#edf8fb;
}


#messagetable tr td{
padding: 5px;
padding-left: 5px;
vertical-align:top;
font-weight:bold;
height:25px;
}

#messageBody{
background:#fff;
padding: 20px;
border: 1px solid #bcdce7;
margin-left: -1px;
}

#messagetable tr.msgRead{
background: #edf8fb;
}

.mesRead:hover{
background: #ccc;
}

#messageOptions{
list-style:none;
padding: 0;
margin: 0;
clear:left;
display:block;
width:100%;
height: 30px;
}

#messageOptions li{
float: left;
padding-right: 20px;
}

.back{
padding-left: 20px;
background: url("../images/back.gif") 0 50% no-repeat;
}
.reply{
padding-left: 20px;
background: url("../images/reply.gif") 0 50% no-repeat;
margin-top: 5px;
margin-bottom: 5px;
display:block; 
}
.accept{
padding-left: 20px;
background: url("../images/accept.gif") 0 50% no-repeat;
margin-top: 5px;
margin-bottom: 5px;
display:block; 
}
.decline{
padding-left: 20px;
background: url("../images/decline.gif") 0 50% no-repeat;
margin-top: 5px;
margin-bottom: 5px;
display:block; 
}

fieldset{
border: none;
margin-bottom:10px;
padding: 15px;
}
fieldset legend{
font-size: 14px;
font-weight: bold;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 0;
color: #387c2c;
}

.cmxform{
padding-bottom:20px;
}

.cmxform ol{
list-style:none;
}


.userEntry{}
.editForm{}
.formButtons{}
.journeyTimeslist{
padding: 0;
margin: 0;
margin-left: -10px;}



#whyCarpool{
padding: 0;
margin: 0;
list-style-type: none;}

#whyCarpool li{
float: left;
display: inline;
width: 250px;
}
#whyCarpool li p{
width: 150px;
padding-left: 100px;
margin-right: 50px;
}
#reason1{}
#reason2{}
#reason3{}

/*#homegraphic{
padding-left: 420px;
height: 480px;
display:block;

}

#homegraphic #homeintro{
padding-top: 260px;
}*/

#homeintro{
padding: 25px;
width: 880px;
display:block;
height:200px;
}

#demo #homeintro{
padding-bottom: 0;
}

#demo #infoarea{
background:#e7f2ee;
margin-top: 10px;

}

h3#tripmiIntro{
background: url("../images/tripmi_intro.gif") top left no-repeat;
height: 120px;
width: 400px;
text-indent: -2999px;
}
h3#carpoolsIntro{
background: url("../images/carpoolsintro.gif") top left no-repeat;
height: 120px;
width: 400px;
text-indent: -2999px;
}
h3#groupssIntro{
background: url("../images/groupsintro.gif") top left no-repeat;
height: 120px;
width: 400px;
text-indent: -2999px;
}
h3#eventsIntro{
background: url("../images/eventsintro.gif") top left no-repeat;
height: 120px;
width: 400px;
text-indent: -2999px;
}
h3#businessIntro{
background: url("../images/businessintro.gif") top left no-repeat;
height: 120px;
width: 400px;
text-indent: -2999px;
}
#homeintro .leftcolumn h4 a#largeSignup{
background: url("../images/signup_large.gif") 50% 50% no-repeat;
height: 50px;
width: 350px;
text-indent: -2999px;
display: block;

}

ul.demoScreens{
display:block;
height: 100px;
clear:left;
margin-left: 50px;
list-style:none;
padding: 0;
}
ul.demoScreens li{
float: left;
width: 180px;
padding: 20px 0px;
}

ul.demoScreens li a img{
outline:none;
border:0;
text-decoration:none;
}

:link img {
  border: none;
}

.demoNav{
clear:both;
width: 100%;
height: 30px;
}

.demoNav ul{
list-style: none;
padding: 0;
margin:0;
height:30px;
display:block;

}

.demoNav ul li{
float: left;
display:inline;
}
.nextLink{
margin-left: 240px;
}
.prevLink a{
width:62px;
height: 24px;
display:block;
background: url("../images/prevbtn.gif") top left no-repeat;
text-indent:-2999em;

}

.prevLink a:hover{
background: url("../images/prevbtn.gif") bottom left no-repeat;
}

.nextLink a{
width:62px;
height: 24px;
display:block;
background: url("../images/nextbtn.gif") top left no-repeat;
text-indent:-2999em;
}
.nextLink a:hover{

background: url("../images/nextbtn.gif") bottom left no-repeat;

}

#introSignup{
text-align:center;
width: 930px;
margin-bottom:25px;
}
a#largeSignup{
background: url("../images/signup_large.gif") 50% 50% no-repeat;
height: 50px;
width: 350px;
left: 50%;
margin-left:-175px;
text-indent: -2999px;
display: block;
position: relative;
}

h4 a#howItworks{
background: url("../images/howitworksbtn.gif") 50% 50% no-repeat;
height: 50px;
width: 350px;
display:block;
text-indent: -9000em;
}

#featureListhome{
list-style:none;
padding: 0;
margin:0;
padding-top:10px;
}
#featureListhome li{
padding-bottom: 10px;
background:url("../images/homebullet.gif") top left no-repeat;
padding-left: 20px;
padding-right:10px;
width: 180px;
color: #387c2c;
font-weight:bold;
float:left;
height: 30px;
line-height:15px;
}

#taketour a{
background: url("../images/taketour.png") top left no-repeat;
width: 200px;
height: 30px;
margin-left: 0px;
display: block;
text-indent: -2999px;}

#taketour a:hover{
background: url("../images/taketour.png") 0px -33px no-repeat;
}
#home #rightcolumn{
padding: 0;
margin: 0;
width: 478px;
}

#home #leftcolumn { 
width: 378px;
}
#home #leftcolumn p{ 
width: 378px;
}
#infoarea h4{
font-size: 120%;
color: #387c2c;
border: none;
padding-bottom:5px;
padding-top: 10px;
}
#infoarea h5{
font-size:100%;
padding: 5px 0px;
}

#forIndividuals{
width: 230px;
float:left;
padding-right: 20px;
}
.small{
font-size:80%;
}


#forGroups{
width: 225px;
float:left;
}
#forIndividuals h5,
#forGroups h5{
font-size: 1.3em;
color: #387c2c;
border-bottom:1px dotted #387c2c;
line-height:25px;
margin-bottom:7px;
}
#forIndividuals h6,
#forGroups h6{
font-size: 1.2em;
color: #387c2c;
}
#forIndividuals p,
#forGroups p{
height: 75px;
width: 200px;
}
p#indCall,
p#groupCall{
font-weight: bold;
height: 40px;
display:block;
width: 180px;
padding-top: 10px;
}
#homeHow{
padding-top: 20px;
}

ul#featureList{
font-size: 90%;
padding: 0;
margin: 0;
}

#featureList li{
list-style: none;
padding: 10px 0px;
margin: 0;
padding-left: 80px;

}
#featureList li#featFinder h5,
#featureList li#featSharing h5{
font-size: 120%;
}
#featureList li#featFinder p,
#featureList li#featSharing p{
width: 280px;
line-height: 120%;
}

#featureList li#featFinder{
background: url("../images/carpoolfinder.gif") top left no-repeat;}

#featureList li#featSharing{
background: url("../images/costsharing.gif") top left no-repeat;}

#userHistory{
margin: 10px 15px 0 5px;
padding: 5px;
padding-right:0px;
padding-left: 0;
border-top: 1px solid #bcdce7;
}

#infoarea h4{
font-size: 120%;

border: none;
}

#infoarea p{
font-weight:bold;
}

#userHistory dl{
position:relative;
height: 70px;
display:block;
margin-top: 10px;
}

#userHistory dt{
color: #00adef;
font-weight:bold;
float:left;
width: 148px;
position:absolute;
top: 0;
left: 0;
}

#userHistory dd{
padding-left: 50px;
width: 98px;
position:absolute;
top: 20px;
left: 0;
height: 70px;
padding-top: 5px;
}

#userHistory dl dd.historyDesc{
background:url("../images/distanceicon.gif") 5px 0 no-repeat;
}

#userHistory dl dt.historyCash{
margin-left: 148px;
}
#userHistory dl dd.historyCash{
margin-left: 148px;
background:url("../images/cashicon.gif") 5px 0 no-repeat;

}

#userHistory dl dt.historyCarbon{
margin-left: 296px;
}
#userHistory dl dd.historyCarbon{
margin-left: 296px;
background:url("../images/carbonicon.gif") top left no-repeat;
}
.historyDistance,
.historyMoney,
.historyKg{
font-size:150%;
font-weight:bold;
display:block;
clear:left;
}
.historyDate,
.historyApprox,
.historyTon{
font-size:90%;
}

#userTripmates{
margin: 10px 15px 0 5px;
padding: 5px;
padding-right:0px;
padding-left: 0;
border-top: 1px solid #bcdce7;
}

#userTripmates ul{
list-style:none;
}

#userTripmates ul li{
display:block;
padding: 5px 0px 5px 0px;
}
#userTripmates ul li a{
line-height:20px;
}
#userTripmates ul li img{
padding-right: 5px;
border:none;
outline:none;

}

#userTripmates ul li.allTripmates{
float: none;
clear:both;
}

#groupStats{
margin: 0;
padding: 0;
padding-bottom:10px;
border-bottom: 1px solid #bcdce7;
width:100%;

}



#groupStats p{
font-weight:bold;
}

#groupStats dl{
position:relative;
height: 70px;
display:block;
margin-top: 10px;
}

#groupStats dt{
color: #00adef;
font-weight:bold;
float:left;
width: 148px;
position:absolute;
top: 0;
left: 0;
}

#groupStats dd{
padding-left: 50px;
width: 98px;
position:absolute;
top: 20px;
left: 0;
height: 50px;
padding-top: 5px;
}

#groupStats dl dd.groupMembers{
background:url("../images/groupsicon.gif") 5px 0 no-repeat;
}

#groupStats dl dt.groupCarpools{
margin-left: 148px;
}
#groupStats dl dd.groupCarpools{
margin-left: 148px;
background:url("../images/groupcarpoolsicon.gif") 0px 0 no-repeat;

}

#groupStats dl dt.groupSeats{
margin-left: 296px;
}
#groupStats dl dd.groupSeats{
margin-left: 296px;
background:url("../images/groupseatsicon.gif") top left no-repeat;
}
.memberNum,
.groupCarpoolsnum{
font-size:150%;
font-weight:bold;
display:block;
clear:left;
}
.groupseatsAvail,
.groupSeatsall{
font-size:150%;
font-weight:bold;
}
.groupSeatsall{
font-weight:normal;
color: #CCCCCC;
}

dl#groupDetails{
line-height:25px;
padding: 0px 5px;
border-bottom: 1px solid #bcdce7;

}
dl#groupDetails dt{
float:left;
width: 100px;
font-weight:bold;

}
dl#groupDetails dd{
float: none;
width: 300px;
display:block;
margin-left: 100px;
}
#groupMoredetails{

margin-bottom:10px;
border-bottom: 1px solid #bcdce7;

}

#groupMoredetails h4{
border-top: 1px solid #bcdce7;
margin-top: 10px;
padding: 5px;
}
#groupMoredetails p{
padding: 5px;
}

a.joingroup{
background:url("../images/joingroupbutton.gif") top left no-repeat;
width: 100px;
height: 28px;
display:block;
margin-top: 10px;
text-indent:-2999px;
margin-bottom:10px;
margin-left: 10px;
}
a.joingroup:hover{
background:url("../images/joingroupbutton.gif") bottom left no-repeat;
}

a.createGroup{
background:url("../images/creategroupbuttonclass.gif") top left no-repeat;
width: 100px;
height: 27px;
display:block;
margin-top: 10px;
text-indent:-2999px;
margin-bottom:10px;

}
a.createGroup:hover{
background:url("../images/creategroupbuttonclass.gif") bottom left no-repeat;
}
ul#memberList{
list-style:none;
padding: 0;
margin: 0;
width: 300px;
}
ul#memberList li{
float: left;
width: 150px;
line-height:20px;
}

.historyDate,
.historyApprox,
.historyTon{
font-size:90%;
}


h3.staticHeader{
font-size: 150%;
padding: 0px 0px 0px 0px;
color: #00adef;
height:30px;
display:block;
clear:both;
padding: 15px 25px;
margin-top: 5px;
}

#journeyListheader{
list-style:none;
padding: 0;
margin: 0;
width: 878px;
height:25px;
display:block;
background-color:#ccc;
border: 1px solid #bcdce7;
background: #fff url("../images/rightcoldroptop.gif") top left repeat-x;
}

#journeyListheader li{
float: left;
display:block;
line-height:25px;
color: #b51890;
padding-left: 5px;
}

#journeyListheader li.showhide{
float: right;
padding-right: 5px;
}
.poolerType{
background: url("../images/drivericon.png") top left no-repeat;
width: 22px;
height: 22px;
text-indent:-2999px;
}

table.resultstable{
border: 1px solid #bcdce7;
border-collapse:collapse;
width: 880px;
margin-bottom:20px;
margin-top: 8px;
}

table.journey-route-details-tablehead{

}

h6.show,
h6.hide{
background: url("../images/showhideicon.gif") 100% 50% no-repeat;
padding-left: 25px;
height: 20px;
display:block;
padding: 0;
padding-right: 25px;
/*line-height:20px;*/
font-size:100%;
text-align:right;
}
h6.hide{
background: url("../images/hideicon.gif") 100% 50% no-repeat;
}

.resultstable th{
border: 0;

border-bottom: 1px solid #bcdce7;
background-color:#00adef;
background:#00adef url("../images/journeylistheaderbg.gif") top left repeat-x;
padding: 3px;
padding-left: 5px;
text-align:left;
height:30px;
color: white;
}
.resultstable tr{
border-bottom: 1px solid #bcdce7;
line-height: 20px;
background:#fff;
}
.resultstable tr:hover{
background:#edf8fb;
}
tr.resultsrow2{
background: #fefbfd;
}
tr.resultsrowopen{
background: #dcf2f8;
}
.resultstable tr td{
padding: 5px;
padding-left: 5px;
vertical-align:top;
font-weight:bold;
height:25px;
}
tr.parent1Child1 td{
padding: 0;
}
.resultstable #details{
background-color: #ccc;
min-height: 80px;}

/*#cpDetails{
background-color: #dcf2f8 ;
position: relative;
padding: 10px;
background: #dcf2f8 url(images/cpdetailbg.gif) bottom left no-repeat;

}*/
#cpDetails{
background-color: #edf8fb ;
position: relative;
padding: 20px;
padding-top: 15px;
margin: 0;
min-height: 145px;
}

#cpDetails img{
float: left;
padding: 0 10px 0 0;
margin-top: 10px;}
.cpDetails{
background-color: #ccc;
position: relative;
padding: 10px;
}

.cpDetails img{
float: left;
padding: 0 10px 0 0;}
dl.cpDetaillist{
display: block;
float: left;

}
#cpDetails h3{
color: #00adef;
padding-bottom: 5px;
}
/*
#content h3{
font-size: 140%;
padding: 0px 0px 10px 0px;
color: #00adef;
}*/

h3.userMatchesheader{
font-size: 140%;
padding: 0px 0px 10px 0px;
color: #00adef;
}
.cpDetailtags h5,
.cpDetailnotes h5,
.cpDetailsnetworklastfm h5{
color: #00adef;
padding-bottom: 0px;
margin-bottom: 9px;
font-size:100%;
padding-top: 5px;
border-bottom: 1px solid #bcdce7;
}
.cpDetaillist dt{
float: left;
width: 135px;
padding-bottom: 5px;
padding-top: 5px;
}
.cpDetaillist dd{

padding-bottom: 5px;
padding-top: 5px;
font-weight:normal;
/*border-bottom:1px solid white;*/
}


.cpDetailtags{
margin-left: 320px;
width: 280px;
min-height: 90px;
display:block;
}
.cpDetailnotes{
margin-left: 320px;
width: 280px;
display:block;
}
#cpDetails .cpDetailnotes p{
width: 280px;
}
.cpDetailsnetworklastfm{
margin-left: 320px;
width: 280px;
display:block;
background:url("../images/lastfmlogo_small.gif") top right no-repeat;
}
#cpDetails .cpDetailsnetworklastfm p{
width: 280px;
}

.lastfmResult{
color: #009900;
}

.cpDetailtags ul{
list-style: none;
padding: 0;
margin: 0;
}
.cpDetailtags ul li{
float: left;
display: inline;
}
.cpDetailtags ul li a{
padding-right: 10px;}
.seatsDetails{

}
#listOptions{
list-style:none;
padding: 0;
margin: 0;
border: 1px solid #bcdce7;
background: #fff url("../images/rightcoldroptop.gif") top left repeat-x;
position: absolute;
top: 40px;
right: 20px;
width: 192px;
padding: 10px;
}
#listOptions li{
padding-bottom: 5px;
text-align:right;
}
a.optionsedit{
background:url("../images/optionseditjourney.gif") 100% 50% no-repeat;
padding-right: 25px;
}
a.optionsmap{
background:url("../images/optionsviewmap.gif") 100% 50% no-repeat;
padding-right: 25px;
}
a.optionsdelete{
background:url("../images/optionsdeletejourney.gif") 100% 50% no-repeat;
padding-right: 25px;
}
a.optionssend{
background:url("../images/optionssendmessage.gif") 100% 50% no-repeat;
padding-right: 25px;
}
a.optionsoffer{
background:url("../images/optionsofferseat.gif") 100% 50% no-repeat;
padding-right: 25px;
}
a.optionsrequest{
background:url("../images/optionsrequestseat.gif") 100% 50% no-repeat;
padding-right: 25px;
}
a.optionsirrelevant{
background:url("../images/optionsmarkirrelevant.gif") 100% 50% no-repeat;
padding-right: 25px;
}
a.pin{
background:url("../images/piniconblue.gif") 5px 50% no-repeat;
padding-left: 25px;
}
/*a.optionsedit{
background:url(images/optionseditjourney.gif) 0 50% no-repeat;
padding-left: 25px;
}
a.optionsmap{
background:url(images/optionsviewmap.gif) 0 50% no-repeat;
padding-left: 25px;
}
a.optionsdelete{
background:url(images/optionsdeletejourney.gif) 0 50% no-repeat;
padding-left: 25px;
}
a.optionssend{
background:url(images/optionssendmessage.gif) 0 50% no-repeat;
padding-left: 25px;
}*/

.formButtons{
margin-left:0px;
margin-bottom:20px;
margin-right: 20px;
margin-top: -11px;
padding-top: 10px;
}
#rightcolumn h3 a{
color: #387c2c;
text-decoration:none;
}
#rightcolumn h3 a:hover{
color: #009ac8;
}

#demoReasons {
	float: left;
	width: 525px;
}

#demoReasons ul {
	list-style:none;
	padding: 0;
	margin: 0;
	display:block;
	height:200px;
	position:relative;
}

demoReasons ul li {
	width: 415px;
	height: 60px;
	padding-left: 55px;
}

#demoReasons ul li h5{
	font-size:120%;
	color: #387c2c;
}

#demoReasons ul li p{
	font-size:90%;
	color: #009ac8;
}

#demoRight
{
	float: right;
}

#reasonCosts,
#reasonEnviro,
#reasonTraffic,
#reasonTripmate,
#reasonEvents,
#reasonBusiness,
#reasonSocial,
#reasonSchool,
#reasonSports,
#reasonParties,
#reasonNeighbourhood
{
	padding-left: 60px;
	padding-bottom: 15px;
}

#reasonCosts{
	background: url("../images/reasoncosts.gif") top left no-repeat;
}
#reasonTraffic{ 
	background: url("../images/reasontraffic.gif") top left no-repeat;
}

#reasonEnviro{ 
	background: url("../images/reasonenviro.gif") top left no-repeat;
}

#reasonTripmate{ 
	background: url("../images/reasontripmate.gif") top left no-repeat;
}

#reasonSocial{
	background: url("../images/reasonsocial.gif") top left no-repeat;
}

#reasonEvents{ 
	background: url("../images/reason_event.gif") top left no-repeat;
}

#reasonSchool{ 
	background: url("../images/reasonschool.gif") top left no-repeat;
}

#reasonSports{ 
	background: url("../images/reasonsports.gif") top left no-repeat;
}

#reasonBusiness{
	background: url("../images/reason_business.gif") top left no-repeat;
}

#reasonParties{
	background: url("../images/reasonparties.gif") top left no-repeat;
}

#reasonNeighbourhood{ 
	background: url("../images/reasonneighbour.gif") top left no-repeat;
}

ul#faqlist{
	list-style:none;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 40px 0px;
	border-bottom: 1px solid #ccc;
}

ul#faqlist li{
padding: 0px 0px 5px 0px;
}

.highlight{
font-weight: bold;
color: #009bc9;
}

.homeLoginForm {
	padding-left: 75px;
}

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ FORMS ----- */
/* ------------------------------------------------------------------------------------ */

#journeyForm FORM {
	margin: 10px 10px 0 10px;
}

#journeyForm FORM OL
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#journeyForm FORM LI
{
	padding: 0 0 15px 0;
}

#journeyForm FORM LI .noPadding
{
	margin: 0;
	padding: 0;
}

#journeyForm FORM LI OL
{
	maring: 0;
	padding: 0;
}

#journeyForm FORM LI OL LI
{
	padding: 4px 0;
}

#journeyForm FORM LABEL,
#journeyForm FORM .sectionTitle
{
	color: #337E3D;
	font-size: 120%;
	font-weight: bold;
	width: 350px;
}

#journeyForm .altLabel,
#journeyForm OL #dowGroup LABEL
{
	color: #3A3A3C;
}

#journeyForm FORM INPUT.largefield
{
	display: block;
	font-size: 16px;
	height: 20px;
	margin: 8px 0 2px 0;
	padding: 2px;
	width: 350px;
}
#journeyForm FORM TEXTAREA {
	display: block;
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size: 16px;
	margin: 8px 0 2px 0;
	padding: 2px;
	width: 406px;
}

#journeyForm FORM INPUT.smallfield
{
	display: block;
	font-size: 14px;
	height: 16px;
	margin: 8px 0 4px 0;
	padding: 3px;
	width: 80px;
}

#journeyForm FORM INPUT.timefield,
#journeyForm FORM SELECT.timefield
{
	font-size: 14px;
	margin: 8px 0 4px 0;
	padding: 3px;
}

#journeyForm FORM OL LI OL
{
	padding: 0 5px 0 10px;
}

#journeyForm FORM SPAN
{
	display: block;
	font-size: 11px;
	font-style: italic;
}

#journeyForm FORM FIELDSET
{
	border: 1px solid #BECEDB;
	padding: 0;
}

#journeyForm FORM FIELDSET H3
{
	background-color: #CDEBF6;
	border-bottom: 1px solid #BECEDB;
	color: #377C3D;
	display: block;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 10px 5px;
}

#journeyForm FORM FIELDSET OL {
	margin: 10px;
}

#journeyForm FORM FIELDSET OL LI {
	display: block;
}

#journeyForm OL #dowGroup
{
	margin: 8px 0 4px 0;
}

#journeyForm OL #dowGroup LI
{
	display: inline;
}

#journeyForm #returnBreaker
{
	border-bottom: 1px solid #BECEDB;
	display: block;
	margin: 5px 0 15px 0;
}

#journeyForm .notice
{
	background-color: #CDEBF6;
	border: 1px solid #BECEDB;	
	color: #809EBA;
	display: block;
	font-size: 120%;
	margin: 10px 0;
	padding: 10px 5px;
}

#journeyForm a.dp-choose-date {
	margin-top: 13px;
}

#journeyForm H2 {
	background: transparent url('../images/formerror.gif') no-repeat 0px 0px;
	clear: both;
	color: #FF0000;
	display: block;
	font-size: 13px;
	line-height: 18px;
	margin: 5px 0;
	padding: 2px 0 0 23px;
}


.contactForm H4 {
	padding: 10px;
}

.contactForm TEXTAREA {
	display: block;
	font-size: 16px;
	margin: 8px 0 2px 0;
	padding: 2px;
	width: 350px;
}

.contactForm .contactNews {
	padding: 0 10px;
}



/* ------------------------------------------------------------------------------------ */
/* --------------REGISTRATION FORM ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */

#registration-error
{
	background:transparent url('../images/large_error_icon.png') no-repeat scroll 0px 0px;
	padding:4px 10px 10px 53px;
	margin-bottom:20px;
}



#registration-error h1
{
	font-family: Arial;
	font-size: 14px;
	color:#F00;
}


#registerForm
{
	border:0px;
}

#registerForm ul
{
	padding:0px;
}

#registerForm fieldset legend
{
	font-size:20px;

}

#registerForm ul li
{
	margin-bottom: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 308px;
}

#registerForm label
{
	display:block;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	margin:0px;
	padding:0px;
	width:280px;
}

#registerForm .largefield
{
	border:1px solid #999999;
	display:block;
	font-size:14px;
	margin: 2px 0px 0px 2px;
	padding:5px 7px;
	width:303px;
}

#registerForm #captcha_code
{
	border:1px solid #999999;
	display:block;
	font-size:20px;
	margin:8px 0px 10px 0px;
	padding:5px 7px;
	width:150px;
}


#registerForm span
{
	display:block;
	font-size:11px;
}

#registerForm h2
{
	background:transparent url('../images/formerror.gif') no-repeat 0px 0px;
	color:#FF0000;
	clear: both;
	display:block;
	font-size:13px;
	line-height:18px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:23px;
	padding-top:2px;
}

#registerForm #captcha
{
	border:1px solid #999;
	padding:10px;
	margin-top:20px;
}

.registration-process
{
	width:275px;
}

.registration-process h1
{
	color:#FF0000;
	font-size:16px;
	margin-bottom:6px;
	padding-top:6px;
}

.registration-process h2
{
	font-size:12px;
	line-height:15px;
	margin-bottom:6px;
}

#content .registration-process p
{
	font-size:12px;
	line-height:15px;
	width:300px;
}


.confirmation
{
	background:transparent url(../images/confirmation_success.png) no-repeat scroll 5px 9px;
	padding: 0px 0px 0px 68px;
	width: 800px;
}

#leftcolumn .confirmation p {
	width: 800px;
}

.verify-complete
{
	background:transparent url(../images/confirmation_success.png) no-repeat scroll 5px 9px;
	padding:0px 0px 0px 68px;
	width: 800px;	
}

.already-verified
{
	background:transparent url(../images/confirmation_error.png) no-repeat scroll 5px 9px;
	padding:0px 0px 0px 68px;
	width: 800px;	
}


/*  ---------------------- SWAPMENU STYLING :: userJourneys.php ------------------ */

#swapForm {
	display: inline;
	float: right;
}

#swapForm label {
	font-weight: bold;
	padding-right: 5px;
}

#swapForm select {
	font-family: Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size: 12px;
	padding: 2px;
	width: 150px;
}

#swapForm option {
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	padding-bottom: 2px;
}

/*  ---------------------- end SwapMenu styling ------------------ */




/*  ---------------------- sliding doors buttons - big ups to ParticleTree.com and FilamentGroup.com ------------------ */

#content #button-container span
{
	font-style:normal;
	font-weight:bold;
	font-size:14px;
}

button
{
	border: 0;
	cursor: pointer;
	font-weight: bold;
	outline: none;
	padding: 0 20px 0 0;
	text-align: center;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
}


button span
{ 
	display:block;
	outline: none;
	padding:0 0 0 20px;
	position:relative;
	white-space:nowrap;
}

/*blue buttons*/
button.blueBtn 
{ 
  background:url(../images/buttons/bluebtnright.gif) right no-repeat; 
  font-size:14px;
  font-weight:bold;
}

button.blueBtn span
{ 
	height:30px; 
	line-height:30px;
	background:url(../images/buttons/bluebtnleft.gif) left no-repeat;
	color:#fff; 

}

button.blueBtn:hover
{
	background:url(../images/buttons/bluebtnrighthover.gif) right no-repeat; 
}

button.blueBtn:hover span
{
	background:url(../images/buttons/bluebtnlefthover.gif) left no-repeat; 
}

/*Green Buttons*/
button.greenBtn 
{ 
  background:url(../images/buttons/greenbtnright.gif) right no-repeat; 
  font-size:14px;
  font-weight:bold; 
}

button.greenBtn span
{ 
  height:30px; 
  line-height:30px;
  background:url(../images/buttons/greenbtnleft.gif) left no-repeat;
  color:#fff; 

}

button.greenBtn:hover
{
	background:url(../images/buttons/greenbtnrighthover.gif) right no-repeat; 
}

button.greenBtn:hover span
{
	background:url(../images/buttons/greenbtnlefthover.gif) left no-repeat; 
}

/* Red Buttons*/
button.redBtn
{ 
  background:url(../images/buttons/redbtnright.gif) right no-repeat; 
  font-size:14px;
  font-weight:bold; 
}

button.redBtn span
{ 
  height:30px; 
  line-height:30px;
  background:url(../images/buttons/redbtnleft.gif) left no-repeat;
  color:#fff; 
}

button.redBtn:hover
{
	background:url(../images/buttons/redbtnrighthover.gif) right no-repeat; 
}

button.redBtn:hover span
{
	background:url(../images/buttons/redbtnlefthover.gif) left no-repeat; 
}