/*V4 European Institute css 2.3.10 R7 ammend 17.4.12 */ body { font-family:Arial, Helvetica, sans-serif; text-align:center; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0; background-color:#FFFFFF; border-top:10px solid #000000;background-image:url(/v4global/images/backgroundtop-short.gif); background-repeat:repeat-x;font-size:100%;} /*FURNITURE*/ .sys_tabbedmenu-control .ui-tabs-nav li {color:#ff0000;} .sys_tabbedmenu-control .ui-tabs-nav li a {color:#ff0000;} .sys_tabbedmenu-control .ui-tabs-nav li a:hover {color:#990000;} /*LOGO AND SEARCH */ .sys_header_logo {background-image:url(/europeanInstitute/css/europeanInstituteLogo.png); background-repeat:no-repeat; width: 275px; height:74px; float:left; margin-top: 15px; z-index: 9999; position: relative;} .sys_header_searchlinks { color:#ff0000; margin:3px 0 0 0; text-align:right;margin-bottom:10px;float:left;width: 250px;} .sys_header_searchlinks A{text-decoration:none; color:#ff0000;} .sys_header_searchlinks A:hover{text-decoration:underline;} #editor .sys_bottom_tab{background-image:url(/europeanInstitute/css/tabs.png); background-repeat:no-repeat;} /* END OF FURNITURE */ /* V4 3column1 CONTENT AREA */ .sys_layout_three_column_one {margin:0 10px 40px 0; width:238px!important; display:block ! important;text-align:left;} .sys_layout_three_column_one a {color:#FF0000;} .sys_layout_three_column_one ul {list-style:square; } .sys_generated_title {font-size:1.7em !important;font-weight:normal !important;padding:0 0 0px 0;text-align:left; width:478px; margin:0 10px 15px 0;} .sys_layout_three_column_two{text-align:left; margin:0 10px 40px 0;width:478px!important; display:block !important; padding:0 0 0 0;} #editor .sys_layout_three_column_two {font-family:Arial, Helvetica, sans-serif;} .sys_layout_three_column_two H1 {font-size:1.7em;font-weight:normal;} .sys_layout_three_column_two H2 {font-size:1.5em;font-weight:normal;} .sys_layout_three_column_two H3 {font-size:1.3em;font-weight:normal;} .sys_layout_three_column_two H4 {font-size:1em;font-weight:bold;} .sys_layout_three_column_two H5 {font-size:.9em;font-weight:bold;} .sys_layout_three_column_two H6 {font-size:100%;text-transform: uppercase;} .sys_layout_three_column_two a {color:#ff0000;} .sys_layout_three_column_two ul {list-style:square;font-size:.75em;} .sys_layout_three_column_two ul ul {list-style:square;font-size:100%;} .sys_layout_three_column_two ul ol {list-style:square;font-size:100%;} .sys_layout_three_column_two ul ul ul {font-size:100%;} .sys_layout_three_column_two OL {font-size:.75em;} .sys_layout_three_column_two ol ul {font-size:100%;} .sys_layout_three_column_two ol ul ul {font-size:100%;} .sys_layout_three_column_two p {font-size:75%;line-height:120%;} .sys_layout_three_column_three{margin:0 0 40px 0;width:238px!important; display:block ! important;text-align:left;} .sys_layout_three_column_three a {color:#FF0000;} .sys_layout_three_column_three ul {list-style:square;} .template-no-page-contents{} /* GRID */ .sys_landing_container {} .sys_page_title {width:726px;margin:0;float:right;} .sys_page_title H1{text-align:left;font-size:1.7em;font-weight:normal;margin:0 0 0 5px;} .sys_column_left {float:left;width:238px;margin:0 4px 0 0;} .sys_column_right_container {float:right; clear:right; width:726px; margin:0 0 0 5px; margin-bottom:20px;} .sys_column_right_one {float:left;width:488px;text-align:left;} .sys_column_right_two {float:right;width:238px;} /*BANNER*/ /* .sys_main_banner {width:487px;height:221px; border-left:1px solid #999999; background-color:black; margin-top:7px;background-image:url(/europeanInstitute/css/banner.jpg);background-repeat:no-repeat;} #editor .sys_main_banner{background-image:url(/europeanInstitute/css/banner.jpg);} .sys_bannerbox {width:238px; height:236px;background-image:url(/europeanInstitute/css/rightHandImage.jpg); background-repeat:no-repeat;margin:0 0 15px 0;} #editor .sys_bannerbox {background-image:url(/europeanInstitute/css/rightHandImage.jpg);} */ #editor .sys_main_banner_fullWidth {height:25px; background-color:white;} .sys_main_banner_fullWidth {width:726px;height:238px; margin-top:7px;margin-bottom:20px;background-repeat:no-repeat;} .box_skitter {background:#fff !important;} .info_slide_dots {bottom:-30px !important;} .prev_button {display:none !important;} .next_button {display:none !important;} #editor .sys_description {margin:15px 0 0 0;} /* MID COLUMN */ /*DESCRIPTION WIDTH ON PLACEHOLDER */ .sys_description {margin:10px 5px 0px 4px ; text-align:left; font-size:90%; background-color:white;} .sys_description p {margin:10px 0 0 0; text-align:left;} .sys_description a {text-decoration:none; color:#ff0000;margin:5px 0 0 0;display:block;} .sys_description a:hover {text-decoration:underline;} /* MID COLUMN DROP INS - TAB VERSION */ /* HIGHLIGHTS TITLE ON DV CONTENT AREA ON PH DIV */ .sys_highlight_title {display:none;margin:0 0 0 0 ; background-color:#ffffff;width:483px;} .sys_clearfloat_both {clear:both;margin:0;line-height:0px;height:0px;} /* MAIN HIGHLIGHT */ .sys_highlights_main {width:100%;clear:both;text-align:left;margin:10px 0 0 0;border-bottom:dotted 1px #7F7F7F;padding-bottom:4px;font-size:75%;line-height:120%;width:468px;} .sys_highlights_main_pic {float:left;} .sys_highlights_main_text {float:right;text-align:left;} .sys_highlights_main_text p {text-align:left;margin:6px 0 6px 0;} .sys_highlights_main_text a {color:#ff0000; text-decoration:none;font-weight:bold;} .sys_highlights_main_text a:hover {text-decoration:underline;} /* MINOR HIGHTLIGHTS WITH PICTURE DROP IN */ .sys_highlights1 {margin:10px 0 0 0; text-align:left; border-bottom:dotted 1px #7F7F7F;padding:0 0 5px 0; font-size:75%;line-height:120%;width:468px;} .sys_highlight1_pic {float:left;} .sys_highlights1_text {float:right;} .sys_highlights1_text p {text-align:left;margin:0px 0 6px 0;} .sys_highlights1_text a {color:#ff0000; text-decoration:none;font-weight:bold;} .sys_highlights1_text a:hover {text-decoration:underline;} .highlights_story_header{font-size:120%;} /*MINOR HIGHLIGHTS TEXT ONLY DROP IN. WIDTH ON PLACEHOLDER*/ .sys_highlights_text {margin:10px 0px 10px 0px ; text-align:left; border-bottom:dotted 1px #7F7F7F;padding:0 0 5px 10px;font-size:75%;line-height:120%;width:458px;} .sys_highlights_text p {text-align:left;margin:0px 0 6px 0;} .sys_highlights_text a {color:#FF0000;text-decoration:none;font-weight:bold;} .sys_highlights_text a:hover {text-decoration:underline;} .sys_highlights_text ul {margin-left:6px;padding-left:6px;list-style-position:inside;} /*IMAGE TITLE WIDTH ON PH DIV*/ .sys_it_title {background-color:#000000; color:#ffffff;text-align:left; padding:12px 0 12px 8px;font-size:1em;} .sys_it_title a{text-decoration:none; color:#ffffff; } .sys_it_title a:hover {text-decoration:underline;} .sys_it_title p {margin:0;} .sys_it_img img {border:none;margin:0;vertical-align:bottom; display:block;} .sys_it_img {border-bottom:solid 3px #000000;margin:0 0 20px 0;} #editor .sys_template638378 {margin: 0 0 20px 0;} /*IMAGE CAPTION WIDTHS ON PH DIVS */ .sys_icap_caption {font-weight:normal; background-color:#000000; color:#ffffff;text-align:left; padding:5px 0 5px 8px;font-size:75%;margin:0 0 20px 0;} .sys_icap_caption a {text-decoration:none; color:#ffffff;} .sys_icap_caption a:hover {text-decoration:underline;} .sys_icap_caption p {margin:0;} .sys_icap_image {margin:0;} .sys_icap_image img {margin:0;vertical-align:bottom; display:block;border-top:solid 3px #000000;} #editor .sys_template674347 {margin: 0 0 20px 0;} /*IMAGE ONLY WIDTHS ON PH DIVS */ .sys_i_only {border-width:3px 0 3px 0; border-style:solid; border-color:#000000;} .sys_i_only img {border:none; margin:0; vertical-align:bottom; display:block;} #editor .sys_template674347 {margin: 0 0 20px 0; border-bottom:solid 3px #000; border-top:solid 3px #000; background-color:#ebf0f6;} /* TABBED AREA for academic landing page Tabby tabs */ /* Tabbed Area Control */ .sys_home_tab_box {height:200px;float:left;margin:0;} .sys_tabbedarea-control {height:1%;position:relative;margin:7px 0 0 0;} .sys_tabbedarea-control { padding: .2em; zoom: 1;} .sys_tabbedarea-control .ui-tabs-nav { list-style: none; position: relative; margin:0; padding: 0; border-bottom:1px solid #000; width:468px;} /*inactive tab*/ .sys_tabbedarea-control .ui-tabs-nav li { position: relative; float: left; margin: 0 5px 0 0; padding: 0 10px 0 10px; border-style:solid; border-width:1px 1px 0 1px; border-color:#cccccc; font-size:100%;} .sys_tabbedarea-control .ui-tabs-nav li a { float: left; text-decoration: none; padding: 7px .5em; color:#ff0000; outline:none;} /*active tab */ .sys_tabbedarea-control .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0px; margin-bottom:-3px; background:#fff; border-color:#000000;} .sys_tabbedarea-control .ui-tabs-nav li.ui-tabs-selected a {color:#000000; /*padding: 9px .5em 9px .5em;*/} .sys_tabbedarea-control .ui-tabs-nav li.ui-tabs-selected a, .sys_tabbedarea-control .ui-tabs-nav li.ui-state-disabled a, .sys_tabbedarea-control .ui-tabs-nav li.ui-state-processing a {cursor: text; } .sys_tabbedarea-control .ui-tabs-nav li a, .sys_tabbedarea-control .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ /*content area*/ .sys_tabbedarea-control .ui-tabs-panel {clear:both; padding:15px 0 0 0; display: block; border-width: 0; background: none; } .sys_tabbedarea-control .ui-tabs-panel p {} .sys_tabbedarea-control .ui-tabs-panel a {} /* genetics */ .sys_tabbedarea-control .ui-tabs-hide { display: none !important; } .sys_tabbedarea-control .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .sys_tabbedarea-control .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .sys_tabbedarea-control .ui-helper-clearfix { height:1%; } .sys_tabbedarea-control .ui-helper-clearfix { display:block; } /* end clearfix */ .tabbed_header {font-size:130%;margin:5px 0 10px 0;display:block;font-size:1em} .tabbed_content {border-bottom:1px dotted #C8C8C8; padding:0 0 15px 0; display:block;} .tabbed_block {background-color:#CCCCCC; display:block; padding: 5px 0 5px 5px; width:460px;margin:10px 0 5px 0;} /* DROP-INS FOR V4_3COLUMN1 */ /* CONTACT BOX WIDTH ON PLACEHOLDER */ .sys_contact_title {border-style:solid; border-color:#cccccc;width:219px; border-width:1px 1px 0 1px;text-align:left; background-color:#ffffff;margin-top:15px;font-size:1em;padding:8px 0 8px 9px;} .sys_contact_content {border-style:solid; border-color:#cccccc; border-width:1px 1px 1px 1px; text-align:left; background-color:#ffffff; font-size:75%;line-height:120%;padding:5px 10px 15px 10px;} .sys_contact_content p {margin:0;} .sys_contact_content a {text-decoration:none;color:#ff0000;} .sys_contact_content a:hover {text-decoration:underline;} /* LEFT ALIGNED PICTURE AND TEXT DROP IN FOR V4_3COLUMN1 */ .sys_v4_3column1_text_image_container {margin-top:10px;border-bottom:dotted 1px #7F7F7F;width:470px;padding:7px 0 7px 0;line-height:120%;} .sys_v4_3column1_text_image_text {float:right} .sys_v4_3column1_text_image_text p { margin:0 0 9px 0;} .sys_v4_3column1_text_image_pic {float:left;} .sys_v4_3column1_text_image_container a {color:#FF0000;text-decoration:none;font-weight:bold;} .sys_v4_3column1_text_image_container a:hover {text-decoration:underline;} /* RIGHT ALIGNED PICTURE AND TEXT DROP IN FOR V4_3COLUMN1 */ .sys_v4_3column1_text_right_image_container {margin-top:10px;border-bottom:dotted 1px #7F7F7F;width:470px;padding:7px 0 7px 0;line-height:120%;} .sys_v4_3column1_text_right_image_text {float:left} .sys_v4_3column1_text_right_image_text p { margin:0 0 9px 0;} .sys_v4_3column1_text_right_image_pic {float:right;} #editor .sys_v4_3column1_text_right_image_pic {border:1px dashed #00FF00 !important;} .sys_v4_3column1_text_right_image_container a {color:#FF0000;text-decoration:none;font-weight:bold;} .sys_v4_3column1_text_right_image_container a:hover {text-decoration:underline;} /* whos who for v4_3column1 */ .sys_who {margin:10px 0 0 5px; text-align:left; border-bottom:dotted 1px #7F7F7F;padding:0 0 5px 0;line-height:120%;width:475px;} .sys_who_pic {float:left;} #editor .sys_who_pic {display:block;height:120px;border:1px dashed #00FF00 !important;} .sys_who_text {float:right;} .sys_who_text p {text-align:left;margin:0px 0 6px 0;} .sys_who_text a {color:#ff0000; text-decoration:none;font-weight:bold;} .sys_who_text a:hover {text-decoration:underline;} /* TEXT ONLY DROP IN FOR V4_3COLUMN1 */ .sys_v4_3column1_highlights_text {margin:10px 0px 10px 0px ; text-align:left; border-bottom:dotted 1px #7F7F7F;padding:0 0 12px 10px;line-height:120%;width:448px;} .sys_v4_3column1_highlights_text p {text-align:left;margin:0px 0 8px 0 !important;} #editor .sys_v4_3column1_highlights_text p {margin:0 0 8px 0;} .sys_v4_3column1_highlights_text a {color:#FF0000;text-decoration:none;font-weight:bold;} .sys_v4_3column1_highlights_text a:hover {text-decoration:underline;} .sys_v4_3column1_highlights_text ul {margin-left:6px;padding-left:6px;list-style-position:inside;} /* LARGE IMAGE TEXT */ .sys_large_image_text {width:100%;clear:both;text-align:left;margin:10px 0 0 0;border-bottom:dotted 1px #7F7F7F;padding-bottom:4px;} .sys_highlights_main_pic {float:left;} .sys_large_image_text_content {float:right;text-align:left;} .sys_large_image_text_content p {text-align:left;margin:6px 0 6px 0;} .sys_large_image_text_content a {color:#ff0000; text-decoration:none;font-weight:bold;} .sys_large_image_text_content a:hover {text-decoration:underline;} /* RIGHT INFORMATION FOR - WIDTH IN CSS */ .sys_links_choice_box {margin:15px 0 0 0;padding:0 0 20px 0; text-align:left;background-color:#3B3B3B;width:238px; } .sys_links_choice_box p{margin:0 8px 10px 8px;;padding:10px 0 0 0;color:#ffffff;font-size:1em;} .sys_links_choice_box a {text-decoration:none; color:#ff0000;} .sys_links_choice_box a:hover {text-decoration:underline;} .sys_links_choice_box ul {list-style:none; margin:0;padding:0;} .sys_links_choice_box li {background-color:#ECECEC; margin:3px 8px 0px 8px; padding:8px 5px 8px 5px;font-size:.75em;} .sys_links_choice_box {margin-bottom:0 0 20px 0;} #editor .sys_links_choice_box {height:auto; } /* AMMENDED GREY BOXES - THREE HORIZONTAL */ .sys_marginG {background-color:#CDCDCD; margin:0 0 15px 0;padding:10px; width:455px;} #editor .sys_marginG {background-color:#ffffff;} .sys_containerG { margin:0; border:solid #B9B9B9 1px;padding: 10px 0 0 0;} #editor .sys_containerG {border:#ffffff 1px solid;} .sys_imageG {margin:0 0 12px 10px ;width:63px; float:left;} #editor .sys_imageG {background-color:#666666;} .sys_contentG {margin:0 10px 12px 0px;width:350px; float:right;} .sys_contentG p {margin:0 0 10px 0;} .sys_contentG a {font-size:1.3em;text-decoration:none;} .sys_contentG a:hover {text-decoration:underline;} #editor .sys_contentG {background-color:#cccccc;} /* CUSTOM DROP DOWN STYLES */ .large {color:#1D3563!important ; font-size: 125%;font-weight:bold;} /* WHOS WHO DROP IN STYLES */ .sys_four_ww_container {width:480px; background:#fff;margin:0; padding-bottom: 10px;} .sys_four_ww_left {float:left;} .sys_four_ww_right {float:right;} .sys_four_ww_contentLeft {float:left;width:116px;} .sys_four_ww_contentRight {float:left;width:116px;} .sys_four_ww_image {background-color:#fff;width:116px; height:140px;} .sys_four_ww_image p {margin:0;} .sys_four_ww_image img {margin:0 auto; display:block; } .sys_four_ww_text {background-color:#fff; color:#000; font-size:.9em; } .sys_four_ww_text p {margin:0; color:#000;font-size:.9em;} .sys_four_ww_text a {color:#ff0000; text-decoration:none; } .sys_four_ww_text a:hover {text-decoration:underline;} .sys_four_ww_right .sys_four_ww_contentLeft {margin-right:5px;} .sys_four_ww_left .sys_four_ww_contentLeft {margin-right:5px;} #editor .sys_four_ww_text {padding:0;height:30px;font-size:.9em;} #editor .sys_four_ww_text p {font-size:.9em;} /* Accordion ----------------------------------*/ .sys_accordionarea-control {height:1%;margin:0 0 5px 0;} .sys_accordionarea-control p {margin: 0 0 0 0 ;} .sys_accordionarea-control h3 {margin: 0 0 0 0;font-size:.75em ! important;} #editor .sys_accordionarea-control h3 {font-size:.75em;color:#ff0000;border:1px dotted green; padding:15px;} /* CONTAINER */ .sys_accordionarea-control .ui-accordion-header { text-align:left; cursor: pointer; position: relative; zoom: 1; padding:.3em 7px; outline:none ; border-top:1px solid #fff; border-bottom:1px solid #fff; margin:5px 0 0 0;color:#ff0000; font-weight:bold;} .sys_accordionarea-control .ui-accordion-header a {text-decoration:none !important;} .sys_accordionarea-control .ui-accordion-header a:hover {text-decoration:underline!important;} /* CLOSED TAB */ .sys_accordionarea-control .ui-accordion-li-fix { display: inline; } .sys_accordionarea-control .ui-state-active {outline:none;border-bottom:1px solid #FFF; color:#ff0000; font-weight:bold;} /* TOP OF OPEN TAB WITH ORIGINAL TEXT */ .sys_accordionarea-control .ui-accordion-header a {padding: 0; color:#ff0000; text-decoration:none; outline:none;} .sys_accordionarea-control .ui-state-active a {color:#ff0000; background-color:#ffffff; } .sys_accordionarea-control .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } /* ? */ .sys_accordionarea-control .ui-accordion-content {padding:0 0 0 5px;text-align:left;zoom:1; border-top: 0; margin-top: -1px; position: relative; top: 1px; overflow:none; display: none; border-right:1px solid #fff; border-bottom:1px solid #fff;margin-bottom:3px;} .sys_accordionarea-control .ui-accordion-content-active {display: block; } /* CONTENT AREA */ .sys_accordionarea-control .ui-accordion-content ul {margin:0 10px 0 0;padding:0;list-style-type:square;list-style-position:inside;} .sys_accordionarea-control .ui-accordion-content ul li { padding:.6em 12px .6em 1px; } .sys_accordionarea-control .ui-accordion-content ul li.sys_first { background:none;} .sys_accordionarea-control .ui-accordion-content p {font-size:.75em;} #editor .sys_accordionarea-control .ui-accordion-content p {font-size:1em;} .sys_accordionarea-control .ui-accordion-content a {color:#ff0000;text-decoration:none; padding:0px 0px; margin: 0 0 0px 0; display:inline;font-weight:bold;} .sys_accordionarea-control .ui-accordion-content a:hover {text-decoration:underline;} .sys_accordionarea-control .ui-accordion-content{margin:0;padding:0 12px 15px 20px; } #editor .sys_accordionarea-control .ui-accordion-content a {font-size:1em;} #editor .sys_accordionarea-control a {text-decoration:none;color:#ff0000;padding:5px 0;} #editor .sys_accordionarea-control a:hover {text-decoration:underline} #editor .sys_tabbedmenu-control .sys_tabbedmenu-content { position:relative; background:#fff; width:100%; display: block; }