/* ---------------------------------------------------------------------------- */
/* BOXES	(generic)															*/
/* ---------------------------------------------------------------------------- */

/*  ADD THESE BEYOND A SELECTOR IN HTML TO CUSTOMIZE A BOX */

/* Delete any box background */
.nobackground {
	background:none !important;
	border:none !important;
	padding:0 !important
}
/* Put some vertical space between 2 boxes if needed (grid 25px) */
.in_boxflux {
	margin-top:25px!important;
}
/* Delete TOP border if necessary (under tabs as example) */
.nobordertop {
	border-top:none !important;
}


/* Delete ALL border if necessary (under tabs as example) */
.noborder {
	border:none !important;
}
/* This box becomes a quote */
.quote {
	padding:20px 44px 0 44px !important;
	background: url(../../ep_framework/img/icon/quote.png) no-repeat left top !important;
}

/* First box of a page, need to erase extra 25px on top */
.topbox {
	margin-top:-0 !important;
}

.list {padding:12px 0 !important; border-top:1px solid #D9DDE1 !important;}
.list_first {padding:0 0 12px !important; border-top:none !important;}
.list_first_right {margin-top:20px; margin-bottom: 12px;}
.list_last {padding: 12px 0 0 !important; border-top:1px solid #D9DDE1 !important;}


.position_relative{
	position:relative;
	}

	
/* footer with a button in a list --------- */


.boxcontent_footer.inlist {
	background:white !important;
	text-align: center !important;
	border-top:1px solid #EEE !important;
	border-left:none !important;
	border-right:none !important;
	border-bottom:none !important;
	padding: 22px 4px !important;

	background: rgb(255,255,255) !important;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))) !important;
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%) !important;
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%) !important;
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%) !important;
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ) !important;
}

/* BOXES HEADERS ---------------------------------------- */



.boxheader_blue {
	margin-top: 25px;
	margin-bottom:-1px;
	padding: 12px;
	border:1px solid #D9DDE1;
	background-color: #20425D;
	color: #FFFFFF;
}



/* HEADERS */

.boxfilter {
	font:normal 1.2em Arial, Helvetica, sans-serif;
	}

.boxheader H2.h2_with_dialog + div.boxfilter {
    top:0px;
    position: absolute;
    right: 1px;
}

.boxheader_blue H3 {
	color: #FFFFFF;
	font:bold 1.4em Arial, Helvetica, sans-serif;
}
.boxheader_blue H4 {
	color: #FFFFFF;
	font:bold 1.4em Arial, Helvetica, sans-serif;
}

.boxheader_grey H3 {
	color: #13334D;
	font:bold 1.4em Arial, Helvetica, sans-serif;
}

.boxheader_grey H4 {
	color: #13334D;
	font:bold 1.4em Arial, Helvetica, sans-serif;
}


.boxheader_grey H2.title.blue+div.boxfilter {
	position: absolute;
	right: 12px;
	top: 12px;
}

.boxheader_grey H2+div.boxfilter {
	position: absolute;
    right: 9px;
    top: 8px;
}

.boxheader_nobackground H3 {
	color: #13334D;
	font:bold 1.4em Arial, Helvetica, sans-serif;
}

.boxheader_nobackground H2 span,
.boxheader_nobackground H3 span  {
	color: #0068C9;
}

.boxheader_nobackground H4 {
	color: #13334D;
	font:bold 1.6em Arial, Helvetica, sans-serif;
}

/*-----------------*/


.boxheader_grey {
	margin-top: 25px;
	margin-bottom:-1px;
	padding: 12px;
	border:1px solid #D9DDE1;
	background-image: url("../img/background/boxhead_bg_grey.png");
	color: #13334D;
	position: relative;
}


.boxheader_nobackground {
	margin-top: 25px;
	padding: 0px 12px 12px 0px;
	color: #13334D;
}
/*used in the template GSA*/
.boxheader_nobackground.topbox a {
    text-decoration: none;
}

.boxheader_nobackground.topbox a:hover {
    text-decoration: underline;
}


.boxheader_newshub {
	margin-top: 25px;
	margin-bottom:-1px;
	background: url("../img/background/bg_newshub.png") no-repeat;
	height: 43px;
	display: block;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius:5px 5px 0 0;
} 




/*.boxfilter {float:right; font-size:1.2em; margin-top:-24px; line-height: 1.6em;}*/
/*.boxfilter span {margin-top:2px;}*/

/* ------------------------------------------------------- */
/* BOXES CONTENTS   */
/* ------------------------------------------------------- */



.boxcontent {
	padding:12px;
	border: 1px solid #D9DDE1;
	background-color: #FFFFFF;
	
}

.boxcontent H1,
.boxcontent H2,
.boxcontent H3,
.boxcontent H4 {
	color:#13334D;
	text-decoration: none;
}
.boxcontent H1 a,
.boxcontent H2 a,
.boxcontent H3 a,
.boxcontent H4 a{
	color:#13334D;
	text-decoration: none;
}

.boxcontent H1 a:hover,
.boxcontent H2 a:hover,
.boxcontent H3 a:hover,
.boxcontent H4 a:hover{
	text-decoration: underline;
}





/*.boxcontent H2 {
	font-size:1.6em;
}

.boxcontent H3 {
	font-size:1.4em;
}
*/

.boxcontent H3 {
	font-size:1.6em;
	padding-bottom: 12px;
}

.boxcontent H4 {
	font-size:1.4em;
	 padding-bottom: 6px;
}

.boxcontent p {
	font:normal 1.2em/1.6em Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
}

.boxcontent p:last-child {margin-bottom: 0;}

.boxcontent p.chapo {
	font:bold 1.2em/1.6em Arial, Helvetica, sans-serif;
	margin:0 0 12px;
}

.boxcontent a{
	/*color: #195B92;*/
  color: #13334D;
  text-decoration: none;
}
.boxcontent a:hover{
    text-decoration: underline;
}


.boxcontent img.half {margin-bottom:12px; float:left; margin-right:12px; width: 300px; }
/*.boxcontent img.half + p.caption {text-align: center; font-size: 1.1em; float:left; width: 300px;  margin-top:-6px; margin-right:12px; }*/
p.caption {
    font-size: 1.1em;
    text-align: center;
    /*margin-top: -20px;*/
}
p.caption_half {

    float: left !important;
    font-size: 1.1em !important;
    margin-right: 10px !important;
    margin-top: -7px !important;
    text-align: center !important;
    width: 300px !important;
}

.boxcontent img.cms_img {
	margin-bottom:12px;
	width: 100% !important;
	padding-bottom: 12px;
}
/*.boxcontent img.cms_img + p.caption {text-align: center; font-size: 1.1em; float:left; width: 600px; margin-top:-18px; }*/

.expand_collapse .boxcontent img.cms_img {
	margin-bottom: 12px;
	/*width: 570px;*/
}

.boxcontent img.third {margin-bottom:12px; float:left; margin-right:12px; width: 200px;}

.list_inbox li {
    background: url("../img/icon/boxbody_icon_list_dark.png") no-repeat scroll left 9px transparent;
    display: block;
    padding: 3px 0 3px 15px;
    font-size: 1.2em;
    line-height: 1.7em;

}


.list_inbox {
	margin-bottom:12px;
	margin-left: 12px;
}
.boxcontent ol.list_inbox {

	
    /*line-height: 1.8em;*/
    list-style-position: inherit;
    list-style-type: decimal;
    padding-left: 15px;

}

/*.boxcontent ol.list_inbox li {
    display: block;
    padding: 3px 0 3px 15px;
    font-size: 1.2em;
    line-height: 1.7em;
    

}*/

.boxcontent ol.list_inbox li {
line-height: 1.7em;
font-size: 1.2em;
padding: 3px 0;
    background: none;
    display: list-item;
}

.boxcontent .element_list H4 {
    font-size: 1em;
    font-weight: bold;
    color:#13334D;

}



.boxcontent_greydark {
	margin-top: 25px;
	padding:12px;
	border: 1px solid #D9DDE1;
	background-image: url("../img/background/boxhead_bg_grey.png");
}
.boxcontent_greydark p {
	padding-bottom:12px;
	font:normal 1.2em/1.6em Arial, Helvetica, sans-serif;
}
.boxcontent_greydark ul li {
	display: block;
	position: relative;
	margin: 0;
	padding: 3px 0 3px 15px;
	background: url("../img/icon/boxbody_icon_list_dark.png") no-repeat left 0.6em;
	font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
}
.boxcontent_greylight {
	/*margin-top: 25px;*/
	padding:12px;
	background-image: url("../img/background/boxbody_bg_linkmore_light.png");
}
.boxcontent_greylight li {
	display: block;
	position: relative;
	margin: 0;
	padding: 3px 0 3px 15px;
	background: url("../img/icon/boxbody_icon_list_dark.png") no-repeat left 0.6em;
	list-style-type: disc;
	font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
}
.boxcontent_footer {
	margin-top: 0px;
	padding:12px;
	border-right: 1px solid #D9DDE1;
	border-left: 1px solid #D9DDE1;
	border-bottom: 1px solid #D9DDE1;
	background-image: url("../img/background/boxhead_bg_grey.png");
	text-align:center;
}
.boxcontent .p_with_margin_top {
	margin-top: 10px;
}

#content_right .boxcontent img {
	width: 100%;
}


/*   NEWSHUB CONTENT  */


.boxcontent.newshub{
	padding:0 12px !important;

}

a.item {background-color: white }
a.item:hover {background-color: #666}
div.item {font:1.3em arial, verdana, sans-serif; margin:0 -12px; padding:12px; border-top: 1Px solid #D9DDE1;}
div.item a {color:#005199;}
div.item a:hover {color:#147EDD;}
div.item .pubDate {font-size:0.9em; color: #999; padding-top:8px;}
div.item:hover {background-color: #F2F2F2; cursor:pointer;}


/* ---------------------------------------------------------------- */
/* SMART CMS BEHAVIORS   */
/* ---------------------------------------------------------------- */

.cms_img {
    padding-bottom: 12px;
}


/*  Box with Tabs FULL IMAGES  (max 5 tabs) */

#content_tab1 .cms_img,
#content_tab2 .cms_img,
#content_tab3 .cms_img,
#content_tab4 .cms_img,
#content_tab5 .cms_img {
    width: 570px;
}


/*  Box with Tabs FULL IMAGES (max 5 tabs) */

#content_tab1 img.half,
#content_tab2 img.half,
#content_tab3 img.half,
#content_tab4 img.half,
#content_tab5 img.half {
	width: 270px;
}



#content_tab1, 
#content_tab2, 
#content_tab3, 
#content_tab4,
#content_tab5 {
    margin-bottom: 25px;
}

/* ------------------------------------------------------- */
/* SMART CMS BOX CONTENTS   */
/* ------------------------------------------------------- */

/*  Specific behaviors for the SMART CMS contribution tool */

.boxcontent div.smart_cms {
    font: 1.2em/1.6em Arial,Helvetica,sans-serif;
}

.boxcontent div.smart_cms ul.list_inbox li,
.boxcontent div.smart_cms ol.list_inbox li,
.boxcontent div.smart_cms p {
    font-size: inherit;
}

.boxcontent div.smart_cms ul {
 	margin-bottom: 12px;
    margin-left: 12px;
}
.boxcontent div.smart_cms ol {
	list-style-position: inherit;
    list-style-type: decimal;
    padding-left: 15px;
    margin-bottom: 12px;
    margin-left: 12px;
}

.boxcontent div.smart_cms ul li {
	background: url("../img/icon/boxbody_icon_list_dark.png") no-repeat scroll left 9px transparent;
    display: block;
    line-height: 1.7em;
    padding: 3px 0 3px 15px;
}
.boxcontent div.smart_cms ol li {
	line-height: 1.7em;
    padding: 3px 0;
}

/* ------------------------------------------------------- */
/* HEADER BOX WHITE   */
/* ------------------------------------------------------- */

/* Imported from Think Tank on 16/04/2014 */
.boxheader_white {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #D9DDE1;
  color: #13334D;
  font-size: 1.2em;
  margin-bottom: -1px;
  margin-top: 25px;
  padding: 12px;
  position: relative;
}