/** 
	@����: ui.web.template
	@����: �����Ż���վҳ��ģ����ʽ
	@����: ��¡
*/

/* 
 * �����б�:�����б���style��ǩ���� ����ͼ����ʽĬ����5�з�񣬿��޸ġ� 
 */
.tpl-arti-list{clear:both;}
.tpl-arti-list a.default{display:block;line-height:180%;}
.tpl-arti-list ul{clear:both;}
.tpl-arti-list ul.list li{clear:both;line-height:200%;background-position:2px 10px;}
.tpl-arti-list ul.list-fixed li{clear:both;line-height:28px;height:28px;background-position:2px 12px;overflow:hidden;}
.tpl-arti-list ul.list-date-div{clear:both;}
.tpl-arti-list ul.list-date-div li{clear:both;line-height:240%;}
.tpl-arti-list ul.list-date-div li div.title{float:left;background-position:2px 12px;}
.tpl-arti-list ul.list-date-div li div.date{float:right;color:#999;width:80px;text-align:right;}
.tpl-arti-list ul.list-date-fixed{clear:both;}
.tpl-arti-list ul.list-date-fixed li{clear:both;line-height:28px;height:28px;overflow:hidden;}
.tpl-arti-list ul.list-date-fixed li div.title{float:left;background-position:2px 12px;}
.tpl-arti-list ul.list-date-fixed li div.date{float:right;color:#999;}
.tpl-arti-list ul.list-date-span li{clear:both;line-height:200%;background-position:2px 10px;}
.tpl-arti-list ul.list-date-span li span{color:#999;padding-left:10px;}
.tpl-arti-list ul.list-page-abstract{clear:both;}
.tpl-arti-list ul.list-page-download{clear:both;}
.tpl-arti-list ul.list-page-download li{clear:both;line-height:28px;height:28px;background-position:2px 12px;}
.tpl-arti-list ul.list-page-download li div.title{float:left;background-position:2px 12px;}
.tpl-arti-list ul.list-page-download li div.date{float:right;color:#999;width:80px;text-align:right;}
.tpl-arti-list ul.list-page-download li div.size{float:right;color:#0082da;width:80px;text-align:right;}
.tpl-arti-list ul.list-page-download li div.download{float:right;width:80px;text-align:right;padding-top:6px;}
.tpl-arti-list ul.list-page-download li div.download a{width:60px;height:20px;line-height:20px;display:block;text-align:center;color:#fff;background:url(404.png) no-repeat; background-position:-85px -600px;}
.tpl-arti-list .icon1{padding-left:12px;background:url(../image/icon-arrow-1.gif) no-repeat;}
.tpl-arti-list .bottomline1{border-bottom:1px #CCC dotted;clear:both;}

/*��ҳ��ʽ:�����ַ�ҳ��ʽ����sysPageָ������Ӧ����ʽ��pageClass���ã��ֱ��� |sysPage='1' pageClass='page1' |sysPage='2' pageClass='page2'|*/
.page1{margin:10px auto;padding:5px;text-align:right;clear:both;}
.page1 a{background:#FFF;border:1px #CCC solid;padding:4px 10px 4px 10px;text-decoration:none;}
.page1 a:hover{border:#666 1px solid; color:#333;}
.page1 a:active{border:#666 1px solid; color:#333;}
.page2{margin:10px auto;padding:5px;text-align:center;position:relative;z-index:99;}
.page2 a{padding:0 2px 0 2px;}
.page2 span{font-weight:bold;color:#F00;}

/* ��������ҳ��ʽ */
.tpl-arti-content{clear:both;}
.tpl-arti-content ul.subject{clear:both;}
.tpl-arti-content ul.subject li.title{line-height:40px;margin:10px 0;text-align:center;color:#000;font-size:20px;border-bottom:1px #ccc dotted;font-family:"Microsoft YaHei";}
.tpl-arti-content ul.subject li.attr{margin-top:10px;height:20px;text-align:center;color:#999;}
.tpl-arti-content ul.subject li.attr span{padding:0 10px 0 10px;}
.tpl-arti-content ul.subject li.attr a{color:#999;}
.tpl-arti-content ul.content{clear:both;margin:20px 10px 20px 10px;}
.tpl-arti-content ul.content div{line-height:200%;font-size:14px;}
.tpl-arti-content ul.content div p{margin-bottom:10px;text-indent:2em;}
.tpl-arti-content ul.content div img{text-align:center;max-width:800px;_width:expression(this.width >800? 800: true);}
.tpl-arti-content ul.control{clear:both;margin:10px 0 10px 0;border-top:1px #ccc dotted;}
.tpl-arti-content ul.control li{text-align:center;padding-top:20px;}
.tpl-arti-content ul.control li span{padding:0 10px 0 10px;cursor:pointer;}
.tpl-arti-content ul.downloadList{border:1px #e9e9e9 solid;background:#f9f9f9;margin:10px 0;}
.tpl-arti-content ul.downloadList div{position:relative;clear:both;padding:10px 10px;padding-left:150px;}
.tpl-arti-content ul.downloadList div span{position:absolute;width:105px;height:19px;left:-6px;_left:-156px;top:5px;background:url(404.png) no-repeat;text-align:center;color:#fff;display:block;padding-right:7px;padding-top:11px;}
.tpl-arti-content ul.downloadList div a{display:block;line-height:30px;background:url(404.png) no-repeat 0 7px;padding-left:22px;color:#07f;}

/* ��������ҳ��ʽ */
.tpl-download-content{clear:both;padding:20px;}
.tpl-download-content div.title{line-height:180%;margin:5px 0 5px 0;text-align:center;color:#000;font-weight:bold;font-size:18px;}
.tpl-download-content div.content{clear:both;margin:10px;line-height:200%;font-size:14px;}
.tpl-download-content div.content p{margin-bottom:10px;}
.tpl-download-content div.content img{text-align:center;max-width:750px;_width:expression(this.width >750? 750: true);}
.tpl-download-content div.downlink{height:50px;padding-top:10px;clear:both;}
.tpl-download-content div.downlink a{display:block;width:150px;height:26px;background:url(404.png) no-repeat; background-position:0 -650px;color:#fff;text-align:center; line-height:26px;font-weight:bold;}
.tpl-download-content table{width:100%;background:#ddd;}
.tpl-download-content table tr{background:#fff;}
.tpl-download-content table td{padding:8px 4px 8px 4px;}
.tpl-download-content table td.text{width:100px;text-align:right;color:#666;font-weight:bold;}
.tpl-download-content table td.data span{color:#07f;}

/* ����ʽ */
.tpl-form-table{width:100%;clear:both;border:1px #ddd solid;border-collapse:collapse;}
.tpl-form-table td{padding:6px 4px 6px 4px;border:1px #eaeaea solid;background:#fff;}
.tpl-form-table td span.red{color:#f00;}
.tpl-form-table td.text{width:120px;text-align:right;background:#fafafa;font-weight:bold;}
.tpl-form-table td.item{padding-left:5px;}
.tpl-form-table input.common{border-top:1px #666 solid;border-left:1px #666 solid;border-right:1px #ccc solid;border-bottom:1px #ccc solid;padding:2px;}
.tpl-form-table textarea.common{border-top:1px #666 solid;border-left:1px #666 solid;border-right:1px #ccc solid;border-bottom:1px #ccc solid;padding:2px;}
.tpl-form-table select{padding:4px;}
.tpl-form-table input.w200{width:200px;}
.tpl-form-table td span.prompt{color:#999;}

.tpl-form-table-c{width:100%;clear:both;}
.tpl-form-table-c caption{height:30px;line-height:30px;font-size:15px;font-weight:bold;}
.tpl-form-table-c td{padding:10px 4px 10px 4px;}
.tpl-form-table-c td.text{width:100px;text-align:right;}
.tpl-form-table-c td.item{padding-left:5px;}
.tpl-form-table-c td.both{text-align:center;}
.tpl-form-table-c input.common{border-top:1px #666 solid;border-left:1px #666 solid;border-right:1px #ccc solid;border-bottom:1px #ccc solid;padding:4px 2px;width:150px;}
.tpl-form-table-c input.data{border:0;border-bottom:1px #ccc solid;padding:2px;width:150px;color:#f00;font-weight:bold;font-size:14px;}


button.fabu, button.save{border:0;width:166px;height:34px;cursor:pointer;font-weight:bold;font-size:14px;color:#fff;background:url(404.png) no-repeat;}
button.fabuSmall, button.saveSmall{border:0;width:100px;height:36px;cursor:pointer;font-weight:bold;font-size:14px;color:#fff;background:url(404.png) no-repeat;}

/* ����ͼ��ʽ */
.tpl-focus{width:240px;height:238px;position:relative;overflow:hidden;}
.tpl-focus div{position:absolute;width:240px;}
.tpl-focus div p img{display:block;width:240px;height:210px;}
.tpl-focus div p span{display:block;width:240px;height:30px;line-height:30px;text-align:center;overflow:hidden;}
.tpl-focus-trigger{position:absolute;top:190px;right:10px;}
.tpl-focus-trigger a{display:block;width:18px;height:18px;float:left;background:#00CCFF;border-radius:15px;cursor:pointer;text-align:center;line-height:18px;margin:0 2px 0 2px;color:#fff;}
.tpl-focus-trigger a:hover{text-decoration:none;background:#fff;color:#000;}
.tpl-focus-trigger a.current{background:#FFFF00;color:#000;}

/* ͶƱ��ʽ */
.voteResult{border:0;width:100%;}
.voteResult tr.tit{background:#eaeaea;}
.voteResult tr.proportion{}
.voteResult td{padding:8px 10px;}
.voteResult td.codeNum{width:30px;text-align:center;}
.voteResult td.disArea{font-weight:bold;font-size:14px;}
.voteResult td.disArea span{color:#f00;}
.voteResult td.imgArea{padding:10px;}

/* ͨ�ñ� */
.commonFormTit{
	width:600px;
	margin:0 auto;
	margin-bottom:20px;
	clear:both;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#1A6DBA;
	font-weight:bold;
	background:url("404.png") no-repeat 0 39px;
	text-align:center;
}
.commonForm{
	width:600px;
	margin:0 auto;
}
.commonFormItem{
	clear:both;
	height:40px;
}
.commonFormItem label{
	float:left;
	width:200px;
	text-align:right;
	line-height:24px;
	font-size:14px;	
	display:block;
}
.commonFormItem div{
	float:left;
	width:400px;
}
.commonFormItem div input{
	border:1px #999 solid;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
	padding:0;
	height:24px;
	line-height:24px;
	background:url("../image/bg_page_frame.png") repeat-x 0 -470px #FFF;
}
.commonFormItem div button{
	border:0;
	padding:0;
	background:url("404.png") no-repeat;
	width:166px;
	height:34px;
	cursor:pointer;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
.commonFormItem div a{
	margin-right:10px;
	color:#07F;
	text-decoration:underline;
}