/*

	91福利社-UI - Standard User Inteface CSS for 91福利社 Barley Sites
	---------------------------------------------------------
	
	This file gives a "standard" set of CSS classes and resources
	for any Barley site. The aim is to "normalise" barley sites 
	giving every site the same building blocks.
	
	This is essentially YUI for the 91福利社 with some extras added.
	
*/

body {
	font-size: 62.5%;
	font-family: Arial, "MS Trebuchet", sans-serif;
	text-align: center; /* for ie5 - reverted left in doc/bdoc */
}

/* @group Reset Elements
---------------------------------------------------------------- */

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin: 0; padding: 0; }
	table{ border-collapse: collapse; border-spacing: 0; font-size: 100%; }
	fieldset,img{ border: 0; }
	address,caption,cite,code,dfn,var{ font-style: normal; font-weight: normal; }
	ol,ul { list-style: none; }
	caption,th { text-align: left; }
	h1,h2,h3,h4,h5,h6 { font-size: 100%; }
	q:before,q:after{ content: '"'; }
	h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
	h1,h2,h3,h4,h5,h6,p,blockquote,fieldset,address { margin-bottom: 1em; }
	img { border: none; }
	th { font-weight:bold; text-align:center; }
	caption { margin-bottom:.5em; text-align:center; }	

/* @end */

/* @group Barley selectors - normalise barley and remove pointless crud! */

	#crumb { font-size: 0.8em; } 			/* counter acts the surrounding font tag from barley */
	.bbcpageFooter { font-size: 1.1em }		/* make the default fontsize for pageFooter text 11px */
	.bbcpageCrumb font, font.bbcpageToplefttd { font-family: Arial, "MS Trebuchet", sans-serif !important; }
	font.bbcpageToplefttd { position: absolute; top: 38px; }
	td.bbcpageToplefttd { padding: 5px 0 0 0; }
	#crumb a, td.bbcpageToplefttd a, a.bbcpageCrumb { color: #000; text-decoration: none !important; }
	a.bbcpageCrumb, #crumb a { font-size: 0.8em; }
	td.bbcpageServices hr, td.bbcpageServices div.hr { display: none; }
	table { border-collapse: collapse; border: 0; margin: 0; padding: 0; }
	td.bbcpageCrumb img { height: 10px; }
	a.bbcpageCrumb { position: absolute; top: 76px; }
	a.bbcpageCrumb { font-size: 75% !important; }
	td.bbcpageToplefttd a:hover, a.bbcpageCrumb:hover { color: #000; text-decoration: underline !important; }

	/* nav related */
	td.bbcpageServices br { display: none; }
	td.bbcpageServices { text-align: center; }
	td.bbcpageServices font { display: none; }
	a.bbcpageServices { margin: 0 0 10px -10px; display: block; }
	td.bbcpageLocal { padding: 0; border: 0; margin: 0; }
	td.bbcpageFooter { text-align: left !important; padding-left: 5px; }
	td.bbcpageFooter a { margin: 0 5px; }
	
	#banner { min-height: 30px; }

/* @end */

/* @group container divs - defaults
---------------------------------------------------------------- */

	/* initiate document containers */
	#doc2, #doc3, #doc4 { margin: 0 auto; }
	#bdoc, #bdocnn, #doc, #doc2, #doc3, #doc4 { text-align: left; }
   
    #bdocnn #banner, #bdocnn #content { width: 770px; }	/* barley doc configured to no-nav */
	#bdoc #banner { width: 620px; }
   	#doc { margin: 0; } 		/* full width */
	#doc2 { width: 75em; } 		/* 750px */
	#doc3 { width: 95em; } 		/* 950px */
	#doc4 { width: 60em; } 		/* custom-override */

/* @end */

/* @Group - "full" related selectors
------------------------------------------ */

	body.full #primarycol, body.full #secondarycol, body.full #thirdcol {
		float: none;
		width: 100%;
		display: block;
		margin: 0 0 10px 0;
	}

	body.full #secondarycol, body.full #thirdcol { margin-top: 10px; padding-top: 10px; border-top: 3px solid #000; }

	body.full #doc { margin: 0; }
	body.full #secondary, body.full #thirdcol { padding: 10px 0 0 0; }

/* @end */

/* @group Standard Tags defined
---------------------------------------------------------------- */

	a { color: #666; }
	a:visited { color: #333; }
	a:hover { color: #ccc; }
	a:active { color: #ccc; }
	
	/* blockquote selectors */
	blockquote.focusquote {
		padding: 10px 0 5px 0;
		background: #F3F3F3 url(/staticarchive/e580d36c74aa41e91af33c99028a4a6811e628ce.gif) no-repeat 5px 5px;
		padding: 5px 0 5px 25px;
		margin: 0 5px 10px 5px;
	}
	
		blockquote.focusquote p.pullquote { 
			background: transparent url(/staticarchive/f65345dd6c097629e201ad963ac74a34ec0ff372.gif) no-repeat 100% 100%; 
			padding: 5px 15px 5px 0;
			position: static;
			margin: 10px;
		}
		
		blockquote.focusquote cite { font-style: italic; padding: 5px 0; }
		blockquote.floatright, blockquote.floatleft, blockquote.fl, blockquote.fr { width: 35%; }
		
		blockquote { padding: 10px; font-style: italic; }
		q { font-style: italic; }	

/* @end */

/* @group Resource Classes
---------------------------------------------------------------- */

	/* float clearing classes */
	.clearfloats { clear: both; }
	.clearleft { clear: left; }
	.clearright { clear: right; }

	/* add this class to an element to clear floats within */
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both;
	   	visibility: hidden;
	}

	/* float classes */
	.floatright, .fr { float: right !important; }
	.nofloat, .nf { float: none !important; }
	.floatleft, .fl { float: left !important; }
	
	/* give space to floated elements */
	img.floatright, img.fr, .fr, blockquote.fr, blockquote.floatright { margin: 0 0 5px 10px; }
	img.floatleft, img.fl, .fl, blockquote.fl, blockquote.floatleft { margin: 0 10px 5px 0; }
	
	.bdr { border: 1px solid #000; }
	.nbtop, .nb-top { border-top: none !important; }
	.nbbottom, .nb-bottom { border-bottom: none !important; }
	.nbleft, .nb-left { border-left: none !important; }
	.nbright, .nb-right { border-right: none !important; }
	
	.make-fw { width: 100% !important; }
	.make-hw { width: 50% !important; }
	.make-qw { width: 25% !important; }
	
	.add-m { margin: 10px; }
	.add-ml { margin-left: 10px !important; }
	.add-mr { margin-right: 10px !important; }
	.add-mt { margin-top: 10px !important; }
	.add-mb { margin-bottom: 10px !important; }
	.nomargin, .nm, .last { margin: 0 !important; }
	
	.pd { padding: 10px; }
	.add-pl { padding-left: 10px !important; }
	.add-pr { padding-right: 10px !important; }
	.add-pt { padding-top: 10px !important; }
	.add-pb { padding-bottom: 10px !important; }
	.np, .nopadding { padding: 0 !important; }	

	/* some alignment classes */
	.aligncenter, .ac { text-align: center !important; }
	.alignright, .ar { text-align: right !important; }
	.alignleft, .al { text-align: left !important; }
	.justify { text-align: justify !important; }
	
	div.hr {
		height: 0px;
		background: transparent;
		border-top: 1px solid #ccc;
		border-bottom:1px solid #000;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	
/* @end */

/* @group Default Element Font Sizing
---------------------------------------------------------------- */
	
	/* line-height based on font-size not "computed-value" */
	body * { line-height: 1.22em; }
	
/* @end */

/* @group useful font-size adjustment classes 
---------------------------------------------------------------- */
	
	.s5, .dec-half { font-size: 50% !important; }
	.s8 { font-size: 80% !important; }
	.s9 { font-size: 90% !important; }
	.s10 { font-size: 100% !important; }
	.s11 { font-size: 110% !important; }
	.s12 { font-size: 120% !important; }
	.s13 { font-size: 130% !important; }
	.s14 { font-size: 140% !important; }
	.s15, .inc-half { font-size: 150% !important; }
	.s16 { font-size: 160% !important; }
	.s17 { font-size: 170% !important; }
	.s18 { font-size: 180% !important; }
	.s19 { font-size: 190% !important; }
	.s20, .inc-double { font-size: 200% !important; }
	.s21 { font-size: 210% !important; }
	.s22 { font-size: 220% !important; }
	.s23 { font-size: 230% !important; }
	.s24 { font-size: 240% !important; }
	.s25, .inc-doublehalf { font-size: 250% !important; }
	.s30, .inc-treble { font-size: 300% !important; }
	.s40, .inc-quad { font-size: 400% !important; }

/* @end */

/* @group sui grids (borrowed and adapted from YUI thanks Nate!)
---------------------------------------------------------------- */

.columnset-a .columnset-b .col,
	.columnset-b .columnset-a,
	.columnset-b .columnset-b,
	.columnset-b .columnset-c,
	.columnset-b .columnset-d,
	.columnset-b .columnset-e,
	.columnset-b .columnset-f,
	.columnset-b .col, 
	.columnset-c .col, 
	.columnset-c .columnset-a,
	.columnset-d .col {float:left;margin-left:2%; width:32%;}
	.columnset-b .columnset-b .col,
	.columnset-b .columnset-c .col {*margin-left:1.8%;_margin-left:4%;}
	.columnset-a .columnset-b .col {_margin-left:0.8%;}
	.columnset-b .col {float:right;} 
	.columnset-b div.first {margin-left:0;float:left;}
	.columnset-a .columnset-b div.first,
	.columnset-b .columnset-b div.first {*margin-right:0;*width:32%;_width:31.7%;} 
	.columnset-b .columnset-c div.first,
	.columnset-b .columnset-d div.first {*margin-right:0;}
	.columnset-b .columnset-d .col {*width:66%;_width:61.2%;} 
	.columnset-b .columnset-d div.first {*width:31%;_width:29.5%;}
	.columnset-a .columnset-c .col, 
	.columnset-b .columnset-c .col,
	.columnset-e .columnset-c .col {width:32%;_float:right;margin-right:0;_margin-left:0;}
	.columnset-b .columnset-c div.first,
	.columnset-e .columnset-c div.first {width:66%;*float:left;*margin-left:0;}
	.columnset-b .columnset-e .col, 
	.columnset-b .columnset-f .col {margin:0;}
	.columnset-a .col,
	.columnset-a .columnset-a,
	.columnset-a .columnset-b, 
	.columnset-a .columnset-c, 
	.columnset-a .columnset-d, 
	.columnset-a .columnset-e, 
	.columnset-a .columnset-f, 
	.columnset-c .col, 
	.columnset-d .columnset-a,
	.columnset-a .columnset-c .col,
	.columnset-e .col, 
	.columnset-e .columnset-a, 
	.columnset-f .columnset-a,
	.columnset-f .col,
	.columnset-e .columnset-c .col {float:right;}
	.columnset-a .columnset-c div.first,
	.columnset-a .columnset-e div.first,
	.columnset-a div.first, 
	.columnset-c div.first,
	.columnset-c div.first div.first,
	.columnset-d div.first, 
	.columnset-e div.first, 
	.columnset-f div.first,
	.columnset-e .columnset-c div.first{float:left;}
	.columnset-a .columnset-a .col,
	.columnset-b .columnset-a .col,
	.columnset-c .columnset-a .col,
	.columnset-d .columnset-a .col,
	.columnset-e .columnset-a .col,
	.columnset-e .columnset-a .columnset-a .col,
	.columnset-f .columnset-a .col {width:49%;*width:48.1%;*margin-left:0;}
	.columnset-a .columnset-a div.first {*margin:0;}
	.columnset-b .columnset-a div.first {*margin-right:4%;_margin-right:1.3%;}
	.columnset-b .columnset-b .col {_margin-left:.7%;}
	.columnset-b .columnset-a div.first,
	.columnset-b .columnset-b div.first {*margin-left:0;}
	.columnset-c .columnset-a .col,
	.columnset-d .columnset-a .col {*width:48.1%;*margin-left:0;}
	.columnset-a .col,
	.columnset-a .columnset-a,
	.columnset-a .columnset-b,
	.columnset-a .columnset-c,
	.columnset-a .columnset-d,
	.columnset-a .columnset-e,
	.columnset-a .columnset-f {width:49.1%;}
	.columnset-a .columnset-b div.first,
	.columnset-b div.first, 
	.columnset-c div.first, 
	.columnset-d div.first {margin-left:0;}
	.columnset-a .columnset-c div.first, 
	.columnset-c div.first, 
	.columnset-d .columnset-a,
	.columnset-d .col {width: 66%;}
	.columnset-d div.first,
	.columnset-b .columnset-d div.first {width:32%;}
	.columnset-a .columnset-d div.first {_width:29.9%;}
	.columnset-e .col,
	.columnset-e .columnset-a,
	.columnset-f div.first {width:24%;}
	.columnset-b .columnset-e div.col,
	.columnset-b .columnset-f div.col {float:right;}
	.columnset-b .columnset-e div.first,
	.columnset-b .columnset-f div.first  {float:left;}
	.columnset-e div.first, 
	.columnset-f .columnset-a,
	.columnset-f .col{width:74.2%;}
	.columnset-b .columnset-e .col,
	.columnset-b .columnset-f div.first {*width:24%;_width:20%;}
	.columnset-b .columnset-e div.first, 
	.columnset-b .columnset-f .col{*width:73.5%;_width:65.5%;}
	.columnset-e .col .columnset-a .columnset-a .col {width:49%;*width:48.1%;*margin-left:0;}
	.columnset-a:after, 
	.columnset-b:after, 
	.columnset-c:after, 
	.columnset-d:after, 
	.columnset-e:after, 
	.columnset-f:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.columnset-a, 
	.columnset-b, 
	.columnset-c, 
	.columnset-d, 
	.columnset-e, 
	.columnset-f{zoom:1;}
	.columnset-b .col {float:left;}
	
	/* patches for nested columnsets -------------------------------- */
	
		/* patch for nested c within c and c within d */
		.columnset-c .columnset-c .col, .columnset-d .columnset-c .col, .columnset-f .columnset-c .col { width: 31.5%; }
		.columnset-c .columnset-c div.first, .columnset-d .columnset-c div.first, .columnset-f .columnset-c div.first { width: 65.5%; }
   
		/* patch for nested e within c and e within d*/
		.columnset-c .columnset-e div.col, .columnset-d .columnset-e div.col, .columnset-f .columnset-e div.col { width: 23.5%; }
		.columnset-c .columnset-e div.first, .columnset-d .columnset-e div.first, .columnset-f .columnset-e div.first{ width: 73.5%; }
   
		/* patch for nested f within c and f within d */
		.columnset-c .columnset-f .col, .columnset-d .columnset-f .col, .columnset-f .columnset-f .col  { width: 74.0%; }
		.columnset-c .columnset-f div.first, .columnset-d .columnset-f div.first, .columnset-f .columnset-f div.first { width: 23.0%; }
   
		/* patch for nested f within e */
		.columnset-e .columnset-f div.first { width:24%; }	
		
		/* fix weird percentage miscalcuation in ie */
		#bdoc #content .columnset-c .col { *margin-left: 0px; }
		
		
/* @end */