@font-face { 
	font-family: 'Segoe UI Light'; 
	src: url('../images/fonts/tbs_Occ/segoe_ui_light.eot'); 
	src: url('../images/fonts/tbs_Occ/segoe_ui_light.eot?#iefix') format('embedded-opentype'), 
	     url('../images/fonts/tbs_Occ/segoe_ui_light.svg#Segoe UI Light') format('svg'), 
		 url('../images/fonts/tbs_Occ/segoe_ui_light.woff') format('woff'), 
		 url('../images/fonts/tbs_Occ/segoe_ui_light.ttf') format('truetype'); 
		 font-weight: normal; 
		 font-style: normal;}

body {
	font-family:'Segoe UI Light', Arial;
	color: #fff;
	background: url(../images/mms/ED_bg.jpg) repeat top left;
	min-width: 100%;
	margin:0px;
	background-size:100%;
}

#wrapper
{
	width:100%;
	margin:0 auto;
}
#header {
	
}
.top_search {
	background:url(../images/mms/top_bg.jpg) repeat-x;
	height:40px;
	width:100%;
	margin:0 auto;
	vertical-align:middle;
	position:fixed;
	z-index:10;
}
.filter_bt {
	float:left;
	margin-right:0px;
	margin-top:6px;
	margin-left: 5px;
	margin-bottom: 5px;
}
/*Use to Navigate the Filter Icon*/
.menu-btn{
	/*width: 100px;

	padding: 10px;
	margin-bottom: 30px;
	background: #000;
	color: #FFF;
	text-align: center;
	cursor: pointer;*/
	
	float:left;
	margin-right:0px;
	margin-top:6px;
	margin-left: 5px;
	margin-bottom: 5px;
}
.close_btn {
    float: right;
    margin-right: 10px;
    margin-top: 6px;
    margin-left: 0px;
    margin-bottom: 5px;
}
.navigate-Filter{
	width:100%;
	position:fixed;
	margin-top:40px;
	padding-left:40px;
	height:34px;
	z-index:50;
	padding-top:0px;
	background:#000;
	display: block;
}
/*.navigate{
	width:95%;
	position:absolute;
	margin-top:45px;
	height:15px;
	vertical-align:bottom;
	z-index:2;
}*/


.headerstyle1 {
    margin-left: 8px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
    max-width: 95%;
}

.headerstyle2 {
    margin-left: 8px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
}

.headerstyle3 {
    margin-left: 30px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
}

.headerstyle4 {
    margin-left: 30px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
}

.headerstyle5 {
    margin-left: 30px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
}

.headerstyle6 {
    margin-left: 7px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
}

.headerstyle7 {
    margin-left: 30px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
}

.headerstyle8 {
    margin-left: 30px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
    display: none;
}

.headerstyle9 {
    margin-left: 30px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
    display: none;
}

.headertype1 {
    margin-left: 33px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
}

.headertype2 {
    margin-left: 30px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
}

.headertype3 {
    margin-left: 30px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
    display: none;
}

.headertype4 {
    margin-left: 30px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
    display: none;
}

.headertype5 {
    margin-left: 30px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
    display: none;
}

.headertype6 {
    margin-left: 30px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
}

.headertype7 {
    margin-left: 30px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
}

.headertype8 {
    margin-left: 7px;
    margin-top: 4px;
    float: left;
    font-weight: bolder;
    font-size: 13px;
    font-family: 'Segoe UI Light', Arial;
}

/*.navigate-Filter {
    width: 100%;
    position: fixed;
    margin-top: 40px;
    padding-left: 40px;
    height: 45px;
    z-index: 50;
    padding-top: 0px;
    background: #000;
    display: block;
}*/





[dir="rtl"].navigate-Filter {           /*worked for mantis id 71076* done by kamali for RTL alignment/
 width: 100%;                  
    position: fixed;
    margin-top: 40px;
    padding-left: 40px;
    height: 45px;
    z-index: 50;
    padding-top: 0px;
    background: #000;
    display: block;
    position: absolute;
    margin-top: 45px;  
    vertical-align: bottom;
    z-index:auto;
}
.navigate{
	width:95%;
	position:absolute;
	margin-top:90px;
	height:15px;
	vertical-align:bottom;
	z-index:2;
}
.prev{
	float:right;
	margin-right:20px;
}
.next{
	float:right;
}
.consumption {
	margin-left:50px;
	float:left;
}
.leg_color 
{
    float:left;
}
.pYear_canvas {
	width:12px;
	height:12px;
	background:#FF9933;
	/*margin-left:50px;*/
}
.bYear_canvas {
	width:12px;
	height:12px;
	background:#c8c8c8;
}
.cYear_canvas {
	width:12px;
	height:12px;
	background:#8c67c8;
}
/*.side_heading{
	float:left; 
	margin-top:70px; 
	position:absolute;
}*/
.side_heading{
	float:left; 
	margin-top:115px; 
	position:absolute;
}
.meter_reading {
}
.meter_reading img{
	/*width:40px;*/
	height:269px;
}
.energy_cost {
	margin-top:21px;
}
.energy_cost img{
	/*width:40px;*/
	height:269px;
}
/*.container_body {
	float:left;
	margin-top:60px;
	margin-left:35px;
	width:95%;
	position:absolute;
	z-index:-3;
}*/
.container_body {
	float:left;
	margin-top:105px;
	margin-left:35px;
	width:95%;
	position:absolute;
	z-index:-3;
}
/*--- container1 ----*/
/*--- container1 ----*/
.utility_full_contain1{
	float:left;
	margin-left:15px;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
}
.utility_top_container1{
	width:400px;
	height:270px;
	background:#FFF;
}
.utility_cont_head{
	width:400px;
	height:25px;
	background:#acd43f;
	text-align:center;
	vertical-align:middle;
	color:#383838;
	font-size:16px;
	font-weight:bold;
	padding-top:4px;
}
.utility_reading_box{
	width:390px;
	height:15px;
	font-size:12px;
	font-weight:bold;
	color:#272725;
	margin-left:10px;
	margin-right:5px;
	margin-top:2px;
}
.utility_reading_dropdown{
	/*border:#bcbcbc 1px solid;
	font-size:14px;*/
	color:#272725;
	margin-left:5px;
	width:380px;
	height: 20px;
}
.utility_bar_chart{
	width:400px;
	height:220px;
	text-align:center;
	margin-top:10px;
    background-color:#ffffff;
}
.full_contain1{
	float:left;
	margin-left:15px;
	margin-left:15px;
	margin-top:10px;
}
.top_container1{
	width:220px;
	height:260px;
	background:#FFF;
}
.cont_head{
	width:220px;
	height:25px;
	background:#acd43f;
	text-align:center;
	vertical-align:middle;
	color:#383838;
	font-size:16px;
	font-weight:bold;
	padding-top:4px;
}
.reading_box{
	width:210px;
	height:15px;
	font-size:12px;
	font-weight:bold;
	color:#272725;
	margin-left:10px;
	margin-right:5px;
	margin-top:2px;
}
.reading_dropdown{
	/*border:#bcbcbc 1px solid;
	font-size:14px;*/
	color:#272725;
	margin-left:5px;
	width:140px;
	height: 20px;
}
.bar_chart{
	width:220px;
	height:142px;
	text-align:center;
	margin-top:10px;
    background-color:#ffffff;
}
.bar_chart img{
	height:106px;
}
.baseline_txt
{
    
    font-family:Arial;
    font-size:12px;
    color:#000000;
    
}
.bot_value{
	width:220px;
	height:71px;
	margin-top:0px;
	background:#6696d0;
}
.value_box{
	width:220px;	
	margin-top:0px;
}
/*.num_value{
	font-size:35px;
	font-weight:bold;
	color:#272725;
	text-align:center;
	width:220px;
	height:45px;
}*/
.num_value span{
	font-size:18px;
}
/*.descrip{
	width:220px;
	text-align:center;
	color:#272725;
	font-size:12px;
	font-weight:bold;
	margin-left:3px;
	margin-right:3px;
	line-height:15px;
	margin:0 auto;
}*/
.arr_con{
	height: 25px;
    margin-top: 9px;
    text-align: center;
    width: 220px;
    z-index:-1;
}
.bott_container1{
	width:220px;
	height:269px;
	background:#FFF;
}
.bott_head{
	width:220px;
	height:55px;
	background:#6696d0;
}
.bott_cont_heading{
	font-size:16px;
	font-weight:bold;
	color:#383838;
	padding-left:5px;
	float:left;
	width:140px;
	height:55px;
	overflow:hidden;
}
.bott_cont_value{
	padding-right:5px;
	float:right;
	width:65px;
	height:55px;
}
.bott_img{
	margin-top:3px;
	float:right;
}
.bott_value{
	font-size:20px;
	font-weight:bold;
	color:#272725;
	text-align:center;
}
.bott_value span{
	font-size:12px;
}
/*.facility_img{
	width:220px;
	height:159px;
}*/
/*.facility_img img{
	width:220px;
	height:159px;
}*/
/*.bott_am{
	width:220px;
	height:55px;
	font-size:40px;
	font-weight:bold;
	color:#272725;
	background:#acd43f;
	text-align:center;
}*/
/*.bott_am img{
	height:28px;
}*/

.tooltip{
	color:#000000;
}

/*---New Alteration on 30Jul14 --*/
.valu_sep_box1{
	background:#85abd9;
	float:left; 
	width:50%;
	height: 51px;
}
.valu_sep_box2{
	background:#a3c0e3;
	float:left; 
	width:50%;
	height: 51px;
}
.head_num_value{
	font-size:13px;
	text-align:center;
	color:#272725;
}
.num_value{
	font-size:30px;
	font-weight:bold;
	color:#272725;
	text-align:center;
	line-height:25px;
}
.num_value span{
	font-size:18px;
}
.descrip{
	width:220px;
	text-align:center;
	color:#272725;
	font-size:12px;
	font-weight:bold;
	margin-left:3px;
	margin-right:3px;
	line-height:20px;
	margin:0 auto;
}
.facility_img{
	width:220px;
	height:105px;
}
.facility_img img{
	width:220px;
	height:105px;
}
.bott_am_head2{
	font-size:13px;
	color:#3c5004;
}
.bott_am2{
	width:50%;
	height:55px;
	font-size:25px;
	font-weight:bold;
	color:#3c5004;
	background:#cde58c;
	text-align:center;
	line-height:20px;
	float:left;
	float:left;
}
.bott_am2 img{
	height:14px;
}
.bott_am_head1{
	font-size:13px;
	color:#3c5004;
}
.bott_am1{
	width:50%;
	height:55px;
	font-size:25px;
	font-weight:bold;
	color:#3c5004;
	background:#e6f2c6;
	text-align:center;
	line-height:20px;
	float:left;
}
.bott_am1 img{
	height:14px;
}
.bott_am_head{
	font-size:13px;
}
.bott_am{
	width:220px;
	height:55px;
	font-size:35px;
	font-weight:bold;
	color:#272725;
	background:#acd43f;
	text-align:center;
	line-height:20px;
	float:left;
}
.bott_am img{
	height:20px;
}
/*--- New ----*/


/*--- container1 ----*/
/*--- container1 ----*/

@media only screen and (min-width : 481px) and (max-width : 780px) 
{
body {
	font-family:'Segoe UI Light', Arial;
	color: #fff;
	background: url(../images/mms/ED_bg.jpg) repeat top left;
	min-width: 100%;
	margin:0px;
	background-size:100%;
}

#wrapper
{
	width:100%;
	margin:0 auto;
}
#header {
	
}
.top_search {
	background:url(../images/mms/top_bg.jpg) repeat-x;
	height:40px;
	width:100%;
	margin:0 auto;
	vertical-align:middle;
	position:fixed;
	z-index:10;
}
.filter_bt {
	float:left;
	margin-right:0px;
	margin-top:6px;
	margin-left: 5px;
	margin-bottom: 5px;
}
/*Use to Navigate the Filter Icon*/
.menu-btn{
	/*width: 100px;

	padding: 10px;
	margin-bottom: 30px;
	background: #000;
	color: #FFF;
	text-align: center;
	cursor: pointer;*/
	
	float:left;
	margin-right:0px;
	margin-top:6px;
	margin-left: 5px;
	margin-bottom: 5px;
}
.close_btn {
	float:right;
	margin-right:10px;
	margin-top:6px;
	margin-left: 0px;
	margin-bottom: 5px;
}
.navigate-Filter{
	display: none;
}
.navigate{
	width:95%;
	position:absolute;
	margin-top:45px;
	height:15px;
	vertical-align:bottom;
	z-index:2;
}
.prev{
	float:right;
	margin-right:20px;
}
.next{
	float:right;
}
.consumption {
	margin-left:50px;
	float:left;
}
.leg_color 
{
    float:left;
}
.pYear_canvas {
	width:12px;
	height:12px;
	background:#FF9933;
	/*margin-left:50px;*/
}
.bYear_canvas {
	width:12px;
	height:12px;
	background:#c8c8c8;
}
.cYear_canvas {
	width:12px;
	height:12px;
	background:#8c67c8;
}
.side_heading{
	float:left; 
	margin-top:70px; 
	position:absolute;
}
.meter_reading {
}
.meter_reading img{
	/*width:40px;*/
	height:269px;
}
.energy_cost {
	margin-top:21px;
}
.energy_cost img{
	/*width:40px;*/
	height:269px;
}
.container_body {
	float:left;
	margin-top:60px;
	margin-left:35px;
	width:95%;
	position:absolute;
	z-index:-3;
}

/*--- container1 ----*/
/*--- container1 ----*/
.full_contain1{
	float:left;
	margin-left:15px;
	margin-left:15px;
	margin-top:10px;
}
.top_container1{
	width:250px;
	height:260px;
	background:#FFF;
}
.cont_head{
	width:250px;
	height:25px;
	background:#acd43f;
	text-align:center;
	vertical-align:middle;
	color:#383838;
	font-size:16px;
	font-weight:bold;
	padding-top:4px;
}
.reading_box{
	width:240px;
	height:15px;
	font-size:12px;
	font-weight:bold;
	color:#272725;
	margin-left:10px;
	margin-right:5px;
	margin-top:2px;
}
.reading_dropdown{
	/*border:#bcbcbc 1px solid;
	font-size:14px;*/
	color:#272725;
	margin-left:5px;
	width:140px;
	height: 20px;
}
.bar_chart{
	width:250px;
	height:142px;
	text-align:center;
	margin-top:10px;
    background-color:#ffffff;
}
.bar_chart img{
	height:106px;
}
.baseline_txt
{
    
    font-family:Arial;
    font-size:12px;
    color:#000000;
    
}
.bot_value{
	width:250px;
	height:71px;
	margin-top:0px;
	background:#6696d0;
}
.value_box{
	width:250px;
	margin-top:0px;
}
/*.num_value{
	font-size:35px;
	font-weight:bold;
	color:#272725;
	text-align:center;
	width:220px;
	height:45px;
}*/
.num_value span{
	font-size:18px;
}
/*.descrip{
	width:250px;
	text-align:center;
	color:#272725;
	font-size:12px;
	font-weight:bold;
	margin-left:3px;
	margin-right:3px;
	line-height:15px;
	margin:0 auto;
}*/
.arr_con{
	height: 25px;
    margin-top: 9px;
    text-align: center;
    width: 220px;
    z-index:-1;
}
.bott_container1{
	width:250px;
	height:260px;
	background:#FFF;
}
.bott_head{
	width:250px;
	height:55px;
	background:#6696d0;
}
.bott_cont_heading{
	font-size:16px;
	font-weight:bold;
	color:#383838;
	padding-left:5px;
	float:left;
	width:140px;
	height:55px;
	overflow:hidden;
}
.bott_cont_value{
	padding-right:5px;
	float:right;
	width:65px;
	height:55px;
}
.bott_img{
	margin-top:3px;
	float:right;
}
.bott_value{
	font-size:20px;
	font-weight:bold;
	color:#272725;
	text-align:right;
}
.bott_value span{
	font-size:12px;
}
/*.facility_img{
	width:250px;
	height:159px;
}*/
/*.facility_img img{
	width:250px;
	height:159px;
}/*
/*.bott_am{
	width:250px;
	height:55px;
	font-size:40px;
	font-weight:bold;
	color:#272725;
	background:#acd43f;
	text-align:center;
}*/
/*.bott_am img{
	height:28px;
}*/
/*--- container1 ----*/
/*--- container1 ----*/
/*---New Alteration on 30Jul14 --*/
.valu_sep_box1{
	background:#85abd9;
	float:left; 
	width:50%;
	height: 51px;
}
.valu_sep_box2{
	background:#a3c0e3;
	float:left; 
	width:50%;
	height: 51px;
}
.head_num_value{
	font-size:13px;
	text-align:center;
	color:#272725;
}
.num_value{
	font-size:30px;
	font-weight:bold;
	color:#272725;
	text-align:center;
	line-height:25px;
}
.num_value span{
	font-size:18px;
}
.descrip{
	width:250px;
	text-align:center;
	color:#272725;
	font-size:12px;
	font-weight:bold;
	margin-left:3px;
	margin-right:3px;
	line-height:20px;
	margin:0 auto;
}
.facility_img{
	width:250px;
	height:105px;
}
.facility_img img{
	width:250px;
	height:105px;
}
.bott_am_head2{
	font-size:13px;
	color:#3c5004;
}
.bott_am2{
	width:50%;
	height:55px;
	font-size:25px;
	font-weight:bold;
	color:#3c5004;
	background:#cde58c;
	text-align:center;
	line-height:20px;
	float:left;
	float:left;
}
.bott_am2 img{
	height:14px;
}
.bott_am_head1{
	font-size:13px;
	color:#3c5004;
}
.bott_am1{
	width:50%;
	height:55px;
	font-size:25px;
	font-weight:bold;
	color:#3c5004;
	background:#e6f2c6;
	text-align:center;
	line-height:20px;
	float:left;
}
.bott_am1 img{
	height:14px;
}
.bott_am_head{
	font-size:13px;
}
.bott_am{
	width:250px;
	height:55px;
	font-size:35px;
	font-weight:bold;
	color:#272725;
	background:#acd43f;
	text-align:center;
	line-height:20px;
	float:left;
}
.bott_am img{
	height:20px;
}
/*--- New ----*/
    
}
@media only screen and (min-width : 320px) and (max-width : 480px) 
{
body {
	font-family:'Segoe UI Light', Arial;
	color: #fff;
	background: url(../images/mms/ED_bg.jpg) repeat top left;
	min-width: 100%;
	margin:0px;
	background-size:100%;
}

#wrapper
{
	width:100%;
	margin:0 auto;
}
#header {
	
}
.top_search {
	background:url(../images/mms/top_bg.jpg) repeat-x;
	height:40px;
	width:100%;
	margin:0 auto;
	vertical-align:middle;
	position:fixed;
	z-index:10;
}
.filter_bt {
	float:left;
	margin-right:0px;
	margin-top:6px;
	margin-left: 5px;
	margin-bottom: 5px;
}
/*Use to Navigate the Filter Icon*/
.menu-btn{
	/*width: 100px;

	padding: 10px;
	margin-bottom: 30px;
	background: #000;
	color: #FFF;
	text-align: center;
	cursor: pointer;*/
	
	float:left;
	margin-right:0px;
	margin-top:6px;
	margin-left: 5px;
	margin-bottom: 5px;
}
.close_btn {
	float:right;
	margin-right:10px;
	margin-top:6px;
	margin-left: 0px;
	margin-bottom: 5px;
}
.navigate-Filter{
	display: none;
}
.navigate{
	width:95%;
	position:absolute;
	margin-top:45px;
	height:15px;
	vertical-align:bottom;
	z-index:2;
}
.prev{
	float:right;
	margin-right:20px;
}
.next{
	float:right;
}
.consumption {
	margin-left:50px;
	/*float:left;*/
}
.leg_color 
{
    /*float:left;*/
    margin-left:50px;
}
.pYear_canvas {
	width:12px;
	height:12px;
	background:#FF9933;
	/*margin-left:50px;*/
}
.bYear_canvas {
	width:12px;
	height:12px;
	background:#c8c8c8;
}
.cYear_canvas {
	width:12px;
	height:12px;
	background:#8c67c8;
}
.side_heading{
	float:left; 
	margin-top:90px; 
	position:absolute;
}
.meter_reading {
}
.meter_reading img{
	/*width:40px;*/
	height:269px;
}
.energy_cost {
	margin-top:21px;
}
.energy_cost img{
	/*width:40px;*/
	height:269px;
}
.container_body {
	float:left;
	margin-top:80px;
	margin-left:35px;
	width:95%;
	position:absolute;
	z-index:-3;
}

/*--- container1 ----*/
/*--- container1 ----*/
.full_contain1{
	float:left;
	margin-left:15px;
	margin-left:15px;
	margin-top:10px;
}
.top_container1{
	width:250px;
	height:260px;
	background:#FFF;
}
.cont_head{
	width:250px;
	height:25px;
	background:#acd43f;
	text-align:center;
	vertical-align:middle;
	color:#383838;
	font-size:16px;
	font-weight:bold;
	padding-top:4px;
}
.reading_box{
	width:240px;
	height:15px;
	font-size:12px;
	font-weight:bold;
	color:#272725;
	margin-left:10px;
	margin-right:5px;
	margin-top:2px;
}
.reading_dropdown{
	/*border:#bcbcbc 1px solid;
	font-size:14px;*/
	color:#272725;
	margin-left:5px;
	width:140px;
	height: 20px;
}
.bar_chart{
	width:250px;
	height:142px;
	text-align:center;
	margin-top:10px;
    background-color:#ffffff;
}
.bar_chart img{
	height:106px;
}
.baseline_txt
{
    
    font-family:Arial;
    font-size:12px;
    color:#000000;
    
}
.bot_value{
	width:250px;
	height:71px;
	margin-top:0px;
	background:#6696d0;
}
.value_box{
	width:250px;
	margin-top:0px;
}
/*.num_value{
	font-size:35px;
	font-weight:bold;
	color:#272725;
	text-align:center;
	width:220px;
	height:45px;
}*/
.num_value span{
	font-size:18px;
}
/*.descrip{
	width:250px;
	text-align:center;
	color:#272725;
	font-size:12px;
	font-weight:bold;
	margin-left:3px;
	margin-right:3px;
	line-height:15px;
	margin:0 auto;
}*/
.arr_con{
	height: 25px;
    margin-top: 9px;
    text-align: center;
    width: 220px;
    z-index:-1;
}
.bott_container1{
	width:250px;
	height:260px;
	background:#FFF;
}
.bott_head{
	width:250px;
	height:55px;
	background:#6696d0;
}
.bott_cont_heading{
	font-size:16px;
	font-weight:bold;
	color:#383838;
	padding-left:5px;
	float:left;
	width:140px;
	height:55px;
	overflow:hidden;
}
.bott_cont_value{
	padding-right:5px;
	float:right;
	width:65px;
	height:55px;
}
.bott_img{
	margin-top:3px;
	float:right;
}
.bott_value{
	font-size:20px;
	font-weight:bold;
	color:#272725;
	text-align:right;
}
.bott_value span{
	font-size:12px;
}
/*.facility_img{
	width:250px;
	height:159px;
}*/
/*.facility_img img{
	width:250px;
	height:159px;
}*/
/*.bott_am{
	width:250px;
	height:55px;
	font-size:40px;
	font-weight:bold;
	color:#272725;
	background:#acd43f;
	text-align:center;
}*/
/*.bott_am img{
	height:28px;
}*/
/*--- container1 ----*/
/*--- container1 ----*/
/*---New Alteration on 30Jul14 --*/
.valu_sep_box1{
	background:#85abd9;
	float:left; 
	width:50%;
	height: 51px;
}
.valu_sep_box2{
	background:#a3c0e3;
	float:left; 
	width:50%;
	height: 51px;
}
.head_num_value{
	font-size:13px;
	text-align:center;
	color:#272725;
}
.num_value{
	font-size:30px;
	font-weight:bold;
	color:#272725;
	text-align:center;
	line-height:25px;
}
.num_value span{
	font-size:18px;
}
.descrip{
	width:250px;
	text-align:center;
	color:#272725;
	font-size:12px;
	font-weight:bold;
	margin-left:3px;
	margin-right:3px;
	line-height:20px;
	margin:0 auto;
}
.facility_img{
	width:250px;
	height:105px;
}
.facility_img img{
	width:250px;
	height:105px;
}
.bott_am_head2{
	font-size:13px;
	color:#3c5004;
}
.bott_am2{
	width:50%;
	height:55px;
	font-size:25px;
	font-weight:bold;
	color:#3c5004;
	background:#cde58c;
	text-align:center;
	line-height:20px;
	float:left;
	float:left;
}
.bott_am2 img{
	height:14px;
}
.bott_am_head1{
	font-size:13px;
	color:#3c5004;
}
.bott_am1{
	width:50%;
	height:55px;
	font-size:25px;
	font-weight:bold;
	color:#3c5004;
	background:#e6f2c6;
	text-align:center;
	line-height:20px;
	float:left;
}
.bott_am1 img{
	height:14px;
}
.bott_am_head{
	font-size:13px;
}
.bott_am{
	width:250px;
	height:55px;
	font-size:35px;
	font-weight:bold;
	color:#272725;
	background:#acd43f;
	text-align:center;
	line-height:20px;
	float:left;
}
.bott_am img{
	height:20px;
}
/*--- New ----*/    
}


/*--- FRS Reports--*/

.details_but{
	background:#ef7b47;
	padding: 6px 10px 6px 10px; 
	font-size:14px;
	color:#FFF;
	border:0px;
	cursor: pointer;
}

.details_but:hover {
  background: #e62e2e; 
}
.details_but1{
	background:#5db2ff;
	padding: 6px 10px 6px 10px; 
	font-size:14px;
	color:#FFF;
	border:0px;
	cursor: pointer;
}

.details_but1:hover {
  background: #e62e2e; 
}
.details_but2{
	background:#67cdb4;
	padding: 6px 10px 6px 10px; 
	font-size:14px;
	color:#FFF;
	border:0px;
	cursor: pointer;
}

.details_but2:hover {
  background: #e62e2e; 
}
.container1 {
	width:98%;	
	margin:auto;
}


.container1 {
	width:98%;	
	margin:auto;
}

.chart_container {
	width:75%;	
	float:left;
}

.contain_head{	
	height:30px;	
	font-size:18px;
	font-weight:bold;
	padding-left:10px;
	vertical-align:middle;	
}

.clsChart
{
    height:420px;
}

.Leg_container {
	width:24%;	
	margin-left:1%;
	float:left;
	display:inline;
	margin-top:45px;
}


@media only screen and (min-width : 481px) and (max-width : 768px) 
{
	.container1 {
	    width:96%;	   
	    margin:auto;
    }

    .chart_container  {
	    width:100%;	    
    }

    .clsChart
    {
        height:320px;
    }

    .Leg_container {
	    width:100%;	
	    margin-left:0%;
	    margin-top:10px;
	    margin-bottom:10px;	    
	    float:left;
    }
}

@media only screen and (min-width : 320px) and (max-width : 480px)
{
	.container1 {
	    width:96%;	    
	    margin:auto;
    }

    .chart_container  {
	    width:100%;	    
    }

    .clsChart
    {
        height:320px;
    }

    .Leg_container {
	    width:100%;	
	    margin-left:0%;
	    margin-top:10px;
	    margin-bottom:10px;	    
	    float:left;
    }
}