/* NSPCC COS/ChildLine

*  Main site structure

*  Author: AvenueA|Razorfish, London

*  Date: 15-08-2008 */



/* INDEX:

 * 1. basic layout

 * 2. navigation big buttons

 * 		2a. header/footer rounded corners

 * 		2b. header images

 * 		2c. footer images

 * 3. rounded corners

 * 4. content types

 * 5. ClearFix

 * 6. grid formula

*/



* {margin:0; padding:0;}

body {color:#000; font:100% arial, helvetica, sans-serif; background:#fff; text-align:center;}

p, label, input, textarea, select, table {font:1em arial, helvetica, sans-serif;}

img {border:0;}





iframe {}



h1, h2, h3, h4 {font-size:1em; font-weight:bold;}

h1 {font-size:1.6em; letter-spacing:-0.04em; word-spacing:-0.06em; margin:8px 0 11px;}

h2 {font-size:1.3em; letter-spacing:-0.05em; word-spacing:-0.06em; margin:6px 0 10px;}

h3.advisor {color:#1fb25a;}

h3.advisor span {color:#777; font-weight:normal;}



img.btn {cursor: pointer;}

p {margin-top:11px; line-height:1.2em;}

	p a img.btn, p a input.btn {vertical-align:middle;}

q:lang(en) {quotes: '"' '"' "'" "'";}

a {color:#06f; text-decoration:none;}

a:active, a:focus, a:hover  {text-decoration:underline;}



em {font-weight:bold; font-style:normal;}



address {font-style:normal; margin-top:11px;}



ul, ol {margin:21px 0 19px; padding:0 14px;}

.grid-03 ul, .grid-03 ol,

.grid-03s ul, .grid-03s ol {padding-right:0;}

li {margin-top:2px;}



.no-bullets ul, .tag-cloud ul, .vidlist ul {list-style:none; margin:13px 0 1px; padding:0;}

	.no-bullets ul li h3 {font-size:1.1em; margin:0;}

ul.list-links {list-style:none; padding:0;}

.list-col2 ul, .list-col2 ol,

.list-col3 ul, .list-col3 ol,

.list-col4 ul, .list-col4 ol {list-style:none; margin:14px 0 0; padding:0;}

.list-col2 li {width:50%; float:left;}

.list-col3 li {width:33%; float:left;}

.list-col4 li {width:25%; float:left;}

	.list-col4 p img.btn {margin-left:36px;}

	

.tag-cloud li,

.tag-cloud dl.cloud dd {float:left; position:relative;}

.tag-cloud dl.cloud dt {font-size:.9em;margin-bottom:2px;}

.tag-cloud dl.cloud dd a {display:block; width:auto;margin:5px 5px 0 0; }

.tag-cloud dl {font-size:0.9em; margin-top:9px;}

.tag-cloud dl.cloud {font-size:1.0em;}

.tag-cloud dl.cloud dd.view-all a { display:block;font-size:.9em; margin:8px 0 7px;}

.tag-cloud dl.cloud dd a:hover { background-color:#FFF;}

.tag-cloud dl.cloud dd.view-all { float:none; clear:both; margin:0px; overflow:hidden;}

.list-col3 dl {margin-top:18px;}



.vidlist ul {margin-bottom:-10px;}

.vidlist li {font-size:.9em; padding:7px 0 8px 34px; margin:0; background:url(../img/btns/arrow-r.gif) no-repeat 0 11px; border-top:solid 1px #d9d9d9;}

	.vidlist li h3 {font-weight:normal; margin:0 0 -10px;}



input[type="text"], input[type="password"] {width:95%; padding:2px 5px 5px; border:solid 1px #bbb;}

input[type="checkbox"] {} 

input[type="radio"] {}

input.btn, img.btn {padding:0; border:0; width:auto;} /*  position:relative; */

label input {width:auto; border:0;} /* checkboxes/radiobuttons contained within label-tags to set them apart */

label.hide {position:absolute; left:-10000px;}

select {padding:2px 5px 3px 2px; border:solid 1px #bbb;}

textarea {width:95%; padding:2px 5px 5px 5px; min-height:110px; border:solid 1px #bbb;}

.grid-02 textarea {width:92%;}

fieldset {border:0;}

legend {white-space:normal;}





/*basic layout*/

#frame,

.centre {width:960px; margin:0 auto; text-align:left; cursor:default;}

.forgotten {padding-top: 150px;}

#content {} 

	#content .leftcol {width:714px; float:left;}

	#content .rightcol {width:246px; margin-top:80px; float:right;}

	

.inner-right {width:240px; float:left;}

.inner-left {width:474px; float:left;}

.inner-left .grid-06 {width:474px;}

	.inner-left .grid-06 .rounded {margin-left:0;}

	

/* PAGE UTILITIES TABS */

.page-utilities dl {float:right;}

.page-utilities dd {margin:0; float:left;}

	.page-utilities dd a {display:block;}

	.page-utilities dt {position:absolute; left:-10000px;}

	

	

/* HEADER/FOOTER */

#logo {margin:11px 0 33px;}

#header dt {position:absolute; left:-10000px;}

#header input[type="text"] {border:solid 2px #d1d1d1;}

#footer {font-size:0.8em; margin:83px 0 36px;}

	#footer p {margin:0 14px 22px;}

	#footer dl {margin:13px 14px 0;}

	#footer dt {position:absolute; left:-10000px;}

	#footer .footer-copy {color:#555; padding:13px 0 0;  background:#f5f5f5 url(../img/bgs/footer.gif) repeat-x bottom left;}

		#footer .footer-copy dl {padding-bottom:15px;}

		#footer .footer-copy dd {padding:0 8px; background:url(../img/bgs/pipe.gif) no-repeat 0 .15em; float:left;}

		#footer .footer-copy dd.fc {padding-left:0; background:none;}

	

	

/* 2. NAVIGATION - big-buttons */

.constrain-mainnav {width:790px; float:left;}

.constrain-locker {width:147px; float:left;}

.constrain-footer {width:949px;}



#header dl.big-btns, 

#footer dl.big-btns {background:#fff url(../img/bgs/nav.gif) repeat-x top left;}	

#footer dl.big-btns {margin:0; background-color:#cbcbcb;}



#header dl.big-btns dd,

	#footer dl.big-btns dd {margin:0; padding:3px 6px 3px 8px; background:transparent url(../img/bgs/nav-separator.gif) no-repeat 0 0; float:left;}

	#footer dl.big-btns dd {padding:3px 5px 7px 7px;}

	#header dl.big-btns dd.fc,

	#footer dl.big-btns dd.fc {background:none;}

	

	#header dl.big-btns dd a,

		#footer dl.big-btns dd a {display:block; min-height:54px;}

			#header dl.big-btns dd a span, #header dl.locker dt a span,

			#footer dl.big-btns dd a span, #header dl.big-btns dd label {position:absolute; left:-10000px;}



	#header dl.big-btns dd input {position:relative; left:10px; width:147px; font-size:0.95em; margin:12px 0;}

	#header dl.big-btns dd input.btn {position:relative; top:10px; width:auto; padding:0 17px 0 8px; margin:0; vertical-align:top;}



	#header .spc {position:relative; left:12px;}

	#header dl.locker {min-height:60px;}

	#header dl.locker dt {position:static; left:0; padding:9px 6px 0;}

	#header dl.locker dd {font-size:.8em; margin-top:2px; background:url(../img/bgs/pipe.gif) no-repeat 0 .4em; float:left;}

	#header dl.locker dd.fc {margin-left:5px;}

		#header dl.locker dd a {min-height:0;}

		

	#header .breadcrumb {margin:0 0 21px;}

	#header .breadcrumb dl {font-size:0.9em; margin:0; padding:0 0 0 7px; display:inline; height: 1em;} /* position:relative; */

	#header .breadcrumb dt, #header .breadcrumb dd {display:inline;}

	#header .breadcrumb dt {position:static; left:0; color:#777;}

		.breadcrumb dd a {padding:0 10px 0 0; background:url(../img/bgs/fwdslash.gif) no-repeat 100% 60%;}





/* 2a. header/footer rounded corners */

#header .rounded, #footer .rounded {margin:0; border:solid 1px #cbcbcb;}

#header .rounded, #header .rounded .rccontent,

#footer .rounded, #footer .rounded .rccontent {padding:0;}

#header .rounded, #header .rounded .rccontent, #header .rounded .rctop,

#footer .rounded, #footer .rounded .rccontent, #footer .rounded .rctop {color:#000; background:#fff;}

#header .rounded .rcbtm .rcfill div.colour, #footer .rounded .rcbtm .rcfill div.colour {background:#e3e3e3;}



#header .rounded .rctop {background:url(../img/bgs/nav-tb.gif) no-repeat top;}

#footer .rounded .rctop {background:url(../img/bgs/ft.gif) no-repeat top center;}

#header .rounded .rcbtm .rcfill div.colour {background:url(../img/bgs/nav-tb.gif) no-repeat bottom;}

#header .spc .rctop {background:#fff;}

#header .spc .rcbtm .rcfill div.colour {background:#e3e3e3;}



#header .breadcrumb .rounded {margin:8px 0 0;}

#header .breadcrumb .rounded, #header .breadcrumb .rounded .rccontent {padding:3px 4px 6px 4px;}

#header .breadcrumb .rounded, #header .breadcrumb .rounded .rccontent, #header .breadcrumb .rounded .rctop,

#header .breadcrumb .rounded .rcbtm .rcfill div.colour {color:#000; background:#fff;}



	

	

/* 2b. header images */	

a.home {width:59px; background:url(../img/bgs/nav-home.gif) no-repeat 0 0;}

	a.home:hover, a.home:focus, a.home:active  {background-position:-59px 0;}



a.play, a.explore, a.talk {width:146px;}

	a.play:hover, a.play:active, a.play:focus,

	a.explore:hover, a.explore:active, a.explore:focus,

	a.talk:hover, a.talk:active, a.talk:focus {background-position:-146px 0;}

.on a.play, .on a.explore, .on a.talk {background-position:-292px 0;}

	

a.play {background:url(../img/bgs/nav-play.gif) no-repeat 0 0;}

a.explore {background:url(../img/bgs/nav-findout.gif) no-repeat 0 0;}

a.talk {background:url(../img/bgs/nav-talk.gif) no-repeat 0 0;}



#header dl.locker dt a {display:block; width:134px; min-height:21px; background:url(../img/bgs/nav-locker.gif) no-repeat 0 0;}

#header dl.locker dt a:hover, #header dl.locker dt a:active, #header dl.locker dt a:focus {background-position:-134px 0;}

#header dl.locker dt.on a {background-position:-268px 0;}



/* 2c. footer images */	

a.about, a.confidentiality, a.covertracks {width:303px;}

	a.about:hover, a.about:active, a.about:focus,

	a.confidentiality:hover, a.confidentiality:active, a.confidentiality:focus,

	a.covertracks:hover, a.covertracks:active, a.covertracks:focus {background-position:-303px 0;}

	

a.about {background:url(../img/bgs/nav-about.gif) no-repeat 0 0;}

a.confidentiality {background:url(../img/bgs/nav-confidentiality.gif) no-repeat 0 0;}

a.covertracks {background:url(../img/bgs/nav-covertracks.gif) no-repeat 0 0;}



	

	

	

	

/* 3. ROUNDED CORNERS */

.rounded, .rounded .rccontent, .rounded .rctop,

.rounded .rcbtm .rcfill div.colour {color:#000; background:#fff;}

.rounded {margin:8px 0 0 12px; padding:20px 13px 26px;}

.rounded .rccontent {padding:16px 13px 22px;}



.rounded .rcbtm .op4 {opacity:0.4; filter:alpha(opacity=40);}

.rounded .rcbtm .op3 {opacity:0.3; filter:alpha(opacity=30);}

.rounded .rcbtm .op2 {opacity:0.2; filter:alpha(opacity=20);}

.rounded .rcbtm .op1 {opacity:0.1; filter:alpha(opacity=10);}

	.rounded h1 {margin-top:-8px;}

	.rounded h2 {position:relative; margin:-11px 0 -3px; padding:0;}

	.rounded h3 {margin:13px 0 -11px; padding:0;}

	.rounded p img {border:solid 1px #bbb;}

	.rounded p img.start-thread {border:0;}

	.rounded p img.btn {border:0;}

	

	.rounded .icon {min-height:33px; /*font-size:.8em;*/ margin:0; padding:16px 13px 16px;}

	.rounded .rccontent .icon {position:relative; top:-4px; padding:16px 13px 7px;}

		

		.rounded .icon h2 {font-size:19.2px; padding:4px 0;}

		.rounded .icon h3 {font-size:1.1em; font-weight:normal; margin:0;}

		.rounded .icon h3.viewall {margin:-25px 0 16px;}

		.rounded .icon p {line-height:normal;}

		.rounded .icon dl {position:relative; margin:7px -2px 0;}

		.rounded .icon dd {padding:0 4px 0 5px; word-spacing:-0.04em; background:url(../img/bgs/pipe.gif) no-repeat 0 .15em; float:left; font-size:16px; }

		.grid-02 .rounded .icon dd {padding:0; background:none; float:none;}

			.rounded .icon dd a {color:#000;}

			.rounded .icon dd.fc {padding-left:0; background:none;}



		.rounded .icon-spacer,

		h1.hero-h1 {position:relative; min-height:33px; margin:0; padding:17px 14px 10px; top:-4px;}	





/* 4. CONTENT TYPES */



/* HIGHLIGHT TOPIC */

.highlight, .highlight .rccontent, .highlight .rctop,

.highlight .rcbtm .rcfill div.colour {color:#000; background:#ff3;}

.rightcol .promo-highlight .rccontent { padding:0; }

.rightcol .promo-highlight h2 a { color:#000; }

/* SECONDARY CONTENT */

.secondary, .secondary .rccontent, .secondary .rctop,

.secondary .rcbtm .rcfill div.colour {color:#000; background:#d1ff8c;}

/* VIDEO/ VIDEO PROMOS */

.video, .video .rccontent  {padding:9px 13px 8px 14px;}

	.video h1 {margin:-5px 0 11px;}

	.video h2 {margin:-4px 0 12px;}

	.grid-03 .video h2,

	.grid-03s .video h2,

	.msg-brd-video .video h2 {margin-bottom:12px;}

	.video dl {position:relative; font-size:.9em; margin:11px -8px 2px -2px;}

	.video dd {padding:0 4px 0 5px; background:url(../img/bgs/pipe.gif) no-repeat 0 .15em; float:left;}

	.video dd.fc {padding-left:0; background:none;}



	.video .clip, .video .clip-medium {width:446px; min-height:335px; line-height:1px; background:#bbb; border:solid 1px #bbb; float:left;}

	.video .clip-medium {width:320px; min-height:270px;}

.grid-03 .video .clip,

	.grid-03s .video .clip,

	.msg-brd-video .video .clip {width:200px; min-height: 150px; _height:150px; line-height:1px; border:solid 1px #bbb; float:none;}

		.video .clip img {display:block; overflow:hidden;}

	.video .copy {width:140px; margin-top:5px; float:right;}

	.video .copy-medium {width:260px; margin-top:-12px; float:right;}

		.grid-03 .video .copy,

	.grid-03s .video .copy,

	.msg-brd-video .video .copy {width:auto; float:none;}

		.video .copy h2, .video .copy-medium h2 {margin:-9px 0 0;}

		.video .copy p, .video .copy-medium p {line-height:normal;}

		

.msg-brd-video { margin-left:10px; width:230px; float:right; }

.video .transcript {padding:13px 0 0; clear:both;}



.video .more-like-this {padding:13px 0 0; clear:both;}

	.video .more-like-this h3 {margin:0; padding:0 0 12px; border-bottom:solid 1px #d9d9d9;}

	

.video .video-container {padding:16px 11px 0;}	

.video .videothumbs .item {display:block; width:132px; margin-bottom:10px; float:left;} 

	.video .videothumbs .item a img {text-align:center; margin:0; border:solid 1px #ddd;} 

	.video .videothumbs .item h4, .video .videothumbs .item p {font-size:.9em; font-weight:normal; margin:0 4px;} 

/* WHITE PROMO */
.rightcol .promo-white .rccontent { padding:0; }
.rightcol .promo-white h2 a { color:#000; }


/* VIDEO PROMO for external content to CL */
.video-promo,
.video-promo .rccontent,
.video-promo .rctop,
.video-promo .rcbtm .rcfill div.colour {color:#fff; background:#6F7175;}
.rightcol .video-promo .rccontent { padding:0; }
.video-promo ul {list-style:none; margin:-6px 0 0; padding:0;}
.video-promo li {margin:19px 0 0 0; padding:0;}
.video-promo li a {display:block;}
.video-promo label {display:block; font-size:.9em; margin-bottom:2px;}
.video-promo input,
.video-promo textarea {font-size:.9em;}
.video-promo input.btn {width:auto; vertical-align:middle; margin-right:2px;}
.video-promo * { color:#fff; }
.video-promo * a { color:#fff !important; }
.video-promo h3 {margin-top:17px;}
.video-promo h3 img {position:relative; top:5px; margin-right:4px;}
.video-promo .thanks {margin:14px 0 -12px; padding:6px 12px 9px; background:#fff;}
.video-promo .thanks p {margin-top:0;}
	
	
/* LOCKER PROMO for external content to CL */
.locker-promo,
.locker-promo .rccontent,
.locker-promo .rctop,
.locker-promo .rcbtm .rcfill div.colour {color:#fff; background:#00337E;}
.rightcol .locker-promo .rccontent { padding:0; }
.locker-promo ul {list-style:none; margin:-6px 0 0; padding:0;}
.locker-promo li {margin:19px 0 0 0; padding:0;}
.locker-promo li a {display:block;}
.locker-promo label {display:block; font-size:.9em; margin-bottom:2px;}
.locker-promo input,
.locker-promo textarea {font-size:.9em;}
.locker-promo input.btn {width:auto; vertical-align:middle; margin-right:2px;}
.locker-promo * { color:#fff; }
.locker-promo * a { color:#fff !important; }
.rightcol .locker-promo .icon h2 { padding-right:40px;  }
.locker-promo h2 a { color:#fff; }
.locker-promo h3 {margin-top:17px;}
.locker-promo h3 img {position:relative; top:5px; margin-right:4px;}
.locker-promo .thanks {margin:14px 0 -12px; padding:6px 12px 9px; background:#fff;}
.locker-promo .thanks p {margin-top:0;}

.service

/* CREATE/PLAY */

.play-org, .play-org .rccontent,  

.play-prp, .play-prp .rccontent,  

.play-red, .play-red .rccontent, 

.create-org, .create-org .rccontent,

.create-prp, .create-prp .rccontent,

.create-red, .create-red .rccontent {padding:0;}

.play-org .icon, .play-red .icon, .play-prp .icon, 

.create-org .icon, .create-prp .icon, .create-red .icon {min-height:35px;}





/* orange */

.play-org, .play-org .rccontent, .play-org .rctop, .play-org .rcbtm .rcfill div.colour,

.create-org, .create-org .rccontent, .create-org .rctop, .create-org .rcbtm .rcfill div.colour {color:#000; background:#f90;}

.play-org .icon p img, .create-org .icon p img {margin-left:-1px; border:solid 1px #dd8630;}

.play-org .icon dd, .create-org .icon dd {background-image:url(../img/bgs/pipe-blk.gif);}

.play-org .item img, .play-org .item span.img {border:solid 1px #dd8630;}



/* NUMIKO */

.offsite .rccontent { padding-bottom: 11px;}



/* NUMIKO - New Play Carousel */

.new-good-stuff h2 {}

.new-good-stuff .new-carousel { overflow: hidden; }

.new-good-stuff .new-carousel .items {}

.new-good-stuff .new-carousel .item { clear: both;}

.new-good-stuff .new-carousel .item { margin-top: 20px; }

.new-good-stuff .new-carousel .item .thumb {width:152px; float:left;}

.new-good-stuff .new-carousel .item .copy {}

.new-good-stuff .new-carousel .item .copy h2 {}



.new-good-stuff .new-carousel-headers { padding: 10px;}

.new-good-stuff .new-carousel-headers div.header h2 { width: 600px; text-align: center; }



.new-good-stuff .new-carousel-thumbs { overflow: hidden; height: 94px;}

.new-good-stuff .new-carousel-thumbs div.thumb { float: left; padding-right: 10px; }





/* NUMIKO - Content container */

.content-container .clip { margin-top: 10px;}

.content-container .rccontent { padding-bottom: 11px;}

/* NUMIKO - Home page hero module */

.home-page-hero .feature {margin-bottom: 0px !important;}

.home-page-hero .rccontent { padding-bottom: 8px !important;}

.home-page-hero .hero-image {display: none;}

.home-page-hero .hero-image.on {display: block; height: 330px;}



/* NUMIKO - Call ChildLine module */

.call-childline h2, .call-childline h1 {color: #23b35d;}

.call-childline p.smallgrey {color: #777; font-size: 0.8em;}

.call-childline ul {padding-left: 0px; margin-bottom: 0px;}

.call-childline ul li { list-style-type: none; 

	padding-left: 30px;

	padding-bottom: 5px;

	font-weight: bold;

	font-size: 1.0em;

	background: url(../img/footer-list.jpg) no-repeat;

	color: #003399;

}

.call-childline ul li a, .call-childline ul li a:link, .call-childline ul li a:visited {text-decoration: none;}

.call-childline ul li a:hover {text-decoration: underline;}



/* NUMIKO - Tabs 8 Column */

.tabs8col .tabbed-content { width: auto !important;}



/* NUMIKO - Uni Promo */

.unipromo h2 { min-height: 2em; }

.unipromo p { margin-bottom: 5px;}

.msg-brd.no-icon .icon {background-image: none !important;}



/* NUMIKO - Promo */

.promo.create-red h2 a, .promo.create-prp h2 a { color: white; text-decoration: none; }

.promo.create-org h2 a { color: black; text-decoration: none; }

.promo .icon p span { padding-top: 10px;}

.promo .icon img { float: left; margin-right: 10px; }

.rightcol .promo .icon img { margin:0 10px 0.25em 0; }
.rightcol .promo .icon h2 { min-height:46px; }

.promo .icon .clip { float: left; margin-right: 10px; }

.promo .icon br { clear: both; }

.promo .icon ul { list-style-type: none; padding-left: 0px; margin-bottom: 0px;}

.promo .clip { padding-top: 10px;}

.promo .icon {background-image: none;}

.promo .icon ul li a {color: white; text-decoration: underline;}



.play-org .icon {background:url(../img/bgs/panel-play-org.gif) top right no-repeat;}

	.grid-03 .play-org .icon,

	.grid-03s .play-org .icon {background-image:url(../img/bgs/panel-play-org03.gif);}

	.grid-02 .play-org .icon {background-image:url(../img/bgs/panel-play-org02.gif);}

	

	.play-org .icon h2, .play-prp .icon h2, .play-red .icon h2 {min-height:46px; padding-right:110px;}

	.grid-03 .play-org .icon h2, .grid-03 .play-prp .icon h2, .grid-03 .play-red .icon h2,

	.grid-03s .play-org .icon h2, .grid-03s .play-prp .icon h2, .grid-03s .play-red .icon h2 {padding-right:80px;}

	.grid-02 .play-org .icon h2, .grid-02 .play-prp .icon h2, .grid-02 .play-red .icon h2 {padding-right:30px;}

	

.create-org .icon {background:url(../img/bgs/panel-create-org.gif) top right no-repeat;}

	.grid-03 .create-org .icon,

	.grid-03s .create-org .icon {background-image:url(../img/bgs/panel-create-org03.gif);}

	.grid-02 .create-org .icon {background-image:url(../img/bgs/panel-create-org02.gif);}

	

	.create-org .icon h2, .create-prp .icon h2, .create-red .icon h2 {min-height:46px;padding-right:105px;}

	.grid-03 .create-org .icon h2, .grid-03 .create-prp .icon h2, .grid-03 .create-red .icon h2,

	.grid-03s .create-org .icon h2, .grid-03s .create-prp .icon h2, .grid-03s .create-red .icon h2 {padding-right:80px;}

	.grid-02 .create-org .icon h2, .grid-02 .create-prp .icon h2, .grid-02 .create-red .icon h2 {padding-right:30px;}

	

.play-org  a, .play-org  .icon dd a { color:#000;}





/* purple */

.play-prp, .play-prp .rccontent, .play-prp .rctop, .play-prp .rcbtm .rcfill div.colour,

.create-prp, .create-prp .rccontent, .create-prp .rctop, .create-prp .rcbtm .rcfill div.colour {color:#fff; background:#6e2dac;}

.play-prp .icon p img, .create-prp .icon p img {margin-left:-1px; border:solid 1px #5e2297;}

.play-prp .icon dd, .create-prp .icon dd {background-image:url(../img/bgs/pipe-wht.gif);}

.play-prp .item img, .play-prp .item span.img {border:solid 1px #5e2297;}



.play-prp .icon {background:url(../img/bgs/panel-play-prp.gif) top right no-repeat;}

	.grid-03 .play-prp .icon,

	.grid-03s .play-prp .icon {background-image:url(../img/bgs/panel-play-prp03.gif);}

	.grid-02 .play-prp .icon {background-image:url(../img/bgs/panel-play-prp02.gif);}



.create-prp .icon {background:url(../img/bgs/panel-create-prp.gif) top right no-repeat;}

	.grid-03 .create-prp .icon,

	.grid-03s .create-prp .icon {background-image:url(../img/bgs/panel-create-prp03.gif);}

	.grid-02 .create-prp .icon {background-image:url(../img/bgs/panel-create-prp02.gif);}



/* red */

.play-red, .play-red .rccontent, .play-red .rctop, .play-red .rcbtm .rcfill div.colour,

.create-red, .create-red .rccontent, .create-red .rctop, .create-red .rcbtm .rcfill div.colour {color:#fff; background:#eb123e;}

.play-red .icon p img, .create-red .icon p img {margin-left:-1px; border:solid 1px #ca1136;}

.play-red  a, .play-red  .icon dd a, .create-red  a, .create-red .icon dd a,

.play-prp  a, .play-prp  .icon dd a, .create-prp  a, .create-prp .icon dd a,

.create-prp .rccontent a, .create-red .rccontent a {color:white}

.play-red .icon dd, .create-red .icon dd {background-image:url(../img/bgs/pipe-wht.gif);}

.play-red .item img, .play-red .item span.img {border:solid 1px #ca1136;}



.play-red .icon {background:url(../img/bgs/panel-play-red.gif) top right no-repeat;}

	.grid-03 .play-red .icon,

	.grid-03s .play-red .icon {background-image:url(../img/bgs/panel-play-red03.gif);}

	.grid-02 .play-red .icon {background-image:url(../img/bgs/panel-play-red02.gif);}



.create-red .icon {background:url(../img/bgs/panel-create-red.gif) top right no-repeat;}

	.grid-03 .create-red .icon,

	.grid-03s .create-red .icon {background-image:url(../img/bgs/panel-create-red03.gif);}

	.grid-02 .create-red .icon {background-image:url(../img/bgs/panel-create-red02.gif);}

	

		

	

/* play-game */

.play-game h2 span {display:block;}

.play-game .games {margin:10px 0 -3px;}

.play-game .games .item {width:110px; margin-left:15px; float:left;}

.play-game .games .item.fc {margin-left:0;}





.play-game .games .item a {display:block; color:#fff;}

.play-game .games .item a:hover, .play-game .games .item a:active, .play-game .games .item a:focus {text-decoration:none;}

	.play-game .games .item a span {font-weight:bold;}

	.play-game .games .item a:hover span, .play-game .games .item a:active span, .play-game .games .item a:focus span { text-decoration:underline;}

	

.play-red .item span.img img, .play-org .item span.img img, .play-prp .item span.img img {border:0;}

.play-game .games .item span.img {display:block; width:108px; height:88px; margin-bottom:5px;}

	.play-game .games .item span.img img {position:absolute; clip:rect(0 113px 88px 5px); margin-left:-5px;}

	

	

	

/* Chill */	

.chill, .chill .rccontent  {padding:9px 13px 8px 14px;}

.chill h2 {margin-top:-4px;}

.grid-03 .chill h2,

.grid-03s .chill h2 {margin-bottom:12px;}

.chill dl {margin-top:6px;}

.chill dt {margin-bottom:6px;}

.chill dd {margin-top:1px;}



/* BadgeBoard */	

.badgeboard, .badgeboard .rccontent  {padding:9px 13px 8px 14px;}

.badgeboard h2 {margin-top:-4px;}

.grid-03 .badgeboard h2,

.grid-03s .badgeboard h2 {margin-bottom:12px;}

.badgeboard p {margin-top:6px;}









/* Polls */

.poll, .poll .rccontent {padding:0;}

.poll, .poll .rccontent, .poll .rctop,

.poll .rcbtm .rcfill div.colour {color:#000; background:#18dee5;}

.poll .icon {min-height:35px; /*font-size:1em;*/ background:url(../img/bgs/panel-poll.gif) top right no-repeat;}

.poll .hero-h1 {background:url(../img/bgs/panel-poll.gif) no-repeat top right;}

	.poll .icon h2 {padding-right:40px; /*font-size:1.2em;*/}

	.grid-02 .poll .icon h2 {padding-right:30px;}



.poll p a {color:#000; font-size:.9em;}



.poll fieldset {margin:13px 0 0;}

	.poll fieldset label {display:block; font-size:1em; font-weight:bold;}

		.poll fieldset label input {}

		.poll textarea {border:solid 1px #19ccd2;}

		

.poll .snippet {position:relative; margin-bottom:-3px;}

	.poll .snippet h3 {margin:20px 0 5px;}

	.poll .snippet h3.fc {margin-top:-4px;}

		

.poll .icon dl {position:static; width:88%; font-size:1.05em; margin:8px 0 20px; /*font-weight:bold;*/}

	.grid-02 .poll .icon dl, .grid-03 .poll .icon dl, .grid-03s .poll .icon dl {width:100%;}

.poll .icon dt {color:#fff; font-size:1.2em; margin-bottom:7px; letter-spacing:-0.05em;}

.poll .icon dd {padding:0; background:none; float:none;}

	.poll .icon dd dl {width:100%; margin:3px 0 0;}

	.poll .icon dd dt {width:25%; color:#000; font-size:1em; letter-spacing:normal; margin:0; float:left;}

	.poll .icon dd dd {width:17%; text-align:right; float:left;}

		.grid-03 .poll .icon dd dd,

		.grid-03s .poll .icon dd dd {width:25%;}

	.poll .icon dd dd.bargraph {position:relative; top:4px; width:58%; height:16px; font-size:1px; line-height:1px; background:#fff;}

		.grid-03 .poll .icon dd dd.bargraph,

		.grid-03s .poll .icon dd dd.bargraph {width:49%;}

		.poll .icon dd dd.bargraph div {height:16px; line-height:1px; background:#9ff;}



	.grid-02 .poll .icon dd dt, .grid-02 .poll .icon dd dd {width:50%; float:left;}

	.grid-02 .poll .icon dd dd.bargraph, 

	.grid-03 .poll .icon dl.long-answer dd dd.bargraph,

	.grid-03s .poll .icon dl.long-answer dd dd.bargraph {display:none;}

		

.poll .icon dl.long-answer {width:100%;}

	.poll .icon dl.long-answer dd dt {width:39%;}

	.poll .icon dl.long-answer dd dd {width:15%;}

	.poll .icon dl.long-answer dd dd.bargraph {width:46%;}

	.grid-03 .poll .icon dl.long-answer dd dt, .grid-03 .poll .icon dl.long-answer dd dd,

	.grid-03s .poll .icon dl.long-answer dd dt, .grid-03s .poll .icon dl.long-answer dd dd {width:50%;}

/* chat-prepare */

.chat-prepare  h3  {margin:10px 0; padding:0; font-weight:normal;}

.chat-prepare .questions{ background:#e8e8e8; padding:12px 11px 13px; margin:10px 0 0;}

.chat-prepare .questions input {display:block; float:left; width:auto; margin-top:4px;}

.chat-prepare .questions label {display:block; float:left; width:60px; margin-left:5px; margin-top:3px; }

.chat-prepare .questions .aslabel {display:block; width:135px; float:left; margin-left:0;}

.chat-prepare .questions ul {margin:-4px 0 -1px; padding:0;}

.chat-prepare .questions select {width:132px; height:24px; padding:0; margin:0;}

.chat-prepare .questions select option {width:132px; height:23px; padding:0; margin:0;}

.chat-prepare .questions li {list-style-type:none;margin:0 0 15px;}

.chat-prepare .questions li.last {margin-bottom:0;}

.chat-prepare .questions .topics li{ float:left; margin:0 9px 0;}

.chat-prepare .questions .topics li a {color:#000; font-weight:bold;}

.chat-prepare .advisor-note {font-size:0.85em; margin-right:10px;}





/* OFFSITE for external content to CL */

.offsite, .offsite .rccontent {}

.offsite, .offsite .rccontent, .offsite .rctop,

.offsite .rcbtm .rcfill div.colour {color:#000; background:#e8e8e8;}



	.offsite ul {list-style:none; margin:-6px 0 0; padding:0;}

	.offsite li {margin:19px 0 0 0; padding:0;}

		.offsite li a {display:block;}

	.offsite label {display:block; font-size:.9em; margin-bottom:2px;}

	.offsite input, .offsite textarea {font-size:.9em;}

	.offsite input.btn {width:auto; vertical-align:middle; margin-right:2px;}

	.offsite h3 {margin-top:17px;}

		.offsite h3 img {position:relative; top:5px; margin-right:4px;}

		.offsite .thanks {margin:14px 0 -12px; padding:6px 12px 9px; background:#fff;}

			.offsite .thanks p {margin-top:0;}

		.offsite .expandable {}

		







/* ChildLine Services: msg board, ask sam, chat, email, call */

.service, .service .rccontent {padding:0;}

.service, .service .rccontent, .service .rctop,
.service .rcbtm .rcfill div.colour {color:#000; background:#95e41f;}

.rightcol .service .icon h2 { padding-right:40px; min-height:47px; }
.rightcol div.ask-sam .icon h2 { min-height:24px; }

.service .rccontent h1 a, .service .rccontent h2 a, .service .rccontent h3 a {color:black}

	.service .icon p {font-size:16px;}

	.service .icon dl { /*font-size:1.2em;*/ margin-top:17px;}



	.snippet {font-size:.9em; margin:15px 0 -6px; padding:11px 12px 9px; background:#fff;}

		.snippet p {margin-top:16px;}

		.snippet ul {margin:0; padding:0; list-style:none;}

		.snippet li {}

		

		.service .snippet h3 {position:relative; font-size:1.4em; font-weight:bold; margin:0 0 -12px;}

		.service .snippet dd a {color:#06f;}

		.grid-03 .service .snippet dd,

		.grid-03s .service .snippet dd {padding:0 4px 0; word-spacing:-0.08em;}

		.grid-03 .service .snippet dd.fc,

		.grid-03s .service .snippet dd.fc {padding-left:0;}

		.grid-03 .service .snippet  dd, .grid-03 .service .snippet dd.fc,

		.grid-03s .service .snippet  dd, .grid-03s .service .snippet dd.fc {padding:0; background:none; float:none;}







.msg-brd .icon {background:url(../img/bgs/panel-msgbrd.gif) top right no-repeat;}

	.grid-03 .msg-brd .icon,

	.grid-03s .msg-brd .icon {background:url(../img/bgs/panel-msgbrd03.gif) top right no-repeat;}

	.msg-brd .icon h2,

	.ask-sam .icon h2 {padding-right:55px;}	

	#talk-hub .msg-brd .icon h2 span {display:block; margin-top:-3px;}

.msg-brd .icon-spacer {background:url(../img/bgs/panel-msgbrd-spacer.gif) top left no-repeat;}

.msg-brd .hero-h1 {background:url(../img/bgs/h1hero-msgbrd.gif) no-repeat top right;}





.ask-sam h1 {min-height:40px;}

.ask-sam h2 img {margin:0 18px 10px 0; float:left; clear:left;}

.ask-sam .icon {background:url(../img/bgs/panel-asksam.gif) top right no-repeat;}

	.grid-03 .ask-sam .icon,

	.grid-03s .ask-sam .icon {background:url(../img/bgs/panel-asksam03.gif) top right no-repeat;}

.ask-sam .icon-spacer {background:url(../img/bgs/panel-asksam-spacer.gif) top left no-repeat;}

.ask-sam .hero-h1 {min-height:33px; background:url(../img/bgs/h1hero-asksam.gif) no-repeat top right;}

	



.chat .icon {background:url(../img/bgs/panel-chat.gif) top right no-repeat;}	

.chat .icon-spacer {background:url(../img/bgs/panel-chat-spacer.gif) top left no-repeat;}

.chat .hero-h1 {}	



.cl-email .icon {background:url(../img/bgs/panel-email.gif) top right no-repeat;}

.cl-email .icon-spacer {background:url(../img/bgs/panel-email-spacer.gif) top left no-repeat;}

.cl-email .hero-h1 {background:url(../img/bgs/h1hero-email.gif) no-repeat top right;}

	

.call-us .icon {}

.call-us .icon-spacer {background:url(../img/bgs/panel-callus-spacer.gif) top left no-repeat;}

.call-us .hero-h1 {background:url(../img/bgs/h1hero-callus.gif) no-repeat top right;}

	



/* PROMO/PIGGIES */

.promo {margin-top:7px;}

.leftcol .promo  {text-align:right;}

.rightcol .promo {margin-left:10px;}





/* ADVISOR KEYFACTS */

.advisor-fact {padding-bottom:17px;}

.advisor-fact .rccontent {padding-bottom:13px;}

.advisor-fact p.fact {width:198px; height:232px;}

.advisor-fact img {position:absolute;}

.advisor-fact img.btn, .advisor-fact input.btn {position:relative; margin:192px 10px 0;}



#waiting-room .advisor-fact p.fact {width:204px; height:86px;}

#waiting-room .advisor-fact img.btn {margin:45px 10px 0;}





/* PAGE HERO TOPIC */

.hero {font-size:1.15em; font-weight:normal; padding-bottom:32px;}

	.hero h1 {font-size:1.4em; margin:-10px 0 17px;}

	.hero h2 {font-size:1.1em; margin:-10px 0 -2px;}

	.hero h2.reg {left:0; top:0; font-weight:normal; font-size:1.1em; letter-spacing:normal; margin:-3px 0 0; padding:0 30px 0 0;}

	.hero p {line-height:1.1em;}

	.hero p span {font-size:.9em; line-height:1em;}

	.hero fieldset p input, .hero fieldset p select {font-size:.9em;}



	.hero .icon {font-size:1em; padding-right:16px;}

		.hero .icon h1 {margin-top:-6px;}

		.hero .icon p {font-size:1em;}



.hero .chat-diagram {margin:25px 0 8px;}

	.hero .chat-diagram ol {list-style:none; margin:0; padding:0;}	

	.hero .chat-diagram li {width:149px; margin:0; float:left;}

		.hero .chat-diagram li h3 {margin:0 12px 28px 0; letter-spacing:-0.04em; word-spacing:-0.06em; font-weight:bold;}

		.hero .chat-diagram li p {margin-right:15px;}

		.hero .chat-diagram li p,

		.hero .chat-diagram .step-btn p {font-size:0.8em;}

		

		.hero .chat-diagram li.step1 {background:url(../img/bgs/step-arrow1.gif) no-repeat 90% 44px;}

		.hero .chat-diagram li.step2 {background:url(../img/bgs/step-arrow2.gif) no-repeat 97% 47px;}

		.hero .chat-diagram li.step3 {background:url(../img/bgs/step-arrow1.gif) no-repeat 95% 58px;}

		.hero .chat-diagram li.step4 {min-height:170px; background:url(../img/bgs/step-arrow4.gif) no-repeat 46px 90px;}

		

		.hero .chat-diagram li span.wait {display:block; font-size:1.4em; text-align:center; margin:8px 0 0; padding:7px 0; background:#fff;}

	.hero .chat-diagram .step-btn {position:relative; margin-top:-60px; text-align:right;}

	.hero .chat-diagram .step-btn a {display:block;}

	

	

/* PAGINATION */

.pagination {}

	.pagination dl {position:relative;margin:18px 0 0; border:solid 1px #ddd; border-left:0; border-right:0;}

	.mini-search .pagination dl {margin-top:7px;}

	.pagination dt, .pagination dd {display:block; font-size:.9em; padding:7px 0; float:left;}

	.pagination dt {width:50%;}

	.pagination dd {position:relative; left:74px; width:120px; text-align:center;}

	.mini-search .pagination dd {left:0; width:96px;} 

	.pagination dd.prev, .pagination dd.next {width:auto; text-align:left;}

		.pagination dd.prev span {padding-left:10px; background:url(../img/bgs/pg-prev.gif) no-repeat 0 .35em;}

		.pagination dd.prev a span {background-image:url(../img/bgs/pg-prev-a.gif);}

		.pagination dd.next span {padding-right:10px; background:url(../img/bgs/pg-next.gif) no-repeat 100% .35em;}

		.pagination dd.next a span {background-image:url(../img/bgs/pg-next-a.gif);}

		

		

/* ACCORDION */

.accordion {padding-top:20px;}

.accordion ul {list-style:none; margin:10px 5px 3px; padding:0; border-bottom:solid 1px #d6d6d6;}

	.accordion li {padding:5px 0 12px; margin:0; border-top:solid 1px #d6d6d6;}

		.accordion li h3 {position:relative; padding-left:13px; margin:0 0 -7px; background:url(../img/bgs/accordion-dwn.gif) no-repeat 0 .4em;}

			.accordion li h3 a {color:#000;}

		.accordion li h3.closed {background:url(../img/bgs/accordion-active.gif) no-repeat 0 .4em;} 

			.accordion li h3.closed a {color:#06f;}



/* Play news version of accordion */			

.preview p img {position:relative; margin:3px 16px 3px 0; float:left; clear:left;}

ul.smltxt {position:relative; margin:0 0 -12px;}

ul.smltxt, ul.smltxt li.fc {border:0;}

ul.smltxt li p {font-size:.9em;}		

			

/* INLINE SEARCH */

fieldset.inline-search {position:relative; padding:16px 17px 14px;}

.accordion fieldset.inline-search {margin:14px 0 -4px; padding:16px 0 0; border-top:solid 1px #ddd;}

	fieldset.inline-search h2 {font-size:1em; margin:5px 16px 0 0; padding:0; float:left;}

	fieldset.inline-search p {width:50%; margin:0; float:left;}

	fieldset.inline-search p label {display:none;}

	fieldset.inline-search p input[type="text"] {width:195px; padding:3px 5px 4px; margin-right:9px;}

	fieldset.inline-search p input.btn {vertical-align:middle;}

	fieldset.inline-search p select {width:207px; margin-right:9px;}

	

	.hero fieldset.inline-search {padding:0;} 

	.hero fieldset.inline-search p {margin:21px 0 0;}	

	.hero .icon fieldset.inline-search {padding:0 0 10px;}

	

	

/* MINI-SEARCH */

.mini-search p {font-size:.8em; margin:8px 0 0;}

.mini-search select {width:146px; margin-right:6px;}

.mini-search input.btn {vertical-align:middle;}

.mini-search label {position:absolute; left:-10000px;}

.mini-search ul {margin:11px 0 0; padding:3px 0 0; font-size:.8em; list-style:none; border-top:solid 1px #ddd;}

.mini-search li {}

.mini-search li.selected {background:#d1f8fa;}

	.mini-search li.selected a {color:#000;}

	.mini-search li a {display:block; padding:4px 4px 7px;}



/* TOPIC LISTS */

p img.topic {position:relative; margin:4px 14px 0 0; border:0; float:left; clear:left;}



.topics {}



.topics fieldset {padding-bottom:17px; margin:-12px 0 -4px; border-bottom:solid 1px #ddd;}

.topics fieldset label, .topics fieldset input {float:left;}

.topics fieldset label {margin-top:5px;}

.topics fieldset input {width:196px; padding:3px 5px 6px; margin:0 13px 0 16px;}

.topics fieldset input.btn {width:auto; margin:0; padding:0; vertical-align:middle;}



.topics .topic {margin-top:15px;}

	.topics .topic h2 {margin:0 0 -13px;}

	.topics .topic p a {display:block;}

	

.topics .topic ul {list-style:none; margin:-31px 0 0; padding:0 5px;}

.topics .topic li {width:50%; margin:44px 0 0; float:left;}

	.topics .topic li h2 {margin:0 0 8px 0; padding-left:60px;}

		.topics .topic li h2 a {color:#000;}

		.topics .topic li h2 img {position:absolute; margin:-12px 0 0 -60px;}

	.topics .topic li dl {margin:10px 0 0; padding-left:60px;}

	.topics .topic li ul {padding:0; margin:0;}

	.topics .topic li li {width:auto; margin:0; padding-left:60px; float:none;}

	

.topics .videotopics ul {margin:-15px 0 20px;}

.topics .videotopics li {min-height:90px; margin-top:20px;}

	.topics .videotopics li img {margin-right:14px; border:solid 1px #ddd; float:left; clear:left;}

	.topics .videotopics li h3 {font-weight:normal; font-size:1.1em; margin:0 0 -8px;}







.topics .gallerytopics	  {font-size:0.9em;}

.topics .gallerytopics ul {margin:-15px 0 20px;}

.topics .gallerytopics li {min-height:90px; margin-top:20px;}

	.topics .gallerytopics li img {margin-right:14px; border:solid 1px #ddd; float:left; clear:left;}

	.topics .gallerytopics li h3 {font-weight:normal; font-size:1.1em; margin:0 0 -8px;}





/* SEARCH RESULTS */

#search {}

	#search h1 {margin-top:-10px;}

	#search .leftcol h2,

	#search .leftcol h3 {font-weight:normal;}

	

	#search .leftcol ul {list-style:none; padding:0;}

	#search .leftcol li {margin-top:25px;}

	#search .leftcol li h3 {margin:-3px 0 -2px;}

	

	#search .leftcol li p,

	#search .leftcol li dt, #search .leftcol li dd {font-size:.9em; margin:5px 0 0;}

	#search .leftcol li dt, #search .leftcol li dd {display:inline;}

	#search .leftcol li dt {color:#777;}

	

	#search .thmb {margin:3px 13px 3px 0; z-index:20000; float:left; clear:both;}

		#search .thmb a {display:block; border:solid 2px #06f;}

		#search .thmb img {display:block;}

		

		

/* SITE MAP */

#sitemap {}

#sitemap h2 {position:static; margin:38px 0 0; padding:0 4px 6px; border-bottom:solid 1px #d6d6d6;}

#sitemap h3 {margin:22px 0 0;}

#sitemap p {margin-bottom:15px;}

#sitemap ul {list-style:none; margin:0; padding:0;}

#sitemap li {margin:4px 0 0;}

#sitemap .leftcol {position:relative; left:70px;}

	#sitemap .leftcol .grid-09 {float:left;}

#sitemap .section {}

	#sitemap .section .sub-section {font-size:.9em; padding:0 4px;}

	#sitemap .section .col33pc {width:33.0%; margin:-11px 0 0; float:left;}

		

		

	

/* Tabbed content (any changes here may have knock-on effect on #forum versions 

 * 	- be careful and check! */

.tabbed-content {}

.tabbed-content .tab {min-height:30px; font-size:.9em; margin-top:20px; border-top:solid 1px #ddd;}

	.tabbed-content .tab h2 {font-size:1.2em; margin:20px 0 -6px;}

	

		/* MW CHange */

	.tabbed-content .tab h3 {}

	.tabbed-content .tab p {}

	

		/*.tabbed-content .tab h2 a {display:block;}*/

		.tabbed-content .tab p img {position:relative; margin:3px 13px 3px 0; float:left; clear:left;}

		

.topics .tabbed-content .tab {min-height:0; margin:0; border:0;}



/* Tabbed content: js version */

#tabhdrs {position:relative; margin:0 0 -20px 7px;}	

#tabhdrs h2 {position:relative; top:1px; font-size:1em; text-align:center; margin:0 5px 0 0; padding:4px 10px 5px; background:#fff url(../img/bgs/tab-email.gif) repeat-x 0 0; border:solid 1px #ccc; float:left;}

.blogs #tabhdrs h2 {float:right;}

	#tabhdrs h2 a {color:#777;}

	

	#tabhdrs h2.on {background:#fff; border-bottom:solid 1px #fff;}

	#tabhdrs h2.on a {color:#000;}

	

.topics #tabhdrs {margin:31px 0 0; padding-left:7px; border-bottom:solid 1px #ccc;}	

.topics #tabhdrs h2 {font-size:1.1em;}





/* FORUMS: message boards, etc */

#forum {}

	#forum .btm dl {margin-top:-1px;}

	#forum h2 a {position:relative; display:block; font-size:.7em; font-weight:normal; letter-spacing:normal; padding-left:10px; background:url(../img/bgs/pg-prev-a.gif) no-repeat 0 .35em; float:right; clear:right;}

	#forum h2 a img {display:block; margin:5px 0 0 -10px; background:#fff;}

	#forum h2 input.btn {display:block; padding:0; margin:5px 0 0; background:#fff; overflow:hidden; float:right; clear:right;}

	#forum h2 span {display:block; width:45%; font-size:.7em; font-weight:normal; letter-spacing:normal;}

	

	.thread-options {margin-bottom:25px;}

	.thread-options a img, .thread-options input.btn {position:relative;vertical-align:text-bottom; border:0; float:right; clear:right;} 

	.thread-options label {font-size:.9em; position:relative; top:15px;}

	.thread-options input {width:auto; border:0;}

	.thread-options label input.btn {position:relative; top:4px; margin-left:4px; float:none; clear:none;}







	#forum table.generic {position:relative; top:-1px; width:100%;} 

	#forum table.generic  h3 {margin:0;}

	#forum table.generic  h4 {margin:0 0 -11px;}

	#forum .generic thead th {font-size:.9em; padding:6px 10px 8px; background:#95e41f;}

	#forum .generic thead th.fc {padding-left:4px;}

	#forum .generic tbody th {width:290px; font-size:.8em; font-weight:normal; padding:8px 0 7px; text-align:left;}

	#forum .generic tbody th p {color:#777; margin:0;}

	#forum .generic tbody td {font-size:.8em; padding:8px 10px 7px;}

	

	.generic tbody th, .generic tbody td {vertical-align:top; border-top:solid 1px #ddd;}

	#forum .generic tbody .grn-key {}

	#forum .generic tbody .sticky, #forum .generic tbody .sticky-locked {background:#ddf6b7;}

	#forum .generic tbody .unread, #forum .generic tbody .private {background:#d0e2ec;}

		#forum .generic tbody .sticky th, #forum .generic tbody .sticky-locked th {font-weight:bold;}

			#forum .generic tbody .sticky th img {margin:2px 6px 0; float:left; clear:left;}

			#forum .generic tbody .unread th img {margin:1px 6px 0; float:left; clear:left;}

			#forum .generic tbody .private th img {margin:1px 6px 0; float:left; clear:left;}

			

			#forum .generic tbody .locked th img,

			#forum .generic tbody .sticky-locked th img {margin:0 8px 0 5px; float:left; clear:left;}

		#forum .generic tbody .sticky .grn-key, #forum .generic tbody .sticky-locked .grn-key {border-top:solid 1px #fff;}

	

	#forum .generic.thread th, #forum .generic.asksam-thread th {width:215px; font-size:.9em; padding:8px 0 7px;}

	#forum .generic.thread td, #forum .generic.asksam-thread td {font-size:.9em; padding:8px 10px 25px;}

	#forum .reply  {margin:-10px 20px 0 0;}



	#forum .thread .reply h3, #forum .asksam-thread .reply h3 {margin-top:11px;}

	#forum .thread td p, #forum .asksam-thread td p {margin:10px 0 0 0;}

	#forum .asksam-thread tbody th img {margin:0 18px 20px 0; float:left; clear:left;}

	

	#forum .asksam-topics, #forum .asksam-thread {margin-top:19px;}

	#forum .asksam-thread {margin-bottom:-11px;}

	#forum .asksam-topics tbody th, #forum .asksam-topics tbody td {border:0; border-bottom:solid 1px #ddd;}

	#forum .asksam-topics tbody th {padding-left:5px;}

	#forum .asksam-topics td ul {list-style:none; margin:-7px 0 0; padding:0;}

	#forum .asksam-topics td li {margin-top:4px;}

	

	

	#forum .tabbed-content {margin-top:34px;}



	#forum .tab-displayed {}

	#forum .tab {min-height:0; font-size:1em; margin:0; border:0;}

	#forum .tab h2 {color:#777; font-size:1em; text-align:center; margin:0 3px 0 10px; background:#fff url(../img/bgs/tab-email.gif) repeat-x 0 0; border:solid 1px #ccc; border-bottom:0;}

	

	#forum .tab h2.inbox {width:5em;}

	#forum .tab h2.newmessage {width:7.4em;}

	#forum .tab h2.sentbox {width:3.4em;}

	

	/* Fix here for Inbox tab spacing - added Left / Right 5px padding 08/09/09 */

	#forum .tab h2 a {display:block; color:#777; font-size:1em; font-weight:bold; padding:5px 5px 5px 5px; background:none; float:none; clear:none;}

	#forum .tab h2 a:hover, #forum .tab h2 a:active, #forum .tab h2 a:focus	{color:#1eb159;}

	#forum h2.on, #forum h2.on a {color:#000; background:#fff;}

	

	

	/* Tabbed content for private email (when js is on) */

	#forum #tabhdrs {position:relative; width:100%; margin:0; border-bottom:solid 1px #ddd;}

	#forum #tabhdrs h2 {position:static; padding:0; float:left;}



	#forum #tabhdrs h2.on {}

	#forum #tabhdrs h2.on,

	#forum #tabhdrs h2.on a {background:none;}

	

	#forum #tabhdrs h2.on a {position:relative; top:1px; margin:-1px 0 0; border-bottom:solid 1px #FFF;}

	

	#forum #tabhdrs h2.newmessage, 

	#forum #tabhdrs h2.sentbox {margin-left:3px;}

		



	#forum .email-box {}

	#forum .email-box .delete-col {width:53px; text-align:center; padding:0;}

		#forum .email-box th.delete-col img,

		#forum .email-box th.delete-col input.btn {margin:50px 0 0;}

		#forum .email-box .empty th.delete-col img,

		#forum .email-box .empty th.delete-col input.btn {margin-top:0; float:left;}

		

	#forum .email-box th, #forum .email-box td {padding:0;}

	#forum .email-box thead th {background:none; padding:23px 0;}

	#forum .email-box thead th.delete-col {vertical-align:top;}

	#forum .email-box thead .empty th.delete-col,

	#forum .email-box thead .empty th {padding:5px 0;}

	

	#forum .email-box thead th h3 {margin:10px 0 0 -15px; float:left;}

		#forum .email-box thead th h3 a, #forum .email-box thead th h3 a img,

		#forum .email-box th.delete-col a, #forum .email-box th.delete-col a img, #forum .email-box th.delete-col input.btn {display:block;}

	#forum .email-box thead th p {font-size:.9em; margin:0 3px; float:left;}



	#forum .email-box tbody th {width:215px; font-size:.9em; padding:22px 0 20px;}

	#forum .email-box tbody td {width:300px; font-size:.9em; padding:22px 0 20px; word-wrap:break-word; display:inline-block; vertical-align: top;}

	#forum .email-box th img {margin:-9px 8px 0 14px; float:left; clear:left;}

	/* Fix for 'Write a Message' button being cut off at the top in IE6 */	

	* html #forum .email-box th img {margin:0px 8px 0 14px; float:left; clear:left;}

	

		#forum .email-box th a img {float:none; clear:none;}

	#forum .email-box tbody td label {display:block; margin:28px 18px 0;}

		#forum .email-box tbody td label span.hide {position:absolute; left:-10000px;}

		

	#forum .email-box .new th, #forum .email-box .new td {background:#e8e8e8;}

		#forum .email-box .new th p {color:#000;}

	

	#forum .subject-view {}

	#forum .subject-view thead th {padding:6px 0 14px; border-top:solid 1px #ddd;}

	#forum .subject-view th.delete-col img, #forum .subject-view th.delete-col input.btn {margin:32px 0 0;}

	#forum .subject-view thead h3 {font-size:1.1em; padding:0 25px 0; margin:0;}

		#forum .subject-view thead h3 span {display:block; font-size:.8em; font-weight:normal;}

	#forum .subject-view .reply p.attached {margin-left:-4px;}

	#forum .subject-view .reply p.attached img {margin:0 4px; float:left; clear:none;}

	

	#forum .write-email {margin-top:18px; padding:22px 0 0; border-top:1px solid #ddd;}

	

		

	#forum .grid-02 .rounded p label,

	.grid-03 .rounded p label,

	.grid-03s .rounded p label {display:block; font-size:.9em; margin-bottom:6px;}



	.new-thread {margin-top:12px; padding:11px 6px 12px 12px; background:#e8e8e8;}

		.new-thread h3 {display:block; width:34%; font-size:1em; font-weight:normal; margin:0; float:left; clear:left;}

		.new-thread h3 img {margin-top:-10px; float:right;}





	.topic-selectors {margin:31px 0 0; padding:14px 0 2px; border-top:solid 1px #ddd;}

		.topic-selectors h3 {margin:2px 0 0; float:left;}

		.topic-selectors p {margin:0; float:right;}



		select.select-topic {width:168px; margin-right:9px;}

		select.select-subtopic {width:193px;}

		

	

	.editor-col {position:relative; margin-top:-20px; padding:0 0 3px 204px;}

		.editor-col p {margin:20px 0 0 0; padding:0;}

			.editor-col p label {display:block; margin-bottom:6px;}

		.editor-col input, .editor-col textarea {border:solid 1px #d6d6d6;}

		.editor-col textarea {min-height:152px; width:350px;}

		.editor-col input.btn {position:relative; margin:-5px 4px 0 0; vertical-align:middle; border:0;}

		

	.rich-text-editor {position:relative;}

	.editor-tools {position:relative; top:1px; padding-left:3px; min-height:34px;background:url(../img/bgs/forum-textedit-top.gif) no-repeat 0 0; overflow:hidden;}

		.editor-tools a {display:block; margin:6px 3px 2px; float:left;}

		.editor-tools a img {position:static; display:block;}

		.editor-tools a.spell {margin-right:14px; float:right;}

		

		

	.add-pictures {display:block; margin:2px 16px 0 0; background:#fff url(../img/bgs/forum-textedit-btm.gif) repeat-x 0 0; border:solid 1px #d6d6d6;}

		.add-pictures img {margin:6px 6px 3px;}

		



	.attachment-tool p {margin:0; font-size:.8em;}

	.attachment-tool p a {font-weight:bold;}

	.attachment-tool p img {margin-bottom:6px;}

	.tabbed-content .tab .attachment-tool p img, .attachment-tool p input.btn  {margin:0 6px 6px; float:none; clear:none;}

	

	.attached-files {width:360px; background:#f1f1f1; margin-top:-2px; border:solid 1px #d6d6d6;}

	.attached-files p {width:120px; margin:8px 0 0; padding:0; float:left;}

		.tabbed-content .tab .attached-files p img {position:static; margin:0 0 0 6px; float:none; clear:none;}

		.attached-files p label {position:absolute; left:-10000px;}

		.attached-files p input.btn {display:block; margin:4px 0 9px 6px;}

		.attached-files .item {display:block;float:left;margin:10px 0 10px 10px;width:106px;display:inline;}

			.attached-files .item p {width:100%;text-align:center;margin:5px 0 0 0;}

	.suggest {padding-bottom:16px;}

	

	.usr-online {position:absolute;top:5px;right:12px;}



/* NEW MESSAGEBOARDS (02/2011) - NUMIKO - TO BE ADDED SOON */

.msg-brd-hero h1 { padding-right:120px; }



#categories-topics .rccontent,

#categories-list .rccontent,

#thread-list .rccontent,

#message-list .rccontent { padding:0; }

#categories-topics .rctop,

#categories-list .rctop { background:#ddf9b8 url('../img/mb/topic-list-bg.gif') repeat-y 235px 0; }

#categories-topics .rcbtm .colour,

#categories-list .rcbtm .colour { background-color:#95E41F; }

#categories-topics h3,

#categories-list h3,

#thread-list h3 { margin:0; }



#categories-topics .headings,

#categories-list .headings,

#thread-list .headings { background:#ddf9b8 url('../img/mb/topic-list-bg.gif') repeat-y 239px 0; overflow:hidden; margin-top:0px; }

	#categories-topics .headings span,

	#categories-list .headings span,

	#thread-list .headings span { display:block; float:left; padding:6px 10px 10px 28px; }

	#categories-topics .headings .categories-topics { width:201px; padding-left:28px; }

	#thread-list .headings .categories-topics { width:214px; padding-left:15px; }

	#categories-topics .headings .posts,

	#categories-list .headings .posts,

	#thread-list .headings .posts { width:207px; padding-left:22px; }

	#categories-topics .headings .activity,

	#categories-list .headings .activity,

	#thread-list .headings .activity { padding-left:18px; }



#categories-topics .categories { width:640px; _margin-bottom:35px; _margin-top:-35px; }



/* Messageboards landing page */

.categories { width:640px; _margin-bottom:0px }

.categories .category-title { float:none;clear:both; padding:0 0 1px; margin:0; _margin:35px 0 0 0; background-color:#95e41f; position:relative; height:35px; overflow:visible; width:100%; display:block; }

	.categories .category-title h2 { float:left; width:450px; padding:6px 0 4px 28px; margin:0; line-height:21px; }

	#categories-list .categories .category-title h2 { width:453px; padding-left:25px; }

	.categories .category-title h2 a { color:#000; }

	.categories .category-title .thread-count,

	.categories .category-title .post-count { padding:6px 0 4px; line-height:21px; }

	.categories .category-title .thread-count { padding-left:10px; }

	.categories .category-title div.collapsed-container { border-bottom:1px solid #76C618; }

	.categories .category-title a.toggle { position:absolute; text-decoration:none; display:block; top:50%; left:7px; margin:-7px 0 0; width:14px; height:14px; cursor:pointer; overflow:visible; text-indent:-9999em; background:transparent url('../img/mb/chevrons.gif') no-repeat -24px 0; -moz-user-select:none; -khtml-user-select:none; _display:none; }

		.categories .category-title a.toggle span { display:none; }

	.categories .category-title a.toggle:hover { background-position:-24px -24px; text-decoration:none; }

		.categories .category-title a.toggle:hover span { display:block; position:absolute; font-size:12px; bottom:20px; left:-63px; text-indent:0; background-color:#FBF7AA; padding:5px 10px; border:2px solid #F9E98E; text-align:left; width:150px; color:#000; text-decoration:none; cursor:normal; }

	.categories .category-title a.toggle:active { background-position:-24px -48px; }

	.categories .category-title a.collapsed { background-position:0 0; border-bottom:none; }

	.categories .category-title a.collapsed:hover { background-position:0 -24px; }

	.categories .category-title a.collapsed:active { background-position:0 -48px; }



/* Messageboards category page - contains topics */	

.msg-brd-category,

.msg-brd-category .rccontent {padding:0;}

.msg-brd-category,

.msg-brd-category .rccontent,

.msg-brd-category .rctop,

.msg-brd-category .rcbtm .rcfill div.colour {color:#000; background:#95e41f;}

.msg-brd-category .icon { padding:28px 26px 20px 25px !important; }

/*.msg-brd-category .rccontent a {color:black}*/



.msg-brd-category .icon h1 { font-size:1.4em; letter-spacing:-1px; margin-bottom:15px; }



#categories-list .headings .categories-topics { width:204px; padding-left:25px; }





.categories .topics { clear:both; margin:0; background:#ddf9b8 url('../img/mb/topic-list-bg.gif') repeat-y 239px 0; padding:0; }

.categories .hidden-topics { display:none; }

	.categories ul { padding:1px 0 0; margin:0 !important; }

		.categories li { list-style:none; overflow:hidden; width:100%; border-bottom:1px solid #c2dba2; }

			.categories li p { margin:3px 0 0; }

		.categories li.last { border-bottom:none; _margin-bottom:-35px; }

		.categories span { float:left; display:block; }



	.categories .topic-teaser { width:201px; padding:10px 10px 10px 28px; }

	#categories-list .categories .topic-teaser,

	#thread-list .categories .topic-teaser { width:204px; padding:10px 10px 10px 25px; }

	.categories .latest-post { width:207px; padding:10px 10px 10px 22px; font-size:0.8em; }

		.categories .latest-post h4 { line-height:1.2em; }

		.categories .latest-post p { margin:2px 0 0; line-height:1.5em; }


		.categories .latest-post p cite { word-wrap:break-word; display:inline-block; width:190px; vertical-align: top; }

		.categories .latest-post p.date { margin:0; }

	.categories .thread-count,

	.categories .post-count { width:74px; text-align:center; padding:10px 0 4px; }

	.categories .thread-count { padding-left:10px; }



/*.msg-brd-category .rccontent a {color:black}*/



/* Pagination */

#msg-brd-pagination-top,

#msg-brd-pagination-btm { padding:0; }

#msg-brd-pagination-top .rccontent,

#msg-brd-pagination-btm .rccontent { padding:1px 13px; }

#msg-brd-pagination-top dl,

#msg-brd-pagination-btm dl { margin:0; border:none; }







/* Messageboards topic page - contains threads */

.msg-brd-topic .rcbtm .rcfill div.colour,

.msg-brd-topic .rctop,

.msg-brd-topic .rccontent  {color:#000; background:#ddf9b8; }



.msg-brd-topic .rccontent .icon { overflow:hidden; padding:27px 26px 10px; _padding-bottom:160px; }



.msg-brd-topic h1 { font-size:1.3em; font-weight:normal; letter-spacing:-1px; margin-bottom:5px; padding-right:0; }

.msg-brd-topic h1 em { font-size:1.2em; font-weight:bold; display:block; top:-4px; position:relative; }



/*.msg-brd-topic .start-thread { position:relative; margin-top:9px; display:block; width:168px; height:30px; float:right; background:transparent url('../img/mb/start-a-new-thread.png') no-repeat 0 0; overflow:hidden; text-indent:-9999em; }

.msg-brd-topic .start-thread:hover { background-position:0 -50px; }*/



.msg-brd-topic img.png { position:relative; display:block; float:right; }



#thread-list { padding:0; }

#thread-list .headings { background:#ddf9b8 none; overflow:hidden; margin-top:0px; margin-bottom:0px; }

	#thread-list .headings .thread { padding:6px 10px 10px 43px; width:228px; }

	#thread-list .headings .latest-reply { width:204px; }

	#thread-list .headings .replies { width:70px; }

	#thread-list .headings .views { width:50px; }

	#thread-list .headings .latest-reply,

	#thread-list .headings .replies,

	#thread-list .headings .views { font-size:0.9em; padding:8px 10px 10px 0; font-weight:normal; }

	

#thread-list .rctop { background:#ddf9b8 none; }

#thread-list .rcbtm .colour { background-color:#ddf9b8; }



ul.threads { padding:0; margin:0; border-top:1px solid #C5E49C; zoom:1; }

	ul.threads li { list-style:none; z-index:0; clear:both; overflow:hidden; min-height:75px; border-bottom:1px solid #e0e0e0; position:relative; margin-top:0; *margin-bottom:-3px; }

		ul.threads li .thread-teaser { padding:10px 10px 10px 43px; width:228px; font-size:0.9em; }

			ul.threads li .thread-teaser p { line-height:17px; word-wrap:break-word; }

			ul.threads li .thread-teaser p.date { margin-top:0; }

		ul.threads li .latest-reply { width:204px; padding:27px 10px 10px 0; font-size:0.8em; line-height:17px; }

ul.threads li .latest-reply p cite,
.categories .latest-post p cite { word-wrap:break-word; display:inline-block; width:190px; vertical-align: top; }



		ul.threads li .reply-count { width:60px; padding:10px 0 0; text-align:center; }

		ul.threads li .view-count { width:50px; padding:10px 0 0 22px; text-align:center; }

		ul.threads li .thread-indicators { position:absolute; top:0; left:0; width:43px; height:60px; }

			ul.threads li .pinned,

			ul.threads li .locked,

			ul.threads li .warning { display:block; z-index:0; position:absolute; text-decoration:none; overflow:visible; text-indent:-999em; background:transparent url('../img/mb/thread-indicator-icons.gif') no-repeat; }



				ul.threads li .pinned span,

				ul.threads li .locked span,

				ul.threads li .warning span { display:none; z-index:100; }

				

				ul.threads li .pinned:hover,

				ul.threads li .locked:hover,

				ul.threads li .warning:hover { z-index:1000; }

				

				ul.threads li .pinned:hover span,

				ul.threads li .locked:hover span,

				ul.threads li .warning:hover span,

				ul.threads li .pinned span.visible-tooltip,

				ul.threads li .locked span.visible-tooltip,

				ul.threads li .warning span.visible-tooltip { display:block; font-size:12px; position:absolute; _position:static !important; float:none !important; z-index:1001; text-indent:0; background-color:#FBF7AA; padding:5px 10px; _padding:1px 10px; border:2px solid #F9E98E; _border:1px solid #F9E98E; text-align:left; color:#000; text-decoration:none; cursor:normal; }

				

				ul.threads li .pinned:hover span,

				ul.threads li .pinned span.visible-tooltip { width:200px; }

				

				ul.threads li .warning:hover span,

				ul.threads li .warning span.visible-tooltip { width:220px; }

				

				ul.threads li .locked:hover span,

				ul.threads li .locked span.visible-tooltip { width:130px; }

				

				ul.threads li .pinned:hover span, ul.threads li .pinned span.visible-tooltip { top:-5px; left:20px; _margin-left:20px; _bottom:auto; _top:0; _width:150px !important; _white-space:nowrap; }

				ul.threads li .locked:hover span, ul.threads li .locked span.visible-tooltip { top:-5px; left:15px; _margin-left:20px; _bottom:auto; _top:0; _width:100px !important; _white-space:nowrap; }

				ul.threads li .warning:hover span, ul.threads li .warning span.visible-tooltip { top:-15px; left:25px; _margin-left:30px; _bottom:auto; _top:0; _width:320px !important; }

				

			ul.threads li .pinned,

			ul.threads li .locked { width:10px; height:15px; top:10px; }

			ul.threads li .pinned { left:9px; background-position:0 -20px; display:block; cursor:help; }

			ul.threads li .locked { left:22px; background-position:0 0; cursor:help; }

			ul.threads li .warning { width:22px; height:22px; top:31px; left:10px; background-position:0 -40px; cursor:help; }

	ul.threads li.pinned { background-color:#f8f3c9; border-bottom-color:#dad5b1; }

		ul.threads li.pinned .pinned { background-position:-27px -20px; }

		ul.threads li.pinned .locked { background-position:-27px 0; }

		ul.threads li.pinned .warning { background-position:-27px -40px; }

		ul.threads li p { margin:3px 0 0; }

	ul.threads li.last { border-bottom:none; }

		ul.threads span { float:left; }





/* Messageboards thread page - contains messages */

.msg-brd-thread .rctop { background:#ddf9b8; }

.msg-brd-thread .rcbtm .rcfill div.colour,

.msg-brd-thread .rccontent  {color:#000; background:#fff;}

.msg-brd-thread .rccontent .icon { padding:33px 26px 46px; *padding:33px 26px 40px; }

.msg-brd-thread, .msg-brd-thread .rccontent {padding:0;}



.msg-brd-thread .icon a { /*position:absolute;*/ bottom:0; right:20px; }



.msg-brd-thread .return-to-topic { background:#ddf9b8; padding: 2px 26px 8px 25px; }

.msg-brd-thread .return-to-topic a { font-size:15px; color:#06f; }



.msg-brd-thread h1 { font-size:1.3em; font-weight:normal; letter-spacing:-1px; margin-bottom:5px; padding-right:0; }

.msg-brd-thread h1 em { font-size:1.2em; font-weight:bold; display:block; top:-4px; position:relative; }



.msg-brd-thread label,

.msg-brd-thread label input {  }

.msg-brd-thread label input { vertical-align:baseline; position:relative; bottom:1px; left:1px; margin-right:5px; }

.msg-brd-thread label { font-size:0.8em; position:absolute; bottom:5px; }

.msg-brd-thread p label { position:relative; display:block; padding-top:10px; }

/*.msg-brd-thread .write-message { position:absolute; bottom:0; display:block; width:154px; height:30px; float:right; background:transparent url('../img/mb/write-message.png') no-repeat 0 0; overflow:hidden; text-indent:-9999em; }*/



/*.msg-brd-thread .write-message { position:relative; top:-5px;  display:block; width:154px; height:30px; float:right; background:transparent url('../img/mb/write-message.png') no-repeat 0 0; overflow:hidden; text-indent:-9999em; }

.msg-brd-thread .write-message:hover { background-position:0 -50px; }*/



.msg-brd-thread img.png { position:relative; display:block; float:right;}



.thread-pagination dt { padding-left:13px; width:47%; }



#message-list { padding:0; }





#message-list .rctop,

#message-list .rcbtm .colour { background-color:#fff; }



.explicit-messages { position:relative; }

.explicit-messages .rctop { background-color:#ffd3da !important; }

.explicit-messages .content-warning { position:absolute; top:0; left:0; background:#FFD3DA url('../img/mb/thread-warning-icon.png') no-repeat 25px 14px; font-size:0.95em; letter-spacing:-0.05em; display:block; overflow:hidden; margin-top:0px; margin-bottom:0px; color:#f09; padding:16px 16px 16px 57px; width:567px; }

.explicit-messages ul.messages { padding-top:70px !important; }



ul.messages { padding:0 0 0; margin:0; zoom:1; }

.explicit-messages ul.messages { padding:3px 0 0; }

	ul.messages li { list-style:none; clear:both; zoom:1; overflow:hidden; border-bottom:1px solid #e0e0e0; position:relative; margin-top:0; *margin-bottom:-3px; padding:0 0 20px; }	

	ul.messages .message-info { padding:20px 0 0 26px; width:237px; float:left; zoom:1; }

		ul.messages .message-info cite { font-style:normal; font-weight:bold; word-wrap:break-word; }

		ul.messages .message-info .date { margin:3px 0 5px; color:#666; font-size:0.9em; }

	ul.messages .message-content { padding:10px 0 3px 26px; width:323px; float:left; }

		ul.messages .message-content h2 { padding:17px 0 0 0; }

		ul.messages .message-content p {

			font-size:0.9em;

			line-height:1.3em;

			word-wrap:break-word;

		}	

		ul.messages .message-content div {

			font-size:0.9em;

			line-height:1.3em;

			word-wrap:break-word;

		}
		ul.messages .message-content span 
		{
			float:none;
		}
		
		ul.messages .message-content em { font-weight:normal; font-style:italic; }

		ul.messages .message-content img { border:none; vertical-align:text-bottom; }

		ul.messages .message-content blockquote { background-color:#eee; border:1px solid #d0d0d0; padding:20px; margin:12px 0; }

			ul.messages .message-content blockquote .quote-details { border-bottom:1px dashed #d0d0d0; margin:-20px -20px 10px; display:block; float:none; padding:10px 20px; font-weight:normal; font-style:italic; font-size:0.9em; }

			ul.messages .message-content blockquote .quote-details cite { font-weight:bold; font-style:normal; font-size:1.2em; word-wrap:break-word; }

			ul.messages .message-content blockquote blockquote { background-color:#e3e3e3; border-color:#ccc; }

				ul.messages .message-content blockquote blockquote .quote-details { border-bottom-color:#ccc; }

				ul.messages .message-content blockquote blockquote blockquote { background-color:#d0d0d0; border-color:#bbb; }

					ul.messages .message-content blockquote blockquote blockquote .quote-details { border-bottom-color:#bbb; } 				

		ul.messages li .thread-teaser { padding:10px 10px 10px 43px; width:228px; font-size:0.9em; }

			ul.messages li .thread-teaser p { line-height:17px; }

			ul.messages li .thread-teaser p.date { margin-top:0; }

	ul.messages li.last { border-bottom:none; }

	ul.messages span { float:left; }

.message-content .message-content a {
   word-break:break-all;
}	


	

		



/* Sidebar */

.msg-brd-categories,

.msg-brd-categories .rccontent {padding:0;}

.msg-brd-categories .snippet { padding: 11px 12px; }

.msg-brd-categories .snippet li a { color:#06f; font-size:1.2em; }

.msg-brd-categories,

.msg-brd-categories .rccontent,

.msg-brd-categories .rctop,

.msg-brd-categories .rcbtm .rcfill div.colour {color:#000; background:#95e41f;}

.msg-brd-categories h2 { padding-right:60px; }



h2 label { font-weight:bold; }



.quick-topic-links select { width:100%; }



.search-msg-brd, .search-msg-brd .rccontent {padding:0;}

.search-msg-brd, .search-msg-brd .rccontent, .search-msg-brd .rctop,

.search-msg-brd .rcbtm .rcfill div.colour {color:#000; background:#95e41f;}

.search-msg-brd input#search { border:1px solid #65AA15; }



.suggest-topic, .suggest-topic .rccontent {padding:0;}

.suggest-topic, .suggest-topic .rccontent, .suggest-topic .rctop,

.suggest-topic .rcbtm .rcfill div.colour {color:#000; background:#18dee5;}

.suggest-topic .icon {min-height:35px; font-size:1em;}

.suggest-topic .icon h2 {padding-right:40px; font-size:1.2em;}

.suggest-topic p a {color:#000; font-size:.9em;}

.suggest-topic fieldset {margin:13px 0 0;}

	.suggest-topic fieldset label {display:block; font-size:1.1em; font-weight:bold;}

		.suggest-topic fieldset label input {}

		.suggest-topic textarea,

		.suggest-topic input { border:solid 1px #19ccd2; }

		.suggest-topic input.btn { border:none; }









/* IE6 css fixer v0.95: Thu, 17 Feb 2011 12:23:26 +0100 */



/* ============================================= */

/* safe settings                                 */



/* add display:inline to floated elements */

#categories-topics .headings span,

#categories-list .headings span,

#thread-list .headings span,

.categories .category-title h2,

.categories span,

.msg-brd-topic .start-thread,

.msg-brd-thread label,

.msg-brd-thread .write-message,

ul.messages .message-info,

ul.messages .message-content,

ul.threads span,

ul.messages span { _display:inline;}



/* convert min height values */

.suggest-topic .icon { _height:35px;}





/* fix negative margins */

.categories .category-title a.toggle,

ul.threads li,

ul.messages li,

ul.messages .message-content blockquote .quote-details { _position:relative; zoom:1;}



/* add zoom:1 to overflow:hidden */

#categories-topics .headings,

#categories-list .headings,

#thread-list .headings,

.categories .category-title,

.categories li,

.msg-brd-topic .rccontent .icon,

.msg-brd-topic .start-thread,

#thread-list .headings,

ul.threads li .pinned,

ul.threads li .locked,

ul.threads li .warning,

.msg-brd-thread .write-message {zoom:1;}



/* add zoom:1 to pos:relative elements */

.msg-brd-thread label input,

.msg-brd-topic h1 em,

.msg-brd-thread h1 em {zoom:1;}



/* add overflow:visible to (submit) buttons */

input, button { _overflow:visible;}







/* CHAT ALERT */



.detail { position:relative; }

.alert-indicator { display:none; position:absolute; top:-3px; left:360px; width:25px; height:49px; background:transparent url('../img/chat-alert/alert_indicator.png') no-repeat -25px 0; }

.alert-indicator-on { background-position:0 0; }



.secure-feedback { position:relative; }

.alert-controls {position:absolute; top:43px; right:12px; background:#95E41F; width:108px; height:44px; }

.alert-controls h3 { font-weight:normal; font-size:0.9em; }



.alert-controls label { z-index:10; position:absolute; width:85px; height:12px; bottom:5px; left:5px; display:block; font-size:12px; overflow:hidden; }

.alert-controls input.alert-control { }



.indicator-wrapper { z-index:500; width:91px; height:26px; overflow:hidden; position:absolute; bottom:0; left:0; cursor:pointer; }

	.indicator-frame { z-index:500; width:91px; height:26px; overflow:hidden; position:absolute; top:0; left:0; background:transparent url('../img/chat-alert/alert-indicator-container.png') no-repeat 0 0; }

	.indicator-frame-focus { background-position:0 -26px; }

	.indicator { z-index:400; display:block; width:145px; height:22px; position:absolute; top:2px; left:-56px; background:transparent url('../img/chat-alert/indicator.png') no-repeat 0 0; }

	

.alert-help,

.alert-test { position:absolute; display:block; width:12px; height:12px; text-indent:100px; overflow:hidden; }

.alert-help { cursor:help; bottom:14px; right:0; background:transparent url('../img/chat-alert/alert_help_icon.png') no-repeat 0 0; }

.alert-test { cursor:pointer; bottom:0; right:0; background:transparent url('../img/chat-alert/alert_test_icon.png') no-repeat 0 0; }



.nspcc_tips { z-index:10000; }



/* IN-PAGE MESSAGES */

.message {width:910px; margin-left:0;}

.message, .message .rccontent {color:#000; padding:20px 17px 30px; background:#fff;}

	.message .h1, .message .h2, .message .p {padding:0 143px 0 84px;}

	.message .h1 {position:relative; min-height:38px; font-size:1.6em; font-weight:bold; padding-right:0;}

		.message .h1 a, .message .h1 input {position:relative; font-size:.65em; font-weight:normal; float:right; clear:right;}

			.message .h1 a img, .message .h1 input {position:relative; display:block; top:-10px; right:-6px;}

	.message .h1 span {display:block; font-size:.8em; font-weight:normal; margin-top:-1px;}

	.message .p {margin-top:16px;}

	

	.editor-col .message {width:auto; margin:22px 6px -10px 0; padding:13px 18px 17px;}

	.editor-col .message h3 {width:auto; font-weight:bold; font-size:1.1em; margin:0; padding:0; float:none; clear:none;}

		.editor-col .message h3 img {margin:-4px -10px 0 0;}

	.editor-col .message p {margin-top:0;}

	

.status-ok {border:solid 2px #1fb25a;}

	.status-ok .h1 {background:#fff url(../img/bgs/icon-status-ok.gif) no-repeat 13px 0;}

	

	.editor-col .status-ok h3 {padding:0 0 6px 36px; background:#fff url(../img/bgs/icon-status-ok-sm.gif) no-repeat 0 0;}

	.editor-col .status-ok p {padding-left:36px; margin-top:-3px;}



.status-error {border:solid 2px #f09;}

	.status-error .h1 {background:#fff url(../img/bgs/icon-status-error.gif) no-repeat 13px 0;}

	

	

.status-alert {border:solid 2px #f09;}

	.status-alert .h1 {background:#fff url(../img/bgs/icon-status-error.gif) no-repeat 13px 0;}

	.status-alert .p  {padding:0 20px 0 84px;}



.status-sending {background:#fecfed; border:solid 2px #f474c0;}



	

	





.blogs {margin:-9px 0 -14px;}

.blogs .tab .thumb {width:200px; margin-top:15px; float:left;}

	.blogs .tab .thumb img {width:200px; height:150px;}

.blogs .tab .copy {width:228px; float:right;}

	.blogs .tab .copy h3 {font-size:1.4em; letter-spacing:-0.04em;}

	.blogs .tab .copy p.date-time {color:#777;}







/* PAGE-UTILITIES CONTENT */

.page-utilities-content {margin-top:-1px; border:solid 1px #fff; border-top:0; border-bottom:solid 1px #ccc;}



.page-utilities-content,

.page-utilities-content .centre {background:#fff url(../img/bgs/pageutils-content.gif) repeat-x 0 0;}

	.page-utilities-content h3 {font-size:1.4em; font-weight:normal; margin:0 0 3px 12px;}

		.page-utilities-content h3 a.utility-title{cursor:default;color:#000;text-decoration:none;}
		.page-utilities-content h3 a img {margin-top:4px; float:right; clear:right;}

.utility {position:relative; left:68px; width:882px; font-size:.9em; padding:21px 0 26px; text-align:left;}

.utility h3 a img {display:block;}

.utility .close-btn { position:absolute; top:25px; right:0; }

.txtcols .col {width:402px; float:left;}

	.txtcols .col p {margin:17px 37px 0 12px;}

	

.mediatxtcol {padding-bottom:7px;}

.mediatxtcol h3 {margin-bottom:-5px;}

.mediatxtcol p {margin:17px 0 0 12px;}

.mediatxtcol p a img {margin:-4px 0 -6px;}

.mediatxtcol .media {margin:18px 18px 20px 12px; float:left; clear:left;}

.mediatxtcol .text  {float:left;width:430px;margin-bottom:20px;}

.mediatxtcol .audio {margin-top:100px;}



.wallpaper {}

	.wallpaper h4 {font-weight:normal; margin:3px 0 0 12px;}

	.wallpaper p {margin:17px 0 0 12px;}



.chooser {width:117px; margin:18px 0 0; float:left;}



.carousel-container {position:relative; width:722px; left:14px; margin:21px 0 0; float:left;}

	.carousel-container #arrow-left, .carousel-container #arrow-right {display:block; margin:35px 0 0;}

	.carousel-container #arrow-left {position:absolute;}

	.carousel-container #arrow-right {float:right;}

	

	.carousel-container h4 {margin:0 0 9px 5px;}

	.carousel label {color:#000; margin:0 6px 6px 0; background:#e6e6e6 url(../img/bgs/style-box.gif) top center; float:left;}

	.carousel label a {display:block; color:#000;}

	

		.carousel label a:hover, .carousel label a:active,

		.carousel label a:focus {background:#999 url(../img/bgs/style-box-hover.gif) top center;}

			.carousel label a:hover span, .carousel label a:active span, 

			.carousel label a:focus span {color:#fff; text-decoration:underline; background:#999 url(../img/bgs/style-box-hover.gif) bottom center;}

		

	.carousel label input {margin:4px 0 0 31px;}

	.carousel label input, .carousel label img, .carousel label span {display:block;}

	

	.carousel label span {text-align:center; padding:2px 0 5px; background:url(../img/bgs/style-box.gif) bottom center;}

	.carousel label img {padding:4px;}



	.carousel label.checked, 

	.carousel label.checked a:hover, .carousel label.checked a:active, .carousel label.checked a:focus,

	.carousel label.checked span, 

	.carousel label.checked a:hover span, .carousel label.checked a:active span, .carousel label.checked a:focus span {background-image:url(../img/bgs/style-box-selected.gif);}





/* PAGE 404 */

.form404 label {position:absolute; left:-10000px;}

.form404 input {display:inline; width:196px; margin-right:8px;}

.form404 input.btn {width:auto; vertical-align:top; margin-top:1px;}





/* GENERIC FORM PAGE/ ERROR MESSAGING */

.error {color:#f09;}

.error p span,

p.error span {display:block; color:#f09; font-size:.9em; margin-top:6px;}

.error span.note {color:#f09;}

.error label {color:#000;}

.error label span {display:inline; font-size:1.1em; color:#f09; font-weight:bold; margin-top:0;}

.error input, .error select, .error textarea, fieldset.error {border:solid 1px #f09;}

fieldset.error {margin:0 -10px; padding:0 10px 5px; background:#fedaf2;}







.generic-form .indent {margin:0 67px;}

.generic-form h1 {margin:-10px 0 17px;}

.generic-form p {margin-top:25px;}

.generic-form label {display:block; margin-bottom:7px;}

.generic-form input, .generic-form textarea {width:218px;}

.generic-form input.btn {width:auto; vertical-align:middle; margin-right:2px;}

.generic-form select {display:block;}

.generic-form fieldset {margin-top:10px;}

	.generic-form fieldset p {margin-top:12px;}

	.generic-form fieldset label {font-size:.9em;}

	.generic-form fieldset input {width:auto; vertical-align:middle; margin-right:4px; border:0;}

	.gallery-form h3 label
	{
		font-weight: bold !important;
	}	

	

	

/* secure countdown */

#chatPop h1.overlayH1,

#chatPop div p {width:475px; margin:20px auto;}



#chatPop h1.overlayH1 {font-size:1.7em; margin-top:65px;}

div.overlay-pannel {background-color:#88e324; height:73px; width:405px; margin:20px auto; padding:6px 0 0 71px;}

div.user-counter h2 {font-weight:normal; font-size:1.0em; margin-bottom:6px; letter-spacing:normal;}

div.user-counter h2 strong {font-weight:bold;font-size:1.1em;}



div.chat-timer {border:solid 1px #79be11; background-color:#FFF; height:14px; width:450px;}

div.chat-timer div {border-right:solid 1px #79be11; background-color:#ccff66; height:100%;}

div.chat-timer div strong {display:none;}

#chatPop form { margin-bottom:80px;}

#chatPop form label {display:inline;}











/* HOME PAGE */

body#home .center-main,

body#talk-hub .center-main { float:right; margin-right:86px; width:800px;}

body#home .center-main .col-one,

body#talk-hub .center-main .col-one {float:left; width:240px;}

body#home .center-main .col-two,

body#talk-hub .center-main .col-two {float:left; width:320px;}

body#home .promo { text-align:right;}



.home-content .rccontent {padding:8px 12px 12px;}

.home-content .tabbed-content {width:327px; position:relative; float:left;}

.home-content h2 {margin:6px 0 12px;font-size:1em; position:relative;}



body#home .center-main .col-one input {width:94%;}

body#home .center-main .col-one input.btn {width:auto;}



.volunteering p img {margin-bottom:-18px; border:0;}

.volunteering h2 { font-size:19.2px; }

.volunteering p { font-size:16px; }

.volunteering .rccontent {padding-bottom:8px;}

/*.volunteering .rccontent p { padding-bottom:60px; background: url(../img/bgs/nspcc-full-stop.jpg) no-repeat bottom left;}*/

.volunteering .rccontent p a {display:block;}



.home-content .health  {position:relative; overflow: hidden;}

.home-content .health .tabbed-content { margin-right:14px;padding-left:3px;}

.home-content .health .latest-vids {margin-right:17px;}

.home-content .health .play-games {margin:0;}



.home-content .school  {position:relative; overflow: hidden;}

.home-content .school .tabbed-content {margin-right:18px;width:324px;}

.home-content .school .latest-vids {margin:0;}

.home-content .school .play-games {margin-right:14px;padding-left:3px;}

.home-content .school .play-games img {margin-top:3px;}





.home-content .feature {margin-bottom:10px; position:relative; overflow: hidden;}

.home-content .feature ul {position:absolute; top:0; right:0; height:255px; width:242px; margin:0; padding:0;}

.home-content .feature ul li { list-style-type:none; margin:0; padding:0; margin-top: 0px !important;}

.home-content .feature ul li a {letter-spacing:-0.05em; word-spacing:-0.06em;display:block; color:#777; font-weight:bold; height:65px; width:193px; padding:18px 0 0px 20px; font-size:1.25em; margin-left:27px; border:solid 1px #cbcbcb; background:#f6f6f6 url(../img/bgs/home-content-nav.gif) no-repeat top right;}

.home-content .feature ul li a span {display:block;}

/* new styling for CR4 */
.home-content .feature ul li div { display:none; position:absolute; left:-443px; width:685px; height:60px; bottom:-73px; }

.home-content .feature ul li p a,
.home-content .feature ul li.on p a {letter-spacing:normal; word-spacing:normal;display:inline; color:#0066FF; text-decoration:none; font-weight:normal; height:auto; width:auto; padding:0; font-size:1em; margin-left:0; border:none; background-color:transparent; background-image:none;}

.home-content .feature ul li p a:hover,
.home-content .feature ul li.on p a:hover,
.home-content .feature ul li p a:focus,
.home-content .feature ul li.on p a:focus {letter-spacing:normal; word-spacing:normal;display:inline; color:#0066FF; text-decoration:underline; font-weight:normal; height:auto; width:auto; padding:0; font-size:1em; margin-left:0; border:none; background-color:transparent; background-image:none;}

.home-content .feature ul li.on div { display:block; }
/* end new styling for CR4 */

.home-content .feature ul li.on a,

.home-content .feature ul li.on a:hover {width:194px; color:#FFF; height:67px; margin:0; padding-left:48px; border:none; background: url(../img/bgs/home-content-nav-on.png) no-repeat top right;}

.home-content .feature ul li a:hover {background: url(../img/bgs/home-content-nav-over.gif) no-repeat top right; text-decoration:none;}





.home-content .tabbed-content .tab p {margin:11px 0 0 0; padding:0;}

.home-content .tabbed-content .tab p img {margin:-2px 12px 10px 0; padding:0;}

.latest-vids h2,

.play-games h2 { font-size:1.0em;}



.latest-vids {width:200px;position:relative; float:left;}

.latest-vids p {font-size:0.9em; margin-top:9px}

.latest-vids img {border:solid 1px #bebebe;}



.play-games {width:200px; position:relative; float:left;}

.play-games img {border:solid 1px #cbcbcb;}

.play-games p,

.play-games li {font-size:0.9em;}

.play-games ul {margin:5px 0; padding:0;}

.play-games li {margin:0; padding:0; list-style-type:none;}





/* TALK TO US */

.how-help  h1 {margin:-11px 0 12px 0;}

.how-help .rccontent {padding:16px 14px 10px;}

.how-help .cloud {position:relative; margin:-10px 0 0 0;}

.how-help .cloud li { list-style-type:none; margin:0; padding:0;}

.how-help .cloud .speak,

.how-help .cloud .let,

.how-help .cloud .share {position:absolute;}



.how-help .cloud .speak { top:37px; right:171px; z-index:2;}

.how-help .cloud .let { top:4px; right:77px; z-index:1;}

.how-help .cloud .share { top:54px; right:0; z-index:3;}

.how-help p.intro { width:440px;padding-left:4px; font-size:1.3em;letter-spacing:-0.04em; word-spacing:-0.06em; line-height:1.1em;}			                

.how-help h2 {margin:17px 0 10px 5px;}

.how-help .four-ways { background-color:#95e41f;}

.how-help .call,

.how-help .email,

.how-help .chat,

.how-help .ask-sam { width:178px; float:left; background-color:#FFF; padding:107px 0 20px 12px;}

.how-help .call p,

.how-help .email p,

.how-help .chat p,

.how-help .ask-sam p { width:148px; padding-left:2px;}

.how-help .call p { width:146px; padding-left:4px;}

.how-help .chat p.waiting { display:block; background: url(../img/bgs/talk-waiting.gif) no-repeat 0 0; width:97px; height:29px; padding:4px 0 0 6px}

.how-help .call { background: url(../img/bgs/talk-call.gif) no-repeat 2px 16px;}

.how-help .email { background: url(../img/bgs/talk-email.gif) no-repeat 0 12px;}

.how-help .chat { background: url(../img/bgs/talk-chat.gif) no-repeat 0 12px;}

.how-help .ask-sam { background: url(../img/bgs/talk-ask-sam.gif) no-repeat 0 10px;}

	

	





.skip-links {position:absolute; top:0; left:-10000px; display:block; width:98.5%; color:#fff; background:#333; padding:4px 8px; text-align:left; z-index:10001;}

a.skip-nav {margin-right: 10px}

a.skip-nav, a.skip-nav:hover, a.skip-nav:active, a.skip-nav:focus {color: #ffffff}



.panic {position:fixed; right:0; margin:363px 0 0 0; z-index:100000; overflow:hidden;}

	.panic span {position:absolute; left:-10000px;}



/*5. ClearFix adapted from http://www.positioniseverything.net/easyclearing.html*/

.cf:after, .section:after,

#header dl:after, .page-utilities dl:after, .carousel fieldset:after, .breadcrumb:after, #footer dl:after, .nav:after, 

.list-col2 ul:after, .list-col2 ol:after, .list-col3 ul:after, .list-col3 ol:after, .list-col4 ul:after, .list-col4 ol:after, 

#content:after, .video:after, .video .rccontent:after, .rounded .icon dl:after, .video dl:after, #search li:after, .pagination dl:after, fieldset.inline-search:after, .chat-diagram ol:after, .editor-tools:after, 

.topic ul:after, .topic-selectors:after, .attached-files:after, #forum #tabhdrs:after, .poll .icon dd dl:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.cf, .section,

#header dl, .page-utilities dl, .carousel fieldset, .breadcrumb, #footer dl, .nav, 

.list-col2 ul, .list-col2 ol, .list-col3 ul, .list-col3 ol, .list-col4 ul, .list-col4 ol, 

#content, .video, .video .rccontent, .rounded .icon dl, .video dl, #search li, .pagination dl, fieldset.inline-search, .chat-diagram ol, .editor-tools, 

.topic ul, .topic-selectors, .attached-files, #forum #tabhdrs, .poll .icon dd dl {height:1%;}



.cl {clear:left;}

.fl {float:left;}

.fr {float:right;}

.force-break {height:1px; line-height:1px; overflow:hidden; clear:both;}

.col50pc {width:48.8%;}

.tel {color:#1fb25a; font-weight:bold; white-space:nowrap;}



/* 6. GRID FORMULA = number of grid spans x 80px */

.grid-01 {width:68px;}

.grid-02,

.grid-02s {width:160px;}

.grid-03 {width:240px;}

.grid-03s {width:230px;}

.grid-04L {width:320px; float: left;}

.grid-04 {width:320px;}

.grid-05 {width:400px;}

.grid-06 {width:480px;}

.grid-07 {width:560px;}

.grid-08 {width:640px;}

.grid-09 {width:720px;}

.grid-10 {width:800px;}

.grid-11 {width:880px;}

.grid-12 {width:960px;}



.leftcol .grid-01, .leftcol .grid-02, .leftcol .grid-03, .leftcol .grid-04, .leftcol .grid-05, 

.leftcol .grid-06, .leftcol .grid-07, .leftcol .grid-08, .leftcol .grid-09, .leftcol .grid-10, 

.leftcol .grid-03s, .leftcol .grid-02s,

.leftcol .grid-11, .leftcol .grid-12 {float:right;}



.leftcol .grid-04-wrapper { margin-left: 74px;}



.leftcol .grid-03s,

.leftcol .grid-02s {margin-left:10px;}



/* .leftcol .grid-04, */



/* ========================= */
/* TABBING ORDER FIXES BEGIN */
/* ========================= */


/* ============ TALK HUB PAGE TAB FIXES START ============ */
#talk-hub-page .leftcol .wrapper { text-align:right; }
#talk-hub-page .leftcol .grid-01,
#talk-hub-page .leftcol .grid-02,
#talk-hub-page .leftcol .grid-03,
#talk-hub-page .leftcol .grid-04,
#talk-hub-page .leftcol .grid-05, 
#talk-hub-page .leftcol .grid-06,
#talk-hub-page .leftcol .grid-07,
#talk-hub-page .leftcol .grid-08,
#talk-hub-page .leftcol .grid-09,
#talk-hub-page .leftcol .grid-10, 
#talk-hub-page .leftcol .grid-03s,
#talk-hub-page .leftcol .grid-02s,
#talk-hub-page .leftcol .grid-11,
#talk-hub-page .leftcol .grid-12 { text-align:left !important; float:none; display:inline-block; position:auto; width:auto; zoom:1; *display:inline;  }

#talk-hub-page .leftcol .grid-08 { width:641px; *width:640px; float:right; }

#talk-hub-page .leftcol .col-04 { _width:315px; }
#talk-hub-page .leftcol .col-04 .grid-03 { float:left; }


#talk-hub-page .leftcol .grid-04,
#talk-hub-page .leftcol .grid-02 { margin-right:6px; *margin-right:10px; margin-left:0 !important; }

#talk-hub-page .leftcol .lastchild { margin-right:0 !important; }

#talk-hub-page #content .wrapper .module { margin-left: 0px; margin-right: 6px; *margin-right: 10px; }
/* ============ TALK HUB PAGE TAB FIXES END ============ */



/* ============ PLAY HUB PAGE TAB FIXES START ============ */

#play-hub-page .fullcol { width:960px; }
#play-hub-page .fullcol .module { margin-right:10px; margin-left:0 !important; }
#play-hub-page .fullcol .lastchild { margin-right:0; }
#play-hub-page .fullcol .grid-01,
#play-hub-page .fullcol .grid-02,
#play-hub-page .fullcol .grid-03 {float:left;}

#play-hub-page .leftcol .wrapper { text-align:right; letter-spacing:-5px; clear:both; }
#play-hub-page .leftcol .wrapper .imageset { text-align:left; }
#play-hub-page .leftcol .wrapper div { letter-spacing:normal; }
#play-hub-page .leftcol .grid-01,
#play-hub-page .leftcol .grid-02,
#play-hub-page .leftcol .grid-03,
#play-hub-page .leftcol .grid-04,
#play-hub-page .leftcol .grid-05, 
#play-hub-page .leftcol .grid-06,
#play-hub-page .leftcol .grid-09,
#play-hub-page .leftcol .grid-10, 
#play-hub-page .leftcol .grid-03s,
#play-hub-page .leftcol .grid-02s,
#play-hub-page .leftcol .grid-11,
#play-hub-page .leftcol .grid-12 { text-align:left !important; float:none; display:inline-block; zoom:1; *display:inline;  }

#play-hub-page .leftcol .speech_cta { vertical-align:top; }
#play-hub-page #content .wrapper .module { margin-left: 0px; margin-right: 10px; }
#play-hub-page .leftcol .grid-08,
#play-hub-page .leftcol .lastchild { margin-right:0 !important; }

#play-hub-page .leftcol .speech_cta { vertical-align:top; }
#play-hub-page #content .wrapper .grid-03 .rcbtm * { vertical-align:baseline !important; }
#play-hub-page #content .wrapper { /**margin-top:-14px; *margin-bottom:14px;*/ }
#play-hub-page #content .wrapper .grid-03 { vertical-align:top; *margin-top:-14px !important;  position:relative; }


/* ============ PLAY HUB PAGE TAB FIXES END ============ */


/* ============ HOME TAB FIXES START ============ */

#home-page .leftcol .wrapper { text-align:right; letter-spacing:-5px; clear:both; }
#home-page .leftcol .wrapper div { letter-spacing:normal; }
#home-page .leftcol .grid-01,
#home-page .leftcol .grid-02,
#home-page .leftcol .grid-03,
#home-page .leftcol .grid-04,
#home-page .leftcol .grid-06,
#home-page .leftcol .grid-07,
#home-page .leftcol .grid-08,
#home-page .leftcol .grid-09,
#home-page .leftcol .grid-10, 
#home-page .leftcol .grid-03s,
#home-page .leftcol .grid-02s,
#home-page .leftcol .grid-11,
#home-page .leftcol .grid-12 { text-align:left !important; float:none; display:inline-block; zoom:1; *display:inline; }

#home-page #content .wrapper .module { margin-left: 0px; margin-right: 10px; }
#home-page .leftcol .grid-08,
#home-page .leftcol .lastchild { margin-right:0 !important; }

#home-page .leftcol .speech_cta { vertical-align:top; }
#home-page #content .wrapper .grid-03 .rcbtm * { vertical-align:baseline !important; }
#home-page #content .wrapper { /**margin-top:-14px; *margin-bottom:14px;*/ }
#home-page #content .wrapper .grid-03 { vertical-align:top; *margin-top:-14px !important; position:relative; }



/* ============ HOME TAB FIXES END ============ */

/* ========================= */
/* TABBING ORDER FIXES END */
/* ========================= */





	/* ==================================== */

/* = Overrides form mos-global = */

/* ==================================== */

	

#forum .cssfix tbody th

{

font-size:0.9em;

font-weight:normal;

padding:8px 0 7px;

text-align:left;

width:215px;

}

#forum .cssfix tbody td 

{

font-size:0.9em;

padding:8px 0 7px;

}



#forum .cssfix table

{

	width: 100%;

}



#forum cssfix thead th.fc {

padding-left:4px;

}

#forum cssfix thead th {

background:#95E41F none repeat scroll 0 0;

padding:4px 10px 5px;

}



#forum h2 input {

background:transparent url(../img/bgs/pg-prev-a.gif) no-repeat scroll 0 0.35em;

clear:right;

display:block;

float:right;

font-size:0.7em;

font-weight:normal;

letter-spacing:normal;

padding-left:10px;

position:relative;

}

/*

.rounded p input {

border:0 none;

}*/



.list-col4 p input {

margin-left:36px;

}

p a input {

vertical-align:middle;

}



#forum tbody th, #forum tbody td {vertical-align:top; border-top:solid 1px #ddd;}



.findoutabout input 

{

	border:1px solid #BBBBBB;

}

#thankyou { text-align:left; margin:0 auto;}

/* ==================================== */

/* = Rounded Corner Stuff From js.css = */

/* ==================================== */

/* ROUNDED CORNERS JS STYLES 

Removed to imporve how the site renders in IE6 */

.roundedfix, #locker #content .roundedfix, .chat-tools .roundedfix  {padding:0; background:none;}

.rounded .rcinner {position:relative; right:-4px;}

html>body .rounded .rcinner {background:url(../img/bgs/rc-rgt-fill.png) top right repeat-y;}

.rounded .rccontent {position:relative; left:-4px;}

.rounded .rgt {float:right;}

.rounded .lft {float:left;}

/* quick note on clip property: IE doesn't recognise clip with commas, so leave them out - won't validate with commas seperating values*/

.rounded .rctop .rgt img {position:absolute; clip:rect(0 16px 4px 12px);}

html>body .rounded .rctop .rgt img {position:absolute; clip:rect(0 20px 4px 12px);}

.rounded .rctop .lft img {position:absolute; clip:rect(0 4px 4px 0);}

.rounded .rcbtm .rgt img {position:absolute; clip:rect(12px 18px 20px 12px);}

html>body .rounded .rcbtm .rgt img {position:absolute; clip:rect(12px 20px 20px 12px);}

.rounded .rcbtm .lft img {position:absolute; clip:rect(12px 4px 20px 0);}



.rounded .rctop {height:4px; line-height:1px; margin:0 4px;}

	.rounded .rctop .rgt, .rounded .rctop .lft {width:4px; height:4px;}

	.rounded .rctop .rgt {position:relative; left:-8px;}

	.rounded .rctop .lft {position:relative; left:-4px;}



	

.rounded .rcbtm {height:8px; line-height:8px; margin:0 4px;}

	.rounded .rcbtm .rgt, .rounded .rcbtm .lft {position:relative; width:4px;}

	.rounded .rcbtm .rgt {left:-8px; top:-20px;}

	.rounded .rcbtm .lft {left:-4px; top:-20px;}



.rounded .rcbtm .rcfill div {height:1px; font-size:1px; line-height:1px; background:#000;}

	.rounded .rcbtm .rcfill div.colour {height:4px;}

	

	

#header .rounded, #footer .rounded {background:none; border:0;}

#header .rounded .rctop, #footer .rounded .rctop {border-top:solid 1px #cbcbcb;}

#header .rounded .rcbtm .rcfill div.colour, #footer .rounded .rcbtm .rcfill div.colour {height:3px; border-bottom:solid 1px #cbcbcb;}

#header dl.big-btns, #footer dl.big-btns, #footer .footer-copy,

#header dl.locker {border:solid 1px #cbcbcb; border-top:0; border-bottom:0;}

#header .breadcrumb .rounded {padding:0; background:none; border:0;}

	#header .breadcrumb .rounded .rctop, #header .breadcrumb .rounded .rcbtm .rcfill div.colour {border:0;}

	#header .breadcrumb .rounded .rcbtm .rcfill div.colour {height:4px;}

	

/* TOOLTIP STYLES */

.tip { background-color:#FBF7AA; padding:5px 10px; border:2px solid #F9E98E; margin-left:-50px; margin-top:7px; _padding-left:50px; _border:none; text-align:left; }



/* ANOTHER CLEARFIX */



.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

 

.clearfix {

	display: inline-block;

}

 

html[xmlns] .clearfix {

	display: block;

}

 

* html .clearfix {

	height: 1%;

}

.clip .noflash
{
	line-height:normal !important;
	margin:10px 5px 5px 10px;
	
	}
	
	.characterWarning
	{
		color:Red;
	}
.png.btn.mbro {
    float: right;
}