/*select button styles*/
.custom-select { float:left; text-decoration:none; text-align:left; cursor:pointer; position:relative; background:#fff url(../images/button-blue.gif) -197px 0px repeat-x; font-size:14px; font-weight:bold; overflow:visible; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; width:190px;  text-shadow:1px 1px 0 #fff; height:32px; left:5px;}
.custom-select:hover,.custom-select:focus,.custom-select-open { background-position:left center; border-color:#999; }
/*status text*/
.custom-select-status { float:left; line-height:2; color:#444; padding:.2em 8px;  }
.custom-select-roletext { position: absolute; left: -99999px; }
/* button arrow icon*/
.custom-select-button-icon { float:right; background:#fff url(../images/button-blue.gif) right center repeat-x; height:32px; width:2em; -moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px; border-top-right-radius:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-right-radius:7px; border-bottom-right-radius:7px; }
.custom-select:hover .custom-select-button-icon,
.custom-select:focus .custom-select-button-icon,
.custom-select-open .custom-select-button-icon { background-position: -169px 0px;}
*html .custom-select:hover .custom-select-button-icon,
.custom-select:focus .custom-select-button-icon,
.custom-select-open .custom-select-button-icon { background-position: -169px 0px;}


/*menu styles*/
.custom-select-menu { border:1px solid #2a2a2a; background:#656565; z-index:999999; position:absolute; margin:0; padding:6px; font-size:14px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; width:318px; cursor: pointer;  text-shadow:1px 1px 0 #fafafa; overflow: auto; overflow-x: hidden;scrollbar-arrow-color:#155678; }

/*hidden menu state*/
.custom-select-menu-hidden { display:none;}

/*li styles*/
.custom-select-menu li { padding:0; margin:0; list-style:none; clear:both; background:#e6e6e6 url(../images/menu-blue.gif) top center repeat-x;}
.custom-select-menu li a { text-decoration:none; color:#2f3e46; display:block; cursor: pointer; padding:0px 5px; text-shadow:1px 1px 0 #f9f9f9; font-weight:bold; line-height:44px;}
.custom-select-menu li.hover-focus { background:#66b81e url(../images/menu-blue.gif) bottom center repeat-x; color:#444; }
.custom-select-menu li.selected { background:#66b81e url(../images/menu-blue.gif) 0px -44px repeat-x; color:#fff; }
.custom-select-menu li.selected a {color: #fff; text-shadow:1px 1px 0 #2d7406; }


/* make sure first and last li's have round corners */
.custom-select-menu li:first-child {  -moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px; border-top-right-radius:7px; -moz-border-radius-topleft:7px; -webkit-border-top-left-radius:7px; border-top-left-radius:7px; }
.custom-select-menu li:last-child {  -moz-border-radius-bottomright:7px; -webkit-border-bottom-right-radius:7px; border-bottom-right-radius:7px; -moz-border-radius-bottomleft:7px; -webkit-border-bottom-left-radius:7px; border-bottom-left-radius:7px; }


/*hide native select*/
.select-hidden { display: none; }



/*album menu hierarchy*/
#album-button span.option-description,
#album-button span.option-date { display: none;}
#album-menu li a { line-height: 1.2; padding: .4em 8px; }
#album-menu li a span { display: block; }
#album-menu li a span.option-title { font-weight: bold; color:#555; }
#album-menu li.selected a span.option-title { color:#fff; }
#album-menu li a span.option-description {  text-shadow: none; }
#album-menu li a span.option-date { font-size: .8em; font-style: italic; text-shadow: none; padding: .2em 0; }



/*	wrapper divs */
.custom-checkbox,.custom-radio { position:relative; }

/* input, label positioning */
.custom-checkbox input,.custom-radio input { position:absolute; left:2px; top:2px; margin:0; }
.custom-checkbox label,.custom-radio label { display:block; position:relative; font-size:12px; padding-right:1em; line-height:1; padding:.7em 0 .5em 30px; margin:0 0 .3em; cursor:pointer; }

/* states */
.custom-checkbox label { background:url(../images/checkbox.gif) no-repeat; }
.custom-radio label { background:url(../images/radiobutton.gif) no-repeat; }
.custom-checkbox label,.custom-radio label { background-position:-10px -14px; }
.custom-checkbox label.hover,.custom-checkbox label.focus,.custom-radio label.hover,.custom-radio label.focus { background-position:-10px -114px; }
.custom-checkbox label.checked,.custom-radio label.checked { background-position:-10px -214px; }
.custom-checkbox label.checkedHover,.custom-checkbox label.checkedFocus { background-position:-10px -314px; }
.custom-checkbox label.focus,.custom-radio label.focus { outline:1px dotted #ccc; }

/*toggle button */

input[type=radio] { border:none; width:0px; height:0px; background:none;}
#view { width:100px; display: block; }
#view .custom-checkbox,#view .custom-radio { width:50%; float:left; }
#show { width:250px; display: block; clear: left; }
#show .custom-checkbox,#show .custom-radio { width:33%; float:left; }
.toggle label { border-collapse:collapse; }
.toggle .custom-checkbox label,.toggle .custom-radio label { padding:.4em 1em; border:1px solid #aaa; background-color:#eee; text-align:center; cursor:pointer; font-size:1.2em; width:auto; overflow:visible; background:#459e00 url(../images/button-blue.gif) no-repeat right center; color:#fff; border-color:#2d7406; text-shadow:-1px -1px 0 #37730e; }
.toggle .custom-checkbox label.hover,
.toggle .custom-checkbox label.focus,
.toggle .custom-radio label.hover,
.toggle .custom-radio label.focus { background-position: right center; border-color:#205b00; }
.toggle .custom-checkbox label.checked,
.toggle .custom-radio label.checked,
.toggle .custom-checkbox label.checkedHover,
.toggle .custom-checkbox label.checkedFocus { background:#2d7406; border-color:#2d7406; }
.toggle .first label { -moz-border-radius-bottomleft:7px; -webkit-border-bottom-left-radius:7px; border-bottom-left-radius:7px; -moz-border-radius-topleft:7px; -webkit-border-top-left-radius:7px; border-top-left-radius:7px; }
.toggle .last label { -moz-border-radius-bottomright:7px; -webkit-border-bottom-right-radius:7px; border-bottom-right-radius:7px; -moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px; border-top-right-radius:7px; }