@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) central stylesheet - layout example "dynamic layout switchting"
 * (de) Zentrales Stylesheet - Beispiellayout "dynamic layout switchting"
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision: 252 $
 * @lastmodified    $Date: 2008-11-16 11:26:47 +0100 (So, 16. Nov 2008) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(/template/ges/add/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(/template/ges/add/nav_shinybuttons.css);
@import url(/template/ges/add/basemod.css);
@import url(/template/ges/add/basemod_dynamic_layout_switching.css);
@import url(/template/ges/add/content.css);
@import url(/template/ges/add/nav_vlist.css);
@import url(/template/ges/add/menu.css);
@import url(/template/ges/add/forms.css);

/* import print layout | Druck-Layout einbinden */
@import url(/template/ges/add/print_003_draft.css);

.bg {
	background: #d1d1d1;
	font-size: 12px;
	font-weight: bold;
	font-family: tahoma, verdana, arial;
	padding: 5px;
	color: #fff;
}
.header-bg {
background: url(/template/ges/images/header-bg.gif);
height: 120px;
}
.logoheader {
height: 195px;
margin-top: 0px;
margin-bottom: 0px;
}
ul.vlist {
margin-bottom: 0px;
}
.vlist a,
.vlist strong,
.vlist span {
font-size:10px;
}
h6.vlist {
 	font-family:verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:100%;
    background: #6EBB1F;
    color: #fff;
	padding-top: 7px;
	padding-bottom: 7px;
}
div.box {
	padding: 5px;
	margin-bottom: 1px;
	font-size: 10px;
	background: #E5FFBA;
}
div.box span {
	display: block;
	margin: 2px;
}

input,select,textarea{
	padding: 3px;
	font-size: 10px;
	font-family: verdana,tahoma,arial;
	border:1px solid #d1d1d1;
}
/**********
tambahan
**********/

input[type=submit] {
	margin: 7px 3px 7px 0;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0 6px 7px 2px;
	width: auto;
	padding: 0;
	display: inline;
}
input[type=radio] {
	margin: 0 0 0 10px;
}

label  {
	display: block;
	font-weight: bold;
	margin: 8px 0 5px 0;
	color: #895F30;
}

input.form-error,textarea.form-error {
  	border-width: 1px;
  	border-style: solid;
  	border-color: red;
}

div.flash {
	margin:5px;
	font-family: verdana,tahoma;
	font-size: 13px;
	color: maroon;
	font-weight: bold;

}

div.sukses-box {
width:65%;
padding: 10px 10px 10px 36px;
background: url(/template/ges/images/tick.gif) #FFFFDD no-repeat;
background-position: 10px 50%;
BACKGROUND-COLOR: #FFFFDD;
border:1px solid #FFD700;
margin: 10px 1px 10px 5px;
text-align:left;
font-size:9px;
}
div.error-box {
width:65%;
padding: 10px 10px 10px 36px; /*top right bottom left*/
background: url(/template/ges/images/exclamation.gif) #FFFFDD no-repeat;
background-position: 10px 50%;
background-color: #ffffdd;
border:1px solid #ff0000;
margin: 10px 1px 10px 5px;
text-align:left;
font-size:9px;
color:red;
}
div.error-message {
	color:red;
}

div.form-data {
	margin:5px auto 5px auto;
	width: 400px;
	padding: 5px;
}
div.form-b-top {
	border-top: 1px solid #efefef;
}
div.form-b-bottom {
	border-bottom: 1px solid #efefef;
}
.zebra {
	background: #efefef;
}

.nilai {

}
.nilai tr:hover {
background-color: #e4f3e1;
}
.nilai TR.head1 {
height:20px;
background:#dfdfdf;
}
.nilai TR.head1 TD {
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	border-top: 1px solid #d1d1d1;
	background: #efefef;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;
	color: #4f6b72;
	font-weight:bold;
}
.nilai TR.head2 {
background:#efefef;
}

.nilai TR.head2 TD {
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	background: #efefef;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;
	color: #4f6b72;
	font-weight:bold;
	text-align:center
}



.nilai TR.head3 TD {
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
	color: #4f6b72;
}
.nilai tr.head1 td.depan,tr.head2 td.depan,tr.head3 td.depan {
border-left: 1px solid #d1d1d1;
}
.nilai tr.head3 td {
padding: 2px 5px 2px 5px;
}
.nilai tr.isi:hover {
background: #FAF6E1;
}
.nilai tr.zebra {
background: #f9f9f9;
}

/* Paging */
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}


div.form-data-label {
	width: 140px;
}
/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
	text-align: left;
}
div.cake-stack-trace {
	background: #fff;
	border: 1px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}