/* PHG Foundation Author: Calvin Cheah Date: 2 April 2007 Modified: 11 May 2007 File: style.css */ /* body */ body { padding: 0; margin: 0; font: .74em Arial, sans-serif; line-height: 1.5em; color: #666666; background-color:white;background-repeat:no-repeat; background-position:center top;} a{color:#336699;text-decoration:none;} a:hover{text-decoration:underline;} /* banner_top */ #banner_top_container{ height:100px;} #banner_top{width:910px;margin:0px auto;height:100px;background-image:url(../images/template/topbanner_phgfoundation.jpg); background-repeat:no-repeat; background-position:2px 25px;} #banner_top h1{display:none;} #banner_top_home_link{float:left;margin:0px 0 0 0;} #banner_top_home_link a{display:block;height:100px;width:380px;color:white;} #banner_top_nav{float:right;margin:40px 0px 0px 0px;display:block;position:relative;display:none;} #banner_top_nav ul#banner_top_nav_list,#banner_top_nav ul#banner_top_nav_list li{margin:0;padding:0;list-style:none;} #banner_top_nav ul#banner_top_nav_list li{float:left;display:block;height:35px;} #banner_top_nav ul#banner_top_nav_list li{background-image:url(../images/template/topbutton_listbg.jpg); background-repeat:repeat-x;} #banner_top_nav ul#banner_top_nav_list li.banner_top_nav_left{width:20px; background-image:url(../images/template/topbutton_listleft.jpg); background-repeat:no-repeat; background-position:0 0;} #banner_top_nav ul#banner_top_nav_list li.banner_top_nav_right{width:25px; background-image:url(../images/template/topbutton_listright.jpg); background-repeat:no-repeat; background-position:top right;} #banner_top_nav ul#banner_top_nav_list li a{padding:8px 0 0 0;display:block;color:white;} #banner_top_nav ul#banner_top_nav_list_options, #banner_top_nav ul#banner_top_nav_list_options li{margin:0;padding:0;list-style:none;} #banner_top_nav ul#banner_top_nav_list_options{z-index:10;position:absolute;top:27px;right:0;width:180px;padding-top:5px;padding-right:5px;display:none;} #banner_top_nav ul#banner_top_nav_list_options{width:905px;} #banner_top_nav ul#banner_top_nav_list_options li{width:180px;float:left;} #banner_top_nav ul#banner_top_nav_list_options li a{background-image:url(../images/template/topbuttondrop_listbg.jpg); background-repeat:repeat-x;} #banner_top_nav ul#banner_top_nav_list_options li a{padding:4px 8px 4px 8px;display:block;border:solid #1098c2 1px;border-top:0px;} #banner_top_nav ul#banner_top_nav_list_options li a:hover{background-image:url(../images/template/topbuttondrop_listbg_hover.jpg);color:white;border:solid #85529d 1px;border-top:0px;} #banner_top_nav ul#banner_top_nav_list_options li a.rlo span{ background-image:url(../images/template/main.rlo.icon.png); background-repeat:no-repeat;display:block;padding-left:27px; background-position:0 -2px;} /* navigation_top */ #navigation_top{width:921px;margin:0px auto;background-color:transparent;padding:0;clear:both; background-image:url(../images/template/navigation_top_bg.jpg);background-position:center 1px; background-repeat:no-repeat; height:30px;color:white;padding-left:25px;} #navigation_top_00{width:900px;margin:0px auto;background-color:#85529d;padding:0;clear:both;height:30px;} #navigation_top ul {margin:0 0 0 0px;padding:0 5px;list-style-type:none;width:auto;height:26px;} #navigation_top li {display:block;float:left;margin:4px 2px 0 0;} #navigation_top li a{display:block;float:left;color:#eeeeee;text-decoration:none;padding:0;background-color:transparent; background-image:url(../images/navigation/navigationbar_purple_light.jpg); background-position:0px 0px;font-size:95%;} #navigation_top li a span{float:left;margin:0 0 0 8px;padding:4px 10px 4px 0; background-image:url(../images/navigation/navigationbar_purple_light.jpg); background-position:right top; cursor:pointer;} #navigation_top li a:hover{text-decoration:none;color:white;background-color:#c581d7;background-position:left 50px;} #navigation_top li a:hover span{background-position:right 50px;} #navigation_top li a.active{color:#003366;background-color:white;background-position:left 50px;} #navigation_top li a.active span{background-position:right 50px;} /* footer */ #footer{width:898px;margin:10px auto;clear:both;padding:0px; background-image:url(../images/template/footer_logo.jpg); background-repeat:no-repeat;} #footer_inner{padding:10px 0px 0px 90px;} #footer a{color:#6666CC;} #content_container_heading, #content_container_heading_about, #content_container_heading_contact {width:880px;padding:5px 10px;margin:0 0 0 11px;background-color:#3399FF;color:white;} /* navigation_top */ #navigation_top li a.active, #navigation_top li a.active span {background-image:url(../images/navigation/navigationbar_blue_white.jpg);} #navigation_top_title h1{display:none;} /* content_container */ #content_container{width:922px;margin:0px auto;display:block; background-image:url(../images/template/maincontent_bg.jpg); background-repeat:repeat-y;display:block;} #content_container_inner{width:340px;background-color:transparent;padding:0 30px;padding-right:10px;margin:0;padding-top:10px;padding-bottom:10px;float:left;text-align:justify;} #content_container_inner h1{padding:0;margin:0;font-size:180%;font-weight:normal;padding-top:10px; line-height:normal;} #content_container_inner_2{width:850px;background-color:transparent;padding:0 30px;padding-right:10px;margin:0;padding-top:10px;padding-bottom:10px;float:left;text-align:justify;} #content_container_inner_2 h1{padding:0;margin:0;font-size:180%;font-weight:normal;padding-top:10px; line-height:normal;} #content_container_slides{width:460px;background-color:#D9ECFF;float:left;padding:20px 10px 10px 30px; border:solid #eeeeee 1px;margin-top:20px;margin-left:20px;} #content_container_footer{clear:both;height:20px;background-image:url(../images/template/maincontent_footer_bg.jpg);background-repeat:no-repeat; background-color:white;} /* rlo_main_banner_list */ ul#rlo_main_banner_list{padding:0;margin:0;display:block;background-image:url(../images/template/main.banner.bg.jpg); background-repeat:repeat-y;padding:10px 10px 10px 0;width:215px;float:left;height:500px;} ul#rlo_main_banner_list li{padding:0;margin:0;list-style:none;} ul#rlo_main_banner_list li a{background-repeat:no-repeat; background-position:0 -3px;cursor:pointer;} ul#rlo_main_banner_list li a{display:block;width:220px;height:33px;} ul#rlo_main_banner_list li a.active{background-image:url(../images/template/main.banner.arrow.jpg);color:#333333;} ul#rlo_main_banner_list li a span{display:block;padding:8px 10px 0;} ul#rlo_main_banner_list li a span.rlo{padding-left:40px;font-size:90%;} ul#rlo_main_banner_list li a span.rlo{ background-image:url(../images/template/main.rlo.icon.png); background-repeat:no-repeat; background-position:11px 6px;} ul#rlo_main_banner_list li #licence_description{display:block;width:200px;height:55px;text-align:left;margin:10px 0 0 10px;font-size:90%;line-height:100%;} ul#rlo_main_banner_list li #licence_description img{padding-bottom:4px;} ul#rlo_main_banner_list li #licence_description a{position:relative;float:none;height:auto;width:auto;padding:0;} ul#rlo_main_banner_list li #partner_description{display:block;width:180px;height:100px;text-align:left;margin:20px 0 0 10px;font-size:90%;line-height:100%;} ul#rlo_main_banner_list li #partner_description img{padding-bottom:4px;margin:0 0 0 3px;} ul#rlo_main_banner_list li #partner_description a{position:relative;float:none;height:auto;width:auto;padding:0; display:inline;} .rlo_main_banner_item{float:left;width:620px;height1:420px;overflow1:hidden; background-repeat:no-repeat;position:relative;} .rlo_main_banner_item a.rlo_link{display:block; text-indent:-1000px;overflow:hidden;height:45px;width:235px;position:absolute;top:210px;left:20px;} .rlo_main_banner_item a.rlo_link{ background-repeat:no-repeat; background-position:-3px -3px;} .rlo_main_banner_item a.rlo_link{ background-image:url(../images/template/main.banner.item.button.jpg);} .rlo_main_banner_item a.rlo_link:hover{ background-image:url(../images/template/main.banner.item.button.hover.jpg);} #rlo_main_banner_item_0{background-image-0:url(../images/template/main.banner.item.rlo.jpg); background-position:0 -10px;} #rlo_main_banner_item_0_description{padding-left:15px;} #rlo_main_banner_item_0_description a.about{display:block;height:255px; text-indent:-1000px;overflow:hidden; width:600px;cursor:pointer;} #rlo_main_banner_item_0_description h2{margin:0;padding:0;font-size:150%;font-weight:normal;color:#336699;padding-bottom:2px;border-bottom:solid #eeeeee 1px;margin-bottom:2px;padding-left:5px;} #rlo_main_banner_item_0_description ul{margin:0;padding:0;list-style:none;} #rlo_main_banner_item_0_description li{margin:0;padding:0;list-style:none;float:left;width:280px;padding:4px 10px;} #rlo_main_banner_item_0_description li h3{margin:0;padding:0;font-size:120%;color:#990033;padding-bottom:4px;} .rlo_main_banner_item_0_icon{float:left;width:80px;height:80px;border:solid #cccccc 1px;margin:0 8px 0 0; background-repeat:no-repeat; background-position:50% 50%;} .rlo_main_banner_item_0_icon_pharma{background-image:url(../images/template/main.banner.item.rlo.pharma.jpg);} .rlo_main_banner_item_0_icon_moral{background-image:url(../images/template/main.banner.item.rlo.moral.jpg);} .rlo_main_banner_item_0_itemblurb{float:left;width:190px;font-size:90%; line-height:normal; text-align:left;} .rlo_main_banner_item_0_launch{float:right;padding-right:15px; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:100% 2px;} /* #rlo_main_banner_item_1{background-image:url(../images/template/main.banner.item.pharmacogenomics.jpg); background-position:-20px -70px;} #rlo_main_banner_item_2{background-image:url(../images/template/main.banner.item.moral.jpg); background-position:-20px -70px;} #rlo_main_banner_item_3{overflow:auto;padding:0px 30px 20px 20px;width:570px;height:400px;} #rlo_main_banner_item_3 h2{text-indent:-1000px;overflow:none;width:500px;height:30px;background-image:url(../images/template/main.banner.item.about.jpg); background-position:-15px -10px;} #rlo_main_banner_item_3 a{text-decoration:underline;} */ .rlo_main_banner_item_description{width:395px;float:left;padding-top:20px;} .rlo_main_banner_item_description h2{color:#663366;font-size:250%;} .rlo_main_banner_item_topics{width:200px;margin-top:40px;border-left:solid #eeeeee 1px;padding-bottom:10px;padding-top:10px;float:left;margin-left:10px;} .rlo_main_banner_item_topics h2{margin:0;padding:0;font-size:130%;color:#999999;font-weight:bold;padding:4px 10px;} .rlo_main_banner_item_topics ul{padding:0;margin:0;list-style:none;} .rlo_main_banner_item_topics li{padding:0;margin:0;list-style:none;padding:2px 10px 2px 20px; text-align:left;border-top:solid #eeeeee 1px;} .rlo_main_banner_item_topics li{background-image:url(../images/template/bullet.png); background-repeat:no-repeat; background-position:6px 7px;} #banner_thumbnails{} #banner_thumbnails ul{padding:0;margin:0;height:70px;margin-left:-3px;} #banner_thumbnails ul li{padding:0;margin:0;float:left;display:block;width:40px;height:40px;margin:4px;} #banner_thumbnails ul li a{padding:0;margin:0;width:40px;height:40px; text-indent:-1000px;overflow:hidden;display:block; border:solid #eeeeee 1px; cursor:pointer;} #banner_thumbnails ul li a:hover{border:solid #0066FF 1px;} #banner_thumbnails ul li a{background-repeat:no-repeat; background-position:50% 50%;} #banner_thumbnails ul li a#thumb_intro{background-image:url(../images/banner/thumbs/phg.jpg);} #banner_thumbnails ul li a#thumb_penetrance{background-image:url(../images/banner/thumbs/penetrance.jpg);} #banner_thumbnails ul li a#thumb_acce{background-image:url(../images/banner/thumbs/acce.jpg);} #banner_thumbnails ul li a#thumb_patents{background-image:url(../images/banner/thumbs/patents.jpg);} #banner_thumbnails ul li a#thumb_moral_theories{background-image:url(../images/banner/thumbs/moral_theories.jpg);} #banner_thumbnails ul li a#thumb_pharmacogenomics{background-image:url(../images/banner/thumbs/pharmacogenomics.jpg);} #banner_thumbnails ul li a#thumb_dna{background-image:url(../images/banner/thumbs/dna.jpg);} #banner_thumbnails ul li a#thumb_disease{background-image:url(../images/banner/thumbs/disease.jpg);} #banner_thumbnails ul li a#thumb_twins{background-image:url(../images/banner/thumbs/twins.jpg);} #banner_thumbnails ul li a#thumb_informed_consent{background-image:url(../images/banner/thumbs/informed_consent.jpg);} #banner_thumbnails ul li a#thumb_clinical{background-image:url(../images/banner/thumbs/clinical.jpg);} .icon_description{padding:0;margin:0;width:40px;height:40px; text-indent:-1000px;overflow:hidden;display:block; border:solid #eeeeee 1px;background-repeat:no-repeat; background-position:50% 50%;float:right;} .icon_description{margin:15px 0 5px 5px;} #icond_penetrance{background-image:url(../images/banner/thumbs/penetrance.jpg);} #icond_acce{background-image:url(../images/banner/thumbs/acce.jpg);} #icond_patents{background-image:url(../images/banner/thumbs/patents.jpg);} #icond_moral_theories{background-image:url(../images/banner/thumbs/moral_theories.jpg);} #icond_pharmacogenomics{background-image:url(../images/banner/thumbs/pharmacogenomics.jpg);} #icond_dna{background-image:url(../images/banner/thumbs/dna.jpg);} #icond_disease{background-image:url(../images/banner/thumbs/disease.jpg);} #icond_twins{background-image:url(../images/banner/thumbs/twins.jpg);} #icond_informed_consent{background-image:url(../images/banner/thumbs/informed_consent.jpg);} #icond_clinical{background-image:url(../images/banner/thumbs/clinical.jpg);}