﻿/** Place here your CSS style sheets, the content will not be overwritten by Cern.Web package **/

div.authwindow {
    right: 6px;
    top: 2px;
    padding: 2px;
    position: absolute;
    background-color: #003163;
    border: solid 1px yellow;
    color: white;
}

.logininfo .login {
    font-weight: bold;
    color: yellow;
}

.authwindow .authenticationLinks a {
    text-decoration: none;
    color: lightgreen;
}

.searchinfo {
    font-style: italic;
    color: #aaaaaa;
}

.fimbiglink a {
    font-size: 14px;
    font-family: Segoe UI;
}

.fimbigtext {
    font-size: 14px;
    font-family: Segoe UI;
}

.fimbigtitle {
    font-size: 18px;
    font-family: Segoe UI;
    color: #606060;
}

.fimtext {
    font-family: Segoe UI;
    color: #606060;
}

.borderbottom {
    border-bottom: solid 1px #dddddd;
}

.disabled {
    color: #666666;
    background-color: #999999;
    border-color: #444444;
}


/* Password Checker Styles
----------------------------------------------- */


/* Tables
----------------------------------------------- */
.pwdChkTbl1 {
    border: 0;
    margin: 0 0 0 15px;
    padding: 0;
    width: 100%;
}

    .pwdChkTbl1 span {
        font-size: 80%;
    }

.pwdChkTbl2 {
    font-family: Tahoma,sans-serif;
    font-weight: bold;
    width: 210px;
    border: 0;
    height: 19px;
    background-color: #FFF;
}

    .pwdChkTbl2 span {
        font-size: 80%;
    }

.pwdChkTbl3 {
    font-family: Tahoma,sans-serif;
    font-weight: bold;
    width: 70px;
    border: 0;
    height: 19px;
    background-color: #FFF;
    margin: 3px 15px 15px 0;
}

    .pwdChkTbl3 span {
        font-size: 80%;
    }

.pwdChkTbl4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border: 0;
    background-color: #FFF;
    margin: 0px 20px 0 20px;
}

.pwdChkTd1 {
    font-size: 80%;
    color: #000;
    font-weight: bold;
    vertical-align: top;
    text-align: right;
    width: 180px;
    padding: 5px 7px 13px 0;
}

.pwdChkTd2 {
    width: 420px;
    vertical-align: top;
    padding: 0 0 13px 0;
}

.pwdChkTd3 {
    width: 420px;
    vertical-align: top;
    padding: 0 0 13px 0;
}

.pwdChkTd4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
    vertical-align: top;
    padding-bottom: 15px;
}

    .pwdChkTd4 h3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 130%;
        font-weight: bold;
        margin: 8px 0px 0px 0px;
        padding-bottom: 8px;
    }

.pwdChkTd5 {
    width: 98px;
    vertical-align: top;
}


/* JavaSCript Conditions
----------------------------------------------- */
.pwdChkCon0 {
    background-color: #EBEBEB;
    border-right: solid 1px #BEBEBE;
    border-bottom: solid 1px #BEBEBE;
    text-align: center;
}

.pwdChkCon1 {
    background-color: #FF4545;
    border-right: solid 1px #BB2B2B;
    border-bottom: solid 1px #BB2B2B;
    text-align: center;
}

.pwdChkCon2 {
    background-color: #FFD35E;
    border-right: solid 1px #E9AE10;
    border-bottom: solid 1px #E9AE10;
    text-align: center;
}

.pwdChkCon3 {
    background-color: #3ABB1C;
    border-right: solid 1px #267A12;
    border-bottom: solid 1px #267A12;
    text-align: center;
}

.pwdChkCon4 {
    background-color: #3ABB1C;
    border-right: solid 1px #267A12;
    border-bottom: solid 1px #267A12;
    text-align: center;
}


/* My Services special css */
.automaticsubscription {
    color: Gray;
    font-style: italic;
    text-align: center;
    width: 150px;
}

.subscribe {
    text-align: center;
    width: 150px;
}

.subscribed {
    color: Green;
    text-align: center;
    width: 150px;
}

.denied {
    color: Red;
    text-align: center;
    width: 150px;
}

/* Set some spacing in gridviews even if they are inner tables, otherwise they
   become unreadable */
table.datacontrol tr td {
    padding-right: 0.5em;
    padding-left: 0.5em;
}

.vtop {
    vertical-align: top;
}

.ucmgrsection {
    background-color: #ededed;
    font-weight: bold;
    padding: 4px 4px 4px 4px;
}

/*
    Styles for Font Awesome icons
*/

.faicon-blue {
    color: rgb(77, 148, 206);
    padding-right: 0.5em;
}

.faicon-green {
    color: rgb(132,202,68);
    padding-right: 0.5em;
}

.rowHeader {
    padding-left:5px;
    font-style: italic; 
}
