/*
 Stylish Select 0.3 - jQuery plugin to replace a select drop down box with a stylable unordered list
 http://scottdarby.com/
 
 Copyright (c) 2009 Scott Darby
 
 Requires: jQuery 1.3
 
 Licensed under the GPL license:
 http://www.gnu.org/licenses/gpl.html
 */
/*==================================
 remove default focus style
 ====================================*/
:focus {
    outline: none;
} 
.js ul.newList {
    left: -9999px;
}

/*==================================
 red curvy example
 ====================================*/
ul.newList * {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #007708;
    font-weight: bold;
	cursor: pointer;
	position: relative;
}

ul.newList {
    margin: -3px 0 0 2px;
    padding: 0;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana;
    list-style: none;
    color: #007708;
    width: 81px;
	height: 250px;
    background: #f0f0f0;
    position: absolute;
    border: 1px solid #ccc6bc;
    top: 26px;
    left: 2px;
    overflow: auto;
    z-index: 9999;
	cursor: pointer;
} 
.newListSelected {
    width: 78px;
    font-weight: bold;
    color: #007708;
    height: 26px;
	margin: 0 4px 0 0;
    padding: 0px 0 0 3px;
    float: left;
    background: url(../images/selectbox/select-bg.gif) no-repeat;
	cursor: pointer;
} 
.newListSelected span {
    width: 78px;
    display: block;
}

ul.newList li {
	margin: 0 0 0 0;
    padding: 2px 10px;
	position: relative;
} 

ul.newList li:hover {
	margin: 0 0 0 0;
    padding: 2px 10px;
	cursor: pointer;
} 

.selectedTxt {
	width: auto;
    overflow: hidden;
    padding: 5px 0 0 5px;
    font-size: 11px;
	line-height: 11px;
    font-weight: bold;
    line-height: inherit;
    font-family: Arial, Tahoma, Verdana;
    color: #007708;
	cursor: pointer;
} 

.hiLite {
    background: #b7afa2 !important;
    color: #007708 !important;
} 

.newListHover {
    background: #ccc6bc !important;
    color: #007708 !important;
    cursor: default;
} 

.newListSelHover, .newListSelFocus {
    background-position: 0 -26px;
    cursor: default;
} 

.newListOptionTitle {
    font-weight: bold;
} 

.newListOptionTitle ul {
    margin: 0 0 0 0;
} 

.newListOptionTitle li {
    font-weight: normal;
    border-left: 1px solid #ccc;
}

/********* category *********/

ul.categoryList * {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #666;
    font-weight: bold;
	cursor: pointer;
	position: relative;
}

ul.categoryList {
    margin: -3px 0 0 2px;
    padding: 0;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana;
    list-style: none;
    color: #000;
    width: 198px;
    background: #fbfbfb;
    position: absolute;
    border: 1px solid #ccc6bc;
    top: 25px;
    left: 2px;
    overflow: auto;
    z-index: 9999;
	cursor: pointer;
} 
.categoryListSelected {
    width: 200px;
    font-weight: bold;
    color: #000;
    height: 25px;
	margin: 0 12px 0 0;
    padding: 0px 0 0 3px;
    float: left;
    background: url(../images/selectbox/select-bg_category.gif) no-repeat;
	cursor: pointer;
} 
.categoryListSelected span {
    width: 187px;
    display: block;
}

ul.categoryList li {
	margin: 0 0 0 0;
    padding: 2px 10px;
	position: relative;
} 

ul.categoryList li:hover {
	margin: 0 0 0 0;
    padding: 2px 10px;
	cursor: pointer;
} 

/********* pages *********/

ul.pageList * {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #666;
    font-weight: bold;
	cursor: pointer;
	position: relative;
	float: right;
}

ul.pageList {
    margin: -3px 0 0 2px;
    padding: 0;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana;
    list-style: none;
    color: #000;
    width: 75px;
    background: #fbfbfb;
    position: absolute;
    border: 1px solid #ccc6bc;
    top: 25px;
    left: 2px;
    overflow: auto;
    z-index: 9999;
	cursor: pointer;
	float: right;
} 
.pageListSelected {
    width: 89px;
    font-weight: bold;
    color: #000;
    height: 25px;
	margin: 0 12px 0 0;
    padding: 0px 0 0 0;
    float: right;
    background: url(../images/selectbox/select-bg_pages.gif) no-repeat;
	cursor: pointer;
} 
.pageListSelected span {
    width: 89px;
    display: block;
}

.pageselectedTxt {
	width: 84px;
    overflow: hidden;
    padding: 5px 0 0 5px;
    font-size: 11px;
	line-height: 11px;
    font-weight: bold;
    line-height: inherit;
    font-family: Arial, Tahoma, Verdana;
    color: #6f6b68;
	cursor: pointer;
} 

ul.pageList li {
	margin: 0 0 0 0;
    padding: 2px 10px;
	position: relative;
} 

ul.pageList li:hover {
	margin: 0 0 0 0;
    padding: 2px 10px;
	cursor: pointer;
} 

/********* stars *********/

ul.starList * {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-family: Arial, Tahoma, Verdana;
    color: #666;
    font-weight: bold;
	cursor: pointer;
	position: relative;
}

ul.starList {
    margin: -3px 0 0 2px;
    padding: 0;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana;
    list-style: none;
    color: #000;
    width: 75px;
    background: #fbfbfb;
    position: absolute;
    border: 1px solid #ccc6bc;
    top: 25px;
    left: 2px;
    overflow: auto;
    z-index: 9999;
	cursor: pointer;
	font-size: 13px;
} 
.starListSelected {
	font-size: 13px;
    width: 77px;
    font-weight: bold;
    color: #000;
    height: 25px;
	margin: 0 12px 0 0;
    padding: 0px 0 0 0;
    float: left;
    background: url(../images/selectbox/select-bg_stars.gif) no-repeat;
	cursor: pointer;
} 
.starListSelected span {
    width: 77px;
    display: block;
	font-size: 13px;
}

.starselectedTxt {
	width: 72px;
    overflow: hidden;
    padding: 5px 0 0 5px;
    font-size: 11px;
	line-height: 11px;
    font-weight: bold;
    line-height: inherit;
    font-family: Arial, Tahoma, Verdana;
    color: #6f6b68;
	cursor: pointer;
} 

ul.starList li {
	font-size: 13px;
	margin: 0 0 0 0;
    padding: 2px 10px;
	position: relative;
} 

ul.starList li:hover {
	margin: 0 0 0 0;
	font-size: 13px;
    padding: 2px 10px;
	cursor: pointer;
} 

/********* extras *********/

ul.extraList * {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #666;
    font-weight: bold;
	cursor: pointer;
	position: relative;
}

ul.extraList {
    margin: -3px 0 0 2px;
    padding: 0;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana;
    list-style: none;
    color: #000;
    width: 99px;
    background: #fbfbfb;
    position: absolute;
    border: 1px solid #ccc6bc;
    top: 25px;
    left: 2px;
    overflow: auto;
    z-index: 9999;
	cursor: pointer;
	font-size: 13px;
} 
.extraListSelected {
	font-size: 11px;
    width: 101px;
    font-weight: bold;
    color: #000;
    height: 25px;
	margin: 0 12px 0 0;
    padding: 0px 0 0 0;
    float: left;
    background: url(../images/selectbox/select-bg_extra.gif) no-repeat;
	cursor: pointer;
} 
.extraListSelected span {
    width: 101px;
    display: block;
	font-size: 11px;
}

.extraselectedTxt {
	width: 96px;
    overflow: hidden;
    padding: 5px 0 0 5px;
    font-size: 11px;
	line-height: 11px;
    font-weight: bold;
    line-height: inherit;
    font-family: Arial, Tahoma, Verdana;
    color: #6f6b68;
	cursor: pointer;
} 

ul.extraList li {
	font-size: 11px;
	margin: 0 0 0 0;
    padding: 2px 10px;
	position: relative;
} 

ul.extraList li:hover {
	margin: 0 0 0 0;
	font-size: 11px;
    padding: 2px 10px;
	cursor: pointer;
} 

/********* pagestop *********/

ul.pagetopList * {
    margin: 0 0 0 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #666;
    font-weight: bold;
	cursor: pointer;
	position: relative;
}

ul.pagetopList {
    margin: -3px 0 0 2px;
    padding: 0;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana;
    list-style: none;
    color: #000;
    width: 75px;
    background: #fbfbfb;
    position: absolute;
    border: 1px solid #ccc6bc;
    top: 25px;
    left: 2px;
    overflow: auto;
    z-index: 9999;
	cursor: pointer;
} 
.pagetopListSelected {
    width: 89px;
    font-weight: bold;
    color: #000;
    height: 25px;
	margin: 0 10px 0 0;
    padding: 0px 0 0 0;
    float: left;
    background: url(../images/selectbox/select-bg_pages.gif) no-repeat;
	cursor: pointer;
} 
.pagetopListSelected span {
    width: 89px;
    display: block;
}

ul.pagetopList li {
	margin: 0 0 0 0;
    padding: 2px 10px;
	position: relative;
} 

ul.pagetopList li:hover {
	margin: 0 0 0 0;
    padding: 2px 10px;
	cursor: pointer;
} 

/********* rate *********/

ul.rateList * {
    margin: 0 0 0 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #666;
    font-weight: bold;
	cursor: pointer;
	position: relative;
}

ul.rateList {
    margin: -3px 0 0 2px;
    padding: 0;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana;
    list-style: none;
    color: #000;
    width: 161px;
    background: #fbfbfb;
    position: absolute;
    border: 1px solid #ccc6bc;
    top: 25px;
    left: 2px;
    overflow: auto;
    z-index: 9999;
	cursor: pointer;
} 
.rateListSelected {
    width: 161px;
    font-weight: bold;
    color: #000;
    height: 25px;
	margin: 0 17px 0 8px;
    padding: 0px 0 0 0;
    float: left;
    background: url(../images/selectbox/select-bg_ertekel.gif) no-repeat;
	cursor: pointer;
} 
.rateListSelected span {
    width: 89px;
    display: block;
}

.rateselectedTxt {
	width: 156px;
    overflow: hidden;
    padding: 5px 0 0 5px;
    font-size: 11px;
	line-height: 11px;
    font-weight: bold;
    line-height: inherit;
    font-family: Arial, Tahoma, Verdana;
    color: #6f6b68;
	cursor: pointer;
} 

ul.rateList li {
	margin: 0 0 0 0;
    padding: 2px 10px;
	position: relative;
} 

ul.rateList li:hover {
	margin: 0 0 0 0;
    padding: 2px 10px;
	cursor: pointer;
}