@charset "utf-8";
/* CSS Document */

/*
------------------------------------------------
WIEGAARDEN APS
Design developed by: Michael Madsen
HTML and CSS developed by: Michael Madsen
ASP.NET 4.0 developed by: Jesper Eiby
------------------------------------------------
/*

/* F O N T  I M B E D I N G
-----------------------------------*/
@font-face {
	font-family: 'HermesRegular';
	src: url('/admin/layout/fonts/hermes-regular-webfont.eot');
	src: url('/admin/layout/fonts/hermes-regular-webfont.eot?#iefix') format('eot'), url('/admin/layout/fonts/hermes-regular-webfont.woff') format('woff'), url('/admin/layout/fonts/hermes-regular-webfont.ttf') format('truetype'), url('/admin/layout/fonts/hermes-regular-webfont.svg#webfont8BzsEElg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'JustTheWayYouAreRegular';
	src: url('/admin/layout/fonts/justthewayyouare-tewebfont.eot');
	src: url('/admin/layout/fonts/justthewayyouare-webfont.eot?#iefix') format('embedded-opentype'), url('/admin/layout/fonts/justthewayyouare-webfont.woff') format('woff'), url('/admin/layout/fonts/justthewayyouare-webfont.ttf') format('truetype'), url('/admin/layout/fonts/justthewayyouare-webfont.svg#JustTheWayYouAreRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* G L O B A L  S T Y L E
-----------------------------------*/
html {
	width: 100%;
	height: 100%;
}

body {
	background: url(/admin/layout/gfx/bg.png) repeat-x center top #f7f7f7;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px;
	color: #333;
}

#wrapper {
	width: 990px;
	height: auto;
	margin: 0 auto;
}


/* H E A D E R
-----------------------------------*/
#header {
	float: left;
	width: 990px;
	margin-bottom: 8px;
}

.version {
	float: left;
	clear: none;
	color: #c0c2c6;
	height: 18px; /* 30px */
	padding: 6px 5px;
    line-height: 18px;
}

    .version a {
        color: #c0c2c6;
    }

    .version img {
        margin: 0 10px;
    }

.topHelp {
    float: right;
	clear: none;
	color: #c0c2c6;
	height: 18px; /* 30px */
	padding: 6px 5px;
    line-height: 18px;
}

    .topHelp a {
        color: #f2771b;
    }

        .topHelp a:hover {
            color: #fa9d18;
        }

    .topHelp img {
        vertical-align: sub;
        margin-right: 10px;
    }

.loggedIn {
	float: right;
	clear: none;
	color: #c0c2c6;
	height: 18px; /* 30px */
	padding: 6px 0px;
}

	.loggedIn a {
		color: #c0c2c6;
		text-decoration: none;
	}

		.loggedIn a:hover {
			text-decoration: underline;
		}

#topNavigation {
	float: left;
	clear: none;
	height: 70px;
	margin-top: 10px;
	position: relative;
	width: 990px;
}

	#topNavigation ul {
		float: left;
		clear: none;
		position: absolute;
	}

		#topNavigation ul.nonestyle {
			float: right;
			clear: none;
			position: absolute;
			right: 0px;
		}

		#topNavigation ul li {
			float: left;
			clear: none;
			height: 31px;
		}

			#topNavigation ul li a {
				outline: none;
				font-family: 'HermesRegular';
				font-size: 14px;
				color: #afb4ba;
				text-transform: uppercase;
				height: 31px; /* 31px */
				text-decoration: none;
				display: block;
				position: relative;
				z-index: 2;
			}

				#topNavigation ul li a span {
					height: 19px;
					display: block;
					padding: 6px 15px;
					cursor: default;
				}

			#topNavigation ul li.selected a {
				background: url(/admin/layout/gfx/buttons_bg.png) no-repeat 0px 0px;
				color: #ebeced;
			}

			#topNavigation ul li.selected > a > span {
				background: url(/admin/layout/gfx/buttons_bg.png) no-repeat right -31px;
			}

			#topNavigation ul li ul {
				float: left;
				clear: none;
				height: 39px;
				display: none;
				position: absolute;
				left: -100px;
				z-index: 1;
				margin-top: -1px;
				padding-left: 100px;
			}

				#topNavigation ul li ul li {
					float: left;
					clear: none;
					height: 39px;
				}

					#topNavigation ul li ul li a {
						height: 19px;
						padding: 10px 15px;
					}

			#topNavigation ul li.selected ul li, #topNavigation ul li.selected ul li a {
				background: none;
				color: #afb4ba;
			}

			#topNavigation ul li.selected ul {
				background: url(/admin/layout/gfx/nav_selected.png) no-repeat left center;
				min-width: 990px;
				display: block;
			}

				#topNavigation ul li a:hover, #topNavigation ul li.selected ul li a:hover, #topNavigation ul li.selected ul li.selected a, #topNavigation li.selected a.selected {
					color: #ebeced;
				}


/* L O G I N P A G E
-----------------------------------*/
#loginWrapper {
	width: 420px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 45%;
	margin-left: -210px;
	margin-top: -210px;
}

#loginBox {
	background: url(/admin/layout/gfx/login_gfx.png) no-repeat left top;
	width: 320px /*420px*/;
	*width: 420px;
	height: 235px /*315px*/;
	*height: 315px;
	float: left;
	padding: 40px 50px;
	*padding-bottom: 45px;
	font-family: 'HermesRegular';
}

#loginLogo {
	background: url(/admin/layout/gfx/go2net_logo.png) no-repeat center;
	width: 420px;
	height: 60px;
	float: left;
}

#loginWrapper .inputWrapper {
	width: 320px;
	float: left;
	position: relative;
}

#loginWrapper .input {
	background: url(/admin/layout/gfx/login_gfx.png) no-repeat left -465px;
	width: 320px /*320px*/;
	height: 42px /*42px*/;
	line-height: 42px;
	padding: 0px 10px;
	float: left;
	border: 0;
	font-size: 18px;
	color: #585858;
	outline: none;
}

#loginWrapper .code {
	font-size: 25px;
	*line-height: 35px;
	letter-spacing: 2px;
}

#loginWrapper .label {
	float: left;
	font-size: 11px;
	color: #848484;
	text-transform: uppercase;
	text-shadow: 1px 1px white;
	width: 300px /*320px*/;
	padding: 0px 10px;
	line-height: 22px;
}

#loginWrapper p {
	float: left;
	font-size: 11px;
	color: #848484;
	text-transform: uppercase;
	text-shadow: 1px 1px white;
	line-height: 22px;
	margin-bottom: 20px;
}

#loginWrapper .options {
	float: left;
	font-size: 11px;
	color: #848484;
	text-transform: uppercase;
	text-shadow: 1px 1px white;
	width: 300px /*320px*/;
	*width: 320px;
	padding: 0px 10px;
	margin-top: 8px;
}

	#loginWrapper .options .checkbox {
		margin-right: 5px;
		float: left;
		*margin-top: -3px;
	}

	#loginWrapper .options label {
		float: left;
		vertical-align: top;
		*vertical-align: middle;
	}

	#loginWrapper .options a {
		color: #848484;
		text-decoration: none;
		float: right;
	}

		#loginWrapper .options a:hover {
			text-decoration: underline;
		}

#loginWrapper .bottom {
	float: left;
	font-size: 11px;
	color: #848484;
	text-transform: uppercase;
	width: 380px /*420px*/;
	*width: 420px;
	padding: 0px 20px;
	text-align: right;
}

#loginWrapper .loginError {
	position: absolute;
	left: 50px;
	width: 320px;
	z-index: 4;
	display: block;
}

	#loginWrapper .loginError.first {
		top: 160px;
	}

	#loginWrapper .loginError.secound {
		top: 244px;
	}

	#loginWrapper .loginError .content {
		background: url(/admin/layout/gfx/login_gfx.png) no-repeat left -315px;
		width: 290px /*320px */;
		*width: 320px;
		float: left;
		padding: 15px 15px 3px 15px;
		font-family: 'HermesRegular';
		font-size: 12px;
		color: #fff;
		line-height: 17px;
	}

	#loginWrapper .loginError .bottom {
		background: url(/admin/layout/gfx/login_gfx.png) no-repeat left -458px;
		width: 320px;
		height: 7px;
		padding: 0px;
		float: left;
	}

#loginWrapper #loginBox .btnOrange {
	*width: 121px;
}


/* P A G E  T R E E
-----------------------------------*/
#pageEditButtons {
	float: left;
	clear: both;
	width: 221px;
	margin-bottom: 7px;
}

	#pageEditButtons a {
		margin-left: 3px;
	}

	#pageEditButtons #search-window-search-button {
		float: right;
	}

	#pageEditButtons a:first-child {
		margin-left: 0px;
	}

	#pageEditButtons button {
		margin-left: expression(this.previousSibling==null?'0px':'7px');
	}

#ptContainer {
	border: solid 1px black;
	background-color: white;
	float: left;
	width: 216px;
}

.pageContainer {
	padding: 10px 5px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	position: relative;
	overflow: auto;
	background: #fff;
}

	.pageContainer div {
		padding-left: 15px;
		position: relative;
	}

	.pageContainer span {
		padding: 7px 0 5px 27px;
		white-space: nowrap;
		display: block;
		cursor: pointer;
	}

.pageRoot {
	background: url(/admin/layout/gfx/RootPage.gif) no-repeat left center;
}

.page {
	background: url(/admin/layout/gfx/p.gif) no-repeat left center;
}

.pageContainer img {
	position: absolute;
	top: 8px;
	left: 2px;
	cursor: pointer;
}

.pageRecycleBin {
	background: url(/admin/layout/gfx/RecycleBin.gif) no-repeat left center;
}


/* B U T T O N S
-----------------------------------*/
button {
	background: none;
	border: 0 none;
	margin: 0;
	padding: 0;
	font-size: 0;
	width: auto;
	outline: 0;
	overflow: visible;
	cursor: pointer;
	position: relative;
}

a span {
	display: block;
	white-space: nowrap;
	position: relative;
	font-family: 'HermesRegular';
	text-transform: uppercase;
	text-align: left;
}

button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.btnSmallBlue {
	background: url(/admin/layout/gfx/buttons_bg.png) no-repeat 0px -236px;
	height: 25px;
	min-width: 25px;
	float: left;
}

	.btnSmallBlue span {
		display: block;
		background: url(/admin/layout/gfx/buttons_bg.png) no-repeat right -311px;
		height: 20px;
		padding-top: 5px;
		font-size: 12px;
		color: #ebeced;
		min-width: 25px;
	}

	.btnSmallBlue div {
		height: 13px;
		width: 13px;
		float: left;
		margin: 1px 0px 0px 6px;
	}

.btnSmallGray {
	background: url(/admin/layout/gfx/buttons_bg.png) no-repeat 0px -386px;
	height: 25px;
	min-width: 82px;
	float: left;
}

	.btnSmallGray span {
		background: url(/admin/layout/gfx/buttons_bg.png) no-repeat right -461px;
		height: 20px;
		padding-top: 5px;
		font-size: 11px;
		color: #656565;
		min-width: 82px;
		*min-width: 110px;
		text-shadow: 1px 1px white;
	}

	.btnSmallGray div {
		height: 12px;
		width: 12px;
		float: left;
		margin: 1px 0px 0px 8px;
	}

.editButtons .btnSmallBlue {
	margin-left: -1px;
}

	.editButtons .btnSmallBlue:first-child {
		margin-left: 0px;
	}

.editButtons .btnSmallBlue {
	margin-left: expression(this.previousSibling==null?'0px':'-1px');
}

.btnBigBlue {
	display: block;
	background: url(/admin/layout/gfx/buttons_bg.png) no-repeat 0px -62px;
	height: 29px;
	color: #ebeced !important;
	font-size: 14px;
	margin-top: 10px;
}

	.btnBigBlue span {
		background: url(/admin/layout/gfx/buttons_bg.png) no-repeat right -149px;
		height: 24px;
		padding: 5px 15px 0px 10px;
		margin: 0px -2px;
	}

		.btnBigBlue span div {
			height: 35px;
			width: 35px;
			margin: -10px 10px 0px 0px;
			position: relative;
			float: left;
		}

.btnOrange {
	background: url(/admin/layout/gfx/buttons_bg.png) no-repeat 0px -536px;
	height: 29px;
	color: #fff;
	font-size: 14px;
	margin-top: 25px;
	text-shadow: -1px -1px #a75a00;
}

	.btnOrange span {
		display: block;
		background: url(/admin/layout/gfx/buttons_bg.png) no-repeat right -623px;
		height: 24px;
		*height: 29px;
		padding: 5px 15px 0px 10px;
		*padding-top: 0px;
		vertical-align: middle;
		margin: 0px -2px;
	}

		.btnOrange span div {
			height: 35px;
			width: 35px;
			margin: -10px 10px 0px 0px;
			position: relative;
			float: left;
		}

.btnSmallBlue2 {
	background: url(/admin/layout/gfx/buttons_bg.png) no-repeat 0px -236px;
	height: 25px;
	min-width: 5px;
	float: right;
    margin-left: 5px;
    cursor: pointer;
}

    .buttons a:hover {
        text-decoration: none;
    }

	.btnSmallBlue2 span {
		display: block;
		background: url(/admin/layout/gfx/buttons_bg.png) no-repeat right -311px;
		height: 20px;
		padding: 5px 5px 0 5px;
		font-size: 12px;
		color: #ebeced;
		min-width: 5px;
	}

	.btnSmallBlue2 div {
		height: 13px;
		width: 13px;
		float: left;
		margin: 1px 5px 0px 1px;
	}

.btnSmallGray2 {
    background: url(/admin/layout/gfx/buttons_bg.png) no-repeat 0px -386px;
    height: 25px;
    min-width: 5px;
    float: right;
    margin-left: 5px;
    cursor: pointer;
}

    .buttons a:hover {
        text-decoration: none;
    }

	.btnSmallGray2 span {
		display: block;
		background: url(/admin/layout/gfx/buttons_bg.png) no-repeat right -461px;
		height: 20px;
		padding: 5px 5px 0 5px;
		font-size: 12px;
		color: #ebeced;
		min-width: 5px;
	}

	.btnSmallGray2 div {
		height: 13px;
		width: 13px;
		float: left;
		margin: 1px 5px 0px 1px;
	}

/* Safari and Google Chrome only - fix margins */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	button span {
		margin: -1px 0px 0px 0px !important;
	}
}


/* P A G E  S E T T I N G S
-----------------------------------*/
.pageSettingsButtons {
	width: 216px;
	float: left;
}

	.pageSettingsButtons .btnBigBlue {
		width: 100%;
		margin-bottom: 2px;
	}

.slideDown {
	display: none;
	float: left;
}

	.slideDown .slidecontent {
		width: auto;
		margin: 10px;
		float: left;
	}

		.slideDown .slidecontent .item {
			width: 196px;
			margin-bottom: 2px;
			*margin-bottom: -2px;
			float: left;
		}

			.slideDown .slidecontent .item label {
				vertical-align: top;
				vertical-align: middle;
				*vertical-align: middle;
			}

		.slideDown .slidecontent h6 {
			width: 196px;
			clear: both;
		}

		.slideDown .slidecontent .btnSmallBlue {
			*width: 60px;
			*margin-bottom: 10px;
		}

		.slideDown .slidecontent .item input {
			margin: 0px 3px 0px 0px;
			*margin: 0px;
			vertical-align: top;
			*vertical-align: middle;
			line-height: 18px;
		}

.pageSettingsButtons .slideDown {
	border: 1px solid #242c35;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: left;
}

	.pageSettingsButtons .slideDown textarea {
		max-width: 176px;
		height: 70px;
		padding: 6px 10px;
		font-family: Arial, Helvetica, sans-serif;
	}

.slideDown .timeSettings {
	display: none;
	float: left;
	margin-top: 5px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}

.slideDown .inputText {
	border: 1px solid #ddd;
	height: 19px;
	width: 174px;
	margin: 0px !important;
	padding: 0px 10px;
	color: #888;
}

.inputText:hover, .inputText:focus {
	color: #333 !important;
}

.slideDown .timeSettings .top {
	background: url(/admin/layout/gfx/pagesettings_arrow.gif) no-repeat 30px top;
	height: 5px;
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}

.slideDown .timeSettings label {
	float: left;
	margin-right: 5px;
	width: 25px;
	margin-top: 2px;
}

.slideDown .timeSettings .timeText {
	width: 163px;
	border: none;
	cursor: pointer;
	color: #888;
	background: url(/admin/layout/gfx/pagesettings_calender.png) no-repeat right center;
	height: 19px;
	float: left;
	margin: 0px !important;
}

.slideDown .btnSmallBlue {
	margin-top: 10px;
	float: right;
}

#ui-datepicker-div {
	display: none;
}

.activationContent input, .PageSettingsContent input, .metaDataContent input {
	vertical-align: middle;
	margin: 2px;
}

.moduleEditBox div {
	float: left;
	padding: 10px 0 10px 20px;
	width: 110px;
	text-align: center;
}

.moduleEditBox input {
	margin-bottom: 2px;
}