#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;

}




/* 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%;

}


.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{}



#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/carpoolsintro2.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;

}

#saveThings{
text-align: center;
padding: 20px 0px 5px 0px;
color: #009ac8;
font-size: 150%;
}

#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: 70px;
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: 0px;
padding-top: 10px;
}

#rightcolumn h3 a{
color: #387c2c;
text-decoration:none;
}

#rightcolumn h3 a:hover{
color: #009ac8;
}

h4#demoBenefits{
background: url("../images/tripmibenefitshead.gif") top left no-repeat;
width: 215px;
height: 25px;
display: block;
text-indent: -2999px;}

h4#memberLoginhome{
background: url("../images/tripmimemberloginhome.gif") top left no-repeat;
width: 215px;
height: 25px;
display: block;
text-indent: -2999px;}


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

	background: #e7f2ee;
}

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

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

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

#demoReasons ul li p{
	font-size:95%;
	color: #009ac8;
	line-height: 130%;
}

#reasonCosts,
#reasonEnviro,
#reasonTraffic,
#reasonTripmate{
	padding-left: 60px;
	padding-bottom: 10px;
}

#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{ 
top: 80px;
left: 440px;
position:absolute;
background: url("../images/reasonsocial.gif") top left no-repeat;
}


#reasonSchool{
top: 0;
left: 0;
position:absolute;
background: url("../images/reasonschool.gif") top left no-repeat;
}
#reasonSports{ 
top: 80px;
left: 0;
position:absolute;
background: url("../images/reasonsports.gif") top left no-repeat;
}

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

#reasonNeighbourhood{ 
top: 80px;
left: 440px;
position:absolute;
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;
}

.tripMi{
color: #32732c;
font-weight: bold;
}

.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: 14px;
	font-style: normal;
}

#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:14px;
	font-weight: bold;
}

#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;
}

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

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


/*  ---------------------- 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 ------------------ */

/*  ---------------------- PUBLIC PAGE STYLES 22 August ------------------ */

#reasonCosts,
#reasonEnviro,
#reasonTraffic,
#reasonTripmate{
	padding-left: 60px;
	padding-bottom: 10px;
}

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

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

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

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


#reasonSchool{
top: 0;
left: 0;
position:absolute;
background: url("../images/reasonschool.gif") top left no-repeat;
}
#reasonSports{ 
top: 80px;
left: 0;
position:absolute;
background: url("../images/reasonsports.gif") top left no-repeat;
}

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

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

#demo #registerForm fieldset legend
{
	font-size:110%;

}

#home #infoarea h4{
padding-top: 0;
}

#demo #infoarea h4{
font-size: 120%;
color: #387c2c;
border: none;
padding-bottom:5px;
padding-top: 0px;
}

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

#demo #registerForm.homeLoginForm {
	padding-left: 0px;
}

#demo #registerForm.homeLoginForm fieldset legend{
padding-bottom: 5px;
}

#demo #registerForm.homeLoginForm label{
font-size: 13px;
padding-left: 2px;
}

#demo #registerForm.homeLoginForm ul li{
padding-top: 0;
}

.remCheck{
float: left;
margin-right: 5px;
margin-left: 3px;
}

li.rememberMe{
font-weight: bold;
font-size: 11px;
color: #009AC8;}

label.remChecklabel{
font-size: 90%;
}

#forgotPass{

}

#registerForm{
padding-left: 2px;
}

#registerForm form.cmxform{
margin-top: 0;
padding-bottom:0px;
}

#registerForm form.cmxform fieldset{
margin-top: 0;
padding: 0;
}

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

.highlight{
padding=bottom: 10px;
font-size: 14px;
line-height: 140%;
margin-bottom: 10px;
}
.staticText h4{
padding-bottom: 5px;
}
.staticText p{
padding-bottom: 10px;
}

.staticText ol{
padding-top: 0;
padding-bottom: 0;
}

.staticText ol li{
padding-bottom: 10px;
margin-left: 5px;
}

#rightcolumn { 
 padding: 20px;
 width: 435px;
 border: none;
 background: #fff;
 line-height:130%;
}

#journeyForm FORM {
	margin: 0;
}
#journeyForm form fieldset {
	margin: 0;
}

#journeyForm .formButtons{
margin-left: 10px;}

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;
}

.faqText h3{
color: #377c3d;
padding-bottom: 5px;
}

.faqText p{
padding-bottom:10px;}

div.contactSent{
border: 1px solid #becedb;
background: none;
display: block;
padding: 10px;
}
div.contactSent h1{
font-size: 140%;
padding-bottom: 5px;
color: #327c2c;
}
div.contactSent p{
padding-bottom: 5px;
}

/*  ---------------------- END PUBLIC PAGE STYLES 22 August ------------------ */