﻿html
{
    overflow-y: scroll;
}

body
{
    background-color: #dddddd;
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial;
    font-size: 11px;
    background-image: url('../_Media/background.jpg');
    background-repeat: repeat-x;
}

.A, A:Link, A:Visited, A:Active
{
    color: #FFFFFF;
}

A:Hover
{
    text-decoration: none;
    color: #cccccc;
}

/*------------------------- General Styles ------------------------- */
.headerSection
{
    width: 950px;
    margin: 0px auto;
    text-align: left;
    line-height: 16px;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
}

.headerJoinNow
{
    background-image: url('../_Media/header_joinnow_bg.jpg');
    background-repeat: repeat-x;
    text-align: center;
    width: 297px;
    font-size:18px;
    line-height:20px;
    font-family:Verdana;
    
}

.headerJoinNow A, .headerJoinNow A:Visited, .headerJoinNow A:Active
{
    text-decoration:none;
}

.headerJoinNow A:Hover
{
    text-decoration:underline;
}

.loginStrip
{
    background-image: url('../_Media/loginstrip_bg.gif');
    background-repeat: repeat-x;
    text-align: right;
    vertical-align: middle;
    height: 35px;
}

.contentSection
{
    background-color: #000000;
    width: 950px;
    margin: 0px auto;
    text-align: left;
    line-height: 16px;
    color: #dddddd;
    padding: 10px;
}

.footerSection
{
    text-align: center;
    padding-top: 10px;
}

.footerSection A, .footerSection A:Visited
{
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.footerSection A: Hover
{
    text-align: center;
    color: #DDDDDD;
    font-weight: bold;
}

.titleBar
{
    padding-bottom: 2px;
    height: 25px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    font-style: italic;
}
.titleBar_left
{
    background-image: url('../_Media/titlebar_left.png');
    background-repeat: no-repeat;
    height: 25px;
    width: 7px;
}
.titleBar_middle
{
    background-image: url('../_Media/titlebar_bg.png');
    background-repeat: repeat-x;
    height: 25px;
}
.titleBar_right
{
    background-image: url('../_Media/titlebar_right.png');
    background-repeat: no-repeat;
    height: 25px;
    width: 7px;
}

.contentBox
{
    background-color: #545557;
    color: #dddddd;
}

.contentBoxTop_left
{
    background-image: url('../_Media/contentBoxTop_left.gif');
    background-repeat: no-repeat;
    background-position: left top;
    height: 5px;
    width: 7px;
}

.contentBoxTop_right
{
    background-image: url('../_Media/contentBoxTop_right.gif');
    background-repeat: no-repeat;
    background-position: right top;
    height: 5px;
    width: 7px;
}

.contentBoxBottom_left
{
    background-image: url('../_Media/contentBoxBottom_left.gif');
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 5px;
    width: 7px;
}

.contentBoxBottom_right
{
    background-image: url('../_Media/contentBoxBottom_right.gif');
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 5px;
    width: 7px;
}

INPUT[type="submit"]
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    border: 0px;
    margin: 0px;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #7d7c7c;
}

INPUT[type="text"], INPUT[type="password"]
{
    font-size: 10px;
}

.loginButtom
{
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

INPUT[type="submit"]:Hover
{
    cursor: hand;
    color: #e5efb4;
}

/*------------------------- Message Box Styles ------------------------- */
.ErrorBox
{
    border: solid 1px #f70e19;
    padding: 10px;
    background-color: #f9b498;
    color: #f70e19;
}

.SuccessBox
{
    border: solid 1px #498443;
    padding: 10px;
    background-color: #cdf4c9;
    color: #498443;
}

.SuccessBox A, .WarningBox A:Link, .WarningBox A:Visited, .WarningBox A:Active
{
    color: #498443;
}

.SuccessBox A:Hover
{
   text-decoration: none;
}

.WarningBox
{
    border: solid 1px #F9BB00;
    padding: 10px;
    background-color: #FFEDB7;
    color: #8E4700;
}

.WarningBox A, .WarningBox A:Link, .WarningBox A:Visited, .WarningBox A:Active
{
    color: #8E4700;
}

.WarningBox A:Hover
{
    text-decoration: none;
}

/*------------------------- Form Styles ------------------------- */
.TableForm
{
    text-align: left;
    width: 100%;
}

.TableFormLeftLabel
{
    text-align: right;
    font-weight: bold;
    width: 155px;
}

.RequiredField
{
    color: #FF0000;
}

.SectionHeader
{
    border-bottom: dotted 1px #cccccc;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    font-style: italic;
    padding-top: 20px;
}

.FormButtonSection
{
    text-align: center;
    padding: 20px;
}

/*------------------------- Profile Page Styles ------------------------- */

.tab
{
    background-image: url('../_Media/tab_bg.jpg');
    background-repeat: repeat-x;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
.selectedTab
{
    background-color: #545557;
    color: #dddddd;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
.tab A, .tab A:Link, .tab A:Visited, .tab A:Active, .selectedTab A, .selectedTab A:Link, .selectedTab A:Visited, .selectedTab A:Active
{
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

.tab A:Hover
{
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

.tabContentSection
{
    background-color: #545557;
    color: #dddddd;
    padding: 10px;
}

.profileLeftColumn
{
    background-color: #2d2c2c;
    padding: 5px;
    width: 200px;
}

.profileLink
{
    border-bottom: dotted 1px #CCCCCC;
    padding-bottom: 2px;
    padding-left: 5px;
}

.profileLink:hover
{
    text-decoration: none;
    background-color: #cccccc;
    color: #2d2c2c;
}

.profileLinkNoHover
{
    border-bottom: dotted 1px #CCCCCC;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.profileLink A, .profileLink A:Link, .profileLink A:Visited, .profileLink A:Active, .profileLinkNoHover A, .profileLinkNoHover A:Link, .profileLinkNoHover A:Visited, .profileLinkNoHover A:Active
{
    text-decoration: none;
}

.profileLink A:Hover
{
    text-decoration: none;
    background-color: #cccccc;
    color: #2d2c2c;
}

.profileLinkNoHover A:Hover
{
    color: #cccccc;
    text-decoration: underline;
}

.profileLeftColumn .sectionHeaderBar
{
    font-weight: bold;
    background-color: #CCCCCC;
    color: #2d2c2c;
    padding: 3px;
}

.profileContentSection
{
    background-color: #2d2c2c;
    padding: 10px;
}
.tableInfoDisplay
{
    text-align: left;
    width: 100%;
}

.tableInfoDisplayLeftLabel
{
    text-align: left;
    font-weight: bold;
    width: 145px;
    vertical-align: top;
}

.sectionAddEditLink
{
    text-align: right;
    padding-bottom: 5px;
}

.sectionAddEditLink A, .sectionAddEditLink A:Link, .sectionAddEditLink A:Visited, .sectionAddEditLink A:Active
{
    font-weight: bold;
}

.sectionAddEditLink A:Hover
{
    font-weight: bold;
    text-decoration: none;
}

/*------------------------- Mailbox Styles ------------------------- */

.MailBox
{
    color:#000000;
}

.MessageInbox
{
    border:solid 1px #FF0000;
}

.MessageNotRead
{
     background-color:#93abab;
     border-bottom:solid 1px #000000;
}

.MessageRead
{
     background-color:#c1bec3;
     border-bottom:solid 1px #000000;
}

.MailBox tr:hover
{
	background-color: #EEEEEE;
	color:#000000;
	border-bottom:solid 1px #000000;
}
/*------------------------- Blog Styles ------------------------- */

.BlogContentSection
{
    background-color: #545557;
    color: #dddddd;
    padding: 20px;
}

.BlogTitle
{
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 20px;
    line-height:20px;
}

.BlogBodyText
{
    font-size: 12px;
}

.BlogCommentBox
{
    border: solid 1px #e2e2e2;
    padding: 10px;
    background-color: #f0f0f0;
    color: #000000;
}

.BlogCommentBox A, .BlogCommentBox A:Link, .BlogCommentBox A:Visited, .BlogComment A:Active
{
    color: #878585;
}

/*------------------------- Classified Styles ------------------------- */

.ClassifiedContentSection
{
    background-color: #545557;
    color: #dddddd;
    padding: 20px;
}

.ClassifiedTitle
{
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 20px;
    line-height:20px;
}

/*------------------------- Event Styles ------------------------- */

.EventContentSection
{
    background-color: #545557;
    color: #dddddd;
    padding: 20px;
}

.EventTitle
{
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 20px;
    line-height:20px;
}

/*------------------------- Photo Album Styles ------------------------- */

.PhotoAlbumLink A, .PhotoAlbumLink A:Link, .PhotoAlbumLink A:Visited, .PhotoAlbumLink A:Active
{
    color: #878585;
    text-decoration: none;
}

.PhotoAlbumLink A:Hover
{
    color: #000000;
    text-decoration: underline;
}
/*
--------- Pager --------------------------------------------------------------------
*/
.Pager
{
    text-align: center;
    padding: 4px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    width: 100%;
}
.Pager .Page A, .Pager .Page A:Link, .Pager .Page A:Active, .Pager .Page A:Visited
{
    color: #FFFFFF;
}
.Pager .PagerTable
{
    width: 100%;
}
.Pager .LeftPanel
{
    text-align: left;
}
.Pager .CenterPanel
{
    text-align: center;
}
.Pager .RightPanel
{
    text-align: right;
}
.Pager .Page
{
}
.Pager .Page A
{
    padding-left: 12px;
    padding-right: 12px;
    padding: 5px;
}
.Pager .Page A:Hover
{
    color: #E2E2E2;
}
.Pager .Disabled
{
    font-style: normal;
    padding-left: 12px;
    padding-right: 12px;
    color: #999999;
}
.Pager .LeftPanel .Page A, .Pager .LeftPanel .Disabled
{
    padding-left: 0px;
}
.Pager .RightPanel .Page A, .Pager .RightPanel .Disabled
{
    padding-right: 0px;
}
.Pager .Current
{
    font-weight: bold;
    color: #FFFFFF;
}

/*--------------------------- Testimonial Styles ------------------------- */

.TestimonialQuote
{
    font: 11px Trebuchet MS;
    background: #f0f0f0 top left url('../_media/StartQuote.gif') no-repeat;
    padding: 10px;
    color: #557f97;
    line-height: 18px;
}

.TestimonialEndQuote
{
    background: top left url('../_media/EndQuote.gif') no-repeat;
    font: 11px Verdana;
    padding: 14px 0 0 65px;
    color: #FFFFFF;
}

.TestimonialQuotationMark
{
    font-size:34px;
    line-height:10px;
    position:relative;
    top:10px;
}

/*------------------------- Modal Popup Styles ---------------------------------- */

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
