/* CSS Document */


/* --- CSS Reset --- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
strong {font-weight: bold;}
em { font-style:italic;}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {cursor:hand; cursor:pointer;}
p a, a:visited { color:#4FB5DC; text-decoration:none;}
p a:hover {text-decoration:underline;}

/* --- end CSS Reset --- */

body { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #999; min-height:900px;  margin:0px auto; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#2E2E2E'); 
background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#2E2E2E)); 
background: -moz-linear-gradient(top, #333333 , #2E2E2E );}

h1, h2, h3, h4 { font-weight:normal; font-family: Arial, Helvetica, sans-serif; color:#FFF;}
h2 { font-size:16px}

#page-wrap { width:1224px;  margin:0px auto; }

#language { border-bottom:#666666 solid 1px; padding:2px 0 7px 0; width:1212px; font-size:10px; height:10px }
#language a { color:#999; text-decoration:underline;}
#language a:hover {color: #FFF; text-decoration:underline;}
#language div { float:right;}

#header {width: 1224px; height:45px; margin:0px; }

#header h1 { font-size:18px; float: left; margin-top:15px;  color:#CCCCCC;}
#header h1 a:hover {color: #FFF; }

#logo a { color:#CCCCCC; text-decoration:none;}
#logo a:hover {color: #FFF; text-decoration:underline;}

#logo { float:right; margin-top:9px; margin-right:10px; font-size:10px;}
.arrow { padding:0 4px 2px 0;}



#footer {width:1210px; height:22px; font-size:10px; text-transform: uppercase; color: #999; margin-top:15px; line-height:normal;}
#footer a, #footer a:visited {color: #999; text-decoration:none}
#footer a:hover { color:#CCC; text-decoration:underline;}
#footer img {float:left;}
#contact { float:left; padding:3px 0 0 3px; width:1050px}
#printReport { float:right; padding:3px 0 0 3px; cursor:hand; cursor:pointer;}
#printReport img { padding-right:6px;}

#hcs-intro { background:url(Portals/hrd/HCS/HCSweb/images/hcsmap.png) bottom right no-repeat #fff; margin-top:7px; display:block;}
.intro-content { color:#333333; padding:50px}
.intro-content h2 {color:#333333; text-transform:uppercase; font-size:36px; padding-bottom:15px; line-height:normal;}
.intro-content p {margin-top:12px}
.intro-content-div { float:left; margin-right:20px; width:370px}

#hcs-communications {width: 1197px; height:27px; margin-top:7px; padding:11px 0px 0px 15px; font-size:14px; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B4B4B', endColorstr='#333333'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4B4B4B), to(#333)); /* for webkit browsers */
background: -moz-linear-gradient(top,#4B4B4B , #333 );}
#hcs-communications:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D5D5D', endColorstr='#333333'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#5D5D5D), to(#333)); /* for webkit browsers */
background: -moz-linear-gradient(top,#5D5D5D , #333 );}
#hcs-communications-intro { background:url(Portals/hrd/HCS/HCSweb/images/hcsComunications.png) bottom right no-repeat #fff; }
#hcs-communications a:hover {color: #CCC}
#hcs-communications-content {display:none;}
#hcs-communications-intro {display:none;}
#content-action {display:block}

#hcs-docs {width: 1197px; height:27px; margin-top:7px; padding:11px 0px 0px 15px; font-size:14px; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B4B4B', endColorstr='#333333'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4B4B4B), to(#333)); /* for webkit browsers */
background: -moz-linear-gradient(top,#4B4B4B , #333 );}
#hcs-docs:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D5D5D', endColorstr='#333333'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#5D5D5D), to(#333)); /* for webkit browsers */
background: -moz-linear-gradient(top,#5D5D5D , #333 );}
#hcs-docs-intro { background:url(Portals/hrd/HCS/HCSweb/images/hcsComunications.png) bottom right no-repeat #fff; }
#hcs-docs a:hover {color: #CCC}
#hcs-docs-content {display:none; padding:0px; height:501px}
#hcs-docs-intro {display:none;}
#hcs-docs-content-left {display:block; float:left; width:400px; height:100%; overflow: hidden; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#CCCCCC'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#CCCCCC)); /* for webkit browsers */
background: -moz-linear-gradient(top,#EFEFEF , #CCCCCC );
}
#hcs-docs-content-left li { padding:12px; border-top:#999 solid 1px; color:#333; font-weight:bold; }
#hcs-docs-content-left li:hover { background-color:#FFFFFF; cursor:hand; cursor:pointer; }
.docSelected { background-color: #FFF;}
.doci { background: url(Portals/hrd/HCS/HCSweb/images/pilarI.png) no-repeat top left; }
.docii { background: url(Portals/hrd/HCS/HCSweb/images/pilarII.png) no-repeat top left; }
.dociii { background: url(Portals/hrd/HCS/HCSweb/images/pilarIII.png) no-repeat top left; }

#hcs-docs-content-left .docsLast { border-bottom:#999 solid 1px;}
.dociSelected { background: url(Portals/hrd/HCS/HCSweb/images/pilarI.png) no-repeat top left #FFF; }
.dociiSelected { background: url(Portals/hrd/HCS/HCSweb/images/pilarII.png) no-repeat top left #FFF; }
.dociiiSelected { background: url(Portals/hrd/HCS/HCSweb/images/pilarIII.png) no-repeat top left #FFF; }
#docsMain { border-top:none;}
#docsPilar1 { display:none; }
#docsPilar2 { display:none; }
#docsPilar3 { display:none; }
#docsPilar4 { display:none; }

#hcs-docs-content-left .sub-list { padding-left:25px; font-style:italic; font-weight: normal; border-top:dotted 1px #999;}
#hcs-docs-content-left li img { position:absolute; top:0; left:0; }

#hcs-docs-content-right {display:block; float:left; padding:15px; height:420px; width:782px; overflow:auto; border-top:#999 solid 1px; }
#hcs-docs-content-right li { padding:12px; border-bottom: #CCC dotted 1px; color:#333; }
#hcs-docs-content-right .sub-list { padding-left:25px; font-style:italic; font-weight: normal;}
#hcs-docs-content-right h1 { color:#333333; text-transform:uppercase; font-size:16px; font-weight:bold;}
#hcs-docs-content-right h2 { color:#333333; text-transform:uppercase; font-size:14px; font-weight:bold;}
#hcs-docs-content-right li table {}
#hcs-docs-content-right li a, a:visited {color:#4FB5DC; text-decoration:none;}
#hcs-docs-content-right li a:hover {text-decoration:underline;}

#hcs-docs-content-right h1 { color:#333333; text-transform:uppercase; font-size:14px; font-weight:bold;}
#hcs-docs-content-right h2 { color:#333333; text-transform: none; font-size:12px; font-weight:bold;}

.hcsReports-docs {padding-top:10px;}
.hcsReports-docs ul {border-top:#999 solid 1px; margin-right:10px;  }
.hcsReports-docs li { padding:0 0 10px 0; border-bottom: #CCC dotted 1px; color:#666666; list-style:none; margin:0}
.hcsReports-docs .sub-list { font-style:italic; font-weight: normal;}
.hcsReports-docs li td { vertical-align:bottom;}
.hcsReports-docs li a, a:visited {color:#4FB5DC; text-decoration:none;}
.hcsReports-docs li a:hover {text-decoration:underline;}
.hcsReports-docs li img {padding-right:10px}

.hcs-docs-list {display:none;}
.hcs-docs-list-container {display:none;}

#hcs-docs-list-1 li, #hcs-docs-list-3 li, #hcs-docs-list-6 li, #hcs-docs-list-12 li, #hcs-docs-list-16 li, #hcs-docs-list-21 li {border-bottom: #999 solid 1px; padding-top:25px;}
 
#miles1, #miles2, #miles3, #miles4, #miles5, #miles6, #miles7, #miles8, #miles9, #miles10, #miles11, #miles12, #miles13, #miles14, #miles15, #miles16, #miles17, #miles18, #miles19, #miles20, #miles21, #miles22 { cursor: pointer; cursor: hand; }

#miles3 h1, #miles3 h2, #miles4 h2, #miles5 h2 { }

#miles6 h1, #miles6 h2, #miles7 h2, #miles8 h2, #miles9 h2, #miles10 h2, #miles11 h2 { }

#miles12 h1, #miles13 h2, #miles14 h2, #miles15 h2 {  }

#docs1, #docs2, #docs3, #docs4, #docs5, #docs6, #docs7, #docs8, #docs9, #docs10, #docs11, #docs12, #docs13, #docs14, #docs15, #docs16, #docs17, #docs18, #docs19, #docs20, #docs21, #docsAll { cursor: pointer; cursor: hand; }

#docs1 h1, #docs2 h1, #docs3 h1, #docs1 h2, #docs2 h2, #docs3 h2 {  }

#docs4 h1, #docs5 h1, #docs6 h1, #docs7 h1, #docs8 h1, #docs9 h1, #docs4 h2, #docs5 h2, #docs6 h2, #docs7 h2, #docs8 h2, #docs9 h2 {  }

#docs10 h1, #docs11 h1, #docs12 h1, #docs13 h1, #docs10 h2, #docs11 h2, #docs12 h2, #docs13 h2 {  }

#pilars-wrap { margin-top:7px;  }
.nav {height:87px;  }
#pilars-wrap .nav li {width: 385px; height:72px; margin-right:6px; padding:15px 0px 0px 15px; float:left;  }
#pilars-wrap .nav li a {width: 385px; height:72px; font-size:16px;  display: block;
	}
#pilars-wrap h2 { width:200px}

#content1-button { background:url(Portals/hrd/HCS/HCSweb/images/pilar1.png) no-repeat top right; color:#FFF1D6;}
#content2-button { background:url(Portals/hrd/HCS/HCSweb/images/pilar2.png) no-repeat top right; color: #CFE3CC;}
#content3-button { background:url(Portals/hrd/HCS/HCSweb/images/pilar3.png) no-repeat top right; color: #CCE6F0;}

#content1-button:hover { background:url(Portals/hrd/HCS/HCSweb/images/pilar1over.png) no-repeat top right; color:#fff;}
#content2-button:hover { background:url(Portals/hrd/HCS/HCSweb/images/pilar2over.png) no-repeat top right; color:#fff;}
#content3-button:hover { background:url(Portals/hrd/HCS/HCSweb/images/pilar3over.png) no-repeat top right; color:#fff;}


.pilar1 { cursor: pointer; cursor: hand;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9900', endColorstr='#FFCC00'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FF9900), to(#FFCC00)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FF9900,  #FFCC00); /* for firefox 3.6+ */ 
}
.pilar2 { cursor: pointer;
	cursor: hand;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006600', endColorstr='#339900'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#006600), to(#339900)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #006600,  #339900); /* for firefox 3.6+ */ 
}
.pilar3 { cursor: pointer;
	cursor: hand;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00497C', endColorstr='#0099CC'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#00497C), to(#0099CC)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #00497C,  #0099CC); /* for firefox 3.6+ */ 
}
.pilar1:hover { cursor: pointer; cursor: hand;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBC00', endColorstr='#FFCC00'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FFBC00), to(#FFCC00)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FFBC00,  #FFCC00); /* for firefox 3.6+ */ 
}
.pilar2:hover { cursor: pointer;
	cursor: hand;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007B01', endColorstr='#339900'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#007B01), to(#339900)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #007B01,  #339900); /* for firefox 3.6+ */ 
}
.pilar3:hover { cursor: pointer;
	cursor: hand;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005591', endColorstr='#0099CC'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#005591), to(#0099CC)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #005591,  #0099CC); /* for firefox 3.6+ */ 
}

#content-crossCutting {width: 1212px; margin-top:7px; padding:4px 0px 0px 0px;

 }
#content-crossCutting .tab-content {margin-top:0px; height:450px;}
.nav-CCT { list-style:none; height:32px; padding-top:4px; 
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B4B4B', endColorstr='#333333'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4B4B4B), to(#333)); /* for webkit browsers */
background: -moz-linear-gradient(top,#4B4B4B , #333 );}
.nav-CCT:hover { 
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D5D5D', endColorstr='#333333'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#5D5D5D), to(#333)); /* for webkit browsers */
background: -moz-linear-gradient(top,#5D5D5D , #333 );}
.nav-CCT li { margin-right:6px; float:left; padding:7px 10px 0 15px; font-size:14px; line-height: normal;}
.nav-CCT a {padding-bottom: 10px;}
.nav-CCT a:hover {color: #CCC}
.nav-CCT li .selected { color: #CCC; background:url(Portals/hrd/HCS/HCSweb/images/small_arrow_white.png) bottom left no-repeat; line-height: normal;}

.tab-content {width: 1212px; height:450px; background:#FFF; margin-top:0px; padding:7px 0 7px 0; line-height:1.4em; display:none;   }

#content1 { border-top: #FC0 7px solid;}
#content2 { border-top: #339900 7px solid;}
#content3 { border-top: #0099CC 7px solid;}
#content4 ,#content5 , #content6, #content7, #content8 { }

.sub-content1 { width:173px; height:450px; float:left; border-right:solid 2px #666; padding:0 5px 0 40px; }
.sub-content1Green { border-right-color:#339900; }
.sub-content1Blue { border-right-color:#0099CC; }
.sub-content1Grey { border-right-color: #666; }
.sub-content1Yellow { border-right-color: #FFCC00; }
	.sub-content1 p   {font-weight:normal; padding-bottom:10px}
	.activeChallenge {margin-top:5px; padding-bottom:5px; cursor:hand; cursor:pointer; font-weight:bold; color:#333333; }
	.inactiveChallenge { margin-top:5px; padding-bottom:5px; cursor:hand; cursor:pointer;}
	.sub-content1 li:hover {color:#333}
	.sub-content-numberActYellow {line-height:45px; font-weight:normal; height:100px;	font-size:48px;	color:#FFCC00;	float:left;	margin-left:-30px;}
	.sub-content-numberActGreen {line-height:45px; font-weight:normal; height:100px;	font-size:48px;	float:left;	margin-left:-30px; color:#339900;}
	.sub-content-numberActBlue {line-height:45px; font-weight:normal; height:100px;	font-size:48px;	float:left;	margin-left:-30px; color:#0099CC;}
	.sub-content-numberAct {line-height:45px; font-weight:normal; height:100px;	font-size:48px;	float:left;	margin-left:-30px; color: #333;}

	.sub-content-numberInact {line-height:45px; font-weight:normal; height:100px; font-size:48px; color:#ccc; float:left; margin-left:-30px }
.sub-content2 { width:228px; height:450px; float:left; padding:0 5px 0 7px;}
	.inactiveItem:hover { background: url(Portals/hrd/HCS/HCSweb/images/small_arrow_darkGrey.png) top left no-repeat; color:#333333;}
	.sub-content2 p {font-weight:normal; padding-bottom:10px}
	.inactiveItem { margin-top: 5px; padding-bottom:5px; padding-left:15px; background: url(Portals/hrd/HCS/HCSweb/images/small_arrow_grey.png) top left no-repeat; cursor:hand; cursor:pointer;}
	
	.activeItem {margin-top: 5px; padding-bottom:5px; padding-left:15px;  background: url(Portals/hrd/HCS/HCSweb/images/small_arrow_yellow.png) top left no-repeat;  color:#333333; /*font-weight:bold;*/}
	.activeItemGreen {margin-top: 5px; padding-bottom:5px; padding-left:15px; background: url(Portals/hrd/HCS/HCSweb/images/small_arrow_green.png) top left no-repeat; color:#333333;}
	.activeItemBlue {margin-top: 5px; padding-bottom:5px; padding-left:15px; background: url(Portals/hrd/HCS/HCSweb/images/small_arrow_blue.png) top left no-repeat; color:#333333;}
	.activeItemDarkGrey {margin-top: 5px; padding-bottom:5px; padding-left:15px; background: url(Portals/hrd/HCS/HCSweb/images/small_arrow_darkGrey.png) top left no-repeat; color:#333333;}
	
.sub-content3 { width:229px; height:450px; float:left; padding:0 5px 0 7px; border-right: dotted 1px #666;}
.sub-content3Green { border-right-color: #339900;}
.sub-content3Blue { border-right-color: #0099CC;}
.sub-content3Grey { border-right-color: #666;}
.sub-content3Yellow { border-right-color: #FFCC00;}
	.inactiveItem:hover { background: url(Portals/hrd/HCS/HCSweb/images/small_arrow_darkGrey.png) top left no-repeat; color:#333333;}
	.sub-content3 p {font-weight:normal; padding-bottom:10px}
.sub-content4 { width:483px; height:450px; float:left; padding:0 0px 0 7px; color:#333333; display:none;}
.sub-content2 img, .sub-content3 img {padding:4px 4px 0 0;}

.sub-content-title { padding-top:10px; font-size:10px; color:#333; text-transform:uppercase; border-bottom: #333 solid 1px; width:100%; height:15px; line-height:1em;}
.sub-content-title2 { font-size:10px; color:#333; text-transform:uppercase; border-bottom: #333 solid 1px; width:100%; height:25px; line-height:1em;}

.sub-content-titleGreen { color:#339900; border-bottom-color: #339900;}
.sub-content-titleBlue { color:#0099CC; border-bottom-color: #0099CC;}
.sub-content-titleGrey { color: #333; border-bottom-color: #333;}
.sub-content-titleYellow { color: #FC0; border-bottom-color: #FC0;}




.sub-content4left { width:150px; height:180px; float:left;  padding-right:10px}
.sub-content4right { width:323px; height:180px; float:left; }
.sub-content4rightScroll {overflow: auto; width:100%; height:140px;}
.sub-content4bottom { width:483px; height:270px; border-top: #666 solid 1px; float:left; overflow:auto;}
.sub-content4bottomGreen { border-top-color: #339900;}
.sub-content4bottomBlue { border-top-color: #0099CC;}
.sub-content4bottomGrey { border-top-color: #666;}
.sub-content4bottomYellow { border-top-color: #FC0;}
.sub-content4bottom p { padding-top:10px}
.sub-content4bottom ul { padding-top:10px; list-style: disc;}
.sub-content4bottom li { margin:0 0 10px 15px;}
/*  ------  Goal ------  */
#GoalListChallenge1 {display:block;}

#GoalListChallenge2 {display:none;}

/*  ------  actions ------  */

#action1-1 {}

#action2-1 {display:none}

#action3-1 {display:none}
#action3-2 {display:none}
#action3-3 {display:none}
#action3-4 {display:none}
#action3-5 {display:none}

#action4-1 {display:none}
#action4-2 {display:none}

#content-action1-1-2 {display:none}

.tabColor1 {float:left; clear:both; margin: -4px 0 0 0px; }
.tabColor {float:left; clear:both; margin: -11px 0 0 -15px; }