/* --------------------------------------------
|  GLOBAL STYLES											
--------------------------------------------- */

html { border: none; }
body {
	margin: 0;
	padding: 0;
	line-height: 13px;
}
body, td {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
img { border: 0; }
p { margin: 0 0 15px 0; }

h1, h2, h3, h4, h5, form { margin: 0; }
h2
{
	margin-top:6px;
}

.pageTitle 
{
	color:#335CAD;
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}

	#SortOptions
	{
		border: 1px solid #cccccc;
		padding: 0 3px;
		line-height:20px;
	}
	
	#SortOptions a {
		color:#335CAD;
		border: 1px solid white;
		padding: 1px 3px;
		text-decoration: none;
		margin-left:1px;
	}


/* --------------------------------------------
|  NAVIGATION												
--------------------------------------------- */

/* -- PRIMARY NAVIGATION -- */
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 45px;
	background: url(../Graphics/bg_nav.gif) no-repeat;
	}
	#nav li {
		float: left;
		}
		#nav li a {
			outline: none;
			display: block;
			margin: 12px 0 0 0;
			height: 33px;
			float: left;
			text-indent: -9999px;
			text-decoration: none;
			background-image: url(../Graphics/nav_matrix.gif);
			background-repeat: no-repeat;
			}
			#bHome {background-position: 0 0; width: 88px;}#bHome:hover, #nav li.current #bHome {background-position: 0 -33px;}
			#bFind {background-position: -88px 0; width: 120px;}#bFind:hover, #nav li.current #bFind {background-position: -88px -33px;}
			#bJobs {background-position: -208px 0; width: 72px;}#bJobs:hover, #nav li.current #bJobs {background-position: -208px -33px;}
			#bList {background-position: -280px 0; width: 112px;}#bList:hover, #nav li.current #bList {background-position: -280px -33px;}
			#bAbout {background-position: -392px 0; width: 92px;}#bAbout:hover, #nav li.current #bAbout {background-position: -392px -33px;}


/* -- SECONDARY NAVIGATION -- */
#subNav {}

/* --------------------------------------------
|  STRUCTURE												
--------------------------------------------- */

#siteContainer {
	width: 727px;
	margin: 0 auto;
	}

/* -- HEADER -- */
#header {
	height: 105px;
	}
	#topNav {
		margin: 0;
		width: 201px;
		height: 23px;
		float: right;
		padding: 0;
		list-style: none;
		}
		#topNav li {float: left;}
		#topNav a {
			display: block;
			outline: none;
			height: 23px;
			text-indent: -9999px;
			text-decoration: none;
			background-image: url(../Graphics/top_nav_matrix.gif);
			background-repeat: no-repeat;
			}
			#bSiteMap { background-position: 0 0;width: 86px; }
			#bLogin { background-position: -86px 0;width: 115px; }
			
	#logo img {display: block;}
	

/* -- BODY -- */
.contentArea {
	border-top: 1px solid #cccccc;
	color: #666666;
	  background: url(../Graphics/bg_content_tile.gif) 100% 0 repeat-y; 
	}
	.contentArea a {
		color: #ec0000;
		}
.contentHomeArea {
		border-top: 1px solid #cccccc;
		color: #666666;
		background: url(../Graphics/bg_col_left.gif) 0 100% no-repeat;
	}
	.contentHomeArea a {
		color: #ec0000;
		}
.contentResultArea {
		border-top: 1px solid #cccccc;
		color: #666666;
		background: none; 
	}
	.contentResultArea a {
		color: #ec0000;
		}
.contentDetailArea {
		border-top: 1px solid #cccccc;
		color: #666666;
		background: none; 
	}
	.contentDetailArea a {
		color: #ec0000;
		}
	#contentLeaf { background: url(../Graphics/bg_content.jpg) 0 100% no-repeat; }
	.contentResultArea #contentLeaf { background: none; }
	.contentDetailArea #contentLeaf { background: none; }
	/*#home #contentArea {background: url(../Graphics/bg_col_left.gif) 0 100% no-repeat;}  #home */
	#colLeft {
		width: 258px;
		float: left;
		}
		#mainImage {
			height: 378px;
			overflow: hidden;
			}
		#leftCTA {
			padding: 0 13px 0 13px;
			}
			#leftCTA h2 {
				font-size: 12px;
				line-height: 14px;
				margin: 9px 0 7px 0;
				}
	
	#colRight {
		width: 469px;
		float: left;
		padding-bottom: 10px;
		}
		#colRight .contentPad {
			padding: 15px 45px 20px 15px;
			line-height: 16px;
			}
		#homeMainContent {
			background: url(../Graphics/bg_home_main_content.jpg) no-repeat;
			height: 155px;
			}
			#homeMainContent .pad {padding: 15px 40px 0 15px;}
			#h_canadas_oilfield {
				background: url(../Graphics/h_canadas_oilfield_online.gif) no-repeat;
				height: 17px;
				text-indent: -9999px;
				margin: 0 0 11px 0;
				}
			
			#homeNetwork ul {
				margin: 5px 0 10px 0;
				padding: 0;
				list-style: none;
				width: 150px;
				float: left;
				}
				#homeNetwork ul#networkOne {
					}
				#homeNetwork ul#networkTwo {}
				#homeNetwork ul li {
					padding: 0 0 0 26px;
					line-height: 16px;
					background: url(../Graphics/network_bullet.gif) 15px 7px no-repeat;
					}
					#homeNetwork ul li a {
						font-weight: bold;
						color: #000;
						text-decoration: none;
						}
		#homeSecondaryContent {
				margin: 0 0 0 15px;
				width: 300px;
			}
			#homeSecondaryContent p 
			{
			}
			#homeSecondaryContent h2 {
				font-size: 12px;
				line-height: 14px;
				margin: 9px 0 5px 0;
				}
			#homeSecondaryContent .pad {
				width: 305px;
				padding: 0 0 0 0;
				margin: 0 0 0 15px;
				}
			#cd 
			{
				font-size: 10px;
				font-weight: bold;
				text-align: center;
				color: #003399;
				vertical-align:middle;
				}
/* -- FOOTER -- */
#footer {
	height: 62px;
	background: url(../Graphics/bg_footer.gif) no-repeat;
	clear: both;
	font-size: 10px;
	margin-bottom: 20px;
	}
	#footer p {
		margin: 4px 0 0 14px;
		color: #333333;
		}
	#footer ul {
		margin: 0 0 0 14px;
		padding: 10px 0 0 0;
		list-style: none;
		}
		#footer ul li {
			color: #666666;
			font-weight: bold;
			display: inline;
			}
			#footer ul li a {
				color: #666666;
				text-decoration: none;
				}
	#book_locations {
		float:right;
		margin-right:120px;
		margin-top:10px;
	}
}

/* --------------------------------------------
|  SITE MAP													
--------------------------------------------- */

.siteMapList { margin-top: 15px }
.siteMapList dt {
	background:url(../Graphics/ico_folder.gif) 0 4px no-repeat;
	padding-left:20px;
	line-height:20px;
}
.siteMapList dt a {
	text-decoration: none;
	font-weight: bold;
	}
.siteMapList dd {	
	padding-left:10px;
	margin-left:25px;
	line-height:16px;
	background:url(../Graphics/sitemap_2nd.gif) no-repeat;
}
.siteMapList dd a {	
	color: #666;
	text-decoration:none;
}
.siteMapList .bottom { background:url(../Graphics/sitemap_2nd_bottom.gif) no-repeat; }

/* --------------------------------------------
|  CONTENT SPECIFIC										
--------------------------------------------- */

.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both }

h1 {
	height: 24px;
	font-size: 12px;
	line-height: 12px;
	text-indent: -9999px;
	}
#h_find {background: url(../Graphics/headers/h_find_service.gif) no-repeat; }
#h_jobs {background: url(../Graphics/headers/h_jobs.gif) no-repeat; }
#h_list {background: url(../Graphics/headers/h_list_with_us.gif) no-repeat; }
#h_about {background: url(../Graphics/headers/h_about_us.gif) no-repeat; }
#h_login {background: url(../Graphics/headers/h_login.gif) no-repeat; }
#h_sitemap {background: url(../Graphics/headers/h_sitemap.gif) no-repeat; }
#h_contact {background: url(../Graphics/headers/h_contact.gif) no-repeat; }

h2 {
	color:#335cad;
	font-size: 11px;
	}
/* --------------------------------------------
|  PAGE SPECIFIC											
--------------------------------------------- */

/* -- List with us page -- */

#listTop {
	width: 692px;
	height: 327px;
	display: block;
	background: url(../Graphics/list_top_01.gif) no-repeat;
	cursor: pointer;
}
.listTopButton:hover {
	background: url(../Graphics/list_top_02.gif) no-repeat;
}
.listTopButton {
	display: block;
	width: 692px;
	height: 315px;
	position: absolute;
}

.hoverBox {
	width: 208px;
	background: #003987;
	position: absolute;
	color: #FFF;
	display: none;
	font-size: 11px;
	cursor: default;
}

#topOver {margin: -15px 0 0 484px;}
.hoverBox div {
	padding: 10px;
	line-height: 14px;
}
.hoverBox a {color: #FFF; cursor: pointer;}
.hoverBox .header {
	font-size: 12px;
	font-weight: bold;
	background: #3366cc url(../Graphics/bg_rounded_blue.gif) no-repeat;
	line-height: 32px;
	display: block;
	padding-left: 15px;
}
.hoverBox ul {
	margin: 0 0 10px 4px;
	padding: 0;
	list-style: none;
}
.hoverBox ul li {
	padding-left: 10px;
	background: url(../Graphics/white_bullet.gif) 0 5px no-repeat;
}
#listTable {
	width: 524px;
	height: 271px;
	float: left;
	margin-top: 15px;
	background: url(../Graphics/list_table5.gif) no-repeat;
}

#list1, #list2 {display: block; position: absolute; width: 327px; height: 23px;}
#list1 {margin-top: 13px;}#list2 {margin-top: 50px;}
#list1:hover {background: url(../Graphics/list_table_01b.gif) no-repeat;}
#list2:hover {background: url(../Graphics/list_table_02b.gif) no-repeat;}

#listBox1, #listBox2, #listAdBox {
	display: none;
	margin: -19px 0 0 324px;
}

#listAd {
	padding-left: 20px;
	height: 241px;
	float: left;
	
}
#listAd a {
	width: 148px;
	height: 241px;
	display: block;
	background: url(../Graphics/list_ad_01b.gif) no-repeat;
}
#listAd a:hover {background: url(../Graphics/list_ad_02b.gif) no-repeat;}

#listTableNav {
	width: 50px;
	margin: 0;
	padding: 0;
	float: left;
}

.listButtons {text-align: center;}
.listButtons a {margin: 0 10px;}
.contactBox {margin-top: 10px;}
.contactBox .cHead {
	font-weight: bold;
	color: #C20400;
	font-size: 14px;
}


/* --------------------------------------------
|  SEARCH RESULTS										
--------------------------------------------- */
#searchHeaders {
	margin: 10px 0 0 0;
	height: 15px;
	}
	#searchHeaders img {
		float: left;
		}

#filterResults {
	color:#335cad;
	font-weight: bold;
	margin: 20px 0 17px 0;
	}
	#filterResults select, #filterResults input {vertical-align: middle; }
	.filterProvince {
		width: 170px;
		margin-left: 10px;
		}
	.filterCity {
		width: 170px;
		margin-left: 6px;
		}
	.filterCategory {
		width: 220px;
		margin-left: 6px;
		margin-right: 8px;
		}
	
	#filterResults a {
		color:#335CAD;
		border: 1px solid #cccccc;
		margin-top:2px;
		margin-left:1px;
		padding: 1px;
		text-decoration: none;
		line-height:20px;
		font-weight:normal;
	}
	#filterResults .highlight 
	{
		background:#ccc;
	}
		
#resultsCounter {
	border-bottom: 1px solid #999999;
	padding-bottom: 7px;
	margin: 0 0 7px 0;
	}
.featuredListing {
	background: #EEE;
	height: 54px;
	border: 1px solid #999;
	margin: 7px 0;
	}
	.featuredListing .featuredLogo {
		float: left;
		display: block;
		padding-right: 9px;
		}
		.featuredLogo 
		{
			width: 124px;
			background-color: #EEEEEE;
			margin-right: 9px;
			text-align: center;
		}
		.featuredListing h3 {
			display: block;
			margin: 2px 0 4px 0;
			}
			.featuredListing h3 a {
				color: #ec0000; /* changed from #c20400 */
				font-size: 13px;
				text-decoration: underline;
				font-weight: bold;
				}
		.featuredListing p {
			padding: 0;
			font-size: 11px;
			color: #000;
			margin: 0;
			line-height: 14px;
			}
			.featuredListing p a {color: #000;}
			
.searchResults {
	width: 573px;
	margin-top: 7px;
	}
	.searchResults td {
		color: #333333;
		font-size: 11px;
		line-height: 18px;
		
		padding-left: 10px;
		border-color: #FFF;
		border-width: 1px;
		border-style: none solid solid solid;
		}
		.searchResults td b {
			font-size: 11px;
		}
		.searchResults td a {
			color: #333;
			text-decoration: none;
			font-weight: bold;
			font-size: 11px;
			padding-right: 10px;
			background: url(../Graphics/bullet_red_arrow.gif) 100% 6px no-repeat;
            float: left;
			}
			.searchResults td a:hover {
				color: #ec0000;
				text-decoration: underline;
				}
.searchPager td { padding-left: 0px; }
.searchPager td a { background: none; }
.searchPager td span {	color: #ec0000;
						font-weight: bold;
						}
#searchNav {
	width: 573px;
	text-align: center;
	margin-top: 20px;
	}
	#searchNav td 
	{
		font-size: 11px;
		border-style: none none none none;
		background-color:White;
		padding-left: 0px;
		}
		/*#searchNav td span {
			color: #ec0000;
			font-weight: bold;
			}*/
		.currentPage 
		{
			color: #ec0000;
			font-weight: bold;
		}
		
	#searchNav td a 
	{
		color: #666666;
		}
	#searchPrev, #searchNext {width: 80px;}
	#searchPrev a, #searchNext a {
	 	height: 20px; 
		line-height: 15px;
		background-image: url(../Graphics/bg_next_prev.gif);
		background-repeat: no-repeat;
		text-decoration: none;
		display: block;
		}
#searchNav td a:hover {color: #C20400;}
#searchPrev a {
	float: left;
	background-position: 2px 4px;
	padding-left: 12px;
	}
#searchNext a {
	float: right;
	background-position: 100% -12px;
	background-repeat: no-repeat;
	padding-right: 10px;
	}
.searchAgain {float: right;}

#searchAds {width: 137px;	float: right;}

.adContainer {
	color: #666666;
}
.adContainer a {
	font-weight: bold;
	color: #ec0000; /* changed from #003399 */
	text-decoration: underline;
	font-size: 11px;
}
.adContainer a:hover {
	color: #C20400;
	font-weight: bold;
}
.adContainer p {
	font-size: 10px;
	line-height: 12px;
}

/* Search Table */
.searchForm { padding-top: 43px; border-top: 1px solid #999999; }
.searchTable 
	{
		width:100%;
	}
	.searchTable th, .searchTable td 
	{
		border-width: 2px 2px 3px 2px;
		border-color: #FFF;
		border-style: solid;
		background: #626262;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		.searchTable td { background: #FFF; }
		.searchTable td select, .searchTable td input {
			width: 100%;
			margin: 0;
			}
	.searchTable td input {
		width: 200px;
		}
.searchTable th {
	font-weight: bold;
	color: #FFF;
	font-size: 11px;
	padding-left: 10px;
	height: 21px;
	width: 78px;
	text-align: left;
	border-right: 4px solid #FFF;
	}
.searchTable .spaceRow td {
	background: #959595;
	border: 0px;
	height: 4px;
	line-height:4px;
	}

	/* --- Search Results ---- */
#companyDetails {margin-left: 12px; clear: right;}

#companyDetails .companyContact 
{
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	margin-top: 10px;
}
#companyDetails .companyContact td {padding: 5px 25px 5px 5px;}
#companyDetails .companyContact td, #companyDetails .companyContact th {
	vertical-align: top;
	font-size: 11px;
	color: #000;
	line-height: 14px;
	text-align: left;
}
#companyDetails .companyContact th {padding: 5px 5px 5px 0;}
.companyName 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	display: block;
	border-bottom: 1px solid #999999;
	color: #c50000;
	font-weight: bold;
	font-size: 18px;
	margin: 35px 0 0 0;
	padding-bottom: 7px;	
	}

#logoDetail {
	background: #CCC;
	position: relative;
	left: 4px;
	top: 4px;
	float: left;
	}
	#logoDetail img {
		border: 1px solid #333333;
		}
		
#companyTabBox {
	width: 727px;
	margin: 20px 0;
	}
	#tabNav {
		margin: 0 0 0 12px;
		padding: 0;
		list-style: none;
		width: 511px;
		position:relative;
		top: 1px
		}
		#tabNav li {
			display: inline;
			float: left;
			background: url(../Graphics/tab.gif) 0 -27px no-repeat;
			padding: 0 0 0 6px;
			margin: 0 2px 0 0;
			}
			#tabNav li.current a {background-position: 100% 0;	color: #c50000;}
			#tabNav li.current, #tabNav li:hover  {background-position: 0 0; padding-bottom: 1px;}
			#tabNav li:hover a {background-position: 100% 0;}
			#tabNav li a:hover {color: #c50000;}
			#tabNav li a {
				padding: 0 12px 0 6px;
				font-size: 10px;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-weight: bold;
				text-decoration: none;
				line-height: 18px;
				height: 18px;
				float: left;
				color: #FFF;
				display: block;
				background: url(../Graphics/tab.gif) 100% -27px no-repeat;
				}
				
#tab1 {
	color: #000;
	border: 1px solid #999;
	padding: 12px;
	background: #EEE;
	display: none;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	clear: both;
	width: 650px;
	}
	#tab2 {
		color: #000;
		border: 1px solid #999;
		padding: 12px;
		background: #EEE;
		visibility: hidden;
		font-size: 11px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
		clear: both;
		width: 650px;
		/*display: none;*/
	}
	#tab3 {
		color: #000;
		border: 1px solid #999;
		padding: 12px;
		background: #EEE;
		font-size: 11px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
		clear: both;
		width: 650px;
		visibility: hidden;
		}
		#tab4, #tab5 {
			color: #000;
			border: 1px solid #999;
			padding: 12px;
			background: #EEE;
			visibility: hidden;
			font-size: 11px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
			clear: both;
			width: 650px;
			display: none;
		}
	#tab1Content {
		width: 480px;
		float: left;
		margin-left: 30px;
		}
#companyTabBox #tab1 {
	display: block;
	}
#tab1 table {
	margin: 4px 0 11px 0;
	}
#tab1 table th, #tab1 table td {
	font-size: 11px;
	color: #000;
	line-height: 16px;
	vertical-align: top;
	}
#tab1 table th {
	color: #335cad;
	text-align: left;
	white-space: nowrap;
	padding: 0 14px 0 0;
	}	
.backRes {
	background: url(../Graphics/bg_next_prev.gif) 0 4px no-repeat;
	padding-left: 10px;
	color: #666666;
	text-decoration: none;
	float: right;
}

#map
{
	width : 645px;
	height : 500px;
	margin : 0px;
	padding : 0px;
	border : 1px solid #f9f9f9;
}

/* set height of idle state map */
#map .gsmsc-idleMapDiv { height : 500px; }

/* set height of active state map */
#map .gsmsc-mapDiv { height : 500px; }

#map .gsmsc-controls {visibility: hidden; }

/* #map .gmls-app { visibility: hidden; } */
.red-box {border: 3px solid red; color: red;}
.blue-box {border: 3px solid blue; color: blue;}

.DirectoryLink 
{
	margin-right:10px;
}