/* PUT VERSION
   Body classes */
body .anonymous{display:block;}
body .secure{display:none;}
body .online{display:none;}
body .admin {display:none;}
body .canlogin {display:none;}
body .offline {display:none;}
/* // */
.securev {visibility:hidden;}
.secureb {display:none;}
.canloginv {visibility:hidden;}
.canloginb {display:none;}
.offlinev {visibility:hidden;}
.offlineb {display:none;}
.onlinev {visibility:hidden;}
.onlineb {display:none;}
.canloginv {visibility:hidden;}
.canloginb {display:none;}

.unknownb{display:block;}
/* // */
body.secure  a.secure {display:inline;}
body.secure .secure {display:block;}
body.secure .anonymous {display:none;}
body.admin .admin {display:block;}
/* // */
body.secure .secureb {display:block;}
body.secure .securev {visibility:visible;}
body.secure .unknownb {display:none;}
body.anonymous .unknownb {display:none;}
body.online .onlineb {display:block;}
body.online .onlinev {visibility:visible;}
body.canlogin .canloginb{display:block;}
body.canlogin .canloginv{visibility:visible;}
body.offline .offlineb {display:block;}
body.offline .offlinev {visibility:visible;}


body #pp-myarea {display:block;visibility:hidden;}
body.secure #pp-myarea{display:block;visibility:visible;}

/* The Commission Breadcrumb style */
.breadcrumb {
	font-size:11px;
	margin: 0px;
	line-height:17px;
	font-family: Verdana, Arial, Helvetica, 'DejaVu Sans', sans-serif;
	background-color: #074A8B;
	padding: 2px 3px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.breadcrumb > li {
	line-height:17px;
	text-shadow: 0 0 0;
}
.breadcrumb > li > a {
	color: white;
	text-decoration: none;
}

/* The Commission menu style */

#pp-myarea ul {
	left: -22px;
	top: 39px;
	min-width: 235px;
	/* min-height: 160px; */
}

/*MY AREA**/
.dropdown.secure .nav-header {text-shadow:none; padding-bottom: 0px;}
.dropdown.secure a:focus{ outline:none;}

/* The Commission menu style */
#main-header .navbar-inner {-webkit-border-radius: 0px;border-radius: 0px;}

#services {font-size:11px;}

/* Scaffolding */

#main-container {
	border: 1px solid #b4b4b4;
	border-top: none;
	padding: 0 20px;
	overflow: hidden;
	background-color: #FFFFFF;
}
#main-container.container-fluid {
	margin-left: 20px;
	margin-right: 20px;
}

#main-header {
	background: url("../img/bg_banner_repeat.png") repeat-x top left;
	margin: 0 -20px;
}
#main-header h1 {
	font-size: 0;
	text-indent: -999999px;
	background:url("../img/pp.jpg") no-repeat top left;
	height: 134px;
}
#main-header .upper-menu {
	float: right;
	margin: 5px;
}
#main-footer {
	margin: 0 -20px;
	border-top: 1px solid #0B5092;
	border-bottom: 1px solid #0B5092;
	background-color: #0B5092;
	color: #FFFFFF;
	font-size: 85%;
	line-height: normal;
	text-align: center;
}


.footer-links {
	margin: 0 -20px;
	background-color: #c8c8c8;
	font-size: 95%;
	line-height: normal;
	text-align: right;
	padding: 10px;
}

.footer-links a, .footer-links a:visited, .footer-links a:hover, .footer-links a:active {
	color: #333;
	text-decoration: none;
	padding: 10px;
}

#main-footer p {
	margin: 5px;
}
#main-footer a,
#main-footer a:visited {
	color: #A0DAEA;
}
#main-footer a:hover {
	color: #42B6D6;
}
#main-footer .version {
	font-size: 85%;
	line-height: normal;
	text-align: right;
	font-style: italic;
}

/** Server status icons */
.ppicon-servstat-green{background:url('../img/servstat.png') -3px -156px no-repeat;min-height:29px;padding-left:1.5em;list-style:none}
.ppicon-servstat-orange{background:url('../img/servstat.png') -3px -205px no-repeat;min-height:29px;padding-left:1.5em;list-style:none}
.ppicon-servstat-red{background:url('../img/servstat.png') -3px -254px no-repeat;min-height:29px;padding-left:1.5em;list-style:none}


/**** General styles ****/

.large-content {
	overflow: auto;
}

/*
**	When the service is unavailable and the page is private, these styles will
**	ensure that the popup will look nice.
**  COMMENT: This needs to be updated with a bootstrap fragment instead
*/

#service_unavailable  {
	/*--Masque opaque noir de fond--*/
	display: none; /*--masque par defaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}

#service_unavailable div {
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les differentes definitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#service_unavailable #fade {
	/*--Masque opaque noir de fond--*/
	display: none; /*--masque par defaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}

/*
** Styles for the onbehalf feature pop-up
**
*/

.popup_block{
	display: none; /*--masque par defaut--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les differentes definitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


/** BOOTSTRAP CUSTOMISATION FOR PP **/

/** GLOBAL STYLES **/

body {
line-height: 1;
font-family: Verdana, Geneva, sans-serif;
color: #444;
font-size: 62.5%;
}

p {
font-size: 1.1em;
line-height: 1.6em;
margin: 6px 8px 6px 8px;
padding: 5px 5px 5px 0px;
}


/** CUSTOM FONTS **/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 17, 2011 03:54:37 AM America/New_York */
@font-face {
    font-family: 'fonts/ArmataRegular';
    src: url('fonts/Armata-Regular-webfont.eot');
    src: url('fonts/Armata-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Armata-Regular-webfont.woff') format('woff'),
         url('fonts/Armata-Regular-webfont.ttf') format('truetype'),
         url('fonts/Armata-Regular-webfont.svg#ArmataRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** END CUSTOM FONTS **/

/** CUSTOM FONTS CUSTOMIZATION, WILL ALLOW THE DEVELOPER TO USE OR NOT THE CUSTOM FONTS IN SPECIFI PARTS OF THE DOCUMENT
	CLASS .custom-fonts has to be added on the body tag, othewise the fonts will not be applyed.
**/

/* eFP7 headings  */
h1 { border-bottom:1px solid #ccc; font:2.6em 'fonts/ArmataRegular', Arial, sans-serif; font-weight:normal; letter-spacing: 0; line-height:1.1em; margin:8px; padding:5px 0px 8px 0px;}
h2 { border-bottom:1px solid #ccc; font:2.0em 'fonts/ArmataRegular', Arial, sans-serif; font-weight:normal; text-transform:uppercase; line-height:1.2em; margin:8px; padding:5px 0px 5px 0px;}
h3 { border-bottom:1px solid #ccc; font:1.7em 'fonts/ArmataRegular', Arial, sans-serif; font-weight:normal; line-height:1em; margin:8px 8px 3px 8px; padding:5px 0px 5px 0px;}
h4 { border-bottom:1px solid #ccc; font:1.4em 'fonts/ArmataRegular', Arial, sans-serif; font-weight:normal; line-height:1.1em; margin:8px; padding:5px 0px 8px 0px;}
h5 { border-bottom:1px solid #ccc; font:1.2em 'fonts/ArmataRegular', Arial, sans-serif; font-weight:normal; line-height:1.1em; margin:8px; padding:3px 0px 3px 0px;}
h6 { background:#fafafa; border-bottom:1px solid #ccc; border-top:1px solid #ccc; font: 'fonts/ArmataRegular', Arial, sans-serif 1.1em; letter-spacing:.1em; line-height:1.4em; margin:8px; padding:2px 0px 2px 5px;}

h7 { font:1.4em 'fonts/ArmataRegular', Arial, sans-serif; font-weight:normal; line-height:1.1em; margin:8px; padding:5px 0px 8px 0px;}
h8 { font:1.4em 'fonts/ArmataRegular', Arial, sans-serif; font-weight:bold; line-height:1.1em; padding:5px 0px 8px 0px; margin: -25px 0px 5px 5px; opacity:0.7;}


/*allow user to disable custom fonts*/
.no-custom-fonts h1, .no-custom-fonts h2, .no-custom-fonts h3, .no-custom-fonts h4, .no-custom-fonts h5, .no-custom-fonts h6 { font-family: Arial, sans-serif; }

/*allow user to enable custom fonts just for a sample*/
.custom-fonts h1, .custom-fonts h2, .custom-fonts h3, .custom-fonts h4, .custom-fonts h5, .custom-fonts h6  { font-family: 'fonts/ArmataRegular', Arial, sans-serif; }





/** HEADER STYLES **/
#main-header { margin-top:-7px;}
#main-header h1 { margin-bottom:0px; margin-left: -20px; padding:0; border:none;}
#main-header .upper-menu { margin:0px;}

ul#services > li { padding-left:0px; padding-right:1px; margin-right:3px;}

ul#services > li > .dropdown { width: 80px; background-color: #fff; border: 1px solid #9ab; }
.ie7 ul#services > li > .dropdown { margin-top:10px; }
.ie7 ul#services > li > .dropdown span.caret { margin-top:-10px; }
.ie7 b.caret { margin-top:5px;}

ul#services > li > .dropdown span.caret { float:right; margin-right:10px;}

ul#services > li > .dropdown .btn-mini { padding-left:6px;}
ul#services .dropdown-menu {width: 80px; min-width: 80px; padding: 0px; margin: 0px; margin-left:-1px; list-style: none; border: 1px solid #9ab; -webkit-border-radius: 0px;
-moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;}
.ie7 ul#services .dropdown-menu, .ie8 ul#services .dropdown-menu {margin-left:-1px;}

ul#services .dropdown-menu > li > a { border: none;color: #5191cd;display: block;font-size: 1em; margin: 0 0 0 0;padding: 0 2px;text-decoration: none;}
ul#services .dropdown-menu > li > a:hover, ul#services .dropdown-menu > li > a:focus{ color: #000; text-decoration: none;background-color: #def;background-image: none;filter: none;}

/*LOGIN ACTIONS BUTTON GROUPS */
.btn-group.pull-right.anonymous{ margin-top:1px; margin-right:3px;}
.btn-group.pull-right.canloginb{ margin-top:1px; margin-right:3px;}
.btn-group.pull-right.secure { margin-top:1px;  margin-right:3px;}
.btn-group.pull-right.anonymous button, .btn-group.pull-right.secure button, .btn-group.pull-right.canloginb button { height:25px; background-color:#5191cd; font-size:9px; letter-spacing:1px; text-transform:uppercase; padding: 0px 8px; background-image:none; color:#A4CAEB; text-shadow:none; -webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;}
.btn-group.pull-right.secure a { height:21px;}
.btn-group.pull-right.anonymous button:hover, .btn-group.pull-right.secure button:hover, .btn-group.pull-right.canloginb button:hover{ color:#fafafa; text-decoration:none}
.btn-group.open .btn.dropdown-toggle { color:#def;}
.btn.btn-small.dropdown-toggle .pp-username {margin-right: 5px;margin-left: 5px;}

.btn-group.pull-right .dropdown-menu > li > a { color:#A4CAEB}
.btn-group.pull-right .dropdown-menu > li > a:hover { color:#fafafa}
.secure .dropdown-menu { padding: 0;margin: 0; min-width:inherit;}

button.btn.btn-small.dropdown-toggle .caret {border-top: 4px solid #A4CAEB;}

/** navbar **/
#main-header .navbar-inner { padding-right:10px; }



/*.container > .row > .span3 { width:0px; display:none;}
.container > .row > .span9 { width:920px; }
.container.ec-container {min-height: 380px;}
.container > .row > .span9 > .row > .span4 { width:450px;}

.container > .row > .span3 { width:200px; display:block;}
.container > .row > .span9, .my-area-fixed .container > .row > .span9.heading-grey { width:718px; float:right}
.container > .row > .span9 > .row > .span4, .my-area-fixed .container > .row > .span9 > .row > .span6 { width:300px;}

.container.ec-sidebar > .row > .span3 { width:200px; display:block;}
.container.ec-sidebar > .row > .span9, .my-area-fixed .container > .row > .span9.heading-grey { width:718px; float:right}
.container.ec-sidebar > .row > .span9 > .row > .span4, .my-area-fixed .container > .row > .span9 > .row > .span6 { width:300px;}*/


.btn-group.pull-right i.icon-user { background-image:url(../img/icons/admin-icons.png); background-position:-31px -4px; height:18px; margin-top: -1px;}
.btn.btn-small.pp-login i.icon-lock { background-image:url(../img/icons/admin-icons.png); background-position:-31px -31px; margin-right:8px; height:18px; margin-top: -1px;}
.btn.btn-small.pp-register i.icon-user {background-image:url(../img/icons/admin-icons.png); background-position:-31px -4px; margin-right:8px; height:18px; margin-top: -1px;}


.btn-group.pull-right:hover i.icon-user { background-image:url(../img/icons/admin-icons.png); background-position:-5px -4px; height:18px; margin-top: -1px;}
.btn.btn-small.pp-login:hover i.icon-lock { background-image:url(../img/icons/admin-icons.png); background-position:-5px -31px; margin-right:8px; height:18px; margin-top: -1px;}
.btn.btn-small.pp-register:hover i.icon-user {background-image:url(../img/icons/admin-icons.png); background-position:-5px -4px; margin-right:8px; height:18px; margin-top: -1px;}

.icon-chevron-down-blue {
                background-position: -25px -167px;
                margin-left: 10px;
}
.icon-chevron-top-blue {
                background-position: 0px -167px;
                margin-left: 10px;
}


/*.my-area-fixed #pp-myarea > .dropdown-menu { display:block ;}*/ /*This puts it always fixed*/

/*Menu Nav Bar*/
#main-header .navbar-inner { border:none;}
#main-header .navbar-inner { padding-left:0px; padding-right:0px; border-bottom: 3px solid #a2caef; height:27px; min-height:27px; font-size: 1.1em;
line-height: 1.5em;}
#main-header .navbar-inner ul.dropdown-menu { font-size:12px; }
#main-header .nav-collapse.collapse {height: 27px;}
#main-header .nav-collapse.collapse > .nav  { float: left;height: 27px;margin: 0;padding: 0;}
#main-header .nav-collapse.collapse > .nav > li { padding:0px; margin:0; border-right: solid 1px #d7d7d7;}
#main-header .nav-collapse.collapse > .nav > li > a {float: none;padding: 5px 10px 2px;color: #777777; text-shadow:none;}
#main-header .nav-collapse.collapse .brand { margin-left:0px; font-size:11px; font-weight:normal}
#pp-myarea ul { left:0px; top:30px;}
#main-header .nav-collapse.collapse > .nav > li > a { color: #555; text-transform:uppercase}
#main-header .nav-collapse.collapse > .nav > li:hover > a, #main-header .nav-collapse.collapse > .nav > li > a:hover { color:#369 }
#main-header .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus,  .navbar .nav > li > a:hover { background-color:#ffffff; -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none; color:#336699;}
#main-header .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {color: #336699;background-color: #fff;}
#main-header .nav-collapse.collapse > .nav > li.active > a {color: #336699;}

#magic-line {position:relative; left: 0; top:0px; width: 100px;height: 3px;background: #369;list-style:none;}

#main-header .nav-collapse.collapse > .nav > li > a.brand:hover, #main-header .nav-collapse.collapse > .nav .dropdown.secure.open > a, .dropdown.secure.active > a{ color:#fafafa}
#main-header .nav-collapse.collapse > .nav > li > a.brand:hover .caret, #main-header .nav-collapse.collapse > .nav > li > a.brand:focus .caret, #main-header .nav-collapse.collapse > .nav .dropdown.secure.open > a, .dropdown.secure.active > a, #main-header .nav-collapse.collapse > .nav > .dropdown.secure.active > a .caret, .btn-group.pull-right.secure button:hover .caret, .btn-group.pull-right.canloginb button a:hover .caret, .btn-group.pull-right.anonymous button a:hover .caret { border-top-color: #fff; border-bottom-color: #fff;}
#main-header .nav-collapse.collapse > .nav > .dropdown.secure.active > a {color: #fff;}



.ie7 #magic-line { margin-top:	-13px;}

.dropdown-menu li ul.inline a { margin-left:15px; }
#pp-myarea ul.inline li { display:block; }

#pp-myarea ul.inline { }
#pp-myarea ul.inline li:hover, #pp-myarea ul.inline li:focus, #pp-myarea ul.inline li:hover a, #pp-myarea ul.inline li:focus a  {
color: #ffffff;
text-decoration: none;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}




a.brand .caret { border-top-color: #777777; border-bottom-color: #777777; margin-left:5px;}




/** BOTTOM PP NAV **/
#pp-bottom-nav { width: auto; margin: 0 -20px; font-family: Verdana, Geneva, sans-serif; font-size: 10px; }
#pp-bottom-nav .navbar {margin-bottom: 0px;}
#pp-bottom-nav .navbar > .navbar-inner { min-height:inherit}
#pp-bottom-nav .navbar > .navbar-inner .nav  a i { display:none; }
#pp-bottom-nav .navbar ul li > a {padding:5px 5px 2px; border: none;color: #333;padding: 4px 10px 4px 10px;text-decoration: none;text-transform: uppercase; text-shadow:none;}
#pp-bottom-nav .navbar ul li > a:hover { background:none;}


/**FOOTER RADIUS // needs to be applyed on the main container as it has an 1px border**/
#main-container {
	-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

/** MAIN FOOTER **/
#main-footer {height:30px;}
#main-footer p {padding: 4px 5px 5px 0px;}

/** GLOBAL **/
/*.container .row > .span9 { width:938px;}*/ /*2px border*/
/*.container .row > .span9.heading-grey  {width:918px;}*/
.container .row > .span9.heading-grey > .row { margin-left:0px;}
/*.container .row > .span9.heading-grey > .row > .span6, .container > .row > .span9.heading-grey > .row > .span4 { width:430px;}*/

/*.container.ec-container .row > .span9.heading-grey { width:935px;}
.container.ec-container .row > .span9.heading-grey .row > .span3 {width:180px; display:block; padding-top:0px;}
.container.ec-container .row > .span9.heading-grey .row > .span9 {width:725px; float:right}
.container.ec-container .row > .span9.heading-grey .row > .span9 .row > .span9 { width:710px; float:none;}*/

.accordion-group { border: 1px solid #d3d3d3; }
.accordion-group:hover { border: 1px solid #999999; }
.accordion-heading { cursor:pointer; }
.accordion-heading:hover {  -moz-border-radius: 4px;   -webkit-border-radius: 4px;    -khtml-border-radius: 4px;    border-radius: 4px;}
.accordion-heading a, .accordion-heading a:hover{ color: #555555; text-decoration:none; font:1.1em 'fonts/ArmataRegular', Arial, sans-serif; font-weight:normal}
.accordion-heading a{width: 94%;}
.accordion-heading .right-caret {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid #000000;
    display: inline-block;
    height: 0;
    opacity: 0.3;
    vertical-align: top;
    width: 0;
	display: inline-block;
	margin-top: 10px;
	margin-left: 10px;
}
.accordion-heading .accordion-toggle { display:inline-block;}
.custom-fonts .accordion-heading .accordion-toggle a { font:'fonts/ArmataRegular', Arial, sans-serif;}



/*Special fixes*/
.row > .span9 > .row > .span12 { width:900px;}
.heading-grey {border: 1px solid #ccc;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}


/** EC heading box **/

.ec-heading-box { width:100%; margin-bottom:5px; overflow:hidden; }
.ec-heading-box > .row { margin-left:0px; overflow: hidden;  position: relative;  width: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.ec-heading-box > .row > .span3 { width:29.5%; margin-left:0px; height: 100%;  position: absolute; float:left; box-shadow:none; padding-bottom:5px; padding-top:0px !important; }
.ec-heading-box > .row > .span9 { width:70%; float:right; color:#fff; }
.ec-heading-box > .row > .span9 h2, .ec-heading-box > .row > .span9 h3, .ec-heading-box > .row > .span9 h4, .ec-heading-box > .row > .span9 h5, .ec-heading-box > .row > .span9 h1 { margin-right: 12px; }
.ec-heading-box > .row > .span9  > p  > a { color:#cae3ff; }
.ec-heading-box > .row > .span9  > ul > li  > a { color:#cae3ff; }

/* GRADIENTS
* Please use this tool for optimal compatibility
* http://www.colorzilla.com/gradient-editor/
*/
.light-blue-gradient-horizontal, .breadcrumb { background: #1b64a8; /* Old browsers */
background: -moz-linear-gradient(left,  #1b64a8 0%, #4e93ce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b64a8), color-stop(100%,#4e93ce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #1b64a8 0%,#4e93ce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #1b64a8 0%,#4e93ce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #1b64a8 0%,#4e93ce 100%); /* IE10+ */
background: linear-gradient(to right,  #1b64a8 0%,#4e93ce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b64a8', endColorstr='#4e93ce',GradientType=1 ); /* IE6-9 */
}

.ec-btn, .blue-gradient-vertical, .btn-group.pull-right.anonymous button, .btn-group.pull-right.canloginb button, .btn-group.pull-right.secure button, .dropdown-menu.pull-right, .ec-heading-box > .row, .btn.btn-primary, .btn-blue  { background: #4d91ce; /* Old browsers */
background: -moz-linear-gradient(top,  #4d91ce 0%, #1b64a8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d91ce), color-stop(100%,#1b64a8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4d91ce 0%,#1b64a8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4d91ce 0%,#1b64a8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4d91ce 0%,#1b64a8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4d91ce 0%,#1b64a8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d91ce', endColorstr='#1b64a8',GradientType=0 ); /* IE6-9 */
}

.ec-btn:hover, .btn-group.pull-right.anonymous button:hover, .btn-group.pull-right.canloginb button:hover, .btn-group.pull-right.secure button:hover, .btn.btn-primary:hover, #main-header .nav-collapse.collapse > .nav > li > a.brand:hover, .dropdown.secure.open > a, .dropdown.secure.active > a, .btn-blue:hover  {
background: #5998cc; /* Old browsers */
background: -moz-linear-gradient(top,  #5998cc 0%, #226baa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5998cc), color-stop(100%,#226baa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5998cc 0%,#226baa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5998cc 0%,#226baa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5998cc 0%,#226baa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5998cc 0%,#226baa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5998cc', endColorstr='#226baa',GradientType=0 ); /* IE6-9 */
}

.grey-gradient, #main-header .navbar-inner, button.grey-gradient:hover, .btn-grey, .btn-grey:hover, .btn-disabled, .btn-disabled:hover{
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f3f3 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f3f3 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f3f3 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f3f3 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f3f3f3 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

.grey-dark-gradient, #pp-bottom-nav .navbar-inner {
background: #c8c8c8; /* Old browsers */
background: -moz-linear-gradient(top,  #c8c8c8 0%, #e5e5e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8c8c8), color-stop(100%,#e5e5e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c8c8c8 0%,#e5e5e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c8c8c8 0%,#e5e5e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c8c8c8 0%,#e5e5e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c8c8c8 0%,#e5e5e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#e5e5e7',GradientType=0 ); /* IE6-9 */
}

.grey-darkest-gradient, #main-footer {
background: #444444; /* Old browsers */
background: -moz-linear-gradient(top,  #444444 0%, #555555 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#555555)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #444444 0%,#555555 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #444444 0%,#555555 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #444444 0%,#555555 100%); /* IE10+ */
background: linear-gradient(to bottom,  #444444 0%,#555555 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
}

.box-grey-light-gradient, .heading-grey, .ec-heading-box > .row > .span3 { background: #f5f5f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f5f7 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f7), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f5f7 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f5f7 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f5f7 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5f5f7 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f7', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

.two-stop-gray-gradient, .accordion-heading {
background: #f1f1f1; /* Old browsers */
background: -moz-linear-gradient(top,  #f1f1f1 0%, #f1f1f1 50%, #ededed 50%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(50%,#f1f1f1), color-stop(50%,#ededed), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f1f1f1 0%,#f1f1f1 50%,#ededed 50%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f1f1f1 0%,#f1f1f1 50%,#ededed 50%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f1f1f1 0%,#f1f1f1 50%,#ededed 50%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f1f1f1 0%,#f1f1f1 50%,#ededed 50%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.two-top-gray-gradient-hover, .accordion-heading:hover {background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #ebebeb 49%, #e5e5e5 50%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(49%,#ebebeb), color-stop(50%,#e5e5e5), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ebebeb 49%,#e5e5e5 50%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 0%,#ebebeb 49%,#e5e5e5 50%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 0%,#ebebeb 49%,#e5e5e5 50%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5e5e5 0%,#ebebeb 49%,#e5e5e5 50%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}

.light-green-gradient, .btn-green, .btn-green:hover {background: #99cc33; /* Old browsers */
background: -moz-linear-gradient(top, #99cc33 0%, #679a01 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99cc33), color-stop(100%,#679a01)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #99cc33 0%,#679a01 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #99cc33 0%,#679a01 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #99cc33 0%,#679a01 100%); /* IE10+ */
background: linear-gradient(to bottom, #99cc33 0%,#679a01 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc33', endColorstr='#679a01',GradientType=0 ); /* IE6-9 */}

/*MY AREA MENY*/
#pp-myarea .dropdown-menu > li > a { padding:1px 10px;}
#pp-myarea .nav-header { padding:1px 15px; margin-top:2px;}

/*tiny variation*/
#pp-myarea .tiny li { width:auto;  display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin-left:10px;}
#pp-myarea .tiny li a { padding:1px 5px;}
#pp-myarea .tiny li > a:hover, #pp-myarea .tiny li:hover  { }
#pp-myarea .tiny li.nav-header { display:block; margin-left:0px !important}
/*in-place variation*/

#pp-myarea .in-place {margin-top: 25px;margin-left: 10px;}
#pp-myarea .in-place:before,#pp-myarea .in-place:after {border:none;}
/*#pp-myarea .in-place li { width:auto;  display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin-left:10px;}
#pp-myarea .in-place li a { padding:1px 5px;}
#pp-myarea .in-place li a:hover { background:none; color:#0081c2; text-decoration:underline;}
#pp-myarea .in-place li.nav-header { display:block; margin-left:0px !important} */


/** EC CARDS */


.ec-cards .ec-cards-wrapper .ec-cards-content .ec-cards-title { font-size:1em;margin-bottom: 3px;}
.ec-cards .ec-cards-wrapper .ec-cards-content .ec-cards-note, .ec-cards .ec-cards-wrapper .ec-cards-content .ec-cards-subtitle { font-size:0.9em; color:#000}
.ec-cards .ec-cards-wrapper .ec-cards-content .ec-cards-description { font-size:1em; margin-left:0px;margin-top:0px;}
.ec-cards .ec-cards-wrapper .ec-cards-content .ec-cards-date { font-size:0.8em; font-weight:normal; color:#666; }
.ec-cards .ec-cards-wrapper .ec-cards-content .ec-cards-deadline { right:0; }

/** EC TREE */
.ec-tree { font-size: 1.2em; }

/**my-area-fixed*/
.secure .span3-top { padding-top:120px;} /*equal to myarea menu height*/
/*.secure .row > .span9 > .row > .span12 { width: 675px;}
.secure .container > .row > .span9.heading-grey > .row > .span4 { width:322px;}*/

/*STATUS PAGE*/
.ppicon-servstat-green,.ppicon-servstat-red,.ppicon-servstat-orange {padding-left: 22px;}

/*FP7/CIP CALLS FILTER*/
 #main-wrapper .content #filter {
            	background: #efefef;
                border: 1px solid #d8d8d8;
                display:  none;
                width:  710px;
            }

            #main-wrapper .content #filter h2 {
            	margin: -0.8em 0 0 2em;
            	cursor:  pointer;
            	padding: 0 1em;
            	font-size:  0.9em;
            	font-weight: normal;
            	background: #FFFFFF;
            	display: inline-block;
            }

            #main-wrapper .content #filterbox {
                font-size: 0.8em;
                position:  relative;
            }

	            #main-wrapper .content #filterbox .arrow {
	            	background:  url('../img/flechgriz.png') no-repeat;
	               	top:  -22px;
	               	right: 70px;
	               	height:  22px;
	               	width:  46px;
	               	position:  absolute;

	                /*behavior: url(PIE.htc);
	                -pie-png-fix: true;*/
	            }

            	 #main-wrapper .content #filterbox .col {
            	 	float: left;
         			width: 33%;
            	 }

                #main-wrapper .content #filterbox h3 {
                    clear: both;
                    color: #8c8c8c;
                    margin: 0;
                    padding: 1em 0 0;
                    text-align: center;
					border:none;
                }


                #main-wrapper .content #filterbox .button.selected {
                    background-position: 0 -48px;
                    color: #FFFFFF;
                }
                #main-wrapper .content #filterbox .button.half { margin-right: 1%;width: 48.5%; font-size: 1em;  }
                #main-wrapper .content #filterbox .button.tierce { margin-right: 1%; width: 31.4%; font-size: 1em; }
                #main-wrapper .content #filterbox .button.last { margin-right: 0 }
                #main-wrapper .content #filterbox p {
                    margin: 0 0 0.5em;
                    height: 20px;
                }
                #main-wrapper .content #filterbox p label.formlab {
                    float: left;
                    padding: 0.5em;
                    width: 8em;
                    text-align: right;
                    font-weight: bold;
                    color: #7C7C7C;
					font-size:1.1em;
					clear:both;
                }

#calls { margin-left:0px;}
#filterbox {margin-left: 8px;margin-right: 8px;}
.controls { min-height:35px}
.controls-left {float: left; margin-left:10px;}
button.header-button {color: #366ca1;float: right;height: 24px;margin-left: 10px;width: 180px;margin-top: 8px;font-size: 0.8em;}
.quicksearch {float: right;margin-top: 10px;}
.quicksearch input {border: #d9d9d9 1px solid;float: left;margin-right: 2px;width: 170px;padding: 0px 5px;}
.quicksearch #btn-search {background: #809ead url('../img/magnifier.png') 4px 1px no-repeat;border: #8cbad1 solid;border-width: 2px 0 0 2px;display: block;float: left;font-size: 0.9em;height: 18px;text-indent: -1000px;overflow: hidden;width: 25px;behavior: url(PIE.htc);-pie-png-fix: true; width:12px !important;}
.quicksearch #btn-search:hover {background-color: #8cbad1; border-color: #809ead;}


.btn-global-search {background: #809ead url('../img/magnifier.png') 1px 1px no-repeat; margin-top: 4px; border: #8cbad1 solid;border-width: 1px 0 0 1px;display: block;float: left;font-size: 0.9em;height: 18px;text-indent: -1000px;overflow: hidden;width: 22px;behavior: url(PIE.htc);-pie-png-fix: true; width:22px !important;}
.btn-global-search:hover {background: #809ead url('../img/magnifier.png') 1px 1px no-repeat; border-color: #8cbad1 solid;}
.global-text-search-input{
	height:17px; width:100px; margin:0px 0px 0px 5px;
}

/* SIDEBAR */
#sidebar #menu { font-size:14px; display:none;}
#sidebar #menu ul li { list-style:none;}
#sidebar #menu ul {
	margin: 1em 0;
	padding: 0;
}
	#sidebar #menu li, #sidebar a#other-calls {
		margin: 0;
		padding: 0;
		font-size: 0.8em;
		list-style-type: none;
	}
        #sidebar #menu ul.frameworks > li{
            margin-bottom: 1em;
        }
		#sidebar #menu li a, #sidebar a#other-calls {
			color: #333;
			cursor: pointer;
			text-transform: capitalize;
		}
		#sidebar #menu li a:hover, #sidebar #menu li a.selected, #sidebar a#other-calls:hover, #sidebar a#other-calls.selected {
			color: #0B62A5;
			text-decoration: none;
		}
		#sidebar #menu li ul {
			margin: 0 0 0 1em;
			padding: 0;
		}
			#sidebar #menu li ul li {
                                clear: both;
				font-size: 1em;
				line-height: 2em;
			}
				#sidebar #menu li ul li ul {
					margin: 0 0 0 2em;
				}
					#sidebar #menu li ul li ul li {
						color: #8C8C8C;
						line-height: 1em;
						font-size: 0.9em;
						padding-left: 0px;
						list-style-type: disc;
						margin: 0 0 0.5em;
					}
						#sidebar #menu li ul li ul li a {
							color: #8C8C8C
						}
						#sidebar #menu li ul li ul li a:hover {
                            color: #a0b6c2;
						}
						#sidebar #menu li ul li ul li a.selected {
							font-weight: bold;
                            color: #666666;
						}

	#sidebar #menu span.ico {
        background: url('../img/icons/submenu.png') 0 4px;
        display: block;
        float: left;
        height: 25px;
        width: 20px;
    }

    #sidebar #menu sup.qty {
	    background: #7F7F7F;
		color: white;
		border-radius: 5px;
		margin-left: 0.5em;
		padding: 0 0.5em;
    }

#sidebar .label, #sidebar .badge {
display: inline-block;
padding: 2px 4px;
font-size: inherit;
font-weight: inherit;
line-height: 14px;
color: inherit;
text-shadow:inherit;
white-space:inherit;
vertical-align: baseline;
background: none;
}


.cooperation { color: #d63d1c; background:  transparent; }
.colorbar-cooperation { background: #d63d1c }
#sidebar #menu a.cooperation span.ico { background-position: -55px 3px }
#sidebar #menu a.cooperation:hover span.ico { background-position: -55px 23px }
#sidebar #menu a.cooperation.selected span.ico { background-position: -55px 23px }

.ideas { color: #f4bb3a; background:  transparent; }
.colorbar-ideas { background: #f4bb3a }
#sidebar #menu a.ideas span.ico { background-position: -38px 3px }
#sidebar #menu a.ideas:hover span.ico { background-position: -38px 23px }
#sidebar #menu a.ideas.selected span.ico { background-position: -38px 23px }

.European_Research_Council { color: #f4bb3a; background:  transparent; }
.European_Research_Council-ideas { background: #f4bb3a }
#sidebar #menu a.European_Research_Council span.ico { background-position: -38px 3px }
#sidebar #menu a.European_Research_Council:hover span.ico { background-position: -38px 23px }
#sidebar #menu a.European_Research_Council.selected span.ico { background-position: -38px 23px }

.people { color: #895881; background:  transparent; }
.colorbar-people { background: #895881 }
#sidebar #menu a.people span.ico { background-position: -18px 3px }
#sidebar #menu a.people:hover span.ico { background-position: -18px 23px }
#sidebar #menu a.people.selected span.ico { background-position: -18px 23px }

.capacities { color: #f190ac; background:  transparent; }
.colorbar-capacities { background: #f190ac }
#sidebar #menu a.capacities span.ico { background-position: -92px 3px }
#sidebar #menu a.capacities:hover span.ico { background-position: -92px 23px }
#sidebar #menu a.capacities.selected span.ico { background-position: -92px 23px }

.euratom { color: #b2d235; background:  transparent; }
.colorbar-euratom { background: #b2d235 }
#sidebar #menu a.euratom span.ico { background-position: -74px 3px }
#sidebar #menu a.euratom:hover span.ico { background-position: -74px 23px }
#sidebar #menu a.euratom.selected  span.ico { background-position: -74px 23px }


.eip { color: #3CC; background:  transparent; }
.colorbar-eip { background: #3CC }
#sidebar #menu a.eip span.ico { background-position: -108px 3px }
#sidebar #menu a.eip:hover span.ico, #sidebar #menu a.eip.selected span.ico { background-position: -108px 24px }
.iee { color: #393; background:  transparent; }
.colorbar-iee { background: #393 }
#sidebar #menu a.iee span.ico { background-position: -145px 3px }
#sidebar #menu a.iee:hover span.ico, #sidebar #menu a.iee.selected span.ico { background-position: -145px 24px }
.ict-psp { color: #39F; background:  transparent; }
.colorbar-ict-psp { background: #39F }
#sidebar #menu a.ict-psp span.ico { background-position: -126px 3px }
#sidebar #menu a.ict-psp:hover span.ico, #sidebar #menu a.ict-psp.selected span.ico { background-position: -126px 24px }


#btn-filtering { font-size:11px;}


/* FILTERS */
#main-wrapper .content #filterbox {
	background: #efefef;
    border: 1px solid #d8d8d8;
    display:  block;
}

#main-wrapper .content #filterbox h2 {
	margin: -0.8em 0 0 2em;
	cursor:  pointer;
	padding: 0 1em;
	font-size:  0.9em;
	font-weight: normal;
	background: #FFFFFF;
	display: inline-block;
}

.fundingimage {
		width:156px;
	height:136px;
	background:url(../img/carousel/pp_illustration_3.jpg) no-repeat center center;
	 margin-left: auto;
    margin-right: auto;
}

.fundingOportImage {
	width:156px;
	height:136px;
	background:url(../img/carousel/pp_illustration_2.jpg) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}

.expertsImage {
	width:156px;
	height:136px;
	background:url(../img/carousel/pp_illustration_4.jpg) no-repeat center center;
	 margin-left: auto;
    margin-right: auto;
}

.identityMangementImage {
	width:230px;
	height:150px;
	background:url(../img/carousel/pp_illustration_5.jpg) no-repeat center center;
    margin-left: auto;
    margin-right: auto;
}

.pp_first-time_single-signup {

	height:80px;
	background:url(../img/pp_first-time_single-signup.jpg) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}

.h2020_main_banner {
	width:684px;
	height:75px;
	background:url(../img/h2020_main_banner.png) no-repeat center center;
	margin-left: auto;
    margin-right: 0px;
}

 .h2020_globe_medium {
	width:324px;
	height:136px;
	background:url(../img/h2020_globe_medium.jpg) no-repeat center center;
	margin-left: auto;
    margin-right: 6px;
}

.h2020_globe_small {
	width:156px;
	height:136px;
	background:url(../img/h2020_globe_small.jpg) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}

.h2020_globe_mini {
	width:45px;
	height:40px;
	background:url(../img/h2020_globe_mini.jpg) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}

 .cosmeimage {
	width:150px;
	height:150px;
	background:url(../img/cosme.jpg) no-repeat center center;
	margin-top: 15px;
	margin-left: auto;
    margin-right: auto;
}

.cosme_mini {
	width:45px;
	height:40px;
	background:url(../img/cosme_mini.jpg) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}

 .third_hp_image {
	width:150px;
	height:150px;
	background:url(../img/third_hp.png) no-repeat center center;
	margin-top: 15px;
	margin-left: auto;
    margin-right: auto;
}

.third_hp_mini {
	width:45px;
	height:40px;
	background:url(../img/third_hp_mini.png) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}

.rfcs_image {
	width:170px;
	height:170px;
	background:url(../img/rfcs.jpg) no-repeat center center;
	margin-top: 4px;
	margin-left: auto;
    margin-right: auto;
}

.rfcs_mini {
	width:45px;
	height:40px;
	background:url(../img/rfcs_mini.jpg) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}

.justice_image {
	width:170px;
	height:170px;
	background:url(../img/justice.png) no-repeat center center;
	margin-top: 4px;
	margin-left: auto;
    margin-right: auto;
}

.justice_mini {
	width:45px;
	height:40px;
	background:url(../img/justice_mini.png) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}
 .cp_image {
	width:150px;
	height:150px;
	background:url(../img/cp.png) no-repeat center center;
	margin-top: 15px;
	margin-left: auto;
    margin-right: auto;
}
.cp_mini {
	width:45px;
	height:40px;
	background:url(../img/cp_mini.png) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}
 .agri_image {
	width:150px;
	height:240px;
	background:url(../img/agri.png) no-repeat center center;
	margin-top: 15px;
	margin-left: auto;
    margin-right: auto;
}

.agri_mini {
	width:40px;
	height:60px;
	background:url(../img/agri_mini.png) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}

 .rec_image {
	width:150px;
	height:150px;
	background:url(../img/rec.png) no-repeat center center;
	margin-top: 15px;
	margin-left: auto;
    margin-right: auto;
}

.rec_mini {
	width:40px;
	height:60px;
	background:url(../img/rec_mini.png) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}

 .amif_image {
	width:150px;
	height:150px;
	background:url(../img/amif.png) no-repeat center center;
	margin-top: 15px;
	margin-left: auto;
    margin-right: auto;
}

.amif_mini {
	width:40px;
	height:60px;
	background:url(../img/amif_mini.png) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}

 .isfb_image {
	width:150px;
	height:150px;
	background:url(../img/isfb.png) no-repeat center center;
	margin-top: 15px;
	margin-left: auto;
    margin-right: auto;
}

.isfb_mini {
	width:40px;
	height:60px;
	background:url(../img/isfb_mini.png) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}

 .isfp_image {
	width:150px;
	height:170px;
	background:url(../img/isfp.png) no-repeat center center;
	margin-top: 15px;
	margin-left: auto;
    margin-right: auto;
}

.isfp_mini {
	width:40px;
	height:60px;
	background:url(../img/isfp_mini.png) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}

 .sa_image {
	width:200px;
	height:160px;
	background:url(../img/sta.jpg) no-repeat center center;
	margin-left: auto;
    margin-right: auto;
}

.home-ico {
background:url(../img/pp_bg_icon_main-nav_home-norm_30x30.jpg) no-repeat center left !important;
}
.span30 {
  width: 220px;
}

.span13 {
  width: 340px;
}

/* PROJECTS */
.button-pr {display:inline-block;width:15px;height:15px;background:url("../img/projects/pp_icon_periodic-reporting.png") no-repeat center left !important;}
.button-aa {display:inline-block;width:15px;height:15px;background:url("../img/projects/pp_icon_access-amendment.png") no-repeat center left !important;}
.button-an {display:inline-block;width:15px;height:15px;background:url("../img/projects/pp_icon_access-negotiation.png") no-repeat center left !important;}
.button-rd {display:inline-block;width:15px;height:15px;background:url("../img/projects/pp_icon_reporting-deliverables.png") no-repeat center left !important;}
.button-fr {display:inline-block;width:15px;height:15px;background:url("../img/projects/pp_icon_financial-reporting.png") no-repeat center left !important;}
.button-pr:hover, .button-aa:hover, .button-an:hover, .button-rd:hover, .button-fr:hover {opacity:0.5;}

/* PROPOSALS */
.button-vs {display:inline-block;width:15px;height:15px;background:url("../img/proposals/view-submit-icon.png") no-repeat center left !important;}
.button-vd {display:inline-block;width:15px;height:15px;background:url("../img/proposals/view-draft-icon.png") no-repeat center left !important;}
.button-ed {display:inline-block;width:15px;height:15px;background:url("../img/proposals/edit-draft-icon.png") no-repeat center left !important;}
.button-dl {display:inline-block;width:15px;height:15px;background:url("../img/proposals/delete-icon.png") no-repeat center left !important;}

.ajax-spinner {display:inline-block;width:25px;height:25px;background:url("../img/ajax-loader-white.gif") no-repeat center left !important;padding-right: 10px;}

/* JLE */
.loader {display:block;margin:30px auto;}
.admin-spy {display:inline-block;width:18px;height:12px;background:url("../img/icons/admin-spy.png")}
.profiler {border:1px solid #369; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;color:#fff;background-color:#ccc;padding:3px;margin-left:5px;font-size:7px;}
.ec-container li {font-size:11px;}
h3  a.pull-right {margin-top:-5px;}
h4 a.pull-right {margin-top:-5px;}
#pp-myarea .dropdown-menu  > li > a.active {background-color: #0081c2;color:#fff}
#pp-myarea .dropdown-menu  > li {border-bottom: 1px solid #b4b4b4;}
/*.accordion-group > div.active {background-color: #0081c2;color:#fff}*/
.accordion-heading > a.active {background-color: #0081c2;color:#fff;width:85%}

/*small call fixes*/
.filters-container .lbl { float: left; padding: 0.1em; width: 8em; text-align: right; font-weight: bold; color: #7C7C7C;}
/*ie7 header clear fix*/
.ie7 #main-header > h1 { clear:both; margin-top:-42px}
.ie7 #main-header > .upper-menu { z-index:900; position:relative}


.well-results {
  padding: 3px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.europasearchlink, .europasearchlink-noresult{
	font-size: 110%;
	margin: -26px 8px 6px 65px;
}

.europasearchlink a, .europasearchlink-noresult a{
	cursor: pointer;
}

.well-sidemenu {
  min-height: 20px;
  padding: 12px 5px 5px 5px;
  margin-bottom: 20px;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.my-area-padding {
	border: none;
	height:120px;
}


.online-service-unavailable {
	padding: 1px 35px 8px 14px;
	margin-bottom: -20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

.fragment{
	margin: 10px 10px -10px 10px;
}

/* CSS Style for 'ol' numbering, i.e 1.1, 1.2 etc */
.olnumbering {
    counter-reset: item;
    padding:0 0 0 2em;
    margin:0 0 1em;
}

.ol.olnumbering li {
    display: block;
    padding:0 0 0 1em;
}

.ol.olnumbering li:before {
	content: counters(item, ".") " ";
	counter-increment: item;
}

.pillar-text{
	margin: -12px 10px -10px 20px;
	font-size: 11px;
}

.left-menu-filter {
	min-height: 30px;
	width: 188px;
	padding: 5px;
	font-size: 1.1em;
	border-left-width: 4px;
	margin-bottom: 5px;
}

.navbar-inner.left-menu-filter > label  {
	margin-left: 22px;
	line-height: 10px;

	position: relative;
	top: 50%;
	transform: translateY(-50%);
}


.topicdescriptionkind, .calldescriptionkind{
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: underline;
	padding-left: 10px;
}

.budgetdisclaimer{
	font-size: 1.1em;
	margin-top: 6px;
}

.taxTypepp_roles_and_rights {  border-left-color: #ffcc33;}  /* yellow */
.taxTypep_registration {  border-left-color: #66dfff;} /* turquoise */
.taxTypework_programme_calls {  border-left-color: #e82e4d;} /* red */
.taxTypep_submission_eval {  border-left-color: #b26f32;} /* brown */
.taxTypeethics_research_integrity {  border-left-color: #fc5d17;} /* orange */
.taxTypegrants {  border-left-color: #c0dd45;} /* light green */
.taxTypeprizes {  border-left-color: #2280c6;} /* blue */
.taxTypefinance_instrum {  border-left-color: #658e00;} /* dark green */
.taxTypeaudit {  border-left-color: #743bb7;} /* purple */
.taxTypeexperts {  border-left-color: #fc5ab8;} /* pink */
.taxTypeeu_research_policy {  border-left-color: #a51497;} /* magenta */
.taxTypeprog_report_stats {  border-left-color: #cc9933;} /* ocher */
.taxTypecross_cut_issues {  border-left-color: #b8d0e8;} /* light blue */



.filter.toggle.left-menu-filter input[type="checkbox"] {
    margin-left: -20px;
    margin-right: 2px;
    margin-bottom: 5px;
	vertical-align: middle;
}

.element-invisible {
	display: none;
}

/*for progress indication during search*/
.loading, .loading input, .loading label, .loading select, .loading button, .loading .btn  {
	cursor: wait !important;
}

#europa-search-link {
	float: right;
	margin-top: 0px;
	height: 22px;
	font-size: 9px;
	padding-top: 0px;
}

.left-margin {
	margin-left: 20px;
}
.plaintext-search {
	width: 430px;
	margin-bottom: 10px;
}

#btn-search {
	margin-top: 0px;
	margin-left: 11px;
	margin-bottom: 10px;
}
.ec-cards .well-white {
	border-left-width:5px;
}
#tagLinks {
	margin-right: 12px;
	margin-left: 5px;
}
#tagLinks ul {
	list-style-type: disc;
	margin-left: 25px;
}

.well-white.archived {
	background-image: linear-gradient(to bottom, #dddddd, #fff);
}

.btn-blue[disabled], .btn-blue[disabled]:hover{

    border: 1px solid #ccc;

    text-shadow: none;

    color: #666666!important;

    background: #eeeeee;

}

.label-right{
    padding-top: 5px;
    text-align: right;
}

div#more {
    padding-top: 22px;
}


/* Expert Paid Days color bar*/

.expert_alert_60{
      color: #E6E6E6;
      background-color: #E6E6E6;
      border-color: #eed3d7;
	}

.expert_alert_90{
      color: #E6E6E6;
      background-color: #E6E6E6;
      border-color: #eed3d7;
	}

.expert_alert_119{
	  color: #E6E6E6;
      background-color: #E6E6E6;
      border-color: #eed3d7;
	}

.expert_alert_120{
      color: #E6E6E6;
      background-color: #E6E6E6;
      border-color: #eed3d7;
	}

/*
.expert_alert_90{
      color: #FFFFA3;
      background-color: #FFFFA3;
      border-color: #eed3d7;
	}

.expert_alert_119{
	  color: #FFA500;
      background-color:  #FFA500;
      border-color: #eed3d7;
	}

.expert_alert_120{
      color: #b94a48;
      background-color: #b94a48;
      border-color: #eed3d7;
	}

*/
.faqwiu {
	font-size: 1.5em;
	display: none;
}

.voteContainer {
	display: inline-block;
	border-radius: 10px;
	width: 100px;
	overflow: hidden;
	margin-left: 10px;
}
.voteContainer div {
	height: 14px;
	float: left;
}

.othersVoted {
	font-size: 1.5em;
	margin-left: 10px;
	margin-top: 10px;
}