@charset "utf-8";
/* CSS Document */

body {width: 875px; margin: 15px auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px; background: url(images/pageBackground.jpg) repeat-x left bottom #A59B45;}
h1 {font-family: "Lucida Sans", Arial; font-size: 17px; line-height: 16px; color: #000000; padding-left: 15px;}
h2{display: block; padding: 3px; width: 200px; background-color: #FFFFCC; font-size: 14px;}
h3 {margin: 0px 15px;}
h3, h3 a {font-family: "Lucida Sans", Arial; font-size: 14px; line-height: 15px; color: #000000; text-decoration: none;}

p {padding: 5px 15px 0px 15px;}
p a {color: #333333; text-decoration: underline;}

a img, a {border: 0px; text-decoration: none;}
clearLeft {clear: left}
clearRight {clear: right}
clearBoth {clear: both}

#absoluteMemberLogin {position:absolute; align:right; margin:8px 0px 0px 745px; z-index: 10;}
form {}
form td {vertical-align: top; padding-left: 25px; text-align: left;}

#GeneralContactForm {background: url(images/askDan_backgound.jpg) no-repeat right;}
#portfolioReviewForm {margin: 10px 30px; border: 1px dashed #ededed; padding: 10px;}
#portfolioReviewForm td {vertical-align: top; text-align: left; padding: 0px;}

/* The header styles */

#theHeader {height: 130px; background: url(images/headerBackground.jpg) no-repeat; float: left; width: 875px;}

#header, #navigation {float: left; width: 875px;}
#header {height: 130px; background: url(images/headerBackground.jpg) no-repeat;}

#navigation {margin: 28px 0px 0px 0px;}
#Hbox1 {width: 800px; float: left;}
#Hbox2 {width: 225px; float: right; margin: 10px;}
.Hbox_search {height: 30px; width: 225px; float: left; margin: 23px 10px 0px 15px; font-variant: small-caps; color: #FFFFFF; font-weight: bold;}
.Hbox_search form {margin: -1px;}
.Hbox_ad {float: left; width: 225px; height: 65px; margin: 23px 0px 3px 15px; text-align: center;}
.theTitle {float: left; width: 300px; margin: 20px;}
.theHeaderTitle {float: left; width: 315px; margin: 23px 15px 0px 0px;}
.memberLoginGraphic {float: right; width: 130px; height: 65px; margin: 8px 0px 0px 60px;}
.theHeaderTitle a {text-decoration: none; color: #fff;}
#contentTitle a {text-decoration: none; color: #000;}

/* The header navigation including list styles */

#Hbox_navigation {float: left; width: 875px; margin: 10px 0px 0px 0px;}

/* The page content styles including 3 column layout and the footer */

#theBreadCrumbTrail, #theBreadCrumbTrail2 {padding: 0px 16px 0px 7px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 12px; color: #990000; text-align: left; font-weight: bold;}
#theBreadCrumbTrail2 {border: 1px groove #efefef; padding: 3px;}
#theBreadCrumbTrail a, #theBreadCrumbTrail2 a {font-weight: normal; color: #996600; border: 0px;}
#theContent {background-color: #FFFFFF; float: left; min-height: 400px;}
#theContentBB {float: left; background: url() no-repeat right 100px #FFFFFF; min-height: 400px;}

#theFAQ {width: 88%; margin: 10px;}
.titleFloat1 {float: right; width: 225px;}
.theLeftSide {float: left; width: 625px; background: url(images/contentBackground1.jpg) no-repeat left 180px;}
.theRightSide {width: 250px; float: left; background: #FFFFFF;}
#contentTitle {width: 625px; float: left; height: 85px; background: url(images/contentTitle_gradient.jpg) repeat-y right;}
.theSignUp {float: right; width: 258px;}
.theLogo {float: left; width: 203px; margin: 0px 0px 0px 10px;}
.signUp {float: right; width: 258px; margin-right: -9px;}
#titleLogo {float: left; width: 203px; height: 85px; margin: 0px 0px 0px 5px;}
#titleQuote {float: right; width: 183px; height: 53px; margin: 12px 45px 0px 30px;}
#contentTitle2 {width: 875px; float: left; height: 85px; background: url(images/contentTitle_gradient.jpg) repeat-y right;}
.contentBanner {width: 625px; float: left; height: 85px; background: url(images/headerGraphic.jpg) no-repeat left;}

/* ------ THE COLUMN LAYOUT STYLES INCLUDING LISTS, FLOATS AND SUBPAGE ELEMENTS --------- */

#col1, #col2 {float: left; width: 300px; padding: 10px 6px; background-color: #FFFFFF;}
#col1 {}
#col1 ol {
margin-left: -25px !important;
margin-left: -5px;
width: 265px;
}

#col1 li {display: block; height: 20px; list-style-type: none; margin: 0px 0px 5px 0px;}
#col1 li a, #col1 li a:hover {color: #FFFFFF; background: url(images/whtSquare_off.gif) no-repeat #BA9547 left; display: block; height: 20px; padding: 3px 0px 1px 28px;}
#col1 li a:hover {background: url(images/whtSquare_on.gif) no-repeat #BA9547 left;}
#col2 {padding: 10px 5px 0px 0px;}
#col3 {width: 245px;}
#col3_grn {width: 245px; background: url(images/rightCol_background.jpg) no-repeat #a3d49c;}
#col4, #Contactcol4, #Startedcol4, #FAQcol4 {float: left; width: 863px; padding: 10px 6px; clear: left; position: relative; min-height: 400px;}
#col4 {background: url(images/monitors.jpg) no-repeat right bottom;}
#Contactcol4 {background: url(images/askDan_backgound.jpg) no-repeat bottom right;}
#Startedcol4 {background: url() no-repeat right center;}
#FAQcol4 {background: url(images/monitors.jpg) no-repeat right bottom; }
.theLeftColNews, .theRightColNews {padding: 2px 18px 2px 10px;}
.rightContent1 {margin: 10px;}
.rightContent1 ul {margin: -1px 0px 0px -1px; list-style-type: none;}
.invisiField {border: none; background: none; color: #333333;}

.rightContent1 li
{
display: block;
margin: 0px 20px 8px 5px !important;  
margin: 0px 10px 8px 5px;
font-size: 12px;
line-height: 13px;
}

#startedContent {float: left; width: 865px; background: url(images/startedBackground.jpg) no-repeat right top; min-height: 475px;}
#startedContent p {padding-right: 300px;}
.RSSnews1 h3 {display: block; width: 241px; padding: 2px; margin-top: 15px;}
.RSSnews1 p {margin: 0px 10px;}
.askDan {background: url() no-repeat right 50px;}
.floatLeft {float: left; width: 625px; background-color: #fff; padding: 10px 0px 0px 5px;}
.floatRight {float: right; width: 200px; padding: 10px 5px;}
.floatRight ul {margin: -1px;}
.floatRight li {list-style-type: none;}
.titleFloatRight {float: right; width: 234px; margin-right: 80px;}
.titlefloatLeft {float: left; width: 203px;}

/* FOOTER ELEMENTS */

#theFooter {clear: both; text-align: center; font-variant: small-caps; font-size: 11px; line-height: 10px; padding-top: 10px; border-top: 1px solid #dedede;}
#theFooter a {color: #CCCC33;}

/* ### SUBSCRIBE FORM ### */

#theSubscribeBox {float: left; width: 520px; margin: 0px 0px 0px 10px; padding-right: 25px; border-left: 1px double #999999;}
#rsvp_verify form, #rsvp_verify td {text-align: right;}
#rightFloat225px {float: right; width: 225px; background: #fff; margin-top: -10px;}


/* SUBSCRIBE FORM STYLES */

.WAATKDataTable td, #theSubscribeBox td {text-align: left;}
.subscribeTitle,.subscribeSubTitle,.subscribeContentCell {padding: 5px;}
.subscribeTitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; font-weight: bold; color: #996600; background-color: #FAFBD7;}
.subscribeSubTitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; font-weight: bold; background-color: #F4F4F4;}
.subscribeContentCell {}
#theGoldSubscribe
{
float: right;
width: 280px;
margin: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666666;
border: 1px groove #999900;
padding: 8px;
background: #fff;
}
label {font-size: 12px; font-weight: normal; color: #000;}
.noBorderTXTFields {border: none; padding: 3px; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #006699;}


/* FONTS */

.smallCapsGRY16px, .smallCapsGRY16px a
{
font-size: 20px;
font-variant: small-caps;
color: #666666;
font-weight: bold;
line-height: 22px;
text-decoration: none;
}

.smallCapsWHT16px, .smallCapsWHT16px a
{
font-size: 20px;
font-variant: small-caps;
color: #FFFFFF;
font-weight: bold;
line-height: 22px;
text-decoration: none;
}

.ltGreen14px, .ltGreen14px a
{
color: #CCCC00;
font-size: 16px;
text-decoration: none;
font-weight: bold;
}

.titleBlack14px, .titleBlack14px a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
line-height: 20px;
text-decoration: none;

}

.titleBrown16px, .titleBrown16px a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-variant: small-caps;
color: #5F3801;
font-weight: bold;
text-decoration: none;
}

.titleTan16px, .titleTan16px a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-variant: small-caps;
color: #FAFBD7;
font-weight: bold;
text-decoration: none;
}

.newsTitle
{
font-variant: small-caps;
color: #996600;
font-weight: bold;
}

/* The Gold Report and Landing Page Styles */
.justGoldColor {color: #d8a831; font-size: 20px; line-height: 22px;}
#TPGsubscriberForm {float: right; width: 265px; margin: 15px; border: 2px dashed #990000;}
#TPGsubscriberForm form td {padding-left: 0;}
#subscriberFormWrapper {width: 94%; margin: 10px;}
#subscriberForm1 {width: 245px; margin: 0 10px 0 10px;}
.theLeftSideCol {text-align: right;}
.theRightSideCol {text-align: left;}
.additionalDetailTXT {font-size: 11px; line-height: 13px;}
.contentDetails_gold
{
border-left: 1px solid #999900;
border-right: 1px solid #999900;
}

#theGoldDetails
{

}

#theGoldFooter
{
height: 275px;
width: 950px;
margin: 0px auto;
background-image: url(images/landing_footer.jpg);
background-repeat: no-repeat;
background-position: top;
}


#theGoldSubscribe
{
float: right;
width: 200px;
margin: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666666;
border: 1px groove #999900;
padding: 8px;
}

.theRadioBanner
{
float: right;
width: 228px;
margin: 65px 20px 0px 0px;
}

.aDisclaimer
{
font-size: 10px;
font-variant: small-caps;

}

/* STARS Elements */

#starsCol1, #starsCol2, .StarsSubCol1, .StarsSubCol2 {float: left;}
#starsCol1 {width: 565px; background: url(images/starBack.png) no-repeat left bottom; min-height: 600px;}
#starsCol2 {width: 290px; margin-left: 10px;}

.StarsSubCol1 {background: url(images/subtleGrey.png) repeat; padding-left: 12px;}
.StarsSubCol2 {}

#stopGoTitle {margin: 12px;}

#risingETF, #fallingETF {float: left; width: 250px; padding-left: 21px;}
#risingETF { background: url(images/arrowUpETF.png) no-repeat top left; }
#fallingETF {background: url(images/arrowDownETF.png) no-repeat top left;}

.etfTableTitle {background: #fff; padding: 4px; font-weight: bold;}
.etfTableHDR {background: #f7f3c2; color: #000; padding: 4px; font-weight: bold;}
.etfTableContent {background: url(images/subtleWhite.png) repeat; border: 1px groove #000;}
.etfGreen {color: green;}
.etfRed {color: red;}
.etfComments {padding: 12px; margin-top: 25px; float: left; width: 525px; clear: both;}
.etfComments fieldset {background: url(images/subtleWhite.png) repeat;}
.etfOddRow {background: #F2F2F2;}

/* Pics */

.pix10pxMargin {margin: 5px;}
.pix15pxMarg {margin: 15px 5px;}
.pix2pxMargin {margin: 1px 2px;}

/* ### TOOL TIP STYLES ### */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theGoogleMap {float: left; width: 850px;}
#wagmp_map_1 {float: left; margin: 0 0 15px 0;}
#wagmp_directions_1 {float: right; width: 205px; overflow: auto; height: 300px;}

/* the animated header navigation */

.animatedtabs{
overflow: hidden;
width: 100%;
font-size: 11px; !important
font-size: 12px; /*font of menu text*/

}


.animatedtabs ul{
list-style-type: none;
margin: 0px;
margin-left: 5px; /*offset of first tab relative to page left edge*/
padding: 0px;
}

.animatedtabs li{
float: left;
margin: 0px;
padding: 0px;
}

.animatedtabs a{
float: left;

top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(media/tab-blue-left.gif);
background-position: 0% 0%;
background-repeat: no-repeat;
margin-top: 5px;
margin-right: 2px; /*Spacing between each tab*/

padding: 0px 0px 0px 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;

display: block;
background: url(media/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0px -125px;
top: 0px;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0px;
}

.animatedtabs a:hover{
background-position: 3% -135px;
top: -5px;
position: relative;

}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0px;
}

/* Subpage Animated Tabs ---------------------------------------------------------------------------------------- */

#programMenus
{
background-image: url(images/subNav_back1.jpg);
background-repeat: repeat-x;
background-position: top;
}

.suckertreemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 99;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #D7CEA8; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 191px; /*Width of top level menu link items*/
padding: 3px 8px;
height: 25px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: #996600;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 190px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 5px 6px;
border: 1px groove #B9A866;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background-color: #F3F3F3;
background-image: url(media/subNav_back1.jpg);
background-repeat: repeat-x;
background-position: right center;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background-color: #F3F3F3;
background-image: url(media/subNav_back1.jpg);
background-repeat: no-repeat;
background-position: right top;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}


<link rel="stylesheet" href="http://app.quotemedia.com/css/tools.css">
<style type="text/css">
.qmmt_main, .qmmt_text, .qmmt_text_up, .qmmt_text_down, .qmmt_cycle, .qmmt_tab, .qmmt_tabactive{ font: 11px arial; }
.qmmt_main, .qmmt_text, .qmmt_cycle, .qmmt_tab, .qmmt_tabactive{ color: #666; }
.qmmt_header_text{ font: bold 12px arial; color: #444; }
.qmmt_main, .qmmt_header_bar, .qmmt_tab, .qmmt_tabactive{ border-color: #ccc; }
</style>