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

    .MenuPanel {
        width: 90%;
        vertical-align: top;
    }

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

    .CentralPanel {
        width: 70%;
        min-height:600px; 
        height:600px;
        text-align: center;
        vertical-align: top;        
    }

    .RightPanel {
        width: 15%;        
        height:570px;
        vertical-align: top;
    }

    .FooterPanel {
        width: 100%;      
    }

    .MenuBody {
        width:100%;        
        border-collapse: collapse;
        border:none;             
    }
    

    /* 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 */
    }   

    /* Hide Pay Now link */
    #ctl00_ContentPlaceHolder1_CustomerDashboardUserControl_PayMyBillsLink{
        display:none;
    }

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


    .Footer {
        float: left;
        margin-top: 5px;
        height: 200px;
        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;
        /*background-color:#000000;*/
    }

    .LeftContent {
        background-color: #e5d07a;
    }

    .RightContent {
    }

    .TermDetails {        
        font-family: Arial;
        font-size: medium;
        font-style: italic;
        color: #272727;
        border-style: none;
        border-collapse: separate;
        border-spacing: 10px;
        padding: 10px;
    }
    /* Styels for external html pages - end */

    /* Styles for Dashboard page - start */
    .DashboardPage {
        width: 100%;
        border-style: none;      
    }

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

        .DashboardPage .CustomerPanel {
            width: 35%;
            /*position: relative;
            top: 10%;*/
            text-align: left;
            vertical-align: top;
            padding-right:30px;
        }

        .DashboardPage .ServicePanel {
            width: 65%;
            /*position: relative;
            top: 10%;
            left: 5%;*/
            text-align: left;
            vertical-align: top;
            padding-right:30px;
        }

        .DashboardPage .CustomerPanel .AccountPart,
        .DashboardPage .CustomerPanel .ContactPart {
            width: 100%;
            border-style: solid;
            border-color: #FFE284;
            border-width: 1px;
            border-radius: 5px;
            border-collapse: separate;
            border-spacing: 0;
        }

        .DashboardPage .CustomerPanel .AccountHeading,
        .DashboardPage .CustomerPanel .ContactHeading {
            height:40px;
            background-image: url(../styles/images/3d_dashboardheader_background.jpg);
            background-color: #CEA400;
            font-family: Arial;
            font-style: italic;
            font-size: small;
            font-weight: bold;
            color: White;
            text-align: left;
            text-decoration: none;
            border-style: none;
            border-width: 1px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-collapse: separate;
            border-spacing: 10px;
            padding: 10px;            
        }

        .DashboardPage .CustomerPanel .AccountDetails,
        .DashboardPage .CustomerPanel .ContactDetails {
            width: 100%;
            border-style: none;
            border-collapse: separate;
            border-spacing: 10px;
            padding: 10px;
        }

        .DashboardPage .CustomerPanel .formfieldname {
            width: 30%;
            font-size: small;
            font-weight: bold;
            text-align: right;
            white-space: nowrap;
        }

        .DashboardPage .CustomerPanel .formfieldvalue {
            width: 70%;
            font-size: small;
            text-align: left;
        }

        .DashboardPage .ServicePanel .ServiceList {
            /*border-style: solid;
            border-color: #272727;
            border-width: 1px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            overflow: hidden;*/
        }

            .DashboardPage .ServicePanel .ServiceList .gridview {
                width: 100%;
                border-style: none;
                border-bottom-style: solid;
                border-color: #FFE284;
                border-width: 1px;
                border-radius: 5px;
                border-collapse: separate;
                font-family: Arial;
                font-size: small;
            }

            .DashboardPage .ServicePanel .ServiceList .gridviewheader {
                height:40px;
                background-image: url(../styles/images/3d_dashboardheader_background.jpg);
                background-color: #CEA400;
                border-style: solid;
                border-bottom-style: none;
                border-color: #FFE284;
                border-width: 1px;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                -webkit-border-top-left-radius: 5px;
                -webkit-border-top-right-radius: 5px;
                -moz-border-radius-topleft: 5px;
                -moz-border-radius-topright: 5px;
                overflow: hidden;
                border-collapse: collapse;
                border-spacing: 7px;
                padding: 7px;
            }

            /* Crack for no styling for font in header */
            .DashboardPage .ServicePanel .ServiceList .gridviewheaderfont {
                width: 100%;
                font-family: Arial;
                font-style: italic;
                font-size: small;
                font-weight: bold;
                color: #FFFFFF;
                text-align: center;
                vertical-align: middle;
                text-decoration: none;
            }

            .DashboardPage .ServicePanel .ServiceList .gridviewcell {
                background-color: #F9FFFD;
                border-style: solid;
                border-top-style: none;
                border-bottom-style: none;
                border-color: #FFE284;
                border-width: 1px;
                font-family: Arial;
                font-size: small;
                border-collapse: collapse;
                border-spacing: 5px;
                padding: 5px;
            }


        .DashboardPage .ServicePanel .gridviewitemcount {
            text-align: right;
            border-style: solid;
            border-color: #FFE284;
            border-width: 1px;
            border-collapse: collapse;
            border-spacing: 5px;
            padding: 5px;
        }

        .DashboardPage .ServicePanel .ServiceList .gridviewpager {
            border-style: solid;
            border-top-style: none;
            border-bottom-style: none;
            border-color: #FFE284;
            border-width: 1px;
            font-family: Arial;
            font-size: small;
            font-variant: small-caps;
            font-weight: bold;
            border-collapse: collapse;
            border-spacing: 5px;
            padding: 5px;
        }
            /* Crack for resizing table width from 100% */
            .DashboardPage .ServicePanel .ServiceList .gridviewpager table {
                width: auto;
                text-align: right;
                vertical-align: bottom;
            }


        .DashboardPage .ServicePanel .ServiceList .upnlheader {
            background-color: #FCFCFC;
            border-style: solid;
            border-color: #FFE284;
            border-width: 1px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-collapse: collapse;
            border-spacing: 5px;
            padding: 5px;
        }

        .DashboardPage .ServicePanel .ServiceList .upnlbody {
            background-color: #FCFCFC;
            border-style: solid;
            border-top-style: none;
            border-color: #FFE284;
            border-width: 1px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            border-collapse: collapse;
            border-spacing: 5px;
            padding: 5px;
        }

        .DashboardPage .ServicePanel .ServiceList .ServiceDetails {
            border-style: none;
            border-collapse: separate;
            /*border-spacing: 5px;*/
            /*padding: 2px;*/
        }

            .DashboardPage .ServicePanel .ServiceList .ServiceDetails .formfieldname {
                font-size: small;
                font-weight: bold;
                text-align: right;
            }

            .DashboardPage .ServicePanel .ServiceList .ServiceDetails .formfieldvalue {
                font-size: small;
                color: #272727;
                text-align: left;
            }

        .DashboardPage .ServicePanel .ServiceList .servicedetailsgridview {
            width: 100%;
            white-space: nowrap;
            border-style: solid;
            /*border-top-style:none;*/
            border-color: #FFE284;
            border-width: 1px;
            font-family: Arial;
            font-size: small;
            /*border-spacing: 5px;
                padding: 5px;*/
        }

        .DashboardPage .ServicePanel .ServiceList .servicedetailsgridviewheader {
            background-image: url(../styles/images/3d_dashboardheader_background.jpg);
            background-repeat: repeat-x;
            background-color: #CEA400;
            font-family: Arial;
            font-style: italic;
            font-weight: bold;
            font-size: small;
            color: #FFFFFF;
            text-align: center;
            text-decoration: none;
            border-style: none;
            /*border-bottom-style: none;*/
            border-color: #FFE284;
            border-width: 1px;
            border-collapse: separate;
            padding: 2px;
            border-spacing: 2px;
        }


        .DashboardPage .ServicePanel .ServiceList .servicedetailsgridviewcell {
            border-style: solid;
            border-color: White;
            border-width: thick;
            border-bottom-width: thin;
            border-top-width: thin;
            font-family: Arial;
            font-size: small;
            padding: 2px;
            border-spacing: 2px;
        }

        .DashboardPage .ServicePanel .ServiceList .servicedetailsgridviewalterrow {
            background-color: #FFDEAA;
            /*padding: 2px;
                border-spacing: 2px;*/
        }

    /* Styles for Dashboard page - end */

     /* Styles for My Bills page - start */
    .MyBillsPage {
        width: 90%;
        border-style: none;        
    }    

    .MyBillsPage .StatementList{
        width:100%;
        border-style: none;
        border-spacing:10px;
        padding:10px;
    }

        .MyBillsPage .StatementList .gridview {
            width: 100%;
        }

        .MyBillsPage .StatementList .Warning{
            height:38px;
        }

        .MyBillsPage .StatementSummary{
        width:50%;
        border-style: none;
        border-spacing:10px;
        padding:10px;
    }

        .MyBillsPage .StatementSummary .formfieldname {
            width: 40%;
            text-align:right;
            font-family: Arial;
            font-size: small;
            font-weight:bold;
        }
        
        .MyBillsPage .StatementSummary .formfieldvalue {
            width: 30%;  
            text-align:right;
            font-family: Arial;
            font-size: small;                      
        }    
    /* Styles for My Bills page - end */

    /* Styles for My Reports and Blled Charges Report pages - start */
    .ViewCSSPReportPage {
        width: 100%;        
    }

    .ViewCSSPReportPage .CSSPReport table{
        width:100%;
    }

    .ViewBilledChargesReportPage{
        width: 100%;        
    }

    .ViewBilledChargesReportPage .BilledChargesReport table
    {
        width:100%;        
        
    }

    /* Styles for Unbilled Itemisation page - start */
    .UnbilledItemisationPage {
        width: 90%;
        border-style: none;
    }

        .UnbilledItemisationPage .ItemisationList {
            width: 90%;
            border-style: none;
            border-spacing: 10px;
            padding: 10px;
        }

            .UnbilledItemisationPage .ItemisationList .styled-select {
                width: 75%;
                border-radius: 5px;
                padding: 3px;
            }

                .UnbilledItemisationPage .ItemisationList .styled-select select {
                    height: 25px;
                    font-weight: bold;
                    line-height: 1px;
                }

            .UnbilledItemisationPage .ItemisationList .gridview {
                width: 100%;
            }
    /* Styles for Unbilled Itemisation page - end */

    /* Styles for Account History page - start */
    .AccountHistoryPage {
        width: 85%;
        border-style: none;
    }


        .AccountHistoryPage .button {
            width: 60px;
        }

        .AccountHistoryPage .TransactionList {
            width: 100%;
            border-style: none;
            border-spacing: 10px;
            padding: 10px;
        }

            .AccountHistoryPage .TransactionList .gridview {
                width: 100%;
            }

            .AccountHistoryPage .TransactionList .formfieldname {
                width: 10%;
                text-align: left;
            }

            .AccountHistoryPage .TransactionList .formfieldvalue {
                width: 15%;
            }
        

            .AccountHistoryPage .TransactionList .styled-dateselector {
                width: 15%;
                padding: 3px;
            }

                .AccountHistoryPage .TransactionList .styled-dateselector input[type=text] {
                    width: 90%;
                    height: 22px;
                    border-style: solid;
                    border-color: #272727;
                    border-width: 1px;
                    font-family: Arial;
                    font-weight: normal;
                    font-size: smaller;
                    border-collapse: separate;
                    border-radius: 3px;
                }


    /* Styles for Account History page - end */

    /* Styles for My Details page - start */
    .MyDetailsPage {
        width: 95%;
        border-style: none;
        padding: 10px;
    }

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

        .MyDetailsPage .button {
            width: 60px;
        }


        .MyDetailsPage .PrimaryContactPart,
        .MyDetailsPage .SecondaryContactPart {
            width: 50%;
            vertical-align: top;
            /*border-style:solid;*/
            padding-left:10px;
        }

        .MyDetailsPage .AddressPart,
        .MyDetailsPage .CompanyDetailsPart {
            width: 50%;
            vertical-align: top;
            /*border-style:solid;*/
            padding-left:10px;
        }

        .MyDetailsPage .formfieldname {
            width: 30%;
        }

        .MyDetailsPage .formfieldvalue,
        .MyDetailsPage .formfieldshortvalue,
        .MyDetailsPage .formfieldlongvalue {
            width: 70%;
        }

            .MyDetailsPage .formfieldvalue .textbox,
            .MyDetailsPage .formfieldvalue .textboxfocus {
                width: 50%;
            }

            .MyDetailsPage .formfieldlongvalue .textbox,
            .MyDetailsPage .formfieldlongvalue .textboxfocus {
                width: 80%;
            }

        .MyDetailsPage .PrimaryContactPart .formfieldlongvalue .textbox,
        .MyDetailsPage .PrimaryContactPart .formfieldlongvalue .textboxfocus {
            /*width: 80%;*/
            height: 80px;
            vertical-align: middle;
        }

        .MyDetailsPage .formfieldshortvalue .textbox,
        .MyDetailsPage .formfieldshortvalue .textboxfocus {
            width: 20%;
        }

        .MyDetailsPage .AddressPart .formfieldshortvalue .smalltextbox,
        .MyDetailsPage .AddressPart .formfieldshortvalue .smalltextboxfocus {
            width: 10%;
        }

        .MyDetailsPage .CompanyDetailsPart .formfieldshortvalue .textbox,
        .MyDetailsPage .CompanyDetailsPart .formfieldshortvalue .textboxfocus {
            width: 35%;
        }
    /* Styles for My Details page - end */

    /* Styles for My Payment Details page - start */
    .MyPaymentDetailsPage {
        width: 80%;
        border-style: none;
    }

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

        .MyPaymentDetailsPage .button {
            width: 60px;
        }

        .MyPaymentDetailsPage .PaymentOptionsPart,
        .MyPaymentDetailsPage .CreditCardPart,
        .MyPaymentDetailsPage .BankAccountPart {
            width: 80%;
            vertical-align: top;
            padding: 10px;
        }

        .MyPaymentDetailsPage .formfieldname {
            width: 30%;
        }

        .MyPaymentDetailsPage .formfieldvalue {
            width: 70%;
        }
    /* Styles for My Payment Details page - end */

   /* Styles for Pay My Bills page - start */
    .PayMyBillsPage{
        width: 60%;
        border-style: none;
        padding: 20px;
    }

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

        .PayMyBillsPage .CreditCardOptions{             
        }

        .PayMyBillsPage .CreditCardDetails {
            width: 90%;
            border-style: none;                               
        }
       
       .PayMyBillsPage .formfieldname {
            width: 30%;
        }
        
        .PayMyBillsPage .formfieldvalue {
            width: 70%;
            padding:3px;
        }

            .PayMyBillsPage .formfieldvalue .textbox,
            .PayMyBillsPage .formfieldvalue .textboxfocus {
                width: 60%;
                height:30px;
            } 
            
            .PayMyBillsPage .formfieldvalue .smalltextbox,
            .PayMyBillsPage .formfieldvalue .smalltextboxfocus {
                width: 30%;
                height:30px;
            }   
        
    .ConfirmMyPaymentPage{
        width: 70%;
        border-style: none;        
    }

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

        .ConfirmMyPaymentPage .PaymentSummary {
            width: 80%;
            border-style: none;  
            padding: 40px;                             
        }
       
       .ConfirmMyPaymentPage .formfieldname {
            width: 40%;
            font-family: Arial;
            font-size: small;
            font-weight: bold;
            text-align:right;
        }
        
        .ConfirmMyPaymentPage .formfieldvalue {
            width: 40%;
            font-family: Arial;
            font-size: small;
            font-weight: bold;
            padding:5px;
        }
    /* Styles for Pay My Bills page - end */

    /* Styles for Enquiry page - start */
    .EnquiryPage {
        width: 70%;
        border-style: none;
    }

        .EnquiryPage .EnquiryDetails {
            width: 100%;
            border-style: none;
            border-collapse: separate;
            border-spacing: 10px;
            padding: 10px;
        }

        .EnquiryPage .formfieldname {
            width: 20%;
        }

        .EnquiryPage .formfieldvalue {
            width: 60%;
        }

            .EnquiryPage .formfieldvalue .textbox,
            .EnquiryPage .formfieldvalue .textboxfocus {
                width: 100%;
                height:30px;
            }

            .EnquiryPage .formfieldvalue radiobutton {
                width: 30%;
            }

        /*.EnquiryPage .formfieldlongvalue textarea,*/
        .EnquiryPage .formfieldlongvalue .textbox,
        .EnquiryPage .formfieldlongvalue .textboxfocus {
            width: 100%;
            height: 200px;
            vertical-align: middle;
        }
    /* Styles for Enquiry page - end */

    /* Styles for Change Password page - start */
    .ChangePasswordPage {
        width: 70%;
        border-style: none;
    }

        .ChangePasswordPage .ChangePasswordDetails {
            width: 100%;
            border-style: none;
            border-collapse: separate;
            border-spacing: 10px;
            padding: 10px;
        }

         .ChangePasswordPage .largebutton {
            width: 150px;
        } 

        .ChangePasswordPage .formfieldname {
            width: 25%;
        }

        .ChangePasswordPage .formfieldvalue {
            width: 40%;
        }

            .ChangePasswordPage .formfieldvalue .textbox,
            .ChangePasswordPage .formfieldvalue .textboxfocus {
                width: 100%;
                height:30px;
            }
    /* Styles for Change Password page - end */

    /* Styles for TermsUse page - start */
    .TermsUsePage{
        width:80%;
        border-style:none;       
    }

    .TermsUsePage .TermDetailsFrame{
        height:520px;       
        width:100%;                   
    }
    /* Styles for TermsUse page - end */

    /* Styels for general section on pages - start */
    .MainHeading {
        font-family: Arial;
        font-size: large;
        font-weight: bold;
        color: #272727;
    }

    .Disclaimer {
        text-indent: 2em;
        color: #534e66;
        font-family: Arial;
        font-size: x-small;
    }

    .TermsCheckBox {
        height: 25px;
        border-style: none;
        font-family: Arial;
        font-weight: bold;
        font-size: 0.7em;
        color: #272727;
        vertical-align: middle;
        padding: 3px;
    }

    .EnteringEmail {
        vertical-align:bottom;
        color: #272727;
        font-family: Arial;
        font-size: x-small;
        white-space: nowrap;
    }
.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: #ca4516;
        font-family: Arial;
        font-size: 0.66em;
        font-weight: bold;
    }

    .BodyText {
        font-family: Arial;
        font-size: small;
    }

    .SiteMap {
        font-family: Arial;
        font-weight: bold;
        font-size: 0.81em;
        color: #272727;
        background-color: #FFFFFF;
        padding:5px;
    }


        .SiteMap a:link {
            color: #272727;
        }
    
    
    /*******************************************
        Menu styles
    *******************************************/
    .menustyle {
        height: 40px;
        border-collapse: collapse;
        border: none;
        font-family: Arial;
        font-size: 0.81em;
        font-weight: bold;                
    }

    .menuitem, .menusubitem {        
        background-image: url(../styles/images/3d_menu_background.jpg);
        background-repeat: repeat-x;
        background-color: #e5d07a;        
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px; 
        color: #272727;         
    }     

    .selectedmenuitem {        
        background-image: url(../styles/images/button_background_alt.gif);
        background-repeat: repeat-x;
        background-color: #CEA400;                
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #FFFFFF;             

    }

    .menumouseover {        
        background-image: url(../styles/images/button_background_mouseover.gif);
        background-repeat: repeat-x;
        background-color: #E0D2B5;                      
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #FFFFFF; 
        cursor: pointer;       
    }

    .menumousedown, .menumouseup {        
        background-image: url(../styles/images/button_background_mouseover.gif);
        background-repeat: repeat-x;
        background-color: #e5d07a;        
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #FFFFFF;                
        cursor: pointer;
    }

    .menubanner {        
        background-image: url(../styles/images/button_background_alt.gif);
        background-repeat: repeat-x;
        background-color: #e5d07a;               
    }

    iframe.skm {
        position: absolute;
        top: 0px;
        left: 0px;
        display: none;
    }

    td.skmcur {
        cursor: hand;
    }


/*******************************************
    GridView styles
*******************************************/

    .gridview {
        white-space: nowrap;
        border-style: none;
        border-top-style: none;
        border-color: #535353;
        font-family: Arial;
        font-size: small;        
    }

    .gridviewheader a:link {
        text-decoration: underline;
        color: White;
    }

    .gridviewheader a:visited {
        /*text-decoration:underline; */
        color: white;
    }

    .gridviewheader a:hover {
        color: #E6FFE2;
        /*background-color:#2D3BFF;*/
        background-color: #444444;
        font-weight: bold;
    }

    .gridviewheader a:active {
        color: #00FF00;
    }

    .gridviewheader {
        /*background-color:#1C3377;*/
        background-color: #CEA400;
        font-family: Arial;
        font-style: italic;
        font-weight: bold;
        color: White;
        text-align: center;
        border-style:none;
	    /*border-color:White;
	    border-width:medium;*/
        text-decoration: none;
        padding:5px;
    }

    .gridviewfooter {
        /*background-color:#1C3377;*/
        background-color: #de780c;
        border-style: solid;
        border-color: White;
        border-width: thick;
        text-decoration: none;
    }


    .gridviewcell {
        border-style: solid;
        border-color: White;
        border-width: thick;
        border-bottom-width: thin;
        border-top-width: thin;
        font-family: Arial;
        font-size: small;  
        padding:3px;      
    }

    .gridviewselectedrow {
        /*background-color:#4C5EFF;*/
        background-color: #febb52;
        /*border-color:White;
	    border-width:thick;*/
        font-family: Arial;
        font-weight: bold;
        font-size: small;
        color: #FFFFFF;
    }

        .gridviewselectedrow a:link {
            text-decoration: underline;
            color: White;
        }

        .gridviewselectedrow a:visited {
            /*text-decoration:underline;*/
            color: white;
        }

        .gridviewselectedrow a:hover {
            color: #FFFFFF;
            background-color: #7a7a7a;
            font-weight: bold;
        }

        .gridviewselectedrow a:active {
            color: #00FF00;
        }

    .gridviewpdf {
        border-style: solid;
        border-color: White;
        border-width: thick;
        border-bottom-width: thin;
        border-top-width: thin;
        font-family: Arial;
        font-size: 1.00em;
        font-weight: bold;
        text-align: center;
    }

    .gridviewalterrow {
        /*background-color:#DBFFF7;*/
        background-color: #FFDEAA;
    }

    .gridviewpager {
        font-family: Arial;
        font-size: small;
        font-variant: small-caps;
        font-weight: bold;
    }

        .gridviewpager a:link {
            background-color: #F2FFCE;
            color: #BFA5FF;
            font-weight: bold;
        }

        .gridviewpager a:visited {
            color: #530FFF;
        }

        .gridviewpager a:hover {
            background-color: #D1FBFF;
            color: #FFE6BF;
        }

        .gridviewpager a:active {
            color: #AAFFEF;
        }


    .gridviewitemcount {
        font-weight: bold;
        font-size: small;
    }


/*******************************************
    Other styles
*******************************************/
    .paymentprogress {
        vertical-align: bottom;
        font-family: Arial;
        font-size: medium;
        font-weight: bolder;
    }    

    .disablecontrol {
        background-color: #FFEDD9;
        color: #272727;
    }

    .titleheading {
        font-family: Arial;
        font-size: medium;
        font-weight: bold;
        vertical-align: top;
    }

    .informationheading {
        vertical-align: top;
        color: #272727;
    }

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


    .formtitle {
        font-family: Arial;
        font-size: small;
        font-weight: bold;
        vertical-align: top;
        text-decoration: underline;
    }

    .formfieldname {
        font-family: Arial;
        font-size: smaller;
        font-style: normal;
        white-space: nowrap;
    }

    .formfieldvalue, .formfieldshortvalue, .formfieldlongvalue {
        font-family: Arial;
        font-size: smaller;
        font-style: normal;
        color: Black;
        white-space:nowrap;
    }

        .formfieldvalue select {
            width: auto;
            height: 25px;
            font-weight: normal;
            font-size: small;
            border-style: solid;
            border-color: #272727;
            border-width: 1px;
            border-collapse: collapse;
            border-radius: 3px;
            padding: 0px;
        }      

    .reportviewer {
        border-style: ridge;
        border-width: 0.1em;
        display: table;
        min-width: 100%;
        min-height: 510px;
        overflow: inherit;
        width: 100%;
    }

    .reportcontent {
        border-style: ridge;
        border-width: medium;
        border-collapse: collapse;
        border-spacing: inherit;
        height: 520px;
        width: 970px;
    }

    /* Styles for html elenments - start */
    .styled-dateselector {
        text-align: left;
    } 

    .styled-select {                     
            text-align:left;            
            border-style: solid;
            border-color: #272727;
            border-width: 1px;            
            border-collapse: collapse;
            border-radius: 3px;
            padding: 0px;            
        }

        .styled-select select {
            width: 100%;         
            font-family: Arial;
            font-weight: normal;
            font-size: small;                  
            border: 0px;
            border-radius: 0px;            
            /*-webkit-appearance: none;*/            
            color: #272727;
        }

    .radiobutton {
        height: 25px;
        border-style: none;        
        font-family: Arial;
        font-weight: bold;
        font-size: 1.0em;
        color:#272727;
        vertical-align: middle;
        padding: 3px;
    }

    .button, .largebutton, .extralargebutton {
        background-image: url(../styles/images/3d_button_background.jpg);
        height: 26px;
        color: #FFFFFF;
        font-family: Arial;
        font-size: small;
        font-weight: bold;
        border-style:solid;
        border-radius: 3px;
        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: #CEA400;
        } 

    .button{
        width: 80px;
    }

    .largebutton {        
        width:120px;        
    }

    .extralargebutton{
        width: 160px;
    }

    a:link {
        font-family: Arial;
        text-decoration: underline;
        color: #3a3ca0;
    }

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

    a:hover {
        color: #a04d3a;
        background-color: #ffffff;
        font-weight: bold;
    }

    a:active {
        color: #00FF00;
    }

    .textbox, .smalltextbox {
        height: 25px;
        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 {
        height: 25px;
        background-color: #FFEEC9;
        border-style: groove;
        border-color: #FFE284;
        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 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 */

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

    .noPrint {
        display: none;
    }

    .another {
        display: none;
    }

    .button {
        display: none;
    }

    .largebutton {
        display: none;
    }

    .extralargebutton {
        display: none;
    }

    .MenuBody {
        display: none;
    }

    .SiteMap {
        display: none;
    }
}