@charset "utf-8";
@import "reset.css";
*{
	font-size: 100%;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	margin:0;
	padding:0;
}
body table td,body table th{
	border:1px solid #999;
	padding:4px;
}
body {
	background:url(../images/enern_header3.png) no-repeat center top #FFF;
	position: relative;
	padding:0;
}
a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0A54A3;
	font-weight:700;
}
a:visited {
	color: #333;
}
a:hover {
	color: #252525;
}
a:active {
	color: #252525;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Georgia, Times New Roman, Times, serif;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#333;
}
h2 {
	font-size: 24px;
	color: #252525;
	margin:10px 0;
}
h3 {
	font-size: 20px;
	color: #252525;
	font-weight:normal;
}
.displayBlock {
	display:block;
}
img {
	border:0;
}
.clear {
	clear:both;
}

div#frame {
	width:1000px;
	margin:0 auto;
	position:relative;
}
	div#page {
		position:relative;
	}
		div#header {
			height:185px;
			position:relative;
			margin-bottom:9px;
			z-index:6;
		}

h1#logo {
	background:none;
	width:640px;
	height:150px;
}
h1#logo a {
	display:block;
	text-indent:-9999em;
	width:640px;
	height:150px;
}
h1#logo a:focus, h1#logo a:active {
	outline-style:none;
	outline-width:medium;
}

div#content {
	position:relative;
}
	div#content div#left {
		float:left;
		width:800px;
		min-height:350px;
		position:relative;
	}
	div#content div#right {
		float:left;
		width:182px;
		margin-left:10px;
		padding-left:8px;
		min-height:350px;
		position:relative;
	}

ul#ads {
	margin:0;
	padding:0;
	list-style:none;
}
	ul#ads li {
		margin-bottom:8px;
		border:1px solid #CCC;
	}
		ul#ads li a {
			display:block;
		}

div#slider {
	width:800px;
	position:relative;
	height:350px;
}
	div#slider div#fullslide {
		width:540px;
		height:350px;
		float:left;
		position:relative;
	}
		div#slider div#fullslide a#fullslideOpen {
			display:block;
			width:540px;
			height:350px;
		}
		div#slider div#fullslide div#caption-bg {
			position:absolute;
			bottom:0;
			left:0;
			height:80px;
			z-index:2;
			background:#000;
			-khtml-opacity:.50;
			-moz-opacity:.50;
			-ms-filter:"alpha(opacity=50)";
			filter:alpha(opacity=50);
			opacity:.50;
			width:100%;
		}
		div#slider div#fullslide div#caption {
			position:absolute;
			bottom:0;
			left:0;
			height:76px;
			overflow:hidden;
			z-index:3;
			font-size:14px;
			font-weight:bold;
			color:#FFF;
			padding:2px 10px 2px 10px;
		}
			div#slider div#fullslide div#caption h2 {
				margin:8px 0;
			}
			div#slider div#fullslide div#caption h2 a {
				color:#FFF;
				font-size: 24px;
				text-decoration:none;
			}
			div#slider div#fullslide div#caption a{
				color:#FFF;
				text-decoration:none;
			}
			div#slider div#fullslide div#caption a.read-more {
				color:#FFF;
				text-decoration:underline;
			}
			
	div#slider div#slides {
		width:260px;
		float:left;
		height:350px;
		background:#FFF;
	}
		div#slider div#slides ul {
			padding:0;
			margin:0;
			list-style:none;
		}
			div#slider div#slides ul li {
				position:relative;
			}
				div#slider div#slides ul li a {
					display:block;
					padding:10px;
					border-bottom:1px dotted #CCC;
					height:49px;
					text-decoration:none;
					color:#000;
					font-weight:normal;
					background:#EEE;
					-moz-border-radius-topright:8px;
					-moz-border-radius-bottomright:8px;
					-khtml-border-radius-topright:8px;
					-khtml-border-radius-bottomright:8px;
					-webkit-border-radius-topright:8px;
					-webkit-border-radius-bottomright:8px;
					overflow:hidden;
				}
					div#slider div#slides ul li a h3 {
						font-weight:bold;
						font-size:14px;
						margin:0 0 4px 0;
						font-family: Arial, Helvetica, sans-serif;
					}
					div#slider div#slides ul li a span.li-ingress {
						display:block;
						font-size:11px;
						max-height:23px;
						overflow:hidden;
					}
					div#slider div#slides ul li a:hover {
						background:#DDD;
					}
					div#slider div#slides ul li a img.popularArticlesImage {
						display:block;
						float:left;
						width:65px;
						height:49px;
						background:#CCC;
						margin-right:10px;
						border:1px solid #999;
					}
					div#slider div#slides ul li a.selected-slide {
						background:#CCC;
					}
					div#slider div#slides ul li a img.selected-slide-arrow {
						position:absolute;
						left:-14px;
						top:12px;
						z-index:4;
					}

div#footer {
	margin-top:10px;
	background:url(../images/bg_gray_noise.png) repeat-x;
	border-top:1px solid #333;
	padding:20px;
	height:100px;
	position:relative;
	color:#EEE;
}
	div#footer a {
		color:#EEE;
	}
	div#footer a#oppdal-link {
		display:block;
		position:absolute;
		top:100px;
		right:105px;
	}
	div#footer a#sola {
		display:block;
		position:absolute;
		top:16px;
		right:110px;
	}
	div#footer a#facebook {
		display:block;
		position:absolute;
		top:20px;
		right:20px;
	}
	div#footer div#footer-main-icons {
		height:50px;
		float:left;
		margin-right:10px;
	}
		div#footer div#footer-main-icons a#icon-sykkel,
		div#footer div#footer-main-icons a#icon-fjell,
		div#footer div#footer-main-icons a#icon-ski,
		div#footer div#footer-main-icons a#icon-trippel {
			display:block;
			float:left;
			margin-right:8px;
			width:51px;
			height:51px;
			-moz-box-shadow:0 0 6px #333;
			-webkit-box-shadow: 0 0 6px #333;
			-khtml-box-shadow: 0 0 6px #333;
		}
		
		div#footer div#footer-main-icons a#icon-sykkel {
			background:url(../images/sprite_4main_icons.png) 0 0 no-repeat;
		}
		div#footer div#footer-main-icons a#icon-fjell {
			background:url(../images/sprite_4main_icons.png) -52px 0 no-repeat;
		}
		div#footer div#footer-main-icons a#icon-ski {
			background:url(../images/sprite_4main_icons.png) -103px 0 no-repeat;
		}
		div#footer div#footer-main-icons a#icon-trippel {
			background:url(../images/sprite_4main_icons.png) -155px 0 no-repeat;
		}

/** Header menu **/

div#horizontalMenu {
	margin:0;
	padding: 0 0 4px 0;
	position:absolute;
	top:150px;
	left:0;
	width:1000px;
	border-bottom:5px solid #414141;
}

div#horizontalMenu {z-index:6;}
/* hack to correct IE5.5 faulty box model */
* html div#horizontalMenu {width:1000px; w\idth:1000px;}
/* remove all the bullets, borders and padding from the default list styling */
div#horizontalMenu ul {padding:0;margin:0;list-style-type:none;}
div#horizontalMenu ul ul {width:120px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
div#horizontalMenu li {float:left;position:relative;}
div#horizontalMenu ul li.menuRight {float:right;position:relative;}
div#horizontalMenu ul li.menuRight a span {font-weight:bolder;}
html #header div#horizontalMenu ul#menu li a#logout{margin-left:20px;}
html #header div#horizontalMenu ul#menu li a.first {margin-left:0;}
/* style the links for the top level */
div#horizontalMenu a, div#horizontalMenu a:visited {
	display:block;
	padding:8px;
	text-align:center;
	font-size:12px;
	outline:none;
	text-transform:uppercase;
	margin-left:5px;
	color: #FFF;
	background:#333;
	text-decoration: none;
	float: left;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
}

div#horizontalMenu a.c0, div#horizontalMenu a:visited.c0 {background:#FFF;color:#000;}
div#horizontalMenu a.c1, div#horizontalMenu a:visited.c1 {background:#A64822;}
div#horizontalMenu a.c2, div#horizontalMenu a:visited.c2 {background:#629CB0;}
div#horizontalMenu a.c3, div#horizontalMenu a:visited.c3 {background:#795C1A;}
div#horizontalMenu a.c5, div#horizontalMenu a:visited.c5 {background:#744f8d;}

div#horizontalMenu li.textstyle a.ts, div#horizontalMenu li.textstyle a.ts:visited {
	padding:2px;
	color:#333;
	background:none;
	border:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-khtml-box-shadow:none;
	margin-top:14px;
}
div#horizontalMenu ul#menu li.textstyle a.ts:hover {
	color:#000;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-khtml-box-shadow:none;
	text-decoration:underline;
}

div#horizontalMenu ul#menu li a#login {
	float:right;
}
div#horizontalMenu ul#menu li a:hover {
	text-decoration: none;
	-moz-box-shadow:0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-khtml-box-shadow: 0 0 6px #000;
}
div#horizontalMenu ul#menu li ul li a:hover {
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	-khtml-box-shadow: 0 0 10px #000;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
div#horizontalMenu ul ul {visibility:hidden;position:absolute;height:0;top:27px;left:0; width:149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
div#horizontalMenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
div#horizontalMenu ul ul a, div#horizontalMenu ul ul a:visited {
	width:120px;
	float: left;
	padding:10px;
	outline:none;
	/*margin-top:2px;*/
	background:#333;
	color:#FFF;
	-moz-box-shadow:0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-khtml-box-shadow: 0 0 6px #000;
}
/* style the top level hover */
div#horizontalMenu a:hover {}
div#horizontalMenu ul ul a:hover{
	color:#000;
	background:#EEE;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-khtml-box-shadow:none;
}
div#horizontalMenu :hover > a, div#horizontalMenu ul ul :hover > a {}
/* make the second level visible when hover on first level list OR link */
div#horizontalMenu ul li:hover ul,
div#horizontalMenu ul a:hover ul{visibility:visible; }


/** Header menu 2 **/

div#menu2 {
	position:relative;
	margin:4px 0 4px 0;
	width:100%;
	height:30px;
	z-index:5;
}

div#horizontalMenu2 {
	margin:0;
	padding: 0;
	position:absolute;
	top:0;
	left:0;
	width:1000px;
}

div#horizontalMenu2 {z-index:2;}
/* hack to correct IE5.5 faulty box model */
* html div#horizontalMenu2 {width:1000px; w\idth:1000px;}
/* remove all the bullets, borders and padding from the default list styling */
div#horizontalMenu2 ul {padding:0;margin:0;list-style-type:none;}
div#horizontalMenu2 ul ul {width:120px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
div#horizontalMenu2 li {float:left;position:relative;}
div#horizontalMenu2 ul li.menuRight {float:right;position:relative;}
div#horizontalMenu2 ul li.menuRight a span {font-weight:bolder;}
html div#horizontalMenu2 ul#menu2-ul li a#logout{margin-left:20px;}
html div#horizontalMenu2 ul#menu2-ul li a.first {margin-left:4px;}
/* style the links for the top level */
div#horizontalMenu2 a, div#horizontalMenu2 a:visited {
	display:block;
	padding:4px;
	text-align:center;
	font-size:12px;
	outline:none;
	text-transform:uppercase;
	margin-left:10px;
	color: #333;
	background:#FFF;
	text-decoration: none;
	float: left;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
}

div#horizontalMenu2 ul.sykkel a, div#horizontalMenu2 ul.sykkel a:visited {color:#A64822;background:#FFF;}
div#horizontalMenu2 ul.fjell a, div#horizontalMenu2 ul.fjell a:visited {color:#795C1A;background:#FFF;}
div#horizontalMenu2 ul.ski a, div#horizontalMenu2 ul.ski a:visited {color:#629CB0;background:#FFF;}
div#horizontalMenu2 ul.trippel a, div#horizontalMenu2 ul.trippel a:visited {color:#333;background:#FFF;}

div#horizontalMenu2 li.textstyle a, div#horizontalMenu2 li.textstyle a:visited {
	padding:2px;
	color:#333;
	background:none;
	border:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-khtml-box-shadow:none;
}
div#horizontalMenu2 ul#menu2-ul li.textstyle a:hover {
	color:#000;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-khtml-box-shadow:none;
	text-decoration:underline;
}

div#horizontalMenu2 ul#menu2-ul li a#login {
	float:right;
}
div#horizontalMenu2 ul#menu2-ul li a:hover {
	text-decoration: none;
	-moz-box-shadow:0 0 6px #CCC;
	-webkit-box-shadow:0 0 6px #CCC;
	-khtml-box-shadow:0 0 6px #CCC;
}
div#horizontalMenu2 ul#menu2-ul li ul li a:hover {
	-moz-box-shadow:0 0 10px #CCC;
	-webkit-box-shadow:0 0 10px #CCC;
	-khtml-box-shadow:0 0 10px #CCC;
	color:#000;
	background:#EEE;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
div#horizontalMenu2 ul ul {visibility:hidden;position:absolute;height:0;top:19px;left:0; width:149px; padding-top:2px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
div#horizontalMenu2 table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
div#horizontalMenu2 ul ul a, div#horizontalMenu2 ul ul a:visited {
	width:120px;
	float: left;
	padding:10px;
	outline:none;
	border:1px solid #CCC;
	background:#333;
	color:#FFF;
	-moz-box-shadow:0 0 6px #CCC;
	-webkit-box-shadow:0 0 6px #CCC;
	-khtml-box-shadow:0 0 6px #CCC;
}
/* style the top level hover */
div#horizontalMenu2 a:hover {}
div#horizontalMenu2 ul ul a:hover{
	color:#000;
	background:#EEE;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-khtml-box-shadow:none;
}
div#horizontalMenu2 :hover > a, div#horizontalMenu2 ul ul :hover > a {}
/* make the second level visible when hover on first level list OR link */
div#horizontalMenu2 ul li:hover ul,
div#horizontalMenu2 ul a:hover ul{visibility:visible; }

/* ----- form ----- */

fieldset {
	border:1px solid #CCC;
	padding:10px;
	-moz-border-radius:6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
legend {
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
input {
	border:1px solid #CCC;
	background:url(../images/input_bg_slice.jpg) repeat-x #FFF;
	padding:4px;
	margin-bottom:2px;
}
select, textarea {
	border:1px solid #CCC;
	background:#FFF;
	padding:4px;
	margin-bottom:2px;
}
input:focus, select:focus, textarea:focus {
	border:1px solid #666666;
	outline-style:none;
}

/** Styled Form **/

form.styledForm fieldset {
	border:none;
	padding:0;
	margin:20px 0;
}
form.styledForm legend {
	background:#333;
	color:#FFF;
	padding:10px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
form.styledForm label {
	font-weight:bold;
	margin-right:10px;
	margin-top:3px;
	text-align:right;
	width:80px;
	font-size:12px;
	float:left;
}
form.styledForm input {
	width:250px;
	background:#FFF;
	font-size:12px;
}
form.styledForm input.submit {
	width:auto;
	padding:6px;
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	-moz-box-shadow:0 0 4px #000;
	-webkit-box-shadow:0 0 4px #000;
	-khtml-box-shadow:0 0 4px #000;
	border:none;
	cursor:pointer;
	margin:8px 10px 0 0;
}
	form.styledForm input.submit:focus {
		background:#333;
		color:#FFF;
		outline:none;
	}

form.styledForm textarea {
	width:250px;
	min-height:150px;
}
form.styledForm select {
	width:260px;
}
form.styledForm input:focus, form.styledForm textarea:focus {
	background:#FEFEEE;
}

form.styledForm select:focus, form.styledForm textarea:focus {
	border:1px solid #666666;
	outline-style:none;
}
form.styledForm div#first-contr {
	margin-top:10px;
}
form.styledForm div.contr {
	margin-bottom:10px;
}
form.styledForm p.form-info {
	line-height:18px;
	margin-bottom:10px;
	display:block;
}

html form#contactForm label {
	width:80px;
}
html form#newCaseForm label {
	width:80px;
}

/* ----- status messages ----- */

span.errorMessage {
	border:1px solid #DAA1A1;
	padding:6px;
	line-height:20px;
	background:#F5EBEB;
	margin-bottom:10px;
}
	span.errorMessage span {
		display:block;
		background:url(../images/exclamation.png) left bottom no-repeat;
		padding-left:20px;
		color:#DB4646;
		font-size:14px;
		margin-bottom:6px;
		line-height:normal;
	}
span.successMessage {
	border:1px solid #ACDAA1;
	padding:6px;
	line-height:20px;
	background:#F3FDF1;
	margin-bottom:10px;
	display:block;
}
	span.successMessage span {
		display:block;
		background:url(../images/accept.png) left bottom no-repeat;
		padding-left:20px;
		color:#49A233;
		font-size:14px;
		margin-bottom:6px;
		line-height:normal;
	}

/* ----- login ----- */

	div.loginError {
		display:block;
		background:url(../images/exclamation.png) left bottom no-repeat;
		padding-left:20px;
		color:#DB4646;
		font-size:14px;
		margin-bottom:6px;
		line-height:normal;
		
		border:1px solid #DAA1A1;
		padding:6px;
		line-height:20px;
		background:#F5EBEB;
		margin-bottom:10px;
	}

/* ----- register ----- */

div#registerDialog {
	
}
	div#registerDialog h1 {
		font-size:22px;
		margin:2px 0;
	}
	div#registerDialog span {
		display:block;
		padding-top:6px;
	}
	div#registerDialog fieldset {
		background:#FFF;
		margin:0 4px 0 0;
		border:0;
	}
		div#registerDialog fieldset input{
			width:220px;
		}
		div#registerDialog fieldset input[type='submit'] {
			width:230px;
		}
		div#registerDialog input#register-button {
			font-size:18px;
			font-family: Georgia, Times New Roman, Times, serif;
			color:#333;
			padding:10px;
			cursor:pointer;
		}
		
/* ----- reCAPTCHA ----- */

.recaptchatable input#recaptcha_response_field {
	border:1px solid #CCC !important;
	background:url(../images/input_bg_slice.jpg) repeat-x #FFF !important;
	padding:4px !important;
	margin-bottom:2px !important;
	width:220px !important;
}

/* ----- users ----- */

ul#userList {
	margin:0 0 0 30px;
	padding:0;
	list-style:decimal;
	font-size:12px;
}
	ul#userList li {
		background:#FFF;
		border:1px solid #CCC;
		margin:1px;
		-moz-border-radius:4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius:4px;
		margin-bottom:4px;
		position:relative;
		padding:8px 4px 0px 8px;
		height:26px;
		position:relative;
	}
		ul#userList li a {
			font-size:12px;
		}
		ul#userList li div.userAccess {
			margin:0 0 0 4px;
			position:absolute;
			top:4px;
			right:4px;
		}
			ul#userList li div.userAccess span {
				display:block;
				padding-top:4px;
				padding-right:4px;
			}
			ul#userList li div.userAccess select {
				display:none;
				position:absolute;
				top:0;
				right:0;
			}

/* ----- users ----- */

div#categories {
	line-height:1.6;
}
	div#categories h3 {
		color:#0A54A3;
		margin:35px 0 20px;
	}

/* ----- login ----- */
	
div.loginDialog {
	display:none;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:2000;
	width:100%;
	border-bottom:5px solid #CCC;
}


/* ----- profile ----- */

form#profileForm input#saveProfileButton {
	font-size:18px;
	font-family: Georgia, Times New Roman, Times, serif;
	color:#333;
	padding:10px;
	cursor:pointer;
}
form#profileForm input.radio {
	width:14px;
	margin:10px;
}
form#profileForm input, form#profileForm select {
	margin:2px 0 6px 0;
}
div#avatarFrame {
	float: right;
}
	div#avatarFrame div#avatar {
		width:220px;
		height:138px;
		background:#FFF;
		margin-bottom:2px;
		background-repeat:no-repeat;
		background-position:center;
	}
a#changePassword {
	margin-left:10px;
}
form#newPasswordForm fieldset {
	width:155px;
}

div#userProfile {
	line-height:1.6;
}

/* ----- swfupload in profile ----- */

form#profileForm .progressWrapper {
	width: 220px;
}

form#profileForm .progressContainer {
	margin: 0 0 2px 0;
}

form#profileForm .progressName {
	width: 186px;
}

form#profileForm .progressBarStatus {
	width: 186px;
}

/* ----- weather ----- */

div.weather {
	float:left;
	margin-right:10px;
	position:relative;
	cursor:pointer;
}
	div.sym {
		float:left;
		margin-right:10px;
	}
	div.forecast {
		float:left;
		padding:20px 10px 10px 10px;
	}

	
div#english {
	position:absolute;
	right:0;
	top:124px;
}

.weather table td.w-icon {
	border-right:0 none;
	height:31px;
	width:45px;
}
.weather table thead th {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	color:#EEE;
	font-weight:normal;
	font-size:11px;
	height:15px;
	text-align:center;
	white-space:nowrap;
}
.weather table td.plus {
	background-color:inherit;
	font-size:12px;
	font-weight:bold;
	height:31px;
	width:28px;
	color:#FFF;
}
.weather td, .weather th {
	padding:4px;
	vertical-align:middle;
}
.weather th a {
	color:#DDD;
}


div#login-link {
	float:right;
	margin-top:80px;
}


.reklame_link {
	left:10px;
	position:absolute;
	top:10px;
	z-index:2;
	display:none;
}
.white_content {
	background-color:white;
	border:4px solid #BBDEF2;
	display:none;
	height:30%;
	left:25%;
	overflow:auto;
	padding:16px;
	position:absolute;
	top:25%;
	width:50%;
	z-index:1002;
}
#fade {
	background-color:black;
	display:none;
	height:100%;
	left:0;
	opacity:0.8;
	position:fixed;
	top:0;
	width:100%;
	z-index:1001;
}
div.ad-frame {
	width:180px;
	height:50px;
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
}
div.ad-frame-bottom {
	width:180px;
	height:50px;
	position:relative;
	overflow:hidden;
}


div#header form#seachform {
		position:absolute;
		right:40px;
		top:124px;
		margin:0;
		padding:0;
		background:#F7F7F7;
		border:1px solid #CCC;
	}
	div#header form#seachform input {
		border:0;
		margin:0;
		padding:2px;
		outline:none;
		color:#999;
		background:#F7F7F7;
		font-size:16px;
		width:200px;
	}
	div#header form#seachform input:focus {
		border:0;
		margin:0;
		padding:2px;
		outline:none;
		color:#000;
		background:#F7F7F7;
		font-size:16px;
	}
	div#header form#seachform input#search-submit {
		background:url(../images/search-icon.png) left center no-repeat #F7F7F7;
		width:35px;
		outline:none;
		cursor:pointer;
	}
	div#header form#seachform input#search-submit:focus, 
	div#header form#seachform input#search-submit:active {
		outline:none;
	}

	/* ----- search ----- */

h3.search-h3 {
	border-bottom:1px solid #CCC;
	background:#F7F7F7;
}
form#search-form {
	margin:0;
	padding:0;
	background:#F7F7F7;
	border:1px solid #CCC;
}
form#search-form input {
	border:0;
	margin:0;
	padding:10px;
	outline:none;
	color:#000;
	background:#F7F7F7;
	font-size:16px;
	float:left;
	width:420px;
}
form#search-form input#search-button {
	background:url(../images/search-icon.png) left center no-repeat #F7F7F7;
	width:50px;
	outline:none;
	cursor:pointer;
	float:right;
}
form#search-form input#search-button:focus, 
form#search-forminput#search-button:active {
	outline:none;
}
ul.search-results {
	list-style:none;
	padding:0;
	margin:0;
}
	ul.search-results li a, 
	ul.search-results li a:visited, 
	ul.search-results li a:link {
		display:block;
		padding:6px 4px 6px 4px;
		border-bottom:1px dotted #CCC;
		outline:none;
	}
	ul.search-results li a:hover{
		background:#F4F4F4;
	}
	ul.search-results li a {
		min-height:54px;
	}
	
	ul.search-results li a,
	ul.search-results li a:link,
	ul.search-results li a:hover,
	ul.search-results li a:visited {
		color:#333;
		text-decoration:none;
	}
		ul.search-results li a img.searchArticlesImage {
			float:right;
			margin-left:4px;
			border:1px solid #999999;
			cursor:pointer;
		}
		ul.search-results li a h4 {
			margin:2px 0 2px 0;
		}
/** Group **/
div#ul-list-frame {
	position:absolute;
	top:13px;
	right:0px;
	padding:0;
	margin:0;
}
	div#ul-list-frame ul {
		width:204px;
		height:580px;
		overflow:auto;
	}
	div#ul-list-frame ul li {
		list-style:none;
		padding:10px;
		border-bottom:1px dotted #DDD;
	}
		div#ul-list-frame form {
			padding-top:8px;
		}
		div#ul-list-frame form,
		div#ul-list-frame form input {
			margin:0;
		}
		div#ul-list-frame form input.search-field {
			width:150px;
			margin-right:5px;
		}
		div#ul-list-frame form input.submit {
			margin:0;
			padding:3px;
		}
		div#ul-list-frame span {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:18px;
			color:#666;
			font-weight:normal;
		}
		div#ul-list-frame li a {
			color:#333;
			font-size:12px;
		}
div#formframe {
	width:400px;
	height:800px;
}
	div#formframe span.showhide-trigger {
		width:400px;
	}
div form.styledForm input.deleteProject {
	border:1px solid #DAA1A1;
	background:#F5EBEB;
	float:right;
}
div.client-view-info {
	cursor:pointer;
	color:#0A54A3;
}
.showhide-trigger, .showhide-trigger-noform {
	cursor:pointer;
	display:block;
	padding:10px 0 20px 30px;
}
.showhide-trigger span, .showhide-trigger-noform span {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/222222_256x240_icons_icons.png) no-repeat;
	background-position:-32px -16px;
	margin:0 4px -2px 0;
}
.showhide {
	display:none;
}
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('../images/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
ul#selected-members li {
	padding:4px;
	background:#DDD;
	margin-bottom:2px;
	position:relative;
}
	ul#selected-members li span {
		display:inline-block;
		width:16px;
		height:16px;
		background:url(../images/222222_256x240_icons_icons.png) no-repeat;
		background-position:-16px -191px;
		margin-bottom:-2px;
		cursor:pointer;
		float:right;
	}
/** Modal **/

html body div#fancyModal {
	display:none;
	z-index:100000000;
	width: 492px;
	position:absolute;
	top:0;
	left:50%;
	padding: 20px;
	background:#F5F5F5;
	-moz-box-shadow:0 0 10px #333;
	-moz-border-radius:0 0 8px 8px;
	-khtml-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
    margin-left: -292px;
}
div#fancyModal span#current {
	display:none;
}
div#overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	background:#000;
	z-index:10000000;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	display:none;
}
div#fancyModal form.styledForm fieldset {
	margin:0;
}
	div#fancyModal form.styledForm fieldset fieldset legend, 
	div#formframe form.styledForm fieldset fieldset legend{
		background:none;
		color:#333;
		width:380px;
		border-bottom:2px solid #CCC;
		display:inline-block;
		position:relative;
	}
		div#formframe form.styledForm fieldset fieldset legend#extra-pluss-legend {
			position:absolute; bottom:-10px; left:0;
		}
		div#fancyModal form.styledForm fieldset fieldset legend span.add, 
		div#fancyModal form.styledForm fieldset fieldset legend span.add2,
		div#formframe form.styledForm fieldset fieldset legend span.add,
		div#formframe form.styledForm fieldset fieldset legend span.add2,
		legend#extra-pluss-legend span.add {
			display:inline-block;
			position:absolute;
			right:0;
			top:14px;
			width:16px;
			height:16px;
			background:url(../images/222222_256x240_icons_icons.png) no-repeat;
			background-position:0px -191px;
			margin:0 4px -2px 0;
			cursor:pointer;
		}
		div#fancyModal form.styledForm fieldset fieldset div.contr span.del,
		div#formframe form.styledForm fieldset fieldset div.contr span.del {
			display:inline-block;
			width:16px;
			height:16px;
			background:url(../images/222222_256x240_icons_icons.png) no-repeat;
			background-position:-16px -191px;
			margin-bottom:-2px;
			cursor:pointer;
		}
		div div#formframe form#newProject fieldset fieldset div.contr span.del {
			/*float:right;*/
		}
		div#formframe form#newProject fieldset {
			width:530px;
		}
		div#formframe form#newProject fieldset fieldset {
			position:relative;
		}