/* Swiss Institute of Bioinformatics */
/* $Id:sib.css 55 2009-06-24 18:55:09Z vioannid $ */
html,body{height:100%;margin:0;padding:0;min-width:800px;}
/*SIB CONTAINER*/
#sib_container{position:relative;padding:0;margin:0;top:0;left:0;min-height:100%;min-width:950px;background-color:#F7F8FA;}
/*SIB CONTAINER*/
#sib_header_big,#sib_header_small,#sib_header{position:relative;background:#F7F8FA url(../sib_images/sib_header_bkgd.png) repeat-x top left;height:150px;width:100%;color:#282828;z-index:2;}
#sib_header{background-image:url(../sib_images/sib_header_medium_bkgd.png);height:100px;}
#sib_header h1 a,h2 a{text-decoration:none;color:#282828;}
#sib_header_small{background-image:url(../sib_images/sib_header_small_bkgd.png);height:50px;}
#sib_header_big #sib_logo,#sib_header_small #sib_logo,#sib_header #sib_logo{position:absolute;top:15px;left:18px;width:199px;height:106px;background:transparent url(../sib_images/sib_logo_199x106.gif) no-repeat top left;}
#sib_header #sib_logo{top:12px;width:141px;height:75px;background:transparent url(../sib_images/sib_logo_141x75.gif) no-repeat top left;}
#sib_header_small #sib_logo{top:8px;width:43px;height:32px;background:transparent url(../sib_images/sib_logo_43x32.gif) no-repeat top left;}
#sib_logo span{display:none;}
#sib_logo,#sib_logo:hover{text-decoration:none;border:none;}
#sib_header_big h1,#sib_header_small h1,#sib_header h1{position:relative;top:50px;margin:0 50px;color:#282828;text-align:center;font:24pt Helvetica,Verdana,sans-serif;white-space:nowrap;}
#sib_header_big h2,#sib_header_small h2,#sib_header h2{position:relative;top:60px;margin:0 50px;/* color:#282828;*/
text-align:center;font:18pt Helvetica,Verdana,sans-serif;white-space:nowrap;}
#sib_header h1{font-size:20pt;top:30px;}
#sib_header h1.with_subtitle{font-size:20pt;top:15px;}
#sib_header h2{font-size:14pt;top:25px;}
#sib_header_small h1{font-size:16pt;top:15px;}
#sib_header_small h1.with_subtitle{font-size:16pt;margin:0 150px;top:5px;}
#sib_header_small h2{margin:0 150px;font-size:11pt;top:5px;}
#sib_header #sib_title,#sib_header #sib_title_no_logo{padding:0 350px;margin:0;top:0;height:100px;}
#sib_header #sib_title_no_logo{padding:0 175px;}
#sib_header_small #sib_title,#sib_header_small #sib_title_no_logo{padding:0 150px;margin:0;top:0;height:50px;}
#sib_header_small #sib_title_no_logo{padding:0 75px;}
#sib_header_small #sib_title{left:70px;height:32px;}
#sib_header_big #sib_title,#sib_header_big #sib_title_no_logo{padding:0 300px;margin:0;top:0;height:150px;}
#sib_header_big #sib_title_no_logo{padding:0 200px;}
#sib_header_big #sib_title{height:106px;left:250px;}
#sib_header #sib_other_logo{position:absolute;border-left:1px solid #767676;height:88px;left:175px;}
#sib_header_small #sib_other_logo{position:absolute;border-left:1px solid #767676;height:38px;left:75px;}
#sib_header_big #sib_other_logo{position:absolute;border-left:1px solid #767676;height:106px;left:220px;}
#sib_other_logo img{vertical-align:bottom;padding-top:12px;}
#sib_header #sib_other_logo a{line-height:88px;}
#sib_header_small #sib_other_logo a{line-height:38px;}
#sib_header_big #sib_other_logo a{line-height:106px;}
#sib_header_nav{position:absolute;font:10px Helvetica,sans-serif;right:30px;top:10px;white-space:nowrap;}
#sib_header_nav a{font:10px Helvetica,sans-serif;font-family:Helvetica;color:#767676;text-decoration:none;}
#sib_header_nav a:hover{text-decoration:none;border-bottom:1px solid #767676;}
/*SIB BODY*/
#sib_body{position:relative;padding:18px 18px 78px 18px;background:#F7F8FA url(../sib_images/sib_body_bkgd.png) repeat-x top left;min-height:420px;/* font-family:Helvetica;*/
color:#626262;/* font-size:12px;*/
z-index:1;}
/* Navigation Bar "bread crumbs" */
#sib_navigation{/* width:100%;*/
margin:0px;padding:3px 5px;font-size:11px;font-family:Helvetica;/* background-color:#F7F8FA;*/
position:relative;top:-15px;left:-15px;}
#sib_navigation a.navigation,a.navigation:visited{color:#767676;text-decoration:none;}
#sib_navigation a.navigation:hover{text-decoration:underline;}
/* Ordered list */
#sib_body ul.sib_list{list-style-type:circle;}
/* Simple menu built with a list of hyperlinks */
#sib_body ul.sib_menu{list-style-type:none;width:209px;padding-left:0px;/*Disable the default padding left of ordered lists*/
margin-left:0px;/*Hack for IE to avoid the left margin*/}
ul.sib_menu li.menu_title{background:transparent url(../sib_images/menu_top.gif);height:25px;line-height:25px;font-size:13px;color:#fff;font-weight:bold;border:none;margin:5px 5px 0px 5px;padding-left:5px;}
ul.sib_menu li.menu_title:hover{background:transparent url(../sib_images/menu_top.gif);border:none;display:block;}
ul.sib_menu li.sib_menu,ul.sib_menu li.sib_menu_selected{border-bottom:1px solid #DBDBDB;padding:0 5px 0 5px;margin:0px 5px 0px 5px;height:25px;font-size:12px;}
ul.sib_menu li.sib_menu:hover{background:#DBDBDB;padding:0 5px 0 5px;}
ul.sib_menu a,ul.sib_menu a:visited{color:#282828;font-size:12px;line-height:25px;margin:0;display:block;text-decoration:none;}
ul.sib_menu li.sib_menu_selected{background:#DBDBDB;font-weight:bold;}
/* Simple menu built with hyperlink but displayed horizontally */
#sib_body ul.sib_menu_horizontal{list-style-type:none;height:25px;padding-left:0px;/*Disable the default padding left of ordered lists*/
margin-left:0px;/*Hack for IE to avoid the left margin*/}
ul.sib_menu_horizontal li.sib_menu{border:1px solid #DBDBDB;float:left;}
ul.sib_menu_horizontal li.sib_menu:hover{background:#DBDBDB;}
ul.sib_menu_horizontal a,ul.sib_menu_horizontal a:visited{padding-right:12px;padding-left:12px;display:block;line-height:25px;text-decoration:none;font-size:12px;color:#371C1C;}
ul.sib_menu_horizontal li.sib_menu_selected{border:1px solid #DBDBDB;background:#DBDBDB;font-weight:bold;float:left;}
/* Drop down menu */
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu{width:745px;height:22px;position:relative;z-index:100;border-right:1px solid #DBDBDB;font-family:helvetica,sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu{width:746px;w\idth:745px;}
/* remove all the bullets,borders and padding from the default list styling */
.menu ul{padding:0;margin:0;list-style-type:none;}
.menu ul ul{width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li{float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a,.menu a:visited{display:block;font-size:12px;text-decoration:none;color:#371C1C;width:138px;height:20px;border:1px solid #DBDBDB;border-width:1px 0 1px 1px;background:transparent;padding-left:10px;line-height:19px;font-weight:normal;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a,* html .menu a:visited{width:149px;w\idth:138px;}
/* style the second level background */
.menu ul ul a.drop,.menu ul ul a.drop:visited{background:#fff url(../sib_images/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#d8d8d8 url(../sib_images/blue-arrow.gif) no-repeat 130px center;text-decoration:underline;}
.menu ul ul :hover > a.drop{background:#d8d8d8 url(../sib_images/blue-arrow.gif) no-repeat 130px center;text-decoration:underline;}
/* style the third level background */
.menu ul ul ul a,.menu ul ul ul a:visited{background:#fff;}
/* style the third level hover */
.menu ul ul ul a:hover{background:#d8d8d8;text-decoration:underline;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul{visibility:hidden;position:absolute;height:0;top:21px;left:0;width:149px;border-top:1px solid #DBDBDB;font-size:12px;}
/* another hack for IE5.5 */
* html .menu ul ul{top:20px;t\op:21px;}
/* position the third level flyout menu */
.menu ul ul ul{left:149px;top:-1px;width:149px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left{left:-149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table{position:absolute;top:0;left:0;border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a,.menu ul ul a:visited{background:#fff;color:#000;height:auto;line-height:1em;padding:5px 10px;width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a,* html .menu ul ul a:visited{width:150px;w\idth:128px;}
/* style the top level hover */
.menu a:hover,.menu ul ul a:hover{color:#371C1C;background:#d8d8d8;text-decoration:underline;}
.menu :hover > a,.menu ul ul :hover > a{color:#371C1C;background:#d8d8d8;text-decoration:underline;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* ====> SAME for Drop Down menus in header */
.sib_drop_menu{width:700px;height:32px;position:absolute;right:100px;bottom:0px;z-index:100;font-family:Helvetica,sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .sib_drop_menu{width:746px;w\idth:745px;}
/* remove all the bullets,borders and padding from the default list styling */
.sib_drop_menu ul{padding:0;margin:0;list-style-type:none;}
.sib_drop_menu ul ul{padding:10px;background:#fff;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.sib_drop_menu li{float:right;position:relative;}
/* style the links for the top level */
.sib_drop_menu a,.sib_drop_menu a:visited{display:block;font-size:12px;text-decoration:none;color:#000;width:68px;height:30px;padding-left:10px;line-height:29px;font-weight:normal;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .sib_drop_menu a,* html .sib_drop_menu a:visited{width:68px;w\idth:68px;}
/* style the second level background */
.sib_drop_menu ul ul a.drop,.sib_drop_menu ul ul a.drop:visited{background:#FFF url(../sib_images/triangle_left_grey.gif) no-repeat 140px center;}
/* style the second level hover */
.sib_drop_menu ul ul a.drop:hover{background:#C00 url(../sib_images/triangle_left_grey.gif) no-repeat 140px center;color:#FFF;}
.sib_drop_menu ul ul :hover > a.drop{background:#c00 url(../sib_images/triangle_left.gif) no-repeat 140px center;color:#fff;}
/* style the third level background */
.sib_drop_menu ul ul ul a,.sib_drop_menu ul ul ul a:visited{background:#fff;}
/* style the third level hover */
.sib_drop_menu ul ul ul a:hover{background:#c00;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.sib_drop_menu ul ul{visibility:hidden;position:absolute;height:0;top:31px;left:0;width:149px;}
/* another hack for IE5.5 */
* html .sib_drop_menu ul ul{top:30px;t\op:31px;}
/* position the third level flyout menu */
.sib_drop_menu ul ul ul{left:149px;top:-1px;width:149px;}
/* position the third level flyout menu for a left flyout */
.sib_drop_menu ul ul ul.right{left:-169px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.sib_drop_menu table{position:absolute;top:0;left:0;border-collapse:collapse;}
/* style the second level links */
.sib_drop_menu ul ul a,.sib_drop_menu ul ul a:visited{background:#FFF;color:#515151;height:auto;line-height:1em;padding:5px 10px;width:128px;border-bottom:1px solid #ddd;font-weight:normal;}
/* yet another hack for IE5.5 */
* html .sib_drop_menu ul ul a,* html .sib_drop_menu ul ul a:visited{width:150px;w\idth:128px;}
/* style the top level hover */
.sib_drop_menu a:hover{height:25px;margin-bottom:3px;}
.sib_drop_menu :hover > a{height:25px;margin-bottom:3px;}
.sib_drop_menu ul ul a:hover{color:#FFF;background:#c00;margin-bottom:0px;height:auto;}
.sib_drop_menu ul ul :hover > a{color:#fff;background:#c00;margin-bottom:0px;height:auto;}
/* make the second level visible when hover on first level list OR link */
.sib_drop_menu ul li:hover ul,
.sib_drop_menu ul a:hover ul{visibility:visible;height:auto;margin-top:-4px;border-top:2px solid #c00;background:#fff url(../sib_images/ul_triangle.gif) 20px 0px no-repeat;}
/* keep the third level hidden when you hover on first level list OR link */
.sib_drop_menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.sib_drop_menu ul :hover ul :hover ul{visibility:visible;}
/* Links */
#sib_body a.sib_link,#sib_body a.sib_link:visited{color:#d6161d;font-size:12px;font-family:Helvetica;text-decoration:none;}
#sib_body a.sib_link:hover{text-decoration:underline;}
#sib_body a.sib_link:visited{color:#920209;}
#sib_body a.sib_mail,#sib_body a.sib_mail:visited{color:#319dd3;}
#sib_body ul.sib_menu li a.sib_link,#sib_body ul.sib_menu_horizontal li a.sib_link,#sib_body ul.sib_menu li a.sib_link:visited,#sib_body ul.sib_menu_horizontal li a.sib_link:visited{color:#371C1C;}
/* Forms elements */
#sib_container input.sib_text{border:1px solid #C3C3C3;color:#989898;font-size:11px;font-weight:normal;margin:5px;width:124px;background:#FFF;}
#sib_body select.sib_select{font-size:11px;font-weight:normal;margin:5px;width:124px;background:#FFF;border-color:#7C7C7C #C3C3C3 #C3C3C3 #7C7C7C;border-style:solid;border-width:1px;color:#406981;}
#sib_body input.sib_text2{font-size:11px;font-weight:normal;margin:5px;width:124px;background:#FFF;border-color:#7C7C7C #C3C3C3 #C3C3C3 #7C7C7C;border-style:solid;border-width:1px;color:#406981;}
#sib_body input.sib_action{border:1px solid #C3C3C3;color:#000;font-size:11px;font-weight:normal;margin:5px;padding:2px;width:100px;background:#FFF;}
/*SIB FOOTER*/
#sib_last_update{position:absolute;bottom:40px;height:20px;width:100%;color:#999;font-family:Verdana;font-size:11px;font-weight:normal;padding-bottom:3px;text-align:center;z-index:2;}
#sib_footer{position:absolute;bottom:0;height:40px;background-color:#1E2425;width:100%;color:#F7F8FA;letter-spacing:1px;font-family:Verdana;font-size:10px;font-weight:normal;z-index:2;}
#sib_footer_content{position:relative;padding:9px 36px 0px 36px;padding-right:300px;}
#sib_footer a{text-decoration:none;color:#F7F8FA;}
#sib_footer a:hover{color:#F7F8FA;text-decoration:underline;}
#sib_footer a img,#sib_header_big a img,#sib_header a img,#sib_header_small a img{border:none;vertical-align:middle;padding-right:5px;}
#sib_footer_right{position:absolute;right:18px;width:400px;top:9px;text-align:right;}
#sib_footer_right a{padding-left:10px;}
#sib_footer_right a:hover img{text-decoration:none;border:none;}
#sib_footer_print{background:transparent url(../sib_images/print_hover.png) no-repeat top left;padding-left:10px;margin-right:10px;}
#sib_footer_gototop{background:transparent url(../sib_images/triangle_hover.png) no-repeat top left;padding-left:10px;margin-right:10px;}
#sib_footer_mail{background:transparent url(../sib_images/mail_hover.png) no-repeat top left;padding-left:10px;margin-right:10px;}
/* Addons for the index-menu page */
#sib_menu_nav_horizontal,#sib_menu_nav_horizontal2{height:25px;position:relative;right:0px;top:-15px;/*text-align:center;*/ /* Why it doesn't center UL? */}
/* Horizontal Menu centered */
#sib_menu_nav_horizontal ul.sib_menu_horizontal{list-style-type:none;width:600px;/* Width needed to be able to center it as text-align:center doesn't seems to work for ul in DIV */
height:25px;padding:0;margin:0;margin-left:auto;margin-right:auto;}
#sib_menu_nav_horizontal ul.sib_menu_horizontal li{border:1px solid #DBDBDB;float:left;}
#sib_menu_nav_horizontal ul.sib_menu_horizontal li:hover{background:#DBDBDB;}
#sib_menu_nav_horizontal ul.sib_menu_horizontal a{text-align:center;display:block;line-height:25px;text-decoration:none;font-size:12px;color:#371C1C;}
#sib_menu_nav_horizontal ul.sib_menu_horizontal a:hover{text-decoration:underline;}
/**** Horizontal Menu left aligned (more flexible) (index-menu2.html) ****/
#sib_menu_nav_horizontal2 ul.sib_menu_horizontal2{list-style-type:none;height:25px;padding-left:0px;/*Disable the default padding left of ordered lists*/
margin-left:0px;/*Hack for IE to avoid the left margin*/}
ul.sib_menu_horizontal2 li.sib_menu{border:1px solid #DBDBDB;float:left;}
ul.sib_menu_horizontal2 li.sib_menu:hover{background:#DBDBDB;}
ul.sib_menu_horizontal2 a,ul.sib_menu_horizontal a:visited{padding-right:12px;padding-left:12px;display:block;line-height:25px;text-decoration:none;font-size:12px;color:#371C1C;}
ul.sib_menu_horizontal2 li.sib_menu_selected{border:1px solid #DBDBDB;background:#DBDBDB;font-weight:bold;float:left;}
/**** Vertical menu embedded index-menu3.html ****/
#sib_menu_embedded{float:left;margin-right:10px;}
/**** Vertical left menu embedded index-menu4.html ****/
#sib_content{position:relative;bottom:0;left:0;margin-left:220px;}
#sib_left_menu{float:left;width:210px;margin-right:10px;}