/* CSS Document */

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

img{
	border:0;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	line-height:0;
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#topmain{
	width:100%;
	background:url(/image/images/top_bg.gif) 0 0 repeat-x;
	height:164px;
	padding:19px 0 0 0;
}
#top{
	width:958px;
	margin:0 auto;
	height:134px;
}
#top img.logo{
	display:block;
	font-size:0;
	line-height:0;
	padding:7px 0 0 0;
	float:left;
	margin:0 82px 22px 0;
}
#top #inbox {
	float: right; 
	color: white; 
	font-size: 14px; 
	margin-top: -19px;
}
#top #inbox a{
	text-decoration:none; 
	color:white;
}
#top #inbox a:hover {
	text-decoration:underline; 
}
#top form input.go{
	background:url(/image/images/btn_go.gif) no-repeat scroll left;
	width:36px;
	height:21px;
	font-size:12px;
	line-height:21px;
	font-weight:bold;margin-left:10px;
	color:#333333;
	border:none;
	cursor:pointer;
}
#top ul.nav{
	width:888px;
	height:26px;
	padding:0 0 0 56px;
	float:left;
}
#top ul.nav li{
	float:left;
	margin:0 3px 0 0;
	font-size:0;
	line-height:0;
}
#top ul.nav li a{
	display:block;
	background:url(/image/images/nav_bg.gif) 0 0 no-repeat;
	width:82px;
	height:26px;
	font:bold 12px/26px  "����",Arial, Helvetica, sans-serif;
	color:#EBEBEB;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#top ul.nav li a:hover{
	background:url(/image/images/nav_bg_hover.gif) 0 0 no-repeat;
	color:#444444;
	background-color:inherit;
}
#top ul.nav li a.hover{
	display:block;
	background:url(/image/images/nav_bg_hover.gif) 0 0 no-repeat;
	width:82px;
	height:26px;
	font:bold 12px/26px  "����",Arial, Helvetica, sans-serif;
	color:#444444;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	cursor:text;
}
#top ul.sub{
	width:892px;
	height:29px;
	padding:0 0 0 45px;
	float:left;
}
#top ul.sub li{
	float:left;
	background:url(/image/images/nav_div.gif) right top no-repeat;
	padding:0 2px 0 0;
}
#top ul.sub li.noImg{
	background-image:none;
}
#top ul.sub li a{
	padding:0 12px;
	font:normal 12px/29px  "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#1F2123;
	background-color:inherit;
	text-decoration:none;
}
#top ul.sub li a:hover{
	color:#B70D0D;
	background-color:inherit;
}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------body--------------------*/
#bodyMain{
	width:100%;
	background:url(/image/images/body_bg.gif) 0 0 repeat-x #E8E8D0;
	color:#000;
	padding:35px 0 28px 0;
}
#body{
	width:958px;
	margin:0 auto;
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: -23px;
}
/*------------------------------------------------left--------------------*/
#left{
	width:240px;
	float:left;
}
#left h2{
	display:block;
	width:224px;
	height:22px;
	background:url(/image/images/left_head_1px.gif) 0 0 repeat-x;
	border-left:#404040 solid 1px;
	border-right:#404040 solid 1px;
	padding:4px 0 0 14px;
	margin:0 0 1px 0;
}
#left h2 span{
	background:url(/image/images/arrow.gif) 0 3px no-repeat;
	padding:0 0 0 16px;
	font-size:14px;
	font-weight:bold;
	color:#F3F3F3;
	background-color:inherit;
}
#left ul{
	width:240px;
}
#left ul li{
	margin:0 0 1px 0;
}
#left ul li a{
	display:block;
	background:url(/image/images/arrow_green.gif) 5px 9px no-repeat #DBDBBE;
	padding:0 5px 0 12px;
	font-weight:normal;
	color:#2F2F20;
	font-size:12px;
	line-height:24px;
	text-decoration:none;
}
#left ul li a span.bg{
	background-color:#F3F3DD;
	color:#000;
	width:15px;
	height:15px;
	font:normal 10px/15px Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	float:left;
	margin:4px 3px 0 0px;
}
#left ul li a span.nor{
	color:#000;
	background-color:inherit;
	font:normal 12px/15px Tahoma, Arial, Helvetica, sans-serif;
	float:right;
	margin:4px 0 0 4px;
}
#left ul li a:hover{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#left ul li a:hover span.nor{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#left ul li a:hover span.bg{
	color:#2F2F20;
	background-color:#C6C6A5;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:705px;
	float:right;
	font-size:14px;
}
#announce{
	height:190px;
}
#announce .title{
	display:block;
	width:342px;
	height:22px;
	font:bold 16px/22px "宋体";
	color:#333333;
	background:url(/image/images/arrow.gif) 0 6px no-repeat;
	background-color:inherit;
	margin:0;
}
#right .announce{
	display:block;
	width:342px;
	min-height:20px;
	font:14px/18px Arial, Helvetica, sans-serif;
	color:#333333;
	border-bottom:#C5C5A8 solid 1px;
	background-color:inherit;
	margin: 2px 0px 0px 0px;
	line-height:20px;
	text-decoration:none;
}
#right h3{
	display:block;
	height:30px;
	border-bottom:#C5C5A8 solid 1px;
	font:bold 16px/22px Arial, Helvetica, sans-serif;
	color:#333333;
	background:url(/image/images/arrow.gif) 0 6px no-repeat;
	background-color:inherit;
	margin:0;
}
#right h4 ul li{
	display:block;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	color:#6B1420;
	background-color:inherit;
	margin:5px 0 0 30px;
}
#right p.rightTxt1{
	display:block;
	font:bold 16px/23px Arial, Helvetica, sans-serif;
	color:#B3770F;
	background-color:inherit;
	margin:0 0 18px 0;
}
#right p.rightTxt1 span{
	font:normal 13px/23px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
}
#right p.rightTxt2{
	display:block;
	font:normal 13px/19px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	margin:0 0 28px 0;
}
#right p.rightTxt2 span{
	color:#000;
	background-color:#F4F4E3;
}
#right #user #avator{
	background:transparent url(/image/images/48_avatar_bg.gif) no-repeat scroll 0 0;
	height:55px;
	padding:5px 0 0 5px;
	width:55px;
	float:left;
}
#right #user #avator img{
	height:48px;
	width:48px;
}
#right #user span{
	margin:0 0 0 2px;
	font-size:14px;
}
#right #user #sign{
	margin:10px 0 5px 70px;
	font-size:14px;
}
#right #user a{
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	COLOR: #993300;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;
	font-size:14px;
}
#right #user a:hover{
	COLOR: #fff;
	background:#999999;
}
#right #torstate{
	height: 20px;
	font-size: 14px;
	color: #e20000;
}
#right #tor{
	background:#DBDBBE none repeat scroll 0 0;
	height:45px;
	text-align:center;
	padding-top:5px;
	font-size:16px;
}
#right #tordetail {
	height:24px;
	padding:5px 0 0 0;
	text-align:right;
	font-size:16px;
}
#right #tordetail td{
	font-size:12px;
}
#right #tordesc{
	width:663px;
	float:left;
	font-family: Verdana;
	font-size: 12px;
	color: #333333;
	border: 1px solid #929F4B;
	background-color: #EBE9D7;
	min-height: 100px;
	padding:20px;
}
#right .comment_box span{
	font-size:14px;
	margin-left:30px;
}
#right #comment .avator{
	background:transparent url(/image/images/48_avatar_bg.gif) no-repeat scroll 0 0;
	height:55px;
	padding:5px 0 0 5px;
	width:55px;
	float:left;
}
#right #comment .avator img{
	height:48px;
	width:48px;
}
#right #comment .msg .content {
	float:left;
	line-height:1.5em;
	min-height:50px;
	height:auto !important; 
	height:50px;
	overflow:visible;
	padding-bottom:5px;
	border-bottom:solid 1px #C5C5A8;
	width:645px;
	margin:0px 0px 15px 0px;
}
#right #comment .msg .content .user {
	color:#333333;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#right #comment .msg .content .user a{
	color:#333333;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#right #comment .msg .content .user a:hover{
	color:#333333;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
#right #comment .msg .content .date {
	color:#333333;
	font-size:12px;
	text-decoration:none;
}
#right .view_all_comments{
	font-size:14px;
	text-decoration:none;
}
#right .list_author_a {
	font-size:12px;
	text-decoration:none;
	color:#2c2c2c;
}

#right .detail_torrent_download {
	font-size:12px;
	text-decoration:none;
	color:#333333;
}
#right .space{
	height:15px;
	border-top:1px solid #C5C5A8;
}
#flash{
	width:631px;
	background:url(/image/images/flash_1px.gif) 0 0 repeat-x;
	padding:22px 32px 17px 32px;
}
#flash img{
	float:left;
	font-size:0;
	line-height:0;
}
#flash ul{
	width:255px;
	height:15px;
	padding:0 230px 0 0;
	float:right;
	margin:0 0 10px 0;
}
#flash ul li.redBg{
	display:block;
	background:url(/image/images/red_bg.gif) 0 0 no-repeat;
	width:76px;
	height:15px;
	font:bold 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-align:center;
	margin:0 3px 0 0;
	float:left;
}
#flash ul li.blackBg{
	display:block;
	background:url(/image/images/black_bg.gif) 0 0 no-repeat;
	width:171px;
	height:15px;
	font:bold 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0;
	float:left;
	padding:0 0 0 5px;
}
#flash p{
	float:right;
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#056888;
	background-color:inherit;
	display:block;
	width:483px;
	margin:0 0 3px 0;
}
#flash p span{
	color:#959E07;
	background-color:inherit;
}
#flash  a{
	display:block;
	background:url(/image/images/read_more_bg.gif) 0 0 no-repeat;
	width:76px;
	height:21px;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#F2F2E2;
	background-color:inherit;
	text-decoration:none;
	margin:0 0 0 181px;
	text-align:center;
	float:right;
}
#flash  a:hover{
	color:#000;
	background-color:inherit;
}
#list tr td{
	font-size:12px;
	color:#666666;
}
#list a {
	color:#993300;
	font-size:14px;
	text-decoration:none;
}
#list a:hover {
	text-decoration:underline;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:90px;
	background:url(/image/images/footer_bg.gif) 0 0 repeat-x;
}
#footer{
	width:958px;
	margin:0 auto;
	position:relative;
	height:90px;
}
#footer ul{
	width:712px;
	position:absolute;
	left:200px;
	top:18px;
}
#footer ul li{
	float:left;
	font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#footer ul li a{
	padding:0 10px;
	font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	left:240px;
	top:50px;
	width:400px;
	color:#FEDC3B;
	background-color:inherit;
}
/*------------------------------------------------footer--------------------*/




/*------------------------------------------------Contact--------------------*/

.linkpopup {
	position: relative;
	font-family: Verdana;
	font-size: 11px;
	color: #666600;
	height: 18px;
	width: 250px;
}

.linkpopup span {
 background-color: #ccc;
 border: 1px solid #000;
 display: block;
 left: 0;
 padding: .25em;
 position: absolute;
 top: -1.75em;
}

.linkpopup:link span,
.linkpopup:visited span {
 visibility: hidden;
}

.linkpopup:hover span,
.linkpopup:focus span,
.linkpopup:active span {
	color: #000000;
	text-decoration: none;
	visibility: visible;
	border: 1px solid #000000;
	background-color: #E6E9CF;
}
.linkpopupmessagebox {
	position: relative;
	font-family: Verdana;
	font-size: 11px;
	color: #1D859B;
	height: 170px;
	width: 310px;
}

.linkpopupmessagebox span {
 background-color: #ccc;
 border: 1px solid #000;
 display: block;
 left: 0;
 padding: .25em;
 position: absolute;
 top: -1.75em;
}

.linkpopupmessagebox:link span,
.linkpopupmessagebox:visited span {
 visibility: hidden;
}

.linkpopupmessagebox:hover span,
.linkpopupmessagebox:focus span,
.linkpopupmessagebox:active span {
 color: #000;
 text-decoration: none;
 visibility: visible;
}
/*------------------------------------------------Email--------------------*/

.linkpopupemail {
	position: relative;
	font-family: Verdana;
	font-size: 11px;
	color: #1D859B;
	height: 18px;
	width: 200px;
}

.linkpopupemail span {
 background-color: #ccc;
 border: 1px solid #000;
 display: block;
 left: 0;
 padding: .25em;
 position: absolute;
 top: -1.75em;
}

.linkpopupemail:link span,
.linkpopupemail:visited span {
 visibility: hidden;
}

.linkpopupemail:hover span,
.linkpopupemail:focus span,
.linkpopupemail:active span {
	color: #000;
	text-decoration: none;
	visibility: visible;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
/*------------------------------------------------Email--------------------*/
.contactTxt{
	display:block;
	width:600px;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	color:#646464;
	background-color:#FFF9E5;
	color:#5A5A5A;
	border:#D6CEB3 solid 1px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
.errortext {
	font-family: Verdana;
	font-size: 10px;
	color: #FF0000;
}

.contactMain{
	width:670px;
	float:left;
	font-family: Verdana;
	font-size: 12px;
	color: #333333;
	border: 1px solid #929F4B;
	background-color: #EBE9D7;
	height: 605px;
	padding-right: 0px;
	padding-left: 20px;
}
.bestcontactTxt2{
	width:100%;
	padding:0 0 20px 0;
	font:normal 15px/23px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:#fff;
	display:block;
	float:left;
}.contactformsubmit {

	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 20px;
	width: 50%;
	float: left;
	margin: 3px;
	padding: 3px;
	top: 1px;
	clip: rect(1px,auto,auto,auto);
	clear: none;
	right: 30px;
	position:absolute;
	left:119px;
}
/*------------------------------------------------Contact--------------------*/
.contactformfield {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 20px;
	width: 70%;
	float: left;
	margin: 3px;
	padding: 3px;
	top: 1px;
	clip: rect(1px,auto,auto,auto);
	clear: none;
	right: 30px;
}
.contactsubmit {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	background-attachment: scroll;
	background-image: url(/image/images/submitbg.gif);
	background-repeat: repeat-x;
	background-position: center center;
	clip: rect(auto,auto,auto,auto);
	float: left;
	margin: 5px;
	padding: 5px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	width: 500px;
	border: 1px solid #666600;
}

.contactformmessage {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 170px;
	width: 70%;
	float: left;
	margin: 3px;
	padding: 3px;
}
.contactbox {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px solid #CCCCCC;
	height: 18px;
}
.contactmessagebox {

	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px solid #CCCCCC;
	height: 170px;
}
.contacttextarea {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	margin: 3px;
	padding: 3px;
}
.contacttext {
	margin: 3px;
	padding: 3px;
	height: 18px;
	width: 100px;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}
.contactsubmitbutton {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(/image/images/btn_login.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 18px;
	width: 55px;
}

.contacttextleft {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	float: left;
	width: 540px;
}
.contactindicatestext {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	margin: 3px;
	padding: 3px;
	height: 20px;
	width: 550px;
	float: left;
}

.star {
	font-family: Verdana;
	font-size: 11px;
	color: #FF0000;
	margin: 3px;
	padding: 3px;
	height: 5px;
	width: 5px;
}


.contacterrortext {
	margin: 3px;
	padding: 3px;
	height: 18px;
	width: 10px;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}
.buttonbg {
	background-attachment: scroll;
	background-image: url(/image/images/buttonbg.gif);
	background-repeat: repeat-x;
	background-position: center center;
	border: 1px solid #FF9900;
	height: 21px;
	font-family: Verdana;
	color: #FFFFFF;
}

/*------------------------------------------------Contact--------------------*/
.submitbutton
 {
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	background-attachment: scroll;
	background-image: url(/image/images/read_more_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	clip: rect(auto,auto,auto,auto);
	float: left;
	margin: 5px;
	padding: 5px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	width: 50px;
}
.submittext {
	height: 30px;
	width: 550px;
}

#submitbutton a.more{
	background:url(/image/images/more_bg.gif) 0 0 no-repeat;
	float:right;
	width:57px;
	height:18px;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#1C0206;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	margin:0;
}
#submitbutton a.more:hover{
	color:#6B1420;
	background-color:inherit;
}
.subbtn {
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
	background-attachment: scroll;
	background-image: url(/image/images/submitbg.gif);
	background-repeat: repeat-x;
	background-position: center center;
	border:1px solid #999999;
	width: 70px;
	margin: 2px;
	padding: 2px;
	height: 25px;
}
/*------------------------------------------------Textboxon Email--------------------*/

.borderEffect
{
background-color:#FFFFCC;
color:#7A8639;
margin:0px;
padding:0px;
border:1px solid #FFCC00;
}
.borderEffect:hover
{
background-color:#FFCC89;
color:#A05A3D;
margin:0px;
padding:0px;
border:1px solid #A05A3D;
}
/*------------------------------------------------Textbox on Email--------------------*/
/*------------------------------------------------Textbox --------------------*/

.textboxEffect
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	height: 18px;
	width: 300px;
	font-family: Verdana;
	font-size: 12px;
	margin-top:5px;
	line-height: 19px;
}
/*------------------------------------------------Textbox --------------------*/
/*------------------------------------------------Textboxdropdown --------------------*/

.dropdownEffect
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	height: 18px;
	width: 300px;
	font-family: Verdana;
	font-size: 12px;
	line-height: 19px;
}
.dropdownEffect:hover
{
	background-color:#FFFFFF;
	color:#929F4B;
	margin:0px;
	padding:0px;
	border:1px solid #7A8639;
	font-size: 12px;
	line-height: 19px;
}
/*------------------------------------------------Textboxdropdown --------------------*/
/*------------------------------------------------Massagebox --------------------*/

.MassageboxEffect
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	height: 200px;
	width: 500px;
	font-family: Verdana;
	font-size: 12px;
	line-height: 19px;
}
/*------------------------------------------------Massagebox --------------------*/
.contactdropdownformfield {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 20px;
	width: 68%;
	float: left;
	margin: 3px;
	top: 1px;
	clip: rect(1px,auto,auto,auto);
	clear: none;
	right: 30px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.submitbuttonarea {
	margin: 5px;
	float: left;
	height: 50px;
	width: 300px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 110px;
}
/*------------------------------------------------UploadBox --------------------*/
.uploadEffect
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	height: 18px;
	font-family: Verdana;
	font-size: 12px;
	line-height: 24px;
}
/*------------------------------------------------UploadBox --------------------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
#container {background:#e8e8d0; width:705px; margin:0px; padding:0px;}
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.15em; color:#99cc00;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:0 0 10px 0;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #cccccc; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#cccccc; overflow:hidden; border-top:10px solid #fff; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}

.xb1 {margin:0 8px; background:#cccccc;}
.xb2 {margin:0 6px; background:#cccccc;}
.xb3 {margin:0 4px; background:#cccccc;}
.xb4 {margin:0 3px; background:#fff; border-width:0 5px;}

.xb5 {margin:0 2px; background:#fff; border-width:0 4px;}
.xb6 {margin:0 2px; background:#fff; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#fff; border:3px solid #cccccc; border-width:0 3px;}