/* Swiss Institute of Bioinformatics */
/* $Id: sib.css 64 2009-09-24 08:56:41Z smoretti $ */

html, body{
	height: 100%;
	margin: 0;
	padding: 0;
	min-width: 800px;
}

form{
	margin: 0;
}

#newsshow {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}
#newshide {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
	display: none;
}
#lastnewsid {
	display: none;
}

/*CHIP-SEQ SPECIFIC STUFF*/
input.chipseq_submit{
   font-size: 14px;
   width: 100px;
   color: #626262;
   font-family:Helvetica;
   font-weight:700;
   /*text-transform: uppercase; */
   background-color: #dbdbdb;
   height: 25px;
   border-style:none;
   vertical-align:middle;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

input.chipseq_submit:hover{
   cursor:  pointer;
   border-color: #626262;
   border-width:1px;
   border-style:solid;
}

input.chipseq_run{
   font-size: 14px;
   width: 70px;
   color: #336699;
   font-family:Helvetica;
   font-weight:700;
   /*text-transform: uppercase; */
   background-color: #dbdbdb;
   height: 25px;
   border-style:none;
   vertical-align:middle;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

input.chipseq_run:hover{
   cursor:  pointer;
   border-color: #336699;
   border-width:1px;
   border-style:solid;
}

input.chipseq_reset{
   font-size: 14px;
   width: 150px;
   color: #336699;
   font-family:Helvetica;
   font-weight:700;
   /*text-transform: uppercase; */
   background-color: #dbdbdb;
   height: 25px;
   border-style:none;
   vertical-align:middle;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

input.chipseq_reset:hover{
   cursor:  pointer;
   border-color: #336699;
   border-width:1px;
   border-style:solid;
}

input.chipseq_query:hover, textarea:hover {
   background: #eee;
}

input.chipseq_query, textarea {
   position:relative;
   top:2px;
   padding: 0px;
   min-height:23px;
   background: #fff;
   width: 300px;
   font-size: 12px;
   color: #555;
   border: 1px #ddd solid;
   -webkit-transition: background 0.3s linear;
}

li.chipseq_submenu {
   list-style-type:none;
   position:relative;
   left:-30px;
   padding-left:20px;
}

li.chipseq_submenu:hover {
   background: #eee;
   -webkit-transition: background 0.2s linear;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

#chipseq_header {
   line-height: 25px; height: 25px;
   position:relative;
   top:-25px;
}

/* Logos */
#CCG_logo{
    position: absolute;
    top: 20px;
    left: 1px;
    width: 850px;
    height: 90px;
    background: transparent url(/img_epd/CCG-logo.png) no-repeat top left;
    -background: transparent url(/img_epd/CCG-logo.png) no-repeat top left;
}
#CCG_logo span{
   display: none;
}

#epd_logo_new {
	position: absolute;
	top: 8px;
	left: 1px;
	width: 420px;
	height: 60px;
	background: transparent url(/img_epd/EPD_rabbit_05.png) no-repeat top left;
	border: 0;
}

#epd_logo_new span{
	display: none;
}
#epdheader {
	line-height: 25px;
	height: 25px;
	position: relative;
	top: -25px;
}

#chipseq_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 454px;
   height: 90px;
   background: transparent url(/img_epd/ChIP-Seq-logo.png) no-repeat top left;
   -background: transparent url(/img_epd/ChIP-Seq-logo.png) no-repeat top left;
}

#chipseq_logo span{
   display: none;
}

#chipseq_tutorial_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 454px;
   height: 80px;
   background: transparent url(/img_epd/ChIP-Seq-tutorial-logo.png) no-repeat top left;
   -background: transparent url(/img_epd/ChIP-Seq-tutorial-logo.png) no-repeat top left;
}

#chipseq_tutorial_logo span{
   display: none;
}

#chipseq_tutorial2_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 454px;
   height: 80px;
   background: transparent url(/img_epd/ChIP-Seq-tutorial2-logo.png) no-repeat top left;
   -background: transparent url(/img_epd/ChIP-Seq-tutorial2-logo.png) no-repeat top left;
}

#chipseq_tutorial2_logo span{
   display: none;
}

#chipseq_mga_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 454px;
   height: 80px;
   background: transparent url(/img_epd/ChIP-Seq-mga-logo.png) no-repeat top left;
   -background: transparent url(/img_epd/ChIP-Seq-mga-logo.png) no-repeat top left;
}

#chipseq_mga_logo span{
   display: none;
}

#mga_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 650px;
   height: 90px;
   background: transparent url(/img_epd/MGAdb-logo.png) no-repeat top left;
   -background: transparent url(/img_epd/MGAdb-logo.png) no-repeat top left;
}

#mga_logo span{
   display: none;
}

#bchub_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 800px;
   height: 200px;
   background: transparent url(/img_epd/BCHub_logo.png) no-repeat top left;
   -background: transparent url(/img_epd/BCHub_logo.png) no-repeat top left;
}

#bchub_logo span{
   display: none;
}


#mga_search_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 650px;
   height: 90px;
   background: transparent url(/img_epd/MGASearch-logo.png) no-repeat top left;
   -background: transparent url(/img_epd/MGASearch-logo.png) no-repeat top left;
}

#mga_search_logo span{
   display: none;
}

#chipseq_tech_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 454px;
   height: 80px;
   background: transparent url(/img_epd/ChIP-Seq-tech-logo.png) no-repeat top left;
   -background: transparent url(/img_epd/ChIP-Seq-tech-logo.png) no-repeat top left;
}

#chipseq_tech_logo span{
   display: none;
}

hr {height: 1px;border-top:1px solid  #DBDBDB;border-bottom:0;border-left: 0;border-right: 0;}

.hidden {
        display: none;
}
input.mandatory {
        display: none;
}

/* For SSA Web Server */
#ssa_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 454px;
   height: 80px;
   background: transparent url(/img_epd/SSA-logo.png) no-repeat top left;
   -background: transparent url(/img_epd/SSA-logo.png) no-repeat top left;
}

#ssa_logo span{
   display: none;
}

#ssa_tutorial_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 454px;
   height: 80px;
   background: transparent url(/img_epd/SSA-tutorial-logo.png) no-repeat top left;
   -background: transparent url(/img_epd/SSA-tutorial-logo.png) no-repeat top left;
}

#ssa_tutorial_logo span{
   display: none;
}

#ssa_usrman_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 454px;
   height: 80px;
   background: transparent url(/img_epd/SSA-usrman-logo.png) no-repeat top left;
   -background: transparent url(/img_epd/SSA-usrman-logo.png) no-repeat top left;
}

#ssa_usrman_logo span{
   display: none;
}
/* TAGGER SPECIFIC STUFF*/
#tagscan_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 454px;
   height: 80px;
   background: transparent url(/img_epd/TagScan-logo.png ) no-repeat top left;
   -background: transparent url(/img_epd/TagScan-logo.png ) no-repeat top left;
}

#tagscan_logo span{
   display: none;
}

#tagger_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 454px;
   height: 80px;
   background: transparent url(/img_epd/Tagger-logo.png ) no-repeat top left;
   -background: transparent url(/img_epd/Tagger-logo.png ) no-repeat top left;
}

#tagger_logo span{
   display: none;
}

#ZFN_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 754px;
   height: 80px;
   background: transparent url(/img_epd/ZFN-logo.png ) no-repeat top left;
   -background: transparent url(/img_epd/ZFN-logo.png ) no-repeat top left;
}

#ZFN_logo span{
   display: none;
}
/* For PWM scan Web Page */
#pwmscan_logo{
   position: absolute;
   top: 20px;
   left: 1px;
   width: 650px;
   height: 80px;
   background: transparent url(/img_epd/PWMScan-logo.png ) no-repeat top left;
   -background: transparent url(/img_epd/PWMScan-logo.png ) no-repeat top left;
}

#pwmscan_logo span{
   display: none;
}


/* For FlowCAP Web Server */
#flowcap_logo{
    position: absolute;
    top: 20px;
    left: 0px;
    width: 750px;
    height: 80px;
    background: transparent url(/img_epd/flowcap_logo.png) no-repeat top left;
    -background: transparent url(/img_epd/flowcap_logo.png) no-repeat top left;
}
#flowcap_logo span{
   display: none;
}

#MSeq_logo{
    position: absolute;
    top: 20px;
    left: 1px;
    width: 850px;
    height: 100px;
    background: transparent url(/img_epd/MSeq-logo.png) no-repeat top left;
    -background: transparent url(/img_epd/MSeq-logo.png) no-repeat top left;
}
#MSeq_logo span{
   display: none;
}

#PWMTools_logo{
    position: absolute;
    top: 5px;
    left: 1px;
    width: 750px;
    height: 110px;
    background: transparent url(/img_epd/PWMTools-logo-new.png) no-repeat top left;
    -background: transparent url(/img_epd/PWMTools-logo-new.png) no-repeat top left;
}
#PWMTools_logo span{
   display: none;
}

#SNP2TFBS_logo{
    position: absolute;
    top: 10px;
    left: 1px;
    width: 750px;
    height: 115px;
    background: transparent url(/img_epd/SNP2TFBS-logo-new.png) no-repeat top left;
    -background: transparent url(/img_epd/SNP2TFBS-logo-new.png) no-repeat top left;
}
#SNP2TFBS_logo span{
   display: none;
}

/* Table properties */

table.document{
    width: 99%;
    font-size: 14px;
    font-family: "Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace;
}

td.document{
    border-bottom: 1px solid lightgray;
    text-align: center;
}

p.document, ol.document, ul.document {
    font-family: Helvetica;
    font-size: 14px;
}

h1.document {
    font-family: Helvetica;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 26.4px;
}

h2.document {
    font-family: Helvetica;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    line-height: 24.2px;
}

h3.document {
    font-family: Helvetica;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    line-height: 19.8px;
}

/*SIB CONTAINER*/
#sib_container{
	position: relative;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	min-height: 100%;
	width: 100%;
/*	background-color: #F7F8FA; */
}
#sib_header_big, #sib_header_small, #sib_header_medium, #sib_header{
	position: relative;
	#background: #F7F8FA url(/img_epd/sib_header_bkgd.png) repeat-x top left;
	background-image: url(/img_epd/sib_header_bkgd_big.png);
	height: 250px;
	width: 100%;
	color: #282828;
	z-index: 2;
}
#sib_header{
	background-image:url(/img_epd/sib_header_bkgd.png);
	height: 120px;
}
#sib_header h1 a, h2 a{
	text-decoration: none;
	color: #282828;
}
#sib_header_small{
	background-image: url(/img_epd/sib_header_small_bkgd.png);
	height: 50px;
}
#sib_header_medium{
	background-image: url(/img_epd/sib_header_medium_bkgd.png);
	height: 100px;
}


#sib_header_small #sib_logo{
        top:8px;
        width: 43px;
        height: 32px;
        background: transparent url(/img_epd/sib_logo.gif) no-repeat top left;
}
#sib_logo span{
        display: none;
}

#sib_header_big #sib_logo, #sib_header_small #sib_logo, #sib_header_medium #sib_logo, #sib_header #sib_logo{
	position: absolute;
	top: 20px;
	left: 18px;
	width: 199px;
	height: 230px;
	background: transparent url(/img_epd/sib_logo.png) no-repeat top left;
	-background: transparent url(/img_epd/sib_logo.png) no-repeat top left;
}
#sib_header #sib_logo{
	top:20px;
	width: 100px;
	height: 110px;
	background: transparent url(/img_epd/sib_logo.png) no-repeat top left;
}
#sib_header_medium #sib_logo{
	top: 15px;
	width: 100px;
	height: 75px;
	background: transparent url(../sib_images/sib_logo.png) no-repeat top left;
}
#sib_header #sib_chipseq_logo{
	position: absolute;
	top:15px;
	left: 50px;
	width: 440px;
	height: 65px;
	background: transparent url(/img_epd/sib-chipseq_logo.png) no-repeat top left;
}

#sib_header_big h1, #sib_header_small h1, #sib_header h1{
	position: relative;
	top: 50px;
	margin: 0 50px;
	color: #282828;
	text-align: center;
	font: 32px  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: 24px  Helvetica,Verdana, sans-serif;
	white-space: nowrap;

}
#sib_header h1{
	font-size: 27px;
	top: 30px;
}
#sib_header h1.with_subtitle{
	font-size: 27px;
	top: 15px;
}
#sib_header h2{
	font-size: 19px;
	top: 25px;
}
#sib_header_small h1{
	font-size: 21px;
	top: 15px;
}
#sib_header_small h1.with_subtitle{
	font-size: 21px;
	margin: 0 150px;
	top: 5px;
}
#sib_header_small h2{
	margin: 0 150px;
	font-size: 15px;
	top: 5px;
}
#sib_header #sib_title, #sib_header #sib_title_no_logo{
	/*padding: 0 300px; */
	padding: 0 250px;
	margin: 0;
	top: 0;
	height: 100px;
	color: #339;
}
#sib_header #sib_title{
        left:240px;
	position:absolute;
	top:15px;
	vertical-align:middle;
	margin:0;
	padding:0;
	font-weight: bold;
	font-size : 30px;
	#z-index:5;
}
#sib_header #sib_title_2{
	padding: 0 280px;
	margin: 0;
	top: 0;
	height: 100px;
}
#sib_header #sib_title_3{
	padding: 50px;
	margin: 10px;
	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: 450px;
}
#sib_header_big #sib_title_3{
	padding: 50px;
	margin: 10px;
	top: 0;
	height: 100px;
}
#sib_header #sib_other_logo{
	position: absolute;
/*	border-left: 1px solid #767676; */
	height: 80px;
	left: 105px;
}
#sib_header_small #sib_other_logo{
	position: absolute;
/*	border-left: 1px solid #767676; */
	height: 38px;
	left: 75px;
}
#sib_header_medium #sib_other_logo{
	position: absolute;
/*  border-left: 1px solid #767676; */
	height: 88px;
	left: 105px;
}
#sib_header_big #sib_other_logo{
	position: absolute;
/*	border-left: 1px solid #767676; */
	height: 106px;
	left: 130px;
}
#sib_other_logo img{
	vertical-align: bottom;
	padding-top: 9px;
}
#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 #sib_other_logo_v2{
        position: absolute;
/*      border-left: 1px solid #767676; */
        height: 80px;
        left: 105px;
}
#sib_header_small #sib_other_logo_v2{
        position: absolute;
/*      border-left: 1px solid #767676; */
        height: 38px;
        left: 75px;
}
#sib_header_big #sib_other_logo_v2{
        position: absolute;
/*      border-left: 1px solid #767676; */
        height: 106px;
        left: 230px;
}
#sib_other_logo_v2 img{
        vertical-align: bottom;
        padding-top: 9px;
}
#sib_header #sib_other_logo_v2 a{
        line-height: 88px;
}
#sib_header_small #sib_other_logo_v2 a{
        line-height: 38px;
}
#sib_header_big #sib_other_logo_v2 a{
        line-height: 106px;
}



#sib_header_nav{
	position: absolute;
	font: 10px Helvetica, sans-serif;
	right: 30px;
	top: 18px;
	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: underline;
}

/* Navigation Bar "bread crumbs" */
#sib_navigation {
/*	width: 100%;*/
	margin: 2px;
	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; */
	/*color: #474747;*/
	color: #3C3C3C;
}
#sib_navigation_right {
/*	width: 100%;*/
	margin: 0px;
	padding: 3px 5px;
	font-size: 11px;
	font-family: Helvetica;
/*	background-color: #F7F8FA;*/
	position: relative;
	top: -15px;
	left: 850px;
}
#sib_navigation_right a.navigation_right, a.navigation_right:visited {
	color: #767676;
	text-decoration: none;
}
#sib_navigation_right a.navigation_right:hover {
	/*text-decoration: underline;*/
	color: #3C3C3C;
}
#chipseq_navigation_right {
	position: relative;
	float: right;
	top: -15px;
}
#chipseq_navigation_right a.navigation_right, a.navigation_right:visited {
	color: #767676;
	text-decoration: none;
}
#chipseq_navigation_right a.navigation_right:hover {
	/*text-decoration: underline;*/
	color: #0A0DB9;
}

/*SIB BODY*/

#sib_body {
	position: relative;
	padding: 18px 18px 78px 18px;
	background: #F7F8FA url(/img_epd/sib_body_bkgd.png) repeat-x top left;
	min-height: 420px;
	font-family: Helvetica;
	color: #626262;
	font-size: 12px;
	z-index: 0;    /* For boxover to work fine */
	-height: 100%; /* IE6 */
	/*z-index: 1; */
}

/*hack InternetExplorer*/
/*
* html #sib_body{
        width: 1024px;
	}
*:first-child+html #sib_body {
        min-width: 1024px;
}
*/
/*end hack*/

/* Headers */
#sib_body h1,h2,h3,h4,h5,h6 {
	font-family: Helvetica;
	color: #353535;
}
#sib_body h1 { font-size: 18px; }
#sib_body h2 { font-size: 16px; }
#sib_body h3 { font-size: 14px; }
#sib_body h4 { font-size: 12px; }
/*#sib_body h5 { font-size: 9px; }*/
#sib_body h6 { font-size: 8px; }
/* Table */
#sib_body table,td,th{
/*	border: 1px solid #DBDBDB; */
	border-collapse: collapse;
}
/*#sib_body td{ padding: 3px; color: #626262; font-size: 12px;} */
#sib_body td{ padding: 3px; color: #626262;}
#sib_body th {
	font-size: 14px;
	font-weight: bold;
	background: #DBDBDB;
	color: #000;
	text-align: center;
	padding: 3px 5px;
}
#sib_body th.sib_header_red {
	font-size: 14px;
	font-weight: normal;
	background: #d6161d;
	color: #fff;
	text-align: center;
	padding: 3px 5px;
}
#sib_body th.sib_header_green {
        font-size: 14px;
        font-weight: normal;
        background: #006666;
        color: #006666;
        text-align: center;
        padding: 3px 5px;
}
#sib_body th.sib_header_turquoise {
        font-size: 14px;
        font-weight: normal;
        background: #336699;
        color: #006666;
        text-align: center;
        padding: 3px 5px;
}
#sib_body th.sib_header_purple {
        font-size: 14px;
        font-weight: normal;
        background: #A00B0F;
        color: #006666;
        text-align: center;
        padding: 3px 5px;
}
#sib_body th.sib_header_blue {
        font-size: 14px;
        font-weight: normal;
        background: #0000cc;
        color: #006666;
        text-align: center;
        padding: 3px 5px;
}
#sib_body th.sib_header_olive {
        font-size: 14px;
        font-weight: normal;
        background: #808000;
        color: #ffffff;
        text-align: center;
        padding: 3px 5px;
}
#sib_body th.sib_header_custom {
        font-size: 14px;
        font-weight: normal;
        background: #6880D7;
        color: #ffffff;
        text-align: center;
        padding: 3px 5px;
}
/* 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(/img_epd/menu_top_blue.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_red {
	background: transparent url(/img_epd/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_big {
	background: transparent url(/img_epd/menu_top_big.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 a{
	color: #FFF;
}
ul.sib_menu li.menu_title_red a{
	color: #FFF;
}
ul.sib_menu li.menu_title_big a{
	color: #FFF;
}
ul.sib_menu li.menu_title:hover {
	background: transparent url(/img_epd/menu_top_blue.gif);
	border: none;
	display: block;
}
ul.sib_menu li.menu_title_red:hover {
	background: transparent url(/img_epd/menu_top.gif);
	border: none;
	display: block;
}
ul.sib_menu li.menu_title_big:hover {
	background: transparent url(/img_epd/menu_top_big.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;
}
ul.sib_submenu{
/*      background: #FFFFFF;*/
        list-style-type: none;
        width: 200px;
        padding-left: 0px; /*Disable the default padding left of ordered lists*/
        margin-left: 0px; /*Hack for IE to avoid the left margin*/
        margin-left: 5px;
        cursor: pointer;
}
ul.sib_submenu li.sib_submenu_selected {
        font-weight: bold;
        background-color: #DBDBDB;
}
ul.sib_submenu li.sib_submenu, ul.sib_submenu li.sib_submenu_selected{
        border-bottom:1px solid #DBDBDB;
        padding: 0 5px 0 5px;
        margin: 0px 5px 0px 5px;
        height: 25px;
        font-size: 12px;
        color: #282828;
        font-weight:normal;
}
ul.sib_submenu li.sib_submenu:hover {
        background: #DBDBDB;
        padding: 0 5px 0 5px;
}
ul.sib_submenu li.sib_submenu a, ul.sib_submenu li.sib_submenu a:visited,ul.sib_submenu li.sib_submenu_selected a, ul.sib_submenu li.sib_submenu_selected a:visited {
        color: #282828;
        font-size: 12px;
        font-weight:normal;
        line-height: 25px;
        margin:0;
        display: block;
        text-decoration: none;
}
ul.sib_submenu li.sib_submenu_selected a, ul.sib_submenu li.sib_submenu_selected a:visited{
        font-weight: bold;
}
ul.sib_submenu li.sib_subcategories{
        border-bottom: 1px solid #DBDBDB;
        margin: 0px 5px;
}
ul.sib_submenu li.sib_subcategories ul{
        margin: 0;
        margin-left: 0px;
        padding: 0px;
        text-indent: 0px;
        list-style: none;
        margin-bottom: -1px;
}
ul.sib_submenu li.sib_subcategories ul li{
        font-size: 10px;
        line-height: 14px;
        padding: 3px 0 3px 10px;
        border-bottom: 1px dotted #DBDBDB;
        font-weight: bold;
        background: #DBDBDB;
}
ul.sib_submenu li.sib_subcategories ul li:hover{
        background: #DBDBDB;
}
ul.sib_submenu li.sib_subcategories ul li a, ul.sib_submenu li.sib_subcategories ul li a:hover{
        color: #282828;
        text-decoration: none;
}

/* 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(/img_epd/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover {background:#d8d8d8 url(/img_epd/blue-arrow.gif) no-repeat 130px center; text-decoration: underline;}
.menu ul ul :hover > a.drop {background:#d8d8d8 url(/img_epd/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 !important; color:#000 !important; /*width:68px;*/ height:30px;  padding-left:10px; padding-right: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(/img_epd/triangle_left_grey.gif) no-repeat 140px center;}
/* style the second level hover */
.sib_drop_menu ul ul a.drop:hover{background:#C00 url(/img_epd/triangle_left_grey.gif) no-repeat 140px center; color: #FFF !important;}
.sib_drop_menu ul ul :hover > a.drop {background:#c00 url(/img_epd/triangle_left.gif) no-repeat 140px center;color:#fff !important;}
/* 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 !important; 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 !important; background:#c00;margin-bottom: 0;height: auto;}
.sib_drop_menu ul ul :hover > a {color:#fff; background:#c00; margin-bottom: 0;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: 1px solid #c00;background: #fff url(/img_epd/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;}

/**************************************************************/
/* ====> SAME for Drop Down menus in header but right aligned */
.sib_drop_rmenu {width:auto; height:32px; position:absolute;right: 0px;bottom: 0px; z-index:100; font-family:Helvetica, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .sib_drop_rmenu {width:auto; w\idth:auto;}
/* remove all the bullets, borders and padding from the default list styling */
.sib_drop_rmenu ul {padding:0;margin:0;list-style-type:none;}
.sib_drop_rmenu 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_rmenu li {float:left;position:relative; padding-right:10px;}
/* style the links for the top level */
.sib_drop_rmenu li a, .sib_drop_rmenu li a:visited {display:block;font-size:12px;text-decoration:none !important; color:#000; /*width:68px;*/ height:30px;  /*padding-left:10px; */line-height:29px; font-weight:normal;}
.sib_drop_rmenu li a:hover {color:#000;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .sib_drop_rmenu a, * html .sib_drop_rmenu a:visited {width:68px; w\idth:68px;}

/* style the second level background */
.sib_drop_rmenu ul ul a.drop, .sib_drop_rmenu ul ul a.drop:visited {background:#FFF url(/img_epd/triangle_left_grey.gif) no-repeat 140px center; }
/* style the second level hover */
.sib_drop_rmenu ul ul a.drop:hover{background:#C00 url(/img_epd/triangle_left_grey.gif) no-repeat 140px center; color: #fff !important;}
.sib_drop_rmenu ul ul :hover > a.drop {background:#c00 url(/img_epd/triangle_left.gif) no-repeat 140px center;color:#fff !important;}
/* style the third level background */
.sib_drop_rmenu ul ul ul a, .sib_drop_rmenu ul ul ul a:visited {background:#fff;}
/* style the third level hover */
.sib_drop_rmenu ul ul ul a:hover {background:#c00 !important; color: #fff !important;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.sib_drop_rmenu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:-100px; width:149px;}
/* another hack for IE5.5 */
* html .sib_drop_rmenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.sib_drop_rmenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.sib_drop_rmenu 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_rmenu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.sib_drop_rmenu ul ul a, .sib_drop_rmenu 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_rmenu ul ul a, * html .sib_drop_rmenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.sib_drop_rmenu a:hover{height: 25px; margin-bottom: 3px;}
.sib_drop_rmenu :hover > a{height: 25px; margin-bottom: 3px;}
.sib_drop_rmenu ul ul a:hover{color:#FFF; background:#c00;margin-bottom: 0px;height: auto;}
.sib_drop_rmenu 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_rmenu ul li:hover ul,
.sib_drop_rmenu ul a:hover ul{visibility:visible;height: auto;margin-top: -4px;border/*-top*/: 1px solid #c00;background: #fff url(/img_epd/ul_triangle.gif) 120px 0px no-repeat; }
/* keep the third level hidden when you hover on first level list OR link */
.sib_drop_rmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.sib_drop_rmenu ul :hover ul :hover ul{ visibility:visible;}
/* End of right aligned drop-down menu                        */
/**************************************************************/

/* 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_b{
	position: absolute;
	bottom: 0;
	height: 40px;
	background-color: #1E2425;
	width: 100%;
	color: #787C7C;
	letter-spacing: 1px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	z-index: 2;
	/*z-index: 0;*/
}
#sib_footer_c{
        position: absolute;
        bottom: 0;
	right: 0;
	left: 0;
        height: 40px;
        background-color: #1E2425;
        width: 100%;
        color: #787C7C;
        letter-spacing: 1px;
        font-family: Verdana;
        font-size: 10px;
        font-weight: normal;
        z-index: 2;
        /*z-index: 0;*/
}
#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_b a{
	text-decoration: none;
	color: #787C7C;
}
#sib_footer_b a:hover{
	color: #FFF;
	/*text-decoration: underline; */
}
#sib_footer_c a{
	text-decoration: none;
	color: #787C7C;
}
#sib_footer_c a:hover{
	color: #FFF;
	/*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_b 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_c a img, #sib_header_big a img,#sib_header a img,#sib_header_small a img{
	border: none;
	vertical-align: middle;
	padding-right: 0px;
}
#sib_footer_right{
	position: absolute;
	right: 18px;
	width: 250px;
	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_right div{
        float: right;
}
#sib_footer_print{
	background: transparent url(/img_epd/print_hover.png) no-repeat top left;
	padding-left: 10px;
	margin-right: 10px;
}
#sib_footer_gototop{
	background: transparent url(/img_epd/triangle_hover.png) no-repeat top left;
	padding-left: 10px;
	margin-right: 10px;
}
#sib_footer_next{
	background: transparent url(/img_epd/triangle_hover_right.png) no-repeat top left;
	padding-left: 10px;
	margin-right: 10px;
}
#sib_footer_prev{
	background: transparent url(/img_epd/triangle_hover_left.png) no-repeat top left;
	padding-left: 10px;
	margin-right: 10px;
}
#sib_footer_mail{
	background: transparent url(/img_epd/mail_hover.png) no-repeat top left;
	padding-left: 10px;
	margin-right: 10px;
}
#footer_print{
	/* background: transparent url(/img_epd/print.png) no-repeat top left; */
	padding-left: 5px;
	margin-right: 5px;
}
#footer_gototop{
	/* background: transparent url(/img_epd/triangle.png) no-repeat top left; */
	padding-left: 5px;
	margin-right: 5px;
}

/* 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: 800px; /* 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;
}

/**** Addition *****/
button, .message button.normal, button[enabled] {
   padding: 2px 9px;
   color: #444444;
   font-size: 12px;
   border: 1px solid #D8DDE1;
   background: #F7F8FA url('/img_epd/bkgd_button.png') repeat-x top left;
   cursor: pointer;
   font-weight: bold;
   margin: 0 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

button:active, .message button.normal:active, button[enabled]:active{
   border-color: #A8BBB9;
   color: #222222;
   text-shadow: 1px 1px 2px #CCC;
   background-image:url('/img_epd/bkgd_button_active.png');
}

button[disabled]{
   color: #CCC;
}

button:hover,button[enabled]:hover{
   border-color: #A8BBB9;
   color: #222222;
   text-shadow: 1px 1px 2px #CCC;
}

button[disabled]:hover{
   color: #CCCCCC;
   border-color: #D8DDE1;

}