/* CONTENT CSS Document */

/* HTML ELEMENTS */
h1 {
	font-size: 210%;
	font-weight: bold;
	color: #D79B29;
}
h2 {
	display: block;
	min-height: 24px;
	border-bottom: 0px;
	color: #3f88b8;
	font-size: 160%;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}
h2 span {
	display: block;
	min-height: 20px;
	color: #7bb7df;
	font-size: 75%;
	font-weight: bold;
}
h3 {
	display: block;
	background-image: url(https://webgate.ec.europa.eu/europeaid/online-services/images/template/heading3.gif);
	background-repeat: no-repeat;
	color: #4d652e;
	background-position: 0px center;
	padding: 5px 6px;
	font-size: 130%;
	font-weight: bold;
	margin: 25px 0px 0px 0px;
}
h4 {
	font-size: 110%;
	font-weight:bold;
	margin: 5px 0px 5px 0px;
}
h5 {
	font-size: 105%;
	font-weight:bold;
	color: #4d652e;
	margin: 5px 0px 5px 0px;
}
hr {
	height: 1px;
	border-bottom: 1px dashed #D5CFCB;
}
p {
	margin: 10px 0px 10px 0px;
}

/* DEFAULT LINK*/
#content a { color: #006699;}
#content a:hover { color: #D79B29;}
#content #text ul {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
}



/* MORE ELEMENTS */

#pictureTop {
	text-align: right;
	margin-left:3px;
}
* html #pictureTop
{
	margin-left:0px;
}
#pictureTop h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	padding: 90px 12px 0px 0px;
	margin: 0px;
}
#pictureTop h1 span {
	font-size: 100%;
	color: #423812;
}

div.whatwedo  {
	height: 121px;
	background-image: url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/top_whatwedo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div.wherewework  {
	height: 121px;
	background-image: url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/top_wherewework.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#pictureTop.multimedia  {
	height: 121px;
	background-image: url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/top_multimedia.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/*div#content.multimedia  {
	WIDTH: 773px;
}*/
div#rightSidebar.home {
	padding: 0px;
	WIDTH: 198px;/*198*/
	background: #F3F2F1 url(https://webgate.ec.europa.eu/europeaid/online-services/images/template/global-bckgr.gif) no-repeat fixed bottom left;
}
#rightSidebar.home #links {
	padding: 4px;
}
div#homeTopRight {
	background-image: url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/green_left.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 156px;
}
#homeTopRight ul {
	padding: 28px 10px 0px 10px;
	margin: 0px;
	list-style: none;
}
#homeTopRight li {
	padding-top: 8px;
	padding-bottom: 8px;
}
#homeTopRight a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background: url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/home-top-arrow.gif) left center no-repeat;
	padding-left: 14px;
}


div#homeTopText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	z-index: 3;
	position: relative;
	padding: 30px 30px 10px 250px;
}
div#homeTopText.homeTopTextSmall {
	font-size: 110%;
	padding: 10px 10px 10px 200px;
}
div#homeTopText span {
	font-size: 120%;
	color: #FFFFFF;
}
#homeAccess {
	float: left;
	color: #4d652e;
	font-size: 130%;
	font-weight: bold;
	margin-left: 6px;
}

#homeContentTab {
	clear:left;
}
#homeTabs + div
{
	margin-top:18px;
	*margin-top:5px;
}
#homeContentTab div
{
	border-left:solid 1px #E7DCB6;
	border-right:solid 1px #E7DCB6;
	background:#F2EFE9;
	padding:0px 10px;
}
#homeContentTab b
{
	display:block;
	height:25px;
	background:url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/library-top-left.gif) no-repeat left top;
}
#homeContentTab b b
{
	background:url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/library-top-right.gif) no-repeat right top;
}
#homeContentTab b b b
{
	margin:0px 20px;
	background:url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/library-top.gif) repeat-x;
}
#homeContentTab b.bottom
{
	background:url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/library-bottom-left.gif) no-repeat left top;
}
#homeContentTab b.bottom b
{
	background:url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/library-bottom-right.gif) no-repeat right top;
}
#homeContentTab b.bottom b b
{
	margin:0px 20px;
	background:url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/library-bottom.gif) repeat-x;
}
#homeTabs, #libraryTabs {
	margin: 0px 0px 0px 25px;
	padding-top: 1px;
	height:17px;
}
#homeTabs[id], #libraryTabs[id]
{
	*height: 20px;
	position:absolute;
	z-index:100;
}
* html #homeTabs
{
	padding-left:90px;
}
#homeTabs[id]
{
	margin-left:210px;
	*margin-left:90px;
}
#libraryTabs + div
{
	margin-top:18px;
	*margin-top:9px;
}
#homeTabs a, #libraryTabs a
{
	display:inline-block;
}	
#homeTabs a, #libraryTabs a {
	color: #80704C;
	background-color: #D0C39D;
	text-decoration: none;
	margin-right: 2px;
	margin-left: 2px;
	padding: 3px 8px 4px 8px;
}
#homeTabs a:hover, #libraryTabs a:hover {
	color: #5D4D2A;
	border: 1px solid #80704C;
	margin-right: 1px;
	margin-left: 1px;
	border-bottom: none;
}
#homeTabs a.selected, #homeTabs a:hover.selected, #libraryTabs a.selected, #libraryTabs a:hover.selected {
	color: #5D4D2A;
	background-color: #F2EFE9;
	border: 1px solid #D0C39D;
	border-bottom: none;
	margin-right: 2px;
	margin-left: 2px;
	padding-bottom: 5px;
}
#libraryContent {
	border-right: 1px solid #E7DCB6;
	border-left: 1px solid #E7DCB6;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #F2EFE9;
	overflow:auto;
}
* html #libraryContent
{
	height:1%;
	overflow:visible;
}


#libraryContent div.odd, #libraryContent div.even{
	padding: 15px 10px;
	border-bottom: #E3DAC4 solid 1px;
	clear: both;
	float: none;
	min-height: 110px;
}
#libraryContent img {
	clear: both;
	float: left;
	width: 80px;
}
.odd {
	background-color: #EFE8DC;
	overflow:auto;
}
.even
{
	overflow:auto;
}
#libraryContent h4, #libraryContent h4 a {
	color:#3F88B8;
	font-size: 100%;
}


#libraryContent .languagepic img
{
margin-top:5px;
margin-bottom:0px;
clear:none;
float:none;
vertical-align:text-bottom;
}

.picleft {
	border: 3px solid #E8D6A0;
	margin-right: 10px;
}
.picright {
	border: 3px solid #E8D6A0;
	margin-left: 10px;
}

.picleft {
	border: 3px solid #E8D6A0;
	margin-right: 10px;
}
a.more, #content a.more {
	PADDING: 0px 4px 1px 4px; 
	MARGIN: 0px; 
	font-weight:normal; 
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none; 
	font-size: 90%;
	background: #93A54E;
}
a:hover.more, #content a:hover.more {
	TEXT-DECORATION: underline; 
	COLOR: #FFFFFF; 
	background: #D79A27;
}
.red {
	color: #D40808;
}
/*Case of studies*/
#CSTabs + div
{
	margin-top:18px;
	*margin-top:5px;
}
#CSContentTab div
{
	border-left:solid 1px #E7DCB6;
	border-right:solid 1px #E7DCB6;
	background:#F2EFE9;
	padding:0px 10px;
}
#CSContentTab div li
{
	margin-top:15px;
}
#CSContentTab b
{
	display:block;
	height:25px;
	background:url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/library-top-left.gif) no-repeat left top;
}
#CSContentTab b b
{
	background:url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/library-top-right.gif) no-repeat right top;
}
#CSContentTab b b b
{
	margin:0px 20px;
	background:url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/library-top.gif) repeat-x;
}
#CSContentTab b.bottom
{
	background:url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/library-bottom-left.gif) no-repeat left top;
}
#CSContentTab b.bottom b
{
	background:url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/library-bottom-right.gif) no-repeat right top;
}
#CSContentTab b.bottom b b
{
	margin:0px 20px;
	background:url(https://webgate.ec.europa.eu/europeaid/online-services/images/images/library-bottom.gif) repeat-x;
}
#CSTabs {
	margin: 0px 0px 0px 25px;
	padding-top: 1px;
	height:17px;
}
#CSTabs[id]
{
	*height: 20px;
	position:absolute;
	z-index:100;
}
#CSTabs[id] a
{
	display:inline-block;
}	
#CSTabs a {
	color: #80704C;
	background-color: #D0C39D;
	text-decoration: none;
	margin-right: 2px;
	margin-left: 2px;
	padding: 3px 8px 4px 8px;
}
#CSTabs a:hover {
	color: #5D4D2A;
	border: 1px solid #80704C;
	margin-right: 1px;
	margin-left: 1px;
	border-bottom: none;
}
#CSTabs a.selected, #CSTabs a:hover.selected {
	color: #5D4D2A;
	background-color: #F2EFE9;
	border: 1px solid #D0C39D;
	border-bottom: none;
	margin-right: 2px;
	margin-left: 2px;
	padding-bottom: 5px;
}				
.CSTabContainer
{
	height:18px;
	*height:22px;
	_height:18px;
}
#Lists
{
margin-top:10px;
}


/*
  CRIS-7005: PUB - add new CSS style code
         Icons : Matthias WILLE
*/
@media screen and (min-width : 1500px) {
    #layout, .layout
    {
        width: 100%;
        max-width: 1200px;
        min-width: 770px;
    }
}
@media screen and (min-width : 768px) and (max-width : 1500px)
{
    #layout, .layout
    {
        width: 100%;
        max-width: 980px;
        min-width: 770px;
    }        
}
.ScreenSize2
{
    max-width: 1200px;
    min-width: 770px;
    width: 100%;
}
body, p, td, th, div, input, select, option, a
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px !important;
}
a, a:link, a:visited, a:active
{
    color: #069;
    text-decoration: none;
    font-weight: normal;
    font-size: 15px;	
}
h2
{
    padding: 20px 4px 25px;
    font-size: 2.2em;
    margin: 15px 0 20px;
    font-weight: normal !important;
    text-align: left;
}
.label, th, th td
{
    padding: 5px;
}
.right
{
    text-align: right;
}
#center
{
    overflow: auto;
    padding: 0 0 15px 5px;
}
div#TAB3_ table tbody tr th.underline
{
    padding: 10px;
}
#content_
{
    padding-left: 0px !important;
}
.layout-body {
    padding: 0px;
}
.centerbgd
{
    background: #FFFFFF;
    background-image: none;
    border-bottom: 0px solid gray;	
}
div#container table#center.ScreenSize2 tbody tr td#content_.centerbgd table
{
    width: 100%;	 
}
div#container table#center.ScreenSize2 tbody tr td#content_.centerbgd div div div#TAB1.tabcontent,
div#container table#center.ScreenSize2 tbody tr td#content_.centerbgd div div div#TAB2.tabcontent,
div#container table#center.ScreenSize2 tbody tr td#content_.centerbgd div div div#TAB3.tabcontent
{
    padding: 15px 0px;
	background: #ADD8E6;
	margin-top: -6px;
	margin-left: 0px;
}
div#container table#center.ScreenSize2 tbody tr td#content_.centerbgd div div
{
	margin-top: -4px;
	color: #000000;
}
.indentmenu ul li a, .indentmenu ul li a.selected
{
    padding-bottom:10px !important;
    padding-top: 10px !important; 
    border-left: 0px solid gray !important; 
    border-right: 0px solid gray !important; 
    border-top: 0px solid gray !important;
	margin-left: -5px;
    margin-right: -5px;
}
.indentmenu ul li a.selected
{
    border-bottom: 0px solid white !important;
    font-weight: bold !important;
}
.underline
{
    border-bottom: 0px solid #a5acb2;
    border-top: 0px solid #a5acb2;
    border-left: 0px solid #a5acb2;
    border-right: 0px solid #a5acb2;
    padding: 0px;
    margin-left: 0px;
	background-color: #add8e6;
}
div#container table#center.ScreenSize2 tbody tr td#content_.centerbgd div#TAB3_
{
	margin: 10px 0;
	padding: 0px;
}
div#container table#center.ScreenSize2 tbody tr td#content_.centerbgd div#TAB3_ table tbody tr.tblBg1 th.left a
div#container table#center.ScreenSize2 tbody tr td#content_.centerbgd div#TAB3_ table tbody tr.tblBg0 th.left a
{
    display: block;
    float: none;
    font-size: 15px;
    font-weight: bold;
    margin: 010px 0px 0px ;
    max-width: 100%;
    padding: 0px 0;
	padding-top: 0px;
}
div#container table#center.ScreenSize2 tbody tr td#content_.centerbgd table tbody tr th.left
{
    border-bottom: 0px;
    font-size: 17px;
    font-weight: bold;
    padding: 10px 10px 20px;
	padding-bottom: 10px;	
}
div#container table#center.ScreenSize2 tbody tr td#content_.centerbgd table tbody tr td table tbody tr td table tbody tr td a.underlined
{
    font-size: 17px;
    font-weight: normal;
    line-height: 28px;
    text-decoration: none;
}
.tblBg1
{
    background-color: #FFFFFF;
}
.tblBg0
{
    background-color: #EFEFEF;
}
.left
{
    padding-left: 10px;
}
div#container table#center.ScreenSize2 tbody tr td#content_.centerbgd div#TAB3_ table tbody tr td.aboveline
{
    border-top: 0px solid gray;
    border-bottom: 1px solid gray;
    border-left: 0px solid gray;
    border-right: 0px solid gray;
    font-size: 13px;
    padding: 5px 0;
}
div#container table#center.ScreenSize2 tbody tr td#content_.centerbgd div#TAB3_ table tbody tr td.aboveline table tbody tr td.center a, div#container table#center.ScreenSize2 tbody tr td#content_.centerbgd div#TAB3_ table tbody tr td.aboveline table tbody tr td.center span.greyed
{
    border: 1px solid gray;
    display: block;
    float: left;
    height: auto;
    margin: 20px 6px 10px 10px;
    padding: 5px;
    width: auto;
}
div#container table#center.ScreenSize2 tbody tr td#content_.centerbgd div#TAB3_ table tbody tr td.aboveline table tbody tr td.center
{
    display: block;
    height: auto;
    min-width: 600px;
}
#banner-image-title
{
    background-position: 0 0;
	background-repeat: repeat !important;
}
.greyed
{
	font-size: 15px;
}
a.title
{
	font-size: 15px;
	font-weight: bold;
}
a.breadcrumb
{
	font-size: 12px;
}

/*
  CRIS-7790: PUB - repair some issues + some minor adjustments
                   Icons : Matthias WILLE
*/
.apply-button {
    height: 22px;
    padding-left: 26px;
    padding-right: 8px;
    border: 1px solid gray;
    background: #7EE15D
    background: url(https://webgate.ec.europa.eu/europeaid/online-services/images/apply.png) no-repeat 7px center, -moz-linear-gradient(#7EE15D, #43B63A);
    background: url(https://webgate.ec.europa.eu/europeaid/online-services/images/apply.png) no-repeat 7px center, -webkit-gradient(#7EE15D, #43B63A);
    background: url(https://webgate.ec.europa.eu/europeaid/online-services/images/apply.png) no-repeat 7px center, -webkit-linear-gradient(#7EE15D, #43B63A);
    background: url(https://webgate.ec.europa.eu/europeaid/online-services/images/apply.png) no-repeat 7px center, -o-linear-gradient(#7EE15D, #43B63A);
    background: url(https://webgate.ec.europa.eu/europeaid/online-services/images/apply.png) no-repeat 7px center, -ms-linear-gradient(#7EE15D, #43B63A);
    background: url(https://webgate.ec.europa.eu/europeaid/online-services/images/apply.png) no-repeat 7px center, linear-gradient(#7EE15D, #43B63A);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px !important;
}
.apply-button:hover {
    box-shadow: 2px 2px 9px black;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.apply-button:active {
    box-shadow: 2px 2px 6px grey;
    cursor: pointer;
}
.regular-button {
	height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;
	background: #ffffff
	background: -moz-linear-gradient(#ffffff, #c0c0c0);
    background: -webkit-gradient(#ffffff, #c0c0c0);
    background: -webkit-linear-gradient(#ffffff, #c0c0c0);
    background: -o-linear-gradient(#ffffff, #c0c0c0);
    background: -ms-linear-gradient(#ffffff, #c0c0c0);
    background: linear-gradient(#ffffff, #c0c0c0);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px !important;
}
.regular-button:hover {
    box-shadow: 2px 2px 9px black;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.regular-button:active {
    box-shadow: 2px 2px 6px grey;
    cursor: pointer;
}
.call-title {
	display: block;
	color: #0076AE !important;
	font-size: 140% !important;
	font-weight: bold !important;
}