/* 
    Document   : style.css
    Created on : Nov 12, 2012
    Author     : Septian
    Description:
        Purpose of the stylesheet follows.
*/

/* @group Resetter */
body{
    font-family: arial;
    font-size:11pt;
	background:url(../../../misc/theme/img/bg.png);     
}
#container{
    width:1024px;
    height:auto;    
    margin:auto;
}
#header{
    width:1024px;
    height:100px;
    color:#ea0205;  
}

#header .logo{
    /*background:url(images/Logo.jpg) no-repeat;
    height: 80px;;         */
}
#header .information{
    font-size: 9pt;
    float:right;
    font-weight: 600;
}
#main{
    width:1024px;
    padding:0px;
}
#footer{
    width:1024px;
    position: fixed;
    bottom:0;    
    text-align: center;
    background-color:#000;
    color:#fff;
}
.box{
    background: #fff;
    margin:auto;
}
.box-header{
    text-align: left;
    height:20px;
    background-color: #ea0205;
    padding-left:10px;
    padding-bottom:5px;
    padding-top:5px;
    color:#fff;
}
.box-inner{
    padding:10px;
    text-align: left;
}
.div-line{
    float:left;    
}
.div-line .label{
    float:left;
    width:120px;
    padding:5px;
}
.div-line .field{
    float:left;
    width:200px;
    padding:5px;
}
.clear{
    clear: both;
}
table.grid{
     border-spacing: 0;
    border-collapse: collapse;
	
}
table.grid thead{
    background-color:#ea0205;
    
}
table.grid td,table.grid th{
}
table.grid thead th{
    padding:5px;
    color:#fff;    
}
table.grid tbody td{
    padding:5px;
}
table.grid tr{
    cursor: pointer;
}

table.search tbody td{
    padding:0px 5px 0px 5px !important;
}

   table.grid tr.selected > td{
    background-color: #0f0 !important;
}
table.search tbody td{
    padding:0px 5px 0px 5px !important;
}

.selected{
    background-color: #0f0 !important;
}   
.icon-master{
    float:left;
    margin-bottom:10px;
}
.icon-master a{
    margin-right:20px;
    float:left;  
    cursor:pointer;   
}
.icon-master .icon-new{
    background:url('../img/new.png');
    height:32px;
    width:32px;
    float:left;    
}
.icon-master .icon-edit{
    background:url('../img/edit.png');
    height:32px;
    width:32px;
    float:left;    
}
.icon-master .icon-delete{
    background:url('../img/delete.png');
    height:32px;
    width:32px;
    float:left;    
}
.icon-master .icon-refresh{
    background:url('../img/refresh.png');
    height:32px;
    width:32px;
    float:left;    
}
.icon-master .icon-mass{
    background:url('../img/mass.png');
    height:32px;
    width:32px;
    float:left;    
}
.icon-master .icon-download{
    background:url('../img/download.png');
    height:32px;
    width:32px;
    float:left;    
}
.icon-master .icon-text{  
    font-size: 9pt;
    font-family: arial;
    float:left;
    padding-top:10px;
}
#block{
    width:1024px;
    height:100%;
    background-color: #fff;
    display: block;
    position: fixed;
    opacity: 0.8;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    
}
#message-inner{
    position: absolute;
    width:300px;
    height:150px;
    background-color: #fff;
    padding:0px 10px 10px 10px;
    text-align: center;
    margin: auto;
    left:500px;
    top:200px;
    z-index:100000;
    border-radius: 20px ; 
    border: 1px solid #000;
}


#ui-datepicker-div{
    display:none;
}


/* jqm */

* .jqmWindow 
{
    display: none;
    position: absolute;
    top: 5%;
    left: 50%;    
    margin-left: -400px;
    width: 800px;    
    background-color: #16A085;
    color: #333;
    border: 0 solid black;
    padding: 0px;
}
 .jqmWindow h2{
     width: 10px;;
 }
a.jqmClose
{
  display: block;
  width: 16px;
  float: right;
  text-decoration: none;
  margin: 5px 5px 0 0;
  padding: 2px 2px 2px 7px;
  background-color: #ccc;
  border: 1px #fff solid;
}
 
.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:2;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


.login-page .rbox
{ 
   width: 335px !important; /* intended total box width - padding-right(next) */ 
   width: 320px; /* IE Win = width - padding */ 
}

/* Set the top-right image */ 

.rbox_head, .rboxm_head
{                                  


} 

/* set the top-left image */ 

.rboxm_head h2
{ 
  background-position: top left; 

  margin: 0; /* reset main site styles*/ 
  border: 0; /* ditto */ 
  padding: 8px 0 15px 35px; /* padding-left = image gap + interior padding ... no padding-right */ 
  height: 5px;
  font-size: 12px;
  color: #fff;
  background-color:#000;
  
  text-align: center;
}
.rbox_head h2
{ 
  background-position: top left; 

  margin: 0; /* reset main site styles*/ 
  border: 0; /* ditto */ 
  padding: 8px 0 15px 35px; /* padding-left = image gap + interior padding ... no padding-right */ 
  height: 5px;
  font-size: 12px;
  color: #fff;
  background-color:#000;
  text-align: center;
} 

/* set the lower-left corner image */ 

.rbox_body, .rboxm_body
{ 
  background-position: bottom left; 
  margin: auto; /* interior-padding right */ 
  padding: 15px 10px 20px 10px; /* mirror .rbox_head right/left */ 
  background-color:#fff;
  border: 1px #000 solid;
} 

.alpha{
    float:left;
    width:400px;

    
}
.beta{
    float:left;
    width:300px;
    background-color: #ff0;    
}
.loading{
    background: url(images/progress.gif) center center no-repeat; 
    min-height: 32px;   
}      .custom-file-input {
  color: transparent;
}