/***************************************************
	CSS Document 
	Style sheet for: Active Funding Group (AFG)
	Copyright 2008
****************************************************/	

/*________________STANDARDS________________*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:x-small;
}

img, object, form, embed {
	margin:0px;
	padding:0px;
}

#header { display: none; }
#leftNav { display: none; }
.button { display: none; }


/*________________INDEX CONTAINERS________________*/
#siteContainer {
	width:100%;
	margin:0px;
	padding:0px;
}

#topBar {
	background:url(imgs/topBarBg.gif) top left repeat-x;
	height:24px;
	top:0px;
	display:none;
}

#siteHdr {
	display:none;
}

#logoItself {
	display:none;
}

#siteBody{
	background-color:#FFFFFF;
	width:100%;
	margin:0px;
	padding:0px;
}

#bodyColumn {
	display:none;
}

#bodyBody {
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
}

#bodyBody .textContainer {
	position:absolute;
	background-color:#FFFFFF;
	width:600px;
	top:0px;
	left:0px;
	margin:0px;
}

.modHdr{display:none;}

#botBar {
	background:url(imgs/botBarBg.jpg) top left repeat-x;
	height:40px;
	width:760px;
	display:none;
	margin-left:auto;
	margin-right:auto;
}

#footer {
	color:#666666;
	text-align:center;
	margin-top:5px;
	display:none;
}

.afgSectionHdr{
	text-align:right;
	background:url(imgs/splash_boxHdrBg.jpg) top left repeat-x;
}

.greyTexture {
	height:4px;
	background:url(imgs/greyTexture.gif) top left repeat-x;
}

a.navMenuHdr:link, a.navMenuHdr:visited {
	background-color:#333333;
	color:#FFFFFF;
	display:block;
	border-bottom:#FFFFFF 1px solid;
	padding-top:5px;
	padding-bottom:5px;
	text-indent:10px;
	font-weight:bold;
	text-decoration:none;
}

a.navMenuHdr:hover, a.navMenuHdr:active {
	background-color:#000000;
	color:#cccccc;
	display:block;
	border-bottom:#FFFFFF 1px solid;
	padding-top:5px;
	padding-bottom:5px;
	text-indent:10px;
	font-weight:bold;
	text-decoration:none;
}


a.navMenuLink:link, a.navMenuLink:visited{
	display:block;
	background-color:#d9d9d9;
	border-bottom:#FFFFFF 1px solid;
	padding-top:5px;
	padding-bottom:5px;
	text-indent:10px;
	color:#000000;
	text-decoration:none;
}

a.navMenuLink:hover, a.navMenuLink:active{
	display:block;
	background-color:#ffffff;
	border-bottom:#FFFFFF 1px solid;
	padding-top:5px;
	padding-bottom:5px;
	text-indent:10px;
	color:#000000;
	text-decoration:none;
}

a:link {
	color:#AA0000;
	text-decoration:underline;
}

a:visited {
	color:#660000;
	text-decoration:underline;
}

a:hover, a:active{
	color:#FF0000;
	text-decoration:none;
}

input, select, textarea, option {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
}

.button {
	background:url(imgs/splash_formButtonBg.gif) top left repeat-x #2d2d2d;
	color:#FFFFFF;
	border:#000000 1px solid;
}
/************************************************************
Houses Module
************************************************************/

.imageContainer{ float: left; }
.houseContent{ float: right; width: 350px; marging: 0px; padding: 0px;}
#detailsTable{ width: 100%; padding: 0px; margin: 0px;}
.imageContainer{ width: 175px;}
.imageThumb{ margin: 5px; float: left; border: 2px solid black;}
.imageControls{ float:right; padding-top: 5px;}
.imageList{ list-style: none; padding: 0px; margin: 0px;}
.imageListItem {
	border-top: 2px solid #666; 
	border-left: 2px solid #eee; 
	border-right: 2px solid #eee; 
	border-bottom: 2px solid #eee;
}
.saveOrderContainer form{ margin: 5px 0px 0px 5px; }
.imageUploadContainer{
	border: 1px solid #eee;
	margin-top: 5px;
	width: 200px;
	padding: 5px;
}
.rightCol {width: 50%; text-align: right;}
.leftCol {width: 50%; text-align: left; }
.rightCol input, #detailsTable textarea { width: 175px; padding: 0px; margin: 0px; }
.divider{ border-bottom: 2px dashed #eee; }
.maxHeight{ height: 100%; }
#stateInput{width: 25px; } 
#zipInput{ width: 137px; }
#roomsInput{ width: 23px; }
#bathInput{ width: 22px; }
#sqftInput{ width: 60px; }
#storiesInput { width: 22px; }
#yearBuiltInput { width: 80px; }
#lotSizeInput { width: 80Px; }
.hide{ display: none; }

/****************************
 Calendar Styles
****************************/
/* the div that holds the date picker calendar */
.dpDiv {
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}
	
.calendarIcon {
	cursor:pointer;
}