/* clearfix */
.floatfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .floatfix { height: 1%; }
.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* *********************
	Main Elements
************************/
	
	 /* increase font-size  from .750em to .850em 12/28/2020 RMH */
body { width: 80%; height: 95%; text-align: center; margin: 0 auto; font-size:.850em; font-family: arial, sans-serif; background-image: url(../images/bg.gif); }
html { height: 95%; }
h1 { margin: 0px; margin-bottom:5px; padding: 0px; font-size: 1.75em; font-weight: bold; color: #8d876f; }
h2 { margin: 0px; padding: 0px; font-size: 1.25em; font-weight: bold; color: #000; }
h3 { margin: 0px; padding: 0px; font-size: 9pt; font-weight: bold; color: #000; }
hr { height: 1px; background-color: #000; }
img { border: 0px; }
p { margin: 5px 0px 8px 0; }

a { color: #000; text-decoration: underline; }
a.orange { color: #d37b00; text-decoration: none; }
a:hover { text-decoration: underline; }

/* form styles */
input.text { border:1px solid #000; padding:4px 2px; font-size:0.9em; }
input.submit { height: 18px; border: 1px solid #000; }
input.select { font: 7pt verdana; height: 18px; border: 1px solid #000; }
textarea { border: 1px solid #000; padding:2px; font-family: arial; font-size: 1em; }
form { margin: 0px; padding: 0px; }
button img { position:relative;top:2px }

.highlight { background-color:#fde6b4; }
.grey { color:#707070; }
.blur { color:#585858; }
.category { text-align:right; font-weight:bold; }
.heading { font-weight:bold; }
.bold { font-weight:bold; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.small { font-size:.90em; line-height:normal; }
.smallbold { font-size: .90em; font-weight: bold; }
.icon { margin-bottom:-2px; }
.print { display:none; }
.top { vertical-align:top; }
.top-padding { vertical-align:top; padding-top:5px; }
span.required { color: #ff0000; font-size:1.2em;  }
#backlink { float:right; font-weight:bold; padding-right: 10px; margin-top:-20px; }
.backbutton { float:right; font-weight:bold; background:url(../images/icon_back.gif) left no-repeat; margin-top:7px; padding:0 10px 0 18px; }

/* *********************
	Icon
************************/
a.icon, span.icon { padding:2px 0 1px 19px; background-position:left; background-repeat:no-repeat; }
.logout { background-image:url(../images/icon_logout.gif); }
.toggleheaders { background-image:url(../images/icon_toggle.gif); }
.view { background-image:url(../images/icon_view.png); }
.delete { background-image:url(../images/icon_delete.gif); }
.toggle { background-image:url(../images/tree_contract.gif); text-decoration:none; }
.add { background-image:url(../images/add.gif); }
.edit { background-image:url(../images/icon_edit.png); }
.info { background-image:url(../images/icon_info.png); }
.new { background-image:url(../images/icon_new.gif); }
.house { background-image:url(../images/icon_house.gif); }
.key { background-image:url(../images/icon_key.gif); }
.tick { background-image:url(../images/icon_tick.gif); }
.tickthin { background-image:url(../images/icon_tick_thin.gif); }
.report { background-image:url(../images/icon_report.png); }
.config { background-image:url(../images/icon_config.png); }
.email { background-image:url(../images/icon_email.png) }
.email-gold { background-image:url(../images/icon_email_gold.png) }

/* *********************
	Error / Success messages
************************/
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
#notice { border:1px solid #f29514; background-color:#fff; height:70px; }
.message { color:#000; padding:10px; margin:0 auto; }
.message ul { margin-top:0px; text-align:left; }
.message-title { font-size:120%; font-weight:bold; margin:0px; padding:0px; text-align:left; }
.message-description { margin-top:5px; padding:0px; text-align:left; }

/* notice box for old leads on detail sheet */
.infobox
	{
	background-image:url(http://www.mlscapecod.net/admin/views/images/notice.gif);
	background-repeat:no-repeat;
	background-position:left;
	border:1px solid #000;
	margin:auto;
	margin-bottom:5px;
	text-align:left;
	padding:5px;
	background-color:#fcedcb;
	}
	.infobox .infobox_title { margin-left:30px; font-weight:bold; }
	.infobox .infobox_body { margin-left:30px; }
	
/* *********************
	Design containers
************************/
	 /* increase container width from 850px to 960px 12/28/2020 RMH */
#container { margin: 0 auto; text-align: left; width: 960px; min-height: 100%; border: 1px solid #f29514; background-color: #fffae4; }
/* header + nav */
#headerContainer { width:100%; height:115px; margin:0px; padding:0px; background-color: #f4f3ef; background-image:url(../images/header.gif); position:relative; }
#headerContainer #navContainer { margin: 0px; padding: 0px; height: 20px; width: 100%; }
#contentContainer { clear:both; min-height:100%; text-align:left; margin-top:10px }
#content { clear:both; }
#leftContent { width:600px; float:left; padding-left:15px }
#rightContent { width:200px; float:right; padding-right:15px }

.orange_bar { background-color:#fde6b4; text-align:center; padding:3px 0px; }
.button { background:url(../images/button_bg.gif) repeat-x; border:1px solid #ffaf3e; padding:5px 10px; color:#000; text-decoration:none }
.button:hover { border-color:#cb7600 }

/******************************************/
/* AJAX Search */
/******************************************/
.autocomplete-container { margin-left:578px; margin-top:20px; position:relative; width:259px; display:block; }
.autocomplete { position: absolute; width:250px; font-size:0.90em; right: 10; top: 0; }
.autocomplete-submit { position:absolute; right:4px; top:1px; }

/******************************************/
/* delete lead */
/******************************************/
#deleteLeadForm .autocomplete { position:static; width:400px; padding:5px; font-size:0.90em; }
#deleteLeadForm { text-align:center; margin:20px auto 0 auto; width:495px; padding:15px; background:#fff }
#deleteLeadForm #deleteLeadSubmit { padding:2px 5px }

#deleteLeadConfirmForm { float:left; width:325px; text-align:center; margin-left:10px; background:#fff; padding:10px }
#deleteLeadConfirmForm h2 { border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; font-weight:bold }
.deleteLeadConfirmItem { margin:15px 0 15px 0; }
.deleteLeadConfirmItem input, .deleteLeadConfirmItem textarea { margin-top:3px }

/******************************************/
/* dropdown navigation */
/******************************************/
#cssdropdown, #cssdropdown ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
	z-index:100;
	position:relatve;
	left:0;
}

#cssdropdown li 
{
	float: left;
	position: relative;
	width: 120px;
	z-index:100;
}

.mainitems
{
	background-color: transparent;
}

.mainitems a
{
	font-weight:bold;
	margin-left: 6px;
	margin-right: 8px;
	text-decoration: none;
}

.subuls
{
	display: none;
	width: 10em;
	position: absolute;
	top: 1.2em;
	left: 0;
	background-color: #fff;
	border: 1px solid black;
	padding: 2px;
	text-align: left;
	z-index:100;
}

.subuls li { width: 100%; }
.subuls li  a 
{
	padding:1px 0px 1px 3px; 
	margin:0;
	font-weight:normal; 
	display:block;
}
.subuls li a:hover { background-color:#e1e1e1; }

#cssdropdown li>ul 
	{ /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: 10;
	left: 0;
	}


#restofcontent { clear:left; }
li.heading { background-color:#fde6b4; padding:2px 0px 2px 0px; font-size:0.90em; font-weight:bold; }
.togglemenu { height:20px; padding: 0 3px; }
.togglemenu:hover { background-color:#e7d6a9; }
	

	
	
div#leadname_choices { position:absolute; text-align:left; width:250px; background-color:white; border:1px solid #888; margin:0px; padding:0px; }
div#leadname_choices ul { list-style-type:none; margin:0px; padding:0px; }
div#leadname_choices ul li.selected { background-color: #FFE7B5;}
div#leadname_choices ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; }
    
/* home page agent, lead, etc */
div#LeadManangement { clear:both; width:100%; background-image:url(../images/header_leads.gif); background-repeat:no-repeat; background-position:top left; }
div#AgentManagement { clear:both; width:100%; height:85px; margin-top:20px; background-image:url(../images/header_agents.gif); background-repeat:no-repeat; background-position:top left; }	
div#SearchAndEmail { clear:both; width:100%; height:85px; margin-top:20px; background-image:url(../images/header_search.gif); background-repeat:no-repeat; background-position:top left; }
.NavigationLinks { padding:50px 0px 0px 85px; }
.NavigationLinks a { text-decoration:none; }
.NavigationLinks a:hover { text-decoration:underline; }


div#icon
{
	width: 90px;
	text-align: center;
	padding: 3px;
	border: 1px solid #f29514;
	background-color: #fff;
}

/* *********************
	left boxes
************************/
#boxContainer { border:1px solid #a6a098; clear:both; }
#boxTop { text-align: left; font-weight: bold; padding:4px; background-color:#fde6b4; }
#boxTopRight { float:right; margin-top:-3px; color:#5c564e; padding:4px; font-size:0.90em; }
#boxContent { font-size:0.90em; padding:5px; background-color:#fff; }


/* *********************
	top boxes on lead detail boxes
************************/

div#box1_container
{
	width: 267px;
	background-image: url(../images/box1_bg.gif);
	background-repeat: repeat;
	position: relative;
}

div#box1_top
{
	text-align: left;
	padding: 1px 0px 0px 5px;
	font-weight: bold;
	height: 20px;
	background-image: url(../images/box1_top.gif);
}

div#box1_bottom
{
	background-image: url(../images/box1_bottom.gif);
	background-repeat: no-repeat;
	background-color: #fffae4; 
	height: 7px;
}

div#box1_content
{
	margin: 2px 8px 0px 8px;
	width: 250px;
	min-height: 165px;
}
* html #box1_content {height:165px}

div#additional_links
{
	text-align: center;
	position: absolute;
	bottom: 15px;
	width: 99%;
}

/* *********************
	REVISION 2 top boxes on lead detail boxes
************************/
	
	 /* increase box width  from 262px to 270px 12/28/2020 RMH */
.box { clear:both; width:262px; background:url(../images/box-background.gif) bottom no-repeat; min-height:195px; }
.box-title { padding:4px 5px 4px 5px; font-weight:bold; text-align:left; background:#fde6b4 url(../images/box-top.gif) top right no-repeat; }
.box-title a { float:right; margin:-1px 0px 0 15px; font-weight:normal; background-position:top left }
	
	 /* increase box-content min-height  from 150px to 160px 12/28/2020 RMH */
	
	 /* increase box-content width  from 250px to 275px 12/28/2020 RMH */
.box-content { margin:0 8px 0px 4px; width:275px; min-height:160px; font-size:0.9em; padding-top:3px; }
* html .box-content { height:140px }
.box-links { clear:both; text-align:center; font-weight:bold; padding-top:5px; width: 99%; }


/*
.box2_top_left { height:25px; float:left; text-align:left; padding: 1px 0px 0px 4px; font-weight:bold; }

.box2_top_right { height:25px; float:right; padding-right:7px; padding-top: 2px; text-align: right; }
.box2_top { text-align: left; padding: 2px 0px 2px 4px; font-weight: bold; background-image: url(../images/box2_top.gif); background-repeat: no-repeat; }

div.edit
	{
	margin-top: -15px;
	padding-right: 5px;
	clear:none;
	text-align: right;
	}*/


/* ********************************** */
/* pages/next/back links on lead pages */
/* ********************************** */
.pagination { width:100% }
.pagination td { padding: 4px 5px; background-color: #fde6b4; font-weight:normal; }
.pagination .pagination-left { padding-left:7px; width:200px;  }
.pagination .pagination-right { text-align:right; }

/*******************************************/
/* styles in the lead detail page */
/*******************************************/
#comments-list { width:430px; height:200px; overflow:scroll; overflow-x:hidden; padding-right:6px }
#comments-list ul { margin-top:0; }
#comments-list ul li { list-style-image:url(../images/icon_comments.gif); }
#comments-list .comment-listings { background:#FDE6B4; padding:3px; margin:3px 0 }
#comments-list .comment-delete { float:right }
#comments textarea { width:375px; height:125px; }
#comments-subject { margin:2px 0; display:none; font-size:.90em; }

#indent { margin:5px 0px 10px 5px; }

#orangebox
	{
	width: 90%;
	padding: 3px;
	border: 1px solid #f29514;
	background-color: #fff;
	text-align: left;
	margin-top:5px;
	}
#orangeboxsmall
	{
	width: 60%;
	padding: 3px;
	border: 1px solid #f29514;
	background-color: #fff;
	text-align: left;
	}

#orangeboxlarge
{
	width: 90%;
	padding: 3px;
	border: 1px solid #f29514;
	background-color: #fff;
	text-align: left;
}


/*********************************/
/* this styles the hidden div on the leads page */
/* ********************************/
table#details { width:100% }
table#details td { font-size:.95em; }


/*********************************/
/* filters on leadall */
/*********************************/
#allleads-filters table { width:100% }
#allleads-filters div.padding { padding:0 0 0 10px }
#allleads-filters-col1 { vertical-align:top; width:275px }
#allleads-filters-col2 { vertical-align:top; line-height:20px; width:300px }
#allleads-filters-col2 div.padding { padding:0 0 0 50px }
#allleads-filters-col3 { vertical-align:top; line-height:20px; }
#allleads-filters-col2 select { width:200px; margin-bottom:9px; }

/******************************************/
/* tabs within body */
/******************************************/

div#content_tabs
	{
	border-bottom: 2px solid #f1d18d;
	}

#content_tabs ul
	{
	list-style: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	}
	
#content_tabs li
	{
	text-align: center;
	display: inline;
	margin-bottom:2px;
	padding:2px 10px 0px 10px;
	}
	
	#content_tabs li:hover
		{
		background-color:#feeeca;
		border-bottom: 2px solid #f1d18d;
		}
	
	#content_tabs li a
		{
		text-decoration:none;
		}

#content_tabs .selected
	{
	background-color: #f1d18d;
	}
	








td.tdHeader
	{
	font: 8pt verdana;
	font-weight: bold;
	background-color: #ECF3F8;
	color: #000;
	padding: 2px;
	}

td.activityPath
	{
	font: 8pt verdana;
	}


/* large mls logo @ bottom */
#mlsLogo { clear:both; margin-top:20px; text-align:right }

#copyright { padding-top:4px; color: #000; }








/******************************************/
/* links on the lead listing page - "today" / "this week" etc */
/******************************************/
#welcome_buttons { padding:0px; text-align:center; margin:auto; height:45px; }
#welcome_buttons .current { background-color:#FDE6B4; }
	
	 /* increase #welcome_buttons a width  from 85px to 125px 12/28/2020 RMH */
#welcome_buttons a 
	{
	float:left;
	display:block;
	width:125px;
	height:35px;
	padding:5px;
	margin-bottom:5px;
	color:#666;
	background-color:#fff;
	margin-right:9px;
	border:1px solid #f29514;
	text-decoration:none;
	}

#welcome_buttons a:hover { text-decoration:none; color:#333; background:#FFE7B5; border:1px solid #f29514; }
#welcome_buttons a h4 { font-size:1em; margin:0; padding:0 0 0 0px; color:#333; border: 0px; }
#welcome_buttons a:hover h4  { color:#000; }
#welcome_buttons a p { font-size:.80em; margin:0; padding:3px 0 2px 0px; }
#welcome_buttons a p span { display:block; }
#welcome_buttons .welcome_buttons_last { margin-right:0 }





/******************************************/
/* leads.leadAll table */
/******************************************/
table.leads_listing
{
	width:100%;
	text-align:left;
	border:0;
}

	
	 /* increase leads_listing td top and bottom padding from 0px to 5px 12/28/2020 RMH */
	table.leads_listing td { padding:5px 2px; }
	table.leads_listing td.heading { font-weight:bold; }
	table.leads_listing .col_info { width:20px; text-align:center; }
	table.leads_listing .col_lastlogindate { width:110px; text-align:center;}
	table.leads_listing .col_rating { width:55px; text-align:center; }
	table.leads_listing .col_preview { width:65px; text-align:center; }
	table.leads_listing1 .col_lead_name { width:250px; }
	table.leads_listing1 .col_lead_email { width:250px; }
	table.leads_listing .col_new { width:35px; text-align:center;}
	table.leads_listing .col_regdate { width:110px;text-align:center; }
	table.leads_listing .col_released { width:110px;text-align:center; }
	table.leads_listing .col_expiration { width:150px; text-align:left; }
	
	 /* increase col_assigned_agent width from 125px to 250px 12/28/2020 RMH */
	 	table.leads_listing .col_assigned_agent { width:250px; text-align:center; }
	table.leads_listing td#lead_origin { width:125px; }
	table.leads_listing .col_dateassigned { text-align:center; width:100px; }
	table.leads_listing .col_ownershiptaken { width:75px; text-align:center; }
	table.leads_listing td#divider hr
		{
		width: 100%; 
		height: 2px; 
		background-color: #2F3A64;	
		}
	
	
	
/******************************************/
/* e-mail a lead page | leads.email */
/******************************************/
fieldset#find_leads { text-align:left; border:1px solid #f49416;}
fieldset#find_leads legend
{
	font-weight:bold;
}

.selectlist, .SelectList { width:350px; height:200px; }


/******************************************/
/* merge leads  */
/******************************************/

/* in ajax */
#lead1_table, #lead1_table td { text-align:right; }
#lead2_table, #lead2_table td { text-align:left; }

td#lead1 { width:40%; text-align:right; }
td#lead2 { width:40%; text-align:left; }

#col_headers table { width:100%; }
#col_headers td { font-weight:bold; text-align:center; }
#col_headers tr:hover { background-image:url(../images/double_arrow.gif); background-repeat:no-repeat; background-position:top center; }

.nodata { color:#b2b2b2; font-size:0.85em; }


/******************************************/
/* trends  */
/******************************************/
#trends { text-align:center; }
.trends-container { width:630px; margin:auto; text-align:left; }
#trends-link-alltime { float:right; margin:0px 10px 0 0; font-weight:normal; font-size:11px }
#trends-search { width:430px; margin:0 auto 25px auto; text-align:left; }
#trends-search .text { width:325px; }
#trends h1 { font-size:1em; font-weight:bold; padding:4px 0 4px 5px; margin:auto; width:75%; background-color:#FDE6B4; color:#000; margin-bottom:4px; text-align:left; }
#trends-chart { text-align:center; margin-top:10px; }

.trends-data { width:100%; margin:0 auto; }
.trends-data td { text-align:center; vertical-align:top; }
.trends-data td td { text-align:left; } /* this is for the property address, num views and mls number on main trends pg */
.trends-data td table { width:100% }
	
/******************************************/
/* misc detail TODO categorize   */
/******************************************/
#detail-rating { display: none; width:200px; background-color:##fff; padding:5px; border:1px solid #fde6n4; height:75px; }
#detail-rating-revert { display:none; }
#detail-assignment { display:none; padding:3px; }

/******************************************/
/* find leads form  */
/******************************************/
#filters label { display:block; margin:2px 0; background-color:#fdf1d5; padding:2px 0; }
.filters-results { display:none; padding:5px 0px 5px 25px; font-size:0.95em; }
#filters-towns { width:200px; height:200px; overflow-y:scroll; }
#filters-towns .village-container { margin:2px 0 0 18px; display:none }


/******************************************/
/* idle timeout  */
/******************************************/
#idletimeout {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CC5100 none repeat scroll 0 0;
border:3px solid #FF6500;
color:#FFFFFF;
font-size:12px;
padding:10px;
position:fixed;
top:0px; 
left:0; 
right:0; 
z-index:100000; 
display:none; 
width:100%
}



/******************************************/
/* outbox  */
/******************************************/
#outbox { width:100% }
#outbox th { background-color:#FDF1D5; padding:3px }
#outbox td { padding:8px 2px; border-bottom:1px solid #777; }
#outbox .outbox-email { display:none; background-color:#fff; padding:6px; }
#outbox .outbox-attached { background-color:#e3e3e3; padding:4px; }
#outbox .outbox-attached span { font-weight:bold; }





#progress { clear:both; padding:0; margin:8px 0 12px 0; }
#progress li { background:#ebebeb url(../images/progress/navBtn.gif) no-repeat; background-position:right top; background-repeat:no-repeat; float:left; height:36px; list-style-image:none; list-style-position:outside; list-style-type:none; width:25%; }
#progress li.progress-current { background-color:#C36615; background-image:url(../images/progress/navCurrentBtn.gif); }
#progress li.progress-current em,
#progress li.progress-done em,
#progress li.progress-done-last em { color:#fff; }

#progress li.progress-done-last { background-color:#7C8437; background-image:url(../images/progress/navLastDoneBtn.gif); }
#progress li.progress-done { background-color:#7C8437; background-image:url(../images/progress/navDoneBtn.gif); }
#progress li em { display:block; font-size:140%; font-style:normal; font-weight:bold; margin:8px 0 0 11px; width:183px; color:#ccc; text-decoration:none; }
#progress li span { display:block; font-weight:normal; margin-left:10px; width:140px; }
#progress li.progress-nobg { background-image:none; }