﻿.clearBoth{clear:both;}
.clearBoth2{clear:Both;height:10px;}
.clearBoth3{clear:Both;height:20px;}
.underline{text-decoration:underline}
.italic{font-style:italic;font-size:12px;}
.regular{font-size:12px;}
.small{font-size:10px;}
.bold{font-weight:bold;}
.margin10{margin:10px;}
.floatRight{float:right;}
.floatLeft{float:left;}
.faint a{color:#999999;}
.faint a:hover{color:#000000;}
.pageBottomPadding{height:85px;}
.hr{padding:5px 0px 5px 0px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:10px;}
.largeFont{font-size:40px;color:#ccc;}
.padding{height:20px;}
.failure{color: Red; font-weight: bold;}
.validationSummary{text-align: left; color:Red; font-weight:bold;}
.textBoxWatermark{ color: Gray; font-style: italic;}

/* Login USER CONTROL----------------------------------- */
.liWrap input{font-size:20px;}
.liWrap input:focus{background-color:#ffffcc;color:#000;}
.liWrap a{text-decoration:underline;}
.liWrap{width: 240px;min-height:200px; margin: 50px auto 10px auto; padding:10px 30px 30px 30px; border: 1px solid #ccc;background-color:#E6E6E6;font-size:16px;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
.liTitle{font-size:30px;font-weight:bold;color:#fff;text-shadow:1px 1px 3px #ccc;}
.loginIcon{position:absolute;margin-left:271px;margin-top:0px;width:128px;height:128px;border:1px solid #e9e9e9;border-left:none;-moz-border-radius-topright: 7px;-webkit-border-radius-topright: 7px;-moz-border-radius-bottomright: 7px;-webkit-border-radius-bottomright: 7px;}
.logoutIcon{position:absolute;margin-left:271px;margin-top:0px;width:128px;height:128px;border:1px solid #e9e9e9;border-left:none;-moz-border-radius-topright: 7px;-webkit-border-radius-topright: 7px;-moz-border-radius-bottomright: 7px;-webkit-border-radius-bottomright: 7px;}
.LiMessage{color:Red;}
.center{text-align: center;}
.surround{text-align:center; margin: 20px auto; width: 50%; border: 1px blue solid; border-radius: 5px; box-shadow: 10px 10px 5px #888; padding: 20px 15px;}
.logout{font-weight: bold; text-decoration: underline; color: Blue;}
.pagetabon {float: left; position: relative; top: -23px; background-color: #424242; padding: 2px; margin-right: 1px; border-color: #424242; border-bottom-color: #0767A9; border-style: solid; border-width: 1px; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.pagetabon a {color: #FFFFFF; font-size: 10pt; vertical-align: middle; padding-left: 10px; padding-right: 10px; text-decoration: none;}
.pagetabon:hover {background-color: #424242;}
.pagetabon:hover a {color: #FFFFFF}
.pagetaboff {float: left; background-color: #a2a2a2; padding: 2px; margin-right: 1px; border-color: #424242; border-bottom-color: #0767A9; border-style: solid; border-width: 1px; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.pagetaboff a {color: #FFFFFF; font-size: 75%; vertical-align: middle; padding-left: 10px; padding-right: 10px; text-decoration: none;}
.pagetaboff:hover {background-color: #dedede;}
.pagetaboff:hover a {color: #FFFFFF}
.submitRequest{text-align: center; margin: 0px 150px;}

/* CREATE USER WIZARD CONTROL----------------------------------- */
.cuwWrap input{font-size:20px;}
.cuwWrap input:focus{background-color:#ffffcc;color:#000;}
.cuwWrap select{font-size:20px; width:225px;color:#999;}
.cuwWrap{width: 240px; padding: 10px 30px 30px 30px; margin: 50px auto 10px auto; border: 1px solid #ccc;background-color:#E6E6E6;font-size:16px;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
.cuwTitle{font-size:30px;font-weight:bold;color:#000;text-shadow:1px 1px 3px #aaa;}
.createUserIcon{position:absolute;margin-left:271px;margin-top:-35px;width:128px;height:128px;border:1px solid #e9e9e9;border-left:none;background-image:url(https://publicinfo.fedsprotection.com/downloads/images/register.png);-moz-border-radius-topright: 7px;-webkit-border-radius-topright: 7px;-moz-border-radius-bottomright: 7px;-webkit-border-radius-bottomright: 7px;}
.cuwMessage{color:Red;padding: 0px 0px 15px 0px;}
.cuwField{ -moz-border-radius:5px; border-radius: 5px; -webkit-border-radius: 5px;}
.cuwLegend{font-weight: bold; text-transform: capitalize;}

/* PASSWORD RECOVERY USER CONTROL----------------------------------- */
.prWrap input{font-size:20px;}
.prWrap input:focus{background-color:#ffffcc;color:#000;}
.prWrap{width: 240px; padding: 10px 30px 30px 30px; margin: 50px auto 10px auto; border: 1px solid #ccc;background-color:#E6E6E6;font-size:16px;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
.prTitle{font-size:30px;font-weight:bold;color:#fff;text-shadow:1px 1px 3px #ccc;}
.pwRecoveryIcon {
    position: absolute;
    margin-left: 271px;
    margin-top: -35px;
    width: 128px;
    height: 128px;
    border: 1px solid #e9e9e9;
    border-left: none;
    background-image: url(https://publicinfo.fedsprotection.com/downloads/images/recover-pw.png);
    -moz-border-radius-topright: 7px;
    -webkit-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-radius-bottomright: 7px;
}
.prMessage{color:Red;}

/* (default) ajax password strength indicator option 1 - simple text */
.passwordStrengthIndicator {background-color:Gray; color:White; font-family:Arial; font-size:x-small; font-style:italic; padding: 2px 3px 2px 3px; margin-top: 2px;}

/* captcha */
.captcha{background-image:url(https://publicinfo.fedsprotection.com/downloads/images/captcha-bg.jpg);border:1px solid #fff;}

/* temporary content css - for home page login box */
.buttonCSS a {
    display: block;
    float: left;
    width: auto;
    border: 1px solid #CCCCCC;
    font-size: 11px;
    color: #000000;
    margin-right: 3px;
    margin-top: 6px;
    background-image: url('https://publicinfo.fedsprotection.com/downloads/images/temporary/button-bg.jpg');
    padding: 6px;
}
    .buttonCSS a:hover {
        border: 1px solid #6699cc;
        background-image: url(https://publicinfo.fedsprotection.com/downloads/images/temporary/button-hover-bg.jpg);
        color: #000000;
        text-decoration: none;
    }
.tempLoginWrap{margin:100px auto auto auto;width:500px;border:1px solid #ccc;padding:15px;-moz-border-radius: 7px;-webkit-border-radius: 7px;}

/************ for tabs and navigation ***************/
.pagetabon {float: left; background-color: #424242; padding: 2px; margin-right: 1px; border-color: #424242; border-bottom-color: #0767A9; border-style: solid; border-width: 1px; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.pagetabon a {color: #FFFFFF; font-size: 75%; vertical-align: middle; padding-left: 10px; padding-right: 10px; text-decoration: none;}
.pagetabon:hover {background-color: #424242;}
.pagetabon:hover a {color: #FFFFFF}
.pagetaboff {float: left; background-color: #a2a2a2; padding: 2px; margin-right: 1px; border-color: #424242; border-bottom-color: #0767A9; border-style: solid; border-width: 1px; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.pagetaboff a {color: #FFFFFF; font-size: 75%; vertical-align: middle; padding-left: 10px; padding-right: 10px; text-decoration: none;}
.pagetaboff:hover {background-color: #dedede;}
.pagetaboff:hover a {color: #FFFFFF}
