/* ### BASIC FORMATTING  ### */
* { margin: 0px; padding: 0px; font-family: verdana, arial, sans-serif; font-size: 11px; color: #666;  font-size: 100%; } 
body { background: #fff; } 

body.loggedIn div.widgetContainer .hidden a, 
body.loggedIn div.widgetContainer .hidden a img { margin: 0px; padding: 0px; }
div.widgetContainer div.hidden{ text-align: right; display: block; }
div.widgetContainer div.inlineRight{ float: left; clear: left; color: #FF0000; background: #00FF00;}
     


fieldset { border: none; padding: 5px 0px; margin: 5px 0px; } 
input.image { display: block; float: right; margin-top: 1px; } 
/* ### BASIC TEXT FORMATTING  ### */
p { line-height: 1.4em; margin: 0px; } 
p.pagination { text-align: right; font-weight: bold; color: #0075B0; margin: 10px 0px; } 
p.postSubHead { margin: 0px 0px 10px 0px; } 
.error {   color: #990000; font-weight: bold; }
.success { color: green; font-weight: bold; }
 
.textSubHead { color: #0075B0; } 
.t8px { display: block; margin-top: 8px; } 
 
 
a:link, a:visited { text-decoration: none; background-color: transparent; padding: 0px; color: #0075B0; } 
                     
a:hover { text-decoration: underline; padding: 0px } 
.bold { font-weight: bold  }
.bigpondBlue { color:#0075B0; }

.bigpondDarkBlue { color:#343667; }

h3, h4, h5, a { color: #005292; } 
h3, h4 { font-weight: 600; margin-bottom: 5px; }


h2.welcomeToBigBlog {   display: block; width: 374px; height: 44px; background: url(/images/h2_welcomeToBigBlog.gif) top left no-repeat; } 
 
h2, h3 { font-weight: bold; color: #323368; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.3em; } 
h3 { line-height: 1.3em; } 
h3.text {   font-weight: bold;  font-size: 11px !important;  margin: 5px 20px 20px 0px; } 
h3.h3_popularVideo {   display: block; width: 374px; height: 44px; background: url(/images/h3_popularVideo.gif) top left no-repeat; } 
h3.h3_popularMMS {   display: block; width: 374px; height: 44px; background: url(/images/h3_popularMMS.gif) top left no-repeat; } 
h3.h3_popularPosts {   display: block; width: 374px; height: 44px; background: url(/images/h3_popularPosts.gif) top left no-repeat; }

h3.h3_postsHighestRanked { display: block; width: 310px; height: 17px; background: url(/images/h3_postsHighestRanked.gif) top left no-repeat; }
h3.h3_MMSHighestRanked { display: block; width: 210px; height: 17px; background: url(/images/h3_MMSHighestRanked.gif) top left no-repeat; }
h3.h3_videoHighestRanked { display: block; width: 228px; height: 17px; background: url(/images/h3_videoHighestRanked.gif) top left no-repeat; }
h3.h3_sitesHighestRanked { display: block; width: 305px; height: 17px; background: url(/images/h3_sitesHighestRanked.gif) top left no-repeat; }
h3.h3_postsMostViewed { display: block; width: 310px; height: 17px; background: url(/images/h3_postsMostViewed.gif) top left no-repeat; }
h3.h3_MMSMostViewed { display: block; width: 310px; height: 17px; background: url(/images/h3_MMSMostViewed.gif) top left no-repeat; }
h3.h3_videoMostViewed { display: block; width: 200px; height: 17px; background: url(/images/h3_videoMostViewed.gif) top left no-repeat; }
h3.h3_sitesMostViewed { display: block; width: 275px; height: 17px; background: url(/images/h3_sitesMostViewed.gif) top left no-repeat; }
h3.h3_postsMostCommented { display: block; width: 325px; height: 17px; background: url(/images/h3_postsMostCommented.gif) top left no-repeat; }
h3.h3_MMSMostCommented { display: block; width: 310px; height: 17px; background: url(/images/h3_MMSMostCommented.gif) top left no-repeat; }
h3.h3_videoMostCommented { display: block; width: 250px; height: 17px; background: url(/images/h3_videoMostCommented.gif) top left no-repeat; }
h3.h3_postsMostRecent { display: block; width: 310px; height: 17px; background: url(/images/h3_postsMostRecent.gif) top left no-repeat; }
h3.h3_MMSMostRecent { display: block; width: 310px; height: 17px; background: url(/images/h3_MMSMostRecent.gif) top left no-repeat; }
h3.h3_videoMostRecent { display: block; width: 200px; height: 17px; background: url(/images/h3_videoMostRecent.gif) top left no-repeat; }
h3.h3_sitesMostRecent { display: block; width: 310px; height: 17px; background: url(/images/h3_videoMostRecent.gif) top left no-repeat; }
h3.h3_sitesRecentlyUpdated { display: block; width: 320px; height: 17px; background: url(/images/h3_sitesRecentlyUpdated.gif) top left no-repeat; }
h3.h3_sitesNewest { display: block; width: 228px; height: 17px; background: url(/images/h3_sitesNewest.gif) top left no-repeat; }
h3.h3_bigblogCommunity {   display: block; width: 196px; height: 17px; background: url(../../images/h3_bigblogCommunity.gif) top left no-repeat;  }

h3.h3_bigblogCommunity {   display: block; width: 196px; height: 17px; background: url(/images/h3_bigblogCommunity.gif) top left no-repeat;  }

div.popularSite {border-bottom:1px solid #ccc}

div.popularSite div.postDetails h4.h4_postDetails,
div.popularPost div.postDetails h4.h4_postDetails { margin: 0px; padding: 0px; font-size: 14px; }

h4 { font-size: small; line-height: 1.2em; }

h4.breaker { line-height: 1.5em; margin: 15px 0px 10px 0px; padding: 0px 0px 0px 3px; background: #E5F1F7; } 
h4.h4_AZListingOfBlogs {   display: block; width: 231px; height: 18px; background: url(/images/h4_AZListingOfBlogs.gif) center left no-repeat; } 
  h4.h4_BPSponsoredCommunities {   display: block; width: 277px; height: 11px; background: url(/images/h4_BPSponsoredCommunities.gif) top left no-repeat; } 
  h4.h4_otherBPCommunities {   display: block; width: 237px; height: 11px; background: url(/images/h4_otherBPCommunities.gif) top left no-repeat; } 
  
h5 { line-height: 1.5em; margin: 0px; padding: 0px; } 
h5.h5_communityCategories {   display: block; width: 237px; height: 11px; background: url(/images/h5_communityCategories.gif) top left no-repeat;  }
h5.h5_BBMember {   padding-left: 20px; background: url(/images/defaultTheme/h5_BBMHeadingLogo.gif) 0px 4px no-repeat;  }


b { font-weight: 600; } 
  
ol, ul { margin: 0px 20px 10px 20px; } 
li { margin: 0px 20px 10px 20px; padding: 0px 20px 10px 0px; line-height: 18px; } 


div#blogTitle { background: url(/images/defaultTheme/blogTitle.jpg) top left no-repeat; } 

/* ---------- MENU ---------- */ 
#menu {   height: 20px;  margin-bottom: 10px; } 
#menu ul { 	margin: 0px; 	padding: 0px; 	list-style-type: none; 	text-align: center; 	clear: left; } 
#menu ul li { 	display: block; 	float: left; 	text-align: center; 	padding: 0px; 	margin: 0px; 	} 
#menu ul li a {   background: #E5F1F7; font-weight: bold; 	border-right: 1px solid #3DBEFF;  color: #0075B0; 	padding: 0px; 	margin: 0px; 	text-decoration: none; 	display: inline; 	text-align: center;  font-size: 0.7em; } 
#resources a:link, #resources a:visited { 	border-right: 1px solid #ccc; 	} 
#menu ul li a.navActive { background: #005292; 	color: #ffffff; } 
#menu ul li a:hover { 	background: #005292; 	color: #ffffff; } 
#menu ul li a:active	{ 	background: #005292; 	color: #ffffff; 	}
   
div#menu ul li#homeHome a { width: 75px; }
div#menu ul li#BBCommunity a { width: 183px; border-left: 1px solid #fff; }
div#menu ul li#createBlog a { width: 157px; border-left: 1px solid #fff; }

div#menu ul li#helpHome a { width: 77px; border-left: 1px solid #fff; border-right: none; }
 
div#menu ul li a.menu { display: block; height: 20px; } 

/*div#menu ul li#atom a { border-left: 1px solid #fff;}
div#menu ul li#atom a:hover { border-left: 1px solid #fff; background: #E5F1F7 !important;}
div#menu ul li#rss a { border-left: 1px solid #fff;}
div#menu ul li#rss a:hover { border-left: 1px solid #fff; background: #E5F1F7 !important;}
div#menu ul li#rssatom {background: #E5F1F7 !important;}
div#menu ul li#rssatom div, div#menu ul li#norssatom {}
div#menu ul li#rssatom div a {border-left:1px solid #fff;}
div#menu ul li#rssatom div a:hover {background:#E5F1F7;}
/*Option 1 - Centered*/
/*div#menu ul li#rssatom div a img {
  position:relative !important;
  top:2px !important;
  left: 34px !important; 
}
div#menu ul li#rssatom div a img.rssatom {
  left:40px !important;
}
/*Option 2 - Right Aligned
div#menu ul li#rssatom div a img {
  position:relative !important;
  top:0px !important;
  left: 62px !important; 
}
div#menu ul li#rssatom div a img.rssatom {
  left:74px !important;
}
/*
div#menu ul li#rssatom div a {
  width:111px !important;
}
div#menu ul li#rssatom div a:hover {
  width:111px !important;
}

div#menu ul li#norssatom {background: #E5F1F7 !important;width:226px !important;}
div#menu ul li#norssatom, div#menu ul li#norssatom a, div#menu ul li#norssatom a:hover {
  width:226px !important;
  padding:0px !important;
  margin:0px !important;
}
*/
div#menu ul li#help a { width: 60px; border-left: 1px solid #fff; border-right: none; } 


div#menu ul li#communityOptions a { width: 275px; border-left: 1px solid #fff; }
div#menu ul li#members a { width: 178px; border-left: 1px solid #fff; }

div#menu ul li#general a { width: 69px; }
div#menu ul li#comments a { width: 86px; border-left: 1px solid #fff; }
div#menu ul li#styles a { width: 58px; border-left: 1px solid #fff; }
div#menu ul li#friends a { width: 67px; border-left: 1px solid #fff; }
div#menu ul li#community a { width: 88px; border-left: 1px solid #fff; }
div#menu ul li#RSSSettings a { width: 42px; border-left: 1px solid #fff; }
div#menu ul li#statistics a { width: 78px; border-left: 1px solid #fff; }
div#menu ul li#blankSettings a { width: 201px; text-align: right; border-left: 1px solid #fff; padding-right: 0px; } 
div#menu ul li#blankSettings a:hover { width: 201px; text-align: right; border-left: 1px solid #fff; padding-right: 5px; background: #E5F1F7; cursor: default; }
div#menu ul li#help a { width: 60px; border-left: 1px solid #fff; border-right: none; } 
    div.widgetHeader h3.h3_widgetBigblogNews {         background: url(/images/defaultTheme/widgetHeadings/h3_bigblogNews.gif) top left no-repeat; } 
    div.widgetHeader h3.h3_widgetPopularCommunities {         background: url(/images/defaultTheme/widgetHeadings/h3_popularCommunities.gif) top left no-repeat; } 
    div.widgetHeader h3.h3_widgetRecentlyUpdated {         background: url(/images/defaultTheme/widgetHeadings/h3_recentlyUpdated.gif) top left no-repeat; } 
    div.widgetHeader h3.h3_widgetHighestRanked {         background: url(/images/defaultTheme/widgetHeadings/h3_highestRanked.gif) top left no-repeat; } 
    div.widgetHeader h3.h3_widgetSetUpSteps {         background: url(/images/defaultTheme/widgetHeadings/h3_setUpSteps.gif) top left no-repeat; height: 42px !important; } 
    div.widgetHeader h3.h3_widgetWithBigBlogYouCan {         background: url(/images/defaultTheme/widgetHeadings/h3_withBigBlogYouCan.gif) top left no-repeat; height: 28px !important; } 
    div.widgetHeader h3.h3_widgetCreateMMSSMSPosts {         background: url(/images/defaultTheme/widgetHeadings/h3_createMMSSMSPosts.gif) top left no-repeat; height: 28px !important; } 
    div.widgetHeader h3.h3_widgetPopularLinks {         background: url(/images/defaultTheme/widgetHeadings/h3_popularLinks.gif) top left no-repeat; height: 42px !important; } 
    div.widgetHeader h3.h3_widgetPopularPosts {         display: block;  height: 17px;  background: url(/images/defaultTheme/widgetHeadings/h3_popularPosts.gif) top left no-repeat; }
 	div.widgetHeader { 			background: url(/images/defaultTheme/widgetHeader.gif) top left no-repeat; } 
	div.widgetHeader h3 { white-space:nowrap;   color: #fff; white-space: nowrap} 
  


	div.widgetTop { /* For the Widgets that don't have patterned header*/    background: url(/images/defaultTheme/widgetTop.gif) top left no-repeat; height: 10px; margin: 0px; font-size: 1px; }

div.widgetContent { background: url(/images/communityThemeBigBlog/widgetContent.gif) top left repeat-y #9ddaec; padding: 3px 0px; } 	
div.layout2 div.widgetContent { background: url(/images/defaultTheme/widgetContent.gif) top left repeat-y; padding: 3px 0px; } 

/* Hides from IE-mac \*/
* html .widgetContent {height: 1%;}
/* End hide from IE-mac */

div.widgetContent * { font-size: 10px; }
div.widgetContent img {   margin: 3px auto 5px auto; } 
div.widgetContent p {   color: #686868; } 
div.widgetContent p.login {   text-align: right;  margin-top: 15px; } 
div.widgetContent a:link, div.widgetContent a:visited,  div.widgetContent a.bold { color: #0075B0; }
div.widgetContent a:link img, div.widgetContent a:visited img,  div.widgetContent a.bold img { color: transparent; background: transparent;  }

.widgetContainer input.standardInput  {
line-height: 14px; margin: 0px; padding: 0px; height: 18px; }
/* FF Only */
html> body .widgetContainer input.standardInput  {
padding-top: 2px;margin-bottom: 1px;
} 
 
div.settingsWidgetContainer { padding-bottom: 5px; } 
div.settingsWidgetContainer div.widgetHeader { background: url(/images/defaultTheme/widgetSettingsHeader.gif) top left no-repeat; } 
div.settingsWidgetContainer div.widgetHeader h3 { white-space:nowrap; color: #fff; font-weight: bold; font-family: tahoma, arial, sans-serif; } 
div.settingsWidgetContainer div.widgetContent { background: url(/images/defaultTheme/widgetSettingsContent.gif) top left repeat-y; } 
div.widgetContent img {   margin: 3px auto 5px auto; }

div.widgetContent p span {   color: #686868; } 
  div.widgetContent p.more {   margin-top: 15px; } 
  div.widgetContent p.login {   text-align: right;  margin-top: 15px; } 
  div.settingsWidgetContainer label  {   color: #686868 !important; } 
       
div.settingsWidgetContainer div.widgetFooter { background: url(/images/defaultTheme/widgetSettingsFooter.gif) top left no-repeat; } 

div.widgetFooter { background: url(/images/defaultTheme/widgetFooter.gif) top left no-repeat; height: 10px; margin: 0px; font-size: 10px; } 


/* Generic Widget eg; feature Links */
div.widgetTopGeneric { background: url(/images/defaultTheme/widgetHeaderGeneric.gif) top left no-repeat; height: 10px; margin: 0px; font-size: 10px; } 


div.widgetContentGeneric { background: url(/images/defaultTheme/widgetContentGeneric.gif) top left repeat-y; padding: 3px 10px; } 
/* Hides from IE-mac \*/
* html .widgetContentGeneric {height: 1%;}
/* End hide from IE-mac */   div.widgetContent img {   margin: 3px auto 5px auto; } 
div.widgetContentGeneric h3.featureLinkHead { font-size: 11px; color: #999; line-height: 15px; margin: 0px 0px 10px 0px; background: none !important; }
div.widgetContentGeneric p {   color: #686868; } 
div.widgetContentGeneric p.login {   text-align: right;  margin-top: 15px; } 
div.widgetContentGeneric a:link, div.widgetContent a:visited,  div.widgetContent a.bold { color: #0075B0; }
div.widgetContentGeneric a:link img, div.widgetContent a:visited img,  div.widgetContent a.bold img { color: transparent; background: transparent;  }

div.widgetFooterGeneric { background: url(/images/defaultTheme/widgetFooterGeneric.gif) top left no-repeat; height: 10px; margin: 0px; font-size: 10px; } 

/* Generic Widget end */
  
   
div#centerPanel .para p { margin: 10px 0px 15px 0px; } 
 
div#centerPanel p.postSubHead { margin: 0px 0px 5px 0px; } 
p.postvisitorFunctions { border-bottom: 1px solid #0075B0; padding-bottom: 5px; color: #0075B0; margin: 10px 0px 20px 0px;  } 

table.profile, 
table.links { margin-bottom: 40px; width: 400px; } 
th { text-align: left; font-size: 0.8em; padding-bottom: 10px; } 
table.profile td { vertical-align: top; } 
table.links td { vertical-align: bottom; } 
table.profile p, 
table.links p  { margin: 2px 5px 2px 2px; } 
td.favLinksSpacer { border-top: 1px solid #0075b0; } 

div#blogTitle h2 { display: block; font-size: 15px; margin: 0px 0px 3px 10px; padding: 20px 0px 0px 0px; line-height: 1em; font-weight: 900; }

div#blogTitle p { color: #fff; font-weight: bold; line-height: 12px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; } 
div.blogSummary { margin-bottom: 20px; border-bottom: solid 1px #999999}


div.imageLarge { /* Here incase you want to put a border or something */ } 
p.MMSBlog { background: url(/images/defaultTheme/MMSIcon.gif) top left no-repeat; padding-left: 45px; line-height: 35px; } 
p.SMSBlog { background: url(/images/defaultTheme/SMSIcon.gif) top left no-repeat; padding-left: 45px; line-height: 35px; } 
div.imageMMS { display: block; /* Here incase you want to put a border or something */ margin-top: 20px; margin-bottom: 20px; text-align: left; } 
div.imageMMS table.imageContainer { text-align: left; margin: 0px auto; } 
div.videoMMS { display: block; text-align: center; /* Here incase you want to put a border or something */ } 
div#centerPanel table.gallerySummaryContainer { width: 98%; } 
div#centerPanel table.gallerySummaryContainer td { width: 50%; text-align: center; vertical-align: top; } 
div#centerPanel table.gallerySummaryContainer div.galleryBlock { padding: 5px; width: 190px; background: #CCE3EF; text-align: center; margin-bottom: 20px; } 

div#centerPanel table.gallerySummaryContainer div.galleryBlock p {  text-align: left; margin: 5px; } 
div#centerPanel table.gallerySummaryContainer div.galleryBlock p.right {  text-align: right; margin: 5px; } 
table.thumbPreviewContainer { text-align: center; margin: 0px auto 10px auto; } 
table.thumbPreviewContainer td.media {  border: 2px solid #E2F1F9; padding: 5px 10px 5px 5px; background: #E2F1F9; } 
div#thumbnailPreview {  width: 320px;  height: 60px;  overflow: hidden; } 
div#thumbnailPreview table { width: auto; }
 div#thumbnailPreview img {
 	margin: 0px 2px; } 
p.mediaGalleryFooter { border-top: 1px solid #0075B0; margin-top: 25px; padding-top: 15px; color: #0075B0; text-align: center; font-weight: bold; } 

div#visitorComments { margin: 25px 0px; } 
div#leaveComment { margin: 25px 0px; } 


 


fieldset.commentProfileImage { width: 280px; border: none } 
fieldset.commentProfileImage input.image {   float: right; display: block; padding-top: 3px; } 


 

hr { border: none; border-top: 1px solid #0076B2; height: 1px; margin: 10px 0px; } 


hr.thin { border: none; border-top: 1px solid #0076B2; height: 1px; margin: 0px; } 
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px; width: 1px;}







div.siteHeader { padding-bottom: 10px; } 

div.headerLinks { float: right; margin-top: 6px; } 



div#bigBlogLogo {
		 position: absolute; display: block; top: 0px; left: 10px; width: 114px; height: 30px;
}

.editSection { background: url(/images/LIHeaderEditBG.gif) bottom left repeat-x; } 
.settingsSection { background: url(/images/LIHeaderSettingsBG.gif) bottom left repeat-x; }


      
/*  *********** END TRICKY CODE ***********  */  

div.HCTBG { /* HCTBG = Home Content Top Back Ground */  } 
div.HCMBG { /* HCTBG = Home Content Main Back Ground */  } 
div.HCBBG { /* HCTBG = Home Content Bottom Back Ground */  } 


/* ---------- MAIN CONTENT ---------- */   
div#contentContainer { } 



div#CPPanel.w770 {  } 

div.w940 div#CPPanel { width: 762px; margin: 0px 0px 35px 0px; } 

div.w960 div#CPPanel { width: 762px; margin: 0px 0px 35px 5px; } 

div.w770 div#CPPanel div#CPHeader { background: none; }
div.w770 div#CPPanel div#centerPanel { background: none; }
div.w770 div#CPPanel div#CPFooter { background: none; } 

div.layout3 div#CPPanel div#CPHeader { background: url(/images/defaultTheme/CWTop.gif) top left no-repeat; }
div.layout3 div#CPPanel div#centerPanel { background: url(/images/defaultTheme/CWBG.gif) top left repeat-y; }
* html div.layout3 div#CPPanel div#centerPanel { height: 1%; }
div.layout3 div#CPPanel div#CPFooter { background: url(/images/defaultTheme/CWBottom.gif) top left no-repeat; } 

/* HCTBG = Home Content Top Back Ground */ 
/* HCTBG = Home Content Main Back Ground */ 
/* HCTBG = Home Content Bottom Back Ground */ 
div.layout3 div#CPPanel.w770 div#CPHeader { background: url(/images/defaultTheme/HCTBG.gif) top left no-repeat; }
div.layout3 div#CPPanel.w770 div#centerPanel { background: url(/images/defaultTheme/HCMBG.gif) top left repeat-y; }
div.layout3 div#CPPanel { width: 770px !important; }
/* div.layout3 div#CPPanel { width: 580px !important; } */
div.layout3 div#CPPanel.w770 div#CPFooter { background: url(/images/defaultTheme/HCBBG.gif) top left no-repeat; } 

div.layout4 div#CPPanel.w770 div#CPHeader { background: url(/images/defaultTheme/CWTop.gif) top center no-repeat; }
div.layout4 div#CPPanel.w770 div#centerPanel { background: url(/images/defaultTheme/CWBG.gif) top center repeat-y; }
div.layout4 div#CPPanel.w770 div#CPFooter { background: url(/images/defaultTheme/CWBottom.gif) top center no-repeat; } 

div.layout5 div#CPPanel.w770 div#CPHeader { }
div.layout5 div#CPPanel.w770 div#centerPanel { }
/* Hides from IE-mac \*/
* html div.layout5 div#CPPanel.w770 div#centerPanel {height: 1%;}
/* End hide from IE-mac */
div.layout5 div#CPPanel.w770 div#CPFooter { } 



  
div#rightPanel { float: right; width: 169px; margin-bottom: 35px; } 
div.w960 div#rightPanel { float: right; width: 179px; margin-bottom: 35px; } 
 


div#welcomeToBB { background: url(/images/WelcomeBGGradient.jpg) top center no-repeat; height: 265px; } 
div#welcomeToBB p { margin: 15px 25px 20px 25px; } 
/* ---------- FOOTER ---------- */ 
div#footer { margin-bottom: 25px; padding-top: 20px; text-align: center; border-top: 1px solid #0075B0; color: #0075B0; } 
 
p.MMSPicSummary { background: url(/images/defaultTheme/MMSPicIcon.gif) right no-repeat; padding-right: 30px; height: 25px; } 
p.MMSVidSummary { background: url(/images/defaultTheme/MMSVidIcon.gif) right no-repeat; padding-right: 30px; height: 25px; } 

p.MMSSoundSummary { background: url(/images/defaultTheme/MMSSoundIcon.gif) right no-repeat; padding-right: 30px; height: 25px; } 
table.imageContainer { border: none; text-align: center; margin: 5px auto; background: #E2F1F9; } 
td.centerMiddle {   vertical-align: middle; text-align: center; height: 160px; width: 160px;  padding: 0px; } 
 
table.imageContainer td.centerMiddle img {   display: block;  margin: 0px; padding: 0px; margin-left:auto; margin-right:auto}

/* --------- */ 
table.templateSummaryContainer { width: 98%; } 
table.templateSummaryContainer td.tc { width: 50%; text-align: center; vertical-align: top; } 
table.templateSummaryContainer div.templateBlock { padding: 5px; width: 166px; background: #E2F1F9; text-align: center; margin: 0px auto 20px auto; } 

table.templateSummaryContainer div.templateBlock p {  text-align: left; margin: 5px; } 
table.templateSummaryContainer div.templateBlock p.right {  text-align: right; margin: 5px; } 
div.galleryImages { margin: 20px 0px; } 
div.galleryImages img { float: left; margin: 0px 10px 10px 0px; }

div#howToMobilePost { border: 1px solid #0075b0; background: #b3e6ff; width: 173px; padding: 10px 0px; } 
div#howToMobilePost h4,  div#howToMobilePost p {   margin: 10px 5px; } 

p { font-size: 11px;
}





.widgetContainer h3,
.settingsWidgetContainer h3 { font-size: 11px;
}


.small { font-size: 10px;
}
 
input,
option, 
textarea, 
select,
label { font-size: 10px; color: #000; }

label.BBMember { padding-left: 20px; background: url(/images/defaultTheme/BBMRadioLogo.gif) 0px 0px no-repeat; line-height: 16px !important;}
label.otherCommenter { line-height: 16px !important;}


 
div#GHC { background: #ffffff; } 
body.gradientBackground div#GFC { background: #edf7f9; } 
body.community div#GFC { background: #edf7f9; } 
div#globalContainer { background: #ffffff; } 
th.blogName { width: 160px; }
th.blogDescription { width: 460px; }
th.blogUrl { width: 160px; }

td.blogName { vertical-align: top; padding: 3px 10px 3px 0px; }
td.blogDescription { vertical-align: top; padding: 3px 10px 3px 0px; }
td.blogUrl { vertical-align: top; padding: 3px 10px 3px 0px; }

hr.memberSites { margin: 2px 0px; }
div.blogOutput p { font-size: 10px;
}
div.blogOutput p span { line-height: 1.2em; }
 

 
 table.addNewLink {}
 table.addNewLink td {vertical-align:bottom;}
 table.addNewLink td.linkName{}
 table.addNewLink td.linkURL{}
 table.addNewLink td.linkSubmit{ padding: 0px 0px 1px 3px;}
 
 
 table.imageBrowse {}
 table.imageBrowse td {vertical-align: bottom;}
 table.imageBrowse td.uploadPath {}
 table.imageBrowse td.uploadButton {padding-left:25px;}
 
 
/* This is the new stuff added for phase 2 */

div.homeContent1 { background: url(/images/homeContentGradientBG.jpg) center top no-repeat; }
div.homeContent2 { background: url(/images/homeContentGradientStarsBG.jpg) center top no-repeat; }
 

/* Generic and Structural Styles */


.lct { /* lct = light coloured text*/ color: #999 !important; } 
.dct { /* dct = dark coloured text*/ color: #666 !important; } 
.act { /* act = anchor (link) coloured text*/ color: #0075B0 !important; } 


/* Site wide MMS */

.bb1px {  border-bottom: 1px solid #333; }

ul.lsn { list-style: none; }

ul.popularLinks { padding: 0px; margin: 10px 10px 0px 10px; } 
ul.popularLinks li { margin: 0px; padding: 0px 0px 0px 25px; line-height: 30px; font-size: 11px; border-bottom: 1px solid #999; } 
ul.popularLinks li#blogs { background: url(/images/iconBlogs.gif) center left no-repeat; }
ul.popularLinks li#posts { background: url(/images/iconPosts.gif) center left no-repeat; }
ul.popularLinks li#video { background: url(/images/iconVideo.gif) center left no-repeat; }
ul.popularLinks li#mms { background: url(/images/iconMMS.gif) center left no-repeat; } 
ul.popularLinks li a { font-weight: bold; }

div.CCBG { /* CCBG = Content Container Back Ground */ background: url(/images/defaultTheme/CCBG.gif) top center no-repeat; } 
div.layout3 div.CCBG { width: 762px; } 
/* Community Home */

div.communityHeader { /* CCBG = Content Container Back Ground */ background: url(/images/defaultTheme/communityHeaderBG.gif) top center no-repeat; width: 761px; height: 245px; } 
div.communityHeaderSmall { /* CCBG = Content Container Back Ground */ background: url(/images/defaultTheme/communityHeaderSmallBG.gif) top center no-repeat; width: 761px; height: 160px; } 
div.communityHeader div#commIntroImage, 
div.communityHeaderSmall div#commIntroImage { padding-left: 20px !important; } 
div.communityHeader div#commIntroImage img, 
div.communityHeaderSmall div#commIntroImage img { display: block; border: 1px solid #ccc; } 
div.communityHeader div#commIntroText, 
div.communityHeaderSmall div#commIntroText { width: 575px; } 
div.communityHeader div#commIntroText div.commNoticeBoard { background: url(/images/defaultTheme/commNoticeBoardBG.gif) top center no-repeat; width: 578px; height: 82px; } 
 
div.BPSC { /* BPSC = BigPond Sponsored Community */ background: url(/images/defaultTheme/BPSponsoredCommBG.gif) top center no-repeat; width: 132px; height: 52px; float: left; margin: 10px 5px; } 
div.LBG { /* LBG = Light Background */ background-color: #edf7fa; } 
div.commCat { /* commCat = Community Category */ border-left: 1px solid #ccc; float: left; width: 115px; height: 45px; padding-left: 10px; margin: 15px 5px; } 
div.AtoZ { border-top: 1px solid #ccc; border-bottom: 0px none #000 !important; padding-top: 10px; } 
div.AtoZ div { margin-bottom: 10px; } 
div.AtoZ a { font-weight: bold; font-size: 11px; } 

/* Video Display CSS */

div.VPC { }

div.videoPlayerContainer {
  width: 450px;
  }
  
div.videoPlayerContainer div#player {
  width: 450px;
  border:none;
/*  height: 374px;*/
  background: black;
  }
  
div.videoPlayerContainer div#player,
div.videoPlayerContainer div#player table,
div.videoPlayerContainer div#player table tr,
div.videoPlayerContainer div#player table tr td {
  border:none;
  margin:0px;
  padding:0px;
  font-size:0px;
  line-height: 0px;
  
  }
#player table tr td img {
  margin:0px;
  padding:0px;
}
  
  
div.playlistContainer {
  width: 285px;
  }
  
div.playlistContainer div#thumbnailPreview {
  height: 285px;
  }
  
div#playlist {
  width: 283px;
  height: 373px;
  overflow: hidden;
  border: 1px solid #86bbdb; 
  }
  
div#playlist * {/* PLIDetails = playListItemDetails */
  font-size: 10px;
  line-height: 11px;
  }
  
div.currentlyPlaying {
  margin: 10px 0px;
  padding-bottom: 10px;
  height: 75px;
  background: #e6f1f7;
  }
  
  div.currentlyPlaying div.CPPreview {
    margin: 10px 0px;
    width: 102px;
    }
    
    div.currentlyPlaying div.CPPreview img { display: block; border: 1px solid #ccc; margin: 0px auto; } 

  div.currentlyPlaying div.CPDetails { /* CPDetails = CurrentlyPlayingDetails */
    margin: 10px 0px;
    width: 181px;
    }
    
div.playListItemContainer {
  border-top: 1px solid #999; 
  padding-top: 1px;
  background: url(/images/defaultTheme/playListItemContainerBG.gif) top left repeat-y ;
  }
  
  div.playListItemContainer div.PLIHR {
    width: 80%;
    margin: -0px auto;
    padding: 0px;
    line-height: 1px !important;
    font-size: 1px !important;
    border: none; 
    border-top: 1px solid #0076B2; 
    height: 1px !important; 
    }
  
  div.playListItemContainer div.playlistControls {
    position: absolute; 
    top: 0px; 
    left: 263px;
    width: 20px; 
    }
    
    div.playListItemContainer div.playlistControls div.previewScrollDown {
      margin-top: 230px;
      }

  
  div.playListItemContainer div.playListItem {
    width: 260px; 
    }
    
  div.playListItemContainer div.PLIPreview {
    margin: 10px 0px;
    width: 102px;
    }
    
    div.playListItemContainer div.PLIPreview img { display: block; border: 1px solid #ccc; margin: 0px auto; } 

  div.playListItemContainer div.PLIDetails { /* CPDetails = CurrentlyPlayingDetails */ margin: 10px 0px 10px 5px; width: 153px; } 
       

table.createCommunityForm td { padding: 10px; }
table.createCommunityForm tr.colouredBG td { background: #e5f4f9; }
table.createCommunityForm td.field { padding-left: 10px; }
table.createCommunityForm td.field { padding-left: 10px; }
table.createCommunityForm td label { color: #666; }


form#searchForm p * { text-align: center; line-height: 18px; background: red;}
form#searchForm p input { text-align: center; }
form#searchForm p label { text-align: center; }
.widgetContainer label  {
     font-weight: bold !important; font-size: 10px !important; color: #686868 !important;
  }
  





























h3.h3_latestPosts {   display: block; width: 374px; height: 44px; background: url(/images/h3_latestPosts.gif) top left no-repeat; } 
.h3_commBlogsInCommunity {   border:1px solid #ff0 !important;display: block; width: 374px; height: 44px; background: url(/images/h3_commBlogsInCommunity.gif) top left no-repeat; } 
body .blogDetails, body .ratings {color: #999}

.BPSC {}
.BPSC img {height:48px !important; width:48px !important;}
.BPSC table {border:1px solid #ccc}

div#GFC div#footer p.small /*Footer Divider color*/
  {color:#0075b0 !important}




.rating { color:#11256e !important; } 

















































































/* ### BASIC FORMATTING  ### */
* { margin: 0px; padding: 0px; font-family: verdana, arial, sans-serif; font-size: 11px; line-height: 15px;  } 

body { background: #fff}

body.loggedIn div.widgetContainer .hidden a, 
body.loggedIn div.widgetContainer .hidden a img { margin: 0px; padding: 0px; } 

.bb1px {   }

/* ### BASIC TEXT FORMATTING  ### */
p { line-height: 1.4em; margin: 0px; } 
p.pagination { text-align: right; font-weight: bold;  margin: 10px 0px; } 
p.postSubHead { margin: 0px 0px 10px 0px; } 
.error {   font-weight: bold; } 
p.postvisitorFunctions {padding-bottom: 5px; margin: 10px 0px 20px 0px; } 
 
.textSubHead {  } 
.t8px { display: block; margin-top: 8px; } 
 
.right { text-align: right; } 
.floatRight { float: right; } 
.left { text-align: left; } 
.center { text-align: center; } 


 
a:link, a:visited { text-decoration: none;  padding: 0px; } 
                     
a:hover { text-decoration: underline; padding: 0px } 
.bold { font-weight: bold  }

 
h2, h3 { font-size: 14px; font-weight: bold;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.3em;}  
h3, h4 { font-weight: 600; margin-bottom: 5px; }



div.siteHeader { padding-bottom: 10px; background: transparent; width: 770px !important; } 
div#GHC { margin: 0px; }
div#GFC { height: 120px; margin: 0px; }
  
div#globalContainer { width: 770px; } 

div#blogTitle h2 {  display: block; font-size: 15px; margin: 0px 0px 3px 10px; padding: 20px 0px 0px 0px; line-height: 1em; font-weight: 900; }
div#blogTitle p {font-weight: bold; line-height: 12px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; } 



div.blogSummary { margin-bottom: 20px; }

div.widgetContainer { width: 165px;margin-bottom:0 !important; } 

div.widgetContainer div.widgetHeader h3, 
div.widgetContainer div.widgetHeader h3.text {  font-weight: bold; font-family: tahoma, arial, sans-serif; } 
div.widgetContent label {    font-weight:600} 


div.settingsWidgetContainer div.widgetHeader h3, 
div.settingsWidgetContainer div.widgetHeader h3.text { font-weight: bold; font-family: tahoma, arial, sans-serif; } 

div#contentContainer { margin-top: 5px; } 

h4.breaker {  line-height: 1.5em; margin: 15px 0px 10px 0px; padding: 0px 0px 0px 3px; } 



/* gallery summary inner colour */
table.imageContainer {  border: none; text-align: center; margin: 5px auto; }
/* gallery details thumbnail images */
table.thumbPreviewContainer td.media {   padding: 5px 10px 5px 5px;  } 


/* gallery summary outer colour */
 



/* gallery details user functions < Previous Image | Next Image > */
p.mediaGalleryFooter {  margin-top: 25px; padding-top: 15px; text-align: center; font-weight: bold; } 

/* The background colour around the template preview images */


/* ---------- FOOTER ---------- */ 
div#footer { padding: 20px 0px; text-align: center; } 
 

     
input.standardInput,  
input.xsmall, 
input.standardInput.small, 
div.editContent td p input.standardInput, 
input.fileUploadStyle { line-height: 14px !important; margin: 0px; padding: 0px; height: 18px !important; } 
input.formButton { line-height: 14px; margin: 0px; padding: 0px; height: 16px; }
div.input input.standardInput { height: 18px !important; }

fieldset { border: none; padding: 5px 0px; margin: 5px 0px; } 
input.image { display: block; float: right; margin-top: 1px; } 



h2.welcomeToBigBlog {   display: block; width: 374px; height: 44px; background: url(/images/h2_welcomeToBigBlog.gif) top left no-repeat; } 
 

h3 { line-height: 1.3em; white-space:nowrap; } 
h3.text {   font-weight: bold;  font-size: 11px !important;  margin: 5px 20px 20px 0px; } 
h3.h3_popularVideo {   display: block; width: 374px; height: 44px; background: url(/images/h3_popularVideo.gif) top left no-repeat; } 
h3.h3_popularMMS {   display: block; width: 374px; height: 44px; background: url(/images/h3_popularMMS.gif) top left no-repeat; } 
h3.h3_popularPosts {   display: block; width: 374px; height: 44px; background: url(/images/h3_popularPosts.gif) top left no-repeat; } 
h3.h3_postsHighestRanked {   display: block; width: 310px; height: 17px; background: url(/images/h3_postsHighestRanked.gif) top left no-repeat; } 
h3.h3_MMSHighestRanked {   display: block; width: 210px; height: 17px; background: url(/images/h3_MMSHighestRanked.gif) top left no-repeat; } 
h3.h3_videoMostViewed {   display: block; width: 200px; height: 17px; background: url(/images/h3_videoMostViewed.gif) top left no-repeat; } 
h3.h3_bigblogCommunity {   display: block; width: 196px; height: 17px; background: url(/images/h3_bigblogCommunity.gif) top left no-repeat;  }

div.popularSite div.postDetails h4.h4_postDetails,
div.popularPost div.postDetails h4.h4_postDetails { margin: 0px; padding: 0px; font-size: 14px; }

h4 { font-size: small; line-height: 1.2em; }


h4.h4_AZListingOfBlogs {   display: block; width: 231px; height: 18px; background: url(/images/h4_AZListingOfBlogs.gif) center left no-repeat; } 
  h4.h4_BPSponsoredCommunities {   display: block; width: 277px; height: 11px; background: url(/images/h4_BPSponsoredCommunities.gif) top left no-repeat; } 
  h4.h4_otherBPCommunities {   display: block; width: 237px; height: 11px; background: url(/images/h4_otherBPCommunities.gif) top left no-repeat; } 
  
h5 { line-height: 1.5em; margin: 0px; padding: 0px; } 
h5.h5_communityCategories {   display: block; width: 237px; height: 11px; background: url(/images/h5_communityCategories.gif) top left no-repeat;  }
h5.h5_BBMember {   padding-left: 20px; background: url(/images/defaultTheme/h5_BBMHeadingLogo.gif) 0px 4px no-repeat;  }


b { font-weight: 600; } 
  
ol, ul { margin: 0px 20px 10px 20px; } 
li { margin: 0px 20px 10px 20px; padding: 0px 20px 10px 0px; } 



/* ---------- MENU ---------- */ 
#menu {   height: 25px; } 
#menu ul { 	margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; text-align: center; } 
#menu ul li { 	display: block; 	float: left; 	text-align: center; padding: 0px; margin: 0px; } 
#menu ul li a { font-weight: bold;  padding: 0px; margin: 0px; text-decoration: none; display: inline; text-align: center; font-size: 11px; line-height: 18px; } 
#resources a:link, #resources a:visited { } ;

div#menu ul li#homeHome a { width: 75px; }
div#menu ul li#BBCommunity a { width: 183px; }
div#menu ul li#createBlog a { width: 157px; }
div#menu ul li#blank a { width: 255px; text-align: right; padding-right: 5px; }
div#menu ul li#helpHome a { width: 77px; border-right: none; }
 
div#menu ul li a.menu { display: block; height: 20px; } 





div#menu ul li#communityOptions a { width: 275px; }
div#menu ul li#members a { width: 178px; }
   
div#menu ul li#general a { width: 69px; }
div#menu ul li#comments a { width: 86px; }
div#menu ul li#styles a { width: 58px; }
div#menu ul li#friends a { width: 67px; }
div#menu ul li#community a { width: 88px; }
div#menu ul li#RSSSettings a { width: 42px; }
div#menu ul li#statistics a { width: 78px; }
div#menu ul li#blankSettings a { width: 201px; text-align: right; padding-right: 5px; } 
div#menu ul li#blankSettings a:hover { width: 201px; text-align: right; padding-right: 5px; cursor: default; }
div#menu ul li#help a { width: 60px; border-right: none; } 

    div.widgetHeader h3.h3_widgetBigblogNews {         background: url(/images/defaultTheme/widgetHeadings/h3_bigblogNews.gif) top left no-repeat; } 
    div.widgetHeader h3.h3_widgetPopularCommunities {         background: url(/images/defaultTheme/widgetHeadings/h3_popularCommunities.gif) top left no-repeat; } 
    div.widgetHeader h3.h3_widgetRecentlyUpdated {         background: url(/images/defaultTheme/widgetHeadings/h3_recentlyUpdated.gif) top left no-repeat; } 
    div.widgetHeader h3.h3_widgetHighestRanked {         background: url(/images/defaultTheme/widgetHeadings/h3_highestRanked.gif) top left no-repeat; } 
    div.widgetHeader h3.h3_widgetSetUpSteps {         background: url(/images/defaultTheme/widgetHeadings/h3_setUpSteps.gif) top left no-repeat; height: 42px !important; } 
    div.widgetHeader h3.h3_widgetWithBigBlogYouCan {         background: url(/images/defaultTheme/widgetHeadings/h3_withBigBlogYouCan.gif) top left no-repeat; height: 28px !important; } 
    div.widgetHeader h3.h3_widgetCreateMMSSMSPosts {         background: url(/images/defaultTheme/widgetHeadings/h3_createMMSSMSPosts.gif) top left no-repeat; height: 28px !important; } 
    div.widgetHeader h3.h3_widgetPopularLinks {         background: url(/images/defaultTheme/widgetHeadings/h3_popularLinks.gif) top left no-repeat; height: 42px !important; } 
    div.widgetHeader h3.h3_widgetPopularPosts {         display: block;  height: 17px;  background: url(/images/defaultTheme/widgetHeadings/h3_popularPosts.gif) top left no-repeat; }
 	
  div.widgetHeader { 			background: url(/images/defaultTheme/widgetHeader.gif) top left no-repeat; } 
	
  


div.widgetTop { /* For the Widgets that don't have patterned header*/ background: url(/images/defaultTheme/widgetTop.gif) bottom left no-repeat; height: 10px; margin: 0px; font-size: 1px; }
/* Generic Widget eg; feature Links */
div.widgetTopGeneric { background: url(/images/defaultTheme/widgetHeaderGeneric.gif) top left no-repeat; height: 10px; margin: 0px; font-size: 10px; } 


div.widgetContent { background: url(/images/widgetContent.gif) top left repeat-y; padding: 3px 0px; } 
/* Hides from IE-mac \*/
* html .widgetContent {height: 1%;}
/* End hide from IE-mac */

div.widgetContent img {   margin: 3px auto 5px auto; } 

div.widgetContent p.login {   text-align: right;  margin-top: 15px; } 
div.widgetContent a:link img, div.widgetContent a:visited img,  div.widgetContent a.bold img { color: transparent; background: transparent;  }

.widgetContainer input.standardInput  {
line-height: 14px; margin: 0px; padding: 0px; height: 16px; }
/* FF Only */
html> body .widgetContainer input.standardInput  {
padding-top: 2px;margin-bottom: 1px;
} 
 
div.settingsWidgetContainer { padding-bottom: 0px !important; margin-bottom:0px !important;  } 
div.settingsWidgetContainer div.widgetHeader { background: url(/images/defaultTheme/widgetSettingsHeader.gif) top left no-repeat; } 

div.settingsWidgetContainer div.widgetContent { background: url(/images/defaultTheme/widgetSettingsContent.gif) top left repeat-y; } 
div.widgetContent img {   margin: 3px auto 5px auto; }

  div.widgetContent p.more {   margin-top: 15px; } 
  div.widgetContent p.login {   text-align: right;  margin-top: 15px; } 
       
div.settingsWidgetContainer div.widgetFooter { background: url(/images/defaultTheme/widgetSettingsFooter.gif) top left no-repeat; } 

div.widgetFooter { background: url(/images/defaultTheme/widgetFooter.gif) top left no-repeat; height: 10px; margin: 0px; font-size: 10px; } 

div.usagewidget

div.widgetContentGeneric { background: url(/images/defaultTheme/widgetContentGeneric.gif) top left repeat-y; padding: 3px 10px; } 
/* Hides from IE-mac \*/
* html .widgetContentGeneric {height: 1%;}
/* End hide from IE-mac */   div.widgetContent img {   margin: 3px auto 5px auto; } 
div.widgetContent h3.greyHead, 
div.widgetContentGeneric h3.greyHead { font-size: 11px; line-height: 15px; margin: 0px 0px 10px 10px; background: none !important; }
div.widgetContentGeneric p.login {   text-align: right;  margin-top: 15px; } 
div.widgetContentGeneric a:link img, div.widgetContent a:visited img,  div.widgetContent a.bold img { color: transparent; background: transparent;  }

div.widgetFooterGeneric { background: url(/images/defaultTheme/widgetFooterGeneric.gif) top left no-repeat; height: 10px; margin: 0px; font-size: 10px; } 

/* Generic Widget end */
  
   
div#centerPanel .para p { margin: 10px 0px 15px 0px; } 
 
div#centerPanel p.postSubHead { margin: 0px 0px 5px 0px; } 

table.profile, 
table.links { margin-bottom: 40px; width: 400px; } 
th { text-align: left; font-size: 0.8em; padding-bottom: 10px; } 
table.profile td { vertical-align: top; } 
table.links td { vertical-align: bottom; } 
table.profile p, 
table.links p  { margin: 2px 5px 2px 2px; } 



div.imageLarge { /* Here incase you want to put a border or something */ } 
p.MMSBlog { background: url(/images/defaultTheme/MMSIcon.gif) top left no-repeat; padding-left: 45px; line-height: 35px; } 
p.SMSBlog { background: url(/images/defaultTheme/SMSIcon.gif) top left no-repeat; padding-left: 45px; line-height: 35px; } 
div.imageMMS { display: block; /* Here incase you want to put a border or something */ margin-top: 20px; margin-bottom: 20px; text-align: left; } 
div.imageMMS table.imageContainer { text-align: left; margin: 0px auto; } 
div.videoMMS { display: block; text-align: center; /* Here incase you want to put a border or something */ } 
div#centerPanel table.gallerySummaryContainer { width: 98%; margin: 0px auto;} 
div#centerPanel table.gallerySummaryContainer td { width: 50%; text-align: center; vertical-align: top; } 
div#centerPanel table.gallerySummaryContainer div.galleryBlock { padding: 5px; width: 166px; text-align: center; margin-bottom: 20px; } 

div#centerPanel table.gallerySummaryContainer div.galleryBlock p {  text-align: left; margin: 5px; } 
div#centerPanel table.gallerySummaryContainer div.galleryBlock p.right {  text-align: right; margin: 5px; } 
table.thumbPreviewContainer { text-align: center; margin: 0px auto 10px auto; } 
table.thumbPreviewContainer td.media {  padding: 5px 10px 5px 5px; } 
div#thumbnailPreview {  width: 320px;  height: 60px;  overflow: hidden; } 
div#thumbnailPreview table { width: auto; }
 div#thumbnailPreview img {
 	margin: 0px 2px; } 
p.mediaGalleryFooter { margin-top: 25px; padding-top: 15px; text-align: center; font-weight: bold; } 

div#visitorComments { margin: 25px 0px; } 
div#leaveComment { margin: 25px 0px; } 


 


fieldset.commentProfileImage { width: 280px; border: none } 
fieldset.commentProfileImage input.image {   float: right; display: block; padding-top: 3px; } 
.widgetContainer label,  {  } 

 

hr { border: none;  height: 1px; margin: 10px 0px; } 


hr.thin { border: none;  height: 1px; margin: 5px 0px; } 
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px; width: 1px;}








div.headerLinks { float: right; margin-top: 6px; } 



div#bigBlogLogo {
		 position: absolute; display: block; top: 0px; left: 10px; width: 114px; height: 30px;
}

.editSection { background: url(/images/LIHeaderEditBG.gif) bottom left repeat-x; } 
.settingsSection { background: url(/images/LIHeaderSettingsBG.gif) bottom left repeat-x; }


      
/*  *********** END TRICKY CODE ***********  */  

div.HCTBG { /* HCTBG = Home Content Top Back Ground */  } 
div.HCMBG { /* HCTBG = Home Content Main Back Ground */  } 
div.HCBBG { /* HCTBG = Home Content Bottom Back Ground */  } 


/* ---------- MAIN CONTENT ---------- */   
div#leftPanel { width: 170px; } 
div#rightPanel { width: 170px; } 

div#CPPanel { margin: 0px 0px 35px 0px; } 

div#CPPanel.w770 {  } 

div.w940 div#CPPanel { width: 762px; margin: 0px 0px 35px 0px; } 

div.w960 div#CPPanel { width: 762px; margin: 0px 0px 35px 5px; } 


div.layout3 div#CPPanel div#CPHeader { background: url(/images/defaultTheme/CWTop.gif) top left no-repeat; }
div.layout3 div#CPPanel div#centerPanel { background: url(/images/defaultTheme/CWBG.gif) top left repeat-y; }
* html div.layout3 div#CPPanel div#centerPanel { height: 1%; }
div.layout3 div#CPPanel div#CPFooter { background: url(/images/defaultTheme/CWBottom.gif) top left no-repeat; } 

/* HCTBG = Home Content Top Back Ground */ 
/* HCTBG = Home Content Main Back Ground */ 
/* HCTBG = Home Content Bottom Back Ground */ 
div.layout3 div#CPPanel.w770 div#CPHeader { background: url(/images/defaultTheme/HCTBG.gif) top left no-repeat; }
div.layout3 div#CPPanel.w770 div#centerPanel { background: url(/images/defaultTheme/HCMBG.gif) top left repeat-y; }
div.layout3 div#CPPanel { width: 770px !important; }
/* div.layout3 div#CPPanel { width: 580px !important; } */
div.layout3 div#CPPanel.w770 div#CPFooter { background: url(/images/defaultTheme/HCBBG.gif) top left no-repeat; } 

div.layout4 div#CPPanel.w770 div#CPHeader { background: url(/images/defaultTheme/CWTop.gif) top center no-repeat; }
div.layout4 div#CPPanel.w770 div#centerPanel { background: url(/images/defaultTheme/CWBG.gif) top center repeat-y; }
div.layout4 div#CPPanel.w770 div#CPFooter { background: url(/images/defaultTheme/CWBottom.gif) top center no-repeat; } 

div.layout5 div#CPPanel.w770 div#CPHeader { }
div.layout5 div#CPPanel.w770 div#centerPanel { }
/* Hides from IE-mac \*/
* html div.layout5 div#CPPanel.w770 div#centerPanel {height: 1%;}
/* End hide from IE-mac */
div.layout5 div#CPPanel.w770 div#CPFooter { } 


div.w770 div#CPPanel {overflow:hidden; }
div.w770 div#CPPanel div#CPHeader { height: 26px; margin: 0px; background: url(/images/defaultTheme/contentBGHeader.gif) left top no-repeat; }
div.w770 div#CPPanel div#centerPanel { padding: 0px 10px 0px 10px; margin: 0px; background: url(/images/defaultTheme/contentBGContent.gif) left top repeat-y; }
div.w770 div#CPPanel div#CPFooter { height: 20px; margin: 0px; background: url(/images/defaultTheme/contentBGFooter.gif) left top no-repeat; } 


  
div#rightPanel { float: right; width: 164px; margin-bottom: 35px; } 
div.w960 div#rightPanel { float: right; width: 179px; margin-bottom: 35px; } 
 


div#welcomeToBB { background: url(/images/WelcomeBGGradient.jpg) top center no-repeat; height: 265px; } 
div#welcomeToBB p { margin: 15px 25px 20px 25px; } 

p.MMSPicSummary { background: url(/images/defaultTheme/MMSPicIcon.gif) right no-repeat; padding-right: 30px; height: 25px; } 
p.MMSVidSummary { background: url(/images/defaultTheme/MMSVidIcon.gif) right no-repeat; padding-right: 30px; height: 25px; } 

p.MMSSoundSummary { background: url(/images/defaultTheme/MMSSoundIcon.gif) right no-repeat; padding-right: 30px; height: 25px; } 
td.centerMiddle {   vertical-align: middle; text-align: center; height: 160px; width: 160px;  padding: 0px; } 
 
table.imageContainer td.centerMiddle img {   display: block;  margin: 0px auto; padding: 0px; }

/* --------- */ 
table.templateSummaryContainer { width: 98%; } 
table.templateSummaryContainer td.tc { width: 50%; text-align: center; vertical-align: top; } 
table.templateSummaryContainer div.templateBlock { padding: 5px; width: 166px; text-align: center; margin: 0px auto 20px auto; } 

table.templateSummaryContainer div.templateBlock p {  text-align: left; margin: 5px; } 
table.templateSummaryContainer div.templateBlock p.right {  text-align: right; margin: 5px; } 
div.galleryImages { margin: 20px 0px; } 
div.galleryImages img { float: left; margin: 0px 10px 10px 0px; }

div#howToMobilePost { width: 173px; padding: 10px 0px; } 
div#howToMobilePost h4,  div#howToMobilePost p {   margin: 10px 5px; } 

p { font-size: 11px;
}




.widgetContainer h3,
.settingsWidgetContainer h3 { font-size: 11px; }


.small { font-size: 10px;
}
 
label.otherCommenter { line-height: 16px !important;}


 

th.blogName { width: 160px; }
th.blogDescription { width: 460px; }
th.blogUrl { width: 160px; }

td.blogName { vertical-align: top; padding: 3px 10px 3px 0px; }
td.blogDescription { vertical-align: top; padding: 3px 10px 3px 0px; }
td.blogUrl { vertical-align: top; padding: 3px 10px 3px 0px; }

hr.memberSites { margin: 2px 0px; }
div.blogOutput p { font-size: 10px; }
div.blogOutput p span { line-height: 1.2em; }
 

 
 table.addNewLink {}
 table.addNewLink td {vertical-align:bottom;}
 table.addNewLink td.linkName{}
 table.addNewLink td.linkURL{}
 table.addNewLink td.linkSubmit{ padding: 0px 0px 1px 3px;}
 
 
 table.imageBrowse {}
 table.imageBrowse td {vertical-align: bottom;}
 table.imageBrowse td.uploadPath {}
 table.imageBrowse td.uploadButton {padding-left:25px;}
 
 
/* This is the new stuff added for phase 2 */

div.homeContent1 { background: url(/images/homeContentGradientBG.jpg) center top no-repeat; }
div.homeContent2 { background: url(/images/homeContentGradientStarsBG.jpg) center top no-repeat; }
 

/* Generic and Structural Styles */




/* Site wide MMS */



ul.lsn { list-style: none; }

ul.popularLinks { padding: 0px; margin: 10px 10px 0px 10px; } 
ul.popularLinks li { margin: 0px; padding: 0px 0px 0px 25px; line-height: 30px; font-size: 11px;} 
ul.popularLinks li#blogs { background: url(/images/iconBlogs.gif) center left no-repeat; }
ul.popularLinks li#posts { background: url(/images/iconPosts.gif) center left no-repeat; }
ul.popularLinks li#video { background: url(/images/iconVideo.gif) center left no-repeat; }
ul.popularLinks li#MMS { background: url(/images/iconMMS.gif) center left no-repeat; } 
ul.popularLinks li a { font-weight: bold; }

div.CCBG { /* CCBG = Content Container Back Ground */ background: url(/images/defaultTheme/CCBG.gif) top center no-repeat; } 
div.layout3 div.CCBG { width: 762px; } 
/* Community Home */

div.communityHeader { /* CCBG = Content Container Back Ground */ background: url(/images/defaultTheme/communityHeaderBG.gif) top center no-repeat; width: 761px; height: 245px; } 
div.communityHeaderSmall { /* CCBG = Content Container Back Ground */ background: url(/images/defaultTheme/communityHeaderSmallBG.gif) top center no-repeat; width: 761px; height: 160px; } 
div.communityHeader div#commIntroImage, 
div.communityHeaderSmall div#commIntroImage { padding-left: 20px !important; } 
div.communityHeader div#commIntroImage img, 
div.communityHeaderSmall div#commIntroImage img { display: block; } 
div.communityHeader div#commIntroText, 
div.communityHeaderSmall div#commIntroText { width: 575px; } 
div.communityHeader div#commIntroText div.commNoticeBoard { background: url(/images/defaultTheme/commNoticeBoardBG.gif) top center no-repeat; width: 578px; height: 82px; } 
 
div.BPSC { /* BPSC = BigPond Sponsored Community */ background: url(/images/defaultTheme/BPSponsoredCommBG.gif) top center no-repeat; width: 132px; height: 52px; float: left; margin: 10px 5px; } 
div.commCat { /* commCat = Community Category */ float: left; width: 115px; height: 45px; padding-left: 10px; margin: 15px 5px; } 
div.AtoZ { padding-top: 10px; } 
div.AtoZ div { margin-bottom: 10px; } 
div.AtoZ a { font-weight: bold; font-size: 11px; } \

/* Video Display CSS */

div.VPC { }

div.videoPlayerContainer {
  width: 450px;
  }
  
div.videoPlayerContainer div#player {
  width: 450px;
  border:none;
/*  height: 374px;*/
  background: black;
  }
  
div.videoPlayerContainer div#player,
div.videoPlayerContainer div#player table,
div.videoPlayerContainer div#player table tr,
div.videoPlayerContainer div#player table tr td {
  border:none;
  margin:0px;
  padding:0px;
  font-size:0px;
  line-height: 0px;
  
  }
#player table tr td img {
  margin:0px;
  padding:0px;
}
  
  
div.playlistContainer {
  width: 285px;
  }
  
div#playlist {
  width: 283px;
  height: 373px;
  overflow: hidden;
  }
  
div#playlist * {/* PLIDetails = playListItemDetails */
  font-size: 10px;
  line-height: 11px;
  }
  
div.currentlyPlaying {
  margin: 10px 0px;
  padding-bottom: 10px;
  height: 75px;
  }
  
  div.currentlyPlaying div.CPPreview {
    margin: 10px 0px;
    width: 102px;
    }
    
    div.currentlyPlaying div.CPPreview img { display: block; margin: 0px auto; } 

  div.currentlyPlaying div.CPDetails { /* CPDetails = CurrentlyPlayingDetails */
    margin: 10px 0px;
    width: 181px;
    }
    
div.playListItemContainer {
  padding-top: 1px;
  background: url(/images/defaultTheme/playListItemContainerBG.gif) top left repeat-y ;
  }
  
  div.playListItemContainer div.PLIHR {
    width: 80%;
    margin: -0px auto;
    padding: 0px;
    line-height: 1px !important;
    font-size: 1px !important;
    border: none; 
    height: 1px !important; 
    }
  
  div.playListItemContainer div.playlistControls {
    position: absolute; 
    top: 0px; 
    left: 263px;
    width: 20px; 
    }
    
    div.playListItemContainer div.playlistControls div.previewScrollDown {
      margin-top: 230px;
      }

  
  div.playListItemContainer div.playListItem {
    width: 260px;
		 
    }
    
  div.playListItemContainer div.PLIPreview {
    margin: 10px 0px;
    width: 102px;
    }
    
    div.playListItemContainer div.PLIPreview img { display: block; margin: 0px auto; } 

  div.playListItemContainer div.PLIDetails { /* CPDetails = CurrentlyPlayingDetails */ margin: 10px 0px 10px 5px; width: 153px; } 
       

table.createCommunityForm td { padding: 10px; }
table.createCommunityForm td.field { padding-left: 10px; }
table.createCommunityForm td.field { padding-left: 10px; }



div.widgetContainerGeneric {width:164px;overflow:hidden;margin-left:0px;margin-bottom:4px;}
/*h3.featureLinkHead {font-size:11px;padding-left:0px;}*/

/* --------------------------------------Video Styles-------------------------------------------------- */

/* Main Container BG */
body.videoPage div#contentContainer { }

body.videoPage div#CPPanel.videoContainer { margin: 0px; padding: 0px; }
body.videoPage div.w770 div#CPPanel.videoContainer div#centerPanel { padding: 0px !important; }

/* Container after Currently Playing Panel */
body.videoPage div#thumbnailPreview { width: 283px; height: 277px; }

body.videoPage div.playListItemContainer div.playlistControls div.previewScrollUp { padding-top:10px;}

body.videoPage div.playListItemContainer div.playlistControls div.previewScrollDown { margin-top: 230px; }

body.videoPage div.playListItemContainer div.PLIPreview {width: 94px;}

body.videoPage div.playListItemContainer div.PLIDetails { margin: 10px 0px 10px 0px; width: 153px; }

body.videoPage div.w770 div#CPPanel div#CPHeader { height: 1px; background: none; }
body.videoPage div.w770 div#CPPanel div#centerPanel { background: none; }
body.videoPage div.w770 div#CPPanel div#CPFooter { height: 1px; background: none; }


/* Lower Content:  Player & Playlist */
body.videoPage div#CPPanel.videoContainer div#PPHead {
        background-repeat:no-repeat;
        background-position:top center;
        background-image: url(/images/defaultTheme/PPHeadBG.gif);
        height: 25px;
}

body.videoPage div#CPPanel.videoContainer div#PPContent {
        background-repeat:repeat-y;
        background-position:top center;
        background-image: url(/images/defaultTheme/PPContentBG.gif);
}

body.videoPage div#CPPanel.videoContainer div#PPFooter {
        background-repeat:no-repeat;
        background-position:bottom center;
        background-image: url(/images/defaultTheme/PPFooterBG.gif);
        height: 25px;
}


/* Lower Content: Comments & Stuffs  */
body.videoPage div#videoContentContainer div#VCHeader {
        /* border: solid 1px red;
*/
        background-repeat:no-repeat;
        background-position:top center;
        background-image: url(/images/defaultTheme/VCHeaderBG.gif);
        height: 25px;
        
}

body.videoPage div#videoContentContainer div#VCContent {
        background-repeat:repeat-y;
        width:740px;
        background-image: url(/images/defaultTheme/VCContentBG.gif);
        padding: 15px;
}

body.videoPage div#videoContentContainer div#VCFooter {
        background-repeat:no-repeat;
        background-position:bottom center;
        background-image: url(/images/defaultTheme/VCFooterBG.gif);
        height: 25px;
        
}

/* Separator */
body.videoPage div.class Separator { height: 20px; background-image: url(/images/defaultTheme/SeparatorBG.gif); }



/*Playlist*/
/* Playlist Header */
body.videoPage div.playlistContainer h3 
  {font-size: 18px !important;}
/* Playlist Links */
/* Playlist Now Playing (Now Playing)*/
/* Playlist Now Playing Background (Now Playing) */
/* Video Titles */
/* Video Details Text */
/* Playlist Main Box */
body.videoPage div#playlist {
  height: 395px; 
  }
/* Playlist */
body.videoPage div.playListItemContainer {
  background: url(/images/defaultTheme/playListItemContainerBG.gif) top left repeat-y ;}
/* Separator of Playlist Items */
body.videoPage div.playListItemContainer div.playListItem 
  {margin-left:8px;width: 252px;}



/*Blog Rating On Top And Divider Colors (Previous Video | Main Video Page) */



/*Video Box*/
/* Video Header (Video)*/
/* Video Links */
/* VIDEO TOP No link item */



/* Video Title Header (Albert) */


/* Breaker (Leave A Comment)*/

/*Background*/


/*.postvisitorFunctions {color:#35a3ab !important}*/
  

/*
div#CPPanel { width: 400px; margin: 0px 0px 35px 5px; } 
div#CPPanel { width: 430px !important; }*/


.widgetFooter {margin-bottom:0px;}
div.settingsWidgetContainer {padding-bottom:0px !important}


div.popularPost {border-bottom:1px solid #999}
div.layout2 div.popularPost {border: none;}


div.popularPost div{border:none !important;}

.blogSummary h2 a{color: #11256e !important;}

.postDetails h2 a{color: #11256e !important;}

.layout2 #CPHeader {display:none}


div#contentContainer { margin-top: 0px !important; }
div#menu { padding: 0px; margin: 0px;}

/*
#GFC {background:#ff0 !important;}
#GHC {background:#f0f !important}
body {width:900px !important}*/
























div#menu ul li#rssatom div, div#menu ul li#rss, div#menu ul li#atom, div#menu ul li#norssatom {
  width:227px !important;
  
  background:#e5f1f7 !important;
}

div#menu ul li#rssatom div a, div#menu ul li#rss a, div#menu ul li#atom a, div#menu ul li#norssatom a {
  background:#e5f1f7 !important;
}

div#menu ul li#rssatom div a, div#menu ul li#atom a {
  width:50px !important;
  
  background:#e5f1f7;
}

div#menu ul li#rssatom div a.rssatom, div#menu ul li#rss a {
  width:38px !important;
  
  /*background:#ff0;*/
}

div#menu ul li#blankSettings a {
  width: 203px !important;
}

div#menu ul li#blankSettings.communityBox a {
  width:247px !important; 
}




/*
div#menu * {border: none !important}
#help, #helpMenu {background:#f0f !important}
#menu {background:#0ff !important}
*/



#globalContainer #contentContainer.w770.layout2 #CPPanel #centerPanel .para .postDetails {padding-top:8px !important}

#globalContainer #contentContainer.w770.layout2 #CPPanel #centerPanel .para .popularPost.peterD .postImage .CPPreview {padding-top:10px !Important}

#globalContainer #contentContainer.w770.layout2 div div.settingsWidgetContainer {margin-bottom:5px !important}

#globalContainer #contentContainer.w770.layout2 #CPPanel #centerPanel .para .pagination {padding-top:0px !important;margin-top:10px !important}

#globalContainer #contentContainer.w770.layout2 #CPPanel #centerPanel .para .postDetails .postSubHead, #globalContainer #contentContainer.w770.layout2 #CPPanel #centerPanel .para .postDetails p.small {color:#999}

#globalContainer #contentContainer.w770.layout2 #CPPanel #centerPanel .para .postDetails p.postVisitorFunctions, #globalContainer #contentContainer.w770.layout2 #CPPanel #centerPanel .para .popularPost.peterD .postImage .postVisitorFunctions {color:#0075b0}

.searchPage #menu {top:-2px;position:relative;}


/** Added by Craig for - http://development.in.telstra.com.au/Program/Engagement/RapidTasks/default.asp?RapidTaskID=8933 */

a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}