@media screen{
    /* Styles for Top Level Content Areas - start */
    .HeaderPanel{
        height:200px;
        vertical-align:top;        
    }    

    .LeftPanel{
        vertical-align:top;
        width:20%;
    }

    .CentralPanel
    {
        width:60%;
        min-height:580px;
        height:580px;
        text-align:left;
        vertical-align:top; 
    }        

    .RightPanel{
        vertical-align:top;
        width:20%;
        height:580px;
    }

    .FooterPanel{        
    }
    /* Styles for Top Level Content Areas - end */
}

@media screen, print {
    html, body {
        margin: 0;
        padding: 0;
        height: 100%;
    }


    #container {
        position: relative;
        min-height: 100%; /*for modern browsers*/
        height: auto !important; /*For Modern Browsers*/
        height: 100%; /* for IE*/
    }

    #header {
        padding: 10px;
    }

    #content {
        padding-bottom: 10px;
    }

    #footer {
        position: absolute;
        height: 20px;
        bottom: 0 !important;
        bottom: -1px; /*For certain IE quirks */
    }     

    /* Styles for external html pages - start */
    .Header {
        font-family: Arial;
        font-weight: bold;
        font-size: medium;
        color: Blue;
        background-color: #000000;
		width: 100%;
		height:180px;		
    }

    .HeaderBottom {
        height: 45px;
        background-color: #e3e3e3;
    }


    .Footer {
        float: left;
        margin-top: 5px;
        height: 220px;
        width: 100%;
        /*background-image:url(../styles/images/BillingBureau_Footer.jpg);*/
        background-repeat: no-repeat;
        background-size: cover;        
        font-family: Arial;
        font-weight: bold;
        font-size: 0.75em;
    }

    .LeftContent{        
    }

    .RightContent{
    }
    /* Styles for external html pages - end */

        /* Styles for Login page - start */
    .LoginPage {
        width: 22%;        
        position: absolute;
        left: 39%;
        top: 25%;
        border-style: solid;        
        border-top-color: #1D4173;
        border-left-color: #CCCBC9;
        border-right-color: #CCCBC9;
        border-bottom-color: #CCCBC9; 
        border-top-width: 3px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;       
        border-collapse: separate;
        border-radius: 3px;
        /*border-spacing:10px;*/
        padding-top:20px;
        padding-bottom:20px;
        padding-left:15px;
        padding-right:20px;
    }

        .LoginPage td {
            height: 30px;
        }

        .LoginPage .LoginButton {
            text-align: right;            
        }

            .LoginPage .LoginButton .button {
                height: 30px;
                width: 80px;
            }

        .LoginPage .Link {
            text-align: left;
        }

        .LoginPage .Help {
            text-align: left;
            vertical-align: top;
        }     
    /* Styles for Login page - end */


    /* Styles for Forgotten Password page - start */
    .ForgottenPasswordPage {
        width: 22%;        
        position: absolute;
        left: 39%;
        top: 25%;
        border-style: solid;        
        border-top-color: #1D4173;
        border-left-color: #CCCBC9;
        border-right-color: #CCCBC9;
        border-bottom-color: #CCCBC9; 
        border-top-width: 3px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;       
        border-collapse: separate;
        border-radius: 3px;
        padding-top:20px;
        padding-bottom:20px;
        padding-left:15px;
        padding-right:20px;
    }      
    
    .ForgottenPasswordPage td {
            height: 30px;
        }  

        .ForgottenPasswordPage .SubmitCancelButtons {
            white-space: nowrap;
            text-align: right;
        }

            .ForgottenPasswordPage .SubmitCancelButtons .button {
                height: 30px;
                width: 90px;
            }

        .ForgottenPasswordPage .Help {
            text-align:left;
            vertical-align:top;
        }        
    /* Styles for Forgotten Password page - end */

    /* Styles for other pages - start */
    .ForgottenPasswordResultPage{
        width:100%;
    }

    .SessionTimeoutPage{
        width:100%;
    }

    .LogoffPage {
        width: 100%;
    }

    .TermsUsePage{    
        width:100%;
    }    
    /* Styles for other pages - end */

    .MainHeading {
        color:#1D4173;
        font-family: Arial;
        font-weight: bold;
        font-size: 1.20em;
        padding-left:5px;
    }

    .BodyText {
        color: Black;
        font-family: Arial;
        font-size: 0.75em;
        font-weight: normal;
    }

    .Remember {
        color: Black;
        font-family: Arial;
        font-size: 0.75em;
        font-weight: normal;
    }


    .Link {
        color: #1D4173;
        font-family: Arial;
        font-size: 0.75em;
        font-weight: bold;
    }

    .Help {
        color: #272727;
        font-family: Arial;
        font-size: 0.75em;
        font-weight: bold;
    }
.ErrorMessage {
    color: red;
    font-size: large;
}

.SuccessMessage {
    color: green;
    font-size: large;
}

    .Error {
        color: Red;
        font-family: Arial;
        font-size: 0.76em;
        font-weight: bold;
    }

    .Warning {
        color: Red;
        font-family: Arial;
        font-size: 0.76em;
        font-weight: bold;
    }


    /* Styles for html elenments - start */
    a:link {
        color: #1D4173;
        font-family: Arial;
        text-decoration: underline;
    }

    a:visited {
        /*text-decoration:underline; */
        color: #800080;
    }

    a:hover {
        color: #FF0000;
        background-color: #ffffcc;
        font-weight: bold;
    }

    a:active {
        color: #00FF00;
    }

    .formlegend {
        font-family: Arial;
        font-size: medium;
        font-weight: bold;
        color: #272727;
    }

    .formfieldname {
        font-family: Arial;
        font-weight: normal;
        font-size: 1.0em;
        color: #272727;
        text-align: left;
        vertical-align: central;
    }

    .formfieldvalue {
        text-align: left;        
    }
   
    .button, .largebutton, .extralargebutton{
        background-image: url(../styles/images/3d_button_background.jpg);
        background-color:#1D4173;
        color: #FFFFFF;
        height:30px;
        font-family: Arial;
        font-size: medium;
        font-weight: bold;       
        border-radius: 5px;
        border-style:groove;
        border-color: #E0E0E0;
        border-width: 1px;
        cursor: pointer;
    }

        .button:hover, .largebutton:hover, .extralargebutton:hover {
            background-image:url(../Styles/Images/3d_button_background_mouseover.jpg);
            background-color: #2F82AC;
        }

    .button{
        width: 100px;
    }

    .largebutton {        
        width:160px;        
    }

    .extralargebutton{
        width: 200px;
    }

    .textbox, .smalltextbox {
        width: 100%;
        height: 30px;
        border-style:solid;
        border-color: #272727;
        border-width: 1px;
        font-family: Arial;
        font-weight: normal;
        font-size: 1.0em;
        border-collapse: separate;
        border-radius: 3px;
        border-spacing:5px;
        padding:3px;
    }

    .textboxfocus, .smalltextboxfocus {
        width: 100%;
        height: 30px;
        background-color: #E9FDFD;        
        border-color: #0e689c;
        /*background-color: #FFEEC9;        
        border-color: #FFE284;*/
        border-style: groove;
        border-width: 1px;
        font-family: Arial;
        font-weight: normal;
        font-size: 1.0em;
        border-collapse: separate;
        border-radius: 3px;
        border-spacing:5px;
        padding:3px;
    }

    /* Styles for html elenments - end */

}

@media print
{

    /* Styles for Top Level Content Areas - start */
    .HeaderPanel{ 
        /*display:none;*/       
    }    

    .LeftPanel{        
        display:none;       
    }

    .CentralPanel
    {
        width:80%;
        height:650px;
        /*text-align:center;*/
        vertical-align:top;         
    }    

    .RightPanel{
        display:none;
    }

    .FooterPanel {
        /*display: none;*/
    }
    /* Styles for Top Level Content Areas - end */

    .UnsecuredConfirmMyEziDebitPaymentPage {
        width: 100%;
        border-style: none;
    }

    /* Crack for print in Chrome */
    .formlegend{
        background-color:white;      
    }   

	.noPrint
	{
		display:none
	}
	.another
	{
		display:none
	}
	.button
	{
		display:none
	}

    .largebutton {
        display: none;
    }

    .extralargebutton {
        display: none;
    }

	.MenuBody
	{
		display:none
	}
	.SiteMap
	{
		display:none
	}

}