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

 

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

   HTML ELEMENTS    by : Khayat El-Zaenally 

   September 2009

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



/* top elements */

* { padding: 0; margin: 0; }



body {

	margin: 0;

	padding: 0;

	font: 0.8em "Lucida Grande", "Lucida Sans Unicode",Trebuchet MS,Arial,Verdana,Tahoma,Helvetica,sans-serif;

	color: #333333;

	background:#EDEDED url(../images/bg.gif) repeat-x 100% 0%;/*#F2F2F2; */

	text-align: left;



}



/* links */

a {color: #4284B0;background-color: inherit;text-decoration: none;}

a:hover {color: #FF9900;background-color: inherit;}



/* headers */

h1, h2, h3 {

	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;

	color: #333;	

}

h1 { font-size: 1.2em; color: #6297BC; } 

h2 { font-size: 1.2em; text-transform:uppercase;}

h3 { font-size: 1.2em; }

h4 { font-size: 1.2em; color: #ff9900; }





ul, ol {margin-left:30px;padding:0;}

li{margin:0;padding:3px;}



/* images */

img {border: 0px solid #CCC;}

img.no-border {border: none;}

img.float-right{margin: 5px 0px 5px 5px;}

img.float-left {margin: 5px 5px 5px 0px;}



code {margin: 5px 0;padding: 10px;text-align: left;display: block;overflow: auto;font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;background: #FAFAFA;border: 1px solid #f2f2f2;}

acronym {cursor: help; border-bottom: 1px solid #777;}

blockquote {margin: 5px 0 5px 0;padding: 0 0 0 40px;border: 1px solid #f2f2f2;background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;}



/* Form style */

input,textarea,select{-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border:1px solid #ABABAB;padding:2px;}

input.button {-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-weight: bold;background:url(../images/bgButton.gif) repeat-x 100% 0%;padding: 4px 6px 4px 6px;color: #fff;}



.form-table{width:100%;}

.form-table td{padding:5px;}

.form-table .form-field{text-align:right;font-weight:bold;font-size:0.8em;padding-right:10px;vertical-align:top;width:150px;}

.form-table .belang1{background-color:#FAFAFA;}

.form-table .belang2{background-color:#FDFDFD;}

.forminput em{

        margin-left:20px;padding:5px;

	background-color:#EAF5FF;

	width: auto;

	position: absolute;

	text-align: center;

	font-style: normal;

	z-index: 2;

	display: none;

	color:#0073D7;

	text-align:left;

	vertical-align:top;

	-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;

        border:1px solid #60ABFC;

}

.forminput div{display:inline;position:absolute;min-width:400px;}



/*Container*/

#body-main{width:980px;margin:20px auto;}

#body-content{width:inherit;}

#body-topmenu-space{height:51px;padding:0;}

#web-container{width:100%;margin-top:5px;}

/*Top Menu*/

#topmenus{width:980px;height:37px;margin:0 auto;}
#topmenus td{width:140px;}
#topmenus a{display:block; width:100%; height:37px;}
#m-home{background:url(../images/topmenu/topmenu.png) no-repeat;background-position: 0px 0px;}
#m-about{background:url(../images/topmenu/topmenu.png) no-repeat;background-position: -140px 0px;}
#m-product{background:url(../images/topmenu/topmenu.png) no-repeat;background-position: -280px 0px;}
#m-faq{background:url(../images/topmenu/topmenu.png) no-repeat;background-position: -420px 0px;}
#m-blog{background:url(../images/topmenu/topmenu.png) no-repeat;background-position: -560px 0px;}
#m-contacts{background:url(../images/topmenu/topmenu.png) no-repeat;background-position: -700px 0px;}
#m-signin{background:url(../images/topmenu/topmenu.png) no-repeat;background-position: -840px 0px;}

#m-home:hover     {background-position: 0px -37px;}
#m-about:hover    {background-position: -140px -37px;}
#m-product:hover  {background-position: -280px -37px;}
#m-faq:hover      {background-position: -420px -37px;}
#m-blog:hover     {background-position: -560px -37px;}
#m-contacts:hover {background-position: -700px -37px;}
#m-signin:hover   {background-position: -840px -37px;}

.welcome{padding:5px;margin:3px;color:#000;border:1px solid #E4E4E4;width:auto;background-color:#FAFAFA;}

#loading{background:#D8E4FC;color:#2D4DAB;text-align:center;padding:5px;display:none;float:left;vertical-align:middle;min-width:150px;font-size:1.0em;position:absolute;}


.product-menu{width:100%;}

.product-menu td{text-align:right;padding-left:30px;}

.product-menu a{/* font-weight:bold; */font-size:1.0em;color:#1F1A17;}/* #898989 */

.product-menu a:hover{color:#898989;}


#defaultPageView{padding:5px;margin:0 auto; /* width:100%; */min-height:300px;background-color:#fff;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:2px solid #E4E4E4;}

.title{text-align:left;color:#000000;font-weight:bold;font-size:1.6em;border-bottom:1px dashed #8F8F8F;}
.ptitle{font-size:1.5em;color:#000;padding-left:15px;}


.tooltips{width:auto;}

.bgwhite{background-color:#fff;}

.bg {padding: 2px;border: none;font-size: 14pt; color: #1D4D8D;border-bottom: 3px solid #fff;border-left: 3px solid transparent;}



#detail{border:1px solid #D9D9D9;font-family:Arial, Verdana, Tahoma;}

#detail td{border-bottom: 1px solid #DCDCDC;vertical-align:top;color:#595959;padding:3px;}

#detail th{border-bottom: 1px solid #DCDCDC;vertical-align:top;color:#595959;padding:3px;background-color:#D1D1D1;}

#detail .entity{font-weight:bold;font-size:1.3em;color:#000;}

#detail .field{color:#000;padding-left:20px;}

#detail .belang1 { background-color:#F9F9F9;  }

#detail .belang2 { background-color:#EEEEEE;  }

#detail tr:hover { background-color:#FFFFE1;  }



/*Message Box*/

.error{ color: red;  text-align: center; width: 100%;font: bold 8pt  Arial, Verdana, Tahoma, Helvetica, sans-serif;}

.error-box{border:1px solid #F4868D;padding:3px;background-color:#FFFFCC;color:#DF2F3B;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.msg{border:1px solid #4A9A2B;margin:5px 0px 5px 0px;padding:5px;background-color:#FFFFCC;color:#0650C4;}

.sukses{font-size: 1em;color: #6297BC; text-align: center; width: 100%;/*   margin: 5px 25px 5px 25px;*/  /*top right bottom left*/}



/* alignment classes */

.float-left  { float: left; }

.float-right {	float: right; }

.align-left  {	text-align: left; }

.align-right {	text-align: right; }

.align-justify { text-align: justify; }

.align-center {	text-align: center; }



/* additional classes */

.clear { clear: both; }

.green {	color: #9EC630; }

.gray  {	color: #BFBFBF; }

.bgwhite { background-color:#fff;}



/* Footer */

#footer{width:980px;margin:20px auto;}

#footer td{height:173px;margin:0;padding:0;text-align:center;}

#footer .newsflash{width:252px;background:url(../images/footer/bg-newsticker.png) no-repeat;}

#footer .freedownload{width:252px;cursor:pointer;}

#footer .confirmation{width:253px;cursor:pointer;}

#footer .buyMFA{width:221px;cursor:pointer;}



/*###### NewsTicker ########*/

.newsticker-container{height:155px;}

.hotnews-text{height:18px;color:#fff;text-align:left;padding-left:10px;}

#newsticker {height:155px;padding:0;margin:0;overflow: hidden;position:relative;/* border:1px solid #000; */}

#newsticker li {display:none;position:absolute;top:0px;left:0px;padding:10px;font-size:1.0em;}

#newsticker .newsticker-title{text-align:left;border-bottom:1px solid #D8D8D8;}

#newsticker .newsticker-title:hover{background-color:#F2F2F2;}

#newsticker .newsticker-title a{display:block;font:1.2em Arial,Tahoma, Verdana;font-weight:bold;color:#000;}

#newsticker .newsticker-title a:hover{color:#70B6F5;}

#newsticker .newsticker-content{text-align:justify;padding-top:10px;}

.copy-right{width:980px;margin:20px auto;color:#666;text-align:left;border-top:1px solid #E4E4E4;font-size:0.8em;}







/* ################ Panel ################*/



#panel{width:100%;margin-bottom:3px;}

#panel table{width:100%; padding:0;color:#fff;}

#panel #left{width:22px; height:28px; background:transparent url(../images/panel-left.png) no-repeat;}

#panel #center{text-align:left;color:#000000;font-size:1.6em;font-weight:bold;padding:5px;}

#panel #right{width:7px; height:28px; background:transparent url(../images/panel-right.png) no-repeat;}

#frame-content {padding:5px;height:auto;text-align:justify;}



/*############ kotak untuk tempat modul atau block ###################################*/

#block{width:100%;height:27px;/* border:1px solid #000; */}

#block table{width:100%; padding:0;color:#94AA3D;}

#block #left{width:26px; height:27px; background:transparent url(../images/block/left.jpg) no-repeat;}

#block #center{padding:3px 0px 5px 5px;width:auto; height:27px;background:transparent url(../images/block/center.jpg) repeat-x 100% 0%;color:#F5F5F5;font: 1.1em Arial,Tahoma,Verdana;}

#block #right{width:17px; height:27px; background:transparent url(../images/block/right.jpg) no-repeat;}



#block-content {width:100%;padding-bottom:5px;}

#block-content a{color:#fff;}

#block-content a:hover{color:#EEF5D7;text-decoration:underline;}

#block-content .top-center{width:158px;height:29px;background:url(../images/big-white-box/top-center.jpg) no-repeat;}

#block-content .left{width:17px;height:auto;background:url(../images/big-white-box/left.jpg) repeat-y 0% 100%;}

#block-content .center{width:auto;height:auto;background:#94AA3D;}

#block-content .right{width:17px;height:auto;background:url(../images/big-white-box/right.jpg) repeat-y 0% 100%;}

#block-content .bottom-left{width:17px;height:20px;background:url(../images/big-white-box/bottom-left.jpg) no-repeat;}

#block-content .bottom-center{width:auto;height:20px;background:url(../images/big-white-box/bottom-center.jpg) repeat-x 100% 0%;}

#block-content .bottom-right{width:17px;height:20px;background:url(../images/big-white-box/bottom-right.jpg) no-repeat;}

/*###################################################################################*/



#belang{ border:1px solid #D9D9D9;width:100%;background-color:#E6E6E6;}

#belang th{padding-left:5px; border-bottom:1px solid #AAABAD; border-right:1px solid #CCCDCF; background-color:#CECFD1; height:30px;/* background:url(../images/caption.png) repeat-x 100% 0%; */}

#belang td{ padding:3px;border-bottom:1px solid #D9D9D9; border-right:1px solid #CCCDCF;}

#belang sup{color:#DD8500;}

#belang .belang1 { background-color:#F9F9F9;  }

#belang .belang2 { background-color:#EEEEEE;  }

#belang .number { border-right:1px dotted #D9D9D9;  }

#belang tr:hover { background-color:#FFF;  }/* #D4FAB0 */

#belang .foot {background-color:#C4C4C4;height:auto;}

#belang .foot:hover {background-color:#C4C4C4;}



#profiles{width:100%;background:#fff;}

#profiles table{border:1px solid #EEF5D7;background:#fff;}

#profiles th{padding:2px;background:#E4F5AE;border-top:1px dotted #666;border-right:1px dotted #666;border-bottom:1px dotted #666;}

#profiles td{padding:2px;border-right:1px solid #EEF5D7;border-bottom:1px solid #EEF5D7;/* background:#C3E6B4; */}