﻿/* this is pulling content from DB Body field -- tables there that will need some special work/classes */

input[type="submit"], input[type="button"], button { border:none; padding: 3px 5px 3px 5px; color: #006892; background-color: #CEE2EC; text-transform: uppercase; text-align:center; font-family: 'ProximaNovaCondensed'; font-weight: bold; font-size: 12pt; }


section, nav, footer, header
{
    display:block;
}

.cms-body table 
{
    
}

.cms-body table th
{
    
}

.cms-body table td
{
    
}

.cms-body h1,h2,h3,h4
{
    color:#221e1f;
}

.cms-body h3 a 
{
    color:#221e1f;
}

.cms-body img 
{
    border:none;
}

div.formlabel
{
    float: left;
    width: 120px;
    line-height:1.2em;
}

div.formfield
{
    float: left;
    width: 400px;
}

span.donation-amount {
    display:inline-block;
    margin-right:5px;
}
div.formval
{
    float: right;
    width: 160px;
    line-height:1.2em;
}

div.formitem
{
    float: left;
    clear: both;
    margin-bottom: 5px;
    width: 680px;
}

div.formfull
{
    clear: both;
    margin-bottom: 5px;
    width: 680px;
    padding-right:50px;
}


div.formbutton
{
    float: left;
    clear: both;
    margin-bottom: 5px;
    width: 680px;
    padding-left:10px;
}

div.formbutton input[type="submit"] {
    float:left;
}

div.formbutton button {
    float:left;
}


input, select, textarea 
{
    color: #717171;
    font-family: 'ProximaNova', Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    margin: 0;
    padding:2px;
    border: 1px solid  #717075;
}

table.radioTable input {
    border: none !important;
}

span.radcheck input {
    border: none !important;
}

table.radioTable label {
    width: 250px;
}

table.radioTable {
    margin-left:10px;
}

input[type="checkbok"] { border:none !important; }
input[type="radio"] { border:none !important; }

input.formbutton{ padding: 0 10px; border: 0; background-color: #CEE2EC; text-transform: uppercase; text-align:center; font-family: 'ProximaNovaCondensed'; font-weight: bold; font-size: 12pt; height: 28px; line-height: 28px; color: #286793; cursor: pointer; }



/* error on forms for events */
.cms-select-required {
    background-color:#efdbda;
}

.cms-form-hidden {
    display:none;
}

.cms-form-visible {
    display:block;
}



/* =cms-message
------------------------------------------------------------ */	

.cms-form
{
}

.cms-form h3 {
    padding-top:10px;
    margin-bottom:10px;
}

.cms-form input.medium 
{
    width:200px;
}

.cms-form input.small 
{
    width:100px;
}

.cms-form input.large 
{
    width:300px;
}

.cms-form select.medium 
{
    width:200px;
}

.cms-form select.small 
{
    width:100px;
}

.cms-form select.large 
{
    width:300px;
}

.cms-form textarea.medium 
{
    width:200px;
}

.cms-form textarea.small 
{
    width:100px;
}

.cms-form textarea.large 
{
    width:300px;
}
.cms-form .required 
{
    color:#efb49b;
}

.cms-error { 
    margin: 5px 0;
	padding: 5px;
    color:#717075;
	background: #efb49b;
}

.cms-error a { 
	color:#717075 !important;
	text-decoration: underline;
}

.cms-error a:visited { 
	color:#717075 !important;
	text-decoration: underline;
}

.cms-error a:hover { 
	color:#717075 !important;
	text-decoration: underline;
}

.cms-warning {
    margin: 5px 0;
	padding: 5px;
    color:#717075;
	background: #efeada;
}

.cms-warning a { 
	color:#717075 !important;
	text-decoration: none;
}

.cms-warning a:visited { 
	color:#717075 !important;
	text-decoration: underline;
}

.cms-warning a:hover { 
	color:#717075 !important;
	text-decoration: underline;
}

.cms-confirm {
    margin: 5px 0;
	padding: 5px;
    color:#717075;
	background-color: #cee5b7;
}

.cms-confirm a { 
	color:#717075 !important;
	text-decoration: none;
}

.cms-confirm a:visited { 
	color:#717075 !important;
	text-decoration: underline;
}

.cms-confirm a:hover { 
	color:#717075 !important;
	text-decoration: underline;
}

/* =cms-panel
------------------------------------------------------------ */	
div.cms-panel-inline
{
    display:inline;
}

/* =cmsmodal
------------------------------------------------------------ */	

.cms-modalbackground
{
	filter: alpha(opacity=70); background-color: gray;
	opacity: 0.7;
}

.cms-modalpopup {
    color:Black;
	margin-top: 20px; 
	width: 440px; 
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom:10px;
	margin-top:10px;
	background-color:#e5e4e0;
	background-image:none;
	border:solid 2px #98927f;
}

.cms-modalpopup-popupcomment {
    color:Black;
	margin-top: 20px; 
	width: 440px; 
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom:10px;
	margin-top:10px;
	background-color:#e5e4e0;
	background-image:none;
	border:solid 2px #98927f;
}

.cms-modaltop
{
    background-color:#98927f;
    text-align:right;
    cursor:move;
}

.cms-form {

}

/*
.cms-form label {
	text-align: left;
	width: 120px;
	padding-right: 20px;
}

.cms-form label, .cms-form input,.cms-form textarea.text, .cms-form select.select {
	display: block;
	float: left;
	margin-bottom: 10px;
}

.cms-form input.radio, .cms-form input[type="radio"], .cms-form span.radio input,
.cms-form input.check, .cms-form input[type="checkbox"], .cms-form span.check input
{
    display: inline-block;
    margin-right: 5px;
}

.cms-form input.text,.cms-form textarea.text,.cms-form select {
    width: 350px;
}

.cms-form textarea.address {
    height: 75px;
    width: 280px;
    margin-bottom:10px;
}

.cms-form span.radio label, .cms-form span.check label {
    width:auto;
}

.cms-form span.radio label {
    width:auto;
}
    */

.cms-form br.form {
	clear: left;
}

.cms-form .form_full {
    width:99.5%;
}

.cms-form .form_med {
    width:280px;
}

.cms-form .form_sm {
    width:133px;
}

.cms-form .form_xsm {
    width:80px;
}

.cms-form .form_xxsm {
    width:50px;
}

.cms-form span.form_text {
    float:left;
    padding:0 5px;
    display:inline-block;
}

.cms-form-body {
    font-size: 11px;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    background-color: #d9d6cb;
    margin-bottom: 8px;
}

.cms-body img {
	/*padding: 5px 6px 4px 6px;*/
    /*margin:7px;*/
	margin:5px 10px 5px 0;
	text-align:left;
}

.cms-body img.icon 
{
    top:-5px;
    padding-right:10px;
    float:left;
    position:relative;
}

.cms-body a 
{
    text-decoration:none;
}


.cms-align-image-left img 
{
    float:left;
    padding: 0px 6px 4px 1px;
}


.cms-form-body img {
	padding: 5px 6px 4px 6px;
}


/* default layout */
.cms-tab2 .ajax__tab_header {white-space:nowrap;font-family:Arial,Helvetica;font-size:13px;color:#2e6987;margin:0px 25px 0px 0px;}
.cms-tab2 .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.cms-tab2 .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.cms-tab2 .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}
.cms-tab2 .ajax__tab_active .ajax__tab_inner {font-weight:bold;}


.cms-gridview-pager td {
        padding-left: 2px;
        padding-right: 2px;
}

.cms-gridview-pager span {
    font-weight: bold;
}

.cms-gridview-pager a {
    text-decoration: underline;
}

.cms-bold {
    font-weight:bold;
}

.cms-notbold {
    font-weight:normal;
}


.cms-fontsmall {
    font-size:10px;
}

.cms-fontsmallest {
    font-size:8px;
}

.cms-fontmedium {
    font-size:12px;
}

.cms-fontlarge {
    font-size:16px;
}


/* =cms-panel
------------------------------------------------------------ */	
div.cms-panel-inline
{
    display:inline;
}


/* infographic changes 2011-05-01 */

div.ig 
{
    font-size:14px;
    line-height:20px;
    background-color:#fff;
}

div.ig h1 
{
    font-size:36px;
    line-height:normal;
}

div.ig h2 
{
    font-size:16px;
    line-height:normal;
}

div.ig-close 
{
    height:12px;
    width:49px;
    float:right;
}


a.ig-close 
{
    
    font-size:14px;
    color:#000;
    text-decoration:none;
}

a.ig-close:hover
{
    
    font-size:14px;
    color:#ff6600;
}

a.ig-close span.ig-close-icon
{
    
    font-size:18px;
}

a.ig-close span.ig-close-text
{
    
    font-size:14px;
}

div.ig-overview-on 
{
    background-image:url(/cms/Images/Layout/ig-overview-on.png);
    background-repeat:no-repeat;
    height:35px;
    width:100px;
}

div.ig-overview-off 
{
    background-image:url(/cms/Images/Layout/ig-overview-off.png);
    background-repeat:no-repeat;
    height:35px;
    width:100px;
}


div.ig-fullstory-on 
{
    background-image:url(/cms/Images/Layout/ig-fullstory-on.png);
    background-repeat:no-repeat;
    height:35px;
    width:100px;
}

div.ig-fullstory-off 
{
    background-image:url(/cms/Images/Layout/ig-fullstory-off.png);
    background-repeat:no-repeat;
    height:35px;
    width:100px;
}

.ig-divider 
{
    height:15px;
    background-image:url(/cms/Images/Layout/ig-line.png);
    background-repeat:repeat-x;
    background-position:center;
}

/* RF sectors */
div.graphic,div.graphic .graphicInformation,div.graphic .primaryGraphic,div.graphic .question,div.graphic .questionContent,div.graphic .questionDown,div.graphic ul.levers,div.graphic ul.levers li,div.graphic ul.levers li .lever,div.graphic ul.levers li .leverContainer,div.graphic ul.levers li .leverArrow
  {
  float: left;
  position: relative;
  display: block;
}

div.graphic {
  background: url("/Content/Images/Layout/grass_bg.jpg") repeat;
  margin-top: 15px;
  width: 516px;
  border: 2px solid #dae5dd;
}

div.graphic .graphicInformation {
  margin-left: 25px;
  bottom: 55px;
}

div.graphic .primaryGraphic {
  top: 10px;
  left: 35px;
  height: 205px;
}

div.graphic .question {
  width: 114px;
}

div.graphic .questionContent {
  background-color: #50a7c9;
  border-width: 2px 2px 0px 2px;
  border-color: white;
  border-style: solid;
  width: 90px;
  padding: 10px;
  color: white;
  font-size: 18px;
  font-style: italic;
}

div.graphic .questionDown {
  background: url("/Content/Images/Layout/graphic_how_bg.png") 0px 0px no-repeat;
  width: 114px;
  height: 23px;
}

div.graphic ul.levers,div.graphic ul.levers li {
  list-style: none;
}

div.graphic ul.levers {
  margin-left: 18px;
  margin-bottom: 0px;
  margin-top:0;
  padding-left:0;
}

div.graphic ul.levers a {
  cursor: pointer;
}

div.graphic ul.levers li {
  border-left: 4px solid white;
  background: url("/Content/Images/Layout/graphic_levers_horizontal_line.png") 0px 17px no-repeat;
  width: 450px;
  min-height: 20px;
  padding: 0px 0px 20px 14px;
  list-style:none;
  
}

div.graphic ul.levers li.lastChild {
  border: none;
  background: url("/Content/Images/Layout/graphic_levers_last_line.png") 0px 0px no-repeat;
  padding-bottom: 0px;
}

div.graphic ul.levers .leverContainer {
  background-color: #efece8;
  border: 2px solid white;
  width: 385px;
  padding: 12px;
  cursor: pointer;
}

div.graphic ul.levers .leverContainer * {
  padding: 0px;
  margin: 0px;
}

div.graphic ul.levers .leverContainer a.title {
  color: #006891;
  font-size: 18px;
}

div.graphic ul.levers .leverContainer p {
  font-size: 11px;
}

div.graphic ul.levers .lever .leverArrow {
  background: url("/Content/Images/Layout/graphic_levers_rightarrow.png") 0px 0px no-repeat;
  width: 30px;
  height: 35px;
  margin-top: 22px;
}

div.graphic ul.levers .lever:hover .leverArrow {
  background-position: 0px -35px;
}


.cms-lightbox-subscribe {
    width:420px;
    height:220px;
    background-image:url(/Content/Images/Home/subscribe-bg.jpg);
    background-repeat:no-repeat;
    padding:15px;
    overflow:hidden;
}

.cms-lightbox-imagemap {
    width:620px;
    height:420px;
    padding:15px;
    overflow:hidden;
}


.cms-lb-title {
    font-size:18pt;
    color:#fff;
}

.cms-lb-big {
    font-size:24pt;
}

.cms-lb-email {
    color:#fff;
    font-size:14pt;
}

.cms-lb-buttons {
    text-align:right;
}

.cms-lb-buttons input {
    background-color:#fff;
    color:#000;
    font-size:12pt;
    width:60px;
    margin-bottom:5px;
}

.cms-lb-privacy {
    color:#000;
    font-size:10pt;
}

.cms-lb-privacy a {
    color:#000;
}

