iframe {
  /*display:none;!important;*/
}

body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}

td {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}


th {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}

tr.topdays {
    background-color: #eaffff; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px; color : #000000; 
}
tr.topdays td {
    border: 1px solid black;
}

.toprightnumber {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px; font-weight: bold;
}
.eventinbox-pf, .tip {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 8px;    
}
.eventinbox {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;    
}
.currentdate {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 17px; font-weight: bold;
}

a:link,a:active,a:visited {
    color : #000000; text-decoration: none; 
}
img {
	border: none;
}
/*
a:hover    {
    text-decoration: underline; color : #000000; 
}*/
.footer {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 10px;  
    margin: 0 auto;
    position: absolute;
    color: #939499;
    min-width: 100%;
    text-align:center;
    /*bottom: 2px;*/
    display: inline;
}
.bug {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 9px; 
    left: 10px; 
    color: red;
    /*text-align: right;*/
    bottom: 2px;
    position: absolute;
    display: inline;
}
.tools span {
  padding: 0 10px 3px 10px;
  background: #51717c;
  color: white;
  font-weight: bold;
  border-radius: 0 0 8px 8px;
}
td.beforedayboxes {
    background-color: #dedede; color: #000000;
    border: 1px solid black;
}
td.dayboxes {
    background-color: #ffffff; color: #000000;
    border: 1px solid black;
}
td.afterdayboxes {
    background-color: #dedede; color: #000000;
    border: 1px solid black;
}
td.highlighteddayboxes {
    background-color: #57f0e8;
    color: #000000;
    border: 1px solid black;
}
.event {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; white-space: nowrap;
}
.eventdetail {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}
.eventwhen {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 15px; font-weight: bold;
}
.addevent {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
.addeventextrainfo {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px;
}
.shiftCount {
	font-size: 0.8em;
	font-weight: bold;
	/*color: white;*/
	background-color: #aaa;
	padding: 0 2px;
	border: 1px solid;
	margin-right: 3px;
}
@page {
    margin: 0.5in;
    
}
@media print {    
    .top, #head, #foot, .noteMarker {
        display: none;
    }
    .printHead {
        display: inline;
        text-align: center;
        min-width: 100%;
    }
    #notes {
        font-size: 0.7em;
        margin-left: 50px;
    }
	td.highlighteddayboxes {
    	background-color: #ffffff;
	}
}
@media screen {
    #head {
        min-height: 100px;
        min-width: 100%;
        text-align: center;
        /*background-image: url('../images/logo.png');*/
        background-image: url('../images/nldcEMSlogo.png');
        background-repeat: no-repeat;
        background-position: center top;
    }
    .printHead {
        display: none;
    }
    #notes {
        display: none;
    }
}
#userInfo {
    position: absolute;
    top: 70px;
    right: 10px;
    text-align: center;
}
#public {
    height:100%;
    width: 100%;
    min-width: 100%;
    min-height: 600px;
    background-image: url('../images/nldcEmsPatchOriginal.png');
		background-image: url('../images/nldcEmsPatchOriginal_283x350.png');
		background-size: auto 350px;
    background-repeat: no-repeat;
    background-position: center 35%;
/*     background-attachment: fixed; */
}
#public #menu {
    position: absolute;
    width: 99%;
    margin: 0 auto;
    /* border: 1px solid black; */
    text-align: center;
    bottom: 15%;
}

#error {  /* TINY box error box */
    text-align: center;
    vertical-align: middle;
    color: red;
    background-color: yellow;
}
.req {
    border: solid 1.5px #ff0000;
}
input[type="radio"] {
    border: none;  /* Needed for ie */
}
fieldset {
    border: 1px solid #03134a;
}
fieldset.note {
    border-color: green;
    width: 75%;
    margin: 0;
}
fieldset.note legend {
    color: green;
    font-weight: bold;
    text-align: left;
}
.off, .inactive, .locked {
    text-decoration: line-through;
}
.locked {
	color: #7C0606;
}
@media screen {
    .avail {
        font-style: italic; 
        font-weight: bold;
        color: orange;
    }
}
@media print {
    .avail {
        font-style: italic; 
        border: 2px solid; 
        padding: 0px 2px;
        color: black;
    }
}

#wrapper {
    position: relative;
    margin: 0px auto;
    z-index: 0;
    padding: 0px;
    border:0;
    width: 100%;
    /*height: 100%;*/
    min-height: 100%;
    margin: 0 auto -25px;  /* negative of footer height */
}
#main {
    padding-bottom: 25px;
}
#foot {
    position: absolute;
    z-index: 1;
    /*padding-top: 10px;
    margin-left: 10px;
    margin-right: -10px;*/
    bottom: 0;
    width: 99%;
    /*text-align: center;*/
    height: 30px;
    clear: both;
}
#refLink {
	position: absolute;
	bottom: 0px;
	right: 10px;
}
.highlight {
	box-shadow: inset 0 0 0 1000px gold;	/* Will highlight text even when printing with background colors OFF */
}
.short {
	box-shadow: inset 0 0 0 1000px #40F740;	/* Will highlight text even when printing with background colors OFF */
	font-weight : bold;
}
/* __________________________________________________________________ */
/* This imageless css button was generated by CSSButtonGenerator.com */ 
    input[type="button"], input[type="submit"], button {
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
        background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
        /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');*/ /* Causes squared bg to be displayed in ie 7+ */
        background-color:#ededed;
        -moz-border-radius:30px;
        -webkit-border-radius:30px;
        border-radius:30px;
        border:1px solid #ccc4cc;
        display:inline-block;
        color:#4b39d4;
        font-family:arial;
        font-size:12px;
        font-weight:bold;
        /* padding:6px 24px; */  /* Padding aroung text within button */
        margin: 0 2px;
        text-decoration:none;
        text-shadow:1px 1px 0 #ffffff;
    }
    input[type="button"]:hover, input[type="submit"]:hover, button:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');*/
        background-color:#dfdfdf;
    }
    input[type="button"]:active, input[type="submit"]:active, button:active {
        position:relative;
        top:1px;
    }
/* ____________________________________________________________________________________ */


/* _____________________________________________________________________________________ */
/* Use a div to create a table.  This allows an entire row to be an <a> */
/* Adapted from http://stackoverflow.com/questions/1460958/html-table-row-like-a-link */
    span.title {
        font-weight: bold;
        font-size: 1.5em;
        text-align: center;
        color: #03134a;
        /* white-space: nowrap; */
        padding: 0;
    }
    .add {
        margin-right: 20px;
    }
    .tbl {
        display: table;  
        min-width: 100%;
        width: 100%;
    }
    .tbl_admin {
        white-space: nowrap;
    }
    @media print {
        .tbl, .holiday, .payday {
            font-size: 8px;
            color: black;
        }
    }
    @media screen {
        .holiday {
            color: red;
        }
		.payday {
			color: green;
		}
    }
    .holiday {
        position: relative; 
        vertical-align: top;
        float: left;
    }
	.payday {
		position: relative;
		vertical-align: top;
		float: left;
		font-weight: bolder;
	}
    .admin {
        background-color: #03134a;
    }
    .tbl a {
        display: table-row;
        min-width: 99%;
    }
    .tbl a span, .tbl span {
        display: inline-block;
        /* padding:  2px; this line not really needed */
    }
    .even {
        background-color: #d0d0ed;
    }
    a.arrow:hover {
        text-decoration: none;
        background: none;
        border: none;
    }
    .tbl A:link, .tbl A:visited {
        text-decoration: none;
        color: #03134a;
    }
    .tbl A:hover, A:hover {
        text-decoration: none;
        color: #eaffff;
        background-color: #333333;  
    }
    .tbl A:active {
        text-decoration: none;
        color: #03134a;
    }
    .tbl span.head  {
        color: #909696;
        background-color: #03134a;
    }
	hr.head {
		border-color: #03134a;;
		background-color: #03134a;
		color: #03134a;
	}
    form .tbl_cell, form .tbl_cell_sm, form .tbl_cell_desc {
        padding: 5px 10px;
    }
    .tbl_cell {
        min-width: 100px;
    }
    .tbl_cell_exsm {
        min-width: 25px;
    }
    .tbl_cell_sm {
        min-width: 50px;
		max-width: 75px;
    }
    .tbl_cell_med {
        min-width: 75px;
		max-width: 100px;
    }
    .tbl_cell_name {
        min-width: 125px;
    }
    .tbl_cell_desc {
        min-width: 200px;
    }
    .tbl_cell_l {
        /*min-width: 45%;*/
        float: left;
        overflow: hidden;
    }
    .tbl_cell_r {
        /* min-width: 10%; */
        float: right;
        overflow: hidden;
    }
    .tbl_cell_center {
        width: 100%;
        text-align: center;
    }
    #tbl_help_menu {
        width: 100px; 
        height: 370px;
        /* background-color: #03134a; */
        /* text-align: left; */
        /* padding-left: 10px; */
    }
    #tbl_help_topic {
        position: absolute;
        left: 120px;
        top: 40px;
        /* width: 380px; 
        height: 350px;*/
        padding: 0 5px 0 0;
        margin: 0 5px 0 5px;
        /* background-color: #c8c8cc; */
    }
    .tbl_help_title {
        /*width: 460px;*/
        font-weight: bold;
        font-size: 1.25em;
        text-align: left;
        color: #03134a;
        padding-bottom: 2px;
    }
    .tbl_help_body {
        width: 345px;
        color: #03134a;
        /* border-left: 1px solid #03134a; */
        overflow: auto;
    }
    ul, ol {
        margin: 0 10px;
        padding: 0 10px;
    }
    ul.help { 
        margin: 0;
        padding: 0 0 0 5px;
        width: 95px;
    }
    ul.help li {
        font-size: 0.8em;
        /*text-indent: -2px;*/
        list-style: none;
        color: #03134a;
        /* border: 1px solid #03134a; */
        background-color: #787878;
        /*margin-right: 0;*/
        padding: 2px;
        margin: 1px;
    }
    ul.help li:hover {
        background-color: #c8c8cc;
    }
/* END div to create a table */
/* ________________________________________________________________________________________ */
.found {
	max-height: 200px;
	height: 200px;
	overflow-y: auto;
}
.popup {
	background-color: #cdcdcd;
}