﻿html,body { margin:0; padding:0; }
body { font: 11px Arial, Verdana, Helvetica, Sans-Serif; text-align:center; }

a { text-decoration:none; }
img { border:0px; }
.clear{ clear:both; }
div.hr { height: 1px; clear:both; padding:1em 0 1em 0; }
div.hr hr { display:block; border:none; border-top:solid 1px #ccc; height:0px; margin:0; padding:0; }
a.right {float:right;}

#container { width:984px; margin:0 auto; text-align:left; background-color:#fff; border:1px solid #818287; }
#contentWrapper {}
#pageWrapper{ float:left; width:100%; padding:0; }
#pageColumnMiddle { margin: 0 210px 0 210px; padding:0; }
#pageColumnLeft { float:left; width:170px; margin: 20px 0 20px -964px; }
#pageColumnRight { float:left; width:170px; margin: 20px 0 20px -190px; }

/* Header */
#pageHeader h1 { text-align:right; line-height:3em; padding: 0 20px 0 0; clear:both; margin:0; }
.headerLogoSmall { float:left; }
#pageHeaderMenuProfile { float:right; border-left:1px solid lightGray; width:803px; }
.headerBreadcrumbStrap { padding: 0 0 0 10px; }
.headerBreadcrumbBG { position:relative; }
#headerBreadcrumbProfileButton { position:absolute; right:10px; top:0; }

#pageHeaderNameSectionStrapTop { line-height:3em; padding: 0 10px; max-height:35px; }
#pageHeaderNameSectionStrapTop h3 { float:left; margin:4px 0 0 0; }
#pageHeaderNameSectionStrapTop a { float:right; color:#fff; margin: 0 0 0 20px; }

#pageHeaderNameSectionImageSection { margin: 20px auto; width:559px; }
#pageHeaderNameSectionImageSection img { float:left; margin: 0 20px 0 0; }

#pageHeaderNameSectionStrapBottom { line-height:3em; min-height:3em; padding: 0 10px; max-height:35px; }
#pageHeaderNameSectionStrapBottom a { color:#fff; margin: 0 20px 0 0; }

#pageColumnLeft dl { clear:both; margin-bottom:2em; width:170px; }
#pageColumnLeft dt { clear:left; float:left; margin: 0 10px 1em 0; text-align:right; width:80px; }
#pageColumnLeft dd { font-weight:bold; float:left; margin:0 0 1em; width:80px; }
#pageColumnLeft ul, #pageColumnRight ul { padding:0 0 0 20px;}

.tabContainer { border-bottom:solid 1px #CCC; margin: 0 0 1em 0; padding: 0 0 0 0; }

/* Page */
#pageColumnMiddle > .backgroundLarge { width:564px; overflow:hidden; }
.backgroundLarge { background:none; background-color:#fff; width:auto; margin:5px 0 0 0; }
.backgroundLarge .backgroundLargeHeader { background:none; background-color:#fff; width:auto; }
.backgroundLarge .backgroundLargeFooter { background:none; background-color:#fff; width:auto; }
.ProfileImage { float:left; }
#profileFields { float:right; width:430px; }
#profileFields p {clear:both; margin:0; padding:0;}
.clubHeaderIcon { position:absolute; top:95px; right:0; }
.projectTabFooter { display:none; }
#ipresentable.backgroundLarge { margin:0; }
.noItems p { text-align:center; }

/* IPresentable Override */
#ipresentable .ProjectCell, #ipresentable .BuddyCell { width:178px; }
#ipresentable .ProjectCellLarge { width: 268px; }
#ipresentable .album { border-bottom:solid 1px #fff; color:#fff; line-height:30px; clear:both; }
#ipresentable .album h5 { margin:0 0 0 10px; }
#ipresentable .album a { color:#fff; float:right; margin: 0 10px 0 0; }
#pageContentMemberProfileMiddleAlbums #ipresentable .ProjectCell { width:179px;}
#pageContentMemberProfileMiddleAlbums #ipresentable .ProjectCell.first { width:181px;}

/* Forms */
fieldset label { line-height:19px; float:left; clear:left; width:100px; margin: 0 0 10px 0; padding:0 10px 0 0;text-align:right; }
fieldset input { width:300px; }
fieldset textarea { width:538px; margin: 0 0 1em 0; }
fieldset input, fieldset select { float:left; clear:right; }
fieldset .CheckBox input { width:auto; }
fieldset .inline { line-height:19px; float:left; clear:right; font-weight:bold; margin: 0; }
fieldset .ImageUpload { margin: 0 0 1em 0; }
fieldset table { width:100%; }
fieldset .note { float:left; clear:both; margin: 0 0 0 110px; }
fieldset .editor { float:left; margin: 0 0 1em 0; }

fieldset.singleField {  margin: 0 0 1em 0; }
fieldset.singleField input { margin:6px 0 0 0; }
fieldset.singleField label { line-height:30px; }
fieldset.singleField .note a { text-decoration:underline; }
fieldset.singleField .note a:hover { text-decoration:none; }

#address .AddressFinder { margin: 0 0 10px 0; }
#address .AddressFinder label, #address #addressBlock label { padding:0; }
#address #findByPostcode { margin: 1em 0 1em 0; }
fieldset div.picker { float:left; clear:right; }
fieldset div.picker input { width:auto; }

/* Tab - Craft Talk */
#craftTalkPosts  h4 { margin: 0 0 1em 0; clear:none; }
#craftTalkPosts .selectView { float:right; }
#craftTalkPosts .postThumb { float:left; }
#craftTalkPosts .postBody { background-color:#DEF2FD; color:#666; overflow:hidden; padding:10px; margin: 0 0 0 60px;  }
#craftTalkPosts .postBody a { font-weight:bold; }
#craftTalkPosts .postBody h5 { color:#18548A; font-size:1em; margin-bottom:5px; margin:0.5em 0 0.5em 0; }
#craftTalkPosts .postBody img { position:relative!important; left:inherit!important; top:inherit!important; right:inherit!important; bottom:inherit!important; }
#craftTalkPosts .postBodyText { line-height:1.4em; height:4.2em; overflow:hidden; }
#craftTalkPosts .post { padding:0; }

/* Tab - CraftBox */
#memberProfileCraftbox .header { padding:5px; color:#fff; font-weight:bold; }
#memberProfileCraftbox .item { padding:10px; }
#memberProfileCraftbox .thumb { float:left; margin: 0 10px 0 0; }
#memberProfileCraftbox .button { margin: 0 0 0 10px; }

/* Tab - Blogs */
.blogComments { margin: 1em 0 1em 0; }
.blogCommentHeader { border-top:solid 1px #ccc; padding: 1em 0 0 0; }
.blogComment { padding:10px; margin:1em 0; }
.blogWarning { margin:1em 0; padding: 10px; }
.blogItem { border-bottom:solid 1px #ccc;}
.blogHeading h2 { margin: 1em 0 0 0; }
.blogEdit { float:right; }
.blogBody { margin: 1em 0 0 0; }
#addBlogItem { margin: 0 0 1em 0; }
.viewBlogOnline { clear:both; text-align:center; padding: 40px 0 20px 0; }
.setBlogPageTrigger { line-height:32px;}
.viewBlog { margin-left:10px; }

/* */
#pageColumnLeft img { max-width:75px; margin: 0 10px 10px 0; }
#pageColumnRight img { max-width:75px; margin: 0 10px 10px 0; }

#pageColumnRight .New { display:none; }
