html, body {
  /*width                   : 1024px;*/
  width                   : 80%;	
  height                  : 100%;
  margin                  : 0;
  margin-left             : auto;
  margin-right            : auto;
  padding                 : 0; 
  overflow                : hidden;      
  font-family             : "Calibri";    
  -webkit-background-size : cover; /*for webKit*/
  -moz-background-size    : cover; /*Mozilla*/
  -o-background-size      : cover; /*opera*/
  background-size         : cover; /*generic*/
  -webkit-box-shadow      : 0 1px 3px rgba(0,0,0, .3);
  -moz-box-shadow         : 0 1px 3px rgba(0,0,0, .3);
  box-shadow              : 0 1px 3px rgba(0,0,0, .3)     
  /*background: -webkit-linear-gradient(#F5ECCE,#FE9A2E); /* For Safari 5.1 to 6.0 */
  /*background: -o-linear-gradient(#F5ECCE,#FE9A2E); /* For Opera 11.1 to 12.0 */
  /*background: -moz-linear-gradient(#F5ECCE,#FE9A2E); /* For Firefox 3.6 to 15 */
  /*background: linear-gradient(#F5ECCE,#FE9A2E); /* Standard syntax */  
}


#background {
  width    : 100%; 
  height   : 100%; 
  position : fixed; 
  left     : 0px; 
  top      : 0px; 
  z-index  : -1; /* Ensure div tag stays behind content; -999 might work, too. */
}

#bold{
  font-weight : bold;
}

.stretch {
  width  : 100%;
  height : 100%;
}

#LtopPane{
  background-color : #FFCE80;
  height : 65px;  
  position : absolute;
  background-image : url('../image/banner.jpg');
  background-size:cover; 
}

#borderContainerMain {
  width: 100%;
  height:100%; 
  margin: 0;
  padding: 0px;
  overflow: none;     
  min-height:100%;
  position:relative;     
}

#menuPane {  	  		
  height             : 45px;  
  padding            : 0;
  overflow           : visible;      
  z-index            : 3;
  -webkit-box-shadow : 0 1px 3px rgba(0,0,0, .3);
  -moz-box-shadow    : 0 1px 3px rgba(0,0,0, .3);
  box-shadow         : 0 1px 3px rgba(0,0,0, .3);    
  text-align         : left;
  background : #444;
}

#breadcrumbsPane {  
  height              : 15px;
  margin              : 0;
  padding             : 2px;
  overflow            : visible;  
  position            : relative;
  text-align          : left;
  background-position : -10px 0;
  background-color    : #F4922E;   
}

#mainPane {
  width                   : 100%;
  height                  : 100%;
  margin                  : 0;
  padding                 : 2px;
  overflow                : none;
  background-color        : #FFFFEE;    
  /*background            : url('../image/boxesbg.png') no-repeat center center fixed;*/
  -webkit-background-size : cover;
  -moz-background-size    : cover;
  -o-background-size      : cover;
  background-size         : cover;
  /*position: absolute;*/
}

#borderContainerDataMaintenance {
  width    : 100%;
  height   : 100%;
  margin   : 0;
  padding  : 0;   
  overflow : none;
}

#dataPane {
  margin   : 0;
  padding  : 1px;  
  border   : 1px solid #ccc;
  overflow : none;
}

#dataPanes {
  margin   : 0;
  padding  : 1px;  
  border   : 1px solid #ccc;
  overflow : none;
}

#dataPane1 {
  margin   : 0;
  padding  : 1px;  
  border   : 1px solid #ccc;
  overflow : none;
}

#dataPanes div{  
  padding  : 0;  
  overflow : none;
}

#dataStackContainer {
  width    : 100%;
  height   : 100%;
  margin   : 0;
  padding  : 0;   
  overflow : none;
}

#listPane{
  width   : 300px;	
  margin  : 0px;
  padding : 2px;
  border  : 1px solid #ccc;	
}	

#stackContainerMain {	
  width   : 100%;
  height  : 100%;
  /*margin-top: 0;*/
  padding : 0px;
}

#stackContainerMain div {
  padding: 0px;    
}

#detailPane {
  width    : 100%;
  height   : 100%;
  overflow : none;
}

#detailTab {
  width    : 100%;
  /* height: 100%; */
  height   : 90%;
 /* margin: 2px; */
  padding  : 0;
  overflow : none;
}

#detailTabI {
  width    : 100%;  
  height   : 94%;
  margin   : 2px;
  padding  : 0;
  overflow : none;
}

.titlePane {
  /* width: 100%; */
  margin   : 5px;
  padding  : 10px;
  /* overflow: auto; */
  overflow : none;

}

.tabPane {	
  /*margin: 1px; */
  /*padding: 1px; */
  width    : 100%;
  /*height: 90%; */
  height   : 100%;
  /*overflow: none; */
  overflow : auto;
}

.dojoxGridScrollbox { overflow-x: auto; }

.requiredfield
{
  color :red;  
}

.claro .dijitCalendarContainer {
  font-size       : 12px;
  border-spacing  : 0;
  border-collapse : separate;
  border          : 0px solid #ccc;
  margin          : 0;
  color           : blue;
  font-family     : Tahoma; 
}

.stdInput{
  width  : 500px;    
  border : solid;
}

#divtitle{
  background-color : #FFEEB9;
  font-weight      : bold;
  padding          : 0.2cm;
  width            : 98%; 
}

#limitselection{
  background-color : #FFEEB9;   
  padding          : 0.2cm;
  color            : #CC2222; 
  position         : absolute; bottom: 0; left: 0;  
  width            : 98%;
}

.maxval{
  color      : #CC2222;
  font-size  : 13px;
  font-weight: 700;
}

.claro .dojoxCheckedMultiSelect{
  min-width  :100%;
  width      : 100%;
  height     : 99%;
  min-height : 99%;    
}

.claro .dojoxCheckedMultiSelectWrapper {
  height               : 99%;
  min-height           : 99%;
  width                : 92%;
  min-width            : 92%;
  column-count         : 3;
  -webkit-column-count : 3; /* Safari and Chrome */
  -moz-column-count    : 3;
  overflow-x           : scroll;
  overflow-y           : hidden;  
} 

.claro .class .dojoxCheckedMultiSelectWrapper 
{  
  columns         : 5px 4;
  -webkit-columns : 5px 4; /* Safari and Chrome */
  -moz-columns    : 5px 4;
}

#selectPane {
  margin   : 0;
  padding  : 0;  
  border   : 1px solid #ccc;
  overflow : none;  
}

#listPane1{
  width   : 300px;   
  margin  : 0;
  padding : 0;
  border  : 1px solid #ccc;
}

#stackContainer {   
  height     : 300px; 
  margin-top : 5px;
}

#stackContainer div {
  padding : 0px;
}

#tblborder{
  margin-top            : 2%;
  padding               : 8px;
  border-width          : 3px; 
  border-style          : outset;
  border-color          : #1E90FF;
  border-radius         : 25px;
  -moz-border-radius    : 25px;
  -webkit-border-radius : 25px;       
  box-shadow            : 0px 10px 5px #7DBDFA;    
}

#d_title{
  background-color : #A9D0F5;
  text-align       : center;
  font-weight      : bold;
}

#stackContainerMain td{
  height : 20px;
}

#stackContainerMains td{
  height : auto; 
}

#stackContainerMains div{
  padding : 0px;
}    

#detailTabI td{
  height : 20px;
}

.claro .dojoxGridCell {
  font-family : "Calibri";
}

.picturelink:hover
{
  opacity : 0.5;
}

.picturelink{
  opacity : 1.0;  
}
�
#stuList{
  height     : 100%;
  min-height : 100%;
}

#ub{
  font-weight     : bold;
  text-decoration : underline;
}

#tbrow tr{
  height  : 23px;
  padding : 20px;
}

/* set textbox border */
.claro .dijitTextBox
{
  border-radius : 3px;
  font-family   : "Calibri"; 
}

/* set button size */
.claro .movelr .dijitButtonNode{
  width : 30px; 
}

.claro .dijitSelect,.claro .dojoxGridCells.dijitSelect{
  border-radius : 3px;
  height        : 10px;
}

.dijitBorderContainer{
  background-color : #FFFFFF;   
}

.dijitContentPane{
  border-radius         : 3px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
}

#ex_remark{
  color : red;
}

.tblbox{	
  float      : left;
  font-style : italic;
  width      : 20px;
  position   : relative;
  background : #BDD2FF;
  border     : solid #FFFFFF 1px;
  text-align : center;
  padding    : 3px;
}

.tblboxval{	
  float      : left;
  font-style : italic;
  width      : 20px;
  position   : relative;
  background : #FFCC88;
  border     : solid #FFFFFF 1px;
  text-align : center;
  padding    : 3px;
}

#stutbl tr:nth-child(even) {background: #CCC;}
#stutbl tr:nth-child(odd) {background: #E0E0FF;}

#LbottomPane {
  position:absolute;
  padding:0;
  bottom:0;
  width:100%;  
  height :20px;
  background:#6cf;      
  text-align:center;    
  display:inline-block;
  vertical-align:text-bottom;
  line-height:20px;    
  color:#FFFFFF;    
  background-color: #666E7A;
  font-family:"Calibri";    
  font-size:12px;   
  
}

.claro .gridInput .dojoxGridHeader { display: none; }


#main-nav a:link {text-decoration: none; color: #fff;}
#main-nav a:visited {text-decoration: none; color: #fff;}
#main-nav a:hover {text-decoration: none; color: #fff;}
#main-nav a:active {text-decoration: none; color: #fff;}		

#main-nav li a span {
	color:#FFEEEE;	
    float:right;
    position:absolute;    
    width:16px;
    height:16px;      
    background : url('ui-icons_888888_256x240.png') no-repeat -64px -16px;
}

.dropotron li a span {
	color:#FFEEEE;	
    float:right;
    position:absolute;    
    width:16px;
    height:16px;      
    background : url('ui-icons_888888_256x240.png') no-repeat -43px -16px;
}