@CHARSET "UTF-8";

/* stanard */

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
}

body {
	position: relative;	
	font-family: Arial;
	font-size: 12px;
}

/* links */

a {
	color: blue;
	padding: 3px;
	/*background-color: #300;
	color: #fff;*/
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* navigation menu */

#nav {
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

#nav .left, #nav .right, ul.navigation, ul.navigation li a {
	background-color: #f30;
}

#nav .left {
	position: absolute;
	width: 8px;
	height: 22px;
	display: block;
	left: -9px;
	border-right: solid 1px #eee;
}

#nav .right {
	position: absolute;
	width: 8px;
	height: 22px;
	display: block;
	right: -9px;
}


ul.navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 22px;
	position: relative;
	display: block;
}

ul.navigation li {
	float: left;
	display: block;
	position: relative;
}

ul.navigation li a {
	float: left;
	position: relative;
	color: #300;
	text-decoration: none;
	display: block;
	height: 18px;
	/*padding: 2px;*/
	/*margin-right: 2px;*/
	margin: 0;
	padding: 0;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 4px;
	color: white;
	border-right: solid 1px #eee;
}

ul.navigation li a:hover {
	background-color: #f60;
	color: black;
}

ul.navigation li.active a {
	text-decoration: underline;
}

/* content */

#content_container {
	clear: both; 
	padding-top: 1px;
}

/* table lists */

table.table-list th {
	text-align: left;
	padding: 4px;
}

table.table-list {
	border-collapse: collapse;
}

table.table-list tr:hover {
	background-color: #eee;
}


table.table-list td {
	padding: 4px;
	border: solid 1px #aaa;
}

p.text-body {
	width: 400px;
}

#left {
	/*position: absolute;
	top: 0px;
	width: 100px;
	background-color: #eee;
	height: 100%;*/
	/*min-height: 100%;
        height: auto !important;*/
        /*border-right: 1px solid #ccc;*/
}
#wrapper {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
	background-color: white;
	width:800px;
	position: relative;
	top: 0px;
	/*left: 100px;*/
	padding: 10px;
	height: 100%;
	min-height: 100%;
	height: auto !important;
}

#container {
	background-color: #eee;
	/*position: relative;*/
	/*height:100%;*/
	min-height: 100%;
	/*min-height: 100%;*/
	/*height: auto !important;*/
}

#container .top {
	height: 50px;
}

#container .top .logo {
	background-image: url(/images/reklam24-2.png);
	width: 220px;
	height: 22px;
	display: block;
}

.error {
	color: red;
}

.notify {
	color: white;
	background-color: blue;
	border: dashed 1px blue;
	padding: 4px;
}

.p {
	margin-bottom: 4px;
}

.completed {
	color: white;
	background-color: green;
	border: dashed 1px green;
	padding: 4px;
}

.uncompleted {
	color: white;
	background-color: red;
	border: dashed 1px red;
	padding: 4px;
}

.status-not-ready-for-upload {
	color: red;
}

.status-not-uploaded-yet {
	color: #fa0;
}

.status-not-installed-yet {
	color: #fa0;
}

.status-installed {
	color: green;
}