/*!
 * Style.css
 *
 * Copyright 2012-2013 BtStSoft
 *
 * Use after bootstrap.css, adding some small extra classes
 */

/* Fireworks javascript stores some images in the DOM hidden in this Library DIV and uses a canvas div */
#library {
  display: none;
}

canvas {
	position: absolute;
	top: 0px;
  	z-index:3;
  	opacity: 0.75;
}

/* prefer a header in grey */

.table th {
  font-weight: bold;
  background-color: #DCEAF4;
}

/* Some elements are to beclicked but show a wrong cursor for some reason, adding this class solves this. */

.clickable {
  cursor:pointer;
}

/* bootstrap changes some image tags which destroys the oroper display of openstreetmap tile images, repair it here */

img.olTileImage {
	max-width:1000%;
}

/* a style to lock an element on the same position on the screen. Change left and top programmatically, used for edit forms to the right of a table */

.fixedverticalposition {
	position:fixed;
	top:0px;
}

/* The width of textarea's for span4 vertical forms */

.form-vertical .span4textarea {
	width:370px;
}

/* Marks implementation of an overlay layer, now with z-index a bit higher than various bootstrap elements but below modal boxes of bootstrap */
.usableOverlay {	position:			fixed;
					bottom: 			10px;
					width:				80%;
					left:				50%;
					z-index:			900;
					margin-left:		-40%;
					background-color: 	#FFFFFF;
					border-radius: 		25px;	
					padding: 			20px;
					-moz-box-shadow:    3px 3px 5px 6px #ccc;
					-webkit-box-shadow: 3px 3px 5px 6px #ccc;
					box-shadow:         3px 3px 5px 6px #ccc;
}

/* Marks implementation of an overlay layer, now with z-index a bit higher than various bootstrap elements but below modal boxes of bootstrap */
.overlay {	
	position:			fixed;
	background-color:	#CCCCCC;
	opacity:			0.8;
	left:				0px;
	z-index:			900;
	width:				100%;
	height:				100%;
	top:				0px;	
}

.stickToBottomOfBrowserWindow {
	position:			fixed;
	left:				0px;
	bottom:				0px;
	width:				100%;
}

.highestZIndex {
	z-index:			100000;
}