/*	Global Styles */
div, p, body, h1, h2, h3, h4, h5, h6 pre, blockquote, label, ul, ol, dl, fieldset, address, image {
	margin:0;
	padding:0;
	text-decoration: none;
}
img {border:none;}
.clearFloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*	End Global Styles */

body{
	margin:15px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#container {
	width: 990px;
	float:center;
	margin: 0 auto;
	text-align: left;
	text-decoration: none;
} 

#masthead { 
	background:url(../images/masthead.jpg);
	height:98px;
} 

#globalNavigation {
	float:right;
	color:#ffffff;
	text-decoration:none;
	text-align:right;
	font-size:11px;
	padding:10px 10px 0px 0px;
}

#globalNavigation a:link, a:active, a:visited  {
	color:#000000;
	text-decoration:none;
}
#globalNavigation a:hover, #globalNavigation a.active  {
	color:#0077FF;
	text-decoration:none;
}

#topNavigation{
	padding: 74px 0px 0px 190px; /**/
	line-height:15px;
	letter-spacing: 0px
}
#topNavigation ul{
	list-style: none;
}

#topNavigation li{
	float:left;
	margin:0px 2px 0px 0px;
}
/* Start Tab Navigation */
#topNavigation a.inActive {
	display:block;
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	background: url(../images/tabLeftInactive.gif) left top no-repeat;
	text-decoration: none;
} 

#topNavigation a.inActive span
{
	display:block;
	background: url(../images/tabRightInactive.gif) right top no-repeat;
	padding: 0px 5px 0px 5px;
} 
#topNavigation a.inActive span div
{
	white-space:nowrap;
	display:block;
	background:#440707;
	padding: 5px 10px 4px 10px;
}

#topNavigation a.active, #topNavigation a.inActive:hover {
	display:block;
	font-size:11px;
	font-weight:bold;
	/*color: #00496e;*/
	color: #ffffff;
	background: url(../images/tabLeftActiveGrey.gif) left top no-repeat;
	text-decoration: none;
} 
#topNavigation a.active span, #topNavigation a.inActive:hover span
{
	display:block;
	background: url(../images/tabRightActiveGrey.gif) right top no-repeat;
	padding: 0px 5px 0px 5px;
} 
#topNavigation a.active span div, #topNavigation a.inActive:hover  span div
{
	white-space:nowrap;
	display:block;
	background:#758183;
	padding: 5px 10px 4px 10px;
}

/* End Tab Navigation */

/*Start Left Navigation*/
#leftNavigation {
	float:left;
	width:185px;

}
#leftNavigation ul{
	list-style: none;
	border-right: 1px solid #c8cfcb;
}
#leftNavigation li{
	margin: 6px 0px 0px 0px;
}
#leftNavigation li a.leftNavInactive{
	height:23px;
	display:block;
	font-size:11px;
	font-weight:bold;
	color: #440707;
	background: url(../images/subTabLeftTopInActive.gif) left top no-repeat;
	text-decoration: none;
	padding: 0px 0px 0px 4px;
	border-bottom: 2px solid #c8cfcb;
}
#leftNavigation li a.leftNavActive, #leftNavigation li a.leftNavInactive:hover{
	height:23px;
	display:block;
	font-size:11px;
	font-weight:bold;
	color: #440707;
	background: url(../images/subTabLeftTopActive.gif) left top no-repeat #e2e4e5;
	text-decoration: none;
	padding: 0px 0px 0px 4px;
	border-bottom: 2px solid #c8cfcb;
}

 #leftNavigation li a.leftNavActive span,  #leftNavigation li a.leftNavInactive span
{
	display:block;
	padding:5px 0px 2px 5px;
	border-top:1px solid #c8cfcb;
}
#leftNavigation li ul{
	border-left: 1px solid #c8cfcb;
	border-bottom: 1px solid #c8cfcb;
	border-right:none;
	padding: 5px 0px 7px 10px;
	margin: 0px 0px 0px 0px;
    text-indent: -10px;
}
#leftNavigation li ul li 
{
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 15px;
	display:block;
	line-height:16px;	
}
#leftNavigation li ul li a
{
	background:none;
	font-size:11px;
	font-weight:normal;
	color: #4d5b54;
	text-decoration: none;
}

#leftNavigation li ul li a:hover, #leftNavigation li ul li a.active
{
	color:#0077FF;
	text-decoration: none;
}


 #leftNavigation li ul li a span
{
	border:none;
}
/* End Left Navigation*/

/* Start Content Containers*/
#contentContainer {
	font-size:12px;
	float:left;
	width:585px;
	background: url(../images/contentBg.jpg) no-repeat;
	margin: 5px 0px 0px 5px;
	padding: 10px 0px 10px 25px;
	text-decoration: none;
}
#contentContainerNoLeftNav{
	font-size:12px;
	float:left;
	width:770px;
	background: url(https://www.personalpropertyappraisal.ca/images/contentHomeBg.jpg) no-repeat;
	margin: 5px 0px 0px 5px;
	padding: 10px 0px 10px 25px;
	text-decoration: none;
}
#contentContainerHome {
	font-size:12px;
	float:left;
	width:775px;
	background: url(https://www.personalpropertyappraisal.ca/images/contentHomeBg.jpg) no-repeat;
	margin: 5px 0px 0px 5px;
	padding: 10px 0px 10px 20px;
	text-decoration: none;
}

#contentContainerSplash {
	font-size:14px;
	float:left;
	width:990px;
	background: url(../images/splashBG.jpg) no-repeat;
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
#contentContainer a, #contentContainerHome a, #contentContainerNoLeftNav a, #contentContainerSplash a{
	color:#4d5b54;
	text-decoration:none;
}
#contentContainer a:hover, #contentContainerHome a:hover, #contentContainerNoLeftNav a:hover, #contentContainerSplash a:hover{
	color:#0077FF;
	text-decoration:underline;
}
#contentContainerHome p{
	color:#4d5b54;
	padding:25px 0px 0px 5px;
	line-height:22px;
	font-size:14px;	
}
#contentContainerHome h1{
	color:#440707;
	font-size:24px;
	padding:5px 0px 0px 5px;
	font-weight:normal;
}
#contentContainerSplash h1{
	color:#440707;
	font-size:24px;
	padding:20px 0px 20px 5px;
	font-weight:normal;
}
#contentContainerSplash p{
	color:#4d5b54;
	padding:5px 0px 0px 5px;
	font-size:12px;	
}
/* End Content Container*/
/* Start Print, Email, Share Navigation */
#pageNav{
	float:right;
}
#pageNav a:link, #pageNav a:active, #pageNav a:visited{
	font-size:11px;
	text-decoration:none;
	color:#4d5b54;
}

#pageNav a:hover{
	text-decoration:none;
	color:#0077FF;
}
/* End Print, Email, Share Navigation */

/* Start Right Navigation Container*/
#rightNavigation {
	margin: 5px 0px 0px 0px;
	/*background: url(../images/rightNavContentBg.jpg) no-repeat;*/
	float:left;
	width:190px;
}
.roundedBorderBox{
	width:150px;
	margin: 0px 0px 5px 40px;	
}
.topRow{
	background: url(../images/whiteBoxTop.gif) no-repeat;
	height:6px;
	overflow:hidden;
}
.bottomRow{
	background: url(../images/whiteBoxBottom.gif) top left no-repeat;
	height:6px;
	overflow:hidden;
}
.roundedBorderBoxContent{
	border-left:1px solid #c8cfcb;
	border-right:1px solid #c8cfcb;
	padding: 2px 2px 0px 15px;
}
.roundedBorderBoxContent p {
font-size:7px;
padding:2px 0px 0px 0px;
} 
.rightNavItemBoxOneLineText{
	margin: 0px 0px 0px 40px;
	padding: 6px 0px 0px 15px;
	background: url(../images/rightNavItemBoxOneLineBg.gif) no-repeat;
	height:26px;
}

#rightNavigation ul{
	list-style: none;
}

#rightNavigation li a
{
	height:19px;
	display:block;
	font-size:11px;
	font-weight:bold;
	color: #440707;
	text-decoration: none;
}
#rightNavigation li a:hover, #rightNavigation li a.active
{
	text-decoration: none;
	color:#0077FF;
}
#rightNavigation li
{
	height:19px;
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#4d5b54;
	text-decoration: none;
}
/* End Right Navigation Container*/

/* Start Footer Elements */
#footerContainer {
	color:#4d5b54;
	font-size:11px;
	margin:0px 190px 0px 217px;
	padding:6px 0px 0px 0px;
	border-top: 1px solid #c8cfcb;
	text-decoration: none;
	
}
#footerContainerHome {
	color:#4d5b54;
	font-size:11px;
	margin:0px 190px 0px 30px;
	padding:6px 0px 0px 0px;
	border-top: 1px solid #c8cfcb;
	text-decoration: none;
}
#footerContainerNoLeftNav {
	color:#4d5b54;
	font-size:11px;
	margin:0px 190px 0px 30px;
	padding:6px 0px 0px 0px;
	border-top: 1px solid #c8cfcb;
	text-decoration: none;
}
#footerLeft {
	float:left;
	text-decoration: none;
}
#footerRight {
	float:right;
	text-decoration: none;
}
#footerContainer a, #footerContainerHome a, #footerContainerNoLeftNav a{
	color:#4d5b54;
	text-decoration:none;
}
#footerContainer a:hover, #footerContainerHome a:hover, #footerContainerNoLeftNav a:hover, #footerContainer a.active, #footerContainerHome a.active, #footerContainerNoLeftNav a.active{
	color:#0077FF;
	text-decoration:none;
}
/* End Footer Elements */

h1{
	color:#440707;
	font-size:24px;
	padding:10px 0px 5px 0px;
	font-weight:normal;
}
h2{
	color:#440707;
	font-size:16px;
	padding:10px 0px 0px 0px;
	font-weight:bold;
}
h3{
	color:#440707;
	font-size:14px;
	padding:10px 0px 0px 0px;
	font-weight:bold;
}
h4{
	color:#440707;
	font-size:12px;
	padding:10px 0px 0px 0px;
	font-weight:bold;
}
#contentContainer h2 a, #contentContainerNoLeftNav h2 a {
	color:#440707;
	text-decoration:underline;
}
#contentContainer h2 a:hover, #contentContainerNoLeftNav h2 a:hover{
	color:#0077FF;
	text-decoration:underline;
}
p{
	padding:5px 0px 5px 0px;
}
#contentContainer ul, #contentContainerNoLeftNav ul, #contentContainerHome ul {
	padding:10px 0px 5px 22px;
	list-style-type:disc;	
}
#contentContainer ol, #contentContainerNoLeftNav ol, #contentContainerHome ol{
	padding:10px 0px 5px 30px;
}
#contentContainer li, #contentContainerNoLeftNav li, #contentContainerHome li{
	padding:2px 0px 2px 0px;
}

p, ul, ol {
	color:#4d5b54;
	font-size:12px;	
}

/* Steps */
.stepContainer{
	margin:10px 0px 20px 0px;	
}
.fourStepActive {
	background-image: url(../images/stepBlueActive.gif);
	background-repeat: no-repeat;
	margin:0px 5px 0px 0px;	
	padding:5px 0px 0px 7px;
	height: 60px;
	width: 132px;
	float:left;
}
.fiveStepActive {
	background-image: url(../images/5StepBlueActive.gif);
	background-repeat: no-repeat;
	margin:0px 5px 0px 0px;	
	padding:3px 0px 0px 3px;
	height: 60px;
	width: 107px;
	float:left;
}
.fourStepActive h1, .fiveStepActive h1 {
	color:#440707;
	font-size:20px;
	padding:0px 0px 0px 0px;
}
.fourStepActive h2, .fiveStepActive h2 {
	color:#2d3437;
	font-size:11px;
	font-weight:normal;
	padding:0px 0px 0px 2px;
}

.fourStepInactive {
	background-image: url(../images/stepBlueInactive.gif);
	background-repeat: no-repeat;
	margin:0px 5px 0px 0px;	
	padding:5px 0px 0px 7px;
	height: 60px;
	width: 132px;
	float:left;
}
.fiveStepInactive {
	background-image: url(../images/5StepBlueInactive.gif);
	background-repeat: no-repeat;
	margin:0px 5px 0px 0px;	
	padding:3px 0px 0px 3px;
	height: 60px;
	width: 107px;
	float:left;
}
.fourStepInactive h1, .fiveStepInactive h1 {
	color:#440707;
	font-size:20px;
	padding:0px 0px 0px 0px;
}
.fourStepInactive h2, .fiveStepInactive h2 {
	color:#2d3437;
	font-size:11px;
	font-weight:normal;
	padding:0px 0px 0px 2px;
}


.tableWithBorder
{
    border-color: #c8c8c8;
    border-width: 0 0 1px 1px;
    border-style: solid;
	width:575px;
/*	margin:0px 0px 0px 5px;	*/
}

.tableWithBorder th
{
    border-color: #c8c8c8;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
	background:#ebf1f4;
	color:#440707;
} 
.tableWithBorder td
{
    border-color: #c8c8c8;
    border-width: 1px 1px 0px 0;
    border-style: solid;
    margin: 0;
    padding:4px;

} 
.tableWithBorder .iconColumn{
	width:21px;
	padding:3px;
}

.tableWithBorderNoLeftNav
{
    border-color: #c8c8c8;
    border-width: 0 0 1px 1px;
    border-style: solid;
	width:625px;
/*	margin:0px 0px 0px 5px;	*/
}

.tableWithBorderNoLeftNav th
{
    border-color: #c8c8c8;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
	background:#ebf1f4;
	color:#440707;
} 
.tableWithBorderNoLeftNav td
{
    border-color: #c8c8c8;
    border-width: 1px 1px 0px 0;
    border-style: solid;
    margin: 0;
    padding:4px;

} 
.tableWithBorderNoLeftNav .iconColumn{
	width:21px;
	padding:3px;
}

.errorText {color:#FF0000;}

/* Start Callout */

.calloutTop div { background: url(../images/callout_tl.gif) no-repeat top left; }
.calloutTop { background: url(../images/callout_tr.gif) no-repeat top right; }
.calloutBot div { background: url(../images/callout_bl.gif) no-repeat bottom left; }
.calloutBot { background: url(../images/callout_br.gif) no-repeat bottom right; }

.calloutTop div, .calloutTop, .calloutBot div, .calloutBot {
width: 100%;
height: 5px;
font-size: 1px;
}

.callout{ background:#d9dee7; width:100%; margin:10px 0px 0px 0px; }
.calloutContent{
padding:0px 10px 10px 10px;
}
.calloutContent strong{
color:#440707;
}
/* End Callout */

.buttonContainer{
	padding:10px 0px 0px 0px;
/*	margin:0px 0px 0px 5px;*/	
	width:550px;
	text-align:left;
}
.buttonContainer input {
	background:#e0eaee;
	color:#440707;
	border:solid 1px #c8c8c8;
	padding:2px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 8px 0px 0px;
}
.buttonContainer input:hover {
	background:#440707;
	color:#e0eaee;
}

.formInput, form{
	color:#4d5b54;
	font-size:12px;	
	padding:2px;
}

hr{
	height:1px;
	color: #c8cfcb;
	background-color:#c8cfcb;
	margin:10px 0px 0px 0px;
}

.widget_box {
	background: url(../images/widget_tl.png) no-repeat top left;
	margin:10px 0px 5px 0px;
}
.widget_top {
	background: url(../images/widget_tr.png) no-repeat top right;
}
.widget_bottom {
	background: url(../images/widget_bl.png) no-repeat bottom left;
}
.widget_bottom div {
	background: url(../images/widget_br.png) no-repeat bottom right;
}
.widget_content {
	background: url(../images/widget_r.png) top right repeat-y;
}

.widget_top div,.widget_top,
.widget_bottom div, .widget_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.widget_content {
	margin-top: 0px;
}

.widget_bottom {
	margin-top: 0px;
}
.widget_content { padding: 0 15px; }

/* Email Friend Modal Popup */
.EmailFriend_modalPopup
{
    color: #440707;
    background-color: white;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    padding: 5px;
    width: 300px;
    height: 380px;
}

.EmailFriend_modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.EmailFriend_buttonContainer {

}

.EmailFriend_buttonContainer input {
	background:#e0eaee;
	color:#440707;
	border:solid 1px #c8c8c8;
	padding:2px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 8px 0px 0px;
}

.EmailFriend_buttonContainer input:hover {
	background:#440707;
	color:#e0eaee;
}

.appraisallinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4D5B54;
	text-decoration: none;
}
.mainlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4D5B54;
	text-decoration: none;
}