@import "reset.css";
html, body { height: 100%; }
body { font: 11px Tahoma, Geneva, sans-serif normal; color: #FFFFFF; line-height: 140%; }
a { text-decoration: none; color: #FFFFFF; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }

#container.login { position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; }
html>body #container { height: auto; }
#content-login { margin: auto; width: 705px; padding-bottom: 48px; }
#content-login .cel-left { float: left; width: 220px; margin: 30px 80px 0px 0px; }
#content-login .cel-right { float: left; width: 400px; margin: 30px 0px 0px 0px; }
#content-login h1 { font-weight: bold; height: 20px; padding: 5px 0px 0px 0px; margin: 0px 0px 5px 0px; }
#content-login input { font: 11px Tahoma, Geneva, sans-serif normal; margin: 0px 0px 5px 0px; padding: 5px; height: 13px; }
#content-login .lost-key { }
#content-login .lost-key a { text-decoration: underline; }
#content-login .support-menu { height: 17px; padding: 8px 0px 0px 0px; }
#content-login .support-menu .option { float: left; margin: 0px 20px 0px 20px; }
#content-login .item { height: 75px; margin: 10px 0px 0px 0px; padding: 15px; }
#content-login .item .thumb { float: left; margin: 0px 15px 0px 0px; }
#content-login .item .text { float: left; width: 200px;  }
#content-login .item .text h2 { font-weight: bold; margin: 0px 0px 5px 0px; }

/* ++
+++++ Generic
+++++++++++++++++++++++ */
.txt-center { text-align: center; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-justify { text-align: justify; }
.hide { display: none; }
.float-left { float: left; }
.float-right { float: right; }
.clear-all { clear:both; font-size: 1px; height: 1px; text-indent: -9999em; }
.nowrap { white-space: nowrap; }
.mT5 { margin-top: 5px; }
.tool-name { margin-left: -22px; }


/* ++
+++++ Footer
+++++++++++++++++++++++ */
#footer { position: absolute; bottom: 0; background: url(../images_core/footer/bg.png) repeat-x; width:100%; height: 34px;  }
#footer .content { padding: 0px 30px 0px 30px; color: #FFF; }
#footer .content .signature { float: left; padding: 10px 0px 0px 0px; }
#footer a { color: #FFF; text-decoration: none; }


/* ++
+++++ Buttons -> COPY OF core.css
+++++++++++++++++++++++ */
ul.big-button { float: left;  height: 31px; cursor: pointer; margin: 0px 0px 0px 10px; color:#333333; font-size: 9px; }
ul.big-button li { float: left; height: 31px; }
ul.big-button .icon { background:url(../images_core/big-button-icon-bg.gif) no-repeat 0px 0px; width: 39px; }
ul.big-button .icon-over { background:url(../images_core/big-button-icon-bg.gif) no-repeat 0px -49px; }
ul.big-button .icon img { margin: 2px 0px 0px 4px; }
ul.big-button .corner { background: url(../images_core/big-button-corner.gif) no-repeat 0px 0px;  width: 10px; }
ul.big-button .corner-over { background: url(../images_core/big-button-corner.gif) no-repeat 0px -49px; }
ul.big-button .content { padding: 8px 0px 0px 0px; background: url(../images_core/big-button-bg.gif) repeat-x 0px 0px; }
ul.big-button .content-over { background: url(../images_core/big-button-bg.gif) repeat-x 0px -49px; }
ul.big-button a { font-size: 9px; color:#333333; display: block; }

ul.small-button { float:left; cursor: pointer; margin: 0px 0px 0px 10px; }
ul.small-button li { float:left; height: 16px; padding: 3px 0px 0px 0px; }
ul.small-button .left { width: 7px; background: url(../images_core/small-button-corner.gif) no-repeat 0px 0px; }
ul.small-button .right { width: 7px; background: url(../images_core/small-button-corner.gif) no-repeat 0px -22px; }
ul.small-button .content { font-weight: bold; color:#7B7B7B; font-size: 9px; background: url(../images_core/small-button-bg.gif) repeat-x; }


/* ++
+++++ Window Modal  -> COPY OF core.css
+++++++++++++++++++++++ */
#window-modal { position: absolute; display: none; z-index: 99999; top: 10%; _width: 50%; *width: 50%; }
#window-modal .header { height: 28px; }
#window-modal .header .left { float: left; width: 10px; height: 28px; }
#window-modal .header .icon { float: left; }
#window-modal .header .title { float: left; font-size: 11px; margin: 6px 0px 0px 0px; font-weight: bold; }
#window-modal .header .btn { float: right; width: 14px; height: 12px; margin: 7px 0px 0px 0px; cursor: pointer; }
#window-modal .header .right { float: right; width: 11px; height: 28px; }
#window-modal .container { background: url(../images_core/images_core/bg.gif) #E4E4E4 repeat-x; border: 1px solid #848484; border-top: 0px; padding: 10px;  }
#window-modal .container .content { border-bottom: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; border-top: 1px solid #8B8B8B; border-left: 1px solid #8B8B8B; padding: 7px; background: #FFFFFF; font-size: 10px; color: #7B7B7B; }
.jqmOverlay { background-color: #DDDDDD; }
* iframe.jqm { position:absolute; top:0; left:0; z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); }
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }