/* Project Name: HealthCare Reform Magazine Designed & developed By : Ewebcraft Company URL : http://www.ewebcraft.com email: ewebcraft@gmail.com Developer : Shoaib Yasin */ *{margin:0px; padding:0px;} body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; background:#fff; font-size:12px; line-height:100%; z-index:000; background:#ECF5FF url(../siteimages/background/body.jpg) left top repeat-x; } /**** Global Elements *****/ .left{float:left;} .right{float:right;} .clr{clear:both; margin:0; padding:0; } .center{text-align:center;} .hidden{display:none;} h1,h2,h3,h4,h5,h6,h7,h8{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:100%; } h1{ font-size:20px;} h2{ font-size:22px} h3{ font-size:13px; padding:0; margin:0;} h4{ font-size:13px; } h5{ font-size:11px;} small{font-size:90%;} p{line-height:15px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } strong{font-weight:bold;} p, strong, em, ul, li, ol{color:#282828;} .blue{} .red{color:#0D59B8;} /********************************/ #container { position:relative; width:970px; height:auto; margin:0 auto; padding:0; z-index:001; } #header { position:relative; width:970px; height:162px; margin:0; padding:0; z-index:002; background:url(../siteimages/background/header.jpg) right top no-repeat; } #header .logo{position:relative; width:407px; height:88px; margin:0px; float:left; display:inline; margin-left:10px; background:url(../siteimages/background/brand.jpg) left top no-repeat; margin-bottom:41px;} #header .logo img{border:none;} #header .right-image { position:absolute; left:390px; top:20px; z-index:003; } #header .right-image img{border:none;} #header #right-nav { position:relative; float:right; display:inline; height:19px; background:url(../siteimages/background/right-nav.jpg) left top repeat-x; padding:5px; padding-left:10px; padding-right:10px; color:#fff; } #header #right-nav .l-c { position:absolute; width:15px; height:29px; left:-10px; top:0; z-index:003; background:url(../siteimages/background/right-nav-l-c.jpg) no-repeat; } #header #right-nav .r-c { position:absolute; width:15px; height:29px; right:-10px; top:0; z-index:003; background:url(../siteimages/background/right-nav-r-c.jpg) no-repeat; } #header #right-nav a{position:relative; color:#fff; text-decoration:underline; margin-left:10px; margin-right:10px; text-decoration:none; line-height:18px;} #header #right-nav a:hover{text-decoration:underline; } #navigation { position:relative; width:970px; height:30px; z-index:003; border-bottom:3px solid #3C9BFF; } #navigation ul#menu { position:relative; width:970px; margin:0 auto; list-style:none; } #navigation ul#menu li{position:relative; display:inline; height:30px; display:inline; float:left; font-size:13px; font-weight:bold;} #navigation ul#menu li a{background:url(../siteimages/background/menu-list.jpg) left top repeat-x; line-height:30px; padding-left:20px; padding-right:20px;text-decoration:none; color:#fff; float:left; display:inline;} #navigation ul#menu li a span.l-c { position:absolute; width:10px; height:30px; left:0; top:0; background:url(../siteimages/background/menu-list-l-c.jpg) no-repeat; } #navigation ul#menu li a span.r-c { position:absolute; width:10px; height:30px; right:0; top:0; background:url(../siteimages/background/menu-list-r-c.jpg) no-repeat; } #navigation ul#menu li a:hover,#navigation ul#menu li a.active{background:url(../siteimages/background/menu-list-active.jpg) left top repeat-x;} #navigation ul#menu li a:hover span.l-c,#navigation ul#menu li a.active span.l-c { background:url(../siteimages/background/menu-list-active-l-c.jpg) no-repeat; } #navigation ul#menu li a:hover span.r-c,#navigation ul#menu li a.active span.r-c { background:url(../siteimages/background/menu-list-active-r-c.jpg) no-repeat; } /************************************/ #content { position:relative; width:970px; height:auto; padding:0; z-index:002; background:#fff; padding-bottom:15px; } #content #media { position:relative; width:940px; height:auto; margin:0; padding:0; z-index:003; padding:15px; background:#0F5AAD url(../siteimages/background/media.jpg) left bottom repeat-x; } #media #video { position:relative; width:310px; height:238px; float:left; display:inline; } #media #banner { position:relative; width:612px; height:230px; border:4px solid #E5E5E6; overflow:hidden; float:right; display:inline; } /*****************************/ #search-bar { position:relative; width:970px; height:39px; z-index:004; background:url(../siteimages/background/search-bar.jpg) left top repeat-x; text-align:center; } #search-bar form.search-form { position:relative; padding:0; margin:0 auto; width:540px; height:28px; padding-top:7px; } form.search-form input.input { position:relative; width:250px; border:1px solid #a7a7a7; height:18px; padding:1px; line-height:18px; float:left; display:inline; } form.search-form input.submit{position:relative; float:left; display:inline;} form.search-form span.text{position:relative; float:left; display:inline; font-weight:bold; font-size:14px; line-height:18px; margin-left:10px; margin-right:10px;} form.search-form select { position:relative; width:150px; border:1px solid #a7a7a7; height:auto; padding:1px; line-height:18px; float:left; display:inline; } #search-bar #quick-links { position:absolute; width:970px; height:auto; background:#A8ACB2; padding-bottom:4px; left:0; top:39px; z-index:005; } #quick-links .quick-content { position:absolute; width:962px; left:0; top:0; height:auto; background:#fff; display:none; text-align:left; padding-bottom:10px; border-bottom:#676767; border:4px solid #A8ACB2; z-index:007; } .quick-content h1{position:relative; margin:5px; color:#173A7C; margin-bottom:0;} .quick-content .category { position:relative; width:300px; height:auto; float:left; display:inline; margin:5px; } .quick-content .category h2{position:relative; color:#000; font-family:"Trebuchet MS"; font-size:16px; margin-bottom:7px;} .quick-content .category p{color:#15346D; line-height:15px; font-family:Tahoma; margin-bottom:3px;} .quick-content .category p strong{color:#0D59B8;} .quick-content .category p a{color:#15346D; text-decoration:none;} .quick-content .category p a:hover{text-decoration:underline; color:#000;} /***************************/ #search-bar #quick-links img.quick-button{position:absolute; left:250px; bottom:-10px; cursor:pointer; z-index:006;} #search-bar #quick-links .quick-content img.quick-button{position:absolute; bottom:-14px;} /*************************************************/ #content #text { position:relative; width:610px; height: auto; background:#FFFFFF; float:left; display:inline; z-index:003; padding:0px; padding-top:20px; margin-top:15px; margin-left:15px; } #text h1.page-head{position:relative; font-size:16px; color:#056839; font-family:Tahoma;line-height:22px; margin:0; padding:0; margin-bottom:15px; width:590px; } #content p.disclaimer { position:relative; margin:15px; font-size:12px; text-align:justify; margin-bottom:0; } #text .block { position:relative; width:610px; height:auto; z-index:003; margin-bottom:10px; } #text .block h1{position:relative; font-size:18px; line-height:20px; margin-bottom:10px; color:#0E59AC; background:url(../siteimages/background/article-head.jpg) left top repeat-x; padding:10px; border:1px solid #A3C5EC;} .block #interview-container { position:relative; width:610px; height:auto; z-index:003; } .block #interview-container p.tabs{position:relative; margin-left:10px; top:1px; z-index:004;} .block #interview-container p.tabs span.tab{position:relative; width:165px; height:27px; background:url(../siteimages/background/tab-active.gif) left top no-repeat; float:left; display:inline; text-align:center; line-height:24px; color:#fff; font-weight:bold; z-index:004; cursor:pointer; z-index:004; } .block #interview-container p.tabs span.second{position:relative; left:-28px;} .block #interview-container p.tabs span.active{background:url(../siteimages/background/tab.gif); z-index:005;} #interview-container .interviews { position:relative; width:585px; height:auto; background:#2D65B6; border:1px solid #1D509A; z-index:003; padding:10px; margin:0 auto; display:none; } #interview-container .interviews .item { position:relative; width:105px; height:105px; float:left; display:inline; padding:6px; z-index:004; } #interview-container .interviews .active{background:#fff;} #interview-container .interviews .item .image{position:relative; width:103px; height:103px; border:1px solid #fff; overflow:hidden; text-align:center; z-index:005;} #interview-container .interviews .item .image img{border:none;} #interview-container .interviews .item .image img.play{position:absolute; z-index:006; left:6px; top:70px;} #interview-container .interviews .summary { position:relative; width:565px; height:auto; background:#fff url(../siteimages/background/summary.jpg) left bottom repeat-x; padding:10px; display:none; } #interview-container .interviews .summary h2{font-size:13px; color:#14326E; line-height:18px; margin-bottom:10px; height:18px; overflow:hidden;} #interview-container .interviews .summary h2 a{text-decoration:none; color:#14326E;} #interview-container .interviews .summary h2 a:hover{text-decoration:underline;} #interview-container .interviews .summary p{height:35px; line-height:16px; overflow:hidden; margin-bottom:10px;} #interview-container .interviews .summary a.more{color:#0D59B8; text-decoration:none; background:url(../siteimages/background/read-more.png) right 3px no-repeat; padding-right:10px;} #interview-container .interviews .summary a.more:hover{text-decoration:underline;} /**********************************/ #text .block .article-list { position:relative; width:610px; height:auto; margin-bottom:15px; } #text .block .article-list .image { position:relative; width:103px; height:65px; float:left; display:inline; border:1px solid #1D4489; overflow:hidden; text-align:center; } #text .block .article-list .image img{border:none;} #text .block .article-list .description { position:relative; width:493px; height:80px; float:right; display:inline; } #text .block .article-list .description h2{position:relative; font-size:11px; font-family:Tahoma; color:#14326E; line-height:14px; height:30px; overflow:hidden;} #text .block .article-list .description h2 a{color:#183F84; text-decoration:none;} #text .block .article-list .description h2 a:hover{color:#056839;} #text .block .article-list .description p.author{position:relative; color:#0D59B8; font-size:10px;} #text .block .article-list .description p{line-height:15px; margin-bottom:3px; height:18px; overflow:hidden;} #text .block .article-list .description a.more{color:#0D59B8; text-decoration:none; background:url(../siteimages/background/read-more.png) right 3px no-repeat; padding-right:10px;} #text .block .article-list .description a.more:hover{color:#14326E;} /****************************************/ #content #text .content-text { position:relative; width:600px; height:auto; margin-bottom:10px; } .content-text .top-bar { position:relative; width:590px; height:auto; padding:5px; background:url(../siteimages/background/top-sep.jpg) 50% 100% no-repeat; padding-bottom:5px; margin-bottom:10px; } .top-bar div.left-date{position:relative; width:290px; height:auto; float:left; display:inline; } .top-bar div.left-date p{font-size:12px; color:#282828; line-height:22px;} .top-bar div.extra-links{position:relative; width:290px; height:auto; float:right; display:inline; } .top-bar div.extra-links p{position:relative; float:right; display:inline; } .top-bar div.extra-links p a{position:relative; color:#163878; font-size:12px; line-height:22px; text-decoration:none; padding-left:40px; margin-right:10px; float:left; display:inline;} .top-bar div.extra-links p a.email{background:url(../siteimages/images/email.jpg) left top no-repeat;} .top-bar div.extra-links p a.print{background:url(../siteimages/images/print.jpg) left top no-repeat;} .top-bar div.extra-links p a.return{background:url(../siteimages/images/return.jpg) left top no-repeat;} .top-bar div.extra-links p a:hover{color:#0D59B8;} .content-text .main-image{position:relative; width:600px; height:auto; padding-bottom:20px; background:url(../siteimages/background/top-sep.jpg) 50% 100% no-repeat; text-align:center; margin-bottom:10px;} .content-text h1{font-family:Tahoma; font-size:17px; line-height:22px; margin-bottom:10px; color:#14326E;} .content-text h2{font-family:Tahoma; font-size:15px; line-height:22px; margin-bottom:10px; color:#0D59B8;} .content-text h3{font-family:Tahoma; font-size:15px; line-height:22px; margin-bottom:10px; color:#14326E;} .content-text h2{font-family:Tahoma; font-size:13px; line-height:18px; margin-bottom:10px; color:#0D59B8;} .content-text p{position:relative; margin-bottom:10px; line-height:16px; text-align:justify;} .content-text p em,.content-text em{font-style:italic;} .content-text a{color:#0D59B8; text-decoration:underline;} .content-text a:hover{color:#14326E; text-decoration:none;} .content-text .archived { position:relative; float:right; display:inline; } .content-text ul,.content-text ol { position:relative; list-style:none; margin-bottom:10px; } .content-text ul li,.content-text ol li { position:relative; padding-left:12px; background:url(../siteimages/background/read-more.png) left 3px no-repeat; line-height:17px; margin-bottom:4px; } #text .article-item { position:relative; width:600px; height:auto; padding-bottom:15px; background:url(../siteimages/background/top-sep.jpg) left bottom no-repeat; margin-bottom:10px; } #text .article-item h2{position:relative; color:#14326E; font-family:Tahoma; font-size:14px; line-height:20px; margin-bottom:10px;} #text .article-item h2 a{ color:#14326E; text-decoration:none;} #text .article-item h2 a:hover{color:#0D59B8; text-decoration:underline;} #text .article-item .image{position:relative; width:103px; height:65px; float:left; display:inline; border:1px solid #1D4489; overflow:hidden; text-align:center; float:left; display:inline;} #text .article-item .image img{border:none;} #text .article-item .description{position:relative; width:490px; height:auto; float:right; display:inline; } #text .article-item .description p{position:relative; line-height:16px; margin-bottom:5px;} #text .article-item .description p.author{color:#0D59B8;} #text .article-item .description p a.more{color:#0D59B8; text-decoration:none; background:url(../siteimages/background/read-more.png) right 3px no-repeat; padding-right:10px;} #text .article-item .description p a.more:hover{color:#14326E;} /*****************************/ #text .issue-item { position:relative; width:140px; height:auto; margin:5px; float:left; display:inline; text-align:center; } #text .issue-item img{border:none;} #text .issue-item img.issue-image{border:1px solid #0D59B8;} #text .issue-item h2{position:relative; margin-top:5px; margin-bottom:5px; font-size:14px; color:#14326E; line-height:18px; } #text .issue-item h2 a{color:#14326E; text-decoration:none;} #text .issue-item h2 a:hover{color:#0D59B8; text-decoration:underline;} #text .issue-item h3{position:relative; margin-top:5px; margin-bottom:5px; font-size:13px; color:#0D59B8; line-height:18px; } #text .issue-item h3 a{color:#0D59B8; text-decoration:none;} #text .issue-item h3 a:hover{color:#14326E; text-decoration:underline;} #text .separator{position:relative; background:url(../siteimages/background/top-sep.jpg) 50% bottom no-repeat; width:600px; height:30px; margin:0; padding:0; margin-bottom:10px;} #text a.more-articles { position:relative; width:auto; height:auto; margin-bottom:15px; font-size:13px; color:#0D59B8; font-weight:bold; text-decoration:underline; background:url(../siteimages/background/read-more.png) right 3px no-repeat; padding-right:10px; } #text a.more-articles:hover{text-decoration:none; color:#183D82;} /****************************/ #text form.contact-form { position:relative; width:574px; height:700px; padding:10px; border:3px solid #184084; background:#FFFBEF; } form.contact-form h2{font-size:14px; color:#14326E; line-height:18px; margin-bottom:10px;} form.contact-form p{line-height:16px; margin-bottom:5px;} form.contact-form p.blue{color:#14326E;} form.contact-form p.blue span.red,form.contact-form label.text span.red{color:#0D59B8} form.contact-form label.text{position:relative; width:150px; height:auto; line-height:18px; margin-bottom:10px; text-align:right; font-weight:bold; float:left; display:inline; margin-right:10px; font-size:13px;} form.contact-form input.input{position:relative; width:200px; height:18px; padding:1px; border:1px solid #14326E; margin-bottom:10px; } form.contact-form img.captcha{position:relative; margin-left:160px; margin-bottom:10px; border:1px solid #0D59B8; } form.contact-form textarea{position:relative; width:350px; height:100px; padding:1px; border:1px solid #14326E; margin-bottom:10px; } form.contact-form input.submit{position:relative; margin:20px; margin-left:160px; } form.contact-form #messageBox{text-align:center;} form.contact-form #messageBox p{color:#0D59B8;} /***************************/ #content #right-sidebar { position:relative; width:310px; height: auto; margin:0; padding:0; float:right; display:inline; z-index:003; padding:10px; padding-top:20px; background:url(../siteimages/background/right-sidebar.jpg) left top repeat-y; border-bottom:1px solid #A3C5EC; } #right-sidebar .block { position:relative; width:310px; height:auto; margin-bottom:10px; } #right-sidebar .ads{text-align:center;} #right-sidebar .ads img{border:none;} #right-sidebar .ads p{margin-bottom:10px;} #right-sidebar #issue{width:288px; border:1px solid #878D59; background:#FEBF05 url(../siteimages/background/issue.jpg) left top repeat-x; padding:10px;} #right-sidebar #issue .detail { position:relative; width:180px; height:auto; float:left; display:inline; } #right-sidebar #issue .detail h1{font-size:18px; font-family:"Trebuchet MS"; line-height:22px; color:#000;} #right-sidebar #issue .detail p{color:#0D59B8;} #right-sidebar #issue .detail img.download{border:none; margin:10px;} #right-sidebar #issue .image { position:relative; width:90px; height:auto; float:right; display:inline; } #right-sidebar #issue .image img{border:none;} #right-sidebar #issue-block { position:relative; width:308px; height:auto; background:#c7c7c7 url(../siteimages/background/issue-block.jpg) left top repeat-x; border:1px solid #878D59; text-align:center; } #right-sidebar #issue-block img.main-issue-image{position:absolute; left:30px; top:90px; border:none;} #right-sidebar #feeddiv { position:relative; width:288px; height:auto; padding:10px; background:#f2f2f2; border:1px solid #a3a3a3; } #right-sidebar #feeddiv h1{position:relative; font-size:14px; margin-bottom:15px; color:#429337;} #right-sidebar #feeddiv ul { position:relative; width:288px; height:auto; list-style:none; } #right-sidebar #feeddiv ul li { position:relative; line-height:16px; margin-bottom:5px; background:url(../siteimages/background/read-more.png) left 5px no-repeat; padding-left:15px; } #right-sidebar #feeddiv ul li a{color:#173A7C; text-decoration:none;} #right-sidebar #feeddiv ul li a:hover{text-decoration:underline;} /***************************************/ #container #footer { position:relative; width:930px; height:auto; background:#14326E url(../siteimages/background/footer.jpg) left top repeat-x; z-index:002; text-align:center; padding:20px; } #footer p{color:#fff; line-height:16px; } #footer p a{color:#fff; margin-left:5px; margin-right:5px; text-decoration:none; } #footer p a:hover{text-decoration:underline;} #footer .copy{position:relative;} #footer .copy p{font-size:11px; color:#879EDE; margin-left:5px;} #footer p.develop{font-size:11px; color:#879EDE; margin-left:5px;} #footer p.develop a{margin:0;} /****************************************/ .comment{ background-color:#f4f4f4; border:1px solid #bdbcbd; padding:10px;} .comment .text{ background-color:#FFF; border:1px solid #0e60ac; color:#666666; line-height:14px;} .comment td{ padding:10px;} .comment input[type=text], textarea{ border: 1px solid #0e60ac;} .comment input[type=text]{ width:240px; height:25px} .comment td img.captcha{position:relative; margin-left:122px; border:1px solid #0e60ac; } .comment td .error{color:#990000; padding-left:5px} .com_detail{ padding:10px; border-collapse:collapse;} .com_detail td{ color:#666666; font-size:12px; font:Arial;} .com_detail td a{ text-decoration:none; cursor:pointer;} .com_detail h1{ font-size:14px; color:#666666; margin-top:12px; margin-bottom:12px} .com_detail .text{ background:#f4f4f4;} .com_detail .text td{ padding:10px 5px 10px 10px; border-bottom:2px solid #408cb3;} .com_detail .text td .img{ float:left; margin-right:10px} .com_detail .text td .name{ color:#0d60ab; font-size:18px;} .com_detail .description{ padding:10px 10px 30px 10px;} .com_detail .description p{ color:#666666; font-size:12px; font:Arial;} .events_tbl{ width: 100%; position:relative; margin:0 auto; line-height:1.3em; } .events_tbl hr{ margin:5px 0;} .events_tbl .title{ height:26px; } .events_tbl .title span{ color:#fff; font-size:16px; } .events_tbl .title span, .events_tbl .title strong, .events_tbl .title em{ color:#fff !important; } #banner .banner { position:relative; margin:0; padding:0; } #banner .banner img{position:absolute; left:0; top:0; z-index:001;} #banner .banner img.active{z-index:002;}