﻿body
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    margin:0;
    background:#bcbcbc;
}
 .style1
        {
            color: #FF0000;
            font-size: small;
        }
        
a
{
    color: #b90101;
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}
h1
{
     font-family: Arial, Helvetica, sans-serif;
     font-size:22px;
     color:#b90101;
}
h2
{
     font-family: Arial, Helvetica, sans-serif;
     font-size:18px;
     color:#333;
}
#container
{
    width:1005px;
    margin:auto;
    background: #ffffff;
}
#header
{
    background-image: url( '../images/header_bg.jpg' );
    background-repeat: repeat-x;
    height:80px;
    padding:10px;
    position:relative;
}
#header .changepassword
{
    position:absolute; 
    top:10px; 
    right:10px;
}
#header .changepassword a.passwordlink
{
    color:#fff;
    font-size:11px;
    cursor: pointer;
}
#content
{
    padding: 15px;
}

#footer
{
    border-top:dashed 1px #353535;
    color:#353535;
    padding:15px;
    font-size:11px;
    margin-top: 15px;
}
#footer a
{
    color:#353535;
    text-decoration:underline;
}
#regInfo
{
    float:left;
    margin-left:35px;
    color:#fff;
    font-size:11px;
}
.form
{
    float:left;
}
.form h2
{
    margin-top:0px;
}
.form .row
{
    padding-bottom:5px;
}
.form .label
{
    float:left;
    text-align:right;
    width:120px;
    padding-right: 10px;
}
.bigField
{
    width:250px;
}
.inlineList
{
    margin-left:-50px;
}
.inlineList li
{
    float:left;
    display:inline;
    margin-left:15px;
    margin-bottom:15px;
    width:200px;
}
.simpleList li
{
    display: list-item;
    margin-bottom: 0px;
    margin-left: -25px;
    list-style-type: disc;
}
ul.menu
{
    margin-top:20px;
    margin-left:-30px;
}
.menu li
{
    float: left;
    display: inline;
    margin-right: 15px;
    padding-right: 15px;
    margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
    border-right:solid 2px #fff;
    font-size: 12px;
    color: #FFFFFF;
    font-weight:bold;
}
.menu a
{
    color:#fff;
    text-decoration:none;
}
.modalPopup
{
    padding: 15px;
    border: #000000 2px solid;
    background-color: #ffffff;
    vertical-align: middle;
}
.modalBackground
{
    background-color: #000000;
    filter:alpha(opacity=70);
    -moz-opacity: 0.75;
    opacity:.7;
}
.clear
{
    clear:both;
}
.border
{
    border:solid 1px #333333;
}
pad
{
    padding:10px;
}
.error
{
    color: #FF0000;
    font-weight: bold;
}
.valid
{
    color: #00CC00;
    font-weight: bold;
}
.highlight
{
    color: #FF6600;
    font-weight: bold;
}
.errorAlt
{
    color: #FF0000;
    font-size: 10px;
}
.validAlt
{
    color: #00CC00;
    font-size: 10px;
}
input.small
{
    height:24px;
    font-size:10px;
}
.bigCalendar
{
    float:left;
    width:950px;
    border:solid 1px #000;
}
.bigCalendar .day
{
    height:100px;
    text-align:right;
    vertical-align:top;
}
.bigCalendar .day a
{
    text-decoration:none;
    cursor:pointer;
    font-weight:bold;
}
.bigCalendar .otherMonthDay
{
    background-color: #CCCCCC;
    height:100px;
    text-align:right;
    vertical-align:top;
}
.bigCalendar .otherMonthDay a
{
    font-weight:normal;
    text-decoration:none;
    cursor:text;
}
.bigCalendar .monthTitle
{
    background-color: #666666;
    font-weight: bold;
    color: #FFFFFF;
}
.bigCalendar .day a.calLink,.bigCalendar .otherMonthDay a.calLink
{
    font-weight: normal;
    cursor:pointer;
}
.unavailable
{
    color:#cccccc;
    text-decoration:line-through;
}
.driveList div
{
    border-bottom:dotted 1px #cccccc;
    padding-bottom:15px;
    margin-bottom:15px;
}
.sidebar
{
     margin-right:15px;
     float:left;
     width: 200px;
}
.infobox
{
    border:solid 1px #333333;
    width: 200px;
    margin-bottom:15px;
    position:relative;
}

.infobox .header
{
    background-image: url('../images/boxHeader.jpg');
    height:22px;
    font-weight:bold;
    color:#fff;
    margin:0px;
    padding: 8px  8px  0px 8px;
}
.infobox .header a
{
    color: #fff;
    font-size: 10px;
    position:absolute;
    top:8px;
    right:8px;
    cursor: pointer;
}
.infobox .content
{
   padding:10px;
}
.fullCar a
{
    color:Green;
}
.emptyCar a
{
    color: Red;
}
.driverFull a
{
    color: Orange;
}
.observerFull a
{
    color:Black;
}
.classes a
{
    color: #000066;
}
.customDrive:before
{
    content:"*";
}
.customDrive:after
{
    content:"*";
}
.complete:after
{
    content: url("../images/checkmark.png");
}
.subtle
{
    font-size:10px;
    color:#333;
}
.login
{
    background-image:url('../images/login_bg.png');
    width:400px;
    height:300px;
    text-align:center;
    margin:auto;
    color:#fff;
    
}
.login table.form
{
    font-weight:bold;
}
.login a
{
    color:White;
    font-weight:bold;
}
.login h1
{
    color:#fff;
    padding-top:10px;
    margin-top:0px;
}
.login .admin
{
    position:absolute;
    right:10px;
    bottom:10px;
}
.login .admin a
{
    font-weight:normal;
    font-size:10px;
}
.fakeButton
{
    border: 1px solid #333333;
    cursor: pointer;
    background-color: #CCCCCC;
    font-size: 11px;
    padding: 6px;
    float:left;
    width:100px;
    margin-bottom:10px;
    margin-top:10px;
    color:#333;
    text-decoration:none;
}
.disabledFakeButton
{
    border: 1px solid #808080;
    background-color: #DFDFDF;
    font-size: 11px;
    padding: 6px;
    float: left;
    width: 100px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #808080;
    text-decoration: none;
}
