#footpanel
{
	background-position: #333333;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #666666;
	border-bottom: none;
	width: 94%;
	margin: 0 3%;
	border-style: solid;
	border-width: 1px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: inherit;
	border-left-color: #000000;
}

*html #footpanel
{
    /*--IE6 Hack - Fixed Positioning to the Bottom--*/
    margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
    position: absolute;
    top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul
{
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    list-style: none;
    border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
    font-size: 1.1em;
}
#footpanel ul li
{
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
}
#footpanel ul li a
{
	padding: 5px;
	float: left;
	text-indent: -9999px;
	height: 16px;
	width: 16px;
	text-decoration: none;
	color: #FFFFFF;
	position: relative;
}
html #footpanel ul li a:hover
{
	background-color: #808080;
}
html #footpanel ul li a.active
{
    /*--Active state when subpanel is open--*/
    background-color: #fff;
    height: 17px;
    margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
    border: 1px solid #555;
    border-top: none;
    z-index: 200; /*--Keeps the active area on top of the subpanel--*/
    position: relative;
}


#footpanel a.home
{
    background: url(/images/home.png) no-repeat 15px center;
    width: 150px;
    padding-left: 40px;
    border-right: 1px solid #bbb;
    text-indent: 0; /*--Reset text indent--*/
}
a.profile
{
    background: url(/images/user.png) no-repeat center center;
}
a.contacts
{
    background: url(/images/address_book.png) no-repeat center center;
}
a.playlist
{
    background: url(/images/document_music_playlist.png) no-repeat center center;
}
a.contract
{
    background: url(/images/hard-hat--pencil.png) no-repeat center center;
}
a.downloadapptoolbar
{
	 background: url(/images/drive-download.png) no-repeat center center;
	 width: 175px;
}
a.commercial
{
    background: url(/images/building.png) no-repeat center center;
}
a.PFS
{
    background: url(/images/currency.png) no-repeat center center;
}
a.statetoolbar
{
	 background: url(/images/usMapIcon.png) no-repeat center center;
}
a.facebooktoolbar
{
	 background: url(/images/facebook-icon.gif) no-repeat center center;
}
a.twittertoolbar
{
	 background: url(/images/twitter_icon.gif) no-repeat center center;
}
a.messages
{
    background: url(/images/mail.png) no-repeat center center;
}
a.court
{
    background: url(/images/auction-hammer-gavel.png) no-repeat center center;
}
a.editprofile
{
    background: url(/images/wrench_screwdriver.png) no-repeat center center;
}
#footpanel a.chat
{
    background: url(/images/star.png) no-repeat 15px center;
    width: 175px;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    padding-left: 40px;
    text-indent: 0; /*--Reset text indent--*/
}
#footpanel a.downloadapps
{
	 background: url(/images/drive-download.png) no-repeat 15px center;
    width: 175px;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    padding-left: 40px;
    text-indent: 0; /*--Reset text indent--*/
}
#footpanel a.alerts
{
    background: url(/images/newspaper.png) no-repeat 15px center;
    width: 133px;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    padding-left: 40px;
    text-indent: 0; /*--Reset text indent--*/
}

#footpanel li#appspanel, #footpanel li#docpanel, #footpanel li#downloadappspanel
{
    float: right;
}
/*--Right align the chat and alert panels--*/

#footpanel a small
{
    /*--panel tool tip styles--*/
    text-align: center;
    width: 70px;
    background: url(/images/pop_arrow.gif) no-repeat center bottom;
    padding: 5px 5px 11px;
    display: none; /*--Hide by default--*/
    color: #fff;
    font-size: 1em;
    text-indent: 0;
}
#footpanel a:hover small
{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -50px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
	background-color: #009933;
	color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #333333;
	border-right-style: solid;
	border-right-width: thin;
	padding-bottom: 0px;
	padding-top: 0px;
	border-right-color: #666666;
}





#footpanel ul li div a
{
    /*--Reset link style for subpanel links--*/
    text-indent: 0;
    width: auto;
    height: auto;
    padding: 0;
    padding-left: 2px;
    float: none;
    color: #00629a;
    position: static;
}
#footpanel ul li div a:hover
{
    text-decoration: underline;
}
/*--Reset link style for subpanel links--*/

#footpanel .subpanel
{
    position: absolute;
    left: 0;
    bottom: 27px;
    display: none; /*--Hide by default--*/
    width: 198px;
    border: 1px solid #555;
    background: #fff;
    overflow: hidden;
    padding-bottom: 2px;
}
#footpanel h3
{
    background: #526ea6;
    padding: 5px 10px;
    color: #fff;
    font-size: 1.1em;
    cursor: pointer;
}
#footpanel h3 span
{
    font-size: 1.5em;
    float: right;
    line-height: 0.6em;
    font-weight: normal;
}
#footpanel .subpanel ul
{
    padding: 0;
    margin: 0;
    background: #fff;
    width: 100%;
    overflow: auto;
}
#footpanel .subpanel li
{
    float: none; /*--Reset float--*/
    display: block;
    padding: 0;
    margin: 0;
    overflow: hidden;
    clear: both;
    background: #fff;
    position: static; /*--Reset relative positioning--*/
    font-size: 0.9em;
}

#appspanel .subpanel li
{
    background: url(/images/dash.gif) repeat-x left center;
}
#appspanel .subpanel li span
{
    padding: 5px;
    background: #fff;
    color: #777;
    float: left;
}
#appspanel .subpanel li a img
{
    float: left;
    margin: 0 5px;
}
#appspanel .subpanel li a
{
    padding: 3px 0;
    margin: 0;
    line-height: 22px;
    height: 22px;
    background: #fff;
    display: block;
}
#appspanel .subpanel li a:hover
{
    background: #3b5998;
    color: #fff;
    text-decoration: none;
}


#docpanel .subpanel
{
    right: 0;
    left: auto; /*--Reset left positioning and make it right positioned--*/
}
#docpanel .subpanel li
{
    border-top: 1px solid #f0f0f0;
    display: block;
    padding-bottom: 2px;
}
#docpanel .subpanel li p
{
    padding: 5px 10px;
}
#docpanel .subpanel li a.delete
{
    background: url(/images/delete_x.gif) no-repeat;
    float: right;
    width: 13px;
    height: 14px;
    margin: 5px;
    text-indent: -9999px;
    visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#docpanel .subpanel li a.delete:hover
{
    background-position: left bottom;
}
#footpanel #docpanel li.view
{
    text-align: right;
    padding: 5px 10px 5px 0;
}