/* The Children's Society - Askability CSS */
/* Changes: 12/08/09: Added valign:bottom to table.word, Line 78. Commented out @media screen section, line 265. 
Commented out table.word. Line 225*/

/* page layout */
body{font-family:tahoma;font-size: 0.7em;margin:auto;background:#F5D7FB}
div#container{width:770px;background:#fff;}
div#container div.minicontainerleft{float:left;height:100px; width:605px;background:#fff}
div#container div.clearer{clear:both}
div#container div.footer{width: 770px;height:21px!important;background:url(../images/footer.gif) no-repeat;margin-top:-1px}
.spacer {height:0px; width:0px; margin:0 0 75px 0; border:0; padding:0;}
.spacer {height:0px; width:0px; margin:0 0 70px 0; border:0; padding:0;}
* html .spacer {margin:0 0 30px 0;}

/* header area */
div#container div.minicontainerleft div.top{float:left;height: 176px;width:516px;background:url(../images/topleft.gif) no-repeat}
body.home div#container div.minicontainerleft div.top{background:url(../images/topleft.gif) no-repeat}
body.news div#container div.minicontainerleft div.top{background:url(../images/topgreen.gif) no-repeat}
body.whatson div#container div.minicontainerleft div.top{background:url(../images/topred.gif) no-repeat}
body.speakup div#container div.minicontainerleft div.top,
body.pictures div#container div.minicontainerleft div.top{background:url(../images/topblue.gif) no-repeat}
body.fun div#container div.minicontainerleft div.top{background:url(../images/toporange.gif) no-repeat}
body.contact div#container div.minicontainerleft div.top{background:url(../images/toplightgreen.gif) no-repeat}
body.tellus div#container div.minicontainerleft div.top{background:url(../images/topleftwall.gif) no-repeat;padding-bottom:3px}
div#container div.minicontainerleft div.top div#logo img{border:0}
div#container div.minicontainerleft div.top div#title{width:304px;height:70px;margin:10px 0 0 150px;text-align:center}

/* flash menus */
div#container div#flashcontent{float:left;height:179px;width:89px;background:url(../images/flashmovie1bg.jpg) no-repeat; overflow: hidden}
body.tellus div#container div#flashcontent{background:url(../images/flashmovie1bgwall.gif) no-repeat;overflow:hidden}
div#container div#flashcontent2{float:left;height:425px;width:165px;background:url(../images/flashmovie2bg.jpg) no-repeat;overflow:hidden}
html>body div#container div#flashcontent2{height:426px}
body.tellus div#container div#flashcontent2{background:url(../images/flashmovie2bgwall.gif) 0 0px no-repeat;overflow:hidden;margin-left:0px}
div#container div#flashcontent img{width:89px;height:179px;border:0;margin:0}
div#container div#flashcontent2	img{height:425px;width:165px;border:0;margin:0}

/* content area */
div#container div.minicontainerleft div.content{float:left;width:602px;height:248px;background:url(../images/contentarea.gif) #fff 1px 0 no-repeat;margin-top:-3px;padding-bottom:2px;text-align:center}
html>body div#container div.minicontainerleft div.content{background:url(../images/contentarea.gif) 1px 0 no-repeat}
body.home div#container div.minicontainerleft div.content{padding-bottom:1px}
body.tellus div#container div.minicontainerleft div.content{float:left;width:605px;height:247px;background:url(../images/contentareawall.gif) #fff 0px 0px no-repeat;margin-top:0px;text-align:center;margin-bottom:0!important;margin-right:-3px!important;padding-bottom:0}
div.article{margin-top:12px;height:200px}

/* footer area */
div#container div.footer ul.accessibilitymenu{float:right;margin:0 35px 0 0;padding: 0;list-style:none}
* > div#container div.footer ul.accessibilitymenu{margin-right:75px}
div#container div.footer ul.accessibilitymenu li{float:left;margin-top:4px;margin-left:3px;color:#fff;font-size:0.9em}
div#container div.footer ul.accessibilitymenu li a{float:left;color:#fff;text-decoration:none;display:block;margin-right:3px}
div#container div.footer ul.accessibilitymenu li a:hover{text-decoration:underline}

/* page bottom */
div#container div.bottom div.bottomleft{float:left;width:342px;height:169px;background:url(../images/leftpurple.gif) no-repeat}
body.home div#container div.bottom div.bottomleft{background:url(../images/leftpurple.gif) 1px 0 no-repeat}
body.news div#container div.bottom div.bottomleft{background:url(../images/leftgreen.gif) no-repeat}
body.whatson div#container div.bottom div.bottomleft{background:url(../images/leftred.gif) no-repeat}
body.speakup div#container div.bottom div.bottomleft,
body.tellus div#container div.bottom div.bottomleft,
body.pictures div#container div.bottom div.bottomleft{background:url(../images/leftblue.gif) no-repeat}
body.fun div#container div.bottom div.bottomleft{background:url(../images/leftorange.gif) no-repeat}
body.contact div#container div.bottom div.bottomleft{background:url(../images/leftlightgreen.gif) no-repeat}

div#container div.bottom div.bottomright{float:left;width:428px;height:169px;background:url(../images/rightpurple.gif) no-repeat}
body.home div#container div.bottom div.bottomright{background:url(../images/rightpurple.gif) no-repeat}
body.news div#container div.bottom div.bottomright{background:url(../images/rightgreen.gif) no-repeat}
body.whatson div#container div.bottom div.bottomright{background:url(../images/rightred.gif) no-repeat}
body.speakup div#container div.bottom div.bottomright,
body.tellus div#container div.bottom div.bottomright,
body.pictures div#container div.bottom div.bottomright{background:url(../images/rightblue.gif) no-repeat}
body.fun div#container div.bottom div.bottomright{background:url(../images/rightorange.gif) no-repeat}
body.contact div#container div.bottom div.bottomright{background:url(../images/rightlightgreen.gif) no-repeat}
div#container div.bottom div.bottomleft ul.bottomlinklist{margin:0;padding:0;list-style:none}
div#container div.bottom div.bottomleft ul.bottomlinklist li{float:left;font-size:0.8em;margin:1px 0 0 2px;color:#A764B4}
div#container div.bottom div.bottomleft ul.bottomlinklist li a{text-decoration:none;color:#A764B4}
div#container div.bottom div.bottomleft ul.bottomlinklist li a:hover{text-decoration:underline}

/* symbolised sentences */
div.sentence{margin-bottom:15px}
table.word{display:inline-table;vertical-align:bottom}
table.word td{text-align:center;vertical-align:middle;padding:0px}
table.word td.text{font-weight:normal;font-size:1.2em}
table.word td.small{height:25px}

/* headline-specific style */
div.headline{margin-bottom:-1px!important}
div.headline div.sentence table.word td.text{font-size:1.3em;text-decoration:underline}

/* article paging controls */
div.back, div.next{float:left;width:60px;height:36px}
div.back{text-align:right}
div.next{text-align:left}
div.back img, div.next img{border:0}
div.home{float:left;text-align:center;width:482px;height:20px;padding-top:2px}
div.home a{color:#000;text-decoration:none;font-size:1.3em;font-weight:normal}
div.home a:hover{text-decoration:underline}

/* static menu pages */
div.staticmenucontainer, .staticmenucontainer2 {margin:auto;width:480px;margin-top:50px}
a.staticmenuitem{display:inline-block;width:120px;height:120px;color:#000;text-decoration:none}
a.staticmenuitem{display:inline-block;width:120px;height:120px;color:#000;text-decoration:none}
html>body.tellus a.staticmenuitem{height:90px}
html>body a.staticmenuitem{float:left}
a.staticmenuitem:hover{text-decoration:underline}
a.staticmenuitem img{border:0}



/* dynamic set owners */
div.content ul.symbolarticlelist{width:480px;margin:0;height:200px;list-style:none!important}
div.content ul.symbolarticlelist li.dynamicsetsymbolicon{list-style-type:none;float:left;width:120px!important;height:100px}
div.content ul.symbolarticlelist li.dynamicsetsymbolicon a{color:#000!important;text-decoration:none;font-weight:normal}
div.content ul.symbolarticlelist li.dynamicsetsymbolicon a:hover{text-decoration:underline;color:#000!important}
html>body div.content ul.symbolarticlelist{margin:20px 0 0 30px}

/* questionnaire answers */
div.answers{margin-top:38px;margin-bottom:12px}
div.answeroption{display:inline;vertical-align:middle;margin: 0 3px 3px 0;border:solid 1px #bbb;padding:4px}
div.answeroption input{vertical-align:top}
fieldset{border:0;text-align:left;margin-left:140px}
label{float:left;width:70px;display:block;font-size:1.1em;padding-top:2px}
fieldset input{width:220px;margin-bottom:5px}
textarea{width:220px;height:64px;font-family:Tahoma;font-size:1.2em}
fieldset input.submit{margin-top:10px;background:url(../images/sendbutton2.gif) 20px 30px no-repeat;height:100px;width:100px;border:0;padding-top:80px;text-decoration:underline}
fieldset.submit{float:left;width:50px;margin:-47px 0 0 160px}
body.speakup fieldset.submit{float:left!important;width:100px!important;margin:-121px 0 0 160px!important}
html>body.speakup fieldset.submit{margin:-182px 0 0 450px!important}
html>body.tellus input.submit{margin:0 0 0 280px}
fieldset.disclaimertextfield{margin-left:82px}
fieldset.disclaimertextfield label{margin:-24px 0 0 65px;width:250px}
html>body fieldset.disclaimertextfield{margin-top:-5px}
html>body fieldset.disclaimertextfield label{margin:-24px 0 0 127px;width:250px}

body.home div.back, body.home div.home, body.home div.next{display:none}
body.contact div.back, body.contact div.home, body.contact div.next{margin-top:-8px}
div.contactdetails{float:left;text-align:left;padding:0 0 0 40px;width:250px;height:136px}
div.contactdetails p{margin:0 0 7px 0}
div#rightsidelinks{text-align:left;padding:0 0 0 40px}
div.contactdetails a{color:#000;text-decoration:underline}
div.contactdetails h3{font-weight:normal;font-size:1.3em;margin-bottom:0}

div.contactdetails2{float:left;text-align:left;padding:25px 10px 30px 70px;width:240px;height:136px}
div.contactdetails2 p{margin:0 0 7px 0;font-size:1.1em}
div.contactdetails2 a{color:#000;text-decoration:underline}
div.contactdetails2 h3{font-weight:normal;font-size:1.3em;margin-bottom:0!important;padding:0}

body.home div.article{margin-top:6px}
body.pictures div.article,body.news div.article,body.whatson div.article{margin-top:10px}
body ul#accessibility{margin:0;padding:0;list-style:none;height:0px;font-size:0.1em;text-indent:-9999px;margin:0 0 -4px 0;}
a#maincontent, a#mainnav{text-indent:-9999px;font-size:0.1em;display:none}
td.text a{color:#000;text-decoration:underline}
td.text a:hover{text-decoration:underline}
p.disclaimertext{margin:0/*-30px*/ 0 20px 0;clear:both}
body.tellus div.home, body.tellus div.back, body.tellus div.next{height:30px;margin:-10px 0 -20px 0}
body.tellus ul.symbolarticlelist{margin:20px 0 -34px 60px;width:440px;}
body.tellus ul.symbolarticlelist li.dynamicsetsymbolicon{list-style-type:none;float:left;width:110px;height:100px}
body.tellus div.back{margin-left:35px;margin-top:-18px}
html>body.tellus div.back{margin-left:65px}
body.tellus div.home{margin-left:10px;width:310px;padding-left:20px}
html>body.tellus div.home{margin-left:130px;width:310px;padding-left:20px}
body.tellus div.next{float:left;width:40px;height:36px;margin-left:10px;margin-top:-19px}
body.tellus fieldset.submit{margin:-159px 0 0 144px}
body.tellus form{margin-top:10px}
body.tellus textarea{width:220px;height:32px;font-family:Tahoma}
body.tellus div.article{height:170px;margin-bottom:4px}
/*html>body.tellus div.staticmenucontainer, *//*html>body.pictures div.staticmenucontainer,*//* html>body.contact div.staticmenucontainer,*/ /*#longpage .staticmenucontainer2{margin-left:180px}*/
body.tellus fieldset.disclaimertextfield{margin-left:50px}
html>body.tellus fieldset.disclaimertextfield{margin-left:50px}
body.tellus fieldset.disclaimertextfield label{margin:-24px 0 0 60px;width:330px}
html>body.tellus fieldset.disclaimertextfield label{margin-left:130px;}
body.tellus p.disclaimertext {margin-top:25px}

/* Site map */
body.sitemap ul.sitemaplist{float:left;margin:0 0 0 20px;padding:0;list-style:none;clear:both!important;border-bottom:1px solid #000}
body.sitemap ul.sitemaplist#lastsitemapmenu{float:left;margin:0 0 0 20px;padding:0;list-style:none;clear:both!important;border-bottom:0}
body.sitemap ul.sitemaplist li{float:left;margin:7px 15px -13px 0;padding:0;width:115px;}
body.sitemap ul.sitemaplist li.firstitem{background:#F7E3FB;font-weight:bold;width:60px;margin-top:0px;padding:6px 0 16px 0}
body.sitemap ul.sitemaplist li.lastitem{margin-right:0;width:80px}
body.sitemap ul.sitemaplist li img{clear:right!important;border:0;margin-top:1px}
body.sitemap ul.sitemaplist li a{color:#000;text-decoration:none}
body.sitemap ul.sitemaplist li span.text{clear:both;display:block}
body.sitemap div.headline{margin-bottom:0px!important;height:70px!important}
html>body.sitemap ul.sitemaplist,
html>body.sitemap ul.sitemaplist#lastsitemapmenu{margin:0 0 0 40px}
html>body.sitemap ul.sitemaplist li.firstitem{background:#F7E3FB;font-weight:bold;width:60px;margin:0px;padding:4px 0 4px 0!important}
html>body.sitemap ul.sitemaplist#lastsitemapmenu li.firstitem{padding:4px 0 0 0}

/* Copyright and Disclaimer */
body.copyright p{font-size:1.2em;padding:0 50px 0 50px}
body.disclaimer p{font-size:0.9em!important;padding:0 25px 0 25px}
body.copyright div.generalcontent{padding-top:20px;height:100px} 
body.disclaimer div.generalcontent{padding-top:5px;height:100px}

body.aboutthiswebsite div.generalcontent{text-align:left;margin:0 0 0 30px}
body.aboutthiswebsite div.generalcontent a{color:#000;text-decoration:underline}
body.aboutthiswebsite div.generalcontent img{border:0}
body.aboutthiswebsite div.generalcontent div.abouttop p{margin-bottom:3px}
body.aboutthiswebsite div.generalcontent div.aboutleft{width:300px;float:left;padding:1px 30px 0 0}
body.aboutthiswebsite div.generalcontent div.aboutleft p, 
body.aboutthiswebsite div.generalcontent div.aboutright p{margin:0}
body.aboutthiswebsite div.generalcontent div.aboutright{}
body.aboutthiswebsite div.generalcontent span.linkwindow p{padding:10px 0 0 0}

/* Contact page */
body.contact div.article{height:40px;margin-top:3px}
html>body.contact div.article{margin-bottom:40px}

html>body.tellus div.content{margin-bottom:-1px!important;margin-top:-1px!important}
body.accessibility div.generalcontent{text-align:left;margin-left:30px;margin-top:3px}
body.accessibility p.w3c{width:470px;float:left;padding-right:5px}
body.accessibility p.flashlink{text-align:center;margin:8px 0 9px 0}
body.accessibility p.accesskeytext{margin:-3px 0 0 0}
body.accessibility p{margin:6px 0 6px 0;clear:both}
body.accessibility img.bobby{margin-top:7px}
body.accessibility a{color:#000;text-decoration:underline}
body.accessibility ul.accesskeylist{margin:4px 0 -1px 20px;padding:0;list-style:none}
body.accessibility ul.accesskeylist#accessleft{float:left;width:230px}
div.validimages{margin-left:400px;}
div.validimages img{margin:0 0 0 10px;float:left}
body.accessibility p.purpletext{color:#9C21B5;text-align:center}
body.accessibility div.back, body.accessibility div.home, body.accessibility div.next{margin:-13px 0 -6px 0}

div.phonenumberdiv{display:none}


/* CSS that Safari can't read */
/*table.word{display:inline;margin-right:6px;border-collapse:collapse;}*/

div#regionselectorconfirmation { float:left;}

div#regionselectorconfirmation div#selectedregion1
	{
		background:url(http://widrebus.symgate.com/askability/col/50/graphics/widgit%20rebus/c/city%201.svg.sym) no-repeat;
		width:53px;
		height:50px;
	}
div#regionselectorconfirmation div#selectedregion2
	{
		background:url(/images/wolverhampton.gif) no-repeat;
		width:53px;
		height:50px;
	}
div#regionselectorconfirmation div#selectedregion3
	{
		background:url(/images/isleofwight.gif) no-repeat right;
		width:53px;
		height:50px;
	}
div#regionselectorconfirmation div#selectedregion4
	{
		background:url(/images/southampton.gif) no-repeat;
		width:53px;
		height:50px;
	}
	
/* Growable page - rules based on body id */
html>body#longpagenew div.staticmenucontainer {/*margin-left:52px;*/ margin-top:-5px}
* html #longpagenew .staticmenucontainer {margin:-5px 0 0 0} /* fixes ie6 inherited margin */
#longpagenew #container .content .staticmenuitem {font-size:1.2em; height:105px;}
#longpagenew div.article{height:40px;}
#longpagenew #container .minicontainerleft {height:100%;margin-bottom:0px}
#longpagenew #container .content {min-height:248px; height:100%} /* - IE7 */
#longpagenew #container {height:100%; background: #FFFFFF url(../images/bg_long_content.gif) repeat-y 15px 248px;}
#longpagenew #container .content .article #secondsen {margin-bottom:200px!important;}
html>/**/body#longpagenew .footer {margin-top:0px;}

/* Existing site-wide firefox 3 bugfix */
html>/**/body div#container div.bottom div.bottomleft ul.bottomlinklist {position:absolute; width:360px;}

/* Safari site-fix */
/*@media screen and (-webkit-min-device-pixel-ratio:0){
.minicontainerleft .sentence table {float:left!important; width:auto!important; margin:0 auto!important}
.top .sentence {width:auto!important; margin:0 auto!important;}
.article .sentence {width:auto!important clear:both!important;width:70%; margin:0 15% 10px 15%}
.sentence table.word {height:70px!important;margin:0 auto!important;}
.next {position:relative!important;top:-10px;left:20px}
body.contact .article .sentence {width:80%; margin:0 10%;}

}*/

/* News menu */
html>body a.staticmenuitem {float:none; text-align:center!important}
html>/**/body a.staticmenuitem {width:116px;}
div.staticmenucontainer {margin-top:10px;display:block; height:/*120*/90px!important; text-align:center!important}
* html div.staticmenucontainer {margin-top:5px}
#longpagenew #container div.staticmenucontainer {margin-top:20px!important}
* html #longpagenew #container div.staticmenucontainer {margin-top:0!important}
.news .sentence {margin-bottom:30px;}
* html .sentence {margin-bottom:0!important}
#speakupblog {float:left!important}

/* Centering content that previously filled content div */
div.content ul.symbolarticlelist li {margin:0 auto!important;}
body.speakup .symbolarticlelist {height:100px!important;}
html>/**/body.speakup .home {position:relative; }
html>/**/body#blogofweek .home {top:0px!important}
html>/**/body.tellus div.content ul.symbolarticlelist {margin-left:50px;}
body.confirmregion div.staticmenucontainer {margin:120px 40px 0 0}
* html body.confirmregion div.staticmenucontainer {margin:0px 0 0 0}
*+html body.confirmregion div.staticmenucontainer {margin:80px 40px 0 -60px}
* html body.confirmregion .footer {margin-top:-80px!important}
body#helpus div.staticmenucontainer {width:50%; margin:0 25%;}
body#helpus .content ul { margin-left:140px!important}
* html body#helpus .content ul { margin-left:0!important}
*+html body#helpus .content ul { margin-left:180px!important}
body#helpus .secondrow {padding-left:65px}
body#helpus div.home {margin-top:20px!important;}

/* IE6 fixes */
.sentence {margin-bottom:15px!important}
* html .sentence {margin-bottom:15px!important}
* html body.tellus  .staticmenucontainer {margin-top:25px!important}
* html body.tellus .submit {margin-left:100px!important}
* html body.tellus div.home {margin-left:-50px!important;}
* html body.speakup  .submit {margin-left:0!important; margin-top:0!important}
* html body.contact .contactdetails2 {margin-bottom:28px!important;}
* html body.contact div.next, * html body.contact div.back, * html body.contact div.home {margin-top:-10px;}
* html body#contactinfo div.home, * html body#contactinfo div.back, * html body#contactinfo div.next {margin-top:-37px!important}
html/**/>body#contactinfo div.home  {margin-top:20px!important}
*+html/**/>body#contactinfo div.home {margin-top:-37px!important}

* html body#helpus .content {width:300px!important; height:198px!important; margin-bottom:-66px!important}
* html body#helpus .content ul.symbolarticlelist {width:300px!important; margin-left:185px!important;}
* html body#helpus .home {position:relative; top:-40px; left:60px}


/* Flash game text on interactive games page */
div.content ul.symbolarticlelistnoheight{width:550px;margin:0;list-style:none!important}
div.content ul.symbolarticlelistnoheight li.dynamicsetsymbolicon{list-style-type:none!important;float:left!important;width:120px!important;height:100px!important}
div.content ul.symbolarticlelistnoheight li.dynamicsetsymbolicon a{color:#000!important;text-decoration:none!important;font-weight:normal!important}
div.content ul.symbolarticlelistnoheight li.dynamicsetsymbolicon a:hover{text-decoration:underline!important;color:#000!important}
html>body div.content ul.symbolarticlelistnoheight{margin:20px 0 0 30px}
.undertext {margin-bottom:74px;}