/* 
    Document   : login
    Created on : 20 Apr 2015, 10:19:37 AM
    Author     : ZakS
    Description:
        Purpose of the stylesheet follows
*/

.no-close .ui-dialog-titlebar-close {
    display: none;
}

#form_login {
    position: absolute;
    left: calc(50% - 175px);
    top: calc(50% - 100px);
}

#form_login > table {
    border: 2px solid #3e7bb0;
    width: 350px;
    height: 200px;
    background-color: #f8f7f7;
    font-family: Roboto-Medium;
    font-size: 14px;
    color: #7a8b99;
}

#form_login > table > tbody > tr > td {
    height: 20px;
}

#userLabel {
    padding-left: 12.5px;
}

#email {
    width: 225px;
}

#passLabel {
    padding-left: 12.5px;
}

#password {
    width: 225px;
}

#termsLabel {
    padding-right: 10px;
}

#termsLabel > input {
    float: right;
}

#userterms {
    font-size: 12px;
}

#userterms > a:link {
    color: #336699;
}

#userterms > a:visited {
    color: #336699;
}

#form_login > table input[type='text'], #form_login > table input[type='password'] {
    font-family: Roboto-Medium;
    font-size: 12px;
    color: #7a8b99;
    background-color: #e1e1e1;
    border: 1px solid #3e7bb0;
    height: 20px;
    padding-left: 5px;
    outline: 0px;
}

#login {
    margin-right: calc(50% - 40px);
}

/* POP UP STYLING */
.ui-dialog .ui-widget-header {
    background: #D4D4D4 !important; 
}

.ui-state-default, .ui-widget-content .ui-state-default,
.ui-state-hover, .ui-widget-content .ui-state-hover {
    background: #3e7bb0;
    color: #FFF;
}

/* Choose factory */
#user_links > table > thead > tr > :first-child {
    padding-left: 26px;
    text-align: left;
    width: 104px; 
}

#user_links > table > thead > tr > :last-child {
    text-align: left;
}

#user_links > table > tbody > tr > :nth-child(2) {
    width: 104px;
}