/* shared CSS elements.  some may need customization on a site by site basis. */

/* --------------------------------- site exit pop up - this just sets up the basic positioning; please customize them for individual sites ------- */
#exitconfirm,
#formconfirm,
#euconfirm {
	background: #fff;
	border: 1px solid #060;
	margin-left: -180px;
	max-width: 400px;
	padding: 10px;
	position: fixed;
	top: 25%;
	left: 50%;
	width: 360px;
	z-index: 3000;
	}
	* html #exitconfirm,
	* html #formconfirm,
	* html #euconfirm { position:absolute; }
#exitconfirm a#confirm-goto,
#formconfirm a#confirm-goto,
#euconfirm a#confirm-goto,
#euconfirm a#deny-goto {
	background:#7a7e81;
	-webkit-border-radius: 12px;
	-moz-border-radius: 1em; 
	border-radius: 1em; 
	color:#fff;
    cursor: pointer;
	float:left;
	font-size:1.083em;
	font-weight:bold;
	padding:.334em .667em;
	text-decoration:none;
}
#exitconfirm a#confirm-goto:hover,
#formconfirm a#confirm-goto:hover,
#euconfirm a#confirm-goto:hover,
#euconfirm a#deny-goto:hover { background-position:0 -23px; }
#exitconfirm ul,
#formconfirm ul,
#euconfirm ul {
    list-style:none;
    margin:0;
}
#exitconfirm li,
#formconfirm li,
#euconfirm li {
    float:left;
    margin:0 12px 0 0;
}
/* button style assigned to confirm-goto in link styles above */
#exitconfirm a#confirm-goto,
#formconfirm a#confirm-goto,
#euconfirm a#confirm-goto,
#euconfirm a#deny-goto { margin-bottom:12px; }
#exitconfirm a#confirm-stay,
#formconfirm a#confirm-stay,
#euconfirm a#confirm-stay { display:block; padding-top:6px; } /* remains link style (not buttonized), so push it down to a similar baseline w/ "continue" text */


/* borrowed from jqModal base styling 
	by Brice Burgess <bhb@iceburg.net> */

/* setting this background controls the 'greyed out' effect when the modal appears */
.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#sanofi_header {
    background: url("/_resources/img/dev/sanofi_header_bg.png") repeat-x scroll left top transparent;
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
#sanofi_logo {
    float: right;
    margin: 2px 8px 0;
}

/* base thickbox styling, so that it's there if needed. based on Maci styles. */

#TB_window {
    background-color:#fff;
    position:fixed; left:50%; top:50%;
    z-index:1001;
    }
#TB_load {
    height:13px;
    margin:-7px 0 0 -104px;
    position:fixed; left:50%; top:50%;
    width:208px;
    z-index:1001;
    }
#TB_overlay {
    background-color:#000;
    height:100%;
    opacity:0.5;
    position:fixed; left:0; top:0;
    width:100%;
    z-index:1000;
    }
#ajaxWrapper { height: 530px; overflow: auto; width: 440px; }
	.TB_iframeContent #footer,
	.TB_iframeContent #header {
		display:none;
	}
    
/* allows the sitecore webedit ribbon iframe to push down the rest of the site */
#master-wrap { padding:2em 0 0; position:relative; }

.FormFieldset {
	margin-bottom:25px;
}
.form-checklist {
	
}
	.form-checklist .checkbox {
		margin:0 0 6px 0;
	}
	.form-checklist .checkbox input {
		float:left;
		width:auto;
		margin-right:10px;
	}
	.form-checklist .checkbox label {
		float:left;
		width:434px;
	}
	
/* EmailThisPage */
.EmailThisPage { }
	.EmailThisPage #content { width:100%; }
	.EmailThisPage #content-decorator {
		min-height:461px;
		padding:10px 10px 40px;
		background:none;
		height:auto;
		width:auto;
		left:0px;
		position:relative;
	}
input, textarea {
    font-family: arial;
}
/* Captcha specific css */
#recaptcha_widget { margin-bottom:15px; }
	
/* TWITTER FEED */

.twitter_feed { border-radius:5px 5px 5px 5px; }
	.tweet_head { color:#fff; position:relative; padding:6px 4px 4px; }
		.tweet_head a { color:#fff; text-decoration:none; } 
		.tweet_head a:hover { text-decoration:underline; } 
		.tweet_avatar { float:left; margin-right:5px; }
				.tweet_avatar img { }
		.tweet_head h3 { font-size:11px; }
		.tweet_head h4 { font-size:16px; }
	.twitter_feed ul { list-style-type:none; margin:0px 1px; background-color:#fff; border-radius:6px 6px 6px 6px; padding:8px 0; }
		.twitter_feed li { border-bottom:1px dotted #DDDDDD; margin-bottom:4px; padding:0 8px 5px;}
		.twitter_feed li:last-child { border-bottom:none; }
			.tweet_status { }
				.tweet_status a { }
			.tweet_links { margin:3px 0; }
				.tweet_links a { font-size:9px; text-decoration:none; }
				.tweet_links a:hover { text-decoration:underline; }
				.tweet_timestamp { }
				.tweet_reply { }
				.tweet_retweet { }
				.tweet_fav { }
	.tweet_foot { padding:8px; }
		.tweet_logo { }
		.tweet_follow { float:right; color:#fff; font-size:13px; text-decoration:none; }
		.tweet_follow:hover { text-decoration:underline; }

/* Search Page */
.pager { margin-bottom:15px; }