html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;}
html {overflow-y:scroll;}
body {font-family: Verdana, Geneva, Sans-Serif;line-height: 1;background: none repeat scroll 0 0 #f6f6f6;font-size: 100%;color: #464648;}
ol, ul {list-style: none;}
* a {display: inline-block;}
a {text-decoration:none; color:#65b343; font-weight: 800;}
a:visited {color:#56850e;}
a:hover {text-decoration: underline;}
hr {border:none; background-color: #464648; height:1px;}
.accessibility {left: -1000px; position: absolute; top: -1000px; overflow:hidden;}
.separator {clear: both;}
.separatorInvisible {clear: both;height: 1px;}
.clearFix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
h1 {font-size: 118.8%; margin-bottom: 8px;}
h2 {font-size: 106.3%;}
h3 {font-size: 87.5%;}
h2.boxTitle { margin-bottom:0.313em;}
h2.boxTitle a:link, h2.boxTitle a:visited{color: #fff;}
p {font-size: 75%; line-height: 1.4;}
.contentIntro p, .main p, .mainBody p {margin-bottom: 8px;}
.contentIntro h2, .main h2, .mainBody h2 {margin-bottom: 8px; padding-top: 8px;}
.contentIntro h3, .main h3, .mainBody h3 {margin-bottom: 8px; padding-top: 8px;}
.contentIntro ul, .main ul,  .mainBody ul, .triage ul, .triageEnd ul {list-style-type: disc; font-size:80%;}
.contentIntro ul, .main ul, .mainBody ul {margin: 0 0 8px 35px; list-style-image: url("/assets/images/furniture/bulletArrowGreen.gif");}
.triage ul, .triageEnd ul {margin: 0 0 8px 30px;}
.contentIntro ul li, .main ul li, .mainBody ul li, .triage ul li, .triageEnd ul li {line-height: 1.4; margin-bottom:6px; margin-top:-2px;}
.contentIntro ol, .main ol, .mainBody ol {list-style-type:decimal; margin: 0 0 8px 20px; font-size:75%;}
.contentIntro ol li, .main ol li, .mainBody ol li {line-height: 1.4;}
.strong {font-weight: 700;}
#wrapper {margin: 0 auto; background-image: url("/assets/images/furniture/shadow_bg.jpg");background-repeat: repeat-y;width: 890px;padding: 0px 15px 0px 15px;}
#navigation {float:left; width:190px;}
#content {display: inline;float: right;position: relative;width: 700px;}
#home-options {display: inline;float: left;position: relative;width: 470px;}
#footer {display: inline;float: right;position: relative;width: 700px;}
#wrapperEnd {margin: 0 auto; background-image: url("/assets/images/furniture/shadowbtm_bg.jpg");background-repeat: no-repeat;background-position: bottom center;height: 16px;width: 920px;margin-top:-4px;}
.rightImg {float:right; margin: 0 0 10px 10px;}
.leftImg {float:left; margin:0 15px 10px 0;}
#printLogo { display:none;}
#navigation .logo {display: block;height: 124px;width: 190px;background: url("/assets/images/furniture/parentport_logo.gif");text-indent: -999em;}
#navigation #mainNav{background: #fff url("/assets/images/furniture/navtop_bg.gif") no-repeat top center;width: 190px;padding-top: 32px;}
#mainNav li {text-align: right; padding: 0 14px 14px 10px;font-size: 0.8em;}
#mainNav li.selected  {color: #65b343; font-weight:700;}
#mainNav li a:link, #mainNav li a:visited {color: #464648;}
#mainNav li.selected a, #mainNav li.selected a:visited {color: #65b343;}
#mainNav ul ul {padding-top: 14px; padding-bottom:0px; margin-bottom:-8px;}
#mainNav ul ul li {padding-right:6px;font-size: 1em; padding-bottom:8px;}
#mainNav ul ul li.selected {color: #56850e; font-weight: normal;}
#mainNav ul ul li a:link, #mainNav ul ul li a:visited { color: #666;font-weight: normal;}
#mainNav ul ul li.selected a, #mainNav ul ul li.selected a:visited {color: #56850e; }
#mainNav ul li.selected ul li a, #mainNav ul li.selected ul li a:visited {color: #666; }
#mainNav ul ul li a:hover {text-decoration: underline;}
.socialLinks {position: absolute; float: right; top: 6px; right: 46px; width: 222px;}
#gplusone, #twitter, #print {float: left; margin-right: 6px;}
#twitter {width: 58px;}
#facebook {float: left; width: 50px;}
#___plusone_0 {display:block !important;}
#content .contentIntro {background: white url("/assets/images/furniture/content_bg.gif") no-repeat scroll top center;min-height: 204px;height: 204px;overflow: hidden;}
#content .contentIntro, #content .main {padding: 130px 12px 0 12px;}
#content .contentIntro {margin-bottom: 5px;}
.contentIntro #carouselWrapper {float:right; position: relative; width: 199px; height: 156px; margin-left:10px;}
#carouselWrapper ul {list-style:none; margin:0;}
#carouselWrapper li {display:none;}
#carouselWrapper li:first-child {display:block;}
.caption { float:left;display: inline;position: relative;height: 213px;color: #fff;overflow:hidden; margin:0 7px 7px 0; width:228px;}
.caption { background-color: #e3ecb3; background-repeat: no-repeat; background-position:top center; }
.midBox { background: #e3ecb3 url(/assets/images/furniture/home_makeacomplaint.gif) no-repeat top center;}
.rightBox { background: #e3ecb3 url(/assets/images/furniture/home_haveyoursay.gif) no-repeat top center;}
.boxInfo {background-color: #545652; width: 208px; padding: 5px 10px; top: 8.5em; overflow:hidden; height:80px; min-height:80px; position:absolute;}
.boxInfo p a:link, .boxInfo p a:visited {font-size: 90%; color:#fff; font-weight:normal;}
.closeStyle {top:11.5em;}
#fauxColumns {background: url(/assets/images/furniture/fauxcolumn_bg.gif);*overflow: auto;overflow: hidden;width: 100%;}
#fauxColumns .oneColumn {display: inline;float: left;width: 228px;}
.triageStep1 h2, .triageStep3 h2, .formMenu h2 {color: #fff; font-size: 93.8%; padding: 6px 12px 12px;}
.triageStep1 li a:link, .triageStep1 li a:visited,.triageStep3 li a:link, .triageStep3 li a:visited,.formMenu li a:link, .formMenu li a:visited {color: #fff;display: block;font-size: 81.3%;padding: 6px 15px 8px;text-decoration: none;}
.triageStep1 li a:hover, .triageStep3 li a:hover, .formMenu li a:hover  { color: #464648; background-color: #aae155;}
.triageStep1 li a.selectedOption, .triageStep3 li a.selectedOption, .formMenu li a.selectedOption {color: #464648; background-color: #aae155;}
.triageStep1 #menu, .triageStep3 #menu, .formMenu #menu {*padding:10;}
.triageStep1 .note, .triageStep3 .note, .formMenu .note {color: #FFFFFF; font-size: 68%; line-height: 1.3; padding: 6px 12px;}
.triageStep3 p {padding: 12px 0;}
a.triageBtn, input.triageBtn {cursor: pointer;display: block;text-align: center;color: #ffffff;font-size: 81.3%;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;text-decoration: none;line-height: 1.5;padding: 6px;position: relative;float: left;}
* a.triageBtn, input.triageBtn,  a:visited.triageBtn, a:hover.triageBtn { text-decoration: none; color:#ffffff;}
.gradient {
	border: 1px solid #888888;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	background: #222222;
	background:-moz-linear-gradient(top, #999999 0, #777777 4%, #666666 26%, #444444 43%, #333333 57%, #222222 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#999999), color-stop(4%,#777777), color-stop(26%,#666666), color-stop(43%,#444444), color-stop(57%,#333333 ), color-stop(100%,#222222));
	background:-webkit-linear-gradient(top, #999999 0, #777777 4%, #666666 26%, #444444 43%, #333333 57%, #222222 100%);
	background:-o-linear-gradient(top, #999999 0, #777777 4%, #666666 26%, #444444 43%, #333333  57%, #222222 100%);
	background:-ms-linear-gradient(top, #999999 0, #777777 4%, #666666 26%, #444444 43%, #333333  57%, #222222 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999',endColorstr='#222222',GradientType=0);
	background:linear-gradient(top, #999999 0, #777777 4%, #666666 26%, #444444 43%, #333333  57%, #222222 100%);
}
.gradient:focus, .gradient:hover  {
	border: 1px solid #777777;
	background:-moz-linear-gradient(top, #888888 0, #666666 4%, #555555 26%, #333333 43%, #111111 57%, #000000 100%);
	background:-webkit-gradient(linear, left top, left bottom,color-stop(0%,#888888), color-stop(4%,#666666), color-stop(26%,#555555), color-stop(43%,#333333), color-stop(57%,#111111), color-stop(100%,#000000));
	background:-webkit-linear-gradient(top, #888888 0, #666666 4%, #555555 26%, #333333 43%, #111111 57%, #000000 100%);
	background:-o-linear-gradient(top, #888888 0, #666666 4%, #555555 26%, #333333 43%, #111111 57%, #000000 100%);
	background:-ms-linear-gradient(top, #888888 0, #666666 4%, #555555 26%, #333333 43%, #111111 57%, #000000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888',endColorstr='#000000',GradientType=0);
}
.triageStep3 .triageBtn {margin: 5px 0px 6px 12px;min-width:90px;width:auto!important;width:90px;}
.triageStep3 {*padding-bottom: 8px;}
#fauxColumns .twoColumn {float: right;width: 461px;margin-left: 7px;display: inline;position: relative;}
.twoColumn h3, .triageEnd h2 {font-size: 93.8%; padding: 6px 12px 12px; line-height:1.3;}
.twoColumn .triage, .twoColumn .msgForm {width:100%; float:right; margin-bottom: 15px;}
.twoColumn .triageStep2Menu {position: relative; margin: 0 0 6px; font-size: 81.3%; list-style-type: none;}
.twoColumn .triageStep2Menu li {line-height: 1;}
.twoColumn .triageStep2Menu li a:link, .twoColumn .triageStep2Menu li a:visited {color: #464648;display: block;padding: 6px 15px 8px;text-decoration: none;}
.twoColumn .triageStep2Menu li a:hover {color: #fff; background-color: #65b343;}
.twoColumn .icon img {float: right; margin-right: 12px;}
.twoColumn p, .triageEnd p {padding: 0 12px 8px 12px;}
.twoColumn .triageBtn, .triageEnd .triageBtn {margin-left:1em; min-width:90px; width:90px;}
.twoColumn .buttonlist, .triageEnd .buttonlist {margin-left: 12px; list-style-type:none; font-size: 90%;}
.twoColumn .buttonlist li, .triageEnd .buttonlist li {display:inline; margin-bottom:12px !important;}
.twoColumn .buttonlist li .triageBtn, .triageEnd .buttonlist li {margin-right:10px;}
.triageEnd {background-color: #e7f5c4;overflow: auto;width: 99.5%;padding-bottom: 8px;_padding-bottom: 8px;}
.tooltip {display:none;background:transparent url(/assets/images/furniture/tooltip_bg.gif);font-size:65%;height: 52px;width: 170px;padding: 4px 15px 6px 6px;line-height:1.2;color:#000;}
form { margin-left: 2em;}
.field input, .field label, .field textarea {display:block;}
.field label {font-weight:700;}
.field input { border: 0; height: 1.6em; width:27.5em; margin-top: 0.3em;}
.field textarea {width:28.3em; border: 0; resize: none; overflow-y: auto; overflow-x: hidden; margin-top: 0.3em;}
.terms {font-size: 70%;}
form  span.error {color: red; font-size: 90%;}
.twoColumn form input.triageBtn {font-size:110%; font-weight:700; border:0; margin: 0 8px 8px 0; }
#content .main {background: #F7F7F7 url(/assets/images/furniture/main_bg.gif) no-repeat scroll top center;min-height:440px; }
#content .mainBody{background-color:#f4f4f4;padding: 0 12px 8px;}
#footer .regulators {float: left;width: 100%;padding: 10px 0;}
#footer .regulators p {font-weight:600;margin-left: 5px;text-transform: uppercase;}
#footer .regulators ul {background: url(/assets/images/furniture/regulator_logos.gif);}

#footer .regulator_logos  {
padding: 10px 0;
}
#footer .regulator_logos p {
font-weight: 600;
margin-left: 5px;
text-transform: uppercase;
}
.regulator_logos ul {
width: 728px;
height: 47px;
position: relative;
/* background: url(/assets/images/furniture/regulator_logos.gif); */
margin: 0;
padding: 0 0;
}

.regulator_logos li {
float: left;
}

.regulator_logos li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 47px;
background: url(/assets/images/furniture/regulator_logos.gif) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li.asaLogo a {
left: 0;
width: 79px;
background-position: 0 0;
}

li.atvodLogo a {
left: 79px;
width: 70px;
background-position: -79px 0;
}

li.bbcLogo a {
left: 149px;
width: 111px;
background-position: -149px 0;
}

li.bbfcLogo a {
left: 260px;
width: 60px;
background-position: -260px 0;
}

li.ofcomLogo a {
left: 320px;
width: 96px;
background-position: -320px 0;
}

li.pccLogo a {
left: 416px;
width: 157px;
background-position: -416px 0;
}

li.vscLogo a {
left: 573px;
width: 127px;
background-position: -573px 0;
}


/*hover state*/
/* the sprite image has the artwork for rollover state but this isn't what was on the original site so commented out
li.asaLogo a:hover {
background-position: 0 -45px;
}

li.atvodLogo a:hover {
background-position: -79px -45px;
}

li.bbcLogo a:hover {
background-position: -149px -45px;
}

li.bbfcLogo a:hover {
background-position: -260px -45px;
}

li.ofcomLogo a:hover {
background-position: -320px -45px;
}

li.pccLogo a:hover {
background-position: -416px -45px;
}

li.vscLogo a:hover {
background-position: -573px -45px;
}
*/

/*
.regulators ul li {float:left; height: 45px; display: block; top:0; text-indent:-9999px; outline: none;}
.regulators ul .asaLogo , .regulators ul .atvodLogo , .regulators ul .bbcLogo , .regulators ul .bbfcLogo , .regulators ul .ofcomLogo,
.regulators ul .pccLogo , .regulators ul .vscLogo  { background: url(/assets/images/furniture/regulator_logos.gif); }
.regulators ul .asaLogo {background-position:0 0; width:67px; left:0;}
.regulators ul .atvodLogo {background-position: 631px 0; width: 72px;}
.regulators ul .bbcLogo {background-position: 560px 0; width: 112px;}
.regulators ul .bbfcLogo {background-position: 449px 0; width:61px;}
.regulators ul .ofcomLogo {background-position: 388px 0; width:98px;}
.regulators ul .pccLogo {background-position: 290px 0; width:161px;}
.regulators ul .vscLogo {background-position: 129px 0; width:128px;}
*/
#footer #footerLinks {float: left;background-color: #464648;color: #fff;width: 680px;padding: 10px;font-size: 62.5%;}
#footerLinks ul li {display: inline;border-right:1px solid #FFF;padding: 0 6px 0 3px;}
#footerLinks ul li.last {border:0;}
#footerLinks li a:link, #footerLinks li a:visited {color: #fff; text-decoration: none;}
#footerLinks li a:hover {text-decoration: underline;}
#footerLinks #copyright {float: right;margin-top: -12px; *margin-top: -13px;font-weight: 700;font-size: 100%;}
.cookie-container { width: 890px; margin: 0 auto; font-size:0.73em; }
.cookie-container #cookie-head { height: 40px; position: relative; z-index: 1; }
#cookies {position:absolute;top:32px;right:236px;}
#cookie-bar { width: 100%; height: 40px; background-color:#545652;color: #fff; }
.cookie-container .cookie-text { position: absolute; top: 4px; left: 0; z-index: 2; width:830px; line-height: 16px;}
.cookie-container .cookie-text a {color:#FFFFCC}
.cookie-button {float:right; margin-top:7px;}
.cookie-button a { background: #ccc; cursor: pointer; border-top: solid 2px #eaeaea; border-left: solid 2px #eaeaea; border-bottom: solid 2px #777; border-right: solid 2px #777; padding: 5px 5px; color:#666666; }
.cookie-button a.down { background: #bbb; border-top: solid 2px #777; border-left: solid 2px #777; border-bottom: solid 2px  #eaeaea; border-right: solid 2px #eaeaea;}
#subject-panel { width:471px; float:left;}
#subject-panel .fade{
    display: inline;
    float: left;
    height: 120px;
    margin: 0 7px 7px 0;
    overflow: hidden;
    position: relative;
    width: 150px;
    color: #fff;
    background-image: url(/assets/images/furniture/grad.png);
    text-align:right;
	-moz-box-shadow: 1px 1px 4px #888;
	-webkit-box-shadow: 1px 1px 4px #888;
	box-shadow: 1px 1px 4px #888;
}
#subject-panel .fade:hover{ background-image: url(/assets/images/furniture/grad-hover.png);-moz-box-shadow: 1px 1px 2px #888;-webkit-box-shadow: 1px 1px 2px #888; box-shadow: 1px 1px 2px #888;}
#subject-panel h3 {padding:8px;font-size:16px;margin:0}
#subject-panel a {color: #fff;}
#promo-panel { float:left; width:224px;}
#promo-panel h2 {color:#fff;background-color:#545652;height:20px; padding:6px; margin-bottom:4px;}
#promo-panel ul, #promo-panel h3, #promo-panel h4, #promo-panel p {padding:0 4px 0 4px;}
#promo-panel ul li {margin-bottom:6px;}

/* Show children of active parent only */
#mainNav>ul>li>ul { display: none; }
#mainNav>ul>li.active>ul { display: block; }

#recaptcha_widget{display:block!important; border:none!important; background: #fff!important; margin: 0 12px 8px 12px; padding:0px 8px; box-sizing: border-box; -moz-box-sizing: border-box; padding-bottom: 8px; width:368px; position: relative;}
#recaptcha_widget p{margin: 0px;  color: #333333; font-size: 11px; padding: 0px;}
#recaptcha_logo{background: url(../images/recaptcha.png) no-repeat left top; width:62px; height: 33px; background-size: 100% auto; text-indent: -9999px; overflow: hidden; position: absolute; right: 8px; top:17px;}
#recaptcha_image{padding: 8px 0 0 0; width:250px!important;}
#recaptcha_image br{display: none;}
#recaptcha_image img{width: 250px; height: auto;}
#recaptcha_response_field{margin: 8px 0px; border:1px solid #000; font-size: 12px; height: 18px; width:245px;}
#recaptcha_image .recaptcha_audio_cant_hear_link{font-size: 12px; font-weight: normal; text-align: center; width:100%;}
#recaptcha_image span:nth-of-type(1){margin-top: -11px; display: block; cursor: pointer;}
#recaptcha_widget a.get_captcha,
#recaptcha_widget a.get_captcha_1,
#recaptcha_widget a.get_captcha_2,
#recaptcha_widget a.help_captcha{position: absolute; right:80px; top:12px; display: block; width:50px; width: 22px; height: 15px; background: red; overflow: hidden; text-indent: -9999px; background: url(../images/icons.jpg) no-repeat left top;}
#recaptcha_widget a.get_captcha_1{ background-position: left -15px;    height: 12px;    top: 27px;}
#recaptcha_widget a.get_captcha_2{ background-position: left -1px; background-image:url(../images/icons2.jpg);    height: 12px;    top: 27px;}
#recaptcha_widget span.error{font-weight: 700;  font-size: 11px; }
#recaptcha_widget a.help_captcha{ background-position: left bottom;
    height: 13px;
    top: 39px;}