body {
  font-family: Arial, sans-serif;
  /*font-size: 0.9em;*/
}

h2 {
  font-size: 1.2em;
  background: #1A5493;
  color: #fff;
  padding: .25em .25em 0em .25em;
}
/*
h3 {
  margin-top: 1.5em;
  margin-bottom: 1em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  font-weight: bold;
  background: #EEEEEE;
  border-bottom: 1px #FFCC00 solid;
  font-size: 1.0em;
}
*/

h3 {
  margin-top: 1.5em;
  margin-bottom: 1em;
  padding-top: 0.25em;
  padding-bottom: 0em;
  line-height: 0.8em;
  font-weight: bold;
  color: #1A5493;
  /*border-bottom: 1px #1A5493 solid;*/
  border-bottom: 1px #EE9900 solid;
  font-size: 1.1em;
}
h3 a {
  text-decoration: none;
}

h4 {
  font-size: 1.0em;
}

a:link {
  color: #006699;
}
a:visited {
  color: #666699;
}

li {
  margin-top: 0.5em;
}

.highlight {
  color: #FFCC00;
}

table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0px;
  border-left: 1px solid #333;
  border-top: 1px solid #333;
}
th, td {
  padding: 0.25em 0.5em;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}
td {
  vertical-align: top;
}


tr.ui-widget-header {
  border-top: 1px solid #333;
  border-left: 1px solid #333;
}

.nary {
  background: #ccc;
  height: 1.25em
}
.bold {
  font-weight: bold;
}

/*
 * Home Page
 */
#home-top {
  overflow: hidden;
}

#home-top > div > h3 {
  padding-left: 0.25em;
}

#home-news {
  width: 400px;
  float: left;
}
#home-slide {
  padding: 25px 0px 15px 15px;
  float: left;
  overflow: hidden;
}

#home-bottom {
  overflow: hidden;
  clear:both;
}

#home-bottom > div > h3 {
  padding-left: 0.25em;
}

#home-bottom > div {
  width: 33%;
  float: left;
}
#home-bottom > div > p {
  margin: 0.25em 0.5em;
}
#home-bottom > div > ul {
  padding-left: 16px;
}

#slideshow {
  height: 342px;
  width: 310px;
  overflow: hidden;
  padding: 0;  
  margin:  0;  
} 
 
#slideshow img {  
  padding: 15px;  
  border:  1px solid #ccc;  
  background-color: #eee;  
  height: 310px;
  width: 278px;
  top:  0; 
  left: 0 
} 

/*
 * Master List
 */
.in-process{
  background: #ddd;
}

/*
 * Tool Instructions
 */
.step_by_step {
  margin: 0.5em 50px 0.5em 125px;
  text-align: center;
  font-size: 90%;
}
.step_by_step p {
  margin: 0px;
  padding: 0px 0px;
}

.step_by_step ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 15px 0px;
  width: 350px;
  background: url('/img/content/end_list_element.png') no-repeat 0% 100%;
}
.step_by_step ul li {
  display: block;
  margin: 0px;
  padding: 30px 25px 0px 25px;
  background: url('/img/content/mid_list_element.png') no-repeat;
  overflow: hidden;
  color: #FFCC00;
}
.step_by_step ul li:first-child {
  padding: 20px 25px 0px 25px;
  background: url('/img/content/beg_list_element.png') no-repeat;
}

/*
 * The Tool
 */
li.buttons {
  margin-top: 1em;
  margin-bottom: 1em;
}

a.button {
  padding: 0.1em 0.6em;
  margin: 0.1em;
  color: #FFFFFF;
  background: #003366;
  text-decoration: none;

  border-style: solid;
  border-left-color: #006699;
  border-top-color: #006699;
  border-right-color: #000033;
  border-bottom-color: #000033;
}

a.button:hover {
  color: #FFCC00;
}

a.buttonPressed {
  padding: 0.1em 0.6em;
  margin: 0.1em;
  color: #FFCC00;
  background: #006699;
  text-decoration: none;

  border-style: solid;
  border-top-color: #000033;
  border-left-color: #000033;
  border-right-color: #006699;
  border-bottom-color: #006699;
}

.icon {
  display: inline;
  height: 16px;
  width: 16px;
  vertical-align: bottom;
  border: none;
}

.manage-link {
  padding:0.4em 1em 0.4em 20px;
  position:relative;
}

.manage-link span.ui-icon {
left:0.2em;
margin:-8px 5px 0 0;
position:absolute;
top:50%;
}


/*
 * About
 */
.subtitle {
  font-style: italic;
}
.title {
  position: relative;
}
.top-link {
  position: absolute;
  font-weight: normal;
  right: 0px;
}
ul.acknowledge {
  list-style: none;
  margin: 0em;
  padding: 0em;
}
ul.acknowledge em {
  text-decoration: underline;
}

/*
 * Health Elements
 */
div.health-element {
  margin: 0.25em;
  overflow: hidden;
}

div.health-element > a {
  display: block;
  text-decoration: none;
  height: 40px;
  width: 500px;
  float: left;
}
div.health-element > div {
  height: 40px;
  width: 70px;
  float: right;
}

div.health-element a img {
  vertical-align: middle;
}

div.health-element a span {
  margin: 1em;
  font-size: larger;
  vertical-align: middle;
}

ul.related-objectives {
  list-style: none;
}

ul.related-objectives {
  margin-left: 0em;
  padding-left: 0em;
}

ul.related-objectives li {
  margin: 0em;
  padding: 0.5em;
  display: block;
  overflow: hidden;
}

ul.tool-objectives {
  margin-top: 0em;
  margin-left: 60px;
  padding-top: 0em;
  padding-left: 1em;
  margin-bottom: 1.5em;
}

.grayed-out {
  background: #ccc;
}

/*
 * Objectives
 */
#indicator_header {
  width: 120px;
}

.policy-strategies {
  margin: .5em .7em;
  padding-left: .25em;
}

td.development_target > p:first-child {
  margin-top: 0em;
}

.objectives-table p, .development_target div {
  width: 260px;
  word-wrap: break-word;
  overflow: hidden;
}

.objectives-table li p {
  display: inline;
}

/**
 * Indicator
 */
.indicator_html, .indicator_table {
  margin: 1em;
}

.disclaimer {
  border:1px solid black;
  font-weight:bold;
  margin-left:auto;
  margin-right:auto;
  padding:1em;
  text-align:center;
}

.indicator-item {
  /*width: 800px;*/
  width: 920px;
  overflow: auto;
  margin: 0em 0em 2em 0em;
  padding: 0px;
}

/*
 * References
 */
#references {
  margin-top: 1em;
  margin-left: 0em;
  margin-right: 0em;
  padding-left: 1em;
  padding-right: 1em;
  border-top: 1px #333 solid;
}
.reference {
  font-size: 0.8em;
  margin-top: 1em;
}
.reference {
  width: 700px;
  word-wrap: break-word;
}
table.indicator_table {
  
}
.table_title th {
  background: #1A5493;
  color: #fff;
}

.indicator-value {
  text-align: right;
}
.sf {
  font-weight: bold;
}

/*
 * Action Box
 */
/*
.action-box > ul {
  list-style: none;
  margin: 0em;
  padding: 0em;
}
.action-box > ul > li {
  display: inline;
  list-style: none;
}
*/
.action-box {
  overflow: hidden;
}
.related-objectives .action-box {
  float: right;
}

.webpage-action {
  position: absolute;
  top: 1em;
  right: 1.5em;

}

/*
 * Debug
 */
#debug-panel {
  margin: 1em auto;
  padding: 1em;
  background: #fff;
  border: 1px #333 solid;
}

/*
 * Buttons
 * http://filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/
 */
.fg-button { outline: 0; margin:0 4px 0 0; padding: .2em .4em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center;}
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }


/*
 * Neighborhood
 */
.neighborhood-list {
  border: none;
  margin: 1em 1em;
}
.neighborhood-list td {
  border: none;
  padding: 0.3em 2em 0.3em 0em;
}

.neighborhoods th {
  background: #1A5493;
  color: #fff;
}
.neighborhoods th a {
  color: #fff;
}


/*
 * Flash messages
 */
#flashMessage, #infoMessage, #errorMessage {
  padding: 0.0em 0.7em;
  margin-top: 20px;
}

.footnotes {
  margin-top: 1.5em;
  border-top: 1px #EE9900 solid;
  font-size: 0.8em; 
}

.footnotes ol {
  list-style-type: lower-alpha;
  margin: 0em 1.0em;
  padding: 0em 0.5em;
}

.table_notes {
  width: 877px;
  padding: 10px 20px;
  border: 1px solid #ddd;
  color: #222;
}