* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

body {
	background: #f1f4f6 url(../img/tausta.png) repeat-x;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 15px;
	max-width: 100%;
}

a:link, a:active {
	color: #1b6ba2;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #617c8e;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	color: #0e83d5;
	font-weight: bold;
}

#top {
	background: url(../img/yla.jpg) top center no-repeat;
	height: 283px;
	margin-bottom: 1px;
	min-width: 998px;
}

#top-content, #middle-content, #footer-content {
	width: 998px;
	margin: 0 auto;
}

#top-content {
	padding-left: 8px;
	width: 990px;
}

#top-content ul {
	list-style: none;
	padding-top: 30px;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: bold;
	color: #3f7ba9;
	text-align: right;
	padding-right: 20px;
	float: right;
}

#top-content ul li {
	display: block;
	float: left;
	margin-left: 38px;
	padding-left: 5px;
	background: url(../img/button.png) 0px -80px no-repeat;
	height: 35px;
}

#top-content ul li a {
	display: block;
	padding-right: 11px;
	height: 30px;
	padding-top: 5px;
	padding-left: 6px;
}

#top-content ul li a:focus {
	outline: none;
}

#top-content ul li:hover {
	background-position: 0px 0px;
}

#top-content ul li:hover a {
	color: #fff;
	background: url(../img/button.png) top right no-repeat;
}

#top-content ul a:link, #top-content ul a:visited, #top-content ul a:active {
	color: #3f7ba9;
	text-decoration: none;
}

#haku {
	float: left; 
	width: 730px;
	height: 175px;
	margin-top: 44px;
}

#haku .lomake {
	background: url(../img/haku.png) no-repeat;
	height: 52px;
	width: 715px;
	padding-left: 15px;
}

#haku .lomake label {
	display: none;
}

#haku .lomake .teksti {
	width: 616px;
	background: transparent;
	border: 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 21px;
	margin-top: 13px;
	color: #333;
	float: left;
}

#haku .lomake .submit {
	display: block;
	float: right;
	background: transparent url(../img/haku.png) -642px 0px;
	border: 0;
	height: 52px;
	width: 88px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-transform: uppercase;
	color: #555;
}

#haku .lomake .submit:hover {
	background-position: -642px -52px;
	cursor: pointer;
}

#ylaloota {
	float: right;
	width: 220px;
	height: 175px;
	margin-top: 40px;
}

#ylaloota p {
	font-size: 20px;
	text-align: center;
	color: #fff;
	padding-top: 30px;
	font-weight: bold;
	padding-right: 20px;
}

#ylamainos {
	margin-top: 14px;
}

#middle {
	background: url(../img/sisalto.png) top center repeat-y;
	min-width: 998px;
}

#middle-content {
	padding-top: 30px;
	min-height: 400px;
	color: #222;
}

#middle-content h1, #middle-content h2 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 21px;
	color: #6da8d6;
	margin-bottom: 16px;
	letter-spacing: -1px;
}

#left {
	width: 700px;
	float: left;
	border-right: 1px dotted #ccc;
	padding-right: 12px;
	margin-bottom: 20px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#left h1 {
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

#left h1 img {
	margin-left: 8px;
	height: 20px;
}

#left p {
	font-size: 15px;
	line-height: 1.8em;
	margin-bottom: 1em;
}

#right {
	width: 240px;
	float: right;
	padding-right: 10px;
	margin-bottom: 15px;
	padding-left: 10px;
}

#right p {
	padding-left: 6px;
	padding-right: 6px;
	line-height: 1.4em;
	margin-bottom: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#sisalto {
	background: url(../img/keskiyla.jpg) top center no-repeat;
}

#bottom {
	background: url(../img/ala.png) bottom center repeat-x;
	height: 77px;
	min-width: 998px;
	clear: both;
}

#footer {
	background: url(../img/footer.jpg) top center no-repeat;
	height: 77px;
}

.header {
	background: url(../img/button.png) no-repeat;
	padding-left: 5px;
	margin-bottom: 10px;
	height: 35px;
}

.header h2, .header h3 {
	background: url(../img/button.png) top right no-repeat;
	color: #fff;
	padding-right: 10px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 4px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 17px;
	height: 23px;
}

#suosituimmat {
	clear: both;
	margin-top: 20px;
	padding-top: 22px;
	border-top: 1px dotted #ccc;
}

#suosituimmat h2 {
	margin-left: 10px;
}

#nuoli-vasen, #nuoli-oikea, #suosituimmat-lista {
	float: left;
	height: 172px;
}

#nuoli-vasen, #nuoli-oikea {
	width: 28px;
}

#nuoli-vasen a, #nuoli-oikea a {
	display: block;
	width: 28px;
	height: 44px;
	text-indent: -9999px;
	margin-top: 70px;
}

#nuoli-vasen a {
	background: url(../img/suosituimmat.png) 0px -15px no-repeat;
}

#nuoli-vasen a:hover {
	background-position: 0px -116px;
}

#nuoli-oikea a {
	background: url(../img/suosituimmat.png) -972px -18px no-repeat;
}

#nuoli-oikea a:hover {
	background-position: -972px -119px;
}

#nuoli-vasen a:focus, #nuoli-oikea a:focus {
	outline: none;
}


#suosituimmat .suosituimmat-lista {
	width: 938px;
	height: 142px;
	background: url(../img/suosituimmat.png) -30px 0px no-repeat;
	padding-right: 0;
	padding-top: 33px;
	margin-bottom: 10px;
	margin-left: 28px;
	padding-right: 1px;
}

#suosituimmat ul {
	list-style: none;
	overflow: hidden;
	height: 142px;
}

#suosituimmat ul li {
	float: left;
	width: 125px;
	font-size: 13px;
	margin-left: 26px;
	height: 185px;
	width: 126px;
}

#suosituimmat ul li img {
	display: block;
	margin-top: -11px;
	width: 120px;
}

#suosituimmat ul li .img {
	width: 124px;
	height: 72px;
	overflow: hidden;
	margin-bottom: 8px;
	background-color: #fff;
	border: 1px solid #000;
}

#suosituimmat ul li .img-pad {
	border: 2px solid #fff;
	width: 120px;
	height: 68px;
	overflow: hidden;
}

#suosituimmat ul li .img:hover {
	border-color: #007cd2;
}

.carousel-clip {
	position: relative;
	left: 0;
	overflow: hidden;
}

.carousel-container {
	position: relative;
	left: 0;
}

.carousel-list {
	position: relative;
	list-style: none;
	left: 0;
}

.carousel-list li {
	float: left;
}

.carousel-prev, .carousel-next {
	width: 24px;
	height: 38px;
	background: url(../img/suosituimmat.png) no-repeat;
	position: absolute;
}

.carousel-prev {
	background-position: 0 -12px;
	left: -30px;
	top: 36px;
}

.carousel-next {
	background-position: -976px -14px;
	right: -30px;
	top: 36px;
}

.carousel-prev:hover {
	background-position: 0px -114px;
	cursor: pointer;
}

.carousel-next:hover {
	background-position: -976px -114px;
	cursor: pointer;
}

.clear {
	clear: both;
}

#footer-content {
	padding-top: 50px;
	color: #fff;
	font-size: 13px;
}

#footer-content a {
	color: #fff;
}

#footer-left {
	float: left;
	width: 400px;
	padding-left: 20px;
}

#footer-right {
	float: right;
	width: 400px;
	text-align: right;
	padding-right: 20px;
}

#paa {
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 20px;
	width: 220px;
	height: 55px;
}

#paa:focus {
	outline: none;
}

.show-title {
        padding-right: 170px;
}

#show-left {
	width: 352px;
	float: left;
	padding-left: 2px;
}

#show-left img {
	width: 320px;
	border: 1px solid #000;
}

#show-right {
	float: right;
	width: 338px;
	padding-left: 8px;
}

#show-right label {
	font-size: 18px;
	margin-bottom: 5px;
	display: block;
}

.select-box {
	background: url(../img/valintatausta.png) no-repeat;
	width: 282px;
	height: 36px;
	padding-top: 12px;
	margin-bottom: 15px;
	padding-left: 15px;
}

.select-box select {
	width: 268px;
	padding: 2px;
}

.select-box select option {
	padding-left: 4px;
}

.select-box input, .select-box select {
	background-color: #fff;
	border:1px solid #aaa
}

.input-custom {
	background: url(../img/button.png) no-repeat;
	padding-left: 4px;
	height: 35px;
	margin-right: 12px;
	margin-bottom: 15px;
	display: inline-block;
}

.input-custom:hover {
	background-position: 0 -35px;
}

.input-custom input {
	padding-right: 20px;
	padding-left: 16px;
	background: transparent url(../img/button.png) top right no-repeat;
	border: 0;
	height: 35px;
	color: #fff;
	text-transform: uppercase;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.input-custom a {
	white-space: nowrap;
	padding-right: 20px;
	padding-left: 16px;
	background: transparent url(../img/button.png) top right no-repeat;
	border: 0;
	height: 35px;
	color: #fff;
	text-transform: uppercase;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	height: 35px;
	display: inline-block;
	text-decoration: none;
}

.input-custom input:hover {
	cursor: pointer;
	background-position: right -35px;
}

.input-custom a:hover {
	background-position: right -35px;
}

.input-custom a:focus, .input-custom input:focus {
	outline: none;
}

.show-mainos {
	clear: both;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 8px;
	font-size: 1.1em;
}

#advanced {
	clear: both;
	display: none;
	padding-left: 200px;
	width: 450px;
}

#advanced.showleft {
	padding-left: 0;
}

#advanced .spacer {
	margin-top: 20px;
}

#advanced .adv-header {
	width: 140px;
	padding-right: 6px;
	text-align: right;
	float: left;
	clear: both;
	padding-top: 8px;
	padding-bottom: 4px;
	height: 25px;
}

#advanced .adv-content {
	padding-top: 4px;
	padding-bottom: 4px;
	width: 300px;
	float: right;
}

#advanced .adv-content select {
	padding: 4px;
	width: 300px;
	border: 1px solid #a6becf;
}

#advanced .adv-content select:hover {
	border-color: #479dde;
}
#advanced .adv-content select:disabled {
	background-color: #f5f5f5;
	border-color: #d6d6d6;
	color: #cfcfcf;
}

#advanced .adv-content select:disabled:hover {
	border-color: #d6d6d6;
}

#advanced .adv-content select option {
	padding-left: 4px;
}

#advanced .adv-content select optgroup option {
	padding-left: 15px;
}

#advanced .advanced-submit {
	margin-left: 142px;
	width: 300px;
	padding-top: 15px;
	text-align: center;
	clear: both;
}

#advanced .advanced-submit .input-custom {
	margin-left: 30px;
}

#remember-check {
	margin-right: 6px;
	margin-bottom: 20px;
}

#advanced .sliders {
	padding-left: 6px;
	padding-top: 14px;
	padding-bottom: 0;
	width: 290px;
	padding-right: 4px;
}

#advanced .custom-resolution {
	padding-top: 8px;
	padding-bottom: 6px;
	color: #aaa;
	font-size: 13px;
	padding-left: 1px;
	display: none;
}

#advanced .custom-resolution input {
	width: 80px;
	border: 1px solid #ccc;
	padding: 2px;
}

#video-length {
	display: none;
}

#advanced .range-value {
	margin-top: 10px;
	font-size: 12px;
	margin-bottom: 3px;
}

.ui-slider-label, .ui-slider-tooltip {
	font-size: 10px !important;
	font-family: Arial, sans-serif;
}

.select-slider {
	display: none;
}

#toggle-advanced:focus {
	outline: none;
}

#process_id {
	display: none;
}

#encoder_status {
	width: 564px;
	margin-top: 20px;
}

.status-bar-container {
	padding: 2px;
	border: 1px solid #000;
	width: 560px;
	height: 26px;
}

.status-bar, .status-ready {
	height: 26px;
	background: url(../img/bar.png) repeat-x;
}

.status-bar {
	background-position: 0px -26px;
}

.loading .status-bar {
	background: url(../img/loading.gif) 0 0 repeat-x;
}

.status-ready {
	background-position: 0px 0px;
	width: 0%;
}

.status-text, .status-left, .status-right {
	font-size: 12px;
	color: #555;
}

.status-text {
	margin-bottom: 4px;
}

.status-percents {
	margin-top: -24px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.loading .status-percents {
	display: none;
}

.status-left, .status-right {
	margin-top: 10px;
}

.status-left {
	width: 220px;
	float: left;
}

.status-right {
	width: 330px;
	text-align: right;
	float: right;
}

#upload-left {
	float: left;
	width: 320px;
	margin-bottom: 10px;
	padding-top: 12px;
}

#upload-right {
	float: right;
	width: 370px;
	margin-bottom: 10px;
	padding-top: 12px;
}

#upload-right label, #upload-left label {
	font-size: 18px;
	margin-bottom: 5px;
	display: block;
}

.blank {
	width: 0;
	height: 0;
	display: none;
}

#upload-content {
	display: none;
}

#left ul {
	padding-left: 25px;
	margin-bottom: 1.2em;
	line-height: 1.5em;
}

#left h2 {
	font-size: 18px;
	margin-top: 1em;
}

#left ol {
	margin-left: 25px;
}

#left .lomake label {
	display: block;
	margin-top: 1em;
	margin-bottom: 4px;
}

#left .lomake input.text {
	width: 200px;
	padding: 2px;
	max-width: 100%;
}

#left .lomake .piilo {
	display: none;
}

#left .lomake textarea {
	display: block;
	margin-bottom: 2em;
	max-width: 100%;
}

.virhe {
	padding: 0.8em;
	background-color: #f19d8c;
}

.latausvirhe {
	margin-top: -60px;
	position: relative;
	z-index: 99;
}

.onnistui {
	background-color: #a5e78b;
	padding: 0.8em;
}

.floikea {
	float: right;
}

.search-item img {
	float: left;
	margin-right: 10px;
	width: 100px;
	margin-bottom: 12px;
	border: 1px solid #000;
	padding: 2px;
}

.search-item {
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
	clear: both;
	margin-bottom: 15px;
}

#share-button {
	float: right;
	margin-top: -30px;
	margin-right: 40px;
        margin-left: 8px;
        font-size: 11px;
        color: #fff;
}

.lataaesim {
	border: 1px solid #ccc;
}

/*NEW SLIDER STYLES FOR SCALE, ETC*/
/* slider widget */
.ui-slider  {
	text-decoration: none !important;
}
.ui-slider .ui-slider-handle  {
	overflow: visible !important;
}
.ui-slider .ui-slider-tooltip {
	display: none;
}
.ui-slider .screenReaderContext {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	left: -999999999px;
}
.ui-slider .ui-state-active .ui-slider-tooltip, .ui-slider .ui-state-focus .ui-slider-tooltip, .ui-slider .ui-state-hover .ui-slider-tooltip {
	display: block;
	position: absolute;
	bottom: 2.5em;
	text-align: center;
	padding: .3em .2em .4em;
	font-size: .9em;
	width: 7em;
	margin-left: -3.7em;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down, .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
	position: absolute; 
	display: block;
	width:0; 
	height:0; 
	border-bottom-width: 0;
	background: none;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down {	
	border-left: 7px dashed transparent; 
	border-right: 7px dashed transparent;
	border-top-width: 8px;
	bottom:	-8px;
	right: auto;
	left: 50%;
	margin-left: -7px;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
	border-left: 6px dashed transparent; 
	border-right: 6px dashed transparent;
	border-top: 7px solid #fff;
	bottom:	auto;
	top: -9px;
	left: -6px;
}
.ui-slider a {
	text-decoration: none;
}
.ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ui-slider ol, .ui-slider dl {
	position: relative;
	top: 1.3em;
	width: 100%;
}
.ui-slider dt {
	top: 1.5em;
	position: absolute;
	padding-top: .2em;
	text-align: center;
	border-bottom: 1px dotted #ddd;
	height: .7em;
	color: #999;
}
.ui-slider dt span {
	background: #fff;
	padding: 0 .5em;
}
.ui-slider li, .ui-slider dd {
	position: absolute;
	overflow: visible;
	color: #666;
}
.ui-slider span.ui-slider-label {
	position: absolute;
}
.ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label {
	display: none;
}
.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show {
	display: block;
}
.ui-slider span.ui-slider-tic {
	display: none;
	position: absolute;
	left: 0;
	height: .8em;
	top: -1.3em;
}
.ui-slider li span.ui-widget-content, .ui-slider dd span.ui-widget-content {
	border-right: 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-top: 0;
	border-bottom: 0;
}
.ui-slider .first .ui-slider-tic, .ui-slider .last .ui-slider-tic {
	display: none;
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_6da8d5_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.9em; height: 0.9em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: 0.2em; background: #d3e4f3; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }