/* Global 
************/
* {margin:0;padding:0;} 

body {
	background-image: url(../images/bg_middle.png);
	background-repeat: repeat-y;
	
}
html,body { 
height:100%; 
}

img {
	border: 0px;
}

table {
	border: 0px;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #356679;
}

a:hover {
	text-decoration: underline;
	color: #356679;

}
a:link {
	color: #356679;

}
a:visited {
	color: #356679;
}

/* Page structure 
*******************/

#container {
width:900px; 
min-height:100%;  
text-align: left;
}

#header{
height: 175px;
background-image: url(../images/bg_top2.gif);
background-repeat: no-repeat;
}

#menu {
height: 23px;
}

#logo {
	position:absolute;
	left: 16px;
	width: 198px;
	height: 86px;
	top: 60px;
}

#banner468 {
	position:absolute;
	top: 64px;
	left: 222px;
	width: 468px;
	height: 60px;
}

#banner140_1 {
	position:absolute;
	top: 10px;
	height: 60px;
	left: 720px;
	width: 140px;
}

#banner220 {
	position:absolute;
	top: 0px;
	left: 720px;
}

#banner140_2 {
	position:absolute;
	top: 10px;
	height: 60px;
	left: 880px;
	width: 140px;
}

#main {
	padding-left: 18px;
  width:460px;
	float:left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
}

#largecolumn {
	padding-left: 18px;
  width:660px;
	float:left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
}

#sidebar {
	width:196px; 
	margin-left:493px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 12px;
}


#belowthefooter {
  height:51px; 
	clear:both;
}

#footer{
	width:700px;
	background-image: url(../images/bg_down.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 12px;
	height: 51px; /* height = p height + p margin-top + p margin-bottom */
	margin-top:-51px;
	padding-left: 30px;
}


/* Navigation 
***************/
ul#nav {
	list-style:none;
}

ul#nav li {
	margin:0 0 0;
	height:38px;
	float:left;
	display:block;
}

ul#nav li a {
	padding:38px 0 0;
	height:0;
	background-position:0 0;
	overflow:hidden;
	float:left;
	display:block;
	border:none;
}

.submenu_over {
	background-position:0 -38px;
}
.submenu {
	background-position:0 0;
}

ul#nav li.active a {
	cursor:default;
}

ul#nav li#start a {
	width:82px;
	background-image:url(../images/menu/start.gif);
}

#categories {
	width:99px;
	background-image:url(../images/menu/categories.gif);
}

/* ul#nav li#lists a */
#lists {
	width:99px;
	background-image:url(../images/menu/lists.gif);
}

#users {
	width:104px;
	background-image:url(../images/menu/users.gif);
}

ul#nav li#about {
	width:40px;
	background-image:url(../images/menu/about.gif);
}

/* Dropdown menu 
*****************/
#dropmenudiv{
	position:absolute;
	font:9px Verdana, Helvetica, sans-serif;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a{
	overflow:hidden;
	background-image: url(../images/menu/submenu_middle.gif);
	background-position:0 0; 
	width: 100%;
	display: block;
	text-indent: 5px;
	padding: 0 0;
	text-decoration: none;
	font-weight: bold;
	height: 20px;
	color: #37748E;
}


#dropmenudiv a:hover{ /*hover background color*/
	background-position:0 -20px;
	color: #000000;
}


/* Searchbox
**************/

#searchbox {
	position:absolute;
	left: 461px;
	width: 221px;
	top: 0px;
	height: 34px;
}

#searchbox form {
	display: inline;
	float: right;
}


.searchfield {
	float: left;
	width: 130px;
	margin-top: 6px; 
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color:#3C7E9B;
	border-right-style: solid; border-right-width: 1px; border-right-color:#3C7E9B;
	background-color:#F0F6F9;
	color: #428BAA;
	padding: 4px;
}

.searchfield2 {
	float: left;
	width: 130px;
	margin-top: 6px; 
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color:#3C7E9B;
	border-right-style: solid; border-right-width: 1px; border-right-color:#3C7E9B;
	background-color:#FFFFFF;
	color: #000000;
	padding: 4px;
}

.searchbutton {
	background-image: url(../images/menu/search_ok.gif);
	float: right;
}

/*
* Form
*************/

fieldset { padding-left: 20px;padding-right: 20px;padding-top: 10px;padding-bottom: 10px; border: 1px solid #CADFE6; margin: 10px 0 }
legend { padding: 0 10px 0 10px; font-weight:bold; color: #000000; }


form table tr th { text-align: right; padding-right: 10px; font-weight: normal; vertical-align: middle; }
form label { font-weight: normal; }
form table th { width: 100px; }
form table tr { height:40px}
form small input.text { width: 100px; }
	
.textfield1 {
	width: 130px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal;
	border-left-style: solid; border-left-width: 1px; border-left-color:#CADFE6;
	border-top-style: solid; border-top-width: 1px; border-top-color:#CADFE6;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#3C7E9B;
	border-right-style: solid; border-right-width: 1px; border-right-color:#3C7E9B;
	background-color:#F5FAFC;
	color: #428BAA;
	padding: 4px;
}

.textfield2 {
	width: 130px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal;
	border-left-style: solid; border-left-width: 1px; border-left-color:#CADFE6;
	border-top-style: solid; border-top-width: 1px; border-top-color:#CADFE6;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#3C7E9B;
	border-right-style: solid; border-right-width: 1px; border-right-color:#3C7E9B;
	background-color:#FFFFFF;
	color: #000000;
	padding: 4px;
}


.textfield3 {
	width: 130px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal;
	border-left-style: solid; border-left-width: 1px; border-left-color:#F08725;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#F08725;
	border-top-style: solid; border-top-width: 1px; border-top-color:#F08725;
	border-right-style: solid; border-right-width: 1px; border-right-color:#F08725;
	background-color:#F9EFE3;
	color: #000000;
	padding: 4px;
}

input.text, select { vertical-align:middle; width: 200px; }


/* Big Movie box styling 
******************/

/*
*	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
*	font-style:normal;
*	font-weight:bold;
*	width: 136px;	line-height: 17px;
**********************/
.movie {
	float: left;
	text-align: center;
	padding: 5px;
	border-left-style: solid; border-left-width: 1px; border-left-color:#FFFFFF;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF;
	border-top-style: solid; border-top-width: 1px; border-top-color:#FFFFFF;
	border-right-style: solid; border-right-width: 1px; border-right-color:#FFFFFF;
	background-color:#FFFFFF;
}

.movie_over {
	float: left;
	text-align: center;
	padding: 5px;
	border-left-style: solid; border-left-width: 1px; border-left-color:#CDE3EB;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#B9D8E3;
	border-top-style: solid; border-top-width: 1px; border-top-color:#CDE3EB;
	border-right-style: solid; border-right-width: 1px; border-right-color:#B9D8E3;
	background-color:#E8F1F4;
	cursor: pointer;
}

.movie_image {
	margin-bottom: 5px;
	border-left-style: solid; border-left-width: 1px; border-left-color:#000000;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#000000;
	border-top-style: solid; border-top-width: 1px; border-top-color:#000000;
	border-right-style: solid; border-right-width: 1px; border-right-color:#000000;
}

.bigmovietitle {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-style:normal;
	font-weight:bold;
}

.smallmovietitle {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	line-height: 13px;
	font-style:normal;
	font-weight:bold;
}

.length {
	color: #333;
	font-size:9px;
	text-align: right;
	display: block;
	float: right;
}

.lineunder {
	border-bottom: 1px solid #2F6277;
	display: block;
	width: 297px;
	float: left;
	line-height: 20px;
	margin: 0px 0 6px 0;
}

.time {
	color: #2F6277;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	float: right;
	white-space: nowrap;
	margin-top: 3px;
}

.moviecontainer {
	width: 270px;
}

.mtitle {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-style:normal;
	font-weight:bold;
	float: left;
}
/* Error handling
*****************/
#box_finished {font:11px Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal;
	border-left-style: solid; border-left-width: 1px; border-left-color:#CDE3EB;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#B9D8E3;
	border-top-style: solid; border-top-width: 1px; border-top-color:#CDE3EB;
	border-right-style: solid; border-right-width: 1px; border-right-color:#B9D8E3;
	background-color:#E8F1F4;
	padding: 5px;
}

#box_error, .box_error {
	font:11px Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal;
	border-left-style: solid; border-left-width: 1px; border-left-color:#F08725;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#F08725;
	border-top-style: solid; border-top-width: 1px; border-top-color:#F08725;
	border-right-style: solid; border-right-width: 1px; border-right-color:#F08725;
	background-color:#F9EFE3;
	padding: 5px;
}

strong#box_error, strong.box_error, strong#box_finished {
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold;
	line-height:17px;
}



/* Tooltip
**************/
#dhtmltooltip{
	padding: 10px 10px 10px 10px;
	position: absolute;
	background-image: url(../images/bg_showmovie.gif);
	background-repeat: no-repeat;
	left:100px;
	width:173px;
	height:119px;
	visibility: hidden;
	z-index: 100;
	font-family: "Trebuchet MS", Arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
}
#dhtmltooltip span {
font-size: 12px;
	 
	 
}


/* User column
***************/

.userpic {
	border: 1px solid #000000;
}

.piccontainer {
	float: left;
	padding-right: 5px;
}

.userbreak {
	line-height:4px;
}


/* Searchbox
**************/

#searchbox {
	position:absolute;
	left: 461px;
	width: 221px;
	top: 0px;
	height: 34px;
}

#searchbox form {
	display: inline;
	float: right;
}


.searchfield {
	float: left;
	width: 130px;
	margin-top: 6px; 
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color:#3C7E9B;
	border-right-style: solid; border-right-width: 1px; border-right-color:#3C7E9B;
	background-color:#F0F6F9;
	color: #428BAA;
	padding: 4px;
}

.searchfield2 {
	float: left;
	width: 130px;
	margin-top: 6px; 
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color:#3C7E9B;
	border-right-style: solid; border-right-width: 1px; border-right-color:#3C7E9B;
	background-color:#FFFFFF;
	color: #000000;
	padding: 4px;
}

.searchbutton {
	background-image: url(../images/menu/search_ok.gif);
	float: right;
}

/* Other styling
***************/

.floatright {
	float: right;
	padding-right: 48px;
}

.bg_flik {
	background-image: url(../images/flikar/avskiljare.gif); 
	background-repeat: repeat-x;
}

.bg_fliktop {
	background-image: url(../images/flikar/avskiljare.gif); 
	background-repeat: repeat-x;
	vertical-align: top;
}

.smalltext {
 font: 9px Verdana, Helvetica, sans-serif;
}

.activeMore {
	display: block;
	width: 150px;
	height: 13px;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#3C7E9B;
	border-right-style: solid; border-right-width: 1px; border-right-color:#3C7E9B;
	background-color:#FFFFFF;
	color: #000000;
	padding: 4px;
}

.sMore {
	display: block;
	width: 150px;	
	height: 13px;
	display: block;
	padding: 4px;
}
/* Right column styling
******************/
.square {
	border-top-style: none;
	border-bottom-style: none;
	background-color: #E8F1F4;
	padding: 0 6px 0px 6px;
	width: 178px;


}

.square2 {
	display:block; 
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#3C7E9B;
	background-color: #FFFFFF;
	padding: 7px 5px 0px 5px;
	width: 180px;
	overflow: hidden;
	cursor: pointer;
}

.square3 {
	display:block; 
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#3C7E9B;
	background-color: #E8F1F4;
	padding: 7px 5px 0px 5px;
	width: 180px;
	overflow: hidden;

}

.px12 {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal;
}

/* Paging
************************/

	#paging {
	font: 11px Arial, Helvetica, sans-serif; font-style:normal; 
	height: 40px;
	}
	
	a.pageNo {
	border: 1px solid #4695B7;
	background-color:#FFFFFF;
	color: #4695B7;
	padding-top: 2px; 
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 1px;
	text-decoration: none;
	text-align: center;
	}
	
	a.pageNo:hover {
	border: 1px solid #356679;
	color: #356679;
	}
	
	a.pageNoActive, a.pageNoActive:link, a.pageNoActive:visited, a.pageNoActive:hover {
	border: 1px solid #4695B7;
	background-color:#4695B7;
	color: #FFFFFF;
	padding-top: 2px; 
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 1px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	}
	
		.inactivePage {
	border: 1px solid #999999;
	background-color:#FFFFFF;
	color: #666666;
	padding-top: 2px; 
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 1px;
	text-decoration: none;
	text-align: center;
	}
	
	a.activePage {
	border: 1px solid #4695B7;
	background-color:#FFFFFF;
	color: #4695B7;
	padding-top: 2px; 
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 1px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	}
	
	a.activePage:hover {
	border: 1px solid #356679;
	color: #356679;
	}
	
/* Categories
****************/
.catNon {
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold;
	letter-spacing: -1px;
}

a.catH1, a.catH1:link, a.catH1:visited  {
	color: #4695B7;
	text-decoration: none;
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; 
	letter-spacing: -1px;
}

.catNo {
	text-decoration: none;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; 
	letter-spacing: -1px;
}

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

/* info section on movies
******************/

.infov { padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 10px; border: 1px solid #CADFE6; margin: 10px 0 }

.infov7 { padding-left: 4px;padding-right: 4px;padding-top: 4px;padding-bottom: 4px; border: 1px solid #CADFE6; margin: 4px 0 }

/* Comments
*****************/
.commentUp {
	background-image: url(../images/comment_up.gif);
	background-repeat: no-repeat;
	width:460px;
	height:30px;
	padding-left:5px;
}

.commentUpimg {
	border: 1px solid #000000;
	width: 21px;
	height: 28px;
	float: left;
}

.commentTime {
	float: right;
	font: 9px Verdana, Arial, Helvetica;
	padding-right:10px;
}

.commentUp br {
	line-height: 5px;
}

.commentTime br {
	line-height: 9px;
}

.commentText {
	margin-left:6px;
	width:450px;
	clear:left;
}

/* Userrow
*************/
.userrow1 {
background-color: #E8F1F4;
}

.userrow2 {
background-color: #FAF3ED;
}

.userrow3 {
background-color: #FFFFFF;
}