/* CSS Document */
/*
* {border:thin solid red}
*/
body, td, input, select, textarea { color:#333; font-family: Helvetica, Arial, sans-serif; font-size:12px;}
#leaderl, #leaderr{ behavior: url(/css/iepngfix_v2/iepngfix.htc) }
#WRAPPER { z-index:1;text-align: left;}
.smtxt { font-size:11px;}
.tenpix {font-size:10px;}
.right { float: right; }
.left { float: left; }
.clear_indent { clear: both; margin-left: 50px; }
em, i {font-style: italic;}
a { font-size:inherit;}
li {font-size:inherit;}
#cmh_footer a:link{color:white;}
#cmh_footer a:visited{color:white;}
.othersites {
    text-align: left;
}
.othersites a {
    color: #beb1c2 !important;
}

.tarot_icon { 
    height: 24px;
    width: 13px; 
    background: url(http://gfx.tarot.com/images/logos/tarot.com/sprite-footer.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

.dailyhoroscope_icon {
    height: 24px;
    width: 20px;
    background: url(http://gfx.tarot.com/images/logos/tarot.com/sprite-footer.png);
    background-position: 0 -23px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

.numerology_icon {
    height: 12px;
    font-size: 1px;
    width: 40px;
    background: url(http://gfx.tarot.com/images/logos/tarot.com/sprite-footer.png);
    background-position: 0 -50px;
    background-repeat: no-repeat;
    margin-bottom: 9px;
    margin-top: 8px;
}

.decoz_icon {
    height: 17px;
    width: 19px;
    background: url(http://gfx.tarot.com/images/logos/tarot.com/sprite-footer.png);
    background-position: 0 -62px;
    background-repeat: no-repeat;
    margin-top: 5px;
    margin-bottom: 7px;
}

.twittascope_icon {
    height: 23px; 
    width: 30px;
    background: url(http://gfx.tarot.com/images/logos/tarot.com/sprite-footer.png);
    background-position: 0 -78px;
    background-repeat: no-repeat;
    margin-bottom: 3px;
    margin-top: 3px; 
}

.freehoroscope_icon {
    height: 24px;
    width: 25px;
    background: url(http://gfx.tarot.com/images/logos/tarot.com/sprite-footer.png);
    background-position: 0 -100px;
    background-repeat: no-repeat;
    margin-bottom: 3px;
    margin-top: 2px;
}

.othersites .othersites_head {
    margin: 10px 10px 0 10px;
    color: #beb1c2;
    font-size: 20px;
    border-bottom: 1px solid #beb1c2;
}
#cl{
	background:transparent url('http://gfx.tarot.com/images/splash/default/bg-side-left.png') repeat-y top left; 
 	padding:0px 0 0 78px;
}
.ssl #cl{
	background-image:url('/images/splash/default/bg-side-left.png');
}
#cr{
	background:transparent url('http://gfx.tarot.com/images/splash/default/bg-side-right.png') repeat-y top right;
	padding:5px 78px 0 0;
	margin-top:10px;
}
.ssl #cr{
	background-image:url('/images/splash/default/bg-side-right.png');
}
#leaderboardOuter{
	margin:10px auto 0px;
	width:810px;
}
#leaderl{
	background:transparent url('http://gfx.tarot.com/images/splash/default/hdr-leaf-left.png') no-repeat top left; 
	padding:0px;
	height:92px;
	width:36px;
	float:left;
}
.ssl #leaderl{
	background-image:url('/images/splash/default/hdr-leaf-left.png');
}
#leaderr{background:transparent url('http://gfx.tarot.com/images/splash/default/hdr-leaf-right.png') no-repeat top right;
	padding:0px;
	margin-top:1px;
	height:92px;
	width:36px;
	float:right;
}
.ssl #leaderr{
	background-image:url('/images/splash/default/hdr-leaf-right.png');
}
#bg-cap-hdr{
	background: url('http://gfx.tarot.com/images/splash/tarot/bg-cap-hdr.png') repeat-x left bottom;
	height: 21px;
	behavior: url(/css/iepngfix_v2/iepngfix.htc);
	position: relative;
	margin-top: -11px;
}
.bg-cap-hdr-with-follow { margin-top: -21px !important; }
#bg-cap-hdr .follow-us {
	height: 21px;
	position: absolute;
	top: -11px;
	left: 0px;
	right: 0px;
	background: #BEB1C2;
	font-size: 11px;
	font-face: Arial;
}
#bg-cap-hdr .follow-us .follow-links {
	height: 13px;
	float: left;
	padding: 4px 0px;
	color: #60699E;
}

#bg-cap-hdr .follow-us .follow-links a {
	color: #60699E;
	padding: 0px 3px;
	text-decoration: none;
}

#bg-cap-hdr .follow-us .follow-btns {
	float: right;
	height: 13px;
	padding: 4px 3px 4px 0px;
}
#bg-cap-hdr .follow-us .follow-btns .label { color: #666; }
#bg-cap-hdr .follow-us .follow-btns .btn {
	color: #60699E;
	background-image: url('http://gfx.tarot.com/images/social/social-icons-14px.png');
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
}

#bg-cap-hdr .follow-us .follow-btns .facebook-btn { background-position: 3px   0px; }
#bg-cap-hdr .follow-us .follow-btns .twitter-btn  { background-position: 3px -16px; }
#bg-cap-hdr .follow-us .follow-btns .myspace-btn  { background-position: 3px -32px; }

.ssl #bg-cap-hdr{
	background-image: url('/images/splash/tarot/bg-cap-hdr.png');
    margin-top: -21px;
}

/* BEGIN styles specific for new home 
*/
A:link { color:#006699;}
A:visited { color:#006699;}
A:hover { color:#CC9900}
A:active { color:#006699;}
A.smlnks:link { font-size:11px;}
A.smlnks:visited { font-size:11px;}
A.smlnks:hover { font-size:11px;}
A.smlnks:active { font-size:11px;}

A.smlnks2:link { font-size:11px;}
A.smlnks2:visited { font-size:11px;}
A.smlnks2:hover { font-size:11px; color:#990000;}
A.smlnks2:active { font-size:11px;}

A.smlnks3:link { font-size:10px;}
A.smlnks3:visited { font-size:10px;}
A.smlnks3:hover { font-size:10px;}
A.smlnks3:active { font-size:10px;}
/*TABLE, TR, TD, P { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px;}*/
LI {list-style-position:outside;}
li.ordrd{list-style-type:circle;}

ul.smtxt { margin-top:5px;}
p.smtxt { margin-top:5px;}
form.smtxt select, form.smtxt input, form.smtxt option {font-size:11px;}
ul.smtxt li a {font-size: 11px; }
ul.prodList {margin-top:0px; margin-left:1.5em; padding-left:0px;}
ul.prodList li {margin-left:0px;}

.hottabs {color:#663366; font-weight:bold; font-size:13px;}
.special {margin-top:5px; line-height:14px;color:#000000; font-size:11px;}
.displaywhite { color:#ffffff; font-size:12px; font-weight:bold;}
.chapterhdrs {color:#663366; font-size:30px;}
.exlrghdrs {color:#663366; font-weight:bold; font-size:18px;}
.extralrghdrs {color:#663366; font-weight:bold; font-size:22px;}
.exlrgtxt {color:#663366; font-size:18px;}
.exlrgtxtb {color:#000066; font-size:18px;}
.lrghdrs { color:#000066; font-weight:bold; font-size:14px;}
.lrghdrs2 { color:#663366; font-weight:bold; font-size:14px;}
.lrghdrs a, .lrghdrs a:visited { color:#000066; text-decoration:none; }
.lrghdrs A:hover { color:#CC9900}
.medhdrs { color:#000066; font-weight:bold; font-size:12px;}
/* sbhdrsregular is like prodhdr1 but I believe there is more than a little
chance that prodhdr styles might be altered for where they are used in ways we dont 
want to affect global usage on reports.
*/
.sbhdrsregular {color:#663366; font-weight:bold; font-size:12px;}
.smhdrs { color:#000066; font-weight:bold; font-size:11px;}
.smhdrs2 { color:#663366; font-weight:bold; font-size:11px;}
.dailyhdrs {color: #990000; font-weight:bold; font-size:16px;}
.dailyhd1 {color: #666633; font-weight:bold; font-size:12px;}
.dailyhd2 {color: #959572; font-weight:bold; font-size:11px;}
.dailyhd3 {color: #959572; font-weight:bold; font-size:17px;}

/* the prodhdrs are used for the CDROM page products and CDROM forms/tables 
and can be used for other forms or products pages  
*/
.prodhdr1 { color:#663366; font-weight:bold; font-size:12px;}
.prodhdr2 { color:#000066; font-weight:bold; font-size:12px;}
.prodtitle { font-weight:bold; font-style:italic; font-size:13px;}
.prodItemNumber { font-weight:bold; font-size:11px;}
.prodtableClr1 { background-color:#859DB6}
.prodtableClr2 { background-color:#D1DAE3}
.prodtableClr3 { background-color:#BCCCDA}
.prodtableClr4 { background-color:#E5EFF5}
.prodtablelineClr { color:#999999}
.prodaddressboxClr { color:#E7DAE7}
/* END product forms styles */
.homeleftcolmargins { margin-left:12px; margin-right:12px;}
.modulebuffer { margin-top:5px; margin-bottom:0px;}
/* END styles specific for new home 
*/
/* BEGIN These styles specific to the store
*/
.storecategory { font-size:16px; color:#FFFFFF}
.storehdr { font-size:17px;}
.storelabels { color:#660066; font-size:12px; font-weight:bold;}
.bdymargins { margin-left:45px;}
/* END These styles specific to the store
*/


/* Styles for masthead **************************/
div#topRightLinks a{
  color:white;
  text-decoration:none;
}


div#topRightLinks a:hover{
 font-weight:bold;
}


div#topRightLinks a:active{
  color:#006699;
  font-weight:bold;
}

div#content_area{
	width:100%;
}

/* supermasthead (login line) */
div#tarot_top_logo {
    position:absolute;
    left:0px;
}
#logo_top{
	height:68px;
	width:264px;
	padding:10px 10px 25px 10px;
	background:transparent url('http://gfx.tarot.com/images/mast/tarot-logo.png') no-repeat top left; 
	_background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://gfx.tarot.com/images/mast/tarot-logo.png");
	margin:15px 0px 5px 15px;
}
.ssl #logo_top{
	background-image:url('/images/mast/tarot-logo.png');
	_background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/mast/tarot-logo.png");
}
/* Dashboard */
#dashboard{
    height:103px;
	overflow:hidden;
    position:relative;
    right:0px;
}
.dash-holiday-image{
    width:60px;
    height:60px;
    position:absolute;
    left:285px;
    top:20px;
}
#dash_main{
    text-align:left;
    font: bold 12px/17px arial,sans-serif;
    color:#DFDFDF;
    width:239px;
    height:60px;
    position:absolute;
    top:0px;
    right:170px;
}
.dash-main-liner{
    position:absolute;
    right:0px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-box-shadow: 2px 2px 3px #303;
    -webkit-box-shadow: 2px 2px 3px #303;
    box-shadow: 2px 2px 3px #303;
    z-index:4;
}
.dash-left-outer, .dash-right-outer{
    position:relative;
    border:1px solid #636;
    border-top:1px solid #8f8094;
    z-index:2;
    overflow:hidden;
    zoom:1;
    display:inline-block;
}
.dash-left-outerliner, .dash-right-outerliner{
    padding:6px;
}
.dash-background{
    position:absolute;
    background-color:#303;
    height:72px;
    opacity:0.5;
    filter:alpha(opacity=50);
    z-index:0;
    bottom:0px;
    right:0px;
    width:162px;
}
.dash-left-outer .dash-background{
    left:0px;
    right:auto;
}
.dash-left-outer, .dash-left-outerliner, .dash-left-outer .dash-background{
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
}
.dash-left-outer{
    float:left;
    width:106px;
}
.dash-right-outer, .dash-right-outerliner, .dash-right-outer .dash-background{
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
}
.dash-right-outer{
    float:left;
    width:129px;
}
.dash_state_000 .dash-left-outer{
    width:55px;
}
.dash_state_000 .dash-right-outer{
    width:110px;
}
.dash_right a{
    zoom:1;
    display:block;
    border:none;
}
.dash_left, .dash_right{
    position:relative;
    height:49px;
    width:auto;
    overflow:hidden;
    border-style:hidden;
    z-index:1;
}
.dash_state_000 .dash_left, .dash_state_000 .dash_right{
    text-align:center;
}
.dash_left p, .dash_right p{
    position:relative;
}
.dash_state_000 .dash_left,.dash_state_000 .dash_right{
    height:30px;
}
div#dash_main img{
    position:relative;
    display:inline-block;
}
div#dash_main a{
    position:relative;
    font-weight:bold;
    color:#9CF;
}
div#dash_main p{
    margin:0px;
    white-space:nowrap;
}
div#dash_main .dash_progress_link a.dash_join{
    position:relative;
}
.dash_right .dash_coinage{
    width:auto;
    position:relative;
}
div#dash_main.dash_state_000{
    width:169px;
}
.dash_right img{
    margin-top:3px;
}
div#dash_main .dash_title{
    font: bold 12px arial,sans-serif;
    color:#fff;
}
.dash_kc_image{
    float:left;
    margin-right:3px;
    height:26px;
    overflow:hidden;
}
#dash_main img{
    width:26px;
    height:26px;
}
.dash_corner_promo{
    position:absolute;
    right:0px;
    width:165px;
}
div#dash_main .dash_progress_link{
    white-space:normal;
    width:auto;
}
div#dash_main.dash_state_000 .dash_progress_link{
    padding-top:6px;
    font: bold 12px/17px arial,sans-serif;
}
.dash_text{
    width:123px;
}
.dash_join{
    width:auto;
    display:none;
    font-size:12px;
}
.dash_join_right{
    position:relative;
    background: transparent;
    padding:6px 0;
}
.dash_join_left{
    float:left;
    padding:6px;
}
.dash_left .dash_join{
    width:auto;
}
.dash_state_000 .dash_join{
    display:block;
}
.dash_state_000 .dash_left .dash_join{
    width:177px;
}
.dash_state_000 .dash_coinage{
    display:none;
}
.dash_state_000 .tarot_greeting{
    display:none;
}
.dash_state_010 .facebook_greeting, .dash_state_000 .facebook_greeting{
    display:none;
}
.dash_facebook_logout{
    display:none;
}
.dash_state_000 .dash_tarot_logout, .dash_state_001 .dash_tarot_logout{
    display:none;
}
#astrosync-dash {
    background-color: #512F9D;
    background-color: rgba(87, 147, 157, 0.4);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99512F9D',EndColorStr='#99512F9D'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99512F9D',EndColorStr='#99512F9D')"; /* IE8 */
    -moz-border-radius-bottomleft: 10px; /* FF1+ */
    -moz-border-radius-bottomright: 10px; /* FF1+ */
    -webkit-border-bottom-right-radius: 10px; /* Saf3+, Chrome */
    -webkit-border-bottom-left-radius: 10px; /* Saf3+, Chrome */
    border-bottom-left-radius: 10px; /* Opera 10.5, IE 9 */
    border-bottom-right-radius: 10px; /* Opera 10.5, IE 9 */
    height: 20px;
    padding: 2px 10px;
    position:relative;
    top:60px;
    right:0px;
    z-index:3;
}
#dash_main.dash_state_000 #astrosync-dash {
    top:44px;
}
#astrosync-dash a {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 20px;
}
#astrosync-dash a:hover {
    text-decoration: none; 
}
#astrosync-dash .astrosync-icon {
    margin: 5px 5px 0 0;
    border: none;
    height:10px;
    width:29px;
}
/*
table#supermasthead td.supermast_text {
  padding-top:12px;
  color:#FFF;
}
#supermasthead a:link, #supermasthead a:visited {
	color:#99CCFF;
}

td#supermast_tabs {
  width:160px;
}

td.supermast_text b {
  color: #EE9DEF;
}

td#left_mast_cell {
    width: 280px;
    vertical-align: bottom;
}
td.mast_sitewide_nav, td.mast_sitewide_nav a {
    font-size: 11px;
    font-weight: bold;
    color: #888888;
    text-decoration: none;
}
td.mast_sitewide_nav {
    letter-spacing: .05em;
    padding: 7px;
    height: 17px;
}

td#site_tabs_cell {vertical-align:bottom; text-align:center;}

td#site_tabs_cell img {
    margin-left: 2px;
    vertical-align: bottom;
}
*/
tr.channel_mast_row {
    height: 10px;
    vertical-align: top;
}

/* mast head */
.channel_mast_nav {
    white-space: nowrap;
	margin:0px;
	padding:0px;
	/* these will be over ridden in dropdown_nav.css.php for pages that use the dropdowns */
	text-align:right;
	margin-top:3px;
	margin-bottom:3px;
}

a.menuitem, a.menuselected{
	font-weight:bold;
	text-decoration:none;
}
a.smenuitem { font-size:.9em; text-decoration:none;}		
		
		/* user column *************************************************/
		/* from & replacing template.css.php */
		#USERCOL {
  width: 140px;
  text-align: left;
  margin: 0px; padding: 0px;
  color: #000000; background-color: #ffffff;
  }
	
	/* from & replacing site.css.php */
	.usercolcontent, .usercolcenter {
  color: #333333;
}
.usercolcontent a {font-size:12px;}
.usercolcontent {
  padding: 4px 3px 2px 8px;
  width: 138px;
  }
.usercolcenter {
  width: 136px;
  text-align: center;
  }
.usercolcontent ul {
  margin: 0px;
  padding: 0px;
  list-style: none outside none;
  }
.usercolcontent li {
  margin: 0 0 4px 2px;
  padding: 0 0 2px 0;
  list-style: none outside none;
  }
.uclist {
  margin: 1px 0 1px 4px;
  padding: 0px;
  }
	
	/* random header type styles ******************
	al 2005.03.25 replaced font size %'s with pixels.
	% sizes are commented out, and pixel sizes were determined by the percent * 12px, which is the "basic" font size.
	****************************************************/
	/* make them all the same color */
	H1, .title, .title a, .hdr, H2, .subtitle, .subhdr, H2.subhdr, H3.subhdr2, .subhdr2, .newshdr, .hpdate , .categorysubhdr, .entryhdr, .spread_name, H3, a.fpcategory, a.fpcategory:visited {
	color: #000066; 
	font-weight:bold;
	}
	
	/*Large header from "custom_home.css." */
	
	.homeHdr {
		font-family:Georgia, Times, serif;
		font-weight:normal;
		color:#660066;
		margin-bottom:5px;
	}
	
	.homeHdr strong{
		color:#996699;
		font-weight:normal;
	}
	
	h1.homeHdr {
		font-size:36px;
		line-height:37px;
	}
	
	h2.homeHdr {
		font-size:28px;
		line-height:29px;
	}

	h3.homeHdr {
		font-size:24px;
		line-height:25px;
	}
	
	h4.homeHdr {
		font-size:18px;
		line-height:20px;
	}
	
	/*from site.css.php */
	H1, .title, .title a, .hdr {
	font-size:15px; /*125%;*/
	font-weight:bold;
}
H1 { margin: 0px; }
.title {
  width: 100%;
  margin: 10px 0 2px 0;
  }
.title a { text-decoration: none; }
.hdr, H1.hdr {
  margin: 10px 0 0 0;
  text-decoration: none;
  }

H2, .subtitle, .subhdr, H2.subhdr { 
	font-weight: bold; 
	font-size:13px; /* 105%;*/ 
}
H2, H2.subhdr { margin: 0px; }
.subtitle { margin: 2px 0 2px 0; }

H3.subhdr { color:#996699; font-size:16px; margin:0;}

H3, .subhdr2, H3.subhdr2 {
font-size:12px; /*new*/
  font-weight: bold;
  margin: 0px;
  }
	.subhdr2 a{font-weight:normal;}
.sectionmenuhdr {
  font-weight: bold;
  color: #666666;
  margin: 4px 0 4px 0;
 }
.categorysubhdr {font-family:Georgia, Times, serif; font-size:18px; font-weight:normal; margin-bottom:5px;}
.newshdr { 
		font-weight:bold; 
		font-size:14px; /* 115%;*/ 
	}
.newshdr2 {
  font-style: oblique;
  color: #000000;
  }
.newsbyline {
  font-style: italic;
  text-align: right;
  }
	.hpdate { font-weight: bold; }
	#siterefer
{
    width: 100%;
    font-size: 13px;
    color: #ffffff;
}
.sale_price {
    color: #993300;
    font-weight: bold;
}
div.columnpath {padding-bottom:15px; color:#006699; font-size:11px;}

/* footer styles from site.css.php ***************************************/
#footlinks { font-size: 11px; }
div#siterefer a, div#siterefer a:visited, div#siterefer a:hover, div#footlinks a, div#footlinks a:visited, div#footlinks a:hover { color: #ffffff; font-size:12px;}

/* form alert styles ** currently a yellow box **************************/
div.formAlert {
	background-color: #FFFFCC;
	border: 1px solid #CCCCCC;
	padding:12px 15px 13px 10px;
	color:black;
}

div.formAlert p.subHdr {
	font-size:110%;
	color:#000066;
	font-weight:bold;
	margin:0px;
}

div.formAlert p {
	margin:0px 0px 15px 0px;
}

/* for seo footer text content *************************************/
div#seocopy, div.footerTxt {
	font-size:10px;
	margin-bottom:5px;
	text-align:left;
	color:#333333;
}
div#seocopy h1, div.footerTxt h1 {
	font-size:11px;
	margin:0px;
	color:#333333;
	display:inline;
}

div#seocopy  p, div.footerTxt p {
	margin-top:3px;
	margin-bottom:0px;
}

div#seocopy a, div#seocopy a:visited, div#seocopy a:active div.footerTxt a, div.footerTxt a:visited, div.footerTxt a:active{
	color:#333333;
}

/* for footer "advertisement" ***************************************/
p#footerAdText{
	margin:0px;
	font-size:10px;
	color:#999999;
	clear:both;
}

/* for leaderboard ad  ***************************************/
#leaderboardArea {
  padding:0 0px;
  margin: 0px;
	width:810px;
	height:92px;
	display:block;
  /*margin-bottom:-5px;*/
}

#leaderboardAd {
	width:728px;
  margin-bottom:0px;
}

.notop, .notopHolder p {
  margin-top:0px;
}


/* for 300x250 "advertisement" ***************************************/
p.ad300x250text{
	margin:0px;
  letter-spacing:5px;
	font-size:10px;
	color:#999999;
  text-align: center;
  width:300px;
}

/*
used for form elements created by phplib/forms/form_element.inc
*/
div.form_element {
    vertical-align: middle;
}

/*
used for sample Tarot card navigation
*/
.card_nav {
    text-align: right; 
    margin: 0 20px; 
    padding: 5px 10px 5px 100px;
    border: 1px solid #cccccc; 
    border-right: 0; 
    border-left: 0;
    font-size: 12px; 
    font-weight: bold;
    color: #666666; 
}
.card_nav a, .card_nav span {
    padding-left: 10px;
}


/*
call box styles (3-color, assymetric borders)
*/
.call_box_container {float:right; width:197px; clear:right; padding:20px;}
.call_box_hdr {
  background-color:#CC0000;
  color:#ffffff;
	font-family:Georgia, Times, serif;
  font-weight:normal;
  font-size:16px;
  padding:5px 0px 5px 15px;
  margin:0px;
}
.call_box_border {
    border:1px solid #cccccc; border-left-width:5px;
    border-top-width:0; width:191px;  float:right;
    border-top:3px solid #777777;
}
.call_box_content {padding:10px 4px 5px 10px; float:right;}



/* another callbox, specify the float you want, if any, inline

  you need nested divs:
  <div class="callbox_margins"> (good place to specify float)
  <div class="callbox_width"> (good place to specify width)
  <div class="callbox_hdr">hdr</div> (specify bg color here)
  <div class="callbox_content"> (specify border top color here)
  ...
  </div> (callbox_content)
  </div> (callbox_width)
  </div> (callbox_margins)
*/


div.callbox_margins {
  margin:10px 0px 20px 20px;
}

div.callbox_margins div.callbox_width {
  background-color:#CCCCCC;
}

div.callbox_margins .callbox_hdr {
  background-color:#660066;
  color:#ffffff;
	font-family:Georgia, Times, serif;
  font-weight:normal;
  font-size:18px;
  padding:5px 0px 5px 15px;
  margin:0px;
}

div.callbox_margins div.callbox_content {
  background-color:#FFFFFF;
  border-top:3px solid #E37373;
  border-right:1px solid #999999;
  border-bottom:1px solid #999999;
  margin-left:5px;
}



/* additional callbox css for the keen/psycic adcolumn ad 
see phplib/partner/keen/keen-ads.php for html
*/
div#keenAdColTopper p {margin:0px;font-size:11px;}

div#keenAdColTopper p.keenAdSubHdr, div#keenAdColTopper b {
  font-weight:bold;
  color: #333399;
}

p.keenAdSubHdr { padding-left:3px; }
div#keenAdColTopper p.keenAdTextBlock { padding-left:13px;}


div#footertext{
  color: black;
  width: 600px;
  text-align: center;
  margin: auto;
  font-size: 10px; 
}

div.clearFloat {
  clear:both;
  height:1px;
  margin:0px;
  padding:0px;
  overflow:hidden;
}

/*Spotlight Widget for DHS and the WLS pages */

#spotlight_hdr{background:#996699; color:#ffffff; font-family:Georgia, Times, serif; font-size:18px; font-weight:normal; padding:5px 0 5px 15px;}

div.accordion_content p.spot_header {
  margin:0px;
	font-family:Georgia, Times, serif;
  font-size:18px;
  color:#660066;
  font-weight:normal;
  line-height:20px;
}

/*Quick Compatibility Widget*/

h2.qcphdr{font-family:Georgia, Times, serif; font-size: 20px; font-weight:normal; line-height:22px; color: #660066;}
h3.qcphdr{font-family:Georgia, Times, serif; font-size: 18px; font-weight:normal; line-height:20px; color: #660066;}

#footer_content {
    position: relative;
}
#footer_content .follow-us {
	height: 21px;
	position: absolute;
	bottom: 0px;
	right: 0px;
    left: 0px;
	background: #BEB1C2;
	font-size: 11px;
	font-face: Arial;
}
#footer_content .follow-us .follow-links {
	height: 13px;
	float: left;
	padding: 4px 0px;
	color: #60699E;
}

#footer_content .follow-us .follow-links a {
	color: #60699E;
	padding: 0px 3px;
	text-decoration: none;
}

#footer_content .follow-us .follow-btns {
	float: right;
	height: 13px;
	padding: 4px 3px 4px 0px;
}
#footer_content .follow-us .follow-btns .label { color: #666; }
#footer_content .follow-us .follow-btns .btn {
	color: #60699E;
	background-image: url('http://gfx.tarot.com/images/social/social-icons-14px.png');
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
}

div.truste-wps{width:143px;height:45px; margin:10px;}
.truste-wps img { border-style:none; }
#footer_content .truste-wps{width:auto;margin-top: 0px;}
#footer_content .truste-wps img {border-style: none;}
#footer_content .follow-us .follow-btns .facebook-btn { background-position: 3px   0px; }
#footer_content .follow-us .follow-btns .twitter-btn  { background-position: 3px -16px; }
#footer_content .follow-us .follow-btns .myspace-btn  { background-position: 3px -32px; }

#getreport_trialpay{margin-left:90px;width: 360px;}
#orcontainer{padding: 7px 50px 7px 0px; text-align:center;color:#663366;}
#getreport_trialpay #orcontainer{ text-align:left;}
