﻿html { min-height:100%; height:auto !important;  }

/* clearfix */
html .clearfix { height: 1%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* { margin: 0; padding: 0; }

body { font-family: Arial; font-size: 12px; color: #414141; background:url(../images/master/site_bg_gradient.gif) repeat-x; min-height:100%; height:100%;  height:auto !important;  padding: 0; margin: 0 !important;  }
h2 { font-size: 20px; color: #d80000; font-weight:bold; font-family: Arial; }
h3 { font-size: 15px; font-family:Arial; color:#414141;}
h4 { font-size: 13px; color: #dd252b; font-family: Arial, Georgia; }
form { height: 100%; }
a { color: #DD252B; }
a:hover { text-decoration: underline; cursor:pointer;}
a.button { display: block; text-decoration: none; overflow: hidden; width: 100%; height: 100%; }
.hidden { visibility: hidden; overflow: hidden; }
#primary li h4, #primary li p { visibility: hidden; margin: 0; padding: 0; height: 1px; overflow: hidden; }
.justify {text-align:justify;}
/* User control Icons */
.addIcon {padding:4px 0 0 9px;}
.typeIcon {padding: 2px 4px 6px 6px; width:263px; word-wrap:break-word; }
.red{color:#DD252B;}

/* Master Page */
#container { position: relative; margin: 0 auto; width: 999px; border:solid 0px red;}
#footer { text-align: center; color: #9e9e9e; font-size: 10px; clear:both; padding:40px 0px 0px 0px; border:solid 0px blue;}
#footer p { margin: -8px 0 0 0; }
#right_column { float: left; width:219px; margin:0 0 0 0px; border:solid 0px pink;}
#left_column { width: 780px; float: left; border:solid 0px purple; padding:0; margin:0;}
#content { height: 100%; }
#divider {background:url(../images/master/content_gradient.gif) repeat-y; border:solid 1px white;}
#headPledge #pledges_literal{float:left; margin:-3px 6px 0 4px; display:inline; width:auto; border:solid 0px pink;}
#content p, #content span, #content blockquote, #content li { line-height: 20px; }
#literal p{font:arial; font-size:14px; font-weight:bold; color:#d80000;}


#nav { width: 219px; height: 100%; overflow: hidden; background-color:White;}
#nav ul#utility { width: 209px; height: 33px;  margin: 5px 0 10px 5px; list-style-type: none; }
#nav ul#primary { list-style-type: none; padding: 0; margin: 0; width: 209px; padding: 0 0 0 9px; }
#nav ul#utility .language a{text-decoration:none;}

#nav ul#primary li { position: relative; padding-bottom: 10px; }
#nav ul#primary li a{ text-decoration:none;}
.navButton { display: block; text-decoration: none; overflow: hidden; width: 200px; height: 78px; background:url(../images/master/nav_buttonImage.gif) no-repeat;}
.navButton a { display: block; text-decoration: none; overflow: hidden; width: 100%; height: 100%; }
.navButton_redDress { display: block; text-decoration: none; overflow: hidden; width: 200px; height: 78px; background:url(../images/master/nav_buttonImage_redDress.png) no-repeat; }
#ctl00_body_content_ostMemberPledgeCount_divPledgeCount h2{background:url(../images/profile_heart.gif) no-repeat; width: 20px; height:20px; float:left; height:27px; width:39px;}
#ctl00_body_content_ostMemberPledgeCount_UpdatePanel1{overflow:hidden; padding:0 0 9px; font-size:0.95em; position:relative;}

/* Default OST Page */
#about_content_container{margin:0 0 0 4px; overflow:hidden; width:771px; }
#about_container {height:100%; overflow: hidden; margin:0 0 0 16px;}
#about_container #profile_head{width:500px;}
#about_copy { width: 225px; height: 100%; overflow:hidden; display:inline; float:left;}
#about_copy_container {float:left;}
#about_webisodes h2{ background:url(../images/home_webisode.jpg) no-repeat; width:508px; height:387px; }
#about_webisodes h2.webisodeSmall{ background:url(../images/home_webisode_small.jpg) no-repeat; width:455px; height:321px; }  
.icon_tv {background: url(../images/icon_webisode.gif) no-repeat; width:auto; height:auto;}
#about_webisodes { float:left; width:508px; height:482px; margin:0 0 0 0px;}
#about_webisodes p{ margin:-5px 0 0 0px; } 
#about_webisodes .title{ float:right; margin:-34px -73px 0 0;} 
#about_webisodes #titles{height:30px; overflow:hidden; width:480px;}
#about_webisodes #webisode_content{ padding:0px 0px 0px 30px; }
#about_webisodes #webisode_content #watch_this{border-right:1px solid lightGrey; float:left; margin:10px 0 0; width:154px;} 
#about_webisodes #webisode_content #watch_this a{margin:0 0 0 20px; text-decoration:none; color:#dd252b;} 
#about_webisodes #webisode_content #view_all_webisodes {float:left; padding:10px 0 0 21px; width:166px;}
#about_webisodes #webisode_content #view_all_webisodes a{margin:0 0 0 20px; text-decoration:none; color:#dd252b;} 
.userControlDisclaimer{ height:43px;  margin: 10px 0 0 0; width:500px;}
.userCreated {background:url(../images/icon_legend_person.gif) no-repeat; height:12px; margin:12px 0 12px 6px; float:left; width:702px; }
.userCreated p{ font-family:Arial; font-size:11px; color:#888886; line-height:1.2em; margin:0 0 0 15px;}
.userCreated a{ font-family:Arial; font-size:11px; color:#DD252B; line-height:1.2em; }
.ctrl_bottom_corners{ background:url(../images/master/ctrl_bottom_corners.gif) no-repeat; width:362px; height:12px; }
#home_HealthDisclaimer p{font-family:Arial; font-size:11px; color:#888886; line-height:1.2em; margin:0 0 0 25px; width:92%;}
#about_content_container .legend .webisode{ background:url(../images/icon_legend_webisode.gif) no-repeat; float:left; width:66px; margin:5px 0 0 24px; }
#about_content_container .legend .makePledge{ background:url(../images/icon_legend_add.gif) no-repeat; float:left; width:93px; margin:7px 0 0 22px; padding:0 10px 0 0; }
#about_content_container .legend .alreadyPledged{ background:url(../images/icon_legend_remove.gif) no-repeat; float:left; width:100px; margin:7px 0 0;}

#about_content_container .legend .webisode{ background:url(../images/icon_legend_webisode.gif) no-repeat; float:left; width:66px; margin:5px 0 0 24px; }
#about_content_container .legend .makePledgeFR{ background:url(../images/icon_legend_add_fr.gif) no-repeat; float:left; width:175px; margin:7px 0 0 0px; padding:0 10px 0 0; }
#about_content_container .legend .alreadyPledgedFR{ background:url(../images/icon_legend_remove_fr.gif) no-repeat; float:left; width:275px; margin:7px 0 0; }

#about_content_container .legend{margin:8px 0px 0px 22px; width:600px; border-top:none;}

/* About */
#default_container {float:left; width:602px; padding:0 0 0 5px;}
#default_container #copy_container #text{float:left; width:259px;}
#default_container #copy_container #text p.start{margin-top:4px;}
#default_container #copy_container #img{ background:url(../images/about_heart.jpg) no-repeat; float:right; height:275px; width:327px; padding:0 0 13px;}
#default_container #callout_container { background:url(../images/about_three_image_callout.jpg) no-repeat; height:245px; width:599px; margin:22px 0 22px -2px; }
#default_container #callout_container #copy {float:right; width:329px; margin:5px 10px 0 0; padding: 0;}
#default_container #callout_container #copy p.bulletInfo {margin:10px 5px 0 1px; padding:0 0 1px 6px;}
#default_container #callout_container #copy a{ text-decoration:none; color:#d10d13; margin:14px 0 0;}
#default_container #copy_container{width:595px;}
#default_container #callout_container2 { background:url(../images/about_three_image_callout2.jpg) no-repeat; height:245px; width:599px; margin:22px 0 22px -2px; }
#default_container #callout_container2 #copy {float:right; width:329px; margin:1px 10px 0 0; padding: 0;}
#default_container #callout_container2 #copy p.bulletInfo {margin:8px 5px 0 1px; padding:0 0 4px 6px;}
#default_container #callout_container2 #copy a{ text-decoration:none; color:#d10d13; margin:14px 0 0;}


/* Used on all controls */
.ctrl_content {background: url(../images/master/ctrl_gradient.gif) repeat-x; width:360px; clear:left;  border-left:1px solid #cecfcf; border-right:1px solid #cecfcf; }



/* Used just on Most Popular User control */
#ctrl_popular {float:left; margin:5px 0 0 24px; display:inline; }
#ctrl_popular .ctrl_content .legend {width:360px; height:28px; border-top:1px solid #cecfcf; margin:0;}
.legend .makePledge{ background:url(../images/icon_legend_add.gif) no-repeat; float:left; width:100px; margin:7px 0 0 32px; padding:0 10px 0 0; }
.legend .alreadyPledged{ background:url(../images/icon_legend_remove.gif) no-repeat; float:left; width:100px; margin:7px 0 0; }
.legend .webisode{ background:url(../images/icon_legend_webisode.gif) no-repeat; float:left; width:66px; margin:5px 0 0 24px; }
.ctrl_content_copy {padding:5px;}
.legend .makePledgeFR{ background:url(../images/icon_legend_add_fr.gif) no-repeat; float:left; width:175px; margin:7px 0 0 16px; padding:0 10px 0 0; }
.legend .alreadyPledgedFR{ background:url(../images/icon_legend_remove_fr.gif) no-repeat; float:left; width:275px; margin:7px 0 0; }
#about_content_container #ctrl_recent .legend{width:360px; height:28px; border-top:1px solid #cecfcf; margin:0;}

#about_content_container #ctrl_recent .legend .webisode{ background:url(../images/icon_legend_webisode.gif) no-repeat; float:left; width:66px; margin:5px 0 0 24px; }
#about_content_container #ctrl_recent .legend .makePledge{ background:url(../images/icon_legend_add.gif) no-repeat; float:left; width:100px; margin:7px 0 0 22px; padding:0 10px 0 0; }
#about_content_container #ctrl_recent .legend .alreadyPledged{ background:url(../images/icon_legend_remove.gif) no-repeat; float:left; width:100px; margin:7px 0 0;}


/* Used on My most recent pledges / Others most recent pledges*/
#ctrl_pledges_rfh {float:left; margin:10px 0 0;}
#ctrl_pledges {float:left; margin:10px 0 0;}
#ctrl_pledges_header {height:36px; width:362px;}
#ctrl_pledges_header h3{margin:10px 0 0 45px; position:absolute;}


#is_there_one_small_thing {float:left; margin:22px 0 0; }
#watch_videos {float:left; margin:10px 0 0;}


/* List Webisode Page */
.index {float:left; margin:0 0 0 18px; width:137px; display:inline;}
.index p{padding:0 21px 0 0; text-align:right; width:110px;}
.pager_more_webisodes_top { float:right; margin:-32px 11px 0 0;}
a#ctl00_body_content_ucWebisodeList_ucPagerCommentsBottom_btnNext { display: block; float: right; width: 202px; height: 25px; margin: 0; padding: 0; text-decoration: none; cursor: pointer; }
a#ctl00_body_content_ucWebisodeList_ucPagerCommentsBottom_btnPrev { display: block; float: right; width: 154px; height: 25px; margin: 20px 0 0 0; padding: 0; text-decoration: none; cursor: pointer;  }
.displaying_content {border:1px solid #e0d1b4; height:27px; margin:15px 0 0 11px;}
.displaying {margin:-25px 0 0 19px; width:300px; font-family:Arial; letter-spacing:0.8px;}
.displaying .red{color:#dd252b;}

.resultBlock { background: url(../images/master/resultBlock_gradient.gif) no-repeat bottom; width:586px; margin:14px 0 0 13px;}
.resultBlock .leftColumn{float:left; display:inline; width:137px; height:127px; }
.resultBlock .rightColumn{float:left; display:inline; width:400px; margin:8px 0 0 17px;}
.resultBlock hr { display: none; }
.resultBlock a { text-decoration: none; margin: 5px 0px 5px 0px; display: block; }
.resultBlock a:hover { text-decoration: underline; }
.resultBlock span.resultsInfo { color: #aaa9a9; font-size: 85%; margin: 5px 0 0 0; display: block; }
.alertIcon { display: block; padding: 0 0 0 25px; border: 0px solid yellow; background: url(../images/icon_alarm.gif) no-repeat; }
#webisode_list_container {float:left; width:602px; margin:0 0 0 -21px; display:inline;}

/* Webisode Categories Page */
#webisode_categories_container {float:left; width:602px; display:inline; }
#webisode_categories_container .ost_left_column{float:left; width:135px;}
#webisode_categories_container .ost_right_column{float:left; width:449px; padding:0 0 18px;}

#webisode_categories_container .gradient{ background: url(../images/master/resultBlock_gradient.gif) no-repeat bottom; padding:29px 0 0; width:600px;}
.btn_view_all {padding:5px;}

/* Profile page */
#profile_holder {float:left; width:606px; display:inline; }
#profile_holder .ctrl_bottom_corners{ background:url(../images/master/ctrl_bottom_corners_small.gif) no-repeat; width:292px; height:12px; }
#my_ost_profile .ctrl_content{ width:290px;}
#profile_holder #left_side{ float:left; width:295px;}
#profile_holder #right_side{ float:left; padding:0 0 0 15px; width:295px; display:inline;}
#profile_holder .ctrl_content{ width:290px;}

#profile_holder #legend {float:left; width:600px; margin-top: 10px;}
#profile_holder #legend #makePledge{ background:url(../images/icon_legend_add.gif) no-repeat; float:left; width:100px; margin:7px 0 0 0px; padding:0 10px 0 0; }
#profile_holder #legend #alreadyPledged{ background:url(../images/icon_legend_remove.gif) no-repeat; float:left; width:100px; margin:7px 0 0; }
#profile_holder #legend #webisode{ background:url(../images/icon_legend_webisode.gif) no-repeat; float:left; width:66px; margin:5px 0 0 15px; }
#profile_holder .userControlDisclaimer{ float:left; width:550px;}
#profile_holder .userCreated {background:url(../images/icon_legend_person.gif) no-repeat; height:12px; margin:7px 0 0 0px;}
#profile_holder .userCreated p{ font-family:Arial; font-size:11px; color:#888886; line-height:1.2em; margin:0 0 0 19px;}
#profile_holder .userCreated a{ font-family:Arial; font-size:11px; color:#DD252B; line-height:1.2em; }

#profile_holder #legend #makePledgeFR{ background:url(../images/icon_legend_add_fr.gif) no-repeat; float:left; width:175px; margin:7px 0 0 0px; padding:0 10px 0 0; }
#profile_holder #legend #alreadyPledgedFR{ background:url(../images/icon_legend_remove_fr.gif) no-repeat; float:left; width:275px; margin:7px 0 0; }


/* webisode categories */
#webisode_categories_container #legend {float:left; width:588px; border-top:dotted 1px #868686; margin:16px 0 0;}
#webisode_categories_container #legend #makePledge{ background:url(../images/icon_legend_add.gif) no-repeat; float:left; width:100px; margin:7px 0 0 0px; padding:0 10px 0 0; }
#webisode_categories_container #legend #alreadyPledged{ background:url(../images/icon_legend_remove.gif) no-repeat; float:left; width:100px; margin:7px 0 0; }
#webisode_categories_container #legend #webisode{ background:url(../images/icon_legend_webisode.gif) no-repeat; float:left; width:66px; margin:5px 0 0 24px; }
#webisode_categories_container .userControlDisclaimer{ float:left; width:550px;}
#webisode_categories_container .userCreated {background:url(../images/icon_legend_person.gif) no-repeat; height:12px; margin:7px 0 0 0px;}
#webisode_categories_container .userCreated p{ font-family:Arial; font-size:11px; color:#888886; line-height:1.2em; margin:0 0 0 19px;}
#webisode_categories_container .userCreated a{ font-family:Arial; font-size:11px; color:#DD252B; line-height:1.2em; }
#categories_detail_container {float:left; width:593px; margin:0 0 0 19px; display:inline;}
#categories_detail_container #left_column{float:left; width:320px;}
#categories_detail_container #right_column{float:right; width:250px;}
#categories_detail_container #categories_detail_content_container {margin:20px 0px 20px 0px;}

#webisode_categories_container #legend #makePledgeFR{ background:url(../images/icon_legend_add_fr.gif) no-repeat; float:left; width:173px; margin:7px 0 0 0px; padding:0 10px 0 0; }
#webisode_categories_container #legend #alreadyPledgedFR{ background:url(../images/icon_legend_remove_fr.gif) no-repeat; float:left; width:275px; margin:7px 0 0; }


/* categories Detail page */

#related_webisodes .ctrl_content {width: 238px;}
#recently_added .ctrl_content {width: 238px;}

.ctrl_bottom_corners_small {background:url(../images/master/ctrl_bottom_corners_small_238px.gif) no-repeat; height:12px; width: 240px;}
#categories_detail_container #legend {float:left; width:588px; border-top:dotted 1px #868686; margin:16px 0 0;}
#categories_detail_container #legend #makePledge{ background:url(../images/icon_legend_add.gif) no-repeat; float:left; width:100px; margin:7px 0 0 0px; padding:0 10px 0 0; }
#categories#_detail_container #legend #alreadyPledged{ background:url(../images/icon_legend_remove.gif) no-repeat; float:left; width:100px; margin:7px 0 0; }
#categories_detail_container #legend #webisode{ background:url(../images/icon_legend_webisode.gif) no-repeat; float:left; width:66px; margin:5px 0 0 24px; }
#categories_detail_container .userControlDisclaimer{ float:left; }
#categories_detail_container .userCreated {background:url(../images/icon_legend_person.gif) no-repeat; height:12px; margin:7px 0 0 0px;}
#categories_detail_container .userCreated p{ font-family:Arial; font-size:11px; color:#888886; line-height:1.2em; margin:0 0 0 19px;}
#categories_detail_container .userCreated a{ font-family:Arial; font-size:11px; color:#DD252B; line-height:1.2em; }

#categories_detail_container #legend #makePledgeFR{ background:url(../images/icon_legend_add_fr.gif) no-repeat; float:left; width:175px; margin:7px 0 0 0px; padding:0 10px 0 0; }
#categories_detail_container #legend #alreadyPledgedFR{ background:url(../images/icon_legend_remove_fr.gif) no-repeat; float:left; width:275px; margin:7px 0 0; }

/* webisode page */
#webisode_text_container {width:750px; padding:0 30px 0 30px; }
#webisode_text_container #top_content{overflow:auto;}
#flash_movie{ height:453px; width:614px; float:left;}
#title h4{padding:0 17px 0 0;}
#share_callouts_left {float:left; margin:0 0 0 0px; width:554px; padding:4px 0 19px;}
#embed_txt{float:left;}
#share_callouts_left h3 {float:left; width:200px;}
#share_callouts_right {float:left; width:218px;}
#top_content{overflow:auto;}
#middle_content{height:126px; }
#bottom_content #comments{background:url(../images/master/ctrl_gradient.gif) repeat-x; overflow:hidden; width:539px; border-left:1px solid lightGrey; border-right:1px solid lightgrey;}
#bottom_content #right #poll #content{background:url(../images/master/ctrl_gradient.gif) repeat-x; width:184px; border-left:1px solid lightGrey; border-right:1px solid lightgrey;}
#bottom_content #right #bottom_corners{background:url(../images/master/ctrl_bottom_corners_poll.gif) no-repeat; width:186px; height:12px;}
#bottom_content #right h3 {width:180px; height:8px; margin:12px 0 0 1px;}
#bottom_content #left #bottom_corners_comments{background:url(../images/master/ctrl_bottom_corners_comments.gif) no-repeat; width:541px; height:28px;}
.pageNumbers{margin:20px;}
.webisode_disclaimer p{color:#888886; font-family:Arial; font-size:11px;}

#host_content{overflow:auto; width:538px; border-bottom:dotted 1px lightgrey;}
#image_host{float:left; padding:5px; width:85px;}
#host_info{float:left; width:406px;}
.host_title {font-family:arial; font-weight:bold; font-size:12px; width:491px;}
.user_comments{width:491px; padding:7px;}
#bubble{background:url(../images/comment_balloon.gif) no-repeat; height:14px; margin:6px 0 0 8px; padding:0 5px 0 0; width:18px; float:left;}
.btn_respond {padding:0px 35px 0px 0px;}
.webisode_disclaimer{float:left; width:702px;}
#divCommentButtons {width:490px; height:20px; margin:12px 0 -2px 1px;}
.commentButtons{width:491px; border-bottom:dotted 1px lightgrey; padding:7px;}
.pageFeedback{padding:10px 0px 0px 20px;}


#download {float:left; width: 169px;}
#download img{border: none; margin: -3px 0px 0px 4px; height:21px;}
#download img.a{float:left; width: 25px; border:none;}

