/* backgrounds */
.ui-gs-bg, .ui-widget-header, .btn-text {
	background: url(../images/bg-sprites.png) repeat-x;
}
.ui-home-header {
	background-position: 0 0;
}
.ui-gs-bg-1 {background-position: 0 0;}
.ui-gs-bg-2 {background-position: 0 -200px;}
.ui-gs-bg-3 {background-position: 0 -250px;}
.ui-gs-bg-4 {background-position: 0 -300px;}
.ui-gs-bg-5 {background-position: 0 -350px;}

/* dialog */
.ui-dialog {
	padding:0;	
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.ui-dialog-titlebar, 
.ui-datepicker-header {
	background-position: 0 -200px;
	border-radius: 0 0 0 0;
	border:0;
	height:24px;
	background-color: #A6A6A6;
    border-color: #3D3E3F;
    color: #FFFFFF;
    font-size:14px;
}
.ui-dialog .ui-dialog-content,  
.ui-dialog-content.ui-widget-content {
    background-color: #fff;
    padding: 0;
    border-color: #C4C6CB #75797E #75797E;
}
.ui-dialog-section {
    overflow: auto;
	padding: 18px 16px;
	max-height: 80vh;
}
.ui-dialog-intro {
	padding-bottom:5px;
}
.btn-text {
	background-position: 0 -250px;
	background-color: #00ADEF;
    border-color: #eeeeee #dddddd #cccccc;
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    padding: 5px 15px 5px 14px;
    white-space: nowrap;
}

.btn-text:hover {
	background-position: 0 -300px;
	text-decoration:none;
}
.ui-widget input, 
.ui-widget select,
.ui-widget textarea, 
input.text {
	background: #FFFFFF;
    border-color: #8D8D8F;
}

.half-column {
	width:47%;
	padding:5px;
}

.half-column.left {
	float:left;
}
.half-column.right {
	float:right;
}
.half-column input.text, 
.half-column textarea.text {
    padding: 3px;
    width: 97%;
	margin-bottom: 5px;
}
.half-column textarea.text {
	height:60px;
	margin-bottom: 5px;
}
.half-column select.text {
    padding: 2px;
	margin-bottom: 5px;
    width: 100%;
} 

.single-col td {
	padding: 2px 0;	
}
.single-col .label {
	text-align:right;
	padding-right:10px;
	font-weight:bold;
	width:115px;
}
.single-col .hint {
	color:#999;
}
.single-col input.text {
	padding: 3px 4px;
    width: 288px;
}
.single-col .textboxlist {
    width: 298px;
}
.single-col input.textarea {
	padding: 3px;
    width: 290px;
    height:2.5em;
}
.ui-dialog-section .ui-state-default {
	border:none;
}
.ui-dialog .section td.info {
	border-top:1px solid #fff;
	margin-top:4px;
}
.ui-dialog-section form label {
	color:#333;
	font-size:13px;
}

/* ui widget */
.ui-widget, .ui-widget .ui-widget {
    font-size: 12px;
}
.ui-widget-overlay {
	background:none;
	position:fixed;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-family:arial;
}

/* ui help */
#help-container {
	border:1px solid #ccc;
	box-shadow:1px 1px 3px #666;
	background:#fff;
	width:200px;
	padding:5px 10px;
	position:absolute;
	z-index:11000;
	color: #333;
	font-size:12px;
}
#help-container i {
	color: #c95500;
}
.ui-help {
	border:1px solid transparent;
	margin-left:3px;
	float:right;
}
.ui-help:hover {
	border:1px solid #c95500;
	cursor:pointer;
}

/* icons */
.ui-gs-icon {
	background: url(images/sprites.png) no-repeat;
	overflow: hidden;
    text-indent: -99999px;
    display: block;
}
.gs-icon-locker {
	background-position: 0 -50px;
	width: 43px;
	height: 51px;
}
.gs-icon-stats {
	background-position: -44px -50px;
	width: 43px;
	height: 51px;
}
.gs-icon-clock {
	background-position: -89px -50px;
	width: 43px;
	height: 51px;
}
/* icons */
.act-icons {
	background: url(../images/icon-actions.png) no-repeat;
	overflow: hidden;
    text-indent: -99999px;
    display: block;
}
.act-star-on {
	height: 15px;
    width: 15px;
    background-position: -20px -20px;
}
.act-star-on:hover {
	height: 15px;
    width: 15px;
    background-position: 0 -20px;
}
.act-star-off {
	height: 15px;
    width: 15px;
    background-position: 0 -20px;
}
.act-star-off:hover {
	height: 15px;
    width: 15px;
    background-position: -20px -20px;
}

/* daterange */
.ui-daterangepickercontain {
    background-color: #FFFFFF;
    z-index: 1900;
}
.ui-datepicker-calendar td{
	font-size: 10px;
}
.ui-daterangepicker .ui-widget-header {
	background: #ccc;
	border:1px solid #ccc;
	color: #222;
}

.ui-datepicker-header {
	text-shadow:none;
}
.ui-datepicker {
	z-index:1900;
}


.descr {
	margin: 5px 0;
}
.descr p {
	margin-bottom: 10px;
}
.ui-widget-header .ui-icon {background-image: url(ui-lightness/images/ui-icons_222222_256x240.png); }

/* kawal menteri */

#kawal-menteri .chart-container {padding-left: 50px;}
#kawal-menteri-header {text-align:  center}
	#kawal-menteri-header h1 {font-size: 30px; padding: 40px 0;}
	#kawal-menteri-header h2 {margin-bottom: 20px;}
	#kawal-menteri-header img {height: 100px; padding-top: 5px; padding-bottom: 5px}