@charset "utf-8";
/* CSS Document */
table
{
    border-spacing: 0px;
}
td
{
   display: table-cell;
   padding-left:10px;
   padding-right:10px;
   padding-top:5px;
   padding-bottom:5px;
   border-spacing: 0px;
}
.legendLabel
{
    font-size: 9pt;
}
.tickLabel
{
    font-size: 10pt;
}

#bar_graph
{
}
#bar_graph_grid
{
}
.bottom_graph
{
    width:800px;
    height:190px;
    margin:auto;
    position:absolute;
    top:370px;
    left:50px;
    font-family:Arial, sans-serif;
    font-size:10px;
}
.title
{
    position: absolute;
    font-size: 11.5pt;
    color: #58574b;
    font-weight: bold;
}
.subtitle
{
    position: absolute;
    font-size: 9pt;
    color: #58574b;
}
#graph_title { left: 100px; top: 350px; }
#slider_title { left: 40px; top: 30px; text-align: center; width:245px; }
#attribute_title { right: 40px; top: 30px; text-align: right }
#attribute_subtitle { right: 40px; top: 50px; text-align: right }

.slider_label
{
	width:inherit;
	text-align:center;
	top: 18px;
	font-size:11px;
}
#attribute_container
{
    position:absolute;
    width: 570px;
    height: 240px;
    top: 70px;
    left:310px;
}
#attribute_container table
{
    border-collapse: collapse;
    width: 570px;
}
#attribute_container table td
{
    overflow:hidden;
    display: table-cell;
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:0px;
    width:20px;
    color: #58574b;
}

#attribute_container .row {height:50px; }
#attribute_container .row0 {background-color: #58574b; color: #FFFFFF;}
#attribute_container .row1 {background-color: #d5d4c9;}
#attribute_container .row2 {background-color: #d5d4c9; border-bottom: 3px solid white;}
#attribute_container .row3 {background-color: #d5d4c9; border-bottom: 3px solid white;}
#attribute_container .row4 {background-color: #d5d4c9; border-bottom: 3px solid white;}
#attribute_container .row5 {background-color: #d5d4c9;}

#attribute_container td.col0{width:2px;}
#attribute_container td.col1{width:50px;}
#attribute_container td.col2{width:120px;}
#attribute_container td.col3{width:120px;}
#attribute_container td.col4{width:120px;}
#attribute_container td.col5{width:120px;}
#attribute_container .row1 .col0{background-color: white; }
#attribute_container .row1 .col0{background-color: white; }
#attribute_container .row1 .col1{background-color: white; }
#attribute_container .row1 .col2{background-color: #A80532; border-right: 3px solid white; }
#attribute_container .row1 .col3{background-color: #F7B81B; border-right: 3px solid white; }
#attribute_container .row1 .col4{background-color: #E86D1F; border-right: 3px solid white; }
#attribute_container .row1 .col5{background-color: #F4846C; }

#attribute_container .row2 .col0{background-color: #81A1B6; }
#attribute_container .row3 .col0{background-color: #153E42; }
#attribute_container .row4 .col0{background-color: #5D8723; }
#attribute_container .row5 .col0{background-color: #004469; }


#attribute_container .row_title {color: #58574b; font-size: 11pt; text-align: left; width: 100%}
#attribute_container .col_title {color: #FFFFFF; font-size: 8pt; text-align: center; width: 100%; font-weight: bold; line-height: 1.3em;}

.title_bar
{
    width: 5px;
    height: 30px;
    background-color: #FF0000;
    float: left;
}

.slider
{
	position:absolute;
	top:-11px;
	left:30px;
	width: 200px;
}
.click_slider
{
	position:absolute;
	top:0px;
	left:0px;
	width: 100px;
    height:20px;

}

#slider_container
{
    position:absolute;
    width: 246px;
    height: 313px;
    top: 15px;
    left:40px;
}

#slider_container table
{
    border-spacing: 0px;
    width: 246px;
}
#slider_container td
{
    position: relative;
    overflow:hidden;
    display: table-cell;
    color: #58574b;
}

#slider_container .table_title {color: #FFFFFF; font-size: 12pt; text-align: center;}
#slider_container .row {height:279px;}

#slider_container .row0 {background-color: null; color: #FFFFFF; height:38px;}
#slider_container .row1 {background-color: #d5d4c9;}
#slider_container .row2 {background-color:#d5d4c9;}

#slider_container .col1
{
    width:260px;
    overflow: hidden;
}
/*#slider_container .col2
{
	width:230px;
    overflow: hidden;
}*/

#slider_container .row_title
{
    position: relative;
    top: 25px;
    width: 260px;
    font-weight:normal;
    font-size:8pt;
    text-align:center;
    color:#666;
}


.static_text
{
    font-size:12pt;
    font-weight: bold;
    color: #666;
    padding-left: 10px;
}

.legendColorBox
{
    padding-top: 0px;
    padding-bottom: 0px;
}
.legendLabel
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.ui-click-slider { position: relative; text-align: left; }

.ui-click-slider-hitrect
{
    position:absolute;
    background-color: #ffffff;
    border: 1px solid #999;
}

.slider2-value-rect
{
    position:absolute;
    background-color: #94948A;
    height: 9px;
}


#sliderCircle
{
    position: absolute;
    top: 60px;
    left: 30px;
    width: 200px;
    height: 200px;
}
.att_label
{
    position: absolute;
    color: #ffffff;/*#58574b;*/
    font-size: 12pt;
    font-weight: bold;

}
.indicator
{
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url(../assets/knob_handle3.png);
    overflow: hidden;
}
.indicator.no_handle
{
    background-image: none
}
.indicator.draggable
{
    cursor: pointer;
}

#indicator0{ left: 148px; top: 58px; }
#indicator1{ left: 195px; top: 203px; }
#indicator2{ left: 72px; top: 163px; }
#indicator3{ left: 72px; top: 113px; }

#pieCanvas
{
    position: absolute;
    display: block;
    top: 90px;
    left: 30px;
    width: 200px;
    height: 200px;
}

#attribute_key
{
    position: absolute;
    top: 250px;
    left: 55px;
}
#attribute_key table
{
    border-spacing: 0px;
    cell-padding : 0 px;
    cell-spacing:0px;
    width: 250px;
    height: 50px;
}
#attribute_key tr
{
    height: 10px;
}
#attribute_key td
{
    display: table-cell;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
    border-spacing: 0px;
    color: #58574b;
}

#attribute_key .key_rect
{
    height: 12px;
    width: 12px;
    /*border: 2px solid white;*/
}

.key_rect1 { background-color: #A80532; }
.key_rect2 { background-color: #F7B81B; }
.key_rect3 { background-color: #E86D1F; }
.key_rect4 { background-color: #F4846C; }

#attribute_key .key_label
{
    font-size: 8pt;
    padding-left:4px;
}
#attribute_key .key_value
{
    padding-left: 4px;
    font-weight:bold;
}

.img_btn
{
    display:block;
    border:0px;
    cursor:pointer;
    overflow:hidden;
}
.img_btn_disabled
{
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity = 50);
    cursor:auto;
    /*visibility: hidden;*/
}

#btnReset
{
    position: absolute;
    top: 325px;
    right: 40px;
}
.reset_btn
{
    width:63px;
    height:36px;
    background-image:url("../assets/reset-button.png");
    background-position: 0px 0px;
}
.reset_btn.hoverAction
{
    background-position: 0px -36px;
    background-position-y: -36px;
}