html,body,div,h1,h2,h3,h4,h5,h6,p,ol,ul,li,table,tr,th,td,tbody,tfoot,form,label,a,span,dl,dd,dt { margin: 0; padding: 0; border: 0; }
fieldset,legend { margin: 0; padding: 0; border: 0; }
body {
    font-family: arial;
    font-size: 12px;
    background: #e3e3e3 url(bg_grad_graa.gif) repeat-x;
    color: #696969;
}

div#outer_wrapper {
    background: url(white-20.png);
    margin: 10px auto 20px auto;
    padding: 10px 0;
    width: 970px;
}

div#wrapper {
    background: #fff;
    width: 940px;
    margin: 0 auto;
    padding: 10px 5px;
	overflow: hidden;
}

a { color: #09c; text-decoration: none; }
a:hover { text-decoration: underline; }

h2 {
	color: #696969;
	font-size: 13px;
	line-height: 20px;
	border-bottom: 1px solid #a9a9a9;
	margin-bottom: 20px;
	clear: both;
}
p { margin-bottom: 10px; }

	/********** HEADER **********/
	div#header {
		width: 950px;
		margin: 0 auto;
		position: relative;
	}
	#header h1 {
		height: 97px;
		background: url(top_logo_mailadmin.gif) no-repeat;
	}
	#header h1 a {
		display: block;
		height: 97px;
		width: 220px;
		text-indent: -9999px;
		overflow: hidden;
	}
		div#bc_settings,
		div#bc_logout {
			font-weight: bold;
			font-size: 13px;
			text-align: right;
			position: absolute; right: 12px;
			height: 30px;
			line-height: 30px;
		}
		div#bc_settings { top: 10px; }
		div#bc_logout { top: 50px; }
	/********** HEADER END **********/

	/********** BREADCRUMBS **********/
	div#breadcrumbs {
		width: 904px;
		height: 35px;
		line-height: 35px;
		margin: 0 auto;
		padding: 0 23px;
		background: url(statusbar.gif) no-repeat;
		overflow: hidden;
	}
	#breadcrumbs a {
		display: block;
		height: 35px;
		line-height: 35px;
		float: left;
		color: #fff;
		text-decoration: none;
		background: url(home.gif) no-repeat 0 50%;
		padding-left: 22px;
		font-size: 13px;
		font-weight: bold;
	}
	#breadcrumbs a:hover { text-decoration: underline; }
	#breadcrumbs span.nolink {
		display: block;
		height: 35px;
		line-height: 35px;
		float: left;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		margin-left: 6px;
	}
	/********** BREADCRUMBS END **********/

	/********** FEEDBACK-PANEL **********/
	div#feedback { }
	#feedback ul { list-style: none; }
	#feedback li {
		line-height: 30px;
		margin-bottom: 10px;
	}
	#feedback li.feedbackPanelINFO {
		background: #eee url(information.png) no-repeat 10px 50%;
		padding-left: 32px;
	}
	#feedback li.feedbackPanelERROR {
		background: #eee url(error.png) no-repeat 10px 50%;
		padding-left: 32px;
	}
	#feedback li.feedbackPanelWARN {
		background: #eee url(lightbulb_off.png) no-repeat 10px 50%;
		padding-left: 32px;
	}
	/********** FEEDBACK-PANEL END **********/

	/********** TABLES **********/
	table {
		font-size: 11px;
		font-family: 'Trebuchet MS';
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 20px;
	}
	table caption {
		line-height: 30px;
		font-weight: bold;
		text-align: right;
		font-size: 13px;
		margin: 0 auto;
	}
	th,td { padding: 0 4px; }
	th {
		font-weight: bold;
		background-color: #f1f1f1;
		height: 25px;
		color: #696969;
		border: 1px solid #000;
		border-bottom: 1px solid #a7a7a7;
		text-align: left;
	}
	td {
		height: 25px;
		background: #fff;
		border: 1px solid #000;
	}
	tr.even td { background: #f7f7f7; }

	table th.delete { text-align: center; }
	table th.delete,
	table td.delete { width: 32px; }
	table td.delete	a {
		display: block;
		height: 25px;
		background: url(slett.gif) no-repeat 50%;
		text-indent: -9999px;
		overflow: hidden;
	}
	/********** TABLES END **********/

	/********** TABLE LIST_ACCOUNTS **********/
	#listAccounts th { text-align: left; }
	/********** TABLE LIST_ACCOUNTS END **********/

	/********** FORM_LARGE **********/
	form.form_large { }
	form.form_large label {
		width: 157px;
		text-align: right;
		display: block;
		line-height: 24px;
	}
	form.form_1 {
		width: 940px;
		margin-bottom: 20px;
	}
	form.form_1 fieldset {
		width: 920px;
		border: none;
		border-top: 1px solid #696969;
		padding-right: 0;
		padding-left: 20px;
	}
	form.form_1 fieldset legend { font-size: 13px; }
	form.form_1 div.f_l { float: left; }
		form.form_1 div.f_l dl { }
		form.form_1 div.f_l dl dt { width: 120px; }
		form.form_1 div.f_l dl dt label { width: 120px; }
		form.form_1 div.f_l div.buttons { margin-left: 130px; }
		form.form_1 div.f_l div.buttons input { font-size: 11px; }

	form.form_1 fieldset table {
		width: 470px;
		float: right;
		margin: 0 20px 0 0;
	}

		/********** VACATION **********/
		form.form_1 div.f_l dl dt#vc_to { clear: none; }
		form.form_1 div.f_l dl dd#vc_msg_value {
			width: 442px;
		}
		form.form_1 div.f_l dl dd#vc_msg_value textarea {
			width: 430px;
			height: 100px;
		}
		/********** VACATION END **********/
	/********** FORM_LARGE END **********/

	/********** BUTTONS **********/
	div.buttons {
		overflow: hidden;
		margin-bottom: 10px;
	}
	div.buttons a {
		display: block;
		height: 20px;
		line-height: 20px;
		float: left;
		margin-right: 10px;
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding-left: 22px;
	}
	div.buttons a.add { background-image: url(add.png); }
	div.buttons input { }
	/********** BUTTONS END **********/

form fieldset {
	padding-top: 10px;
	width: 50%;
	margin: 0 auto 20px auto;
}
form legend { font-weight: bold; }

form div.buttons { margin-left: 167px; }

form dl {
	margin-bottom: 10px;
	overflow: hidden;
}
form dt {
	line-height: 24px;
	width: 157px;
	text-align: right;

	float: left;
	clear: both;
	margin-bottom: 4px;
}
form dd {
	line-height: 24px;
	margin-left: 10px;
	float: left;
}

.f_l { float: left; }
	form.f_l {
		width: 429px;
		margin-left: 20px;
	}
	form.f_l fieldset { width: 100%; }

.f_r { float: right; }
	table.f_r {
		width: 470px;
		margin: 0 20px 20px 0;
	}
	table.f_r caption { margin: 0 20px 0 0; }

	/********** DATEPICKER **********/
	div.dp-popup {
		width: 190px;
		padding: 0 !important;
	}
	div.dp-nav-prev {
		position: absolute;
		top: 0;
		left: 4px;
		height: 30px;
	}
	div.dp-nav-prev a {
		line-height: 30px;
		color: #fff !important;
	}
	div.dp-nav-next {
		position: absolute;
		top: 0;
		right: 4px;
		height: 30px;
	}
	div.dp-nav-next a {
		line-height: 30px;
		color: #fff !important;
	}
	div#dp-popup h2 {
		background: #FC9B09;
		color: #fff;
		height: 30px;
		line-height: 30px;
		padding: 0;
		margin: 0 !important;
		border: 0;
	}
	div.dp-popup table { margin: 0; }
	/********** DATEPICKER END **********/

	/********** LOGIN-SCREEN **********/
	div#logins {
		overflow: hidden;
		margin: 20px 0;
	}
	div#logins legend {
		color: #ccc;
	}
	div#logins dl {
		padding-left: 100px;
	}
	div#logins dt {
		float: none;
		text-align: left;
		line-height: 12px;
		width: 140px;
		margin-top: 10px;
	}
		div#logins dt label {
			line-height: 12px;
			font-weight: bold;
		}
	div#logins dd {
		float: none;
		margin-left: 0;
		width: 140px;
	}
		div#logins dd input {
			width: 136px;
		}
	div#logins div.buttons {
		margin-left: 0;
		padding: 0 0 0 100px;
	}
	div#logins div.buttons input {
		font-size: 11px;
	}
		/********** WEBMAIL-LOGIN **********/
		form#webmail_login {
			float: left;
			width: 280px;
			margin-left: 180px;
			border-right: 1px solid #ccc;
			margin-right: 20px;
		}
		#webmail_login fieldset {
			background: url(mailadmin_webmail.gif) no-repeat 0 50%;
			padding: 0 0 0 0;
			border: none;
			width: 280px;
		}
		/********** WEBMAIL-LOGIN END **********/

		/********** MAILADMIN-LOGIN **********/
		form#mailadmin_login {
			float: left;
			width: 280px;
		}
		#mailadmin_login fieldset {
			background: url(mailadmin_admin.gif) no-repeat 0 50%;
			padding: 0 0 0 0;
			border: none;
			width: 280px;
		}
		/********** MAILADMIN-LOGIN END **********/
	/********** LOGIN-SCREEN END **********/