@charset "utf-8";
/* CSS Document */

#graph_title
{
    width:390px;
    margin:auto;
    position:absolute;
    top:30px;
    height:25px;
    left:490px;
    padding-top:5px;
    font-size:13px;
    text-align:center;
    background-color:#DDD;
    border: solid #999 1px;
    color:#666;
    font-weight:bold;
}

#graph
{
    width:820px;
    height:320px;
    /*overflow:hidden;*/
    margin:auto;
    position:absolute;
    top:15px;
    left:50px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
}

#graph_grid
{
    width:820px;
    height:320px;
    /*overflow:hidden;*/
    margin:auto;
    position:absolute;
    top:15px;
    left:50px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
}

.tickLabel
{
    font-size: 10pt;
}
.current_marker
{
    position: absolute;
    width: 120px;
    height: 24px;
    background-image: url('../assets/red_triangle.png');
    text-align: center;
}
/*
#instruction_container
{
	width: 240px;
	position:absolute;
	top: 120px;
	left: 50px;
}

#instruction_container li
{
	line-height:1.5em;
	margin-left:-25px;
	margin-top:0.5em;
}
*/
#slider_container
{
	height: 90px;
	width: 800px;
	position:absolute;
	top: 450px;
	left: 60px;
	/*border: solid #999 1px;
	background-color:#EAF4FF;*/
}
.slider_title
{
	width: 250px;
	height: 50px;
	position:absolute;
	/*top:10px;*/
	padding-top:5px;
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-size:13px;
	text-align:center;
	background-color:#DDD;
	border: solid #999 1px;
	color:#666;
	font-weight:bold;
}
#title_mean {left: 10px; font-size:12px;padding-top:6px;line-height: 14px;}
#title_arrival {left: 300px; font-size:12px;padding-top:28px;line-height: 12px;}
#title_service {left: 550px; font-size:12px;padding-top:28px;line-height: 12px; }
#title_arrival_service
{
    width: 500px;
    height: 20px;
    position:absolute;
    text-align:center;
    background-color:#DDD;
    border: solid #999 1px;
    color:#666;
    font-weight:bold;
    left: 300px;
    font-size:12px;
    padding-top:3px;
    line-height: 20px;
}

.slider_holder
{
    width: 250px;
    height: 70px;
    position:absolute;
    background-color:#FBEADF;
    border: solid #999 1px;
}

#slider_holder_mean
{
    left:10px;
    top:45px;
    background-color:#e7f1d7;
}
#slider_holder_arrival
{
    left:300px;
    top:45px;
    background-color:#DAE4FF;
}
#slider_holder_service
{
    left:550px;
    top:45px;
    background-color:#fbf0d1;
}



.slider
{
    /*overflow:hidden;*/
    margin:auto;
    position:absolute;
    top:35px;
    left:0px;
    width:200px;
}

#meanSlider{}
#arrivalSlider{}
#serviceSlider{}

#output_container
{
    height: 60px;
    width: 400px;
    position:absolute;
    top:350px;
    left:60px;
}
#out1
{
    position: absolute;
    width:230px;
    font-size:12px;
    left: 10px;
    /*border: solid #999 1px;*/
}


#out2
{
    position: absolute;
    width:270px;
    font-size:12px;
    left: 250px;
    border: solid #999 1px;
}

#out3
{
    position: absolute;
    width:270px;
    font-size:12px;
    left: 535px;
    border: solid #999 1px;
}

.out_text
{
    margin-top:2px;
    margin-left:2px;
    margin-right:2px;
}
.out_text2
{
    font-size:12px;
}
.out_text_num
{
    width: 80px;
    font-weight: bold;
    text-align: right;
    margin-right:5px;
}
.row1
{
    height: 30px;
    background-color:#F4EAF4;

}
.row2
{
    height: 30px;
    background-color: #FFF;
}
.row3
{
    height: 30px;
    background-color: #F4EAF4;
}
.col1
{
    width:190px;
}
.col2
{
    width:80px;
}
.col1_2
{
    width:270px;
}