/* UPDATED CSS START */

INPUT
{
	border:solid 1px #7D909F;
}
SELECT 
{
	border:solid 1px #7D909F;
}
.ImageNoBorder
{
	border-width:0px;
}
.LoginPasswwordInput
{
	width:120px;
}
.Error
{
	font-size: 8pt;
	font-family: verdana;
	color:#CE000C;
	text-align:center;
}
.Header
{
	font-size: 8.5pt;
	font-family: verdana;
	font-weight:500;
	color:#686767;
}
.HeaderNav
{
	font-size: 8.5pt;
	font-family: verdana;
	color:#C8D0D7;
}
.HeaderNav A
{
	font-size: 8.5pt;
	font-family: verdana;
	font-weight:normal;
	color:#C8D0D7;
}
.HeaderNav A:hover
{
	font-size: 8.5pt;
	font-family: verdana;
	color:#CE000C;
	text-decoration:none;
}
.HeaderFourSteps
{
	top: -14px;
	height:0px;
	width:175px;
	background-image: url('images/SOP_One_Step.png');
	position:relative;
	visibility:hidden;
}
.HeaderFourStepsBtn
{
	left:47px; 
	top: 155px;
	height:0px;
	position:absolute;
	visibility:hidden;
	border-width:0px;
}
.HeaderBanister
{
	top: 0px;
	left: 30px;
	position:relative;
}
.Content
{
	background-image:url('images/SOP/SOP_Content.jpg');
	background-repeat:no-repeat;
	background-color:#ffffff;
}
.ContentHeader
{
	font-size: 11pt;
	font-family: verdana;
	color:#000000;
	line-height:25px;
	text-align:justify;
}
.ContentMedium
{
	font-size: 10pt;
	font-family: verdana;
	color:#000000;
	line-height:20px;
	text-align:justify;
}
.ContentMedium A
{
	font-size: 10pt;
	font-family: verdana;
	color:#808C98;
	line-height:20px;
}
.ContentMedium A:hover
{
	font-size: 10pt;
	font-family: verdana;
	color:#CE000C;
	line-height:20px;
	text-decoration:none;
}
.ContentSmall
{
	font-size: 8pt;
	font-family: verdana;
	color:#000000;
	font-style:italic;
	line-height:15px;
}
.ContentSmall A
{
	font-size: 8pt;
	font-family: verdana;
	color:#CE000C;
	font-style:italic;
	line-height:15px;
}
.ContentSmall A:hover
{
	font-size: 8pt;
	font-family: verdana;
	color:#CE000C;
	font-style:italic;
	line-height:15px;
}
.Footer
{
	font-size: 8pt;
	font-family: verdana;
	color:#7F7F7F;
	background-color:#CF2027;
	background-image:url('images/bg_footer.jpg');
	height:35px;
	text-align:center;
	line-height:16px;
}
.FooterNav
{
	font-size: 8pt;
	font-family: verdana;
	color:#7F7F7F;
	/*color:#C1C1C1;*/
	/*height:80px;*/
}
.FooterNav A
{
	font-size: 8pt;
	font-family: verdana;
	font-weight:normal;
	color:#ffffff;
}
.FooterNav A:hover
{
	font-size: 8pt;
	font-family: verdana;
	text-decoration:none;
}
.Footer A
{
	font-size: 8pt;
	font-family: verdana;
	font-weight:normal;
	color:#ffffff;
	font-weight:bold;
}
.Footer A:hover
{
	font-size: 8pt;
	font-family: verdana;
	color:#C1C1C1;
	text-decoration:none;
}



/* UPDATED CSS END */



/* Default CSS Stylesheet for a new Web Application project */
.homeBackground
{
	background:url('images/bg.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
}
A:link	{	
	text-decoration:	none;
	}	
		
A:visited	{	
	text-decoration:	none;
	}	
		
A:active	{	
	text-decoration:	none;
	}	
		
A:hover	
{	
	text-decoration:	underline;
	color:	red;
}	
SMALL	
{	
	font-size:	.7em;
}	
BIG	
{	
	font-size:	1.17em;
}	
body
{
	font-size: 8pt;
	font-family: verdana;
	margin:0px 0px 0px 0px;
	background-color:#bfc5cc;
	background-image:url('images/bg.jpg');
	background-repeat:repeat-x;
}	
td,tr,textarea
{
	font-size: 8pt;
	font-family: verdana;
	margin:0px 0px 0px 0px;
}
.imgStd
{
	width:100px;
	height:75px;
	border:solid 1px DimGray;
}
.hypStd
{
	color: black;
	text-decoration: underline;
}
.hypStd a
{
	color: black;
	text-decoration: underline;
}
.hypStd a:link
{
	color: black;
	text-decoration: underline;
}
.hypStd a:visited
{
	color: black;
	text-decoration: underline;
}
.hypStd a:active
{
	color: black;
	text-decoration: underline;
}
.hypStd a:hover
{
	color: red;
	text-decoration: underline;
}
.StatusAvailable
{
	font-weight: bold;
	font-size:14px;
	width: 100%;
	height:18px;
	color: white;
	background-color: #1773FF;
	text-align: center;
	vertical-align:middle;
}
.StatusOnHold
{
	font-weight: bold;
	font-size:14px;
	width: 100%;
	height:18px;
	color: white;
	background-color:lightslategray;
	text-align: center;
	vertical-align:middle;
}
.StatusDepositReceived
{
	font-weight: bold;
	font-size:14px;
	width: 100%;
	height:18px;
	color: white;
	background-color: lightslategray;
	text-align: center;
	vertical-align:middle;
}
.StatusUnderContract
{
	font-weight: bold;
	font-size:14px;
	width: 100%;
	height:18px;
	color: white;
	background-color: lightslategray;
	text-align: center;
	vertical-align:middle;
}
.StatusSold
{
text-align: center;
font-size:14px;
width:100%;
height:18px;
color: white;
font-weight: bold;
background-color:Red;
vertical-align:middle;
	}

.PageTitle
{
	font-size: 14pt;
	color: #354B60;
	font-family: verdana;
	text-align: left;
	font-weight:bold;
}

.BodyLabel
{
	border-right: white 3px solid;
	border-top: white 3px solid;
	font-size: 10pt;
	border-left: white 3px solid;
	color: black;
	border-bottom: white 3px solid;
	font-family: verdana;
	background-color: white;
	text-align: center;
}
.BodyLabelLeft
{
	border-right: white 3px solid;
	border-top: white 3px solid;
	font-size: 10pt;
	border-left: white 3px solid;
	color: black;
	border-bottom: white 3px solid;
	font-family: verdana;
	background-color: white;
	text-align: left;
}
.Right
{
	text-align:right;
}
.Left
{
	text-align:left;
}

.lblCreatedByOn
{
	font-size: 7.5pt;
	color: #404040;
	font-style: italic;
	font-family: Verdana;
	text-align: left;
}

.lblSmlLeft
{
	font-size: 8pt;
	color: #404040;
	text-align:left;
	}

.lblSmlRight
{
	font-size: 8pt;
	color: #404040;
	text-align:right;
	}

.hidden
{
	font-size: 7.5pt;
	color: black;
	font-family: verdana;
	background-color: khaki;
}

/* class used by popup calendar */
.popupcal
{
	font-family: verdana;
	font-size: 9px;
	color: #000000;
		background-color: white;
		height: 20px;
			vertical-align: middle;
}
.popupcal-today
{
	font-weight: bold;
	color: white;
	background-color: #649CBA;
}

.popupcal-selected
{
	font-weight: bold;
	color: white;
	background-color: red;
}

.popupcal-textbox
{
	text-align:center;
}

.popupcal-weekday
{
	color: #666666;
	background-color: #eaeaea;
}

.popupcal-MonthHeader
{
	color: black;
	background-color: darkgray;
}
.popupcal-offmonth
{
	color: gray;
	background-color: white;
}
.popupcal-dayheader
{
	color: #649cba;
	background-color: white;
}
.popupcal-weekend
{
	color: white;
	background-color: #BBBBBB;
}


.grdStd
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-size: 9pt;
	border-left: gray 1px solid;
	color: black;
	border-bottom: gray 1px solid;
	font-family: verdana;
	height: 15px;
	font-size:12px;
}
/*
grdStd-pager class is for the pager at the bottom of a asp.net datagrid.
the span element is here because when you click on a page number, the grid is re-rendered
with the 'current' page number rendered as a span element. So need to specifiy the style for 
a span element within the datagrid class stdGrd.
*/

.grdStd-pager
{
	font-weight: bold;
	font-size: 9pt;
	color: white;
	font-family: verdana;
	height: 25px;
	background-color: #5d7b9d;
	text-align: left;
}
.grdStd-pager span
{
	font-weight: bold;
	font-size: 9pt;
	color: red;
	font-family: verdana;
	text-decoration: none;
}

.grdStd-pager a
{
	font-weight: bold;
	font-size: 9pt;
	color: white;
	font-family: verdana;
	text-decoration: none;
}
.grdStd-pager a:link
{
	color: white;
	text-decoration: none;
}

.grdStd-pager a:visited
{
	color: white;
	text-decoration: none;
}

.grdStd-pager a:hover
{
	cursor: hand;
	color: red;
	text-decoration: underline;
}


.grdStd-item
{
	color: black;
	background-color: white;
	text-decoration: none;
}
.grdStd-item a:link
{
	color: black;
	text-decoration: underline;
}
.grdStd-item a:visited
{
	color: black;
	text-decoration: none;
}
.grdStd-item a:hover
{
	color: red;
	text-decoration: underline;
}



.grdStd-alternatingitem
{
	background-color: gainsboro;
}
.grdStd-alternatingitem a:link
{
	color: black;
	text-decoration: underline;
}
.grdStd-alternatingitem a:visited
{
	color: black;
	text-decoration: none;
}
.grdStd-alternatingitem a:hover
{
	color: red;
	text-decoration: underline;
}

.grdStd-selecteditem
{
	background-color: lightsteelblue;
}

.grdStd-header
{
	font-weight: bold;
	font-size: 9pt;
	color: white;
	background-color: #5D7B9D;
	text-align: left;
}
.grdStd-header a
{
	font-weight: bold;
	font-size: 9pt;
	color: white;	
	font-family: verdana;
	text-decoration: none;
}
.grdStd-header a:link
{
	color: white;
	text-decoration: none;
}
.grdStd-header a:visited
{
	color: white;
	text-decoration: none;
}
.grdStd-header a:active
{
	text-decoration: none;
}
.grdStd-header a:hover
{
	cursor: hand;
	color: red;
}

.hypFtr
{
color: red;
}

.hypFtr a
{
color: red;
text-decoration:none;
}

.hypFtr a:link
{
color: red;
text-decoration:none;
}

.hypFtr a:hover
{
color: red;
text-decoration:underline;
}

.hypBnr
{
	font-weight: bold;
	font-size: 9pt;
	color: red;
	font-family: verdana;
}

.hypBnr a
{
	font-size: 9pt;
	color: red;
	font-family: verdana;
	text-decoration: none;
}
.hypBnr a:link
{
	font-size: 9pt;
	color: red;
	font-family: verdana;
	text-decoration: none;
}
.hypBnr a:hover
{
	font-size: 9pt;
	color: red;
	font-family: verdana;
	text-decoration: underline;
}
.hypBnr a:inactive
{
	font-size: 9pt;
	color: Gray;
	font-family: verdana;
	text-decoration: none;
}
.homeFooter
{
	background-color:#CE000C;
}
.homeFooter A
{
	font-size: 9pt;
	color: white;
	font-weight:bold;
	font-family: verdana;
	text-decoration: none;
}
.homeFooter A:hover
{
	font-size: 9pt;
	color: white;
	font-weight:bold;
	font-family: verdana;
	text-decoration: underline;
}


.homeBody
{
	font-size:18px; 
	COLOR:black;
	font-family: verdana;
	font-style:italic;
}
.homeBody A
{
	font-size:18px; 
	COLOR:red;
	font-family: verdana;
	font-style:italic;
}
.homeBody A:hover
{
	font-size:18px; 
	COLOR:red;
	font-family: verdana;
	font-style:italic;
}