body { background: #eee !important; font-family: Arial, Helvetica, sans-serif; } /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ @font-face { font-family: 'MuseoSans500'; src: url("/fonts/museosans_500-webfont.eot"); src: url("/fonts/museosans_500-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/museosans_500-webfont.woff") format("woff"), url("/fonts/museosans_500-webfont.ttf") format("truetype"), url("/fonts/museosans_500-webfont.svg#MuseoSans500") format("svg"); font-weight: normal; font-style: normal; } /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ @font-face { font-family: 'MuseoSans500Italic'; src: url("/fonts/museosans_500_italic-webfont.eot"); src: url("/fonts/museosans_500_italic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/museosans_500_italic-webfont.woff") format("woff"), url("/fonts/museosans_500_italic-webfont.ttf") format("truetype"), url("/fonts/museosans_500_italic-webfont.svg#") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham-Bold'; src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Bold.otf') format('opentype'), url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf') format('truetype'), url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham-Medium'; src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Medium.otf') format('opentype'), url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf') format('truetype'), url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham-Book'; src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Book.otf') format('opentype'), url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf') format('truetype'), url('fonts/Gotham-Book.svg#Gotham-Book') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham-Light'; src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Light.otf') format('opentype'), url('fonts/Gotham-Light.woff') format('woff'), url('fonts/Gotham-Light.ttf') format('truetype'), url('fonts/Gotham-Light.svg#Gotham-Light') format('svg'); font-weight: normal; font-style: normal; } h1 { font-size:26px; color: #4f1c91; line-height:22px; margin-top:5px; margin-bottom:5px; } ul.breadcrumbs::after { clear: both; content: ""; display: block; height: 0;} .clear { clear:both; height:0px; } .header { /* margin-bottom:87px; */ } #columns_0_columncenter_0_hlOpportunities, #columns_0_columncenter_0_hlOpportunities { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .main .opportunity p { margin-bottom: 0; } .opportunity p { font-size: 13px; line-height: 18px; padding: 11px 15px; margin-top:0px; } .opportunity h3 { line-height:35px !important; } /*20may*/ .mobMedKitCont { margin-top:5px;} /*8may*/ .subNav ul ul { background: none repeat scroll 0 0 #fafafa; border: medium none; margin-bottom: 0; padding: 3px 0 14px; } .portlets .thePortlet ul.links { margin: 0 0 5px 10px; padding: 0; } .portlets .thePortlet ul.links li { font-size: 12px; line-height: 12.5px; margin-bottom: 15px; } .portlets .thePortlet ul.links li a { font-size:14px; } .twoCol .main h2 { margin-top: 0; padding-bottom: 0; } .twoCol h2 { margin-top: -5px; padding-bottom: 15px; } h2 { color: #5b5557; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; margin-bottom: 9px; } /*8may*/ /*contact btn*/ .news-title a { font-weight:normal !important;} #columns_0_columnright_0_hlLink { margin-top:0px !important; margin-bottom:20px !important; } #columns_0_columnright_1_hlLink { margin-top:20px !important; margin-bottom:0px !important; } .oneCol #rotator { height:150px; } .oneCol #rotator .message { height:130px; width:300px; } /*contact btn css ends*/ .threeColContent .main #rotator { height:165px; } .threeColContent .main #rotator .message { height:140px; width:300px; } .threeColContent .main #rotator p { margin: 8px 0; } .threeColContent .main #rotator #thumbs { /*margin: 9px 0 0 -3px; padding-left: 4px; padding-bottom: 10px; padding-top: 5px; position: absolute; top: 353px; width: 280px;*/ background: rgba(0, 0, 0, 0) url("/images/PPDI/services/thumbs.png") no-repeat scroll 50% 0; bottom: 10px; margin: -51px 0 0 -3px; padding-left: 4px; padding-top: 10px; position: absolute; width: 280px; } /*.threeColContent .main #rotator #thumbs { background: rgba(0, 0, 0, 0) url("/images/PPDI/services/thumbs.png") no-repeat scroll 50% 0; bottom: 10px; margin: 14px 0 0 -3px; padding-left: 4px; padding-top: 10px; position: absolute; width: 280px; }*/ .clearfix:after { visibility:hidden; height:0px; clear:both; content:""; display:block; } .bg-news { /*background: url(/images/PPDI/sub/bg_news.jpg) no-repeat 50% 0; */} a.therss { display: block; width: 20px; height: 20px; float: left; text-indent: -9999px; background: url(/images/PPDI/icons/rss.png) no-repeat; margin-right: 15px; margin-left:15px; } /*h1 a.therss, h3 a.therss { margin: 3px 0px 5px 10px; display:inline; width:14px; height: 14px; background-image: url(/images/PPDI/icons/rssNews.png); background-position: 2px 2px; padding: 2px; border:1px #E7E4E5 solid; }*/ h1 a.therss, h3 a.therss { margin: 3px 0px 5px 10px; display:inline; width:14px; height: 14px; height: 30px; text-indent: -9999px; width: 30px;background-image: url(/images/PPDI/icons/connected.png); padding: 2px; border:1px #E7E4E5 solid; } .IN-widget {float:left !important; } ul.breadcrumbs { margin: -6px 0 21px; padding-left:0;} ul.breadcrumbs li { background: url("/images/PPDI/icons/breadCrumb.png") no-repeat 0 4px; font-size: 11px; float: left; padding-left: 10px; margin-right: 8px; } ul.breadcrumbs li a { color: #768EA1; } ul.breadcrumbs li a:hover, ul.breadcrumbs li a:focus { color: #4f1c91; } ul.breadcrumbs li.home { background: none; padding: 0; } ul.breadcrumbs li.current { background: url("/images/PPDI/icons/breadCrumbCurrent.png") no-repeat 0 4px; color: #4f1c91; margin-left: 4px; } /*11Apr */ .subNav .portlets { margin-left: 0px; float: none; margin-bottom:10px; } .portlets .blockPort { background: #fbfafa; border:#d3d3d3 1px solid; padding-bottom: 8px; } .portlets .blockPort h2 { border-color:#d3d3d3; border-width: 0px 0px 1px 0px; background: #f1f1f1; color:#5BBF21; padding: 7px 0px 5px 7px; margin-bottom: 5px; } .portlets .thePortlet h2, .portlets .blockPort h2, .divide h2 { border: 1px solid #D3D3D3; border-width: 1px 0; color:#4B8E10; font-size: 1.6em; font-family: 'MuseoSans500', Arial, Helvetica, sans-serif; font-weight: normal; padding: 6px 9px; margin-bottom: 12px; } .moreInfo { clear: left; } .portlets .thePortlet .seeAll, .portlets .blockPort .seeAll, .portlets .blockPort .readMore, .features .readMore, .main .portlets .thePortlet .readMore { background: url(/images/PPDI/icons/seeAll.png) repeat-x 0 0; padding: 10px 0 0px 11px; } .portlets .blockPort .seeAll, .portlets .blockPort .readMore { clear: left; font-size: 0.87em; line-height: 2.2em; margin: 0 5px 0 8px; padding: 6px 0 5px;} .portlets .blockPort .seeAll, .portlets .blockPort .readMore { clear: left; font-size: 0.87em; line-height: 2.2em; margin: 0 5px 0 8px; padding: 6px 0 5px;} .portlets .blockPort .readMore { font-size: 8.5px; line-height: 14px; padding-top: 9px; margin-top: 4px; padding-bottom: 9px; padding-left:0px; } .subNav .portlets .moreInfo h4 { color:#000; font-size:10.4px; font-weight:bold; line-height:12px; margin:0; padding:0px;} .subNav .portlets .moreInfo p { margin:0; padding:0; } a.addthis_button, a.careersLogin { display: block; width: 75px; height: 22px; background: url(/images/PPDI/sub/share.png) no-repeat; text-indent: -9999px; float: right; margin-bottom: 20px; } .mainWrapper{ width:960px; margin:auto;} .rightBlock{ float:right; width:734px; margin-bottom:20px;} .subNav::after {clear:both; content:""; visibility:hidden; display:block; height:0px;} .subNav::before {clear:both; content:""; visibility:hidden; display:block; height:0px;} .subNav{ width:175px; float:left; } .subNav ul{ border:1px solid #d3d3d3; background:#efefef; margin:0px; padding:0px;} .subNav ul li{ border-bottom:1px solid #d3d3d3; list-style-type:none;} .subNav ul li a{ font:normal 12px/11px Arial, Helvetica, sans-serif; color:#5a7690; text-decoration:none; display:block; padding:8px 20px 10px 13px;} .subNav ul li a:hover{ color:#4f1c91;} .subNav ul li a.current{ font-weight:bold; background:url(/images/PPDI/sub/subNavActive.png) repeat-x #efefef;} .subNav ul ul { background: none repeat scroll 0 0 #fafafa; border: medium none; margin-bottom: 0;} .subNav li.current a.current { border-bottom: 1px solid #d3d3d3; } /*.subNav li.active a.current { border-bottom: 1px solid #d3d3d3; }*/ /*.subNav li.active ul li.last a { padding:0px 0 0 13px; border-bottom: 1px solid #d3d3d3; color:#5a7690; }*/ .subNav li a.current { color: #4f1c91; font-weight: bold; } .subNav .portlets .blockPort .readMore span { display:inline-block; } .subNav .portlets .blockPort .readMore a { margin-top:1px; margin-right:5px; } .subNav ul ul ul { padding-left:13px; padding-bottom:0px; } .portlets .blockPort .seeAll a, .portlets .blockPort .readMore a, .features .readMore a, .main .portlets .thePortlet .readMore a { background: url("/images/PPDI/icons/seeAllArrow.png") no-repeat scroll 100% 5px rgba(0, 0, 0, 0); font-size: 14px !important; padding-right: 11px; } .portlets .thePortlet .seeAll a { background: url("/images/PPDI/icons/seeAllArrow.png") no-repeat scroll 100% 5px rgba(0, 0, 0, 0); font-size: 14px !important; padding-right: 11px; } .subNav li.active li { border: medium none; } .subNav li.active li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: medium none; margin-bottom: -1px; padding: 8px 18px 0 13px; } .subNav li.active li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: medium none; margin-bottom: -1px; padding: 8px 18px 0 13px;} .subNav a.contactBtn{ display:block; border:1px solid #d3d3d3; background:url("/images/PPDI/sub/contactArrow.jpg") left center #f4f4f4 no-repeat; padding:0 0 0 33px; text-decoration:none; color:#5bbf21; font-size:22px; font:normal 20px 'MuseoSans500', Arial, Helvetica, sans-serif; line-height:36px; margin:20px 0 0 0;} .subNav a.contactBtn{margin-bottom:20px;} .subNav a:hover.contactBtn{ display:block; border:1px solid #d3d3d3; background:url("/images/PPDI/sub/contactArrow_Hover.jpg") left center #f4f4f4 no-repeat; padding:0 0 0 33px; text-decoration:none; color:#4f1c91; line-height:36px; margin:20px 0 20px 0;} .pagination{ border-bottom: 1px solid #d3d3d3; height: 38px; padding: 11px 14px 0;} .pagination .sort{color: #5b5557; float: left; font-size: 12px;} .pagination .sort select { margin-left: 5px; margin-top: -3px;} .paginate{ float:right; color: #999093; font-size: 12px; width:130px; } .news .paginate{ width:200px; } .news .paginate ul { float: right; padding-left:0px; left: 0; margin-left: 2px; margin-top:0px; margin-bottom:0px; margin-right: 0px; position: relative; top: -1px; list-style: outside none none;} .paginate ul li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; font-size: 12px; color: #5b5557; margin: 0 0 10px; padding: 0 0 0 10px;} .paginate ul li.current a { color: #4f1c91; font-weight: bold;} .paginate ul li.prev a, .paginate ul li.next a { background: url("/images/PPDI/icons/pagerArrows.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0); display: block; height: 8px;position: relative; text-align: left; text-indent: -9999px; top:1px; width: 7px; } .news .paginate ul li.prev a, .paginate ul li.next a { top:5px; } .twoCol{ float:left; margin-left:21px;width: 513px;} .twoCol h1{ font:normal 26px 'MuseoSans500', Arial, Helvetica, sans-serif; color:#4f1c91; margin:0 0 8px 0; height:35px;} .twoCol h1 span{float: left; } .twoCol .main{ float: left; width:100%; } .twoCol .main .news{ border: 1px solid #d3d3d3; margin-top: 10px;} .twoCol .main .news .article{ background:#fbfafa; padding:0 12px; border-bottom:1px solid #d3d3d3;} .twoCol .main .news .article .date{ width:107px; float:left; margin:0px; padding:22px 0 0 0; color:#5bbf21; font:normal 12px Arial, Helvetica, sans-serif; } .twoCol .main .news .article .content{ float:right; width:380px; padding:15px 0; background:none;} .twoCol .main .news .article .content h4{ margin-bottom:7px;} .twoCol .main .news .article .content h4 a{ font:bold 16px/17px Arial, Helvetica, sans-serif; color:#5a7690; text-decoration:none; } .twoCol .main .news .article .content h4 a:hover{ color:#4f1c91;} .twoCol .main .article .content p{ font:normal 12px Arial, Helvetica, sans-serif; color:#5b5557; } .twoCol .main .article .content p a{ text-decoration:none; color:#5a7690; font-weight:bold;} .twoCol .main .article .content p a:hover{color:#4f1c91;} .portlets{ float: right; margin-left: 24px; width: 176px; margin-top:38px;} .portlets .blockPort{ background: none repeat scroll 0 0 #fbfafa; border: 1px solid #d3d3d3; padding-bottom: 8px;} .portlets .blockPort h2{ color:#5bbf21; margin-top:0px; font:normal 16px 'MuseoSans500', Arial, Helvetica, sans-serif; border-bottom:1px solid #d3d3d3; padding:0 0 0 8px; line-height:27px; background:#f1f1f1; margin-bottom:5px;} .portlets .blockPort span{ display:block;} .portlets .blockPort .name{ font-size:14px; color:#5b5557; padding-bottom:2px;} .portlets .blockPort .title{ font-size:12px; color:#999093; padding-bottom:5px;} .portlets .blockPort .phone{ font-size:12px; color:#5b5557; padding-bottom:5px;} .portlets .blockPort .email{ font-size:12px; color:#999093; padding-bottom:5px;} .portlets .blockPort .email a{font-size:12px !important; color:#5a7690;} .portlets .blockPort .email a:hover{ color:#4f1c91;} .portlets .blockPort p{color: #5b5557; font-size: 12px; padding: 9px 4px 6px 9px; line-height:14px;} .content{background: none repeat scroll 0 0 #fff; padding: 20px 25px 100px;} .mobContact a.contactBtn{ display:none;} .portlets a.contactBtn{ display:block; border:1px solid #d3d3d3; background:url("/images/PPDI/sub/contactArrow.jpg") left center #f4f4f4 no-repeat; padding:0 0 0 33px; text-decoration:none; color:#5bbf21; font-size:22px; font:normal 20px 'MuseoSans500', Arial, Helvetica, sans-serif; line-height:36px; margin:0px 0 20px 0;} .portlets a:hover.contactBtn{ display:block; border:1px solid #d3d3d3; background:url("/images/PPDI/sub/contactArrow_Hover.jpg") left center #f4f4f4 no-repeat; padding:0 0 0 33px; text-decoration:none; color:#4f1c91; line-height:36px; margin:0px 0 20px 0;} /*8May*/ .portlets .blockPort .moreInfo p { line-height:16px; font-size:12px; padding:0 4px 6px 9px; } /*8May*/ /*detail page css*/ .detailPage{ width:100%;} h1.detailpageHeading {height:auto !important; line-height:27px; margin-bottom:0px; } .twoCol h1{ height:auto !important; line-height:28px;} .twoCol h2.newsSubTitle{ font:normal 22px/20px 'MuseoSans500', Arial, Helvetica, sans-serif; color:#5b5557; margin:8px 0 9px 0;} .main .detailPage .newsArticle .date{font-size:13px; margin:4px 0 12px 0; text-align:left; padding:0px 0 0px 0; color:#5b5557; font-style:italic;} .main .detailPage .newsArticle .newsSharing{ height:38px; margin-bottom:16px; background:url("/images/PPDI/sub/newsSharing.png") repeat-x; width:100%; padding-top:10px;} .detailPage .twoCol .main{ float:none;} .main .detailPage .newsArticle p{ margin:0 0 18px; padding:0; font:normal 14px/18px Arial, Helvetica, sans-serif; color:#5b5557;} .main .detailPage a, .middleCol a, .rightCol a {color: #5a7690; font-weight: bold;} .main .detailPage a:hover{color:#4f1c91;} .main .detailPage .articleInfo { background: url("seeAll.png") repeat-x scroll 0 8px rgba(0, 0, 0, 0); clear: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 0; padding: 20px 0 0;} .main .detailPage .newsArticle .moreContent {background: none repeat scroll 0 0 #fafafa; border: 1px solid #d3d3d3; clear: both; margin-bottom: 17px; margin-top: 9px;} .main .detailPage .newsArticle .moreContent .columns{ padding:7px 16px 7px;} .main .detailPage .newsArticle .moreContent .columns h3{ padding-bottom: 6px; margin-bottom: 11px; padding-top: 6px; color:#5b5557; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; border-bottom: 1px solid #d3d3d3; font-size: 16px; font-weight:normal;} .main .detailPage .newsArticle .moreContent ul { margin:0px; padding:0px; } .main .detailPage .newsArticle .moreContent ul li{ margin:0 0 10px; padding:0px; list-style-type:none;} .main .detailPage .newsArticle .moreContent ul li a{ font-weight:normal; font:normal 12px Arial, Helvetica, sans-serif;} .portlets .portlets { float:none; margin:0px; width:100%; } .portlets .portlets .slide h3 { margin:0; line-height:14px; } .portlets .slideHolder{ width:100%;} .portlets .slideHolder .slide .devide h2{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #d3d3d3; border-image: none; border-style: solid; border-width: 1px 0; color: #4b8e10; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin-bottom: 5px; line-height:16px; padding: 6px 9px;} .portlets .slideHolder .slide h3 a{ color: #5a7690; font-size: 12px !important; font-weight:bold;} .portlets .slideHolder .slide h3 a:hover{ color:#4f1c91;} .portlets .slideHolder .slide p.date{ font-size: 12px; line-height:12px; margin-bottom: 12px ; margin-top: 4px;} /*detail ends*/ /*media kit starts*/ .twoCol .main .mediaKit h4{ color: #5bbf21; font-size: 16px; font-weight: normal; line-height: 17px; margin: 3px 0 5px;} .twoCol .main .mediaKit p {color: #5b5557; font-size: 14px; line-height: 18px; margin-bottom: 18px; margin-top:0px;} .twoCol .main .mediaKit p a{color: #5a7690; font-weight: bold;} .main .mediaKit ul { margin: -3px 0 20px 13px; padding:0; } .main .mediaKit ul li ul { margin-top:8px; } .main .mediaKit ul li ul li { line-height:14px; } .twoCol .main .mediaKit p a:hover{ color:#4f1c91;} .rightBlock .portlets a.contactBtn{ display:block; border:1px solid #d3d3d3; background:url("/images/PPDI/sub/contactArrow.jpg") left center #f4f4f4 no-repeat; padding:0 0 0 33px; text-decoration:none; color:#5bbf21; font-size:22px; font:normal 20px 'MuseoSans500', Arial, Helvetica, sans-serif; line-height:36px; margin:20px 0 0px 0;} .rightBlock .portlets a:hover.contactBtn{ display:block; border:1px solid #d3d3d3; background:url("/images/PPDI/sub/contactArrow_Hover.jpg") left center #f4f4f4 no-repeat; padding:0 0 0 33px; text-decoration:none; color:#4f1c91; line-height:36px; margin:20px 0 0px 0;} /*media kit ends*/ /*highlight css starts from here*/ .threeColContent { margin:0 0 20px 0;} .addthis_button { position:absolute; right:26px; } h1.hHeadingHighlight { width:713px; color: #4f1c91; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; font-size: 26px; font-weight: normal; line-height: 98%; margin-bottom: 10px;margin-top:0px;} .threeColContent { float: right; width: 713px;} .threeColContent .main{width: 713px; float:right; } .threeColContent .main .highlightCont{ border-top:1px solid #e7e4e5;border-bottom:1px solid #e7e4e5; padding:14px 0 30px 12px; margin-top:38px; background:#fbfafa;} .threeColContent .main .highlightCont .highlighetCol1{ width:335px; float:left;} .threeColContent .main .highlightCont .highlighetCol1 p{ font:normal 12px Arial, Helvetica, sans-serif; color:#5b5557; margin:0px; padding:0;} .threeColContent .main .highlightCont .highlighetCol1 h4{ color: #5bbf21; font-size: 19px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; line-height:20px; margin: 0px 0 15px 0;} .paddL{ padding:0 0 0 25px;} /*highlight css ends*/ /*event Page Css starts*/ .ui-widget{ font-size:11px !important;} .mainWrapper { margin: auto; width: 960px; } .title-left h1 {color: #4f1c91; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; font-size: 26px; font-weight: normal; line-height: 98%; margin-bottom: 17px; margin-left: 0px; width: 100%;} .oneCol { clear: left; float: left; margin-bottom:20px;} #rotator { width: 713px; overflow: hidden; padding: 10px; margin-bottom: 25px; background:url("eventBanner.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);} #rotator .message { background: url(/images/PPDI/services/message.png); width: 297px; padding: 11px 13px 9px 13px; height: 110px; } #rotator .multiply, #rotator.tall .message{ height: 125px; } #rotator h2 { font-family: 'MuseoSans500', Arial, Helvetica, sans-serif; font-weight: normal; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); color: #FFF; font-size: 20px; margin-top: -3px; margin-bottom: 0px; padding-bottom:8px; padding-top: 1px; background: url(/images/PPDI/services/thumbs.png) no-repeat 50% 100%; line-height:1em; margin-right: -6px;} #rotator .multiply h2 { background: none; padding-top: 4px; padding-bottom: 4px; } #rotator a { color: #FFF; } .main #rotator a { font-weight: normal; } .main #rotator strong a { font-weight: bold } #rotator h2 a span.arrow { background: url(/images/PPDI/home/rotatorArrow.png) no-repeat 100% 6px; padding-right: 6px; } #rotator h2 a span.video { background: url(/images/PPDI/icons/tpVideo.png) no-repeat 100% 7px; padding-right: 9px; } #rotator h2 a:hover span.arrow { background-image: url(/images/PPDI/home/rotatorArrowHover.png); } #rotator p { font-size: 14px; line-height: 1; color: #FFF; padding-top: 0px; margin: 8px 0px 8px 0px; padding-left: 2px; } #rotator p a { padding: 2px 12px 2px 0px; } #rotator p a span.arrow { background: url(/images/PPDI/icons/greenArrow.png) 100% 6px no-repeat; padding-right: 5px; padding-top: 0px;} #rotator p a:hover span.arrow { background-position: 100% -12px; } #rotator #thumbs { } .events{ border: 1px solid #D3D3D3 !important; border-bottom: none; } .events{ margin-top: 20px; } .events-corporate > .header-green { font-size:18px; display: block; float: none; margin-bottom: 0; padding: 11px 14px 0;color: #5bbf21; text-transform: uppercase; font-weight: normal; line-height: 0.94; font-family: "MuseoSans500",Arial,Helvetica,sans-serif;} .events-corporate > .header-sub { margin-top: 0; padding: 10px 15px 0; font-size:10px; margin:0;} .events-filters { background: url("/images/PPDI/icons/seeAll.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); margin: 0 14px; padding: 2px 0 12px;} .events-filter:first-child { margin-left: 0;} .events-filter { background: url("/images/PPDI/sub/dropdown-arrow.png") no-repeat scroll 99% 0 rgba(0, 0, 0, 0); box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.2); float: left; margin-left: 10px; padding: 7px 7px 10px 10px; width: 204px;} .events-filter-title { color: #635d5f; display: block; font-family: Arial,sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 12px;} .events-filter-master { background: url("/images/PPDI/icons/seeAll.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); margin-bottom: 4px; padding-bottom: 3px;} .events-filter input[type="checkbox"], .events-filter label { margin: 5px 3px 5px 0; vertical-align: middle;} .events-filter label { color: #5a7690; font-size: 12px; font-weight: bold;} .events-filter input[type="checkbox"], .events-filter label { margin: 5px 3px 5px 0; vertical-align: middle;} .events-filter label.events-date-label { color: #5b5557; display: block; font-size: 12px; font-style: italic; font-weight: normal; margin: 7px 0 0;} .input-wrap { display: block; margin: 1px 3px 5px 0;} .input-wrap > input { margin-right: 5px; width: 85%; padding:0px;} .input-wrap > input, .input-wrap > .ui-datepicker-trigger { vertical-align: middle;} .events-filter label.events-date-label { color: #5b5557; display: block; font-size: 12px; font-style: italic; font-weight: normal; margin: 7px 0 0;} input.events-filter-btn { background: url("/images/PPDI/icons/filter-button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; color: #5a7690;cursor: pointer; display: block; font-size: 12px; font-weight: bold; margin-top: 9px; padding: 4px 0 4px 8px; text-align: left; width: 103%;} input, select { vertical-align: middle;} .event{background:#fbfafa; border-bottom: 1px solid #e7e4e5; min-height: 73px; padding: 18px 13px 10px; } .event p{ font:normal 12px/12px Arial, Helvetica, sans-serif; color:#5b5557; margin:0px; padding:0;} .event .content{background: url("http://www.ppdi.com/images/PPDI/icons/eventDivide.png") repeat-y scroll 100% 12px #fbfafa!important; min-width:150px; float: left; width:420px; padding: 0 38px 0 0;} .event .content h3{ font-size:20px; font-family: Arial,Helvetica,sans-serif; margin:0 0 8px; line-height:20px;} .event .content h3 a{ background: url("/images/PPDI/icons/h2a.png") no-repeat scroll 100% 9px rgba(0, 0, 0, 0); color: #5a7690; font-weight: normal; padding-right: 10px; text-decoration:none; } .event .content h3 a:hover { color:#4f1c91; } .event p.location{ margin:0 0 7px; padding:0; color:#5b5557; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:14px;} .event .date, p.type{ font:normal 12px Arial, Helvetica, sans-serif; margin:4px 0 20px 0;} .event .date label{ font:normal 11px Arial, Helvetica, sans-serif; width:50px; float:left; color:#999093; text-transform:uppercase; padding-bottom:3px;} .event p.type label{ font:normal 11px Arial, Helvetica, sans-serif; width:50px; float:left; color:#999093; text-transform:uppercase; padding-bottom:3px;} .event .date span.date{ color:#5bbf21 ; width:113px; font-size:14px;} .event p.type span.type{ color:#5b5557 ; width:113px; font-size:14px;} .event p.region label{font:normal 11px Arial, Helvetica, sans-serif; width:50px; float:left; color:#999093; text-transform:uppercase; padding-bottom:3px;} .event p.region span.region{color:#5b5557 ; width:113px; font-size:14px;} .meta{ padding-left: 15px;color: #999093;color: #999093; float: left; width: 210px;} .events .pagination { border-bottom: 1px solid #d3d3d3; height: 25px; padding: 11px 14px 0; } /*event pages css ends*/ /*Med Com/Event Detail page Css starts - Updated on 25Mar2015 */ .title-left h1.medComHeading{ margin:0px;} .medCom{ margin-left:0 !important;/*width:710px !important;*/} .noSubNav { float: none; /*width:710px !important;*/ } .medCont .eventSharing, .newsSharing { background: url("/images/PPDI/sub/eventsSocial.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 45px; margin-bottom: 4px; margin-top: -3px; overflow: hidden; padding-top: 10px; } .medCont .eventDetail { background: none repeat scroll 0 0 #f1f1f1; border: 1px solid #d3d3d3; margin-bottom: 17px; padding: 9px; } .medCont .eventDetail .when { margin-right: 25px; } .medCont .eventDetail .where, .eventDetail .when { float: left; padding-top: 5px; width: 189px; } .medCont .eventDetail p.title { border-bottom: 1px solid #d3d3d3; color: #999999; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin-bottom: 8px; padding-bottom: 7px; text-transform: uppercase; margin-top:0px; } .medCont .eventDetail p { line-height: 16px; margin-bottom: 14px; } .main p { color: #5b5557; font-size: 14px; line-height: 1.3; margin-bottom: 18px; font-family:Arial, Helvetica, sans-serif; } .medCont .eventDetail .where, .eventDetail .when { float: left; padding-top: 5px; width: 189px; } .eventDetail p.title { border-bottom: 1px solid #d3d3d3; color: #999999; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin-bottom: 8px; padding-bottom: 7px; text-transform: uppercase; } .eventDetail address { color: #5b5557; font-size: 14px; font-style: normal; line-height: 16px; margin-bottom: 13px; font-family:Arial, Helvetica, sans-serif; } .eventDetail a.directions { background: url("/images/PPDI/icons/directionsArrow.png") no-repeat scroll 100% 5px rgba(0, 0, 0, 0); font-size: 14px; padding-right: 10px; } .main a, .middleCol a, .rightCol a { color: #5a7690; font-weight: bold; } .resourceInfo { background: url("/images/PPDI/sub/eventsSocial.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 14px; padding-top: 21px; } .resourceInfo h2{ font:normal 20px 'MuseoSans500', Arial, Helvetica, sans-serif; color:#5b5557; margin:0;} /*Med Com/Event Detail page Css ends - Updated on 25Mar */ .mainWrapper .row {max-width:100%;} #thumbs { background: url(/images/PPDI/services/thumbs.png) no-repeat 50% 0; top:315px; margin: 14px 0px 0 -3px; padding-top: 10px; width: 280px; position: absolute; bottom: 10px; padding-left: 4px; } #thumbs a { background: url(/images/PPDI/sub/rotator.png) no-repeat -26px 0; width: 19px; height: 19px; display: block; float: left; text-indent: -9999px; margin-right: 7px; } #thumbs a.current, #thumbs a:hover { background-position: 0 0; } /*NEWS AND EVENTS CSS STARTS FROM HERE - Updated on 25Mar*/ a { text-decoration:none;} h1, h2, h3, h4, h5, h6{ font-family:"MuseoSans500",Arial,Helvetica,sans-serif;} .simple-block { background: none repeat scroll 0 0 #fbfafa; border: 1px solid #d3d3d3; margin-bottom: 20px; margin-top: 7px; padding-bottom: 10px; } .simple-block h3 { border-bottom: 1px solid #d3d3d3; color: #5bbf21; font-size: 18px; font-weight: normal; height: 35px; line-height: 36px; margin: 0; padding-left: 14px; text-transform: uppercase; background:#fff; } .simple-block h3 a { background-position: 0 50%; background-repeat: no-repeat; color: #5bbf21; font-weight: normal; padding-left: 31px; text-decoration:none; } .simple-block h3 a:hover{ color:#4f1c91;} .news h3 a { background: url("/images/PPDI/icons/rssborder.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .news-item:after{content:""; visibility:hidden; height:0px; display:block; clear:both;} .news-item { font-size: 13px; margin-top: 15px; } .news-date { float: left; margin-left: 15px; width: 14%; font:normal 14px Arial, Helvetica, sans-serif; } .news-title { float: left; width: 82%; } .news-title a{ font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; line-height:15px; color:#5a7690;} .news-title a:hover{ color:#4f1c91;} .simple-block a { font-weight: normal; } .news-item a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .main a{ color:#5a7690; } .news.simple-block .seeAll { margin: 15px 25px 5px 15px; } .simple-block .seeAll { background-repeat: repeat-x; margin-right: 25px; margin-top: 0; } .simple-block .seeAll { background: url("/images/PPDI/icons/latestNewsDivide.png") repeat-x ; font-size: 1.4em; margin-top: 13px; padding: 10px 0 0; } .simple-block .seeAll a { font:normal 14px Arial, Helvetica, sans-serif; color:#5a7690;} .simple-block .seeAll a:hover{ color:#4f1c91;} .theBlocks { margin-bottom: 15px; } .blocks { background: none repeat scroll 0 0 #fafafa; border: 1px solid #d3d3d3; float: left; height: 148px; margin-right: 14px; margin-top: 16px; padding: 12px 8px 7px 15px; width: 227px; } .third { margin-right: 0; } .blocks h4 { line-height: 1; margin: -1px 0 10px; } .main h4, .middleCol h4, .rightCol h4 { color: #5bbf21; font-size: 16px; font-weight: normal; line-height: 1.16; margin: -1px 0 5px; } .threeCircleHeader h4 {margin:10px !important;line-height:1.5 !important;} .blocks h4 a { background: url("/images/PPDI/icons/h2a.png") no-repeat scroll 100% 58% rgba(0, 0, 0, 0); padding-right: 10px; color: #5a7690; font-weight: bold; } .blocks h4 a:hover{color:#4f1c91;} .blocks p { font:normal 12px Arial, Helvetica, sans-serif; color:#5b5557; } h1.newsAndEventsHeading{ color: #4f1c91; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; font-size: 26px; font-weight: normal; line-height: 98%; margin:0px; margin-bottom:10px; } h1.newsAndEventsHeading a.therss{ background-image: url("/images/PPDI/icons/rssNews.png"); background-position: 2px 2px; border: 1px solid #e7e4e5; display: inline; height: 22px; margin: 3px 0 5px 10px; padding: 2px; width: 20px; margin-left: 10px !important; position: absolute; } /*NEWS AND EVENTS CSS ENDS HERE - Updated on 25Mar*/ /*ppd in news css starts from here */ /*#columns_0_ucTitle_mainHeading { width:713px; float:right; margin-top:0px; color: #4f1c91; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; font-size: 26px; font-weight: normal; line-height: 98%; margin-top: 0px; }*/ h1.ppdInNewsHeading { color: #4f1c91; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; font-size: 26px; font-weight: normal; line-height: 98%; margin-bottom: 10px; margin-top: 0px; width:713px; float:right; } .threeColContent .main .ppdInNewsCont { width: 713px; float: right; } .threeColContent .main .ppdInNewsCont .item { border-bottom: 1px solid #d3d3d3; margin-bottom: 20px; overflow: auto; padding-bottom: 20px; } .threeColContent .main .ppdInNewsCont .item h2 { color: #5b5557; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; font-size: 22px; font-weight: normal; line-height: 20px; margin: 0 0 9px; } .threeColContent .main .ppdInNewsCont .item h2 a { color: #5a7690; font-weight: bold; text-decoration: none; } .threeColContent .main .ppdInNewsCont .item h2 a:hover { color: #4f1c91; } .threeColContent .main .ppdInNewsCont .item .inNewsContent { display: inline; float: left; width: 65%; } .threeColContent .main .ppdInNewsCont .item .inNewsContent p { margin: 18px 0 0 0; color: #5b5557; font: normal 14px/18px Arial, Helvetica, sans-serif; } .threeColContent .main .ppdInNewsCont .item .inNewsContent p.first { margin-top: 0 !important; } .threeColContent .main .ppdInNewsCont .item .logo { float: right; margin-left: 5%; width: 30%; padding-top: 26px; } .threeColContent .main .ppdInNewsCont .item .logo img { height: 50px; width: 150px; } .threeColContent .main .ppdInNewsCont .pagination { border-bottom: 1px solid #d3d3d3; height: 46px; padding: 11px 14px 0; position: relative; } .threeColContent .main .ppdInNewsCont .pagination .paginate { font-family: Arial, Helvetica, sans-serif; color: #999093; font-size: 12px; margin-top: 1px; position: absolute; right: 0; width: 695px; } .pagination .paginate ul li { background:none; } .threeColContent .main .ppdInNewsCont .pagination .paginate a { color: #5a7690; font-weight: bold; text-decoration: none; } .pagination .paginate ul li a { font-weight:normal;} .threeColContent .main .ppdInNewsCont .pagination .paginate a:hover { color: #4f1c91; } .threeColContent .main .ppdInNewsCont .pagination .paginate .numericButton { padding: 5px; } .threeColContent .main .ppdInNewsCont .pagination .paginate strong { color: #5b5557; font-weight: normal; } /*ppd in news css ends here */ /*.bg-services { background: url(/images/PPDI/sub/bg_services.jpg) no-repeat 50% 0; }*/ /* Participate in Clinical Trials */ /*.bg-clinicalTrials { background: url(/images/PPDI/sub/bg_clinical-trials.jpg) no-repeat 50% 0; }*/ /*.bg-therapeutics { background: url(/images/PPDI/sub/bg_therapeutics.jpg) no-repeat 50% 0; }*/ .contentFeature .blocks { width: 345px; float:left; height:auto; border:0px; background: #ffffff; margin-top: 0px; padding:0px; margin-right: 23px;} .contentFeature .second { margin-right: 0px; } .contentFeature h4 { font-size: 22px; margin-top: 17px; margin-bottom: 4px; font-family: 'MuseoSans500', Arial, Helvetica, sans-serif ; } .contentFeature .blocks h4 a { padding-right: 14px; background-position: 100% 10px; } .contentFeature h4 a { color:#5B5557; font-weight: normal; font-family:'MuseoSans500', Arial, Helvetica, sans-serif ; } .contentFeature .blocks p { font-size: 14px; } .main .contentFeature ul { margin-left: 0px; margin-top: -6px} .main .contentFeature ul li { line-height: 14px; } .opportunity h3 { background: url(/images/PPDI/sub/opportunity-h3.jpg) 0px 0px repeat-x; } .opportunity h3 a { background-image: url(/images/PPDI/icons/calendar.png); } .opportunity p { font-size: 13px; padding: 11px 15px; line-height: 14px; } .main .opportunity p { margin-bottom: 0px; } .opportunity p a { font-weight: normal; background: url(/images/PPDI/icons/h2a.png) no-repeat 100% 58%; padding-right: 10px; } .main ul li, .middleCol ul li, .rightCol ul li, .rightCol ul li { background: url("/images/PPDI/sub/li.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0); color: #5b5557; font-size: 14px; line-height: 18px; margin: 0 0 10px; padding: 0 0 0 10px;} .main a, .middleCol a, .rightCol a { color: #5a7690; font-weight: bold; font-family:Arial, Helvetica, sans-serif;} .main a:hover, .main a:focus, .middleCol a:hover, .middleCol a:focus, .rightCol a:hover, .rightCol a:focus { color: #4f1c91;} .subNav .portlets { margin-left: 0px; margin-top:0px; float: none; margin-bottom:10px; } .subNav ul { margin-bottom:20px; } .portlets .thePortlet, .portlets .blockPort { margin-bottom: 20px!important; } .portlets .thePortlet h2, .portlets .blockPort h2, .divide h2 { line-height:16px; border: 1px solid #D3D3D3; border-width: 1px 0; color:#4B8E10; font-size: 16px; font-family: 'MuseoSans500', Arial, Helvetica, sans-serif; font-weight: normal; padding: 6px 9px; margin-bottom: 12px; } .portlets img.fl { float: left; margin: 5px 9px 9px 9px; } .moreInfo { clear:left; } .portlets .thePortlet .seeAll, .portlets .blockPort .seeAll, .portlets .blockPort .readMore, .features .readMore, .main .portlets .thePortlet .readMore { background: url(/images/PPDI/icons/seeAll.png) repeat-x 0 0; padding: 10px 0 0px 11px; } .portlets .blockPort .readMore { font-size: 11.5px; line-height: 14px; padding-top: 9px; margin-top: 4px; padding-bottom: 9px; padding-left:0;} .portlets a { color: #5A7690; font-size:12px; line-height:18px !important;} /* End Participate in Clinical Trials */ /*About Css starts from here*/ .bg-about { /*background: url(/images/PPDI/sub/bg_about.jpg) no-repeat 50% 0; */} .aboutCss p { font: normal 14px/18px Arial, Helvetica, sans-serif; color: #5b5557; margin-bottom: 18px; } .aboutCss p a { color: #5a7690; font-weight: bold; } .aboutCss p a:hover { color: #4f1c91; } .aboutCss h2 { color: #5b5557; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; font-size: 22px; font-weight: normal; line-height: 0.94; margin-bottom: 9px; } .aboutCss ul { padding: 0; margin: -3px 0 20px 13px; } .aboutCss li { background: url("/images/PPDI/sub/li.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0); list-style-type: none; color: #5b5557; font-size: 14px; line-height: 18px; margin: 0 0 10px; padding: 0 0 0 10px; font-family: Arial, Helvetica, sans-serif; } .aboutCss ul li a { font: bold 14px Arial, Helvetica, sans-serif; color: #5a7690; } .aboutCss ul li a:hover { color: #4f1c91; } .aboutCss img { max-width: 100%; } /*About Css starts ends*/ /*Contact css starts*/ .bg-contact { /*background: url(/images/PPDI/sub/bg_contact.jpg) no-repeat 50% 0;*/ } .table{ border-bottom:#e7e4e5 1px solid; border-top:#e7e4e5 1px solid; background-color:#fafafa; padding:10px 0;} .contactRow::after{ clear:both; visibility:hidden; display:block; content:"";} .contactRow{ margin-bottom:10px;} .contactRow .contactLeftPan{ width:115px; float:left; padding: 12px 5px 1px 14px;} .contactRow .contactRightPan{ width:77%; float:right; padding: 12px 5px 1px 14px;} .contactRow .contactRightPan h2{ margin:20px 0 0 0; font-size:26px; font-family: "MuseoSans500",Arial,Helvetica,sans-serif;} .contactRow .contactRightPan h2 a{ font-weight:22px; color:#5a7690; text-decoration:none;} .contactRow .contactRightPan h2 a:hover{ color:#4f1c91;} .contactCss p { color: #5b5557; font-size: 14px; font-family:Arial, Helvetica, sans-serif; line-height: 18px; margin-bottom: 18px;} /*Contact css ends*/ /*FAQ List css starts*/ .anchor { float: right; height: auto; /*margin: 0 0 0 10px;*/ padding-left: 13px; width: 205px; } .anchor h3 { font-size: 18px; margin-top: 0; } .main h3 { color: #5b5557; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; font-weight: normal; line-height: 20px; margin-bottom: 10px; } .main .anchor ul { font-size: 12px; margin: 15px 0 12px; padding:0; } .main .anchor ul li { background-position: 0 4px; font-size: 1em; line-height: 1em; } .main .anchor a { font-weight: normal; } .expand { background: url("/images/PPDI/sub/eventsSocial.png") no-repeat scroll 0 bottom rgba(0, 0, 0, 0); clear: both; font-size: 12px; height: 40px; margin-bottom: 10px; padding: 18px 0 2px; } .expand a { background: url("/images/PPDI/icons/expand.png") no-repeat scroll right center rgba(0, 0, 0, 0); display: block; float: right; font-weight: normal; padding-right: 13px; color:#5a7690; } .category { margin: 18px 0; padding-bottom: 15px; } .main .category h3 { margin-bottom: 8px; margin-top: 0; } .questions { border-top: 1px solid #d3d3d3; font-size: 14px; padding-top: 3px; } .questions a:not(.nostyle) { display: block; margin-top: 6px; outline: medium none; padding: 4px 0; } .questions span.toggle { background: url("/images/PPDI/icons/expand.png") no-repeat scroll center center rgba(0, 0, 0, 0); padding: 5px 13px 5px 10px; } .open span.toggle { background-image: url("/images/PPDI/icons/contract.png"); } .contract a { background-image: url("/images/PPDI/icons/contract.png"); } /*FAQ List css ends*/ @media screen and (max-width:1025px){ /*a.therss { display:none; } h1 a.therss, h3 a.therss { display:none;} a.addthis_button, a.careersLogin { display: none; }*/ #homepageRotator li::before { background-color: rgba(78, 52, 124, 0.85); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } #thumbs { top:348px; } /*FAQ List css starts*/ .anchor { float: none; height: auto; margin: 0 0 10px 0px; padding-left: 2%; width:98%;} /*FAQ List css ends*/ } @media screen and (max-width:1000px){ /*contact css start*/ .contactRow .contactRightPan{ width:86%; float:right; padding: 12px 1% 1px 0%;} .contactRow .contactLeftPan{ width:11%; float:left; padding: 12px 0px 1px 1%;} .contactRow .contactLeftPan img{ max-width:100%;} /*contact css ends*/ /*about css starts*/ .aboutCss object { height: 400px !important; } /*about css ends*/ #thumbs { top:230px; margin: 34px 0 0 -3px !important; } /*participate css*/ .contentFeature .blocks { padding:2%; } .main .contentFeature ul { padding-left:0px; } .subNav .portlets { width:100%; } .portlets .blockPort .readMore { width:96%; clear:both; } .main .detailPage .newsArticle .date { text-align:right; padding-right:1%; } #columns_0_ucTitle_mainHeading:after { clear:both; content:""; visibility:hidden; display:block; height:0px; } #columns_0_ucTitle_mainHeading { margin-bottom:20px; } .mainWrapper { width:100%; } ul.breadcrumbs { display:none; } .header { margin-bottom:0px;} .mainWrapper .row { width:94%;} .content{ padding:0 0 5%; width:100%;} .subNav{ width:94%; margin:0 0 0 3%;} .subNav ul{ display:none} .twoCol{ margin: 0 0 3% 3%; width: 94%;} .twoCol .main{ width:100%;} .twoCol .main .news .article .content{ width:100%; float:none;} .twoCol .main .news .article .date{ font-size:14px; width:100%; text-align:right; padding:0px 0 20px 0; color:#989294; font-style:italic; font-weight:bold;} .contactBtnMob{ display:block;} .portlets{ width:94%; float:none; clear:both; margin:4% 0 3% 3%;} .subNav a.contactBtn{ background-color:#657d95; color:#fff; margin:0 0 20px; } .subNav a:hover.contactBtn{ display:block; border:1px solid #d3d3d3;background:url("/images/PPDI/sub/contactArrow.jpg") left center #657d95 no-repeat; padding:0 0 0 33px; color:#ffffff; text-decoration:none;margin:0px 0 20px 0;} .rightBlock{ width:100%;} .twoCol .main, .twoCol h1{ margin:0;} .portlets .blockPort:after{ clear:both; height:0px; display:block; content:""; visibility:hidden;} .portlets .blockPort p{ width:46%; float: left; padding-left:2%;} .portlets .blockPort p.dashed{ background:url('vert_Bord.jpg') repeat-y;} .paginate{ display:none;} .mobPagination{ display:none;} a.therss { display:none; } h1 a.therss, h3 a.therss { display:none;} a.addthis_button, a.careersLogin { display: none; } body .header { font-size: 100%; } /*detail page css*/ .detailPage .main .newsArticle p.date{ text-align:right; } .newsSharing{ display:none;} .footnote{ padding:3%; background:#fbfafa; width:100%; outline:1px solid #d3d3d3;} .detailPage .articleInfo{ background:none; padding-top:10px;} .pMob{padding:3%; background:#fbfafa; width:100%; outline:1px solid #d3d3d3;} .detailPage .twoCol h2{ width:90%; margin-left: 0;} .main .newsArticle p.date { font-style:italic; text-align:right; } /*detail page css ends*/ /*Mediakit css starts*/ .twoCol .main .mediaKit .mobMedKitCont{ padding:3%; width:100%; } .twoCol .main .mediaKit img{ width:100%;} .rightBlock .portlets a.contactBtn{ background-color:#657d95; color:#fff; margin:20px 0 0px; } .rightBlock .portlets a:hover.contactBtn{ display:block; border:1px solid #d3d3d3;background:url("/images/PPDI/sub/contactArrow.jpg") left center #657d95 no-repeat; padding:0 0 0 33px; color:#ffffff; text-decoration:none;margin:20px 0 0px 0;} /*.mediaKit .twoCol h1{}*/ /*Mediakit css ends*/ /*highlights css*/ .addthis_button { display:none; } h1.hHeadingHighlight { width:94%; margin-left:3%; float:none; } .threeColContent { margin:0 0 20px 0;} .threeColContent .main{ width:94%; margin-left:3%; float:none;} .threeColContent{ width:100%;} .threeColContent .main .highlightCont{ padding:2%;} .threeColContent .main .highlightCont img{ max-width:100%;} .threeColContent .main .highlightCont .highlighetCol1{ width:49%;} .threeColContent .main .highlightCont .paddL{ padding:0; float:right;} .hHeading{ margin-left:5%;} .threeColContent .main .highlightCont{ border:1px solid #e7e4e5;} /*highlights css ends*/ /*event Page Css starts*/ .oneCol{ float:none; width:94%; margin-left:3%;} .title-left { width:94%; margin-left:3%; } .row { width:94%; } #rotator{ width:100% !important; padding:1.5% !important;} .events-filters{ width:98%; margin:0 2%; } .events-filter{ padding:7px 1% 10px 1%; width:29.5%; height:230px;} .event{ padding:2%;} .event .content{ width:100%; padding:0 0 10px 0; height:auto !important; background-color:#fbfafa ; background-image:none !important;} .meta { width:100%; padding:0;} .meta .widadj{ float:left; width:24%; padding:1%; border-right:1px dashed #dcd6d9; } .event .date, p.type{ margin-bottom:0px; margin-top:0px;} .event .date label{ padding-top:2px; padding-right:5px; float:left; width:36%;} .event .date span.date{ width:72%;} .event p.type label{padding-top:2px; padding-right:5px; float:left; width:31%;} .event p.type span.type{width:68%; float:left;} .event p.region label{padding-top:0px; padding-right:5px; float:left; width:39%;} .event p.region span.region{width:60%; float:left;} .event .lastCol{ border:0px;} .event .pagination{ height:18px;} .events-corporate > .header-green{ margin-top:10px;} /*event Page Css ends*/ /*news and events css - Updated 25Mar*/ .blocks{ width:44%; padding:2%; margin:0 4% 20px 0; border:0px; outline:1px solid #d3d3d3;} .mrt0{ margin-right:0px;} { } h1.newsAndEventsHeading { float:none; width:100%;} .news-item { padding:0 2%; margin-top:15px;} .news-date { margin-left:0px; width:100%; margin-bottom:5px;} .news-title { width:100%;} .blocks { width:100% !important; } /*ends - Updated 25Mar*/ /*medCom css starts*/ .portlets a.contactBtn{ background-color:#657d95; color:#fff;} .medCom { width:94% !important; margin-left:3% !important; } .eventSharing{ display:none;} .noSubNav{ width:100% !important;} .title-left h1.medComHeading{ margin-left:0%;} .medCont .eventDetail .when{ width:48%; margin-right:4%;} .medCont .eventDetail .where{ width:48%;} .resourceInfo{ padding-top:0;} .aboutEvent{padding:2%; background:#f1f1f1; outline:1px solid #d5d5d5;} /*medCom css ends*/ /*PPD In News starts*/ .threeColContent .main .ppdInNewsCont {width: 100%;} .threeColContent .main { width:94%; margin-left:3%; } h1.ppdInNewsHeading { width:94%; margin-left:3%; float:none; } /*#columns_0_ucTitle_mainHeading{width: 92%;margin-left: 4%; float:none; margin-bottom:2%;}*/ /*PPD In News ends*/ } @media screen and (max-width:768px){ /*contact css start*/ .contactRow .contactRightPan{ width:85%; float:right; padding: 12px 1% 1px 1%;} .contactRow .contactLeftPan{ width:11%; float:left; padding: 12px 0px 1px 1%;} .contactRow .contactLeftPan img{ max-width:100%; width:auto !important;} /*contact css ends*/ /*about css starts*/ .aboutCss object { height: 300px !important; } .threeColContent .main #rotator #thumbs { top:255px !important; } /*about css ends*/ .twoCol{ margin: 0 0 3% 3%; width: 94%;} /*ppd in news css starts*/ .threeColContent .main .ppdInNewsCont .item .logo {width: 100%;padding-top: 0px;margin: 5px 0 15px 0;} .threeColContent .main .ppdInNewsCont .item .inNewsContent {width: 100%;} .threeColContent .main .ppdInNewsCont .pagination {display: none;} .threeColContent .main .ppdInNewsCont .item .inNewsContent p {margin-top: 10px;} /*ppd in news css starts*/ #thumbs{ top:225px; margin: 6px 0 0 -3px !important; } } .features .feature { /*width:100% !important;*/ float: left; padding: 10px 14px 4px; width: 355px; } @media screen and (max-width:640px){ /*contact css start*/ .contactRow .contactRightPan{ width:80%; float:right; padding: 12px 1% 1px 1%;} .contactRow .contactLeftPan{ width:16%; float:left; padding: 12px 0px 1px 1%;} .contactRow .contactLeftPan img{ max-width:100%;} /*contact css ends*/ /*about css starts*/ .aboutCss object { height: 250px !important; } /*about css ends*/ #thumbs{ top:185px; } .main .features img.fl { float:none !important; } .main .features .readMore { margin-left:0px !important; width:100%; } .features { background-image:none !important; } .features .first { width:100% !important; } .threeColContent .main #rotator #thumbs { top:215px !important; } .subNav .register { width:100% !important; min-height:50px !important; } .register .title { padding-top:0px !important; } } @media screen and (max-width:480px){ .opportunity h3 a{ font-size:15px} /*contact css start*/ .contactRow{ padding:0% 2%;} .contactRow .contactRightPan{ width:100%; float:none; padding:0; margin:10px 0 0 0;} .contactRow .contactLeftPan{ width:100%; float:none; padding: 0;} .contactRow .contactLeftPan img{ max-width:100%;} /*contact css ends*/ .portlets .blockPort p{ width:100%; } .portlets .blockPort p.dashed{ background:none;} .twoCol .main .news .article{padding:0 4%; } .portlets .blockPort p{ padding-left: 4%; padding-right:4%; width:92%;} .twoCol .main .news .article .content { width:100%; min-width:200px; } /*Media kit css*/ .twoCol .main .mediaKit p{ padding-bottom:3%; margin-bottom:3%;} .twoCol .main .mediaKit p.bordBotNone{ } .twoCol .main .mediaKit p:last-child {border-bottom:none; } /*Media kit css ends*/ /*highlight css start*/ .threeColContent .main .highlightCont .highlighetCol1{ width:100%; margin:0 0 10%; } .threeColContent .main .highlightCont{ padding:4%; padding-bottom:0;} .threeColContent .main .highlightCont .paddL{ border-top:1px solid #e7e4e5; padding-top:5%;} /*highlight css ends*/ /*event Page Css starts*/ #rotator .message{ background-image:url(mobBannerBg.png); } .events-filter{ width:90%; float:none; margin:0 0 2%; height:auto; padding:2% 4%;} .meta .widadj{ width:100%; border:0px;} .event p.region label{width: 24%;} .event{ padding:3%;} .events-corporate > .header-green{ padding-left:2%;} .events-corporate > .header-sub{ padding-left:2%;} .event .content{ border-bottom:1px dashed #d8d3d5; margin:0 0 2%;} .event p.type label { width:36%; } .event p.type span.type { width:62%; } .event p.region label { width:36%; } /*event Page Css ends here*/ /*med Com/Event Detail Page starts - Updated on 25Mar */ .medCont .eventDetail .when{ width:100%; margin-right:0%;} .medCont .eventDetail .where{ width:100%;} /*med com/Event Detail Page Ends - Updated on 25Mar*/ /*news and events page css starts - Updated 25Mar*/ .blocks{ width:96%; padding:2%; margin:0 0 20px 0; border:0px; outline:1px solid #d3d3d3; height:auto !important;} .mrt0{ margin-right:0px;} #rotator{display:none;} /*news and events pages css ends - Updated 25Mar*/ } @media screen and (max-width:320px){ .opportunity h3 a{font-size:12px;} .twoCol .main .news .article { width:92%; } .twoCol .main .news .article { width:100%; } .twoCol .main .news .article .content {width:100%; min-width:200px; } /*Search results changes*/ .search-results fieldset.search label { font-size: 12px!important; } .search-results .paginate ul { right: -70px!important; } .search-results fieldset.search advanced a{ float:right!important; } } @media screen and (max-width:1000px){ /*contact css start*/ .contactRow .contactRightPan{ width:86%; float:right; padding: 12px 1% 1px 0%;} .contactRow .contactLeftPan{ width:11%; float:left; padding: 12px 0px 1px 1%;} .contactRow .contactLeftPan img{ max-width:100%;} /*contact css ends*/ } @media screen and (max-width:768px){ /*contact css start*/ .contactRow .contactRightPan{ width:85%; float:right; padding: 12px 1% 1px 1%;} .contactRow .contactLeftPan{ width:11%; float:left; padding: 12px 0px 1px 1%;} .contactRow .contactLeftPan img{ max-width:100%;} /*contact css ends*/ } @media screen and (max-width:640px){ /*contact css start*/ .contactRow .contactRightPan{ width:80%; float:right; padding: 12px 1% 1px 1%;} .contactRow .contactLeftPan{ width:16%; float:left; padding: 12px 0px 1px 1%;} .contactRow .contactLeftPan img{ max-width:100%;} /*contact css ends*/ } @media screen and (max-width:480px){ /*contact css start*/ .contactRow{ padding:0% 2%;} .contactRow .contactRightPan{ width:100%; float:none; padding:0; margin:10px 0 0 0;} .contactRow .contactLeftPan{ width:100%; float:none; padding: 0;} .contactRow .contactLeftPan img{ max-width:100%;} /*contact css ends*/ /*Search results Start*/ .search-results .paginate ul { right: -55px!important; } .search-results fieldset.search label { font-size: 12px!important; } } /* ===================================== */ /* Responsive additions for content on Cardio pages /* ===================================== */ @media screen and (max-width: 1000px) { /* Reset all elements to 'border-box'. (adding padding or border doesn't add to width total) */ * { box-sizing: border-box; } /* Clear out columns and floats Added 'body' before class names to add more specificity. Some stylesheets with conflicting styles are called before and after (this will override them due to specificity without having to add to other stylesheets or rearranging them) */ body .content-cv .left, body .content-cv .right, body .content-cv .third, body .content-cv .twothird { display: block; width: 100%; max-width: 100%; clear: both; margin: 0 0 20px; box-sizing: border-box; } /* Overwrite wowslider styles */ .slideshow-container #wowslider-container1 .ws-title div, .slideshow-container #wowslider-container1 .ws-title div .third { float: none; display: block; clear: both; width: 100%; max-width: 100%; margin: 0 0 20px; padding: 0; border: 0; background-image: none; } /* Remove absolute positioning so content below it won't be covered up */ .slideshow-container #wowslider-container1 .ws-title { position: relative; top: 0; left: 0; } /* Expertise page specific */ body .content-cv .cflow { float: none; display: block; width: 100%; max-width: 100%; margin: 0 0 20px; box-sizing: border-box; } } /* For smaller screens only */ @media screen and (max-width: 400px) { /* Expertise page specific. Remove margin on P tags just for small mobile */ body .content-cv .callout ul.biolink li p { margin-left: 0; } /* Expertise page specific. Make profile thumbnail block for small mobile */ body .content-cv .callout ul.biolink li img { display: block; float: none; } } /*25 May edits page*/ /*// DX-YEN - Ticket 307 STARTS*/ /*ethics css starts*/ .EthicLinks { float:left; width:250px; } .EthicLinksR { float:right; width:250px; } p.timeline-p, p.timeline-quote, p.timeline-title { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: normal; line-height: 18px; } .portlets .thePortlet .ceoImage { text-align: center; } /*ethics css ends*/ /*// DX-YEN - Ticket 307 ENDS*/ /*// DX-YEN - Ticket 308 STARTS*/ /*dermatology css starts*/ .portletUpcoming { padding: 0; min-width:initial; } .portletUpcoming h3 { margin:0px; font-size:12px; } .portlets .slide .portletUpcoming h3 a { font-weight:normal; } /*// DX-YEN - Ticket 308 Update 04JUN STARTS*/ .portletUpcomingList { margin-left:9px; } /*// DX-YEN - Ticket 308 Update 04JUN ENDS*/ .portlets a { color: #5a7690; font-size: 12px; } /*dermatology css ends*/ /*// DX-YEN - Ticket 308 ENDS*/ @media screen and (max-width:1000px) { /*ethics css starts*/ /*// DX-YEN - Ticket 307 STARTS*/ .EthicLinks { float:left; width:250px; } .EthicLinksR { float:left; width:250px; margin-left:13px; } /*ethics css ends*/ /*// DX-YEN - Ticket 307 ENDS*/ } @media screen and (max-width:640px) { /*// DX-YEN - Ticket 307 STARTS*/ /*ethics css starts*/ .EthicLinks { float:none; width:250px; clear:both; margin:auto; display:block; } .EthicLinksR { float:none; width:250px; margin-left:0px; margin-top:10px; clear:both; display:block; margin:auto; } /*ethics css ends*/ /*// DX-YEN - Ticket 307 ENDS*/ } /*// DX-YEN - Ticket 310 STARTS*/ /*form starts*/ .form { border: 1px solid #D3D3D3; background: #FBFAFA; margin: 0px 0 17px; } #newsletter-signup { margin-top: 0px; margin-bottom: 0px;} .form .header { margin: 0 0 20px; height: auto; padding: 9px 14px 8px; color:#5BBF21; font-size: 18px; text-transform: uppercase; border-bottom: 1px solid #D3D3D3; font-family: 'MuseoSans500', Arial, Helvetica, sans-serif; font-weight: normal; z-index:1 } #newsletter-signup .header { margin-bottom: 0px; } .form .row { padding: 0 0 0 14px; margin-bottom: 11px; } #newsletter-signup .row { padding-bottom: 6px; } #newsletter-signup .row .row { padding-bottom: 0px; } .form div.label { width: 115px; float: left; margin-right: 20px; padding-top: 3px; } .form .field { width: 340px; float: left; } .form label, .form span.label { font-size: 12px; line-height: 18px; color: #5B5557; } .form div.radio { padding-top: 4px; } .form div.radio label { font-size: 14px; position: relative; top: 4px; } .form div.radio input { margin-right: 27px; } .form select { width: 242px; margin-top: 4px; font-size:12px; } .form input.text { width: 233px; padding: 3px; border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; } .form input.submit { display: block; border: none; background: url(/images/PPDI/sub/submit.png) no-repeat; width: 94px; height: 32px; font-size: 0; text-indent: -9999px; line-height: 9999; overflow: hidden; margin: 5px 0 6px; cursor: pointer; } #newsletter-signup input.submit { background-image: url(/images/PPDI/sub/subscribe.png); width: 121px; } .form textarea { width: 329px; height: 89px; resize: none; padding: 3px; border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; } .form .checkbox span.label { font-size: 14px; } #newsletter-signup .checkbox label { line-height: 1em; } .form .required { color: #DA442C; } .form .disclaimer { font-size: 11px; font-style: italic; color: #5B5557; padding: 7px 0 19px 148px; margin-bottom: 16px; background: url(/images/PPDI/icons/disclaimer.png) no-repeat 50% 100%; } #newsletter-signup .disclaimer { background-position: 50% 0%; padding: 13px 0px 0px 13px; margin: 7px 0px 16px 0px; } .form .checkbox input { float: left; } .form .checkbox .row { padding: 7px 3px 2px; margin-bottom: 0; } .form .checkbox .row .row { padding: 7px 0px 2px 23px; } .form .checkbox label { position: relative; top: 4px; left: 7px; display: block; float: left; width: 470px; } .form .checkbox .row .row label { width: 440px; } .form h3 { margin: 19px 14px 2px 14 px; } .form .newsletterpick label { font-size: 15px; margin-top: -2px; } @media screen and (max-width:1000px){ } @media screen and (max-width:768px){ .form div.label{ width:25%; margin-right:5%; max-width:115px;} .form .field{ width:60%;} .form .disclaimer{ padding-left:155px;} .form input.text{ width:80%; max-width:233px;} .form select{ width:82%; max-width:242px;} .form textarea{ width:80%;} .form .checkbox label{} .form .checkbox input{ width:13px;} } @media screen and (max-width:640px){ .form div.label{ width:100%; margin-right:0; max-width:479px;} .form .field{ width:100%;} .form input.text{ width:94%; max-width:479px;} .form select{ width:96%; max-width:479px;} .form textarea{ width:94%;} .form .disclaimer{ padding-left:3%;} .form .checkbox input{ width:5%;} .form .checkbox label{ width:90%;} .form .header{ font-size:17px;} } @media screen and (max-width:480px){ .form div.label{ width:100%; margin-right:0; max-width:479px;} .form .field{ width:100%;} .form input.text{ width:94%; max-width:479px;} .form select{ width:96%; max-width:479px;} .form textarea{ width:94%;} .form .disclaimer{ padding-left:3%;} .form .header{ font-size:16px;} } /*// DX-YEN - Ticket 310 ENDS*/ /*25 May edits page ends*/ /*// DX-YEN - Ticket 305 STARTS*/ .mediaKit .mobMedKitCont h2 a{ font-size:22px; font-family: "MuseoSans500",Arial,Helvetica,sans-serif !important; } /*// DX-YEN - Ticket 305 ENDS*/ /*27th*/ /*// DX-YEN - Ticket 311 and Ticket 312 STARTS - Both pages are related to Web forms for marketers, so merged the classes for both at the same place*/ .scfForm input, .scfForm select, .scfForm textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .scChromeDataHolder { display:block; } .scfForm textarea { resize: none; } /* Form */ .scfForm { height: 100%; width: 100%; text-align: left; font-family: Verdana,Arial,Helvetica,sans-serif; line-height: 1.4em; } /* Form Title*/ .scfTitleBorder { margin-top: 0px; margin-bottom: 0px; color: #000000; font-family: Arial,Tahoma,Helvetica,sans-serif; font-size: 1.8em; line-height: 1.1em; margin: 5px 0pt; text-decoration: none; font-weight: bold; } /* Form Introduction*/ .scfIntroBorder { } /* Form Footer*/ .scfFooterBorder { } /* Submit Button*/ .scfSubmitButtonBorder { } .scfSubmitButton { } /* Error */ .scfError { } /* Validation */ .scfValidationSummary { margin-left : 20px; } .scfValidationSummary ul li { font-size:12px; line-height:10px; } .scfValidatorRequired, .scfRequired { /*margin: 0px 0px; float: right;*/ margin: 5px; float: left; font-size:12px; } .scfValidator { margin: 0px; display: block; float: left; } /* Forms section*/ .scfSectionBorderAsFieldSet { padding: 0px 15px 15px 15px; border: 0px; /*border-top: solid 2px;*/ margin: 0px 30px; } .form input[type="submit"] { display: block; border: none; background: url(/images/PPDI/sub/submit.png) no-repeat; width: 94px; height: 32px; font-size: 0; text-indent: -9999px; line-height: 9999; overflow: hidden; margin: 5px 0 15px 20px; cursor: pointer; } .scfSectionLegend { padding: 7px 13px 8px 13px; font-weight: bold; text-decoration: none; margin-left: 20px; } .scfSectionBorder { margin: 0px; padding: 0px; width: 100%; } .scfSectionContent { width: 100%; float: left; } .scfSectionUsefulInfo { width: 100%; /*padding: 5px 0px 0px 20px;*/ vertical-align: top; display: inline; } /* Form fields */ /* Checkbox */ .scfCheckboxBorder { clear: left; text-align: left; display: block; margin: 5px 0px; width: 100%; } .scfCheckbox { width: 90%; display: block; padding: 0px 0px; margin: 0px; } .scfCheckboxUsefulInfo { font-size: 0.9em; display: block; width: 90%; padding: 0px 3px; } /* Label */ .scfLabel { width: 100%; display: block; } .scfListBox, .scfDropList { width: 100%; margin: 0px; } .scfListBoxGeneralPanel, .scfDropListGeneralPanel { /*width: 60%;*/ width: 50%; display: block; float: left; } .scfMultipleLineTextBox { width: 100%; margin: 0px; } .scfDropListBorder, .scfEmailBorder, .scfMultipleLineTextBorder, .scfSingleLineTextBorder, .scfPasswordBorder, .scfNumberBorder, .scfDatePickerBorder, .scfDateBorder, .scfRadioButtonListBorder, .scfListBoxBorder, .scfCheckBoxListBorder, .scfFileUploadBorder, .scfDateSelectorBorder, .scfCreditCardBorder, .scfConfirmPasswordBorder, .scfCaptchaBorder, .scfTelephoneBorder, .scfSmsTelephoneBorder { clear: left; text-align: left; display: block; margin: 5px 0px; width: 100%; vertical-align: top; } .scfEmailTextBox, .scfSingleLineTextBox, .scfPasswordTextBox, .scfNumberTextBox, .scfDatePickerTextBox, .scfDateTextBox, .scfRadioButtonList, .scfListBox, .scfCheckBoxList, .scfFileUpload, .scfCreditCardTextBox, .scfCreditCardType, .scfConfirmPasswordTextBox, .scfTelephoneTextBox, .scfSmsTelephoneTextBox { width: 100%; margin: 0px; } .scfDropListLabel, .scfEmailLabel, .scfMultipleLineTextLabel, .scfSingleLineTextLabel, .scfPasswordLabel, .scfNumberLabel, .scfDatePickerLabel, .scfDateLabel, .scfRadioButtonListLabel, .scfCheckBoxListLabel, .scfListBoxLabel, .scfFileUploadLabel, .scfDateSelectorLabel, .scfCreditCardLabel, .scfConfirmPasswordLabel, .scfCaptchaLabel, .scfTelephoneLabel, .scfSmsTelephoneLabel { padding: 3px 0px; width: 30%; display: block; float: left; } .scfEmailGeneralPanel, .scfMultipleLineGeneralPanel, .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfNumberGeneralPanel, .scfDatePickerGeneralPanel, .scfDateGeneralPanel, .scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel, .scfFileUploadGeneralPanel, .scfDateSelectorGeneralPanel, .scfCreditCardGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCaptchaGeneralPanel, .scfTelephoneGeneralPanel, .scfSmsTelephoneGeneralPanel { /*margin: 0px 3px;*/ padding: 0px 2px 0px 0px; width: 60%; display: block; float: left; } .scfDropListUsefulInfo, .scfEmailUsefulInfo, .scfMultipleLineTextUsefulInfo, .scfSingleLineTextUsefulInfo, .scfPasswordUsefulInfo, .scfNumberUsefulInfo, .scfDatePickerUsefulInfo, .scfDateUsefulInfo, .scfRadioButtonListUsefulInfo, .scfListBoxUsefulInfo, .scfCheckBoxListUsefulInfo, .scfFileUploadUsefulInfo, .scfDateSelectorUsefulInfo, .scfCreditCardTextUsefulInfo, .scfConfirmPasswordUsefulInfo, .scfCaptchaUsefulInfo, .scfTelephoneUsefulInfo, .scfSmsTelephoneUsefulInfo { padding-left: 3px; font-size: 0.9em; width: 100%; display: block; float: left; } .scfDateSelectorDay, .scfDateSelectorMonth, .scfDateSelectorYear { width: 33%; margin: 0px; } .scfDateSelectorLabel { margin-top: 7px; } .scfDateSelectorShortLabelDay, .scfDateSelectorShortLabelMonth, .scfDateSelectorShortLabelYear { padding: 0px 0px 1px 0px; margin: 0px; display: block; float: left; font-size: xx-small; line-height: 10px; width: 33%; } ul { margin: 0px; padding: 0px; } .scfCreditCardType { width: 100%; } .scfCaptchaLabelText { width: 180px; } .scfCaptcha img { border: 1px solid black; } .scfCaptchaTextBox { width: 100%; } .scfCaptchStrongTextPanel { width: 180px; display: block; float: left; } .scfCaptchaLimitGeneralPanel { width: 215px; } .scfCaptchaLimitGeneralPanel .scfRequired, .scfCaptchaLimitGeneralPanel .scfValidatorRequired { float: right; } .scfCaptchaGeneralPanel embed { position: absolute; z-index: -10; } .scfCaptchaGeneralPanel td br { margin-top: 3px; margin-bottom: 5px; } .scfCaptchaGeneralPanel td input { margin-left: 20px; } .scfCaptchaGeneralPanel table { margin-top: 30px; } .scfShortDate { clear: left; text-align: left; display: block; margin: 5px 0px; vertical-align: top; width: 60%; } .scfShortText { margin: 0px; float: right; width: 40%; } .scfShortDate .scfDateSelectorLabel { width: 50%; margin-top: 0px; } .scfShortDate .scfDateSelectorGeneralPanel { width: 46%; } .scfShortDate .scfDateSelectorDay, .scfShortDate .scfDateSelectorShortLabelDay, .scfShortDate .scfDateSelectorShortLabelMonth, .scfShortDate .scfDateSelectorShortLabelYear { display: none; } .scfShortDate .scfDateSelectorShortLabelMonth, .scfShortDate .scfDateSelectorShortLabelYear, .scfShortDate .scfDateSelectorMonth, .scfShortDate .scfDateSelectorYear { width: 49%; } .scfShortText .scfSingleLineTextLabel { width: 15%; } .scfShortText .scfSingleLineGeneralPanel { width: 60%; } .scfShortText .scfSingleLineTextUsefulInfo { } .scfShortText .scfSingleLineTextBox { width: 100%; margin: 0px; } .scWfmPassword { behavior: url(/sitecore%20modules/shell/Web%20Forms%20for%20Marketers/themes/autocomplete.htc) } .scfDatePickerGeneralPanel .ui-icon { float : right; position: relative; top: -20px; display:block; } .scfForm table { border: 0 none; margin-bottom: 20px; display:inline-block; } .main table { width: 100%; } table { border-collapse: collapse; border-spacing: 0; } .main table tbody { background: #fbfafa none repeat scroll 0 0; } .main table tbody tr:last-child td, .main table tbody tr.lastChild td { padding-bottom: 16px; } .main table tbody td { background: #fbfafa none repeat scroll 0 0; color: #5b5557; font-size: 12px; } caption, th, td { font-weight: normal; text-align: left; } td, th { vertical-align: top; } /* Form */ .scfForm { } /* Form Title*/ .scfTitleBorder { color: #000000; } /* Form Introduction*/ .scfIntroBorder { } /* Form Footer*/ .scfFooterBorder { } /* Submit Button*/ .scfSubmitButtonBorder { } .scfSubmitButton { } /* Validation */ .scfError, .scfValidationSummary, .scfValidatorRequired, .scfValidator { color: red; } .scfRequired { color: #000000; } /* Forms section*/ .scfSectionBorderAsFieldSet { border-top-color: #000000; } .scfSectionLegend { color: #000000; } .scfSectionBorder { } .scfSectionContent { } .scfSectionUsefulInfo { } /* Form fields */ /* Checkbox */ .scfCheckboxBorder { } .scfCheckbox { } .scfCheckboxUsefulInfo { color: silver; } /* DropList */ .scfDropListBorder { } .scfDropListLabel { } .scfDropList { } .scfDropListUsefulInfo { color: silver; } /* Email */ .scfEmailBorder { } .scfEmailLabel { } .scfEmailTextBox { } .scfEmailUsefulInfo { color: silver; } /* Label */ .scfLabel { } /* Multiple-Line Text */ .scfMultipleLineTextBorder { } .scfMultipleLineTextBox { } .scfMultipleLineTextLabel { } .scfMultipleLineTextUsefulInfo { color: silver; } /* Password */ .scfPasswordBorder { } .scfPasswordTextBox { } .scfPasswordLabel { } .scfPasswordUsefulInfo { color: silver; } /* Single-Line Text */ .scfSingleLineTextBorder { } .scfSingleLineTextBox { } .scfSingleLineTextLabel { } .scfSingleLineTextUsefulInfo { color: silver; } /* Number */ .scfNumberBorder { } .scfNumberTextBox { } .scfNumberLabel { } .scfNumberUsefulInfo { color: silver; } /* Date Picker*/ .scfDatePickerTextBox { } .scfDatePickerUsefulInfo { color: silver; } .scfDatePickerLabel { } /* DateTime */ .scfDateBorder { } .scfDateTextBox { } .scfDateLabel { } .scfDateUsefulInfo { color: silver; } /* Radio Button List */ .scfRadioButtonListBorder { } .scfRadioButtonList { } .scfRadioButtonListLabel { } .scfRadioButtonListUsefulInfo { color: silver; } /* ListBox */ .scfListBoxBorder { } .scfListBox { } .scfListBoxLabel { } .scfListBoxUsefulInfo { color: silver; } /* CheckBoxList */ .scfCheckBoxListBorder { } .scfCheckBoxList { } .scfCheckBoxListLabel { } .scfCheckBoxListUsefulInfo { color: silver; } /* File Upload */ .scfFileUploadBorder { } .scfFileUpload { } .scfFileUploadLabel { } .scfFileUploadUsefulInfo { color: silver; } .scfCreditCardTextUsefulInfo, .scfConfirmPasswordUsefulInfo, .scfDateSelectorUsefulInfo, .scfCaptchaUsefulInfo, .scfTelephoneUsefulInfo, .scfSmsTelephoneUsefulInfo { color: silver; } .scfDateSelectorShortLabelDay, .scfDateSelectorShortLabelMonth, .scfDateSelectorShortLabelYear { color: #000000; } .ui-widget { font-size: 10px; } .halfAvailableWidth { float:left; text-align: left; display: inline; margin: 5px 0px; width: 50%; vertical-align: top; } .thirdAvailableWidth { float:left; text-align: left; display: inline; margin: 5px 0px; width: 33%; vertical-align: top; } .halfLeft { width:50%; } .halfRight { width:50%; float:right; } .halfLeft .scfSectionBorderAsFieldSet, .halfRight .scfSectionBorderAsFieldSet { margin : 0px; padding:0px; border-width:0px ; } .halfLeft .scfEmailGeneralPanel, .halfLeft .scfMultipleLineGeneralPanel, .halfLeft .scfSingleLineGeneralPanel, .halfLeft .scfPasswordGeneralPanel, .halfLeft .scfNumberGeneralPanel, .halfLeft .scfDatePickerGeneralPanel, .halfLeft .scfDateGeneralPanel, .halfLeft .scfRadioButtonListGeneralPanel, .halfLeft .scfCheckBoxListGeneralPanel, .halfLeft .scfFileUploadGeneralPanel, .halfLeft .scfDateSelectorGeneralPanel, .halfRight .scfEmailGeneralPanel, .halfRight .scfMultipleLineGeneralPanel, .halfRight .scfSingleLineGeneralPanel, .halfRight .scfPasswordGeneralPanel, .halfRight .scfNumberGeneralPanel, .halfRight .scfDatePickerGeneralPanel, .halfRight .scfDateGeneralPanel, .halfRight .scfRadioButtonListGeneralPanel, .halfRight .scfCheckBoxListGeneralPanel, .halfRight .scfFileUploadGeneralPanel, .halfRight .scfDateSelectorGeneralPanel { margin: 0px; width: 80%; display: block; float:left; margin-bottom:10px; } .halfLeft .scfDropListBorder, .halfLeft .scfEmailBorder, .halfLeft .scfMultipleLineTextBorder, .halfLeft .scfSingleLineTextBorder, .halfLeft .scfPasswordBorder, .halfLeft .scfNumberBorder, .halfLeft .scfDatePickerBorder, .halfLeft .scfDateBorder, .halfLeft .scfRadioButtonListBorder, .halfLeft .scfListBoxBorder, .halfLeft .scfCheckBoxListBorder, .halfLeft .scfFileUploadBorder, .halfRight .scfDropListBorder, .halfRight .scfEmailBorder, .halfRight .scfMultipleLineTextBorder, .halfRight .scfSingleLineTextBorder, .halfRight .scfPasswordBorder, .halfRight .scfNumberBorder, .halfRight .scfDatePickerBorder, .halfRight .scfDateBorder, .halfRight .scfRadioButtonListBorder, .halfRight .scfListBoxBorder, .halfRight .scfCheckBoxListBorder, .halfRight .scfFileUploadBorder { text-align: left; display: block; margin: 0px; width: 100%; vertical-align: top; } .halfLeft .scfDropListLabel, .halfLeft .scfEmailLabel, .halfLeft .scfMultipleLineTextLabel, .halfLeft .scfSingleLineTextLabel, .halfLeft .scfPasswordLabel, .halfLeft .scfNumberLabel, .halfLeft .scfDatePickerLabel, .halfLeft .scfDateLabel, .halfLeft .scfRadioButtonListLabel, .halfLeft .scfCheckBoxListLabel, .halfLeft .scfListBoxLabel, .halfLeft .scfFileUploadLabel, .halfLeft .scfDateSelectorLabel, .halfRight .scfDropListLabel, .halfRight .scfEmailLabel, .halfRight .scfMultipleLineTextLabel, .halfRight .scfSingleLineTextLabel, .halfRight .scfPasswordLabel, .halfRight .scfNumberLabel, .halfRight .scfDatePickerLabel, .halfRight .scfDateLabel, .halfRight .scfRadioButtonListLabel, .halfRight .scfCheckBoxListLabel, .halfRight .scfListBoxLabel, .halfRight .scfFileUploadLabel, .halfRight .scfDateSelectorLabel { padding-bottom : 0px; } .halfLeft .scfValidator, .halfRight .scfValidator { margin: 0px; display:block; font-size :0.8em; position:absolute; } .halfLeft .scfValidatorRequired, .halfLeft .scfRequired, .halfRight .scfValidatorRequired, .halfRight .scfRequired { float:left; } .scfForm input[type="text"], .scfForm textarea { padding: 3px; border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; } .scfForm table { border: 0; margin-bottom: 20px } .scfEmailGeneralPanel, .scfMultipleineGeneralPanel, .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfNumberGeneralPanel, .scfDatePickerGeneralPanel, .scfDateGeneralPanel, .scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel, .scfFileUploadGeneralPanel, .scfDateSelectorGeneralPanel, .scfCreditCardGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCaptchaGeneralPanel, .scfTelephoneGeneralPanel, .scfSmsTelephoneGeneralPanel { width: 233px; } .scfSectionBorderAsFieldSet { padding: 0 0 0 14px; margin: 0 0; } .scfDropListLabel, .scfEmailLabel, .scfMultipleLineTextLabel, .scfSingleLineTextLabel, .scfPasswordLabel, .scfNumberLabel, .scfDatePickerLabel, .scfDateLabel, .scfRadioButtonListLabel, .scfCheckBoxListLabel, .scfListBoxLabel, .scfFileUploadLabel, .scfDateSelectorLabel, .scfCreditCardLabel, .scfConfirmPasswordLabel, .scfCaptchaLabel, .scfTelephoneLabel, .scfSmsTelephoneLabel { width: 115px; margin-right: 20px; font-family: Arial; font-size: 12px; } .scfRequired { /*float: none;*/ float:left;margin:5px; } .scfSingleLineTextBorder, .scfEmailBorder, .scfTelephoneBorder { margin-bottom: 15px } .scfSingleLineTextBorder:after, .scfEmailBorder:after, .scfTelephoneBorder:after { content: ""; display: block; height: 0; clear: both; } .scfMultipleLineGeneralPanel textarea { width:231px; } .scfDropListGeneralPanel { max-width:232px; } .scfMultipleLineGeneralPanel {width:auto;} @media screen and (max-width:480px) { .scfMultipleLineTextLabel, .scfSingleLineTextLabel, .scfDropListLabel { width:100%; } .scfListBoxGeneralPanel, .scfDropListGeneralPanel { width:auto; } .scfForm table { margin:0px; } .main table tbody td { padding-top:0; padding-bottom:0px; } .main table tbody tr:last-child td, .main table tbody tr.lastChild td { padding-bottom:0; } /* Search results */ .search-results .paginate ul { right: -60px!important; } } .scfDropListGeneralPanel select { width:231px !important; } .main .form .header { min-width:initial; } /*ends*/ /*// DX-YEN - Ticket 311 and Ticket 312 ENDS - Both pages are related to Web forms for marketers, so merged the classes for both at the same place*/ /*// DX-YEN - Ticket 313 STARTS - Added DIVs to the respectuve field in Sitecore and handled css based on those DIVs*/ /*.oppPage { overflow-x: scroll; width: auto; } */ .oppPage { width:513px; border:0px; outline:none; height:1870px; max-width:initial; } @media screen and (max-width:480px) { #iframeCont {overflow-x:scroll; max-width:480px; } } /*// DX-YEN - Ticket 313 ENDS - Added DIVs to the respectuve field in Sitecore and handled css based on those DIVs*/ .features:after { clear:both; content:""; height:0; display:block; visibility:hidden; } .features { background: #fbfafa url("/images/PPDI/sub/d3d3d3.gif") repeat-y scroll 355px 0; border: 1px solid #d3d3d3; margin: 20px 0 4px; } @media screen and (max-width:320px) { .features .feature { float: left; padding: 10px 14px 4px; width: 307px; } } .features .first { margin-right: 1px; width: 355px; } .main .features img.fl { margin-right: 9px; } .main img.fl { float: left; margin: 4px 15px 9px 0; } .main .features p { /*font: 12px Arial,Helvetica,sans-serif; margin-bottom: 10px;*/ font-size: 12px; margin-bottom: 10px; margin-top: 0; } /*.main .features p { font-size: 1.2em; margin-bottom: 10px; }*/ .main .features h3 { margin-bottom: 8px; margin-top: 6px; } .main .features .readMore { margin-left: 77px; padding-left: 0; padding-top: 7px; } .main .features .readMore a { font-size: 14px; font-weight: normal; } .subNav .register { background: #fafafa !important; margin-bottom: 10px; padding: 4px 12px 12px !important; margin-right:0px !important; width: 172px; border-radius:0px !important; } .register .title { color: #5a7690; display: block; float: none; font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; line-height: 1; margin: 0; padding: 5px 0 0 1px; width: auto; } .button { background: #d3d3d3 url("/images/PPDI/sub/button.png") no-repeat scroll 100% 0; border: 1px solid #d3d3d3; display: block; min-height: 72px; margin-bottom: 20px; width: 174px; } .button .text { clear: right; color: #5b5557; font-size: 12px; letter-spacing: -0.01em; margin-left: 1px; width: 139px; } /*#thumbs { background: rgba(0, 0, 0, 0) url("/images/PPDI/services/thumbs.png") no-repeat scroll 50% 0; bottom: 10px; margin: 14px 0 0 -3px; padding-left: 4px; padding-top: 10px; position: absolute; width: 280px; }*/ /* 29-10-15 */ .search-results .tabs { border-bottom: 0 none; border-right: 0 none; border-top: 0 none; font-size:62.5%; /*margin-top:5px;*/ } .search-results .theTabs { background: #ffffff none repeat scroll 0 0; border-bottom: 1px solid #d3d3d3; /*YEN height: 31px;*/ height:32px; } .theTabs a { border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; display: block; float: left; font-size: 1.4em; height: 43px; text-align: center; } .search-results .theTabs a { background: #ffffff url("/images/PPDI/sub/sr-tab.png") repeat-x scroll center bottom; border-top: 1px solid #d3d3d3; /*YEN height: 31px;*/ height:32px; } .theTabs a.active { background: white url("/images/PPDI/icons/activeTab.png") repeat-x scroll 0 100%; border-bottom: medium none; color: #5bbf21; padding-bottom: 1px; } .search-results .theTabs a.active { background: rgba(0, 0, 0, 0) url("/images/PPDI/icons/activeTab.png") repeat-x scroll 0 100%; } .search-results .portlets {margin-top:-5px; } .theTabs a span { display: block; padding-top: 15px; } .search-results .theTabs a span { padding: 8px 14px; } .tabPane { display: none; } .activePanel { background: #fbfafa url("/images/PPDI/sub/tabContent.png") repeat-x scroll 0 0; display: block; padding: 15px 17px 15px 15px; } .search-results .tabPane { border-right: 1px solid #d3d3d3; } .search-results .activePanel { background: #ffffff none repeat scroll 0 0; padding: 0; } .search-results fieldset.search { background: rgba(0, 0, 0, 0) url("/images/PPDI/sub/dash-ff-d3.png") repeat-x scroll center bottom; margin: 0 13px; padding: 9px 0 9px; border: 0; } .search-results fieldset.search label { color: #5b5557; display: block; float: left; font-size: 1.4em; /*YEN line-height: 25px;*/ line-height: 35px; } .main a:not(.nostyle), .middleCol a, .rightCol a { color: #5a7690; font-weight: bold; } .search-results .tabPane .results { background: #ffffff none repeat scroll 0 0; border: 0 none; margin: 0; } .search-results .pagination { height:37px; border-bottom-color: #d3d3d3; } .pagination { border-bottom: 1px solid #d3d3d3; padding: 11px 14px 0; position: relative; } .search-results .tabPane .results .header { border-bottom: 0 none; color: #5bbf21; float: left; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; font-size: 1.8em; font-weight: normal; height: auto; margin: 0!important; padding: 0; text-transform: uppercase; z-index: 1; } .search-results .pagination { /*height:50px;*/ padding:11px 14px 0; } .search-results .paginate ul li.prev a { background-position: 0 -8px; } .search-results .paginate { color: #999093; font-size: 1.2em; margin-top: 1px; /*position: absolute;*/ right: 0; width: 100%; } .search-results .paginate ul { float: right; } .search-results .row { max-width:none; } .search-results .paginate ul li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; float: left; font-size: 1em; } .search-results .paginate ul li a { color: #5a7690; font-weight: normal; } .search-results .paginate ul li.current a { color: #4f1c91; font-weight: bold; } .search-results .paginate strong { color: #5b5557; font-weight: normal; } .search-results .event { background: #fbfafa none repeat scroll 0 0; border-bottom: 1px solid #e7e4e5; min-height: 73px; padding: 18px 13px 10px; position: relative; } .article { background: #fbfafa none repeat scroll 0 0; border-bottom: 1px solid #e7e4e5; /*YEN min-height: 73px;*/ padding: 18px 13px 10px; position: relative; } .search-results .results .article { border-bottom: 0 none; padding: 0 16px 0 12px; } .search-results .results .article .content { background: #fbfafa url("/images/PPDI/sub/dash-fa-d3.png") repeat-x scroll center bottom; margin: 0; /*YEN padding: 18px 10px 18px 2px;*/ padding: 7px 10px 7px 2px; } .search-results .main h4 { color: #5b5557; font-size: 14px; font-weight: bold; margin: 0; padding-bottom: 4px; padding-top: 10px; clear:both; line-height:1em; font-family:Arial, Helvetica, sans-serif; } .search-results fieldset.advanced input[type="text"] { margin-bottom: 4px; margin-top: 6px; padding: 1px 0; } .search-results .main .article p { font-size: 1.2em; margin-top:4px; } .search-results .results .content{ float: none; } .search-results .tabs { border: 1px solid #d3d3d3; clear: both; } .search-results .tabs { border-bottom: 0 none; border-right: 0 none; border-top: 0 none; } .search-results .twoCol { width: 78%; } .search-results .calloutbox { display: table; margin-bottom: 20px; margin-top: 20px; position: relative; width: 100%; } .search-results .paginate { display: block; /*YEN width:35%;*/ width:28%; } .search-results fieldset.advanced label { clear: left; line-height: 22px; padding-right: 1px; text-align: right; width: 191px; padding-top:5px; } .search-results .header { width:40%; } .search-results button, input, select, textarea { /*font-size:77.5%;*/ } .search-results .paginate ul li.prev a,.search-results .paginate ul li.next a { top:3px; } .search-results fieldset.advanced a, .search-results fieldset.normal a { font-size: 13px; background: #5a7690 none repeat scroll 0 0; border: 1px solid transparent; color: #fff; text-align: center; padding: 3px; margin-top:5px; } .search-results fieldset input[type="text"] { color:#5b5557; float: left; margin: 2px 9px; padding: 5px 0; width: 326px; font-size:13px; letter-spacing:.4px; } @media screen and (max-width:1000px) { #primary-menu li { font-size: 62.5%; } body { /*font-size: 100%;*/ } .search-results .pagination { height: 50px; } .search-results .paginate { width: 100%; float: right !important; max-width:230px; } .search-results fieldset.search label { color: #5b5557; display: block; float: left; font-size: inherit; } .search-results .header { min-width: 100px; } .search-results .tabPane .results .header { font-size:1.4em; } .portlets { margin: 0 3% !important; width: auto !important; } } @media screen and (max-width:800px) { .search-results fieldset.advanced label,.search-results fieldset.normal label { clear: left; line-height: 22px; padding-right: 1px; width: 100%; /*margin-bottom:4px; margin-top:6px;*/ } .search-results .portlets { width:94% !important; max-width:none !important; margin: 4% 0 3% 3% !important; } .search-results fieldset.advanced label { text-align:left; } .search-results fieldset.advanced input[type="text"] { margin-left:0px; } } @media screen and (max-width:700px) { .search-results fieldset.normal a { float: left !important; } .search-results .header { min-width: 100px; } .search-results fieldset.advanced a { float:none !important; } } @media screen and (max-width:640px) { .search-results .portlets { margin: 0 3% !important; width: auto !important; } .search-results fieldset.advanced label { text-align: left !important; } .search-results fieldset.search a { float: left !important; } /*.search-results fieldset.advanced a { float: right !important; }*/ /*.search-results .pagination{ height: 70px!important; }*/ .search-results .content { min-width: auto !important; } .search-results .paginate { left: 15px !important; top: 41px !important; } .search-results .tabPane .results .header { background: transparent !important; } } @media screen and (max-width:480px) { .search-results .paginate { clear:both; width:100% !important; padding-top:10px; max-width:100%; } .search-results .header { width:100%; } .search-results .pagination { height:65px; } .search-results fieldset input[type="text"] {width:70%; } .search-results .main .article p { margin-bottom:0px;} .search-results .results .article .content { padding-top:5px; } } .search-results .search a { background-color:#5a7690; color:#fff; padding:5px; float:left; border: 1px solid transparent; font-size:13px; line-height:14px; } li.wb-entry-list-entry{ list-style-type:none; /*border-bottom:1px solid #d3d3d3;*/ float:left; width:100%;} li.wb-entry-list-entry img{ float:left; margin-right:10px; } li.wb-entry-list-entry .wb-entry-detail p{ margin:5px 0; color: #5b5557; font-family: Arial,Helvetica,sans-serif; } li.wb-entry-list-entry .wb-entry-detail h2 { margin:0px; line-height:20px !important;} li.wb-entry-list-entry .wb-entry-detail h2 a{ font-size:18px; font-family: "MuseoSans500",Arial,Helvetica,sans-serif; line-height:20px !important} li.wb-entry-list-entry{ background-image:none !important;margin: 0px 0 !important; padding:10px 0 !important; } .wb-leftcolumn{ padding:0px;} .wb-leftcolumn{ width:450px !important; margin-right:20px;} .pagination .pageWrap ul li{ display:inline; list-style-type:none; background:none; } .wb-rightcolumn h3{ padding:0 0 5px 0; border:0px none; color:#5bbf21; border-bottom:1px dashed #d3d3d3;} .blogList ul li{ list-style-type:none; background:none; margin-bottom:0px !important;} .blogList ul li h4{ color:#5a7690; font-weight:bold;margin-bottom:0;margin-top:10px;} .wb-leftcolumn{ width:70% !important;} .wb-leftcolumn .pageWrap { text-align:center;} @media screen and (max-width:1000px) { .wb-leftcolumn{ width:100% !important; margin-right:0px;} .wb-rightcolumn{ width:100% !important;} #columns_0_ucTitle_mainHeading{ width:94%; margin-left:3%; margin-top:10px; margin-bottom:0px;} } .wb-entries li a{font-weight:normal !important;} /*ul li ul li ul li a{font-weight:normal !important;}*/ .events .meta { padding-left: 15px; color: #999093; color: #999093; float: left; width: 210px; } .events{ border: 1px solid #D3D3D3 !important; border-bottom: none; } .event .content a:hover { color:#4f1c91; font-weight:normal; } .event .content a { color:#4f1c91; font-weight:normal; } .events{ margin-top: 20px; } .events-corporate > .header-green { font-size:18px; display: block; float: none; margin-bottom: 0; padding: 11px 14px 0;color: #5bbf21; text-transform: uppercase; font-weight: normal; line-height: 0.94; font-family: "MuseoSans500",Arial,Helvetica,sans-serif;} .events-corporate > .header-sub { margin-top: 0; padding: 10px 15px 0; font-size:10px; margin:0;} .event{background:#fbfafa; border-bottom: 1px solid #e7e4e5; min-height: 73px; padding: 18px 13px 10px; } .event p{font:normal 12px/12px Arial, Helvetica, sans-serif; color:#5b5557; margin:0px; padding:0;line-height:1.2rem;} .event .content{background: url("/images/PPDI/icons/eventDivide.png") repeat-y scroll 100% 12px #fbfafa!important; min-width:150px; float: left; width:420px; padding: 0 38px 0 0;} .event .content h3{ font-size:20px; font-family: Arial,Helvetica,sans-serif; margin:0 0 8px; line-height:1.5rem;} .event .content h3 a{ background: url("/images/PPDI/icons/h2a.png") no-repeat scroll 100% 9px rgba(0, 0, 0, 0); color: #5a7690; font-weight: normal; padding-right: 10px; text-decoration:none; } .event .content h3 a:hover { color:#4f1c91; } .event p.location{ margin:0 0 7px; padding:0; color:#5b5557; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:14px;} .event .date, p.type{ font:normal 12px Arial, Helvetica, sans-serif; margin:4px 0 20px 0;} .event .date label{ font:normal 11px Arial, Helvetica, sans-serif; width:50px; float:left; color:#999093; text-transform:uppercase; padding-bottom:3px;} .event p.type label{ font:normal 11px Arial, Helvetica, sans-serif; width:50px; float:left; color:#999093; text-transform:uppercase; padding-bottom:3px;} .event .date span.date{ color:#5bbf21 ; width:113px; font-size:14px;} .event p.type span.type{ color:#5b5557 ; width:113px; font-size:14px;} .event p.region label{font:normal 11px Arial, Helvetica, sans-serif; width:50px; float:left; color:#999093; text-transform:uppercase; padding-bottom:3px;} .event p.region span.region{color:#5b5557 ; width:113px; font-size:14px;} .events .pagination { border-bottom: 1px solid #d3d3d3; height: 25px; padding: 11px 14px 0; } .content {background-color:#fff;} .main .event-calendar [class*="col-"] {margin-bottom:0;padding:0 10px;} .main hr {height:0;border:0;border-top:1px dotted #9a9a9a;} a.direction {border:1px solid #4f1c91; background-color:#4f1c91; display:block; padding:7px 10px;width:140px;color:#fff;} a:hover.direction {border:1px solid #4f1c91;background-color:#fff; color:#4f1c91;} a.direction span {font-size:12px;} .event-calendar label{ font:normal 11px Arial, Helvetica, sans-serif; color:#999093; text-transform:uppercase;} .text-purple, .text-purple p, .text-purple p a {color:#4f1c91 !important;} .right-border{border:none;} @media (min-width: 768px) { .right-border{border-right:1px dotted #9a9a9a;} } .main .event-calendar a:hover {color:#4f1c91 !important;} /*bullet css fixx*/ .main ul { margin: 0 0 20px 13px; } ol li {margin: 0 0 10px;padding: 0 0 0 10px; line-height:18px;color:#5B5557;font-size:14px;} /*Site Map css*/ @media screen and (max-width:1000px) { #content.siteMap{ padding:0 10px 5%;} } .siteMap .main ul a{font-weight: bold;font-size:12px;} .siteMap .main ul ul a{font-weight: normal;} .siteMap .main ul li{background:none;padding-left: 0px;line-height: .5em;} .siteMap .main ul ul li{background: url(http://ppdi.com/images/PPDI/sub/li.png) no-repeat 0 6px; padding-left: 10px; line-height: 1em;} .siteMap .main h4 a {color: #5BBF21;font-weight: normal;font-size: 1.4em;font-family: "MuseoSans500",Arial,Helvetica,sans-serif;line-height: 1.5em;margin-left:10px;} .siteMap .main h4 a:hover {color:#4f2683;} .aboutcol{ background: #FBFAFA;border: 1px #d3d3d3 solid;}