/*=========================== MOO MENU ================================*/
#headermenu .moduletable{
	margin:0;
	margin-left: 20px;
}

#headermenu ul{
	margin:0;
	padding:0;
	width:auto;
}

/*Parent Container*/
#headermenu ul li{
	margin:0;
	padding:0;
	height: 40px;
	float: left;
	position:relative;

}

/*Parent Span*/
#headermenu ul li .separator span{
	color:#BBB;
	height:22px;
	display: block;
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 11px;
	padding: 25px 15px 25px 15px;
	border-left: 1px solid #DDD;
}

#headermenu ul li .separator span:hover{
	text-decoration:none;
	color: #000000;
}

/*Child Span*/
#headermenu ul li ul li .separator span{
	background-color: #FFF;
	height: 22px;
	border-left: 1px solid #DDD;
}

#headermenu ul li ul li .separator span:hover{
	background-image: none;
	color: #000000;
	
}

/*Child Container*/
#headermenu ul li ul li{
	margin-bottom: -9px;
	width: 170px;
}

/*Parent Link*/
#headermenu ul li a{
	color:#BBB;
	display: block;
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 11px;
	font-weight: bold;
	color: #333;
	padding: 5px 15px 5px 15px;
	border-left: 1px solid #DDD;
	text-decoration: none;
	
	
}
#headermenu ul li a:hover{
	text-decoration:none;
	color: #DB0006;
}

#headermenu ul li a span{
	font-size: 11px;
}

#headermenu ul li ul {
	display:block;
	height:auto;
	width: 14em;
	position:absolute;
	z-index:99;
	left: -999em;
	color: #660000;
}

#headermenu ul li ul ul {
   margin: -40px 0 0 14em;
}

#headermenu ul li li {
	width: 14em;
}

/*Child Link*/
#headermenu ul li li a{
	color:#666;
	height:20px;
	text-transform:none;
	background-color: #FFF;
	display: block;
	font-weight: lighter;
	padding: 10px 15px 10px 15x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #DDD;
}

#headermenu ul li li a:hover{
	background-image: none;
}

#headermenu ul li ul {
	left: -999em;
}

#headermenu ul li:hover ul ul, #headermenu ul li:hover ul ul ul {
	left: -999em;
}

#headermenu ul li:hover ul, #headermenu ul li li:hover ul, #headermenu ul li li li:hover ul {
	left: auto;
}

/* ============================= System Messages ====================================*/
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB; list-style: none;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; }

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; list-style: none;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}


/*=========================== DATE ==============================*/
.date{
	font-family: "trebuchet MS", tahoma, "segoe UI";
	color: #b6B6b6;
	font-size: 10px;
}

/*========================= Head (Besidelogo) ==============================*/
.besidelogo .moduletable{
	float: left;
	margin-left: 15px;
}

/*====================== User 1,2,3,4,5 =====================================*/
.usersection3 .moduletable h3{
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 5px 0px 10px 0px;
}

/*====================== Left Column ================================*/
.leftcolumn a:link, .leftcolumn a:visited{
	text-decoration: none;
}

.leftcolumn .module{
	background-color: #EAEAEA;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}


.leftcolumn .module div{
	width: 100%;
	background-image: url(../images/kiriatas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

.leftcolumn .module div div{
	width: 200px;
	background-image: url(../images/kiribawah.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
}


.leftcolumn .module div div div{
	width: 200px;
	padding: 10px 0px 20px 10px;
}

.leftcolumn .module div div div h3{
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
	margin: 5px 0px 1px 0px;
}

.leftcolumn .module div div div table tbody tr td div{
	background-image: none;
	margin-bottom: -10px;
}

.leftcolumn .module div div div table tbody tr td div div{
	background-image: none;
	margin-bottom: -25px;
	text-indent:20px;
}
/*====================== Left Column (Style 1)================================*/
.leftcolumn .module-leftstyle1{
	background-color: #EAEAEA;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.leftcolumn .module-leftstyle1 div{
	width: 100%;
	background-image: url(../images/kiriatas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

.leftcolumn .module-leftstyle1 div div{
	width: 200px;
	background-image: url(../images/kiribawah.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
}


.leftcolumn .module-leftstyle1 div div div{
	width: 200px;
	padding: 10px 0px 20px 10px;
}

.leftcolumn .module-leftstyle1 div div div h3{
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 5px 0px 10px 0px;
}

.leftcolumn .module-leftstyle1 div div div table tbody tr td div{
	background-image: none;
	border-bottom: 1px solid #DDD;
}

.mainbody .module-leftstyle1 h3{
	background-image: url(../images/Mainbody-headerbg-1.gif);
	background-position: 160px -5px;
	background-repeat: no-repeat;
}

/*====================== Left Column (Style 2)================================*/
.leftcolumn .module-leftstyle2{
	background-color: #EAEAEA;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.leftcolumn .module-leftstyle2 div{
	width: 100%;
	background-image: url(../images/kiriatas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

.leftcolumn .module-leftstyle2 div div{
	width: 200px;
	background-image: url(../images/kiribawah.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
}


.leftcolumn .module-leftstyle2 div div div{
	width: 200px;
	padding: 10px 0px 20px 10px;
}

.leftcolumn .module-leftstyle2 div div div h3{
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 5px 0px 10px 0px;
}

.leftcolumn .module-leftstyle2 div div div table tbody tr td div{
	background-image: none;
	border-bottom: 1px solid #DDD;
}

.mainbody .module-leftstyle2 h3{
	background-image: url(../images/Mainbody-headerbg-2.gif);
	background-position: 160px -5px;
	background-repeat: no-repeat;
}

/*====================== Left Column (Style 3)================================*/
.leftcolumn .module-leftstyle3{
	background-color: #EAEAEA;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.leftcolumn .module-leftstyle3 div{
	width: 100%;
	background-image: url(../images/kiriatas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

.leftcolumn .module-leftstyle3 div div{
	width: 200px;
	background-image: url(../images/kiribawah.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
}


.leftcolumn .module-leftstyle3 div div div{
	width: 200px;
	padding: 10px 0px 20px 10px;
}

.leftcolumn .module-leftstyle3 div div div h3{
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 5px 0px 10px 0px;
}

.leftcolumn .module-leftstyle3 div div div table tbody tr td div{
	background-image: none;
	border-bottom: 1px solid #DDD;
}

.mainbody .module-leftstyle3 h3{
	background-image: url(../images/Mainbody-headerbg-3.gif);
	background-position: 160px -5px;
	background-repeat: no-repeat;
}

/*====================== Left Column (Style 4)================================*/
.leftcolumn .module-leftstyle4{
	background-color: #EAEAEA;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.leftcolumn .module-leftstyle4 div{
	width: 100%;
	background-image: url(../images/kiriatas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

.leftcolumn .module-leftstyle4 div div{
	width: 200px;
	background-image: url(../images/kiribawah.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
}


.leftcolumn .module-leftstyle4 div div div{
	width: 200px;
	padding: 10px 0px 20px 10px;
}

.leftcolumn .module-leftstyle4 div div div h3{
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 5px 0px 10px 0px;
}

.leftcolumn .module-leftstyle4 div div div table tbody tr td div{
	background-image: none;
	border-bottom: 1px solid #DDD;
}

.mainbody .module-leftstyle4 h3{
	background-image: url(../images/Mainbody-headerbg-4.gif);
	background-position: 160px -5px;
	background-repeat: no-repeat;
}

/*====================== Left Column (Style 5)================================*/
.leftcolumn .module-leftstyle5{
	background-color: #EAEAEA;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.leftcolumn .module-leftstyle5 div{
	width: 100%;
	background-image: url(../images/kiriatas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

.leftcolumn .module-leftstyle5 div div{
	width: 200px;
	background-image: url(../images/kiribawah.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
}


.leftcolumn .module-leftstyle5 div div div{
	width: 200px;
	padding: 10px 0px 20px 10px;
}

.leftcolumn .module-leftstyle5 div div div h3{
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 5px 0px 10px 0px;
}

.leftcolumn .module-leftstyle5 div div div table tbody tr td div{
	background-image: none;
	border-bottom: 1px solid #DDD;
}

.mainbody .module-leftstyle5 h3{
	background-image: url(../images/Mainbody-headerbg-5.gif);
	background-position: 160px -5px;
	background-repeat: no-repeat;
}

/*====================== Right Column ================================*/
.rightcolumn .module{
	background-color: #EAEAEA;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.rightcolumn .module div{
	width: 100%;
	background-image: url(../images/kananatas.gif);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
}

.rightcolumn .module div div{
	width: 210px;
	background-image: url(../images/kananbawah.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	overflow: hidden;
}


.rightcolumn .module div div div{
	width: 190px;
	padding: 10px 10px 20px 10px;
}

.rightcolumn .module div div div h3{
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 5px 0px 10px 0px;
	
}

.rightcolumn .module div div div table tbody tr td div{
	background-image: none;
	border-bottom: 1px solid #DDD;
}

/*====================== Right Column (Style1)================================*/
.rightcolumn .module-rightstyle1{
	background-color: #EAEAEA;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.rightcolumn .module-rightstyle1 div{
	width: 100%;
	background-image: url(../images/kananatas.gif);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
}

.rightcolumn .module-rightstyle1 div div{
	width: 210px;
	background-image: url(../images/kananbawah.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	overflow: hidden;
}


.rightcolumn .module-rightstyle1 div div div{
	width: 190px;
	padding: 10px 10px 20px 10px;
}

.rightcolumn .module-rightstyle1 div div div h3{
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 5px 0px 10px 0px;
}

.rightcolumn .module-rightstyle1 div div div table tbody tr td div{
	background-image: none;
	border-bottom: 1px solid #DDD;
}

.mainbody .module-rightstyle1 h3{
	background-image: url(../images/Mainbody-headerbg-1.gif);
	background-position: 160px -5px;
	background-repeat: no-repeat;
}

/*====================== Right Column (Style2)================================*/
.rightcolumn .module-rightstyle2{
	background-color: #EAEAEA;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.rightcolumn .module-rightstyle2 div{
	width: 100%;
	background-image: url(../images/kananatas.gif);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
}

.rightcolumn .module-rightstyle2 div div{
	width: 210px;
	background-image: url(../images/kananbawah.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	overflow: hidden;
}


.rightcolumn .module-rightstyle2 div div div{
	width: 190px;
	padding: 10px 10px 20px 10px;
}

.rightcolumn .module-rightstyle2 div div div h3{
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 5px 0px 10px 0px;
}

.rightcolumn .module-rightstyle2 div div div table tbody tr td div{
	background-image: none;
	border-bottom: 1px solid #DDD;
}

.mainbody .module-rightstyle2 h3{
	background-image: url(../images/Mainbody-headerbg-2.gif);
	background-position: 160px -5px;
	background-repeat: no-repeat;
}

/*====================== Right Column (Style3)================================*/
.rightcolumn .module-rightstyle3{
	background-color: #EAEAEA;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.rightcolumn .module-rightstyle3 div{
	width: 100%;
	background-image: url(../images/kananatas.gif);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
}

.rightcolumn .module-rightstyle3 div div{
	width: 210px;
	background-image: url(../images/kananbawah.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	overflow: hidden;
}


.rightcolumn .module-rightstyle3 div div div{
	width: 190px;
	padding: 10px 10px 20px 10px;
}

.rightcolumn .module-rightstyle3 div div div h3{
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 5px 0px 10px 0px;
}

.rightcolumn .module-rightstyle3 div div div table tbody tr td div{
	background-image: none;
	border-bottom: 1px solid #DDD;
}

.mainbody .module-rightstyle3 h3{
	background-image: url(../images/Mainbody-headerbg-3.gif);
	background-position: 160px -5px;
	background-repeat: no-repeat;
}

/*====================== Right Column (Style4)================================*/
.rightcolumn .module-rightstyle4{
	background-color: #EAEAEA;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.rightcolumn .module-rightstyle4 div{
	width: 100%;
	background-image: url(../images/kananatas.gif);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
}

.rightcolumn .module-rightstyle4 div div{
	width: 210px;
	background-image: url(../images/kananbawah.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	overflow: hidden;
}


.rightcolumn .module-rightstyle4 div div div{
	width: 190px;
	padding: 10px 10px 20px 10px;
}

.rightcolumn .module-rightstyle4 div div div h3{
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 5px 0px 10px 0px;
}

.rightcolumn .module-rightstyle4 div div div table tbody tr td div{
	background-image: none;
	border-bottom: 1px solid #DDD;
}

.mainbody .module-rightstyle4 h3{
	background-image: url(../images/Mainbody-headerbg-4.gif);
	background-position: 160px -5px;
	background-repeat: no-repeat;
}

/*====================== Right Column (Style5)================================*/
.rightcolumn .module-rightstyle5{
	background-color: #EAEAEA;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.rightcolumn .module-rightstyle5 div{
	width: 100%;
	background-image: url(../images/kananatas.gif);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
}

.rightcolumn .module-rightstyle5 div div{
	width: 210px;
	background-image: url(../images/kananbawah.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	overflow: hidden;
}


.rightcolumn .module-rightstyle5 div div div{
	width: 190px;
	padding: 10px 10px 20px 10px;
}

.rightcolumn .module-rightstyle5 div div div h3{
	font-family: "trebuchet MS", tahoma, "segoe UI";
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 5px 0px 10px 0px;
}

.rightcolumn .module-rightstyle4 div div div table tbody tr td div{
	background-image: none;
	border-bottom: 1px solid #DDD;
}

.mainbody .module-rightstyle5 h3{
	background-image: url(../images/Mainbody-headerbg-5.gif);
	background-position: 160px -5px;
	background-repeat: no-repeat;
}

/*=========================== Mainbody List Style ============================*/
.mainbody ul li{
	list-style-image: url(../images/mainbody-liststyle.gif);
	list-style-position: inside;
	padding: 2px 0px 2px 11px;
}

.mainbody ul li a:link, .mainbody ul li a:visited{
	color: #4A6C91;
	text-decoration: none;
	font-weight: bold;
}

.mainbody ul li a:hover{
	color: #013567;
}

.mainbody h3{	
	color: #333;
}

/*=========================== Bottom Module ===== ============================*/
.bottom31 .moduletable{
	width: 100%;
	border-bottom: 1px solid #D1D1D1;
	padding:0px 0px 15px 0px;
	margin-bottom: 15px;
}


.bottom31 .moduletable h3{
	border-bottom: 1px solid #D1D1D1;
	color: #333;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

/*=========================== Bottom Module Closer ============================*/
.bottom31 .moduletable-closer{
	width: 100%;
	border-bottom: 1px solid #D1D1D1;
	padding:0px 0px 15px 0px;
}


.bottom31 .moduletable-closer h3{
	border-bottom: 1px solid #D1D1D1;
	color: #333;
	margin-bottom: 15px;
	padding-bottom: 10px;
}


/*========================== Accordion Menu ====================================*/
.leftcolumn ul#accordionMenu span{
	font-size: 11px;
}

.leftcolumn ul#accordionMenu li{
	list-style-image: url(../images/headermenu2-arrow.gif);
	font-weight: lighter;
	border-bottom: 1px solid #DDD;
	padding: 7px 0px 7px 0px;
}

.leftcolumn ul#accordionMenu li.parent{
	padding: 7px 0px 0px 0px; 
	background-image: url(../images/arrowhoriz.gif);
	background-position: 175px 8px;
	background-repeat: no-repeat;
}

.leftcolumn ul#accordionMenu li a{
	font-weight: lighter;
	color: #333;
}

.leftcolumn ul#accordionMenu li.parent ul li{
	padding-left: 25px;
	border-bottom: none;
	border-top: 1px solid #DDD;
}

.leftcolumn ul#accordionMenu li.parent ul li.parent{
	background-image: url(../images/arrowhoriz.gif);
	background-position: 175px 8px;
	background-repeat: no-repeat;
}

.leftcolumn ul#accordionMenu li.parent ul li.parent ul li.parent{
	background-image: url(../images/arrowhoriz.gif);
	background-position: 150px 8px;
	background-repeat: no-repeat;
}