/*
wrapper width, 
NM latest changes: forced wrapper width to 90% (was 85% before) - that killed all truncated text - and added important after the "useless stuff"
14 Feb: kill position img which reappeared after MP1 login div.
*/




* {color:black !important; background-color: white !important; float:none!important; overflow:visible!important;}

#wrapper {width:89%!important;margin:auto; font-family:Arial,Times,serif; padding:0;float:none;display:inline!important;}

/*
#wrapper {width:89%;margin: 0 5% 5% 5%; font-family:Arial, Times, serif; padding:0;}
body{margin-bottom:10%;}
#wrapper {width:auto;margin:auto;position:relative;float:none!important;}
#branding {width:100%; background-image:url(none);}
#branding img {border:none;}
#branding h1 {width:100%;margin-left:0; padding:10px;color:black; text-decoration:underline; text-align:center;}
*/



#header {min-height:50px;border-bottom:none!important;} 
#header img.logo {padding-left:0;} /* align with rest of the page*/
div.position {height:20px;}
#mainContent {width:100%;  clear:both; margin:0; padding:0;font-size:85%;}

#mainContent h1{margin:2em 0 0 0;}
/* Home stuff */
body #home ul#homepage-externals li.find-solicitor, body #home ul#homepage-externals li.lcs {padding-left:0;}
body #home #mainContent #column1, body #home #mainContent #column2 {border:none; width:100%!important;display:block;}

#home #mainContent h2.renewal {
background-color:#fff;
background-image:none;
color:#000;
border:0px;}

#home #mainContent h2.renewal a {
color:#000!important;
display:block;}

.renewal-new-forms a {
color:#000!important;
display:block;
}

#home #mainContent .sitesearch {
display:none;
}

h2,h3,h4,h5, h6 {color:black;}
body.consumers #mainContent h2,body.consumers#home #mainContent h2, body.students #mainContent h2,body.students#home #mainContent h2, body.solicitors #mainContent h2, body.solicitors#home #mainContent h2 {border:none;}

#mainContent ul {margin: .5em 0 0 1em; padding-left:1em;}
#mainContent ul li {list-style:circle; list-style-image: url(none); background-image:none; padding-left:0;}

#mainContent ol {margin: .5em 0 0 1em; padding-left:1em;list-style:decimal;list-style-position: outside;} 
#mainContent li ol {margin:0.5em ; padding-left:1.5em; margin-left:1em;list-style:decimal;list-style-position: outside;} 
#mainContent li {margin: .5em 0; /* space before <li> in 1st level  */}
#mainContent ul ul {margin:0 .5em ; padding-left:1.5em; margin-left:1em; } /* no top or bottom space on nested lists */
#mainContent li li {margin:0; } /* no space on sub-bullets, but indent */
#mainContent ul.fake-ol li {list-style:none;}
body.solicitors #mainContent ul.re-ul, body.solicitors #mainContent ul.points {margin-left:2em;}
body.solicitors #mainContent ul.re-ul li {list-style:circle; list-style-image: url(none); background-image:none; padding-left:0;margin-left:0;}
body.solicitors #mainContent div.coc ul.points li {list-style-image: none;list-style-type:none;/*background: url(/images/bullet-grey.gif) no-repeat left 0.75em; padding-left:3em;margin-left:10px*/}



#mainContent a {text-decoration:underline;}
#mainContent a[href]:after {
content: " [link: " attr(href) "]";
font-size: 90%; font-style:italic; text-decoration:none;
}
   
/* snip hideously long links to legislation */
#mainContent  a[href*="http://www.statutelaw.gov.uk"]:after   {
content: "[search http://www.statutelaw.gov.uk]";
font-size: 90%; font-style:italic; text-decoration:none;}  
   
/* remove Javascript void */
 #mainContent  a[href*="javascript:void(0)"]:after {
content: "";
font-size: 90%; font-style:italic; text-decoration:none;}  

#mainContent a[href*="#"]:after { content:""} /* don't put internal anchors in */
#mainContent a[href] {padding-right:0!important; background:none;} /* no background image so no padding */

/* if code of conduct, only show external links */	
#mainContent div.coc a {text-decoration:none;}
#mainContent div.coc a:after { content:"";}
#mainContent div.coc a[href*="http://"]:after   {
content: " [link: " attr(href) "]";
font-size: 90%; font-style:italic; text-decoration:none;}   

#mainContent div.coc ol li  {margin:0.5em ; padding-left:1.5em; margin-left:1em;list-style:decimal;list-style-position: outside;} 
#mainContent div.coc ol {margin:0.5em ; padding-left:1.5em; margin-left:1em;list-style:decimal;list-style-position: outside;} 
#mainContent  div.coc ul  {
padding-left: 2em;
margin-left: 1em;
margin-bottom:1.25em;
} 

#mainContent  div.coc li {
list-style: none;
}
#mainContent div.coc ul.points li {list-style:circle;}

#mainContent div.coc li p {margin-left:2em;}
#mainContent div.coc li span {font-weight:normal;}

/* CoC preview */
.preview-article-note p{
margin:0;padding-left:1em;
}



/* tooltip */
#mainContent a.tooltip span {display:inline;text-decoration:none;}

/*  NUKE COLOURS */
.nb {padding:5px; background-image:none; border: 1px solid #bbb; text-align:center;}
.nb  strong {font-weight:bold;} 
hr {color:#666; background-color:#666;}
#show-hide .article {border:none;/*padding:10px; margin-bottom:10px;*/ padding:0!important;margin:0!important;}

#mainContent img {float:left; border:1px solid #ddd; padding:1px; margin-right:15px;}
#mainContent dl {list-style-type:none;}
#mainContent dt {width:30%;padding:0.5em;float:left;clear:both;margin:0;font-weight:bold;color:black;}
#mainContent dd {margin-left:35%;margin-bottom:1em;padding:.5em;margin-top:-2.7em;}

/* tables - make IE be nice with printing tables http://www.webmasterworld.com/forum83/21.htm */
thead { display: table-header-group; }
tfoot { display: table-footer-group; }

table {
width: 89%;
margin: 1em 0 1em 5%;
border: solid 2px gray;
border-width: 1px 0 0 1px;}
th, td {text-align:center;
border: solid 1px gray;
border-width: 0 1px 1px 0;
padding: 0.2em;}
th {font-weight:bold;}
td.firstColumn, th.firstColumn{border: 1px solid gray;}	
caption {font-weight:bold; text-decoration:underline;}
.highlight {border-color:black;}

div.notesintro {background-color:#E7E7EF;border:none;}

/* To remove the(new) utility header containing print + save as PDF options */
.utilityheader {display:none;}
.h2icons {display:none;}

/* preview area */
#mainContent #preview-article-note, #show-hide #mainContent #preview-article {margin:0;background-color:white;border:none;}

/*links within showhide are not to be mistaken for insertions*/ #show-hide #mainContent a {text-decoration:none!important;}
#show-hide .show-markup #mainContent ins a {text-decoration:underline!important;}
/*links within showhide are not to be mistaken for insertions except for when they're inside an insertion */ #show-hide #mainContent ins a {text-decoration:underline;}
/*why not ins in blue? */.show-markup #mainContent ins.current-ins, .show-markup #mainContent ins.current-ins * {color:#0033FF!important;}
/*why not ins in blue? ...except for links inside inserts*/#show-hide #mainContent ins.current-ins a{text-decoration:underline!important;}
/*why not del in blue? */.show-markup #mainContent del.current-del, .show-markup #mainContent del.current-del * {color:red!important;}

/* CHANGE TRACKER*/
#amend-list #amend-list2 #ul-amend-title.off,#amend-title-container, #ul-amend.on,#ul-amend.on {display:none!important;}
#preview-article.future-version {background:#FFFFFF url(notyetinforce.gif) repeat-y scroll right 100px}
#preview-article.current-version {background:#FFFFFF url(currentlyinforce.gif) repeat-y scroll right 100px}
#preview-article.past-version {background:#FFFFFF url(nolongerinforce.gif) repeat-y scroll right 100px}
#preview-article-note #document-date {background-image:none;padding:5px 0 5px 10px;border:none;}
#amend-list #amend-list2 #ul-amend-title{border:none;}
#preview-article dt{page-break-before:auto;}
#mainContent div.coc li span.num1,#mainContent div.coc li span.num2 {letter-spacing:normal;}
#preview-article-note div#amendment-information ins {color:black!important;}

/* for some reason, the below is necessary for the SRA handbook in FIP
#show-hide #destinations, #show-hide a#skip, #show-hide .readmore{display:none;}
#show-hide #header, #show-hide .article{border:none;}
#show-hide #mainContent {width:inherit!important;position:absolute;left:0;margin:0;padding:0 0 10px 0;}
#show-hide .latest-date {display:block} */



/*force some images to print*/
#mainContent img.force-print {display:block!important;border:none;}

/* force page breaks before tables and diagrams so they don't run on two pages (if your table is longer than a page, it obviously won't help */
.page-break {page-break-before:always; }




/* calculator stuff*/
#mainContent div.cal-holder th {background-color:#fff;color:#000;text-align:left;}


/*
ARP form
*/

div.formarticle,div.formRow,.leftCol,.rightCol {float:none;width:100%;clear:both;}

body.solicitors td {text-align:left;}

/* Added by Paul Fletcher March 2011 */
#mainContent.handbook{width:100%;}

#mainContent.handbook  #handbook-doc-version, #mainContent.handbook #handbook-doc-notes, #mainContent.handbook .utility-bar , #mainContent #handbook-inner-container {
	background-color:none; 
	border-style:none;
}

#mainContent.handbook #handbook-container .utility-bar h1 {
	padding-left:0;
	padding-right:0;
	margin-left:0;
	width:100%!important;
}
#mainContent.handbook #handbook-doc-notes {
	font-size:1em;
	padding:0;
	width:90%;
	font-style:italic;
}
#mainContent.handbook #handbook-doc-notes a {
	display:none;
}
#mainContent.handbook #handbook-doc-version {
	border:1px solid #000;
	width:90%;
}
#mainContent.handbook #handbook-inner-container {
	padding:0;
	width:90%;
}
#mainContent #handbook-nav {
	display:none;
}
#mainContent.handbook h1  {
	margin:0 !important;
	padding:0 !important;
	line-height:3em;
}
#mainContent.handbook preview-article {margin:0;padding:0}
#mainContent.handbook div#handbook-overview-col-left, #mainContent.handbook div#handbook-overview-col-right {width:100%;}






/*Handbook*/
/*#mainContent.handbook {width:500px!important;}*/

#mainContent.handbook ins {
    color: blue!important;
}

#mainContent.handbook ins dfn{
    color: blue!important;
}
#mainContent.handbook ins u{
    color: blue!important;
}

#mainContent.handbook ins span.sar-term{
    color: blue!important;
} 

#mainContent.handbook del {
    color: red!important;
}

#mainContent.handbook del dfn{
    color: red!important;
}
#mainContent.handbook del dfn{
    color: red!important;
}

#mainContent.handbook del span.sar-term{
    color: red!important;
} 


#mainContent.handbook div.WordSection1 ul {
    list-style-image:none !important;
	list-style-type:none !important;
}
#mainContent.handbook div.WordSection1 #handbook-inner-container ul li {
    list-style-image:none !important;
	list-style-type:none !important;
}

#mainContent div.coc ul.long-num li span {margin-left:-2.2em!important;}

/*End handbook*/

/* Redesign stuff */
#mainContent.wide #fadeBoxWide #fadeImageMenu {border:none;width:100%;height:auto}
#fadeImageMenu {float:none;border:none;width:100%;height:auto}
/*#segmentLinks {background-color:none;float:none;display:none;}*/
#segmentLinks .segment {float:none;}
/*#homeMiniTabs {float:none;display:none}*/
#siteHomeBoxes .box1 {float:none;}
#siteHomeBoxes .box2 {float:none;}
#fadeBoxWide {float:none;}
.video-listing {display:block;}
#mainContent ul#homeTabs li {display:block;}
 #tabContentPlaceHolder {border:none;float:none;position:static;}
#mainContent.wide #fadeBoxWide #fadeImageMenu li.on {background-image:none;}
#mainContent #fadeImageMenu li a {position:static;width:100%;margin:0;padding:0}
#mainContent ul#homeTabs li a.tabTitleon {border:none;}
#mainContent #fadeImageMenu li {border:none;background-image:none;height:auto;}
#fadeBoxWide .fadeImageCaption {float:none;}
#fadeImageMenu ul {border:none;margin:0;}
#mainContent #fadeImageMenu li.on {position:static;background-image:none;background-color:#fff}
#mainContent ul#homeTabs li a {border:none;float:none;}
#fadeImageMenu ul {margin:0;}
/* -------------------------------------------------------------*/

/*First row: image rotator --*/
#fadeBoxWide #fadeImage1{
background-image: none;
width:auto;
}
#fadeBoxWide #fadeImage3{
background-image: none;
width:auto;
}
#fadeBoxWide #fadeImage2{
background-image: none;
width:100%;
}

 
/* Second row: 3 main audiences: "segment links" -*/
#segmentLinks {
border:none;
background-color:#fff;
padding:0;
float:none;
clear:left;
width:100%;
height:auto;
margin-top:0;
}
		
#segmentLinks .segment {
width:100%;
float:none;
margin:0;
display:block;
background-color:#fff;
}
		
#mainContent .segment h2 {
    background-image:none;
    color: #000;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
    padding: 3px 10px;
}
		
#mainContent .segment h2 a{
background-image:none;display:block;text-decoration:none;color:#000;}
#mainContent .segment h2 a:visited{color:#000;}
#mainContent .segment ul {
padding:10px 5px;
background-color:#fff;
margin:0;
height:auto /*100px*/;
}
#mainContent .segment ul li{
padding:10px 3px 10px 7px;
border-bottom:none;
margin:0;
background-image:none;
font-weight:bold;
}
#mainContent .segment ul li a, #mainContent .segment ul li a:visited {
color:#b50038;
text-decoration:none;
}

#mainContent .segment ul li a:hover {
color:#b50038;
text-decoration:underline;
}

#mainContent .segment p {
display:none;
}


#mainContent #tabContentPlaceHolder ul li{
padding:5px/*0.2em 0 0.5em 1em*/;
border:none;
}
#mainContent #segmentLinks a.more {background-color:#fff;
color:#fff;
padding:2px 3px;
text-decoration:none;
border-radius:2px;
-moz-border-radius:2px;
}

#mainContent #segmentLinks a.more:visited, #mainContent #segmentLinks a.more:target {background-color:#fff;
color:#000;
text-decoration:none;
}
#mainContent a.more:hover{text-decoration:underline; }
 
/* Second row: minitabs on home homepage -- */

#homeMiniTabs {
float:none;
width:100%;
margin:0;
}
#mainContent.wide ul#homeTabs li a{width:100%;}
#mainContent.wide ul#homeTabs li {padding:0;margin:0}
#mainContent.wide #homeMiniTabs #tabContentPlaceHolder {
height:auto;min-height:auto;
width:100%;}
#mainContent.wide #homeMiniTabs #tabsPlaceHolder{
width:100%;
}
#mainContent.wide #homeMiniTabs #tabContentPlaceHolder ul{margin:0;}
#mainContent #homeMiniTabs #tabContentPlaceHolder h3 {margin-top:0}
#mainContent #homeMiniTabs #tabContentPlaceHolder li {border:none;}
#homeMiniTabs #tabContentPlaceHolder ul p {text-align:left;line-height:1em;font-size:12px;}
#homeMiniTabs #tabContentPlaceHolder p.more {text-align:right;line-height:0;padding-right:2em;}
#mainContent #homeMiniTabs #tabContentPlaceHolder a.more, #homeMiniTabs #tabContentPlaceHolder a.more:visited {color:#b50038;text-decoration:underline;}
#mainContent #homeMiniTabs #tabContentPlaceHolder a.more:hover{text-decoration:none;}


#countDownHolder {
    background: url(none) repeat-x scroll left -5px #fff;
    height:auto;
    padding:0;
}
#countDownHolder img {display:block}


/* Third row: sub-audience, who we are, ofrcountdown --*/
#siteHomeBoxes {
width:100%;
float:none;
}
#mainContent #siteHomeBoxes ul{
margin:0;}
#mainContent #siteHomeBoxes ul li{
padding:0;
/*border-bottom:1px solid #ccc;*/
margin:0;
line-height:1.1em;
background-image:none;
font-weight:normal;
}
#siteHomeBoxes .box1 {
background: url(none) no-repeat scroll left top transparent;
float:none;
width:100%;
margin:0;
padding:0;
}
.box1 .body {
border-right:none;
border-bottom:none;
border-left:none;
padding:0;
margin-top:0;
height:auto/*95px*/;
}

#siteHomeBoxes .box2 {
    background: url(none) no-repeat scroll left top transparent;
    float: none;
    margin:0;
    padding: 0;
    width: 100%;
}

.box2 .body{
background: url(none) no-repeat scroll bottom right transparent;
 border-bottom: none;
    border-left: none;
    border-right: none;
    height: auto;
   padding: 0;
}


#siteHomeBoxes .box3 {
float:none;
width:100%;
margin:0;
}
		
#homeBoxes {float:none;margin:0;padding:0} 
#mainContent #homeBoxes ul.home-navigation{
line-height: 1em;
margin-left: 0;
}
#mainContent #homeBoxes h2{
font-size:1em;
line-height:auto;
}

.col3 {
background:transparent url(none) no-repeat left top;
display:block;
height:16em;
float:none;
margin:0 0 0 17px;
padding:0;
}
#homeBoxes {float:none;clear:both;}

#mainContent #homeBoxes .col3-body {
background:white url(none) repeat-x bottom left;
border:none;
height:auto;
min-height:auto;
margin:0;
padding:0;
}

#homeBoxes .col2 {
    background: url(none) no-repeat scroll left top transparent;
    float:none;
    margin: 0;
    padding: 0;
    width:100%;
}

#mainContent #homeBoxes .col2-body {
 border-bottom:none;
    border:none;
    height: auto;
    padding:0;
}

#mainContent ul#homeTabs li{padding:0;display:block;}

#mainContent ul#homeTabs li a{
border:none;
float:none;
width:100%;
}


#mainContent ul#homeTabs li a.tabTitleon{
height:auto;
border-bottom:none;
border-top:none;
}

#tabContentPlaceHolder{float:none;width:auto;
position:static;
border:none;height:auto;min-height:auto;
}

#fadeBox {border:none;float:none;}

input {display:block;}


/* ---------------------------------------*/



/* kill useless stuff */
a#skip, #destinations, #externals, #footer,  #back-to-top, .readmore, #mainContent div.TOC,.index-nav, #search, .noprint , div.sections-nav, #generated-toc, #generated-toc ul, #generated-cites, a#generated_toc_d_toggle, #generated-toc p#toggle-container, ul#tabs, #header img.staff,  .position img, form#preferences, #mainContent form.sitesearch, iframe, .indexmenu, .hidden, .utilityheader, .h2icons,#mainContent img, #login, .crumb, #handbookPageSearch, #handbook-doc-version, #mainContent.handbook #preview-article h1, #levelTwoTitle, #siteContact, #mainContent.wide #fadeBoxWide #fadeImageHolder, #fadeImageHolder, #ui1, .handbook-left-nav, .search-box, #handbook-toolbar, .twitter-share-button {display:none!important;}