/* Based on the design Keep It Simple by Website Design,
   http://www.realitysoftware.ca, downloaded from openwebdesign.org. */

body {
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 14px;
	border: 0 none transparent;
	background: #F4F4F4;
	margin: 0;
	line-height: 1.4em;
}
	
#container { 
	width: 1024px;
	margin: 0 auto;
	background: #FFFFFF;
}
	
#header { 
	padding: 15px 30px 15px 33px;
	background-color: #BBD9EE;
} 

.logo {
	color: #505050;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 2px;
	clear: both;
}

.titemph {
	padding-left: 0.3em;
	color: #6060A0;
	font-size: 20px;
}

#menu {
	background-color: #3b76B7; 
	padding: 6px 0 6px 15px;
}
	
#menu a, #contact-ad a {
	padding: 10px 20px 10px 20px;
	color: #c5d6db;
	text-decoration: none; 
	font-size: 130%; 
	font-family: "Arial Narrow", "Myriad Pro";
	font-variant: small-caps;
	font-weight: bold;
}
	
#menu a:hover, #contact-ad a:hover {
	color: #ecf2f3;
}

#usermenu {
	float: right;
	text-align: right;
}

#langsel form {
	display: inline;
}

#langsel form input {
	background-color: #BBD9EE;
}

#sidebar {
	float: left;
	width: 160px;
	padding: 5px 0 20px 10px;
	margin: 0;
}

.sidebox {
	background-color: #f2f2f2;
	margin-top: 1em;
	padding-bottom: 0.6em;
}

.sidebox div a {
	display: block;
	padding: 0.25em 1em 0.25em 1.5em;
}

.sidebox h1 {
	padding: 0.5em 1em 0.25em 0.5em;
	font-size: 140%; 
	margin-bottom: 0.1em;
}

.sidebox form {
	padding-left: 0.75em;
}

field {
	display: block;
	margin-top: 1em;
	text-align: left;
}

h1 {
	margin-top: 0px;
	margin-bottom: 1em;
	color: #869843; 
	font-size: 160%; 
	font-family: "Arial Narrow", "Myriad Pro"; 
	font-weight: normal;
}
	
h2 {
	color: #3b7687;
	font-size: 140%; 
	margin: 5px 0 5px 0;
}

tt {
	font-family: "Monotype";
}

hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #202020;
	padding: 5px 10px 5px 10px;
}

input, select {
	border: 1px solid #808080;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 110%;
	vertical-align: middle;
}

.tabs-container li {
	display: inline;
}

#main {
	float: right;
	width: 825px; 
	padding: 20px 10px 10px 0px;
	color: #444444;
} 
	
a {
	color: #2b6677; 
	text-decoration: none;
}
	
a:hover {
	color: black;
	text-decoration: underline;
}
	
#footer {
	margin-top: 20px;
	padding: 6px 20px 6px 20px;
	background: #e8e8e8; 
	font-family: "Lucida Sans Unicode";
	color: #444444;
	text-align: right;
	vertical-align: middle;
	clear: both;
}
	
.separator {
	color: #FFFFFF;
	font-weight: bold;
}

#monthshuffler {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 2em;
}

tr#wdline td {
	width: 20px;
	text-align: center;
}

.ms_button {
	border-width: 1px;
	background: #eeeeff;
	width: 1.3em;
	text-align: center;
}

td.ms_button a {
	display: block;
}

td.ms_button a:hover {
	background-color: #FFE0FF;
}

.nonpushed {
	border-style: outset;
}

.pushed {
	background-color: #C8C8FF !important;
	border-style: inset;
	text-decoration: underline;
}

.ms_sunday {
	background-color: #FFC0C0;
	color: #AA0000;
}

.ms_saturday {
	background-color: #FFE0E0;
}

.ms_holiday {
	background-color: #FFE0E0;
	text-decoration: underline;
}

.ms_today {
	border: 1px solid orange;
	padding: 0px;
}

td.ms_emph_day a {
	color: blue !important;
	font-weight: bold;
}

tr#monline td {
	padding: 0px;
}

tr#monline td table {
	width: 100%;
}

#todaybutton a {
	color: black;
	display: block;
	padding-left: 3px;
	padding-right: 3px;
}

tr#monline td table tr td a {
	color: black;
	display: block;
	padding-left: 1em;
	padding-right: 1em;
}

#dispyear {
	text-align: center;
	font-weight: bold;
}

.monjump {
	width: 1em;
	line-height: 140%;
	padding-left: 3px;
	padding-right: 3px;
}

table.listing {
	margin-bottom: 2em;
	border: 1px solid #808080;
	width: 820px;
	border-collapse: collapse;
}

table.listing th {
	border: solid 1px #808080;
	text-align: center;
	padding: 0 0.3em 0 0.3em;
	background-color: #C2DFF5;
} 

table.listing td {
	border: solid 1px #808080;
	padding: 0 0.3em 0 0.3em;
} 

.evenrow {
	background-color: #F4F4F4;
}

tr:hover.oddrow {
	background-color: #FFE0FF;
}

tr:hover.evenrow {
	background-color: #FFE0FF;
}

.pointer {
	cursor: pointer;
}

.datecell {
	text-align: right;
}

.startcell {
	text-align: right;
	color: #005000;
}

.finishcell {
	text-align: right;
	color: #600000;
}

.durcell {
	text-align: right;
}

.errorlist, .errordiv {
	background-color: #FFC8C8;
	margin: 1em 0px 1em 0px;
	padding: 0.5em;
	border: 1px solid red;
}

.errorlist li {
	display: inline;
	font-weight: bold;
	color: black;
}

#id_username, #id_password, #search_term {
	width: 138px;
}

div#messagelist {
	margin: 0px;
	padding: 0px;
}

div#messagelist div {
	display: block;
	margin: 1em 0px 1em 0px;
	padding: 0.5em;
	border: 1px solid #808080;
	line-height: 1.2em;
}

.message_erro {
	background-color: #FFC8C8;
	border: 1px solid red;
	font-weight: bold;
}

.message_info {
	background-color: #FFF690;
	font-weight: bold;
}

.message_note {
	font-style: italic;
	font-size: smaller;
}

table.dataform th, table.dataform td {
	vertical-align: top;
	padding: 10px;	
}

table.dataform th, table.dataform th {
	text-align: right;	
}

#strong-advertisement {
	font-weight: bold;
}

#strong-advertisement li, #advertisement li {
	margin-bottom: 0.3em;
	list-style-image: url(/static/arrow-bullet.gif);
}

#contact-ad {
	background-color: #3B76B7;
	text-align: center;
	margin-top: 2em;
}

#contact-ad a {
	display: block;
}

#tagline-ad {
	font-size: 120%;
}

.labelblock {
	width: 8em;
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
}

.inputblock {
	width: 15em;
	display: inline-block;
	vertical-align: top;
}

textarea {
	width: 50em;
	height: 20em;
}

.wmd-preview {
	display: none;
	width: 42em;
	height: 20em;
	background-attachment: scroll;
	overflow: scroll;
	background-color: #EEEEEE;
	border: 1px solid #888888;
	padding: 0.7em;
	margin-left: 8em;
}

.helptext {
	font-style: italic;
}

.issue-history-table {
	width: 100%;
}

.issue-history-table td {
	vertical-align: top;

}

.issue-history-hdr {
	font-style: italic;
	color: #606060;
}

.issue-history-row td {
	border-bottom: 1px dotted #808080;
}

.issue-history-comment {
	width: 60%;
}

.issue-history-changes {
}

@media screen {
	#hiddendiv {
		display: none;
	}
}

@media print {
	#sidebar, #monthshuffler, #header, #menu, .noprint {
		display: none;
	}

	#main { 
		margin-left: 0px;
	}

	.print_text_right {
		text-align: right;
	}

	#unhidediv {
		display: none;
	}
}