a, a:hover {
  background-color: transparent;
  border: none;
}

a:hover {
  text-decoration: underline;
}

html, body {
  background-color: #fff;
  font-family: Arial;
}

body {
  height: 100%!important;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.page-header {
  background-color: transparent;
  margin: 0 auto;
  width: 800px;
}

.meta {
  background: #DDD url('/images/layout/header-background.jpg') repeat-x;
  height: 40px;
  width: 100%;
}

.meta-content {
  margin: 0 auto;
  position: relative;
  width: 800px;
}

.meta-content a {
  border: 0;
  color: #fff;
  text-decoration: none;
}

.meta-content a:hover {
  border: 0;
  text-decoration: underline;
}

.meta-content a.about {
  display: block;
  font-size: 24px;
  letter-spacing: 1px;
  padding: 15px 0 0 10px;
  width: 250px;
}

.meta-content .account-nav {
  /*bottom: 0;
  height: 15px;
  position: absolute;
  right: 10px;*/
  float: right;
  padding-right: 10px;
  padding-top: 7px;
}

.meta-content .account-nav a {
  font-size: 13px;
  text-transform: lowercase;
}

.meta-content .account-nav li {
  padding-left: 15px;
}

.meta-content .account-nav a.jhopdc {
  text-transform: uppercase;
}

.states-and-dates ul {
  color: #919191;
  font-size: 28px;
  line-height: 28px;
  margin: 5px auto 0 auto;
  width: 800px;
}

.states-and-dates .home-link {
  color: #fff;
  letter-spacing: 3px;
}

.states-and-dates .home-link:hover {
  text-decoration: none;
}

.states-and-dates ul li {
  background-color: #B3B3B3;
  height: 32px;
  margin-bottom: 4px;
  width: 800px;
}

.states-and-dates ul li span {
  display: block;
  float: right;
  letter-spacing: 3px;
  text-align: right;
  width: 200px;
}

.states-and-dates .date {
  padding-right: 15px;
  padding-top: 3px;
  letter-spacing: 3px;
  text-transform: uppercase;
  width: 190px;
}

.states-and-dates .state {
  padding-top: 3px;
  text-transform: uppercase;
  width: 370px;
}

.states-and-dates .current .state, .states-and-dates .current .date {
  padding-top: 0;
}

.states-and-dates .app-name, .states-and-dates .scripture-reference {
  color: #fff;
  float: left;
  font-weight: 100!important;
  padding-left: 15px;
  text-align: left;
}

.states-and-dates .app-name {
  word-spacing: -7px;
}

.states-and-dates .scripture-reference {
  font-size: 16px;
}

.states-and-dates ul li.current {
  background-color: #1487FF;
  background-image: none;
  color: #000;
  font-size: 36px;
  height: 40px;
  line-height: 36px;
  padding-top: 5px;
}

.states-and-dates ul li.previous {
  background-image: url('/images/layout/states-and-dates-top-bg.png');
}

.states-and-dates ul li.next {
  background-image: url('/images/layout/states-and-dates-bottom-bg.png');
}


.states-and-dates ul li.current .state, .states-and-dates ul li.current .date {
  font-weight: bold;
}

.content { 
  background-color: #fff!important;
  padding-top: 0!important;
}

#flash-messages {
  margin: 0 auto;
  padding-top: 1px;
  width: 800px;
}

#flash-messages .notice {
  margin-top: 15px;
}

input.button {
  background-color: #1e97ff;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 15px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 18px;  
}

input.button:hover {
  background-color: #1673e5;
}

.content-header {
  width: 800px;
  background-color: #fff;
  margin: 0 auto;
}

.content-header h2.heading {
  border-bottom: 2px solid #1e97ff;
  color: #1e97ff;
  font-size: 24px;
  font-weight: bold;
  line-height: 26px;
  padding-bottom: 5px;
}

.content-body {
  background-color: #fff;
  margin: 0;
  margin-left: 45px;
  margin-right: 45px;
  margin-top: 6px!important;
  padding-bottom: 15;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  height: 100%;
}

.content-body {
  margin: 10px auto 0 auto;
  padding-bottom: 0;
  width: 800px;
}

.wheel {
  width: 800px;
}

.wheel .tip {
  color: #B3B3B3;
  display: block;
  font-size: 14px;
  line-height: 14px;
  padding-bottom: 3px;
  text-align: center;
  width: 800px;
}

#horizontal_carousel div.details {
  height: 221px;
  position: relative;
}

#horizontal_carousel div.politicain img {
  left: 0;
  position: absolute;
  top: 0;
}

#horizontal_carousel div.details h2 {
  background-color: #1487FF;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  margin: 0;
  padding: 5px 0 7px 0;
  text-align: center;
  width: 176px;
}

#horizontal_carousel div.details h2.title {
  left: 0;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  visibility: hidden;
  z-index: 100;
}

#horizontal_carousel div.details h2.name {
  bottom: 5px;
  left: 0;
  font-weight: normal;
  position: absolute;
  visibility: hidden;
  z-index: 100;
}

#horizontal_carousel div.details:hover h2.title, #horizontal_carousel div.details:hover h2.name,
#horizontal_carousel li.selected h2.title, #horizontal_carousel li.selected h2.name {
  visibility: visible;
}

#horizontal_carousel div.details img {
  display:block;             
  background:#E3EDFA;  
}

#horizontal_carousel ul li .indicator {
  background-image: url('/images/layout/selected-politician-arrow.png');
  bottom: 0;
  height: 37px;
  left: 68px;
  position: absolute;
  width: 50px;
  display: none;
}

#horizontal_carousel ul li.selected .indicator {
  display: block;
}

.main-content {
  background-color: #1487FF;
  padding-left: 15px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}

.politician-content {
  float:left;
  margin-right: 15px;
  position: relative;
  width: 625px;
}

.prayer-content h3, .vital-stats h3 {
  color: #1487FF;
  font-size: 18px;
  line-height: 18px;
  margin-top: 0;
}

.empty-message {
  padding: 15px 15px 0 15px;
}

.share-container {
  float: right;
  margin: 70px 15px 0 0;
  position: relative;
  width: 130px;
}

.share-container .twitter, .share-container .facebook {
  background-color: #fff;
  margin-bottom: 15px;
  padding: 15px;
  width: 100px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}

.share-container a.logo {
  display: block;
  width: 100px;
}

.share-container .twitter a.logo {
  background: transparent url(/images/layout/twitter-logo.jpg) no-repeat ;
  height: 22px;
}

.share-container .twitter:hover a.logo {
  background-position: 0 -22px;
}

.share-container .facebook a.logo {
  background: transparent url(/images/layout/facebook-logo.jpg) no-repeat ;
  height: 27px;
}

.share-container .facebook:hover a.logo {
  background-position: 0 -27px;
}

.text-prayers-container {
  background-color: #fff;
  display: inline;
  float: left;
  margin-left: 0;
  position: relative;
  width: 625px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}

.panels {
  position: relative;
}

.panel-controls {
  height: 25px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
}

.panel-controls span {
  background-color: #B3B3B3;
  display: block;
  float: left;
  height: 25px;
  padding: 0;
  position: relative;
  text-align: center;
  width: 125px;
}

.panel-controls span.selected, .panel-controls span.selected:hover {
  background-color: #fff;
}

.panel-controls span.selected a {
  color: #000!important;
  cursor: default;
}

.panel-controls span.selected a:hover {
  text-decoration: none;
}

.panel-controls span:hover {
  background-color: #000;
}

.panel-controls a {
  color: #fff!important;
  display: block;
  font-size: 15px;
  font-weight: normal!important;
  line-height: 15px;
  padding-top: 5px;
  text-decoration: none!important;
}

.panel-controls a.selected {
  background-color: #4CA9FC;
}

.info-tab {
  -moz-border-radius-bottomright: 9px;
  -webkit-border-bottom-right-radius: 9px;  
}

.prayer-tab {
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
}

ul.text-prayers {
  margin: 40px 0 0 15px;
  padding: 0;
}

ul.text-prayers li {
  float: left;
  height: 165px;
  list-style: none;
  margin: 0 15px 0 0;
  width: 188px;
}


ul.text-prayers li div.text-prayer-controls {
  display: none;
}

ul.text-prayers li:hover div.text-prayer-controls {
  display: block;
}

.text-prayer-controls button {
  text-indent: -10000px;
}

ul.text-prayers div.card {
  background-color: transparent;
  border: 0;
  margin-top: 0;
  padding: 0;
}

ul.text-prayers div.card span.text-prayer-body {
  display: block;
  font-size: 16px;
}

ul.text-prayers div.card span.author {
  color: #1487FF;
  font-size: 11px;
}

ul.text-prayers li form .button {
  background-color: transparent;
  background-image: url("/images/layout/grayflag11.png");
  border: none;
  color: transparent;
  height: 11px;
  width: 11px;
  margin: 0;
  padding: 0;
  text-indent: -1000px;
  position: absolute;
  bottom: 0;
  right: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  
}

ul.text-prayers li form .button:hover {
  background-image: url("/images/layout/redflag11.png");
}

.vital-stats-container {
  background-color: #fff;
  width: 625px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}

.vital-stats-container .vital-stats {
  padding: 40px 15px 15px 15px;
}

.prayer-controls {
  padding: 15px 0;
}

.prayer-controls .write-link, .prayer-controls .record-link, .prayer-controls p {
  float: left;
}

#write-link {
  background-image: url(/images/layout/write-a-prayer-default.png);
  height: 40px;
  text-indent: -10000px;
  width: 250px;
}

#write-link:active {
  background-image: url(/images/layout/write-a-prayer-active.png);
}

.prayer-controls .write-link {
  margin-right: 40px;
}

.prayer-controls p {
  color: #000;
  font-size: 18px;
  line-height: 20px;
  padding-top: 8px;
}

.prayer-controls p a, .prayer-controls p a:hover {
  color: #fff;
}

.ajax-pagination {
  clear: both;
  font-size: 13px;
  padding: 15px;
  text-align: center;
}

.ajax-pagination span, .pagination span {
  border: 1px solid #aaa;
  color: #aaa;
  padding: 3px;
}

.ajax-pagination a, .pagination a {
  color: #1487FF;
  border: 1px solid #1487FF; 
  padding: 3px;
}

ul.account-navigation, ul.help-navigation {
  background-color: #1487ff;
  border-bottom: 2px solid #1e97ff;
  color: #1e97ff;  
}

ul.account-navigation li, ul.help-navigation li {
  color: #fff;
  float: left;
  list-style: none;
  margin: 0 2px 0 0;
  padding: 5px 10px;
}

ul.account-navigation li a, ul.help-navigation li a {
  color: #fff;
  font-weight: bold;
}

ul.account-navigation li.back-to-firstofall, ul.help-navigation li.back-to-firstofall {
  float: right;
}

.page-footer {
  clear: both;
  color: #919191;
  margin: 0 auto;
  padding-top: 20px;
  text-align: center;
  width: 800px;
}

.secondary-page .content-body {
  margin: 0 auto;
  width: 770px;
}

.secondary-page .content-body h2.heading {
  border-bottom: 2px solid #1487FF;
  color: #1487FF;
  font-size: 24px;
  line-height: 30px;
  width: 100%;
}


ul.committees, ul.committees li {
  list-style-type: disc!important;
}

ul.committees li {
  margin-left: 15px!important;
}

.feedback {
  left: 0;
  top: 43%;
  position: fixed;
}

.user-account-page .content-header {
  margin: 0 auto;
  padding-top: 15px;
  width: 800px;
}

.user-account-page .content-body .forms, .instructions {
  float: left;
  padding-right: 15px;
  width: 548px;
}

.user-account-page .content-body .tips, .tips {
  border-left: 2px dashed #aaa;
  float: left;
  padding-left: 15px;
  width: 220px;
}

.user-account-page .content-body .tips p, .tips p {
  padding-bottom: 5px;
}

.content-body a {
  color: #1487FF;
  font-weight: bold;
}

.content-body a:hover {
  color: #1487FF;  
}

.terms ol li ol li {
  list-style-type: upper-alpha;
}

.sub-navigation {
  margin: 0 auto;
  padding-top: 15px;
  width: 800px;
}

.tips ul {
  padding-left: 0;
}

.tips ul li {
  list-style: none;
  margin-left: 0;
}

.instructions p, .instructions ol {
  padding-bottom: 10px;
}

.instructions ol {
  padding-left: 10px;
}

ul.sample-prayer-categories {
  background-color: #eee;
  border: 1px solid #999;
  border-bottom: 0;
  margin-bottom: 15px;
}

ul.sample-prayer-categories li {
  border-bottom: 1px solid #999;
  font-weight: bold;
  list-style: none;
  margin-left: 0;
  padding: 10px 10px 10px 10px;
}

ul.sample-prayer-categories span.expander {
  cursor: pointer;
}

ul.sample-prayers {
  margin-top: 5px;
}

ul.sample-prayers li {
  border-bottom: 0;
  border-top: 1px dashed #999;
  font-weight: normal;
  padding: 5px 0;
}

ul.committees-list li {
  list-style: none;
  margin-left: 0;
}

.twitter-notice {
  background-color: #BC1C3D;
  color: #fff;
  padding: 10px;
  margin: 10px 0;
}

.filter {float: left; padding-top: 5px; padding-right: 5px;}
.filter form, .filter form div {display: inline;}

.user-account-page .content-header {
  border-bottom: none;
}

a.back-to-messages {
  margin-top: 10px;
  float: right;
}

div.message-body p {padding-bottom: 10px;}

a.read-message {font-weight: normal;}
a.unread-message {font-size: 13px;}
.subject-view span.details {
  display: block;
  font-size: 11px;
}

.subject-view {width: 30%;}

.table-plus table {
  margin: 0 0 10px 0;
}

.message-actions {
  margin-bottom: 5px;
  text-align: right;
}

.message-actions .submit-button {
  background-color: #d9d9d9;
  color: #444;
  margin-bottom: 0;
  margin-top: 0;
  
  font-size: 14px;
  font-weight: normal;
  padding: 10px 15px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 18px;
  
}

.message-actions .submit-button:hover {
  background-color: #c8c8c8;
}

p {
  padding-bottom: 10px;
}

h3.alert-title {
  font-size: 24px;
  line-height: 28px;
}

#text-flagged-message {
  background-color: #92AB6E;
  border: 2px;
  color: #fff;
  font-weight: bold;
  margin: 15px 15px 0 15px;
  padding: 15px;
}

.twitter p, .facebook p {
  padding-top: 10px;
  padding-bottom: 0;
}

.center {
  text-align: center;
}

/* Login Page and Forgot Password Page */
.secondary-page .field-list, .forgot-password .field-list {width: 370px;}
.secondary-page form .actions {text-align: left; margin: 0; padding: 10px 0 10px 160px;}
.secondary-page .field-list td, .signup-page .field-list td {width: auto;}
.secondary-page .field-list th, .signup-page .field-list th {width: 150px !important; width: 150px;}
.secondary-page .forgot-password {font-size: 11px; margin-left: 160px;}



/* Hacks - NOTHING ELSE GOES BELOW THIS LINE */

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}