/* JDC blue #173B5F JDC blue med dark #0E4C7B JDC blue med #3080C1 alert red #C31433 light warm grey #E1DDD4 med warm grey # 96948F dark warm grey #6D6C69 dark orange #F26722 light orange #FFE7DE med blue #00AEEF light blue #ADEBFF */ /* body width 800px left column 520px right column 260px all gutters 20px main promo image 520x290 slideshow and video promo images 236px wide1 slideshow promo is 177px high */ body {padding: 0; margin: 10px 0; background-color: #E6E6E6; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 11px;} table td {background-color: #FFFFFF;} #form1 {margin: 0; padding: 0;} #mainbody {width: 800px; float: none; clear: both; display: block; position: static; overflow: hidden; padding: 0; margin: 0 auto; background-color: #FFFFFF;} #frontpage {display: block; overflow: hidden; padding: 0; margin: 0; background-color: #FFFFFF;} #leftcolumn {width: 520px; float: left; clear: left; display: block; margin: 0; padding: 0; position: relative; overflow: hidden;} #mainpromo {width: 500px; height: 540px; margin: 0 0 20px 10px; overflow: hidden; position: relative; border: solid 2px #E1DDD4; padding: 0;} #mainpromo p#newsheader {display: block; font-size: 1.4em; padding: 8px 12px; margin: 0; font-weight: normal; position: absolute; top: 0; right: 0; width: 200px; height: 40px; overflow: auto;} #mainpromo p#newsheader #changebuttonholder {position: absolute; top: 0; right: 50px; display: block; padding: 0;} #mainpromo p#newsheader #changebuttonholder span {cursor: pointer; *cursor: hand; display: block; float: right; -webkit-border-radius: 8px; -moz-border-radius: 8px; height: 16px; width: 16px; background-color: #96948F; margin: 9px 0 0 4px; padding: 0; text-align: center; line-height: 16px; font-size: 10px; color: #FFFFFF;} .changer {cursor: pointer; *cursor: hand; display: block; float: right; -webkit-border-radius: 8px; -moz-border-radius: 8px; height: 16px; width: 16px; background-color: #96948F; margin: 9px 0 0 4px; padding: 0; text-align: center; line-height: 16px; font-size: 10px; color: #FFFFFF; border: solid 1px #6D6C69;} .changer:hover {border-color: #E1DDD4;} .off {background-color: #FFFFFF; color: #333333; border-color: #FFFFFF; margin: 9px 0 0 4px;} .off:hover {background-color: #CCCCCC;} /* #newsheader */ #playbutton {cursor: pointer; *cursor: hand; display: block; position: absolute; right: 12px; top: 9px; -webkit-border-radius: 8px; -moz-border-radius: 8px; height: 16px; width: 16px; background-color: #96948F; margin: 0; padding: 0; text-align: center; line-height: 16px; font-size: 10px; color: #FFFFFF; border: solid 1px #3080C1;} .pause {background: transparent url(/images/fp/play_icon.gif) -43px 0 no-repeat;} .pause:hover {background-position: -63px 0;} .play {background: transparent url(/images/fp/play_icon.gif) 0 0 no-repeat;} .play:hover {background: transparent url(/images/fp/play_icon.gif) -22px 0 no-repeat;} #promo1,#promo2,#promo3,#promo4,#promo5,#promo6,#promo7,#promo8,#promo9,#promo10 {position: absolute; left: 0; top: 0; background-color: #FFFFFF;} /* #mainimageholder {position: relative; overflow: hidden;} */ #mainpromo img {border: none; margin: 0; padding: 0;} #mainpromo .blueoverlay {background-color: #173B5F; filter: alpha(opacity=86); -khtml-opacity: 0.86; -moz-opacity: 0.86; opacity: 0.86; width: 500px; height: 48px; margin: 0; padding: 0; position: absolute; top: 231px; left: 0; overflow: hidden;} #mainpromo .blueoverlay h2 {height: 48px; line-height: 48px; color: #FFFFFF; font-size: 20px; font-weight: bold; margin: 0; padding: 0 0 0 10px; display: block; filter: alpha(opacity=100); -khtml-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0;} /* Emergency Title */ #mainpromo .redoverlay {background-color: #C31433; filter: alpha(opacity=86); -khtml-opacity: 0.86; -moz-opacity: 0.86; opacity: 0.86; width: 500px; height: 48px; margin: 0; padding: 0; position: absolute; top: 231px; left: 0; overflow: hidden;} #mainpromo .redoverlay h2 {height: 48px; line-height: 48px; color: #FFFFFF; font-size: 20px; font-weight: bold; margin: 0; padding: 0 0 0 10px; display: block; filter: alpha(opacity=100); -khtml-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0;} #mainpromo a {color: #3080C1;} #mainpromo p {margin: 12px 12px 0 12px; color: #333333; font-size: 12px; line-height: 15px; *line-height: 14px;} .morenews {display: block; overflow: auto; color: #6D6C69; border: none; font-size: 1.4em; font-weight: bold; margin: 20px 12px; padding: 0;} #videopromo {width: 500px; margin: 0 0 20px 10px; overflow: hidden; position: relative; border: solid 2px #E1DDD4; padding: 0;} #videopromo a {color: #3080C1;} #videopromo p {margin: 12px 12px 0 12px; color: #333333; font-size: 1.0em; line-height: 1.4em;} #videopromo h1 {width: 500px; background-color: #E1DDD4; height: 36px; line-height: 36px; font-weight: normal; font-size: 16px; padding: 0 12px; margin: 0; display: block; color: #333333;} #videopromo h3 {width: 500px; background-color: #E1DDD4; height: 36px; line-height: 36px; font-weight: normal; font-size: 16px; padding: 0 12px; margin: 0; display: block; color: #333333;} #videopromo h3 em {font-weight: bold;} #bannerpromo {width: 500px; margin: 0 0 20px 10px; overflow: hidden; position: relative; padding: 0;} #bannerpromo a {color: #3080C1;} #bannerpromo p {margin: 12px 12px 0 12px; color: #333333; font-size: 1.0em; line-height: 1.4em;} #bannerpromo h1 {width: 500px; background-color: #E1DDD4; height: 36px; line-height: 36px; font-weight: normal; font-size: 16px; padding: 0 12px; margin: 0; display: block; color: #333333;} #bannerpromo h3 {width: 500px; background-color: #E1DDD4; height: 36px; line-height: 36px; font-weight: normal; font-size: 16px; padding: 0 12px; margin: 0; display: block; color: #333333;} #bannerpromo h3 em {font-weight: bold;} h1.greyheader {background-color: #E1DDD4; height: 36px; line-height: 36px; font-weight: normal; font-size: 16px; padding: 0 12px; margin: 0; display: block; color: #333333;} #rightcolumn {width: 260px; float: right; clear: none; margin: 0 10px 0 0; padding: 0;} #actionbox {border: solid 2px #E1DDD4; background-color: #ECEDEF; color: #FFFFFF; font-size: 1.0em; line-height: 1.4em;} #getinvolved {display: block; overflow: auto; margin: 0; padding: 0; color: #000000; /* background-color: #FFFFFF; */} #getinvolved .header {display: block; margin: 0; padding: 12px; background-color: #F26722; color: #FFFFFF; font-size: 1.4em; font-weight: normal;} #getinvolved p {background-color: #C0F0FF; margin: 8px; padding: 4px 12px 12px 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px;} /* FFE7DE */ #getinvolved p .donate {font-size: 1.4em; display: block; font-weight: normal; color: #000000; line-height: 1.8em;} #getinvolved p a {color: #000000;} #getinformed {display: block; overflow: auto; margin: 0; padding: 0; color: #000000; background-color: #FFFFFF;} #getinformed .header {display: block; margin: 0; padding: 12px; background-color: #00AEEF; color: #FFFFFF; font-size: 1.4em; font-weight: normal;} #getinformed .subscriptionsbox {background-color: #DBF6FC; margin: 8px; padding: 8px 12px 12px 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; display: block; overflow: auto; position: relative;} /* .subscriptionsbox input.bluebox {width: 110px; height: 24px; font-size: 11px; line-height: 24px; color: #999999; border: solid 1px #173B5F; margin: 0; padding: 0 6px; float: left;} .subscriptionsbox input.bluebutton {float: right; color: #00AEEF; height: 26px; background-color: #00AEEF; border: none; color: #FFFFFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .subscriptionsbox #searchbutton {color: #FFFFFF; cursor: pointer; cursor: hand;} */ .visualpromo {background-color: #E1DDD4; color: #333333; padding: 6px 12px 12px 12px; margin: 20px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px;} .visualpromo p {margin: 4px 0 0 0; font-size: .92em; line-height: 1.4em;} .visualpromo p a {color: #333333;} .visualpromo p.title {margin: 0 0 4px 0; font-size: 1.2em; border: none; border-bottom: solid 1px #FFFFFF;} .visualpromo p.title em {font-weight: bold;} .visualpromo a img {border: none;} .lightgrey {background-color: #ECEDEF;} #slideshow a img {width: 236px; height: 177px;} .flink {cursor: pointer; cursor: hand; text-decoration: underline;} /* universal header */ #uheader {margin: 0 0 20px 0; padding: 0; background-color: #173B5F; width: 800px; height: 150px; overflow: hidden; position: relative; background: #173B5F url(/uploadedImages/header-back-textured.jpg) 0 0 no-repeat; } #homelogo {width: 330px; height: 150px; display: block; margin: 0; padding: 0; overflow: hidden; background: transparent url(/uploadedImages/header-logo.gif) 0 0 no-repeat; text-decoration: none; border: none; position: absolute; top: 0; left: 0;} #homelogo span {position: relative; left: -600px; color: #173B5F;} #tagline {display: block; position: absolute; top: 0; right: 0; width: 559px; height: 113px; overflow: hidden;} #tagline span {position: relative; left: 9000px; color: #173B5F;} #headerlinks {position: absolute; left: 0; bottom: 0; list-style-type: none; margin: 0; padding: 0; font-size: 11px; font-weight: normal; color: #FFFFFF; line-height: 28px;} #headerlinks li {height: 28px; border: none; border-top: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; margin: 0; padding: 0 auto; float: left;} #headerlinks li a {display: block; text-decoration: none; color: #FFFFFF; height: 28px; margin: 0; padding: 0 12px;} #headerlinks li a:hover {background-color: #3080C1;} #headerlinks li#help a {background-color: #F26722;} #headerlinks li#help a:hover {background-color: #FF8048;} #headerlinks li#subs a {background-color: #00AEEF;} #headerlinks li#subs a:hover {background-color: #00C1FC;} #searchbox {position: absolute; right: 0; bottom: 0; padding: 0 5px 6px 0; width: 150px; white-space: nowrap; text-align: center;} #searchbox input {width: 110px; height: 18px; font-size: 11px; line-height: 18px; color: #999999; border: none; margin: 0; padding: 0 6px;} #searchbox #ctl00_Header1_lbtnSearch {color: #FFFFFF; cursor: pointer; cursor: hand;} /* newsletter subscriptions signup form */ #leftcolumn #signupform {width: 500px; margin: 0 0 0 10px; overflow: hidden; position: relative; border: solid 2px #E1DDD4; padding: 0;} #leftcolumn #signupform #e2ma_signup_form {margin: 20px;} #leftcolumn #signupform #e2ma_signup_form_container {margin: 20px 0 0 0;} #rightcolumn #signupform {width: 100%; margin: 0;} #rightcolumn .e2ma_signup_form_row {display: block; padding: 13px 0 0 0; margin: 0; float: none; clear: both; overflow: visible; height: 16px; width: 140px; float: left;} #rightcolumn .e2ma_signup_form_label {width: 30px; display: block; float: left; clear: left; text-align: right; padding: 2px 4px;} #rightcolumn .e2ma_signup_form_element {width: 100px; float: left; display: block;} #rightcolumn .e2ma_signup_form_element input {width: 100%; display: block; margin: 2px;} #rightcolumn #e2ma_signup_reset_button {display: none;} #rightcolumn .e2ma_signup_form_required_asterix {display: none;;} #rightcolumn .e2ma_signup_form_required_footnote {display: none;} .e2ma_signup_form_button_row {float: right;} #e2ma_signup_submit_button {margin: 12px 0; display: block;} #signupform .e2ma_signup_form_row {display: block; padding: 0 0 12px 0; margin: 0; float: none; clear: both; overflow: hidden;} #signupform .e2ma_signup_form_label {width: 200px; float: left; clear: left; padding: 4px; text-align: right; padding: 2px 4px;} #signupform .e2ma_signup_form_element {width: 240px; float: right; display: block;} #signupform #e2ma_signup_reset_button {display: none;} #signupform .e2ma_signup_form_required_asterix {color: red; display: inline;} #signupform .e2ma_signup_form_required_footnote {padding: 10px 0 0 230px; display: block; float: none; clear: both; color: red;} #signupform .e2ma_signup_form_button_row {float: none;} #signupform #e2ma_signup_submit_button {margin: 20px 0 20px 210px; display: block; clear: both;} #signupform h1 {margin-left: 8px; background-color: #E1DDD4; color: #FFFFFF; height: 36px; line-height: 36px; font-weight: normal; font-size: 16px; padding: 0 12px; display: block; color: #333333;} .footerA a {color: #666666; font-size: 10px; line-height: 13px;} .footer a {color: #666666; font-size: 10px; line-height: 13px;} .footer {color: #666666; font-size: 10px; line-height: 13px;} /* content pages */ .mapimage {margin: 20px 0;} .countrySideBarBox .countrySideBarContent .whiteBox .innerContent p {margin: 0;} /* ###### Asia */ .Asia {margin: 20px 20px 20px 10px;} .Asia hr { height: 2px; color: #E1DDD4; background-color: #E1DDD4; border: none; margin: 0 0 20px 0; } .Asia h1 {color: #3080C1; font-size: 1.8em; display: block;} .Asia h2 {color: #3080C1; font-size: 1.2em; margin: 0; display: block;} .Asia p {margin: 0 0 1em 0;} .Asia ul {list-style-type: disc; color: #3080C1;} .Asia ul li {color: #666666; margin: 0 0 1em 0; padding: 0;} /* ###### Europe */ .Europe {margin: 20px 20px 20px 0;} .Europe hr {height: 2px; color: #E1DDD4; background-color: #E1DDD4; border: none; margin: 0 0 20px 0;} .Europe h1 {color: #3080C1; font-size: 1.8em; display: block;} .Europe h2 {color: #3080C1; font-size: 1.2em; margin: 0; display: block;} .Europe p {margin: 0 0 1em 0;} .Europe ul {list-style-type: disc; color: #3080C1;} .Europe ul li {color: #666666; margin: 0 0 1em 0; padding: 0;} /* ###### Latin America */ .LAmerica {margin: 20px 20px 20px 0;} .LAmerica hr {height: 2px; color: #E1DDD4; background-color: #E1DDD4; border: none; margin: 0 0 20px 0;} .LAmerica h1 {color: #3080C1; font-size: 1.8em; display: block;} .LAmerica h2 {color: #3080C1; font-size: 1.2em; margin: 0; display: block;} .LAmerica p {margin: 0 0 1em 0;} .LAmerica ul {list-style-type: disc; color: #3080C1;} .LAmerica ul li {color: #666666; margin: 0 0 1em 0; padding: 0;} /* ###### Former Soviet */ .FSoviet {margin: 20px 20px 20px 0;} .FSoviet hr {height: 2px; color: #E1DDD4; background-color: #E1DDD4; border: none; margin: 0 0 20px 0;} .FSoviet h1 {color: #3080C1; font-size: 1.8em; display: block;} .FSoviet h2 {color: #3080C1; font-size: 1.2em; margin: 0; display: block;} .FSoviet p {margin: 0 0 1em 0;} .FSoviet ul {list-style-type: disc; color: #3080C1;} .FSoviet ul li {color: #666666; margin: 0 0 1em 0; padding: 0;} /* ###### Africa */ .Africa {margin: 20px 20px 20px 0;} .Africa hr {height: 2px; color: #E1DDD4; background-color: #E1DDD4; border: none; margin: 0 0 20px 0;} .Africa h1 {color: #3080C1; font-size: 1.8em; display: block;} .Africa h2 {color: #3080C1; font-size: 1.2em; margin: 0; display: block;} .Africa p {margin: 0 0 1em 0;} .Africa ul {list-style-type: disc; color: #3080C1;} .Africa ul li {color: #666666; margin: 0 0 1em 0; padding: 0;} /* ###### Israel */ .Israel {margin: 20px 20px 20px 0;} .Israel hr {height: 2px; color: #E1DDD4; background-color: #E1DDD4; border: none; margin: 0 0 20px 0;} .Israel h1 {color: #3080C1; font-size: 1.8em; display: block;} .Israel h2 {color: #3080C1; font-size: 1.2em; margin: 0; display: block;} .Israel p {margin: 0 0 1em 0;} .Israel ul {list-style-type: disc; color: #3080C1;} .Israel ul li {color: #666666; margin: 0 0 1em 0; padding: 0;} /* Shadowbox */ #dark { position: fixed; _position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #CCCCCC; opacity: .85; -webkit-opacity: .85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=85); display: none; } #iframe { display: none; position: fixed; _position: absolute; width: 540px; height: 90%; left: 50%; top: 20px; padding: 0; z-index: auto; -webkit-opacity: 1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background-color: #FFFFFF; margin-left: -250px; /* margin-top: -300px; */ } #lightx { display: block; width: 25px; height: 25px; position: absolute; right: 0px; top: 0px; background-color: #F26722; text-decoration: none; color: #FFFFFF; line-height: 24px; text-align: center; font-size: 18px; font-weight: bold; } /* ###### Titles */ .about {margin: 20px 20px 20px 0;} .about hr {height: 2px; color: #E1DDD4; background-color: #E1DDD4; border: none; margin: 0 0 20px 0;} .about h1 {color: #3080C1; font-size: 1.8em; display: block;} .about h2 {color: #3080C1; font-size: 1.2em; margin: 0; display: block;} .about link {color: #3080C1; font-size: 1.2em; margin: 0; display: block;} .about p {margin: 0 0 1em 0;} .about ul {list-style-type: disc; color: #3080C1;} .about ul li {color: #666666; margin: 0 0 1em 0; padding: 0;} /* EOY */ h1.EOYheader {width: 500px; background-color: #E1DDD4; height: 36px; line-height: 38px; font-weight: normal; font-size: 16px; padding: 0 12px; margin: 0 10px; display: block; color: #333333; width: 480px; text-transform: uppercase;} #EOYpromo {width: 500px; height: 333px; margin: 0 0 20px 10px; overflow: hidden; position: relative; border: solid 2px #E1DDD4; padding: 0;} #EOYpromo img {border: none; margin: 0; padding: 0;} #EOYpromo .EOY2blueoverlay {background-color: #173B5F; filter: alpha(opacity=88); -khtml-opacity: 0.88; -moz-opacity: 0.88; opacity: 0.88; width: 500px; height: 55px; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; overflow: hidden;} #EOYpromo .EOY2blueoverlay h2 {height: 48px; line-height: 15px; color: #FFFFFF; font-size: 11px; font-weight: normal; margin: 0; padding: 6px 10px 0 10px; display: block; filter: alpha(opacity=100); -khtml-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0;} #EOYpromo #EOYnewsheader {display: block; font-size: 1.4em; padding: 8px 90px; margin: 0; font-weight: normal; position: absolute; top: 0; right: 0; width: 200px; height: 40px; overflow: auto;} #EOYnewsheader #changebuttonholder {position: absolute; top: 0; right: 35px; display: block; padding: 0px;} #EOYnewsheader #changebuttonholder span {cursor: pointer; *cursor: hand; display: block; float: right; -webkit-border-radius: 8px; -moz-border-radius: 8px; height: 16px; width: 16px; background-color: #96948F; margin: 9px 0 0 4px; padding: 0; text-align: center; line-height: 16px; font-size: 10px; color: #FFFFFF;} #leftcolumn ul li {margin-bottom: 1em;} /* EOY 2011*/ #EOYpromo .EOY2blueoverlay {background-color: #173B5F; filter: alpha(opacity=88); -khtml-opacity: 0.88; -moz-opacity: 0.88; opacity: 0.88; width: 500px; height: 85px; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; overflow: hidden;} #EOYpromo .EOY2blueoverlay h2 {height: 75px; line-height: 15px; color: #FFFFFF; font-size: 11px; font-weight: normal; margin: 0; padding: 6px 10px 0 10px; display: block; filter: alpha(opacity=100); -khtml-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0;} /*Haiti*/ #haitipromo {width: 193px; margin: 0 0 0px 0px; overflow: hidden; position: relative; border: solid 2px #E1DDD4; padding: 0;} #dark2 {position: fixed; _position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #CCCCCC; opacity: .85; -webkit-opacity: .85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=85); display: none;} #iframesurvey {display: none; position: fixed; _position: absolute; width: 500px; height: 383px; left: 50%; top: 20px; padding: 0; z-index: auto; -webkit-opacity: 1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background-color: #173B5F; margin-left: -250px; /* margin-top: -300px; */} #iframesurvey h4 {color: #FFFFFF; font-weight: bold; font-size: 18px; line-height: 32px; height: 32px; display: block; margin: 0 6px; padding: 0;} #lightxsurvey {display: block; height: 32px; position: absolute; right: 0px; top: 0px; background-color: #F26722; text-decoration: none; color: #FFFFFF; line-height: 32px; text-align: center; font-size: 18px; font-weight: bold; padding: 0 8px;} /* bike Ukraine */ #top_navigation { padding-left: 20px; margin-bottom: 20px; } #top_navigation h2, #left_navigation h2 { display:none; } #top_navigation li { font-size:14px; float:left; margin:0; list-style-type:none; clear: none; padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 15px; } #top_navigation li a.current, #top_navigation li a:hover, #top_navigation li a:active { color:#666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } #bottom_navigation { margin-bottom: 20px; padding-top: 0px; padding-bottom: 30px; } #bottom_navigation h2, #left_navigation h2 { display:none; } #bottom_navigation li { font-size:14px; float:left; margin:0; list-style-type:none; clear: none; padding-top: -30px; padding-right: 30px; padding-bottom: 0px; padding-left: 15px; } #bottom_navigation li a.current, #bottom_navigation li a:hover, #bottom_navigation li a:active { color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } #downloadpdf {display: block; overflow: auto; margin: 0; padding: 0; color: #000000; /* background-color: #FFFFFF; */} #downloadpdf .header {display: block; margin: 0; padding: 12px; background-color: rgb(31, 124, 183); color: #FFFFFF; font-size: 1.4em; font-weight: normal;} #downloadpdf p {background-color: #C0F0FF; margin: 8px; padding: 4px 12px 12px 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px;} /* FFE7DE */ #downloadpdf p .donate {font-size: 1.4em; display: block; font-weight: normal; color: #000000; line-height: 1.8em;} #downloadpdf p a {color: #000000;} /* {{{ --------------------------------------- DYNAMIC LEAD */ #jdca-dynamiclead, #jdca-dynamiclead #jdca-dynamiclead-noscript { border: none; width: 777px; height: 299px; position: relative; background: #00adef; overflow: hidden; } .images-disabled #jdca-dynamiclead { background: black; } .bigslide {width: 777px; height: 299px; display: block; position: absolute; left: 0; top: 0; margin: 0; padding: 0; overflow: hidden;} #jdca-dynamiclead .dl-Image { width: 505px; height: 299px; position: absolute; right: 0; top: 0; cursor: pointer; cursor: hand; } #jdca-dynamiclead #jdca-dynamiclead-noscript .dl-Image { cursor: default; } #jdca-dynamiclead .dl-InfoPanel { bottom: 0; left: 0; top: 0; padding: 25px; width: 220px; height: 250px; position: absolute; color: white; background-color: #00adef; } #jdca-dynamiclead .dl-InfoPanelBackground { position: absolute; left: 0; bottom: 0; width: 269px; height: 40px; background-color: #1266ac; z-index: 1; } #jdca-dynamiclead .dl-Title { font-size: 2.9em; font-family: Georgia, serif; line-height: 1.4em; color: #FFFFFF; text-align:center; } #jdca-dynamiclead .dl-Title a {color: #FFFFFF; display: inline-block;} #jdca-dynamiclead .dl-Caption { font-size: 1.167em; color: #FFFFFF; line-height: 1.2em; margin-top: 12px; display: inline-block; } #jdca-dynamiclead .dl-ClickHere { margin-top: 17px; color: white; display: none; } #jdca-dynamiclead .dl-ClickHere a {color: #FFFFFF;} #jdca-dynamiclead .dl-CaptionPanel { bottom: 40px; right: 0; top: 0; padding-right: 30px; padding-left: 40px; padding-bottom: 5px; padding-top: 5px; width: 230px; height: 258px; position: absolute; } #jdca-dynamiclead .dl-TitleLink { bottom: 40px; right: 0; top: 0; width: 261px; position: absolute; z-index: 1000; } #jdca-dynamiclead .dl-NextButton, #jdca-dynamiclead .dl-PreviousButton { position: absolute; height: 12px; width: 11px; bottom: 14px; left: 13px; display: block; background: transparent url(../ecards/images/sprites.png) no-repeat -171px -256px; text-indent: -9000em; color: white; text-align: center; text-decoration: none; outline: none; z-index: 2; cursor: pointer; cursor: hand; } #jdca-dynamiclead .dl-NextButton { right: 13px; left: auto; background-position: -182px -256px; } #jdca-dynamiclead .dl-NextButton:active, #jdca-dynamiclead .dl-NextButton:focus, #jdca-dynamiclead .dl-PreviousButton:active, #jdca-dynamiclead .dl-PreviousButton:focus { outline: none; } #jdca-dynamiclead .dl-JumpLinks { position: absolute; right: 103px; bottom: 14px; height: 12px; z-index: 2; } #jdca-dynamiclead .dl-JumpLinks-1 { right: 143px; } #jdca-dynamiclead .dl-JumpLinks-2 { right: 133px; } #jdca-dynamiclead .dl-JumpLinks-3 { right: 123px; } #jdca-dynamiclead .dl-JumpLinks-4 { right: 113px; } #jdca-dynamiclead .dl-JumpLink { float: left; display: block; height: 12px; width: 12px; background: transparent url(../ecards/images/sprites.png) no-repeat -205px -256px; font-size: 0px; margin-left: 8px; outline: none; cursor: pointer; cursor: hand; } .images-disabled #jdca-dynamiclead .dl-JumpLink { background-color: #337D6D; } #jdca-dynamiclead .dl-JumpLink-selected { background-position: -193px -256px; } .images-disabled #jdca-dynamiclead .dl-JumpLink-selected { background-color: white; } #jdca-dynamiclead .dl-JumpLink:active, #jdca-dynamiclead .dl-JumpLink:focus { outline: none; } .content-box { margin: 0px auto; width: 777px; margin-top: 20px; background: white; } #hr{ height: 0px; border: none; border-bottom: 1px solid white; margin: 0; /* margin-bottom: 2em; */ margin-bottom: 20px; } .right_part_cont { border-left:1px #bbb9b9 dotted; float: left; width: 385px; } .right_part_cont h2 { font-weight: bold; color: #333; font-size: 12px; } .right_part_cont h3 { font-weight: bold; color: #00adef; font-size: 16px; } .right_part_cont h4 { color: #00adef; font-size: 20px; padding: 40px 0 30px; } .left_part_cont { float: left; width: 385px; } .left_part_cont h2 { font-weight: bold; color: #333; font-size: 12px; } .left_part_cont h3 { font-weight: bold; color: #00adef; font-size: 16px; } .left_part_cont h4 { color: #2F2F2F; font-size: 20px; padding: 40px 0 30px; } .d_dash{ border-top:1px #bbb9b9 dotted; height:1px; margin-bottom:20px; font-size:0; line-height:0; } .h3 { font-weight: bold; } .border_img img { border: 1px solid #E4E3E0; } .inner{ padding: 10px 10px 10px 10px; } .clearboth, .clearb{ clear: both; display: block; margin-bottom: 0px; font-size: 0; height: 20px; line-height: 0; overflow: hidden; width: 100%; } .btn_read_right { background: url("../images/read_more.png") no-repeat scroll 0 0 transparent; clear: both; color: #050505; display: block; font-size: 12px; font-weight: bold; height: 36px; letter-spacing: -0.7px; line-height: 35px; margin: 30px 0 40px; text-align: center; width: 85px; } .btn_read_right:hover { background: url("../images/read_more_hover.png") no-repeat scroll 0 0 transparent; color: #ffffff; } .image_shadow270 { background: url("../images/image_shadows/image_shadow270.png") no-repeat scroll center bottom transparent; padding-bottom: 5px !important; margin-bottom: 0px !important; border:none !important; } .right_part_cont .border_img { border-color: #E7E7E7 #CACACA #C6C6C6 #E4E4E4; border-left: 1px solid #E4E4E4; border-style: solid; border-width: 1px; display: block; float: left; width: 340px; height: 220px; margin: 0 10px 0 10px; } .right_part_cont .border_img2 { border-color: #E7E7E7 #CACACA #C6C6C6 #E4E4E4; border-left: 1px solid #E4E4E4; border-style: solid; border-width: 1px; display: block; float: left; width: 340px; height: 130px; margin: 0 10px 0 10px; } .left_part_cont .border_img { border-color: #E7E7E7 #CACACA #C6C6C6 #E4E4E4; border-left: 1px solid #E4E4E4; border-style: solid; border-width: 1px; display: block; float: left; height: 100px; width: 100px; margin: 0 10px 0 0;} /* }}} --------------------------------------- DYNAMIC LEAD */