/* hide original element */
.jcf-hidden {
	display: block !important;
	position: absolute !important;
	left: -9999px !important; /* change to right: -9999px on RTL sites */
}
/* custom select styles */
.select-area {
	float:right;
	position: relative;
	border: 1px solid #979797;
	background: #fff;
	margin: 0 0 0 0;
	min-width: 150px;
	border-radius:7px;
	height:52px;
	cursor:pointer;
	width:398px !important;
}
.select-focus {}
.select-area .center {
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	margin: 0 35px 0 8px;
	text-transform:uppercase;
	color:#616161;
	font: 18px/20px 'Cuprum', Helvetica, sans-serif;
	padding:16px 19px 16px 19px;
	cursor:pointer;
}
.select-disabled {background: #eee;}
.select-area .select-opener {
	position: absolute;
	text-align: center;
	width:51px;
	bottom: 0;
	right: 0;
	top: 0;
	background: url(../images/opener.png) no-repeat;
}
.select-options {
	position: absolute;
	overflow: hidden;
	z-index: 9999;
	background:#fcf2e6;
}
.select-options .drop-holder {
	border: 1px solid #777;
	overflow: hidden;
	height: 1%;
}
.select-options ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.select-options ul li {
	width: 100%;
	float: left;
}
.select-options ul a {
	text-decoration: none;
	padding: 5px 10px;
	display: block;
	cursor: default;
	color: #000;
	height: 1%;
	margin:0;
	text-transform:uppercase;
	color:#616161;
	font: 14px/16px 'Cuprum', Helvetica, sans-serif;
	padding:16px 19px 16px 29px;
	background:#fff;
}
.select-options .item-selected a {
	text-decoration: none;
	color: #444;
	background:#ccc;
}
.select-area img, .select-options a img {
	vertical-align: top;
	margin: 0 5px 0 0;
}
/* select options optgroup example styles */
.select-options .optgroup {
	clear: both;
}
.select-options .optgroup strong {
	display: block;
	padding: 5px;
}
.select-options .optgroup ul a {
	padding-left: 30px;
}






/* custom select styles */
.search-form .select-area {
	float:left;
	position: relative;
	background: #303030;
	margin: 1px 0 0 0;
	padding:0 10px 0 0;
	height:24px;
	cursor:pointer;
	border:0;
	border-radius:0;
	width:auto !important;
	min-width:70px !important;
}
.search-form .select-focus {}
.search-form .select-area .center {
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display:inline-block;
	padding:16px 19px 16px 19px;
	cursor:pointer;
	text-transform:none;
	font:14px/16px 'Cuprum', Helvetica, sans-serif;
	color:#009cde;
	margin:0 0 0 7px;
	border-bottom:1px dashed #009cde;
	text-decoration:none;
	padding:2px 0 0;
}
.search-form .select-disabled {background: #eee;}
.search-form .select-area .select-opener {
	display:none;
}
.drop-search-category {
	width: 245px !important;
	margin-left:-135px;
	margin-top:20px;
	position: absolute;
	overflow: hidden;
	z-index: 9999;
	background:#171717;
	border-radius:35px;
	border:0;
	padding:0 20px;
}
.drop-search-category .drop-holder {
	overflow: hidden;
	height: 1%;
	width:auto !important;
	border:0;
	text-align:center;
}
.drop-search-category ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background:#2e2e2e;
	border:0;
}
.drop-search-category ul li {
	width: auto;
	float: left;
	padding:0 2px;
}
.drop-search-category ul a {
	text-decoration: none;
	padding: 5px 5px;
	display: block;
	cursor: default;
	color: #fff;
	height: 1%;
	margin:0;
	text-transform:none;
	font:14px/16px 'Cuprum', Helvetica, sans-serif;
	background:none;
	float:left;
}
.drop-search-category .item-selected a {
	text-decoration: none;
	color:#009cde;
	background:none;
	cursor:pointer;
}
.search-form .select-area img, .select-options a img {
	vertical-align: top;
	margin: 0 5px 0 0;
}
/* select options optgroup example styles */
.search-form .select-options .optgroup {
	clear: both;
}
.search-form .select-options .optgroup strong {
	display: block;
	padding: 5px;
}
.search-form .select-options .optgroup ul a {
	padding-left: 30px;
}








































/* multiple select styles */
.select-multiple-area {
	border: 1px solid #777;
	clear: both;
}
.select-multiple-area .multiple-list{
	border: none;
	position: static;
}
.select-multiple-area .multiple-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.select-multiple-area .multiple-list li {
	margin: 0;
}
.select-multiple-area .multiple-list a:hover {
	text-decoration: none;
	background: #fff;
	color: #000;
}
.select-multiple-area .multiple-list a {
	display: block;
	cursor: default;
	padding: 5px;
	color: #000;
}
.select-multiple-area .multiple-list .item-selected a {
	background: #007;
	color: #fff;
}
.select-multiple-area .multiple-list .optgroup strong {
	display: block;
	padding: 5px;
}
.select-multiple-area .multiple-list .optgroup a {padding-left: 30px;}
.select-disabled  .multiple-list .item-selected a {background: #777;}
.live-example fieldset .select-multiple-area .scrollable-area-wrapper {
	margin: 0;
}
/* textarea example styles (optional) */
.text-block .control-wrapper {
	border: 1px solid #777;
	float: left;
}
.text-block textarea {
	font-size: 12px;
	width: 500px;
	height: 150px;
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
}
.live-example fieldset .text-block .scrollable-area-wrapper {margin: 0;}
/* custom file input */
.file-area .jcf-input-wrapper {
	position: relative;
	overflow: hidden;
}
.file-area .jcf-upload-button {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	border: 1px solid #898989;
	border-radius:7px;
	margin: 0 0 0 15px;
	padding: 11px 10px;
	line-height: 28px;
	height: 52px;
	width: 162px;
	color:#fff;
	background:#929292;
	text-align:center;
	cursor:pointer;
	float:right;
}
.info-user .attach-file .file-area .jcf-fake-input {
	display: inline-block !important;
	text-overflow:ellipsis;
	white-space: nowrap;
	vertical-align: top;
	overflow: hidden;
	border: 1px solid #979797;
	border-radius:7px;
	padding: 12px 8px;
	font-size: 13px;
	line-height: 28px;
	height: 52px;
	width: 398px;
	background:#fff;
}
.file-disabled .jcf-upload-button {
	border-color: #eee;
	background-color: #eee;
	color: #777;
}
.file-disabled .jcf-fake-input {
	border-color: #eee;
	color: #aaa;
}
/* custom scrollbars styles */
.scrollable-area-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.scrollable-area-wrapper .hscrollbar,
.scrollable-area-wrapper .vscrollbar {
	position: absolute;
	top: 0;
	right: 0;
	width: 51px;
	border-left:1px solid #979797;
}
.scrollable-area-wrapper .hscroll-left,
.scrollable-area-wrapper .vscroll-up,
.scrollable-area-wrapper .hscroll-right,
.scrollable-area-wrapper .vscroll-down {
	background: #fff url(../images/up.png) 50% 50% no-repeat;
	width: 50px;
	height: 30px;
	float: left;
}
.scrollable-area-wrapper .vscroll-down {
	background: #fff url(../images/down.png) 50% 50% no-repeat;
}
.scrollable-area-wrapper .hscroll-line,
.scrollable-area-wrapper .vscroll-line {
	background: #fff;
	width: 50px;
	float: left;
}
.scrollable-area-wrapper .hscroll-slider,
.scrollable-area-wrapper .vscroll-slider {
	background:#979797;
	width:10px;
	height:60px;
	border-radius:10px;
	margin:0 0 0 20px;
	
}
.scrollable-area-wrapper .hscrollbar {
	position: static;
	height: 20px;
	top: auto;
}
.scrollable-area-wrapper .hscroll-line {
	height: 20px;
	width: auto;
}
/* misc styles */
.controls-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.controls-list li {
	margin: 0 0 10px;
	overflow: hidden;
	width: 100%;
}
.controls-list label {
	margin: 0 10px 0 0;
	float: left;
}
.controls-list label.demo-label span {
	font: bold 11px "Courier New", Courier, monospace;
	color: #007;
}
.controls-list select {
	width: 150px;
}
.live-example fieldset {
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #ddd;
	display: block;
	padding: 15px;
	margin: 0 0 15px;
}
.live-example fieldset legend {
	font-style: italic;
	color: #000;
}
.live-example fieldset .scrollable-area-wrapper {
	margin: 0 0 20px;
}
.scrollable-area {
	background: #ffe;
	overflow: auto;
	height: 200px;
	width: 400px;
}
.anyscrollable .text,
.hscrollable .text {width: 600px;}
.file-list .row {
	overflow: hidden;
	margin: 0 0 10px;
	width: 100%;
}
.file-list .flip .jcf-fake-input {float: right;}
.test-select {width: 123px;}
.select-options li.default {display: none;}
ul.thumbnails {
	list-style: none;
	font-size: 50px;
	line-height: 150px;
	text-align: center;
	float: left;
	padding: 0;
	margin: 0;
}
ul.thumbnails li {
	background: #eee;
	display: inline;
	float: left;
	margin: 15px;
	width: 150px;
	height: 150px;
}