/* 
Document   : layout
Created on : Apr 30, 2008, 11:07:32 AM
Author     : nanu
Description:
Purpose of the stylesheet follows.
*/

.body {
    color: #B61D1F;
    text-align: center;
    font-family: 'Courier New',Courier,monospace;
    background-color: rgb(235, 236, 240);
    top: 0px;
    margin: 0px;
    padding: 0px;
    background-repeat: no-repeat;
}

.repairtime{
    color: #B61D1F;
}
a.defaultText:link,
a.defaultText:visited,
a.defaultText:hover,
.defaultText{
    color: #B61D1F;
    font-style: normal;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
    font-weight: normal;
    font-variant: normal;
    text-decoration : none;
}

#border {
    width: 940px;
    margin: 0 auto;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    top: 0px;
}

#header {
    width:100%;
    background: #DDDDDD;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
}

#main {
    width:100%;
    background: #FFFFFF;
    background-image:url(../resources/images/pagebg.jpg);
    background-repeat: repeat-y;
}

#leftSideBar {
    float:left;
    width:125px;
    padding-left: 28px;
    background-repeat: no-repeat;
}

#center {
    float:left;
    width:588px;
    padding-left: 3px;
    text-align: justify;
    padding-bottom: 10px;
    background-repeat: no-repeat;
}

#rightSideBar { 
    float:left;
    margin-top:10px;
    width:167px;
    margin-left: 3px;
    background-repeat: no-repeat;
}

#footer { 
    clear:both;
    width: 930px;
    margin-left: 6px;
    height: 19px;
    background-repeat: no-repeat;
}

.footerGroupPanelCss {
    text-align: left;
    color: #00ff00;
    text-decoration : none;
    font-family:verdana;
    font-size:10pt;
    font-weight:normal;
    font-style: normal;
    font-variant: normal;
    padding-left: 25px;
    margin-bottom: 0px;
    padding-top: 8px;
    background-image: url(../resources/images/footer.jpg);
    background-color: rgb(235, 236, 240);
    height: 18px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
a.footerlinks:link,
a.footerlinks:visited,
a.footerlinks:hover
{
    color: #ffffff;
    text-decoration : none;
    font-family:verdana;
    font-size:8pt;
    font-weight:normal;
    font-style: normal;
    font-variant: normal;
    text-align: center;
    text-align: center;
    vertical-align: middle;
    line-height: 8px;
    padding-left: 10px;
}
a.footerlinks:hover {
    color: #999999;
}

.headerPanelCss,
.homeownerHeaderPanelCss,
.spHeaderPanelCss,
.categoryHeaderPanelCss,
.rewardsHeaderPanelCss,
.assistanceHeaderPanelCss,
.faqHeaderPanelCss
{
    background-image: url(../resources/images/homepage_narrow.jpg);
    height: 159px;
    width: 100%;
    background-repeat: no-repeat;
}

.homeownerHeaderPanelCss {
    background-image: url(../resources/images/homeowners_header.jpg);
}
.spHeaderPanelCss {
    background-image: url(../resources/images/sp_header.jpg);
}

.categoryHeaderPanelCss {
    background-image: url(../resources/images/category_header.jpg);
}
.rewardsHeaderPanelCss {
    background-image: url(../resources/images/rewards_header.jpg);
}
.assistanceHeaderPanelCss {
    background-image: url(../resources/images/assistance_header.jpg);
}
.faqHeaderPanelCss {
    background-image: url(../resources/images/faq_header.jpg);
}

.headerLinkGroupPanel {
    height: 18px;
    left: -30px;
    top: 131px;
    position: relative;
    color: #00ff00;
    text-decoration : none;
    text-align:right;
    font-family:verdana;
    font-size:10pt;
    font-weight:normal;
    font-style: normal;
    font-variant: normal;
    padding-left: 10px;
    vertical-align:middle;
    float:right;
}
a.headerlinks:link,
a.headerlinks:visited,
a.headerlinks:hover
{
    color: #ffffff;
    text-decoration : none;
    font-family:verdana;
    font-size:10pt;
    font-weight:normal;
    font-style: normal;
    font-variant: normal;
    padding-left: 25px;
    vertical-align: middle;
}
a.headerlinks:hover {
    color: #999999;
    vertical-align: middle;
}

.scrollGroupPanelCss {
    top: -9px;
    height: 125px;
    left: 580px;
    position: relative;
    width: 325px;
    vertical-align:middle;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

headerscrolllinks,
a.headerscrolllinks:link,
a.headerscrolllinks:visited
{
    color: #006699;
    text-decoration : none;
    font-family:verdana;
    font-size:10pt;
    font-weight:normal;
    font-style: normal;
    font-variant: normal;
    line-height: 35px;
}

.centered {
    text-align:center;
}

.justified {
    text-align: justify;
}

.leftaligned {
    text-align: left;
}

.northLeftPanel,
.eastWestLeftPanel,
.southLeftPanel {
    width:126px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    vertical-align: middle;
}

.northLeftPanel {
    background-image: url(../resources/images/northleftpanel.jpg);
    height:12px;
    background-repeat: no-repeat;
}

.eastWestLeftPanel {
    background-image: url(../resources/images/eastwestleftpanel.jpg);
    height: 100%;
    padding-bottom: 10px;
    margin-top:-3px;
    background-repeat: repeat-y;
    background-color: inherit;
}

.southLeftPanel {
    background-image: url(../resources/images/southleftpanel.jpg);
    height: 11px;
    background-repeat: no-repeat;
}


.leftPanelText,
.leftPanelProfileNameText {
    color: #406673;
    text-decoration : none;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:8pt;
    font-weight:normal;
    font-style: normal;
    font-variant: normal;
    padding-left: 5px;
    padding-right: 10px;
}

.leftPanelProfileText {
    color: green;
}

.contentTop {
    background-image: url(../resources/images/northcontentpanel.jpg);
    height: 18px;
    width: 588px;
    text-indent: 20px;
    line-height: 23px;
    position:absolute;
    z-index:1;
    background-repeat: no-repeat;
}

.contentTopRightNav {
    margin: -25px 20px 0px 0px;
    padding: 0px;
    text-align: right;
    vertical-align: top;
    height:25px;
}
.contentBody {
    background-image: url(../resources/images/eastwestcontentpanel.jpg);
    width:588px;
    height:auto;
    min-height:550px;
    background-repeat: repeat-y;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 40px;
    margin-bottom:0px;
    padding-bottom: 20px;
}

.contentBodyInner,
.contentBodyFooter {
    margin-left:20px;
    margin-right:20px;
    margin-bottom:0px;
    clear:both;
}

.contentBodyInner {
    height:auto;
    min-height:550px;
    width:540px;
}
.contentBodyFooter {
    background-image:url(../resources/images/bottombar.jpg);
    min-height:32px;
    width:534px;
    vertical-align: bottom;
    background-repeat: no-repeat;
}

.contentFooterImage {
    vertical-align:middle;
    border:0;
}
.contentBottom {
    background-image: url(../resources/images/southcontentpanel.jpg);
    width:588px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    background-repeat: no-repeat;
}

.contenttext,
.contentmicro,
.contentheadertext,
.contentsubheadertext,
.contentBodyInner {
    margin-left: 15px;
    margin-right: 0px;
    text-align: justify;
    color: #000000;
    text-decoration : none;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:9pt;
    font-weight:lighter;
    font-style: normal;
    font-variant: normal;
    line-height: 20px;
}
.contentmicro {
    font-size: 7pt;
}
.contentheadertext
{
    text-align: center;
    color: #006699;
    font-weight:bold;
    margin-top: 8px;
    font-size: 10.5pt;
}
.contentsubheadertext {
    margin-top: 8px;
    margin-left: 5px;
    text-align: left;
    font-weight:normal;
    font-size: 10pt;
    text-decoration: underline;
}

.contentYellowHatBar {
    height: 38px;
    width: 439px;
    background-image: url(../resources/images/yellowhatbar.jpg);
    color: #5F2E6F;
    text-decoration : none;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:7pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 38px;
    margin-left: 50px;
    text-indent: 50px;
    background-repeat: no-repeat;
}

.headerPanelWelcomeText,
.line1Text,
.line2Text,
.contentPanelText,
.contentServicesText,
.contentTop{
    color: #5F2E6F;
    text-decoration : none;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:8pt;
    font-weight:bold;
    font-style: normal;
    font-variant: normal;
}

.headerPanelWelcomeText {
    position:relative;
    color: white;
    left: 40px;
    top: 131px;
    width: 250px;
    float:left;
    font-size:7pt;
}

.line2Text,
a.line2Text:link,
a.line2Text.visited,
a.line2Text.hover
{
    color: #999999;
    font-weight:normal;
    line-height: 12px;
}

.contentPanelText {
    color: #000000;
    font-size:9pt;
    font-weight:lighter;
}

.contentServicesText,
.contentTop {
    color: #006699;
    font-size:9pt;
    font-weight:lighter;
}
a.contentlinks:link,
a.contentlinks:visited,
a.contentlinks:hover
{
    color: #007998;
    text-decoration : none;
    font-family:verdana;
    font-size:10pt;
    font-weight:normal;
    font-style: normal;
    font-variant: normal;
}
a.contentlinks:hover {
    color: #999999;
}
.contentBottomRow {
    background-image: url(../resources/images/southcontentpanel.jpg);
    width:100%;
    height: 12px;
    background-repeat: no-repeat;
}

.northDashboard,
.northRightPanel,
.eastWestRightPanel,
.southRightPanel {
    width:168px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.northRightPanel {
    background-image: url(../resources/images/northrightpanel.jpg);
    height:12px;
}
.northDashboard {
    background-image: url(../resources/images/dashboardtop.jpg);
    height:88px;
    line-height: 100px;
    text-align: center;
}

.eastWestDashbaordPanel,
.eastWestRightPanel
{
    background-image: url(../resources/images/eastwestrightpanel.jpg);
    height: 100%;
    padding-bottom: 20px;
    margin-top:-5px;
    background-repeat: repeat-y;
}
.eastWestDashbaordPanel {
    margin-top:-30px;
}
.southRightPanel {
    background-image: url(../resources/images/southrightpanel.jpg);
    height: 11px;
}

.rightPanelText,
.panelTitleText {
    color: #5F2E6F;
    text-decoration : none;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:8pt;
    font-weight:normal;
    font-style: normal;
    font-variant: normal;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.sidePanelHR {
    color:white;
    vertical-align:top;
    border-top-style: ridge;
    border-bottom-style: ridge;
    border-left-style: ridge;
    border-right-style: ridge;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

.sidePanelTitleImg {
    vertical-align:middle;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
}

.panelTitleText {
    vertical-align:middle;
    text-align: center;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    color: #3300cc;
}

.rtbullet {
    list-style-image:url(../resources/images/rt.gif);
    padding-left:10px;
    margin-left:10px;
}

.yellowhatbullet {
    list-style-image:url(../resources/images/yellowhat.gif);
    padding-left:10px;
    margin-left:10px;
}

.rtValErr {
    background-color: yellow;
    font-style: normal;
    color: red;
    padding-left: 1px;
    padding-right: 1px;
    font-weight: bold;
}