﻿    #loginPage div                  { border:2px inset #26568a; }
    #loginPage div div              { border:0px solid black;  }
/*
    #loginPage div div div          { border:1px solid blue;   }
    #loginPage div div div div      { border:1px solid purple; }
    #loginPage div div div div div  { border:1px solid orange; }
*/

    #loginPage #loginBox,
    #loginPage #contactBox,
    #loginPage #messageBox,
    #divBrowserCompatability
    {
        margin-left: auto;
        margin-right: auto;
        width: 500px;
        font-family: Verdana;
        font-size: small;
    }

    #divBrowserCompatability {
        margin-top: 8%;
        padding: .5em;
    }

    #loginPage #loginBox
    {
    	margin-top:1%;
    }
    #loginPage #contactBox
    {
    	margin-top:1em;
    }

    #loginPage #messageBox
    {
    	margin-top:1em;
    	color:red;
    	font-size:14pt;
    	text-align:center;
	}

    #loginPage #messageBox #msgContainer
    {
    	padding:0.25em;
	}

    #loginBox .loginBoxTitle
    {
		background-image:url("/PHM/Images/key.png");
		background-repeat:no-repeat;
		background-position:left center;
	}
    #contactBox .loginBoxTitle
    {
		background-image:url("/PHM/Images/user_comment.png");
		background-repeat:no-repeat;
		background-position:left center;
	}


    #loginPage #loginMsg
    {
    	text-align:right;
    	height:1.5em;
    	padding-right:0.5em;
    }

    #loginPage .loginBoxTitle
    {
    	background-color:#26568a;
    	color:white;
    	padding:0.1em;
        font-size:Medium;
    }

    #loginPage .loginBoxTitle img
	{
		float:left;
	}

    #loginPage #twoCol
    {
        margin:1em;
        position:relative;
    }

    #loginPage #twoCol.login
    {
        height:12em;
    }

    #loginPage #twoCol.access
    {
        height:27em;
    }

    #loginPage #twoCol.chgpwd
    {
        height:17em;
    }


    #loginPage #twoCol p
    {
    	margin:0px;
    	padding:0px;
    }

    #loginPage #twoCol input
    {
        width:98%;
        margin:auto;
    }

    #loginPage #twoCol select
    {
        width:100%;
        margin:0px auto 0.25em auto;
    }

    #loginPage #twoCol select,
    #loginPage #twoCol option,
    #loginPage #twoCol input[type=text],
    #loginPage #twoCol input[type=password]
    {
        color:rgb(0,0,96); /*navy;*/
    }



    #loginPage #twoCol #left
    {
    	width:49%;
        text-align:left;
        position:absolute;
        left:0;
    }

    #loginPage #twoCol #right
    {
    	width:49%;
        position:absolute;
        right:0;
    }

    #loginPage #twoCol #left span
    {
        font-weight:bold;
    }

    #loginPage #twoCol #right #reqAccessXrefs
    {
    	text-align:left;
    	margin-top:2.3em;
    }

    #loginPage #twoCol #left #btnLogin,
    #loginPage #twoCol #left #btnReqAccess,
    #loginPage #twoCol #left #btnChangePassword,
    #loginPage #twoCol #left #btnSendLogin
    {
    	margin-top:0.5em;
    	width:10em;
    	float:left;
    }

    #loginPage #twoCol #right #logo
    {
    	font-size:x-large;
    	color:white;
        background-image:url("/PHM/Images/Banner1.gif");
    }

    #loginPage #twoCol #right #logo img
    {
        vertical-align:middle;
    }

    #loginPage #twoCol #ReqAccess,
    #loginPage #twoCol #ForgotLogin
    {
        position:absolute;
        bottom:0;
        width:12em;
    }

    #loginPage #twoCol #ReqAccess
    {
        left:0;
    }

    #loginPage #twoCol #ForgotLogin
    {
        left:12.5em;
    }


    #loginPage #contactInfo
    {
		width:100%;
		border-collapse:collapse;
		font-size:x-small;
		text-align:left;
		margin-bottom:1em;
    }

    #loginPage #contactInfo th
    {
    	padding:0.5em 1em;
    	text-align:left;
    }

    #loginPage #contactInfo td
    {
    	padding:0em 2em;
    }


