/*-------- BEGIN MAIN TAG STYLE ----------*/
body
{
	font: 12px Arial, Helvetica, sans-serif;
}

li,span,a,form,div,table,td,tr /*TODO - Noget af dette bør flyttes til body DEF */
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.bold, #info_txt li span{font-weight: bold;}

.italic {font-style: italic;}

.small_txt, .small{font-size: 10px;}

.float_left { float: left; }

.float_right { float: right; }

select, input {font-size: 10px;}

p{padding-top: 4px; margin: 0px;}
	
a{color: #007dff; text-decoration: none;}

a:hover{color: #FF9900; text-decoration: none;}

a.small_link{font-size: 10px;}

a img {	border: 0px; }

h1
{
	font: 20px Arial, Helvetica, sans-serif;
	color: black;
	margin: 0 0 10px 0;
}
h2
{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #007dff;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

h3
{
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 5px 0 5px 0;
}

/*-------- END MAIN TAG STYLE ----------*/


/* Buttons:
normal buttons height must add up to 30px.
normal buttons width must add up to 137px
*/
div.button
{
	height: 23px;
	width: 97px;
	text-align: left;
	background: url(../img/buttons/arrow_std.png) no-repeat;
	padding: 7px 0 0 40px;
	font: bold 12px arial;
	color: black;
	}
div.button_hover
{
	height: 23px;
	width: 97px;
	text-align: left;
	background: url(../img/buttons/arrow_std.png) no-repeat;
	padding: 7px 0 0 40px;
	cursor: pointer;
	font: bold 12px arial;
	color: #ff9900;
	}

div.small_button
{
	margin: 2px 0;
	height: 19px;
	width: 84px;
	background: url(../img/buttons/small_button.png) no-repeat;
	padding: 4px 0 0 0;
	text-align: center;
	font: 11px arial;
	color: #000;
}

div.tiny_button
{
	margin: 2px 0;
	height: 19px;
	width: 54px;
	background: url(../img/buttons/tiny_button.png) no-repeat;
	padding: 4px 0 0 0;
	text-align: center;
	font: 11px arial;
	color: #000;
}

div.small_button_hover
{
	margin: 2px 0;
	height: 19px;
	width: 84px;
	background: url(../img/buttons/small_button.png) no-repeat;
	padding: 4px 0 0 0;
	cursor: pointer;
	text-align: center;
	font: 11px arial;
	color: #ff9900;
	cursor: pointer;
	
}

div.tiny_button_hover
{
	margin: 2px 0;
	height: 19px;
	width: 54px;
	background: url(../img/buttons/tiny_button.png) no-repeat;
	padding: 4px 0 0 0;
	cursor: pointer;
	text-align: center;
	font: 11px arial;
	color: #ff9900;
	cursor: pointer;
	
}

#go_btn_error {
color: gray;
cursor: default;
}

#topbar_txt {
color: gray;
font: 10px Arial, Helvetica, sans-serif;
display: block;
padding: 10px 0px 0px 20px;
}


#betingelser, #betingelser span
{
	font: 11px Arial;	
}

#betingelser div
{
	margin-top:10px;	
}
.zebra
{
	border-bottom: 1px solid #d8eaee;
	border-top: 1px solid #007dff;
}

table.details{width:98%; margin:0px;}

table.details td
{
	padding: 3px 0px 3px 0px;
	margin: 0px;
}

/*------- Begin Validation -------*/

.validate_ok
{
	border-color: none;
	color: black;
}

.validate_error
{
	border-color: red;
	color: red;
	
}

.input_section_wrap .validate_error, .input_section_wrap span.validate_ok {display:inline;}

select .validate_error
{
	border: 1px solid red;
	color: red;
	
}

/*-------- End Validation ---------*/

.input_section_wrap
{
	clear: both;
	width: 400px;
	padding: 10px;
}

.input_section_wrap .asterisk, .input_section_wrap input {display: inline;}

.input_section_wrap span
{
	margin-top: 4px;
	display: block;
}

.input_left {float: left;}

.input_right
{
	float: right;
	width: 170px;
}

/*Input sections*/

fieldset {
 	-moz-border-radius: 8px;
 	width: 535px;
 	padding: 0 0 10px 10px;
 	font: 10px Arial;
 }
 
fieldset legend
 {
 	padding: 0 3px 0 3px;
 	font:bold 14px Arial;
	color:#007dff;
 }
 
fieldset label {
	 display: -moz-inline-box!important;
	 display: inline-block;
	 width: 150px;
	 margin: 5px 5px 5px 10px;
 }

label span /*Long label firefox bugfix */
{
	 display: block;
	 width: 150px;
	 
 }


.form_wrap
 {
 	float:left;
 	clear: none;
 	width: 390px;
 }
 
.sub_fieldset
 {
	 border: none;
	 margin: 0px;
	 padding: 0px;
 }
 
 /*Help box*/
.help_box_show, .help_box_hide
 {
 	width: 150px;
 	float: right;
	margin:-5px 0 0 0!important;
 	margin:10px -5px 0 0;
 	position: absolute;
 	right: 20px!important;
 	right: 40px;
 	padding: 3px;
 }
 
.help_box_show
 {
 	border: 1px solid gray;
 	background: #FFFFE1;
 	z-index: 501;
 }

.help_box_hide
 {
 	z-index: 500;
 }
 
.help_box_hide img, .help_box_show img
{
	cursor: pointer;
}

.help_box_hide img
{
	margin: -1px -1px 0 0;
}

.help_box_show img
{
	margin: -2px -2px 0 0;
}


.help_box_hide .help_txt
{
	display:none;
}

.help_box_show .help_txt
{
	font: 10px arial;
	margin: 2px;
}

/*intro*/
#intro_sections
{
	margin: 15px 0 0 0;
	text-align: center;
	float: left;
	clear: both;
}
#intro_sections img
{
	margin: 0 14px;
	text-align: center;
	border: none;
}


#intro_sections .float_left a
{
	display: block;
	padding: 0px;
	font: bold 14px Arial;
	color: black;
}
#intro_sections .float_left a:hover
{
	color: #FF9900;
}
#info_box
{
	clear: both;
	margin: 15px 0 0 20px;
	width: 480px;
	height: 285px;
	background: url(../img/intro/info_box.png) top left no-repeat;
	padding: 10px;
}
#info_txt
{
	width: 350px;
	height: 275px;
	float: left;
	overflow: auto;
	padding-right: 10px; 
}

#info_txt p, #info_txt li
{
	font: 11px Arial;
}

#info_shortcut
{
	float: right;
	width: 105px;
	height: 275px;
	border-left: 2px solid #c6dcf7;
	padding-left: 5px;

}

#next_trips
{
	cursor: pointer;
	height: 35px;
	border-top: 1px solid gray;
	clear: both;
	width: 370px;
}

#next_trips div
{
	float: left;
	overflow: hidden;
	font: 11px Arial;
	height: 17px;
	padding-top: 8px;
}

.border
{
	border:1px solid red;
}

.press
{
	border-bottom: 1px dotted gray;
}

.press div
{
	float: left;
	font: 11px Arial;
	height: 20px;
	padding-top: 5px;
}

.press div span
{
	text-decoration: underline;
	color: #007DFF;
}


.infobox
{
	border: 1px dotted red;
	padding: 5px;
	text-align: center;
}

.event
{
	padding: 5px;
	border-bottom:	1px solid gray;
}

.event div
{
	float: left;
	font: 11px Arial;
	height: 40px;
	line-height: 40px;
}	

.valign
{
	vertical-align: middle;
}

.searchresult, .vicinitysearchresult
{
	float: left;
	padding: 6px;
	border: 0px solid;
	background: url(../img/search_spacer.png) bottom left no-repeat;
	width: 520px;
}

.searchresult_active, .vicinitysearchresult_active
{
	float: left;
	padding: 6px;
	background-color: silver;
	cursor: pointer;
	width: 520px;
}

.searchresult div, .searchresult_active div
{
	float: left;
	font-size: 11px;
}

.searchresult_active div span, .vicinitysearchresult_active div span
{
	text-decoration: underline;
	font: bold 11px arial;
}



/* Klasser til omkreds-matches */

.vicinitysearchresult div, .vicinitysearchresult_active div
{
	float: left;
	font: italic 11px arial;
}

.vicinitysearchresult div span
{
	font: 11px Arial;
}

.download
{
	float: left;
	width: 240px;
	height: 80px;	
	margin: 5px;
}

.download_active
{
	float: left;
	width: 240px;
	height: 80px;	
	margin: 5px;
	cursor: pointer;

}
.download .desc, .download_active .desc
{
	display: block;
	height: 40px;	
}

.download div
{
	border: 1px dotted silver;
	padding: 2px;

}

.download_active div
{
	border: 1px solid #ff9900;
	padding: 2px;
}

.download_active .streamer {background: url("../img/download/streamer_hover.png") top right no-repeat;}
.download_active .seek {background: url("../img/download/seek_hover.png") top right no-repeat;}
.download_active .skilt {background: url("../img/download/skilt_hover.png") top right no-repeat;}
.download_active .plakat {background: url("../img/download/plakat_hover.png") top right no-repeat;}
.download_active .mittrykkeri {background: url("../img/discount/mittrykkeri_hover.gif") top right no-repeat;}
.download_active .hhferries {background: url("../img/discount/hhferries_hover.gif") top right no-repeat;}
.download_active .no_bg {background-color: #FFF;}

.download .button
{
	float: right;
	color: #007DFF;
}

.download_active .button
{
	float: right;
	color: #ff9900;
}

.members_only_ad
{
	position: relative;
	background: url(../img/member_front_ads_empty.png);
	width: 240px;
	height: 162px;
	padding: 10px;
	margin-right: 2px;
}

.members_only_ad ul 
{
list-style-type: square;
}

.members_only_ad ul li
{
 margin-bottom: 5px;
}

.members_only_ad a.klik_her
{
	position: absolute;
	bottom: 10px;
	font: 14px arial;
	text-decoration: underline;
	vertical-align: bottom;
}