/* Do a 'Find + Replace' on the following colours in both the .skin file and CSS file:-  

        Website Background:         #009060 (Dark Green)
        Content Background:         #D5FFC9 (Pastel Green)
        Grouped Sections:			#CCFFAF (Mid Green)
        Button Text + Border:       #009060	(Dark Green)
		Button Hover:				#C0FF00 (Light Green)
        Button Background:          White
		Gradient Top:				#009060 (Dark Green)
		Gradient Bottom:			#C0FF00 (Light Green)
		Grid Alternative Row:		#FFF0BA (Pastel Orange)
		Search Boxes:				#FFF0BA (Pastel Orange)
*/



/* Login Screen */
/*-------------------------------------------------------------------------------------- */
.login-container {
    position:relative;
    margin: 10% auto;
}

.login-title {
    width: 100%;
    background-color: darkgrey;
    color: white;
    text-align: center;
    font-weight: 500;
    font-size: 1.5em;
    padding: 0.5em 0;
    border-radius: 0.75em 0.75em 0 0;
}

.login-content {
    position: relative;
    width: 100%;
    background-color: whitesmoke;  /*#D5FFC9;*/
    top: -1px;
    padding: 2em 0;
}


.login-username
{
	position:relative;
}

.login-password
{
	position:relative;
	margin-top:10px;
}

.login-status {
    margin-top: 10px;
    font-size: smaller;
    color: red;
    font-weight: 400;
    text-align: center;
    display: block;
    min-height: 3em;
    max-height: 3em;
    overflow: hidden;
}
/*-------------------------------------------------------------------------------------- */




/* Standard Controls*/
/*---------------------------------------------------------------------------------------*/
body {
    font-size: 1em;
    color: black;
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    /*background-color: #C0FF00;*/      /*Lime Green*/
    box-sizing: border-box;
}


h1 {
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    color: black;
    text-align: center;
}


.background-gradient {
    width: 100% !important;
    height: 100% !important;
    /*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#009060, endColorstr=#C0FF00);*/
    background-image: linear-gradient(#009060, #C0FF00);
    cursor: default !important;
}




.button-standard, .button-small, .button-mini, .button-large {
    color: #009060;
    background-color: White;
    border-color: #009060;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}

.button-standard:disabled, .button-small:disabled, .button-mini:disabled, .button-large:disabled {
    border-color: grey;
    color: grey;
    cursor: default;
}

.button-standard:hover:not([disabled]), .button-small:hover:not([disabled]), .button-mini:hover:not([disabled]), .button-large:hover:not([disabled]) {
    background-color: #C0FF00;      /*Lime Green*/
}


.button-standard {
    font-weight: 500;
    padding: 0.3em 0.5em 0.3em 0.5em;
    border-radius: 0.5em;
}

.button-small {
    font-size: 0.9em;
    font-weight: 300;
    padding: 0.5em 1em 0.5em 1em;
    border-radius: 0.5em;
}

.button-large {
    font-size: 1.1em;
    font-weight: 500;
    padding: 0.75em 1em 0.75em 1em;
    border-radius: 0.75em;
}

.button-mini {
    font-size: 0.7em;
    font-weight: 300;
    padding: 0.25em 1em 0.25em 1em;
    border-radius: 0.5em;
}


.tab-button-container {
    padding-bottom: 1em;
    z-index:3; 
    margin:0;
}

.tab-button-active, .tab-button-inactive {
    font-size: 1.1em;
    padding: 0.35em 1em;
    border: none;
    background: none;
    cursor: pointer;
}

.tab-button-active  {
    color: white;
    border-bottom: 5px solid white;
}


.tab-button-inactive {
    color: grey;
}

.tab-button-inactive:hover {
    color: white;
}


/* Report Menu + Maintenance Menu */
/*---------------------------------------------------------------------------------*/
.report-menu-table, .maintenance-menu-table {
    border:none;
    width: 100%;
}

.report-menu-table td, .maintenance-menu-table td {
    padding: 1em;
    border: none;
    background: none;
}

.report-menu-table tr, .maintenance-menu-table tr {
    background: none;
}

.report-menu-table input[type=button], .maintenance-menu-table input[type=button]  {
    width: 100%;
}

#reports-menu-datepopup {
    display: none;
    position: relative;
    top: -240px;
}

.reports-menu-datepopup-container {
    max-height: 400px;
    width: 500px;
    margin: 5% auto;
}

#reports-menu-datepopup-startdate, #reports-menu-datepopup-enddate {
    padding: 0.7em;
}


#reports-menu-invoicepopup {
    display: none;
    position: relative;
    top: -300px;
}

.reports-menu-invoicepopup-container {
    max-height: 400px;
    width: 500px;
    margin: 5% auto;
}

/*---------------------------------------------------------------------------------*/



.div-content {
    position: relative;
    margin: 50px auto 0;
    width: 1000px;
    height: 800px;
    /*border-width:1px;
    border-color:grey;
    border-style:solid;*/
    padding: 1.5em;
    background-color: #EFEFEF;
    background-color: rgba(255, 255, 255, 0.3);
    /*text-align: center;*/
    /*#EFEFEF; #D5FFC9*/
}


.div-content-edit-subcontainer {
    position: relative;
    /*border: 1px solid grey;*/
    border-radius: 0.5em;
    background-color: darkseagreen;
    padding: 0.5em;
    box-sizing:border-box;
}

.div-left-50 {
    width: 49%;
    box-sizing: border-box;
    float: left;
}

.div-right-50 {
    width: 49%;
    box-sizing: border-box;
    float: right;
}

.div-100 {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.div-center {
    margin: 0 auto;
    position: relative;
    text-align: center;
    /*width:50%;
	top:20px;*/
}

.div-center-screen {
    position: fixed;
    z-index: 99999;
    top: 25%;
    left:0;
    text-align: center;
    margin: 0 auto;
}


.div-background-disable:before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: lightgrey;
    background-color: rgba(220, 220, 220, .6);
    z-index: -1;
}


.label-rightalign {
    position: relative;
    height: 1em;
    color: black;
    font-weight: 400;
    text-align: right;
    margin: 0 2px 0 0;
}

.label-topalign {
    vertical-align: top;
}

.label-message {
    display: block;
    color: blue;
    height: 1em;
}

.label-required {
    color: red;
}

.label-error {
    color: red;
}


.label-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:inline-flex;
}

.screen-title {
    background-color: #EFEFEF;
    background-color: rgba(255, 255, 255, 0.3);
    font-size: 1.4em;
    font-weight: 500;
    display: block;
    /*width:924px;*/
    padding: 5px 0 5px 0;
    /*border: solid 1px black;*/
    text-align: center;
    margin-bottom: 0.5em;
}


input[type=image] {
    cursor: pointer;
}

input[type=text], input[type=password], select, textarea {
    background-color: white;
    border: 1px solid grey;
}

input[type=text], input[type=password], textarea {
    padding: 0.15em 0.25em;
}

textarea, select {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
}

table {
    border-spacing: 0;
    border: none;
}


.cookerudling-table table tr th {
    font-weight: 400;
    text-align: center;
    color: white;
    background-color: #009060;
    padding: 0.25em;
}

.cookerudling-table table tr td {
    background-color: white;
    cursor: pointer;
    border: 1px solid darkgrey;
    padding: 3px 5px 3px 5px;
}

.cookerudling-table table tr th, cookerudling-table table tr td {
    padding: 0.25em;
    border: 1px solid darkgrey;
}


.version-info {
    position: relative;
    text-align: center;
    font-size: 0.7em;
    color: grey;
    width: 100%;
    display:block;
}
/*---------------------------------------------------------------------------------------*/




/* Find Valuation Control */
/*---------------------------------------------------------------------------------------*/
.valuation-find-container {
    z-index: 999;
    padding: 1em 0 0.75em 0;
    box-sizing: border-box;
    background-color: #009060;
    /*border: 1px solid black;*/
    border-radius: 0.5em;
}

.valuation-find-ourref {
    width: 90px;
}

.valuation-find-address {
    width: 275px;
}

.valuation-find-button {
    float: right;
    margin-right: 0.75em;
    margin-top: -7px
}

.valuation-find-message {
    padding-top: 0.5em;
    font-size: 0.75em;
    height: 1em;
    text-align: center;
}

.valuation-find-results-container {
    max-height: 400px;
    width: 500px;
    margin: 1% auto;
}

.valuation-find-results-cancelbutton {
    float: right;
}
/*---------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------*/
/* Client Details Control */
/*---------------------------------------------------------------------------------------*/
.client-details-container {
    width: 100%;
    font-size: 0.8em;
}

.client-details-title {
    width: 100%;
    position: relative;
    color: white;
    font-size: 1.1em;
    text-align:center;
}

.client-details-container input[type=text] {
    background-color: #FFEBCD;
    border: 1px solid grey;
}
/*---------------------------------------------------------------------------------------*/


/* Find Client Control */
/*---------------------------------------------------------------------------------------*/
.client-find-container {
    padding: 1em 0 0.75em 0;
    box-sizing: border-box;
}


.client-find-button {
    margin-left: 0.5em;
    margin-top: -7px
}

.client-find-message {
    padding-top: 0.5em;
    font-size: 0.75em;
    height: 1em;
    text-align: center;
}

.client-find-results-container {
    max-height: 400px;
    width: 500px;
    margin: 5% auto;
}

.client-find-results-cancelbutton {
    float: right;
}
/*---------------------------------------------------------------------------------------*/


#filemanagement-newfile-container table {
    padding: 0;
    margin: 0 auto;
    border: none;
}

#filemanagement-newfile-container table tr {
    background-color: transparent;
}

#filemanagement-newfile-button {
    padding: 0.5em 0 0.5em 0;
    text-align: center; 
}


/* Popup Message */
/*---------------------------------------------------------------------------------------*/
.popup-message-container {
    border: double 1px navy;
    background-color: RoyalBlue;
    color: White;
}
/*---------------------------------------------------------------------------------------*/


/* Textbox Disabled */
/*---------------------------------------------------------------------------------------*/
.textbox-disabled {
    background-color:Pink;
    color:#009060;
}
/*---------------------------------------------------------------------------------------*/


/* Header */
/*---------------------------------------------------------------------------------------*/
.header-logo {
    position:absolute;
    z-index: 1;
    margin: 0 0 0 1em;
}

.header-menu {
    position: absolute;
    top: 15px;
    width: 100%;
    background-color: white;
    border: solid 1px #009060;
    padding: 0.5em 0 0.5em 0;
    box-sizing:border-box;
    vertical-align: middle;
    text-align: center;
    z-index:0;
}

.header-menu ul {
    padding-left: 120px !important;
    width: 100% !important;
    box-sizing:border-box;
}

.header-menu li {
    padding: 0 0.1%;
}

.header-menu-item-static {
    color: darkslategrey;
    font-weight: 400;
    padding: 0.25em 0.5em;
}

.header-menu-item-hover {
    color: gold;
}

.header-sitemap-container {
    position: relative;   
    top: 3em;
    width: 100%;
    height: 2em;
    padding: 0 0 0 120px;
    box-sizing: border-box;
}

.header-sitemap-item {
    float:left; 
    text-align:left;
    font-weight: 500;
}

.header-username {
    float:right; 
    text-align:right;
    color: white;
    margin-right: 120px;
}
/*---------------------------------------------------------------------------------------*/


/* Footer */
/*---------------------------------------------------------------------------------------*/
.footer-debuginfo {
    position: relative;
    margin-top: 1em;
    font-size: 0.7em;
}
/*---------------------------------------------------------------------------------------*/



/* Main Menu*/
/*---------------------------------------------------------------------------------------*/
.hiddencol {
    display: none;
}


.mainmenu-residential-image {
    position: absolute;
    left: 213px;
    top: 0;
}

.mainmenu-commercial-image {
    position: absolute;
    left: 50px;
    top: 70px;
}

.mainmenu-rtb-image {
    position: absolute;
    left: 363px;
    top: 70px;
}

.mainmenu-reports-image {
    position: absolute;
    left: 363px;
    top: 160px;
}

.mainmenu-filemanagement-image {
    position: absolute;
    left: 213px;
    top: 230px
}

.mainmenu-maintenance-image {
    position: absolute;
    left: 50px;
    top: 160px;
}


.mainmenu-residential-label {
    position: absolute;
    left: 178px;
    top: 60px;
}

.mainmenu-commercial-label {
    position: absolute;
    left: 15px;
    top: 130px;
}

.mainmenu-rtb-label {
    position: absolute;
    left: 348px;
    top: 130px;
}

.mainmenu-reports-label {
    position: absolute;
    left: 370px;
    top: 222px;
}

.mainmenu-filemanagement-label {
    position: absolute;
    left: 190px;
    top: 292px;
}

.mainmenu-maintenance-label {
    position: absolute;
    left: 40px;
    top: 222px;
}


.mainmenu-appointments-container {
    position: relative;
    width: 90%;
    margin: 1em auto;
    padding: 1em;
    background-color:#CCFFAF;
    border-radius: 10px;
    text-align: center;
}


.mainmenu-appointments-title {
    position: relative;
    font-size: 1.5em;
    font-weight: 200;
}

.mainmenu-appointments-grid {
    position: relative;
    text-align: center;
    margin: 1em auto;
    width: 95%;
    box-sizing: border-box;
}

.mainmenu-appointments-refreshbutton {
    position: relative;
}
/*---------------------------------------------------------------------------------------*/



.report-viewer-container {
    height: 99%;
    background: white;
}

.report-viewer-toolbar {
    position: absolute;
    text-align: right;
    padding: 1em 1em;
    right: 0;
    width: 370px;
}

.report-viewer-toolbar select {
    font-size:small;
}

.report-viewer-toolbar input[type=submit] {
    margin-right: 1em;
}

.report-viewer-container table {
    border:none;
}

.report-viewer-container table tr {
    background:none;
    padding: 0;
    margin:0;
}

.report-viewer-container table td {
    padding: 0;
    margin: 0;
    border: none !important;
}



.calendar-container table {
    background-color:#D5FFC9;
}



.DropDownBackGround
{
	background-color:#e2edff;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0 !important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : default;
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}



#error-container {
    text-align: center;
}

#error-container-title {
    font-size: 1.1em;
}

#error-container-message {
    padding: 1em 0 1em 0;
}

#error-container-buttons {
    padding: 1em 0 1em 0;
}


.waiting {
    display: none;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .3 ) url('../img/waiting.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
/*body.loading .waiting {
    overflow: hidden;
}*/

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .waiting {
    display: block;
}