/* RESET:
    - Set page margin
    - Reset anything else that looks pretty on screen and awful on paper
************************************************************************/

@page { margin: 1.5cm; }

/* PAGE BREAKS and general styles 
***********************************/
thead { display: table-header-group; } 
tr, img, blockquote { page-break-inside: avoid; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3, dt { page-break-after: avoid; }
th {
  border: 1px solid #D8D8D8;
  background-color: #e7e7e7;
}
td, th {
  border: 1px solid #e7e7e7;
  padding: 15px;
}
body {font-family: arial; color: #222;}
.container {width: 100%; margin: 0; float: none;}

/* Print the attribute content after the link, since the user can't get that information on hover any more.
   Exceptions:
   - Internal links to #anchors
   - JavaScript links
   - links in tables, where the layout would be wrecked by long non-wrapping link
**************************************************************************************************************/
a{color: #000; word-wrap: break-word;}
abbr[title]:after { content: " (" attr(title) ")"; }
a[href^="javascript:"]:after, a[href^="#"]:after, table a[href]:after, a.screenUrl:after { content: ""; }  
a {text-decoration: none;}
a:link:after,
a:visited:after {
 content: " (" attr(href) ") ";
 font: normal 14px "Arial", Arial, Helvetica, sans-serif; color: #666; 
}
a[href^="/"]:after { 
    content: " (http://www.tpr.gov.uk" attr(href)") "; font: normal 14px "Arial", Arial, Helvetica, sans-serif; color: #666; 
}
a[href^="#"]:after {
    content: none !important;
}

.sidebar-button, .skip {display:none;}

/* LISTS 
   list-style-image is usually not printed anyway, so ensure there's a bullet. Restore default spacing so it's in the right place.
   .body is only there for the weight 
************************************************************************************************************************************/
.body ul { margin-left: 1.153846em; }
.body ul li { padding-left: 0; background-image: none; list-style-image: none; list-style-type: disc;} 
li { padding-bottom: 10px;}
.flexslider li, .flexslider ul {list-style:none; padding-left:0px !important;} 

/* Hide elements when printing 
***********************************/
.nav,footer, .content-info, div#search-and-social,  .navbar-toggle, #mobileNavToggle,  #logo, #mobileNavWrapper, #logo-header span, 
img, #left-nav, #mobile-section-bar, #mobile-section-nav, .anchor.last, .chevron, #back-to-home, .mobile-control-nav, .offscreen, .sr-only, .slideraction
{ display: none; }

/* Fix the header and logo 
**************************/  
#logo-header {font-size: 40px;}
a.navbar-brand {font-size: 40px; text-decoration: none;}
a.navbar-brand:after {content: none !important;}

/* Home page fixes 
******************/
.flexslider {
  min-height: 0px !important;
  margin: 0 0 0px !important;
  background: #fff;
  position: relative;
 
}
.flexslider li {min-height: 0px !important;}
.flex-control-nav, .flex-direction-nav {display:none; float: left;}
.home-info-panel {
  position: relative !important;
  left:0px !important; 
  min-height: 0px !important;
  width:700px;
}

h1.sr-only {display:block;}

/* Other tweaks 
***************/
 .reference{
  border: 15px solid #e7e7e7;
  padding: 15px;
  margin: 15px 0;
}
/* Duplicate slider for AE
***************************/
.clone { display:none !important}
h2 {min-height: 0px !important;}
.pod-body, .white-bg {min-height: 0px !important;}


/* Timeline planner
********************/
/* Hide for print */
#content .tool-wrapper .no-print, #content .tool-wrapper .ae-key {display: none !important}
#content .tool-wrapper .ae-panel, #content .tool-wrapper img.timeline-graphic {display: block !important}

#content .tool-wrapper .plan-status #ae-youare, 
#content .tool-wrapper .plan-status #ae-yourdate, 
#content .tool-wrapper .plan-status #ae-deadline, 

#content .tool-wrapper .plan-status #ae-youare p, 
#content .tool-wrapper .plan-status #ae-yourdate p, 
#content .tool-wrapper .plan-status #ae-deadline p,
{
    /*float: left;*/
    /*height: 50px;*/
    /*display: block; */
    border: 1px solid black !important
}

#content .tool-wrapper .plan-status #ae-youare span, 
#content .tool-wrapper .plan-status #ae-yourdate span, 
#content .tool-wrapper .plan-status #ae-deadline span,
{
    /*display: block;*/
    border: 1px solid red !important

}

img.timeline-graphic {/*margin-top: 300px;*/ margin-left: -20px;}