/*------------------------------------------------------------------------
# JoomlAxe CSS
# ------------------------------------------------------------------------
# Copyright (C) 2008 JoomlAxe. 
# @license - GPU/GPL
# Author: Spy2furious@gmail.com
# Websites:  http://www.joomlaxe.com
# This file may be redistributed or editted in whole or significant part.
-------------------------------------------------------------------------*/
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF;
	color: #888;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

/* Normal link */
a:link, a:visited {
	color: #0281aa;
	font-size: 12px;
	text-decoration: underline;
}

a:hover, a:active {
	text-decoration: none;
}

a img {
	border: none;
}

/* Heading */
h1 {font-size: 200%;}
h2 {font-size: 175%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 5px 0;
	padding: 0;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 0px;
}

ol li {
	margin-left: 35px;
}

th {
	font-weight: bold;
	padding: 8px;
	text-align: left;
}

fieldset {
	padding: 5px 5px;
	border: none;
}

fieldset a {
	font-weight: bold;
}

fieldset.input {
	padding: 0;
	background: none;
}

textarea{
	width: 700px;
	border: none;
	background-color: #EEE;
	padding: 5px;

}
hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #EEEEEE;
	height: 1px;
}

br {
	height: 1px;
	font-size: 1px;
}

td, th, div {
	font-size: 100%;
	text-align: left;
}

.containerheader{
	width: 950px;
	margin: 0 auto;
}

.container{
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}

/*================================ HEADER ============================*/
.headerbg{
	width: 100%;
	margin-top: 10px;
}

.headerbg1{
	width: 180px;
	padding-left: 770px;
	height: 30px;
}

.headerbg2{
	width : 950px;
	height: 100px;
}

.headerbg21{
	width: 300px;
	float: left;
	height: 93px;
}

.headerbg22{
	width: 650px;
	padding-top: 20px;
	float: left;
}
/*============================ ROUNDED SEPARATOR =======================*/
.roundedmodulebg{
	width: 100%;
	overflow: visible;
	width: 950px;
	margin: 20px auto;
}

.roundedmodule1{
	width: 950px;
	background-color: #EFEFEF;
	background-image: url(../images/roundedkiriatas.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.roundedmodule2{
	width: 100%px;
	background-image: url(../images/roundedkananatas.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.roundedmodule3{
	width: 100%px;
	background-image: url(../images/roundedkiribawah.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.roundedmodule4{
	width: 100%px;
	background-image: url(../images/roundedkananbawah.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 0;
	min-height:38px;
}


/*================================ MAINBODY ============================*/
.mainbodybg{
	margin-top: 20px;
}
/*Left*/
.columnkiri{
	width: 200px;
	float: left;
	
}
/*Center*/
.columntengah{
	width: 510px;
	float: left;
	margin-left: 20px;
}

#pathway{
	margin-bottom: 10px;
}

/*Right*/
.columnkanan{
	width: 200px;
	float: left;
	margin-left: 20px;
	
}
/*================================ FOOTER ============================*/
.footerbg1{
	width: 100%;
	color: #888;
	border-top: 3px solid #f7823c;
	padding-top: 10px;
	margin-top: 10px;
	height: 17px;
	font-size:10px;
}


/*============================== COPYRIGHT ============================*/
.copyrightbg{
	width: 100%;
	padding: 0px 0px 0px 0px;
}

.copyright ,.copyright a{
	font-size:10px;
	text-align: right;
}

div .copyright {
float:right;
}

/*------------------------------------------------------------------------
# JoomlAxe CSS
# ------------------------------------------------------------------------
# Copyright (C) 2008 JoomlAxe. 
# @license - GPU/GPL
# Author: Spy2furious@gmail.com
# Websites:  http://www.joomlaxe.com
# This file may be redistributed or editted in whole or significant part.
-------------------------------------------------------------------------*/
/*======================= TOP HORIZONTAL MENU =============================*/
.mainlevel-nav, .mainlevel-nav:link, .mainlevel-nav:visited{
	float: right;
	color: #BBB;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 25px 15px 30px 15px;
	border-left: 1px solid #DDD;
	display: block;
	
}

.mainlevel-nav:hover{
	color: #000;
}

#active_menu-nav{
	
}

span.mainlevel-nav{
	font-size: 12px;
}


/*======================= VERTICAL MENU =============================*/
.mainlevel, .mainlevel:link, .mainlevel:visited{
	display: block;
	padding: 10px 0px 10px 5px;
	text-decoration: none;
	border-bottom: 1px solid #DDD;
}
div.moduletable_taisykles ul#mainlevel li a.mainlevel{
	padding: 10px 0px 10px 5px;
	text-decoration: none;
	display:inline;
	border:none 0px;
	}
div.moduletable_taisykles ul#mainlevel li{padding: 10px 0px 10px 5px;border-bottom: 1px solid #DDD;width:150px;}

.columnkiri .mainlevel,.columnkiri .mainlevel:link,.columnkiri .mainlevel:visited{
	font-size:14px;
/*	font-weight:bold; */
}

.mainlevel:hover, .mainlevel:active{
	background-color: #FAFAFA;
}

#active_menu{
	background-color: #EEE;
}

#active_menu.sublevel{
	background-color: #EEE;
}

.sublevel, .sublevel:link, .sublevel:visited{
	display: block;
	padding: 5px 0px 5px 30px;
	font-size:12px;
	text-decoration: none;
	border-bottom: 1px solid #DDD;
}

.sublevel:hover{
	background-color: #FAFAFA;
}

.leftmain .module_menu a:link, .leftmain .module_menu a:visited{
	
}

.leftmain .module_menu a:hover, .leftmain .module_menu a:active{
}

.leftmain .module_menu a:active{
}

span.mainlevel{
	color: #7cb905;
}
span.mainlevel:hover{
}
/*======================= ARTICLE =============================*/
.contentheading{
	font-size: 14px;
	color: #333;
}

.small, .createdate, .modifydate{
	color: #bbb;
}

.readon, .readon:link, .readon:visited{
	color: #888;
	width: 100%;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px dotted #888;
	text-decoration: none;
}

.readon:hover{
	color: #333;
	border-bottom: 1px dotted #333;
}

.blog_more{
	border: 1px solid #DDD;
	padding:5px;
	margin: 5px 0px 5px 0px;
}
/*======================= COMPONENT =============================*/
.componentheading{
	font-size: 14.3px;
	font-weight:bold;
	color: #005172;
	border-bottom: 1px dotted #005172;
	padding-bottom: 5px;
	margin: 0px 0px 10px 0px;
}

.contentpaneopen fieldset{
}

.pagenav, .pagenav:link, .pagenav:visited{
}

.pagenav:hover{
}

.button, .scbutton, .btnemptycart, .btnorder, .btnconfirm, a.btnemptycart{
	background-image: url(../images/gradient2.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding: 1px 5px 1px 5px;
	border: 1px solid #036790;
	background-color: none;
	color: #FAFAFA;
}

.button:hover, .scbutton:hover, .btnemptycart:hover, .btnorder:hover, .btnconfirm:hover{
	background-position: 0px -15px;
	cursor:pointer;
}
	

.inputbox{	
	border: 2px solid #EEE;
	padding: 3px;
	color: #666;
}

.inputbox:focus{
	border: 2px solid #DDD;
}

.sectiontableheader, .sectiontableheader a:link, .sectiontableheader a:visited{
	background-image: url(../images/gradient.gif);
	background-repeat: repeat-x;
	color: #FAFAFA;
	padding: 3px;
	text-decoration: none;
}

tr .sectiontableentry1 td, tr .sectiontableentry2 td{
	padding: 5px 3px 5px 3px;
	border-bottom: 1px solid #EEE;
}

tr .sectiontableentry2 td{
	background-color: #EEE;
}

tr .sectiontableentry1 td a:link, tr .sectiontableentry2 td a:link, 
tr .sectiontableentry1 td a:visited, tr .sectiontableentry2 td a:visited{
	text-decoration: none;
	display:block;

}
/*======================= SEARCH =============================*/
.search{
	
}

.search .button{
	
}

#mod_search_searchword{
	width: 150px;
	background-image: url(../images/search_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border: none;
	background-color: transparent;
	padding: 3px 0px 5px 30px;
	color: #666;
}
/*========================= LOGIN ========================*/
#modlgn_username, #modlgn_passwd{
	width: 95%;
	border: 2px solid #EEE;
	padding: 3px;
	color: #666;
}

#modlgn_username:focus, #modlgn_passwd:focus{
	border: 2px solid #DDD;
}

/*========================= POLLING ========================*/
td .sectiontableentry2, td .sectiontableentry1{
	padding: 5px;
}

td.sectiontableentry2{
	background-color: #EEE;
}

.poll tbody tr td{
	text-align: left;
}

.poll tbody tr td div{
	/*width: 125px;
	border: 1px solid #3C2B00;*/
	margin-top: 10px;
}
/*------------------------------------------------------------------------
# JoomlAxe CSS
# ------------------------------------------------------------------------
# Copyright (C) 2008 JoomlAxe. 
# @license - GPU/GPL
# Author: Spy2furious@gmail.com
# Websites:  http://www.joomlaxe.com
# This file may be redistributed or editted in whole or significant part.
-------------------------------------------------------------------------*/

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

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

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

#topmenu ul li.active{
	border-top: 1px solid #DDD;
	background:white;
}

/*Parent Span*/
#topmenu ul li .separator span{
	color:#BBB;
	height:22px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 25px 15px 25px 15px;
	border-left: 1px solid #DDD;
}

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

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

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

/*Parent Link*/
#topmenu ul li a{
	color:#BBB;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	border-left: 1px solid #DDD;
	text-decoration: none;
	
	
}
#topmenu ul li a:hover{
	text-decoration:none;
	color: #000000;
}

#topmenu ul li a span{
	font-size: 12px;
}

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

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

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

/*Child Link*/
#topmenu ul li li a{
	color:#BBB;
	height:22px;
	text-transform:none;
	background-color: #FFF;
	display: block;
	padding: 10px 15px 10px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

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

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

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

#topmenu ul li:hover ul, #topmenu ul li li:hover ul, #topmenu 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: 12px;}


/*================================== ROUNDED MODULE =================================*/
.roundedmodulebg .moduletable{
	font-size: 12px;
	color: #333;
}

.roundedmodulebg .moduletable h3{
	font-size: 16px;
	color: #333;
	font-weight: lighter;
}

.roundedmodulebg .moduletable a:link, .roundedmodulebg .moduletable a:visited{
	text-decoration: none;
}

.roundedmodulebg .moduletable a:hover{
	border-bottom: 1px dotted #7cb905;
	padding-bottom: 2px;
}


/*================================ PATHWAY / BREADCRUMB  ===============================*/
#pathway, #pathway a:link, #pathway a:visited{
	font-size:12px;
	font-weight: lighter;
}


/*=========================== LEFT MODULE ===============================*/
.columnkiri .moduletable, .columnkiri .moduletable_menu{
	margin-bottom: 15px;
}

.columnkiri .moduletable{
	padding: 5px;
	border:1px solid #DDD;
	background-image: url(../images/modultrans.gif);
	background-repeat: repeat-x;

}

.columnkiri .moduletable h3, .columnkiri .moduletable_menu h3{
	font-weight: lighter;
	font-size: 16px;
	color: #333;
}

/*=========================== RIGHT MODULE ===============================*/
.columnkanan .moduletable, .columnkanan .moduletable_text {
	margin-bottom: 15px;
}
.columnkanan .moduletable_taisykles{
	margin: 0px 0px 15px 270px;
	white-space:nowrap;
	}
.columnkanan .moduletable h3, .columnkanan .moduletable_taisykles h3{
	font-weight: lighter;
	font-size: 16px;
	color: #333;
}

/*=========================== RIGHT MODULE ===============================*/

.mainlevel-footer, .mainlevel-footer:link, .mainlevel-footer:visited{
	color: #888;
	text-decoration: none;
}


.mainlevel-footer:hover, .mainlevel-footer:active{
	color: #7cb905;
}

#active_menu-footer{
	color: #7cb905;
}

/*------------------------------------------------------------------------
# JoomlAxe CSS
# ------------------------------------------------------------------------
# Copyright (C) 2008 JoomlAxe. 
# @license - GPU/GPL
# Author: Spy2furious@gmail.com
# Websites:  http://www.joomlaxe.com
# This file may be redistributed or editted in whole or significant part.
-------------------------------------------------------------------------*/

/*============================= CODE =================================*/
pre, .code {
	background: #FFFFCC;
	border-left: 5px solid #CCCCCC;
	font: 1em/1.5 "Courier News", monospace;
	margin: 5px 0 15px;
	padding: 10px 15px;
}

/*========================= Sticky Note =============================*/
p.stickynote {
	background: url(../images/sticky-bg.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Download =============================*/
p.download {
	background: url(../images/download-bg.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= PDF =============================*/
p.pdf {
	background: url(../images/pdf.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Flash =============================*/
p.flash{
	background: url(../images/flash.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Excel =============================*/
p.excel{
	background: url(../images/excel.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Music =============================*/
p.music{
	background: url(../images/music.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Quicktime =============================*/
p.quicktime{
	background: url(../images/quicktime.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Word =============================*/
p.word{
	background: url(../images/word.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Compressed=============================*/
p.compressed{
	background: url(../images/compressed.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}

/*========================= Powerpoint =============================*/
p.powerpoint{
	background: url(../images/powerpoint.png) no-repeat 5px center #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 15px 50px;
}
/* ==================== Tips, Error, Message, Hightlight ===============*/
p.error {
	background: url(../images/icon-error.png) no-repeat top left;
	color: #CC0000;
	padding-left: 25px;
}

p.info {
	background: url(../images/icon-info.png) no-repeat top left;
	color: #2C79B3;
	padding-left: 25px;
}

p.tips {
	background: url(../images/icon-tips.png) no-repeat top left;
	color: #E58C00;
	padding-left: 25px;
}

.highlight {
	background: #FFFFCC;
	font-weight: bold;
	padding: 1px 5px;
}

#jflanguageselection {
margin:5px 0px 0px 0px;
padding: 0px;
float:left;
}

#investuokime td{
	border:6px solid #CCC;
	text-align:center;
	padding:8px;
	padding-top:10px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}
.moduletable_cart{
	padding-top:30px;
	}
.fb-like{
	text-align:center;
	}
.facebook_a {
    display: block;
    outline: medium none;
    overflow: hidden;
    position: fixed;
    text-indent: -9999px;
    top: 25%;
    z-index: 9999;
}
.facebook_a .facebook_div {
    background: url('../images/facebook.png') no-repeat scroll 0 0 transparent;
    height: 350px;
    width: 31px;
}
ul.articleTools, ul.articleTools li{
	display:inline;
	}
ul.articleTools li.facebook{
	margin-top:-1px;
	}