/* Typography
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { line-height: 100%; margin-bottom: 18px; font-weight: normal; color: #004A7C; }
h1 { font-size: 2.8em; letter-spacing: -1px; font-weight: bold; color: #0085C2; }
h2 { font-size: 2.2em; letter-spacing: -1px; }
h3 { font-size: 1.8em; letter-spacing: 0px; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; text-transform: uppercase; }
h6 { font-size: 1.4em; }
p, ul, ol, table { font-size: 14px; line-height: 20px; margin-bottom: 12px; color: #4a4a4a; }
blockquote { /*float: right; width: 280px;*/ margin: 0 0 0 20px }
/* blockquote p { font-size: 18px; line-height: 18px; } */
small p { font-size: 11px; color: #999; }
a { text-decoration: none; }
ol li { list-style-type: decimal; list-style-position: outside; margin-left: 30px; }
/* table { font-size: 1.4em; } */
th, td, caption { padding: 0 10px 10px 0; color: #4a4a4a; }
hr { border-bottom: 3px solid #0a5c71; margin-bottom: 18px; margin-top: 8px; }
textarea, input{ font-family:Helvetica, Arial, Verdana; font-size:1.2em;}
select{ background: #f1f1f1; border: 1px solid #CCCCCC; padding: 1px; margin: 6px 0; font: 12px Helvetica, Arial, Verdana; }


/* Pictures
----------------------------------------------------------------------------------------------------*/
img.imageLeft, img.sys_floatimageleft { float: left; margin-right: 10px; margin-bottom: 2px; }
img.imageRight, img.sys_floatimageright { float: right; margin-left: 10px; margin-bottom: 2px; }
#contentBody p img {
	margin: 0px 10px 2px 10px;
}

/* Highlights
----------------------------------------------------------------------------------------------------*/
.highlight h3 { border-bottom: 4px solid #0a5c70; padding: 0 0 9px 0; margin: 0 0 9px 0; color: #0a5c70; }
.highlight h3 a { color: #0a5c70; text-decoration: none; }
.highlight h3 a:hover { color: #16738a; }
.highlight p, .highlight ul { color: #3c4545; font-size: 12px; line-height: 16px; margin: 0 0 16px 0; }
.highlight ul { padding: 0 0 0 11px; }
.highlight li { list-style: url(../img/arrow-highlight.png) outside; }
.highlight a { text-decoration: none; color: #3c4545; }
.highlight li a:hover { color: #0085c2; }
.highlight strong { color: #0085c2; }
.highlight p strong:hover { color: #14b8e0; }
.highlight .full { margin: -9px 0 9px 0; position: relative; }

/* Links styles
----------------------------------------------------------------------------------------------------*/

a { color: #0085C2; }
a:hover { color: #004A7C; } /* #14b8e0; */
a span.link_span { display:none !important; text-decoration:none; }
a span.link_span:hover { text-decoration:none; }

/* INTRANET Icon
----------------------------------------------------------------------------------------------------*/

div#mainColumn a.sys_intranet span.link_span, 
div#mainColumn a.sys_t206695 span.link_span, 
div#mainColumn a.sys_t316785 span.link_span, 
div#mainColumn a.sys_t206696 span.link_span, 
div#mainColumn a.sys_t305981 span.link_span,
div#mainColumn a.sys_t609564 span.link_span, 
div#mainColumn a.sys_t684525 span.link_span{
	background: url("/SiteElements/nav/lock-icon-orange.gif") no-repeat 100% 2px;
	padding-right: 11px;
	margin-right:1px;
        display:inline !important;
}
div#rightColumn a.sys_intranet  span.link_span, 
div#rightColumn a.sys_t206695 span.link_span, 
div#rightColumn a.sys_t316785 span.link_span, 
div#rightColumn a.sys_t206696 span.link_span, 
div#rightColumn a.sys_t305981 span.link_span,
div#rightColumn a.sys_t609564 span.link_span, 
div#rightColumn a.sys_t684525 span.link_span{
	background: url("/SiteElements/nav/lock-icon-orange-right-column.gif") no-repeat 100% 2px;
	padding-right: 11px;
	margin-right:1px;
        display:inline !important;
}
div#mainColumn a.sys_21 span.link_span {
	background: url("/SiteElements/nav/file-pdf-icon-gif.gif") no-repeat 100% 0px;
	padding-right: 14px;
	margin-right:1px;
        display:inline !important;
}
div#mainColumn a.sys_17 span.link_span {

	background: url("/SiteElements/nav/file-word-icon-gif.gif") no-repeat 100% 0px;
	padding-right: 15px;
	margin-right:1px;
        display:inline !important;

}

div#mainColumn a.sys_2 span.link_span {

	background: url("/SiteElements/nav/file-img-icon-gif.gif") no-repeat 100% 0px;
	padding-right: 12px;
	margin-right:1px;
        display:inline !important;

}
div#mainColumn a.sys_30  span.link_span {
	background: url("/SiteElements/nav/file-zip-icon-gif.gif") no-repeat 100% 0px;
	padding-right: 11px;
	margin-right:1px;
        display:inline !important;
}
div#mainColumn a.sys_19 span.link_span {
	background: url("/SiteElements/nav/file-ppt-icon-gif.gif") no-repeat 100% 0px;
	padding-right: 15px;
	margin-right:1px;
        display:inline !important;
}
div#mainColumn a.sys_18 span.link_span {
	background: url("/SiteElements/nav/file-excel-icon-gif.gif") no-repeat 100% 0px;
	padding-right: 17px;
	margin-right:1px;
        display:inline !important;
}
div#mainColumn a.external_link span.link_span {
	background: url("/SiteElements/nav/outgoinglinks.gif") no-repeat 100% 4px;
	padding-right: 13px;
	margin-right:1px;
        display:inline !important;
}

div#rightColumn a.external_link span.link_span {
	background: url("/SiteElements/nav/outgoinglinksrightcolumn.gif") no-repeat 100% 4px;
	padding-right: 13px;
	margin-right:1px;
        display:inline !important;
}

/* Data Table
----------------------------------------------------------------------------------------------------*/

table.datatable, table.dataTable {}
table.datatable *, table.dataTable *, table.dataTableLeft * { margin:0; text-align:left; font-size:13px; line-height:1.5em; vertical-align:top; }
table.datatable caption, table.dataTable caption, table.dataTableLeft caption { font-size: 0px; line-height: 0px; padding: 0px; border-bottom: 1px solid #CCC; }
table.datatable td, table.dataTable td, table.dataTableLeft td { padding:6px 10px 6px 10px; vertical-align:top; border-bottom:1px solid #ccc; width: 20%; }
table.datatable th, table.dataTable th, table.dataTableLeft th { padding:6px 10px 6px 10px; background:#14B8E0; color:#fff; width: 20%; }
table.datatable th p, table.dataTable th p, table.dataTableLeft th p { color:#fff; }
table.datatable tr.table_head th, table.dataTable tr.table_head th, table.dataTableLeft tr.table_head th { color:#fff; }

/* Promotion Panel Colours
----------------------------------------------------------------------------------------------------*/

/*.grey { background: #f1f1f1; }
.grey p, .grey ul, .grey a { color: #666; }
.grey a:hover { color: #999; }
.darkblue { background: #bfe0f0; }
.darkblue p, .darkblue ul, .darkblue a { color: #004261; }
.darkblue a:hover { color: #0085c2; }
.lightblue { background: #c4edf7; }
.lightblue p, .lightblue ul, .lightblue a { color: #0a5c70; }
.lightblue a:hover { color: #14b8e0; }
.orange { background: #fde4c7; }
.orange p, .orange ul, .orange a { color: #7b490f; }
.orange a:hover { color: #f6921e; }
.green { background: #e4f4c1; }
.green p, .green ul, .green a { color: #496a03; }
.green a:hover { color: #93d507; }
.gunmetal { background: #dde2e2; }
.gunmetal p, .gunmetal ul, .gunmetal a { color: #3c4545; }
.gunmetal a:hover { color: #788b8b; }
.pink { background: #fabfe2; }
.pink p, .pink ul, .pink a { color: #750045; }
.pink a:hover { color: #eb008a; }
.purple { background: #e9c4f7; }
.purple p, .purple ul, .purple a { color: #540a70; }
.purple a:hover { color: #a814e0; }
.red { background: #fbdedd; }
.red p, .red ul, .red a { color: #700d0a; }
.red a:hover { color: #e01a14; }
.yellow { background: #faf6bf; }
.yellow p, .yellow ul, .yellow a { color: #756e00; }
.yellow a:hover { color: #b8ac06; }*/

/* Quotes and Warning blocks */

div.warning{
	padding:15px 15px 15px 70px;
	display:block;
        margin-bottom: 12px;
}

div.warning.red{
	background:url(/templates/eudocittemplate/img/warningred.jpg) no-repeat 18px center #ffe7e4;
	border:1px solid #f1d2d2;
	color:#cf0000;
}

div.warning.yellow{
	background:url(/templates/eudocittemplate/img/warningyellow.jpg) no-repeat 18px center #f7f1d3;
	border:1px solid #e7dfb6;
	color:#a58800;
}

div.warning.red p {
	color:#cf0000;
}

div.warning.yellow p {
	color:#a58800;
}


blockquote.large{

	padding-left:80px;
	margin:0;
	float:none;
	background:url(/templates/eudocittemplate/img/quotes.jpg) no-repeat top left;
	position:relative;
	width:auto;
	display:block;
	margin-bottom:20px;
}

blockquote.large p{
	display:block;
	font-size:16px;
	line-height:1.5em;
	color:#788b8b;
	font-weight:bold;
		
}

blockquote.large cite strong{
	/*display:block;*/
}

blockquote.large cite {
	color:#788b8b;
	font-size:12px;
	line-height:1.6em;
	font-weight: normal;
}
