/* local styles for the help service (guidance) */

/* corporate template overrides */

#content {
    margin-right: 0 !important;
}

#content a,
#content a:link,
#content a:visited {
	color: #027ac6 !important;
    text-decoration: inherit !important;
}

#content a:hover {
    color: #276b98 !important;
    text-decoration: underline !important;
}

#content .titlebox {
    color: #027ac6 !important;
}

#container {
    background-image: none !important;
}

div.socialmedia{
    margin: 10pt 0 20pt 0;
/*    border-bottom: 1px solid #ccc; */
    overflow: auto;
    zoom: 0;
}

div.socialmedia div.logos {
    display: inline-block;
/*    border: 1px solid #ccc; */
    float: left;
    width: 15%;
}

div.socialmedia div.logos img{
    border: 0 none !important;
}

div.socialmedia div.descr {
/*    border: 1px solid #ccc; */
    margin-right: 10pt;
    display: inline-block;
    vertical-align: top;
    width: 80%;
}


/* added to remove red links on h3 titles */

#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	text-indent: 0 !important;
}


h3 {
    color: #034EA2 !important;
    text-indent: 0px !important;
}
#content h3 a, #content h3 a:link {
    color: #034EA2 !important;
    text-decoration: none !important;
    text-indent: 0px !important;
}
#content h3 a:visited {
    color: #034EA2 !important;
    text-indent: 0px !important;
}
#content h3 a:hover {
    color: #034EA2 !important;
    text-decoration: underline !important;
    text-indent: 0px !important;
}

#content p.update-date {
    clear: left;
}

/* left navigation */

.nav-title {
    background: #0065A2;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 8px;  
    margin: 0 7px; 
    line-height: 1.5;
}
.nav-title a:link {
    background: #0065A2;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 8px;  
    margin: 0 -7px;     
    text-decoration: none;
    line-height: 1.7;
}

.nav-title a:visited {
    background: #0065A2;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 8px;  
    margin: 0 -7px; 
    text-decoration: none;
    line-height: 1.7;
}

.nav-title a:hover {
    background: #0065A2;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 8px;  
    margin: 0 -7px; 
    text-decoration: none;
    line-height: 1.7;
}

.nav-title a:active {
    background: #0065A2;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 8px;  
    margin: 0 -7px; 
    text-decoration: none;
    line-height: 1.7;
}

#left_nav {
    background-color: #ffffff !important;
}

#left_nav ul {
    font-size: 11px;
    margin: 0 7px;
}

#left_nav ul li {
    list-style: none;
    padding: 0;
    border-bottom: 1px solid #dddddd;
}

#left_nav ul li a {
    color: #444444;
    text-decoration: none;
    background-image: url(../icons/nav-triangle.png);
    background-repeat: no-repeat;
    background-position: 8px 10px;
    font-size: 13px;
    display: block;
    padding: 4px 10px 4px 20px;
}

#left_nav ul li a:hover {
    color: #074a8b;
    background-image: url("../icons/nav-square.png");
    background-color: #f5f5f5;
}

/* navigation active item */
body.p000 a.p000,
body.p001 a.p001,
body.p002 a.p002,
body.p003 a.p003,
body.p004 a.p004,
body.p005 a.p005,
body.p006 a.p006,
body.p007 a.p007,
body.p008 a.p008,
body.p009 a.p009,
body.p010 a.p010,
body.p011 a.p011,
body.p012 a.p012,
body.p013 a.p013,
body.p014 a.p014,
body.p015 a.p015,
body.p016 a.p016,
body.p017 a.p017,
body.p018 a.p018,
body.p019 a.p019,
body.p020 a.p020,
body.p021 a.p021,
body.p022 a.p022 {
    color: #074a8b !important;
    background-image: url("../icons/nav-square.png") !important;
    background-color: #f5f5f5 !important;
}

/* partnets help - http://cordis.europa.eu/guidance/services/partners_en.html */

ul.no-space {
	margin-top: 0;
}

div.partners-help div.toc {
	margin-bottom: 25px;
}

div.partners-help div.toc li {
	margin: 6px 0;
}

div.partners-help h3 {
	color: #000000;
/*	font-size: 11px;  */
}

div.partners-help h4 {
	margin: 14px 0;
/*	font-size: 11px;  */
}

div.partners-help h5 {
/*		font-size: 11px; */
}

div.clear {
	clear: both;
}
div.tut-left {
	float: left;
	width: 48%;
}

div.tut-right {
	float: right;
	width: 48%;
}

div.tut-left ul, div.tut-right ul {
	text-align: center;
	padding: 0;
	margin: 0;
}

div.tut-left ul li, div.tut-right ul li {
	margin: 0;
	padding: 25px 0;
	list-style-image: none;
	list-style-type: none;
}

div.tut-left ul li img, div.tut-right ul li img {
	border: 5px solid #AAAAAA !important;
	width: 150px;
}

div.tut-left ul li img:hover, div.tut-right ul li img:hover {
	border: 5px solid #777777 !important;
}

div.tut-left div.video-title a, div.tut-right div.video-title{
	font-size: 13px;
	font-weight: bold;
}

div.highlight-red {
	color: red;
	text-decoration: none;
	text-align: center;
	padding: 0.9em;
	margin: 0 0 0.5em 0.33em;
	border: 1px solid red;
	line-height: 1.5em;
	font-weight: bold;
}


/* a-z index */
.index{margin:0px;padding:0px;width:auto; font-size:110%; font-weight:bold;color:#333;}
.index span {padding:3px;}
.index ul{margin:0px; padding:0px;list-style-type:none;}
.index ul li{display:inline;line-height:1.5; border:0px;margin:0px;padding:0px; }
.index a {text-decoration:none;color:#333;/* background-color:#E4E9F1;border:1px solid #8699C1; */ } 
.index a:hover {color:#FFF !important; /* background-color:#B85F6F; */text-decoration:none;}

.azindex{font-size:110%; font-weight:bold;color:#8699C1; border-bottom: 1px solid #8699C1;}


/* general */

.borderRed {
    border: 1px solid #074A8B;
    text-align: center;
}

#boxRed {
    border: 1px solid #074A8B;
    font-weight: bold;
    padding: 5px;
}

.group {
  overflow: hidden;
}

#ColLeft {
  float: left;
  width: 30%;
  padding: 0px 5px 20px 10px;
}

span.pdf {
    padding: 0 0 10px 20px !important;
}

span.youtube {
    background-image: url("../icons/youtube.jpg");
    background-repeat: no-repeat;
    padding: 0 0 10px 20px;
}

/* added to remove red links on h2 titles */

#content h2 a, #content h2 a:link {
    color: #45B5D5 !important;
    text-decoration: none !important;
}
#content h2 a:visited {
    color: #45B5D5 !important;
}
#content h2 a:hover {
    color: #45B5D5 !important;
    text-decoration: underline !important;
}

/* New tabs code   */

.new-tabs {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border-bottom: medium none !important;
    border-top: medium none !important;
    min-height: 3em !important;
    padding: 4px 0 0 4px;
}
.new-tabs #tabs {
    font-family: Verdana,Arial,Helvetica,sans-serif !important;
    font-size: 0.75em;
    min-width: 757px;
    position: relative;
    width: 100%;
    z-index: 2;
}
.new-tabs #tabs ul {
    bottom: 0;
    list-style-image: none;
    list-style-type: none;
    margin: 0 !important;
    padding: 0;
    position: relative;
}
.new-tabs #tabs li {
    display: inline;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
}
.new-tabs #tabs li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #E6E6E6 !important;
    border-color: #0065A2 #0065A2 #E6E6E6;
    border-image: none;
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    float: left;
    margin: 0 2px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}
.new-tabs #tabs li a:hover {
    background: none repeat scroll 0 0 #0065A2 !important;
    border-bottom: 1px solid #0065A2;
}
.new-tabs #tabs li a span {
    background: none repeat scroll 0 0 #E6E6E6 !important;
    color: #074A8B !important;
    display: block;
    float: left;
    min-height: 3em;
    padding: 0 !important;
    width: 96px;
}
.new-tabs #tabs li a:hover span {
    background: none repeat scroll 0 0 #0065A2 !important;
    color: #FFFFFF !important;
}
.new-tabs #tabs li.tab-home a span {
    background-image: url("../icons/home-icon.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    text-indent: -99999px;
    width: 40px;
}
.new-tabs #tabs li.tab-home a:hover span {
    background-image: url("../icons/home-icon-on.png") !important;
}
.new-tabs #share-tool {
    float: right;
    margin-right: 10px;
    margin-top: 1.2em;
}


/* Remove the Title & New SerachBar*/

#service-header { 
    height:0px;
}

#searchbar form#simpleSearch input#q {
border: 2px solid #D8D7D7;
border-radius: 5px 0px 0px 5px;
vertical-align: 5px;
/* height: 29px;*/
position: relative;
right: 25px;
width: 309px;
font-size: 11.2px;
}

/* Local style for RSS folder only
#searchbar{
   top: 15.05em;
}
*/  

#searchbar form#simpleSearch input[type=submit] {
   margin-left: -27px;
   cursor: pointer;
}




/* General New Common */
h2 {
    line-height: normal;
    padding: 20px 0;
}

h3, h4, h5 {
    text-indent: 0 !important;
}

#center {
    font-size: 0.8em !important;
}

    #center h2 {
        font-size: 1.2em;
        padding:0;
    }

/* Bootstrap fixes */
#corporate-header {
    line-height: normal;
}

#breadcrumb {
    line-height: normal;
}


/* LHS bar width */
div#left-nav, div#cattree {
    /*width: 250px !important;*/
    width: 195px !important;
}

#content {
    /*margin-left: 250px !important;*/
    margin-left: 12.2em !important;
}

    #content a {
        text-decoration: underline;
    }



/* LHS bar new */
/*
#left-nav {
    clear: both;
}

    #left-nav h3 {
        color: white;
        background: #0065A2;
        padding: 8px 10px;
        font-size: .95em;
        margin: 0;
        line-height: normal;
        font-weight: 100;
    }

        #cattree>div {
             border-bottom: 1px solid #ccc;
        }

            #cattree h4, #cattree h5 {
                color: #444;
                font-weight: normal;
                font-size: 1.2em;
                padding: 5px 20px;
                margin: 0;
                background: url("../icons/arrow-down-small.png") no-repeat 5px center;
            }

               #cattree h5  {
                    padding: 5px 25px;
                }

            #cattree h4.con, #cattree h5.con {
                background-image: url("../icons/arrow-right-small.png");
            }

            #cattree div>div {
                margin-left: 5px;
            }

            #cattree dl {
                margin: 0;
            }

                #cattree dd {
                    padding: 2px 0 2px 25px;
                    font-size: 0.96em;
                    line-height: normal;
                }

                #cattree dd:last-of-type {
                    margin-bottom: 10px;
                }

        #left-nav p {
            font-size: .8em
        }

*/

/* LHS bar old */

div#cattree h4.noarrow {
    background-image: none;
    cursor: default;
}

div#left-nav h3 {
    text-indent: 5px;
    margin-top: 5px;
    line-height: normal;
}

div#cattree h5 {
    margin: 0 0 2px;
    padding: 8px 0 8px 25px;
    background: #f8f8f8;
    color: #444;
    cursor: pointer;
}

div#cattree h5.con {
    background-image: url("../icons/arrow-right-small.png");
}

div#cattree h5 {
    background-image: url("../icons/arrow-down-small.png");
    background-position: 12px 50%;
    background-repeat: no-repeat;
}

#left-nav, #cattree {
    font-size: 75%;
}

div#cattree {
    margin: 0;
    padding: 0;
    width: 220px;
    float: left;
    overflow: auto;
    font-size: 11px;
    font-style: normal;
}

div#cattree h4 {
    margin: 2px 0;
    padding: 7px 0 7px 17px;
    text-indent: 0;
    font-size: 11px;
    font-weight: bold;
    background-color: #DEF0FC;
    color: #51371E;
    cursor: default;
    cursor: pointer;
}

div#cattree dl {
    margin: 0;
    padding: 5px;
}

div#cattree dd, div#cattree dt {
    margin: 0;
    padding: 2px 7px 0 12px;
    position: relative;
}

div#cattree dd input, div#cattree dt input {
    vertical-align: middle;
}

div#cattree h4, div#cattree dl, div#cattree dl dt, div#cattree dl dd{
    overflow: hidden;
    zoom: 1;
}

div#cattree h4 {
    background-image: url(../icons/arrow-down-small.png);
    background-position: 5px 50%;
    background-repeat: no-repeat;
}

div#cattree h4.con {
    background-image: url(../icons/arrow-right-small.png);
}


/* Forms */
.well {
    margin: 0 !important;
    margin-bottom: 10px !important;
}

    .well form {
        margin: 0px;
    }

        form h2 {
            border-bottom: 1px solid #074A8B;
            color: #074A8B;
            font-size: 130%;
            font-weight: bold;
            margin: 0 0 8px;
            padding: 0;
        }

        form input[type=text].search {
            border-radius: 4px 0 0 4px;
        }

        form input[type=submit].search {
         background: url('../icons/glyphicons-halflings-white.png') no-repeat scroll -43px 7px #0065A2;
         display: inline-block;
         /* height: 29px;*/
         padding: 0px;
         width: 26px;
         line-height: 300px;
         border: 1px solid #0065A2;
         border-radius: 0px 4px 4px 0px;
         float: none;

        }

        form#simpleSearch label{
            display: none !important;
        }

        #submitbutton, .buttonReset, #resetbutton {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            -moz-user-select: none;
            background-color: #EAEAEA;
            background-image: linear-gradient(#FAFAFA, #EAEAEA);
            background-repeat: repeat-x;
            border-color: #DDDDDD #DDDDDD #C5C5C5;
            border-image: none;
            border-radius: 3px;
            border-style: solid;
            border-width: 1px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
            color: #333333;
            cursor: pointer;
            display: inline-block;
            font-size: 13px;
            font-weight: bold;
            padding: 7px 15px;
            position: relative;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
            vertical-align: middle;
            white-space: nowrap;

        }
        .buttonReset {
            text-decoration: none !important;
            color: #000 !important;
            height: 16px;
            padding-top: 4px;
            font-weight: normal;
        }


/* Lists of contenttype items */
.contenttype-items-list {
    display: table;
}

    .contenttype-items-list-item {
        display: table-row;
    }

        .contenttype-items-list-item>div {
            display: table-cell;
            vertical-align: top;
            padding-bottom: 20px;
        }

        .contenttype-items-list-item>div:first-of-type {
            width: 111px;
        }

            .contenttype-items-list-item p.date a:link, .contenttype-items-list-item p.date a:hover, .contenttype-items-list-item p.date a:visited {
                 color: #666 !important;
                 font-size: 0.94em;
                 text-decoration: none !important;
            }

            .contenttype-items-list-item p.teaser a:link, .contenttype-items-list-item p.teaser a:hover, .contenttype-items-list-item p.teaser a:visited {
                 color: #000 !important;
                 text-decoration: none !important;
            }


/* See more content type items links*/
.see_more {
    text-align: right;
}

/* Read more/less links */
a.readmore-button, a.readless-button {
    font-size: .88em;
}

/* Refinements */
#refinements {
    margin-bottom: 10px !important;
    border-width: 4px;
}

    #refinements ul {
        padding-bottom: 4px;
        /*font-size: 0.8em;*/
        font-weight: normal;
        margin-left: 0px;
    }

        #refinements li {
            list-style-type: none;

        }

            #refinements li a {
                background: url("../img/glyphicons-halflings.png") no-repeat scroll -310px 6px #FFFFFF;
                display: inline-block;
                height: 19px;
                line-height: 27px;
                margin-bottom: -2px;
                padding: 0;
                width: 16px;
            }
                #refinements li a span {
                    display: none;
                }


/* Search */
#searchresult div.matches div.autdebug {
    display: none;
}

form#srchParams {
    margin-bottom: 0;
}

    form#srchParams span.label {
        display: inline-block;
        line-height: 20px;
        margin-right: 7px;
        margin-left: 0;
    }

     form#srchParams select {
         margin-bottom: 3px;
         width: auto;
    }

/* XSLT result list */
div.match {
    box-shadow: none !important;
    background-image: none  !important;
}
    div.matchlist a{
        text-decoration: underline !important;
    }

    /* pagelist */
    div#searchresult #pagelist {
        margin: 7px 0 10px!important;
    }

    div#searchresult #pagelist, div#searchresult #pagelistbtm {
        border-top: none !important;
        font-size: 0;
        text-align: center;
    }
    div#searchresult #pagelist span.active:first-child, div#searchresult #pagelistbtm span.active:first-child{
        border-radius: 7px 0px 0px 7px !important;
        border-left:  1px solid #E3E3E3 !important;
        color: #000;
    }
    div#searchresult #pagelist span.active:last-child, div#searchresult #pagelistbtm span.active:last-child{
        border-radius: 0px 7px 7px 0px !important;
        color: #000;
    }

    div#searchresult #pagelist span.active:only-child, div#searchresult #pagelistbtm span.active:only-child{
        border-radius: 7px !important;
        border-left:  1px solid #E3E3E3 !important;
        color: #000;
    }



        div#searchresult #pagelist a, div#searchresult #pagelistbtm a,
        div#searchresult #pagelist span.active, div#searchresult #pagelistbtm span.active {
            font-size: 12.8px;
        }


        div#searchresult #pagelist a, div#searchresult #pagelistbtm a {
            background: #fff !important;
            padding: 0px !important;
            border: 1px solid #E3E3E3 !important;
            border-left: none !important;
            border-radius: 0px !important;
        }

        div#searchresult #pagelist a:hover, div#searchresult #pagelistbtm a:hover {
            background: #eee !important;
        }

        div#searchresult #pagelist span.active, div#searchresult #pagelistbtm span.active {
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A0A0A0), color-stop(1, #FFFFFF));
            background-image: -o-linear-gradient(bottom, #A0A0A0 0%, #FFFFFF 100%);
            background-image: -moz-linear-gradient(bottom, #A0A0A0 0%, #FFFFFF 100%);
            background-image: -webkit-linear-gradient(bottom, #A0A0A0 0%, #FFFFFF 100%);
            background-image: -ms-linear-gradient(bottom, #A0A0A0 0%, #FFFFFF 100%);
            background-image: linear-gradient(to bottom, #A0A0A0 0%, #FFFFFF 100%);
            border: none !important;
            color: #027AC6 !important;
            padding: 0px !important;
            border-bottom: 1px  solid #E3E3E3 !important;
            /*background-color: #A0A0A0;
            border: none !important;
            color: #FFFFFF;

            border-radius: 0 !important;*/
        }

        div#searchresult #pagelist span:only-child, div#searchresult #pagelistbtm span:only-child{
            border-radius: 7px !important;
            border-left:  1px solid #E3E3E3 !important;
        }

        div#searchresult #pagelist a:first-child, div#searchresult #pagelistbtm a:first-child,
        div#searchresult #pagelist span:first-child, div#searchresult #pagelistbtm span:first-child {
            border-radius: 7px 0px 0px 7px !important;
            border-left:  1px solid #E3E3E3 !important;
        }

        div#searchresult #pagelist a:last-child, div#searchresult #pagelistbtm a:last-child,
        div#searchresult #pagelist span:last-child, div#searchresult #pagelistbtm span:last-child {
            border-radius: 0px 7px 7px 0px !important;
        }

/* page 404 */
#content .info-item {
    margin-bottom: 25px;
    font-size: 11px;
}

.info-item span.icolang {
    background-color: #627AAE;
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    padding-top: 4px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 24px;
}

#content .info-item p:first-child strong {
    line-height: 20px;
}

#service-header #simpleSearch {
   display: inline-flex;
}

/*#left_nav ul li.first {
   background: #dddddd;
   pointer-events: none;
}*/
/* name="composer_info" content="2017-03-22 16:25:11" */