body {
        border: 0px;
        padding: 0px;
        text-align: center;
        font-family: Calibri; /* Verdana, Arial, Tahoma;*/
        font-size: 12pt;
        color: #424242;
    }

    /* --- Containers ---------------------------------------------------------------- */
    #OuterContainer
    {
	    text-align: left;
	    width: 960px;
	    height: auto;
	    background-repeat: repeat-y;
    }

    #LogoSection
    {
	    background: url("Images/MenuLogoSection.png");
	    background-repeat: no-repeat;	
	    width: 100%;
	    /*height: 61px;*/
	    height: 80px;
	    text-align: right;
        color: white;
    }

    #TopMenuSection
    {
	    /*background: url("Images/MenuTopSection.jpg");*/
	    background-repeat: no-repeat;	

	    padding-left: 20px;
	    line-height: 43px;
	    font-size: 0.8em;
    }

    #body
    {
    }

    #BodyHeader
    {
	    background-repeat: no-repeat;
	    height: 14px;
    }
    #BodyContent
    {
	    /*background: url("Images/BodyBG.jpg");
	    background-repeat: repeat-y;	
	    padding: 1px 0px 1px 20px;*/
        background-color: #ffffff;
    }

    #BodyFooter
    {
	    /*background: url("Images/BodyFooter.jpg");*/
	    background-repeat: no-repeat;	
	    height: 14px;	
    }

    #footer
    {
	    text-align: center;
	    font-size: 0.6em;
	    height: 20px;
	    /*background: url("Images/PageFooter.jpg");*/
	    background-position: bottom;
	    background-repeat: no-repeat;
    }

    /* --- Table Layouts ----------------------------------------- */
    table
    {}

    .data thead
    {
	    font-weight: bold;	
    }

    .data td
    {
	    padding-left: 10px;	
	    padding-right: 10px;
    }

    .data tr:hover
    {
	    background-color: #dddddd;	
    }

    /*--- Other Styles ------------------------------------------- */
    .error
    {
	    color:Red;	
    }

    .detailLabel {
        font-weight: bold;
        background-color: #DEDEDE;
        /*border-bottom-style: solid;
	    border-bottom-width: 0px;
	    border-bottom-color: #999999;*/
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 4px;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 5px;
    }

    .detailData {
        font-weight: normal;
        background-color: #FFFFFF;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #DEDEDE;
        padding-left: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .FBConvHeader
    {
	    font-weight: bold;
	    background-color: #CCC8B8;
	    border-bottom-style: solid;
	    border-bottom-width: 1px;
	    border-bottom-color: #999999;
	    padding-top: 2px;
	    padding-bottom: 2px;
	    padding-left: 4px;
	    margin-top: 2px;
	    margin-bottom: 2px;
	    margin-left: 5px;
    }
    .listRowHeader 
    {
	    font-size: x-small;
	    background-color: #C0C0C0;

    }

    .listRowHeaderAlt
    {
	    /*background-image: url( 'images/SilverHeader.gif' );*/
	    font-size: 10pt;
	    font-weight:bold;
    }

    .listRowHeaderBasic
    {
	    font-size: x-small;
    }

    .listRowHeaderLight
    {
	    font-size: x-small;
	    background-color: #D8D8D8;

    }

    .listRow
    {
	    font-size: 14px;
	    background-color: #FFFFFF;
    }

    .listRowAlt {
        font-size: 14px;
        background-color: #EDEDEC;
    }

    .listRowConv
    {
	    border-style: solid;
	    border-width: 1px 1px 1px 1px;
	    border-color: #902a25;
	    font-size: small;
	    background-color: #CCC8B8;
    }

    .TLHCTD
    {
	    padding: 5px;
	    border-style: solid none solid none;
	    border-width: 0px 0px 1px 0px;
	    border-color: #902a25;
	    font-size: small; /* background-color: #FFCC99; */
    }

    .LHCTD
    {
	    padding: 5px;
	    border-style: solid none solid solid;
	    border-width: 0px 0px 1px 1px;
	    border-color: #902a25;
	    font-size: small; /* background-color: #FFCC99; */
    }

    .LHCTD a 
    {
	    text-decoration: none;
	    color: #000000;
	    font-weight: bolder;
	
    }

    .MHCTD
    {
	    padding: 5px;
	    border-style: none none solid none;
	    border-width: 0px 0px 1px 0px;
	    border-color: #902a25;
	    font-size: small; /* background-color: #FFCC99; */
    }

    .RHCTD
    {
	    padding: 5px;
	    border-style: none solid solid none;
	    border-width: 0px 1px 1px 0px;
	    border-color: #902a25;
	    font-size: small; /* background-color: #FFCC99; */
    }

    .ConvLVTable
    {
	    border-style: none none none none;
	    border-bottom-width: 0px;
	    border-bottom-color: #000000;
    }

    .ConveyancerFB
    {
	    /*background-color: #FF00FF;*/
	
    }

    .listRowAltConv
    {
	    font-size: small;
	    border-style: solid;
	    border-width: 1px 1px 1px 1px;
	    border-color: #902a25;
	    background-color: #CCC8B8;
    }


    #panel h3
    {
	    font-size: small;
    }
    span.DoubleArrow
    {
        background-image:url('Images/DoubleArrow.gif');
    }
    .btnAccept
    {
        background-image:url('Images/AcceptButton.gif');
        width:20px;
        height:20px;
        cursor: pointer;
        position:relative;
        float:left;
    }

    .btnCancel
    {
        background-image:url('Images/CancelButton.gif');
        width:20px;
        height:20px;
        cursor: pointer;
        position:relative;
        float:left;
    }
    .smallPanelStyleWithCols
    {
        min-height:200px;
        width:95%;
        overflow:auto; 
        border: solid 1px #c3c3c3;
    }

    /* Invoice Checking Classes */
    .alteredInvoiceDetailRow 
    { 	
        /*font-size: x-small;*/
        background-color: #db9d4c; 
    }

    .alteredInvoiceDetailRowNAR
    {
	    /*font-size: x-small;*/
        background-color: #9dc481;
    }

    .acceptedInvoiceDetailRow 
    { 	
        /*font-size: x-small;*/
        background-color: #9dc481; 
    }

    .declinedInvoiceDetailRow
    {
        /*font-size: x-small;*/
        background-color: #99CCFF;
    }

    .outsideCurrentWeekInvDtlRow
    {
		/*font-size: x-small;*/
        background-color: #FF0000;
    }

    .CalendarDayHeader
    {
	    /*background-image: url( 'images/GreyFade.gif' );*/
	    font-size: 8pt;
    }

    .CalendarDayHeader a
    {
	    color: #000000;
    }

    .pager {
        color: #000000;
    }

    .pager a {
        color: #000000;
        font-size: 10pt;
    }

    .WeekNumber
    {
        font-size:xx-large;
        font-weight: bold;
    }
    
    .LTTD
    {
        text-align:left; vertical-align:top;
    }
    
    .GreyPanel
    {
        border-color:Gray;border-width:1px;border-style:Solid;width:280px;
    }
    
    .SearchBG
    {
        background-image:url('Images/SearchBG.jpg');
        background-repeat:no-repeat;
        height:220px;
        width:880px;
    }

    .bBck
    {
	    padding: 7px 5px 5px 15px;
	
	
	    height: 50px;
	    width: 101px;
	
    }

    .bBck a
    {
	    text-decoration: none;
    }

    .bBckLeft
    {
	    background-image: url(      'Images/redButtonBGMediumLeft.jpg' );
	    background-repeat: no-repeat;
	    height: 50px;
	    width: 101px;
	    color: #FFFFFF;
    }

    .bBckLeft a
    {
	    padding-top: 15px;
	    padding-left: 40px;
	    text-decoration: none;
	    color: #FFFFFF;
    }

    .bBckRight
    {
	    background-image: url(       'Images/redButtonBGMedium.jpg' );
	    background-repeat: no-repeat;
	    height: 50px;
	    width: 101px;
	    color: #FFFFFF;
	    float: right;
    }

    .bBckRight a
    {
	    padding-top: 30px;
	    padding-left: 15px;
	    text-decoration: none;
	    color: #FFFFFF;
	    position: relative;
    }

    .bSmallBck
    {
	    background-image: url(     'Images/redButtonBGLong.jpg' );
	    background-repeat: no-repeat;
	    height: 20px;
	    width: 150px;
	    color: #FFFFFF;
	    padding-top: 2px;
	    padding-left: 5px;
    }

    .bSmallBck a
    {
	    text-decoration: none;
	    color: #FFFFFF;
    }

    .IntroLVHeader
    {
	
    }

    .IntroLVHeader a 
    {
	    text-decoration: none;
	    color: #000000;
    }

    .SearchBGSmall
    {
        background-image:url('Images/SearchBGSmall.jpg');
        background-repeat:no-repeat;
        height:110px;
        width:880px;
    }

    .AllocBG
    {
        background-image:url('Images/AllocBG.jpg');
        background-repeat:no-repeat;
        height:113px;
        width:880px;
        margin-top:10px;
    }

    .MainMenuSection
    {
        /*background-image:url('Images/MainMenuBox.jpg');*/
        background-repeat:no-repeat;
        padding-bottom:300px;
        width:295px;
        float:left;
    }    

    .CellTextSmallBold
    {
        font-size:x-small;
        font-weight:bold;
    }

    .infoPoint 
    {
        font-weight:bold;
    }
    .quoteInfoTitle
    {
        font-weight:bold;
    }
    .quoteNote
    {
	    font-style: italic;
    }

    .qInfoCell
    {
	    border-bottom-style: solid;
	    border-bottom-width: 1px;
	    border-bottom-color: #C0C0C0;
	    text-align: left;
	    font-size: x-small;
    }

    .qxInfoCell
    {
    }



        @media Print { .setBreakAvoid {page-break-inside:avoid;} }
        @media Screen { .setBreakAfter {page-break-after:always;} }
        @media Print { .setBreakAfter {page-break-after:always;} }
        @media Print { .setBreakBefore {page-break-before:always;} }


    .QuoteHeadingPrint
    {
	    font-weight: bold;
	    font-size: medium;
	    text-decoration: underline;
    }

    .QuoteHeading2
    {
	    font-weight: bold;
	    font-size: medium;
	    text-decoration: underline;
    }

    .QuoteSubHeading
    {
	    font-weight: bold;
	    font-size: medium;
    }

    .QuoteSubSubHeading
    {
	    font-weight: bold;
    }

    .ScreenQuoteBold
    {
	    font-weight: bold;
    }
    .ScreenQuoteBoldHeading
    {
	    font-weight: bold;
	    font-size: larger;
    }

    .ScreenQuoteBoldUnderline
    {
	    font-weight: bold;
	    font-size: 11pt;
	    text-decoration: underline;
	    color: #000000;
    }

    .ScreenQuoteFootnote
    {
	    font-weight: normal;
	    font-size: small;
	    }
	
	
    .okg
    {
	    background-color: #99CC00;
    }

    .divcenter { /*float: left;*/ }
    
    .sliderHandle img {
        display: none;
    }

    .sliderHandle {
        position: absolute;
        height: 22px;
        width: 10px;
        background-color: #000;
        border-color: #000;
        border-radius: 2px;
        outline: none;
        margin-top: 3px;
    }

    .sliderRail {
        position: relative;
        background: url('../Default/Images/SliderRail.png');
        height: 22px;
        width: 200px;
        outline: none;
    }
    .ajax__calendar_container 
    {
        z-index: 1000;
    }