﻿@charset "utf-8";

input {
            padding-left: 8px;
            font-family: Calibri !important;
        }
        /*New*/
        body{
             font-family: Calibri;
             background-color: #3b6ba5; 
             /*height:100%*/
             height:78%;
        }

        form{
            height:100%;
        }

        table{
            /*height: 79%;*/ 
            height: 100%; 
            width: 100%; 
            border-width: 0px !important; 
            border-radius: 200px
        }

        tr{
            background-color: azure
        }

        table tr:last-child{
            background-color: azure; 
            vertical-align: top; 
            text-align: justify;
        }

        tr td:last-child{
            /*background-color: #adbbcc;*/
            width:50%;
        }

        .td-empty{
            background-color: #adbbcc;
        }

        img{
            margin-left: -20px !important;
        }

        .logo {
 
            background: url(../Images/logo-gaurdian-285.png) no-repeat left;
            height: 75px;
            /*margin: 9px 0px;*/ 
            margin-top : -12px;
        }

        /*.tdimg-container{
            width: 50%; 
            height: 110px; 
            vertical-align: top; 
            padding-top: 40px
        }*/

        .tdlogo-container{
            width: 50%; 
            height: 110px; 
            vertical-align: top; 
            padding: 40px 0 0 40px;
        }

        .tdtext-container{
            padding-left: 40px; 
            padding-right: 40px; 
            color: #005197
        }

        #welcome{
            font-size: 24px; 
            border: 0px; 
            margin: 0px;
        }

        .font-weightLighter{
            font-weight: lighter;
        }

        .tdControls-container{
            padding-left: 40px; 
            padding-right: 20px; 
            background-color: #adbbcc;
            width: 50%;
        }

        #p1{
            font-size: 50px; 
            border: 0px; 
            margin: 0px;
        }

        #p2{
            font-size: 25px; 
            border: 0px; 
            margin: 0px;
        }

        .headerText-controls{
            font-size:17px;
        }

        input[type=text]{
            height: 34px;
            width: 288px;
        }

        input[type=password]{
            height: 34px !important;
            width: 288px !important;
        }

        input[type=checkbox]{
            height: 13px; 
            width: 13px;
        }

        .btn-login{
            border: solid 1px gray; 
            height: 40px; 
            width: 100px; 
            font-weight: lighter; 
            background-color: #2368a3; 
            color: #fff; 
            margin-bottom: 10px; 
            border-radius: 3px;
            cursor: pointer;
        }
		
		.btn-login:disabled {
			background-color: gray;
			cursor: default;
		}

        small{
            font-size: 12px; 
            padding-top: -10px !important; 
            display: block; 
            margin: -16px 0px 0px 22px;
        }

        .divForm{
            /*padding: 100px;*/ 
            padding: 5%;
            height:100%
        }

        .divTable{
            border-radius: 20px; 
            height:100%
        }

        .checkbox-container{
            text-align: top; 
            padding: -10px
        }

        .color-black{
            color: Black;
        }

        /*Login assistance*/

        #frmLoginAssistance {
            height: 100%;
            /*margin-top: -48px;*/
        }

         .tdRadioControl-container{
            width: 50%; 
            background-color: #adbbcc; 
            padding-left: 40px; 
            padding-right: 20px;
        }

         #pTroubleLogging{
            font-size: 25px; 
            border: 0px; 
            margin: 0px;
        }

         /*.btn-cancel{
            border: solid 1px gray; 
            height: 40px; 
            width: 150px; 
            font-weight: lighter; 
            background-color: #444444; 
            color: #fff; 
            margin-bottom: 10px; 
            border-radius: 3px;
        }*/

         .button{
            border: solid 1px gray; 
            height: 40px; 
            width: 150px; 
            font-weight: lighter; 
            background-color: #444444; 
            color: #fff; 
            margin-bottom: 10px; 
            border-radius: 3px;
            cursor: pointer;
        }

        /*.btn-continue{
            border: solid 1px gray; 
            height: 40px; 
            width: 134px; 
            font-weight: lighter; 
            background-color: #2368a3; 
            color: #fff; 
            margin-bottom: 10px; 
            border-radius: 3px; 
            margin-left: 12px;
        }*/

        .button-primary{
            border: solid 1px gray; 
            height: 40px; 
            width: 134px; 
            font-weight: lighter; 
            background-color: #2368a3; 
            color: #fff; 
            margin-bottom: 10px; 
            border-radius: 3px; 
            margin-left: 12px;
            cursor: pointer;
        }

        .td-extra{
            padding-left: 40px; 
            padding-right: 40px; 
            color: #005197;
        }

        .footerText{
            font-size: 13px;
            color: Black;
        }

        #rbnOptions tr{
            background-color:#adbbcc;
        }

        /*UserID Assistance*/

        #p3{
            font-size:25px;
            border:0px;
            margin:0px;
        }

        .height100{
            height:100% !important;
        }

        div.gry-label
{
    color: #888;
}

.floatright{float:right;}

.star{color:#f00; font-size:11px; }

.rqrd-flds
{
    /*  border: solid 1px #8C9FBD;     background-color:#efeb9c;      */
    background: url(../images/star.png) no-repeat;
    height: 10px;
    width: 12px;
    float:left;
    margin-top: 4px;
}

.msg_marginleft{
    margin-left: -20px;
}

.font-checkbox{
    font-size:12px;
}

input[type=checkbox]{
    vertical-align:middle;
    bottom:1px;
    position:relative;
}
strong
{
    font-weight:bold !important;
}

input::-ms-clear, input::-ms-reveal {
		display: none;
	}

.ShowHidePassword
{
    display: block;
    margin: -28px 0 -10px 261px;
    text-decoration: none;
    width: 40px;
    color: blue;
    font-size: 14px;
	position: absolute;
}