/*
 * $Archive: /FalckOBS/DataLayer/ProductInstance.cs $
 * $Date: 11-09-03 11:15 $
 * $Revision: 45 $
 * $Author: Anderswp $
 * 
 * Copyright (c) 2003 by Creuna A/S. All rights reserved. 
 * Unauthorized distribution or modification prohibited.
 */

/* ////////////////////////////////////////////////

Here are the CSS declarations to be used by
both the admin and the public solution

//////////////////////////////////////////////// */

body  {
	color: #333330;
	font-size: 12px;
	line-height: 15px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin:0px;
	}

p.compact {
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
}



.hide {
	display:none;
	}

img {
	border:0px;
	}

hr {margin:0; padding:0; height:1px; color:#999897;}

/* ////////////////////////////////////////////////

styles for popup windows...
//////////////////////////////////////////////// */
body.popup {

			background-color:#FFFFFF;
		}

		#content {
			margin:20px 0 0px 20px;
			width:420px;
		}

/* ////////////////////////////////////////////////

tabs
//////////////////////////////////////////////// */

div.tabrow {
	background-image:url(../../img/tab_bg_no.gif);
	background-repeat:repeat-x;
	vertical-align: bottom;
}

a.tabOff, a.tabOff:visited {
		color: #7d7e79;
		font-weight: bold;
		font-size: 12px;
		font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
		text-decoration: none;
		}

		a.tabOff:hover {
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		}


a.tabOn, a.tabOn:visited {
		color: #FF0000;
		font-weight: bold;
		font-size: 12px;
		font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
		text-decoration: none;
		}

		a.tabOn:hover {
		color: #ff0000;
		text-decoration: none;
		}



/* ////////////////////////////////////////////////

iframe for the list/week/month
//////////////////////////////////////////////// */

#listframe {width:100%; margin:0; padding:0; height:200px; border:0px;}



/* ////////////////////////////////////////////////

form related
//////////////////////////////////////////////// */

form
{
	margin:0;
	padding:0;
}

/*
form.filter {
	margin:0px;
	margin-bottom:10px;
	margin-top:10px;
	padding:10px;
	font-size:11px;
	background-color: #F1F2EF;
	border:1px solid #CFCFCA;
	}
*/
form.filter, table.filter {
	margin:0px;
	margin-bottom:10px;
	padding:5px 0 5px 0;
	font-size:11px;
	background-color: #F1F2EF;
	border:1px solid #7D7E79;
	border-top:0px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	width: 100%;
}
div.filter {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	font-size:11px;
	background-color: #F1F2EF;
	border:1px solid #7D7E79;
	border-top:0px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}



input, select {font-size:11px;}
input.checkbox {vertical-align:middle; margin:0px; padding:0px; }


input.text {
	border:1px solid #7d7e79;
	}
input.btnOk {
	/*
	background-color: #F1F2EF;
	*/
	}

textarea {
	font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-size:11px;
	}

h1.delegate {
	color: #000000;
	margin-bottom: 0px;
	margin-left: 5px;
}

/*



form.style.definitions

*/

.styleform, div.styleform
{
	background-color: #F1F2EF;
	border: 1px solid #CFCFCF;
	margin: 0px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 100%;
}

input.invisible
{
	background-color: #F1F2EF;
	border: 1px solid #F1F2EF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: right;
}

.asterisk
{
	color: #FF0000;
	font-weight: bold;
}

.styleform input { margin-bottom: 10px; }
.styleform textarea { margin-bottom: 10px; }
.styleform select {
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
}
.grey { color: #A1A29F; }



/* ////////////////////////////////////////////////

Login form
//////////////////////////////////////////////// */

#loginform {
	width:134px;
	margin-top:10px;
	font-size:11px;
	}
#loginform input.text {
	width:100%;
	}
#loginform label {
	color:#7d7e79;
	display:block;
	}
#loginform p.compact { margin-bottom:5px;}




/* ////////////////////////////////////////////////

date selector box
//////////////////////////////////////////////// */

div.dateselect {
	padding:3px;
	background-color:#F1F2EF;
	border:1px solid #CFCFCA;
	font-size:11px;
	margin-bottom:2px;
	}

	div.dateselect a, div.dateselect a:visited {text-decoration:none;}

/* ////////////////////////////////////////////////

general right positioning of elements
//////////////////////////////////////////////// */

.rightpos
	{
	position			: static;
	float				: right;
	margin				: 0px;
	padding				: 0px;
	margin-right		: 3px;
	}
.leftpos
	{
	position			: static;
	float				: left;
	margin				: 0px;
	padding				: 0px;
	}
.centerpos
	{
	position			: static;
	margin				: 0px;
	padding				: 0px;
	}


/* ////////////////////////////////////////////////

styles for the list/week/month/ links
//////////////////////////////////////////////// */

.toggle { color:#CFCFCA;}
.toggle a, .toggle a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#7d7e79;
	}
.toggle a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#FF0000;
}
.toggle a.on, .toggle a.on:visited {
	font-weight:bold;
	text-decoration:none;
	color:#FF0000;
}


/* use for td's or table */
.info {
	background-color:#FEFBD1;
	border-left:1px solid #DCCF9C;
	border-top:1px solid #DCCF9C;
	border-bottom:1px solid #BCB185;
	border-right:1px solid #BCB185;
	padding-left:7px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:8px;
	color:#333323;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;

	margin-bottom:10px;

	}


/* ////////////////////////////////////////////////

table styles
//////////////////////////////////////////////// */
tr.grey td.head {
	background-color:#7D7E79;
	height:18px;
	color:#FFF;
	font-size:11px;
	padding:2px;
	padding-left:3px;
	padding-right:3px;
	border-bottom:1px solid #E0E2D9;
}

table.grey td.head a, table.grey td.head a:visited { color:#FFF; text-decoration:none;}
table.grey td.head a:hover { color:#FFCC00; text-decoration:none;}
table.grey td.head a.on { color:#FFCC00; text-decoration:underline;}

table.grey td a {text-decoration:none;}
table.grey td a:hover {text-decoration:underline;}
table.grey td a:visited {color:#4C7B99;}

table.grey td {
	background-color:#FFF; /*F1F2EF;*/
	padding:2px;
	padding-left:3px;
	padding-right:3px;
	color:#333330;
	font-size:11px;
	height:20px;
	border-bottom:1px solid #E0E2D9;
}
table.grey td.obs {
	background-color:#FEF9B9;
}
table.grey td.desc {
	background-color:#FFF;
}

table.grey select {
	background-color:#FFF;
	border:1px solid #7d7e79;
	font-size:11px;
}

table.grey .btn {
	color:#FFF;
	background-color:#000080;
	font-size:11px;
	border:1px solid #000033;
}

table.grey tr.on td {
	background-color:#F1F2EF;
	border-bottom:1px solid #E0E2D9;
	cursor:pointer;
}


/* ////////////////////////////////////////////////

table styles
//////////////////////////////////////////////// */
tr.grey td.head {
		background-color:#7D7E79;
		height:18px;
		color:#FFF;
		font-size:11px;
		padding:2px;
		padding-left:3px;
		padding-right:3px;
		border-bottom:1px solid #E0E2D9;
		}

 		tr.grey td.head a, tr.grey td.head a:visited { color:#FFF; text-decoration:none;}
 		tr.grey td.head a:hover { color:#FFCC00; text-decoration:none;}
 		tr.grey td.head a.on { color:#FFCC00; text-decoration:underline;}

 		tr.grey td a {text-decoration:none;}
 		tr.grey td a:hover {text-decoration:underline;}
 		tr.grey td a:visited {color:#4C7B99;}

tr.grey td {
		background-color:#FFF; /*F1F2EF;*/
		padding:2px;
		padding-left:3px;
		padding-right:3px;
		color:#333330;
		font-size:11px;
		height:23px;
		border-bottom:1px dotted #E0E2D9;
	}
	tr.grey td.obs {
		background-color:#FEF9B9;
	}
tr.grey td.desc {
		background-color:#FFF;
		}

tr.grey select {
		background-color:#FFF;
		border:1px solid #7d7e79;
		font-size:11px;
}

tr.grey .btn {
		color:#FFF;
		background-color:#000080;
		font-size:11px;
		border:1px solid #000033;
}


table.formtable td {
	padding: 5px 5px 5px 5px;
	}


 .box {
 	border:1px solid #E0E2D9;
 	background-color:#F1F2EF;
 	}

 	div.box { padding:5px;}


 /* ////////////////////////////////////////////////

table styles greyvert
//////////////////////////////////////////////// */
tr.greyvert td.head, tr.blackvert td.head {
		background-color:#7D7E79;
		height:18px;
		color:#FFF;
		font-size:11px;
		padding:2px;
		padding-left:3px;
		padding-right:3px;
		border-bottom:1px solid #E0E2D9;
		}

 		tr.greyvert td.head a, tr.blackvert td.head a, tr.grey td.head a:visited { color:#FFF; text-decoration:none;}
 		tr.greyvert td.head a:hover, tr.blackvert td.head a:hover { color:#FFCC00; text-decoration:none;}
 		tr.greyvert td.head a.on, tr.blackvert td.head a.on { color:#FFCC00; text-decoration:underline;}

 		tr.greyvert td a, tr.blackvert td a {text-decoration:none;}
 		tr.greyvert td a:hover, tr.blackvert td a:hover {text-decoration:underline;}
 		tr.greyvert td a:visited, tr.blackvert td a:visited {color:#4C7B99;}

tr.greyvert td, tr.blackvert td {
		background-color:#FFF; /*F1F2EF;*/
		padding:2px;
		padding-left:3px;
		padding-right:3px;
		color:#333330;
		font-size:11px;
		height:23px;
		border-bottom:1px dotted #CCCAC9;
		border-right:1px dotted #CCCAC9;

	}
	
tr.pinkvert td {
		background-color:#FFF; /*F1F2EF;*/
		padding:2px;
		padding-left:3px;
		padding-right:3px;
		color:Red;
		font-size:11px;
		height:23px;
		border-bottom:1px dotted #CCCAC9;
		border-right:1px dotted #CCCAC9;
	}
	
tr.blackvert td {
		border-bottom:1px dotted black;
		border-right:1px dotted black;
	}
	
tr.greyvert td.obs, tr.blackvert td.obs {
		background-color:#FEF9B9;
	}
tr.greyvert td.desc, tr.blackvert td.desc {
		background-color:#FFF;
		}

tr.greyvert select, tr.blackvert select {
		background-color:#FFF;
		border:1px solid #7d7e79;
		font-size:11px;
}

tr.greyvert .btn, tr.blackvert .btn {
		color:#FFF;
		background-color:#000080;
		font-size:11px;
		border:1px solid #000033;
}


table.formtable td {
	padding: 5px 5px 5px 5px;
}


.box {
	border:1px solid #E0E2D9;
 	background-color:#F1F2EF;
}

div.box { padding:5px;}


/* ///////////////////////////////////////////////////////////////////////
	TOOLTIP
/////////////////////////////////////////////////////////////////////// */

#tltp {
	position:absolute;
	padding:5px;
	padding-bottom:5px;
	border:1px solid #666660;
	z-index:150;
	background-color:#e5e5e0;
	cursor:pointer;
	cursor:hand;
	display:inline;
	visibility:hidden;
	margin-top:1em;
	width:250px;
	font-size:11px;
}

a.tooltip {
	cursor:help;
	color:#FF0000;
	padding-right:0.25em;
	text-decoration:none;
}
a.tooltip:hover {
	text-decoration:underline;
}

/* ///////////////////////////////////////////////////////////////////////
	AUTOMATIC TOOLTIP
/////////////////////////////////////////////////////////////////////// */

div.tooltip,div.heretooltip {
	font:0.7em verdana,helvetica,arial,sans-serif;
	border:1px solid #000;
	background-color:#ffffe1;
	color:#000;
	padding:2px 4px 2px 4px;
	text-align:left;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=1);
	position:absolute;
	width:auto;
	height:auto;
}

div.heretooltip {
	border:1px solid #003;
	background-color:#fefefe;
}

/* ///////////////////////////////////////////////////////////////////////
	TEASER (InfoBox + BookingBox)
/////////////////////////////////////////////////////////////////////// */

.teaser
{
	background-color: #F1F2EF;
	border: 1px solid #CFCFCF;
	margin: 0px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
	color: #000000;
	background-image: url('../img/bg_falck.gif');
	background-repeat: no-repeat;
}

.teaser ul
{
	list-style-position: outside;
	margin-left: 0;
	padding-left: 0;
	line-height: 15px;
	list-style-type: square;
}

.teaser li
{
	list-style-position: outside;
	margin-left: 0;
	margin-bottom: 5px;
	padding-left: 0;
	line-height: 15px;
	list-style-type: square;
}

.teaser form { margin: 0px; }

.teaser input
{
	margin-left: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
}

.teaser p { margin-top: 0px; margin-bottom:3px;}

.teaser a, .teaser a:visited{
	text-decoration:none;
	
}
.teaser a:hover {
	color:#FF0000;
	text-decoration:none;
}

.teasertop
{
	background-color: #FF0000;
	margin: 0px;
	padding-left: 5px;
	padding-right: 3px;
	height: 18px;
	padding-top: 2px;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

dl.form dt
{
	float:left;
	clear:both;
	width:200px;
	height:30px;
}

dl.form dd
{
	margin-left:0px;
	height:30px;
}

input.file
{
	width:400px;
}

dl.narrow dt
{
	width:100px;
}

dl.narrow dd select, dl.narrow dd input
{
	width:140px;
}