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

/*===  RESET  ===*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/*===  GLOBAL  ===*/
body { font-family: Arial, Helvetica, sans-serif; color: #5c5c5c;}
a { color: #3333ff; }
.clear { clear: both; }

/*===  SABAR  ===*/
/*#saBar { position: absolute; top: 0; left: 0; width: 100%; z-index: 2;}
#saBar table { width: 100%;}
#saBar table td { height: 28px;}
#saBar table td.left { width: 50%; background: url(../images/bg_saBar_left.gif) repeat-x;}
#saBar table td.right { width: 50%; background: url(../images/bg_saBar_right.gif) repeat-x;}
#saBar .midBar { background: url(../images/bg_saBar_mid.jpg) no-repeat; position: relative; width: 959px; height: 28px;}
#saBar .midBar .logo { position: absolute; top: 0; right: 85px; background: url(../images/logo_sanofiaventis.gif) no-repeat; width: 204px; height: 58px;}
#saBar .midBar .logo img { width: 100%; height: 100%;}*/
#sanofiLeft {background:url(../Images/sanofiTop_sides.jpg) repeat-x; height: 34px;}
#sanofiLogo {background:url(../Images/sanofiTop.jpg) repeat-x; width:1040px; height: 34px; }
#sanofiRight {background:url(../Images/sanofiTop_sides.jpg) repeat-x; height: 34px;}

.spacer
{position:absolute; top:0; left:660px;}

/*===  LAYOUT  ===*/
.siteWrap { width: 959px; margin: 0 auto;}

/*===  HEAD  ===*/
.siteHead { height: 139px; position: relative;}
.siteHead .logo { background: url(../images/logo_ltcDiabetes.gif) no-repeat; width: 319px; height: 44px; position: absolute; bottom: 0; left: 4px;}
.siteHead .logo img { width: 100%; height: 100%;}
.siteHead .logo .printLogo {display: none;}

.siteHead .siteNav { position: absolute; bottom: 2px; right: 4px;}
	.siteNav .nav {}
	.siteNav .nav li { float: left;}
	.siteNav .nav li.on a { background-position: 0 -30px;}
	.siteNav .nav li a { display: block; background-position: 0 0; background-repeat: no-repeat; height: 30px; text-indent: -1000px; overflow: hidden;}
	.siteNav .nav li a:hover { background-position: 0 -30px;}
	.siteNav .nav li a.home 	{ background-image: url(../images/nav_home.gif); width: 87px;}
	.siteNav .nav li a.cases 	{ background-image: url(../images/nav_quickCases.gif); width: 133px;}
	.siteNav .nav li a.survey 	{ background-image: url(../images/nav_takeSurvey.gif); width: 143px;}

.siteHead p.forUS { position: absolute; right: 300px; top: 32px; font-size: 14px; font-weight: bold; z-index: 3;}
.siteHead p.service { position: absolute; left: 2px; top: 70px; color: #797979; font-size: 10px;}

/*===  SITE BODY  ===*/
.siteBody { padding-top: 40px;}
.siteBody h1 { color: #2978bc; font-size: 1.125em; font-weight: bold; margin-bottom: 0.75em;}
.siteBody h2 { color: #2978bc; font-size: 0.95em; font-weight: bold; margin-bottom: 0.75em;}
.siteBody h3 { /*color: #2978bc;*/ font-size: 0.875em; font-weight: bold; margin-bottom: 0.25em;}
.siteBody p { font-size: 0.75em; margin-bottom: 1.0em;}
.siteBody ul { margin: 0 0 1.0em; padding: 0 0 0 15px; }
.siteBody ul li { font-size: 0.75em;list-style-type: disc;}
	/*===  LANDING  ===*/
	.landWrap { margin-top: -30px;}
	.landTop { background: url(../images/bg_homeHero.jpg) no-repeat; height: 294px; overflow: hidden; color: #FFF;}
	.landTop p { font-size: 12px; line-height: 16px;}
	.landTop .wrapOut { float: left; width: 526px; }
	.landTop .wrapIn { padding: 30px 15px 0 20px;}
	.landTop p.select { text-align: center; margin: 12px 0;}
	.landTop p.select select { font-size: 11px; text-align: left;}
	
	.landTop .features { border-top: 1px solid #FFF; padding-top: 20px;}
	.landTop .features a { color: #FFF; text-decoration: underline;}
	.landTop .features a:hover { color: #ffbd24; text-decoration: underline;}
	.landTop p.h1 { font-size: 18px; margin-bottom: 15px;}
	.landTop .features p span { font-size: 14px;}
	.landTop .ftItem { float: left; display: inline; width: 215px;}
	.landTop .ftItem img { float: left; margin: 0 12px 15px 0; }
	.landTop .features .left { margin-left: 10px;}
	.landTop .features .right { margin-left: 15px;}
	
	.landCopy { float: left;}
	.landCopy .wrap { padding: 5px;}
	.landCopy p { font-size: 0.75em; margin: 0;}
	.landCopy h1 {/* background: url(../images/txt_longTermCare.gif) no-repeat;*/ width: 392px; height: 26px; /*text-indent: -2000px;*/ overflow: hidden; margin: 7px 0;}

	.reference { font-size: 0.75em; margin: 0 auto; padding: 0.0em 0px 1.0em;}
	
	/*===  FLASH  ===*/
	.caseWrap { width: 829px; margin: 0 auto;}
	#caseFlash {}
	
	/*===  SURVEY  ===*/
	.surveyWrap {}
	.surveyItem { border-bottom: 1px solid #adadad; padding: 20px 0;}
	.survQ { font-weight: bold; padding-left: 15px; font-size: 0.75em;}
	.survQ span { display: block; float: left; margin-left: -15px; position: relative; z-index:2;}
	.survA { padding: 15px 0 0 50px; font-size: 0.75em;}
	.survA th, .survA td { padding-bottom: 7px;}
	.survA th { padding-right: 5px;}

/*===  ISI  ===*/
#ISI { margin: 15px auto 0; /*border-top: 1px solid #c1d8ec;*/ font-size: 0.75em;}
#ISI .wrap { width: 470px; margin: 0 auto; padding: 30px 0;}
#ISI strong { font-weight: bold;}
#ISI h1 { color: #2978bc; font-size: 1.125em; font-weight: bold; margin-bottom: 0.75em;}

/*===  SITE FOOT  ===*/
.siteFoot { text-align: center;}
.siteFoot p { font-size: 0.6875em; margin: 20px 0;}


/*===  AJAX WINDOW STYLES WITH JAVASCRIPT ===*/
#myOverlay {position: absolute;z-index: 9999; left: 0;width: 100%;background-color: #000;}
#myWrap {position: absolute;z-index: 9999;padding: 0; width:554px; overflow: hidden;}
#myWindowHolder {}


/*===  AJAX WINDOW STYLES WITHOUT JAVASCRIPT ===*/
#noscriptOverlay {position: absolute;z-index: 9999; left: 0;top: 0;width: 100%;background-color: #000; height: 2100px;visibility: visible; -moz-opacity:0.5; opacity: 0.5;filter: alpha(opacity = 50);
}
#noscriptWrap {position: absolute;z-index: 9999;padding: 0; width:554px; overflow: hidden; margin: 275px 0 0 -277px; left: 50%;}

#pop_jstable { border-collapse: collapse; width: 962px; }
/* These are for the shadows*/

td.popN		{ background-color:#FFF;}
tr>td.popN		{ background-color:#FFF;}

td.popNE	{ background: url(../images/bg_shadBox_NE.gif) no-repeat; width: 14px; height: 16px;}
tr>td.popNE	{ background: url(../images/bg_shadBox_NE.png) no-repeat; width: 14px; height: 16px; }

td.popE		{ background: url(../images/bg_shadBox_E.gif) repeat-y; }
tr>td.popE		{ background: url(../images/bg_shadBox_E.png) repeat-y; }

td.popSE	{ background: url(../images/bg_shadBox_SE.gif) no-repeat; width: 14px; height: 16px; }
tr>td.popSE	{ background: url(../images/bg_shadBox_SE.png) no-repeat; width: 14px; height: 16px; }

td.popS		{ background: url(../images/bg_shadBox_S.gif) repeat-x; }
tr>td.popS		{ background: url(../images/bg_shadBox_S.png) repeat-x; }

td.popSW	{ background: url(../images/bg_shadBox_SW.gif) no-repeat; width: 10px; height: 16px;}
tr>td.popSW	{ background: url(../images/bg_shadBox_SW.png) no-repeat; width: 10px; height: 16px; }

td.popW		{ background-color:#FFF;}
tr>td.popW		{ background-color:#FFF;}

td.popNW 	{ background: url(../images/bg_shadBox_NW.gif) no-repeat; width: 10px; height: 16px;}
tr>td.popNW 	{ background: url(../images/bg_shadBox_NW.png) no-repeat; width: 10px; height: 16px;}

#ajax_content { background-color: #FFF; width: 530px; } /* pop_content contains the iframe in middle of the table */

#ajax_content .wrap { text-align: center;}
#ajax_content .hcp {background: url(../images/txt_intendedFor.gif) no-repeat center 25px;padding: 95px 0 25px;}
#ajax_content .thankyou {background: url(../images/txt_thankYou.gif) no-repeat center 75px;padding: 125px 0 25px;}
#ajax_content p { font-size: 12px; margin-bottom: 15px;}
#ajax_content table { margin: 0 auto;}
#ajax_content th { padding-right: 15px;}


/*===  NO FLASH QUICK CASES STYLES ===*/
.caseWrap .noFlashCaseTop {}
.caseWrap .noFlashCaseBottom {height: 206px; position: relative;}
.caseWrap .frame01 { background: url(../images/noFlash_toolBottom_02.gif) no-repeat;}
.caseWrap .frame02 { background: url(../images/noFlash_toolBottom_02.jpg) no-repeat;}
.caseWrap .frame03 { background: url(../images/noFlash_toolBottom_03.jpg) no-repeat;}

.caseWrap .noFlashCaseBottom a {display: block;}
.caseWrap .noFlashCaseBottom a img { width: 100%; height: 100%;}
.caseWrap .linkText {height:35px;}
.caseWrap .linkText3 {height:45px;}
.caseWrap .link1 {float:left; display:inline; top: 38px; left: 150px; width: 129px; margin-left:28px; margin-top:20px; font:normal 10px Arial,Helvetica,Sans-Serif; color:#9a9a9a; text-align:center;}
.caseWrap .link2 {float:left; display:inline; top: 38px; left: 349px; width: 129px; margin-left:30px; margin-top:20px; font:normal 10px Arial,Helvetica,Sans-Serif; color:#9a9a9a; text-align:center;}
.caseWrap .link3 {float:left; display:inline; top: 38px; left: 349px; width: 129px; margin-left:30px; margin-top:10px; font:normal 10px Arial,Helvetica,Sans-Serif; color:#9a9a9a; text-align:center;}
.caseWrap .link4 {float:left; display:inline; top: 38px; left: 349px; width: 129px; margin-left:30px; margin-top:20px; font:normal 10px Arial,Helvetica,Sans-Serif; color:#9a9a9a; text-align:center;}
.caseWrap .link5 {float:left; display:inline; top: 38px; left: 349px; width: 129px; margin-left:30px; margin-top:20px; font:normal 10px Arial,Helvetica,Sans-Serif; color:#9a9a9a; text-align:center;}
.caseWrap .downloadAll { bottom: 56px; left: 311px; width: 205px; height: 15px;}

/***non falsh version***/


		img{border:0;}
		.mainNoFlashImage{ }
		.withSound{ background:url("../images/noFlash_background.gif") repeat-y;  padding:10px 35px 10px 45px;}
		.withOutSound{background:url("../images/noFlash_background.gif") repeat-y;  padding:10px 35px 10px 45px;}
		.pdf{background:url("../images/noFlash_background.gif") repeat-y;  padding:10px 35px 10px 45px;}
		.mainNoFlashBottom{}
		
		.downloadLeft{ float:left; width:135px;}
		.downloadMiddle{ float:left; color:#000000; margin:0 10px 0 0; font-size:13px !important; }
		.downloadRight{ float:left; width: 350px; color:#FFFFFF; font-size:13px !important;  }
		.downloadRight a{ color:#FFFFFF; }
		.downloadFileSize{ float:left; width:135px; font-size:12px; color:#FFFFFF; margin:5px 0;}
		.downloadDescription{ float:left; width:600px; font-size:12px; color:#FFFFFF; margin:5px 0; }