/* CSS Document */

/*  P2P TEMPLATE */


BODY	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; line-height: 16px;
			background-repeat: repeat-y; background-color: #eeeeee; margin-left: 0%; margin-right: 0%;
			margin-top: 0px; text-align: justify; }

H2		{ color: #0860a8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align: middle; margin-top: 10px;
			margin-bottom: 4px;}

H2.emerging		{ color: #003C71; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; text-align: middle; margin-top: 8px;
			margin-bottom: 12px;}
H2.emerging1	{ color: #003C71; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; font-size: 14px; text-align: middle; margin-top: 5px;
			margin-bottom: 5px;}

H3		{ color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align: middle; margin-top: 10px;
			margin-bottom: 4px;}

H4		{ color: #DFA700; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; text-align: left; margin-top: 10px;
			margin-bottom: 4px; }

font.emerging    { color: #003C71; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px;  }

						
.hdr_yellow		{ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFC000', EndColorStr='#FFE88B');
						background-color: #ffffff; margin-top: 7px; margin-bottom: 4px; line-height: 2em; width: 100%; border-bottom: 2px solid #000000;
						text-indent: 5px; }

.hdr_yellowcontent	{ color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight: bold; text-align: left;
								line-height: 2em; width: 100%; text-indent: 5px; }

.wrapperMyLearning { background: transparent url(../Program_BICompetencies/assets/analytics_image1.jpg) no-repeat center center; }

table	{ background-color: #ffffff; border-width: 1px 1px 0 0; padding: 4px; }
th		{ border-color: #999999; border-width: 1px 1px 1px 1px; border-style: solid; font-size: 11px; line-height: 16px; }
td		{ padding-left: 3px; font-size: 12px;}

table2		{ background-color: #ffffff; border-width: 1px 1px 0 0; font-size: 11px; padding: 4px; }
th.table2	{ background-color: #D5E7FF; border-color: #ffffff; border-width: 1px 1px 1px 1px; border-style: solid; line-height: 16px; padding: 4px; font-size: 11px; }
td.table2	{ padding-left: 3px; border-color: #ffffff; padding: 4px;}

table3		{ background-color: #ffffff; border-width: 1px 1px 0 0; font-size: 11px; padding: 4px; }
th.table3	{ background-color: #D5E7FF; border-color: #000000; border-width: 1px 1px 0px 1px; border-style: solid; line-height: 25px; padding: 4px; padding-left: 20px; font-size: 11px; }
td.table3	{ padding-left: 3px; border-color: #000000; padding: 4px; border-width: 1px 1px 1px 1px; border-style: solid;
					line-height: 16px;}

table.padding	{ background-color: #ffffff; border-width: 1px 1px 1px 1px; border-style: solid; padding: 0px;  }
th.padding		{ border-color: #999999; border-width: 1px 1px 1px 1px; border-style: solid; font-size: 11px; line-height: 16px; }
td.padding		{ padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; font-size: 12px; align-content: left}

table.padding1	{ background-color: #ffffff; border-width: 1px 1px 1px 1px; border-style: solid; padding: 0px; }
th.padding1		{ border-color: #999999; border-width: 1px 1px 1px 1px; border-style: solid; font-size: 11px; line-height: 16px; }
td.padding1		{ padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 12px;}

table.emerging	{ background-color: #FFFFDD; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #b1babf; padding: 0px; }
th.emerging		{ border-color: #999999; border-width: 1px 1px 1px 1px; border-style: solid; font-size: 14px; line-height: 12px; }
td.emerging		{ padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; font-size: 14px; line-height: 10px; }
td.emerging1	{ padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; }

table.resources	{ border-width: 0px 0px 0px 0px; padding: 0px; background-image: url("images/EmergingSkills-at_glance.png"); height: 500px; width: 800px; }
th.resources	{ border-width: 0px 0px 0px 0px; font-size: 14px; line-height: 12px; }
td.resources	{ padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; height: 80px; vertical-align: middle;}
td.resources1	{ background-color: #E1E5E7; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; line-height: 20px; }
td.resources2	{ padding-top: 10px; padding-bottom: 5px; }

.title-resource {
  color: #53565a;
  font-size: 1.5em;
  line-height: 50px;
  border-bottom: solid; border-width: 1px; border-color: #0071C5;
  padding-bottom: 3px;
  margin-left: 110px; 

   }

ul		{ line-height: 14px; list-style: disc; 
			margin-top: 6px;
			margin-bottom: 6px;
	}

ol		{ line-height: 16px; }

li.resources	{ font-size: 13px; line-height: 18px; }

.pre	{ font-family: monospace; }

A:link    { color: #00AEEF; text-decoration: none; }
A:visited { color: #999999; text-decoration: none; }
A:hover   { color: #003C71; font-weight: bold; text-decoration: none; }
A:active  { color: #00AEEF; text-decoration: none; }

A.resources:link    { color: #003C71; text-decoration: none; }
A.resources:visited { color: #53565a; text-decoration: none; }
A.resources:hover   { color: #00AEEF; text-decoration: none; }
A.resources:active  { color: #003C71; text-decoration: none; }

.pheight		{ line-height: 20px; }
.pheight1		{ line-height: 14px; }

/*     font-weight: bold;      --- this was from the A.resources:hover  line     */

#swap:hover {
	opacity: 0.70;
	}


/* FONT DEFINITIONS */
			


.blue				{ color:#0860A8; }

.bold				{ color:#0860A8; font-weight: bold; }

.red				{ color: #FF0000; }

.strong			{ font-weight: bold; }

.small			{ font-size: 9px; }

.smallblue			{ font-size: 9px; color:#0860A8; }

.darkHighlight	{ background-color: #666666; color: #FFFFFF; font-weight: bold; font-size: 11px; width: 100%; line-height: 2em; text-indent: 2px;}

.important		{ font-size: 13px; font-variant: small-caps; margin-bottom: 1em; }




/* HIGH-IMPACT LEVEL ICON BOXES */

.caution			{ background-color: #8DC9F7; border: 1px solid #808284; padding: 5px 20px; padding-left: 80px; width: 96%;
						background-image: url(css_images/caution_text.gif); background-repeat: no-repeat; height: 70px;
						margin: 0px 0px 0px 0px; margin-bottom: 1em; margin-left: 3px; font-size: 11px; background-position: 1% 4px; }

.warning			{ background-color: #8DC9F7; border: 1px solid #808284; padding: 5px 20px; padding-left: 80px; width: 96%;
						background-image: url(css_images/warning_text.gif); background-repeat: no-repeat; height: 70px;
						margin: 0px 0px 0px 0px; margin-bottom: 1em; margin-left: 3px; font-size: 11px; background-position: 1% 4px; }

/* MEDIUM-IMPACT LEVEL ICON BOXES */
						
.application	{ background-color: #B7D9F4; border: 1px solid #808284; padding: 5px 20px; padding-left: 80px; width: 96%;
						background-image: url(css_images/application_text.gif); background-repeat: no-repeat; height: 70px;
						margin: 0px 0px 0px 0px; margin-bottom: 1em; margin-left: 3px; font-size: 11px; background-position: 1% 4px; }

.applicationsmfont	{ background-color: #B7D9F4; border: 1px solid #808284; padding: 5px 5px; padding-left: 90px; width: 100%;
						background-image: url(css_images/application_text.gif); background-repeat: no-repeat; height: 70px;
						margin: 0px 0px 0px 0px; margin-bottom: 1em; margin-left: 3px; font-size: 10px; background-position: 1% 4px; }

.concept			{ background-color: #B7D9F4; border: 1px solid #808284; padding: 5px 20px; padding-left: 80px; width: 96%;
						background-image: url(css_images/concept_text.gif); background-repeat: no-repeat; height: 70px;
						margin: 0px 0px 0px 0px; margin-bottom: 1em; margin-left: 3px; font-size: 11px; background-position: 1% 4px; }
						
.fact				{ background-color: #B7D9F4; border: 1px solid #808284; padding: 5px 20px; padding-left: 80px; width: 96%;
						background-image: url(css_images/fact_text.gif); background-repeat: no-repeat; height: 70px;
						margin: 0px 0px 0px 0px; margin-bottom: 1em; margin-left: 3px; font-size: 11px; background-position: 1% 4px; }

/* LOW-IMPACT LEVEL ICON BOXES */

.hint				{ background-color: #E4F4FF; border: 1px solid #808284; padding: 5px 20px; padding-left: 80px; width: 96%;
						background-image: url(css_images/hint_text.gif); background-repeat: no-repeat; height: 70px;
						margin: 0px 0px 0px 0px; margin-bottom: 1em; margin-left: 3px; font-size: 11px; background-position: 1% 4px; }

.hintsmfont				{ background-color: #B7D9F4; border: 1px solid #808284; padding: 5px 5px; padding-left: 90px; width: 100%;
						background-image: url(css_images/hint_textsmfont.gif); background-repeat: no-repeat; height: 70px;
						margin: 0px 0px 0px 0px; margin-bottom: 1em; margin-left: 3px; font-size: 10px; background-position: 1% 4px; }

.reminder		{ background-color: #E4F4FF; border: 1px solid #808284; padding: 5px 20px; padding-left: 80px; width: 96%; 
						background-image: url(css_images/reminder_text.gif); background-repeat: no-repeat; height: 70px;
						margin: 0px 0px 0px 0px; margin-bottom: 1em; margin-left: 3px; font-size: 11px; background-position: 1% 4px; }