/*
  Styles to be applied to all screens
  Be sure to load 960gs.css first!
  
  The key to styling grids is to apply margins to column elements,
  not to add padding to the grid columns themselves!
*/

/* ---------- CSS Reset ---------- */

/*
  Based on Eric Meyer's CSS Reset code
  http://meyerweb.com/eric/tools/css/reset/
*/

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,
b, u, i, center,
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-size: 100%;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  vertical-align: baseline;
  background: transparent;
}

input, textarea, select, option {
  font-size: 100%;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  vertical-align: baseline;
  padding:5px;
}


/* ---------- General Styles ---------- */

body {
  line-height: 20px;
  background: #fff;
}

a {
  color: #aaa;
  text-decoration: none;
  /*border-bottom: #e7e7e7 1px solid;*/
}

a:hover, 
a:active {
  color: #f06649;
  border-bottom: transparent 1px solid;
}

p {
  margin-bottom: 15px;
  font-size: 12px;
  color: #636466;
}

p.small {
  line-height: 16px;
  font-size: 10px;
}

h1 {
  margin-bottom: 10px;
  line-height: 36px;
  font-size: 30px;
  font-weight: normal;
  color: #0681c5;
}

h2 {
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  color: #0681c5;
}

h3 {
  /* used in sidebars */
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 18px;
  font-weight: normal;
  color: #53c8e7;
}

h4 {
  margin-bottom: 0;
  line-height: 16px;
  font-size: 10px;
  font-weight: bold;
  color: #636466;
}

h5 {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: normal;
  color: #636466;
}

h6 {
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: normal;
  color: #636466;
}

ul {
  margin: 0 0 15px 25px;
  list-style: disc;
}

ol {
  margin: 0 0 15px 30px;
  list-style: decimal;
}

li {
  margin-bottom: 1px;
  font-size: 12px;
  color: #636466;
}

form label {
  display: none;
}

label.force-show { 
  display: block;
}

#weavefile-form-container{
	min-width:250px;
	padding:10px;

}
#weavefile-form-container h2{
	font-weight:bold;
	font-size:18px;
}
#weavefile-form-container h3{
	font-weight:bold;
	margin-top:7px;
	display:block;
}

#weavefile-form-container p{
	padding:10px 0px;
}
#weavefile-form-container #id_weavefile_submit{
	padding:0px 5px;
}
#weavefile-form label { font-size: 12px; color: #636466; }


form input.text {
  padding: 2px;
  margin-right: 5px;
  width: 100px;
  height: 20px;
  font-size: 11px;
  color: #bbb;
}

form input.button {
  border: none;
  padding: 0 0 0px 0;
  margin: 0;
  height: 23px;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background-color: #a44499;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

form select {
  min-width:200px;
}

form select{padding:0 !important}

form select,
form select option {
  font-size: 11px;
  color: #333;
}

form h3 {
  display: inline;
  margin-right: 5px;
  font-size: 12px;
  font-weight: normal;
  color: #602469;
}

form.generic_form ul {
    list-style-type: none;
}
form.generic_form ul ul.unindented {
    margin-left: 0px;
}

form.generic_form ul li{
    margin-left: 0px;
    margin-bottom: 15px;
}

form.generic_form ul li input {
    width: 200px;
}
form.generic_form ul ul li {
    margin-bottom: 0px;
}
form.generic_form ul ul li input {
    width: 14px;
    margin-left: 0px;
}

form.generic_form ul li select {
    width: 207px;
}

form.generic_form ul li label{
    display: inline-block;
}

form.generic_form ul.errorlist {
}
form.generic_form ul.errorlist li, p.error {
    color: #ff0000;
}
form.generic_form ul li ul.errorlist {
    display: inline;
    margin-left: 5px;
}
form.generic_form ul li ul.errorlist li {
    display: inline;
    color: #ff0000;
}


blockquote,
q {
  margin-bottom: 15px;
  quotes: none;
}

ins {
  /* remember to highlight inserts somehow! */
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 15px;
}

/* Flash Message */

#flashcontent h1 {
    color: black;
    font-size: 20px;
    line-height: 1.3em;
    
}

#flashcontent a {
    border-bottom: none;
    position: absolute; /* Hides the zoom in icon */
}

#flashcontent img {
    height: 33px;
    width: 112px;
}

/* ---------- Section : Global ---------- */

/* uncomment this to show the 12-column grid */
/*
#shell {
  background: #fff url(/static/images/12_col.gif) top left repeat-y;
}
*/

.pad_left {
  padding-left: 10px;
}

.hidden {
  display: none;
}

.clearb {
  clear: both;
}

/* Self-clear floats by adding class="group" to the element */
/* standard float clearing helper */
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 float clearing helper */
* html .group {
  height: 1%;
}
/* IE7 float clearing helper */
*:first-child+html .group {
  min-height: 1px;
}

/* ---------- Section : Header ---------- */

#header {
  /*height: 95px;*/ /* DOUG EDIT */
  background-color: #e7e7e7;
}

#header #logo img {
  margin: 5px 0 0 25px;
}

#header #logo a {
  border-bottom: none;
  background-color: transparent;
}

#header form#weave_login, #header p {
  margin: 15px 15px 0 15px;
  text-align: right;
}

#header form#weave_login input.button {
  width: 36px;
}
#welcome {
    color: #e45ea2;
    font-weight: bold;
}
#account {
    width: 100%;
    height: 100%;
    text-align: right;
}
#account_actions {
    text-align: right; 
    margin: 5px 15px 10px;
}
#account_actions a {
    font-size: 11px;
}
#account_actions p {
    margin-bottom: 0px;
}
#abovecloud {
    padding-top: 2em
}

#tagcloud {
}

.datastories #tagcloud{
  width:200px;
}

#tagcloud .active{

}


#tagcloud p {
    margin-top: 8px;
}

#tagcloud a {
    display: block;
    float: left;
    position: relative;
    margin: 4px 20px 4px 0;
    padding: 2px;
    background: #f2ebf5;
    color: #602469;
    font-size: 10px;
    border: 1px solid #daa3ca;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    min-width: 35px;
}

#tagcloud a:hover, #tagcloud a:active, #tagcloud a.active {
    background-color: #a44499;
    border-color: #a44499;
    color: #fff;
}

#tagcloud .notch {
    position: absolute;
    border-color: transparent transparent transparent #f2ebf5;
    border-style: solid;
    border-width: 12px;
    height: 0;
    width: 0;
    top: 0px;
    right: -23px;
}
#tagcloud a:hover .notch, #tagcloud a:active .notch, #tagcloud a.active .notch {
    border-color: transparent transparent transparent #a44499;

}

#tagcloud .notch-border {
    position: absolute;
    border-color: transparent transparent transparent #daa3ca;
    border-style: solid;
    border-width: 12px;
    height: 0;
    width: 0;
    top: 0px;
    right: -25px;
}

#tagcloud a:hover .notch-border, #tagcloud a:active .notch-border {
    border-color: transparent transparent transparent #a44499;
}


#tagcloud strong {
    color: #602469;
}

/* ---------- Section : Navigation : Primary ---------- */

ul#navi_primary {
  padding: 0 15px;
  margin: 0 0 0px 0; /* DOUG EDIT/FIX */
  border-bottom: #602469 8px solid; /* DOUG EDIT/FIX */
  width: 910px;
  height: 30px;
  text-align: right;
  list-style: none;
  background-color: #e7e7e7;
}

ul#navi_primary li {
  display: inline;
  padding: 0;
  margin: 0 0 0 2px;
}

ul#navi_primary li a {
  display: inline-block;
  border-bottom: none;
  padding: 4px 10px 8px 10px;
  height: 18px;
  line-height: 21px; /* Safari whitespace bug fix */
  font-size: 18px;
  color: #fff;
  background: #949698; /* using background-color causes a bizzare IE6 bug */
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

ul#navi_primary li a:hover,
ul#navi_primary li a:active,
ul#navi_primary li a.selected {
  color: #fff;
  background-color: #602469;
}

ul#navi_primary.no_subnavi {
  border-bottom: #602469 8px solid;
  margin-bottom: 15px; /* DOUG EDIT */
}

/* ---------- Section : Navigation : Secondary ---------- */

/*
  Floating each navi li and using negative margins to remove the
  divider lines surrounding the selected li.
*/

ul#navi_secondary {
  padding: 0 15px 0 1px;
  margin: 0 0 5px 0; /* DOUG EDIT */
  width: 100%;
  height: 25px;
  text-align: left;
  list-style: none;
  background-color: #e7e7e7;
}

ul#navi_secondary li {
  display: inline;
  padding: 0;
  margin: 0;
}

ul#navi_secondary li a {
  display: block;
  float: left;
  border-bottom: none;
  padding: 1px 25px 0 25px;
  height: 24px;
  line-height: 21px; /* Safari whitespace bug fix */
  font-size: 12px;
  color: #a44499;
  background: #e7e7e7 url(/static/images/navi_secondary_divider.jpg) 100% 0% no-repeat;
}

ul#navi_secondary li a:hover,
ul#navi_secondary li a:active,
ul#navi_secondary li a.selected {
  padding-left: 26px;
  margin-left: -1px;
  color: #fff;
  background: #a44499;
}

ul#navi_secondary li a.last {
  background-image: none;
}

/* ---------- Section : Footer ---------- */

#footer {
  background-color: #f3f4f4;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  margin:20px;
}

#footer #questions{
    display:block;
    position: absolute;
    left: 0;
    padding:6px 15px;
}

#footer #questions h3 {
  margin-right: 3px;
  font-size: 10px;
  font-weight: normal;
  color: #aaa;
  line-height: 24px;
  position: relative;
  left: 24px;
}

#footer #questions a {
    font-weight: bold;
}

#footer #questions img {
    position: absolute;
    left: 15px;
    top: 9px;
}

#footer #partners {
  display: block;
  margin: 35px 0 20px 45px;
}

#footer #partners a {
  border-bottom: none;
  margin-right: 10px;
}

#footer #navi_tertiary {
  display: block;
  position: absolute;
  right: 14em;
  border-right: #bbb 1px solid;
  padding-right: 15px;
  margin-top: 10px;
}

#footer #navi_tertiary a {
  font-size: 10px;
  line-height: 18px;
  margin-bottom: 10px;
}

#footer form#search {
  display: block;
  position: absolute;
  right: 3px;
  padding: 7px 15px 0 15px;
}

#footer form#search h3 {
  margin-right: 3px;
  font-size: 10px;
  font-weight: normal;
  color: #aaa;
}

#footer form#search input.text {
  padding: 2px 2px 1px 2px;
  margin-right: 3px;
  height: 11px;
  font-size: 9px;
  color: #bbb;
}

#footer form#search input.button {
  padding: 0 0 4px 0;
  margin: 0;
  height: 19px;
  width: 28px;
  font-size: 9px;
  font-weight: bold;
  color: #fff;
  background-color: #c9c9c9;
}

/* ---------- Section : Content : General ---------- */

#content {
  margin-bottom: 30px;
}

#content #intro {
  margin: 0 0 15px 10px;
}

/*
  The #story_previews block is found on the Home Page, User Guides Overview,
  and User Guides Video Tutorials pages.
*/

.previews {
  width: 620px;
  height: 370px;
}

.preview {
  position: relative;
  width: 620px;
  display: none;
}

.preview.selected {
  display: block;
}

.preview img {
  width: 620px;
  height: 370px;
}

.thumb {
  padding-top: 18px;
  width: 140px;
  height: 120px;
  cursor: pointer;
}

.thumb.selected {
  background: url(/static/images/story_thumb_arrow.jpg) 50% 0% no-repeat;
}

.thumb.selected span {
  display: block;
  padding: 25px 20px;
  width: 100px;
  height: 70px;
  line-height: 25px;
  font-size: 18px;
  color: #ddd;
  background-color: #602469;
  cursor: pointer; /* IE 6/7 bug fix */
  box-sizing: content-box;
}

.thumb.selected h1 {
  display: block;
  width: 100px;
  height: 70px;
  line-height: 25px;
  font-size: 16px;
  color: #ddd;
  cursor: pointer; /* IE 6/7 bug fix */
  margin-top: -20px;
  margin-left: -8px;
}

/* ---------- Section : Content : Home ---------- */

#home_intro h1 {
  size:26px;
  color: #636466;
}

#home_intro,
#frequent_searches {
  margin: 0 10px 15px 10px;
}

#frequent_searches {
  border-top: #a44499 1px solid;
  padding-top: 15px;
}

#home_content_right .preview h2 {
  position: absolute;
  top: 15px;
  left: 150px;
  padding: 0;
  margin: 0;
  width: 455px;
  line-height: 44px;
  font-size: 30px;
  color: #fff;
}

#home_content_right .preview h2 a {
  display: block;
  padding: 10px 15px 12px 15px;
  border-bottom: none;
  color: black;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: -10px;
  background-color: white;
  opacity: 0.8; /* non-IE */
  filter: alpha(opacity=80); /* IE-only */
}

/* ---------- Section : Content : Stories : List ---------- */

dl.story_snippet {
  display: block;
  float: left;
  margin-bottom: 20px;
}

dl.story_snippet dt {
  display: block;
  float: left;
  margin-right: 20px;
  width: 140px;
}

dl.story_snippet dt a {
  border-bottom: none;
}

dl.story_snippet dd {
  display: block;
  float: left;
  width: 140px;
}

dl.story_snippet dd p {
  line-height: 15px;
  margin-bottom: 5px;
  font-size: 10px;
  color: #636466;
}
/* ---------- Section : Content : Report : View ---------- */
li.report {
  display: block;
  float: left;
  margin-bottom: 20px;
  background:#dcdbdb;
  border-radius:5px;
  width: 585px;
}

li.report dt {
  display: block;
  float: left;
  width: 155px;
}

li.report a {
  text-decoration:none;
}
li.report b{
  color: #000000;
  font-size: 16px;
}

li.report dd {
  padding-top:10px;
  display: block;
  float: left;
  width: 450px;


}
li.report img{
  display: block;
  float: left;
  padding:15px 15px;
  padding-top:15px;
}
li.report p {
  width: 500px;
  padding:0px 5px;
  line-height: 15px;
  margin-bottom: 0px;
  margin-right: 20px;
  font-size: 10px;
  color: #5b5b5d;
  font-size: 13px;
}
/* ---------- Section : Content : New Report : View ---------- */
dl.new_report {
  display: block;
  float: left;
  margin-bottom: 10px;
  border-radius:5px;
  background:#696969;
  margin-left: 10px;
}

dl.new_report dt {
  display: block;
  float: left;
  padding:15px 15px;
  width: 140px;
}

dl.new_report a {
  text-decoration:none;
  border-bottom: none;
}

dl.new_report dd {
  padding:15px 15px;
  display: block;
  float: left;
}
dl.new_report b{
  color: #ffffff;
}
dl.new_report img{
  padding:15px 15px;
  padding-top:15px;
}
dl.new_report div{
  padding-top:15px;
  height: 240px; 
  width: 240px;
  background-size: contain;
  background-size: cover;
  padding-top:5px;
}
dl.new_report div span{
  background-color:#602469;
  color:#ffffff;
  font-size:small;
}
dl.new_report dd p {
  line-height: 15px;
  margin-bottom: 5px;
  font-size: 10px;
  color: #ffffff;
  font-size: 13px;
}

/* ---------- Section : Content : Stories : View ---------- */

#subhead{
    color: #061D68;
}

#story {
  padding-top: 11px;
}

#story h3 {
  /* locked height ensures that slides lineup at same level below both one- and two-line h3 text */
  margin-bottom: 5px; /* DOUG EDIT */
  line-height: 22px;
  vertical-align: text-bottom;
}

#story_weave {
  /* the WEAVE Flash element must be 700px wide maximum */
  margin-bottom: 5px;
  width: 700px;
  height: 400px;
  /* IE may need these so WEAVE Flash doesn't appear through the lightbox */
    position: relative;
    z-index: 1
}

#story_image {
  border: #ccc 2px solid;
  margin-bottom: 5px;
  width: 700px;
  height: 400px;
}

#story_text {
  border: #ccc 2px solid;
  padding: 18px 28px;
  margin-bottom: 5px;
  width: 640px;
  height: 360px;
}

#story_text ul {
  margin: 0 0 15px 65px;
  list-style: disc;
}

#story_text ol {
  margin: 0 0 15px 65px;
  list-style: decimal;
}

#story_text ul ul,
#story_text ul ol,
#story_text ol ul,
#story_text ol ol {
  padding-top: 5px;
  margin-left: 45px;
}

#story_text.story_text_splash {
  color: #fff;
  background-color: #0681c5;
}

#story_text.story_text_splash p,
#story_text.story_text_splash li {
  line-height: 30px;
  font-size: 21px;
  font-weight: normal;
  color: #fff;
}

#story_text.story_text_standard {
  color: #0681c5;
  background-color: #fff;
}

#story_text.story_text_standard p,
#story_text.story_text_standard li {
  line-height: 22px;
  font-size: 15px;
  font-weight: normal;
  color: #0681c5;
}

#story_navi {
  margin: 0 11px 20px 0;
  height: 25px;
  line-height: 25px;
  text-align: right;
  font-size: 12px;
}

#story_navi,
#story_navi span,
#story_navi a {
  font-size: 11px;
  color: #aaa;
}

#story_navi #weave_info {
  display: inline;
  float: left;
}

#story_navi a#weave_protip {
  padding-left: 50px;
  padding-bottom: 18px;
  margin-right: 8px;
  background: #fff url(/static/images/weave_tip.png) 0% 0px no-repeat;
}

a#related_indicators {
  vertical-align: top;
  margin-right: 8px;
}

img.datasource_icons {
  vertical-align: middle;
}

#story_navi #weave_info a#related_indicators {
  font-size: 12px;
  color: #10b258;
  text-decoration: none;
  border-bottom: #10b258 1px solid;
}

#story_navi #weave_info a#related_indicators:hover, 
#story_navi #weave_info a#related_indicators:active {
  color: #f06649;
  border-bottom: #fff 1px solid;
}

#story_navi span#page_count {
  margin-right: 20px;
}

#story_navi form#story_goto {
  display: inline;
}

#story_navi form#story_goto input.text {
  padding: 2px 1px 1px 1px;
  margin: 0 20px 0 2px;
  width: 15px;
  height: 11px;
  font-size: 9px;
  color: #bbb;
}

#story_navi a {
  border-bottom: none;
}

#story_navi a#page_first {
  padding-left: 11px;
  margin-right: -3px;
  background: #fff url(/static/images/story_navi_first.png) 0% 1px no-repeat;
}

#story_navi a#page_previous {
  padding-left: 17px;
  margin-right: 10px;
  background: #fff url(/static/images/story_navi_previous.png) 0% 1px no-repeat;
}

#story_navi a#page_next {
  padding-right: 17px;
  margin-right: 0px;
  background: #fff url(/static/images/story_navi_next.png) 100% 1px no-repeat;
}

#story_navi a#page_last {
  padding-left: 11px;
  background: #fff url(/static/images/story_navi_last.png) 0% 1px no-repeat;
}

/* ---------- Section : Content : WEAVE ---------- */

#weave {
  /* the WEAVE Flash element must be 780px wide maximum */
  margin-bottom: 15px;
}

#weave_key {
  padding: 3px 15px;
  height: 75px;
  background-color: #a44499;
  position: relative;
}

#weave_key div {
  text-align: center;
}

#weave_key #weave-help {
  position: absolute;
  left: 47px;
  top: 4px;
  width:41px;
 
}


#weave_key #load-weavefile {
 
  position: absolute;
  left: 419px;
  top: 4px;
}

#weave_key #save-weavefile {
   position: absolute;
   left: 778px;
   top: 4px;
}


#weave_key h3 {
  margin-bottom: 0;
}

#weave_key a {
  text-decoration: none;
  font-size:12px;
  color: #fff;
  border-bottom: 0 none;
}

#weave_key img {
  margin: 1px 5px 0 0;
}

#glossary_sidebar {
  padding: 10px;
  background-color: #c7eaf5;
}

#glossary_sidebar h3 {
  color: #636466;
}

#glossary_sidebar ul#glossary_term_list {
  margin: 0 0 0 2px;
  list-style: none;
}

#glossary_sidebar ul#glossary_term_list li {
  margin-bottom: 8px;
  line-height: 15px;
  font-size: 10px;
}

#glossary_sidebar ul#glossary_term_list li a {
  color: #636466;
  border-bottom: #c7c7c7 1px solid;
}

#glossary_sidebar ul#glossary_term_list li a:hover, 
#glossary_sidebar ul#glossary_term_list li a:active {
  color: #f06649;
  border-bottom: #c7eaf5 1px solid;
}

/* ---------- Section : Content : Data Dictionary ---------- */

#dictionary_glossary h1,
#dictionary_glossary h2,
#dictionary_graphs h1,
#dictionary_graphs h2 {
  color: #10b258;
}

#dictionary_glossary {
  /* border-right: #a44499 1px solid;*/
  padding: 0 10px 0 10px;
}

#dictionary_graphs {
  padding: 0 10px 0 10px;
}

#dictionary_graphs img {
  margin-bottom: 10px;
}

#dictionary_graphs p.small {
  margin-bottom: 30px;
}

#table_by_year,
#table_by_geo {
    table-layout: fixed;
    margin-bottom: 10em;
    margin-top: 1em;
}

#table_by_year th, td, tr {
    border:1px solid #999999;
    color:#636466;
    font-size:12px;
    /* height: 15px; */
}

#table_by_year th {
    background:#87c879;
}

#table_by_year tr[class="even"] td,
#table_by_geo tr[class="even"] td {
    background:#e7e7e7;
}

div#year_table_filter,
div#geo_table_filter {
    color: #58595B;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 7px;
}


#year_table_info {
  padding: 1px 12px 2px 9px;
  margin-bottom: 6px;
  line-height: 20px;
  font-size: 10px;
  color: #555;
  background-color: #87c879;
}

#year_table_paginate {
  float: left;
  width: 375px;
}

#year_table_info {
  float: right;
  width: 203px;
  text-align: right;
}

/* treat Firefox, Safari, and Chrome users to swanky rounded corners */
#year_table_info {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

#table_by_geo th, td, tr {
    border:1px solid #999999;
    color:#636466;
    font-size:12px;
    /* height: 15px; */
}

#table_by_geo th {
    background:#87c879;
}

th.year_head {
    padding: 0px 3px;
}

a.indicator_name {
    color:#636466;
    border-bottom:1px solid #636466;
}

td.indicator_name_td {
    text-align: left;
}

p.indicator_name {
    margin-bottom: 0px;
}

td.match{
    background:#e17a8b;
}

a#by_year, a#by_geo {
    vertical-align: 7px;
    font-size: 14px;
}

h2#datamatrix_title {
    margin-top: 14px;
    font-weight: bold;
    font-size: 1em;
}

img#matrix {
    vertical-align: -5px;
}

select#id_ilist_selection {
    width: 150px;
}


.typeahead:before{
	content:'Suggestions:';
}
.typeahead{
	clear:left;
	background:#F5F5F5;
	color:#444;
	padding:5px !important;
	width: 230px;
	margin-top:-10px;
	
}

.typeahead li{
	display:block;
	border:none;
	padding:2px 0px !important;
}

.typeahead li.active{
	background:#e3e3e3;
}

.typeahead li a:link{ 
	color:#444;
	border:none;
	font-style:italic;
	text-decoration:underline;
}
.typeahead li a:hover{
	color:#a5459a;
	text-decoration:none;
}

/* ---------- Section : Content : Datamart ---------- */

#list_header, #filter_header {
    margin:0;
}

#filter_header {
    margin-bottom: 1px;
}

#tags {
    margin-top: -7px;
    margin-left: 55px;
    font-size: 10px;
}

ul.NoBullet {
    list-style-type: none;
  }
  
a.report {
    vertical-align: 4px;
    margin-left: -2px;
    color:#000000;
}
a.dashboard_only{
	vertical-align:0px;
	margin-left: 0px;
}


a.report_image_save {
    vertical-align: 8px;
    margin-left: -2px;
}



#dashboard_wrap #flashcontent {width:100%; margin:0 auto; padding-top:10px;}
#dashboard_wrap #flashcontent object{
  visibility: visible;
}

.graybox {
	background: #f3f4f4;
   	margin-top: 20px;
    	padding: 5px;
}

.graybox div{padding:1px 5px;}

.graybox a:link, 
.graybox a:visited 
{
    vertical-align: 4px;
    margin-left: -2px;
    font-size: 10px;
    color:#10b258;
    line-height: 18px;
    padding:2px;
}

.graybox a:hover{
	color:#602469;
}	
.graybox a:hover:after{

}

.favorites_widget {
    background:url(/static/images/icons/not_favorite_16x16.png) no-repeat;
    font-size: 0.8em;
    /*height: 25px;*/
    cursor: pointer;
}

.favorited {
    background: url(/static/images/icons/favorite_16x16.png) no-repeat;
}

.favorited a{
	color:#999;
}

a.favorites_link {
    	line-height: 25px;
	margin-left:18px;
}

.graybox img{margin-right:6px;}

.graybox .favorites_widget a {
	margin-left:15px;
	color:#999;
}
.graybox .favorited {
}
a#related_reports:link, 
a#related_reports:visited{color:#0681c5;}

#filterbox {
    width: 16em;
    margin-bottom:20px;
    font-size:14px;
    padding:2px;
}
  



p.zoom_in {
    margin: 5px 15px;
    vertical-align: 4px;
}

div.churning_fields ul{
    list-style-type: none;
    margin:-15px 0 15px 25px;
}

div.churning_fields label{
    display: inline;
}

div.churning_fields select {
    margin:0 0 5px 25px;
}

h2.top_report_nav {
    margin: 26px 5px 0px 0px;
}

#report_nav {
    margin-bottom: 5px;
}

/*a#related_reports {
    vertical-align: 4px;
    margin-left: -2px;
    color: #0681c5;
}

a#related_indicators {
    vertical-align: 4px;
    margin-left: -2px;
    color: #11b258;
}*/

#related_reports_box_info {
  padding: 1px 12px 2px 9px;
  margin-bottom: 6px;
  line-height: 20px;
  font-size: 10px;
  color: #555;
  background-color: #c3e0ae;
}

#related_reports_lightbox {
  padding: 15px 20px;
  background-color: #fff;
}

#related_reports_lightbox h4 a {
  color: #636466;
  border-bottom: #bbb 1px solid;
}

#related_reports_lightbox h4 a:hover, 
#related_reports_lightbox h4 a:active {
  color: #f06649;
  border-bottom: transparent 1px solid;
}

#related_reports_lightbox p {
  font-size: 10px;
  line-height: 16px;
}

#related_datastories_lightbox p {
  font-size: 10px;
  line-height: 16px;
}

#full_screen_weave_box_info {
  padding: 1px 12px 2px 9px;
  margin-bottom: 6px;
  line-height: 20px;
  font-size: 10px;
  color: #555;
  background-color: #c3e0ae;
}

#full_screen_weave_lightbox {
  padding: 15px 20px;
  background-color: #fff;
  height: 95%;
  Overflow-y:hidden;
}

#full_screen_weave_lightbox h4 a {
  color: #636466;
  border-bottom: #bbb 1px solid;
}

#full_screen_weave_lightbox h4 a:hover, 
#full_screen_weave_lightbox h4 a:active {
  color: #f06649;
  border-bottom: transparent 1px solid;
}

#full_screen_weave_lightbox p {
  font-size: 10px;
  line-height: 16px;
}

ul#related_indicators {

}

ul#related_indicators li {
}

ul#related_indicators li a {
}

#related_indicators_lightbox h2 {
    color: #11b258;
    font-weight: bold;
}

h2.report_title {
    margin-bottom: 0px;
}


h2#featured_title {
    font-weight:bold;
    margin-top: 12px;
    margin-left: 10px;
    font-size: 17px;
}

img#special {
    vertical-align: -3px;
    margin-right: -3px;
}

img#available {
    vertical-align: -2px;
}

h2#available_title {
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: -5px;
    font-size: 17px;
}

#featured_reports_table {
    margin-left: 10px;
}

#featured_reports_table tr {
    border-style:none;
}

#featured_reports_table td {
    margin: 5px;
    border-style: none;
}

#featured_reports_table a {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    margin: 2px;
}

#featured_reports hr {
    margin-top: 25px;
    margin-bottom: 20px;
    color: #a44499;
}


#tagtexts {
    font-size: 12px;
    margin-bottom: 10px;
}

#tagtexts a {
    margin: 2px;
    padding: 2px;
    -moz-border-radius: 5px 5px 5px 5px;
    background: -moz-linear-gradient(center top , #F3F4F4 0%, #E7E7E7 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D9D9D9;
    vertical-align: -1px;
    white-space: nowrap;
}

#tagtexts .tagbubbles {
    float: left;
}

#tagtexts img {
    margin-left: 1px;
    vertical-align: -3.5px;
}

#filter_wrap {
    margin-bottom: 12px;
}


/* ---------- Section : Content : Keyword Indicator Search ---------- */

span.ilist {
  font-family: Garamond, "Times New Roman", serif;
  font-weight: bold;
  font-style: italic;
}

/*span.icard_controls a{
    float: right;
    margin-top: -19.5px;
}

span.icard_controls img{
    margin-bottom: -5px;
}*/

#indicator_search_filter {
  border: #11b258 3px solid;
  padding: 15px 20px;
  background-color: #e2f0eb;
}

#indicator_search_filter form h1 {
  margin-bottom: 5px;
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #02a44b;
}

#indicator_search_filter form h1 span.ilist {
  font-size: 24px;
  letter-spacing: 1px;
}

#indicator_search_filter form p.instructions {
  margin-bottom: 25px;
  line-height: 18px;
  font-size: 12px;
  font-weight: normal;
  color: #02a44b;
}

#indicator_search_filter form h2 {
  padding: 3px 20px;
  margin: 0 0 15px -20px;
  width: 180px; /* 254px 170px */
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #58595b;
  background-color: #87c879;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

#indicator_search_filter form fieldset {
  margin-bottom: 20px;
  line-height: 15px;
  font-size: 10px;
  color: #000;
}

#indicator_search_filter form fieldset label.text,
#indicator_search_filter form fieldset label.divider {
  display: block;
  float: left;
  margin-right: 5px;
  width: 50px;
  line-height: 22px;
  font-size: 12px;
  font-weight: bold;
  color: #58595b;
}

#indicator_search_filter form fieldset label.divider {
  margin: 0 5px;
  width: 18px;
}

#indicator_search_filter form fieldset input.text {
  display: block;
  float: left;
  margin: 0 0 10px 0;
  width: 178px;
  color: #777;
}

#indicator_search_filter form fieldset input.text.half_line {
  margin: 0 5px 10px 0;
  width: 68px;
}

/* each fieldset ul also needs class "group" to aid in float clearing */
#indicator_search_filter form fieldset ul {
  padding: 0;
  margin: 0 0 5px 0;
  width: 250px;
  list-style: none;
}

#indicator_search_filter form fieldset ul li {
  padding: 0;
  margin: 0 0 2px 0;
  line-height: 18px;
  font-size: 10px;
  color: #000;
}

#linked_checkbox {
}

#indicator_search_filter form fieldset ul.two_column li {
  float: left;
  margin-right: 3%;
  width: 46%;
}

#indicator_search_filter form fieldset ul li label.checkbox {
  display: inline;
  margin-right: 0;
  line-height: 18px;
  font-size: 12px;
  font-weight: normal;
  color: #000;
}

#indicator_search_filter form fieldset select {
  display: block;
  float: left;
  margin: 0 0 10px 0;
  width: 187px;
}

#indicator_search_filter form fieldset#indicator_search_filter_buttons {
  margin: 40px 0 0 0;
  line-height: 22px;
  font-size: 11px;
  font-weight: bold;
  color: #58595b;
}

#indicator_search_filter form fieldset#indicator_search_filter_buttons input.button {
  float: right;
  width: 36px;
  background-color: #10b258;
}

#indicator_search_filter form fieldset#indicator_search_filter_buttons a {
  color: #999;
  border-bottom: #bbb 1px solid;
}

#indicator_search_filter form fieldset#indicator_search_filter_buttons a:hover, 
#indicator_search_filter form fieldset#indicator_search_filter_buttons a:active {
  color: #f33;
  border-bottom: #f33 1px solid;
}


#indicator_search_tallies {
  border: #a7a9ac 2px solid;
  padding: 5px 10px;
  margin-bottom: 5px;
  line-height: 16px;
  font-size: 11px;
  color: #11b258;
  background-color: #f1f2f2;
}

#indicator_search_tallies #indicator_search_tallies_totals {
  float: left;
  width: 22%;
}

#indicator_search_tallies #indicator_search_tallies_totals h3 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  color: #11b258;
}

#indicator_search_tallies ul#indicator_search_tallies_breakdown {
  float: left;
  padding: 0;
  margin: 0;
  width: 78%;
  list-style: none;
}

#indicator_search_tallies ul#indicator_search_tallies_breakdown li {
  display: block;
  float: left;
  margin-left: 18px;
  line-height: 36px;
  font-size: 11px;
  color: #11b258;
}

#indicator_search_tallies ul#indicator_search_tallies_breakdown li img {
  vertical-align: middle;
}


.indicator_list_actions,
.dataTables_paginate,
.dataTables_info {
  padding: 1px 12px 2px 9px;
  margin-bottom: 6px;
  line-height: 20px;
  font-size: 10px;
  color: #555;
  background-color: #c3e0ae;
}

.dataTables_paginate {
  float: left;
  width: 375px;
}
#indicator_list_table_wrapper .top .dataTables_paginate {
    width: 695px;
}
#indicator_list_table_wrapper .bottom .dataTables_paginate {
    width: 919px;
}

#indicator_search_results_table_wrapper .bottom .dataTables_paginate {
    width: 600px;
}


.dataTables_info {
  float: right;
  width: 203px;
  text-align: right;
}

.indicator_list_actions a,
.dataTables_paginate span.paginate_button,
.bottom span.paginate_button {
  color: #a5459a;
  text-decoration: underline;
  border-bottom: none;
  padding: 1px 2px;
  margin-right: 3px;
  cursor: pointer;
}

.dataTables_paginate span.paginate_active {
  color: #333;
  padding: 1px 2px;
  margin-right: 3px;
}

.indicator_list_actions a:hover,
.indicator_list_actions a:active,
.dataTables_paginate span.paginate_button:hover,
.dataTables_paginate span.paginate_button:active {
  color: #fff;
  background-color: #a5459a;
  text-decoration: none;
  border-bottom: none;
  cursor: pointer;
}

.indicator_list_actions a span.ilist {
  font-size: 14px;
  letter-spacing: 2px;
}


#indicator_search_results {
  /*
    Prevents short results sets from shifting the screen. Might need to be
    increased if the results list is increased to more than 20 per page.
  */
 /* height: 730px;*/
}

#indicator_search_results table, 
#indicator_search_results_lightbox table {
  /* can't round corners on a table */
  border: #a7a9ac 1px solid;
  margin-bottom: 5px;
  width: 620px;
  background-color: #fff;
}

a.delete_ilist, a.delete_favorite {
    text-decoration: none; 
    background: center no-repeat url(/static/images/icons/delete_gray.png);
}
a.delete_ilist:hover, a.delete_favorite:hover {
    text-decoration: none; 
    background: center no-repeat url(/static/images/icons/delete_pink.png);
}

a.edit_ilist {
    text-decoration: none; 
    background: center no-repeat url(/static/images/icons/edit_gray.png);
}
a.edit_ilist:hover {
    text-decoration: none; 
    background: center no-repeat url(/static/images/icons/edit_pink.png);
}
a.csv_ilist {
    text-decoration: none; 
    background: center no-repeat url(/static/images/icons/csv_gray.png);
}
a.csv_ilist:hover {
    text-decoration: none; 
    background: center no-repeat url(/static/images/icons/csv_pink.png);
}



#indicator_search_results_lightbox {
  height: 400px;
}

/*#indicator_search_results table tr th,
.portfolio_table table tr th,
,
#indicator_search_results_lightbox table tr th */
div.datatable table tr th {
  border-bottom: #11b258 1px solid;
  border-right: #6d6e71 1px solid;
  padding: 10px 10px 5px 10px;
  line-height: 18px;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  vertical-align: bottom;
  color: #58595b;
  background-color: #87c879;
  cursor: pointer;
}


#table_by_year table tr th,
#table_by_geo table tr th {
  border-bottom: #11b258 1px solid;
  border-right: #6d6e71 1px solid;
  padding: 10px 10px 5px 10px;
  line-height: 18px;
  font-size: 12px;
  text-align: left;
  vertical-align: bottom;
  color: #58595b;
  background-color: #87c879;
  cursor: pointer;
}



div.datatable table tr th.checklist span.ilist,
#indicator_search_results_lightbox table tr th.checklist span.ilist {
  font-size: 23px;
  letter-spacing: 4px;
}

div.datatable table tr th,
.portfolio_table table tr th,
#indicator_search_results_lightbox table tr th,
#table_by_year table tr th.sorting,
#table_by_geo table tr th.sorting {
  background: #87c879 url("/static/images/arrow_sortable.png") 100% 11px no-repeat;
}

div.datatable table tr th.sorting_desc,
.portfolio_table table tr th.sorting_desc,
#indicator_search_results_lightbox table tr th.sorting_desc,
#table_by_year table tr th.sorting_desc,
#table_by_geo table tr th.sorting_desc {
  background: #87c879 url("/static/images/arrow_sortable_down.png") 100% 11px no-repeat;
}

div.datatable table tr th.sorting_asc,
.portfolio_table table tr th.sorting_asc,
#indicator_search_results_lightbox table tr th.sorting_asc,
#table_by_year table tr th.sorting_asc,
#table_by_geo table tr th.sorting_asc {
  background: #87c879 url("/static/images/arrow_sortable_up.png") 100% 11px no-repeat;
}

div.datatable table tr th.checklist,
#indicator_search_results_lightbox table tr th.checklist,
.portfolio_table table tr th.no_sort {
  text-align: center;
  background: #87c879;
}

div.datatable table tr td,
.portfolio_table table tr td,
#indicator_search_results_lightbox table tr td {
  border-right: #a7a9ac 1px solid;
  padding: 0 10px;
  line-height: 26px;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  color: #000;
}

div.datatable table tr td img,
.portfolio_table table tr td img,
#indicator_search_results_lightbox table tr td img {
  vertical-align: middle;
}

div.datatable table tr.even td,
.portfolio_table table tr.even td,
#indicator_search_results_lightbox table tr.even td {
  background-color: #f1f1f1;
}

div.datatable table tr td.center,
.portfolio_table table tr td.center,
#indicator_search_results_lightbox table tr td.center {
  text-align: center;
}

div.datatable table tr td a,
.portfolio_table table tr td a,
#indicator_search_results_lightbox table tr td a {
  display: block;
  color: #000;
  text-decoration: underline;
  border-bottom: none;  
}


div.datatable table tr td a:hover, 
div.datatable table tr td a:active,
.portfolio_table table tr td a:hover,
.portfolio_table table tr td a:active,
#indicator_search_results_lightbox table tr td a:hover, 
#indicator_search_results_lightbox table tr td a:active  {
  color: #f06649;
  border-bottom: none;
}


/* treat Firefox, Safari, and Chrome users to swanky rounded corners */
#indicator_search_filter,
#indicator_search_tallies,
.indicator_list_actions {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.dataTables_paginate {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bottom .dataTables_paginate,
.dataTables_info {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}


#indicator_ilist_lightbox {
  padding: 15px 20px;
  background-color: #fff;
}

#indicator_ilist_lightbox h2 {
  margin-bottom: 5px;
  color: #10b258;
}

#indicator_ilist_lightbox h2 span.ilist {
  font-size: 21px;
  letter-spacing: 2px;
}

#indicator_ilist_lightbox_actions {
  clear: both;
}

#indicator_ilist_lightbox_actions ul {
  padding: 0 0 0 6px;
  margin: 0;
  list-style: none;
}

#indicator_ilist_lightbox_actions ul li {
  float: left;
  border-bottom: #a5459a 1px solid;
  padding: 0 0 10px 0;
  margin: 0;
  width: 76px;
  height: 60px;
  line-height: 12px;
  font-size: 9px;
  text-align: center;
}

#indicator_ilist_lightbox_actions ul li a {
  border-bottom: none;
  color: #888;
}

#indicator_ilist_lightbox_actions ul li a:hover,
#indicator_ilist_lightbox_actions ul li a:active {
  color: #222;
}

#indicator_ilist_lightbox_actions ul li img {
  display: block;
  padding: 0 8px 2px 8px;
}


.indicator_item_lightbox {
  padding: 15px 20px;
  background-color: #fff;
}

.indicator_item_lightbox h2 {
  margin-bottom: 5px;
  color: #10b258;
}

.indicator_item_lightbox h2 span.ilist {
  font-size: 21px;
  letter-spacing: 2px;
}

.indicator_item_lightbox h3 {
  color: #61116a;
  border-bottom: #61116a 1px solid;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

.indicator_item_lightbox .scrollable_body {
  margin-bottom: 20px;
  height: 380px;
  overflow: auto;
}

.indicator_item_lightbox .scrollable_body p {
  font-size: 12px;
  line-height: 18px;
}

.indicator_item_lightbox .scrollable_body p a {
  color: #26b1e6;
  text-decoration: none;
  border-bottom: #26b1e6 1px solid;
}

.indicator_item_lightbox .scrollable_body p a:hover, 
.indicator_item_lightbox .scrollable_body p a:active {
  color: #f06649;
  border-bottom: transparent 1px solid;
}

.indicator_item_lightbox .closer {
  border-bottom: #61116a 1px solid;
  height: 1px;
}


ul.weavefiles_disclaimer{
	margin-left:13px;
	padding:0;
	width:600px;
}
.weavefiles_disclaimer li{
	font-size:10px;
}



/* ---------- Section : Content : User Guides : Overview ---------- */

#userguides_overview_sorter {
  border: #a44599 3px solid;
  width: 434px; /* this is needed to please IE6 */
  background-color: #e7e7e7;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#userguides_overview_sorter h2 {
  padding: 15px 15px 0 15px;
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
}


/*
  Floating each navi LI and using negative margins to remove the
  divider lines surrounding the selected LI.
  Internet Explorer can't handle an edge-to-edge navi, so we leave 2px
  gap on each side to make it look decent.
*/

ul#userguides_overview_filter {
  padding: 0;
  margin: 0 2px 20px 2px;
  height: 32px;
  text-align: left;
  list-style: none;
}

ul#userguides_overview_filter li {
  display: inline;
  padding: 0;
  margin: 0;
}

ul#userguides_overview_filter li a {
  display: block;
  float: left;
  border-bottom: none;
  padding: 6px 2px;
  text-align: center;
  line-height: 20px; /* Safari whitespace bug fix */
  font-size: 14px;
  color: #fff;
  background: #a44499 url(/static/images/userguides_overview_filter_divider.jpg) 100% 50% no-repeat;
}

ul#userguides_overview_filter li a.last {
  background-image: none;
}

ul#userguides_overview_filter li a#overview_filter_link_1 { width: 108px; }
ul#userguides_overview_filter li a#overview_filter_link_2 { width: 96px; }
ul#userguides_overview_filter li a#overview_filter_link_3 { width: 76px; }
ul#userguides_overview_filter li a#overview_filter_link_4 { width: 134px; }

ul#userguides_overview_filter li a:hover,
ul#userguides_overview_filter li a:active,
ul#userguides_overview_filter li a.selected {
  padding-left: 3px;
  margin-left: -1px;
  color: #61116a;
  background: #fff;
}


.userguides_overview_block {
  clear: both;
  padding: 0 30px;
  margin-bottom: 20px;
}

.userguides_overview_block h3 {
  margin-bottom: 0;
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #ed6426;
}


.userguides_overview_block dl#faqs dt {
  display: block;
  padding: 12px 0 0 22px;
  line-height: 20px;
  font-size: 12px;
}

.userguides_overview_block dl#faqs dt.open {
  background: transparent url(/static/images/userguides_icon_toggle_open.png) 0px 14px no-repeat;
}

.userguides_overview_block dl#faqs dt.closed {
  background: transparent url(/static/images/userguides_icon_toggle_closed.png) 0px 14px no-repeat;
}

.userguides_overview_block dl#faqs dt, 
.userguides_overview_block dl#faqs dt a,
.userguides_overview_block dl#faqs dt a:hover,
.userguides_overview_block dl#faqs dt a:active,
.userguides_overview_block dl#faqs dt a:focus {
  border-bottom: none;
  font-size: 12px;
  color: #a5459a;
  outline: 0;
}

.userguides_overview_block dl#faqs dd {
  display: block;
  padding-left: 22px;
  font-size: 11px;
  line-height: 16px;
  color: #636566;
}


.userguides_overview_block dl#videos {
  /*
    Is assigned the class 'group' in the HTML to clear the inside floats
    after the last DT/DD pair.
    Giving the DT and DD specific heights will cause them to float-clear
    properly without needing to use a clearing DIV.
  */
}

.userguides_overview_block dl#videos dt {
  clear: left;
  display: block;
  float: left;
  margin: 12px 20px 6px 0;
  width: 140px;
  height: 120px;
}

.userguides_overview_block dl#videos dd {
  display: block;
  float: left;
  margin: 12px 0 6px 0;
  width: 210px;
  height: 120px;
}

.userguides_overview_block dl#videos dd p {
  padding-top: 5px;
  font-size: 11px;
  line-height: 16px;
  color: #636566;
}

.userguides_overview_block dl#videos dd a {
  font-size: 12px;
  color: #a5459a;
  text-decoration: none;
  border-bottom: #a5459a 1px solid;
}

.userguides_overview_block dl#videos dd a:hover,
.userguides_overview_block dl#videos dd a:active {
  color: #f06649;
  border-bottom: transparent 1px solid;
}


#userguides_overview_videos_and_resources #story_previews {
  width: 460px;
  height: 300px;
}

#userguides_overview_videos_and_resources .story_preview {
  position: relative;
  width: 460px;
}

#userguides_overview_videos_and_resources .thumb {
  /* grows taller so it can hold the video description */
  height: auto;
}

#userguides_overview_videos_and_resources .thumb p {
  padding-top: 5px;
  margin-bottom: 0;
  font-size: 10px;
  line-height: 16px;
  color: #636466;
}

#userguides_overview_videos_and_resources h2 {
  padding-top: 16px;
  margin-bottom: 25px;
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #61116a;
}


ul.userguides_overview_linklist {
  margin: 5px 0 15px 0;
  list-style: none;
}

ul.userguides_overview_linklist li {
  padding: 2px 0;
  margin-bottom: 4px;
  font-size: 12px;
  color: #a5459a;
}

ul.userguides_overview_linklist li a {
  color: #a5459a;
  text-decoration: none;
  border-bottom: #a5459a 1px solid;
}

ul.userguides_overview_linklist li a:hover, 
ul.userguides_overview_linklist li a:active {
  color: #f06649;
  border-bottom: transparent 1px solid;
}

ul.userguides_overview_linklist li.download_pdf {
  padding-left: 24px;
  background: transparent url(/static/images/down_pdf.png) 0px 2px no-repeat;
}

ul.userguides_overview_linklist li.download_xls {
  padding-left: 24px;
  background: transparent url(/static/images/down_csv.png) 0px 2px no-repeat;
}

ul.userguides_overview_linklist li.download_ppt {
  padding-left: 24px;
  background: transparent url(/static/images/down_ppt.png) 0px 2px no-repeat;
}


#userguides_overview_viewall {
  clear: both;
  padding-top: 20px;
}

#userguides_overview_viewall h2 {
  padding-top: 10px;
  margin-bottom: 5px;
}


/* ---------- Section : Content : User Guides : FAQs ---------- */

#userguides_faqs_listall {
  border: #a44599 3px solid;
  padding: 20px;
  width: 734px; /* this is needed to please IE6 */
  background-color: #f0e8ee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#userguides_faqs_listall h2 {
  padding: 0;
  margin-bottom: 5px;
  line-height: 30px;
  font-size: 30px;
  font-weight: normal;
  color: #61116a;
}

#userguides_faqs_listall dl#faqs dt {
  display: block;
  padding: 20px 0 5px 25px;
  width: 709px; /* this is needed to please IE6 + IE7 */
  line-height: 24px;
  font-size: 18px;
}

#userguides_faqs_listall dl#faqs dt.open {
  background: transparent url(/static/images/userguides_icon_toggle_open.png) 0px 25px no-repeat;
}

#userguides_faqs_listall dl#faqs dt.closed {
  background: transparent url(/static/images/userguides_icon_toggle_closed.png) 0px 25px no-repeat;
}

#userguides_faqs_listall dl#faqs dt, 
#userguides_faqs_listall dl#faqs dt a,
#userguides_faqs_listall dl#faqs dt a:hover,
#userguides_faqs_listall dl#faqs dt a:active,
#userguides_faqs_listall dl#faqs dt a:focus {
  border-bottom: none;
  font-size: 18px;
  color: #a5459a;
  outline: 0;
}

#userguides_faqs_listall dl#faqs dd {
  display: block;
  padding-left: 25px;
  width: 709px; /* this is needed to please IE6 + IE7 */
  font-size: 15px;
  line-height: 24px;
  color: #636566;
}


/* ---------- Section : Content : User Guides : Video Tutorials ---------- */

#userguides_tutorials_metadata h1,
#userguides_tutorials_metadata h2,
#userguides_resources_metadata h1,
#userguides_resources_metadata h2 {
  color: #a5459a;
}

#userguides_tutorials_videos {
  /* Is assigned the class 'group' in the HTML to clear the inside floats
     after the last story_thumb. */
  margin: 0 0 40px 30px;
}

#userguides_tutorials_videos #story_previews {
  width: 620px;
  height: 405px;
}

#userguides_tutorials_videos .story_preview {
  position: relative;
  width: 620px;
}


/* ---------- Section : Content : User Guides : Resources ---------- */

.userguides_resources_column {
  padding: 15px 0 0 30px;
  width: 270px; /* this is needed to please IE6 */
}

.userguides_resources_column h3 {
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #ed6426;
}

ul.userguides_resources_linklist {
  margin: 5px 0 15px 0;
  list-style: none;
}

ul.userguides_resources_linklist li {
  padding: 2px 0;
  margin-bottom: 4px;
  font-size: 15px;
  color: #a5459a;
}

ul.userguides_resources_linklist li a {
  color: #a5459a;
  text-decoration: none;
  border-bottom: #a5459a 1px solid;
}

ul.userguides_resources_linklist li a:hover, 
ul.userguides_resources_linklist li a:active {
  color: #f06649;
  border-bottom: transparent 1px solid;
}

ul.userguides_resources_linklist li.download_pdf {
  padding-left: 24px;
  background: transparent url(/static/images/down_pdf.png) 0px 2px no-repeat;
}

ul.userguides_resources_linklist li.download_xls {
  padding-left: 24px;
  background: transparent url(/static/images/down_csv.png) 0px 2px no-repeat;
}

ul.userguides_resources_linklist li.download_ppt {
  padding-left: 24px;
  background: transparent url(/static/images/down_ppt.png) 0px 2px no-repeat;
}

ul.userguides_resources_linklist li p {
  padding-top: 5px;
  font-size: 12px;
  line-height: 18px;
  color: #636566;
}



#overwrite_weavefile_wrap {
  float: left;
}

#overwrite_weavefile_flag, #overwrite_weavefile_flag_label {
  float: right;
}

#overwrite_weavefile_flag_label {
  margin-left: 2px;
  line-height: 1.5em;
}

#save-wf-disclaimer {
  background: url(/static/images/icons/warning_icon.png) 0% 50% no-repeat;
}

#save-wf-disclaimer p {
	padding-top:10px;
  	padding-left: 35px;
  	width:295px;
}

.indicator_item_lightbox #types_and_times  {
	margin-left:0px;
}

.indicator_item_lightbox #types_and_times tr, #types_and_times td {
	border:none;
}
                       
.indicator_item_lightbox #types_and_times .type {
	text-align:left;
	padding-right:5px;
	white-space:nowrap;
}

div.indicator_info {
	margin: 0px 5px 0px 5px;
}

.indicator_info h2 {
	margin-bottom: 5px;
	color: #10b258;
}

.indicator_info h2 span.ilist {
  font-size: 21px;
  letter-spacing: 2px;
}

.indicator_info #types_and_times  {
	margin-left:0px;
}

.indicator_info #types_and_times tr, #types_and_times td {
	border:none;
}
                       
.indicator_info #types_and_times .type {
	text-align:left;
	padding-right:5px;
	white-space:nowrap;
}

#download_csv_submit {
	background-color:#E8E8E8;
	color:#AAA;
	display:none;
        border:2px solid;
        border-radius:2px;
        -moz-border-radius:2px;
        border-color:gray;
        cursor:pointer;
}


.player.index {
	width:460px;
	height:300px;
}


div.page-error {
	text-align:center;
	margin-top:50px;
}

#disclaimer {
	margin: 0px 30px 30px 30px;
}
#disclaimer .title h1 {
	text-align:center;
}
#dislcaimer .content {
}
#disclaimer .agree-dialog {
	position:absolute;
	bottom:15px;
	font-size:12px;
}

#colorbox.tr-close #cboxLoadedContent {
	margin-top:30px;
}
#colorbox.tr-close #cboxClose {
	top:0px;
	right:0px;
}
/*
#colorbox.title-center #cboxLoadedContent h1 {
	text-align:center;
}
*/
#weave-help-flatpage {
	margin:0px 12px 0px 12px;
}
#weave-help-flatpage h1 {
	font-weight:bold;
	font-size:24px;
	text-align:left;
}
#weave-help-flatpage a {
	color:#a34498;
}

#download_indicator_csv {
	font-size:9px;
}
#download_indicator_csv a {
	border:none;
}
#download_indicator_csv a:hover,
#download_indicator_csv a:active {
	color:#222 !important;
}

.snippet{
	font-size:10px;
	padding:5px;
	height:70%;
	min-width:320px;
}

/* Zalyndria's edits
New Account Registration Page Specs & 
Password Strength Check Specs*/

.relative{
  position: relative;
}

.form-inline input, 
.form-inline label {
    display:inline-block;
}

.form-left{
  float:left;
}

#registration_form .reg-form-labels label{
  width: 124px;
  text-align: right;
  font-size:13px;
  color:#000000;
}

#registration_form h1.new-account{
  margin-bottom: 20px;
  margin-top: 15px;
  font-size: 22px;
}

#password_chk{
  position:absolute;
  top:9px;
  left:360px;
}

#strength_indicator{
  font-size:9pt;
}

#confirm_chk{
  position:relative;
  top:-38px;
  left:360px;
}

#confirm_indicator{
  font-size:9pt;
}

#registration_form .complete{
  color:#267400;
}

#registration_form .not-complete{
  color:#df0000;
}

#registration_form .tooShort{
  color:#df0000;
}

#registration_form .weak{
  color:#E66C2C;
}

#registration_form .good{
  color:#2D98F3;
}

#registration_form .strong{
  color:#267400;
  font-weight: bold;
}

#registration_form label{
  margin-right:8px;
}

#registration_form input[type='text'], 
#registration_form input[type='password'] {
  border:2px solid #c7c7c7;
}

#registration_form .pass-requirements label{
  font-size: 11px;
  width:150px;
}

#registration_form .pass-requirements ul{
  margin: 0 0 0 0;
  position: relative;
  top: -20px;
  left: 160px;
  font-size: 11px;
}

#registration_form .pass-requirements ul li{
  font-size: 10px;
}

#registration_form .stacked-checkboxes{
  position: absolute;
  top: 0px;
  left: 112px;
  width:250px;
  height:200px;
}

#registration_form .stacked-checkboxes .check-box-wrap{
  width:420px;
  height: 200px;
}

#registration_form .stacked-checkboxes li{
  display: inline-block;
  width:200px;
  height:20px;
}

#registration_form #user-type-list{
  height:200px;
  position: relative;
}

#registration_form .nonstacked-checkboxes{
  position: relative;
  top: -18px;
  left: 113px;
  list-style-type: none;
  margin-bottom: 0px;
}

#registration_form .nonstacked-checkboxes li label{
    font-size: 12px;
    color: #636466;
    text-align: left;
    width:140px;
}

#registration_form .hidden-other label{
  font-size: 11.5px;
}

#registration_form .terms-agreement{
  list-style-type: none;
  position:relative;
  top: 0px;
  left:131px;
}

#registration_form .terms-agreement ul li label{
  font-size:14px;
  color:#000000;
}

#registration_form .terms-agreement ul li input{
  width:18px;
}

#registration_form .terms-agreement ul li a{
  font-size:14px;
  color:#0FCFD9;
}

#registration_form input[type='submit']{
  position:relative;
  top: 0px;
  left: 158px;
  border: none;
  padding: 10px;
  margin-top: 20px;
  width:100px;
  height: 45px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background-color: #713078;
  cursor: pointer;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
/*End New Account Reg Specs*/