/*Startpage */
#startPageMainContent .left
{
	float: left;
	width: 447px;
	margin-right: 17px;
}
#startPageMainContent .right
{
	float: left;
	width: 215px;
}
#startPageMainContent .boxheader { background-color: #ffffff; }
#startPageMainContent .boxcontent { background-color: #ffffff; }

/* Tab Menu Styles */
#topmenu
{
    float: left;
    width: 946px;
    height: 49px;
    overflow: hidden;
    background-image: url(/cat/images/bg_topmenu.jpg);
    padding: 0px 17px 0px 17px;
}
#topmenu li
{
	float: left;
	color: #493a2a;
	font-size: 110%;
	margin: 3px 5px 3px 0px;
}
#topmenu a
{
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	margin: 0px 10px 0px 5px;
}
#topmenu a:hover
{
	padding: 0px 5px 0px 5px;
	margin: 0px 5px 0px 0px; 
	background-color: #5e4124;
}
#topmenu a.active
{
	padding: 0px 5px 0px 5px;
	margin: 0px 5px 0px 0px; 
	background-color: #e47001;
}

/*-- top --*/
#topFunctions { width: 100%; margin-top: 15px; position: relative;}
#topFunctions .left { float: right; width: 561px; text-align: left; }
#topFunctions .right { float: right; width: 200px; padding-right: 9px; }
#topFunctions .textbox { width: 140px; color: #e47001; }
#topFunctions .loginbutton 
{ 
	border: solid 1px #155825; 
	background: url(/cat/images/bg_login.jpg) repeat-x; 
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 15px 2px 15px;
	display: inline-block;
}
#topFunctions .memberlink 
{ 
	color: #423424; 
	text-decoration: none; 
	font-weight: bold; 
	margin-left: 10px;
}

#logindialog
{
	position: absolute;
	top: -100px;
	left: 150px;
	width: 250px;
	border: 2px #e47001 solid;
	background-color: #ffffff;
	text-align: left;
	z-index: 200;
}

.loginheading
{
	padding: 0 10px 0 10px;
	height: 30px;
	line-height: 30px;
	background-color: #e47001;
	color: #ffffff;
}
input.logintextbox { width: 180px; }
a.loginclose, a.loginclose:visited
{
	float: right;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

/*-- sitefooter --*/
#sitefooter h1, #sitefooter h2, #sitefooter h3 { color: #ffffff; }
#sitefooter a { color: #3b2f22; text-decoration: none; }
#sitefooter a:hover { text-decoration: underline; }

/*-- box --*/
.box
{
	float: left;
	margin-bottom: 15px;
	position: relative;
}
.boxheader
{
	font-size: 110%;
	overflow: hidden;
	font-weight: bold;
	color: #010000;
	display: inline;
	border-left: solid 1px #b9ad9d;
	border-top: solid 1px #b9ad9d;
	border-right: solid 1px #b9ad9d;
	padding: 2px 10px 1px 35px;
	background: #feefc4 url(/cat/images/cat.png) no-repeat 5px 3px;
	top: 0px;
	left: 0px;
	position: absolute;
}

.boxarea { width: 213px; }
.boxareaPadding { width: 193px; padding: 10px; }
.boxareaInner { width: 193px; }
.boxareadouble { width: 445px; }
.boxareadoublePadding { width: 425px; padding: 10px; }
.boxareadoublePuff { width: 409px; padding: 15px 18px 15px 18px; }
.boxareafullwidth { width: 677px; }
.boxareafullwidthPadding { width: 657px; padding: 10px; }

.boxcontent
{
	float: left;
	border: solid 1px #b9ad9d;
	background-color: #feefc4;
	margin-top: 21px;
}
.boxcontent h3 { color: #3b2f22; }
.boxcontent a { text-decoration: none; }
.boxcontent a:hover { text-decoration: underline; }

.boxsettings { float: left; background-color: #feefc4; }
.boxsettings div { margin-bottom: 10px; }
.boxsettings h3 { display: inline-block; margin-bottom:0px; }
.boxsettings .blogimage { margin-left: -10px; }
.boxnoheader
{
	margin-top: 0px;
}
.boxbottom
{
	float: left;
	width: 98%;
	background-color: #ffe69a;
	padding: 1%;
}
.boxbottom .next
{
	float: right;
	background: url(/cat/images/arrow_right.jpg) no-repeat right center;
	padding-right: 10px;
	text-decoration: none;
}
.boxbottom .prev
{
	float: left;
	background: url(/cat/images/arrow_left.jpg) no-repeat left center;
	padding-left: 10px;
	text-decoration: none;
}
.boxbottom .seeMore
{
	float: right;
	text-decoration: none;
	padding-right: 10px;
}
/*-- Guestbook --*/
.boxarea .guestbookItem
{
	float: left;
	width: 193px;
	padding: 5px 10px 5px 10px;
	margin: 3px 0px 3px 0px;
	background: url(/cat/images/hr_xs.png) no-repeat left bottom;
}
.boxarea .guestbookItemImage
{
	float: left;
	width: 62px;
}
.boxarea .guestbookItemText
{
	float: left;
	width: 131px;
}
.boxarea .guestbookItemContent
{
	float: left;
	min-height: 55px;
}
.boxareadouble .guestbookItem
{
	float: left;
	width: 425px;
	padding: 10px 10px 5px 10px;
	margin-top: 5px;
	background: url(/cat/images/hr_xl.png) no-repeat 10px top;
}
.boxareadouble .guestbookItemImage
{
	float: left;
	width: 102px;
}
.boxareadouble .guestbookItemText
{
	float: left;
	width: 323px;
}
.boxareadouble .guestbookItemContent
{
	float: left;
	clear: both;
	min-height: 92px;
	padding-bottom: 5px;
}
/*-- postcard --*/
.postcard { position: relative; float: left; margin-bottom: 15px; color:#000000; }
.standingpostcard { width: 502px; height: 702px; }
.standingpostcard .postcardtextdiv { position: absolute; top: 400px; left: 0px; width: 502px; text-align: center; }
.lyingpostcard { width: 679px; height: 502px; }
.lyingpostcard .postcardtextdiv { position: absolute; top: 50px; left: 340px; width: 329px; text-align: center; }

.postcardimage { padding: 10px; }
.postcardmessage { font-size: 110%; }
.postcardname { display: block; font-size: 120%; margin-top: 30px; }

/*-- username --*/
.username, .usernameBig { float: left; }
.username a:hover, .usernameBig a:hover { text-decoration: underline; }

.username a
{
	text-decoration: none;
	font-weight: bold;
	color: #010000;
}
.usernameBig a
{
	font-size: 120%;
	text-decoration: none;
	font-weight: bold;
	color: #010000;
}

/* -- Latest logged in users --*/
.lastloggedinuseritem
{
	float: left;
	width: 66px;
	padding-bottom: 10px;
}
.pufflatestloggedin
{
	padding: 14px 0px 0px 14px;
	width: 198px;
}
/* -- Blog --*/
table.blogstatistic { width: 100%; border: 0px; }
table.blogstatistic th { border-bottom: solid 1px #b9ad9d; }
.blogentrycontent { padding:10px 0px 15px 0px; }

.blogCommentItem
{
	float: left;
	width: 425px;
	padding: 5px 10px 10px 10px;
	margin-bottom: 5px;
	background: url(/cat/images/hr_xl.png) no-repeat 10px bottom;
}
.blogCommentItemImage
{
	float: left;
	width: 102px;
}
.blogCommentItemText
{
	float: left;
	width: 323px;
}
.blogCommentItemContent
{
	float: left;
	clear: both;
	min-height: 92px;
	padding-bottom: 5px;
}
.blogCommentLink
{
	float: right;
	background: url(/cat/images/commentbubble.png) no-repeat left 3px;
	padding-left: 17px;
	text-decoration: none;
}
.blogCommentLink:hover { text-decoration: underline; }
input.blogSearchTextbox { width: 145px; color: #e47001; }
.rssLink 
{
	background: url(/cat/images/RSS_ikon.gif) no-repeat left center;
	padding-left: 20px;
}	
ul.blogsave { float: left; margin-top: 30px; width: 130px; list-style-type: none; }
ul.blogsave li { margin-bottom: 5px; padding: 0px 0px 5px 15px; border-bottom: solid 1px #b9ad9d; }
ul.blogsave a { text-decoration: none; }
ul.blogsave a:hover { text-decoration: underline; }

/* -- CatPresentation --*/
.catpresentationitem
{
	float: left;
	width: 424px;
	padding: 10px 0px;
	background: url(/cat/images/hr_xl.png) no-repeat left bottom;
}
.catpresentationitem .row { clear: both; padding: 10px 0px; }
.catpresentationitem li { line-height: 170%; }
.catpresentationitem li span { font-weight: bold; }
.catpresentationitem td { padding-bottom: 10px; }
.catpresentationitem select { width: 130px; }
.catpresentationborn { float: left; width: 100%; text-align: center; font-style: italic; margin-top: 5px; }

/* -- ImageGallery --*/
.prevLink
{
	background-image: url(/cat/images/pil_stor.jpg) no-repeat left;
	padding-left: 14px;
}

.nextLink
{
	background-image: url(/cat/images/pil_stor_right.jpg) no-repeat right;
	padding-right: 14px;
}
.imagediv
{
	float: left;
	width: 655px;
	text-align: center;
}
.imagevotediv
{
	clear: both;
	background: #fefbdd url(/cat/images/tummen_upp.jpg) no-repeat 5px 7px;
	padding: 5px 10px 5px 30px;
}
.imagegallerytopimage
{
	float: left;
	width: 425px;
	padding: 10px;
	text-align: center;
}
.imagegallerylist
{
	float: left;
	padding: 10px 0px 0px 10px;
}
.imagegallerylistitem
{
	float: left;
	width: 135px;
	height: 160px;
	padding: 0px 10px 5px 0px;
}
.imagegallerylistvote
{
	width: 120px;
	padding-left: 15px;
	background: url(/cat/images/tummen_upp_xs.png) no-repeat left 2px;
}
.smallimagegallerylist { float: left; padding: 10px 0px 0px 10px; }
.smallimagegallerylistitem
{
	float: left;
	width: 101px;
	height: 105px;
	padding-bottom: 10px;
}
.smallimagegallerylistvote { background: url(/cat/images/tummen_upp_xs.png) no-repeat 3px 2px; padding-left: 18px; }


/* -- Register page -- */
.registertextdiv
{
	float: left; 
	width: 59%; 
	border-right: solid 1px #c60505;
}
.registerlowerdiv
{
	float: left;
	width: 91%;
	height: 200px;
	padding: 5px;
	overflow: auto;
	margin-top: 5px;
	border: solid 1px #c60505;
	background-color: #fff;
}
.registerformdiv
{
	float: left;
	width: 38%;
	padding-left: 10px;
}
/* -- Poll -- */
#pollbox .boxheader
{ 
	background-color: #fe5064; 
	border-left: solid 1px #cc071e;
	border-top: solid 1px #cc071e;
	border-right: solid 1px #cc071e; 
}
#pollbox .boxcontent 
{ 
	background: url(/cat/images/bg_poll.jpg) repeat-x left top; 
	border: solid 1px #cc071e;
	color: #111;
}
#pollbox .linkbutton { float: left; clear: both; color: #ffffff; margin-top: 10px; }
#pollbox .pollbutton { background-color: #dddddd; padding: 2px 5px 2px 5px; border: solid 1px #b9ad9d; color: #3b2f22; width: 30px; float: left !important; }
.pollheading { color: #ffffff; font-size: 120%; font-weight: bold; margin-bottom: 5px; }

/* -- Puff competition -- */
.competitionbox .boxheader
{ 
	background-color: #fea403 !important; 
	border-left: solid 1px #e47101;
	border-top: solid 1px #e47101;
	border-right: solid 1px #e47101; 
}
.competitionbox .boxcontent 
{ 
	background-color: #fea403 !important;
	background: url(/cat/images/bg_competition.jpg) repeat-x left top; 
	border: solid 1px #e47101;
}
.competitionbox .boxcontent .linkText { color: #111; }
.competitionbox .boxcontent h3 a { color: #fff; }

/* -- Experterna -- */
.expertlistdiv
{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.expertlistheading
{
	float: left;
	width: 100%;
	border-bottom: solid 1px #f2bb85;
	margin-bottom: 10px;
}
.expertlistcontent
{
	float: left;
	width: 425px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.expertlist { padding: 10px; }
.expertlist li { background: url(/cat/images/listarrow.png) no-repeat left 5px; padding-left: 10px; }

/* -- Forum -- */
.forumpuffheading
{
	float: left;
	width: 193px;
	background-color: #ffe69a;
	padding: 3px 10px 3px 10px;
}

.forumlist { width: 100%; }
.forumlist th { background-color: #ffe69a; padding: 5px 0px 5px 10px; }
.forumlist a { text-decoration: none; }
.forumlistItem td { background-color: #feefc4; padding: 5px 0px 5px 10px; }
.forumlistItemAlt td { background-color: #fef7dd; padding: 5px 0px 5px 10px;  }

.forumThreadItem
{
	float: left;
	width: 425px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
	background: url(/cat/images/hr_xl.png) no-repeat 10px bottom;
}
.forumThreadItemImage
{
	float: left;
	width: 102px;
}
.forumThreadItemText
{
	float: left;
	width: 323px;
}
.forumThreadItemContent
{
	float: left;
	clear: both;
	min-height: 87px;
	padding-bottom: 10px;
}
/* CommentList*/
.commentlistrow
{
    float: left;
    width: 405px;
    padding: 10px 20px 10px 20px;
    border-bottom: solid 1px #ffe69a;
}
.commentlistcontent { padding: 10px 0px 10px 0px; }
.commentlistname { font-weight: bold; }
.commentlistname a { color: #3b2f22; text-decoration: none; }
.commentlistname a:hover { text-decoration: underline; }

/*-- Image Competition --*/
.imagecompetition { width: 100%; }
.imagecompetition td { padding: 5px; }

/*-- Members --*/
.memberlist { width: 100%; }
.memberlist th { background-color: #ffe69a; padding: 5px 0px 5px 10px; }
.memberlistItem td { background-color: #feefc4; padding: 5px 0px 5px 10px; overflow: hidden; }
.memberlistItemAlt td { background-color: #fef7dd; padding: 5px 0px 5px 10px; overflow: hidden; }

/*-- Reportage --*/
.reportagecreatedby
{
	float: left;
	width: 100%;
	margin: 10px 0px 0px 0px;
}
.reportageInformationbox
{
	float: right;
	width: 193px;
	padding: 10px;
	margin: 0px 0px 10px 10px;
	background-color: #fef7dd;
}
.reporageInfoDiv
{
	position: absolute;
	top: 0px; 
	left: 50px; 
	width: 445px;
	padding: 10px;
	background-color: #fef7dd;
	border: solid 1px #b9ad9d;
	z-index: 200;
}
/*-- Memory --*/
.memoryItem
{
	float: left;
	width: 425px;
	padding: 10px;
	background-color: #fef6dd;
}
.memoryItemAlt
{
	float: left;
	width: 425px;
	padding: 10px;
}
.memoryItemText { padding: 10px 0px 10px 0px; clear: both; }
.memoryItemText div { width: 100%; margin-top: 15px; text-align: center; font-style: italic; }

/*-- XForm --*/
#id_matrix input[type=file] { width: 280px; margin-bottom: 10px; }

/*-- Banners --*/
.banner
{
    float: left; 
    margin-bottom: 10px;
    color: #eeeeee;
}
.bannerlink
{
    color: #eeeeee;
}
/* -- Emailpage -- */
.emailpagetopheading { font-size: 180%; font-weight: bold;  padding: 10px; background-color: #ffe69a; }
.emailpagediv { padding: 10px 10px 10px 10px; background-color: #feefc4; }
.emailpageheading { font-size: 150%; font-weight: bold; margin-bottom: 10px; }
.emailpageform table { font-size: 100%; margin-top: 10px; }

/**************************************************
/*General classes
/*************************************************/
.width50 { float: left; width: 50%; }
.padding10 { float: left; padding: 10px; }
.marginBottom { margin-bottom: 15px; }

.clear { clear: both; }
.leftFloat { float: left; }
.rightFloat { float: right; }
.inline	{ display: inline; }
.bold { font-weight: bold; }
.dolj { display: none; }
.center { text-align: center; }

ul.pufflist { list-style-type: none; }
ul.pufflist li { background: url(/cat/images/hr_xs.png) no-repeat left bottom; margin-bottom: 5px; padding: 0px 0px 5px 0px; }
ul.pufflist li.fullwidth { float: left; width: 100%; }

.arrowlist li { background: url(/cat/images/listarrow.png) no-repeat left 7px; padding: 2px 0px 2px 10px; }


/* -- Questionnaire -- */
.questionnaire { padding-top: 20px; width: 100%; }
.questionnaire table.checkbox div { display: inline; }
.questionnaire .progress { font-weight: bold; margin-bottom: 7px; }
.questionnaire .results { width: 100%; }
.questionnaire .results .resultText .points { font-weight: bold; }
.questionnaire .results .resultText .time { font-weight: bold; }
			
/* -- Newsletter -- */
.backgroundmiddlediv
{
	float: left;
	width: 145px;
	padding-bottom: 5px;
}
.puffheading
{
	font-size: 110%;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #f44f01;
}
.buttondivnewsletter
{
	float: right;
	padding-top: 10px;
}

/*  Pager */
.pager
{
	float: left;
	width: 100%;
}
	.pager .navigation
	{
		float: left;
		width: 435px;
		padding: 5px;
		background-color: #ffe69a;
		margin: 10px 0px 0px 0px;
		font-size: 90%;
	}
		.pager .navigation a { text-decoration: none; }
		.pager .navigation a:hover { text-decoration: underline; }
		
		.pager .navigation .firstPage
		{
			width: 19%;
			float: left;
		}
		.pager .navigation .pageLinks
		{
			float: left;
			width: 65%;
			text-align: center;
		}
			.pager .navigation .pageLinks .previousPage
			{
				background: url(/cat/images/arrow_left.jpg) no-repeat left center;
				padding: 0px 10px 0px 10px;
			}
			.pager .navigation .pageLinks .current
			{
				font-weight: bold;
				color: #333333;
			}
			.pager .navigation .pageLinks .nextPage
			{
				background: url(/cat/images/arrow_right.jpg) no-repeat right center;
				padding: 0px 10px 0px 10px;
			}
		.pager .navigation .lastPage
		{
			float: right;
			width: 15%;
		}
.boxarea .pager .navigation { width: 203px; margin-top: 0px; }
.boxarea .pager .navigation .pageLinks { width: 100%; }
.clueTip { vertical-align: middle; margin-left: 5px; }