/**
 * CSS definitions for website
 */

* { margin: 0; padding: 0; border: none; }

div.clear { clear: both; height: 0px; visibility: hidden; }

input { border: solid 1px #d0d0d0; }
select { border: solid 1px #d0d0d0; }
button { border: solid 1px #d0d0d0; }

h1 { font-size: 14px; font-weight: bold; }
h2 { font-size: 12px; }
h3 { font-size: 11px; font-weight: bold; }

body
{
	color: black;
	font-family: sans-serif;
	font-size: 12px;
	padding-top: 10px;
	overflow: scroll;
	overflow-x: auto;
}

div#container
{
	width: 1100px;
	margin-left: auto;	
	margin-right: auto;
	text-align: left;
}

div#body
{
	background-color: white;
	width: 100%;
}

#content div.user,
#contentgrey div.user
{
	font-size: 14px;
	padding-top: 10px;
}

div#content
{
	margin: auto;
	background-color: #DDDDDD;
}


div#contentgrey
{
	margin: auto;
	background-color: #DDDDDD;
}

div#footer
{
	padding: 8px;
}

div.show_data 
{ 
	background: #59A176; 
	margin-top: 10px;
	margin-bottom: 20px;  
	padding: 5px 1px 1px 1px; 
	border: 1px black solid;
	float:left;
	max-width: 600px;
}
div.show_pictures
{ 
	margin-top: 5px; 
	margin-left: 10px;
	padding: 5px 1px 1px 1px;  
	min-width: 196px;
	min-height: 196px;
	float:left;
}

div.show_pictures ul {
	list-style-type: none;
}

div.show_pictures img {
	min-width: 197px;
	max-width: 384px;
}

fieldset.result_stats 
{ 

}


table.data2
{ 
	margin-left: 0px; 
	margin-top: 0px; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px;
	border-collapse: collapse;
}

#tblDataBody tr.active {
    background-color: #A6BECE;
    border: 1px solid black;
    font-weight: bold;
}

table.data2 td {
	padding-top: 1px;
	padding-bottom: 1px;
}

table.data_type2 
{ 
	width: 600px; 
	margin-top: 0  
}

.data_type2 th {
	padding-bottom: 5px;
	letter-spacing: 1px;
	font-weight: normal;
	color:white;
}

.data_type2 th a {
	color:white;
}

.data_type2 th a:hover {
	color: #CEB6A6;
}

table.data2 tr.odd 
{ 
	background: #A6CEB6 
}

table.data2 tr.even 
{ 
	background: #7FB896 
}


.rowcount {
	padding-right: 10px;
	text-align: right;
	color: #555;
	font-size: 11px;
}

.doublerow 
{
	height: 23px;
}

img.masterTooltip {
	margin-bottom: -3px; 
}

a:ACTIVE, a:VISITED, a:LINK
{
	text-decoration: none;
	color: black;	
}

a:HOVER
{
	text-decoration: none;
	color: gray;	
}
 
div.movementlist
 {
 	float: left;
 	padding-top: 12px;	
 	width: 100%;
 }
 
 div.movementlist div.picture img.picture
 {
 	border-style: solid;
 	border-width: 1px;
 	border-color: gray;
 }

div.top
{ 
	padding-bottom: 10px;
	padding-top: 5px;
}


div.rigth
{
	float: right;
	padding-left: 6px;
	padding-right: 30px;
 	width: 250px;
 	height: 510px;
}

div.search
{
	float: left;
	width: 98%;
	height: 50px;
	background-color: #CDC9A5;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

div.paging
{
	float: left;
	width: 98%;
	height: 40px;
	background-color: #CDC9A5;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}


div.paging div.prevpage
{
	float: right;
 	padding-top: 6px;
}

div.paging div.pagingpage
{
	float: right;
 	padding-left: 7px;
 	padding-top: 5px;
 	font-weight: bold;
}

div.paging div.nextpage
{
	float: right;
 	padding-left: 7px;
 	padding-top: 6px;
}

#content div.user div.button
{
	background-color: gray;
	text-align: center;
	width: 100px;
	color: white;
	float: left;
	margin-right: 7px;
}

#contentgrey div.user div.button
{
	background-color: #6a96cc;
	text-align: center;
	width: 100px;
	color: white;
	float: left;
	margin-right: 7px;
}

#content div.user div.button input
{
	background-color: #6a96cc;
	width: 100px;
	border: 2px solid #a5b7cd;
}

#contentgrey div.user div.button input
{
	background-color: #6a96cc;
	width: 100px;
	border: 2px solid #a5b7cd;
}

#content div.user a.button
{
	background-color: gray;
	color: white;
}

#contentgrey div.user a.button
{
	background-color: gray;
	color: white;
}

#content div.user a.username
{
	color: black;
	font-weight: bold;

}

#contentgrey div.user a.username
{
	color: black;
	font-weight: bold;

}

#content div.user a.username:hover
{
	color: blue;
}

#contentgrey div.user a.username:hover
{
	color: blue;
}

#content a.infolink
{
	color: gray;
}

#contentgrey a.infolink
{
	color: gray;
}

#content a.infolink:hover
{
	color: black;
}

#contentgrey a.infolink:hover
{
	color: black;
}

#content div.user div.username
{
	width: 204px;
	color: black;
	float: left;
	margin-right: 10px;
}

#contentgrey div.user div.username
{
	width: 204px;
	color: black;
	float: left;
	margin-right: 10px;
}

#content div.login,
#contentgrey div.login
{
	width: 750px;
	height: 400px;
	padding-top: 200px;
	margin:auto;
}


#content div.login div.loginform
{
	width: 250px;
	height: 100px;
	background-color: #6a96cc;
	padding: 40px 0px 20px 30px;
	margin: auto;
}


#contentgrey div.login div.loginform
{
	width: 250px;
	height: 100px;
	background-color: #6a96cc;
	padding: 40px 0px 20px 30px;
	margin: auto;
}

#content div.login div.loginform tr
{
	color: white;
}

#contentgrey div.login div.loginform tr
{
	color: white;
}

#content div.login div.loginform td,
#contentgray div.login div.loginform td
{
	padding-top: 8px;
}


#content div.login div.loginform input,
#contentgrey div.login div.loginform input
{
	width: 150px;
}


#content div.login div.loginform input.submit,
.search input.submit
{
	float:right;
	width: 50px;
	background-color: #DDDDDD; 
	color: white;
	border: 2px solid #ECF1EF;
}

#contentgrey div.login div.loginform input.submit
{
	float:right;
	margin-top:10px;
	width: 50px;
	background-color: #DDDDDD; 
	color: white;
	border: 2px solid #ECF1EF;
}

#content div.login div.errormsg,
#contentgrey div.login div.errormsg
{
	color: red;
	font-size: 14px;

}

#content div.search td.empty,
#contentgrey div.search td.empty
{
 	padding-left: 5px;
 	width: 70px;
}


.time input
{
 	width: 50px;
}


.date input
{
 	width: 70px;
}

#content div.errormsg
{
	color: red;
	font-size: 14px;
}

#content div.backforward
{
 	padding-left: 50px;
 	padding-right: 20px;
 	padding-bottom: 30px;
}

#content div.backforward input
{
 	width: 70px;
}

#content div.backconfirm
{
 	padding-left: 20px;
 	padding-right: 20px;
 	padding-bottom: 30px;
}

#content div.backconfirm input
{
 	width: 190px;
}

.defaultselect {
	height: 18px;
	vertical-align: middle;
}

img.calendar {  
	cursor: pointer; 
	border: none; 
	background: transparent;
	width: 20px; 
	height: 20px; 
}

.export {
	float:left;
	margin-left: 50px;
	padding-bottom: 5px;
	width: 300px;
}

.export input {
	width: 50px;
	background-color: graytext; 
	color: white;
	border: 2px solid #ECF1EF;
	vertical-align: middle;
	float: left;
}

.exportcheckbox {
	padding-top: 5px;
	vertical-align: middle;
	float: left;
}

.count {
	float:left;
}

.dataTables_filter input {
	text-transform: uppercase; 
}

span.platebelow {
	padding-left: 10%;
	font-size: 30px;
}

p.platebigtext {
	text-align: center;
	font-size: 30px;
	color: #c20000;
}

p.platebigtext2 {
	text-align: center;
	font-size: 30px;
	/* color: #c20000; */
}

.checkbox {
	font-size: 12px;
	width: auto; 
	margin-left: 15px;
	margin-right:10px;
	vertical-align: middle;
}

.acceptcheckbox {
	font-size: 12px;
	width: auto; 
	margin-left: 15px;
	margin-right:10px;
	vertical-align: middle;
}

.bigsubmit {
	text-align: right;
	width: 100%;
}

.checkimage {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.checkimage img {
	min-height: 100px;
	max-height: 450px;
	max-width: 450px;
	margin:10px;
}


.checkedimage {
	text-align: center;
	vertical-align:text-top;
	width: 200px;
}

.checkedimage img {
	max-height: 100px;
	max-width: 50%;
}

#load {
	position:absolute;
	z-index:1;
	border:3px double #999;
	background:#f7f7f7;
	width:300px;
	height:300px;
	margin-top:-40px;
	margin-left:-150px;
	top:18%;
	left:50%;
	text-align:center;
	line-height:300px;
	font-family:"Trebuchet MS", verdana, arial,tahoma;
	font-size:18pt;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}
	
.center {
	text-align: center;
	margin-right: 20% 
}

.whitetext {
	color: #FFF;
}

.darkredtext {
	color: #c20000;
}

#page_container {
  width: 1100px;
  padding: 40px 5px 55px 5px;
  margin: 0 auto 0 auto;
}


button.sitebutton {
  height: 35px;
  display: inline-block;
  background-color: #999;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  padding: 0 15px 0 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius:    6px;
  border-radius:         6px;
  margin: 0 0 25px 0;
}
button.sitebutton:hover,
button.sitebutton:active {
  background-color: #333;
}

div.white {
	background-color: #FFF;
}


/* latin-ext */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen'), local('Oxygen-Regular'), url(http://fonts.gstatic.com/s/oxygen/v5/IIPDrwV5KNJo5-LaFlLy2fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen'), local('Oxygen-Regular'), url(http://fonts.gstatic.com/s/oxygen/v5/78wGxsHfFBzG7bRkpfRnCQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: local('Oxygen Bold'), local('Oxygen-Bold'), url(http://fonts.gstatic.com/s/oxygen/v5/fSUtikcZd7PHZK0t2hzTeRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: local('Oxygen Bold'), local('Oxygen-Bold'), url(http://fonts.gstatic.com/s/oxygen/v5/yVHpdQrmTj9Kax1tmFSx2ltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.defaultsubmit
{
	background:green;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	color:white;
	width: 100px;
	height: 30px;
	cursor: pointer;	
	float: right;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-top: 20px;
}

.borderradius {
	border-radius: 5px;
	margin-left: 20px;
}

table.data 
{ 
	margin-left: 0px; 
	margin-top: 0px; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 16px 
}

table.data td {
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid white;
	margin-left: 20px;
}

table.data tr {
	margin-left: 20px;
}


table.data4
{ 
	margin-left: 0px; 
	margin-top: 0px; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px 
}

table.data4 td {
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid white;
	margin-left: 20px;
}

table.data4 tr {
	margin-left: 20px;
}

table.data_type1 
{ 
	width: 100%; 
	margin-top: 0  
}

.data_type1 th {
	padding-bottom: 5px;
	letter-spacing: 1px;
	font-weight: normal;
	
}

.checkbox {
	font-size: 12px;
	width: auto; 
	margin-left: 15px;
	margin-right:10px;
	margin-top: 4px;
	vertical-align: middle;
}

.textinput {
	width: 100px;
	text-align: center;
	text-transform:uppercase
}

.textinputnotes {
	width: 96%;
	text-align: left;
	maxlength: 100;
}

.redbox {
	background-color: red;
	color: white;
}

.yellowbox {
	background-color: #FFFF99;
	color: white;
}

.smalltext {
	display: inline-block;
	font-size: 8px;	
	margin-top: 10px;
}

.bigtext {
	font-size: 16px;
}

.links {
	float: right;
}

.links a{
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
}

.links a:link {
    color: #6a96cc;
}

.links a:hover {
	color: green !important;
}


.links a:visited {
	color: #6a96cc;
}

.links2 {
	float: right;
}

.links2 a{
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
}

.links2 a:link {
    color: #6a96cc;
}

.links2 a:hover {
	color: green !important;
}


.links2 a:visited {
	color: #6a96cc;
}


.redtext {
	color: red;
}

.yellowtext {
	color: yellow;
}

.darkgreytext {
	color: #A9A9A9;
}

.greentext {
	color: green;
}

.links a.currentlink,
.links2 a.currentlink
{
	color: red;
}

#chart {
	min-width: 310px; 
	height: 400px; 
	margin: 0 auto;
}

.homedates {
	color: white;
	font-size: 16px;
	margin: 20px;
}

table.data3 {
	padding-bottom: 50px;
}

table.data3 tr.odd 
{ 
	background: #C0C0C0;
	color: #000080;
}

table.data3 tr.even 
{ 
	background: #000080;
	color: #C0C0C0;
}

table.data3 tr.greeneven 
{ 
	background: #04724d;
	color: #C0C0C0;
}

table.data3 tr.greenodd 
{ 
	background: #6cae75;
	color: #000080;
}

.doublesize img{
	width: 200%;
}

img.fuzzyicon {
	vertical-align: middle;
	padding-left: 20px;
}
tr.showpanel, tr.panel,td.flip {
	margin: 0px;
	padding: 5px;
	text-align: center;
	background: #6f6f6f;
	border: solid 1px #fff;
}

tr.panel {
	widht: 50%;
	height: 100px;
	display: none;
}

tr.showpanel {
	widht: 50%;
	height: 100px;
}

input#plateinput {
	font-size: 30px;
	height: 35px;
	font-weight: bold;
	width: 250px;
}

input#pvcheck, input#prevstage, input#select_all{
  width: 25px;
  height: 25px;
}

.fuzzyicon2 {
	padding-bottom: 3px;
}

#direction_in, #direction_out {
	width: 60px;
}

.aligncenter {
	text-align: center;
}

.boldtext {
	font-weight: bold;
}