* { margin: 0; padding: 0; }

body {
  font-size:80%;font-family:Arial,sans-serif;
  /* font-family: Tahoma, sans-serif; */
  width: 850px;
  margin-left: auto;
  margin-right: auto;
}
/* begin header */
#header { height: 85px; margin-top: 10px;}
#h-left {float: left; text-align: left; width: 170px;}
#h-middle {float: left; text-align: left; width: 445px; } 
#h-right {float: left; width: 220px;}

#h-top { height: 20px;}

#h-button-nav { margin-top: 15px;}

.h-button { border: 1px solid #bbc; color: #000; background: #ccd; padding: 3px 12px 3px 12px;}
.h-button .active {}
.h-small-button { border: 1px solid #bbc; color: #000; background: #ccd; padding: 1px;}
.h-input {}

/* begin splash page header */

#s-head { margin-top: 40px; overflow: hidden; }
#s-logo { float: left; }
#s-form { float: right; overflow: hidden;}
#s-form p.test {margin-left: auto; margin-right: auto;}
#s-wrap { float: left; display: block; margin-right: 20px; margin-top: 10px; }
#s-field { text-align: center; }
.small-title { color: #ecc; font-size: 10px; }
.small-title-fg2 { color: #000; font-size: 10px; }

/* end splash page header */

/* end header */

/* begin content */

#content { }

/* begin splash page content */
#sc-border { margin-top: 20px; border: 1px solid #bce; overflow: hidden; height: 400px;}
#sc-border-left { float: left; width: 550px; }
#sc-border-right { display: inline; width: 240px; float: right}
#sc-signup { height: 350px; background: #ccd; width: 230px; margin-top: 20px;  border: 1px solid #bbc; }
#sc-title { margin-top: 20px; }
#sc-stat { margin-top: 50px; }
#sc-right { height: 350px; background: #ccd; width: 230px; margin-top: 10px;  border: 1px solid #bbc; }
#sc-form { padding: 15px; }
.sc-form-item {margin-top: 10px; }
#sc-form label { float: left; text-align: right; margin-right: 15px;  width: 150px; }
.sc-head { padding: 5px; font-size: 15px; font-weight: bold; border-bottom: 1px solid #bce; }
.sc-text { padding: 10px; }
.error {color: red;}
.success {color: green;}
/* end splash page content */

#c-nav { border-bottom: 1px solid #bce; height: 30px; clear:both; }
#c-nav h3 { float: left; text-align: left; font-size: 14px; line-height: 30px; margin-bottom: 0px; }
#c-nav h2 { float: left; font-size: 16px; line-height: 30px; margin-bottom: 0px; }
#c-nav h2 a { color: #000; }

#c-nav-tab { float: right; position: relative; font-weight: bold; }
#c-nav-tab a {background: #eee; border: 1px solid #eee; color: #777; display: block; float: left; height: 20px; line-height: 22px; margin: 8px 8px 0 0; padding: 0 11px 0 11px; text-decoration: none; }
#c-nav-tab a:hover { background: #fff; border: 1px solid #777; border-bottom-color: #fff; line-height: 20px; margin-top: 9px; }
#c-nav-tab a.active {background: #fff;  border: 1px solid #777; border-bottom-color: #fff; color: black; height: 26px; line-height: 28px; margin-top: 3px; padding: 0px 11px 0px 11px; }

#c-body { overflow: hidden; margin-top: 10px; padding: 5px; height: 100%; }
#c-left-wide { float: left; background-color: #fff; width: 610px; padding: 0px;}

#c-left-wide-left-nav { overflow: hidden; display: block; float: left; width: 110px; padding: 5px;}
#c-left-wide-left-nav ul { list-style-type: none; }
#c-left-wide-left-nav li { border: 1px solid #bce; margin-top: 5px; padding: 8px 3px 8px 3px; }
#c-left-wide-left-nav li.active { background-color: #ccd; }
#c-left-wide-left-nav li a { text-decoration: none; padding: 5px 5px 5px 5px; color: #000; }

#c-left-wide-left-photo { overflow: hidden; display: block; float: left; width: 180px; padding: 5px; text-align: center;}
#c-left-wide-left-photo img { border: 1px solid #000; padding: 4px; }

#c-left-wide-right-content { display: block; float: left; display: inline; width: 380px; padding: 5px;}

#c-left-wide-right-photo { display: block; float: left; margin-left: 10px; display: inline; width: 310px; padding: 5px;}

#c-left-narrow {}
#c-right-wide {}

#c-right-narrow { float: right; display: inline; width: 200px; background-color: #ccd; padding: 6px;}
.section-title { font-size: 11px; color: #000; border-bottom: 1px solid #eee; }
.prayer-box { font-size: 12px; }
#c-right-menu-item { padding: 2px; border: 1px solid #cce; }

/* #c-prayer-arrow { float: left; width: 25px; }
#c-prayer-arrow img { border: 0; position: relative; } */

/* prayer info */

#c-prayer1 { overflow: hidden; padding: 2px; margin-top: 5px; }

#c-prayer-box1 { float: left; width: 55px; height: 60px; text-align: center; background: #ccd; display: block; }
#c-prayer-box2 { float: left; width: 55px; height: 60px; margin-left: 5px; text-align: center; background: #bce; display: block; }
#c-prayer-box3 { float: left; width: 55px; height: 60px; margin-left: 5px; text-align: center; background: #eee; display: block; }
#c-prayer-action { width: 165px; display: block; text-align: center;}
#c-prayer-content { float: left; margin-left: 10px; width: 370px; display: block; }

#c-prayer-body { float: right; margin-left: 10px; display: block; width: 540px; }
.c-prayer-count { font-size: 170%; font-weight: bold;display: block;} 
.c-prayer-count-label { display: block; }
.c-prayer-arrow { margin-top: 0px; }

#c-prayer-text { font-size: 120%; display: block; }

#c-prayer-s { overflow: hidden; width: 100%; display: block; margin-top: 10px; border-bottom: 2px solid #ecc; }
#c-prayer-rights { overflow: hidden; width: 540px; display: block; float: right; padding: 7px 1px 7px 1px; }
#c-prayer-sleft { float: left; text-align: left; width: 370px; display: block; }
#c-prayer-sright { float: right; text-align: right; width: 170px; display: block; }
.p-small-left {float: left; width: 50px; }
.p-small-left img {border: 1px solid #000; padding: 1px;}
.p-small-right {float: left; margin-left: 5px; width: 110px; text-align: left; }

.p-sub-style1 {margin-left: 10px; color: #eee; }
.p-sub-style1 a {color: #bce; text-decoration: none; }

#c-prayer-img { float: left; width: 52px; }
#c-prayer-img img { padding: 2px; border: 1px solid #000; }
.prayertext { font-size: 12px; }
.c-prayer1-show { padding: 5px 10px 5px 10px ; margin-bottom: 10px; border-bottom: 1px dotted #bbe; border-right: 1px dotted #bbe; font-size: 12px;}
.c-user-section { margin-top: 10px; font-size: 14px; border-bottom: 1px solid #ccc; background-color: #eee;}

#c-title-head { margin-top: 10px; margin-bottom: 10px; font-size: 14px; font-weight: bold;}

#c-prayer-entry { overflow: hidden; margin-top: 5px; padding: 5px;}
#c-update-title { padding: 3px; border-bottom: 1px solid #ccc; background-color: #eee; }
#c-update-title .update-date { display: inline; position: relative; text-align: right; font-size: 11px;}
#c-update-text { padding: 5px;}
#c-comment-title { padding: 3px; border-bottom: 1px solid #ccc; background-color: #eee; }
#c-comment-title .comment-name { display: inline; text-align: left; font-size: 13px; font-weight: bold;}
#c-comment-title .comment-date { display: inline; position: relative; text-align: right; font-size: 11px;}
#c-comment-text { padding: 5px;}

#c-user-head { overflow: hidden; border-bottom: 2px solid #ecc;}
#c-user-img { float: left; width: 190px; display: block; margin-left: 5px;}
#c-user-img img { border: 1px solid #000; padding: 5px; }
#c-user-info { float: left; width: 370px; display: block; }
.c-user-detail { font-size: 110%; display: block; margin-top: 10px; }
.c-user-detail label {width: 120px; font-weight: bold;}

#prayer-form-header {
  border-bottom: 1px solid #ccd;
  background-color: #eec;
}
#prayer-form {
  margin-top: 5px;
  padding: 10px;
}

/* begin content buttons */
.c-button1 a {
  background: #ccd;
  border: 1px solid #bbc;
  text-decoration: none;
  color: #000;
  padding: 3px 12px 3px 12px; 
}

.c-button2 {
  background: #eee;
  border: 1px solid #bbc;
  color: #bbc;
  padding: 3px;
}

.i-button1 {
  background: #ccd;
  border: 1px solid #bbc;
  color: #000;
  padding: 0px 8px 0px 8px; 
}
.i-button2 {
  background: #fff;
  border: 1px solid #bbc;
  padding: 2px 8px 2px 8px; 
}
/* end content buttons */

/* end content */

/* begin settings */
.p-form-item { margin-top: 10px; }
.p-form-item label {float: left; font-size: 12px; font-weight: bold; text-align: left; width: 170px; }
.p-form-sub-item { margin-top: 5px; }
.p-form-sub-item label {float: left; text-align: left; width: 170px; }

.c-settings-head { overflow: hidden; margin-top: 10px; border-bottom: 1px solid #bbc;}
.c-settings-head-left { float: left; font-size: 12px; font-weight: bold; }
.c-settings-head-right { float: right;}

/* end settings */

/* begin search */
#c-search-form { padding: 5px; margin-top: 5px; margin-bottom: 10px; }
#c-search-item { overflow: hidden; margin-top: 5px; padding: 10px; border: 1px solid #bbc; }

#c-item-left { float: left; width: 100px; text-align: center; display: block;}
#c-item-middle { float: left; overflow: hidden; text-align: left; display: block; margin-left: 8px}
#c-item-right { text-align: left; display: block; width: 95px; float: right; }
.c-item-link { margin-left: 5px; font-size 11px; border-bottom: 1px dotted; }
.c-item-name { font-weight: bold; }

/* end search */

/* begin mail */
#mail {
  font-size: 11px;
}
#mailheader {
  padding-bottom: 10px;
}
#mailheader .small {
  font-size: 11px;
}
#mailheader .large {
  font-size: 14px;
  font-weight: bold;
}
#mailheader label {
  width: 50px;
  font-size: 11px;
}

#messagelist {
  /* #f8ffde; */
  border: 1px solid #bbc;
  padding: 5px;
}
#messageheader {
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  background-color: #eee;
}
#messagelist .header {
  font-weight: bold;
}
#message {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
}
#message a {
  font-size: 11px;
}
#col20 {
  width: 20px;
  overflow: hidden;
  display: inline;
  text-align: left;
  padding-left: 5px;
  float: left;
}
#col150 {
  width: 150px;
  overflow: hidden;
  display: inline;
  text-align: left;
  padding-left: 5px;
  float: left;
}
#col400 {
  width: 240px;
  display: inline;
  text-align: left;
  overflow: hidden;
  padding-left: 5px;
  /* white-space: no-wrap; */
  float: left;
}
#col 15 {
  width: 15px;
  overflow: hidden;
  text-align: right;
  display: inline;
  padding-left: 5px;
}
#mail .unread {
  background-color: #fff;
  border-bottom: 1px solid #bbc;
}
#mail .read {
  background-color: #ccd;
  border-bottom: 1px solid #bbc;
}
#message .left {
  float: left;
}
#message #text {
  font-size: 12px;
  padding: 5px;
  margin-bottom:1.6em; 
  border:1px solid #e5e5e5; 
  white-space:pre-wrap; 
  white-space:-moz-pre-wrap !important; 
  white-space:-pre-wrap; 
  white-space:-o-pre-wrap; 
  word-wrap:break-word; 
}
#sub-header {
  /* border-bottom: 1px solid #cce;  */
}
#sub-header ul {
  margin-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  list-style-type: none; 
}
#sub-header ul li {
  display: inline;
  font-size: 11px;
  padding-left: 10px;
}
#sub-header ul .sel {
  font-weight: bold;
}
#sub-header ul .unsel {
}

#sub-header ul li a {
}
#sub-header ul li a:hover {
}

/* end mail */
/* begin footer */
#footer { }background: #ccc; height: 40px; }
#f-links { text-align: center; }
/* end footer */