/*
#---- FuturesLine.com ------------------------------------------
#
# filename:      style.css
# location:      /include/
# author:        Gordon Knoppe
# date created:  12/16/2004
# last modified: 12/20/2004
#
#---------------------------------------------------------------
*/
body {
  margin: 0 0 2em 0;
  padding: 0;
  text-align: center;
}

img {
  border: 0;
}

a {
  color: #17396d;
}

fieldset {
  margin: 2em;
  border: 1px solid #999;
}

legend {
  font-size: .75em;
  color: #c73400;
}

#wrapper {
  width: 780px;
  margin: 0 auto;
  text-align: left;
}

/* ------- Header ------- */
#header {
  font-family: verdana, arial, sans-serif;
  font-size: .7em;
}

  td.logo {
    padding: 1em 0;
  }

  td.topright {
    text-align: right;
    vertical-align: top;
  }

    td.topright p {
      color: #666;
      margin: 1em 0;
      padding: 0;
      vertical-align: top;
    }

      td.topright p a {
        color: #666;
        text-decoration: none;
      }

      td.topright p a:hover {
        color: #666;
        text-decoration: underline;
      }

      td.topright p span.arrows {
        color: #c73400;
      }

/* ------- Menu ------- */

#menu {
  width: 100%;
  margin: 0 0 6px 0;
  padding: 0;
  background-color: #c6c6c6;
  text-align: right;
}

  #menu table {
    width: 100%;
  }

  #menu table.productof p {
    text-align: left;
    margin: 0 0 0 .5em;
    padding: 0;
    color: #fff;
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: .7em;
    font-weight: bold;
  }

  #menu table.productof p a {
    color: #fff;
    text-decoration: none;
  }

  #menu table.productof p a:hover {
    text-decoration: underline;
  }

  #menu table.horizmenu {
    width: auto;
    margin: 0 0 0 auto;
  }

  #menu table.horizmenu tr td {
    width: 150px;
    font-family: verdana, arial, sans-serif;
  }

  #menu table.horizmenu tr td a {
    display: block;
    padding: .4em;
    font-size: .7em;
    text-align: center;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
  }

  #menu table.horizmenu tr td a.login {
    display: block;
    padding: .4em;
    font-size: .7em;
    text-align: center;
    background-color: #666;
    color: #fff;
    text-decoration: none;
  }

  #menu table.horizmenu tr td a:hover {
    background-color: #909090;
    color: #fff;
  }

  #menu table.horizmenu tr td a.login:hover {
    background-color: #000;
    color: #fff;
  }

/* ------- Content ------- */
#content {
  text-align: left;
  font-family: tahoma, verdana, arial, sans-serif;
}

  #content h1 {
    margin: 0;
    padding: .2em .5em;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    letter-spacing: 3px;
    color: #fff;
    background-color: #c73400;
  }

  #content h2 {
    font-weight: normal;
    font-size: 1.4em;
  }

  #content h3 {
    font-weight: bold;
    font-size: .95em;
    text-decoration: none;
    color: #666666;
  }

  #content h4 {
    font-weight: normal;
    color: #c73400;
    font-size: .85em;
  }

  #content li {
    font-size: .8em;
    margin: .5em 0;
  }

  #content p {
    font-size: .80em;
  }

  #content table tr td {
    vertical-align: top;
  }

  #content table.twopane {
    margin-top: 6px;
    width: 100%;
  }

    #content table.twopane tr td.lefttwocontent {
      font-family: verdana, sans-serif;
      width: 250px;
      padding: .5em;
    }

    #content table.twopane tr td.lefttwocontent p {
      font-size: .80em;
    }

    #content table.twopane tr td.righttwocontent {
      background-color: #fff;
      padding: .5em;
      font-size: .8em;
    }

div.error_message p.error {
  font-size: 2em;
  color: red;
  margin-left: 3em;

}

#webform table {
  width: 400px;
  margin: 0 auto;
  border: 1px solid #c73400;
  padding: 15px;
}

  #webform table tr td {
    color: #333;
    padding: 5px;
    font-size: .8em;
  }

  #webform table tr td h3 {
    margin: 0;
    text-align: center;
    text-decoration: underline;
  }

  #webform table tr td input {
    background-color: #fff5f1;
    border: 1px solid #c76947;
  }

  div.loginbox {
    width: 220px;
    margin: 0 0 0 auto;
    padding: 1em;
  }

    div.loginbox td {
      margin: 0;
      font-size: .8em;
      padding: .2em 0;
    }

#userMenu {
  margin-top: 0;
  padding: 0;
  float: left;
  width: 160px;
  background-color: #fff5f1;
  border: 1px dashed #c73400;
}

  #userMenu ul {
    margin: 0 1em;
    padding: 0;
  }

  #userMenu ul li {
    margin: 2em 0;
    padding: 0;
    list-style-type: none;
    font-size: .70em;
  }

#userProfile {
  margin-left: 180px;
}

  #userProfile h2 {
    margin: 0;
    padding
    font-weight: normal;
    font-ize;
    color: #666;
    border-bottom: 1px solid #c73400;
  }

  #userProfile p {
    margin: 0;
    padding: 0;
  }

  #userProfile table {
    width: 100%;
    margin: 1em 0;
    padding: 0;
    border: 1px solid #c73400;
  }

  #userProfile th {
    padding: .2em;
    font-weight: bold;
    font-size: .8em;
    text-align: center;
    text-decoration: underline;
    color: #fff;
    background-color: #c73400;
    border-bottom: 1px solid #c73400;
  }

  #userProfile span.gensmall {
    font-size: .6em;
  }

  #userProfile td.desc {
    padding: .6em;
    width: 200px;
    vertical-align: middle;
  }

  #userProfile td.desc p {
    font-size: .8em;
    margin: 0;
    padding: 0;
  }

  #userProfile td.input {
    padding: .6em;
    vertical-align: middle;
  }

#pricing {

}

  #pricing td.desc {
    font-size: .7em;
  }

  #pricing td.price {
    padding: .6em;
    text-align: right;
    font-size: .7em;
    vertical-align: middle;
  }

#switcher {
    margin: 0;
    padding: 2px 5px;
    background-color: #fff5f1;
    border: 1px solid #c73400;
    text-align: right;
}

#switcher a {
    color: #c73400;
}

#switcher a:hover {
    color: #666666;
}

#subButton {
  margin: 1em 0;
  text-align: center;
}

  #subButton div {
    width: 270px;
    margin: 0 auto;
  }

  #subButton p {
    font-size: 1.1em;
    font-family: "Trebuchet MS", serif;
  }

  #subButton p a {
    display: block;
    padding: 2em 0;
    background-color: #fff5f1;
    border: 1px solid #c73400;
    text-decoration: none;
    color: #c73400;
  }

  #subButton p a:hover {
    background-color: #ffd6c6;
  }

/* ------- Splash Image ------- */

#splash {
  width: 780px;
  height: 240px;
  text-align: left;
  background-image: url(/images/laptopmsg_blank.jpg);
}
#splash_sun {
  width: 780px;
  height: 170px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-image: url(/images/sundayback.gif);
  background-repeat:no-repeat;
  background-position:center;
}
  #splash-msg {
    float: left;
    width: 280px;
    text-align: left;
    position: relative;
    top: 2px;
    left: 440px;
    padding: 10px;

    background-color: #c73400;
    border: 5px solid #fff;
  }

  #splash-msg h2 {
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0;
    color: #fff;
  }

  #splash-msg p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: .9em;
  }

  #splash-msg p.link {
    text-align: right;
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: .7em;
  }

  #splash-trial {
    font-family: tahoma, verdana, sans-serif;
    width: 255px;
    height: 77px;
    position: absolute;
    top: 270px;
    margin-left: 15px;
    background-color: #c73400;
    background-image: url(/images/check_mark.gif);
    background-repeat: no-repeat;
    background-position: center right;
    border: 4px solid #fff;
  }

  #splash-trial h2 {
    margin: 10px 0 0 10px;
    padding: 0;
    font-size: 1em;
  }

  #splash-trial h2 a {color: #fff;}

  #splash-trial h4 {
    margin: 0 0 0 10px;
    font-size: .8em;
    font-weight: normal;
    color: #fff;
  }

  #splash-trial h6 {
    margin: 0 0 0 10px;
    font-size: .7em;
    font-weight: normal;
  }

  #splash-trial h6 a {color: #ccc;}

/* ------- Bottom Boxes ------- */

#bottom_boxes {
  margin: 6px 0 0 0;
  width: 100%;
}

#boxes {
  margin: 0;
  padding: 0;
}

  #boxes td.left, #boxes td.right {
    vertical-align: top;
    width: 384px;
    background-color: #f6f6f6;
    border: 1px solid #666666;
  }


div.infobox {
}

  div.infobox h2 {
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: .9em;
    font-weight: normal;
    margin: 0;
    padding: .1em .5em;
    background-color: #666666;
    color: #fff;
  }

  div.infobox h3 {
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: .9em;
    font-weight: normal;
    margin: 0;
    padding: .1em .5em;
  }

  div.infobox ul {
    padding: .5em;
    margin: 0;
    list-style: inside;
  }

  div.infobox ul li, div.infobox p {
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: .75em;
    font-weight: normal;
    margin: .3em 0;
    padding: 0;
    color: #666;
  }

  div.infobox p {
    margin: .8em .5em;
  }
    div#leftdivtop {
        float: left;
        width: 377px;
        margin-right: 10px;
    }
    div#rightdivtop {
        float: left;
        width: 377px;
    }
    div#futureslinebox {
        margin-top: 6px;
        width: 766px;
        background-color: #f6f6f6;
        border: 1px solid #666666;
        margin-bottom: 6px;
        vertical-align:top;
        padding: 6px;
    }
    div#leftdiv {
        float: left;
        width: 377px;
        margin-right: 10px;
    }
    div#rightdiv {
        float: left;
        width: 377px;
    }
	div#leftdivtop ul li, div#leftdivtop p, div#rightdivtop ul li, div#rightdivtop p {
        font-size: .75em;
        font-weight: normal;
        margin: .3em 0;
        padding: 0;
        padding-left: 6px;
        color: #666;
    }
    div#leftdiv, div#rightdiv, div#rightdivtop, div#leftdivtop {
        font-family: tahoma, verdana, arial, sans-serif;
    }
    div#leftdiv h2, div#rightdiv h2 {
        background-color: #c73400;
        margin-top: 0;
        margin-bottom: 2px;
        padding: 2px 6px;
        font-size: 1.2em;
        font-weight: normal;
        color: #ffffff;
    }
    div#leftdiv h3, div#rightdiv h3 {
        margin-top: 0;
        font-size: .9em;
        font-weight: normal;
        padding-left: 6px;
    }
    div#leftdiv ul li, div#leftdiv p, div#rightdiv ul li, div#rightdiv p {
        font-size: .75em;
        font-weight: normal;
        margin: .3em 0;
        padding: 0;
        padding-left: 6px;
        color: #666;
    }
    div#leftdiv ul, div#rightdiv ul{
        padding: .5em 0;
        margin: 0;
        list-style: inside;
    }

/* ------- Signup Message ------- */
td.signupmsg {

}

td.signupmsg h4 {
  font-weight: normal;
  color: #000000;
}

td.signupmsg p {
  font-size: .8em;
  line-height: 1.5em;
}


/* ------- Footer ------- */

#footer {
  margin-top: 6px;
  border-top: 1px solid #666;
  font-family: tahoma, verdana, arial, sans-serif;
  font-size: .7em;
  color: #666;
}

  #footer p {
    margin: 0;
    text-align: right;
  }

#listenlive {
  margin-top: 6px;
  width: 100%;
}

  #listenlive td.listenleftpane {
    width: 50%;
  }

    #listenlive td.listenleftpane div.archivebox {
      margin-top: 1em;
    }

    #listenlive td.listenleftpane div.archivebox li {
      font-size: .8em;
      line-height: 2em;
    }

  #listenlive td.listenrightpane {
    width: 50%;
    text-align: center;
  }

    #listenlive td.listenrightpane div.listenbox {
      width: 300px;
      margin: 0 auto;
      padding: 1em;
      background-color: #fdfdfd;
      font-family: verdana, arial, sans-serif;
    }

    #listenlive td.listenrightpane div.listenbox h3, #listenlive tane div.archivebox h3 {
      margin: 0;
      font-weight: bold;
      font-size: .85em;
      color: #666666;
    }

    #listenlive td.listenrightpane div.listenbox h5, #listenlive td.listenleftpane div.archivebox h5 {
      margin: .3em;
      font-weight: normal;
      font-size: .7em;
      color: #666;
    }

    #listenlive td.listenrightpane div.listenbox div.listenlink {
      font-family: tahoma, verdana, arial, sans-serif;
      color: #aaa;
    }

    #listenlive tdane div.listenbox div.listenlink p {
      margin: 1em 0;
      text-align: center;
    }

    #listenlive td.listenrightpane div.listenbox div.listenlink p a {
      font-size: .9em;
      font-weight: bold;
      margin: 0 auto;
      display: block;
      width: 150px;
      background-color: #fff5f1;
      border: 1px solid #c73400;
      color: #c73400;
      padding: 5px;
      text-decoration: none;
    }

    #listenlive td.listenrightpane div.listenbox div.listenlink p a:hover {
      background-color: #f1f8ff;
      border: 1px solid #2E60AA;
      color: #2E60AA;
    }

div.disabled {
}

  div.disabled ul li, div.disabled h3, div.disabled h5 {
    color: #c4c4c4;
  }

    div.disabled div.listenlink {
      font-family: tahoma, verdana, arial, sans-serif;
      color: #aaa;
    }

    div.disabled div.listenlink p {
      margin: 1em 0;
      text-align: center;
    }

    div.disabled div.listenlink p span {
      font-size: .9em;
      font-weight: bold;
      margin: 0 auto;
      display: block;
      width: 130px;
      background-color: #fafafa;
      border: 1px solid #aaaaaa;
      color: #aaaaaa;
      padding: 5px;
      text-decoration: none;
    }


#trialMsg {
  margin: 10px 0;
  background-color: #f1fff1;
  border: 1px dashed #00c721;
  padding: 5px;
}

  #trialMsg h3 {
    text-align: center;
    margin: 0;
    font-size: 1.1em;
  }

  #trialMsg table {
    margin-top: 5px;
    width: 100%;
  }

  #trialMsg table td {
    width: 50%;
  }

  #trialMsg table td p {
    margin: 0;
    font-size: .70em;
  }

#audioMode {
  margin: 10px 0;
  background-color: #f1f8ff;
  border: 1px dashed #319cff;
  padding: 5px;
}

  #audioMode h3 {
    text-align: center;
    margin: 0;
    font-size: 1.1em;
  }

  #audioMode h4 {
    font-weight: normal;
    text-align: center;
    margin: 0;
    font-size: .7em;
    color: #666;
  }


ul.questions li {
  font-size: .7em;
}

p.question {
  font-size: .7em;
}

p.answer {
  font-size: .7em;
  margin: 10px 20px;
}

#redirect {
  width: 70%;
  font-family: tahoma, verdana, arial, sans-serif;
  margin: 3em auto;
  border: 1px solid #c73400;
  background-color: #f1f1f1;
}

  #redirect h2 {
    padding: .5em;
    margin: 0;
    background-color: #c73400;
    font-weight: normal;
    font-size: .7em;
    color: #fff;
  }

  #redirect div.inbox {
    font-size: .7em;
    padding: .5em;
  }

p.smallLink {
  font-size: 70%;
  text-align: right;
}

ul.archive {
  padding: 0;
  font-family: verdana;
  font-size: 12pt;
}
div#rightdivtop ul.archive {
  font-family: tahoma, verdana, arial, sans-serif;
}
li.mp3 {
  list-style: none;
}

#secretsBanner {
   position: relative;
   left: 395px;
   top: 52px;
}

#clear {
    clear: both;
}
.scrolltext {
    font-size: 1.1em;
    color: #0AED1A;
    font-family: tahoma, verdana, arial, sans-serif;
    position: relative;
    top: 20px;
    left: 500px;
}