/*
	Default Elements
*/

*
{
	margin: 0;
	padding: 0;
	font-size-adjust: none;
}

html
{
	font-family: "Arial", verdana, sans-serif !important;
	font-size: 12px;
	height: 100%;
}

body
{
	border: 0;
	margin: 0;
	background: #585858;
	color: #282828;
	height: 100%;
}

a
{
	text-decoration: none;
	color: #fff;
}

a:hover
{
	text-decoration: underline;
}

ol
{
	list-style: decimal;
}

img
{
	border: 0;
	vertical-align: middle;
}

form
{
	padding: 0;
	margin: 0;
}

fieldset
{
	border: 0;
	padding: 0;
	margin: 0;
}

	fieldset label
	{
		margin-top: 8px;
		display: block;
		float: left;
		clear: left;
		width: 180px;
	}
	
	fieldset.right label
	{
		margin-top: 8px;
		display: block;
		float: left;
		clear: left;
		width: 100px;
		font-size: 12px;
		font-weight: bold;		
	}
		
		fieldset label em
		{
			color: #ff0000;
			font-weight: bold;
		}
	
	fieldset label.title
	{
		font-size: 14px;
		font-weight: bold;
		display: block;
		border-bottom: 1px solid #d1813a;
		width: auto;
		float: none;
		margin-bottom: 10px;
		line-height: 26px;
	}
	
	fieldset label.long
	{
		display: block;
		float: none;
		width: auto;
	}
	
	fieldset label.select
	{
		margin-top: 2px;
	}
	
	fieldset label.checkbox
	{
		width: auto !important;
		padding: 3px 0;
	}
	
	fieldset label.checkbox label.error
	{
		margin-left: 4px;
		margin-top: 0px;
		display: inline !important;
		width: auto !important;
		float: none;
		clear: none;
		font-size: 9px;
		color: #ff0000;	
	}
	
	fieldset label.error
	{
		margin-left: 4px;
		display: inline !important;
		width: auto !important;
		float: left;
		clear: none;
		font-size: 9px;
		color: #ff0000;
	}
	
	fieldset label.push-left
	{

	}
	
	fieldset input, fieldset select, fieldset textarea
	{
		width: 180px;
		display: block;
		float: left;
		clear: right;
		margin-bottom: 3px;
		color: #333;
		background-color: #fff;
		border: 1px solid #aaa;
		padding: 4px;
		vertical-align: top;
	}
	
	fieldset input.submit
	{
		width: 154px;
		height: 36px;
		border: 0;
	}
	
	fieldset input.upload
	{
		width: auto !important;
	}
	
	select.no-style
	{
		width: auto !important;
		display: inline !important;
		float: none;
		clear: none !important;
		margin: 0;
		padding: 0 !important;
	}
	
	fieldset input.checkbox
	{
		margin-right: 4px;
		width: auto !important;
		border: 0 !important;
	}
	
	fieldset input.radio
	{
		width: auto !important;
		clear: none;
		margin-right: 8px;
		border: 0 !important;
	}
	
	input.button-normal
	{
		border: 0;
		display: block;
		height: 36px;
		padding: 0;
		width: 170px;
		text-align: center;
		background: url(../images/button-normal-new.jpg) no-repeat;
		color: #fff !important;
		border: 0;
		font-size: 17px;
		font-weight: normal;
		font-family: "Arial";
		cursor: pointer;
		vertical-align: middle;
		margin-right: 8px;
	}
	
	fieldset span.radio
	{
		float: left;
		display: block;
		margin: 8px 8px;
		width: auto;
	}
	
	fieldset span.radio-fixed
	{
		float: left;
		display: block;
		margin: 8px 8px;
		width: 40px;
		text-align: center;
	}
	
	fieldset input.button-normal:hover
	{
		cursor: pointer;
	}
	
	fieldset select
	{
		padding: 0 !important;
	}
	
	fieldset input.error, textarea.error
	{
		background-color: #ffcccc;
		border-color: #ff9999;
	}
	
	fieldset input.file
	{
		width: auto !important;
	}


	fieldset textarea
	{
		font-size: 12px;
		width: 400px;
		height: 100px;
	}
	
		fieldset .finish input
		{
			width: auto;
		}

span.errorList
{
	padding: 8px 0;
	display: block;
}

	span.errorList em
	{
		display: block;
		color: #ff0000;
		font-style: normal;
	}

span.messageList
{
	padding: 8px 0;
	display: block;
}

	span.messageList em
	{
		display: block;
		color: #aaa;
		font-style: normal;
	}
	
span.note
{
	display: block;
	margin: 10px 0 10px 8px;
	padding: 8px 8px 8px 24px;
	background: url(../images/icons/information.png) left no-repeat;
	color: #fff;
}
	
/*
	reFlair elements 
*/

div#main
{
	width: 1000px;
	padding: 20px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0 auto;
}

div#header
{
	width: 755px;
	height: 133px;
	background: transparent url(../images/Calgary-RenoLink-Find-Renovators-logo.jpg) 0 0 no-repeat;
	position: relative;
}

	div#header input#search-bar
	{
		position: absolute;
		background: transparent;
		border: 0;
		top: 59px;
		left: 582px;
		width: 150px;
	}
	
	div#header div#quick-links
	{
		position: absolute;
		text-align: right;
		right: 30px;
		top: 20px;
	}
	
		div#quick-links ul
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		div#quick-links ul li
		{
			display: inline;
			margin: 0;
			padding: 0;
		}
		
		div#quick-links ul li.na
		{
			display: inline;
			float: left;
		}
		
		div#quick-links ul li a
		{
			float: left;
			display: block;
			padding: 0 6px;
			color: #5f5f5f;
		}
		
		div#quick-links ul li a.last
		{
			border: 0;
		}

	div#header div#login-info
	{
		float: right;
		font-size: 12px;
	}
	
		div#header div#login-info span.display-name
		{
			font-size: 24px;
			font-weight: bold;
			color: #1e1e1e;
			display: block;
			text-align: right;
			padding: 10px 10px 0 0;
		}
		
		div#header div#login-info span.log-out
		{
			display: block;
			text-align: right;
			padding: 0 10px 0 0;
		}
	
		div#header div#login-info span.log-out a
		{
			color: #ff9500;
		}
		
		div#header div#login-info span.register
		{
			display: block;
			text-align: right;
			padding: 0 10px 0 0;
		}
		
		div#header div#login-info span.register a
		{
			font-size: 24px;
			color: #ff9500;
		}
		
		div#header div#login-info span.not-logged-in
		{
			color: #1e1e1e;
			display: block;
			text-align: right;
			padding: 10px 10px 0 0;
		}
	
	div#header h1#logo a
	{
		display: block;
		width: 200px;
		height: 100px;
		margin: 0 0 0 20px;
		text-indent: -9000px;
	}

	div#header ul#main-menu
	{
		width: 756px;
		list-style: none;
		padding: 0;
		line-height: normal;
		height: 33px;
		display: block;
	}
	
		div#header ul#main-menu li
		{
			display: inline;
			margin: 0;
			padding: 0;
		}
		
		div#header ul#main-menu li a
		{
			display: block;
			float: left;
		}
		
		div#header ul#main-menu li a.last
		{
			border: 0;
		}

		div#header ul#main-menu li a:hover
		{
			background-position: 0 -30px;
		}

div#content
{
	width: 755px;
	background: #fff url(../images/main-content.jpg) repeat-y;
	line-height: 1.3;
}

div#content.home
{
	background: #fff url(../images/main-content-splash.jpg) repeat-y;
}

	div#content hr
	{
		margin: 10px 0px;
		border: 0;
		border-top: 1px solid #b9b9b9;
		clear: both;
	}
	
	div#content hr.last
	{
		margin: 0 !important;
		border: 0 !important;
		clear: both;
	}

	div#content a
	{
		color: #d1813a;
		font-weight: bold;
		text-decoration: underline;
	}
	
	div#content ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	div#content ul li
	{
		padding: 0;
		margin: 0;
	}
	
	div#content td.directory-list
	{
		border-left: 1px solid #ccc;
		width: 140px;
		padding: 4px 10px 4px 10px;
		font-size: 12px;
	}

		div#content td.first
		{
			border-left: 0px;
			padding-left: 30px;
		}
	
		div#content td.directory-list a
		{
			display: block;
			padding: 5px 0;
			margin: 10px 0;
			font-size: 12px;
			font-weight: normal;
			line-height: 1.2;
		}
	
		div#content td.directory-list h3
		{
			color: #282828;
			font-size: 16px;
			margin: 10px 0;
		}
		
		div#content td.directory-list h3 a
		{
			color: #282828;
			text-decoration: underline;
			font-family: "Arial";
			font-weight: normal;
			font-size: 18px;
		}
		
	div#content ul.floating-list
	{
		list-style: outside url(../images/list-arrow.gif) !important;
		float: left;
		padding: 0;
		margin: 0 0 0 8px;
	}
	
	div#content ul.floating-list li
	{
		width: 133px;
		padding: 0 2px 0 0;
	}
	
	div#content ul.floating-list-ns
	{
		list-style: none;
		float: left;
	}
	
	div#content ul.floating-list-ns li
	{
		width: 150px;
		padding: 0 4px;
	}

	div#content li.splash-left
	{
		width: 502px;
		display: block;
		float: left;
		font-size: 12px;
		background: transparent;
		height: 100%;
		min-height: 500px;
	}
	
	div#content li.splash-right
	{
		width: 253px;
		display: block;
		float: right;
		background: #fff;
		overflow-x: hidden;
	}
	
	div#content li.splash-right div.right-section-splash
	{
		padding: 20px 12px;
	}
	
	div#content li.content-left
	{
		width: 552px;
		display: block;
		float: left;
		font-size: 12px;
		background: transparent;
		height: 100%;
		min-height: 100%;
	}
	
	div#content li.content-left a
	{
		font-weight: normal;
	}
	
	div#content li.content-right
	{
		width: 203px;
		overflow-x: hidden;
		float: right;
		background: #fff;
	}
	
	div#content li.content-full
	{
		display: block;
		float: left;
		width: 755px;
		font-size: 13px;
		background: #fff;
		min-height: 500px;
	}

	div#content li.content-full th
	{
		text-align: left;
		border-bottom: 1px solid #e9e9e9;
	}
	
	div#content li.content-right div.right-section
	{
		padding: 20px 12px;
	}
	
	div#content li.content-right div.right-section-splash
	{
		padding: 20px 12px;
	}
	
	div#content span.text-section
	{
		display: block;
		padding: 20px 30px 0 30px;
	}
	
	div#content span.text-section p
	{
		padding: 0;
		margin: 0;
	}
	
	div#content span.text-section h3
	{
		font-family: "Arial";
		font-size: 18px;
		font-weight: normal;
		color: #282828;
	}
	
	div#content div.text-section
	{
		display: block;
		padding: 20px 30px 0 30px;
	}
	
	div#content div.text-section p
	{
		padding: 0;
		margin: 0;
	}
	
	div#content div.text-section h3
	{
		font-family: "Arial";
		font-size: 18px;
		font-weight: normal;
		color: #282828;
	}
	
	div#content div.relative-box
	{
		position: relative;
	}

	h2
	{
		font-family: "Arial";
		font-size: 20px;
		font-weight: bold;
		color: #282828;
		margin-bottom: 10px;
		line-height: 1;
		display: inline;
	}
	
	span.sub-title
	{
		display: block;
		font-size: 18px;
		font-style: italic;
	}
	
	span.sub-title2
	{
		display: block;
		font-size: 14px;
		padding: 2px 0;
		font-weight: bold;
	}
	
	div#content span.sub-title a
	{
		color: #3d3d3d !important;
		text-decoration: none;
	}
	
	h2.emphasis
	{
		display: block;
		font-size: 32px;
		border-bottom: 1px solid #b9b9b9;
		line-height: 1.2;
	}

	a.button-normal
	{
		display: block;
		height: 22px;
		padding: 7px 0;
		width: 170px;
		text-align: center;
		background: url(../images/button-normal-new.jpg) no-repeat;
		color: #fff !important;
		font-family: "Arial";
		font-size: 17px;
		font-weight: bold;
		text-decoration: none !important;
	}
	
	a.button-normal:hover
	{
		cursor: pointer;
		text-decoration: none;
	}
	
	a.right
	{
		float: right;
	}
	
	form.dyn-form
	{
		display: none;
		background: #151515;
		padding: 20px;
		margin-left: 10px;
	}
	
	form.edit-dyn-form
	{
		display: none;
		background: transparent;
		padding: 10px;
		margin-left: 10px;
	}
	
	table.admin-data
	{
		width: 895px;
		margin: 10px 0 0 10px;
		background-color: inherit;
	}
	
	table.admin-data tr
	{
		background-color: #282828;
	}
	
	table.admin-data tr.odd
	{
		background-color: #151515;
	}
	
	table.admin-data th
	{
		color: #fff;
		font-size: 14px;
		padding: 8px;
		margin: 1px 0 0 0;
		text-align: left;
		background-color: #101010;
	}
	
	table.admin-data td
	{
		padding: 4px 8px;
		margin: 1px 0 0 0;
	}
	
	table.admin-data td.no-padding
	{
		padding: 0;
		margin: 0;
	}
	
	table.admin-data-children
	{
		width: 855px;
		margin: 0 0 0 25px;
		background-color: inherit;
	}
	
	.helper
	{
		display: inline;
		vertical-align: middle;
		cursor: pointer;
		position: relative;
	}
	
	form#directory-search
	{
		position: absolute;
		top: 144px;
		left: 33px;
	}
	
	form#directory-search input#search
	{
		border: 0;
		margin: 0;
		padding: 0;
		width: 212px;
	}
	
	form#directory-search input#submit-search
	{
		width: 89px;
		margin-top: -5px;
		margin-left: 33px;
		vertical-align: top;
		height: 23px;
		border: 0;
	}
	
	form#content-search
	{
		position: absolute;
		top: 140px;
		left: 33px;
	}
	
	form#content-search input#search
	{
		border: 0;
		margin: 0;
		padding: 0;
		width: 212px;
	}
	
	form#content-search input#submit-search
	{
		width: 89px;
		margin-top: -5px;
		margin-left: 33px;
		vertical-align: top;
		height: 23px;
		background: transparent;
		border: 0;
	}
	
	form#learn-search
	{
		position: absolute;
		top: 138px;
		left: 33px;
	}
	
	form#learn-search input#search
	{
		border: 0;
		padding: 0;
		width: 212px;
	}
	
	form#learn-search input#submit-search
	{
		width: 89px;
		margin-left: 33px;
		height: 23px;
		background: transparent;
		border: 0;
		vertical-align: top;
	}
	
	form#contractor-login
	{
		position: absolute;
		top: 139px;
		left: 33px;
	}
	
	form#contractor-login input
	{
		width: 102px;
		border: 0;
		margin: 0;
		padding: 1px;
		font-size: 10px;
	}
	
	form#contractor-login input#password
	{
		margin-left: 15px;
	}
	
	form#contractor-login input#submit
	{
		width: 89px;
		margin-top: -5px;
		margin-left: 20px;
		vertical-align: top;
		height: 23px;
	}
	
	form#contractor-login span#email-text
	{
		display: block;
		float: left;
		width: 102px;
		text-align: center;
		padding-top: 4px;
		font-size: 10px;
		color: #fff;
	}
	
	form#contractor-login span#password-text
	{
		display: block;
		float: left;
		width: 102px;
		text-align: center;
		padding-left: 20px;
		padding-top: 4px;
		font-size: 10px;
		color: #fff;
	}
	
	form#contractor-login span#forget-pass-text
	{
		display: block;
		float: left;
		width: 102px;
		text-align: center;
		padding-left: 30px;
		padding-top: 4px;
		font-size: 10px;
		color: #fff;
	}
	
	form#contractor-login span#forget-pass-text a
	{
		color: #fff;
	}
	
	form div.pickerBox
	{
		width: 300px;
		float: left;
	}
	
	ul.fact-list
	{
		list-style: inside circle !important;
	}
	
	span.bang-box
	{
		display: block;
		margin: 20px;
		background: #fff url(../images/bang-box_bg.gif) top left no-repeat;
		padding: 35px 0 0 50px;
		min-height: 45px;
		color: #d16f1a;
		font-weight: bold;
		font-style: italic;
	}
	
	span.special-list
	{
		display: block;
		margin: 0px 10px;
	}
	
	span.special-list em
	{
		display: block;
		float: left;
		width: 42px;
		height: 60px;
		text-align: center;
		font-size: 42px;
		color: #a76224;
		font-style: normal;
		font-weight: bold;
	}
	
	span.special-list em.two-line
	{
		margin-top: -8px;
	}
	
	span.special-list em.four-line
	{
		margin-top: 8px;
	}
	
	p.foot-note
	{
		font-size: 7px;
		color: #ccc;
	}
	
	div#content div.contractor-type
	{
		font-size: 14px;
		font-weight: bold;
		margin: 10px -30px;
		padding: 6px 10px;
	}
	
	div#content div.platinum
	{
		background: url(../images/ctype-platinum-bg.jpg) top left repeat-x;
	}
	
	div#content div.gold
	{
		background: url(../images/ctype-gold-bg.jpg) top left repeat-x;
	}
	
	div#content div.basic
	{
		background: url(../images/ctype-basic-bg.jpg) top left repeat-x;
		color: #fff;
	}
	
	div#content div.contractor-cat-list div.contractor-info
	{
		width: 350px;
		float: left;
	}
	
	div#content div.contractor-cat-list p
	{
		width: 340px;
	}
	
	div#content div.contractor-cat-list h3 a
	{
		font-family: "Arial";
		font-size: 20px;
		font-weight: bold;
		color: #282828 !important;
		text-decoration: underline !important;
	}
	
	div.rating-info-home
	{
		background: transparent url(../images/rating-star-grey.jpg) repeat-x;
		margin: 0 15px 8px 15px;
		width: 60px;
		font-size: 9px;
		text-align: left;
	}
	
	div.rating-info-home em
	{
		display: block;
		background: transparent url(../images/rating-star-yellow.jpg) repeat-x;
		width: 0;
		height: 20px;
	}
	
	div.rating-info
	{
		background: transparent url(../images/rating-star-grey.jpg) repeat-x;
		margin: 0 30px 8px 30px;
		width: 60px;
		font-size: 9px;
		text-align: left;
	}
	
	div.rating-info em
	{
		display: block;
		background: transparent url(../images/rating-star-yellow.jpg) repeat-x;
		width: 0;
		height: 20px;
	}
	
	div.rating-info-view
	{	
		float: right;
		background: transparent url(../images/rating-star-grey.jpg) repeat-x;
		width: 60px;
		height: 36px;
		font-size: 9px;
		margin-right: 20px;
	}
	
	div.rating-info-view em
	{
		display: block;
		background: transparent url(../images/rating-star-yellow.jpg) repeat-x;
		width: 0;
		height: 20px;
		text-align: left;
	}
	
	div.rating-info-review
	{	
		float: right;
		background: transparent url(../images/rating-star-grey.jpg) top right repeat-x;
		width: 60px;
		font-size: 9px;
		margin-right: 20px;
	}
	
	div.rating-info-review em
	{
		display: block;
		background: transparent url(../images/rating-star-yellow.jpg) repeat-x;
		width: 0;
		height: 20px;
		text-align: left;
	}
	
	div#content ol
	{
		margin-left: 20px;
	}
	
	div.membership-options-holder
	{
		height: auto;
		padding: 6px 0;
		border-bottom: 1px solid #b9b9b9;
	}

	div.membership-options-holder.heading
	{	
		font-size: 16px;
		font-weight: bold;
		color: #d1813a;
		border-bottom: 1px solid #666 !important;
	}
	
	div.membership-options-holder.last
	{	
		border-bottom: 1px solid #666 !important;
	}
	
	div.membership-options-holder.noborder
	{	
		border-bottom: none;
	}
	
	div.membership-options
	{
		float: left;
		padding: 0 4px;
	}
	
	div.membership-options.description
	{
		width: 220px;
	}
	
	div.membership-options.col1
	{
		width: 80px;
		text-align: center;
	}
	
	div.membership-options.col2
	{
		width: 80px;
		text-align: center;
	}
	
	div.membership-options.col3
	{
		width: 80px;
		text-align: center;
	}
	
div#sponsors
{
	background: #f7f7f7 url(../images/our-sponsors-top.png) top left no-repeat;
	width: 230px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	float: right;
	margin-left: 10px;
	padding: 60px 0 20px 0;
}
	
div#footer
{
	border-top: 1px solid #e5e5e5;
	height: 54px;
	width: 755px;
	background: #fff url(../images/footer_bg.png) repeat-x;
	color: #606060;
}

div#footer a
{
	font-size: 10px;
	color: #606060;
}

div#footer a:hover
{
	text-decoration: underline;
}

	div#footer div#footer-left
	{
		float: left;
		font-size: 10px;
		font-weight: bold;
		padding: 15px 0 0 20px;
	}
	
	div#footer div#footer-right
	{
		font-size: 10px;
		font-weight: bold;
		float: right;
		padding: 20px 20px 0 0;
	}
/*
	Generic classes
*/
.hide
{
	display: none;
}

div#helperDiv
{
	display: none;
	position: absolute;
	width: 200px;
	background: url(../images/tip-of-tool.png) top left no-repeat;
}

div#helperDiv div
{
	font-size: 10px;
	margin-left: 22px;
	margin-top: 2px;
	background: #ff5000;
	padding: 5px;
	text-decoration: none;
	color: #fff;
	border-right: 1px solid #282828;
	border-bottom: 1px solid #282828;
}

div.pager
{
	font-size: 12px;
	text-align: center;
	color: #282828;
}

div#content div.pager a
{
	text-decoration: none !important;
	color: #d1813a !important;
	font-weight: bold;
}

div#content div.pager a:hover
{
	color: #d1813a !important;
}

div.categorySelect
{
	position: relative;
}

.categorySelect .jScrollPaneTrack {
	background: url(../images/windows_track.gif) repeat-y;
}
.categorySelect .jScrollPaneDrag {
	background: url(../images/windows_drag_middle.gif) no-repeat 0 50%;
}
.categorySelect .jScrollPaneDragTop {
	background: url(../images/windows_drag_top.gif) no-repeat;
	height: 4px;
}
.categorySelect .jScrollPaneDragBottom {
	background: url(../images/windows_drag_bottom.gif) no-repeat;
	height: 4px;
}
.categorySelect a.jScrollArrowUp {
	height: 17px;
	background: url(../images/windows_arrow_up.gif) no-repeat 0 0;
}
.categorySelect a.jScrollArrowUp:hover {
	background-position: 0 -20px;
}
.categorySelect a.jScrollArrowDown {
	height: 17px;
	background: url(../images/windows_arrow_down.gif) no-repeat 0 0;
}
.categorySelect a.jScrollArrowDown:hover {
	background-position: 0 -20px;
}
.categorySelect a.jScrollActiveArrowButton, .categorySelect a.jScrollActiveArrowButton:hover {
	background-position: 0 -40px;
}

.categorySelect .jScrollPaneContainer
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	background: #eee;
	padding: 0 4px;
}

div.categoryScroll
{
	overflow: auto;
	width: 200px;
	height: 200px;
}

div#content div.categoryScroll a.selectAble
{
	display: block;
}

div#content div.categoryScroll a.selectAble a
{
	font-weight: normal;
}

.profileInfo { float: right; width: 175px; padding: 10px 0 0 10px; text-align: right; }
.profileInfo img { vertical-align: middle; }