/*
    This code was created by Don Briggs on 28/11/2012 
*/
body {
    font-family: Arial, Helvetica, Sans-Serif; /*background-color: #ffffff;*/ /*main page colour*/ /*    scrollbar-face-color: #b1dffd;*/ /*bar and button background*/ /*    scrollbar-arrow-color: #000000;*/ /*button arrow*/ /*    scrollbar-track-color: #e6effa;*/ /*background of scroll bar*/ /*    scrollbar-shadow-color: #b1dffd;*/ /*scrollbar-highlight-color: '';     scrollbar-3dlight-color: '';     scrollbar-darkshadow-color: '';*/ /*	text-align:center;*/ /*overflow:hidden;*/
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #ffffff; /*main page colour*/
    scrollbar-face-color: #9cb3cf; /*bar and button background*/
    scrollbar-arrow-color: #3b6eb7; /*button arrow*/
    scrollbar-track-color: #dff2fd; /*background of scroll bar*/
    scrollbar-shadow-color: #9cb3cf; /*scrollbar-highlight-color: '';     scrollbar-3dlight-color: '';     scrollbar-darkshadow-color: '';*/ /*	text-align:center;*/ /*overflow:hidden;*/
    overflow: hidden;
    cursor: default;
}

.colourDB {
    color: #001E79 !important;
}


.backgroundNoColour_grid th {
    font-size: 14px;
}

.backgroundNoColour_grid select {
    font-size: .75em !important;
    margin: .5em !important;
}
.searchMainPanelFull {
    top: 60px;
    left: 5px;
    right: 5px;
    bottom: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}


.searchMainPanelFull_Search {
    top: 140px;
    left: 5px;
    right: 5px;
    bottom: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.DetailsPanel {
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    background-color: #E5E5E5;
    margin: 10px 0px 0px 0px;
    border-radius: 5px;
}


.DetailsPanelNoMargin {
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    background-color: #E5E5E5;
    margin: 0px 0px 0px 0px;
    border-radius: 5px;
}

#splash {
    position: absolute;
    width: 128px;
    height: 148px;
    z-index: 15;
    top: 50%;
    left: 50%;
    margin: -74px 0 0 -64px;
    text-align: center;
}

#divimgbusy {
    position: absolute;
    width: 128px;
    height: 128px;
    z-index: 15;
    top: 50%;
    left: 50%;
    margin: -64px 0 0 -64px;
}

.bigFont {
    font-size: large;
    color: Red;
}

.AlignRight {
    text-align: right;
}

input[type=text]::-ms-clear, input[type=password]::-ms-reveal {
    display: none;
}


.AddressField {
    width: 95%;
}


/*input,*/
textarea, select, .textBoxDdl, .textBox, .textBoxReadOnly, .checkButton, .textWideReadOnly, .textDdlSmall, .textBoxSmall, .textBoxSmallReadOnly, .textBoxDate, .textBoxMini, .textBoxNotes, .textBoxMiniReadOnly, .textDdl li, textDdl ul.li, .textDdlSmall ul.li, #AdminHelp, textBoxSmallerReadOnly {
    background-color: #ebebeb; /* pale blue*/ /*background-color: #fafafa;*/ /* nearly white;*/ /*background-color: #fafcca;*/ /* nearly white;*/
}



span {
    font-weight: bold;
}

.buttonLink {
    border: none;
}

.blueGradient {
}

#MasterHeading, #MasterMainWindow, #MasterFooter, body, .MasterMainWindow {
    z-index: 1;
    bottom: 0px;
}

.blueGradienta, .reportButton1, .reportButton2, .pnlError {
    background: #dff2fd; /*fyi: this is the lighter colour of the two*/
    background: -moz-linear-gradient(top, #9cb3cf, #dff2fd);
    background: -ms-linear-gradient(top, #9cb3cf, #dff2fd);
    background: -o-linear-gradient(top, #9cb3cf, #dff2fd);
    background: -webkit-linear-gradient(top, #dff2fd, #9cb3cf);
    background: linear-gradient(top, #dff2fd, #9cb3cf);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cb3cf', endColorstr='#dff2fd');
    background: -webkit-gradient(linear, 7% 53%, 7% 0%, from(#dff2fd), to(#9cb3cf));
}

.blueGradient, .reportButton1a, .reportButton2a, .pnlErrora {
    background: #9db4cf; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkYjRjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #9db4cf 0%, #ffffff 79%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9db4cf), color-stop(79%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9db4cf 0%,#ffffff 79%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9db4cf 0%,#ffffff 79%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9db4cf 0%,#ffffff 79%); /* IE10+ */
    background: linear-gradient(to bottom, #9db4cf 0%,#ffffff 79%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9db4cf', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.training {
    background: #adb9d3; /*fyi: this is the lighter colour of the two*/
    background: -moz-linear-gradient(top, #ff0000, #adb9d3);
    background: -ms-linear-gradient(top, #ff0000, #adb9d3);
    background: -o-linear-gradient(top, #ff0000, #adb9d3);
    background: -webkit-linear-gradient(top, #adb9d3, #ff0000);
    background: linear-gradient(top, #adb9d3, #ff0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#adb9d3');
    background: -webkit-gradient(linear, 7% 53%, 7% 0%, from(#adb9d3), to(#ff0000));
}

.trainingBottom {
    background: #ff0000;
    background: -moz-linear-gradient(top, #d7ebf8, #ff0000);
    background: -ms-linear-gradient(top, #d7ebf8, #ff0000);
    background: -o-linear-gradient(top, #d7ebf8, #ff0000);
    background: -webkit-linear-gradient(top, #ff0000, #d7ebf8);
    background: linear-gradient(top, #ff0000, #d7ebf8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7ebf8', endColorstr='#ff0000');
    background: -webkit-gradient(linear, 7% 53%, 7% 0%, from(#d7ebf8), to(#ff0000));
}

.training, .trainingBottom {
    /*background-color: red;*/
    position: absolute;
}

.training, .trainingBottom {
    left: 0px;
    right: 0px;
}

.training {
    top: 0px;
    height: 70px;
}

.trainingBottom {
    height: 52px;
    bottom: 0px;
}

.reportButton1:hover, .reportButton2:hover, .blueGradientReverse {
    background: #9cb3cf; /*fyi: this is the lighter colour of the two*/
    background: -moz-linear-gradient(top, #dff2fd, #9cb3cf);
    background: -ms-linear-gradient(top, #dff2fd, #9cb3cf);
    background: -o-linear-gradient(top, #dff2fd, #9cb3cf);
    background: -webkit-linear-gradient(top, #9cb3cf, #dff2fd);
    background: linear-gradient(top, #dff2fd, #9cb3cf);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff2fd', endColorstr='#9cb3cf');
    background: -webkit-gradient(linear, 7% 53%, 7% 0%, from(#9cb3cf), to(#dff2fd));
}

.redGradient {
    background: #FED4D4; /*fyi: this is the lighter colour of the two*/
    background: -moz-linear-gradient(top, #ff0000, #FED4D4);
    background: -ms-linear-gradient(top, #ff0000, #FED4D4);
    background: -o-linear-gradient(top, #ff0000, #FED4D4);
    background: -webkit-linear-gradient(top, #FED4D4, #ff0000);
    background: linear-gradient(top, #FED4D4, #ff0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#FED4D4');
    background: -webkit-gradient(linear, 7% 53%, 7% 0%, from(#FED4D4), to(#ff0000));
}

.backgroundPopup, .backgroundDarkGrey {
    background-color: #DAEDF9;
    color: Black;
}

.backgroundNoColour {
    color: Black;
}


.buttonClose:hover, .buttonSorted, .tabAddButton:hover, .calendarCell:hover {
    background: #f28383;
    background: -moz-linear-gradient(top, #f28383, #ff0000);
    background: -ms-linear-gradient(top, #f28383, #ff0000);
    background: -o-linear-gradient(top, #f28383, #ff0000);
    background: -webkit-linear-gradient(top, #f28383, #ff0000);
    background: linear-gradient(top, #f28383, #ff0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f28383', endColorstr='#ff0000');
    background: -webkit-gradient(linear, 7% 53%, 7% 0%, from(#f28383), to(#ff0000));
    border: solid 1px #000000;
}

.greenButton:hover, .addButton:hover {
    background-color: #AEE312;
    background: -moz-linear-gradient(top, #d4ff55, #AEE312);
    background: -ms-linear-gradient(top, #d4ff55, #AEE312);
    background: -o-linear-gradient(top, #d4ff55, #AEE312);
    background: -webkit-linear-gradient(top, #d4ff55, #AEE312);
    background: linear-gradient(top, #d4ff55, #AEE312);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4ff55', endColorstr='#AEE312');
}

.greenLink:hover {
    color: #d4ff55;
}


#MasterHeading, .heading {
    font-size: 32px;
}

.helpHeading {
    font-size: 28px;
}


html, body, form, .fullHeight {
    height: 100%;
}

#lowerHeader {
    position: absolute;
    top: 45px;
    left: 5px;
    right: 5px;
    height: 34px; /*width:99%;*/ /*border:solid 1px #000000;*/
    overflow: hidden; /*overflow-x:auto;*/
}

.colV1, .colV2, .colV3, .colV4, .colV5, .colV6 {
    /*float: left;*/ /*height: 14px;*/
}

    .colV2 .colV4, .colV6 {
        width: 100px;
    }

.colV1, .colV3, .colV5 {
    text-align: right;
    width: 150px;
}

#wrapper {
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    float: left;
}

#wrapper, #LeftWrapper, #RightWrapper, .LeftWrapper, .RightWrapper {
    margin: 0px 0px 0px 0px;
}

#LeftWrapper, .LeftWrapper {
    position: absolute;
    top: 120px;
    left: 3px;
    bottom: 51px; /*width:100px;*/ /*border:solid 2px #ff0000;*/
    float: left;
    border-radius: 20px;
    display: none;
    z-index: 9999;

}

#RightWrapper, .RightWrapper {
    position: absolute;
    top: 71px;
    right: 3px;
    bottom: 51px; /*width:100px;*/ /*border:solid 2px #ff0000;*/
    float: left;
    border-radius: 20px;
    display: none;
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: auto;
}

#PageWrapper {
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    height: 100%;
}


#mainSubWindow {
    position: absolute;
    top: 100px;
    bottom: 5px;
    left: 10px;
    right: 10px; /*margin: 40px 0px 0px 0px;*/
    border: solid 1px #000000;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px; /*overflow-y: auto;     overflow-x: hidden;*/
    overflow: hidden;
}

#TreeWindow {
    position: absolute;
    top: 70px;
    bottom: 5px;
    left: 0px;
    right: 0px;
    border: solid 1px #000000;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
    overflow-y: auto;
    overflow-x: hidden; /*overflow:hidden;*/
}

#mainUpperSubWindow {
    position: absolute;
    top: 1.5%;
    bottom: 2%;
    left: 0%;
    right: 0%;
    margin: 0px 0px 0px 0px;
    overflow-y: auto;
    overflow-x: hidden;
}

#mainSubWindow3 {
    position: relative;
    width: 99%;
    left: 0%;
    right: 0%;
    margin: 0px 0px 0px 0px;
    float: none;
}



#mainSubWindow2 {
    position: relative;
    width: 99%;
    left: 0%;
    right: 0%;
    top: 280px;
    height: 250px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.mainSearchWindow2 {
    position: absolute;
    width: 99%;
    left: 0%;
    right: 0%;
    top: 300px;
    bottom: 2%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px;
    margin: 0px;
}

.bordered {
    margin: 10px 0px 0px 0px;
    border-top: solid 1px #000000;
}


#mainSubWindow3 {
    overflow-x: hidden;
    overflow-y: auto;
}

.mainSearchWindow2 table {
    left: 0%;
    right: 0%;
}

#mainSubWindow3 {
    position: relative;
    width: 99%;
    left: 0%;
    right: 0%;
    top: 10px;
    height: 50px;
    overflow-x: hidden;
    overflow-y: auto;
}

.mainSubWindowLarge {
    position: absolute;
    top: 0%;
    bottom: 1%;
    left: 0%;
    right: 0%;
    margin: 0px 0px 0px 0px;
}


#MasterHeading {
    font-weight: bold;
    text-align: left;
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    height: 60px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#MasterHeadingInner {
    position: absolute;
    top: 25px;
    left: 10px;
    right: 10px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#StatementHeadingLeft {
    position: absolute;
    top: 50%;
    bottom: 0%;
    left: 0%;
    right: 50%;
}

#StatementHeadingRight {
    float: left;
    position: absolute;
    top: 5px;
    bottom: 0px;
    height: 25px;
    right: 10px;
    text-align: right;
    overflow: hidden;
}

#MasterMainWindow, .MasterMainWindow {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 71px;
    left: 3px;
    right: 3px;
    bottom: 51px;
    border-radius: 20px;
    float: left;
}


#MasterMainWindowNoPadding, .MasterMainWindowNoPadding {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 71px;
    left: 0px;
    right: 0px;
    bottom: 51px;
    border-radius: 20px;
    float: left;
}

#MasterMainWindowNew, .MasterMainWindowNew {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    float: left;
}

#MasterMainWindowNewNoButtons, .MasterMainWindowNewNoButtons {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 0px;
    left: 3px;
    right: 3px;
    bottom: 0px;
    border-radius: 20px;
    float: left;
}


#MasterMainWindowFrame, .MasterMainWindowFrame {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 122px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    float: left;
}

#ReportMainWindow {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 41px;
    left: 3px;
    right: 3px;
    bottom: 91px;
    border-radius: 20px;
}

#MasterFooter {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    left: 3px;
    right: 3px;
    height: 40px;
    bottom: 3px;
    border-radius: 15px;
}

#MasterFooterNew {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    left: 3px;
    right: 3px;
    height: 40px;
    bottom: 3px;
    border-radius: 10px;
}



#MasterFooterButtonsRight, #MasterFooterButtonsLeft {
    position: absolute;
    bottom: 7px;
}

#MasterFooterButtonsRight {
    float: right;
    right: 5px;
}

#MasterFooterButtonsLeft {
    float: left;
    left: 5px;
}



#MasterFooterMessage {
    float: right;
    position: absolute;
    top: 1%;
    right: 1%;
}


#footerButtons {
    position: absolute;
    bottom: -21.5%;
    left: 2%;
    width: 300px;
}

#menuScreen {
    width: 100%;
    float: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.repeater {
    border: solid 1px #000000;
}





.footerWindow {
    margin: 0px 0px 0px 0px;
    position: absolute;
    bottom: 1%;
    right: 1%;
}

#footerButtons {
    float: right;
    margin: 10px 10px auto 0px;
}

#footerButtonSearch {
    margin: 2px auto 0px auto;
}

#h3 {
    font-weight: bold;
}

#h4 {
    font-weight: bold;
    position: relative;
    padding: 0px 0px 0px 20px;
    margin: 0px;
}

.button, .searchButton, .buttonClose, .greenButton, .buttonRed {
    width: 120px;
}

.buttonWide, .buttonWideDisabled {
    width: 200px;
}

.buttonSmall {
    width: 60px;
    font-size: 10px;
}


.buttonSmallWide {
    width: 100px;
    font-size: 10px;
}

.buttonYesNo {
    width: 40px;
    font-size: 10px;
}

.buttonNarrow {
    width: 60px;
}

.button, .buttonClose, .greenButton, .buttonSmall, .buttonSmallWide, .buttonWide, .buttonnowidth, .buttonNarrow, .button:hover, .buttonSelection, .greenLink, .buttonYesNo, .buttonRed {
    cursor: pointer;
}

.buttonWideDisabled {
    color: gray;
    cursor: default;
}

.buttonRed {
    border: outset 3px #ff002a;
}



.buttonClose:hover, .greenButton:hover {
}


.splitterBarHorizontal {
    background: url(../image/bgSplitter.gif) repeat;
    height: 2px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; /*float: left;*/
}

div.col0 {
    width: 100px; /*float: left;*/
}

div.col1 {
    width: 100px; /*float: left;*/
}

div.col2 {
    width: 95px;
    padding-left: 300px;
}

div.col3 {
    width: 120px;
    padding-left: 70px;
}

.row {
    height: 30px;
    width: 800px;
}

.answerSearch {
    width: 200px;
}

.questionSearch {
    padding: 0px 0px 3px 10px;
    height: 25px;
    width: 90px;
    font-weight: bold;
}

.questionSearch_NoWidth {
    padding: 0px 0px 3px 10px;
    height: 25px;
}


.question, .answer {
}

td.answer, td.answerSmall {
}

td.answer {
    width: 300px;
}

td.answerSmall {
    width: 160px;
}

td.answerSmaller {
    width: 70px;
}

.notes {
    padding: 0px 0px 0px 10px;
}


.highlightSelect, .highlightSelectBatch, .highlightSelectNoPointer, .columnSmall, .columnDate, .columnName, .columnOther, .columnOtherWide, .columnSuperWide, .columnVerySmall, .columnVeryWide, .columnSmaller, .columnSmallDdl, .columnNameWider, .noHighlight {
    float: left;
    overflow: hidden;
}

    .highlightSelect:hover, .evenRowhighlightSelect:hover, .highlightReport:hover, .accText:hover, .oddRowhighlightSelect:hover {
        background-color: #2A7FFF;
        cursor: pointer;
        color: White;
    }

    .highlightSelectNoPointer:hover, oddRowhighlightSelectNoPointer:hover, .evenRowhighlightSelectNoPointer:hover {
        background-color: #2A7FFF;
        color: White;
    }

.RowItem:hover {
    background-color: #2A7FFF;
    cursor: pointer;
    color: White !important;
}

/*.highlightSelectedRow
{
    float: left;
    overflow: hidden;
    color: #ffffff;
    background-color: #2A7FFF;
        border-collapse: collapse;

}*/
.accText:hover {
    color: #ffffff;
}

.columnVerySmall {
    width: 60px;
}

.columnSmaller {
    width: 75px;
}

.columnSmall {
    width: 100px;
}

.columnDate {
    width: 110px;
}

.columnOther {
    width: 120px;
}

.columnOtherWide {
    width: 140px;
}

.columnSmallDdl {
    width: 118px;
}

.columnName {
    width: 170px;
}

.columnNameWider {
    width: 200px;
}

.columnSuperWide {
    width: 400px;
}

.columnVeryWide {
    width: 520px;
}

.oddRow, .evenRow, .oddRowPointer, .evenRowPointer, .evenRowhighlightSelect, .evenRowhighlightSelectNoPointer, .oddRowhighlightSelect, .oddRowhighlightSelectNoPointer {
    border-collapse: collapse;
    font-size: 14px !important;
}

.oddRowPointer, .evenRowPointer {
    cursor: pointer;
}

.oddRow, .evenRow, .highlightSelectNoPointer, .evenRowhighlightSelect, .evenRowhighlightSelectNoPointer, .oddRowhighlightSelect, .oddRowhighlightSelectNoPointer {
    cursor: default;
}


.oddRow, .oddRowPointer, .oddRowhighlightSelect, .oddRowhighlightSelectNoPointer {
    background-color: #8aa1c4;
}

.evenRow, .evenRowPointer, .evenRowhighlightSelect, .evenRowhighlightSelectNoPointer {
    background-color: White;
}

.oddRowPopup, .oddRowPointerPopup {
    background-color: #999999;
}

evenRowPopup, .evenRowPointerPopup {
    background-color: #a3a3a3;
}


.totalRow, .totalRowReport {
    background-color: #c3c3c3;
    color: #ff0000;
    font-weight: bold;
    border: solid 1px #000000;
}

.totalRowReport {
    margin-bottom: 10px;
}

.highlightRow {
    background-color: #ff0000;
    color: #ffffff;
}

.highlightSelectBatch {
    background-color: #FFFF7F; /*color: #ffffff;*/
    font-size: 14px !important;
}

.decimalHeading, .decimal {
    margin-right: 10px;
}

.decimalHeading {
    text-align: right;
}

.decimal {
    text-align: right;
}

.repeaterHeadingOuter, #repeaterHeadingOuter1, #repeaterHeadingOuter2, #repeaterHeadingOuter3 {
    width: 100%;
    border: solid 1px #000000;
    overflow: hidden;
}

.repeaterHeading2, .repeaterHeadingTree {
    float: none;
    font-weight: bold;
    line-height: 22px;
    vertical-align: middle;
}

.repeaterHeading {
    float: none;
    font-weight: bold;
    vertical-align: middle;
    line-height: 15px;
}

.repeaterHeadingTree {
    width: 100%;
    border-bottom: solid 1px #3b6eb7;
}

.repeaterHeading2 {
    width: 98%;
}

.repeater, .repeater2 {
    /*height: 95%;*/
    float: none;
    width: 100%;
    border: none;
    overflow-x: hidden;
    overflow-y: auto;
}

.firstColumn {
    padding-left: 4px;
}

.firstColumnTreeView {
    padding-left: 25px;
}

#busyDiv {
    height: 24px;
    width: 25px;
    float: right;
    margin-right: 50px;
    color: Red;
    position: absolute;
    top: 0%;
    right: 1%;
    height: 25px;
}

#alertDiv {
    height: 24px;
    width: 25px;
    float: right;
    margin: 12px 0px 0px 0px;
}

.red {
    color: #ff0000;
    font-size: small;
}

.RedBackground {
    background-color: Red;
}

.subscript, superscript {
    font-size: 8px;
}

subscript {
    vertical-align: sub;
}

superscript {
    vertical-align: super;
}

.normal {
    color: #000000;
}

#updateMessage {
    color: red;
    padding: 5px 0px 0px 10px;
}

.padd10Left {
    padding-left: 10px;
}


.searchPanel {
    width: 100%;
    border-bottom: solid 2px #3b6eb7;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    text-align: center;
}

.menuList {
    margin: 0px auto 0px auto;
    padding: 10px 0px 0px 0px;
    text-align: left; /*position:absolute;     left:100px;*/ /*right:100px;*/ /*top:10px*/
}

.menuPanel {
    height: 220px;
}



.buttonSelection {
    width: 250px;
}

#DateHolderReports {
    padding: 0px 0px 0px 200px;
}

#DateHolder {
    padding: 0px 0px 0px 20px;
}

.textReadonly {
    border: none;
}

#DateHolder {
    float: none;
}

#DateFrom, #DateTo, #GoButton {
    margin: 0px 10px 0px 25px;
}

.treeViewColumn {
    width: 130px;
}

.treeViewDiv {
    overflow: auto;
    position: absolute;
    top: 23px;
    bottom: 0px;
    float: none;
    width: 100%;
    overflow-x: hidden;
}

.treeView {
    cursor: pointer;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    width: 100%; /*overflow: hidden;*/
}

.columnSmallTreeView, .columnDateTreeView, .columnNameTreeView, .columnOtherTreeView, .columnOtherWideTreeView, .columnSuperWideTreeView, .columnSmallerTreeView {
    overflow: hidden;
    float: left;
}

.columnSmallTreeView {
    width: 80px;
}

.columnSmallerTreeView {
    width: 70px;
}

.columnDateTreeView {
    width: 90px;
}

.columnOtherTreeView {
    width: 150px;
}

.columnOtherWideTreeView {
    width: 140px;
}

.columnNameTreeView {
    width: 165px;
}

.columnSuperWideTreeView {
    width: 200px;
}

.headerLine, .headerLineMini {
    font-weight: bold;
}

.headerLineMini {
    font-size: 14px;
    text-align: left;
}

.highlightRow111 {
    background-color: #ff0000;
    color: #ffffff;
    font-size: 16px !important;
}

.calendar {
    /*font-family: Arial, Helvetica, Sans-Serif;*/
}

    .calendar .ajax__calendar_container /*main background*/ {
        background-color: #e6effa;
        border: solid 1px #000000;
        height: auto;
    }

    .calendar .ajax__calendar_title /*header*/ {
        position: absolute;
        top: 4px;
        left: 20px;
        background-color: #e6effa;
        height: 20px;
        width: 140px;
        color: #000000;
        padding: 0px;
        margin: 0px;
    }

    .calendar .ajax__calendar_today /*todays date at the bottom of the box*/ {
        text-align: left;
        font-weight: bold;
    }


calendar .ajax__calendar_footer {
}

.calendar .ajax__calendar_days table {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

/*The day background including day headers*/
.calendar .ajax__calendar_days td {
    color: #000000;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
    border: solid 1px #ffffff;
    font-weight: bold;
}

.calendar .ajax__calendar_day {
    color: #000000; /* normal day */
    background-color: #e6effa;
    text-align: center;
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 17px;
}

.calendar .ajax__calendar_other .ajax__calendar_day {
    color: #ffffff; /* day not in this month */
    background-color: #ffffff;
    display: none;
}

.calendar .ajax__calendar_day .ajax__calendar_selectedday {
    background-color: #ffffff;
    color: red;
}

.calendar .ajax__calendar_active .ajax__calendar_day /*current selected day*/ {
    background: #ff0000 url("../image/redBar.gif") repeat-x;
    color: #ffffff;
    font-weight: bold;
}

.smallButton {
    height: 18px;
    width: 75px;
    font-size: 8px;
    float: right;
}

.ImageButton {
    height: 18px;
    width: 18px;
    vertical-align: bottom;
}

.LocationDdl {
    padding: 0px 0px 0px 60px;
}


.backgroundDarkGrey, .backgroundNoColour {
    font-size: 14px;
}



.unavailable {
    height: 200px;
    width: 900px;
    text-align: center;
    color: Red;
    font-size: 30px;
    font-weight: bold;
}

.headerWindow div, .inputForm div {
    padding-left: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.headerTableUser div {
    float: right;
    padding: 0px;
    margin: 0px 5px 0px 0px;
}

.headerTableUser {
    float: right;
    padding: 0px 5px 0px 0px;
    margin: 0px 5px 10px 0px;
}

.small {
    font-size: 9px;
}

.checkButton {
}

.textBoxDdl, .textBox, .textBoxReadOnly, .checkButton, .textWideReadOnly, .textDdlSmall, .textBoxSmall, .textBoxSmallReadOnly, .textBoxDate, .textBoxMini, .textBoxNotes, .textBoxMiniReadOnly, .textDdl li, textDdl ul.li, .textDdlSmall ul.li {
}

.textBoxDdl, .textBoxDdlSmall {
    font-size: small;
}

.textBoxDdl {
    width: 200px;
}

.textBoxDdlSmall {
    width: 150px;
}

.textBox, .textBoxReadOnly {
}

.textBoxNotes {
    width: 90%;
}

.textBoxReadOnly, .textBoxSmallReadOnly, .textWideReadOnly, .textBoxMiniReadOnly, .textBoxSmallerReadOnly {
    background: transparent;
    border: none;
}

.biggerAndBolder {
    font-size: 15px;
    font-weight: bold;
}


.searchTable {
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    background-color: #E5E5E5;
    margin: 10px auto 0px auto;
    width: 647px;
    border-radius: 10px;
}

.posSearchTable {
    border-width: 2px;
    border-style: solid;
    border-color: Gray;
    background-color: #E5E5E5;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 10px;
    margin: 10px auto 0px auto;
    padding: 0px 10px 5px 10px; /*width: 900px;*/ /*overflow:auto;*/
}

/*popup user control*/

.opacity, .modalBackground {
    background-color: black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */
    filter: alpha(opacity=60); /* IE 5-7 */
    -moz-opacity: 0.6; /* Netscape */
    -khtml-opacity: 0.6; /* Safari 1.x */
    opacity: 0.6; /*All others*/
}



.modalPopup {
    width: 550px;
}

.modalPopupWide {
    width: 700px;
}

.modalPopup, .modalPopupWide {
    border-width: 2px;
    border-style: solid;
    border-color: #001E5B;
    border-radius: 5px;
    text-align: left;
    max-height: 600px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
}

.popupTable {
    position: absolute;
    top: 40px;
    left: 2%;
    width: 95%;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 405px;
    padding: 10px 0px;
}

.popupTableButtons, .popupTableButtons_email {
    bottom: 1%;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
    background-color: #001E5B;
}

.popupTableHeader, .popupTableHeader_email {
    top: 1%;
    background-color: #001E5B;
    color: White;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
}

.TableHeader {
    background-color: #001E5B;
    color: White;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
    width: 100%;
    height: 35px;
    margin-top: 10px;
    padding: 5px 0px 0px 5px;
}

#NotesPanelBatch {
    position: absolute;
    bottom: 60px;
    left: 0px;
}

.popupTableHeader, .popupTableButtons {
    position: absolute;
    left: 1%;
    width: 97.5%;
    border: solid 1px #000000;
    height: 35px;
}

.popupTableButtons_email {
    width: 97.5%;
    border: solid 1px #000000;
    height: 35px;
}
.popupTableHeader_email {
    width: 97.5%;
    border: solid 1px #000000;
    height: 35px;
}
.mandatoryColumn {
    min-width: 5px;
    padding-top: 7px;
    vertical-align: text-top;
    color: red;
}

.inputColumn {
    width: 150px;
}

.inputColumnWide {
    width: 400px;
}

.textDdl, .textDdlSmall {
}

.text {
    width: 300px;
}

.textBox, .textBoxReadOnly, .textWideReadOnly, .textBoxSmall, .textBoxSmallReadOnly, .textBoxMini, .textBoxDate, .textBoxNotes, .textBoxMiniReadOnly {
    /*font-family: Arial, Helvetica, Sans-Serif;*/
}

.textWideReadOnly {
    width: 600px;
}

.questionReadOnly {
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
}

.textDdl {
    padding-right: 0px;
    width: 305px;
}

.textDdlSmall {
    padding-right: 0px;
    width: 120px;
}


.textBoxSmall, .textBoxSmallReadOnly {
    width: 150px;
}

.textBoxSmallerReadOnly {
    width: 70px;
    text-align: right;
}

.textBoxDate {
    width: 110px;
    float: left;
    margin-right: 5px;
}

.question, .questionEditInvoice {
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
}

.questionEditInvoice {
    width: 100px;
}

#upperWindowLogin {
    border: solid 3px #3b6eb7;
    position: absolute;
    top: 0.25%;
    height: 60%;
    left: 0.5%;
    right: 0.5%;
    margin: 00px 0px 0px 0px;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
    border-bottom-left-radius: 17px;
    z-index: initial;
}



.upperWindow {
    position: absolute;
    top: 0px;
    height: 120px;
    left: 0px;
    right: 0px;
    margin: 5px 0px 0px 0px;
}

.fontSmall {
    font-size: small !important;
}

.upperWindowInner {
    margin: 0 1px 0 0;
    overflow: hidden;
    width: 700px;
}

#lowerWindow {
    position: absolute;
    top: 130px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    float: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 17px;
    border-bottom-left-radius: 17px;
    z-index: 2; /*required to keep list on top*/
}

#TabButtons {
    height: 28px;
}

.menuFont {
    font-size: medium;
}

.lowerInnerWindow {
    border: solid 2px #354A5F;
    position: absolute;
    left: 2px;
    right: 2px;
    top: 25px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    border-bottom-right-radius: 17px;
    border-bottom-left-radius: 17px;
    z-index: -1; /*required for tab button bottom line*/
    padding: 0px 0px 0px 0px;
}

.lowerInnerWindowMain {
    border-top: solid 2px #354A5F;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 25px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: -1; /*required for tab button bottom line*/
    padding: 0px 0px 0px 0px;
}


.innerLowerInnerWindow {
    padding: 0px 0px 0px 0px;
    position: absolute;
    width: 100%;
    left: 0%;
    top: 27px;
    bottom: 5%;
    overflow-x: hidden;
    overflow-y: auto;
}

.tabButtonSelected, .tabAddButton {
    float: left;
    margin: 0px 2px 0px 0px;
    height: 21px;
    min-width: 50px;
    border: solid 2px #354A5F;
    background: #9cb3cf;
    z-index: 1;
}

.tabButton {
    float: left;
    margin: 0px 2px 0px 0px;
    height: 18px;
    min-width: 50px;
    border-top: solid 2px #354A5F;
    border-left: solid 2px #354A5F;
    border-right: solid 2px #354A5F;
    background: #9cb3cf;
    z-index: 1;
}


.tabButton, .tabAddButton {
    font-weight: bold;
    padding: 5px 5px 0px 5px;
}

.tabButtonSelected {
    border-bottom: none;
    font-weight: bold;
    padding: 5px 5px 0px 5px;
    background-color: #9DB4D0;
}

.tabButton:hover {
    cursor: pointer;
    color: White;
    background-color: #354A5F;
}

.tabAddButton {
}

    .tabAddButton:hover {
        cursor: pointer;
        border-color: #ff0000;
        background-color: #ff0000;
        color: #ffffff;
    }

.addButton {
    height: 20px;
    width: 20px;
}


.helpButton {
    height: 10px;
    width: 10px;
    padding-right: 10px;
}

.hide {
    display: none;
}

/*AutoComplete flyout */
.autocomplete_completionListElement {
    margin: 0px !important;
    background-color: #ffff99;
    border: buttonshadow;
    border-width: 2px;
    border-style: double;
    border-color: #3b6eb7;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 0px 0px 5px 5px;
    cursor: default;
    overflow: auto;
    max-height: 180px;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
    background-color: #e6effa;
    padding: 1px;
    font-weight: bold;
}

/* AutoComplete item */
.autocomplete_listItem {
    background-color: #ffff99;
    padding: 1px;
}

.mainStatementWindow {
    position: absolute;
    top: 55px;
    bottom: 52%;
    left: 10px;
    right: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

/*.mainInvoiceWindow
{
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: 1%;
    bottom: 1%;
    left: 1%;
    right: 1%;
    overflow-x: hidden;
    overflow-y: auto;
}*/

.panelTop, .panelMiddle, .panelTopPartInvoice, .panelBottomPartInvoice {
    position: absolute;
    left: 0px;
    right: 0px;
}
/*style for a two part page*/
.panelTopPartInvoice {
    border-bottom: none;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    top: 0%;
    bottom: 10%;
    overflow-x: hidden;
    overflow-y: auto;
}

.panelBottomPartInvoice {
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    top: 90%;
    bottom: 0%;
}
/*style for a three part page*/
.panelTop {
    border-bottom: none;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    top: 0%;
    bottom: 66%;
}

.panelMiddle {
    position: absolute;
    top: 50%;
    bottom: 45px;
    left: 10px;
    right: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.panelBottom {
    position: absolute;
    top: 55px;
    bottom: 50px;
    left: 10px;
    right: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.innerStatementWindow1, .innerStatementWindow2, .innerStatementWindow3 {
    position: absolute;
    top: 36px;
    bottom: 0px;
    left: 0px;
    overflow-y: auto;
    right: 0px;
    overflow-x: hidden;
    border-collapse: collapse;
}

.innerStatementWindow3 {
    bottom: 8px;
}



.tabPanelHeader {
    position: absolute;
    top: 8px;
    left: 0px;
    right: 0px;
    height: 20px;
    overflow: hidden;
}

.tabPanelFullTab {
    position: absolute;
    top: 8px;
    left: 0px;
    right: 0px;
    bottom: 0px; /*height: auto;*/
    overflow-x: hidden;
    overflow-y: auto;
}

.tabPanelData {
    position: absolute;
    top: 16px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow-y: auto;
    overflow-x: hidden;
}

.panelheader {
    font-weight: bold;
    padding: 0px 0px 0px 10px; /*font-size: larger;*/
}

.panelTopHalf select option {
    background: #dff2fd;
}

.popupTable select option, .popupTable2 select option {
    background: #e3e3e3;
}

.popupTable2 {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 45px 0px 10px 0px;
    width: 545px;
    height: 365px;
}


.popupTable3 {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 45px 0px 10px 0px;
    width: 545px;
    height: 395px;
}

.listingHeader {
    position: absolute;
    top: 0px;
    height: 35px;
    left: 0px;
    right: 0px;
    overflow: hidden;
}

.invoiceData {
    position: absolute;
    top: 18px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow-x: hidden;
    overflow-y: auto; /*padding: 0px 3px 0px 0px;*/
}

.listingHeader_Search {
    position: absolute;
    top: 5px;
    height: 35px;
    left: 0px;
    right: 0px;
    overflow: hidden;
}

.invoiceData_Search {
    position: absolute;
    top: 23px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow-x: hidden;
    overflow-y: auto; /*padding: 0px 3px 0px 0px;*/
}

.reportBoxOuter {
    overflow-x: hidden;
    overflow-y: auto;
    border: solid 2px #3b6eb7;
    position: absolute;
    top: 19px;
    bottom: 15px;
    left: 100px;
    right: 5px;
    padding: 5px 5px 5px 5px;
}

.mooringBoxOuter {
    position: absolute;
    top: 60px;
    height: 60%;
    width: 750px;
    border-width: 2px;
    border-style: inset;
    border-color: #e1e1e1;
}

.tariffBoxOuter {
    border-width: 2px;
    border-style: inset;
    border-color: #e1e1e1;
    overflow-x: hidden;
    overflow-y: auto;
    height: 150px;
}

.tariffBoxInnerHeader, .tariffBoxInnerData {
    width: 100%;
}

.mooringBoxInnerData {
    width: 100%;
    height: 87%;
    overflow-x: hidden;
    overflow-y: auto;
}

.tariffBoxInnerHeader {
    height: 18px;
}

.tariffBoxInnerData {
    overflow-x: hidden;
    overflow-y: auto;
}

.popupBoxOuter {
    border-width: 2px;
    border-style: solid;
    border-color: #e1e1e1;
    width: 650px;
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

.popupBoxOuter_emails {
    border-width: 2px;
    border-style: solid;
    border-color: #e1e1e1;
    width: 655px;
    height: 155px;
    overflow-y: auto;
    overflow-x: hidden;
}

.popupBoxInnerHeader, .popupBoxInnerData {
    width: 100%;
}

.popupBoxInnerData {
}

.popupBoxInnerHeader {
    height: 18px;
}


.answerSearchMini {
    width: 140px;
}

.questionSearchMini {
    padding: 0px 0px 3px 10px;
    font-weight: bold;
}


.textBoxMini {
    width: 120px;
}

.contextMenu {
    display: none;
    position: absolute;
    right: 40px;
    bottom: 120px;
    border: solid 2px #ff0000;
    background-color: #dddddd;
}

.buttonEllipses {
    height: 19px;
    width: 22px;
    border: none;
    cursor: pointer;
    background: #000000 url("../image/ellipses.png") no-repeat;
}

#Trigger {
}

    #Trigger:hover .contextMenu {
        display: none;
    }

.menuItems {
    list-style-type: none;
    padding: 4px 0px 0px 4px;
    margin: 0px;
}

    .menuItems li {
    }

        .menuItems li:hover {
            background-color: #9cb3cf;
            cursor: pointer;
        }


/* FALSE POPUP STUFF */
.falseOuterPanel {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px; /*width: 100%;     height: 100%;*/
}

.invoiceTableHeader {
    position: absolute;
    left: .5%;
    right: .5%;
    top: 0%;
    border: solid 1px #000000;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
    height: 30px;
}

.falsePopupTableHeader {
    margin: 5px 0px 10px 0px;
    padding: 5px 5px 5px 5px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 8px #888;
    background-color: #001E5B;
    color: White;
}


.falsePopupTableHeader_DataMan {
    margin: 5px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 8px #888;
    background-color: #001E5B;
    color: White;
}

.falsePopupTableHeader_Filter {
    margin: 5px 5px 10px 0px;
    padding: 5px 5px 5px 5px;
    border: solid 1px #0712A9;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 8px #888;
    border-radius: 5px;
    background-color: #001E5B;
    color: White;
}

.falsePopupTableHeader_NoBorderTop {
    margin: 5px 5px 10px 5px;
    padding: 5px 5px 5px 5px;
    border: solid 1px #0712A9;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 8px #888;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #001E5B;
    color: White;
}


.falsePopupTableHeader_NoBorderTop1 {
    margin: 5px 5px 10px 5px;
    padding: 0px 5px 5px 5px;
    border: solid 1px #0712A9;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 8px #888;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #001E5B;
    color: White;
}

.falsePopupTableHeader1 {
    margin: 0px 5px 10px 5px;
    padding: 2px 5px 5px 5px;
    border: solid 1px #0712A9;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 8px #888;
    border-radius: 0px 0px 5px 5px;
    background-color: #001E5B;
    color: White;
}

.invoiceMiddlePanel, .listingMiddlePanel, .listingMiddlePanel_ViewBatch, .searchMiddlePanel, .searchMainPanel, .searchLowerPanel, .searchMainPanelShort, .receiptMiddlePanel, .viewBatchPanel, .searchMainPanelFull, .searchMainPanelFull_Search {
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    border: solid 1px #000000;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
}

.invoiceMiddlePanel {
    top: 65px;
    left: 10px;
    right: 10px;
    bottom: 180px;
}

.listingMiddlePanel {
    top: 85px;
    left: 10px;
    right: 10px;
    bottom: 80px;
}

.listingMiddlePanel_ViewBatch {
    top: 85px;
    left: 10px;
    right: 10px;
    bottom: 120px;
}

.viewBatchPanel {
    left: 10px;
    right: 10px;
    bottom: 50px;
    height: 50px;
}

.receiptMiddlePanel {
    top: 100px;
    left: 10px;
    right: 10px;
    bottom: 70px;
}


.receiptTopPanel {
    position: absolute;
    top: 50px;
    left: 10px;
    right: 10px;
    height: 30px;
}



.searchMiddlePanel {
    top: 50px;
    left: 0px;
    right: 0px;
    bottom: 15px;
}

.searchMainPanel {
    top: 210px;
    left: 5px;
    right: 5px;
    bottom: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.searchMainPanelShort {
    top: 110px;
    left: 5px;
    right: 5px;
    bottom: 120px;
    overflow-x: hidden;
    overflow-y: auto;
}

.searchLowerPanel {
    bottom: 10px;
    left: 5px;
    right: 5px;
    height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #FFFFFF;
}

.falsePopupTableButtons_old {
    position: absolute;
    left: 0px;
    right: 10px;
    bottom: 5px;
    height: 35px; /*width: 98%;*/
    border: solid 1px #000000;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
    margin: 5px 0px 0px 7px;
}


.falsePopupTableButtons {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 35px;
    background-color: #DFDFDF;
    border-top: 1px solid #AAAAAB;
    padding: 2px 5px 0px 5px;
}

.falsePopupTableHeaderText {
    font-size: 14px;
    font-weight: bold;
}

.falsePopup {
    width: 95%;
}


.falsePopup {
    padding: 1% 1% 1% 1%;
    margin: 1% 0px 2% 1%;
    border-width: 4px;
    border-style: double;
    border-color: #3b6eb7;
    border-radius: 7px;
    text-align: left;
    max-height: 90%;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
}

.falsePopupTable {
    overflow-x: auto;
    overflow-y: auto;
    margin: 2px auto 0px auto;
}

.falsePopupTable123 {
    overflow-x: visible;
    overflow-y: visible;
    margin: 2px auto 0px auto;
}

.DetailPane {
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    background-color: #E5E5E5;
    margin: 10px auto 0px auto;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 10px;
}


.DetailPane_GrayBg {
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    background-color: #E5E5E5;
    margin: 10px auto 0px auto;
    padding: 0px 0px 5px 0px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 10px;
}

.DetailPane_WhiteBg {
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    background-color: white;
    margin: 10px auto 0px auto;
    padding: 0px 10px 5px 10px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 10px;
}

.DetailPane_DataMan {
    padding: 5px 0px 5px 5px;
    background-color: #E5E5E5;
    margin: 0px auto 0px auto;
    border-bottom: solid 1px #AAAAAB;
}

.MakePaymentDetailPane {
    background-color: #E5E5E5;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    border-bottom: solid 1px #000000;
}

.loginTable {
    border-width: 2px;
    border-style: solid;
    border-color: #001E5B;
    border-radius: 10px;
    margin: 0px auto 0px auto;
    width: 400px;
    height: auto;
}

#LoginOuter {
    padding-top: 20px; /*position: absolute;     top: 60px;     bottom: 50px;     left: 5px;     right: 5px;     border:solid 1px #ff0000;*/
}

.loginTableMessage {
    margin: 0px auto 0px auto;
}

#NewPassword {
    display: none;
}
/*.registerButton
{
    display:none;
}*/
.watermark {
    text-align: left;
    font-style: italic;
    color: #a0a0a0;
    border: ridge 3px;
    background-color: #ebebeb;
}



.falsePopupTableReport {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 55px;
    left: 10px;
    right: 10px;
    bottom: 0px;
}

.falsePopupTableReportOptions {
    float: left;
}

.falsePopupTableReportList {
    position: absolute;
    top: 45px;
    left: 10px;
    right: 15px;
    bottom: 10px;
    margin: 5px 0px 0px 5px;
    border: solid 1px #000000;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
}



.bold, .boldUnderline {
    font-weight: bold;
}

.boldUnderline {
    text-decoration: underline;
}

.alignTop {
    vertical-align: top;
}



#SearchIcon, #Alert, #LoggedOnUser, #ObjectValidation, #InvoiceAlert, #ContextHelp, #Admin {
    z-index: 99999;
    overflow: hidden;
}


#ReportIcon {
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

#SearchIconTable, #LoggedOnUserTable, #AlertTable, #InvoiceAlertTable, #UndoTable {
    position: absolute;
    top: 40px;
    right: 10px;
    width: 245px;
    overflow: hidden;
    background-color: #8ba2c5;
    border: solid 1px #ff0000;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
}

#SearchIconTable {
    height: 275px;
}

#LoggedOnUserTable {
    height: 190px;
}

#AlertTable {
    height: 275px;
}

#InvoiceAlertTable {
    height: 285px;
}

#UndoTable {
    height: 540px;
    width: 363px;
}

.actionPopupHeader {
    font-size: 14px;
    font-weight: bold;
    padding: 3px 0px 10px 5px;
}

.alertTableMini, .userTableMini, .alertTableMedium, .searchTableMini {
    border-width: 4px;
    border-style: double;
    border-color: #3b6eb7;
    border-radius: 20px;
    padding: 0px 0px 0px 05px;
    margin: 10px 0px 0px 03px;
}

.alertTableMini {
    height: 240px;
    width: 226px;
}

.userTableMini {
    height: 165px;
    width: 238px;
}


.alertTableMedium {
    height: 495px;
    width: 345px;
    padding-left: 5px;
    margin-top: 20px;
}



.deletedStrikeThrough {
    color: #ff0000;
    text-decoration: line-through;
}

.deleted {
    color: #ff0000;
}

.panelBottomPartButtons {
    padding: 15px 10px 0px 0px;
    float: right;
}

.alignRight {
    text-align: right;
}



/*calendar*/
.calendarPosition {
    overflow: auto;
    position: absolute;
    top: 16%;
    left: .5%;
    right: .5%;
    height: 73%;
    padding: 0px 5px 5px 5px;
    margin: 0px;
    border: solid 3px #3b6eb7;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.mooringCalendar {
    text-align: center;
    font-size: 20px;
    background-color: #00ff00;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.mooringDayHeader {
    font-size: 14px;
    font-weight: bold;
    border: solid 3px #3b6eb7;
    background-color: #8ca3c5;
}

.mooringTitle {
    font-size: 20px;
    font-weight: bold;
    border: solid 3px #3b6eb7;
}

.mooringNextPrev {
    font-size: 16px;
    font-weight: bold;
    padding: 0px 10px 10px 10px;
}

.otherMonth {
    background-color: #c3c3c3;
}

.weekendDay {
}

.mooringDay, .otherMonth, .weekendDay, .mooringToday, .calendarBooked1, .calendarBooked2, .calendarDayFree, .mooringSelected {
    font-size: 12px;
    height: 43px;
    overflow: hidden;
    text-align: left;
    vertical-align: text-top;
    border: solid 1px #3b6eb7;
}

.mooringToday {
    background-color: #9cb3cf;
}

.mooringDay {
    background-color: #00ff00;
    color: #ff0000;
}

.calendarBooked1 {
    background-color: #ff0000;
    color: #ffffff;
}

.calendarBooked2 {
    background-color: #b00101;
    color: #ffffff;
}

.mooringSelected {
    color: #ffffff;
    background-color: #0000ff;
}

.mooringDdl {
    position: absolute;
    top: 10%;
    left: .5%;
    padding: 0px 5px 5px 5px;
}

#MooringPanel, #TariffPanel, #ContractPanel, #ShareholderPanel, #EmailPanel, .mainStatementWindow, .panelMiddle, .panelBottom, .invoiceMiddlePanel, #NotesPanel, #NotesPanelInvoice, .PaymentPanel, #NotesPanelPayment, #NotesPanelBatch, listingMiddlePanel, listingMiddlePanel_ViewBatch, .PlaqueNoPanelPayment, .PaymentPanel_CreditNote {
    border: solid 1px #000000;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
    margin: 0px 1px 0px 1px;
}

#MooringPanel {
    margin-top: 10px;
}

.PaymentPanel {
    position: absolute;
    top: 120px;
    left: 0px;
    right: 0px;
    bottom: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.PaymentPanel_CreditNote {
    position: absolute;
    top: 120px;
    left: 0px;
    right: 0px;
    bottom: 60px;
    overflow-x: hidden;
    overflow-y: auto;
}

.paymentInvoicePanel {
    position: absolute;
    top: 150px;
    left: 5px;
    right: 5px;
    bottom: 5px; /*border:solid 1px #ff0000;*/
}

.paymentInvoicePanel_CreditNote1 {
    position: absolute;
    top: 250px;
    left: 5px;
    right: 5px;
    bottom: 5px; /*border:solid 1px #ff0000;*/
}

.hand {
    cursor: pointer !important;
}

#NotesPanelPayment {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 55px;
    height: 90px;
    overflow: hidden;
    margin-right: 10px; /*display: none;*/
}

.PlaqueNoPanelPayment {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 55px;
    height: 125px;
    overflow: hidden;
    margin-right: 10px; /*display: none;*/
}

#ShareholderPanel {
    position: absolute;
    top: 740px;
    left: 40px;
    height: 200px;
    right: 50px;
}

#NotesPanel {
    position: absolute;
    bottom: 50px;
    left: 10px;
    right: 8px;
}

#NotesPanelInvoice {
    position: absolute;
    left: 6px;
    right: 8px;
    bottom: 55px;
    height: 100px;
    overflow-x: hidden;
}

#NotesPanelBatch {
}


.ReportOption_Over, .ReportOption_Selected, .ReportOption_SelectedOver, .ReportOption {
    margin: 0px 0px 4px 0px;
    cursor: pointer;
    width: 100%;
}

.ReportOption {
}

.ReportOption_Over /*same as highlight for grid*/ {
    background-color: #0F4786;
    color: White;
}

.ReportOption_Selected {
    background-color: #999999;
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
    color: White;
}

.ReportOption_SelectedOver {
    background-color: #0F4786;
    color: White;
}

.ReportOption {
}


.reportButton1, .reportButton2 {
    position: absolute;
    height: 30px;
    width: 49.5%;
    text-align: center;
    color: White;
    font-size: large;
    cursor: pointer;
}

.reportButton1 {
    left: 5px;
}

.reportButton2 {
    right: 5px;
}

.reportSettings {
    position: absolute;
    top: 27%;
    right: 0%;
    height: 100%;
    overflow-y: auto;
}

/*.falsePopupTableReport
{
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 40px;
    left: .10px;
    right: 10px;
    bottom:30px;
    margin: 5px 0px 0px 5px;

    border:solid 1px #ff0000;
}*/

#divPage {
    position: absolute;
    top: 1%;
    left: 0%;
    right: 0%;
    height: 96%;
    overflow-y: auto;
}

.ReportCreator_GridClick {
    text-decoration: none;
    background-color: #999999;
    cursor: pointer;
}

    .ReportCreator_GridClick:hover {
        background-color: #0F4786;
        color: White;
    }

.ReportCreator_Alternate {
    background-color: #BFD8F5;
    text-decoration: none;
    font-weight: bold;
}

.ReportCreator_Item {
    text-decoration: none;
    font-weight: bold;
}

.ReportCreator_Header {
    border-style: dotted;
    border-color: Black;
    border-bottom: darkgray 1px solid;
}


.gridHover {
    text-decoration: none;
    background-color: #0F4786;
    color: White;
}


.buttonRow {
    padding-left: 10px;
    position: absolute;
    bottom: 5px;
    height: 30px;
    left: 0px;
    float: left;
}

.buttonRow1 {
    padding-right: 10px;
    position: absolute;
    bottom: 10px;
    height: 30px;
    right: 0px;
    float: right;
}

.buttonRow2 {
    position: absolute;
    bottom: 10%;
    height: 20px;
    right: 1%;
    float: right;
}


.reportIFrame {
    z-index: 999; /*required for popup to be active as well as visible*/
    left: 250px;
    position: absolute;
    top: 180px;
    border: solid 1px black;
    visibility: hidden;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px; /*margin: 0px 25% 0px auto;*/
}

.pnlError {
    z-index: 99999;
    position: absolute;
    top: 10%;
    left: 25%;
    margin: 0px auto 0px auto;
    width: 400px;
    height: 230px;
    border: solid 2px #ff0000;
}

.greyOut {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

.filterPanel, .formAreaFilterPopup {
    border: solid 1px #000000;
    height: 150px;
}

.filterPanel {
}

.formAreaFilterPopup {
    width: 190px;
    overflow-x: hidden;
    overflow-y: auto;
}

.rounderCorners, #ReportOptions, #ColumnsAndFilters, #controlPanel, .filterPanel, .formAreaFilterPopup {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.rounderCornersSmall, .formArea, .filters, .filters1, .filters2, .filters3, .tabAddButton:hover {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.rounderCornersSmallTop {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.rounderCornersSmallBottom {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.reportOptionOuterTable {
    position: absolute;
    top: 45px;
    left: 5px;
    right: 5px;
    bottom: 7px;
    border: solid 1px #000000;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
}

.posOuterTable {
    position: absolute;
    top: 40px;
    left: 0px;
    right: 0px;
    bottom: 5px;
    padding: 0px 0px 5px 0px;
    margin: 5px 10px 5px 10px;
    border: solid 1px #000000;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
}

.posInnerMenu {
    position: absolute;
    top: 10px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    padding: 0px 0px 5px 0px;
    margin: 5px 10px 5px 10px; /*border: solid 1px #000000; -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;border-radius: 5px;*/
}
/*POS stuff */

.posImage {
    cursor: pointer;
}

.pos {
    margin: 0px auto 5px auto;
}

.transactionTableHeader, .batchTableHeader, .receiptTableHeader, .visitorTableHeader {
    position: absolute;
    left: 5px;
    right: 5px;
    height: 30px;
    border: solid 1px #000000;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.transactionTableHeader {
    top: 140px;
}

.batchTableHeader {
    top: 10px;
}

.receiptTableHeader {
    top: 260px;
}

.visitorTableHeader {
    top: 360px;
}


.transactionPanel, .batchPanel, .receiptPanel, .visitorPanel {
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    left: 15px;
    right: 15px;
}

.transactionPanel {
    top: 170px;
    height: 90px;
}

.batchPanel {
    top: 40px;
    height: 90px;
}

.receiptPanel {
    top: 290px;
    height: 50px;
}

.visitorPanel {
    top: 390px;
    height: 50px;
}

.helpPopup {
    /*font-family: Arial, Helvetica, Sans-Serif;*/
    font-size: 9px;
}

.boxShadow {
    border: solid 1px #000000;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
}


.xxxboxShadow {
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=125,strength=5)"; /* IE8+ */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=125,strength=5); /* IE7 and lower */
}

.xxdataGrid {
    background-color: #ffffff;
    padding: 1px 1px 1px 1px;
    width: 100%;
    border-width: 0px;
    overflow: auto;
}

.xxdataGrid_Results {
    background-color: #ffffff;
    padding: 1px 1px 1px 1px;
    width: 100%;
    border-width: 1px;
}


#divPage /*container for ReportOptions, OptionButtons, ColumnsAndFilters*/ {
}

#ReportOptions, #OptionButtons, #ColumnsAndFilters {
}

#ReportOptions, #ColumnsAndFilters {
    border: solid 1px #000000;
    background-color: #e3e3e3;
    overflow: hidden;
    position: absolute;
    top: 30px;
    bottom: 0px;
}

#ReportOptions, #ColumnsAndFilters, #ReportResults {
    left: 5px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
}

#OptionButtons {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 25px;
    overflow: hidden;
}



#ReportOptions, #ColumnsAndFilters {
    width: 72%;
}


#ColumnsAndFilters /*list of filters in left hand panel*/ {
}

#controlPanel {
    border: solid 1px #000000;
    background-color: #e3e3e3;
    overflow: hidden;
    position: absolute;
    top: 30px;
    bottom: 0px;
    right: 5px;
    width: 24%;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
}

#ReportResults {
}

#FiltersPanel {
}

.filters /*left hand side: filters panel*/ {
    left: 5px;
}

.filters1 {
    left: 169px;
}

.filters2 {
    left: 333px;
}

.filters3 {
    left: 496px;
}


.filters, .filters1, .filters2, .filters3 {
    position: absolute;
    top: 20px;
    height: 93%;
    width: 159px;
    border: solid 1px #b4c8e4;
    padding: 03px 1px 0px 1px;
    vertical-align: top;
    overflow-y: auto;
}

.formArea /*right hand side: report settings panel*/ {
    height: 110px;
    width: 99%;
    overflow-x: hidden;
    overflow-y: auto;
}


.formArea {
    vertical-align: top;
    border: solid 1px #3b6eb7;
}

.filtersList {
}



#EHarbourSystemsImage {
    position: absolute;
    top: 9px;
    left: 10px;
    overflow: hidden;
}

#HarbourName {
    position: absolute;
    top: 21px;
    left: 100px;
    height: 40px;
    font-size: 36px;
    font-weight: bold;
    overflow: hidden;
    float: left;
}

#WelcomeMessage {
    position: absolute;
    top: 40px; /*left: 30px;*/ /*height: 40px;*/
    right: 20px;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    float: right;
}


#HarbourLogo {
    position: absolute;
    top: 4px;
    right: 10px;
    height: 67px;
    overflow: hidden;
}

#HarbourLogoIndex {
    position: absolute;
    top: 2px;
    right: 10px;
    height: 67px;
    overflow: hidden;
}
#EmailPanel {
    position: absolute;
    top: 185px;
    left: 1%;
    width: 96%;
    height: 185px;
}


.popupTableBody {
    position: absolute;
    top: 45px;
    left: 20px;
    width: 90%;
    height: 90px;
}

#CalendarPanel /*Main box*/ {
    border: solid 1px #000000;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
    margin: 1% 0% 0% 1%;
    position: absolute;
    top: 80px;
    left: 0px;
    right: 0px;
    height: 265px;
}



#calendar /*Actual calendar*/ {
    position: absolute;
    left: .5%;
    right: .5%;
    top: 23px;
    bottom: 0%;
    z-index: 1;
    padding: 0px 0px 0px 0px;
}

.lowerInnerCalendarWindow {
    border: solid 2px #3b6eb7;
    position: absolute;
    left: 5px;
    right: 5px;
    top: 25px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.calendarHeader /*Calendar headings*/ {
    height: 18px;
    width: 100%;
}

.calendarData /*Calendar days etc*/ {
}

.calendarMonth {
    position: absolute;
    right: 0%;
}

.calendarCell {
    float: left;
    width: 22px;
    height: 15px;
    border: solid 1px #ff0000;
    margin-left: 1px;
}

#Days {
    position: absolute;
}

.dayCell {
    float: left;
    width: 24px;
    height: 15px;
    padding-left: 1px;
}

.dayCellSelected {
    background-color: #00ff00;
}

.dayCellNotSelected {
    background-color: #d5d5d5;
}





#MainAdminTable2 {
    top: 70px;
}

#GridTable, #EditTable, #GridTableFull, #EditTableFull, #GridTableEdit {
    /*overflow: auto;*/
    position: absolute;
    bottom: 5px;
}

#GridTable, #EditTable, #EditTableShort {
    top: 200px;
}

#GridTableEdit {
    top: 85px;
    width: 100%;
}

#GridTableFull, #EditTableFull {
    top: 115px;
    border: solid 1px #000000;
}

#EditTableShort {
    position: absolute;
    bottom: 40px;
}


#GridTable, #GridTableFull {
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
    left: 5px;
    width: 400px;
}

#EditTable, #EditTableFull, #EditTableShort {
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
    left: 440px;
    right: 5px; /*overflow: hidden;*/
}

.DetailBox {
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
    height: 100%;
    bottom: 50px;
}

#EditTableButton {
    position: absolute;
    left: 440px;
    right: 5px;
    bottom: 0px;
    height: 30px;
}

.adminColumnPage table tr td {
    height: 10px;
}

#ActionButtons {
    padding: 0px;
    position: absolute;
    top: 20px;
    right: 17px;
    height: 120px;
    z-index: 9999;
    cursor: pointer;
    overflow: hidden;
}

.actionAccess {
    position: absolute;
    top: 0px;
    right: 17px;
    height: 20px;
    width: 75px;
}

.accordionActionAccess {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 0px;
    z-index: 9999;
    font-weight: normal;
}


.borderedRed {
    border: solid 1px #ff0000;
}


.buttonSort, .buttonSortDecimal {
    height: 20px;
    cursor: pointer;
}

.buttonSort {
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.buttonSortDecimal {
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.reportFilterPopup {
    position: absolute;
    top: 46px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}



/* Accordion */

.accordionHeader {
}

.accordionHeader, .accordionHeaderSelected {
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #2F4F4F;
    text-align: center;
    height: 15px;
    padding: 2px 0px 2px 0px; 
}

.accordionHeader2, .accordionHeaderSelected2 {
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #2F4F4F;
    text-align: left;
    height: 20px;
}

    .accordionHeader a, .accordionHeader2 a {
        color: #FFFFFF;
        background: none;
        text-decoration: none;
    }

        .accordionHeader a:hover, .accordionHeader2 a:hover {
            background: none;
            text-decoration: none;
        }

.accordionHeaderSelected, .accordionHeaderSelected2 {
    color: #ff0000;
}

    .accordionHeaderSelected a, .accordionHeaderSelected2 a {
        color: #FFFFFF;
        background: none;
        text-decoration: none;
    }

        .accordionHeaderSelected a:hover, .accordionHeaderSelected2 a:hover {
            background: none;
            text-decoration: none;
        }

.accordionContent, .accordionContent2 {
    background-color: #ebebeb;
    border: 1px solid #2F4F4F;
    padding: 5px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

.accordionInnerContent {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-collapse: collapse;
    width: 130px;
}


.accordionLink {
    color: #000000;
}

.accordionHeaderClear {
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderClearSelected {
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
/* Accordion end */

#LeftHandle, #RightHandle {
    position: absolute;
    top: 10px;
    width: 10px;
}

    #LeftHandle:hover, #RightHandle:hover {
        cursor: pointer;
    }

#LeftHandle {
    left: 6px;
}

#RightHandle {
    right: 4px;
}

#HelpTable {
    position: absolute;
    width: 245px;
    height: auto;
    overflow: hidden;
    background-color: #8ba2c5;
    border: solid 1px #ff0000;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    border-radius: 5px;
}

.helpTableMini {
    border-width: 4px;
    border-style: double;
    border-color: #3b6eb7;
    border-radius: 20px;
    padding: 10px 5px 6px 05px;
    margin: 20px 4px 3px 05px;
    height: auto;
    width: auto;
}

.page {
    width: 1000px;
}

.radioPosition {
    float: left; /*height:10px;*/
}

.floatRight {
    float: right;
}

.textRight {
    text-align: right;
}

.borderTotal {
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

.displayList tr td {
    overflow-x: hidden;
    overflow-y: hidden;
    padding-right: 5px;
}

.inputformDetailsAdmin tr td {
    height: 15px;
}

.menuList tr td {
    height: 15px;
    padding: 0px; /*margin:0px;*/
}

.overflowYnoX {
    overflow-x: hidden;
    overflow-y: auto;
}

.hide {
    display: none;
}

.adminColumnPage {
    overflow-x: hidden;
    overflow-y: auto;
}

.green1 {
    background-color: #BBFDBB;
}

.green2 {
    background-color: #58FA58;
}

.editor {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}

.cookieMessage {
    /*  margin: 2px 5px 0px 5px;     padding: 5px 0px 0px 5px;*/
    padding: 0px 0px 0px 0px;
    margin: 2px;
    height: 32px; /* border: solid 2px #ff0000;     border-radius: 10px;*/
    color: #ff0000;
    float: left;
}

.hidden2 {
    float: left;
    overflow: hidden;
    margin-top: 6px;
}

.unavailable {
    height: 200px;
    width: 900px;
    text-align: center;
    color: Red; /*    font-size: 30px;*/
    font-weight: bold;
}