@import url(common.css);

p {
    text-align: center;
    margin-bottom: 2px;
    margin-top: 10px;
}

img#top-logo {
        display: block;
         margin: 10px auto;
}

/* -[ MINI COMPARISON CHART ]------------------------------------------------ */
div#mini-compare, div#mini-which {
          width: 500px;
         margin: 25px auto;
		 font-style: bold;
}

div#mini-compare h1, div#mini-which h1 {
    text-align: left;
   margin-bottom: 0;
}

div#mini-compare p, div#mini-which p {
    text-align: left;
    margin: 0;
}

/* -[ FEATURES LIST TABLE ]-------------------------------------------------- */
table#features-list { width: 100%; }

table#features-list th {
      font-size: 120%;
    font-weight: bold;
          color: #0D2E59;
}
table#features-list td.price {
      font-size: 120%;
    font-weight: bold;
	      color: #0D2E59;
        padding: 8px 0;
}

table#features-list th, table#features-list td { padding: 2px }
table#features-list tr.odd { background: #b4cddc }
table#features-list th.feature, table#features-list td.feature { text-align: left }
table#features-list th.free, table#features-list td.free { text-align: center }
table#features-list th.pro, table#features-list td.pro { text-align: center }
table#features-list th.pro{color:#990000}

/* -[ SOUNDBLOCK DOWNLOAD TABLE ]-------------------------------------------- */
table#satlayoutcrutch {
      margin-left: 90px;
          display: block;
    margin-bottom: 25px;
}

table#satlayoutcrutch td {
   vertical-align: top;
          padding: 8px 8px;
}

table#satlayoutcrutch td.compare {
    vertical-align: middle;
}

table#satlayoutcrutch td.compare img {
    border: none;
}

p a:link, p a:visited {
            color: #000033;
  text-decoration: none;
}

p a:hover, p a:active {
            color: #990000;
  text-decoration: underline;
}

table#free, table#pro { width: 275px }

table#free img,table#pro img {
          display: block;
           margin: 4px auto;
           border: none;
}
table#free p,table#pro p {
        font-size: 120%;
      line-height: 2em;
           margin: 0;
}

table#free th, table#pro th {
          padding: 8px;
            color: white;
       background: #244b67 url(../images/corner-nw.gif) left top no-repeat;
      font-weight: bold;
        font-size: 140%;
}

table#free td, table#pro td {
       background: #9dc0d4;
           height: 230px;
       text-align: center;
}

/* -[ COMPARISON PAGE ]------------------------------------------------------ */

p.listHeading, ul#satellite, ul#pro {
    margin-left: 14px;
    color: #000077;
}

p.listHeading {
       text-align: left;
      font-weight: bold;
        font-size: 125%;
    margin-bottom: 2px;
}

ul#satellite, ul#pro {
       margin-top: 0;
      padding-top: 0;
     padding-left: 0;
        font-size: 125%;
}

ul#satellite {
    margin-bottom: 20px;
}

ul#satellite li, ul#pro li {
    margin-bottom: 2px;
    margin-left: 0;
    list-style-position: inside;
}

div.contentSlab {
     text-align: left;
      font-size: 120%;
          width: 840px;
     background: #9fbfd2 url(../images/left-content-wedge.gif) left top no-repeat;
        padding: 5px 5px 20px 5px;
         margin: 20px auto;
}

/* -[ SUCCESS BLOCKS ]------------------------------------------------------- */
div#succes-title-block {
          width: 883px;
     text-align: left;
    margin-left: 10px;
	 margin-top: 0;
    padding-top: 0;
     background: url(../images/check-large.png) left center no-repeat;
}

div#succes-title-block img {
          width: 75px;
         height: 83px;
          float: left;
        display: block;
}

div#succes-title-block h4 {
    margin-left: 100px;
      font-size: 200%;
    font-weight: bold;
}

div#succes-title-block p {
    margin-left: 100px;
}

div.contentSlab p {
     text-align: left;
    margin-left: 20px;
   margin-right: 20px;
}

div#meantime {
      font-size: 150%;
     text-align: center;
     margin-top: 30px;
  margin-bottom: 30px;
}

table#meantime-options {
          width: 52%;
         border: none;
    margin-left: 195px;
}


table#meantime-options td.buttonPanel {
     text-align: right;
}

table#meantime-options td.copyPanel {
     background: #b2d3e7;
        padding: 5px;
 vertical-align: top;
      font-size: 100%;
}

table#meantime-options td.copyPanel h4 {
      font-size: 100%;
    font-weight: bold;
          color: black;
}