.ControlPanel{
	width:674px; margin:0 auto;
    }
.ControlPanelBorder_Top
{
    background:#BCBDC0;
    border-radius:5px;
    height: 8px;
    width: 674px;
}
.ControlPanelBorder_Side{
	background:#BCBDC0;
    }
.ControlPanelBorder_Bottom
{
    background: url('../Images/border_bottom.png') no-repeat;
    height: 8px;
    width: 674px;
}
.ControlPanelHeader{
	background:url(../images/cpanel/panel_head.png) no-repeat; 
	height:92px; 
	width:659px;
    }
    .ControlPanelHeader1{
	background:url(../images/cpanel/panel_head_Copy.png) no-repeat; 
	height:92px; 
	width:720px;
    }
.TabPage{
    color:#333333;
	min-height:300px;
    }
.TabPageHead_WithoutControls_Residents{
     background:#00B0DA; 
     height:10px;
     z-index:1000;
    }
.TabPageHead_WithControls_Residents{
    color:#FFFFFF;
     background:#00B0DA; 
     padding:5px;
     z-index:1001;
    }
.TabPageHead_WithoutControls_ServiceProvider{
     background:#17125f; 
     height:10px;
     z-index:1000;
    }
.TabPageHead_WithControls_ServiceProvider{
    color:#FFFFFF;
     background:#17125f; 
     padding:5px;
     z-index:1001;
    }
.TabPageFoot_WithoutControls{
	background:url(../images/cpanel/panel_foot_withoutControls.png) no-repeat;
	height:4px;
	/*width:659px;	*/
    }
.TabPageFoot_WithControls{
	background:url(../images/cpanel/panel_foot_withControls.png) no-repeat;
	height:37px;
	/*width:659px;	*/
    }
.Div_ControlPanelMainHeading_Residents{
     font-weight:bold; 
     font-size:17px; 
     padding:5px 15px 15px 15px; 
     color:#00b0da
    }
.Div_ControlPanelSubHeading_Residents{
     font-weight:bold; 
     font-size:15px; 
     padding:5px;
     height:20px; 
     color:#00b0da
    }
.Div_ControlPanelMainHeading_ServiceProviders{
     font-weight:bold; 
     font-size:17px; 
     padding:5px 15px 15px 15px; 
     color:#17125f
    }
.Div_ControlPanelSubHeading_ServiceProviders{
     font-weight:bold; 
     font-size:15px; 
     padding:5px;
     height:20px; 
     color:#17125f
    }
.RequestStatus_InProgress{
    padding:3px 20px; 
    background:#009913; 
    color:#FFFFFF; 
    font-weight:bold;
    border:none;
    }
.RequestStatus_Pending{
    padding:3px 20px; 
    background:#1c54df; 
    color:#FFFFFF; 
    font-weight:bold;
    border:none;
    }
.RequestStatus_Complete{
    padding:3px 20px; 
    background:#77787b; 
    color:#FFFFFF; 
    font-weight:bold;
    border:none;
    }
.RequestStatus_Cancelled{
    padding:3px 20px; 
    background:#d2232a; 
    color:#FFFFFF; 
    font-weight:bold;
    border:none;
    }
.URL_ServiceProvider_Active{
    font-weight:bold; 
    padding:0 10px; 
    color:#FFFFFF; 
    text-decoration:none
    }
.URL_ServiceProvider_InActive{
    font-weight:normal; 
    padding:0 10px; 
    color:#FFFFFF; 
    text-decoration:none
    }
.TableBorder_White_Left{
    border-top:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
    }
.TableBorder_White_Right{
    border-top:1px solid #FFFFFF;
    }
.TableBorder_White_Bottom{
    border-bottom:1px solid #FFFFFF;
    }
.TableBorder_Grey_Left{
    border-top:1px solid #bcbdc0;
    border-right:1px solid #bcbdc0;
    }
.TableBorder_Grey_Right{
    border-top:1px solid #bcbdc0;
    }
.TableBorder_Grey_Bottom{
    border-bottom:1px solid #bcbdc0;
    }
.Div_UnreadMessageCount_Tabs_Visible{
    background:url(/images/cpanel/Icon_UnreadMessageCount.png) no-repeat; 
    float:left;
    margin-left:-25px;
    margin-top:-12px;
    width:25px; height:24px;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    padding-top:3px; 
    display:block;
    }
.Div_UnreadMessageCount_Tabs_Invisible{
    display:none;
    }
.Div_UnreadMessageCount_List_Visible{
    background:url(/images/cpanel/Icon_UnreadMessageCount.png) no-repeat; 
    width:25px; height:24px;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    padding-top:0px; 
    display:block;
    line-height:25px;
    text-indent:1px;
    }
.Div_UnreadMessageCount_List_Invisible{
    display:none;
    }


/*From Older Master*/

body
{
    background-color: #ffffff;
    font-size: 12px;
    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: 695px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    height: 75px;
}
.bottompage
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-left:400px;
  
}
.imageborder0
{
    border: 0px;
    border-style: none;
}


/* End Top */




.page
{
    width: 675px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    min-height: 300px;
    border: 0px;
    border-style: solid;
}
.pagenew
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    min-height: 300px;
    border: 0px;
    border-style: solid;
}

.footer
{
    width: 675px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    border: 0px;
    border-style: solid;
}


.content
{
    width: 675px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    min-height: 400px;
    border: 0px;
    border-style: solid;
    padding-bottom: 100px;
    min-height: 480px;
}
.contentnew
{
    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: 675px;
    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: 22px;
    line-height: 45px;
}

.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: 675px;
}



#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: 675px;
    margin-left: auto;
    margin-right: auto;
}

#navlist
{
    margin: 0;
    padding-top: 12px;
    font-size: 12px;
    text-transform: uppercase;
}

#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: 20px;
    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;
}












#navlist2
{
    margin: 0;
    padding-top: 12px;
    font-size: 12px;
    text-transform: uppercase;
}

#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;
}









.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: 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: 0px;
    border-style:none;
     height:70px;
}


/*From Navigation*/

#top_navigation
{
    height: 31px;
    margin-left: auto;
    margin-right: auto;
    width: 675px;
}

#top_navigation a.Selected
{
    color: #17125f;
    font-weight: bold;
}
/* Navigation1 */.nav1, .nav1 ul
{
    list-style: none;
    margin: 0;
    padding-top: 2px;
    padding-right: 0px;
}
.nav1
{
    font-family: Arial, Helvetica, Verdana, "Lucida Grande", "Segoe UI", sans-serif;
}
.nav1 li
{
    float: left;
    margin: 0;
    padding-top: 0px;
    position: relative;
    border: 0px solid #000;
    padding-left: 35px;
    padding-top: 0px;
}

.nav1 li a, .nav li a:link, .nav1 li a:active, .nav1 li a:visited
{
    font: bold 15px/25px Arial, Helvetica, sans-serif;
    color: #fbfbfb;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}
.nav1 li a:hover
{
}
#nav1-one li:hover a, #nav1-one li.sfHover a
{
    color: #17125f;
}
#nav1-one li:hover ul a, #nav-one li.sfHover ul a
{
    background: #ffffff;
    color: #a0a1a2;
    text-align: left;
    font: bold 12px/28px Arial, Helvetica, sans-serif;
}
#nav1-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover
{
}
.nav1 ul
{
    border-bottom: 0px solid #000;
    list-style: none;
    margin: 0;
    position: absolute;
    top: -999em;
    left: -1px;
}
.nav1 li:hover ul, .nav1 li.sfHover ul
{
    top: 25px;
    padding-left: 0px;
}
.nav1 ul li
{
    border: 0;
    float: none;
}
.nav1 ul a
{
    border: 1px solid #bcbdc0;
    padding-left: 5px;
    padding-right: 20px;
    width: 160px;
    white-space: nowrap;
}

.nav1 ul a:hover
{
    background: #ccc;
    color: #000;
}
#selected
{
    color: #17125f;
}
.selected
{
    color: #17125f;
}