/* CSS
Author: V.Enjoy OF EnjooSite
Client: EnjooSite
Created: 2008-12-10
Modified: 2008-12-10
*/


/* Browser-specific styles
=====================================================================*/



/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }


/* Global Elements
=====================================================================*/

html { overflow-x: auto; height:100%;}
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */

body 
{
	background:#cee5f3  url(images/bottom_page_bg.jpg) repeat-x scroll 0px 100%;
	text-align: center;
	line-height: 1.6em;
}

input[type="text"] { 
}

/* Library
=====================================================================*/

.l { float: left; width: 49%; }
.r { float: right; width:49%; }
.r:after { display: block; content: ''; clear: both; height: 0; visibility: hidden; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.justify { text-align: justify; }
.float_left { float: left; }
.float_right { float: right; }
.clear-both { clear: both; float: none; }
.clear-right { clear: right; float: none; }
.hide {	display:none; }
.clear-both { clear: left; float: none; }
.inline { display: inline; }
.block { display: block; }
.noborder { border: 0px none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.visible { display: block; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.border5 { border: solid 10px #c7c7c7; }
.border10 { border: solid 10px #c7c7c7; }
.border20 { border: solid 20px #c7c7c7; }
.innerBox{padding:20px;}
.selector{color:#ed145b;font-size:9pt;font-weight:bold;}

.clearfix { display: inline-block; }  /* ... especial for IE7 */
.clearfix { display: block; }      /* ... für IE5,IE6,IE7 */
* html .clearfix { height: 1%; }   /* ... für IE5 + IE6/Win | hasLayout aktivieren */

.hSpace_10
{
    clear:both;
    height: 10px;
    line-height: 10px;
    overflow:hidden;
}
.lrSpace_5
{
    margin-left:5px;
    margin-right:5px;
}
div.hidden, a.hidden
{
	display: none;
	margin: 0;
}

/* Typographic Elements
=====================================================================*/

h2, h4, h6, body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

blockquote, em, h1, h3, h5, i, .feedBy  {
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* Homepage Specific Headers
=====================================================================*/

h1 {
	font-size: 1.2em;
	line-height: 0.9em;
	color: #2575ad;
}

h2 {
	font-size: .8em;
	text-transform: uppercase;
	color: #363636;
	font-weight: bold;
}

.l h2 { } /* Left column specific */

.r h2 { letter-spacing:1px; padding: 0px 7px; margin-bottom: 10px; } /* Right column specific */

h3 {
	font-size: 1.7em;
	line-height: 1.1em;
	color: #2575ad;
}

h4 {
	font-size: .9em;
	text-transform: uppercase;
	color: #2575ad;
	letter-spacing: 1px;
	font-weight: bold;
}

h5 {
	font-size: 1.5em;
	line-height: 1.2em;
}

h6 {
	font-size:.88em;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}

/* Misc Typography
=====================================================================*/

body { 
	font-size: .75em; 
	line-height: 1.5em;
	color: #252525;}

table { 
	font-size: 1em; 
	line-height: 1.5em;
	color: #252525;}

i, em { 
	font-style: italic;
}

blockquote {
	clear:both;
	font-size:1.2em;
	line-height: 1.6;
	padding: 0px;
	color: #666666;
}

blockquote, blockquote p {
	clear: both;
	color: #666666;
}

.smallcaps {
	font: small-caps 1.5em/1.7em Georgia, "Times New Roman", Times, serif;
	color: #2575ad;
	text-transform: lowercase;
	letter-spacing: .1em;
}

.citation, .cite {
	font-size: 12px;
}




/* List Elements
=====================================================================*/

ul li 
{
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

li a {
	padding-top: 0px;
	padding-bottom: 0px;
}

li a:hover {
	background-color: #eeeeee;
}



dl {
	height: auto;
	margin: 0;
	list-style: none;

}

dl a {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;

}

dl a:hover {
	background-color: #ffffff;
}

dl img {
	float: left;
}
dt, dd {
	padding: 5px 7px;
}

dt {
	float: left;
	clear: left;
	width: 40px;
	color: #363636;
	font-size:.9em;
} 

dd {
	margin-left: 50px;
}


.alt-text { font-family: Georgia;text-transform: lowercase;}


/* Global Links
=====================================================================*/

a {
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited,
a:active
{
	background: transparent;
	color: #2575ad;
	text-decoration: none;
	
}

a:hover
{
	background: transparent;
	color: #ac3433;	
	text-decoration: none;
}


/* Grid
=====================================================================*/

/* layout styles */


#enjooSite
{
	margin: 0 auto 0 auto;
	text-align: left;
	/* re_aligns text to left second part of two part MSIE centering workaround */
	width: 960px; 	/* Total width */
	background-color: Transparent;
}

#siteWrapper
{
    
}
#wrapper_in
{
    width: 985px;
	margin: 0 auto;
	position: relative;
}
#header,
#pageContent,
#bottom,
#footer {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#pageContent
{	
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	background: url(images/top_page_bg.jpg) repeat-x 0px 0px;
}

#content_fade
{	
	width: 100%;
	margin: 0 auto;
}

#page_content { padding: 20px 60px 40px 30px; }

#page_content .nav { font: 12px arial; margin: 0 0 15px 0;}



#page_content #issues  ul li {
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

#page_content ul li {
	height: auto;
	margin: 12px;
	padding: 0;
	list-style: disc outside;
}

div#page_content div#inset_r ul li {
	margin:0px;
	padding: 0;
	list-style: none;
}

div#page_content div#inset_r ul li.more {
	padding: 5px 10px;

}

div#page_content div#inset_r ul li ul li {
	padding: 3px;
	list-style: circle inside;
}

#column1
{
	float: left;
	width: 640px;
	background-repeat: repeat-x;
}

.category
{
	background-image: url(images/obm/category_bg.jpg) ;
	background-position: left top;
	background-repeat: repeat-x;
	height: 50px;
}

#col1a {
	float: left;
}

#col1b {
	float: right;
}

#column2
{
	width:320px;
	margin: 0 0 0 640px;
	padding:0;
}

#column2_bot {
	height:200px;
	display:none;
}



.module.l  {
	height: auto;
	width: 270px;
	padding: 20px 15px 20px 35px ;
}

.module.r 	{
	height: auto;
	width: 270px;
	padding: 20px 35px 20px 15px ;
}

.state_module_left {
	float:left;
	width:49%;
	padding: 0px !important;
}

.state_module_right {
	float:right; 
	height:auto; 
	width:240px; 
	padding:10px 0px 0px 30px !important;
}

#column2 .module {
	padding-top:20px;
}

#header {
    padding: 26px 0 20px 0;
	background:#26292e;
}

#header h1 {
    font-size:25pt;
    line-height:35pt;
    color: #fff;
    margin-left: 35px;
}

#header h1 a,
#header h1 a:link
{
    color: #683a1e;
}


#header .subHeaderTitle
{
    color: #fff;
    margin-left: 35px;
}

#bottom {
}

#logo-print { display: none; }

#footer
{
}

#copyright .copyright_contents
{
    color: #fff;
    padding: 0 25px 0 0;
    text-align: right;
}
/*--------{tags}-------------*/
#tag-cloud,.tagCloud
{
	font-size: 1em;
	margin: 0;
	padding: 0;
	line-height: normal;
}

#tag-cloud li,
.tagCloud li
{
	display: inline;
	list-style-type: none;
}

#tag-cloud li, 
 li a,
.tagCloud li ,
.tagCloud li a
{
	display: inline;
	padding:2px;
}
#column2 #tag-cloud li a:hover
{
    background-color: Transparent;
    color: #ed145b;
}
#tag-cloud li,
.tagCloud li
{
	padding: 2px 3px;
}

#tag-cloud li a.tag-style-selected,
#tag-cloud li a:link.tag-style-selected,
#tag-cloud li .tag-style-selected,
.tagCloud li a.tag-style-selected,
.tagCloud  li a:link.tag-style-selected,
.tagCloud  li .tag-style-selected
{
	color: #fff;
	background-color: #ff0000;
}

.tag-style-1
{
	font-size: .8em;
	font-weight: normal;
}
.tag-style-2
{
	font-size: 1em;
	font-weight: normal;
}
.tag-style-3
{
	font-size: 1.2em;
	font-weight: bold;
}
.tag-style-4
{
	font-size: 1.4em;
	font-weight: normal;
}
.tag-style-5
{
	font-size: 1.6em;
	font-weight: bold;
}
.tag-style-6
{
	font-size: 1.8em;
	font-weight: bold;
}
.tag-style-7
{
	font-size: 2em;
	font-weight: bold;
}

.restoreTag
{
	float:left;
	display:block;
	width: 25px;
	height:18px;
	background-image: url(images/refurbish.gif);
	background-position: center center;
	background-repeat: no-repeat;
	cursor:pointer;
}

/* 主体内容显示框架
=====================================================================*/
#page_header
{
    margin: 0 auto;
    width: 985px;
    background: #cee5f3 url(images/top_page_bg.jpg) repeat-x 0px 0px;
    line-height: 10.08pt;
    padding: 15px 0 ;
    color: #fff;
    text-align: right;
}
.top_outer
{
    background:#edf2f6 url(images/header_bg.jpg) no-repeat 0px 0px;
}
.top_inner
{
    margin-left: 12px;
    background:#edf2f6 url(images/header_bg.jpg) no-repeat 100% 0px;
}
.top_center
{
    margin-right: 12px;
    background:#edf2f6 url(images/header_middle_bg.jpg) repeat-x 0px 0px;
}
.page_outer
{
    background:#edf2f6 url(images/header_bg.jpg) no-repeat 0px -42px;
}
.page_inner
{
    margin-left: 12px;
    background:#edf2f6 url(images/header_bg.jpg) no-repeat 100% -42px;
}
.page_center
{
    margin-right: 12px;
    background:#edf2f6 url(images/header_middle_bg.jpg) repeat-x 0px -42px;
}
.page_footer
{
    background:#edf2f6 url(images/footer_bg.jpg) no-repeat 0px 100%;
}
.page_footer_inner
{
    margin-left: 12px;
    background:#edf2f6 url(images/footer_bg.jpg) no-repeat 100% 100%;
}
.page_footer_center
{
    margin-right: 12px;
    background:#edf2f6 url(images/footer_middle_bg.jpg) repeat-x 0px 100%;
}
#footer
{
    padding: 20px 0 50px 0;
}


/* 侧边栏
=====================================================================*/
#column2 .tab
{
    border: 1px solid #000;
    padding: 2px;
}
#column2 .tab h3
{
    color: #000;
    font-size: 9pt;
    padding: 5px;
    background-color: #898989;
}
#column2 .tab-details
{
    border: 1px solid #898989;
    border-top-width: 0px;
    padding: 10px;
    background-color: #d7d7d7;
    overflow-x: hidden;
}
#column2 .tab-details a:hover
{
    background-color: Transparent;
    text-decoration: underline;
}
/* 当前位置（面包屑路径）
=====================================================================*/

/*	当前位置路径	*/
.treePath
{
    color: #fff;
	list-style-type: none;
	margin:0px;
	padding: 0px;
	float: right;
}

.treePath li
{
	float:left;
	padding:0px;
	margin-right: 10px;
	line-height: 20px;
	height: 20px;
	
}
.treePath li a,
.treePath li a:link
{
    padding: 0px;
	line-height: 20px;
	height: 20px;
    display: block;
    color: #ed145b;
}
.treePath li a:hover
{
    text-decoration: underline;
    background-color: Transparent;
}

li.separator
{
    background-color: Transparent;
    background-image: none;
}

/* 系统公共导航栏
=====================================================================*/

#systemToolbar
{
    width: 100%;
    height: 25px;
    background-color: #fff;
    background-image: url(images/floatHeader_bg.jpg);
    background-position: center center;
    background-repeat: repeat-x;
    z-index: 100;
}
#systemToolbar .navMenu
{
    list-style-type: none;
}
#systemToolbar .navMenu li
{
    float: left;
    line-height: 25px;
    height: 25px;
    margin-left: 10px;
}
#systemToolbar .navMenu li a,
#systemToolbar .navMenu li a:link
{
    color: #000;
}
#systemToolbar .navMenu li a:hover
{
    background-color: Transparent;
    text-decoration: underline;
}
#systemToolbar .navMenu #action
{
    float: right;
    margin-right: 10px;
}
#systemToolbar .navMenu #action a,
#systemToolbar .navMenu #action a:link
{
    color: #0451c5;
}
/*	信息列表区域	*/
.postContainer
{
	margin-top: 25px;
	position: relative;
	z-index: 900;
	min-height: 75px;
}

.postContainer .postBody
{
	line-height: 150%;
}
.postContainer .postBody h5.postHeader
{
	margin-bottom: 0px;
	margin-bottom:5px;
}

.postContainer .postBody a,
.postContainer .postBody a:link
{
	color: #000;
}
.postContainer .postBody h5 a,
.postContainer .postBody h5 a:link
{
    font-weight: bold;
}
.postContainer .postBody a:hover
{
	color: #990033;
}

.postContainer .postBody .postMain img
{
	float:left;
	display:block;
	margin: 5px 10px 10px 0;
	border:2px solid #dcdcdc;
	padding:2px;
}

.postContainer .postBody .postFooter
{
	font-size:.8em;
	color: #777;
}

.postContainer .postBody .postFooter img
{
	vertical-align:middle;
	border-color: #dcdcdc;
	border-width:1px;
	padding: 1px;
	margin-right: 5px;
}

.postContainer .postBody .tool
{
	background-image: url(images/tools.gif);
	background-repeat: no-repeat;
	padding: 4px 6px 4px 18px;
	min-height: 20px;
	margin-left: 15px;
}

.postContainer .postBody .comments
{
	background-position: 0 -196px;
}


/*	分页导航	--- */
.pager
{
	margin:10px 0px;
	text-align:right;
}

.pager a,.pager span , .pager .info
{
	border:1px solid #2e6ab1;
	display:block;
	float:left;
	font-size: 8pt;
	line-height: 1.4em;
	padding: .2em .6em;
	margin: auto .1em auto auto;
	
}

.pager a,.pager a:link
{
	border-color: #2e6ab1;
	background-color: #fff;
	color: #105cb6;
	cursor:pointer;
}
.pager a.disabled,.pager a.disabled:link,.pager .info
{
	border-color:#ddd;
	color: #999;
	cursor:auto;
}
.pager a.disabled:hover
{
    text-decoration:none;
}
.pager span
{
	border-color: #990033;
	background-color: #ed145b;
	color: #fff;
	font-weight: 700;
	scrollbar-base-color: #fff;
}

.pager .info
{
	margin-right: 5px;
}

/*
/* 注册区域
=====================================================================*/

#registerContainer
{
    padding: 65px 0 0 100px;
}

#registerContainer fieldset.wide
{
	border-width: 0px;
	line-height: 150%;
	background-image: url(commonimages/hpBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding:25px;
}
#registerContainer div.form-row
{
	margin-bottom: 10px;
}

#registerContainer div.form-row input.register-input,
#registerContainer div.captcha-container input.register-input,.textbox,
#registerContainer .captcha input
{
	border:1px solid #c0c0c0;
	border-left-width:2px;
	padding:1px 3px;
	line-height: 150%;
	height: 1.4em;
}
#registerContainer div.form-row input.available
{
	border-color: #758656;
}
#registerContainer div.form-row input.invailable
{
	border-color: #ff0000;
}

#registerContainer div.form-row label,
#registerContainer div.captcha-container label
{
	float:left;
	width: 150px;
	padding-right: 5px;
	font-weight: 700;
	padding-top:3px;
}

#registerContainer div.form-row .form-note
{
	color:#ff0000;
	background-image: url(commonimages/exclamation.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#registerContainer div.form-row .form-note-right
{
	background-image: url(commonimages/accept.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #758656;
}
#registerContainer div.captcha-container label.captcha
{
	color: #666;
	display:block;
	width: 300px;
	text-align:left;
}
#registerContainern div.form-row label.form-checkbox
{
	float:none;
	text-align: left;
	width: 500px;
}

#registerContainer div.captcha-container div.captcha-left
{
	display:block;
	float: left;
	width: 300px;
}
#registerContainer div.captcha-container div.captcha-right
{
	display:block;
	margin:10px 0 9 150px;
}