/**
* Common settings
**/

/************ GENERAL **************/
html, body{
      height: 100%; /** for vertical centering */
}

body{
      background: #EEEEEE;
      font-family: "Verdana", "Arial", "Helvetica ce", "sans-serif";
      font-size: 8pt;
      text-align: center; /* center IE */
      margin: 0 auto; /* center FF atd. */
      padding: 0;
}

a img{ /** do not display border when is in a link element */
      border: 0;
}

/************* Form font **************/
input, select, textarea{
      font-family:"verdana", "arial", "helvetica ce", "sans-serif"; 
      font-size: 8pt;     
}


/************* Caps-Lock js detector ***************/
.capslock-wn{
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAAXNSR0IArs4c6QAAADZQTFRFzGVlzWhozmxsz3Fx035+1YKC2IuL5LCw57e357m57MfH79HR8NTU8dbW9ODg9uTk/Pf3/v39cBwxSQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAG1JREFUGNOVkEsOgCAMRAc/UC0qc//LSqkRjSvfpsNLIB1AFpXkiBYSPCZ0poMoLsY8uirQFoad+9CSQmyETDIHi4JkY6WxWkzNLHSW2wBbPW/ATzPHGOeX6STf53FLrp270avX/U7t9e3++Z8T1HAGQPWkPd0AAAAASUVORK5CYII=") no-repeat scroll right center white !important;
}


/************* Headings ***************/
h1, h2, h3{
      font-family: "Arial";
}
h1 a, h2 a, h3 a{
      text-decoration: none;
}    
h1{
      margin: 0 0 0.6em 0;
      padding: 0;
      color: #D6012D;
      font-size:170%;
}
h1 a{
      color: #D6012D;     
}
h2{
      margin: 1em 0 0.4em 0;
      padding: 0;
      color: #D6012D;    
      font-size: 140%;
}
h2 a{
      color: #D6012D;           
}
h3{
      margin: 1em 0 0.2em 0;
      padding: 0;
      color: black;      
      font-size: 120%;
}
h3 a{
      color: #D6012D;                
}


/************ Paragraphs **************/
p{
      margin: 0.4em 0;
      padding: 0;
      line-height: 150%;
}


/************ Default table settings **************/    
table{
      padding: 0;
      margin: 0;
      width: 100%;
      border-collapse: collapse; /** collapsed cells */
      border: 0;
}


/************ Lists ************/
ul{
      text-align: left;
      margin: 0;
      margin: 0.8em 0;
      padding-left: 0.3em;
}
ul li{
      margin: 0;
      margin-left: 20px;    
      margin-bottom: 5px;
      padding:0;
}


/************ Flash Messages ************/
.flash{
      display:block;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      background:#858A8E;
      border:1px solid #EFF7FB;
      color:white;
      margin:0;
      padding:0.3em;
      margin-bottom:0.3em;
}

.flash.info{   
      background: #EAECED url('../gfx/infoIcon-small.png') left center no-repeat !important;
      color: black;
      border: 1px solid gray;
      height: 19px;
      line-height: 19px;     
      vertical-align: middle;             
      font-size: 100% !important;        
}

.flash.success{
      background: #518028;
      color: white;    
}

.flash.error{
      background: red;
      color: white;    
}


/**************** Links ******************/

a{
      color: #0C6ACF;
      text-decoration: underline;
}

a:hover{
      text-decoration:underline;
}


/**************** Commons ****************/

.hidden{
      display:none;
}

.small{
      font-size: 90%;
}

.bigger{
      font-size: 110%;
}


/**************** Buttons ****************/  
.button{
      background-color: #8D8D83; /* if no gradients supported */
      background-image:-webkit-gradient(linear, left top, left bottom, from(#8D8D83), to(#727270));
      background-image:-moz-linear-gradient(top, #8D8D83, #727270);
      text-shadow:2px 2px 0.3em #292E2F !important;
      color:white;
      text-align:center;
      font-size:120%;
      padding:0.5em 1em;
      border:1px solid #BFBFBF;
      -moz-border-radius:3px;
      -webkit-border-radius:3px;
      text-decoration:none !important;

}
.buttonSmall{
      background-color:#4B96BE; /* if no gradients supported */
      background-image:-webkit-gradient(linear, left top, left bottom, from(#8D8D83), to(#727270));
      background-image:-moz-linear-gradient(top, #8D8D83, #727270);
      text-shadow:2px 2px 0.3em #292E2F !important;
      color:white;
      text-align:center;
      font-size:120%;
      padding:0.5em 1em;
      border:1px solid #BFBFBF;
      -moz-border-radius:3px;
      -webkit-border-radius:3px;
      text-decoration:none !important;
      
      padding: 0.25em 0.5em;
      font-size: 100%;
}