/* vc_id = "$Id: masterStyleSheet.css 12367 2009-01-21 20:50:51Z robert $" */
/**********************************************************************************************************
@@ Author - J.P. Given
@@ Date - October 25th, 2004

This style sheet should only contain base-level styles.  Translation: never ever ever add anything custom
here.
**********************************************************************************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	/*text-align: center;*/
}
form {
	margin: 0px;
	padding: 0px;
}
p {
	font-size: 12px;
	line-height: 150%;
	color: #000000;
}
td {
	font-size: 12px;
	line-height: 150%;
	color: #000000;
}
div {
	font-size: 12px;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
}
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #767676;
}
h2 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #767676;
}
h3 {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #767676;
}
/*ul {
	margin: 5px;
	padding-left: 10px;
}
li {
	margin: 5px;
	padding: 0px;
}*/
form {
	margin: 0px;
	padding: 0px;
}
input,select,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#clearBoth {
	clear: both;
}
.clearBoth {
	clear: both;
}
.font10px {
	font-size: 10px;
}
/***********************************************************
Random classes brough over from PubSite.css used mainly for wind Editor...should be depricated.
***********************************************************/
.headlinetext_dark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #4D5B7F;
}
.serifheadtext_dark {
	font-family: Georgia, Times, Times New Roman, serif;
	font-weight: bold;
	font-size: 17px;
	color: #000000;
}
.serifheadtext_medium_small {
	font-family: Georgia, Times, Times New Roman, serif;
	font-weight: bold;
	font-size: 14px;
	color: #7C8FB0;
}
.mediumtext_dark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	color: #000000;
}
.smalltext_dark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	color: #000000;
	text-decoration: none;
}
.tinytext_dark {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	
	color: #000000;
}

.almosttinytext_dark {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	color: #000000;
}
.highlighttext {
	color: #004400;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 25px;
}
/***********************************************************
Custom Lists.
***********************************************************/
.arrow {
	list-style-image: url(../images/list_arrow.gif);
}
ul.arrowtext		{ list-style-image: url(../images/LISTS/arrow.gif); margin-top: 0px; margin-bottom: 5px; margin-left: 14px; padding: 0px; padding-left: 1px; line-height: 15px; list-style-position: outside; }
ul.arrowlinks		{ list-style-image: url(../images/LISTS/arrow.gif); margin-top: 0px; margin-bottom: 5px; margin-left: 14px; padding: 0px; padding-left: 1px; line-height: 15px; list-style-position: outside; }
ul.bullet			{ list-style-image: url(../images/LISTS/squaredot.gif); margin-top: 0px; margin-bottom: 0px; margin-left: 14px; padding: 0px; padding-left: 1px; line-height: 15px; list-style-position: outside; }
ul.square			{ list-style: square; margin-bottom: 2px; margin-top: 0px; margin-left: 22px; padding: 0px; line-height: 15px; }
ul.circle			{ list-style: circle; margin-bottom: 2px; margin-top: 0px; margin-left: 22px; padding: 0px; line-height: 15px; }
ul.decimal			{ list-style: decimal; margin-bottom: 2px; margin-top: 0px; margin-left: 22px; padding: 0px; line-height: 15px; }

ul.arrowtext li {
	margin-bottom: 10px;
}

/***********************************************************
Copies of the H1, H2, H3 tags for active edit.
***********************************************************/
.header1 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #767676;
}
.header2 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #767676;
}
.header3 {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #767676;
}
/***********************************************************
End Active Edit Copies
***********************************************************/
/***********************************************************
One Sheets
***********************************************************/
.imagetext {
	color: black;
	font-size: 16px;
	font-family: Garamond, "Times New Roman";
	margin-top : 8px;
	margin-bottom : 20px;
}
	 
.pheader {
	color: 000066;
	font-size: 17px;
	font-family: "Franklin Gothic Demi", Verdana, Arial;
}

.osSectionHeader {
	background-color: #006699;
	font-weight: bold;
	height: 27px;
	padding-left: 5px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	color:#FFFFFF;
}
.osContentContainer {
	background-color: #ffffff;
	padding-left: 5px;
	border-bottom: 1px solid #333333
}
.osContentContainerGrey {
	background-color: #dcdcdc;
	padding-left: 5px;
	border-bottom: 1px solid #333333
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/***********************************************************
Sold Properties
***********************************************************/
#soldPropertiesImage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-top: 1px solid black;
}
.soldPropertiesAgentText {
	background-color: #4d5b7f;
	color: #ffffff;
	font-size: 10px;
}

/***********************************************************
PNG Drop Shadows
***********************************************************/
.img-shadow {
	float:left;
	background: url(../images/dynShadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	background-image: url(../images/dynShadowAlpha.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.img-shadow img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin-top: -6px;
	margin-right: 3px;
	margin-bottom: 6px;
	margin-left: -6px;
}
.p-shadow {
	width: 300px;
	float:left;
	background: url(../images/dynShadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/dynShadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
.p-shadow div {
	background: none !important;
	background: url(../images/shadow2.gif) no-repeat left top;
	padding: 0 !important;
	padding: 0 6px 6px 0;
}
.p-shadow table {
	color: #777;
	background-color: #fff;
	font: italic 1em georgia, serif;
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin: -6px 6px 6px -6px !important;
	margin: 0;
}
.clearBoth {
	clear: both;
}

/***********************************************************
PropertyPoint Resize Shim.
***********************************************************/

.ppShim1 {
	background-image: url(../images/map/sizesmall.gif);
}
.ppShim2 {
	background-image: url(../images/map/sizemedium.gif);
}
.ppShim3 {
	background-image: url(../images/map/sizelarge.gif);
}
.ppShim1on {
	background-image: url(../images/map/sizesmall_on.gif);
}
.ppShim2on {
	background-image: url(../images/map/sizemedium_on.gif);
}
.ppShim3on {
	background-image: url(../images/map/sizelarge_on.gif);
	cursor: pointer;
}
#ppResize1:hover {
	background-image: url(../images/map/sizesmall_on.gif);
	cursor: pointer;
}
#ppResize2:hover {
	background-image: url(../images/map/sizemedium_on.gif);
	cursor: pointer;
}
#ppResize3:hover {
	background-image: url(../images/map/sizelarge_on.gif);
	cursor: pointer;
}

/***********************************************************
Memento Winder Style
***********************************************************/

/*
//////////////////////
/// Basic calendar setup
//////////////////////
*/

	div#cal {
		background-image: url(../images/memento/cal-bg.gif);
		background-repeat: y-repeat;
		width: 218px;
		overflow: hidden;
		font-size:12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

	div#cal-top {
		background-image: url(../images/memento/cal-bg-top.gif);
		background-repeat: no-repeat;
		width: 218px;
		height: 12px;
		overflow: hidden;
	}

	div#cal-bottom {
		background-image: url(../images/memento/cal-bg-bottom.gif);
		background-repeat: no-repeat;
		width: 218px;
		height: 12px;
		overflow: hidden;
	}

	div#cal-content {
		margin-left: 10px;
		margin-right: 10px;
	}

/* /////  BEGIN BUTTONS  //////////////////////////////////////// */

/*
//////////////////////
/// Today button
//////////////////////
*/

	div#cal-button-today {
		width: 50%;
		position: relative;
		float: left;
		margin-left: 0px;
		margin-right: auto;
	}

	div#cal-button-today a:link,
	div#cal-button-today a:visited {
		background-image: url(../images/memento/cal-button-today.gif);
		background-repeat: no-repeat;
		background-position: 0 0px;
		overflow: hidden;
		width: 47px;
		height: 21px;
		display: block;
	}

/*
//////////////////////
/// Close (x) button
//////////////////////
*/

	div#cal-button-x {
		position: relative;
		float: right;
		margin-left: auto;
		margin-right: 0px;
		text-align: right;
	}

	div#cal-button-x a:link,
	div#cal-button-x a:visited {
		background-image: url(../images/memento/cal-button-x.gif);
		background-repeat: no-repeat;
		background-position: 0 0px;
		overflow: hidden;
		width: 26px;
		height: 20px;
		display: block;
	}

/*
//////////////////////
/// Days back button
//////////////////////
*/

	div#cal-button-back a:link,
	div#cal-button-back a:visited {
		background-image: url(../images/memento/cal-button-ahead_back.gif);
		background-repeat: no-repeat;
		background-position: 0 0px;
		overflow: hidden;
		width: 87px;
		height: 22px;
		display: block;
		color: black;
		text-decoration: none;
	}
	
	/* "Days Back" */
	div#cal-txt-back {
		text-decoration: none;
		position: relative;
		margin-left: 12px;
		margin-top: 4px;
		font-size: 11px;
	}


/*
//////////////////////
/// Days ahead button
//////////////////////
*/

	div#cal-button-ahead a:link,
	div#cal-button-ahead a:visited {
		background-image: url(../images/memento/cal-button-ahead_back.gif);
		background-repeat: no-repeat;
		background-position: 0 0px;
		overflow: hidden;
		width: 87px;
		height: 22px;
		display: block;
		text-decoration: none;
		color: black;
		position:relative;
		left: 0px;
	}

	/* "Days Ahead" */
	div#cal-txt-ahead {
		text-decoration: none;
		position: relative;
		left: 7px;
		margin-right: 5px;
		margin-top: 4px;
		font-size: 11px;
	}

/* /////  END BUTTONS  //////////////////////////////////////// */

	div#cal-bg-weeks {
		background-image: url(../images/memento/cal-bg-weeks.gif);
		packground-repeat: no-repeat;
		overflow: hidden;
		width: 200px;
		height: 38px;
		position: relative;
	}

	div#cal-bg-days {
		background-image: url(../images/memento/cal-bg-days.gif);
		packground-repeat: no-repeat;
		overflow: hidden;
		width: 200px;
		height: 109px;
		position: relative;
	}

/*
//////////////////////
/// Display top nav
//////////////////////
*/

	div#cal-txt-month {
		color: black;
		font-weight: bold;
		font-size: 11px;
		text-decoration: none;
		position: relative;
		float: left;
		margin-right: auto;
		margin-left: 0px;
		left: 35px;
		margin-top: 4px;
	}

	div#cal-txt-year {
		color: black;
		font-weight: bold;
		font-size: 11px;
		text-decoration: none;
		position: relative;
		float: right;
		left: -32px;
		margin-right: 0px;
		margin-left: auto;
		margin-top: 4px;
	}

	a#cal-month-back {
		position: relative;
		float: left;
		margin-left: 0px;
		margin-right: auto;
		left: 8px;
		width: 11px;
		height: 11px;
		top: 4px;
		display: box;
	}

	a#cal-month-ahead {
		position: relative;
		float: left;
		margin-left: 0px;
		margin-right: auto;
		left: 56px;
		width: 15px;
		height: 11px;
		top: 4px;
		display: box;
	}

	a#cal-year-back {
		position: relative;
		float: left;
		margin-left: auto;
		margin-right: 0px;
		left: 60px;
		width: 15px;
		height: 11px;
		top: 4px;
		display: box;
	}

	a#cal-year-ahead {
		position: relative;
		float: right;
		margin-left: auto;
		margin-right: 0px;
		left: 23px;
		width: 11px;
		height: 11px;
		top: 4px;
		display: box;
	}

/*
//////////////////////
/// Display cal days
//////////////////////
*/

	table#cal-txt-days {
		position: relative;
		font-size: 11px;
		text-align: center;
		display: block;
	}

	td.cal-td {
		width: 29px;
		height: 17px;
	}
	
	td.cal-td a:link,
	td.cal-td a:hover,
	td.cal-td a:visited,
	td.cal-td a:active {
		width: 27px;
		height: 15px;
		border: none;
		text-decoration: none;
		float: left;
		position: relative;
		margin: auto;
		overflow: hidden;
		color: black;
	}

/*
//////////////////////
/// Display form input
//////////////////////
*/

	div#cal-button-num {
		width: 15px;
		height: 15px;
		display: block;
		position: relative;
		font-size: 10px;
		left: -2px;
		padding: 0px;
		margin: 0px;

	}

	input.cal-num {
		width: 15px;
		height: 15px;
		border: none;
		display: block;
		text-align: left;
		position: relative;
		left: 0px;
		top: 0px;
		background-color: white;
		border: 1px solid black;
		font-size: 11px;
		overflow: hidden;
	}


/* IE settings... because IE bytes */

	*html div#cal-button-num {
		width: 15px;
		height: 14px;
		display: block;
		position: relative;
		font-size: 10px;
		float: left;
		margin-right: -25px;
		margin-left: 0px;
		top: 0px;
		overflow: hidden;
		left: -9px;
	}

	*html input.cal-num {
		width: 15px;
		height: 18px;
		border: none;
		display: block;
		font-size: 11px;
		overflow: hidden;
		position: relative;
		margin-right: auto;
		background-color: white;
		border: 1px solid black;
	}

/*
//////////////////////
/// Current day color
//////////////////////
*/

	/* winder style */
	td.cal-current {
		background-color: #b3c1e5;
	}

	form.cal-memento {
		overflow: hidden;
		margin: auto;
		overflow: hidden;
	}

	div#displayMomento {
		position: absolute;
		display: none;
		z-index: 99;
		margin-top: 0px;
		float: left;
	}
/***********************************************************
END Memento Winder Style
***********************************************************/

..coSmall {
	font-size: 12px;
}