/* EC Institution Departmental CSS for external INTERNET subsites*/
/* The look and feel of these styles is controlled by EC's Communications Directorate */
/*  DO NOT TOUCH !!!  */
@charset "utf-8";


div#gcwb_prts li {
	margin-bottom: 10px !important;
}

/* ============================================================== */
/* 			   	Media Room - Social Media Links   */
/* ============================================================== */

div.socialMediaSharingRow {
	border: 1px solid #999;
	float: left; 
	margin: 20px 0 0 0; 
	padding: 5px 0 0 10px; 
	width: 98%;
}

div.socialMediaSharingRow div {
	margin: -8px 0 0 30px;
	padding: 0 0 2px 0;
}

div.socialMediaCols3 {
	float: left;
	margin: 0 3px 0 0; 
	padding: 0;	
	width: 25%; 
}

div.socialMediaCols3 a{
	display:block; 
	padding: 10px 0 15px 45px;
	vertical-align: middle;
}

/* Icon Background Images */
#facebook {background: transparent url('/commonwebsol/images/socialmediasharingimgs/facebook.gif') no-repeat left 1px;}
#twitter {background: transparent url('/commonwebsol/images/socialmediasharingimgs/twitter.gif') no-repeat left 1px;}
#flickr {background: transparent url('/commonwebsol/images/socialmediasharingimgs/flickr.gif') no-repeat left 1px;}

ul.imgList {
	margin:0;
	padding:0;
}
ul.imgList li {
	list-style:none;
	margin: 0 0 6px 0 !important;
	padding:0 !important;
} 	

ul.imgList li a, 
ul.imgList li a:visited, 
ul.imgList li a:hover {
	margin: 0 !important;
	padding:0 !important;
} 

ul.imgList li a img {
	margin: 0 !important;
	padding:0 !important;
}


/* ------------------------------- */
/* Custom Classes for HELP webpage */
/* ------------------------------- */
div#helpLinks {
	margin: 0;
	padding: 0;
}

div#helpLinks dt{	font-weight:bold;}

div#helpLinks dd{
	margin: 0 0 10px 0;
	padding: 0;
}



/* -------------- */
/* Related Links  */
/* -------------- */
div.relatedLinksBox ul, 
div.headlines ul {
	background: #FFF;
	color:#000;
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	position: relative;
}
	
div.relatedLinksBox li, 
div.headlines li {
	display:block;
	margin: 0 0 8px 0;
} 

div.relatedLinksBox li.oddRow, 
div.headlines li.oddRow {
	border: 1px solid #ccc;
	background-color:#ddd !important;
	background-image: url(/CommonWebSol/images/ODOW/bullet_arrowblue.png) !important;
	background-position:  0.5em 1em !important;
	background-repeat: no-repeat !important;
	color: #000;
	list-style:none !important;
	padding: 0.4em 5px 0.5em 1.5em;	
}
 
div#whatsNewRecentlyAdded li.evenRow, 
div.relatedLinksBox li.evenRow, 
div.headlines li.evenRow {
	background-color: #FFF;
	background-image: url(/CommonWebSol/images/ODOW/bullet_arrowblue.png) !important;
	background-position:  0.5em 1em !important;
	background-repeat: no-repeat !important;
	color: #000;
	list-style:none !important;
	padding: 0.4em 5px 0.5em 1.5em;	
}

/* Related Links title */
span.relatedLinksTitle{
	display:inline !important;
	font-weight:bold;
	padding: 0 0 5px 0;
	margin: 0;
}

/* Related Links descriptive text */
p.relatedLinksDescription {
	margin: 10px 0 5px 0;
}
/* Related Links published date */
span.relatedLinksPubDate {
	display: inline !important;
	font-size: 0.90em;
	padding-left: 0px;	
}

/* Related Links author */
span.relatedLinksAuthor {
	display: block;
	text-align:right;
}

div.relatedLinksFooter {
	padding: 2px 5px 0 5px;
	text-align: right;
}














/* ------------------------ */
/* In-Page Navigation Links */
/* ------------------------ */
/*div.navSublevelLinksBox {}*/

div.navSublevelLinksBox div{
	margin: 0 0 10px;
	padding: 0;
}

/*h3#navSublevelLinksTitle {}*/
dl.navSublevelLinks {
	margin:0;
	padding: 0;
}

div.navSublevelLinksBox dd {
	margin: 5px 0 5px 0;
	padding: 0 0 0 10px;
}
div.navSublevelLinksBox dt {
	margin: 5px 0 0 0;
	padding: 0;	
}


/* Media Section */
ul#MediaLinks {position:relative;}

ul#MediaLinks li {
	margin: 0 0 10px 0;
	position:relative;
}

span.MediaCategory {
	background: transparent;
	color: red; 
	position:relative;
}

/* --------------------------------------------------- */
/* Social Media Links - Facebook, Twitter, Flickr, etc */
/* --------------------------------------------------- */

div.socialMediaSharing {
	border: 1px solid #999;
	padding: 10px;
}

ul.socialLink li {
	display:block;	
	float: left;
	font-size: 0.9em;
	line-height: 25px !important;
	list-style: none;
	margin: -35px 0 0 15px;
	padding: 8px 0 12px 0  !important;
	width: 135px;
}

.socialLink a, .socialLink a:visited {
	font-weight: bold;
	margin: 0;
	padding-left: 45px;
	text-decoration: none;
}

.socialLink a:hover {text-decoration: underline;}




/* custom image list for EC home page */
ul.hp_imgList {
	margin:0;
	padding:0;
}
ul.hp_imgList li {
	list-style:none;
	margin: 0 0 8px 0 !important;
	padding:0 !important;
} 	

ul.hp_imgList li a, 
ul.hp_imgList li a:visited, 
ul.hp_imgList li a:hover {
	margin: 0 !important;
	padding:0 !important;
} 

ul.hp_imgList li a img {
	margin: 0 !important;
	padding:0 !important;
}

.hp_objectcaption {	
	margin: 4px 0 6px 10px;
	text-align:right;
}

.hp_objectcaption a, .hp_objectcaption a:visited {	
	background-color:transparent;
	color:#000 !important;
}
/* ---------------------------------------------------------------------------- */
/* Rotator */
div#in-focus ul{
	list-style-type:none; margin:0; padding:0; 
}
	
div#in-focus ul li{
	font-size:80%;
}



/* ============================================= */
/* TBS CLF2 (DEPRECATED with Usability Theme)    */
/* ============================================= */
code, code span {
	font-size: 10.0pt;
	font-family: "Courier New", Courier, monospace;
}
.fontSize200 {font-size: 20.0pt;}
.fontSize195 {font-size: 19.5pt;}
.fontSize190 {font-size: 19.0pt;}
.fontSize185 {font-size: 18.0pt;}
.fontSize180 {font-size: 17.5pt;}
.fontSize175 {font-size: 17.0pt;}
.fontSize170 {font-size: 16.5pt;}
.fontSize165 {font-size: 16.0pt;}

.h1Size, .fontSize160 {font-size: 15.0pt;}
.fontSize155 {font-size: 14.5pt;}
.h2Size, .fontSize150 {font-size: 14.0pt;}
.fontSize145 {font-size: 13.5pt;}
.h3Size, .big, .fontSize140 {font-size: 13.5pt;}
.fontSize135 {font-size: 13.0pt;}
.h4Size, .fontSize130 {font-size: 13.0pt;}
.fontSize125 {font-size: 12.0pt;}
.h5Size, .fontSize120 {font-size: 11.5pt;}
.fontSize115 {font-size: 11.0pt;}
.h6Size, .fontSize110, h1.headline, h2.headline, h3.headline, h4.headline, h5.headline, h6.headline {font-size: 10.5pt;}
.fontSize105 {font-size: 10.0pt;}
.fontSize100, .topPage {font-size: 10.0pt;}
.fontSize95 {font-size: 9.5pt;}
.fontSize90 {font-size: 9.0pt;}
.mediumFont, .fontSize85 {font-size: 8.5pt;}
.fontSize80 {font-size: 8.0pt;}
.smallFont, .fontSize75 {font-size: 7.5pt;}
.fontSize70 {font-size: 7.0pt;}

/*.widthFull {width: 98%;}*/
.width95 {width: 95%;}
.width90 {width: 90%;}
.width85 {width: 85%;}
.width80 {width: 80%;}
.width75 {width: 75%;}
.width70 {width: 70%;}
.width65 {width: 65%;}
.width60 {width: 60%;}
.width55 {width: 55%;}
.width50 {width: 50%;}
.width45 {width: 45%;}
.width40 {width: 40%;}
.width35 {width: 35%;}
.width30 {width: 30%;}
.width25 {width: 25%;}
.width20 {width: 20%;}
.width15 {width: 15%;}
.width10 {width: 10%;}
.width5 {width: 5%;}
abbr, acronym, span.abbr {cursor: help;}

/* ALIGNMENT UTILITY CSS BEGINS */
.alignRight {text-align: right;}
.alignCenter {text-align: center;}
.alignLeft {text-align: left;}
.alignTop {vertical-align: top;}
.alignBottom {vertical-align: bottom;}
.alignTopRight {
	text-align: right;
	vertical-align: top;
}
.alignTopCenter {
	text-align: center;
	vertical-align: top;
}
.alignTopLeft {
	text-align: left;
	vertical-align: top;
}
.alignBottomRight {
	text-align: right;
	vertical-align: bottom;
}
.alignBottomCenter {
	text-align: center;
	vertical-align: bottom;
}
.alignBottomLeft {
	text-align: left;
	vertical-align: bottom;
}
.floatRight {float: right;}
.floatLeft {float: left;}
.image-left { 
	float: left;
	vertical-align: text-top;
}
.image-right {
	float: right;
	vertical-align: text-top;
	margin-left: 10px;
}
.indent1 {padding-left: 18px;}
.indent2 {padding-left: 36px;}
.indent3 {padding-left: 54px;}
.indent4 {padding-left: 72px;}
.indent5 {padding-left: 90px;}

/* LIST UTILITY CSS */
li.noIndent {margin-left:-20px !important;}
li.noBullet {list-style-type: none !important;}
ul.noBullet {list-style-type: none !important;}
ul.noBullet li {
	background-image: none !important;
	list-style-type: none !important;
}

ul.disc {list-style-type: disc;}
ul.square {list-style-type: square;}
ul.circle {list-style-type: circle;}
ol.lower-alpha {list-style-type: lower-alpha;}
ol.upper-alpha {list-style-type: upper-alpha;}
ol.lower-roman {list-style-type: lower-roman;}
ol.upper-roman {list-style-type: upper-roman;}

/* AF - test to see if these classes will display when nested  */
li ol.lower-roman {list-style-type: lower-roman !important;}
li ol.upper-roman {list-style-type: upper-roman !important;}

/* TEXT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE TEXTE */
.noWrap {white-space: nowrap;}
.doubleLineSpace {line-height: 24.0pt;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.black {
	color: #000000;
	background-color: transparent;
}
.white {
	color: #FFFFFF;
	background-color: transparent;
}
.red {
	color: #990000;
	background-color: transparent;
}
.blue {
	color: #0000FF;
	background-color: transparent;
}
.green {
	color: #009933;
	background-color: transparent;
}
.grey {
	color: #999999;
	background-color: transparent;
}
.deepyellow {
	color: #FFCC33;
	background-color: transparent;
}
.blackBG {background-color: #000;}
.whiteBG {background-color: #FFF;}
.redBG {background-color: #990000;}
.blueBG {background-color: #0000FF;}
.greenBG {background-color: #009933;}
.lightgreyBG {background-color: #CCC;}
.deepyellowBG {background-color: #FFCC33;}

div.highlight, p.highlight {
	border: 1px solid #030;
	background-color: #9F9;
	padding: 5px;
}