/* 
    Document   : TIIC
    Created on : Feb 20, 2012, 12:42:43 PM
    Author     : Onward eServices
    Description: Landing css
*/
* {margin: 0px; padding: 0px;}
body {background: url('../images/bg-repeat.jpg') repeat-x; overflow: hidden;}
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.margin-all {margin: 20px 1.5%;}
.margin-rt-lt {margin: 0 1.5%;}
form .form-element input[type="text"], form .form-element input[type="password"], form .form-element select, form .form-element textarea {border: 1px solid #BBB; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
/* Head Section */
#head-container {background: transparent; width: 100%; height: auto; padding: 15px 0px;}
#logo {float: left; height: 64px;}
/* Menu Section */
.login-menu, .login-menu * {margin: 0; padding: 0; list-style: none;}
.login-menu {float: left; background: url(../images/nav-bg.jpg) repeat-x left top; line-height: 1.0; width: 100%; height: 46px; overflow: hidden; text-transform: uppercase; -moz-box-shadow: 0 1px 3px #555; -webkit-box-shadow: 0 3px 3px #555; box-shadow: 0 3px 3px #555;}
ul#tiic-news {padding: 12px 1.5%; float:left; background: url('../images/menu-divider.png') 8.5% 0% no-repeat;}
ul#tiic-news li {float:left; padding: 5px 15px;}
ul#tiic-news li.heading {padding: 3px 15px 3px 3px; color: #367688;}
.login-menu .tiic-time {float: right; padding: 17px 1.5%; color: #367688; background: url('../images/menu-divider1.png') 0% 0% no-repeat; height: 50px;width: 16%;
overflow: hidden;}


/* content Section */
#content-wrapper {background: url(../images/tiic-office-bg.png) no-repeat left top; min-height: 560px;margin-top:0px;}
#login-container {float: right; position: relative; width: 408px;}
#login-content {position:relative; float:left;  background: url(../images/login-bg-repeat-y.png) repeat-y; width: 100%; min-height: 198px;}
#top-login-bg {background: url(../images/top-login-bg.png) no-repeat 0% 0%; position: absolute; top: -2px; height: 198px; width: 100%;}
#bottom-login-bg {background: url(../images/bottom-login-bg.png) no-repeat 0% 0%; position: relative; bottom: 0px; height: 212px; width: 408px;}
#login-container form {padding: 15px 25px; position: relative;}
#login-container label {margin: 20px 0 10px; width: 100px; float:left; font-weight: bold; color: #333;}
#login-container input[type="text"], #login-container input[type="password"], #login-container select {margin: 15px 0 10px 40px; padding: 3px; width: 200px; border-radius: 3px; -mox-border-radius: 3px; -webkit-border-radius: 3px;}
#login-container select {width: 210px !important;}
#login-container #close-btn-login {clear: both; width: 100%;}
#login-container input[type="submit"] {text-align: center; width: 102px; padding: 9px 0px 10px; margin: 20px 7px 0px 250px; border: none; color: #ffffff; cursor: pointer;}
#login-container .captcha-img {margin: 15px 0 10px 40px;}
.block-landing {float: left; width: 97%;}
.save-btn {background: url(../images/btn.png) no-repeat;}

/* Validation CSS */
#login-content .validation-advice { color: #FFF; margin-left: 10px;}