*{
	font-size: 100%;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}
body {
	background:url(../images/body_bg.jpg) repeat #F3F3F3;
	margin:0;
}
a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #06C;
}
a:visited {
	color: #06C;
}
a:hover {
	color: #009;
}
a:active {
	color: #09F;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Georgia, Times New Roman, Times, serif;
}
h1 {
	font-size: 36px;
	color: #333;
	margin:0 0 4px 0;
}
h2 {
	font-size: 24px;
	color: #333;
	margin:10px 0;
}
h3 {
	font-size: 20px;
	color: #000;
	font-weight:normal;
}
.displayBlock {
	display:block;
}
img {
	border:0;
}

/* ----- clearfix ----- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

code {
	word-wrap: break-word;
}

/* ----- frame ----- */

div#frame {
	width:1000px;
	margin:0 auto;
	border-left:1px solid #EFEFEF;
	border-right:1px solid #EFEFEF;
	background:#FFF;
	padding-top:156px;
	position:relative;
}

/* ----- topAd ----- */

div#topAd {
	height:154px;
	background:#FFF;
	margin:1px 0px 1px 5px;
	position:absolute;
	top:0;
	left:0;
}
	div#topAdLeft {
		width:770px;
		height:150px;
		border:1px solid #CCC;
		background:#F4F4F4;
		text-align:center;
		float:left;
		color:#999;
	}
	div#topAdRight {
		width:180px;
		height:150px;
		border:1px solid #CCC;
		background:#F4F4F4;
		text-align:center;
		float:right;
		color:#999;
	}
	div.adNoticeVertical {
		color:#999;
		font-weight:bold;
		font-family:"Courier New", Courier, monospace;
		float:left;
		width:14px;
		padding-left:4px;
		height:150px;
		line-height:12px;
	}
	div.adFloatRight {
		float:right;
	}

/* ----- rightAd ----- */

div.rightAd {
	width:180px;
	height:600px;
	border:1px solid #CCC;
	background:#F4F4F4;
	text-align:center;
	float:right;
	margin-bottom:10px;
	color:#999;
}

/* ----- header ----- */

div#header {
	height:115px;
	background:url(../images/header-bg-line.png) repeat-x #FFF;
	position:relative;
	/*border-bottom:1px solid #5C5C5C;*/
	margin:0 0 6px 5px;
	width:990px;
	z-index:3;
}
	h1#logo {
		/*padding-top:15px;
		font-size:80px;
		letter-spacing:-0.1em;
		text-shadow:1px 1px 1px #000;
		color:#FFF;
		position:absolute;
		left:2px;
		border:4px;*/
		background:url(/htdocs/images/logo-teknoavisen2.png) no-repeat #FFF;
		width:271px;
		height:87px;
	}
		h1#logo a {
			display:block;
			text-indent:-9999em;
			width:271px;
			height:87px;
		}
		h1#logo a:focus, h1#logo a:active {
			outline-style:none;
			outline-width:medium;
		}
	div#header form#seachform {
		position:absolute;
		right:10px;
		top:32px;
		margin:0;
		padding:0;
		background:#F7F7F7;
		border:1px solid #CCC;
	}
	div#header form#seachform input {
		border:0;
		margin:0;
		padding:10px;
		outline:none;
		color:#999;
		background:#F7F7F7;
		font-size:16px;
	}
	div#header form#seachform input:focus {
		border:0;
		margin:0;
		padding:10px;
		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:50px;
		outline:none;
		cursor:pointer;
	}
	div#header form#seachform input#search-submit:focus, 
	div#header form#seachform input#search-submit:active {
		outline:none;
	}

/* ----- content ----- */

div#mainContent {
	min-height:300px;
	background:#FFF;
	margin-bottom:40px;
}
	div#contentLeft {
		width:495px;
		margin-left:5px;
		float:left;
		min-height:300px;
		padding:0 10px 5px 0;
		position:relative;
	}
	div#contentRight {
		width:490px;
		float:left;
		min-height:300px;
	}
		div#contentRight div#left{
			width:288px;
			background:#FFF;
			float:left;
			min-height:300px;
			padding-bottom:5px;
		}
		div#contentRight div#right{
			width:202px;
			background:#FFF;
			float:left;
			min-height:300px;
			padding-bottom:5px;
		}

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

div.loginDialog {
	display:none;
	position:absolute;
	top:111px;
	right:0;
	z-index:2;
}
	div.loginError {
		position:absolute;
		right:10px;
		top:52px;
		color:red;
	}
	div.loginDialog span {
		display:block;
		padding-top:6px;
	}
	div.loginDialog fieldset {
		background:#F5F5F5;
		margin:0;
		border-top:0;
		border-left:1px solid #CCC;
		border-bottom:3px solid #CCC;
		border-right:3px solid #CCC;
		-moz-border-radius-bottomleft:6px;
		-moz-border-radius-bottomright:6px;
		-moz-border-radius-topleft:0px;
		-moz-border-radius-topright:0px;
	}

/* ----- 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;
}

/* ----- horizontal menu ----- */

div#horizontalMenuTopBar {
	height:1px;
	line-height:1px;
	/*background:#999;
	width:990px;
	margin-left:5px;*/
	font-size:1px;
}

div#horizontalMenu {
	height:20px;
	position:absolute;
	bottom:6px;
	left:10px;
	width:948px;
}

div#horizontalMenu {z-index:2;}
/* hack to correct IE5.5 faulty box model */
* html div#horizontalMenu {width:948px; w\idth:948px;}
/* 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;width:100px;position:relative;}
div#horizontalMenu li.menuRight {float:right;width:100px;position:relative;}
/* style the links for the top level */
div#horizontalMenu a, div#horizontalMenu a:visited {
	width:100px;
	height:18px;
	padding-top:4px;
	text-align:center;
	font-size:12px;
	outline:none;
	text-transform:uppercase;
	color: #FFF;
	background:url('../images/menu_link_bg.png') repeat-x #0054A6;
	text-decoration: none;
	float: left;
	font-weight:bold;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html div#horizontalMenu a, * html div#horizontalMenu a:visited {width:100px; w\idth:100px;}
/* 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:22px;left:0; width:149px;}
/* another hack for IE5.5 */
* html div#horizontalMenu ul ul {top:22px;t\op:23px;}
/* 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;
	background:#FFF;
	color:#645325;
	border-right:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
}
/* yet another hack for IE5.5 */
* html div#horizontalMenu ul ul a, * html div#horizontalMenu ul ul a:visited {width:120px;w\idth:130px;}
/* style the top level hover */
div#horizontalMenu a:hover {}
div#horizontalMenu ul ul a:hover{color:#000; background:#EEE;}
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; }
#horizontalMenu ul li#liProfile a img,
#horizontalMenu ul li#liLogin a img {
	position:absolute;
	left:-30px;
	top:0;
}
#horizontalMenu li a img {
	border:0;
	margin-bottom:-4px;
}

/*
	#horizontalMenu ul {
		margin: 0;
		padding: 0;
		white-space: nowrap;
	}
		#horizontalMenu ul li {
			display: inline;
			list-style-type: none;
			position:relative;
		}
			#horizontalMenu ul li#liProfile a img,
			#horizontalMenu ul li#liLogin a img {
				position:absolute;
				left:-30px;
				top:0;
			}
			#horizontalMenu li a {
				position:relative;
				display:block;
				width:100px;
				height:18px;
				padding-top:4px;
				text-align:center;
				font-size:12px;
				outline:none;
				text-transform:uppercase;
			}
			#horizontalMenu li a:link, #horizontalMenu li a:visited {
				color: #FFF;
				background:url('../images/menu_link_bg.png') repeat-x #0054A6;
				text-decoration: none;
				float: left;
				font-weight:bold;
			}
			#horizontalMenu li a:hover {
				text-decoration: none;
			}
			#horizontalMenu li a img {
				border:0;
				margin-bottom:-4px;
			}
			#header #horizontalMenu li a.menuRight {
				width:80px;
				float:right;
			}
			/* subnav */
			/*
			#horizontalMenu ul li ul.subnav {
				list-style: none;
				position: absolute;
				right: 30px;
				top: 22px;
				background: #FFF;
				margin: 0; padding: 0;
				display: none;
				float: left;
				z-index:3;
			}
			#horizontalMenu ul li ul.subnav li{
				margin: 0;
				padding: 0;
				float: left;
				clear: both;
				border-left:1px solid #DEDEDE;
			}
			html #horizontalMenu ul li ul.subnav li a {
				width:120px;
				float: left;
				padding:10px;
				outline:none;
				background:#FFF;
				color:#645325;
				border-right:1px solid #DEDEDE;
				border-bottom:1px solid #DEDEDE;
			}
			html #horizontalMenu ul li ul.subnav li a:visited {
				background:#FFF;
				color:#645325;
			}
			html #horizontalMenu ul li ul.subnav li a:hover {
				color:#000;
				background:#EEE;
			}
			*/

/* ----- footer ----- */

div#footer {
	height:150px;
	color:#666;
	background:#EEE;
	border-top:1px solid #CCC;
	border-bottom:1px solid #EFEFEF;
	font-size:12px;
	padding-left:25px;
	line-height:1.8;
	margin-top:10px;
}
	div#footer a {
		font-size:12px;
		line-height:1.8;
	}
	div#footer div {
		float:left;
		margin-right:30px;
	}
		div#footer div h4 {
			font-style:normal;
			margin:20px 0 6px 0;
			font-size:14px;
			color:#333;
		}
		div#footer ul {
			padding-left:0;
			list-style:none;
			margin:0;
		}
			div#footer ul li {
				line-height:1.8;
			}
			div#footer ul li a {
				color:#666;
				text-decoration:none;
				font-size:12px;
			}
			div#footer ul li a:hover {
				color:#000;
			}
			div#footer ul li a:active {
				color:#666;
			}

/* ----- clear ----- */

.clear {
	clear:both;
}

/* ----- column1 ----- */



/* ----- column2 ----- */

div#contentRight div#left div.box {
	margin-right:10px;
}
	div#contentRight div#left div.box div.boxTitle {
		border-bottom:2px solid #5C5C5C;
		padding:4px;
		font-size:16px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
	}
	div#contentRight div#left div.box ul {
		list-style:none;
		padding:0;
		margin:0;
	}
		div#contentRight div#left div.box ul li a, div#contentRight div#left div.box ul li a:visited, div#contentRight div#left div.box ul li a:link{
			display:block;
			padding:6px 4px 6px 4px;
			border-bottom:1px dotted #CCC;
			outline:none;
		}
		div#contentRight div#left div.box ul li a:hover{
			background:#F4F4F4;
		}
		
/* ----- 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;
}

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

span.errorMessage {
	border:1px solid #DAA1A1;
	padding:6px;
	line-height:20px;
	background:#F5EBEB;
}
	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;
}
	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;
	}

/* ----- 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;
}

/* ----- 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;
	}

/* ----- 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;
		}

/* ----- video ----- */

div#movie-info {
	float:left;
	min-height:730px;
}
	div#movie-info div.info h5 {
		margin:10px 0;
	}
	div#movie-info a#poster-link {
		float:right;
		padding:6px;
		margin:0 0 15px 10px;
		clear:both;
		text-align:right;
		outline:none;
		background:#EEE;
		text-align:center;
		-moz-border-radius:6px;
		-khtml-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius:6px;
	}
		div#movie-info a#poster-link:hover {
			background:#CCC;
		}
		div#movie-info a#poster-link img {
			border:1px solid #999;
		}
img.movie-type-icon {
	margin-bottom:-5px;
}
div.movie-top-box ul li a {
	line-height:30px;
}
	div.movie-top-box ul li a span.movie-category {
		color:#BBB;
		font-size:12px;
		line-height:14px;
	}
form#edit-movie-form fieldset input{
	width:458px;
	margin:4px 0;
}
form#edit-movie-form fieldset textarea{
	width:455px;
	height:120px;
	padding:5px;
	margin:4px 0;
}
form#edit-movie-form input#movie-submit {
	font-size:18px;
	font-family: Georgia, Times New Roman, Times, serif;
	color:#333;
	padding:10px;
	cursor:pointer;
	width:468px;
}
div#movie-type {
	margin-top:-10px;
	color:#999;
	font-size:12px;
	line-height:14px;
}
div#trailer-frame {
	width:495px;
	height:350px;
	margin-bottom:10px;
}
h3 span#cinema-premiere-h3 {
	background:#D3D7DE;
	font-size:16px;
	padding:2px;
}
ul.movie-cover-list {
	position: relative;
	padding: 0;
	margin: 0;
	text-align:center;
	clear:both;
	width:800px;
}
	ul.movie-cover-list li {
		width: 147px;
		height: 234px;
		float: left;
		list-style: none;
		margin: 8px 12px 0 0;
		text-align:center;
		overflow:hidden;
	}
		ul.movie-cover-list li a {
			text-decoration:none;
			padding:6px;
			outline:none;
			background:#EEE;
			-moz-border-radius:6px;
			-khtml-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius:6px;
			display:block;
			font-size:12px;
			color:#5C5C5C;
			vertical-align:text-bottom;
			height:222px;
		}
		ul.movie-cover-list li a:visited {
			color:#5C5C5C;
		}
		ul.movie-cover-list li a.cinema-premiere {
			background:#D3D7DE;
		}
		ul.movie-cover-list li a:hover {
			background:#CCC;
			color:#333;
		}
		ul.movie-cover-list li a img {
			margin-bottom:2px;
		}
			ul.movie-cover-list li a img{
				border:1px solid #999;
			}
div#movie-pagination {
	margin-top:20px;
}
	div#movie-pagination a,
	div#movie-pagination a:link,
	div#movie-pagination a:hover,
	div#movie-pagination a:active,
	div#movie-pagination a:visited {
		font-size:12px;
		color:#333;
	}