/* import navigation styles */ 
@import url(navnew.css);


/* Margin Resets */
body,h1,h2,h3,h4,h5,h6,p {
margin:0;
}
img {
border:0 none;
}
body {
background-color:#ffffff;
}

a {
color:#2a5571;
}

a:hover {
color:#444;
text-decoration:none;
}

hr {
color:#cccccc;
height:1px;
border:0;
background-color:#cccccc;
}

/* Page Layout */
#layout {
width:960px;
margin:0 auto;
position:relative;
}


/* Header */
#updated-data {
font-family:Arial, Helvetica, sans-serif;
font-size:0.65em;
float:left;
margin-right:40px;
margin-top:25px;
padding:7px 0;
text-align:center;
width:205px;
background-color:#000;
color:#fff;
text-transform:uppercase;
}
h1.banner {
color:#aaa;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
padding:25px 0;
}
#pghome {
position:absolute;
top:11px;
right:20px;
z-index:2;
font-family:helvetica,arial,sans-serif;
font-size:8pt;
line-height:0;
text-transform:uppercase;
font-weight:bold;
}
#pghome a {
color:#fff;
text-decoration:none;
}
#pghome a:hover {
color:#c0d2d9;
}

/* Footer */
#footer {
padding-top:10px;
color:#000;
margin-bottom:30px;
margin-top:50px;
font-family:helvetica,arial,sans-serif;
font-size:8pt;
border-top:1px solid #ccc;
text-align:right;
clear:both;
}
#footer a {
text-decoration:none;
}



/* Main Area */
#main {
margin-top:20px;
font-family:helvetica,arial,sans-serif;
}

#left-i, #left-ic, #left {
margin-top:46px;
margin-right:50px;
width:200px;
float:left;
}

#left {
}
#left h3 {
padding-top:10px;
border-top:5px solid #000;
}
#right {
float:left;
width:700px;
padding-right:10px;
}
#left-i, #left-ic {
border-top:5px solid #000;
padding-top:10px;
clear:left;
}
#right-i {
float:left;
width:700px;
padding-right:10px;
}

#main h1 {
margin:0 0 20px 0;
font-size:18pt;
}
#main h2 {
margin:0 0 10px 0;
font-size:14pt;
}
#main h2.surveyyear {
margin:0 0 10px 0;
font-size:28pt;
color:#666;
}
#main h3 {
margin:0 0 10px 0;
font-size:11pt;
}
#main h4 {
font-family:Georgia,Times New Roman,serif;
font-weight:normal;
color:#999;
border-top:1px solid #ccc;
padding-top:5px;
margin:0 0 10px 0;
font-size:10pt;
text-transform:uppercase;
}
#main h5 {
font-family:helvetica,arial,sans-serif;
font-weight:normal;
color:#fff;
background-color:#c63;
padding:3px 0 3px 10px;
margin:0 0 10px 0;
font-size:8pt;
text-transform:uppercase;
border-bottom:2px solid #ccc;
}
#main p {
margin:0 0 20px 0;
font-size:10pt;
line-height:13pt;
}
#main ul {
font-family:helvetica,arial,sans-serif;
font-size:10pt;
list-style-type:square;
}

#intropanel {
float:left; width:304px; margin-right:20px;
}
#intropanel p {
font-family:georgia,times new roman,serif;
font-size:10pt;
line-height:14pt;
}




/* INDICATOR VIEW */
#switchmodes {
position:absolute;
top:-35px;
right:0;
}
#switchmodes img {
border:1px solid #fff;
padding:1px;
}
#switchmodes a:hover img {
border:1px solid #ccc;
}
#icontrol {
position:relative;
border-top:1px solid #ccc;
padding-top:10px;
margin-bottom:20px;
text-align:right;
}

#legend {
position:absolute;
top:35px;
right:0;
}


/* Switch Years Navigation for Indicator Page */
#icontrol ul {
list-style-type:none;
font-size:8pt;
padding:0 0 0 30px;
display:inline;
}
#icontrol ul li {
display:inline;
color:#ccc;
padding:0 3px 0 3px;
}
#icontrol ul li a {
text-decoration:none;
}
#icontrol ul li a:hover {
color:#666;
text-decoration:underline;
}
#icontrol ul li.selected {
color:#c60;
font-weight:bold;
font-size:9pt;
}


/* Table for Indicator Page */

table.itable {
border-collapse:collapse;
padding:0;
width:100%;
}

table.itable .highlight, table.ichart .highlight, table.imap .highlight {
background-color:#eee;
}

table.itable th {
vertical-align:bottom;
font-size:8pt;
border-bottom:1px solid #666;
color:#333;
padding-bottom:5px;
font-weight:normal;
text-transform:uppercase;
}

table.itable th a {
text-decoration:none;
}

table.itable td {
width:55px;
padding:4px;
border-bottom:1px solid #ccc;
font-size:9pt;
line-height:15px;
text-align:center;
}

table.itable td.rowlabel {
font-size:10pt;
font-weight:bold;
line-height:15px;
text-align:left;
width:140px;
}

table.itable td a {
color:#2a5571;
text-decoration:none;
}

table.itable td a:hover {
color:#999;
}




/* Bar Chart Table */

table.ichart {
border-collapse:collapse;
padding:0;
}


table.ichart th {
vertical-align:bottom;
font-size:8pt;
border-bottom:1px solid #666;
color:#333;
padding-bottom:5px;
font-weight:normal;
text-transform:uppercase;
text-align:left;
}

table.ichart th a {
text-decoration:none;
}

table.ichart td {
padding:4px 4px 4px 4px;
border-bottom:1px solid #ccc;
font-size:11pt;
line-height:15px;
}

table.ichart td.rowlabel {
font-size:10pt;
font-weight:bold;
line-height:15px;
text-align:left;
}

table.ichart td.number {
font-size:9pt;
font-weight:bold;
text-align:center;
}

table.ichart td a {
color:#2a5571;
text-decoration:none;
}

table.ichart td a:hover {
color:#999;
}



/* Narrow Table Next to Map */

table.imap {
border-collapse:collapse;
padding:0;
float:left;
margin-right:15px;
}


table.imap th {
vertical-align:bottom;
font-size:8pt;
border-bottom:1px solid #666;
color:#333;
padding-bottom:5px;
font-weight:normal;
text-transform:uppercase;
text-align:left;
}

table.imap th a {
text-decoration:none;
}

table.imap td {
padding:4px;
border-bottom:1px solid #ccc;
font-size:11pt;
line-height:15px;
}

table.imap td.rowlabel {
font-size:10pt;
font-weight:bold;
line-height:15px;
text-align:left;
}


table.imap td a {
color:#2a5571;
text-decoration:none;
}

table.imap td a:hover {
color:#999;
}




#left ul {
list-style-type:none;
font-size:9pt;
margin:0 0 30px 0;
padding:0;
}
#left li {
margin-bottom:7px;
font-weight:bold;
}
#left li a {
text-decoration:none;
}
#left ul li a:hover {
color:#666;
}




#left-i ul {
list-style-type:none;
font-size:9pt;
margin:0 0 30px 0;
padding:0;
}
#left-i li {
margin-bottom:7px;
padding-right:15px;
font-weight:bold;
}
#left-i li a {
text-decoration:none;
}
#left-i ul li a:hover {
color:#666;
}
#left-i ul li.selected {
color:#c60;
font-weight:bold;
background:url(../images/orange-arrow-large.gif) no-repeat 200px top;
}


#left-ic ul {
list-style-type:none;
font-size:9pt;
margin:0 0 15px 0;
padding:0;
padding-bottom:25px;
}
#left-ic li {
margin-bottom:7px;
padding-right:15px;
font-weight:bold;
}
#left-ic li a {
text-decoration:none;
}
#left-ic ul li a:hover {
color:#666;
}
#left-ic ul li.selected {
color:#c60;
font-weight:bold;
background:url(../images/orange-arrow-large.gif) no-repeat right top;
}






#right-i h1 {
font-weight:bold;
color:#000;
margin:0 0 5px 0;
font-size:15pt;
}
#right-i h2 {
font-family:helvetica,arial,sans-serif;
font-weight:normal;
color:#666;
margin:0 100px 5px 0;
font-size:12pt;
line-height:15pt;
}
#right-i h3 {
font-family:Georgia,Times New Roman,serif;
font-weight:normal;
color:#000;
margin:0 0 20px 0;
font-size:12pt;
}
#right-i h6, #right h6 {
font-family:helvetica,arial,sans-serif;
font-weight:normal;
color:#666;
margin:0 0 7px 1px;
font-size:7pt;
letter-spacing:.05em;
text-transform:uppercase;
}
#left-i h2, #left-ic h2 {
font-family:Georgia,Times New Roman,serif;
font-weight:normal;
color:#666;
padding-bottom:5px;
margin:0 10px 20px 0;
font-size:16pt;
}

#left-ic h3, #left h3 {
font-family:Georgia,Times New Roman,serif;
font-weight:normal;
color:#333;
padding-bottom:3px;
margin:0 0 10px 0;
font-size:11pt;
}
#left-ic h4 {
font-family:Georgia,Times New Roman,serif;
font-weight:normal;
color:#000;
padding:0;
margin:30px 0 10px 0;
font-size:10pt;
border:0;
}



#left-i #wording,
#left-ic #wording {
border-top:5px solid #000;
padding:10px 0 0 0;
margin-top:30px;
}
#left-i #wording p,
#left-ic #wording p{
margin:0 0 10px 0;
font-family:helvetica,arial,sans-serif;
font-size:9pt;
line-height:12pt;
color:#666;
}

/* Indicator + Country Page */

table.ictable {
width:100%;
border-spacing:1px;
background-color:#ccc;
margin-bottom:20px;
}

table.ictable th {
text-align:left;
font-size:8pt;
text-transform:uppercase;
color:#666;
letter-spacing:.25em;
background-color:#ccc;
padding:3px 7px 3px 7px;

}

table.ictable td {
text-align:left;
font-size:12pt;
font-weight:bold;
background-color:#fff;
padding:3px 5px 3px 5px;
}

table.ictable .smallrow {
font-size:8pt;
background-color:#eee;
font-weight:normal;
}

table.ictable .smallrow a {
text-decoration:none;
}

table.ictable .smallrow a:hover {
text-decoration:underline;
}


/*  Region & Country Index */
.three-column div {
float:left;
width:230px;
}
.three-column a {
text-decoration:none;
}
.three-column a:hover {
text-decoration:underline;
}
#main .three-column h2 {
font-size:15px;
font-weight:bold;
margin-bottom:0;
}
.three-column h2#g20-countries {
padding-bottom:15px;
}
#main .three-column ul {
list-style:none;
padding-left:0;
margin-top:0;
}

/* Country Profile */

h1.countryname {
font-family:georgia,times new roman,times,serif;
text-transform:uppercase;
letter-spacing:.15em;
font-weight:normal;
color:#000;
}


/* Country and Group Bar for indicator by country and indicator by group displays */
#countrygroupbar {
font-family:georgia,times,times new roman,serif;
font-size:14pt;
border-bottom:5px solid #000;
margin-bottom:10px;
padding-bottom:10px;
}
#countrygroupbar img {
margin-top:10px;
margin-bottom:10px;
}
#countrygroupbar .label {
font-size:11px;
color:#999;
font-family:Arial, Helvetica, sans-serif;
}
#countrygroupbar .country {
display:block;
font-weight:bold;
font-size:26px;
font-family:Arial, Helvetica, sans-serif;
}
#countrygroupbar-form form {
margin:0;
padding-top:10px;
}
#countrygroupbar-form form select {
border:0; font-family:helvetica,arial,sans-serif; font-size:10pt;
}


/* Custom Analysis Styles */

/* Layout */
#left-ca {
float:left;
width:212px;
padding-right:30px;
padding-top:45px;
}
#middle-ca {
float:left;
width:525px;
}
#right-ca {
float:left;
width:185px;
}

#left-ca ul {
list-style-type:none;
font-size:9pt;
margin:0 0 45px 0;
padding:0;
}
#left-ca li {
margin-bottom:7px;
padding-right:15px;
font-weight:bold;
}
#left-ca li a {
text-decoration:none;
}
#left-ca ul li a:hover {
color:#666;
}
#left-ca ul li.selected {
color:#c60;
font-weight:bold;
background:url(../images/orange-arrow-large.gif) no-repeat right top;
}

#left-ca h2, #middle-ca h2, #right-ca h2 {
font-family:georgia,times,times new roman,serif;
font-size:18pt;
font-weight:bold;
margin:0;
border:0;
color:#000;
}
#left-ca h4, #middle-ca h4, #right-ca h4 {
font-family:georgia,times,times new roman,serif;
font-size:14pt;
font-weight:normal;
margin-bottom:20px;
text-transform:none;
border:0;
color:#000;
}
#left-ca h3 {
font-family:Georgia,Times New Roman,serif;
font-weight:normal;
color:#333;
padding-bottom:3px;
margin:0 0 10px 0;
font-size:11pt;
}

ul#countrycolumns {
list-style-type:none;
line-height:22pt;
font-size:10pt;
width:525px;
margin:0;
padding:0;
}

ul#countrycolumns li {
width:175px;
float:left;
}

/* Sharing */
#share {
font-family:helvetica,arial,sans-serif;
font-size:8pt;
margin-top:10px;
}
#share a {
text-decoration:none;
}



/* Table Sort Arrows */

th.forwardSort
        {
        background:transparent url(../images/sort-arrow-2.gif) no-repeat 100% 40%;
        }
th.reverseSort
        {
        background:transparent url(../images/sort-arrow-1.gif) no-repeat 100% 40%;
        }    


/* Drop Shadow on the Bars */
.barshadow {
  float:left;
  clear:left;
  background: url(../images/shadowalpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 0px 0 0px 0px !important;
  margin: 0px 0 0px 0px;
}
.barshadow img {
display: block;
position: relative;
background-color: #fff;
border: 0;
margin: -0px 3px 3px -0px;
padding: 0px;
}


/* Share panel */
#sharepanel img {
border:0;
padding-left:5px;
}