@import url(/static/benform/benform.css);
/*--------------------------------------------
Color chart
(Yea' we're working on cutting down on the shades of grey...)
	#ffc71d  Yellow
	#ff9101  Yellow text on white background
	#272727  Background-grey
	#414141  Base-grey
	#252525  Dark-GUI-grey
	#545454  Light-GUI-grey
	#b9b9b9  Discreet text
	#e0e0e0  Alt bg-color - on white bg
	#f5f5f5  For big alt areas
	#4f4f4f  Alt bg-color - on black bg
---------------------------------------------*/
/* @group Chrome */
body { font: normal 62.5% "lucida grande",verdana,tahoma,arial,sans-serif; background: #272727; }
body * { margin: 0; padding: 0; }

/* @group Header */
#header { width: 100%; padding-top: 15px; margin: 0 auto 10px; background: #272727 url(../images/headerBG_full.gif) no-repeat center 15px; float: left; }
		#headerContent { width: 980px; margin:0 auto; }
			body #wrapper h1#logo a { border: none; float: left; display: block; width: 213px; height: 56px; background: url(../images/logo.gif) no-repeat; text-indent: -9999px; }			
/* @end Header */
/* @group Navigation */
#header ul { float: left; margin: 17px 10px 0; position: relative; width: 747px; }
	#header ul li { float: left; margin: 0 4px; }
		#header ul li a { font-size: 1.3em; display: block; padding: 4px 8px 5px; background-color: #111; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #fff; }
		#header ul li a:hover { color: #ffc71d; border: 1px solid #222; padding: 3px 7px 4px; background-color: #313131; }
		#header ul li a.selected { background-color: #414141; color: #ffc71d; border: 1px solid #222; border-bottom: none; padding: 3px 9px 5px; text-decoration: none; }
		
		#header ul li ul { position: absolute; left: 0; top: 1.6em; margin: 10px 0 0 0; }
			#header ul li ul li { float: left; margin: 0 2px; }
				#header ul li ul li a { background: none; font-size: 1.1em; padding: 2px 5px; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #aaa; }
				#header ul li ul li a:hover { color: #ffc71d; border: none; padding: 2px 5px; background: none; }
				#header ul li ul li a.selected { border: none; background: none; padding: 2px 5px; color: #ffc71d; text-decoration: none; }
	
	#staticAboLink {display: none;}
/* @end Navigation */
/* @group ProfileBar */
#profileBar { width: 980px; margin: 0 auto; height: 2.8em; color: #eee; font-size: 1.1em; border-bottom: 1px solid #202020; }
	#profileBar li { height: 2.5em; float: left; padding: 0 5px; background: url(../images/ridge.gif) repeat-y right; }
		#profileBar li a, #profileBar li span { padding: 2px 5px; color: #fff; line-height: 2.5em; }
		#profileBar li a.icon { padding-left: 20px; }
			#profileBar span.messageCount { padding: 0 5px 0 0; font-weight: bold; color: #fff; line-height: 0.5em; font-size: 1.2em; }
	#profileBar li.sub { float: right; background-position: left; }
	
	#profileBar li#loginForm { background: none; }
		#profileBar li.sub form input { width: 135px; margin: 2px 0 0 8px; font-size: 0.9em; padding: 1px 2px; }
		#profileBar li.sub form input.submit { width: auto; }
/* @end */
/* @group Containers */
#wrapper { width: 100%; background: #272727 url(../images/BG.gif) repeat-y center 0; float: left; }
#content { background: #414141; margin: 0 auto; width: 980px; clear: both; }
	#contentWrapper {float: left; padding: 0 0 0 0; background: #fff;}
			#mainContent { width: 650px; margin: 0 0 10px 10px; float: left; display: inline; }
						.mainContentFocus { width: 634px; background-color: #fff; color: #000; float: left; padding: 8px; }
							.mainContentFocus .primary { float: right; width: 400px; }
							.mainContentFocus .secondary { float: left; width: 219px; }
			#secondaryContent { width: 300px; margin: 0 10px 10px 0; float: right; display: inline; color: #fff; }

		#footer { width: 970px; border-top: 1px solid #5d5d5d; clear: both; text-align: left; padding: 5px 0 0 10px; color: #ccc; }
			#footer a { color: #efefef; text-decoration: underline; }
			#footer a:hover { text-decoration: none; }
			#footer .banner { float: right; display: block; width: 55px; height: 55px; margin: -15px -3px 0 0; }
/* @end Containers */
/* @end Chrome */
/* @group Ad and classifieds */
#topAd { width: 980px; margin: 0px auto; text-align: center; }
.aboAd { display: block; float: left; margin-top: 10px; clear: both;  }
.contentList .classified.list { padding-left: 132px; margin: 0; width: auto; }
	#mainContent .mainContentFocus .contentList .classified.list { width: 502px; }
	#mainContent .contentList .classified.list { width: 518px;}
	.primary .contentList .classified.list { width: 268px ; }

	.contentList .classified.list p em { display: block; width: 77px; height: 28px; background: url(../images/priceBadge_list.gif) no-repeat 50% 50%; line-height: 26px; text-align: center; margin-right: 4px; padding: 0; border: none; float: right; }
	
	.secondary .classified { margin: 15px auto 0; clear: both; }

	#classifiedView .classified { float: left; }
	ul.contentList div.classified { height: 32em; } /* this is for showing the stuff in a grid, so they don't fly all over the place */
.classified { width: 170px; padding: 5px; display: block; line-height: 1.6em; margin: 1px; background-color: #fff2c0; text-align: left; }
	.classifiedInformer { float: right; color: #b9b9b9; letter-spacing: 0.1em; font-size: 0.9em; padding-right: 4px; }
	.classified img { margin-bottom: 4px; }
	.classified em { font-style: normal; display: block; text-align: right; border-top: 1px solid #EADEB1; padding: 4px 4px 0 0; }
		.classified em a { font-weight: bold; text-decoration: underline; white-space: nowrap; }
		#wrapper .classified em.price { margin-top: -18px; border: none; display: block; padding: 0; }
			#wrapper .classified em.price a { width: 170px; text-align: center; font-size: 2.5em; font-family: helvetica, arial, sans-serif; line-height: 50px; height: 53px; display: block; text-decoration: none; margin-top: -56px; color: #111;}
	.classified strong { display: block; font-size: 1.2em; }
		.classified strong a { text-decoration: none; border-bottom: 1px dotted #000; }
		.classified strong a:hover { border-bottom: 1px solid #000; }
	.classified p { font-size: 1.1em; padding-bottom: 4px; }	

		.outside .classified { background-color: #333; border: 1px solid #555; color: #ccc; }
	.outside .classified em { border-top: 1px solid #555; }
	
	#wrapper .outside .classifiedInformer { color: #666; }
	#wrapper .outside .classified strong a { color: #ffc71d; border-color: #ffc71d; }
	#wrapper .outside .classified em a { color: #fff; }
		#wrapper .outside .classified em a:hover { text-decoration: none; }

	#mainContent ul.contentList.outside .classified.list { width: 516px; }
	#secondaryContent ul.contentList.outside .classified.list { width: 150px; }
			#secondaryContent ul.contentList.outside .classified.list em { color: #ccc; float: left; display: inline; clear: left; margin-left: -128px; width: 272px; }
/* @end */

/* @group Typography */
h1 { font-size: 2.1em; letter-spacing: -0.075em; font-weight: bold; }
h2 { font-size: 1.4em; letter-spacing: -0.05em; font-weight: normal; margin-bottom: 2px; text-transform: uppercase; }
	#wrapper h2 a, #wrapper h2 a:visited, #wrapper h3 a, #wrapper h3 a:visited { float: right; font-size: 0.8em; color: #ffc71d; text-decoration: none; border-bottom: 1px dotted #ffc71d; text-transform: capitalize; padding-top: 0.1em; }
	#wrapper h2 a:hover, #wrapper h3 a:hover { border-bottom: 1px solid #ffc71d; }
	#wrapper h2 a.headerLink { float: none; font-weight: normal; text-transform: uppercase; font-size: 1em; color: #fff; border-bottom: 1px dotted #fff; padding: 0; }
	#wrapper h2 a.headerLink:hover { border-bottom: 1px solid #fff; }
h3 { font-size: 1.4em; letter-spacing: -0.05em; font-weight: normal; margin-bottom: 2px; text-transform: uppercase; }
h4 { font-size: 1.2em; letter-spacing: -0.025em; font-weight: bold; }
	#wrapper h4 a, #wrapper h4 a:visited { text-decoration: none; border-bottom: 1px dotted #000; }
	#wrapper h4 a:hover { text-decoration: none; border-bottom: 1px solid #000; }

a { text-decoration: underline; color: #000; font-weight: bold; }
a:hover { text-decoration: none; }

p { font-size: 1.1em; line-height: 1.3em; }

/* bodyText is used as a container for longer editorial texts and hightens readability */
.bodyText h1 { clear: left; padding-top: 0.4em; }
.bodyText h2 { color: #ff9101; font-weight: bold; margin: 0.4em 0; text-transform: none; }
.bodyText p { font-size: 1.15em; line-height: 1.6em; padding-bottom: 0.6em; }
	.bodyText p p { font-size: 1em; line-height: 1em; }
.factBox h3 { color: #ff9101; font-weight: bold; }

span.date { color: #b9b9b9; float: right; }

/* if the box is black .box a { color: #ffc71d; text-decoration: underline; }
.box a:hover { color: #ffc71d; text-decoration: none; }
.box a:visited { color: #ffeaaa; } */

.discreet { color: #555; }
	.discreet a { color: #555; }

.mainContentFocus .positive { color: #063; font-weight: bold; }
.mainContentFocus .negative { color: #c00; }
.positive { color: #0e3; font-weight: bold; }
.negative { color: #f00; }

span.breadcrumb { font-size: 1.25em; }
	span.breadcrumb a { font-size: 1.25em; }
/* @end Typography */

/* @group GUI Elements */
/* @group Notifications */
.confirm { background-color: #E0ffE8; border: 1px solid #98CD99; color: #006600; }
.alert { background-color: #ffbcbc; border: 1px solid #c34646; color: #411717; }
.notify { background-color: #fff2c0; border: 1px solid #eadeb1; }

.confirm a { text-decoration: underline; color: #006600; font-weight: bold; }
.confirm a:hover { text-decoration: none; }
.notify, .confirm, .alert { padding: 8px; text-align: center; margin: 5px 0 10px 0; }
.notify li, .confirm li, .alert li { margin-left: 2em; line-height: 1.7em;}
/* @end */
/*@group Buttons */
	#wrapper a.calloutButton { height: 55px; font-size: 1.4em; display: block; line-height: 55px; padding: 5px 45px 5px 15px; background: #000 url(../images/button/trashed_yellow.gif) no-repeat right 50%; text-align: center; color: #ffc71d; }
		#wrapper a.calloutButton:hover { background-image: url(../images/button/trashed.gif); color: #fff; }
	body #wrapper a.button { background: #3e3e3e url(../images/button/standardButton.png) top right; border: #000; font-size: 1em; line-height: 2em; border: 1px solid #676767; border-top: none; color: #fff; margin-top: 8px; height: 2em; text-decoration: none; float: right; padding: 0 14px 0 8px; }
	#wrapper a.button:hover { background-position: bottom right; border: 1px solid #181818; border-top: 0; }
	#wrapper a.button.decline { background: #c00; color: #fff; border: 1px solid #900; height: 1.9em; line-height: 1.9em; margin-right: 8px; padding: 0 8px; }
	/*@end Buttons */
	/* @group Grunge GFX */
	/* just add the class .grunge to #mainContent or a box, and it will add - wait for it - grunge! */
	#mainContent .mainContentMain.grunge, #mainContent .grunge, #secondaryContent .grunge { background-image: url(../images/grungeDark.gif); }
	#mainContent .mainContentFocus.grunge, #mainContent .mainContentFocus .grunge { background-image: url(../images/grungeLight.gif); }
		.grunge { background-repeat: no-repeat; background-position: top right; }
	/* @end */
	/* @group Definition list */
	dl { padding-left: 85px; float: left; line-height: 1.7em; font-size: 1.1em; }
		dl dt { margin-left: -85px; position: absolute; height: 1.7em; font-weight: bold; color: #191919; }
	/* @end */
	/* @group Top list */
	/* this is a way to display an never-ending ranking list. by adding the level class' you make the list fadeout */
	#wrapper ol.topList { line-height: 1.7em; }
		#wrapper ol.topList li span.number { padding-right: 1ex; }
		#wrapper ol.topList li { padding: 3px 5px; overflow: hidden; height: 1.7em; }
			#wrapper ol.topList li.highlight { font-weight: bold; color: #000; background: #ffc71d; }
	
	/* the fadeout is controlled by "levels" | 3 = outer most | 2 = middle */
	#wrapper ol.topList li.level3 a, #wrapper ol li.level3 { color: #aaa; }
	#wrapper ol.topList li.level2 a, #wrapper ol li.level2 { color: #666; }
	#wrapper ol.topList li a, #wrapper ol li { color: #222; }
	/* @end */
	/* @group LinkList */
	/* the standard way to display a list of links, with custom bullets */
	.linkList { clear: both; }
	.linkList li { font-size: 1.1em; padding: 2px 0 2px 10px; background: url(../images/arrows.gif) no-repeat left 6px; }
		.mainContentFocus .linkList li a { color: #000; }
		.linkList li a { color: #fff; }
		.mainContentFocus .linkList li.action a { background: url(../images/icon/user.gif) no-repeat right 50%; padding-right: 20px; }
		.mainContentFocus .linkList li.category { padding: 4px 0 0 0; margin-top: 4px; background: none; font-size: 1.2em; border-top: 1px solid #ccc; }		
			.mainContentFocus .linkList li.category.first { border: none; }
			.mainContentFocus .linkList li.category a { text-decoration: none; color: #FF9101; border-bottom: 1px dotted #FF9101; }
			.mainContentFocus .linkList li.category a:hover { border-bottom: 1px solid #FF9101; }
	
	#wrapper .linkList.button li { background: none; }
		#wrapper .linkList.button li a.button { height: 1.8em; float: none; display: block; margin: 0 0 8px 0; }
	/* @end */
	/* @group Rate */
	#wrapper .rate { clear: both; position: relative; width: 100%; /* padding-right: 4px; background: url(../images/rating/5.gif) no-repeat right top; */ }
		#wrapper .rate .current { border-left: 1px solid #ababab; position: absolute; z-index: 2; height: 19px; top: 0; right: 0; background: url(../images/rating/notRated.gif) right 50%; }
		#wrapper .rate .rateOne { left: 0; }		#wrapper .rate div.rateOne { background: url(../images/rating/1.gif) left 50%; }
		#wrapper .rate .rateTwo { left: 25%; }		#wrapper .rate div.rateTwo { background: url(../images/rating/2.gif) left 50%; }
		#wrapper .rate .rateThree { left: 50%; }	#wrapper .rate div.rateThree { background: url(../images/rating/3.gif) left 50%; }
		#wrapper .rate .rateFour { left: 75%; }		#wrapper .rate div.rateFour { background: url(../images/rating/4.gif) left 50%; }
		
		#wrapper .rate a { position: absolute; line-height: 19px; width: 25%; text-align: center; z-index: 3; display: block; text-decoration: none; color: #000; }
			#wrapper .rate a:hover { text-decoration: underline; }
		#wrapper .rate div { position: absolute; background: blue; height: 19px; width: 25%; z-index: 1; }
		html body #wrapper .rate p { color: #5d5d5d; padding-top: 22px; display: block; text-align: center; }
		html body #wrapper .rate p span { font-weight: bold; }

		#wrapper .rate .current span { line-height: 19px; position: absolute; text-align: center; width: 100%; }
		#wrapper .rate { height: 45px; }
		#wrapper .rate p { position: absolute; text-align: center; width: 100%; }
		body#profileViewCar .mainContentFocus .box .rate p { padding-top: 22px; }
	/* @end */
	/* @group Ranking */
	.ranking { width: 185px; padding: 0 5px 0 29px; background: url(../images/rankingBoxGFX.jpg) no-repeat top left; }
		.ranking p { display: block; padding: 5px 0 0 0; text-align: center; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
		.ranking strong { display: block; text-align: center; font-size: 5em; letter-spacing: -0.05ex; font-family: Helvetica, Arial, sans-serif; }
		/* .ranking span { display: block; float: right; width: 54px; } */
		.ranking dl { padding-left: 135px; float: none; clear: both; }
			.ranking dl dd { line-height: 1.6em; font-size: 1.6em; font-weight: bold; font-family: Helvetica, Arial, sans-serif; }
			.ranking dl dt { line-height: 2em; text-align: right; width: 135px; margin-left: -145px; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
		.ranking a { text-decoration: none; border-bottom: 1px dotted #000; }
		.ranking a:hover { border-bottom: 1px solid #000; }
		.ranking strong a { display: block; }
		
		/* ranking in a contentList */
		.contentList .ranking { width: 135px; float: right; text-align: right; background: none; padding: 0; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
			.contentList .ranking em { display: block; font-size: 1.6em; font-weight: bold; font-style: normal; font-family: Helvetica, Arial, sans-serif; }
			.contentList .ranking strong { height: 34px; line-height: 34px; margin-left: 5px; padding-top: 3px; letter-spacing: normal; font-size: 1.6em; width: 50px; float: right; }
				.contentList .ranking strong.positive { background: url(../images/positiveArrow.gif) no-repeat 50% 50%; }
				.contentList .ranking strong.negative { background: url(../images/negativeArrow.gif) no-repeat 50% 50%; }				
	/* @end */
	/* @group Image Container */
	/* the standard way to display images in a patchwork like way. remember you have to set a width + 4px. due to the -4px margin. */
	.imageContainer { margin-left: -4px;  }
		.imageContainer a { margin: 0 0 4px 4px; width: 73px; height: 73px; display: inline; float: left; border-bottom: 3px solid #000; }
		.imageContainer a:hover { border-bottom: 3px solid #ffc71d; }
		.imageContainer .calloutButton, .imageContainer .calloutButton:hover { padding: 5px 45px 5px 15px; height: auto; width: 90px; border: none; }
	.imageContainer a#focusImage { border: 3px solid #ffc71d; height:70px; width: 70px; }
	
	.primary .imageContainer a {  }
	/* @end Image patchwork */
	/* @group Image And Info */
	/* much like the Image Container, only this has the option to display text width the image, and therefore also needs a rowshift defined */
	ul.imageAndInfo { margin-left: -4px; font-size: 1.1em; }
		ul.imageAndInfo li { text-align: center; float: left; width: 69px; margin-left: 4px; text-overflow: ellipsis; overflow: hidden; display: inline; }
			ul.imageAndInfo li.newRow { width: 219px; display: block; height: 8px; float: none; margin: 0; clear: both; }
			ul.imageAndInfo li a { display: block; }	
	/* @end */
	/* @group Controls */
	/* basically a pagination with a currently viewing and previous/next button */
	.controls { float: right; height: 2.2em; padding: 1.6em 0; display: block; }
		.controls.top { margin-bottom: 10px;}
		.controls .next, .controls .previous, .controls span, .controls .next_page, .controls .prev_page, .controls .last { color: #fff; padding: 0.5em 0.8em; float: left; background-color: #111; background-repeat: no-repeat; }
		.controls span strong { color: #ffc71d; }
			.controls .last, .controls .last_page { background-image: url(../images/button/arrowRight.gif); background-position: right 50%; padding-right: 1.8em; border-left: 1px solid #fff; margin-left: 20px; }
			.controls .next, .controls .next_page { background-image: url(../images/button/arrowRight.gif); background-position: right 50%; padding-right: 1.8em; border-left: 1px solid #fff; }
			.controls .previous, .controls .prev_page { background-image: url(../images/button/arrowLeft.gif); background-position: left 50%; padding-left: 1.8em; border-right: 1px solid #fff; }
		.controls .next:hover, .controls .previous:hover, .controls .next_page:hover, .controls .prev_page:hover, .controls .last:hover, .controls .last_page:hover { background-color: #333; }
	/* @end */
	
	/* @group Image Link */
	/* it's that little image that overlays some images and indicates that it's clickable. Optional text by adding .textual */
	a.imageLink { position: relative; float: left; }
	span.imageLink { position: absolute; bottom: 5px; right: 5px; display: block; width: 13px; height: 13px; text-indent: -9999px; background: #fff url("../images/arrows.gif") no-repeat 4px 50%; }
	span.imageLink.textual { background: #fff url("../images/arrowsBoxTextual.gif") no-repeat 50% 50%; width: 58px; text-indent: -9999px; }
	/* @end */

	/* @group Box */
	/* the standard random element container, if displayed in .mainContentFocus will wrap the h2 in a dark bar, and roundof the content with a grey bottom border. If displayed in #secondaryContent (the sidebar) it will be a dark box and you have to place the header right before the start */
	.box { display: block; float: left; padding: 8px; }		
	/* color difference when displayed on light background */
	.mainContentFocus .box { border: none; border-bottom: 2px solid #E0E0E0; display: block; float: left; padding: 0 0 2px 0; margin-bottom: 15px; }
	.mainContentFocus .box h2 { background: #3f3f3f url(../images/h2BG.gif) top left repeat-x; color: #fff; display: block; padding: 2px 8px; }
	#mainContent .box { width: 618px; }
	#mainContent .mainContentFocus .box { width: 634px; }

	#mainContent .mainContentFocus .primary .box { width: 400px; }
	#mainContent .mainContentFocus .secondary .box { width: 219px; }
	
	#secondaryContent .box { width: 284px; float: left; clear: both; margin-top: 10px; background: #252525; }
	/* @end */
	
	/* @group Tables */
	table { width: 100%; }
		table tr.alt td { background-color: #4f4f4f;}
		table tr td { padding: 3px 5px; color: #d2d2d2; }
			table tr td.value { text-align: right; }
		/* color difference when displayed on light background */
		.mainContentFocus table tr.alt td { background-color: #e0e0e0; }
		.mainContentFocus table tr td { color: #222; }
		
		/* table thead { font-size: 1.2em; } */
	/* @end Tables */
	/* @group Feed */
	/* A width needs to be set for the li per context (width minus 16 from the 2*8px padding). */
	.box.feed { padding: 0; }
	.box.feed ul li { display: block; clear: both; padding: 8px; float: left; }
	.box.feed ul li.alt { background: #f5f5f5; border: 1px solid #ddd; border-left: none; border-right: none; }
		.box.feed ul li p { font-size: 1.2em; }
		.box.feed ul li a { color: #555; display: block; }
		.box.feed ul li p a { color: #000; display: inline; line-height: 1.5em; border-bottom: 1px dotted #000; text-decoration: none; }
		.box.feed ul li p a:hover { border-bottom: 1px solid #000; }
		.box.feed ul li img { float: left; margin-right: 8px; display: inline; }
		.box.feed ul li .thumbs { float: right; width: 251px; text-align: left; padding: 4px 0; }
	/* @end Feed */
	/* @group Tabigation */
	/* tabigation can be used in the top of a .mainContentFocus area, and adds tabs to it. */
	/* if there is not a sourrounding 8px padding, please define a specific width and zero-down the margin on ul.tabigation */
		ul.tabigation { float: left; background-color: #d9d9d9; border-bottom: 1px solid #b2b2b2; width: 100%; padding: 12px 8px 0px 8px; margin: -8px -8px 8px -8px; display: inline; }
			ul.tabigation li { font-size: 1.4em; display: inline; padding-left: 5px; margin-right: 8px; float: left; background: #979797 url(../images/tabigation/left.gif) top left no-repeat; }
			ul.tabigation li a { display: block; padding: 4px 10px 4px 5px; background: #979797 url(../images/tabigation/right.gif) top right no-repeat; color: #fff; font-weight: normal; }
			ul.tabigation li.selected { position: relative; bottom: -1px; background: #fff url(../images/tabigation/left_selected.gif) top left no-repeat; }
					ul.tabigation li.selected a { color: #000; text-decoration: none; display: block; font-style: normal; padding: 4px 10px 4px 5px; font-weight: bold; background: #fff url(../images/tabigation/right_selected.gif) top right no-repeat; cursor: s-resize; }
			ul.tabigation li.sub { float: right; margin-right: 0; }	
			ul.tabigation li.disabled { background: #ececec url(../images/tabigation/left_disabled.gif) top left no-repeat; }
				ul.tabigation li.disabled span { display: block; cursor: default; color: #bdbdbd; padding: 4px 10px 4px 5px; background: #ececec url(../images/tabigation/right_disabled.gif) top right no-repeat; }
		/* @group Sub tabigation */
		.subTabigation { clear: both; background: url(../images/fadeup.gif) repeat-x bottom #fff; border-bottom: 1px solid #d7d7d7; margin: -8px -8px 8px -8px; width: 100%;  padding: 4px 8px; height: 21px; line-height: 21px; }
		.subTabigation a.option { font-size: 1.1em; float: right; display: inline; line-height: 21px; margin: 0 4px; }
			.buttonRowDescription { float: left; padding-right: 8px; font-size: 1.1em; }
			.subTabigation .buttonRow { display: inline; font-size: 1.1em; }
				.subTabigation .buttonRow li { margin-right: 8px; display: inline; float: right; height: 22px; background: url(../images/tabigation/sub_right_none.gif) right 50% no-repeat; }
					.subTabigation .buttonRow li a { padding: 0 16px; line-height: 22px; display: block; background: url(../images/tabigation/sub_left_none.gif) left 50% no-repeat; }
				.subTabigation .buttonRow li.selected { background: url(../images/tabigation/sub_right.gif) right 50%; }
					.subTabigation .buttonRow li.selected a { background: url(../images/tabigation/sub_left.gif) left 50% no-repeat; text-decoration: none; cursor: default; }
		/* @end */
	/* @end Insite Tabs */
	/* @group News Ticker */
	#newsTicker { padding: 2px 10px; font-size: 1.1em; clear: both; height: 2.4em; color: #eee; }
		#newsTicker a { line-height: 2em; padding: 0 4px; color: #fff; }
		#newsTicker a.icon.rss { float: left; padding: 0 8px 0 16px; }
		#newsTicker #newsTickerContainer { background: #333; width: 880px; float: right; position: relative; }
		#newsTicker #newsTickerContainer .fadeLeft { z-index: 5; position: absolute; left: 0; }
		#newsTicker #newsTickerContainer .fadeRight { z-index: 5; position: absolute; right: 0; }
			#newsTicker marquee { z-index: 10; width: 880px; }
			#newsTicker marquee em { color: #ffc71d; font-style: normal; }
	/* @end */
	/* @group contentList */
		/* the image width + width to the text defines the padding and margin */
		ul.contentList li { padding: 4px 0 4px 128px; float: left; display: block; clear: both; border-bottom: 1px solid #ccc; }
		ul.contentList li a img { margin-left: -128px; float: left; }
		ul.contentList li p { padding-top: 4px; }
		ul.contentList li strong { font-size: 1.2em; }
			ul.contentList li strong a { text-decoration: none; border-bottom: 1px dotted #000; }
			ul.contentList li strong a:hover { border-bottom: 1px solid #000; }

		ul.contentList li table { margin-top: 5px; width: 150px; }
			ul.contentList li table td, ul.contentList li table td a { color: #5d5d5d; }
		
		.mainContentFocus ul.contentList li { width: 506px; }
		.primary ul.contentList li { width: 268px; } /* content was spelled wrong, I just corrected it 16 October 13:47 SS. */
	/* @end */
	/* @group contentRow */
	ul.contentRow { width: 650px; margin-left: -8px;  }
		ul.contentRow li { float: left; width: 309px; margin: 8px 0 0 8px; display: inline; }
	
	ul.contentRow.three { width: 642px; clear: both; }
		ul.contentRow.three li { width: 206px; }
			ul.contentRow.three li ul li { width: auto; display: block; float: none; margin: 0; }

		ul.contentRow li strong { font-size: 1.2em; }
			ul.contentRow li strong a { text-decoration: none; border-bottom: 1px dotted #000; }
			ul.contentRow li strong a:hover { border-bottom: 1px solid #000; }
		
		ul.contentRow li em { background: #252525 url(../images/h2BG.gif) top left repeat-x; color: #fff; display: block; padding: 2px 8px;font-size: 1.4em; letter-spacing: -0.05em;  margin-bottom: 2px; text-transform: uppercase; font-style: normal; text-decoration: none; }
			ul.contentRow li em a { font-weight: normal; border-bottom: 1px dotted #fff; color: #fff; text-decoration: none; }
			ul.contentRow li em a:hover { border-bottom: 1px solid #fff; }
		
		ul.contentRow li p { padding: 5px 0; color: #333; }
		
		ul.contentRow li table { margin-top: 5px; width: 150px; }
			ul.contentRow li table td, ul.contentRow li table td a { color: #5d5d5d; }
			
		ul.contentRow li ul li { margin: inherit; }
	/* @end */
	/* @group Search box */
	/* appears on all pages top right, and lets the user search, either cars, aritcles og the market. */
	#secondaryContent .box.search { border: none; margin: 0 0 10px 0; padding: 8px; width: 284px; background: #fff url(../images/grungeLight.gif) -300px top no-repeat; color: #000; }
		#secondaryContent .box.search h3 { background: #3f3f3f url(../images/h2BG.gif) top left repeat-x; color: #fff; display: block; padding: 2px 8px; }
		#secondaryContent .box.search h3 a {  }
		#secondaryContent .box.search fieldset { padding: 0 0 10px 0; margin: 0; }
			#secondaryContent .box.search fieldset #q { width: 245px; background: url(../images/icon/search.gif) no-repeat 2px 50% #fff; padding-left: 15px; border: 2px inset; }
		#secondaryContent .box.search fieldset.inline { padding: 0; }
			#secondaryContent .box.search fieldset.inline input { font-size: 1em; height: 2.2em; } 
	/* @end */
	/* @group Admin tools */
	/* Car Admin */
	.adminTools li ul.linkList li, 
	  .adminTools #car_brand_shortcuts ul.linkList li, 
	  .adminTools #system_messages ul.linkList li { width: auto; padding: 0 0 0 15px; border: none; }
	.adminTools ul.reports li table { width: 200px; }
	.adminTools ul.reports li h3 { margin: 5px 0 0 5px; }
	.adminTools ul.reports li p { margin: 0 0 0 5px; }
	
	.mainContentFocus .adminTools ul.linkList li a.delete { font-size: 1.5em; color: #c00; text-decoration: none; font-family: Arial, Helvetica; }
	.mainContentFocus .adminTools ul.linkList li a.delete:hover { color: black; }
	
	.adminTools .car_model_form { clear: left; float: left; border: 1px solid #999; background: #ddd;  padding: 4px 10px; margin: 10px 0; }
	.adminTools ul.car_brands li { width: auto; padding: 4px 0 4px 0; }
	.adminTools ul.car_brands { display: block; float: left; margin-bottom: 10px; width: 475px; }
	.adminTools ul.car_brands select { width: 100px; }
	.adminTools #car_brand_shortcuts { width: 130px; float: right; }
	.adminTools fieldset label { padding-left: 150px; }
	
	/* @end */
	/* @group Tag cloud */
	.tagCloud { text-align: center; }
		.tagCloud a { padding: 0 5px; line-height: 1.5em; }
			.tagCloud a span { text-decoration: none; }
		.tagCloud a.level0 { font-size: 1.0em; color: #555; }
		.tagCloud a.level1 { font-size: 1.0em; color: #444; font-weight: bold; }
		.tagCloud a.level2 { font-size: 1.6em; color: #333; }
		.tagCloud a.level3 { font-size: 1.6em; color: #222; font-weight: bold; }
		.tagCloud a.level4 { font-size: 2.1em; color: #111; }
		.tagCloud a.level5 { font-size: 2.1em; color: #000; font-weight: bold; }
		.tagCloud a.level6 { font-size: 2.4em; color: #000; }
	
			.tagCloud a span { color: #999; font-size: .75em; }
	/* @end */
/* @end GUI Elements */
/* @group Sidebar elements */
	.forum { float: left; margin-top: 10px; clear: both; }
		.forum .header { background: url(../images/theme/forumHeader.jpg) no-repeat top left; color: #fff; padding: 4px 8px; border-top: 1px solid #fff; }
	.events { float: left; margin-top: 10px; }
		.events .header { background: url(../images/theme/eventsHeader.jpg) no-repeat top left; color: #fff; padding: 4px 8px; border-top: 1px solid #fff; }
	a.rimGuide { clear: both; float: left; width: 298px; height: 171px; overflow: hidden; margin-top: 10px; display: block; border: 1px solid #aaa; }
/* @end */
/* @group Fat footer */
#fatFooter { color: #fff; width: 960px; clear: both; margin: 0 10px 10px; float: left; display: inline; background: url(../images/fatFooterBG.gif) top repeat-y; }
	#fatFooter .ffCars { width: 255px; float: left; padding: 0 16px 16px; margin-right: 10px; }
		#fatFooter .ffCars .contentList li { margin-bottom: 0; }
	#fatFooter .ffArticles { width: 202px; float: left; padding: 0 16px 16px; margin-right: 10px; }
		#fatFooter .ffArticles .contentList li { width: 202px; }
	#fatFooter .ffMarket { width: 387px; float: right; padding: 0 16px 16px; }
		#fatFooter .ffMarket .classified { float: right; }
		#fatFooter .ffMarket .menu { float: left; width: 189px; }
			#fatFooter .ffMarket .menu .linkList li a { color: #fff; border: none; text-decoration: underline; }
				#fatFooter .ffMarket .menu .linkList li a:hover { text-decoration: none; }
			#fatFooter .ffMarket .menu strong a { padding-top: 8px; display: block; clear: both; color: #ffc71d; border-bottom: 1px dotted #ffc71d; text-decoration: none; }
				#fatFooter .ffMarket .menu strong a:hover { border-bottom: 1px solid #ffc71d; }	
	#fatFooter .contentList li { padding: 0; border: none; margin-bottom: 15px; }
	#fatFooter .contentList li strong a { color: #ffc71d; border-color: #ffc71d; }
	#fatFooter .contentList li em { background: #252525 url(../images/h2BG.gif) top left repeat-x; color: #fff; display: block; padding: 2px 8px;font-size: 1.4em; letter-spacing: -0.05em;  margin-bottom: 2px; text-transform: uppercase; font-style: normal; text-decoration: none; }
		#fatFooter .contentList li em a { font-weight: normal; border-bottom: 1px dotted #fff; color: #fff; text-decoration: none; }
		#fatFooter .contentList li em a:hover { border-bottom: 1px solid #fff; }
	#fatFooter .contentList li p { color: #ccc; }
		#fatFooter .contentList li p a { color: #fff; }
	#fatFooter .contentList li a img { margin: 0 0 3px 0; }

	#fatFooter .linkList { color: #aaa; }
		#fatFooter .linkList a { color: #ffc71d; text-decoration: none; border-bottom: 1px dotted #ffc71d; }
		#fatFooter .linkList a:hover { border-bottom: 1px solid #ffc71d; }
	#fatFooter .imageAndInfo li { width: 82px; }
	
	#fatFooter h4 { font-size: 1.6em; padding-top: 16px; color: #666; border-bottom: 2px solid #666; text-transform: uppercase; margin-bottom: 2px; clear: both; }
		
	#fatFooter a { color: #fff; }
	#fatFooter a.button { margin-bottom: 16px; }
/* @end */

/* @group Views */
/* @group Frontpage view */
#news.mainContentFocus { }
	#news.mainContentFocus .primary { float: left; width: 450px; }
		#news.mainContentFocus .mainStory h1 a { text-decoration: none; border-bottom: 1px dotted #000; }
		#news.mainContentFocus .mainStory h1 a:hover { border-bottom: 1px solid #000; }
		#news.mainContentFocus .mainStory p { padding: 5px 0; color: #333; }
		#news.mainContentFocus .mainStory em { background: #252525 url(../images/h2BG.gif) top left repeat-x; color: #fff; display: block; padding: 2px 8px;font-size: 1.4em; letter-spacing: -0.05em;  margin-bottom: 2px; text-transform: uppercase; font-style: normal; text-decoration: none; }
			#news.mainContentFocus .mainStory em a { font-weight: normal; border-bottom: 1px dotted #fff; color: #fff; text-decoration: none; }
			#news.mainContentFocus .mainStory em a:hover { border-bottom: 1px solid #fff; }

		#news.mainContentFocus .primary ul.contentRow { width: 458px; margin-left: -8px; margin-top: 8px;}
			#news.mainContentFocus .primary ul.contentRow li { width: 221px; margin-left: 8px; }
			#frontpageView #news.mainContentFocus .primary ul.contentRow li { margin-left:8px; width:144px; }
	#news.mainContentFocus .secondary { float: right; width: 175px; }
		#news.mainContentFocus .secondary .box { width: 175px; }

#frontpageView #carProfiles.mainContentFocus.grunge { border-top: 16px solid #414141; }
	#carProfiles.mainContentFocus .header, .carProfiles.header { background: #ffc71d/* url(../images/theme/carProfilesHeader.jpg) top left no-repeat*/; float: left; width: 100%; padding: 4px 8px; margin: -8px -8px 8px -8px; color: #fff; display: inline; border-top: 1px solid #fff; }
		#carProfiles.mainContentFocus .header a, .carProfiles.header a { color: #fff; }
	#carProfiles.mainContentFocus .primary { float: left; width: 421px; }
		#carProfiles.mainContentFocus .primary .box { width: 421px; }
		#carProfiles.mainContentFocus .primary .contentRow { margin-left: -8px; width: 429px; clear: both; }
		#carProfiles.mainContentFocus .primary .contentRow li { width: 76px; margin: 4px 0 4px 8px; }
		#carProfiles.mainContentFocus .primary .contentList.climbers li { padding-left: 68px; width: 353px; }
		#carProfiles.mainContentFocus .primary .contentList.climbers li img { margin-left: -68px; }	
	#carProfiles.mainContentFocus .secondary { float: right; width: 203px; }
		#carProfiles.mainContentFocus .secondary .box { width: 203px;}
		#carProfiles.mainContentFocus .secondary .ranking { padding: 0 5px 0 13px; clear: both; margin-bottom: 15px; float: left; }
		#carProfiles.mainContentFocus .secondary .ranking strong { font-size: 2.3em; }
		#carProfiles.mainContentFocus .secondary fieldset.inline { padding: 5px 0; }
			#carProfiles.mainContentFocus .secondary fieldset.inline label { padding: 0 5px 0 1px; }

#frontpageView #articles.mainContentFocus { border-top: 16px solid #414141; }
	#articles.mainContentFocus .header, .header.articles { background: #98d21a/* url(../images/theme/editorialHeader.jpg) top left no-repeat*/; float: left; width: 100%; padding: 4px 8px; margin: -8px -8px 8px -8px; color: #fff; display: inline; border-top: 1px solid #fff; }

#frontpageView #market.mainContentFocus { border-top: 16px solid #414141; }
	#market.mainContentFocus .header, .header.market { background: #1a8bd2/* url(../images/theme/marketHeader.jpg) top left no-repeat*/; float: left; width: 100%; padding: 4px 8px; margin: -8px -8px 8px -8px; color: #fff; display: inline; border-top: 1px solid #fff; }
		#market.mainContentFocus .header a, .market.header a { color: #fff; }
	#market.mainContentFocus .primary { width: 370px; }
		#market.mainContentFocus .primary .box { width: 370px; }
		#market.mainContentFocus .primary .classified { float: left; }
		#market.mainContentFocus .primary .partOne, #market.mainContentFocus .primary .partTwo { width: 180px; }
			#market.mainContentFocus .primary .partOne .box, #market.mainContentFocus .primary .partTwo .box { width: 180px; }
			#market.mainContentFocus .primary ul.contentList li { width: 238px; }
	#market.mainContentFocus .secondary { width: 250px; }
		#market.mainContentFocus .secondary .box { width: 250px; }
	
	#market.mainContentFocus .contentRow.three li h2 { background: #3f3f3f url(../images/h2BG.gif) top left repeat-x; color: #fff; display: block; padding: 2px 8px; }
#market.mainContentFocus .contentRow { clear: both; }
	#market.mainContentFocus .contentRow .box { width: 206px; }
	
#mobileSubmitted{margin-top: 20px;}
#mobileSubmitted h2 { 
	background:#252525 url(../images/h2BG.gif) repeat-x scroll left top;
	color:#FFFFFF;
	display:block;
	font-size:1.4em;
	font-style:normal;
	letter-spacing:-0.05em;
	margin-bottom:2px;
	padding:2px 8px;
	text-decoration:none;
	text-transform:uppercase; 
	}
#mobileSubmitted ul{ float: left; margin-bottom: 10px; width:100%; background: url(../images/vmax_mobile_bg.gif) no-repeat bottom left; padding-bottom: 50px; }
#mobileSubmitted ul li{ float:left; padding: 0 7px 0 0; position: relative; width: 98px; height: 73px;}
#mobileSubmitted ul li img { clip:rect(0px 98px 73px 0px); position: absolute; top: 0px; left: 0px;}
#mobileSubmitted a.calloutButton{ float: left; width: 90%; }
/* @end */
/* @group Mobile view */
#mobileView .mainContentFocus{ padding:8px 0 0 8px; }
#mobileView ul.mobileContentList { width: 100%; }
#mobileView ul.mobileContentList li{ width: 140px; height: 170px; overflow: hidden; float: left; padding:0 15px 0 0; }
#mobileView ul.mobileContentList li p{ height:44px; overflow:hidden; }
/* @end */
/* @group Profile view */
	/* @group Personal profile page */
	body#profileView .mainContentFocus img.profileImage { float: left; margin-right: 8px; }
	body#profileView .mainContentFocus .notify { clear: both; text-align: left; }
	
	body#profileView .mainContentMain { width: 400px; float: right; }

	body#profileView .mainContentMain .box.feed { width: 384px; }
	body#profileView .mainContentSidebar { float: left; width: 240px; }
			body#profileView .mainContentSidebar .content { float: right; width: 224px; padding: 8px; }
	
	body#profileView .car { clear: both; float: left; margin-bottom: 8px; display: inline; }
		body#profileView .car img { float: left; margin-right: 8px; }
		body#profileView .car strong { font-weight: normal; font-size: 1.2em; }
		body#profileView .car .linkList { width: 140px; float: left; clear: none; }

	body#profileView .box.feed ul li { width: 384px; }
	body#profileView .ranking { float: right; }
	
	body#profileView .mainContentFocus .primary { float: left; margin-top: 8px; }
	body#profileView .mainContentFocus .secondary { float: right; margin-top: 8px; }
	
	#wrapper .box.car h2 a { float: none; color: #fff; border-bottom: 1px dotted #fff; text-transform: uppercase; font-size: 1em; font-weight: normal; padding: 0; }
	#wrapper .box.car h2 a:hover { border-bottom: 1px solid #fff; }
	/* @end */
	/* @group Friends search list */
		ul.profileList { margin-left: -23px; width: 734px; }
		ul.profileList li { margin: 23px 0 0 46px; float: left; width: 80px; }

		ul.profileList li span { font-size: 1.1em; }
			ul.profileList li span a { display: block; text-align: center; width: 80px; }
		
		ul.profileLetterList { margin: 20px auto; width: 85%; }
		ul.profileLetterList li { display: block; float: left; }
			ul.profileLetterList li a { margin: 0 4px; font-size: 1.5em; width: 15px; display: block; text-align: center; }
				
		.profileFilter fieldset label { padding-left: 90px; }
		.profileFilter fieldset select { width: 80px;}
		.profileFilter fieldset input.submit { width: 50px; }
		
		.friends p, .favorite_cars p { margin: 10px 0; }
	/* @end */

	/* @group Car profile page */
	/* for version 1
		body#profileViewCar .mainContentFocus .profileImage { float: left; }
		body#profileViewCar .mainContentFocus .imageContainer { width: 154px; float: right; }
		body#profileViewCar .mainContentFocus .imageContainer #galleryCallout { width: 151px; height: 55px; background: #272727;  }
		
		body#profileViewCar #carData { float: left; width: 475px; margin: 8px 0 0; }
		
		body#profileViewCar .mainContentFocus .box table { width: 216px; }
		body#profileViewCar .mainContentFocus .box p { padding: 5px 0; }
		body#profileViewCar .mainContentFocus .box .images { float: right; padding-left: 8px; width: 173px; }
		body#profileViewCar .mainContentFocus .box .images a.imageLink { margin-bottom: 4px; }
			body#profileViewCar .mainContentFocus .box .images .imageContainer a.imageLink { float: left; width: 55px; height: 55px; }
			body#profileViewCar .mainContentFocus .box .images .imageContainer { width: 177px; }
			body#profileViewCar .mainContentFocus .box h4 { clear: both; }
		
		body#profileViewCar .ranking { margin-top: 15px; }
		body#profileViewCar .mainContentFocus .primary { float: left; }
		body#profileViewCar .mainContentFocus .secondary { float: right; } */
		
		body#profileViewCar .mainContentFocus h4 { clear: both; }
		body#profileViewCar .mainCotnentFocus .secondary table,
		body#profileViewCar .mainContentFocus .ranking { margin-bottom: 15px; }
		body#profileViewCar .mainContentFocus .imageContainer { clear: both; padding-top: 4px; }
			body#profileViewCar .mainContentFocus .imageContainer .calloutButton { height: 66px; width: 109px; }

		body#profileViewCar .mainContentFocus .box table { /* width: 216px; */ }
			body#profileViewCar .mainContentFocus .box table .value { text-align: left; width: 300px; }
		body#profileViewCar .mainContentFocus .box p { padding: 5px 0; }
		body#profileViewCar .mainContentFocus .box .images { visibility: hidden; display: none; float: right; padding-left: 8px; width: 173px; }
		body#profileViewCar .mainContentFocus .box .images a.imageLink { margin-bottom: 4px; }
			body#profileViewCar .mainContentFocus .box .images .imageContainer a.imageLink { float: left; width: 55px; height: 55px; }
			body#profileViewCar .mainContentFocus .box .images .imageContainer { width: 177px; }
		
		.profileOptions { float: right; display: block; width: 225px; margin-top: 25px;}
		.uploadProfileImage fieldset label { padding-left: 200px; }
		
		.myProfile { padding-left: 80px; display: block; clear: both; }
			.myProfile ul { clear: none; }
			.myProfile a img { margin-left: -80px; float: left }
		
		.percentDone p { font-size: 1.20em; letter-spacing: -0.05em; font-weight: normal; margin-bottom: 2px; text-transform: uppercase; }
		.percentDone p strong.big_percent { display: block; font-size: 1.4em; }
		
		#wrapper .friendsList h3 a { color: black; border-color: black; float: left; }
	/* @end */
	/* @group Percent Done */
	.percentDone { width: 134px; padding-left: 85px; position: relative; height: 100px; background: url(../images/percentDone-empty.gif) left top no-repeat; }
		.percentDone .meter { float: left; bottom: 0; position: absolute; left: 0; width: 75px; text-align: center; background: url(../images/percentDone-full.gif) left bottom no-repeat; }
			.percentDone em { display: block; width: 75px; text-align: center; font-style: normal; font-size: 2em; letter-spacing: -0.05ex; font-family: Helvetica, Arial, sans-serif; position: absolute; top: 0; left: 0; line-height: 100px; }
	
		.percentDone p { margin-top: 8px; font-size: 1.1em;} 
	/* @end */

/* @end Profile page */
/* @group Gallery view */
	.focusImage { width: 632px; padding: 4px 0; text-decoration: none; float: left; display: block; margin: 8px 0; border: 1px solid #ccc; border-left: none; border-right: none; }
		.focusImage p { font-weight: normal; margin: 4px 0; }
		.focusImage .icon.tag { float: right; margin: 4px 0 4px 8px; width: 250px; }
	
	body#galleryView .focusImage .bodyText { margin-top: 0; float: right; width: 154px; }
	body#galleryView .focusImage a img { float: left; }
	body#galleryView .controls { padding: 0; height: 2.3em; }
	body#galleryView a.button { float: right; clear: right; margin: 8px 13px 0 0; }
/* @end */
/* @group Friendslist view */
	.friendsList {
	float: left;
	width: 549px;
	margin-top: 10px;
	padding: 0 0 15px 85px;
	border-bottom: 1px solid #ccc; }
	.friendsList.last {padding-bottom: 11px; background-image: none;}
	.friendsList.notify { margin: 0 0 10px; padding-top: 10px; position: relative; background-color: #fff2c0; border: 0;}
	.friendsList.notify.last {margin: 0;}
	
	.friendsList h2 { text-align: left; }
	
	.profilePic {float: left; margin: 0 10px 0 -75px;}
	.friendsList em {font-style:normal; font-size: 1.1em;}
	.friendsList .profileStatus {color:#939393; display: block;}
	
	.friendsList ul,
	.friendsList li,
	.friendsList li a {float: left; list-style: none;}

	.friendsList ul {margin-top: 10px; width: 520px; font-size: 1.1em; }
		.friendsList li {background-repeat: no-repeat; padding: 3px 20px; }
			.friendsList.notify li {margin-left: 0; text-align: left; }
	
	.moreCars { margin-top: 20px; clear: left; }
	#mainContent .mainContentFocus .carlistContainer { width: 200px; display: block; float: left; margin-right: 8px; }
	#mainContent .mainContentFocus .carlistContainer .box { width: 200px; }

	/* Favorite cars */
	body#profileView ul.favoritecarList li.car { float: left; width: 150px; clear: none; display: block; text-align: center; }
		body#profileView ul.favoritecarList li.car img { float: none; padding-bottom: 5px; margin: 0 auto;}
		body#profileView ul.favoritecarList li.car a { line-height :1.4em; display: block; }

/* @end */

/* @group Article view */
#articleView .primary { width: 440px; }
	.author { float: right; padding: 2px; display: inline; margin: 8px; font-size: 0.9em; width: 140px; background: #f5f5f5; }
		.author img { float: left; margin-right: 5px; display: inline;}
	.factBox { clear: both; border-top: 1px solid #ccc; margin-top: 15px; padding: 8px 0; }
		.factBox strong { display: block; margin-top: 8px; text-transform: uppercase; }
		#articleView .relatedPositioner { float: right; height: 11em; clear: both; }
		#articleView .relatedArticles { float: right; width: 220px; padding: 1.6em 0.5em; margin: 2.4em 0 1em 3ex; clear: right; border: 1px solid #ccc; border-left: none; border-right: none; }
		
#articleView .secondary { width: 180px; }
	#articleView .imageContainer a { width: 180px; height: 74px; }
	#articleView .imageContainer a.calloutButton { width: 120px; height: auto; }
	#articleView #mainContent .mainContentFocus .secondary .box { width: 180px; }
/* @end */
/* @group Blog view */
	body#blogView .mainContentFocus { padding-bottom: 24px; border-bottom: 1px solid #ccc; }
	body#blogView .primary { }
/* @end */
/* @group The list view */
	.tabigation li.sub.search { font-size: 1em; background: none; }
	.owner { float: right; }
	.secondaryList { float: right; width: 200px; }
		.carType { margin: 4px 0 0 -4px; width: 204px; }
			.carType span { margin-left: 4px; display: inline; float: left; width: 54px; background: #e5e5e5; padding: 2px 5px; text-align: center; color: #fff; }
			.carType span.in { background: #929292; }
	
	#listView .subTabigation select { font-size: 1em; } 
		#listView .subTabigation fieldset.inline { float: right; padding: 0; width: 220px; text-align: right; }
		
	#carView .toplistContainer { clear: both; margin: 5px auto; }
	#carView .toplistContainer.twoThirdsCentered { width: 425px; }

/* @end*/
/* @group Classified view */
#classifiedView .column { float: left; width: 120px; margin-right: 8px; }
#classifiedView .mainContentFocus.advertiser { }
	#classifiedView .mainContentFocus.advertiser iframe { }
	#classifiedView .mainContentFocus.advertiser .primary { float: left; }
	#classifiedView .mainContentFocus.advertiser .secondary { float: right; }
	#classifiedView .advertiser div.textAds p { margin-bottom: 15px; }
	
	#classifiedView table td { padding: 5px; }
	#classifiedView table a { font-size: 1.2em; text-decoration: none; border-bottom: 1px dotted #000; }
	#classifiedView table a:hover { border-bottom: 1px solid #000; }
	
	#classifiedView ul.contentRow ul.linkList, #market ul.contentRow ul.linkList { margin-bottom: 2em; }
		#market ul.contentRow ul.linkList a.advertiser { font-size: 1.1em; }
		#market ul.contentRow ul.linkList p.external_link a {  }
		#market ul.contentRow ul.linkList p.external_link { color: #666; font-size: 0.8em; margin-bottom: 5px; }
	#market ul.contentList.advertisers { margin-top: 10px; }
		#market ul.contentList li.box p { padding-left: 10px; color: #222; }
			#market ul.contentList li.box p.external_link a { color: #666; }
			#market ul.contentList li.box p.external_link { color: #666; font-size: 0.8em; margin-bottom: 2px; }
			#market ul.contentList li.box p.tags a { color: #444; }
	
	#classifiedView div.selected { background: #666; border-top: 4px solid #252525; border-bottom: 4px solid #252525; }
		#classifiedView #secondaryContent div li.selected { background: #666; padding-bottom: 5px; margin: 5px 0 2px 0; }
			#classifiedView #secondaryContent div.selected li.selected { background: #222; padding-bottom: 5px; margin: 5px 0 2px 0; }

	#classifiedView ul.usedCarsParams li { float: left; display: block; width: 205px; margin: .5em 0 .5em .5em; }
	span.camera { padding-left: 20px; }
/* @end */
/* @group Carfocus view */
.carFocus { width: 100%; padding-bottom: 8px; float: left; border-bottom: 1px solid #ccc; }
	.carFocus h1 a { text-decoration: none; border-bottom: 1px dotted #000; }
	.carfocus h1 a:hover { border-bottom: 1px solid #000; }
	.carFocus .secondary .carType { width: 219px; }
		.carFocus .secondary .carType span { width: 59px; }

#terms { border: 1px solid #ccc; padding: 4px 10px; width: 500px; margin: 0 auto; }

#secondaryContent .imagigation { margin: 0 0 10px 0; }
	#secondaryContent .imagigation .imageContainer a { height: 63px; width: 91px;}
	#secondaryContent .imagigation .imageContainer a#focusImage { height: 60px; width: 87px; }

/* @end */
/* @group Competition view */
	body#competitionView .primary { width: 634px;}
/* @end */
/* @group FullPage view */
	#fullPageView #mainContent { width: 980px; }
	#fullPageView #mainContent .mainContentFocus { width: 944px; }
/* @end */
/* @group Signup view */
.focusCallout { width: 250px; margin: 15px auto; display: block; } 
#focusView.signup .partTwo { width: 315px; }
#focusView.signup .partOne { width: 315px; }

/* @group Car edit */
body#carEditView h1 { margin-bottom: 10px; }

body#carEditView fieldset label { padding-left: 180px; }
body#carEditView fieldset label span.labelText { margin-left: -180px; width: 170px; }
body#carEditView fieldset #delete_label { padding-left: 275px; }
	body#carEditView fieldset #delete_label a { }

body#carEditView  ul.galleryImages label { float: left; clear: none; padding-left: 100px; }

ul.galleryImages li { padding-left: 180px; display: block; clear: both; }
ul.galleryImages li.alt { background: #f5f5f5; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
	ul.galleryImages li img { margin-left: -180px; float: left; }
	ul.galleryImages li span.actions { margin-left: -180px; margin-top: 125px; position: relative; float: left; display: block; }
		ul.galleryImages li span.actions a { color: #c00; }

.tags ul { list-style: none; padding: 0 0 0 100px; margin: 0; clear: left; }
.tags ul li { font-size: 1.2em; margin: 0 5px 0 0; padding: 5px 7px; line-height: 12px; background-color: #e5e5e5; border: 1px solid #d0d0d0; float: left; clear: none; }
.mainContentFocus .box .tags a.delete, .mainContentFocus .box .tags a.delete_tag { font-size: 1.5em; color: #c00; text-decoration: none; font-family: Arial, Helvetica; }
.mainContentFocus .box .tags a.delete:hover, .mainContentFocus .box .tags a.delete_tag:hover { color: black; }
.tags input.tag_button { width: 75px;}

/* @end */
/* @end */
/* @group Submitted Content */
#submitted_contentView .mainContentFocus .secondary { width: 150px; margin-top: 40px; }
	#submitted_contentView .mainContentFocus .secondary ul.contentList li { width: auto; }
#submitted_contentView .mainContentFocus .primary { width: 450px; float: left; }
	#submitted_contentView .mainContentFocus .primary p.description { margin: 1em 0;}
	#viewer { width: 450px; margin: 2em auto; }
	#submitted_contentView .adminFunctions { margin: 1em auto; width: 450px; }
		#submitted_contentView .adminFunctions span { margin: 0 1em 0 0;}
		#submitted_contentView #loadMessage { background: white; border:3px solid #D6D6D6; font-size:1.4em; left:200px; margin:75px 0; padding:60px 0; position:absolute; text-align:center; width:300px; }
		#submitted_contentView fieldset.text label { padding-left: 180px; }
/* @end */
/* @group Search */
#carProfiles .subTabigation fieldset.search { float: right; padding: 0; }

#sidebar_used_car_selectors select { width: 130px; font-size: 1em; }
#secondaryContent .box.search #sidebar_used_car_selectors fieldset.inline { padding-bottom: 5px; }
#sidebar_used_car_selectors input { vertical-align: bottom; }
#sidebar_used_car_selectors input.button { float: right; }
#sidebar_used_car_selectors img.bilbasenLogo { float: left; }

#used_cars.mainContentFocus .primary { float: left; }
#used_cars.mainContentFocus .secondary { float: right; }

#secondaryContent .box.search.usedCars { margin: 10px 0 0 0; }

.carListContainer { clear: both; }
table.carList th { text-align: left; }
table.carList td.title span.hint { color: #b0b0b0; font-size: .9em; padding-left: .5em; }

#showUsedCarView table { width: 470px; float: right; }
#showUsedCarView img.mainUsedCarPicture { float: left; }
#showUsedCarView span.price { font-size: 2.5em; font-weight: bold; float: right; padding: .5em 0 0 0; }
#showUsedCarView p.carText { font-size: 1.15em; }
img.bilbasenLogo { float: right; }
/* @end */
/* @end */

/* @group Form and Input */
	label { display: block; font-size: 1.1em; }
	input { padding: 2px 4px; font-size: 1.1em; }
	select { width: 162px; }
	textarea { width: 300px; height: 90px; }
	textarea.small { width: 300px; height: 45px; }

	#carEditView textarea { margin: 5px 0;}
	#carEditView input[type="text"] { margin: 5px 0;}

	.rememberMeField { display: inline; vertical-align: middle; line-height: 2.3em; width: 25px !important; }

	/*fieldset { padding: 5px; }
	fieldset label { padding-left: 275px; clear: both; margin: 8px 0; } REMOVED IN FAVOR OF GENERIC BENFORM.CSS STYLING */
	#profileView fieldset { padding: 5px; }
	#profileView fieldset label { padding-left: 275px; clear: both; margin: 8px 0; }
	
	#profileView .profileFilter fieldset label {padding-left: 0;}
	#profileView .profileFilter fieldset span.labelText {float: none; margin: 0;}
	
	#secondaryContent fieldset label { display: inline; padding: 0 8px 0 3px;}

	fieldset.text input { width: 150px; }
		fieldset span.labelText { margin-left: -200px; display: inline; padding: 4px 0; width: 190px; float: left; text-align: right; } 
		fieldset span.formValue {  }
		fieldset input { position: relative; }

	fieldset.inline { }
		fieldset.inline label { padding: 0 8px 0 3px; display: inline;}
		fieldset.inline input { }
		fieldset.inline.search { background: none; }
			.subTabigation .inline.search { width: 200px;  }
	
	fieldset.checkbox { padding-left: 275px; }
		fieldset.checkbox label { padding-left: 280px; display: inline; margin-right: 15px;}	
		#wrapper fieldset.checkbox .options { margin: 0; }
		fieldset.alt { background: #f5f5f5; border: 1px solid #ddd; border-left: none; border-right: none; }
	
	fieldset.radios { }
		fieldset.radios input { width: auto; }
		fieldset.radios ul li { height: 2em; line-height: 2em; }
		fieldset.radios p { margin-left: 180px; margin-bottom: 5px;  }
	
	fieldset.submit { text-align: center; }
		fieldset.submit input { width: auto; }
	
	input.search { background: url(../images/icon/search.gif) no-repeat 2px 50% #fff; padding-left: 15px; width: 135px; }
	input.passwordText { background: url(../images/passwordBG.gif) no-repeat 5px 50% #fff; }
	
	#wrapper fieldset .options { margin-left: 180px; }
	#wrapper fieldset .options.notify { margin-right: 180px; text-align: left; }
	#wrapper fieldset .options label { display: inline; padding: 0; margin-right: 15px; }
	
	#car_car_brand_id, #car_car_model_id, #sidebar_car_car_brand_id, #sidebar_car_car_model_id { width: 110px; font-size: 1em; }
	#car_year_from, #car_year_to { width: 60px; font-size: 1em; }

	fieldset span.formValue { padding: 4px 0; font-weight: bold; float: left;}
	fieldset span.hint { color: #999; display: block; }
	fieldset div.options input { vertical-align: bottom; width: auto; }
	fieldset div.options label { vertical-align: bottom; }
	
	fieldset span.dateFields select { width: auto; }
	fieldset input.postal_code { width: 32px; }
	fieldset input.city { width: 100px; }
	
	fieldset .fieldWithErrors span.labelText { color: #c00; }
	fieldset .fieldWithErrors input { border: 2px solid #c00; }
	
	/* @group benForm */
	#benForm h3 {
		margin: .4em 0;
		color: #ff9101;
		font-size: 1.4em; font-weight: bold;
		letter-spacing: -.05em;
		text-transform: none;
		}

	#benForm fieldset {border-color: #b1b1b1;}

	#benForm fieldset#benFormOptions {
		float: left;
		width: 609px;
		padding: 10px 25px 0 0;
		background: url(../images/grungeLight.gif) no-repeat right top;
		border-style: solid; border-width: 1px 0;
		}
		#benFormOptions input {margin: 0 0 10px; vertical-align: top;}
		#benFormOptions label {margin: 0 10px 10px 5px;}
	
	#benForm fieldset {width: 27.5%;}
	
	#benForm .benFormTerms {color: #888; font-size: 1em; line-height: 1.5em;}
	
	#benForm fieldset.benFormAcceptSubmit button { /* Piggybacking off styles below */
		margin: 0 125px 0 0; padding: 5px 10px;
		background: #3e3e3e;
		float: right;
		font-size: 1.6em;
		text-shadow: 2px 2px 3px #414141;
		color: #fff;
		}
	#benForm fieldset.benFormAcceptSubmit button:hover {color: #ffc71d;}
	/* @end */

	/* @group Buttons */
	.buttons a, .buttons button, #benForm button {
		display:block;
		float:left;
		margin:0 7px 0 0;
		background-color:#f5f5f5;
		border:1px solid #dedede;
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		
		font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		font-size:100%;
		line-height:130%;
		text-decoration:none;
		font-weight:bold;
		color:#565656;
		cursor:pointer;
		padding:5px 10px 6px 7px; /* Links */ }

	.buttons button,
	#benForm button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
	.buttons button[type],
	#benForm button { padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
	*:first-child+html button[type] { padding:4px 10px 3px 7px; /* IE7 */ }
	.buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }
	
	#wrapper a.button.left { background: #3e3e3e url(../images/button/standardButtonLeft.png) top left; float: left; padding: 0 8px 0 14px; }
	#wrapper a.button.left:hover { background-position: bottom left; }
	/* @end */
/* @end Form and Input */

/* @group Icons */
.icon { padding-left: 18px; line-height: 16px; background-position: left 50%; background-repeat: no-repeat; }
	.icon.tag { background-image: url(../images/icon/tag_blue.gif); }
	.icon.edit { background-image: url(../images/icon/wrench.png); }
	.icon.lightbulbOn { background-image: url(../images/icon/lightbulbOn.gif); }
	.icon.lightbulbOff { background-image: url(../images/icon/lightbulbOff.gif); }
	.icon.user { background-image: url(../images/icon/user.png); }
	.icon.userGroup { background-image: url(../images/icon/user_group.png); }
	.icon.delete { background-image: url(../images/icon/delete.gif); }
	.icon.sendMessage { background-image: url(../images/icon/sendMail.gif); }
	.icon.message { background-image: url(../images/icon/mail.gif); }
	.icon.stop { background-image: url(../images/icon/stop.gif); }
	.icon.car { background-image: url(../images/icon/car.png); }
	.icon.cog { background-image: url(../images/icon/cog.png); }
	.icon.rss { background-image: url(../images/icon/rss.gif); }
	.icon.radar { background-image: url(../images/icon/radar.png); }
	.icon.home { background-image: url(../images/icon/home.png); }
	.icon.search { background-image: url(../images/icon/search.gif); }
	.icon.camera { background-image:url(../images/icon/camera.gif); }	
	.icon.comment { background-image: url(../images/icon/comment_reply.gif); }
	.icon.commentEdit { background-image: url(../images/icon/comment_reply.gif); }
	.icon.commentDelete { background-image: url(../images/icon/comment_reply.gif); }
	.icon.report { background-image: url(../images/icon/comment_reply.gif); }

/* @end */
/* @group Forum */
	/* @group Forum fragment */
	.forum { background-color: #fff; padding: 8px; }
	ul.forumList { }
		ul.forumList li { clear: left; padding-top: 5px; }
			ul.forumList li a.subHeading { text-decoration: none; border-bottom: 1px dotted #000; font-size: 1.2em; }
				ul.oforumList li a.subHeading:hover { border-bottom: 1px solid #000; }
			ul.forumList li span.metaInfo { display: block; padding-top: 3px; color: #888; }
				ul.forumList li span.metaInfo a { color: #888; }
			ul.forumList li a img { float: left; margin-right: 5px; }
	#secondaryContent .forum { margin-top: 10px; color: #000; width: 284px; }
	
	.forum h3 { background: #3f3f3f url(../images/h2BG.gif) top left repeat-x; color: #fff; display: block; padding: 2px 8px; }
	/* @end */
	
	/* @group Personal Messaging */
	.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; }
	
	#inboxView table, #outboxView table { margin-bottom:10px; width: 100%; clear: both; }
		#inboxView tr *, #outboxView tr * { color:#666; }
		#inboxView tr td a, #outboxView tr td a { text-decoration: none; border-bottom: 1px dotted #666; }
			#inboxView tr td a:hover, #outboxView tr td a:hover { border-bottom: 1px solid #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 4px; height:2.5em; vertical-align: middle; }
			#outboxView tr td.sent { width:15%; }
			#inboxView tr td.received { width:15%; 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; font-size: 1.2em; }
			#inboxView tr td.functions { border-left:1px solid #EFEFEF; }
			#inboxView tr td.functions a { float:left; white-space:nowrap; outline:0; }
	#inboxView .pagination, #outboxView .pagination { text-align:right; }
	/* @end */
	
	/* @group Forum frontpage */
	p#forumBreadcrumb { margin: 0 0 10px; text-align: left; }
	
	#forumView table { line-height:1.3em; margin-top:10px; padding:1px; width:630px; }
		#forumView table td{ padding:3px; vertical-align:top;	}
		#forumView table th.forumTitle{ width:300px; }
		#forumView table th.latestThread { width:300px; }
		#forumView table th.numThreads { width:73px; text-align:center; }
		#forumView table td.forumTitle { border-bottom: 2px solid #e0e0e0; }
			#forumView table td.forumTitle a { font-weight:bold; font-size: 1.4em; text-decoration: none; border-bottom: 1px dotted #000; }
				#forumView table td.forumTitle a:hover { border-bottom: 1px solid #000; }
			#forumView table td.forumTitle p { padding-top: 5px; color: #333; font-size: 1.1em; line-height: 1.3em; }
	
		#forumView table td.latestThread { width: 200px; border-left:1px solid #efefef; border-bottom:2px solid #e0e0e0; }
			#forumView table td.latestThread a { font-weight: bold; text-decoration: none; border-bottom: 1px dotted; }
				#forumView table td.latestThread a:hover { border-bottom: 1px solid #000; }
			#forumView table td.latestThread a.title { font-size: 1.2em; margin-left: 5px; }
			#forumView table td.latestThread span.metaInfo { padding-top: 5px; display: block; font-size: 1.1em; padding-top: 5px; }
			#forumView table td.latestThread p { color: #333; font-size: 1em; }
			#forumView table td.latestThread img { float: left; display: inline; margin: 5px; }
			#forumView table td.latestThread em { color:#555; float:right; margin:0; padding:5px 2px 0 0; white-space: nowrap; }
	
		#forumView table td.numThreads { font-size: 1.4em; padding-top: 25px; width:73px; text-align:center; font-weight:bold; border-left:1px solid #efefef; border-bottom:2px solid #e0e0e0; }
	/* @end */
	
	/* @group Forum Thread view */
	.notify.youHaveToLogin { float: left; }
		.notify.youHaveToLogin form { float: left; width: 250px; }
		.notify.youHaveToLogin .signupText { float: right; width: 350px; }
			.notify.youHaveToLogin .signupText div { display: block; width: 150px; padding-right: 200px; }
	.articlePosts { clear: both; margin-top: 25px; }
	.forumForm .notify,
	.forumForm .notify { text-align: left; }
		.forumForm .notify fieldset { width: 30%; }
		.forumForm .text.column.single { float: left; padding: 0; }
		.forumForm .text.column.single label { padding: 0; font-size: 1.2em; }
		.forumForm .opretProfil { float: right; width:62%; padding: 15px 5px 5px 5px; }
			.forumForm .opretProfil p { clear: both; }
			.forumForm .opretProfil .button { margin: 8px 50% 8px 0; display: inline; }
	
		body#topicView .controls { padding-bottom: 0; }
			body#topicView .controls .next, 
			body#topicView .controls .previous,
			body#topicView .controls .last,
			body#topicView .controls span { float: right; }
		
			#topicView h1 a.small { font-size: .75em; font-weight: normal; }
	
	.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; font-size: 1.2em; }
				.forumPost .posterData strong a { text-decoration: none; border-bottom: 1px dotted #000; }
					.forumPost .posterData strong a:hover { border-bottom: 1px solid #000; }
			.forumPost .posterData em { color: #666; display: block; padding: 4px 0 0; text-align: left; font-style: normal; }
			.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; font-size: 1.1em; }
			.forumPost .post .timestamp { float: right; color: #666; padding: 5px 5px 5px 10px; margin: 0; line-height: 1em; font-size: 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; 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; font-size: 1.2em; bottom:0.1em; }
			.forumPost .postFunctions li { float:right; line-height:1em; padding:0.5em 10px 0.5em 40px; }
				.forumPost .postFunctions li a { color:#333; }
				.forumPost .postFunctions .postReply { background: url(../images/icon/comment_reply.gif) no-repeat 20px 0.5em; }
				.forumPost .postFunctions .postReport { background: url(../images/icon/comment_report.gif) no-repeat 20px 0.5em; }
				.forumPost .postFunctions .postDelete { background: url(../images/icon/comment_delete.gif) no-repeat 20px 0.5em; }
				.forumPost .postFunctions .postEdit { background: url(../images/icon/comment_edit.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; clear: both;}
		/* containing elm. needed for positioning */
		#threadSubscription legend span {position: relative; top: -10px; padding: 5px; background: #333; color: #ffc71d; border: 1px solid #fff; font-weight: bold;}
		#threadSubscription strong {display: block;}
		#threadSubscription .pitch {margin: 5px 0; }
		#threadSubscription label,
		#threadSubscription input {display: inline; vertical-align: middle;}
		#threadSubscription label {margin-right: 5px; padding-left: 0;}
		#threadSubscription label.disabled {color: #afafaf;}
		#threadSubscription input.hide {display:none;}
		#threadSubscription #helpToggle {position: absolute; top: 5px; right: 10px; 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: 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: 999px; display:block; height:20px; width:20px; overflow:hidden; background-repeat:no-repeat;	white-space:nowrap;}
				.miniedit li a.smileys {background-image:url(../images/icon/smileys.gif);}
				.miniedit li a.bold {background-image:url(../images/icon/text_bold.gif);}
				.miniedit li a.italic {background-image:url(../images/icon/text_italic.gif);}
				.miniedit li a.underline {background-image:url(../images/icon/text_underline.gif);}
				.miniedit li a.link {background-image:url(../images/icon/link.gif);}
				.miniedit li a.quote {background-image:url(../images/icon/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; clear: none; margin: 0; }
	
	.miniedit textarea { clear: both; width:620px; float: left; }
	#articleView .miniedit textarea { width:517px; }
	#articleShortView .miniedit textarea { width: 450px; }
	.forumForm form fieldset label { padding: 0; font-size: 1.4em; }
	.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 ForumView */
	#forumView .button.top { margin: 0 0 8px 0; }
	#forumView table thead th,
	#inboxView table thead th,
	#outboxView table thead th { background: url(../images/h2BG.gif) repeat-x top #3f3f3f; color: #fff; font-size: 1.4em; font-weight: normal; text-transform: uppercase; text-align: left; padding: 2px 8px; }
	#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(../images/icon/forum/comment_32.gif) no-repeat left; }
			#forumView table td.threadTitle.image {background: url(../images/icon/forum/images_32.gif) no-repeat left;}
			#forumView table td.threadTitle.image.updated {background: url(../image/icons/forum/add_images_32.gif) no-repeat left;}
			#forumView table td.threadTitle.locked {background: url(../images/icon/forum/locked_32.gif) no-repeat left;}
			#forumView table td.threadTitle.updated {background: url(../images/icon/forum/updated_32.gif) no-repeat left;}
			#forumView table td.threadTitle em, #forumView table td.latestPost em { color: #666; font-style: normal; display: block; margin-top: 5px; }
				#forumView table td.threadTitle em a { display: inline; color: #666; }
			#forumView table td.threadTitle a { font-weight: bold; text-decoration: none; font-size: 1.2em; border-bottom: 1px dotted #000; }
				#forumView table td.threadTitle a:hover { border-bottom: 1px solid #000;}
	#forumView table td.latestPost { border-left: 1px solid #efefef; text-align: left; 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; }
	
	div.addThread { border-top: 1px solid #efefef; margin: 0; text-align: right; padding: 7px 0; height: 22px; }
	/* @end */
/* @end */