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

@charset "utf-8";
/***** Rounded corners *****/
/* 
Engines exist for making corners round, however, this approach fits all browsers, including IE6
You can make your own and customize the provided images. 
Currently, CSS and images are made to get along together (6x6px corners), 
this section must be carefully changed
*/
.TopLeft, .TopRight, .BottomLeft, .BottomRight {width:6px;height:6px;position:absolute;}
.TopLeft {background:url(/themes/new/bookmarks/img/top-left.png) no-repeat;}
.TopRight {background:url(/themes/new/bookmarks/img/top-right.png) no-repeat;}
.BottomLeft {background:url(/themes/new/bookmarks/img/bottom-left.png) no-repeat;}
.BottomRight {background:url(/themes/new/bookmarks/img/bottom-right.png) no-repeat;}
.TopMiddle, .BottomMiddle {width:154px;height:6px;background:url(/themes/new/bookmarks/img/middle-horizontal.png) repeat-x;position:absolute;left:6px;}
.VerticalLeft, .VerticalRight {
  display:block;
  position:absolute;
  top:0;
}

.TopRight, 
.VerticalRight, 
.BottomRight {
  left:120px;
}

.VerticalRight {
  top: 13px;
  width: 7px;
  height: 6px;
  background: url('/themes/new/bookmarks/images/triangle.png') no-repeat;
}

.Middle {position:absolute;left:6px;top:6px;width:154px;height:27px;}
.BottomLeftSelected {background:url(/themes/new/bookmarks/img/bottom-left-selected.png) no-repeat;}
.BottomMiddleSelected  {background:url(/themes/new/bookmarks/img/middle-horizontal-selected.png) repeat-x;}
.BottomRightSelected {background:url(/themes/new/bookmarks/img/bottom-right-selected.png) no-repeat;}

/* Drop 1 */

.mycorners1 {margin-bottom:-1px;}
.mycorners2, .mycorners3 {margin-top:-1px;}

.dropdown-wrap {
  position:relative;
  width: 135px;
  padding:0;
  height:auto;
  bottom:0;
  right:0;
  z-index:2;
  clear:both;
  overflow:visible;
}

.dropdown-wrap:hover .VerticalRight {
  background: url('/themes/new/bookmarks/images/triangle-hover.png') no-repeat;
}

.dropdown {
  position:relative;
  list-style-type:none;
  display:block;
  margin:0;
  padding:0;
  color:#333;
  cursor:pointer;
}



.dropdown .drop ul {
  width:auto;
  height:auto;
  list-style-type:none;
  margin:0;
  padding:0;
}

.dropdown .drop ul li {
  display:block;
  padding:0;
  margin:0;
  border-left:none;
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border:none;
}

.dropdown .drop ul li a:hover {
  background:#e1e4e5;
  color:#333;
}
.dropdown .drop {
  width:100%;
  border:none;
  position: relative;
  height:0;
  overflow:hidden;
  margin-top: 0;
  margin-bottom: 0;
}
.dropdown .selected {
  width:auto;
  padding:0;
}
.dropdown .selected a{
  display:block;
  color:#333;
}
.dropdown .dropdown ul li a {
  width:auto;
  text-decoration:none;
  color:#333;
  display:block;
  margin:0;
  padding:10px 8px;
}

.dropdown.current .selected {
  margin-bottom: 0;
}

.dropdown.current .selected a {
  border-top: 1px solid #3498db;
  border-left: 1px solid #3498db;
  border-right: 1px solid #3498db;
  border-bottom: none;
  border-radius: 2px 2px 0 0;
}

.categories-left .drop li {
  width: 133px;
}

.categories-left .drop a {
  border: none;
}

.categories-left .drop ul {
  border: 1px solid #3498db;
  background: #edf0f1;
  border-radius: 0 0 2px 2px;
}
/*
     */
/*
*/