table{
/*	width: 100%; */
	border-collapse: collapse;
	margin-bottom: 10px;
}
body > table > tbody > tr:hover,
tr.weekend {
	background: #eeeeee;
}
table div.flyout{
	position:absolute;
	padding:5px;
	margin-left: 150px;
	display:none;
	background: white;
	border: 1px solid #cccccc;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
}

td{
	vertical-align: top;
	border: 1px solid #ebebeb;
	border-collapse: collapse;
	padding: 3px;
	text-align: left;
	position: relative;
}

td[colspan="9"]{
	border:none;
}

.sum.subtotal{
	background:#ebebeb;
}

th{
	padding:20px 8px 0 8px;
}
table td:hover div.flyout{
	display:block;
}

table table td{
	border: 2px solid #ebebeb;
	padding: 2px 5px;
	font-size:11px;
}

table table td:first-child{
	width:auto;
}
div.partbar{
	position: relative;
	z-index: 1000;
	height: 20px;
	background: #afd181;
	overflow: hidden;
}
div.partbar p{
	text-align: right;
	margin: 3px 4px 0 0;
}

tr.subtotal div.partbar{
	background: #89a465;
}

div.timescale{
	height: 20px;
	background: #aaa;
	float: left;
	overflow:visible;
}
div.timescale.month{
	background: #bbb;
}
div.timescale.week{
	background: #ccc;
}
div.timescale.day{
	background: #ddd;
}
div.timescale.odd{
	background: #eee;
}



div.timescale p{
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-left: 4px;
	padding-top: 4px;
	white-space: nowrap;
	overflow: hidden;
	border-left:1px solid #cccccc;
	height:16px;
}
div.timescale div{
	position: absolute;
	height:750px;
	border-left:1px solid #cccccc;
}
div.timescale.month div{
	border-left:1px solid #cccccc;

}
div.timescale.month p{
	font-weight: bold;
}
div.timescale.year {
	height: 30px;
}
div.timescale.year p{
	font-size: 16px;
	font-weight: bold;
	height:26px;
}
div.timescale.year div{
	position: absolute;
	z-index:100;
	height:100%;
	border-left:2px solid #666666;
}






h1, h1 span{
	font-size: 20px;
	font-weight: bold;
}
h2{
	font-size: 18px;
	font-weight: bold;
}
h3{
	font-size: 16px;
	font-weight: bold;
}
h4{
	font-size: 12px;
	font-weight: bold;
}
h4 span{
	text-align: right;
}
h5{
	text-align: right;
	font-size: 14px;
	font-family: Arial;
	font-weight: normal;
}
h5 b{
	font-family: Arial;
}
p{
	font-size: 12px;
	text-align: left;
}

a{
	text-decoration: none;
        color: rgb(235, 91, 37);
}

.print a{
	color:#000;
}

hr{
	border-bottom:1px solid rgba(235, 91, 37,0.5);
	margin:5px 0;
}

div.selectors{
	margin-top:10px;
	padding:3px;
		border:1px solid rgba(235, 91, 37,0.5);
}

form{
	padding-bottom: 10px;
	margin-bottom: 20px;
}
select{
	border:none;
	background:rgba(0,0,0,0.10);
	margin:3px;
	border-radius: 0;
	padding:2px;
}
option{
	padding-right:10px;
	border-radius: 0;
	padding:2px;
}

input, button, .button{
	border:none;
	background:rgba(0,0,0,0.10);
	margin:3px;
	border-radius: 0;
	padding:2px;
}

input:invalid{
	background-color:rgb(213,20,25);
	box-shadow: none;
}
button,
.button{
	padding: 3px 6px;
}

button,
.button i{
color:#fff;
font-size: 20px;
}

.selected {
	background: orange;
}
input[type="checkbox"]{
	position: relative;
	bottom:-3px;
}
input[type="text"]{
	width:56px;
}
.searchfield input[type="text"]{
	width:90%;
}
.right{
	float:right;
	margin:2px;

}
label{
	position: relative;
	margin:0 10px 0 3px;
}
label input{
	margin-right:4px;
}
.error{
	background: #ffdddd;
}
.badError * {
	text-decoration: line-through;
	background: red;
}
object.rutanlogo  {
	display: inline;
	float: right;
	width: 130px;
	height: 30px;
}
u{
	text-decoration: none;
	font-weight: normal;
}
input,
select,
textarea{
	box-shadow: none;
	 outline:none;
	 border-radius: 0;
}

select{
	-webkit-appearance: none;
   -webkit-border-radius: 0px;
   background-image: linear-gradient(45deg, transparent 50%, gray 10%), linear-gradient(135deg, gray 50%, transparent 50%);
   background-position: calc(100% - 10px) 8px, calc(100% - 5px) 8px, calc(100% - 2.5em) 0.5em;
   background-size: 5px 5px, 5px 5px, 1px 1.5em;
   background-repeat: no-repeat;
	 padding-right: 20px;
}

.button{
	padding: 4px 12px;
cursor: default;
display: inline-block;
cursor: pointer;
background: rgb(52,52,52);
display: inline-block;
border: none;
border-radius: 0;
color: #fff;
line-height: 24px;
vertical-align: top;
font-size: 16px;
overflow: hidden;
box-shadow: none !important;
margin-bottom: 5px;
margin-right: 5px;
position: relative;
}

.button.submit{
	background:rgb(235, 91, 37);
color:#fff;
}


.noButton{
	background:#000;
	border:none;
	color:#fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	padding: 4px 12px;
	position: relative;
}

.noButton.selected{
	color:#000;
	background:#fff;
}

.noButton.selected:before{
	content: '';

position: absolute;

bottom: -7px;

height: 8px;

background:#fff;

display: inline-block;

width: 100%;

left: 0;
}

.noBorder{
	border:none;
}

tr.subtotal{
	page-break-before:avoid;
}