@media screen {
/* CSS reset, courtesy of Eric Meyer + mods */
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; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
body { line-height:1; color:black; background:white; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }
th, td { text-align:left; font-weight:normal; }
caption { text-align:center; }
code, kbd { font-family:"courier new", courier, monospace, mono; }

/* 62.25% = 1em = 10px */
body { font:62.5%/1.78 Georgia,"Times New Roman",Times,serif; text-align:center; padding:1em; }

h1 { font-size:1.6em; }
h2 { font-size:1.2em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
h1, h2, h3, h4, h5, h6, #header .site-name { font-weight:bold; letter-spacing:-0.01em; border-bottom:1px solid; margin-top:1em; line-height:1.3; color:#000; text-rendering: optimizeLegibility; }
h1 { border:none; }
p { margin:1.68em 0; }
li { margin-left:1.4em; }
ol, ul { margin-top:0; }
cite, em { font-style:italic; }
cite cite { font-style:normal; }
strong { font-weight:bold; color:#000; }
fieldset { border:1px solid #ccc; padding:0.5em; border-radius:0.5em; }
label { cursor:pointer; }
input[type=text] { font-family:verdana, sans-serif; }
dt { font-weight:bold; }
dd { margin-left:1em; margin-bottom:1.5em; }
dd > p:first-child { margin-top:0; }
sub { position:relative; top:0.2em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:underline; border:none; }
h1 a:hover, a:focus, h2 a:hover, a:focus, h3 a:hover, a:focus, h4 a:hover, a:focus, h5 a:hover, a:focus, h6 a:hover, a:focus { border:none; }

th { font-weight:bold; }
th, td { vertical-align:middle; }
tbody tr:hover { background:#f5f5f5; }

dfn { border-bottom:1px dotted; cursor:help; }
sup { position:relative; top:-0.5em; font-size:0.95em; margin:0 1px; }

/* for accessibility purposes, move off-screen but do not hide e.g. screen readers */
.css-label, .page-url { position:absolute; left:0; top:-500em; width:1px; height:1px; overflow:hidden; }

/* ---------------------------- */
/* basic theme colors (not all) */

/* body, #main-nav ul { background:#382513; } */ /* dark brown */
body, #main-nav ul { background:#363942; } /* dark blue-grey */

body.home #main-nav li.home,
body.about #main-nav li.about,
body.issue #main-nav li.issue, body.issues-list #main-nav li.issue,
body.article #main-nav li.issue, body.article-list #main-nav li.issue,
body.support #main-nav li.support,
body.contact #main-nav li.contact,
body.news #main-nav li.news { background:#9b1a00; /* #382513; dark brown. #5C432F - light brown. #193441 light blue/green/grey */ }

#main-nav a { -webkit-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -o-transition: background-color 0.5s linear; transition: background-color 0.5s linear; }
#main-nav a:focus, #main-nav a:hover { background:#000!important; text-decoration:underline; }

body.home #main-nav li.home a,
body.about #main-nav li.about a,
body.issue #main-nav li.issue a, body.issues-list #main-nav li.issue a,
body.article #main-nav li.issue a, body.article-list #main-nav li.issue a,
body.support #main-nav li.support a,
body.contact #main-nav li.contact a,
body.news #main-nav li.news a { text-decoration:none; background:#9b1a00!important; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; }

a, a:link { text-decoration:none; border-bottom:1px solid; }
a, a:link, .dynamic #content a.last-updated:visited { color:#b40f11; }
#content h2, #content h3, #content h4, #content h5 { color:#840F11; text-transform:capitalize; }
#content h2, #content h3 { border-bottom:2px solid #777; }
#content h4, #content h5 { border-bottom:none; }
body.home #latest-updates h2.latest-updates { color:#363942; } /* #5C432F; - brown */
a:visited, #nav a:link { color:#382513; }
.side-note .h a:visited { color:inherit; }
a:hover, a:focus, #nav a:hover, #nav a:focus, .side-note .h a:hover, .side-note .h a:focus, .dynamic #content a.last-updated:hover, .dynamic #content a.last-updated:focus { color:#05f; }
a:hover, a:focus { border-bottom:1px dotted; }
a:active { color:#f00; outline:1px dotted; }
#footer a:link { color:#d42f31; }

/* #header #header-name, #you-are-here { background:#fff8f5; } */ /* nice light brown on laptop */
/* #header #header-name, #you-are-here { background:#efF2FF; } really nice light blue on laptop */
/* #header #header-name, #you-are-here { background:#fff url(/css/i/header-bg.png) repeat-x 0 0; } */ /* #efF2FF really nice on laptop. not so on ultrasharps etc :(, so fading from #edf9fe */
/* body.ff2 #header #header-name { background:#edf9fe; } */ /* light blue for ff2, because bg image loses border radius */
/* #efF2FF really nice on laptop. not so on ultrasharps etc :(, so fading from #edf9fe */
#header #header-name-and-search {
	padding-left:104px;
	background:#fff url(/css/i/header-bg.gif) repeat-x 0 0;
	background:-webkit-linear-gradient(rgb(191,224,255), #fff);
	background:-moz-linear-gradient(rgb(191,224,255), #fff);
	background:-ms-linear-gradient(rgb(191,224,255), #fff);
	background:-o-linear-gradient(rgb(191,224,255), #fff);
	background:linear-gradient(rgb(191,224,255), #fff);
}

#you-are-here, body.ff2 #header #header-name-and-search { background:#d8ebff; } /* light blue. for ff2 header too, because bg image loses border radius */

#header #header-name-and-search { border-radius:10px; border-bottom-left-radius:0; border-bottom-right-radius:0; margin:0; text-shadow: 0 1px #fff; }

#content-container { color:#333; }

#toc, #where-next, .group { background:#f8f8f8; }
#toc, #where-next, .group { border:1px solid #dcdcdc; }

/* ------ */
/* header */

#header { border-bottom:3px double #ccc; min-height:91px; position:relative; }
#header h1 { margin:0.25em 0 0; border:none; font-size:2em; }
#header .site-name { font-size:2em; margin:0; border-bottom:none; }
#header h1 a, #header .site-name a { text-decoration:none; color:#000; border:none; font-weight:normal; border-bottom:none; }
#header .site-name { padding-top:0.5em; }
#header .site-name img.logo { position:absolute; left:10px; top:3px; -webkit-transition:opacity 0.5s linear; -moz-transition:opacity 0.5s linear; -o-transition:opacity 0.5s linear; transition:opacity 0.5s linear; }
#header .site-name img.logo:hover, #header .site-name a:focus > img.logo { opacity:0.8; }
#header .site-sub-head { margin:0; padding:0.25em 0 0.5em; }
#header h2.site-sub-head { font-size:1em; font-weight:normal; border:none; line-height:1.78; letter-spacing:normal; }

#search-and-updates { position:absolute; top:0.5em; right:0; width: 33%; }

#search fieldset { border:none; margin:0; padding:0; }
#search p { margin:0; padding:0 0 0.25em 0.2em; }
#search #find-text { width:87%; min-height:22px; margin-right:-28px; padding-right:30px; }
#search #search-submit { vertical-align:middle; position:relative; top:-2px; }

#stay-updated { float:right; margin:0.5em 0 0; display:table-cell; height:auto; }
.narrow #stay-updated, .two-column #stay-updated, .about #stay-updated { width:auto; }
#stay-updated ul { margin:0; padding:0; }
#stay-updated li { display:inline-block; margin:0; padding:0; }
#stay-updated li a { border:none; display:block; padding-top:28px; background:url(/css/9/i/icons-sprite.png) no-repeat center 0; width:40px; text-align:center; }
#stay-updated li a:hover, #stay-updated li a:focus { background-color:transparent!important; }
#stay-updated li.email a { background-position:2px -6080px; }
#stay-updated li.email a:hover, #stay-updated li.email a:focus { background-position:2px -5967px; }
#stay-updated li.facebook a { background-position:center -6309px; }
#stay-updated li.facebook a:hover, #stay-updated li.facebook a:focus { background-position:center -6189px; }
#stay-updated li.feed a { background-position:center -6540px; }
#stay-updated li.feed a:hover, #stay-updated li.feed a:focus { background-position:center -6424px; }
#stay-updated li.twitter a { background-position:center -6652px; }
#stay-updated li.twitter a:hover, #stay-updated li.twitter a:focus { background-position:center -6776px; }

/* main navigation */
#main-nav { clear:both; border:3px double #ccc; border-right:none; border-left:none; margin:0; text-align:center; }
#main-nav ul { margin-top:1px; }
#main-nav li { list-style-type:none; margin:0; padding:0; float:left; width:100px; border-right:1px solid #aaa; }
#main-nav li.contact { float:right; border-right:none; border-left:1px solid #aaa; position:absolute; right:0; }
#main-nav li.support { float:right; border-left:1px solid #aaa; position:absolute; right:100px; }
#main-nav li a { border:none; color:#fff; display:block; padding:0.25em 0; text-shadow:2px 2px 2px #000; }
#main-nav ul:after { clear:both; display:block; height:0; line-height:0; visibility:hidden; content:"."; }

/* you are here */
#you-are-here { clear:both; border-top:1px solid #ccc; margin:1px 0 0; padding-bottom:0.2em; } /* use padding-bottom:0.25em; on #header if no bg color */
#you-are-here p { float:left; width:9%; margin:0.25em 0 0 0; line-height:inherit; padding:0 0 0 1.25%; }
#you-are-here ol { float:left; width:89%; margin:0.25em 0 0; }
#you-are-here li { list-style-type:none; margin:0; padding:0 0.5em 0 1em; display:inline; background:url(/css/9/i/icons-sprite.png) 0 -7760px no-repeat; }
#you-are-here li.home { background-image:none; padding-left:0; }
#you-are-here li a { border:none; text-decoration:underline; }
#you-are-here:after { clear:both; display:block; height:0; line-height:0; visibility:hidden; content:"."; }

/* ---------------------------- */
/* general layout and structure */

/* when dynamic, could use JS to determine max-width : viewportWidth > 1100px ? 1100px : viewportWidth */ 
#page { font-size:1.4em; text-align:left; margin:0 auto; width:100%; min-width:960px; max-width:990px; /* max-width:1160px; */ background:#fff; }
#page { border-radius:10px; }

#content-container { width:58%; border-right:1px solid #ddd; padding:1%; }
.ff2 #content-container { padding:0.5em; }
#nav { width:39.9%; }

body.two-column.narrow #content-container { width:66%; } /* going to 78% => 5 grids as default, but too narrow for entire nav; this goes to 3 or 6 or 12 grid. bad design to change like this? */
body.two-column.narrow #nav { width:32.9%; }
body.home.two-column.narrow #nav, body.news.two-column.narrow #nav { width:25.9%; }

#content-container h1 { margin-top:0; }

/* equal column widths for modern browsers */
#content-wrapper-parent { display:table; width:100%; }
#content-wrapper { display:table-row; }
#content-wrapper #content-container, #content-wrapper #nav { display:table-cell; float:none; vertical-align:top; }
/* could make the two columns inside nav into these cells; may not need #nav then */

/* ---------- */
/* navigation */

#nav { background:#fcfcfc; line-height:1.6; }
.home #nav #nav-columns { border-top:none; }
#nav .page-specific-nav, #nav #site-related-nav { width:45.8%; float:left; padding:2%; }
#nav .page-specific-nav ul, #nav #site-related-nav ul, #nav .page-specific-nav ol, #nav #site-related-nav ol{ padding-left:0.5%; }
#nav #site-related-nav { border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-bottom-left-radius:10px; }

#above-nav { padding:0.5em; overflow:auto; background:#fff; border-left:1px solid #fff; position:relative; left:-1px; }
#above-nav + #nav-columns { border-top:3px double #ccc; }

/* #nav.for-part #site-related-nav { width:98%; } */
/* #sidebars-container.sidebar-single .sidebar { width:auto; float:none; } */
#nav { font-size:0.92em; }
.win #nav ul, .win #nav ol { font-size:0.92em; line-height:1.7; }
#nav .nav-section ul ul, #nav .nav-section ul ol, #nav .nav-section ol ul, #nav .nav-section ol ol, #nav .page-specific-nav ul ol { font-size:1em; }
#nav ul>li, #nav ol>li { list-style:url(/css/i/nav-bullet.png); }
#nav > ul > li { list-style:none; margin-bottom:2em; margin-left:1em; }
#nav h2, #nav h3, #nav h4 { border:none; padding:0; margin:0 0 0.1em 0.1em; font-variant:small-caps; letter-spacing:0.05em; font-weight:normal; color:#444; }
#nav h4 { border-bottom:1px solid #ddd!important; }
#nav a { border:none; /* text-decoration:underline; */}
#nav a:hover, #nav a:focus { text-decoration:underline; }
#nav a.parent { text-decoration:none; color:#000; }
#nav li a { display:block; }
#nav #related-issues li a, #nav ul.news-topics li a { display:inline; }
.article #nav #related-issues > ul > li { margin-bottom:1em; }
.article #nav li > ol, .article #nav div > ul > li > ul { margin-left:-0.75em; }
#nav li a:hover, #nav li a:focus { background-color:#f5f5f5!important; }
#nav .nav-section { margin-top:1.5em; clear:both; }
#nav .nav-section.first { margin-top:0; }
#nav li.current, #where-next li.current { font-weight:bold; }
#nav li.current ol, #where-next li.current ol, #nav li.current ul, #where-next li.current ul { font-weight:normal; }
#nav .related-articles-more { color:#B40F11!important; }

body.two-column #nav #site-related-nav { width:98%; border-left:none; border-bottom:none; background:transparent; }
body.two-column #nav #site-related-nav { border-bottom-left-radius:0; }
body.two-column #nav #site-related-nav #page-options { float:none; width:auto; }

#bookmark { float:left; }
#nav #bookmark h4 { border-bottom:none!important; margin-left:0.25em; white-space:no-wrap; }
.home #bookmark h4 { border-bottom:1px solid #ccc!important; }
.home #bookmark { display:block; width:auto; }
.general #bookmark { overflow:auto; margin-bottom:1.5em; }
#bookmark ul { float:left; padding-left:0.05em; margin-left:0; }
#bookmark ul li { width:20px; margin-left:0; margin-right:5px; overflow:hidden; list-style:none; display:inline-block; }
#bookmark ul li a { width:0; overflow:hidden; margin-right:5px; }
#bookmark ul li a:hover, bookmark ul li a:focus, bookmark ul li a:active { background-color:transparent!important; }

#content #page-options-content ul li { list-style:none; margin-left:0; margin-bottom:0.25em; line-height:1.5; }
#page-options-content li, #page-options ul li { padding-left:20px; background-image:url(/css/9/i/icons-sprite.png); background-repeat:no-repeat; }
#page-options ul li { padding-top:1px; }
.win #page-options ul li { padding-top:2px; }

ul li.feedback { background-position:0 -86px; }
ul li.feedback:hover { background-position:0 -250px; }

ul li.print { background-position:0 -2247px; }
ul li.print:hover { background-position:0 -2411px; }

ul li.email { background-position:0 -445px; }
ul li.email:hover { background-position:0 -609px; }

ul li.friend { background-position:0 -807px; }
ul li.friend:hover { background-position:0 -971px; }

ul li.donate { background-position:0 -1528px; }
ul li.donate:hover { background-position:0 -1692px; }

ul li.screen { background-position:0 -1888px; }
ul li.screen:hover { background-position:0 -2052px; }

ul li.feed { background-position:0 -1168px }
ul li.feed:hover { background-position:0 -1332px; }

ul li.facebook { background-position:0 -5017px; }
ul li.facebook:hover { background-position:0 -5182px; }

ul li.twitter { background-position:0 -6890px; }
ul li.twitter:hover { background-position:0 -6990px; }

ul li.about { background-position:0 -3700px; }
ul li.about:hover { background-position:0 -3864px; }

/* ------------ */
/* main content */

#content { padding:0.5em 0 0 0.5em; }
#content .section { clear:both; }
#content .section:after { clear:both; display:block; height:0; line-height:0; visibility:hidden; content:"."; }
#content .section h2, #content .section h3 { padding-bottom:2px; }
#content h2 { margin-left:-0.5em; }
#content ul, #content ol { margin-left:0.8em; margin-bottom:1.5em; }
#content ul ul, #content ul ol, #content ol ol, #content ol ul { margin-bottom:0; }
#content ul li { list-style-type:disc; }
#content .group ul { margin-bottom:0.5em; }
#content p + ul, #content p + ol { margin-top:-1.5em; }
#content p.page-intro-summary-info + ul, #content p.page-intro-summary-info + ol,
#intro p + ul, #intro p + ol { margin-top:1em; }

#content h2 + ol, #content h3 + ol, #content h4 + ol, #content h2 + ul, #content h3 + ul, #content h4 + ul, #content h2 + dl, #content h3 + dl, #content h4 + dl { margin-top:0.5em; } 
#content h2 + p, #content h3 + p, #content h4 + p, #content h5 + p,
#content h2 + ins > p:first-child, #content h3 + ins > p:first-child, #content h4 + ins > p:first-child, #content h5 + ins > p:first-child { margin-top:0.5em; }
#content .group .ui-tabs-custom { margin-bottom:0.5em; }
#content .page-intro-title { border:none; }
#content .page-intro-summary-info { padding-left:20px; background:url(/css/9/i/icons-sprite.png) left -3510px no-repeat; color:#555; font-size:0.95em; margin:0.5em 0 0; } 

#content #author-page-update { font-style:italic; margin:0; color:#555; }
#content #author-page-update li { list-style:none; display:inline; font-size:0.95em; padding-left:0.5em; margin:0; }
#content #author-page-update li.author { padding:0 0.5em 0 0; border-right:1px solid; }

#toc, #where-next, .group { padding:0.5em 0.5em 0; margin-left:-0.5em; margin-top:1em; color:#000; border-radius:5px; }
#toc p, #where-next p { margin:0 0 0.25em; font-size:1.2em; font-weight:bold; text-shadow: 0 1px #fff; }
#toc ol, #where-next ul, #where-next ol { margin-left:1.4em; margin-bottom:1em; }
#toc li, #where-next li { text-transform:capitalize; margin-left:-20px; }
#toc li, #where-next li, #content .group .ui-tabs-custom > div li { line-height:1.9; background:transparent url(/css/i/bullet-down.png) 0 5px no-repeat; padding-left:20px; }
#content .group .ui-tabs-custom > div li { margin-left:-9px; }
#toc li:hover { background-image:url(/css/i/bullet-down-hover.png); }
#toc ol li, #where-next ul li, #where-next ol li, #content .group .ui-tabs-custom > div li { list-style:none; } /* #toc li li, #where-next li li { list-style-type:lower-alpha; } */
/* cannot sprite these because height of toc and subparts unknown */
#where-next li, #content .group .ui-tabs-custom > div li { background-image:url(/css/i/bullet-right.png); }
#where-next li:hover, #content .group .ui-tabs-custom > div li:hover { background-image:url(/css/i/bullet-right-hover.png); }
#where-next .see-more-related { font-size:1em; font-weight:normal; }

#toc > p + ol, #toc > p + ul, #where-next > p + ol, #where-next > p + ul, #content .group > p + ol, #content .group > p + ul { margin-top:0em; } 

.group p { margin-top:0; }

#link-to-here label { font-weight:normal; display:block; margin-bottom:1em; }
#link-to-here textarea { width:99%; display:block; line-height:1.6; }
#link-to-here p.result { background:#fff; border:1px solid #aaa; padding:0.2em; margin-bottom:1em; }

img.figure { display:block; margin:auto; }
.img-left { float:left; margin-right:0.75em; }
.img-left.home-block { margin-bottom:1em; }
img.shadow { margin-top:0.25em; box-shadow:#aaa 5px 5px 5px; -moz-box-shadow:#aaa 5px 5px 5px; -webkit-box-shadow:#aaa 5px 5px 5px; }
.img-right.shadow { margin-right:0.25em; margin-left:0.5em; }
.img-left.shadow { margin-right:1em; }
.pull-out { float:right; }
.pull-left { float:left; }
img.pull-out { padding-left:0.75em; }
.img-with-caption { text-align:center; margin:5px 5px 5px 0; line-height:1.5; }
.img-with-caption .caption { font-size:0.95em; margin-top:0; padding:7px; }
.img-with-caption span.caption { display:block; }
.img-with-caption p.caption { margin-bottom:0; line-height:1.68em; }
.img-with-caption p.caption span.cp, .img-with-caption span.block { display:block; }
.img-with-caption.pull-out { margin-left:5px; }
.img-with-caption.pull-left { margin:2px 0.75em 0 0; }
.img-with-caption a[rel~=img-full-size], .img-with-caption a[rel~=img-src] { border:none; }
.imgs-with-caption .img-with-caption { margin-bottom:0.5em; margin-left:5px; }
h2 + .img-with-caption, h3 + .img-with-caption, h2 + ins > .img-with-caption:first-child, h3 + ins > .img-with-caption:first-child { margin-top:1em!important; }
h2 + .img-with-caption + p, h3 + .img-with-caption + p, h2 + .imgs-with-caption + p, h3 + .imgs-with-caption + p,
h2 + .img-with-caption + ins > p, h3 + .img-with-caption + ins > p, h2 + .imgs-with-caption + ins > p, h3 + .imgs-with-caption + ins > p,
ins > .img-with-caption + p:first-of-type { margin-top:0.75em; }
.img-with-caption.multi-img img:first-child { margin-right:0; }
.home .img-with-caption.multi-img, .issue .img-with-caption.multi-img { margin-top:1.68em!important; }
.img-with-caption.visual-box { clear:both; border-radius:5px; border:1px solid #ccc; }
.img-with-caption.visual-box .caption { background:#f8f8f8; border-top:1px solid #ccc; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.img-with-caption.visual-box img, .img-with-caption.visual-box object[type="image/svg+xml"] { margin:5px 5px 0; }
.img-with-caption.visual-box img + img { margin-top:0; }
.img-with-caption.middle { margin:auto auto 5px; }
.img-with-caption.visual-box img.border, .img-left.border { border:1px solid #ccc; }
.ins-on .img-with-caption img { border:none; }

.notice, #intro, .warning, .success { background:#ebd4c8; border:1px solid #f4a460; padding:0.5em; margin-top:1em; border-radius:5px; }
.notice, .warning, .success { padding-left:50px; min-height:40px; background:#ebd4c8 no-repeat 0.1em 0.5em; }
.notice { font-style:italic; background-image:url(/css/i/info.png); }
.warning { background-image:url(/css/i/warning.png); }
.success { background-image:url(/css/i/success.png); }
#intro p { margin:0; }

.img-with-external-src { text-align:center; }
.img-with-external-src a { border:none; }
img.type { vertical-align:middle; }

.more-info > li { margin-top:1.5em; }

#content .side-note { color:#666; }
#content li.side-note { margin-top:0.5em; margin-bottom:0.5em; }
#content .side-note .h { font-weight:normal; font-size:1em; margin:0; border:none; color:#000; text-transform:inherit; }
#content .side-note.p .h { display:inline; }
#content .side-note .h a, .side-note.p .h { color:#000; border: 1px solid #ccc; background:#e9e9e9; padding:0.2em; }
#content .side-note .h a { text-decoration:underline; outline:0; }
#content .side-note .h a:hover { border: 1px solid #999; }
#content .side-note .h span { text-decoration:none; margin:0.5em 0 0.5em 0.5em; }
#content .side-note em.h { text-decoration:none; margin-right:0.5em; }
#content .side-note div { border : 1px dotted gray; padding: 0.5em; margin:0.2em 0; width:95%; position:relative; top:-0.1em; }
#content li > div.side-note { margin-top:0.5em; }
.print #content .side-note .h { padding:0.25em; outline:1px solid #ccc; }

.multi-col{ column-width: 7em; column-gap: 1em; -moz-column-width: 7em; -moz-column-gap: 1em; -webkit-column-width: 7em; -webkit-column-gap: 1em; }
.col-2 { column-width:auto; -moz-column-width:auto; -webkit-column-width:auto; column-count:2; -moz-column-count:2; -webkit-column-count:2; }
.multi-col .headline { break-inside:avoid; -moz-break-inside:avoid; -webkit-break-inside:avoid; column-break-inside:avoid; -moz-column-break-inside:avoid; -webkit-column-break-inside:avoid; }

blockquote { margin:0 1.5em; }
.blockquote-with-source, #content .side-note div .blockquote-with-source { margin:-0.8em 1.4em 2em 1em; border:1px solid #dcdcdc; border-left:0.5em solid #ddd; border-radius:10px; background:#f8f8f8 url(/css/i/quotes-open.png) no-repeat 5px 5px; padding-top:26px; }
li .blockquote-with-source { margin-top:1em; }
#content .side-note div .blockquote-with-source { width:95%; padding:26px 0 0; margin:auto; }
.blockquote-with-source blockquote { margin:15px 5px 10px 15px; padding:0 15px 15px 0; background:#f8f8f8 url(/css/i/quotes-close.png) no-repeat right bottom; }
.blockquote-with-source blockquote blockquote { padding:0 0 0 0.5em; border-left:2px solid #ccc; background:none; }
.source { text-align:right; color:#444; border-top:1px solid #dcdcdc; background:#eee; margin:0; padding:0.25em 0.5em 0.5em; border-bottom-right-radius:10px; }
.blockquote-with-source.pull-out { width:50%; margin-top:0; margin-right:5px; }
.blockquote-with-source.pull-out.pull-narrow { width:40%; }
#page-info-top + .blockquote-with-source, #page-info-top + ins > .blockquote-with-source, h2 + .blockquote-with-source, h3 + .blockquote-with-source, h4 + .blockquote-with-source, h2 + ins > .blockquote-with-source, h3 + ins > .blockquote-with-source, h4 + ins > .blockquote-with-source { margin-top:1.4em; }

.ins-on, .ins-on * { background-color:#f5f5dc; color:#600; } /*	background-color:#f0f0d0; */
.ins-on img { border:0.5em solid #f5f5dc; }
#content .ins-on h2.page-intro-title a img { border:none; }
#content .ins-on blockquote *, #content .ins-on .blockquote-with-source blockquote { background-color:inherit; }
#content .ins-on .blockquote-with-source, #content .ins-on .side-note div .blockquote-with-source { border-color:#dc9; background-color:#f0f0d0; }
#content .ins-on .source, #content .ins-on .source * { border-top-color:#dc9; background-color:#eda; }
#content .ins-on .source img { border:none; }
#content .ins-on cite { color:inherit; }
.ins-off { background-color:inherit; }

.gen-data { border-collapse:collapse; border:1px solid #ccc; width:100%; }
.gen-data th, .gen-data td { padding:0.25em; border-bottom:1px solid #ccc; vertical-align:top; }
.gen-data thead { border:1px solid #777; }
.gen-data thead th { background:#777; color:#fff; text-shadow:1px 1px 1px #000; }
.gen-data tfoot td { background:#fff; font-size:0.95em; text-align:center; }
.gen-data tfoot td.gen-data-srcs { text-align:left; }
.gen-data tfoot td.gen-data-srcs > p:first-child { margin:0.5em 0 1em; }
.gen-data tbody tr { background:#f8f8f8; }
.gen-data tbody tr.even { background:#eee; } /* .gen-data tbody tr:nth-child(even) */
.gen-data tbody tr:hover { background:#e0e0e0; }
.gen-data tbody tr:hover td.avoid-hover-state { background:#f8f8f8; }
.gen-data tbody tr.even:hover td.avoid-hover-state { background:#e0e0e0; }
.gen-data tbody.gen-data-totals { border-top:2px solid #ccc; }
.gen-data caption { text-align:center; caption-side:bottom; }
.gen-data caption.head { caption-side:top; }
.gen-data tbody th.body-header { background:#aaa; color:#fff; }

.gen-data.highlight-row-scope td[scope=row] { font-weight:bold; }

.gen-data.extra-borders td, .gen-data.extra-borders th { border-left:1px solid #ccc; }
.gen-data.extra-borders th { border-left-color:#888; }

#military-vs-other-spending.gen-data tbody.other-spend { border-top:2px solid #aaa; } 

table.sortable thead tr .header { background-image: url(/css/i/sort.gif); background-repeat: no-repeat; background-position: right -41px; cursor: pointer; padding-right:14px; }
table.sortable thead tr th:hover { background-color:#888; }
#mil-spending.sortable thead tr .header { padding-right:12px; }
table.sortable thead tr .headerSortUp { background-position:100% -241px; }
table.sortable thead tr .headerSortDown { background-position:100% -141px; }
table.sortable thead tr.multi-line .header { background-position: right -16px; }
table.sortable thead tr.multi-line .headerSortUp { background-position:100% -216px; }
table.sortable thead tr.multi-line .headerSortDown { background-position:100% -116px; }

#page-info-bottom { font-size:0.95em; color:#555; margin-top:1em; }
#page-info-bottom ul { border-top:1px solid #ccc; width:60%; float:right; margin-bottom:0; }
#page-info-bottom ul li { list-style:none; text-align:right; }
#page-info-bottom:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }

#content p + ol.conversation { margin-top:1.5em; }
#content ol.conversation { list-style:none; margin-left:0; }
#content ol.conversation li { margin-left:0; }
#content ol.conversation blockquote { border-left:1px solid #ccc; margin:0 0 2em 0.5em; padding:0 0.5em; background:#f5f5f5; }

#content .embed video { margin-top:7px; }
#content .embed { text-align:center; border:1px solid #ddd; margin:auto auto 15px; border-radius:5px; }
.video-details #content .embed { margin-top:1em; }
#content .embed.pull-aside { float:right; margin:0 5px auto 0.25em; }
#content .embed .clip { line-height:1; margin-bottom:0; margin-top:0; padding:7px; background-color:#fcfcfc; border-top-right-radius:5px; border-top-left-radius:5px; }
#content .embed .caption { margin-bottom:0; padding:7px; border-top:1px solid #dcdcdc; background:#f8f8f8; font-size:0.9em; line-height:1.8; text-align:center; margin-top:0; border-bottom-right-radius:5px;  border-bottom-left-radius:5px; }
#content .embed video .clip { padding-bottom:0; }
#content .embed .caption .source-line { display:block; }
#content .embed .caption span { display:block; }
/* span required for transcript so that link can retain border underline */

#content .video-group:after { clear:both; display:block; height:0; line-height:0; visibility:hidden; content:"."; }
#content .video-group .embed.pull-aside, #content .video-group .video.pull-aside { float:left; }
#content .video-group.two .embed.pull-aside.second, #content .video-group.two .video.pull-aside.second { float:right; }
#content .video-group .embed, #content .video-group .video { margin-left:0.5em; }
#content .video-group .embed:first-child, #content .video-group .video:first-child, #content .video-group .first { margin-left:0!important; }

#content span.transcript, #content .embed .caption span.transcript { padding-left:20px; background:url(/css/9/i/icons-sprite.png) 0 -2610px no-repeat; }
#content .embed .caption span.transcript { background-position:0 -2604px; display:inline; font-size:1.5em; }
#content span.transcript:hover { background-position:0 -2774px; }
#content .embed .caption span.transcript:hover { background-position:0 -2768px; }
#content .embed .caption span.transcript a { font-size:0.7em!important; }

#content .embed, .img-with-caption.visual-box, .blockquote-with-source, #content .side-note div .blockquote-with-source { box-shadow:5px 5px 5px #999; -moz-box-shadow:5px 5px 5px #999; -webkit-box-shadow:5px 5px 5px #999; }
#content .embed.with-border object { border:1px solid #eee; }

.news-video { margin-top:0.5em; text-align:center; min-height:330px; }
.news-video object, .news-video embed { width:380px; height:310px; }
.news-video a { text-decoration:underline; }

.top { border-bottom:1px solid #ddd; font-size:0.93em; line-height:1.23em; margin:0.5em 0 1.5em; padding:0; text-align:right; float:right; width:60%; }
.top a { display:inline-block; background:#fcfcfc url(/css/9/i/icons-sprite.png) no-repeat right -7793px; border:1px solid #ddd; border-bottom:none; padding:0 20px 0 0.3em; margin:0; border-top-left-radius:5px; border-top-right-radius:5px; }
.top a:link, .top a:visited { color:#777; }
.top:hover, .top:hover a, .top a:hover, .top a:active, .top a:focus { border-color:#bbb; color:#555; }
.top a:hover, .top a:active, .top a:focus { color:#555; }

.auto-generated-from a { display:block; margin-left:1em; border:none; }
.auto-generated-from a span { border-bottom:1px solid; }
.print .auto-generated-from { border-radius:5px; border:1px solid #ccc; background:#f5f5f5; padding:0.5em; margin-left:-0.5em; }
.print #page-meta .auto-generated-from { margin-left:0; }

#page-options-content { display:table; width:100%; }
#page-options-content > div { display:table-row; }
#page-options-content > div > div { display:table-cell; width:48%; }
#page-options-content > div > div.other-options { padding-left:2%; width:50%; }
#page-options-content > div > div.other-options > .group { margin-left:0; } 
#page-options-content > div > div > .group > h2 { margin:0; font-size:1em; border:none; color:#000; text-shadow: 0 1px #fff; }

#article-details h2 { border:none; margin-left:0; }
#article-details p { margin:0; }

/* courtesy of http://www.knusperpixel.com/playground/more-more-links.php */
a.more:hover,
a.more:focus,
a.more:active { position: relative; } /* Somehow IE doesn't like it when this is in the 'li a' declaration... */
a.more:hover span, a.more:focus span, a.more:active span {
	left:0; top:1.6em; width:9.2em; height:auto; padding:0.5em; text-indent:0; text-align:left; line-height:1.2em; font-size:0.9em; background:#fffff6; border:1px solid #666; color:#000; text-decoration:none;
}
/* end courtesy of */

/* ---------------- */
/* social bookmarks */
#content .social-bookmarks p { text-align:center; margin-bottom:0.5em; }
#content .social-bookmarks ul { text-align:center; margin-left:-0.5em; margin-bottom:1em; }
#content .social-bookmarks ul li { display:inline; background:#fff; list-style-type:none; border:1px solid #ddd; margin:0 0 0 0.5em; padding:0.3em 0; }
.safari #content .social-bookmarks ul li { margin-left:0.35em; }
#content .social-bookmarks ul li a:hover, .sociable ul li a:focus, .sociable ul li a:active { background-color:#eee; }
#content .social-bookmarks ul li, #content .social-bookmarks ul li a:hover, .sociable ul li a:focus, .sociable ul li a:active { border-radius:3px; }

/*
#content .social-bookmarks img { width:16px; height:16px; vertical-align:middle; padding-right:2px; opacity:0.8; filter:alpha(opacity=80); }
#content .social-bookmarks ul li a:hover img, .sociable ul li a:focus img, .sociable ul li a:active img { opacity:1; filter:alpha(opacity=100); }
*/
#content .social-bookmarks li a, #bookmark ul li a { border:none; background-image:url(/css/9/i/icons-sprite.png); background-repeat:no-repeat; }

#content .social-bookmarks li a { padding:0.3em 0.3em 0.3em 20px; }
#bookmark ul li a { padding:2px 0 0 20px; }

li.stumbleupon a { background-position:2px -4027px; }
li.stumbleupon a:hover, li.stumbleupon a:active, li.stumbleupon a:focus { background-position:2px -4192px; }
li.delicious a { background-position:2px -4356px; }
li.delicious a:hover, li.delicious a:active, li.delicious a:focus { background-position:2px -4521px; }
li.digg a { background-position:2px -4688px; }
li.digg a:hover, li.digg a:active, li.digg a:focus { background-position:2px -4853px; }
li.facebook a { background-position:2px -5017px; }
li.facebook a:hover, li.facebook a:active, li.facebook a:focus { background-position:2px -5182px; }
li.googlebookmarks a { background-position:2px -5347px; }
li.googlebookmarks a:hover, li.googlebookmarks a:active, li.googlebookmarks a:focus { background-position:2px -5512px; }
li.reddit a { background-position:2px -5676px; }
li.reddit a:hover, li.reddit a:active, li.reddit a:focus { background-position:2px -5841px; }

/* --------------------- */
/* Picture slides plugin */

#picture-slides-frame { border:1px solid #ccc; background:#fff; border-radius:5px; }
.navigation-controls { clear:left; display:block; border-top:1px solid #ccc; background:#f2f2f2; list-style:none; margin:0.5em 0 0!important; padding:0.25em; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.navigation-controls li { display:inline; }
.navigation-controls a { cursor:hand; cursor:pointer; border:none; text-decoration:underline; }
.navigation-controls .disabled { color:#aaa; cursor:default; }
#image-counter { display:inline-block!important; width:3.5em; border:1px solid #aaa; padding:0 5px; background:#f8f8f8; }
.msie #image-counter { display:inline!important; }
.previous-image, .next-image, #start-slideshow, #stop-slideshow { padding-left:18px; background-image:url(/css/9/i/icons-sprite.png); background-repeat:no-repeat; vertical-align:middle; }
.next-image { padding-left:0; padding-right:18px; background-position:31px -7628px; }
#start-slideshow { background-position:0 -7428px; }
#stop-slideshow { background-position:0 -7528px; }
.previous-image { background-position:0 -7728px; }
#start-slideshow:hover, #start-slideshow:focus { background-position:0 -7028px; }
#stop-slideshow:hover, #stop-slideshow:focus { background-position:0 -7128px; }
.next-image:hover, .next-image:focus { background-position:31px -7228px; }
.previous-image:hover, .previous-image:focus { background-position:0 -7328px; }

.single-image-to-slides { margin-top:0!important; border:1px solid #ccc; border-top:none; }
.single-image-to-slides .previous-image { margin-right:20px; }

/* ------ */
/* footer */

#footer { clear:both; font-size:0.9em; color:#777; text-align:center; border-top:3px double #ddd; padding:1em 0; }
#footer p { margin:0; }

/* --------- */
/* page meta */

#page-meta { background:#fff; text-align:left; font-size:1.4em; }

/* ----------------------- */
/* page specific overrides */

body.print #srcs li a { display:block; width:500px; border:none; text-decoration:underline; }
body.print #srcs .note-link-alts { margin:1em 0 0 1em; }
body.print #srcs .note-link-alts p { margin:0 0 1em 0; }
body.print #srcs .note-link-alts dfn { cursor:help; border-bottom:1px dotted; }
body.print #srcs p + ul, body.print #srcs p + ol { margin-top:-1em; }

body.home #you-are-here p { width:auto; float:none; text-align:center; }
body.home #content { padding:0; }
body.home #content h2 { margin-left:0; }
body.home #lead { text-align:center; border:3px double #e3e3e3; padding:0 0 0.25em; margin:0 0 0.5em; background:#f5f5f5; border-radius:10px; }
body.home #lead strong { display:block; }
body.home #featured-wrapper { display:table; width:100%; }
body.home #featured { display:table-row; }
body.home #featured > div { display:table-cell; width:30%; }
body.home #featured dl { margin:0 0.5em 0.25em 0; border:1px solid #ddd; background:#fff url(/css/2/i/grey-fade.png) repeat-x 0 0; background:-webkit-linear-gradient(#eee, #fff 95%); background:-moz-linear-gradient(#eee, #fff 95%); background:-ms-linear-gradient(#eee, #fff 95%); background:-o-linear-gradient(#eee, #fff 95%); background:linear-gradient(#eee, #fff 95%); border-radius:10px; box-shadow:0 20px 10px -19px #ccc; }
body.home #featured div.last dl { margin-right:0; }
body.home #featured dt { text-align:center; font-weight:normal; border-bottom:1px solid #ddd; background:#eaeaea; }
body.home #featured dt { border-top-left-radius:8px; border-top-right-radius:8px; text-shadow: 0 1px #fff; }
body.home #featured dd { margin:0; }
body.home #featured dd ul, body.home #featured dd ol { margin-bottom:0.5em; padding-top:0.25em; line-height:1.7em; }
body.home #featured dd ol { padding-left:0.25em; }
body.home #featured div ul li { list-style:none; background:transparent url(/css/9/i/icons-sprite.png) 0 -7847px no-repeat; padding-left:20px; margin-left:0; }
body.home #featured div ul li:hover { background-position:0 -8011px; }

body.home .quote { text-align:center; border:3px double #ddd; background:#f8f8f8; margin:0; padding:0.25em; border-radius:10px; }
body.home #latest-updates h2.latest-updates { border:3px double #ccc; border-left:none; border-right:none; padding:0.25em 0; text-transform:capitalize; text-align:center; margin-top:0.5em; }
body.home #latest-updates h2.page-intro-title { margin-top:0; padding-top:0.5em; line-height:1.6; }
body.home .group { margin-left:0; }

body.home #latest-updates .more, body.issue #content .more { margin-bottom:2.6em; }

body.home .details { margin:1em 0; }
body.home .details-more { margin:1em 0 0.5em; background:#f8f8f8; border:1px solid #ddd; padding:0.5em; text-align:right; border-radius:5px; }

body.home #latest-news-headlines { margin:1em 0.25em 0 0.5em; float:right; width:49%; font-size:0.9em;}
body.home #latest-news-headlines h2, body.home #latest-news-headlines > div { border:1px solid #ddd; }
body.home #latest-news-headlines > div { border-top:none; }
body.home #latest-news-headlines h2 { margin:0; font-size:1.1em; color:inherit; text-align:center; background:#eee; font-weight:normal; padding:2%; text-shadow: 0 1px #fff; border-top-right-radius:10px; border-top-left-radius:10px; text-transform:none;}
body.home #latest-news-headlines div { padding:3%; border-radius:0; }
body.home #latest-news-headlines ol { padding:0; }
body.home #latest-news-headlines div.ui-tabs-custom { background:transparent url(/css/2/i/grey-fade.png) repeat-x scroll 0 -90px; background:-webkit-linear-gradient(#f5f5f5, #fff 20%); background:-moz-linear-gradient(#f5f5f5, #fff 20%); background:-ms-linear-gradient(#f5f5f5, #fff 20%); background:-o-linear-gradient(#f5f5f5, #fff 20%); background:linear-gradient(#f5f5f5, #fff 20%); }
body.home #latest-news-headlines div.powered-by { background:transparent url(/css/2/i/grey-fade.png) repeat-x scroll 0 -90px; margin-bottom:0.5em; background:-webkit-linear-gradient(#f5f5f5, #fff 60%); background:-moz-linear-gradient(#f5f5f5, #fff 60%); background:-ms-linear-gradient(#f5f5f5, #fff 60%); background:-o-linear-gradient(#f5f5f5, #fff 60%); background:linear-gradient(#f5f5f5, #fff 60%); }
body.home #latest-news-headlines div.powered-by { border-bottom-right-radius:10px; border-bottom-left-radius:10px; }
body.home #latest-news-headlines div p { margin:1em 0; text-align:center; }
body.home #latest-news-headlines div.powered-by p { margin:0; text-align:right; font-style:italic; }
body.home #latest-news-headlines div.powered-by p img { vertical-align:middle; }
body.home #latest-news-headlines div.powered-by p.topics { margin:0; text-align:center; font-style:italic; margin-bottom:1em; }
body.home #latest-news-headlines ol { margin:0; }
body.home #latest-news-headlines ol li { margin-bottom:0.5em; margin-left:1.75em; }
body.home #latest-news-headlines ol li span.datetime { font-size:0.9em; color:#777; font-style:italic; }
body.home #latest-news-headlines p.more { margin:0 0 1.68em!important; text-align:left; }
body.home #latest-news-headlines li.more { margin:-0.5em 0 0!important; text-align:right; font-style:italic; color:#777; list-style:none; }
body.home.dynamic.win #latest-news-headlines div.ui-tabs-custom > ul li a { padding:4px 10px; }
body.home #latest-news-headlines div.ui-tabs-custom > ul { display:none; }
body.home.dynamic #latest-news-headlines div.ui-tabs-custom > ul { display:block; }
body.home.dynamic.ff2 #latest-news-headlines { width:48%; }

#ads { border-bottom:3px double #ccc; margin-bottom:0.5em; }
body.home #ads { margin:0 0 5px; padding:0 0 0.5em; }

body.general #nav #general-nav ul li a { display:inline; }

body.article-list #content-container, body.issues-list #content-container { margin:1%!important; width:98%; float:none; border:none; }

body.article-list #article-list { float:left; width:60%; }
body.article-list #issues-list { float:left; width:40%; }
body.article-list #article-list ol, body.article-list #issues-list ol { margin:1% 2%; }
body.article-list #article-list > h2, body.article-list #issues-list > h2 { margin-top:0; }

body.issue #nav #other-issues ul li a { display:inline; }
body.issues-list table.issues td a { /* display:block; */ border:none; text-decoration:underline; }
body.issues-list table.issues td a:hover, body.issues-list table.issues td a:focus { text-decoration:underline; }

body.whatsnew .section h2 a { text-decoration:none; }
body.whatsnew #nav #site-related-nav ul li { padding-left:0; }
body.whatsnew #nav #site-related-nav ul li a { display:inline; }

body.subscribe #content-wrapper { padding:0 0.5em; display:block; }
body.subscribe #msg-frm { margin:1.5em 0; }
body.subscribe #msg-frm .item div { float:none; width:auto; margin:0 0 1em; }
body.subscribe #msg-frm label { display:block; font-size:1.3em; }
body.subscribe #msg-frm input { font-size:1.3em; }
body.subscribe #msg-frm input[type=text] { width:98%; }
body.subscribe #nav { padding:0.5em; }
body.subscribe #nav .additional-info h2 { margin-left:0; }
body.subscribe .additional-info a { text-decoration:underline; }

body.video.print .top { display:none; }

body.about #about-copy p { margin:0; padding:0; }
body.about #about-copy .r { font-style:italic; color:#999; }
body.about.who #self { padding:0.5em 0.4em 0 0; }

body.about #awards { background:#eee; list-style:none; padding:0.1em; margin:1em 0.5em 1em 0; text-align:center; }
body.about #awards li { margin:0 auto; padding:1em 0; list-style:none; }
body.about #awards li.e { background:#f8f8f8; }
body.about #awards li.float-clear { display:inline; clear:both;}
body.about #awards li.float { display:inline; }
body.about #awards li a { border-style:none; vertical-align:middle; }

body.about #creative-commons { text-align:center; margin:0 auto; }
body.about #creative-commons a { text-align:center; }
body.about #creative-commons strong { display:block; }
body.about #creative-commons a#cc-img { display:block; border:none; padding:1em 0; margin:0; }

body.about.copyright h2 { counter-reset:faq; }
body.about.copyright h3:before { content:counter(faq) ". "; counter-increment:faq; }

body.about .logos li { margin:0 0 2em 0; }
body.about .logos dl { margin:0; padding:0; display:inline; }
body.about .logos dl dt, .logos dl dd { margin:0; }
body.about .logos dl dd pre { margin:0; padding:0.25em; font-size:1em; border:1px solid #ddd; background:#eee; overflow:scroll; width:525px; }

body.feed #content ul.rss { margin-top:-1em; }
body.feed #content ul.rss li { list-style:none; background: url(/i/feed.png) 0 0.35em no-repeat; padding:0 0 0 20px; margin-left:0.5em; margin-bottom:1.5em; }
body.feed #content ul.rss li span { display:block; font-weight:bold; }

body.reading-list #reading-lists ol li { margin:0 0 1em 0.5em; padding:1em 0; border-top:1px dotted gray; }
body.reading-list #reading-lists ol li.l { border-top-style:none; }
body.reading-list #reading-lists ol li h3 { border:none; color:#000!important; margin:0; border:none; font-size:1em; }
body.reading-list #reading-lists ol li cite { font-weight:bold; font-style:normal; }
body.reading-list #reading-lists ol li span { font-style:italic; }
body.reading-list #reading-lists ol li p { margin:0; padding:0; }
body.reading-list #reading-lists ol li ul { display:inline; list-style:none; margin:0; padding:0 0 0 2em; }
body.reading-list #reading-lists ol li ul li { display:inline; padding:0 0.5em; border-top-style:none; border-right:1px solid #bbb; }
body.reading-list #reading-lists ol li ul li.l { border-right-style:none; }
body.reading-list #reading-lists .alt { margin:1em 0 0 2em; padding:0 1em 1em; background:#f3f3f3; border:1px solid #ddd; }
body.reading-list #reading-lists .about { background:url(/css/9/i/icons-sprite.png) no-repeat 0 -3866px; padding-left:20px; border-bottom:none; text-decoration:underline; }
body.reading-list #reading-lists .about:hover, #reading-lists .about:focus { background-position:0 -3702px; }
body.reading-list #reading-lists li h4 { margin-bottom:0; font-weight:normal; border:none; font-size:1em; color:#000!important; }
body.reading-list #reading-lists li p.contribution, #reading-lists li p.url { margin-left:2em; padding-left:0.5em; }
body.reading-list #reading-lists li .cover { float:right; }

body.usaid #oda-data { border:1px solid #ddd; }
body.usaid #oda-data caption { font-weight:bold; text-align:center; margin:1em; caption-side:top; }
body.usaid #oda-data .oda-data-row, #oda-data .data-row-on, #oda-data .data-row-off { text-align:right; font-weight:normal; }
body.usaid #oda-data .data-sources { border-top:1px solid #ddd; font-style:italic; }
body.usaid #oda-data .first-oda-data-type { border-left:1px dotted #ccc; }
body.usaid #oda-data th.country-name, #oda-data td.country-name { text-align:left; white-space:nowrap; }
body.usaid #oda-data .pve { color:green; }
body.usaid #oda-data .nve { color:red; }
body.usaid .img-aid img { border:1px solid #ddd;}
body.usaid table.phantom-aid thead th { width:24%; }
body.usaid table.phantom-aid ul { margin:0; padding:0; list-style:none; }
body.usaid table.phantom-aid tbody td { border-left:1px solid #ccc; }
body.usaid table.phantom-aid tbody td.last { border-right:none; }
body.usaid.dynamic #aid-by-income-over-time.slideshow { text-align:center; }
body.usaid.dynamic #aid-by-income-over-time.slideshow .images { width:540px; height:423px; margin:auto; }
body.usaid.dynamic #aid-by-income-over-time.slideshow .images img { padding-top:10px; }

body.brain-drain #brain-drain-drs-nurses-in-oecd colgroup col#doctors, body.brain-drain #brain-drain-drs-nurses-in-oecd colgroup col#nurses { text-align:right!important; border-left:1px solid #ccc; }
body.brain-drain #brain-drain-drs-nurses-in-oecd th, body.brain-drain #brain-drain-drs-nurses-in-oecd td { text-align:right; }

body.arms-trade .pie { margin:auto; text-align:center; }
body.arms-trade .chart { padding-top:0.5em; }

body.war-on-terror-full-list table.gen-article-list { font-size:0.9em; }
body.war-on-terror-full-list table.gen-article-list tbody tr td a { display:block; border:none; }
body.war-on-terror-full-list table.gen-article-list tbody tr td a span { border-bottom:1px solid; }

body.news #general-nav { margin-top:1.5em; }
body.news table.gen-article-list { margin:1em 0; }
body.news table.gen-article-list:last-child { margin-bottom:0; }
body.news table.news-item tr td { vertical-align:top; font-size:0.9em; }
body.news table.news-item .date { text-align:right; white-space: nowrap; }

body.news #content #author-page-update li.news-source { display:block; padding-left:0; }
body.news #content #author-page-update li .city { text-transform:capitalize; }
body.news .by-line { font-weight:bold; }
body.news #nav .news-nav { padding:2% }
body.news #nav .hedline-main { text-transform:capitalize; }
body.news #nav #other-issues ul li a { display:inline; }
body.news .powered-by { text-align:right; }
body.news .powered-by a { border:none; }
body.news .powered-by a img { vertical-align:middle; }
body.news .navigation-controls { border:1px solid #ddd; border-radius:5px; background:#f8f8f8; width:98%; margin-right:1em; }
body.news .navigation-controls li { float:left; width:49%; margin:0; }
body.news .navigation-controls li.next { float:right; text-align:right; }
body.news .navigation-controls:after { clear:both; display:block; height:0; line-height:0; visibility:hidden; content:"."; }
body.news #content h2 { margin-left:0; }
body.news #content .headlines.second-tier .headline h2 { line-height:1.7; }
body.news.top-stories #content .headlines.first .headline { margin-bottom:1em; }
body.news.top-stories #content .headlines.first, body.news.top-stories #content .headlines.first .headline h2 { font-size:1.1em; }
body.news.top-stories .headlines.second-tier { display:table; margin:0 0 1em; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
body.news.top-stories .headlines.second-tier > div { display:table-row; }
body.news.top-stories .headlines.second-tier > div > div { display:table-cell; width:45.99%; padding:0 2% 2%; }
body.news.top-stories .headlines.second-tier > div > div:first-child { padding-left:0; border-right:1px dotted #ccc; }
body.news #content .group .ui-tabs-custom li .datetime { font-size:0.9em; color:#777; font-style:italic; }
body.news #content .group .ui-tabs-custom p { margin-top:0.5em; margin-left:0.5em; }
body.news .webfeed-for-topic a { background:url(/i/feed.png) no-repeat 0 0; border:none; text-decoration:underline; padding-left:20px; }
body.news.all-topics #content ul.topic-list { margin-top:-1em; }
body.news.all-topics #content ul.topic-list li { list-style:none; margin-left:1em; line-height:2; }
body.news.all-topics #content ul.topic-list li a.feed { border:none; text-decoration:none;}
body.news.all-topics #content .feed img { vertical-align:text-bottom; }
body.news .original { display:block; }
body.news .size-full { max-width:100%; height:auto; }
body.news a[rel~=attachment] { border:none; display:block; }
body.news .img-with-caption.no-link > img { margin:auto; display:block; }
body.news .ips-feature-image { text-align:center; }
body.news .ips-feature-image img { max-width:540px; }
body.news .ips-feature-image p { font-size:0.9em; margin-top:0; }
body.news img.size-medium { float:left; margin-right: 0.5em; }

#content .headline { clear:left; overflow:auto; margin-bottom:1em; line-height:1.68em; }
#content .headline h2, #content .headline h3 { font-size:1em; text-transform:none; }
#content .headline p { margin:0.5em 0 0; }
#content .headline .summary-with-storyimage { text-align:left; }
#content .headline .summary-with-thumbnail img { float:left; margin: 0.5em 0.5em 0.5em 0; }

body.links #resources a img { float:right; }
body.quotes #fav-quotes li { margin-top:1.5em; }
body.quotes #fav-quotes { margin-left:0; }
body.quotes #fav-quotes li { list-style:none; margin-left:0; margin-right:0.5em; padding:0; }
body.quotes #fav-quotes li .blockquote-with-source { margin-left:0; margin-right:0; }

body.not-found #content label { border-bottom:1px solid; }

/* --------------- */
/* form data stuff */
#msg-frm fieldset { float:none; margin:0; background:#fcfcfc; }
#msg-frm>fieldset { border:1px inset #999; }
#msg-frm fieldset legend { color:#666; padding:0 0.2em; }
input, textarea { padding:0.2em; }
form .item { clear:both; border-bottom: 1px solid #ddd; }
form .item.last { border:none; border-top:1px solid #ddd; padding-top:0.5em; }
form .item input[type=text], .item textarea { width:25em; }
.ff2 form .item input[type=text], .item textarea { width:21em; }
form .item select#s { width:21em; }
form .item div { float:left; width:43%; margin:1em 0; }
form .item .tip { float:right; width:43%; color:#555; margin:1em 0; }
form #msg-submit { margin:0.5em 0; padding:0.5em 0; clear:both; border-top:1px solid #ddd; }
form p.err, .err label { color:red; }
form p.err strong { font-weight:normal; }
form .err #ea, .err #rea, .err #s, .err #m { /*	border:1px solid red; */ }
form .err .tip { color:#000; }
form .item div.err-msgs { float:none; width:100%; margin:0; padding:0; }
form .item div.err-msgs p { margin:0; padding:0; color:red; font-weight:bold; }
.emailthis form .item .link { float:left; }
.emailthis form .item .link a { display:block; text-decoration:underline; border:none; }

/* --------------------------------- */
/* CSS when JS enabled (i.e dynamic) */

.loading { background:transparent url(/css/i/loading.gif) no-repeat left center; }
.dynamic #nav .loading a { padding-left:18px; }
.dynamic #nav .loading a:hover, #nav .loading a:focus, #nav .loading a:active { background:transparent!important; }

.dynamic ins { text-decoration:none; }

.dynamic #nav .toggle-container { margin:0; border-top:1px solid #ddd; }
.dynamic #nav ul li .toggle-container { margin-left:-0.75em; }
.dynamic #nav .toggle-container a { cursor:pointer; background:#fcfcfc url(/css/i/bullet-down.png) no-repeat right center; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:1px solid #ddd; border-top-color:#fcfcfc; cursor:pointer; display:inline-block !important; outline:none; padding:0 20px 0 4px; position:relative; top:-1px; }
.dynamic #nav .toggle-container a.opened { background-image:url(/css/i/bullet-up.png); }
.dynamic #nav .toggle-container a:hover { border-top-color:#ddd; }
.dynamic #nav a.toggle:active { outline:1px dotted; }

.dynamic #content a.last-updated { padding-right:18px; background:url(/css/9/i/icons-sprite.png) no-repeat 100% -2969px; text-decoration:none; border:none; }
.dynamic #content a.last-updated:hover, .dynamic #content a.last-updated:focus { background-position:100% -3133px!important; }
.dynamic #content a.last-updated span { border-bottom:1px dotted; }

/*
.dynamic .ui-dialog-content { overflow:auto; }
*/

.dynamic #revision-history-content { padding:0.5em; }
.dynamic #revision-history .instruction span.ins-on { padding:0.2em; border:1px solid #eee; }
.dynamic #revision-history th#dt { width:20%; }
.dynamic #revision-history tr.rev-odd { background:#f5f5f5; }
.dynamic #revision-history tbody tr:hover { background:#fff; }
.dynamic #revision-history tbody td a.highlight { display:block; padding:0 0 1em 0; border:none; text-decoration:underline; }

.dynamic #revision-history-extracts .container .instruction, .dynamic #revision-history-extracts .container ol { padding:5px; }
.dynamic #revision-history-extracts .container .instruction { padding-bottom:0.25em; margin-bottom:0; border-bottom:1px solid; }

.dynamic #list-of-update-extracts { text-align:left; font-size:0.96em; line-height:1.6; /* height:82.5%; overflow:auto; */ background:#f8f8f8; }
.dynamic #list-of-update-extracts li { margin-left:1.6em; }

.dynamic .ui-dialog-content.link-alts .container { text-align:left; padding:0.5em; }
.dynamic .ui-dialog-content.link-alts .container ul { list-style:none; }
.dynamic .ui-dialog-content.link-alts .container p.actual { margin:0; }
.dynamic .ui-dialog-content.link-alts .container p.alt, .dynamic .ui-dialog-content.link-alts .container p.alts { margin-bottom:0; }
.dynamic .ui-dialog-content.link-alts li a { display:block; border:none; text-decoration:underline; }
.dynamic .ui-dialog .instruction { text-align:left; margin:0.5em 0; }

.dynamic .ui-tabs-panel > table { margin:0.5em auto; }
.dynamic .section > .ui-tabs-custom { margin-top:1em; }

/*
 * jQuery UI CSS Framework 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
.ui-widget { /* font-family: Verdana,Arial,sans-serif;*/ font-size: 1.36em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; /* font-size: 1em; */ }
.ui-widget-content { border: 1px solid #ccc; background: #fff url(i/jquery-ui-custom/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #222; }
/* .ui-widget-content a { color: #222; } */
.ui-widget-header { border: 1px solid #ccc; background: #cccccc url(i/jquery-ui-custom/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222; font-weight: bold; }
.ui-widget-header a { color: #222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default  { border: 1px solid #d3d3d3; background: #e6e6e6 url(i/jquery-ui-custom/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(i/jquery-ui-custom/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ccc; background: #fff url(i/jquery-ui-custom/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }


/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(i/jquery-ui-custom/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a{ color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(i/jquery-ui-custom/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(i/jquery-ui-custom/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(i/jquery-ui-custom/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(i/jquery-ui-custom/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(i/jquery-ui-custom/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(i/jquery-ui-custom/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(i/jquery-ui-custom/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(i/jquery-ui-custom/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(i/jquery-ui-custom/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaa url(i/jquery-ui-custom/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #ccc url(i/jquery-ui-custom/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; /* padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; */ }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* customized dialog */
.ui-dialog { box-shadow:0 0 20px #333; -moz-box-shadow:0 0 20px #333; -webkit-box-shadow:0 0 20px #333; }
.ui-dialog .ui-dialog-buttonpane { padding:0; text-align:right; }
.ui-dialog .ui-dialog-buttonpane button { margin-left:0.2em; }
.ui-dialog .ui-dialog-content { padding:0; }
.ui-dialog .ui-dialog-title { float:none; }
.ui-dialog .ui-dialog-titlebar { margin-top:0; -moz-border-radius: 2px; border-radius: 2px; }
.ui-dialog .ui-dialog-titlebar-close { border:none; }
* html .ui-dialog .ui-dialog-titlebar-close { top:1em; }

/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* customized tabs (e.g. <div class="ui-tabs-custom .ui-tabs-custom-tighter-padding">) */
.ui-tabs-custom { padding:0; border:none; background:none; }
.ui-tabs-custom .ui-tabs-nav { background:none; border:none; border-bottom:1px solid #ccc; z-index:1; padding-left:0; padding-top:0; }
.ui-tabs-custom .ui-tabs-nav li { margin-right:2px; list-style:none!important; }
.ui-tabs-custom .ui-tabs-nav li.ui-state-active { border-bottom-color:#fff; z-index:2; }
.ui-tabs-custom .ui-tabs-nav li a { outline:none; border-bottom:none; }
.ui-tabs-custom .ui-tabs-nav li a:focus, .ui-tabs-custom .ui-tabs-nav li a:hover { border-bottom:none; }
.ui-tabs-custom .ui-tabs-panel { border:1px solid #ccc; position:relative; top:-1px; z-index:0; background:#fff; }

.ui-tabs-custom-tighter-padding { padding:0; }
.ui-tabs-custom-tighter-padding .ui-tabs-panel { padding:0 0.5em; }

.ui-tabs-custom-nav { font-size:1em; }
.ui-tabs-custom-nav .ui-tabs-nav li a { display:inline; }
.ui-tabs-custom-nav .ui-tabs-panel { padding:3px 6px; }
#nav .ui-tabs-custom-nav .ui-tabs-nav li a:hover, #nav .ui-tabs-custom-nav .ui-tabs-nav li a:focus { background:inherit!important; text-decoration:none!important; color:#382513; }
.ui-tabs-custom-nav .ui-state-hover, .ui-tabs-custom-nav .ui-state-focus { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
/* end customized tabs */

/* jquery ui customizations for this site */
.ui-widget-overlay { background-color:#aaa; opacity: .60;filter:Alpha(Opacity=60); }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size:0.8em; }
#content .ui-widget { font-family:inherit; font-size:inherit; }
#content .ui-widget .ui-tabs-nav { margin:0; }
#content .ui-widget .ui-tabs-nav li { list-style:none; }
.ui-tabs .ui-tabs-nav li a { padding:0.2em 1em; text-shadow: 0 1px #fff; }

#content .ui-tabs-custom > .ui-tabs-panel > .tab-heading + p { margin-top:1.68em; }
}

@media print {
	html, body { background:none!important; font:10.5pt/1.6 Georgia,"Times New Roman",Times,serif; }
	h1, h2, h3, h4, h5, h6 { border-bottom:2px solid #000; }
	h3#notes-and-src { margin:1em 0; border:none; border-top:1px solid #999; width:30%; font-style: italic; }
	abbr { border:none; }
	ins { text-decoration:none; }
	
	blockquote { border-left:1px solid #bbb; padding:0 0.5em; }
	p.source { text-align:right; }

	.css-label, #search-and-updates, #main-nav, #you-are-here, #nav, #content .social-bookmarks, #author-page-update h2, #page-info-bottom h2,
	.top, #page-options-content, #link-to-here, #options-heading, #where-next-group, #where-next-group-header { display:none; }
	
	ul.page-url { list-style:none; border:1px solid #ccc; background-color:#f8f8f8; font-weight:bold; }
	ul.page-url li { margin:0; padding:0; }
	ul.page-url li+li { margin-top:1em; }
	
	#header .site-name { font-size:12pt; padding-top:5pt; margin-bottom:0; font-weight:bold; }
	#header .site-name a { text-decoration:none; border:none; }
	#header .site-name a:after { clear:both; content: "http://www.globalissues.org"; text-decoration:underline; padding-left:5px; }
	#header .site-name img.logo { border:none; position:absolute; top:0; left:0; width:84px; margin-right:2px; }
	#header .site-name, #header .site-sub-head { border:none; text-align:center; }
	#header .site-sub-head { font-size:11pt; font-weight:normal; margin-top:0; }
	#header { border-bottom:3px double #444; margin-bottom:10pt; }

	#content #author-page-update { font-style:italic; margin:0; padding:0; color:#555; }
	#content #author-page-update li { list-style:none; display:inline; font-size:0.95em; padding-left:0.5em; margin:0; }
	#content #author-page-update li.author { padding:0 0.5em 0 0; border-right:1px solid; }
	#page-info-bottom { font-size:0.95em; color:#555; }
	#page-info-bottom ul { border-top:1px solid #ccc; width: 60%; float:right; }
	#page-info-bottom ul li { list-style:none; text-align:right; }
	#page-info-bottom:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }

	.side-note .h a { color:#000; border: 1px solid #ccc; padding:0.1em; margin:0.1em; background-color:#ddd; display:inline; }	
	.side-note div, .side-note span { color:gray; }
	.side-note { margin-right:1em; border:1px solid #666; padding:0 1em; }
	span.side-note { border:none; font-style:italic; }
	span.side-note em, span.side-note cite { font-style:normal; }

	.img-with-caption, img { page-break-inside:avoid!important; }
	.img-with-caption.middle { margin:auto auto 5px; }
	img.figure { display:block; margin:auto; }
	.img-with-caption, .img-with-info { text-align:center; }
	.img-with-caption span.caption { display:block; }
	.img-with-caption .caption { font-size:0.95em; margin-top:0; }
	h2 + .img-with-caption { margin-top:1em; }
	img.img-left { float:left; padding-right:0.75em; border:none; }
	.pull-out { float:right; }
	img.pull-out { padding-left:0.75em; }
	
	#toc { padding:0.5em; border:1px solid #ccc; margin-bottom:0.5em; }
	#toc li a { border:none; color:#000; }
	
	table { border-collapse:collapse; }
	table, td, th { border:1px dotted #ccc; }
	td { padding:0.2em; }

	sup { position:relative; top:-0.2em; font-size:0.7em; }

	.auto-generated-from { border:1px solid #ccc; background:#f5f5f5; padding:0.5em; }
	.auto-generated-from a { display:block; margin-left:1em; }
	
	#toc, #where-next, .group, .auto-generated-from, .embed .caption { border-radius:5px; }
	
	.embed { margin:auto; }
	.embed .caption { text-align:center; margin:auto auto 15px; border:1px solid #ccc; }
	.embed .caption:before { content:"Video: "; }
	.embed.pull-aside { float:right; margin:0 5px auto 0.25em; }

	#cp, #quote { text-align:center; }
	
	.clip { height:0.1em; }
	
	body.print #srcs li a { display:block; border:none; text-decoration:underline; }
	body.print #srcs .note-link-alts { margin:1em 0 0 1em; }
	body.print #srcs .note-link-alts p { margin:0 0 1em 0; }
	body.print #srcs .note-link-alts dfn { cursor:help; border-bottom:1px dotted; }
	body.print #srcs p + ul, body.print #srcs p + ol { margin-top:-1em; }

	.page-intro-title { line-height:1.2; }
	.page-intro-title a { text-decoration:none; font-size:95%; white-space:pre-wrap; }
	.page-intro-title a:after { font-size:10pt; content: "\Ahttp://www.globalissues.org" attr(href); } /* \A = new line; needs whitespace to be set appropriately though */
}

@media screen and (max-width: 800px) {
	img, object, video, embed { max-width:100%; }
	#page { max-width:100%!important; min-width:100%!important; width:auto!important; }

	#search-and-updates { right:0; width: 400px; }
	#search #find-text { width:75%; min-height:22px; margin-right:-28px; padding-right:30px; }

	#you-are-here ol { margin-left:0.5em; }

	#content-container { width:inherit!important; }
	#content-wrapper-parent, #content-wrapper { display:block!important; }
	#content-wrapper #content-container, #content-wrapper #nav { display:block!important; }

	#nav, body.two-column.narrow #content-container, body.two-column.narrow #nav, body.home.two-column.narrow #nav, body.news.two-column.narrow #nav { width:100%; border-top:3px double #ddd; }
	body.two-column #nav #site-related-nav { width:auto; }
	body.two-column #general-nav > ul { -moz-column-count:2; -moz-column-gap:20px; -webkit-column-count:2; -webkit-column-gap:20px; column-count:2; column-gap:20px;}
	body:not(.home) #you-are-here p { display:none; }
	#nav #site-related-nav { border-radius:0; border:none; }
	#nav .page-specific-nav, #nav #site-related-nav { float:none; width:auto; clear:both; }
	#site-related-nav-block > .nav-section > ol { -moz-column-count:2; -moz-column-gap:20px; -webkit-column-count:2; -webkit-column-gap:20px; column-count:2; column-gap:20px; }

	#above-nav { border-left:none; left:0; }
	#bookmark { float:none; }
	#nav #bookmark h4 { border-bottom:1px solid #ccc!important; }
	
	.figure { height:auto!important; }
	body.news .ips-feature-image img { max-width:600px; }
}

/*
@media screen and (min-width: 800px) and (-webkit-min-device-pixel-ratio: 1.5) {
	#content { font-size:1.2em; }
}
*/

/* higher end tablets in landscape, I think. bit flakey. thanks to http://nmsdvid.com/snippets/ */
@media (min-device-width: 1280px) and (max-device-width: 1280px) and (orientation: landscape) {
	#content { font-size:1.2em; }
	#page { max-width:1160px;!important; width:auto!important; }
	body.news .ips-feature-image img { max-width:600px; }
}

/* tablet in portrait */
@media (min-device-width: 768px) and (max-device-width: 800px) and (orientation: portrait) {
	#content { font-size:1.2em; }
	body.news .ips-feature-image img { max-width:600px; }
} 

@media screen and (max-width: 700px) {
	#search-and-updates { position:static; width:99%; }
	
	.embed, embed object { width:auto!important; height:auto!important; max-width:690px; }
	.embed .clip { padding:1px!important; }
	body.news .ips-feature-image img { max-width:600px; }
}

@media screen and (max-width: 650px) {
	body { padding:1px; }
	#page, #header #header-name-and-search { border-radius:0; }
	#main-nav li.contact, #main-nav li.support { float:left; position:static; left:0; border-left:0; border-right:1px solid #aaa; }
	#content .social-bookmarks ul li { display:inline-block!important; margin-top:3px; }
	body.news .ips-feature-image img { max-width:600px; }
}

@media screen and (max-width: 480px) {
/*
 This is cleaner but doesn't render well in android 2.3.3 which is older webkit
	#main-nav ul { -moz-column-count:2; -moz-column-gap:0; -webkit-column-count:2; -webkit-column-gap:0; column-count:2; column-gap:0; border-right:1px solid #aaa; float:none; position:static; }
	#main-nav ul::after { clear:none; }
	#main-nav li { width:100%; border:none!important; }
	#main-nav li { border-left:1px solid #aaa!important; border-top:1px solid #777!important;}
*/

	#main-nav ul { display:box; box-align: stretch; box-orient: vertical; border-left:1px solid #aaa; border-right:1px solid #aaa; }
	#main-nav ul li { -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; width:49.5%; border-right:none!important; border-bottom:1px solid #aaa; }
	#main-nav ul li:nth-child(even) { border-left:1px solid #aaa; }
	#main-nav ul li:nth-last-child(-n+2) { border-bottom:none; }

	body.two-column #general-nav > ul, #site-related-nav-block > .nav-section > ol { -moz-column-count:1; -moz-column-gap:0; -webkit-column-count:1; -webkit-column-gap:0; column-count:1; column-gap:0; }
	
	#page-options-content > div > div { display:block!important; width:auto!important; padding:inherit!important; }
	
	body.home #featured-wrapper, body.home #featured, body.home #featured > div { display:block; width:auto; margin:1em 0 0!important;}
	body.home #featured dl { margin: 0.25em!important; }
	body.home #featured div.last { margin-bottom:1em!important; }
	
	body.home #latest-news-headlines { float:none; width:auto; }
	#page-info-bottom ul { width:85%; }

	.img-with-caption, .embed { max-width:460px!important; width:auto!important; float:none; padding-left:0!important; padding-right:0!important; margin-left:0!important; margin-right:0!important; box-shadow:none!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important; border-radius:0!important; line-height:0.8; }
	span.caption { line-height:1.6; }
	.img-with-caption img { height:auto!important; width:auto!important; }
	.img-with-caption.visual-box img, .img-with-caption.visual-box object[type="image/svg+xml"] { margin:0!important; padding:1px 1px 0!important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

	.embed object { width:auto!important; height:auto!important; min-height:345px!important; }
	
	.blockquote-with-source, #content .side-note div .blockquote-with-source { margin:-0.8em 1em 2em 0.5em; }
	.blockquote-with-source blockquote { margin:15px 2px 10px 10px; padding:0 5px 10px 0; }
	body.news .ips-feature-image img { max-width:400px; }
	body.news img.size-medium { float: none; margin-right: 0; }
}