@import "flora.css";

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
	/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    /* padding: 0 0 0 3px; */
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    margin-bottom:10px;
}
.ui-tabs-nav a {
	display:block;
	text-indent:-9999em;
	outline:0;
    width:194px;
    height:80px;
}
.ui-tabs-nav a.tab1{background: url(../../images/home/btn_alfa-seeders.jpg) no-repeat;}
.ui-tabs-nav a.tab2{background: url(../../images/home/btn_labs.jpg) no-repeat;}
.ui-tabs-nav a.tab3{background: url(../../images/home/btn_reason.jpg) no-repeat;}

.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 0px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -80px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: pointer;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
	position:absolute; top:0;
	width:950px;
	height:304px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


#contents_top{clear:both; padding:0 4px; height:304px; position:relative; background:url(../../images/home/bg_toparea.jpg) no-repeat;}
#contents_top .ui-tabs-nav{position:absolute; top:20px; z-index:10;}

#fragment-1{background: url(../../images/home/alfa-seeders.jpg) no-repeat;}
#fragment-2{background: url(../../images/home/labs.jpg) no-repeat;}
#fragment-3{background: url(../../images/home/reason.jpg) no-repeat;}

#fragment-2 a,
#fragment-3 a{display:block;}

#fragment-2 a.ccna{width:140px; height:61px; position:absolute; left:477px; top:232px;}
#fragment-2 a.ccnp{width:138px; height:80px; position:absolute; left:621px; top:196px;}
#fragment-2 a.ccie{width:153px; height:79px; position:absolute; left:764px; top:164px;}

#fragment-3 a.concept{width:125px; height:27px; position:absolute; left:220px; top:238px;}
#fragment-3 a.reason{width:166px; height:27px; position:absolute; left:220px; top:268px;}