/*
JENSENMEDIA CONTROL3
FILNAVN: design.css
SKREVET AV: Tor Morten Jensen

Kopiering og bruk utover avtalen er ikke tillatt. 
All kode (html, css, php og mysql) er JensenMedia's eiendom. Koden skal 
overhodet ikke gjenbrukes på andre nettsteder/hos andre aktører
enn det som står i avtalen.

Brudd på dette vil få konsekvenser.

NB!!: Ikke endre koden (html, css, php og mysql). Dette kan få konsekvenser 
for sidens funksjonalitet.
*/

body {
	background: url('../images/bg.jpg') repeat-x;
	margin: 0;
	padding: 0;
	font: 11px Tahoma;
}

#wrapper {
	width: 828px;
	height: auto;
	background: url('../images/content.jpg') repeat-y;
	clear: both;
	margin: 0 auto;
}

#header {
	background: url('../images/header.jpg') no-repeat;
	width: 828px;
	height: 138px;
}

.quickstats {
	padding-left: 595px;
	padding-top: 28px;
	width: 233px;
	height: auto;
	color: #76abd3;
}

.qsleft {
	width: 110px;
	height: auto;
	float: left;
}
.qsright {
	width: 119px;
	height: auto;
	float: right;
}

#nav {
	background: url('../images/nav.jpg') no-repeat;
	width: 820px;
	height: 50px;
	padding-left: 8px;
}

#sub {
	width:639px;
	height: 19px;
	border-bottom: 1px solid #a9cae1;
}

.tab {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #a9cae1;
	background: #dbe9f3;
	display: block;
	float:left;
	font-size: 10px;
	font-weight: bold;
	text-transform:uppercase;
	margin-right: 2px;
}

.tab:hover {
	border-bottom: 1px solid #fff;
	background: #fff;
}

.tabactive {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #a9cae1;
	border-bottom: 1px solid #fff;
	background: #fff;
	display: block;
	float:left;
	font-size: 10px;
	font-weight: bold;
	text-transform:uppercase;
	margin-right: 2px;
}

.item {
	padding-top: 12px;
	height: 16px;
	padding-bottom: 22px;
	padding-left: 5px;
	padding-right: 5px;
	float:left;
	font-weight: bold;

}

.item:hover {
	background: url('../images/nav-hover.jpg');
}

#nav img { padding-right: 4px; }

.item a {
	text-decoration: none;
	color: #000;
}
.item a:hover {
	text-decoration: none;
	color: #000;
}
.loginfo {
	float: right;
	width: 169px;
	height: 16px;
	padding-top: 12px;
}
	
#content {
	width: 828px;
	height: auto;
}

#left {
	width: 630px;
	height: auto;
	float: left;
	margin: 12px;
}

#right {
	width: 160px;
	height: auto;
	float: right;
	text-align: justify;
}

#left h1 {
	font-size: 14px;
	margin-top: 0px;
	padding-top: 0px;
}

img.icon { padding-right: 4px; }

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

td.head { background: url('../images/tablehead.jpg'); border-top: 1px solid #83b1d1; font-weight: bold; border-right: 1px solid #83b1d1; border-bottom: 1px solid #83b1d1; padding: 2px; }
td.list { border-right: 1px solid #83b1d1; border-bottom: 1px solid #83b1d1; padding: 2px;}
td.deact { background: url('../images/tablehead.jpg') repeat-x; font-weight: bold; text-align: center; font-size: 14px; border-right: 1px solid #83b1d1; border-bottom: 1px solid #83b1d1; padding: 2px;}

.valg {
	width: auto;
	height: auto;
	float: left;
	margin-right: 5px;
}

#right a {
	width: 160px;
	height: auto;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
	color: #000;
	display: block;
	margin-bottom: 4px;
}

#right img { padding-left: 10px; }

#right a:hover {
	background: #dbe9f4;
	width: 160px;
	height: auto;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
	color: #000;
	display: block;
	margin-bottom: 4px;
}

#footer {
	width: 788px;
	padding: 20px;
	border-top: 1px solid #105e98;
	background: url('../images/footer.jpg') repeat-x;
	text-align: center;
	margin: 0 auto;
}

input.login {
	width: 300px;
	border: 1px solid #12486d;
	font: 11px Tahoma;
	padding: 3px;
	margin-top: 5px;
	background: url('../images/footer.jpg') no-repeat #fff;
	color: #000;
}

input.loginsubmit {
	width: 300px;
	border: 1px solid #12486d;
	font: 11px Tahoma;
	padding: 3px;
	margin-top: 5px;
	background: url('../images/tablehead.jpg') no-repeat #fff;
	color: #000;
}
input.loginsubmit:active {
	width: 300px;
	border: 1px solid #12486d;
	font: 11px Tahoma;
	padding: 3px;
	margin-top: 5px;
	background: url('../images/tablehead.jpg') no-repeat #fff;
	color: #000;
}
#alert {
	width: 563px;
	height: 30px;
	padding-top: 15px;
	padding-left: 59px;
	margin: 0 auto;
	background: url('../images/okmsg.jpg');
	font-size: 12px;
	margin-bottom: 20px;
}

h3 { font-weight: normal; font-weight: bold; }

.form { width: 100%;background: #e0eaf1; border: 1px solid #999999; margin-top: 10px; padding: 3px; }

.edit {
	font-weight: bold;
	height: 30px;
	padding: 2px;
	color: #666666;
	width: 25%;
}

input[disabled=true],textarea[disabled=true] { background: #c9d8e2; }

.req { color: #ff0000; }

.inputstyle {
	border: 1px solid #999999;
	font-size: 10px;
	height: 18px;
	width:90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.textstyle {
	border: 1px solid #999999;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	width:90%;
}
.input {
	border: 1px solid #999999;
	font-size: 10px;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

a { color: #0a3d63; text-decoration: none; }
a:hover { color: #2f64a5; text-decoration: underline; }

#error {
	width: 563px;
	height: 30px;
	padding-top: 15px;
	padding-left: 59px;
	margin: 0 auto;
	background: url('../images/errmsg.jpg');
	font-size: 12px;
	margin-bottom: 20px;
}
.table { width: 100%;background: #e0eaf1; border: 1px solid #999999; margin-top: 10px; padding: 3px; }
.table h3 { padding-top: 0px; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }

.picture {
	padding: 5px;
	height: auto;
	background: #edf2f5;
	border: 1px solid #d2e0e9;
	float: left;
	text-align:center;
	margin-right: 10px;
	margin-bottom: 10px;
}
.picture:hover { border: 1px solid #bfd2de; }


img.thumb { border: 1px solid #abcae1; padding: 2px; margin-bottom: 5px; }

.dash {
	display: block;
	float: left;
	margin-right: 5px;
	text-align:center;
	font-weight: bold;
	border: 1px solid #cbcbcb;
	padding: 6px;
}

.dash:hover { border: 2px solid #dddddd; padding: 5px; }

input.internal {
	width: 120px;
	border: 1px solid #12486d;
	font: 10px Tahoma;
	padding: 1px;
	margin-top: 5px;
	background: #ddebf4;
	color: #000;
}
input.intsubmit {
	width: 20px;
	border: 1px solid #12486d;
	font: 10px Tahoma;
	padding: 1px;
	margin-top: 5px;
	background: #aac2d2;
	color: #000;
}

.messages {
	padding-right: 5px;
	font-size: 10px;
	text-align: left;
}

.help {
	display: block;
	float: right;
	padding: 2px;
	background: #e8e8e8;
	border: 1px solid #b0b0b0;
	text-decoration: none;
	margin: 10px;
	margin-top: 0px;
	margin-right: 0px;
}

.help:hover {
	text-decoration: none;
	border: 1px solid #949494;
}