/* toChecklist (jquery checklist plugin) */
div.checklist, div.checklistHighlighted {
    overflow-y: auto;
    overflow-x: hidden; /* If you don't want scrollbars, leave this one blank. */
}
div.checklist {
    border: 1px solid gray;
    border-left: 3px solid #ccc;
    color: #555;
    font-family: arial;
    font-size: 12px; 
    line-height: 1.6em;
}
div.checklistHighlighted {
    border: 1px solid gray;
    border-left: 3px solid #ffffa7;
}
ul.checklist {
    list-style-type: none; 
    margin: 0; 
    padding: 0;
}
div.checklist li {
    padding: 3px;
    margin-left: 0px;
}
div.checklist li.even {
    background-color: white;
}
div.checklist li.odd {
    background-color: #f7f7f7;
}
div.checklist li.even:hover,
div.checklist li.odd:hover,
div.checklist li.focused,
div.checklist li:hover label {
    background-color: #dde;
}
div.checklist li.checked {
    background: #ffffa7;
    font-style: italic;
}
div.checklist li.checked:hover,
div.checklist li.checked:hover label {
    background: #ffff22;
    font-style: italic;
}
div.checklist label.disabled {
    color: #ddd;
}
div.checklist li input {
    display: block;
    float: left;
}
div.checklist label {
    display: block;
    margin: 0;
    padding: 0;
}
div.checklist label.leaveRoomForCheckbox {
    display: block;
    padding-left: 25px; /* If hiding checkboxes, set padding-left to 3px */
}
ul.showSelectedItems {
    color: #770;
    font-size: .8em;
    list-style-position: outside;
    margin-left: 0;
    padding-left: 1.4em;
}
/* supertagger */
.supertagger {
    position: relative;
    border: none;
}
.supertagger a {
    text-decoration: none;
}
.supertagger h3 {
	padding: 5px;
	margin: 0;
	color: #000;
	border: none;
}
.supertagger .map {
	background: #af8;
}
.supertagger .list {
	background: #0dbed3;
}
.supertagger .list.seasons select {
	height: 120px;
}
.supertagger .list.topics select {
	height: 280px;
}
.supertagger .list.locations select {
	height: 400px;
}
#supertagger-map-geopos-form ,#supertagger-map-search-form {
    display: inline;
}
#supertagger-map-geopos-form input {
    width:80px;
}
#supertagger-map-search-form input.address{
    width: 150px;
}
/*
The supertagger is highly ajaxified, and thus special considderations must be made with respect to styling/css.
First of all it consists of a number of "components" the can be switched on or off, and the switching happens AFTER the HTML/CSS is generated.
The switching happens by adding/removing the css class "active" on the component HTML elements. In the original HTML the active class will be missing.
The following two statements will ensure this:
*/
.supertagger .map,
.supertagger .list {
    display: none;
}
.supertagger .map.active,
.supertagger .list.active {
    display: block;
}
.admin ul li {
    list-style: none;
    display: block;
    float: left;
    padding: 3px;
    margin: 0;
}
/*BUGFIX: the hidden map in supertagger will break if this is not in place */
#admin-kart-google {
	width: 475px;
	height: 475px;
	position: relative;
	background: red;
}
.admin-checklist {
	width: 100%;
}
.spinner {
	width: 220px;
	height: 19px;
	background: url(../gfx/ikoner/lastindikator/horisontal_220x19.gif) no-repeat;
	color: red;
	text-align: center;
	font-weight: bold;
	text-decoration: blink;
	display: none;
}
#slettcache {
	position: absolute;
	top: 0;
	left: 300px;
}