/* 6ahd #unleashed (blue)   */
/* 6ahd-unleashed.css       */
/* (c) gizmo'08             */
/* last-edit: 2008-03-31    */
/* ------------------------ */
/* TOTAL WIDTH = 950px !!!	*/
/* (910px without margins)	*/
/* BLUE     = #004499		*/
/* HOVER    = #AACCFF		*/
/* ENTRY    = #AACCFF		*/
/* EVENT    = #FFCC00		*/
/* HISTORY  = #993366		*/
/* STICKY   = #004499		*/
/* ADMIN    = #008833		*/
/* PAST     = #EEEEEE		*/
/* TODAY    = #CCCCCC		*/
/* WEEKEND  = #AACCFF		*/
/* HOLIDAY  = #33CC44		*/
/* ------------------------ */

/* ----------------------- GENERAL ----------------------- */

body {
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	text-align: center;
	background-color: #D9DFE7;
}

table {
	table-layout: fixed;
	border-collapse: collapse;
	text-align: left;
}

th {
	letter-spacing: 1px;
}

hr {
	width: 97%;
	height: 1px;
	border-top: #004499 1px solid;
	border-right: none;
	border-left: none;
	border-bottom: #004499 1px solid;
}

h1, h2, h3, h4 {
	font-weight: bold;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
}

h1 {
	font-size: 14pt;
	letter-spacing: 1px;
	margin-top: 15px;
	margin-bottom: 25px;
}

h2 {
	/* font-size: 10pt; */
	font-size: 9pt;
}

h3 {
	font-size: 9pt;
}

h4 {
	font-size: 8pt;
}

input, select, textarea, button {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
}

select {
	font-weight: bold;
}

.cbox {
	margin-left: -2px;
}

button {
	width: 68px;
	height: 22px;
}

a {
	padding: 1px;
	color: #004499;
}

a:link, a:visited, a:active {
	text-decoration: none;
}

a:hover {
	/* border-bottom: #004499 1pt solid; */
	text-decoration: underline;
	/*
	background-color: #AACCFF;
	color: black;
	*/
}

a:link img, a:visited img, a:active img, a:hover img {
	text-decoration: none;
	border-style: none;
}

/* --- small-font --- */
#footer, #cookiePanel {
	font-size: 8pt;
}

/* --- text-color --- */
#header, #footer, .navItem {
	color: white;
}

#header, #footer {
	width: 100%;
	background-color: #004499;
}

/* ----------------------- HEADER ----------------------- */

#header {
	height: 75px;
	background-image: url(../images/background/background-header_blue.png);
	background-repeat: repeat-x;
}

#logo_space {
	width: 230px;
	cursor: pointer;
	background-image: url(../images/logo/6ahd-unleashed_blue.png);
	background-repeat: no-repeat;
}

.navItem {
	width: 100px;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 1px;
}

a.navItemSelected {
	border-bottom: #DDDDDD 1.5pt solid;
}

.navItem a, #cookiePanel a {
	color: #DDDDDD;
	/* display: block; */
}

.navItem a:hover, #cookiePanel a:hover {
	color: white;
	text-decoration: none;
	border-bottom: white 1.5pt solid;
	background-color: transparent;
}

#headerEnd {
	padding-left: 20px;
}

#cookiePanel {
	float: right;
	width: 135px;
	height: 55px;
	margin-right: 20px;
	/* padding-top: 10px; */
	padding-left: 15px;
	/* background-color: white; */
	border-left: #DDDDDD 1px solid;
}

/* ----------------------- MAIN ----------------------- */

#main_top, #main_bottom {
	/* Firefox-fix */
	margin-left: auto;
	margin-right: auto;
}

.windowTitle {		/* also used by panels */
	background-color: #004499;
	color: white;
	background-image: url(../images/background/background-panel_blue.png);
	background-repeat: repeat-x;
}

.borderPadding {
	width: 10px;
}

/* ----------------------- MAIN-TOP ----------------------- */

#main_top {
	margin-top: 25px;
	margin-bottom: 20px;
}

#processing_info {	/* td */
	width: 100%;
	text-align: center;
}

.processingText {
	font-weight: bold;
	text-align: center;
}

.form, #recent_entries, #history_layout, #teacher_layout {
	border: #004499 1px solid;
	table-layout: auto;
	white-space: nowrap;
	background-color: white;
}

#new_entry {
	width: 510px;
}

.form {				/* table */
}

.form th {
	letter-spacing: normal;
}

.form th span {
	font-weight: normal;
}

.form .windowTitle {
	letter-spacing: 1px;
}

.sendButton {
	font-weight: bold;
	color: #004499;
}

#recent_entries_layout {
	width: 400px;
	/* vertical-align: top; */
}

#recent_entries {	/* table */
}

.recentNew {
	color: red;
}

.recentEntry a, .recentEvent a {
	color: black;
}

.recentEntry a:hover {
	text-decoration: none;
	border-style: none;
	background-color: #AACCFF;
}

.recentEvent a:hover {
	background-color: #FFCC00;
	text-decoration: none;
	border-style: none;
}

/* ----------------------- SEARCH ITEMS ----------------------- */

#search {
}

.searchInfo {
	font-weight: bold;
}

/* ----------------------- HISTORY ITEMS ----------------------- */

#history {
}

#history_layout, #teacher_layout {
	width: 400px;
}

#history_layout th {
	font-size: 9pt;
	color: #777777;
}

#history_layout th h2, #teacher_layout th h2 {
	color: white;
}

#teacher_layout td {
	text-align: center;
}

.historyPadding, .teacherPadding {
	width: 50px;
}

.historySeparator, .teacherSeparator {
	width: 30px;
}

/* ----------------------- MAIN-BOTTOM ----------------------- */

#main_bottom {
	margin-top: 20px;
	margin-bottom: 20px;
}

#eventOverview, #mainDisplay, #additionalOverview {
	vertical-align: top;
}

#eventOverview, #additionalOverview {
	width: 180px;	/* IE specific */
}

#eventOverview {
}

#mainDisplay {
	width: 500px;			/* IE specific */
	padding-left: 24px;		/* 1px min offset */
	padding-right: 25px;
}

/* ----------------------- MAIN-DISPLAY ITEMS ----------------------- */

#eventReminder {
	background-color: #FFCC00;
	background-image: url(../images/background/background-panel_orange.png);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	width: 100%;
}

#eventReminder th {
	border-bottom: white 1px solid;
	padding: 5px;
}

#eventReminder a {
	/* color: inherit; -> does not work @IE ;( */
	/* color: black; */
}

#eventReminder a:hover {
	/* background-color: inherit; -> does not work @IE ;( */
	background-color: #FFCC00;
	color: #004499;
}

#reply_entry {
}

.display_layout {
	width: 500px;
}

.display_layout table {
	background-color: white;
	border: #004499 1px solid;
}

.display_layout table td {
	padding-top: 4px;
}

.display_layout table th, .display_layout table td {
	padding-left: 10px;
	padding-right: 10px;
}

.displayOffset {
	font-size: 1px;
}

.entry, .event, .sticky, .admin, .history {
	table-layout: auto;
}

.history th {
	background-color: #993366;
	color: white;
	background-image: url(../images/background/background-panel_violet.png);
	background-repeat: repeat-x;
}

.entry th {
	background-color: #AACCFF;
	background-image: url(../images/background/background-panel_lightblue.png);
	background-repeat: repeat-x;
}

.event {
}

.event th {
	background-color: #FFCC00;
	background-image: url(../images/background/background-panel_orange.png);
	background-repeat: repeat-x;
}

.sticky {
}

.sticky th {
	background-color: #004499;
	color: white;
	background-image: url(../images/background/background-panel_blue.png);
	background-repeat: repeat-x;
}

.admin {
}

.admin th {
	background-color: #008833;
	color: white;
	background-image: url(../images/background/background-panel_green.png);
	background-repeat: repeat-x;
}

.displayTitle {
	padding: 5px;	/* use for height */
	text-align: left;
	letter-spacing: 1px;
}

.displayEntryLink, .displayCreated, .displayEdited, .displayEditLink {
	text-align: right;
}

.displayEntryLink {
	font-weight: normal;
	letter-spacing: normal;
}

.displayEntryLink a {
	color: black;
}

.sticky .displayEntryLink a, .admin .displayEntryLink a, .history .displayEntryLink a {
	color: white;
}

.displayEntryLink a:hover {
	color: white;
	background-color: transparent;
	text-decoration: underline;
	border-style: none;
}

.entry .displayEntryLink a:hover, .event .displayEntryLink a:hover {
	color: black;
}

.displayName {
	font-size: 9pt;
	font-weight: bold;
	padding-top: 5px !important;
	padding-bottom: 5px;
}

.displayCreated, .displayEdited {
	font-size: 7pt;
	color: #777777;
}

.displayComm {
}

.displayText, .displayEdited, .displayComment {
	padding-left: 45px !important;
}

.quote {
}

.quote_head {
	background-color: #EEEEEE;
}

.quote_text {
	padding-left: 25px !important;
}

.displayText {
}

.displayEdited {
}

.displayComment {
	background-color: #EEEEEE;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.displayReplyLink,.displayEditLink {
	padding-top: 5px !important;
	padding-bottom: 5px;
}

.displayReplyLink {
}

.displayEditLink {
}

/* --- display event --- */

.eventDetails, .displayLinks {			/* td */
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #EEEEEE;
}

.eventDetails div {
	padding-top: 2px;
}

.displayDateBegin, .displayDateEnd, .displayOrganizer, .displayPlaceLocation, .displayBeginning, .displayEnding {		/* span */
	font-weight: bold;
}

.displayDateBegin {
}

.displayDateEnd {
}

.displayOrganizer {
}

.displayEventHP {
}

.displayPlaceLocation {
}

.displayBeginning {
}

.displayCalendar {
}

.displayEnding {
}

.displayLinks {
}

.highlight {
	background-color: #FFFF66;
}

/* ----------------------- CALENDAR ITEMS ----------------------- */

#calendar_layout {
}

#calendar {
	table-layout: auto;
	border: #004499 1px solid;
	background-color: white;
	text-align: center;
	cursor: default;
}

#calendar td {
	border: #004499 1px solid;
}

.calendarPadding {
	width: 40px;
	border-top: none !important;
	border-bottom: none !important;
}

.calendarHeader, #calendarFooter {
	height: 40px;
	text-align: center;
}

#calendarFooter {
	font-weight: normal;
}

#calendar .day, #calendar .past, #calendar .today, #calendar .weekend, #calendar .holiday {
	width: 100px;
	height: 90px;
}

#calendar .past {
	background-color: #EEEEEE;
}

#calendar .today {
	background-color: #CCCCCC;
}

#calendar .weekend {
	background-color: #AACCFF;
}

#calendar .holiday {
	background-color: #33CC44;
}

.calendarDate {				/* span */
	font-weight: bold;
}

.calendarEvent, .calendarFestival {		/* div */
	padding-top: 5px;
	padding-bottom: 5px;
}

.calendarFestival {
	margin-left: -2px;
	margin-right: -2px;
}

#calendar td a {
	display: block;
	color: black;
}

.calendarEvent a, .calendarFestival a {
	color: #004499 !important;
}

.calendarFestival a {
	background-color: #CCCCCC;
}

#calendar a:hover {
	text-decoration: none;
	background-color: #FFCC00;
	color: black !important;
}

/* ----------------------- PANEL ITEMS ----------------------- */

#additionalOverview {
}

#nextEvents, #pastEvents, #stickyEntries {
	border: #004499 1px solid;
	width: 180px;
	background-color: white;
	cursor: default;
}

#nextEvents td, #pastEvents td, #stickyEntries td {
	border: #004499 1px solid;
	padding: 10px;
}

#pastEvents {
	margin-top: 40px;
}

.panel {
}

.panel td a, .panel td a:visited, .panel td a:active {
	display: block;
	margin: -1px;
}

.panel a:hover {
	border-style: none;
	background-color: #FFCC00;
	color: black;
}

/*
.panel td:hover {
}
*/

#stickyEntries .panelTitle a:hover, #stickyEntries .panelText a:hover {
	background-color: #AACCFF;
}

.panelDate, .panelName, .panelTitle, .panelPlaceLoc, .panelText, .commentCount {
	margin-bottom: 3px;
}

.panelDate a, .panelTitle a {
	text-align: center;
}

.panelName,.panelTitle {
	font-weight: bold;
}

.panelDate {
}

.panelName {
}

.panelTitle {
}

.panelPlaceLoc {
	background-color: #EEEEEE;
	padding-top: 2px;
	padding-bottom: 2px;
}

.panelText {
}

.commentCount {
	font-size: 7pt;
	color: #777777;
}

.pageLinks {
	text-align: center;
}

.pageLinks a:hover {
	background-color: transparent;
	border: none;
	text-decoration: underline;
}

/* ----------------------- FOOTER ----------------------- */

#footer {
	height: 50px;
	text-align: center;
}

/* ----------------------- ADDITIONAL ----------------------- */

.shadow_up, .shadow_down {
	background-repeat: repeat-x;
	height: 5px;
}

.shadow_left, .shadow_right {
	background-repeat: repeat-y;
	width: 5px;
}

.shadow_up {	background-image: url(../images/shadows/shadow_up.png);		}
.shadow_down {	background-image: url(../images/shadows/shadow_down.png);	}
.shadow_left {	background-image: url(../images/shadows/shadow_left.png);	}
.shadow_right {	background-image: url(../images/shadows/shadow_right.png);	}

.hidden {
	display: none;
}

.hint, .noData {
	color: #999999;
}

.noData {
	text-align: center;
}

.error {
	margin: 10px;
	padding: 5px;
	background-color: #CC0000;
	color: white;
	font-weight: bold;
	width: 100%;
}

.debug {
	margin: 5px;
	padding: 5px;
	background-color: #FFFF99;
	color: black;
	width: 100%;
}

.entryColor {
	color: #AACCFF;
}

.eventColor {
	color: #FF9900;
}

.historyColor {
	color: #993366;
}

.spacer {
	font-size: 1px;
	height: 8px;
}

.borderTop {
	border-top: #004499 1px solid;
}

.alignCenter {
	text-align: center;
}

.alignLeft {
	text-align: left;
	padding-left: 10px;
}

.alignRight {
	text-align: right;
	padding-right: 10px;
}