/*-------------------------------------------------------------------------------------------*/
/* Version updates for Community Sites software                                              */
/* Copyright Community Sites 2004, 2005, 2006, 2007, 2008                                    */
/* For further information, see www.communitysites.co.uk or email info@communitysites.co.uk  */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* Contains: v1.7, v1.8, v1.9, v2.0             											 */
/* Notes:																					 */
/* v1.7 - make sure #mmblock1_1 h6, #amblock1_1 h6 are set to correct colour in custom css   */
/*		- check !note! comments when adding to a standard template                   */
/* v1.8	- no updates                                                                         */
/* v1.9	- minor tweaks                                                                       */
/* v2.0	- styles for FreeTextBox dropdown, Google search                                     */
/* v2.15 - messageboard				                                     	     */
/* v2.3	- permanent login etc                                     			     */

/*-------------------------------------------------------------------------------------------*/

/* v2.0 - links in the freetextbox styles; this enables the same styles to be reused by freetextbox itself */
@import url('communitysites_freetextbox.css');

/* v2.3 - integrated v3 sIFR */
@import url('sifr.css');

/*-------------------------------------------------------------------------------------------*/
/* =basic= */
/* basic formatting - styles for commonly used tags and elements */
/*-------------------------------------------------------------------------------------------*/

/* v2.1 */
a
{
  outline: none;
}

/*-------------------------------------------------------------------------------------------*/
/* =blocks= */
/* main blocks - the main divs that lay out the pages */
/*-------------------------------------------------------------------------------------------*/

/* v2.1 */
.homepage_container_hidden {
	float:left;
	margin: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 629px;
}


/* v1.7 */
	.content_container {
		background-position:top left;
		background-repeat: no-repeat;
		float:left;
		margin: 0;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		width: 629px;
	}
	
/* v2.3 */
.errorpage .category_container_hidden 
{
    width:100%;
} 

.errorpage #block1_1 
{
    margin-left:0;
    width:100%;
}

/* v2.41 - override standard .error class in communitysites_uni.css */
body.error 
{
    color: #636D62;    
}

/*-------------------------------------------------------------------------------------------*/
/* =header= */
/* header area - anything within the header area of the pages, including the search bar */
/*-------------------------------------------------------------------------------------------*/

/* v1.9 */
#header #subnavigation {
	background-image: url(../images/standard/bg_search.gif);
}

/*-------------------------------------------------------------------------------------------*/
/* =bread= */
/* breadcrumb bar */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* =nav= */
/* left-hand navigation - including the login/button area below the navigation */
/*-------------------------------------------------------------------------------------------*/

/* v1.7 */

	.blockloginform a.passwordlink {
		/* !CUSTOM! set colour in custom css if necessary */
		color:#000;
		display:block;
		font-weight:normal;
		margin-top:10px;
		text-decoration:none;
	}
	.blockloginform a.passwordlink:hover {
		text-decoration:underline;
	}

/*-------------------------------------------------------------------------------------------*/
/* =advert= */
/* advert column - including contextual links */
/*-------------------------------------------------------------------------------------------*/

/* v2.0 */
	.advertareabottom, .advertareatop {
		display:none;
	}

/*-------------------------------------------------------------------------------------------*/
/* =footer= */
/* footer */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* =forums= */
/* forums - not often used, so can be left as it is unless they're enabled */
/*-------------------------------------------------------------------------------------------*/

/* v2.15 */
#htmlForumModeratedMessagePosted 
{
    font-weight:bold;
    font-style:italic;
}

#htmlForumSearchMessage 
{
    font-weight:bold;
    font-style:italic;
    margin-top:10px;
}

#htmlForumSearch 
{
    margin-top:15px;
}



/* Start Added by Julian Samuel for the Message Board Modifications - June 2010  */
    .navigation {
	    width:600px;
    }

    #leftnav {
	    float:left;
	    width:180px;
	    text-align:center;
    }

    #rightnav {
	    float:right;
	    width:180px;
	    margin-right:20px;
	    text-align:center;
    }

    #numnav {
	    float:inherit;
	    text-align:center;	
    }

    .newmessage {
	    color:red;
	    font-style:italic;
	    font-size:14px;	    
    }

/* End Added by Julian Samuel for the Message Board Modifications - June 2010  */
/*-------------------------------------------------------------------------------------------*/
/* =titles= */
/* titles - header tags etc */
/*-------------------------------------------------------------------------------------------*/

/* v1.7 */
	#mmblock1_1 h6, #amblock1_1 h6 {
		/* !CUSTOM! set colour in custom css */
		margin-bottom:0;
		margin-top:10px;
	}

/* v1.9 */

    #block1_1 .blocktitles {
        display:none;
    }
    
    #block1_1 h4.title, #pnlSearchForm h4.title {
        margin-top:25px;
    }
    
    .category_container h4.title {
        margin-top:15px;
    }

/* v2.3 */
    #block1_2 h5.subtitle, #block2_2 h5.subtitle {
	    /* !CUSTOM! set colour in custom css */
	    font-size:100%;
	    margin-left:0;
	    margin-top:0;
    }

/*-------------------------------------------------------------------------------------------*/
/* =menu= */
/* menu items - category menu listings */
/*-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/* =home= */
/* home page - this may also use category menu styles, above */
/*-------------------------------------------------------------------------------------------*/

/* v1.9 */
    .morenew {
        margin-top:7px;
    }

/* v2.3 */    
    .newlist, .newlisthidden {
        border-bottom:1px solid #ccc;
        margin-bottom:10px;
        padding-bottom:10px;
    }
    .newlisthidden {
        display:none;
     }
     
     .newlist .subtitle, .newlist .intro, .newlisthidden .subtitle, .newlisthidden .intro 
     {
         display:none;
     }

    #htmlNewList_htmlNewCommentsInner .pagelink1_2, #htmlNewList_htmlNewCommentsInner .pagelink2_2 {
        clear:both;
        float:none;
        width: 100%;
    }
    #htmlNewList_htmlNewCommentsInner .pagelink1_2 .pagedetails, #htmlNewList_htmlNewCommentsInner .pagelink2_2 .pagedetails 
    {
        font-weight:normal;
    }

#htmlNewOptions 
{
    width:100%;
}

/*-------------------------------------------------------------------------------------------*/
/* =page= */
/* content page - including image styling etc */
/*-------------------------------------------------------------------------------------------*/

/* v1.7 */

	/* !note! - no default styles for .blockscommentary and related elements yet exist; these styles
	were created for livinghere.org.uk, which has a custom design */
	
/* v2.3 */
    .blockscommentary {
        background-color:#F6F6F6;
	border: 1px solid #EDECDD;
        margin-left:18px;
        padding:0;
    }
    .blocktopcommentary {
    }
    .blockbottomcommentary {
    }
    
    /* change these values if the icon size changes */
    #htmlPageCommentaryArea, #htmlPageNotesArea, #htmlPageCommentaryEditArea, #htmlPageAlbumsArea {
        min-height:88px;
    }
    #htmlPageAlbumsArea {
        min-height:44px;
    }
    * html #htmlPageCommentaryArea, * html #htmlPageNotesArea, * html #htmlPageCommentaryEditArea {
        height:88px;
    }
    * html #htmlPageAlbumsArea {
        height:44px;
    }

    /* this is the note/commentary, with an icon to the left of the box */
    .commentarycontent, .notescontent {
        background-color:transparent;
        background-image:url(../images/icons/defaulttour.jpg);
        background-position: 18px 10px;
        background-repeat:no-repeat;
        float:left;
        /* change these values if the icon size changes */
        min-height:88px;
        padding-bottom:8px;
        padding-left:123px;
        padding-right:18px;
        padding-top:12px;
    }
    /* this is the list of albums to which a page can be added */
    .albumscontent {
        float:left;
        min-height:50px;
        padding-bottom:10px;
        padding-left:18px;
        padding-right:18px;
        padding-top:0px;
    }
    * html .commentarycontent, * html .notescontent, *.html .albumscontent {
        height:120px;
        padding-top:15px;
    }

    .commentarycontent .title, .notescontent .title, .albumscontent .title {
     /* border-bottom:1px solid #18537F; */
		color: #18537F;
        margin-bottom:0px;
        margin-left:0px;
        margin-right:0px;
        margin-top:10px;
        padding-bottom:5px;
        width:459px;
    }
    .albumscontent .title
    {
        width:563px;
    }

    .commentarycontent .title .albumlink, .notescontent .title .albumlink {
        float:right;
    }

    .commentarycontent .title .albumlink a, .notescontent .title .albumlink a {
        font-weight:bold;
        text-decoration:underline;
		color: #18537F;
    }
    .commentarycontent .title .albumlink a:hover, .notescontent .title .albumlink a:hover {
        text-decoration:underline;
    }

	.notesbody {
		margin-top:5px;
	}

	.notesbody a {
		color: #636D62;
	}

    .blockscommentary label {
        font-weight:normal;
    }

	#block1_1 #albumlink {
    	float:right;
    	margin-right:5px;
		margin-top:7px;
    }
    #block1_1 #albumlink a {
	    font-size:60%;
	    font-weight:normal;
	    text-decoration:underline;
	}
	/* end of commentary styling */

/* v2.0 */
    .editorlinks {
        display:none;
    }

/* v2.1 */
    .documenticon {
    	float:left;
	    margin-right: 16px;
	    margin-bottom: 5px;
    }

    .documenticon img {
        border:0;
    }
    
    #mapdisplay {
        /*display:none;*/
    }

/*-------------------------------------------------------------------------------------------*/
/* =comments= */
/* comments */
/*-------------------------------------------------------------------------------------------*/

/* v2.4 */
    .rcCaptchaImage {
        float: left;
    }
    .rcCaptchaAudioLink {
		font-size: 75%;
		float: left;
		display: inline;
		background-image: url('../images/icons/captcha_audio_but.png');
		background-repeat: no-repeat;
		height: 20px;
		margin-left: 20px;
		margin-top: 12px;
		padding-left:25px;
		width: 100px;
	}
    .rcRefreshImage {
		font-size: 75%;
		float: left;
		display: inline;
		background-image: url('../images/icons/captcha_refresh_but.png');
		background-repeat: no-repeat;
		height: 20px;
		margin-left: 20px;
		margin-top: 12px;
		padding-left:25px;
		width: 100px;
	}

/*-------------------------------------------------------------------------------------------*/
/* =sitemap= */
/* sitemap */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* =search= */
/* search - this is the standard database search method */
/*-------------------------------------------------------------------------------------------*/

/* v2.0 */

	/*****/
	/* !note! - these styles relate to the Google Search API listings and customise elements in 
	the default Google stylesheet, which is included in the folder for reference */

    .gsc-control {
        width:100%;
    }
    form.gsc-search-box {
        width:300px;
    }
    .gsc-tabsArea {
        visibility:hidden;
    }
    .gs-result .gs-title, .gs-result .gs-title * {
    	/* !CUSTOM! set color in custom css if required */
        color:#676767;
        font-size:105%;
    }
    .gs-result a.gs-visibleUrl,.gs-result .gs-visibleUrl {
        color:#87ad93;
        /*display:none;*/
    }
    .gsc-results .gsc-trailing-more-results, .gsc-results .gsc-trailing-more-results * {
        color: #000;
    }
    .gs-divider {
    	/* !CUSTOM! set color in custom css if required */
        color: #676767;
    }


/*-------------------------------------------------------------------------------------------*/
/* =search2=
/* alternative search - not generally used in standard site setup */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* =contributor=
/* contributor list */
/*-------------------------------------------------------------------------------------------*/

/* v2.0 */
    .alphabetical ul.contributorlist {
    	display:none;
    	margin-bottom:0;
    	margin-left:20px;
    	margin-top:0;
    }
    .alphabetical li.contributorlink a {
    	font-weight:normal;
    }

    #htmlUsersList li.contributorlink {
        margin-bottom:5px;
    }
    #htmlUsersList li.contributorlink .contributorname {
        font-weight:bold;
    }
    #htmlUsersList li.contributorlink a {
        font-weight:normal;
    }

    a.contributorlistopen {
        display:block;
        font-weight:bold;
        text-decoration:none;
    }
    a.contributorlistopen:hover {
        text-decoration:underline;
    }

/*-------------------------------------------------------------------------------------------*/
/* =cp= */
/* control panel and pagemaker - note that specific pagemaker bits are below */
/*-------------------------------------------------------------------------------------------*/

/* v1.7 */

	.controlpanel1_2 .albumlink {
		color:#000;
		margin-left:24px;
		margin-right:8px;
		margin-top:8px;
		text-align:left;
	}

	.controlpanel1_2 .albumtitle {
		color:#676767;
		font-weight:bold;
		text-decoration:none;
	}

	.controlpanel1_2 a.albumtitlelatest {
		color:#c00;
		font-style:italic;
		font-weight:bold;
		text-decoration:none;
	}

	.controlpanel1_2 a.albumtitle:hover {
		text-decoration:none;
	}

	.panelbutton {
		padding-left:4px;
		padding-right:4px;
		text-align:center;
	}

	.panelbuttonfocused {
		background-color:#c4c4c4;
		padding-left:4px;
		padding-right:4px;
		text-align:center;
	}
	
	.panelbuttonreminder {
		padding-left:4px;
		padding-right:4px;
		text-align:center;
	}

	.panelbuttonreminderfocused {
		padding-left:4px;
		padding-right:4px;
		text-align:center;
	}
/* v2.1 */
    .formsection .banner img {
        width:300px;
    }

    ul.reginCase {
        font-weight:bold;
        list-style-type:none;
    }
    ul.reginAttachedItems {
        font-weight:normal;
        list-style-type:none;
        margin-left:0;
        padding-left:0;
    }
    ul.reginAttachedItems li {
        border-bottom:1px dashed #ccc;
        font-weight:normal;
        margin-left:0;
        padding-bottom:5px;
        padding-left:10px;
        padding-top:5px;
    }
    ul.reginAttachedItems li .checkbox {
        margin:0;
    }        
    ul.reginAttachedItems li label {
    }        
    
/* v2.15 */

    #htmlLoginBlocked, #htmlRegisterBlocked {
    	color:#CC0000;
    	font-weight:bold;
    }

/* v2.2 */

    .settingssectionlink {
        border-bottom:1px solid #000;
        display:block;
        font-size:110%;
        font-weight:bold;
        margin-bottom:0px;
        margin-left:18px;
        margin-right:18px;
        margin-top:10px;
        padding-bottom:2px;
        text-decoration:none;
    }
    .settingssectionlink a {
        text-decoration:none;
    }

    .settingssection {
        background-color:#fff;
        border:1px solid #eee;
        display:none;
        margin-left:18px;
        margin-right:18px;
        border-bottom:1px solid #000;
    }

/* v2.4 */
    .controlpanel1_2 #cblExportOptions 
    {
        margin-left:15px;
    }
    
    #htmlNewUserCaptcha 
    {
        margin-left:15px;
    }
#htmlRegisterRequired, #htmlCommentsRequired {
	color:#CC0000;
	font-weight:bold;
}

    
/*-------------------------------------------------------------------------------------------*/
/* =pm= */
/* pagemaker - note that styles that are also used by the control panel are above */
/*-------------------------------------------------------------------------------------------*/

/* v1.7 */

	/* !note! - check that the styles for #pmblock1_1 and #amblock1_1 are correct when implementing 
	in a default layout for the first time */
	body.pagemaker #pmblock1_1, body.pagemaker #amblock1_1 {
		background-color:transparent;
		float:none;
		margin:0px;
		margin-right:148px;
		padding:0px;
		padding-top:0;
		padding-left:0px;
		padding-bottom:8px;
		text-align:left;
		width:auto;
	}

	body.pagemaker #pmblock1_1 #htmlPageContentHolder, body.pagemaker #pmblock1_1 #htmlMenuContentHolder, body.pagemaker #amblock1_1 #htmlPageContentHolder {
		background-color:#fff;
		margin-left:18px;
		margin-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
		padding-top:10px;
		text-align:left;
		width: 591px;	
	}
	* html body.pagemaker #pmblock1_1 #htmlPageContentHolder, * html body.pagemaker #pmblock1_1 #htmlMenuContentHolder, * html body.pagemaker #amblock1_1 #htmlPageContentHolder {
		width: 609px;
	}

	/* no margin on category preview */
	body.pagemaker #pmblock1_1 #htmlMenuContentHolder {
		margin-left:0;
		margin-top:0;
	}

	body.pagemaker #pmblock1_1 #htmlMenuContentHolder #block1_1 {
		float:left;
		width: 591px;
		text-align:left;
		padding-bottom:10px;
	}
	* html body.pagemaker #pmblock1_1 #htmlMenuContentHolder #block1_1 {
		width: 609px;
	}

	body.pagemaker .content #pmblock1_1 .blocktitles, body.pagemaker .contentpage #pmblock1_1 .blocktitles, body.pagemaker .content #amblock1_1 .blocktitles {
		background-color:#c4c4c4;
		color:#fff;
		margin:0px;
		padding:0px;
	}

	body.pagemaker #pmblock1_1 .blocktitles h2, body.pagemaker #amblock1_1 .blocktitles h2 {
		color:#000;
		margin-bottom:0;
		margin-left:15px;
		padding-top:5px;
	}
	body.pagemaker #pmblock1_1 .blocktitles h2, body.pagemaker #amblock1_1 .blocktitles h2 {
		padding-top:15px;
	}
	body.pagemaker #pmblock1_1 .blocktitles h3, body.pagemaker #amblock1_1 .blocktitles h3 {
		color:#000;
		margin-left:15px;
		margin-top:0;
	}

	#pnlPreview .block {
		padding-bottom:10px;
		padding-left:18px;
		padding-top:10px;
	}

	/* end of #amblock1_1 and #pmblock1_1 */

/* v2.0 */
    .nextbutton h2, .nextbutton h4 {
        margin-left:0;
        margin-bottom:5px;
        padding:0;
    }
    
/* v2.1 */
    .panel1_2 {
    	float:left;
    	margin-right:-148px;
    	width:100%;
    }
    body.pagemaker #pmblock1_1, #amblock1_1 {
    	float:left;
    	margin:0;
    	margin-right:-148px;
    	padding:0;
    	width:100%;
    }
    .innerpanel1_2 {
        margin-right: 148px;
    }

    /* fixes problem with background in IE */
    #pnlNotLoggedIn .content {
    	border-top:1px solid #fff;
    }

/*-------------------------------------------------------------------------------------------*/
/* =mm= */
/* menumaker - note that styles that are also used by the control panel and pagemaker are above */
/*-------------------------------------------------------------------------------------------*/

/* v1.7 */

	#htmlMenuContentHolder {
		margin-bottom:8px;
	}

	.commentarylabelmain {
		font-weight:bold;
	}
	.commentarylabelsub {
		font-weight:bold;
	}

	.sitemapcategory li.hidden {
		color:#666;
	}
	.sitemapcategory li.hidden a {
		color:#666;
	}
	.sitemapcategory li.unpublished {
		font-style:italic;
	}

	/*****/
	/* !note! - no default styles for .albumpreviewtitles and related elements yet exist; these styles
	were created for livinghere.org.uk, which has a custom design */
	.albumpreviewtitles {
	}

	.albumpreviewtitles .albumtitles {
	}

	.albumpreviewtitles .albumtitles p {
	}

	#amblock1_1 .blockcontent {
	}

	#amblock1_1 .category1_2, #amblock1_1 .pagelink1_2, #amblock1_1 .category2_2, #amblock1_1 .pagelink2_2 {
	}

	a.flag img {
	}

	.albumintro {
	}
	* html .albumintro {
	}
	/* end of .albumpreviewtitles styles */

	/*****/
	/* !note! - no default styles for #amblock1_1 h4 and related elements yet exist; these styles
	were created for livinghere.org.uk, which has a custom design */
	#pnlPreview #amblock1_1 h4 {
	}
	/* end of #amblock1_1 h4 */

/*-------------------------------------------------------------------------------------------*/
/* =form= */
/* form stuff - lists, textboxes and other reusable form styles */
/*-------------------------------------------------------------------------------------------*/

/* v1.7 */

	select.listboxwideish {
		width:350px;	
	}
    select.listboxwideishhigher {
	    height:300px;
	    width:50%;
    }

	.formsection {
		margin-left:15px;
		margin-top:20px;
	}
	.formsection label {
		display:block;
	}
	
/* v2.3 */
    .formdisabled 
    {
        background-color:#ccc;
        border-color:#999;
    }

/*-------------------------------------------------------------------------------------------*/
/* =size= */
/* sizes */
/*-------------------------------------------------------------------------------------------*/

/* v1.7 */

	/*****/
	/* !note! - no default styles for .commentarylabelmain and related elements yet exist; these styles
	were created for livinghere.org.uk, which has a custom design */
	.commentarylabelmain {
	}
	.commentarylabelsub {
	}
	/* end of .commentarylabelmain styles */

	#mmblock1_1 h6, #amblock1_1 h6 {
		font-size:100%;
	}

/* v2.0 */
    .nextbutton {
        font-size:90%;
    }

