body {
	font: 9pt trebuchet ms,vedana,arial,helvetica;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	color: #00487D;	
}

form {
	border: 1px solid #B36C00;
	padding: 1em;
	background-color: #FFE6BF;
	margin: 1em 0 1em 0;
}
label {
	display: block;
}
form .inline {
	display: inline;
}
form sup {
	color: #B34800;
}
form span.help {
	color: #B34800;
	font-size: 0.9em;
}

a {
	color: #0066B3;
}
a.active {
	font-weight: bold;
}
a.name {
	color: #000;
}
span.header {
	font-weight: bold;
}

#content {
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 1em;
}
#header {
	background: #FFE6BF url("images/header-bg.png");
	height: 80px;
}
#header-title {
	position: relative;
	top: 25px;
	margin-left: 1em;
}
#header-title h1 {
	color: #0066B3;
	margin: 0;
	font-size: 1.8em;
}
#site-link {
	float:right;
	font-size: 0.85em;
	text-align: right;
}

#login-form {
	width: 350px;
}
#left-column {
	width: 73%;
	float: left;
}
#right-column {
	width: 25%;
	float: left;
	padding-left: 1em;
}

table.list {
	border-collapse: collapse;
}
table.list th {
	background-color: #FFE6BF;
	border: 1px solid #B36C00;	
	padding: 0.2em;
}
table.list td {
	border: 1px solid #B34800;
	padding: 0.2em;
}
table.list ul {
	margin-right: 0.5em;
}

div.clear {
	clear: both;
}
div.main-menu {
	color: #FFF;
	background: #FFB380 url("images/menu-bg.png");	
	padding: 0.5em 0 0.5em 0;
	font-size: 1.2em;
}
div.main-menu a {
	color: #FFF;
}
div.main-menu a.active {
	color: #B34800;
	font-weight: bold;
}
ul.main-menu, ul.menu {
	list-style: none none;	
	padding: 0;
	margin: 0;
}
ul.menu {
	margin-bottom: 1em;
}
ul.main-menu li, ul.menu li {
	display: inline;
	margin-left: 1em;
}

ul.errors {
	color: #FF6700;
}

ul.messages {
	color: #B36C00;
}
ul.messages li.error {
	color: #FF6700;
}

.feedback {
	border: 1px solid #80C9FF;
	border-top: 2px solid #80C9FF;
	margin-bottom: 2em;
}
.feedback .head {
	background-color: #BFE4FF;
	padding: 0.5em 5px 0.5em 5px;
}
.feedback .user {
	float: left;
}
.feedback .date {
	text-align: right;
}
.feedback .status {
	width: 20px;
	height: 20px;
	background-color: white;
	border: 2px solid #0066B3;
}
.feedback .status img {
	position: relative;
	left: 3px;
	top: 1px;
}
.feedback .text {
	padding: 0.5em 5px 0.5em 5px;
}

.ticket {
	border: 1px solid #80C9FF;
	border-top: 2px solid #80C9FF;
	margin-bottom: 2em;
}
.ticket .head {
	background-color: #BFE4FF;
	padding: 0.5em 5px 0.5em 5px;	
}
.ticket .head ul {
	list-style: none none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 40px;
}
.ticket .head ul span.item {
	position: absolute;
	left: 100px;
}
.ticket .head table {
	margin: 0;
	padding: 0;
	position: relative;
	left: 40px;
}
.ticket .head table td {
	margin: 0;
	padding: 0;
	padding-right: 2em;
}
.ticket .date {
	float: right;
}
.ticket .text {
	padding: 0.5em 5px 0.5em 5px;
	clear: left;
}
.ticket .body {
	display: none;
}
.ticket .status {
	position: absolute;
	width: 20px;
	height: 20px;
	border: 2px solid #FFF;
}
.ticket .status-0 {
	background-color: #F00;
}
.ticket .status-1 {
	background-color: #FF0;
}
.ticket .status-2 {
	background-color: #0F0;
}
.ticket .status-3 {
	background-color: #000;
}

.comments {
	margin: 1em 1em 1em 2em;
	border: 1px solid #B36C00;
	display: block;
}
.comments .head {
	background-color: #FFCD80;	
}
.comments .text {
	font-style: italic;
}

.news {
	border: 1px solid #B36C00;
	border-top: 2px solid #B36C00;
	margin-bottom: 2em;
}
.news .head {
	background-color: #FFE6BF;
	padding: 0.5em 5px 0.5em 5px;
}
.news .user {
	float: left;
}
.news .date {
	text-align: left;
}
.news .text {
	padding: 0.5em 5px 0.5em 5px;
}
.news .hidden {
	color: #CCC;
}

.news-column .news {
	margin-bottom: 1em;	
	padding: 5px;
	border: none;
	border-top: 1px solid #FFB380;
}
.news-column .info {
	background-color: #FFD9BF;
	border: none;
}
.news-column .first {
	border: none;
}


.tracker {
	margin: 1em 0 1em 0;
	padding: 2px;
	border: 1px dotted #B36C00;
}

.quiz-question {
	margin: 1em 0 1em 0;
}
.quiz-question .text {
	font-style: italic;
	background-color: #FFE6BF;
	padding: 1em;
}
.quiz-question .variant {
	margin-top: 0.5em;
}
.quiz-question .variant li {
	color: #F00;
}
.quiz-question .variant li.answer {
	color: #0F0;
}
.quiz-question .question-text {
	margin-left: 50px;
}
.quiz-question table.list {
	margin-top: 1em;
}
.quiz-question .status {
	position: absolute;
	width: 20px;
	height: 20px;
	border: 2px solid #FFF;
}
.quiz-question .status-ok {
	background-color: #0F0;
}
.quiz-question .status-error {
	background-color: #F00;
}