/* 
 * CSS Style
 * Jautoconstruis.ca
 * Version 1.0.1 
 *
 * Tested with the following broswer:
 * 
 * Internet Explorer 8.0 
 * Internet Explorer 7.0.5730.13 
 * Internet Explorer 6.0.2900.2180 SP2
 * Mozilla FireFox 2.0.0.16
 * Google Chrome 1.0.154.59
 *
 */

/* ***********************************************************************************************************
 *
 * GENERIC HTML OVERRIDES
 *
 * ***********************************************************************************************************/

 form, body {
	margin:0px;
	padding:0px;
	width:100%;
	min-width:950px;
	font-size:11px; 
	font-family:Verdana, Tahoma, Arial;
	background-color:#625f5a; 
	background-position:center;  
	background-repeat:repeat-y;
	background-image:url('../../images/default/bg2.jpg');
}
input {
	font-size:10px; 
	font-family:Tahoma, Verdana, Arial; 
}
select {
	font-size:10px; 
	font-family:Tahoma, Verdana, Arial; 
}
textarea {
	font-size:10px; 
	font-family:Tahoma, Verdana, Arial; 
}
h1 {
	font-size:18px; 
	font-weight:bold;  
}
h1,h2,h3,h4,h5,h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;  	
}

/* ***********************************************************************************************************
 *
 * MASTERPAGE STYLE
 *
 * ***********************************************************************************************************/

#outer_wrapper {
	top:0px;
	left:0px;
	width:1000px; 
	height:100%;
	min-height:100%;
	position:relative;
	margin:0px auto 0px auto;
}
#main_wrapper {
	top:0px;
	left:0px;
	width:1000px; 
	height:311px;
	position:relative;
}
#main_menu_wrapper {
	top:0px;
	left:0px;
	float:left;
	width:227px; 
	height:311px;
	position:relative;
	background-position:top left;  
	background-repeat:no-repeat;
	background-image:url('../../images/default/mainlogo.jpg');
}
#main_theme_wrapper {
	top:0px;
	left:0px;
	float:left;
	width:773px; 
	height:311px;
	background-color:#ffffff;
	background-position: top right;
	background-repeat:no-repeat;
	background-image:url('../../images/default/jautoconstruis.jpg');
}
#menuElements {
	top:112px;
	left:0px;
	width:227px;
	height:311px;
	position:relative;
}
#menuElements .menuitem {
	left:0px;
	width:227px;
	height:50px;
	position:relative;
}
#main_content_wrapper {
	top:0px;
	left:0px;
	clear:both;
	width:1000px; 
	position:relative;
	background-color:#f37d26;
	background-position:bottom left;  
	background-repeat:no-repeat;
	background-image:url('../../images/default/contentleftbg.jpg');
	
	overflow:auto !important; /* FF Hack to resize the container properly */
    height:auto !important; /* FF and compliant browsers should automatically size the body/html */        
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
#contentLeft {
	top:0px;
	left:0px;
	float:left;
	width:227px; 
	height:100%;
	color:#ffffff;
	min-height:939px;
	position:relative;
}
#contentLeft .pagecontent {
	position:relative;
	padding:10px 7px 8px 10px;
}
#contentLeft .pagecontentcenter {
	position:relative;
	text-align:center;
	padding:10px 7px 8px 15px;
}
#contentLeft .pagecontentImage {
	padding-left:0px;
	position:relative;
}
#contentLeft .pagecontentFull {
    left:3px;
    position:relative;
}
#contentRight {
	top:0px;
	left:0px;
	float:left;
	width:773px;  /* free: 743px */
	height:100%;
	min-height:939px;
	position:relative;
	padding-bottom:50px;
	background-color:#ffffff;
	background-position:top left;  
	background-repeat:no-repeat;
	background-image:url('../../images/default/degrad.jpg');
}
#contentRight .pagecontent {
	padding:18px 15px 10px 15px;
}
#contentRight .pagecontentnopadding {
	padding:0px 0px 10px 0px;
}
#footer {
    clear:both;
	top:0px;
	left:0px;
	width:700px;
	margin:0px auto 0px auto;
}
#footer #footercontent {
	top:0px;
	left:0px;
	text-align:center;
}		
#footer #footercontent p {
	top:0px;
	left:10px;
	margin:0px;
	padding:0px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
}
#footer #footercontent a {
	color:#494949;
	font-weight:bold; 
	text-decoration:none; 
}

/* ***********************************************************************************************************
 *
 * GENERAL STYLE
 *
 * ***********************************************************************************************************/

.StepContainer {
	padding-bottom:20px;
	/padding-bottom:0px;	/* IE Fix */
	margin-bottom:4px; 
	width:600px;				
	clear:both;				/* FireFox Fix */
}
.StepContainerSpace {
	height:15px;
	clear:both;				/* FireFox Fix */
}
.LeftContainer {   
	float:left;
	width:195px;
	padding-top:3px; 
}
.RightContainer {	
	float:left;
	width:375px;
}
.SmallDropDownList {
	height:18px;
	width:155px;		
}
.MediumTextBox {
	height:12px;
	width:200px;	
}
.SmallTextBox {
	height:12px;
	width:150px;	
}
.TextContainer {
	margin-top:10px;
	margin-bottom:20px;
	text-align:justify; 
}
.TextSubject {
	color:#F47E00;
	font-weight:bold;
}
.Success {
	color:#0000FF;
	font-weight:bold;		
}
.ValidationSummary {
	padding:10px;
	margin-bottom:20px; 
	border:solid 2px #9C917F;
}
.RequiredField {
	color:#FF0000;	
}
.SplitContainer {
    clear:both;	 
    
    overflow:auto !important; /* FF Hack to resize the container properly */
    height:auto !important; /* FF and compliant browsers should automatically size the body/html */        
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */   
}
.SplitContainer .Left {
    float:left;    
}
.SplitContainer .Right {
    float:right;
}
.SplitContainer .RightFromLeft {
    float:left;
}

/* ***********************************************************************************************************
 *
 * INDEX.ASPX
 *
 * ***********************************************************************************************************/

#Index { 
    width:738px;
}

#Index .Advertisement {
    width:738px;
    height:185px;
    margin:0px auto 0px auto;
}
#Index .Container {
    background-color:#dadada;
    border:solid 1px #adadad;
}
#Index .Popular {
    width:275px;
    height:180px;
}
#Index .LastEntry {
    width:275px;
    height:454px;
    overflow:hidden;
}
#Index .LastEntry .Header {
	font-size:14px;
	margin-top:10px;
	margin-left:16px;
	font-weight:bold;
	text-transform:uppercase;
}
#Index .LastEntry ul {
	padding:0px;
	margin-top:0px;
	margin-left:16px;
	line-height:20px; 
	/padding-top:10px;			
	margin-bottom:10px;
	list-style-type:none;	
}
#Index .LastEntry li {
	line-height:18px;
	padding-left:20px;
	list-style-type:none;
	background-position:0px 4px;
	background-repeat:no-repeat;
	background-image:url('../../images/default/homegray.jpg');
}
#Index .Partner {
    width:435px;
    height:180px;
    text-align:center;
}
#Index .Submission {
    width:435px;
    height:180px;
    text-align:center;
}
#Index .Submission .SubmissionHeader {
    width:435px;
    height:31px;
}
#Index .Submission .SubmissionContent {
    width:427px;
    height:138px;
    text-align:justify;
    margin:0px auto 0px auto;
    background-color:#999999;
}
#Index .Submission .SubmissionContentText {
    padding: 10px 10px 10px 10px;
}
#Index .Guide {
    width:222px;
    height:271px;
    text-align:center;
}
#Index .Guide .GuideHeader {
    width:222px;
    height:31px;
}
#Index .Guide .GuideContent {
    width:216px;
    height:240px;
    text-align:justify;
    margin:0px auto 0px auto;
    background-color:#999999;
}
#Index .Guide .GuideContentText {
    padding: 10px 10px 10px 10px;
}

/* ***********************************************************************************************************
 *
 * COMPANY.ASPX
 *
 * ***********************************************************************************************************/

#Company { 
    clear:both;
    overflow:auto !important; /* FF Hack to resize the container properly */
    height:auto !important; /* FF and compliant browsers should automatically size the body/html */        
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
#Company .CompanyContainer {
    width:738px;
    text-align:left;
    margin:0px auto 0px auto; 
}
#Company .CompanyInfoLeft {
    width:369px;
    text-align:left;
}
#Company .CompanyInfoRight {
    width:369px;
    text-align:left;
}
#Company .CompanyMap {
    width:350px;
    height:275px;
    text-align:center;
    margin:0px auto 0px auto;
}
#Company .CompanyDescription {
    width:738px;
    overflow:auto !important; /* FF Hack to resize the container properly */
    height:auto !important; /* FF and compliant browsers should automatically size the body/html */        
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
#Company .CompanyContainerImage {
    width:738px;
    overflow:auto !important; /* FF Hack to resize the container properly */
    height:auto !important; /* FF and compliant browsers should automatically size the body/html */        
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
#Company .CompanyImage {
    text-align:center;
    margin:20px auto 20px auto;
}
#Company ul {
	padding:0px;
	margin-top:30px;
	margin-left:30px;
	list-style-type:none;	
}
#Company li {
	line-height:20px;
	padding-left:20px;
	background-position:0px 4px;
	background-repeat:no-repeat;
	background-image:url('../../images/default/home.jpg');	
}

/* ***********************************************************************************************************
 *
 * SEARCH RESULT STYLE
 *
 * ***********************************************************************************************************/

#SearchResult .Container {
    clear:both;
    width:728px;
    overflow:hidden !important; /* FF Hack to resize the container properly */
    height:auto !important; /* FF and compliant browsers should automatically size the body/html */        
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
    padding:12px 0px 12px 0px;
}
#SearchResult .ContainerFeatured {
    clear:both;
    width:728px;
    overflow:auto !important; /* FF Hack to resize the container properly */
    height:auto !important; /* FF and compliant browsers should automatically size the body/html */        
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
    padding:12px 0px 12px 0px;
    background-color:#F7F7F7;      
}
#SearchResult .SearchResultLeft {
	float:left;
	width:240px;
	text-align:center;
}
#SearchResult .SearchResultHouse {
	float:left;
	width:25px;
	text-align:center;
	margin:0px auto 0px auto;
}
#SearchResult .SearchResultRight {
	float:left;
	width:488px;
	text-align:justify;
}
#SearchResult .SearchResultRightDescription {
	float:left;
	width:463px; /*488*/
	text-align:justify;
}
#SearchResult .SearchResultCategory {
	color:#828282;
	text-align:left;
}
#SearchResult .SearchResultProximity {
	color:#828282;
}

/* ***********************************************************************************************************
 *
 * PAGINATION STYLE
 *
 * ***********************************************************************************************************/

div.pagination { 
    clear:both;
    margin:3px; 
    padding:3px; 
    font-weight:bold;
}
div.pagination a { 
    color:#000000; 
    padding:2px 8px; 
    margin-right:3px; 
    text-decoration:none; 
    border:1px solid #ccdbe4; 
    background-position:bottom; 
}
div.pagination a:hover, div.pagination a:active { 
    color:#ffffff; 
    background-image:none; 
    background-color:#FD8402; 
}
div.pagination span.current { 
    color:#000000; 
    padding:2px 6px; 
    margin-right:3px; 
    font-weight: bold; 
}
div.pagination span.disabled { 
    display:none; 
}
div.pagination a.next { 
    margin:0px 0px 0px 10px; 
    border:2px solid #ccdbe4; 
}
div.pagination a.next:hover { 
    border:2px solid #2b55af; 
}
div.pagination a.prev { 
    margin:0px 10px 0px 0px; 
    border:2px solid #ccdbe4; 
}
div.pagination a.prev:hover { 
    border:2px solid #2b55af; 
}

/* ***********************************************************************************************************
 *
 * PLANIMAGE.COM SEARCH ENGINE STYLE
 *
 * ***********************************************************************************************************/

.planImage {
    border-collapse:collapse;
}
.planImage th {
    border:0px; 
    height:25px;
    text-align:left;
    padding:3px 10px;
    background:#f47e00; 
    vertical-align:middle;
}
.planImage td {
    border:none; 
    padding:1px 1px; 
    vertical-align:top;
}
.planImage ul {
    margin:0; 
    padding:0;
}
.planImage li {
    padding-bottom: .35em;
}
.planImage ul ul {
    padding: .4em 0 0 1.2em;
}
.planImage ul li {
    color:#ffffff;
    font-size:1em; 
    list-style:none;
    line-height:1.4em; 
    padding-left:1.2em; 
    background: url('../../images/default/arrows1.gif') 0 .35em no-repeat; 
}

/* ***********************************************************************************************************
 *
 * VENDOR DASHBOARD STYLE
 *
 * ***********************************************************************************************************/

#VendorToolBarWrapper {
    left:0px;
	width:233px;
	position:relative;
}
#VendorToolBarWrapper .menuContainer {
    left:0px;
	width:227px;
	position:relative;
}
#VendorToolBarWrapper .menuItem {
	left:0px;
	width:227px;
	height:50px;
	position:relative;
}
.VendorInfoTable {
    width:725px;
	border-style:solid;
	border-color:#ffffff;
    border-width:0px 0px 1px 1px;
    background-color:#EFEBDF;
}
.VendorInfoTable td {
	margin:0;
    padding:4px;
    border-style:solid;
	border-color:#ffffff;
	border-width:1px 1px 0px 0px;
}
.VendorInfoTableHeader {
	color:#000000;
	font-weight:bold; 
	background-color:#f47e00; 
}
.VendorActionBar {
    width:725px;
    text-align:right;
}

/* ***********************************************************************************************************
 *
 * VENDOR SEARCH COMPANY STYLE
 *
 * ***********************************************************************************************************/

.SearchToolTip {
    font-size:10px;
    font-weight:bold;
}

/* ***********************************************************************************************************
 *
 * SEARCH USER CONTROL
 *
 * ***********************************************************************************************************/

#Search { }

#Search #Widget {
    width:284px;
    border: solid 1px red;
}

.SampleText {
	color:#807F7F;
}

/* ***********************************************************************************************************
 *
 * AJAX CONTROL EXTENDER STYLE
 *
 * ***********************************************************************************************************/

.CalenderExtender .ajax__calendar_container {
    color:#FF0000;
    border:1px solid #646464;
    background-color: #FFFACD;
}
.CalenderExtender .ajax__calendar_other .ajax__calendar_day,
.CalenderExtender .ajax__calendar_other .ajax__calendar_year {
    color:#000000;
}
.CalenderExtender .ajax__calendar_hover .ajax__calendar_day,
.CalenderExtender .ajax__calendar_hover .ajax__calendar_month,
.CalenderExtender .ajax__calendar_hover .ajax__calendar_year {
    color:#000000;
}
.CalenderExtender .ajax__calendar_active .ajax__calendar_day,
.CalenderExtender .ajax__calendar_active .ajax__calendar_month,
.CalenderExtender .ajax__calendar_active .ajax__calendar_year {
    color:#000000;
    font-weight:bold;
}

/* ***********************************************************************************************************
 *
 * COMPANY USER CONTROL STYLE
 *
 * ***********************************************************************************************************/

.CompanyPicture {
	width:349px;	
}

/* ***********************************************************************************************************
 *
 * FILE UPLOAD STYLE
 *
 * ***********************************************************************************************************/

.PictureRow {
	clear:both;
	height:25px;
}
.PictureRowAlternate {
	clear:both;
	height:25px;
}
.PictureColumnDetail {
	float:left;
	width:290px;
	padding-top:4px;
}
.PictureColumnAction {
	float:left;	
	width:30px;
	padding-top:5px;
}

/* ***********************************************************************************************************
 *
 * ERROR STYLE
 *
 * ***********************************************************************************************************/

.Error {
	color:#FF0000;	
	font-weight:bold;
}
.ErrorPanel {
	padding:10px;
	color:#FF0000;	
	font-weight:bold;
	border:solid 2px #9C917F;
}
#ErrorTitle {
	margin-top:15px; 
	font-weight:bold;  	
}
#ErrorText {	
	margin-top:5px; 
}

/* ***********************************************************************************************************
 *
 * FAQ STYLE
 *
 * ***********************************************************************************************************/

#faq ul {
	padding:0px;
	margin-top:0px;
	margin-left:0px;
	line-height:14px; 
	/padding-top:10px;			/* IE7 Fix */
	margin-bottom:10px;
	list-style-type:none;	
}
#faq li
{
	line-height:20px;
	padding-left:20px;
	background-position:0px 4px;
	background-repeat:no-repeat;
	background-image:url('../../images/default/home.jpg');	
}

/* ***********************************************************************************************************
 *
 * POLICIES.ASPX
 *
 * ***********************************************************************************************************/

.PoliciesHeader {
	font-size:12px;
	font-weight:bold;
}

/* ***********************************************************************************************************
 *
 * CONTACT-US.ASPX
 *
 * ***********************************************************************************************************/

.ContactUsContainer {
	clear:both;
	margin-top:5px;
}
.ContactUsLeft {
	float:left;
	width:165px;	
	height:25px;
	/height:18px;		/* IE Fix */
	padding-top:3px;
	font-weight:bold;
}
.ContactUsRight {
	float:left;	
	width:425px;	
}
.ContactUsRightImage {
	float:left;	
	width:375px;
	padding-top:5px;
	/padding-top:0px;	/* IE Fix */
	vertical-align:bottom;	
}

/* ***********************************************************************************************************
 *
 * NAVIGATION STYLE
 *
 * ***********************************************************************************************************/

#Navigation {
	clear:both;
    overflow:hidden !important; /* FF Hack to resize the container properly */
    height:auto !important; /* FF and compliant browsers should automatically size the body/html */        
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
#Navigation .Previous {
	float:left;	
	text-align:left;
}  
#Navigation .Next {
	float:right;
	text-align:right;
}
#NavigationSpacer {
	height:25px;	
}

/* ***********************************************************************************************************
 *
 * WIDGET STYLE
 *
 * ***********************************************************************************************************/

.widget {
    width:300px;
    height:100%;
	overflow:hidden; 
}
.widget .widget-header {
    width:300px;
    height:26px;
    overflow:hidden;
	background: url('../../images/default/widget_header.jpg') no-repeat 0px 0px; 
}
.widget .widget-header .title {
    height:26px;
    font-weight:bold;
    text-align:center;
    margin-top:5px;
}
.widget .widget-middle {
    height:100%;
    overflow:hidden;
	background:url('../../images/default/widget_middle.jpg') repeat-y 0px 0px; 
}
.widget .widget-footer {
    width:300px;
    height:85px;
    overflow:hidden;
	background:url('../../images/default/widget_footer.jpg') no-repeat 0px 0px; 
}
.widget .title {
    height:100%;
    margin:0px 0px 17px 10px; 
}

/* ***********************************************************************************************************
 *
 * PRESIGNUP STYLE
 *
 * ***********************************************************************************************************/

#PreSignUp {
	width:550px;
	text-align:justify;
}

/* ***********************************************************************************************************
 *
 * LOGIN STYLE
 *
 * ***********************************************************************************************************/

#LoginIntro {
	width:550px;
	text-align:justify;
}
#Login {
    width:738px;
	height:300px;
	padding-top:45px;
	text-align:center;
}
#Login #Panel {
	width:412px;
	height:202px;
	margin: 0px auto 0px auto;
	text-align:left !important;	
	background-repeat:no-repeat;
	background-image:url('../../images/default/login.jpg');	
}
#Login #Controls {
	position:relative;
	padding-top:40px;
	padding-left: 170px;
}

/* ***********************************************************************************************************
 *
 * CREDIT CARD STYLE
 *
 * ***********************************************************************************************************/

#PaymentContainer {
	width: 350px;	
}
#PaymentContainer .PaymentInfo {
	padding-top:10px; 
}

/* ***********************************************************************************************************
 *
 * CATEGORY SELECTOR USER CONTROL
 *
 * ***********************************************************************************************************/

#CategorySelector { }

#CategorySelector .CategoryContainer {
    clear:both;
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
#CategorySelector .Step1Img {
    width:45px;
    text-align:center;
}
#CategorySelector .Step1Ctrl {
    width:445px;
    text-align:left;
    padding:12px 0px 0px 15px;
}
#CategorySelector .SubCategoryContainer {
    clear:both;
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
#CategorySelector .Step2Img {
    width:45px;
    text-align:center;
}
#CategorySelector .Step2CtrlAvailableSelection {
    width:255px;
    padding:12px 0px 0px 12px;
}
#CategorySelector .Step2CtrlAction {
    width:100px;
    text-align:center;
    margin:35px 10px auto 10px; 
}
#CategorySelector .Step2CtrlYourSelection {
    width:300px;
    margin-top:20px;
}
#CategorySelector .ConfirmContainer {
    clear:both;
    overflow:hidden !important; /* FF Hack to resize the container properly */
    height:auto !important; /* FF and compliant browsers should automatically size the body/html */        
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}

/* ***********************************************************************************************************
 *
 * REGION SELECTOR USER CONTROL
 *
 * ***********************************************************************************************************/

#RegionSelector { }

#RegionSelector .RegionContainer {
    clear:both;
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
#RegionSelector .Step1Img {
    width:45px;
    text-align:center;
}
#RegionSelector .Step1Ctrl {
    width:445px;
    text-align:left;
    padding:12px 0px 0px 15px;
}
#RegionSelector .SubRegionContainer {
    clear:both;
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
#RegionSelector .Step2Img {
    width:45px;
    text-align:center;  
}
#RegionSelector .Step2CtrlAvailableSelection {
    width:255px;
    padding:12px 0px 0px 12px;
}
#RegionSelector .Step2CtrlAction {
    width:100px;
    text-align:center;
    margin:35px 10px auto 10px; 
}
#RegionSelector .Step2CtrlYourSelection {
    width:300px;
    margin-top:20px;
}
#RegionSelector .ConfirmContainer {
    clear:both;
    overflow:hidden !important; /* FF Hack to resize the container properly */
    height:auto !important; /* FF and compliant browsers should automatically size the body/html */        
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}

/* ***********************************************************************************************************
 *
 * MOST POPULAR SEARCH USER CONTROL STYLE
 *
 * ***********************************************************************************************************/

#MostPopularSearch {
    width:275px;
    height:180px;
}
#MostPopularSearch ul {
	padding:0px;
	margin-top:0px;
	margin-left:16px;
	line-height:20px; 
	/padding-top:10px;			/* IE7 Fix */
	margin-bottom:10px;
	list-style-type:none;	
}
#MostPopularSearch li {
	line-height:20px;
	padding-left:20px;
	list-style-type:none;
	background-position:0px 4px;
	background-repeat:no-repeat;
	background-image:url('../../images/default/homegray.jpg');	
}

#MostPopularSearch .Header {
	width:100%;
	font-size:14px;
	margin-top:10px;
	margin-left:16px;
	font-weight:bold;
	text-transform:uppercase;
}

/* ***********************************************************************************************************
 *
 * SITEMAP STYLE
 *
 * ***********************************************************************************************************/

#sitemap ul {
	padding:0px;
	margin-top:0px;
	margin-left:10px;
	line-height:14px; 
	/padding-top:10px;			/* IE7 Fix */
	margin-bottom:10px;
	list-style-type:none;	
}
#sitemap li {
	line-height:18px;
	padding-left:20px;
	list-style-type:none;
	background-position:0px 4px;
	background-repeat:no-repeat;
	background-image:url('../../images/default/home.jpg');	
}

#sitemap .listCategory {	
	margin-left:10px;
}
#sitemap .listCategory td {
	line-height:18px;
	padding-left:20px;
	padding-right:40px;
	list-style-type:none;
	background-position:0px 4px;
	background-repeat:no-repeat;
	background-image:url('../../images/default/home.jpg');	
}

/* ***********************************************************************************************************
 *
 * DIRECTORY STYLE
 *
 * ***********************************************************************************************************/

#directory .listCompany {	
	margin-left:10px;
}
#directory .listCompany td {
	line-height:18px;
	padding-left:20px;
	padding-right:40px;
	list-style-type:none;
	background-position:0px 4px;
	background-repeat:no-repeat;
	background-image:url('../../images/default/home.jpg');	
}

/* ***********************************************************************************************************
 *
 * ADVICE STYLE
 *
 * ***********************************************************************************************************/
 
#Advice .Index {
    width:650px;  
}
#Advice .Index th {
    height:20px;  
    color:#ffffff;
    background-color:#f47e00;
}
#Advice .Index tr {
    height:20px;  
    background-color:#dadada;
}
#Advice .Index .FileInfo {
    text-align:center; 
}
#Advice .Index .FileTitle {
    padding-left:10px;
}

/* ***********************************************************************************************************
 *
 * SEARCH EXTENDED USER CONTROL STYLE
 *
 * ***********************************************************************************************************/

#SearchExtended {
    clear:both;
    width:738px;
    text-align:center;
    overflow:auto !important; /* FF Hack to resize the container properly */
    height:auto !important; /* FF and compliant browsers should automatically size the body/html */        
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%;  /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
#SearchExtended .SearchExtendedTop {
    width:738px;
    height:31px;
}
#SearchExtended .SearchExtendedContent {
    width:730px;
    margin:0px auto 0px auto;
    background-color:#999999;
}
#SearchExtended .SearchExtendedRow1 {
    height:40px;
}
#SearchExtended .SearchExtendedRow2 {
    height:30px;
}
#SearchExtended .SearchExtendedCell {
    padding-left:23px;
}
#SearchExtended .SearchExtendedTextbox {
    height:14px;
    text-align:left;
    border:solid 1px #5d5d5d;
}
#SearchExtended .SearchExtendedLink {
    color:#3a3a3a;
    font-weight:bold;
    text-decoration: underline;
}

/* ***********************************************************************************************************
 *
 * SUBMISSION STYLE
 *
 * ***********************************************************************************************************/
 
#ProjectSubmission {
    clear:both;
    width:738px;
    overflow:auto !important; /* FF Hack to resize the container properly */
    height:auto !important; /* FF and compliant browsers should automatically size the body/html */        
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
    min-height:100%;  /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
#ProjectSubmission .SubmissionHeader {
    width:738px;
    height:31px;
}
#ProjectSubmission .SubmissionContent {
    width:730px; 
    height:685px;
    margin:0px auto 0px auto;
    background-color:#999999;
}
#ProjectSubmission .SubmissionForm {
    width:688px;
    height:645px;  
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
}
#ProjectSubmission .FileUpload {
    width:383px;
}