@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic); 

/*
   .co {
      display: none;
   } 
*/
 .region1 {
	  color: #46a030;
	  font-size: 14px;
  }

 .style5 {
	  color: #46a030;
  } 
  
  .style9 {
    text-align: left;
	margin: 4px 0;
	width: 100%;
  }

  .style10 {
    float: left;
	background-color: #000;
  }
  
  .style11 {
	 width: 100%;
	 text-align: left;
  }
  
  .sales {
	  text-align: left;
	  padding-left: 1.2em;
	  color: #787878;
  }
  
  .place {
	text-align: right;
    color: white;
    float: right;
    font-size:0.86em;	
  } 
  
  .displayText {
    float: left;
	position: relative;
	margin-left: 1em;
	text-align: left;
	width: 50%;  
  }
  
  .execTable {
	padding: 10px 0 0 0;
    width: 47%; 
	margin-left: 1em;
  }
  
    .execTable1 {
	padding: 10px 0 0 0;
    width: 100%; 
	margin-left: 1em;
  }

 .container {
   width: 112px;
   height: 100px;
   position: relative;
   border: 1px solid #000;
 }

 .overLaying {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 112px;
   height: 99px;
   background-image: url(/staff/photos/overlay2.png);
   background-repeat: no-repeat;
   z-index: 1000;
 }
 
  .overLaid {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 110px;
   height: 100px;
   background-image: url(/staff/photos/overlay2.png);
   z-index: 1000;
 }
 
 .sectionTitle, .firstTitle {
	 text-align: left;
	 padding-bottom: .3em;
	 border-bottom: 1px solid #424242;
   font-family: "brandon-grotesque", sans-serif !important;
 }
 
  .topTitle {
	 text-align: center;
	 padding-bottom: 1em;
	 color: #fff;
	 font-size: 2em;

 }
 
  .innerTitle {
	 float: left;
	 padding-bottom: .2em;
	 font-size: 1.4em;
   font-weight:bolder;
	 text-align: left;
	 color: #fff;
   margin: 0px 0px 0px 5px;
	 font-family: "brandon-grotesque", sans-serif !important;
   border-bottom: 1px solid #3f3c3c;
 }
 
 #outerURL {
    float: left;
    width: 19%;
	min-width: 164px;
    border-left: 1px solid #3f3c3c;
	border-right: 0 none;
	position: absolute;
	top: 600px;
	left: -40px;
}

 #outerURL-ca {
    float: left;
    width: 19%;
	min-width: 164px;
    border-left: 1px solid #3f3c3c;
	border-right: 0 none;
	position: absolute;
	top: 600px;
	left: -40px;
}

 #outerURL-de {
    float: left;
    width: 19%;
	min-width: 164px;
    border-left: 1px solid #3f3c3c;
	border-right: 0 none;
	position: absolute;
	top: 400px;
	left: -40px;
}

 #outerURL-va {
    float: left;
    width: 19%;
	min-width: 164px;
    border-left: 1px solid #3f3c3c;
	border-right: 0 none;
	position: absolute;
	top: 560px;
	left: -40px;
}

#filter {
  float: left;
	max-width: 260px;
  border-left: 1px solid #3f3c3c;
	border-right: 0 none;
	position: relative;
	left: -36px;
	top: 18px;
	margin-bottom: 15px;
}

.outside {
     list-style-type: none;
	 text-align: left;	 
}

.outside li {
    margin: 0;
    padding-bottom: 0;
    border: none;
    background-color: transparent;
    font-family: "brandon-grotesque", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    display: block;
    width: 100%;
	text-align: left;
}

.outside1 {
     list-style-type: none;
	 text-align: left;	 
}

.outside1 li {
    margin: 0;
    padding-bottom: 0;
    border: none;
    background-color: transparent;
    font-family: "brandon-grotesque", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    display: block;
    width: 100%;
	text-align: left;
}
 
 
 div.staffing {
	width: 100%; 
 }
 
 .elevate {
	margin-top: 0px; 
 } 
 

 
@media all and (max-width: 900px) and (min-width: 700px) { 
  
    .execTable {
    width: 100%;  
  }
  
    .ui-tabs-vertical.ui-tabs .ui-tabs-panel {
	  width: 70%;
  }
  
}


@media all and (max-width: 699px) and (min-width: 361px) { 
  
      .execTable {
    width: 100%;  
  }
  .ui-tabs-vertical.ui-tabs .ui-tabs-panel {
	  width: 50%;
  }
}

.button {
	display: inline-block;
    background-color: #03944a;
	color: #fff;
    padding: 8px;
    border-radius: 2px;
    font-size: 12px;
    font-family: 'brandon-grotesque',Arial,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    box-shadow: none;
    border: 1px solid #ccc;
    white-space: normal;
	margin-top: 10px;
}

 .button:hover {
     background-color: #398027;
 }
 
  #region {
	 width: 120px;
	 height: 14px;
	 background-image: url(/pages/images/circle.png);
	 background-size: 10px 10px;
	 background-position: left center;
	 padding-left: 15px;
	 background-repeat: no-repeat;
 }
 
 
 #regions {
	 width: 120px;
	 height: 14px;
	 background-image: url(/pages/images/circle-no.png);
	 background-size: 10px 10px;
	 background-position: left center;
	 padding-left: 15px;
	 background-repeat: no-repeat;
 }
 
#regionA {
	width: 120px;
	 height: 14px;
	 background-image: url(/pages/images/circle.png);
	 background-size: 10px 10px;
	 background-position: left center;
	 padding-left: 15px;
	 background-repeat: no-repeat;
	 color: green;
 }
 
 
 #regions:hover {
	width: 120px;
	 height: 14px;
	 background-image: url(/pages/images/circle.png);
	 background-size: 10px 10px;
	 background-position: left center;
	 padding-left: 15px;
	 background-repeat: no-repeat;
	 color: green;	 
 }
 
 #inner, #innerb, #innerc, #innerd, #innere, #innerf {
   display: none;
}

#sales {
 text-align: left;
 padding-left: 8px;
 padding-bottom: .6em;
 width: 19%;
}

#sales a {
color: #E8E8E6;
    margin: 0;
    padding-bottom: 0;
    border: none;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    padding-left:0.53em;
    font-weight:bold;
}

#sales a:hover {
color: green;
}

#bistro {
 text-align: left;
 padding-left: 8px;
 padding-bottom: .6em;
}

#bistro a {
color: #E8E8E6;
    margin: 0;
    padding-bottom: 0;
    border: none;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    padding-left:0.53em;
    font-weight:bold;
}

#bistro a:hover {
color: green;
}

#stores {
 text-align: left;
 padding-left: 8px;
 padding-bottom: .2em;
}

#stores a {
color: #E8E8E6;
    margin: 0;
    padding-bottom: 0;
    border: none;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    padding-left:0.53em;
    font-weight:bold;
}

#stores a:hover {
color: green;
}


#sales1 {
 text-align: left;
 margin-left: 4.2em;
 padding-bottom: .6em;
}

#sales1 a{
color: #E8E8E6;
    margin: 0;
    padding-bottom: 0;
    border: none;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
   
}

#sales1 a:hover {
color: green;
}

#bistro1 {
 text-align: left;
 margin-left: 4.2em;
 padding-bottom: .6em;
}

#bistro1 a {
color: #E8E8E6;
    margin: 0;
    padding-bottom: 0;
    border: none;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

#bistro1 a:hover {
color: green;
}

#stores1 {
 text-align: left;
 margin-left: 4.2em;
 padding-bottom: .2em;
}

#stores1 a {
color: #E8E8E6;
    margin: 0;
    padding-bottom: 0;
    border: none;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-transform: uppercase;  
}

#stores1 a:hover {
color: green;
}

#filtering {
 text-align: left;
 margin-left: .6em;
 padding-bottom: .2em;
}

#filtering a {
color: #787878;
    margin: 0;
    padding-bottom: 0;
    border: none;
    background-color: transparent;
    font-family: "brandon-grotesque", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
}

#filtering a:hover {
color: green;
}

.subMenu {
 /*	display: none; */
 padding-left: 10px;
 min-width: 100px;
 height: 100px;
 padding: .8em .2em 1em 0em;
}

.subMenu1 {
	display: none;
	background-color: #000;
	width: 100%;
 border: 1px solid #ccc;
 padding-left: 10px;
 min-width: 130px;
 padding: .5em .2em 1em .5em;
}

.innerMark {
	width: 100%;
	text-align: right;
	padding-left: 2em;
	
}
.outside > li:hover {
	color: green;
  font-weight:bold;
}

.current {
	border-left: 2px solid #469f31 !important;
	color: #469f31 !important;
	padding-left: .5em !important;
  font-weight:bold;
}


.current1 {
	border-left: 2px solid #469f31 !important;
	color: #a6d0a6 !important;
	padding-left: .5em !important;
  font-weight:bold;
}

.greenFont {
	color: green;
}

input[type="radio"]:checked + label {
    color: green;  
}

.regional input:checked  {
    color: green;
}
 @media (max-width: 939px) {
	  #stores a, #sales a, #bistro a, #stores1 a, #sales1 a, #bistro1 a {
	  font-size: 12px;
  }
}

      @media all and (max-width: 768px) and (min-width: 361px) { 
		#bistro, #stores, #sales {
	 text-align: left;
	}

		#bistro1, #stores1, #sales1 {
	 text-align: left;

	}
	 #tabs4 {
		 display: none;
	 }
	 #filter {
		 float: none;
	 }
	 .menuTitle {
		 border: 1px solid #ccc;
	 }
	 .ui-tabs.ui-tabs-vertical .ui-tabs-panel {

    width: 100%;
}
	 
	.ui-tabs.ui-tabs-vertical .ui-tabs-nav li { 
	/*	border-bottom: 1px solid #3f3c3c; */
	}
	
	.subMenu {
		position: relative;
		left: -50px;
	}
	
		.subMenu1 {
		position: relative;
		left: -60px;
	}
}