@import url("reset.css");

/* ---------- General styles ---------- */
body { font-family:Arial; font-size:11px; color:#333; background:#f3f3ec url(http://d1y8nt8ezaydyh.cloudfront.net/body.jpg) repeat-x;}
.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear floated columns */
a {text-decoration:none; color:#0086cd;}
a:hover { text-decoration:underline}
p { line-height:1.2em; padding:3px 0;}
h1.title { font:bold 12px Tahoma; text-transform:uppercase; color:#fff; height:27px; line-height:27px; padding:0 0 0 32px; margin:0 0 5px 0;}
h2.title { font:bold 13px Arial; text-transform:capitalize; color:#fff; height:23px; line-height:23px; padding:0 0 0 23px;margin:0 0 5px 0;}
.left { float:left;}
.right { float:right;}

/* ---------- Header styles ---------- */
.top_text { text-align:center; color:#fff; font-size:11px; padding:10px 0 5px 0;}
#header { width:1002px; height:157px; background:#fff; margin:auto;}
#header .logo { float:left; padding:5px 0 0 14px;}
#header .top-banner { width:728px; height:90px; float:right; padding:5px 10px 3px 0;}
#header #nav { background:url(http://d1y8nt8ezaydyh.cloudfront.net/nav_bg.png) no-repeat; width:983px; height:55px; margin:3px auto 0 auto; clear:both}
#header #nav ul li { float:left; font-weight:bold; padding:5px 8px 0px 8px; text-transform:uppercase}
#header #nav ul li a { color:#fff;}
#header #nav .blue_nav { color:#fff; height:26px; font-size:12px;}
#header #nav .gray_nav { color:#333; font-size:14px; height:29px;}
#header #nav .gray_nav a { color:#333;}
#header #nav .gray_nav ul { float:left}
#header #nav .gray_nav ul li { padding:7px 10px 0 8px;}
#header #nav .gray_nav .search { float:right; padding:3px 8px 0 0;}
#header #nav .gray_nav .search .sinp { width:210px; height:12px; background:#fffadb url(http://d1y8nt8ezaydyh.cloudfront.net/search_bg.jpg) repeat-x; border:solid 1px #ffa000; padding:3px;}
#header #nav .gray_nav .search .sbut { background:url(http://d1y8nt8ezaydyh.cloudfront.net/search.png) no-repeat; width:74px; height:22px; cursor:pointer; border:none;}

/* ---------- Heading Titles---------- */
.videos h1 { background:url(http://d1y8nt8ezaydyh.cloudfront.net/video_hd.jpg) no-repeat;}
.newsletter h1 { background:url(http://d1y8nt8ezaydyh.cloudfront.net/heading_bg.jpg) repeat-x; padding:0 0 0 8px;}
.mediwidget h1 { background:url(http://d1y8nt8ezaydyh.cloudfront.net/heading_bg.jpg) repeat-x; padding:0 0 0 8px;}
.latest h1 { background:url(http://d1y8nt8ezaydyh.cloudfront.net/latest_posts_hd.jpg) no-repeat;}
.cf_poll h1 { background:url(http://d1y8nt8ezaydyh.cloudfront.net/poll_hd.jpg) no-repeat;}
.tagBox h1 { background:url(http://d1y8nt8ezaydyh.cloudfront.net/heading_bg.jpg) repeat-x;padding:0 0 0 8px;}
.in-the-news h1 { background:url(http://d1y8nt8ezaydyh.cloudfront.net/heading_bg.jpg) repeat-x;padding:0 0 0 8px;}
.nutrition h1 { background:url(http://d1y8nt8ezaydyh.cloudfront.net/heading_bg.jpg) repeat-x;padding:0 0 0 8px;}
.sblock h2 { background:url(http://d1y8nt8ezaydyh.cloudfront.net/sheading_bg.jpg) no-repeat;}


/* ---------- Center styles ---------- */
#center { width:982px; height:auto; background:#fff; margin:6px auto 0 auto; padding:10px; overflow:hidden;}
#center .left-part { width:333px; height:auto; float:left; padding:0 0 5px 0;}
#center .left-part .video_embed { width:314px; height:259px; margin:auto}
#center .right-part { width:640px; height:auto; float:right; padding:0 0 5px 0;}
#center .left-part-form { width:665px; height:auto; float:left; }
#center .right-part-form { width:312px; height:auto; float:right; padding:0 0 5px 0;}
#center .full { width:100%; height:auto; }
.block { border:solid 1px #f5f5f5; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; padding:0 0 10px 0; float:left}
.sblock { width:238px; padding:0 0 10px 0; float:left; margin:5px 5px 0 0;}

.medi-widget { text-align:center; padding:14px 0 8px 0; clear:both;}

/* ---------- Videos Block ---------- */
.videos .np { padding:3px 8px;}
.videos .np strong { color:#017ec1;}
.videos .npv { background:#f0eded; width:149px; height:110px; padding:7px 4px; float:left; margin:0 0 0 8px;}
.videos .npv .vthumb { width:72px; height:72px;}
.videos .npv p { padding:8px 0; clear:both;}
.videos .npv a { color:#333333;}

/* ---------- Newsletter Block ---------- */
.newsletter {width:330px; height:160px;}
.newsletter ul { font-weight:bold; padding:0 0 0 8px;}
.newsletter ul li { padding:1px 0;}

/* ---------- MediWidget Block ---------- */
.mediwidget {width:330px;}
.mediwidget ul { font-weight:bold; padding:0 0 0 8px;}
.mediwidget ul li { padding:1px 0;}

/* ---------- Membership Block ---------- */
.membership { width:640px; height:77px; position:relative}
.membership .join_now { float:right; padding:42px 0 0 0;}

/* ---------- Latest forum posts &  Latest blog posts Blocks ---------- */
.latest { width:314px; margin:5px 0 6px 0;}
.latest ul { padding:5px 10px;}
.latest ul li { background:url(http://d1y8nt8ezaydyh.cloudfront.net/li_bg.jpg) repeat-x; border-bottom:dotted 1px #ccc; padding:4px 5px;}
.latest ul li a { color:#333; font-weight:bold}
.latest.blogs { float:right}

/* ---------- Galleries Block ---------- */
.galleries { border:solid 1px #f2f2f2; height:89px; background:url(http://d1y8nt8ezaydyh.cloudfront.net/galleries.jpg) no-repeat left; margin:0 0 5px 0; clear:both;}
.galleries ul { padding:0 0 0 30px}
.galleries ul li { float:left; padding:7px;}

/* ---------- CF Poll Submit your question Block ---------- */
.cf_poll { width:325px; height:auto;}
.cf_poll p { padding:1px 8px 2px 8px;}
.cf_poll .vote { float:left}
.cf_poll .vpolls { float:left; padding:5px 0 0 0;} 

/* ---------- In The News Block ---------- */
.in-the-news { width:310px;} /* ORIGINAL WIDTH 334px */
.in-the-news .inews { width:317px; height:254px; margin:auto; overflow:auto}
.in-the-news .inews h1 {color:#0086cd; font-size:15px; font-weight:normal; background:none; padding:5px 0 0 0;}
.in-the-news .inews small { color:#bbb4b1; font-size:10px;}

/* ---------- Cystic Fibrosis Nutrition  Block ---------- */
.nutrition { width:334px; margin:0 0 0 6px;}
.nutrition ul { padding:5px 10px;}
.nutrition ul li { background:url(http://d1y8nt8ezaydyh.cloudfront.net/li_bg.jpg) repeat-x; border-bottom:dotted 1px #ccc; padding:4px 5px;}
.nutrition ul li a { color:#333; font-weight:bold}

/* ---------- What is Cystic Fibrosis?  Block ---------- */
.what_is { background:url(http://d1y8nt8ezaydyh.cloudfront.net/what_is.jpg) no-repeat; width:297px; height:293px; font-family:tahoma; font-size:12px;}
.what_is h2 { font-size:12px; padding:0 10px;}
.what_is p { padding:62px 10px 3px 10px; line-height:1.1em;}
.what_is ul { padding:0 10px 0 30px}
.what_is ul li { list-style-type:disc}

/* ---------- Donate  Block ---------- */
.donate ul { padding:0 5px 0 10px}
.donate ul li a { color:#000;}

/* ---------- Great Strides  &Events Blocks ---------- */
.strides p, .events p { padding:3px 0px; margin:0 8px; border-bottom:dotted 1px #333333;}


/* ---------- Footer Banner ---------- */
.footer_banner { text-align:center; padding:20px 0;}

/* ---------- Subscribe Block ---------- */
.subscribe td { vertical-align:middle}
.subscribe .inp { width:218px; height:16px; padding:2px; border:solid 1px #dddddd}
.subscribe .submit { background:url(http://d1y8nt8ezaydyh.cloudfront.net/submit.jpg) no-repeat; width:74px; height:22px; border:none; cursor:pointer}

/* ---------- Footer Styles ---------- */
#footer { width:982px; height:auto; margin:6px auto 0 auto; padding: 5px 10px 30px 10px; overflow:hidden;}
#footer a { color:#333;}

/* ---------- MediWidget Homepage Styles ---------- */
#mediwidget_homepage { padding-left:10px; padding-right:10px; }
#mediwidget_homepage h2 { font-size:14px; color:#017ec1; font-weight:bold; border-bottom:#CCC dotted 1px; }
#mediwidget_homepage a { text-decoration:none; }
#mediwidget_homepage .description { font-size:14px; color:#000; }
#mediwidget_homepage .link { font-size:12px; font-weight:bold; }

/* ---------- Registration Form Novartis Styles ---------- */
.normal_text { font-size:14px;}
.bold_text { font-weight:bold;}
.btn_submit { background:url(http://d1y8nt8ezaydyh.cloudfront.net/submit.jpg) no-repeat; width:74px; height:22px; border:none; cursor:pointer}
.unbold_text {font-weight:normal; color:#000}
.red_text {color:#F00; font-weight:bold}

/* ---------- CF Center Search Styles ---------- */
#centersearch { text-align:center; }
#centersearch .sbut { background:url(http://d1y8nt8ezaydyh.cloudfront.net/search.png) no-repeat; width:74px; height:22px; cursor:pointer; border:none;}
#search_content { border:#CCC 1px solid; border-top:none; margin-top:10px; }
#search_content .result { position:relative; clear:both; padding:10px 5px 38px 10px; width:623px; display:block; border-top:#CCC 1px solid; height:20px; }
#search_content .result .rank { float:left; position:relative; background:url(../../cfcenter/images/map-l020g5.png) no-repeat scroll 0 -89px transparent; height:22px; top:-3px; width:20px; text-align:center; font-weight:bold; padding-top:3px; }
#search_content .result .info { float:left; padding-left:10px;}
#search_content .result .info h3 { font-size:12px; font-weight:bold; margin-bottom:3px; color:#0086cd; }
#search_content .result .info .listingAddress { font-size:11px; display:inline; }
#search_content .result .info .BusinessPhone { display:block; font-weight:bold; font-size:12px; }
#detail_content { border-top:#CCC 1px solid; margin-top:10px; }
#detail_content .result { float:left; padding-top:5px; }
#detail_content .result h1 { font-size:16px;}
#detail_content .result .BusinessPhone { display:block; font-weight:bold; font-size:12px; }
.topsubmit { background:url(http://d1y8nt8ezaydyh.cloudfront.net/submit.jpg) no-repeat; width:74px; height:22px; border:none; cursor:pointer}

/* ---------- CF Center Search Styles ---------- */
.Title { background:#0086cd; font-size:16px; color:#FFF; font-weight:bold; padding-left:10px; }
.welcomeText { font-size:12px; font-family:Verdana, Geneva, sans-serif; }
.blackmenuBar  { color:#000000; padding-left:10px; padding-right:10px; }

#context { font-size:14px; }


/* --------- POLL ARCHIVE ----------- */
#pollHeader { border:#CCC 1px solid; background:#EBECED; }
#pollHeader h3 { font-size:14px; width:600px; margin:10px; }
#pollHeader .votes {text-align:right; width:340px;}
#pollHeader .counter {font-weight:bold; font-size:16px; }
#pollResults { border:#CCC 1px solid; border-top:none; margin-bottom:10px; width:auto; }

/* --------- REGISTRATION PAGE ----------- */
#registration { border: 1px solid #CCC;font-size:12px; }
#registration h3 { padding:10px;font-size:14px; }
#registration p { padding:10px; }
#TabMenu { height:40px;width:100%; }
.MenuTab { background-color:#F5F5F5;border:1px solid #CCCCCC;color:#565656;cursor:pointer;display:block;float:left;font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;font-size:100%;font-weight:bold;line-height:130%;margin:0;padding:5px 10px 6px 7px;text-decoration:none; }
.htabs { list-style:none outside none; }
.orange { color:#F26532; }

/* JERRY PAGE */
#center .left-part-jerry { width:640px; height:auto; float:left; padding:0 0 5px 0;}
#center .left-part-jerry h1, #center .right-part-jerry h1 {font-size:16px; padding-bottom:5px;}
#center .right-part-jerry { width:330px; height:auto; float:right; padding:0 0 5px 0;}
#center .right-part-jerry li {font-size:14px;}
#center .sideText {font-size:16px; font-weight:bold;}
.boomer {font-size:20px; color:#000; font-weight:bold;}