/*
----------------------------------------------------------------------

Base Stylesheet

Author:   Marco Louro
Version:  2010.03

 ------------------------------------------------------------------ */

/* ------------------------------------------------------------
+Global
------------------------------------------------------------ */
html { background-color: #FFF; text-align: center; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; }
body { margin-bottom: 50px; }
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

pre { padding: 10px; font-size: 12px; border: 1px solid #A7BEC4 }

p { margin-bottom: 0; }

a { color: #134595; text-decoration: underline; }
a:hover { color: #E32E00; text-decoration: none; cursor: pointer; }

hr { background-color: #DEDEDE; height: 1px; border: none; }


h3 { margin: 0 0 1em 0; }

/* ------------------------------------------------------------
+Common
------------------------------------------------------------ */
.hidden { display: none; }

.alrt { text-align: right; }
.alct { text-align: center; }

.clear:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }

.button { padding: 6px 10px; margin-right: 10px;
        color: #FFF; border: 1px solid #336699; text-transform: uppercase;
        white-space:nowrap; vertical-align: middle; outline: none; -moz-outline-style: none; cursor: pointer;
        text-shadow: 0 1px 1px #777777; -moz-border-radius: 3px; text-decoration: none;
        background: #134595; }
.button:hover { cursor: pointer; }
.button.cancel { background: -moz-linear-gradient(center top , #B3B3B3, #949393) repeat scroll 0 0 transparent; border-color: #8E8D89; }
.button.cancel:hover { color: #FFF;  }



/* ------------------------------------------------------------
+Structure
------------------------------------------------------------ */
#container { width: 980px; margin: 0 auto; }

#header,
#content_id { padding: 0 20px; text-align: left; }


/* ------------------------------------------------------------
+Header
------------------------------------------------------------ */
#header { text-align: center; }
#header h1 { font-family: serif; font-size: 40px; font-weight: normal; color: #333; letter-spacing: -1px; }



/* ------------------------------------------------------------
+Content
------------------------------------------------------------ */
.box { float: left; width: 152px; height: 140px; padding: 20px 10px 10px;
    margin: 15px 20px 5px 0;
    background: url(../images/box-bg.png) no-repeat center center; }
.box.last { margin-right: 0; }
.box h2 { margin: 0 0 7px 0; font-size: 19px; color: #336699; }
.box h3 { font-size: 13px; color: #CC0000; }
.box p { font-size: 13px; line-height: 1.4em; }

.box h2,
.box h3,
.box p { font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif; }


.auth-form { width: 300px; padding: 20px; margin: 0 auto; text-align: left;
    -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;
    border: 1px solid #DDD;
    background: url(../images/auth-bg.png) repeat-x bottom center;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
    background: -moz-linear-gradient(top,  #fff,  #efefef); }
.auth-form h2 { margin: 0 0 15px 0; font-size: 22px; color: #CC0000; }
.auth-form p { margin-bottom: 10px; }
.auth-form label .help { font-weight: normal; color: #777; }
.auth-form .help .tooltip { position: absolute; display: none; width: 200px; padding: 3px 10px; background: #F5F5B5; border: 1px solid #DECA7E;
    color: #303030; }
.auth-help { width: 340px; margin: 20px auto 0 auto; text-align: left; color: #777; }
.auth-help a { color: #666; }

.error { padding: 5px 10px; background-color: #FFEBEB; color: #E50000; border: 1px solid #ECCDCD; }