body {
    text-align: center;
    background-color: rgb(30,69,99);
}

/* the following is read by browsers that don't support child selectors (IE x) */
div#main {
    background-color: rgb(255,255,255);
    border: 1px solid rgb(0,0,0);
    width: 548px;
    height: 445px;
    background-repeat: repeat-y;
    /*background-image:url(Images/graphic.jpg);*/
    margin: 1em auto;
    position: relative;
    overflow: visible;
}

/* the following is read by browsers that do support child selectors like Firefox */
html > body div#main {
    background-color: rgb(255,255,255);
    border: 1px solid rgb(0,0,0);
    width: 548px;
    height: auto;
    min-height: 445px;
    background-repeat: repeat-y;
    /*background-image:url(Images/graphic.jpg);*/
    margin: 1em auto;
    position: relative;
    overflow: visible;
}

div#content {
    padding: 50px 1.5em 1.5em 90px;
    text-align: left;
}

img {
    margin: 0 0 15px 0;
    border: 0;
}

div#tamlogo {
}

div#entulogolarge {
    width: 499px;
    height: 48px;
}

img.logosmall {
    float: right;
    width: 166;
    height: 30;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 10px;
}

div#legal {
    font-size: 70%;
    text-align: center;
}

    div#legal p {
        margin: 0 auto;
        color: rgb(204,204,204);
        width: 550px;
    }

p, td {
    font-family: Arial, sans-serif;
}

p {
    font-size: 80%;
}

table tr td {
    font-size: 75%;
}

    table tr td table tr td {
        font-size: 80%;
    }

.error {
    font-size: 80%;
    font-family: Arial, sans-serif;
    color: red;
    font-weight: bold;
    font-size: 11px;
}


span.prompt {
    font-family: Arial, sans-serif;
    font-size: 13px;
}

.info {
    font-size: 80%;
    color: blue;
    font-weight: bold;
}

h1 {
    font-size: 110%;
    font-family: Arial, sans-serif;
    color: rgb(30,69,99);
    margin-top: 0;
}

h2 {
    margin: 0;
    padding: 0;
    font-size: 80%;
    font-family: Arial, sans-serif;
    color: rgb(30,69,99);
}

.red {
    color: rgb(255,0,0);
    font-size: 70%;
    margin-top: .5em;
    padding-top: 0;
}

table.gridform {
    width: 50%;
    padding: 0;
    border-spacing: 0;
    border-style: none;
    line-height: 150%;
    text-align: center;
}

/* input form for all auth types other than grid */
table.inputform {
    padding: 0;
    border-spacing: 0px 1px;
    border-style: none;
    width: 400px;
}

td.continuebutton {
    vertical-align: middle;
    width: auto;
    padding-top: 10px;
    padding-bottom: 5px;
}

td.challenge {
    width: 30%;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

td.response {
    width: 70%;
    text-align: left;
    vertical-align: middle;
}

input.gridresponse {
    text-align: center;
    width: 35px;
}

input.inputresponse {
    font-weight: normal;
    vertical-align: bottom;
    width: 45%;
}

td.gridchallengestring {
    width: 30%;
    text-align: right;
    font-weight: bold;
    vertical-align: bottom;
    padding-bottom: 5px;
}

td.challengestring {
    text-align: left;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 5px;
}

td.tokenchallengestring {
    text-align: left;
    font-weight: bold;
}

input.updatecheckbox {
    overflow: visible;
    font-weight: normal;
    vertical-align: middle;
    white-space: nowrap;
}

p.igpromptdisplay {
    overflow: visible;
    font-size: 100%;
    padding-bottom: 20px;
    padding-top: 5px;
}

td.space {
    width: 200;
}

td.smallspace {
    width: 20%;
}

img.personalizedImage {
    height: 100px;
}

tr.vspace {
}

tr.singleline {
    /*
    height:5%;
    */
}

tr.doubleline {
    /*
    height:5%;
    */
}

.imageline {
    height: 40%;
}

td.kbquestion {
    width: 100%;
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
    font-family: Arial, sans-serif;
}

td.kbanswer {
    text-align: left;
    vertical-align: middle;
}

tr.kbline {
    height: 0%;
}

td.otpresponse {
    text-align: left;
    vertical-align: middle;
}

/* the following style rule have been added for the IG ISAPI 9.0 Integration */


table.lbllegal {
    margin: 0 auto;
}

td.lbllegal {
    color: rgb(204,204,204);
    width: 550px;
    font-size: 10px;
}

.logoLarge {
    width: 299px;
    height: 48px;
}


.lblDef {
    width: 150px;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

.inputDef {
    width: 150px;
    font-size: 12px;
    border-style: groove;
    text-align: left;
    font-family: Arial, sans-serif;
}

.loginBtn {
    width: 155px;
}

.rememberme {
    overflow: visible;
    font-weight: normal;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 11px;
    font-family: Arial, sans-serif;
}

.text {
    font-size: 100%;
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
    font-family: Arial, sans-serif;
}

/*These are styles for custom OWA login page */
/*This div style class is for showing the Security label with show/hide explanation option */
.classShowSecurityContent {
    display: '';
    width: 400px;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

/*This div style class is for showing the explanation about public and private computer options */
.classShowExplanation {
    display: '';
    width: 400px;
    padding-left: 20px;
    text-align: justify;
}

/*This div style class is for hiding the contents of <div> tag */
.classHideContent {
    display: none;
}

/*This div style class is for showing the warning contents */
.classShowWarning {
    display: '';
    width: 400px;
    padding-left: 20px;
    text-align: justify;
    color: red;
}

/*This class is for showing the labels, radio buttons and checkbox options */
.styleOptions {
    width: 400px;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

/*This class is for showing the Warning*/
.styleWarning {
    font-size: 11px;
    font-weight: bold;
    color: red;
    font-family: Arial, sans-serif;
}

/*Style for PVN label */
td.PVNLabel {
    width: 30%;
    text-align: right;
    font-weight: bold;
    vertical-align: bottom;
    padding-bottom: 5px;
}

/*Style for PVN response text box */
td.PVNresponse {
    text-align: center;
    width: 25px;
}

/*Style for Update / Create PVN checkbox */
td.UpdatePVNLabel {
    width: 30%;
    text-align: right;
    font-weight: bold;
    vertical-align: bottom;
    padding-bottom: 5px;
}

/*Style for Update / Create PVN checkbox */
td.UpdatePVNChb {
    overflow: visible;
    font-weight: normal;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 11px;
    font-family: Arial, sans-serif;
}

/*Style for Update PVN labels*/
td.NewPVNLabel {
    width: 30%;
    text-align: left;
    font-weight: bold;
    vertical-align: bottom;
    padding-bottom: 5px;
}

/*Style for Machine auth page text*/
.machineauthpagetext {
    font-size: 11px;
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
    font-family: Arial, sans-serif;
}

/*Style to display multiple/alternate second factor authenticator list*/
.authenticatorList {
    vertical-align: middle;
    font-family: Arial, sans-serif;
    width: auto;
    font-size: 12px;
}

/*Style to display MobileSC challenge title*/
.titlemsg {
    vertical-align: middle;
    font-family: Arial, sans-serif;
    width: auto;
    font-weight: bold;
    font-size: 12px;
}

/*Style to display MobileSC challenge description*/
.descriptionmsg {
    vertical-align: middle;
    font-family: Arial, sans-serif;
    width: auto;
    font-size: 12px;
}

/*Style to display QRCODE image*/
.qrcodeimage {
    text-align: center;
}