html { height: 100%;}
body {
	margin: 0px;
	padding: 0px;
	background: #FFF url(/assets/images/front/t_bg_01.gif) left top repeat-x;
	font-family: Tahoma, Arial;
	font-size: 12px;
	height: 100%;
	/*text-align: center;*/
}
body, td, th, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, div {color: #333;}
table, td, th {border-collapse: collapse;}
h2 {font-size: 16px; margin: 0px 0px 0px 0px;}
h3 {font-size: 16px; margin: 0px 0px 0px 0px; font-weight: normal; margin-bottom: 10px;}
a {color: #0088d3;}
a:hover {color: #30a5f0;}
a img {border: 0px;}


/* Common
*******************************************************************************************************************************/
.clr {clear: both; width:0px; height: 0px;}
.clrb {clear: both;}

.p10 {padding: 10px;}

.flr {float: right;}
.fll {float: left;}

.sp5 {width: 5px; height: 5px; display: block; margin: 0px; padding: 0px;}
.sp10 {width: 10px; height: 10px; display: block; margin: 0px; padding: 0px;}
.sp20 {width: 20px; height: 20px; display: block; margin: 0px; padding: 0px;}
.sp30 {width: 30px; height: 30px; display: block; margin: 0px; padding: 0px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml100 {margin-left: 100px;}

.mr10 {margin-right: 10px;}
.mr100 {margin-right: 100px;}

.h100 {height: 100%;}
.w100 {width: 100%;}

/* not so common but common :)
*******************************************************************************************************************************/

.pg_nav {overflow: hidden; width: 500px; margin: 20px 0px 0px 200px;}
.pg_nav a, .pg_nav span, .pg_nav b, .pg_nav i {font-size: 18px; font-weight: bold; text-decoration: none; display: block; float:left; padding: 0px 5px 0px 5px;}
.pg_nav b, .pg_nav i {padding: 1px 5px 0px 5px;}


/* Forms
*******************************************************************************************************************************/


.tf01 {font-family: Tahoma, Arial; height: 15px; background: #f1f1f2; border: 1px #a6a8ab solid; padding: 2px; font-size: 12px; color: #333; width: 300px;}
.tf01_dis {font-family: Tahoma, Arial; height: 15px; background: #f9f9f9; border: 1px #DDD solid; padding: 2px; font-size: 12px; color: #999; width: 300px;}
.tf02 {font-family: Tahoma, Arial; height: 15px; background: #f1f1f2; border: 1px #a6a8ab solid; padding: 2px; font-size: 12px; color: #333; width: 275px;}
.tf03 {font-family: Tahoma, Arial; height: 15px; background: #f1f1f2; border: 1px #a6a8ab solid; padding: 2px; font-size: 12px; color: #333; width: 172px;}
.tf04 {font-family: Tahoma, Arial; height: 15px; background: #f1f1f2; border: 1px #a6a8ab solid; padding: 2px; font-size: 12px; color: #333; width: 500px;}
.tf05 {font-family: Tahoma, Arial; height: 15px; background: #f1f1f2; border: 1px #a6a8ab solid; padding: 2px; font-size: 12px; color: #333; width: 70px;}
.sel01 {font-family: Tahoma, Arial; background: #f1f1f2; border: 1px #a6a8ab solid; font-size: 12px; color: #333;}
.ta01 {padding: 2px; font-family: Tahoma, Arial; width: 100%; height: 200px; background: #f1f1f2; border: 1px #a6a8ab solid; font-size: 12px; color: #333;}
.ta02 {padding: 2px; font-family: Tahoma, Arial; width: 285px; height: 100px; background: #f1f1f2; border: 1px #a6a8ab solid; font-size: 12px; color: #333;}
.sf01 {font-family: Tahoma, Arial;}

.ff01 {background: #f1f1f2; border: 1px #a6a8ab solid; font-size: 11px; color: #333;}

.form1 {}
.form1 p {display: block; margin: 18px 0px 5px 0px; padding: 0px;}
.form1 h2 {padding-bottom: 10px;}

.form_dis {color: #AAA;}
.form_dis p {display: block; margin: 10px 0px 5px 0px; padding: 0px;}
.form_dis h2 {color: #AAA; padding-bottom: 10px;}

.avatar01 {width: 160px; height: 200px; float: right; text-align: center;}
.avatar01 div {
	margin-bottom: 5px;
}
.avatar01 b {
	display: block;
	width: 160px;
	height: 180px;
	line-height: 180px;
	overflow: hidden;
	background: #f1f1f2;
	border: 1px #a6a8ab solid;
	color: #999;
	text-align: center;
	font-weight: normal;
}
.avatar01 span {
	display: block;
	width: 160px;
	overflow: hidden;
	background: #f1f1f2;
	border: 1px #a6a8ab solid;
	color: #999;
}
.avatar01 img {margin: 5px;}

.sel_add_type {float: right;}

.source_block_dis input {background: #f9f9f9; border: 1px #DDD solid; color: #CCC;}
.source_block_dis p {color: #CCC;}

.dis02 {color: #CCC;}

/********************************************************************************************************************************/

.main {margin: 0px auto 0px auto; width: 1000px;}
.main td {vertical-align: top;}

.top_menu {height: 35px; padding: 0px 10px;}
.top_menu div {float: left; width: 400px; margin: 7px 0px 0px 90px; color: #828282; font-size: 11px;}
.top_menu div a {color: #888; display: block; float: left; margin-right: 20px;}
.top_menu div a:hover {color: #333;}
.top_menu p {float: right; width: 400px; margin: 7px 0px 0px 0px; padding: 0px; font-size: 11px;}
.top_menu p span, .top_menu p b {display: block; float: right; margin-left: 20px;}


/********************************************************************************************************************************/

.main_menu {padding: 0px 10px; vertical-align: top;}
.tabs_bg_1 {background: url(/assets/images/front/mm_bg_11.gif) left bottom repeat-x;}
.tabs_bg_2 {background: url(/assets/images/front/mm_l_11.gif) left bottom no-repeat;}
.tabs_bg_3 {height: 36px; background: url(/assets/images/front/mm_r_11.gif) right bottom no-repeat;}

.logo {margin: 0px 0px 1px 14px; float: left; display: block;}

/**/

.tabs {}
.tabs a {font-size: 16px;}
.tabs em {display: block; font-style: normal; height: 29px;}
.tabs span {display: block; padding: 4px 18px 0px 20px; font-size: 16px;}
.tabs strong {display: block; padding: 4px 18px 0px 33px; font-weight: normal; font-size: 16px;}
.tabs i strong {display: block; padding: 4px 18px 0px 23px; font-weight: normal; font-size: 16px;}
.tabs img {margin: 4px 0px 0px 10px; cursor: pointer; cursor: hand;}
.tabs {width: 590px; height: 36px; font-weight: normal; font-style: normal; float: left;}
.tabs p, .tabs b, .tabs i {display: block; float: left; height: 29px; margin: 4px 0px 0px 0px; padding: 0px; font-weight: normal; font-style: normal;}
.tabs p {width: 140px;}
.tabs b {width: 120px;}
.tabs i {width: 115px;}
.tabs div {overflow: hidden; margin-top:3px;}

#news_active p {background: url(/assets/images/front/mm_bg_01.gif) left top repeat-x;}
#news_active p em {background: url(/assets/images/front/mm_l_01.gif) left top no-repeat;}
#news_active p em em {background: url(/assets/images/front/mm_r_01.gif) right top no-repeat;}

#news_active b {background: url(/assets/images/front/mm_bg_02.gif) left top repeat-x;}
#news_active b em {background: url(/assets/images/front/mm_l_02.gif) left top no-repeat;}
#news_active b em em {background: url(/assets/images/front/mm_r_02.gif) right top no-repeat;}

#news_active i {background: url(/assets/images/front/mm_bg_02.gif) left top repeat-x;}
#news_active i em {background: url(/assets/images/front/mm_l_03.gif) left top no-repeat;}
#news_active i em em {background: url(/assets/images/front/mm_r_03.gif) right top no-repeat;}

/**/

#articles_active p {background: url(/assets/images/front/mm_bg_02.gif) left top repeat-x;}
#articles_active p em {background: url(/assets/images/front/mm_l_04.gif) left top no-repeat;}
#articles_active p em em {background: url(/assets/images/front/mm_r_04.gif) right top no-repeat;}

#articles_active b {background: url(/assets/images/front/mm_bg_01.gif) left top repeat-x;}
#articles_active b em {background: url(/assets/images/front/mm_l_05.gif) left top no-repeat;}
#articles_active b em em {background: url(/assets/images/front/mm_r_01.gif) right top no-repeat;}

#articles_active i {background: url(/assets/images/front/mm_bg_02.gif) left top repeat-x;}
#articles_active i em {background: url(/assets/images/front/mm_l_02.gif) left top no-repeat;}
#articles_active i em em {background: url(/assets/images/front/mm_r_03.gif) right top no-repeat;}

/**/

#blogs_active p {background: url(/assets/images/front/mm_bg_02.gif) left top repeat-x;}
#blogs_active p em {background: url(/assets/images/front/mm_l_04.gif) left top no-repeat;}
#blogs_active p em em {background: url(/assets/images/front/mm_r_02.gif) right top no-repeat;}

#blogs_active b {background: url(/assets/images/front/mm_bg_02.gif) left top repeat-x;}
#blogs_active b em {background: url(/assets/images/front/mm_l_03.gif) left top no-repeat;}
#blogs_active b em em {background: url(/assets/images/front/mm_r_04.gif) right top no-repeat;}

#blogs_active i {background: url(/assets/images/front/mm_bg_01.gif) left top repeat-x;}
#blogs_active i em {background: url(/assets/images/front/mm_l_05.gif) left top no-repeat;}
#blogs_active i em em {background: url(/assets/images/front/mm_r_05.gif) right top no-repeat;}

/**/

.search {float: right; margin-top: 4px; width: 230px;}
.search input {font-family: Tahoma, Arial; height: 14px; width: 170px; background: #f1f1f2; border: 1px #a6a8ab solid; padding: 2px; font-size: 11px; float: right; margin-right: 4px; color: #AAA;}

.btn_search {background: #a6a8ab url(/assets/images/front/btn_11.gif) left top no-repeat; width: 47px; height: 20px; float: right;}
.btn_search div {background: url(/assets/images/front/btn_12.gif) right top no-repeat; width: 47px; height: 20px;}
.btn_search div div {background: url(/assets/images/front/btn_13.gif) right bottom no-repeat;}
.btn_search div div div {background: url(/assets/images/front/btn_14.gif) left bottom no-repeat;}
.btn_search a {display: block; width: 47px; line-height: 19px; text-align: center; font-size: 11px; text-decoration: none; color: #FFF;}
.btn_search a:hover {color: #FFF;}

/**/

.tabs_content {padding: 0px 10px;}
.tabs_content div {background: #f6f9fe url(/assets/images/front/mm_bg_21.gif) left top repeat-x;}
.tabs_content div div {background: url(/assets/images/front/mm_bg_23.gif) left top repeat-y;}
.tabs_content div div div {background: url(/assets/images/front/mm_bg_23.gif) right top repeat-y;}
.tabs_content div div div div {background: url(/assets/images/front/mm_bg_22.gif) left bottom repeat-x;}
.tabs_content div div div div div {background: url(/assets/images/front/mm_l_21.gif) left top no-repeat;}
.tabs_content div div div div div div {background: url(/assets/images/front/mm_l_22.gif) left bottom no-repeat;}
.tabs_content div div div div div div div {background: url(/assets/images/front/mm_r_21.gif) right top no-repeat;}
.tabs_content div div div div div div div div {background: url(/assets/images/front/mm_r_22.gif) right bottom no-repeat; padding-bottom: 3px;}
.tabs_content span, .tabs_content a  {margin: 0px 13px; font-weight: normal; line-height: 28px;}
.tabs_content b a {color: #f2ac7c;}
.tabs_content b a:hover {color: #f27d2e;}

#news_tab_content {padding-left: 30px;}
#articles_tab_content {padding-left: 200px;}
#blogs_tab_content {padding-left: 320px;}

/**/

.add_menu {background: url(/assets/images/front/add_01.gif) left top no-repeat; padding-left: 21px; position: absolute; z-index: 10; display: none;}
.add_menu div {background: url(/assets/images/front/add_02.gif) right top no-repeat;}
.add_menu div div {background: url(/assets/images/front/add_05.gif) right 5px no-repeat;}
.add_menu div div div {background: url(/assets/images/front/add_03.gif) right bottom no-repeat; padding-right: 5px;}
.add_menu div div div div {background: #acacac url(/assets/images/front/add_04.gif) left bottom no-repeat; padding-right: 0px;}
.add_menu p {padding: 4px 3px 8px 10px; margin: 0px; color: #FFF; font-size: 12px;}
.add_menu a {display: block; height: 20px; line-height: 19px; color: #FFF; font-size: 12px;}
.add_menu a:hover {color: #ffd4b6;}
.add_menu span {display: block; height: 20px; line-height: 19px; color: #CCC;}
#add_news {width: 135px;}
#add_blogs {width: 170px;}


/********************************************************************************************************************************/

.middle {}
.pg_title_1 {background: url(/assets/images/front/h_bg_01.gif) left top repeat-x; margin-top: 5px;}
.pg_title_11 {background: url(/assets/images/front/h_l_01.gif) left top no-repeat;}
.pg_title_12 {background: url(/assets/images/front/h_r_01.gif) right top no-repeat; padding: 5px 5px 5px 10px; overflow: hidden;}
.pg_title_2 {font-size: 18px; text-transform: uppercase; margin: 0px; padding: 0px; float: left; height: 32px; line-height: 31px; overflow: hidden;}
.pg_title_3 {font-size: 18px; text-transform: uppercase; margin: 0px; padding: 0px; float: left;}
.ttl_1 {padding: 10px 10px 0px 10px;}


.btn_or {background: #f2ac7c url(/assets/images/front/btn_21.gif) left top no-repeat;}
.btn_or div {background: url(/assets/images/front/btn_22.gif) right top no-repeat;}
.btn_or div div {background: url(/assets/images/front/btn_23.gif) right bottom no-repeat;}
.btn_or div div div {background: url(/assets/images/front/btn_24.gif) left bottom no-repeat;}
.btn_or a {display: block; padding: 1px 10px 2px 10px; font-size: 11px; text-decoration: none; color: #FFF;}
.btn_or a:hover {color: #FFF;}



/* News
*******************************************************************************************************************************/

.sort_box {width: 370px; overflow: hidden;}
.sort_box2 {overflow: hidden; margin-top: 3px;}
.sort_box2 a {display: block; float: right; margin-left: 11px; color: #efa55b; font-size: 11px;}
.sort_box2 a:hover {color: #f27d2e;}
.sort_box2 span {display: block; float: right; margin-left: 11px; font-size: 11px;}

.n_item {padding: 0px 10px; overflow: hidden;}
.n_item_img {float:left; margin: 0px 0px 0px -115px;}
.n_item_img2 {float:left; margin: 0px 10px 10px 0px;}
.n_item em {font-style:normal;}
.n_item em a {color:#F2AC7C;}
.n_item em a:hover {color:#F27D2E;}

.n_item_content {/*float:left; width: 611px; */text-align:justify; margin-left: 115px; line-height: 16px;}
.n_item_content2, .n_item_content2 p {/*float:left; width: 611px; */text-align:justify; line-height: 20px; font-size:14px;}
.n_item_content3 {/*float:left; width: 611px; */text-align:justify; margin-left: 0px; line-height: 16px;}

.n_item_info {padding-top: 5px; font-size: 11px; overflow: hidden;}
.n_item_info div {float:left; margin-right: 10px;}
.n_item_info span {color: #bbbdbf; font-size:10px; font-family: Arial;}
.n_item_info b {color: #929497; font-weight: normal;}
.n_item_info img {cursor: pointer; cursor: hand;}
.n_item_info em {font-style:normal;}
.n_item_info em a {color:#F2AC7C;}
.n_item_info em a:hover {color:#F27D2E;}


/********************************************************************************************************************************/


.right {width: 250px;}


/* Winwows
*******************************************************************************************************************************/


.win2 {}
.win2 .cn {background: url(/assets/images/front/cn1.gif) left top no-repeat;}
.win2 .tl, .win2 .bl {padding-left: 5px;}
.win2 .tr, .win2 .br {padding-right: 5px;}
.win2 .tr {background-position: right top; }
.win2 .bl {background-position: left bottom;}
.win2 .br {background-position: right bottom;}
.win2 .c {background: #e7e7e7; height: 5px; overflow : hidden;}
.win2 .content {background: #e7e7e7; padding: 0px 10px 5px 10px; overflow: hidden;}

.win3 {}
.win3 .cn {background: url(/assets/images/front/cn3.gif) left top no-repeat;}
.win3 .tl, .win3 .bl {padding-left: 5px;}
.win3 .tr, .win3 .br {padding-right: 5px;}
.win3 .tr {background-position: right top; }
.win3 .bl {background-position: left bottom;}
.win3 .br {background-position: right bottom;}
.win3 .c {background: #c1d8ff; height: 5px; overflow : hidden;}
.win3 .content {background: #c1d8ff; padding: 0px 10px 5px 10px; overflow: hidden;}

.win4 {}
.win4 .cn {background: url(/assets/images/front/cn4.gif) left top no-repeat;}
.win4 .tl, .win4 .bl {padding-left: 5px;}
.win4 .tr, .win4 .br {padding-right: 5px;}
.win4 .tr {background-position: right top; }
.win4 .bl {background-position: left bottom;}
.win4 .br {background-position: right bottom;}
.win4 .c {background: #ffeac1; height: 5px; overflow : hidden;}
.win4 .content {background: #ffeac1; padding: 0px 10px 5px 10px; overflow: hidden;}


#login_win {width: 302px; display: none; position: absolute;}
#login_win .content p {margin: 0px 140px 0px 0px; padding: 5px 0px 5px 0px;}
#login_win .content a {float: right; margin-top: 0px; padding-bottom: 5px;}
#login_win .content div {overflow: hidden; padding: 5px 0px 10px 0px;}
#login_win .content div a {margin-top: 4px; padding-bottom: 0px;}


.help_win {width: 310px; display: none; position: absolute; z-index:5;}
.help_win .content p {margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;}
.help_win .content a {float: right; margin-top: 5px; padding-bottom: 5px;}

.comment_win {width: 310px; display: none; position: absolute; z-index:5;}
.comment_win .content p {margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;}
.comment_win .content a {float: right; margin-top: 5px; padding-bottom: 5px;}

/* ---
*******************************************************************************************************************************/


.comments_ttl h4 {font-size: 16px; font-weight: bold; margin: 0px; text-transform: uppercase;}
.comments {}
.comments div {padding: 11px 0px 4px 0px; overflow: hidden; font-size: 11px; color: #929497; background: #FFF;}
.comments span {color: #bbbdbf;}
.comments b {color: #929497; font-weight: normal;}
.comments p {float:left; margin: 2px 15px 0px 0px;}
.comments i {display: block; float: left; width: 20px; height: 20px; background: #CCC; margin: 0px 6px 0px 0px;}
.comments em {display: block; float: left; height: 20px; margin: 0px; background: url(/assets/images/front/tab1.gif) left 8px repeat-x;}
.comments strong {display: block; font-weight: normal; padding: 0px 0px 11px 0px;}

.comments button {margin-top: 20px;}


.main_spacer {width: 998px; height: 20px; margin:0px; padding:0px; left:0; top:0;}

.footer {height: 49px; width: 100%; background: #fefefe url(/assets/images/front/f_bg.gif) left top repeat-x;}
.footer table {}

.footer_copy {padding: 8px 0px 0px 10px; width:240px; color:#a6a8ab; font-size:11px; line-height: 16px;}
.footer_copy a {color:#f2ac7c;}
.footer_copy a:hover {color:#ff8a39;}

.footer_menu {padding: 18px 0px 0px 0px; text-align:center;}
.footer_menu a {margin: 0px 10px 0px 10px; color:#808184;}
.footer_menu a:hover {color:#6c6c6c;}

.footer_counters {padding: 10px 10px 0px 0px; width:240px; text-align:right; overflow:hidden;}

DIV.error {
	background-color: red;
	border: 1px solid brown;
	color: white;
	font-weight: bold;
	margin-bottom: 2px;
	font-size: 13px;
	padding: 5px;
	width: 300px;
}


.news_add_img_tbl td {vertical-align:middle;}
.news_add_img {width:130px; height:130px; background: #DDD; text-align:center; color: #999;}
.news_add_img img {margin:0; padding:0; border:0;}
.news_add_img_controls {padding: 0px 0px 0px 10px;}

.obj_add_img_tbl td {vertical-align:middle;}
.obj_add_img {width:130px; height:130px; background: #DDD; text-align:center; color: #999;}
.obj_add_img img {margin:0; padding:0; border:0;}
.obj_add_img_controls {padding: 0px 0px 0px 10px;}


#en_load {
	position: absolute;
	display: none;
	z-index: 1000;
}

#en_load div {
	width: 100%;
	height: 100%;
	background: #FFF url(/assets/images/front/load_16x16.gif) no-repeat center;
	/*border: 1px solid #CCC;*/
	opacity: .6; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
	-khtml-opacity: .6; /* Safari 1.x */
	-moz-opacity: .6; /* FF lt 1.5, Netscape */
}

#form_help_win {
	position:absolute;
	display:none;
	z-index:100;
	width:250px;
	padding:7px;
	background:#e6f2ff;
	border: 2px #FFF solid;
	color:#666;
	font-size:11px;
}