/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

/*===================================
/*   Basic page styles
/*===================================*/
@media print{
html *{
    height:0px!important;
    width:0px !important;
    margin: 0px !important;
    padding: 0px !important;
    min-height: 0px !important;
    line-height: 0px !important;
    overflow: visible !important;
    visibility: hidden ;
}

/*assing myPagesClass to every div you want to print on single separate A4 page*/
.myDivToPrint {
    z-index: 100 !important;
    visibility: visible !important;
    position: relative !important;
    display: block !important;
    background-color: lightgray !important;
    height: 297mm !important;
    width: 211mm !important;
    position: relative !important;
    padding: 0px;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    orphans: 0!important;
    widows: 0!important;
    overflow: visible !important;
    page-break-after: always;

}
@page{
    size: A4;
    margin: 0mm ;
    orphans: 0!important;
    widows: 0!important;
}
}
  
body {
    font-family:'lucida grande',tahoma,arial,sans-serif;
    font-size:11px;
	 /*outline: none; */
}
a {
    color:#15428B;
	cursor: pointer;
}
a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

#header {
    /*background:#7F99BE url("../extjs/resources/images/default/shared/hd-sprite.gif") repeat-x scroll 0 -83px;*/
	/*background : #7F99BE; 
	background-image : url("../extjs/resources/images/temptheme/shared/hd-sprite.gif");*/
	background-color: #154D9C!important;
}
#header h1 {
	color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px;
    text-shadow: 1px 2px 0 rgba(0, 0, 114, 0.5);
}
#header h2 {
    color: #fff;
	font-size: 11px;
    font-weight: bold;
    padding: 0px 10px;
	float: left;
	text-shadow: 1px 2px 0 rgba(0, 0, 114, 0.5);
}
#tanggal{
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    padding: 0px 10px;
	float: right;
	text-shadow: 1px 2px 0 rgba(0, 0, 114, 0.5);
}
#start-div h2 {
    font-size: 12px;
    color: #555;
    padding-bottom:5px;
    border-bottom:1px solid #C3D0DF;
}
#start-div p {
    margin: 10px 0;
}

/*===================================
/*   Customized layout styles
/*===================================*/

/* Remove the border around the tabs and override the default white background: */
/*.x-tab-panel-header-plain .x-tab-strip-top {
    background: #DFE8F6 !important;
}

/* .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
	background-image : url("../extjs/resources/images/temptheme/shared/hd-sprite.gif");
	background:#317c20 !important;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner{
	background-position: 0 -82px;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right{
	background-position: 0 -41px;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-left{
	background-position: right 0;
}
*/

.x-form-item  {
	font-size: 11px; 
}
.x-form-field{
	font-size: 11px; 
}

.x-tree-node div.feeds-node{

    background:#eee url(../images/cmp-bg.gif) repeat-x;

    margin-top:1px;

    border-top:1px solid #ddd;

    border-bottom:1px solid #ccc;

    padding-top:2px;

    padding-bottom:1px;

}

.feeds-node .x-tree-node-icon {

    display:none;

}


.x-window-dlg .ext-mb-download {
	background:transparent url(../images/download.gif) no-repeat top left;
	height:46px;
}

img.foto {
    width: 96px;
    height: 124px;
    float: left;
    margin: 0px 5px 0px 0px; 
}
span.nama {
    font-size: 100%;
    color: #3764A0;
    font-weight: bold; 
}
#action-panel .x-panel {
	margin-bottom:3px;
	margin-right:0;
}
#action-panel .x-panel-body {
	border:0 none;
}
#action-panel .x-panel-body li {
	margin:3px;
}
#action-panel .x-panel-body li img {
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:2px;
	margin-bottom:2px;
}
#action-panel .x-panel-body li a {
	text-decoration:none;
	color:#3764A0;
}
#action-panel .x-plain-body {
	background-color:#cad9ec;
    padding:3px 0 0 5px;
}
.x-air #action-panel .x-plain-body {
	padding-left:3px;
}
#action-panel .x-panel-body li a:hover {
	text-decoration:underline;
	color:#15428b;
}

 .x-check-group-alt {
     background: #D1DDEF;
     border-top:1px dotted #B5B8C8;
     border-bottom:1px dotted #B5B8C8;
 }
 
 .login-input{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-flex: 1;
    background: none repeat scroll 0 0 padding-box hsla(0, 0%, 100%, 0.9);
    border-color: hsla(210, 54%, 20%, 0.15) hsla(210, 54%, 20%, 0.17) hsla(210, 54%, 20%, 0.2);
    border-image: none;
    border-radius: 2.5px 0 0 2.5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 hsla(210, 65%, 9%, 0.02) inset, 0 0 2px hsla(210, 65%, 9%, 0.1) inset, 0 1px 0 hsla(0, 0%, 100%, 0.2);
    color: inherit;
    padding: 5px; 
 }
 
 .x-form-invalid, textarea.x-form-invalid {
	background: url("../images/icon/exclamation.png") no-repeat scroll 5px center padding-box hsla(0, 0%, 100%, 0.9);
    border-color: #c30;
}

/*#btn-login {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-flex: 1;
    background: none repeat scroll 0 0 padding-box hsla(0, 0%, 100%, 0.9);
    border-color: hsla(210, 54%, 20%, 0.15) hsla(210, 54%, 20%, 0.17) hsla(210, 54%, 20%, 0.2);
    border-image: none;
    border-radius: 2.5px 0 0 2.5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 hsla(210, 65%, 9%, 0.02) inset, 0 0 2px hsla(210, 65%, 9%, 0.1) inset, 0 1px 0 hsla(0, 0%, 100%, 0.2);
}*/

#app_title h1 {
    font-size: 20px;
    font-weight: bold;
    padding: 5px 10px 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 114, 0.5);
}
#app_title h2 {
	font-size: 12px;
    font-weight: bold;
    padding: 0px 10px;
	text-shadow: 1px 1px 0 rgba(0, 0, 114, 0.5);
}
#cy{
	background-color: #eee !important;
	width:100%;
	height:100%;
}
.tglbold {
    background-color: #ddd !important;
    font-weight: bold;
}
.alert{
	color : red;
}