/*
    Document   : woopwoop
    Created on : 30.6.2009, 17:50:16
    Author     : eanddys
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body {
    font-family:Arial,Helvetica;
    color:#5b5d5a;
}
#header {
    height:40px;
}

#headerRight {
    float:right;    
    color:#5b5d5a;
    font-family: Arial,Helvetica;
    text-align:right;
    
    margin-left:5px;
    
        border-left:1px solid #ccc;
    
}
.bordersTrue {

    border-right:1px solid #ccc;
}
.bordersFalse {
    border: none;
}

#connectButton {
    margin-top:40px;
    float:right;
}
/* GREEN BOX */
/* set millions of background images */
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 15px; }
.rbroundbox { width: 250px; }

/* RED BOX */
/* set millions of background images */
.redrbroundbox { background: url(rnt.gif) repeat; }
.redrbtop div { background: url(rtl.gif) no-repeat top left; }
.redrbtop { background: url(rtr.gif) no-repeat top right; }
.redrbbot div { background: url(rbl.gif) no-repeat bottom left; }
.redrbbot { background: url(rbr.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.redrbtop div, .redrbtop, .redrbbot div, .redrbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.redrbcontent { margin: 0 7px; }
.redrbroundbox { width: 250px  }


.flL {float:left}
.flR {float:right}
.clrBoth {clear:both}

.rbContent,.redrbContent {
        width:650px;
        height:550px;
        background:#c9f79f;

        border:2px solid #00cc00;
        color: #00cc00;
        font-weight:bold;
        font-family:Arial,Helvetica;
        font-size:25px;
    }

.redrbContent {
    border:2px solid #ff0000;
    background:#ffdddd;
    color: #ff0000;
}

table.wwTable {
    margin:20px 40px;
}
table.wwTable tr td {
    padding-right:30px;
    padding-top:20px;
    width:160px;
    vertical-align:top;
}
.rbText {
    font-size:25px;
    font-family:Arial,Helvetica;
    color:#5b5d5a;
    width:180px;
}
.rbSelect {
    color: #5b5d5a;
    font-size:25px;
}
.rbCheckbox {
    font-size:30px;
}
.rbTextarea {
    width:360px;
    height:120px;
    font-size:20px;
    font-family:Arial,Helvetica;
    color:#5b5d5a;
}
.passengerCount {
    display:none;
}
#fromSelect, #toSelect, #stopOverSelect {
    width:300px;
}
#findOthersContainer {
    display:none;
}
#locationContainer {
    padding:10px 0;
    float:right;
    font-family:arial,Helvetica;
    color:#5b5d5a;
    font-size:10px;
}
h1 {font-size:32px;font-family:Arial,Helvetica;color:#fff;}
.findResult {
    color:#5b5d5a;
    font-family:Arial,Helvetica;
    font-size:25px;
    width:660px;
    height:40px;
    clear:both;
    overflow:hidden;
    height:100%;
    /*border-bottom:1px solid #5b5d5a; */
}
.findResultHeading {
    font-weight:bold;
    color:#5b5d5a;
    font-size:25px;
}
.findResultDate {
    float:right
}
.viaCity {
    padding:0;
    margin:0;
    color:#00cc00;
}
.findResultText {
        margin-left:10px;
        padding-top:5px;
        font-size:20px;
}
.findResultUserComment {
    margin-top:10px;
    font-size:16px;
    font-style:italic;

    width:300px;
    line-height:130%;
}
.findResultUserDetails {
        font-size:12px;
        font-style:italic;
        height:30px;
}
.contactMeLink {
    color:#fff;
    font-size:20px;
    font-weight:bold;
    text-decoration:none;
    
}
.contactMeLink:hover {
    cursor:pointer;
}
.red {
    color:#ff0000;
}
.green {
    color:#00cc00;
}
.gray {
    color:#5b5d5a;
}
#dialog {
    display:none;
    width:400px;

}
.footer {
    padding-top:40px;
}
#changeLocationLink {
    margin-left:5px;
    display:block;
    color:#5b5d5a;
    
}
#changeLocationLink:hover {
    text-decoration:underline;
}
#selectLocationContainer {
    text-align:center;
    color:#5b5d5a;
    margin-bottom:150px;  
    padding-right:100px;
    margin-top:10px;
    
   
}
#selectLocationContainer h1 {
    color:#5b5d5a;
}
.locationLink {
    float:left;
    margin-top:50px;
    font-size:20px;
    margin-bottom:10px;
    margin-left:40px;
    text-align:center;
    width:145px;
}
a {
   text-decoration:none;
}

#addMeResponse {
    padding:20px;
    padding-top:100px;
    text-align:center;
}
a.moreResultsLink {
    color:#ff0000;
    text-decoration:underline;
    margin-top:20px;
    font-size:20px;
}
a.moreResultsLink:hover {
    color:#00cc00;
}

.benefits {
    font-size:30px;
    height:150px;
    padding-left:40px;
    margin-bottom:20px;
    text-align:center;
}

.footerLink {
    padding-left:15px;
    font-weight:bold;
}

.footerLink:hover {
    text-decoration:underline;
}
.topMenuItem {
    border-right:1px solid #ccc;
    padding-left:5px;
    padding-right:5px;
}
#fbLoggedInContainer {
    
    
    
}
.fbLoggedIn {
   display:none; 
   font-size:12px;
   margin-right:5px;
   margin-bottom:10px;
   
}
.fbLoggedIn a {
    font-weight:bold;
    text-decoration:underline;
}

.fbLoggedIn a:hover {
    text-decoration:underline;
    color:#ff0000;
}
.editLink {
        display:block;
        float:left;
        width:40px;
        font-size:20px;
        margin-right:10px;
        margin-top:10px;
        text-decoration:underline;
        cursor:pointer;
}
.editLink:hover {
        color:#00cc00;
}
.removingLabel {
    height:80px;
    font-size:20px;
    
}

.faq h1 {
    color:#ff0000;
}
.faq h2 {
    padding-top:15px;
    padding-bottom:10px;
}
.browse h1 {
    color:#f00;
}
.browse a {
    font-size:16px;
    text-decoration:underline;
    color:#00cc00;    
}
.browse a:hover {    
    color:#f00;    
}
p {
    line-height:120%;
    margin-bottom:20px;
}
.adLink {
    color:#00cc00;
    display:block;
    padding-top:30px;
    text-decoration:none;
}
.adLink:hover {
    text-decoration:underline;
}
.underline {
    text-decoration:underline;
}

.essentialsLink {
    color:#ff0000;
    font-size:18px;
    display:block;
    padding-bottom:5px;
    cursor:pointer;
}

.essentialsLink:hover {
    color:#00cc00;
}

.linksLink {
    color:#ff0000;
}
.linksLink:hover {
    color:#00cc00;
}
.browseLink {
    font-size:12px;
    color:#ff0000;
    font-family:Arial,Helvetica;
    margin-right:10px;
    margin-left:10px;
}
.browseLink:hover {
    color:#00CC00;
}
#login {cursor:pointer}

#user-name {font-weight:bold}

#profileImage {
    width:170px;
    height:170px;
    
}
#avatarContainer {
    width:410px;
    font-weight:bold;
    
}
#avatarContainer img {
    margin-right:4px;
    cursor:pointer;
    height:100px;
    width:100px;
    border:1px solid #fff;
    border-radius:2px;
}
#avatarContainer img:hover {
    cursor:pointer;
    border:1px solid #ccc;
    border-radius:2px;
}
#profileTable input,#profileTable textarea {
    font-size:20px;
    font-family: Arial;
    width:300px;
}
#profileTable textarea {
    height:150px;
    
}
#profileTable {
    font-size:20px; 
    margin-top:20px;
    
        
}
#profileTable td {
    padding-bottom:10px;
}
#profileTable td.label {
    font-weight:bold;
    width:150px;
}
#profileTable tr {
    margin-bottom:20px;
    
}
.profileTripLink {
    font-size:20px;
    color:#f00;
    text-decoration:underline;
    padding-left:60px;
    padding-top:3px;
    height:50px;
display:block;
}
.profileTripLink:hover {
    color:#0c0;
}
.seekingLift {
    background: url('/images/rideshare-passenger2.gif') no-repeat ;
}
.seekingPassenger {
    background: url('/images/rideshare-car2.gif') no-repeat ;
}