/*------------------------jquery boxy----------------------*/
.pmtextarea{
	border: 1px solid #CCC;
	width: 260px;
}
.boxy-wrapper { position: absolute; color:#333;}
.boxy-wrapper.fixed { position: fixed; }
.boxy-wrapper a{
  color: #0187C5;
  text-decoration: none;
}
.boxy-wrapper a:hover{
  color: #D51007;
  text-decoration: underline;
}
.boxy-wrapper .border-solid-bottom{
	border-bottom: 1px solid #CCC;
}
.boxy-wrapper .border-on{
	border: 1px solid #CCC;
}

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url('http://www.ifufu.com/img/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('http://www.ifufu.com/img/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('http://www.ifufu.com/img/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('http://www.ifufu.com/img/boxy-sw.png'); }
	
	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ifufu.com/img/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ifufu.com/img/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ifufu.com/img/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ifufu.com/img/boxy-sw.png'); }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right {width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0; }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: #FF7907;font-family:arial; padding: 8px 6px; position: relative; text-align: left;}
	.boxy-wrapper .title-bar.dragging { cursor: move; }
	.boxy-wrapper .title-bar h2 { font-size: 14px; color: white;margin: 0; padding: 0; font-weight: bold; }
	.boxy-wrapper .title-bar .close { color: white; position: absolute; top: 8px; right: 6px;font-size:12px; }
		
	/* Content Region */
	
	.boxy-inner { background-color: white; padding: 0; }
	.boxy-content { padding: 15px; line-height: 160%;text-align: left;}
	.boxy-main{width: 320px;}
	.boxy-main-d1{height: 26px;color:#999;}
	.boxy-bottom {min-height:20px;height:auto !important;height: 20px;border:1px solid #EEE;background:#F7F7F7;padding:8px;text-align:right;}
	.boxy-ok{width:45px;height:21px;text-align:center;color:#FFF;border:none;background:url("http://www.ifufu.com/img/ok1.gif") no-repeat;cursor: pointer;}
	.boxy-cancel{width:45px;height:21px;text-align:center;color:#333;border:none;background:url("http://www.ifufu.com/img/cancel1.gif") no-repeat;cursor: pointer;}
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }
    
/*---------------------------用户选择器----------------------------*/   
/*整体框架*/
.frame{background:#fff;font-family:arial; font-size:12px; text-align:left;line-height:19px;}

/*常用 float 布局*/
.l{float:left;}
.r{float:right; clear:right;}
.c{clear:both;}

/* 输入框 */
.inputContent{cursor:text; height:23px; width:315px;}

/*下拉框顶部区域*/
.groupMenu{width:300px; height:20px; border-bottom:1px solid #eee; padding:2px 5px; color:#000; background:#F2F6FB;}

/* 选择框外框 */
.it_s{display:table;border:1px solid #999;width:402px;}   

/* 选择框底色 */
.it1,.it2{background:#fff; border:1px solid #fff; color:#333;}

/*-- suggest 选项 --*/
.sgt_on{width:200px; height:20px; border-bottom:1px solid #eee; padding:2px 5px; color:#000; background:#F2F6FB;}
.sgt_of,.sgt_3{width:200px; height:20px; border-bottom:1px solid #eee; padding:2px 5px; color:#666; background:#fff;}
/*每3个选项一行*/
.sgt_3{width:300px;}
/*单个选项*/
.itemW{width:100px;}
/*suggest 关闭选项*/
.itemC{width:190px;}

/*下拉框架*/
.flow{float:right; padding:3px 2px 0 0; position:relative;margin:3px 2px 0 0;}

/*下拉点击图片*/
.cp{cursor:pointer;}

/*下拉窗口*/
.popMenu{width:310px; position:absolute; display:none; top:25px; right:-3px; background:#fff; border:1px solid #98B1C8; padding:2px;}

/*下拉框中部区域(子选项)*/
.items{width:300px; height:100px; overflow:scroll; overflow-x:hidden;}

/*下拉框低部区域(按钮)*/
.buttonsMenu{text-align:center; padding:5px;}

/*按钮区域*/
.buttonsDiv{border:1px solid #e2e2e2; float:left;}

/*按钮*/
.gb1,.gb2{height:23px; color:#333; font-size:12px; background:#e5e5e5; padding:3px 5px; border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #6a6a6a; border-bottom:1px solid #6a6a6a; cursor:pointer;}
/*移出*/
.gb2{background:#ddd;}

/*选项 */
.selItem{float:left; background:#E0E5EE;border:1px solid #CCD5E4; margin:1px 5px 1px 0; padding:0 5px;}
.selItem img{
	padding-left:5px
}
/*输入和备选区域*/
.activeDiv{float:left; width:10px; position:relative; width:50px;}

/*动态输入框*/
.actText{width:10px; height:16px; font-size:12px; line-height:19px; border:0;}

/*供选择框*/
.suggest,.emptySuggest{width:210px; position:absolute; left:-1px; top:25px; background:#fff; border:1px solid #98B1C8; border-right:3px solid #7f7f7f; border-bottom:3px solid #7f7f7f; padding:2px;}
/*提示输入信息*/
.emptySuggest{padding-left:7px; background:#eeeeee; color:#666666; width:220px;} 


/* 日期选择 */
TABLE.jCalendar {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #fff 1px solid; FONT-FAMILY: Tahoma; BORDER-COLLAPSE: collapse
}
TABLE.jCalendar TH {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; BACKGROUND: #333; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: middle; COLOR: #fff; PADDING-TOP: 3px
}
TABLE.jCalendar TD {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; BACKGROUND: #aadbf9; PADDING-BOTTOM: 3px; BORDER-LEFT: #fff 1px solid; COLOR: #000; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 1px solid; TEXT-ALIGN: center
}
TABLE.jCalendar TD.other-month {
	BACKGROUND: #d0e6f7; COLOR: #555
}
TABLE.jCalendar TD.today {
	BACKGROUND: #ff6600; COLOR: #fff
}
TABLE.jCalendar TD.selected {
	BACKGROUND: #f66; COLOR: #fff
}
TABLE.jCalendar TD.dp-hover {
	BACKGROUND: #fff; COLOR: #f66
}
TABLE.jCalendar TD.dp-hover {
	BACKGROUND: #fff; COLOR: #000
}
TABLE.jCalendar TR.activeWeekHover TD {
	BACKGROUND: #fff; COLOR: #000
}
TABLE.jCalendar TR.selectedWeek TD {
	BACKGROUND: #f66; COLOR: #fff
}
TABLE.jCalendar TD.disabled {
	BACKGROUND: #ecf1f4; COLOR: #888
}
TABLE.jCalendar TD.dp-hover {
	BACKGROUND: #ecf1f4; COLOR: #888
}
TABLE.jCalendar TD.unselectable {
	BACKGROUND: #fff; COLOR: #555
}
TABLE.jCalendar TD.unselectable:hover {
	BACKGROUND: #fff; COLOR: #555
}
TABLE.jCalendar TD.dp-hover {
	BACKGROUND: #fff; COLOR: #555
}
DIV.dp-popup {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 12px; BACKGROUND: #d6e9f8; PADDING-BOTTOM: 2px; WIDTH: 162px; LINE-HEIGHT: 1.2em; PADDING-TOP: 2px; FONT-FAMILY: Tahoma; POSITION: relative
}
DIV#dp-popup {
	Z-INDEX: 199; POSITION: absolute
}
DIV.dp-popup H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 2px 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
A#dp-close {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: center
}
A#dp-close:hover {
	TEXT-DECORATION: underline
}
DIV.dp-popup A {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; COLOR: #000; PADDING-TOP: 3px; TEXT-DECORATION: none
}
DIV.dp-popup DIV.dp-nav-prev {
	LEFT: 4px; WIDTH: 100px; POSITION: absolute; TOP: 2px
}
DIV.dp-popup DIV.dp-nav-prev A {
	FLOAT: left
}
DIV.dp-popup DIV.dp-nav-prev A {
	CURSOR: pointer
}
DIV.dp-popup DIV.dp-nav-next A {
	CURSOR: pointer
}
DIV.dp-popup DIV.dp-nav-prev A.disabled {
	CURSOR: default
}
DIV.dp-popup DIV.dp-nav-next A.disabled {
	CURSOR: default
}
DIV.dp-popup DIV.dp-nav-next {
	RIGHT: 4px; WIDTH: 100px; POSITION: absolute; TOP: 2px
}
DIV.dp-popup DIV.dp-nav-next A {
	FLOAT: right
}
DIV.dp-popup A.disabled {
	CURSOR: default; COLOR: #aaa
}
DIV.dp-popup TD {
	CURSOR: pointer
}
DIV.dp-popup TD.disabled {
	CURSOR: default
}



/*
Stylish Select 0.3 - jQuery plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3

Licensed under the GPL license:
http://www.gnu.org/licenses/gpl.html
*/


/*==================================
remove default focus style
====================================*/
:focus {outline:none;}

.js ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; width:90px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {width:85px; color:#000; height:19px; padding:3px 0 0 6px; float:left; background:url(select-bg.png) no-repeat;}
.newListSelected span {width:84px; display:block;}
ul.newList li {padding:3px 8px;}
.selectedTxt {width:50px; overflow:hidden; height:16px; padding:0 23px 0 5px;}
.hiLite {background:#650101!important; color:#fff!important;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

/*======================================
windows xp style - div that contains the 
<select> has been given an id of #win-xp
(for the purposes of this example
========================================*/
#win-xp .newListSelected {margin-top:1px;background:#FFF url(dropdown.gif) no-repeat scroll 55px 1px; border:1px solid #A5ACB2; color:#666; height:17px; padding:0; width:73px;}
#win-xp .newListSelected div {display:block; padding:2px 21px 0 4px; text-align:left !important; width:49px;}
#win-xp ul.newList {list-style:none; color:#666; width:72px; background:#fff; border:1px solid #000; top:22px; left:0; height:auto; overflow:auto; font-size: 0.85em; text-align:left!important; position:absolute; z-index:9999;}
#win-xp ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #cccccc;}
#win-xp .hiLite {background:#316ac5!important; color:#fff!important;}
#win-xp .newListHover {background:#ccc!important; color:#000!important; cursor:default;}
#win-xp .newListSelHover {cursor:default;}
#win-xp .newListSelHover, #win-xp .newListSelFocus {background-position:auto;}
/*---------------------------jquery结束----------------------------*/