﻿
#large_logo { background:transparent url(../fr/images/logo_large.gif) no-repeat scroll 0 0; height:214px; margin:0 0 0 43px;width:134px;}
div#introBlurb { margin: -5px 0 0 0;}
div#introBlurb p { font-size: 8pt; line-height: 11pt; margin:6px 0 0 4px; text-align:left;}


/*  Nav */
#nav ul#utility { margin: 0 0 0 0; padding: 0; border: 0px solid red; }
#nav ul#utility li.becel { background: url(../fr/images/utility_becelca.gif) no-repeat; width: 92px; height: 33px;  padding-right: 8px; float: left;  }
#nav ul#utility li.language { background: url(../fr/images/utility_english.gif) no-repeat; width: 59px; height: 33px; float: left; margin:0 0 0 -4px;}
#nav ul#utility li.sign a{ background: url(../fr/images/btn_sign_in_txt.gif) no-repeat; width: 42px; height: 33px; float: left; text-decoration:none; }
input#ctl00_ucSignInSignOut_btnSignOut { display: inline; border: 1px solid black; margin: 6px 0 0 -1px; }
* html input#ctl00_ucSignInSignOut_btnSignOut { display: inline; border: 1px solid black; margin: -21px 0 0 -5px; }

.about_blurb { background: url(../fr/images/nav_about_blurb.png) no-repeat; width: 181px; height: 60px; overflow: hidden; position: absolute; top: 10px; left: 10px; }
.webisodes_blurb { background: url(../fr/images/nav_webisodes_blurb.png) no-repeat; width: 185px; height: 60px; overflow: hidden; position: absolute; top: 10px; left: 10px; }
.ost_blurb { background: url(../fr/images/nav_ost_blurb.png) no-repeat; width: 181px; height: 60px; overflow: hidden; position: absolute; top: 10px; left: 10px; }
.concert_blurb { background: url(../fr/images/nav_love_your_heart_concert_blurb.png) no-repeat; width: 177px; height: 66px; overflow: hidden; position: absolute; top: 3px; left: 10px; }
.my_ost_blurb { background: url(../fr/images/nav_my_small_things_blurb.png) no-repeat; width: 180px; height: 60px; overflow: hidden; position: absolute; top: 7px; left: 10px; }
.start_spreading_the_word_blurb { background: url(../fr/images/nav_start_spreading_the_word_blurb.png) no-repeat; width: 169px; height: 59px; overflow: hidden; position: absolute; top: 10px; left: 10px; }
.donate_blurb { background: url(../fr/images/nav_donate_blurb.png) no-repeat; width: 150px; height: 45px; overflow: hidden; position: absolute; top: 10px; left: 10px; }
#heart_and_stroke_logo {background:url(../fr/images/hs_dress.gif) no-repeat; height:92px; margin: 0 0 0 45px; width:111px;}
.navButton_becel { background: url(/ost/images/master/nav_becel_logo.png) no-repeat 0 0; width: 75px; height: 52px; margin: 10px 0 0 56px; }
.navButton_becel .becel_blurb { height: 52px; }
#nav #nav_addThis { width: 202px; height: 152px; }
.sign_in{background:url(../fr/images/btn_signIn.gif) no-repeat; width:80px; height:24px; border:medium none; margin:0 0 0 22px; display:block;}

/* To be sorted */
#header {height: 54px; width:768px;}
#headPledge{ height:16px; margin:0 0 0 44px; padding:0;}
#headPledge #join_txt{background:url(../fr/images/join_the_women.gif) no-repeat; width:459px; height:14px; float:left; margin:-2px 0 0 0;}
#headPledge #small_txt{background:url(../fr/images/small_things.gif) no-repeat; width:193px; height:11px; float:left; margin:0 0 0 4px;}
#small_txt2{background:url(../fr/images/small_things2.gif) no-repeat; height:13px; margin:0 auto; width:193px;}
#about_webisodes .this_week { background:url(../fr/images/title_this_week2.gif) no-repeat; width:190px; float:left;} 

.episodeButton712 { display: block; width:203px; height: 25px; background: url(../fr/images/btn_ep7-12.gif) no-repeat;  } /*new */
.episodeButton16 { display: block; margin:0 0 0 -36px; width:203px; height: 25px; background: url(../fr/images/btn_ep1-6.gif) no-repeat;  } /*new */
#ctrl_pledges_header .otherPledges{background: url(../fr/images/ost_otherPledges_fr.png) no-repeat; margin:0; padding:0; height:36px; width:362px;}
#ctrl_pledges_header .ostPledge{background: url(../fr/images/ost_pledges_fr.png) no-repeat; margin:0; padding:0; height:36px; width:362px;}


/* About */
#about_webisodes a{ display:block; text-decoration:none; cursor:pointer;} 
#is_there_one_small_thing {background: url(../fr/images/home_is_there_one_small_thing.jpg) no-repeat; height:168px; width:362px;}
#submitOST {width:100px; margin:71px 0 0 22px;}
#about_hs_text{padding:20px 0 18px 0; overflow:hidden;}
#about_hs_text #heart_and_stroke_logo {background:url(../fr/images/hs_dress.gif) no-repeat 0 -23px; height:75px; width:100px; margin:0; float:left;}
#about_hs_text p{float:right; width:480px;}
#ctrl_signIn a{background:url(../fr/images/btn_signIn.gif) no-repeat; display:block; height:25px; margin:0 0 0 21px; text-decoration:none;}
#fr_title{background:url(../fr/images/h1_vous_avez.gif) no-repeat; display:block;height:36px; margin:15px 0 15px 6px; width:214px;}

/* Watch videos */

#watch_videos {background: url(../fr/images/categories_watch_videos.jpg) no-repeat; height:168px; width:362px;}
#watch_videos .watchvids { margin: 65px 0 0 16px; width: 100px; height: 24px; }
#watch_videos .watchvids a { display: block; width: 100%; height: 100%; }
#watch_videos .watchvids a img { border: 0px solid black; }


/* Controls  */
#ctrl_popular #btn_popular_on { background: url(../fr/images/btn_popular_on.gif) no-repeat; width:186px; height:41px; float:left;}
#ctrl_popular #btn_popular_on a{ display:block; width:186px; height:41px; float:left; text-decoration:none;}
#ctrl_popular #btn_recent_down { background: url(../fr/images/btn_recent_off.gif) no-repeat; width:186px; height:41px; float:left; }
#ctrl_popular #btn_recent_down a{ display:block; width:186px; height:41px; float:left; text-decoration:none;}
#ctrl_recent #btn_recent_on { background: url(../fr/images/btn_recent_on.gif) no-repeat; width:186px; height:41px; float:left; }
#ctrl_recent #btn_recent_on a{ display:block; width:186px; height:41px; float:left; text-decoration:none;}
#ctrl_recent #btn_popular_down { background: url(../fr/images/btn_popular_off.gif) no-repeat; width:176px; height:41px; float:left;}
#ctrl_recent #btn_popular_down a{ display:block; width:173px; height:41px; float:left; text-decoration:none;}
.ctrl_directions p{ font-weight:bold; padding:10px 0 0 23px;}

/* Used on Most Recent User Conrol */
#ctrl_recent {float:left; visibility:hidden; position:absolute; left:22px; margin:5px 0 0 0px; display:inline; }

/* Left side index */
.index .logo_small a{background: url(../fr/images/logo_small.png) no-repeat; height:183px; width:110px; text-decoration:none; display:block;}
.index #webisode_index {background: url(../fr/images/webisode_index.gif) no-repeat; height:34px; width:118px; margin:29px 0 0 0px; padding:12px 0 0;}
.index #ost_index {background: url(../fr/images/title_ost.gif) no-repeat; height:34px; width:115px; margin:28px 0 0 0px; padding:12px 0 0;}
.index #what_is_ost {background: url(../fr/images/title_what_is_ost.gif) no-repeat; height:42px; width:120px; margin:28px 0 0 -5px; padding:12px 0 0;}
.index #my_osts {background: url(../fr/images/title_my_osts.gif) no-repeat; height:48px; width:90px; margin:28px 0 0 -5px; padding:12px 0 0;}
.index #this_week{background: url(../fr/images/title_this_week.gif) no-repeat; height:48px; width:100px; margin:12px 0 0 15px;}

/*  List Webisodes Page */
.pager_more_webisodes_top{background:url(../fr/images/btn_more_webisodes.gif) no-repeat; height:10px; width:120px;}


/* Webisode Categories Page */
#webisode_categories_container #eatingWell h2{background:url(../fr/images/icon_eating_well.gif) no-repeat; height:141px; width:132px;}
#webisode_categories_container #stayingActive h2{background:url(../fr/images/icon_staying_active.gif) no-repeat; height:141px; width:132px;}
#webisode_categories_container #managingStress h2{background:url(../fr/images/icon_managing_stress.gif) no-repeat; height:141px; width:137px;}
#webisode_categories_container #is_there_one_small_thing {background: url(../fr/images/categories_is_there_one_small_thing.jpg) no-repeat; height:136px; width:293px; float:left;}
#webisode_categories_container #submitOST {margin:37px 0 0 13px;}
#webisode_categories_container .typeIcon {width:416px;}
#webisode_categories_container #tell_someone_close_to_you {background: url(../fr/images/categories_tell_someone_close_to_you.jpg) no-repeat; height:136px; width:283px; float:left; margin:21px 0 0 15px;}
#webisode_categories_container #tell_someone_close_to_you #spread_the_word a{background: url(../fr/images/btn_spread_the_word.png) no-repeat; height:24px; width:118px; float:left; margin:0 0 0 13px; text-decoration:none;}


/* Profile Page */
#my_ost_profile #my_ost_profile_header{background: url(../fr/images/my_ost_profile.gif) no-repeat; height:36px; width:292px;}
#my_ost_profile #btn_edit {width:178px; height:24px; text-decoration:none;}
#my_pledges #btn_print a{ display:block; background:url(../fr/images/btn_print.gif) no-repeat; width:178px; height:24px;   margin:0px 0px 0px 10px; text-decoration:none;}
#my_pledges{}
#my_pledges #my_pledges_header{background: url(../fr/images/my_pledges.gif) no-repeat; height:36px; width:292px;}
#my_alerts{padding:15px 0px 0px 0px;}
#my_alerts #my_alerts_header {background:url(../fr/images/my_alerts.gif) no-repeat; height:36px; width:292px;}
#profile_holder #is_there_one_small_thing {background: url(../fr/images/categories_is_there_one_small_thing.jpg) no-repeat; height:136px; width:293px; float:left;}
#profile_holder #submitOST {margin:37px 0 0 13px;}


/* OST Categories Detail Page */
#whats_one_small_thing_you_do {background: url(../fr/images/is_there_one_small_thing.png) no-repeat; width:241px; height:127px;}
#whats_one_small_thing_you_do #submitOST {margin:46px 0 0 17px;}
#related_webisodes {}
#related_webisodes_header{ background: url(../fr/images/recently_added.gif) no-repeat; width:240px; height:36px; margin:10px 0 0;}
#related_webisodes h3{margin:0 0 0 10px; padding:8px 0 0; }
#recently_added{}
#recently_added_header {background: url(../fr/images/related_webisodes.gif) no-repeat; width:240px; height:36px; margin:10px 0 0;}
#recently_added h3 {margin:0 0 0 10px; padding:8px 0 0;}
#tell_somone_close_to_you{ background:url(../fr/images/tell_someone_close_to_you.gif) no-repeat; width: 241px; height:127px; margin:10px 0 0;}
div.hdrEatingWell { background: url(../fr/images/h3_eatingwell.gif) right no-repeat; margin: 5px 0;  }
div.hdrStayingActive { background: url(../fr/images/h3_stayingactive.gif) right no-repeat; margin: 5px 0;  }
div.hdrManagingStress { background: url(../fr/images/h3_managingstress.gif) right no-repeat; margin: 5px 0;  }

/* webisode page */
/*#share_callouts_right{display:block; float:left; height:93px; text-decoration:none; width:188px;}*/
#share_callouts_left #facebook {width:300px; float:left; margin:6px 0 0 -65px; padding:0 0 15px; }
#share_callouts_left #embed {width:300px; float:left; }
#share_callouts_left #object { float:left; height:15px; margin:0px 0 0 -55px; width:157px; }
#share_callouts_left #join_ost { float:left; width:516px; padding:0 0 7px; height:26px;}
#share_callouts_left #ctl00_body_content_join_ost a{background:url(../fr/images/join_ost.gif) no-repeat; float:left; height:26px; width:516px; display:block; text-decoration:none;}


#ctl00_body_content_ucPledge_divPledge a{background:url(../fr/images/btn_pledge.gif) no-repeat; float:left; height:93px;  width:188px; display:block; text-decoration:none; cursor:pointer; }
#ctl00_body_content_ucPledge_divPledge p{color:black; height:19px; margin:66px 0 0 12px;}
#ctl00_body_content_ucPledge_divPledge span{color:#ca0100;}

#ctl00_body_content_ucPledge_divAlreadyPledged a{background:url(../fr/images/btn_pledge_off.gif) no-repeat; float:left; height:93px;  width:188px; display:block; text-decoration:none; cursor:pointer; }
#ctl00_body_content_ucPledge_divAlreadyPledged p{color:black; height:19px; margin:66px 0 0 12px;}
#ctl00_body_content_ucPledge_divAlreadyPledged span{color:#ca0100;}

#bottom_content #comments_header{background:url(../fr/images/header_comments_on_webisode.gif) no-repeat; width:541px; height:39px;}
#bottom_content #left{float:left; width:541px;}
#bottom_content #right{float:right;}
#bottom_content #right #poll #poll_header{background:url(../fr/images/this_weeks_poll.gif) no-repeat; height:38px; margin:0 11px 0 0; width:186px;}

#add_comment {float:right; margin:-6px 12px 0 0;}

input.btnRespond { padding: 0 20px 0 0; border: 1px solid red; }


/* contest general */
.requiredField { color: Red; font-size: 1.38em; }
.validateColour { color: Red; font-size: 0.75em; }
div#ctl00_body_content_ValidationSummary { margin: 0 0 10px 0; }
.alignRight { text-align: right !important; }

/* Step One */
table#userInput { margin: 0px auto; }
table#skillTest { margin: 10px 0; }
table#optInTable { margin: 0 auto; }
div#optIns_preferences { margin: 10px 0; }
div#optIns_preferences p { margin: 8px 0; }
p.disclaimer_text { font-size: 0.88em; color: #7f7f7f; }
#actionButtons { margin: 8px auto 0; width: 200px; }
input.btnSubmit { float: right; }
input.btnClear { background: url(../images/modal/btn_clear.gif) no-repeat 0 0; width: 80px; height: 24px; border: 0 solid black; font-size: 0; color: #ffffff; text-decoration: none; cursor: pointer; float: left; }

/* Step Two */
.stepTwo { padding: 15px 0 0; }
#thankYou_container { height: auto; margin: 0 0 50px 0; }
#bikeGraphic { background: url(../images/thankYou_bikeGraphic.png) no-repeat 0 0; width: 282px; height: 163px; float: left; }
#stepTwo_text { float: left; width: 360px; margin: 0 0 0 15px; }
#stepTwo_text p {  }
#btn_goBack { background: url(../images/thankYou_btnGoBack.png) no-repeat 0 0; width: 231px; height: 24px; margin:22px 0 0; }
#btn_goBack a { display: block; width: 100%; height: 100%; text-decoration: none; } 

.stepTwo .rfh_divider { clear: both; }

/* vignettes */
/* top half */
.dotted_hor{background:transparent url(../images/vignettes/dots_hor.gif) repeat-x; height:1px; width:680px;}
#vignetteBody {background:transparent url(../fr/images/vignettes/bg.jpg) no-repeat scroll 0 0; height:1041px; margin:0 auto !important; width:736px;}
#vignetteBody #logo a{border:0px solid red; display:block; height:158px; margin:0 0 0 15px; text-decoration:none; width:107px;}
#vignetteBody #vignetteContent {width: 702px; height:849px; margin:0 0 0 24px; border:0px solid red; padding: 125px 0px 0px 0px; }



/* bottom half */

/*applies to all vignettes */
.dotted_vert {background:url(../images/vignettes/dots_vert.gif) repeat-y; height:318px; width:1px; float:left;}
#vignetteBody #vignetteContent #vignettes {margin:10px 0 0 0; height:369px;}
#vignetteBody #vignetteContent #vignettes .watchThisBtn a{background:url(../fr/images/vignettes/btn_watch_this.gif) no-repeat; display:block; height:24px; width:159px; text-decoration:none; margin:6px 0 5px;}
#vignetteBody #vignetteContent #vignettes .pledgeThis a{background:url(../fr/images/vignettes/btn_pledge.gif) no-repeat; height:27px; display:block; text-decoration:none; width:215px;}

/* applies to individual vignettes*/
#vignetteBody #vignetteContent #vignettes #vignette_one { background: url(../fr/images/vignettes/vignette_01.jpg) no-repeat top center; float:left; width: 215px; margin:0 6px 0 4px;}
#vignetteBody #vignetteContent #vignettes #vignette_one a.v_link{border:0px solid red; width: 215px; height:163px; display:block; text-decoration:none;}
#vignetteBody #vignetteContent #vignettes #vignette_one  p{margin:60px 0 0; line-height:16px;}
#vignetteBody #vignetteContent #vignettes #vignette_one p.small{font-size:11px; color:#7f7f7f; margin:0;}	

#vignetteBody #vignetteContent #vignettes #vignette_two { background: url(../fr/images/vignettes/vignette_02.jpg) no-repeat top center; float:left; width: 215px; margin:0 7px 0 8px;}
#vignetteBody #vignetteContent #vignettes #vignette_two a.v_link{border:0px solid red; width: 215px; height:163px; display:block; text-decoration:none;}
#vignetteBody #vignetteContent #vignettes #vignette_two  p{margin:44px 0px 0px 0px; line-height:16px;}
#vignetteBody #vignetteContent #vignettes #vignette_two p.small{font-size:11px; color:#7f7f7f; margin:0;}	

#vignetteBody #vignetteContent #vignettes #vignette_three { background: url(../fr/images/vignettes/vignette_03.jpg) no-repeat top center; float:left; width: 215px; margin:0 12px 0 7px;}
#vignetteBody #vignetteContent #vignettes #vignette_three a.v_link{border:0px solid red; width: 215px; height:163px; display:block; text-decoration:none;}
#vignetteBody #vignetteContent #vignettes #vignette_three  p{margin:58px 0px 0px 0px; line-height:16px;}
#vignetteBody #vignetteContent #vignettes #vignette_three p.small{font-size:11px; color:#7f7f7f; margin:0;}	

/* bottom callouts */
#callouts_container
{ padding:9px 0 0 0; clear:both; margin:5px 0 0 6px; }


/* vignette modals */
#divVignettes_01{ margin:46px 0 0; padding:45px 0 0; border:0px solid red; background:transparent url(../fr/images/vignettes/bg_vignette_01.gif) no-repeat scroll 0 0; height:411px; width:381px; z-index:100000000;}
#divVignettes_02{ margin:46px 0 0; padding:45px 0 0; border:0px solid red; background:transparent url(../fr/images/vignettes/bg_vignette_02.gif) no-repeat scroll 0 0; height:411px; width:381px; z-index:100000000;}
#divVignettes_03{ margin:46px 0 0; padding:45px 0 0; border:0px solid red; background:transparent url(../fr/images/vignettes/bg_vignette_03.gif) no-repeat scroll 0 0; height:411px; width:381px; z-index:100000000;}

.modal_content_container {width:350px; border:0px solid pink;margin:3px 0 0 14px;}

.TB_closeAjaxWindow a{ background: url(../fr/images/vignettes/close.gif) no-repeat top right; border:0px solid red; float:right; height:22px; margin:-46px 0px 0 0; text-decoration:none; width:23px; display:block;}
.modal_content_container  p{margin:-8px 0 0 9px; width:353px; line-height:16px; font-size:12px; font-family:arial; }
.modal_content_container p.small{font-size:11px; color:#7f7f7f;margin:0px 0 0 9px; }	
.hidden { visibility: hidden; overflow: hidden; }

#share_container {background: url(../fr/images/vignettes/spread_the_word.gif) no-repeat; width:332px; height:127px; float:left; margin:0 10px 0 -4px;}
#share_container a{background: url(../fr/images/btn_share_it_small.gif) no-repeat bottom right; width:78px; height:24px; display:block; padding:88px 0 0 18px;}

#spread_container {background: url(../fr/images/vignettes/tell_someone_close_to_you.gif) no-repeat; width:332px; height:127px; float:left;}
#spread_container a{background: url(../fr/images/btn_spreadTheWork_brownMatte.gif) no-repeat bottom right; width:78px; height:24px; display:block; padding:62px 0 0 45px;}