@charset "utf-8";


html,body {
	width: 100%;
	min-height: 95%;
	padding: 0;
	margin: 0;
	background: url(images/background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: Verdana, Geneva, sans-serif;
}


#container{
	position:relative;
	width: 1000px;
	min-height: 600px;
	margin: 0 auto;
	margin-top: 5px;
	display: block;
	border: 1.0px solid #4E8697;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	padding: 10px;
	padding-bottom: 140px;
	background-color: #FFF;
	box-shadow: 2px 2px 10px 2px #000;
	-moz-box-shadow: 2px 2px 10px 2px #000;
	-ms-box-shadow: 2px 2px 10px 2px #000;
	-o-box-shadow: 2px 2px 10px 2px #000;
	-webkit-box-shadow: 2px 2px 10px 2px #000;

}
.header{
	width:100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #5b482f;
}
	
.header img{
	margin:0 auto;
	text-align: center;
	
}
	
.material {
	display: block;
	margin: 0 auto;
	width: 95%;
}
.material ul{
	display: block;
	width: 95%;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	background-color: #F3F3F3;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;	
	
}
.material li{
	display: inline-block;
	width: 173px;
	height:213px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	vertical-align: top;
	font-size: 12px;
}
.material h2 {
	font-size: 14px;
	text-align: center;
	padding: 0;
	margin: 0;
}
.material h3 {
	font-size: 10px;
	text-align: center;
	padding: 0;
	margin: 0;
}
.material p{
	display;block;
	height: 35px;
	font-size: 18px;
}
#button-view{
	display: inline-block;
	width: 50px;
}
#button-delete{
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	width: 50px;
}
#button-edit{
	float: right;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #926f53), color-stop(1, #634b38) );
	background:-moz-linear-gradient( center top, #926f53 5%, #634b38 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#926f53', endColorstr='#634b38');
	background-color:#926f53;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #042533;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	width: 125px;
	height:25px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
	margin-right: 5px;
	padding-top: 10px;
	position:relative;
	top:-5px;
}
#button-edit2{
	float: right;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #926f53), color-stop(1, #634b38) );
	background:-moz-linear-gradient( center top, #926f53 5%, #634b38 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#926f53', endColorstr='#634b38');
	background-color:#926f53;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #042533;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	width: 125px;
	height:25px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
	margin-right: 5px;
	padding-top: 4px;
	padding-bottom: 6px;
	position:relative;
	top:-5px;
}
#button-edit-small{
	float: right;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #926f53), color-stop(1, #634b38) );
	background:-moz-linear-gradient( center top, #926f53 5%, #634b38 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#926f53', endColorstr='#634b38');
	background-color:#926f53;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #042533;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	width: 50px;
	height:15px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
	margin-right: 5px;
	padding-top: 10px;
	position:relative;
	top:-5px;
}
.admin-menu{
	width: 95%;
	margin: 0 auto;
	display: block;
	padding-top: 10%;
}
.admin-menu ul{
	display: block;
	width: 95%;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	background-color: #F3F3F3;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
}
.admin-menu li{
	display: block;
	width: 100%;
	height: 55px;
	padding-top: 20px;
	margin-top: 10px;
	list-style-type: none;
}
.admin-menu input{
	width: 85%;
	height: 45px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
}

.admin-menu select{
	width: 85%;
	height: 45px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
}
.admin-menu p{
	width: 100%;
	padding: 10px;
}
.admin-menu h2{
	font-size: 22px;
}
.admin-menu h3{
	font-size: 18px;
	display: block;
	width: 100%;
	height: 30px;
	padding-top: 20px;
	margin-top: 10px;
}
.event{
	width: 100%;
	margin: 0 auto;
	display: block;
	padding-top: 10%;
}
.event ul{
	display: block;
	width: 1000px;
	margin: 0 auto;
}
.event li{
	display: block;
	width: 100%;
	margin-top: 5px;
}
.event input{
	width: 85%;
	height: 45px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
}
.event select{
	width: 85%;
	height: 45px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
}
.footer{
	position:absolute;
	bottom:0;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom:10px;
	width:1000px;
	height:94px;   /* Height of the footer */
	background-color: #624934;
	border-radius: 0px 0px 12px 12px;
	-moz-border-radius: 0px 0px 12px 12px;
	-ms-border-radius: 0px 0px 12px 12px;
	-o-border-radius: 0px 0px 12px 12px;
	-webkit-border-radius: 0px 0px 12px 12px;
	box-shadow: 2px 2px 1px 1px #000;
}

#login {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #926f53), color-stop(1, #634b38) );
	background:-moz-linear-gradient( center top, #926f53 5%, #634b38 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#926f53', endColorstr='#634b38');
	background-color:#926f53;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #042533;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
	margin-top: 10px;
	
}
#login:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #634b38), color-stop(1, #926f53) );
	background:-moz-linear-gradient( center top, #634b38 5%, #926f53 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#634b38', endColorstr='#926f53');
	background-color:#634b38;
}
#login:active {
	position:relative;
	top:1px;
}
#submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #926f53), color-stop(1, #634b38) );
	background:-moz-linear-gradient( center top, #926f53 5%, #634b38 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#926f53', endColorstr='#634b38');
	background-color:#926f53;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #042533;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
	margin-top: 10px;
	
}
#submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #634b38), color-stop(1, #926f53) );
	background:-moz-linear-gradient( center top, #634b38 5%, #926f53 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#634b38', endColorstr='#926f53');
	background-color:#634b38;
}
#submit:active {
	position:relative;
	top:1px;
}
#submit-materials {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #926f53), color-stop(1, #634b38) );
	background:-moz-linear-gradient( center top, #926f53 5%, #634b38 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#926f53', endColorstr='#634b38');
	background-color:#926f53;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #042533;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	width: 100%;
	height:50px;
	line-height:50px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
	margin-top: 10px;
	margint-bottom: 10px;
	
}
#submit-materials:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #634b38), color-stop(1, #926f53) );
	background:-moz-linear-gradient( center top, #634b38 5%, #926f53 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#634b38', endColorstr='#926f53');
	background-color:#634b38;
}
.button-file::-webkit-file-upload-button {
  visibility: hidden;
}
.button-file:before {
  content: 'Click here to select files';
  width: 300px;
  height: 20px;
  
	border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 14pt;
}
.button-file:hover:before {
  border-color: black;
}
.button-file:active:before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

#admin{
	float: right;
	padding-right: 50px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}
#duplicate-material{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
}
#duplicate-material ul{
	display: block;
	width: 95%;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 20px;
	background-color: #CDBCA9;
}
#duplicate-material li{
	display: inline-block;
	width: 30%;
	font-size: 10px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
#duplicate-material li:nth-child(2){
	width: 25%;
}
#duplicate-material li:nth-child(3){
	width: 35%;
}
#duplicate-material li:last-child{
	width: 30px;
	vertical-align: middle;
}

#checkbox-material{
	display: block;
	float: right;
	width: 25px;
	height: 25px;
}