/*
 *-----------------------------------------------------------------------------
 *	Description block
 *-----------------------------------------------------------------------------
 */
#description {
	display: none;
}

/*
 *-----------------------------------------------------------------------------
 *	Tables with lines separating the rows, no column dividers
 *-----------------------------------------------------------------------------
 */

table.line { border: 0; padding: 4px; border-collapse: collapse; background: white }
table.line tr:first-child { border-top: 1px solid black }
table.line tr:last-child { border-bottom: 1px solid black }
table.line tr { border-top: 1px solid black }
table.line th { border: 0; padding-left: 8px; padding-right: 8px }
table.line td { border: 0;padding-left: 8px; padding-right: 8px }

/*
 *-----------------------------------------------------------------------------
 *	Tables with lines separating the columns, no row dividers
 *-----------------------------------------------------------------------------
 */
table.col {border-collapse: collapse}

tr.col	td:first-child { border-left:1px solid black }
tr.col	td { border-right:1px solid black; padding:0 8px; }
tr.col	th:first-child { border-left:1px solid black }
tr.col	th { border-right:1px solid black; text-align:left; padding:0 8px;}

/*
 *=============================================================================
 *	***** Standard layout *****
 *=============================================================================
 *
 */

.yl	{
	background-color:#F0F751;
}

.gn	{
	background-color:#9AFF9A;
}

.rd	{
	background-color:#E98176;
}

/*
 *-----------------------------------------------------------------------------
 *	Messages
 *-----------------------------------------------------------------------------
 */

.error {
	background-color: yellow;
	color: red;
	font-weight: bold;
	font-family:  Arial,Helvetica,sans-serif
}

DIV.error {
	padding: 8px
}

.warning {
	background-color: yellow;
	color: green;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif
}

DIV.warning {
	padding: 8px
}

.message {
	color: green;
	font-family: Arial,Helvetica,sans-serif
}

DIV.message {
	padding: 8px
}

/*
 *-----------------------------------------------------------------------------
 *	Menu bar at top of page
 *-----------------------------------------------------------------------------
 */

#menubar {
	font-size: 10pt;
	font-family: Arial,Helvetica,sans-serif;
}

.menu {
	background-color: #2c4981;
	color: white;
	border: 0;
	padding-left: 0.2em;
	padding-right: 0.2em;
	white-space: nowrap;
	vertical-align: middle;
}

INPUT.menu {
	text-decoration: none;
}

A.menu 		{ font-size: 0.8em;}
A.menu:link	{ color:white; }
A.menu:visited	{ color: white; }
A.menu:hover	{ color: white; }


TABLE.menu { border-collapse: collapse }

/* Highlighted */

.menu_hi {
	background-color: #2c4981;
	color: white;
	border: 0;
	padding: 0;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0.9em;
	font-weight: bold;
	vertical-align: middle;
}

INPUT.menu_hi {
	text-decoration: none;
	border: 1px solid #B85629;
}

A.menu_hi	{ font-weight: bold }
A.menu_hi:link	{ color:white; }
A.menu_hi:visited { color: white; }
A.menu_hi:hover	{ color: white; }


TABLE.menu_hi { border-collapse: collapse }


/*
 *-----------------------------------------------------------------------------
 *	Navigation sidebar
 *-----------------------------------------------------------------------------
 */

#navbar {
	width: 200px;
	text-align: left;
	vertical-align: top;
	border-width: 8px 0;
	border-style: solid;
	border-color: #2c4981;
	padding: 12px 0;
	float: left;
}

#navbar A,LI {
	line-height: 1.3em;
	font-size: 0.9em;
}

.nav {
	background-color: white;
	color: #2c4981;
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: none;
	white-space: nowrap;
}

td.nav {
	vertical-align: top;
	width: 200px;
}

UL.nav {
	list-style-position: inside;
	margin: 0 4px;
	padding: 0 4px;
}

UL.nav UL.nav {
	list-style-position: outside;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
}

A.nav:link	{ color:#2c4981; }
A.nav:visited	{ color: #2c4981; }
A.nav:hover	{ color: #2c4981; }

INPUT.nav {
	border: 3px groove #2c4981}

TABLE.nav {	border-collapse: collapse }

/* Highlighted */

.nav_hi {
	color: #2c4981;
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
}


INPUT.nav_hi {
	text-decoration: none;
}

A.nav_hi 	{ text-decoration: none }
A.nav_hi:link	{ color:#2c4981; }
A.nav_hi:visited { color: #2c4981; }
A.nav_hi:hover	{ color: #2c4981; }

TABLE.nav_hi {	border-collapse: collapse }

/*
 *-----------------------------------------------------------------------------
 *	Login page
 *-----------------------------------------------------------------------------
 */

.login {
	background-color: #F9E25F;
	color: black;
	border: 1px solid #2c4981;
	text-align: center;
}

input.login {
	background-color: #DDDDDD;
	border: 2px groove #2c4981;
}	

/*
 *-----------------------------------------------------------------------------
 *	Layout helps
 *-----------------------------------------------------------------------------
 */

.layout {
	color: black;
	border: 0;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	text-align: left;
	vertical-align: top;
}

table.layout {
	border: 0;
	border-collapse: collapse;
	background-color: white;
}

#titlestrip {
	background-color: #2c4981;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
}

BODY {
	display: block;
	width: 800px;
	margin: 4px auto;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
/*	see http://www.1ngo.de/web/em.html */
	font-size: 100.1%;
	color: black;
	background-color: #E0E0E0;
	background-position: top left;
	background-attachment: fixed;
	background-repeat: no-repeat;
/*	background-image: url(/img/some_image.gif); */
}

/*	- Wrapper for all page content -	*/

#wrapper {
	border: 0;
	background-color: white;
	padding: 4px 8px;
	margin: 0;
}

#PAGE { }

#header {
	background-color: white;
	text-align: left;
	vertical-align: top;
}

#header h1 {
	font-size: 1.5em;
	margin: 0;
}

#content {
	text-align: left;
	vertical-align: top;
	padding: 12px 0;
	font-size: 0.75em;
}	

TD#content {
	vertical-align: top;
}

TD#content_right {
	text-align: left;
	vertical-align: top;
	background-color: white;
	padding: 16px 0 0 16px;
	font-size: 0.9em;
}

#footer {
	border-top: 1px solid #2c4981;
	color: grey;
	font-size: xx-small;
	text-align: center;
}

/*	- Separator strip - */
.sep {
	background-color: #223C81;
	font-size: x-small;
	font-family: Arial,Helvetica,sans-serif;
	color: #FAE605;
}

div.scrollBox {
	overflow: auto;
}

#newsBox {
	font-size: 8pt;
	border: 1px solid #2c4981;
}

#newsBox H1 {
	font-size: 8pt;
	margin: 0;
	padding: 0;
	text-align: center;
}

#top_right {
	font-size: 12pt;
	vertical-align: middle;
	text-align: center;
}

.itrg {
	font-size: larger;
	font-weight: bold;
	font-family:  Arial,Helvetica,sans-serif;
	color: #2c4981;
}


/*
 *-----------------------------------------------------------------------------
 *	Forms and template stuff
 *-----------------------------------------------------------------------------
 */

.forms {
	background-color: #C3CCE0;
	color: #223C81;
	font-size: small;
/*  *!* This can't work, $lang isn't defined *!*	*/
}


INPUT.forms {
	font-size: medium;
	background-color: white;
	border: thin dotted #223C81
}

INPUT.forms[type='submit'] {
	font-size: medium;
	background-color: #F1B610;
	border: 3px groove
}


TEXTAREA.forms {
	font-size: medium;
	background-color: white;
	border: thin dotted #223C81
}

TR.forms {
	padding-bottom: 2px;
}

TH.forms, TD.forms {
	padding: 2px;
	border: 1px solid #223C81;
}

/*	- Compressed style: same as above, but denser - */

.forms0 {
	background-color: #C3CCE0;
	color: #223C81;
	font-size: small;
	margin: 0;
	padding: 0;
	border: 0
}

INPUT.forms0 {
	font-size: medium;
	background-color: white;
	border: thin dotted #223C81
}

INPUT.forms0[type='submit'] {
	font-size: medium;
	background-color: #F1B610;
	border: 3px groove
}

TEXTAREA.forms0 {
	font-size: medium;
	background-color: white;
	border: thin dotted #223C81
}

TABLE.forms0 {
	border-collapse: collapse;
}

TR.forms0 {
	padding-bottom: 2px;
}


/*
 *-----------------------------------------------------------------------------
 *	Chinese
 *-----------------------------------------------------------------------------
 */

.chinese {
	line-height: 12.75pt;
	font-size:	12pt;
}

/*
 *-----------------------------------------------------------------------------
 *	Security, Anti-Spam
 *-----------------------------------------------------------------------------
 */

.sec {
	visibility: hidden;
	display: none;
}

/*
 *-----------------------------------------------------------------------------
 *	Miscellaneous
 *-----------------------------------------------------------------------------
 */

table.fotolist {
	border-collapse: collapse;
}

table.fotolist td {
	padding: 0 4px;
	vertical-align: middle;
	font-size: 9pt;
}

table.fotolist th {
	padding: 0 4px;
	font-size: 9pt;
	vertical-align: middle;
}

table.fotolist pre {
	padding: 0;
	margin: 0;
	vertical-align: top;
}

a.btn {
	border: 2px groove grey;
	padding:0 8px;
	font-size: 9pt;
}

/*
 *-----------------------------------------------------------------------------
 *	DEFAULTS
 *-----------------------------------------------------------------------------
 */

div {
	margin: 0;
	padding: 0 0 8px 0;
}

table {
	border-width: 0;
	color: black;
}

input,option,select {
	font-size: 9pt;
}		

p {
	padding: 0 0 8px 0;
	margin: 0;
}

ul {	padding: 0;
	margin: 0 0 0 24px;
}

li { padding-bottom: 2px }

pre { padding-left: 8px }

a	{
	text-decoration: none;
	font-size: 9pt;
	border: none;
}

a:link	{ color:#2c4981; }
a:visited { color: #2c4981; }
a:hover	{ color: #9B30FF; }

img {
	border: none;
}