@charset "UTF-8";
/* CSS Document */

/*RESET THE BROWSER DEFAULTS*/
* 				{	margin: 0; padding: 0; outline: none; }

/*FORCE THE SCROLLBAR*/
html 			{ 	overflow-y: scroll; }
html 			{ 	overflow: -moz-scrollbars-vertical; }
body 			{
					font-family: Helvetica, Arial, sans-serif;
					font-size: 12px;
					line-height:1.5;
					background-color:#FFFFFF;
					color:#333333;
				}
			
a 				{ 	color: #7a9dca; background:none; text-decoration:underline; }
a:hover 		{ 	text-decoration: none; color:#000; }

img 			{	border: none;	}

/* FORM STYLES */
form, 
fieldset 		{	border:none;	}
input.text 		{ 	}

input, textarea { 	border: solid 1px #eceeef; font-family: Helvetica, Arial, sans-serif; font-size:12px; line-height:1.4; background:url(/images/input_bg.jpg) no-repeat; padding:3px; color:#555555;}
textarea 		{ 	padding:10px; background:url(/images/textarea_bg.jpg) no-repeat; }
input:focus, textarea:focus { border: solid 1px #aaa; background:url(/images/input_bg_focus.jpg); color:#000;}
textarea:focus		{ background:url(/images/textarea_bg_focus.jpg) no-repeat; }

/* TYPOGRAPHY */
h1 				{	font-size: 36px; letter-spacing: -0.02em;	}
h2 				{	font-size: 21px; color: #0068ac; letter-spacing: 0; font-weight:normal; margin-bottom:12px; line-height:1.2;	}
h3				{   font-size: 15px; color: #0068ac; letter-spacing: -0.00em; line-height:1; margin-bottom:12px; font-weight:bold;	}
h4				{   font-size: 13px; color: #000000; letter-spacing: -0.01em; font-weight:bold; margin-bottom:6px; line-height:1.2;	}
h5				{   font-size: 11px; color: #888; letter-spacing: -0.03em; font-weight:bold; font-style:italic;	margin-bottom:0; line-height:1.1;}
p				{	padding-bottom: 12px; margin-bottom:0;	}


/* LISTS */
ul { margin: 0 0 12px 12px;}
#footerSiteLinks  {position:relative;}
#footerSiteLinks ul { margin:0 0 0 0;}
#footerSiteLinks ul li { padding-left:10px; background:url(/images/list_arrow.gif) no-repeat 0 3px;}

#social_media_links { position:absolute; right:0px; top:4px; padding:0; font-weight:bold;}
#footer #social_media_links ul li { margin-left:4px; margin-right:0; padding:0; float:left; list-style-type:none; line-height:30px; vertical-align:middle; color:#888;}
#social_media_links ul li a { width:30px; height:30px; top:0px;position:relative;}
#social_media_links li.facebook a { background:url(/images/footer_fb.jpg) no-repeat; top:-1px;}
#social_media_links li.twitter a { background:url(/images/footer_twitter.jpg) no-repeat; top:-1px;}


ol { margin: 0 0 12px 20px;}

/*COLUMNS*/
.span-1			{	width:24.2%;	}
.span-2			{	width:48.9%;	}
.span-3			{	width:74.4%;	}
.span-4			{	width:100%;	}

/* COLUMNS WITHIN COLUMNS */
.span-2 .span-1	{ 	width:48.6%;	}
.span-3 .span-1	{ 	width:31%;	}
.span-3 .span-2	{ 	width:65.0%; 	}

.span-1, 
.span-2, 
.span-3, 
.span-4 		{ 	float:left; margin-right:12px; position:relative;	}

.clear 			{ 	clear:both;	}

.last 			{	margin-right:0;	}
.paddedcontainer{ 	padding:10px;	}

p.intro			{ 	font-family:Georgia, Times, serif;
					font-size: 16px;
					color:#555;
					line-height:1.5;
					width:100%;	}
p.intro strong	{ 	font-weight:normal; color:#000;}
body.index p.intro		 	
				{	font-size:18px;
					line-height:1.4;
					color:#0068ac;
					padding: 0 0 0 10px;
					margin-top:-5px;	}
/*LOGO*/
#logo 			{ 	position: absolute;
					top: 118px;
					left: 52px;
					display: block;
					width: 369;
					height: 59px;
					cursor: pointer;
					z-index:99;		}
				
h1.pagetitle	{	position:absolute; left:260px; top:0;	}
			
/*CONTAINER AND WRAPPER DIVS*/
#container 		{	background:url(/images/bg_main.jpg) repeat-x center top; width:100%;	}
			
#mainwrapper	{ 	margin: auto;
					width: 1000px;
					background: url(/images/mainwrapper_bg.jpg) repeat-y;
					position: relative;	}

#navbar 		{	background: url(/images/navbar_bg.jpg) no-repeat;
					height: 87px;
					position: relative;	}

#navbar a 		{ 	color:#fff;}
				
#topbanner 		{	/*background: url(/images/topbanner_bg.jpg) no-repeat;*/
					height: 154px;
					position: relative;	}
				
body.index #topbanner 
				{ 	height:250px;
					background:url(/images/home_topbanner_bg.jpg) no-repeat;
					padding: 158px 52px 25px;
				}

#content, 
#footer 		{	position: relative; display: block;	}
				
#content 		{	background:url(/images/content_bg.jpg) no-repeat;
					padding: 30px 52px;	}
				
body.index #content 
				{	background:none;	}
			
#footer 		{	background:url(/images/mainwrapper_bg.jpg) no-repeat;
					padding:-bottom:0;
					padding: 0 52px;	}

#bottom			{	background: #FFFFFF url(/images/footer_bg.jpg) no-repeat; 
					padding: 50px 52px 20px 52px; 
					height:50px;	}
				
#footerarea { position:relative;}
#footerarea .top 
				{	position:relative;
					height:10px; 
					background:url(/images/footer_bg_topleft.gif) no-repeat left top; 
					display:block;	}
				
#footerarea .top .right 
				{ 	position:absolute; 
					right:0px; 
					top:0px; 
					height:10px; 
					background:url(/images/footer_bg_topright.gif); 
					display:block;
					width:10px;	}
				
#footerarea .bottom 
				{	position:relative;
					height:10px; 
					background: #e9f0f6 url(/images/footer_bg_botleft.gif) no-repeat left top; 
					display:block;	}
				
#footerarea .bottom .right 
				{ 	position:absolute; 
					right:0px; 
					top:0px; 
					height:10px; 
					background:url(/images/footer_bg_botright.gif); 
					display:block;
					width:10px;	}
				
#footerarea .middle 
				{	background:#e9f0f6; padding:0 15px 0 15px;height:15px; overflow:hidden; position:relative;	}
			
#footer ul 		{ 	margin:0;	}

#footer ul li 
				{	list-style-type:none;
					float:left;
					margin-right:20px;	}
				
ul#footerlinks 	{ 	float:left;}
ul#footerlinks a{ 	color:#84a7d3;}
ul#footercontact{ 	float:right; }
ul#footercontact li { margin:0;	}
ul#footercontact a
				{ 	color:#84a7d3;	}
p.copyright 	{ 	text-align:center; margin:0px 0;}

#footerSiteLinks{ 	font-size:10px;color:#84a7d3; background:#FFF; }
#footerSiteLinks a
				{ 	color:#84a7d3;}
#footerSiteLinks ul
				{ 	list-style-type:none; 	}
#footerSiteLinks .span-1
				{ 	width:23.4%; border-left:solid 1px #eee;	}
#footerSiteLinks .span-1.first .container
				{ 	padding:0; border:none;}
#footerSiteLinks .span-1 .container
				{ padding-left:12px;}
				
.graphicText	{ 	text-indent:-9999px; display:block;}

/* COUNTRY/LANGUAGE SELECTION */
.othercountry, .language, .countryflag { display:inline-block; width: auto; margin-left:5px; line-height:12px; height:15px; padding-top:2px; vertical-align:middle; font-size:11px;}
.othercountry 	{ 	padding-right:5px; border-right: solid 1px #fff;}
.countryflag 	{ 	height:25px;}
#location 		{ 	text-align:right; padding:12px 20px 0;}
select#location { padding:0; text-align:auto; }

/* DIVISION SIGNIFYER */
.division 		{ 	height:8px; width:200px; position:absolute; top:62px; left:35px; display:block; text-indent:-9999px;}
body.xm .division { background:url(/images/division_xm.gif) no-repeat;} 
body.sm .division { background:url(/images/division_sm.gif) no-repeat;} 

/* SIDEBAR STYLES */
.module 		{ 	background:url(/images/sidebar_bg.jpg) repeat-x left bottom; padding-bottom:12px;	}
.module h3 		{ 	padding:12px 10px 6px 10px;
					border-bottom:solid 1px #bfd2e8;
					font-size:14px;
					margin-bottom:0;
					background:url(/images/module_bg.jpg)
				}

.module h4 		{ 	font-weight:bold; color:#000; margin-bottom:-2px;	}
.module .latestposts a
				{ 	font-weight:bold; line-height:1.2;}
.module ul 		{ 	list-style-type:none;	}

.module li 		{ 	padding: 4px 5px 3px 22px; background:url(/images/list_arrow.gif) no-repeat 10px center; cursor:pointer;	}
.module li a	{ 	display:block; }
.module li h4 a { 	text-decoration:none; color:#000;}
.module li h4	{ 	padding:2px;}

.module li.selected, 
.module li.selected:hover 
				{	background:#d8e6f1 url(/images/list_arrow_selected.gif) no-repeat 6px center;	}

.module li:hover{ 	background:#d8e6f1 url(/images/list_arrow.gif) no-repeat 10px center;		}
.module li:hover a
				{ 	color:#000; text-decoration:none;	}

.module .content{ 	border-top:solid 1px #FFF;	}
.module .copy	{ 	padding:10px;	}

/* BLOG STYLES */
.hero			{ 	padding-bottom:20px;}
.hero img		{ 	width:100%; background:#CCCCCC; height:160px; margin-bottom:8px;	}
.hero .blogYouTubePlayer { float:none; margin:0 0 8px 0;}
.hero h3		{ 	font-size:14px; line-height:1.1;	}
.hero h3 a		{ 	text-decoration:none; color:#000;	}
.span-3 .span-2 .blogPost,
.span-2 .blogPost
 				{ 	background:url(/images/blogpost_bg.jpg) no-repeat; margin-bottom:5px;	}
.span-3 .blogPost, .span-3 .module
				{ 	background:url(/images/blogpostfull_bg.jpg) no-repeat; margin-bottom:15px;	} 
.blogPost h3 	{ 	font-size:18px; font-weight:bold; margin-top:10px; margin-bottom: 0; padding:0;	}
.blogPostPreview h3
				{ 	font-size:24px;}
.blogPostCommentCount 
				{ 	float:right; 
					padding-left:36px; 
					height:32px; 
					padding-top:6px; 
					font-weight:bold;	}
.blogPostCommentCount span.number {
	background:url(/images/comment_bubble.gif) no-repeat; 
	display:inline-block;
	padding:5px 0px;
	font-size:11px;
	width:30px;
	text-align:center;
}
					
.blogPostComments h3
				{ 	font-size:14px;
					font-weight:bold;
					float:left;	}
.blogPostCommentsHeader
				{ 	border-bottom:solid 1px #bfd2e8;	}
			
.blogPostInfo	{ 	color:#0068AC; border-bottom: solid 1px #99ccee; padding-bottom:6px}
.blogPostDate	{ 	padding-bottom:0; font-weight:bold; font-size:10px; color:#84a7d3; background:url(/images/blogpost_icon.gif) no-repeat; padding-left:22px; height:20px; line-height:20px; vertical-align:middle;}
.blogPostAuthor { 	font-style:italic; margin:0; padding:0;}
.blogPostImage 	{ 	float:right; }
.blogYouTubePlayer { float: right; width:425px; margin:0 0 10px 10px;}

.blogPostPreview .blogPostImage img, .blogPostPreview .blogYouTubePlayer
				{ 	width:196px; margin-top:12px; margin:0px 0 8px 8px;}
.hero .blogPostImage img
				{ 	width:214px; overflow:hidden; margin:0 0 10px 0;}
.blogPostImage img
				{ 	width:400px; overflow:hidden; margin:0px 0px 12px 12px; border:solid 1px #99ccee; }
								
.blogPostContent{ 	padding-right:10px;	}
.blogPostIntro	{ 	font-family:Georgia, Times, serif;
					font-size: 16px;
					color:#555;
					line-height:1.5;	}
.blogPostPreview .blogPostIntro
				{ 	font-family:inherit;
					font-size:inherit;					
				}
p.intro strong	{ 	font-weight:normal; color:#000;}

.blogPostSubject{ 	border-top:solid 1px #fff; margin-bottom:6px; }
.blogPostPreview .blogPostSubject
				{  padding-top:8px;}
.sidebar 		{ 	background:url(/images/sidebar_bg.jpg) repeat-x left bottom;	}

.sidebar .content 
				{ 	padding:10px 10px 0 10px	}
/* Blog Comments */
#blogPostNewComment 
				{ 	background: #e9f0f6 url(/images/commentbox_bg.jpg) no-repeat 0 -2px; padding:10px; border:solid 1px #bfd6e9;	}
#blogPostNewComment textarea
				{
					width:605px;
					height:60px;
					margin-bottom:5px;
				}
#blogPostNewComment h4
				{ 	background:url(/images/mouth.gif) no-repeat 0 -1px;
					padding: 8px 0 0px 32px;
					font-weight:bold;
					color:#0068AC;
				}
/* Comments */
.comment 		{ 	padding:10px 0 10px 0px ; border-bottom: solid 1px #bfd6e9; color: #0068AC; position:relative;}
.commentInfo	{ 	float:left; width: 140px; color:#888;  }
.commentInfo p	{ 	margin:0; padding:0;}
.commentImage	{ 	float:left; width:50px; height:50px; padding-right:10px;}
.commentDate	{ 	font-weight:bold;}
.commentAuthor	{ 	font-style:italic;}
.commentContent	{ 	float:left; width: 440px;}
.flag			{ 	background:url(/images/flag.gif) no-repeat; padding: 2px 0 2px 20px; text-decoration:none; font-size:10px;}

/*Buttons*/
#accountBar .btn span 
				{ 	background-color:#0068ac;	}
				
#accountBar .btn 
				{ 	background-color:#0068ac;	}
				

.btn 			{ 	background: #e9f0f6 url(/images/btn_left.png) no-repeat;				
					height:24px;
					cursor: pointer;	
					padding-left:18px;
					display:inline-block;
					text-decoration:none;
					border:none; 	}

.btn span 		{ 	background: #e9f0f6 url(/images/btn_right.png) no-repeat right top;
					color:#0068ac;
					font-size:12px;
					font-weight:bold;
					height:14px;
					padding: 6px 10px 4px 2px;
					line-height:12px;
					display:inline-block; 	}
				
.action_btn		{ 	background: #e9f0f6 url(/images/actionBtn_left.png) no-repeat;				
					height:24px;
					cursor: pointer;	
					padding-left:14px;
					display:inline-block;
					text-decoration:none;
					border:none;	}

.action_btn span 		{ 	background: #e9f0f6 url(/images/actionBtn_right.png) no-repeat right top;
					color:#ffffff;
					font-size:12px;
					font-weight:bold;
					height:14px;
					padding: 6px 10px 4px 2px;
					line-height:12px;
					display:inline-block; 	}
					
.btn:hover span	{ 	color:#000;	}

/* GATEWAY PAGE */
body.gateway #topbanner
				{ 	height:192px; background:url(/images/gateway_topbanner_bg.jpg) no-repeat; padding-top:118px; padding: 118px 52px 30px 52px;}
body.gateway #content
				{ 	background-image:none;}
h1.gateway_header
				{ 	background:url(/images/gateway_header.gif) no-repeat; margin-bottom:15px; height:92px;}

#cyclingImages_lg, #cyclingImages_sub { 	position:absolute; right:18px; top:0px;}
#cyclingImages_lg { width:475px; height:337px;}
#cyclingImages_sub { width:550px; height:118px;}
.slideshow img 	{ 	position:absolute; top:0; right:0;}
body.gateway .tout {width:443px; position:relative;}
body.gateway #mosaic-sm .content p{padding-left:76px;} 
body.gateway #mosaic-sm .content a{margin-left:76px;} 
body.gateway #mosaic-sm .content { padding-left:165px;}
body.gateway #mosaic-sm .content .copy { width:260px;}
body.gateway .tout .tout_img { position:absolute; top:-76px; left:0;}
body.gateway .tout .content { position:relative; background:url(/images/home_tout_bg.jpg) no-repeat; padding:10px 10px 0 196px;}
body.gateway .tout .content .copy { width:220px; }
body.gateway .tout .topbar { background:url(/images/home_tout_topbar.jpg) no-repeat; height:38px; font-weight:bold;}
body.gateway .tout .topbar a { color:#fff; text-decoration:none; position:absolute; top:0; left:0; width:243px; height:183px; padding:10px 10px 0 196px; z-index:99; cursor:pointer;}
body.gateway #mosaic-sm .topbar a { padding-left:166px;}
body.gateway .tout a.btn_apply { background:url(/images/btn_apply.jpg) no-repeat; height:33px; }
body.gateway .tout a.btn_apply:hover { background-position:0 -33px;}
a.gateway_xm_title { background:url(/images/gateway_xm_title.gif) no-repeat 195px 13px; width:215px; height:16px;}
a.gateway_sm_title { background:url(/images/gateway_sm_title.gif) no-repeat 165px 13px; width:215px; height:16px;}

/*ERRORS*/
#errorExplanation { color:#cc0000; font-size:11px;}
#errorExplanation h2 { font-size:13px; font-weight:bold; color:#cc0000; width:90%; margin-bottom:6px;}
#errorExplanation p { margin-bottom:0; padding-bottom:0;}

/*SUBPAGES*/
#topbanner 		{ 	height:118px; background:url(/images/xm_topbanner_bg.jpg) no-repeat;}
body.sm #topbanner {}

.xmbg			{ 	background:url(/images/xm_content_bg.jpg) no-repeat; width:715px; height:160px; position:absolute; top:0; left:22px;}
#popup_content .xmbg { padding:30px; padding-bottom: 0; margin:-30px -30px auto -30px; height:auto; width:100%; position:relative; left:auto; top:auto; background-position:0 -55px;}

/*JOBS PAGE*/
h1.enjoy 		{ background:url(/images/jobs_enjoy_h1.gif) no-repeat; width:560px; height:52px;}

/*PROFILE PAGE*/
h1.profile 		{ background:url(/images/profile_h1.gif) no-repeat; width:255px; height:42px;}
p.forgotpassword { color:#0068ac;}

/*REFER PAGE*/
h1.refer 		{ background:url(/images/refer_h1.gif) no-repeat; width:310px; height:42px; margin-left:-2px;}

/*FAQ PAGE*/
h1.faq			{ background:url(/images/faq_h1.gif) no-repeat; width:633px; height:52px;}
.question p.faq_q a				{	background: url(/images/list_arrow_selected.gif) no-repeat 0px 4px;  text-decoration:none; display:block; font-weight:bold;	}
.question.active p.faq_q a			{	background-position: 0px -36px; color:#0068ac;	}
.answer, .question p.faq_q a	 {padding-left:20px;}
/*POPUP*/
#popup_content .selectbar { background:url(/images/popup_ltbluebar.jpg) repeat-x; margin: -30px -30px 30px -30px; padding: 5px 30px; height:28px; }

/*TEAM MEMBERS*/
#facebox img.teammember_thumb {
	float:left;
	display:block;
	margin-right:20px;
	background:url(/images/thumb_bg.gif);
	padding:4px 8px 8px 4px;
	width:115px;
	height:115px;
}

.teammember_content { margin-bottom:15px;}
.teammember_content .info { float:left; width:270px;}
.teammember_content p.name { font-weight:bold; color:#0068ac; font-size:18px; line-height:1; margin-top:30px;}
.teammember_content p.campus { font-style:italic;}
.teammember_content p { margin-bottom:0; padding-bottom:0;}
.teammember_content p.year { font-size:10px; color:#999;}
.teammember_content p.email a { background:url(/images/email_icon.gif) no-repeat 0 -2px; padding-left:20px; vertical-align:middle; line-height:16px;}
.bio { margin-top:20px;}
.bio p { padding-bottom:10px;}


/*CALENDAR*/
#facebox #popup_content.calendar { height:600px;}

/* COMMUNITY PAGE */
h1.community 	{ 	background:url(/images/community_h1.gif) no-repeat; width:627px; height:52px;}
h1.sm_community 	{ 	background:url(/images/sm_community_h1.gif) no-repeat; width:610px; height:52px;}

#questions { position:absolute; z-index:0; text-align:right; right:0; top:28px;}
#question { position:absolute;left:340px; top:-410px; width:324px; z-index:101;}
#question .top { background:url(/images/conversation_bubble_top.gif); height:22px;z-index:102;}
#question .middle { background:url(/images/conversation_bubble_middle.gif) repeat-y;}
#question .middle .paddedcontainer { padding-top:5px; padding-bottom:5px;}
#question .bottom { background:url(/images/conversation_bubble_bottom.gif); height:18px; font-size:1px;}
#question textarea.message { width:280px; height:110px; }
#question p.legal { font-size:10px; line-height:1.2; color:#777; font-style:italic;}
#question .close { width:20px; height:20px; background:url(/images/captcha_close.gif) no-repeat; position:absolute; top:12px; right:4px; cursor:pointer;}
#question #question_submit { background:url(/images/question_submit.jpg); width:298px; height:27px; text-indent:-9999px; zoom:1; font-size:0; display:block; line-height:0; border-width:0px;}
input#recaptcha_response_field, input#question_name, input#question_email { width:293px;}

#ambassador-of-the-month {font-size:11px;}
#ambassador-of-the-month .photo, #ambassador-of-the-month h3{ float:left;}
#ambassador-of-the-month .photo { margin-right:10px;}
#ambassador-of-the-month h3 { width:130px; font-size:15px; line-height:1.1; margin-bottom:7px;}
#ambassador-of-the-month h4 { color:#0068ac;}

/*AMBASSADOR POPUP*/
.popup_content .name {
	
}

.selectbar { background:url(/images/jobs_ambassadors_bar.jpg) no-repeat; padding:4px 8px 7px 8px; color:#0068ac; font-weight:bold; vertical-align:middle;}
.selectbar select { padding:2px 0 0 0; height:19px; overflow:hidden; margin-right:10px; font-weight:bold; font-size:11px;}
.selectbar select option { padding:3px 3px 3px 3px; border-bottom: dotted 1px #ddd; height:17px; line-height:17px; vertical-align:middle; font-weight:normal; }
.selectbar select, .selectbar select option {color:#0068ac;  font-family:Helvetica, Arial, sans-serif; }

#refer { margin-bottom:10px;}
#refer .top { background:url(/images/refer_bg_top.jpg) no-repeat; height:13px;}
#refer .middle { background:url(/images/refer_bg_middle.jpg) no-repeat;}
#refer .bottom { background:url(/images/refer_bg_bottom.jpg) no-repeat; height:13px;}
#refer h3 { background:url(/images/refer_h3.gif) no-repeat; width:180px; height:40px;}
#refer .paddedcontainer { padding:0 10px;}

.smallIntro { padding-left:10px; font-size:11.5px;}

/*RECAPTCHA*/
#recaptcha_image { border: solid 1px #ccc; margin-bottom:5px;}
#recaptcha_widget a.refresh,
#recaptcha_widget a.audio,
#recaptcha_widget a.audioreplay,
#recaptcha_widget a.help
 { height:20px; width:20px; float:left; margin-right:2px; }


#recaptcha_widget a.refresh {background:url(/images/captcha_refresh.gif) no-repeat;}
#recaptcha_widget a.audio,
#recaptcha_widget a.audioreplay
 {background:url(/images/captcha_audio.gif) no-repeat;}
#recaptcha_widget a.help {background:url(/images/captcha_help.gif) no-repeat;}
#recaptcha_widget .buttons { float:right; width:66px;}


/* WHO WE ARE PAGE */
.teamMemberButton img.teamMemberThumb 	
				{ 	float:left;
					padding-right:10px;	}
.teamMemberButton .teamMemberName
				{ 	float:left; padding-top:3px;}

img.team_large 	{ 	float:left;
					padding-right:12px;
					padding-right:12px;	}

.dividedarea 	{	margin-top:6px; padding-top:24px; background:url(/images/dottedline_repeat.gif) repeat-x; position:relative;	}
.dividedverticalarea { background:url(/images/dottedline_repeat.gif) repeat-y; padding-left:15px }
.team_member 	{ 	display:none;	}
.team_member h3, .caseStudy h3	{ 	margin-bottom:2px;}

/* WHAT WE DO PAGE */

.stats			{ 	color:#0068ac; font-size:11px; background:url(/images/dottedline_repeat.gif) repeat-y; padding-left:15px; padding-right:0px; line-height:1.4;}
.stats h3 		{ 	font-size:13px;}
.stat .percentage 			
				{ 	float:left; width:42px; font-size: 17px; font-weight:bold;}
.stat .description			
				{ 	float:left; width:150px;}

body.client_whatwedo .cyclingimages	{ 	display:block; height:228px; width:210px; overflow:hidden;}
.cyclingimages { border: solid 1px; color:#CCEEFF}
.cyclingimages ul 	{ 	position:relative; list-style-type:none;}		
.cyclingimages li	{ 	position:absolute; top:0; left:0;}

/* HOW WE DO IT PAGE */

.caseStudy ul	{ 	padding:0 0 12px 12px}
.caseStudy		{ 	padding: 0 10px 0 10px;}
.caseStudy_date	{ 	float:right; width:22%; text-align:right; color:#888888;	}
.caseStudy_title{ 	width:75%; float:left;}

.caseStudy_img	{ 	margin-bottom:12px; }


/* USER PROFILE PAGE */

form.edit_user label,
form#SignupForm label
				{ 	float:left; 
					display:block; 
					margin-right:10px; 
					width:120px; 
					font-weight:bold; 
					color:#0068ac; 
					text-align:left;
				}
form#SignupForm label.agree		{ 	width:90%; text-align:left;}
form.edit_user input.userinfo, 
form.edit_user textarea,
form#SignupForm input.userinfo, 
form#SignupForm textarea	
				{ 	float:left; display:block; width:220px; padding:4px; }
input.agree		{ 	float:left; margin-right:10px;}

form.edit_user textarea,
form#SignupForm textarea		
				{ 	height:150px;	}
				
form.edit_user label,
form.edit_user input.userinfo,
form.edit_user textarea,
.userPhoto img,
form#SignupForm .userPhoto input,
form#SignupForm label,
form#SignupForm input.userinfo,
form#SignupForm textarea
				{ 	margin-bottom:4px;	}
				
.userPhoto, .userInfo
				{ 	float:left;	}
.userPhoto { overflow:hidden;}
.userPhoto img {  border:solid 1px #bfd2e8; }
				
form.edit_user .userInfo,
form#SignupForm	.userInfo	
				{ 	width:360px;}
				
form.edit_user .userPhoto label
				{ 	text-align:left;	}
				
.userEditBtn	{ 	position:absolute; top:0; right:0;	}
.userUpdateBtn	{ 	margin: 20px 0 0 130px;}

/* SIDEBAR */
#cta_latest_tweets h3.title{
	height:36px;
}
.tweets			{ 	}
.tweet			{ 	line-height:1.4; padding-bottom:8px; margin-bottom:8px; background: #FFF; padding:4px; border:solid 1px #CCEEFF;	}
.tweet p		{ 	padding-bottom:4px;}
.tweetTime		{ 	font-size:10px; font-style:italic; color:#0068ac;}
.tweetPic		{ 	float:left; margin-right:10px;}



.cta			{ 	padding-bottom: 12px; margin-bottom:12px; background:url(/images/dottedline_repeat.gif) repeat-x left bottom; }
.cta h3			{ 	color:#000; font-weight:bold; line-height:1; font-size:14px;	}
.cta.large h3	{ 	font-size:20px; }
.cta.large h3 .variant
				{ 	font-family:Georgia, Times, serif; font-size:14px; font-weight:normal; line-height:1.2;}
.cta img.photo		{ 	margin-bottom:8px; border: solid 1px #ccddff; }

.fans			{ 	margin-bottom:4px;}
.fan			{ 	width:62px; float:left; margin-right:5px; overflow:hidden; 	}
.fan.last		{ 	margin-right:0;	}
.fanPhoto		{ 	width:60px; height:60px; border: solid 1px #ccddff; }
.fanName		{ 	margin:0; padding-bottom:3px;}

/* TWITTER FEED PAGE */
body.twitter_action .tweet
				{ 	border:none; background: none; color:#0068ac; line-height:1.2;}
body.twitter_action .tweet
				{ 	font-size:16px;}
body.twitter_action .tweetTime		
				{ 	color:#84a7d3	}
.backBtn		{ 	margin-bottom:12px;	}

#noticeBar_wrapper 
				{ 	width: 960px; margin: auto;	}


/* ROOT NAVIGATION STYLES =================================*/

ul#rootnav 		{ 	position: absolute;
					right: 13px;
					top: 13px;
					list-style-type: none;	}
ul#rootnav li,
ul#nav li 		{ 	float:left; margin-left:20px;	}

ul#rootnav li a, 
ul#nav li a 	{ 	display: block;
					cursor:pointer;
					height: 26px;
					color:#aecae2;
					font-weight:bold;
					font-size:13px;
					text-decoration:none; 	}
				

/* MAIN NAVIGATION STYLES
----------------------------------------------------------*/
ul#nav 			{ 	position: absolute;
					right: 40px;
					top: 61px;
					list-style-type: none;
					text-align: right;
					float: right; 	}

ul#nav li a:hover
				{ 	color:#FFFFFF; 	}
				
body.jobs ul#nav li.jobs a,
body.profile ul#nav li.profile a,
body.refer ul#nav li.refer a,
body.community ul#nav li.community a,
body.faq ul#nav li.faq a
 				{ 	color:#FFF; background:url(/images/nav_arrow_selected.gif) no-repeat center bottom;}
/*TALEO TABS*/
ul#tabs 		{ 	list-style-type:none; margin:0;}
ul#tabs li { float:left;}
ul#tabs li a { display:block; height:19px; overflow:hidden; padding:5px; text-align:center; width:129px; background:url(/images/tab.jpg) no-repeat; color:#0068ac; text-decoration:none; font-weight:bold; font-size:11px;}
ul#tabs li.selected a { background-position:0 -58px; color:#fff;}
ul#tabs li a:hover { background-position:0 -29px; color:#000;}
#taleo { border:solid 1px #ccc; border-top:solid 5px #4078a9; }
#taleo iframe { border:none;}

/* PAGINATION */

.swn_paginate {
	clear: both;
	margin-bottom: 6px;
	border-top: solid 1px #cccccc;
	padding-top: 4px;
	height: 8px;
}
.swn_paginate li {
	float: left;
	margin-right: 6px;
	list-style-type: none;
	border: solid 1px #CCCCCC;
	padding: 2px 5px;
}
.swn_paginate li.active {
	background-color:#4586BE;
}
.swn_paginate li.active a, .swn_paginate li.active a:link .swn_paginate li.active a:visited, .swn_paginate li.active a:hover {
	font-weight:bold;
	color:#FFFFFF!important;
	text-decoration:none;
	cursor:pointer;
}


.formError, 
.flashNotice { 
	color: #E0000F;
}

.swn_profile_fan_badges {
	clear: both;
	margin-top: 12px;
}
.swn_profile_fan_badges h2.swn_title {
	background: url(/images/profile_badges_h2.gif) no-repeat;
	height: 18px;
	width: 100%;
	text-indent: -9999px;
	display: block;
	margin-bottom: 12px;
	
}

a.editProfile {
	padding-bottom:10px;
}

.requirements {
  font-style: italic;
}

.requirements .required,
label .required {
  font-weight: bold;
  color: #E0000F;
  padding-left: 2px;
}

.fieldWithErrors input,
.fieldWithErrors textarea {
  border-color: #E0000F;
  background: #FFEEEE;
}


/*CONTACT PAGE*/
#popup_content .span-3 { width:64%;}
#popup_content .span-1 { width:30%;}
#popup_content .stats { font-size:9px;}
#contact_form label, #contact_form input.text, #contact_form input.radio { display:block; float:left; margin-right:4px;}
#contact_form label { width:30%;}
#contact_form input.text { width:62%; margin: 0 0 4px 0;}
#contact_form textarea { height:100px; width:90%;}
#contact_form .radios { margin-bottom:12px}
#contact_form .radios label.for_button { font-weight:normal; width:50px;}
#popup_content #topbanner { background:url(/images/contact_topbanner.jpg); height:90px; margin:-30px -30px 30px -30px; padding:0;}

p.legal { font-size:10px; color:#999; font-style:italic;}

/* REFER POPUP */

.refer_content { margin:-30px; padding:30px; background:url(/images/refer_bg.jpg) repeat-x; position:relative; }
.refer_content h1 { width:297px; height:61px; background:url(/images/refer_popup_h1.gif) no-repeat; margin-top:25px;}
.refer_content .logo  { width:83px; height:48px; background:url(/images/refer_popup_logo.gif) no-repeat; position:absolute; right:30px; top:30px;}
.refer_content .refer_btn { width:100%; height:33px; background:url(/images/refer_popup_btn.jpg) no-repeat;margin-bottom:20px;}
.refer_content .refer_btn:hover { background-position:0-34px; }
table.referalbonuses { border:solid 1px #eee; }
#facebox table.referalbonuses td { background:url(/images/tablerow_bg.jpg) repeat-x; padding:10px; border-top:solid 1px #d0e6fd; color:#666}
table.referalbonuses h3 { color:inherit; font-size:13px; margin-bottom:4px;}
table.referalbonuses p { padding-bottom:0;}

/* FIND YOUR ROLE POPUP */
.refer_content .topbanner_xm .logo, .refer_content .topbanner_sm .logo  { left:30px; top: 30px;}
.topbanner_xm { background:url(/images/findyourrole_main_img_xm.jpg) no-repeat right; }
.topbanner_sm { background:url(/images/findyourrole_main_img_sm.jpg) no-repeat right; }

.topbanner_xm, .topbanner_sm { height:270px; position:relative; margin:-30px; margin-bottom:0px;}
h2.findyourrole { background:url(/images/findyourrole_header.gif) no-repeat; height:63px; width:216px; position:absolute; top:114px; left:30px;}
p.findyourrole_intro { position:absolute; top:195px; left:30px; width:210px; font-size:14px; line-height:1.3;}
.roles { background:url(/images/findyourrole_content_bg.jpg) no-repeat; padding:20px; margin:0 -15px 0 -15px;}
p.instruction { font-weight:bold; font-style:italic; }
.role .question { background:url(/images/jobprofile_btn.gif) no-repeat 0 0; padding-left:30px; font-weight:bold; color:#0068ac; cursor:pointer;}
.role .question:hover { background-position:0 -85px;}
.role { margin-bottom:12px; border-bottom: solid 1px #ddd; padding-bottom:12px;}
.role .answer { }
.role .answer .top { background:url(/images/findyourrole_bubble_top.gif) no-repeat; height:12px;}
.role .answer .middle { background:url(/images/findyourrole_bubble_middle.gif) no-repeat; padding:5px 10px 0px 10px; }
.role .answer .bottom { background:url(/images/findyourrole_bubble_bottom.gif) no-repeat; height:12px;}

/*TOUTS*/
#ambassador-of-the-month h3 { background:url(/images/tout_ambassador_h3.gif) no-repeat; height:32px; text-indent:-9999px;}
#ambassador-of-the-month h3 { background:url(/images/tout_ambassador_h3.gif) no-repeat; height:32px; text-indent:-9999px;}
body.sm.community .faq_tout img.photo, body.profile .faq_tout img.photo, body.jobs .findyourrole_tout img.photo  { display:none; }

#xm_tout { background:url(/images/xm_tout_bg.jpg) no-repeat; height:80px; width:190px; padding:12px;}
#xm_tout .btn { margin-top:20px; background-image:url(/images/btn_onblue_left.jpg);}
#xm_tout .btn span { background-image:url(/images/btn_onblue_right.jpg);}

/* VIDEO */
#facebox #popup_content.video {height:360px; padding:10px; overflow:hidden;}
.video_tout{ background: url(/images/xm_video_tout.jpg) no-repeat; width:216px; height:150px; display:block; text-indent:-9999px; margin-bottom:10px; }