@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Raleway');
body {
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 1.0em;
	background-color: #e7e7e7;
	color: #000000;
	margin-left: 25px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 25px;
}

h1 {
	font-size: 1.6em;
	font-family: 'Raleway', Arial, sans-serif;
}
h2 {
	font-size: 1.3em;
	font-family: 'Raleway', Arial, sans-serif;
}
h3 {
	font-size: 1.0em;
	font-family: 'Raleway', Arial, sans-serif;
}

.divonhome {
	font-family: 'Raleway', Arial, sans-serif;
	width: 420px;
	padding: 10px;
	margin: auto; 
	text-align: center;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px; 
	border-color: #e1e1e1;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #454545;
}
.radius5 {
	border-radius: 5px;
}

input {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 5px;
	border-radius: 5px;
	font-family: 'Raleway', Arial, sans-serif;
}
select {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 5px;
	border-radius: 5px;
	font-family: 'Raleway', Arial, sans-serif;
}
textarea {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 5px;
	border-radius: 5px;
	font-family: 'Raleway', Arial, sans-serif;
}

.btn {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 5px;
	border-radius: 5px;
	font-family: 'Raleway', Arial, sans-serif;
	color: #000000;
	background-color: #C8C8C8;
	text-decoration: none;
}
input:hover {
	box-shadow: 5px 5px 5px #000000;
}
select:hover {
	box-shadow: 5px 5px 5px #000000;
}
textarea:hover {
	box-shadow: 5px 5px 5px #000000;
}
.btn:hover {
	box-shadow: 5px 5px 5px #000000;
}

.msg {
	background-color: red;
	color: white;
	text-align: center;
	width: 90%;
	margin: auto;
	font-size: 1.2em;
	padding: 5px;
	font-family: 'Raleway', Arial, sans-serif;
	box-shadow: 5px 5px 5px #000000;
}

#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	padding: 50px 20px 20px 20px;
	border-style:solid;
	border-width: 1px;
	border-color: #000000;	
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#containerConsolidated {
	padding: 10px; 
	width: 100%; 
	margin-left: auto; 
	margin-right: auto;
}

.esfTicketHeader {
	font-size: 11px; 
	padding: 3px; 
	background-color: #000000;
	color: #ffffff; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #000000;
	vertical-align: top;
	font-weight bold;
	text-align: left;	
}

.esfTicket {
	font-size: 11px; 
	padding: 3px; 
	color: #000000; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #000000;
	vertical-align: top;
	text-align: left;			
}
.TResfTicket:hover {
		background-color: #FFD65C;	
		box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.75);
}
#containier {
	padding: 10px; 
	width: 100%; 
	margin-left: auto; 
	margin-right: auto;
}
.divCell {
	border-style: solid; 
	border-width: 1px; 
	border-color: #000000; 
	width: 100%; 
	text-align: center; 
	font-weight: bold; 
	padding: 5px;
	background-color: #E8E7E6;	
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.divContent {
	border-style: solid; 
	border-width: 1px; 
	border-color: #000000; 
	background-color: #ffffff;
	font-weight: normal;
	text-align: left;
	padding: 8px;
	font-size: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
}
.divContent:hover {
	border-width: 2px;
	background-color: #FF9999;
	/* left and right side only shadows */
    -moz-box-shadow: .50em 0 .50em -.50em #000, -.50em 0 .50em -.50em #000;
    -webkit-box-shadow:.50em 0 .50em -.50em #000, -.50em 0 .50em -.50em #000;
    box-shadow: .50em 0 .50em -.50em #000, -.50em 0 .50em -.50em #000;
}
.divTicket {
	margin-right: 8px;
	padding: 65px 5px 5px 5px; 
	background-color: #ff9; 
	/*
	border-style: solid; 
	border-width: 1px; 
	border-color: #000000;
	*/
} 
.myTD {
	width: 800px; 
	vertical-align: top; 
	padding: 10px 10px 10px 10px;
}
.tdLittle {
	width: 33%; 
	vertical-align: top; 
	padding: 10px;	
}
.tdTicket {
	width: 300px; 
	vertical-align: top; 
	padding: 20px 10px 10px 10px;	
}
#masterTable {
	border-collapse: collapse; 
	border-spacing: 0px;	
}
#littleTable{
	float: left; 
	width: 800px;
	border-collapse: collapse; 
	border-spacing: 0px;	
}
input[Type=checkbox]:hover {
	/* left and right side only shadows */
    -moz-box-shadow: 2px 0 2px -2px #000, -2px 0 2px -2px #000;
    -webkit-box-shadow:2px 0 2px -2px #000, -2px 0 2px -2px #000;
    box-shadow: 2px 0 2px -2px #000, -2px 0 2px -2px #000;	
}
/*
input[Type=submit]{
	font-size: 11px;	
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

}
input[Type=submit]:hover{

*/
textarea{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;	
	text-align: left;
}

#footer {
	text-align: center;
	font-size: 12px;
	padding: 10px;	
}
#vscroll {
	height: 600px; 
	overflow-y: scroll;
	background-color: #ffffff;
}
#login {
	width: 600px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;	
	text-align: center;
}


.btn:hover {
	background-color: #000000;
	border-color: #000000;
}
.btn{
	font-size: 12px;
	color: #050505;
	padding: 8px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

.btnSmall:hover {
	background-color: #000000;
	border-color: #000000;
}
.btnSmall{
	font-size: 10px;
	color: #050505;
	padding: 4px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

.myForm {
	padding: 10px;
	background-color: #FF9;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	border-radius: .50em;
-moz-border-radius: .50em;
-webkit-border-radius: .50em;
-moz-box-shadow: .50em .50em .50em #000;
-webkit-box-shadow: .50em .50em .50em #000;
box-shadow: .50em .50em .50em #000;	

	
}

.myInput {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #ffffff;	
}
.myInput:focus {
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #000000;
}

.myTextArea {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #ffffff;	
}
.mySelect {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #ffffff;	
}

.divFieldset {
	background-color: #000000;
	color:#ffffff;
	padding: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;	
	height: 250px;
	overflow: scroll;
}

#divSpace {
	height: 40px;	
}

#containerESFBoxes {
	background-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	-webkit-box-shadow: 0px 5px 5px -5px #000000;
	-moz-box-shadow: 0px 5px 5px  -5px #000000;
	box-shadow: 0px 5px 5px -5px #000000;	
	padding: 5px;
	text-align: center;
	
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 100000;
}

#adminContainer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding 10px;
	text-align: left;
}
.btnRed {
	text-decoration: none;
	
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#faafaf 0%,
		#f20c0c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#faafaf),
		to(#f20c0c));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #0d0d0d;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}
.btnRed:hover {
	-moz-box-shadow: .25em .25em .25em #000;
	-webkit-box-shadow: .25em .25em .25em #000;
	box-shadow: .25em .25em .25em #000;	

	color: #000000;	
}

.btnRedXSmall {
	text-decoration: none;
	
	font-size: 10px;
	color: #ffffff;
	padding: 5px;
	background: -moz-linear-gradient(
		top,
		#faafaf 0%,
		#f20c0c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#faafaf),
		to(#f20c0c));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #0d0d0d;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}
.btnRedXSmall:hover {
	-moz-box-shadow: .25em .25em .25em #000;
	-webkit-box-shadow: .25em .25em .25em #000;
	box-shadow: .25em .25em .25em #000;	

	color: #000000;	
}
.myRadius {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#plainTable {
	border-collapse: collapse;
	border-spacing: 0px;	
}
.plainTD {
	vertical-align: top;
	padding: 5px;
	border-style: solid;
	border-width: 1px; 
	border-color: #000000;
	background-color: #ffffff;	
	color: #000000;
	text-align: left;
}
.plainTDHeader {
	vertical-align: top;
	padding: 5px;
	border-style: solid;
	border-width: 1px; 
	border-color: #000000;
	background-color: #000000;	
	color: #ffffff;
	font-weight:bold;
	text-align: left;	
}