/*
    screen-modern.css: MODERN BROWSER (v5+) HIGH CONTRAST
    ------------
    Job:               Knowsley Children and Young People's Services
    Produced by:       CN @ Mando Group
	Start date:        09/07/2007
    ------------
    COLOUR SPEC:
	blue 1:			   #01b0f1	links
	
	yellow 1:		   yellow	text, borders
    ------------
    TOC:
    1.	type selectors
    2.	structural
	3.  typographical
    4.	navigation
    5.	forms
    6.  tables
    6.	hacks
*/

/* =1. type selectors */

* 
{
margin:0;
padding:0;
font-size:1em;
}
a img 
{
border:none;
}
body 
{
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
color:yellow;
background-color:#000;
}
ul
{
list-style:none;
}
ol
{
margin:10px 0 10px 25px;
}
.floatleft
{
float:left;
padding:0 10px 5px 0;
}
.floatright
{
float:right;
padding:0 0 5px 10px;
}
	
/* =2. structural */

div.wrapper
{
width:790px;
height:auto;
margin:0 auto;
padding:0 12px 15px 12px;
background-color:#000;
color:yellow;
}
div.wrapper-cont
{
background-color:#000;
color:yellow;
}
div.wrapper-poll
{
background-color:#000;
color:yellow;
}
div.wrapper-home
{
background-image:none;
background-color:#000;
color:yellow;
}
div.wrapper-reviews
{
color:yellow;
background-color:#000;
}
div.header
{
width:790px;
padding:0 0 5px 0;
background-color:#000;
color:yellow;
}
div.main
{
width:790px;
display:block;
margin:0;
}
div.leftcol
{
width:205px;
height:inherit;
margin:0 5px 0 0;
float:left;
color:yellow;
background-color:#000;
}
div.colbox
{
/*background:#ececec;*/
color:yellow;
background-color:#000;
padding:5px 7px 3px 10px;
margin:0;
}
div.colbox li
{
clear:left;
}
div.colbox a
{
display:block;
margin:0 0 10px 0;
}
div.colbox form
{
margin:10px 0 5px 0;
}
div.colbox form #submit
{
margin:5px 0 0 0;
}
div.colbox form fieldset
{
border:0;
margin:0;
padding:0;
}
div.rightcolumn div.colbox form #text
{
display:block;
margin:0 0 8px 0;
width:143px;
font-size:1.1em;
}
div.colbox form textarea
{
display:block;
margin:0 0 5px 0;
width:145px;
height:100px;
font-size:1.4em;
}
div.radiovote
{
display:block;
margin:0 0 7px 0;
}
div.rightcol
{
width:572px;
margin:0;
float:right;
border:1px solid yellow;
}
div.row
{
height:100%;
display:block;
clear:both;
}
div.banner
{
padding:15px 0 0 0;
height:100%;
}
div.search
{
width:540px;
background:#000;
padding:0 10px 9px 10px;
color:yellow;
}
div.searchsmall
{
background-color:#000;
color:yellow;
}
div.search p
{
margin:-3px 5px 0 0;
font-size:0.9em;
float:left;
}
div.search span
{
text-align:right;
padding:5px 5px 25px 416px;
display:block;
}
div.search img
{

}
div.search a
{
color:#01b0f1;
background-color:transparent;
}
div.search ul
{
float:left;
list-style:none;
margin:5px 0 0 10px;
}
div.search li
{
margin:5px 20px 5px 0;
width:105px;
}
div.keyword
{
width:552px;
min-height:70px;
background:#000;
padding:0 10px 9px 10px;
color:yellow;
}
div.inputbox
{
float:left;
margin:0 15px 0 0;
}
div.radiobox
{
float:left;
margin:20px 20px 0 0;
}
div.column
{
margin:10px 10px 0 0;
padding:5px;
}
div.column span
{
display:block;
}
div.column li
{
margin:0 0 15px 0;
}
div.detailcolumn
{
float:left;
margin:0 0 20px 0;
}
div.detailcolumn p
{
width:250px;
}
div.detailcolumn h4
{
background-color:transparent;
color:yellow;
padding:0;
margin:0 0 10px 0;
font-size:1em;
}
div.leftcolumn div.detailcolumn img
{
float:right;
margin:0 0 5px 10px;
}
div.fullcolumn
{
padding:0 0 0 5px;
}
div.fullcolumn p
{
padding:8px 20px 8px 0;
}
div.fullcolumn div
{
width:550px;
}
div.fullcolumn h3
{
margin:2px 0 15px 0 !important;
}
div.fullcolumn ul
{
margin:5px 0 10px 0;
}
div.fullcolumn li
{
margin:2px 0 2px 0;
}
div.fullcolumn img
{
float:right;
border:1px solid yellow;
margin:18px 0px 5px 10px;
padding:0;
}
ul.bulletlist
{
list-style:disc;
margin:5px 0 10px 15px;
}
div.fullcolumn ul.bulletlist
{
list-style:disc;
margin:5px 0 10px 15px;
}
div.subsect
{
margin:20px 0 20px 0;
}
div.subsect a
{
margin:0 2px 0 2px;
}
div.pickatopic
{
float:left;
width:168px;
padding: 0;
margin: 0;
background:#000;
text-align: center;
}
div.pickatopic img
{
}
div.pickatopic li
{
float:left;
width:83px;
}
div.leftcolumn
{
width:385px;
float:left;
margin:0 5px 10px 0;
padding:0 5px 10px 5px;
border:1px solid yellow;
}
div.leftcolumn ul
{
margin:0 0 10px 0;
}
div.leftcolumn li
{
margin:2px 0 2px 0;
}
div.leftcolumn img
{
float:left;
margin:0 10px 5px 0;
border:1px solid yellow;
}
div.pollcolumn
{
padding:8px 0 8px 10px;
width:379px;
}
ul.subheadlines
{
height:100%;
clear:left;
border-top:1px solid yellow;
border-bottom:1px solid yellow;
color:yellow;
padding:10px;
margin:5px 0;
}
ul.subheadlines li
{
margin:0 10px 10px 0;
display:block;
clear:left;
}
ul.subheadlines img
{
border:1px solid yellow;
width:100px;
}
ul.subheadlines p.title
{
padding:0;
}
ul.reviews li
{
margin:15px 0 15px 0;
}
ul.reviews li h3
{
margin:0;
padding:0;
}
ul.reviews img
{
margin-top:3px;
}
ul.reviews p
{
padding:0;
}
div.reviewdetails
{
float:left;
width:240px;
}
div.rating
{
color:yellow;
width:280px;
display:table-cell;
}
div.rating img
{
margin:0;
}
ul.mainlist
{
color:yellow;
background:#000;
height:100%;
margin:0 0 10px 0;
}
ul.mainlist li
{
margin:0;
}
ul.mainlist h3
{
padding:5px 0 0 0;
margin:0 0 5px 0;
}
ul.mainlist span
{
display:block;
width:105px;
margin:0 5px 0 0;
padding:5px;
color:yellow;
background-color:#000;
float:left;
}
ul.mainlist img
{
border:1px solid yellow;
}
ul.mainlist ul li
{
float:left;
border-right:1px solid yellow;
padding:0 5px 0 5px;
}
ul.mainlist ul li.last
{
border:none;
}
div.ratingbox
{
background-color:#000;
color:yellow;
display:block;
clear:left;
margin:14px 0 0 0;
padding:2px 5px 8px 5px;
}
div.ratingbox img
{
float:none;
margin:5px 3px 0 0;
border:none;
}
div.ratingboxsmall {
background:#000;
color:yellow;
display:block;
padding:8px;
margin:5px 5px 15px 0;
width:60%;
right:0;
float:left;
}
div.ratingboxsmall img
{
float:none;
border:0;
margin:0;
}
div.usercomments
{
margin:5px 0 10px 0;
font-weight:bold;
width:385px;
text-align:right;
}
div.usercomments img
{
float:none;
margin:0 8px 0 0;
border:none;
border:0;
}
div.usercomments a
{
margin:0 0 0 5px;
}
ul.events img
{
padding:5px;
color:yellow;
background-color:#000;
}
ul.events li
{
clear:both;
margin:20px 0 0 0;
padding:0 0 20px 0;
border-bottom:1px solid yellow;
}
div.rightcolumn
{
width:168px;
/*background:#ececec;*/
margin:0;
border:1px solid yellow;
float:right;
}
div.rate
{
background-color:#000;
color:yellow;
margin: 0px 5px;
border-bottom: 1px solid yellow;
}
div.footer
{
width:790px;
background-color:#000;
color:yellow;
margin:0 auto;
padding:15px 12px 10px 12px;
font-size:0.9em;
}
div.footer p
{
clear:left;
}
.pink
{
background-color:#FF8400;
color:#fff;
}
div.lightyellow
{
background-color:#000;
color:yellow;
}
div.meettheteam
{
background-color:#000;
color:yellow;
}
div.olive
{
background:#000;
color:yellow;
border-top: 1px solid yellow;
border-bottom: 1px solid yellow;
padding: 5px;
margin: 0 0 5px 0;
}
div.darkolive{
background-color:#000;
color:yellow;
padding: 0 5px;
}
div.lightbrown
{
background-color:#000;
color:yellow;
border-top: 1px solid yellow;
border-bottom: 1px solid yellow;
padding: 5px;
margin: 0 0 5px 0;
}
div.lightolive
{
background:#000;
color:yellow;
border-top: 1px solid yellow;
border-bottom: 1px solid yellow;
padding: 5px;
margin: 0 0 5px 0;
}
div.slider 
{
margin:0;
padding:0;
}
.trigger 
{
display: block;
}
ul.keyresults
{
border-top:1px solid yellow;
padding:10px 0 10px 0;
}
ul.keyresults li
{
padding:1px;
min-height:100%;
padding:20px 0 20px 0;
margin:0;
}
ul.keyresults p
{
float:left;
margin:0;
padding:0;
width:330px;
}
span.imgkey
{
padding:0;
margin:0;
width:40px;
height:30px;
float:left;
}
span.imgkey img
{
float:none;
}
.pinkgrad
{
color:yellow;
background-color:#000;
}
ul.atoz
{
font-size:1.2em;
padding:10px 10px 15px 10px;
}
ul.atoz li
{
float:left;
width:30px;
margin:4px;
padding:0 0 0 20px;
border-right:1px solid yellow;
}
ul.atoz a
{
font-size:1.2em;
font-weight:bold;
}
ul.atozlist
{
padding:10px 0 10px 0;
}
ul.atozlist li
{
min-height:100%;
padding:5px 0 5px 0;
margin:0;
clear:left;
}
ul.atozlist p
{
float:left;
margin:0;
padding:0;
}
ul.calendar
{
height:100%;
border-top:1px solid yellow;
margin:10px 0 10px 0;
padding:0 10px 0 30px;
font-weight:bold;
}
ul.calendar li
{
float:left;
padding:10px;
border-right:1px solid yellow;
}
ul.calendar li.selected
{
background-color:#000;
color:yellow;
}
ul.calendar li.last
{
border:none;
}
ul.pollresults li
{
margin:15px 0 15px 0;
}
ul.pollresults span
{
display:block;
background-color:#000;
color:yellow;
height:15px;
text-align:right;
margin:0 0 5px 0;
}
div.reviewheader{
width: 572px;
height: 268px;
color:yellow;
background-color:#000;
}
div.reviews{
color:yellow;
background-color:#000;
}
div.reviews h3 {
background: transparent;
color: yellow;
margin: 0;
padding: 5px 0 0 0;
}
div.reviews hr {
margin: 5px;
color:yellow;
}
div.rightcolumnreviews, div.rightcolumnnews, div.rightcolumntalking
{
width:168px;
background:transparent;
margin:0 0 20px 0;
float:right;
border:1px solid yellow;
}
div.colboxreviews, div.colboxnews, div.colboxtalking
{
background:transparent;
margin:0 0 0 0;
}
div.colboxreviews li, div.colboxnews li, div.colboxtalking li
{
margin:2px;
}
li.reviewsbacklinks
{
background-color:#000;
color:yellow;
padding:0 15px;
}
div.newshome
{
background-color:#000;
color:yellow;
}
div.newsfeed 
{
float:left; 
margin:6px;
}
div.talkingpoint
{
color:yellow;
background-color:#000;
}
div.prevpoll ul
{
margin:0;
padding:0;
}
div.landing
{
margin:5px 0 5px 0;
}
div.landing hr
{
margin:10px 0 0 0;
background-color:#000;
height:2px;
color:yellow;
border-top:1px solid #e1965d;
}
div.landing img
{
float:left;
border:none;
margin:0 10px 5px 0;
}
div.landing p
{
width:auto;
}
div.landing h4
{
margin:5px 0 0 0;
}
span.disclaimer
{
font-size:0.9em;
}
div.copy
{
margin:5px 0 0 5px;
}
div.cont
{
background-color:#000;
color:yellow;
padding:0 0 20px 0;
}
span.contspan
{
background-color:#000;
color:yellow;
height:20px;
display:block;
}
img.margbot
{
margin:0 0 10px 0;
}
div.bannerimage
{
font-size:1px;
}
div.bannerimage img
{
width:572px;
}
div.pt
{
padding:2px 0 0 0;
}


/* =3. typographical */	

p
{
padding:8px 0 8px 0;
}
p.comments
{
background-color:yellow;
color:#000;
padding:0;
line-height:normal;
}
p.seealso
{
background-color:yellow;
color:#000;
padding:0;
margin:0 0 8px 0;
line-height:normal;
}
p.links
{
background-color:yellow;
color:#000;
padding:0;
margin:0 0 8px 0;
line-height:normal;
}
a
{
color:#01b0f1;
background-color:transparent;
text-decoration:underline;
}
a:hover
{
text-decoration:underline;
}
h1
{
float:left;
margin:0 17px 0 0;
}
h2
{
width:564px;
font-size:1.5em;
color:#000;
background-color:yellow;
padding:4px 0 4px 8px;
margin:0;
}
h2 span
{
font-size:0.6em;
font-weight:100;
float:right;
margin:-32px 3px 0 0;
}
h2 span a
{
color:#01b0f1;
background-color:transparent;
}
h2 span p
{
float:left;
margin:15px 0 0 0;
padding:0;
}
h2 span img
{
margin:11px 0 0 10px;
}
div.search h2
{
width:540px;
font-size:1.5em;
color:#000;
background-color:yellow;
padding:4px 0 16px 8px;
margin:0;
}
div.search h2 span
{
font-size:0.6em;
font-weight:100;
float:right;
margin:-32px 3px 0 0;
}
div.search h2 span.titlehide
{
float:none;
display:block;
margin:10px 0 0 -3000px;
}
div.search h2 span a
{
color:#01b0f1;
background-color:transparent;
}
div.search h2 span p
{
float:left;
margin:15px 0 0 0;
padding:0;
}
div.search h2 span img
{
margin:11px 0 0 10px;
}
h3
{
font-size:1.3em;
color:#000;
background-color:yellow;
margin:10px 0 5px 0;
}
h4
{
font-size:1.2em;
padding:5px 0 5px 0;
}
address
{
font-style:normal;
margin:0 0 10px 0;
}
.title
{
font-weight:bold;
font-size:1.2em;
}
.otherheads
{
font-size:1.5em;
background-color:#000;
color:yellow;
font-weight:bold;
padding:0;
margin:10px 0 10px 0;
}
.more
{
padding:8px 0 25px 0;
font-weight:bold;
}
.smtext
{
font-size:0.9em;
}
.pinktext
{
color:yellow;
background-color:transparent;
}
.greytext
{
color:yellow;
background-color:#000;
}
.bold
{
font-weight:bold;
}

/* =4. navigation */

ul.skip 
{
position:absolute;
left:-5000px;
}
ul.skip li 
{
list-style:none;
}
ul.navtop
{
min-height:30px;
list-style:none;
margin:3px 0 0 0;
padding:0;
float:left;
font-size:0.9em;
}
ul.navtop li 
{
list-style-type:none;
padding:0.5em 0em 0.5em 0em;
float:left;
}	
ul.navtop a 
{
padding:0 1em 0 1em;
background:none;
}
ul.navtop a.mainstyle
{
display:block;
}
ul.navtop a.contraststyle
{
display:none;
}
ul.navtop a.textstyle
{
display:block;
}
ul.navtop a.graphicstyle
{
display:none;
}
ul.nav
{
list-style:none;
font-size:1.2em;
margin:0;
background-color:#000;
color:yellow;
border:1px solid yellow;
}
ul.nav li.youngadults a
{
display:block;
width:198px;
color:#000;
background-color:yellow;
font-weight:bold;
padding:7px 0 7px 7px;
margin:0 0 5px 0;
}
ul.nav li.youngadults li
{
border-bottom:1px solid yellow;
}
ul.nav li.youngadults a.grey
{
background-color:transparent;
color:#01b0f1;
}
ul.nav li.youngadults a.lightorange
{
background-color:transparent;
color:#01b0f1;
font-weight: bold;
}
ul.nav li.youngadults li a
{
color:#01b0f1;
background-color:transparent;
background-image:none;
font-weight:100;
}
ul.nav li.youngadults li.selectednav a
{
font-weight:bold;
}
ul.nav li.youngadults li.selectednav li a
{
font-weight:100;
}
ul.nav li.youngadults li a.grey
{
background-color:#01b0f1;
background-image:none;
color:#01b0f1;
}
ul.nav li.youngadults li li a
{
background-color:transparent;
color:#01b0f1;
}
ul.nav li.youngadults li li li a
{
background-color:transparent;
color:#01b0f1;
}
ul.nav li.infants a
{
display:block;
width:198px;
color:#01b0f1;
background-color:transparent;
padding:7px 0 7px 7px;
margin:0 0 5px 0;
}
ul.nav li.juniors a
{
display:block;
width:198px;
color:#01b0f1;
background-color:transparent;
padding:7px 0 7px 7px;
margin:0 0 5px 0;
}
ul.nav li.teens a
{
display:block;
width:198px;
color:#01b0f1;
background-color:transparent;
padding:7px 0 7px 7px;
margin:0 0 5px 0;
}
ul.nav li.home a 
{
display:block;
width:198px;
color:#01b0f1;
background-color:transparent;
padding:7px 0 7px 7px;
margin:0 0 5px 0;
}
ul.nav li.parents a
{
display:block;
width:198px;
color:#01b0f1;
background-color:transparent;
padding:7px 0 7px 7px;
margin:0 0 5px 0;
}
ul.nav li.experts a
{
display:block;
width:198px;
color:#01b0f1;
background-color:transparent;
padding:7px 0 7px 7px;
margin:0 0 5px 0;
}
ul.nav li.find a
{
display:block;
width:198px;
color:#01b0f1;
background-color:transparent;
padding:6px 0 6px 6px;
border-top:1px solid yellow;
}
ul.nav li.find a.pink
{
background-color:transparent;
color:#01b0f1;
font-weight:bold;
}
ul.nav li a
{
color:#01b0f1;
}
ul.breadcrumb
{
font-size:0.9em;
min-height:27px;
list-style:none;
background:#000;
color:yellow;
padding:8px 0 0 0;
display:block;
}
ul.breadcrumb li 
{
list-style-type:none;
float:left;
padding:0;
margin:0 0 0 8px;
}
ul.breadcrumb a 
{
padding:0;
margin:0 5px 0 0;
background:none;
}
ul.footul
{
min-height:30px;
list-style:none;
margin:3px 15px 0 0;
float:left;
}
ul.footul li 
{
list-style-type:none;
padding:0.5em 0em 0.5em 0em;
float:left;
}	
ul.footul a 
{
padding:0 1em 0 1em;
background:none;
}

/* =5. forms */

#submit
{
padding:2px;
}

form.searchbox
{
min-height:28px;
float:right;
margin:5px 0 0 0;
font-size:1.1em;
}
form.searchbox input#submit
{
padding:0;
}
div.search form
{
padding:10px 0 0 0;
}
div.search form label
{
color:yellow;
background-color:transparent;
}
div.search form label.inputlabel
{
display:block;
font-size:1.2em;
font-weight:bold;
color:yellow;
background-color:transparent;
margin:0 0 5px 0;
}
div.search form select
{
width:150px;
}
div.search form input#searchterm
{
width:150px;
padding:1px;
}
div.search form input#submit
{
margin:0 0 0 15px;
}
div.search fieldset
{
display:block;
clear:left;
border:0;
padding:0;
margin:15px 0 0 0;
font-weight:bold;
}
div.search legend
{
display:block;
color:yellow;
background-color:transparent;
font-size:1.2em;
font-weight:bold;
margin:0;
padding:0;
}
div.search ul
{
margin:5px 10px 0 1px;
}
/*div.search form label
{
color:#000;
background-color:transparent;
}
div.search form label.inputlabel
{
display:block;
font-size:1.2em;
font-weight:bold;
color:#000;
background-color:transparent;
margin:0 0 5px 0;
}
div.search form select
{
width:150px;
}
div.search form input#searchfor
{
width:150px;
}
div.search form input#submit
{
margin:0 0 0 15px;
}
div.search fieldset
{
display:block;
clear:left;
border:0;
padding:0;
margin:15px 0 0 0;
}
div.search legend
{
display:block;
color:#000;
background-color:transparent;
font-size:1.2em;
font-weight:bold;
margin:0;
padding:0;
}*/
form.maincontform
{
margin:20px 0 10px 0;
}
form.maincontform fieldset
{
border:none;
padding:10px 0 10px 0;
margin:0;
}
form.maincontform legend
{
font-weight:bold;
font-size:1.2em;
color:yellow;
background-color:transparent;
}
form.maincontform label
{
display:block;
float:none;
margin:0 0 3px 0;
}
form.maincontform input
{
display:block;
float:none;
}
form.maincontform input#text
{
width:200px;
padding:2px;
margin:0 0 10px 0;
}
form.maincontform textarea
{
padding:2px;
margin:0 0 10px 0;
width:200px;
height:100px;
}
div.keyword form
{

}
div.keyword form input
{
margin:10px auto;
}
form.talkingform form
{
margin:10px 0;
}
form.talkingform fieldset
{
border:none;
padding: 10px 0;
margin:0;
}
form.talkingform legend
{
font-weight:bold;
font-size:1.2em;
color:#000;
background-color:transparent;
}
form.talkingform label
{
display:block;
float:none;
margin:0 0 3px 0;
}
form.talkingform input
{
display:block;
float:none;
}
form.talkingform input#text
{
width:150px;
padding:2px;
margin:0 0 10px 0;
}
form.talkingform textarea
{
padding:2px;
margin:0 0 10px 0;
width:150px;
height:100px;
}

/* =6. tables */


/* =7. hacks */

.cf:after 
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}