﻿body
{
    background-color: #ffffff;
    font-size: 12px;
    /*font-family: HelveticaLTStdRoman;*/
    font-family: Arial, Helvetica, Verdana, "Lucida Grande", "Segoe UI", sans-serif;    
    padding: 0px;
    color: #a0a1a2;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
}

/* Top */

.top
{
    background-image: url(/images/navbr.png);
    height: 31px;
    width: 100%;
}

.right
{
    float: right;
}
.left
{
    float: left;
}
.top1
{
    padding-top: 10px;
    color: #a0a1a2;
    font-size: 12px;
    float: right;
}

.top2
{
    padding-top: 10px;
    float: left;
    padding-right: 5px;
}

.passwordbox
{
    height: 35px;
}



.login
{
    background-image: url(/images/buttons/login.png);
    border: 0px;
    height: 32px;
    width: 84px;
}

.loginfield
{
    border: 2px;
    border-color: #dfe0e0;
    border-style: solid;
    width: 125px;
    color: #a0a1a2;
}


.topbold
{
    font-weight: bold;
    font-size: 12px;
}

.text1
{
    color: #a0a1a2;
}




.toppage
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    height: 100px;
}
.bottompage
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-left:230px;
  
}

.imageborder0
{
    border: 0px;
    border-style: none;
}


/* End Top */




.page
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    min-height: 300px;
    border: 0px;
    border-style: solid;
}

.footer
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    border: 0px;
    border-style: solid;
    font-size:100%;
}


.content
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    min-height: 400px;
    border: 0px;
    border-style: solid;
    padding-bottom: 100px;
    min-height: 480px;
}




.content3
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    min-height: 400px;
    border: 0px;
    border-style: solid;
    padding-bottom: 100px;
    min-height: 590px;
}


.right
{
    float: right;
}

.leftcontent
{
    float: left;
    width: 465px;
    font-size: 26px;
    line-height: 35px;
}

.rightcontent
{
    float: right;
    font-size: 15px;
    width: 360px;
}
.left5
{
    padding-left: 5px;
}
.sep
{
    background-image: url(/images/sep.png);
    height: 8px;
    width: 100%;
}

a.url1
{
    color: #17125f;
    font-weight: bold;
    text-decoration: underline;
}
a:hover.url1
{
    color: #17125f;
    font-weight: bold;
    text-decoration: underline;
}
a.url2
{
    color: #00b0da;
    font-weight: bold;
    text-decoration: underline;
}
a:hover.url2
{
    color: #00b0da;
    font-weight: bold;
    text-decoration: underline;
}
a.url3
{
    color: #0099ab;
    font-weight: bold;
    text-decoration: underline;
}
a:hover.url3
{
    color: #0099ab;
    font-weight: bold;
    text-decoration: underline;
}
a.url4
{
    color: #a0a1a2;
    text-decoration: none;
}
a:hover.url5
{
    color: #17125f;
    text-decoration: none;
}
a.url5
{
    color: #17125f;
    text-decoration: none;
}
a:hover.url4
{
    color: #a0a1a2;
    text-decoration: none;
}

.zero
{
    float: left;
    width: 200px;
}
.one
{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.two
{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.three
{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.four
{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.five
{
    float: left;
    padding-left: 5px;
}

.sep2
{
    background-image: url(/images/sep2.png);
    height: 162px;
    width: 12px;
    float: left;
    padding-left: 5px;
    padding-top: 10px;
}

ul
{
    padding-left: 10px;
    padding-right: 10px;
    list-style: none;
    line-height: 20px;
}






#swrapper
{
    text-align: left;
    margin: 0px auto;
    padding: 0px;
    border: 0;
    width: 100%;
}

#sheader
{
    text-align: center;
}

#side-a
{
    float: left;
    width: 298px;
}

#side-b
{
    float: right;
    width: 298px;
}

#content
{
    float: left;
    width: 298px;
    padding-left: 2px;
}

.solbr
{
    background-image: url(/images/solutionsbr.png);
    height: 51px;
    width: 100%;
}

.head2
{
    color: #312d2e;
    font-size: 18px;
    font-weight: 200;
    padding-bottom: 20px;
}


#swrapper2
{
    margin: 0px auto;
    padding: 0px;
    padding-bottom: 30px;
    text-align: right;
    width: 900px;
}



#side-a2
{
    float: left;
}

#side-b2
{
    float: left;
}

#content2
{
    float: left;
}



.swrapper3
{
    margin: 0px auto;
    padding-top: 20px;
    width: 100%;
}



.side-a3
{
    float: left;
    width: 50%;
}

.side-b3
{
    float: left;
    width: 50%;
}





.swrapper4
{
    margin: 0px auto;
    padding-top: 20px;
    padding-left: 130px;
    border: 0px;
    border-style: solid;
}



.side-a4
{
    float: left;
    width: 202px;
    padding-left: 20px;
}

.side-b4
{
    float: right;
    width: 202px;
}


.midle-4
{
    float: left;
    width: 202px;
    padding-left: 30px;
    padding-right: 20px;
}
.swrapper5
{
    margin: 0px auto;
    padding-top: 20px;
    padding-left: 30px;
    border: 0px;
    border-style: solid;
}



.side-a5
{
    float: left;
    width: 202px;
    padding-left: 20px;
}

.side-b5
{
    float: right;
    width: 202px;
}


.midle-5
{
    float: left;
    width: 250px;
    padding-left: 30px;
    padding-right: 20px;
}


























.topbuttom20
{
    padding-bottom: 50px;
}

.buildingmanagementbr1
{
    background-image: url(/images/buildingmanagement/br1.png);
    height: 42px;
    width: 100%;
}

.forresidentsbr1
{
    background-image: url(/images/forresidents/br1.png);
    height: 42px;
    width: 100%;
}



.buildingmanagementnav
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
/*text-transform: uppercase;*/
#navlist
{
    margin: 0;
    padding-top: 12px;
    font-size: 12px;
    
}

#navlist ul, #navlist li
{
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
    float: left;
    line-height: 14px;
    font-weight: bold;
    padding-right: 15px;
    text-align: center;
    text-decoration: none;
    color: #74719f;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
    background: transparent;
    color: #ffffff;
}

#navlist a:hover
{
    color: #ffffff;
}









/*text-transform: uppercase;*/


#navlist2
{
    margin: 0;
    padding-top: 12px;
    font-size: 12px;
    
}

#navlist2 ul, #navlist2 li
{
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#navlist2 a:link, #navlist2 a:visited
{
    float: left;
    line-height: 14px;
    font-weight: bold;
    padding-right: 55px;
    text-align: center;
    text-decoration: none;
    color: #cce6e9;
}

#navlist2 a:link#current, #navlist2 a:visited#current, #navlist2 a:hover
{
    background: transparent;
    color: #ffffff;
}

#navlist2 a:hover
{
    color: #ffffff;
}


.navlist3 a:link, .navlist3 a:visited{
    text-decoration: none;
    color: #cce6e9;
}

.navlist3 a:link#current, .navlist3 a:visited#current, .navlist3 a:hover{
    background: transparent;
    color: #ffffff;
}

.navlist3 a:hover{
    color: #ffffff;
}






.content4
{
    width: 100%;
    font-size: 19px;
    color: #231f20;
    border: 0px;
    border-style: solid;
}


.admincontent
{
    width: 100%;
    font-size: 12px;
    color: #231f20;
    border: 0px;
    border-style: solid;
}

.leftcontent2
{
    float: left;
    width: 430px;
    font-size: 19px;
    color: #231f20;
    border: 0px;
    border-style: solid;
}

.rightcontent2
{
    float: right;
    font-size: 15px;
    width: 441px;
    padding-top: 20px;
    font-size: 19px;
    color: #231f20;
}



.leftcontent3
{
    float: left;
    width: 430px;
    font-size: 19px;
    color: #231f20;
    border: 0px;
    border-style: solid;
}

.rightcontent3
{
    float: right;
    width: 430px;
    font-size: 19px;
    color: #231f20;
    border: 0px;
    border-style: solid;
}


.headline2
{
    padding-top: 20px;
    padding-bottom: 10px;
}
.normal
{
    /*font-family: HelveticaLTStdRoman, Arial;*/
    font-family: Arial, Helvetica, Verdana, "Lucida Grande", "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 23px;
    list-style-type: disc;
}
.center
{
    text-align: center;
}


.headline5
{
    color: #aeb0b2;
}

.headline2a
{
    padding-top: 20px;
    padding-left: 2px;
    padding-bottom: 10px;
    color: #40C3E3;
    font-weight: bold;
    font-size: 25px;
    padding-bottom: 20px;
    font-family: Arial, Helvetica, Verdana, "Lucida Grande", "Segoe UI", sans-serif;
}

#left7
{
    float: left;
    width: 140px;
}
#main7
{
    position: relative;
}

.faqtitle
{
    color: #17125f;
    font-size: 20px;
    font-weight: bold;
    padding-top: 15px;
}

.faqtitle2
{
    color: #17125f;
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
}

.content5
{
    padding-bottom: 50px;
}

div.clear
{
    clear: both;
}

.table
{
    border-collapse: collapse;
    border-spacing: 0;
}

.welcomebox
{
    border-collapse: collapse;
    border-spacing: 0;
    color: #17125f;
    font-weight: bold;
    text-transform: uppercase;
    border: 0px;
    border-style: dashed;
    text-align: right;
    font-size: 14px;
}

.welcometd
{
    padding-right: 30px;
}

.qline
{
    border: 1px;
    border-style: solid;
    color: #DFE0E0;
    background-color: #DFE0E0;
}
.qimage
{
    border-color: inherit;
    border-width: 0px;
    border-style: none;
    height:90px;
    width: 150px;
}


/*CSS by Subin Fernandez*/

.div_RadioBackground_Travel_Active{
    background:#F2274C; color:#FFFFFF; font-size:18px; font-weight:bold; padding:10px
    }

.div_RadioBackground_Travel_Inactive{
    background:#FFFFFF; color:#000000; font-size:18px; font-weight:bold; padding:10px
    }
    
.div_RadioBackground_ApartmentCleaning_Active{
    background:#85BEB8; color:#FFFFFF; font-size:18px; font-weight:bold; padding:10px
    }

.div_RadioBackground_ApartmentCleaning_Inactive{
    background:#FFFFFF; color:#000000; font-size:18px; font-weight:bold; padding:10px
    }
    
.div_RadioBackground_AssemblyAndRepairs_Active{
    background:#DA8B24; color:#FFFFFF; font-size:18px; font-weight:bold; padding:10px
    }

.div_RadioBackground_AssemblyAndRepairs_Inactive{
    background:#FFFFFF; color:#000000; font-size:18px; font-weight:bold; padding:10px
    }
    
div.FormTitle_Resident{
    color:#00b0da; 
    text-align:center; 
    font-family:ITCAvantGardeGothicStdMedium; 
    font-weight:normal; 
    font-size:25px;
    padding-bottom:10px;
    
}

.RealEstate_Head1
    {font-family:ITCAvantGardeGothicStdDemi; font-size:22px; color:#00B0DA; padding-bottom:15px}
.ReasEstate_Head2
    {font-family:ITCAvantGardeGothicStdDemi; font-size:20px; color:#00B0DA; padding-bottom:15px}
.ReasEstate_Head3
    {font-family:ITCAvantGardeGothicStdDemi; font-size:18px; color:#00B0DA; padding-bottom:15px}
.RealEstate_Head_Table1
    {font-family:ITCAvantGardeGothicStdDemi; font-size:18px; color:#00B0DA}
.RealEstate_Head_Table2
    {font-family:ITCAvantGardeGothicStdDemi; font-size:16px; color:#00B0DA; text-decoration:none}
.RealEstate_Paragraph
    {padding-bottom:15px;text-align:justify}
    