@import url("organizers.css");
@import url("activity.css");
@import url("hcard.css");
@import url("hcalendar.css");
@import url("tilmelding.css");
@import url("tilmeldte.css");
@import url("newsstories.css");
@import url("participants.css");
@import url("registrations.css");
@import url("activitytypes.css");
@import url("program.css");
@import url("statistics.css");

div#pagecontainer div#pagecontent div#leftCol, .leftCol {
	float: left;
	width: 49%;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.shareWidth {
    width: 49.5%;
}

div#pagecontainer div#pagecontent div#rightCol, .rightCol {
	float: right;
	width: 49%;
}

div#pagecontainer div#pagecontent div#rightCol ul#news, 
div#pagecontainer div#pagecontent div#rightCol ul#news li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#pagecontainer div#pagecontent ul.floatLeft, div#pagecontainer div#pagecontent ul.floatRight {
	margin: 0 10px;
	padding: 0 10px;
}

div#pagecontainer div#pagecontent h2 {
	background-color: #000066;
	color: #fff;
	font-size: 10pt;
	padding: 2px .5em;
	margin-bottom: .5em;
}

div#prefooter, .clearBoth  {
	clear: both;
}

div#pagecontainer div#footer a {
	font-size: 8pt;
}

div#pagecontainer div#pagemenu {
	text-align: center;
	padding: 10px;
}

div#pagecontainer div#pagemenu ul {
	margin: 0;
	padding: 0;
	display: inline;
}

div#pagecontainer div#pagemenu li {
	padding: 1px;
	display: inline;
	margin-left: .5em;
}


div#pagecontainer div#pagemenu ul li.here, div#pagecontainer div#pagemenu ul li.here a {
	background-color: #0000cc;
	color: #fff;
	font-weight: bold;
}

div#pagecontainer div#pagemenu ul li, div#pagecontainer div#pagemenu ul li a {
	font-weight: bold;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}


body {font-family: Verdana,Helvetica, Arial; color: black; font-size: 10pt;}

/* link styles defined in the order LoVe-HAte (Link, Visited, Hover, Active) */
A:link {text-decoration: none;color:#dd7700;}
A:visited {text-decoration: none;color:#dd7700;}
A:hover {color:#dd0000;}
A:active {color:black;}

/* h1 {font-family: Arial,Helvetica; color:black; font-size: 16pt} */
h1 {font-size: 20px; color: #faaa31; }
h2 {font-family: Arial,Helvetica; color:black; font-size: 14pt}
h3 {font-family: Arial,Helvetica; color:black; font-size: 12pt; margin-bottom: 0}

ul li.first {margin-left: 0;}

.debug, p.inputerror {
	background-color: #fafafa;
	color: #aa0000;
	font-weight: bold;
	border: 2px solid red;
	padding: 5px;
	text-align: left;
}

form.admin label, p.label {
	margin: 0;
	padding: 0;
	padding-top: .5em;
	width: 8em;
	float: left;
	text-align: right;
	margin-right: 1em;
	font-weight: bold;
}

.help {
    font-variant: small-caps;
    margin: 1em 2em;
    font-size: .9em;
    font-weight: bold;
}

form.admin.edit p.required label {
	font-weight: bold;
	color: red;
}

p.value_data {
	margin: 0;
	padding: 0;
	padding: .5em;
	margin-left: 8.5em;
	
}

span.info {
	font: normal normal 900 1em/140% Verdana, Helvetica, sans-serif;
	color: #fafafa;
	background-color: blue;
	padding: 0 .3em;
	margin-left: .2em;
	
	/* This declaration are from the CSS3 Border module - the two below are the browser specific fixes */
	border-radius: .2em;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
}

form.admin :target {border: 4px dashed orange;}

form button {
	border: none;
	background-color: transparent;
}

form p label {
	float: left;
	width: 13em;
	margin: 0;
	padding: 0;
	margin-right: .5em;
	text-align: right;
}

form textarea, form input[type="text"], form input[type="password"] {
	font: inherit;
}

form p textarea {
	height: 10em;
}

form p textarea.big {
	height: 10em;
}

form input.small {
    width: 2.4em;
}

form p.required, span.required, form .required {
	color: red;
}

form .required label:after {
	content: "*";
}

/**************************/
/* Utility CSS classes    */
/**************************/
.strike {
	text-decoration: line-through;
}

.hide {
	display: none;
}

.new {
	text-transform: uppercase;
	color: red;
	background-color: inherit;
}

:target {
	border: 1px dashed red;
	font-weight: bold;
}

/* ************************************************** */
/*                                                    */
/*     Preparing for HCards                           */
/*     The unknown properties below are for           */
/*     cross-browser compatibility.                   */
/*                                                    */
/* ************************************************** */
#preparticipants {
	color: #000;
	clear: both;
}

#transbox * {position: relative}

#preparticipants .vcard {
	background: #fff;
	opacity: 0.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	border-bottom: 1px dashed black;
}
	
#preparticipants .vcard:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

#preparticipants ul {
	margin: 0;
	padding: 0;
}

abbr {
    border-bottom: 1px dotted green;
}

.pictureLeft {
  float: left;
  margin: 0 1em 0 0;
  background-color: #eeeeee;
  color: #000000;
  text-align: center;
}

.pictureLeft .pictureText {
	font-size: .8em;
	padding-bottom: .5em;
}

.pictureRight {
  float: right;
  margin: 0 1em 0 0;
  background-color: #eeeeee;
  color: #000000;
  text-align: center;
}

.pictureRight .pictureText {
	font-size: .8em;
	padding-bottom: .5em;
}

.pictureRight .topText {
	text-align: left;
	padding-top: .5em;
	padding-bottom: .5em;	
	padding-left: .5em;
	padding-right: .5em;		
}

/******************************************************/
/*
/* Lister
/*
/******************************************************/
.listSelector {
	font-size: .8em;
	font-variant: small-caps;
	letter-spacing: 0;
}

.warning {
    padding-left: .4em;
    font-style: italic;
    color: red;
}

dl dt{
    text-decoration: none;
}