/* Default Index
-----------------------------------------------------------------------------*/

#video {
	border-top: none;
	border-bottom: none;
	background: #ffffff url(../images/video-loading-en.png) no-repeat top left;
	float: left;
	height: 150px;
	width: 270px
}

body.fr_CA #video {
	background-image: url(../images/video-loading-fr.png);
}

#fasttrack {
	float: left;
	border: 1px solid #bbbbbd;
	background: url(../images/fasttrack-bg.png);
	height: 60px;
	margin-bottom: 10px;
	padding: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	width: 270px;
}

#fasttrack-content {
	display: none;
}

#fasttrack-content {
	background: #494949;
	border: 1px solid #202020;
	padding: 10px;
}

#fasttrack h2 {
	margin-top: 0px;
	margin-bottom: 5px;
}

#fasttrack p.text {
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;	
}

#fasttrack-content .fasttrack-content-image {
	padding-bottom: 10px;
}

#fasttrack-content .fasttrack-content-image img {
	display: block;
}

#fasttrack-content .fasttrack-content-text {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 20px;
	width: 640px;
}

#fasttrack-content .fasttrack-content-close {
	cursor: pointer;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

#default-index #slideshow {
	border: 1px solid #bbbbbd;
	float: left;
	height: 280px;
	margin-top: 0px;
	margin-bottom: 50px;
	margin-right: 20px;
	overflow: hidden;
	width: 700px;
}

#default-index #slideshow .slideshow-shell {
	height: 280px;
	overflow: hidden;
}

#default-index #slideshow .slideshow-shell img {
	display: block;
}

#default-index .col1,
#default-index .col2,
#default-index .col3,
#default-index .col4,
#default-index .col5 {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 180px;
}

#default-index .summary {
	padding-top: 20px;
}

#default-index .summary h2 {
	min-height: 50px;
}

#default-index .summary h2 a,
#default-index .summary h2 a:link,
#default-index .summary h2 a:active,
#default-index .summary h2 a:visited {
	color: #4A453E;
}

/* Service Index
-----------------------------------------------------------------------------*/

#service-index #pane-2-accordion {
	width: 860px;
}

#service-index #pane-2-accordion .accordion-toggler {
	background: url(../images/accordion-toggler-bg.png) repeat-x;
	color: #ffffff;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 10px;
}

#service-index #pane-2-accordion .accordion-content .accordion-inner-content {
	border: 1px solid #d1d7d7;
	padding: 20px;
	padding-right: 250px;
}

#service-index #pane-2-accordion .status {
	background: #ffffff;
	color: #5A5A5A;
	float: right;
	font-size: 10px;
	font-weight: normal;
	padding: 2px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	text-transform: uppercase;
}

/** Pane Background */
#service-index .panel .panes .pane#pane-1 { background: #ffffff url(../images/service-pane-1-bg.jpg) no-repeat top right; }
#service-index .panel .panes .pane#pane-2 { background: #ffffff url(../images/service-pane-2-bg.jpg) no-repeat top right; }
#service-index .panel .panes .pane#pane-3 { background: #ffffff url(../images/service-pane-3-bg.jpg) no-repeat top right; }
#service-index .panel .panes .pane#pane-4 { background: #ffffff url(../images/service-pane-7-bg.jpg) no-repeat top right; }
#service-index .panel .panes .pane#pane-5 { background: #ffffff url(../images/service-pane-5-bg.jpg) no-repeat top right; }
#service-index .panel .panes .pane#pane-6 { background: #ffffff url(../images/service-pane-6-bg.jpg) no-repeat top right; }

/** Accordion Pane Background */ 
#service-index #accordion-pane-1 { background: url(../images/service-pane-2-blister.jpg) no-repeat bottom right; }
#service-index #accordion-pane-2 { background: url(../images/service-pane-2-pouch.jpg) no-repeat bottom right; }
#service-index #accordion-pane-3 { background: url(../images/service-pane-2-bottle.jpg) no-repeat bottom right; }

/* Advantage Index
-----------------------------------------------------------------------------*/

#advantage-index .panel .panes .pane#pane-1 { background: #ffffff url(../images/advantage-pane-1-bg.jpg) no-repeat top right; }
#advantage-index .panel .panes .pane#pane-2 { background: #ffffff url(../images/advantage-pane-2-bg.jpg) no-repeat top right; }
#advantage-index .panel .panes .pane#pane-3 { background: #ffffff url(../images/advantage-pane-3-bg.jpg) no-repeat top right; }
#advantage-index .panel .panes .pane#pane-4 { background: #ffffff url(../images/advantage-pane-4-bg.jpg) no-repeat top right; }
#advantage-index .panel .panes .pane#pane-5 { background: #ffffff url(../images/advantage-pane-5-bg.jpg) no-repeat top right; }

#advantage-index .logo-iso {
	background: url(../images/logo-iso.png) no-repeat top right;
	float: right;
	margin-right: -280px;
	height: 280px;
	width: 315px;
}

#advantage-index .logo-cbpw {
	background: url(../images/logo-cbpw.png) no-repeat top right;
	float: right;
	margin-right: -280px;
	height: 190px;
	width: 290px;
}

/* Company Index
-----------------------------------------------------------------------------*/

#company-index .panel .panes .pane#pane-1 { background: #ffffff url(../images/company-pane-1-bg.jpg) no-repeat top right; }
#company-index .panel .panes .pane#pane-2 { background: #ffffff url(../images/company-pane-2-bg.jpg) no-repeat top right; }
#company-index .panel .panes .pane#pane-3 { background: #ffffff url(../images/company-pane-3-bg.jpg) no-repeat top right; }
#company-index .panel .panes .pane#pane-4 { background: #ffffff url(../images/company-pane-4-bg.jpg) no-repeat top right; }
#company-index .panel .panes .pane#pane-5 { background: #ffffff url(../images/company-pane-5-bg.jpg) no-repeat top right; }

#company-index .panel .panes .pane#pane-3 .content {
	width: 920px;
}

#company-index .panel .panes .pane#pane-2 .content {
	width: 920px;
}

#company-index .facility-1,
#company-index .facility-2,
#company-index .facility-3 {
	float: left;
	height: 250px;
	margin-left: 0px;
	margin-right: 25px;
	padding-top: 0px;
	padding-bottom: 260px;
	width: 260px;
}

#company-index .facility-1 { background: url(../images/facility-1.png) no-repeat bottom left; }
#company-index .facility-2 { background: url(../images/facility-2.png) no-repeat bottom left; }
#company-index .facility-3 { background: url(../images/facility-3.png) no-repeat bottom left; margin-left: 0px; }

/* Company Component Career
-----------------------------------------------------------------------------*/

#company-component-career .toggler {
	color: #008ED8;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

#company-component-career .details {
	font-size: 11px;
	font-weight: normal;
}

#company-component-career .details .content {
	font-size : 11px;
	font-weight : normal;
	padding : 5px;
	width: auto;
}

#company-component-career .details .content .date {
	clear: both;
	font-size: 11px;
	font-weight : bold;
	margin-top: 10px;
}

#company-component-career .details .content .apply {
	background: #38a7e1;
	color: #ffffff;
	float: left;
	font-size: 10px;
	font-weight: bold;
	margin-top: 10px;
	padding: 4px;
	text-transform: uppercase;
}

#company-component-career .details .content .apply a,
#company-component-career .details .content .apply a:link,
#company-component-career .details .content .apply a:active,
#company-component-career .details .content .apply a:hover,
#company-component-career .details .content .apply a:visited {
	color: #ffffff;
}

/* Company Component Apply
-----------------------------------------------------------------------------*/

#company-component-apply .col1,
#company-component-apply .col2,
#company-component-apply .col3 {
	float : left;
	margin-left: 0px;
	margin-right: 20px;
	width : 306px;
}

#company-component-apply .col3 {
	margin-right: 0px;
}

#company-component-apply .col1 input.type-text { width: 250px; }
#company-component-apply .col2 input.type-text { width: 250px; }
#company-component-apply .col3 input.type-text { width: 250px; }

#company-component-apply #fe-birthdate { 
	width: 120px; 
}

#company-component-apply #fe-appartment { 
	margin-right: 5px; 
	margin-left: 0px;
	width: 80px; 
}

#company-component-apply #fe-po { 
	width: 80px; 
}

#company-component-apply #fe-province { 
	margin-left: 0px;
	margin-right: 5px;
	width: 140px;
}

#company-component-apply #fe-postal-code {
	width : 80px;
}

#company-component-apply #fe-country {
	width : 120px;
}

#company-component-apply #fe-phone {
	width : 120px;
}

#company-component-apply fieldset ol li.cv {
	background: #bae0f4;
	padding: 10px;
}

#company-component-apply fieldset ol li.cv label {
	font-size: 12px;
	font-weight: bold;
}

/* Company Component News
-----------------------------------------------------------------------------*/

#company-component-news .col1 { float: left; width: 220px; margin-right: 40px; }
#company-component-news .col2 { float: left; width: 590px; margin-right: 0px; }

#company-component-news .news-item {
	list-style: none;
	list-style-position: outside;
	border-bottom: 1px dotted #a7a8a9;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#company-component-news .news-item.cur {
	background: #e9e9ea;
}

#company-component-news .news-read {
	background: #38A7E1;
	color: #FFFFFF;
	float: left;
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	text-transform: uppercase;
}

#company-component-news .news-read a,
#company-component-news .news-read a:link,
#company-component-news .news-read a:visited,
#company-component-news .news-read a:active,
#company-component-news .news-read a:hover {
	color: #ffffff;
}

#company-component-news .news-read .normal { display: inline; }
#company-component-news .news-read .loading { display: none; }

#company-component-news .news-title {
	padding-top: 0px;
	padding-bottom: 2px;
}

#company-component-news .news-date {
	color: #a7a8a9;
	font-size: 11px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 2px;
	text-transform: uppercase;
}

#company-component-news .news-image {
	background: #e9e9ea;
	border: 1px solid #bbbbbd;
	float: right;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding: 4px;
}

#company-component-news .news-attachment {
	background: #e9e9ea;
	border: 1px solid #bbbbbd;
	float: right;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding: 4px;
}

/* Administration Index
-----------------------------------------------------------------------------*/

#administration-index .admin-1,
#administration-index .admin-2 {
	background: #F3FBFF url(../images/translator/header_bg.gif) repeat-x scroll center top;
	border: 1px solid #CFE9F5;
	float: left;
	font-size: 16px;
	margin-left: 0px;
	margin-right: 30px;
	padding: 20px;
	text-align: center;
	width: 335px;
}

#administration-index .admin-2 { margin-right: 0px; }

#administration-index .admin-1 p.h2,
#administration-index .admin-2 p.h2 {
	font-size: 26px;
	font-weight: bold;
}

/* Administration Career Manage
-----------------------------------------------------------------------------*/

#administration-career-manage table .manage-button {
	float: left;
	font-size: 11px;
	font-weight: normal;
}

#administration-career-manage table .manage-button a {
	font-size: 11px;
	font-weight: normal;
}

#administration-career-manage table .applicants {
	float: left;
	font-size: 13px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
}

#administration-career-manage table .applicants.has-applicants {
	background: #d54e21;
	color: #ffffff;
}

/* Administration Applicant Detail
-----------------------------------------------------------------------------*/

#administration-applicant-detail .col1,
#administration-applicant-detail .col2 {
	float: left;
	width: 400px;
}

#administration-applicant-detail p.row {
	margin-bottom: 15px;
}

#administration-applicant-detail p.row span.label {
	display: block;
	border-bottom: 1px solid #d9dadb;
	font-size: 15px;
	font-weight: bold;
	margin-right: 20px;
	padding-top: 0px;
	padding-bottom: 2px;
}

#administration-applicant-detail p.row span.value {
	display: block;
	padding-top: 4px;
	padding-bottom: 0px;
}