/* 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;}

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

font.track    { color: #C00000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-style: italic;  }

						
.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; }


/*  This is the original content, from rows  67  through  73  inclusive
a.ladder		{ font-size: 14px; }

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; }
*/

/*  this is the new content, from rows  77  through  80 inclusive   */
A.ladder:link    { font-size: 14px; color: #000000; text-decoration: none; background-color: #E0E0E0; }
A.ladder:visited { font-size: 14px; color: #999999; text-decoration: none; background-color: #F0F0F0; }
A.ladder:hover   { font-size: 16px; color: #003C71; text-decoration: none; background-color: #f3d54e}
A.ladder:active  { font-size: 14px; color: #00AEEF; text-decoration: none; }


table.hotspots	{ border-width: 1px 1px 1px 1px; border-style: solid; border-color: #939598; padding: 0px; }
td.hotspots		{ padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 13px; line-height: 18px; }

font.example	{ font-size: 12px; }
font.example1	{ font-size: 12px; }
div.example1	{ margin-left: 15px; margin-right: 15px; }


/* Style The Dropdown Button */
.dropbtn {
    background-color: #0071c5;
    color: white;
    padding: 10px;
    font-size: 14px;
    border: none;
    cursor: pointer;
	width: 180px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 680px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 3px 3px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #00aeef;
}




#ladder {
    background: url(../images/ladder.png) no-repeat;
    height: 255px;
    width: 360px;
}

#ladder:hover {
    background: url(../images/ladder_SystemsAnalyst.png)  no-repeat;
}

#lattice {
    background: url(../images/lattice.png) no-repeat;
    height: 255px;
    width: 360px;
}

#lattice:hover {
    background: url(../images/lattice_ITSupportTechnician.png)  no-repeat;
}


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

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

ol		{ line-height: 16px; }

li.resources	{ font-size: 13px; line-height: 18px; }
li.ladder-lattice	{ font-size: 15px; line-height: 28px; text-content: center; list-style-type: none; }

.pre	{ font-family: monospace; }

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

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

/* 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; }