/* indonesian-security style -- created Feb 06, 2008 */

body {
	font-size: 12px;
	color: #313131;
	margin: 0px;
	padding: 0px;
	background-color: #e0e0e0;
}
body, p, h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {
	font-family: Arial, Helvetica, sans-serif;
}
p, td, th, span, div{
	line-height: 130%;
}

a {
	text-decoration: none;
	color: #1e6991;
}
a:hover {
	text-decoration: underline;
	color: #ccc;
}
form {
	margin: 0px;
}
td, th {
	vertical-align: top;
	line-height: 150%;
}
td.text, td.form {
	padding: 4px;
}
img {
	border: none;
}
.floatRight{
 	float: right;
	margin: 0px 0px 10px 10px;
}
.floatLeft{
 	float: left;
	margin: 0px 10px 10px 0px;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.justify{
	text-align: justify;
}
.clear{
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 0px;
	overflow: hidden;
}

/* --------------------------------------------------- */
.body {
	padding: 0px;
	text-align: center;
}
.container {
	width: 996px;
	margin: 6px auto;
	margin-top: 6px;
	padding: 6px;
	overflow: hidden;
	text-align: left !important;
	background-color: #fff;
	border: 1px solid #cecece;
}

.header, .headerAdd{
	height: 165px;
	padding: 0px;
	overflow: hidden;
}
.header {
	background: url(../images/bgHeader.gif) bottom left repeat-x;
}
.headerAdd {
	background: url(../images/headerRight.gif) bottom right no-repeat;
}
.headerAdd02 {
	height: 139px;
	padding: 26px 2px 0px 12px;
	overflow: hidden;
	background: url(../images/headerLeft.gif) bottom left no-repeat;
}
.headerTop {
	height: 85px;
	overflow: hidden;
	padding: 0px;
	background: url(../images/headerTop.gif) right no-repeat;
}
a.siteName {
	width: 300px;
	height: 85px;
	padding: 0px;
	overflow: hidden;
	display: block;
	float: left;
}
.headerBanner {
	width: 676px;
	height: 45px;
	padding: 15px 0px;
	overflow: hidden;
	display: block;
	float: right;
}
.headerBanner p{
	float: left;
	display: block;
	width: 220px;
	overflow: hidden;
	margin: 0px 2px !important;
	padding: 0px !important;
	color: #fff;
}
.headerBanner p a{	
	color: #5e91ae;
}
.headerBanner p a:hover{	
	color: #5e91ae;
}

.headerBottom {
	height: 41px;
	padding: 13px 0px 0px 0px;
	overflow: hidden;
}
.search {
	padding: 4px 15px;
	font-weight: bold;
	color: #324855;
	/*width: 420px;*/
	float: left;
	display: block;
}
.search input {
	color: #1c2c38;
	font-size: 11px;
	font-weight: lighter;
	width: 150px;
}
.search select {
	color: #1c2c38;
	font-size: 11px;
	font-weight: lighter;
	min-width: 150px;
}
input.searchBtn {
	border: none;
	width: 33px;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/srcBtn.gif) no-repeat;
	color: #fff;
	cursor: pointer;
}

.topMenu {
	float: right;
	display: block;
	margin: 0px;
}
.topMenu ul.nav {
	margin: 2px 16px 0px 0px !important;
	padding: 0px !important;
	list-style: none;
	/*width: 450px;*/
}
.topMenu ul.nav li {
	display: block;
	float: left;
}
.topMenu ul.nav li a{
	padding: 0px;
	font-weight: bold;
	color: #002134;
	float: left;
}
.topMenu ul.nav li a span{
	padding: 6px 12px;
	float: left;
}
.topMenu ul.nav li a:hover{
	color: #fff;
	text-decoration: none;
	background: url(../images/navRight.gif) bottom right no-repeat;
}
.topMenu ul.nav li a:hover span{
	cursor: pointer;
	background: url(../images/navLeft.gif) bottom left no-repeat;
}

/*-------------------------- main section -----------------------------*/
.mainPage {
	display: block;
	float: left;
	background: url(../images/bgPage.gif) top repeat-y;
}
.sidebar {
	width: 190px;
	padding: 10px 5px;
	overflow: hidden;
}
.leftSide {
	float: left;
	display: block;
	padding-right: 7px;
}
.rightSide {
	float: right;
	display: block;
	padding-left: 7px;
}
.wrapper {
	width: 794px;
	margin: 0px;
	display: block;
	float: right;
	padding: 0px;
	overflow: hidden;
}
.main {
	width: 572px;
	float: left;
	display: block;
	padding: 10px;
	overflow: hidden;
}

.pageTop {
	color: #9fa8ad;
	margin-bottom: 10px;
}
span.siteTitle {
	font-weight: bold;
	padding-right: 14px;
	background: url(../images/downArrow.gif) right no-repeat;
}
.siteTime {
	float: right;
	display: block;
	font-size: 0.9em;
}	

.content {
	padding: 10px;
	margin-bottom: 10px;
	background: url(../images/bgContent.gif) top left repeat-x;
	border-bottom: 1px solid #ccd3d9;
}
.content h1 {
	color: #263643;
	font-size: 1.4em;
	margin: 0px !important;
	padding: 5px 0px !important;
}
.content h2 {
	color: #065784;
	font-size: 1.2em;
	margin: 0px !important;
	padding: 4px 0px !important;
}
.content h3 {
	color: #065784;
	font-size: 1.0em;
	margin: 6px 0px !important;
	padding: 6px 0px !important;
	border-bottom: 1px solid #e2e2e2;
}
.content p {
	margin: 10px 0px !important;
	padding: 0px !important;
	line-height: 140%;
}

.flowNav {
	
}
.flowNav p {
	margin: 0px 0px 10px 0px !important;
	padding: 0px !important;
	font-size: 11px;
	font-weight: bold;
}

.news {

}
.news h2 {
	color: #233740;
	font-size: 1.1em;
	margin: 0px !important;
	padding: 5px 0px 10px 24px !important;
	background: url(../images/arrowCorner.gif) top left no-repeat;
	background-position: 0px 4px;
	border-bottom: 1px solid #ccd3d9;
}
.newsItem {
	padding: 8px 0px;
}
.newsTitle {
	font-weight: bold;
	font-size: 1.1em;
}
.newsTitle a, .newsTitle a:hover {
	color: #065784;
}

.testimoni {

}
.testimoni h2 {
	color: #233740;
	font-size: 1.1em;
	margin: 0px !important;
	padding: 5px 0px 10px 24px !important;
	background: url(../images/commentiere.gif) top left no-repeat;
	background-position: 0px 4px;
	border-bottom: 1px solid #ccd3d9;
}

p.addLink {
	text-align: right;
	padding-right: 10px;
}

table.contactTable {
	border: 0px;
	border-top: 1px solid #c2c2c2;
	margin: 10px auto;
}
table.contactTable td{
	padding: 4px;
}
table.contactTable td input.text{
	width: 300px;
}
table.contactTable td input.button{
	border: 1px solid #6c8fa2;
	background-color: #99b6c8;
	color: #2a373f;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	padding-left: 8px;
	padding-right: 8px;
}
table.contactTable td textarea{
	width: 400px;
	overflow: auto;
	font-size: 1.0em;
}

table.iklanTable {
}
table.iklanTable td{
	padding: 0 4px 4px;
}


/*------------------------ ads list ------------------------------ */
.adBoxContainer {
	padding: 10px 1px;
	background-color: #cbd8e0;
	margin-bottom: 10px;
}
.adBoxContainer2 {
	padding: 10px 0px;
	background-color: #dce5ea;
	margin-bottom: 10px;
}
.adBox {
	width: 265px;
	float: left;
	display: block;
	margin: 10px;
	padding: 0px;
	overflow: hidden;
}
*html .adBox {
	margin-left: 5px;
}
.adBox h2{
	font-size: 1.1em;
	margin: 0px !important;
	padding: 7px 10px 7px 36px !important;
	background: url(../images/adsHeading.gif) left no-repeat;
}
.plus h2 {
	color: #bd0000;
}
.token h2 {
	color: #007f0c;
}
.adItem {
	padding: 5px 5px 5px 11px;
}
.adItem p{
	margin: 0px !important;
	padding: 4px !important;
}
.adItem p.row2 {
	background-color: #dce5ea;
}
.plus p a, .plus p a:hover{
	color: #026200;
}
.token p a, .token p a:hover{
	color: #004172;
}


.adBox2 {
	padding: 5px 10px;
}
.adBox2 h2 {
	font-size: 1.1em;
	color: #007f0c;
	margin: 0px !important;
	padding: 5px 10px !important;
	background-color: #b5c8d6;
}
.adBox2 h3 {
	font-size: 1.1em;
	color: #b46e08;
	margin: 0px !important;
	padding: 5px !important;
}
.adBox2 h3 a {
	color: #b46e08;
}
.adItem2 {
	padding: 5px;
	border-bottom: 1px solid #b5c8d6;
}
.adItem2 p {
	margin: 0px !important;
	padding: 4px !important;
	line-height: 150%;
	color: #111;
}
.adItem2 p.date {
	font-size: 11px;
	font-style: italic;
	color: #007f0c;
	text-align: right;
}
.adItem2 p img {
	margin: 0 5px 5px 0;
	float: left;
}
.adItem2 p a, .adItem2 p a:hover {
	color: #bd0000;
}

ul.pageNav {
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
	text-align: center;
}
.pageNav li{
	display: inline;
	margin: 0px 2px;
	padding: 0px 2px 0px 6px;
	border-left: 1px solid #013b69;
}
.pageNav li.first{
	border: none !important;
}
.pageNav li a{
	color: #013b69;
	text-decoration:none;
}
.pageNav li a:hover{
	color: #111;
	text-decoration: none;
}


/* --------------------------------- blocks ------------------------- */
.leftBlock {
	margin-bottom: 10px;
}
.leftBlockTop {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/leftBlock-top.gif) top no-repeat;
}
.leftBlockBot {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/leftBlock-bot.gif) top no-repeat;
}
.leftBlockCell {
	padding: 5px 10px;
	background-color: #1b3240;
}
.rightBlock {
	margin-bottom: 10px;
}
.rightBlockTop {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/rightBlock-top.gif) top no-repeat;
}
.rightBlockBot {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/rightBlock-bot.gif) top no-repeat;
}
.rightBlockCell {
	padding: 4px;
	background: url(../images/rightBlock-bg.gif) top repeat-y #c2d5e3;
}

/* -------------- login -------------*/
.login {
	margin-bottom: 10px;
}
.login h2 {
	font-size: 1.1em;
	color: #5e91ae;
	padding: 7px 10px 17px 24px !important;
	margin: 0px !important;
	background: url(../images/loginTop.gif) top no-repeat #29363e;
}
.loginItem {
	padding: 5px 10px;
	margin: 0px;
	color: #2f4956;
	background: url(../images/loginBg.gif) top repeat-y;
}
.login p{
	margin: 0px !important;
	padding: 4px 0px;
	font-size: 11px;
}
.login p.label{
	text-align: right;
}
.login p.label input{
	width: 104px;
	font-size: 11px;
	border: 1px solid #5e91ae;
}
.login p.input{
	text-align: center;
}
.login p.input input{
	width: 46px;
	height: 18px;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	border: none;
	background: url(../images/loginBtn.gif) no-repeat;
	cursor: pointer;
}
.login p.submit{
	line-height: 140%;
	padding-left: 5px;
}
.login p.submit a{
	color: #1d6a94;
	text-decoration: underline;
}
.login p.submit a:hover{
	color: #111;
	text-decoration: underline;
}
.loginBottom {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/loginBot.gif) top no-repeat;
}

/* --- statistik ---- */
.statistic {
	border-bottom: 1px solid #cfe0ea;
	margin-bottom: 20px;
}
.statistic h2{
	margin: 0px !important;
	padding: 0px 5px 5px 24px !important;
	color: #1c5477;
	font-size: 1.1em;
	background: url(../images/stat-icon.gif) top left no-repeat;
}
.statistic table{
	margin: 0px;
	width: 100%;
}
.statistic table td{
	font-size: 11px;
}
.borderCC{
	padding: 4px;
	color: #071a28;
	border-bottom: 1px solid #81b0c2;
}
.bgCC{
	padding: 4px;
	color: #071a28;
	text-align: right;
}
.bgColor{
	padding: 4px;
	color: #071a28;
	text-align: left;
}

/* ----------------------------------- polling ------------------------------------- */
.polling {
	margin-bottom: 10px;
}
.polling h2{
	margin: 0px !important;
	padding: 0px 5px 13px 24px !important;
	color: #1c5477;
	font-size: 1.1em;
	background: url(../images/pollingTop.gif) top no-repeat;
}
.pollingItem {
	padding: 10px;
	font-size: 11px;
	background: url(../images/bgPolling.gif) top repeat-y;
}
.pollingItem table {

}
.pollingItem table tr td{
	padding: 4px;
}
input.polBtn {
	width: 43px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	color: #28353d;
	background: url(../images/pollingBtn.gif) bottom no-repeat;
	border: none;
	cursor: pointer;
}
.pollingLink {
	text-align: right;
	padding: 12px 5px 0px 5px;
	font-size: 11px;
	background: url(../images/pollingBot.gif) top no-repeat;
}
.pollingLink a, .pollingLink a:hover{
	color: #0e4e71;
}

/* ------------------------------------ banner --------------------------------------- */
.banner {
	margin-bottom: 10px;
}
.banner p{
	margin: 5px 0px !important;
	padding: 0px !important;
	text-align: center;
}

/* ---------------------------- category -----------------------------*/
.category {
	color: #fff;
}
.category h2 {
	margin: 0px !important;
	padding: 0px 5px 5px 18px !important;
	color: #1c5477;
	font-size: 1.1em;
	background: url(../images/arrowBig.gif) no-repeat;
	background-position: 0px 2px;
	border-bottom: 1px solid #293b47;
}
ul.mainCat {
	margin: 0px !important;
	padding: 10px 0px !important;
	list-style: none;
	border-bottom: 1px solid #293b47;
}
ul.mainCat li{
	padding-left: 10px;
	padding-bottom: 4px;
	font-weight: bold;
	background: url(../images/square.gif) no-repeat;
	background-position: 0px 7px;
}
ul.mainCat li a, ul.mainCat li a:hover {
	color: #c0d6e3;
}
ul.itemCat {
	margin: 0px !important;
	padding: 10px 0px !important;
	list-style: none;
	border-bottom: 1px solid #293b47;
}
ul.itemCat li{
	padding-left: 10px;
	padding-bottom: 4px;
	font-weight: bold;
}
ul.itemCat li span{
	color: #3d6682;
	font-weight: lighter;
}
ul.itemCat li a {
	color: #55717f;
}
ul.itemCat li a span{
	color: #3d6682;
	font-weight: lighter;
}
ul.itemCat li a:hover {
	color: #fff;
	text-decoration: none;
}

.sidebar-element {
	padding-left: 10px;
	font-size: 11px;
	font-weight: lighter;
}
.sidebar-element table td{
	padding: 2px 0px;
}
.sidebar-element table td a{
	color: #fff;
}
.sidebar-element table td a:hover{
	color: #fff;
	text-decoration: underline;
}

/*----------------------------- footer -----------------------------*/
.footer {
	clear: both;
}
.footerTop {
	height: 12px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/footerTop.gif) top no-repeat;
}
.footerCell {
	padding: 5px 10px 10px 10px;
	background-color: #29363e;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
}
.footerCell p {
	margin: 0px !important;
}
.footerCell a, .footerCell a:hover {
	color: #5c92ae;
}

.botMenu {
	margin-bottom: 10px;
}
.botMenu ul.nav {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
}
.botMenu ul.nav li {
	display: inline;
	padding: 0px 9px 0px 10px;
	border-left: 1px solid #6b7f8a;
}
.botMenu ul.nav li.first {
	padding: 0px 9px 0px 0px;
	border: none !important;
}
.botMenu ul.nav li a{
	padding: 0px;
	color: #6b7f8a;
}
.botMenu ul.nav li a:hover{
	color: #fff;
	text-decoration: none;
}

.footerBot {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/footerBot.gif) top no-repeat;
}

/* frame */
.frame .ticker {
	background-color: #000;
	color: #fff;
	font-size: 0.9em;
	padding: 4px;
}
.frame {
	-moz-opacity:.90;
	filter: Alpha(opacity=90);
}
*html .frame .ticker {
	margin-right: 16px;
}
.frame .ticker marquee {
	 width: 1008px;
	 margin: 0px auto;
}
.frame .ticker marquee p{
	display: inline;
	margin: 0px !important;
	padding: 0px 10px 0px 16px !important;
	background: url(../images/arrowCorner2.gif) left no-repeat;
}
.frame .banner {
	text-align: center;
	padding: 0px;
	overflow: hidden;
}
.frame .banner p {
	display: inline;
	margin: 0px !important;
	padding: 0px !important;
}
*html .frame .banner p {
	padding-right: 16px !important;
}