﻿/* ######### LEVEL 1 Marker List Vertical Menu ######### */

.markermenu{
width: 140px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.markermenu ul{
list-style-type: none;
margin: 0;
padding: 0;
border: 1px solid #888888;
}

.markermenu ul li a{
background: #59A0D4 /*url(images/bulletlist.gif) no-repeat 3px center*/;
color: #ffffff;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px /*20px*/;
text-decoration: none;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #888888;
border-bottom: 1px solid #888888;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 140px;
}

.markermenu ul li a:active{
color: #ffffff;
}

.markermenu ul li a:visited{
color: #ffffff;
}

.markermenu ul li a.selected{
background-color: #666666;
border-top: 1px solid #FFFFFF;
}

.markermenu ul li a:hover{
background-color: #666666;
border-top: 1px solid #FFFFFF;
}

/* ######### LEVEL 2 Drop Down ULs CSS ######### */


.ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: bold 12px Arial, Helvetica, sans-serif;
text-align:left;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #ffffff;
border: 1px solid #888888;
/*border-bottom-width: 0;*/
visibility: hidden;
z-index: 100;
}


.ddsubmenustyle{ /*topmost and sub ULs, respectively*/
font: 12px Arial, Helvetica, sans-serif;
text-align:left;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #ffffff;
border: 1px solid #888888;
/*border-bottom-width: 0;*/
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
	display: block;
	width: 120px; /*width of menu (not including side paddings)*/;
	color: #ffffff;
	background-color: #59A0D4;
	text-decoration: none;
	padding: 4px 4px 4px 10px /*4px 5px*/;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 130px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
	background-color: #888888;
	border-top: 1px solid #FFFFFF;
}

/* ######### Neutral CSS  ######### */

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}
