/**
 * $Id
 * 
 * File:
 * styles.css
 * 
 * About:
 * Global stylesheet: base styles, forms, alerts, and page-specific styles
 * 
 * Author:
 * James Dahlfred, Brightform Interactive (http://brightform.com)
 * 
 * Version:
 * 1.0
 */

/* -----------------------------------------------------------------------------
 * GENERAL RESET
 * -------------------------------------------------------------------------- */

* {
  text-decoration: none;
  font-size: 1em;
  outline: none;
  margin: 0;
  padding: 0;
}

/* -----------------------------------------------------------------------------
 * SPECIFIC RESETS
 * -------------------------------------------------------------------------- */

body, blockquote, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, select, textarea, ol, p, pre, table, th, td, ul {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table[border] {
  border-collapse: separate;
  border-spacing: 0;
}
thead, tbody, tfoot, tr, th, td {
  width: auto;
  height: auto;
  background-color: transparent;
  vertical-align: inherit;
  border: none;
}
caption, th, td {
  text-align: left;
  vertical-align: top;
}
a, a img, a abbr, a acronym, abbr, acronym, applet, fieldset, form, iframe, img, object, table {
  border: none;
}
address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var {
  font-style: normal;
  font-weight: normal;
}
code, isindex, kbd, listing, plaintext, pre, samp, tt, var, xmp {
  font: inherit;
  white-space: normal;
  font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  border: none;
}
ol, ul, dir, menu {
  list-style: none;
}
ol {
  list-style-type: decimal;
}
q:before, q:after {
  content: '';
}
a {
  text-decoration: none;
}
a:hover, a:focus, input:focus, select:focus, textarea:focus {
  outline: none;
}
hr {
  display: none;
}
/* We will re-reset it later for content */

/* -----------------------------------------------------------------------------
 * LANGUAGE-SPECIFIC PUNCTUATION
 * -------------------------------------------------------------------------- */

q {
  quotes: '\201C' '\201D' '\2018' '\2019';
}
:lang(af), :lang(nl), :lang(pl) {
  quotes: '\201E' '\201D' '\201A' '\2019';
}
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) {
  quotes: '\201E' '\201C' '\201A' '\2018';
}
:lang(da), :lang(hr) {
  quotes: '\00BB' '\00AB' '\203A' '\2039';
}
:lang(el), :lang(es), :lang(sq), :lang(tr) {
  quotes: '\00AB' '\00BB' '\2039' '\203A';
}
:lang(en-GB) {
  quotes: '\2018' '\2019' '\201C' '\201D';
}
:lang(fi), :lang(sv) {
  quotes: '\201D' '\201D' '\2019' '\2019';
}
:lang(fr) {
  quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}
*[lang|='en'] q:before {
  content: '\201C';
}
*[lang|='en'] q:after {
  content: '\201D';
}
*[lang|='en'] q q:before {
  content: '\2018';
}
*[lang|='en'] q q:after {
  content: '\2019';
}

/* -----------------------------------------------------------------------------
 * HTML & BODY
 * -------------------------------------------------------------------------- */

html, body {
  height: 100%;
  color: #000;
  background-color: #fff;
}

/* \*/

html {
  font-family: sans-serif;
}

/* */

body {
  font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 95%;
  line-height: 1.25em;
}

/* -----------------------------------------------------------------------------
 * BLOCK ELEMENTS
 * -------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, address {
  margin-bottom: .5em;
}

h1 
{
      width: auto;
  padding: .5em 0;
  border: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: bold;
  border:none;
  text-decoration:none;
  margin-bottom:20px;
}

ul, ol {
  margin-bottom: 1em;
}
hr {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #c2bdad;
  padding: 0;
  margin: 10px 0;
  border: 0;
  font-size: 0;
  line-height: 0;
}
li {
  padding-left: 0;
  margin-left: 1.25em;
  margin-bottom: .5em;
}
ul li {
  list-style: disc outside;
}
ol li {
  list-style: decimal outside;
}
img {
  display: block;
  margin: 0;
}

/* -----------------------------------------------------------------------------
 * PHRASE ELEMENTS
 * -------------------------------------------------------------------------- */

blockquote, address {
  padding: .8em;
  margin-left: 1px;
  border-left: 2px solid #c2bdad;
  background-color: #fff;
}
cite, dfn, em, i {
  font-style: italic;
}
b, dt, h1, h2, h3, h4, h5, h6, strong, th, thead td {
  font-weight: bold;
}
caption, th, td {
  text-align: left;
}
sup {
  vertical-align: super;
  font-weight: bold;
}
sub {
  vertical-align: sub;
}
small, sup, sub, .uc {
  font-size: 85%;
}
*:first-child + html sup {
  display: inline-block;
}
big {
  font-size: 125%;
  line-height: 80%;
}

del {
  text-decoration: line-through;
}
ins, dfn {
  border-bottom: 1px solid #c2bdad;
}
pre {
  white-space: pre;
}
pre * {
  font-size: 100%;
  white-space: pre;
}
address {
  width: auto;
}
abbr {
  cursor: help;
}
abbr, acronym {
  text-transform: uppercase;
  font-size: 85%;
}
abbr[title], acronym[title], dfn[title] {
  cursor: help;
  border-bottom: 1px dotted #c2bdad;
}
code, kbd, pre, samp, tt, var {
  font-size: 1.1em;
  font-family: Consolas, Monaco, "Courier New" , Courier, monospace;
}
code {
  display: inline;
}
img {
  display: block;
  margin: 0;
}

/* -----------------------------------------------------------------------------
 * DEPRECATED HTML
 * -------------------------------------------------------------------------- */

center, *[align] {
  text-align: inherit;
}
s, strike, u {
  text-decoration: inherit;
}
nobr {
  white-space: normal;
}
marquee {
  overflow: visible;
  -moz-binding: none;
}
blink {
  text-decoration: none;
}
font, basefont {
  color: inherit;
  font: inherit;
  font-size: 100%;
}

/* -----------------------------------------------------------------------------
 * HEADINGS
 * -------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0;
  text-transform: uppercase;
}
h1, h2 {
  padding-top: .5em;
  font-size: 1.5em;
}
 h3.bb {
  border-bottom: 1px solid #c2bdad;
}
h3 {
  font-size: 1.1em;
  margin-top: 1em;
}
h4 {
  font-size: 1em;
}
h5 {
  font-size: .8em;
}
h6 {
  font-size: .6em;
}

/* -----------------------------------------------------------------------------
 * CLEARFIX HACK
 * -------------------------------------------------------------------------- */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html > body .clearfix {
  display: inline-block;
  display: -moz-inline-box;
  width: 100%;
}

* html .clearfix {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
}

/* -----------------------------------------------------------------------------
 * ANCHORS
 * -------------------------------------------------------------------------- */

a {
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
a.noHover:hover, .noHover a:hover {
  text-decoration: none;
}
a, a:link, a:active, a:hover, a:hover:visited, label {
  color: #3972bf;
}
a:visited {
  color: #1b4ea1;
}

a.languagelink, a.languagelink:link, a.languagelink:active, a.languagelink:hover, a.languagelink:hover:visited {
  color: #00017F;
    text-decoration:underline;
  font-size:125%;
}

/* -----------------------------------------------------------------------------
 * FORMS
 * -------------------------------------------------------------------------- */

form {
  background-color: transparent;
}
fieldset {
  width: auto;
  padding: 0;
  border: 0;
  margin: 0;
}
fieldset > *:first-child {
  margin-top: 0;
}

/* \*/

legend {
  width: auto;
  padding: .5em 0;
  border: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: bold;
}

/* */

@media all and (min-width: 0px) /* for Opera 8 */ {
  legend {
    margin-bottom: 1.5em;
  }
}

input, textarea, select, button {
  cursor: pointer;
}
input[type='text'], input[type='password'], input[type='search'], textarea {
  color: #000;
  background-color: #fff;
  font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
}
input[type='text']:hover, input[type='password']:hover, input[type='search']:hover, textarea:hover, input[type='text']:focus, input[type='password']:focus, input[type='search']:focus, textarea:focus {
  cursor: text;
}
input[type='hidden'] {
  display: none;
}
input[disabled='true'] {
}

select[multiple] {
  margin-bottom: .5em;
}

form table th, form table td {
  vertical-align: top;
}

form span {
  display: block;
  margin: 0;
  padding: 1px;
  border: 1px solid #dbdbc8;
  overflow: hidden;
}

form span input, form span textarea, form span select {
  display: inline-block; /* default appearance */
  display: -moz-inline-box; /* default appearance */
  padding: 2px;
  border-width: 1px;
  font-size: 12px;
  font-family: inherit;
  line-height: 12px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box: border-box;
  box-sizing: border-box;
}
/*
input[type='''] {
  position: relative;
  bottom: -.2em;
  }
*/
textarea {
  height: 6em;
}
textarea.tall {
  height: 16em;
  width: 100%;
}

form span.tiny {
  width: 2.25em;
}
form span.short {
  width: 5.25em;
}
form span.medium {
  width: 8.25em;
}

form span.note {
  display: inline;
  padding: 0;
  border: none;
  background-color: transparent;
  overflow: auto;
}
span.inline {
  float: left;
  margin: 0 6px;
}
span.inline select {
  min-width: 64px; /* Tried to appease Opera, useless */
}

/* -----------------------------------------------------------------------------
 * GENERAL STYLES
 * -------------------------------------------------------------------------- */

.uc { text-transform: uppercase; }
.lc { text-transform: lowercase; }
.caps { font-variant: small-caps; }

.txtleft { text-align: left; }
.txtcenter { text-align: center; }
.txtright { text-align: right; }

.note {
  color: #54544d;
  font-style: italic;
}

/* -----------------------------------------------------------------------------
 * TABLE ELEMENTS
 * -------------------------------------------------------------------------- */

table.padded th, table.padded td {
  padding: 0 .5em .5em 0;
}
td.label {
  width: 15%;
  text-align: right;
}
table.quintpane {
  margin-bottom: .5em;
}
table.quintpane {
  width: 100%;
  background: url("../images/scale.gif") left top no-repeat;
}
table.quintpane td {
  padding: .5em 10px 0 10px;
  border-left: 1px solid #c2bdad;
}
table.quintpane td.last_pane {
  border-right: 1px solid #c2bdad;
}
table.quintpane tr.radiorow td {
  padding-top: 22px;
}
table.quintpane td.pane_full {
  border-left: 1px solid #c2bdad;
  border-right: 1px solid #c2bdad;
}
table.duopane table {
  width: 100%;
}
table.duopane td.pane_left {
  width: 50%;
  padding-right: 30px;
}
table.duopane td.pane_right {
  width: 50%;
  padding-left: 30px;
  border-left: 1px solid #c2bdad;
}
table.duopane.lopsided td.pane_left {
  width: 75%;
}
table.duopane.lopsided td.pane_right {
  width: 25%;
}
table.duopane.lopsided.thirds td.pane_left {
  width: 66%;
}
table.duopane.lopsided.thirds td.pane_right {
  width: 33%;
}
table.duopane textarea {
  height: 15em;
}

/* -----------------------------------------------------------------------------
 * FLOATS, INLINES, IMAGES
 * -------------------------------------------------------------------------- */

.float_left { float: left; }
.float_right { float: right; }
.inline { display: inline; }
.inline_block { display: -moz-inline-box; display: inline-block; }

/* -----------------------------------------------------------------------------
 * WRAPS AND DIRECT CHILDREN
 * -------------------------------------------------------------------------- */

#head_wrap, #body_wrap, #foot_wrap, #chooser_wrap {
  position: relative;
  width: 100%;
  height: auto;
  min-width: 850px;
  margin: 0 auto;
}
#chooser_wrap {
  background: url("../images/chooser.gif") left top repeat-x;
  min-width: 770px;
}

#head, #body, #foot, #chooser {
  position: relative;
  height: auto;
  margin: 0 auto;
}
#head {
  background: url("../images/pagetop.gif") left top no-repeat;
  width: 850px;
  height: 33px;
}
#body {
  background: url("../images/pagemid.gif") left top repeat-y;
  width: 770px;
  padding: 0 40px;
}
#foot {
  background: url("../images/pageend.gif") left top no-repeat;
  width: 850px;
  height: auto;
  padding: 45px 0 0 0;
}
#chooser {
  width: 220px;
  padding: 1em;
}
#chooser ul, #chooser ul li {
  list-style: none;
}
#chooser ul li a {
  display: block;
  height: 25px;
  width: 200px;
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
#chooser ul li a:hover, #chooser ul li a.active {
  background: transparent url("../images/nav_about.gif") left bottom no-repeat;
}
.inactive {
  display: none;
}

/* -----------------------------------------------------------------------------
 * HEAD
 * -------------------------------------------------------------------------- */

#sitemap {
  text-align: right;
  font-size: .8em;
  text-transform: uppercase;
  width: 830px;
  margin: 1em auto;
  margin-bottom:0px;
}
#sitemap .videolink {
  display: inline;
  float: left;
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 1.2em;
}

#ctl00_imgbHomeHead {
  position: absolute;
  top: 25px;
  left: 25px;
}

#ctl00_imgbLogoutHead {
  position: absolute;
  top: 25px;
  right: 25px;
}

/* -----------------------------------------------------------------------------
 * BODY: GENERAL
 * -------------------------------------------------------------------------- */

.footnotes, .footnotes li {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

/* -----------------------------------------------------------------------------
 * BODY: LOGIN/REGISTER
 * -------------------------------------------------------------------------- */

#login {
  width: 226px;
  padding-right: 30px;
}
#register {
  width: 482px;
  padding-left: 30px;
  border-left: 1px solid #c2bdad;
}

/* -----------------------------------------------------------------------------
 * BODY: QUESTIONS
 * -------------------------------------------------------------------------- */

#q1item, #q2item, #q3item, #q4item, #q5item {
  list-style: none;
  padding-left: 26px;
  margin-left: 0;
  padding-bottom: 1em;
  background-position: left top;
  background-repeat: no-repeat;
}
#q1item {
  background-image: url("../images/q1.gif");
}
#q2item {
  background-image: url("../images/q2.gif");
}
#q3item {
  background-image: url("../images/q3.gif");
}
#q4item {
  background-image: url("../images/q4.gif");
}
#q5item {
  background-image: url("../images/q5.gif");
}
span.qnumber {
  display: none;
}

/* -----------------------------------------------------------------------------
 * BODY: STORIES
 * -------------------------------------------------------------------------- */

.story {
  padding-bottom: 1em;
  border-bottom: 1px solid #c2bdad;
  margin-bottom: 1em;
}
.story p span {
  display: inline;
  border: none;
}
.story p.byline {
  font-style: italic;
}
.story.status_Pending,
.story.status_Approved,
.story.status_Denied {
  padding: 10px;
  border-color: #cccab8;
}
.story.status_Pending {
  background-color: #fff0a5;
}
.story.status_Approved {
  /*background-color: #d5eec8;*/
}
.story.status_Denied {
  background-color: #ffc6b4;
}
.pages {
  text-align: left;
  padding-bottom: 1em;
  border: none;
  border-bottom: 1px solid #c2bdad;
  margin-bottom: 1em;
}
.pages span {
  display: inline;
  border: none;
}
.pager {
  display: inline;
  height: 27px;
  background: transparent url("/images/btn_middle.gif") repeat-x top left;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 7px 9px 7px;
  border: none;
}
.pager.prev {
  background: transparent url("/images/btn_left.gif") no-repeat top left;
  padding-left: 10px;
}
.pager.next {
  background: transparent url("/images/btn_right.gif") no-repeat top right;
  padding-right: 10px;
}
span.pager.prev {
  padding-right: 0;
}
span.pager.next {
  padding-left: 0;
}
a.pager, a.pager:hover, a.pager:active {
  color: #fff;
}
.pager.here {
  background-image: url("/images/btn_middle_here.gif");
}
#ctl00_CenterPane_stories_ctrl2_cmBody {
  height: 12em;
}

/* -----------------------------------------------------------------------------
 * BODY: ABOUT
 * -------------------------------------------------------------------------- */

#vimeoEmbed {
  background-color: #fff;
  padding: .8em;
  border: 1px solid #c2bdad;
  margin-bottom: .5em;
  width: 400px;
}

.i1, .i2, .i3, .i4, .i5 {
  list-style: none;
  padding-left: 26px;
  margin-left: 0;
  background-position: left top;
  background-repeat: no-repeat;
}
.i1 {
  background-image: url("../images/q1.gif");
}
.i2 {
  background-image: url("../images/q2.gif");
}
.i3 {
  background-image: url("../images/q3.gif");
}
.i4 {
  background-image: url("../images/q4.gif");
}
.i5 {
  background-image: url("../images/q5.gif");
}

/* -----------------------------------------------------------------------------
 * FOOT
 * -------------------------------------------------------------------------- */

#foot ul, #foot ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
#foot ul {
  margin-bottom: 50px;
}
#foot ul li {
  float: left;
}

/* -----------------------------------------------------------------------------
 * FANCY FORMS
 * -------------------------------------------------------------------------- */

.radio {
  display: inline-block;
  background: transparent url("../images/radio_off.gif") no-repeat left top;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  cursor: pointer;
  }
.unchecked { background-image: url("../images/check_off.gif"); }
.checked { background-image: url("../images/check_on.gif"); }
.unselected { background-image: url("../images/radio_off.gif"); }
.selected { background-image: url("../images/radio_on.gif"); }
.help {
  display: inline-block;
  background: transparent url("../images/help.gif") no-repeat left top;
  width: auto;
  height: 16px;
  padding: 0 0 0 18px;
  border: none;
  cursor: pointer;
}

#share table, #contact table {
  width: 100%;
}

/* -----------------------------------------------------------------------------
 * OUT OF FLOW ELEMENTS
 * -------------------------------------------------------------------------- */

#overlay {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
}

#sharePopup, #incompletePopup, #privacyPopup, #registerPopup {
  display: none;
  z-index: 2;
  position: absolute;
  top: 60px;
  width: 500px;
  height: auto;
}

#popup_head, #popup_body, #popup_foot {
  position: relative;
  width: 440px;
  height: auto;
  padding: 0 30px;
  margin: 0 auto;
}

#popup_head {
  background: url("../images/poptop.gif") left top no-repeat;
  height: 30px;
}
#popup_body {
  background: url("../images/popmid.gif") left top repeat-y;
}
#popup_foot {
  background: url("../images/popend.gif") left top no-repeat;
  height: 30px;
}

/* -----------------------------------------------------------------------------
 * ASP
 * -------------------------------------------------------------------------- */

.home {
  position: absolute;
  top: 25px;
  left: 25px;
}
.logout {
  position: absolute;
  top: 20px;
  right: 50px;
}

.fbico 
{
    position: absolute;
    top: 15px;
  right: 43px;
  width:18px;
  height:18px;
  display:block;
}

.tbico 
{
    position: absolute;
    top: 15px;
  right: 20px;
  width:18px;
  height:18px;
  display:block;
}

.admin {
  position: absolute;
  top: 25px;
  right: 100px;
}
.LblLegend {
  width: auto;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: bold;
  background-color: Transparent;
  border: 0;
  padding: .5em 0;
}
.LblLabel {
  width: auto;
  font-size: 1em;
  background-color: Transparent;
  border: 0;
  padding: .5em 0;
}
.btnlogin {
  background-color: transparent;
  background-image: url(../images/login.gif);
  border-style: none;
  cursor: pointer;
  width: 71;
  height: 27;
}

.btnlogin_es {
  background-color: transparent;
  background-image: url(../images/login_espanol.gif);
  border-style: none;
  cursor: pointer;
  width: 121;
  height: 27;
}
.Dropdowns {
  font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
  font-size: inherit;
}
.Listbox {
  font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
  font-size: inherit;
  border: 1px solid #dbdbc8;
}
.Panel {
  font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
  font-size: .9em;
  border: 1px solid #dbdbc8;
}
.radioanswers {
  padding-right: 30px;
}