/*ËØ²ÄS*/
#home .home_file .moduleTitle {
	background-image: url(/Themes/Channels/Default/Appearances/Default/Images/top_w710.gif);
	}
#home .home_photo .moduleTitle , #home #home_topic .moduleTitle {
	background-image: url(/Themes/Channels/Default/Appearances/Default/Images/top_w710.gif);
	}
.home_file .moduleTitle h3 , .home_photo .moduleTitle h3 {float:left;}
.home_file .moduleContent {overflow: hidden;
	height: auto;
	zoom:1;}
.home_file .oeoec_home_sort ,  .home_photo .oeoec_home_sort {
	padding-top:8px;
	float:right;
	height: 20px;
}
.home_file .oeoec_home_sort a ,  .home_photo .oeoec_home_sort a {
	padding-right: 5px;
	padding-left: 5px;
}
.home_file .oeoec_file_home_list {
	overflow: hidden;
	height: auto;
	zoom:1;
	}
.home_file .oeoec_file_home_list ul {
	overflow: hidden;
	clear: both;
	height:auto;
	padding-bottom: 10px;
	zoom:1;
	}
.home_photo {width: 710px;}
.home_photo ul.commendPhoto {
	overflow: hidden;
	clear: both;
	height:auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.home_photo ul.commendPhoto li {
	display: block;
	float: left;
	overflow: hidden;
	width:95px;
	margin: 10px 1px 0px 10px;
	_margin-left:8px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}
.home_photo ul.commendPhoto img {
	display: inline;
	
	}

.home_photo li {
	width:102px;
	height:100px;
	overflow: hidden;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 10px;
	_margin-left: 5px;
	padding:0px;
	margin-bottom: 5px;
	text-align: center;
	vertical-align: bottom;
	}
.home_file .oeoec_file_home_list li{
	width:122px;
	height:145px;
	overflow: hidden;
	float: left;
	margin-top: 10px;
	margin-right: 3px;
	margin-left: 14px;
	_margin-left: 7px;
	
}
.oeoec_file_home_list_photo img{
	border: 1px solid #CCC;
	display: inline;
	padding-bottom: 3px;
}
.oeoec_file_home_list li .oeoec_file_home_list_name , .home_photo li .text {
	line-height: 20px;
	clear: both;
	height: 20px;
	overflow: hidden;
	text-align: center;
}
.fileList{
	padding:10px 0px 10px 0px;
	
}
.main {
	width: 710px;
}
.sidebar {
	width: 240px;
}
.oeoec_flie_left {
	float: left;
}
.oeoec_flie_left img {
	border: 1px solid #CCC;
	padding: 3px;
}
.oeoec_flie_right {
	width:410px;
	float: right;
	
}
.oeoec_flie_right h4 {font-size:14px;}
.storyUtil li {color: #000; }
.storyUtil li strong {
	color: red;
	font-weight: normal;
}
.sidebar .moduleContent {
	padding: 0 9px;
	background-image: none;
	overflow: hidden;
	height: auto;
	zoom:1;
}
/*
.sidebar .storyList { padding: 10px; }
.sidebar .storyList li {
	clear: both;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	overflow: hidden;
	height: auto;
	zoom:1;
}*/
.oeoec_file_storyList_left {
	width:112px;
	float: left;
}
.oeoec_file_storyList_left img {padding: 3px;border: 1px solid #CCC;}
.oeoec_file_storyList_right {
	float: left;
	margin-left: 5px;
	width:90px;
}
.oeoec_file_storyList_right a {clear: both;}
.sidebar .storyList cite {
	padding-left: 0px;
	white-space: nowrap;
	clear: both;
	display: block;
}
.oeoec_file_storyList_right cite { color: #999; }
ul.file_fun {
	padding-top:5px;
	clear: both;
}
ul.file_fun li {float:right;padding:0px 5px;}
/*ËØ²ÄE*/

.div_0 {
	position: absolute;
}
.line {
	padding: 0px;
	clear: both;
	height: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	overflow: hidden;
}
/* general style  */
html { color: #333; background: #FFF; }
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; }
caption,th { text-align: left; }
address,caption,cite,code,dfn,em,th,var,i{ font-style: normal; font-weight: normal; }
li { list-style: none; }
h1,h2,h3,h4,h5,h6,small { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
fieldset,img { border: 0; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif ; }
a { color: #333; text-decoration: none; }
a:hover { color: #c30; text-decoration: underline; }
a:visited, a:active, a:focus { outline-width: 0; }
pre,code,kbd,samp,tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

/* Layout */
#doc { padding: 0px; }
#menubar {
	/*min-width: 960px;
	border: solid #ddd 1px;
	border-top: none;
	padding: 0 1px 1px;
	position: relative;
	z-index: 1000;*/
}/*
#header {
	width: 960px;
	margin: 0px auto 0px;
	overflow: hidden;
}*/
#content {
	width: 960px;
	margin: 8px auto 10px;
}

.main { width: 710px; float: left; }
.sidebar { width: 240px; float: right; }
.wide { clear: both;}
#footer { width: 960px; margin: 0 auto; clear: both; padding: 10px 0px 0px; }

.layout-1 .sidebar { float: left; }
.layout-1 .main { float: right; }
.layout-1 .column-a { width: 350px; float: left; }
.layout-1 .column-b { width: 350px; float: right; }



/* Float */
.clear { clear: both; }
.clearfix { * overflow: hidden; zoom:1; }
.clearfix:after { clear: both; height: 0; display: block; visibility: hidden; content: ".";}
.left { float: left; }
.right { float: right; }
.hidden { display: none; }

/* login */
.login { padding-top: 15px; overflow: hidden; zoom:1; }
.loginName { width: 120px; float: left; padding-right: 5px }
.loginName p { text-align: right; height: 20px;  padding: 5px 0; line-height: 25px;}
.loginForm { float: left; }
.loginForm p{ height: 20px; padding: 5px 0; }
.loginForm .textBox { width: 180px; }

/* unwrap menu */
.sf-menu li { float: left; position: relative; z-index: 95; padding: 0 0 0 10px; }
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul { left: -2px; top: 26px; position: absolute; z-index: 96; }
.sf-menu ul { border: solid #ddd 1px; background: #f5f5f5; padding: 1px; }
.sf-menu ul li { display: block; position: static; zoom: 1; padding: 0px; background: none; }
.sf-menu ul li.separator { height: 1px; background: #ddd; margin: 3px 0px; line-height: 1px; font-size: 1px; }
.sf-menu ul li a { display: block; text-decoration: none; white-space: nowrap;  background: #f5f5f5;}
.sf-menu ul li a:hover { text-decoration: none; background: #c30; color: #fff; }
.sf-sub-indicator { width: 16px; height: 16px; background: url(Icons/icons_blue.gif) no-repeat -32px 0; display: block; text-indent: -999em; overflow: hidden; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

/* menubar */
/*#menubar .wrap { height: 25px; }*/
.topbarMenuOff { display: none; width: 20px; float: right; padding: 2px 0 0 10px; }
a.siteLogoLink { display: block; width: 150px; height: 22px; }
a.siteLogoLink span.siteLogoImg { width: 130px; height: 22px; background-image: url(../../Images/topbar_logo.png); background-repeat: no-repeat; display: block; float: left; }
a.siteLogoLink:hover span.siteLogoImg { cursor: pointer; }
.siteLogo .sf-sub-indicator { float: left; margin-top: 5px; }
.siteLogo a.siteLogoLink:hover .sf-sub-indicator { background-position: 0 -48px; } 
.siteLogo .sf-menu li:hover ul { top: 26px; }
.siteLogo .sf-menu ul { width: 140px; }
.siteLogo .sf-menu ul li { width: 70px; float: left; }
.siteLogo .sf-menu ul li a { line-height: 25px; padding-left: 10px; }

.userMenu {
	width: 500px;
	float: right;
}
.topbarMenuOn { display: none; position: absolute; top: 0px; right: 0px; width: 16px; background: #f5f5f5; height: 16px; border: solid #ddd 1px; border-top: none; padding: 3px; }
.userMenu .sf-menu { padding: 3px 10px 0 0; }
.userMenu .sf-menu li { float: right; line-height: 20px;}
.userMenu .sf-menu li:hover ul, 
.userMenu .sf-menu li.sfHover ul { top: 23px; }
.userMenu .sf-menu a.sf-with-ul { padding-right: 25px; min-width: 1px; }
.userMenu .sf-sub-indicator { position: absolute; z-index: 97; right: 10px; top: 2px; }
.userMenu .sf-menu ul { width: 100px; }
.userMenu .sf-menu ul li { width: 100%; }
.userMenu .sf-menu ul li a { line-height: 25px; padding-left: 10px; }

.newMessageHint { position: absolute; z-index: 98; left: 36px; top: 13px; display: block; height: 18px; width: 50px;  }
.newMessageHint span { display: block; height: 18px; float: left; background-image: url(Images/newMessage.png); _background-image: url(Images/newMessage256.png); }
.newMessageLeft { width: 13px; }
.newMessageCenter { background-position: -13px 0; font-size: 11px; line-height: 18px; color: #fff; font-weight: bold; white-space: nowrap; }
.newMessageRight { background-position: right 0; width: 5px; }

.userLogin { padding: 3px 0 0 0; }
.userLogin li { padding: 2px 10px 0; * padding: 3px 10px 0; display: block; float: right;line-height: 1.6em; }
.userLogin li.logon { background: url(Images/loginbtn.png) no-repeat center 2px; text-align: center; width: 40px; }
.userLogin li.logon a, #menubar li.logon a:hover { font-weight: bold; color: #fff; }

/* contentHeader */
.contentHeader {
	
}
.subMenus { padding: 0px; }
.subMenus .count {margin-top:5px;}
.subMenuFix {
	* overflow: hidden; zoom: 1; padding: 0px;
	}
.subMenus li { display: block; float: left; padding: 8px 10px; /** padding: 6px 10px 4px 10px;*/ height: 15px; line-height: 15px; }
.subMenus .current a, .subMenus .current a:hover {
	color: #F30;
	font-weight: bold;
	background-image: url(/Themes/Channels/Default/Appearances/Default/Images/ico_navCurrent.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 8px;
}
.subMenus .pipe {
	padding: 0 10px;
	display: none;
}
.contentHeader span.count, .contentHeader span.set, .contentHeader span.edit, .contentHeader span.act { color: #999; float: right; line-height: 22px; padding: 0 5px; }
.contentHeader div.act { display: block; float: right; color: #999; padding: 3px 0px 0px 0px; width: 120px; }
.actButton { float: right; width: 120px; }
.actButton div { float: left; background-image: url(Images/actButton.png); _background-image: url(Images/actButton256.png); }
.actLeft { width: 22px; height: 22px; }
.actText { padding-top: 4px; height: 18px; *padding-top: 6px; *height: 16px; white-space: nowrap; background-position: -22px 0; }
.actRight { width: 16px; height: 22px; background-position: right 0; }
.breadcrumbWrap { padding: 5px 10px 0; }
.breadcrumb { line-height: 22px; }
.breadcrumb .pipe { padding: 0 10px; }

/* modules */
.module { margin-bottom: 10px; clear: both; }
.sidebar .moduleTitle {
	background-image: url(/Themes/Channels/Default/Appearances/Default/Images/top_w240.gif);
}
.moduleTitle {
	background-image: url(/Themes/Channels/Default/Appearances/Default/Images/top_w710.gif);
	height: 33px;
	overflow: hidden;
}
.moduleTitle h3 {
	font-weight: bold;
	line-height: 33px;
	color: #C30101;
	background-image: url(/Themes/Channels/Default/Appearances/Default/Images/title_ico.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	height: 33px;
	padding-left: 15px;
	margin-left: 10px;
	font-size:14px;
	}
*html .moduleTitle h3  {margin-left: 5px;}
.moduleTitle h3 a {color: #C30101;}
.moduleTitle h3 a:hover { color: #0091D2; }
.noTitle {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D5D5D5;
}
.noTitle .moduleTitle { display: none; }
.moduleContent {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D5D5D5;
	border-bottom-color: #D5D5D5;
	border-left-color: #D5D5D5;
	overflow: hidden;
	height: auto;
	zoom:1;
}
.option {
	float: right;
	display: block;
	line-height: 36px;
	height: 33px;
	margin-right: 10px;
}
.container { padding: 0px; word-break: break-all; }
.containerText { line-height: 20px; }
.containerText strong { font-weight: bold; padding: 0 10px; }
.containerText em { color: #999; padding: 0 10px; }
.containerText p { text-indent: 2em; margin: 0.5em 0; }
.containerText ul { margin: 0.5em 0 0.5em 2em; }
.containerText li { list-style: square; list-style-position: outside; }
.title { font-weight: bold;  padding: 5px; margin: 5px 0 10px; border-bottom: solid #ddd 1px; }
.subTitle { color: #999; }
.centered { text-align: center; clear: both; margin-bottom: 10px; padding: 5px; }
.more { text-align: right; padding: 5px; clear: both; }

/* tabs */
.tabMenu { border-bottom: 1px solid #ddd; height: 23px; padding-left: 3px; }
.tabMenu li { display: block; float: left; border: solid #ddd 1px; background: #f5f5f5; margin-right: 3px; padding: 0 10px; line-height: 22px; _margin-bottom: -1px; }
.tabMenu li.tabMenuCurrent { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: solid #fff 1px; background: #fff; font-weight: bold; }
.tabMenu li.tabMenuAction { float: right; background: none; border: none; margin-right: 0px; }
.tabContent { padding-top: 10px; clear: both; overflow: hidden; zoom: 1; }

.tabs { margin-bottom: 10px; zoom:1;}
@media projection, screen { .ui-tabs-hide { display: none; }}
@media print { .ui-tabs-nav { display: none; }}
.ui-tabs-nav {
	position: relative;
	z-index: 50;
	bottom: -1px;
	padding-left: 10px;
	height: 33px;
	overflow: hidden;
}
.ui-tabs-nav:after { display: block; clear: both; content: " "; }
.ui-tabs-nav li {
	float: left;
	height: 29px;
	margin-top: 4px;
}
.ui-tabs-nav a { text-decoration: none; white-space: nowrap; float: left; padding-right: 10px;padding-left: 10px;line-height: 30px;text-align: center;height: 29px;}
.ui-tabs-nav .ui-tabs-selected { border-bottom: none; }
.ui-tabs-nav .ui-tabs-selected a {
	background-image: url(/Themes/Channels/Default/Appearances/Default/Images/top_w240_2_nonce.gif);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D5D5D5;
	border-left-color: #D5D5D5;
}
.ui-tabs-nav .ui-tabs-selected a:hover {
	text-decoration: none;
	cursor: text;
	background-image: url(/Themes/Channels/Default/Appearances/Default/Images/top_w240_2_nonce.gif);
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { text-decoration: none; }
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { cursor: pointer; }
.ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); }
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { color: #000; }
.ui-tabs-panel { border: 1px solid #D5D5D5; clear: left; min-width: 0;}
.ui-tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; }
* html .ui-tabs-nav { display: inline-block; }
*:first-child+html .ui-tabs-nav  { display: inline-block; }
.ui-tabs-nav li.option { float: right; border: none; }

.moduleContent .tabs { padding: 10px; }
.moduleContent .ui-tabs-nav { border: none; padding-left: 5px; background: none; }
.moduleContent .ui-tabs-nav li { border: none; background: #f5f5f5; margin-right: 5px; }
.moduleContent .ui-tabs-nav a { background: none; }
.moduleContent .ui-tabs-nav a:hover { background: none; text-decoration: underline; }
.moduleContent .ui-tabs-nav .ui-tabs-selected { border: solid #ddd 1px; border-bottom: none; }
.moduleContent .ui-tabs-nav .ui-tabs-selected a { background: #fff; color: #333; }
.moduleContent .ui-tabs-nav .ui-tabs-selected a:hover { text-decoration: none; }
.moduleContent .ui-tabs-panel { border: none; border-top: solid #ddd 1px; }
.moduleContent .ui-tabs-nav li.tabsAction { float: right; border: none; background: none; padding: 0px 10px; }
.moduleContent .ui-tabs-nav li.tabsTitle { float: left; border: none; background: none; padding: 0px 10px; }

/* Toggler */
.togglerWrap { margin-bottom: 10px; clear: both; }
.togglerCont { overflow: hidden; zoom: 1; }
.toggler {
	cursor: pointer;
	display: block;
	font-weight: bold;
	border-bottom: solid #D5D5D5 1px;
	line-height: 36px;
	height: 33px;
	padding-right: 10px;
	padding-left: 10px;
	color: #c30;
	font-size:14px;
}
.toggler-opened:hover { background: #DADADA url(Images/toggler_highlight_open.gif) no-repeat right center; text-decoration: none; }
.toggler-opened {
	border-bottom: none;
	background-image: url(/Themes/Channels/Default/Appearances/Default/Images/top_w710.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 33px;
}
.toggler-closed:hover { background: #DADADA url(Images/toggler_highlight_close.gif) no-repeat right center; text-decoration: none; }
.toggler-closed {background-image: url(/Themes/Channels/Default/Appearances/Default/Images/top_w710.gif); border-bottom: none; }
.toggler-c {}
.toggler-c-closed {}
.toggler-c-opened {}
.toggler-closed:hover .modify { font-weight: normal; color: #999; padding: 0 10px; display: inline;}
.toggler-closed .modify, .toggler-opened .modify { display: none;}
.moduleContent .toggler-closed { margin-bottom: 10px; } 

/* modal window */
div#nyroModalFull { }
div#nyroModalLoading { border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(Images/ajaxloading.gif) no-repeat center center; }
div#nyroModalLoading.error { border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff; }
div#nyroModalWrapper { background: #fff; border: 4px solid #999; }
a#closeBut { position: absolute; display: block; top: 5px; right: 5px; width: 12px; height: 12px; text-indent: -9999em; background: url(Images/close.gif) no-repeat; outline: 0; overflow: hidden; }
a#closeBut:hover { background-position: 0 -12px; }
div.wrapper div#nyroModalContent { padding: 20px 5px 10px; }

#nyroModalContent .formLabel { width: 90px; }
#nyroModalContent .formField, #nyroModalContent .formButton { margin-left: 95px; }

div.wrapperImg div#nyroModalContent { position: relative; overflow: hidden; text-align: center; }
div.wrapperImg img { vertical-align: baseline; }
div.wrapperImg div#nyroModalContent div { position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20); }
div.wrapperImg div#nyroModalContent div:hover { opacity: 0.5; filter: alpha(opacity=50); cursor: help; }
div.wrapperImg a { outline: none; position: absolute; top: 0; height: 100%; cursor: pointer; text-indent: -9999em; background-image: url(data:image/gif;base64,AAAA); }
a.nyroModalPrev { left: 0; width: 40%; }
a.nyroModalPrev:hover { background: url(../../../../../Themes/SharedStyles/Images/nyroModalPrev.gif) left 20% no-repeat; }
a.nyroModalNext { right: 0; width: 40%; }
a.nyroModalNext:hover { background: url(../../../../../Themes/SharedStyles/Images/nyroModalNext.gif) right 20% no-repeat; }
.storySort {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #DBDBDB;
	border-bottom-color: #DBDBDB;
	border-left-color: #DBDBDB;
}
/* New Stories */
.feedNew { padding: 10px; }
.feedNew li { display: block; overflow: hidden; zoom: 1; padding: 5px 0; }
.feedType { width: 24px; float: left;  }
.feedBrief { margin: 0 15px 0 24px; border-bottom: solid #ddd 1px; padding: 0 0 5px 0; }
.feedBrief p { line-height: 20px; word-break: break-all; }
.feedBrief h3 { padding-bottom: 5px; line-height: 20px; font-weight: bold; }
.feedBrief h3 a { color: #333; text-decoration: none; }
.feedBrief h3 a:hover { color: #333; text-decoration: underline; }
.feedBriefAct { color: #666; }
.feedTime { color: #666; padding: 0 10px; }
.feedDetail { }
.feedAction { float: right; padding: 3px 0; width: 15px; }
.feedSign { background: url(../../../../../Themes/SharedStyles/Images/quote_start.gif) no-repeat left top; padding: 0 0 0 16px; overflow: hidden; zoom: 1; }
.feedSign span { display: block; background: url(../../../../../Themes/SharedStyles/Images/quote_end.gif) no-repeat right bottom; padding-right: 16px; float: left; color: #999; }
.newsfeed .inboxOptionMenu { text-align: right; }

/* talk wall */
.talkWrap { padding: 10px; }
.talkForm { background: #f5f5f5; border-bottom: solid #ddd 1px; margin-bottom: 10px; }
.talkForm .textareaBox { width: 470px; height: 60px; margin-bottom: 5px; }
.talkForm .smileWrap { width: 470px; }
.talkForm .smile { top: 1px; right: -86px; border-bottom-width: 1px; }
.talkForm .expression { right: -4px; }
.talkForm .formLabel { width: 60px; }
.talkForm .formField, .talkForm .formButton { margin-left: 65px; }
.talkAct { color: #999; }
.talkAct em { float: right; }
.talkMore { float: right; padding: 5px 10px 0; }
.talk { display: block; padding: 10px 0;  }
.talkitem { display: block; padding: 5px 0; }
.talkitem span.portrait { float: left; }
.talkArticle { margin-left: 60px; }
.talkInfo { padding: 5px; border-top: solid #ddd 1px; background: #f5f5f5; color: #999; }
.talkAuthor { font-weight: bold  }
.talkInfo span { padding: 0 5px; }
.talkInfo .del { float: right; }
.talkText { padding: 5px; line-height: 20px; }
.talkPeplyForm { padding: 5px; width: 200px; }
.talkPeplyForm .textareaBox { width: 200px; height: 40px; line-height: 20px; }
.talkPeplyForm p { padding: 1px 0; line-height: 20px; }
.talkPeplyForm em { color: #999; float: right; }
#ShowGuestBookForm .smileWrap { width: 400px; }

/* Add content */
.contentAdd { padding: 10px;}
.contentAddMain { width: 700px; float: left; }
.contentAddSidebar { width: 230px; float: right; }
.contentAdd .form { padding: 10px 0; }
.contentAdd .formLabel { width: 60px; }
.contentAdd .formField, .contentAdd .formButton { margin-left: 60px; }

.contentAddMain .annex { width: 590px; }
.contentAddMain .textareaBox { width: 600px; height: 80px; line-height: 20px; font-size: 14px; }

.contentAddSidebar .tabSet .attachTag { width: 160px; }
.contentAddSidebar .tabSet .tagBox { width: 135px; }
.contentAddSidebar .tabSet .tagMatches { width: 162px; }
.contentAddSidebar .tabSet .myTagSwitch { width: 18px; background-position: -262px -450px; padding-left: 0; text-indent: -9999px; overflow: hidden; }
.contentAddSidebar .tabSet a.opened { background-position: -292px -450px; }
.contentAddSidebar .tabSet .myTag { width: 160px; }
.contentAddSidebar .textareaBox { width: 160px; height: 40px; line-height: 20px; }
.contentAddSidebar .dropDownList { width: 162px; }
.contentOptions { padding-top: 10px; }
.contentSubmit { clear: both; }

/* General container */
.content { padding: 10px; }
.content h1 { font-size: 22px; padding: 10px 0 20px; text-align: center; font-weight: bold; }
.content h1 .icon { float: right; margin-left: 10px; margin-right: 0px; }
.content h2 { padding: 5px; margin-bottom: 10px; text-align: center; }
.content .operate { padding: 5px; text-align: right; }
.content .operate li { padding-left: 10px; display: inline; }
.content .quarry { overflow: hidden; zoom:1; background: #f5f5f5; border: solid #ddd 1px;  color: #999; padding: 10px; margin-bottom: 20px; }
.content .quarry .icon { float: left; }
.content .quarry span { line-height: 20px; white-space: nowrap; padding-right: 10px; }
.content .labels { padding: 0 10px 0 0; }
.content .author {}
.content .dateline {}
.content .quarry ul.contentStat {}
.content .quarry ul.contentStat li { display: inline; padding-left: 10px; float: right; white-space: nowrap; line-height: 20px; }
.content .summary { margin: 10px 0; padding: 10px; line-height: 1.5em; font-size: 14px; border: solid #ddd 1px; }
.case { font-size: 14px; line-height: 1.5em; word-break: break-all; overflow: hidden; }
.case p { margin: 0.8em 0; }
.case em { font-style: italic; }
.case strong { font-weight: bold; }
.case small, .case sub, .case sup { font-size: .83em; } 
.case sub { vertical-align: sub; } 
.case sup { vertical-align: super; } 
.law { border: solid #ddd 1px; padding: 5px; line-height: 20px;  margin: 5px 0; color: #999; }

/* User Action */
.userAction { padding: 10px 0;}
.userAction li { display: block; height: 30px; border: solid #ddd 1px; line-height: 30px; text-align: center; margin: 0 0 5px 5px; float: right; white-space: nowrap; }
.userAction li a { background: url(Images/glass.png) repeat-x 0 50%; display: block; padding: 0 5px; }
.userAction li a:hover { background: url(Images/glass_over.png) repeat-x 0 50%; text-decoration: none;}
.userAction li.estimate { width: 210px; padding: 0 0 0 20px; border: none; line-height: inherit; height: 60px; text-align: inherit; float: left;}
.userAction li.estimate em { display: none; }
.userAction li.toClubs, .userAction li.toFriends { width: 70px; }
.userAction li.writeComment {}
.userAction li.favorite {}
.userAction li.report {}
.userAction li.quote {}
.userAction li.repost {}
.userAction li.download { border: none; height: 32px; width: 100px; line-height: 32px; font-size: 14px; font-weight: bold; }
.userAction li.enterFor { border: none; height: 32px; width: 80px; line-height: 32px; font-size: 14px; font-weight: bold; float: left; text-align: center; }
.userAction li.download a, 
.userAction li.download a:hover { background: url(Images/extraButton.gif) no-repeat -60px 0; padding: 0 0 0 25px; color: #fff; }
.userAction li.enterFor a, .userAction li.enterFor a:hover { background: url(Images/extraButton.gif) no-repeat 0 -40px; color: #fff; }

/* Star rating */
.userAction li.estimate .ui-stars-cancel,
.userAction li.estimate .ui-stars-star { float: left; width: 34px; height: 32px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden; }
.userAction li.estimate .ui-stars-cancel,
.userAction li.estimate .ui-stars-cancel a { background: url(Images/jquery-stars-cancel.gif) no-repeat 0 -16px; }
.userAction li.estimate .ui-stars-star,
.userAction li.estimate .ui-stars-star a { background: url(Images/jquery-stars.gif) no-repeat 0 0px; }
.userAction li.estimate .ui-stars-cancel a,
.userAction li.estimate .ui-stars-star a { display: block; width: 32px; height: 100%; background-position: 0 0px; }
.userAction li.estimate .ui-stars-star-on a { background-position: 0 -32px!important; }
.userAction li.estimate .ui-stars-star-hover a { background-position: 0 -64px; }
.userAction li.estimate .ui-stars-cancel-hover a { background-position: 0 -32px; }
.userAction li.estimate .ui-stars-cancel-disabled a,
.userAction li.estimate .ui-stars-star-disabled, .ui-stars-star-disabled a { cursor: default !important; }
.userAction li.estimate .ui-stars-star { background: transparent!important; overflow: hidden!important; }
.userAction li.estimate .ui-stars-cap { line-height: 32px; padding-left: 5px; }
.userAction li.estimate .ui-stars-message { line-height: 25px; display: block;  text-align: center;}

.userAction li.estimate .ui-stars-show { width: 170px; height: 32px; background: url(Images/img_bg.gif) -150px -200px; }
.userAction li.estimate .ui-stars-show span { height: 32px; background: url(Images/img_bg.gif) -150px -232px; }
.ui-stars-show { width: 75px; height: 14px; float: left; background: url(Images/img_bg.gif) no-repeat -150px -165px; }
.ui-stars-show span { height: 14px; display: block; background: url(Images/img_bg.gif) no-repeat -150px -150px; float: left; }
.imageListTabloidFull .ui-stars-show { float: none; margin-left: 30px; }

/*  */
.sortVest, .keywords, .tags { padding: 5px 10px; }
.sortVest li, .keywords li, .tags li { display: inline; padding-right: 10px; }
.context { padding: 5px 10px; }
.context span { line-height: 20px; display: block; }
.context em { padding-right: 10px; }
.relate { padding: 10px 0; }
.relate h4 { padding: 5px; border-top: solid #ddd 1px; font-weight: bold; }
.relate li { width: 44%; padding: 0 3% 0 2%; line-height: 20px; display: block; float: left; margin-bottom: 5px; }
.relate li cite { color: #999; padding-left: 10px; }

.comment { padding: 10px 0;}
.comment h4 { padding: 5px; border-top: solid #ddd 1px; font-weight: bold; }
.comment h4 em { float: right; }
.commentItem { padding: 10px 0; }
.commentItem span.portrait { float: left; }
.commentImg { width: 46px; height: 46px; overflow: hidden; float: left; padding: 1px; border: solid #ddd 1px; }
.commentCont, .commentContent { margin-left: 60px; _height: 60px; min-height: 60px; }
.commentItemHead { padding: 5px 5px 5px 0; border-top: solid #ddd 1px; }
.commentItem span.name { font-weight: bold; }
.commentItem em { color: #999; padding-left: 10px; }
.commentText { line-height: 20px; word-break: break-all; overflow: hidden; }
.commentQuote { padding: 5px 10px; line-height: 20px; }
.commentQuote q { border: solid #ddd 1px; background: #f5f5f5; padding: 5px; display: block;}
.commentQuote cite { color: #999; display: block; }
.commentReply { width: 500px; padding-top: 8px; background: url(Images/box_arrow.gif) -450px 0; }
.commentReplyBox { border: solid #ddd 1px; background: #f5f5f5; border-top-width: 0; }
.commentReplyItem { padding: 5px; border-bottom: solid #ddd 1px; }
.commentReplyItem span.portrait { width: 32px; height: 32px; }
.commentReplyItem span.portrait img { width: 32px; height: 32px; }
.commentReplyPerson, .commentReplyText { margin-left: 46px; line-height: 18px; }
.commentReplyForm { padding: 5px; }
.commentReplyForm span.portrait { width: 32px; height: 32px; margin-right: 10px; }
.commentReplyForm span.portrait img { width: 32px; height: 32px; }
.commentReplyForm .textAreaWrap .textareaBox { width: 400px; }
.commentReplyForm .submit { margin-left: 46px; padding-top: 5px; }

.commentForm { padding: 10px 0; }
.commentForm .formLabel { text-align: right; width: 70px; line-height: 25px; }
.commentForm .formField { margin-left: 80px; }
.commentForm .textareaBox { width: 396px; height: 100px; padding: 2px; line-height: 20px; }
.commentForm .formButton { margin-left: 80px; }
.commentForm .smileWrap { width: 400px}
.commentForm .smile { top: 0; top: 1px; right: -84px;}

/* Commen element */
.actions { padding: 10px;}
.actions li { padding: 5px 0; }
.actions li em { padding: 0 5px; color: #999; }
.actions .create { padding: 5px; overflow: hidden; zoom: 1; }
.actions .create a { border: solid #4E000B  1px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; padding: 5px 10px; *padding: 3px 10px; float: left; display: block; background: #c30; color: #fff; line-height: 16px; *line-height: 20px; }
.cellMenu .add { float: left; display: block; width: 16px; height: 16px; background: url(Icons/icons_white.gif) no-repeat 0 -16px; }
.symmetry li { width: 40%; display: block; height: 1.2em; overflow: hidden; float: left; padding: 5px 5%;}

/* Content toolbar */
.toolbar { padding: 10px; margin-bottom: 10px; border-bottom: solid #ddd 1px; overflow: hidden;}
.toolbarItem { padding: 0 10px; float: left;  line-height: 16px;}
.toolbar .checkAll { vertical-align: top;}
.toolbar .setRead, .toolbar .setNoRead, .toolbar .delet {}
.toolbar .batchDelet {}
.toolbar .write, .toolbar .taxis, .toolbar .attribute, .toolbar .seeSwitch, .toolbar .export{ float: right; }
.toolbar .seeSwitch a { padding-left: 10px; }
.toolbar .seeSwitch a.current, .toolbar .seeSwitch a.current:hover { font-weight: bold; color: #333; cursor: text; text-decoration: none; }

.filterList {}
.operationList {}
.browseOption {}
.unitList {}

/* Cell block */
.cellMenu {
	width: 140px;
	float: left;
	padding: 10px 0 10px 10px;
	overflow: hidden;
}
.cellGroup { margin-bottom: 5px; }
.cellMenu h4 { padding: 5px; font-weight: bold; margin-bottom: 10px; }
.cellMenu .edit { float: right; font-weight: normal; }
.cellMenu li { padding: 5px 0 5px 10px; display: block; }
.cellMenu li.current { border: solid #ddd 1px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; background: #eee; }
.cellMenu li em { padding-left: 3px; color: #999; }
.cellMenu .create { padding: 5px; overflow: hidden; zoom: 1; }
.cellMenu .create a { border: solid #4E000B  1px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; padding: 5px 10px; *padding: 3px 10px; float: left; display: block; background: #c30; color: #fff; line-height: 16px; *line-height: 20px; }
.cellMenu .add { float: left; display: block; width: 16px; height: 16px; background: url(Icons/icons_white.gif) no-repeat 0 -16px; }
.cell {
	margin: 0 0 0 160px;
	padding: 10px;
	width: 770px;
	overflow: hidden;
}
.cell .formRow { clear: right; }

/* Ico */
.icon { width: 16px; height: 16px; display: block; float: left; margin-right: 2px; background-image: url(Icons/icon.gif);}

.topIco {  background-position: 0 -32px; }
.goodIco { background-position: -32px -32px; }
.flagIco { background-position: -64px -32px; }
.keyIco { background-position: -96px -32px; }
.lockIco {  background-position: -128px -32px; }
.userKeyIco { background-position: -96px -96px; }
.wonderfulIco {}
.icoSetRead { background-position: 0 0; }
.icoSetNoRead { background-position: -32px 0; }
.icoWrite { background-position: -96px 0; }
.icoDel { background-position: -160px -32px; }
.icoPublic { background-position: 0 -96px;}
.icoPrivate {background-position: -32px -96px;}
.icoBitPrivate {background-position: -64px -96px;}
.icoPassword {background-position: -96px -96px;}
.icoAdd { background-image: url(Icons/icons_blue.gif); background-position: 0 -16px; }

.icoBlogAdd { background: url(Icons/blog_add.gif) no-repeat left center; }
.icoAavoriteAdd { background: url(Icons/icon_favorite_add.gif) no-repeat left center; }
.icoFileAdd { background: url(Icons/file_upload.gif) no-repeat left center; }
.icoLinkWriteNewMessage { background: url(Icons/icon_message_create.gif) no-repeat left center; }
.icoLinkInbox { background: url(Icons/icon_inbox.gif) no-repeat left center;}
.icoLinkSent { background: url(Icons/icon_outbox.gif) no-repeat left center;}
.icoLinkTrash { background: url(Icons/trash.gif) no-repeat left center;}
.icoLinkInvite { background: url(Icons/icon_friendAdd.gif) no-repeat left center;}
.icoLinkInviteSend { background: url(Icons/icon_SendedInvites.gif) no-repeat left center; }
.icoLinkInviteReceive { background: url(Icons/icon_ReceivedInvites.gif) no-repeat left center; }
.icoLinkInviteAccept { background: url(Icons/icon_AcceptInvite.gif) no-repeat left center;}
.icoLinkInviteRefuse { background: url(Icons/icon_RefuseInvite.gif) no-repeat left center;}
.icoLinkFriend { background: url(Icons/icon_friend.gif) no-repeat left center; }
.icoLinkFriendAll { background: url(Icons/user_connection.gif) no-repeat left center; }
.icoLinkFriendLink { background: url(Icons/user_link.gif) no-repeat left center; }
.icoLinkContact { background: url(Icons/icon_contact.gif) no-repeat left center; }
.icoLinkContactAll { background: url(Icons/icon_contact_all.gif) no-repeat left center; }
.icoLinkAttach { background: url(Icons/attach.gif) no-repeat left center; }
.icoLinkEdit { background: url(Icons/icon_edit.gif) no-repeat left center ;}
.icoLinkComment { background: url(Icons/comment.gif) no-repeat left center ; }
.icoLinkCommentManage { background: url(Icons/comment_manage.gif) no-repeat left center; }
.icoLinkCommentGood { background: url(Icons/icon_GoodAppraisement.gif) no-repeat left center ; }
.icoLinkCommentNotBad { background: url(Icons/icon_MiddleAppraisement.gif) no-repeat left center ; }
.icoLinkCommentBad { background: url(Icons/icon_BadAppraisement.gif) no-repeat left center ; }
.icoLinkConnection { background: url(Icons/user_connection.gif) no-repeat left center;}
.icoLinkConcessionary { background: url(Icons/icon_ConcessionaryUser.gif) no-repeat left center;}
.icoLinkBookmark { background: url(Icons/icon_favorite.gif) no-repeat left center;}
.icoLinkDownloadCard { background: url(Icons/icon_vcard.gif) no-repeat left center;}
.icoLinkSendMessage { background: url(Icons/icon_sendMessage.gif)  no-repeat left center;}
.icoLinkReplyMessage { background: url(Icons/icon_ReplyMessage.gif)  no-repeat left center;}
.icoLinkCheck { background: url(Icons/check.gif) no-repeat left center; }
.icoLinkPloughunder { background: url(Icons/bomb.gif) no-repeat left center;}
.icoLinkWriteComment {  background: url(Icons/icon_createAppraise.gif) no-repeat left center;}
.icoLinkManageComment {  background: url(Icons/comment_manage.gif) no-repeat left center;}
.icoLinkFlag { background: url(Icons/flag.gif) no-repeat left center; }
.icoLinkFlagRed { background: url(Icons/flag_red.gif) no-repeat left center; }
.icoLinkDel { background-image: url(Icons/icon_trashbox.gif); background-repeat: no-repeat; background-position: left center; * background-position: 0 -1px; }
.icoLinkAlreadyRead { background-image: url(Icons/icon_message_isread.gif); background-repeat: no-repeat; background-position: left center; * background-position: 0 -3px; }
.icoLinkNoRead { background-image: url(Icons/icon_message_notread.gif); background-repeat: no-repeat; background-position: left center; * background-position: 0 -4px; }
.icoLinkWriteArticle { background: url(Icons/icon_write.gif) no-repeat left center; }
.icoLinkManageArticle { background: url(Icons/article_manage.gif) no-repeat left center; }
.icoLinkTag { background: url(Icons/tag.gif) no-repeat left center; }
.icoLinkTagManage { background: url(Icons/tag_manage.gif) no-repeat left center; }
.icoLinkSet { background: url(Icons/icon_setting.gif) no-repeat left center; }
.icoLinkYes { background: url(Icons/icon_true.gif) no-repeat left center; }
.icoLinkNo { background: url(Icons/icon_false.gif) no-repeat left center; }
.icoLinkPhotoAnotherSize { background: url(Icons/icon_viewsizes.png) no-repeat left center; }
.icoLinkPhotoProperty { background: url(Icons/icon_viewexif.png) no-repeat left center; }
.icoLinkPhotoExif { background: url(Icons/icon_viewexif.gif) no-repeat left center; }
.icoLinkPhotoUpload { background: url(Icons/image_upload.gif) no-repeat left center; }
.icoLinkPhotoManage { background: url(Icons/image_manage.gif) no-repeat left center; }
.icoLinkPhotoSize { background: url(Icons/image_size.gif) no-repeat left center; }
.icoLinkAlbumManage { background: url(Icons/album_manage.gif) no-repeat left center; }
.icoLinkUpload { background: url(Icons/upload.gif) no-repeat left center; }
.icoLinkDownload { background: url(Icons/download.gif) no-repeat left center; }

.icoLinkConfigure { background: url(Icons/icon_configure.gif) no-repeat left center; }
.icoLinkhelp { background: url(Icons/help_hover.gif) no-repeat left center; }
.icoLinkAdd { background: url(Icons/add.gif) no-repeat left center; }

.icoLinkFavorite { background: url(Icons/icon_favorite.gif) no-repeat left center; }
.icoLinkArchives { background: url(Icons/archives.gif) no-repeat left center; }
.icoLinkPortrai { background: url(Icons/portrai.gif) no-repeat left center; }
.icoLinkSkin { background: url(Icons/skin.gif) no-repeat left center; }
.icoLinkSpeaker { background: url(Icons/icon_speaker.gif) no-repeat left center; }

/* DataGrid */
.tableGrid { width: 100%; margin-bottom: 10px; overflow: hidden;  }
.tableGrid th { padding: 5px; line-height: 20px; vertical-align: top; color: #999; white-space: nowrap; word-break: break-all; }
.tableGrid td { padding: 5px; line-height: 20px; vertical-align: top; /*white-space: nowrap;*/ word-break: break-all; overflow: hidden; table-layout: fixed; }
/*.tableGrid td div { white-space: normal; word-wrap: break-word; }*/
.gridHeader th { border-bottom: solid #ddd 1px; color: #999; }
.gridItem td {  border-bottom: solid #ddd 1px; }
.gridAltItem td { border-bottom: solid #ddd 1px;  background-color: #f0f0f0;}
.gridEditItem td {}
.gridSelectedItem td { border-bottom: solid #ddd 1px;  background-color: #ccc; }
.gridFooter td { color: #999;}
.gridItem:hover td, .gridAltItem:hover td { background: #f5f5f5; }

/* Tag Styles */
.hotTag { padding: 10px; overflow: hidden; zoom: 1; }
.hotTag li { display: block; float: left; white-space: nowrap; height: 20px; padding: 5px 10px 0 0; }
.hotTag li a { white-space: nowrap; }
.hotTag li em { padding-left: 3px; color: #999; }
.tagsClouds { padding: 10px; }
.tagsClouds span { line-height: 2em; padding: 0 5px; }
.tagLevel10 a { color: #ff6f28; font-size: 30px; }
.tagLevel9 a {color: #a1ca00; font-size: 28px; }
.tagLevel8 a {color: #00afca; font-size: 26px;}
.tagLevel7 a { color: #2988a4; font-size: 24px; }
.tagLevel6 a { color: #ff5858; font-size: 22px; }
.tagLevel5 a { color: #a03ee9; font-size: 20px; }
.tagLevel4 a { color: #c43e00; font-size: 18px; }
.tagLevel3 a { color: #52a32a; font-size: 16px; }
.tagLevel2 a { color: #882254; font-size: 14px; }
.tagLevel1 a { color: #069; font-size: 12px;}
.tagLevel10 a:hover { background: #ff6f28; color: #fff; font-size: 30px; text-decoration: none; }
.tagLevel9 a:hover { background: #a1ca00; color: #fff; font-size: 28px; text-decoration: none; }
.tagLevel8 a:hover { background: #00afca; color: #fff; font-size: 26px; text-decoration: none; }
.tagLevel7 a:hover { background: #2988a4; color: #fff; font-size: 24px; text-decoration: none; }
.tagLevel6 a:hover { background: #ff5858; color: #fff; font-size: 22px; text-decoration: none; }
.tagLevel5 a:hover { background: #a03ee9; color: #fff; font-size: 20px; text-decoration: none; }
.tagLevel4 a:hover { background: #c43e00; color: #fff; font-size: 18px; text-decoration: none; }
.tagLevel3 a:hover { background: #52a32a; color: #fff; font-size: 16px; text-decoration: none; }
.tagLevel2 a:hover { background: #882254; color: #fff; font-size: 14px; text-decoration: none; }
.tagLevel1 a:hover { background: #069; color: #fff; font-size: 12px; text-decoration: none; }

/* Paging */
.pages { padding: 5px 10px; }
.paginator { text-align: center; padding: 5px 0; }
.paginator a, .paginator span { border: solid 1px #ddd; background: #fff; padding: 2px 6px; }
.paginator a:hover { background: #f5f5f5; border-color: #999; text-decoration: none; }
.paginator .atStart { margin-right: 10px; color: #999; }
.paginator .prev { margin-right: 10px;}
.paginator .next { margin-left: 10px; }
.paginator .atEnd { margin-left: 10px; color: #999; }
.paginator .thisPage { border-color: #333; font-weight: bold; }
.paginator .break { border: none; background: none; text-decoration: none; }
.pages div.results { text-align: center; color: #aaa; padding: 5px 0; }

/* Account Information */
.account { padding: 10px; }
.account h4 { padding: 5px; border-bottom: solid #ddd 1px; font-weight: bold; color: #999; }
.account p { line-height: 20px; text-indent: 2em; padding: 5px 0; }
.account dl.abreast { overflow: hidden; zoom: 1; }
.account dl.abreast div { width: 49%; padding: 0; overflow: hidden; zoom:1; float: left;}
.account dl.abreast dt, .account dl.abreast dd { padding: 0; line-height: 25px; }
.account dl div { padding: 3px 0 2px; overflow: hidden; zoom:1; }
.account dt { color: #999; line-height: 20px }
.account dd { line-height: 20px; break-all; overflow: hidden; display: block; }
.main .account dt { width: 35%; float: left; text-align: right; }
.main .account dd { margin-left: 35%; }

/* statistics */
.statistics { padding: 10px; }
.statistics h4 { padding: 5px; border-bottom: solid #ddd 1px; font-weight: bold; color: #999; }
.statistics dl {}
.statistics dl div { padding: 3px 0 2px; }
.statistics dt { color: #999; padding: 5px 0; width: 35%; float: left; text-align: right; }
.statistics dd { padding: 5px 0; margin-left: 35%;word-break: break-all; overflow: hidden; display: block;  }

/* Story list */
.storyFirst { padding: 5px 10px; }
.storyFirstImg { padding: 0 10px 5px 0; float: left; }
.storyFirst h4 { line-height: 18px; font-weight: bold; }
.storyFirst cite,
.storyFirst cite a,
.storyFirst cite a:hover { line-height: 18px; color: #999; }
.storyFirst p { line-height: 18px; padding: 5px 0; }
.generalList { padding: 10px 0px; border-bottom: solid #ddd 1px; }
.generalListImg { padding: 0 10px 5px 0; float: left; position: relative; overflow: visible; }
.generalListImg a { display: block; border: solid #fff 1px; }
.generalListImg a:hover { border-color: #ccc; }
.generalListImg a, .generalListImg a:hover { color: #999; text-decoration: none; }
.generalListImg i { display: block; width: 100px; height: 75px; background: #f5f5f5; border: solid #ccc 1px; text-align: center; line-height: 75px; }
.generalListImg a:hover i { border-color: #f5f5f5; }
.generalListImg a:hover i { cursor: pointer; }
.generalListImg a span { display: none; }
.generalListImg a:hover span { display: block; position: absolute; left: 103px; top: 0; background: url(Images/box_arrow.gif) no-repeat 0 -480px; padding: 0 0 0 8px; float: left; }
.generalListImg a:hover span span { background: #fff url(Images/ajaxloading.gif) no-repeat center center; border: solid #ccc 1px; border-left-width: 0; position: static; right: inherit; padding: 1px; min-width: 36px; min-height: 36px; _width: 36px; _height: 36px; }
.generalListImg .portrait {
	
}
.generalList .ui-stars-show { float: right; }
.generalList .icon { float: left; margin-right: 5px; }
.generalList h4 { line-height: 20px; font-weight: bold; }
.generalList cite { display: block; line-height: 20px; color: #999; }
.storyUtil { text-align: right; }
.storyUtil li { padding-right: 10px; display: inline; line-height: 18px; color: #999; }
.generalList p { line-height: 20px;  padding: 5px 0; word-break:break-all; overflow: hidden; zoom:1;}
.storyList { padding: 10px 5px; }
.storyList li {
	padding: 5px 0px;
	/*background-image: url(/Themes/Channels/Default/Appearances/Default/Images/ico_title.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 8px;*/
	clear: both;
	overflow: hidden;
	height: auto;
	zoom:1;
}
.storyList cite { padding-left: 10px; white-space: nowrap; }
.storyList cite, .storyList cite a, .storyList cite a:hover {
	color: #999;
}

/* Story Rank Top ten */
.storyTopTen { padding: 10px; }

/* Share */
.discoverNews { padding: 10px 0; }
.discoverDiggArea { float: left; width: 50px; }
.discoverDigg { text-align: center; }
.discoverCount { margin-bottom: 6px; }
.discoverCount a { display: block; height: 40px; padding-top: 10px; text-align: center; background: url(Images/digg.png) no-repeat; }
.discoverCount a:hover { background-position: -60px 0; text-decoration: none; }
.discoverVote a { background: url(Images/digg.png) no-repeat 0 -55px; display: block; text-align: center; line-height: 22px; text-decoration: none; }
.discoverVote a:hover { text-decoration: none; background-position: -60px -55px; }
.discoverVote .ed { color: #999; line-height: 22px; }
.newsBody { margin-left: 60px; }
.newsBody h1 { padding: 5px; border-top: solid #ddd 1px; background: #f5f5f5; font-weight: bold; }
.newsBody h2 { font-weight: normal; line-height: 25px; color: #999; }
.newsSummary { line-height: 25px; color: #999; }
.newsContent { line-height: 20px; overflow: hidden; zoom: 1; }
.newsContentImg { float: left; padding: 5px; }
.newsKeyword{ line-height: 25px; color: #999; }
.newsTools{ line-height: 25px; color: #999; }
.newsTools .comments { background: url(Icons/comment.gif) no-repeat left center; padding-left: 20px; }

/* Add Edit Share */
.addShare { padding: 10px; width: 550px }
.addShare .textBox { width: 400px; }
.addShare .textareaBox { width: 400px; line-height: 20px; height: 60px; }
.bookmarkList { padding: 10px; }
.bookmarkAdd { padding: 10px; }
.bookmarkAdd .toggler { margin: 0 50px; }
.bookmarkAdd .formLabel { width: 120px; }
.bookmarkAdd .formField, .bookmarkAdd .formButton { margin-left: 130px; }

/* Rss */
.subscription { padding: 10px; }
.subscription li { padding: 5px 0 5px 20px; display: block; background: url(Images/SmallRss.gif) no-repeat left center; }

/* Person */
div.portrait { width: 160px; height: 160px; padding: 1px; background: #fff; border: solid #ddd 1px; margin: 0 auto; }
.headPortrait, span.portrait { width: 46px; height: 46px; padding: 1px; border: solid #ddd 1px; display: block; overflow: hidden; }

.personList { padding: 10px 0px; }
.personList .person { width: 60px; padding: 0 4px 10px; float: left; overflow: hidden; }
.personList .person span { display: block; text-align: center; }
.personList .person span.portrait { margin: auto; }
.personList span.name { line-height: 15px; word-break: break-all; overflow: hidden; display: block; padding: 5px 0; text-align: center; }
.personList cite { color: #999; line-height: 15px; word-break: break-all; overflow: hidden; display: block; text-align: center; }
.sidebar .personList .person { width: 64px; padding: 0 4px 10px; }

.cardList { padding: 10px;}
.cardList .card { width: 33.3%; float: left; margin-bottom: 10px; }
.cardList .cardWrapper { padding: 10px; margin: 0 5px; height: 50px; border: solid #ddd 1px; }
.cardList span.portrait { float: left; margin-right: 10px; }
.cardList span.name { height: 20px; line-height: 20px; font-weight: bold; overflow: hidden; display: block; }
.cardList cite { height: 30px; line-height: 15px; color: #999; overflow: hidden; display: block; }
.profileList {}

.lightPerson { padding: 10px; }
.lightPersonFix { padding: 5px 0; }
.lightPersonFix span.portrait { float: left; }
.lightPersonInfo { margin-left: 60px; line-height: 20px; }
.lightPersonInfo .name { font-weight: bold; }
.lightPersonInfo em { padding: 0 10px; color: #999; white-space: nowrap; }
.lightPersonText p {
	word-wrap:break-word; width:100px;
	}

.personRank { padding: 10px; }
.personRank ol { background: url(Images/rank.png) no-repeat -4px -220px; padding-left: 20px; }
.personRank li { height: 30px; line-height: 30px; padding-bottom: 10px; overflow: hidden; }
.personRank li span.portrait { height: 26px; width: 26px; float: left; }
.personRank li span.portrait img { width: 26px; height: 26px; }
.personRank li .name { padding: 0 10px; }
.personRank li em { float: right; color: #999; display: block; }
.personRank li em.coins { padding-right: 20px; background: url(Icons/coins.gif) no-repeat right center; }

/* FriendInvitation */
.friendInvitation { width: 380px; padding: 10px; }
.friendInvitation h4 { padding: 5px; font-weight: bold; border-bottom: solid #ddd 1px; }
.friendInvitation small { color: #999; font-weight: normal; }
.friendInvitation p { padding: 5px; }
.friendInvitation .textareaBox { width: 365px; height: 60px; line-height: 20px; }
.friendInvitation .submit { padding: 5px; text-align: right; }

/* Photo list */
.photoGrid { padding: 10px;}
.photoGrid .photoCell { width: 100px; float: left;padding: 0 7px 10px; text-align: center; overflow: hidden; }
.sidebar .photoGrid .photoCell { padding: 0 9px 10px 0; }
.photoGrid span.photoLink { display: block;}
.photoCell span.name { padding-top: 5px; display: block; line-height: 15px; word-break: break-all; overflow: hidden; }
.photoCell cite { display: block; line-height: 15px; color: #999; padding: 5px 0 0; }
.photoSquareGrid { padding: 10px 0 10px 18px;}
.photoSquareGrid li { display: block; width: 75px; height: 75px; padding: 0 10px 10px 0; overflow: hidden; float: left; }

/* Photo container */
.photoContainer { padding: 10px; }
.photoThumb { padding: 5px; border-bottom: solid #ddd 1px; margin-bottom: 10px; }
.photoThumb a { padding: 0 10px; }
.photoThumb em { float: right; }
.photoCase { padding: 10px 0; text-align: center; }
.photoContainer h1 { text-align: center; padding: 5px; font-weight: bold; }
.photoContainer h2 { padding: 10px 0; border-top: solid #ddd 1px; color: #999; }
.photoContainer h2 a { padding: 0 10px; }
.photoDescription, .photoDescription p { padding: 10px; line-height: 20px }

/* photoNote */
.photoNote {}
.detailsContainer .tipWrap { margin-left: 6px; width: 480px; }
.note { display: none; border: 5px solid #666; overflow: hidden; position: absolute; z-index: 0; cursor: default; }
.notep { display: none; border: solid #666 1px; background: #000; color: #fff; padding: 5px; position: absolute; cursor: text; } 
.photoNoteSelect { clear: both; z-index: 102; position: absolute; border: 1px solid #ccc; background: #fff; color: #333; width: 150px; height: 300px; margin-left: 10px; padding: 10px; }
.photoNoteSelect p { padding: 3px 0; }
.photoNoteList { padding: 10px; margin-bottom: 10px; }
.photoNoteList h4 { padding: 5px 0; }
.photoNoteList p { line-height: 20px; }
.photoNoteList .usertag { padding: 0 10px 0 0; }
#ns-container { height: 160px; padding: 3px; overflow: auto; margin: 5px 0; background: #f5f5f5; border: solid #ddd 1px; }
#ns-container li { padding: 3px 0; * padding: 0; }
#ns-container li input { vertical-align: middle; }
.imgareaselect-border1 {}

/* from layout */
.editor { width: 100%; border: 0px; border-collapse: collapse; border-spacing: 0px; }
.editor th { font-weight: normal; text-align: right; width: 120px; padding: 5px; vertical-align: top; line-height: 20px; }
.editor td { padding: 5px; vertical-align: top; line-height: 20px; }
.editor td small { color: #999; padding: 0 10px; }
.editor .length { width: 300px; }
.expediteEditor h4 { padding: 5px; margin-bottom: 5px; border-bottom: solid #ddd 1px; }
.expediteEditor .annotation { padding: 5px; }

.form { padding: 10px; }
.formRow { padding: 5px 0; clear: both; }
.formLabel { width: 35%; line-height: 25px; text-align: right;  float: left;}
.formField { margin-left: 36%;  line-height: 25px; }
.formField .verifyCode { padding: 0 5px 5px 0; }
.formField img { vertical-align: middle; }
.formHint {  color: #999; padding: 0 10px; }
span.formHint {display: block; line-height: 20px;}
em.formHint { line-height: 25px; }
.editor .sure, .formField .sure, .editor label.error { color: #f00; padding: 0 5px; }
.formButton { margin-left: 36%; }

/* from style */
.textBox { border: solid #ddd 1px; padding: 2px 1px; vertical-align: baseline; * vertical-align: middle; }
.textBoxWaterMarked { background-color: #F0F8FF; color: gray; }
.SearchBox { border: solid #ddd 1px; margin: 0; padding: 3px 1px 2px; }
.passwordBox { border: 1px solid #ccc; }
.radiobutton { vertical-align: middle;}
.checkbox { vertical-align: middle;}
.dropDownList { border: solid #ddd 1px; padding: 1px }
.textareaBox { border: 1px solid #ddd; overflow: auto; padding: 2px 1px; }
.fileUpload { background: transparent; border: 1px solid #ccc; padding: 2px 1px; }
.noteRequired { padding: 0 5px; color: #f00; }
.length {}
.inputSubmit, .inputCancel { padding: 2px 6px 1px; * + padding: 3px 6px 0px; vertical-align: baseline; * vertical-align: middle; border-style: solid; border-width: 1px; }
/*.inputSubmit, .inputCancel { width: auto; _width: 0; overflow: visible !ie; }*/
.inputSubmit, a.submit { border-color: #FF6B82 #4E000B #4E000B #FF6B82; background: #c30; color: #fff; }
.inputCancel, a.cancel { border-color: #e5e5e5 #666 #666 #e5e5e5; background: #f5f5f5; color: #333; } 
a.submit, a.cancel { * display: inline-table; padding: 3px 6px 2px; * + padding: 4px 6px 1px; border-style: solid; border-width: 1px; }
a.submit:hover { text-decoration: none; border-color: #4E000B #FF6B82 #FF6B82 #4E000B; color: #fff; }
a.cancel:hover { text-decoration: none; border-color: #666 #e5e5e5 #e5e5e5 #666; }
.form .defaultSkin { float: left; }

/* form validate */
form label.error, .form label.error { color:#f00;}
form input.error, .form input.error { border: 1px dotted red; }
form input:focus, .form input:focus { border: solid #ddd 1px;  }

/* Bulk upload */
.fileUploadForm { padding: 10px; }
.progressWrapper { overflow: hidden; }
.progressContainer { margin: 5px 0; padding: 5px; border: solid 1px #ddd; background: #f5f5f5; overflow: hidden; }
.fileUploadForm .message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; }
.fileUploadForm .red { border: solid 1px #B50000; background-color: #FFEBEB; }
.fileUploadForm .green { border: solid 1px #DDF0DD; background-color: #EBFFEB; }
.fileUploadForm .blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; }
.progressName { height: 15px; line-height: 15px; white-space: nowrap; overflow: hidden; }
.progressBarInProgress,
.progressBarComplete,
.progressBarError { font-size: 0; width: 0%; height: 5px; background: url(Images/bg_x.png) repeat-x 0 -150px; margin-top: 2px; }
.progressBarComplete { width: 100%; background-color: green; visibility: hidden; }
.progressBarError { width: 100%; background-color: red; visibility: hidden; }
.progressBarStatus { height: 15px; line-height: 15px; padding: 5px 0; white-space: nowrap; color: #999; }
a.progressCancel { font-size: 0; display: block; height: 8px; width: 8px; background: url(Images/del.gif) no-repeat 0 0; float: right; }
a.progressCancel:hover { background-position: 0px -30px; cursor: pointer; }
.swfupload { vertical-align: top; }
.fileUploadForm div.fieldset { border: 1px solid #ddd; padding: 10px; margin-bottom: 10px; }
.fileUploadForm div.fieldset span.legend { padding: 5px; }
.fileUploadForm div.flash { width: 500px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.progressAct { padding: 5px; }
.progressCancel { width: 65px; height: 29px; background: url(Images/bg.png) no-repeat -280px -10px; border: 0px; }
.fileUploadForm .legend { padding: 5px; }
.uploadMode { float: right; }

/* annex */
.annex { padding: 5px; border: solid #ddd 1px; width: 510px; }
.annexUpload { padding: 0 0 5px; }
.annexUpload p { padding: 5px; }
.annexUpload dfn { display: block; width: 90px; float: left; text-align: right; line-height: 25px; }
.annexItem { padding: 0 0 5px; border-top: solid #ddd 1px; }
.annexItem li { display: block; overflow: hidden; zoom: 1; border-bottom: solid #ddd 1px; padding: 5px; }
.annexItem li:hover { background: #f5f5f5; }
.annexImg { width: 50px; display: block; float: left; }
.annexInfo { margin: 0 110px 0 60px; display: block; }
.annexName, .annexTime, .annexInsertDel, .annexSet { display: block; line-height: 24px; height: 24px; overflow: hidden; }
.annexTime { color: #999; }
.annexAct { display: block; float: right; width: 100px; }
.annexFix { padding: 5px 0; margin-top: 10px; }
.annexFix * { font-size: 12px; }
.annexShow { line-height: 20px; padding: 5px; }
.annexSize { color: #999; }
.hideDescription { padding: 5px; }

/* Tag Suggestion */
#advanceSettingOutDiv { * position: relative; }
.attachApplicationTag { position: relative; z-index: 75; }
.attachApplicationTag span.tagMatches { left: 0px; top: 21px; * top: 22px; }
.attachTag { position: relative; z-index: 75; width: 360px; height: 20px; border: solid #ddd 1px; background-color: #fff; }
.attachTag input.tagBox { border: none; width: 280px; height: 20px; line-height: 20px; position: absolute; z-index: 76; left: 2px; }
.attachTag input.tagBox:focus { border: none; }

span.tagMatches { display: block; position: absolute; z-index: 77; top: 21px; left: -1px; width: 165px; max-height: 180px; line-height: 0px; font-size: 0px; overflow: auto; }
span.tagMatches span { display: block; background: #f5f5f5; border: solid #ddd 1px; border-bottom-color: #e8e8e8; border-top: none; line-height: 19px; padding-left: 2px; cursor: pointer; font-size: 12px; }
span.tagMatches span:hover { background: #c30; color: #fff; text-decoration: none; }
.myTagSwitch { display: block; position: absolute; z-index: 78; top: 2px; right: 2px; width: 64px; height: 19px; _height: 13px; line-height: 1em; padding: 2px 0 0 6px; * padding: 4px 0 0 6px; background: url(Images/bg.png) no-repeat -10px -450px; }
.myTagSwitch:hover { text-decoration: none; }
.myTag { position: absolute; z-index: 78; top: 20px; right: -1px; border: solid #ddd 1px;  width: 190px; height: 180px; background: #f5f5f5; }
.myTag div { height: 160px; overflow: auto; }
.myTag span { display: block; line-height: 19px; height: 19px; overflow: hidden; border-bottom: solid #e8e8e8 1px; padding-left: 2px; cursor: pointer; }
.myTag span:hover { background: #c30; color: #fff; text-decoration: none; }
.myTag span.close { position: absolute; z-index: 79; line-height: 20px; text-align: right; bottom: 0px; padding-left: 10px; }
.myTag span.close:hover { background: none; color: #4E000B ; text-decoration: underline; }

/* expressional symbol  */
.smileWrap { position: relative; z-index: 80; height: 0; overflow: visible; line-height: 0; font-size: 0;}
.smile { padding: 7px 5px 0 26px; height: 17px; line-height: 1em; font-size: 12px; background: #f5f5f5 url(Images/smile.gif) no-repeat left center; border: solid #ddd 1px; position: absolute; z-index: 81; top: -24px; right: -2px; width: 50px; }
.smile a:hover { cursor: pointer; }
.expression { position: absolute; z-index: 82; top: 1px; right: -2px; width: 340px; background: #fff; line-height: 1em; font-size: 12px; border: solid #ddd 1px; }
.expression .tabs { padding: 3px; margin: 0; }
.expressionWrap { width: 320px; max-height: 150px; _height: 150px; overflow-y: auto; zoom: 1; }
.expressionWrap span { padding: 5px; cursor: pointer; height: 20px; display: block; float: left; }
.expressionWrap span img { width: 20px; height: 20px; }
.expressionLarge { padding-top: 5px; overflow: hidden; zoom: 1; }
.expressionLarge span { display: block; float: left; padding: 10px; border: solid #ddd 1px; }
.expressionContext { text-align: right; }
.expressionContext a { padding: 0 5px; }
#nyroModalContent .expression { position: static; top: auto; right: auto; border: none; margin: auto; }

/* selectFriend */
.selectFriend { border: solid #ddd 1px; background-color: #fff; width: 400px; padding-left: 2px; position: relative; z-index: 90; height: 20px; }
.friendSelected { width: 320px; border: none; line-height: 20px; height: 20px; position: absolute; left: 2px; z-index: 92; }
.selectFriend input:focus { border: none; }
.selectFriendButton { display: block; width: 51px; height: 22px; line-height: 22px; overflow: hidden; padding: 0 0 0 19px; position: absolute; z-index: 91; top: 1px; right: 1px; background: url(Images/bg.png) no-repeat; background-position: -100px -449px; * background-position: -100px -450px; }
.selectFriendBox { width: 402px; }
.selectFriendHeader { padding: 2px 5px; overflow: hidden; border-bottom: solid #ddd 1px; zoom: 1; color: #999; line-height: 25px; }
.selectFriendGroup { float: right; }
.selectFriendList { }
.selectFriendList ul { max-height: 190px; _height: 190px; padding: 5px 0 10px; overflow: auto; zoom: 1; }
.selectFriendList li { height: 15px; width: 115px; padding: 10px 10px 0 0; display: block; float: left; overflow: hidden; }
.selectFriendList li input { float: left; }
.selectFriendList li label { display: block; margin-left: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.selectFriendBox .submit { padding: 10px 10px 10px 0; text-align: right; border-top: solid #ddd 1px; }
.selectFriendBox span.checkAll { float: left; }

/* Volume settings */
.volumeSettings {}
.volumeSettings .toolbarItem { line-height: 25px; padding: 0; margin: 0; }
.volumeSettings li.volumeMenu { float: right; padding: 0 5px; text-align: center; width: 110px; }
.volumeSettings li.current { position: relative; padding: 0 4px; border: solid #ddd 1px; border-bottom-width: 0; background: #fff; margin-bottom: -1px; }
.volumeSettingsForm { padding: 10px 10px 10px 220px; border: solid #ddd 1px; clear: both; }
.volumeSettingsForm div.submit { padding-top: 10px; }
#photoUserCategoryDropdownListDiv { display: inline; }

/* Share to Club */
.shareToClub { width: 625px;}
.shareToClub .formLabel { width: 90px; }
.shareToClub .formField, .shareToClub .formButton { margin-left: 95px; }
.clubListSelect { padding: 5px 0 5px 5px; min-height: 20px; max-height: 60px; overflow: auto; border: solid #ddd 1px; }
.clubListSelect li { width: 150px; padding-right: 10px; line-height: 20px; height: 20px; overflow: hidden; display: block; float: left; }
.shareCont h4 { line-height: 20px; font-weight: bold; }
.shareCont cite { line-height: 20px; display: block; color: #999; margin-bottom: 5px; }
.shareCont .textareaBox { width: 506px; height: 60px; }

/* hint */
.genericHint, .problemHint, .completeHint, .errorHint { margin: 10px 0;  padding: 5px 10px;line-height: 20px; }
.genericHint p, .problemHint p, .completeHint p, .errorHint p { line-height: 20px; margin: 5px 0; text-indent: 2em; }
.genericHint li, .problemHint li .completeHint li, .errorHint li { list-style: square; line-height: 20px; list-style-position: outside; margin-left: 2em; }
span.genericHintIco, span.problemHintIco, span.completeHintIco, span.errorHintIco { width: 20px; height: 16px; float: left; display: block; background: url(Icons/icons.png); }
.genericHint { border: solid #ddd 1px; background: #eee; }
.problemHint { border: solid #f6ec5a 1px; background: #fefae0; }
.completeHint { border: solid #9bd159 1px; background: #e7fad0; }
.errorHint { border: solid #ac1a2f 1px; background: #feeee9; color: #ac1a2f; }
.round { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }

.hintFix { position: relative; z-index: 85; }
.hintBox { position: absolute; z-index: 86; top: 0; left: 323px; width: 300px; }
.hintBoxCont, .hintBoxText, .hintBottom, .hintBottomLeft { background-image: url(Images/hintbox.png); background-repeat: no-repeat; }
.hintBoxCont { padding-right: 6px; background-position: right 0; }
.hintBoxText { padding: 4px 4px 0px 20px; line-height: 20px; }
.hintBoxText p { line-height: 13px; }
.hintBoxText h5 { border-bottom: solid #f6ec5a 1px; font-weight: bold; padding: 2px 5px }
.hintBoxText em { color: #999;  }
.hintBoxText dl { padding: 5px 10px; }
.hintBoxText dd {  font-weight: bold; padding-left: 10px; }
.hintBoxText dt { padding-left: 10px; }
.hintBottom {  padding-right: 6px; height: 4px; background-position: right bottom; }
.hintBottomLeft { height: 4px;line-height: 0px; background-position: 0 bottom; }
.hintFix label.error { display: block; }
.hintFix span.keyword { color: #f00; padding: 0 5px; }

a.del { background: url(Icons/icons.gif) no-repeat -32px -16px; width: 16px; height: 16px; display: block; text-decoration: none; cursor: pointer; float: right; line-height: 200px; overflow: hidden; }
a.del:hover {  background-image: url(Icons/icons_blue.gif) }

/* categorys */
.hotCategory { padding: 10px;}
.hotCategory li { display: block; width: 99px; padding: 5px; float: left; }
.hotCategory em { padding-left: 2px; color: #999; }

.categoryList { padding: 10px; overflow: hidden; zoom:1; }
.categoryList li { display: block; line-height: 20px; white-space: nowrap; font-weight: bold; clear: both; padding: 5px 0; border-bottom: solid #ddd 1px; }
.categoryList li ul { padding: 5px 0; }
.categoryList li li { float: left; font-weight: normal; padding: 0 10px 0 0; clear: none; border-bottom: none; }
.categoryList em { color: #999; padding: 0 5px; }

#nyroModalContent .cascadeCategory { width: 850px;}
.cascadeCategory { padding: 10px; }
.cascadeCategory ul { overflow: hidden; zoom: 1; padding: 0 0 10px; border-bottom: solid #ddd 1px; margin-bottom: 10px; }
.cascadeCategory li { display: block; padding: 5px 15px 5px 5px; height: 15px; line-height: 15px; white-space: nowrap; float: left; overflow: hidden; }
.cascadeCategory li.select { background: #f5f5f5; border: solid #ddd 1px; padding: 4px 14px 4px 4px; }
.cascadeCategory li.select a, .cascadeCategory li.select a:hover { font-weight: bold; color: #333; cursor: default; }
.cascadeCategory h4 { padding: 5px; clear: both;}
.cascadeCategory h4 a { font-weight: bold; }
.cascadeCategory em { color: #999; padding-left: 3px; font-weight: normal; }

/* school select */
.selectSchool {}
.provinces { border: solid #ddd 1px; overflow: hidden; zoom: 1; padding: 4px; margin-bottom: 6px; }
.provinces li { display: block; width: 100px; padding: 3px; * padding: 4px 5px 1px 0; float: left; overflow: hidden; white-space: nowrap; }
.provinces li.select { background: #069; }
.provinces li.select a, .provinces li.select a:hover { color: #fff; text-decoration: none; }
.schools { border: solid #ddd 1px; overflow: hidden; zoom: 1; padding: 6px; height: 230px; overflow-y: auto; }
.schools li { width: 210px; padding: 3px; float: left; }

/* Area List */
.hotArea { padding: 10px; }
.hotArea li { display: block; width: 109px; padding: 5px 0; float: left; }
.hotArea em { padding-left: 2px; color: #999; }

.areaList { padding: 10px; width: 600px; }
.areaList ul { overflow: hidden; zoom: 1; padding: 0 0 10px; border-bottom: solid #ddd 1px; margin-bottom: 10px; }
.areaList li { width: 75px; display: block; padding: 3px; height: 15px; line-height: 15px; white-space: nowrap; float: left; overflow: hidden; }
.areaList li.select { background: #f5f5f5; border: solid #ddd 1px; padding: 2px; }
.areaList h4 { padding: 3px; clear: both; font-weight: bold; }
.areaList h4 span { padding: 0 5px 0 0; }
.areaList em { color: #999; padding-left: 2px; font-weight: normal; }

/* User List */
.userList { padding: 10px; }
.userList .checkall { }
.userItem { padding: 10px 0; border-bottom: solid #ddd 1px; cursor: default; }
.userItemSelect { width: 30px; float: left; }
.userItemImg { display: block; padding: 1px; border: solid #ddd 1px; float: left; width: 160px; }
.userItemImgSmall { display: block; padding: 1px; border: solid #ddd 1px; float: left; width: 46px; height: 46px; overflow: hidden; }
.userItem .userItemImgSmall { display: none; } 
.userItemCont { margin: 0 130px 0 210px; min-height: 60px; }
.userItemName {  line-height: 25px; font-weight: bold; }
.userItemSign { background: url(Images/quote_start.gif) no-repeat left top; padding: 0 0 0 16px; line-height: 18px; overflow: hidden; zoom: 1; }
.userItemSign span { display: block; background: url(Images/quote_end.gif) no-repeat right bottom; padding-right: 20px; float: left; }
.userItemSet { border-top: solid #ddd 1px; padding-top: 5px; margin-top: 5px; }
.userItemSet .edit { padding-left: 10px; }
.userItemCont li { display: block; line-height: 20px; overflow: hidden; zoom: 1; }
.userItemCont li em { display: block; width: 90px; color: #999; float: left; }
.userItemCont li span { float: left; display: block; }
.userItemAct { width: 100px; float: right; }
.userItemAct li { display: block; padding: 2px; border-bottom: solid #ddd 1px; }
.userItem .userItemExpand { display: none; }
.userItemExpand { background: url(../../../../../Themes/SharedStyles/Images/unwrap.gif) no-repeat 26px 8px; }
.userItemExpand:hover { background-position: 26px -22px; }
.userItemFold { background: url(../../../../../Themes/SharedStyles/Images/unwrap.gif) no-repeat 26px -52px; }
.userItemFold:hover { background-position: 26px -82px; }
.small .userItemImg { display: none; }
.small .userItemImgSmall { display: block; }
.small .userItemCont { margin: 0 130px 0 90px; }
.small .userItemSign { height: 19px; }
.small .userItemContact,
.small .userItemSet,
.small .userItemActMore { display: none; }
.small .userItemExpand { display: block; }
.userGroupList { padding: 10px; }
.userGroupList .userItemCont { margin: 0 130px 0 180px; }
.userGroupList .small .userItemCont { margin: 0 130px 0 60px; }
.userGroupSelect { padding: 0 10px; width: 380px; }
.userGroupSelect h4 { padding: 0 5px 5px; border-bottom: solid #ddd 1px; margin-bottom: 10px; }
.userGroupSelect ul { overflow: hidden; zoom: 1; padding-bottom: 10px; }
.userGroupSelect ul { max-height: 150px; _height: 150px; overflow-y: auto; }
.userGroupSelect li { display: block; float: left; width: 160px; padding-right: 20px; line-height: 25px; height: 25px; overflow: hidden; }
.userGroupSelect .submit { text-align: right; padding: 5px 10px; background: #f5f5f5; }

/* movement */
.newMovement { padding: 10px; }
.movementItem { padding: 5px 0; border-bottom: solid #ddd 1px; }
.movementCont { line-height: 20px; margin-left: 60px; word-break: break-all; overflow: hidden; }
.movementItem .portrait { float: left; }
.movementItem strong { font-weight: bold; }

/* space content select */
.contSelect { width: 510px; }
.contSelectPanel { height: 345px; width: 495px; overflow: auto; padding-top: 5px; }
.contSelectPanel li { width: 95px; height: 115px; display: block; float: left;overflow: hidden; }
.contSelectPanel a { display: block; }
.contSelectPanel a:hover { cursor: pointer; text-decoration: none; }
.contSelectPanel table { border-collapse: 0; border-spacing: 0px; }
.contSelectPanel td { vertical-align: middle; width: 75px; line-height: 75px; height: 75px; text-align: center; background: #fff; padding: 4px; border: solid #ddd 1px; }
.contSelectPanel li.select td { background: #ddd; }
.contSelectPanel a:hover td { background: #ddd; }
.contSelectPanel span { line-height: 20px; height: 20px; overflow: hidden; display: block; margin-left: 20px; }
.contSelectPanel i { width: 16px; height: 16px; display: none; background: #fff url(../../../../../Themes/SharedStyles/Icons/icon_true.gif) no-repeat center center; border: solid #ddd 1px; float: left; display: none; }
.contSelectPanel li.select i { display: block; }
.contSelectPanel a:hover i { background: #fff url(../../../../../Themes/SharedStyles/Icons/icon_true_grey.gif) no-repeat center center; display: block; }
.contSelectAct { padding: 5px; border-bottom: solid #ddd 1px; }
.contSelectPhotoSet { border-top: solid #ddd 1px; padding: 5px; }
.contSelectEnter { padding: 5px; }

/* date picker */
#ui-datepicker-div, .ui-datepicker-inline { background: #f5f5f5; width: 185px; }
#ui-datepicker-div { display: none; border: solid #ddd 1px; z-index: 200; }
.ui-datepicker-inline { float: left; display: block; border: 0; }
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-dialog { padding: 5px !important; border: 4px ridge #ddd !important; }
.ui-datepicker-disabled { position: absolute; z-index: 100; background-color: white; opacity: 0.5; }
button.ui-datepicker-trigger { width: 25px; }
img.ui-datepicker-trigger { margin: 2px; vertical-align: middle; }
.ui-datepicker-prompt { float: left; padding: 2px; background: #ddd; color: #000; }
* html .ui-datepicker-prompt { width: 185px; }
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker { clear: both; float: left; width: 100%; }
.ui-datepicker-control { padding: 2px 0px; background: #e8e8e8; }
.ui-datepicker-links { padding: 2px 0px; }
.ui-datepicker-control, .ui-datepicker-links { font-weight: bold; }
.ui-datepicker-links label { padding: 2px 5px; }
.ui-datepicker-clear, .ui-datepicker-prev { float: left; width: 34%; }
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev { float: right; text-align: right; }
.ui-datepicker-current { float: left; width: 30%; text-align: center; }
.ui-datepicker-close, .ui-datepicker-next { float: right; width: 34%; text-align: right; }
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next { float: left; text-align: left; }
.ui-datepicker-header { padding: 1px 0 3px; text-align: center; font-weight: bold; height: 1.3em; }
.ui-datepicker-header select { border: 0px; font-weight: bold; color: #999; }
.ui-datepicker { text-align: center; font-size: 100%; }
.ui-datepicker a { display: block; width: 100%; }
.ui-datepicker-title-row { background: #e8e8e8; line-height: 18px; }
.ui-datepicker-days-row { background: #fff; color: #999; }
.ui-datepicker-week-col {}
.ui-datepicker-days-cell { border: 1px solid #fff; }
.ui-datepicker-days-cell a{ display: block; }
.ui-datepicker-week-end-cell { background: #f5f5f5; }
.ui-datepicker-title-row .ui-datepicker-week-end-cell { background: #e8e8e8; }
.ui-datepicker-days-cell-over { background: #fff; border: 1px solid #ccc; }
.ui-datepicker-unselectable { color: #888; }
.ui-datepicker-today { background: #ddd !important; }
.ui-datepicker-current-day { background: #d8d8d8 !important; }
.ui-datepicker-status { background: #ddd; width: 100%; font-size: 80%; text-align: center; }
#ui-datepicker-div a, .ui-datepicker-inline a { cursor: pointer; }
.ui-datepicker-inline .ui-datepicker-links a { padding: 0 5px !important; }
.ui-datepicker-control a, .ui-datepicker-links a { padding: 2px 5px !important; }
.ui-datepicker-title-row a {}
.ui-datepicker-control a:hover {}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover { }
.ui-datepicker-multi .ui-datepicker { border: 1px solid #777; }
.ui-datepicker-one-month { float: left; width: 185px; }
.ui-datepicker-new-row { clear: left; }
.ui-datepicker-cover { display: none; display: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; }

/*dialog*/
.ui-dialog { background: #ffffff; border: 5px solid #999; position: relative; }
.ui-dialog-content { }
.ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 99999; }
.ui-resizable .ui-resizable-handle { display: block; }
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 13px; height: 13px; right: 0px; bottom: 0px; background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; }
.ui-dialog-titlebar { padding: .5em 1.5em .5em 1em; background: #f5f5f5; border-bottom: 1px solid #ddd; position: relative; }
.ui-dialog-title { }
.ui-dialog-titlebar-close { background: url(Icons/icons.gif) -32px -16px; position: absolute; right: 8px; top: .7em; width: 16px; height: 16px; z-index: 100; }
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover { background-image: url(Icons/icons_blue.gif); }
.ui-dialog-titlebar-close span { display: none; }
.ui-dialog-content { background: #ffffff; padding: 1.5em 1.7em; }
.ui-dialog-buttonpane { position: absolute; bottom: 0; width: 100%; text-align: right; border-top: 1px solid #d3d3d3; }
.ui-dialog-buttonpane button { margin: .5em .5em .5em 8px; border-style: solid; border-width: 1px; border-color: #FF6B82 #4E000B #4E000B #FF6B82; background: #c30; color: #fff; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; }
.ui-dialog-buttonpane button:hover { border-color: #4E000B #FF6B82 #FF6B82 #4E000B; }

/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar, .ui-dialog.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Job */
.positionHead { padding: 10px;}
.positionHead .positionTitle { font-size: 18px; font-weight: bold; line-height: 24px; border-bottom: solid #ddd 1px; margin-bottom: 10px; padding: 5px 10px;}
.positionHead .type { font-size: 12px; font-weight: normal; padding-left: 10px; }
.positionHead .stat { font-size: 12px; font-weight: normal; float: right; color: #999; }
.positionHead .stat span { padding-left: 10px; }
.positionHead .companyName { padding: 0 10px; line-height: 20px; font-weight: bold; font-size: 14px;}
.positionHead .companyName span.cn { padding-right: 20px; }
.positionHead .companyName span.en { font-size: 13px; }
.positionHead .companyAccount { width: 55%; float: left;}
.positionHead .account dt, .positionInfo .account dt { width: 90px; }
.positionHead .account dd, .positionInfo .account dd { margin-left: 95px; }
.positionHead .act { width: 44%; float: right; padding-top: 30px; }
.positionHead .act li, .positionFoot .act li { display: block; float: left; padding-right: 15px; line-height: 32px; }
.positionHead .act li.apply, .positionFoot .act li.apply { width: 80px; height: 32px; background: url(Images/extraButton.gif) no-repeat 0 -40px; font-size: 14px; font-weight: bold; text-align: center; }
.positionHead .act li.apply a, .positionHead .act li.apply a:hover { color: #fff; }

#managePosition .view, #managePosition .close, #managePosition .edit a { padding: 0 5px; }
#managePosition a.hide { display: none; }
.positionApply { display: table-row; }
#managePosition tr.hide { display: none; }
.positionApply td p { line-height: 20px; margin-bottom: 10px; }
.positionApply em { padding-right: 10px; }

.positionFoot .act li.apply a, .positionFoot .act li.apply a:hover { color: #fff; }
.positionFoot { padding: 5px 10px 10px; }
.positionFoot .act { width: 40%; float: right; }

/* Step Menu */
.stepMenu { margin-bottom: 10px; }
.stepMenu ul { border-bottom: solid #ccc 1px; padding-left: 2em; }
.stepMenu li, .stepMenu span { background-image: url(Images/stepMenu.gif); background-repeat: no-repeat; display: block; float: left; }
.stepMenu li { padding-left: 10px; background-position: 0 -40px; }
.stepMenu span { background-position: right -120px; padding: 9px 10px 0 0; height: 19px; text-align: center; white-space: nowrap; }
.stepMenu li.current { background-position: 0 0; }
.stepMenu li.current span { background-position: right -80px; height: 21px; font-weight: bold; }
.stepMenu li.pipe { background: none; padding: 5px 0 0 0; }
.stepMenu li.pipe span { background-image: url(Icons/icons.gif); background-position: -80px 0; display: block; width: 16px; height: 16px; padding: 0; }

/* Upload Photo */
.uploadPhoto { padding: 10px; }
.fileUploads { padding: 10px; text-align: center; }
.photoPreview { padding: 5px; }
.photoPreview ul { width: 480px; margin: auto; }
.photoPreview li { display: block; width: 120px; height: 150px; float: left; }
.photoPreview li span.img { width: 100px; height: 100px; display: block; border: solid #ddd 1px; text-align: center; }
.photoPreview li span.img i { line-height: 100px; color: #999; display: block; }
.photoPreview li span.img em { display: block; height: 100px; background: url(Images/ajaxloading.gif) no-repeat center center; }
.photoPreview li span.act { display: block; padding-top: 5px; }
.photoPreview li span.act em { padding: 5px 0 0 25px; display: block; }
.uploadPhoto .submit { text-align: center; }

/* slide */
.photoCommend { padding: 10px; overflow: hidden; zoom: 1; }
.photoHot { width: 330px; float: right; }
.photoHot li { width: 100px; display: block; float: left; padding: 0 5px 15px; text-align: center; }
.photoHot img { margin-bottom: 5px; }
.photoHot span { line-height: 15px; height: 15px; overflow: hidden; display: block; padding-top: 5px; color: #999; }
.photoSlide { width: 320px; float: left; padding-right: 20px;}
.photoSlide table { border-collapse: collapse; border-spacing: 0px; }
.link_nor { padding: 1px; text-align: center; display: block; height: 15px; width: 15px; float: left; border: solid #f5f5f5 1px; font-weight: bold; }
.link_act { border: solid #ccc 1px; background: #e8e8e8; }
#showherelink { background: #f5f5f5; padding: 1px; }
#showheredis { display: none; }
.mytitle {}
.showbg { overflow: hidden; height: 240px; vertical-align: top;}
.photoSlide .gray { background-color: #9F6D11; position: absolute; z-index: 88; }
.photoSlide img {}
.opa { width: 320px; text-align: center; color: white; padding: 5px 0; position: absolute; z-index: 89; background-color: #333; opacity: 0.5; filter: alpha(opacity=50); /*filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100,FinishOpacity=50, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16); */ -moz-opacity: 0.5; }

/* poster */
.posterDetail {}
.posterTitle { text-align: center; font-size: 16px; font-weight: bold; line-height: 24px; margin-bottom: 10px; }
.posterSlide { width: 360px; float: left; overflow: hidden; }
.posterStage { width: 320px; height: 240px; border: solid #ddd 1px; margin: auto; line-height: 240px; text-align: center; color: #999; }
.posterInfo { width: 300px; float: right; }
.posterInfo dl { }
.posterInfo dl div { overflow: hidden; zoom: 1; }
.posterInfo dt { width: 90px; text-align: right; float: left; display: block; line-height: 30px; padding-right: 10px; }
.posterInfo dd { line-height: 30px; margin-left: 100px; }
.posterSlideThumb { padding: 5px 0 10px; height: 88px; position: relative; z-index: 65; }
.posterSlideThumb a.previous, .posterSlideThumb a.next { display: block; border: solid #fff 1px; margin-top: 8px; height: 75px; width: 18px; position: absolute; z-index: 66; top: 4px; }
.posterSlideThumb a.previous { left: 0; }
.posterSlideThumb a.next { right: 0; }
.posterSlideThumb a.previous:hover, .posterSlideThumb a.next:hover { border-color: #ddd; }
.posterSlideThumb a.previous span, .posterSlideThumb a.next span { width: 16px; height: 16px; background-image: url(Icons/icon.gif); display: block; margin: 28px 0 29px; }
.posterSlideThumb a.previous:hover span, .posterSlideThumb a.next:hover span { cursor: pointer; zoom:1; }
.posterSlideThumb a.previous span { background-position: -96px -64px; }
.posterSlideThumb a.next span { background-position: -32px -64px; }
.posterSlideThumb a.disabled:hover { border-color: #fff; cursor: default; }
.posterSlideThumb a.disabled span, .posterSlideThumb a.disabled:hover span { background-image: url(Icons/icon_gray.gif); cursor: default; }
.posterSlideThumb a em { display: none; }
.posterSlideThumb ul { width: 320px; overflow: hidden; zoom: 1; position: absolute; z-index: 67; left: 20px; }
.posterSlideThumb li { width: 75px; padding: 0 3px 0 2px; height: 88px; display: block; float: left; }
.posterSlideThumb li a { display: block; padding-top: 8px; position: relative; }
.posterSlideThumb li span { display: none; position: absolute; top: 0; left: 0; height: 88px; width: 75px; cursor: pointer; background: url(Images/img75over.png) no-repeat; }
.posterSlideThumb li a:hover span { display: block; }
.posterSlideThumb li.current span, .posterSlideThumb li.current a:hover span { background: url(Images/img75current.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/img75current.png',sizingMethod='scale'); _background: none; cursor: default; display: block; }

.posterDetail .userAction { padding-left: 25px; }
.posterDetail .userAction li { float: left; }

.posterContent { clear: both; padding: 10px 0 0 0; }

/* filter List */
.filterList { padding: 10px; }
.filterList li { display: block; }
.filterList li strong { width: 90px; text-align: right; line-height: 20px; display: block; float: left; font-weight: normal; }
.filterList li ul { margin-left: 95px; }
.filterList li li { padding-left: 8px; float: left; margin: 0 10px 5px 0; }
.filterList li li span { padding-right: 8px; display: block; float: left; white-space: nowrap; line-height: 20px; height: 20px; }
.filterList li li.current, .filterList li li.current span { background: url(Images/currentFilter.png) no-repeat; }
.filterList li li.current span { background-position: right bottom; }
.filterList li li.current a, .filterList li li.current a:hover { color: #999; cursor: text; text-decoration: none; }

/* skins seting */
.skinBox { padding: 10px; position: relative; overflow: auto; zoom: 1; width: 670px; max-height: 500px; _height: 460px; }
.skinHeader { padding: 5px 10px; border-bottom: solid #ddd 1px; margin-bottom: 10px; text-align: right; }
.skinItem { width: 110px; height: 100px; float: left; padding: 5px 10px; }
.skinFace { position: relative; }
.skinBox .hover .skinAct { visibility: visible; }
.skinItem:hover .skinAct { visibility: visible; }
.skinAct { height: 20px; width: 110px; background: #333; opacity: .6; filter: alpha(opacity=60); text-align: center; line-height: 20px; position: absolute; top: 53px; visibility: hidden; _visibility: visible; }
.skinAct a, .skinAct a:hover { color: #fff; }
.skinAct .pipe { padding: 0 10px; }
.skinImg { display: block; width: 100px; height: 63px; padding: 4px; border: solid #ddd 1px; overflow: hidden; }
.skinName { height: 25px; line-height: 25px; overflow: hidden; text-align: center; }

/* Drag style */
.menuSet { padding: 10px 0; width: 600px; margin: auto; }
.dragAdjust .ui-sortable { width: 100%;}
.dragTitle { margin-bottom: 10px; border-bottom: solid #ddd 1px; color: #999; font-weight: bold; line-height: 22px; padding-left: 10px; }
.dragRow { padding: 2px 10px; width: 578px; border: solid #ddd 1px; background: #f5f5f5; margin: 3px 0; line-height: 22px; cursor: move; }
.dragAdjust .name { width: 150px; float: left; }
.dragAdjust .switch { width: 130px; float: left; * cursor: default; }
.dragAdjust .reNaming { width: 150px; float: left; }
.dragAdjust .act { float: right; }
.dragAdjust .act a { padding: 0 10px; }
.dragAdjust div.submit { padding: 5px 0 5px 150px; }
.dragAdjust .ui-state-highlight { height: 28px; }
.dragAdjust .ui-sortable-helper .dragRow { border: solid #f6ec5a 1px; background: #fefae0; }

/* search */
.noResult { padding: 30px; display: block; display: inline-block }
.noResult h1 { font-weight: normal; line-height: 50px; padding-left: 20px; background: url(../../../Themes/SharedStyles/Icons/exclamation.gif) no-repeat left center; }
.noResult dd { line-height: 35px; font-weight: bold; font-size: 14px; }
.noResult dt { line-height: 28px; }

/* List tree */
.listTree { padding: 10px; }
.listTree .treeHead { color: #999; font-weight: bold; } 
.listTreeItem { padding: 5px 10px; line-height: 16px; border-bottom: solid #ddd 1px; }
.listTree .edit a { padding-right: 10px; }
.listTree .currentItem { background: #f5f5f5; border-color: #ccc; font-weight: bold; }
.listTree .currentItem .edit { font-weight: normal; }
.listTree .filial { margin-left: 48px; }
.treeBlock { float: left; padding-left: 10px; }
.listTree .switch { width: 16px; height: 16px; float: left; overflow: hidden; }
.listTree .switch a { display: block; line-height: 200px; }
.listTree .off { background: url(Icons/icons_blue.gif) no-repeat -80px -32px; }
.listTree .on { background: url(Icons/icons_blue.gif) no-repeat -96px -32px; }

/* Recommend */
.recommendItem { padding: 0 10px; }
.recommendItem .form { padding: 0; }
#nyroModalContent .recommendItem .formLabel { width: 60px; }
#nyroModalContent .recommendItem .formField,
#nyroModalContent .recommendItem .formButton { margin-left: 70px; }
.recommendItem .textareaBox { width: 260px; }
.recommendStack li { height: 20px; line-height: 20px; padding: 2px 10px 3px; border-bottom: solid #ddd 1px; }
.recommendStack li em { color: #999; padding: 0 10px; }

/* footer */
#footer p { line-height: 25px; text-align: center }
#footer a { padding: 0 5px; }
.case ol {
	margin:0px 15px;
}
.case li {list-style-type: disc;}
.siteMap , .commendInfo {
	margin-bottom:10px;
	border: 1px solid #D5D5D5;
	overflow: hidden;
	height: auto;
	padding:5px;
	zoom:1;
}
.commendInfo {
	margin-top:-10px;
}
.siteMap .siteMap_top , .commendInfo .commendInfo_top {
	background-color: #F1F2F3;
	line-height: 25px;
	height: 25px;
	clear: both;
}
.siteMap .siteMap_top h1 , .commendInfo .commendInfo_top h3 {
	font-size: 14px;
	padding-left: 10px;
	font-weight: bold;
}
.siteMap .siteMap_con , .commendInfo .commendInfo_con {
	padding-left: 10px;
	clear: both;
	padding-top: 5px;
}
.siteMap ul {
	clear: both;
	width: 940px;
	margin-bottom:5px;
	background-image: url(/Themes/Channels/Default/Appearances/Default/Images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding:5px 0px;
	overflow: hidden;
	height: auto;
	zoom:1;
}
.siteMap li {
	float:left;
	display: inline;
	padding:0px 7px;
	
}
.siteMap li.siteMap_title {
	font-size: 12px;
	font-weight: bold;
	padding:0px;
	text-align: left;
	width: 80px;
}
.siteMap li.siteMap_title a {
	color: #F30;
}
.siteMap li th {
	padding-right: 5px;
	vertical-align: top;
	height: 22px;
}
.siteMap li th a {
	font-weight: bold;
}
.siteMap li td {
	text-align: left;
	height: 22px;
	vertical-align: top;
}
.siteMap li td a {
	padding: 0px 4px;
}
.commendInfo ul {
	clear: both;
	width: 940px;
	margin-bottom:5px;
	padding:5px 0px;
	overflow: hidden;
	height: auto;
	zoom:1;
	}
.commendInfo li {
	float:left;
	width:220px;
	height:14px;
	overflow: hidden;
	background: url(/Themes/SharedStyles/Images/dot.gif) no-repeat;
	margin: 3px 2px;
	padding-left: 8px;
}
.commendInfo li a {
	
}