/**
 * style.css
 */ 

/********************************************************************
** GLOBAL
********************************************************************/
body{font-family:sans-serif;}
label{ display:block;}
img{vertical-align: middle;}
a{color: #6050a1;}

/********************************************************************
** TYPOGRAPHY
********************************************************************/
h1{font-size:2.2em;} h2{font-size:1.8em;} h3{font-size:1.4em;} 
h4{font-size:1.2em;} h5{font-size:1.1em;} h6{font-size:1.0em;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
.fb {font-weight:bold;}
.fsm {font-size: small;}
.fxsm {font-size: x-small;}
.fl{font-size:large;}
.fxl{font-size:x-large;}
.fmed {font-size: medium;}
.fserif {font-family:serif;}
#user-bar a {text-decoration:none;}

/********************************************************************
  COLORS
********************************************************************/  
/*
 #6050a1  purple          
  #eeebf5  lightest purple 
  #e3deee  light purple    
  #4e3b79 dark purple
  #800       deep red  
*/
.fg1{color:#6050a1;} .bg1{background:#6050a1;}
.fg2{color:#eeebf5;} .bg2{background:#eeebf5;}
.fg3{color:#e3deee;} .bg3{background:#e3deee;}
.fg4{color:#4e3b79;} .bg4{background:#4e3b79;}
.fgw{color:#fff;}    .bgw{background:#fff;}
.stat-msg { color: #800; }
.bggry1 { background:#eee;}

/********************************************************************
  BORDERS
********************************************************************/  

/********************************************************************
** LAYOUT
********************************************************************/
#page-header{float:left;width:inherit;height:120px;display:inline;}
#page-logo {float:left;}
#page-title{float:right;margin:25px 10px 0 0;}/*CHECK ME!!!*/
#page-title h2{display:inline;}
#status-area{height:50px;}
#footer{text-align:center;}
#user-bar{width:99%;margin:0 auto;background:#eee;padding:2px;}
#user-bar .inner{margin:2px 10px; line-height:65%;}

/********************************************************************
** FORMS
********************************************************************/
/* login */
.login-box .inner{ margin:0 auto;padding:35px 0 25px 0;}
.login-box .inner table{margin:0 auto;}
.login-box .inner td{padding:2px;}
.login-box button{margin:5px 0 0 0;}
.login-errors{color:#800;margin:5px 0 5px 50px;}
.login-box .inp1 {width:250px;}
.login-box .inp2 {width:500px;}
.login-box .sub {width:100px;}
/*.login-box input {width: 250px;}*/
/**/
/* fm */
#new-subdir{width:400px;}

/********************************************************************
** TABLES
********************************************************************/
/*.file-list col1{width: 55%;}*/
.file-list .col2{width: 1%;}
.file-list .col3{width: 1%;}
.file-list .col4{width: 1%;}
.file-list td,.file-list th {padding: 2px 15px;}
.rs1 {background:#aaa;} /* ROW STRIPE 1 */
.rs2 {background:#ccc;} /* ROW STRIPE 2 */
.file-list tbody tr:hover {background:#ddd;}
.file-list thead th { border: solid 3px #eee;padding:3px;}


/********************************************************************
  DECORATIONS
********************************************************************/
.clrfix {clear:both;}
.box6,.round6 {
  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px; 
}

.lbox6 {
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.box12,.round12 {
  -webkit-border-radius: 12px; 
  -moz-border-radius: 12px; 
  border-radius: 12px; 
}
.ddir {cursor:pointer;}
.progress { position:relative; border: 1px solid #ddd; padding: 2px; border-radius: 3px; margin: 5px 0 0 0; }
.bar { width:0%; height:20px; border-radius: 3px; background:#ccc;}
.percent { color: #fff; position:absolute; display:inline-block; top:3px; left:46%; }
.brd1{border:solid 1px red;}

/********************************************************************
** COMMON DIMENSIONS/CONSTRAINTS/MNEMONICS
********************************************************************/
.lgn-wd {width:560px;}
.ov-wd {width:800px;} /* CONTEXT WIDTH */
.w100pct {width: 100%;} /* WIDTH 100% */
.w50pct {width: 50%;} /* WIDTH 50% */
.nowr {white-space: nowrap;} /* NOWRAP */
.tar {text-align:right;}     
.tal {text-align:left;}        
.tac {text-align:center;}    
.pad5 {padding: 5px; }
.pad10 {padding: 10px; }
.pad20 {padding: 20px; }
.pad30 {padding: 30px; }
.mrg10{margin:10px;}
.mrg20{margin:20px;}
.mza {margin:0 auto;}
.mrgb10 {margin-bottom:10px;}
.fr {float:right;}
.tdn {text-decoration:none;}