/* Colours and backgrounds for links.css */
a{ text-decoration:none;}
a:link	{ color: #009;}
/*a:link	{ color: rgb(70,122,167); } }*/
/*a:visited	{ color: #CC3300; }*/
a:visited	{ color: #009; }
/*a:hover	{ color: #red; }*/
a:hover	{ color: #FF0900; }
a:active	{ color: red; }
ul{list-style-type:none;padding:0px;margin:0px;}
ul a{display: block;}
/*****************************/
hr{clear:both;height:1px;border-width:0;background-color:#ccc;}
/* boxs */
#box_about{
	margin-top:10px;
	background-color:#FAFAFA;
}
#box_photo{
	margin-top:10px;
	background-color:#FAFAFA;
}
#box_links{
	margin-top:10px;
	background-color:#FAFAFA;
}
#box_documents{
	margin-top:10px;
	background-color:#FAFAFA;
}
/* for round corner */
.round_cornr_box_0 {clear:both;background: #fff;margin:5px 0;}
.round_cornr_top_0 div {background: url(../../resource/img/round/round_cornr_1_tl.png) no-repeat top left;}
.round_cornr_top_0 {background: url(../../resource/img/round/round_cornr_1_tr.png) no-repeat top right;}
.round_cornr_bottom_0 div {background: url(../../resource/img/round/round_cornr_1_bl.png) no-repeat bottom left;}
.round_cornr_bottom_0 {background: url(../../resource/img/round/round_cornr_1_br.png) no-repeat bottom right;}
.round_cornr_top_0 div, .round_cornr_top_0, 
.round_cornr_bottom_0 div, .round_cornr_bottom_0 {
   width: 100%;
   height: 5px;
   font-size: 1px;
}
.round_cornr_content_0 { margin: 0 10px; }
/*-------------------*/
.round_cornr_box_1 {clear:both;background: #fff;margin:5px 0 8px;}
.round_cornr_top_1 div {background: url(../../resource/img/round/round_cornr_1_tl.png) no-repeat top left;}
.round_cornr_top_1 {background: url(../../resource/img/round/round_cornr_1_tr.png) no-repeat top right;}
.round_cornr_bottom_1 div {background: url(../../resource/img/round/round_cornr_1_bl.png) no-repeat bottom left;}
.round_cornr_bottom_1 {background: url(../../resource/img/round/round_cornr_1_br.png) no-repeat bottom right;}
.round_cornr_top_1 div, .round_cornr_top_1, 
.round_cornr_bottom_1 div, .round_cornr_bottom_1 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.round_cornr_content_1 { margin: 0 10px; }
/*-------------------*/
.round_cornr_box_2 {clear:both;background: #f2f2f2;margin:10px 0;}
.round_cornr_top_2 div {background: url(../../resource/img/round/round_cornr_2_tl.png) no-repeat top left;}
.round_cornr_top_2 {background: url(../../resource/img/round/round_cornr_2_tr.png) no-repeat top right;}
.round_cornr_bottom_2 div {background: url(../../resource/img/round/round_cornr_2_bl.png) no-repeat bottom left;}
.round_cornr_bottom_2 {background: url(../../resource/img/round/round_cornr_2_br.png) no-repeat bottom right;}
.round_cornr_top_2 div, .round_cornr_top_2, 
.round_cornr_bottom_2 div, .round_cornr_bottom_2 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.round_cornr_content_2 { margin: 0 10px; }
.round_cornr_content_0 h3,.round_cornr_content_1 h3,.round_cornr_content_2 h3 {
	height:20px;
	color: #333;
	padding:5px 15px 0;
	margin-bottom:5px;
	font:bold 12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align:center;
	background:url(../../resource/img/bg_gray2.jpg) repeat-x;
}
/*--------------*/
.box_gray1_box {
	background: url(../../resource/img/round/box_gray1_tl.png) no-repeat top left;
}
.box_gray1_top {
	background: url(../../resource/img/round/box_gray1_tr.png) no-repeat top right;
}
.box_gray1_bottom {
	background: url(../../resource/img/round/box_gray1_bl.png) no-repeat bottom left;
}
.box_gray1_bottom div {
	background: url(../../resource/img/round/box_gray1_br.png) no-repeat bottom right;
}
.box_gray1_content {
	background: url(../../resource/img/round/box_gray1_r.png) top right repeat-y;
}

.box_gray1_top div,.box_gray1_top,
.box_gray1_bottom div, .box_gray1_bottom {
	width: 100%;
	height: 19px;
	font-size: 1px;
}
.box_gray1_content{
	margin-top: -1px;
}
.box_gray1_bottom {
	margin-top: -19px;
}
.box_gray1_content { padding: 0 10px 10px 0; }
.box_green1_box {
	background: url(../../resource/img/round/box_green1_tl.png) no-repeat top left;
}
.box_green1_top {
	background: url(../../resource/img/round/box_green1_tr.png) no-repeat top right;
}
.box_green1_bottom {
	background: url(../../resource/img/round/box_green1_bl.png) no-repeat bottom left;
}
.box_green1_bottom div {
	background: url(../../resource/img/round/box_green1_br.png) no-repeat bottom right;
}
.box_green1_content {
	background: url(../../resource/img/round/box_green1_r.png) top right repeat-y;
}

.box_green1_top div,.box_green1_top,
.box_green1_bottom div, .box_green1_bottom {
	width: 100%;
	height: 19px;
	font-size: 1px;
}
.box_green1_content{
	margin-top: -1px;
}
.box_green1_bottom {
	margin-top: -19px;
}
.box_green1_content { padding: 0 10px; }
.box_green2_box {
	background: url(../../resource/img/round/box_green2_tl.png) no-repeat top left;
}
.box_green2_top {
	background: url(../../resource/img/round/box_green2_tr.png) no-repeat top right;
}
.box_green2_bottom {
	background: url(../../resource/img/round/box_green2_bl.png) no-repeat bottom left;
}
.box_green2_bottom div {
	background: url(../../resource/img/round/box_green2_br.png) no-repeat bottom right;
}
.box_green2_content {
	background: url(../../resource/img/round/box_green2_r.png) top right repeat-y;
}

.box_green2_top div,.box_green2_top,
.box_green2_bottom div, .box_green2_bottom {
	width: 100%;
	height: 19px;
	font-size: 1px;
}
.box_green2_content{
	margin-top: -1px;
}
.box_green2_bottom {
	margin-top: -19px;
}
.box_green2_content { padding: 0 10px; }
/*--------------*/
.round_box_1 {
	background: url(../../resource/img/round/round_box_1_tl.png) no-repeat top left;
}
.round_box_1_top {
	background: url(../../resource/img/round/round_box_1_tr.png) no-repeat top right;
}
.round_box_1_bottom {
	background: url(../../resource/img/round/round_box_1_bl.png) no-repeat bottom left;
}
.round_box_1_bottom div {
	background: url(../../resource/img/round/round_box_1_br.png) no-repeat bottom right;
}
.round_box_1_content {
	background: url(../../resource/img/round/round_box_1_r.png) top right repeat-y;
}
.round_box_1_top div,.round_box_1_top,
.round_box_1_bottom div, .round_box_1_bottom {
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.round_box_1_content {
	margin-top: -1px;
}
.round_box_1_bottom {
	margin-top: -15px;
}

.round_box_1_content { padding: 0 5px; }
/* end round corner */
.box_right_side {
	width:221px;
	background:url('../../resource/img/box_right_side.gif') no-repeat right top;
	margin: 10px 0;
	border-bottom:1px solid #ccc;
}
.box_left_side {
	width:200px;
	background:url('../../resource/img/box_left_side.gif') no-repeat left top;
	margin: 10px 0;
	border-bottom:1px solid #ccc;
}

.box_right_side h3,.box_left_side h3 {
	height:20px;
	color: #333;
	padding:5px 15px 0;
	margin:0;
	font:bold 12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align:center;
}
.inside_box {
	padding:10px 5px 5px;
}
.roundtop,.roundbottom{display:block}
.roundtop *,.roundbottom *{display:block;height: 1px;overflow: hidden}
.round1{margin: 0 5px}
.round2{margin: 0 3px}
.round3{margin: 0 2px}
.round4{margin: 0 1px;height: 2px}

.rounds1{margin: 0 2px}
.rounds2{margin: 0 1px;}
/******************/
/* start box*/
.box-withe0 {
	float: right;
	width: 99%;
	margin: 0 0 0.8em;
/*	padding: 0.4em 0.4em 0.4em 0.4em;*/
	border: solid 0.1em #c8c8c8;
	font:12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}	
.box-title-blue0
{
	margin: 0 0 0.2em;
	text-align:center;
	font:bold 12px tahoma,verdana,arial,sans;
	height:25px;
	color:#033;
	background:url('../../resource/img/header.gif') repeat-x;
}
.box-title-gray {
/*	background-color: #dcdcdc;*/
	background:url('../../resource/img/bg_gray1.gif') repeat-x;
}
.box-title-blue {
	background-color: #bbd3f7;	
}
.box-title-yellow {
	background-color: #ffec80;	
}
.box-title-green {
	background-color: #c4dd6c;
}
.box-title-red {
	background-color: #ffb0b0;
}
.box-title-gray,.box-title-blue,.box-title-yellow,.box-title-green,.box-title-green,.box-title-red
{
	clear: both;
	display: block;
	margin: 0 0 0.2em;
/*	padding: 0.2em 0.2em 0.2em 0.2em;*/
	text-align:center;
	font:bold 12px tahoma,verdana,arial,sans;
	color: #323232;
	height:25px;
}
.box-withe {
	background-color: #fff;
}	
.box-blue {
	background-color: #e2eefc;
}	
.box-yellow {
	background-color: #fff0aa;
}	
.box-green {
	background-color: #e0f4b5;
}	
.box-red {
	background-color: #ffdbdb;		
}	
.box-withe,.box-blue,.box-yellow,.box-green,.box-red
{
	float: right;
	width: 99%;
	margin: 0 0 0.8em;
/*	padding: 0.4em 0.4em 0.4em 0.4em;*/
	border: solid 0.1em #c8c8c8;
	font:12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.box-withe p {
	margin: 0.3em 0 0.4em;
}

.box-blue p {
	margin: 0.3em 0 0.4em;
}

.box-yellow p {
	margin: 0.3em 0 0.4em;
}

.box-green p {
	margin: 0.3em 0 0.4em;
}

.box-red p {
	margin: 0.3em 0 0.4em;
}

.right-column-img{
	float: right;
	margin: 1em 0 0;
	border: solid 1px #646464;
}
/* end box*/
/* icons class*/
.back_icon{
	float:left;
	width:20px;
	height:20px;
	background:url('../../resource/img/back1.png') no-repeat center;
}
.edit_icon{
	width:15px;
	height:auto;
	background:url('../../resource/img/edit.png') no-repeat top center;
}
.delete_icon{
	width:15px;
	height:auto;
	background:url('../../resource/img/delete.png') no-repeat top center;
}
.pdf_icon{
	padding:3px 1px;
	background:url('../../resource/img/pdf.gif')  no-repeat;
}
.arrow_icon{
	width:12px;
	height:10px;
	background-color:#fff;
	border:0;
	padding:0 5px;
}
/* end icons class*/
h1.pagetitle {margin:0 0 0.4em; padding:0 0 2px; border-bottom:solid 7px #e1e1e1; font-family:"trebuchet ms",arial,sans-serif; color:#646464; font-weight:700; font-size:220%;}
h1.block {clear:both; margin:1em 0 0; padding:2px 0 2px 2px; background:#bebebe; font-family:"trebuchet ms",arial,sans-serif; color:#fff; font-weight:700; font-size:220%;}
h1 {clear:both; margin:1em 0 0.5em; font-family:"trebuchet ms",arial,sans-serif; color:#505050; font-weight:400; font-size:210%;}
h2 {clear:both; margin:1em 0 0.5em; font-family:"trebuchet ms",arial,sans-serif; color:#505050; font-weight:400; font-size:170%;}
h3 {clear:both; margin:0 0 0.5em; font-family:"trebuchet ms",arial,sans-serif; color:#7d7d7d; font-weight:400; font-size:70%;}
.h1 {
	font-size: 16px;
	color: #254682;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 20px;
	font-weight: bold;
	padding-right: 20px;
	padding-top: 15px;
}
.h2 {
	font-size: 16px;
	color: #994688;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 5px;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 35px;
}
.h3 {
	font-size: 12px;
	color: #333333;
	text-align: justify;
	font-family: tahoma;
	padding-right: 20px;
	padding-left: 20px;
}
.h4 {
	font-size: 12px;
	color: #333333;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 35px;
	padding-right: 35px;	
}
.float_none{float:none;}
.float_right{float:right;text-align:right;}
.float_left{float:left;text-align:left;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.center{text-align:center;}

/* login class */
.loginform {clear:both;width:90%;;background: #f2f2f2 url('../../resource/img/lock.gif') 1px 95px no-repeat;}
.loginform p {clear:both; margin:0; padding:0;}
.loginform fieldset {width:100%; border:none;}
.loginform label.top {float:right; width:100%; margin:0 0 2px; font-size:110%;}
.loginform label.right {float:right; width:100%; margin:5px 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.loginform input.field {width:100%; margin:0 0 5px; padding:0.1em 0 0.2em !important /*Non-IE6*/; padding:0.2em 0 0.3em /*IE6*/; border:solid 1px #c8c8c8; font-family:verdana,arial,sans-serif; font-size:110%;}
.loginform input.button {float:right; width:5em; margin:5px 0 1px;background:#e6e6e6; border:solid 1px #969696;text-align:center; font-family:verdana,arial,sans-serif; color:#323232; font-size:110%;}
.loginform input.button:hover {cursor:pointer; border:solid 1px #505050; background:#dcdcdc; color:#505050;}
/* end login class */		
/* ======== buttons =====*/
input.button
{
	height: 28px;
	margin: 0;
	padding: 2px 3px; 
	color: #fff;
	background:#306bc1 url('../../resource/img/button-bg.jpg') repeat-x 0 0; 
	border: 1px solid #306bc1;
}
/* ======== buttons =====*/
.rssbutton{
background-color: #f60;
border: 1px #f60 outset;
padding: 0 2px;
color: #fff;
text-decoration: none;
font: bold 10px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.rssbutton:visited, .rssbutton:hover, .rssbutton:active{
color: #fff;
}
.cssbutton{
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
color: #000;
text-decoration: none;
font:12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding:2px
}
.cssbutton:visited{
color: #000;
}
.cssbutton:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 2px 0; /*shift text 1px to the right and down*/
}
.cssbutton:active{
color: #000;
}
.title0 {
	color: #254682;
	font:bold 12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background:url(../../resource/img/title0.jpg) top right no-repeat;
	padding:5px;
}
.show_info{
font:12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-align:justify;
padding:5px;
}
.title0 {
	color: #254682;
	font:bold 12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background:url(../../resource/img/title0.jpg) top right no-repeat;
	padding:5px;
}
.info_header{clear:both;height:20px;margin:2px 0; padding:4px 5px 2px 0;font:bold 12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;color:#033;background:url('../../resource/img/bg_title.gif') top repeat-x 99%;}
/*.info_header{clear:both;height:20px;margin:2px 0; padding:4px 25px 2px 0;font:bold 12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;color:#033;background:#F4F8FD url('../../resource/img/circle.gif') no-repeat 99%;}*/
.info_header1{clear:both;height:20px;margin:2px 0; padding:4px 25px 2px 0;font:bold 12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;color:#033;background:url('../../resource/img/end_info.jpg') no-repeat center;}
.info_detail{
font:12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-align:justify;
padding:5px;
}
.info_detail img,show_info img{margin:2px 2px 2px 0; padding:2px;border:1px solid #e5e5e5;}
.info_detail img{
float:left;
width:190px;
height:127px;
}
.text_bold{
font:bold 11px tahoma,verdana,arial,sans;
}
.commentbox{
background-color: #ececec;
width: 98%;
padding:5px;
}
.commentfooter{
background: url('../../resource/img/arrow.gif') no-repeat right bottom; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding:1px 40px 0 0;
margin-bottom: 2em;
font:11px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
color:#666;
}
p.quote:first-letter 
{
	color: #6F9800;
	font-size:xx-large;
	margin-top: 20px;
	font-size: 2.5em;
    padding-right: 2px;
}
.info  {clear:both;font:11px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color:#505050;}
.end_info  {clear:both;margin:10px 0 0;height:20px;padding:4px 15px 2px 0;text-align:center;font:11px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color:#505050;background:url('../../resource/img/end_info.jpg') no-repeat center;}
.error {text-align:center;color:#C03;font:bold 11px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;}

.unit-border {width:99%; margin:0 0 2em; padding:0 0 10px; background:#f5f5f5;}
.unit-border-green {width:99%; margin:0 0 2.5em; padding:0 0 10px; background-color:#d9efb9;}
.unit-border-blue  {width:99%; margin:0 0 2.5em; padding:0 0 10px; background-color:#d5e1f0;}
.unit-border-orange {width:99%; margin:0 0 2.5em; padding:0 0 10px; background-color:#f8e096;}
.unit-border:after,.unit-border-green:after,.unit-border-blue:after,.unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.unit-border  h1{
	height:20px;
	color: #333;
	padding:5px;
	margin:0;
	font:bold 12px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.round-border-topright {width:10px; height:10px; position:relative; z-index:100; background:url(../../resource/img/bg_corner_topright.gif) no-repeat; margin-top:-1px; float:right;}
.round-border-topleft {width:10px; height:10px; position:relative; z-index:100; background:url(../../resource/img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; float:left;}

#left_side .searchform {width:99%;padding-top:5px;}
#left_side .searchform fieldset {border:none;}
#left_side .searchform input.field {float:right; width:100%; padding:0.1em 0 0.2em !important /*Non-IE6*/; padding:0.2em 0 0.3em /*IE6*/; border:1px solid #c8c8c8;}
#left_side .searchform input.button {float:left; width:2em; margin-top: 0.5em; padding:1px;background:url(../../resource/img/search.png) left no-repeat;border:0;}
#left_side .searchform input.button:hover {cursor:pointer;}

.roundbox {
	margin-bottom: 5px;
	width: 548px;
	background:url(../../resource/img/roundbox_bg.jpg) repeat-y;
}
.roundbox_header {
	padding: 12px 10px 5px;
	background:url(../../resource/img/roundbox_bg_top.jpg) no-repeat 0 0;
	height: 20px;
}
.roundbox_header strong {
	float: right;
	padding-right:30px;
	color:#060;
}
.roundbox_content {
	padding: 0 10px 20px;
	background:url(../../resource/img/roundbox_bg_bot.jpg) no-repeat 0 100%;
	line-height: 14px;
}
.button1{
width:135px;
height:23px;
float:left;
background:url(../../resource/img/button1.gif) no-repeat;
font: bold 13px 'Tahoma', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-align:center;
}

/* Basic Colors */
.box-title-right {float: right; width: 0.50em; padding:2px 0px 5px 1px;}
.box-title-left {float: left; width: 0.50em; padding:2px 0px 2px 1px;}
.box-off {display: none;}
.bg-white {background-color: rgb(255,255,255);}
.bg-black {	background-color: rgb(0,0,0);}
/* Grey */
.bg-grey01 {background-color: rgb(242,242,242);}
.bg-grey02 {background-color: rgb(230,230,230);}
.bg-grey03 {background-color: rgb(217,217,217);}
.bg-grey04 {background-color: rgb(204,204,204);}
.bg-grey05 {background-color: rgb(191,191,191);}
.bg-grey06 {background-color: rgb(178,178,178);}
.bg-grey07 {background-color: rgb(153,153,153);}
.bg-grey08 {background-color: rgb(127,127,127);}
.bg-grey09 {background-color: rgb(89,89,89);}
.bg-grey10 {background-color: rgb(51,51,51);}
/* Yellow */
.bg-yellow01 {background-color: rgb(254,252,232);}
.bg-yellow02 {background-color: rgb(253,249,201);}
.bg-yellow03 {background-color: rgb(253,246,185);}
.bg-yellow04 {background-color: rgb(252,243,162);}
.bg-yellow05 {background-color: rgb(251,239,139);}
.bg-yellow06 {background-color: rgb(250,236,116);}
.bg-yellow07 {background-color: rgb(249,233,93);}
.bg-yellow08 {background-color: rgb(249,230,69);}
.bg-yellow09 {background-color: rgb(248,227,46);}
.bg-yellow10 {background-color: rgb(247,224,23);}
/* Blue */
.bg-blue01 {background-color: rgb(238,237,249);}
.bg-blue02 {background-color: rgb(222,220,242);}
.bg-blue03 {background-color: rgb(205,202,236);}
.bg-blue04 {background-color: rgb(189,185,229);}
.bg-blue05 {background-color: rgb(172,167,223);}
.bg-blue06 {background-color: rgb(155,149,217);}
.bg-blue07 {background-color: rgb(139,132,210);}
.bg-blue08 {background-color: rgb(122,114,204);}
.bg-blue09 {background-color: rgb(106,97,197);}
.bg-blue10 {background-color: rgb(89,79,191);}
/* Green */
.bg-green01 {background-color: rgb(237,246,229);}
.bg-green02 {	background-color: rgb(220,238,204);}
.bg-green03 {	background-color: rgb(202,229,178);}
.bg-green04 {	background-color: rgb(185,220,153);}
.bg-green05 {	background-color: rgb(167,211,127);}
.bg-green06 {	background-color: rgb(149,203,102);}
.bg-green07 {	background-color: rgb(132,194,76);}
.bg-green08 {	background-color: rgb(114,185,51);}
.bg-green09 {	background-color: rgb(97,177,25);}
.bg-green10 {	background-color: rgb(79,168,0);}
/* Red */
.bg-red01 {background-color: rgb(252,235,233);}
.bg-red02 {background-color: rgb(248,216,211);}
.bg-red03 {background-color: rgb(245,196,188);}
.bg-red04 {background-color: rgb(242,177,166);}
.bg-red05 {background-color: rgb(238,157,144);}
.bg-red06 {background-color: rgb(235,137,122);}
.bg-red07 {background-color: rgb(232,118,100);}
.bg-red08 {background-color: rgb(229,98,77);}
.bg-red09 {background-color: rgb(225,79,55);}
.bg-red10 {background-color: rgb(222,59,33);}
.contentbox-title-noshading-noline {display: block; margin: 0px; padding: 0px; background-color: transparent; text-transform: none; font-weight: bold; font-size: 12px;}
.contentbox-title-noshading-line1 {display: block; margin: 0px 0px 0.2em 0px;padding:2px 2px 5px 3px;background:url('../../resource/img/line1.gif') right bottom no-repeat;background-color: transparent; text-transform: none; font-weight: bold; font-size: 12px;}
.contentbox-title-noshading-line2 {display: block; margin: 0px 0px 0.2em 0px;padding:2px 25px 2px 3px; border-bottom: solid 1px rgb(135,135,135); background-color: transparent; text-transform: none; font-weight: bold; font-size: 12px;}
.contentbox-title-shading {background:url(../../resource/img/bg_gray2.jpg) repeat-x;margin:0px 20px 5px 0px;padding:2px 2px 5px 3px; background-color: rgb(225,225,225); font-weight: bold; font-size: 12px;}
.contentbox-noshading {margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;}
.contentbox-shading {margin: 0px; padding: 7px 10px 5px 10px; background-color: transparent;}

/*
#box2, #box3 {display:block; position:absolute; top:2px; left:2px;}
#box1 {display:block; width:200px; height:150px; position:relative; top:20px; left:0; background:#ccc; border:2px solid #eee; margin:0 auto 100px auto;}
#box2 {width:192px; height:142px; background:#999; border:2px solid #aaa;}
#box3 {width:184px; height:134px; background:#777; border:2px solid #888;}
#box4 {display:block; width:190px; height:140px; position:absolute; bottom:0; right:0; background:#fc6; border-bottom:1px solid #444; border-right:1px solid #444; border-top:1px solid #ff8; border-left:1px solid #ff8; padding:5px;}
#box5 {display:block; width:10px; height:10px; background:#777; border-top:1px solid #333; border-left:1px solid; border-right:1px solid #ff8; border-bottom:1px solid #ff8; position:absolute; bottom:5px; right:5px; overflow:hidden;}

<br />
<div id="box1">
<div id="box2">
<div id="box3">
<div id="box4">
Text
<div id="box5"></div>
</div>
</div>
</div>
</div>
<br /><br />*/

/*
out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in {
  text-align:center; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.narrow {width:8em;} /* change to suit */
/*h4 {font-weight:bold; color:#000;}
/*xhtml
<div class="out narrow">
  <div class="in ltin tpin">
    <h4>Narrow</h4>
    <p>This is the text that goes in the middle.</p>
  </div>
</div>*/