body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Verdana;
	font-size: 0.9em;
	color: #000000;
	background:#EEEEEE;
}

strong {
 background-color: yellow;
}
.tad-security #container {
	width: 100%; 
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
//	border:#000000 1px solid;
	margin-top:10px;
}
.tad-security #container-index {
	width: 600px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	border:#000000 1px solid;
	margin-top:10px;
}
.tad-security #header {
	background: #27385f; 
	padding: 10px;
	color:#FFFFFF;
}
.tad-security #header h1 {
	margin: 0;
	padding: px 0;
	color:#FFFFFF;
	font-size:2.2em;
	display: inline;
}
.tad-security #mainContent {
	padding: 0 20px;
	background: #FFFFFF;
	min-height:450px;
	margin-bottom:10px;
}
.tad-security #footer {
	padding: 0 10px;
	background:#27385f;
}
.tad-security #footer p {
	margin: 0;
	padding: 10px 0;
	color:#FFFFFF;
	font-size:0.9em;
}

a{
//	color:#FFF;
	text-decoration: none;
}

th a{
	color:#FFF;
	text-decoration: none;
}

@media screen{
	.sortable {
		border: 0px solid black;
	}
	
	.sortable td{
		border: 0px solid black;
	}

	.sortable th{
		border: 0px solid black;
		position: sticky;
		top: 50px;  /* 0px if you don't have a navbar, but something is required */
		background-color:#0b75b2;
	}

	.StockTable {
		border: 0px solid black;
	}
	
	.StockTable td{
		border: 0px solid black;
	}

	.StockTable th{
		border: 0px solid black;
		position: sticky;
		top: 50px;  /* 0px if you don't have a navbar, but something is required */
		background-color:#0b75b2;
	}

	.StockTableNotSticky th{
		border: 0px solid black;
		background-color:#0b75b2;
	}

	.SalesOrderInfoTable td, th{
		border: 0px solid black;
	}

	.HoursTable td, th{
		border: 1px solid black;
	}

	.SalesOrderInfoTable {
		border: 0px solid black;
	}

	.SalesOrderTableHeader{
		background-color:#0b75b2;
		color:#FFF;
		font-weight:bold;
	}
	.tad-security #SalesOrderFooter {
		display: none;
	}
	.EventsTableHeader{
		background-color:#0b75b2;
		color:#FFF;
		font-weight:bold;
	}
}

@media print{
	.sortable {
		border-collapse:collapse;
		width: 100%;
	}
	
	.sortable td, th{
		border: 1px solid black;
	}

	.StockTable {
		border-collapse:collapse;
		width: 100%;
	}

	.SalesOrderInfoTable {
		border-collapse:collapse;
		width: 50%;
	}
	
	.SalesOrderInfoTable td, th{
		border: 1px solid black;
	}

	.StockTable td, th{
		border: 1px solid black;
	}

	.HoursTable {
		border-collapse:collapse;
		width: 100%;
	}
	
	.HoursTable td, th{
		border: 1px solid black;
	}

	.tad-security #header {
		display: none;
	}
	.tad-security #footer {
		display: none;
	}
	body { 
		background: white; 
		font-size: 6pt; 
	}
	.SalesOrderTableHeader{
		font-weight:bold;
	}
	.tad-security #SalesOrderFooter {
		#position: fixed;
		float: bottom;
		bottom: 0;
		font-size: 8pt; 
	}
	.EventsTableHeader{
		background-color:#FFF;
		color:#000;
		font-weight:bold;
	}
  }

.pagebreak {
	page-break-before: always;
} // page-break-after works, as well

.SettingsTableHeader{
	background-color:#0b75b2;
	color:#FFF;
	font-weight:bold;
}

tr.SettingsTableRow0 td {
  background-color: #eee;
}
tr.SettingsTableRow1  td {
  background-color: #CCCCCC
}

.ItemDescriptionHeading{
	font-weight:bold;
}
 
div.vertical-text {
	transform: rotate(90deg);
	white-space: nowrap;
	width: 15px;
}

th.vertical-text {
	vertical-align: top;
}

tr.EventsTableRow0{
  background-color: #eee;
}
.EventsTableRow0 a{
	color :#00F;
}
tr.EventsTableRow1{
  background-color: #CCCCCC;
}

tr.ProdTableHeader{
	background-color:#0b75b2;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
tr.ProdTable{
	background-color: #CCCCCC;
	color :#000;
	text-align:center;
}
.ProdComp{
	background-color: #00CC66;
	color :#000;
	text-align:center;
}
.ProdQuar{
	background-color: #FF9999;
	color :#000;
	text-align:center;
}
.ProdNormal{
	background-color: #CCCCCC;
	color :#000;
	text-align:center;
}
.ProdDone{
	background-color: #00FFCC;
	color :#000;
	text-align:center;
}
.ProdTable a{
	width:100%;
	display:block;
	color :#000;
	text-align:center;
	text-decoration: none;
}

.EventsTableRow1 a{
	color :#00F;
}


td.EventTrigger{
  background-color: #F00;
}
td.EventArm{
  background-color: #0F0;
}
td.EventDisarm{
  background-color: #00F;
}
td.EventSupervision{
  background-color: #FF0;
}

h1{
font-size:1.6em;
color:#27385f;
}

h2{
font-size:1.4em;
color:#27385f;
}

h3{
font-size:1.0em;
color:#27385f;
}

#codebox{
	margin-top:3px;
	color:#000;
	padding:3px;
	border:3px inset #27385f;
	font-size:1.0em;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

input{
	margin-top:3px;
	color:#000;
	padding:3px;
	border:none;
	font-size:1.0em;
}

select{
	margin-top:3px;
	color:#000;
	padding:3px;
	border:none;
	font-size:1.0em;
}

input[type="submit"]{
	color:#000;
	padding:5px;
	border:none;
	font-size:1.0em;
	background-color:#27385f;
	color:#FFFFFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

input[type="reset"]{
	color:#000;
	padding:5px;
	border:none;
	font-size:1.0em;
	background-color:#27385f;
	color:#FFFFFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

input[type="button"]{
	color:#000;
	padding:5px;
	border:none;
	font-size:1.0em;
	background-color:#27385f;
	color:#FFFFFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.button {
	color:#000;
	padding:5px;
	border:none;
	font-size:1.0em;
	background-color:#27385f;
	color:#FFFFFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.custom-file-upload{
	color:#000;
	padding:5px;
	border:none;
	font-size:1.0em;
	background-color:#27385f;
	color:#FFFFFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.loginform{
	border:#FFFFFF 2px solid;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #0b75b2;
	padding:10px;
	width:400px;
}
.loginform p{
	color:#FFFFFF;
}
.loginform input[type="text"]{
	margin-top:5px;
	color:#000;
	padding:5px;
	border:none;
	font-size:1.0em;
	width:300px;
}
.loginform input[type="password"]{
	margin-top:5px;
	color:#000;
	padding:5px;
	border:none;
	font-size:1.0em;
	width:300px;
}

#logo{
	float:left;
	width:430px
}

#weeknum{
	float:right;
	width:430px
	text-align:right;
}
#weeknum_head{
	text-align:center;
	display:inline-block;
}
.menu{
	float:right;
	border:#FFFFFF 2px solid;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #0b75b2;
	padding-left:15px;
	padding-right:15px;
	padding-top:4px;
	padding-bottom:4px;
}

.menu ul{
	margin: 0;
	padding: 0;
	float: left;
}

.menu ul li{
	display: inline;	
}

.menu ul li a{
	float: left; 
	text-decoration: none;
	color: #fff;
	padding: 4px 8px;
	background-color: #0b75b2;
	border-right:#FFFFFF 1px solid;
}
.menu ul li a:visited{
	color: #fff;
	text-decoration: none;
}

.menu ul li a:hover, .menu ul li .current{
	color: #fff;
	background-color:#333333;
}

.menustart{
	border-top-left-radius: 15px; 	
	-moz-border-radius-topleft: 15px;
	border-bottom-left-radius: 15px; 	
	-moz-border-radius-bottomleft: 15px;
}

.menuend{
	border-top-right-radius: 15px; 	
	-moz-border-radius-topright: 15px;
	border-bottom-right-radius: 15px; 	
	-moz-border-radius-bottomright: 15px;
	border-right:none;
}

td.graph {
    width: 400px;
}
td.graph .bar {
	color: #fff;
    background: #4d79ff;
    height: 20px;
}
td.graph .redbar {
	color: #000;
    background: #ff8080;
    height: 20px;
}
td.graph .lightbar {
	color: #000;
    background: #99ccff;
    height: 20px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.modal-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.modal-close:hover,
.modal-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

tr.JobLevel4{
  background-color: #D8F3FA;
}
tr.JobLevel3{
  background-color: #20859F;
}
tr.JobLevel2{
  background-color: #269FBF;
}
tr.JobLevel1{
  background-color: #2DBADF;
}
tr.JobLevel0{
  background-color: #33D4FF;
  color: red;
}

.TaskWarning{
	background-color: yellow;
	font-size: 50px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}