/*****************************************/
/***      MASTERPAGE STYLE SHEET       ***/
/*****************************************/
/**
 * Forest MasterPage styles for iMIS
 *
 * This document contains styles to properly align the Forest MasterPage.
 * 
 * TABLE OF CONTENTS:
 * General
 * Header
 * Main Content
 * Footer
 * StickyFooter
 **/

/************************************/
/*        General Section           */
/************************************/

/* This applies to the loading bar at the top of the page */
#FillProgressDiv
{
	position: absolute;
	z-index: 10000;
	text-align: center;
	vertical-align: middle;
	border: solid 0.063em #cdcdcd;
	background-color: #efefef;
	padding: 0.625em;
}

/* This defines the width of the content area and the margins */
#masterTopArea, #masterWrapper, #ft
{
    /*width: 948px;*/
    max-width:948px;
    min-width:320px;
    position:relative;
    margin-right:auto;
    margin-left:auto;
}


/************************************/
/*	       Header Section           */
/************************************/

/* This applies to the area behind the header logo and auxiliary navigation */
#doc3
{
	margin: auto !important;
	width: auto !important;
}
#Menu
{
	
}

#masterHeaderBackground
{
    padding:5px 10px;
	min-height:100px;
}

#masterLogoArea
{
    
}

/* This applies to the header logo */
#masterHeaderImage
{
    float:left;
    margin-top:.4em;
	padding-bottom: .5em;
}

/* These styles apply to the auxiliary navigation */
.NavigationUnorderedList
{
	padding-left: 0em;
	margin-left: 0.125em;
	margin-right: 0.125em;
	display: inline;
}

.NavigationListItem
{
	list-style-type: none;
	display: inline;
	margin-left: 0em;
}

#masterTopBarAuxiliary
{
    float: left;
}

#masterTopBarAuxiliary div
{
	padding-left: 0.125em !important;
	padding-right: 0.125em !important;
	white-space: nowrap !important;
	line-height: 2em; /* was 33px */
	display: inline;

	
}

#masterTopBarAuxiliary input.SurfEdit
{
    /* Remove the extra padding from the surf-to-edit button */
    padding:0!important;
    vertical-align:middle;
}

#masterTopBarAuxiliary div[role="navigation"] 
{
    	
}

#masterSocialNetworking, #masterSocialNetworking div
{
/*    float:left;*/
}

#masterSocialNetworking strong, #masterSocialNetworking img
{
	vertical-align:middle;
}

#ste_container_SocialNetworking > a
{
	text-decoration: none;
}

#masterTopBarAuxiliary div[role="search"] /* This applies to the global search bar */
{
	
}

#masterTopBarAuxiliary .NavigationUnorderedList .NavigationListItem .NavigationLink
{
	width: auto !important;
	text-transform: none !important;
	padding-left: 0.313em !important;
	padding-right: 0.313em !important;
}

#masterTopBarAuxiliaryBottom
{
    float:right;
}

/************************************/
/*  	Main Content Section        */
/************************************/
   
/* This applies to the breadcrumb area */
#masterMainBreadcrumb
{
	float: none;
	display:inline;
	line-height:33px;
}

/***** Proxy Panel Styling *****/
/* This applies to the on behalf of (proxy) area */
#masterMainImpersonation
{
	float: right;
}

#ProxyPanelLabels, #ProxyPanelActions
{
    float: left;
}

.ProxyPanelNoContact, .ProxyPanelContact
{
    margin-top: 0.225em;
    line-height:2.4em;
    font-weight:bold;
    padding:0 2em;
    white-space:nowrap;
}

/* This applies to the page tasks (e.g., Print, Email) that appear under the main navigation */
#masterPageTasks
{
	float: right;
	padding-right: 10px;
    padding-top: 3px;
}

/* Lines up the page tasks buttons */
#masterPageTasks *
{
    vertical-align:middle;
}

#masterContentArea
{
	margin: -0.75em 1.5em 0.5em;
}

/* This applies to the button area at the bottom of the page (e.g., Save, Cancel) */
#masterMainButtonBar
{
	margin: .5em 2em .5em 0;
	background-color: White;
}

/************************************/
/*	       Footer Section           */
/************************************/

#masterFooterNavigation .NavigationUnorderedList .NavigationListItem .NavigationLink
{
	padding-left: 0.313em !important;
	padding-right: 0.313em !important;
}

#masterFooterNavigation .NavigationUnorderedList .NavigationListItem:first-child .NavigationLink
{
    padding-left:0!important;
}

#masterFooterCopyright, #masterFooterNavigation
{
    display:block;
    line-height:1.8em;
}

#masterFooterNavigation
{
    padding: .5em .5em .25em;
}

#masterFooterCopyright
{
    padding: .25em .5em .5em;
}

/************************************/
/*          IE8 Hacks               */
/************************************/
#masterMobileNavigation {
    visibility: hidden !important;
    /*height: 0px !important;*/
}

#masterHeaderImage{
    background: url("images/POCS811HeaderLogo.png") no-repeat;
    /* Change the width and height to match your logo's dimensions */
    width:500px;
    height:100px;
}

/************************************/
/*    	StickyFooter Section        */
/************************************/
/** Used for Sticky Footer, http://ryanfait.com/sticky-footer/ **/
/**
{
	margin: 0;
}
html, body
{
    height:100%;
}

#masterWrapper
{
    min-height: 100%;
	height: auto !important;
	height: 100%;
}

#masterFooterPush
{
    height:6em;
}

#masterWrapper, #ft
{
    min-width:1000px;
    width:92%;
    max-width:1200px;
    position:relative;
    margin-right:auto;
    margin-left:auto;
}

#masterWrapper
{
    margin-bottom: -6em;
}

#masterFooterNavigation, #masterFooterCopyright
{
    height:3em;
}
*/

/* Minimize Me*/

/*Kill Proxy Menu*/
#ctl00_panProxy_panMain{
visibility: hidden;
height: 0px;
}

.ContentItemContainer {
min-width: 300px !important;
}

@media screen and (max-width: 980px) {
      /* The browser window width must not exceed 980px or this device
         must be projected media for these rules to apply */

#masterContentArea {
    margin: -0.75em 0.5em 0.5em;
}

table {
    width: 97.5%!important;
    height: auto!important;
    border-collapse: separate;
}

table.mobilize-table td {
    width: auto;
    height: auto;
    padding: 8px;
    display: table-row-group;
}

#ctl00_PageTasksPanel{
 visibility: hidden !important;
}


#SimpleSearchBlock{
 visibility: hidden;
}

#masterTopBarAuxiliary{
width: 50px;
/*position: absolute;*/
}

#masterSocialNetworking{
 /*visibility: hidden;*/
 /*float: right;*/
}

#masterFooterCopyright {
    /*margin-top: -12px!important;*/
    margin-bottom: -8px!important;
}

#ste_container_ContentPage2{
width: 95%;

}

#masterTopBarAuxiliary .NavigationUnorderedList li {
    border-left: 0px solid #CCCCCC !important;
}

#ste_container_ContentPage1{
/*visibility: hidden;
width: 1px;*/
}
 
 #ctl01_NavPanel {
    visibility: hidden !important;
    height:  0px !important;        
    }
    
  #ctl01_TemplateMainNavigation_Primary_NavMenu{
    visibility: hidden !important;
    height:  0px !important;      
  }
  
  div #masterReferenceArea {
    height: 115px;
  }
  
  div #hd {
    height: 0px;
  }
  
  #PocsSubMenu {
    visibility: hidden !important;
    height:  0px !important;      
  }      
    
  #masterMobileNavigation {
    visibility: visible !important;
    margin-bottom: -2px;
  }   
 
  table #MeetingScheduleContainer {
    border-collapse: separate;
    width: 100%;
  }
  div #MeetingScheduleSecondary {
    margin-left: 0px;
  }
  #MeetingScheduleContainer td {
    display: inline-block;
    height: auto;
    width: auto;
  }
  
  #masterFooterContent{
  margin-top: 0px;/*TBB*/
  }
  
  #masterHeaderImage{
    background: url("images/POCS811HeaderLogo_small.png") no-repeat;
    /* Change the width and height to match your logo's dimensions */
    width:248px;
    height:50px;
    margin-left: -50px;
    margin-left: 0px\9; /* IE 8 */ 
  }
  
  div #MissionStatement {
    visibility: hidden;
    line-height: 0px!important;
  }
  
  #MobileSubMenu {
  visibility: visible;
  }
  
  div #SocialIcons {
    float: left;
    width: 50%!important;
  }
  
  #masterReferenceArea {
    height: 55px!important;
  }
  
  #masterMainImpersonation {
    display: none!important;
  }
 
} /*end of media query*/

@media screen and (min-width: 980px) {
      /* The browser window width must exceed 980px or this device
         must be projected media for these rules to apply */
#masterTopBarAuxiliary .NavigationUnorderedList li {
 border-left: 1px solid #CCCCCC !important;
}

#masterMobileNavigation {
    visibility: hidden !important;
    height: 0px !important;
}

div #MeetingScheduleSecondary {
    margin-left: 100px;
  }

#masterHeaderImage{
    background: url("images/POCS811HeaderLogo.png") no-repeat;
    /* Change the width and height to match your logo's dimensions */
    width:500px;
    height:100px;
}

#MobileSubMenu {
    visibility:hidden;
    height: 0px !important;
}

} /*end of media query*/


@media screen and (max-width: 500px) {
      /* The browser window width must not exceed 500px or this device
         must be projected media for these rules to apply */

/*#SiteMapLink{visibility: hidden; }*/

} /*end of media query*/

.navlink .ctl00_TemplateMobileNavigation_Mobile_NavTree_2 .a {
font-color:black;
}