/* div {
  border : 1px dashed #f00;
}
 */

html {
  /* force scrollbars */
  height : 100%;
  margin-bottom : 1px;
}

body {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 0.9em;
  background-image : url(/images/background_textures_blue3.jpg);
  color : #000000;
  margin : 0px;
}

body.print {
  background-image : none;
  background-color : #fff;
}

#wrapper {
  width : 760px;
  margin : 5px auto;
}

/* ========= Print ============ */
body.print {
  background-color : #fff;
  padding : 2em;
}

#pheader {
  text-align : right;
  border-bottom : 4px solid #69c;
}

#printfooter {
  text-align : center;
  border-top : 4px solid #69c;
  font-size : 0.8em;
}

#return {
  float : left;
}

#pcontent {
  padding : 1em 0px;
}

/* ========= Member Center ============ */
#mcheader {
  width : 760px;
  height : 159px;
  margin : 0px;
  background-image : url(/images/header_noname.png);
  background-repeat : no-repeat;
}

#mcheader h1 {
  position : relative;
  top : 15px;
  text-align : center;
  font-style : italic;
  font-size : 2em;
}

#mcmenu {
  margin : 0px;
  padding : 1em;
}

#mcmenu li {
  list-style-type : none;
  width : 150px;
  margin : 0px;
}

#mcmenu li a {
  text-decoration : none;
  border : 1px solid #fff;
  border-color : #ddd #888 #777 #ccc;
  display : block;
  margin : 2px;
  color : #333;
  padding : 1px 5px;
  background : url(/images/rainbow_background.jpg);
}

#mcmenu li a:active {
  border-color : #777 #ccc #ddd #888;
}

#mcmenu li a:hover {
  background : none;
  background-color : #69c;
  color : #fff;
}

/* ========= HEADER ============ */

#header {
  width : 760px;
  /* height : 159px; */
  height : 190px;
  margin : 0px;
  /* background-image : url(/images/header_noname.png); */
  background-image : url(/images/header2.png);
  background-repeat : no-repeat;
}

#mission {
  color : #fff;
  position : relative;
  top : 140px;
  text-align : center;
  font-size : 12px;
}

#dailythoughtheader {
  position : absolute;
  margin-left : 100px;
  margin-top : 30px;
  width : 520px;
  color : #444;
}

#dkname {
  text-align : right;
  font-size : 0.8em;
}

#login {
  color : #fff;
  position : relative;
  text-align : right;
  padding-right : 30px;
  top : 130px;
}

#login a {
  color : #fff;
  text-decoration : none;
}

#login a:hover {
  color : #036;
}

#loginbox {
  margin : 2em auto;
  width : 36em;
  padding : 1em;
  background-color : #eee;
  border : 2px solid #888;
  border-color : #ddd #666 #333 #ccc;
}

#loginbox h1 {
  font-size : 2em;
}

#loginbox input {
  font-size : 1.4em;
}

#loginbox table {
  font-size : 1.4em;
  color : #2E6734;
}

.loginbutton {
  display:inline;
  font-size:1.2em;
  padding:3px 0.5em;
}

/* ========= SIDEBAR ============ */
#sidebar {
  float : left;
  width : 175px;
}

div.sidetext {
  font-size : 0.7em;
  color : #000;
  text-align : center;
}

a.printversion {
  width : 80px;
  height : 20px;
  background : url(/images/printversion.gif) no-repeat;
  display : block;
  border : 2px solid transparent;
  margin : 2em auto;
}

a.printversion:hover {
  background-color : #888;
}

a.validator {
  width : 60px;
  height : 21px;
  background : url(/images/valid-xhtml10.png) no-repeat;
  display : block;
  border : 2px solid transparent;
  margin : 2em auto;
}

a.validator:hover {
  background-color : #888;
}

/* ------ Vertical Menu with Pop-Out Submenus ------- */
ul.makeMenu {
  font-size : 0.9em;
}

ul.makeMenu, ul.makeMenu ul {
  border-top : 1px solid #000;
  width : 140px;
  border-left : 1px solid #000;
  border-right : 1px solid #000;
  padding-left : 0px;
  cursor : default;
  margin : 0px auto;
}

ul.makeMenu li {
  border-bottom : 1px solid #000;
  padding : 0.1em 12px 0.1em 0.5em;
  list-style-type : none;
  margin : 0px;
  position : relative;
  color : #fff;
  z-index : 100;
}

ul.makeMenu li > ul {
  display : none;
  position : absolute;
  top : 0px;
  left : 140px;
  width : 140px;
}

ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
}

ul.makeMenu ul.CSStoShow {
  display : block;
}

ul.makeMenu li:hover > ul {
  display : block;
}

ul.makeMenu li a {
  display : block;
  width : 100%;
  text-decoration : none;
}

li.arrow {
  background : url(/images/tri-blue.gif);
  background-repeat : no-repeat;
  background-position : right;
}

/* -- menu border color -- */
ul.makeMenu, ul.makeMenu ul, ul.makeMenu li {
  border-color : #ccc;
}

/* -- menu text color -- */
ul.makeMenu li a {
  color : #036;
}

/* -- menu background color -- */
ul.makeMenu, ul.makeMenu ul {
  background-color : #fff;
}

/* -- menu text hover color -- */
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink, ul.makeMenu li:hover > a  {
  color : #fff;
}

/* -- menu background hover color -- */
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight, ul.makeMenu li:hover > a  {
  background-color : #3C6C9A;
}

#pageselected {
  background-color : #3C6C9A;
}

#pageselected > a:first-child {
  color : #fff;
}

#translate {
  margin : 10px auto;
  padding-left : 5px;
}

#earth_healing_day_site_link {
  border : 2px solid #1d8;
  background-color : #cfc;
  text-align : center;
}

#earth_healing_day_site_link:hover {
  background-color : #3C6C9A;
}

/* ========= CONTENT ============ */

#contentWrapper {
  width : 745px;
  margin : 0px;
  background-color : #fff;
  background-image : url(/images/ContentTop1.jpg);
  background-repeat : repeat-x;
  padding : 8px 0px;
  padding-right : 15px;
}

#content {
  margin-left : 176px;
}

#membercontent {
  margin-left : 176px;
}

#homecontent {
  background-image : url(/images/new_td_REV2.jpg);
  background-repeat : no-repeat;
  margin-top : -8px;
  margin-right : -15px;
  background-color : #3C6C9A;
  padding-left : 290px;
  padding-top : 10px;
  padding-right : 10px;
}

#homecontent p {
  color : #fff;
}

/* ========= FOOTER ============ */

#footer {
  width : 760px;
  font-size : 0.7em;
  padding : 4px 0px;
}

#footer a {
  color : #000;
  text-decoration : none;
}

#footer a:hover {
  text-decoration : underline;
}

#footerlinks {
  width : 400px;
  float : left;
}

#footercredit {
  width : 355px;
  float : right;
  text-align : right;
}

#dedication h1 {
  font-size : 0.8em;
  color : #369;
  font-weight : normal
}

/* ========= DAILY THOUGHT ============ */
.dailythought {
  font-size : 1.4em;
  padding-top : 1em;
  color : #fff;
}

.dailythoughtbody {
  background-image : none;
  background-color : #000;
  margin : 0px;
}

#dtcontent {
  padding : 0px;
  margin : 1em auto;
  width : 600px;
  background-color : #000;
}

#dtcontent h1 {
  font-size : 1.2em;
}

#thoughtbox {
  height : 300px;
  padding-left : 170px;
  padding-top : 1px;
  margin : 1em auto;
  background-color : #000;
  background-repeat : no-repeat;
  background-image : url(/images/dk_picture_thought.jpg);
}

a.dtbutton {
  padding : 0.25em .5em;
  text-decoration : none;
  display : inline;
  border : 1px solid #333;
  font-weight : bold;
  color : #333;
}

a.dtbutton:hover {
  background-color : #CCE5E5;
  color : #000;
}

/* ==================== MONTHLY LESSON ==================== */

#memohead {
  background-color : #eee;
}

#memohead th {
  text-align : right;
  background-color : #fff;
  padding : 3px;
}

#memohead td {
  background-color : #fff;
  padding : 3px;
}

#memohead h1 {
  padding : 0px;
  margin : 0px;
}

#memohead h2 {
  padding : 0px;
  margin : 0px;
}

a.closebutton {
  text-decoration : none;
  display : block;
  font-weight : bold;
  background-color : #B2CCB1;
  color : #2E6734;
  width : 1em;
  padding : 0px;
  text-align : center;
  border-right : 1px solid #888;
  border-bottom : 1px solid #888;
}

a.closebutton:hover {
  background-color : #CCE5E5;
  color : #036;
}

#lesson_selection {
  float : right;
  width : 8em;
  background-color : #eee;
  border : 1px solid #888;
  padding-right : 0.5em;
  margin-left : 1em;
  margin-bottom : 1em;
}

#lesson_selection p {
  font-size : 0.7em;
  padding : 3px;
  text-align : right;
}

a.month {
  background-color : #99d;
  text-decoration : none;
  color : #fff;
  display : block;
  width : 6em;
  text-align : right;
  padding-right : 1.5em;
  margin : 2px 0.5em;
  border-bottom : 1px solid #888;
  border-right : 1px solid #888;
}

a.month:hover {
  background-color : #FF6;
  color : black;
}

div.year {
  margin-top : 0.5em;
  font-weight : bold;
  text-align : right;
}

.smalltext {
  font-size : 0.7em;
}

.signature {
  text-align : right;
}

.dksignature {
  font-weight : bold;
  font-style : italic;
}

.caption {
  text-align : center;
  font-weight : bold;
  font-size : 0.8em;
}

/* ========= MISC =============== */
h1 {
  font-size : 1.2em;
}

#google_trans {
  margin-left : 12px;
  font-size : 0.8em;
}

/* ========= Member Center =============== */
tr.even {
  background-color : #ddf
}

tr.odd {
  background-color : #fff
}

/* ========= general =============== */
h1 {
  color : #69c;
  font-size : 1.4em;
}

h2 {
  color : #D47;
  font-size : 1.2em;
}

h3 {
  color : #2E6734;
  font-size : 1.1em;
}

.center {
  text-align : center;
}

/* =================BUTTONS================= */
a {
  color : #006
}

a:hover {
  background-color : #CCE5E5;
  color : #036;
}

a.stdbutton,a.stdbutton2,a.stdbuttonr, a.stdbuttonri, a.stdbuttoni {
  padding : 0.25em .5em;
  text-decoration : none;
  display : block;
  border : 1px solid #bbb;
  font-weight : bold;
}

a.stdbuttoni,a.stdbuttonri {
  display : inline;
}

a.stdbuttonr, a.stdbuttonri {
  border-color : #ddd #888 #777 #ccc;
  background-color : #B2CCB1;
  color : #2E6734;
}

a.stdbuttonr:hover , a.stdbuttonri:hover{
  background-color : #CCE5E5;
  color : #036;
}

a.stdbuttonr:active, a.stdbuttonri:active {
  background-color : #CCE5E5;
  color : #036;
  border-color : #eee;
  border-color : #777 #ccc #ddd #888;
}

a.stdbutton, a.stdbuttoni {
  background-color : #B2CCB1;
  color : #2E6734;
}

a.stdbutton2 {
  background-color : #E9ADAF;
  color : #D47;
}

a.stdbutton:hover,a.stdbutton2:hover, a.stdbuttoni:hover {
  background-color : #CCE5E5;
  color : #036;
  border-color : #eee;
}

a.closebuttonright {
  text-decoration : none;
  display : block;
  font-weight : bold;
  background-color : #B2CCB1;
  color : #2E6734;
  width : 1em;
  padding : 0px;
  text-align : center;
  border : 1px solid;
  border-color : #ddd #888 #777 #ccc;
  float : right;
}

a.closebuttonright:hover {
  background-color : #CCE5E5;
  color : #036;
}

a.closebuttonright:active {
  border-color : #777 #ccc #ddd #888;
}

/* =================IMAGES================= */
img.left {
  float : left;
  margin-right : 1em;
  vertical-align : text-top;
}

img.right {
  float : right;
  margin-left : 1em;
  vertical-align : text-top;
}

a.imagelink {
  padding : 3px;
  display : block;
}

a.imagelink:hover {
  color : #ccc
}

/* =================FORM ELEMENTS================= */
.formitem {
  background-color : #eee;
  border : 1px solid #000;
}

.formitemerror {
  background-color : #ff7;
  border : 1px solid #000;
}

span.formrequired {
  color : #f00;
  font-weight : bold;
  padding-right : 2px;
}

.formtitlebreak {
  line-height : 1px;
  clear : right;
}

div.formtitle {
  clear : right;
  float : left;
  text-align : right;
  font-weight : bold;
  width : 150px;
  padding : 5px 0px;
  font-size : 0.8em;
}

div.forminfo {
  margin-left : 164px;
  padding : 5px 0px;
}

input.messagesubmit {
  background-color : #B2CCB1;
  color : #000;
  cursor : pointer;
  font-size : 0.9em;
  font-weight : bold;
  padding : 0px 5px;
}

input.formsubmit {
  color : #000;
  cursor : pointer;
  font-size : 1em;
}

div.error {
  margin : 10px auto;
  border : 2px solid #f00;
  background-color : #f88;
  padding : 0.5em;
  width : 300px;
  text-align : center;
}

/* ---------------- Membership Sign-up------------ */


.membership_table {
  background-color : #888;
}

.membership_table td {
  padding : 1px 3px;
  background-color : #fff;
  white-space : nowrap;
  text-align : center;
}

.membership_table td:first-child {
  white-space : normal;
  text-align : left;
  color : #006
}

.membership_table th {
  padding : 1px 3px;
  background-color : #ff7;
  xwhite-space : nowrap;
}


table.memberinfo {
  position : absolute;
  margin-top : -20px;
  margin-left : 390px;
  font-size : 0.8em;
  background-color : #ddf;
  width : 180px;
  border : 2px solid;
  border-color : #ccf #999 #999 #ccf;
}

table.memberinfo td {
  background-color : #fff
}

#flash {
  position : absolute;
  top : 100px;
  left : 50%;
  margin-left : -210px;
  width : 400px;
  border : 2px solid;
  border-color : #ccc #666 #555 #bbb;
  background-color : #000;
  color : #fff;
  padding : 10px;
  text-align : center;
  z-index : 10000;
}

#message {
  background-color : #fff;
  padding : 1em;
  border : 2px solid #036;
  text-align : center;
  margin : 1em;
  font-weight : bold;
  color : #008;
}


#overlay {
  z-index : 10000;
  background-image : url(/images/overlay.png);
}

/* =================TinyMCE specific rules================= */
body.mceContentBody {
  background-color : #FFF;
  background-image : none;
  font-size : 1em;
}

#framePage {
  background-color : #fff;
}

/* ================= STORE ================= */
#storecontent {
  padding : 0 1em 1em 1em;
}

#storemenu {
  margin : 5px 1em;
  font-size : 1em;
}

#ordercontent th {
  background-color : #aaf;
}

#cartbuttons {
  text-align : center;
  margin-top : 10px;
}

#error {
  margin : 10px auto;
  border : 2px solid #f00;
  background-color : #f88;
  padding : 0.5em;
  width : 300px;
  text-align : center;
}

#result {
  margin : 0px 2em;
  border : 1px solid #888;
  background-color : #eee;
  padding : 0.5em 1em;
  text-align : center;
}

.details {
  width : 500px;
  background-color : #fff;
  border : 2px solid #000;
  padding : 1em 1em 0px 1em;
}

.haveitem {
  background-color : #7f7
}

#catalog h2 {
  margin : 0.5em 0px;
}

#catalog h2 a {
  border : 1px solid #bbb;
  border-color : #ddd #888 #777 #ccc;
  text-decoration : none;
  background-color : #ccc;
  width : 15em;
  color : #036;
  display : block;
  padding : 3px;
}

#catalog h2 a:hover {
  background-color : #CCE5E5;
}

#catalog {
  margin-top : 10px;
}

#catalog th {
  background-color : #ccc;
}

#catalog td {
  padding : 1px 3px;
}

#catalog tr.even {
  background-color : #fff;
}

#catalog a.stdbutton {
  width : 23em;
}

.haveitem a.stdbutton {
  background-color : #7f7;
  border : 0px;
}

.haveitem a.stdbutton:hover {
  background-color : #CCE5E5;
}

#shoppingcart {
  background-color : #ccc;
}

#shoppingcart td {
  background-color : #fff;
}

/* ================= Email Update ================= */
#viewtable {
  background-color : #ccf;
}

#viewtable td {
  background-color : #fff;
  padding : 0.5em;
}

#viewtable th {
  padding : 0.5em;
}

/* ================= TEMP ================= */
#menu_store_teleconference {
  background-color : #ff0;
  text-align : center;
  border : 2px solid #f00;
}

#menu_search_workshop_mastering_the_mystery_of_recession-proofing_your_mind {
  background-color : #8de;
  text-align : center;
  border : 2px solid #069;
  padding : 0px;
}

#menu_store_teleconference a, menu_search_workshop_mastering_the_mystery_of_recession-proofing_your_mind a {
  color : #f00;
  font-weight : bold;
  display: block;
}

#menu_store_teleconference:hover, menu_search_workshop_mastering_the_mystery_of_recession-proofing_your_mind:hover {
  background-color : #3C6C9A;
}

#menu_store_teleconference:hover a, menu_search_workshop_mastering_the_mystery_of_recession-proofing_your_mind:hover a {
  color : #fff;
}

/* =========================TABS================================ */

a.tablink,a.tabselect{
  border-left:1px solid #888;
  border-right:1px solid #888;
  border-top:1px solid #888;
  color:#000;

  float:left;
  padding:2px 1em;
  text-decoration:none;
  font-size:1em;
  margin:0px;
  -moz-border-radius-topleft : 4px;
  -moz-border-radius-topright : 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
}

a.tabselect:hover, a.tablink:hover{
  background-color:#888;
  color:#fff;
  border-bottom:1px solid #888;
}

div.tabspacer{
  background-color:#fff;
  padding:2px 1em;
  text-decoration:none;
  font-size:1em;
  margin:0px;
  border-top:1px solid #fff;
  border-bottom:1px solid #888;
}

a.tabselect {
  border-bottom:1px solid #fff;
  background-color: #fff;
}

a.tablink{
  background-color:#E5D8DF;
  border-bottom:1px solid #888;
}

div.tabfolder{
  border-left:1px solid #888;
  border-right:1px solid #888;
  border-bottom:1px solid #888;
  padding:10px;
}

.article {
  border : 1px solid #888;
  background-color : #eee;
  padding : 1em;
}

.addthis_button {
  margin : 15px;
}



/* =================LOGIN================= */

#loginheading {
  color : #333;
  font-weight : bold;
  font-size : 2em;
  text-align : center;
}

#login_table {
  background-color : inherit;
  color : #333;
}

#member_login th {
  text-align : right;
  font-size : 1em;
  font-weight : bold;
  background-color : inherit;
}

#member_login input {
  font-size : 1.4em;
  margin : 2px;
}

#member_login td {
  padding : 1px 3px;
  background-color : inherit;
}



.xxxsubmit_button, .xxxcheckout_button, .xxxreturn_button {
  font-size : 1em;
  padding : 0.25em 0.4em;
  color : #fff;
  font-weight : bold;
  font-size : 1.2em;
  border : 1px solid #fff;
  cursor : pointer;
  background-color : #939;
  text-decoration : none;
  -moz-border-radius : 5px;
  -moz-box-shadow: #888 2px 2px 2px;
  -webkit-box-shadow: #888 2px 2px 2px;
  -webkit-border-radius: 8px;
}

.xxxreturn_button  {
  background-color : #ff7;
  color : #000;
}

.xxxcheckout_button {
  background-color : #6f6;
  color : #000;
}

.xxxsubmit_button:hover, .xxxcheckout_button:hover, .xxxreturn_button:hover {
  background-color : #77f;
}

.checkout_button:hover {
  background-color : #080;
  color : #fff;
}


#login_overlay {
  position : absolute;
  background-image: url(/images/overlay.png);
  margin-top :  -8px;
  margin-left : 0px;
  height : 800px;
  width : 100%;
  z-index : 1000;
}

#login_form {
  font-family : Arial, Helvetica, sans-serif;
  margin : 10px auto;
  width : 35em;
  background-color : #eee;
  padding : 10px;
  -moz-border-radius : 20px;
  -webkit-border-radius: 20px;
}


#login_close {
  display : bock;
  float : right;
  font-size : 20px;
  text-decoration : none;
  color : #fff;
  background-color : #888;
  padding : 0px 5px;
  margin : 0px;
  font-family : Arial, helvetica, san serif;
  font-weight : bold;
  border : 1px solid #555;
  -moz-border-radius : 15px;
  -webkit-border-radius: 15px;
}


#login_close:hover {
  background-color : #ccc;
  color : #f00;
}