<!--
* {
    margin:0;
    padding:0;
    }

html, 
body {
    height:100%
    }

body {
    background:#F0F0F0;
    }

a {
    text-decoration:none;
    color:#382B61
    }

img {
    border:0
    }

hr {
    margin:20px 0
    }


body,
textarea {
    }

blockquote {
    margin:10px 20px;
    }

/* -- text -- */

body, 
td, 
input, 
textarea, 
select {
    font: normal normal normal 10px/150% "Century Gothic", "Trebuchet MS" , Arial, Verdana, Helvetica;
    }

.large {
    font-size: 1.2em;
    line-height:150%
    }

.largest {
    font-size: 1.4em;
    line-height:150%
    }

.lg {
    font-size:1.6em;
    font-weight:bold;
    vertical-align:middle;
    color:#EF6A1A;
    margin-left:5px
    }

.small {
    font-size:0.8em
    }
    
/* -- layout -- */
     
#container {
    width:955px;
    margin:0 auto;
    padding:15px 0;
    overflow:hidden
    }

#container_inner {
    background:#FFF;
    padding:10px;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border:1px solid #E0E0E0;
    overflow:hidden
    }

#strip_alpha {
    background:#DFA7DE;
    padding:0 10px;
    margin-bottom:2px;
    overflow:hidden;
    -moz-border-radius-topright: 1em; 
    -moz-border-radius-topleft: 1em; 
    -webkit-border-top-right-radius: 1em;
    -webkit-border-top-left-radius: 1em;
    }


#strip_alpha .left {
    margin:4px 0 0 0;
    }

#strip_alpha .left a {
    margin:0 10px 0 0;
    line-height:2.0em;
    color:#FFF;
    font-weight:bold;
    text-transform:uppercase;
    font-size:0.8em;
    text-decoration:none
    }

#masthead {
    clear:both;
    overflow:hidden
    }

#masthead img {
    float:left;
    margin:0 2px 0 0
    }


#masthead img.banner_top {
    margin:10px 10px 0 10px
    }
    
    
#masthead img.banner_sub {
    margin:0 10px 10px 10px
    }

#wizard {
    border-left:1px dotted #CCC;
    height:110px;
    overflow:hidden
    }

#wizard span {
    display:block;
    padding:10px
    }
    
#wizard ul {
    margin:10px 0;
    list-style:none
    }
    
#wizard ul li {
    cursor:pointer;
    color:#382B61;
    font-size:1.1em;
    line-height:1.6em
    }

    
#strip_beta {
    border:1px solid #DFA7DE;
    margin:2px 0 0 0;
    line-height:2em;
    padding:0 0 0 10px;
    overflow:hidden
    }
    
#strip_beta .left a {
    font-weight:bold;
    background:url(../images/bullet.jpg) no-repeat center left;
    padding-left:12px;
    font-size:1.1em;
    margin-right:12px

    }

#strip_beta .right {
    white-space:nowrap;
    }

#strip_beta .right  a.subnav_head {
    padding:5px 10px;
    font-weight:bold;
    font-size:1.1em;
    border-left:1px solid #DFA7DE;
    color:#F500AB
    }
    
#strip_beta .right a.subnav_head:hover, 
#strip_beta .right a.subnav_on {
    background:#F500AB;
    color:#FFF;

    }

#strip_beta ul {
    position:absolute;
    background:#F500AB;
    border:1px solid #DFA7DE;
    border-top:0;
    list-style:none;
    line-height:2.0em;
    }
    
#strip_beta ul a {
    color:#000;
    display:block;
    padding:0 5px;
    white-space:nowrap
    }

#strip_beta ul a:hover {
    color:#FFF;
    background:#DFA7DE
    }

#content {
    background:#DFA7DE;
    -moz-border-radius-bottomright: 1em; 
    -moz-border-radius-bottomleft: 8em; 
    -webkit-border-bottom-right-radius: 1em;
    -webkit-border-bottom-left-radius: 8em;
    margin:2px 0 0 0;
    overflow:hidden
    }

#content_navigation {
    float:left;
    width:192px;
    padding:0 0 100px 0
    }

#content_navigation .box {
    margin:10px;
    background:#FFF;
    padding:10px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    text-align:center
    }

#content_navigation .box h4 {
    margin:0 0 10px 0;
    font-size:1.1em
    }

#content_navigation ul {
    list-style:none;
    }

#content_navigation ul li {

    background:#FFF url(../images/bullet.jpg) no-repeat center left;
    padding-left:15px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:0.9em;
    line-height:2em;
    margin:0 1px 1px 0;
    font-weight:bold;

    }

#content_navigation ul li.sub {
    background:#EFE0EF;
    margin:0 0 1px 1px;
    }

#content_navigation ul li a:hover {
    color:#FEBB0A
    }
#content_navigation ul li.sub a {
    color:#000
    }
#content_navigation ul li.sub a:hover {
    color:#38631E
    }

#content_numbers {
    padding:10px
    }

#content_main {
    float:left;
    background:#EFE0EF;
    margin:1px 1px 1px 0;
    width:740px;
    -moz-border-radius-bottomright: 1em; 
    -webkit-border-bottom-right-radius: 1em;
    }

#content_main_inner {
    margin:10px;
    padding:10px;
    background:#FFF;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    min-height:700px;
    height:auto !important;
    height:700px;
    font-size:1.15em;
    
    }

#content_main_inner p {
    margin:10px 0;
    }

#content_main_inner ul {
    padding:10px 40px;
    list-style:circle
    }


#footer p {
    text-align:center
    }

    
#blackout {
    position:absolute;
    background:#000;
    z-index:1;
    top:0;
    left:0
    }

#canvas_base {
    background:#000;
    position:absolute;
    z-index:500;
    top:0;
    left:0;
    }

#canvas_inner {
    width:600px;
    height:600px;
    position:absolute;
    z-index:501;
    background:#FFF;
    -moz-border-radius: 3em;
    -webkit-border-radius: 3em;
    border:1px solid #000;
    padding:25px
    }

#canvas_inner table {
    padding:10px;
    border:0;
    background:#F0F0F0;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    width:100%;
    height:600px;
    }

#canvas_inner td {
    background:#FFF;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;     
    }

#canvas_inner td.clear {
    background:none;
    vertical-align:top
    }
    
#canvas_inner img {
    border:1px solid #000;
    display:block;
    margin:0 auto;
    cursor:pointer
    }

#canvas_inner img.float {
    position:absolute;
    z-index:500;
    margin:25px 0 0 10px;
    }
 
 
#canvas_inner .right {
    cursor:pointer;
    line-height:25px
    }

#canvas_inner .scroll {
    height:550px;
    width:550px;
    margin:15px auto 5px auto;
    overflow:auto;
    border:1px solid #CCC;
    padding:10px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;    
    }

/* -- main page -- */

.main_wrap { 
    background:#F0F0F0 no-repeat center right;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;  
    padding:10px;
    min-height:50px;
    margin: 10px
    }

.bg_written  {
    background-image:url(../images/h_readings.jpg)
    }
    
.bg_question  {
    background-image:url(../images/h_qa.jpg)
    }

.bg_gangel  {
    background-image:url(../images/h_angel_zodiac.jpg)
    }

.bg_spells  {
    background-image:url(../images/h_spells.jpg)
    }

.bg_angelic  {
    background-image:url(../images/h_angel_spells.jpg)
    }

.bg_forecasts  {
    background-image:url(../images/h_forecast.jpg)
    }
 
.bg_absent {
    background-image:url(../images/h_absenthealing.jpg)
    }

.bg_workshop {
    background-image:url(../images/h_courses.jpg)
    }

.bg_corporate {
    background-image:url(../images/h_corporate.jpg)
    }

.bg_pastlife {
    background-image:url(../images/h_pastlife.jpg)
    }

.bg_telestic  {
    background-image:url(../images/h_telestic.jpg)
    }
    
    
.main_wrap h2 a,
.main_wrap h3 a {
    text-transform:uppercase;
    color:#F500AB;
    letter-spacing:1px;
    font-size:0.9em
    }

.main_wrap h2 {
    margin:0 0 5px 0;
    }

.main_wrap h2 a {
    color:#F500AB;
    font-size:1.8em;
    }
    
/* -- cards -- */

#card_desc h3 {
    text-transform:uppercase;
    color:#382B61;
    letter-spacing:1px
    }
    
#card_desc h2 {
    text-transform:uppercase;
    color:#9A8D7C;
    letter-spacing:1px

    }
    
#card_desc {
    margin-top:10px
    }
#card_desc img {
    margin-right:5px;
    }
    
/* -- headers -- */

h1 {
    font-size:1.6em
    }
    
h2 {
    font-size:1.4em
    }

h3 {
    font-size:1.2em
    }
    
h4 {
    font-size:1.0em
    }
    
h5 {
    font-size:0.8em
    }

.fx_header {
    font-family:"century gothic","trebuchet ms", helvetica;
    color:#FF5555;
    letter-spacing:10px
    }

#content h1 {
    color:#382B61;
    font-size:2.2em;
    text-transform:uppercase;
    line-height:100%;
    
    }

#content_numbers h1 {
    font-size:1.8em;
    margin:0 0 10px 0;
    }
    
#content_numbers h4 {
    color:#FFF
    }
     
h2.sub {
    color:#DFA7DE;
    text-transform:uppercase;
    font-size:1.07em;
    letter-spacing:1px
    }
 
/* -- forms -- */

.formwrap {
    padding:10px 0;
    overflow:hidden;
    clear:both;
    }

.formwrap .left {
    clear:both;
    width:38%;

    }

.formwrap .right {
    width:62%;
    }

.formwrap .left, .formwrap .right {
    line-height:22px;
    margin:1px 0 0 0;
    }
     
.formwrap .right input[type=text], 
.formwrap .right input[type=password], 
.formwrap .right input[type=file],
.formwrap textarea {
    border:3px solid #9DC6A6;
    background:#9DC6A6;
    width:300px;
    color:#000;
    font-weight:bold;
    }

    
.formwrap select option {
    padding:0 3px;
    margin:4px 0
    }
    
.formwrap textarea {
    font-weight:normal;
    height:80px
    }

.formwrap textarea.l {
    font-weight:normal;
    width:100%;
    height:150px;
    margin-top:5px
    }
    
.formwrap input[type=text].s {
    width:40px;
    text-align:center
    }

.formwrap input[type=text].ms {
    width:100px;
    text-align:center
    }

.formwrap input[type=text].m {
    width:150px;
    text-align:center
    }


.formwrap input[type=text].ml {
    width:240px
    }
    
.formwrap input[type=text].color_picker {
    width:90px;
    background:#FFF url(../images/rainbow.png) no-repeat 4px center;
    padding:4px;
    border:0;
    color:#000;
    text-indent:22px;
    font-weight:bold;
    font-size:1.1em;
    letter-spacing:1px
    }

.formwrap .date input[type=text] {
    width:30px;
    text-align:center;
    margin:0 1px 0 0
    }
    
.formwrap b {
    color:#A00000;
    font-weight:normal;
    font-size:0.9em;
    line-height:14px;
    margin:5px 0;
    display:block
    }

.formwrap b.error {
    display:none
    }

.formwrap input[type=text].error_border, 
.formwrap input[type=password].error_border,
.formwrap select.error_border,
.formwrap textarea.error_border {
    border:4px solid #303030;
    background:#303030;
    color:#FFF
    }

input[type=submit].ajax{
    background:url(../images/ajax.gif) no-repeat center center;
    }
div.ajax {
    width:126px;
    background:#CCC url(../images/ajax.gif) no-repeat center center;
    margin:10px auto;
    color:#FFF;
    text-align:center;
    line-height:22px
    }
    
.required {
    color:#C00000
    }

textarea.code {
    width:96%;
    height:500px;
    background:#FFF;
    padding:10px;
    display:block;
    margin:0 auto;
    font-family:"courier new";
    font-size:1.0em;
    font-weight:bold;
    color:#000
    }

select,
table {
    font-size:1.1em
    }

.option_right {
    float:right;
    margin: 0 0 0 10px
    }
    
    
/* -- tables -- */


table.tblwrap {
    background:#bbb;
    margin:10px 0 0 0;
    padding:10px;
    border:0;
    width:100%;
    }

table.tblwrap td,
table.tblwrap th {
    padding:4px;
    font-size:0.9em
    }

table.tblwrap td.td_s {
    width:20px;
    text-align:center;
    padding:2px
    }

table.tblwrap td.td_s img,
.option_right img {
    background:#FFF;
    padding:3px;
    margin:2px 2px 0 2px;
    border:1px solid #AAA
    }

table.tblwrap td.td_ms {
    width:45px;
    text-align:center;
    }
    
table.tblwrap td.td_m {
    width:80px;
    text-align:center
    }

table.tblwrap td.td_ml {
    width:150px;
    text-align:center
    }
    
table.tblwrap td.td_h,
table.tblwrap th {
    font-weight:bold;
    text-align:center
    }    

table.tblwrap th  {
    color:#548A00;
    cursor:pointer
    }

table.tblwrap th.nosort {
    color:#000;
    cursor:default
    }   

table.alternate tr {
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;    
    }

table.tblwrap td.td_img {
    border:1px solid #CCC;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em; 
    }

.sortasc {
    background:url(../images/sortasc.png) no-repeat center right;
    }

.sortdesc {
    background:url(../images/sortdesc.png) no-repeat center right;
    }   

/* -- parent child -- */

.show_parent {
    cursor:pointer
    }

tr.show_child td ol {
    font-size:1.1em;
    line-height:1.6em
    }
    
/* -- panel -- */

.panel {
    clear:both;
    margin:0 0 10px 0
    }

.panel span.pspan {
    background:#F0F0F0;
    overflow:hidden;
    display:block;
    clear:both;
    padding: 10px;
    margin:0 0 10px 0
    }

#content_main_inner .panel ul {
    margin:10px 0 0 0;
    width:100%;
    padding:0 0;
    }
    
.panel ul li {

    float:left;
    display:block;
    color:#F500AB;
    font-weight:bold;
    cursor:pointer;
    background:#FFF no-repeat 8px 5px;
    border:1px solid #F0F0F0;
    border-bottom:0;
    padding:5px 8px;
    margin:0 8px 0 0;
    -moz-border-radius-topright: 1em;
    -webkit-border-top-right-radius: 1em; 
    -moz-border-radius-topleft: 1em;
    -webkit-border-top-left-radius: 1em;

    }
    
.panel ul li.on {
    color:#000;
    background-color:#F0F0F0;
    cursor:default
    }
.panel span.pspan .panel span {
    padding:0
    }

.panel span.pspan .panel  ul li {
    background:#FFF;
    }


.panel span.pspan ul li {
    background:none;
    -moz-border-radius-topright: 0em;
    -webkit-border-top-right-radius: 0em; 
    -moz-border-radius-topleft: 0em;
    -webkit-border-top-left-radius: 0em;
    padding:0 2px 5px 2px;
    font-weight:normal
    }
    
/* -- member bar: log in form -- */

#member {
    float:right;
    width:350px;
    margin:178px 0 0 0;
    color:#FFF;
    }

#member a {
    color:#F0F0F0;
    margin:0 0 0 15px;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    text-decoration:none;
    }
    
#log-in-form, #lost-password-form {
    padding:5px 10px 10px 10px;
    background:#5C5C5C;
    z-index:101;
    overflow:hidden;
    }
    
#log-in-form {
    padding-bottom:10px
    }
    
#member input {
    float:left
    }
    
#member input[type=text] , #member input[type=password] {
    width:112px;
    margin:5px 10px 0 0;
    border:3px solid #FFF
    }

#log-in-form .overtext, #lost-password-form .overtext {
    color:#999;
    font-weight:bold;
    }
    
#log-in-form div, #lost-password-form div {
    width:346px;
    }

#lost-password-form-wrapper, #log-in-form-wrapper {
    position:absolute;
    z-index:101;
    width:350px;
    float:right
    }

/* -- columns -- */

.col_wrap {
    margin:10px 0;
    overflow:hidden;
    clear:both;
    }

.col_2 {
    width:50%;
    float:left;
    overflow:hidden;
    }
    
.col_3 {
    width:33%;
    float:left;
    }
.col_4 {
    width:25%;
    float:left;
    }
.col_nm {
    margin:0;
    float:left;
    }
 

.col_main {
    background:#F0F0F0;
    height:210px; 
    border:1px solid #48494E;
    
    width:308px
    }

.col_wrap .tblwrap {
    margin:0
    }
   
/* -- sidebars -- */

.navigation_left, .navigation_right {
    width:150px;
    list-style:square;
    font-weight:bold;
    padding:0 20px;
    line-height:20px
    }

#content_main_inner .navigation_right ul {
    padding:0;
    margin:0;
    list-style:none;
    }

.block_left {
    width:200px;
    margin-right:20px;
    float:left
    }

.block_right {
    width:200px;
    margin-right:20px;
    float:right
    }
    
.block_left span, .block_right span {
    display:block;
    padding:1px 10px;
    background:#DDD;
    margin:0 0 20px 0
    }
    
/* -- image display -- */


.img_thumb p {
    width:58px;
    height:58px;
    float:left;
    margin:10px 10px 0 0;
    background:#FFF no-repeat center center;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border:1px solid #FFF;
    cursor:pointer
    }

.img_thumb p.on  {
    border:1px dashed #C00000;
    background-color:#f9dcd4
    }

.thumbnail,
.medianail{
    border:1px solid #000;
    padding:5px;
    background:#FFF
    }

#thumbnail_display {
    border:1px solid #000;
    padding:15px;
    background:#FFF;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    }
    
/* -- currency  -- */    

#currency {
    float:right;
    }
    
#currency img {
    margin:5px 0 0 3px;
    padding:2px;
    background:#FFF;
    border:1px solid #000;
    cursor: pointer
    }
    
/* -- notices -- */    
    
    
#note {
    background:transparent url(../images/note_bg.png) no-repeat center center;
    width:300px;
    height:200px;
    position:absolute;
    z-index:2
    }
    
#note_inner {
    padding:50px 30px;
    text-align:center;
    }


#error {
    font-size:1.4em;
    color:#C00000
    }

#notes {
    font-size:1.4em;
    color:#858585
    }
    
.tippit {
    vertical-align:middle;
    margin-top:-3px
    }


.tip {
    background:#FFF;
    border:1px solid #000;
    width:300px;
    padding:10px
    }


/* -- checks -- */

.chk_yes, .chk_no {
    padding:0 0 0 20px;
    list-style:none;
    }

.chk_no {
    background:url(../images/cross.png) no-repeat center left;
    }

.chk_yes {
    background:url(../images/tick.png) no-repeat center left;
    }
    
/* -- colors -- */

.dark a,
.light a,
.xdark a,
.xlight a {
    text-decoration:none;
    color:#382B61;
    font-weight:bold
    }

.dark {
    background:#CCC;
    
    }

.xdark {
    background:#BBB;
    }
    
.light {
    background:#EEE
    }

.xlight {
    background:#FFF
    }

.highlight {  
    background:#990100;
    color:#FFF;
    font-weight:bold
    }

/* -- blogs -- */

.entry {
    clear:both;
    width:500px
    }

.entry h3 {
    text-transform:uppercase
    }

.entry_base {
    overflow:hidden;
    background:#DDD;
    padding:5px 10px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;    
    }

.entry_base a {
    text-transform:uppercase;
    font-size:0.8em;
    color:#6D8A93;
    font-weight:bold
    }

.blog_comments {
    overflow:hidden;
    }
 
.blog_comments h4 {
    margin:0 0 5px 0;
    }

.blog_comments textarea {
    border:3px solid #CCCCCC;
    background:#CCCCCC;
    width:280px;
    height:100px;
    margin:0 10px 0 0
    }

.blog_comments input[type=text] {
    border:3px solid #CCCCCC;
    background:#CCCCCC;
    width:170px;
    }


.entry hr {
    border:0;
    border-top: 1px solid  #F4632C
    }
    
#openid_if {
    margin:10px 0
    }

.togglees li {
    white-space:nowrap
    }
    
/* -- travel -- */

.hidelabel { 
    display: none; 
    }

/* -- prayers -- */

#prayer_list div, .prayer {
    width:400px;
    margin:20px auto;
    background:#FFF;
    border:1px solid #888;
    padding:10px;
    text-align:center
    }

.prayer {
    width:auto;
    margin:0;
    height:200px;
    overflow:auto
    }

 
 #prayer_list h2, .prayer h2 {
    margin:0 0 5px 0;
    line-height:1.1em;
    color:#9B8E5A
    }

 #prayer_list h4 {
    margin:0 0 10px 0;
    color:#382B61
    }
    
/* -- support -- */
    
.faq {
    width:600px
    }    

.faq h3 {
    color: #AA1211
    }
 
.faq ol {
    padding:10px 10px 0 15px;
    line-height:18px;
    }

.faq ol a {
    color:#C21314;
    font-weight:bold
    }

/* -- accordian -- */

.togglers {
    cursor:pointer;
    margin:0;
    padding:0
    }


/* -- misc -- */

ol {
    margin:10px 20px
    }

.legal li {
    list-style-type:upper-roman
    }
.legal ul li {
    list-style-type:circle
    }

.icon_l {
    line-height:16px
    }

.icon_l img {
    float:left;
    margin:0 5px 0 0
    }

.formwrap img.left {
    width:auto;
    margin:0 10px 10px 0
    }
    
.hide {
    display:none;
    visibility:hidden;
    position:absolute;
    height:1px
    }
    
.left {
    float:left
    }
    
.right {
    float:right
    }
    
.pad {
    padding:10px
    }
    
.round {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;   
    }

.border {
    border:1px solid #CCC
    }

.inset {
    border:1px solid #CCC;
    background:#FFF;
    padding:0 10px;
    }

.pagetopage {
    width:200px;
    margin:20px auto;
    display:block;
    text-align:center
    }

.pagetopage select option {
    text-align:center
    }

.pagetopage a {
    margin:0 10px;
    font-weight:bold;
    background:#FFF;
    padding:5px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;   
    }

h3.select_head_h {
    color:#F500AB;
    margin:0 0 10px 0;
    }
h3.select_head_h .select_head {
    margin:0 5px 0 0
    }
-->