/*
 * tab.css style for BioCity Turku
 * (c) 2006 vandepavert.com, Leon van de Pavert
 * email: webdesign at vandepavert dot com
 * version: 2006-06-15 10:44:04
 *
 * colour        24 bit         12 bit
 * black         #000000        #000
 * dark grey     #808080        #888
 * medium grey   #cccccc        #ccc
 * light grey    #eeeeee        #eee
 * white         #ffffff        #fff
 *
 * yellow        #ffcc00        #fc0
 * dark blue     #1C4781        #258
 * medium blue   #A3ADCD        #abd
 * light blue    #CCD7E5        #cde
 * light blue    #E9EDF3        #eef
 */
#tab {width: 100%; float: left; z-index: 100; border-width: .1em 0;}
#tab ul {padding: 0; margin: 0; float: left; width: auto;}
#tab li a {float: none; display: block; text-decoration: none; text-transform: capitalize; padding: 3px; border-bottom:.2em solid; font-size:100%; font-weight:bold; white-space: normal; line-height: 2em; margin: 0 1em;}
#tab ul li {list-style-type: none; position: relative; margin: 0; padding: 0; text-align: left; float: left;}
#tab ul li {display: inline;border-right: 1px solid; }
#tab ul li:first-child {margin-left: 0;}
#tab ul li.current a {border-bottom:.2em solid; font-style: italic;}
#tab ul li.current a:hover {}
#tab ul li a {float: none; padding: 0 1em; margin: 0;}
#tab ul li a:visited {text-decoration: none;}
#tab ul li a:hover {}
#tab ul li a:active {}

/* BioCity skin */
#tab {background: #CCD7E5 url('../images/liukuvari5.jpg') repeat-y; background-position: 100% 0%; color: #000; border-color: #839DC0; border-style: solid; border-width: 0 0 .1em 0;}
#tab li a {border-bottom-color: #1C4781;}
#tab ul li {border-right-color: #1C4781;border-right-width: 1px;}
#tab ul li:first-child {border-left:none; border-left-color: #839DC0;}
#tab ul li a {background-color: transparent; color: #1C4781;}
#tab ul li a:visited {}
#tab ul li a:hover {background-color: #1C4781; color: #fff; border-bottom-color: #ffcc00;}
#tab ul li a:active {background-color: #1C4781; color: #fff;border-bottom-color: #ffcc00;}
#tab ul li.current a {background-color: #1C4781; color: #fff; border-bottom-color: #ffcc00;}
#tab ul li.current a:hover {background-color: #1C4781; color: #fff; border-bottom-color: #ffcc00;}

/* very ugly images. somebody please poke my eyes out */
/*
#tab {background-position: 40em 0em;}
#tab li {text-align:center;width:82px; height:39px;}
#tab li a {height:40px;line-height:1.1em;}
#tab ul li a, #tab ul li a:visited {background-image: url('../images/bg.gif'); color: black;border:none;}
#tab ul li a:hover {background-image: url('../images/bg_over.gif'); color: #1C4781;border:none;}
#tab ul li.current a {color: black;font-style: normal;border:none;}
#tab ul li.current a:hover {color: #1C4781;border:none;}
*/