/*SLIDER FORMULARZU*/
.slider { width:500px;float:left;margin:0px;position:relative; z-index:5000;}
.values .element {padding-left:2px;;height:20px;width:47px;background:#ff6801;float:left;border-left:1px solid #fff;color:#fff;  }
.slider.ui-slider-horizontal  { height: 13px;;cursor:pointer; }
.slider.ui-widget-content {; background: url(slider_bg.jpg) no-repeat top left; ; color: #222222/*{fcContent}*/; }
.slider_value {float:left;width:65px;font-size:12px;position:relative;left:10px;top:-3px;padding-top:2px;padding-left:2px; height:18px;background:#fff;border:1px solid #7f9db9;}
.slider_content {clear:both;margin-left:15px;;width:550px;height:25px;overflow:hidden;  }
.values {width:6000px;height:25px;}

/*#slider3 { width:500px;float:left;margin:0px;z-index:5000;}
#values2 .element {padding-left:2px;;height:20px;width:47px;background:#ff6801;float:left;border-left:1px solid #fff;color:#fff;  }
.slider.ui-slider-horizontal  { height: 13px;;cursor:pointer }
.slider.ui-widget-content {; background: url(slider_bg.jpg) no-repeat top left; ; color: #222222; }
#slider_value2 {float:left;width:65px;font-size:12px;position:relative;left:10px;top:-3px;padding-top:2px;padding-left:2px;height:18px;background:#fff;border:1px solid #7f9db9;}
#slider_content3 {clear:both;margin-left:15px;;width:550px;height:25px;overflow:hidden;margin-bottom:10px;   }
#values2 {width:4000px;height:25px;}*/

/*SLIDER PAGE BARA*/
#slider { margin: 10px; width:500px;}
#slider .element {height:40px;width:180px;background:pink;margin-right:20px; float:left;  }
#slider_content{width:500px;height:30px;overflow:hidden;margin-bottom:15px; }
#slider_content .slider_page_bar {padding:0px;margin:0px;width:1000px;;height:30px !important;float:left;}
#slider_content .slider_page_bar a {color:#373737;font-size:14px;background:#e5e9f3;border:1px solid #98a7cf;height:18px;width:27px;;margin:0px;padding:0px;padding:2px;margin-right:5px; float:left;display:block;text-align:center; }
#slider_content .slider_page_bar .light {font-size:14px;;border:1px solid #143657;;height:18px;width:27px;;background:#98a7cf;margin:0px;padding:0px;padding:2px;margin-right:5px; float:left;display:block;text-align:center;}
#slider_content .slider_page_bar em {display:none;}
#slider_content .slider_page_bar .next {display:none; }

#slider.ui-slider-horizontal { height: 3px;; }
#slider.ui-widget-content {; background: #98a7cf; color: #222222/*{fcContent}*/; }


/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { cursor:pointer;position: absolute; z-index: 2; width: 14px; height: 18px;; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 3px;; }
.ui-slider-horizontal .ui-slider-handle { top: -14px; 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; }/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content {; background: #98a7cf; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: /*{bgColorHeader}*/ url(handle.gif)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { cursor:pointer; background:url(handle.gif) no-repeat 1px 0px;; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /*{borderColorHover}*/cursor:pointer; background:url(handle.gif) no-repeat 1px 0px;; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {/*{borderColorActive}*/cursor:pointer; background:url(handle.gif) no-repeat 1px 0px;; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }