html{
    overflow:hidden;
    height:100%;
}
body{
    margin:0px;
    /*background:#505050 url('../images/common/black_effect_bg.jpg') 0px 34px repeat-x;*/
    background:#000 url('../images/login/login_main_bg.jpg') center center no-repeat;
    background-size:cover;
}
body:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    /*opacity:0.6;
    background:#000;*/
    opacity:0.3;
    background:#fff;
}
a{
    text-decoration:none;
    font-size:15px;
}
a:hover{
    text-decoration:underline;
}

/*header start*/
#header{
    background:#FFFFFF url('../images/header_pannel/body_bg.jpg') top left repeat-x;
    height:34px;
}
.head_framework_version_class{
    font-weight:bold;
    line-height:30px; /* just to center it since the above #header height about 34px */
    color:#FFFFFF;
    margin:0px;
    margin-right:10px;
    margin-left:10px;
}
#hdr_login_otc_logo_img{
    margin:0px;
    margin-right:10px;
    margin-left:10px;
}
/*header ends*/

.container_corner_div{
    border:1px solid #E7EBF1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #C4D5E5 0px 0px 7px;
    -moz-box-shadow: #C4D5E5 0px 0px 7px;
    box-shadow: #C4D5E5 0px 0px 7px;
    background: #ffffb3/*#A9A9A9  #EDEFF3*/;
    /*    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FDFDFD), to(#EBEBEB));
        background: -moz-linear-gradient(#FDFDFD, #EBEBEB);
        background: linear-gradient(#FDFDFD, #EBEBEB);*/
}

/*container starts*/
#top_login_container{
    margin-top: 70px;
}
#login_container{
    margin:0 auto;
    width:500px;
}
#project_title{
    text-align:center;
    color:#4F82BB;
    font-size:26px;
    font-weight:bold;
    padding:3px;

    /*    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: #C4D5E5 0px -3px 7px;
        -moz-box-shadow: #C4D5E5 0px -3px 7px;
        box-shadow: #C4D5E5 0px -3px 7px;
        background:#C4D5E5;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C4D5E5), to(#EDEFF3));
        background: -moz-linear-gradient(#C4D5E5, #EDEFF3);
        background: linear-gradient(#C4D5E5, #EDEFF3);*/

}

#copy_sug{
    color:#000/*#959390*/;
    font-size:12px;
    padding:3px;
    text-align:center;
}

/*log in starts*/
#login_div{
    margin:0 auto;
    padding:10px;
}
#login_div form{
    margin:0;
    padding:0;
}
#login_table{
    width:100%;
    margin:0 auto;
    padding:10px
}
#login_table #login_img_td{
    background-image:url('../images/login/login.png?v=1.0');
    background-position:center center;
    background-repeat:no-repeat;
    width:111px;
    height:170px;
}
#login_table .login_input_text{
    border:1px solid #d3d3d3;
    font-size:15px;
    height:19px;
    color:#4F82BB;
    text-indent:7px;
    padding:7px 0;
    border:1px solid #E7EBF1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #C4D5E5 0px 3px 7px;
    -moz-box-shadow: #C4D5E5 0px 3px 7px;
    box-shadow: #C4D5E5 0px 3px 7px;
    background:#F7F8F8;
    /*    margin-bottom:3px;*/
}
#login_table .login_input_text_focus{
    background:#F1F1F1;
}
#login_table .login_input_button{
    width:130px !important;
    font-size:15px;
    font-weight: bold;
    margin-top:3px;
    /*color:#FFFFFF;
    background:#3D7EC2;*/
}
#login_table .login_input_button i.iconfont_element{
    /*color:#4F82BB;*/
}
#login_table .login_input_button i.iconfont_element:before{
    content: "\f09c";
}
#login_table .login_input_button:hover{
    /*background:#6699CE;*/
}
#login_table label{
    color:#000/*#959390*/;
    font-size:15px;

}
#login_table td{
    padding:4px;
}
#login_reload,#forget_reload{
    background:url('../images/common/reload.gif') 0 -20px no-repeat;
    height:20px;
    width:20px;
    border:none;
    cursor:pointer;
    display:block;
    color:transparent;
}
#login_verify_container,#forget_verify_container{
    width:80px;
    display:block;
    height:20px;
    background:url('../images/common/ajax-loader.gif') center center no-repeat;
}
/*log in ends*/

/*pop up window starts*/
.shadow_div{
    background:#000000;
    -moz-opacity: 0.3;
    opacity: 0.3;
    filter:alpha(opacity=30);
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    display:none;
}

#top_popup_div{
    /*    visibility:hidden;*/
    display:none;
    position:absolute;
    z-index:2;
    top:0px;
    left:0px;
}
#popup_div{
    border:5px solid #4a4b4f;
    z-index:3;
    width:490px;
    padding:10px 0px;
}
/*pop up window ends*/

/*container ends*/

/*message in login/forget*/
#login_message,#forget_message{
    display:none;
    font-weight:bold;
}
#login_message div,#forget_message div{
    font-weight:bold;
}
/*message ends*/


/*message container starts*/
.message_div{
    margin:5px 15px;
    padding:10px;
    padding-left:30px;
    font-weight:bold;
    margin-bottom:5px;
    background-position:4px center;
    background-repeat:no-repeat;
    font-size:11px;
    border-width:1px;
    border-style:solid;
}

.warning{
    border-color:#CC0000;
    color:#CC0000;
    background-color:#FFE0E0;
    background-image:url('../images/message/s_warn.png');
}
.notice{
    border-color:#FFD700;
    color:#000000;
    background-color:#FFFFDD;
    background-image:url('../images/message/s_notice.png');
}
.sucess{
    border-color:#99a678;
    color:#5f8232;
    background-color:#dcf3bd;
    background-image:url('../images/message/s_success.png');
}
/*message container ends*/