@charset "utf-8";
/* CSS Document */

/* e-Safety Policy Generator */

/* NOTE: Control Panel Styles at the end */


@import url("cp_styles.css");

/* General
------------------------------------------------------------------*/

body {margin-top:0;margin:0;/*background-color:#007DC3;*/background: #007DC3 url(../../_images/esp_upperpanel.jpg) no-repeat top right;width:100%;font-family: Verdana, Geneva, sans-serif;font-size:100%;}

a {text-decoration:none;font-size:0.75em;font-weight:bold;color:#00C}
a:hover {color:#000;}
a:visited {color:#00C;}
a:focus {color:#00C;}
a:active {color:#00C;}
h1 {font-size:1.5em;}
h2,h3,h4 {font-size:1.35em}
h5,h6 {font-size:1.2em}
p {font-size:0.75em;}

#esp_headertext {}
#esp_headertext h1 {color:#FC0;margin:0;}
#esp_headertext p {color:#FFF;margin-top:0;}


/* Navigation
------------------------------------------------------------------*/

DIV#sitenav {padding:0;margin:0;margin-top:2em;border-bottom:2px solid #999;height:42px;background-color:none;min-width:660px;}
DIV#sitenav ul {margin:0;padding:0;}
DIV#sitenav li {display: inline;/*border-right:1px solid #FC0 ;padding:0 0.3em 0 0.5em;*/}
DIV#sitenav li a {color:#fff}
DIV#sitenav li a:hover {color:#FC0;}
DIV#sitenav .leftnavrule {border-left:1px solid #FC0;}

DIV#navbuttons {margin-top:3em;height:42px;width:200px;}
DIV#navbuttons  a {display:block;background: url(../../_images/getstarted_symbol.gif) no-repeat top left;height:42px;width:200px;cursor:pointer;}
DIV#navbuttons  a:hover {background: url(../../_images/getstarted_symbol_DOWN.gif) no-repeat top center;height:42px;width:200px;}

/*DIV#headerlogos {width:800px;}*/

DIV#headerlogos #footerleft {float:left;}
DIV#headerlogos #footerright {float:right;}


/*Content wrappers
--------------------------------------------------------------------*/

DIV#esp_page_bg {/*width:100%;height:447px;*/} 
DIV#esp_page_bg #esp_headerpanel {margin:1em;}
DIV#esp_page_bg #esp_headerpanel #login_info {margin-top:0.2em;color:#FFF;}
DIV#esp_page_bg #esp_headerpanel #login_info p {margin:0;}
DIV#esp_page_bg #esp_headerpanel #login_info .login_info_typestyle {font-weight:bold; text-transform:capitalize;}

DIV#esp_page_bg #esp_footerpanel {margin:0.5em 1em;min-width:660px;}
DIV#esp_page_bg #esp_footerpanel p {font-size:0.65em;color:#FFF;margin:0;margin-top:0.3em;}
DIV#esp_page_bg #esp_footerpanel a {font-size:100%;color: #FC0;}
DIV#esp_page_bg #esp_footerpanel a:hover {color: #CCC;}

DIV#contentwrapper {margin:0 1em;width:auto;min-width:660px;margin-top:2em;background: #9CF url(../../_images/contentBG.jpg) no-repeat top right;padding:2em;/*background-color:#9CF;padding:0em;*/border:2px solid #FFF;}


/* Content
--------------------------------------------------------------------*/

DIV#pagecontent {margin-top:6em;}
DIV#pagecontent #intropara {width:100%;}
DIV#pagecontent #intropara p {font-size:0.75em;}

DIV#pagecontent h1 {color:#007DC3;font-size:1.5em;}
DIV#pagecontent h2 {color:#000;font-size:1.25em;}
DIV#pagecontent h3 {margin-bottom:0;color:#000;font-size:0.9em;}
DIV#pagecontent p {color:#000;font-size:0.75em;line-height:130%;}
DIV#pagecontent ul {/*margin:0;padding:0;*/}
DIV#pagecontent li {font-size:0.75em;}
DIV#pagecontent a {color:#00C;font-size:100%;}
DIV#pagecontent a:hover {color:#666;}

DIV#pagecontent #pc_lastupdated {margin-top:3em;background-color:#007DC3;padding:0.2em;text-align:center;}
DIV#pagecontent #pc_lastupdated p {margin:0;color:#FFF;}

DIV#contentitem {align:left;}
DIV#contentitem h1 {font-size:0.95em;}
DIV#contentitem p {}

DIV#contentitem .editnav {padding:0;margin:2em 0 0 0;border-bottom:2px solid #999;}
HTML>BODY DIV#contentitem .editnav {margin:4em 0 0 0;}
DIV#contentitem .editnav ul {margin:0;padding:0;}
DIV#contentitem .editnav li {display:inline;list-style:none;}

DIV#contentitem .contenteditnav {padding:0;margin:0em 0 0 0;border-bottom:2px solid #999;}
DIV#contentitem .contenteditnav ul {margin:0;padding:0;}
DIV#contentitem .contenteditnav li {display:inline;list-style:none;}


/* Questions List */

DIV#contentitem #questlist {}
DIV#contentitem #questlist h1 {font-size:0.95em;}
DIV#contentitem #questlist h2 {margin:0;font-size:0.9em;background-color:#007DC3;color:#FFF;padding:1px;margin-top:4px;}
DIV#contentitem #questlist p {}
DIV#contentitem #questlist ul {margin:0;padding:0;}
DIV#contentitem #questlist li {list-style:none;}
DIV#contentitem #questlist a {font-size:0.75em;}
DIV#contentitem #questlist a:hover {color:#666;}

/* Statements List */

DIV#contentitem #statelist {}
DIV#contentitem #statelist h1 {font-size:0.95em;}
DIV#contentitem #statelist h2 {margin:0;font-size:0.9em;background-color:#007DC3;color:#FFF;padding:1px;}
DIV#contentitem #statelist p {font-size:0.75em;}
DIV#contentitem #statelist ul {margin:0;padding:0;}
DIV#contentitem #statelist li {list-style:none;}
DIV#contentitem #statelist a {font-size:0.75em;}
DIV#contentitem #statelist a:hover {color:#666;}
DIV#contentitem #statelist .statetypeTAG {background: URL(../../_images/BackGround_Fill_Blue.jpg) repeat-x;}
DIV#contentitem #statelist .statetypetagRHCorner {background: URL(../../_images/RH_Corner_Blue.jpg) no-repeat top right;}
DIV#contentitem #statelist .statetypetagLHCorner {background: URL(../../_images/LH_Corner_Blue.jpg) no-repeat top left;}
DIV#contentitem #statelist .statetype {color:#FFF;padding:0.3em;text-align:center;}
DIV#contentitem #statelist .statetype h3 {margin:0;font-size:0.85em;}

DIV#contentitem #statelist .statesnippet {}
DIV#contentitem #statelist .statesnippetpanel {margin:0.5em 0;padding:0.5em;}

DIV#contentitem #statelist .statement p {margin:0.3em 0 0 0 ;font-size:0.75em;}

DIV#contentitem #statelist .statesnippetpanel .stateselectflag {margin-top:0.5em;}
DIV#contentitem #statelist .statesnippetpanel .stateselectflag p {margin:0 0 0.5em 0;background-color: #FCF;padding:0.5em;border:1px solid #F30}


/* Policy document Preview */

DIV#contentitem #policydocument {background-color:white;padding:1em;margin-top:1em;}
DIV#contentitem #policydocument h1 {margin:0 0 0 0.5em;/*text-align:center;*/font-size:1.2em;}
DIV#contentitem #policydocument h2 {margin:0;/*text-align:center;*/font-size:1.5em;}	
DIV#contentitem #policydocument h3 {margin-bottom:0.2em;/*text-align:center;*/font-size:1.1em;}	
DIV#contentitem #policydocument p {text-align:left;font-size:0.75em;}	
DIV#contentitem #policydocument ul {margin-top:0.2em;margin-bottom:0.2em;}	
DIV#contentitem #policydocument li {text-align:left;font-size:0.75em;}

DIV#contentitem #policydocument .spacerRulePageBreak {border:none;border-top:1px solid #000;height:1px;page-break-after:always;}
	
DIV#contentitem #pdfbutton {margin:0.5em 0 0.5em 0;padding:0.3em;background: url(../../_images/pdf_bg.jpg) no-repeat top center;height:20px;text-align:center;}
DIV#contentitem #pdfbutton a {font-size:0.85em;color:#FFF;}
DIV#contentitem #pdfbutton a:hover {color:#FC0;}



/* Sign in
--------------------------------------------------------------------*/

DIV#signin {border:1px solid #FFF;padding:1em;width:auto;}
DIV#signin p {font-size:0.75em;color:#333;}
DIV#signin h1 {font-size:1em;}

/*DIV#signin #signinform {}
DIV#signin #signinform p {vertical-align:middle;}*/

DIV#signin #signinform form {text-align:center;}
DIV#signin fieldset {border:1px solid white;background-color:#FF9;width:15em;padding:1em;margin-bottom:1em;}
DIV#signin .si_label {float:left;width:6em;font-size:0.75em;font-weight:bold;line-height:1.75em;}
DIV#signin .si_input {float:left;margin-bottom:0.5em;}

DIV#signin #getpw {}
DIV#signin #getpw p {margin-top:1em;}
DIV#signin #signinmsg {padding:0.3em;border:1px solid red;background-color:#FF0;color:red;font-weight:bold;}
DIV#signin #signinmsg p {margin:0;}

DIV#signin #getpw {}
DIV#signin #getpw a {font-size:0.75em;}



/* Register
--------------------------------------------------------------------*/

DIV#register {border:1px solid #FFF;padding:1em;}
DIV#register p {font-size:0.75em;color:#333;}
DIV#register h1 {font-size:1em;}
DIV#register #registermsg {padding:0.3em;border:1px solid red;background-color:#FF0;color:red;font-weight:bold;}
DIV#register #registermsg p {margin:0;}

DIV#registerform form {}
DIV#registerform fieldset {border:1px solid white;padding:1em;margin-bottom:1em;}
DIV#registerform legend {padding:0.2em;font-size:0.85em;font-weight:bold;margin-bottom:0.5em;color:#00C;}
DIV#registerform label {float:left;width:9.5em;font-size:0.75em;font-weight:bold;}
DIV#registerform input {/*float:left;*/}
DIV#registerform .guidetxt {font-size:0.75em;color:#00C;}



/* PRINT STYLES
---------------------------------------------------------------------*/

#printonly {display:none;}	


@media print {

#contentwrapper {margin-top:0;width:100%;}
#noprint {display:none;}	
#esp_headerpanel {display:none;}
#esp_footerpanel {display:none;}
#headerlogos {display:none;}
#sitenav {dislay:none;}
#printonly {display:block;}
p { font-size:100%;background-color:none;padding:0;width:100%;}
h1 {font-size:200%;}
h2 {font-size:150%;}
h3 {font-size:120%;}
#spacerRule {display:none;}
}