/* #Default is Desktop (ID = 0, 960px Design Width, with map tabs peeking out to 980px)
    Four columns, original design.
    Each column is 220px, x4 = 880px
    Each margin is 10px, x6 = 60px
    Page appears to be 940, with 2 margin sides to make 960 design width
================================================== */


/* #Tablet 1 (ID = 1, 768px Design Width, tabs peeking to 788px)
    Still four columns.
    Each column is 176px, x4 = 704px
    Each margin is 8px, x6 = 48px
    Page appears to be 752, with 2 margin sides to make 768 design width
================================================== */
@media only screen and (min-width: 789px) and (max-width: 980px) {
body {
  min-width: 768px;
}
#view_indicator {
  z-index: 1;
}
.container_16 {
  width: 768px;
}
.container_16 .grid_16,
.map_container,
#outside_slide_container,
.slides_container,
.slides_container div,
.dashboard_container,
.footer_container {
  width: 752px;
}
#map_div {
	width: 752px !important;
}
.container_16 .grid_4 {
  width: 176px;
  margin-left: 8px;
  margin-right: 8px;
}
.container_16 .grid_4.alpha {
  margin-left: 0px;
}
.container_16 .grid_4.omega {
  margin-right: 0px;
}
.left .select_all_bg,
.left .background {
  width: 558px;
}

/* Select State/Zip Box */
.search_inner_attribute.state {
    background-position: -46px;
    border-radius: 6px 6px 6px 6px;
    height: 36px;
    width: 150px;
    top: 25px;
    overflow: hidden;
}
.search_attribute {
    height: 182px;
}
.zip_container {
    text-align: center;
}
#zip_code_input {
    margin-left: 0;
    width: 150px;
    border-radius: 6px;
    background-size: 100%;
}
.search_container {
   left: 49px;
    right: inherit;
    top: 50px;
}

/* Select Filters */
.filter_choices {
    font-size: 11px;
}
.left .checkbox_spacer,
.middle .checkbox_spacer,
.right .checkbox_spacer {
    height: 20px;
}
.left .checkbox_spacer.select_all_bg p {
    top: 7px;
    left: 220px;
}
.left .checkbox_spacer img {
    top: 7px;
}
.left .checkbox_spacer p {
    top: 10px;
}
.middle .checkbox_spacer img {
    top: 7px;
}
.middle .checkbox_spacer p {
    top: 4px;
}
.right .checkbox_spacer img {
    top: 4px;
}
.right .checkbox_spacer p {
    top: 8px;
}
.right #sba.checkbox_spacer p {
    top: 1px;
}
.left .background {
    height: 152px;
}
.content_nav {
    height: 334px;
}
/* Manually position the "territory" buttons,
   since I can't think of a better solution. */
.state_shortcuts_text {
    position: absolute;
    padding: 5px 4px;
}
#usvi {
   left: 490px;
}
#nmi {
   top: 33px;
}
#asamoa {
   left: 621px;
}
#guam {
   top: 33px;
   left: 529px;
}
/* Overlay buttons up top */
.menu_overlay {
   height: 294px;
   width: 750px;
}
.menu_overlay_content_area {
   left: 193px;
   width: 547px;
}
.menu_overlay_getting_started_links {
   width: 175px;
}
.menu_overlay_three_tabs {
   left: 192px;
   width: 558px;
   height: 300px;
}
.text_explanation {
   width: 350px;
}
.presentation img {
   width: 178px;
}
.getting_started_link {
   height: 72px;
}
.bottom_getting_started_link {
   height: 73px;
}
.content_selector p {
    font-size: 11px;
    text-align: center;
    padding: 0 6px;
}
#communities_summary .menu_overlay_content_area_three_tabs,
#institutions_summary .menu_overlay_content_area_three_tabs,
#people_summary .menu_overlay_content_area_three_tabs {
   width: 539px;
}
#people_smallbox {
   margin-right: -1px;
}
#people_smallbox .close_btn {
   right: -25px;
}
.section_text {
   line-height: 19px;
}
/* Dashboard */
.dashboard_map_container {
   margin-top: 4px;
}
.dash_map_switch_btns li {
   padding: 5px 13px;
}
.dash_right_inner {
   width: 188px;
}
.dash_value {
   font-size: 17px;
   width: 35%;
}
#People.column_subheader {
   padding: 4px 10px 3px 10px;
}
/* Slides */
#outside_slide_container {
   top: 413px;
}
/* Footer */
.footer li {
   font-size: 11px;
   padding: 0 3px;
}

/* #Tablet 2 (ID = 2, 600px Design Width, tabs peeking to 620px)
   Three columns, and really start moving things around.
================================================== */
/*
@media only screen and (min-width: 641px) and (max-width: 788px) {

body {
  min-width: 600px;
}
#view_indicator {
  z-index: 2;
}
.container_16,
.container_16 .grid_16 {
  width: 620px;
}
#map_div,
.slides_container {
  width: 600px;
}
.footer_container {
  width: 560px;
}
.container_16 .grid_4 {
  width: 184px;
  margin-left: 6px;
  margin-right: 6px;
}
.left .select_all_bg,
.left .background {
  width: 575px;
}
.content_nav .grid_4:first-child {
  display: none;
}
}
*/

/* #Tiny-Mobile (ID = 3, Assume minimum 320px)
 Styles found in mobile.css.
================================================== */