@charset "utf-8";
/* CSS Document */
html {
	background-color:#06C;
	font-family:Times, STKaiti, sans-serif; 
}

#wrapper {
	width: 1000px;
	min-height: 600px;
	margin:auto;
	background-color:white;
	margin-top:-20px;
	padding-bottom:10px;
}

#wrapper-narrow {
	width: 600px;
	min-height: 400px;
	margin:auto;
	background-color:white;
	border:4px solid #CCC;
	border-radius:30px;
}

#footer {
	clear:both;
}

#logo-center {
	margin:auto;
}

a:link {
    text-decoration: none;
	color:blue;
}

a:visited {
    text-decoration: none;
	color:black;
}

a:hover {
    text-decoration: underline;
	color:blue;
}

a:active {
    text-decoration: underline;
	color:red;
}

.linkbox {
	box-shadow:2px 2px 5px 2px #999;
	color:blue;
}

.backtotop {
	margin-top:10px;
}

#navbar {
	clear:both;
	width:100%;
	height:70px;
	
	margin-top:10px;
}
.err {
	text-align:center;
	color:white;
	background-color:red;
}
	
.level1 {
	clear:both;
	width:320px;
	height:50px;
	font-size:20px;
	background-color:#FEA;
	text-align:center;
}
.fullwrap {
	width:950px;
	min-height:200px;
	border: 3px solid orange;
	border-radius:20px;
	clear:both;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
}


.navbutton {
	float:left;
	margin-left:15px;
	width:180px;
	height:50px;
	border: 1px solid black;
	border-radius: 2px;
	padding-top:5px;
	text-align:center;
	background-color:#FEA;
	box-shadow: 4px 4px #333;
}

.navbutton:hover, .indexbutton:hover {
	background-color:#EEE;
	box-shadow:none;
}

.roundbutton {
    width: 160px;
    height: 60px;
    float: left;
    border-radius: 8px;
    border: 1px solid #999;
    box-shadow: 2px 2px 2px #999;
    background-color: white;
    margin-top: 10px;
    margin-left: 90px;
    padding-top: 10px;
	color:white;
    text-align: center;
}

.blue, .blue:active {
	background: #06C;
	background: -webkit-gradient(linear, left top, left bottom, from(#06C), to(#9CF));
	background: -moz-linear-gradient(top,  #06C,  #9CF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#06C', endColorstr='#9CF');
}
.blue:hover {
	/*color: #9CF;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#9CF), to(#06C));
	background: -moz-linear-gradient(top,  #9CF,  #06C);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9CF', endColorstr='#06C');
}

#loginblock {
	margin:auto;
	text-align:center;
}

#ablock, #dblock, #block2, #block3, #block4 {
	display:none;
}

.loginform {
	width:260px;
	margin:auto;
	height:100px;
	margin-top:10px;
	text-align:right;
}
.class0 {
	background-color:#FAB;
}
.class1 {
	background-color:#F90;
}
.class2 {
	background-color:#FC0;
}
.class3 {
	background-color:#FFC;
}
.class4 {
	background-color:#CF9;
}
.class5 {
	background-color:#CFF;
}
.class6 {
	background-color:#CCC;
}
table {
	border:2px solid black;
	border-collapse: collapse;
}


td{
	border: 1px solid black;
}

th {
	border: 2px solid black;
	height: 35px;
	background-color:#FD9;
}

tr:nth-child(even) {background-color: #FEA}
tr:nth-child(odd) {background-color: #FFF}
tr:hover {background-color: #FFA;}

.table_order {
	margin-left:25px;
}

.th_done {
	background-color: #2F0;
}
.th_curr {
	background-color: #FA6;
}
.th_undn {
	background-color: #BBB;
}
.td_done {
	background-color: #8F7;
}
.td_curr {
	background-color: #FE7;
}
.td_rej {
	background-color: red;
}

.laurel {

}

.laurel td{
	border:none;
	font-family:sans-serif;
}

.laurel th{
	background-color:#5372FC;
	color:#FA7719;
}
.laurel tr:nth-child(even) {background-color: #19C2FA; border:none;}
.laurel tr:nth-child(odd) {background-color: #DEFF0A; border:none;}
.laurel tr:hover {background-color: #FFA; }
.laurel-unpaid {background-color: #FA7719; color: #DEFF0A;}
.laurel-paid {background-color: #04BF0A; color: #DEFF0A;}
.laurel-missing {background-color: #FFA;}

.bleft {
	float:left;
	margin-left:100px;
}

.column3 {
	float:left;
	margin-left:30px;
}
.readonlyinput {
	outline:none;
	border:none;
}

#printa4 {
	width:685px;
	margin:auto;
	min-height:940px;

	margin-top:10px;
	background-color:white;
	font-family: Arial, Courier, STKaiti;
	font-size:12px;
}

.halfpage {
	float:left;
	width:340px;
}
.fullpage {
	clear:both;
	width:100%;
}
.vtype {
	width: 120px;
	height: 120px;
	float: left;
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
	border-bottom:5px solid white;
}
.vtype:hover {
	border-bottom:5px solid black;
}
.vtype img {
	margin:auto;
}
.bar1 {
	margin-bottom:10px;
	margin-top:10px;
	height: 20px;
	border: 1px solid orange;
	clear:both;
	border-radius:10px;
	padding-left:10px;
	background-image: url("../img/bar-grad.png");
    background-repeat: repeat-x;
}
.stype {
	width: 120px;
	height: 160px;
	float: left;
	border-radius:10px;
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
	box-shadow: 5px 5px 5px #AAA;
}
.stype:hover {
	box-shadow: 5px 5px 5px #AAA;


}