.white {color: #ffffff;}
.black {color: #000000;}
.red {color: #DE2835;}
.green {color: #9ADE00;}
.grey {color: grey;}
.lightgrey {color: #d5d5d5;}
.blue {color: #0DC1E4;}
.backgroundwhite {background: #ffffff;}
.backgroundblack {background: #000000;}
.backgroundred {background: #DE2835;}
.backgroundgreen {background: #9ADE00;}
.backgroundgrey {background: grey;}
.backgroundlightgrey {background: #d5d5d5;}
.backgroundblue {background: #0DC1E4;}
@CHARSET "UTF-8";
dummy {}

a {
	text-decoration: none;
	color: #323232;
}

a.paginatorpage {
	font-size: 9px;
	border: 1px solid #0DC1E4;
	padding: 1px 4px;
	margin-right: 1px;
}

span.currentpaginatorpage {
	font-size: 9px;
	border: 1px solid #0DC1E4;
	padding: 1px 4px;
	background: #0DC1E4;
	color: white;
	margin-right: 1px;
}

a.event_unassigned, a.event_assigned {
	padding: 1px 0px 2px 18px;
}

a.event_unassigned {
	background: url(/icons/assigned_f.png) no-repeat;
}

a.event_assigned {
	background: url(/icons/assigned_t.png) no-repeat;
}

body {
	font-family: Arial,Tahoma,Sans-Serif,Helvetica;
	font-size: 12px;
	line-height: 15px;
	margin: 0;
	padding: 0;
	background: #ffffff;
	color: #323232;
}

button {
	background-color: transparent;
	border: 0 none;
	cursor: pointer;
	float: left;
	margin: 3px 5px 0 0;
	overflow: visible;
	padding: 0 0 0 3px;
	text-align: center;
	white-space: nowrap;
	width: auto !important;
}

button span, button em {
	background: transparent url(/images/layout/buttons.png) no-repeat scroll 0 0;
}

button.submit span {
	background-position: right 0;
}

button.cancel span {
	background-position: right -25px;
}

button.submit em {
	background-position: left 0;
	color: #0DC1E4;
}

button.cancel em {
	background-position: left -25px;
	color: #b0b0b0;
}

button.submit span, button.cancel span {
	display: block;
	margin: 0;
	padding: 0 10px 0 0;
}

button.submit em, button.cancel em {
	display: block;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	line-height: 25px;
	margin: 0 0 0 -3px;
	padding: 0 0 0 10px;
}

div.eventinfo {
	border: 1px solid #0DC1E4;
	padding: 3px;
	margin-bottom: 15px;
}

div.header {
	margin-left: 110px;
	margin-right: 20px;
	width: 830px;
	height: 20px;
	padding-top: 20px;
	font-size: 11px;
}

div.event-container {
	width: 280px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #d5d5d5;
	padding: 6px;
	float: left;
}

body.default {
	background: url(/images/layout/roadbg.jpg) no-repeat top center;
}

body.publicviewing {
	background: url(/icons/specials/bg_body_publicviewing.jpg) no-repeat top center;
}

div.footer {
	margin-left: 110px;
	margin-right: 20px;
	margin-top: 0px;
	text-align: center;
	width: 830px;
	height: 25px;
	padding-top: 0px;
}

div.contentbox {
	margin-left: 90px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #ffffff;
	border: 1px solid #f0f0f0;
	border-top: 4px solid #e0e0e0;
}

div.gpopup {
	color: black;
	font-size: 11px;
}

div.whatsnew {
	margin-bottom: 10px;
	border: 1px solid #0DC1E4;
	padding: 5px 5px 5px 40px;
	background: url(/icons/infolamp.png) no-repeat;
	background-position: 5px 8px;
}

div.whatsnew h2 {
	margin-top: 0;
}

td.contentarea, div.contentonly {
	padding-left: 10px;
	padding-right: 12px;
	padding-top: 2px;
	line-height: 18px;
}

td.contentarea a {
	text-decoration: underline;
}

td.contentarea a.username {
	text-decoration: none;
	color: #000000;
}

td.contentarea a.paginatorpage {
	text-decoration: none;
}

td.contentarea a:hover, div.footer a:hover {
	text-decoration: none;
	color: #0DC1E4;
}

td.contentarea a.samecolor:hover {
	text-decoration: none;
	color: #9ADE00;
}

div.infobox, div.infoboxblue {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	font-size: 12px;
}

div.infoboxblue {
	padding: 5px 15px;
	color: white;
	background: #0DC1E4;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

div.infoboxblue-c {
	padding: 5px 15px;
	color: white;
	background: #0DC1E4;
	margin-bottom: 15px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}


div.infoboxblue a.black, div.infoboxblue-c a.black {
	color: #606060;
}

div.infoboxblue h2, div.infoboxblue-c h2 {
	margin-top: 8px;
	color: #ffffff;
}

div.infoboxblue h2 a {
	color: #ffffff;
	text-decoration: none;
}

div.infoboxblue h2 a:hover {
	text-decoration: underline;
	color: #ffffff;
}

div.infoboxblue a {
	color: #9ADE00;
}

div.border {
	border: 1px solid #e0e0e0;
	padding: 5px;
	background: #f6f6f6;
}

div.blank {
	background: url('/images/layout/infobox_blank.jpg') no-repeat;
}

div.card {
	background: url('/images/layout/infobox_card.jpg') no-repeat;
}

div.tramp {
	background: url('/images/layout/infobox_tramp.jpg') no-repeat;
}

div.event {
	background: url('/images/layout/infobox_event2.jpg') no-repeat;
}

div.costcalculator {
	background: url('/images/layout/infobox_costcalculator.jpg') no-repeat;
}

div.other {
	background: url('/images/layout/infobox_water.jpg') no-repeat;
}

div.messagebox {
	margin-left: 15px;
	margin-bottom: 5px;
	width: 835px;
}

div.tagcloud {
	line-height: 21px;
}

div.tagcloud a {
	color: white;
	text-decoration: none;
}

div.tagcloud a:hover {
	text-decoration: underline;
	color: white;
}

div.widget50 {
	float: left;
	width: 310px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 240px;
}

div.widget100 {
	float: left;
	width: 630px;
	margin-right: 10px;
	margin-bottom: 10px;
	_height: 250px;
}

div.widget50 div.head, div.widget100 div.head {
	padding: 3px 6px;
	font-size: 13px;
	font-weight: bold;
	background: #f0f0f0;
	color: #0DC1E4;
	border: 1px solid #d0d0d0;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
	margin-bottom: 5px;
}

div.widget50 div.content, div.widget100 div.content {
	padding: 0 6px;
	_height: 190px;
}

div.widget50 div.separator, div.widget100 div.separator {
	border-bottom: 1px solid #e0e0e0;
}

div#widgetCode {
	border: 2px solid #000000;
	padding: 3px;
	margin-top: 5px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
}

div.head100 {
	width: 618px;
	padding: 3px 6px;
	font-size: 13px;
	font-weight: bold;
	background: #f0f0f0;
	color: #0DC1E4;
	border: 1px solid #d0d0d0;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
	margin-bottom: 5px;
}

h2,h3 {
	color: #0DC1E4;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 10px;
}

h2 {
	font-size: 18px;
	line-height: 22px;
}

h3 {
	font-size: 15px;
	margin-bottom: 8px;
	margin-top: 20px;
}

div.mainnavigation {
	margin-left: 50px;
	margin-top: 50px;
	color: #ffffff;
	font-size: 15px;
	font-family: Arial, Sans-Serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
}

div.mainnavigation a, div.searchform a {
	color: #ffffff;
	text-decoration: none;
}

div.searchform {
	margin-top: 120px;
	margin-left: 50px;
	margin-right: 50px;
	width: 100%;
	color: white;
}

div.searchform td {
	padding: 2px;
	padding-right: 10px;
	font-size: 14px;
}

div.searchform input.text {
	border: 1px solid #9ADE00;
	padding: 2px;
}

div.searchform input[type=text] {
	padding: 4px;
	border: 1px solid #9ADE00;
}

div.seperator {
	margin-left: 5px;
	margin-right: 10px;
	border-bottom: 1px dotted #d5d5d5;
}

div#visualSearch {
	z-index: 15;
	position: absolute;
	margin-left: 250px;
	top: 20px;
	border: 5px solid #0DC1E4;
	background: white;
	width: 600px;
	height: 655px;
}

div#centeredPopup {
	display: none;
	width: 500px;
	background: #ffffff;
	
	position: absolute;
	z-index: 99;

	border: 2px solid #0DC1E4;
	padding: 10px;
}

table.form {
	padding: 0;
	border-spacing: 2px;
}

table.form hr {
	border: 1px solid #e5e5e5;
}

table.form td {
	padding-right: 5px;
	padding-left: 0;
	padding-top: 1px;
	padding-bottom: 6px;
	vertical-align: top;
}

table.smallform td {
	padding-right: 2px;
	padding-left: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
}

table.smallform td.label {
	font-size: 10px;
	font-weight: normal;
}

table.translateform td {
	font-size: 11pt;
	vertical-align: middle;
}

table.blind, table.subtable {
	padding: 0;
	border-spacing: 0;
}

table.blind td {
	padding: 0;
}

table.blind td.blind {
	border: none;
}

table.subtable td {
	padding: 2px;
}

table.form td.section {
	padding-top: 20px;
	font-size: 15px;
	color: #0DC1E4;
	border-bottom: 1px solid #d5d5d5;
}

table.form td.subsection {
	border-top: 1px solid #e0e0e0;
}

td.label {
	width: 100px;
	font-weight: bold;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
}

p.question {
	font-weight: bold;
	margin-top: 10px;
}

img.help {
	margin-left: 2px;
	margin-bottom: 5px;
	cursor: pointer;
}

img.photo {
	border: 1px solid #0DC1E4;
	padding: 1px;
}

div.submenu {
	color: #0DC1E4;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px dotted #d5d5d5;
	padding: 3px 0;
	letter-spacing: 1px;
	margin-top: 5px;
	text-transform: uppercase;
}

div.mainmenu a:hover{
	color: #0DC1E4;
}

.confirm {
	background: #9ADE00;
}







div.caption {
	background: #0DC1E4;
	color: white;
	font-weight: bold;
	padding: 2px;
	border-bottom: 1px dotted grey;
}

div.caption a, div.caption a:hover {
	color: grey;
	text-decoration: none;
}



div.feedbackbox {
	border: 2px solid orange;
	width: 85%;
	padding: 5px;
}

div#navigation {
	position: absolute;
	left: 2px;
	width: 200px;
	margin: 0px;
	padding: 0px;
}

div#content {
	margin: 0px 200px 0px 200px;
	border-left: 1px solid #336699;
	border-right: 1px solid #336699;
	padding: 10px;
	background-color: #ffffff;
	min-height: 500px;
}

div#footer {
	background: #c0c0c0;
	padding: 5px;
	text-align: center;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

div#rightcolumn {
	position: absolute;
	right: 0px;
	width: 200px;
	color: #564b47;
	margin: 0px;
	padding: 0px;
}

div#navigation ul {
	margin: 0;
	padding: 0;
}

div#navigation ul.submenu {
	list-style-type: none;
}

div#navigation li {
	margin: 0;
	padding: 0;
	padding-left: 16px;
	padding-top: 10px;
}

div#navigation ul.submenu li {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	padding-top: 2px;
	font-size: 10px;
}

div#navigation li.selected, #navigation li:hover {
	background: ;
}

div#navigation a {
	color: ;
}

div#navigation a.selected {
	font-weight: bold;
}

div.messages {
	border: 1px solid #e0e0e0;
	padding: 2px;
	color: #505050;
	font-weight: bold;
	margin-bottom: 5px;
}

div.messages .errors {
	padding: 2px 6px;
	background: #DE2835;
	color: #e0e0e0;
}

div.messages .infos {
	padding: 2px 6px;
	background: #B3FF07;
}

input.button {
	background: url('/images/layout/buttonbg.jpg');
	color: #0DC1E4;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #9ADE00;
	margin: 0;
}

input[type=text], input[type=password], textarea {
	border: 1px solid #909090;
	background: #ffffff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input[type=text].focusedfield, input[type=password].focusedfield, textarea.focusedfield {
	border: 1px solid #9ADE00;
}

input[type=text], input[type=password] {
	margin-top: 2px;
	padding: 3px;
}

input[type=text].datehover:hover, input[type=text].datehover:focus {
	background: url(/icons/calicon.png) no-repeat right #ffffff;
}

select {
	margin-top: 2px;
	padding: 1px;
}

input.errorfield, select.errorfield {
	border: 2px solid red;
	background: #FFD2D2;
}

form {
	margin: 0;
}

form td {
	vertical-align: top;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

input.changed {
	border: 2px solid #9ADE00;
}

p.topspace {
	margin: 5px 0 0 0;
	padding: 0;
}

p.paginator {
	font-size: 11px;
	border: 1px solid #e5e5e5;
	padding: 2px 6px;
	background: #f6f6f6;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
}

.roundcorners {
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;		
}

.helptext {
	font-size: 10px;
	color: grey;
	margin: 2px 0;
}

table.list {
	border-collapse: collapse;
	width: 100%;
}

table.list td, table.list th {
	padding: 5px;
	border-bottom: 1px solid #d5d5d5;
}

table.list td {
	vertical-align: top;
}

table.list th, table.list td {
	border-right: 1px solid #d5d5d5;
	border-left: none;
	border-top: none;
	background: none;
}

table.list th {
	color: #0DC1E4;
}

table.list th.lastcolumn, table.list td.lastcolumn {
	border-right: none;
}

table.list2 {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}

table.list2 td,th {
	vertical-align: top;
	padding: 4px;
}

table.list2 th {
	border: none;
	border-top: 1px solid ;
	border-bottom: 1px solid ;
	background: ;
	color: ;
	text-align: center;
}

table.list2 td {
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid ;
	padding-top: 6px;
	padding-bottom: 6px;
}

table.list2 td.lastcolumn {
	border-right: none;
}

table.image {
	border-spacing: 0;
	border-collapse: collapse;
	width: 412px;
}

table.image td {
	border: 1px solid ;
	padding: 5px;
}

table.image td.largeimage {
	height: 332px;
	text-align: center;
}

table.restriction {
	border: 1px solid ;
	background: ;
	width: 100%;
}

table.detailpreview {
	border-spacing: 0;
	border-collapse: collapse;
}

table.detailpreview img {
	cursor: pointer;
}

table.detailpreview td {
	width: 82px;
	height: 82px;
	border: 1px solid #d5d5d5;
	padding: 1px;
	text-align: center;
}

table.coininfo td {
	padding: 5px;
	vertical-align: top;
}

table.noborder {
	border-spacing: 0;
	border-collapse: collapse;
}

table.noborder td {
	padding: 0;
	padding-top: 3px;
	padding-bottom: 3px;
}

td,th {
	padding: 2px;
}

.box {
	border: 1px dotted #9ADE00;
	padding: 4px;
}

th {
	text-align: left;
	border: 1px solid darkgrey;
	background: lightgrey;
	color: black;
}

th.sort {
	text-decoration: underline;
}

tr.feedbackdone td {
	color: #a0a0a0;
}

tr.rowhover {
	background: ;
}

tr.rowclickhover {
	background: ;
	cursor: pointer;
}

tr.borderbottom td {
	border-bottom: 1px solid ;
}

.inputvalue {
	color: #9ADE00;
}

.bigger {
	font-size: 15px;
}

.bold {
	font-weight: bold;
}

.bottomalign {
	vertical-align: bottom;
}

.center {
	text-align: center;
}

.clearfloat {
	clear: both;
}

.clickable {
	cursor: pointer;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.mandatory {
	color: #0DC1E4;
	font-weight: bold;
}

.nobr {
	white-space: nowrap;
}


.rightalign {
	text-align: right;
}

.small {
	font-size: 11px;
}

.sort {
	cursor: pointer;
}

.smaller {
	font-size: 10px;
}

.topalign {
	vertical-align: top;
}

.underline {
	text-decoration: underline;
}

.vevent abbr {
	border: 0;
}

.shadow {
	background: #f0f0f0;
}

.shadowmed {
	margin: 0;
	padding: 0;
	background: #e0e0e0;
}

.shadowmax {
	margin: 0;
	padding: 0;
	background: #d0d0d0;
}

.owner {
	font-size: 16px;
	color: #a02e25;
}

div.searchResultDiv {
	position: absolute;
	display: none;
	margin: 0;
	font-size: 9px;
	padding: 0px;
	width: 250px;
	background: white;
	color: black;
	z-index: 5;
}

div.stopover {
	width: 155px;
	padding: 2px;
	float: left;
}

div.stopoverselected, div.stopoverselected a {
	color: #0DC1E4;
	text-decoration: none;
}

div.acResults {
	border: 2px solid #9ADE00;
	font-size: 9px;
	background: white;
	color: black;
	padding: 2px;
	height: 100px;
	overflow: auto;
	z-index: 5;
}

div.sResults {
	position: absolute;
	border: 2px solid #9ADE00;
	background: white;
	padding: 2px 4px;
	margin-top: 2px;
	z-index: 5;
	display: none;
	font-size: 8pt;
}

div.acResults div {
	padding: 2px;
}

div.acResults .selected a {
	color: #0DC1E4;
}


/* livesearch styles */
div.lsResults {
	border: 2px solid #9ADE00;
	height: 100px;
	overflow: auto;
	background: white;
	font-family: Arial;
	font-size: 11px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	margin-top: 7px;
}

div.lsResults ul {
	margin: 0;
	padding: 0;
}

div.lsResults ul li {
	padding: 2px;
}

div.lsResults ul li.shadow {
	background: #f0f0f0;
}

div.lsResults ul li.selected {
	color: orange;
	cursor: pointer;
}