@charset "utf-8";
/* CSS Document */
/* List Begin */
.list{
	clear:both;
	padding:0;
	min-height:28px;
    height:auto!important;
    height:28px;
	line-height:28px;
}
.list:after{
   content: ".";/*这里设定最后插入的内容，可为任意值，但不能为容，我们要设定隐藏*/
    display: block;/*显示区显示*/
    height: 0; 
    clear: both; /*达到clear效果*/
    visibility: hidden;/*内容不显示*/
}
.list-item-wrap{
	clear:both;
    margin:12px;
}

.list ul{
	font-size:9pt;
	padding:1px 0 0 0;
}
/*由于我们的li要达到这样一个效果，如果内容不超行，就设定固定高度，如果超行，则要自动适应，但是，在IE中，高度即使固定，若内容超行也会自应，但在firefox中，高度一旦固定，就不能自动适就高度，所以需要在这里做进行一步处理，处理原则是，利用firefox的min-height属性，并将height值赋两次，一次是auto，并写上!important（firefox专用），另一次固定高度。可以达到IE中高度固定，FF中有最低高度，但高度auto，FF中高度自适应，这还不够，还需在li中加上一个DIV,并使之clear:both,这需要在网页中修改代码，我们可用另外一种方式直在CSS中进行，即用after伪指令，具体如下*/
.list ul li{
	border-bottom:solid 1px #EAEAEA;
	clear:both;
	min-height:28px;
    height:auto!important;/*注意：这里主要是为了适应firefox，设高度为auto，而IE不能识别important，所以下一行设定height为28*/
    height:28px;
	line-height:28px;
	list-style-type:none;
}
.list ul li:after{
    content: ".";/*这里设定li最后插入的内容，可为任意值，但不能为容，我们要设定隐藏*/
    display: block;/*显示区显示*/
    height: 0; 
    clear: both; /*达到clear效果*/
    visibility: hidden;/*内容不显示*/
}
.list ul li ul{
    float:left;
    margin:2px 0 0 0;
}
.list ul li ul li{
    border-bottom:solid 0 #EAEAEA;
    width:560px;
	clear:both;
	min-height:22px;
    height:auto!important;
    height:22px;
}
/*list下特殊标签总CSS*/
/*
h1:what  主要内容
h2:which 特指的关联内容（2副）
h3:where 地点（散开）
h4:whom  个人（私人）
h5:who or partment或部门（部门有五星）
h6:when  时间（6点起床）

strong:why说明（strong强调，强调说明）
b:how动作（比赛，一般是体育动作）
label:label标签
em:img图标ICON
span:状态（大区域状态）
*/
.list label,.list em,.list i,.list span,.list b,.list strong,.list h1,.list h2,.list h3,.list h4,.list-item-wrap h5,.list h6{
	padding:0;
	margin:6px 2px 0 2px;
	font-size:9pt;
	font-style: normal;
	font-weight:normal;
	float:left;
	line-height:inherit;
	height:auto!important;
	height:18px;
	line-height:18px;
	text-align:left;
	clear:none;
}
/*list下特殊标签各个CSS*/

/*list的序号样式区域*/
.list label{
	width:4px;
	float:left;
	margin:inherit 0 4px  0;
	color:#000000;
}
/*图标ICON区域*/
.list em{
	float:left;
	margin:inherit 0 inherit 0;
}
/*Form中，form控件区*/
.list i{
    width:100px;
	margin:4px 2px 0 2px!important;
	margin:2px 2px 0 2px;
}
.list i input{
	width:180px;
	line-height:18px;
	padding:2px;
	font-size:12px;
	border:1px solid #B5B8C8;
	background:transparent url(images/list/input-field.gif) repeat-x scroll right 0px ;
}
/*说明性文字，主要用于form中*/
.list span{
	width:80px;
	color:#996600;
	float:right;
	text-align:right;
	cursor:pointer;
}
/*操作按钮区域*/
.list b{
	width:72px;	
	color:#0066CC;
	float:right;
	text-align:right;
	cursor:pointer;
}
/*说明区域*/
.list strong{
	width:64px;	
	color:#0066CC;
	float:right;
	color:#FF0000;
	
	text-align:right;
}
/*list主要内容（标题）区域*/
.list h1{
	width:162px;
	color:#666666;
}
.list h1 a{
	color:#333333;
}
.list h1 a:hover{
	color:#FF0000;
}
/*副主内容区*/
.list h2{
	width:40px;
	color:#0099CC;
}
/*单位*/
.list h3{
	width:140px;
	color:#666666;
}
/*个人*/
.list h4{
	width:48px;
	color:#339966;
}
/*大who,单位，部门*/
.list h5{
	width:100px;
	color:#CC9900;

}
/*时间*/
.list h6{
	width:80px;
	color:#999999;
	text-align:right;
	float:right;
}

.list-item-wrap-left{
    float:left;
	clear:none;
}
.list-item-wrap-right{
    float:right;
	clear:none;
}
.list-element-wrap{

}
.list-element{
	float:left;
}

.list-header{
    background:#EAEAEA;
    font-weight:bold;
}
/**/