body {
  margin-top: 0px;
	background-image: url('../img/background.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #393939;
	font-family: arial, verdana, tahoma, helvetica;
	font-size: 14px;
	color: #ffffff;
	line-height: 1.5em;
}

a:link {color:#ff0000;text-decoration:none;}
a:visited {color:#ff0000;text-decoration:none;}
a:hover {color:#ff0000;text-decoration:underline;}
a:active {color:#ff0000;text-decoration:underline;}

a.menu:link {color:#ffffff;text-decoration:none;font-weight:bold;padding:10px 30px 10px 30px;text-shadow: 1px 1px 1px #000000, 1px 1px 1px #333333;}
a.menu:visited {color:#ffffff;text-decoration:none;font-weight:bold;padding:10px 30px 10px 30px;text-shadow: 1px 1px 1px #000000, 1px 1px 1px #333333;}
a.menu:hover {color:#ffffff;text-decoration:underline;font-weight:bold;padding:10px 30px 10px 30px;text-shadow: 1px 1px 1px #000000, 1px 1px 1px #333333;}
a.menu:active {color:#ffffff;text-decoration:underline;font-weight:bold;padding:10px 30px 10px 30px;text-shadow: 1px 1px 1px #000000, 1px 1px 1px #333333;}

.redcolor {
  color: #ff0000;
}

.bluecolor {
  color: #336699;
}

h1{
  text-transform: uppercase;
	font-style: italic;
	font-size: 18px;
	color: #ffffff;
	text-shadow: #000000 1px 1px 1px;
	padding: 3px;
}
h2{}
h3{}
h4{}

.calicon {
	background: url('../img/calendar-icon-background.png') no-repeat top center;
}

.datatable {
  border:1px solid #666666;
}

.datatableheading {
  font-weight:bold;
	background-color:#333333;
	color:#ffffff;
}

.datatablecells {
	color:#333333;
}

.login-container {
  border: 1px solid #666666;
  width: 600px;
  border-radius: 8px;
	-webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
}

.login-form {
  border: 1px solid #cccccc;
  width: 300px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
}

.input_button {
  background-color: #CC0000;
  border: 2px outset #FF0000;
  color: #ffffff;
  cursor:pointer;
  cursor:hand;
  font-family: arial, verdana, tahoma, helvetica;
  font-weight: bold;
  font-size: 12px;
  text-shadow: #333333 1px 1px 1px;
  border-radius: 6px;
	-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
}

div.note {
	text-align: left;
	padding: 10px 10px 10px 48px;
	border: 4px solid;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	margin: 5px 0px;
	line-height: 135%;
}

div.alert {
	background: #9b0000 url(../img/alert.png) no-repeat 10px 50%;
	border-color: #FF0000;
	color: #f8ff00;
  font-weight:bold;
	text-shadow: 1px 1px 1px #000000;
}

div.warn {
	background: #d5aa00 url(../img/warning.png) no-repeat 10px 50%;
	border-color: #F7D229;
	color: #FFF;
  font-weight:bold;
	text-shadow: 1px 1px 1px #000000;
}

div.accept {
	background: #b3de7e url(../img/accept.png) no-repeat 10px 50%;
	border-color: #3a9805;
	color: #173d08;
  font-weight:bold;
	text-shadow: 1px 1px 1px #000000;
}

div.info {
	background: #0050BA url(../img/info.png) no-repeat 10px 50%;
	border-color: #008CFF;
	color: #D6E3FF;
  font-weight:bold;
	text-shadow: 1px 1px 1px #000000;
}

ul.check li {
	background: url(../img/check.png) no-repeat 0% 0.19em;
	font-size: 1em;
	line-height: 16px;
	list-style: none;
	list-style-position: outside;
	margin-bottom: 4px;
	padding: 2px 0px 2px 20px;
}

#redarrow {
	margin: 0;
	padding: 0;
  list-style: none;
}

#redarrow  li {
	padding-left: 15px;
  background-image: url(../img/red-arrow.png);
  background-repeat: no-repeat;
  background-position: 0 .5em;
}

.pagination {
	margin:7px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

hr {
  color: #cccccc;
	height: 1px;
}