/***********************FROM MAIN CSS*/

/*used on ALL pages - this contains classes the might be used anywhere*/

/*undo browser defaults*/
:link,:visited { text-decoration:none;}
ul, ol{ list-style:none;list-style-image: none;}
table, h1,h2,h3,h4,h5,h6,pre,code { font-size:1em;  }

ul, ol, li, h1, h2, h3, h4, h5, h6, pre,  form, body, html, p, blockquote, fieldset, input, dl, dt, dd, table, td, th
{ margin:0px; padding:0;}
fieldset { border:none;  }
th{
text-align:left;
}

/*main HTML*/

/*some elements different between home and inner*/

body{
font-family: arial, sans-serif;
color:#666;
font-size:60%;
}

#container_all{
font-size:1.4em;
line-height: 1.54em;
position: relative;
overflow: hidden;
}


/*the position needs to be set on inner and front CSS sheets - have to use container alls pos rel*/
#header #logo{
border:none;
}

#header #logo img{
border:none;
padding:0;
margin:0;

}


ul#topnav {
display:none;
}

#nav{
display:none;
}

#content{
margin-left:12px;
margin-right:12px;
margin-bottom:1em;
}

#footer{
text-align:right;
padding-top:1em;
clear:both;
border-top:2px solid #ccc;
color:#888;
font-size:10px;
margin-top:1em;
}


ul#footer_nav{
text-align:right;
font-size:.9em;
margin:0 0 1.4em 0;
clear:both;
}



ul#footer_nav li{
display:inline;
margin:0px 0 0 0;
padding:0;
background: none;
}

ul#footer_nav li a{
border-left:1px solid #aec782;
padding-left:3px;
}


/*can't use left marg here as ie7 throws a fit*/
#share_this{
display:none;
}

#follow{
display:none;
}

/*html elements*/
h1, h2, h3, h4, h5, h6{
font-weight:normal;
color:#78a22f;
}

h1{
font-size:2.1em;
margin-bottom:.4em;
margin-top:.2em;
line-height: .9em;
letter-spacing: -1px;
border-top:2px solid #78a22f;
border-bottom:2px solid #78a22f;
padding-bottom:.4em;
padding-top:.4em;
margin-top:1em;
margin-bottom:1em;
}

h2{
font-size:1.7em;
margin-bottom:.2em;
margin-top:.2em;
line-height: 1em;
letter-spacing: -1px;
margin-left:-1px;
}

h3{
font-size:1.4em;
margin-bottom:.5em;
margin-top:1em;
line-height: 1.2em;
}

h4{
font-size:1.2em;
margin-bottom:.5em;
margin-top:1em;
line-height: 1.3em;
}

h5{
font-size:1.1em;
margin-bottom:.5em;
margin-top:1em;
line-height: 1.4em;
}

h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited
{
color:#78a22f;
border-bottom:1px dotted #666;
font-weight:normal;
}


hr{
  border-color: #999;
  border-style: dotted;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 1em 0;
  height: 0;
}

/*added some margin to the top so that it lines up with paras - keep an eye on this!!*/
img{
border:2px solid #78a22f;
margin-top:.2em;
}


p{
margin-top:.2em;
margin-bottom:1em;
}

ol{
margin: 0 0 .4em 0;
}

ul{
margin: 0 0 .4em 0;
}

li{
}

li ul, li ol{
}



table{
    font-size:.9em;
    line-height:1.2;
    margin-bottom:1.4em;
    width:100%;
border:#e3decf 5px solid;
}


table td,
table th
{
    padding-left:6px;
    padding-right:6px;
    padding-top:6px;
    padding-bottom:6px;
border:1px solid #f1efe7;
background:#fff;
}

table th{
    background:#e3e5e8;
background: #fcfcfa;
}

/*=links*/
a:link, a:visited {
color:#699025;
text-decoration: none;
border-bottom:1px dotted #666;
font-weight:normal;
}

a:hover, a:active {
text-decoration: underline;
border-bottom:1px dotted #699025;
color:#444;
font-weight:normal;
}



/*******************************"man made classes"*/


.noborder, a.noborder {
border:none;
padding:0;
}


.clear{
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}

/*trying clear right / left here so if 2 images added in CMS They should go under each other - fl_left_noborder is legacy*/

.flright, .flright_noborder{
clear:right;
float:right;
margin-left:12px;
margin-bottom:12px;
}



.flleft,  .flleft_noborder{
clear:left;
float:left;
margin-right:12px;
margin-bottom:12px;
}

.flright_noborder, .flleft_noborder{
border:none;
}
.noclear{
clear:none;
}

.smallest{
font-size:.8em;
}
.smaller{
font-size:.9em;
}

.bigger{
font-size:1.4em;
line-height:1.2em;
margin-bottom:.5em;
}

.biggest{
font-size:1.6em;
line-height:1.5em;
}

.err{
	color:red;
	background:#ffffea;
}

.errwithpadding{
	padding:12px 12px;
	color:red;
	background:#ffffea;
}

.errwithpadding a:link, .errwithpadding a:visited {
    color:#1c1c1c;
text-decoration: none;
    border-bottom:1px dotted #666;
font-weight:bold;
}

.errwithpadding a:hover,.errwithpadding  a:active {
color:#1c1c1c;
text-decoration: underline;
border-bottom:1px dotted #fff;
color:#666;
font-weight:bold;
}

.general_box{
border: #efece3 1px solid;
clear:both;
padding:.7em 11px;
margin-bottom:1.4em;
background: #f6f5f0;
}

.general_box_alt{
border: #cbc0a0 1px dotted;
clear:both;
padding:.7em 12px;
margin-bottom:1.4em;
background: blue;
}

.general_box > h2:first-child,
.general_box_alt > h2:first-child
{
    margin-top:.3em;
}

.general_box .last,
.general_box_alt .last
{
margin-bottom:0em;
}

.notopmarg{
    margin-top:0;
}

.extratopmarg{
    margin-top:1.4em;
}


.nobotmarg{
    margin-bottom:0;
}

.fullwidth{
width:100%;
}

.textalignright{
text-align:right;
}

.nowrap{
    white-space: nowrap;
}

.red{
color:#C41230;
}



.clearright{
    clear:right;
}

.highlight{
    padding:2px 8px;
    color:#444;
    border:2px solid #edc456;
    background: #FFFFEA;
    margin-bottom:1em;
}

.highlight a:link, .highlight a:visited {
    color:#1c1c1c;
text-decoration: none;
    border-bottom:1px dotted #666;
font-weight:bold;
}

.highlight a:hover,.highlight  a:active {
color:#1c1c1c;
text-decoration: underline;
border-bottom:1px dotted #fff;
color:#666;
font-weight:bold;
}

.footnote{
    vertical-align: super;
    font-size:.8em;
}

.tool_tip_trigger_click{
    cursor:pointer;
}

/************************************************this is from front CSS**/

#subscribe{
display:none;
}
/***************************************************this is from inner CSS*/




#content #submit, #submitdetails
{
    color:#f5f4f1;
    border-right:1px solid #474747;
    border-bottom:1px solid #474747;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #7c7c7c;
    overflow: visible;
    width:auto;
    padding:9px 12px 9px 12px;
    float:none;
    cursor: pointer;
    margin-right:0;
    margin-left:6px;
    background:#9d8c5e url(/img/bg/submit.jpg) repeat-x 0px 0px;
}

/*************************************This is all from the old style sheet (but still inside the inner css)*/

#recent_activity
{
margin-top:1em;
}


#recent_activity dt{
margin-top:.5em;
padding-left:12px;
}

#news_inner {
padding:1em 12px;
background:#fff;
border: 1px solid #f4f4f4;
border-top:1px solid #c9daac;
border-bottom:1px solid #c9daac;
margin-top:1.3em;
}

#news_inner dl{
margin-top:.6em;
line-height:1.4em;
}

#news_inner dt{
color:#666;
font-style: italic;
}
#news_inner dt span{
white-space: nowrap;
font-size:.9em;
}

#news_inner dt span.number{
color:#00c171;
font-weight:bold;
font-size:1.2em;
}
#news_inner dd {
margin-bottom:.5em;
margin-top:.5em;
padding-bottom:.5em;
}


#news_inner_front #news_inner {
margin-top:0;
padding-top:0;
padding-bottom:0;
}

#news_inner_front #news_inner {
margin-top:0;
padding-top:0;
padding-bottom:0;
}
/*ie 5*6 content jog bug fin is sheets*/
#news_inner_front{
font-size:.9em;
width:204px;
float:right;
background:#f1f6ea;
margin-left:12px;
border-top:1px solid #c9daac;
border-bottom:1px solid #c9daac;
margin-bottom:10px;
}

#news_inner_front #gotosectionnews{
margin-left:12px;
line-height:2.5em;
}

#news_inner_front p{
margin-left:12px;

}

#news_inner_front h2{
margin:0;
padding:.4em 12px;
}

#content #intronav ul
{ list-style:none;
margin: 0;
padding: 0;
list-style-image: none;
width:31%;
float:left;
margin-right:10px;
}

#content #intronav ul.last{
margin-right:0;
}

#content #intronav ul ul{
float:none;
width:auto;
font-size:.9em;
margin-top:.3em;
}

#content #intronav ul ul li{
margin-bottom:.4em;
line-height:1.3;
}

#solicitor_nav h2{
font-size:1.4em;
}

#solicitor_nav{
font-size:.8em;
width:124px;
float:right;
margin-left:12px;
border-bottom:1px solid #c9daac;
border-top:1px solid #c9daac;
padding:12px;
margin-bottom:2em;
}

#solicitor_nav li {
margin:0 0 0 0px;
}

#solicitor_nav ul  .ontrainer a{
background:#aaa;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
font-style:italic;
color:#fff;
padding:0 3px;
}

/*form used on SOLICITOR PAGES*/
form#contactform_solicitor,
form#clientform, form.listForm
{
padding:10px;
margin-top:1em;
border-bottom:1px solid #aec782;
font-size:.9em;
}

div#trainer_form_wrap {
width:395px;
}

div#trainer_form_wrap form#contactform_solicitor dt {
width:100px;
}

form#appform{
font-size:12px;
}
form.divappform{
font-size:12px;
}


form#contactform_solicitor input,
form#contactform_solicitor textarea,
form#clientform input,
form#clientform textarea,
form.listForm input,
form.listForm textarea,
form.listForm select,
form.divappform input,
form.divappform textarea,
form.divappform select
{
width:200px;
margin:0;
padding:0;
padding:.2em;
border:1px solid #aec782;
}
form.divappform .noborder {
border:none;
}
form.divappform .nowidth {
width:auto;
}
form.divappform input#next, form.divappform input#send {
float:right;
}

#content form.divappform div#secondhalf {
padding:0px;
margin:0px;
background:none;
}

form div.errMsg, #content form.divappform div.errMsg {
padding: 5px;
background:none;
background-color:#fffddc;
margin:0.5em 0px 0.5em 0px;

}

.validErr, form div.errMsg, #content form.divappform .validErr, #content form.divappform div.errMsg {
border:1px solid red;
font-weight:bold;
}

form#contactform_solicitor dl dt.checkbox,
form#clientform dl dt.checkbox
{
width:20px;
}
form#contactform_solicitor dl dd.checkbox,
form#clientform dl dd.checkbox
{
text-align:left;
}
form#contactform_solicitor input.checkbox,
form#clientform  input.checkbox
{
border:none;
width:auto;
}

form#contactform_solicitor textarea,
form#clientform Textarea
{
overflow:auto;
height:8em;
width:198px;
}
form#contactform_solicitor dl,
form#clientform dl
{
padding:0;
margin:0;
width:100%;
}


form#contactform_solicitor dt,
form#clientform dt
{
text-align:left;
width:240px;
padding-top:.5em;
padding-bottom:.5em;
float:left;
font-weight:bold;
padding-left:10px;
}

form#contactform_solicitor dd,
form#clientform dd
{
text-align:right;
padding:.5em 10px .5em 0px;
margin:0 0 1em 0;
background:#f1f6ea;

}

form#contactform_solicitor dd input.button,
form#clientform dd input.button
{
width:205px;
font-weight:bold;
}

form#contactform_solicitor fieldset,
form#clientform fieldset
{
padding:20px;
margin:0;
border:none;

}
form#contactform_solicitor fieldset fieldset,
form#clientform fieldset fieldset{
text-align:left;
padding:10px;
margin-bottom:1em;
}

form#contactform_solicitor dt.submitdt,
form#clientform dt.submitdt{
text-indent:-999em;
}

form.listForm fieldset
{
padding:1em 0px;
margin:0;
border:none;
}

#content form.listForm ul{
padding:0;
margin:0;
list-style:none;
list-style-image: none;
}

form.listForm ul li label{
text-align:left;
width:240px;
float:left;
font-weight:bold;
/*padding-left:10px;*/
}

#content form.listForm li input,
#content form.listForm li textarea,
#content form.listForm li select
{
margin-right:15px;
float:right;
margin-left:10px;
min-width:200px;

}

#content form.divappform label {
font-weight:bold;
}

#content form.divappform div {
background: url(/img/bg/light_grad_grey.gif) repeat-x left top;
background-color:#fbfbfb;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:15px;
margin-bottom:1em;
}

#content form.listForm li{
clear:both;
background: url(/img/bg/light_grad.gif) repeat-x left top;
width:100%;
overflow:hidden;
padding:0.5em 0px 0.5em 10px;
}


.contactpop {
padding:12px;
background:#f8fbf5 url(/img/bg/light_grad_longer.gif) repeat-x 0 0;
border-bottom:1px solid #f4f4f4;

}
.contactpop dl{
float:left;
width:260px;
}


.contactpop dt{
color:#79a130;
font-size:1.4em;
font-weight:bold;
}

#newssearch {
padding:1em 10px;
background:#fff;
border-bottom:1px solid #aec782;
margin-top:1.3em;
}


#newssearch input{
width:13em;
border:1px solid #aec782;
font-size:100%;
}
#newssearch input.button{
cursor: pointer;
border:none;
width:auto;
float:right;
margin-top:-10px;
}

#newssearch #narrow{
padding:12px 0 0 0;
border-top:1px dotted #ccc;
margin-top:1em;
font-weight:normal;
font-size:.9em;
}


#newssearch input.checkbox{
width:auto;
border:none;
margin-right:3px;
}

.gen_err {
font-weight:bold;
border:1px solid #daacac;
background-color:#f6e8e8;
padding:10px;
}


/*can be deleted once searches are swapped*/
#oldnewssearch{
font-size:.9em;
}

#newssearch #oldnewssearch input.button{
font-weight:bold;
width:6em;
text-align:center;
border:none;
color:#fff;
cursor: pointer;
background:#00C171;
height:18px;
float:none;
}

#content .gen_box, #bsk_additional_courses {
border:1px solid #C9DAAC;
background-color:#f8fbf5;
padding:10px;
}

.clientzone {
width:256px;
padding:12px;
position:relative;
float:right;
font-size:.9em;
padding-bottom:10px;
margin-left:12px;
border:1px solid #c9daac;
}

.clientzone  dl{
margin-top:.5em;
}

.clientzone dt{
float:left;
margin-top:.4em;
width:85px;

}
.clientzone dd{
float:right;
margin-top:.4em;
width:115px;
text-align:right;
}

.clientzone input{
width:100px;
font-size:100%;
}

.clientzone input.button{
width:102px;
}
span.chCountOver {
color:red;
font-weight:bold;
}

.infoSection, .basketMsg {
background-color:#fffddc;
border:2px solid #edea11;
padding:10px;
margin-bottom:1em;
}

.bsksuggestion {
margin-bottom:1em;
padding:5px;
background:#f8fbf5 url(/img/bg/light_grad_longer.gif) repeat-x 0 0;
border:1px solid #c9daac;
}

input.nowidth {
width:auto;
}

tr#bskdiscount td {
border-top:1px solid #bee4be;
padding-top:2px;
background-color:#e8f6e8;
}

dl.order_details dt {
font-weight:bold;
float:left;
width:24%;
}

dl.order_details dd {
float:left;
width:70%;
}

dl.order_details dd,
dl.order_details dt{
margin-top:0.25em;
}

#video_nav{
float:right;
width:308px;
margin-top:-42px;
background:yellow;
position:relative;
margin-right:-12px;
padding:24px 0 0 4px;
min-height:420px;
font-size:.8em;
line-height: 1.3;
}

.video_item{
background-repeat:no-repeat;
background-position:12px 5px;
padding:.3em 12px .8em 90px;
margin-bottom:1em;
}

.video_item p{
margin-bottom:0;
}

.video_item h2{
margin-top:0;
font-size:1.4em;
}

#youtubego{
display:none;
}

#videoside{
float:left;
width:370px;
}

#videoside .gen_box{
margin-top:2em;
}

.video_gen{
color:#666;
font-style:italic;
font-size:.8em;
width:280px;
line-height: 1.2;
}

.video_gen p{
margin-top:.6em;
}