/*	Desc: Bilingual Recruiters Inc. Screen Style Sheet
	Author: MOXY Webworks
	Date: August 16, 2007
	+ Colours
	- *colour hex* *colour name* (*purpose*)

=== === === === === === === === === === */
/* Import stylesheets and hide from IE/Mac \*/
@import "blueprint/lib/reset.css";
@import "blueprint/lib/typography.css";
@import "blueprint/lib/grid.css";
@import "blueprint/lib/buttons.css";
/* End import/hide */



/*=STRUCTURE
=== === === === === === === === === === */
html {

}
body {
	position: relative;
  width: 1000px;
  margin: 0 auto;
background: #3469b9 url(../cssimg/drop-shadow.png) 50% center repeat-y;
  color: #1A3460;
font-family:Arial,Helvetica,sans-serif;
}
#container {
	
	
	width: 960px;
	margin: 0 auto;

	
}

/*=COMMON
=== === === === === === === === === === */
* {
	padding: 0;
	margin: 0
}
#branding {
	width: 958px;
	height: 157px;
	background: transparent url(../cssimg/bilingual-recruiters-banner.png) no-repeat;
	
	}
#branding h1 {
	text-indent: -9999px;
	width: 720px;
	height: 155px;
	float: left;
}
#branding h1 a {
	text-indent: -9999px;
	width: 720px;
	height: 155px;
	display: block;
}

img {
	border: 0
}
a {

}
ul#nav_access {
	display: none;
  }
a#nav_access_home {
	
}
  hr {
  	width: 96%;
  }


/*=VCARD
=== === === === === === === === === === */
.vcard {
  	text-align: left;
  	padding-left: 80px;
  	padding-bottom: 20px;
  }
.fn {
	font-family: Georgia, Times New Roman, Times, serif;
padding-top: 2em;
font-weight: bold;
font-size: 1.5em;
 }
/*=NAVIGATION
=== === === === === === === === === === */
#nav_main h4 {
	position: absolute;
	text-indent: -9999px;
}
#nav_main {
	position: relative;	
	background: transparent url(../cssimg/menu-background.png) no-repeat; 
	text-indent: -9999px;
  width: 958px; 
	height: 49px;

}

#nav_main ul {
	margin: 0;
	list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  width: 815px;
  padding:	9px 0 0 24px;
}
#nav_main li {
	display: inline;
	text-indent: -9999px;
 }

#nav_main ul li {
	float: left;
	padding-right: 0px;
}
#nav_main ul li a {
	display: block;
	height: 33px;
}


li#homepage a {
	width: 153px;
  background: #ddd url(../cssimg/nav_main_deep.jpg) no-repeat 0 -35px; 
  }
li#homepage a:hover {
  background-position: 0 0; 
  }
li#process a {
	width: 154px;
  background: #ddd url(../cssimg/nav_main_deep.jpg) no-repeat -153px -35px; 
  }
li#process a:hover {
  background-position: -153px 0; 
  }
li#our-comm a {
	width: 200px;
	background: #ddd url(../cssimg/nav_main_deep.jpg) no-repeat -307px -35px;
}
li#our-comm a:hover {
	background-position: -307px 0;
}
li#our-team a {
	width: 154px;
	background: #ddd url(../cssimg/nav_main_deep.jpg) no-repeat -507px -35px;
}
li#our-team a:hover {
	background-position: -507px 0;
}
li#contactus a {
	width: 148px;
	background: #ddd url(../cssimg/nav_main_deep.jpg) no-repeat -661px -35px;
}
li#contactus a:hover {
	background-position: -661px 0;
}



#date {
	position: relative;
	top: -142px;
	left: -43px;
	float: right;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	color: #344B72;
	font-weight: 700;
	width: 130px;
}
#formoreinfo {
	position: relative;
	top: -96px;
	left: 73px;
	float: right;
	width: 130px;
	border-top: 1px solid #687FA4;
  font-family: Georgia, Times New Roman, Times, serif;
		}
#formoreinfo h4, #formoreinfo p {
	margin-top: .2666em;
	font-family: Georgia, Times New Roman, Times, serif;
 text-align: center;
		letter-spacing: .0666em;
	}
#formoreinfo h4 {
	
	font-weight: 600;

	color: #B0B6C5;
	}
#formoreinfo p {
	color: #E5E5E5;
	font-weight: 600;

}

/*=CONTENT
=== === === === === === === === === === */
#content {
  
margin:20px 30px 0;
position:relative;
top:0;
width:904px;
	}
#nav_sub, #content_main, #content_sub {
	float: left;
}
#nav_sub {
	position: relative;
	width: 157px; 
	text-align: left;
	margin-left: 20px;
	padding-left: 25px;
	padding-right: 20px;
	 
}
#content_main {
	width: 575px;
	position: relative;
	
}
#content_main.wide {
	
	width: 675px;
	position: relative;
	top: -188px;
	left: 20px;
}
#content_main p, #content_main h2 {
	padding: 0px 28px 0 28px;
}
#content_main h2 {
	margin: 20px 0;
}
#content_main h3 {
	font-family:Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-align: left;
	margin: 20px 0pt 0 26px;
	color: #254A81;
}

body#career #content_main h3 {
	margin: 20px 140px 16px 26px;
	line-height: 1.2em;
}
body#career #content_main p {
	margin: 0 100px 0 0;
	text-align: left;
}

#content_main ol, #content_main ul {
	margin-left: 50px;
	list-style-type: square;
	text-align: left;
	list-style-position: outside;
}
#content_main ol li, #content_main ul li {
	padding: 0 60px 10px 4px;
}
#content_sub {
	position: relative;
	top: -176px;
	left: 10px;
	width: 135px;
	text-align: left;
}
#content_sub p, #content_sub h2, #content_sub h3 {
	
	line-height: 1.5;
	text-align: left;
}
#mappage #content_sub {
	margin-left: 20px;
}
#content_sub ul {
	padding-bottom: 1.5em;
}
/* =Navigation in left column */
#nav_sub h4 {
	position: absolute;
	text-indent: -9999px;
}	

#nav_sub p.alt {
	text-align: left;
	padding: 0 0 0 0;
	line-height: 1.21;
}
#nav_sub ul {
	list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin: 0;
  padding: 0 0 1.5em 0;
}
#nav_sub li {
	text-indent: -9999px;
 }
#nav_sub ul li {
	padding-bottom: 0px;
	height: 36px;

}
#nav_sub ul li a {
	display: block;
	}


li#code a {
	width: 150px;
		height: 36px;
  background: #ddd url(../cssimg/nav_sub.gif) no-repeat 0 0; 
  }
li#code a:hover {
  background-position: -150px 0; 
  }
li#mapola a {
	width: 150px;
	height: 36px;
  background: #ddd url(../cssimg/nav_sub.gif) no-repeat 0 -34px; 
  }
li#mapola a:hover {
  background-position: -150px -34px; 
  }
li#email a {
	width: 150px;
	height: 40px;
  background: #ddd url(../cssimg/nav_sub.gif) no-repeat 0 -68px; 
  }
li#email a:hover {
  background-position: -150px -68px; 
  }

/* =CENTER COLUMN  
=== === === === === === === === === === */
h2#torontosleader {
	background: transparent url(../cssimg/torontosleader.jpg) no-repeat;
	padding: 401px 0 0 0;
	
  width: 575px;
  text-indent: -9999px;
  margin: 0;
}

/*=FOOTER
=== === === === === === === === === === */
#footer {
	clear:both;
	

}

#footer p {
		text-align: center;
		color: #13284A;
}



/*=SHELF
=== === === === === === === === === === */
#belief {
	padding: 8px 0 0 4px;
}
#shelf {
	position: relative;
	top: 0;
	left: 0;
	padding:0 0 20px 6px;
	margin:0;
	/* background: transparent url(../cssimg/ajaxbg-longbottom.jpg) no-repeat bottom; */
}
#shelf ul {
  list-style-image: none;
  list-style-position:outside;
  list-style-type: square;
  margin: 0;
  padding-left: 10px;
}
#shelf li { 
padding-left: 0;
}
#shelfHide {
	position: relative;
	top: 0;
	outline: none;
}
#shelfHide a {
	background: transparent url(../cssimg/ajax-buttons.gif) no-repeat;
	width: 150px;
	height: 36px;
	margin-left:0;
	display: block;
	outline: none;
	text-indent: -9999px;
	
}
#shelfHide a:hover {
	background: transparent url(../cssimg/ajax-buttons.gif) no-repeat -150px 0;
}

#shelfShow {
	position: relative;
	top: 0;
	outline: none;
	
}
#shelfShow a {
	background: transparent url(../cssimg/ajax-buttons.gif) no-repeat;
	width: 150px;
	height: 36px;
	margin-left: 0px;
	display: block;
	outline: none;
	text-indent: -9999px;
	
	}
#shelfShow a:hover {
	background: transparent url(../cssimg/ajax-buttons.gif) no-repeat -150px 0;
}

/* =SHELF2 */

#shelf2 {
	position: relative;
	top: 0;
	left: 0px;
	padding:0 4px 50px 14px;
	margin:0 0 10px 0;
	/* background: transparent url(../cssimg/ajaxbg-longbottom.jpg) no-repeat bottom; */
}
#shelf2 ul {
  list-style-image: none;
  list-style-position:outside;
  list-style-type: square;
  margin: 10px 5px 0 0;
  padding-left: 10px;
}
#shelf2 li { 
padding-left: 0;
}
#shelfHide2 {
	position: relative;
	top: 0;
	outline: none;
}
#shelfHide2 a {
	background: transparent url(../cssimg/ajax-buttons.gif) no-repeat 0 -34px;
	width: 150px;
	height: 36px;
	margin-left:0;
	display: block;
	outline: none;
	text-indent: -9999px;

}
#shelfHide2 a:hover {
	background: transparent url(../cssimg/ajax-buttons.gif) no-repeat -150px -34px;
}

#shelfShow2 {
	position: relative;
	top: 0;
	outline: none;
	
}
#shelfShow2 a {
	background: transparent url(../cssimg/ajax-buttons.gif) no-repeat 0 -34px;
	width: 150px;
	height: 36px;
	margin-left: 0w;
	display: block;
	outline: none;
	text-indent: -9999px;

	}
#shelfShow2 a:hover {
	background: transparent url(../cssimg/ajax-buttons.gif) no-repeat -150px -34px;
}

/*=SHELF
=== === === === === === === === === === */

.gmnoprint {

font-weight: 900;
font-size: 1.2em;
}

/*=TABLES
=== === === === === === === === === === */
/* special thanks to Veerle : http://veerle.duoh.com/blog/comments/a_css_styled_table_version_2/  */
table a,
table a:link,
table a:visited {
	border:none;
	}							
	
img {
	border:0;
	margin-top:.5em;
	}	
table {
	width:700px;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
		border-collapse:collapse;
	}
#careertable caption {
	color: #678197;
	font-size:.94em;
		letter-spacing:0em;
		margin:1em 0 0 28px;
		padding:0;
		caption-side:top;
		text-align: left;
	}	

#careertable a {
	text-decoration: none;
}
tr.odd td	{
	background:#f7fbff
	}
tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	background:#f9fcfe;
	}
#careertable td {
	
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:center;
	}				
th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}							
thead th {
	background:#254A81;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3;
	}	
tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	
/* table row highlighting from http://radio.javaranch.com/pascarello/2005/05/19/1116509823591.html  */
tr {
	color:#678197;
}
tr.highlight a {
	color: #66A3D3;
}
  tr.highlight{
  	color: #66A3D3; 
	background-color: #254A81;
	
	cursor: pointer;
  }
/* Career Description Template Page Table stuff  */
#careerdescript td {
color: #13284A;
	border: 1px solid #666;
		padding:.3em 1em;
	text-align: left;
	font-weight: bold;
	}		
#careerdescript th {
	background:#666;
	font-weight: normal;
	font:bold "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#efefef;

	border-bottom: 1px solid #999;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	text-align:right;
	
		padding:.3em 1em;
}
table#careerdescript {
	width:700px;
	border: 1px solid #666;
	margin:1em auto;
	margin-top: 30px;
		border-collapse:collapse;
	}
table#careerdescript caption {
	color: #13284A;
	font-weight: bold;
	font-size: 1.5em;
	caption-side:top;
		text-align: center;
		margin-top: 20px;
	}			


	/*=FOOTER NAVLIST
	=== === === === === === === === === === */

	#navlist li {
    display:inline;
    padding:0 .9em;
    border-right:1px solid #009;
}
#navlist li.last {
    border:none;
}
#navlist {
	font-size: .8em;
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
    font-style:normal;
    text-align:center;
    padding-bottom: 5px;
}
#navlist a {
   
    text-decoration:none;
}
#navlist a:hover {
    
    text-decoration:underline;
}
/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}
/*=Code of Ethics Page
=== === === === === === === === === === */

body#code #content_main h3 {
	text-indent: -9999px;
	min-height: 145px;
	background: #E5E5E5 url(../cssimg/bri-code-top.jpg) no-repeat;
	padding: 0 0 0 0;
	margin: 0;
	width: 700px;
}
body#code #content_main {
	top: -160px;
	background: #efefef url(../cssimg/bri-code-mid.jpg) repeat-y 0 10px;
	width: 700px;
}

body#code #content_main p {
	padding: 0 90px;
}
body#code #content_main p#last {
		background: #efefef url(../cssimg/bri-code-bot.jpg) bottom no-repeat;
	width: 700px;
	margin: 0;
	padding: 0;
	padding-top: 40px;
}
/*=Career OPP template Page
=== === === === === === === === === === */
#jobdescription h3 {
	text-transform: uppercase;
}
#jobdescription h4 {
	color:#254A81;
	font-family:Georgia,Times New Roman,serif;
	font-weight:bold;
	margin:5px 0pt 10pt 26px;
	text-align:left;
}
#jobdescription h4 span {
	color:#254A81;
	font-family:Georgia,Times New Roman,serif;
	font-weight:bold;
	margin:5px 0pt 10pt 26px;
	text-align:left;
}
body#our-teamtemplate #content_main h3 {
	text-transform: uppercase;
}
body#our-teamtemplate #content_main h4 {
	color:#254A81;
	font-family:Georgia,Times New Roman,serif;
	font-weight:bold;
	margin:5px 0pt 10pt 26px;
	text-align:left;
}
#badge p {
	text-indent: -9999px;
}
#badge {
	
	height: 139px;
	width: 140px;
	background: #E5E5E5 url(../cssimg/badge.gif) no-repeat;
}
#badge p a {
	border: 1px pin solid;
	display: block;
	height: 139px;
	width: 139px;
}

div#BHJobSearchCriteria {
	border: 2px solid orange;
}

/* new stuff */

#menu-keywordsearch {
float:left;
height:30px;
margin-top:60px;
}

/* ==================== Bottom Modules START ==================== */

#bottom-wrapper {
	width:100%;
	border-top:solid 1px #9fa3af;
	font-size:12px;
	clear: both;
}
	#bottom-wrapper h3 {
		text-transform:uppercase;
		font-size: 16px;
		line-height:21px;
		color:#2f5b98;
		font-style:italic;
		font-weight:bold;
		padding-bottom:10px;
	}
	#bottom-wrapper a {
		color:#2f5b98;
	}
	.module {
		width:295px;
		float:left;
	}
	.middle-module {
		border-left:solid 1px #9fa3af;
		border-right:solid 1px #9fa3af;
		width:295px;
		float:left;
		margin-left:7px;
	}
	.right-module {
		width:295px;
		margin-left:10px;
		float:left;
	}
	.module-content {
		width:255px;
		margin: 0px auto;
		padding-top:15px;
	}
	.module-image {
		width:258px;
		height:147px;
		padding-bottom:15px;
	}
	.module-content #module-copy-list-left {
		width:285px;
		float:left;
		margin-bottom:15px;
	}
	.module-content #module-copy-list-right {
		width:115px;
		float:right;
	}
	#module-copy-list-left p, #module-copy-list-right p {
		padding-bottom:5px;
	} 
	.module-content #bottom-middle-map {
		width:111px;
		height:27px;
		margin:34px 0px 0px 0px; 
		background: transparent url(../cssimg/sprite.png) no-repeat -294px -125px;
		float:right;	
	}
		.module-content #bottom-middle-map:hover {
			background: transparent url(../cssimg/sprite.png) no-repeat -179px -125px;
		}
	.module-content #bottom-search-jobs {
		width:111px;
		height:27px;
		margin:5px 0px 0px 0px; 
		background: transparent url(../cssimg/sprite.png) no-repeat -525px -125px;
		float:right;	
	}
		.module-content #bottom-search-jobs:hover {
			background: transparent url(../cssimg/sprite.png) no-repeat -410px -125px;
		}
/* ==================== Bottom Modules END ==================== */
/* Start Search */
.menu #menu-search {
	width:345px;
	float:left;
	padding:0px;
	margin:0px;
}
	#menu-keywordsearch {
		height:30px;
		float:left;
		margin-top:60px;
	}
	#menu-keywordsearch-button {
		background: transparent url(../cssimg/sprite.png) -641px -125px no-repeat;
		border:0;
		width:41px;
		height:30px;
		cursor:pointer;
		cursor:hand;
		position:relative;
		margin: 0px 0px 0px 15px;
		float:left;
	}
		#menu-keywordsearch-button:hover {
			background: transparent url(../cssimg/sprite.png) -685px -125px no-repeat;
		} 
	#menu-keywordsearch-label-text {
		float:left;
		color:#ffffff;
		display:block;
		margin:4px 0px 0px 10px;
		font-size:100%;
		width:168px;
		padding:0px;
	}
	#keywordsearch img {
		padding:0 3px 0 0;
		position:relative;
		top:4px;
	}
	#keywordsearch label img {
		display:none;
	}
	*html #menu-keywordsearch-q {
		width:112px;
	}
	#menu-keywordsearch-q {
		width:160px;
		margin:2px 0px 0 0;
		float:left;
		height:20px;
	}
	#search-content h1 {
		color:#001b62;
	}
	#search-content p {
		font-size:115%;
		font-weight:bold;
	}
/* End Search */

/* ====================== Footer start ====================== */
.footer {
	margin:15px 0px 0px -27px;
	_margin:15px 0px 0px -13px;
	background:transparent url(/sites/bilingualrecruiters/images/footer-bg-slice.jpg) repeat-x;
	height:90px;
	width:960px;
}
	.footer a:hover {
		text-decoration:underline;
	}
	.footer-links {
		margin:35px 0px 0px 15px;
		display:inline;
	}
	.footer-links a {
		color:#2f5b98;
		border-right:1px solid #2f5b98;
		font-weight:normal;
	}
	.footer-poweredby a {
		color:#2f5b98;
		border-right:0px none !important;
		font-weight:normal;		
	}	
	.footer-poweredby {
		margin:35px 15px 0px 0px;
		display:inline;
	}
	
	.footer-links {
display:inline;
margin:35px 0 0 15px;
float: left;
}

.footer-poweredby {
float:right;
}
.footer-links a:first-child {
padding-left:0;
}
.footer-links a, .footer-poweredby a {
border-right:1px solid #2F5B98;
color:#2F5B98;
font-weight:normal;
}

.footer-links a {
border-right:1px solid #2F5B98;
color:#2F5B98;
font-weight:normal;
}

.footer-links a, .footer-poweredby a {
border-right:1px solid #BBBBBB;
display:block;
float:left;
line-height:120%;
padding:0 6px 3px;
}


/* ====================== Footer end ====================== */
#our-team-image {
float:right;
margin-bottom:30px;
padding-left:15px;
width: 186px;
}