/** new/changed style sheet */

body
{
	background-image: url(images/main_bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 24px;
	font-weight: bold;
}

h2 {
	font-size: 20px;
	font-weight: bold;
}

h3 {
	font-size: 16px;
	font-weight: bold;
}

a:hover {
	color: #ff0000;
}

a {
	color: #0000ff;
	text-decoration: underline;
}


#submenuelements
{
	list-style-type: none;
	padding: 3px 0 0 0;
	margin: 0;
}

#submenuelements li
{
	display: inline;
	border: solid 1px #CFCFCF;
	padding: 2px 5px 2px 5px;
}

#submenuelements li:hover
{
	border: solid 1px gray;
	background-color: #FFE4C4;
	cursor: pointer;
}

#submenuelements li a
{
	color: black;
	text-decoration: none;
}


#menuelements
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#menuelements li
{
	display: inline;
	padding: 2px 5px 2px 5px;
}
#menuelements li:hover
{
	background-color: #C2C5C8;
	cursor: pointer;
}
#menuelements li a
{
	color: White;
	text-decoration: none;
}

div#mainmenubar
{
	color: White;
	font-weight: bold;
	background: url(images/global_nav_bg.jpg) repeat-x;
	height: 22px;
	padding: 4px 0 0 10px;
	margin-top: 2px;
}

div#headbanner
{
	color: White;
	font-weight: bold;
	background: white url(images/grad_24.png) no-repeat;
}

div#topbar
{
	height: 75px;
	padding-bottom: 2px;
	background: white url(images/global_nav_bottom_bg.jpg) repeat-x bottom;
}
div#topbar h2
{
	color: Black;
	font-size: 14px;
	position: relative;
	width: 350px;
	top: 0;
	margin: 0;
}
div#topbar h2 a, div#topbar h2 a:hover
{
	color: White;
	display: block;
	height: 48px;
	margin-top: 6px;
	margin-left: 3px;
	text-decoration: none;
}

div#mainoutercontainer
{
	margin: 15px;
}
div#containertab
{
	height: 23px;
}
div#tablink
{
	background: url(images/tab_bg_left.gif) no-repeat left top;
	position: absolute;
	height: 23px;
	padding-left: 40px;
}

div#tablink span
{
	display: block;
	background: url(images/tab_rt45.jpg) no-repeat right top;
	padding-right: 50px;
	padding-top: 3px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
div#containersubbar
{
	background: url(images/sub_nav_bg.jpg);
	height: 22px;
}

div#contentcontainer
{
	background: white url(images/rt_bg.jpg) repeat-y right;
}

div#contentfooter
{
	margin-right: 3px;
	background: white url(images/bottom.jpg) repeat-x bottom;
	height: 12px;
}

div#contentfooterleft
{
	width: 9px;
	height: 12px;
	left: 0;
	position: absolute;
	margin-left: 15px;
	background: white url(images/bl_curve.jpg) no-repeat;
}

div#contentfooterright
{
	width: 11px;
	height: 12px;
	right: 0;
	margin-right: 15px;
	position: absolute;
	background: white url(images/br_curve.gif) no-repeat;
}

#content
{
	padding: 5px;
	margin: 5px;
}

div#username
{
	float:right;
	font-weight:bold;
	color:#5a707d;
	padding:4px;
	border:solid 2px #CCC;
	background-color:#F0F0F0;
}

.fieldset
{
	background-color: #f3f4f4;
	margin-bottom: 12px;
}

.fieldset h3
{
	margin: 0;
	padding: 4px 0 0 10px;
	font-size: 1.1em;
	color: #5a707d;
}

.lessimportant
{
	color: #9ab0bd;
}

.fieldset h3 em, .lessimportant em
{
	color: #483D8B;
	font-style: normal;
}

.officelocation
{
	color: #808;
	padding-bottom:8px;
	font-weight:bold;
}

.fieldset h4
{
	margin: 0;
	margin-bottom: 8px;
	padding: 3px 0 6px 0px;
	font-size: 1.0em;
	font-weight: bold;
	color: #193240;
	letter-spacing: 1px;
	border-bottom: solid 1px #193240;
}

.fieldscontainer
{
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
}

.fieldscontainerrightcol
{
	width: 49%;
	float: right;
}

.fieldscontainerleftcol
{
	width: 50%;
}

.fieldscontainer table
{
	width: 100%;
	margin: 0;
	padding: 0;
}

.fieldscontainer table td
{
	padding-bottom: 5px;
}

.vacation_rental_img,.logo_img
{
	background: white;
	border: solid 1px gray;
	padding: 10px;
	width: 150px;
	height: 130px;
	text-align: center;
	vertical-align: middle;
}

.selectedLogo
{
	border-color:navy;
	background-color:#F0F8FF;
}

img.cms_image_gallery
{
	width: 146px; 
	height: 95px;
	border: solid 1px gray;
	padding:1px;
}

div.productheader
{
	background: gray;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.productheader h3
{
	display: inline;
	color: black;
	font-weight: bolder;
	letter-spacing: 4px;
}

div.productheader p
{
	padding-left: 15px;
	display: inline;
	color: white;
	font-weight: bold;
}

/** validation error styles */

.required
{
	background-color: #eeffff;
}

.validation-advice
{
	position: inherit;
	margin: 5px 0;
	padding: 5px;
	background-color: #CC3300;
	color: #FFF;
	font-weight: bold;
}
.custom-advice
{
	position: inherit;
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color: #FFF;
	font-weight: bold;
}

/** autocomplete text boxes */

div.auto_complete
{
	position: absolute;
	width: 250px;
	background-color: white;
	border: 1px solid #888;
	margin: 0px;
	padding: 0px;
}
ul.contacts
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
ul.contacts li.selected
{
	background-color: #ffb;
}
li.contact
{
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	height: 32px;
}
li.contact div.name
{
	font-weight: bold;
	font-size: 12px;
	line-height: 1.2em;
}
li.contact div.more
{
	font-size: 10px;
	color: #888;
}
#list
{
	margin: 0;
	margin-top: 10px;
	padding: 0;
	list-style-type: none;
	width: 250px;
}
#list li
{
	margin: 0;
	margin-bottom: 4px;
	padding: 5px;
	border: 1px solid #888;
	cursor: move;
}

.searchresulttable
{
	border: solid 1px white;
	margin-left: 2px;
	margin-right: 2px;
}

.searchresulttable th
{
	border: solid 1px white;
	text-align: center;
	background-color: Navy;
	color: White;
	font-weight: bold;
	padding: 3px;
	margin: 0;
}

.searchresulttable tr, table.searchresulttable td
{
	border: solid 1px white;
	text-align: center;
}

.searchresulttable thead
{
	color: #6b8eac;
	border-bottom: solid 1px #d8dbdb;
}

.searchresulttable tbody
{
	background: white;
	border: solid 1px #d8dbdb;
}

.searchresulttable tbody td
{
	padding: 3px;
	border-bottom: solid 1px #d8dbdb;
	border-right: solid 1px #d8dbdb;
}

.searchresulttable tbody td:first-child
{
	padding: 3px;
	border-left: solid 1px #d8dbdb;
}

table.searchresulttable tfoot
{
	background: white;
	border: solid 1px #d8dbdb;
}

.rowhover
{
	background: #cce2e2;
	cursor: pointer;
}

input
{
	padding: 1px;
}

textarea
{
	font-family: Arial;
	font-size: 1.1em;
	padding: 2px;
}

.smalltext
{
	font-family: Arial, Helvetica;
	font-size: 9px;
}

input, label, select, textarea, button, table.info, div.list, .fieldscontainer table td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input, select, textarea, button, table.editableColumn, div.list, div.cellinput
{
	border: solid 1px silver;
}

input[type="checkbox"]
{
	border-width:0; /* IE7 needs this to get rid of the "extra" border on checkboxes */
}

div.cellinput
{
	background-color:Window;
}

div.list
{
	padding: 2px;
}

label
{
	font-weight: bold;
}

div .checkitem
{
	margin: 2px;
	width: 183px;
	height: 5.5em;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
}

div .checkitem input
{
	position: relative;
	top: 1px;
}

div .checkitem label
{
	left:20px;
	width:163px;
	display:inline;
	overflow:auto;
	white-space:normal;
}

div .checkitem div
{
	padding: 0; margin: 0;
	color:navy;
	width:200px; 
}

#listMenuRoot li a
{
	color: #fff;
	padding: 0px 10px 0px 10px;
}

#listMenuRoot li ul li a
{
	padding: 5px 10px 5px 10px;
}

table.editableColumn, table.viewColumn
{
	width: 32%;
	float: left;
	margin-right:1%;
}

table.editableColumn td
{
	border: none;
	background-color: White;
	padding: 4px;
	vertical-align: top;
}

table.viewColumn
{
	border-right: solid 1px lightgray;
}

table.viewColumn td
{
	padding: 4px;
	vertical-align: top;
}

span.editableentry
{
	padding-right: 1em;
}

ul.listingtypes
{
	font-size: 9px;
	padding: 0;
}

ul.listingtypes li
{
	margin-left: 18px;
	padding-right: 4px;
	padding-bottom: 1px;
	list-style-type: square;
	vertical-align: middle;
}

table.editableColumn a
{
	font-size: 9px;
	font-weight: bold;
	color: #C71585;
	padding: 0px 2px 0px 2px;
	cursor: pointer;
	border: solid 1px white;
}

table.editableColumn li a
{
	color: #483D8B;
}

table.editableColumn a:hover
{
	background-color: #E6E6FA;
	border: solid 1px silver;
}

div.inPlaceQuestion
{
	background-color: white;
	border: solid 2px navy;
	padding: 4px;
	position: absolute;
	z-index: 10;
}

div.inPlaceQuestion div.buttons
{
	margin-top: 4px;
	padding-top:4px;
	border-top: solid 1px navy;
	text-align: center;
}

.checktree
{
	border: solid 1px gray;
	padding: 5px;
	width: 300px;
}

div.formButton
{
	text-align:center;
	margin: 4px;
}

select#mlsOffices
{
	width:100%;
	background-color: #F8F8FF;
	color:navy;
	height:14em;
}

.warning
{
	text-align:center;
	color:red;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:2px;
}


div.ReportBox
{
	text-align:center;
	padding:8px;
	border:solid 2px silver;
}

table.ReportParameters
{
	background-color: transparent;
	border: none;
	border-collapse:collapse;
	margin: 8px 0 16px 0;
}

table.ReportParameters td
{
	padding: 4px;
}

table.ReportParameters td.center
{
	border-top: solid 1px silver;
	border-bottom: solid 1px silver;
}

table.ReportParameters td.right
{
	border-top: solid 1px silver;
	border-bottom: solid 1px silver;
	border-right: solid 1px silver;
}

table.ReportParameters td.left
{
	border-top: solid 1px silver;
	border-bottom: solid 1px silver;
	border-left: solid 1px silver;
}

table.Report
{
	background-color: transparent;
	border: solid 1px white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table.Report h2
{
	margin:0 0 4px 0;
}

table.Report td
{
	background-color: #E8ECEF;
	text-align:center;
	padding: 2px 16px 2px 16px;
}

table.Report th
{
	background-color: #4169B4;
	color: #FFF;
	text-align:center;
	padding: 4px 16px 4px 16px;
	font-weight:bold;
}

table.Report tr.TotalRow td
{
	background-color: #C0C8FF;
}

table.Report tr.TitleRow td
{
	background-color: #98A8C8;
	font-weight:bold;
	padding: 4px 16px 4px 16px;
}

table.Report tr.ReportNameRow td
{
	background-color: transparent;
	padding: 4px 0 4px 0;
	text-align:left;
}

table.Report td.LabelColumn
{
	background-color: #C0D0FF;
	font-weight:bold;
	text-align:right;
	padding-right: 4px;
	padding-left: 4px;
}

table.Report td.StressColumn
{
	color:#C00000;
}

table#GroupingSelector
{
	padding: 0;
	border: solid 1px silver;
	border-bottom:none;
	border-collapse:collapse;
}

table#GroupingSelector td
{
	border-right:solid 1px silver;
	padding: 0;
}

table#GroupingSelector td label
{
	cursor:pointer;
	display:block;
	padding: 4px 12px 4px 12px;
	color: Navy;
}

table#GroupingSelector td label.Selected
{
	background-color: Navy;
	color: White;
}

div#selectcontactpopup
{
	background-color:white;
	padding:12px;
	margin:8px;
}

div#selectcontactpopup h2
{
    background-color:#F0F0F0;
    margin:8px 0 0 0;
    padding:2px;
}

div#selectcontactpopup .popuppanel
{
	padding: 4px;
}

.clear {
	height:1px;
	clear:both;
}