body { margin: 0; }
p { text-align: left; color: #3a3a3a; font: 12px /18px Arial, sans-serif; }


ul { text-align: left; color: #3a3a3a; font: 12px /18px Arial, sans-serif; }

ul.tabs {
	width: 150px; margin-left: 30px; height: 260px; float: right; }


/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:42px;	
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	/*margin:1px 0 0 0 !important;*/
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
	display:block;
	padding:0px; height:42px;
	margin:0px 0; 	
	position:relative;
}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}


/* NAVIGATION */
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

	.tabs .video01 { display: block; margin: 0; padding:0 4px 4px 0; background: url(/resources/images/careers/vid_thumb1.jpg) no-repeat top left;
		text-indent:-9999px; width: 90px; height:52px; }
	.tabs .video01,.tabs .video01:visited { background-position: top left; }
	.tabs .video01:hover,.tabs .video01:active { background-position: top left; }
	.tabs .video01 .current { width: 90px; height:52px; background: none; }
	.tabs .video01 .current, .tabs .video01 .current:hover { width: 90px; height:52px; background: url/resources/images/careers/vid_thumb1.jpg) no-repeat top left; }
	
	
	.tabs .video02 { display: block; margin: 0; padding:0 4px 4px 0; background: url(/resources/images/careers/vid_thumb2.jpg) no-repeat top left;
		text-indent:-9999px; width: 90px; height:52px; }
	.tabs .video02,.tabs .video02:visited { background-position: top left; }
	.tabs .video02:hover,.tabs .video02:active { background-position: top left; }
	.tabs .video02 .current { width: 90px; height:52px; background: none; }
	.tabs .video02 .current, .tabs .video02 .current:hover { width: 90px; height:52px; background: url(/resources/images/careers/vid_thumb2.jpg) no-repeat top left; }
	
	
	.tabs .video03 { display: block; margin: 0; padding:0 4px 4px 0; background: url(/resources/images/careers/vid_thumb3.jpg) no-repeat top left;
		text-indent:-9999px; width: 90px; height:52px; }
	.tabs .video03,.tabs .video03:visited { background-position: top left; }
	.tabs .video03:hover,.tabs .video03:active { background-position: top left; }
	.tabs .video03 .current { width: 90px; height:52px; background: none; }
	.tabs .video03 .current, .tabs .video03 .current:hover { width: 90px; height:52px; background: url(/resources/images/careers/vid_thumb3.jpg) no-repeat top left; }
	
	
	.tabs .video04 { display: block; margin: 0; padding:0 4px 4px 0; background: url(/resources/images/careers/vid_thumb4.jpg) no-repeat top left;
		text-indent:-9999px; width: 90px; height:52px; }
	.tabs .video04,.tabs .video04:visited { background-position: top left; }
	.tabs .video04:hover,.tabs .video04:active { background-position: top left; }
	.tabs .video04 .current { width: 90px; height:52px; background: none; }
	.tabs .video04 .current, .tabs .video04 .current:hover { width: 90px; height:52px; background: url(/resources/images/careers/vid_thumb4.jpg) no-repeat top left; }
	
	
	.tabs .video05 { display: block; margin: 0; padding: 0 4px 4px 0; background: url(/resources/images/careers/vid_thumb5.jpg) no-repeat top left;
			text-indent:-9999px; width: 90px; height:52px; }
	.tabs .video05,.tabs .video05:visited { background-position: top left; }
	.tabs .video05:hover,.tabs .video05:active { background-position: top left; }	
	.tabs .video05 .current { width: 90px; height:52px; background: none; }
	.tabs .video05 .current,.tabs .video05 .current:hover { width: 90px; height:52px; background: url(/resources/images/careers/vid_thumb5.jpg) no-repeat top left; }
	
	
	.tabs .video06 { display: block; margin: 0; padding: 0 0 4px 0; background: url(/resources/images/careers/vid_thumb6.jpg) no-repeat top left;
		text-indent:-9999px; width: 90px; height:52px; }
	.tabs .video06,.tabs .video06:visited { background-position: top left; }
	.tabs .video06:hover,.tabs .video06:active { background-position: top left; }	
	.tabs .video06 .current { width: 150px; height:42px; background: none; }
	.tabs .video06 .current, .tabs .video06 .current:hover { width: 90px; height:52px; background: url(/resources/images/careers/vid_thumb6.jpg) no-repeat top left; }
	
	
	.tabs .video07 { display: block; margin: 0; padding: 0; background: url(/resources/images/careers/vid_thumb7.jpg) no-repeat top left;
		text-indent:-9999px; width: 90px; height:52px; }
	.tabs .video07,.tabs .video07:visited { background-position: top left; }
	.tabs .video07:hover,.tabs .video07:active { background-position: top left; }	
	.tabs .video07 .current { width: 90px; height:52px; background: none; }
	.tabs .video07 .current, .tabs .video07 .current:hover { width: 90px; height:52px; background: url(/resources/images/careers/vid_thumb7.jpg) no-repeat top left; }
	
	
	
	
	
	

/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}



/****************************/
#pane01_content { display: block; width: 800px; height: 285px; background: transparent; }

#hdr_left { width: 290px; height: 285px; margin-right: 0; padding-top: 7px; float: left; background:transparent; }
#hdr_right { width: 450px; height: 285px; margin-top: 5px; float: right; }