body {
    margin: 0px;
    padding: 0px; 
    margin-top: 5px;
	 background-color: #d3d3d3;
	 font-family: Verdana, Arial, Sans-serif;
	 font-size: 0.75em; 
}

input, select, textarea {
	 font-style: verdana;
    color: #000000;
    border: 1px solid #64870C;
	 background-color: #F5F5F5;
} 

input:focus, select:focus, textarea:focus {
	background-color: #ffffff;
}

.knapp {
	 font-style: verdana;
    border: 2px outset #64870C;
	 background-color: #006300;
	 color: #ffffff;
}

.knapp:focus {
	background-color: #6B8E23;
}

.nobo {
	border: 0px;
}
.checkbox {
	border: 0px;
	background: #ffffff;
}

img {
}

.nodisplay {
	display: none; 
}

.user_message {
	width: 98%;
	/*text-align: center;*/
	border-top: 1px solid #CC9966;
	border-bottom: 1px solid #CC9966;
	background-color: #FFFFCC;
	color: #000;
/*	padding: 5px; */
}

.user_message p {
	/* background: Transparent url('/~rola/meetingcamp/img/confirmation.gif') no-repeat 0px 0px; */
	padding: 0px 0px 5px 24px;
	margin: 0;
	margin-top: 5px;
	margin-right: 12px;
}

#infospot {

}

#infospot h1 {
	color: green;
}

#infospot dt {
	font-weight: bold;
	border-bottom: 2px solid green;
	/*width: 55%; */ 
}

#infospot dd {
	margin-left: 10px;
	/* width: 300px; */
}

#infosport dl {
	text-transformation: italic;
}

#info_box {
	clear: both;
	width: 100%;
	height: 20px;
	border-bottom: 2px solid green;
}

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

#info_box li {
	margin: 0; 
	padding: 0;
	padding-left: 4px;
	padding-right: 4px;
	/* border-left: 1px solid green; */ 
	float: right;
}

/*
#info_box li:hover {
	color: #000;
}
*/

#info_box a {
	font-size: 0.9em;
	font-weight: bold;
	display: block;
}

#info_box a:hover	 {
	color: #000000;
	border-bottom: 2px solid #808080;	
}

#info_box a.active {
	border-bottom: 2px solid green;
}	

#info_box a.inactive {
	color: #cfcfcf;
}

#info_box a.inactive:hover {
	color: #cfcfcf;
	border: 0; 
}

/* Widgets America (by item) 
------------------------------------*/
div#byitem ul.vert {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 540px;
	border: 1px solid #666666;
	}
div#byitem ul.vert li {
	padding: 4px 0;
	margin: 0;
	height: 24px; /* space out your rows */
	}
div#byitem ul.vert li.odd {
	background-color: #eee;
	}
div#byitem ul.horz {
	clear: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
div#byitem ul.horz li {
	float: left;
	width: 260px;
	padding: 0 5px 0 0;
	margin: 0;
	}
div#byitem ul.horz li.name { /* size your columns individually at the expense of »
  slightly bloated markup (labelling each appropriate <li> with this class) */
	width: 200px;
	}
div#byitem ul.horz li.price {
	text-align: right;
	padding-right: 0;
	}

.tableheader {
	font-weight: bold;
	background-color: #006300;
	color: #ffffff; 		 
}

div {
	/*border: 1px solid cyan;*/
}
/*
div.text_image {
background-image:url('../img/environment.png');  
width: 206px;
height: 52px;
float: left;
}
div.grass {
background-image:url('../img/grass.png');  
width: 60px;
height: 52px;
float: left;
}
div.logo {
background-color: white;
width: 534px;
height: 52px;
float: left;
}
div.green_line {
width: 700px;
height: 5px;
background-image:url('../img/mc2_mid_line_bg.png'); 
}

div.top_left_box {
font-size: 14px;
color: #383838;
width: 250px;
height: 200px;
background-color: white;
float: left;
}

div.top_right_box {
width: 538px;
height: 200px;
background-color: white;
float: left;
}

div.bottom_left_box {
font-size: 14px;
width: 250px;
height: 500px;
background-color: lightgray;
float: left;
}

div.bottom_right_box {
width: 550px;
height: 500px;
background-color: yellow;
float: left;
}

div.main {
	background-color: white;
	width: 764px;
	min-height: 814px;
	height: auto;
	margin: 0px auto;
}
div.top {
	width: 750px; 
	height: 7px; 
	background-image:url('../img/mc2_topbar_bg.png');    
	background-repeat: repeat-x;
	background-position: bottom;
	float: left;
}
div.top_left {
	width: 7px;   
	height: 7px; 
	background-image: url('../img/mc2_topbar_left.png');  
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: white;
	float: left;
}
div.top_right {
	width:7px;   
	height:7px; 
	background-image: url('../img/mc2_topbar_right.png'); 
	background-repeat: no-repeat;
	background-position: bottom left;
	float: left;
}
div.bottom_left {
	width: 7px;   
	height: 7px; 
	background-image: url('../img/mc2_bottom_left.png');  
	background-repeat: no-repeat; 
	background-position: top right;
	float: left;
}
div.bottom_right {
	width: 7px;   
	height: 7px; 
	background-image: url('../img/mc2_bottom_right.png'); 
	background-repeat: no-repeat; 
	background-position: top left;
	float: left;
}
div.bottom {
	width: 750px; 
	height: 7px; 
	background-image: url('../img/mc2_bottombar_bg.png'); 
	background-repeat: repeat-x;  
	background-position: top;
	background-color: white;
	float: left;
}
div.right {
	width: 7px; 
	min-height: 800px;
	height: auto; 
	background-image: url('../img/mc2_right_bar.png'); 
	background-repeat: repeat-y; 
	background-position: right;
	background-color: white;
	float: left;
}
div.left {
	width: 7px; 
	min-height: 800px;  
	height: 100% auto; 
	background-image: url('../img/mc2_left_bar.png'); 
	background-repeat: repeat-y; 
	background-position: left;
	background-color: white; 
	float: left;
}
div.center {
	width: 750px; 
	min-height: 800px;
	height: auto; 
	background-color: blue;
	float: left;
}
*/

.header_gr {
    font-style: italic;
    color: #64870C;
    letter-spacing: 3px;
    font-weight: bold;
}

.bold {
	font-weight: bold;
}


a.menu {
   color: #383838;
   text-decoration: none;
}
a:hover.menu {
   color: #64870C;
   text-decoration: none;
}
a {
	text-decoration: none;
	color: #64870C;
}
a:hover {  
   text-decoration: none;
   color: #000000;
}
a:visited {	
   text-decoration: none;
   color: #64870C;
}

h2 {
	font-size: 1.3em;
	margin: 0; 
	padding: 0; 
}

.bottom_right_box table {
  width: 430px;
  font-size: 12px;
  font-family: Arial, Verdana, Sans-serif;
}

/*
.bottom_right_box td {
  background-color: #fff;
}
*/

/**************** center box ***************************/

div.container {
	background-color: transparent;
	margin: 10px auto;	
	width: 760px;		           /*set width of the box here*/
	padding: 0 10px;
	position: relative;	   
}

/***
*:first-child+html div.containerh {
	background-color: #fff;
}
***/

div.containerh {
	padding: 10px 0px;
	background-color: transparent;
	margin: 0;
	position: relative;
}

div.containerw {
	background-color: transparent;
	padding: 1px 0px;
	margin: 0px 0px;
	position: relative;	
	height: 100%;        /*set height of the box here*/
}


* html div.content {
	width: 760px;
}
 
*:first-child+html div.content {
	width: 778px;		
}

div.content {
	height: 100%;	
	background-color: #fff;
	border: 1px solid #000000;
	padding: 0px;       /*adjust padding if you set the height*/
	margin: -11px -10px;
}

div.l {
	width: 20px;
	height: 100%;	
	background-image: url('../img/shadowlr.png');
	background-repeat: repeat-y;
	background-color: transparent;
	background-position: 0px 0;
	position: absolute;	
	left: -30px; 
	top: 0px;
}
div.r {
	width: 20px;
	height: 100%;	
	background-image: url('../img/shadowlr.png');
	background-repeat: repeat-y;
	background-color: transparent;
	background-position: -20px 0;
	position: absolute;	
	right: -30px; 
	top: 0px;
}

div.t {
	width: 100%;
	height: 20px;	
	background-image: url('../img/shadowtb.png');
	background-repeat: repeat-x;
	background-color: transparent;
	background-position: 0px 0;
	margin: 0px 0px;
	position: absolute;	
	left: 0px; 
	top: -30px;	
}
div.b {
	width: 100%;
	height: 20px;	
	background-image: url('../img/shadowtb.png');
	background-repeat: repeat-x;
	background-color: transparent;
	background-position: 0px -20px;
	margin: 0px 0px;	
	position: absolute;	
	left: 0px; 
	bottom: -30px;		
}
div.tlt {
	width: 10px;
	height: 20px;	
	background-image: url('../img/shadowlttbb.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 0px;
	position: absolute;	
	left: 0px; 
	top: -20px;
}
div.trt {
	width: 10px;
	height: 20px;	
	background-image: url('../img/shadowrttbb.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 0px;
	position: absolute;	
	right: 0px; 
	top: -20px;
}
div.tlc {
	width: 20px;
	height: 20px;	
	background-image: url('../img/shadowc.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 0px;
	position: absolute;	
	left: -20px; 
	top: -20px;
}
div.trc {
	width: 20px;
	height: 20px;	
	background-image: url('../img/shadowc.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: -20px 0px;
	position: absolute;	
	right: -20px; 
	top: -20px;
}

div.tll {
	width: 20px;
	height: 10px;	
	background-image: url('../img/shadowtllrr.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 0px;
	position: absolute;	
	left: -20px; 
	top: 0px;
}
div.trr {
	width: 20px;
	height: 10px;	
	background-image: url('../img/shadowtllrr.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: -20px 0px;
	position: absolute;	
	right: -20px; 
	top: 0px;
}


div.bll {
	width: 20px;
	height: 10px;	
	background-image: url('../img/shadowbllrr.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 0px;
	position: absolute;	
	left: -20px; 
	bottom: 0px;
}
div.brr {
	width: 20px;
	height: 10px;	
	background-image: url('../img/shadowbllrr.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: -20px 0px;
	position: absolute;	
	right: -20px; 
	bottom: 0px;	
}
div.blc {
	width: 20px;
	height: 20px;	
	background-image: url('../img/shadowc.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px -20px;
	position: absolute;	
	left: -20px; 
	bottom: -20px;		
}
div.brc {
	width: 20px;
	height: 20px;	
	background-image: url('../img/shadowc.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: -20px -20px;
	position: absolute;	
	right: -20px;
	bottom: -20px;	
}


div.blb {
	width: 10px;
	height: 20px;	
	background-image: url('../img/shadowlttbb.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px -20px;
	position: absolute;	
	left: 0px; 
	bottom: -20px;		
}
div.brb {
	width: 10px;
	height: 20px;	
	background-image: url('../img/shadowrttbb.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px -20px;
	position: absolute;	
	right: 0px;
	bottom: -20px;	
}

div.clear {
	clear: both;
}

.center {
	text-align: center;
}

a img {border: 0px none;}

/*************** /center box ********************/

#top_bild {
	width: 100%;	
	height: 60px;
	/*border: 1px solid green; */
	/* border-bottom: 2px solid green; */
}

#top_logo {
	float: left;
	padding: 10px;
	margin-left: 45px;
	overflow: hidden;
}

#top_env {
	float: right;
	width: 210px;
	padding: 10px;
}

#top_left {
	width: 100%;
	height: 200px;
	overflow: hidden;
}

#top_left_info {
	float: left;
	width: 220px;	
}

#top_right_pic {
	width: 554px;
	height: 200px;	
	float: left;
	border-left: 2px solid green;
	border-right: 2px solid green;
	overflow: hidden;
	background-image: url(../img/mc2_main_img_2.png);
	background-position: right;
	background-repeat: no-repeat;
}

#bottom {
	width: 100%;
	height: 100%;
	border-top: 2px solid green;
	background-color: #cfcfcf;
}

#bottom_left {
	width: 210px;
	height: auto;
	float: left;
	padding-left: 10px;
}

#current_page {
	padding-top: 0px;
	padding-left: 10px;
	float: left;
	min-height: 300px;
	/*border-left: 2px solid green;*/
	width: 545px;
	background-color: #fff;
	padding-bottom: 20px;
	background: #fff url('../img/design/bottom_right_bg.png') repeat-y;
}

#current_page .header {
	width: 100%;
	height: 38px;		
	display: block;
	line-height: 59px;
	font-size: 1.9em;	
	letter-spacing: 1px;
	border-bottom: 1px solid #006300;
	background-image: url('../img/grass_2.png'); 
	background-repeat: no-repeat; 
	background-position: bottom right;
	vertical-align: text-bottom;
	margin-bottom: 10px;		
}


/****** infobox for logged in user *************/

.profile_box {
	/* border: 2px solid #006300; */
	border-right: 0;
	padding: 2px;
	color: #666666;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	background-image: url(../img/toning_gron.jpg); 
}

.profile_box p {
	margin: 0;
	padding: 0;
	font-size: 1em;	
	font-weight: bold;
}

.profile_box label {
	font-size: 0.8em;
}

.profile_box p a {
	font-weight: bold;
	color: #006300;
	font-size: 1.2em;
}

.profile_box p a:hover {
	color: #000000;
}

#logout_button {
	text-align: center;
	background-color: #006300;
	padding: 2px;
	color: #fff;
	margin-top: 5px;
	margin-right: 10px;
}

#logout_button a {
	font-size: 1em;
	color: #fff;
}

#logout_button p {
	margin: 0; 
	padding: 0;
}

/****** /infobox for logged in user *************/

/*************** meeting box ********************/

#header ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
	
	#header li {
		display: inline;
		margin: 0 2px 0 0;
	}
	
	#header a {
		padding: 0 2em;
		text-decoration: none;
		font-weight: bold;
		color: #c9c9c9;
		background: #808080; /* #6B8E23; fc0; */
	}
	
	#header a:hover {
		background: #6B8E23;
		color: #ffffff;
	}
	
	#header #selected {
	}
	
	#header #selected a, #header li a.active {
		padding-bottom: 2px;
		/*font-weight: bold; */
		color: #606060;		
		background: #cfcfcf;
	}
	
	#content {
		border-top: 2px solid white;
		background: #fc0;
		padding: 1em;
	}
	
	#content p {
		margin: 0;
		padding: 1em;
		background: white;
	}
	
	#details, #confirm
{
		border-top: 2px solid #cfcfcf; /* #DAA520; */
		/* border-top: 3px solid #DAA520; */
		background: #fff;
		padding: 1em;
		margin: 0;
		min-height: 300px;
		height: 230px auto;
}

/*************** /meeting box *******************/

#meeting_book_button {
	float: right;
	margin-right: 20%;
	background-color: gray;
	color: #ffffff;
	font-weight: bold;
	padding: 10px;
}

#meeting_book_button:hover {
	background-color: green;
}


#meeting_book_button a {
	color: #ffffff;
}

.participant_list {

}

.participant_list h2 {
	background-color: green;
 	color: #ffffff;
 	margin: 0;
 	padding: 0;
 	padding-left: 2px;
 	padding-right: 2px;
 	font-size: 0.9em;
 	width: 95%;
}

.participant_list div {
	width: 95%;	
	height: 78px;
	overflow: auto;
	border: 2px solid green;
	/*padding-left: 4px; */
	/*
	border-left: 2px solid green;
	border-bottom: 2px solid green;
	border-top: 2px solid green;
	*/
	/* padding-right: 4px; */
	margin-bottom: 6px;
}

.participant_list div p.temp_member, #temp_members p.temp_member {
	width: 23%;
	margin: 0; 
	margin-right: 4px;
	padding: 0;
	font-size: 0.9em;
	float: left;
}

#temp_members {
	padding-left: 5px;
}

.participant_list div p, #temp_members p, #temp_members form {
	margin: 0; 
	padding: 0;
	padding-left: 2px; 
}

.list_checkbox, .list_checkbox:focus {
	background-color: #ffffff;
	color: #666666;
}

.list_row {
	background-color: #ffffff;
	color: #666666;
}


#top_middle_block {
	width: 100%;
	border-bottom: 2px solid green;
}

#top_left_block {
	width: 100%;
	padding-left: 10px;
	overflow: hidden;
}

#top_left_block .left-block {
	float: left;
	width: 210px;
	padding: 10px;
}

#top_left_block .right-block {
	width: 528px;
	border: 1px solid #000;
	float: left;
	padding: 10px;
}

.left-block {
	float: left;
	width: 210px;
	padding: 10px;
}

.right-block {
	width: 528px;
	float: left;
	padding: 10px;
}

#loginform {
  font-size: 12px;
  padding: 10px;
  padding-bottom: 0;
}

#loginform form {
  padding: 0; 
  margin: 0;
}

#loginform label {
	display: block;
}

#registerform {
	font-size: 12px; 
	margin-left: 5px;
	margin-right: 10px;
	/*
	padding-left: 5px;
	padding-right: 5px;
	*/
}

#contact_add, #create_room, #member_edit, #profile_edit, #company_edit {
	font-size: 12px;
	padding-left: 12px;
	background-color: white;
}

#registerform label, #registerform input, #contact_add label, #contact_add input, 
#create_room label, #create_room input, #member_edit label, #member_edit input,
#profile_edit label, #profile_edit input, #company_edit label, #company_edit input
{
	display: block;
	width: 175px;
	float: left;
	margin-bottom: 5px;
}

#registerform label, #contact_add label, #create_room label, #member_edit label, 
#profile_edit label, #company_edit label
{
	text-align: left;
	width: 148px;
	padding-right: 20px;
}

#contacts_edit input {
	text-align: left;
	width: 198px;
	/* padding-right: 20px; */
}

#registerform label:after, #contact_add label:after, #create_room label:after, 
#member_edit label:after, #profile_edit label:after, #company_edit label:after, 
#members_edit label:after, #contacts_edit label:after, #meeting_preview label:after
{ 
	content: ":";
}

#registerform fieldset {
	border: 0; 
	border-top: 1px solid #cfcfcf;
}

#registerform legend {
	font-weight: bold; 
}

#registerform br, #contact_add br, #create_room br, #member_edit br, 
#profile_edit br, #company_edit br, #members_edit br, #contacts_edit br, 
#meeting_details br
{
	clear: left;
}

#members_edit, #contacts_edit {
	font-size: 12px;
	/*padding-left: 12px; */
	background-color: white;
}

#members_edit label, #contacts_edit label, #members_edit inasdput, #members_edit seasdlect {
	display: block;
	/*width: 75px; */
	float: left;
	padding-top: 3px;
	margin-bottom: 5px;
}

#members_edit label, #contacts_edit label {
	text-align: left;
	width: 108px;
	padding-right: 0px;
}

#members_edit div.open, #contacts_edit div.open {
	display: inline; 
}

#members_edit div.close, #contacts_edit div.close {
	display: none; 
}

/*
#registerform label {
	width: 150px;
}

#registerform input {
	margin-right: 140px;
}
*/

#mainmenu {
/*  background-color: green; */
}

#mainmenu fieldset {
	border: 0; 
	border-top: 1px solid #666666;
}

#mainmenu legend {
	font-size: 0.8em;
	font-family: Verdana, Arial, Sans-serif;
	letter-spacing: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

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

#mainmenu li {
  font-size: 0.8em;
}

/*h1 {font: 150% Verdana, Arial, Helvetica, sans-serif;color: #CCCCCC;} */

/*** menu tree ******/
#menycontainer{
	width: 100%;
	font: 70%;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin-top: 15px;
}

#meny{
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}

#meny a{
	display: block;
	margin: 0;
	padding: 0.3em;
	background: #006300;
/*	padding: 0.3em; */
	text-decoration: none;
	height: 100%;
	border-bottom: 1px solid #CCCCCC;
}
	
#meny ul{
	list-style-type: none;
}
 
#meny ul a{
	margin: 0;
	padding: 0.3em; 
	background: #6B8E23;
}	
	
#meny a:link{
	color: #ffffff;
}

#meny a:visited{
	color: #ffffff;
}

#meny a:hover{
	background: #DAA520;
}

#meny li#current a {
	/*font-weight: bold; */
	background-color: #DAA520;
}

#meny a#current_top {
	font-weight: bold;
}

#meny a#subcurrent{font-weight: bold;}
/*
#currentpage span.header h2, #currentpage .header h2 {
	font-size: 2em;
	padding-left: 10px;
	margin-top: 5px;
	padding-top: 15px;	
}

#currentpage span.header, #currentpage .header {
	width: 100%;
	border-bottom: 1px solid #006300;	
	display: block; 
	height: 38px; 
	background-image: url('../img/grass_2.png'); 
	background-repeat: no-repeat; 
	background-position: bottom right;
	vertical-align: text-bottom;
	margin-bottom: 10px;		
}

#currentpage span a {
  
}
*/

.member_add_button {
	display: block;
	margin-bottom: 7px;
}

.member_add_button a {
	background: Transparent url('../img/member_add.png') no-repeat 0px 2px;
	padding: 8px 0px 7px 28px;
	margin-right: 2px;
	font-size: 0.9em;
}

.forward_button {
	display: block;
	margin-bottom: 7px;
}

.forward_button a {
	background: Transparent url('../img/forward.png') no-repeat 0px 2px;
	padding: 8px 0px 7px 28px;
	margin-right: 2px;
	font-size: 0.9em;
}


#billing_address {

}

#confirm #remind_box {
	width: 98%;
	border: 0;
}

#confirm #remind_box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#confirm #remind_box ul ul {
	margin-left: 25px;
}

#meeting_details {

}

#temp_iframe {
	width: 100%;
	margin: 0; 
	padding: 0;	 
	border: 0; 
}

#meeting_preview {
	width: 100%; 
}

#meeting_preview ul {
	list-style: none;
	width: 60%;
}

#meeting_preview label {
	width: 100px;
	float: left;
}

#meeting_preview li {
	width: 440px;
}

#meeting_preview br {
	clear: both;
}

#meeting_details label, #meeting_details input, #meeting_details select {
	margin-bottom: 5px;
}

#meeting_details label {
	float: left;
	width: 70px;
}

#sms_message {
	background-color: #00CC99;
	color: #000000;
	width: 150px;
	border: 2px solid #808080;
	padding: 3px;
}	

#email_message {
	border: 1px solid gray;
	color: #000000; 
}

.checked_row {
	color: #000000;
	background-color: #FFCC66;
}

.row_light {
	background-color: #F8F8FF; 
}

.row_dark {
	background-color: #E6E6E6; 
}

.required {
  font-weight: bold;
}

.readonly, .readonly:focus {
  color: #666666;
  background-color: #DDDDDD;
}

#agreement {
	background-color: #fff;
	margin-right: 55px;
}

#agreement dt {
	font-weight: bold; 
}

#agreement dt, #agreement dd {
	font-size: 0.9em;
}

#agreement dd {
	margin-left: 15px;
}

.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 50%;
			padding: 16px;
			border: 16px solid orange;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}
#driftbox {
  border: 2px solid #c0c0c0;
  width: 100%;
}

#driftbox p {
  padding: 2px;
}

#driftbox h2 {
	background-image:url(../img/gron.png);
	background-position: left center; 
	background-repeat: repeat-y;
}