body {
	padding: 0;
	margin: 0;
	background: #bdf8ff url(/public/images/body_bg.jpg) repeat-x top left;
	width: 100%;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}

hr {
	border: 0;
	border-top: #fff 1px solid;
}
#top {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 96px;
	background: url(/public/images/top_bg.jpg) no-repeat top center;
	text-align: center;
}
#top-search {
	padding: 40px 0 0 0;
	margin: 0 auto;
	width: 880px;
	text-align: right;
}
#header {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 140px;
	background: url(/public/images/header_bg.jpg) no-repeat top center;
	text-align: center;
}
#head {
	padding: 0;
	margin: 0 auto;
	width: 900px;
	height: 140px;
	background: url(/public/images/head_bg.jpg) no-repeat top left;
	text-align: left;
}
	ul#menu-main
	{
		padding: 55px 0 0 70px;
		margin: 0;
		list-style-type: none;
	}
	ul#menu-main li a {
		display: block;
		width: 163px;
		padding: 0 20px 0 0;
		background: url(/public/images/menu_main_bg.gif) no-repeat top right;
		font: 17px Arial, Helvetica, sans-serif;
		color: #328994;
		line-height: 24px;
		text-align: right;
		text-decoration: none;
	}
	ul#menu-main li a:hover {
		background: url(/public/images/menu_main_hover_bg.gif) no-repeat top right;
		color: #f712fe;
	}

	#ad-top {
		float: right;
		padding: 0;
		margin: 0;
		width: 640px;
		height: 140px;
		text-align: right;
	}
		#ad-top img {
			border: #fff 0px solid;
		}
		#ad-top .hird {
			float: right;
			margin: 0;
			padding: 0 0 0 6px;
			background: url(/public/images/ad_li_up.gif) no-repeat 0px 5px;
			font: 10px Arial, Helvetica, sans-serif;
			color: #7ec1ca;
		}
		#ad-top-1 {
			padding: 30px;
		}
		#ad-top-2 {
			padding: 10px 50px 0 0;
		}

#navig {
	padding: 0;
	margin: 0 auto;
	width: 900px;
	height: 35px;
	background: url(/public/images/navig_bg.jpg) no-repeat top center;
	text-align: left;
}
	#navig a {
		padding: 0 0 0 20px;
		background: url(/public/images/navig_star.gif) no-repeat 5px 3px;
		font: 11px Arial, Helvetica, sans-serif;
		color: #328994;
		line-height: 28px;
		text-decoration: none;
	}
	#navig a:hover {
		background: url(/public/images/navig_star_hover.gif) no-repeat 5px 3px;
		color: #f712fe;
	}
	#navig a.first {
		padding: 0 0 0 25px;
		background: url(/public/images/navig_star_first.gif) no-repeat 5px 0px;
	}
	#navig a.first:hover {
		background: url(/public/images/navig_star_first_hover.gif) no-repeat 5px 0px;
		color: #f712fe;
	}

#footer {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 107px;
	background: url(/public/images/footer_bg.jpg) no-repeat top center;
	text-align: center;
}
	#footer-content {
		width: 900px;
		margin: 0 auto;
		text-align: left;
	}
	#footer-content, #footer-content a {
		font: 12px Arial, Helvetica, sans-serif;
		color: #328994;
		text-decoration: none;
	}
	#footer-content a {
		background: url(/public/images/ad_li_r.gif) no-repeat 0px 5px;
		padding: 0 0 0 6px;
	}
	#footer-content a:hover {
		color: #f712fe;
		background: url(/public/images/ad_li_r.gif) no-repeat 0px -22px;
	}
	#footer .left {
		float: left;
		width: 290px;
		padding: 28px 0 0 20px;
	}
	#footer .right {
		float: left;
		width: 134px;
		padding-top: 28px;
	}

#data {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#content {
	float: right;
	width: 630px;
}
	#content h1 {
		clear: both;
		background: url(/public/images/box_head_bg.gif) no-repeat 10px 7px;
		margin-left: -34px;
		padding-left: 34px;
	}
	#content h2 {
		clear: both;
		width: 600px;
		padding: 11px 10px 10px 34px;
		margin: 0;
		font: bold 17px Arial, Helvetica, sans-serif;
		background: url(/public/images/box_head2_bg.gif) no-repeat 10px 11px;
		color: #f712fe;
	}
	#content h2 a, #content .box h2 a {
		font: bold 17px Arial, Helvetica, sans-serif;
		color: #968A74;
		text-decoration: none;
	}
	#content h2 a:hover, #content .box h2 a:hover {
		color: #f712fe;
		text-decoration: underline;
	}
	#content .box h2 {
		background: url(/public/images/box_h2_bg.gif) no-repeat 10px 14px;
		margin-left: -34px;
	}

	#content h3 {
		clear: both;
		width: 600px;
		padding: 10px 10px 5px 34px;
		margin: 0;
		background: url(/public/images/box_head2_bg.gif) no-repeat 10px 11px;
	}
	#content h3, #content .box h3 a {
		font: 14px Arial, Helvetica, sans-serif;
		color: #999;
		text-decoration: none;
	}
	#content h3 a:hover, #content .box h3 a:hover {
		color: #f712fe;
		text-decoration: underline;
	}
	#content .box h3 {
		background: url(/public/images/box_h2_bg.gif) no-repeat 10px 12px;
		margin-left: -34px;
	}

	div.head-01 { clear: both; background: url(/public/images/head_01.jpg) no-repeat top right; }
	#content .head-01 h2 { color: #f712fe; background: url(/public/images/box_head_bg.gif) no-repeat 10px 11px; }
	#content .head-01 h2 a { color: #f712fe; }
	#content .head-01 h2 a:hover { color: #f712fe; }

	div.head-02 { clear: both; background: url(/public/images/head_02.jpg) no-repeat top right; }
	#content .head-02 h2 { color: #f712fe; background: url(/public/images/box_head2_bg.gif) no-repeat 10px 11px; }
	#content .head-02 h2 a { color: #f712fe; }
	#content .head-02 h2 a:hover { color: #f712fe; }

	div.head-03 { clear: both; background: url(/public/images/head_03.jpg) no-repeat top right; }
	#content .head-03 h2 { color: #24a335; background: url(/public/images/box_head3_bg.gif) no-repeat 10px 11px; }
	#content .head-03 h2 a { color: #24a335; }
	#content .head-03 h2 a:hover { color: #24a335; }

	div.head-04 { clear: both; background: url(/public/images/head_04.jpg) no-repeat top right; }
	#content .head-04 h2 { color: #037fd9; background: url(/public/images/box_head4_bg.gif) no-repeat 10px 11px; }
	#content .head-04 h2 a { color: #037fd9; }
	#content .head-04 h2 a:hover { color: #037fd9; }

	div.head-05 { clear: both; background: url(/public/images/head_05.jpg) no-repeat top right; }
	#content .head-05 h2 { color: #968A74; background: url(/public/images/box_head5_bg.gif) no-repeat 10px 11px; }
	#content .head-05 h2 a { color: #968A74; }
	#content .head-05 h2 a:hover { color: #968A74; }

	div.head-06 { clear: both; background: url(/public/images/head_06.jpg) no-repeat top right; }
	#content .head-06 h2 { color: #968A74; background: url(/public/images/box_head5_bg.gif) no-repeat 10px 11px; }
	#content .head-06 h2 a { color: #968A74; }
	#content .head-06 h2 a:hover { color: #968A74; }

	div.head-07 { clear: both; background: url(/public/images/head_07.jpg) no-repeat top right; }
	#content .head-07 h2 { color: #c5363c; background: url(/public/images/box_head7_bg.gif) no-repeat 10px 11px; }
	#content .lead-07 h2 { margin-bottom: 0; padding-bottom: 0;}
	#content .lead-07 a { color: #c5363c; text-decoration: none; }
	#content .lead-07 a:hover { color: #968A74; text-decoration: underline; }
	.datum { font: 11px Arial, Helvetica, sans-serif; color: #999; }
	
	div.news-intro {
		float: left;
		width: 263px;
		padding: 12px 15px 0 32px;
		margin: 2px 0 5px 3px;
		background: url(/public/images/news_intro_bg.jpg) no-repeat top left;
		font: 11px Arial, Helvetica, sans-serif;
		/* color: #29808c; */
		color: #dcfbff;
	}
		#content .col2 {
			margin: 2px -10px 5px 8px;
		}
		#content .news-intro h3 {
			background: none;
			width: 270px;
			padding: 0;
			margin: 0;
			font: bold 13px Arial, Helvetica, sans-serif;
			color: #f712fe;
		}
		#content .news-intro h3 a {
			color: #f712fe;
		}
		#content .news-intro h3 a:hover {
			color: #000;
			text-decoration: none;
		}
		div.news-intro P {
			width: 270px;
			padding: 10px 0;
			margin: 0;
			color: #29808C;
		}
		div.news-intro img {
			padding: 0;
			margin: 0 8px 6px 0;
			border: 0;
		}
		div.news-intro a, div.news-intro P a {
			color: #29808C;
			text-decoration: none;
		}
		div.news-intro a:hover, div.news-intro P a:hover {
			color: #c500b0;
			text-decoration: none;
		}
		div.news-intro a.other {
			color: #000;
			text-decoration: none;
			background: url(/public/images/intro_other.gif) no-repeat 0px 1px;
			padding: 0 0 0 12px;
		}
		div.news-intro a:hover {
			text-decoration: underline;
		}
		
		#content .news-intro-footer {
			width: 310px;
			height: 10px;
			padding: 0;
			margin: 0 0 0 -32px;
			background: url(/public/images/news_intro_foot.gif) no-repeat bottom left;
			clear: both;
			font-size: 0px;
			line-height: 0px;
		}

	#content .box {
		float: right;
		width: 583px;
		padding: 0 10px 0 34px;
		margin: 2px 0 10px 0;
		background: url(/public/images/box_bg.gif) repeat-y top left;
		font: 12px Arial, Helvetica, sans-serif;
		color: #328994;
	}
	#content .box-search {
		float: right;
		width: 583px;
		padding: 0 10px 0 34px;
		margin: 2px 0 10px 0;
		background: url(/public/images/box_bg.gif) repeat-y top left;
		font: 12px Arial, Helvetica, sans-serif;
		color: #328994;
	}
	#content .box a {
		color: #f712fe;
		font: 12px Arial, Helvetica, sans-serif;
		color: #f712fe;
		text-decoration: none;
	}
	#content .box-search a {
		color: #f712fe;
		font: 12px Arial, Helvetica, sans-serif;
		color: #f712fe;
		text-decoration: none;
	}
	#content .box a:hover {
		color: #328994;
		text-decoration: underline;
	}
	#content .box-search a:hover {
		color: #328994;
		text-decoration: underline;
	}

	#content ul {
		list-style-type: none;
		margin: 0;
		padding: 10px 0 0 10px;
	}
	#content li {
		background: url(/public/images/intro_other.gif) no-repeat 0px 2px;
		padding: 0 0 0 15px;
		line-height: 1.8em;
		font: 12px Arial, Helvetica, sans-serif;
		color: #328994;
	}

	#content .nomargin {
		margin: 0px;
	}
	#content .nopadding {
		padding: 0px;
	}
	#content .plusfooter {
		padding-bottom: 0px;
	}
	#content .plusdetail {
		padding-bottom: 10px;
	}
	#content .news-list {
		border-bottom: #b6dadf 1px solid;
	}
	#content .lead-07 P.lead {
		margin-top: 5px;
	}
	#content .lead-07 P.lead img {
		margin: 5px 10px 10px 0;
	}
	.border-top {
		margin-top: 2px;
		border-top: #fff 1px solid;
	}
	#content .box-head {
		float: right;
		width: 592px;
		height: 22px;
		padding: 10px 0 0 35px;
		margin: 2px 0 0 0;
		background: url(/public/images/box_top_bg.jpg) no-repeat top left;
	}
	#content .box-head-search {
		float: right;
		width: 592px;
		height: 22px;
		padding: 10px 0 0 35px;
		margin: 2px 0 0 0;
		background: url(/public/images/box_top_bg.jpg) no-repeat top left;
	}
	#content .noflower {
		background: url(/public/images/box_top_noflower_bg.jpg) no-repeat top left;
	}
	#content .box-head2 {
		background: url(/public/images/box_top2_bg.jpg) no-repeat top left;
	}
	#content .box-head2-search {
		background: url(/public/images/box_top2_bg.jpg) no-repeat top left;
	}
	#content .box-head, #content .box-head2 {
		line-height: 14px;
		font: 11px Arial, Helvetica, sans-serif; 
		color: #999; 
	}
	
	#content .box-head-search, #content .box-head2-search {
		line-height: 14px;
		font: 11px Arial, Helvetica, sans-serif; 
		color: #999; 
	}
	
	#content .box-head a, #content .box-head2 a {
		font: 11px Arial, Helvetica, sans-serif; 
		color: #F712FE; 
		text-decoration: none;
	}
	#content .box-head-search a, #content .box-head2-search a {
		font: 17px Arial, Helvetica, sans-serif; 
		font-weight: bold;
		color: #F712FE; 
		text-decoration: none;
	}
	#content .box-head a:hover, #content .box-head2 a:hover {
		color: #328994; 
		text-decoration: underline;
	}
	#content .box-head-search a:hover, #content .box-head2-search a:hover {
		color: #328994; 
		text-decoration: underline;
	}
	#content .magenta {
		width: 585px;
		padding: 0 10px 0 30px;
		margin: 2px 0 5px 0;
		border: #fff 1px solid;
		background: none;
		background-color: #ec008c;
	}
	#content .magenta, .magenta a {
		color: #fff;
		text-decoration: none;
	}
	#content .box .pic {
		text-align: center;
		font: 11px Arial, Helvetica, sans-serif;
	}
	#content .box .pic-list {
		text-align: left;
	}
	#content .stepbystep {
		border-top: #fff 1px solid;
		clear: both;
		padding: 10px 0;
	}
	#content .stepbystep P {
		float: right;
		width: 400px;
		padding: 0;
		margin: 0;
		text-align: left;
	}
	#content .box .pic img {
		border: #d000a2 4px solid;
		margin: 0 6px 5px 0;
	}
	#content .box .pic-thin img {
		border: #d000a2 1px solid;
		margin: 0 6px 5px 0;
	}

	#content .box a.more {
		font: 13px Arial, Helvetica, sans-serif;
		color: #F712FE;
		text-decoration: none;
	}
	#content .box a.more:hover {
		color: #c500b0;
		text-decoration: underline;
	}
	#content .news-intro a.more {
		font: 11px Arial, Helvetica, sans-serif;
		color: #F712FE;
		text-decoration: none;
	}
	#content .news-intro a.more:hover {
		color: #c500b0;
		text-decoration: underline;
	}

	#content .box P {
		margin: 0;
		padding: 0 0 10px 0;
	}
	#content .box P.lead-in {
		font-style: italic;
	}
	#forum-search {
		padding: 13px 0 8px 15px;
		margin: 0 0 0 -10px;
		background: url(/public/images/forum_search_bg.jpg) no-repeat 0px 5px;
	}
	.sep {
		font: normal 11px Arial, Helvetica, sans-serif;
	}
	#content .datasheet {
		line-height: 1.4em;
	}
	#content .data-title {
		font-weight: bold;
		color: #006666;
	}
	#content .datasheet blockquote {
		clear: both;
		padding: 5px;
		margin: 0;
		background: none;
		border: #fff 1px solid;
	}
	
	#content .box th {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #328994;
		border-bottom: #fff 2px solid;
	}
	#content .box td {
		font: 11px Arial, Helvetica, sans-serif;
		color: #328994;
		border-bottom: #fff 1px solid;
	}
	#content .box td a {
		font: 11px Arial, Helvetica, sans-serif;
		color: #328994;
		text-decoration: none;
	}
	#content .box td a.topik {
		font-size: 12px;
	}
	#content .box td a:hover {
		color: #c500b0;
		text-decoration: underline;
	}
	#content .to-the-top {
		clear: both;
	}
	#content .to-the-top a {
		padding: 0 0 0 40px;
		background: url(/public/images/navig_star.gif) no-repeat 25px 3px;
		font: 11px Arial, Helvetica, sans-serif;
		color: #328994;
		line-height: 28px;
		text-decoration: none;
	}
	#content .to-the-top a:hover {
		background: url(/public/images/navig_star_hover.gif) no-repeat 25px 3px;
		color: #f712fe;
	}
	#content .box-footer {
		width: 627px;
		height: 10px;
		padding: 0;
		margin: 0 0 0 -34px;
		background: url(/public/images/box_footer.gif) no-repeat bottom left;
		clear: both;
		font-size: 0px;
		line-height: 0px;
	}
	#content .box-footer-search {
		width: 627px;
		height: 10px;
		padding: 0;
		margin: 0 0 0 -34px;
		background: url(/public/images/box_footer.gif) no-repeat bottom left;
		clear: both;
		font-size: 0px;
		line-height: 0px;
	}
	.hsz {
		clear: both;
		font: 12px Arial, Helvetica, sans-serif;
		color: #555;
		line-height: 1.8em;
		border-bottom: #fff 1px solid;
		padding-bottom: 5px;
		margin-bottom: 20px;
		background: url(/public/images/hsz_bg.jpg) no-repeat bottom left;
	}
		.hsz .pic {
			clear: both;
			float: right;
			padding: 0 0 10px 10px;
		}
		.hsz .user {
			display: block;
			padding-top: 10px;
		}
		.hsz .reply {
			float: right;
		}
		.hsz .reply a, .reply a {
			background: url(/public/images/reply.gif) no-repeat 0px 5px;
			padding-left: 10px;
		}
		.hsz img {
			margin: -2px 6px 6px 6px;
			border: #6BD6E6 1px solid;
			padding: 1px;
		}
		.hsz a {
			color: #328994;
			text-decoration: none;
		}
		.hsz a:hover {
			color: #c500b0;
			text-decoration: underline;
		}
		#content .hsz P {
			clear: both;
			padding: 0 0 10px 45px;
			margin: 0;
		}
		blockquote {
			clear: both;
			background: #D4EEEF url(/public/images/quote_bg.gif) no-repeat top right;
			padding: 5px;
			margin: 0 5px 10px 55px;
			border: #fff 1px solid;
			color: #666;
		}
		blockquote blockquote {
			clear: both;
			background: #D4EEEF url(/public/images/quote_bg.gif) no-repeat top right;
			padding: 5px;
			margin: 0 5px 5px 15px;
			border: #fff 1px solid;
			color: #666;
		}

		TR.even TD {
			background: none;
		}
		TR.odd TD {
			background: #D4EEEF;
		}
	
#left {
	float: left;
	width: 260px;
}
	#left h4 {
		width: 220px;
		padding: 13px 10px 10px 30px;
		margin: 0;
		background: url(/public/images/left_box_h4.gif) no-repeat top left;
		font: 17px Arial, Helvetica, sans-serif;
		color: #328994;
	}
	#content .magenta h4 {
		font: bold 17px Arial, Helvetica, sans-serif;
		color: #fff;
		padding: 0;
		margin: 0;
	}
	#left .box {
		width: 242px;
		padding: 8px;
		margin: 0;
		background-color: #dbfbff;
		border-top: #fff 1px solid;
		border-right: #fff 1px solid;
		border-left: #fff 1px solid;
		font: 12px Arial, Helvetica, sans-serif;
		color: #328994;
	}
	#left .box-footer {
		width: 260px;
		height: 3px;
		padding: 0;
		margin: 0 0 10px 0;
		background: url(/public/images/left_box_bg.gif) no-repeat bottom left;
		clear: both;
		font-size: 0px;
		line-height: 0px;
	}
	#left .box P {
		padding: 0 0 5px 0;
		margin: 0;
	}
	FORM.login {
		background: url(/public/images/login_bg.gif) no-repeat top left;
		padding: 7px 0 5px 10px;
		margin: 0;
	}
	#left .data {
		padding: 0 5px 5px 10px;
		margin: 0;
	}
	FORM.login P, #left .box P {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	#left .box FORM.login P {
		padding: 10px 0 0 0;
	}
	FORM.login P, FORM.login input {
		font: 11px Arial, Helvetica, sans-serif;
		color: #328994;
	}
	FORM.login .inputbox {
		width: 64px;
		padding-right: 16px;
	}
	FORM.login .reminder {
		width: 140px;
		padding-right: 16px;
	}
	FORM.login .inputbox-submit {
		width: 46px;
		padding-top: 2px;
		color: #000;
	}
	FORM.login a {
		font: 11px Arial, Helvetica, sans-serif;
		color: #328994;
		text-decoration: none;
	}
	FORM.login a:hover {
		color: #f712fe;
	}
	#left .data, #left .data a {
		font: 12px Arial, Helvetica, sans-serif;
		color: #328994;
		text-decoration: none;
		line-height: 1.8em;
	}
	#left .data a:hover {
		color: #f712fe;
	}

#menu {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
	#menu li a {
		display: block;
		width: 220px;
		padding: 0 0 0 20px;
		background: url(/public/images/menu_bg.gif) no-repeat 0px 6px;
		font: bold 13px Arial, Helvetica, sans-serif;
		color: #328994;
		line-height: 26px;
		text-align: left;
		text-decoration: none;
		border-bottom: #fff 1px solid;
	}
	#menu li a:hover {
		background: url(/public/images/menu_hover_bg.gif) no-repeat 0px 6px;
		color: #f712fe;
	}
	#menu li a.m01 {color: #c5363c; background: #ffefef;}
	#menu li a.m02 {color: #b53df1; background: #f5e9ff;}
	#menu li a.m03 {color: #037fd9; background: #e8f5fe;}
	#menu li a.m04 {color: #0fa70d; background: #dffedf;}
	#menu li a.m05 {color: #956900; background: #fff2d5;}
	#menu li a.m06 {color: #817814; background: #fff5bf;}
	#menu li a.m07 {color: #7c705a; background: #fdf1db;}
	#menu li a.m08 {color: #5f5dc0; background: #f1f3ff;}
	#menu li a.m09 {color: #468045; background: #e3fedf;}
	#menu li a.m10 {color: #6b6b6b; background: #f0f0f0;}
	#menu li a.m11 {color: #a44d56; background: #ffebec;}
	#menu li a.m12 {color: #6a5fbb; background: #f2f1ff;}
	#menu li a.m13 {color: #d826c2; background: #ffe8fd;}

	#menu li a.m01:hover {color: #328994; background: #fff url(/public/images/menu_bg.gif) no-repeat 0px 6px;}
	#menu li a.m02:hover {color: #328994; background: #fff url(/public/images/menu_bg.gif) no-repeat 0px 6px;}
	#menu li a.m03:hover {color: #328994; background: #fff url(/public/images/menu_bg.gif) no-repeat 0px 6px;}
	#menu li a.m04:hover {color: #328994; background: #fff url(/public/images/menu_bg.gif) no-repeat 0px 6px;}
	#menu li a.m05:hover {color: #328994; background: #fff url(/public/images/menu_bg.gif) no-repeat 0px 6px;}
	#menu li a.m06:hover {color: #328994; background: #fff url(/public/images/menu_bg.gif) no-repeat 0px 6px;}
	#menu li a.m07:hover {color: #328994; background: #fff url(/public/images/menu_bg.gif) no-repeat 0px 6px;}
	#menu li a.m08:hover {color: #328994; background: #fff url(/public/images/menu_bg.gif) no-repeat 0px 6px;}
	#menu li a.m09:hover {color: #328994; background: #fff url(/public/images/menu_bg.gif) no-repeat 0px 6px;}
	#menu li a.m10:hover {color: #328994; background: #fff url(/public/images/menu_bg.gif) no-repeat 0px 6px;}
	#menu li a.m11:hover {color: #328994; background: #fff url(/public/images/menu_bg.gif) no-repeat 0px 6px;}
	#menu li a.m12:hover {color: #328994; background: #fff url(/public/images/menu_bg.gif) no-repeat 0px 6px;}
	#menu li a.m13:hover {color: #328994; background: #fff url(/public/images/menu_bg.gif) no-repeat 0px 6px;}


.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

a.star {
	padding: 0 0 0 20px;
	background: url(/public/images/navig_star.gif) no-repeat 5px 3px;
}
a.star:hover {
	padding: 0 0 0 20px;
	background: url(/public/images/navig_star_hover.gif) no-repeat 5px 3px;
}
.magenta a.star {
	background: url(/public/images/navig_star_white.gif) no-repeat 5px 3px;
}
.magenta a.star:hover {
	padding: 0 0 0 20px;
	background: url(/public/images/navig_star_white_hover.gif) no-repeat 5px 3px;
}

/* FORM */
input.inputbox {
	border: none;
	background: none;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}
input.inputbox-submit {
	border: none;
	background: none;
	width: 30px;
	height: 18px;
	margin-left: 5px;
	cursor: pointer;
}
#content FORM .inputbox-file {
	height: 30px;
	background: url(/public/images/btn_r.jpg) no-repeat top right;
	border: none;
	padding-right: 20px;
}
input.Xinput-file {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000;
	border: #f00 1px dashed;
	background: url(/public/images/btn_r.jpg) no-repeat top right;
	margin-left: 5px;
	cursor: pointer;
}

fieldset {
	border: none;
	border-top: #968A74 1px solid;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #000;
	background: url(/public/images/fieldset_bg.jpg) no-repeat top left;
}
legend.topic-name {
	font: bold 17px Arial, Helvetica, sans-serif;
	color: #037FD9;
	background-color: #DBFBFF;
	padding: 4px 10px;
}
label, label.required {
	font: 13px Arial, Helvetica, sans-serif;
	color: #6f5e3f;
}
label.required:before {
	content: "* ";
	color: #c00;
}
input, select, textarea {
	border: none;
	border: #90A9AE 1px solid;
	color: #6f5e3f;
}
.check { border: none; }
.submit {
	height: 30px;
	background: url(/public/images/btn_l.jpg) no-repeat top left;
	padding: 0 0 0 10px;
}
.submit {
	float: left;
	width: 100px;
}
.submit input {
	height: 30px;
	background: url(/public/images/btn_r.jpg) no-repeat top right;
	border: none;
	padding-right: 20px;
}


/* LIST NAVIG */
.list-navig {
	border: none;
	padding: 8px 3px 3px 3px;
	margin: 0;
	text-align: center;
	height: 10px;
}
.list-navig-links {
	float: left;
	width: 320px;
	text-align: center;
}
.list-navig-links, .list-navig-links a {
    font: 12px arial, verdana;
    color: #328994;
	text-decoration: none;
}
.list-navig-links a, .list-navig-links b, .list-navig-links strong {
	width: 20px;
	padding-left: 4px;
	padding-right: 4px;
	border: #eee 1px solid;
}
.list-navig-links b, .list-navig-links strong {
	border: #aaa 1px solid;
}
.list-navig-links a:hover {
	color: #EC008C;
	background-color: #f5f5f5;
	border: #ccc 1px solid;
}
.list-navig-left {
	float: left;
	width: 100px;
	text-align: left;
}
.list-navig-left, .list-navig-left a {
    font: 12px arial, verdana;
    color: #99CCCC;
	text-decoration: none;
}
.list-navig-left a {
    color: #328994;
}
.list-navig-left a:hover {
    color: #EC008C;
}
.list-navig-right {
	float: right;
	width: 120px;
	text-align: right;
}
.list-navig-right, .list-navig-right a {
    font: 12px arial, verdana;
    color: #328994;
	text-decoration: none;
}
.list-navig-right a {
    color: #328994;
}
.list-navig-right a:hover {
    color: #EC008C;
}
.col-left {
	float: left;
	width: 313px;
}
.col-right {
	width: 310px;
	float: right;
}

a.adminlink {
	margin-left: 5px;
}
a.adminlink_red {
	margin-left: 5px;
	background-color: red;
	color: white;
}

.error, #content P.error, #left P.error {
	padding: 6px;
	margin: 5px;
	background: #fff;
	border: #EB0188 2px solid;
	font: normal 13px Arial, Helvetica, sans-serif;
}
.uzenet, #content P.uzenet, #left P.uzenet {
	padding: 6px;
	margin: 5px;
	background: #EAFDFF;
	border: #73D8E2 2px solid;
	font: normal 13px Arial, Helvetica, sans-serif;
}