/* ------------------------------------------------------------------------ various tags class: helper classes */

.number
{
	font-size: 11px;
}

.datetime
{
	font-size: 11px;
}

div.floatleft
{
	float: left;
}

div.floatright, p.floatright
{
	float: right;
}

div.clearboth
{
	clear: both;
}

img.icon
{
	margin-right: 4px;
}

div.alignright, p.alignright
{
	text-align: right;
}

img.listicon
{
	margin-right: 4px;
}

div.spacer
{
	height: 8px;
	font-size: 0;
	width: 50px;
}

div.vspacer
{
	float: left;
	width: 8px;
	font-size: 0;
	height:4px;
}

div.footnote
{
	margin-top: 8px;
}

div.concrete
{
	clear: both;
	display: inline-block;
}

div.concrete:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------------------------------------------------- div common classes xxxxbody */
div.boxbody, div.containerbody, div.panelbody
{
	display: inline-block;
	padding: 8px 8px;
}

div.boxbody
{
	display: inline-block;
	padding: 7px 7px 3px 7px;
}

/* -------------------------------------------------------------------------------- div common class: box & panel common elements */

div.aligncenter, p.aligncenter
{
	text-align: center;
}

div.headerlining
{
	padding: 5px 4px 0 6px;
	display: inline-block;
}

div.headerlining div.title
{
	float: left;
}

div.headerlining div.textlink
{
	float: left;
	margin-top: 3px;
}

img.gendericon
{
	margin: 1px 4px 0 0;
}

h1.memnername
{
	color: #cc6600;
	font-weight: bold;
}

div#content-header, div.content-header
{
	clear: both;
	height: 28px;
	width: 603px;
	background-image: url(http://img.cyworld.com.cn/images/common/contentheader_background.gif);
	border-bottom: solid 1px #d2d2d2;
}

div#content-header img, div.content-header img
{
	margin: 4px 0 0 4px;
}

div#content-header div.textlink, div.content-header div.textlink
{
	margin-top: 4px;
}

div#content-header div.headerlining div.title img, div.content-header div.headerlining div.title img
{
	margin: 0;
}

/* -------------------------------------------------------------------------------- div specific class: box01 */
div.box01
{
	width: 404px;
	background-image: url(http://img.cyworld.com.cn/images/main/box01_bg.gif);
	background-repeat: repeat-y;
}

div.box01 div.boxheader
{
	background-image: url(http://img.cyworld.com.cn/images/main/box01_top.gif);
	height: 30px;
	clear: both;
}

div.box01 div.boxbody:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.box01 div.boxfooter
{
	background-image: url(http://img.cyworld.com.cn/images/main/box01_footer.gif);
	height: 5px;
	font-size: 0 !important;
	clear: both;
}

div.coverstory
{
	text-align: center;
	width: 603px;
}
/* -------------------------------------------------------------------------------- div common class: box02 */
div.box02
{
	clear: both;
}

div.box02 div.boxheader
{
	background-image: url(http://img.cyworld.com.cn/images/main/box02_header.gif);
	height: 30px;
}

div.box02 div.boxbody:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------------------------------------------------- div common class: box03 */
div.box03
{
	clear: both;
}

div.box03 div.boxheader
{
	background-image: url(http://img.cyworld.com.cn/images/main/box02_header.gif);
	height: 30px;
}

div.box03 div.boxbody:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------------------------------------------------- div common class: box05 */
div.box05
{
	background-image: url(http://img.cyworld.com.cn/images/common/box05_body.gif);
	background-repeat: repeat-y;
	clear: both;
	width: 200px;
}

div.box05 div.boxheader
{
	background-image: url(http://img.cyworld.com.cn/images/common/box05_header.gif);
	height: 30px;
}

div.box05 div.boxheader-alter
{
	background-image: url(http://img.cyworld.com.cn/images/common/box05_header_alter.gif);
	height: 30px;
}

div.box05 div.boxheader-blank
{
	background-image: url(http://img.cyworld.com.cn/images/common/box05_header_blank.gif);
	height: 4px;
	font-size: 0;
}

div.box05 div.boxfooter
{
	clear: both;
	background-image: url(http://img.cyworld.com.cn/images/common/box05_footer.gif);
	height: 4px;
	font-size: 0;
}

/* -------------------------------------------------------------------------------- div common class: box06 */
div.box06
{
	background-image: url(http://img.cyworld.com.cn/images/common/box06_body.gif);
	background-repeat: repeat-y;
	clear: both;
	width: 200px;
}

div.box06 div.boxheader
{
	background-image: url(http://img.cyworld.com.cn/images/common/box06_header.gif);
	height: 25px;
}

div.box06 div.boxfooter
{
	clear: both;
	background-image: url(http://img.cyworld.com.cn/images/common/box06_footer.gif);
	height: 4px;
	font-size: 0;
}

/* -------------------------------------------------------------------------------- div common class: box07 */
div.box07
{
	background-image:url(http://img.cyworld.com.cn/images/event/20060110/eventnews_bg.gif);
	width:198px;
}

div.box07 div.boxheader
{
	background-image:url(http://img.cyworld.com.cn/images/event/20060110/eventnews_header.gif);
	height: 35px;
}

div.box07 div.boxfooter
{
	background-image:url(http://img.cyworld.com.cn/images/event/20060110/eventnews_footer.gif);
	height:12px;
	font-size: 0;
}

div.box07 div.boxbody
{
	padding: 0 12px;
}

/* -------------------------------------------------------------------------------- div common class: box08 */
div.box08
{
	background-image:url(http://img.cyworld.com.cn/images/common/box08_background.gif);
	width:198px;
}

div.box08 div.boxheader
{
	background-image:url(http://img.cyworld.com.cn/images/common/box08_header.gif);
	height: 4px;
	font-size: 0;
}

div.box08 div.boxfooter
{
	background-image:url(http://img.cyworld.com.cn/images/common/box08_footer.gif);
	height:4px;
	font-size: 0;
}

div.box08 div.boxbody
{
	padding: 4 12px;
}

/*-----------------------------------------------------------------box09-------*/
div.box09
{
	background-image: url(http://img.cyworld.com.cn/images/common/box09_body.gif);
	background-repeat: repeat-y;
	clear: both;
	width: 198px;
}

div.box09 div.boxheader
{
	background-image: url(http://img.cyworld.com.cn/images/common/box09_header_alter.gif);
	height: 30px;
}

div.box09 div.boxfooter
{
	clear: both;
	background-image: url(http://img.cyworld.com.cn/images/common/box09_footer.gif);
	height: 4px;
	font-size: 0;
}


/* -------------------------------------------------------------------------------- div common class: panel01 */
div.panel01
{
	clear: both;
	width: 191px;
	background-image: url(http://img.cyworld.com.cn/images/main/panel01_bg.gif);
	background-repeat: repeat-y;
}

div.panel01 div.panelheader
{
	background-image: url(http://img.cyworld.com.cn/images/main/panel01_header.gif);
	height: 30px;
}

div.panel01 div.panelheader-alter
{
	background-image: url(http://img.cyworld.com.cn/images/main/panel01_header_alter.gif);
	height: 30px;
}

div.panel01 div.panelbody
{
	padding: 2px 6px 0 6px;
}

div.panel01 div.panelbody:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.panel01 div.panelfooter
{
	background-image: url(http://img.cyworld.com.cn/images/main/panel01_footer.gif);
	height: 5px;
	font-size: 0 !important;
	clear: both;
}

/* -------------------------------------------------------------------------------- div common class: panel03 */
div.panel03
{
	clear: both;
	width: 200px;
}

div.panel03 div.panelheader
{
	background-image: url(http://img.cyworld.com.cn/images/mall/panel01_header_mallcatgegories.gif);
	height: 30px;
	font-size: 0 !important;
	clear: both;
}

div.panel03 div.panelbody
{
	background-image: url(http://img.cyworld.com.cn/images/main/panel02_bg.gif);
	padding: 0 4px;
}

div.panel03 div.panelfooter
{
	background-image: url(http://img.cyworld.com.cn/images/main/panel02_footer.gif);
	height: 5px;
	font-size: 0 !important;
	clear: both;
}

/* -------------------------------------------------------------------------------- div common class: panel04 */
div.panel04
{
	clear: both;
	width: 191px;
}

div.panel04 div.panelheader
{
	background-image: url(http://img.cyworld.com.cn/images/common/panel04_header.gif);
	height: 6px;
	font-size: 0 !important;
	clear: both;
}

div.panel04 div.panelbody
{
	background-image: url(http://img.cyworld.com.cn/images/common/panel04_background.gif);
	padding: 3px 4px;
}

div.panel04 div.panelfooter
{
	background-image: url(http://img.cyworld.com.cn/images/common/panel04_footer.gif);
	height: 6px;
	font-size: 0 !important;
	clear: both;
}

/* -------------------------------------------------------------------------------- ul common class: tabstrips01 */
ul.tabstrips01
{
	margin-top: 6px;
	margin-left: 10px;
}

ul.tabstrips01 li.tab-on
{
	width: 37px;
	height: 18px;
	float: left;
	cursor: hand;
	margin-left: -1px;
	background-image: url(http://img.cyworld.com.cn/images/main/tab01_on.gif);
}

ul.tabstrips01 li.tab-off
{
	width: 37px;
	height: 18px;
	float: left;
	cursor: hand;
	margin-left: -1px;
	background-image: url(http://img.cyworld.com.cn/images/main/tab01_off.gif);
}

ul.tabstrips01 li.tab-on div, ul.tabstrips01 li.tab-off div
{
	margin: 1px 0 0 2px;
	text-align: center;
	padding-top: 1px;
	cursor: hand;
}

ul.floatleft li
{
	float: left;
	white-space: nowrap;
}

/* -------------------------------------------------------------------------------- ul common class: dashed */
ul.dashed
{
	clear: both;
}

ul.dashed li
{
	background-image: url(http://img.cyworld.com.cn/images/main/bg_dashed.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 2px 0 3px 0;
	clear: both;
}

ul.dashed li.last
{
	background-image: none;
}

div.portrait
{
	padding: 4px;
	border: 1px solid #ccc;
	float: left;
	margin: 0 4px 0 0;
}

/* -------------------------------------------------------------------------------- div common class: container01 */
div.container01, div.container01
{
	background: url(http://img.cyworld.com.cn/images/common/container01_background.gif);
	background-repeat: repeat-y;
	width: 603px;
}

div.container01 div.containerheader
{
	height: 24px;
	background-image: url(http://img.cyworld.com.cn/images/common/container01_header_blank.gif);
	background-color: #fff;
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 0;
	clear: both;
}

div.container01 div.containerheader-rich
{
	height: 30px;
	background-image: url(http://img.cyworld.com.cn/images/common/container01_header.gif);
	background-color: #fff;
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 0;
	clear: both;
}

div.container01 div.containerfooter
{
	background: url(http://img.cyworld.com.cn/images/common/container01_footer.gif);
	height: 3px;
	font-size: 0 !important;
	clear: both;
}

/* -------------------------------------------------------------------------------- div common class: bevelbox */
div.bevelbox
{
	width: 408px;
}

div.bevelbox div.boxheader
{
	height: 8px;
	background-image: url(http://img.cyworld.com.cn/images/main/psd_body_top.gif);
}

div.bevelbox div.boxbody
{
	background-image: url(http://img.cyworld.com.cn/images/main/psd_body_bg.gif);
	background-repeat: repeat-y;
	padding: 16px 0 60px 0;
}

div.bevelbox div.boxfooter
{
	height: 41px;
	background-image: url(http://img.cyworld.com.cn/images/main/psd_body_bottom.gif);
}

/* -------------------------------------------------------------------------------- div common class: diagbox */

div.diagbox
{
	background-color: #eeeeee;
	width: 404px;
}

div.diagbox div.boxheader
{
	height: 3px;
	background-image: url(http://img.cyworld.com.cn/images/common/diagbox_header.gif);
	font-size: 0px;
}

div.diagbox div.boxbody
{
	background-image: url(http://img.cyworld.com.cn/images/common/diagbox_background.gif);
	padding: 4px 2px;
}

div.diagbox div.boxfooter
{
	height: 3px;
	background-image: url(http://img.cyworld.com.cn/images/common/diagbox_footer.gif);
	font-size: 0;
}


/* -------------------------------------------------------------------------------- div common class: form attributes */
div.attritem
{
	width: 136px;
	text-align: right;
	clear: left;
	float: left;
}

div.attrvalue
{
	float: left;
}

/* -------------------------------------------------------------------------------- ul common class: tabstrips02 */
ul.tabstrips02
{
	clear: both;
	margin-left: 16px;
	height: 24px;
}

ul.tabstrips02 li
{
	float: left;
	margin-right: 3px;
}

ul.tabstrips02 li.tab-on div.outer
{
	background-image: url(http://img.cyworld.com.cn/images/common/tabstrips02_on_l.gif);
	padding: 0 0 0 6px;
	height: 24px;
	float: left;
}

ul.tabstrips02 li.tab-on div.inner
{
	background-image: url(http://img.cyworld.com.cn/images/common/tabstrips02_on_r.gif);
	background-position: right top;
	padding: 7px 10px 0px 4px;
	font-weight: bold;
	height: 17px;
	float: left;
}

ul.tabstrips02 li.tab-off div.outer
{
	background-image: url(http://img.cyworld.com.cn/images/common/tabstrips02_off_l.gif);
	padding: 0 0 0 6px;
	height: 24px;
	float: left;
}

ul.tabstrips02 li.tab-off div.inner
{
	background-image: url(http://img.cyworld.com.cn/images/common/tabstrips02_off_r.gif);
	background-position: right top;
	padding: 7px 10px 0px 4px;
	font-weight: bold;
	float: left;
	height: 17px;
}

ul.tabstrips02 li.tab-off div.inner a
{
	color: #999;
}

ul.tabstrips02 li.tab-on div.inner a
{
	color: #666;
}

/* -------------------------------------------------------------------------------- ul common class: list01 */

ul.list01 li
{
	/* 	background:url(http://img.cyworld.com.cn/images/footer/footer_line_dashed_02.gif) 0 100%; 	background-repeat:repeat-x; 	*/
	border-bottom: solid 1px #ccc;
	clear: both;
	padding: 8px;
}

/* -------------------------------------------------------------------------------- table common class: list01 */
table.list01
{
	width: 100%;
}

table.list01 td
{
	padding: 4px 1px 2px 1px;
}

table.list01 thead
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0;
	height: 24px;
}

table.list01 thead tr td
{
	font-weight: bold;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
	background-color: #F4F4F4;
}

table.list01 thead.aligncenter tr td
{
	text-align: center;
}

table.list01 tbody tr
{
	border-top: solid 1px #ccc;
	clear: both;
}

table.list01 tbody tr td
{
	border-bottom: solid 1px #ccc;
	vertical-align: top;
}

table.list01 td
{
	vertical-align: middle;
}

/* -------------------------------------------------------------------------------- table common class: list01 */
table.list02
{
}

table.list02 caption
{
	text-align: left;
	font-weight: bold;
	color: #cc6600;
}

table.list02 td
{
	vertical-align: middle;
}

table.list03
{
	width: 100%;
}

table.list03 caption
{
	text-align: center;
	font-weight: bold;
	color: #cc6600;
}

table.list03 thead tr td.left
{
	height: 20px;
	font-weight: bold;
	background-image: url(http://img.cyworld.com.cn/images/event/winners_list_title_left.gif);
	background-position: left;
}

table.list03 thead tr td.right
{
	height: 20px;
	font-weight: bold;
	background-image: url(http://img.cyworld.com.cn/images/event/winners_list_title_right.gif);
	background-position: right;
}

/* -------------------------------------------------------------------------------- table common class: list01 */
table.dashed
{
	width: 100%;
}

table.dashed tr
{
	background: url(http://img.cyworld.com.cn/images/main/bg_dashed.gif) 0 100%;
	background-repeat: repeat-x;
}

table.dashed tr td.icon
{
	padding-top: 6px;
}

table.dashed tr.last
{
	background-image: none;
}

div.block01
{
	border: 1px solid #ccc;
	background: #F7F3E4;
	width: 310px;
	padding: 4px 0 2px 4px;
}

div.block02
{
	background: #F7F3E4;
	border: 1px solid #CCC;
	width: 518px;
	padding: 2px 0 2px 8px;
	margin-top: -1px;
}

#pagination
{
	text-align: center;
	padding: 4px 0;
	clear: both;
	color: #999;
}

#pagination a.normal, #pagination a.current
{
	margin: 0 3px;
	font-size: 11px;
	font-family: Arial;
}

#pagination a.current
{
	color: #F37301;
	font-weight: bold;
}

#pagination img.button
{
	margin: 1px 1px 0 1px;
}

#list-search
{
	text-align: center;
}

#list-search input.text
{
	width: 220px;
	margin: 2px 4px 0 0;
	height: 16px;
}

#list-search img
{
	margin-top: 2px;
}

div.menu02
{
	height: 24px;
	background: url(http://img.cyworld.com.cn/images/main/rep_menu_bg.gif);
	padding-left: 10px;
}

div.menu02 div
{
	float: left;
}

div.menu02 div.on
{
	background: url(http://img.cyworld.com.cn/images/main/rep_menu_on_bg.gif);
	display: inline;
	margin-left: -1px;
}

div.menu02 div.off
{
	background: url(http://img.cyworld.com.cn/images/main/rep_menu_off_bg.gif);
	display: inline;
	margin-left: -1px;
}

div.menu02 div.text
{
	text-align: center;
	padding: 4px 4px 0 4px;
}

/* -------------------------------------------------------------------------------- div common class: grid01 */
div.grid01
{
}

div.grid01 div.row
{
	width: 558px;
	margin-left: 20px;
	margin-bottom: 8px;
}

div.grid01 div.row div.header
{
	background-image: url(http://img.cyworld.com.cn/images/main/today_member_body_top.gif);
	height: 9px;
	font-size: 0;
}

div.grid01 div.row div.footer
{
	background-image: url(http://img.cyworld.com.cn/images/main/today_member_body_bottom.gif);
	height: 3px;
	font-size: 0;
}

div.grid01 div.row div.body
{
	background-image: url(http://img.cyworld.com.cn/images/main/today_member_body_bg.gif);
	background-repeat: repeat-y;
	display: inline-block;
	padding: 6px 0;
}

div.grid01 div.row div.body:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.grid01 div.row div.body div.column
{
	float: left;
	width: 250px;
	margin-left: 16px;
}

/* -------------------------------------------------------------------------------- div common class: grid02 */
div.grid02
{
}

div.grid02 div.row
{
}

div.grid02 div.row div.column
{
	float: left;
	width: 240px;
	height: 130px;
	margin: 4px;
	background-color: #F2F2F2;
	padding: 12px;
}

/* -------------------------------------------------------------------------------- div common class: dashedbox01 */
div.dashedbox01
{
	margin-top: 10px;
	width: 554px;
}

div.dashedbox01 div.header
{
	background-image: url(http://img.cyworld.com.cn/images/main/reporter_blue_bodyheader.gif);
	height: 3px;
	font-size: 0;
	clear: both;
}
div.dashedbox01 div.footer
{
	background-image: url(http://img.cyworld.com.cn/images/main/reporter_blue_bodyfooter.gif);
	height: 5px;
	font-size: 0;
	clear: both;
}

div.dashedbox01 div.body
{
	background-image: url(http://img.cyworld.com.cn/images/main/reporter_blue_bodybg.gif);
	padding: 16px;
	display: inline-block;
	clear: both;
}

/* -------------------------------------------------------------------------------- ul common class: tabstrips03 */
ul.tabstrips03
{
	height: 21px;
	clear: both;
	background-image: url(http://img.cyworld.com.cn/images/common/tabstrips03_background.gif);
	height: 24px;
}

ul.tabstrips03 li
{
	float: left;
	margin-right: -1px;
	height: 18px;
}

ul.tabstrips03 li.tab-on div.outer
{
	background-image: url(http://img.cyworld.com.cn/images/common/tabstrips03_on_l.gif);
	padding: 0 0 0 6px;
}

ul.tabstrips03 li.tab-on div.inner
{
	background-image: url(http://img.cyworld.com.cn/images/common/tabstrips03_on_r.gif);
	background-position: right top;
	padding: 4px 10px 0px 1px;
}

ul.tabstrips03 li.tab-off div.outer
{
	background-image: url(http://img.cyworld.com.cn/images/common/tabstrips03_off_l.gif);
	padding: 0 0 0 6px;
}

ul.tabstrips03 li.tab-off div.inner
{
	background-image: url(http://img.cyworld.com.cn/images/common/tabstrips03_off_r.gif);
	background-position: right top;
	padding: 4px 10px 0px 1px;
}

div.bar02
{
	width: 603px;
	background-repeat: repeat-y;
}


div.bar02 div.barbody
{
	background-image: url(http://img.cyworld.com.cn/images/main/reporter_block_bodybg.gif);
	background-repeat: repeat-x;
	height: 27px;
	padding: 0 6px;
}

div.bar02 div.barbody *
{
	margin-top: 12px;
}

div.bar02 div.barfooter
{
	background-image: url(http://img.cyworld.com.cn/images/main/accessing_body_bg.gif);
	height: 3px;
	font-size: 0;
}

div.bar03
{
	background-image: url(http://img.cyworld.com.cn/images/common/bar03_background.gif);
	background-repeat: repeat-y;
	width: 603px;
}

div.bar03 div.barheader
{
	background: url(http://img.cyworld.com.cn/images/common/bar03_header.gif);
	height: 4px;
	font-size: 0px;
	clear: both;
}

div.bar03 div.barbody
{
	padding: 0 6px;
	clear: both;
}

div.bar03 div.barbody div.floatleft, div.bar03 div.barbody div.floatright
{
	margin-top: 4px;
	display: inline-block;
}

div.bar03 div.barfooter
{
	background: url(http://img.cyworld.com.cn/images/common/bar03_footer.gif);
	height: 4px;
	font-size: 0px;
	clear: both;
}

div.bar04
{
	width: 603px;
	background-image: url(http://img.cyworld.com.cn/images/main/txt_goodarticle_bg.gif.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding: 0 6px;
}

div.bar04 *
{
	margin-top: 3px;
}

div.roundbox02
{
	width: 585px;
	background: url(http://img.cyworld.com.cn/images/common/roundbox02_background.gif);
	background-repeat: repeat-y;
	margin-bottom: 8px;
}

div.roundbox02 div.boxheader
{
	background: url(http://img.cyworld.com.cn/images/common/roundbox02_top.gif);
	height: 10px;
	font-size: 0;
}

div.roundbox02 div.boxfooter
{
	background: url(http://img.cyworld.com.cn/images/common/roundbox02_bottom.gif);
	height: 10px;
	font-size: 0;
}

div.roundbox02 div.boxbody
{
	padding: 8px 12px;
	display: inline-block;
}

div.roundbox02 div.boxbody:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------------------------------------------------- ul common class: roundbox03 */
div.roundbox03
{
	width: 603px;
	background: url(http://img.cyworld.com.cn/images/common/roundbox03_background.gif);
	background-repeat: repeat-y;
}

div.roundbox03 div.boxheader
{
	background: url(http://img.cyworld.com.cn/images/common/roundbox03_top.gif);
	height: 10px;
	font-size: 0;
}

div.roundbox03 div.boxfooter
{
	background: url(http://img.cyworld.com.cn/images/common/roundbox03_bottom.gif);
	height: 10px;
	font-size: 0;
}

div.roundbox03 div.boxbody
{
	padding: 16px;
	display: inline-block;
}

/* -------------------------------------------------------------------------------- ul common class: roundbox04 */
div.roundbox04
{
	background-color: #f7f7f7;
}

div.roundbox04 div.boxheader
{
	background-image: url(http://img.cyworld.com.cn/images/common/roundbox04_top.gif);
	height: 3px;
	font-size: 0;
	clear: both;
	display: inline-block;
}

div.roundbox04 div.boxheader div.start
{
	background-image: url(http://img.cyworld.com.cn/images/common/roundbox04_nw.gif);
	height: 3px;
	width: 3px;
	float: left;
	font-size: 0;
}

div.roundbox04 div.boxheader div.end
{
	background-image: url(http://img.cyworld.com.cn/images/common/roundbox04_ne.gif);
	height: 3px;
	width: 3px;
	float: right;
	font-size: 0;
}

div.roundbox04 div.boxfooter
{
	background-image: url(http://img.cyworld.com.cn/images/common/roundbox04_bottom.gif);
	height: 3px;
	font-size: 0;
	clear: both;
	display: inline-block;
}

div.roundbox04 div.boxfooter div.start
{
	background-image: url(http://img.cyworld.com.cn/images/common/roundbox04_sw.gif);
	height: 3px;
	width: 3px;
	float: left;
	font-size: 0;
}

div.roundbox04 div.boxfooter div.end
{
	background-image: url(http://img.cyworld.com.cn/images/common/roundbox04_se.gif);
	height: 3px;
	width: 3px;
	float: right;
	font-size: 0;
}

div.roundbox04 div.boxbody
{
	background-image: url(http://img.cyworld.com.cn/images/common/roundbox04_left.gif);
	background-repeat: repeat-y;
	padding: 0;
}

div.roundbox04 div.boxbody div.inner
{
	background-image: url(http://img.cyworld.com.cn/images/common/roundbox04_right.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin-left: 4px;
	padding: 8px;
	display: inline-block;
}

/* -------------------------------------------------------------------------------- ul common class: quatebox01 */
ul.quatebox01
{
}

ul.quatebox01 li
{
	float: left;
}

ul.quatebox01 li div.box
{
	width: 125px;
	margin: 4px;
}

ul.quatebox01 li div.box div.header
{
	background-image: url(http://img.cyworld.com.cn/images/main/reporter_rectangle02_header.gif);
	height: 5px;
	font-size: 0;
}

ul.quatebox01 li div.box div.footer
{
	background-image: url(http://img.cyworld.com.cn/images/main/reporter_rectangle02_footer.gif);
	height: 5px;
	font-size: 0;
}

ul.quatebox01 li div.box div.body
{
	background-image: url(http://img.cyworld.com.cn/images/main/reporter_rectangle02_bg.gif);
	background-repeat: repeat-y;
	text-align: center;
	display: inline-block;
}

/* -------------------------------------------------------------------------------- ul common class: quatebox01 */
div.evebox
{
	width: 295px;
	background-image: url(http://img.cyworld.com.cn/images/common/evebox_background.gif);
	background-repeat: repeat-y;
}

div.evebox div.boxheader
{
	background-image: url(http://img.cyworld.com.cn/images/common/evebox_top.gif);
	height: 39px;
	font-size: 0px;
	clear: both;
}

div.evebox div.boxfooter
{
	background-image: url(http://img.cyworld.com.cn/images/common/evebox_bottom.gif);
	height: 20px;
	font-size: 0px;
	clear: both;
}

div.evebox div.boxbody
{
	padding: 4px 22px;
	clear: both;
	display: inline-block;
}


div.leftmenu-common
{
	width: 198px;
	background: url(http://img.cyworld.com.cn/images/common/leftmenu_bg.gif);
}

div.leftmenu-common div.footer
{
	background: url(http://img.cyworld.com.cn/images/common/leftmenu_footer.gif);
	height: 6px;
	font-size: 0;
}

div.leftmenu-common ul.list
{
	background-color: #FFF;
	margin: 5px 0 0 6px;
	width: 186px;
}

div.leftmenu-common ul.list li
{
	background: url(http://img.cyworld.com.cn/images/main/dashed02.gif) 0 100%;
	background-repeat: repeat-x;
	margin: 0 7px;
	padding: 6px 0 6px 2px;
}

div.leftmenu-common ul.list li img
{
	margin-top: 1px;
}

div.leftmenu-common ul.list li.last
{
	background: none;
}

div.leftmenu-common ul.list li.on
{
	margin: 0;
	background-color: #F1FAFF;
	padding: 4px 0 2px 0;
}

div.leftmenu-common ul.list li.on ul
{
	width: 100%;
}

div.leftmenu-common ul.list li.on ul li
{
	padding: 2px 0 2px 10px;
	background: none;
}

.blueb14
{
	color: #2BAA8F;
	font-weight: bold;
	font-size: 14px;
}

/* 左侧 菜单 - */
/* titlemenu + */
div.titlemenu
{
	background: url(http://img.cyworld.com.cn/images/common/all_titlebg.gif);
	width: 602px;
	height: 42px;
}

div.titlemenu div
{
	padding: 10px 12px 0 11px;
}
/* titlemenu - */
/*---------------------------------------------------------------11.21 feng- */

div.roundbox05
{
	background: url(http://img.cyworld.com.cn/images/mall/fill_user_bg.gif);
	background-repeat: repeat-y;
}

div.roundbox05 div.boxheader
{
	background: url(http://img.cyworld.com.cn/images/mall/fill_user_top.gif);
	background-repeat: no-repeat;
	height: 10px;
	font-size: 0;
}
div.roundbox05 div.boxfooter
{
	background: url(http://img.cyworld.com.cn/images/mall/fill_user_bot.gif);
	background-repeat: no-repeat;
	height: 10px;
	font-size: 0;
}

div.roundbox05 div.boxbody
{
	padding: 0 14px;
}

div.roundbox05 div.boxbody div.inner table td
{
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

div.biasroundbox
{
	background: url(http://img.cyworld.com.cn/images/common/biasroundbox_background.gif);
	width: 603px;
}

div.biasroundbox div.boxheader
{
	background: url(http://img.cyworld.com.cn/images/common/biasroundbox_header.gif);
	background-repeat: no-repeat;
	height: 5px;
	font-size: 0;
}
div.biasroundbox div.boxfooter
{
	background: url(http://img.cyworld.com.cn/images/common/biasroundbox_footer.gif);
	background-repeat: no-repeat;
	height: 5px;
	font-size: 0;
}

div.biasroundbox div.boxbody
{
	padding: 8px 12px;
}

/* wzf 1205 + */
div.roundbox06 div.boxbody
{
	background-image: url(http://img.cyworld.com.cn/images/fill/fill_header_textbg.gif);
	height: 90px;
	width: 425px;
	padding: 10px 0 0 0;
	margin-left: 20px;
}
/* wzf 1205 - */

/* wzf 2006.01.11 + */
div.evebox01
{
	background-image:url(http://img.cyworld.com.cn/images/event/20060110/evebox01_bg.gif);
	width:298px;
}

div.evebox01 div.header
{
	height:38px;
	background-image:url(http://img.cyworld.com.cn/images/event/20060110/evebox01_top.gif);
}

div.evebox01 div.footer
{
	height:13px;
	background-image:url(http://img.cyworld.com.cn/images/event/20060110/evebox01_bot.gif);
}

div.evebox01 div.body
{
	padding:5px 0px 5px 18px;
	clear:both;
	width:270px;
}

div.evebox01 div.body:after
{
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

div.evebox02
{
	background-image:url(http://img.cyworld.com.cn/images/event/20060110/evebox02_bg.gif);
	width:604px;
	clear:both;
}

div.evebox02 div.header
{
	background-image:url(http://img.cyworld.com.cn/images/event/20060110/evebox02_top.gif);
	height:42px;
}

div.evebox02 div.footer
{
	background-image:url(http://img.cyworld.com.cn/images/event/20060110/evebox02_bot.gif);
	height:16px;
}

div.evebox02 div.body
{
	width:582px;
	padding:4px 0 4px 8px;
}

div.evebox02 div.body:after
{
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

div#sidebar-advertisement
{
	margin-top: 32px;
	width: 115px;
	text-align: center;
}
/* wzf 2006.01.11 - */
div.container02
{
	width: 554px;
}

div.container02 div.containerheader
{
	background-color:#f4f4f4;
	border-top:solid 1px #d2d2d2;
	border-bottom:solid 1px #d2d2d2;
}

div.container02 div.containerheader:after
{
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

div.container02 div.containerheader div.headerlining
{
	padding: 3px;
}

div.container02 div.containerbody
{
	padding: 0;
}

div.container02 div.containerbody:after
{
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

div.container02 div.containerfooter
{
	background: url(http://img.cyworld.com.cn/images/club/postlist_dashed.gif) 0 100%;
	background-repeat: repeat-x;
	background-position: left top;
	padding:4px 0;
}

div.panel08
{
	width:214px;
	border:solid 1px #B9B9B9;
	background-color:#fff;
}

div.panel08 div.panelheader
{
	height:27px;
	background-color:#F8F8F8;
	border-bottom:solid 1px #B9B9B9;
}

div.panel08 div.panelbody
{
	padding:4px;
}

div.panel08 div.panelbody div.scrollbox
{
	overflow:auto;
	height:216px;
}

div.panel08 div.panelbody p
{
	clear:both;
}

div.switchingpane
{
	width: 198px;
}

div.switchingpane ul.switcher
{
	clear: both;
	display: inline-block;
}

div.switchingpane ul.switcher li div.title
{
	padding-top: 4px;
	text-align: center;
}

div.switchingpane ul.switcher li.handle-off
{
	width: 106px;
	height: 21px;
	background-color: #f4f4f4;
	border-bottom: solid 1px #dbdbdb;
	border-top: solid 1px #dbdbdb;
	float: left;
	margin-right: 0px;
}

div.switchingpane ul.switcher li
{
	cursor: pointer;
}

div.switchingpane ul.switcher li.handle-on
{
	font-weight: bold;
	width: 107px;
	height: 21px;
	background-color: #fff;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #dbdbdb;
	font-size: 0;
	float: left;
	margin-right: -2px;
}

div.switchingpane ul.switcher li.handle-on div.title
{
	font-weight: bold;
}

div.switchingpane ul.switcher li.handle-edge
{
	width: 1px;
	height: 23px;
	font-size: 0;
	background-image: url(http://img.cyworld.com.cn/images/common/switchingpane_handle_edge.gif);
	background-repeat: no-repeat;
	float: left;
}

div.switchingpane ul.switcher li.handle-seperator
{
	width: 1px;
	height: 23px;
	font-size: 0;
	background-image: url(http://img.cyworld.com.cn/images/common/switchingpane_handle_seperator.gif);
	background-repeat: no-repeat;
	float: left;
}

div.switchingpane div.containerpane
{
	border: solid 1px #c2c2c2;
	border-width: 0 1px 1px 1px;
	background-color: #fff;
	padding: 6px;
	clear:both;
}

div.switchingpane div.containerpane ul.dashed li
{
	padding-left:4px;
	padding-right:4px;
}

div.switchingpane div.containerpane div.overflow
{
	height:134px;
	overflow:auto;
	margin-bottom:4px;
}

div.switchingpane div.containerpane ul.dashed li
{
	padding-left:4px;
	padding-right:4px;
}

div.switchingpane div.containerpane div.overflow-section
{
	height:134px;
	overflow:auto;
	margin-bottom:4px;
}

div.switchingpane div.footpane
{
	background-image: url(http://img.cyworld.com.cn/images/common/switchingpane_footpane.gif);
	background-position: left top;
	height:23px;
}

div.leveling
{
	position:relative;
	display: inline-block;
	clear: both;
}

div.leveling div.middle
{
	position:absolute;
	top:50%;
}

div.leveling div.floatleft
{
	left: auto;
}

div.leveling div.floatright
{
	right:0;
}

div.leveling div.middle div.inner
{
	position:relative;
	top:-50%;
}

div.horizonscroling
{
	overflow-x: auto;
}

div.quicknote
{
	width: 100%;
}

div.quicknote div.splashnote
{
	
}


/* =====================================*/
div.ring01
{
	width: 100%;
}

div.ring01 div.ringheader:after
{
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

div.ring01 div.ringheader
{
	font-size: 0;
	height: 4px;
	clear: both;
	display: inline-block;
}

div.ring01 div.ringheader div.west
{
	background-image: url(http://img.cyworld.com.cn/images/common/ring01_header_west.gif);
	float: left;
	width: 50%;
	height: 4px;
	font-size: 0;
}

div.ring01 div.ringheader div.east
{
	background-image: url(http://img.cyworld.com.cn/images/common/ring01_header_east.gif);
	background-position: right top;
	float: right;
	font-size: 0;
	height: 4px;
	width: 50%;
}

div.ring01 div.ringfooter
{
	font-size: 0;
	height: 4px;
	clear: both;
	display: inline-block;
}

div.ring01 div.ringfooter div.west
{
	background-image: url(http://img.cyworld.com.cn/images/common/ring01_footer_west.gif);
	font-size: 0;
	height: 4px;
	width: 50%;
	float: left;
}

div.ring01 div.ringfooter div.east
{
	background-image: url(http://img.cyworld.com.cn/images/common/ring01_footer_east.gif);
	background-position: right top;
	font-size: 0;
	height: 4px;
	width: 50%;
	float: right;
}

div.ring01 div.ringbody
{
	background-color: #fff;
	border-style: solid;
	border-width: 0 1px 0 1px;
	border-color: #d6d6d6;
	padding: 4px 6px;
	display: inline-block;
}

div.ring01 div.ringbody:after
{
	content:".";
	height:0;
	display:block;
	visibility:hidden;
	clear:both;
}

div.ring02
{
}

div.ring02 div.ringheader:after
{
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

div.ring02 div.ringheader
{
	font-size: 0;
	height: 4px;
}

div.ring02 div.ringheader div.west
{
	background-image: url(http://img.cyworld.com.cn/images/common/ring02_header_west.gif);
	float: left;
	width: 50%;
	height: 4px;
	font-size: 0;
}

div.ring02 div.ringheader div.east
{
	background-image: url(http://img.cyworld.com.cn/images/common/ring02_header_east.gif);
	background-position: right top;
	float: right;
	font-size: 0;
	height: 4px;
	width: 50%;
}

div.ring02 div.ringfooter div.west
{
	background-image: url(http://img.cyworld.com.cn/images/common/ring02_footer_west.gif);
	font-size: 0;
	height: 4px;
	width: 50%;
	float: left;
}

div.ring02 div.ringfooter div.east
{
	background-image: url(http://img.cyworld.com.cn/images/common/ring02_footer_east.gif);
	background-position: right top;
	font-size: 0;
	height: 4px;
	width: 50%;
	float: right;
}

div.ring02 div.ringbody
{
	background-color: #f8f8f8;
	padding:4px 6px;
	border-style: solid;
	border-width: 0 1px 0 1px;
	border-color: #d6d6d6;
}

div.titlebar
{
	display: inline-block;
	clear: both;
	height: 19px;
}

div.titlebar:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.titlebar div.icon
{
	float: left;
}

div.titlebar div.link
{
	float: right;
	padding-top: 2px;
}

div.cbox
{
	
}


div.cbox div.titlebar
{
	display: inline-block;
	clear: both;
	height: 19px;
}

div.cbox div.ring01
{ 
	
}

div.dbox
{
	
}

div.dbox div.titlebar
{
	display: inline-block;
	clear: both;
	height: 20px;
	border-bottom: solid 1px #d6d6d6;
}

div.dbox div.titlebar:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.dbox div.titlebar div.icon
{
	float: left;
}

div.dbox div.titlebar div.link
{
	float: right;
}

div.dbox div.content
{
	padding: 8px 0 0 0;
	display: inline-block;
}

div.smoothbox01 div.boxheader
{
	background-image: url(http://img.cyworld.com.cn/images/club/smoothbox_header_west.gif);
	background-repeat: no-repeat;
	font-size: 0;
	height: 4px;
}

div.smoothbox01 div.boxheader div.inner
{
	background-image: url(http://img.cyworld.com.cn/images/club/smoothbox_header_east.gif);
	background-position: right top;
	background-repeat: no-repeat;
	font-size: 0;
	height: 4px;
}

div.smoothbox01 div.boxfooter
{
	background-image: url(http://img.cyworld.com.cn/images/club/smoothbox_footer_west.gif);
	font-size: 0;
	background-repeat: no-repeat;
	height: 4px;
}

div.smoothbox01 div.boxfooter div.inner
{
	background-image: url(http://img.cyworld.com.cn/images/club/smoothbox_footer_east.gif);
	background-position: right top;
	background-repeat: no-repeat;
	font-size: 0;
	height: 4px;
}

div.smoothbox01 div.boxbody
{
	background-color:Transparent;
	padding: 0px 4px;
}

div.smoothbox01 div.boxbody:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* -------------------------------------------------------------------------------- div common classes smoothbox03 */
div.smoothbox03
{
}

div.smoothbox03 div.structheader:after
{
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

div.smoothbox03 div.structheader
{
	font-size: 0;
	height: 4px;
}

div.smoothbox03 div.structheader div.west
{
	background-image: url(http://img.cyworld.com.cn/images/club/smoothbox03_header_west.gif);
	float: left;
	width: 50%;
	height: 4px;
	font-size: 0;
}

div.smoothbox03 div.structheader div.east
{
	background-image: url(http://img.cyworld.com.cn/images/club/smoothbox03_header_east.gif);
	background-position: right top;
	float: right;
	font-size: 0;
	height: 4px;
	width: 50%;
}

div.smoothbox03 div.structfooter div.west
{
	background-image: url(http://img.cyworld.com.cn/images/club/smoothbox03_footer_west.gif);
	font-size: 0;
	height: 4px;
	width: 50%;
	float: left;
}

div.smoothbox03 div.structfooter div.east
{
	background-image: url(http://img.cyworld.com.cn/images/club/smoothbox03_footer_east.gif);
	background-position: right top;
	font-size: 0;
	height: 4px;
	width: 50%;
	float: right;
}

div.smoothbox03 div.structbody
{
	background-color: #fff;
	padding: 0 4px;
	display: inline-block;
}

/* ###### panel10    geyx 2006.06.04 #####*/
div.panel10
{
	clear: both;
	width: 191px;
	background-image: url(http://img.cyworld.com.cn/images/main/panel10_bg.gif);
	background-repeat: repeat-y;
}

div.panel10 div.panelheader
{
	background-image: url(http://img.cyworld.com.cn/images/main/panel10_header.gif);
	height: 30px;
}

div.panel10 div.panelheader-alter
{
	background-image: url(http://img.cyworld.com.cn/images/main/panel10_header_alter.gif);
	height: 30px;
}

div.panel10 div.panelbody
{
	padding: 2px 6px 0 6px;
}

div.panel10 div.panelbody:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.panel10 div.panelfooter
{
	background-image: url(http://img.cyworld.com.cn/images/main/panel10_footer.gif);
	height: 4px;
	font-size: 0 !important;
	clear: both;
}

/* 2006.06.04 geyx */
div.cbox div.cvideo
{
	width:191px;
}

div.cbox div.cvideo div.videoheader
{
	background-image: url(http://img.cyworld.com.cn/images/club/clubvideo_header.gif);
	background-repeat: no-repeat;
	font-size: 0;
	height: 15px;
}

div.cbox div.cvideo div.videobody
{
	background-image: url(http://img.cyworld.com.cn/images/club/clubvideo_body.gif);
	background-repeat: repeat-y;
	font-size: 0;
	height: 95px;
}

div.cbox div.cvideo div.videofooter
{
	background-image: url(http://img.cyworld.com.cn/images/club/clubvideo_footer.gif);
	background-repeat: no-repeat;
	font-size: 0;
	height: 15px;
}
/* ---  06.04 end ----*/


/*2006.06.05 gyx*/
div.partybox01
{
	width: 100%;
}

div.partybox01 div.contentcolumn
{
	float:left;
}

div.partybox01 div.contentcolumn div.clubmember
{
        padding-left:10px;
        float:left;
}

div.partybox01 div.contentcolumn div.clubmember div.clubmemberpic
{
	float:left;
	margin-top:5px;
	background-image: url(http://img.cyworld.com.cn/images/club/clubparty_bg.gif);
	background-repeat: no-repeat;
	height: 65px;
	width:90px;
}

div.partybox01 div.contentcolumn div.clubmember div.clubmembertext
{
	float:left; 
	padding: 8px 5px 0 5px; 
	line-height: 140%;
}

div.ring03 div.contentcolumn
{
	width: 50%;
	float:left;
}

div.ring03 div.contentcolumn div.clubmember
{
	padding:0 0 0 8px;
}
/*--------------------------------------------------------PAGINATIONTOOL start */
div.paginationtool
{
	width: 100%;
	overflow:hidden;
	height:26px;
	text-align:center;
}

div.paginationtool form{
	margin : 0;
}

div.paginationtool:after
{
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility: hidden;
}

div.paginationtool a
{
	font-size: 11px;
	font-family: Arial;
	padding: 0 4px;
}

div.paginationtool a.hatchinglink
{
	background-color: #ebebeb;
	color: #ff6600;
}

div.paginationtool a.hatching:hover
{
	background-color: #ebebeb;
	text-decoration: underline;
	color: #ff6600;
}

div.paginationtool a.whitehotlink
{
	background-color: #fff;
	color: #ff6600;
}

div.paginationtool a.whitehot:hover
{
	background-color: #fff;
	text-decoration: underline;
	color: #ff6600;
}

div.paginationtool input
{
	font-size: 11px;
	font-family: Arial;
	text-align: center;
}

div.paginationtool div.pagenumber
{
	padding-top: 6px;
	float: left;
	width: 54%;
	text-align: center;
}

div.paginationtool div.blockleft
{
	float: left;
	width: 20%;
}

div.paginationtool div.blockright
{
	float: right;
	width: 26%;
	text-align: right;
	padding-top:2px;
}
/*--------------------------------------------------------PAGINATIONTOOL end */

div.dashedline
{
	padding: 8px;
	background-image: url(http://img.cyworld.com.cn/images/club/postlist_dashed.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 2px 0 2px 0;
	clear: both;
}


/* ========================================= 关于select */

select.lanba
{
	background-color:#fbe7dc;
}

select.lanba option.first
{
	background: #FBE7DC;
	color: #000000;
}
select.lanba option.grp
{
	background: #FFD0B2;
	color: #000000;
}
select.lanba option
{
	background: #FBE7DC;
	color: #000000;
}