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: 15px;
    padding-bottom: 5px;
}
td.resendbutton
{
    vertical-align:middle;
    width:auto;
    padding-top: 15px;
    padding-bottom: 5px;
}
td.resenddescription 
{
	padding: 5px 0 5px 0;
}

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%;
}

input.pvnresponse
{
    font-weight:normal;
    vertical-align:bottom;
}

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;
	padding: 15px 0 10px 0;
}

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;
}

/* OCC specific styles for IdentityGuard */

body {
    background-color: #fff;
	text-align:left;
	margin: 0;
	padding: 0;
}

div#myoccheader {
    background: url(../images/myocc_logo.jpg) no-repeat 0 0 #2F4E7C;
    margin: 0;
	padding:0;
	height: 74px;
}
/* the following is read by browsers that don't support child selectors (IE x) */
div#main {
    background:none;
border: none;
    width:100%;
	height:370px;
    margin: 0;
    position:relative;
    overflow:visible;
}
/* the following is read by browsers that do support child selectors like Firefox */
 html > body div#main {
    background:none;
    border:none;
    width:100%;
	height:auto;
    min-height:400px;
    margin:0;
    position:relative;
    overflow:visible;
}
div#content
{
    padding:20px 0 0 40px;
    text-align:left;
}
div#myoccfooter {
    background: url(../images/myocc_footer_tile.jpg) repeat-x 0 0 transparent;
    margin: 20px 0 0 0;
	padding:20px 0 0 35px;
	height: 83px;
}
.copyright {
    clear: both;
    font-size: 10px;
    margin: 0;
    padding: 10px 0 0 0;
    width: 750px;
	color: #222;
	line-height: 1.5;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}