/* CSS Document */

#navbar {
position: relative;
height: 49px;
width: 791px;
margin: 0px auto;
padding: 0px;
top:115px;
background-image: url(../graphics/nav.gif);
background-repeat: no-repeat;
left:0px;
z-index: 99;
}


#navbar ul {
width:810px;
list-style:none;
margin:0px;
padding:0px;
}


#navbar li ul, #navbar li ul {
margin: 0px;
padding: 0px;
z-index:99;
}


#navbar a {
text-decoration: none;
}


#navbar li {
margin: 0;
padding: 0px;
float: left;
display: block;
}


#navbar li ul {
display: none;
}


#navbar li a {
color: #224d6f;
font-weight: bold;
display: block;
padding: 0px;
}


#navbar li.off ul, #navbar li.on ul  { /*put the subnav below*/
position:absolute;
float:none;
margin:0px;
padding:0px;
top:37px;
z-index:9999;
}


#navbar li a {
display: block;
padding: 0px;
margin: 0px;
}


#navbar li.on a {
color: #073E74;
}


#navbar li.on ul {
display: block;
}


#navbar li.off:hover ul {
display: block;
}



#navbar li span {
display:none;
}



#li1 a, #li2 a, #li3 a, #li4 a, #li5 a, #li6 a {
position: relative;
left: 0px;
display: block;
background: url(../graphics/nav.gif) no-repeat top left;
width: 791px;
height: 49px;
z-index: 10;
top: 0px;
}



#navbar ul li.off ul, #navbar ul li.on ul  { /*put the subnav below*/
position: absolute;
margin: 0px;
padding: 0px;
top: 29px;
width:115px;
}


#navbar ul li ul li a {
display: block;
background: #E7F2F6;
border-top:none;
color: #333333;
font-family: arial, verdana, sans-serif;
font-size:11px;
height:50;
}


#navbar ul li ul li a:active {
background: #217F9B;
color: #FFFFFF;
width:110px;
}



/*first, put the initial states in place*/

#li1 a {
background-position: 0px 0px;
width: 55px;
}


#li2 a {
background-position: -55px 0px;
width: 125px;
}


#li3 a {
background-position: -180px 0px;
width: 113px;
}


#li4 a {
background-position: -293px 0px;
width: 150px;
}


#li5 a {
background-position: -444px 0px;
width: 121px;
}

#li6 a {
background-position: -565px 0px;
width: 84px;
}




/*hover states*/


#li1 a:hover,
#li1.active a {
background-position: 0px -49px;
}


#li2 a:hover,
#li2.active a {
background-position: -55px -49px;
}


#li3 a:hover,
#li3.active a {
background-position: -180px -49px;
}


#li4 a:hover,
#li4.active a {
background-position: -293px -49px;
}


#li5 a:hover,
#li5.active a {
background-position: -444px -49px;
}

#li6 a:hover,
#li6.active a {
background-position: -565px -49px;
}



/*************ADMIN NAVIGATION**************/
/*******************************************/
/*******************************************/

#admin-navbar {
position: relative;
height: 48px;
width: 791px;
margin: 0px auto;
padding: 0px;
top:115px;
background-image: url(../graphics/admin-nav.gif);
background-repeat: no-repeat;
left:0px;
z-index: 99;
}


#admin-navbar ul {
width:810px;
list-style:none;
margin:0px;
padding:0px;
}


#admin-navbar li ul, #admin-navbar li ul {
margin: 0px;
padding: 0px;
z-index:99;
}


#admin-navbar a {
text-decoration: none;
}


#admin-navbar li {
margin: 0;
padding: 0px;
float: left;
display: block;
}


#admin-navbar li ul {
display: none;
}


#admin-navbar li a {
color: #224d6f;
font-weight: bold;
display: block;
padding: 0px;
}


#admin-navbar li.off ul, #admin-navbar li.on ul  { /*put the subnav below*/
position:absolute;
float:none;
margin:0px;
padding:0px;
top:37px;
z-index:9999;
}


#admin-navbar li a {
display: block;
padding: 0px;
margin: 0px;
}


#admin-navbar li.on a {
color: #073E74;
}


#admin-navbar li.on ul {
display: block;
}


#admin-navbar li.off:hover ul {
display: block;
}



#admin-navbar li span {
display:none;
}



#bpos a, #brokers a, #clients a, #users a, #accounting a, #pages a, #admin-messages a, #logout a {
position: relative;
left: 0px;
display: block;
background: url(../graphics/admin-nav.gif) no-repeat top left;
width: 791px;
height: 48px;
z-index: 10;
top: 0px;
}



#admin-navbar ul li.off ul, #admin-navbar ul li.on ul  { /*put the subnav below*/
position: absolute;
margin: 0px;
padding: 0px;
top: 29px;
width:115px;
}


#admin-navbar ul li ul li a {
display: block;
background: #E7F2F6;
border-top:none;
color: #333333;
font-family: arial, verdana, sans-serif;
font-size:11px;
height:50;
}


#admin-navbar ul li ul li a:active {
background: #217F9B;
color: #FFFFFF;
width:110px;
}



/*first, put the initial states in place*/

#bpos a {
background-position: 0px 0px;
width: 54px;
}


#brokers a {
background-position:-54px 0;
width:65px;
}


#clients a {
background-position:-119px 0;
width:60px;
}


#users a {
background-position:-179px 0;
width:53px;
}


#accounting a {
background-position:-232px 0;
width:88px;
}

#pages a {
background-position:-320px 0;
width:57px;
}

#admin-messages a {
background-position:-377px 0;
width:77px;
}

#logout a {
background-position:-791px 0;
left:274px;
position:relative;
width:61px;
}




/*hover states*/


#bpos a:hover,
#bpos.active a {
background-position: 0px -48px;
}


#brokers a:hover,
#brokers.active a {
background-position: -54px -48px;
}


#clients a:hover,
#clients.active a {
background-position: -119px -48px;
}


#users a:hover,
#users.active a {
background-position: -179px -48px;
}


#accounting a:hover,
#accounting.active a {
background-position: -232px -48px;
}

#pages a:hover,
#pages.active a {
background-position: -320px -48px;
}

#admin-messages a:hover,
#admin-messages.active a {
background-position: -377px -48px;
}

#logout a:hover,
#logout.active a {
background-position:-728px -48px;
}


/**********BROKER NAVIGATION*************/
/****************************************/
/****************************************/

#broker-navbar {
position: relative;
height: 48px;
width: 791px;
margin: 0px auto;
padding: 0px;
top:115px;
background-image: url(../graphics/broker-nav.gif);
background-repeat: no-repeat;
left:0px;
z-index: 1;
}


#broker-navbar ul {
width:810px;
list-style:none;
margin:0px;
padding:0px;
}


#broker-navbar li ul, #admin-navbar li ul {
margin: 0px;
padding: 0px;
z-index:99;
}


#broker-navbar a {
text-decoration: none;
}


#broker-navbar li {
margin: 0;
padding: 0px;
float: left;
display: block;
}


#broker-navbar li ul {
display: none;
}


#broker-navbar li a {
color: #224d6f;
font-weight: bold;
display: block;
padding: 0px;
}


#broker-navbar li.off ul, #admin-navbar li.on ul  { /*put the subnav below*/
position:absolute;
float:none;
margin:0px;
padding:0px;
top:37px;
z-index:9999;
}


#broker-navbar li a {
display: block;
padding: 0px;
margin: 0px;
}


#broker-navbar li.on a {
color: #073E74;
}


#broker-navbar li.on ul {
display: block;
}


#broker-navbar li.off:hover ul {
display: block;
}



#broker-navbar li span {
display:none;
}



#my-account a, #application a, #bpolist a, #broker-messages a, #logout-broker a {
position: relative;
left: 0px;
display: block;
background: url(../graphics/broker-nav.gif) no-repeat top left;
width: 791px;
height: 48px;
z-index: 10;
top: 0px;
}



#broker-navbar ul li.off ul, #broker-navbar ul li.on ul  { /*put the subnav below*/
position: absolute;
margin: 0px;
padding: 0px;
top: 29px;
width:115px;
}


#broker-navbar ul li ul li a {
display: block;
background: #E7F2F6;
border-top:none;
color: #333333;
font-family: arial, verdana, sans-serif;
font-size:11px;
height:50;
}


#broker-navbar ul li ul li a:active {
background: #217F9B;
color: #FFFFFF;
width:110px;
}



/*first, put the initial states in place*/

#my-account a {
background-position: 0px 0px;
width:91px;
}


#application a {
background-position:-91px 0px;
width:81px;
}

#bpolist a {
background-position:-172px 0;
width:52px;
}

#broker-messages a {
background-position:-225px 0;
width:78px;
}

#logout-broker a {
background-position:-730px 0;
left:427px;
position:relative;
width:60px;
}

/*hover states*/


#my-account a:hover,
#my-account.active a {
background-position: 0px -48px;
}


#application a:hover,
#application.active a {
background-position: -91px -48px;
}

#bpolist a:hover,
#bpolist.active a {
background-position: -172px -48px;
}

#broker-messages a:hover,
#broker-messages.active a {
background-position: -225px -48px;
}

#logout-broker a:hover,
#logout-broker.active a {
background-position:-730px -48px;
}



/*************CLIENT ADMIN NAVIGATION**************/
/*******************************************/
/*******************************************/

#client-admin-navbar {
background-image:url(../graphics/client-admin-nav.gif);
background-repeat:no-repeat;
height:48px;
left:0;
margin:0 auto;
padding:0;
position:relative;
top:-1px;
width:791px;
z-index:99;
}


#client-admin-navbar ul {
width:810px;
list-style:none;
margin:0px;
padding:0px;
}


#client-admin-navbar li ul, #client-admin-navbar li ul {
margin: 0px;
padding: 0px;
z-index:99;
}


#client-admin-navbar a {
text-decoration: none;
}


#client-admin-navbar li {
margin: 0;
padding: 0px;
float: left;
display: block;
}


#client-admin-navbar li ul {
display: none;
}


#client-admin-navbar li a {
color: #224d6f;
font-weight: bold;
display: block;
padding: 0px;
}


#client-admin-navbar li.off ul, #client-admin-navbar li.on ul  { /*put the subnav below*/
position:absolute;
float:none;
margin:0px;
padding:0px;
top:37px;
z-index:9999;
}


#client-admin-navbar li a {
display: block;
padding: 0px;
margin: 0px;
}


#client-admin-navbar li.on a {
color: #073E74;
}


#client-admin-navbar li.on ul {
display: block;
}


#client-admin-navbar li.off:hover ul {
display: block;
}



#client-admin-navbar li span {
display:none;
}



#change-password a, #messages a, #properties a, #orders a, #account a,  #client-logout a {
position: relative;
left: 0px;
display: block;
background: url(../graphics/client-admin-nav.gif) no-repeat top left;
width: 791px;
height: 48px;
z-index: 10;
top: 0px;
}



#client-admin-navbar ul li.off ul, #client-admin-navbar ul li.on ul  { /*put the subnav below*/
position: absolute;
margin: 0px;
padding: 0px;
top: 29px;
width:115px;
}


#client-admin-navbar ul li ul li a {
display: block;
background: #E7F2F6;
border-top:none;
color: #333333;
font-family: arial, verdana, sans-serif;
font-size:11px;
height:50;
}


#client-admin-navbar ul li ul li a:active {
background: #217F9B;
color: #FFFFFF;
width:110px;
}



/*first, put the initial states in place*/

#change-password a {
background-position: 0px 0px;
width: 126px;
}


#messages a {
background-position:-126px 0;
width:78px;
}


#properties a {
background-position:-204px 0;
width:81px;
}

#orders a {
background-position:-285px 0;
width:61px;
}

#account a {
background-position:-346px 0;
width:92px;
}

#client-logout a {
background-position:-729px 0;
left:291px;
position:relative;
width:61px;
}




/*hover states*/


#change-password a:hover,
#change-password.active a {
background-position: 0px -48px;
}


#messages a:hover,
#messages.active a {
background-position: -126px -48px;
}


#properties a:hover,
#properties.active a {
background-position: -204px -48px;
}

#orders a:hover,
#orders.active a {
background-position: -285px -48px;
}

#account a:hover,
#account.active a {
background-position: -346px -48px;
}


#client-logout a:hover,
#client-logout.active a {
background-position:-729px -48px;
}






div.error {
color:#CF0C19;
font-size:12px;
font-weight:bold;
}