@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif;}
body{ padding-top:10px;}

div#container{ width:285px; float:right; background:url(image/container-middle.jpg) 0 0 repeat-y;}
div#container div.container-top{ background:url(image/container-top.jpg) 0 0 no-repeat;}
div#container div.container-top div.container-bottom{ background:url(image/container-bottom.jpg) 0 100% no-repeat; padding-bottom:10px;}

/*------header------*/
div#header{ padding:4px 0 0 48px; position:relative; margin-bottom:4px;}
div#header div.logo{ float:left;}
div#header div.logo h1 a.logo{ background:url(image/logo.png) 0 0 no-repeat; width:121px; height:0px; padding-top:31px; overflow:hidden; display:block;}
div#header div.logo h1 a img{ position:absolute; right:239px; top:11px; border:0; z-index:5;}
div#header p{ padding-top:10px; background:url(image/tagline.gif) 0 0 no-repeat; width:111px; height:0px; overflow:hidden; margin-top:13px;}

/*------tabs------*/
div.tabs{ padding:0 5px;}
div.tabs ul.tab-strip li{ float:left; list-style:none; z-index:1;}
div.tabs ul.tab-strip li a{ font-size:12px; color:#fff; text-decoration:none; display:block; float:left; height:29px; padding-left:19px; background:url(image/tabs.gif) 0 0 no-repeat; font-weight:bold; z-index:1; position:relative; cursor:pointer;}
div.tabs ul.tab-strip li a span{ background:url(image/tabs.gif) 100% -30px no-repeat; display:block; float:left; padding-right:10px; padding-top:5px; line-height:24px; width:80px; text-align:center;}
div.tabs ul.tab-strip li.subrogation{ margin-left:-8px;}

div.tabs ul.tab-strip li:hover a, div.tabs ul.tab-strip li.ui-state-active a{ background:url(image/tabs-hover.gif) 0 0 no-repeat; color:#212121; z-index:2;}
div.tabs ul.tab-strip li:hover a span, div.tabs ul.tab-strip li.ui-state-active a span{ background:url(image/tabs-hover.gif) 100% -30px no-repeat;}

/*------tab-content------*/
div.ui-tabs-hide{ display:none;}
div.tab-content{ background:url(image/tabcontent-middle.jpg) 0 0 repeat-y; margin-top:-1px; position:relative;}
div.tab-content div.top{ background:url(image/tabcontent-top.jpg) 0 0 no-repeat;}
div.tab-content div.top div.bottom{ background:url(image/tabcontent-bottom.jpg) 0 100% no-repeat; padding:7px 5px 0 14px;}

div.tab-content div.form ul li{ list-style:none; margin-bottom:10px; padding-right:20px; margin-left:5px;}
div.tab-content div.form ul li span.property{ color:#71bc21; float:right; width:70px; text-align:center; margin:0; display:block; font-size:12px; font-weight:bold; position:relative;}
div.tab-content div.form ul li span.property input{ color:#71bc21; position:absolute; top:35px; left:0px; width:70px; border:0; text-align:center; margin:0; display:block; font-size:12px; font-weight:bold; background-color: transparent }
div.tab-content div.form ul li span.property img{ margin-top:4px;}

div.tab-content div.form ul li label{ font-size:12px; font-weight:bold; color:#777777; display:block; margin-bottom:15px; width:130px; padding-top:8px;}
/*div.tab-content div.form ul li p.slider{ background:url(image/slider.jpg) 0 0 repeat-x; height:10px; width:138px; position:relative;}*/

div.tab-content div.form ul li p.slider span{ width:28px; height:29px; position:absolute; left:19px; top:-10px; margin:0;}
div.tab-content div.form ul li p.slider span a{ float:left;}
div.tab-content div.form ul li p.slider span a img{ border:0;}

div.tab-content div.form div.section span.radio{ background:url(image/radio-button.gif) 0 0 no-repeat; height:18px; width:18px; margin-top:5px;}
div.tab-content div.form div.section span{font-size:12px; font-weight:bold; color:#777777; float:left; line-height:30px; margin-right:6px;}
div.tab-content div.form div.section label{ font-size:12px; color:#101010; font-weight:bold; float:left; line-height:30px; margin-right:3px;}
div.tab-content div.form div.section input.submit-button{ float:left;}


.clear{
  clear:both;
}

div.demo { padding: 10px !important;}

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

    .ui-slider-horizontal { height: .8em; }
    .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; }/* Tabs
    /*----------------------------------*/

#form .slider-wrapper {
	background:url('image/slider.jpg') 0 0 repeat-x;
	float:left;
	clear:none !important;
	margin:0 4px  0 0;
       position: relative;
          height:10px;
          width:138px;
          position:relative;
}

#form .slider {
	height:23px !important;
       margin-left: 31px;
       margin-right: 31px;

}
#form .ui-slider .ui-slider-handle {
	background: url('image/bg_slider_handle.png') 0 0 no-repeat;
	width:28px;
	height:29px !important;
	top:-10px;
	margin:0;
       margin-left: -14px;
	outline: none;
}
#form .ui-slider .ui-state-hover,
#form .ui-slider .ui-state-active{
	background: url('image/bg_slider_handle.png') 0 -69px no-repeat;
	outline: none;
}
#form .ui-corner-all,
#form .ui-widget-header{
	border:none;
       background: none;
}