/* Primary Colours */
/* Tertiary Colours */
/* Accent Colours */
/* Social Media Colours */
/* Transparent borders */
/* Banner borders */
/* Outline borders */
/* Square borders (for solid backgrounds) */
/* Square borders (for VIOLET backgrounds) */
/* Wide borders (for solid backgrounds) */
/* @file Print Styles This probably needs work, but it's a good starting point. */
.clearfix:after { content: ""; display: table; clear: both; }

.clearfix { zoom: 1; }

/* Body */
body { width: 100% !important; margin: 0 !important; padding: 0 !important; /*line-height: 1.4;
word-spacing: 1.1pt;
letter-spacing: 0.2pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/ color: black; /*background: none;
font-size: 11pt;*/ }

/* Links */
a { background: transparent; font-weight: 700; text-decoration: underline; color: #0000ee; }
a[href^="http://"]:after, a[href^="http://"]:visited:after { content: "(" attr(href) ")"; font-size: 10pt; }

/* Strip background from likely candidates 
div[id*="wrapper"],
[class*="title"],
[class*="inner"],
header,
footer,
#branding,
#container,
#columns,
.columns-inner,
#content-column,
.content-inner,
.region,
.region-header,
.region-content,
.article,
.article-title,
.article-content,
.comment,
.comment-title,
.comment-content,
.block,
.block-inner,
.block-title,
.block-content,
table,
table * { background: none !important;
}*/
/* Hide various bits of the page */
.sidebar, #breadcrumb, .nav, .field-type-taxonomy-term-reference, ul.links, .feed-icon, .poll .bar, .poll .foreground, .comment-form, #comment-form, #leaderboard-wrapper, #searchbar-wrapper, #header-wrapper, #footer-wrapper, #tertiary-content-wrapper, .book-navigation, .tabs, .action-links, .pager, .messages, .help { display: none; }

/* Ensure the display the main content region */
#content { display: block !important; }

/* Layout */
#header { margin-bottom: 20px; }

.content-inner { margin: 0 !important; padding: 0 !important; }

/* HTML elements */
h1, h2, h3, h4, h5, h6 { color: #333333; margin: 0; padding: 0; line-height: 1; }

h1 { font-size: 14pt; }

h2 { font-size: 13pt; }

h3 { font-size: 12pt; }

h4, h5, h6 { font-size: 11pt; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #site-name a, #site-slogan { text-decoration: none !important; color: #333333; }

hgroup a:link, hgroup a:visited { text-decoration: none; }

#page-title { margin-top: 20px; }

pre, code, tt, samp, kbd, var { font-size: 10pt; font-family: Consolas, "Lucida Console", Menlo, Monaco, "DejaVu Sans Mono", monospace, sans-serif; }

blockquote { margin: 20px; padding: 10px; font-size: 10pt; font-style: italic; background: #eeeeee; }

hr { background-color: #666666; }

/* Header, Logo, Site name */
#header { padding-bottom: 20px; }

#logo img { padding: 0 10px 0 0; margin: 0 !important; float: none !important; }

/* Images */
img { float: left; margin: 4px 20px 10px 0; page-break-inside: avoid; }

a img { border: none; }

/* Tables */
table { margin: 1px; text-align: left; }

th { border-bottom: 1px solid #333333; font-weight: 700; }

td { border-bottom: 1px solid #333333; }

th, td { padding: 4px 10px 4px 0; }

tfoot { font-style: italic; }

caption { margin-bottom: 10px; text-align: left; }

thead { display: table-header-group; }

tr { page-break-inside: avoid; }

/* Forms */
form { margin-bottom: 10px; }

/* Poll module */
.poll .text, .poll .percent, .poll .total { text-align: left; }
.poll form { margin-bottom: 0; }

/* Articles */
.node, .comment { margin-bottom: 20px; overflow: hidden; page-break-inside: avoid; }

.submitted { color: #666666; text-decoration: none; font-size: 9pt; font-weight: 400; margin: 0; padding: 0; }
.submitted a { color: #666666; text-decoration: none; font-size: 9pt; font-weight: 400; margin: 0; padding: 0; }

/* Champions eCertificates */
.page-node-98568 #page-title { /* hide all certificate page titles */ display: none; }

.ecertificate-top { border-image-slice: 17 17 17 17; border-image-width: 12px 12px 12px 12px; border-image-outset: 0px 0px 0px 0px; border-image-repeat: stretch stretch; border-style: solid; border-image-source: url(images/border_red_outline2.png); padding: 2em; margin: 0 auto 1em auto; }
.ecertificate-top .ecertificate-heading { margin: 0 auto 1em auto; }
.ecertificate-top .ecertificate-heading img { width: 625px !important; height: auto; }
.ecertificate-top .ecertificate-namebox { border-image-slice: 17 17 17 17; border-image-width: 12px 12px 12px 12px; border-image-outset: 0px 0px 0px 0px; border-image-repeat: stretch stretch; border-style: solid; border-image-source: url(images/border_lightgrey_square.png); padding: 0 4em 0.5em 4em; }
.ecertificate-top .ecertificate-namebox p { font-family: Interstate, Arial, Helvetica, sans-serif; font-size: 1.625em; margin-bottom: 0.5em; }
.ecertificate-top .ecertificate-namebox .ecertificate-name { font-size: 2.25em; }
.ecertificate-top .ecertificate-namebox .ecertificate-date { margin: 1em 0; }
.ecertificate-top .ttc-logo { width: 234px; margin: 1em auto 0 auto; }

.ecertificate-bottom { display: none; }

/* Champions Project Planner (Node) */
.node-type-project-planner { font-family: Arial, Helvetica, sans-serif; }
.node-type-project-planner .node-project-planner .node-content { border: 4px solid #d1eaf1; margin-top: 1.5em; }
.node-type-project-planner .node-project-planner .node-content .milestones-header { padding: 1.5em; background-color: #d1eaf1; -webkit-print-color-adjust: exact; }
.node-type-project-planner .node-project-planner .node-content .milestones-header .field-name-field-milestone-title { font-size: 2em; margin-bottom: 0.5em; }
.node-type-project-planner .node-project-planner .node-content .milestones-header .milestone-dates .field-type-datetime { float: left; margin-right: 1em; }
.node-type-project-planner .node-project-planner .node-content .milestones-header .milestone-dates .field-type-datetime .field-label { font-weight: normal; }
.node-type-project-planner .node-project-planner .node-content .milestones-header .milestone-dates .field-type-datetime .field-item { font-weight: bold; font-size: 1.5em; }
.node-type-project-planner .node-project-planner .node-content .milestones-header .milestone-dates .field-name-field-milestone-planning-date { color: #216A95; }
.node-type-project-planner .node-project-planner .node-content .milestones-header .milestone-dates .field-name-field-milestone-event-date { color: #c60751; }
.node-type-project-planner .node-project-planner .node-content .field-name-field-milestones-markup h3 { color: #404040; font-weight: normal; font-size: 1.75em; margin: 0; padding: 1em; }
.node-type-project-planner .node-project-planner .node-content .milestone-wrapper { padding-top: 1.5em; padding-bottom: 1em; border-top: 1px solid #216A95; margin: 0 2em; background: url(images/completed_icon.png) no-repeat right top; -webkit-print-color-adjust: exact; }
.node-type-project-planner .node-project-planner .node-content .milestone-wrapper .field-type-datetime { float: left; width: 20%; }
.node-type-project-planner .node-project-planner .node-content .milestone-wrapper .field-type-datetime .date-display-single { font-weight: bold; color: #c60751; font-size: 1.35em; display: block; }
.node-type-project-planner .node-project-planner .node-content .milestone-wrapper .field-type-datetime .addtocal { display: none; }
.node-type-project-planner .node-project-planner .node-content .milestone-wrapper .group-info { float: left; width: 80%; }
.node-type-project-planner .node-project-planner .node-content .milestone-wrapper .group-info .field-type-text { font-weight: bold; font-size: 1.25em; padding-right: 150px; }
.node-type-project-planner .node-project-planner .node-content .milestone-wrapper .group-info .field-type-text-long { font-size: 1em; padding-right: 150px; }