@import "../../scripts/usa.css";
body {
	background-color: #fff;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	background: #fff;
	color: #000;
	overflow-x: hidden;
}

#summary {
    font-size: 11pt;
}



h1 {margin: 0; padding: 0;}
h2 {margin:none; padding: none }
h3 {color: #000;margin:none;padding-left:10px;font-size: 1.1em;}
h4 {color:#A30B35;margin:1em 0 .15em 0;padding-left: .5em;font-size: 1em;}
p {padding-left: 10px;padding-right: 10px;}

a, a:link{color: #0154a0;text-decoration:none;}
a:hover {color:#0154a0;text-decoration:underline;}
a:active {color:#0058a9;text-decoration:underline;}

hr {margin: 0;}

/**********class******************/
a.homeMenu img {border-style: none;}
a.homeMenu{
	font-weight: bold;
	color: #333333;
	background:url(/images/menuGrad.png) repeat-x scroll 0 0 #CfCECE;
	padding:5px 0 5px 5px;
	display: block;
	font-size: small;
	letter-spacing:0.1em;
	left: auto;
	line-height: 2em;
	border-top:1px solid #fff;
	border-bottom:1px solid #4d4d4d;
}
a.thirdLevel{
	font-weight: normal;
	color: #0154a0;
	background:url(images/menuGrad.png) repeat-x scroll 0 0 #f2f2f2;
	padding:5px 0 5px 5px;
	display: block;
	font-size: small;
	letter-spacing:0.1em;
	left: auto;
	line-height: 2em;
	border-top:1px solid #fff;
	border-bottom:1px solid #4d4d4d;
}
a:hover.homeMenu, a:active.homeMenu {background-image:none;background-color:#ccc;text-decoration:none;}


.resultTitle {
	padding:.8em .5em 0 .5em;
	margin-bottom:.6em;
	background:url(/images/grad.png) repeat-x scroll 0 0 #fff;
	color:#333;
	font-weight: normal;
	display:block;
	background-position: top;
}
.resultDate{color:#666666;font-size:.90em;line-height:1.8em;}
a.resultTitle {color: #0154A0;text-decoration:none;}
a:hover.resultTitle, a:active.resultTitle {color: #0154A0;text-decoration:underline;}

a.jump {height: 1em;font-weight:bold;margin:0 .5em;text-decoration:none;}
a:hover.jump, a:active.jump {text-decoration:underline;}

#footer {
	color:#FFF;
	background-color: #0058a9;
	background:url(/images/footerGrad.png) repeat-x scroll 0 0 #4bbbeb;
	line-height: 2.5em;
	font-size:small;
}
#footer a.jump{
	color:#fff;
	font-size:.8em;
	height: .8em;
	font-weight:bold;
	margin:0 .5em;
    text-decoration:none;
}
#footer a:hover.jump, #footer a:active.jump {text-decoration:underline;}

.pageNav {text-align:center;font-size: .85em;margin-left: auto;padding-bottom: .7em;}
.pageNav a.jump, .pageNav span.jump {padding:0em 1.3em;}

#header {background-color: #0058a9;background:url(/images/headerGrad.png) repeat-x scroll 0 0 #0058a9;border-bottom:1px solid #0039a6;}
#header:hover {cursor:pointer;}

#headerBB {background-color: #0058a9;border-bottom:1px solid #0039a6;}
#headerBB:hover {cursor:pointer;}

.handcursor:hover { cursor:pointer; }

#crumbWrap {line-height: 1.5em;background-color:#ccc;padding:5px 0px 0px 5px;border-bottom:1px solid #666666;}

ul li.secondLevel{
	font-weight: bold;
	color:#333;
    background-color:#ccc;
    padding:7px 0 5px 7px;
	display: block;
	font-size: small;
	letter-spacing:0.1em;
	left: auto;
	line-height: 1.6em;
	border-top:1px solid #ccc;
	border-bottom:1px solid #666;
	text-decoration:none;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}
ul li a.thirdLevel{
	font-weight: normal;
	color:#0058a9;
	background-color:#fff;
    padding:10px 0 10px 5px;
	display: block;
	font-size: small;
	letter-spacing:0.1em;
	left: auto;
	line-height: 1em;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
}
ul {list-style-type:disc; margin:0; /*padding:10px 1px 0px 1px;*/}
/*ul li {display: block;}  commenting out when adding .list below to show bulleted content items*/
.subMenuWrap{background-color:#eee;}

ul.list {list-style-image: url('/inc/gr/bullet2006.gif'); margin:0;padding:0px 0px 2px 35px;}
ul  li.list {line-height:1.5em;}

img {max-width: 100%}

table{border-bottom:3px solid #000;border-collapse:collapse;border-spacing:0}
td{color:#333;line-height:1.4em;padding:5px;vertical-align:middle}
th{background-color:#b0dbf7;padding:10px 5px}
tr:nth-child(odd){background-color:#e9e9e9}
tr.odd{background-color:#e9e9e9}

#mobilerecommendations #container { padding-left:10px;}
#mobilerecommendations h1 {display:none;}
#mobilerecommendations h2 {padding-left:10px; font-size:1.2em; color:#254169; margin-top:.5em; margin-bottom:.1em;}
#mobilerecommendations hr {display:block; height:1px; border-color:#084a94; border-style:solid none none;border-width:1px 0 0;margin:1em 0;padding:0;}


#mobileShareContainer {
	background-color:#eee;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding-top:5px;
}
#mobileShareBlock {
	padding-left:5px; 
	background-color:#fff;
	border-top:1px solid #999;
}
#mobileShareTopBar{padding:5px 10px}

#parsedContent h1 {padding-left:10px; font-size:1.1em;}


.menuGrad2{
        padding: 5px;
        border-bottom:1px solid #4d4d4d;
	background:url(/images/menuGrad.png) repeat-x scroll 0 0 #f2f2f2;
}
.menuGrad2:hover{
        background-image:none;
        background-color:#ccc;
}
ul li.menuGrad2:first-child {
        border-top:1px solid #4d4d4d;
}
ul li.menuGrad2 {
        padding-top:10px;
}
.mainMenu2{
        font-weight: bold;
        color:#b4b4b4;
        font-size: small;
        letter-spacing:0.1em;
        text-decoration:none;
        padding:0px;
        text-indent:35px;
        display:inline-block;
        width:100%;
        height:22px;
        background:url(/images/arrow.png) no-repeat 99%;
}

.reportmenu a, .legalmenu a, .spotlightmenu a, .multimediamenu a { color:#333; padding-top:8px}
.reportmenu a:visited, .legalmenu a:visited, .spotlightmenu a:visited, .multimediamenu a:visited {color:#333}
.reportmenu a:hover, .legalmenu a:hover, .spotlightmenu a:hover, .multimediamenu a:hover {color:#333; text-decoration:none}


.reportmenu {background:url(/images/reportIcon.png) no-repeat 0 0;}
.legalmenu {background:url(/images/legalIcon.png) no-repeat 0 0;}
.spotlightmenu {background:url(/images/spotlightIcon.png) no-repeat 0 0;}
.multimediamenu {background:url(/images/multimedia.png) no-repeat 0 0;}


.warning {color:red;font-weight:bold;}

.share_email_col {}
.share_email_spam { clear:both; padding:5px 10px 5px 10px;}
.share_email_spam label {font-size:11px; }
.share_email_spam input { width:275px; background-color:#f5f5f5; border:1px solid #cccccc;}
.share_email_spam input:focus { border-color: #888888; }
.share_email_col div { width:275px;padding:5px 10px 5px 10px}
.share_email_col div:first-child { margin-right:40px; }
.share_email_col label { display:block; font-size: 11px;}
.share_email_col input { width:275px; background-color:#f5f5f5; border:1px solid #cccccc;}
.share_email_col input:focus { border-color: #888888; }

/* Make the images look the same in the Fast Facts section as in the Summary, eg
 * http://www.gao.gov/mobile/products/GAO-17-715
 * There are issues with tall images, eg
 * http://www.gao.gov/mobile/products/GAO-16-809
 * 
 */
div#fast_facts p.gAOFFGraphic img { max-width: 100%; } 
/* landscape, kinda */
@media all and (min-width: 600px) { 
    div#fast_facts p.gAOFFGraphic img { /*max-height: 450px;*/ } 
}

#underMain {
    text-align: center;
}

#underMain ul.buttonBar {
    list-style: none;
    margin: 0 0 0.5em;
    padding: 0;
    font-size: 1.2em;
}

#underMain ul.buttonBar li {
    display: inline-block;
    margin: 0 0.5ex;
}

#underMain p {
    text-align: center;
    margin: 0;
    padding: 0;
}

#underMain ul.buttonBar+p {
    margin-top: 1.6em;
}

#underMain .usa-button,
#underMain .usa-button:link,
#underMain .usa-button:visited,
#underMain .usa-button:hover,
#underMain .usa-button:active
{
    color: white;
    font-size: 1rem;
    padding: 1rem 2rem;
    margin: auto;
}

.left_col a[target="_blank"],
.right_col a[target="_blank"] {
    background-image:url(/img/new-window-blue-small.png);
    background-position:top right;
    background-repeat:no-repeat;
    padding-right: 20px;
    padding-top: 2px;
}

.left_col a.usa-button[target="_blank"],
.right_col a.usa-button[target="_blank"] {
    background-image: none;
    padding-right: 0px;
}

#underMain ul.buttonBar li:after {
    content:url(/img/new-window-blue.png);
    padding: 6px;
}

/* Fast Facts images should be left-justified */
#fast_facts p.gAOFFGraphic {
    margin: 0px auto;
    padding: 0px;
}

/* Summary images should look like fast-facts ones */
#summary p.h-Graphic,
#summary p.h-Fig-Table_Title,
#summary p.h-Fig-Table_Title+p {
    margin: 0px auto;
    padding: 0px;
}

/* April 2018 mobile update */

  html {
    counter-reset: list;
  }

  audio {
    width: 95%;
    display: block;
    margin: 0 auto;
  }

  #media-box { 
    padding-top: 0.5%; 
    background: #eee; 
    border-bottom: 1px solid #333; 
    margin-bottom: 25px;
  }
  #media-box ul { 
    margin: 0px; 
    padding: 0 5%; 
  }
  #media-box li { 
    list-style-type: none; 
  }
  .media_container { 
    width: 100%; 
    overflow: auto; 
    margin: 0 auto;
  }
  .media_container p { 
    overflow: hidden; 
    white-space: pre-wrap;
    padding: 0px;
    width: 320px;
    height: 30px;
  }
  #recs_container {
    margin: 5% auto; 
    position: relative; 
    width: 45%;
  }
  #recs_container a, #recscontainer a:visited { 
    color: #fff;
    font-size: 12px;
  }
  .control_spacer {
    margin-bottom: -30px;
  }
  .media_control {
    background:url(/img_library/hori_large_blue.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:right;
    margin:5px;
    cursor:pointer;
    font-size:1px;
    position:relative;
  }
  .media { 
    width: 320px; 
  } 
  .scrollable_container { 
    position: relative; 
  }
  .scrollable {  
    width: auto;
    margin: 0 auto;
    overflow: hidden;
  }
  .items { 
    width: 50000em; 
    position: relative; 
    clear: both; 
    overflow: auto;
  }
  .item  { 
    display:block; 
    float: left; 
    margin-right: 10%;
   }
  .item img { 
    max-width: 480px;
    width: 100vw;
  }
  .video_container .control { 
    display: block;
    max-width: 485px;
   }
  .graphics_container .control {
    display:block;
    max-width: 485px;
  }
  .media_container.graphics_container {
    
  }
  .prev.disabled { 
    background-position: -90px 0 !important; 
    cursor: default; 
  }
  .next.disabled { 
    background-position: -90px -30px !important; 
    cursor: default; 
  }
  .materials { 
    padding:0 2.5% 10px 2.5%;
    overflow: auto;
  }
  .materials li { 
    list-style-type: none; 
    margin: 10px 0; 
  }
  .materials ul { 
    padding: 0; 
  }
  .materials img { 
    display: block; 
    margin: 2.5% auto; 
    width: 320px; 
  }
  .materials p {display: block; margin: 0 auto; }
  .recs_btn { 
    border-radius: 20px; 
    -moz-border-radius: 20px; 
    background: #357DB7; 
    color: #fff !important; 
    position: relative; 
    margin: 0 auto; 
    border: 0; 
    padding: 10px;
    font-weight: bold; 
    margin: 2.5% auto; 
    text-align: center;
    display: block;
    max-width: 200px;
    text-decoration: none;
  }
  .recs_btn:hover {
    text-decoration:none;
    color: #fff;
  }
  .recs_container {
    overflow: overlay;
    height: auto;
    display: table;
  }
  .recs_container .scrollable {
    display: table-row;
  }
  .recs_container .items {
    position: relative;
  }
  ol .recs_para {
    /*width: 99vw;*/
    font-size: 11pt;
    list-style-type: none;
  }
  ol .recs_para:first-child:before{
    counter-increment: list;
    content: counter(list)'.';
    margin-left: -15px;
    margin-right: 3px;
  }

.materials a[target="_blank"] {
    background-image:url(/img/new-window-blue-small.png);
    background-position:top right;
    background-repeat:no-repeat;
    padding-right: 20px;
    padding-top: 2px;
}