$Id: style.css 676 2005-07-26 04:02:26Z raf $

body, p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}

.popup	{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	color: tomato;
	}

a, a:visited, a:active {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FF9B1F;
	font-weight: bold;
	}

a:hover
{	font-family: Arial, Helvetica, sans-serif;
	background-color: #FF9B1F;
	text-decoration: none;
	color: white;
	font-weight: bold;
	}


.tab {	align: center;
	border: 1px solid #FF9B1F;
	background-color: #F2F3ED;
	width: 520px;
	}

.tr0 {	background-color: #F2F3ED;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	border-bottom: 0px dotted #FF9B1F;
	text-align: center;
	}

.tr1 {	background-color: #E0DCD0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	border: 0px dotted #FF9B1F;
	text-align: center;
	}

.tab-head {	background-color: #2E2A29;
		text-align: center;
		padding: 4px;
	}

.tab-head-txt {	color: #FFF;
		text-align: center;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

.tabinf {	background-color: #F2F3ED;
		text-align: center;
		border-top: 1px dotted #FF9B1F;
		padding: 4px;
	}

.tabinftxt {	color: black;
		text-align: center;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

.tabnav {	
		background-color: #F2F3ED;
		text-align: center;
		border-bottom: 1px dotted #FF9B1F;
		padding: 4px;
	}

.tabnavbot {	
		background-color: #F2F3ED;
		text-align: center;
		border-top: 1px dotted #FF9B1F;
		padding: 4px;
	}

.tabnavtxt {	color: black;
		text-align: center;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

.tab-th {	background-color: #EFEEE9;
		padding: 2px;
		border-bottom: 1px dotted #FF9B1F;
	}

.tab-th-txt {	color: #000;
		text-align: center;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

.tab-err {	text-align: center;
		background-color: tomato;
		padding: 4px;
	}

.tab-err-txt {	color: white;
		text-align: center;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

input { background-color: #fff8f8; }
.but-submit { background-color: #686868; color: #fff; }
.but-button { background-color: white; }
.but-ckbox { background-color: transparent; }

.txt-head { text-align: center; color: black; font-weight: bold; }
.txt-foot { text-align: center; color: black; }
.txt-page { text-align: center; }
.txt-link { color: black; }
.txt-dot { color: red; font-weight: bold; }

.inp-table { background: #b9deee; border-style:
	solid; border-width: 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 50%;}

.inp-info-txt { font-size: 12px; text-align: center; font-weight: bold;
	color: black; }
.inp-info-txt a, a:hover{ font-size: 12px; text-align: center; font-weight: bold;
	color: black; }	
.inp-info-td { background-color: #FF9B1F; }

.inp-left-txt0 { text-align: right; color: #FF9B1F; font-weight: bold; width: 100px; }
.inp-left-td0 { background-color: #F2F3ED; }
.inp-left-txt1 { text-align: right; color: #18506A; font-weight: bold; width: 100px; }
.inp-left-td1 { background-color: #D6DEE1; }

.inp-right-txt0 { text-align: left; color: black; }
.inp-right-td0 { text-align: left; background-color: #F2F3ED; }
.inp-right-txt1 { text-align: left; color: black; }
.inp-right-td1 { text-align: left; background-color: #D6DEE1; }
.inp-right-more { text-align: left; color: #FF9B1F; }
.inp-right-disabled { text-align: left; color: black; }

.sqltab-table { }
.sqltab-th { background: #b9deee; font-weight: bold; color: black;
	vertical-align: top; }
.sqltab-thsort { font-weight: bold; color: black; vertical-align: top; }
.sqltab-nav { }
.sqltab-navpage { color: black; }
.sqltab-navcurr { color: black; font-weight: bold; }
.sqltab-elem-0 { background: #D6DEE1; }
.sqltab-elem-1 { background: #F2F3ED; }
.sqltab-elem-X { background: khaki; }
.sqltab-err { text-align: center; font-weight: bold; color: red; }

.sqlrow-table { width: 500px; }
.sqlrow-nav { }
.sqlrow-navpage { color: black; }
.sqlrow-navcurr { color: black; font-weight: bold; }
.sqlrow-left-0 { text-align: right; width: 100px; background: #b9dccc;
	color: black; }
.sqlrow-left-1 { text-align: right; width: 100px; background: #b9deee;
	color: black; }
.sqlrow-elem-0 { background: #D6DEE1; }
.sqlrow-elem-1 { background: #F2F3ED; }
.sqlrow-err { text-align: center; font-weight: bold; color: red; }

.inp-erow-txt { text-align: center; font-weight: bold; color: white; }
.inp-erow-td { top; background-color: red; }

.inp-break-txt { text-align: center; }
.inp-break-td { background-color: white; }

.inp-submit-td { text-align: center; background-color: #F0F0F0; }
.inp-button-td { text-align: center; background-color: #F0F0F0; }
.inp-submit-txt { text-align: center; color: blue; }
.inp-button-txt { text-align: center; color: white; }

.inp-err-txt { color: red; font-size: 75%; font-weight: bold;
	text-decoration: underline; }

.infomsg {	color: tomato;
		text-align: center;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

.calend-txt0 { color: black; }
.calend-td0 { height: 40px; background-color: #F2F3ED; width: 75px; text-align: center; }
.calend-txt1 { color: black; }
.calend-td1 { height: 40px; background-color: #D6DEE1; width: 75px; text-align: center; }
.calend-w-txt0 { color: #FF9B1F; font-weight: bold; width: 75px; }
.calend-w-td0 { text-align: right; background-color: #F1F2F4; }
.calend-w-txt1 { color: #18506A; font-weight: bold; width: 75px; }
.calend-w-td1 { text-align: right; background-color: #D6DEE1; }
.calend-table { background: black; border-style:
	solid; border-width: 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 700px; }
.calend-info-txt { font-size: 12px; text-align: center; font-weight: bold;
	color: black; }
.calend-info-txt-writer { font-size: 14px; }
.calend-info-txt-2below { font-size: 13px; }
.calend-info-txt-big { font-size: 14px; }
.calend-info-td { background-color: #ccffcc; text-align: center; }
.calend-week-txt { font-size: 12px; text-align: center; font-weight: bold;
	color: black; }
.calend-week-td { background-color: #ccffcc; text-align: center; }
.calend-days-txt { font-size: 12px; text-align: center; font-weight: bold;
	color: black; }
.calend-days-td { background-color: #ccff00; width: 75px; text-align: center; }
.calend-today-td0 { background-color: white; width: 75px; text-align: center; }
.calend-today-td1 { background-color: white; width: 75px; text-align: center; }
.calend-today-td { background-color: white; text-align: center; }

.overdue { color: red; font-weight: bold; }
.completed { color: green; font-weight: bold; }
.aa-error { color: red; font-weight: bold; }

table.whitea td a {color:white;}

.inp-blocked-td{ background-color:#fff; }
.inp-blocked-txt{ color: rgb(255, 0, 0); text-align: center; font-size: 23px; font-weight: bolder; }

.col.s6.m3{width: 100px; display: inline-block; margin: 10px;}
.stock-images .image {

width: 100%;
background-position: center center;
background-color: gray;
height: 60px;
text-align: center;
line-height: 60px;
color: #FFF;
}
.stock-images .image:hover {
  opacity: 1;
}
.stock-images [type="radio"] + label:before,
.stock-images [type="radio"] + label:after {
  display: none;
}
.stock-images [type="radio"] + label {
  width: 100%;
height: 60px;
padding: 0;
display: inline-block;
}
.stock-images [type="radio"]:not(:checked) + label .image {
  border: 5px solid white;
}
.stock-images [type="radio"]:checked + label .image {
  border: 5px solid chocolate;
  opacity: 1;
}
.stock-images input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.stock-images input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}