/*
===============================================
MAIN
===============================================
*/

html body
{
	font-family: sans-serif,Arial,Verdana,Futura,Helvetica;
	font-size: 100%; /* For IE */
	background-color: white;
}

div.news {
	float:right;
	width:25%;
}

div.news fieldset {
        border: 1px solid #FF0000;
        padding: 0.1em 0.5em 0.2em 0.5em;
        margin-bottom: 0.5em;
        font-size: 13px;
        line-height: 1.5em;
}
div.news fieldset legend {
        color: #FF0000;
        font-size: 15px;
}

.lh30 { line-height: 30px; width: 90%}
h1,h2,h3 title { color: #525252; }
ul.arrow { font-size: medium; list-style-image:url('/css/sib_images/grey-arrow.gif'); }

p.title {
background: transparent url(/css/sib_images/menu_top.gif);
background-repeat: no-repeat;
height: 25px;
line-height: 25px;
font-size: 13px;
color: #ffffff;
font-weight: bold;
border: none;
margin: 5px 5px 0px 5px;
padding-left: 5px;
}

#sib_header #sib_title {
	padding: 0 250px;
}

#sib_header h1.with_search{
        font-size: 18pt;
        top: 40px;
}

#sib_header, #sib_header_small a, a:visited, a:hover, a.navigation:visited {
    text-decoration: none;
	color: #282828;
}

#sib_footer {
	font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
}

h1 {font-size: xx-large;font-weight: bold;}
h2 {font-size: x-large;font-weight: bold}
h3 {font-size: large;font-weight: bold;font-style: italic}
h4 {font-size: medium;font-weight: normal;font-style: italic}	

p,pre,table {font-size: medium}
/*table {border: 1px solid black}*/
ul {list-style-type: disc; margin-top:2px; margin-bottom:2px}
li ul {list-style-type: circle}

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

.title1 {font-weight: bold;font-style: normal;font-size:medium;background-color:#0000DD;color: white;padding: 1px}
.title2 {font-weight: bold;font-style: normal;font-size:medium;background-color:#6699FF;color: black;padding: 1px}
.title3 {font-weight: bold;font-style: normal;font-size:medium;background-color:#99CCFF;color: black;padding: 1px}

table.headfoot {background-color: gray; font-size: small !important}
table.headfoot td {padding: 2px;white-space: nowrap;}
table.mirrors {font-size: small}
table.mirrors td {padding: 0px}

/*
  ============================== BASIC TABLES ==============================
  (NESTED TABLES!: basic class tables can be nested inside expasy class tables... but nesting of a basic table inside a basic table (or expasy inside expasy) might give some 'style' problems!:
  ... because e.g. table.table1 td {...} will also define the style of any td in a child table of table1 table!: 
      parent table style elements over-rides child table style elements...-> 'basic' table elements style must use "! important" (so that they can be nested inside 'expasy' tables) (ugly but no other way!?) 
*/

/* default table but with no border (usefull when applied on a child ('expasy') table -> will be like parent table (colors) but without borders) */ 
table.table0, table.table0 td, table.table0 th {border: 0px! important}

/* white background, blue th background, th white text, thin gray border (collapsed)*/
table.table1 {border: 1px solid #E0E0E0! important;border-collapse: collapse;}
table.table1 tr {background-color: white! important} /* without ! important a table2 class table nested in a expasy table will have background-color over-ridden !*/
table.table1 th {border: 1px solid #E0E0E0! important;font-weight: bold! important;font-style: normal! important;font-size:medium! important;background-color:#0000DD;color: white;padding: 1px! important}
table.table1 td {border: 1px solid #E0E0E0! important;}
table.table1 table, table.table1 table td {border: 0px! important}
table.table1 th a:link {color:#CCCCFF! important;text-decoration:none! important;}/*!all links in th will be white: use dark bckgrnd th!*/
table.table1 th a:visited  {color:#FFCCFF! important;text-decoration:none! important;}
table.table1 th a:hover {color:#AAAAFF! important;text-decoration:underline! important;}
table.table1 th.up { background-color:#66FFFF! important; color:black! important;}
table.table1 th.down { text-align:left! important; background-color:#CCFFFF! important; color:black! important;}
table.table1 th.down a:link {color:black! important;  text-decoration:none! important;}
table.table1 th.down a:visited {color:black! important;  text-decoration:none! important;}
table.table1 th.down a:hover {color:#AAAAFF! important;  text-decoration:none! important;}

/* white background, light blue th background, th white text, thin gray border (collapsed)*/
table.table2 {border: 1px solid #E0E0E0! important;border-collapse: collapse! important;}
table.table2 tr {background-color: white! important}
table.table2 th {border: 1px solid #E0E0E0! important;font-weight: bold! important;font-style: normal! important;font-size:medium! important;background-color:#6699FF;color: white;padding: 1px! important}
table.table2 td {border: 1px solid #E0E0E0! important;}
table.table2 table, table.table2 table td {border: 0px! important}
table.table2 th a:link {color:#CCCCFF! important;text-decoration:none! important;}
table.table2 th a:visited  {color:#FFCCFF! important;text-decoration:none! important;}
table.table2 th a:hover {color:#AAAAFF! important;text-decoration:underline! important;}

/* white background, lighter blue th background, th white text, thin gray border (collapsed)*/
table.table3 {border: 1px solid #E0E0E0! important;border-collapse: collapse! important;}
table.table3 tr {background-color: white! important}
table.table3 th {border: 1px solid #E0E0E0! important;font-weight: bold! important;font-style: normal! important;font-size:medium! important;background-color:#99CCFF! important;color: white! important;padding: 1px! important}
table.table3 td {border: 1px solid #E0E0E0! important;}
table.table3 th a:link {color:#CCCCFF! important;text-decoration:none! important;}
table.table3 th a:visited  {color:#FFCCFF! important;text-decoration:none! important;}
table.table3 th a:hover {color:#AAAAFF! important;text-decoration:underline! important;}

/* light blue background, blue th background, th left-aligned white text, no border */
table.table4 {border: 0px! important;}
table.table4 tr {background-color: #DFEFFF! important;} /* #AFDFFF} */
table.table4 th {border: 0px! important;font-weight: bold! important;font-style: normal! important;font-size:medium! important;background-color:#0000DD! important;color: white! important;text-align: center! important; padding: 1px! important}
table.table4 td {border: 0px! important;}
table.table4 th a:link {color:#CCCCFF! important;text-decoration:none! important;}
table.table4 th a:visited  {color:#FFCCFF! important;text-decoration:none! important;}
table.table4 th a:hover {color:#AAAAFF! important;text-decoration:underline! important;}

/*
  ============================== EXPASY TABLES ==============================
   (if you gonna use nested tables you should use those classes on the parent table, then a basic table style for child tables... (see nested tables comment))
*/

/* white background, blue th background, th (center-aligned) white text, thin gray border (collapsed)*/
table.main1 {border: 1px solid #E0E0E0;border-collapse: collapse;}
table.main1 tr {background-color: #FFFFFF}
table.main1 th {border: 1px solid #E0E0E0;font-weight: bold;font-style: normal;font-size:medium;background-color:#0000DD;color: white;padding: 1px}
table.main1 td {border: 1px solid #E0E0E0;}
table.main1 th a:link {color:#CCCCFF;text-decoration:none;}
table.main1 th a:visited  {color:#FFCCFF;text-decoration:none;}
table.main1 th a:hover {color:#AAAAFF;text-decoration:underline;}	

/* white background, light blue th background, th (center-aligned) white text, thin gray border (collapsed)*/
table.main2 {border: 1px solid #E0E0E0;border-collapse: collapse;}
table.main2 tr {background-color: #FFFFFF}
table.main2 th {border: 1px solid #E0E0E0;font-weight: bold;font-style: normal;font-size:medium;background-color:#6699FF;color: white;padding: 1px}
table.main2 td {border: 1px solid #E0E0E0;}
table.main2 th a:link {color:#CCCCFF;text-decoration:none;}
table.main2 th a:visited  {color:#FFCCFF;text-decoration:none;}
table.main2 th a:hover {color:#AAAAFF;text-decoration:underline;}	

/* white background, lighter blue th background, th (center-aligned) white text, thin gray border (collapsed)*/
table.main3 {border: 1px solid #E0E0E0;border-collapse: collapse;}
table.main3 tr {background-color: #FFFFFF}
table.main3 th {border: 1px solid #E0E0E0;font-weight: bold;font-style: normal;font-size:medium;background-color:#99CCFF;color: white;padding: 1px}
table.main3 td {border: 1px solid #E0E0E0;}
table.main3 th a:link {color:#CCCCFF;text-decoration:none;}
table.main3 th a:visited  {color:#FFCCFF;text-decoration:none;}
table.main3 th a:hover {color:#AAAAFF;text-decoration:underline;}	



/* SWISS-PROT yellow background, blue th background, th left-aligned white text, thin ~gray border (collapsed)*/
table.swissprot1 {border: 1px solid #E0E0E0;border-collapse: collapse;}
table.swissprot1 tr {background-color: #FFFFDD}
table.swissprot1 th {border: 1px solid #E0E0E0;font-weight: bold;font-style: normal;font-size:medium;background-color:#0000DD;color: white;text-align: left; padding: 1px}
table.swissprot1 td {border: 1px solid #E0E0E0;}
/* table.swissprot1 table, table.swissprot1 table td {border: 0px} */
table.swissprot1 th a:link {color:#CCCCFF;text-decoration:none;}
table.swissprot1 th a:visited  {color:#FFCCFF;text-decoration:none;}
table.swissprot1 th a:hover {color:#AAAAFF;text-decoration:underline;}

/* PROSITE blue background, blue th background, th left-aligned white text, thin gray border (collapsed)*/
table.prosite1 {border: 1px solid #E0E0E0;border-collapse: collapse;}
table.prosite1 tr {background-color: #AEEBFF}
table.prosite1 th {border: 1px solid #E0E0E0;font-weight: bold;font-style: normal;font-size:medium;background-color:#0000DD;color: white;text-align: left; padding: 1px}
table.prosite1 td {border: 1px solid #E0E0E0;}
table.prosite1 table, table.prosite1 table td {border: 0px}
table.prosite1 th a:link {color:#CCCCFF;text-decoration:none;}
table.prosite1 th a:visited  {color:#FFCCFF;text-decoration:none;}
table.prosite1 th a:hover {color:#AAAAFF;text-decoration:underline;}

/* PROSITE light blue background, blue th background, th left-aligned white text, thin ~gray border (collapsed)*/
table.prosite2 {border: 1px solid #E0E0E0;border-collapse: collapse;}
table.prosite2 tr {background-color: #DFEFFF;} /* #AFDFFF} */
table.prosite2 th {border: 1px solid #E0E0E0;font-weight: bold;font-style: normal;font-size:medium;background-color:#0000DD;color: white;text-align: center; padding: 1px}
table.prosite2 td {border: 1px solid #E0E0E0;}
table.prosite2 table, table.prosite1 table td {border: 0px}
table.prosite2 th a:link {color:#CCCCFF;text-decoration:none;}
table.prosite2 th a:visited  {color:#FFCCFF;text-decoration:none;}
table.prosite2 th a:hover {color:#AAAAFF;text-decoration:underline;}

/* ENZYME gray background, blue th background, th left-aligned white text, thin gray border (collapsed)*/
table.enzyme1 {border: 1px solid #CCCCCC;border-collapse: collapse;font-size: medium}
table.enzyme1 tr {background-color: #EEEEEE}
table.enzyme1 th {border: 1px solid #CCCCCC;font-weight: bold;font-style: normal;font-size:medium;background-color:#0000DD;color: white;text-align: left; padding: 1px}
table.enzyme1 td {border: 0px;}
table.enzyme1 table, table.enzyme1 table td {border: 0px}
table.enzyme1 th a:link {color:#CCCCFF;text-decoration:none;}
table.enzyme1 th a:visited  {color:#FFCCFF;text-decoration:none;}
table.enzyme1 th a:hover {color:#AAAAFF;text-decoration:underline;}

/* SWISS-2DPAGE white background, swiss-2dpage blue th background, th (center-aligned) white text, thin gray border (collapsed) */
table.ch2d1 {border: 1px solid #E0E0E0;border-collapse: collapse;}
table.ch2d1 tr {background-color: #FFFFFF}
table.ch2d1 th {border: 1px solid #E0E0E0;font-weight: bold;font-style: normal;font-size:medium;background-color:#99FFFF;color: #000000;padding: 3px; text-align: center}
table.ch2d1 td {border: 1px solid #E0E0E0;}
table.ch2d1 th a:link {color:#CCCCFF;text-decoration:none;}
table.ch2d1 th a:visited  {color:#FFCCFF;text-decoration:none;}
table.ch2d1 th a:hover {color:#AAAAFF;text-decoration:underline;}

/* PROTEOMICS orange background, blue th background, th left-aligned white text, thin ~gray border (collapsed) */
table.proteomics1 {border: 1px solid #E0E0E0;border-collapse: collapse;font-size: medium}
table.proteomics1 tr {background-color: #FFCC00}
table.proteomics1 th {border: 1px solid #E0E0E0;font-weight: bold;font-style: normal;font-size:medium;background-color:#0000DD;color: white;text-align: left; padding: 1px}
table.proteomics1 td {border: 1px solid #E0E0E0;}
table.proteomics1 table, table.enzyme1 table td {border: 0px}
table.proteomics1 th a:link {color:#CCCCFF;text-decoration:none;}
table.proteomics1 th a:visited  {color:#FFCCFF;text-decoration:none;}
table.proteomics1 th a:hover {color:#AAAAFF;text-decoration:underline;}

/* PROTEOMICS light orange background, blue th background, th left-aligned white text, thin ~gray border (collapsed) */
table.proteomics2 {border: 1px solid #E0E0E0;border-collapse: collapse;font-size: medium}
table.proteomics2 tr {background-color: #FFF499}
table.proteomics2 th {border: 1px solid #E0E0E0;font-weight: bold;font-style: normal;font-size:medium;background-color:#0000DD;color: white;text-align: left; padding: 1px}
table.proteomics2 td {border: 1px solid #E0E0E0;}
table.proteomics2 table, table.enzyme1 table td {border: 0px}
table.proteomics2 th a:link {color:#CCCCFF;text-decoration:none;}
table.proteomics2 th a:visited  {color:#FFCCFF;text-decoration:none;}
table.proteomics2 th a:hover {color:#AAAAFF;text-decoration:underline;}

/* GlycoMod white background, light yellow th background, th left-aligned white text, thin ~gray border (collapsed) */
table.glycomod1 {border: 1px solid #E0E0E0;border-collapse: collapse;font-size: medium}
table.glycomod1 tr {background-color: #FFFFFF}
table.glycomod1 th {border: 1px solid #E0E0E0;font-weight: bold;font-style: normal;font-size:medium;background-color:#FFFFDD;color: black;text-align: left; padding: 1px}
table.glycomod1 td {border: 1px solid #E0E0E0;}
table.glycomod1 table, table.enzyme1 table td {border: 0px}
table.glycomod1 th a:link {color:#CCCCFF;text-decoration:none;}
table.glycomod1 th a:visited  {color:#FFCCFF;text-decoration:none;}
table.glycomod1 th a:hover {color:#AAAAFF;text-decoration:underline;}

/* GlycoMod white background, grey th background, th left-aligned white text, thin ~gray border (collapsed) */
table.glycomod2 {border: 1px solid #E0E0E0;border-collapse: collapse;font-size: medium}
table.glycomod2 tr {background-color: #FFFFFF}
table.glycomod2 th {border: 1px solid #E0E0E0;font-weight: bold;font-style: normal;font-size:medium;background-color:#EEEEEE;color: black;text-align: left; padding: 1px}
table.glycomod2 td {border: 1px solid #E0E0E0;}
table.glycomod2 table, table.enzyme1 table td {border: 0px}
table.glycomod2 th a:link {color:#CCCCFF;text-decoration:none;}
table.glycomod2 th a:visited  {color:#FFCCFF;text-decoration:none;}
table.glycomod2 th a:hover {color:#AAAAFF;text-decoration:underline;}


/* HAMAP yellow/pink background, blue th background*/
table.hamap1 {border:1px solid white; border-collapse: separate; border-spacing: 2px;}
table.hamap1 td {background-color:#FFFDD0; vertical-align: top; padding: 1px}
table.hamap1 th {background-color:#0000DD; color:white; border:1px solid #E0E0E0; font-weight:bold; font-style:normal; font-size:medium; padding:1px;}
table.hamap1 th a:link {color:#CCCCFF; text-decoration:none}
table.hamap1 th a:visited {color:#FFCCFF; text-decoration:none}
table.hamap1 th a:hover {color:#AAAAFF; text-decoration:underline}

/* HAMAP green background, blue th background*/
table.hamap2 {border:1px solid white; border-collapse: separate; border-spacing: 1px}
table.hamap2 td {background-color:#B1FFC7; vertical-align: top; padding: 1px}
table.hamap2 th {background-color:#0000DD; color:white; border:1px solid #E0E0E0; font-weight:bold; font-style:normal; font-size:medium; padding:1px;}
table.hamap2 th a:link {color:#CCCCFF; text-decoration:none}
table.hamap2 th a:visited {color:#FFCCFF; text-decoration:none}
table.hamap2 th a:hover {color:#AAAAFF; text-decoration:underline}

/* Navigation bar styles */
table.prosite_head {
	width: 100%;
	background-color: white;	
	padding: 0;margin: 0;
	border-bottom: 1px solid #DBDBDB;
	border-collapse: collapse;
}
table.prosite_head td {
	padding: 0;
	vertical-align: top;
	text-align: left;
}
table.prosite_head td.title {
	vertical-align: middle;
	font-size: xx-large;
	font-weight: bold;
	padding-left: 0.3em;
}
table.prosite_head td.logo {
	vertical-align: middle;
	width: 187px;
}
table.prosite_head td.nav {
	text-align: right;
	font-size: small;
}
table.prosite_tab {
	border-collapse: collapse;
	margin-left: auto;
}
table.prosite_tab td {
	font-size: small;
	padding: 0;
	padding-left: 1em;
	padding-right: 1em;
}
table.prosite_tab td.selected {
	font-weight: bold;
	background-color: #DFEFFF;
}

table.unirule_head {
	width: 100%;
	background-color: white;
	padding: 0;margin: 0;
	border-bottom: 1px solid #DBDBDB;
	border-collapse: collapse;
}
table.unirule_head td {
	padding: 0;
	vertical-align: top;
	text-align: left;
}
table.unirule_head td.title {
	vertical-align: middle;
	font-size: xx-large;
	font-weight: bold;
	padding-left: 0.3em;
}
table.unirule_head td.subtitle {
	vertical-align: middle;
	font-size: small;
	padding-left: 0.3em;
}
table.unirule_head td.logo {
	vertical-align: middle;
	width: 187px;
}
table.unirule_head td.nav {
	text-align: right;
	font-size: small;
}
table.unirule_navig_tab {
	border-collapse: collapse;
	margin-left: auto;
}
table.unirule_navig_tab td {
	font-size: 11pt;
	padding: 0;
	padding-left: 1em;
	padding-right: 1em;
}
table.unirule_navig_tab td.hamap_selected {
	font-weight: bold;
	background-color: #B1FFC7;
	
}
table.unirule_navig_tab td.prosite_selected {
	font-weight: bold;
	background-color: #DFEFFF;
}


/* replacement for in line styles: classes to combine: */

.bgcolor_swissprot1 {background-color:#FFFF66}
.bgcolor_swissprot2 {background-color:#FFFFA0}
.bgcolor_swissprot3 {background-color:#AAAA00}
.bgcolor_prosite1 {background-color:#33CCFF}
.bgcolor_prosite2 {background-color:#DFEFFF}
.bgcolor_prosite3 {background-color:#000088}
.bgcolor_enzyme1 {background-color:#CCCCCC}
.bgcolor_enzyme2 {background-color:#EEEEEE}
.bgcolor_enzyme3 {background-color:#CCCC99}
.bgcolor_hamap1 {background-color:#FFFDD0} /* yellow/pink */
.bgcolor_hamap2 {background-color:#B1FFC7} /* green */
.bgcolor_hamap3 {background-color:#99FF99} /* hilite green */

.bgcolor_a1 {background-color: black}
.bgcolor_a2 {background-color: white}
.bgcolor_b1 {background-color: gray} /* gray */
.bgcolor_b2 {background-color:#E0E0E0} 
.bgcolor_c1,.bgcolor_title1 {background-color:#0000DD} /* blue */
.bgcolor_c2 {background-color:#000088}
.bgcolor_d1 {background-color:#DD0000} /* red */
.bgcolor_d2 {background-color:#880000}
.bgcolor_e1 {background-color:#00DD00} /* green */
.bgcolor_e2 {background-color:#008800}
.bgcolor_f1 {background-color:#FFFF00} /* yellow */
.bgcolor_f2 {background-color:#AAAA00}

.color_a1 {color: black}
.color_a2,.color_title1 {color: white}
.color_b1 {color: gray}
.color_b2 {color: #444444}
.color_c1 {color:blue}
.color_c2 {color:#000088}
.color_d1 {color:red}
.color_d2 {color:#880000}
.color_e1 {color:green}
.color_e2 {color:#008800}
.color_e1 {color:yellow}
.color_e2 {color:#666600}

.font-size_a1 {font-size: x-small}
.font-size_a2 {font-size: small}
.font-size_a3 {font-size: medium}
.font-size_a4 {font-size: large}
.font-size_a5 {font-size: x-large}
.font-size_b1 {font-size: smaller}
.font-size_b2 {font-size: larger}

.text-align_a1 {text-align: left}
.text-align_a2 {text-align: right}
.text-align_a3 {text-align: center}
.text-align_a4 {text-align: justify}

.margin_a1 {margin: 0px}
.margin_a2 {margin: 0.5em}
.margin_a3 {margin: 1.0em}

.margin-top_a1 {margin-top: 0px}
.margin-top_a2 {margin-top: 0.5em}
.margin-top_a3 {margin-top: 1.0em}
.margin-top_a4 {margin-top: 2.0em}

.margin-bottom_a1 {margin-bottom: 0px}
.margin-bottom_a2 {margin-bottom: 0.5em}
.margin-bottom_a3 {margin-bottom: 1.0em}
.margin-bottom_a4 {margin-bottom: 2.0em}

.padding_a1 {padding: 0px}
.padding_a2 {padding: 0.5em}
.padding_a3 {padding: 1.0em}
.padding_a4 {padding: 2.0em}

.padding-left_a1 {padding-left: 0px}
.padding-left_a2 {padding-left: 0.5em}
.padding-left_a3 {padding-left: 1.0em}
.padding-left_a4 {padding-left: 2.0em}

.padding-bottom_a1 {padding-bottom: 0px}
.padding-bottom_a2 {padding-bottom: 0.5em}
.padding-bottom_a3 {padding-bottom: 1.0em}
.padding-bottom_a4 {padding-bottom: 2.0em}

.width_a1 {width: 100%}

.hidden {display: none}

.border_a1 {border: 1px solid black;}
.border_a2 {border: 1px solid white;}
.border_a3 {border: 1px solid #E0E0E0;}


.border-collapse {border-collapse: collapse}

input.mandatory {
	display: none;
}


/* 
===============================================
links
===============================================
*/

a:link {color:#0000DD;text-decoration:none;}
a:visited  {color:#660099;text-decoration:none;}
a:hover {color:blue;text-decoration:underline;}

a img { border-width: 0pt; }


/*
===============================================
beta.uniprot.org banner
===============================================
*/

div.beta-banner {
	border: 1px solid black;
	background-color: #ffffcc;
	padding: 0.5em 1em;
	margin: 1em 0;
	font-size: larger;
	text-align: center;
}

div.beta-banner a:link, div.beta-banner a:visited {
	color: black;
	text-decoration: underline;
}

/*
===============================================
survey banner
===============================================
*/

div.survey-banner {
    border: 1px solid black;
    background-color: #C0EAC0;
    padding: 0.5em 1em;
    margin: 1em 0;
    text-align: center;
}

div.survey-banner a:link, div.survey-banner a:visited {
    color: black;
    text-decoration: underline;
}

/*
===============================================
style to display SIB10/chromosome walk logo
===============================================
*/
/* with ExPASy logo 100x125 */
#gauche { float:left; left:0; width: 100px; }
#centreonly { margin-left: 110px; vertical-align: middle;}

#centrewith { margin-left: 110px; margin-right: 170px; vertical-align: middle;}
#droite { margin-left: 170px; }
#suite { clear:both; }

/* with sprot/CH2D logo 200x113 */
#gauche2 { float:left; left:0; width: 200px; }
#centre2only { margin-left: 210px; }
#centre2with { margin-left: 210px; margin-right: 170px; vertical-align: middle; }