@import url(/static/benform/benform.css);
/*

WOMAN Global stylesheet

------------------------------------------------------

Colorscheme
	Deep Pink (emphasize, callouts)		#f5367a
	Light Pink (sections)				#ffe9f4
	Purple-Pink (alt. emphasis)			#7e0e36
	Deep Grey (body)					#585858
	Medium Grey (callouts)				#939393
	Light Grey (sections)				#f1f1f1

---------------------------------------------------*/

/* @group MicrositeTab */
/* menu button */
	.sponsorTab{
		display:inline; 
		float:right; 
		top:5px; 
		right:15px; 
		width:110px; 
		height:37px;
		background: url(http://benjamin.dk/static/schwarzkopf/markup/images/tab.gif) no-repeat top right;
		position:absolute;
		}
		.sponsorTab:hover{background: url(http://benjamin.dk/static/schwarzkopf/markup/images/tab.gif) no-repeat bottom right;}

/* @end */
/* @group Icons - for general use */
.iconDebate { 			background: url(../icons/comment_icon_pink.gif) no-repeat left 50%; padding-left: 20px; }
.iconStatistic { 		background: url(../icons/chart_bar.gif) no-repeat left 50%; padding-left: 20px; }
.iconMostRead { 		background: url(../icons/mostRead.gif) no-repeat left 50%; padding-left: 20px; }
.iconGallery { 			background: url(../icons/image_icon.gif) no-repeat left 50%; padding-left: 20px; }
.iconFriendRequest { 	background: url(../icons/user_add.gif) no-repeat left 50%; padding-left: 20px; }
.iconSendMessage { 		background: url(../icons/getMoreFriend.gif) no-repeat left 50%; padding-left: 20px; }
.iconIgnore { 			background: url(../icons/ignore.gif) no-repeat left 50%; padding-left: 20px; }
.iconDelete { 			background: url(../icons/delete.gif) no-repeat left 50%; padding-left: 20px; }
.iconSplit { 			background: url(../icons/split.gif) no-repeat left 50%; padding-left: 20px; }
.iconBan { 				background: url(../icons/ban.gif) no-repeat left 50%; padding-left: 20px; }
.iconMove { 			background: url(../icons/move.gif) no-repeat left 50%; padding-left: 20px; }
.iconLock { 			background: url(../icons/lock.gif) no-repeat left 50%; padding-left: 20px; }
.iconUnlock { 			background: url(../icons/unlock.gif) no-repeat left 50%; padding-left: 20px; }
.iconMessage { 			background: url(../icons/message.gif) no-repeat left 50%; padding-left: 20px; }
.iconMessageOpen { 		background: url(../icons/messageOpen.gif) no-repeat left 50%; padding-left: 20px; }
.iconOptions { 			background: url(../icons/wrench.gif) no-repeat left 50%; padding-left: 20px; }
.iconCommentEdit { 		background: url(../icons/commentEdit.gif) no-repeat left 50%; padding-left: 20px; }
.iconCommentDelete { 	background: url(../icons/commentDelete.gif) no-repeat left 50%; padding-left: 20px; }
.iconLightbulbOn { 		background: url(../icons/lightbulbOn.gif) no-repeat left 50%; padding-left: 20px; }
.iconLightbulbOff { 	background: url(../icons/lightbulbOff.gif) no-repeat left 50%; padding-left: 20px; }
/* @end */

/* @group Structure - main layout */
* {margin: 0; padding: 0;}

body {background: #fff; color: #000; font-size: small; font-family: Verdana, Helvetica, Arial, sans-serif; text-align: center;}

/* @group Global ads */	
.adWrapperOverlay {position:absolute; z-index: 99999; top:1px; left:0; margin:1.6em 0 0 0; width:100%; text-align:center; padding:0;}
	.adWrapperOverlay * {padding:0; margin:0;}

#adWrapper950 { width: 950px; margin: 0 auto; padding: 5px 0 0; text-align: center; z-index: 999; position: relative; overflow: visible; }
.adWrapper300 { width: 300px; clear: both; z-index:999;}
	#homeView .adWrapper300 { float: left; margin-right: 20px; }
	#articleView .adWrapper300 { float: right; margin: 1em 0 1em 1em; }
/* @end */

#header {
	position: relative; overflow: hidden;
	margin: 5px auto;
	width: 960px;
	background: url(../../base/gfx/submenu_gradient_bg.jpg) repeat-x left bottom;
	border-bottom: 2px solid #ccc;
	}

#container {position:relative; width:100%; margin: 5px 0 0;}
	#globalWrapper {width: 960px; margin: 0 auto; position: relative; z-index: 2;}
		#pageWrapper {
			float: left; display: inline;
			position: relative; z-index: 1;
			width: 960px;
			min-height: 600px; height: auto !important; height: 600px;
			text-align: left;
			}
			#contentWrapper {float: left; width: 630px;}
				#categoryView #contentWrapper, 
				#categoryList #contentWrapper { margin-right: 20px; }
				#articleView #contentWrapper { width: 700px; }
							
				#mainContent {width: 630px; float: left;}
					#articleView #mainContent,
					#quizView #mainContent {width: 520px; float: right;}

					#quizView #mainContent,
					#competitionView #mainContent,
					#articleShortView #mainContent,
					#profileView #mainContent {width: 450px; float: right;}
					#standardPageView #mainContent { width: 630px; }
					
					#pollView #mainContent {width: 350px; float: right; }
					#homeView #mainContent {width: 380px; float: left; }

				#secondaryContent {float: left; width: 160px;}
					#poll #secondaryContent { width: 260px;}
					#homeView #secondaryContent { width: 230px; float: right; }
					
			#sidebar {float: right; width: 300px; overflow: hidden; /* IE6 */ padding-bottom: 5px;}
				#articleView #sidebar { width: 230px; }
	
			#bottomOptions {float: left; width: 950px; padding: 0 20px; text-align: left;}
				#galleryView #bottomOptions,
				#quizView #bottomOptions,
				#competitionView #bottomOptions,
				#articleShortView #bottomOptions,
				#pollView #bottomOptions {width: 630px; margin-top: 20px; padding: 0;}
	
		#footer {clear: both; width: 780px; margin: 0 auto; padding: 10px 160px 10px 0; background: url(../images/footerLogoBg.gif) no-repeat 100% 50%; text-align: right; border-top: 1px solid #f1f1f1; color: #bbb; line-height: 125%; font-size: 80%;}
			#footer a {color: #939393;}
/* @end */
		
/* @group Global Styling - misc. elements */
img { border: 0; }

#secondaryContent ul,
#profileView ul,
ul.relContent,
.row ul {list-style: none;}

.row { clear: both; padding-top: 20px; }

.calloutHeading {position: relative; margin: 20px 0 3px 0; padding: .2em 5px; background: #f5367a; color: #fff; line-height:1em; font-weight: normal;}
	#bottomOptions .calloutHeading {background: #939393;}
	/* Top10 links... */
	#container #globalWrapper .calloutHeading a {position: absolute; right: 5px; color: #fff; font-size: 69.5%; font-weight: normal; text-decoration: underline;}
		#container #globalWrapper .calloutHeading a:hover { text-decoration: none;}

.calloutButton {background: url(../images/calloutButton.gif); padding: .2em .45em; text-decoration:none; border: 2px solid #f88bb2; color: #fff; font-size: 85%;}
	#container a.calloutButton:hover {background: #f5367a;}
	
	.inactive,
	#container a.calloutButton.inactive:hover {background: url(../images/calloutButtonInactive.gif); border-color: #ddd; color: #939393; cursor: default;}

/* @group List/small img display */
.relContent li {clear: both; margin: 0 0 .5em; padding-left: 85px; font-size: 85%; line-height: 1.2em;}
	.relContent li img {float: left; display: inline; margin: 0 5px 10px -85px;}
/* @end */

/* @group Mosaic/big img display */
.prominent {width: 380px; margin: 0 0 10px; list-style: none; font-size: 85%; line-height: 1.2em;}
	.prominent li {float: left; clear: none; width: 185px; padding: 0; margin-bottom: 10px;}
	.prominent li.first {margin-right: 10px;}
		.prominent li img {margin: 0 0 5px; border: 1px solid; border-color: #f1f1f1 #e0e0e0 #e0e0e0 #f1f1f1;}
		.prominent strong {display: block; font-size: 120%;}
			.prominent strong a {text-decoration: none;}
			.prominent strong a:hover {text-decoration: underline;}
		.prominent .calloutLink {display: block;}
/* @end */

/* Textlinks only */
.popContent {list-style: none; font-size: 85%;}
	.popContent li {margin-bottom: .5em;}
		.popContent .subHeading, .popContent .metaInfo {display: inline;}

.subHeading {display: block; color: #000; font-weight: bold; text-decoration: none; }
	.subHeading:hover {text-decoration: underline;}
	

.calloutLink {font-size: 85%; text-align: right; clear: both; display: block; }
	li .calloutLink { text-align: left; display: inline; clear: none; }

.catLink {margin-right: .25em; color: #939393; letter-spacing: .1em; text-decoration: none;}
	a.catLink:hover {color: #f5367a;}

.metaInfo {display: block; padding: .125em 0; font-size: 85%; color: #939393;}
	/* Don't override */
	#container #globalWrapper span.metaInfo a {display: inline; color: #939393; text-decoration: underline;	font-weight: normal;}
		#container #globalWrapper span.metaInfo a:hover {text-decoration: none;}

#mainContent table th {position: relative; padding: .2em 5px; background: #f5367a no-repeat bottom right; color: #fff; line-height:1em; margin:0; font-weight: normal; }
	#mainContent table th.last {background-image: url(../images/calloutHeading_p.gif);}

.lightbox span {position: absolute; top: 6px; right: 6px; width: 17px; height: 15px; overflow: hidden; text-indent: -5000px; background-image:url(http://static.benjamin.dk/vmax/gfx/magnify.jpg); 	border: 1px solid #fff; border-width: 2px 1px;}

.pitch {background: #ffe9f4; color: #333; padding: 5px; border: 1px solid #ccc; border-left-color: #ddd; border-top-color: #ddd; text-align: center; } 
	.pitch * {color: #555;}

/* Users unable to contribute before login/signup - threads, comments etc. */
.restricted { background: #f5367a url(../images/loginBoxBG.gif) no-repeat left bottom; color: #fff; }
	.restricted .calloutHeading {margin: 0; border-bottom: 1px solid #fff;}
	.restricted p {padding: 0 10px 10px 75px; line-height: 150%;}
	.restricted strong {display: block;}
	.restricted a {color: #fff; white-space: nowrap;}

.benTags {color: #939393;}
	.benTags strong {font-weight: normal;}
	.benTags a {color: #585858; text-decoration: underline;}
	.benTags a:hover {text-decoration: none;}

#articleView .benTags {margin: .25em 0 1em; padding: 5px 0 5px 26px; background: url(../../benTags/gfx/tag.gif) no-repeat left center; border: 1px solid #e1e1e1; border-width: 1px 0; font-size: 85%; font-style: italic;}
#galleryView .benTags {float: left; width: 250px; font-size: 85%;}
/* @end */

/* @group Focus View */
#focusView #mainContent { padding: 50px 0; width: 450px; float: none; margin: 0 auto; }
#focusView.narrow #mainContent { width: 225px; }
#focusView p { clear: both; }
/* @end */

/* @group Typography - global type settings */
h1 {font-weight: normal; line-height: 110%; font-size: 154%; }	/* 20px */
h2 {font-weight: normal; line-height: 150%; font-size: 123.5%; } /* 16px */
h2.calloutHeading { font-size: 100%; }
h3 {font-weight: normal; line-height: 1.2em; font-size: 100%; } /* 13px */

p { font-size: 85%; margin: 5px 0; line-height: 1.2em; }

a.edit { color: #666; }
a {color: #000;}
a:hover {text-decoration: none;}

ul.textList { list-style: disc; list-style-position: inside; margin: 5px 0 10px 10px; font-size: 85%; line-height: 1.7em; }
/* @end */

/* @group Header - logo, nav & site tools */
#logo {
	position: absolute; top: 2px; left: 5px;
	width: 146px; height: 22px;
	background: url(../gfx/woman_logo.png) no-repeat;
	text-indent: -9999px;
	}

/* @group Menu */
.menu {list-style: none; text-align: left;}
.menu, .menu * {float: left; display: inline;}
	.menu a {text-decoration: none;}
	.menu li.current a {cursor: default;}

.menuMain {width: 770px; padding-left: 190px; background: #f5367a;}
	.menuMain li a {width: 138px; padding: 5px 10px 5px 5px; border-left: 1px solid #f76195; color: #fff; font-weight: bold;}
	.menuMain li a:hover, .menuMain li.current a {background: #c41a57;}
	.menuMain li.current + li a:hover {border-color: #c41a57;}

.menuSub {margin-left: 190px; padding: 5px 0; width: 153px; border-left: 1px solid #e4e4e4;}
.menuSub + .menuSub {margin-left: 0;}
 	.menuSub li {width: 153px; margin: 2px 0; line-height: 1em;}
		.menuSub li a {padding: 0 5px; color: #585858; font-size: .769em;}
		.menuSub li a:hover {color: #000; text-decoration: underline;}
		.menuSub li.current a {font-weight: bold; background: #7e0e36; color: #fff;}
		.menuSub li.current a:hover {text-decoration: none;}
/* @end */

#searchForm {position: absolute; top: 37px; left: 5px; width: 185px; text-align: left; font-size: .769em;}
	#searchForm #searchQ {
		float: left; display: inline;
		width: 128px;
		margin-right: 5px; padding: 4px 2px;
		border: 1px solid #f76195;
		}
	#searchForm button {
		padding: 3px 5px;
		background: #f5367a; color: #fff;
		border: 1px solid #f76195;
		cursor: pointer;
		
		/* IE specific */
		*width: auto; *margin-left: -25px; *padding: 1px 3px; *overflow: visible;
		}

#tools {position: absolute; top: 70px; left: 5px; font-size: .846em;}
	#tools a {color: #f5367a; margin-right: 5px;}
	#tools a + a {color: #f5367a; margin: 0; padding-left: 5px; border-left: 1px solid #939393;}
/* @end */


/* @group Main content - page styles */
#byLine {display: block; margin-bottom: 1em; text-align: right; font-size: 85%; color: #939393;}

.editorialBodytext { font-size: 85%; }
.editorialBodytext p { margin: 5px 0 15px 0; line-height: 1.6em; font-size: 100%; }
.editorialBodytext ul { list-style: outside; margin-left: 20px; padding: 5px 0; font-size: 100%; line-height: 1.6em; }
.factBox { float: right; clear: right; padding: 14px; width: 270px; margin:1em 0 1em 1em; display:inline; font-size: 80%; line-height: 1.6em; border: 1px solid #ffc5e2; background: #ffe9f4; }
	.factBox p { font-size: 100%; line-height: 1.6em; }

/* LANG ARTIKEL VISNING */
.contentAd {float: right; clear: right; width: 300px; margin: 2.5em 0 1.5em 1em; }
/* @end */

/* @group Pagination */
#articleSections {float: right; overflow:hidden; margin: 20px 0 0 1em; list-style: none; border: 1px solid #f5367a; font-size:90%; width:160px;}
	#articleSections li {display: inline; /* IE6 */ line-height: 1em;}
		#articleSections li.calloutHeading {display: block; margin: 0; font-size: 110%;}

	#articleSections a {display: block; padding: .5em 1em; text-decoration: none; border-top: 1px solid #f1f1f1;}
		#articleSections a em { color: #f5367a; font-style: normal;}
		#articleSections a:visited {color: #585858;}
		#articleSections a:hover {text-decoration: none; background: #f1f1f1;}
	#articleSections li.current a {background: #f1f1f1; text-decoration: none; font-weight: bold; cursor: default;}

ul.pagination {list-style: none; margin: .5em 0 1em; font-size: 80%; text-align: right; }
	.pagination li {display: inline;}
		.pagination li a {padding: .2em;}
		.pagination li a.calloutButton {padding: .2em .45em; font-size: 110%;}

		.pagination a.pagCurrent, .pagination li a:hover {background: #f5367a; text-decoration: none; color: #fff;}
/* @end */

/* @group Article view */
#articleView #articleSections {margin: 0 0 1em 1em;}

#articleShortView #secondaryContent h3,
#articleView #secondaryContent h3 {margin: .5em 0; font-size: 85%; font-weight: normal;}
	#articleShortView #secondaryContent h3 a,
	#articleView #secondaryContent h3 a {text-decoration: none;}
		#articleShortView #secondaryContent h3 a:hover,
		#articleView #secondaryContent h3 a:hover {color: #000;}

#articleView .articlePosts {clear:both;}
#articleView .forumPost { width: 520px; clear:both;}
#articleView .forumPost .post { width: 330px; }

#articleShortView .forumPost { width: 450px; }
#articleShortView .forumPost .post { width: 260px; }

/* @group There is more */
/* 	This object is mainly used for the (short and long) articleView, to display that there is more 
	comments (in between the 2 first and 1 latest shown), hence the not so cryptic name... take that Dan Brown! */
#thereIsMore {clear: both; margin: 15px 0; float: left; text-align: center; background: #f0f0f0 url(../images/thereIsMore520.gif) repeat-y 50%; padding: 10px 30px; width: 460px; }
	#thereIsMore em { font-style: normal; font-weight: bold; font-size: 133%; }
#articleShortView #thereIsMore { background: #f0f0f0 url(../images/thereIsMore450.gif) repeat-y; width: 390px; }
/* @end */
/* @end */

/* @group Quiz view */
#quizView #articleSections {width: 100%; margin: .5em 0; padding-bottom: 1px; background: url(../images/breadcrumbLines.gif) top left; border: 0; border-top: 1px solid #f5367a; line-height: 100%; }

#quizView #articleSections,
#quizView #articleSections * {float: left;}

	#quizView #articleSections li {background: url(../images/arrowLeft.gif) right center no-repeat; margin-bottom: 1px;}
		#quizView #articleSections em {display: block; overflow:hidden; padding: 5px 1.5em 0 .5em; height: 15px; border: 0; white-space: nowrap; color: #000; font-style: normal; }
			#quizView ul#articleSections li.calloutHeading {background: #f5367a url(../images/calloutHeading_p.gif) no-repeat bottom right; font-size: 85%; height: 20px; padding: 0;}
				#quizView #articleSections .calloutHeading em {color: #fff; padding: 0 1em; background: url(../images/arrowDbl.gif) no-repeat 100% 50%; height: 20px; line-height: 2em;}
					#quizView #articleSections .calloutHeading em.init {background: none;}

		#quizView #articleSections li.current {background: #f5367a url(../images/arrowDbl.gif) no-repeat 8% 50%; padding-left: 1em; margin-left: -1.2em;}
			#quizView #articleSections li.current em {background: url(../images/arrowDbl.gif) no-repeat 100% 50%; color:#fff; text-decoration:none; cursor:default;}

/* @group Quiz results */
.quizQuestion {margin: 15px 0 0; float: left; width: 450px;}
	.quizQuestion form {float: left; width: 391px;}
	.quizResultNum {float: right; width: 49px; height: 45px; margin: 5px 0 0; background: url(http://benjamin.dk/static/woman.dk/images/quizResultNum.jpg) no-repeat right top; text-indent: -5px; text-align: center; color: #ccc; font: normal 3em/1em Georgia, "Times New Roman", Times, serif; letter-spacing: -.2em;}
	.quizQuestion h2 {clear: both; padding: 0 0 4px; border-bottom: 1px solid #f5367a; font-size: 110%;}
	.quizQuestion label,
	.quizQuestion input {margin: 5px 0 0; vertical-align: middle;}
	.quizResult_right { color: #009900; font-weight: bold;}
	.quizResult_wrong { color: #bb0000; font-weight: bold;}
	.quizQuestion_right { line-height: 20px; background: url(http://benjamin.dk/static/msn/gfx/markRight.gif) no-repeat; clear: both; padding-left: 25px !important; }
	.quizQuestion_wrong { line-height: 20px; background: url(http://benjamin.dk/static/msn/gfx/markWrong.gif) no-repeat; clear: both; padding-left: 25px !important; }

#quizView .getMore {margin-top: 1em;}
/* @end */
/* @end */


/* @group Gallery view */
#galleryView #mainContent h1 {float: left; width: 250px;}

/* @group gallery-pagination */
ul.pagination.gallery{ text-align: left; display: block; border-bottom: 2px solid #f88bb2; float: left; width: 100%;  }
ul.pagination.gallery li{ float: left; border: 2px solid #f88bb2; border-bottom: none; margin: 2px 2px 0px 2px; background: url(../images/calloutButton.gif) repeat-x;  }
ul.pagination.gallery li a{ color: #fff; text-decoration: none; padding: 4px 6px 4px 6px; float: left; margin:0px; }
ul.pagination.gallery li a.pagCurrent{ background: #fff; color: #F5367A; }
ul.pagination.gallery li.buttons{ float: right; border: none; padding: 0px; margin: 1px 0 0 0; background: none; }
ul.pagination.gallery li.buttons a{ border-bottom: none; margin: 0 3px 1px 0;}

/* Find and replace in main stylesheet */
html #galleryView #mainContent h1{ width: 235px; padding: 0 0 10px 0; }
html #galleryView #mainContent p{ width: 235px; }
html #galleryView #mainContent #getMore{ width: 235px; padding: 15px 0 0 0; border-top: 1px solid #ddd; }

/* @end gallery-pagination */

/* div wrapper for gallery img */
#galleryView #galleryColumn {float: right; text-align: center;}
	#galleryColumn img {padding: 3px; border: 1px solid #eee;}
	/* Copyright notice */
	#galleryColumn em {display: block; font-size: 80%; color: #939393;}

#galleryView #mainContent p {float: left; width: 250px;}
	#galleryView #mainContent p a {text-align: right; font-weight: bold; color: #000;}
	/* + .calloutButton */
	#galleryView a.oneStepBack {float: left; clear: left; margin-top: 10px;}
/* @end */

/* @group Category view */
#categoryView #contentWrapper h1,
#categoryList #contentWrapper h1 {font-weight:normal; padding:0 0 7px 0; background:url(../images/header1bg.jpg) no-repeat bottom right;}

/* @group Pop. articles */
#popularArticles {float:left; clear:both; width:630px; background: url(../images/popularArticlesFaux.gif) repeat-y;}
	#popularArticles h2 {background-image:none; margin-bottom: 1px; margin-top: 0;}
	#popularArticles div#categoryExtras {float:left; width:230px;}
		#popularArticles div#categoryExtras a {margin-bottom:1px; float:left; display:inline;}
	#popularArticles ul {width:400px; float:left; list-style:none;}
		#popularArticles li {width:132px; float:left; border-left:1px solid #fff; background-color:#ffe9f4;}
			#popularArticles li a {width:120px; padding:6px; text-decoration:none; color:#000; line-height:1.4em; display:block;}
				#popularArticles li a strong {display: block; padding: 5px 0; line-height: 1.1em;}
					#popularArticles li a:hover strong {text-decoration: underline;}

				#popularArticles .popularArticleText {font-size: 85%;}
					
				#popularArticles li a em {font-style:normal; text-decoration:underline; display:block; text-align:right; font-size: 85%;}
				#popularArticles .metaInfo {margin-top: 5px; padding: 5px 0 0 20px; background: url(../icons/comment_icon_pink.gif) no-repeat 0% 25%; border-top: 1px solid #f2d9e6; font-size: 80%; }
/* @end */
	
#categoryView #articleSections {float:left; width:158px; margin-right: 16px; margin-left: 0;}

/* @group Gallery list */
#galleryList {float:left; width:160px; clear:left; margin: 0 16px 0 0;}
	#galleryList li {float:left; clear:both; display:inline;}
	#galleryList li.calloutHeading {width:154px; margin-bottom:10px;}
		#galleryList li a {text-decoration:none; display:block; color:#000; float:left; width:160px; padding-bottom:10px;}
		#galleryList li a:hover {background-color:#f1f1f1;}

			#galleryList li a strong {display:block; padding:3px 0;}
			#galleryList li a span {float:left; color:#939393; white-space:nowrap;}
			#galleryList li a em {float:right; white-space:nowrap; font-style:normal; text-decoration:underline; font-size: 85%; }
/* @end */

/* @group Article list */
#articleList {float: right; width: 450px; list-style: none; margin: 0;}
	#categoryList #articleList, 
	#createThread #articleList {margin: 0 0 20px; float:left; width:630px; }
	#articleList li {clear: both; border-top: 1px solid #f1f1f1; }
		#articleList li a {color:#000; display:block; position:relative; text-decoration:none; float:left; width:450px; cursor: pointer; }
			#articleList li a:hover {background-color:#f1f1f1;}

		#articleList li a img {float:left; padding:4px 5px 4px 0; margin-right: 4px;}
		#articleList li a strong {display:block; padding:4px 0 4px 0; } 
		#articleList li a span.articleDescription {display:block; padding:0 0 4px 0; font-size: 85%;}
			#categoryView #articleList li a strong,
			#categoryView #articleList .articleDescription {width: 200px; float: left; }
			#categoryView #articleList .articleDescription .category {color: #939393; letter-spacing: 0.1em; text-decoration: none;}
			
		#articleList li a em {font-style:normal; text-decoration:underline; font-size: 85%;}
		.articleComments,
		.articleDate,
		.articleImages {font-size: 80%; color: #939393; white-space: nowrap; background-repeat: no-repeat; background-position: left; line-height: 16px; text-indent: 20px; }
			
			#categoryView #articleList .articleComments,
			#categoryView #articleList .articleDate,
			#categoryView #articleList .articleImages {position: absolute; right: .5em; width: 110px; }
			#categoryList .articleComments, #categoryList .articleDate,
			#createThread .articleComments, #createThread .articleDate {float: left; display: block; width: 120px; }
				
			.articleComments {background-image: url(../icons/comment_icon_pink.gif);}
				#categoryView .articleComments {top:0.4em;}
	
			.articleDate {background-image: url(../icons/date_icon.gif);}
				#categoryView .articleDate {top:2.7em;}
	
			#categoryView .articleImages {top: 5.2em; background-image: url(../icons/image_icon.gif); }
			#categoryList .articleImages,
			#createThread .articleImages {float: right; padding: 4px 4px 0 4px;	}
				#categoryList .articleImages img,
				#createThread .articleImages img {margin-right: 2px; padding: 0; }
			

	#articleList li.buttonContainer,
	#galleryList li.buttonContainer {clear:both;}
	
	#articleList li.buttonContainer a,
	#galleryList li.buttonContainer a {float:right; width:auto; color:#fff; padding:0.2em 0.45em; margin:5px; white-space:nowrap;}
	#categoryList #articleList .calloutHeading {border:0; background-image:none; margin: 0;}
		#categoryList #articleList li a,
		#createThread #articleList li a { width: 630px; }

#categoryList .pagination {display: block; clear: both; text-align: right; }
/* @end */
/* @end */

/* @group Frontpage */
/* @group Teaser wrapper */
#teaserWrapper {float: left; width: 630px; }
	.teaserCol {float: left; width: 200px; margin-right: 10px;}
		.teaserCol h2 {margin: .2em 0; font-weight: bold; font-size: 120%; line-height: 1.1em;}
			.teaserCol h2 a {text-decoration: none;}
			.teaserCol h2 a:hover {text-decoration: underline;}
		.teaserCol p {line-height: 125%;}
			.teaserCol p a {color: #939393; text-decoration: none; letter-spacing: .1em;}
			.teaserCol p a:hover {color: #f5367a;}
			.teaserCol .calloutLink {display: block; margin-top: .5em;}
/* @end */

	/* @group Frontpage forum excerpts */
	#homeView h3.frontpageDebate { background-image: url(../images/calloutHeading_labelTop_p.gif); margin-bottom: 0; }
	#homeView #secondaryContent.frontpageDebate p.speechBubble {margin: 0; padding: 79px 10px 10px; background: url(../images/speechBubbleGirls_230.png) no-repeat top left; min-height: 97px; line-height: 1.3em; height: auto !important; height: 97px;}
		#homeView #secondaryContent.frontpageDebate p.speechBubble strong { display: block; padding-bottom: 3px; }
		#homeView #secondaryContent.frontpageDebate p.speechBubble a { text-decoration: none; }
		#homeView #secondaryContent.frontpageDebate p.speechBubble a:hover { text-decoration: underline; }
		#homeView #secondaryContent.frontpageDebate p.speechBubble a.calloutLink { font-size: inherit; text-decoration: underline; color: #000; text-align: left;}
		#homeView #secondaryContent.frontpageDebate p.speechBubble a.calloutLink:hover { text-decoration: none; }
		#homeView #secondaryContent.frontpageDebate p.speechBubble span.metaInfo { display: block; text-align: left; }

	#homeView ul.frontpageDebate { padding-top: 18px; background: url(../images/speechBubbleGirlsBottom_230.png) top left no-repeat; float: left;}
		#homeView ul.frontpageDebate li {float: left; width: 192px; margin: 0 0 5px; padding-left: 38px;}
			#homeView ul.frontpageDebate li img {margin: 12px 0 0 -38px;}
			#homeView ul.frontpageDebate li .subHeading {float: none; background: url(../images/speechBubbleExcerpt_top.jpg) no-repeat right top; padding: 5px 15px;}
			#homeView ul.frontpageDebate li .metaInfo {background: url(../images/speechBubbleExcerpt_btm.jpg) no-repeat right top; padding: 5px 0 0;}
				#homeView ul.frontpageDebate li .metaInfo a {padding: 0 0 5px 20px;}
	
	#homeView .pitch {margin: 20px 0 0; text-align: left; color: #000;}
		#homeView .pitch .calloutButton {color: #fff;}
	/* @end */

/* @group Latest profiles */
#homeView #patchWork {float: left; width: 230px;}
	#homeView #patchWork .calloutHeading {margin-bottom: 0;}
	#homeView #patchWorkImages {float: left;}
		#patchWorkImages a {position: relative; float: left; white-space: nowrap; overflow: hidden;}
			#patchWorkImages a img {float: left;}
			#homeView #patchWorkImages a:hover img { border: 2px solid #f5367a; width: 111px; height: 111px;}
			#patchWorkImages a em {position: absolute; bottom: 0; left: 0; width: 115px; padding: .25em 0; background: #000; text-align: center; text-decoration: underline; opacity: .7; filter: alpha(opacity=70); font-style: normal; color: #fff2c0;}
			#patchWorkImages a:hover {text-decoration: none;}
/* @end */

/* @group Frontpage misc. */
#homeView #secondaryContent .calloutHeading {clear: both;}

#homeView #latestGalleries {float: left; width: 300px; margin: 2px 0 20px;}
	#homeView #latestGalleries a {float: left;}
		#homeView div#latestGalleries a img {margin: 0; padding: 2px;}
		#homeView div#latestGalleries a:hover img {background: #f5367a;}

#homeView .calloutButton {clear: both; display: block; width: 100px; margin: 10px auto 0; text-align: center;}

#homeView #sidebar a img { margin-top: 20px; margin-bottom: 20px; }
#homeView #sidebar #highlighted_listing a img { margin-top: 0;}
#homeView #sidebar #highlighted_listing .calloutButton { width: 60px;}
#homeView #sidebar div.adWrapper300 a img { margin-top: 0; }

#homeView #pageWrapper .row {width: 630px; padding: 20px 0 0; text-align: left; float: left; clear: none; }
	#homeView .row .calloutHeading { margin: 0 0 5px 0;}
	#homeView .row ul {font-size: 85%;}
	#competitions {float: left; width: 310px;}
		#competitions li {clear: both; float: left; width: 300px; padding: 5px; background: #f5367a;}
			#competitions li,
			#competitions li * {color: #fff;}
			#competitions li.alt {margin-top: 5px;}
				#competitions li img {float: left; margin: 0 5px 0 0;}
				#competitions li.alt img {float: right; margin: 0 0 0 5px;}
	#wallpapers {float: left; width: 300px; margin-bottom: 20px; position: relative;}		
		#wallpapers ul {text-align: center;}
			#wallpapers li {display: inline;}
			#wallpapers li.top { display: block; margin-bottom: 8px; }
				#wallpapers li.top span {position: absolute; top: 125px; left: 0; width: 294px; padding: 3px; background: url(../inactiveOverlay.png) !important; background: #ccc; /* IE6 */ color: #fff;}
					.top a {color: #fff;}
			#wallpapers li.mid {margin: 0 5px;}
		
		#profileList #patchWork, #forumListView #patchWork {width: 630px;}
/* @end */

/* @group Bottom 4 category excerpts */
#homeView div#frontpageCatExcerpts {float: left; margin: 20px 0 20px 20px; display: inline; padding: 0; width: 970px; text-align: left;}
	#homeView #frontpageCatExcerpts div {float: left; margin-right: 20px; width: 222px; display: inline;}
		#homeView #frontpageCatExcerpts h4,
		#homeView #frontpageCatExcerpts ul {font-size: 100%;}
		
ul.linkList { list-style: none; font-family: Verdana, Helvetica, Arial, sans-serif; padding-top: 10px; font-size: 80%; clear: both; }
	ul.linkList li { padding: 0 0 6px 7px; background: url(http://benjamin.dk/static/costume/images/listBullets/standard.gif) no-repeat left top; }
	ul.linkList li span.category a { text-decoration: none; color: #DD86B6; } /* =PINK */
	ul.linkList li span.category a:hover { text-decoration: underline; }
	ul.linkList li a:hover { text-decoration: none; }
/* @end */
/* @end */

/* @group Poll page */
#pollView #contentWrapper { width: 630px; }
	#pollView #getMore { clear: left; float: left; width: 250px; }
	#pollView #mainContent .submitForm img { float: none; margin: 0; }
.nextPoll { padding-top: 10px; }
	.nextPoll img { margin-left: 20px; float: right; }
	.nextPoll p { margin: 0 0 10px 0; font-weight: bold; }
	
	.nextPoll .submitForm { clear: none; }
		.nextPoll .submitForm img { float: none; }

.graphBase { clear: both; background: url(../images/graphBase.gif) left bottom #f2f2f2; height: 13px; margin: 3px 0 10px 0; border: 1px solid #d5d5d5; width: 349px; }
.graphFill { background: url(../images/graphFill.gif) left bottom #f5367a; height: 13px; }

p.graphDescription { padding: 5px 0 0 40px; }
	p.graphDescription span { font-size: 110%; color: #000; float: left; font-weight: bold; margin-left: -40px; font-family: Verdana, Helvetica, Arial, sans-serif; }

#competitionTeaser { text-align: center; }
	#competitionTeaser img { margin: 1px 0 5px 0; }
	#competitionTeaser p { text-align: left; padding-bottom: 10px; }
	#competitionTeaser h3.calloutHeading { text-align: left; margin-top: 20px; }
/* @end */

/* @group Search view */
#searchPage #articleList, 
	#createThread #articleList {margin: 0 0 20px; float:left; width:630px; }

#searchPage #contentWrapper h1 {font-weight:normal; padding:0 0 7px 0; background:url(../images/header1bg.jpg) no-repeat bottom right;}
	
#searchPage .articleComments,
#searchPage .articleDate,
	#createThread .articleComments,
	#createThread .articleDate {float: left; display: block; width: 120px; }
				
#searchPage .articleImages,
	#createThread .articleImages {float: right; padding: 4px 4px 0 4px;	}
		#searchPage .articleImages img,
		#createThread .articleImages img { margin-right: 2px; padding: 0; }

#searchPage #articleList .calloutHeading {border:0; margin: 0px; padding:20px; padding-left:150px; height:20px; background-image: none;}

#searchPage #articleList li a, #createThread #articleList li a { width: 630px; }

.searchBox {border:0px none; margin: 0px; padding:20px; padding-left:155px; height:20px; background:#F5367A url(../images/search2.gif) no-repeat top left; color:#FFFFFF; font-weight:normal; line-height:1em;}
		
	.searchBox .searchFelt { border:2px solid #F88BB2; height:18px;}

.searchData { background: none; margin:0px; padding-bottom:5px; padding-top:10px; }
	.searchData p { margin:0px; color:#939393;}

.searchInput input {border:1px solid #515151; font-size:95%;}

.searchFelt {width:250px;}

#searchPage .pagination {display: block; clear: both; text-align: right;}
/* @end */


/* @group Tip-A-Friend, Newsletter etc. */
#getMore {list-style: none; clear: both; margin-top: 10px; }
	#galleryView #getMore {float: left; clear: left; width: 250px;}
	#getMore li  {padding-left: 25px; margin-bottom: 5px; line-height: 1.7em; font-size: 77%;}
	#getMoreSubscribe {background: url(../icons/getMoreSub.gif) no-repeat;}
		#getMoreSubscribe a {line-height: 1.2em;}
	#getMoreFriend {background: url(../icons/getMoreFriend.gif) no-repeat;}
	#getMoreNewsletter {background: url(../icons/getMoreNews.gif) no-repeat;}
	#getMoreFavorite {background: url(../icons/getMoreFavorite.gif) no-repeat;}
/* @end  */

/* @group Modal box - tipAfriend, newsletter etc. */
#MB_overlay {position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000!important;}
#MB_overlay[id] { position: fixed; }
#MB_window {position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000; background-color: #fff;}
#MB_window[id] { position: fixed!important; }
	#MB_frame { position: relative; background-color: #f5367a; height: 100%; margin: 0; }
	#MB_header { margin: 0; height: 28px; background: #f5367a;}
	#MB_content { color: #fff; overflow: auto; background: #fa9abc url('../images/popupBG.gif') no-repeat right top; border: 2px #f5367a solid; }
#MB_caption {font: bold 110% "Lucida Grande", Arial, sans-serif; padding: .5em 2em 0 .75em; margin: 0; text-align: left; color: #fff;}
	#MB_close {display: block; position: absolute; right: 5px; top: 4px; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px; color: #fff;}
	#MB_close:hover { background:transparent; font-weight: normal; }
	#MB_loading {padding: 1.5em; text-indent: -10000px; background: transparent url('../images/spinner.gif') 50% 0 no-repeat;}

/* Alert message */
.MB_alert {	margin: 10px 0; text-align: center; }

/* EXTRA styling */
#popupView { padding: 10px; }
	#popupView p { font-size: 85%; line-height: 1.6em; }
	#popupView p a { font-weight: bold; color: #fff; text-decoration: underline; }
 	#popupView p a:hover { text-decoration: none; color: #fff; }
/* @end */

/* @group Sec. content - gallery & xtras */
.imageList { margin: 7px 0 10px -10px; }
#profileView #secondaryContent .imageList,
#articleShortView #secondaryContent .imageList,
#articleView #secondaryContent .imageList { width: 170px; }
	.imageList a { float: left; margin: 0 0 10px 10px; }

/* this is the old one we only use for now, until yiannis gets his act together and start developing 
at the speed of light and sound combined. Darn Belgians and their "i'm only human mentality"... */
.imgList { margin-bottom: 10px; }
.imgList,
.imgList li { float: left; }
.imgList .alt { float: right; }
	.imgList img { margin: 3px 1px 2px 1px; }
/* @end */

/* @group Sidebar */
#sidebar .lowerSidebarAd { clear: both; margin-top: 10px; }
#sidebar .calloutHeading {clear: both; margin: 10px 0 0;}

#sidebar ul {margin-top: 10px;}
	#sidebar li {clear: both;}

#relArticles li {clear: none; float: left; }

#container #relDebate li {padding: 0 0 0 20px; background: url(../icons/comment_icon_pink.gif) no-repeat; clear: both; width: 280px; }
#articleView #container #relDebate li { width: 210px; }

/* @group Post it */
.postit { background: url(../images/postit.gif) no-repeat; width: 295px; padding-top: 10px; margin: 20px 0 20px 0; float: left; text-align: center; }
	.postit p { padding: 2px 15px 5px 15px; font-weight: bold; }
	.postit img.thumbnail { margin: 3px 0; }
	.postit h3.afstemningHeader { background: url(../images/postitAfstemning.gif) no-repeat top; width: 205px; height: 42px; text-indent: -9999px; margin: 0 auto; }
	.postitFooter { background: url(../images/postitFooter.gif) no-repeat; height: 19px; clear: both; }
	.postit form { margin: 5px 10px 5px 15px; text-align: left; font-size: 85%; }
		.postit form input { float: left; }
		.postit form label { margin: 0 0 7px 20px; display: block; }
		.postit form div.submitForm { padding: 5px 0 0 0; text-align: center; }
			.postit form div.submitForm input { float: none; }

#articleView .postit { background: url(../images/postitSmall.gif) no-repeat; width: 230px; }
#articleView .postitFooter { background: url(../images/postitFooterSmall.gif) no-repeat; width: 230px; }
/* @end */
/* @end */

/* @group Bottom Options - most read latest.. */
#bottomOptions ul {margin-top: 10px;}
	/*#bottomOptions .relContent li {margin: 0 0 .5em !important; margin: -1em 0 0;}*/
	#bottomOptions .calloutHeading { margin: 0 !important; margin-bottom: 20px;}

/* 300x250 ad */
#bottomAd {float: left; margin: 0 20px 0 0; }
#articleShortView #bottomAd { margin: 0 0 0 20px; }
	#quizView #bottomAd { margin: 0; }

#mostRead, #latestDebate {float: left; width: 300px; color: #939393;}
	#quizView #mostRead { float: right; }

	#mostRead li,
	#latestDebate li { padding-left: 20px; }

	#mostRead li { background: url(../icons/mostRead.gif) no-repeat; }
	#latestDebate li { background: url(../icons/comment_icon_grey.gif) no-repeat; }

	#latestDebate { background: url(../images/debate_labelBtm.gif) no-repeat right 1.4em; margin-left: 20px; }
		#latestDebate h3.calloutHeading { background-image: url(../images/calloutHeading_labelTop_g.gif); }
		#latestDebate ul li.first { padding-right: 55px; }
		#latestDebate .calloutLink { margin: 0 0 .5em; }

.popularPictures { width: 626px; clear: both; }
	#articleView .popularPictures { margin: 0 0 10px 324px; }
	#quizView .popularPictures,	#articleShortView .popularPictures, #competitionView .popularPictures { padding-top: 20px; }
	
	.popularPictures li,
	.popularPictures li img { float: left; clear: none; margin: 0; }
	.popularPictures li { width: 201px; padding: 0 11px 0 0; }
	.popularPictures li.last { padding: 0px; }
		.popularPictures li img { margin: 0 5px 0 0; }
	
	.popularPictures .metaInfo { clear: both; }
/* @end */

/* @group Form & input */
/* 
The standard whitespace between different  
incoherent form input elements is 20px.
*/
#secondaryContent fieldset.text input { width: 143px; }

fieldset { border: none; font-size: 85%; }
	fieldset.column { float: left; width: 225px; }
	fieldset label { display: block; margin: 5px 0 2px; }
	fieldset input, fieldset select { font-size: 100%; padding: 1px; }
	fieldset p { font-size: inherit; }
	fieldset.column.single .submitForm { width: auto; }
	fieldset.column.single .submitForm input { width: auto; }

fieldset.checkbox { margin: 10px 0; clear: both;}
	fieldset.checkbox label { display: inline; }

fieldset.radio { margin: 10px 0; }
	fieldset.radio .option { display: block; clear: both; padding: 5px 5px 5px 25px; }
	fieldset.radio .option.oddLine { background-color: #f2f2f2; }
	fieldset.radio input { margin: 2px 0 0 -20px; }
	fieldset.radio .inline { margin: 0 2px; }
	fieldset.radio label { display: inline; }

fieldset.text { margin: 10px 0; }
	fieldset.text input,
	fieldset.text select { width: 200px; }

fieldset.textarea { margin: 10px 0; clear: both; }
	fieldset.textarea textarea { width: 425px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }

.submitForm { padding: 15px 0; text-align: center; clear: both; }

/* using strange ID's in addition to date classes because we don't want to construct the date input fields manually in rails */

.dateInput { display: block; }										
	.dateInput .day,
	#profile_birthday_3i { width: 50px; }
	.dateInput .month,
	#profile_birthday_2i  { width: 95px; }
	.dateInput .year,
	#profile_birthday_1i  { width: 60px; }

.addressInput { display: block; }
	.addressInput .postalCode { width: 40px; float: left; padding-right: 10px; }
	.addressInput .postalCode input { width: 40px; }
	
	.addressInput .city { width: 150px; float: left; }
	.addressInput .city input { width: 150px; }
/* @end */

/* @group Login & Signup */
ol#signupBreadcrumb {width: 480px; font-size: 85%; margin: 0 auto; padding: 0 25px 50px 0; background-position: bottom left; background-repeat: no-repeat;}
	
	ol#signupBreadcrumb.first { background-image: url(../images/signup/breadcrumb1.gif); }
	ol#signupBreadcrumb.second { background-image: url(../images/signup/breadcrumb2.gif); }
	ol#signupBreadcrumb.third { background-image: url(../images/signup/breadcrumb3.gif); }
	
	ol#signupBreadcrumb li { float: left; display: inline; width: 160px; text-align: center; }
	ol#signupBreadcrumb li.selected { font-weight: bold; }

#terms { border:1px solid #999999; padding:10px; height:200px; overflow:auto; margin:10px 0; }
#terms h2 { margin:15px 0 5px 0; }
#terms ol li { margin-left:2em; padding-left:1.4em; font-size:0.85em; }
#terms ol li ol li { font-size:100%; }
#terms ol { line-height:1.5em; list-style:lower-latin; }
.revealTerms { cursor:pointer; text-decoration:underline; }


/* YOU-NEED-TO-BE-LOGGED-IN-TO-VIEW-THIS-PAGE PAGE */
.opretProfil { position: relative; float: right; width: 50%; margin-top: 10px; text-align: center; }
	.opretProfil p { text-align: left; line-height: 1.6em; }
	#web2kommaNullNezzJK { clear: both; }

.forumForm .opretProfil { width: 60%; }
/* @end */


/* @group Message boxes */
.confirm { background-color: #E0ffE8; border: 1px solid #98CD99; padding: 5px; text-align: center; color: #006600; margin: 5px 0 10px 0; }
	.confirm a { text-decoration: underline; color: #006600; font-weight: bold; }
	.confirm a:hover { text-decoration: none; }
.alert { background-color: #ffbcbc; border: 1px solid #c34646; padding: 5px; text-align: center; color: #411717; margin: 5px 0 10px 0; }
	.alert.textheavy { text-align: left; }

.notify { background-color: #fff2c0; border: 1px solid #eadeb1; padding: 5px; margin: 5px 0 10px; }
	.notify h3, .alert h3 { text-align: center; font-weight: bold; margin-top: 10px; }
	.notify li, .confirm li, .alert li { margin-left:2em; font-size: 85%; line-height: 1.7em;}
/* @end */

/* @group Personal message - tables 'n' all that goodness */
.personalMessage { margin-bottom: 15px; }
.personalMessage .posterData, #pmView div.revealReply {background-color:#f0f0f0; border:2px solid #D6D6D6; border-width:2px 0; padding:5px; margin:10px 0;}
#pmView div.revealReply a {	font-weight:bold; }
.personalMessage .posterData { float:left; clear:both; width:620px; }
.personalMessage .post p { line-height:1.6em; margin:10px; }
.personalMessage .posterData strong{ display:block; }
.personalMessage .posterData img{ float:left; margin-right:10px; }
#mainContent .personalMessage .posterData .widget { height:2em; clear:none; float:right; width:105px; }
#mainContent .personalMessage .timestamp { color:#666; font-size:80%; text-align:right; line-height:1em; }

.personalMessage .post blockquote {border-top:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; margin:1.5em; padding:15px 0 5px 0; background:url(../images/quote.gif) no-repeat right top;}
.miniedit label { font-weight: bold; font-size: 118.7%; }

/* @group Inbox */
#inboxView table, #outboxView table { margin-bottom:10px; width: 100%; }
	#inboxView tr *, #outboxView tr * { color:#666; }
	#inboxView tr.unread *, #outboxView tr.pending * { color:#000; font-weight:bold; }
	#inboxView tr.unread td.received { background:url(../icons/star.gif) no-repeat 2px 35%; }
		#inboxView tr td, #outboxView tr td { border-bottom:2px solid #e0e0e0; padding:2px 5px; font-size:80%; height:2.5em; }
		#outboxView tr td.sent { width:15%; }
		#inboxView tr td.received { width:15%; padding-left:18px; text-align:center; }
		#outboxView tr td.received { text-align:center; border-left:1px solid #EFEFEF; }
		#inboxView tr td.sender, #outboxView tr td.to, #outboxView tr td.recieved { text-align:center; border-left:1px solid #EFEFEF; }
		#inboxView tr td.content, #outboxView tr td.content { width:50%; border-left:1px solid #EFEFEF; }
		#inboxView tr td.functions { border-left:1px solid #EFEFEF; }
		#inboxView tr td.functions a { float:left; white-space:nowrap; outline:0; line-height:20px; }
#inboxView .pagination, #outboxView .pagination { text-align:right; }
/* @end */
/* @end */

/* @group Forum & profile */
/* @group Profile */
#profileView #forumView { margin-top: 20px; clear: both;}
#profileView #mainContent h2 { padding-bottom: 7px; font-size:100%;}
#profileView a#edit_status { float:right; cursor:pointer; font-size: 85%; }
#profileView a#edit_status:hover { text-decoration:underline;}
ul.newsfeed { margin-bottom: 20px; font-size: 85%; line-height: 1.7em; margin-top: 11px; }
/* the h2.callout element has a 10px top margin that we need to hide when displaying the newsfeed on the profilepage */
#profileView #sidebar h2.calloutHeading { margin-top: 0; }
#profileView #mainContent h3.calloutHeading {clear: both;}

dl.particulars { float: left; width: 450px; margin: 10px 0; font-size: 85%; line-height: 1.7em; }
dl.particulars dt {float: left; width: 130px; font-weight: bold;}
dl.particulars dd {float: left; width: 320px;}

ul#profileOptions { border: 2px solid #D6D6D6; height: 1.7em; padding: 0.1em 5px 0 5px; border-left: none; border-right: none; list-style:none; }
	ul#profileOptions li { float: left; font-size: 85%; line-height: 1.7em; padding-right: 20px; }

ul#indentedList, ul.indentedList { margin-top: -3px; }
	ul#indentedList li, ul.indentedList li { border-top: 2px solid #D6D6D6; padding: 0 0 20px 140px; clear:both; }
	ul#indentedList li strong, ul.indentedList li strong { font-size: 85%; line-height: 1.2em; margin: 5px 0 0 -140px; position: absolute;}
	ul#indentedList li textarea, ul.indentedList textarea { width: 300px; height: 80px; }
	ul#indentedList li a.edit, ul.indentedList a.edit {float:right; cursor:pointer; }
	ul#indentedList li a.edit:hover, ul.indentedList li a.edit:hover {text-decoration:underline;}
	
/*	It's a nice thought but not going to be used due to several issues.
	The most vital one is that it fucks up the profile-settings-view.
	It is a temporary fix until we ommit the "shaw"/hide"-function-tag around the label for the form.
	And lastly, setting a bottom padding slightly higher than the rest of the sites labels is just inconsistent.	
	
	ul#indentedList li label {display:block;color:#666; font-size:85%; padding-bottom:3px;} */

#profileView.settings ul#indentedList li .submitForm, #profileView.settings ul.indentedList li .submitForm { width: 200px; }
.in_place_editor_field { width: 100px; display: block; width: 260px;}
	
#profileList ul.profileList  {list-style-type: none; margin:0px; padding:0px;}
#profileList li.profile {text-align: center; font-size: small; list-style-type: none; display:block; margin: 5px 10px; padding:2px; height:150px; width: 160px; float: left;}
#profileList li.profile img {width:110px; height:110px;}
/* @end */

/* @group Profile Gallery */
.profileGallery { list-style: none; float: left; }
	.profileGallery li {position: relative; float: left; width: 130px; margin: 0 15px 15px 0; padding: 3px; border: 1px solid #f1f1f1;}
		.profileGallery img { display: block; margin-bottom: 3px; }
			/*  Redigér|Slet  */
			.profileGalleryOptions {float: left; padding: 0 5px; width: 120px; background: #f1f1f1; line-height: 2em; text-align: center; font-size: 85%; }
 				.profileGalleryOptions a { float: right; }
				.profileGalleryOptions a:first-child { float: left; }
				.profileGalleryOptions.single a { float: none; text-align: center; }
	
#profileGalleryView #mainContent .calloutHeading { clear: both; margin-top: 20px; }
#profileGalleryView #mainContent p { margin: 0 0 10px 0; }
#profileGalleryView .relContent a { text-decoration: none; }

/* @group Single Image View */
#profileGallerySingleView #mainContent { text-align: center; overflow: hidden; }
	#profileGallerySingleView #mainContent h1 { text-align: left; }
	#profileGallerySingleView #mainContent ul {list-style: none; float: left; width: 100%; margin: 20px 0; text-align: center; }
		#profileGallerySingleView #mainContent li {display: inline; margin-right: 10px;}
	#profileGallerySingleView #mainContent img { padding: 3px; border: 1px solid #eee; }

#profileGalleryView #mainContent .calloutLink,
#profileGallerySingleView #mainContent .calloutLink,
#profileGalleryEditView #mainContent .calloutLink { float: right; margin-top: -1.5em; color: #939393; }
/* @end */

/* @group Upload & Edit Images */
#profileGallerySingleView #mainContent form { text-align: left; }
	#profileGallerySingleView .radio { padding-top: 15px; }
	#profileGallerySingleView .option { float: left; clear: none; display: inline; }
	#profileGallerySingleView .submitForm { width: 425px; }
	
#profileGalleryEditView #mainContent img { float: left; display: inline; margin: 20px 20px 0 0; }
#profileGalleryEditView form { margin-top: 20px; float: left; width: 425px; }
	#profileGalleryEditView .column { width: auto; }
	#profileGalleryEditView .radio { margin: 0 0 0 20px; padding-top: 20px; }
		#profileGalleryEditView .radio input { margin: 0; }
		#profileGalleryEditView .radio label { margin-right: 5px; }
	#profileGalleryEditView .submitForm { float: left; clear: none; width: 425px; }
/* @end */
/* @end */

/* @group NOT Logged in-box in top right corner */
#notLoggedIn { background: #f5367a url(../images/loginBoxBG.gif) no-repeat left bottom; color: #fff; margin-bottom: 20px; }
	#notLoggedIn .calloutHeading { margin-top: 0; border-bottom: 1px solid #fff; }
	#notLoggedIn fieldset.text input { width: 130px; }
	#notLoggedIn fieldset.user { width: 135px; padding: 0 0 0 10px; float: left; }
	#notLoggedIn fieldset.pass { width: 135px; padding: 0 10px 0 0; float: right; }
	#notLoggedIn .submitForm { clear: both; padding: 5px 0 5px 0; }
	#notLoggedIn p { text-align: right; margin: 0; padding: 0 20px 10px 0; }
	#notLoggedIn a { color: white; }
/* @end */

/* @group Logged in-box in top right corner */
#loggedIn { }
	#loggedIn .calloutHeading { margin-top: 0; }
	#loggedIn img {	float:left; margin:10px 10px 20px 0; }
	#loggedIn .edit { float: right; }
	#loggedIn strong { display:block; }
	#loggedIn em { font-style:normal; color: #666; font-size: 91%; }
	#loggedIn p { line-height:1.7em; width: 180px; float: right; }
	#loggedIn ul { float: right; font-size: 85%; list-style: none; width: 180px; }
		#loggedIn ul li { padding-bottom: 5px; color: #666; }
			#loggedIn ul li a {	color:#000; }
/* @end */


/* @group Profile search box */
.profileFilter,
.profileFilter * {display: inline;}
	.profileFilter .calloutHeading {display: block;}
	.profileFilter fieldset select {width: 70px; margin-right: 5px;}
		.profileFilter fieldset select option {display: block;}
	.profileFilter #pnr {width: 30px; clear: right;}
	.profileFilter label {margin-right: 2px;}
	.profileFilter .filterButton input {width: 48px; margin: 5px 0 10px; cursor: pointer; display: inline; vertical-align: middle;}
#profileList #contentWrapper .profileFilter .calloutHeading {display: none;}

.profileLetterList {list-style: none; margin-top: 10px; font-size: 115.4%;}
	.profileLetterList li {display: inline;}
		.profileLetterList li a {padding: .125em;}
		.profileLetterList li a:hover {background: #f5367a; color: #fff;}
/* @end */

/* @group Widgets! */
#mainContent .widget {width:140px; list-style:none; position:relative; clear:both; z-index:2; }
	#mainContent .widget li {float:left; width:35px; padding: 0; overflow:hidden; background-position: top center; background-repeat:no-repeat; }
		#mainContent .widget li a {width:35px; height:20px; display:block; outline:0;}
			#mainContent .widget li a:hover span {display:block;}
			#mainContent .widget li a span {position:absolute; width:140px; top:28px; display:block; padding-top:7px; left:0; background-image:url(../images/notice_pointer.gif); background-repeat:repeat-x; display:none;}
				#mainContent .widget li a span em {background-color:#FFF2C0; border-bottom:1px solid #EADEB1; border-left:1px solid #EADEB1; border-right:1px solid #EADEB1; display:block; padding:2px 5px; width:128px; text-align:center; font-style:normal; color:#000;}
			#mainContent .widget li.first a span{background-position:-52px top;}
			#mainContent .widget li.second a span{background-position:-16px top;}
			#mainContent .widget li.third a span{background-position:17px top;}
			#mainContent .widget li.fourth a span{background-position:53px top;}

#mainContent .widget.admin {padding-top:5px; margin: 5px 0; height:22px; border:1px solid #f00; background-color:#faa; z-index:1;}
#mainContent .isAdmin {background:url(../icons/woman_ico.gif) no-repeat left; padding-left:20px;}
/* @end */

/* @group Forum front page */
p#forumBreadcrumb { margin: 0 0 10px; text-align: left; }

#forumListView table {line-height:1.3em; margin-top:10px; padding:1px; width:630px;}
	#forumListView table td{padding:3px; vertical-align:top;}
	#forumListView table th.forumTitle{width:300px;}
	#forumListView table th.latestThread {width:300px;}
	#forumListView table th.numThreads {width:73px; text-align:center; }
	#forumListView table td.forumTitle {border-bottom:2px solid #e0e0e0;}
		#forumListView table td.forumTitle a {font-size:100%; font-weight:bold; display:block; padding:5px 0;}
		#forumListView table td.forumTitle p {color:#555;}

	#forumListView table td.latestThread {width:200px; border-left:1px solid #efefef; border-bottom:2px solid #e0e0e0; font-size: 85%; }
		#forumListView table td.latestThread a { font-weight: bold; }
		#forumListView table td.latestThread p { color: #666; font-size: 100%; }
    #forumListView table td.latestThread img { float: left; display: inline;	margin: 8px 5px 5px 5px; }
		#forumListView table td.latestThread em {color:#555; float:right; margin:0; padding:5px 2px 0 0; white-space:nowrap;}

	#forumListView table td.numThreads {width:73px; text-align:center; font-weight:bold; font-size: 85%; border-left:1px solid #efefef; border-bottom:2px solid #e0e0e0;}
/* @end */

/* @group Forum Thread view */
.articlePosts { clear: both; margin-top: 25px; }
#threadView .pagination, #forumView .pagination { margin: 0; text-align: right; }

.forumPost {width:630px; float:left; clear:both; position:relative; margin: 0 0 10px; border-bottom:2px solid #d6d6d6; border-top:2px solid #d6d6d6; background:url(../images/forumPost_bg.gif);}
	
	.forumPost .posterData { float: left; text-align: center; padding: 10px 10px 4em 10px; width: 140px; overflow: hidden; }
		.forumPost .posterData strong {	display:block; text-align:left; }
		.forumPost .posterData em { color: #666; display: block; padding: 5px 0; text-align: left; font-style: normal; font-size: 85%; }
		.forumPost .posterData span {font-size:85%; display:block; padding:4px 0;}
		.forumPost .posterData span a {color:#666;}
	.forumPost .post { float: right; padding: 5px 10px 2.5em 10px; width: 440px; overflow: hidden; position: relative; line-height:1.6em; }
		.forumPost .post p { line-height: 1.6em; margin: 10px 0; }
		.forumPost .post .timestamp { float: right; font-size: 77%; color: #666; padding: 5px 5px 5px 10px; margin: 0; line-height: 1em; }
		.forumPost .post blockquote { border-top: 1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; margin: 1.5em; padding: 15px 0 5px 0; background: url(../images/quote.gif) no-repeat right top; }
		.forumPost .post img.smiley { margin: 0 0.2em; }
		
		.forumPost .post .images { border: 1px solid #d6d6d6; float: left; clear: both; margin-top: 10px; }
			.forumPost .post .images strong { margin: 10px 10px 0 10px; float: left; clear: both; }
			.forumPost .post .images em { font-weight: normal; font-size: 91%; float:right; white-space: nowrap; margin: 10px 10px 0 10px; }
			.forumPost .post .images ul { list-style: none; float: left; clear: both; width: 440px; padding: 10px 0 0 0; }
				#articleShortView .forumPost .post .images ul { width: 265px; }
				#articleView .forumPost .post .images ul { width: 300px; }
			.forumPost .post .images ul li { float: left; margin: 0 0 10px 10px; }
			.forumPost .post .images ul li a { position: relative; padding: 0; float: left; }
			.forumPost .post .images ul li.alt { clear: left; }
			.forumPost .post .signature {display: block; background:#FAFAFA; border-top: 1px solid #D6D6D6; padding: 2px 20px;}


	.forumPost .postFunctions {list-style:none; position:absolute; right:0; bottom:0.1em;}
		.forumPost .postFunctions li {float:right; line-height:1em; padding:0.5em 10px 0.5em 40px; color:#666;}
			.forumPost .postFunctions li a {color:#666; font-size:77%;}

	.forumPost .postFunctions .postReply {background: url(../icons/comment_icon_pink.gif) no-repeat 20px 0.5em;}
	.forumPost .postFunctions .postRatePlus {background: url(../icons/heart.gif) no-repeat 20px 0.5em;}
	.forumPost .postFunctions .postReport {background: url(../icons/exclamation.gif) no-repeat 20px 0.5em;}
	.forumPost .postFunctions .postDelete {background: url(../icons/commentDeletePink.gif) no-repeat 20px 0.5em;}
	.forumPost .postFunctions .postEdit {background: url(../icons/commentEditPink.gif) no-repeat 20px 0.5em;}

/* Forum/thread subcription */
#createThread .notify {margin: 10px 0 20px;} /* Built by woman-functions.js */
	#createThread .notify p {margin: 5px 0;}  /* Built by woman-functions.js */
#threadSubscription {position: relative; margin: 20px 0 0; padding: 5px; background: #f1f1f1; border-bottom: 1px solid #aaa;}
	/* containing elm. needed for positioning */
	#threadSubscription legend span {position: relative; top: -10px; padding: 5px; background: #fff; color: #f5367a; border: 1px solid #d6d6d6; font-weight: bold;}
	#threadSubscription strong {display: block;}
	#threadSubscription .pitch {margin: 5px 0; font-size: 85%;}
	#threadSubscription label,
	#threadSubscription input {display: inline; vertical-align: middle;}
	#threadSubscription label {margin-right: 5px;}
	#threadSubscription label.disabled {color: #afafaf;}
	#threadSubscription input.hide {display:none;}
	#threadSubscription .calloutButton {font-size: 100%;}
	#threadSubscription #helpToggle {position: absolute; top: 5px; right: 10px; font-size: 70%; color: #666; outline: 0;} /* Built by woman-functions.js */
	
/* Deleted post styles */
.forumPost.deleted { background:#fff;}
.forumPost.deleted *, .forumPost.deleted .post .timestamp, .forumPost.deleted .posterData * {color:#ccc;}
.forumPost.deleted .posterData img, .forumPost.deleted .postFunctions {display:none;}

.forumForm, .forumForm .editor { padding: 20px 0; clear:both;}
.miniedit {list-style:none; display:block; clear:both; text-align:right;}
	.miniedit li {float:right; overflow:hidden;}
		.miniedit li a {text-indent:99999px; display:block; height:20px; width:20px; overflow:hidden; background-repeat:no-repeat; white-space:nowrap; }
			.miniedit li a.smileys {background-image:url(../icons/smileys.gif);}
			.miniedit li a.bold {background-image:url(../icons/text_bold.gif);}
			.miniedit li a.italic {background-image:url(../icons/text_italic.gif);}
			.miniedit li a.underline {background-image:url(../icons/text_underline.gif);}
			.miniedit li a.link {background-image:url(../icons/link.gif);}
			.miniedit li a.quote {background-image:url(../icons/text_quote.gif);}
			
			.smileyContainer { padding: 5px; border: 1px solid #939393; border-left: none; border-right: none; clear: both; margin: 5px 0; text-align: left; }
				.smileyContainer img { margin: 3px 2px; }
.miniedit label{ float: left; }

.miniedit textarea { clear: both; width:620px; float: left; }
#articleView .miniedit textarea { width:517px; }
#articleShortView .miniedit textarea { width: 450px; }
.forumForm form fieldset.browse label { display: block; margin-top:10px; }
.forumForm form fieldset.browse input { margin-bottom: 10px; clear: both; float: left; }
.forumForm form fieldset.browse a { float: left; clear: both; white-space: nowrap; padding: 0 0 10px 0; }
/* @end */


/* @group Forums View */
#forumView table th.threadTitle { width: 68%; }
#forumView table th.latestPost { width: 25%; text-align: center; }
#forumView table th.numPosts { width: 8%; text-align: center; }
#forumView table { line-height: 1.3em; margin: 0 0 10px 0; width: 100%; }
	#forumView table td { padding: 8px 3px 5px 3px; border-bottom: 2px solid #efefef; }
		#forumView table td.threadTitle { padding-left: 50px; background: url(../icons/comment_32.gif) no-repeat left; font-size: 85%; }
		#forumView table td.threadTitle.image {background: url(../icons/images_32.gif) no-repeat left;}
		#forumView table td.threadTitle.image.updated {background: url(../icons/add_images_32.gif) no-repeat left;}
		#forumView table td.threadTitle.locked {background: url(../icons/locked_32.gif) no-repeat left;}
		#forumView table td.threadTitle.updated {background: url(../icons/updated_32.gif) no-repeat left;}
		#forumView table td.threadTitle em, #forumView table td.latestPost em {	font-size: 82%; color: #666; font-style: normal; display: block; }
			#forumView table td.threadTitle em a { display: inline; color: #666; }
		#forumView table td.threadTitle a { display: block; font-weight: bold; }
#forumView table td.latestPost { border-left: 1px solid #efefef; text-align: left; font-size: 85%; line-height: 1.4em;}
#forumView table td.latestPost img { float: left; display: inline;	margin: 0 5px 5px 5px; }
#forumView table td.numPosts { border-left: 1px solid #efefef; text-align: center; font-size: 85%; }

div.addThread {border-top: 1px solid #efefef; margin: 0; text-align: right; padding: 7px 0; }
/* @end */

/* @group Friends list */
#friendsView .pagination { padding-top: 0px; float: right; }
#friendsView #mainContent h1.top {float: left; width: 50%;}
#friendsView #mainContent .calloutHeading {clear: both; margin: 0; float: none;}
#friendsView #mainContent .calloutLink {color: #939393; display: inline; float: right; margin: -1.5em 0 1.5em;}

#friendsView .friendsList {float: left; width: 555px; margin-top: 10px; padding: 10px 0 0 75px; border-top: 1px solid #f1f1f1;}
	#friendsView .friendsList.notify {margin: 0 0 10px; padding: 10px 0 10px 85px; width: 543px; position: relative;}
	.friendsList h3 { text-align: left; }
	
	#friendsView .profilePic {float: left; margin: 0 10px 0 -75px;}
	
	#friendsView .friendsList em {font-style:normal; font-size: 85%;}
	#friendsView .friendsList .profileStatus {color:#939393; display: block;}
	
	#friendsView .friendsList ul,
	#friendsView .friendsList li,
	#friendsView .friendsList li a {float: left;}

	#friendsView .friendsList ul {margin-top: 10px; list-style: none; width: 545px; }
		#friendsView #mainContent .notify ul {width: auto;}
		
		#friendsView .friendsList li {font-size: 77%; background-repeat: no-repeat; padding: 3px 20px; }
			#friendsView .friendsList.notify li {margin-left: 0;}
			#friendsView .friendsList.last {margin-bottom: 20px;}

		#friendsView .friendsList.notify .calloutButton,
		#friendsView .friendsList.notify .calloutButton:hover {position: absolute; top: 10px; right: 15px; width: 10em; text-align:center; }
			#friendsView .friendsList.notify .calloutButton.decline,
			#friendsView .friendsList.notify .calloutButton.decline:hover {top: 45px;}
/* @end */
/* @end */