/*************************/
/* CONTENTAREA           */
/*************************/
#MainContentArea {
	width: 100%;
}
#ThreeColumns {
	width: 100%;
	overflow: hidden;
}
#LeftContentArea {
	float:left;
	padding-left: 10px;
	margin-right:15px;
	overflow:hidden;
	width:622px;
}
.forumStartpage #LeftContentArea,
#tags #LeftContentArea{
	margin-left: 0;
	width: 635px;
	}
.forumStartpage #LeftContentArea{
	margin-right: 12px;}
#RightContentArea {
	width: 310px; /*Was 300*/
	float: left;
}
#ThreeColumns #LeftContentArea {
	width: 215px;
	margin: 0;
}
#ThreeColumns #RightContentArea {
	width: 215px;
	margin: 0;
	overflow: hidden;
}
#MiddleContentArea {
	width: 340px;
	float: left;
	overflow: hidden;
	margin: 0 10px 0 10px;
}
/* IE 6 doesn't understand the > selector and ignores it */
html > body #MainContentArea {
	height: 100%;
}
#StageArea #MainBodyArea {
	margin-left: 16px;
	margin-bottom: 10px;
	height: auto;
	min-height: 0;
	overflow: hidden;
}
div.mainInfoBox {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
div.mainInfoBox.alt {
}
.mainInfoBox.Top {
}
.mainInfoBox.Top .headingContainer {
}
.mainInfoBox.TopR .headingContainer {
}
.mainInfoBox.Top .mainInfoBoxContentContainer {
}
.mainInfoBox.Top .headingContainer span {
	float: left;
	width: 100%;
}
.mainInfoBox.TopR .headingContainer h2 {
	background: url(images/boxes/boxHeaderRightTopR.png) no-repeat right top;
}
.mainInfoBox.alt .headingContainer {
	background: url(images/boxes/boxHeaderLeftAlt.png) no-repeat left top;
}
.mainInfoBox.alt .headingContainer h2 {
	background: url(images/boxes/boxHeaderRightAlt.png) no-repeat right top;
}
.mainInfoBox.dark .headingContainer {
	background: url(images/boxes/darkboxleft.png) no-repeat left top;
}
.mainInfoBox.dark .headingContainer h2 {
	background: url(images/boxes/darkboxright.png) no-repeat right top;
}
.mainInfoBox .headingContainer {
	overflow: hidden;
	clear: both;
	/*padding-left: 16px;*/
}
.mainInfoBox .headingContainer a {
	color: #fff;
}
.mainInfoBox .headingContainer h2,
#Page .forumBox .headingContainer h2,
#Page .greyBox .headingContainer h2,
#members #LeftContentArea .mainInfoBox .headingContainer h2 {
	color: #fff;
	font-size: 16px;
	margin: 3px 0 0 0;
    padding: 10px 10px 5px 10px;
	font-weight: bold;
	overflow: hidden;
}

#Page .login .headingContainer h2{
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 17px;
	font-weight: normal;
	}
#Page .login .headingContainer{
	margin-top: 13px;
	}
.mainInfoBoxMenuList {
	/*padding: 3px 0 3px 0;*/
	overflow: hidden;
	color: #2e2e2e;
	/*background-color: #f0f0f0;*/
}
.mainInfoBoxMenuList ul {
	margin: 0;
}
.mainInfoBoxMenuList li {
	display: inline;
	margin-right: 10px;
	padding-right: 10px;
	/*border-right: 1px solid #ccc;*/
}
.mainInfoBoxMenuList li.selected {
    font-weight: bold;
}
.mainInfoBoxMenuList li.last {
	border: none;
}
.mainInfoBoxMenuList li a {
	/*color: #2e2e2e;*/
}
.mainInfoBox.alt div.gradientBg, .mainInfoBox.dark div.gradientBg {
	background: url(images/boxes/boxBg.png) repeat-x;
	padding: 5px;
	min-height: 70px;
	overflow: hidden;
}
.mainInfoBox.Top div.gradientBg {
	
}
.mainInfoBoxContentContainer {
}
.mainInfoBoxContent {
}
.mainInfoBox.alt .mainInfoBoxContent {
	padding: 0 4px 0 4px;
}
.mainInfoBox.Top .mainInfoBoxContent {
    float: left;
	padding: 0 10px 5px 0px; /*was 0 4px*/
}
.forumStartpage .mainInfoBox.Top .mainInfoBoxContent {
	padding: 0 10px 5px; /*was 0 4px*/
}
.mainInfoBox.TopR .mainInfoBoxContent {
	padding: 0 4px 0 4px;
}
.mainInfoBoxBottom {
}
.mainInfoBoxBottom span {
}
img.topImage {
	background-color: #fff;
	float: left;
}
div.topBody {
	/*width: 297px;*/
	
}
.projectPage img.topImage {width: 229px; height: 155px;}
.projectPage .topBody{
	width: 340px;
	margin-left: 13px;
	float: left;
	}
.greyBox{background-color: #f3f3f3;}
.greyBox .mainInfoBoxBottom{background: url(gfx/bg-right-box-lightgray.png) no-repeat bottom; height: 5px; font-size: 0;}
/*************************/
/* startpage             */
/*************************/
#startpage {}
#startpage #RightContentArea {
	width: 207px;
	background: url(gfx/bg-login-startpage.png) no-repeat;
	height: 306px;
	padding-left: 80px;
	padding-right: 40px;
	padding-top: 20px;
	}
.row{
	clear: both;;
	}
#startpage .row {

	padding-bottom: 20px
}
#startpage div.left {
	width: 657px;
	float: left;
	overflow: hidden;
	margin-right: 9px;
}
#startpage #LeftContentArea {
	width: 210px;
}
#startpage #MiddleContentArea {
	width: 320px;
	margin: 0;
}
#StartPageBanner {
	float: left;
	overflow: hidden;
	position: relative;
	width: 635px;
	background-color: #f1f1f1;
	height: 326px;
}
#startpage .dateAndWriter {
	width: 22%;
}
#startpage .itemContent {
	width: 78%;
}
#startpage img.topImage {
	height: auto !important;
	width: auto !important;
}
ul.login {
	margin: 0px 0 0 0px;
}
ul.login li {
	list-style-image: none;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding-bottom: 5px;
	line-height: normal;
}
ul.login li.forgotPassword {
	margin-top: -3px;
	font-size: 11px;
	margin-bottom: 10px;
	}
ul.login li a{color: #fff;}
ul.login label {
	color: #fff;
	margin-top: 4px;
	margin-right: 5px;
	font-size: 14px;
	float: left;
	width: 60px;
}
ul.login input.textBox {
	width: 205px;
	margin: 0;
	float: left;
	font-size: 1.2em;
	height: 22px;
	border: 1px solid #ccc;
	margin: 0px 2px 0px 0px;
	padding: 6px 0 0 8px;
}
.loginCheckBox {
display: block;
float: left;
margin-top: 6px;
}
.loginCheckBox input {
	width: 20px !important;
	border: none !important;
	float: left;
}
ul.login .loginCheckBox label {
	margin: 0px 0 0 0 !important;
	width: 80px !important;
	line-height: 20px;
	font-size: 11px;
}
div.bannerText {
	position: absolute;
	top: 22px;
	left: 23px;
	width: 580px;
	overflow: hidden;
}
div.bannerText h1,
div.bannerText h2 {
	font-size: 38px;
	color: #fff;
	margin: 0 0 3px 0;
	font-weight: bold;
	padding: 0;
	line-height: normal;
}
div.bannerText h2 {
	font-size: 20px;
	font-weight: normal;
	}
ul.itemList {
	margin: 0;
	padding: 10px 12px 0 12px;
	overflow: hidden;
	clear: both;
}
ul.itemList li {
	font-size: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
ul.itemList li h2 {
	margin: 0 0 3px 0;
}
ul.itemList li p {
	margin: 0;
}
/* FAQ Box */
.practicalAdviceBox {
    background: white url(gfx/bg-faq-box.png) no-repeat bottom left;   
    padding: 0 0 41px 0;
    width: 310px;
    min-height: 228px;
    float: left;
    margin-right: 15px;
}
.practicalAdviceBox .inner {
    background: white url(gfx/bg-faq-box.png) no-repeat top left;
    padding: 22px 40px 30px 22px;
}
.practicalAdviceBox h2 {
    color: White;
    font-weight: normal;
    font-size: 16px;
}
.practicalAdviceBox h3 {
    font-size: 25px;
    color: White;
    font-weight: bold;
}
.practicalAdviceBox a {
    color: White;
}
/*Latest posts*/
#startpage .postBox {
    width: 310px;
    float: left;
    margin-right: 15px;
}
#Page .postBox .latestPosts h2 a {
    color: #333333;
    font-size: 14px;
}
#Page .postBox .latestPosts h2 a:hover {
    text-decoration: none;
    color: #4baed1;
}
#Page .postBox .latestPosts div.dateAndWriter {
    width: 70px;
}
#Page .postBox .latestPosts .comment {
    font-size: 10px;
}
#Page .postBox .latestPosts .nobreak {
    white-space: nowrap;   
    float: left;
    clear: none;
    margin-right: 5px;
}
#Page .postBox .latestPosts .itemContent {
    width: 238px;   
}
#Page .postBox .latestPosts li {
    clear: left;
    margin-top: 10px;   
    float: left;
    width: 100%;
}
#Page .postBox .latestPosts div.moreLink {
    float: none;
    clear: both;
    padding-top: 10px;
}
/*Latest projects*/
#startpage .projectBox {
    width: 310px;
    float: left;
}
#Page .projectBox .latestProjects h2 a {
    color: #333333;
    font-size: 14px;
}
#Page .projectBox .latestProjects h2 a:hover {
    text-decoration: none;
    color: #4baed1;
}
#Page .projectBox .latestProjects div.projectImage {
    width: 115px;
    float: left;
}
#Page .projectBox .latestProjects img.galleryImg {
    padding: 2px;
}
#Page .projectBox .latestProjects .comment {
    font-size: 10px;
}
#Page .projectBox .latestProjects .itemContent {
    width: 193px;   
}
#Page .projectBox .latestProjects li {
    clear: left;
    margin-top: 10px;   
    float: left;
    width: 100%;
}
#Page .projectBox .latestProjects div.moreLink {
    float: none;
    clear: both;
    padding-top: 10px;
}

/* Expert panel */
.expertRow div.mainInfoBox{
	margin-bottom: 0;
	}
ul.expertPanel{
	background-color: #edf7fa;
	height: 100px;
	overflow: hidden;
	width: 930px;
	padding: 15px;
	position: relative;
	}
ul.expertPanel li{
	display: block;
	float: left;
	width: 310px;
	position: relative;
	z-index: 2;
}
ul.expertPanel li.expertRibbon{
	position: absolute;
	height: 85px;
	width: 85px;
	background: url(gfx/bg-expert-ribbon.png) no-repeat;
	top: 0;
	right: 0;
	z-index: 1;
	}
ul.expertPanel li img.userImg{
	float: left;
	width: 93px;
	height: 93px;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	}	
ul.expertPanel li .data{
	float: left;
	width: 173px;
	margin-left: 15px;
}
ul.expertPanel li .description{
	display: block;
	clear: both;
	height: 77px;
	overflow: hidden;
	color: #333;
	font-size: 11px;
	cursor: pointer;
	}
ul.expertPanel li h3{
	color: #666;
	font-size: 14px;
	margin: 0;
	}
ul.expertPanel li h3:hover{
	color: #4baed1;
	}
ul.expertPanel li a:hover{
	text-decoration: none;
	}
/*************************/
/* Image Listings         */
/*************************/
#friends{margin-top: 16px;}
#friends ul.imgList{margin-top: 0px;}
ul.imgList {
	list-style: none;
	margin-left: 11px;
	list-style-image: none;
	overflow: hidden;
	margin-top: 15px;
}
ul.imgList li {
	overflow: hidden;
	display: block;
	margin-right: 6px;
	margin-bottom: 0px;
}
li .imgListThmb {
	padding: 2px;
	background-color: #fff;
	float: left;
	overflow: hidden;
	border: 1px solid #bababa ;
}

.anonymous img.imgListThmb,
#forum #RightContentArea .postBox ul.PostBox li.anonymous img{
	width: 60px;
	height: 60px;
	border: 0 !important;
	padding: 0;
	background-color: Transparent !important;
	}
div.member-info {
	overflow: hidden;
	padding-top: 6px;
}
.greyBox div.member-info {margin-left: 10px; padding-top: 10px;}
ul.imgList li div.member-info {
	width: 280px;
}
div.member-info .imgListThmb {
	/*width: 70px;*/
	margin-bottom: 5px;
	margin-right: 20px;
    border: 1px solid #cccccc;
    padding: 2px;
    background-color: White;
}
div.member-info .personalInfo {
    clear: right;
}

/*************************/
/* Pratical Advice       */
/*************************/
#praticalAdvice #MainBodyArea ul{
	list-style-type: circle;
	margin: 0 20px;
	}

/*************************/
/* MyPage                */
/*************************/
#MyPage {
}
#MyPage input, #MySettings input {
    height: 22px;
    padding-top: 7px;   
}
#MyPage #LeftContentArea .mainInfoBoxContent .itemSummary {
    padding: 4% 0;   
    clear: both;
}
#MyPage #LeftContentArea h2 {
    color: #666666;
    margin-left: 0;
    padding-left: 0;   
}
div.personalBox, div.whiteBox {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}
div.personalBox div.gradientBg {
	overflow: hidden;
	padding: 5px;
}
div.personalBox div.headingContainer, div.whiteBox div.headingContainer {
	padding-left: 16px;
	overflow: hidden;
}
div.personalBox div.headingContainer span, div.whiteBox div.headingContainer span {
	height: 6px;
	overflow: hidden;
	display: block;
	width: 100%;
}
div.personalInfo {
	float: left;
	font-size: 12px;
	color: #999999;
	clear: both;
	width: 180px;
}
#MyPage div.memberInfo {
    float: left;   
    margin-left: 30px;
    width: 255px;
    margin-top: -1px;
}
#MyPage #LeftContentArea div.memberInfo h2 {
    color: #333333;
    margin:0 0 8px;   
}
div.personalInfo span{color: #999;}

div.personalInfo a.button span {
    color: White;
}
div.personalInfo ul {
	list-style: none;
	margin: 0 0 10px 0;
	list-style-image: none;
}
div.personalInfo ul li span {
    color: #666666;
}
img.personalImg {
	width: 120px;
	float: left;
	overflow: hidden;
	padding: 3px;
	border: 1px solid #bababa !important;
	background-color: White;
	margin-right: 15px;
}
.login div.personalInfo span{
	color: #fff;
	}
.login div.personalInfo h2{
	margin-bottom: 10px;

	}
div.approveFriends {
	overflow: hidden;
	margin: 5px 0 0 0;
}
#MyPage div.personalInfo {
	clear: none;
}
div.personalInfo h1 {
	color: #333;
	margin: 0 0 10px 0;
	font-size: 16px;
}
#MySettings legend.profileUpdated {
    color: #666666;   
}
#MyPage #RightContentArea div.member-info img {
    border: 1px solid #cccccc;   
}
/*My Projects*/
#MyPage .galleries h2 {
    font-size: 12px;
    font-weight: normal;
}
#MyPage .galleries .comment {
    margin: 0;   
}


/***MINIFEED***/
ul.activityList {
	list-style-image: none;
	list-style: none;
	margin-left: 0;
	padding: 5px 5px 5px 11px;
	width: 598px;
	overflow: hidden;
	border-bottom: 0 !important;
	float: left;
	margin-top: 10px;
}
ul.activityList li {
	margin-bottom: 5px; 
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	padding-left: 19px;
}
ul.activityList li.message {
	background: url(images/icons/feedBlog.png) left center no-repeat;
}
ul.activityList li.commented {
	background: url(images/icons/feedCommented.png) left center no-repeat;
}
ul.activityList li.club {
	background: url(images/icons/feedClub.png) left center no-repeat;
}
ul.activityList li.friends {
	background: url(images/icons/feedFriend.png) left center no-repeat;
}
ul.activityList li.images {
	background: url(images/icons/feedImages.png) left center no-repeat;
}
ul.activityList li.film {
	background: url(images/icons/feedVideo.png) left center no-repeat;
}
ul.activityList li a {
	font-weight: normal;
}
/********************/
#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;
}
#MyPage #LeftContentArea div.itemSummary {
    width: 615px;
}
#MyPage div.comment {
    margin: 5px 0;   
}
#MyPage div.comment span {
    display: inline;
    clear: none;
}
#MyPage .galleries div.comment span {
    display: block;
}
#MyPage a.delete {
    float: left;
    margin-top: 5px;
}
#MyPage #LeftContentArea ul.messages, #MyPage #LeftContentArea div.itemSummary, #MyPage #LeftContentArea ul.activityList, #MyPage #LeftContentArea div.singleMessageHeader {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;   
}
ul.messages {
    padding: 20px 0;
    float: left;
	margin: 10px 0 0 0;
	overflow: hidden;
	clear: both;
	list-style: none;
	list-style-image: none;
	width: 611px;
}
ul.messages li {
	padding: 5px 12px 5px 12px;
	display: block;
	overflow: hidden;
	background-color: #fff;
}
ul.messages li.odd {
	
}
ul.messages .imgListThmb {
	margin-right: 10px;
}
div.message .floatright {
    margin-top: 10px;   
}
div.messagePreview {
	float: left;
	width: 70%;
}
div.singleMessageHeader {
	padding: 5px;
	overflow: hidden;
	clear: both;
	margin-top: 20px;
	margin-top: 50px;
}
div.messageWriter {
	float: left;
	width: 70%;
	margin-left: 2%;
}
div.menuBar {
	background: white url(gfx/bg-tabmenubar.png) no-repeat top left;
	padding: 5px 14px 5px 14px;
	width: 587px;
	float: left;
}
#MyPage div.menuBar .button{
	display: block;
	float: left;
}

div.menuBar .floatleft {
    margin-top: 15px;
    margin-left: -14px;
}
div.menuBar .floatright {
    margin-top: 15px;
    margin-right: -8px;
}
/*************************/
/* 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;
}
ul.comment, span.comment {
	clear: both;
	color: #999;
	overflow: hidden;
	font-size: 12px;
}
ul.comment li{
	display: block;
	clear: both;
	}
ul.comment li span, .rater{color: #999; }
.rater{clear:left;}
ul.comment li{color: #666;}
div.comment{color: #999; font-size: 10px;}
div.comment span{display: block; clear: both;}
span.comment span {
	display: block;
	clear: both;
	}
.imgInfoWrapper{width: 235px; float: left;}
#forum .imgInfoWrapper, #project .imgInfoWrapper {margin-right: 20px; width: auto;}
.projectPage ul.comment {margin: 10px 0; float: left;}
.projectPage ul.comment li.writtenBy{margin-bottom: 10px;}
.projectPage ul.comment, .projectPage span.comment{width: 236px}
#project .itemContainer div.date{margin-top: 3px;}
#project .itemContainer h2{
	font-size: 12px; 
	letter-spacing: normal;
	margin: 0;
	line-height: 12px;
	margin:0 0 3px;
	} 
/* Tag links */
.tags {
	overflow: hidden;
	clear: both;
}
.tags h2 {
	float: left;
	font-style: normal;
}
.tags ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.tags li {
	list-style: none;
	list-style-image: none;
	float: left;
	margin-left: 0.5em;
}
/* Tag cloud */
div.tagCloud {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.tagCloud .headingContainer {
	height: 26px;
	overflow: hidden;
	clear: both;
	padding-left: 10px;	
}
#RightContentArea .tagCloud .headingContainer{background: url(gfx/bg-right-box-lightblue.png) no-repeat top left;}
#LeftContentArea .tagCloud .headingContainer{background: url(gfx/bg-main-box-lightblue.png) no-repeat top left;}
#RightContentArea .tagCloud .headingContainer h2,
#LeftContentArea .tagCloud .headingContainer h2{
	color: #666;
	padding-left: 0px;
	padding-top: 6px;
	font-size: 12px;
	height: 20px;
	margin: 0;
	font-weight: bold;
	overflow: hidden;
}
.tagCloudContent {
	overflow: hidden;
	padding: 20px 4px 0 4px;
	background: #edf8fc;
}
.tagCloudBottom {height: 5px;}
#RightContentArea .tagCloudBottom {background: url(gfx/bg-right-box-lightblue.png) no-repeat bottom left;}
#LeftContentArea .tagCloudBottom{background: url(gfx/bg-main-box-lightblue.png) no-repeat bottom left;}
.tagCloudBottom span {
}
.tagCloud div.gradientBg {
}
ul.tagCloud {
	margin: 0;
	padding: 0 2px 2px 2px;
	text-align: center;
	min-height: 108px;
	overflow: hidden;
}
ul.tagCloud li {
	display: inline;
	list-style: none;
	list-style-image: none;
	margin: 0 0.4em 0 0;
	vertical-align: baseline;
}
ul.tagCloud h1, ul.tagCloud h2, ul.tagCloud h3, ul.tagCloud h4, ul.tagCloud h5, ul.tagCloud h6 {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	color: #333;
}
ul.tagCloud h1 a, ul.tagCloud h2 a, ul.tagCloud h3 a, ul.tagCloud h4 a, ul.tagCloud h5 a, ul.tagCloud h6 a{color: #333;}
ul.tagCloud a:hover{color: #4baed1; text-decoration: none;}

ul.tagCloud h1 {
	font-size: 1.5em;
	font-weight: 900;
}
ul.tagCloud h2 {
	font-size: 1.4em;
	font-weight: 700;
}
ul.tagCloud h3 {
	font-size: 1.3em;
	font-weight: 500;
}
ul.tagCloud h4 {
	font-size: 1.2em;
	font-weight: 400;
}
ul.tagCloud h5 {
	font-size: 1.1em;
	font-weight: 200;
}
ul.tagCloud h5 a {
	color: #333;
}
ul.tagCloud h6 {
	font-size: 0.9em;
	font-weight: 100;
}
/* 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 {
	margin-bottom: 1.5em;
	padding: 0;
	margin: 0;
	list-style: none;
}
ol.comments li {
    position: relative;
	padding-bottom: 14px;
	margin-bottom: 14px;
	border-bottom: 1px solid #dedede;
	overflow: hidden;
}
ol.comments div.dateAndWriter {
	float: left;
	/*
	margin-right: 1%;
	margin-left: 1%;
	width: 12%;
*/
	overflow: hidden;
}
ol.comments li.anonymous .imgListThmb {
    border: 0 !important;
    padding: 0;
    background-color: Transparent;
}
ol.comments div.itemContent {
	float: left;
	overflow: hidden;
}
ol.comments h3 {
	margin-top: 0;
	font-size: 18px;
}
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-style: normal;
}
/* Post comment */
fieldset.comment {
}
fieldset.comment ul {
	font-style: normal;
	font-size: 0.8em;
	background-color: #eeeeee;
	margin: 1em 0;
	padding: 1em;
}

/*************************/
/* Projects              */
/*************************/

.projectStartPage h1 {
    font-weight: bold;
    color: #4baed1;
    margin-bottom: 10px;
}
.projectPage h1 {
	color: #53BEE3;
	font-size: 30px;
	}
.projectStartpage div.topBody {
    float: none;
}
.projectStartpage #btnNewProjectGalleryfloatright {
    clear: none;
}
.projectStartpage #LeftContentArea .headingContainer h2 {
    color: #666666;
    font-size: 16px;
    padding-left: 0px;
}
#btnNewProjectGalleryfloatright {
    float: left;
    clear: both;
    margin: 20px 0 0 0;
}


/******************************/
/* Projects Page .projectPage */
/******************************/
#project.projectPage h2 {
    color: #666666;
    margin-left: 0px;
    padding-left: 0;
}
#project.projectPage ul.projectImages h2 {
 
}
.projectPage div.onPageSearch {
    border-top: 0;
}
.projectPage ul.projectImages {
}
.projectPage ul.projectImages li {
    clear: both;
    margin-bottom: 12px;
    overflow: hidden;
    position:relative;
    height:1%;
}
.projectPage ul.projectImages a.image {
    display: block;
    margin: 0 13px 13px 0;
    float: left;
}
.projectPage ul.projectImages div.service {
    position:absolute;
    top:2px;
    right:0;
}
.projectPage ul.projectImages a.image img {
    width: auto;
    height: auto;
    margin-top: 0;
}
.projectPage ul.projectImages h2 {
    font-size: 18px;
    margin-bottom: 8px;
}
.projectPage ul.projectImages h2 a {
    color: #666666;   
}
.projectPage ul.projectImages h2 a:hover {
    color: #53BEE3;
    text-decoration: none;
}
.projectPage ul.projectImages div.content {
  overflow:hidden;
  position:relative;
  padding-right:50px;
}
.projectPage div.pagingCon {
    float: right;
    clear: both;
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
    width: 100%;
    text-align: right;
}
.projectPage .pagination {
    float: right;
}
/* Comments */
#project #comment h2 {
    margin: 0 0 10px 0px;
}
#project #comment div.headingContainer span {
    background: none;   
}
#project #comment div.itemSummary {
    padding: 0;
    width: 100%;
    clear: both;
}
#project #comment ol.comments li {
    border: 0;
    background-color: #f3f3f3;
    padding: 10px;
}
#project #comment ol.comments .dateAndWriter {
    width: 70px;
}
#project .itemSummary .comment {
    margin-top: 0;   
    margin-bottom: 5px;
    font-size: 12px;
}
#project #comment .comment a {
    font-weight: bold;   
}
#project #comment .services {
    text-align: right;
    margin-bottom: 0;
}
#project #comment .itemContent {
    width: 532px;   
}
#project #comment div.pagingCon {
    margin-bottom: 20px;    
}

/*************************/
/* Images/Videos         */
/*************************/
.projectImage #BackToNavigationArea {
    margin-bottom: 10px;
}
.projectImage .itemSummary {
    padding: 0;
    width: auto;   
}
.projectImage .itemSummary.current {
    border-bottom: 1px solid #E5E5E5;
    padding: 0 0 5px;
}
.projectImage #LeftContentArea h2,
.projectImage #LeftContentArea h1 {
    color: #666666;
    padding: 0;
    margin: 0 0 10px 0;
}
.projectImage #LeftContentArea h1 {
    font-size: 16px;   
}

table.itemContainer {
	margin: 0px 0px 30px 0px;
	overflow: hidden;
}
table.itemContainer tbody {
	padding-top: 10px;
}
table.itemContainer tr {}
table.itemContainer td {
	width: 193px;
	vertical-align: bottom;
	padding-right: 7px;
	padding-bottom: 7px;
}
table.itemContainer.clubs .imgListThmb {
	float: none;
}
table.itemContainer.galleries td, table.itemContainer.videos td, table.itemContainer td.members {
	vertical-align: top;
	
}
table.itemContainer.clubs td {
	width: 70px;
	padding: 0 0 3px 0;
}
table.itemContainer td div.galleryListContent {
	text-align: left;
}
div.galleryScroll {
	float: right;
	height: 20px;
	margin-bottom: 5px;
	margin-right: 9px;
	overflow: hidden;
}
h1.galleryScrollHeading {
	color: #333333 !important;
	margin: 0;
	font-size: 16px;
	font-weight: 900;
	float: left;
	position: relative;
	left: 0px;
}
ul.scrollArrows {
	overflow: hidden;
}
ul.scrollArrows li {
	height: 20px;
	width: 20px;
	float: left;
	overflow: hidden;
	display: block;
	margin-left: 4px;
}
ul.scrollArrows li img {
    border: 0;   
}
ul.galleryList {
	min-height: 100px;
	overflow: hidden;
	margin-left: 0;
	clear: both;
	border-bottom: 1px solid #e5e5e5;
	width: 615px;
	padding-bottom: 10px;
}
ul.galleryList li {
	float: left;
	border: 2px solid transparent;
	overflow: hidden;
	display: inline;
	margin-left: 12px;
}
ul.galleryList li:first-child {
    margin-left: 0;
}
ul.galleryList li.selected {
    
}
ul.galleryList li.selected img.galleryImg {
	border: 2px solid #52bee4 !important;    
	padding: 3px;
}
ul.galleryList a {
	overflow: hidden;
	float: left;
    margin-bottom: 10px;
    display: block;
    height: 133px;
    overflow: hidden;
}
ul.galleryList li p {
    margin-bottom: 5px;
    clear: left;
}
.projectImage ul.galleryList li p
{
    width: 150px;
    overflow: hidden;
}
a.arrowGallery {
	font-weight: bold;
	font-size: 2em;
}
img.galleryImg,
img.topImage {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #BABABA !important;
}
a img.galleryImg:hover,
a img.topImage:hover,
a img.imgListThmb:hover {
    background-color: #eeeeee !important;
}
.anonymous a img.galleryImg:hover,
.anonymous a img.topImage:hover,
.anonymous a img.imgListThmb:hover{
    background-color: Transparent !important;
}

#startpage img.topImage {
	margin: 0;
	border: 0px !important;
	padding: 0;
	}
#startpage img.galleryImg {
	margin: 0;
	}
.projectStartpage img.galleryImg{
	width: 191px;
    display: block;
}
img.galleryImg:hover {
	border: 1px solid #333;
}
img.galleryImg.large {
	overflow: hidden;
	margin-bottom: 10px;
}
img.galleryImg.large:hover {
	border: 1px solid #BABABA;
}
.projectImage div.comment {
    font-size: 12px;
    color: #666666;
}
.projectImage div.comment span.label {
    clear: none;
    display: inline;
    color: #999999;   
}
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;
}

/*************************/
/* Members               */
/*************************/
#members #LeftContentArea h2 {
    color: #666666 !important;  
    padding: 10px 10px 10px 0 !important;
    margin: 0 0 10px 0;
    padding: 0; 
}
#members .galleryListContent h2 {
    font-size: 12px;
    width: 110px;   
}
#members .topImage {
    float: left;   
    margin: 15px 10px 10px 0;
}
#members table.itemContainer {
    margin-top: 15px;
}

/*************************/
/* Clubs and Tabs        */
/*************************/
#ClubMenuArea {
	padding-left: 2px;
	background: url(images/boxes/clubmenuarealeft.png) left no-repeat;
	height: 67px;
	margin-bottom: 20px;
	overflow: hidden;
}
#ClubMenu {
	background: url(images/boxes/clubmenuarearight.png) right no-repeat;
	height: 67px;
	overflow: hidden;
}
#ClubMenu h1 {
	float: left;
	margin: 0;
}
#ClubHeader {
	padding: 10px 10px 0 10px;
	color: #fff;
	overflow: hidden;
}
div.tabContainer {
	overflow: hidden;
	margin-top: -19px;
	margin-left: 3px;
}
#ClubMenu ul, div.tabContainer ul {
	overflow: hidden;
	float: left;
	clear: both;
	margin: 13px 0 0 0;
	list-style-image: none;
	list-style: none;
}
#ClubMenu ul {
}
div.tabContainer ul {
	margin: 0;
}
#ClubMenu li, div.tabContainer li {
	float: left;
	background: url(gfx/bg-tabs.png) right top no-repeat;
	height: 35px;
	margin-right: 1px;
}
div.tabContainer li {
	background: url(gfx/bg-tabs.png) right 0 no-repeat;
	height: 35px !important;
	margin-right: 5px !important;
	padding-right: 6px;
}
#ClubMenu li.selected {
	background-position: right top;
}
#ClubMenu li.selected a {
	background-position: left top;
}
div.tabContainer li.selected {
	background-position: right -70px;
}
div.tabContainer li.selected a {
	background-position: left -70px;
	color: #ffffff;
	font-weight: bold;
}
#ClubMenu li a, div.tabContainer li a {
	font-weight: bold;
	text-align: center;
	background: url(images/boxes/clubmenuleft.png) left bottom no-repeat;
	display: block;
	height: 19px;
	padding: 5px 10px 0 10px;
}
div.tabContainer li a {
	background: white url(gfx/bg-tabs.png) left 0 no-repeat;
	height: 17px !important;
	color: #4baed1;
	font-size: 14px;
	font-weight: normal;
	padding-top: 7px !important;
	padding-left: 16px;
	padding-right: 12px;
	padding-bottom: 11px;
	letter-spacing: -0.03em;
}
#ClubMenu li:hover {
	background-position: right top;
}
div.tabContainer li:hover {
	background-position: right -70px;
}
#ClubMenu li a:hover {
	background-position: 0 top;
}
div.tabContainer li:hover a {
	background-position: left -70px;
	text-decoration: none;
	color: #ffffff;
}
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;
}
.calendarText a {
	color: #025897 !important;
	font-weight: bold;
	font-size: 1.1em;
}
.calendarText td {
	height: 20px;
	border: 1px solid transparent;
}
.calendarOtherDay a {
	color: #999 !important;
}
.daySelected a {
	background-color: #fff !important;
	padding: 4px;
	border: 1px solid #999 !important;
	overflow: hidden;
	float: left;
}
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;
}
ul.arrowLinks {
	float: left;
	font-size: 10px;
	margin-top: 10px;
	text-align: left;
	width: 100%;
}
.member-info ul.arrowLinks {margin-top: 0; margin-bottom: 13px;}
ul.arrowLinks.alt li {
	float: left;
}
ul.arrowLinks li {
	background: url('gfx/bullet-arrow-blue.png') center left no-repeat;
	padding-left: 16px;
	margin: 0 5px 1px 4px;
	float: left;
	clear: both;
	font-size: 12px;	
	
}
div.services {
	margin: 10px 0 10px 0;
	overflow: hidden;
	float: left;
	width: 100%;
	}
	div.services .container
	{
		float: left;
		width: 100%;
		}
		div.services .container .floatleft
		{
			line-height: 1.5;
		}

#MyPage div.services {
	margin: 0 0 10px 0;
	font-size: 0.9em;
}
div.validation {
	float: left;
}
div.valMessage {
	clear: both;
	margin: 2px 0 0 0;
}
.odd {
	background-color: #edf7fa;
}
div.skypeIcon {
	float: left;
	margin-right: 10px;
}
div.msnIcon {
	float: left;
}
.smallText {
	color: #999;
	float: left;
	font-size: 10px;
}
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%;
}
.spacer{height: 3px;}
/*************************/
/* POPUPs and MySettings */
/*************************/
#Page #PopUp {
	overflow: hidden;
	width: 100%;
}
#Page #PopUp .padding5x5 {
    background-color: #fff;
}
#Page #PopUp .mainInfoBox .headingContainer {
	position: relative;
	background: transparent url(gfx/bg-popup-top.png) no-repeat scroll left top;
}
#Page #PopUp .mainInfoBox .headingContainer h2 {
    background:transparent url(gfx/bg-popup-top.png) no-repeat scroll left bottom;
    color: White;
    margin: 3px 0 0;
    overflow: hidden;
    padding: 10px 10px 5px;
}
#MySettings {
	overflow: hidden;
	width: 100%;
}
div.intaract {
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #EAEAEA;
}
div.interactInfo {
	margin-left: 5px;
	width: 145px;
	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: transparent url(gfx/bg-popup-bottom.png) no-repeat left bottom;
	padding-bottom: 3px;
}
#PopUp fieldset, #MySettings fieldset {
	border: none;
	background-color: #fff;
	overflow: hidden;
}
#PopUp fieldset.popUp {
	padding: 2%;
	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;
}
#PopUp fieldset.popUp ul {
	margin: 0;
	list-style-image: none;
}
fieldset.popUp .textboxRoundCorner
{
    clear: both;
}
fieldset.mySettings ul {
	margin: 20px;
}
fieldset.createEvent ul {
	margin: 5px;
}
fieldset.popUp li, fieldset.mySettings li, fieldset.createEvent li {
	list-style: none;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 5px;
}
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 {
	color: #666666;
	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 {
	margin: 0px 2px 0px 0px;
	width: 220px;
}
#PopUp .checkBoxWrapper input, #MySettings .checkBoxWrapper input {
	margin:-1px 10px 0 0;
	vertical-align:middle;
	width:auto;
	
}
#PopUp .checkBoxWrapper  label, fieldset.mySettings .checkBoxWrapper  label 
{
	vertical-align:text-bottom;
	float:none;
}
#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;
	font-weight: normal;
}
span.radioButton input {
	width: auto !important;
	float: left;
	border: none !important;
}
#PopUp textarea {
	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;
}
.projectPage .modalPopUp {
    top: 50px;   
}
/*************************/
/* Rating                */
/*************************/
div.ratingContainer {
	float: left;
	clear:left;
	margin:1px 0 0 2px;
}
.ratingStar {
	font-size: 0pt;
	width: 19px;
	height: 14px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	float: right;
	background-repeat: no-repeat;
}
.filledRatingStar {
	background-image: url(gfx/bg-rating-filled.png);
}
.emptyRatingStar {
	background-image: url(gfx/bg-rating-empty.png);
}
.savedRatingStar {
	background-image: url(gfx/bg-rating-filled.png);
}
ul.rating {
	background: url(gfx/bg-rating.png) no-repeat;
	width: 100px;
	margin: 0;
	height: 14px;
	float: left;
	margin: 2px 0 0 0px;
	vertical-align: middle;
	list-style: none;
	clear: both;
}
ul.rating li {
	float: left;
	width: 16px;
	margin-right: 4px;
	clear: none;
}
ul.rating li span {
	background: url(gfx/bg-rating-sel.png) no-repeat;
	overflow: hidden;
	width: 16px;
	height: 16px;
	float: left;
	display: block;
}
/*************************/
/* Pagination            */
/*************************/
.pagingCon{
	text-align: right;
	float: right;
	}
.pagination {
	text-align: right;
	
}
a.numericButton {
	background: url(gfx/bg-pagination.png) no-repeat left top;
}
a.numericButton:hover {
	background-color: #f6f6f6;
	text-decoration: none;
}
a.numericButton span{background: url(gfx/bg-pagination.png) no-repeat right top;}
.pagination a.previous{margin-right: 6px !important;}
.pagination a.next{margin-left: 6px !important;} 
.pagination a,
.pagination span,
.pagination a:hover {
	margin-left: 2px;
	text-decoration: none;
    padding-left: 2px;
	font-size: 11px;
	color: #4baed1;
	background: url(gfx/bg-paging.png) no-repeat left bottom;
	height: 20px;
	float: left;
	cursor: pointer;
}
.pagination span.points
{
	background:none;
	margin-left:4px;
	margin-top:3px;
	cursor:default;
	height:auto;
	display:block;
}
.pagination span.pointsFirst
{
	background:none;
	margin-left:-2px;
	margin-top:3px;
	margin-right:2px;
	cursor:default;
	height:auto;
	display:block;
}
.pagination a span,
.pagination a span.sel,
.pagination span.sel,
.pagination a:hover span{
	background: url(gfx/bg-paging.png) no-repeat right bottom;
	display:block;
	float: left;
	line-height:18px;
	padding-right: 7px;
	margin-right: 0;
	margin-left: 3px;
	line-height: 20px;
	}
.pagination span.sel,
.pagination a:hover span{
	background: url(gfx/bg-paging.png) no-repeat right top;
	color: #fff;
	}
.pagination span,
.pagination a:hover {
	background: url(gfx/bg-paging.png) no-repeat left top;
	}
.unsubscribe
{
	float:right;
}
.topicName
{
	color:#333333;
	font-size:14px;
	font-weight:bold;
	margin-top:0;
	position:relative;
	top:-1px;
	float:left;
}
.topicName:hover
{
	color:#53BEE3;
}