@charset "utf-8";
/* CSS Document */
td
{
   display: table-cell; 
   padding-left:10px;
   padding-right:10px;
   padding-top:5px;
   padding-bottom:5px;
   /*border-bottom: 1px solid #999;
   border-right: 1px solid #999;*/
}
.legend td
{
   display: table-cell; 
   padding-left:0px;
   padding-right:0px;
   padding-top:0px;
   padding-bottom:0px;
   border-bottom: 0;
   border-right: 0;
}
.legend td.legendLabel
{
    padding-right:10px;
    font-size: 9pt;
}
.graph
{
    position:absolute;
    font-family:Arial, sans-serif;
    font-size:10px;
    /*border: 1px solid #000000;*/
}
.left_graph
{
    /*margin:auto;*/
    width:425px;
    height:160px;
    top:410px;
    left:10px;
}
.right_graph
{
    /*margin:auto;*/
    width:425px;
    height:160px;
    top:410px;
    left:467px;
}
.graph_title
{
    position:absolute;
    font-family:Arial, sans-serif;
    font-size:12pt;
    width:425px;
    height:30px;
    top:390px;
    text-align: center;
}
.left_graph_title
{
    left:20px;
}
.right_graph_title
{
    left:480px;
}

#table_container
{
    position:absolute;
    left: 20px;
	width: 875px;
	height: 200px;
	top: 170px;
    left: 20px;
    /*background-color:#EAF4FF;
  /*border-right: solid #999 1px;
    border-bottom: solid #999 1px;*/
}
#table_container table
{
    border: 1px solid #999;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}
#table_container td
{
    border: 1px solid #999;
    overflow:hidden;
    display: table-cell;
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:0px;
}
/*#slider_container_kranco
{
	width: 255px;
	height: 190px;
	top: 42px;*//*252px;*//*
    left: 375px;
	background-color:#EAF4FF;
	border-right: solid #999 1px;
	border-bottom: solid #999 1px;
}*/

.cost_slider
{
	position:absolute;
	top:0px;
	left:35px;
	width: 160px;
}
/*.customer_cost_slider
{
	position:absolute;
	top:0px;
	left:35px;
	width: 340px;
}*/
.margin_slider
{
	position:absolute;
	top:0px;
	left:35px;
	width: 160px;
}

.row0
{
    line-height:20px;
    /*font-size:9pt;*/
	text-align:center;
	background-color:#DDD;
	color:#666;
	font-weight:bold;
	/*background-color:#FAF5FA;
	border: solid #999 1px;*/
}
.row1
{
	height:45px;
}
.row2
{
	height:45px;
}
.row3
{
	height:45px;
}
.row4
{
	height:45px;
}

.col
{
    /*padding-left:5px;
    padding-right:5px;
    font-size:11px;*/
    text-align:center;
    color:#666;
    /*border-top: 1px solid #999;
    border-left: 1px solid #999;*/
}
.col1
{
    width:75px;
}
.col2
{
	width:255px;
}
.col3
{
	width:250px;
}
.col4
{
	width:85px;
}
.col5
{
	width:70px;
}
.col6
{
	width:75px;
}

/*.col1_no_style
{
	border: none;
	background-color:#FFF;
	width:100px;
}*/

.row_title
{
    font-size: 8.5pt;
    text-align: left;
    font-family: Arial, sans-serif;
    font-weight: bold;
}
.col_title
{
    font-size: 8.5pt;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
}
/*.col5 .col_title
{
    text-align: left;
}*/
.col6 .col_title
{
    text-align: left;
}
.text_out
{
    font-size: 10pt;
    text-align: center;
    font-weight: bold;
}

#map_selector
{
    display:block;
    overflow:hidden;
    width: 830px;
    height: 150px;
    position:absolute;
    top:10px;
    left:40px;
    background-image:url("../assets/channel_margin_back.jpg");
    background-position: 0px 0px;
    background-repeat:no-repeat;
}
#map_selector.pos0
{
    background-position: 0px 0px;
    background-position-y: 0px;
}
#map_selector.pos1
{
    background-position: 0px -150px;
    background-position-y: -150px;
}
#map_selector.pos2
{
    background-position: 0px -300px;
    background-position-y: -300px;
}
#map_selector.pos3
{
    background-position: 0px -450px;
    background-position-y: -450px;
}
#map_selector.pos4
{
    background-position: 0px -600px;
    background-position-y: -600px;
}

#map_selector .clicker
{
    position: absolute;
    width: 30px;
    height: 30px;
    cursor:pointer;
    /*background-color: rgba(200,0,0,0.5);*/
}
#supplierClicker{ top:0px; left:95px}
#distributorClicker{ top:5px; left:380px}
#jobberClicker{ top:40px; left:380px}
#retailer1Clicker{ top:23px; left:620px}
#retailer2Clicker{ top:75px; left:620px}
#ownSalesClicker{ top:110px; left:620px}
#customerClicker{ top:0px; left:795px}

.img_clicker
{
    position: absolute;
    width: 20px;
    height: 24px;
    cursor:pointer;
    background: url(../assets/clicker-img.png);
    /*background-color: rgba(200,0,0,0.5);*/
}
#marginClicker{ top:169px; left:610px}
#markupClicker{ top:169px; left:877px}

.chk
{
    position: absolute;
    width: 32px;
    left:140px;
}
#chkHolder0{ top:3px;}
#chkHolder1{ top:38px;}
#chkHolder2{ top:73px;}
#chkHolder3{ top:108px;}

.img_btn
{
    display:block;
    border:0px;
    cursor:pointer;
    overflow:hidden;
}

#popup
{
    position: absolute;
    width: 400px;
    left: 240px;
    top:160px;
    border: 2px solid #999999;
    background-color: #FFFFFF;
    z-index:50;
    -moz-box-shadow: 0px 5px 5px #666;
    -webkit-box-shadow: 0px 5px 5px #666;
    box-shadow: 0px 5px 5px #666;
}

#popup .content
{
    color: #333;
    margin: 10px;
    font-size: 10pt;
    font-family: Verdana;
}
.close_btn
{
    position: absolute;
    top:5px;
    right: 5px;
    width: 10px;
    height: 10px;
    cursor:pointer;
    background-image:url("../assets/close.png");
    background-position: 0px 0px;
    background-repeat:no-repeat;

}