/*---------------------------------------------------*
 -	This CSS has to be included in topics page only	 -
 ----------------------------------------------------*/
/* EXCEPTIONS FOR FONTS IN BG, EL */
/*.topics.el .layout-right h2,
.topics.bg .layout-right h2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.5em;
}
.topics.el  #content ,
.topics.bg #content {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.8em;
    letter-spacing: -0.5pt;
}*/

/*** TYPOGRAPHY ***/
.topics #content h2 {
	color:#000;
}

/*** TOPICS ***/
.multiplebgs .layout-body {
	background:url(../images/common/container-bg.png) no-repeat top left, url(../images/topics/topics-wrapper-bg.png) repeat-y 0 130px;
}

.topics #back-to-home {
	top:30px;
}

.topics #all-topics-en {
	top:26px;
}

.cs #search-box #searchfield {
    width: 140px;
}
.cs #search-box #submit-search {
    width: 88px;
}


/*** TOPICS NAV ***/
.topics #nav {
	float:left;
	width:20%;
	height:100%;
	background:#f4f4f4;
	padding:0;
	margin-top: 78px;
}


.topics #nav li {
	padding:0;
}

.topics #nav h2 {
	color:#fff;
	margin:0;
	padding:4px 16px 2px 10px;
	position:relative;
	line-height:24px;
	min-height:24px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	/*font-size:1.9em;*/
	font-size:1.6em;
}


.js .topics #nav h2 {
	background-image:none;
}

.topics #nav h2 a {
	word-wrap:break-word;

	-webkit-hyphens:none;
	   -moz-hyphens:none;
	    -ms-hyphens:none;
	        hyphens:none;
}

.da #nav h2 a,
.de #nav h2 a,
.et #nav h2 a,
.hu #nav h2 a,
.nl #nav h2 a,
.sv #nav h2 a {
	-webkit-hyphens:auto;
	   -moz-hyphens:auto;
	     -ms-hyphens:auto;
	           hyphens:auto;
}

.topics #nav h2 a:link, .topics #nav h2 a:visited, .topics #nav h2 a:hover {
	display: block;
	color:#fff;
	text-decoration:none;
}

.topics #nav h2 a:hover {
	text-decoration:underline;
}

@media all and (max-width:360px) {
	.topics #nav h2 {
		font-size: 1.6em;
	}
}

#nav h2 span {
	display:block;
	height:40px;
	width:15px;
	position:absolute;
	bottom:-12px;
	left:0;
}

/*.topics #nav h2 span.r {
	width:15px;
	display:block;
	height:40px;
	position:absolute;
	z-index:10;
	right:0;
	left:auto;
	bottom:-12px;
	padding:0;
}*/

/*.topics #content ul li {
	background: none;
}*/
	
/*.topics #content ul li:before {
	/*background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	content: ">";
	font-size: 14px;
	font-weight: bold;
	margin-right: 7px;
	color: #437A88;
	display: block;
	float: left;
}*/
	
.topics #subtheme-list {
	/*border-right:1px solid #e0e0e0;*/
	margin:0;
	padding:0 0 35px 0;
	list-style:none;
}

@media all and (min-width:641px) {
	.topics #subtheme-list,
	.topics #link-list {
		display: block !important;
	}
}

.topics #subtheme-list ul, .topics #subtheme-list ul ul {
	padding:0;
	margin:0;
}

.topics #nav #subtheme-list li.active > ul {
	background-color: #fff;
}

.topics #subtheme-list .on,
.topics #subtheme-list .active {
	background-color: #fff;
}

/*.topics #subtheme-list ul .on ul {
	display:block;
}*/

.topics #subtheme-list li {
	/*margin:0 -1px 1px 1px;*/
	margin: 0;
	list-style: none;
}

.topics #subtheme-list li > ul {
	display: none;
}

.topics #subtheme-list li.active > ul {
	display: block;
}

.topics #subtheme-list li li {
	margin:0;
}

.topics #subtheme-list li.first {
	border-top:0;
}

.topics #subtheme-list li a {
	display:block;
	padding:4px 23px 2px 10px;
	font-weight:bold;
	min-height:22px;
	line-height:18px;
	font-size:11px;
	word-wrap:break-word;
}

.topics #subtheme-list li li a {
	padding:5px 23px 5px 5px;
}

.topics #subtheme-list li a {
	border-top-width: 1px;
}

.topics #subtheme-list li a {
	border-top-style: solid;
}

.topics #subtheme-list ul li a {
	border-top-style: dotted ;
}

.topics #subtheme-list li .on  li a:visited, .topics #subtheme-list li .on  li a:link {
	text-decoration:none;
}

.topics #subtheme-list li .on .on a:visited, .topics #subtheme-list li .on .on a:link {
	text-decoration:underline;
}

.topics #subtheme-list li a:hover {
	color: #fff;
}

.topics .layout-body #subtheme-list li li a:hover{
	text-decoration:underline;
}

.topics #subtheme-list li.on > a.on:hover {
	color: #fff;
}

.topics #subtheme-list li.on > a:visited,
.topics #subtheme-list li.on > a:link,
.topics #subtheme-list li .isCurrent a:link {
	text-decoration:underline;
}

.topics #subtheme-list li li li a:link, .topics #subtheme-list li li li a:visited {
	padding:3px 15px 0 18px;
}

.topics #nav li.expandable ul {
	margin:0 15px;
}

.topics #nav li ul {
	margin: 0;
}

.topics #layout #nav li.expandable.active {
	background:#fff;
}

#layout #nav li.expandable > a {
	padding-right:36px;
}

@media all and (max-width:640px) {
	#layout #nav li.expandable > a {
		padding-right:48px;
	}
}

#layout #nav li.expandable > a:hover + .expand {
	background: url(../images/menu-arrow-white.png) no-repeat 12px 12px transparent;
}

#layout #nav li.expandable.active > a:hover + .expand {
	background: url(../images/menu-arrow-white.png) no-repeat 12px -156px transparent;
}



.topics #subtheme-list li a:link, .topics #subtheme-list li a:visited {
	text-decoration:none;
}

.topics #subtheme-list li.on > a:visited, .topics #subtheme-list li.on > a:link {
	text-decoration:underline;
}

.topics #link-list {
	margin:0;
	padding:0;
	list-style:none;
}

.topics #link-list li {
	border-bottom: 1px solid #fff;
}

.topics #link-list li a {
	padding: 4px 15px 2px 10px;
	line-height: 18px;
}

.topics #link-list li.last {
	margin:0;
}

.topics #link-list li a:link, .topics #link-list li a:visited {
	text-decoration:none;
	display:block;
	padding: 7px 8px 5px 10px;
	font-size:1.1em;
	font-weight:bold;
}

.topics #link-list li a:hover {
	text-decoration:underline;
}

#white-bg {
	background-color: #fff;
	margin:15px 0 0 0;
	padding:5px 18px 15px 18px;
}

@media all and (max-width:960px) {
	#white-bg {
		margin: 0;
		padding: 0;
	}
}

/*** WHITE BG ***/
@media all and (min-width:961px) {
	#white-bg {
		background:url(../images/topics/white-bg.png) no-repeat #fff ;
		position:relative;
	}

	#white-bg-bottom {
		background:url(../images/topics/white-bg-bottom.png) no-repeat #fff;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:15px;
	}

	#content #white-bg h1 {
		margin-top:0;
		background:url(../images/topics/h1-white-bg.png) no-repeat bottom left;
	}

	#content #white-bg h2 {

		padding:0 0 9px 0;
	}
}

/* WHITE-BG-LIST ----------------------------------------------------*/
#content .white-bg-list {
	padding:0;
	margin:15px 0;
}

#content .white-bg-list li {
	padding:0 0 0 25px;
	font-size:1.1em;
}

#content .white-bg-list h2, #content h2.li {
	font-size:1.27em;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	background:none;
	padding-bottom:0;
}

#content h2.li {
	font-size:1.5em;
}

#content h2.li {
	padding:0 0 0 0px;
	margin:15px 0 10px 0;
}

#content h2 .open, #content h2 .closed {
	text-transform:uppercase;
	color:#17a74a;
}

#content h2 .closed {
	text-transform:uppercase;
	color:#ed601a;
}

#content .white-bg-list em {
	font-weight:bold;
}

/*** RELATED LINKS ***/
#related-links {
	background:#fff;
	padding:12px 0;
}

#related-links li {
	background:none;
	margin:0;
	padding:0;
}

/*** TOGGLE ***/
.js #content h2.toggle {
	color:#069;
	font-size:1em;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	min-height:24px;
	padding:7px 0 0 32px;
	background:url(../images/topics/toggle.png) no-repeat -51px -3px;
	margin-top:0;
	text-decoration:underline;
	cursor:pointer;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-o-user-select:none;
	user-select:none;
}

.js #content h2.toggle-active {
	background:url(../images/topics/toggle.png) no-repeat -24px -32px;
}

.js .toggle-content {
	display:none;
}

.js .toggle-content-active {
	display:block;
}

.js #content ul.toggle-content {
	padding:0 0 30px 28px;
	background:url(../images/topics/toggle-content-bg.png) no-repeat bottom left;
}

.js #content ul.toggle-content li {
	padding:4px 0 0 24px;
	font-size:0.9375em;
	background:url(../images/topics/toggle.png) no-repeat -4px -59px;
	margin:1px 0;
}

.js #content ul.toggle-content li a:link, .js #content ul.toggle-content li a:visited {
	color:#000305;
}

.js #content ul.toggle-content li a:hover {
	text-decoration:none;
}

/*** KEY DATES ***/
#content .date {
	background:none;
	margin:0;
	height:auto;
}

#content #key-dates h2 {
	margin:.25em 0 0 0;
}

#content #key-dates li {
	background:none;
	padding:0;
}

.js #content #key-dates {
	overflow-x:scroll;
	/*width:441px;*/
	width:100%;
	height:114px;
	outline:none;
	scrollbar-face-color:#eaf7fb;
	scrollbar-highlight-color:#f1f1f1;
	scrollbar-3dlight-color:#fff; 
	scrollbar-darkshadow-color:#05a9df; 
	scrollbar-shadow-color:#c1eefd; 
	scrollbar-arrow-color:#0099cc; 
	scrollbar-track-color:#f4f4f4;
	padding:0 0 5px 0;
}

.js #content #key-dates ul {
	padding:0;
	margin:0;
	height:97px;
}

.js #content #key-dates a {
	display:block;
	overflow:hidden;
	/*width:116px;*/
	width:131px;
	height:97px;
	float:left;
	margin:0 1px 0 0;
	outline:none;
	text-decoration:none;
}

.js #content #key-dates li {
	padding:4px 10px;
	margin:0;
	/*width:94px;*/
	width:109px;
	height:87px;
	float:left;
	border:1px solid #e3e3e3;
	font-size:1em;
	background:url(../images/topics/key-dates2.png) no-repeat 0 0;
	outline:none;
	word-wrap:break-word;
}

.js #content #key-dates li .div {
	/*display:table;*/
	overflow:hidden;
	height:100%;
	display:block;
}

.js #content #key-dates .active, .js #content #key-dates :focus li, .js #content #key-dates li:hover {
	/*background:url(../images/topics/key-dates2.png) no-repeat -114px 0;*/
	background:url(../images/topics/key-dates2.png) no-repeat -129px 0;
	border-color:#09c;
}

.js #content #key-dates li .outer {
	/*display:table-cell;*/
	vertical-align:middle;
	height:auto;
	display:block;
}

.js #key-dates ul li .outer {
	display:none;
}

.js #content #key-dates h2 {
	font-size:1.12em;
	margin:0;
	position:static;
	margin-bottom:100px;
	display:block;
}

.js #content #key-dates .date {
	font-family: Arial,Verdana, Helvetica,  Geneva, sans-serif;
	font-size:0.9em;
	line-height:18px;
	margin:0;
	height:20px;
	display:block;
	float:none;
	text-align:left;
	position:static;
}

.js #content #key-dates .desc {
	display:none;
}

.js #content #key-dates p {
	display:none;
}


.js #content #key-dates-infos {
	padding:74px 0 0 0;
	margin:0 0 20px 0;
	min-height:230px;
	_height:230px;
}

#content #key-dates-infos .date {
	background:none;
	font-size:2.735em;
	color:#138ebf;
	margin:-8px 0 -20px 0;
	font-family:Arial,Verdana, Helvetica, Arial, Geneva, sans-serif;
	text-align:right;
}

#key-dates-infos h2 {
	border-bottom:1px solid;
	font-size:3.5em;
	margin:0 0 10px 0;
	display:block;
	height:auto;
	line-height:1.3;
	padding-bottom:6px;
}

#key-dates-infos h2 span {
	border-bottom:2px solid;
	padding:0 10px 0 0;
	margin:0 50px 0 0;
	width:auto;
	display:block;
	line-height:normal;
}

#content #key-dates-infos h2 .date {
	border:0;
	font-size:0.9em;
	padding:0 20px 15px 0;
	width:100%;
	text-align:right;
	display:block;
}


@media all and (max-width: 960px) {
	.dates #content h2 {
		color:#545456;
		padding-bottom:0;
		font-size:12px;
		font-family:Verdana, Helvetica, Arial, sans-serif;
	}

	.dates #content h3 {
		margin:0;
		padding-top:0;
		font-size:12px;
		font-weight:bold;
		font-family:Verdana, Helvetica, Arial, sans-serif;
	}
}

/*** DOCUMENTS SEARCH ***/
#content .documents-search label {
	color:#0c4da2;
	margin:0 0 6px 0;
	display:block;
}

#content .documents-search .text {
	border:1px solid;
	height:16px;
	padding:4px 5px;
	width:265px;
	vertical-align:middle;
}

#content .documents-search .submit {
	border:1px solid;
	height:26px;
	padding:0 10px 4px 10px;
	font-weight:bold;
	vertical-align:middle;
	color:#fff;
	font-size:1em;
	cursor:pointer;
}

/*** DOCUMENTS ***/
#documents-tabs {
	border:1px solid;
	margin-bottom:15px;
	padding:10px 10px 20px;
}

#content #documents-tabs ul {
	margin:10px 0 0;
}

#content #documents-tabs li {
	border:1px solid #f4f4f4;
	background:url(../images/topics/documents-li-bg.png) no-repeat 1px -12px #fff;
	margin:1px 0;
	padding:2px 0 2px 18px;
}

#content #documents-tabs li.odd {
	background:url(../images/topics/documents-li-bg.png) no-repeat -15px 2px #f4f4f4;
}

#content #white-bg h2.documents {
	background:none;
	color:#0c4da2;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	padding:0 0 15px 0;
	background:url(../images/topics/documents-h2-bg.png) no-repeat bottom left;
	display:block;
}

#content #white-bg h2.documents span {
	border-bottom:1px solid;
	display:block;
	width:100%;
	margin:0 0 2px 0;
}

#content #white-bg h2.documents span span {
	float:left;
	border-bottom:2px solid;
	margin:0;
	padding:0 0 5px 0;
	width:auto;
}

#content #documents-tabs .summary {
	margin:-10px 0 0 -10px;
	padding:0 0 12px;
	background:url(../images/topics/documents-summary-bg.png) no-repeat left bottom;
}

#content #documents-tabs .summary li {
	margin:0;
	padding:0;
	float:left;
	font-size:1.1em;
	border:1px solid #fff;
	border-left:0;
	border-top:0;
}

#documents-tabs .summary a {
	padding:3px 6px 5px;
	float:left;
	font-weight:bold;
	text-decoration:none;
	font-size:1em;
}

.js #documents-tabs .summary .active a {
	color:#fff;
}

.js #documents-tabs h3, .js #documents-tabs ul, .js #documents-tabs div {
	display:none;
}

.js #documents-tabs .summary,
.js #documents-tabs ul.active-document-tab-content {
	display:block;
}

#tab-selection {
	border:1px solid;
	border-color:inherit;
	font-size:1.2em;
	color:inherit;
	padding:2px;
}


.document .sub-content ul, .link .sub-content ul, .law .sub-content ul{
	line-height:1.5;
}
.link .sub-content ul li ul li{
	background: url("../images/common/pucelevel2.png") no-repeat scroll 4px 4px transparent;
}
.link .sub-content ul ul{
	padding-left:0;
}


/*** GLOSSARY ***/
#content #glossary {
	/*margin:0 0 10px 0;
	padding:0 0 30px 0;
	background:url(../images/topics/glossary-bg.png) no-repeat 12px bottom;
	*/
	-webkit-text-size-adjust: none;
}

#content #glossary li {
	float:left;
	background:0;
	padding:0;
	margin:0 3px 3px 0;
	width:24px;
	height:24px;
	background:url(../images/topics/glossary-letter-bg.png) no-repeat -48px 0;
	color:#bababc;
	text-align:center;
	line-height:24px;
	font-family:Arial,Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
}

.glossary #content ul li {
	background-image: none;
	padding: 14px 16px 16px;
}

@media all and (max-width: 960px) {

	#content #glossary li {
		margin: 0 10px 10px 0;
	}

	.glossary #content #glossary-content ul li {
		border: 0;
		border-bottom: 1px solid #bababa;
		margin: 0;
		padding: 9px 16px;
		min-height: 0;
	}
	
	.glossary #content #glossary-content ul li p {
		margin-bottom: 9px;
	}
	
	.glossary #content #glossary-content ul li h3 {
		margin-top: 4px;
	}
}

/*#glossary .last {
	margin:0;
}*/

#glossary li a:link, #glossary li a:visited {
	float:left;
	width:24px;
	height:24px;
	background:url(../images/topics/glossary-letter-bg.png) no-repeat 0 0;
	color:#000;
	text-decoration:none;
	margin:0;
	font-size:16px;
}

#glossary .active a:link, #glossary .active a:visited {
	background:url(../images/topics/glossary-letter-bg.png) no-repeat -24px 0;
	color:#fff;
}

#glossary-content ul {
	margin:0;
	padding:0;
}

#glossary-content .odd {
	padding:0 0 18px 0;
	background:url(../images/topics/glossary-content-li-bg.png) no-repeat bottom left;
}

#glossary-content li {
	margin:0;
	padding:0;
	background:none;
	padding:14px 16px 16px 16px;
	border:1px solid #f4ebeb;
}

#glossary-content .even {
	border:0;
	background:url(../images/topics/glossary-content-li-bg.png) no-repeat 0 0;
}

#glossary-content h3 {
	color:#f28e00;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	margin:0;
	font-weight:bold;
}

#top #glossary-content p {
	margin:0;
	font-size:1em;
}

#glossary-content p a:link, #glossary-content p a:visited {
	/*color:#000305;*/
	font-size:1em;
	text-decoration: none;
}

#glossary-content p a:hover {
	text-decoration: underline;
}

.js #glossary-content h2 {
	display:none;
}
/*
.js #glossary-content ul {}

.js #glossary-content ul.active {
	display:block;
}*/

/*** TOPICS CONTENT ***/
.topics #content {
	float:left;
	padding: 0;
	/*width: 440px;*/
	margin: 0 0 1% 2%;
	padding:78px 0 0;
	width: 48%;
}

.topics #content p {
	/*font-size:1.2em;*/
	/*text-align:justify;*/
	text-align:left;
}
.topics #content p.top-content {
	font-weight: bold;
    margin: 0;
    text-align: right;
}

.topics #content img.intro {
	padding:2%;
	max-width: 96%;
	background:#fff;
	border:1px solid #ccc;
	margin:0px 12px 25px -2px;
	float:none;
	
}

/* Fix for a page containing an image that haven't the recommended dimensions */
.topics.discrimination.orientation #content img.intro {
	float: left;
}

.boxshadow .topics #content img.intro {
	border:0;
	margin:25px 12px 25px -1px;
	-moz-box-shadow:3px 1px 10px #ccc;
	-webkit-box-shadow:3px 1px 10px #ccc;
	box-shadow:3px 1px 10px #ccc;
}

@media all and (max-width:960px) {
		
	.topics-broker #content {
		width:75%;
	}

	.topics .layout-right {
		width:auto !important;
		float:none !important;
		clear:both !important;
	}

}

@media all and (max-width:640px) {

	.topics #content {
		margin:0;
		float:none; 
	}
	
	.topics #content img.intro {
		display: none;
	}
	
	.topics #content iframe {
		display: none;
	}

}

/*** TABLES ***/
#content table {
	font-size:1em;
	border-collapse:collapse;
	margin:5px 0 15px 0;
	width: 100%;
}

#content thead tr {
	font-weight:bold;
}

#content thead td {
	vertical-align:middle;
	padding:4px 10px;
	font-weight: bold;
}


#content td {
	font-size:1.1em;
	padding:8px 10px;
	vertical-align:top;
}

#content td p {
	font-size:1em;
	text-align:left;
}

#content tr {
	background:url(../images/topics/table-tr-bg.png) no-repeat bottom left;
}
	.implementation #content tr,
	.discrimination.help #content tr,
	.hotline.implementation #content tr,
	.gender-equality.help #content tr	{
		background-image: none;
		border-bottom: 1px solid #fff;
	}

	.implementation #content thead tr th p {
		color: #fff;
		font-weight: bold;
		padding: 4px;
		margin-bottom: 2px;
	}

#content tr.last {
	background:none;
} 

/*** DUSKY TABLE ***/
#content table.dusky {
	/*border:1px solid;
	background:#f8f4fb;*/
}

#content table.dusky tr {
/*	background:url(../images/topics/table-dusky-tr-bg.png) no-repeat 5px bottom;*/
}

#content table.dusky tr.last {
	background:none;
}

#content table.dusky thead tr {
	color:#fff;
}

/*** GRANTS TABLE ***/
#content table.grants {
	/*border:1px solid #064A8B;*/
	border-collapse:collapse;
}
#content table.grants thead td {
	vertical-align: top;
}
#content table.grants tr {
	position:relative; /* allow bg on tr on ie7 */
}

#content table.grants td {
	border:0;
	border-bottom:0;
	width: 50%;
}

#content table.grants thead td {
	background:#064A8B;
	color:#fff;
	padding:8px 10px;
}

#content table.grants tbody td {
	/*background:#86b3df;
	border:1px solid #064A8B;*/
	padding:8px 10px 17px;
	background:none !important;
}

table.grants tbody .odd td {
	/*background:#aeceed;*/
}

.standard.grants #content h2 {
	clear: both;
}
.standard.grants #content .highlight-grants p {
	margin: 0;
}
.standard.grants #content .highlight-grants img {
	margin-top: 6px;
}
.standard.grants #content .highlight-grants h2 {
	margin: 5px 0;
}
.standard.grants #content .highlight-grants ul,
.standard.grants #content .highlight-grants {
	overflow: hidden;
}


/*** TOPICS SIDEBAR ***/
.topics .layout-right {
	float:right;
	position:relative;
	/*width:281px;*/
	width: 28.5%;
	margin: 0 0 120px 1.5%;
	padding: 120px 0 0;
}

/* Promo button */
.topics .layout-right .promo-buttons {
	position: relative;
	max-width: 100%;
	text-align: center;
	margin-bottom: 20px;
	/*
		Kyriakos S: Added height to keep distance between the country menu and the search box in the Roma Integration pages
		            height is 80px, same as the mobile icon that was used on the site				
	*/
	height: 80px;
}

.topics .layout-right .promo-buttons a {
	display: inline-block;
}

.topics .layout-right h2 {
	min-height:27px;
	line-height:25px;
	color:#fff;
	position:relative;
	margin: 0;
	padding: 0 10px;
	font-family:Arial,Verdana, Helvetica, Arial, Geneva, sans-serif;
	background:url(../images/topics/sprite-topics-sidebar.png) no-repeat 0 -55px #138ebf;
}

.topics .layout-right h2.no-link {
	background-image:none;
	margin-bottom:12px;
	-ms-word-break:normal;
	    word-break:normal;

	-webkit-hyphens:manual;
	   -moz-hyphens:manual;
	        hyphens:manual;
}

.topics .layout-right h2 a, .topics .layout-right h2 a:visited {
	color:#fff;
	text-decoration:none;
	padding:0px 15px 0px 0;
	display:block;
	line-height:27px;
}

.topics .layout-right h2 a:hover,
.topics .layout-right h2 a:focus {
	text-decoration: underline;
}
.topics .layout-right h2 a .topic {
    text-transform: uppercase;
}

/*.topics .layout-right h2.latest {
	background:url(../images/topics/sprite-topics-sidebar.png) no-repeat -28px -26px #a4d7f3;
	text-shadow:0 0 1px rgba(7, 74, 139, 0.5);
	margin-bottom:12px;
	margin-top:15px;
}*/

.topics .layout-right h2.first {
	margin-top:0;
}

@media all and (min-width:961px) {
	
	.topics .layout-right div[id^="ajax-"],
	.topics .layout-right h2.latest {
		display: block !important;
	}

}

/*.topics .layout-right h2.latest a:link, .topics .layout-right h2.latest a:visited {
	color:#074a8b;
	text-decoration:underline;
}

.topics .layout-right h2.latest a:hover {
	text-decoration:none;
}*/

/*.topics .layout-right h2 span {
	display:block;
	width:193px;
	height:13px;
	position:absolute;
	bottom:-13px;
	left:0;
	background:url(../images/topics/sprite-topics-sidebar.png) no-repeat -15px -13px;
}

.topics .layout-right h2 span.r {
	left:auto;
	right:0;
	width:15px;
	background:url(../images/topics/sprite-topics-sidebar.png) no-repeat 0 -13px;
}

.topics .layout-right h2.latest span {
	background:url(../images/topics/sprite-topics-sidebar.png) no-repeat -15px 0;
}

.topics .layout-right h2.latest span.r {
	background:url(../images/topics/sprite-topics-sidebar.png) no-repeat 0 0;
}*/

#focus-on {
	background:url(../images/topics/sprite-topics-sidebar.png) no-repeat -208px 0 #ededed;
	margin:-12px 0 0 0;
	position:relative;
	z-index:9;
	padding:11px 0 0 0;
	list-style:none;
}

#focus-on li {
	background:url(../images/topics/sprite-topics-sidebar.png) no-repeat -382px bottom #ededed;
	border-bottom:1px solid #d8d8d8;
	padding:12px 14px;
	margin:0;
}

#focus-on li.first {
	padding-top:1px;
}

#focus-on h3 {
	color:#666;
	margin:0 0 4px 0;
	/*float:right;
	width:135px;*/
	font-size:1.2em;
	font-weight: bold;
}

#focus-on li.no-img h3 {
	color:#666;
	margin:-1px 0 4px 0;
	float:none;
	font-size:1.2em;
	width: 100%;
}


#focus-on img.img-focus-on {
	float:left;
	margin:0 12px 6px 0;
	max-width:103px;
}
	
	@media all and (max-width: 960px) {
		.pst #sidebar .euItem img { float: left; }
	}
	
#focus-on p {
	color:#000;
	font-weight:bold;
	font-size:1em;
	text-align:left;
	margin:4px 0 6px 0;
	line-height:1.2em;
}

#focus-on .description {
	clear:both;
}

#focus-on .description p {
	font-weight:normal;
}
#focus-on a.more:link, #focus-on a.more:visited {
	float:right;
	font-size:1em;
	color:#000;
}

#focus-on a:hover {
	text-decoration:none;
}

/* Nav no script */
.newsroom #content #topics-button h2, #topics-button h2  {
	color:#444;
	float:left;
	background:none;
	padding:0;
}

.newsroom #content #topics-button h2 span {
	background:none;
	padding:0;
}

#topics {
	padding:0;
	margin:0;
	clear:both;
	float:left;
}

.newsroom-topic #topics {
	width:600px;
}

.js .newsroom-topic #topics {
	width:auto;
}

#topics-button {
	position:absolute;
	top:12px;
	left:60px;
}

#topics-button h2 {
	margin:0 0 0 3px;
}

.newsroom #topics {
	width:400px
}

.js .newsroom #topics {
	width:auto;
}

#topics li {
	float:left;
	border-right:1px solid;
	list-style:none;
	height:12px;
	font-size:66%;
	font-size:100%;
	margin:0;
	padding:0;

	background:none;
}

#topics h3 {
	margin:0;
	font-weight:normal;
}

#topic h3 {
	background:none;
	color:#444;
}

#topics a, .newsroom #content #topics a {
	float:left;
	color:#444;
	display:block;
	height:12px;
	line-height:12px;
	margin:0;
	padding:0 5px 0 5px;
}

#topics a:hover, #topics a:focus {
	text-decoration:none;
}

.js #topics a, .js .newsroom #content #topics a {
	float:none;
	color:#fff;
	display:block;
	height:97px;
	line-height:22px;
	margin:0;
	padding:0;
}

#feedbacklike {padding:0 0 0 20px;margin:0;
}

#feedbacklike h3 {
    font-size: 1.2em;
    font-weight: bold;
	color: #074A8B;
}

#feedbacklike p {
    color: #000000;
    font-size: 1.1em;
    line-height: 1.2em;
    margin: 4px 0 6px;
    text-align: left;
}

@media all and (max-width:960px) {

	.js .layout-body {
		background:#fff;
	}

	/*
	 * NAV
	 */
	.topics #nav {
		position:absolute;
		top:0;
		bottom:0;
		width:25%;
		height:auto;
		padding-top:0;
		margin-top:0;
	}
	
	#content h1 {
		background: none;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	
	#content h2 {
		font: normal normal 1.6em Arial, Verdana, Helvetica, sans-serif;		
	}
	
	.topics #nav h2 {
		margin:0;
		padding:0;
		line-height:normal;
		min-height:0;
	}
	
	.topics .layout-right h2 {
		padding:12px 30px 12px 10px;
	}

	.topics #nav h2 a {
		display:block;
		line-height:20px;
		padding:8px;
	}

	.topics #subtheme-list {
		border:0;
		padding:0;
	}

	.topics #subtheme-list li a,
	.topics #subtheme-list li a:link,
	.topics #subtheme-list li a:visited {
		padding:8px 14px 8px 10px;
		min-height:0;
		background-position: 100% 16px;
	}
		
		
	#layout #nav #subtheme-list ul {
		list-style: none;
	}


	
	#layout #nav .on > a {
		background: ;
	}
	
	#nav #subtheme-list ul li a {
		padding: 5px 5px 5px 20px;
		line-height: 1.4em;
	}
	
	.topics #link-list {
		margin:0;
		padding:0;
	}

	.topics #link-list li {
		margin:0;
		border:0;
		border-bottom:1px solid #fff;
	}

	.topics #link-list li:last-child {
		border-bottom:0;
	}

	.topics #link-list li a,
	.topics #link-list li a:link,
	.topics #link-list li a:visited {
		padding:8px;
		background-image:none;
	}

	/*
	 * CONTENT
	 */
	.topics #content {
		margin-left:25%;
		
		width:75%;
		padding: 0 20px 0;
		/*min-height:0;*/
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
		        box-sizing:border-box;
	}

	.topics #nav {
		font-family:Verdana, Helvetica, Arial, sans-serif;
	}

	.topics #content img.intro {
		float:none;
		max-width:100%;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
		        box-sizing:border-box;
	}

	/*
	 * SIDEBAR
	 */

	/* hides sidebar in topics broker pages */
	.topics-broker #sidebar {
		display:none;
	}

	.topics .layout-right {
		margin:0 0 0 25%;

		padding:20px;
		width:75%;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
		        box-sizing:border-box;
	}

	/* Promo button */
	.topics .layout-right .promo-buttons {
		display: none;
	}

	.topics .layout-right h2 {
		margin:0;
		font-weight:bold;
		font-size:2.1em;
	}

	.topics #sidebar .no-link {
		cursor:pointer;
		border-bottom:1px solid #fff;

		-webkit-user-select:none;
		 -khtml-user-select:none;
		   -moz-user-select:none;
		    -ms-user-select:none;
		        user-select:none;
	}

	.topics #sidebar .no-link:after {
		content:"";

		position:absolute;
		top:50%;
		right:12px;
		margin:-4px 0 0;

		width:0px;
		height:0px;
		
		border-style:solid;
		border-width:0 7px 7px;
		border-color:transparent transparent #ffffff transparent;
	}

	.topics #sidebar .no-link.active:after {
		/*margin:-1px 0 0;*/
		border-width:7px 7px 0;
		border-color:#ffffff transparent transparent transparent;
	}

	.topics #sidebar .latest {
		min-height:0;
	}

	.topics #sidebar .latest a {
		font-family:Verdana, Helvetica, Arial, sans-serif;
		font-size:14px;
		font-weight:normal;
		line-height:1.4;
	}

	.topics #sidebar .latest a:after {
		content:"";

		position:absolute;
		right:12px;
		top:50%;
		margin:-8px 0 0;

		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 7px 0 7px 8px;
		border-color: transparent transparent transparent #ffffff;
	}

	.topics #sidebar .latest a span {
		font-weight:bold;
		text-transform:uppercase;
	}

}

/*@media all and (min-width:600px) {

	#nav #subtheme-list,
	#nav #link-list {
		display:block !important;
	}
}*/

@media all and (max-width:640px) {

	/*
	 * NAV
	 */
	.topics #nav {
		width:100%;
		position:static;
	}

	.topics #nav h2 {
		font-size: 1.7em;
	}

	.topics #nav h2 a {
		padding:24px 0 20px 20px;
	}

	#nav h2 .r {
		display:block !important;
		width:60px;
		height:auto;

		position:absolute;
		top:0;
		right:0;
		left:auto;
		bottom:0;

		cursor:pointer;

		-webkit-user-select:none;
		 -khtml-user-select:none;
		   -moz-user-select:none;
		    -ms-user-select:none;
		        user-select:none;
	}

	#nav h2 .r:after {
		position:absolute;
		left:50%;
		top:1.65em;
		margin:0 0 0 -7px;

		content:"";

		width:0px;
		height:0px;
		border-style:solid;
		border-width:8px 8px 0;
		border-color:#ffffff transparent transparent transparent;
	}

	.topics #nav h2 .r.active:after {
		margin:0 0 0 -7px;

		border-width:0 8px 8px;
		border-color:transparent transparent #ffffff 
	}

	#nav h2 span {
		display:none;
	}

	.topics #nav h2 a {
		margin-right:60px;
	}
	
	/*.topics #subtheme-list li a, .topics #subtheme-list li a:link, .topics #subtheme-list li a:visited,
	.topics #link-list li a, .topics #link-list li a:link, .topics #link-list li a:visited {
		padding:8px 20px;
	}*/
	
	/*
	 * CONTENT
	 */
	.topics #content {
		margin:0;
		width:100%;
	}

	.topics #content .inner {
		clear: left;
	}

	.topics #content .inner h1 {
		padding-top: 15px;
	}

	.topics #content td p {
		margin-top: 0;
		margin-bottom: 10px;
	}

	/*
	 * SIDEBAR
	 */
	.topics .layout-right {
		margin:0%;

		padding:10px 20px 10px;
		width:100%;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
		        box-sizing:border-box;
	}

	.topics #sidebar h2 {
		margin-bottom:0;

		font-size:14px;
		font-family:Verdana, Helvetica, Arial, sans-serif;
	}

	.topics #sidebar #focus-on {
		background:#fff;
		margin:0;
		padding:0;
	}

	.topics #sidebar #focus-on li {
		background:#fff;
		padding:10px;
		border-bottom:none;
	}

	.topics #sidebar #focus-on li:nth-child(2n+1) {
		background:#f5f5f5;
	}

	.topics #sidebar #focus-on .description,
	.topics #sidebar #focus-on .img-focus-on {
		display:none;
	}

	.topics #sidebar #focus-on h3 {
		width:auto;
		float:none;
	}

	.topics #sidebar #focus-on h3 a {
		color:#0165a3;
		text-decoration:none;
	}

	.topics #sidebar #focus-on .url {
		font-size:12px;
	}
	
	.topics #sidebar #focus-on .url a {
		text-decoration:none;
	}

}

@media all and (max-width:360px) {

	.topics #nav h2 {
		font-size: 1.6em;
	}
}

@media all and (max-width:320px) {

	.topics #nav h2 {
		font-size: 1.5em;
	}

	.topics #sidebar h2 {
		font-size: 13px;
	}

	#focus-on h3 {
		float: none;	
		width: 100%;
	}

	#focus-on img.img-focus-on {
		float: none;
		display:block;
		margin: 0 auto;
		max-width: 100%;
	}
	
}

/***
 * Mini pagination 
 * - 
 * Legislation and documents pages
 */
#content ul.pagination-mini {
	margin:0 0 30px;
	padding:0;
	float:none;
	text-align:center;
}

#content ul.pagination-mini li {
	float:none;
	display:inline-block;
	vertical-align:text-top;
}