/* Global */

body {
	background: #ffffff url(images/top.png) repeat-x top left;
	margin:0;padding:0;
	color: #4e4e4e;
	font-size: 80%;
	font-family: "Trebuchet MS";
}

a { color: #334c6e; text-decoration: none; }
a:hover { font-weight: bold; }

h1 {
	font-family: Georgia;
	font-size: 18px;
	font-weight: normal;
	margin:0;padding:0;
}

h2 {
	font-family: Georgia;
	font-size: 15px;
	font-weight: bold;
	margin:20px 0px 0px 0px;padding:0;
}

img {
	border: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 10px;
}

/* Layout */

#top  {
	width: 577px;
	margin: 0 auto;
	height: 70px;
	min-height: 70px;
	background: transparent url(images/logotop.png) no-repeat top left;
	overflow: visible;
}

#top ol  {
	list-style-type: none;
	margin: 0px 0px 0px 150px;
	padding:0;
	width: 500px;
}

#top ol  li {
	float: left;
	width: 109px;
	height: 70px;
	min-height: 70px;
	background: url(images/menu.png) no-repeat top left;
	text-align: center;
}

#top ol  li.current { background: url(images/menu_current.png) no-repeat top left; }

#top ol  li a {
	display: block;
	padding-top: 52px;
	color: #ffffff;
}

#box {
	margin: 0 auto;
	height: 183px;
	min-height: 183px;
	width: 577px;
	background: url(images/box.png) no-repeat top left;
}

#flags { padding: 3px 15px 6px 0px; text-align: right; }
#usercontent { padding:10px 0px 0px 435px; }
#usercontent p { margin:0px 0px 10px 0px;padding:0; }

#content {
	width: 593px;
	margin: 0 auto;
	background: #ffffff url(images/content.png) no-repeat top left;
	text-align: left;
}

#padding { padding: 40px 30px 0px 30px; }
#zeropadding { padding: 0px 15px 0px 15px; }

#footer  {
	width: 577px;
	margin: 30px auto;
	color: #000000;
	text-align: center;
	font-size: 70%;
}

/* Tables */

table.list {
	border: 1px solid #c0c0c0;
	width: 100%;
}

table.list th {
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	background-color: #3f4c6b;
	padding: 4px;
}

table.list td {
	color: #000000;
	padding: 4px;
}

table.list .aktiv { width: 10%; }
table.list .position { width: 30%; }
table.list .kommu { width: 30%; }
table.list .muligheder { width: 20%; }
table.list .fjern { width: 10%; }
table.list .odd { background-color: #f0f0f0; }

table#videolist .video { width: 75%; }
table#videolist .stoerrelse{ width: 25%; }

/* Forms */

#login {
	margin:0;
	padding:0;
	display: block;
}

#newcamera input, #login input , #camera select {
	border: 1px solid #c0c0c0;
	background: #ffffff url(images/input.png) repeat-x top left;
	color: #4e4e4e;
	font-size: 80%;
	font-family: "Trebuchet MS";
	width: 120px;
}

#login label {
	display: block;
	color: #ffffff;
}

#login  em { font-style: normal; color: red; }

/* camera */

#stillcamera {
	width: 100%;
	text-align: center;
}

#livecamera {
	width: 500px;
	position: relative;
	margin: 0px 10px;
	height: 400px;
	min-height: 400px;
}

#cam_overview {
	list-style-type: none;
	margin: 0;padding:0;
	text-align: center;
}

#cam_overview li {
	display: inline;
}

#cam_overview img {
	width: 100px;
	margin: 10px 10px 10px 10px;
}

.controls {
	width: 100%;
	text-align: center;
}

.controls p {
	margin:0;padding:0;
}

#camera form {
	width: 70%;
	margin: 0 auto;
	padding: 0;
}

#camera label { display: block; float: left; width: 120px; }
#camera select { display: block; float: right; width: 120px; }

#camera p { margin:0; padding:0; }
#camera form p { margin:5px 0px; padding:0; text-align: left; clear:both; }

#stillcamera img {
	width: 500px;
	margin: 0 auto;
	border-bottom:0;
}

#livecamera img {
	width: 500px;
	position: absolute;
	top:0;
}

#cambar { margin: 0 auto; border: 1px solid #c0c0c0; border-bottom: 1px solid #b0b0b0; border-top: 0; }

/* Settings */

#settings {
	margin:0;
	padding:0;
	text-align: left;
}

#settings-field {
	margin:0px 100px 0px 0px;
	border:0;
}

#settings-field legend {
	font-size: 15px;
}

#settings ol {
	margin:0;
	padding:0;
}

#settings ol li {
	display: block;
	padding: 5px 5px 5px 5px;
	clear: both;
}

#settings ol li.even {
}

#settings ol li label {
	font-size: 14px;
	font-weight: bold;
	float: left;
}

#settings ol li input {
	float: right;
	width: 250px;
	border: 1px solid #c0c0c0;
	background: #ffffff url(images/input.png) repeat-x top left;
	color: #4e4e4e;
	font-size: 80%;
	font-family: "Trebuchet MS";
}