/* External pages outside of application login */
@import url('External.css');
body {
    padding:0px !important;
    margin:0px;
    overflow:auto;
    height:100%;
    min-width:800px;
}
form { height:100%; }
div.interfaceContainer { height:100%; margin:0px; padding:0px; border:none; }
div.interfaceContainer > table { width:100%; height:100%; }
.appTitle, .appTitle span { font-size:30px; }
table.tableNav, tr.tableNav { background-image:none; }
td { vertical-align: top; }
tr.appTitle td, td.titlebar { vertical-align: middle; }
.footer, .footer span { font-size:10px; }
.footer a, .footer a:visited { font-size:10px; font-weight:bold; }
strong { color:#222; }

/* Login Page */
.loginPage {
    overflow-x: hidden;
}
.loginPage td.colLogin td,
.loginPage td.colPasswordReset td {
    font-size: 16px;
}
.loginPage td.colLogin td > span,
.loginPage td.colPasswordReset td > span {
    font-size: 14px;
}
.loginPage td.colLogin input.textbox,
.loginPage td.colPasswordReset input.textbox {
    width: 266px;
    height: 18px;
    font-size: 16px;
    padding: 3px 5px;
    border: solid 1px #888;
}
.loginPage td.colLogin tr.password td {
    position: relative;
}
.loginPage td.colLogin tr.password td span.glyphicon {
    position: absolute;
    right: 2px;
    top: 2px;
    color: #666;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    /*background-color: white;*/
    cursor: pointer;
    border-left: 1px solid #888;
}
.loginPage td.colLogin td > .button,
.loginPage td.colPasswordReset td > .button {
    font-size: 16px;
    margin-top: 5px;
}
.loginPage .password-strength-text {
    font-size:12px;
}
.loginPage.noPasswordReset td.colLogin {
    width: 100%;
    padding-right: 50px;
}
.loginPage.noPasswordReset td.colPasswordReset,
.loginPage.noPasswordReset td.colSeparator {
    display:none;
}

/* Login form */
#loginForm
{
    font-family: Arial, sans-serif;
    font-size: 11px;
    margin-top:50px;
}
#loginForm strong
{
    color:#222;
}
#loginForm td
{
    padding:3px;
}

/* Password Reset */
.passwordResetControl .dialog div.dialogTitle span.titleText {
    display:block;
}

/* Signup Form */
#signupControl
{
    font-family: Arial, sans-serif;
    font-size: 11px;
    width:700px;
    margin:30px auto 0px auto;
    position:relative;
}
#signupControl h1
{
    font-size:22pt;
    font-weight:bold;
    color:#888;
    margin-bottom:20px;
}
#signupControl div.leftColumn
{
    float:left;
    width:350px;
}
#signupControl div.rightColumn
{
    float:right;
    width:350px;
}
#signupControl fieldset
{
    width:350px;
    margin-bottom:20px;
    border:none;
}
#signupControl legend
{
    font-size:16pt;
    font-weight:bold;
    color:#888;
    margin-bottom:10px;
    text-transform:lowercase;
}
#signupControl div.form label
{
    display:inline-block;
    width:100px;
    height:100%;
    text-transform:lowercase;
    vertical-align:top;
    padding-top:4px;
    white-space:nowrap;
    padding-right:5px;
}
#signupControl div.form input.textbox
{
    width:200px;
}
#signupControl div.form div.barColour > div,
#signupControl div.form div.textColour > div
{
    display:inline-block;
}
#signupControl div.form div.textColour label
{
    color:#222;
}
#signupControl div.form div.barColour input.textbox,
#signupControl div.form div.textColour input.textbox
{
    width:60px;
}
#signupControl div.form div.barColour div.evo-pop,
#signupControl div.form div.textColour div.evo-pop
{
    background-color:white;
    border:1px solid #ccc;
}
#signupControl div.form div.field
{
    padding:2px;
}
#signupControl div.form div.field.resellerCode input[type=text]
{
    margin-bottom:3px;
}
#signupControl div.form div.field.resellerCode input[type=checkbox]
{
    clear:left;
    margin-left:105px;
    padding-right:5px;
}
#signupControl fieldset.branding div.logo
{
    padding-top:5px;
    padding-left:105px;
    position:relative;
}
#signupControl fieldset.branding div.logo label
{
    position:absolute;
    left:0px;
    top:5px;
}
#signupControl fieldset.branding div.logo img
{
    display:block;
    margin-bottom:5px;
}
#signupControl fieldset.branding div.logo input[type=file]
{
    width:250px;
    height:22px;
}
#signupControl fieldset.branding div.logo input.button
{
    margin-top:5px;
}
#signupControl fieldset.terms div.terms input
{
    vertical-align:middle;
}
#signupControl fieldset.terms div.terms label
{
    width:auto;
    vertical-align:middle;
    padding-top:0px;
}
#signupControl fieldset.terms div.terms a
{
    text-decoration:underline;
}
#signupControl div.form div.buttons
{
    clear:both;
    width:600px;
    min-width:600px;
    height:90px;
    padding-top:0px;
    padding-left:310px;
    margin:0px;
}
div.alertDialog ul
{
    margin-top:10px;
    list-style-type:disc;
    padding-left:20px;
}

/* Two Factor Authentication Page */
.twoFactorAuthPage {
    width: 550px;
    max-width: 100%;
    margin: 0;
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -275px;
    font-size: 12px;
}
.twoFactorAuthPage p,
.twoFactorAuthPage label {
    font-size: 12px;
}
.twoFactorAuthPage .setup {
}
.twoFactorAuthPage .setup .key {
    font-weight: bold;
    font-size: 14px;
    display: block;
    margin: 10px auto;
    text-align: center;
}
.twoFactorAuthPage .setup .qrCode {
    display: block;
    width: 148px;
    margin: 20px auto;
}
.twoFactorAuthPage .enterCode input[type=text] {
    width: 50px;
    margin-left: 10px;
    padding: 4px;
    font-size: 12px;
}
.twoFactorAuthPage .enterCode .button {
    margin-left: 10px;
    padding: 4px 8px;
    font-size: 12px;
}

/* Self Registration page */
.registerPage {
    width: 550px;
    max-width: 100%;
    margin: 0;
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -275px;
}
.registerPage .header {
    height: 100px;
}
.registerPage p,
.registerPage label {
}
.registerPage .help {
    color: #888;
    font-weight: bold;
}
.registerPage div.field {
    margin-bottom: 5px;
}
.registerPage div.field label {
    display: inline-block;
    width: 100px;
}
.registerPage div.field input[type=text] {
    width: 250px;
}
.registerPage div.field .button {
    display: inline-block;
    margin-top: 10px;
    margin-left: 105px;
    padding: 5px 10px;
}