.blue a,.blue,a.blue{color:#006699;}
.green a,.green,a.green{color:#339900;}
.red a,.red,a.red{color:#ed1c24;}
.black a,.black,a.black{color:#000;}
.white a,.white,a.white{color:#fff;}
.teal a,.teal,a.teal{color:#34b6ba;}
.dark_teal a,.dark_teal,a.dark_teal{color:#006792;}
.blue_bg{background:#a2dadb;}
.red_bg{background:#f49c7a; border-radius:10px;}
.green_bg{background:#bbd577; border-radius:10px;}
.teal_bg{background: #34b6ba;}
.teal_dark_bg{background:#edf1cf;}

.graph{color:#000; font-size:6px;height:392px; margin-top:35px;float:left;width:100%;padding:0 0 30px;clear:none; font-family:Helvetica,sans-serif,Trebuchet MS,Arial}
.graph h3{margin:0;}
.graph div{clear:none;padding:0;margin:0;}
.graph div p{margin:0 0 5px;padding:0;}
.graph .container{width:842px;padding:0;margin:0 auto;clear:none;}
.graph .container .insider{float:left;width:100%;height:390px;position:relative;}
.graph .container .insider .border{border-bottom:10px solid #d7d7d4; height:1px; width:400px; position:absolute;z-index:0;background:none;}
.graph .container .insider .button{font-size:10px;color:#34b6ba; text-align:center; padding:1px 0;line-height:12px;min-height:12px; background:url('../img/arrow_bottom.png') no-repeat right bottom;}
.graph .container .insider .button.yes.bottom{background-image:url('../img/arrow_bottom.png'); background-position:right bottom;}
.graph .container .insider .button.no.right{background-image:url('../img/arrow_right.png'); background-position:top right; padding-top:7px;}
.graph .container .insider .button.yes{background-image:url('../img/arrow_right.png'); background-position:top right; padding-top:7px;}
.graph .container .insider .button.yes.big{background-image:url('../img/arrow_right_big.png');}
.graph .container .insider .button.rotate_45.down{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.graph .container .insider .button.rotate_45.up{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
//.graph .container .insider .button.rotate_45.down.left{-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}
.graph .container .insider .button.rotate_45.down.left{background-image:url('../img/arrow_left.png');background-position:left bottom;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
/*.graph .container .insider .no{background:#f49c7a;}
.graph .container .insider .yes{background:#bbd577;}*/
fieldset .insider{float:left;width:100%;height:390px;border:1px solid #000;margin:0;padding:0;}
.graph .arrow{position:absolute; z-index:5;}
.graph .arrow *{display:none;}
.graph .arrow.button *{display:inline;}
.graph .box{position:absolute; z-index:1; padding:5px; text-align:center; /*display: table; */vertical-align: middle; height:auto; cursor:pointer; overflow:hidden;}
.graph .box.blue_bg{background: #77cdc9;/*border:3px solid #34b6ba;*/}
.graph .box.active{box-shadow: 0 0 5px 5px #f62e09;}
.graph .box .text{height:100%;width:100%;vertical-align: middle; /*display: table-cell;*/}
.graph .box_1{height:120px; top:50px; left:0;}
.graph .box_2{top:60px; left:90px;}
.graph .box_3{top:120px; left:90px;}
.graph .box_4{top:0px; left:195px;}
.graph .box_5{top:70px; left:195px;}
.graph .box_6{top:190px; left:170px;}
.graph .box_7{top:270px; left:170px;}
.graph .box_8{top:0; left:340px;}
.graph .box_9{top:60px; left:340px;}
.graph .box_10{top:120px; left:340px;}
.graph .box_11{top:210px; left:350px;}
.graph .box_12{top:260px; left:350px;}
.graph .box_13{top:310px; left:350px;}
.graph .box_14{top:260px; left:470px;}
.graph .box_15{top:310px; left:470px;}
.graph .box_16{top:0px; left:560px;}
.graph .box_17{top:60px; left:560px;}
.graph .box_18{top:120px; left:560px;}
.graph .box_19{top:0px; left:800px;}


.graph .size_60{width:50px;}
.graph .size_70{width:60px;}
.graph .size_80{width:70px;}
.graph .size_90{width:80px;}
.graph .size_130{width:120px;}
.graph .size_140{width:130px;}
.graph .size_150{width:140px;}
.graph .size_160{width:150px;}

.graph .height_40{height:30px;}
.graph .height_50{height:40px;}
.graph .height_60{height:50px;}
.graph .height_70{height:60px;}
.graph .height_90{height:80px;}

.graph .arrow{background: url('../img/arrow_right.png') no-repeat center center; height:10px; width:50px; position:absolute; z-index:0;}
.graph .arrow.large{width:90px;}
.graph .arrow.right{background-position:right center; background-image:url('..//img/arrow_right.png');}
.graph .arrow.up{background-position:center top; background-image:url('..//img/arrow_top.png'); height:50px;}
.graph .arrow.bottom{background-position:center bottom; background-image:url('..//img/arrow_bottom.png'); height:50px;}
.graph .arrow.bottom.right{background-position:right bottom; background-image:url('..//img/arrow_right_bottom.png'); height:50px;}
.graph .arrow.bottom.right.large{width:80px;height:85px;}
.graph .arrow_1{top:80px;left:40px;}
.graph .arrow_2{top:140px;left:40px;}
.graph .arrow_3{top:80px;left:105px;}
.graph .arrow_4{top:170px;left:120px;}
.graph .arrow_5{top:60px;left:210px;}
.graph .arrow_6{top:220px;left:210px;}
.graph .arrow_7{top:25px;left:250px;}
.graph .arrow_8{top:225px;left:300px;}
.graph .arrow_9{top:10px;left:380px;}
.graph .arrow_10{top:70px;left:380px;}
.graph .arrow_11{top:210px;left:370px;}
.graph .arrow_12{top:260px;left:370px;}
.graph .arrow_13{top:15px;left:470px;}
.graph .arrow_14{top:75px;left:480px;}
.graph .arrow_15{top:275px;left:420px;}
.graph .arrow_16{top:325px;left:420px;}
.graph .arrow_17{top:15px;left:710px;}
.graph .arrow_18{top:65px;left:710px;}
.graph .arrow_19{top:10px;left:615px;}
.graph .arrow_20{top:70px;left:615px;}