/* INFO:
	MyFarm.dk v2 styles
   Updated: 	Mon 28.04.2008
   Author:     Morten Qvistgaard
   ----------------------------------------------------*/

/* INDEX:
   Generic
   Header & Navigation
   Sidebar
   Content
   Forms
   Tables
   Blocks
   Footer
   ----------------------------------------------------*/

/* COLORS:
   Body Background:       	#FFFFFF
   Main Text:             	#000000
   Links:                 	#007D00
   Light grey:			     	#D8D8D8
   Orange:						#ff8b22	(profile section)
   Purple: 						#634CA4	(video section)
   Zebra colors:        	#D3D3D3 / #C5C5C5
   ----------------------------------------------------*/
   
   

/* =Generic styles styles
   ----------------------------------------------------*/
body {
	margin: 0;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #000;
	}
		
div.wrapper {
	width: 965px;
	margin: 0 auto;	
	}

img {
	border: 0;
	}

a:link, a:visited, a.active {
	color: #007D00;
	}
table {
	border-collapse: collapse;
	}
td {
	vertical-align: top;
	}
/**
* misc helpers
*/

.VisIkke {
	display: none;
}

.clearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
*:first-child+html .clearFix{ /* WinIE7 only */
	height:1%;
	}
* html .clearFix{ /* WinIE6 and below */
	height:1%;
	}
br.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.error {
	color: #FF0000;
	font-weight: bold;
	background: #d4999f;
	border: 1px solid #999;
	padding: 10px;
	clear: both;
	margin: 10px 0px 10px 0px;
}
.error ul{
	padding-left: 35px;
}
.sucess, .succes, .success {
	color: #fff;
	font-weight: bold;
	background: #6EBF52;
	border: 1px solid #999;
	padding: 10px;
	clear: both;
	margin: 10px 0px 10px 0px;
}

input.form-text, input.form-pass, input.form-number, select.form-select {
	border: 1px solid #000;
	width: 100px;
	padding: 3px;
	font-size: 10px;
	font-family: arial, verdana, sans-serif;
	margin-top: 5px;
}
input.form-number {
	width: 20px;
}	
input.form-button {
	float: right;
}
textarea.form-textarea {
	border: 1px solid #000;
	width: 100%;
	padding: 3px;
	font-size: 10px;
	font-family: arial, verdana, sans-serif;
	margin: 5px 0px 5px 0px;
}
label {
	width: 85px;
	display: block;
	float: left;
	font-size: 11px;
	margin-top: 5px;
}
label.req {
	font-weight: bold;
}
input.form-checkbox {
	vertical-align: middle;
	margin-top: 5px;
}
div.h-line {
	width: 100%;
	clear: both;
	background: url("/web/images/dot_black.gif") repeat-x;
	background-position: left center;
	margin: 20px 0px 20px 0px;
}
div.h-line h2{
	background: #D3D3D3;
	padding: 0;
	padding-right: 10px;
	width: auto;
	float: left;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	}
div.h-line h2.right{
	padding-left: 10px;
	padding-right: 0px;
	float: right;
	}
div.h-line h2 span {
	color: #007D00;
	}
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #222;
	margin-bottom: 20px;
	}
img.icon {	
	vertical-align: middle;
	}
#topActions {
	position: relative;
	width: 672px;
	height: 50px;
	background: url("/web/images/top_action_bg.gif") no-repeat;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	color: #c9c9c9;
}

#topActions a.add{
	position: relative;
	top: 18px;
	left: 40px;
	color: #c9c9c9;
	padding-left: 20px;
	font-size: 12px;
	float: right;
	margin-right: 80px;
	background: url("/web/images/icon_add.gif") no-repeat;
	background-position: left center;
}
#topActions a.back{
	position: relative;
	top: 18px;
	left: 40px;
	color: #c9c9c9;
	padding-left: 20px;
	font-size: 12px;
	float: right;
	margin-right: 70px;
	background: url("/web/png/arrow_left.png") no-repeat;
	background-position: left center;
}
#topActions span.wallpapers{
	position: relative;
	display: block;
	top: 12px;
	left: 45px;
	height: 20px;
	vertical-align: middle;
	color: #c9c9c9;
	padding-left: 45px;
	font-size: 12px;
	background: url("/web/images/icon_wallpaper.gif") no-repeat;
	background-position: left top;
	padding-top: 5px;
}
#topActions ul {
	position: relative;
	top: 17px;
	left: 0px;
	margin-top: 0;
	float: left;
}
#topActions ul li{
	display: inline;
	list-style: none;
	margin-right: 15px;
	}
#topActions ul li a{
	color: #c9c9c9;
	}
#topActions form.search {
	position: relative;
	margin: 0;
	float: right;
	margin-right: 20px;
	top: 17px;
	}
#topActions form.search .form-text {
	width: 120px;
	margin-top: -1px;
	}	
#topActions form.search .form-text, #topActions form.search .form-button {
	vertical-align: middle;
	margin-right: 10px;
	float: left;
	}
#paging {
	float: right;
	clear: both;
}
#paging div.paging ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#paging div.paging ul li {
	float: left;
	background: #6EBF52;
	padding: 2px 1px 1px 1px;
	margin: 2px;
	color: #fff;
	font-size: 10px;
	display: block;
	width: 14px;
	text-align: center;
}
#paging div.paging ul li.active {
	background: #007D00;
}
#paging div.paging ul li a.pageNum {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 14px;
	height: 12px;
}
#paging div.paging ul li.back {
	text-indent: -9999px;
	background: url("/web/images/arrow_paging.gif") no-repeat;

	background-position: -4px -18px;	
}
#paging div.paging ul li.forward {
	text-indent: -9999px;
	background: url("/web/images/arrow_paging.gif") no-repeat;

	background-position: -29px -18px;	
}

/* =Header and navigation styles
   ----------------------------------------------------*/		
#header {
	width: 100%;
	height: 155px;
	margin-bottom: 10px;
	background: url("/web/images/top_shaddow.gif") bottom repeat-x #d8d8d8;
	}
#header h1 {
	display: block;
	width: 195px;
	height: 72px;
	float: left;
	text-indent: -9999px;
	background: url("/web/images/logo.jpg");
	}
#header iframe {
	float: right;
	margin: 0;
	padding: 0;
	margin-top: 2px;
	}
#header div.navigation {
	display: block;
	width: 960px;
	height: 30px;
	background: url("/mac/web/images/menu_bg2.png");
	border: 0px solid #000; /* for development */
	float: right;			
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	}
#header ul {
	position: relative;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	list-style-type: none;
	text-align: center;
	}
#header ul li {
	display: inline;
	}
#header ul li a {
	color: #fff;
	padding: 5px 15px 5px 15px;
	background-image: url("/web/images/menu_divider.gif");
	background-repeat: no-repeat;
	background-position: left -2px;
	text-decoration: none;
	font-weight: bold;
	}
#header ul li a:hover {
	text-decoration: underline;
}
#header ul li.first a {		
	background: none;
	padding-left: 0; 
	}
#header ul li.last a {
	padding-right: 0;
	}
		
/* =quickboxes styles
   ----------------------------------------------------*/			
#quickBox {
	height: 100px;
	}
#quickBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#quickBox ul li{
	float: left;
	margin-right: 13px;
	}   	
#quickBox ul li.last{
	margin-right: 0;
	float: right;
	}



/* =Sidebar styles
   ----------------------------------------------------*/			
#sidebar {
	width: 231px;
	float: left;
	}
#sidebar div.box {
	width: 100%;
	background: url("/web/images/column_right_bg.gif") repeat-y #d4d4d4;
	margin-bottom: 15px;
	text-align: left;
	clear: both;
	}
#sidebar div.box div.padding {
	padding: 20px;
	}
#sidebar div.box h2{
	background: url("/web/images/sidebar_top.gif") no-repeat;
	display: block;
	height: 19px;
	margin: 0;
	text-align: left;	
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 6px 25px 0px 20px;
	border: 0px solid purple; /* for development */
	}
#sidebar div.box div.bottom {
	display: block;
	width: 231px;
	height: 16px;
	clear: both;
	background: url("/web/images/column_right_bottom.gif") no-repeat;
	}
#sidebar div.box .ui-tabs-nav {
	background: url("/web/images/sidebar_top.gif") no-repeat;
	background-position: left -26px;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#sidebar div.box ul.ui-tabs-nav li{
	text-align: left;
	list-style: none;

}
#sidebar div.box ul.ui-tabs-nav li a{
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
#sidebar div.box span.left, #sidebar div.box span.right {
	background: url("/web/images/sidebar_top.gif") no-repeat;
	display: block;
	width: 75px;
	padding: 6px 20px 0px 20px;
	height: 18px;
}
#sidebar div.box ul.ui-tabs-nav span.left {
	background-position: left -26px;
	}
#sidebar div.box ul.ui-tabs-nav .ui-tabs-selected span.left {
	background-position: left 0px;
	}
#sidebar div.box ul.ui-tabs-nav span.right {
	background-position: right -26px;
	padding: 6px 30px 0px 11px;
	}
#sidebar div.box ul.ui-tabs-nav .ui-tabs-selected span.right{
	background-position: right 0px;
	padding: 6px 30px 0px 11px;
	}
#sidebar div.box .ui-tabs-hide { 
	display: none; 
	}
#sidebar div.box .ui-tabs-panel {
	background: none;
	}
/**
* userBox and user navigation
*/
#sidebar #userBox h2{
	background: url("/web/images/sidebar_top.gif") no-repeat;
	background-position: left -51px;
	}
#sidebar #userBox {
	background-color: #6ebf52;
	text-align: left;
	}
#sidebar #userBox div.bottom {
	background: url("/web/images/sidebar_bottom_green.gif") no-repeat;
	}
#sidebar #userBox div.padding {
	padding: 10px 20px 0px 20px;
	}
#sidebar #userBox a {
	color: #000;
	}
#sidebar #userBox p{
	margin: 5px 0px 5px 0px;
}
#sidebar #userBox ul {
	float: left;
	padding-left: 0px;
	margin-top: 5px;
	margin-left: 0;
	list-style: none;
	clear: both;
	width: 125px;
	}
#sidebar #userBox form {
	clear: both;
	}
#sidebar #userBox form label {
	float: left;
	width: 80px;
	vertical-align: middle;
	padding-top: 4px;
	margin-bottom: 8px;
	margin-top: 0;
	}
	
#sidebar #userBox form input.form-text, #sidebar #userBox form input.form-pass {
	float: right;
	width: 100px;
	vertical-align: middle;
	margin-bottom: 0px;
	margin-top: 0;
	}
#sidebar #userBox form input.form-checkbox {
	vertical-align: middle;
	margin-top: 8px;
}
#sidebar #userBox form input.form-button {
	float: right;
	margin-top: 15px;
	}
#sidebar #userBox a.username {
	color: #ffffff;
	font-weight: bold;
	}
#sidebar #userBox a.logout {
	float: right;
	margin-top: 10px;
	}
/**
* mediaBox
*/
#sidebar #mediaBox ul {
	margin-bottom: 10px;
	}
#sidebar #mediaBox {
	background-color: #d4d4d4;
	text-align: center;
	}
#sidebar #mediaBox .padding {
	padding: 0px 15px;
	}
#sidebar #mediaBox .movie {
	margin-bottom: 5px;
	clear: both;
	}
#sidebar #mediaBox .movie .image{
	float: left;
	margin-right: 5px;
	}
#sidebar #mediaBox .movie h3, #sidebar #mediaBox .movie p {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#sidebar #mediaBox #mediaBox-videos {
	height: 205px;
}
#sidebar #mediaBox #mediaBox-pictures {
	text-align: center;
	height: 205px;
}
/**
* shoutBox
*/
#sidebar #shoutBox {
	background-color: #d4d4d4;
	}
#sidebar #shoutBox ul {
	margin-bottom: 10px;
	}
#sidebar #shoutBox .padding {
	padding: 0px 15px;
	}
#sidebar #shoutBox .blog {
	margin-bottom: 10px;
	clear: both;
	cursor: pointer;
	}
#sidebar #shoutBox .blog .picture {
	float: left;
	 margin-right: 5px;
	}	
#sidebar #shoutBox .blog .date {
	color: #666;
	font-size: 10px;
	}
#sidebar #shoutBox .blog h3, #sidebar #shoutBox .blog p  {
	font-size: 11px;
	margin: 0;
	padding: 0;
	}
#sidebar #shoutBox .blog h3 {
	background: url("/web/images/arrow_green.gif") no-repeat;
	background-position: 75px 2px;
	text-indent: 15px;
	margin: 2px 2px 5px 0px;
	text-decoration: underline;
	}
#sidebar #shoutBox .blog p {
	display: block;
	width: 120px;
	float: left;
	}
#sidebar #shoutBox #shoutBox-blog, #sidebar #shoutBox #shoutBox-forum {
	height: 340px;
}
		
/* =Content styles
   ----------------------------------------------------*/	
#content {
	position: relative;
	float: right;
	width: 718px;
	background: url("/web/images/content_bg.gif") repeat-y;
	margin-bottom: 30px;
	font-size: 12px;
/*	border: 1px solid purple;  for development */

	}
#content h1 {
	display: block;
	height: 20px;
	margin: 0;
	text-align: left;	
	background: url("/web/images/content_top.png");
	background-color: #6aba40;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 20px 0px 25px;
	border: 0px solid purple; /* for development */
	}
#content div.padding {
	padding: 13px 25px 20px 25px;
	text-align: left;
	}
#bottom {
	display: block;
	width: 718px;
	height: 15px;
	clear: both;
	background: url("/web/images/content_bottom.gif") no-repeat;
	}
#content #columnMiddle {
	width: 475px; 
	float: left;
	min-height: 300px;
	}
#content #columnMiddle div.box {
	width: 100%;
	background: url("/web/images/column_middle_bg.gif") repeat-y #d4d4d4;
	margin-bottom: 15px
	}
#content #columnMiddle div.box h2.boxTitle{
	background: url("/web/images/column_middle_header.gif") no-repeat;
	display: block;
	height: 19px;
	margin: 0;
	text-align: left;	
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 6px 20px 0px 25px;
	border: 0px solid purple; /* for development */
}
#content #columnMiddle div.box div.bottom {
	display: block;
	width: 100%;
	height: 16px;
	clear: both;
	background: url("/web/images/column_middle_bottom.png") no-repeat;
}	
/**
* Right column styles
*/
#content #columnRight {
	width: 231px;
	float: right;
	}
#content #columnRight div.box {
	width: 100%;
	background: url("/web/images/column_right_bg.gif") repeat-y #d4d4d4;
	margin-bottom: 15px;
	text-align: left;
	clear: both;
	}
#content #columnRight div.box h2{
	background: url("/web/images/sidebar_top.gif") no-repeat;
	display: block;
	height: 19px;
	margin: 0;
	text-align: left;	
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 6px 20px 0px 25px;
	border: 0px solid purple; /* for development */
}
#content #columnRight div.box div.bottom {
	display: block;
	width: 231px;
	height: 16px;
	clear: both;
	background: url("/web/images/column_right_bottom.gif") no-repeat;
}

/**
* Module/page specific content styles
*/

body.video #content h1 {

	}
body.form #content h1 {

	}
body.spil #content h1 {

	}	

/**
* =Frontpage styles
*/

body.frontpage #content {
	background: none;
	}
body.frontpage #bottom {
	background: none;
	}
	
/**
* Frontpage latesNews box
*/
body.frontpage #latestNews h2.boxTitle {
	background: url("/web/images/latest_news_header.gif");
	margin-bottom: 10px;
}
body.frontpage #latestNews div.story {
	padding: 0px 20px 0px 20px;
	text-align: left;
	clear: both;
	margin-top: 0px;
	font-size: 11px;
	}
body.frontpage #latestNews div.story div.picture {
	float: left;
	width: 80px;
	width: auto;
	margin-right: 10px;
	text-align: center;	
	margin-bottom: 5px;
	}
body.frontpage #content #latestNews div.story h2, body.frontpage #latestNews div.story h2 a{
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 11px;
	margin-bottom: 5px;
	}
body.frontpage #latestNews div.story .article-front-media-icon {
	float: right;
	margin-left: 3px;
	margin-top: 0px;
}
body.frontpage #latestNews div.story p {
	padding: 0;
	margin: 0;

	}
/**
* Frontpage latesMbMachines box
*/
body.frontpage #latestMbMachines {
	margin: 0 auto;
	text-align: center;
	}

#content #columnMiddle  #latestMbMachines h2.boxTitle{

	background: url("/web/images/column_middle_top.gif") no-repeat;
	background-position: left -27px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
body.frontpage	#latestMbMachines .mbMachine {
	padding: 0;
	width: 90px;
	margin: 0px 0px 0px 23px;
	background: #DFDFDF;
	list-style: none;
	float: left;
	border: 0px solid #000;
	text-align: left;
	font-size: 11px;
	}
body.frontpage	#latestMbMachines .mbMachine img {
	border-bottom: 2px solid #d3d3d3;
}
body.frontpage	#latestMbMachines .mbMachine .padding {
	padding: 3px;
}

/**
* Frontpage Highlights
*/
body.frontpage #highligts {
	font-size: 11px;
}
body.frontpage #highligts div.story {
	padding: 0px 20px 0px 20px;
	text-align: left;
	clear: both;
	margin-top: 10px;
	}
body.frontpage #highligts div.story span.picture {
	float: left;
	width: 80px;
	margin-right: 10px;
	text-align: center;	
	margin-bottom: 10px;
	}
body.frontpage #highligts div.story h2{
	background: url("/web/images/arrow_green.gif") no-repeat;
	background-position: 90px 2px;
	text-indent: 15px;
	color: #000;
	font-size: 11px;
	text-decoration: underline;
	}
body.frontpage #highligts div.story p {
	position: relative;
	padding: 0;
	margin: 0;
	}

body.frontpage #highligts .ui-tabs-nav {
	background: url("/web/images/column_middle_top.gif") no-repeat;
	background-position: left -55px;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	}
body.frontpage #highligts ul.ui-tabs-nav li{
	text-align: left;
	list-style: none;

}
body.frontpage #highligts ul.ui-tabs-nav li a{
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
body.frontpage #highligts span.left, body.frontpage #highligts span.right {
	background: url("/web/images/column_middle_top.gif") no-repeat;
	display: block;
	width: 197px;
	padding: 6px 20px 0px 20px;
	height: 19px;
	border: 0px solid red;
}
body.frontpage #highligts ul.ui-tabs-nav span.left {
	background-position: left -55px;
	}
body.frontpage #highligts ul.ui-tabs-nav .ui-tabs-selected span.left {
	background-position: left 0px;
	}
body.frontpage #highligts ul.ui-tabs-nav span.right {
	background-position: right -55px;
	padding: 6px 30px 0px 11px;
	}
body.frontpage #highligts ul.ui-tabs-nav .ui-tabs-selected span.right{
	background-position: right 0px;
	padding: 6px 30px 0px 11px;
	}
body.frontpage #highligts .ui-tabs-hide { 
	display: none; 
	}
body.frontpage #highligts .ui-tabs-panel {
	background: none;
	}
body.frontpage #highligts #highligts-users {
	height: 120px;
}
body.frontpage #highligts #highligts-users table {
	margin-left: 20px;
	}
body.frontpage #highligts #highligts-users th{
	font-weight: bold;
	text-align: left;
	}
body.frontpage #highligts #highligts-users td {
	text-align: left;
	}	
body.frontpage #highligts #highligts-users td span.city {
	text-transform: capitalize;
	}
body.frontpage #highligts-groups {
	height: 120px;
}
body.frontpage #highligts-groups table {
	width: 90%;
	margin: 0px 20px 0px 20px;
	font-size: 11px;
}
body.frontpage #highligts-groups table tr {
	cursor: pointer;
}
body.frontpage #highligts-groups table td{
	text-align: left;
	padding: 2px 2px 2px 4px;
}
#poll {
	font-size: 11px;
}
#poll ul {
	margin-left: 0;
	padding-left: 18px;
}	
#poll ul li{
	list-style-image: url("/web/images/arrow_green.gif");
	margin-bottom: 3px;
}
/**
* =Article module 
*/
body.frontpage #article-main-box {
	text-align: left;
	width: 100%;
}

/* events */

body.frontpage #events table {
	width: 90%;
	margin: 0px 20px 0px 20px;
	font-size: 11px;
}
body.frontpage #events table tr {
	cursor: pointer;
}
body.frontpage #events table tr.even {
	background: #DCDCDB;
}
body.frontpage #events table td{
	text-align: left;
	padding: 2px 2px 2px 20px;
}
body.frontpage #events table td.event-type-default {
}
body.frontpage #events table td.event-type-openhouse {
	background: url("http://maskinbladet.dk/gfx/cal_event_openhouse.gif") no-repeat;
	background-position:  0px 2px;
}
body.frontpage #events table td.event-type-machinedemo {
	background: url("http://maskinbladet.dk/gfx/cal_event_machinedemo.gif") no-repeat;
	background-position:  0px 2px;
}

/**
* =Profile module
*/
body.profile #content h1 {
	background-color: #ff8b22;
	}
body.profile #content .actions a {
	color: #000;
	}
body.profile #content .gender-big {
	float: left;
	margin-right: 10px;
	}
body.profile #content h2 {
	float: left;
	margin-top: 0px;
	}
body.profile #content h2.online {
	margin-top: -6px;
}
body.profile #content h2.online span {
	color: #007D00;
	font-size: 14px;
}
body.profile #content .actions {
	float: right;
	font-size: 11px;
	}
body.profile #content .actions ul {
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	}
body.profile #content .actions ul li {
	display: inline;
	list-style: none;
	margin-left: 15px;
	}
body.profile #content .actions ul li.first {
	color: #ff8b22;
	margin-left: 0;
	}
body.profile #content .profile {
	width: 590px;
	background: #F0EEF3;
	border-top: 2px solid #ff8b22;
	padding: 20px 35px 30px 35px;
	font-size: 11px;
	}
body.profile #content .profile a{
	color: #ff8b22;
}
body.profile #content .profile .left {
	float: left;
	margin-right: 20px;
	width: 255px;
	overflow: hidden;
	}
body.profile #content .profile .right {
	float: right;
	width: 310px;
	}
body.profile #content .profile h3 {
	background: #ff8b22;
	color: #fff;
	padding: 3px 3px 3px 10px;
	font-size: 11px;
	display: block;
	margin-top: 10px;
	}
body.profile #content .profile h3.nobg {
	background: none;
	color: #000;
	padding: 10px 0px 0px 0px;
	}
body.profile #content .profileImage {
	margin-top: 10px;
	}
body.profile #content .profile .left ul {
	position: relative;
	padding: 0;
	margin: 10px 0px 0px 0px;
	list-style: none;
	font-size: 11px;
}
body.profile #content .profile .left ul li {
	background: url("/web/images/arrow_small.gif") no-repeat;
	background-position: left 2px;
	padding-left: 15px;
	color: #000;
	text-align: left;
	margin-top: 5px;
}
body.profile #content .profile .left ul li span {
	color: #ff8b22;
	margin-right: 5px;
}	
/* search */
body.profile-search #content h1 {
	background-color: #ff8b22;
	}
body.profile-search #content a {
	color: #ff8b22;
}
body.profile-search #content {
	font-size: 11px;
}
body.profile-search #content hr {
	margin: 0px 0px 10px 0px;
}
body.profile-search #content .left, body.profile-search #content .right {
	margin: 0;
}
body.profile-search .profileSearchForm {
	width: 200px;
	font-size: 11px;
}	
body.profile-search .profileSearchForm .form-item {
	float: left;
	margin-bottom: 5px;
	font-size: 11px;
	width: 215px;
}
body.profile-search .profileSearchForm .long {
	width: 300px;
}
body.profile-search .profileSearchForm .input {
	float: left;
}
body.profile-search .profileSearchForm .input .form-text .search {
	width: 150px;
}
body.profile-search .profileSearchForm .form-item label {
	width: 85px;
	display: block;
	float: left;
	font-size: 11px;
}
body.profile-search #content #results {
	margin: 0;
	text-align: center;
	clear: both;
	width: 100%;
	font-size: 11px;
	margin-left: 15px;
	}
body.profile-search #content #results div.profile {
	padding: 0;
	width: 130px;
	height: 180px;
	float: left;
	margin: 0px 11px 20px 11px;
	background-color: #F0EEF3;
	border-top: 3px solid #ff8b22;
	font-size: 11px;
	padding: 10px;
	}
body.profile-search #content #results div.profile h3 {
	text-align: left;
	margin: 0;
	margin-bottom: 5px; 
	padding-top: 0;
	vertical-align: bottom;
}
body.profile-search #content #results div.profile h3 a {
	text-decoration: none;
	color: #000;
}
body.profile-search #content #results div.profile h3 img {
	vertical-align: middle;
	margin-right: 5px;
}
body.profile-search #content .profile ul {
	position: relative;
	padding: 0;
	margin: 10px 0px 0px 25px;
	list-style: none;
	font-size: 11px;
}
body.profile-search #content .profile ul li {
	background: url("/web/images/arrow_small.gif") no-repeat;
	background-position: left 2px;
	padding-left: 15px;
	color: #000;
	text-align: left;
	margin-top: 5px;
}
body.profile-search #content .profile ul li span {
	color: #ff8b22;
	margin-right: 5px;
}
body.profile-search #paging div.paging ul li {
	background: #FF8B22;
}
body.profile-search #paging div.paging ul li.active {
	background: #C05D02;
}
body.profile-search #paging div.paging ul li.back {
	text-indent: -9999px;
	background: url("/web/images/arrow_paging.gif") no-repeat;
	background-position: -4px -2px;	
}
body.profile-search #paging div.paging ul li.forward {
	text-indent: -9999px;
	background: url("/web/images/arrow_paging.gif") no-repeat;
	background-position: -29px -2px;	
}

/*
body.profile-search #content #results div.profile dl {
	position: relative;
	padding: 0;
	margin: 10px 0px 0px 0px;
}
body.profile-search #content #results div.profile dl dt {
	background: url("/web/images/arrow_small.gif") no-repeat;
	background-position: left 2px;
	padding-left: 15px;
	color: #ff8b22;
	text-align: left;
	position: absolute; 
	left: 0;
	margin-top: 5px;
}
body.profile-search #content #results div.profile dl dd {
	margin-left: 50px
	text-align: left;
	margin-top: 5px;
}*/
body.profile-search #content table.form {
}
body.profile-search #content td {
	vertical-align: middle;
}
body.profile-search #content td.submit {
	vertical-align: top;
	padding-left: 20px;
}
/*my page*/
body.profile-my #content h1 {
	background-color: #ff8b22;
	}

body.profile-my #content .gender-big {
	float: left;
	margin-right: 10px;
	}
body.profile-my #content input.form-text {
	width: 150px;
}
body.profile-my #content textarea.form-textarea {
	width: 300px;
}
/**
* =Message module
*/
body.mesage-inbox #content h1 {
}
body.message-inbox #content h1 {
	background-color: #ff8b22;
	}
body.message-inbox .inbox {
	width: 100%;
	border-collapse: collapse;
	}
	body.message-inbox .inbox tr {
	border-bottom: 1px solid #D3D3D3;
	color: #000;
}
body.message-inbox .inbox tr td {
	color: #000;
}
body.message-inbox #topActions {
	text-align: right;
}
body.message-inbox #topActions a.add {
	margin-right: 70px;
}
body.message-inbox .inbox th {
	background: #ff8b22;
	color: #fff;
	font-weight: bold;
	padding: 8px;
	}

body.message-inbox .inbox tr.row1 {
	background: #F0EEF3;
	cursor: pointer;
	color: #000;

	}
body.message-inbox .inbox tr.row2 {
	background: #F0EEF3;
	cursor: pointer;
	color: #000;

	}
body.message-inbox .inbox td {
	padding: 5px;
	color: #fff;
	font-size: 11px;
}
body.message-inbox .inbox td a {
	color: #000;
}
body.message-inbox #paging div.paging ul li {
	background: #FF8B22;
}
body.message-inbox #paging div.paging ul li.active {
	background: #C05D02;
}
body.message-inbox #paging div.paging ul li.back {
	text-indent: -9999px;
	background: url("/web/images/arrow_paging.gif") no-repeat;
	background-position: -4px -2px;	
}
body.message-inbox #paging div.paging ul li.forward {
	text-indent: -9999px;
	background: url("/web/images/arrow_paging.gif") no-repeat;
	background-position: -29px -2px;	
}
/**
* =Video module
*/

body.video #content h1 {
	background-color: #634CA4;
	}
body.video #content h2 {
	text-align: left;
	font-size: 11px;
	margin-bottom: 15px;
}
body.video #content {
	font-size: 11px;
	}
body.video #content .padding {
	padding: 9px;
}
body.video #content #player {
	width: 465px;
	height: 282px;
	background: #000;
	float: left;
	}

body.video #content #description {
	width: 206px;
	height: 260px;
	float: right;
	border: 1px solid #000;
	background: #fff;
	padding: 10px;
	text-align: left;
	overflow: auto;
	}
body.video #content #description h2 {
	background: url("/web/images/arrow_round.gif") no-repeat;
	background-position:  0px 0px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
body.video #content #description img {
	padding-left: 20px;
	clear: both;
	width: 100px;
	}
body.video #content #description p {
	padding-left: 20px;
	}
body.video #content #mostViewedMyfarm, body.video #content #latestMyfarm, body.video #content #listMyfarm {
	background: url("/web/images/logo_small_myfarm.gif") no-repeat right top #fff;
	}
body.video #content #latestYoutube, body.video #content #listYoutube {
	background: url("/web/images/logo_small_youtube.gif") no-repeat right top #fff;
	}
body.video #content #mostViewedMyfarm, body.video #content #latestMyfarm, body.video #content #latestYoutube  {
	padding: 8px;
	width: 210px;
	height: 300px;
	float: left;
	margin-right: 8px;
	border: 1px solid #000;
	margin-top: 7px;
	overflow: hidden;
	}

body.video #content #latestMyfarm {
	}

body.video #content #latestYoutube {
	padding: 8px;
	width: 210px;
	float: right;
	margin-right: 0;
	}

body.video #content #listMyfarm, body.video #content #listYoutube {
	padding: 8px;
	width: 328px;
	min-height: 270px;
	float: left;
	border: 1px solid #000;
	margin-top: 7px;
	}
body.video #content #listMyfarm table, body.video #content #listYoutube table {
	width: 98%;
	text-align: left;
	}
body.video #content #listMyfarm table th, body.video #content #listYoutube table th {
	color: #aeaeae;
	padding-bottom: 5px;
	}
body.video #content #listMyfarm table td, body.video #content #listYoutube table td {
	padding: 3px 0px 3px 0px;
}
body.video #content #listMyfarm table td.date, body.video #content #listYoutube table td.date {
	width: 60px;
	color: #368021;
}
body.video #content #listMyfarm table td.duration, body.video #content #listYoutube table td.duration {
	width: 50px;
}
body.video #content #listMyfarm table td.title, body.video #content #listYoutube table td.title {
}
body.video #content #listYoutube {
	float: right;
	}
body.video #content #listMyfarm table td, body.video #content #listYoutube table td {
	cursor: pointer;
	}
body.video #content #mostViewedMyfarm .movie, body.video #content #latestMyfarm .movie, body.video #content #latestYoutube .movie {
	width: 98%;
	height: 50px;
	clear: both;
	border-bottom: 1px dashed #D8D8D8;
	margin-bottom: 0px;
	padding: 2px;
	padding-top: 10px;
	text-align: left;
	padding-bottom: 5px;
	cursor: pointer;
	}
body.video #content #mostViewedMyfarm .movie .length, body.video #content #latestMyfarm .movie .length, body.video #content #latestYoutube .movie .length {
	color: #007D00;
}
body.video #content #mostViewedMyfarm .noborder, body.video #content #latestMyfarm .noborder, body.video #content #latestYoutube .noborder {
	border-bottom: 0;
}
body.video #content #mostViewedMyfarm .movie img, body.video #content #latestMyfarm .movie img, body.video #content #latestYoutube .movie img {
	float: left;
	margin-right: 7px;
	margin-bottom: 5px;
	}
body.video #content #mostViewedMyfarm .movie h3, body.video #content #latestMyfarm .movie h3, body.video #content #latestYoutube .movie h3 {
	float: left;
	width: 130px;
	font-size: 11px;
	margin: 0;
	padding: 0;
	}
body.video #content #paging {
	float: left;
	margin-top: 10px;
}	
	
/**
* =blog module
*/
body.blog #content .blog-search-result {
	cursor: pointer;
	border-bottom: 1px solid #aaa;
	}
body.blog #content .blog-search-result h3 {
	padding: 5px 5px 5px 0px;
	margin: 0;
	font-size: 12px;
	}
body.blog #content .blog-search-result h3 a{
	text-decoration: none;
	color: #000;
	}
body.blog #content .blog-search-result .image {
	width: 85px;	
	padding-top: 10px;	
	padding-bottom: 10px;

	}
body.blog #content .blog-search-result .info {
	width: 140px;		
	padding-top: 10px;	
	padding-bottom: 10px;

	}
body.blog #content .blog-search-result .message {
	width: 360px;
	padding-top: 10px;	
	padding-bottom: 10px;

	}
body.blog #topActions, body.blog #topActions ul {
	margin-top: 0;
	}
body.blog_entry #topActions ul li {
	margin-right: 45px;
	}
body.blog_entry #topActions ul li a{
	color: #6ABA41;
	}
body.blog_entry .blog-entry {
	margin-bottom: 40px;
	}
body.blog_entry .blog-entry .image {
	float: left;
	width: 230px;
	}
body.blog_entry .blog-entry .image img {
	margin-bottom: 20px;
	}
body.blog_entry .blog-entry .image ul {
	margin: 20px 0px 0px 0px;
	padding-left: 20px;
	list-style-image: url("/web/images/arrow_green.gif");
	}
body.blog_entry .blog-entry .message {
	width: 400px;
	float: right
	}
body.blog_entry .blog-entry .message h2 {
	font-size: 12px;
	}
body.blog_entry table.comments {
	width: 100%;
	font-size: 11px;
}
body.blog_entry .comments td {
	border-bottom: 1px solid #aaa;
	padding: 10px 0px 10px 0px;
}
body.blog_entry .comments td.message {
	padding-left: 20px;
	padding-top: 10px;
	background: url("/web/images/arrow_green.gif") no-repeat left 13px;
}
body.blog_entry .comments td.message span.numDate {
	font-weight: bold;
}
body.blog_entry .comments td.userInfo {
	width: 200px;
}
body.blog_entry .comments td.userInfo img {
	float: left; 
	margin-right: 10px;
	margin-left: 10px;
}
body.blog_entry #content form {
	margin-top: 20px;
}
body.blog_entry #content form {
	margin-top: 30px;
	width: 230px;
}
body.blog_entry .form-textarea {
	border: 1px solid #aaa;
	width: 230px;
}
body.blog_entry #content .form-button {
	float: right;
}
/**
* =forum module
*/

/* category */
body.forum-category #content h1 {
	background-color: #43B0C7;
	}
body.forum-category #content #forums {
	width: 672px;
   border-collapse: collapse;
}
body.forum-category #content #forums tr {
	height: 98px;
	background: url("/web/images/forum_category_bg.gif") no-repeat;
	cursor: pointer;
	}
body.forum-category #content #forums tr td {
	padding-top: 15px;
	}
body.forum-category #content #forums tr.header {
	width: 672px;
	height: 50px;
	background: url("/web/images/top_action_bg.gif") no-repeat;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: #c9c9c9;
}
body.forum-category #content #forums tr.header td{
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: #c9c9c9;
}
body.forum-category #content #forums {
	width: 672px;
	height: 98px;
	background-color: #d3d3d3;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: #000;
}
body.forum-category #content #forums .desc {
	color: #c9c9c9;
}
body.forum-category #content #forums a.userLink {
	color: #fff;
}
body.forum-category #content td {
	padding: 10px;
}
body.forum-category #content #forums td.title a {
	font-size: 14px;
	vertical-align: middle;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 10px;
	color: #fff;
}
body.forum-category #content #forums td.title img {
	clear: both;
	margin-top: 5px;
}
/* forum category */ 
body.forum #content h1 {
	background-color: #43B0C7;
	}



body.forum #content #topActions ul li {
	height: 38px;
	display: block;
	margin-top: -14px;
	padding-left: 80px;
	font-size: 14px; 
	font-weight: bold;
	padding-top: 12px;
}
/* 38 40 41 41 */
body.forum #content #topActions ul .fc_38 {
	background: url("/web/images/forum_category_icons.png") no-repeat;
	background-position: left top;
}
body.forum #content #topActions ul .fc_40 {
	background: url("/web/images/forum_category_icons.png") no-repeat;
	background-position: left -92px;
}
body.forum #content #topActions ul .fc_41 {
	background: url("/web/images/forum_category_icons.png") no-repeat;
	background-position: left -193px;
}
body.forum #content #topActions ul .fc_42 {
	background: url("/web/images/forum_category_icons.png") no-repeat;
	background-position: left -304px;
}
body.forum #content #topActions ul .fc_43 {
	background: url("/web/images/fc_uddannelse.png") no-repeat;
}

body.forum .forum-overview {
	width: 100%;
	border-collapse: collapse;
	}
body.forum .forum-overview tr.header {
	background: url("/web/images/forum_top_bg.gif") left top no-repeat #4491AB;
}
body.forum .forum-overview th {
	color: #fff;
	font-weight: bold;
	padding: 8px;
	padding-bottom: 15px;
	}
body.forum .forum-overview th.date {
	text-align: right;
}
body.forum .forum-overview tr.row1 {
	background: #4491AB;
	cursor: pointer;
	}
body.forum .forum-overview tr.row2 {
	background: #5EA5BB;
	cursor: pointer;
	}
body.forum .forum-overview tr.bottom {
	background: url("/web/images/forum_bottom_bg.gif") left bottom no-repeat #4491AB;
}
body.forum .forum-overview tr.bottom td {
	padding-top: 30px;
	padding-bottom: 30px;
}
body.forum .forum-overview td {
	padding: 5px;
	color: #fff;
	font-size: 11px;
}
body.forum .forum-overview td.date {
	text-align: right;
}
body.forum .forum-overview td a {
	color: #fff;
	text-decoration: none;
}
body.forum #paging div.paging ul li {
	background: #BCBABB;
	color: #000;
}
body.forum #paging div.paging ul li a {
	color: #000;
}
body.forum #paging div.paging ul li.active {
	background: #FFFFFF;
}
body.forum #paging div.paging ul li.back {
	text-indent: -9999px;
	background: url("/web/images/arrow_paging.gif") no-repeat;
	background-position: -4px -34px;	
}
body.forum #paging div.paging ul li.forward {
	text-indent: -9999px;
	background: url("/web/images/arrow_paging.gif") no-repeat;
	background-position: -29px -34px;	
}

/* forum thread */

body.forum .forum-thread {
	width: 100%;
	background: url("/web/images/forum_thread_top.gif") no-repeat;
	font-size: 12px;
}
body.forum .forum-thread h3 {
	background: url("/web/images/arrow_black.gif") left 2px no-repeat;
	font-size: 12px;
	padding-left: 15px;
}
body.forum .forum-thread tr {
	background: url("/web/images/forum_thread_top.gif") no-repeat;
	background-color: #4592AC;
}
body.forum .forum-thread .message {
	padding: 20px 50px 20px 35px;
	color: #fff;
}
body.forum .forum-thread .message div {
	padding-left: 15px;
}
body.forum .forum-thread .info {
	padding: 20px 10px 20px 0px;
	font-size: 11px;
}
body.forum .forum-thread .info strong {
	color: #fff;
}
body.forum .forum-thread .info a {
	color: #000;
}
body.forum .forum-thread .bottom {
	background: url("/web/images/forum_thread_bottom.gif") left bottom no-repeat;
	border-bottom: 5px solid #D3D3D3;
}

/* Forum thread new */
body.forum-new #content h1 {
	background-color: #43B0C7;
}
	
	
	
/**
* =gallery module 
*/
body.gallery .image {
	float: left;
	margin: 20px;
}
body.gallery #topActions {
	text-align: left;
}
body.gallery #topActions ul {
	position: relative;
	top: 12px;
	margin: 0;
	float: left;
}
body.gallery #topActions ul li{
	background: url("/web/images/category_icons.png") no-repeat;
	margin-left: 25px;
	height: 24px;
	display: block;
	float:left;
	padding-left: 60px;
	padding-top: 6px;
}
body.gallery #topActions ul li span {
	color: #6DBF51;
}
body.gallery #topActions li a {

}
body.gallery #topActions ul li.gc_1{
	background-position: left -34px;
}
body.gallery #topActions ul li.gc_2{
	background-position: left -1px;
}

body.gallery #topActions ul li.gc_4{
	background-position: left -66px;
}
body.gallery #topActions ul .first {
	margin-left: 0px;
}
body.gallery #topActions a.add {
	float: right; 
	margin: 0px 60px 30px 0px;
}
body.gallery #topActions div.user {
	position: relative;
	top: 18px;
	width: 205px;
	margin: 0;
	background: none;
	margin-left: 20px;
	float: left;
}

/* show page */
body.gallery #pictureColumn {
	width: 340px;
	border: 0px solid yellow;
	float: left;
	font-size: 11px;
}
body.gallery #pictureColumn .morePictures {
	text-align: justify;
	margin-top: 40px;
}
body.gallery #pictureColumn .morePictures img {
	margin-bottom: 2px;
}
body.gallery #commentColumn {
	width: 280px;
	float: right;
	font-size: 11px;
}
body.gallery #commentColumn dl {
	position: relative;
}
body.gallery #commentColumn dl dt {
	position: absolute;
	left: 0;
	width: 80px;
}
body.gallery #commentColumn dl dd {
	margin-left: 80px;
}
body.gallery #commentColumn .comments {
	margin-top: 50px;
}
body.gallery #commentColumn .comments table img.arrow {
	padding-top: 1px;
}
body.gallery #commentColumn .comments table td.message {
	padding-bottom: 20px;
	}
body.gallery #commentColumn .comments form {
	margin-top: 30px;
	width: 230px;
}
body.gallery #commentColumn .comments .form-textarea {
	border: 1px solid #aaa;
	width: 230px;
}
body.gallery #commentColumn .comments .form-button {
	float: right;
}
/**
* =spil page 
*/
#content h1.spil {
	background-color: #C64645;
	}
#content a.game {
	color: #fff;
	text-decoration: none;
}
#content div.game {
	background: url("/web/images/game_bg.gif") no-repeat;
	height: 96px;
	width: 631px;
	border-left: 0px solid black;
	padding: 15px 30px 15px 30px;
	margin-bottom: 10px;
	cursor: pointer;
	}
#content div.game img {
	width: 135px;
	margin-right: 30px;
	float: left;
	}
#content div.game h2{
	color: #fff;
	font-size: 14px;
	}
#content div.game h2 a{
	text-decoration: none;
	}
#content div.game p{
	width: 400px;
	color: #000;
	float: left;
	}
	
	
/**
 * group module
 */

/* group search / group list */

body.group-search .group {
	width: 100%;
	height: 86px;
	background: url("/mac/web/images/group_list_bg.gif") no-repeat;
	margin: 5px 0px 5px 0px;
	cursor: pointer;
}
body.group-search .group img {
	float: right;
	margin: 8px 30px 0px 10px;
	width: 80px;
	height: 70px;
}
body.group-search .group h3 {
	height: 20px;
	color: #FFF;
	font-size: 12px;
	margin-left: 30px;
	margin-bottom: 5px;
	padding-top: 5px;
}
body.group-search .group h3 a {
	color: #FFF;
	text-decoration: none;
}
body.group-search .group h3 .title {
	display: block;
	width: 270px;
	overflow: hidden;
	float: left;
	margin-right: 25px;
	font-size: 12px;
}
body.group-search .group h3 .members, body.group-search .group h3 .comments {
	display: block;
	width: 80px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	font-weight: normal;
	font-size: 11px;
	color: #6bbb42;
	padding-top: 1px;
}
body.group-search .group h3 .members {
	width: 90px;
}
body.group-search .group h3 .comments {
	width: 100px;
	margin-right: 0px;
}
body.group-search .group p {
	height: 40px;
	color: #FFF;
	margin: 10px 130px 5px 0px;
	padding-left: 30px;
	font-size: 11px;
}
body.group-search .group p.private {
	background: url("/mac/web/png/lock.png") no-repeat;
	background-position: 8px 8px;
}

/* group details */
body.group-details #content {
	font-size: 11px;
}
body.group-details #topActions h2 {
	padding: 15px 40px 0px 50px;
	font-weight: normal;
	width: 420px;
	float: left;
	margin: 0;
}
body.group-details .num {
	color: #007D00;
}
body.group-details #topActions h2.private {
	background: url("/mac/web/png/lock.png") no-repeat;
	background-position: 15px 15px;
}
body.group-details #topActions span.date {
	padding: 20px 10px 0px 0px;
	float: left;
	font-size: 11px;
	width: 140px;
}
body.group-details #left {
	width: 440px;
	min-height: 330px;
	float: left;
	font-size: 11px;
	border: 0px solid red;
}
body.group-details #left #desc {
	padding-right: 20px;
}
body.group-details #left .text {
	padding-left: 20px;
	background: url("/web/images/arrow_green.gif") no-repeat 1px 3px;
}
body.group-details .image {
	background: url("/mac/web/images/group_infoboks_top.gif") no-repeat #000;
	width: 220px;
	text-align: center;
	float: right;
	margin-bottom: 15px
}
body.group-details .image img {
	margin-top: 15px;
}
body.group-details .info {
	width: 220px;
	text-align: left;
	background: url("/mac/web/images/group_infoboks_top.gif") no-repeat #000;
	float: right;
	margin-bottom: 15px;
	padding: 0px;
	font-size: 11px;
	color: #FFF;
}
body.group-details .info a {
	color: #69bb3f;
}
body.group-details .info .indent{
	padding: 6px 25px 10px 25px;
}
body.group-details .info h3 {
	color: #FFF;
	margin: 0px 0px 20px 0px;
	font-size: 11px;
}
body.group-details .info ul{
	padding-left: 0px;
	list-style: none;
	
	margin-top: 5px;
}
body.group-details .info ul li {
	margin-bottom: 5px;
	background: url("/mac/web/images/arrow_white.gif") no-repeat;
	background-position: 1px 3px;
	padding-left: 17px;
}
body.group-details .bottom {
	display: block;
	width: 220px;
	height: 15px;
	clear: both;
	background: url("/mac/web/images/group_infoboks_bottom.gif") no-repeat #000;
}
body.group-details #members .member {
	float: left;
	margin: 0px 0px 20px 20px;
}
body.group-details #pictures .picture {
	float: left;
	margin: 0px 0px 20px 20px;
}
body.group-details #videos .video {
	float: left;
	margin: 0px 0px 20px 20px;
}
body.group-details table.comments {
	width: 100%;
	font-size: 11px;
}
body.group-details .comments td {
	border-bottom: 1px solid #aaa;
	padding: 10px 0px 10px 0px;
}
body.group-details .comments td.message {
	padding-left: 20px;
	padding-top: 10px;
	background: url("/web/images/arrow_green.gif") no-repeat left 13px;
}
body.group-details .comments td.message span.numDate {
	font-weight: bold;
}
body.group-details .comments td.userInfo {
	width: 200px;
}
body.group-details .comments td.userInfo img {
	float: left; 
	margin-right: 10px;
	margin-left: 10px;
}

body.group-details #content form {
	margin-top: 20px;
}
body.group-details #content form {
	margin-top: 30px;
	width: 350px;
}
body.group-details .form-textarea {
	border: 1px solid #aaa;
	width: 350px;
}
body.group-details #content .form-button {
	float: right;
}

/* group picture show */

body.group-details #largePicture {
	width: 340px;
	border: 0px solid yellow;
	float: left;
	font-size: 11px;
}
body.group-details #pictureInfo {
	width: 280px;
	float: right;
	font-size: 11px;
}
body.group-details #pictureInfo dl {
	position: relative;
}
body.group-details #pictureInfo dl dt {
	position: absolute;
	left: 0;
	width: 80px;
}
body.group-details #pictureInfo dl dd {
	margin-left: 80px;
}

/* group new */
body.group-new label {
	display: block;
	width: 120px;
	float: left;
}
body.group-new .form-text {
	width: 200px;
}
body.group-new .group-desc {
	width: 400px;
	height: 150px;
}	
body.group-new .group-contact {
	width: 200px;
	height: 50px;
}
body.group-new .form-textarea.extra-field {
	width: 400px;
}