/*
pabc.css
for Palo Alto Bicycle Club
COIN 71 09w

Primary Author: Tyler Mazaika

Includes modified contents of orignal "bikeclub.css" by Tom A.  starting line 154.
Additional Elements from original "ridedetails.css" by Archana A. included.
*/


* { margin: 0; padding: 0; z-index: 1;}

/* layout boxes */

body { font: 90% Arial, Helvetica, sans-serif; width: 900px; position: relative; margin: 0 auto; background: #fff url("../_images/vertical_blue_white.png") repeat-x fixed 0px 0px; background: #8CAAC4; }

.center { text-align: center; }

a img { border: none; }
a { color: black; }
h5 {text-align: center; padding-top: .5em; font-size: .92em;}
h3 { text-align: center;  padding: .5em 1em .2em; font-size: 1.4em; margin-bottom: 1em; }


#wrapper { position: relative; }
.leftcol { width: 250px; float: left; clear: both;  position: relative; top: 0; left: 0;}
.rightcol {  width: 649px; float: left;  position: relative; top: 0; left: 0px; }
.leftcol h5 { color: #F90; background-color: #000; border-bottom: 1px solid #666; padding: 1em 0 .2em; }
.clearBoth { clear: both; }
#contentArea { position: relative; }


/* HEADER */

#header { position: relative; top: 0; left: 0; padding: .4em 0 0; }
#header h1 { float: left; width: 300px; font-size: 1.8em; }
#header a { color: black; text-decoration: none; }
#header img {}

#msgHead { width: 585px; font-size: .9em; text-align: right; position: absolute; right: 15px; top: 1.3em; }
#msgHead > * { display: inline; margin-left: .3em; }
#msgHead h5 { font-size: 1em; color: #FE0; }
#msgHead h4 { font-size: 1em; color: white; font-style: italic; }
#msgHead h4 span { font-weight: normal; }
#msgHead a { text-decoration: underline; color: white; font-size: .9em;}

#footer { clear: both; }


/* NAV */

#navList li {display: inline; margin: 0; padding: 0;}
#navList a { display: inline-block; margin: 0 2px 0 0; padding: .3em 0; text-align: center;  width: 141px; font-size: 1em; background-color: #F90; border: solid 1px #444; text-decoration: none;}
#navList a:hover { background-color: #FC0; }

#nav { clear: both; margin: 10px 0px; }


/* ******* LEFT COLUMN ************ */

/* WEATHER WIDGET */
#weather {border-bottom: 2px solid black; overflow: hidden; z-index: 0;}

#netWxV2 { overflow: hidden; z-index: 0;}

/* AMAZON */
#amzn_wdgt_pad { z-index: 100; }

/* CALENDAR WIDGET */
#calendarWidget { width: 250px; height: 155px; padding: 10px 0; background: #000;}
#inlineDatepicker { width: 185px; height: 150px; margin: 0 auto; padding: 0 2px 2px 2px; border: 2px solid #777; }


/* ********* RIGHT COLUMN *********** */

/* STYLING FOR ANNOUNCEMENTS */

#announcements_page { border: 3px solid #444; background-color: #fff; padding: 1em; }
#announcement h3{text-align: center; color: #000; padding: .5em 1em .2em;}
#announcement h4{text-align: left; background: #ccc; margin-top: 1.3em; padding: .3em; font-size: 1.2em; border: 1px solid #777; border-bottom: none;}
#announcement p {text-align: left; padding: .5em .3em .2em; border: 1px solid #777; border-top: none;}
#post_announcement {align: center; padding: .5em 1em .2em;border-top: 1px;}
#post_announcement h3{text-align: center; color: #666; padding: .5em 1em .2em;border-top: 1px;}
#post_table tr:first-child { width: 20em; }
#post_table .small { font-size: .8em; color: #555; }


/* NEWSLETTER */

#recentNewsLetter { border: 1px solid #ddddd6; font-size: .9em; padding-left: .5em;}
#recentNewsLetter a {}

#newsletter_archive table { border: 1px solid #889; background: #fff6dd; padding-bottom: .5em; font-size: .9em; margin: 0 auto; width: 500px;}
#newsletter_archive th { background: #dde; padding: .3em; border-bottom: 1px solid #889; font-size: 1.1em;}
#newsletter_archive a { text-decoration: none; color: #000; font-style: italic; display: block}
#newsletter_archive a:hover { text-decoration: underline; }
#newsletter_archive td { padding: .5em 1em .2em;border-top: 1px solid #dca;}
#newsletter_archive td+td {text-align: center;}
#newsletter_archive h3 {text-align: center; }
.info {font-size: .7em; color: #666; padding: .2em 0;}


#ride_details, #post_ride, #announcements_page, #routeLibrary, #newsletter_archive, #routeText { border: 3px solid #444; background-color: #fff; padding: 15px 12px; width: 570px; position: absolute; top: 0px; right: 12px; }
#post_ride h3, #announcements_page h3, #routeLibrary h3, #newsletter_archive h3 { border-bottom: 1px solid #999; }


/* GROUP RIDES SCHEDULE */

#statusArea { font-size: .9em; text-align: right; margin: 12px 13px 0 0; }

#GRSchedule{ width: 600px; margin: 0 10px 0 39px; }
#GRSchedule h2 {text-align: center; background-color: #fff; border: 3px solid #444; padding: .2em 0; margin-left: 10px;}
#GRSchedule h3 { clear: both; font-size: 1.4em; margin: .8em 0 .2em; text-align: center;}
#GRSchedule h4 {background: #fff; border-bottom: 1px solid #444; position: relative; height: 24px;}
#GRSchedule img { margin: 0 0 0 0; float: left; }
.ridelisting { border: 1px solid #444; margin: 0 0 0 13px; clear: both; background-color: #eee; height: 82px; border-top: none;}
#GRSchedule h3 + div.ridelisting { border-top: 1px solid black; }

.ridelisting .grleftcol { width: 70px; float: left; text-align: right; background: #aaa; color: #000;}
.ridelisting .grrightcol { width: 460px; float: left; color: #222; }
.grrightcol, .grleftcol { font: .8em Arial, Helvetica, sans-serif; overflow: hidden; height: 19px; padding: 0px 3px; }

.ride_time, .ride_title, .ride_rating, .details_link {position: absolute; height: 18px; padding: 3px 0;}
.ridelisting .ride_time { width: 113px; background-color: #f90; padding-left: .3em; top: 0; left: 0;}
.ridelisting .ride_title { width: 370px; padding-left: .3em; top: 0; left: 113px;}
.ridelisting .ride_rating { width: 80px; background-color: #fc0; text-align: center; top: 0; right: 0;}
.details_link { width: 50px; top: 0; right: 87px; font-weight: normal; z-index: 10; font-size: .9em; padding-top: 5px; text-align: right; }
.details_link a { text-decoration: underline; color: #555;}

#ride_details #title { font-size: 1.2em; font-weight: bold; margin: .5em 0; padding: .5em 0;}

#map { border: 2px solid #555; }


/* ROUTE LIBRARY */

#routeLibrary table { border: 1px solid #889; background: #fff6dd; padding-bottom: .5em; font-size: .9em;}

#routeList th { background: #dde; padding: .3em; border-bottom: 1px solid #889; font-size: 1.1em;}
#routeList a { text-decoration: none; color: #000; font-style: italic; display: block}
#routeList a:hover { text-decoration: underline; }
#routeList.name { font-weight: bold; }
#routeList { width: 530px; margin: 0 auto 20px; }
#routeList td { padding: .5em 1em .2em;border-top: 1px solid #dca;}
#routeList tbody:first-child td {border-top: none;}

#routeList td+td {text-align: center;}
#routeList_info {font-size: .7em; color: #666; padding: .2em 0;}

#routeText pre {margin: 1em auto;  background: #fff6dd; overflow: auto; width: 500px; border: 1px solid #889; padding: 1em;}
#routeText h3 {}


/* 
FROM bikeclub.css by tom
Date Created: 03-03-2009

Syntax recommendation http://www.w3.org/TR/REC-CSS2/

added 3/14/09 with minor modifications by Tyler */

#post_ride select { width: 110px; }

div#admin_header {
        font-family: sans-serif;
        font-size: large;
        background: rgb(234,234,234);
        border: 1px solid rgb(200, 200,200);
        width: 16em;
        padding: 1em;
        text-align: center;
        margin-left: auto;
        margin-right: auto;

    }

div#title{display:inline;}

.label { display: block; float: left; width: 120px; text-align: right; margin-right: 5px; }
.form-row { text-align:right; padding: 5px 5px 5px 0; clear: left; width: 100px; float:left;}
.form-dom { text-align:left; padding: 5px 0; width: 250px; clear:right;float:left;}
 label.error { width: 250px; display: block; float: left; color: red; padding-left: 10px; }
.form-clear { text-align:right; padding: 2px 0; width: 100px; float:left;}

div#header2{
    color:red;
    font-size: .9em;
}

div#city{
    display: inline;
}
div#start_point{
    display: inline;
}
div#map_test{

}
div#day{
    display: inline;
}
div#date{
    display: inline;
}

div#time{
    display:inline;
}

div#leader{
    display:inline;
}

div#leader_phone{
    display:inline;
}

div#description{
    display:inline;
    }
div#photo_url{
        display:inline;
    }
.dbinsertresult{
    display:inline;
}

.clearbutton{
    display:inline;
}

div#console{
        font-family: sans-serif;
        font-size: small;
        background: rgb(200,234,20);
        border: 1px solid rgb(200, 200,200);
        width: 35em;
        padding: 1em;
        text-align: left;
        margin-left: 20px;
        margin-right: auto;
}


 
div#AnswerLine{
        font-family: sans-serif;
        font-size: large;
        background: rgb(200,234,200);
        border: 1px solid rgb(200, 200,200);
        padding: 1em;
        text-align: center;
        margin-left: 5em;
        margin-right: 30em;
}

div#AnswerResult{
        font-family: sans-serif;
        font-size: large;
        background: rgb(200,234,200);
        border: 1px solid rgb(200, 200,200);
        padding: 1em;
        text-align: center;
        margin-left: 5em;
        margin-right: 10em;
}

div#insertbutton{
        color:#050;
        font: bold small 'trebuchet ms',helvetica,sans-serif;
}