/* CSS Document */

/* --------------------------
		GLOBAL
--------------------------- */

body {
font-size: small;
font-family: arial, helvetica, verdana, sans-serif;
color: #666;
}

h1,h2,h3,h4 { line-height: 1.4; }

h1,h2 { color: #01b291; }
h1 { font-size: 35px; }
h2 {
font-size: 30px;
border-bottom: 1px solid #ececec;
}
h3,h4 { color: #666; }
h3 { font-size: 20px; }
h4 { font-size: 15px; }
h5 {
font-size: 13px;
font-weight: bold;
}

#container {
width: 982px;
margin: 0 auto 30px;
}

a {
text-decoration: none;
color: #01b291;
}

a:hover {
text-decoration: underline;
}

/* --------------------------
		HEADER
--------------------------- */

#header {
padding: 20px 10px 10px;
}

#logo {
float: left;
}

#header-links {
margin: 0 10px;
color: #999;
float: right;
}

#header-links a {
font-size: 80%;
color: #999;
}


/* --------------------------
		MAIN NAV
--------------------------- */
#nav {
width: 100%;
margin: 30px 0 0 0;
border-top: 1px solid #ececec;
float: left;
clear: both;
}

#nav li,
#nav li a {
float: left;
}	
	
#nav li {
display:block; 
position:relative;
border-right: 1px solid #ececec;
z-index:500; 
}

#nav li.last {
border: none;
}
		
/* this is the parent menu */
#nav li a {
display:block; 
padding: 5px 10px 7px;
font-weight: bold;
text-decoration:none; 
color: #999; 
}

	
/* --------------------------
		DROP DOWN NAV
--------------------------- */
#nav ul {
display:none; 
position:absolute; 
left:0; 
top: 100%;
}
		
#nav ul li {
position: relative;
border-top:1px solid #fff;
float: none;
}
		
/* display block will make the link fill the whole area of LI */
#nav li ul li a {
position: relative;
display:block;
width: 180px;
background: #fff;
border-left:  1px solid #ececec;
border-bottom:  1px solid #ececec;
font-size: 85%; 
color:#999;
float: none;
}
		
#nav ul a:hover {
text-decoration:underline;	
}

/* --------------------------
		CONTENT
--------------------------- */
#content {
min-height: 500px;
height:auto !important;
height: 500px;
margin: 0 10px;
padding: 0 0 20px 0;
border: 1px solid #ececec;
clear: both;
}

.sidebar #content {
background: url(../images/sidebar_bg_01.png) repeat-y top left;
}

/* --------------------------
		CONTENT-MAIN
--------------------------- */
#content-main {
/*width: 720px;*/
float: left;
position:relative;
}

#content-main-inner {
padding: 10px;
line-height: 1.5;
}

.table-min-height {
min-height: 750px;
height:auto !important;
height: 750px;
}

/* --------------------------
	BLOGGER-TOOLS
--------------------------- */
.two-sidebars #content {
background: url(../images/sidebar_bg_01.png) repeat-y top left;
}

.two-sidebars #content-main {
width: 460px;
margin: 35px 0 0 0;
}

.two-sidebars #content-main p {
width: 100%;
margin: 16px 0 0 0;
font-size: 90%;
float: left;
clear: both;
}

.two-sidebars #content-main p.blog-title {
margin: 30px 0 0 0;
font-weight: bold;
}

.two-sidebars #content-main p.code {
width: 100%;
margin: 4px 0 0 0;
padding: 16px;
border: 1px solid #ececec;
font-family: "Courier New", Courier, mono;
}

a#news {
padding: 2px 0 2px 22px;
background: url(../images/icons/news_01.png) no-repeat 0 0;
}

.story {
margin: 20px 0 0 0;
padding: 10px;
border: 1px solid #ececec;
float: left;
}

/* TWEET THIS */ 
.tweet-this a {
font-weight: bold;
padding: 2px 0 2px 22px;
background: url(../images/icons/twitter_16.png) no-repeat 0 50%;
line-height: 1.8;
}

.tweet-this span {
display: block;
padding: 5px;
border: 1px solid #ececec;
}

/* EMBED */
#embed {
display: block;
overflow:hidden;
margin: 4px 0 0 0;
padding: 5px;
border: 1px solid #ececec;
}


/* --------------------------
	FACT SHEET
--------------------------- */
ol#gti-keys {
margin-bottom: 0;
padding-top: 14px;
line-height: 1.4;
clear: both;
}

ul.bullet-list {
list-style: disc;
line-height: 1.2;
clear: both;
}

ul.bullet-list li {
margin: 10px 20px 10px 20px;
}

#pdf-links {
line-height: 1.8;
}

/* --------------------------
	INFOGRAPHIC
--------------------------- */
#infographic {
margin: 5px 0 0 5px;
}

/* Home page 'Global Talent Index' blurb */
#gti-blurb {
width: 480px;
margin: 20px 0;
font-size: 15px;
line-height: 1.3;
}

#gti-blurb p {
margin: 14px 0 0 0;
}

/* COUNTRY PAGE */
#world-view-link {
display: block;
width: 100%;
margin: 40px 0;
float: left;
cursor:pointer;
}

#world-view-link a {
padding: 0 14px;
color: #666;
font-size: 80%;
line-height: 1.2;
background: url(../images/world-view-bullet_01.png) no-repeat 0 50%;
float: right;
}

#column_01, #column_02 {
width: 340px;
}

#column_01 {
float: left;
}

#column_02 {
float: right;
}

#country-map {
width: 340px;
height: 230px;
margin: 0 0 30px 0;
}

#country-map.green,
#column_02  .green  { background: #01903E; }
#country-map.yellow,
#column_02  .yellow { background: #FFCD00; }
#country-map.red,
#column_02  .red    { background: #FB0103; }
#country-map.teal,
#column_02  .teal   { background: #3FC5A4; }

#CountryViewLayover {
display:none;
position:absolute;
background:#FFF;
padding: 0 10px 0 0;
}
#comparison-table tbody tr td.clickable { cursor:pointer; }

/************ COUNTRY TOGGLE *************/
#country-toggle {
margin: 20px 0;
float: left;
display:none;
}

#tog_2011, #tog_2015 {
width: 90px;
float: left;
}

#tog_2015 .tog-rank-change {
display:none;
}

#country-toggle h3 {
margin: 0 6px 0 0;
color: #ccc;
float: left;
font-size:18px;
}

#country-toggle a {
display: block;
text-decoration: none;
color: #ccc;
font-size: 90%;
margin: 0;
padding: 2px 4px 4px;
background: #ececec;
border: 1px solid #999;
}
  
#country-toggle a.active h3,
#country-toggle a.active p {
color: #666;
}

.country-tog-year {
padding: 2px 0 0 0;
float: right;
}

#country-toggle #tog_2015 a {
border-left: none;
}

.tog-rank-change {
padding: 2px 0;
font-size: 85%;
}

.tog-rank-change span {
font-weight: bold;
}

#notes {
font-size: 85%;
line-height: 1.3;
clear: both;
}

/* --------------------------
		COMPARISON TABLE
--------------------------- */
#comparison-table {
width: 100%;
margin: 30px 0 0 0;
font-size: 85%;
border-bottom: 1px solid #9c9c9c;
float: left;
clear: both;
display:none;
}

#comparison-table thead,
#comparison-table tbody {
border-collapse: collapse;
}

#comparison-table th, #comparison-table td {
padding: 7px 10px;
}

#comparison-table th {
font-weight: bold;
background: #ececec;
border-top: 1px solid #9c9c9c;
}

#comparison-table th.nobg {
background: none;
border: none;
}

#comparison-table .indicator {
width: 330px;
border-left: 1px solid #9c9c9c;
}

#comparison-table .score, #comparison-table .rank {
width: 40px;
}

#comparison-table .rank-change {
width: 120px;
border-left: 1px solid #9c9c9c;
border-right: 1px solid #9c9c9c;
}

.score {
border-left: 1px solid #9c9c9c;
}

.gain {
color: green;
}

.gain:before {
content: "+";
}

.loss {
color: red;
}

/* --------------------------
		LEGEND
--------------------------- */
#legend {
width: 100%;
padding: 5px 0 2px;
background: #f5f5f5;
float: left;
}


#legend li {
display: block;
margin: 0 25px 0 0;
padding: 0 0 0 20px;
font-size: 70%;
line-height: 1.7;
float: right;
}

#legend .label {
font-size: 90%;
font-weight: bold;
}

#legend li#green { background: url(../images/rank_01-15.png) no-repeat 0 50%; }
#legend li#teal { background: url(../images/rank_15-30.png) no-repeat 0 50%; }
#legend li#yellow { background: url(../images/rank_30-45.png) no-repeat 0 50%; }
#legend li#red { background: url(../images/rank_45-60.png) no-repeat 0 50%; }


/* --------------------------
		SIDEBAR-LEFT
--------------------------- */
#sidebar-left {
width: 160px;
font-size: 90%;
line-height: 1.4;
padding: 35px 60px 35px 10px;
float: left;
}

#sidebar-left #sidebar-text {
clear: both;
width:160px;
}

#sidebar-left #sidebar-text h3 {
line-height: 0.8;
}

#sidebar-left #sidebar-text li {
list-style:disc;
margin:3px 0 3px 13px;
}

#sidebar-left p {
margin: 14px 0 0 0;
clear: both;
}

#sidebar-left a {
text-decoration: none;
/*color: #666;*/
}

#sidebar-left a:hover {
text-decoration: underline;
}

/* select an indicator dropdown */
#sidebar-left select#indicator {
font:normal 10px Arial; color:#666;
} 

#sidebar-left select#indicator option {
width:150px;
}

/* 2010-2015 toggle */
#toggle {
margin: 20px 0;
background: #ececec;
border: 1px solid #999;
border-right: none;
float: left;
}

#toggle li {
border-right: 1px solid #999;
float: left;
}

#toggle a {
display: block;
padding: 2px 5px 7px;
color: #ccc;
}

#toggle a:hover {
text-decoration: none;
}

#toggle a.active,
.active {
color: #666;
}

/* --------------------------
		SIDEBAR-RIGHT
--------------------------- */
#sidebar-right {
width: 230px;
font-size: 90%;
line-height: 1.4;
padding: 65px 10px 35px 30px;
float: right;
}

#sidebar-right p {
margin: 20px 0 0 0;
}

#resource-links,
#follow-hr  {
margin: 10px 0 0 17px;
}

#resource-links a,
#follow-hr a  {
line-height: 2.0;
padding: 2px 0 2px 24px;
color: #01b291;
text-decoration: none;
}

#resource-links a:hover,
#follow-hr a:hover  {
text-decoration: underline;
}

.PDFs a { display:block; clear:left; }
.PDFs .thumb { float:left; margin:0 15px 15px 0; }

.pdf {
padding: 0 0 0 22px;
background: url(../images/icons/pdf_01.png) no-repeat 0 50%;	
}

#pdf-links a {
padding: 2px 0 2px 22px;
}

/* FACT SHEET ICONS */
a#overview { background: url(../images/icons/gti_overview.png) no-repeat 0 50%; }
a#asia { background: url(../images/icons/asia_report.png) no-repeat 0 50%; }
a#emerging { background: url(../images/icons/emerging_report.png) no-repeat 0 50%; }
a#key-findings { background: url(../images/icons/key_finding_report.png) no-repeat 0 50%; }
a#n-america { background: url(../images/icons/north_america_report.png) no-repeat 0 50%; }
a#survey { background: url(../images/icons/survey_results.png) no-repeat 0 50%; }
a#global { background: url(../images/icons/global_report.png) no-repeat 0 50%; }

/* FOLLOW HEIDRICK & STRUGGLES BACKGROUND IMAGES */
#follow-hr a#blog { background: url(../images/icons/blog_01.png) no-repeat 0 50%; }
#follow-hr a#linkedin { background: url(../images/icons/linkedin_16.png) no-repeat 0 50%; }
#follow-hr a#twitter { background: url(../images/icons/twitter_16.png) no-repeat 0 50%; }


/* --------------------------
		RANK LISTS
--------------------------- */
#ranklists {
margin: 30px 0 0 0;
}

.ranklist {
display: inline;
width: 160px;
margin: 0 0 0 20px;
font-size: 85%;
line-height: 1.3;
float: left;
}

.ranklist.first {
margin: 0 0 0 0;
}

.ranklist h5 {
padding: 4px 0 4px 22px;
}

.ranklist li {
cursor:pointer;
}

#green-list-bar  { background: #efefef url(../images/ranklist_01-15_bg.png) repeat-y top left; }
#teal-list-bar   { background: #efefef url(../images/ranklist_15-30_bg.png) repeat-y top left; }
#yellow-list-bar { background: #efefef url(../images/ranklist_30-45_bg.png) repeat-y top left; }
#red-list-bar    { background: #efefef url(../images/ranklist_45-60_bg.png) repeat-y top left; }

.ranklist a {
color: #666;
}

/* --------------------------
		HERO
--------------------------- */

#hero {
border-bottom: 1px solid #ececec;
clear: both;
}

#hero-inner {
padding: 10px;
}

#hero-primary {
margin: 70px 0 0 0;
width: 320px;
float: left;
}

#hero-primary p {
margin: 10px 0 0 0;
font-size: 15px;
line-height: 1.2;
}

#hero-primary a {
padding: 4px 30px 4px 0;
text-decoration: none;
font-size: 16px;
font-weight: bold;
line-height: 1.6;
color: #01b291;
background: url(../images/arrow_01.png) no-repeat 100% 50%;
}

#hero-primary a:hover {
text-decoration: underline;
}

#hero img {
float: right;
}

/* --------------------------
		LANDING MODULES
--------------------------- */

#modules {
width: 900px;
margin: 25px auto;
font-size: 85%;
line-height: 1.3;
clear: both;
}

.module {
display: inline;
position: relative;
width: 220px;
height: 235px;
margin: 0 30px;
padding: 10px;
background: #f5f5f5;
float: left;
}

/*.module h3, .module p {
margin: 0 0 14px 0;
}*/

.module img {
position: absolute;
top: 50px;
}

.module p {
width: 220px;
position: absolute;
bottom: 37px;
}

.module p.last {
bottom: 10px;
}

/* --------------------------
		FOOTER
--------------------------- */

#footer {
width: 960px;
margin: 0 auto;
font-size: 70%;
line-height: 1.3;
color: #999;
border-bottom: 1px solid #ececec;
clear: both;
}

#footer-inner {
padding: 10px;
}

#social-icons {
/*width: 50px;*/
float: right;
}

#social-icons li {
margin: 0 0 0 4px;
float: left;
}

/* --------------------------
		MISC CLASSES
--------------------------- */
.floatL {float:left;}
.floatR {float:right;}
.clear {clear:both;}
.noborder {border:none;}
.center { text-align: center; }
.border { border: 1px solid #ececec; }