/* general */

.timeline table{

border-collapse:separate;
border-spacing:15px;
empty-cells:hide;
}

.testc{
border: 1px solid #000;
background-color:#ccc;
}

.timeline *{zoom:1;}

.timeline th{
vertical-align:middle;
border:0px;
font-weight:normal;
font-size:small;
background-color:#fff;
}

.timeline td{
position:relative;
z-index:1000;
text-align:center;
padding:3px;
border:1px solid #999;
background-color:#ddd;
border-radius:8px;
font-weight:bold;
width:100px;
}

.timeline tr > th.term, .timeline tr > th.void{
width:67px;
position:relative;
}



.timeline{position:relative;}



.timeline td:hover{color:#fff;background-color:#333;}

.timeline td div {font-weight:normal;}
/*.timeline .void{border:none;background-color:transparent;}*/

/*
.timeline a{
color:#000;

text-decoration: none;

}

.timeline a:hover{
color:#fff;
}
*/

/* --- data ------------------------------------------------- */

#ff{margin-top:30px;}

#ff .term{height:60px;}

/*#ff td{height:60px;}*/

.timeline th.time{width:100px;}
.timeline th.t1{background-color:#eaa;width:120px;}
.timeline th.t2{background-color:#baa;}
.timeline th.t3{background-color:#abb;}
.timeline th.t4{background-color:#bcc;}
.timeline th.t5{background-color:#bcd;}
.timeline th.t6{background-color:#bce;}
.timeline th.t7{background-color:#bcf;}


/* arrow */

.a000, .a001, .a002 , .a003 , .a004, .timeline-arrow{
position:absolute;
top:15px;left:67px;
z-index:0;
width:950px;height:35px;
background-image:url(../../../image/warnings/a000.png);
background-position:0 0;
background-repeat:no-repeat;
}

.a000{background-image:url(../../../image/warnings/a000.png);width:330px;}
.a001{background-image:url(../../../image/warnings/a001.png);width:450px;}
.a002{background-image:url(../../../image/warnings/a002.png);width:570px;}
.a003{background-image:url(../../../image/warnings/a003.png);width:690px;}
.a004{background-image:url(../../../image/warnings/a004.png);width:930px;}


.timeline-arrow{top:10px;height:80px;
background-image:url(../../../image/warnings/arrow2.png);


}



#a3, #a6,#h2{position:relative;padding-top:20px;}
#a3 div:hover, #a6 div:hover, #h2 div:hover, #j2 div:hover, #j1 div:hover{color:#000;background-color:#fff;}

#a2 div:hover{color:#000;background-color:#fff;}
#c2 div:hover{color:#000;background-color:#fff;}

#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9, #s10{
color:#fff;
font-size:12px;
padding:2px;
border: 1px solid #888;
background-color: #555;
z-index:1500;
}

#s1{position:absolute;top:105px;left:15px;width:180px;}
#s2{position:absolute;top:150px;left:15px;width:180px;}
#s3{position:absolute;top:5px;left:8px;width:80px;}
#s4{position:absolute;top:5px;left:6px;width:85px;}
#s5{position:absolute;top:5px;left:6px;width:85px;}
#s6{position:absolute;top:-3px;left:-10px;width:90px;}
#s7{position:absolute;top:40px;left:3px;width:90px;}
#s8{position:absolute;top:70px;left:5px;width:90px;}
#s9{position:absolute;top:70px;left:5px;width:90px;}
#s10{position:absolute;top:340px;left:15px;width:180px;}
/* warnings------------------------------------*/

th.cap{background-color:#ccf;width:80px;}
th.cap2{text-align:left;width:80px;}

#ww{
width:890px;
margin-bottom:0px;
}

#w0{height:165px}
#w1, #w2, #w3{width:90px;}
#w4{width:260px;}
#w5{width:150px;}


/*
#w1{background-color:#f2f2ff;}
#w2{background-color:#eee;}
*/
/*
#w3{background-color:#fff500;}
#w4{color:#fff;background-color:#ff2800;}
#w5{color:#fff;background-color:#c800ff;}
*/
#w3{background-color:#f2e700;}
#w4{color:#fff;background-color:#ff2800;}
#w5{color:#fff;background-color:#0c000c;}

#w1:hover, #w2:hover, #w3:hover, #w4:hover, #w5:hover{color:#fff;background-color:#333;}
#w4 div:hover{color:#000;background-color:#fff;}


#w4{
position:relative;
text-align:left;
padding-left:30px;
}

#w4a, #w4b, #w4c, #w4d, #w4e{
font-weight:normal;
padding:3px;
border: 1px dashed #000;
/*border: 1px dashed #f00;
background-color: #000;*/
background-color: #aa00aa;
font-size:12px;
width:150px;
}

#w4a{position:absolute;top:10px;left:80px;}
#w4b{position:absolute;top:40px;left:80px;}
#w4d{position:absolute;top:70px;left:80px;}
#w4e{position:absolute;top:100px;left:80px;}
#w4c{position:absolute;top:130px;left:80px;}