/**
* @version $Id: template_css.css,v 1.2 2004/08/30 20:04:29 rhuk Exp $
* @package Mambo_4.5.1
* @copyright (C) 2000 - 2004 Miro International Pty Ltd
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
* Mambo is Free Software
*/

#wrapper {
        border: 0px;
        margin: 0px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
}

#header {
        background-color: #FFF;
        background-position: right top;
        border-bottom: 4px solid #80B5D7;
}

#mambo {
        position: relative;
        width: 100%;
        background: url(../images/headergrey.jpg) #30569D no-repeat;
        background-position: top right;
        margin: 0px;
        padding: 0px;
}

#wrapper1 div {
    border: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 5px 0px 5px;
    display: inline;
}

BODY {
	margin: 0px 0px 0px 0px;
	color : #333;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a {
	color: #ff6600;
	text-decoration: none;
}
a:hover {
	color : #30569D;
	text-decoration : underline;
}
a:active {
	color : #FF9900;
	text-decoration : underline;
}
a.toolbar {
	color : #808080;
	text-decoration : none;
}
a.toolbar:hover {
	color : #FF6600;
}
a.toolbar:active {
	color : #FF9900;
}
.pagenav {
	font-size : 10px;
}
a.pagenav {
	color : #808080;
	font-size : 10px;
	text-decoration : underline;
}
a.pagenav:hover {
	color : #FFF;
	font-size : 10px;
}
a.pagenav:active {
	color : #333;
	font-size : 10px;
}
.sectionname {
	color : #FF9900;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight: bold;
}

/*
.csbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #cccccc;
	background-color: #CCCCCC;
}
*/

.csbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #cccccc;
	background-color: #2F4F4F;
}

.csupload {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
}


.button {
	border-top : solid 1px #d5d5d5;
	border-right : solid 1px #808080;
	border-bottom : solid 1px #808080;
	border-left : solid 1px #d5d5d5;
	color : #333;
	font-weight : bold;
}
.inputbox {
        color: blue;
        background: #E9EFF5;
        font-family: Arial,Courier, Helvetica, sans-serif;
        z-index: 0;
        font-size: 11px;
}

.inputboxinfo {
        color: red;
        background: #FFFFCC;
        font-family: Verdana,Courier, Helvetica;
        z-index: -3;
        font-size: 11px;
}

.text_area {
        border : 1px solid #999;
        color: blue;
        background: #E9EFF5;
        font-family: Arial,Courier, Helvetica, sans-serif;
        z-index: -3;
        font-size: 12px
}
/*
  Created Date : 2005 09 02  - Danu
  
*/
.text_area0 {
        border:none;		      
        background: #F5F5F5;
        font-family: Arial,Courier, Helvetica, sans-serif;
        z-index: -3;
        font-size: 11px;
		color:#000000;		
}

.text_area1 {
        border:none;		      
        background: #FFF;
        font-family: Arial,Courier, Helvetica, sans-serif;
        z-index: -3;
        font-size: 11px;
		color:#000000;		
}

.inputpassword {
        border : 1px solid #999;
        color: blue;
        background: #E9EFF5;
        font-family: Times New Roman,Arial, Helvetica, sans-serif;
        z-index: -3;
        font-size: 11px
}

INPUT, TEXTAREA, SELECT {
	color : blue;
	z-index : -3;
	font-size: 11px;
}

.small {
	color : #FF9900;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
}
.smallgrey {
	color : #999;
	font-size : 10px;
}
.error {
	color : #C40000;
	font-size : 11px;
	font-weight : bold;
}
.contentheading, .componentheading, .moduleheading {
	font-size: 14px;
	font-weight: bold;
}
table.menubar {
	width: 100%;
	
}
td {
	font-size: 11px;
}
/* header block */
table.adminheading {
	background-color: #FFF;
	font-family : Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	border-collapse: collapse;
	color: #FF9E31;
	font-size : 14px;
	font-weight: bold;
	text-align: left;
}
table.adminheading th {

	height: 50px;
	padding-left: 50px;
	background: url(../images/asterisk.png) no-repeat left;
}
table.adminheading th.checkin {
	background: url(../images/checkin.png) no-repeat left;
}
table.adminheading th.cpanel {
	background: url(../images/asterisk.png) no-repeat left;
}
table.adminheading th.config {
	background: url(../images/config.png) no-repeat left;
}
table.adminheading th.modules {
	background: url(../images/module.png) no-repeat left;
}
table.adminheading th.menus {
	background: url(../images/menu.png) no-repeat left;
}
table.adminheading th.trash {
	background: url(../images/trash.png) no-repeat left;
}
table.adminheading th.user {
	background: url(../images/user.png) no-repeat left;
}
table.adminheading th.inbox {
	background: url(../images/inbox.png) no-repeat left;
}
table.adminheading th.msgconfig {
	background: url(../images/message_config.png) no-repeat left;
}
table.adminheading th.langmanager {
	background: url(../images/langmanager.png) no-repeat left;
}
table.adminheading th.mediamanager {
	background: url(../images/mediamanager.png) no-repeat left;
}
table.adminheading th.impressions {
	background: url(../images/impressions.png) no-repeat left;
}
table.adminheading th.browser {
	background: url(../images/browser.png) no-repeat left;
}
table.adminheading th.searchtext {
	background: url(../images/searchtext.png) no-repeat left;
}
table.adminheading th.templates {
	background: url(../images/templatemanager.png) no-repeat left;
}
table.adminheading th.massemail {
	background: url(../images/massemail.png) no-repeat left;
}
table.adminheading th.frontpage {
	background: url(../images/frontpage.png) no-repeat left;
}
table.adminheading th.sections {
	background: url(../images/sections.png) no-repeat left;
}
table.adminheading th.edit {
	background: url(../images/addedit.png) no-repeat left;
}
table.adminheading th.categories {
	background: url(../images/categories.png) no-repeat left;
}
table.adminheading th.install {
	background: url(../images/install.png) no-repeat left;
}
table.adminheading th.dbbackup {
	background: url(../images/backup.png) no-repeat left;
}
table.adminheading th.dbrestore {
	background: url(../images/dbrestore.png) no-repeat left;
}
table.adminheading th.dbquery {
	background: url(../images/query.png) no-repeat left;
}
table.adminheading th.info {
	background: url(../images/systeminfo.png) no-repeat left;
}
/* 
	Modified By : Danu - 10 August 2005
	Desc		: Add heading image ASKAD.
*/
table.adminheading th.ekspor {
	background: url(../images/query.png) no-repeat left;
}
table.adminheading th.impor {
	background: url(../images/massemail.png) no-repeat left;
}

table.adminheading th.user {
	background: url(../images/user.png) no-repeat left;
}

table.adminheading th.password {
	background: url(../images/support.png) no-repeat left;
}

table.adminheading th.dokpendukung {
	background: url(../images/unpublish_f2.png) no-repeat left;
}

table.adminheading th.forgetpassword {
	background: url(../images/lock.GIF) no-repeat left;
}

table.adminheading th.login {
	background: url(../images/policy1.GIF) no-repeat left;
}

table.adminheading td {
	color : #000;
}
/* standard list style table */
table.adminlist {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	border-spacing: 0px;
	width: 100%;
	border-collapse: collapse;
}

table.adminlist th {
	margin: 0px;
	padding: 6px 4px 2px 4px;
	height: 25px;
	background: url(../images/background.gif);
	background-repeat: repeat;
	font-size: 11px;
	color: #ffffff;
}
table.adminlist th.title {
	text-align: left;
}

table.adminlist th a {
	color: #ff9900;
}

table.adminlist tr.row0 {
	background-color: #F5F5F5;
}
table.adminlist tr.row1 {
	background-color: #FFF;
}
table.adminlist td {
	border-bottom: 1px solid #e5e5e5;
	padding: 4px;
}
table.adminlist td.errorClass {
	border-bottom: 1px solid #e5e5e5;
	padding: 4px;
	background-color: #FF0000;
	cursor: pointer;
}
table.adminlist tr.row0:hover {
	background-color: #f1f1f1;
}
table.adminlist tr.row1:hover {
	background-color: #f1f1f1;
}
table.adminlist td.options {
	background-color: #ffffff;
	font-size: 8px;
}
select.options, input.options {
	font-size: 8px;
	font-weight: normal;
	border: 1px solid #999999;
}
/* standard form style table */
table.adminform {
	background-color: #f5f5f5;
	border: solid 1px #d5d5d5;
	width: 100%;
	padding: 10px;
	border-collapse: collapse;
}
table.adminform tr.row0 {
	background-color: #f5f5f5;
}
table.adminform tr.row1 {
	background-color: #eeeeee;
}
table.adminform th {
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	height: 25px;
	color: #ffffff;
	background: url(../images/background.gif);
	background-repeat: repeat;
}
table.adminform td {
	padding: 3px;
	text-align: left;
}
table.adminform td.editor {
	font-size: 9px;
}

table.cpanel td {
	text-align: center;
}

form {
	margin: 0px 0px 0px 0px;
}
/* Styles for dhtml tabbed-pages */
.ontab {
	font-size: 12px;
	background-color: #ffae00;
	border: 1px solid #cccccc;
	width: 14%;
	text-align: center;
	cursor: hand;
	font-weight: bold;
	color: #FFFFFF;
}
.offtab {
	font-size: 12px;
	background-color : #e5e5e5;
	border: 1px solid #cccccc;
	width: 14%;
	text-align: center;
	cursor: hand;
	font-weight: normal;
}
.tabpadding {
	/*border-bottom: solid 1px #D5D5D5;*/
}
.tabheading {
	background-color: #FFAE00;
	color: #FFF;
	font-size: 10px;
	text-align: left;
}
.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}
.menubackgr {
	background: #F1F3F5;
	border-bottom: 1px solid #cccccc;

}
.menudottedline {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #ffffff;
	background-color: #F1F3F5;
}
.pathway {
	border: 1px inset;
	background-color: #FFF;
	padding: 2px;
	width: 95%;
	margin: 3px;
}
.adminheader {
	color : #FF9900;
	font-size : 24px;
}
/* Text passed with mosmsg url parameter */
.message {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #FF9900;
	text-align: center;
}

.bordertable {
	border: 1px solid #d5d5d5;
}

.main {
	border: 1px solid #d5d5d5;
	width: 98%;
}
.quote {
	margin: 4px;
	border: 1px solid #cccccc;
	background-color: #E9ECEF;
	padding: 10px;
	font-size: 12px;
	color: #254D78;
}

table.contentpaneopen {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpane td.contentheading {
  padding-left: 15px;
  padding-top: 9px;
}

.contentheading {
	height: 30px;
	background: url(../images/contenthead.png)  repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 9px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
}

.contentheadingdasar {
	height: 30px;
	background: url(../images/controlpaneldasar1.png)  repeat-x;
	color: #666666;
	padding-top: 9px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
}


.bordercolum {
	border : 1px solid #999;
}

.tablereff {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	border-spacing: 0px;
	border-collapse: collapse;
}

.selamat {
	font-size:12px;
}

/* sortable style table */
table.sortable {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	border-spacing: 0px;
	width: 100%;
	border-collapse: collapse;
}

table.sortable th {
	margin: 0px;
	padding: 6px 4px 2px 4px;
	height: 25px;
	/*background: url(../images/background.gif);
	background-repeat: repeat;*/
	font-size: 11px;
	/*color: #ffffff;*/
}
table.sortable th.title {
	text-align: left;
}

table.sortable th a {
	color:#666666;
	text-decoration:none;
}

table.sortable th a:hover {
	color:#CCCCCC;
	text-decoration:none;
}
table.sortable th a:visited {
	color: #666666;
	text-decoration:none;
}

table.sortable tr.row0 {
	background-color: #F5F5F5;
}
table.sortable tr.row1 {
	background-color: #FFF;
}
table.sortable tr.row0 a{	
	text-decoration:none;
}
table.sortable tr.row1 a{	
	text-decoration:none;
}
table.sortable td {
	border-bottom: 1px solid #e5e5e5;
	padding: 4px;
}
table.sortable tr.row0:hover {
	background-color: #f1f1f1;
}
table.sortable tr.row1:hover {
	background-color: #f1f1f1;
}
table.sortable td.options {
	background-color: #ffffff;
	font-size: 8px;
}

/* CSS Buat AutoComplete */
/* Big box with list of options */
#ajax_listOfOptions{
  position:absolute;  /* Never change this one */
  width:300px;  /* Width of box */
  height:200px;  /* Height of box */
  overflow:auto;  /* Scrolling features */
  border:1px solid #317082;  /* Dark green border */
  background-color:#FFF;  /* White background color */
  text-align:left;
  font-size:0.9em;
  z-index:100;
}
#ajax_listOfOptions div{  /* General rule for both .optionDiv and .optionDivSelected */
  margin:1px;    
  padding:1px;
  cursor:pointer;
  font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{  /* Div for each item in list */
  
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
  background-color:#317082;
  color:#FFF;
}
#ajax_listOfOptions_iframe{
  background-color:#F00;
  position:absolute;
  z-index:5;
}

table.tabelRealisasi
{
	border-collapse: collapse;
	border: 1px solid #00000;
}

table.tabelRealisasi td.header
{
	background-color: #3872b2;
	color: #FFFFFF;
	font-weight: bold;
	border-collapse: collapse;
	border: 1px solid #FFFFFF;
}

table.tabelRealisasi tr.colorRow
{
	background-color: #E6E6E6;
}

table.tabelRealisasi td
{
	border-collapse: collapse;
	border: 1px solid #00000;
}

table.tahapUpload
{
	border-collapse: collapse;
	background-color: #E3E3E3;
	height: 30px;
	font-weight: bold;
	
}

table.tahapUpload td
{
	/*padding-left: 10px;*/
}

table.tahapUpload td.visited 
{
	background-color: #FF9933;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}