/* 
    Document   : loginbox
    Created on : 12-may-2011, 19:33:46
    Author     : root
    Description:
        Purpose of the stylesheet follows.
*/
/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#login-box{ position: absolute; z-index: 1000; height: 314px; top: -311px; width: 100%; background: url('/images/loginbox/bg.png') repeat-x scroll 0 17px #ffffff; opacity: 10%;}
#login-box-content{width: 950px; height: 250px; margin: 20px auto; font-family: Arial,Helvetica,FreeSans,sans-serif; font-size: 12px; line-height: 14px; background-color: #ffffff;}
#login-box-content .title{ height: 50px;}
#login-box-content .body{ height: 150px;}
#login-box-content .form-line{ clear: both; height: 36px;width: 365px;}
#login-box-content .label{ width: 100px; float: left; text-align: right;color: #FA2398;padding: 18px 0 0 ;}
#login-box-content .input{ border: 1px solid #b4b5ba; width: 240px; float: left; text-align: left; padding: 2px 0;margin:7px 0 0 12px;}
#login-box-content .input img{ vertical-align: middle; margin: 0px 5px;}
#login-box-content .input input{ border: none; height: 20px; width: 210px;}
#login-box-content .hrv { float: left; background: url('/images/loginbox/hrv.gif') no-repeat; width: 1px; height: 220px;}
#login-box-content .hrh { clear: both; margin: 17px auto; background: url('/images/loginbox/hrh.gif') repeat-x; width: 450px; height: 1px;}
#login-box-signin{ width: 450px; height: 220px; float:right; padding: 10px;}
#login-box-signin p {margin-bottom: 17px;line-height: 17px;}
#login-box-signin .button-line{ text-align: right; padding-right: 15px;}
#login-box-signup{ width: 450px; height: 220px; float: left; padding: 10px;}
#login-box-signup p {margin-bottom: 14px;line-height: 17px;}
#login-box-signup .body ul{float: left;height: 52px;width: 450px;}
#login-box-signup .body ul li {float: left;width: 200px;padding: 4px 0 0 20px; list-style: none;background: url("/images/loginbox/img-list.gif") no-repeat scroll 3px 7px transparent; font-size: 11px; }
#login-box-signup .button-line{ text-align: left; padding-right: 15px;}
#login-box-button{ clear: both; position: relative; background: url('/images/loginbox/tab.png') no-repeat; height: 18px; width: 90px; left: 806px; top: 54px; padding: 3px 25px; color: #ffffff;}
#login-box-open { cursor: pointer; left: 0; position: absolute; text-align: center; width: 142px;}
#login-box-open img{ vertical-align: text-top;}
#login-box-close{ position: absolute; display: none; cursor: pointer;margin: 0 0 0 14px;top: 2px;}
#login-box-close span{ background:url("/css/custom-theme/images/ui-icons_ffffff_256x240.png") no-repeat scroll -96px -128px transparent !important ;height: 13px;  }