body, html
{
	font-family: Calibri;
	font-size: 12px;
	margin: 0px auto auto auto;
}
select, option
{
	font-family: Calibri;
	font-size: 12px;
}
.bodymain
{
	background: url(images/app/bg.jpg) repeat-x center top;
}
.divDivice
{
	height: 9px;
	background: url(images/app/div_4.gif) no-repeat left center;
}
a img
{
	border: 0;
}
.normaltextbox
{
	padding: 5px 0px 5px 5px;
	font-size: 12px;
	font-family: Calibri;
	width: 150px;
	border: solid 1px #808080;
}
.hovertextbox
{
	padding: 5px 0px 5px 5px;
	font-size: 12px;
	font-family: Calibri;
	width: 150px;
	border: dotted 1px #2E8B57;
}
.normalbtn
{
	width: 70px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	font-family: Calibri;
	background: url(images/app/button_bg.png) no-repeat 0px 0px;
	color: #37728E;
	border: 0px;
	cursor: pointer;
}
.hoverbtn
{
	width: 70px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	font-family: Calibri;
	background: url(images/app/button_bg.png) no-repeat 0px -22px;
	color: #3e3e3e;
	border: 0px;
	cursor: pointer;
}
.kdbtn
{
	width: 70px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	font-family: Calibri;
	background: url(images/app/button_bg.png) no-repeat 0px -44px;
	color: White;
	border: 0px;
	cursor: pointer;
}
#wrap
{
	width: 900px;
	margin: auto;
	height: auto;
}
#wrap #head
{
	width: 900px;
	height: 181px;
	background: url(images/app/header.jpg) no-repeat center top;
}
#wrap #head .logo
{
	height: 144px;
	background: url(images/app/logo.png) no-repeat 20px bottom;
}
#wrap #head .logo .head
{
	width: 300px;
	height: 144px;
	float: right;
	margin-right: 20px;
	text-align: right;
}
#wrap #head .logo .head div
{
	text-align: right;
}
#wrap #head .menu
{
	width: 628px;
	height: 31px;
	float: left;
	padding: 2px 20px;
}
#wrap #head .menu ul, #wrap #head .menu li
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 31px;
}
#wrap #head .menu li
{
	display: inline;
}
#wrap #head .menu li a
{
	float: left;
	display: block;
	height: 31px;
	padding: 0px 10px;
	text-align: center;
	line-height: 31px;
	text-decoration: none;
	color: #37728E;
	width: 40px;
}
#wrap #head .menu li a:hover, #wrap #head .menu li a.selected
{
	background: url(images/app/hover_bg.gif) no-repeat center center;
}
/*----------center_content-----------------------*/
#wrap .center_content
{
	background: url(images/app/center_bg.gif) no-repeat center top;
	padding: 0;
	width: 900px;
	height: auto;
	clear: both;
}
#wrap .center_content .left_content
{
	float: left;
	width: 640px;
	padding: 10px 0px 10px 20px;
}
#wrap .center_content .right_content
{
	float: left;
	width: 220px;
	padding: 0px 20px 10px 0px;
}
#wrap .center_content .right_content a
{
	text-decoration: none;
	color: #37728E;
}
#wrap .center_content .right_content a:hover
{
	text-decoration: none;
	color: #7d9edb;
}
#wrap .center_content .right_content .menulist
{
	margin-bottom: 20px;
}
#wrap .center_content .right_content .menulist ul, #wrap .center_content .right_content .menulist li
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#wrap .center_content .right_content .menulist li
{
	padding: 5px 0px;
	text-indent: 20px;
	background: url(images/app/bullet.gif) no-repeat 5px center;
}
#wrap .center_content .right_content .menulist li.desc
{
	background: none;
	color: #888;
	text-indent: 0px;
	padding: 0 5px 0 20px;
}
#wrap .center_content .right_content .menulist li span
{
	color: Gray;
}
#wrap .center_content .right_content .menulist li.head
{
	font-weight: bold;
	height: 33px;
	line-height: 43px;
	background: url(images/app/border.gif) no-repeat center top;
	border: 0px;
	padding-left: 0px;
	text-indent: 0px;
}
#wrap .center_content .right_content .menulist li.head div
{
	color: Black;
	padding-left: 20px;
}
#wrap .center_content .right_content .menulist li.services div
{
	background: url(images/app/services.png) no-repeat 2px center;
}
#wrap .center_content .right_content .menulist li.rss div
{
	background: url(images/app/rss.png) no-repeat 2px center;
}
#wrap .center_content .right_content .menulist li.category div
{
	background: url(images/app/category.png) no-repeat 2px center;
}
#wrap .center_content .right_content .menulist li.article div
{
	background: url(images/app/article.png) no-repeat 2px center;
}
#wrap .center_content .right_content .menulist li.comments div
{
	background: url(images/app/comments.png) no-repeat 2px center;
}
#wrap .center_content .right_content .menulist li.links div
{
	background: url(images/app/links.png) no-repeat 2px center;
}
/*----------footer-----------------------*/
#wrap .footer
{
	background: transparent url(images/app/footer_bg.gif) no-repeat center top;
	height: 50px;
	clear: both;
}
#wrap .footer .leftfooter
{
	float: left;
	padding: 10px 0 0 10px;
	color: Gray;
}
#wrap .footer .leftfooter .showTime
{
	padding-left:18px;
	background:url(images/app/timedelay.gif) no-repeat 3px center;
	margin-left:10px;
	}
#wrap .footer .leftfooter .clearcookie
{
	margin-left:10px;
	color:#FFA500;
	text-decoration:none;
	background:url(images/app/laser.gif) no-repeat 3px center;
	padding-left:11px;
	}
#wrap .footer .leftfooter a:hover.clearcookie
{
	color:#800000;
	}
#wrap .footer .leftfooter .biaoshi
{
	background: url(images/app/biaoshi.gif) no-repeat 2px center;
	padding-left: 20px;
	color: Gray;
}
#wrap .footer .leftfooter a:hover.biaoshi
{
	color: #7d9edb;
}
#wrap .footer .rightfooter
{
	float: right;
	padding: 10px 10px 0 0;
}
#wrap .footer .rightfooter ul, #wrap .footer .rightfooter li
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#wrap .footer .rightfooter li
{
	display: inline;
}
#wrap .footer .rightfooter li span
{
	float: left;
}
#wrap .footer .rightfooter li a
{
	float: left;
	padding: 0px 10px;
	color: Gray;
	text-decoration: none;
}
#wrap .footer .rightfooter li a:hover
{
	color: #7d9edb;
	text-decoration: underline;
}

/*------Pager----------------*/
.pager b
{
	padding: 2px 5px;
}
.pager a
{
	padding: 2px 5px;
	background-color: #EEFAFF;
	border: 1px solid #BBE1F1;
	text-decoration: none;
}
.pager a:hover
{
	padding: 2px 5px;
	background-color: #E8F5FE;
	border: 1px solid #A9C9E2;
	text-decoration: none;
}


.divSysError
{
	width: 400px;
	height: 120px;
	margin: 150px auto;
	background: url(images/app/error.jpg) 2px center no-repeat;
	padding-left: 130px;
	background-color: #FFF9ED;
	border: 1px solid #FFDD99;
}
.divSysError div
{
	padding: 10px;
	margin: 10px 0px;
}
.divSysError div h5
{
	font-size: 12px;
	height: 24px;
	margin: 1px;
	line-height: 24px;
}
/*----------projectitems---------------------------------*/
.projectitems p
{
	float: left;
	padding: 5px;
}
.projectitems b
{
	color: #8B0000;
}
.projectitems div
{
	line-height: 18px;
	padding: 10px 5px;
}
.projectitems a.more
{
	background: url(images/app/details.gif) no-repeat left center;
	padding-left: 16px;
	color: #7d9edb;
	display: inline;
	margin-left: 5px;
}
.projectitems a:hover.more
{
	color: #3e3;
}
a.linkfilter
{
	color: #000080;
	text-decoration: underline;
	background: url(images/app/linkfilter.gif) no-repeat left center;
	padding-left: 15px;
}
a:hover.linkfilter
{
	color: #B22222;
}
.msg
{
	color: #09243c;
	background: url(images/app/msg.gif) no-repeat 17px center;
	padding-left: 40px;
	height: 18px;
	line-height: 18px;
}
.newmsg
{
	color: #219CC6;
	background: url(images/app/newmsg.gif) no-repeat left center;
	padding-left: 40px;
	height: 18px;
	line-height: 18px;
}
.msg #msgcount
{
	color:#888;
	text-decoration:none;
	}
.newmsg #msgcount
{
	color: Red;
}
/*-----------projectshow--------------------------------------*/
.projectshow
{
	background: url(images/app/contenttitle.png) left top no-repeat;
	padding: 2px 10px 5px 10px;
}
.projectshow span.title
{
	color: #3772A3;
	padding: 4px 8px;
	display: block;
}
.projectshow .sitemsg
{
	width:550px;
	padding-top:5px;
	}
.projectshow .exchangelink
{
	background-color:#fff;
	border:1px solid #E3E3E3;
	margin:5px 0;
	width:550px;
	}
.projectshow .exchangelink div.notice
{
	padding:10px;
	text-indent:10px;
	line-height:18px;
	}
.projectshow .exchangelink div.noticebottom
{
	text-align:right;
	color:#888;
	padding-right:10px;
	}
.projectshow .exchangelink ul.updatelog,.projectshow .exchangelink ul.updatelog li
{
	list-style-image:url(images/app/smallp.gif);
	line-height:18px;
	}
.projectshow .exchangelink .content
{
	margin:1px;
	padding:10px;
	background-color:#F7F3F3;
	}
.projectshow .projectbox
{
	float: left;
	height: auto;
	padding: 10px 10px 10px 11px;
	width: 223px;
}
.projectshow .projectbox .boxtop
{
	background: url(images/app/project_box_top.gif) no-repeat scroll center bottom;
	float: left;
	height: 12px;
	margin: 0;
	padding: 0;
	width: 100%;
}
.projectshow .projectbox .boxcenter
{
	background: url(images/app/project_box_center.gif) repeat-y scroll 0 0;
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
.projectshow .projectbox .boxcenter .boxtitle
{
	color: #EA2222;
	font-weight: bold;
	padding: 5px 0;
}
.projectshow .projectbox .boxcenter .boximg .projectshow .projectbox .boxrate
{
	padding: 5px 0;
}
.projectshow .projectbox .boxbottom
{
	background: url(images/app/project_box_bottom.gif) no-repeat scroll center top;
	float: left;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 100%;
}
.projectshow .projectbox .boxdetails
{
	background: url(images/app/project_details_bg.gif) no-repeat scroll center center;
	float: left;
	height: 23px;
	padding: 4px 0;
	margin: 3px 0 0;
	width: 100%;
}
.projectshow .projectbox .boxdetails div
{
	width: 23px;
	height: 23px;
	margin-right: 2px;
	float: left;
}
.projectshow .projectbox .boxdetails div.first
{
	margin-left: 4px;
}
.projectshow .projectbox .boxdetails div.author
{
	background: url(images/app/author.gif) no-repeat center center;
}
.projectshow .projectbox .boxdetails div.none
{
	display: none;
}
.projectshow .projectbox .boxdetails div.jing
{
	background: url(images/app/jing.gif) no-repeat center center;
}
.projectshow .projectbox .boxdetails a
{
	background: url(images/app/link.png) no-repeat left center;
	padding-left: 18px;
	float: right;
	display: block;
	height: 23px;
	line-height: 23px;
	margin-right: 10px;
	text-decoration: none;
	color: #CD5C5C;
}
.projectshow .projectbox .boxdetails a:hover
{
	color: #2F4F4F;
}
.projectshow .projectdetails
{
	padding-left: 8px;
}
.projectshow .projectdetails p.content
{
	line-height: 18px;
	text-indent: 20px;
}
.projectshow .articlecontent p
{
	line-height: 18px;
}
.projectshow .projectdetails .jing
{
	height: 23px;
	padding-left: 20px;
	line-height: 23px;
	color: #8B0000;
	font-weight: bold;
	background: url(images/app/jing.gif) no-repeat left center;
}
/*---------article details--------------------------------------*/
.articledetails
{
	padding: 0;
	margin: 0;
}
.articledetails .title
{
	height: 30px;
	line-height: 30px;
	text-indent: 20px;
	font-size: 12px;
	font-weight: bold;
	background: url(images/app/contenttitle1.png) left center no-repeat;
	margin: 0;
}
.articledetails .content
{
	margin: 0;
	margin-top: -15px;
	padding: 20px;
	border-left: solid 1px #aee0f6;
	border-right: solid 1px #aee0f6;
}
.articledetails .remark
{
	padding:4px 10px 4px 15px;
	border:1px solid #D3D3D3;
	color:#888;
	background:#F7F7F7 url(images/manage/vcardaccept.gif) no-repeat 2px center;
	}
.articledetails .content p
{
	line-height: 18px;
}
.articledetails .bottom
{
	color: #888;
	text-align: right;
	border: solid 1px #aee0f6;
	border-top: 0;
	height: 27px;
	line-height: 27px;
	background-color: #EFF7FF;
	border: 1px solid #96C2F1;
}
.articledetails .bottom div
{
	background-color: #B2D3F5;
	height: 25px;
	margin: 1px;
	padding-right: 10px;
}
.articledetails .bottom a
{
	color: #20B2AA;
	text-decoration: none;
}
.articledetails .bottom a.cate
{
	background: url(images/app/cate.gif) no-repeat 1px center;
	padding-left: 16px;
}
.articledetails .bottom a.fb
{
	background: url(images/app/comments.gif) no-repeat 1px center;
	padding-left: 16px;
}
.articledetails .bottom a:hover
{
	color: #B22222;
}
.articledetails .bottom .postdate
{
	font-family: Georgia;
	color: #008080;
}

/*---------guest book-------------------------*/
.addguestbook
{
	border: solid 1px #A8DEF8;
	margin-top: 10px;
}
.addguestbook .title
{
	height: 28px;
	background: url(images/app/b_bg.gif) no-repeat left center;
	line-height: 28px;
	font-weight: bold;
	text-indent: 8px;
}
.addguestbook .formcontainer
{
	margin: 10px;
	background-color: #F7F7F7;
	border: 1px solid #D3D3D3;
	background: #F7F7F7 url(images/app/guestbook.gif) right top no-repeat;
}
.addguestbook .formcontainer table th
{
	width: 20%;
	text-align: right;
	background-color: #EEFAFF;
	border: 1px solid #BBE1F1;
}
.addguestbook .formcontainer table th span
{
	font-weight: normal;
}
.addguestbook .formcontainer table td span
{
	color: Red;
}
.addguestbook .formcontainer table th strong
{
	font-family: 'Georgia' , 'Serif';
	color: #5F9EA0;
}
.addguestbook .formcontainer table td
{
	text-align: left;
}
.addguestbook .btncontainer
{
	padding: 0 0 5px 10px;
}
.gbookform
{
	border: 1px solid #CDCDCD;
	margin-bottom: 10px;
}
.gbookform .title, .afbform .title
{
	color: #777;
	height: 24px;
	line-height: 24px;
	text-indent: 10px;
}
.afbform .title
{
	background:url(images/app/commenttitle.png) left bottom no-repeat;
	height:40px;
	}
.gbookform .title a, .afbform .title a
{
	color: #CD5C5C;
}
.gbookform .title a:hover, .afbform .title a:hover
{
	color: #2F4F4F;
}
.gbookform .title a.member, .afbform .title a.member
{
	padding-left: 20px;
	background: url(images/app/member.gif) 2px center no-repeat;
}
.gbookform .title a.none, .afbform .title a.none
{
	padding-left: 0px;
	background: none;
}
.gbookform .content, .afbform .content
{
	padding: 3px 5px 3px 20px;
	line-height: 18px;
}
.afbform .content
{
	padding:20px;
	border:solid 1px #B1B1B1;
	border-top:0;
	background-color:#F5FFFA;
	}
.gbookform .content a.feedback, .gbookform .content a.delete
{
	color: #CD5C5C;
	text-decoration: none;
	padding-left: 16px;
	margin-left: 5px;
}
.gbookform .content a:hover
{
	color: #2F4F4F;
	text-decoration: none;
}
.gbookform .content a.feedback
{
	background: url(images/app/feedback.gif) left center no-repeat;
}
.gbookform .content a.delete
{
	background: url(images/app/delete.gif) left center no-repeat;
}
.gbookform .content .feedbackcontainer
{
	padding: 4px 10px;
	display: none;
	background-color: #EEF3F7;
	border: 1px solid #A5B6C8;
	width: 480px;
}
.gbookform .content .feedbackcontainer a.hidefeedback
{
	width: 11px;
	height: 11px;
	float: left;
	background: url(images/app/close.gif) left 0px no-repeat;
	display: block;
	text-decoration: none;
	margin-top: 10px;
	margin-top: 5px !important;
	margin-right: 5px;
}
.gbookform .content .feedbackcontainer a:hover.hidefeedback
{
	background-position: left -11px;
}
.gbookform .content .feedbackcontainer input
{
	border: 1px solid rgb(189, 199, 216);
	padding: 3px;
	width: 300px;
	font-family: Calibri;
	font-size: 10px;
}
.gbookform .content .feedbackcontainer button
{
	background-color: #005EAC;
	border-color: #B8D4E8 #124680 #124680 #B8D4E8;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	padding: 2px 15px;
	text-align: center;
	margin-left: 5px;
}
.watermaskblur
{
	color: #888;
	font-family: Calibri;
	font-style: italic;
}
.gbooksubform
{
	background-color: #F7F7FF;
	border: 1px solid #CACAFF;
	margin: 10px 20px;
}
.gbooksubform .title b.member
{
	padding-left: 20px;
	background: url(images/app/member.gif) 2px center no-repeat;
}
.gbooksubform .title b.none
{
	padding-left: 0px;
	background: none;
}
/*-----------one word--------------------*/
.onewordcontainer
{
	height: 800px;
	position: absolute;
	width: 630px;
}
.onewordcontainer .read
{
	cursor: pointer;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0px;
	bottom: 13px;
	background: url(images/app/close_r.png) center 0;
	display: none;
}
.onewordcontainer a:hover.read,.onewordcontainer a:hover.drag
{
	background-position: center -24px;
}
.onewordcontainer .oneword
{
	width: 107px;
	height: 136px;
	position: absolute;
	padding: 15px 20px;
	left: 0px;
	top: 0px;
	background-image: url(images/app/bqzxl.gif);
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
	font-family: 华文行楷;
	font-size: 14px;
	line-height: 18px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/app/bqzxl.gif");
}
.onewordcontainer .ow1_t
{
	background-position: 0 0;
}
.onewordcontainer .ow1_b
{
	background-position: 0 -200px;
}
.onewordcontainer .ow2_t
{
	background-position: -145px 0;
	color: #FFE4C4;
}
.onewordcontainer .ow2_b
{
	background-position: -145px -200;
	color: #2F4F4F;
}
.onewordcontainer .ow3_t
{
	background-position: -305px 0;
	color: #2F4F4F;
}
.onewordcontainer .ow3_b
{
	background-position: -305px -200;
	color: #FFF8DC;
}
.onewordcontainer .ow4_t
{
	background-position: -460px 0;
	color: #fff;
}
.onewordcontainer .ow4_b
{
	background-position: -460px -200px;
	color: #FFF8DC;
}
.onewordcontainer .ow5_t
{
	background-position: -615px 0;
	color: #fff;
}
.onewordcontainer .ow5_b
{
	background-position: -615px -200px;
	color: #8B0000;
}
.onewordcontainer .ow6_t
{
	background-position: -770px 0;
	color: #000;
}
.onewordcontainer .ow6_b
{
	background-position: -770px -200px;
	color: #191970;
}
.onewordcontainer .ow7_t
{
	background-position: -930px 0;
	color: #000;
}
.onewordcontainer .ow7_b
{
	background-position: -930px -205px;
	color: #191970;
}
.onewordcontainer .ow8_t
{
	background-position: -1090px 0;
	color: #000;
}
.onewordcontainer .ow8_b
{
	background-position: -1090px -205px;
	color: #000080;
}
.onewordcontainer .ow9_t
{
	background-position: -1255px 0;
	color: #000;
}
.onewordcontainer .ow9_b
{
	background-position: -1255px -205px;
	color: #000080;
}
.onewordcontainer .tip
{
	background-image: url(images/app/tip.png);
	width: 40px;
	position: absolute;
	cursor:move;
}
.onewordcontainer .tip1
{
	height: 30px;
	background-position: left 0px;
	right: 5px;
	top: 0px;
}
.onewordcontainer .tip2
{
	height: 25px;
	background-position: left -35px;
	left: 0px;
	top: 0px;
}
.onewordcontainer .tip3
{
	height: 25px;
	background-position: left -70px;
	left: 0px;
	top: 0px;
}
.onewordcontainer .tip4
{
	height: 30px;
	background-position: left -110px;
	right: 5px;
	top: 0px;
}
/*--article show---------------------------*/
.articleshow .title
{
	background: url(images/app/div_4.gif) left bottom no-repeat;
	height: 27px;
}
.articleshow .title a
{
	color: #4682B4;
	text-decoration: none;
	background: url(images/app/article_icon.png) left -1px no-repeat;
	padding-left: 16px;
}
.articleshow .title a:hover
{
	color: #672;
	text-decoration: none;
}
.articleshow .content
{
	line-height: 18px;
	margin: 4px 10px 4px 0;
	text-indent: 25px;
	color: #696969;
}
.articleshow .content .readmore
{
	color: #6495ED;
	text-decoration: none;
	background: url(images/app/article_icon.png) left -33px no-repeat;
	padding-left: 16px;
}
.articleshow .content a:hover.readmore
{
	color: #8B0000;
	background: url(images/app/article_icon.png) left -18px no-repeat;
}
.articleshow .bottom
{
	color: #888;
	text-align: right;
	padding-right: 10px;
}
.articleshow .bottom .postdate
{
	font-family: Georgia;
	color: #008080;
}
.articlesignup
{
	border: 1px solid rgb(255, 204, 0);
	padding: 20px 10px 20px 60px;
	background: rgb(255, 255, 247) no-repeat 2px center url(images/app/file_important.png);
	font-family: Arial;
	font-size: 12px;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	width: 400px;
	height: 50px;
}
/*--------grid view---------------------------*/
.mytable
{
	padding: 0;
	margin: 0;
	color: #4f6b72;
}
.mytable caption
{
	padding: 0 0 5px 0;
	text-align: right;
}
.mytable th
{
	color: White;
	border: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 4px 0px 4px 20px;
	background-color: #CAE8EA;
	background-image: url(Images/app/topnavbg.gif); /*background-image:url(../../Images/tr_back.gif);*/
}
.mytable th.nobg
{
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}
.mytablefoot td
{
	text-align: right;
}
.mytabletd td
{
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 4px 0px 4px 20px;
	color: #4f6b72;
}
.mytable td.alt
{
	background: #F5FAFA;
	color: #797268;
}

.mytable th.spec
{
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff no-repeat;
}

.mytable th.specalt
{
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa no-repeat;
	color: #797268;
}
/*-----browsers--------------------------*/
.browsers
{
	height:16px;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100px;
	}
.browsers li
{
	width:20px;
	display:inline;
	}
.browsers li div
{
	display:block;
	width:20px;
	height:16px;
	float:left;
	}
.browsers li.ie div
{
	background:url(images/app/ie.png) no-repeat center center;
	}
.browsers li.opera div
{
	background:url(images/app/opera.png) no-repeat center center;
	}
.browsers li.firefox div
{
	background:url(images/app/firefox.png) no-repeat center center;
	}
.browsers li.safari div
{
	background:url(images/app/safari.png) no-repeat center center;
	}
.browsers li.chrome div
{
	background:url(images/app/chrome.png) no-repeat center center;
	}