/*  @ Title:  Main style sheet
	@ Agency: Zone
	@ Client: Edge
	@ Author: Ben Copping - BJC Design
	@ Date: 19/11/2009 */
	
body {
	font:62.5%/1.5 "arial";
	height:100%;
	}

h1, h2, h3, h4 {font-weight:bold;}		
em {font-style:italic;}
a {color:#FF388C;text-decoration:none;cursor:pointer;}
a:hover {text-decoration:underline;}

a#followMyPath {
	background:#0086C3 url('../images/followMyPathBg.gif') 100% 9px no-repeat;
	color:#FFF;
	padding:4px 28px 4px 10px;
	font-size:1.4em;
	text-decoration:none;
	margin:10px 0 0 0;
	display:inline-block;
	}

/*-- common close/back button --*/
a#closeBack, 
.sliderFrame a.closeHidden {
	display:block;
	background: url('../images/closeBack.png') top right no-repeat;
	color:#FFF;
	font-size:2.1em;
	font-weight:bold;
	padding:6px 0 0 0;
	width:95px;
	text-decoration:none;
	position:absolute;
	right:3px;
	top:4px;
	z-index:10;
	}
	
ul.plainList {padding:0 0 15px 0;}
ul.plainList li {list-style-type:disc;margin:0 0 0 16px;font-size:1.2em;}

#bg.home {
	background:#FFF url('../images/homeBgRepeat.gif') 0 0 repeat-x;
	}

#bg {background: #c1d4df url('../images/innerBg.jpg') 0 0 repeat-x; }

#bg #bgInner {background: url('../images/bgInner.png') top center repeat-y;}

#bg.home #bgInner {background:none;}
		
/*--mainNav--*/
ul#mainNav {
	position:relative;
	width:422px;
	height:44px;
	background: url('../images/mainNavBg.png') 0 0 no-repeat;
	padding:0 0 0 25px;
	z-index:10;
	}

ul#mainNav li {display:inline;float:left;border-right:1px solid #FFF;}
ul#mainNav li a {
	display:block;
	background:#000;
	float:left;
	color:#FFF;
	text-decoration:none;
	padding: 7px 0 9px;
	font-size:2.2em;
	font-weight:bold;
	line-height:1em;
	}
	
ul#mainNav li.thePeople a span {background: #000 url('../images/navThePeople.gif') 100%  8px no-repeat;padding-right:22px;margin-right:8px;}
ul#mainNav li.tpActive a span {background: #000 url('../images/navThePeople.gif') 100%  -63px no-repeat;}	
ul#mainNav li a span {padding:0 9px 0 9px;display:block;float:left;}
ul#mainNav li.last {border-right:none;}
ul#mainNav li a:hover{text-decoration: underline;}

/*-- our sub nav, jquery used to call this - see global.js --*/
ul#mainNav li ul {
	top:36px;
	position:absolute;
	border-top:1px solid #FFF;
	padding:0 5px 0 3px;
	background:#000;
	left:-9999px;
	display:none;
	width:274px;  /*255px;*/
	z-index:1000;
	border-bottom:2px solid #FFF;
	}

/*-- sub nav styles --*/
ul#mainNav li ul li {
	display:block !important;		
	padding:0;
	width: 271px; /*252px;*/
	border-bottom:1px solid #333;
	border-right:none;
	}
	
ul#mainNav li ul li a {
	padding:8px;
	display:block !important;
	float:none;
	width:258px;  /*239px;*/
	color:#FF388C;
	font-size:14px;
	background: url('../images/subNavArrowBg.gif') 100% 9px no-repeat;
	}

ul#mainNav li ul li a em {color:#FFF;font-style:normal;}
				
/*-- HomePage mainFrame / sub pages mainFrame --*/
#mainFrame {
	position:relative;
	margin:0 auto;
	width:962px;
	padding: 0 23px 30px 23px;
	border:none;
	}

	/*-- custom decs for homepage frame --*/
	#bg.home #mainFrame {	
		background:#5496c6;
		height:836px;
		background:url('../images/homeBg2.jpg') 0 0 no-repeat;
		border-left: 7px solid #FFF;
		border-right: 7px solid #FFF;
		padding: 0 112px;/*1200px*/
		}

/*-- inner frame needed to set the dashed background image at bottom of content --*/	
#innerFrame {background: url('../images/contentHeadBg.gif') bottom left repeat-x;padding:0 0 1px 0;position:relative;}
#bg.home #innerFrame {background: none}
/*-- position the nav for the homepage --*/	
#bg.home #mainFrame #innerFrame ul#mainNav {margin-left:280px;}
/*-- position the nav for subpages --*/	
#mainFrame #innerFrame #header ul#mainNav {margin-left:280px;}

/*-- all pages but homepage we use a set header which contains nav, site logo and olympics logo --*/
#mainFrame #header {
	position:relative;
	height:142px;
	width:962px;
	z-index:9999;
	}
	
	#header #siteLogo {
		position:absolute;
		left:0;
		bottom:20px;
		width:245px;
		height:80px;
		background: url('../images/mtg-logo.png') 0 0 no-repeat;
		}

	#header #siteLogo p {
		margin-left: -29000px;
		}

	#header #olympicsLogo {
		position:absolute;
		right:0;
		top:20px;
		width:186px;
		height:110px;
		}

#bg.home #mainFrame #siteLogo {position:absolute;left:0px;top:74px;height:98px;width:577px;background: url('../images/logoHomeIE.gif') 0 0 no-repeat;z-index:5;}
#bg.home #mainFrame #siteLogo p {margin-left:-29000px;}
#bg.home #mainFrame #olympicsLogo {position:absolute;right:14px;top:63px;}

/*-- our columns container --*/
#mainFrame #content {
	overflow:hidden;
	width:960px;
	background: url('../images/innerFrameBg.gif') 0 0 repeat-y;
	padding:0 1px;
	}
	
/*-- 2 columns content header --*/
#bg.cols2 #contentHead,
#bg.profiles #contentHead {
	height:80px;
	width:960px;
	overflow:hidden;
	background: url('../images/contentHeadBg.gif') 0 0 repeat-x;
	padding:1px 0 0 0;
	}

/*-- 3 columns content header --*/
#bg.cols3 #contentHead {
	position:relative;
	height:205px;
	background: url('../images/3ColBgHeadImageTest.png') 0 0 no-repeat;
	padding-top:1px;
	}
	
/*-- 2 columns left col --*/
#bg.cols2 .leftCol {
	width:750px;
	float:left;
	margin: 0 20px 0 0;
	}
	
	/*-- additional styles for the content header leftCol --*/
	#bg.cols2 #contentHead .leftCol {
		background:url('../images/2ColBgHeadImageTest.png') 0 0 no-repeat;
		height:80px;
		padding:0 0 0 16px;
		width:734px;
		}
	
	/*-- content header for both 2 and 3 col pages h1 styles --*/
	#contentHead h1 {
		font-size:5em;
		color:#FFF;
		font-weight:bold;
		letter-spacing:-4px;
		}
	
	#contentHead h1 span {color:#000;}
	
/*-- 2 columns right col --*/	
#bg.cols2 .rightCol {
	width:190px;
	float:left;
	position:relative;
	}	
			
/*-- 3 columns main profile content header --*/	
#bg.cols3 #contentHead h1,
#bg.profiles #contentHead h1 {
	display:block;
	height:80px;
	width:540px;
	padding:0 0 0 10px;
	background:#ff388b;
	color:#FFF;
	}
	
	#bg.cols3 #contentHead #subHeader {
		padding:0 0 0 125px;
		height:95px;
		width:490px;
		background:url('../images/cols3SubHeaderBg.png') 0 0 no-repeat;
		}
	
		#bg.cols3 #subHeader blockquote {
			display:block;
			height:80px;
			width:490px;
			padding:15px 0 0 0;
			background:#000;
			color:#FFF;
			font-size:3em;
			font-weight:bold;
			letter-spacing:-1px;
			line-height:1em;
			}
			
			/*-- the ticker on the 3 col advanced profile --*/
			#bg.cols3 #contentHead #tickerFrame {
				height:28px;
				background: #000;
				width:620px;
				border-top: 1px solid #333;
				border-bottom: 1px solid #333;
				overflow:hidden;				
				}

				#bg.cols3 #tickerFrame span#tickTitle {
					font-size:2.2em;
					color: #FF388C;
					line-height:1.2em;
					font-weight:bold;
					background: url('../images/lrgArrowPnkOnBlack.png') 0 0 no-repeat;
					border-right:1px solid #333;
					padding:0 10px 0 25px;
					height:28px;
					width:80px;
					display:inline-block;
					float:left;
					}						

				#bg.cols3 #tickerFrame  .tickercontainer {
					width:490px;
					overflow:hidden !important;
					color:#FFF;
					}
				
				.mask {overflow:hidden;float:left;width:490px;position:relative;}
			
									
				#bg.cols3 ul#ttCopy {
					height:30px;
					position:relative;
					float:left;
					padding:0;
					left:300px;
					width:50000px;
					
					}
					
					#bg.cols3 ul#ttCopy li {
						float:left;
						display:inline-block;
						margin: 0;
						padding: 3px 20px 0 20px;
						font-size:1.4em;
						
						}
					
					#bg.cols3 ul#ttCopy li p {margin:0;padding:0;float:left;display:inline-block;}
					#bg.cols3 ul#ttCopy li p a {color:#FFF;text-decoration:none;}	
					#bg.cols3 ul#ttCopy li img {display:none;}
					
				
/*!! END advanced profile header !!*/

/*-- basic profile --*/	
#miniProfileFrame {
	width:718px;
	overflow:hidden;
	}

#miniProfileFrame .mpfImg {float:left;width:200px;}
#miniProfileFrame .mpfCopy {float:left;width:470px;padding:10px 0;}
#miniProfileFrame .mpfCopy blockquote {font-size:30px;font-weight:bold;line-height:1em;letter-spacing:-1px;}
	
/*-- main profile overview frame --*/
#bg.cols3 #mainFrame #content #profileFrame {
	padding:0 0 16px 0;
	background: url('../images/profileFrameBg.png') bottom right no-repeat;
	margin:0 0 14px 0;
	width:960px;
	}
	
	#bg.cols3 #mainFrame #content #profileInner {
		height:340px;
		background:#000;
		color:#FFF;
		overflow:visible;
		width:960px;
		padding:10px 0;
		position:relative;
		}
		
		/*-- tell your friends, get our feed, rss etc --*/
		#profileInner #actions {
			position:absolute;
			top:0;
			right:0;
			height:29px;
			width:135px; /*240px;*/
			padding:8px 5px;
			}
		
			/*-- get feed button --*/
			#actions a#getFeed {
				display:inline-block;
				width:121px;
				height:32px;
				background: url('../images/getOurFeedBtn.gif') 0 0 no-repeat;
				margin: 0 5px;
				}
			/*-- tell friends button --*/	
			#actions a#tellFriends {
				display:inline-block;
				width:102px;
				height:32px;
				background: url('../images/tellFriendsBtn.gif') 0 0 no-repeat;
				}
		
			/*-- hide the button html off the page --*/
			#actions a#getFeed span,
			#actions a#tellFriends span {
				position:absolute;
				left:-9999px; 
				}
		
		/*-- main profile intro copy --*/
		#profileInner #piCopy {
			width:278px;/*-310-*/
			float:left;
			padding:0 16px;
			}
		
		/*-- advanced profile media --*/	
		#profileInner #piMedia {
			float:left;
			width:650px;
			overflow:hidden;
			}
						
			#piMedia #piMediaTabsFrame {
				float:left;
				width:460px;
				}
				
				#piMediaTabsFrame ul#mediaTabs {border-bottom:1px solid #333;height:38px;margin:0 0 0 8px}
				#piMediaTabsFrame ul#mediaTabs li {display:inline;}

				#piMediaTabsFrame ul#mediaTabs li a {
					font-size:1.8em;
					color:#FFF;
					font-weight:bold;
					text-decoration:none;
					display:block;
					float:left;
					background: url('../images/pimTabsLiBg.gif') 8px 4px repeat;
					outline:none;
					padding: 4px 0 4px 0;
					height:29px;
					border-top:1px solid #333;
					border-right:1px solid #333;
					}
					
					#piMediaTabsFrame ul#mediaTabs li.ui-state-active a {
						background: #000;
						height:30px;
						border-top:1px solid #666;
						border-right:1px solid #666;
						}
				
					#piMediaTabsFrame ul#mediaTabs li a span {
						display:block;				
						background: url('../images/pimTabsBg.gif') 8px 4px no-repeat;
						padding:0 8px 0 30px;			
						}
						
					#piMediaTabsFrame ul#mediaTabs li.ui-state-active a span {background: url('../images/pimTabsBgActive.gif') 5px 8px no-repeat;}
								
				#piMediaTabsFrame #theMedia {
					overflow:hidden;
					width:448px;
					height:250px;
					padding: 44px 0 0 12px;
					background-repeat: no-repeat;
					background-position: 0 0;
					}
					
					#theMedia .col1 { width:325px;float:left;margin-right:6px;}
					#theMedia .col1 a:hover {text-decoration:none;}
					#theMedia .col2 { width:95px;float:left;position:relative;}
					#theMedia .col2 ul#vertVideoSelector {position:absolute;top:3px;}
					#theMedia .col2 ul#vertVideoSelector li {display:block; width:95px;height:57px;float:left;padding:0 0 8px 0;}					
				
				/*--different background colors for media --*/
				#piMediaTabsFrame #theMedia.filmCrew {background-image: url('../images/theMediaBg.gif');}
								
				/*--image gallery --*/
				#imgGallery {
					width:364px;
					padding:0 25px 0 37px;
					height:240px;
					position:relative;
					float:left;
					}
				#imgGallery ul#imgGalleryScroll {
					height:235px;
					position:absolute;
					width:90000px !important;
					}
					
				#imgGallery ul#imgGalleryScroll li {
					float:left;
					display:block;
					position:relative;
					width:372px !important;
					height:235px !important;
					margin-right:0 !important;
					}
					
				#imgGallery ul#imgGalleryScroll li a {
					float:left;
					display:block;
					margin:0 8px 8px 0;
					}
				
				/*-- hidden tabs content --*/
				.ui-tabs-hide {display:none;}
				
			#piMedia #bestBitsFrame {
				position:relative;
				float:left;
				width:180px;
				border-top:1px solid #333;
				margin-top:38px;
				padding-top:35px;
				height:239px;
				background: url('../images/bestBitsBg.gif') top right no-repeat;
				overflow:auto;
				}
				
				#bestBitsFrame .cControls {
					height:20px;background:#0086C3;position:relative;text-align:center;position:relative;
					}	 	
				
				.cControls span {position:absolute;left:53px;color:#FFF;top:1px;width:70px;text-align:center;font-size:1.2em;}
				
				/*-- inherit our h3 styles--*/
				.contentBlock #bestBitsFrame h3 {
					margin:0 0 10px 0;
					color:#FF388C;
					font-size:20px !important;
					border-bottom:1px solid #FF3791;
					padding-bottom:10px;
					}

				#bestBitsFrame #bestBit {
					background:#FFF;	
					color:#000;
					position:absolute;
					}
					
				#bestBit li {float:left;width:160px;padding:10px;font-size:1.4em;}
					
				#bestBit li em {
					color:#0085C3;
					font-weight:bold;
					padding: 5px 0;
					display:block;
					}


/*-- 3 columns left col --*/
#bg.cols3 #mainFrame #content .leftCol {
	width:290px;
	float:left;
	margin: 0 20px 0 0;
	}
	
/*-- 3 columns center col --*/	
#bg.cols3 #mainFrame #content .centerCol {
	width:440px;
	float:left;
	margin:0 20px 0 0;
	background:#FFF;
	}
	
/*-- profile - center col updates --*/	
	#myUpdates.centerCol {height:457px;position:relative;}
	
		#myUpdates.centerCol #muHeader {
			background:#000 url('../images/lrgArrowPnkOnBlack.gif') 0 3px no-repeat;
			height:34px;
			padding:3px 0 0 0;
			width:440px;
			overflow:hidden;
			}
		
			#muHeader h3 {
				color:#FFF;
				font-size:2em;
				color:#FF388C;
				padding:0 0 0 25px;
				display:block;
				width:200px;
				float:left;
				}
			
			#muHeader a.twitterFlw {
				display:block;
				width:112px;
				height:30px;
				float:right;
				background: url('../images/muTwitterFlwMe.gif') 0 0 no-repeat;			
				}
		
			#muHeader a.twitterFlw span {position:absolute;left:-9999px;}
		
	/*-- updates center cols controls --*/			
	#updatesMonths {height:20px;background:#0086C3;position:relative;text-align:center;position:relative;}
	#currentMonth {position:absolute;left:185px;color:#FFF;top:3px;width:70px;text-align:center;font-weight:bold;}
	a#nextMonth,
	a#prevMonth {display:block;height:;width:8px;height:11px;margin:4px 0 0 0;position:absolute;}
	a#nextMonth span,
	a#prevMonth span {position:absolute;left:-10000px;}
	a#nextMonth {background:url('../images/nextMonthBg.gif') 0 0 no-repeat;left:261px;}
	a#prevMonth {background:url('../images/prevMonthBg.gif') 0 0 no-repeat;left:170px;}
	#loading {position:absolute;top:0;left:0;display:block;height:400px;width:430px;background: url('../images/ajax-loader.gif') center center no-repeat;}
	
	#myUpdates.centerCol .update {
		background: url('../images/updateBg.gif') bottom left repeat-x;
		padding:15px 0 10px 0;
		margin-right:25px;
		}
	
		.update img {padding:0 10px 10px 0;}
		.update p {padding:0 0 4px 0 !important;}
		.update em {color:#0085C3;font-weight:bold;padding:0;font-size:1.2em;}
		
/*-- END - center col updates --*/	 
		
/*-- 3 columns right col --*/	
#bg.cols3 #mainFrame #content .rightCol {
	width:190px;
	float:left;
	}

/*-- common content block styles --*/
.contentBlock {
	background:#000;
	margin:0 0 10px 0;
	color:#FFF;
	padding:16px;
	position:relative;
	}
	
	/*-- contrain our width to 500px for readability - used in left col - 2 col layout --*/
	#mainFrame .widthConstraint {width:500px;}
	
/*-- our last content block should have no bottom marging --*/
#mainFrame #content .cbLast {margin:0;}

/*-- this is the first column, first content block of the 3 column layout, negative margin to bring in alignment with PSD --*/
#bg.cols3 .leftCol .cblFirst {margin-top:-20px;}

/*-- this is the first column, first content block of the 2 column layout, the background image is the bottom part of the arrow. --*/
#bg.cols2 .leftCol .cblFirst {background: #000 url('../images/cols2ContentBlock1Bg.gif') top right no-repeat;}

/*-- sub header styles for content blocks --*/
.contentBlock h2 {font-size:2em;line-height:1em;margin:10px 0; letter-spacing:-1px;}

.contentBlock h3,
.whatsNext h3 {
	font-size:2.2em;
	letter-spacing:-1px;
	/*background: url(../images/lrgArrowPnkOnBlack.gif) no-repeat 0 0;*/
	padding: 0 0 0 24px;
	margin: -3px 0 10px -16px;
	line-height:1.4em;
	color:#FFF;
	}

#content .rightCol h4,
#content .leftCol h4 {color:#FFF;font-size:1.6em;line-height:1em;}

/*-- common paragraph styles --*/
.contentBlock p,
.whatsNext p,
.update p,
.bestBit p,
.sliderFrame p {font-size:1.4em;line-height:1.1em;padding:0 0 8px 0;}

/*-- decorated links list in contentBlocks --*/
ul.decoratedLinks li {padding:0 0 12px 0;}

ul.decoratedLinks li a {
	font-size:1.4em;
	line-height:1em;
	font-weight:bold;
	background: url('../images/decoratedLinksBg.gif') top right no-repeat;
	padding: 0 15px 0 0;
	}

/*-- who span --*/
span.profWho {
	font-size:3em;
	color: #FF388C;
	font-weight:bold;
	}

/*-- jobs description --*/
dl.jobDesc {padding:0 0 10px 0;}

dl.jobDesc dt {
	font-size:1.8em;
	line-height:1.1em;
	color: #FF388C;
	font-weight:bold;
	}

/*-- resize the jobs desc for the main profile page --*/
#profileFrame.contentBlock dl.jobDesc dt {font-size:1.4em;line-height:1.4em;}
	
dl.jobDesc dd{
	font-size:1.4em;
	line-height:1.2em;
	margin:0 0 10px 0;
	}
	
/*-- downloads links (used in 2 col layout) --*/
.contentBlock #downloads {
	width:718px; /*--750 minus padding of contentBlock */
	overflow:hidden;
	font-size:1.4em;
	line-height:1em;
	font-weight:bold;
	color:#FF388C;
	margin:15px 0;
	}

	#downloads .col1 {
		float:left;
		width:110px;
		}
		
	#downloads span {
			background: url('../images/downloadsBg.gif') top right no-repeat;
			padding:0 20px 0 0;
			}
			
	#downloads .col2 {
		float:left;
		width:600px;
		}
		
		#downloads .col2 ul li {padding:0 0 4px 0;}
		
/*-- whats next double and single image (diff col widths) --*/	
#mainFrame #content .whatsNext {
	width:734px; /*--750 minus padding of contentBlock */
	overflow:hidden;
	background:#000;
	color:#FFF;
	padding:16px 16px 16px 0;
	}
			
#mainFrame #content #wnSingle.whatsNext {padding:0;margin:6px 0 0 0px;width:718px;}

	#mainFrame #content .whatsNext h3 {margin: 0 0 10px 0;z-index:10;}
	#mainFrame #content #wnDouble.whatsNext h3 {margin: 0 0 10px -16px;z-index:10;}
	
	#mainFrame #content #wnDouble.whatsNext .col1,
	#mainFrame #content #wnSingle.whatsNext .col1 {
		float:left;
		width:348px;
		padding:0 0 0 16px;
		position:relative;
		}
		
		#wnDouble.whatsNext .col1 a.img1 {position:absolute;left:24px;z-index:10;}
		#wnDouble.whatsNext .col1 a.img2 {position:absolute;left:180px;top:60px;z-index:5;}
		
	#mainFrame #content #wnDouble.whatsNext .col2,
	#mainFrame #content #wnSingle.whatsNext .col2 {
		float:left;
		width:368px;
		}
		
	#mainFrame #content #wnSingle.whatsNext .col1 {width:200px;}
	#mainFrame #content #wnSingle.whatsNext .col2 {width:502px;}
		
		#mainFrame #content .leftCol .whatsNext .col2 div h4 a {
			font-size:1.1em;
			line-height:1em;
			display:block;
			margin:0 0 5px 0;
			text-decoration:none;
			letter-spacing:-1px;
			}
		#mainFrame #content .whatsNext .col2 div {margin:5px 0 15px 0;}
		#mainFrame #content .whatsNext .col2 a {font-size:1.2em;line-height:1em;font-weight:bold;}

/*-- other jobs list --*/
#otherJobsList.contentBlock {
	padding:0 0 22px 0;
	overflow:auto;
	width:750px;
	height:124px;
	background: url('../images/otherJobsListBg.png') bottom left no-repeat;
	}
	
	#otherJobsList.contentBlock h3 {		
		background: #0086C3 url(../images/otherJobsH3Bg.gif) no-repeat 0 0;
		padding: 0 0 0 24px;
		line-height:1.4em;
		margin: 0;
		display:block;
		width:726px;
		}

	/*-- this width needs to be the cumulative width of the lists --*/
	#otherJobsList.contentBlock #ojlInner {
		position:relative;
		padding:10px 0px 5px 0px;
		background:#000;
		width:751px;

		}

		#ojlInner ul#theOtherJobs {position:absolute;display:block;height:75px;left:0px;width:710px;padding:5px 20px 0 20px;}
		#ojlInner ul#theOtherJobs li {height:78px;width:750px;font-size:2em;font-weight:bold;float:left;display:inline-block;}
		#ojlInner ul#theOtherJobs li a,
		#ojlInner ul#theOtherJobs li span {color:#0086C3;text-decoration:none;font-size:1.2em;line-height:1em;display:inline-block;float:left;margin:0 20px 10px 0;}
		#ojlInner ul#theOtherJobs li span {color:#FFF;}

/*-- indent the text specifically for this contentblock THERE MAY STILL BE OTHERS... MAY NEED A CLASS IF MORE THAT ONE --*/
#getSet.contentBlock p {
	padding:0 0 8px 8px;
	width:530px;
	}

/*-- the profile "friends" slider pane --*/
#friends {
	background: url('../images/friendsHeaderBg.png') 0 0 no-repeat;
	overflow:hidden;
	width:960px;
	padding:0 0 0 0;
	}
	
	#friends h4 {
		color:#FFF;
		font-size:2em;
		line-height:1em;
		text-align:right;
		display:block;
		height:28px;
		padding: 8px 12px 0 0;
		}
		
	#friends #friendsInner {
		position:relative;
		background:#000;
		height:135px;
		padding:0 50px;
		overflow:auto;
		}


.contentBlock .highlightMsg {
	background:url('../images/highlightMsgBg.gif') 0 0 no-repeat;
	padding: 15px 60px 10px 100px;
	font-size:1.6em;
	color:#FFF;
	margin:10px 0;
	font-weight:bold;
	}

/*-- site wide useful links --*/	
#usefulLinks.contentBlock {background:#0086c3;}
#usefulLinks.contentBlock ul {margin:15px 0;}
#usefulLinks.contentBlock ul li {padding:2px 0 3px 0;}
#usefulLinks.contentBlock a {color:#FFF;font-size:1.2em;font-weight:bold;}

/*-- i love it --*/
#iLoveIt.contentBlock {
	width:158px;
	background: #000 url('../images/iLoveItBg.gif') 10px 5px no-repeat;
	}

	#iLoveIt.contentBlock h4 {font-size:1.8em;padding:0 0 10px 0;}

	#iLoveIt.contentBlock a {
		font-size:1.4em;
		line-height:1.2em;
		color:#FFF;
		text-decoration:none;
		font-weight:bold;
		}

	#iLoveIt.contentBlock a:hover {
		text-decoration:underline;
	}
/*-- about - right cols --*/
#content .contentBlock .aboutFrame h4 {
	font-size:2.2em;
	letter-spacing:-1px;
	background: url(../images/lrgArrowPnkOnBlack.gif) no-repeat 0 0;
	padding: 0 0 0 24px;
	margin: 0px 0 5px -16px;
	line-height:1.4em;
	color:#FFF;
	}

.aboutFrame p,
#stayInTouch p {font-size:1.3em; line-height:1.2em !important;}
.aboutFrame a {font-size:1.2em;font-weight:bold;text-align:center;display:block;margin:5px 0;}
.aboutFrame p a.inline_link {display:inline;font-size:1em;margin:0;text-align:left;}
.aboutFrame .aboutInner {margin:0;}
.afDoubleUp .aboutInner {margin:0 0 50px 0;}

/*-- stay in touch --*/
#stayInTouch a.image {
	display:block;
	height:36px;
	width:157px;
	margin:20px 0 0 0;
	background: url('../images/stayInTouchBtn.gif') 0 0 no-repeat;
	}

#stayInTouch a span {position:absolute;left:-9999px;}

/*-- 3 columns common left cols styles --*/
#careerPath {margin-top:-22px;min-height:262px;}
#subjectsPath.contentBlock ul,
#careerPath.contentBlock ul {margin:8px 0 0 0;}


#subjectsPath.contentBlock ul li,
#careerPath.contentBlock ul li {
	font-size:1.4em;
	color:#FF388C;
	font-weight:bold;
	padding:5px 0 1px 10px;
	}
	
#careerPath.contentBlock ul li {padding:5px 0 1px 0;}
#careerPath.contentBlock ul li a {
	padding:0 0 0 20px;
	background: url('../images/careerPathLiBg.gif') 0 4px no-repeat;
	}	

#careerPath.contentBlock ul li {font-size:1.2em;font-weight:normal;	color:#FF388C;padding:5px 0 1px 0px;}
#careerPath.contentBlock ul li span {font-size:1.15em;line-height:1.3em;}	
#careerPath.contentBlock ul li span {display:block;padding-left:20px;color:#FFF;font-weight:normal;}	
		
/*-- footer --*/

#footerBg {background:#FFF;}

#bg.home #footerFrame,
#bg #footerFrame {
	margin:0 auto;
	height:64px;
	width:962px;
	padding:12px 10px;
	background:#FFF;
	overflow:hidden;
	}
	
/*-- narrow footer all innerpages--*/	
#bg.home #footerFrame {padding:12px 112px;}

#footerFrame img#edgeLogo {float:left;width:170px;}

#footerFrame ul {float:left;width:792px;}	
#footerFrame ul li {display:inline-block;float:left;}
	
#footerFrame ul li a {
	text-decoration:none;
	color:#333;
	font-size:1.4em;
	display:block;
	float:left;
	height:32px;
	padding:8px 0 0 0;
	}

#footerFrame ul li a:hover {text-decoration:underline;}

#footerFrame ul li.moreOnEdge a {padding-left:10px;} 
#footerFrame ul li.classroom a {border-left:2px solid #CCC;margin-left:200px;padding-left:10px;}	
#footerFrame ul li.contactUs,
#footerFrame ul li.links,
#footerFrame ul li.classroom {padding:0 8px;background: url('../images/footerContactBg.gif') center right no-repeat;}
#footerFrame ul li.terms a {padding-left:8px;}

/*-- sliders on the 3 col profile page (global.js interacts with these)--*/
.sliderFrame {
		z-index:40;
		background:#000;
		margin-left:1px;
		color:#FFF;
		border-right:1px solid #333;
		}
		
		#readOnFrame {top:348px;}
		#qaFrame {bottom:0;}
		
		#readOnInner,
		#qaInner {
			position:relative;
			padding: 10px 40px 20px 16px;
			}

/*-- profile pages (star and basix) --*/

.personProfile {
	position:relative;
	height:692px;
	width:960px;
	}

#standardPersonProfile.personProfile {
	background: url('../images/standardPersonProfileBg.gif') repeat;
	}

.personProfile #loading {
	position:absolute !important;
	height:691px;
	margin-top:1px;
	width:960px;
	z-index:5;
	bottom:0 !important;
	background: #6F9EB9 url('../images/ajax-loader2.gif') center center no-repeat;
	display:none;
	}

#starPersonProfile.personProfile #sppImage {
	position:absolute;
	top:1px;
	left:0;
	height:522px;
	width:960px;
	z-index:0;
	}
	
	#standardPersonProfile.personProfile #sppImage {
		position:absolute;
		top:130px;
		left:500px;
		height:272px;
		width:360px;
		z-index:0;
		background: url('../images/standarPersonProfImgBg.png') 0 0 no-repeat;
		padding:30px 0 0 10px;
		}

.personProfile	#contentHead,
.personProfile #sppOverview {z-index:10;position:absolute;}

.personProfile #sppOverview {
	top:81px;
	left:20px;
	width:360px;
	padding:20px;
	color:#FFF;
	background: url(../images/transparentBlackBg-90.png) 0 0 repeat;
	}
		
	#sppOverview blockquote {
		font-weight:bold;
		font-size:3em;
		line-height:1.2em;
		}
	
	#sppOverview p {font-size:1.6em;line-height:1em;padding:25px 0 25px 0;}
	#sppOverview .update p {text-transform:uppercase;} 
	#sppOverview .update em {color:#999;font-size:1.4em;}
	
	#sppOverview #moreMe {
		/*background: url('../images/moreMe.png') top right no-repeat;padding:10px 0 20px 0;*/
	}
	
	#standardPersonProfile.personProfile #sppOverview #moreMe {
		background:none;
		}
	
	#sppOverview #moreMe a {
		font-size:3em;
		line-height:1em;
		margin:15px 0 0 0;
		display:inline-block;
		background: url('../images/moreMebg.gif') top right no-repeat;
		padding:0 25px 0 0;
		font-weight:bold;
		}
	
#starPeopleFrame {
	width:860px;
	position:absolute;
	bottom:0px;
	height:169px;
	background: url('../images/starPeopleFrameBg.png') 0 0 no-repeat;
	padding:21px 50px 0 50px;
	z-index:10;
	}
	
	#starPeopleFrame ul#starPeople,
	#friendsInner ul#starPeople {
		background:#000;
		position:absolute;
		}	
		
	#starPeopleFrame ul#starPeople li,
	#friendsInner ul#starPeople li {
		float:left;
		height:122px;
		width:163px;
		display:block!important;
		position:relative;
		}
	
		#starPeopleFrame ul#starPeople li a,
		#friendsInner ul#starPeople li a {text-decoration:none;}
	
		#starPeopleFrame ul#starPeople li.active,
		#starPeopleFrame ul#starPeople li:hover {background: url('../images/starPeopleliActive.png') 0 0 no-repeat;}
		
		#starPeopleFrame ul#starPeople li img,
		#friendsInner ul#starPeople li img {position:absolute;left:4px;top:17px;}
		#starPeopleFrame ul#starPeople li span,
		#friendsInner ul#starPeople li span {position:absolute;left:4px;padding:2px;background:#000;color:#FFF;font-weight:bold;font-size:1.4em;line-height:1em;}
		#starPeopleFrame ul#starPeople li span.starsTitle,
		#friendsInner ul#starPeople li span.starsTitle {bottom:27px;}
		#starPeopleFrame ul#starPeople li span.starsName,
		#friendsInner ul#starPeople li span.starsName {bottom:10px;}
	
		#tellYourFriends {
			position:absolute;
			left:0;
			top:206px;
			height:170px;
			width:40px;
			background:#FF388C url('../images/tellYourFriendsSlideBg.gif') 0 0 no-repeat;
			z-index:30;
			overflow:hidden;
			}
			
			#tyfContent {
				float:left;
				width:150px;
				color:#000;
				font-size:1.4em;
				line-height:1.1em;
				padding:85px 10px 10px 40px;
				float:left;
				background: url('../images/loveThisBg.gif') 40px 15px no-repeat;
				}
			
			a.tyfShareBtn {
				display:block;
				background:url('../images/tyfShareBtn.gif') 0 0 no-repeat;
				height:16px;
				width:125px;
				text-indent:-3000px;
				margin:10px 0 0 0;
				}
	
		#deliveredByEdge {
			position:absolute;
			left:-354px;
			top:0;
			height:163px;
			width:395px;
			background: url('../images/dbEdgeBg.png') top right no-repeat;
			z-index:30;
			overflow:hidden;
			z-index:10000;
			}

		#dbeContent {
			height:143px;
			width:334px;
			color:#000;
			font-size:1.2em;
			line-height:1.1em;
			background:#FFF;
			padding:10px;
			}
		
			#dbeContent h5 {display:block;height:34px;width:278px;background:url('../images/dbeContentH5Bg.gif') 0 0 no-repeat;margin:0 0 8px 0;}
			#dbeContent h5 span {left:-9000px;position:absolute;}
			#dbeContent a.getInvolved {margin: 8px 0;display:block;}
			#dbeContent p.last {border-top:1px dotted #F9C4BA;padding-top:5px;}
			#dbeContent p.last a {font-weight:bold;color:#000;}

#pathInner .widthConstraint {margin:0 0 20px 0;}		
#pathInner .mppBlocks {overflow:hidden;width:690px;padding:10px 0 10px 20px;}
	.mppBlocks .pathBlock {float:left;width:325px;background-position: bottom left; background-repeat:no-repeat;padding-bottom:0px;}
	.mppBlocks .pathBlock h5 {background:#0086C3;font-size:1.8em;line-height:1em;padding:4px 8px;width:195px;font-weight:bold;}
	.mppBlocks .pathBlock ul {padding:0 0 8px 0;}
	.mppBlocks .pathBlock ul li {font-size:1.2em;display:block;padding:3px 0;}
	.mppBlocks .pathBlock ul.decoratedLinks li a{font-size:14px;}
	.mppBlocks .pathBlock p {font-size:1.2em;line-height:1em;}
	.mppBlocks .pathBlock p.pbDreamJob {font-size:3em;line-height:1em;}

	#pb1.pathBlock {background-image: url('../images/pb1Bg.gif');}
	#pb2.pathBlock {background-image: url('../images/pb2Bg.gif');margin:0 0 0 40px;}
	#pb3.pathBlock {background-image: url('../images/pb3Bg.gif');margin-top:50px;}
	#pb4.pathBlock {background-image: url('../images/pb4Bg.gif');padding:45px 0 0 0;margin:0 0 0 40px;}
	#pb5.pathBlock {background-image: url('../images/pb5Bg.gif');padding:20px 0 33px 66px;width:232px;margin:20px 0 0 0;}
	#pb6.pathBlock {background-image: url('../images/pb6Bg.gif');padding:0 0 0 70px;width:255px;margin:40px 0 0 0;}

.pathBlock .pbInner {padding:10px 10px 20px 14px;width:185px;}

#pb6.pathBlock .pbInner {border:1px dashed #FFF;}
#pb6.pathBlock .pbInner h5 {background:none;width:auto;padding:0 0 15px 0;}
	
	

/* modal splash image */
.splashModalClose.modalCloseImg { background: url("../images/buttons/close.gif") no-repeat scroll 0 0 transparent; height:60px; width:60px; padding:0px}
.splash img {height:0px;}
.splash.simplemodal-data img {height:700px;}







































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */