/* Layout helpers
----------------------------------*/
.picker-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.picker-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .picker-helper-clearfix { height:1%; }
.picker-helper-clearfix { display:block; }

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

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

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

/* Component containers
----------------------------------*/
.picker-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.picker-widget .picker-widget { font-size: 1em; }
.picker-widget input, .picker-widget select, .picker-widget textarea, .picker-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.picker-widget-content { border: 1px solid #dddddd; background: #fff ; color: #666; }
.picker-widget-content a { color: #666; }
.picker-widget-header { padding:0px 20px; font-family:"微软雅黑"; font-size:16px; color: #fff; font-weight: bold; }
.picker-widget-header a { color: #fff; }

/* Interaction states
----------------------------------*/
.picker-state-default, .picker-widget-content .picker-state-default, .picker-widget-header .picker-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #666666; }
.picker-state-default a, .picker-state-default a:link, .picker-state-default a:visited { color: #666666; text-decoration: none; }
.picker-state-hover, .picker-widget-content .picker-state-hover, .picker-widget-header .picker-state-hover, .picker-state-focus, .picker-widget-content .picker-state-focus, .picker-widget-header .picker-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.picker-state-hover a, .picker-state-hover a:hover { color: #c77405; text-decoration: none; }
.picker-state-active, .picker-widget-content .picker-state-active, .picker-widget-header .picker-state-active
{
	border: 1px solid #CCCCCC;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #FF0000;
}
.picker-state-active a, .picker-state-active a:link, .picker-state-active a:visited
{
	color: #FF0000;
	text-decoration: none;
}
.picker-widget :active { outline: none; }

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

/* states and images */
.picker-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.picker-widget-content .picker-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.picker-widget-header .picker-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.picker-state-default .picker-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
.picker-state-hover .picker-icon, .picker-state-focus .picker-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.picker-state-active .picker-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.picker-state-highlight .picker-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
.picker-state-error .picker-icon, .picker-state-error-text .picker-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }

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

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

/* Overlays */
.picker-widget-overlay { background: #666666  50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); z-index:40000 }
.picker-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

 /* Frame Border */
.picker-resizable { position: relative;}
.picker-resizable-handle { position: absolute;font-size: 0.1px;z-index: 41000; display: block; }
.picker-resizable-disabled .picker-resizable-handle, .picker-resizable-autohide .picker-resizable-handle { display: none; }
.picker-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.picker-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.picker-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.picker-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.picker-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; z-index: 1001;}
.picker-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; z-index: 1002;}
.picker-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; z-index: 1004;}
.picker-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;z-index: 1003;}

 /* Frame Buttons */
.picker-button { display: inline-block;  padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */

/*button text element */
.picker-button .picker-button-text { display: block; line-height: 1.4; }
.picker-button-text-only .picker-button-text { padding: .4em 1em; }
.picker-button-icon-only .picker-button-text, .picker-button-icons-only .picker-button-text { padding: .4em; text-indent: -9999999px; }
/* no icon support for input elements, provide padding by default */
input.picker-button { padding: .4em 1em; }

/* positioning */
.picker-icon-closethick { background-position: -96px -128px; }
.picker-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.picker-icon-grip-diagonal-se { background-position: -80px -224px; }

/* workarounds */
button.picker-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox

/* picker 框架 */
.picker-frame { position: absolute; padding: 10px; overflow: visible; display:none; z-index:45000; width:700px; border:0px solid #666 }
.picker-frame-titlebar { position: relative; line-height:35px; height:35px; background-color:#458FCE   }
.picker-frame-title { float: left; margin: .1em 16px .1em 0; } 
.picker-frame-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.picker-frame-titlebar-close span { display: block; margin: 1px; }
.picker-frame-titlebar-close:hover, .picker-frame-titlebar-close:focus { padding: 0; }
.picker-frame-content { position: relative; border: 0; padding: 0px; zoom: 1; background: none; overflow: visible;  }
.picker-frame-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; float:left; width:97%;}
.picker-frame-buttonpane .picker-frame-buttonset { float: right; }
.picker-frame-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.picker-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }

/* picker 选择区*/
.picker-option-group { float:left; margin-top:5px; margin-bottom:0; width:760px; }
.picker-option-group a { outline:none;}
.picker-main-group, .picker-province-group { border-top: 1px solid #DDD; padding-top: 10px; }
.picker-group-title { float:left; font-weight:bold; margin-left:2px; margin-bottom:2px; width:100%; color:#666; }
.picker-group-content { float:left; width:100%; }
.picker-group-content .picker-option-item { text-decoration:none; color:#666; display:block; float:left; width:180px; height:22px; line-height:22px; padding-top:1px; white-space:nowrap; overflow:hidden;}
.picker-option-item input { cursor:pointer; vertical-align:middle; line-height:22px; }
.picker-option-item label { cursor:pointer; vertical-align:middle; line-height:22px; width:228px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.picker-hover-item:focus { outline:none; }
.picker-hover-item:hover { background-color:#C0C0C0; color:#fff;  }
.picker-hover-item .picker-item-text { margin-left:5px; display:block; }
.picker-option-float { display: none; position: absolute; background-color: #fff; color: #666666; z-index:50000; border:2px solid #333; }
.picker-option-float .picker-float-top { float:left; width:100%; background-color:#efefef;}
.picker-option-float .picker-float-top .picker-option-item { width:100%!important;}
.picker-option-float .picker-float-content { float:left; width:490px;}
.picker-float-one {z-index: 51000;width: 200px;	border: 1px solid #C0C0C0;}
.picker-float-two { z-index: 51000; width: 200px; border: 1px solid #C0C0C0;}
.picker-float-two .picker-hover-item:hover { background-color:#87CEFA; }
.picker-picked-item a { text-decoration:none; color:#666666; }
.picker-picked-item a span { padding-left:5px; cursor:pointer; height:18px; background: url(images/ui-icons_228ef1_256x240.png) no-repeat -31px -191px; }

.picker-hover
{
	background-color: #C0C0C0; color:#666;
}
.picker-hover-two { background-color:#87CEFA; }