﻿@import url(../fragments/idx-grid.css);
@import url(../fragments/idx-result-item.css);
@import url(../fragments/idx-result-item-data.css);

h2.profile-default { background: url(../../images/titles/title-profile-default.gif) no-repeat; }
h2.profile-create-account { background: url(../../images/titles/title-profile-create-account.gif) no-repeat; }
h2.profile-saved-listings { background: url(../../images/titles/title-profile-saved-listings.gif) no-repeat; }
h2.profile-saved-searches { background: url(../../images/titles/title-profile-saved-searches.gif) no-repeat; }
h2.profile-subscriptions { background: url(../../images/titles/title-profile-subscriptions.gif) no-repeat; }

/* Profile Panels */
	/* Header */
	div.profile-panel-header { background: #3b6938 url(../../images/profile-panel-header-c1.gif) no-repeat; }
	div.profile-panel-header h3 { background: url(../../images/profile-panel-header-c2.gif) 100% 0% no-repeat; margin: 0; padding: 6px 7px 3px; color: #FFF; font-size: .92em; }
	div.profile-panel-header h3 img { vertical-align: middle; margin-right: 4px; }
	div.profile-panel-header h3 a { float: right; color: #F1DE73; text-decoration: none; font-weight: normal; font-size: 8px; }
	/* Body */
	div.profile-panel { min-height: 1em; background: #c1eac5 url(../../images/profile-panel-s1.gif) repeat-x; margin: 0; padding: 7px; }
	div.profile-panel p { color: #777773; font-size: .82em; margin: .25em 0; }
	div.profile-panel p.profile-panel { font-size: .77em; font-weight: bold; margin-top: .25em 0 0; padding: 0 0 1em 6px; }
		p.profile-panel a { color: #FF6E00; text-decoration: none; }
		p.profile-panel a:hover { color: #FF6E00; }
		p.profile-panel img { vertical-align: middle; }
		table.profile-panel { width: 100%; border: 0px none; }
		td.profile-account-settings { vertical-align: top; width: 50%; padding: 8px; }
		div.profile-panel input.textbox:focus { border: 1px solid #FF6E00; }
	/* Footer */	
	div.profile-panel-c3 { background: #c1eac5 url(../../images/profile-panel-c3.gif) 100% 100% no-repeat; margin-bottom: 1em; }
	div.profile-panel-c4 { background: url(../../images/profile-panel-c4.gif) 0% 100% no-repeat; min-height: 7px; }
	

/* Set Individual Content Iframe Widths & Heights */
	#iSignInDetails { width: 100%; }
	#iPassword { width: 100%; height: 88px; }
	#iAddresses { width: 100%; height: 210px; }
	#iTelephone { width: 100%; height: 210px; }
	#iAgent { width: 100%; }
	#iSubscriptions { width: 100%; height: 150px; }
	#iDetails { width: 100%; height: 120px; }
	#iNewAccount { width: 100%; height: 300px; }

	/* ComponentArt ComboBox */
	table.create-account.combobox { border-width: 1px; border-style: solid; border-color: #7c7b7d #ffffff #ffffff #7c7b7d; background: #fff; padding: 0; }
	table.create-account.combobox-hover, table.create-account.combobox-focus { border: 1px solid #ff6000; background: #fff3ea; padding: 0; }
		table.create-account.combobox input.combobox-textbox, 
		table.create-account.combobox-hover input.combobox-textbox, 
		table.create-account.combobox-focus input.combobox-textbox { margin: 0; padding: 0 3px; border: 0px none; background: none; font-size: 92%; }
		/* items */
		.create-account.combobox-item { font-size: 92%; padding: 2px 3px 2px; margin: 0; cursor: default; }
		.create-account.item-hover { background: #f5d8c3; color: #000; cursor: pointer; }
		.create-account.item-selected { background: #ffc69b; color: #000; font-weight: bold; cursor: default; }
	/* Drop Down Items Container */
	div.create-account.combobox-dropdown { border: 1px solid #7c7b7d; background: #fff3ea; padding: 0px; cursor: default; color: #482c00; }	
	a.profile-link-button.profile-createaccount, a.profile-link-button.profile-createaccount:hover { text-indent: -3000em; width: 93px; height: 17px; background: url(../../images/buttons/idx-createaccount.gif) 50% 0% no-repeat; }

/* Generic Forms Formatting */
	ul.profile-panel { list-style-type: none; margin: 0; padding: 0; }
	ul.profile-panel li { clear: both; margin: 0px 0px 3px; text-align: right; background: url(../../images/common/dot-green-horizontal.gif) 0% 100% repeat-x; }
	ul.profile-panel li label { display: block; float: left; margin-top: 3px; text-align: left; }
	ul.profile-panel li input.textbox { font-size: 1em; border-width: 1px; color: #434341; padding: 1px 3px; width: 145px; }
	ul.profile-panel li.button { background: none; padding: 4px 0px 2px; }
	ul.profile-panel li.link { background: none; padding: 8px 0px 2px; text-align: left; font-size: 1.01em; }
	
/* Profile Panel Messages */
	span.profile-panel-message { display: block; padding: .5em .5em 0; margin: .5em .75em; border: 1px solid #AAAAA3; background: #FFF; color: #434341; }
	span.profile-panel-message b { font-size: 1.06em }
	span.profile-panel-message a { display: block; padding: .25em; margin-top: .5em; }
	div.profile-panel p.profile-alert, p.profile-alert { padding: 12px 8px 8px 50px; color: #B84500; background: #FFD0AD url(../../images/common/icon-alert.gif) 7px 12px no-repeat; border-width: 2px 0; border-style: solid none; border-color: #FF6E00; }
	div.profile-panel p.profile-error, p.profile-error { padding: 12px 8px 8px 50px; color: #DD0000; font-weight: bold; background: #FFE8DC url(../../images/common/icon-error.gif) 7px 12px no-repeat; border-width: 2px 0; border-style: solid none; border-color: #DD0000; }
	div.profile-panel p.profile-alert a, p.profile-alert a { color: #FF6000; }
	div.profile-panel p.profile-alert a:hover, p.profile-alert a:hover { color: #FF6000; }

/* Saved Listings - Grouping Buttons, Listbox */
	#profile-savedlistings-grouping { padding: 8px 2px 4px; margin: 0 0 3px; height: 24px; }
	#profile-savedlistings-grouping a { display: block; text-indent: -30000em; overflow: hidden; height: 22px; }
		#profile-savedlistings-grouping a.profile-create-group, #profile-savedlistings-grouping a.profile-manage-group { float: left; margin-right: 3px; }
		#profile-savedlistings-grouping a.profile-create-group { width: 119px; background: url(../../images/buttons/idx-create-group.gif) no-repeat; }
		#profile-savedlistings-grouping a.profile-manage-group { width: 107px; background: url(../../images/buttons/idx-manage-group.gif) no-repeat; }
		#profile-savedlistings-grouping a.profile-filtergroup-go { width: 22px; height: 26px; background: url(../../images/buttons/idx-filterbygroup-go.gif) no-repeat; }
	#profile-savedlistings-grouping table { border: 0px none; margin: 0 0 2px auto; }
		#profile-savedlistings-grouping table td { vertical-align: middle; }
		#profile-savedlistings-grouping table td.label { }
		#profile-savedlistings-grouping table td.item select { border-width: 1px; font-size: 82%; margin: 0 2px; }
		#profile-savedlistings-grouping table td.button { width: 22px; }

/* Saved Searches, Subscriptions Grid Header (appears above grid and below buttons ) */
	div.shadow-box-s3 { position: relative; margin: 0 0 4px;  }
	div.shadow-box-c3 {  }
	div.shadow-box-c4{ padding: 4px 12px 7px; }
	div.shadow-box-c4 p { margin: 0; font-size: 92%; color: #434341; }
	p.profile-subscribe { padding: 3px 0 7px 31px;  }
	p.profile-subscribe b { font-size: 1.05em; }
	p.profile-subscribe span { color: #C1BEB9; }
	
/* Create Account */
	#ProfileRightColumn_NewAccount h3 { color: #3B6938; font-size: 12px; margin: 4px 0 6px; }
	#ProfileRightColumn_NewAccount p { margin-top: 0; }
	#ProfileRightColumn_NewAccount th.form {  vertical-align: bottom; padding-right: 20px; }
	#ProfileRightColumn_NewAccount td.form input.textbox { margin-top: 3px; width: 165px; }
	#ProfileRightColumn_NewAccount td.form span.checkbox { display: block; margin: 3px 0 0; }
	#ProfileRightColumn_NewAccount td.form span.checkbox input { vertical-align: middle; margin-left: 0; padding-left: 0; }
	#ProfileRightColumn_NewAccount td.form-button a.link-button { margin: 5px 0 7px auto; }
	#ProfileRightColumn_NewAccount div.horizontal-rule {  }
	#ProfileRightColumn_NewAccount a.forgot-password {  }
	
/* Buttons */
	a.profile-link-button, a.profile-link-button:hover { display: block; height: 22px; padding: 5px 0 0; text-align: center; text-decoration: none; color: #10650c; font-weight: bold; overflow: hidden; text-decoration: none; text-transform: lowercase; }
	a.profile-deleteselected, a.profile-deleteselected:hover { width: 112px; text-indent: 16px; background: url(../../images/buttons/profile-deleteselected.gif) no-repeat; }
	a.profile-subscribedaily, a.profile-subscribeweekly, a.profile-unsubscribe,
	a.profile-subscribedaily:hover, a.profile-subscribeweekly:hover, a.profile-unsubscribe:hover { color: #FF6000; text-transform: lowercase; margin: 0 7px; }
	a.profile-emailnow { text-transform: lowercase; margin: 0 0 0 60px; }
	
/* Opt-Out Panel */
	#opt-out-adjust { }
	#opt-out-adjust div { width: auto; margin: 0; padding: 0; }
	#opt-out-adjust div.profile-optout-c1 { background: #EAF7E9 url(../../images/profile-panel-optout-c1.gif) no-repeat; width: 99%; }
	#opt-out-adjust div.profile-optout-c2 { background: url(../../images/profile-panel-optout-c2.gif) 100% 0% no-repeat; }
	#opt-out-adjust div.profile-optout-c3 { background: url(../../images/profile-panel-optout-c3.gif) 100% 100% no-repeat; }
	#opt-out-adjust div.profile-optout-c4 { background: url(../../images/profile-panel-optout-c4.gif) 0% 100% no-repeat; padding: 7px; }
	#opt-out-adjust div.profile-optout-c4 li { text-align: left; color: #000; padding-bottom: 5px; }
	#opt-out-adjust div.profile-optout-c4 li.button { text-align: right; padding-bottom: 0px; }
	/* button */
	a.profile-optout, a.profile-optout:hover {display: block; width: 56px; height: 26px; padding: 0; text-align: center; text-decoration: none; color: #10650c; font-weight: bold; background: url(../../images/buttons/profile-optout.gif) no-repeat; text-indent: -60000em; }
	/* message */
	div.profile-optout-c4 span.profile-panel-message { display: block; margin: 6px 0 19px; padding: 12px 8px 8px 50px; color: #000; font-weight: bold; background: #D7E8F9 url(../../images/common/icon-information.gif) 7px 12px no-repeat; border-width: 2px 0;  border-style: solid none; border-color: #3E5C7E; font-size: 92%; }
	div.profile-optout-c4 span.profile-panel-message b { font-size: 1.06em }
	div.profile-optout-c4 span.profile-panel-message a { display: block; padding: .25em; margin-top: .5em; }
