@charset "utf-8";
/* CSS Document */

/*
 The acceptable colours
    #333 Dark grey like the side menu   
    #464646 Normal text 
    #333 pale background
 */

/*html, body { overflow: hidden; height: 100% }*/

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

* {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    font-family: 'pt_sansregular', sans-serif !important;
}

@font-face {
    font-family: 'pt_sansregular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body {
    margin:0; 
    padding:0; 
    font-family: 'pt_sansregular', sans-serif;
    color:#111;
    font-size:14px;
	overflow:auto;
}

#TableContentContainer { 
    width:100%; 
    padding:15px; 
}


.clear {
    clear:both;
    width:100%;
    }

.hp25ContentContainer {
    padding:30px !important;
}


/* ===== Text Formatting ===== */

h1  { margin:0 0 0; font-size:1.2em; font-weight:400 !important; color:#01828f; clear:both;  }
h2  { margin:0 0 0.6em; font-size:22px; font-weight:300; }
h3  { margin:0 0 0.6em; font-size:18px; font-weight:300; }
h4  { margin:0 0 0.6em; font-size:16px; font-weight:300; }
h5  { margin:0 0 0.6em; font-size:14px; font-weight:300; }
h6  { margin:0 0 0.6em; font-size:12px; font-weight:300; }

p   { margin:0 0 5px; font-size:14px; font-weight:300; }
a {
    color: #004C93;
    text-decoration: none;
    cursor: pointer;
}

a:hover{ text-decoration:underline; }

.text-left      { text-align:left; }
.text-right     { text-align:right; }
.text-center    { text-align:center; }
.text-justify   { text-align:justify; }

.text-lowercase     { text-transform: lowercase; }
.text-uppercase     { text-transform: uppercase; }
.text-capitalize    { text-transform: capitalize; }

.text-light         { font-weight:100; }



/* Inputs and buttons */

.Button, .button {
    display:inline-block;
    width:auto; /* !important; */
    padding: 5px 15px !important;
    border-radius: 2px !important;
    border:none !important;
    border-bottom: solid 1px rgba(0,0,0,0.1) !important;
    background-color: #01828f !important;
    color: #ffffff !important;
    cursor: pointer !important;
    margin: 5px 1px 10px !important;
    float:none !important;
        }

.Button:hover, .Button:hover {
    background-color: #01909c !important;
}


input, select, textarea, .MultiSelectBox, .ui-multiselect {
    font-family:inherit;
    font-size:14px !important;
    padding:5px !important;
    border: 1px solid rgba(0,0,0,0.2) !important;
    width:100%;
    border-radius:2px !important;
    margin:5px 1px;
    height:auto !important;
    min-height:30px;
    
}

input:focus, select:focus, textarea:focus {
    outline:none;
    border-color:#01828f !important;
    box-shadow: 0 0 5px #01828f;
}

textarea    { min-height:100px !important; }

select, .select, .rcbInput { /*padding:10px !important;*/ height:31px !important; }

.multiSelect span {
        background: url(/App_Themes/AgencyOffice_Dark/Images/UI/select_arrow.png) no-repeat;
        background-position: right;
    }


input[type="text"]      { }
input[type="checkbox"]  { margin-right:10px !important; width:auto !important; min-height:0; }
input[type="radio"]     { margin-right:10px !important; width:auto !important; min-height:0; }
/*input[type="button"]    { width:auto !important; min-height:0;}*/
input[type="image"]	{ min-height:0; }

.row input, .row select, .row textarea, .row .MultiSelectBox, .row .ui-multiselect
{
    width:100% !important;
}

.row input[type="checkbox"], .row input[type="radio"], .row .button, .row .Button
{
    width:auto !important;
}


.ui-multiselect-menu + span
{
    display:block; margin-top:-5px; background:#eeeeee;
}


/* Tables */

table {
    border-collapse:collapse;
}

td {
    font-size:14px;
}

.row table
{
    width:100%;
}




/* ===== Layout for rows and columns ===== */

.row {
	width:100%;
    margin:0 -15px 50px;
    overflow:visible; 
	clear:both;
}

.row + * {
	clear:both;
}

.row .row {
    margin-bottom:0; 
}

.row+.row {
    margin-top:20px;
}

.col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1 {
    padding-left:15px;
    padding-right:15px;
    margin-bottom:10px;
    min-height:1px;
    position:relative; 
    overflow:visible;
}

.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1 {
    float:left; 
}

/* Widths shown apply to desktop and mobile */
.col-sm-12      { width:100%; }
.col-sm-11      { width:91.66666667%; }
.col-sm-10      { width:83.33333333%; }
.col-sm-9       { width:75%; }
.col-sm-8       { width:66.66666667%; }
.col-sm-7       { width:58.33333333%; }
.col-sm-6       { width:50%; }
.col-sm-5       { width:41.66666667%; }
.col-sm-4       { width:33.33333333%; }
.col-sm-3       { width:25%; }
.col-sm-2       { width:16.6666667%; }
.col-sm-1       { width:8.33333333%; }


@media (min-width: 600px) {
    
.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1 {
    float:left;
}
    
/* Widths shown are for desktop and tablet layout. They will revert to 100% on mobile devices below 750px. */
.col-md-12      { width:100%; }
.col-md-11      { width:91.66666667%; }
.col-md-10      { width:83.33333333%; }
.col-md-9       { width:75%; }
.col-md-8       { width:66.66666667%; }
.col-md-7       { width:58.33333333%; }
.col-md-6       { width:50%; }
.col-md-5       { width:41.66666667%; }
.col-md-4       { width:33.33333333%; }
.col-md-3       { width:25%; }
.col-md-2       { width:16.6666667%; }
.col-md-1       { width:8.33333333%; }

}


@media (min-width: 1200px) {
    
.col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1 {
    float:left;
}
        
/* Widths shown are for desktop layout. They will revert to 100% below 1200px. */
.col-lg-12      { width:100%; }
.col-lg-11      { width:91.66666667%; }
.col-lg-10      { width:83.33333333%; }
.col-lg-9       { width:75%; }
.col-lg-8       { width:66.66666667%; }
.col-lg-7       { width:58.33333333%; }
.col-lg-6       { width:50%; }
.col-lg-5       { width:41.66666667%; }
.col-lg-4       { width:33.33333333%; }
.col-lg-3       { width:25%; }
.col-lg-2       { width:16.6666667%; }
.col-lg-1       { width:8.33333333%; }

}

/*== Layout Styling Ends ==*/


li{
    cursor:pointer;
    list-style-type:none;
}

.error{
    color:red; text-align:left;
}
.hidden{
    display:none;
}

tr
{
    vertical-align: top;
}

#SavedSearchContainer {
    width:350px;
    overflow:auto;
    overflow-x:hidden;
}



/* HEADER STYLING BEGINS HERE
=================================*/

#header{
    width:100%;
	padding:0 30px;
    height:80px;
    position:fixed;
    z-index:1000;
    font-family: 'pt_sansregular', sans-serif;
    font-size:14px;
	color:white;
    background: #000000;
    background: -moz-linear-gradient(45deg,  #000 30%, #00343b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(30%,#000), color-stop(100%,#00343b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #000 30%,#00343b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #000 30%,#00343b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #000 30%,#00343b 100%); /* IE10+ */
    background: linear-gradient(45deg,  #000 30%,#00343b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#00343b',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */   
}

#header > * 
{	
	/* Parent selectors vertically centered */
	position:absolute;
	transform: translateY(-50%);
	top:50%;
}

.logo		{ width:20%; max-width:190px; }
.logo img 	{ width:100%; }

#header ul.user_dropdown		{ margin:0; padding:0; width:auto; list-style-type:none; right:30px; }
#header ul.user_dropdown li	{  display:inline-block; color:#fff; vertical-align:middle; }


#SidePanel{ 
    background:whitesmoke; 
    width:12%; 
    margin-top:1%;
    margin-left:2%; 
    position:absolute;  
    z-index:1000;
    height:200px;
    display:none;
    border:solid 1px red;
}

.header-search { 
    border:solid 1px rgba(0,0,0,0.1);
	position:absolute;
	transform: translateY(-50%);
	top:50%;
	right:0;
	left:0;
	width:33.33%;
	max-width:400px;
	margin:auto;
}

.header-search *:focus {
    outline:none;
    
}

.header-search form { margin:0; padding:0; }

.header-search button img{
    height:15px;
}

.header-search button:nth-of-type(1){
    margin:0;
    padding:0;
    width:40px !important;
    height:30px !important;
    background-color:#333;
    border:none;
    border-radius:3px 0 0 3px;
    float:left;
    transition:0.2s ease;
    font-size:20px;
    color:#fff;
	position:absolute;
	left:0;
	top:0;
}

.header-search button:nth-of-type(1):hover{ background-color:#222222; cursor:pointer; }

.header-search button:nth-of-type(2){
    margin:0;
    padding:0;
    width:40px !important;
    height:30px !important;
    background-color:#01828f;
    border:none;
    border-radius:0 3px 3px 0;
    transition:0.2s ease;
    font-size:20px;
    color:#fff;
	position:absolute;
	right:0;
	top:0;
}

.header-search button:nth-of-type(2):hover{ background-color:#01555c; }


.header-search .selector{
    margin:0;
    padding:6px 9px;
    border-bottom-left-radius:3px;
    border-top-left-radius:3px;
    background-color:#333;
    border:none;
    float:left;
    transition:0.2s ease;
    width:18px;
    height:16px;
}

.header-search .selector:hover{
    background-color:#222222;
    cursor:pointer;
    
}

.header-search input{
    margin:0;
    height:30px;
    padding:5px 45px 5px 10px !important;
    width:100% !important;
	max-width:none !important;
    border:none;
    border-radius:5px !important;
}

.header-search input:focus{
outline:none; border:none !important;; }

.header-search .searchbtn{
    margin:0;
    padding:6px 9px;
    background-color:#01828f;
    border:none;
    float:left;
    border-bottom-right-radius:3px;
    border-top-right-radius:3px;
    transition:0.2s ease;
    cursor:pointer;
}


.header-search .searchbtn:hover{
    background-color:#01555c;   
}


#navigation		{ top:80px; height:40px; left:0; right:0; position:fixed; padding:12px 30px; background:#01828f; transform:none; z-index:-1; }
#navigation ul 	{ list-style:none; margin:0; padding:0; }
#navigation li 	{ display:inline-block; margin-right:30px; }


#helpstrip		{ float:right; top:80px; height:40px; right:0; position:fixed; padding:12px 30px; background:#01828f; transform:none; z-index:-1; }
#helpstrip ul 	{ list-style:none; margin:0; padding:0; }
#helpstrip li 	{ display:inline-block; margin-left:30px; }



.ActionButton
{
    background: transparent url( '../Images/Icons/ActionButton.gif') no-repeat top left;
    border: 0px;
    font-size: 100%;
    height: 12px;
    width: 12px;
    text-decoration: none;
    font-weight: bold;
    color: white;
    cursor: pointer;

}
/* Business Details - Property Planning Dropdown - Hides the arrows appearing over the text */

table#PropertyPlanning span { background:none !important; }
table.PersonIDType span { background:none !important; }



/* ===== Master Container ===== */

#master_container{
    width:100%;
    height:100%;
}


/* ===== MAIN CONTENT AREA STYLING STARTS HERE ===== */
#content_area {
    float: left;
}

.CRM_CONTENT{
    padding:0;
    height:100%;
    color:#111;
}
.CRM_CONTENT .ifrContent{
    overflow-x: hidden;
    overflow-y: auto;
    width:100%;
    height:100%;
    border:0px;    
}

/* ===== CRM FEED STYLING BEGINS HERE ===== */

#right_panel{
    float:right;
    width:200px;
    padding:0 10px;
    background-color:#fbfbfb;
    color:#444;
}

#right_panel li{
    width:100%;
    font-size:16px;
    border-bottom:solid 1px #BCBCBC;
    border-top:solid 1px #BCBCBC;
    color:#111;
    padding:2% 0;
    margin:5px 0 5px;
    transition:0.2s ease;
}



/* ===== Login Screen ===== */

#loginarea {
    overflow:scroll;
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    padding:30px;
    background: #000; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTMlIiBzdG9wLWNvbG9yPSIjMDAzNDNiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(45deg,  #000 0%, #00343b 93%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#000), color-stop(93%,#00343b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #000 0%,#00343b 93%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #000 0%,#00343b 93%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #000 0%,#00343b 93%); /* IE10+ */
    background: linear-gradient(45deg,  #000 0%,#00343b 93%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#00343b',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

#loginarea #content{
    width:95%;
    max-width: 450px;
    text-align: center;
    margin: 50px auto;
    background: rgba(255,255,255,0.05);
    padding: 30px;
    border-radius: 8px;
    border: solid 1px rgba(255,255,255,0.03);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

#loginarea #controls {
}

#loginarea #logo{
    padding-bottom:30px;
    margin:0 auto;
}

#loginarea input{
    padding:15px !important;
    margin:0;
    width:100%;
    border:none;    
    font-size:1em;
    color:#444;
    text-align:center;
}

#loginarea input:nth-of-type(2){
    margin-top:-9px;
}

#loginarea .button{
    width:100% !important;
    background: #026F7B; /* Old browsers */
    padding:15px;
    border:none;
}

#loginDisclaimer{
    color:white;
    font-size:14px;
    font-weight:100;
}



/* ===== STANDARD CONTENT CSS ===== */

.BlueDisplay
{
    clear: both;
    color:#333;
    margin-bottom:20px;
}

.BlueDisplay hr
{
    margin:0;
    border:none;
}

.BlueDisplayHeader, .task_block h1 , tr.BlueDisplayHeader
{
    font-size:1.1em !important;
    color: #fff !important;
    display:block;
    background:#333 !important;
    padding:15px !important;
    border-radius:5px 5px 0 0;
	letter-spacing:0.04em;
}

.BlueDisplayHeader a {
	color:white;
}



table.BlueDisplay  td.BlueDisplayHeader, td.BlueDisplayHeader { display:table-cell; width:100%; }



.BlueDisplay table {
    border-collapse:collapse;
    width:100%;
}

.BlueDisplay tr {
    background: rgba(0,0,0,0.07);
}
.BlueDisplay tr:nth-of-type(odd) {
    /*    background: rgba(0,0,0,0.07);*/
    background-color: white;
}

.BlueDisplay tr tr {
    background:none !important;
}

.BlueDisplay th {
    padding:10px;
}

.BlueDisplay td table th {
    padding:0;
}
    

.BlueDisplay thead tr {
    background:none !important;
}

.BlueDisplay td {
    padding: 10px;
    font-size: 13px;
    /*vertical-align: middle;*/
    vertical-align: top;
    position: relative;
}

.BlueDisplay > .CustomLog td > table td * {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    overflow: unset;
    line-height: unset;
}

.BlueDisplay td p {
	margin:0;
	}

.BlueDisplay td td {
    padding:0 0 5px 5px;
}

.rcCalPopup { position:relative !important;  margin:0 !important; }

.BlueDisplay td table td {
    vertical-align:middle;
}

.BlueDisplay td input, .BlueDisplay td select, .BlueDisplay td textarea, .BlueDisplay td .MultiSelectBox
{
    width:100% !important;
}

.BlueDisplay td select.ReportingSector {
    width: 183px !important;
}

.BlueDisplay input[type="button"], .BlueDisplay input.button, .BlueDisplay input.Button, .BlueDisplay input[type="checkbox"], .BlueDisplay input[type="radio"]
{ 
    width:auto !important;
}

.PagingSelectedButton {
            margin:0 2px; color:#01828f;
            font-weight:bold;
}


.PagingButton {
            margin:0 2px; color:#01828f;
}









.label {
    color: inherit;
}
.labelHeader
{
    color: #888;
    font-weight: bold;
}
.data
{
    color: #333;
}
.conflict
{
    background-image: url('../images/HeaderBackgroundArchived.png');
    cursor: pointer;
    background-repeat: repeat-x;
}
.conflict:hover
{
    background-image: url('../images/headerbackgroundSelected.png');
    cursor: pointer;
    background-repeat: repeat-x;
}
.clickable
{
    cursor: pointer;
}
.riTextBox
{
    padding:inherit;
}


.Large
{
    width: 150px !important;
}

.Medium
{
    width: 125px !important;
}
.Small
{
    width: 30px !important;
}
.CriticalButton
{
    background-color:#00a1af;
    border: 0px;
    font-size: 100%;
    height: 20px;
    width: 80px;
    text-decoration: none;
    font-weight: bold;
    color: white;
    cursor: pointer;
    margin: 2px;
}
.CriticalButton:hover
{
    
}
.ActionButton
{
    background-color:#00a1af;
    border: 0px;
    font-size: 100%;
    height: 12px;
    width: 12px;
    text-decoration: none;
    font-weight: bold;
    color: white;
    cursor: pointer;
    background-color: transparent;
}

.InformationButton
{
    background-image: url( '../Images/Icons/InfoSmall.png');
    background-repeat: no-repeat;
    border: 0px;
    font-size: 100%;
    height: 12px;
    width: 12px;
    text-decoration: none;
    font-weight: bold;
    color: white;
    cursor: pointer;
    background-color: transparent;
}


.TextBoxWaterMark
{
    color: #999;
    font-style: italic;
}
.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    background-color: inherit;
    color: windowtext;
    border: solid 1px buttonshadow;
    cursor: 'default';
    overflow: hidden;
    height: 170px;
    text-align: left;
    z-index: 9999;
    list-style-type: none;
    font-family: 'pt_sansregular', sans-serif;
    border: solid 1px #7F9DB9;
}

.autocomplete_highlightedListItem
{
    background-color: #F7B573;
    color: black;
    cursor: pointer;
    padding: 1px;
}

.autocomplete_listItem
{
    background-color: window;
    color: windowtext;
    padding: 1px;
}
.link
{
    text-decoration: none; 
    color: #00a1af;
}
.link:hover
{
    text-decoration: underline;
    color: #00a1af;
    cursor: pointer;
}


hr
{
    height: 1px;
    color: #dddddd;
}
 

 .processed
{
    /* background-color: silver; */
	 text-decoration: underline;
}
.rdraggable
{
    cursor: n-resize;
}
.wizardSetupBox
{
    background-color: black;
}
.wizardStep
{
    color: #333;
}
.wizardCurrentStep
{
    color: white;
    font-weight: bold;
}
.wizardCompletedStep
{
    color: #666;
}
.headerBackground
{
    vertical-align: middle;
}
/*.DetailsContainer
{
    border-bottom: solid 2px #3475cd;
    border-left: solid 2px #81a9e0;
    border-right: solid 2px #81a9e0;
    border-top: solid 2px #6798da;
}*/


.selectList
{
    overflow: auto;
    height: 200px;
    overflow-x: hidden;
}


.suggestionBox
{
    position: absolute;
    width: 159px;
    border: solid 1px #80B5F3;
    background-color: #fff;
    margin-top:12px;
    padding: 0px;
    font-size:11px;
    z-index:999;
}
.suggestionBox td
{
    border-bottom: none;
}
.suggestionList
{
    margin: 0px;
    padding: 0px;
}

.selectedItem
{
    width: 180px;
    padding: 1px 2px 1px 2px;
    display: block;
}

.suggestionList li
{
    margin: 0px;
    padding: 1px 2px 1px 0px;
    cursor: pointer;
    list-style: none;
}
.suggestionList ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

/* Search Suggestion List*/

.SearchsuggestionBox
{
    position: absolute;
    width: 500px;
    border: solid 2px #80B5F3;
    border-top: solid 1px #80B5F3;
    padding: 2px;
}
.SearchsuggestionBox td
{
    border-bottom: none;
}
.SearchsuggestionList
{
    margin: 0px;
    padding: 0px;
}

.SearchselectedItem
{
    width: 98%;
    padding: 3px 2px 3px 2px;
    display: block;
}

.SearchsuggestionList li
{
    margin: 0px;
    padding: 3px 2px 3px 0px;
    cursor: pointer;
    list-style: none;
}
.SearchsuggestionList ul
{
    list-style: none;
    margin: 0;
    padding: 0px;
    border: none;
}



/* ===== Search Results ===== */

.SearchResultsHeader
{
    background-repeat: repeat-x;
    height: 30px;
    vertical-align: top;
    border-top: solid 1px #A0A0A0;
    border-left: solid 1px #A0A0A0;
    border-right: solid 1px #A0A0A0;
    border-bottom: solid 1px #A0A0A0;
    color: #004C93;
    font-size: 12px;
}

.SearchResults tr:nth-of-type(1) {
    /*    background:rgba(0,0,0,0.07);*/
}

.SearchResults tr:nth-of-type(1) td
{
    border-color:#dddddd;
}

.SearchResults td
{
    min-height:15px;
    padding:20px 10px;
    border-top:solid 1px #eee;
}

.SearchResults td td
{
    padding:0;
    border:none;
}
.SearchResults tr table tr, .SearchResults tr table tr td
{
    
}

.DatagridHeader
{
    border-top: solid 1px #cadced;
    border-left: solid 1px #cadced;
    border-right: solid 1px #cadced;
    border-bottom: solid 1px #80B5F3;
}

.DatagridBlueHeader
{
    color: #5e99cc;
    font-size: 14px;
    border: none 1px #cadced;
    padding-left: 5px;
    padding-right: 5px;
    margin: 2px 0px 2px 0px;
}
.DatagridBlueHeaderSmall
{
    color: #004C93;
    font-size: 12px;
    border: none 1px #cadced;
    padding-left: 5px;
    padding-right: 5px;
    margin: 2px 0px 2px 0px;
}

.DataGridBlueDisplay
{
    border: solid 1px #cadced;
    padding-left: 5px;
    padding-right: 5px;
    margin: 2px 0px 2px 0px;
}

.multiSelectCheckbox
{
    height: 200px;
    border: solid 1px #80B5F3;
    width: 165px;
    overflow: auto;
    overflow-x: hidden;
}
.hidden
{
    display: none;
}
.VisibleDetails
{
    cursor: pointer;
}
.VisibleWebsite
{
    cursor: pointer;
}

/*Used for the number menu on the person overview page*/
.nav a
{
    border: solid 1px;
    margin: 1px;
    padding: 2px 3px 2px 3px;
}
.nav
{
    margin: 2px;
}

.errorMessage
{
    color: Red;
    font-weight: bold;
    font-size: 14px;
}

/* Used for pop up searches*/

.FloatingDIV
{
    border: solid 1px #cadced;
    padding-left: 5px;
    padding-right: 5px;
    margin: 2px 0px 2px 0px;
}

.FloatingDIV .ItemList
{
    text-decoration: none;
}

.FloatingDIV .ItemList:hover
{
    text-decoration: underline;
    color: Orange;
    cursor: pointer;
}


.archivedResult
{
    background-color: #ccc;
}
.archivedOldResult
{
    background-color: #ccc;
}
.ActionPopup
{
    border: solid 2px #cadced;
    position: absolute;
    background-color: #333;
    font-size: 12px;
}
.ActionPopup td
{
    border-bottom: solid 0px;
    height: 0px;
}
.ExportContent
{
    border: solid 2px #004bdf;
    background-color: #333;
}
.ExportDialogBox
{
    position: absolute;
    left: 5px;
    top: 5px;
}

.TableBlueItems
{
    border-bottom: solid 1px #cadced;
}
.PropertyHoverDetail
{
    position: absolute;
    border: solid 2px #cadced;
    padding: 5px;
    display: none;
    color: #111;
    background-color: #333;
}
.attachmentBackground
{
    border: solid 2px #cadced;
    width: 75%;
    margin: 10px auto;
    padding: 15px;
    text-align: center;
    background-color: #333;
}
.ContactTableHeader
{
    color: Black;
    font-size: 12px;
    font-weight: bold;
    width: 800px;
}
.ContactSubHeader
{
    color: Black;
    font-size: 11px;
    font-weight: bold;
}
.ContactContent
{
    border-bottom: dotted 1px #DDD;
    width: 100px;
}

.deleted
{
    display: none;
}
.MethodTypeDelete
{
    cursor: pointer;
    padding: 0px 10px 0px 10px;
    color: #ff0000;
    font-weight: bold;
}
.MethodTypeName
{
    width: 80px;
    display: block;
    float: left;
}
.MethodTypeDescription
{
    width: 80px;
}

.tablesorter th.headerSortUp
{
    background-image: url(../images/icons/headerSortUp.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.tablesorter th.headerSortDown
{
    background-image: url(../images/icons/headerSortDown.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.tablesorter th.header
{
    color: #004C93;
    cursor: pointer;
    font-size: 12px;
    padding-right: 10px;
    margin-left: -1px;
    text-decoration: underline;
    background-color: Transparent;
}

.tablesorter
{
}

.floatingDiv
{
    position: absolute;
    border: solid 1px #80B5F3;
    border-top: solid 1px #80B5F3;
    background-color: #333;
    padding: 2px;
}

.floatingDivBox
{
    height: 200px;
    border: solid 1px #80B5F3;
    overflow: auto;
    overflow-x: hidden;
}

.watermark
{
    font-style: italic;
    color: Gray;
}

/*Rooms new*/
.command-buttons
{
    text-align: right;
}
.room-description-heading
{
    float: left;
    width: 100px;
    display: block;
}
.room-description
{
    width: 99%;
    height: 80px;
}
#RoomsContainer
{
    padding: 5px;
    border-bottom: solid 1px #ccc;
}
#RoomsResultContainer
{
    margin-top: 10px;
}
#RoomsResultContainer .room
{
    padding: 5px;
}
#Indicator
{
    float: right;
    font-weight: bold;
    color: #f00;
    margin-top: 10px;
}
.dragHandle
{
    vertical-align: middle;
    cursor: move;
    width: 32px;
}
#RoomsTable
{
    width: 100%;
}
#RoomsTable td
{
    border-bottom: solid 1px #ccc;
}

.CriteriaBar
{
    text-align: center;
    padding:20px;
    border:solid 1px #01828f;
}



/*****************************Quick Search CSS Start*******************************************/


    #SearchOptions{
                    width:230px;
                    float:left; 
                    position:absolute; 
                    margin-top:25px; 
                    height:auto; 
                    display:none;
                    z-index:1000;
                    background-color:#111;
    }

    #SearchOptions li{
                    margin:0;
                    width:100%;
                    padding:15px;
                    color:#e5e5e5;
                    border-bottom:solid 1px rgba(255,255,255,0.1);
    }

    #SearchOptions li img{
                    margin-right:10px;
    }

    #QSSuggestionsDiv{
         float:left; 
         background: #000;
         background: -moz-linear-gradient(45deg,  #000 30%, #00343b 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left bottom, right top, color-stop(30%,#000), color-stop(100%,#00343b)); /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(45deg,  #000 30%,#00343b 100%); /* Chrome10+,Safari5.1+ */
         background: -o-linear-gradient(45deg,  #000 30%,#00343b 100%); /* Opera 11.10+ */
         background: -ms-linear-gradient(45deg,  #000 30%,#00343b 100%); /* IE10+ */
         background: linear-gradient(45deg,  #000 30%,#00343b 100%); /* W3C */
         width:400px;
         position:absolute; 
         height:auto;
         z-index:10000;
         margin-top:31px;
    }
    #btn-container {
        display: none;
        margin-top:-15px;
        text-align:right;
        float:right;
        width:300px;
        margin-right:5px;
    }

    #btn-previous {
        font-size: 12px;
        cursor: pointer;
    }

    #btn-next {
        font-size: 12px;
        cursor: pointer;
    }

    .QSContact {
        background-image: url(/App_Themes/AgencyOffice_Dark/Images/contact_icon.png);
        width: 20px;
        height: 21px;
        display: block;
        background-repeat: no-repeat;
        border: none;
    }

    .QSProperty {
        background-image: url(/App_Themes/AgencyOffice_Dark/Images/property_icon.png);
        width: 20px;
        height: 21px;
        display: block;
        background-repeat: no-repeat;
        cursor: pointer;
        border: none;
    }

    .QSCompany {
        background-image: url(../images/QS_Company.png);
        width: 20px;
        height: 21px;
        display: block;
        background-repeat: no-repeat;
    }

    .qsDetails {
        cursor: pointer;
        /*padding: 3px;*/
        color: #fff;
        font-family: 'pt_sansregular', sans-serif;
        font-size: 12px;
    }

    #quick-search-message {
        color: #fff;
        font-family: 'pt_sansregular', sans-serif;
        font-size: 12px;
    }

    #quick-search-results {
        color: blue;
        position:absolute;
        background:#000;
        width:100%;
    }
	
	#quick-search-results tr {
	display:block;
	width:100%;
	padding:12px;
	border-bottom:solid 1px rgba(255,255,255,0.12);
	}
	
	#quick-search-results tr:nth-of-type(even) {
	display:none;
	}
	
	#quick-search-results img {
		border:none !important;
		margin-right:10px;
		}
	
	


/*****************************Quick Search CSS End*********************************************/


/*------------------------------------------------------------------------------*/
/*-------------------------------Sub menus--------------------------------------*/
/*------------------------------------------------------------------------------*/


/* Light Grey submenu */

.submenu{
    display:none;
    position:fixed;
    height:100%;
    padding-top:120px;
    z-index:200;
    font-family: 'pt_sansregular', sans-serif;
    font-size:14px; 
    background-color:rgb(20,20,20);       
    overflow:auto;
	-webkit-overflow-scrolling: touch;
    width:50%;
    max-width:300px;
    box-shadow:10px 0px 20px rgba(0,0,0,0.3);
}
.submenu2{
    background-color:rgba(20,20,20,0.96);       
}
.submenu3{
    background-color:rgba(20,20,20,0.96);       
}

.menuDiv{
    width:100%;
    left:40px;
    width:auto !important;
    padding-bottom:1px;
}

.submenu li {
    display:block;
    width:auto;
    color:#fff;
    padding:15px;
    position:relative;
    cursor:pointer;
    padding-left:30px;
    font-size:1em;
    transition:0.2s ease;
    border-bottom:solid 1px rgb(255,255,255);
}


.submenu li:hover {
    background:rgba(255,255,255,0.3);
}

.submenu li img{
    position:absolute;
    left:30px;
    width:20px;
    top: 50%;
    transform: translateY(-50%);
}

.submenu li br {
    display:none; 
}

.submenu .left_end, .submenu .right_end { display:none; cursor:pointer; height:20px; width:10px; margin-top:0px; padding:40px 10px; top:0px; position:absolute; background-color:#111;}

.submenu2 .left_end, .submenu2 .right_end {background-color:#444; }
.submenu3 .left_end, .submenu3 .right_end {background-color:#999; }

.submenu .left_end{ left:0; }
.submenu .right_end{ right:0; }
.arrow_right, .arrow_left { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.arrow_right { border-left: 10px solid #e5e5e5; }
.arrow_left { border-right: 10px solid #e5e5e5; }

.blue_link	{ border-left:solid 5px #01828f !important; } 


.popmenu{
    position:absolute;   
    display:none;
    right:0;
    width: 300px;
    min-height:500px;
    color:white;
    background-color:#111;      
    top:80px;
	bottom:0 !important;
	height:auto !important;
    z-index:2000;
    font-family: 'pt_sansregular', sans-serif;
    font-size:14px;
    padding:30px;
}

.popmenu2{
    position:absolute;   
    display:none;
    right:0;
    width: 300px;
    min-height:500px;
    color:white;
    background-color:#444;      
    top:120px;
	bottom:0 !important;
	height:auto !important;
    z-index:2000;
    font-family: 'pt_sansregular', sans-serif;
    font-size:14px;
    padding:30px;
}

.popsubmenu{
    right:300px;
    background-color:#444;      
    overflow-y:auto;
}
.popsubmenu H1{
    text-align:left;
    color:#01828f !important;
    margin:0 0 10px;
}
.popmenuhr{
    height:1px;    
    color:rgba(255,255,255,0.1);
}

.popmenulink, popmenulink2{
    padding-top: 10px;
    padding-bottom: 10px;
    cursor:pointer;
}
.popmenulink2{
    padding-bottom:5px;
}

.popmenulink:before {
    display:    inline-block;       
    width:      0;      
    height:     0;  
    border-top:     solid transparent;

    border-bottom:  solid transparent;
    border-left:solid #fff; 
    border-width:   5px;
    content:        ' ';
    margin-right:   5px;
}

.popmenulink:nth-last-of-type(1)    {
    margin-bottom:20px;
}


//*----------------------------MAIN CONTENT----------------------------------*/
/*-------------------------------STYLING-------------------------------------*/
/*-----------------------------BEGINS HERE-----------------------------------*/

#content_wrap{ /* Contains the content below the header */
    height:100% !important;
    width:100% !important;
	position:absolute !important;
}

#wrap_left{ /* left Pane */
    width:80%;
    height:100%;
    background-color:#fff;
	padding-top:120px;
}

#wrap_right{ /* Right Pane */
    width:20%;
    background-color:#F3F3F3;
    float:left;
    position:fixed;
    right:0;
    height:auto;
    bottom:0;
    top:120px;
    padding:0px;
}

/* ==============  Left Pane Content Styling  ===============*/

#left_content{ 
    height:100%;
    width:100%; 
}


/*#right_content{ width:96%; padding:100px 2%; }*/


/*****************************Right Panel CSS- old (will delete after applying new CSS*********************************************/
.rplayer1{
    width:100%;
    font-size:16px;
    color:#111;
    padding:2% 0;
    margin:5px 0 5px;
    transition:0.2s ease;
}
/*.rpheading {
margin: 1px;
margin-top: 5px;
color: #fff;
padding: 5px 10px;
cursor: pointer;
position: relative;
background: linear-gradient(45deg, #000 30%,#00343b 100%);
}
.rpheading-image{
background-image:url('../Images/UI/downarrow.png');
background-repeat:no-repeat;
background-position:right center;outline:0;

}*/
.rpcontent {
/*margin-top: 10px;
margin-left: 5px;
background-color:#fafafa;*/
}
.filterinput{
width:90%;
padding:5px 3% 5px 25px;
font-size:14px;
border-radius: 2px;
background-image:url('../images/search.png');
background-repeat:no-repeat;
background-position:left center;outline:0;
border-color:#d9d7d8;
}
.feeds{
border-top:solid 1px #EFEFEF;
font-family: Arial,Helvetica;
font-size: 12px;
line-height: 14.4px;

}
.feeds td{
padding:10px 0px;
}
/* ==============  Right Pane Content Styling  ===============*/

#right_content{box-sizing:border-box; width:100%; height: 100%; padding:0 0 0 0; font-size:14px; color:#555555; font-family: 'pt_sansregular', sans-serif!important; }

#right_content a{ text-decoration:underline; color:#01909c; }

#right_content h1{  color:#e5e5e5; padding:5px 3%; background-color:#333; font-size:14px; margin:1px 0; text-align:left !important;}

#right_content h1 img{ float:right; padding-top:6px;} 

/*Related Information table */

.related_info{ width:94%; margin:15px 0; padding:0 3%; }

.related_info tr td:nth-of-type(1){ padding-right:10px; color:#01909C; }
thead th{ padding-bottom:5px; font-weight:400 !important;}
/*.related_info tr:nth-of-type(1) td{ font-size:17px; padding-bottom:5px; }*/
.BlueDisp
/*.related_info th { 

margin-bottom: 10px;
font-weight: 300 !important;
font-family: 'pt_sansregular', sans-serif;

}*/

/* Messenger */

.messenger{ /*width:94%; padding:15px 3%; max-height:250px; height:200px; height:auto; overflow:hidden;*/}

.messenger_wrap{ position:absolute; bottom:0; width:100%;  }

/* News Feed */

.news_feed{ overflow-y:scroll; min-height:500px;}

.news_feed_content {box-sizing:border-box;}

.news_post{ width:94%; padding:12px 3%;  border-bottom:solid 1px #c9c9c9; }

.small{ font-size:12px; color:#949494; }

/* Hide Feed Link */

.hide_feed {position:absolute; bottom:0; background-color:#333; width:94%; padding:7px 3%; color:#e5e5e5; text-decoration:underline; }
/*****************************Right Panel CSS End*********************************************/



/* Task blocks */


.task_block {
    width:100%;
    height:auto;
    position:relative;
    margin-bottom:30px;
}

.pagination{
    float:right;
    color:#01828f;
}

.pagination li {
    margin: 0px;
    display:inline-block;
}

.task_block table {
    width:100%;
    border-collapse:collapse;
    margin-bottom:10px;
}

.task_block table tr td{
    padding:20px 10px;
    vertical-align:text-top;
    color:#111;
    font-size:13px;
    border:none;
}

.task_block table tr:nth-of-type(odd) {
    background:rgba(0,0,0,0.07);
}






/* Search Page */
        .search_field {
            width: 100%;
            margin-bottom: 30px;
        }

        .search_field h1 {
            padding: 0 0 10px;
            color: #01828f;
            text-align: left !important;
            font-weight: 400 !important;
            font-family: 'pt_sansregular', sans-serif;
            border-bottom:solid 1px #eeeeee;
            margin-bottom:15px;

        }

        
        .search_field .row input, .search_field .row select {
            width:100% !important; 
        }
        
        .search_field .row input[type="checkbox"] { width:auto !important; margin-top:35px; }

        ul li input[type="checkbox"] {             
            margin-top:0px !important; 
        }
        
        .search_field .row h4 {
            padding-top:25px;
        }
        
        .search_field .row p {
            margin:7px 0 0;
            font-size:12px;
            color:#555;
        }
        
        .search_field .row p+div {
            margin-top:4px;
            width:100% !important;
        }
        
        .search_field .row p+div > input {
            padding:0 !important;
            height:0 !important;
        }

        .search_field .row button {
            width:100% !important;
            font-size:14px;
            padding:5px;
            margin:5px 0;
        }
        
        .location_search_close {
            position: absolute;
            right: 18px;
            top: 32px;
            background: #01828f;
            border-radius: 100%;
            height: 23px;
            width: 23px;
            text-align: center;
            color: #fff;
            padding-top: 4px;
            font-size: 12px;
        }

        .search_field #SearchContainer ,.search_field #RefineSearch{
            
        }
        
        #OfficeMultiSelect {
            position:relative !important;
            width:100% !important;
            background:inherit !important;
        }
        
        #OfficeMultiSelect > * {
            width:100% !important;
        }
        
        .RadPicker_Vista {
            /* width:100% !important; */
        }
        
        .RadPicker_Vista > input, .RadPicker > input {
            height:0px !important;
            padding:0 !important;
            min-height:0;
        }
        
        .RadPicker_Vista td {
            vertical-align:top !important;
            }
        
        /* .search_field .row .RadPicker_Vista .rcCalPopup, .RadPicker_Vista .rcTimePopup {
            bottom: 23px !important;
            right: 23px;
            margin: 0 !important;
        } */

        #CommercialPropertySearchResultsContainer {
            width:100% !important;
        }
        




  /* Property Overview Page */

    .property_overview {
        padding: 30px;
        margin-bottom: 50px;
        margin-top: 10px;
        width: 100%;
        font-size: 14px;
        border-top: solid 1px #c9c9c9;
    }

    .overview_image {
        width: 300px;
        float: left;
        background-color: #e5e5e5;
        margin-right: 30px;
    }

    .property_details td {
        vertical-align: top;
        padding-right: 50px;
    }

        .property_details td li {
            list-style-type: none;
            margin-bottom: 10px;
        }

.NameLbl {
    display:block;
}



/*Search Results toolbar*/
/* 02/03 - Andrew Lewis 
    Icons.css created to define all icons that should be used throughout the system
*/
.blueArrowRight
{
    background-image:url(../images/icons/nav_right_blue.png);
    min-width:16px;
    min-height:16px;
    display:block;
    background-repeat:no-repeat;
}
.SearchResults
{
    background-color:white;
}
.RedCircle
{
    background-image:url(../images/icons/RedCircle.gif);
    min-width:20px;
    min-height:20px;
    display:block;
    background-repeat:no-repeat;
}



.GreenCircle
{
    background-image:url(../images/icons/GreenCircle.gif);
    min-width:20px;
    min-height:20px;
    display:block;
    background-repeat:no-repeat;
}
.SendEmail
{
    background-image:url(../images/icons/SendEmail.png);
    min-width:33px;
    min-height:33px;
    display:block;
    background-repeat:no-repeat;
}
.SendSMS
{
    background-image:url(../images/icons/SendSMS.png);
    min-width:33px;
    min-height:33px;
    display:block;
    background-repeat:no-repeat;
}
.SendPostal
{
    background-image:url(../images/icons/SendPostal.png);
    min-width:33px;
    min-height:33px;
    display:block;
    background-repeat:no-repeat;
}

.SendManual
{
    background-image:url(../images/icons/SendManual.png);
    min-width:33px;
    min-height:33px;
    display:block;
    background-repeat:no-repeat;
}

.CSVExport
{
    background-image:url(../images/icons/CSVExport.png);
    min-width:33px;
    min-height:33px;
    display:block;
    background-repeat:no-repeat;
}
.ExportHeaderLeft
{
    background-image:url(../images/ExportHeaderLeft.png);
    min-width:7px;
    min-height:18px;
    display:block;
    background-repeat:no-repeat;
}
.ExportHeaderMiddle
{
    background-image:url(../images/ExportHeaderMiddle.png);
    min-width:100%;
    min-height:18px;
    display:block;
    background-repeat:repeat-x;
    color:White;
}
.ExportHeaderRight
{
    background-image:url(../images/ExportHeaderRight.png);
    min-width:22px;
    min-height:18px;
    display:block;
    background-repeat:no-repeat;
}
.Export
{
    background-image:url(../images/Icons/Export.png);
    min-width:35px;
    min-height:35px;
    display:block;
    background-repeat:no-repeat;
    padding-left:40px;
    padding-top:12px;
}
.AddToList
{
    background-image:url(../images/Icons/AddToList.png);
    min-width:35px;
    min-height:35px;
    display:block;
    background-repeat:no-repeat;
    padding-left:40px;
    padding-top:12px;
}
.Archive
{
    background-image:url(../images/Icons/Archive.png);
    min-width:35px;
    min-height:35px;
    display:block;
    background-repeat:no-repeat;
    padding-left:40px;
    padding-top:12px;
}
.SaveList
{
    background-image:url(../images/Icons/SaveList.png);
    min-width:35px;
    min-height:35px;
    display:block;
    background-repeat:no-repeat;
    padding-left:40px;
    padding-top:12px;
}
.SelectAll
{
    background-image:url(../images/Icons/SelectAll.png);
    min-width:35px;
    min-height:35px;
    display:block;
    background-repeat:no-repeat;
    padding-left:40px;
    padding-top:12px;
}
.UnselectAll
{
    background-image:url(../images/Icons/UnselectAll.png);
    min-width:35px;
    min-height:35px;
    display:block;
    background-repeat:no-repeat;
    padding-left:40px;
    padding-top:12px;
}

.AddItem
{
    background-image:url(../images/Icons/Add.png);
    min-width:35px;
    min-height:35px;
    display:block;
    background-repeat:no-repeat;
    padding-left:40px;
    padding-top:12px;
}
.SaveSearch
{
    background-image:url(../images/Icons/SaveSearch.png);
    min-width:35px;
    min-height:35px;
    display:block;
    background-repeat:no-repeat;
    padding-left:40px;
    padding-top:12px;
    white-space:nowrap;
}
.QuickSend
{
    background:#fff url(../images/QS_Contact.gif) center left no-repeat;
    min-width:20px;
    min-height:21px;
    display:block;
    padding-left:40px;
    padding-top:12px;
    white-space:nowrap;
}
.GreenTickSmall
{
    background-image:url(../images/Icons/GreenTickSmall.png);
    min-width:20px;
    min-height:20px;
    display:block;
    background-repeat:no-repeat;
}
.GreenTickLarge
{
    background-image:url(../images/Icons/GreenTickLarge.png);
    min-width:20px;
    min-height:20px;
    display:block;
    background-repeat:no-repeat;
}

.RedCross
{
    background-image:url(../images/Icons/delete2.png);
    min-width:23px;
    min-height:23px;
    display:block;
    background-repeat:no-repeat;
    
}

.GreenTick
{
    background-image:url(../images/Icons/check2.png);
    min-width:23px;
    min-height:23px;
    display:block;
    background-repeat:no-repeat;
    
}

.LogNote
{
    background-image:url(../images/Icons/LogNote.png);
    min-width:20px;
    min-height:20px;
    display:block;
    background-repeat:no-repeat;
}
.PersonIcon
{
    background-image:url(../images/Icons/Person.jpg);
    min-width:23px;
    min-height:30px;
    display:block;
    background-repeat:no-repeat;
}
.HouseIcon
{
    background-image:url(../images/Icons/House.jpg);
    min-width:35px;
    min-height:30px;
    display:block;
    background-repeat:no-repeat;
}
.BedroomsIcon
{
    background-image:url(../images/Icons/Bedrooms.gif);
    min-width:37px;
    min-height:20px;
    display:block;
    background-repeat:no-repeat;
}
.BedroomsSmallIcon
{
    background-image:url(../images/Icons/BedroomsSmall.png);
    min-width:25px;
    min-height:14px;
    display:block;
    background-repeat:no-repeat;
}
.BathroomsIcon
{
    background-image:url(../images/Icons/Bathrooms.gif);
    min-width:35px;
    min-height:20px;
    display:block;
    background-repeat:no-repeat;
}
.BathroomsSmallIcon
{
    background-image:url(../images/Icons/BathroomsSmall.png);
    min-width:25px;
    min-height:14px;
    display:block;
    background-repeat:no-repeat;
}
.ReceptionsIcon
{
    background-image:url(../images/Icons/Receptions.gif);
    min-width:37px;
    min-height:20px;
    display:block;
    background-repeat:no-repeat;
}
.ReceptionsSmallIcon
{
    background-image:url(../images/Icons/ReceptionsSmall.png);
    min-width:25px;
    min-height:14px;
    display:block;
    background-repeat:no-repeat;
}
.GardenIcon
{
    background-image:url(../images/Icons/Garden.gif);
    min-width:33px;
    min-height:19px;
    display:block;
    background-repeat:no-repeat;
}
.ParkingIcon
{
    background-image:url(../images/Icons/Parking.gif);
    min-width:33px;
    min-height:19px;
    display:block;
    background-repeat:no-repeat;
}
.TrainStationIcon
{
    background-image:url(../images/Icons/TrainStation.gif);
    min-width:33px;
    min-height:19px;
    display:block;
    background-repeat:no-repeat;
}
.AdvertBuilderExport
{
    background-image:url(../images/Icons/AdvertBuilderExport.png);
    min-width:35px;
    min-height:27px;
    display:block;
    background-repeat:no-repeat;
}
.PostcodeValidate
{
    background-image:url(../images/Icons/PostcodeValidate.png);
    min-width:23px;
    min-height:20px;
    display:block;
    background-repeat:no-repeat;
    margin-left:10px;
}
.ViewMap
{
    background-image:url(../images/Icons/ViewMap11Clear.gif);
    min-width:23px;
    min-height:20px;
    display:block;
    background-repeat:no-repeat;
}
.ClearMap
{
    background-image:url(../images/Icons/ClearMap3.png);
    min-width:23px;
    min-height:30px;
    display:block;
    background-repeat:no-repeat;
}
.LoadingSpin
{
    background-image:url(/App_Themes/AgencyOffice_Dark/Images/loading.gif);
    min-width:40px;
    min-height:40px;
    display:block;
    background-repeat:no-repeat;
}
.AJAXLoader {   
    background-image: url(/App_Themes/AgencyOffice_Dark/Images/37-1.gif);
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 200px;
    height: 90px;
    border-style: solid;
    border-width: 2px;
    padding-top: 30px;
    z-index: 10;
    background-color: #ffffff;
    border-color: #999999;
    background-repeat: no-repeat;

}
.WarningMessage
{
    background-image:url(../images/Icons/Warning.gif);
    min-width:20px;
    min-height:20px;
    display:block;
    background-repeat:no-repeat;
}

.Information
{
    background-image:url(../images/Icons/Info.png);
    min-width:20px;
    min-height:20px;
    display:block;
    background-repeat:no-repeat;
    vertical-align:middle;
}

.Calculator
{
    background-image:url(../images/Icons/CalculatorSmall.png);
    min-width:10px;
    min-height:10px;
    display:block;
    background-repeat:no-repeat;
}
.Slideshow
{
    background-image:url(../images/Icons/Slideshow.png);
    min-width:35px;
    min-height:35px;
    display:block;
    background-repeat:no-repeat;
}
.PrintView
{
    background-image:url(../images/Icons/printer.png);
    min-width:35px;
    min-height:35px;
    display:block;
    background-repeat:no-repeat;
    margin:7px 0px 0px 20px;
}
.BrowseView
{
    background-image:url(../images/Icons/Image66.png);
    min-width:35px;
    min-height:35px;
    display:block;
    background-repeat:no-repeat;
    margin:7px 0px 0px 20px;
}
.ApplicantSave
{
    background-image:url(../images/Icons/Image6.png);
    min-width:35px;
    min-height:35px;
    display:block;
    background-repeat:no-repeat;
    margin:7px 0px 0px 20px;
}

.SmallAddItem
{
    background-image:url(../images/Icons/SmallAdd.png);
    min-width:20px;
    min-height:20px;
    display:block;
    background-repeat:no-repeat;
    
}

.SmallClearBlue
{
    background-image:url(../images/Icons/ClearBlue.png);
    min-width:20px;
    min-height:18px;
    display:inline-block;
    background-repeat:no-repeat;
    
}

/* #PropertyDocuments  { padding:10px; border:solid 1px grey; }

#PropertyDocuments th { color:#00a1af; }
input[type="image"]         { padding:0; margin:0; }

#header-right #selectedPop { text-align:right; min-width:130px; }
*/



/* ===== Side Menu reveal button ===== */

#right_content .ui-accordion-content {
    background-color: transparent;
    padding: 15px;
}

#wrap_clickme {
    display: none;
    position:fixed;
    top: 50%;
    transform: translateY(-50%);
    right: -32px;
    color: #e0e0e0;
    padding: 15px;
    background-color: #01828f;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border:solid 1px rgba(0,0,0,0.1);
    border-radius: 5px 5px 0 0;
    box-shadow: 0px -3px 10px rgba(0,0,0,0.3);
    cursor:pointer;
}

    
#wrap_clickme h1 { color: #fff; font-family: 'pt_sansregular', sans-serif; font-size:1em !important; font-weight:300 !important; }
    

/* Fix for multi select dropdown */

.MultiSelectOptions { 
	z-index:10000;
}
    
.GridHeader
{
    
    display:table-row !important;
    height:50px ;
    
}
.GridRow{
    padding: 0px !important;
}
.CollapsibleContent{
    border: 1px solid #ddd; padding: 10px;border-top: 0px none; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
}
.CollapsibleHeader{
    cursor:pointer;
    padding: 6px !important;
    font-size: 1em !important;
}
.CollapsibleHeader i{
    float: right;
}

pre {
    overflow: auto;
    margin: 0em 0px;
}

pre > code {
    display: block;
    padding: 0;
    padding-top:10px;
    word-wrap: normal;
    line-height:70%;
}
figure {
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.offerLog {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    overflow: unset;
    line-height: unset;
}




.flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adjust spacing between items */
    background: rgba(0, 0, 0, 0.07);
    padding:10px;
}

.flex-input-group {
    display: flex;
    flex-direction: column; /* Stack label above input */
    align-items: flex-start; /* Align label to the left */
}

.flex-label {
    margin-bottom: 5px; /* Adjust spacing between label and input */
}

.flex-input-group tr {
    background: rgba(0, 0, 0, 0)!important;
}

.PopupDisplay {
    padding: 5px;
}

.PopupDisplay table {
    padding: 5px;
}

.PopupDisplay tr {
    padding: 5px;
}

.PopupDisplay td {
    padding: 5px;
}

#SupportLink{
    color:white;
}