@charset "UTF-8";

/* Careers Fast Track Stylesheet *********************** */


@import url(small.css);
@import url(forms.css);
@import url(panels.css);




/* ************************************** CSS reset ************************************** */

* {
	margin: 0;
	padding: 0;
}

iframe,a img,fieldset,form,table {
	border: 0;
}

h6,h5,h4,h3,h2,h1,caption,th,td,div {
	font-size: 100%;
	font-weight: normal;
}

dd,dt,li,dl,ol,ul {

}

legend {
	color: #000;
}

button,select,textarea,input {
	font: 100% sans-serif;
}

table {
	border-collapse: collapse;
}

caption,th,td {
	text-align: left;
}


/* ****************************************************************************

*

CSS Start 

*

****************************************************************************** */

html {
	height:100.1%;

}

body 
{
	font-size: 0.7em;
	font-family: Arial, Helvetica,Sans-Serif;
	color: #555555;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-image: url(../images/template/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #eee;	
	padding-top:20px;
}

#container {
	text-align: left;
	margin: 0px auto;
	width: 970px;
}

/* ****************************************************************************

*

positioning-layers static and absolute 

*

****************************************************************************** */

#header {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}


#topStrip {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	border-bottom: 1px solid #ccc !important;
	border-bottom: none;
	background: #e5e5e5 url(../images/template/bg_topstrip.gif) repeat-x left top;
	display: none;
}

#topStripContent {
	padding: 10px 5px 3px 10px;
	color: #666;
	font-weight: normal;
	width: 450px;
	height: 20px;
	margin: 0px 300px 0px 0px;
	display: none;	
	border-left:1px solid #f00;
}

#midArea
{
	margin: 0;
	padding: 0;
	clear: both;
	background-color: #FFF;

}

#home #midArea
{
	margin: 0;
	padding: 0;
	margin-top:0px;
	clear: both;
	background-color: #FFF;
	background-repeat: repeat-y;
	background-position: left top;
}



#right {
	float: right;
	width: 295px;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

#home #right {
	float: right;
	width: 285px;
	margin: 0;
	padding: 0;
	background: #ffffff;

}

#home #right .contentIn {
	padding-top:20px;
}

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

#home #splashHomeBox {
	margin:0px;
	margin-bottom:20px;
	padding:0px;
}
#home #splashHomeBox #splashLeft {
	margin-right:295px;

}

#myGallery
{
width: 645px !important;
height: 218px !important;
} 
	

#home #splashHomeBox #splashRight
{
	margin-top:20px;
	width: 265px;
	float: right;
	background-image: url(../images/template/img_login_home.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height:180px;
	padding:10px;
}

#home #left {
	width:285px;

}


#right p
{
    padding-bottom: 1em;
}

#middle {
	margin: 0 295px 0px 170px;
}

#middle p {
	margin-bottom:1em;
}

#home #middle {
	margin: 0 305px 0px 305px;
	_margin: 0 295px 0px 295px;

}

#home #middle .contentIn {
	padding-top:20px;
}

body#template1Col #middle {
	margin: 0 0px 0px 0px;
}

body#template1Col #left,
body#template1Col #right {
	display:none;
}
body#template2Col #middle {
	margin: 0 0px 0px 180px;
}

body#template2Col #right {
	display:none;
}

body#template3Col #middle {
	margin: 0 295px 0px 180px;
}

div.tileAd {
	padding:0px;
	margin:0em 0 10px 0;
}

#home #middle .tileAd {
	margin-bottom:2px;
}


#footer {
	margin: 0;
	padding: 0;
	font-size: 8pt;
	color: #999;
	margin-bottom: 1em;
}


#networkLinks {
	width:200px;
	text-align:right;
	float:right;
}

#partnerLogos {
	padding:0px;
	text-align:left;
	margin-bottom:10px;
}

#partnerLogos img {
	float:left;
	margin-right:8px;
	margin-bottom:5px;
}

/* ****************** SEARCH styles ************************************** */




#siteSearch {

	margin-top: 15px;
	float: right;
	width: 150px;
	padding: 0px;
	height:24px;
	display:block;
	position:relative;

}


#siteSearch label.inside {
	position: absolute;
	visibility: hidden;
}


.side-header {
	padding: 12px 155px 0 0px;
	float: right;
	margin: 0;
	position: relative;
	min-height: 14px;	
}


#siteSearch #search {
	position: absolute;
	top: 0px;
	right: 0px;
	padding-right: 10px;
}

#top-submit {
	position: absolute;
	right: 1px;
	top: 1px;
	.top: 2px;/* ** IE7 ************************************** */
	_top: 2px;/* **IE6 ************************************** */
	

}

#siteSearch label {
	color: #B6C6D6;
}

#top-keywords {
	margin-left: 0px;
	color: #5f6e7c;
	width: 140px;
	border: 0;
	padding: 2px;
	background: #fff;
	border: 1px solid #ddd;
	height: 14px;
}

#top-keywords:focus {
	color: #000;
	background-color: #ffffcc;
}

#siteSearch input, #siteSearch label {
	vertical-align: middle;
	font-size: 95%;
	line-height: 1.25em;
	padding-left: 2px;
}

/* ****************** END SEARCH styles ************************************** */





#logoSplashAreaWrapper {
	width: 950px;
	overflow:hidden;	
}

#logoSplashAreaWrapperSection {

	width: 950px;
	overflow:hidden;
}

#logoSplashArea
{
	overflow: hidden;
	width: 100%;
	background-image: url('../images/template/bigsplashblank.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

#logoSplashAreaSection
{
	overflow: hidden;
	width: 950px;
}

#splashRight {
	display: block;
	float: right;
	width: 500px;
}

#topRightSection {
	display: block;
	float: right;
	width: 500px;
	text-align:right;
	padding-right:10px;
}



#splashRightContent {
	width: 536px;
}

.cartItems a
{
	font-weight: bold;
	padding-left: 20px;
	background-image: url(../images/template/img_cart.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.cartItems a:hover { background-image: url(../images/template/img_cart_on.gif); }	

#splashRightContentSection
{
	width: 285px;
	background-repeat: no-repeat;
	background-position: right center;
}

#logoBox {
	width: 280px;
	margin-right:500px;
	margin-left: 0px;
	margin-top: 0px;
}


#slogan {
	padding: 20px;
	font-size: 16pt;
	line-height: 16pt;
	font-weight: normal;
	text-align: left;
	padding-left: 0px;
	border-top: 1px dotted #ccc !important;
	border-top: 1px solid #ddd;
}

#slogan span.sloganEnglish {
	color: #bbb;
	font-size: 9px;
	line-height: 10px;
	text-transform: uppercase;
}

#sloganSection {
	display:none;
	padding: 0px;
	padding-top: 15px;
	font-size: 13pt;
	line-height: 13pt;
	font-weight: normal;
	text-align: left;
	border-top: 1px dotted #ccc !important;
	border-top: 1px solid #ddd;
}

#sloganSection span.sloganEnglish {
	font-size: 5.5pt;
	line-height: 7pt;
	text-transform: uppercase;
}

.contentIn {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	border: 0;
}

div#right .contentIn {
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
	border: 0;
}

#home div#right .contentIn {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
	border: 0;
}

div#middle .contentIn {
	margin: 0px;
	padding: 0px 20px 10px 0px;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	border: 0;
}

#home div#middle .contentIn {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	border: 0;
}

.contentInZero {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	border: 0;
}

.contentIn10 {
	margin: 0px;
	padding: 10px;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	border: 0;
}

.clearer {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

#gototop {
	margin: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-top:10px;
	border-top:1px dotted #ccc !important;
	border-top:1px solid #eee;	
	clear:both;
}

#gototop a {
	display:block;
	display:block;
	background: url(../images/template/img_arrow_up.gif) no-repeat left center;
	margin-left: 0px;
	padding-left: 20px;
	width:80px;
	font-size:11px;
}



#footerArea {
	padding: 10 0px;
	color: #666;
	font-size: 11px;
}

#disclaimerArea {
	padding: 10px 0;
	color: #999;
	font-size: 1em;
}

#disclaimerArea a {
	color: #666;
}

#disclaimerArea strong {
	color:#999;
}

div.contentArea {

}

/* ****************************************************************************

* 

Article Tools Styles 

*

**************************************************************************** */

#articleTools {
	margin:0px;
	margin-top:0px;
	padding:0px;
	height:20px;
	width:100px;
	float:right;
	text-align:right;
	margin-bottom:0px;
	width:80px;
	overflow:hidden;
}

#articleTools #articletools_fontsmaller,
#articleTools #articletools_fontbigger,
#articleTools #articletools_print,
#articleTools #articletools_email
{
	width: 20px;
	height: 20px;
	overflow:hidden;
	margin: 0;
	display:block;
	float:left;
	background-repeat: no-repeat;
	background-position: 0 0px;
	
}

#articleTools #articletools_fontsmaller	{	background-image: url('../images/template/articletools_fontsmaller.gif');}
#articleTools #articletools_fontbigger	{	background-image: url('../images/template/articletools_fontbigger.gif');}
#articleTools #articletools_print 		{	background-image: url('../images/template/articletools_print.gif');}
#articleTools #articletools_email		{	background-image: url('../images/template/articletools_email.gif');}

#articleTools a#articletools_fontsmaller:hover,	
#articleTools a#articletools_fontbigger:hover,
#articleTools a#articletools_print:hover,
#articleTools a#articletools_email:hover		{	background-position: 0 -20px;}


/* ****************************************************************************

* 

Search Results Styles 

*

**************************************************************************** */

.searchResultUnit {
	padding:10px;
	margin:0px 0px;
	border-bottom:1px solid #f0f0f0;
}

.searchResultUnitOdd {
	padding:10px;
	margin:0px 0px;
	border-bottom:1px solid #f0f0f0;
	background-color:#f5f5f5;
	padding-bottom:0px;
}

.searchResultUnit strong,
.searchResultUnitOdd strong{
	font-size:1.5em;
}

.searchResultUnit a,
.searchResultUnitOdd a {
	font-size:0.9em;
}

a.searchResultsPages {
	display:inline;
	padding:0.25em 0.5em;
	height:1em;
	width:1em;
	margin-right:0.5em;
	border-top:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #a7a7a7;
	border-bottom:1px solid #a7a7a7;
	background-image: url(../images/template/bg_button.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-weight:bold;
}

a.searchResultsPagesOn {
	display:inline;
	padding:0.25em 0.5em;
	height:1em;
	width:1em;
	margin-right:0.5em;
	color:#eee;
	font-weight:bold;
	background-color:#666;
}

a.searchResultsPages:hover {
	border:1px solid #ccc;
	background-image: url(../images/template/mainnav_bg_on.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	color:#fff;	
}

a.searchResultsPagesOn:hover {
	color:#eee;

}







/* **************************************

=Tabular data structures : tables

************************************** */



table.style {
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #dadada;
	border-top: none;
	border-top: 1px solid #ebf3ff;
}

table.style tr.odd {
	background-color: #f8faf9;
}

table.style tr:hover, 
table.style tr.odd:hover {
	background-color: #fdfcf1;
}

table.style caption {
	font-size: 110%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #d79458;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 0.5em;
}

table.style thead th {
	font-size: 105%;
	color: #333;
	font-weight: bold;
	background-color: #ddd;
	padding: 0.5em;
	border-left: 1px solid #bbb;
}

table.style .header th, table.style .header td {
	font-size: 105%;
	color: #333;
	font-weight: bold;
	background-color: #ddd;
	padding: 0.5em;
	border-left: 1px solid #bbb;
}

table.style thead th:hover {
	
}

table.style .header th:hover, table.style .header th:hover  {
	
}

table.style tr {
	vertical-align: top;
}

table.style tr,

table.style th,

table.style td {
	padding: .25em;
}

table.style td, table.style .header td {
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #eee;	
}

table.style tfoot tr {
	
}

table.style tfoot td, table.style tfoot th {
	border: 0px;
}

table {
	width: 100%
}


table.style2 td {
	padding:3px;	
}

/* **************************************

=Pull Quotes

************************************** */

.pullquote {
	float: left;
	width: 10em;
	margin: 0.25em 0.75em 0.5em 0;
	padding: 0.5em;
	padding-bottom: .75em;;
	padding-left: 36px;
	border-top: 2px solid #999;	
	border-bottom: 6px solid #999;
	color: #333;
	font-size:1.25em;
	background: transparent url(../images/template/img_quotemark.gif) no-repeat left top;
}

blockquote.alt {
	float: right;
	margin: 0.25em 0 0.25em 0.55em;
}

pullquote p {
	margin: 0;
	font: normal 1.3em/1.3 Arial, Helvetica,Sans-Serif;
	text-align: center;
}

pullquote p:first-letter {
	text-transform: uppercase
}

/* **************************************

=Floating pics left or right 

************************************** */

.picLeft {
	margin: 5px 10px 5px 0;
	float: left;
}

.picRight {
	margin: 5px 0 5px 10px;
	float: right;
}

.floatLeft {
	margin: 5px 10px 5px 0;
	float: left;
}

.floatRight {
	margin: 5px 0 5px 10px;
	float: right;
}

/* **************************************

=Misc

************************************** */

p,

pre {
	margin: 0 0 1em
}

abbr,

acronym {
	border: none
}

abbr[title],

acronym[title] {
	border-bottom: 1px dotted #666;
	cursor: help;
	font-style: italic;
}

.non-visual {
	position: absolute;
	left: -9999px;
}

    
/* **************************************

=clearing floats

************************************** */


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */





/* **************************************

=Headings

************************************** */

h1 {
	font-size: 200%;
	line-height: 90%;
	font-weight: normal;
	margin: 0px;
	margin-top:1em;
}

h2 {
	font-size: 180%;
	line-height: 90%;
	font-weight: normal;
	margin: 0px
}

h3 {
	font-size: 160%;
	line-height: 90%;
	font-weight: normal;
	margin: 0px
}

h4 {
	font-size: 140%;
	line-height: 90%;
	font-weight: normal;
	margin: 0px
}

h5 {
	font-size: 100%;
	line-height: 90%;
	font-weight: normal;
	margin: 0px
}

h6 {
	font-size: 90%;
	line-height: 90%;
	font-weight: normal;
	margin: 0px
}

h1,h2,h3,h4,h5,h6 {
	color: #333;
	margin:1em 0;
}

/* **************************************

=Navigation

************************************** */

a {
	text-decoration: none;
}

:link {
	color: #ff8a00;
}

:visited {
	color: #ff8a00;
}

:link:hover, :visited:hover {
	color: #ff6600;
}

:link:active, :link:active {
	color: #ff8a00;
}





/* **************************************

=Texts

************************************** */

#contentArea p {
	margin-bottom: 1em;
}

/* ************************************** basic text styles ************************************** */

.textRight {
	text-align: right;
}

.textLeft {
	text-align: left;
}

.center {
	text-align: center;
}

.small, .small_text {
	font-size: 0.8em;
}

strong, b, .blackTexts {
	color:#4D4D4D;
}

/* **************************************

=Foreground Text Colours

************************************** */

.greenTexts {
	color: #8ac518;
}

.redTexts {
	color: #D00303;
}

.greyTexts {
	color: #cccccc;
}

.darkgreyTexts {
	color: #666666;
	font-weight: bold;
}

.whiteTexts {
	color: #ffffff;
}

.author {
	color:#8ac518;
}

.publishedDate {
	color:#cccccc;
	font-size:smaller;
}

/* **************************************

=Lists

************************************** */

dl,

ol,
ul {
	margin: 1em 0
}

ul {
	padding: 0 0 0 2em;
	list-style: square;
}

  ol {
	padding: 0 0 0 2.5em
}

  li {
	margin: 0 0 0.5em
}

#midArea ul li {
	vertical-align: baseline;
	list-style: none url(../images/template/img_bullet_green.gif);
	list-style-position: outside;
}


div.pubListWrapper h1,
div.pubListWrapper h2,
div.pubListWrapper h3,
div.pubListWrapper h4,
div.pubListWrapper h5,
div.pubListWrapper h6 {

}

div.pubListWrapper {
}

dl.pubList
{
width:100%;
margin: 0.5em 0;
padding: 0;

}

.pubList dt
{
width: 15%;
float: left;
margin: 0 0 0 0;
padding:0px;
padding-top:0.2em;

font-weight: normal;
color:#777;
font-size:0.75em;
text-transform:uppercase;
}

#right .pubList dt
{
width: 25%;
}

#home #right .pubList dt
{
width: 100px;
border-bottom:none;
}



.pubList dd
{
float: left;
width: 82%;
margin: 0 0 0 0;
padding: 0px;
padding-top:0em;
border-bottom: 1px dotted #ddd!important;
border-bottom: 1px solid #eee;
padding-bottom:0.5em;
}

#right .pubList dd
{
width: 65%;
}

#home #middle .pubList dd
{
width: 285px;
}

/* button class */

a.cftbutton{
background: transparent url(../images/bg_bigbutton_left.gif) no-repeat top left;
display: block;
float: left;
font: bold 14px Arial; /* Change 12px as desired */
line-height: 16px; /* This value + (top and bottom padding of SPAN) must equal height of button background (default is 44px) */
height: 30px; /* Height of button background height */
padding-left: 15px; /* Width of left menu image */
text-decoration: none;
}

a:link.cftbutton, a:visited.cftbutton, a:active.cftbutton{
color: #494949; /*button text color*/
}

a.cftbutton span
{
	display: block;
	padding: 7px 15px 7px 0;
	/*Set 23px below to match value of 'padding-left' value above*/
	background-image: url(../images/bg_bigbutton_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

a.cftbutton:hover{ /* Hover state CSS */
background-position: bottom left;
color:#ffffff;
}

a.cftbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#ffffff;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}



/* ************************************** HR HTML Styles Fixes ************************************** */


hr { text-align: right; width: 100%; height: 1px; color: #ddd; border: none;} /* For Internet Explorer */
HTML>BODY HR { margin-right: 0; width: 100%; height: 1px; background-color: #ddd; border: none;} /* For Gecko-based browsers */
HTML>BODY HR { margin-right: 0; width: 100%; height: 1px; background-color: #ddd; border: 0px solid #ddd;} /* For Opera and Gecko-based browsers */


hr {
	margin:0.5em 0;
}

div#printHeader {
	display:none;
}



/* ************************************** Print Styles ************************************** */

@media print{ 
/*hide the right column, navigation and promotion when printing*/ 
body{background:#fff;color:#000;margin:0px;padding:20px;padding-top:0px;}
div#printHeader
{
	display: block;
	padding: 20px;
	padding-left:0px;
	border-bottom: 1px solid #999;
	margin-bottom: 1em;
}
#container{width:590px;}
#header{display:none;}		
#right{display:none;}	
#left{display:none;}
#networkLinks{display:none;}
#midArea{padding:0px;margin:0px;width:100%}
#middle{padding:0px;width:100%;margin:0px;}
#middle .contentIn{padding:0px;width:100%;color:#000;}
body#template1Col #middle {
	margin: 0 0px 0px 0px;
}

body#template2Col #middle {
	margin: 0 0px 0px 0px;
}

body#template3Col #middle {
	margin: 0 0px 0px 0px;
}

#topStrip{display:none;} 
#sloganSection {display:none}
table{width:590px;}
div.pubListWrapper{width:590px;}
div.pubList{width:590px;}
#headerBox{display:none;} 
#contentsArea{width:100%}
#footerArea{padding:0px;}
#footerArea .footerLinks {display:none}
#gototop{display:none}
#disclaimerArea {width:100%}
}