

/* Course portal styles */

#oneColumnContent
{
    margin: 0px 50px 0px 50px;
    width: 650px;
}

.courseDateLabel, .courseNameLabel
{
    float: right;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 15px;
    height: 25px;
}

.courseNameLabel
{
    float: left;
}

#dateSelector
{
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 630px;
}

.bookingList
{
    width: 630px;
}

.bookingList th, .bookingList td
{
    padding: 5px;
}

#CoursePortalHeader
{
    width: 630px;
}

#dateSelectorStart
{
    float: left;
}

#dateSelectorEnd
{
    float: right;
}

#gvBookingsDiv
{
    clear: both;
    padding-top: 20px;
}

#coursesPasswordlink
{
    float: right;
    padding-right: 10px;
}


#coursesMenuLeft
{
    float: left;
}


.bookingCellHeader
{
    width: 50px;
    text-align: center;
    font-weight: bold;
}
.bookingCell, .bookingCell a:link
{
    text-align: center;
    font-size: 14px;
}



.bookingCourseName
{
    width: 185px;
}


#upgradeParBox, #upgradeBirdieBox, .upgrade
{
    width: 300px;
    height: 90px;
    margin: 20px auto;
    color: Red;
    border-right: #ffcc33 1px solid;
    padding-right: 20px;
    border-top: #ffcc33 1px solid;
    padding-left: 20px;
    padding-bottom: 20px;
    border-left: #ffcc33 1px solid;
    padding-top: 20px;
    border-bottom: #ffcc33 1px solid;
    background-color: #ffff99;
}

.bigger
{
    font-size: 11pt;
    line-height: normal;
}

#eagleDetails, #albatrossDetails
{
    color: Blue;
    text-decoration: underline;
    cursor: pointer;
}

.table-header
{
    font-weight: bold;
    color: #669966;
}

.odd-row
{
    background: #F0F0F0;
}

#special-bookings
{
    width: 100%;
}

#yes-no div a
{
    font-size: 20pt;
    height: 50px;
    padding: 20px;
    display: block;
    width: 60px;
}

#yes-no div a:hover
{
    background-color: White;
}

#announcementLink a, #announcementLink a:hover
{
    font-size: 1.5em;
    color: #669966;
    text-align: right;
    display: block;
    background: none;
}

.content a.button
{
    color: white;
    background-color: #669966;
    padding: 10px;
}

.content a.button:hover
{
    background-color: #779977;
}

.biggerForm input
{
    font-size: 13px;
}

.greenButton
{
    background: #336633;
    color: White;
    border: solid 2px #336633;
}

.title
{
    color: #669966;
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    margin-top: 20px;
}


div.AspNet-DetailsView-Data ul li
{
    margin-top: 10px;
}
.AspNet-DetailsView-Name
{
    width: 200px;
    display: block;
    color: #498929;
    font-weight: bold;

}

.ajax__tab_body
{
    min-height: 300px;
}

div.ajax__tab_body p
{
    font-size: 62.5%;
}


.membertable
{
    width: 100%;
}

.login-box
{
    margin-top: 30px;
}

.login-left
{
    width: 200px;
    display: inline;
}
.login-right
{
    display: inline;
    float: right;
}



.login-user-pass
{
    margin-left: 20px;
    margin-top: 21px;
    margin-bottom: 20px;
    width: 240px;
}

.login-forgot
{
    margin-left: 77px;
    margin-top: 20px;
}

.members_menu
{
    font-size: 18px;
    margin-top: 20px;
}

.membersAreaTable table { width: 100%; }

.membersAreaTable table thead tr:hover { background-color: white; }
.membersAreaTable table tr:hover { background-color: #f0f0f0; }

.membersAreaTable table td {  }

.switcher { 
    padding-top: 20px;
    line-height: 1.4em;
    text-align: right;
     }


.alert-box {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid;
    border-radius: 4px;
}