/*
 * Copyright (c) 2010 NewZoom Inc., All Rights Reserved.
 * 
 * Styles for the sleek black ecenter login page.
 *
 * @author francisco.carriedo 12/17/2009
 *         abhishek.chhajer 8/21/2014
 */

* {
    margin: 0px;
    padding: 0px;
    border: none;
}

div {
    clear: both;
}

div#login-error {
    font-family: Aria, Helvetica, sans-serif;
    width: 475px;
    color: #cc5456;
    margin: auto;
    text-align: right;
    margin-top: 15%;
}

body {
    font-family: Aria, Helvetica, sans-serif;
    background-color: #666666;
    margin: 0px;
    padding: 0px;
}

div#container {
    border: 1px solid #7a7a7a;
    background-color: #565656;
    padding: 10px;
    width: 475px;
    height: 245px;
    margin: auto;
    clear: both;
}

div#login-container {
    margin: 0 102px 0 102px;
}

div#button-container {
    width: 100px;
    float: right;
    margin: 10px 0 0 0;
    clear: both;
    text-align: center;
}

input#button {
    width: 100px;
    height: 29px;
    background: url('/ecenter/protected/pages/images/new/btn_login.png');
    border: none;
    cursor: pointer;
    font-weight:bold;
    color:white;
}

input.form-box {
    padding: 5px;
    font-size: 15px;
    width: 267px;    
}

div#logo-container {
    background: url('/ecenter/protected/pages/images/new/zoom_logo.png') no-repeat;
    background-size: 100%;
    width: 267px;
    height: 50px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

.label-large {
    font-family: Aria, Helvetica, sans-serif;
    font-size: 13px;
    padding: 5px 0 5px 0;
    color: #FFFFFF;
}

#forgot-password a:link {
    color: #ff9933;
}

#forgot-password a:visited {
    color: #ff9933;
}

#forgot-password a:hover {
    color: #ff9933;
}

#forgot-password a:active {
    color: #ff9933;
}

p.label-small {
    font-family: Aria, Helvetica, sans-serif;
    font-size: 9px;
    padding: 5px 0 5px 0;
    color: #FFFFFF;
}

div.footer {
    text-align: center;
    width: 500px;
    height: 220px;
    margin: auto;
    clear: both;
}

.ui-widget-header {
    background: #565656;
    color: #ffffff;
    font-weight: bold;
}

#dialog-text {
    font-family: Aria, Helvetica, sans-serif;
    font-size: 13px;
}

.usage-note {
    text-align: center;
    padding: 25px;
    color: red;
    font-size: 20px;
}

.icon-status-incomplete {
    background-image: url("/ecenter/protected/pages/images/icons_sprite.png");
    display: inline-block;
    background-position: -40px -10px;
    width: 20px;
    height: 20px;
    vertical-align: top;
}