/*
* Linkselect "Select" style CSS file
*/
a.linkselectLink {
display: block;
background: #f3f3f3 url(../images/dropdown.gif) 99% 1px no-repeat;
border: 1px solid #888;
_width: 150px;
max-width: 150px;
padding: 2px 20px 2px 2px;
text-decoration: none;
color: #333;
font-size: 11px;
font-family: Arial;
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-moz-user-focus: ignore; 
-moz-user-input: disabled; 
}
a.linkselectLink:hover, a.linkselectLinkFocus {
color: #333 !important;
background-color: #f3f3f3 !important;
outline: 1px solid #fff; /* prevent the link from being outlined */
}
a.linkselectLinkOpen {
outline: 0; /* prevent the link from being outlined */
}
span.linkselectDisabled {
display: block;
border: 1px solid #999;
_width: 300px;
max-width: 300px;
padding: 2px 20px 2px 2px;
text-decoration: none;
color: #333;
font-size: 11px;
font-family: Arial;
background: #fff url(../images/dropdown.gif) 99% 2px no-repeat;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-moz-user-focus: ignore; 
-moz-user-input: disabled; 
}
.linkselectContainer {
position: absolute;
/* this is required to correctly calculate the width of the container */
left: 0; top: 0;
display: none;
/* 
* move the box to align with bottom of input box 
*/
margin-top: 20px;
max-width: 500px;
z-index: 50000;
}
.linkselectContainer .title {
background: #f3f3f3 !important;
color: #333 !important;
padding-right: 20px !important;
white-space: nowrap;
font-size: 11px !important;
font-family: Arial;
font-weight: bold !important;
line-height: 11px !important;
}

.linkselectContainer .title span {
display: block;
padding: 3px 4px;
}

.linkselectContainer .scrollable {
width: auto;
background-color: white;
border: 1px solid #888;
margin: 0;
padding: 0px;
font-size: 11px;
text-align: left;
overflow: auto;
max-height: 216px;
clear: both;
}

.linkselectContainer ul {
list-style-type: decimal !important;
margin: 0px;
padding: 0px;
}

.linkselectContainer ul li.selected { 
background-color: #f3f3f3;
}

.linkselectContainer ul li.current { 
background-color: #f3f3f3;
color: #333;
}

.linkselectContainer ul li {
display: block;
margin: 0;
padding: 2px;
font-size: 11px;
font-family: Arial;
cursor: pointer;
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-moz-user-focus: ignore; 
-moz-user-input: disabled; 
}
/* fixes for IE6; allows mouseovers beyond text label */
.linkselectContainer ul li span { zoom:1; }
/* fixes for IE7; allows clicking beyond text label */
a.linkselectLink { zoom:1; }