/**
* Stylish Select 0.4.9 - $ plugin to replace a select drop down box with a stylable unordered list
* http://github.com/scottdarby/Stylish-Select/
* 
* Copyright (c) 2009 Scott Darby
* 
* Requires: jQuery 1.3 or newer
* 
* Dual licensed under the MIT and GPL licenses.
*/

/**
* Hide lists on page load
---------------------------------------------------------*/

.stylish-select .SSContainerDivWrapper {
	left:-9999px;
}

/*
* Red example
---------------------------------------------------------*/
.stylish-select {
	font-family:Verdana, sans-serif;
}

.stylish-select .SSContainerDivWrapper {
	position:absolute;
	left:0;
	top:22px;
	margin:0;
	padding:0;
	width:132px;
	z-index:2;
}

#site .container section form#id_form_PWS_stap_01 .row .value .newListSelected .SSContainerDivWrapper {/*Bestelproces*/
	position:absolute;
	left:0;
	top:22px;
	margin:0;
	padding:0;
	width:385px;
	border:1px solid #000;
	overflow:hidden;
	z-index:2;
}

.stylish-select ul.newList {
	margin:0;
	padding:0;
	list-style:none;
	color:#000;
	font-size:0.7em;
	background-color:#585574;
	border:1px solid #262436;
	overflow:auto;
}

#site .container section form#id_form_PWS_stap_01 .row .value .newListSelected .SSContainerDivWrapper .newList {/*Bestelproces*/
	margin:0;
	padding:0;
	list-style:none;
	color:#000;
	font-size:0.7em;
	border:0px solid #fff;
	background-color:#fff;
	overflow:auto;
}

.stylish-select .sortform ul.newList {
	background-color:#F9F7F3;
	border:1px solid #A38960;
}

.stylish-select ul.newList * {
	margin:0;
	padding:0;
}


.stylish-select ul.newList a {
	color: #cebb97;
	text-decoration:none;
	display:block;
	padding:3px 8px;
	
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

.stylish-select .sortform ul.newList a { /*sortform*/
	color:#725B40;
}

#site .container section form#id_form_PWS_stap_01 .row .value .newListSelected .SSContainerDivWrapper .newList li a { /*Bestelproces*/
	color:#000;
	font-size:1.4em;
	height:18px;
	line-height:18px;
}

.stylish-select .newListSelected {
	float:left;
	margin:11px 0 0;
	padding:3px 0 0 6px;
	width:133px;
	height:20px;
	line-height:20px;
	color:#cebb97;
	background:url('../../img/bg-selectbox.gif') left top no-repeat;
	z-index:200;
}

.stylish-select .sortform .newListSelected { /*sortform*/
	margin:0;
	/*padding:4px 0 0 10px;*/
	padding:0;
	width:86px;
	height:24px;
	background:url('../../img/bg-sort-select.png') left top no-repeat;
}

#site .container section form#id_form_PWS_stap_01 .row .value .newListSelected { /*Bestelproces*/
	margin:0;
	/*padding:4px 0 0 10px;*/
	padding:0;
	width:385px;
	height:30px;
	background:url('../../img/bg-select-bestellen.gif') left top no-repeat;
}

.stylish-select #selectedTxt {
	padding:0 0 0 25px;
	width:TopClass;
	height:20px;
	line-height:16px;
	color:#cebb97;
	font-size:0.7em;
	overflow:hidden;
}

html.stylish-select .sortform .newListSelected #selectedTxt {/*sortform*/
	padding:0 0 0 5px;
	height:24px;
	line-height:24px;
	color:#725b40;
	font-size:0.9em;
}

#site .container section form#id_form_PWS_stap_01 .row .value .newListSelected #selectedTxt {/*Bestelproces*/
	padding:0 0 0 7px;
	height:30px;
	line-height:30px;
	color:#000;
	font-size:0.9em;
}

.stylish-select ul.newList li a:focus {
	-moz-outline-style: none;
}


.stylish-select ul.newList li a {padding:3px 8px 3px 30px;}
.stylish-select ul.newList li.Nederlands a {background:url('../../img/flag-nl.gif') 5px 6px no-repeat;}
.stylish-select ul.newList li.Deutsch a {background:url('../../img/flag-de.gif') 5px 6px no-repeat;}
.stylish-select ul.newList li.English a {background:url('../../img/flag-en.gif') 5px 6px no-repeat;}

.stylish-select .sortform ul.newList li a {
	padding:3px 8px 3px 15px;
	font-size:1.3em;
}

.stylish-select #selectedTxt.Nederlands {background:url('../../img/flag-nl.gif') left 2px no-repeat;}
.stylish-select #selectedTxt.Deutsch {background:url('../../img/flag-de.gif') left 2px no-repeat;}
.stylish-select #selectedTxt.English {background:url('../../img/flag-en.gif') left 2px no-repeat;}

.stylish-select .hiLite,
.stylish-select li.Nederlands a.hiLite,
.stylish-select li.Deutsch a.hiLite,
.stylish-select li.Englisch a.hiLite {
	background-color:#7c7ca8!important;
	color:#fff!important;
}

.stylish-select .sortform .hiLite { /*sortform*/
	background-color:#A38960!important;
}

#site .container section form#id_form_PWS_stap_01 .row .value .newList a.hiLite { /*Bestelproces*/
	background-color:#585574!important;
}

.stylish-select .newListHover {
	background-color:#7c7ca8!important;
	color:#fff!important;
	cursor:default;
}

.stylish-select .sortform .newListHover { /*sortform*/
	background-color:#c1a373!important;
}

.stylish-select .newListDisabled {
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

.stylish-select .newListItemDisabled {
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

.stylish-select .newListOptionDisabled {
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

.stylish-select .newListSelHover,
.stylish-select .newListSelFocus {
	background-position:0 -23px;
	cursor:default;
}

.stylish-select .newListOptionTitle {
	font-weight:bold;
}

.stylish-select .newListOptionTitle ul {
	margin:3px 0 0;
}

.stylish-select .newListOptionTitle li {
	font-weight:normal;
}