/* CSS Document */
body,td,th,div,span,a,textarea,h1,h2,h3,h4,h5,h6,legend,img{ margin: 0; padding: 0; border: 0; outline: none;list-style: none;}
body,td,th,input,select,option,div,span,a,textarea,h1,h2,h3,h4,h5,h6,fieldset,legend,li,ul {
        font-family: tahoma, Verdana, Arial;
        font-size: 10px;
}
input,select{
	margin: 0; padding: 0;	
}
body {
	margin:0;
	width:100%;
	height:100%;
	background:#f40000 url(../img/sys/bgr_main.jpg) repeat-x top left;
	text-align:center;
	color:#000
}
h3{font-size:16px;margin-bottom:10px}
h3.h3-warning{
	color:#f31010
}
h4,
h4.h4-warning{
	font-size:13px;
	margin-bottom:4px
}
h4.h4-warning{
	color:#f31010;
}
h5{
	margin-bottom:10px;
	font-size:14px
}
h6{
	margin:0px 0 4px 0;
	font-size:10px
}
.fwb{
	font-weight:bold;
}
.ls1{
	letter-spacing:1px;
}
.tdu{text-decoration:underline}
.tac{text-align:center}
div.warning{
	font-size: 11px;
	color: red;
	margin: 3px 0 6px 0
}
a,a:link,a:hover,a:active,a:visited{
	color:#959494;
	font-weight:bold
}
a:hover{
	color:#000
}
a.close{
	color:#fff;
	text-decoration:none;
	margin:3px 8px 0 0
}
div#content-holder{
	margin:0 auto;
	width:850px;
	text-align:left;
	background:url(../img/sys/shdd.png) repeat-y top left;
}
div#headder{
	width:850px;
	height:198px;
	background:url(../img/sys/headder.jpg) no-repeat top left;
}
div#headder div.rght-bord{
	border-right: solid 1px #868789;
	margin-top: 20px;
	font-weight: bold;
	width: auto;
	padding: 2px 25px 0 25px;
	height: 46px;
	float: left
}
div#headder div.rght-bord a{
	color: #000;
	text-decoration: none
}
div#headder div.dv0{
	margin-left: 21px;
	width: 22px;
	padding: 0
}
div#headder div.dv1{
	height: 38px
}
div#headder div.dv2{
	height: 30px
}
div#headder div.dv3{
	height: 18px
}
div#main-container-l-shdd{
	width:850px;
	float:left;
	height:809px;
	/*background:url(../img/sys/l_shdd_bgr.png) repeat-y top left;FOR SPLITED SHADOWING*/
	
}
div#main-container{
	width: 822px;
	float: left;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin: 0 15px 0 20px;
	background: url(../img/sys/und_mm_bgr.gif) repeat-y 1px 0;
	/*background:#a3a4a6;*/
}
div.menu-holder{
	width: 144px;
	float: left
}
div.content-holder{
	width: 658px;
	float: left;
	background: #fff url(../img/sys/ch_border.gif) repeat-y top right;
}
div.content-holder div.inner{
	width: 656px;
	float: left;
	background: url(../img/sys/cont_hold_bgr.jpg) repeat-x top left;
}
div.single-container{
	padding: 10px;
	float: left
}
div.left-container{
	float: left;
	width: 443px;
}
div.shadow-container{
	float: left;
	width: 443px;
	height: 140px;
	margin: 5px 0 0 0;
	background: url(../img/sys/singlePmask.png) no-repeat center top;
	text-align: center;
}
div.shadow-container div.innerWhite{
	width: 395px;
	height: 110px;
	background: #fff;
	margin:5px auto auto auto;
	padding: 10px;
	
}
div.image{
	width: 140px;
	height: 112px;
	float: left;
	border-right: solid 1px #bfc0c2;
	overflow: hidden
}
div.image img{
	margin: 0 auto;
	margin-top: 5px;
}
a.title,
div.title{
	background: #3f3f3f url(../img/sys/titleBGR.gif) no-repeat right top;
	width: 237px;
	height: 27px;
	float: left;
	margin: 5px 0 0 5px;
	padding-left: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 27px;
}
a.detailed,
a.back{
	background: #3f3f3f url(../img/sys/detailedButton.gif) no-repeat right top;
	width: 67px;
	height: 21px;
	float: right;
	margin: 0 0 0 5px;
	padding-left: 5px;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 20px;
}
a.back{
	background: #3f3f3f url(../img/sys/backButton.gif) no-repeat right top;
	color: #fff;
	margin-right: 2px;
}
div.description{
	width: 247px;
	height: 50px;
	overflow: auto;
	float: left;
	margin: 5px 0 0 5px;
	text-align: left;
}
div.detailed-desc{
	border-top: solid 1px #bfc0c2;
	float:left;
	margin-top: 10px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 100%;
}
div.l{
	background: url(../img/sys/left_shd_rpt.jpg) repeat-y top left;
	float: left;
	width: 443px
}
div.r{
	background: url(../img/sys/right_shd_rpt.jpg) repeat-y 415px 0;
	float: right;
	width: 427px
}
div.m{
	background: #fff url(../img/sys/top_shd.jpg) no-repeat top left;
	float: left;
	width: 395px;
	min-height: 603px;
	height: auto !important;
	height: 603px;
	padding: 20px 10px 15px 10px;
}
div.b{
	background: #fff url(../img/sys/bottom_shd.jpg) no-repeat top left;
	float: left;
	width: 443px;
	height: 19px;
}
div.right-container{
	width: 207px;
	float: left;
	height: auto;
	margin-left: 1px
}
div.right-container div.inner{
	width: 207px;
	float: left;
	height: 250px;
	margin-top: 8px;
	background: #bcbdbf
}
div.right-container div.inner h2.square-title{
	background: url(../img/sys/square_top_rpt.gif) repeat-x top left;
	width: 202px;
	height: 26px;
	color: #fff;
	font-size: 11px;
	line-height: 23px;
	font-weight: bold;
	padding-left: 5px;
	letter-spacing: 1px;
}
div.useful-text-container{
	line-height: 11px;
	letter-spacing: 1px;
	color: #333;
	padding: 5px;
	float: left;
}
div.useful-code{
	float: left;
	margin-bottom: 6px;
}
div.news{
	letter-spacing: 1px;
	color: #333;
	padding: 5px;
	float: left;
	width:190px;
}
div.news a.news{
	float: left;
	color: #fff;
	width:190px;
	margin-bottom: 8px;
}
ul.main-menu{
	width:144px;
	float:left;
	padding:0px 0 8px 0;
	list-style:none;
	margin: 0;
	background: url(../img/sys/mm_ul_bgr.gif) repeat-y 2px top;
}
ul.sec{
	margin:0;
	height: auto;
	list-style:none;
	background:url(../img/sys/mm_ul_sec_bgr.gif) repeat-y 2px top;
}
ul.main-menu li{
	/*height:20px;*/
	background:url(../img/sys/mm_li_bgr.gif) no-repeat top left;
	float:left;
	width:144px;
	margin-top: 8px;
}
ul.main-menu li ul li{
	background:url(../img/sys/mm_li_sec_bgr.gif) no-repeat top left;
}
ul.main-menu li h2,
ul.main-menu li a,
ul.main-menu li a:link,
ul.main-menu li a:active,
ul.main-menu li a:visited,
ul.main-menu li a:hover{
	width:117px;
	height:17px;
	line-height: 13px;
	float:right;
	padding:3px 0 0 8px;
	text-decoration:none;
	color:#fff
}
H2.drawer-handle.open,
ul.main-menu li h2:hover,
ul.main-menu li a:hover,
ul.main-menu li a.active{
	background: #ed0000;
}
div.und-menu{
	width: 144px;
	float: left
	
}
/*FOR SPLITED SHADOWING
div#main-container-r-shdd{
	width:28px;
	float:right;
	height:809px;
	background:url(../img/sys/r_shdd_bgr.png) repeat-y top left;
}
*/
div.footer{
	width:803px;
	height: 212px;
	float: left;
	margin:0 15px 0 20px;
	background:url(../img/sys/footer_mask.gif) no-repeat top left;
}
.cb{clear:both !important}
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
.clrblck{color:#000 !important}
.clrred{color:#FF0000 !important}
.clrwht{color:#fff !important}
.bgrwht{background-color:#fff !important}
.cp{cursor:pointer !important}
.fwb{font-weight:bold !important}
.db{display:block !important}