/*
Name: jQuery Simple Drop Down Plugin Stylesheet
Author: Etienne Fardet
Version: 1.0
*/

/* Demo common styles - Not needed to make the plugin work */
/* body {font-family:Verdana, Geneva, sans-serif; font-size:14px;} */
.dropdown a {text-decoration:none;color:#039;}
.dropdown h3 {clear:both;color: #039;}
.dropdown pre {border:1px solid black; padding:8px;width:700px;margin:20px;}
.dropdown strong {color: #093;}
.requirements {list-style:square;}
.author {color: #003;font-size: 12px;font-weight: bold;font-style: italic;}

/* Demo divs - Lists need to be placed in a div with an assigned ID that will be called within the page as a parameter for the main plugin function */
#dropdown1 {position:absolute;z-index:2;}
#dropdown2 {position:absolute;z-index:1;}
#dropdown3 {position:absolute;left:160px;z-index:0;}

/* Necessary Styles to make the demo work - Change background colors and colors to match your needs */
.dropdown {background:url(../img/arrow.png) no-repeat 132px 14px transparent;border:1px solid #DCDCDC;color:#929292;-khtml-border-radius:8px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;cursor:pointer;margin:0;padding:0;}
.dropdown a {text-decoration:none; color:#fff;}
.dropdown {list-style-type:none;margin:0;padding:0;width:150px;margin:0 auto;}
.drop ul {list-style-type:none;largin:0;padding:0;margin:0;}
.drop ul li:first-child {border-top:1px solid #DCDCDC;}
.drop ul li {display:none; -moz-border-radius:0;-webkit-border-radius:0;background-color:#EDEDED;padding:8px;}
.drop ul li:last-child {display:none;-khtml-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;}
.selected {padding:8px;color:gray;}
.drop ul li:hover {background-color:#DCDCDC;}