@media screen 
{
body {font-size: 0.7em;}
#content_main {min-height: 300px;}

/* Added because only one form element can be used on a VS page */
.form { margin : 0; padding :0}
.form h3 { margin-left : 0; }
.form h3 { margin-left : 0; }
.form h4 { margin-left : 0; }
.form em { color : red; }
.form { margin-left : 15px; }

.compose .form div { width : 550px; }
.compose .form div p { margin : 0; padding : .5em; background-color : #423350; color : #fff; }
.compose .form ul { float : left; margin : 0; width : 180px; }
.compose .form li { clear : left; }
.compose .form li label { float : none; width : auto; }
.compose .form li {display:inline;}

.compose label { overflow : hidden; width : 590px; padding-bottom : 0; }
.compose label span { float : left; width : 200px; }
.compose label input { float : left; width : 240px; }
.compose label select { float : left; width : 240px; }

/* = file */
.edit input[type="file"] { width : 95%; padding : .15em 0; border : 1px solid #c9cacc; border-top-color : #666; border-left-color : #666; font : 99% "Lucida Grande", Verdana, Arial, sans-serif; }

/* Intro text changes */
#index_search div#intro{ font-size: 0.9em; }
#index_search div#intro a { text-decoration: underline; }

/* =replies */
.content_replies div.reply { float : left; width : 420px; padding-bottom : 40px; background : #e3dbea url(../siteimages/replies_div.png) no-repeat 0 100%; color : #000; }
.content_replies { padding : 0; }
.content_replies li { float : left; width : 420px; margin : 0 15px 15px 0; }
.content_replies blockquote { position : relative; margin : 0; padding : 25px 15px 0 75px; background : #e3dbea url(../siteimages/replies_blockquote.png) no-repeat 0 0; }
.content_replies img.av { position : absolute; top : 2.5em; left : 15px; border : 2px solid #e3dbea; }
.content_replies div:hover img.av { border-color : #fff; }
.content_replies .form { margin-left : 75px; }

#content_were_nav { float: right; padding: 5px 5px 30px 0; }

/* =favourites */
.favourites #content ol { margin : 0; }
.favourites li div { border-bottom : 1px dotted #9a93a1; min-height: 8em; }
.favourites li blockquote { position : relative; margin : 0; padding : 25px 15px 0 75px; }
.favourites li img.av { position : absolute; top : 20px; left : 15px; border : 1px solid #fff; }
.favourites li:hover img.av { border-color : #f570b0; }

/* =searchuser */
.searchuser h2 { width : 450px; margin : .5em 0 .5em 15px; height : 35px; padding : 0; background : url(../siteimages/h2_results.png) no-repeat 0 0; text-indent : -9999px; }
.searchuser #content_main { float : left; width : 590px; }
.searchuser #content_sub { float : right; width : 310px; }
.searchuser li div { border-bottom : 1px dotted #9a93a1; min-height: 8em; }
.searchuser li blockquote { position : relative; margin : 0; padding : 25px 15px 0 75px; }
.searchuser li img.av { position : absolute; top : 20px; left : 15px; border : 1px solid #fff; }
.searchuser li:hover img.av { border-color : #f570b0; }

#index_search .form { float : left; width : 340px; margin-left : 19px; }
#index_search .form div { position : relative; padding-bottom : 10px; }

#user_search .form { float : left; width : 370px; margin-left : 200px; }
#user_search .form div { position : relative; padding-bottom : 10px; }

/* Added to supplement type=submit as not all of our buttons are submits */
input[type="button"] { padding : .5em; font : 99% "Lucida Grande", Verdana, Arial, sans-serif; }

/* Section where ids are turned into class names because VS changes ids in content placeholders */
.worry .tags { width : 180px; }
#user_search .search { margin-left : 7px; width : 160px; }
#user_search .bt { position : absolute; top : -1px; right : 0; }
#user_search .text { float : none; }
#user_search .tags { float : none; }

#index_search .search { margin-left : 10px; width : 205px; }
#index_search .bt { position : absolute; top : -1px; right : 0; }
#index_search .text { float : none; }
#index_search .tags { float : none; }

.signin .form p {color : #fff; }
.signin input.email, input.password { width : 95%; padding : .15em 0; border : 1px solid #c9cacc; border-top-color : #666; border-left-color : #666; font : 99% "Lucida Grande", Verdana, Arial, sans-serif; }

/* =user worries page layout - new page not designed by Malarkey */
.userworries #content_main { float : left; width : 590px; }
.userworries #content_sub { float : right; width : 310px; }
.userworries #content_main li { position : relative; width : 490px; padding : 10px 0 10px 60px; border-bottom : 1px dotted #9a93a1; }
.userworries #content_main li:last-child { border-bottom-width : 0; }
.userworries #content_main img.av { position : absolute; top : 20px; left : 0; border : 1px solid #fff; }
.userworries #content_main li:hover img.av { border-color : #f570b0; }

/* =user */
.user table { border-bottom : 1px dotted #9a93a1; }
.user thead { position: relative; top : 0px}
.user #bannerLinks {margin-top: -1.5em;}

/* =communicate page layout - new page not designed by Malarkey */
.communicate fieldset { margin-bottom : 15px; padding : 15px; border : 1px solid #ccc; }
.communicate fieldset:hover { border-color : #9a93a1; }
.communicate label { overflow : hidden; width : 410px; }
.communicate label span { float : left; width : 120px; }
.communicate label input { float : left; width : 200px; }
.communicate label input.ro { border-color:White }
.communicate label select { float : left; width : 200px; }
.communicate p.copy { margin-left: 116px; margin-bottom:10px; font-size:95% }

/* =forgotten password page layout - new page not designed by Malarkey */
.forgottenpwd fieldset { margin-bottom : 15px; padding : 15px; border : 1px solid #ccc; }
.forgottenpwd fieldset:hover { border-color : #9a93a1; }
.forgottenpwd label { overflow : hidden; width : 410px; }
.forgottenpwd label span { float : left; width : 200px; }
.forgottenpwd label input { float : left; width : 200px; }
.forgottenpwd label input.ro { border-color:White }
.forgottenpwd label select { float : left; width : 200px; }

/* .results */
.results .noResults {padding: 0 0 20px 0}

/* Added min height to cater for problems with very short bios */
.panel p.bio { padding : 0 0 1em 60px; min-height: 30px;}

/* Changes to reply */
.reply .form div { width : 550px; }
.reply label { overflow : hidden; width : 590px; padding-bottom : 0; }
.reply label span { float : left; width : 580px; }
.reply .form div p { margin : inherit; padding : inherit; background-color : white; color : #000; }
.reply .form div p.bg { margin : 0; padding : .5em; background-color : #423350; color : #fff; }
.reply h2 { background : url(../siteimages/h2_advise.png) no-repeat 0 0; }
.reply h2.haveyoursay { background : url(../siteimages/h2_haveyoursay.png) no-repeat 0 0; }
.reply h2.reply { background : url(../siteimages/h2_reply.png) no-repeat 0 0; }
.reply p:first-child q {font-weight : bold; }

/* Changes to replies */
.replies li div.form { border-bottom : none; }
.replies div.form input { position : relative; top : 5px; left : 5px; }

/* Compose/Reply sets style on <p> within <div> - we need to add an update panel which adds in
	an extra div around other <p>s which causes problems for us */
.compose .form div p, .reply .form div p { margin : inherit; padding : inherit; background-color : white; color : #000; }
.compose .form div p.bg, .reply .form div p.bg { margin : 0; padding : .5em; background-color : #423350; color : #fff; }

.reply label textarea { width : 550px; border : 1px solid #9a93a1; }

/* Extra images for ComfortZone */
#content_know img { float : left; margin : 0 10px 0 0; padding : 1px; width : 120px; height : 120px; border : 1px solid #fff; }
#content_recent img.youShould { float : left; margin : 0 10px 0 0; padding : 1px; width : 200px; height : 200px; border : 1px solid #fff; }
#content_arewe img { float : left; margin : 0 10px 0 0; padding : 1px; width : 120px; height : 120px; border : 1px solid #fff; }
#content_confessions img { float : left; margin : 0 10px 0 0; padding : 1px; width : 120px; height : 120px; border : 1px solid #fff; }

/* Terms for register changed to a div to accommodate HTML */
.register #std_terms {width: 95%; height: 300px; padding : .15em 0; border : 1px solid #c9cacc; border-top-color : #666; border-left-color : #666; font : 99% "Lucida Grande", Verdana, Arial, sans-serif; overflow: scroll}

/* myreplies */
.myreplies #content dd { margin-bottom : 10px; border-bottom : 1px dotted #9a93a1; }

/* Other fixes */
#user_acc { margin-top : 0px; }
.article ol {margin-left: 35px; }
.article #privacy li, .article #faq li {padding-bottom : 2em; }
.article p.intro { font-size : 110%; font-weight : bold; }
.article ol.bullet {list-style-type : disc;}
.article ol.bullet li {margin-bottom: -1.5em;}
.article #faqIndex { border-bottom : 1px dotted #9a93a1; padding-bottom: 2em; margin-bottom: 1em}

.nav_categories { min-height: 20em; }
.nav_categories ul { border-bottom : none }

/* Heading images */
.user h1 { background : url(../siteimages/h1_home.png) no-repeat 0 0; }
.comfortzone h1 { background : url(../siteimages/h1_comfort.png) no-repeat 0 0; }
.community h1 { background : url(../siteimages/h1_community.png) no-repeat 0 0; }
.company h1 { background : url(../siteimages/h1_company.png) no-repeat 0 0; }
.commonly h1 { background : url(../siteimages/h1_commonly.png) no-repeat 0 0; }
.register h1 { background : url(../siteimages/h1_complete.png) no-repeat 0 0; }
.complete h1 { background : url(../siteimages/h1_complete.png) no-repeat 0 0; }
.compose h1 { background : url(../siteimages/h1_compose.png) no-repeat 0 0; }
.clean h1 { background : url(../siteimages/h1_clean.png) no-repeat 0 0; }
.communicate h1 { background : url(../siteimages/h1_communication.png) no-repeat 0 0; }
.reply h1 { background : url(../siteimages/h1_compose_advice.png) no-repeat 0 0; }
.advertise h1 { background : url(../siteimages/h1_commercial.png) no-repeat 0 0; }
.press h1 { background : url(../siteimages/h1_company.png) no-repeat 0 0; }
.links h1 { background : url(../siteimages/h1_links.png) no-repeat 0 0; }
#content_know h3 { background : url(../siteimages/h3_content_richard.png) no-repeat 0 0 }
#content_arewe h3 { width : 310px; height : 50px; margin : 0; padding : 0; background : url(../siteimages/h3_content_poll.png) no-repeat 0 0; border-bottom : 1px solid #9a93a1; text-indent : -9999px; }

/* Special handling for confession worry page */
h1.clean { background : url(../siteimages/h1_clean.png) no-repeat 0 0; }

/* H2 */
.complete h2 { width : 710px; margin : .5em 0 .5em 15px; height : 40px; padding : 0; background : url(../siteimages/h2_thankyou.png) no-repeat 0 0; text-indent : -9999px; }

/* Search result headings */
.results h2.lastMonth { background : url(../siteimages/h2_lastmonth.png) no-repeat 0 0; }
.results h2.lastSeven { background : url(../siteimages/h2_lastseven.png) no-repeat 0 0; }
.results h2.mostRead { background : url(../siteimages/h2_mostread.png) no-repeat 0 0; }
.results h2.mostReplied { background : url(../siteimages/h2_mostreplied.png) no-repeat 0 0; }

/* New styles */
.previewPane {border: 1px solid #c9cacc; width : auto; margin-right : 15px; min-height: 210px; font-weight: lighter}
.previewPane em {color: #000}

/* Images */
.worry #description img { float : left; margin : 0 10px 10px 0; padding : 1px; width : 200px; height:200px; border : 1px solid #423350; }
.article img { float : left; margin : 0 10px 10px 0; padding : 1px; border : 1px solid #423350; }

.oops { color: white; background-color: Red ; padding : 5px; font-weight : bold; }
} 

/* Home page updates */
#content_are h4 { font-size : 110%; }

/* Administration */
.administration table { width: 300px; }
.administration .sectionEnd { border-bottom : 1px dotted #9a93a1; padding-bottom: 10px}
.administration .sectionStart { padding-top: 10px}
.administration td {text-align: right}

/* terms */
p.terms { font-weight : bold; color: Black; }

/* UK Worry Index */
#worryIndex {margin-left: 50px; margin-top: 20px; margin-bottom:20px; width: 60%;}
#worryIndex thead { position: relative; top : 0px;}
#worryIndex td, #worryIndex th { border : 1px solid #423350; padding: 0.3em; }
#worryIndex th {background-color:  #e6e6e6; color: #993366; font-weight:bold;}
#worryIndex .worryRank { width: 16% }
#worryIndex .worry {width: 42%;}
#worryMap {text-align:center; border: none; float:none;}
.worryIndexEmbargo {min-height: 25em;}

/* Footer */
p#disclaimer { width : 70%; margin : 20px auto 0 auto; padding-top : 20px; text-align : center; border-top : 1px dotted #9a93a1; }
p#siteinfo { width : 50%; margin : 0 auto 0 auto; padding: 0; text-align : center; border-top : none }

/* Ads */
div.skyscraper {margin: 10px 0 20px 1.5em}
div.banner {width: 468px; height:60px; margin: 10px 0 20px 1.5em}

#branding div.adv { position : absolute; top : 30px; right : 10px; }

/* =user_acc */
#user_acc { width : 920px; height : 40px; margin-left: 0px; margin-top : 0px; background :  url(../siteimages/user_acc_920.gif) no-repeat 0 0; color : #fff; line-height : 40px; font-size : 100%; }

#user_acc a, #user_acc a:visited { color : #f570b0; text-decoration : none; }
#user_acc a:hover, #user_acc a:active, #user_acc a:focus { color : #6cf; text-decoration : underline; }

#user_acc .home {float:left}
#user_acc .links {float:right}

/* =content_bbc */ 
#content_bbc { width : 590px; margin-bottom : 20px; padding-bottom : 20px; background : #423350 url(../siteimages/col_590.png) no-repeat 0 100%; color : #fff; }
#content_bbc h3 { font-size : 120%; color : #f570b0; margin-top: 0px; }
#flashcontent { padding: 20px 0 0 15px; }
#content_bbc h2 { width : 590px; height : 60px; margin : 0; padding : 0; background : url(../siteimages/h2_bbc.png) no-repeat 0 0; border-bottom : 1px solid #9a93a1; text-indent : -9999px; }