/**
* Root
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    background-color: transparent;
}

/*shell*/
#shell{
	position: relative;
	float: left;
	padding-top: 20px;
}

#stdout{
	width: 400px;
	height: 200px;
	background: black;
	color: white;
	overflow: auto;
}

#stdin{
	top : 200px;
	width: 400px;
	height: 10px;
}

#loading{
 position: absolute;
 top:25%;
 left:25%; 
 width:50%;
 height:50%;
}

#laag{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}


#laagrel{
	position:relative;
	background-color: 000000;
	opacity:0.7;
	height: 100%;
	width: 100%;
	z-index:2;
}


#edit{
 position: absolute;
 background-color:FFFFFF;
 opacity: 1;
 top:25%;
 left:25%; 
 width:50%;
 height:50%;
 z-index:10;
 overflow: auto;
 z-index:3;
}

/* table */
DIV.table 
{
    display:table;
	border-collapse:separate;
	border-spacing:2px;
}
FORM.tr, SPAN.tr, DIV.tr
{
    display:table-row;
}
SPAN.td, DIV.td
{
    display:table-cell;
	padding: 1px;
}

.thead
{
	display:table-header-group;
	color:white;
	font-weight:bold;
	background-color:grey;
}

.tbody
{
	display:table-row-group;
}



/* end table */
/* tablepersoneel */
.tablepersp1
{
	width:8px;
}

.tablepersp2
{
	width:10px;
}

.tablepersp3
{
	width:10px;
}

.tablepersp4
{
	width:10px;
}

.tablepersp5
{
	width:10px;
}

.tablepersp6
{
	width:10px;
}

.tablepersp7
{
	width:10px;
}

.tablepersp8
{
	width:10px;
}

.tablepersp9
{
	width:10px;
}

.tablepersp10
{
	width:10px;
}

.tablepersp11
{
	width:10px;
}

/* end tablepersoneel*/
/* login 
-------------------------------------------------------------- */

#loginleft{
	position:absolute;
	top:0px;
	left:0px;
	width:25%;
	height:100%;
	background-color: white; 
}

#loginlogo{
  position:absolute;
	top:15%;
	left: 12%;
}

#loginright{
	position:absolute;
	top:0px;
	left:25%;
	height:100%;
	width: 75%;
	background-color: darkblue;
}

#loginform{
	position:absolute;
	top:25%;
	left: 10px;
	width: 50%;
	color: white;
}

.loginunknownuser{
	position:absolute;
	top:-60px;
	left:-2px;
	min-width:75px; 
	max-width:160px;
	width:25%;
	min-height:75px;
	max-height:160px;
	height:25%;
	
}

/* Header 
-------------------------------------------------------------- */

#header{
	padding-top: 5px;
}

#header .content{
	padding: 0px;
	padding-top: 0px;
	display:table;
}


#header .menu{
	display:table-cell;
	width:100%;
}



/* Main style starts now*/

/* Main
-------------------------------------------------------------- */
DIV.banner_left {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 137px;
	height: 461px;
	/*float: left;*/
	cursor: pointer;
}

#main {
	margin-top: 20px;
	text-align: left;
	clear: both; 
	margin-left: 10px;
	margin-bottom:10px;
}

#main H1 {
	font-size: 30px;
}

.table { display: table; } 
.table>* { display: table-row; }
.table>*>* { display: table-cell; }

#menu_right {
	float: left;
	padding: 5px;
	width:100%;
}

DIV.top_line {
	width:760;
	height: 50px;
    position: relative;
	color: white;
	background:red;
	box-shadow: inset 5px 5px 5px #ddd;
	border-radius: 30px 30px 5px 5px;
	/*background: url(../images/menu_back.png);
	//border-bottom: 1px solid #666666;*/
}

DIV.top_line p {
	position: relative;
	top: 15px;
	text-align: center;
}

DIV.rooster {
	float: left;
	left: 100px;
	top: 300px;
	height: 200px;
	width: 760px;
}

TR.day {
	height:70px;
}

TR.grijs {
	height: 70px;
	background-color:#999999;
}


 
TH.holiday {
	background-color: yellow;
 }

TD.name {
	text-align: left;
	vertical-align: middle;
}

DIV.notday {
	position: static;
	margin-top: 5px;
	height: 60px;
	width: 95px;
	text-align: center;
	vertical-align: middle;
	background-color: white;
	border-radius: 30px;
	box-shadow: inset 0px 0px 0px 1px #C2B38F;
}

DIV.notday p{
	position: relative;
	top: 5px;
	font-size: 10px;
	height: 10px;
}

DIV.notday HR {
	position: static;
	margin-left: 5px;
	margin-right: 5px;
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

DIV.today {
	position: static;
	margin-top: 5px;
	height: 60px;
	width: 95px;
	text-align: center;
	vertical-align: middle;
	background-color: white;
	border-radius: 30px;
	box-shadow: inset 0px 0px 0px 1px red;
}

DIV.today p {
	position: relative;
	top: 5px;
	font-size: 10px;
	height: 10px;
}

DIV.today HR {
	position: static;
	margin-left: 5px;
	margin-right: 5px;
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

DIV.holiday {
	background-color: yellow;
 }

.succes {
	font-color:#green;
}

.error {
	font-color: #red;
}

.block{
	margin: 0px;
	padding:40px 0px 40px 0px;
	clear:both;
	overflow: hidden;
}

.content{
	margin: 0px auto;
  	max-width: 990px;
	overflow: hidden;
	clear:both;
}

.bgBlack{
	background-color:#211f1c;
	color: #ddd;
}

.bgBlack h2{
	color: #ffffff;
}

.bgWhite{	
	color: #181818;
}

.bgWhite h2{
	color: #000000;
}

.col {
    float:left;
    width:auto;
    max-width:310px;
    margin: 5px 5px 15px 5px;
    padding: 5px;
}

.col h2 {
    display:block;
    font-weight: normal;
    letter-spacing: -0.5px;
    font-size: 20px;
    line-height: 30px;
    padding:10px 0px;
    margin-bottom:15px;
    font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom-style: solid;
	border-bottom-color: #444;
	border-bottom-width: 1px;
}

.col img.services{
	width:250px;
	height:333px;
}
.col p{
	margin-top:5px;
}

/* A4 page
--------------------------------------------------------------------*/
/* staand */
.A4 {
  width: 21cm;
  /*width:793px;*/
  min-height: 29.7cm;
  padding: 2cm;
  margin: 1cm auto;
  border: 1px #D3D3D3 solid;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.subpage {
  padding: 1cm;
  border: 5px red solid;
  height: 256mm;
  outline: 2cm #FFEAEA solid;
}

@A4 {
  size: A4;
  margin: 0;
}

@media print {
  .A4 {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
  }
}

/* liggend */

.A4 {
  min-width: 29.7cmcm;
  height: 21;
  padding: 2cm;
  margin: 1cm auto;
  border: 1px #D3D3D3 solid;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

/* tickets
----------------------------------------------------------------------------*/
.ticket {
	margin-top: 17px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	border: 3px solid #dd9;
	border-radius: .4em;
	position: relative;
}

.ticket_head {
	background: #ffd;
	padding: .5em 1em;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.ticket_omschrijving {
	padding: .5em 1em;
	position: relative;
}


/*preventive-maintenance
-----------------------------------------------------------------*/
.table_preventief_onderhoud table{
	border: 1px solid black;
	width: 20px;
}

/* Footer 
-------------------------------------------------------------- */
#footer{
    background-color: #211f1c;
    color:#959494;
}

#footer .col{
	max-width:470px;
	width: 100%;
}

#footer h2{
	border-bottom-style: dashed;
	border-bottom-color: #444;
	border-bottom-width: 1px;
}

#copyright{
    clear:both;
    padding:5px 0px;
	border-top-style: dashed;
	border-top-color: #444;
	border-top-width: 1px;
}

#copyright p{
    color:white;
    font-size: 11px;
    margin:10px 30px 10px 5px;;
    text-align:center;
}

#copyright a{
	color:white;
}

#copyright a:hover{
  color:#888A13;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
	
	nav.main {
		display: none;
		visibility:hidden;
	}
	
	nav.subnav {
		display: none;
		visibility:hidden;
	}
	.navtopmain {
		position: absolute;
		top: 0px;
		left:0px;
		width: 100%;
	 }
	 
	 #header {
		top:0px;
		width: 100%;
	 }
	 
	 .logo {
		display: none;
		visibility:hidden;
	 }
	 
	 .logo_small {
		 position: relative;
		 top: 2px;
		 left: 2px;
		 height: 40px;
		 width: 118px;
	 }
	
	/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #333333; }
  .contain-to-grid .top-bar {
    margin-bottom: 0; }

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99; }
  .fixed.expanded:not(.top-bar) {
    overflow-y: auto;
    height: auto;
    width: 100%;
    max-height: 100%; }
    .fixed.expanded:not(.top-bar) .title-area {
      position: fixed;
      width: 100%;
      z-index: 99; }
    .fixed.expanded:not(.top-bar) .top-bar-section {
      z-index: 98;
      margin-top: 2.8125rem; }

.top-bar {
  overflow: hidden;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative;
  background: #333333;
  margin-bottom: 0;
  }
  .top-bar ul {
    margin-bottom: 0;
    list-style: none; }
  .top-bar .row {
    max-width: none; }
  .top-bar form,
  .top-bar input {
    margin-bottom: 0; }
  .top-bar input {
    height: 1.75rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    font-size: 0.75rem; }
  .top-bar .button, .top-bar button {
    padding-top: 0.4125rem;
    padding-bottom: 0.4125rem;
    margin-bottom: 0;
    font-size: 0.75rem; }
    @media only screen and (max-width: 40em) {
      .top-bar .button, .top-bar button {
        position: relative;
        top: -1px; } }
  .top-bar .title-area {
    position: relative;
    margin: 0; }
  .top-bar .name {
    height: 2.8125rem;
    margin: 0;
    font-size: 16px; }
    .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
      line-height: 2.8125rem;
      font-size: 1.0625rem;
      margin: 0; }
      .top-bar .name h1 a, .top-bar .name h2 .menu_link, .top-bar .name h3 .menu_link, .top-bar .name h4 .menu_link, .top-bar .name p .menu_link, .top-bar .name span .menu_link {
        font-weight: normal;
        color: #FFFFFF;
        width: 75%;
        display: block;
        padding: 0 0.9375rem; }
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar .menu_link {
      color: #FFFFFF;
      text-transform: uppercase;
      font-size: 0.8125rem;
      font-weight: bold;
      position: relative;
      display: block;
      padding: 0 0.9375rem;
      height: 2.8125rem;
      line-height: 2.8125rem; }
    .top-bar .toggle-topbar.menu-icon {
      top: 50%;
      margin-top: -16px; }
      .top-bar .toggle-topbar.menu-icon .menu_link {
        height: 34px;
        line-height: 33px;
        padding: 0 2.5rem 0 0.9375rem;
        color: #FFFFFF;
        position: relative; }
        .top-bar .toggle-topbar.menu-icon .menu_link span::after {
          content: "";
          position: absolute;
          display: block;
          height: 0;
          top: 50%;
          margin-top: -8px;
          right: 0.9375rem;
          box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
          width: 16px; }
        .top-bar .toggle-topbar.menu-icon .menu_link span:hover:after {
          box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
  .top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background: #333333; }
    .top-bar.expanded .toggle-topbar .menu_link {
      color: #888888; }
      .top-bar.expanded .toggle-topbar .menu_link  span::after {
        box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0; }
  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-top: solid 1px #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%; }
  .top-bar-section ul li {
    background: #333333; }
    .top-bar-section ul li > .menu_link  {
      display: block;
      width: 100%;
      color: #FFFFFF;
      padding: 12px 0 12px 0;
      padding-left: 0.9375rem;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 0.8125rem;
      font-weight: normal;
      text-transform: none; }
      .top-bar-section ul li > .menu_link.button {
        font-size: 0.8125rem;
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
        background-color: #2ba6cb;
        border-color: #2285a2;
        color: #FFFFFF; }
        .top-bar-section ul li > .menu_link.button:hover, .top-bar-section ul li > .menu_link.button:focus {
          background-color: #2285a2; }
        .top-bar-section ul li > .menu_link.button:hover, .top-bar-section ul li > .menu_link.button:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > .menu_link.button.secondary {
        background-color: #e9e9e9;
        border-color: #bababa;
        color: #333333; }
        .top-bar-section ul li > .menu_link.button.secondary:hover, .top-bar-section ul li > .menu_link.button.secondary:focus {
          background-color: #bababa; }
        .top-bar-section ul li > .menu_link.button.secondary:hover, .top-bar-section ul li > .menu_link.button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > .menu_link.button.success {
        background-color: #5da423;
        border-color: #4a831c;
        color: #FFFFFF; }
        .top-bar-section ul li > .menu_link.button.success:hover, .top-bar-section ul li > .menu_link.button.success:focus {
          background-color: #4a831c; }
        .top-bar-section ul li > .menu_link.button.success:hover, .top-bar-section ul li > .menu_link.button.success:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > .menu_link.button.alert {
        background-color: #c60f13;
        border-color: #9e0c0f;
        color: #FFFFFF; }
        .top-bar-section ul li > .menu_link.button.alert:hover, .top-bar-section ul li > .menu_link.button.alert:focus {
          background-color: #9e0c0f; }
        .top-bar-section ul li > .menu_link.button.alert:hover, .top-bar-section ul li > .menu_link.button.alert:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > .menu_link.button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #FFFFFF; }
        .top-bar-section ul li > .menu_link.button.warning:hover, .top-bar-section ul li > .menu_link.button.warning:focus {
          background-color: #cf6e0e; }
        .top-bar-section ul li > .menu_link.button.warning:hover, .top-bar-section ul li > .menu_link.button.warning:focus {
          color: #FFFFFF; }
    .top-bar-section ul li > button {
      font-size: 0.8125rem;
      padding-right: 0.9375rem;
      padding-left: 0.9375rem;
      background-color: #2ba6cb;
      border-color: #2285a2;
      color: #FFFFFF; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        background-color: #2285a2; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        color: #FFFFFF; }
      .top-bar-section ul li > button.secondary {
        background-color: #e9e9e9;
        border-color: #bababa;
        color: #333333; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          background-color: #bababa; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > button.success {
        background-color: #5da423;
        border-color: #4a831c;
        color: #FFFFFF; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          background-color: #4a831c; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > button.alert {
        background-color: #c60f13;
        border-color: #9e0c0f;
        color: #FFFFFF; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          background-color: #9e0c0f; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #FFFFFF; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          background-color: #cf6e0e; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          color: #FFFFFF; }
    .top-bar-section ul li:hover:not(.has-form) > .menu_link {
      background-color: #555555;
      background: #333333;
      color: #FFFFFF; }
    .top-bar-section ul li.active > .menu_link {
      background: #2ba6cb;
      color: #FFFFFF; }
      .top-bar-section ul li.active > .menu_link:hover {
        background: #258faf;
        color: #FFFFFF; }
  .top-bar-section .has-form {
    padding: 0.9375rem; }
  .top-bar-section .has-dropdown {
    position: relative; }
    .top-bar-section .has-dropdown > .menu_link:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
      border-left-style: solid;
      margin-right: 0.9375rem;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }
    .top-bar-section .has-dropdown.moved {
      position: static; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
        width: 100%; }
      .top-bar-section .has-dropdown.moved > .menu_link:after {
        display: none; }
  .top-bar-section .dropdown {
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .dropdown li {
      width: 100%;
      height: auto; }
      .top-bar-section .dropdown li .menu_link {
        font-weight: normal;
        padding: 8px 0.9375rem; }
        .top-bar-section .dropdown li .menu_link.parent-link {
          font-weight: normal; }
      .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
        margin-bottom: 0;
        margin-top: 0;
        font-size: 1.125rem; }
        .top-bar-section .dropdown li.title h5 .menu_link, .top-bar-section .dropdown li.parent-link .menu_link {
          color: #FFFFFF;
          display: block; }
          .top-bar-section .dropdown li.title h5 .menu_link:hover, .top-bar-section .dropdown li.parent-link .menu_link:hover {
            background: none; }
      .top-bar-section .dropdown li.has-form {
        padding: 8px 0.9375rem; }
      .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
        top: auto; }
    .top-bar-section .dropdown label {
      padding: 8px 0.9375rem 2px;
      margin-bottom: 0;
      text-transform: uppercase;
      color: #777777;
      font-weight: bold;
      font-size: 0.625rem; }

.js-generated {
  display: block; }
  
	  .top-bar {
    background: #333333;
    overflow: visible; }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 .menu_link,
    .top-bar .name h2 .menu_link,
    .top-bar .name h3 .menu_link,
    .top-bar .name h4 .menu_link,
    .top-bar .name h5 .menu_link,
    .top-bar .name h6 .menu_link {
      width: auto; }
    .top-bar input,
    .top-bar .button,
    .top-bar button {
      font-size: 0.875rem;
      position: relative;
      height: 1.75rem;
      top: 0.53125rem; }
    .top-bar.expanded {
      background: #333333; }

  .contain-to-grid .top-bar {
    max-width: 62.5em;
    margin: 0 auto;
    margin-bottom: 0; }

  .top-bar-section {
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li.hover > a:not(.button) {
      background-color: #555555;
      background: #333333;
      color: #FFFFFF; }
    .top-bar-section li:not(.has-form) .menu_link:not(.button) {
      padding: 0 0.9375rem;
      line-height: 2.8125rem;
      background: #333333; }
      .top-bar-section li:not(.has-form) .menu_link:not(.button):hover {
        background-color: #555555;
        background: #333333; }
    .top-bar-section li.active:not(.has-form) .menu_link:not(.button) {
      padding: 0 0.9375rem;
      line-height: 2.8125rem;
      color: #FFFFFF;
      background: #2ba6cb; }
      .top-bar-section li.active:not(.has-form) .menu_link:not(.button):hover {
        background: #258faf;
        color: #FFFFFF; }
    .top-bar-section .has-dropdown > .menu_link {
      padding-right: 2.1875rem !important; }
      .top-bar-section .has-dropdown > .menu_link:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 1.40625rem; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown > .menu_link:focus + .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > .menu_link:after {
      border: none;
      content: "\00bb";
      top: 1rem;
      margin-top: -1px;
      right: 5px;
      line-height: 1.2; }
    .top-bar-section .dropdown {
      left: 0;
      top: auto;
      background: transparent;
      min-width: 100%; }
      .top-bar-section .dropdown li .menu_link {
        color: #FFFFFF;
        line-height: 2.8125rem;
        white-space: nowrap;
        padding: 12px 0.9375rem;
        background: #333333; }
      .top-bar-section .dropdown li:not(.has-form):not(.active) > .menu_link:not(.button) {
        color: #FFFFFF;
        background: #333333; }
      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > .menu_link:not(.button) {
        color: #FFFFFF;
        background-color: #555555;
        background: #333333; }
      .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #333333; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #4e4e4e;
      clear: none;
      height: 2.8125rem;
      width: 0; }
    .top-bar-section .has-form {
      background: #333333;
      padding: 0 0.9375rem;
      height: 2.8125rem; }
    .top-bar-section .right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section .right li .dropdown li .dropdown {
        right: 100%; }
    .top-bar-section .left li .dropdown {
      right: auto;
      left: 0; }
      .top-bar-section .left li .dropdown li .dropdown {
        left: 100%; }

  .no-js .top-bar-section ul li:hover > .menu_link {
    background-color: #555555;
    background: #333333;
    color: #FFFFFF; }
  .no-js .top-bar-section ul li:active > .menu_link {
    background: #2ba6cb;
    color: #FFFFFF; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; }
  .no-js .top-bar-section .has-dropdown > .menu_link:focus + .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; } 

	TABLE.roosterph {
		width: 480px;
	}

	TABLE.roosterph TH {
		width: 95px;
		text-align: center;
		vertical-align: middle;
	}

	TABLE.roosterph TH.name {
		width: 95px;
		text-align: center;
		vertical-align: middle;
	}

	TABLE.roosterph TD {
		padding-left: 3px;
	}

	TABLE.roosterph TD span.red {
		color: red;
	}

	TABLE.roosterph TD p.last{
		position: relative;
		text-align: left;
		vertical-align: bottom;
		margin-top: -15px;
		padding-left: 25px;
		font-size: 10px;
	}

	TABLE.roosterph TD span.green {
		color: green;
	}

	TABLE.roosterbg {
		display: none;
		visibility: hidden;
	}
	
	#main {
		margin-top: 55px;
		text-align: left;
		clear: both; 
		margin-left: 10px;
		margin-bottom:10px;
	}
}

/*@media screen and (min-width: 481px max-width:767px) {

}*/

@media screen and (min-width: 801px) {
	.logo{
	vertical-align:middle;
	display:table-cell;
	width:260px;
	padding-right:20px;
	}

	a:hover#menu-icon {
		background-color: #C2B38F;
		border-radius: 4px 4px 0 0;
	}

	nav.main {
		margin-top:82px;
		text-align: right;
		float: right;
		font-size:11px;
		border-top:#211f1c 1px solid;
		border-bottom:#211f1c 1px solid;
		overflow: hidden;
		display:block;
		width:100%;
	}
	
	nav ul{
		list-style:none;
		padding:0;
		margin:0;
		line-height:15px;
	}

	nav ul li {
		display:inline;
		text-align: center;
	}

	nav ul li a {
		float:left;
		text-decoration:none;
		text-transform:uppercase;
		width:25%;
		line-height:15px;
		padding:5px 0;
		color:#000000 !important;	
		-o-transition:color .2s ease-out, background .5s ease-in;
		-ms-transition:color .2s ease-out, background .5s ease-in;
		-moz-transition:color .2s ease-out, background .5s ease-in;
		-webkit-transition:color .2s ease-out, background .5s ease-in;
		transition:color .2s ease-out, background .5s ease-in;
	}

	nav .current a, nav ul li a:hover {
		background:#C2B38F;
		color:#ffffff !important;
		text-decoration:none;
	}

	nav ul li span {
		float:left;
		text-decoration:none;
		text-transform:uppercase;
		width:25%;
		line-height:15px;
		padding:5px 0;
		color:#000000 !important;	
		-o-transition:color .2s ease-out, background .5s ease-in;
		-ms-transition:color .2s ease-out, background .5s ease-in;
		-moz-transition:color .2s ease-out, background .5s ease-in;
		-webkit-transition:color .2s ease-out, background .5s ease-in;
		transition:color .2s ease-out, background .5s ease-in;
	}

	nav .current span, nav ul li span:hover {
		background:#C2B38F;
		color:#ffffff !important;
		text-decoration:none;
	}
	
	.navtopmain {
		display: none;
		visibility: hidden;
	}
	
	TABLE.roosterph {
		display:none;
		visibility:hidden;
	}

	TABLE.roosterbg {
		width: 760px;
	}
	
	TR.color{
		background: #C2B38F;
	}
	TABLE.roosterbg TH {
		width: 95px;
		text-align: center;
		vertical-align: middle;
	}

	TABLE.roosterbg TH.name {
		width: 95px;
		text-align: left;
		vertical-align: middle;
	}

	TABLE.roosterbg TD {
		padding-left: 3px;
	}

	TABLE.roosterbg TD span.red {
		color: red;
	}

	TABLE.roosterbg TD p.last{
		position: relative;
		text-align: left;
		vertical-align: bottom;
		margin-top: -15px;
		padding-left: 25px;
		font-size: 10px;
	}

	TABLE.roosterbg TD span.green {
		color: green;
	}
}

/* 2X size (iPhone 4 etc)*/
@media only screen and 
        (-webkit-min-device-pixel-ratio: 1.5), only screen and 
        (-o-min-device-pixel-ratio: 3/2), only screen and 
        (min-device-pixel-ratio: 1.5) {

}

/* maintenance schuine tr */
.schuineheader {
    transform:rotate(300deg);
    -ms-transform:rotate(300deg); /* IE 9 */
    -moz-transform:rotate(300deg); /* Firefox */
    -webkit-transform:rotate(300deg); /* Safari and Chrome */
    -o-transform:rotate(300deg); /* Opera */
    font-family: Arial;
    color: white;
    text-align: left;
}