.setPageWidthToEm{
	max-width: 77.29em !important;
}

/************Desktop view*************/
#sidebarHome .sidebarBox{
    float:left;
    width:100%;
    padding:20px;
    text-align:center;
}
#sidebarLanding .sidebarBox{
    float:left;
    width:282px;
    padding:20px;
    text-align:center;
}
#mainContent .sidebarBox h2{
    text-align: center;
    color: #05508F;
    display: block;
        text-align:center;
        padding-bottom: 10px;
        font: 1.43em Georgia, Times, serif;
    background:none;
}
#mainContent .sidebarBox h2 a{
    color: #05508F;
}



.nav-active{
	/* background: #277bc6; */
	background: #1A5386;
	background: -moz-linear-gradient(top, #277bc6 0%, #014b88 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#277bc6), color-stop(100%,#014b88));
	background: -webkit-linear-gradient(top, #277bc6 0%,#014b88 100%);
	background: -o-linear-gradient(top, #277bc6 0%,#014b88 100%);
	background: -ms-linear-gradient(top, #277bc6 0%,#014b88 100%);
	background: linear-gradient(to bottom, #277bc6 0%,#014b88 100%);
}



#responsiveHome{
    display:none;
	padding: 10px 10px 0px 10px;
	margin-bottom: 10px;
    text-align:center;
}
#responsiveHome a{
    display:block;
    width:100%;
    padding: 7px 14px 7px;
    color: white;
    font-weight: bold;
    /* background: #277bc6; */
	background: #1A5386;
	background: -moz-linear-gradient(top, #277bc6 0%, #014b88 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#277bc6), color-stop(100%,#014b88));
	background: -webkit-linear-gradient(top, #277bc6 0%,#014b88 100%);
	background: -o-linear-gradient(top, #277bc6 0%,#014b88 100%);
	background: -ms-linear-gradient(top, #277bc6 0%,#014b88 100%);
	background: linear-gradient(to bottom, #277bc6 0%,#014b88 100%);
	border-radius: 4px;
}
.IE8 .nav-justified > li, .nav-tabs.nav-justified > li{
    width: 1%;
}
#wrapper #pageContent .main-content{
    margin-left:0px;
}

.data-reports-page #filter-options-section .col-md-3,
.data-reports-page #filter-options-section .col-md-5{
	margin-bottom: 15px;
}
#mainContent .poll-embed{
	/* width: auto; */
	margin: 0px 25px 5px 25px;
	/* margin: 10px 0px 5px 0px; */
	/* height: 125px; */
	height: auto;
}

#mainContent .poll-embed-cctp {
	height: 125px;
}

#sideLegend{
    position: absolute;
    left: 43em;
    margin-top: 12.1em;
    height: 6.8em;
    padding: 0.3em;
    padding-top:1px;
    padding-right:2.4em;
    border: 1.8px solid rgb(84, 109, 143);
    text-align:center;
}
#sideLegend span{
    display:inherit;margin-top: 5px;
}
#heatMapContent{
    padding-left:25%;
}
#stateSelector{
    border: 1px solid #CCC;
    border-radius: 5px 0px 0px 5px;
    min-height:27px;
}
#stateSelectorSubmit 
{
    color:#555555;
	padding-left: 10px;
	padding-right: 10px;
    padding-top:4px;
    padding-bottom:3px;
	font-weight:bold;
	margin-top:10px;
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	background: #F5F5F5;
	background: -moz-linear-gradient(top, #F5F5F5 0%, #E8E8E8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(100%, #E8E8E8));
	background: -webkit-linear-gradient(top, #F5F5F5 0%, #E8E8E8 100%);
	background: -o-linear-gradient(top, #F5F5F5 0%, #E8E8E8 100%);
	background: -ms-linear-gradient(top, #F5F5F5 0%, #E8E8E8 100%);
	background: linear-gradient(to bottom, #F5F5F5 0%, #E8E8E8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#E8E8E8', GradientType=0 );
}
.ui-helper-highcontrast #stateSelectorSubmit
{
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
#stateSelectorSubmit:hover,
#stateSelectorSubmit:focus 
{
    color:#fff;
	background: #1F1F1F;
	background: -moz-linear-gradient(top,  #2E2E2E 0%, #1F1F1F 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2E2E2E), color-stop(100%,#1F1F1F));
	background: -webkit-linear-gradient(top,  #2E2E2E 0%,#1F1F1F 100%);
	background: -o-linear-gradient(top,  #2E2E2E 0%,#1F1F1F 100%);
	background: -ms-linear-gradient(top,  #2E2E2E 0%,#1F1F1F 100%);
	background: linear-gradient(to bottom,  #2E2E2E 0%,#1F1F1F 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E2E2E', endColorstr='#1F1F1F',GradientType=0 );
}
#stateSelectorSubmit:disabled{
    color:#555555;
	background: #F5F5F5;
	background: -moz-linear-gradient(top, #F5F5F5 0%, #E8E8E8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(100%, #E8E8E8));
	background: -webkit-linear-gradient(top, #F5F5F5 0%, #E8E8E8 100%);
	background: -o-linear-gradient(top, #F5F5F5 0%, #E8E8E8 100%);
	background: -ms-linear-gradient(top, #F5F5F5 0%, #E8E8E8 100%);
	background: linear-gradient(to bottom, #F5F5F5 0%, #E8E8E8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#E8E8E8', GradientType=0 );
}

.bpci-datagrid-con #datatable td{
    border-width:1px;
    border-style:solid;
    padding: 5px;
}
.bpci-datagrid-con #datatable th{
    border-width:1px;
    border-style:solid;
    padding: 5px;
}
.bpci-datagrid-con{
    overflow-y:scroll;
    height:600px;
}
.bpci .inno-legend-col h3{
    font-size: 1em;
}
#disclaimer{
	font-weight:bold;
}
#pageContent .heatMapContainer{
    margin-bottom: 3px;
}




/************Tablet Portrait**********/
@media screen and (max-width:991px) and (min-width:768px){
    /*css*/
    #page .poll-embed{
        margin-left: 20px;
    }
    #main-body #rightRailHome{
        width:100%;
        margin-top:15px;
    }
    #main-body #rightRailHome #home-stay-conn{
        display:inline-block;
        /* position:relative; */
        /* top:-170px; */
        margin-left:20px;
    }
    #responsiveHome{
        display:block;
    }
    #modelDetailsBox{
        /* margin-right:40%; */
    }
    #sideLegend{
        left:50.5em;
        margin-top:14.1em;
        height:7.9em;
        padding-right:2.8em;
    }
    #sideLegend span{
        padding-bottom:4px;
    }
	.heatMapContainer #largeHeader{
        display:inline;
    }
    .heatMapContainer #responsiveheader{
        display: none;
    }
}

@media screen and (max-width:991px){
/******************************FILTER BOX OPTIONS**************/
	#main-body #rightRailHome .row-fluid{
        display: inline-block;
		float: left;
    }
	#mainContent .poll-embed{
		/* width: auto; */
		margin: 10px 0 0 0;
		/* height: 125px; */
	}
	#mainContent .recent-milestones-width .poll-embed{
		margin: 0px 0px 5px 0px;
	}
	#mainContent #rightRailHome{
		margin-left: 0px;
	}
	
	#dataReportsInfo{
		padding-left: 15px;
		padding-right: 40px;
	}
	#filter-form{
		margin:0 0 30px;
		padding:10px;
	}
	
	#filter-form.filter-with-text{
		padding-bottom:35px;
	}
	
	#filter-form .filter-col1{
		width:13%;
	}
	
	#innoSearchBy,
	#Search-More-Options .SearchMoreOptions{
		margin-left:0;
	}
	
	#filter-form .filter-col3,
	#filter-form .filter-col4{
		clear:both;
		float:none;
		width:100%;
	}
	
	#filter-options-section .col-md-3,
	#filter-options-section .col-md-5{
		margin-bottom:0px;
		float:left;
		width:48%;
		margin-left: 10px;
	}
    #Search-More-Options .bpci .col-md-5{
        float:none;
    }
	
	.filter-byState{
		clear:both;
	}
	
	#filter-form .filter-col4{
		margin-top:20px;
		text-align:center;
	}
	
	#filter-options-section,
	.IE11 #filter-options-section.bpci{
		margin-left:0px;
	}
	
	.IE11 #filter-options-section.bpci{
		width:100%;
	}
	
	h2#panel-option-title{
		margin-left:0
	}
	
	#filter-options-section{
		width:100%;
	}
	
	#model-reset {
		left:50%;
		margin-left:-157px;
	}
	
	#filter-options-section.options-with-text {
		margin-top: 0px;
	}
	.heatMapContainer #largeHeader{
        display:none;
    }
    .heatMapContainer #responsiveheader{
        display: inline;
    }
	
	
	#filter-options-section.bpci .col-md-6{
    	width: 100%;
	}
	
	
	/************* END filter options ************/	
	
	#rightRailHome #sidebarHome.customSideBox{
		width:100%;
	}
	
	#rightRailHome #sidebarHome.customSideBox{
		margin-top:190px;
	}
}
/************Phone Landscape:**********/
@media screen and (max-width: 767px){
    #page .poll-embed{
        width: auto;
        margin-left:-15px;
        margin-right:-15px;
    }
	#mainContent .poll-embed{
		width: auto;
		margin: 0;
        margin-bottom:10px;
		/* height: 125px; */
	}
	#mainContent #rightRailHome{
		margin-left: 0px;
	}
	#mainContent .recent-milestones-width .poll-embed{
		margin: 0px 0px 5px 0px;
	}
	
	#mainContent #page .views-top.no-pagingContent,
	#mainContent #page .views-bottom.no-pagingContent{
		float:none;
		display:block;
		clear:both;
		
	}
	
    #modelDetailsBox{
        width:100%;
    }
	#dataReportsInfo{
		padding-left: 15px;
		padding-right: 20px;
	}
	#dataReportsInfo ul{
		margin-left: -10px;
	}
    #responsiveHome{
        display:block;
    }
    .main-header .landing-header{
        width:100%;
    }
	/******************************FILTER BOX OPTIONS**************/
	#filter-form{
		margin-bottom:25px;
	}
	#filterAutocomplete{
		width:92%;
	}
	
	#filter-form .filter-col1,
	#filter-form .filter-col2,
	#filter-options-section .col-md-3, 
	#filter-options-section .col-md-5,
	#mainContent li.modelBox-container{
		float:none;
		width:100%
	}
	
	#filter-options-section{
		padding:0;
	}
	
	#filter-options-section .col-md-3,
	#filter-options-section .col-md-5{
		margin-left:10px;
	}
	
	.col-md-6.regionSelect{
		width:50%;
	}
	
	#filter-options-section #regions .regionSelect .regionBtn{
		width:80%;
	}
	
	/************* END filter options ************/	
    /***Socrata embed change***/
    .main-content iframe{
        width:100%;
    }
    
    
    #heatMapContent{
        padding-left:12%;
    }
    #sideLegend{
        display:none;
    }
    
    .stackedTable td{
        display:block;
        width: 100%;
    }
    
    /*******BPCI Page******/
    .bpci-datagrid-con{
        overflow-x:scroll;
        overflow-y:scroll;
        height:400px;
    }
	
	#rightRailHome #sidebarHome.customSideBox{
		margin-top:0px;
	}
}

/************Phone Portrait:**********/
@media screen and (max-width: 479px){
    .share-widget #at20mc-cmmi{
        margin-right: 270px;
        margin-top:20px;
    }
	
	#mainContent .recent-milestones-width .poll-embed{
		margin: 0px 0px 5px 0px;
	}
	
	#mainContent .poll-embed{
		/* height: 150px; */
	}
	
	/*filter box*/
	#filterAutocomplete{
		width:85.5%;
	}
    
    #heatMapContent{
        padding-left:0%;
    }
    #stateSelector{
        width:68%;
    }
    #stateSelectorSubmit{
        width:30%;
    }
    .bpci-search-options #panel-options-filters{
        display:block;
    }
	#model-reset {
		padding-left: 15px;
	}
}