body {
 background:#e1e1e1;
 font-family:Arial, sans-serif;
 padding:.5em 2em;
}

#Example {
 font-weight:bold;
 cursor:pointer;
 font-size:20px;
}

#Example.active {
 color:green;
 font-style:italic;          
}

pre {
 color:blue;
 border:1px solid #000;
 padding:20px 0;
 font-size:12px;
 line-height:18px;
 background:#EEFFEE;
}

/* Plugin styling...*/

.select-navigation {
 position:absolute;
 left:-500px;
 top:-500px;
 background:#2d2d2d;
 width:200px;
 /*height:292px;*/
 /*height:386px;*/
 height:430px;
 color:#ababab;
 border:1px solid #fff;
 z-index: 99;
}

.select-navigation * {
 padding:0;
 margin:0;
 font-family:Arial,sans-serif;
 font-size:11px;
 font-weight:bold;
}

.select-navigation ul {
 list-style-type:none;
}

.select-navigation li {
 cursor:pointer;
 margin:0 0 2px 0;
 line-height:15px;
}

.select-bar {
 border-bottom:1px solid #fff;
 height:24px;
 color:#ababab;
 position:relative;
}

.select-bar .select-close {
 position:absolute;
 right:5px;
 top:5px;
 height:14px;
 width:14px;
 overflow:hidden;
 cursor:pointer;
 background:transparent url(/img/select_replace/close.jpg) no-repeat;
}

.select-bar .select-close span {
 display:none;
}

.select-bar .select-title {
 font-size:12px;
 font-weight:normal;
 position:absolute;
 width:99%;
 margin:0;
 top:4px;
 line-height:16px;
 vertical-align:middle;
}

.select-bar .select-title span {
 display:block;
 margin-right:25px;
 padding-left:5px;
 white-space:nowrap;
 overflow:hidden;
}

.select-wrapper {
 /*background:#2d2d2d url(../_img/select_replace/selector_content_bg.jpg) repeat-x left top;*/
 background:#505050 url(/img/select_replace/selector_content_bg.jpg) repeat-x left top;
 position:relative;
 padding:0 0 0 200px;
 /*height:268px;*/

 /* BEGIN 2009-09-07 fsc: */
  /*height:328px;*/
 height:440px;
 /* END */
		 
}

.select-detail-navigation {
 position:relative;
}

.select-navigation-list {
 position:absolute;
 display:block;
 width:200px;
 left:0;
 top:0;
}

.select-navigation-list ul {
 margin:13px 0 10px 10px;          
}

.select-navigation-list li, .select-detail-navigation .select-detail-column li{
 color:#ababab;          
}
.select-detail-navigation div.box ul {
 margin:15px 0 10px 17px!important;
}

.select-navigation-list li span {
 background-image:url(/img/select_replace/selector_content_bg.jpg);
 background-repeat:repeat-x;
 padding-right:5px;
}

.select-navigation .sn-hover {
 color:red !important;
}

.select-navigation .select-active {
 background:transparent url(/img/select_replace/dots_h.gif) repeat-x left center;
}
		 


.select-detail-column {
 float:left;
 /*width:180px;*/
 width:240px;
}
.select-detail-column ul {
 list-style-type:none;
}

.select-detail-navigation:after,
.select-detail-navigation div.box:after,
.select-wrapper:after  {
 content:"";
 display:block;
 visibility:hidden;
 clear:both;
 height:0;
font-size:1px;
}
		
.select-detail-navigation div.box {
 padding:20px 10px 10px 0;
}

.select-detail-navigation div.box div.box {
  padding:0;
  border:1px dotted #ababab;
  /*height:230px;*/
  
  /* BEGIN 2009-09-07 fsc: */
  /*height:328px;*/
  height:410px;
  /* END */

  overflow:hidden;
}

.select-detail-navigation div.box div.box div.box {
  border:0;
}

.select-detail-navigation div.box ul {
 margin:15px 0 10px 17px;
}

.select-navigation h4 {
 position:absolute;
 left:10px;
 top:15px;
 background:#131313;
 font-weight:normal;
 padding:0 10px;
}

.nav_item label a,
#SelectorHandler_selectNav{
background:transparent url(/img/icons/arrow_down.gif) no-repeat scroll 205px 6px;
color:#b2b2b2 !important;
font-size:11px !important;
font-weight:bold;
margin:0 6px 0 0 !important;
padding:7px 5px 5px 11px;
text-transform:uppercase;
display:block;
letter-spacing:1px;
width:210px;
cursor:pointer;
}
.nav_item label a:hover,
#SelectorHandler_selectNav:hover{
color:#E2001A !important;
background:transparent url(/img/icons/arrow_down_high.gif) no-repeat scroll 205px 6px;
}
#navigation .nav_item label,.nav_item select{margin:6px 0 6px 6px;}
#navigation .nav_item label{float:left;width:200px;color:#b2b2b2 !important;
font-size:11px !important;
font-weight:bold;text-transform:uppercase;}
#navigation .nav_item select{width:185px;background:#474747;color:#f1f1f1;border:1px solid #929292;border-right:none;}
#navigation .nav_item input.h_nav{position:relative;top:5px;border:1px solid #929292;border-left:none;left:-4px;height:18px;}

/*#Selector_selectNav{margin-top:-23px;}*/
