/*
Stylesheet for MX-5 community site
Date: April 2009
Version: 1.0.0
Developer: S. Cmakal
*/
body 			{ font: 0.75em Arial,Helvetica,Verdana,Geneva,sans-serif; padding: 0; background-color: #e1e3e3; color: #666; height: 100%; width: 100%; line-height: 1.5em; }
html			{ width: 100%; height: 100%;}
* 				{ margin: 0; padding: 0; }
div				{ margin:0; padding:0; }
p				{ margin:0 0 0.4em 0; line-height: 1.4em; }
ul				{ margin:0;padding:0;list-style:none;}
li				{ margin:0;padding:0; line-height: 1.6em;}
img 			{ border: 0;}
a				{ color: #0088ce; text-decoration: none; font-weight: bold;}
a:hover			{ text-decoration: underline; color: #0088ce;}
p a				{ font-weight: normal;}
fieldset		{ border: none;}
hr 				{ width: 100%; border: none; height: 1px; background-color: #666; margin: 0.7em 0; }
dl dd			{ margin-bottom: 0.5em;}
h1				{ padding: 0 0 0.5em 0;font-size: 2em; font-weight: bold; line-height: 1em; }
.intro h1		{ color: #0c81cd; font-size: 2.5em; }
h2				{ padding: 0 0 0.5em 0;font-size: 1.3em; font-weight: bold;}
h3				{ padding: 0 0 0.5em 0;font-size: 1.1em; font-weight: normal;}
h4				{ font-size: 1em; text-transform:uppercase; font-weight: normal;}
h5				{ color: #1d2e64; font-size: 1em;font-weight:normal;}
.clear			{ clear:both;}
input			{ float: right; font-size: 1em; padding: 3px 0 3px 4px; margin: 0 0 10px; width: 93%; border: 1px solid #d5d5d5;}
select			{font-size: 1em; padding: 0; }
option			{ padding: 1px 5px;}
legend			{}
em				{ font-style: normal;}

table			{ border: none; margin: 0; padding: 0; width: 100%; text-align: left; font-size: 1em; border-collapse: collapse;}
th				{ padding: 1px 0 1px 5px; text-align: left; }
td				{ padding: 1px 0 1px 5px; margin: 0; vertical-align: top;} 
.even			{ background-color: #edf9ff; }

.disclaimer		{ font-style: italic; font-size: 0.95em; }
.small_text		{ font-size: 90%;}
.big_quote		{ font-size: 200%; margin-top: 0.5em; display: block; }
.signature      { width: 55%; display: block; color: #999; font-size: 0.9em; }
.signature hr   { border-top: 1px dashed #eee; }
.signature p	{ width: 100%; }
#LeftContentArea .itemSummary .itemContent .signature img	{ max-width: 100% !important; height: auto !important; }
#LeftContentArea .itemSummary .itemContent .signature .signatureImage IMG { width: auto !important; max-width:360px !important; }

/* IE6 Fix*/
#LeftContentArea .itemSummary .itemContent .signature .signatureImage .oneHundredPercent { width: 100% !important; }
#LeftContentArea .itemSummary .itemContent .signature .signatureImage .autoWidth { width: auto !important; }

.quote_content	{ text-indent: 1.5em; display: block; font-style: italic; margin-top: 0; }

.floatLeft		{ float: left;}
.floatRight		{ float: right !important;}

.hidden		{display: none;}
.error		{color: Red;}



#BreadCrumbsArea {
	width: 643px;
	padding: 0 16px 0 2px;
	font-size: 0.8em;
	overflow: hidden;
	position: absolute;
	top: 30px;
	left: 5px;
	letter-spacing: 0.05em;
	color: #333;
}
#BreadCrumbsArea a:hover {
	text-decoration: underline;
}

div.bannerText {
	position: absolute;
	top: 55px;
	left: 30px;
	width: 250px;
	overflow: hidden;
}
div.bannerText h1 {
	font-size: 1.5em;
	color: #333;
	margin: 0;
	float: left;
}

#MyPage ul.blogEntries {
	margin: 0;
	list-style-image: none;
}
#MyPage ul.blogEntries li {
	background: url(images/defaultbullet.png) no-repeat left center;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
	display: block;
	overflow: hidden;
}
#MyPage ul.blogEntries li h2 {
	font-size: 1em;
}
ul.messages {
	margin: 0;
	overflow: hidden;
	clear: both;
	list-style: none;
	list-style-image: none;
	float: left;
}
ul.messages li { float: left; padding: 5px 12px 5px 12px; display: block; overflow: hidden; background-color: #fff; width: 266px; }
ul.messages li.odd {
	background-color: #f0f0f0;
}
ul.messages .imgListThmb {
	margin-right: 10px;
}
div.messagePreview {
	float: left;
	width: 70%;
}
div.singleMessageHeader { float: left; background-color: #f0f0f0; margin-bottom: 10px; padding: 5px; overflow: hidden; }
#ThreeColumns #MiddleContentArea div.singleMessageHeader	{ width: 280px;}
div.messageWriter {
	float: left;
	width: 70%;
	margin-left: 2%;
}

/*************************/
/* BLOG                  */
/*************************/
ul.popularBlog {
	font-size: .8em;
	list-style: none;
	overflow: hidden;
	margin: 0 0 0 5px;
	padding-top: 10px;
}
ul.popularBlog li {
	overflow: hidden;
	list-style-image: none;
	margin-bottom: 5px;
}
ul.popularBlog h2 {
	margin: 3px 0 0 0;
}
div.blogShortInfo {
	float: left;
	overflow: hidden;
	width: 138px;
	height: 60px;
	padding-top: 2px;
	padding-left: 15px;
	padding-right: 5px;
	margin-left: 5px;
	background: url(images/boxes/dialogBox.png) no-repeat left;
}
/* Tag links */
.tags {
	overflow: hidden;
	clear: both;
}
.tags h2 {
	float: left;
	font-style: normal;
}
.tags ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.tags li {
	font-family: Verdana, Helvetica, Sans-Serif;
	list-style: none;
	list-style-image: none;
	float: left;
	margin-left: 0.5em;
}

/* Date archive */
div.dateTree {
	margin: 0;
	padding: 5px;
	overflow: hidden;
}
div.dateTree ul {
	list-style-image: none;
	padding: 0;
	margin: 0;
}
div.dateTree ul ul {
	margin: 0 0 0 0;
}
div.dateTree ul li {
	background-image: none;
	margin: 0;
	padding: 0 0 0 0;
}
div.dateTree ul li ul li {
	background-image: none;
	padding-left: 15px;
}
/* Comments */
ol.comments {padding: 5px 0 0 0;margin: 0;list-style: none; width: 100%; float: left;}
ol.comments li {padding: 0; margin-bottom: 0;border-bottom: 1px solid #f0f0f0;overflow: hidden; float: left;}
ol.comments div.dateAndWriter {
	float: left;
	margin-right: 1%;
	margin-left: 1%;
	width: 12%;
	overflow: hidden;
}
ol.comments div.itemContent {
	float: left;
	/*width: 85%;*/
	overflow: hidden;
}
ol.comments div.itemContent ol	{ list-style: decimal inside; margin: 1em; }
ol.comments div.itemContent ul	{ list-style: disc inside; margin: 1em; }
ol.comments div.itemContent li	{ border: none; float: none; }
ol.comments h3 {
	margin-top: 0;
}
ol.comments .footer {
	margin-top: 0.4em;
	text-align: right;
}
ol.comments .footer h2 {
	margin: 0.5em 0;
	margin-top: 0.2em;
	font-size: 1.1em;
	font-style: italic;
}
ol.comments .footer a {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-style: normal;
}
/* Post comment */
fieldset.comment {
}
fieldset.comment ul {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-style: normal;
	font-size: 0.8em;
	background-color: #eeeeee;
	margin: 1em 0;
	padding: 1em;
}
/*************************/
/* Images/Videos         */
/*************************/
table.itemContainer {
	/* margin: 5px 5px 0 5px; */
	overflow: hidden;
}
table.itemContainer tbody {
	padding-top: 10px;
}
table.itemContainer tr {
}
table.itemContainer td {
	padding-bottom: 10px;
	width: 110px;
	vertical-align: bottom;
}
table.itemContainer.clubs .imgListThmb {
	float: none;
}
table.itemContainer.galleries td, table.itemContainer.videos td, table.itemContainer td.members { vertical-align: top; width: 105px; padding: 10px 10px 0px 10px; }
table.itemContainer.clubs td {
	width: 70px;
	padding: 0 0 3px 0;
}
table.itemContainer td div.galleryListContent {
	text-align: left;
}

ul.galleryList {
	min-height: 100px;
	overflow: hidden;
	margin-left: 0;
	clear: both;
}
ul.galleryList li {
	float: left;
	border: none;
	padding: 3px;
	overflow: hidden;
	display: inline;
	margin-right: 5px;
}
ul.galleryList li.selected {
	border: 2px solid #028ACF;
	padding: 3px;
}
ul.galleryList a {
	overflow: hidden;
	float: left;
}
a.arrowGallery {
	font-weight: bold;
	font-size: 2em;
}
img.galleryImg {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #BABABA !important;
}
img.galleryImg:hover {
	border: 1px solid #333;
}
img.galleryImg.large {
	overflow: hidden;
	margin-bottom: 10px;
}
img.galleryImg.large:hover {
	border: 1px solid #BABABA;
}
input.uploadButton {
	width: 57px !important;
	height: 23px;
	border: none !important;
	float: left !important;
	color: #444;
	overflow: hidden;
	margin-left: 10px !important;
	font-size: 12px;
	padding: 0;
	background: transparent url(images/buttons/button.png) no-repeat top;
}
/*************************/
/* Clubs and Tabs        */
/*************************/
#ClubMenuArea			{ height: 70px; margin-bottom: 10px;  } /* overflow: hidden; */
#ClubMenuArea h1		{ font-size: 1.6em;}
#ClubMenuArea ul		{ float: left; clear: left; padding: 5px;}
#ClubMenuArea ul li		{ float: left; padding-right: 5px;  }
#ClubMenuArea ul li a	{ padding: 0 1px;}
#ClubMenu				{ background: #bbb url(../images/bg_gradients.gif) repeat-x 0 0; height: 70px; } /* overflow: hidden; */
#ClubMenu h1			{ float: left; margin: 0; }
#ClubHeader				{ padding: 10px 10px 0 10px; color: #fff; position: relative; } /* overflow: hidden; */
#ClubMenu .selected a	{ color: #666; }
#ClubMenu li			{ border-right: 1px solid #d8dadb; }
#ClubMenu .mainInfoBoxMenuList	{ float: left; clear: left; width: 540px; padding: 1px 0; }
#ClubMenu .mainInfoBoxMenuList ul	{ margin: 0; }
#ClubMenu .floatright		{ position: absolute; top: -22px; right: 0; display: block; }
#ClubMenu a.report			{ background: transparent url(../images/elements.gif) no-repeat 0 -587px; }

li.clubInfo {
	background: url(/Templates/RelatePlus/Styles/Images/icons/Information_indication.png) left top no-repeat;
	padding: 0 0 10px 25px;
}
span.clubInfo {
	color: #666;
	font-weight: bold;
}
.calendarHeading {
	font-weight: bold;
	color: #333;
	font-size: 1.1em;
}
.calendarText {
	color: #333;
	border: none;
}
.calendarText a {
	color: #025897 !important;
	font-weight: bold;
	font-size: 1.1em;
}
.calendarText td {
	height: 20px;
	border: none;
}
.calendarOtherDay a {
	color: #999 !important;
}
.daySelected a { background-color: #89c1ff !important; padding: 0 4px; border: 1px solid #999 !important; overflow: hidden; }
li.appliedMembers {
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
li.appliedMembers div.comment {
	margin: 0;
}
li.appliedMembers h2 {
	margin: 0;
}
div.description {
	margin: 5px 0 5px 0;
}
input.timeOfMonth {
	width: 90px !important;
}
input.timeOfDay {
	width: 50px !important;
}
/****AJAX Calendar****/
.ajax__calendar_body {
	overflow: hidden;
}
.ajax__calendar_body {
	overflow: hidden;
	border: none;
}
.ajax__calendar_container {
	background: url('images/box_bg_170.gif') right top;
	border: solid 1px black;
	z-index: 10002;
	overflow: hidden;
}
.ajax__calendar_hover {
	background-color: transparent;
	color: #333;
	padding: 0;
	margin: 0;
}
.ajax__calendar_days .ajax__calendar_active {
	background-color: #FFFEE4;
	color: #FEC208;
	border: solid 1px #FEC208;
	padding: 0;
	margin: 0;
}
.ajax__calendar_hover .ajax__calendar_title, .ajax__calendar_hover .ajax__calendar_next, .ajax__calendar_hover .ajax__calendar_prev, .ajax__calendar_footer {
	background-color: transparent;
	color: #666666;
	padding: 0;
	margin: 0;
}
.ajax__calendar_other {
	color: #999999;
}
.ajax__calendar_footer {
	margin: 5px 0 0 0;
}
.ajax__calendar_day {
	border-right: transparent 1px solid;
	border-top: transparent 1px solid;
	border-left: transparent 1px solid;
	border-bottom: transparent 1px solid;
}
/*************************/
/* Extras                */
/*************************/
/*.padding5x5 {
	padding: 5px;
	overflow: hidden;
}*/
div.services {
	margin: 10px 0 10px 0;
	overflow: hidden;
	float: left;
	width: 100%;
}
#MyPage div.services {
	margin: 0 0 10px 0;
	font-size: 0.9em;
}
div.validation {
	float: left;
}
.odd {
	background-color: #f0f0f0;
}
div.skypeIcon {
	float: left;
	margin-right: 10px;
}
div.msnIcon {
	float: left;
}
.smallText {
	color: #606060;
	float: left;
	font-size: 0.9em; clear: left; width: 100%;
}
span.requested {
	font-style: italic;
	font-weight: bold;
}
span.tagInformation {
	clear: both;
	display: block;
	font-style: italic;
	color: #606060;
	font-size: 0.9em;
}
span.bold {
	font-weight: bold;
}
/*
.overflowhidden {
	overflow: hidden;
}*/
.floatright	{ float: right;	overflow: hidden; }
.floatleft	{ float: left; overflow: hidden; }
.alignLeft	{
	text-align: left !important;
}
.clearboth {
	clear: both;
	width: 100%;
}

/*************************/
/* Rating                */
/*************************/
div.ratingContainer {
	float: left;
	margin: 4px 0 0 4px;
}
.ratingStar {
	font-size: 0pt;
	width: 13px;
	height: 9px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	float: right;
	background-repeat: no-repeat;
}
.filledRatingStar {
	background-image: url(Images/icons/rating_filled.png);
}
.emptyRatingStar {
	background-image: url(Images/icons/rating_notfilled.png);
}
.savedRatingStar {
	background-image: url(Images/icons/rating_red.png);
}
ul.rating {
	background: url(images/icons/rating.png) no-repeat;
	width: 65px;
	margin: 0;
	height: 9px;
	float: left;
	margin: 3px 0 0 5px;
	vertical-align: middle;
	list-style: none;
}
ul.rating li {
	float: left;
	width: 9px;
	margin-right: 4px; clear: none;
}
ul.rating li span {
	background: url(images/icons/rating_filled.png) no-repeat;
	overflow: hidden;
	width: 9px;
	height: 9px;
	float: left;
	display: block;
}

/*************************/
/* Pagination            */
/*************************/
a.numericButton {
	background-color: #BFBFBF;
	border: 1px solid #999 !important;
	color: #FFFFFF;
	padding: 1px 2px 1px 2px;
}
a.numericButton:hover {
	background-color: #C0DFFF;
	border-color: #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color: #333333 !important;
	text-decoration: none;
}

#MainMenuArea		{ height: 29px; background: #bbb url(../images/bg_gradients.gif) repeat-x; border-bottom: 17px solid #fff; margin-bottom: 10px; float: left; width: 100%;}
#MainMenu ul		{ height: /*26px*/auto; margin: 0 auto; padding: 4px 0 0 0; width: auto; }
#MainMenu ul a		{ display: block; margin: 0 0.5em 0 0; color: #fff; padding: 6px 8px 0; }
#MainMenu ul li		{ float: left; position: relative; width: auto; }
#MainMenu ul .selected a	{ color: #333; background-color: #fff; text-decoration: none;}
#MainMenu ul a:hover		{ color: #fff; background-color: #848484; text-decoration: none; }

#footer_wrapper		{ height: 31px; background: #bbb url(../images/bg_gradients.gif) repeat-x 0 -96px; width: 100%; }
#footer_wrapper .inner	{ margin: 0 auto; width: 790px; }
ul.footer		{ padding: 8px 0 0; font-size: 0.9em; float: right; }
ul.footer a		{ display: block; margin: 0 0.5em 0 0; color: #fff; padding: 0 8px 0; font-weight: normal; text-transform: uppercase; border-right: 1px solid #fff; }
ul.footer li.last a	{ border: none; margin: 0; padding-right: 0; }
ul.footer li		{ float: left; position: relative; width: auto; }

#upper_footer_wrapper		{ height: 140px; background-color: #d3d3d3; width: 100%; clear: both; margin-top: 5px; }
ul.upper_footer				{ margin: 0 auto; padding: 8px 0 0; width: 790px; display: block; font-size: 0.9em; background: #d3d3d3 url(../images/bg_grey_arrow.gif) repeat-x; padding-top: 23px; }
ul.upper_footer li			{ display: block; margin: 0 5px 0 0; background: transparent url(../images/cta_thumbs.jpg) no-repeat 0 -88px; width: 260px; height: 88px; float: left; position: relative; }
ul.upper_footer li a			{ display: block; width: 100%; height: 100%; }
ul.upper_footer li a:hover em		{ text-decoration: underline; }
ul.upper_footer li a em			{ display: block; position: absolute; top: 62px; left: 23px; color: #fff; }
ul.upper_footer li.dealer 		{ background-position: -265px -88px; }
ul.upper_footer li.brochure 	{ background-position: -530px -88px; }
ul.upper_footer li.last 		{ margin: 0;}
ul.upper_footer li:hover		{ background-position: 0 0; }
ul.upper_footer li.dealer:hover		{ background-position: -265px 0; }
ul.upper_footer li.brochure:hover	{ background-position: -530px 0; }

.image_thumbnails	{ padding-bottom: 5px; float: left; width: 290px; }
.image_thumbnails li	{ float: left; padding-right: 2px; }
.image_thumbnails img	{ float: none; margin: 0; padding: 2px; border: 1px solid #c6c6c6; float: left; }
.image_thumbnails a:hover img	{ border: 1px solid #0085cf;}
#RightContentArea .image_thumbnails		{ width: 210px; padding: 0; }
#RightContentArea .image_thumbnails li	{ padding: 0 21px 9px 0; }
#RightContentArea .image_thumbnails li.end_row	{ padding-right: 0;}
.club .image_thumbnails,
.gallery .image_thumbnails				{ width: 510px; padding: 0; }
.club .image_thumbnails li,
.gallery .image_thumbnails li			{ padding: 0 10px 20px 0; width: 120px; }
.club .image_thumbnails li.end_row,
.gallery .image_thumbnails li.end_row	{ padding-right: 0;}
.club .image_thumbnails img,
.gallery .image_thumbnails img			{ padding: 4px;}

.club .intro .mainInfoBoxContent,
.blog .intro .mainInfoBoxContent       		{ padding: 0 200px 0 0; min-height: 150px;  }
.club .intro .mainInfoBoxContent .image,
.blog .mainInfoBoxContent .image        { position: absolute; right: 0; top: 0;}

#StageArea		{ margin: 0 auto; width: 790px;}
#HeaderArea			{ height: 150px; width: 100%; background: transparent url(../images/bg_blue.gif) repeat-x;}
#HeaderArea #Header	{ height: 150px; width: 100%; background: transparent url(../images/bg_flash.jpg) no-repeat 24px 0;}
#HeaderArea #Logotype a		{ display: block; width: 199px; height: 0; padding-top: 120px; overflow: hidden; background: transparent url(../images/mazda_logo_vi.png) no-repeat; position: relative; top: 30px;}
#TopLogin					{ float: right; padding-top: 6px; color: #fff; text-align: right; width: auto; height: 21px;}
#TopLogin .msg				{ float: right;}
#MainMenu a.login			{ float: right; height: 21px; width: auto; background: #028acf url(../images/bg_gradients.gif) repeat-x 0 -48px; color: #fff; padding: 2px 10px; border: none; font-size: 0.9em; font-weight: bold; display: block; text-transform: uppercase; font-family: Arial; margin: -6px 0 0 10px; }
#HeaderArea	div.logo	{ width: 317px !important; height: 149px !important; margin: 0 auto; background: transparent url(../images/mx-5_logo.png) no-repeat; margin-top: -150px; position: relative !important; }

#MiddleContentArea .personalBox		{ float: left; background-color: #fff; width: 320px; margin-bottom: 10px; }
#LeftContentArea					{ width: 540px; float: left; }
.home #LeftContentArea .mainInfoBox .headingContainer,
.home #LeftContentArea { width: 210px; float: left; }

.club #LeftContentArea .mainInfoBox .headingContainer,
.club #LeftContentArea { width: 540px; float: left; }

#LeftContentArea .left .mainInfoBox .mainInfoBoxContentContainer	{ width: 180px; }
#MiddleContentArea .headingContainer,
#MiddleContentArea .sub_header	{ width: 320px; float: left; }
.modalPopUp .headingContainer	{ width: 100% !important;}
#MiddleContentArea				{ width: 320px; float: left; padding-left: 10px; }
#MiddleContentArea .mainInfoBoxContentContainer dl		{ width: 225px; }
#MiddleContentArea .mainInfoBoxContentContainer dl dl	{ width: auto; }
#MiddleContentArea .mainInfoBoxContentContainer			{ width: 290px; }

#RightContentArea .headingContainer						{ width: 100%; }
#RightContentArea .tagCloud .headingContainer			{ width: 240px; }
#RightContentArea 										{ width: 240px; float: right; }
#RightContentArea .tagCloudContent,
#RightContentArea .mainInfoBox .mainInfoBoxContentContainer	{ width: 210px; }
#RightContentArea div.menuBar								{ width: auto; margin: -15px -15px 15px -15px; padding: 5px 15px 0 15px;  }

a.cta			{ display: block; width: 240px; height:0; overflow: hidden; padding-top: 42px; background: url(../images/buttons/cta_join.gif) no-repeat; margin-bottom: 10px; clear: both;}
a.next			{ display: inline-block; background: url(../images/elements.gif) no-repeat 0 4px; padding-left: 14px; clear: left; margin-top: 5px;}

ul.ordinary,
ul.arrowLinks		{ float: left; font-size: 0.9em; margin-top: 10px; text-align: left; width: 100%; }
#LeftContentArea .intro ul.arrowLinks	{ width: 255px;}
ul.ordinary			{ margin: 0;}
.services a, a.next,
ul.ordinary li a,
ul.arrowLinks li a	{ display: inline-block; background: url(../images/elements.gif) no-repeat 0 3px; clear: left; margin: 1px 0 2px; padding-left: 14px;}
ul.ordinary li		{ margin: 0; float: left; clear: none; width: 100%; }
ul.arrowLinks li	{ float: left; clear: left; width: 100%; }
.interact ul.ordinary li a	{ background-image: none; padding-left: 0;}
.interact ul.ordinary	{ margin-bottom: 10px;}
.marginBottom			{ margin-bottom: 10px;}

.mainInfoBox			{ margin: 0 0 10px; float: left; width: 100%; }
.headingContainer		{ background: #bbb url(../images/bg_gradients.gif) repeat-x; }
.headingContainer h2,
.headingContainer h1	{ text-transform: uppercase; color: #fff; padding: 8px 15px; margin: 0; font-size: 0.9em; font-weight: bold; }

.mainInfoBox .headingContainer h2 a	{ color: #fff; }
.mainInfoBox .headingContainer ul	{ padding: 3px 0 0 10px; float: left; }
.mainInfoBox .headingContainer ul li	{ display: inline-block; padding: 3px 12px 0 0; float: left; }
.mainInfoBox .headingContainer ul li a	{ color: #fff; padding: 3px 5px;}
.mainInfoBox .headingContainer ul li.selected a	{ background-color: #fff; color: #333;}
.mainInfoBox .sub_header	{  background: #bbb url(../images/bg_gradients.gif) repeat-x 0 -135px; height: 25px; }
.mainInfoBox .sub_header a	{ }
.mainInfoBox .sub_header ul 	{ padding: 0 15px; }
.mainInfoBox .sub_header ul li	{ display: inline-block; padding: 3px 5px 0 0; float: left;}
.mainInfoBox .sub_header ul li a	{ border-right: 1px solid #c4c7c8; padding-right: 5px; }
.mainInfoBox .sub_header ul li.selected a	{ color: #666; }
.mainInfoBox .sub_header ul li.last a	{ border: none;}
.mainInfoBox .header h1		{ color: #fff; height: 22px; padding: 9px 15px 5px; margin: 0; font-size: 1.25em; font-weight: bold; position: relative; }
h1 a.button			{ text-transform: none; float: none; position: absolute; right: 0; height: 22px; top: 0; padding-top: 9px; }

div.menuBar {
	background: #BBBBBB url(../images/bg_gradients.gif) repeat-x 0 -135px;
	padding: 5px 0 0 15px;
	height: 25px;
	margin: -15px 0 15px -15px; width: 305px;
}
#MainContentArea #LeftContentArea div.menuBar { padding-right: 10px; width: 515px; }
.even ul.activityList  li.edit		{ background-position: 0 -193px; background-color: #edf9ff; }
.even ul.activityList  li.delete		{ background-position: 0 -224px; background-color: #edf9ff; }
.even ul.activityList  li.report		{ background-position: 0 -255px; background-color: #edf9ff; }
a.report			{ background: transparent url(../images/elements.gif) no-repeat 0 -344px; padding: 0 0 2px 20px; margin-top: 0 !important; }
a.delete			{ background: transparent url(../images/elements.gif) no-repeat 0 -282px; padding: 2px 0 2px 20px; }
.odd a.delete		{ background: transparent url(../images/elements.gif) no-repeat 0 -466px;  }
a.edit				{ background: transparent url(../images/elements.gif) no-repeat 0 -223px; padding: 0 0 2px 20px; }

.tagCloudContent,
.mainInfoBoxContentContainer		{ padding: 15px; background-color: #fff; float: left; }
.mainInfoBox .mainInfoBoxContentContainer dt		{ margin-bottom: 8px; font-weight: normal; float: left; width: 100%;} /* color: #0088ce; */
.mainInfoBox .mainInfoBoxContentContainer dd	{ margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #d6d6d6; float: left; width: 24%; }
.mainInfoBox em			{ color: #999; margin-top: 8px;}
.mainInfoBox .body dd.last	{ margin-bottom: 0;}
.home #LeftContentArea .tagCloudContent,
.home #LeftContentArea .mainInfoBoxContentContainer	{ width: 180px; }
#LeftContentArea .tagCloudContent,
#LeftContentArea .mainInfoBoxContentContainer	{ width: 510px; }
#LeftContentArea .mainInfoBox table.body	{ width: 540px; }
#LeftContentArea .intro .mainInfoBoxContentContainer			{ width: auto; }
#ThreeColumns #LeftContentArea { width: 210px; }
#ThreeColumns #LeftContentArea .mainInfoBoxContentContainer { width: 180px; }

#LeftContentArea .boxList .mainInfoBoxContentContainer	{ width: 540px; padding: 0;}
#LeftContentArea .itemSummary h3						{ margin: 15px;}
#LeftContentArea .boxList table.itemContainer			{ margin: 0 0 10px; }
#LeftContentArea .boxList table.itemContainer h2		{ font-size: 1em; margin: 0; }

#LeftContentArea .itemSummary .itemContent img { max-width: 360px !important; width: auto; height: auto !important; }

.home .boxList .mainInfoBoxContentContainer	{ padding: 0; width: 320px !important;}
.home .boxList ul.topicList.forums li		{ padding: 10px 15px; width: 290px;}
.home .boxList .forumList		{ display: none !important;}
.home ul.topicList dt			{ width: 75% !important; }
.home ul.topicList dd			{ width: 20% !important; float: right; }
.home ul.topicList dd.posts		{ display: none !important; }
.home #MiddleContentArea .mainInfoBoxContentContainer dl		{ width: 290px; }

img.image		{ float: right; margin: 0 0 0 5px; }
img.logo		{ float: left; }

img.thumb			{ padding: 2px; border: 1px solid #c6c6c6 !important; float: left; margin: 0 8px 8px 0;}
img.large_image		{ padding: 4px; border: 1px solid #c6c6c6; float: left; margin: 0; }
.mainInfoBox .mainInfoBoxContentContainer dl dt	{ margin-bottom: 3px;}
.mainInfoBox .mainInfoBoxContentContainer dl dd	{ margin: 0; border: none; padding: 0; }

.mainInfoBox .mainInfoBoxContentContainer dl dd .wrapper	{ width: 140px; overflow: hidden; position: static; display: inline; }
.mainInfoBox .mainInfoBoxContentContainer dl dd span	{ display:inline; float: none;}
.mainInfoBox .mainInfoBoxContentContainer dl dd a	{ clear: left;  }

.mainInfoBox .mainInfoBoxContentContainer dl		{ float: left; }
.mainInfoBox .mainInfoBoxContentContainer .row		{ margin-bottom: 8px; padding-bottom: 8px; float: left; } /* border-bottom: 1px solid #d6d6d6; */
.forum .mainInfoBox .mainInfoBoxContentContainer dl dt	{ font-weight: normal; clear: none; width: auto; clear: left; padding-right: 5px; width: 70%; }

.intro			{ float: left; width: 510px; padding: 10px 15px; margin-bottom: 10px; background-color: #fff; }
.home .intro		{ background: #fff url(../images/bg_car_blue.jpg) no-repeat 100% 100%; }
.intro em		{ font-weight: bold; margin: 1em 0 2em; display: block; font-size: 1.1em}
.intro .body		{ width: 330px;}
.intro h1, 
.blog .mainInfoBoxContent h1	{ margin-bottom: 0; color: #0C81CD;}
.forum .intro	{ background: #fff url(../images/bg_we_love.gif) no-repeat 100% 100%; width: 435px; padding-right: 340px; }
.forum .intro .mainInfoBoxContentContainer		{ width: 440px;}
.forum td			{ padding: 5px 0; }
.forum #LeftContentArea .mainInfoBox .mainInfoBoxContentContainer	{ width: 790px; padding: 0;  }
.forum th		{ border-bottom: 1px solid #e4e4e4; padding: 5px 0; }
td.main		{  padding-left: 15px; }
td.posts		{ width: 20%; text-align: center;}
td.last_post		{ width: 20%; }
td.thumbs		{ width: 70px; padding: 10px 0 10px 15px;}
td.thumbs img.thumb	{ margin: 0; }
td.info			{ width: 120px; padding: 10px 15px 10px 9px; border-left: 1px solid #e4e4e4; }
.club td.main	{ padding: 10px; width: 283px;}

.member .intro .mainInfoBoxContent,
.video .intro .mainInfoBoxContent,
.gallery .intro .mainInfoBoxContent		{ padding: 0 200px 0 0; min-height: 134px;  }
.intro .mainInfoBoxContent .topImage,
.intro .mainInfoBoxContent .image		{ position: absolute; right: 0; top: 0;}

.home .intro img	{ display: none; }
.home .intro .mainInfoBoxContentContainer	{ background-color: transparent; }
.home .intro .mainInfoBoxContent			{ width: 325px; }
.club .headerBox .mainInfoBoxContentContainer		{ width: 510px; margin-top: 10px; }
.club .headerBox ul.list		{ clear: none !important; padding-left: 10px; width: 310px !important; }

.club  .intro		{ width: 515px; padding-right: 10px; min-height: 115px; }
.club .intro .mainInfoBoxContentContainer		{ width: 495px;}

.forum .mainInfoBox .mainInfoBoxContentContainer div.right	{ width: 660px; float: right;}
.forum .mainInfoBox .mainInfoBoxContentContainer div.left	{ width: 100px; float: left;}
.forum .mainInfoBox .mainInfoBoxContentContainer div.left img	{ padding: 2px; border: 1px solid #c6c6c6; float: left; margin: 0 0 8px;}
.forum .mainInfoBox ul.mainInfoBoxContentContainer ul.activityList		{ border-top: 1px solid #c4c7c8; padding-top: 5px; margin-top: 5px;}
.forum .mainInfoBox ul.mainInfoBoxContentContainer ul.activityList li		{ border: none; display: inline-block; padding: 0 20px; width: auto;}
.forum .mainInfoBox ul.mainInfoBoxContentContainer ul.activityList li a		{ font-weight: normal; }
.forum .mainInfoBox ul.mainInfoBoxContentContainer h3		{ font-size: 1.2em; color: #666; font-weight: bold;}
.forum .mainInfoBox ul.mainInfoBoxContentContainer .summary	{ margin-bottom: 15px; font-size: 0.9em }
.forum .mainInfoBox ul.mainInfoBoxContentContainer .left dd,
.forum .mainInfoBox ul.mainInfoBoxContentContainer .left dt	{ color: #666; margin: 0; line-height: 1.4em; }
.forum ul.body li	 				{ float: left; width: 760px; padding: 15px;}
.gallery ul.activityList			{ width: 100%; }
.gallery ul.activityList li		{ border: none; }

.gallery #LeftContentArea ul.mainInfoBoxContentContainer			{ width: 510px; float: left; padding-top: 7px; }
.gallery #LeftContentArea ul.mainInfoBoxContentContainer li		{ border-bottom: 1px solid #c7c7c7; float: left; padding: 8px 0;}
.gallery #LeftContentArea ul.mainInfoBoxContentContainer li li		{ border: none;}
.gallery #LeftContentArea ul.mainInfoBoxContentContainer li .left	{ width: 66px; }
.gallery #LeftContentArea ul.mainInfoBoxContentContainer li .right	{ width: 440px; padding: 0; }
ul.mainInfoBoxContentContainer li			{ }
ul.mainInfoBoxContentContainer li a		{ }

.form_row label		{ text-transform: uppercase; margin-bottom: 5px; float: left; }
.form_row  input		{ float: left; }
.check			{}
.check input		{ width: auto; margin: 0 10px 0 0; border: none;}
.check label		{ }
.buttons		{  }
#breadcrumb				{ width: 100%; padding: 0 0 8px 0;float: left; font-weight: bold}
#breadcrumb a			{ padding: 0 5px 0 0;}

#BackToNavigationArea	{ width: 100%; padding: 0 0 5px 0;float: left;}
#BackToNavigationArea a,
input.button,
a.button,
.buttons input		{ width: auto; background: #028acf url(../images/bg_gradients.gif) repeat-x 0 -48px; color: #fff; padding: 2px 10px; border: none; text-transform: uppercase; font-size: 0.9em; font-weight: bold; float: left; display: block; }
input.button:hover,
a.button:hover,
.buttons input:hover		{ color: #fff; cursor: pointer;}

.loginbutton { height:23px; width: 62px; background: #028acf url(../images/bg_gradients.gif) repeat-x 0 -48px; color: #fff; padding: 2px 10px; border: none; text-transform: uppercase; font-size: 0.9em; font-weight: bold; float: left; display: block; }
.loginbutton:hover 		{ color: #fff; cursor: pointer; text-decoration: underline; }

#PopUp span.button			{ margin-left: 5px; display: block; float: left}

#RightContentArea .buttons	{ float: right; }
#RightContentArea .buttons input	{ margin: 0; }
.floatRight .button	{ margin-left: 5px;}
.actionButtonRight		{ float: right; padding: 0 0 5px 0; text-align: right;}
.actionButtonRight a		{ float: left; margin: -5px 0 0 5px; }

.actionButtonLeft		{ float: left; padding: 0 0 5px 0; text-align: right;}
.actionButtonLeft a		{ float: left; margin: -5px 5px 0 0; }

div.galleryScroll	{ position: absolute; top: -39px; right: -13px;}
.scrollArrows		{ float: right; clear: both; }
.scrollArrows li		{ float: left; background: transparent url(../images/elements.gif) no-repeat 0 -689px; width: 21px; height: 21px;}
.scrollArrows li a		{ display: block; width: 21px; height: 0; padding: 21px 0 0 0; overflow: hidden; background: transparent url(../images/elements.gif) no-repeat 0 -647px;}
.scrollArrows li.next a	{ background-position: 0 -668px; }
.scrollArrows li.next	{ background-position: 0 -710px; margin-left: 5px; }

.mainInfoBoxContent		{ position: relative; } /* overflow: hidden; */

.mainInfoBox .summary 		{ float: left; width: 100%;}
.mainInfoBox .summary li		{ display: inline-block; float: left;}
.mainInfoBox .summary li.date	{ float: right;}

.paginationWrapper		{ float: left; padding: 10px 2% 0 0; clear: left; clear: both; width: 98%; } 
.pagination		{ float: right; margin: 0; padding: 0 0 15px; } /* right: -30px */
.pagination li	{ display: inline-block; float: left; margin: 0 1px; display: inline-block; padding: 5px 2px; background-color: #e1e3e3; line-height: 0.9em;}
.pagination li.first a:before	{ content: '« ';}
.pagination li.previous a:before	{ content: '« ';}
.pagination li.next a:after	{ content: ' »';}
.pagination li.last a:after	{ content: ' »';}
.pagination li a	{ font-size: 0.9em; display: inline-block; padding: 0 2px;}
.pagination li a:hover	{ color: #666;}
.pagination li span		{ font-size:0.9em; display: block;  }
.pagination li span.on		{ font-weight: bold; }
#gallery_search	{ float: left; width: 540px; padding-bottom: 5px; clear: left; }
#gallery_search	.form_row	{ width: 300px; float: left;}
#gallery_search	input	{ width: 150px; margin: 0 15px 0 0; height: 19px; padding: 3px 5px; }
#gallery_search	input.button	{ width: auto; height: auto; padding: 6px 5px;}

/* parallax */
/*
* html #parallax		{ display: none; }
#parallax			{ background: transparent url(../images/parallax/rain/bg_grey.png) repeat-x 0 0; display: block; width: 100%; height: 254px; position: absolute; top: 0; left: 0; margin: 0; padding: 0; }
#parallax li			{ display: block; width: 100%; height: 254px; position: absolute; top: 0; left: 0; margin: 0; padding: 0;}
.gallery .layer_0 	{ background: transparent url(../images/parallax/rain/trees.png) repeat-x -5% 100%;}
.gallery .layer_1 	{ background: transparent url(../images/parallax/rain/rain.png) repeat-x 8% 100%;}
.gallery .layer_2 	{ background: transparent url(../images/parallax/rain/car3.png) repeat-x 20% 100%; }
.gallery .layer_3 	{ background: transparent url(../images/parallax/rain/car2.png) repeat-x 30% 100%; }
.gallery .layer_4 	{ background: transparent url(../images/parallax/rain/large_tree.png) repeat-x -3% 100%; }
.gallery .layer_5 	{ background: transparent url(../images/parallax/rain/car1.png) repeat-x 50% 100%; }
.gallery .layer_6 	{ background: transparent url(../images/parallax/grass.png) repeat-x 0 100%;}
.gallery .layer_7 	{ background: transparent url(../images/parallax/rain/clouds.png) repeat-x -10% 0;}
*/

div.tagCloud		{ float: left; margin-bottom: 10px;}
ul.tagCloud			{ float: left; background-color: #fff; text-align: center;} /* width: 210px; padding: 15px; */
ul.tagCloud li		{ display: inline; padding: 0 5px; line-height: 100%; }
ul.tagCloud .tag1	{ font-size: 2em; }
ul.tagCloud .tag2	{ font-size: 1.5em; }
ul.tagCloud .tag3	{ font-size: 1.2em; }
ul.tagCloud .tag4	{ font-size: 1.1em; }
ul.tagCloud .tag5	{ font-size: 0.9em; }
ul.tagCloud .tag6	{ font-size: 0.875em; }
ul.tagCloud .tag6 a 	{ color: #666; }
ul.tagCloud .tag7		{ font-size: 0.8125em; }
ul.tagCloud .tag7 a 	{ color: #666; }
ul.tagCloud .tag8		{ font-size: 0.8125em; }
ul.tagCloud .tag8 a 	{ color: #666; }
ul.tagCloud .tag9		{ font-size: 0.75em; }
ul.tagCloud .tag9 a 	{ color: #666; }
ul.tagCloud .tag10		{ font-size: 0.75em; }
ul.tagCloud .tag10 a 	{ color: #666; }

.mainInfoBox .mainInfoBoxContentContainer ul.list		{ float: left; clear: left; width: 100%; }
.mainInfoBox .mainInfoBoxContentContainer ul.list li		{ color: #666; line-height:1.4em; margin: 0; width: 100%; float: left; clear: left; padding: 0;}
.mainInfoBox .mainInfoBoxContentContainer ul.list li strong	{ font-weight: normal; }
.mainInfoBox .mainInfoBoxContentContainer ul.list li.title	{ font-size: 1.5em}
.mainInfoBox .mainInfoBoxContentContainer .image_thumbnails ul.list li.title	{ font-size: 1.1em}
.mainInfoBox .mainInfoBoxContentContainer .image_thumbnails dl.list dt.title { font-size: 1em; color: #0085cf; font-weight: bold; padding-bottom: 5px; }
.mainInfoBox .mainInfoBoxContentContainer ul.list .last	{ padding: 5px 0; clear: left; }
.not_attending		{}
.attending			{}

.gallery .mainInfoBox .mainInfoBoxContentContainer ul.list	{ margin-top: 8px}
.gallery .mainInfoBox .mainInfoBoxContentContainer .right ul.list li	{ clear: none; padding-right: 10px; width: auto;}
.gallery .mainInfoBox .mainInfoBoxContentContainer .right ul.list li.last	{ clear: left; }

#RightContentArea .mainInfoBox .mainInfoBoxContentContainer ul.list	{ width: 145px; clear: none; border-bottom: 1px solid #c4c7c8; padding-bottom: 3px; margin-bottom: 5px;}


/* club status */
.open		{ color: #3d9b35 !important;}
.closed		{ color: #c9282d !important; }

.mainInfoBoxBottom	{ display: none;}

#PopUp { overflow: hidden; width: 100%; }
#PopUp .floatright		{ clear: left; float: left; width: 100%; }
#PopUp .floatright a	{ float: left; }
#PopUp .mainInfoBoxContentContainer { width: 100% !important; padding: 0; }
#PopUp .mainInfoBoxContentContainer .mainInfoBoxContent	{ padding: 15px; }
#PopUp .padding5x5 a	{}

#MySettings fieldset.mySettings {
	padding: 0;
	width: 100%;
}
#PopUp legend, #MySettings legend { color: red; font-style: italic; padding: 0 0 0 15px; font-size: 1em; }
#PopUp fieldset.popUp ul { margin: 1em 0; float: left; list-style-image: none; width: 100%; }
fieldset.mySettings ul {
	margin: 20px;
}
fieldset.createEvent ul {
	margin: 5px;
}
fieldset.createEvent li {
	padding: 0;
}
div.imageSelect {
	background-color: #eaeaea;
	padding: 10px 0 10px 15px;
	overflow: hidden;
	margin-bottom: 10px; float: left; width: 316px; width: 100%;
}
div.imageSelect label {
	text-align: left !important;
	width: 100% !important;
}
div.imageSelect input {
	float: none !important;
	margin: 0px 0 3px 0 !important;
}
div.imageSelect input {
}
div.imageSelect div.newImage {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}
div.newImage span.removeImage input {
	width: auto !important;
	border: none !important;
	clear: both;
	margin: 0 5px 0 0 !important;
}
div.newImage span.removeImage label {
	float: none !important;
	width: auto !important;
	margin: 0 0 2px 0 !important;
}
img.newImage {
	padding: 2px;
	width: 100px;
	background-color: transparent;
	float: left;
	overflow: hidden;
	border: 1px solid #bababa !important;
}
#PopUp h3 { font-style: italic; }
#PopUp label, fieldset.mySettings label { float: left; overflow: hidden; margin-top: 3px; margin-right: 15px; font-weight: bold; }
ul.register label {
	width: 110px;
	text-align: right;
}
fieldset.mySettings label, fieldset.mySettings span.passReq, fieldset.createEvent label {
	text-align: right;
	width: 110px;
}
label.video {
	width: 60px;
}
fieldset.mySettings span.passReq {
	overflow: hidden;
	float: left;
	clear: both;
}
fieldset.mySettings input {
	float: left;
}
fieldset.createEvent input {
}
fieldset.mySettings input.file, fieldset.createEvent input.file {
	margin-top: 20px;
	width: 17em !important;
}
#PopUp select, #MySettings select {
	border: 1px solid #ccc;
	margin-right: 10px;
	float: left;
}
#MySettings select.category {
	width: 15em;
}
#PopUp label span {
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
}
#PopUp input, #MySettings input {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 2px 0px 0px;
	width: 220px;
}
#PopUp input.text, #MySettings input.text {
	border: 1px solid #ccc;
}
span.radioButton {
	margin: 5px 5px 0 0;
	float: left;
}
span.radioButton label {
	float: none !important;
	color: #000 !important;
	width: auto !important;
}
span.radioButton input {
	width: auto !important;
	float: left;
	border: none !important;
}
#PopUp textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	float: right;
	border: 1px solid #ccc;
	width: 220px;
	height: 250px;
	background-color: transparent;
}
#PopUp textarea.textBox {
	width: 99%;
}
#PopUp a.close {
	color: #fff;
	position: absolute;
	top: 6px;
	right: 10px;
	font-size: 1em;
	font-weight: bold;
	text-transform: none;
}
.modalPopUpHost {
	overflow: hidden;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	visibility: hidden;
}
.modalPopUpCover {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	filter: alpha(opacity=70);
	opacity: 0.7;
	z-index: 1000;
}
.modalPopUpContentWrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
}
.modalPopUp {
	position: absolute;
	left: 50%;
	top: 100px;
}

ul.itemList			{ margin: 0; }
ul.itemList li		{ font-size: 0.9em; border-bottom: 1px solid #D6D6D6; padding-bottom: 5px; margin-bottom: 5px; }
ul.itemList li h2	{ margin: 0 0 3px 0; padding: 0; font-size: 1.1em }
ul.itemList li p	{ margin: 0; }

div.comment, span.comment { clear: both; color: #999; font-size: 1em; }
.mainInfoBoxContent td		{ padding: 0;}
.mainInfoBoxContent h2      { font-size: 1.1em; line-height: 1.3em; }
ul.login		{ margin: 0; float: left; }
ul.login li		{ width: 100%; margin-bottom: 5px; float: left; }
ul.login li span	{ float: left; clear: left; width: 100%}
ul.login label {
	text-transform: uppercase;
	color: #666;
	margin: 0 5px 0 0;
	font-size: 0.9em;
	float: left;
	width: 60px;
}
ul.login input.textBox {
	width: 202px;
	margin: 0;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	border: 1px solid #ccc;
	margin: 0 2px 3px 0;
	clear: left;
}
.loginCheckBox {
}
.loginCheckBox input {
	width: 20px !important;
	border: none !important;
	float: left;
	margin-top: 6px;
}
.loginCheckBox label {
	margin: 2px 0 0 0 !important;
	width: 80px !important;
}
div.valMessage	{ clear: both; margin: 2px 0 0 0; }
div.valMessage span	{ float: left; clear: left; }

#MainBodyArea	{ padding: 15px; background-color: #fff;}

.mainInfoBoxMenuList { padding: 3px 0 3px 0; overflow: hidden; color: #2e2e2e; background-color: #f0f0f0;  } /* margin: -15px -15px 0; */
.mainInfoBoxMenuList ul {
	margin: 0 0 0 2%;
}
.mainInfoBoxMenuList li {
	display: inline;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}
.mainInfoBoxMenuList li.last {
	border: none;
}

#LeftContentArea .itemSummary		{ width: 100%;  } /* width: 540px; background: transparent url(../images/bg_grey_line.gif) repeat-y 390px 0; */

/*************************/
/* Image Listings         */
/*************************/

ul.imgList {
	list-style: none;list-style-image: none;} /* overflow: hidden; */
ul.imgList li {
	float: left; margin-right: 4px; margin-bottom: 5px; display: block; 
}
.imgListThmb {
	padding: 2px;
	background-color: #fff;
	float: left;
	overflow: hidden;
	border: 1px solid #bababa !important;
}
div.member-info					{ overflow: hidden; margin-top: 5px; width: 100%; border-bottom: none !important; }
ul.imgList li div.member-info	{ }
div.member-info .imgListThmb	{ margin-bottom: 5px;margin-right: 10px;}
.dateAndWriter				{ width: 84px; padding: 10px 0 10px 15px; float: left; overflow: hidden; }
.author-info                { padding: 6px 0 0 15px; }
.itemSummary				{ float: left; clear: left;}
.itemSummary li				{ float: left; clear: left; width: 100%; }
.itemContent				{ width: 441px; float: left; padding: 0 0 8px; }
.mainList					{ float: left; width: 540px; } /* margin: 0 -15px -15px; */
.itemDetails				{ padding:10px 10px 10px 0; width:283px; float: left;}
.itemContent .right			{ width: 120px; padding: 10px 15px 10px 9px; height: 100%; }
#LeftContentArea div.member-info	{ margin:0;}
.odd						{ background-color: #EDF9FF !important;}

.quickSearchButton			{ background: transparent url(../images/elements.gif) no-repeat 0 -668px; width: 21px; height: 21px; display: block; float: left; padding: 0; border: none; outline: none; margin: 0 0 0 5px;}
.quickSearchButton:active	{ background-position: bottom left; outline: none; }

input.quickSearchField, select.quickSearchField {
	border: 1px solid #e3e1dd;
	float: left;
	margin: 0px 2px 0px 0px;
	width: 11em;
}
#LeftContentArea select.quickSearchField { padding: 1px 0; width: 14em; }
div.onPageSearch			{ clear: both; overflow: hidden; margin: 0 0 5px 0; float: left; width: 100%; }
div.onPageSearch .button	{ padding: 2px 10px; }
.searchLink					{ padding: 5px 5px 10px 0; float: left; }

.forum #LeftContentArea .intro .image,
.forum #RightContentArea	{ display: none; }

.forum #LeftContentArea		{ width: 790px;}
.intro .mainInfoBoxContentContainer { width:440px; min-height: 120px; padding: 0; }

ul.activityList				{ clear: left; margin: 0px; float: left; width: 100%; }
ul.activityList li			{  background: #fff url(../images/elements.gif) no-repeat 0 -53px; padding: 0 0 2px 20px; margin-bottom: 2px; border-bottom: 1px solid #c4c7c8; }
ul.activityList li.last		{ margin: 0;}
ul.activityList li.commented	{ background-position: 0 -49px;}
ul.activityList li.images	{ background-position: 0 -156px;}
ul.activityList li.edit		{ background-position: 0 -220px;}
ul.activityList li.delete	{ background-position: 0 -282px;}
ul.activityList li.report	{ background-position: 0 -343px;}
ul.activityList li.rating	{ background-image: none; padding: 0; float: right; }

/*************************/
/* Forum                 */
/*************************/
.mainInfoBox .mainInfoBoxContentContainer li.row	{ width: auto; display: block; float: none; margin: 0; padding: 8px 16px; }
div.forumList {
	height: 17px;
	padding: 3px 2px 0 2px;
	overflow: hidden;
	color: #666;
	background-color: #f0f0f0;
	font-size: 0.9em;
}
div.forumList dl {
	margin: 0;
	padding: 0;
	width: 100%;
}
div.forumList dt {
	float: left;
	width: 60% !important;
	margin: 0;
	display: block;
	padding: 0;
}
div.forumList dd {
	/* width: 25% !important; */
	margin: 0;
	overflow: hidden;
	float: left;
	font-weight: bold;
}
div.forumList dd.posts {
	width: 15% !important;
	text-align: center;
}
div.forumList.topic dl {
}
/*************************/
ul.topicList {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
ul.topicList.forums {
}
ul.topicList.forums li.row { margin: 0;}
ul.topicList li.row div.inner {
	padding: 0; width: 100%; overflow: hidden;
}
ul.topicList dl {
	margin: 0 1%; overflow: hidden;
	padding: 0;
	width: 98%;
}
ul.topicList dt {
	float: left;
	display: block;
	margin: 0;
	padding: 0; 
	width: 60% !important;
}

ul.topicList dd {
	display: block;
	float: left;
	overflow: hidden;
	/* width: 25% !important; */
	color: #666;
	margin: 0;
	font-size: 0.9em;
}
ul.topicList dd.posts {
	text-align: center;
	width: 15% !important;
}
ul.topicList dt.topic, div.forumList.topic dt.topic {
	width: 55% !important;
	padding: 0;
}
ul.topicList dd.icons {
	width: 9%; 	//14%
	text-align: left;
}
div.forumList.topic dd.icons {
	width: 10%; 	//15%
}
ul.topicList dd.replies, div.forumList.topic dd.replies {
	width: 10%;
	text-align: center;
}
ul.topicList dd.views, div.forumList.topic dd.views {
	width: 10%;
	text-align: center;
}
ul.topicList dd.by, div.forumList.topic dd.by {
	width: 13%;
}
ul.topicList dd.lastPost, div.forumList.topic dd.lastPost {
	width: 12%;
}
ul.topicList.forums span.heading, ul.topicList.topics span.heading {
	clear: both;
	font-size: 1.05em;
	font-weight: bold;
	display: block;
}

#MySettings {
	overflow: hidden;
	width: 100%;
}

div.interactInfo {
	margin-left: 5px;
	width: 135px;
	float: left;
	overflow: hidden;
}
img.msnImage {
	float: left;
	margin-top: 15px;
}
#MySettings h1 {
	font-size: 1.7em;
	margin-left: 10px;
	margin-top: 20px;
}
#PopUp.reply {
	width: 300px;
}
.popUpBg {
	overflow: hidden;
	background-color: #fff;
}
#PopUp fieldset, #MySettings fieldset {
	border: none;
	background-color: #fff;
	overflow: hidden;
}
#PopUp fieldset.popUp {
	margin: 0;
}
#MySettings fieldset.mySettings {
	padding: 0;
	width: 100%;
}
#PopUp legend, #MySettings legend {
	color: red;
	font-style: italic;
	overflow: hidden;
	padding: 10px 0 0 15px;
}
fieldset.mySettings ul {
	margin: 20px;
}
fieldset.createEvent ul {
	margin: 5px;
}
fieldset.popUp li, fieldset.mySettings li, fieldset.createEvent li {list-style: none;overflow: hidden; clear: both; margin: 0 0 10px; }
fieldset.createEvent li {
	padding: 0;
}
div.imageSelect {
	background-color: #eaeaea;
	padding: 10px 0 10px 15px;
	overflow: hidden;
	margin-bottom: 10px;
}
div.imageSelect label {
	text-align: left !important;
	width: 100% !important;
}
div.imageSelect input {
	float: none !important;
	margin: 0px 0 3px 0 !important;
}
div.imageSelect input {
}
div.imageSelect div.newImage {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}
div.newImage span.removeImage input {
	width: auto !important;
	border: none !important;
	clear: both;
	margin: 0 5px 0 0 !important;
}
div.newImage span.removeImage label {
	float: none !important;
	width: auto !important;
	margin: 0 0 2px 0 !important;
}
img.newImage {
	padding: 2px;
	width: 100px;
	background-color: transparent;
	float: left;
	overflow: hidden;
	border: 1px solid #bababa !important;
}
#PopUp h3			{ color: #004a80;font-style: italic;}
#PopUp label, fieldset.mySettings label {float: left;overflow: hidden;margin-top: 3px;margin-right: 15px;font-weight: bold; text-align: left; /*width:4.5em;*/}
#PopUp .tinymce_editor   { width: 670px; }
ul.register label	{ width: 110px;text-align: right;}
fieldset.mySettings label, fieldset.mySettings span.passReq, fieldset.createEvent label {text-align: right;width: 110px;}
label.video			{ width: 60px;}
fieldset.mySettings span.passReq	{ overflow: hidden;float: left;clear: both;}
fieldset.mySettings input			{ float: left;}
fieldset.createEvent input			{}
fieldset.mySettings input.file, fieldset.createEvent input.file {
	margin-top: 20px;
	width: 17em !important;
}
#PopUp select, #MySettings select {
	border: 1px solid #ccc;
	margin-right: 10px;
	float: left;
	padding: 1px;
}
#MySettings select.category {
	width: 15em;
}
#PopUp label span {
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
}
#PopUp input, #MySettings input {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 2px 0px 0px;
	width: 220px;
}
#PopUp input.text, #MySettings input.text {
	border: 1px solid #ccc;
}
span.radioButton {
	margin-right: 5px;
	float: left;
}
span.radioButton label {
	float: none !important;
	color: #000 !important;
	width: auto !important;
}
span.radioButton input {
	width: auto !important;
	float: left;
	border: none !important;
}
#PopUp textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	float: left;
	border: 1px solid #ccc;
	width: 99%;
	height: 250px;
	background-color: transparent;
}

.editProfile .padding5x5 .button	{ margin-left: 5px;}
.tabContainer		{ float: left; width: 100%}
.tabContainer ul	{ float: right}
.tabContainer li	{ margin-left: 5px; float: left; }
.editProfile	{ float: left; width: 100%; clear: both;}

/* Try to hide that stupid licence message */
div.home + div,
div.club + div,
div.forum + div,
div.member + div,
div.gallery + div,
div.mypage + div,
#aspnetForm + div			{ display: none !important; }
.floatright .button			{ margin-left: 5px; }

.forum .itemSummary h1			{ padding: 0.5em 0 4px; }
.forum .itemSummary .post-date	{ margin: 0 0 0.8em; }
.forum .itemContent				{ width: 670px; }
.forum .itemContent img		    { max-width: 360px !important; width: auto; height: auto; }
.forum .comments				{ padding-top: 0.5em; border-top: 1px solid #999; float: left; }
.forum .comments .itemContent		{ width: 650px}
.forum .comments .itemContent h3	{ font-weight: bold;}
.forum .comments .itemContent .comment	{ margin: 0.5em 0 0 0}
.services a		{ margin-right: 10px;}
.noReply		{ padding: 15px; }
.services .ratingContainer a	{ background-image: none; padding: 0; margin: 0;}

.blog .comment		{ width: auto; clear: none;}
.blog div.services 	{ width: auto;}

.cta_logo			{ height: 145px; float: left; }
.cta_logo input		{ display: block; margin: 10px 0 0 0; padding: 0;}
.homeMiddleArea		{ float: left; width: 540px;}

.rightColumn,
.leftColumn			{ width: 50%; float: left; }
.middleColumn		{ clear: left; width: 100%; margin-top: 0.8em; padding-top: 0.8em; border-top: 1px solid #eee; float: left;}

.clubs				{}
.clubs .image		{ float: left; margin: 0 5px 0 0;}

.boxList table			{ width: 98%; margin-left: 2% !important; margin-top: 2% !important;}
.boxList ul.messages li	{ width: 516px;}
.boxList div.menuBar	{ margin: 0; }

.defaultSimpleSkin table.mceLayout		{ margin: 5px 0 0 5px;}

#MainMenu		{ width: 790px; margin: 0 auto }

/* TinyMCE */
#txtText_parent					{ display: block; float: left; clear: left;}
.forum .formContent .mainInfoBoxContentContainer	{ width: 760px; padding: 15px; }
.forum .formContent .button		{ margin-right: 10px; }	
.formContent .mainInfoBoxContentContainer .row		{ width: 100%; margin-bottom: 0; }
#pnlCategories.row { padding: 10px 0 15px; }
#pnlCategories.row select { padding: 3px; }
#txtText			{ width: 100%; }
.checkbox			{ width: 100%; clear: left; padding-top: 10px;}
.checkbox input		{ width: auto; margin-right: 10px;}
.formContent .valMessage		{ margin: 0; }
.formContent .valMessage span	{ }

.blog #LeftContentArea .mainInfoBoxContentContainer { padding: 15px; width: 510px; }
.blog #LeftContentArea .intro .mainInfoBoxContentContainer { width: auto; padding: 0; }
.blog #LeftContentArea .boxList .mainInfoBoxContentContainer { padding: 0; width: 540px; }
.blog #LeftContentArea ol.comments div.itemContent { width: 505px; }
.tagspage #LeftContentArea .mainInfoBoxContentContainer { padding: 0; width: 540px; }

.blogImage { float: left; margin-right: 5px; }
div.menuBar a:link { padding: 0 10px; }
div.menuBar div.floatleft a:link { padding: 0; }

#Edit_BlogEntry div.validation,
#Create_BlogEntry div.validation,
#Reply_Message div.validation,
#New_Message div.validation,
#Reply div.validation,
#Edit_Reply div.validation,
#Create_Topic div.validation { float: right; width: 91.9%; }

#Create_Group div.validation,
#Edit_Group div.validation,
#Reply div.validation { width: 88%; }

#Edit_Topic div.validation { float: right; }

#Edit_BlogEntry div.validation input,
#Create_BlogEntry div.validation input,
#Reply div.validation input,
#Edit_Topic div.validation input,
/* #Edit_Reply div.validation input, */
#Create_Topic div.validation input { width: 690px; }

#Create_Group div.validation input,
#Edit_Group div.validation input,
#Edit_Reply div.validation input,
#Reply_Message div.validation input.text,
#New_Message div.validation input.text { width: 98.8%; }

#Create_Group li.tagsField div.validation,
#Edit_Group li.tagsField div.validation { width: 93.9%; }

#Edit_Topic .tinymce_editor,
#Create_Topic .tinymce_editor,
#Reply_Message .tinymce_editor,
#New_Message .tinymce_editor,
#Edit_Reply .tinymce_editor { float: left; width: 740px }

#Edit_BlogEntry textarea.textBox,
#Create_BlogEntry textarea.textBox,
#Reply textarea.textBox,
#Edit_Topic textarea.textBox,
#Create_Topic textarea.textBox,
#Reply_Message textarea.textBox,
#Edit_Reply textarea.textBox,
#New_Message textarea.textBox { height: 280px; }

#Edit_BlogEntry textarea.textTeaserBox,
#Create_BlogEntry textarea.textTeaserBox { height: 80px; width: 99.5%; }

#Edit_BlogEntry .tinymce_editor,
#Create_BlogEntry .tinymce_editor,
#Edit_Topic .tinymce_editor,
#Edit_Reply .tinymce_editor,
#Create_Topic .tinymce_editor { width: 762px; }

#Edit_Topic textarea.textBox { width: 758px; }
#Edit_Reply textarea.textBox { width: 755px; }

#Reply_Message .tinymce_editor .mceEditor .mceLayout,
#New_Message .tinymce_editor .mceEditor .mceLayout,
#Edit_BlogEntry .tinymce_editor .mceEditor .mceLayout,
#Edit_Reply .tinymce_editor .mceEditor .mceLayout,
#Create_BlogEntry .tinymce_editor .mceEditor .mceLayout,
#Reply .mceEditor .mceLayout,
#Create_Topic .tinymce_editor .mceEditor .mceLayout { float: left; width: 760px !important; }
#Upload_Video #pnlVideoUpload input { float: none; width: auto }

#ForgotPassword #PopUp .floatright { padding: 10px 0 0 }
#ForgotPassword #PopUp span.button { margin: 0 5px 0 0; }
#ForgotPassword .forum .formContent .button,
#ForgotPassword .floatright .button { margin: 0 10px 0 0; }