/*

HEADER

*/

#header {
	position: relative;
	width: 948px;
	height: 198px;
	background: url(../images/bg-rounded-top.png) no-repeat 0 bottom;
}

#header h1 {
	position: absolute;
	top: 0;
	left: 33px;
	width: 302px;
	height: 198px;
	background: url(../images/teens/logo.png);
}

#header h1 a {
	display: block;
	width: 150px;
	height: 138px;
	text-indent: -9999em;
}

#header h2 {
	position: absolute;
	top: 40px;
	left: 682px;
	width: 243px;
	height: 78px;
	background: url(../images/teens/phone-number.png) no-repeat;
}

#header form {
	position: absolute;
	top: 140px;
	left: 685px;
}

#header form span.textbox {
	border: 0;
	background: transparent url(../images/teens/bg-search-box.png) no-repeat;
	float: left;
	padding: 5px;
	width: 166px;
	height: 16px;
	margin: 0 10px 0 0;
}

#header form span.textbox input {
	border: 0;
	background: none;
	width: 166px;
	height: 16px;
}

#theme-switcher {
	position: absolute;
	display: block;
	top: 0;
	right:25px;
	z-index: 2;
}

#theme-switcher a {
	float: left;
	display: block;
	background: url(../images/teens/change-theme.png);
	width: 118px;
	height: 22px;
	text-indent: -9999em;
}

#theme-switcher a:hover {
	background-position: 0 -23px;
}

#navigation ul {
	list-style-type: none;
}

#navigation ul li {
	position: absolute;
}

#navigation ul li a {
	float: left;
	display: block;
	text-indent: -9999em;
}

#navigation ul li.home {
	top: 105px;
	left: 213px;
	background: url(../images/teens/nav-home.png) no-repeat;
	width: 53px;
	height: 51px;
}

#navigation ul li.home a {
	width: 46px;
	height: 45px;
}

#navigation ul li.about-us {
	top: 57px;
	left: 259px;
	background: url(../images/teens/nav-about-us.png) no-repeat;
	width: 97px;
	height: 81px;
}

#navigation ul li.about-us a {
	width: 77px;
	height: 32px;
	margin: 22px 0 0 10px;
}

#navigation ul li.get-help {
	top: 11px;
	left: 345px;
	background: url(../images/teens/nav-get-help.png) no-repeat;
	width: 120px;
	height: 85px;
}


#navigation ul li.get-help a {
	width: 86px;
	height: 57px;
	margin: 17px 0 0 12px;
}

#navigation ul li.get-involved {
	top: -10px;
	left: 460px;
	background: url(../images/teens/nav-get-involved.png) no-repeat;
	width: 105px;
	height: 78px;
}

#navigation ul li.get-involved a {
	width: 86px;
	height: 57px;
	margin: 17px 0 0 12px;
}

#navigation ul li.your-space {
	top: 89px;
	left: 320px;
	background: url(../images/teens/nav-your-space.png) no-repeat;
	width: 117px;
	height: 96px;
}

#navigation ul li.your-space a {
	width: 100px;
	height: 50px;
	margin: 26px 0 0 12px;
}

#navigation ul li.get-info {
	top: 69px;
	left: 430px;
	background: url(../images/teens/nav-get-info.png) no-repeat;
	width: 99px;
	height: 100px;
}

#navigation ul li.get-info a {
	width: 70px;
	height: 55px;
	margin: 26px 0 0 17px;
}

#navigation ul li.kids {
	top: 96px;
	left: 568px;
	background: url(../images/teens/nav-kids.png) no-repeat;
	width: 51px;
	height: 93px;
}

#navigation ul li.kids a {
	width: 51px;
	height:  93px;
}

#navigation ul li.selected, #navigation ul li:hover {
	background-position: 0 -109px;
}


/* 

SECTION HEADERS
mara added 20/07/09
*/

#subnavigation h3 {
	right: 2px;
	top: -7px;
}

/* mara changed and moved from shared.css to here */
#subnavigation h3.about-us a {
	display: block;
	background: url(../images/teens/header-about-us.png);
	width: 290px;
	height: 111px;
}
#subnavigation h3.get-help a {
	display: block;
	background: url(../images/teens/header-get-help.png);
	width: 290px;
	height: 111px;
}

#subnavigation h3.get-info a {
	display: block;
	background: url(../images/teens/header-get-info.png);
	width: 290px;
	height: 111px;
}

#subnavigation h3.get-involved a {
	display: block;
	background: url(../images/teens/header-get-involved.png);
	width: 290px;
	height: 111px;
}

#subnavigation h3.your-space a {
	display: block;
	background: url(../images/teens/header-your-space.png);
	width: 290px;
	height: 111px;
}
/* mara end */
/*

CONTENT

*/


#content {
	margin: 10px 25px;
	width: 580px;
	color: #333;
}

#content ul li {
	padding-top: 1px;
	padding-bottom: 1px;
	background-position: 0 6px;
}

#content ul.counselling-options {
	float: left;
	display: block;
	margin: 0 0 1.2em 0;
	clear: both;
}

#content ul.counselling-options li {
	float: left;
	background: none;
	padding: 0 6px 0 0;
	clear: none;
	width: auto;
}

#content ul.counselling-options li a {
	float: left;
	text-indent: -9999em;
}

#content ul.counselling-options li.phone a {
	width: 257px;
	height: 76px;
	background: url(../images/teens/btn-phone-button.png) no-repeat;
}

#content ul.counselling-options li.web a {
	width: 103px;
	height: 76px;
	background: url(../images/teens/btn-web-button.png) no-repeat;
}

#content ul.counselling-options li.email a {
	width: 102px;
	height: 76px;
	background: url(../images/teens/btn-email-button.png) no-repeat;
}

#content ul.counselling-options li a:hover {
	background-position: 0 -76px;
}

#content div.hot-topics, #content div.stories,
#content div.hot-topics ul, #content div.stories ul {
	float: left;
	width: 290px;
	display: block;
}

#content div.hot-topics ul li a.more, #content div.stories ul li a.more {
	font-weight: bold;
}

#content h4.poster-competition a {
	float: left;
	width: 476px;
	height: 74px;
	background: url(../images/teens/design-a-poster.png) no-repeat;
	text-indent: -9999em;
	margin: 1em 0 0;
}

#home-toolbox {
	position: absolute;
	bottom: -2px;
	right: 0;
	float: left;
	width: 400px;
	height: 379px;
	background: url(../images/teens/bg-home-right.png) no-repeat;
	padding: 0 0 0 20px;
}

#home-toolbox div.get-info {
	float: left; 
	width: 170px;
}

#home-toolbox div.get-info {
	float: left; 
	width: 170px;
}

#home-toolbox div.get-info a.more-info {
	float: left;
	clear: both;
	text-indent: -9999em;
	width: 96px;
	height: 26px;
	background: url(../images/btn-more-info.png) no-repeat;
	margin: 1.2em 0;
}

#home-toolbox div.get-info a.promo-speach {
	float: left;
	clear: both;
	text-indent: -9999em;
	width: 130px;
	height: 98px;
	background: url(../images/teens/btn-promo-home-topic.png) no-repeat;
	margin: 1em 0;
}

#home-toolbox div.get-info a.promo-myspace {
	float: left;
	clear: both;
	text-indent: -9999em;
	width: 150px;
	height: 50px;
	background: url(../images/teens/btn-myspace.png) no-repeat;
	margin: 2em 0;
}

#home-toolbox div.poll {
	float: left;
	width: 185px;
}

#home-toolbox div.poll {
	float: left;
	width: 185px;
}

#home-toolbox div.poll fieldset {
	border: 0;
}

#home-toolbox div.poll fieldset legend {
	float: left;
	display: block;
	clear: both;
	color: #333;
	font-size: 1.1em;
	margin: 0 0 0.6em;
	font-weight: bold;
}

#home-toolbox div.poll fieldset p {
	float: left;
	display: block;
	margin: 0 0 1.2em 0;
	clear: both;
	//**width: 200px; 2/11/2009 Mara **//
	width: 210px;
}

#home-toolbox div.poll fieldset p span {
	float: left;
	display: block;
	clear: both;
	font-weight: bold;
}

#home-toolbox div.poll fieldset p span input {
	float: left;
	display: block;
	margin: 3px 5px 0 0;
	padding: 0;
}

/* mara added 13/08/09 poll - view results button */

#view-results {
	position: absolute;
	display: block;
	top: 10px;
	right:20px;
	z-index: 2;
}

#view-results a {
	float: left;
	display: block;
	background: url(../images/btn-view-results-small.jpg);
	width: 70px;
	height: 28px;
	text-indent: -9999em;
}

/* mara end 13/08/09 */

#home-toolbox ul {
	list-style-type: none;
}

#home-toolbox ul li {
	margin: 0 0 0.2em 0;
}

#content .red {
	font-weight: bold;
	color: red;
}
/*

INFORMATION SHEETS

*/
ul.information-sheets {
	float: left;
	display: block;
	margin: 0 0 1.2em;
}

ul.information-sheets li {
	float: left;
	display: block;
	background-image: none!important;
	padding: 0!important;
	border-bottom: 1px solid #C6F2FF;
}

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

ul.information-sheets li a {
	float: left;
	width: 540px;
	padding: 10px 15px;
	text-decoration: none;
}

ul.information-sheets li a:hover {
	background: #F2FCFF url(../images/teens/bg-view.png) no-repeat 465px bottom;
}

ul.information-sheets li a span {
	float: left;
	display: block;
	clear: both;
	text-decoration: underline;
}

ul.information-sheets li a em {
	float: left;
	display: block;
	clear: both;
	color: #4c4c46;
	font-style: normal;
	text-decoration: none;
}

/* 

GET HELP HOME

*/

div.phone-counselling, div.web-counselling, div.email-counselling {
	float: left;
	display: block;
	width: 192px;
}

div.phone-counselling p, div.web-counselling p, div.email-counselling p {
	padding: 10px 7px 0 7px;
}

div.phone-counselling p strong, div.web-counselling p strong, div.email-counselling p strong {
	color: #EC008C;
}

div.phone-counselling p a, div.web-counselling p a, div.email-counselling p a {
	font-weight: bold;
}

div.phone-counselling h3 a {
	background: url(../images/teens/btn-phone-counselling.png);
}

div.web-counselling h3 a {
	background: url(../images/teens/btn-web-counselling.png);
}

div.email-counselling h3 a {
	background: url(../images/teens/btn-email-counselling.png);
}

div.phone-counselling h3 a, div.web-counselling h3 a, div.email-counselling h3 a {
	float: left;
	width: 185px;
	height: 78px;
	text-indent: -9999em;
}

div.phone-counselling h3 a:hover, div.web-counselling h3 a:hover, div.email-counselling h3 a:hover {
	background-position: 0 -78px;
}


/* 

GAMES & ACTIVITIES 

*/

#gamesactivities div.item img {
	float: left;
	width: 149px;
	height: 102px;
	padding: 0 15px 8px 0;
}

#content #gamesactivities div.item p {
	clear: none;
}

#content #gamesactivities div.item h3 span {
	display: block;
	font-size: 0.75em;
	font-weight: normal;
}

/* 

DOWNLOADS 

*/

#downloads div.video,
#downloads div.audio,
#downloads div.screensavers,
#downloads div.documents,
#downloads div.wallpaper {
	float: left;
	display: block;
	width: 580px;
	min-height: 100px;
	margin: 10px 0;
	position: relative;
}

#downloads div.wallpaper {
	min-height: 80px;
}

#downloads div.last {
	margin: 10px 0 0;
}

#downloads div h3 {
	float: left;
	width: 335px;
	/*width:135px; changed 14/7/2011*/
	clear: none;
}

#downloads div.video h3, #downloads div.wallpaper h3 {
	clear: both;
	float: none;
}

#downloads div.video div, #downloads div.wallpaper div {
	float: left;
	width: 285px;
	display: block;
}

#downloads div.video div a.thumb {
	float: left;
	width: 78px;
	height: 52px;
	padding: 0 8px 8px 0;
}

#downloads div.video div div a {
	float: left;
	clear: both;
}

#downloads div.wallpaper div img.thumb {
	float: left;
	width: 78px;
	height: 52px;
	margin: 0 8px 8px 0;
	padding-bottom: 8px;
}

#downloads div.video div div, #downloads div.wallpaper div div {
	float: left;
	clear: none;
	width: 180px;
}


#downloads div.wallpaper div div ul li {
	float: left;
	display: inline;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	border-right: 1px solid #8E8E88;
	font-size: 0.85em;
	clear: none;
	width: auto;
}

#downloads div.wallpaper div div ul li.last {
	border-right: none;
}

#downloads div.video div div em {
	float: left;
	clear: both;
	font-style: normal;
	font-size: 0.85em;
	white-space: nowrap;
}

#downloads div h4 {
	position: absolute;
	top: 0; 
	right: 0;
}

#downloads div ul {
	float: left;
	clear: none;
	width: 400px;
	padding: 0 0 0 90px;
	display: inline;
}

#downloads div.wallpaper div div ul {
	width: 150px;
	padding: 0;
}

#downloads div ul li {
	padding: 0;
	background: none;
}

#downloads div.screensavers {
	background: url(../images/teens/icon-screensavers.png) no-repeat 0 30px;
}

#downloads div.audio {
	background: url(../images/teens/icon-audio.png) no-repeat 0 30px;
}


#downloads div.documents {
	background: url(../images/teens/icon-documents.png) no-repeat 0 30px;
}

a.mac-screensaver {
	float: right;
	height: 41px;
	text-indent: -9999em;
	margin: 0 8px 0 0;
}

a.mac-screensaver {
	width: 249px;
	background: url(../images/teens/btn-mac-screensaver.png) no-repeat;
}

a.mac-screensaver:hover {
	background-position: 0 -41px;
}

/*

COUNSELLING

*/
a.connect-to-counsellor, a.email-a-counsellor, a.email-us, a.confidentiality , a.stuff-you-need-to-read, a.more-about-web-counselling, a.login, a.more-about-email-counselling, a.tell-your-story, a.send-your-story {
	float: right;
	height: 41px;
	text-indent: -9999em;
	margin: 0 8px 0 0;
}

a.connect-to-counsellor {
	width: 269px;
	background: url(../images/teens/btn-connect-to-counsellor.png) no-repeat;
}

a.connect-to-counsellor:hover {
	background-position: 0 -41px;
}

a.email-a-counsellor {
	width: 187px;
	background: url(../images/teens/btn-email-a-counsellor.png) no-repeat;
}

a.email-a-counsellor:hover {
	background-position: 0 -41px;
}

a.email-us {
	width: 153px;
	background: url(../images/teens/btn-email-us.png) no-repeat;
}

a.email-us:hover {
	background-position: 0 -41px;
}

a.confidentiality {
	width: 428px;
	background: url(../images/teens/btn-confidentiality.png) no-repeat;
}

a.confidentiality:hover {
	background-position: 0 -41px;
}


/* mara start - also added a link in first counselling style */
a.stuff-you-need-to-read {
	width: 332px;
	background: url(../images/teens/btn-stuff-you-need-to-read.png) no-repeat;
}

a.stuff-you-need-to-read:hover {
	background-position: 0 -41px;
}

a.more-about-web-counselling {
	width: 257px;
	background: url(../images/teens/btn-more-about-web-counselling.png) no-repeat;
}

a.more-about-web-counselling:hover {
	background-position: 0 -41px;
}

a.more-about-email-counselling {
	width: 257px;
	background: url(../images/teens/btn-more-about-email-counselling.png) no-repeat;
}

a.more-about-email-counselling:hover {
	background-position: 0 -41px;
}

a.login {
	width: 133px;
	background: url(../images/teens/btn-login.png) no-repeat;
}

a.login:hover {
	background-position: 0 -41px;
}
/* mara end */

/* mara added 27/05/2009  also added a link in first counselling style*/
a.tell-your-story {
	width: 187px;
	background: url(../images/teens/btn-tell-your-story.png) no-repeat;
}

a.tell-your-story:hover {
	background-position: 0 -41px;
}
a.send-your-story {
	width: 187px;
	background: url(../images/teens/btn-send-your-story.png) no-repeat;
}

a.send-your-story:hover {
	background-position: 0 -41px;
}
/* mara end */

/* mara added 26/05/2009 */

ol.web-counselling-steps {
	text-indent: -9999em;
	list-style-type: none;
	float: left;
	display: block;
	background: url(../images/teens/web-counselling-steps.png) no-repeat;
/*	mara 3/6/09width: 573px; */
	overflow: hidden;
	width: 467px;
	height: 44px;
	margin: 0 0 1.2em;
}
/* mara end */

ol.email-counselling-steps {
	text-indent: -9999em;
	list-style-type: none;
	float: left;
	display: block;
	background: url(../images/teens/email-counselling-steps.png) no-repeat;
	width: 467px;
	height: 44px;
/* mara 3/6/09	height: 37px; */
	margin: 0 0 1.2em;
	overflow: hidden;
}

ol.email-counselling-steps li {
	display: none;
}

ol.step1 {
	background-position: 0 0;
}

ol.step2 {
	background-position: 0 -44px;
/* mara 3/6/09	background-position: 0 -37px; */
}

ol.step3 {
/* mara 3/6/09	background-position: 0 -74px; */
	background-position: 0 -88px;
}
/* mara - copied from kids 22/5/09 */
#content p.email-us-box {
	background: url(../images/kids/email-box.png) no-repeat;
	display: block;
	width: 350px;
	height: 77px;
	margin-left: 40px;
	padding: 10px 20px 0 100px;
	font-size: 0.9em;
}

/*

SEARCH

*/
div.service-search-keyword {
	float: left;
	width: 190px;
}

div.service-search-keyword fieldset input {
	width: 160px;
}

div.select-service {
	float: left;
	width: 580px;
}

div.select-service fieldset {
	float: left;
	display: inline;
/* mara 23/06/09  changed from 1.2em down to .5em */ 
	margin: 0 0 .5em;
	width: 182px;
	clear: none!important;
}

div.select-service span {
	float: left;
	display: inline;
	clear: both;
	width: 182px;
}

div.select-service input {
	float: left;
	margin: 4px 0 0;
	clear: none!important;
}

div.select-service label {
	float: left;
	width: 155px;
	/* mara BoysTown modification: Use minus 10 for the x position so that */
	/* the style sheet makes the html work more like a normal web page */
	margin: -10px 5px 2px 5px;
	font-weight: normal!important;
	font-size: 0.85em;
	clear: none!important;
}


/* 

SERVICE BY STATE

*/

div.service-by-state  {
	float: left;
	width: 580px;
	margin: 0 0 1em;
	/* mara added 23/06/09 */
	margin-top: 10px;
}


div.service-by-state fieldset {
	float: left;
	width: 350px;
}


div.service-by-state fieldset div {
	float: left;
	margin: 0 2px 0 0;
	clear: none!important;
}


div.service-by-state fieldset div strong {
	float: left;
	margin: 2.1em 7px 0 7px;
}

div.service-by-state fieldset select, div.service-by-state fieldset input {
	font-size: 1.1em!important;
	clear: both!important;
}

div.service-by-state fieldset select {
	float: left;
	margin: 2px 0 0;
}

div.service-by-state fieldset label {
	float: left;
	width: 130px;
	clear: both;
	font-weight: bold!important;
	font-size: 1.1em;
	margin: 3px 0 2px 0;
}

div.service-by-state fieldset a.find-postcode {
	float: left;
	width: 90px;
	height: 25px;
	background: url(../images/teens/btn-find-postcode.png) no-repeat;
	text-indent: -9999em;
	margin: 4px 0 0 7px;
	clear: none;
	display: inline;
}

div.service-by-keyword  {
	float: left;
	clear: both;
	width: 580px;
	/* mara added 23/06/09 */
	margin-top: 10px;
}

div.service-by-keyword h3, div.service-by-state h3 {
	float: left;
	width: 182px;
	clear: none;
}

div.service-by-keyword h3 {
	padding: 7px 0 0;
}

div.service-by-state h3 {
	padding: 30px 0 0;
}

div.search-results table {
	width: 580px;
	border: 1px solid #E2E2E2;
	border-collapse: collapse;
	margin: 0 0 2em;
}

div.search-results table.last {
	margin: 0;
}

div.search-results table th {
	padding: 5px 17px;
	background: #F1F1F1 url(../images/bg-th.png) repeat-x;
	text-align: left;
}


div.search-results table td {
	padding: 9px 17px;
	border: 1px solid #E2E2E2;
}

div.search-results table td a:hover {
	text-decoration: none;
}



div.search-results table th.name {
	width: 380px;
}

div.search-results table th.city {
	width: 120px;
}

div.search-results table th.postcode {
	width: 50px;
}

div.search-results div.your-search {
	float: left;
	width: 580px;
	height: 37px;
	clear: both;
	margin: 0 0 1em;
	background: url(../images/teens/bg-your-search.png);
}

div.search-results div.your-search em {
	float: left;
	font-style: normal;
	margin: 10px 0 0 150px;
	color: #FFF;
}

div.search-results div.your-search a {
	float: right;
	background: url(../images/teens/btn-search-again.png);
	width: 103px;
	height: 26px;
	text-indent: -9999em;
	margin: 6px;
}

div.search-results div.change-search {
	margin: 2em 0 0;
}

div.search-results div.change-search, div.search-results div.change-search h4, div.search-results div.change-search dl {
	float: left;
	width: 580px;
	clear: both;
	display: block;
}

div.search-results div.change-search dl dt {
	float: left;
	width: 185px;
}

div.search-results div.change-search dl dt a:hover {
	text-decoration: none;
}


div.search-results div.change-search dl dd {
	float: left;
	width: 390px;
}


/*

FORUM - style removed 05/04/2011 - mara
*/


/*

PAGING

*/

div.paging {
	float: right;
	clear: both;
	display: block;
}

div.paging ul {
	float: left;
	width: auto!important;
	clear: none!important;
	display: inline!important;
}

div.paging strong {
	float: left;
	clear: none!important;
	display: inline!important;
	margin: 2px 24px 0 0;
}

div.paging ul li {
	float: left;
	padding: 1px 7px 2px 7px!important;
	background: none!important;
	clear: none!important;
	width: auto!important;
}

div.paging ul li a {
	float: left;
}

div.paging ul li.last {
	padding: 1px 0 2px 7px!important;
}

div.paging ul li.first-page a {
	background: url(../images/page-first.png) no-repeat 0 4px;
	width: 18px;
	height: 12px;
	text-indent: -9999em;
}

div.paging ul li.previous-page a {
	background: url(../images/page-first.png) no-repeat 0 4px;
	width: 9px;
	height: 12px;
	text-indent: -9999em;
}


div.paging ul li.next-page a {
	background: url(../images/page-next.png) no-repeat 0 4px;
	width: 9px;
	height: 12px;
	text-indent: -9999em;
}


div.paging ul li.last-page a {
	background: url(../images/page-last.png) no-repeat 0 4px;
	width: 18px;
	height: 12px;
	text-indent: -9999em;
}

div.paging ul li.selected {
	background: url(../images/paging-selected.png) no-repeat center 0!important;
	color: #FFF;
	padding: 1px 7px 2px 7px!important;
}

div.paging ul li.selected a {
	color: #FFF;
	text-decoration: none;
}


/*

SHADOWBOX

*/
#shadowbox #content   {
	width: 710px;
	margin: 20px 25px;
}

#shadowbox #content table  {
	width: 710px;
}

#shadowbox #content table.keywords  {
	width: 500px;
}

#shadowbox #content table td {
	vertical-align: top;
	padding: 0.3em 0;
}

#shadowbox #content table tr td.info {
	font-weight: bold;
	width: 130px;
	vertical-align: top;
}

#shadowbox #content table.keywords tr td a {
	margin-right: 0.6em;
}

#shadowbox #content table.keywords tr td h4 {
	margin: 0 0 0.6em 0;
	font-size: 1em;
}

#shadowbox #content div.hr {
	width: 700px;
}
/* mara  added 04/09/2009 */
#shadowbox #content p span {
	float:right;
	margin-right:15px;
}
/* mara  end 04/09/2009 */
a.shadowbox-print {
	float: left;
	width: 36px;
	height: 36px;
	background: url(../images/teens/bg-print.png) no-repeat;
	text-indent: -9999em;
	position: absolute;
	top: 20px;
	right: 25px;
}

/* ecard */
#content fieldset.e-card-form p.submitbutton {
	float: right;
	display: block;
}

#content fieldset.e-card-form p.submitbutton input {
	width: 94px;
}

/* SURVEY mara added 15/06/09 also lives in kids */

#content div.survey-frame .result p span.survey-chart {
	background: transparent url(../images/kids/bg-results.png) repeat-x;
	height: 21px;
	margin-right: 8px;
}

#content div.survey-frame div.box .result.last {
	width: 441px;
	min-height: 90px;
	margin: 0;
	padding: 0;
}

#content div.survey-frame div.box .result p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#content div.survey-frame div.box .result.last p {
	margin-left: 21px;
}

#content div.survey-frame div.box .result.last {
	width: 441px;
	min-height: 90px;
	margin: 0;
	padding: 0;
}

#content div.survey-frame .result p span {
	float: left;
	margin-top: 8px;
	color: #ec008c;
	width: 80px;
}

/* survey main page added 17/06/09 */
#content ul.survey li {
	background: none;
}

#content ul.survey li a {
	width: 304px;
	height: 41px;
	display: block;
	color: #FFF;
/* mara added 18/5/09 */
	text-decoration: none;
/*	text-indent: -9999em; removed 18/5/09 */
}

#content ul.survey li.response a {
	background: url(../images/teens/btn-survey-response.png) no-repeat;
	cursor: pointer;
}
/*mara changed font and padding 5/1/10 */
#content ul.survey li.response a div.text {
	height:30px;padding-top:11px; padding-left:43px;padding-right:50px;font-weight:bold;font-size:11px;
	background-image: none;
}

#content ul.survey li a:hover {
	background-position: 0 -41px;
}
/* end*/

/* mara added 18/5/09  promo image */

/* PROMOS */

#content div.promos {
	float: left;
	width: 580px;
}

#content div.promos div {
	float: left;
	width: 233px;
	height: 138px;
	margin: 1.2em 0 0;
	display: inline;
	text-indent: -999em;
}

#content div.promo-bullying {
	background: url(../images/teens/promo-bullying.png) no-repeat;
}

#content div.promo-naidoc {
	background: url(../images/teens/promo-naidoc.png) no-repeat;
	margin: 1.2em 0 0 10px!important;
}

#content div.promos p, #content div.promos p {
	float: left;
	font-weight: normal;
	margin: 102px 0 0 12px;
	font-size: 0.85em;
}

#content div.promos-wide {
	float: left;
	width: 580px;
}

#content div.promos-wide div {
	float: left;
	width: 476px;
	height: 74px;
	margin: 1.2em 0 0;
	display: inline;
	text-indent: -999em;
}
#content div.promo-survey a {
	display: block;
	background: url(../images/teens/promo-survey.png);
	width: 476px;
	height: 74px;
}
/* mara changed 24/03/2011 - removed forum promo styles */
#content div.promo-your-story a {
	display: block;
	background: url(../images/teens/promo-share-your-story.png);
	width: 476px;
	height: 74px;
}
/* end */
/* 

YOUR SPACE - added  12/07/10 Mara
*/

#content div.bottom a.promo-myspace {
	position: absolute;
	bottom: 10px;
	right: 330px;
	text-indent: -9999em;
	width: 150px;
	height: 50px;
	background: url(../images/teens/btn-myspace.png) no-repeat;
}

/* 
  GET INVOLVED - added 16/11/2010 copied from grownups
 */

#content div.frame {
	position: relative;
	background: url(../images/teens/bg-support-us-frame.png) no-repeat;
	float: left;
	width: 125px;
	height: 134px;
	padding: 7px 0 0 7px;
	margin: 5px 4px 0 7px;
}
#content div.frame p {
	width: 115px;
}

#content ul.hottopics li a {
	padding-left:10px;
	padding-top:5px;
	display:block;
	height: 26px;
	width: 273px;
	color:#fff;
	font-weight: bold;
}

#content ul.hottopics li.green a {
	background: url(../images/teens/hot-topics-green.jpg) no-repeat;
	cursor: pointer;
}
#content ul.hottopics li.pink a {
	background: url(../images/teens/hot-topics-pink.jpg) no-repeat;
	cursor: pointer;
}
#content ul.hottopics li.purple a {
	background: url(../images/teens/hot-topics-purple.jpg) no-repeat;
	cursor: pointer;
}

.nodec {
	text-decoration:none;
}
#content ul li.green, #content ul li.purple, #content ul li.pink {
	background: none;
	padding-top:4px;
}

#content ul.hottopics li.purple ul li a, #content ul.hottopics li.green ul li a, #content ul.hottopics li.pink ul li a {
	color: #4c4c46;
	background: none;
	display:inline;
	font-weight: normal;
	color: #00AEEF;
}

.hottopics ul li span.newred  {
	display:inline;
	color:red;
}

#imagefloat {
	position: absolute;
	display: block;
	top: 130px;
	right:354px;
	z-index: 2;
}

#content ul.hottopics li.purple ul li a:visited, #content ul.hottopics li.green ul li a:visited, #content ul.hottopics li.pink ul li a:visited {
	color: #369;
}