body {background:#c9c3ca url(../Default/images/bg.gif) repeat-x 0 0;background:url(../Default/images/bg_overlay.png) no-repeat top center, #c9c3ca url(../Default/images/bg.gif) repeat-x 0 0;padding: 0; margin: 0; font-size: 14px;}
h1, h2, h3, h4, h5, table, div {font-family: Arial, Helvetica, Sans-Serif; color: #333;}
a {font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; color:#1864a7; padding: 3px;}
a:hover {font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; background: #1864a7; color: #fff; padding: 3px;}

.warning_label {font-size: 14px; font-family: Arial, Helvetica, Sans-Serif; color: #333; padding: 5px; background-color: White; text-align: center; line-height: 18px;}

#logo {padding: 10px; width: 560px; text-align: left;}
img#logo {width:auto !important; height:auto !important; padding:0; margin-bottom:10px;}
.ver {font-size: 10px; color: #333; text-align: right;}
.ver_free {font-size: 10px; color: #1864a7; text-align: right; font-weight:bold;}

/* login */
#main_login {width: 100%; padding-top: 5%}
.control_title {font-size: 16px;}

/* error authentication message panel */
div.error_box 
{
    width: 478px;
    margin-bottom: 15px;
    background: #da7b0c; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(225,147,56,1) 0%, rgba(217,123,12,1) 2%, rgba(182,103,10,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,147,56,1)), color-stop(2%,rgba(217,123,12,1)), color-stop(100%,rgba(182,103,10,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(225,147,56,1) 0%,rgba(217,123,12,1) 2%,rgba(182,103,10,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(225,147,56,1) 0%,rgba(217,123,12,1) 2%,rgba(182,103,10,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(225,147,56,1) 0%,rgba(217,123,12,1) 2%,rgba(182,103,10,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e19338', endColorstr='#b6670a',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(225,147,56,1) 0%,rgba(217,123,12,1) 2%,rgba(182,103,10,1) 100%); /* W3C */
    border:1px #757575 solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    filter: dropshadow(color=#000000, offx=0, offy=1);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); 
    
}
div.error_container {padding:9px;min-height:19px;font-size:12px;color:#fff;}
.error_title {font-size:14px;display:inline-block; line-height:18px;text-align:center;color:#fff;}

/* authentication panel */
#login_box 
{
    width: 560px;
    color: #333; 
    z-index: 299;
    background: rgb(188,188,188); /* Old browsers */
    background:url(../Default/images/lightbox-overlay.png) no-repeat 0 0, -moz-linear-gradient(top, rgba(188,188,188,0.85) 0%, rgba(159,158,158,0.85) 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,188,188,0.85)), color-stop(100%,rgba(159,158,158,0.85))); /* Chrome,Safari4+ */
    background:url(../Default/images/lightbox-overlay.png) no-repeat 0 0, -webkit-linear-gradient(top, rgba(188,188,188,0.85) 0%,rgba(159,158,158,0.85) 100%); /* Chrome10+,Safari5.1+ */
    background:url(../Default/images/lightbox-overlay.png) no-repeat 0 0, -o-linear-gradient(top, rgba(188,188,188,0.85) 0%,rgba(159,158,158,0.85) 100%); /* Opera11.10+ */
    background:url(../Default/images/lightbox-overlay.png) no-repeat 0 0, -ms-linear-gradient(top, rgba(188,188,188,0.85) 0%,rgba(159,158,158,0.85) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#9f9e9e',GradientType=0 ); /* IE6-9 */
    background:url(../Default/images/lightbox-overlay.png) no-repeat 0 0, linear-gradient(top, rgba(188,188,188,0.85) 0%,rgba(159,158,158,0.85) 100%); /* W3C */
    border:1px #878686 solid;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);
    padding:20px;
    /*position:relative;
    overflow:visible;*/
    -moz-background-size:100%;
    -webkit-background-size:100%;
    -o-background-size:100%;
    background-size:100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#login_container 
{
    -moz-border-radius:2px 2px 4px 4px;
    -webkit-border-radius:2px 2px 4px 4px;
    border-radius:2px 2px 4px 4px;
    /*position:relative;*/
    border-width:0 0 1px !important;
    border-bottom: 1px solid #B9B7B7 !important;
    background: rgb(249,249,249); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(249,249,249,1) 70%, rgba(238,238,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(70%,rgba(249,249,249,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(249,249,249,1) 70%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(249,249,249,1) 70%,rgba(238,238,238,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(249,249,249,1) 70%,rgba(238,238,238,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(249,249,249,1) 0%,rgba(249,249,249,1) 70%,rgba(238,238,238,1) 100%); /* W3C */
    padding:30px;
    width: 500px;
}
.login_table {width: 500px;}
.login_title {font-size: 18px; font-weight: bold; color: #333;}
.login_input {background: #e9e9e9; width: 100%;}
.login_input input {font-size: 16px; vertical-align: middle; font-weight: bold; color: #333; padding: 5px; border: 1px solid #a7a7a7; width: 380px; margin: 3px;}

/* New password panel */
.newpassword_input input {font-size: 16px; vertical-align: middle; font-weight: bold; color: #333; padding: 5px; border: 1px solid #a7a7a7; width: 300px; margin: 3px;}
.newpassword_input {background: #e9e9e9; width: 317px; }

/* recover password panel */
#recover_box {width: 478px; background: #beecbe; border: 1px solid #87b387; padding: 10px; margin-top: 5px;}
#recover_container {background: #fff; width: 468px; padding: 5px}
#recover_table {width: 500px;}
.recover_title {font-size: 14px; font-weight: bold; text-align: left; color: #1864a7;}
.recover_input {font-size: 16px; vertical-align: middle; font-weight: bold; color: #333; padding: 5px; border: 1px solid #a7a7a7; width: 380px;}

/* error recovery message panel */
.recover_title_box_error {width: 478px; background:#ffd9a8; border: 1px solid #f8991c; padding: 5px; margin-top: 5px;}
.recover_title_box_success {width: 478px; background:#bddcf7; border: 1px solid #5898d0; padding: 5px; margin-top: 5px;}
div.recover_title_container {width: 468px; margin: 5px}
.recover_title_message {font-size: 12px; font-weight: bold; text-align: center;}
.live_demo_user_password{font-size: 13px; font-weight: bold; text-align: left; color: #ff0000; line-height: 18px;}

/* validation styles */ 
.highlight {background-color: #fffacd;}

/* progress */
.progress {position: absolute; border: solid 1px #9d9da1; background-color: #fff; width: 220px;z-index:100000;}
.progress td {padding: 5px; vertical-align: middle; color: #666; font-size: 14px; font-weight: bold;}

/* Free Edition (single user) */
.single_user_panel {font-family:Arial,Helvetica,Sans-Serif; font-size:12px; padding:5px; border: 1px solid #A6AAA7; background:#E9E9E9; position:absolute; }
.single_user_panel div {font-family:Arial,Helvetica,Sans-Serif; font-size:12px; border: 1px solid #A6AAA7; background:white; padding:10px; background:white; border:none;}
.warning_label #LoginControl_TrialWarning a{white-space:nowrap;}

.login-btn-change {height:34px;width:95px;border-width:0px;background:url(./images/button_change_off.gif) no-repeat 0 0;}
.login-btn-change:hover {background:url(./images/button_change_on.gif) no-repeat 0 0;}
.login-btn-cancel {height:34px;width:95px;border-width:0px;background:url(./images/button_cancel_off.gif) no-repeat 0 0;}
.login-btn-cancel:hover {background:url(./images/button_cancel_on.gif) no-repeat 0 0;}