body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family:  trebuchet ms, Myriad, tahoma, verdana, sans-serif;
	font-size: 11px;
	line-height: 160%;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * TEXTS                                                                */

a, a:link, a:visited {
	color: blue;
	text-decoration: underline;
}

a:hover {
	color: black;
	text-decoration: none;
}

h1 {
	font-size: 160%;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

h1 a, h1 a:link, h1 a:visited {
	color: #245871;
	text-decoration: none;
	border-bottom: 1px dashed gray;
}
h1 a:hover {
	color: black;
	text-decoration: none;
	border-bottom: 1px solid black;
}

h2 {
	font-size: 130%;
	margin: 10px 0px 5px 0px;
	padding: 0px;
}

h3 {
	margin: 7px 0px 0px 0px;
	padding: 0px;
}

h2 span.controls {
	font-size: 77%;
	font-weight: normal;
}

#sitemain > h2, #sitemain > form > h2 {
	margin-left: -20px; /* cancels out the sitemain margin so that the background spans the whole width */
	margin-right: -20px;
	background-color: #c9dae3;
	border-bottom: 1px solid #2b5c75;
	padding: 4px 3px 2px 20px;
}

#sitemain > h2.toggable, #sitemain > form > h2.toggable { 
	padding-left: 7px;
}

#sitemain > h2.toggable.always, #sitemain > form > h2.toggable.always {
	padding-left: 20px;
}

#sitemain > h2.toggable img.toggle, #sitemain > form > h2.toggable img.toggle { 
	border-width: 0px;
	padding-bottom: 1px;
	padding-right: 4px; /* there should be no blank between the image closing tag and the H2 text */
}

#sitemain > h2.toggable a, #sitemain > form > h2.toggable a {
	color: black;
	text-decoration: none;
}

#sitemain h3.fullwidth {
	margin-left: -20px; /* cancels out the sitemain margin so that the background spans the whole width */
	margin-right: -20px;
	background-color: #eaeaea;
	padding: 4px 3px 2px 20px;
}

div.hierarchy div.hierarchy {
	margin-left: 20px;
}

div.filebody + div.filebody {
	padding-top: 5px;
}

h2.toggledoff + div {
	display: none;
}

h2.toggledon + div {
	display: block;
	margin-bottom: 20px;
}

li.iconitem, li.nobullet {
	list-style-image: url(/images/blank.gif);
}

li.iconitem > img.icon {
	margin-left: -19px;
	padding-right: 3px;
}

dl {
	padding: 0px;
	margin: 0px;
}

dl > dd, dl > dt {
	float: left;
	padding: 0;
	margin: 0;
}

dl.stats dd {
	clear: both;
	display: block;
	width: 3em;
	padding-left: 1em;
}

dl.stats dt {
	display: block;
}

iframe {
	border-width: 0px;
	width: 100%;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * TABLES                                                               */

table {
	table-layout: fixed;
	width: 100%;
	padding: 2px 0px 2px 0px;
}

td, th {
	font-size: 11px;
	line-height: 160%;
	padding: 1px 3px 1px 3px;
}

td {
	text-align: left;
	vertical-align: top;
}

td.alt { background-color: #EFEFEF; }

tr.colored.orange td {
	color: orange;
}

th {
	background-color: #dadada;
	color: black;
	vertical-align: middle;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #aaaaaa;
}


/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * TEXTS - SPECIAL FORMATS                                              */

.hidden {
	display: none;
}

.nobr {
	white-space: nowrap;
}

.spacefixer, .spacefixer td, .spacefixer img {
	font-size: 1px;
	height: 1px;
	padding: 0px;
	margin: 0px;
}

.strong {
	font-weight: bold;
}

.error {
	color: #c40000;
	font-weight: bold;
}

.good {
	color: #08AF0E;
}

.bad {
	color: #c40000;
}

.highlight {
	background-color: #EFE4C3;
}

span.hit-menu {
	font-weight: bold;
	color: blue;
}

span.hit-menu:before {
	content: ' "';
}

span.hit-menu:after {
	content: '" ';
}

p.center {
	text-align: center;
}

p.readableWidth, ul.readableWidth > li {
	width: 50em;
}

p.nomargin {
	margin: 0;
}

div.msg, div.bigmsg {
	padding: 0px;
	margin: 0px;
	color: #a01313;
}

div.bigmsg {
	padding: 5px;
	background-color: #ffe1e1;
	border: 1px solid #c40000;
	margin-bottom: 10px;
}

div.bigmsg.blue {
	background-color: #c9dae3;
	border: 1px solid #082964;
	color: #082964;
}

#sitemain div.bigmsg {
	margin-left: -20px; /* cancels out the sitemain margin so that the background spans the whole width */
	margin-right: -20px;
	border-left-width: 0px;
	border-right-width: 0px;
	padding-left: 20px;
	padding-right: 20px;	
}

#sitemain .cancelMargin {
	margin-left: -20px;
	margin-right: -20px;
}

#sitemain .appendMargin {
	margin-left: 20px;
	margin-right: 20px;
}

div.bigmsg p {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

ul.msg {
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

img.icon {
	border: 0px;
	padding-right: 3px;
	margin-top: -3px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

div.loader {
	padding: 10px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	border-width: 0px;
}

div.preanimate {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

div.filter {
	padding: 0px 10px 10px 10px; 
	margin: 20px 0pt;
	border: 1px solid gray; 
	background-color: #C9DAE3;
}

div.filter div.head {
	margin-top: -5px; 
	padding: 3px; 
	border: 1px solid gray; 
	background-color: white; 
}

div.toolbar, td.toolbar, th.toolbar {
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* ITEMLISTS                                                             */

div.itemlist {
	padding: 0px 10px 25px 10px;
}

div.itemlist.inline {
	padding: 0px 10px 0px 0px;
}

div.itemlist div.front {
	float: left;
	font-weight: bold;
}

div.itemlist div.control-label, div.itemlist div.control, div.itemlist div.items, div.itemlist div.items div {
	float: left;
}

div.itemlist div.items div {
	padding-left: 5px;
}

div.itemlist div.items div img {
	padding-right: 0px;
	margin-right: -3px;
}

div.itemlist div.control-label, div.itemlist div.control {
	padding-left: 5px;
}

div.itemlist div.items span.label {
	border-bottom: 1px dotted grey;
}
	
/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * FORMS                                                                */

form {
	margin: 0px;
	padding: 0px;
}

fieldset:hover {
	background-color: #C9DAE3;
}

fieldset legend {
	font-size: 115%;
	font-weight: bold;
}

input, .upload, select, textarea  {
	font-family:  trebuchet ms, Myriad, tahoma, verdana, sans-serif;
	font-size: 11px;
}

.upload {
	height: 22px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	width: 100px;
}

.invalid {
	border-color: #CC0000;
	background-color: #FFCCCC;
}

input.button {
	width: 80px;
	font-size: 110%;
}

input[type=checkbox] {
	vertical-align: bottom;
}

input[type=radio] {
	vertical-align: top;
}

textarea {
	/*width: 610px;*/
	height: 150px;
	width: 100%;
	line-height: 120%;
}

#sitehead select, #lang-choice-container select {
	padding: 0px;
	color: white;
	border: 1px solid #648291;
	background-color: #2B6F91;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * FORM CONTAINERS                                                      */

div.form select {
	min-width: 150px;
}

div.form {
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
}

div.form.border {
	border: 1px solid #B6B6B6;
}

#sitemain > form > div.form.controls, #sitemain > div.form.controls {
	margin-left: -20px;
	margin-right: -20px;
	padding: 10px 20px 10px 20px;
	background-color: #DDFFBC;
	border-top: 1px solid #6ACF06;
	border-bottom: 1px dashed #6ACF06;
}

#sitemain > form > div.form.controls.bottom, #sitemain > div.form.controls.bottom {
	margin-top: 20px;
	border-top: 1px dashed #6ACF06;
	border-bottom: 1px solid #6ACF06;
}

div.formfields {
	padding: 10px 10px 10px 10px;
}

div.formhead {
	background-color: #B6B6B6;
	color: white;
	padding: 5px 0px 5px 10px;
}

div.formfoot {
	clear: both;
	margin-top: 10px;
}

div.form.border div.formfoot {
	background-color: #B6B6B6;
	text-align: center;
	padding: 5px;
}

div.formmsg p {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.formmsg p img.loader {
	float: right;
}

div.form div.formmsg {
	clear: both;
	margin: 15px;
	background-color: #f7e5c0;
	border: 1px solid #de9903;
	padding: 10px 10px 10px 10px;
}

div.form.controls div.formfoot {
	margin: 0px;
}

div.form.controls div.formbuttons {
	margin: 0px;
	float: left;
	width: 25%;
}

div.form.controls div.formmsg {
	margin: 0px;
}
	
div.form.controls div.formmsg-container {
	width: 75%;
	float: left;
}

div.label {
	width: 25%;
	float: left;
	font-weight: bold;
	padding-bottom: 3px;
}

div.value {
	width: 75%;
	float: left;
	padding-bottom: 3px;
}

div.value span {
	clear: both;
}

div.recordfoot {
	clear: both;
	margin-bottom: 5px;
	font-size: 1px;
}

div.value div.autocompleter-container {
	float: left;
}

div.autocompleter-indicator {
	position: absolute;
}

input.autocompleter-id {
	width: 40px;
	margin-right: 2px;
}

div.autocompleter-indicator img {
	position: absolute;
	top: -19px;
	left: 24px;
}

div.autocompleter-body {
	line-height: 100%;
	text-align: left;
}

div.autocompleter-body > p {
	margin: 0px;
	padding: 5px;
	line-height: 100%;
	text-align: right;
	background-color: #AAAAAA;
	color: white;
}

div.autocompleter-body ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	background-color: #F7F6F5;
}

div.autocompleter-body li, div.autocompleter-body li:active, div.autocompleter-body li:visited {
	padding: 5px;
	border-bottom: 1px solid #AAAAAA;
}

div.autocompleter-body li:hover {
	background-color: #437F9E;
	color: white;
}

div.autocompleter-body li.old, div.autocompleter-body li.old:active, div.autocompleter-body li.old:visited{
	background-color: #DDFFBC;
}

div.autocompleter-body li.old:hover {
	background-color: #68BF11;
}
	
/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * FILE UPLOADER                                                        */
 
.qq-uploader {
	position:relative;
	float:left;
}

.qq-upload-button {
    display: block;
    margin-top: 3px;
    width: 150px; 
    padding: 5px 0; 
    text-align:center;    
    background: #DDFFBC; 
    border: 1px solid #6ACF06;
}
.qq-upload-button-hover {
	background: #6ACF06; 
	color: white;
}

.qq-upload-button-focus {
	outline: 1px dotted black;
}

.qq-upload-drop-area {
    position: absolute; 
    top: -20px; 
    left: -20px; 
    width: 100%; 
    height: 100%; 
    min-height: 100px; 
    min-width: 200px; 
    z-index: 2;
    background: #DDFFBC; 
    text-align: center; 
	outline: 1px dotted #6ACF06;
}

.qq-upload-drop-area span {
    display:block; 
    position:absolute; 
    top: 50%; 
    width:100%; 
    margin-top:-8px; 
    font-size:16px;
}
.qq-upload-drop-area-active {
	background: #DDFFBC;
}

.qq-upload-list {
	display:none;
}

.qq-upload-status {
	float: right;
	padding-top: 6px;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * FORM IN TABLE                                                        */

table.grid {
}

table.grid tr.add td > div {
	maring-right: 6px;
}
table.grid tr.add td > div > div {
	padding-right:6px;
}

table.grid tr.add td input {
	margin-bottom: 3px;
}

table.grid tr.add td {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 3px solid #EEEEEE;
	border-right: 3px solid #EEEEEE;
	background-color: #EEEEEE;
	padding: 3px 0px 0px 0px;
}

table.grid tr.add td.controls {
	padding-bottom: 3px;
}

table.grid div.formbuttons {
	margin: 0px;
	float: left;
	width: 6em;
}

table.grid div.formmsg-container {
	float: left;
}

table.grid div.formmsg {
	background-color: #f7e5c0;
	border: 1px solid #de9903;
	padding: 10px 10px 10px 10px;
}