body {
   background-image: url('webgraph/wgo_bg.png');
   background-repeat: repeat-x;
   background-color: #1E1B1C;
   text-align: center; 
   margin: 0px;
   padding: 0px;
   font-family: Arial, Helvetica, san-serif;
}

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

h1 {
   font-size: 22px;
   font-family: Arial, Helvetica, sans-serif;
   color: #BD5298;
   margin-top: 10px;
   margin-bottom: 10px; 
   font-weight: normal; 
}

h2 {
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
   color: #BD5298;
   margin-top: 10px;
   margin-bottom: 10px;
   font-weight: normal; 
}

a {
  text-decoration: underline;
  color: #BD5298;
}

#container {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 950px;
	background-color: #000000;
	color: #ffffff;
  top: 0px;
}

#top {
  width: 950px;
  background-image: url('webgraph/top_fade.png');
  background-repeat: repeat-x;
}

#top #top_upper {
  width: 950px;
  height: 70px;
  /* border: 2px solid red; */ 
}

#top #wgo_logo {
   margin-top: 20px;
   margin-left: 25px;
   width: 220px;
   height: 35px;
   float: left;
  /* border: 3px solid #ffffff; */
}

#top #clocks { 
   width: 700px;
   height: 70px;
   margin-top: 10px;
   text-align: center; 
   float: left;
  /* border: 3px solid yellow; */
}

#top_menu {
   width: 950px;
   height: 40px;
   border-top: 1px solid #757575; /* Design says #464646 */
   border-bottom: 1px solid #757575;
   text-align: justify;
   text-transform: uppercase;
   vertical-align: middle; 
   padding-top: 0px; 
   font-family: Arial, Helvetica, sans-serif;
}

#top_menu ul {
  float: left;
  list-style-type:none;
  font-size: 18px;
  display: inline;
  width: 950px;
  vertical-align: middle;
  margin-top: 0px;
  text-align: justify; 
}

#top_menu li {
  display: inline;
  vertical-align: middle; 
  padding-right: 20px;
  padding-top: 0px;
}

#top_menu a {
  color: #959595;
  text-decoration: none;
}

#top_menu .current a {
  text-decoration: none;
  color: #BD5298;
}

/* Boxesx */

.double_box {
   width: 900px;
   margin: 25px;
   margin-top: 0px;
   padding: 0px;
/*   border: 3px solid green; */
   float: left;
   text-align: top;
   display: inline;
}

.double_box_movie {
   margin: 0px;
}

.short_box {
   width: 440px;
   padding: 0px;
   margin: 0px;
   display: inline;  
/*   border: 1px solid blue; */ 
   float: left; 
}

.short_box img {
   border: 0px;
   margin: 0px;
   padding: 0px;
}

.short_box a {
   border: 0px;
   text-decoration: none;
}

	#imageContainer { height:280px; }  
	#imageContainer img { display:none; 	
				cursor:pointer;
				position:absolute; 	
				top:0px; left:0px; 	
				height:280px;  	
				width:440px; 	
				opacity: .99; }

	#imageContainerflyer { height:195px; }  
	#imageContainerflyer img { display:none; 	
				cursor:pointer;
				position:absolute; 	
				top:0px; left:0px; 	
				height:195px;  	
				width:440px; 	
				opacity: .99; }

.box_divider {
   width: 20px;
   float: left;
   display: inline; 
   height: 20px;
}

.subtitle_box {
   background-color: #212121;
   color: #BD5298;
   height: 18px;
   width: 440px;
   margin: 0px;
   padding-top: 2px;
   font-size: 12px;
   font-family: Arial, Helvetica, san-serif;
}

.subtitle_box span {
   vertical-align: middle;
   padding-left: 10px;
   height: 25px;
}

.subtitle_box select {
   width: 440px;
   background-color: #212121;
   color: #BD5298;
   border: 1px solid #BD5298;
   font-size: 12px;
   font-weight: bold;
}

.subtitle_box a {
   color: #BD5298;
   border: 0px;
   text-decoration: none;
}



.caption_box {
   border-top: 1px solid #757575;
   border-bottom: 1px solid #757575;
   margin-bottom: 10px;
}

.caption_box h1, h2 {
   font-size: 20px;
   font-family: Arial, Helvetica, sans-serif;
   color: #BD5298;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 10px; 
   font-weight: normal; 
}



.thin_box {
   width: 125px;
   float: left;
   color: #757575;
   margin: 0px;
}

.thin_box ul {
   list-style-type: none;
   top: 0px; 
   width: 125px;
   margin: 0px;
   padding: 0px;
}

.thin_box li {
   border-bottom: 1px solid #757575;
   padding: 0px;
   margin: 0px;
   margin-top: 10px;
   padding-bottom: 5px;
   font-family: Arial, Helvetica, sans-serif;
}

.thin_box a {
   text-decoration: none;
   color: #757575;
}

.thin_box h2 {
   font-size: 20px;
   font-family: Arial, Helvetica, sans-serif;
   color: #D85DAD;
   border-bottom: 1px solid #757575;
   padding-bottom: 10px;
   margin-bottom: 0px;
   margin-left: 0px;
   font-weight: normal;
}

#guide_container {
   border-top: 1px solid #757575;
}

.cities_link_selected {
  text-decoration: none;
  color: #BD5298;
}

#calendar_table_container {
   float: left;
}

#calendar_caption h2 {
   float: left;
}

#calendar_caption ul {
   float: left;
   display: inline;
   list-style: none;
   margin: 0px;
   margin-top: 10px;
   padding: 0px;
}

#calendar_caption li {
   float: left;
   padding-left: 5px;
   list-style: none;
}

#calendar_caption img {
   border: none;
}

#calendar_caption a {
   color: #BD5298;
   font-weight: bold;
   text-decoration: none;
}

/*
.calendar_week {
   width: 135px;
   height: 490px;
   margin: 0px;
   padding: 0px;
}

.calendar_week tr {
   padding: 0px;
   margin: 0px;
}
*/

.calendar_date {
   width: 35px;
   margin-top: 0px;
   margin-right: 1px;
   margin-bottom: 0px;
   vertical-align: top;
   background-color: #212121;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   padding-top: 3px;
}

.calendar_date a {
   text-decoration: none;
   color: #FFFFFF;
}

.calendar_date_selected {
   width: 35px;
   margin-top: 0px;
   margin-right: 1px;
   margin-bottom: 0px;
   vertical-align: top;
   background-color: #464646;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
}

.calendar_date_selected a {
   color: #BD5298;
   text-decoration: none;
}

.calendar_day {
   width: 100px;
   margin-top: 0px;
   margin-right: 1px;
   margin-bottom: 0px;
   vertical-align: top;
   background-color: #212121;
   font-family: Arial, Helvetica, sans-serif;
}

.calendar_day a {
   text-decoration: none;
   color: #FFFFFF;
}

.calendar_day_selected {
   width: 100px;
   margin-top: 0px;
   margin-right: 1px;
   margin-bottom: 0px;
   vertical-align: top;
   background-color: #464646;
   font-family: Arial, Helvetica, sans-serif;
}

.calendar_day_selected a {
   text-decoration: none;
   color: #BD5298;
}

.event_list {
   height: 375px;
   margin-bottom: 2px;
   width: 290px;
   background-color: #464646;
   float: left;
   margin-top: 2px;
   color: #000000;
   padding-top: 0px;
   padding-left: 5px;
   font-family: Arial, Helvetica, sans-serif;
   overflow-y: auto;
}

.event_list ul {
   padding: 0px;
   margin: 0px;
   list-style-type: none;
}

.event_list li {
   padding-top: 10px;
   padding-bottom: 10px;
   margin: 0px;
   border-bottom: 1px solid #000000;
}

.event_list a {
   text-decoration: none;
   color: #000000;
}

.eventlist_printtell {
   height: 17px;
   margin-left: 145px;
   background-color: #363636;
   font-family: Arial, Helvetica, San-Serif;
   font-size: 0.9em;
   color: #fff;
   width: 295px;
   text-transform: uppercase;
   float: left;
}

.eventlist_printtell ul {
   display: inline;
   padding: 0px;
   list-style-type: none;
}

.eventlist_printtell li {
   float: left;
   margin-left: 10px;
   padding-right: 10px;
   border-right: 1px solid #000000;
}

.eventlist_printtell a {
   color: #fff;
   text-decoration: none;
}

/* List the recomendations. Use most of the things from abowe */
.recomendations {
  width: 440px;
  margin-bottom: 1px;
  float: none;
}

.recomendations_item {
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000000;
}

.recomendations_item_container {
  display: inline;
}

.recomendations_item_description {
  float: left;
  width: 200px;
  margin: 0px;
  margin-right: 45px;
} 

.recomendations_item_description h3 {
  margin: 0px;
  margin-bottom: 10px;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}

.recomendations_item_description p {
  margin: 0px;
  margin-bottom: 10px;
  color: #000000;
  font-size: 14px;
  text-align: justify;
}  

.recomendations_item_info {
  margin: 0px;
  float: right;
  width: 155px;
}

.recomendations_item_info b {
  text-transform: uppercase;
}

.recomendations_item_info table {
  padding: 0px;
  margin: 0px;
}

.recomendations_item_info td {
  font-size: 12px;
}

#recomendations_printtell {
   height: 25px;
   background-color: #363636;
   font-family: Arial, Helvetica, San-Serif;
   color: #000000;
   width: 445px;
   text-transform: uppercase;
   float: left;
   margin: 0px;
}

#recomendations_printtell ul {
   display: inline;
   padding: 0px;
   list-style-type: none;
}

#recomendations_printtell li {
   float: left;
   margin-left: 10px;
   padding-right: 10px;
   border-right: 1px solid #000000;
}

#recomendations_printtell a {
   color: #000000;
   text-decoration: none;
}


/* Make sure that the calendar div always is 390px height */
#calendar {
   height: 540px;
}
#calendar_feed {
	background-color: #000000;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#eventcontent {
   display: none;
}

#eventcontent_eventimg {
   margin: 0px;
   padding: 0px;
   margin-bottom: 3px;
}

#eventcontent_caption h2 {
   float: left;
}

#eventcontent_caption a {
   float: right;
   color: #757575;
   font-size: 20px;
   text-transform: uppercase;
   text-decoration: none;
   margin-top: 10px;
   margin-right: 5px;
   padding-left: 5px;
   border-left: 1px solid #464646;
   font-family: Arial, Helvetica, sans-serif;
}

#eventcontent_container {
   background-color: #464646;
   width: 440px;
   height: 190px;
   margin-top: 0px;
   margin-bottom: 1px;
   background-color: #464646;
}

#eventcontent_description {
   height: 115px;
   width: 310px;
   border-right: 1px solid #000000;
   margin-top: 15px;
   margin-left: 10px;
   margin-bottom: 0px;
   overflow: auto;
   padding-right: 20px;
   text-align: justify;
   float: left;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
}

#eventcontent_description p {
   padding: 0px;
   margin: 0px;
   margin-top: 3px;
}

#eventcontent_info {
   width: 80px;
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left: 15px;
   color: #000000;
   float: right;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
}

#eventcontent_info ul {
   padding: 0px;
   margin: 0px;
   list-style: none;
}

#eventcontent_info li {
   list-style: none;
   padding: 0px;
   margin: 0px;
   margin-bottom: 10px;
}

.eventcontent_info_caption {
   padding: 0px;
   margin: 0px;
   color: #D85DAD;
   text-transform: uppercase;
}

#eventcontent_printtell {
   height: 17px;
   background-color: #363636;
   font-family: Arial, Helvetica, San-Serif;
   font-size: 0.9em;
   color: #fff;
   text-transform: uppercase;
}

#eventcontent_printtell ul {
   display: inline;
   padding: 0px;
   list-style-type: none;
}

#eventcontent_printtell li {
   float: left;
   margin-left: 10px;
   padding-right: 10px;
   border-right: 1px solid #000000;
}

#eventcontent_printtell a {
   color: #fff;
   text-decoration: none;
}

/* Class for breaking the inlignment */
.break_inline {
   clear: both;  
}

#site_info {
   border-top: 1px solid #464646;
   margin-right: 25px;
   margin-left: 25px;
   margin-top: 10px;
   margin-bottom: 10px;
   padding-bottom: 5px;
   font-size: 11px;
}

/* Admin part and forms */

#admin_loginbox {
   	margin: 0 auto;
   	margin-top: 20px;
   	margin-bottom: 20px;
   	width: 400px;
   	background-color: #212121;
   	color: #ffffff;
   	border: 1px solid #BD5298;
}

#admin_loginbox 7{
   color: #ffffff;
   margin-top: 3px;
   margin-left: 10px;
}

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

input, textarea {
   background-color: #464646;
   border: 1px solid #BD5298;
   color: #ffffff;
}



.admin_shortbox {
/* Please note that this one should extend .sort_box
   <div class="short_box admin_shortbox"> */
   background-color: #212121;
   color: #ffffff;
   border: 1px solid #BD5298;
   margin-bottom: 50px;
   width: 430px;
}

.admin_shortbox p {
   color: #ffffff;
   margin-top: 3px;
   margin-left: 10px;
   margin-right: 15px;
   font-weight: normal;
}

.admin_shortbox b {
   font-weight: bold;
}

.admin_shortbox select {
   width: 350px;
   background-color: #212121;
   color: #BD5298;
   border: 1px solid #BD5298;
   font-size: 12px;
   font-weight: bold;
}

.admin_shortbox h3 {
   font-size: 16px;
   margin-bottom: 5px;
   margin-left: 10px;
   color: #BD5298;
}

.admin_shortbox table {
   margin: 0px;
   margin-left: 10px;
   padding: 0px;
}

.admin_shortbox a {
   color: #ffffff;
   text-decoration: none;
}

#search_results td {
   border: 1px solid #00000;
   margin: 5px;
}

.errormsg {
   font-weight: bold;
   color: red;
}

.pinkbold {
   font-weight: bold;
   color: #BD5298;
}



/* Elements for the JavaScript box that hides the whole site */
/*
#cover {
display:none;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:gray;
filter:alpha(Opacity=50);
opacity:0.5;
-moz-opacity:0.5;
-khtml-opacity:0.5
}

#output {
display:none;
left:200px;
top:200px;
width:300px;
height:300px;
position:absolute;
z-index:100;
background:white;
padding:2px;
font:10pt tahoma;
border:1px solid gray
}
*/

/* rotator in-page placement */
#rotator {
	width: 50%;
	height: 250px;
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#rotator2 {
	width: 50%;
	height: 250px;
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* rotator css */
#rotator ul, #rotator2 ul {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  list-style: none;
}

#rotator ul li, #rotator2 ul li {
	float:left;
	position:absolute;
  	top: 0;
  	left: 14px;
	list-style: none;
	list-style-type: none;
	padding: 0;
	display: inline;
}
/* rotator image style */	
#rotator ul li img, #rotator2 ul li img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#rotator ul li.show, #rotator2 ul li.show {
	z-index:500;
	list-style-type: none;
	list-style: none;
}
.thebox {
  width: 100%;
  height: 250px;
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}