@charset "UTF-8";
/* --------------- Font, Body, Styles, Headers -----------------------*/
@font-face {
    font-family: 'CabinRegular';
    src: url('../fonts/Cabin-Regular-webfont.eot');
    src: url('../fonts/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cabin-Regular-webfont.woff') format('woff'),
         url('../fonts/Cabin-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DejaVuSansCondensed';
    src: url('../fonts/DejaVuSansCondensed-webfont.eot');
    src: url('../fonts/DejaVuSansCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DejaVuSansCondensed-webfont.woff') format('woff'),
         url('../fonts/DejaVuSansCondensed-webfont.ttf') format('truetype'),
         url('../fonts/DejaVuSansCondensed-webfont.svg#DejaVuSansCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'DejaVuSansCondensed',"Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#2a3b52;
    background: url('../images/bodybg.png') repeat #f4f4f4; /*#416781*/
    line-height: 22px;
} 
blockquote {
    font-family: "Palatino","Palatino Linotype", "Times New Roman", serif;
    color: #647177;
    line-height: 20px;
    letter-spacing: 1px;
}
hr {
    border-top: 1px solid #aeaeae;
    border-left: none;
    border-bottom: 1px solid #ffffff;
    border-right: none;
}
h1, h2, h3, h4, h5, h6 { 
    font-family: "Palatino","Palatino Linotype", "Times New Roman", serif;
}
h1 { font-size: 26px; }
h2 { font-size: 24px; color:#00003c; }
h3 { font-size: 20px; color: #00003c; } /* #00003c */
h4 { font-size: 18px; color:#1d2d43; line-height: 1.2em;}
h5 { font-size: 14px; }
h1.main-title {
    font-style: normal;
    font-size: 24px;
    color: #40748f;
}
h5.content-h5 {
    font-family: 'DejaVuSansCondensed',"Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
    color:#0183de;
    padding: 10px 0px 0px 0px;
}
p { padding: 10px 0px 15px 0px;}
.empty-p { padding: 0px 0px 15px 0px;}
b.bold { color:#18BCFF;}
/* for codes */
pre.codebox {
    font-family: consolas, "Andale Mono", "monaco", "courier new", courier;
    font-size: 13px;
    line-height: 14px;
    word-wrap: break-word;
    width: 700px;
    padding: 1em;
    white-space: pre;
    background: #fff;
    color: #4f4f4f;
    border-left: 6px solid #cfcfcf;
    padding: 15px 0px 15px 10px;
    
}
code {
    font-family: consolas, "Andale Mono", "monaco", "courier new", courier;
    font-size: 14px;
    color: #565656;
    border: 1px solid #DEDEDE;
    background-color: #e1e1e1;
    padding: 0px 2px;
}
strong { font-weight: 900; }
em { font-style: normal; 
     font-family: consolas, "Andale Mono", "monaco", "courier new", courier;
     color: #b10000;
}
img.pics {
    border: 7px solid #ffffff;
    -moz-box-shadow: 1px 1px 2px #989898;
    -webkit-box-shadow: 1px 1px 2px #989898;
    box-shadow: 1px 1px 2px #989898;   
}
table {
    font-size: 0.95em;
    line-height: 1.25em ; 
    text-align: left;
    background-color: #ffffff;
    border: 1px dotted #dedede;
    border-spacing: 1px;
}
th {
    background-color: #ededed;
    color: #525252;
    padding: 10px 10px 10px 10px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #dedede;
}
td { padding: 5px 10px 5px 10px; border-bottom: 1px solid #dedede;}
/*tr:nth-child(odd) { background-color: #ececec; }
tr:nth-child(even) { background-color: #f2f2f2; }*/
tr.all-foot { background-color: #068bb9; color: #ffffff; font-weight: bold;}
.isempty {background-color: #f4f4f4; padding: 0px 0px;}
input[type=text], input[type=reset], input[type=password] { 
    width: 300px;
    height: 25px;
    font-size: 1.25em;
}
input[type=text], input[type=reset], input[type=password], textarea { 
    border: 1px solid #989898;
    background-color: #f6f7f8;
    padding: 5px 5px 5px 5px;
}

ol { 
    list-style-type: decimal;
    margin-left: 30px;
}
ol li {
    padding: 5px 0px 0px 5px;
}
/* -----------               Links               ---------------------------- */
a { text-decoration: none; color: #21aaff; }
a:hover { text-decoration: underline; color: #3aceff;}
a:visited { color: #309bb2; }
/* -------------------------- Wireframe -------------------------------------- */
#wrap { margin: 0 auto; width: 980px; }
#header { width: 100%; position: relative; }
#content { width: 980px; margin-top: 20px; min-height: 450px;}
#contentHome { width: 980px; margin-top: 10px; }
#content-top { width: 980px; margin-top: 10px; position: relative; }
#top-fold { 
    width: 980px;
    margin-top: 30px;
    height: 430px;
}
#flashDiv {
    position: relative;
    margin: 0;
    padding: 0;
}
#footer {
    width: 100%;
    background: #e5e5e5 url('../images/black_footerbg.png') repeat-x bottom;
    height: 277px;
    clear: both;
}
.empty-box {
    padding-bottom: 30px;
}
.padding-box {
    padding: 20px 0px 30px 0px;
}
.addThis_div {
    padding: 15px 0px 15px 0px;
}

.social-share {
    padding: 15px 0px 15px 0px;
}

.leftColumn {
    float: left;
    margin: 30px 0px 10px 0px;
}

/********** Clear fix *************/
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* -------------------------- Navigation header ------------------------------ */
#navheader {
    width: 980px;
    height: 80px;
    margin: 20px 0px 0px 0px;
    position: relative;}
#navheader li a {
    display: block;
    height: 80px;
    text-indent: -9999px;
    text-decoration: none;
    position: absolute;
    top: 0;
    background: url('../images/header_black_plain.png') no-repeat;
}
li#nav-logo a { width: 200px; background-position: 0px 0px; }
li#nav-sounds a { left: 200px; width: 120px; background-position: -200px 0px;}
li#nav-showcase a { left: 320px; width: 122px; background-position: -320px 0px; }
li#nav-tutorial a { left: 442px; width: 122px; background-position: -442px 0px;}
li#nav-pricing a { left: 564px; width: 123px; background-position: -564px 0px;}
/* over-states */
li#nav-logo a:hover { background-position: 0px -80px; }
li#nav-sounds a:hover { background-position: -200px -80px; }
li#nav-showcase a:hover {  background-position: -320px -80px; }
li#nav-tutorial a:hover { background-position: -442px -80px; }
li#nav-pricing a:hover { background-position: -564px -80px; }
li#nav-sounds a.active { background-position: -200px -160px; }
li#nav-showcase a.active { background-position: -320px -160px; }
li#nav-tutorial a.active { background-position: -442px -160px; }
li#nav-pricing a.active { background-position: -564px -160px; }
/* -------------------------- Register/Sign in ------------------------------- */
#loginpanel {
    position: relative;
    width: 293px;
    height: 80px;
    margin: -80px 0px 0px 686px;
}
#loginpanel li a {
       display: block;
       text-decoration: none;
       height: 80px;
       text-indent: -9999px;
       position: absolute;
       top: 0;
       background: transparent url('../images/black_login_panel.png') no-repeat;
}
li#register a { width: 205px; background-position: 0px 0px;}
li#sign-in a { width: 88px; left:205px; background-position: -205px 0px;}
a#menu-register, a#menu-sign-in, a#menu-logout{ height: 80px;}
/* over states */
li#register a:hover { background-position: 0px -80px;}
li#sign-in a:hover { background-position: -205px -80px; }
#logoutpanel {
    position: relative;
    width: 293px;
    height: 80px;
    margin: -80px 0px 0px 687px;
}
#logoutpanel li a {
    display: block;
    height: 80px;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    background: transparent url('../images/black_logout_panel.png') no-repeat;
}
li#account a { width: 122px; background-position: 0px 0px;}
li#logout a { width: 171px; left: 122px; background-position: -122px 0px;}
li#account a:hover { background-position: 0 -80px;}
li#account a.active { background-position: 0 -160px;}
li#logout a:hover { background-position: -122px -80px; }
a.awesomebtn {
    text-decoration: none;
    background-color: #fae428;
    color: #333333;
    padding: 8px 30px 8px 30px;
    font-weight: bold;
    letter-spacing: 1px;
    border: 1px solid #d7a01d;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fae428), to(#ffb400));
    background: -moz-linear-gradient(top,  #fae428,  #ffb400);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae428', endColorstr='#ffb400');
}
.awesomebtn:hover { 
    background-color: #f7b515;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbc74a), to(#f7b515));
    background: -moz-linear-gradient(top,  #fbc74a,  #f7b515);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbc74a', endColorstr='#f7b515');
}
/* ------------------------------ Main Content ------------------------------- */
#homePageDemo { 
    width: 980px;
    height: 400px;
    margin-top: 30px;
}

/* top product header */
.product-header {
    padding: 15px 90px 15px 90px;
    width: 800px;
    text-align: center;
}

h2.large-header { 
    text-shadow: 1px 1px 1px #fff;
    letter-spacing: 1px;
    font-size: 1.8em;
}
p.product-info {
    font-size: 1.25em;
    line-height: 1.5em;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #fff;
}

ul.home-latest-head li {
    font-weight: bold;
    font-size: 1em;
    display: block;
    padding: 0px 20px 0px 0px;
}
span.red-color { color: #cc352b; }
div.home-hr { width: 100%; padding: 15px 0px 15px 120px; }

div.home-dld-part {
  position: relative;
  margin: 0px 150px 0px 150px;
}
div.home-latest {
    position: absolute;
    top: 30px;
    left: 180px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #333333;
}
ul.home-dld-btn {
    padding: 10px 10px;
    margin-left: 0px;
}

ul.home-dld-btn li {
    float: left;
    padding: 10px 10px 0px 10px;
}

span.but-dld-text {
    color: #565656;
    font-size: 0.8em;
    font-family: "PTSansRegular", "HelveticaNeue", Verdana, sans-serif;
}

.home-products {
    float:left ;
    width: 650px;
}
.home-products h3 { margin-top: 20px; }

ul.home-features li {
    background: url('../images/star-point.png') no-repeat;
    background-position: 0 0.4em;
    padding: 5px 0px 0px 25px;
}

blockquote.tags {
    background: url('../images/blqleft.png') no-repeat top left;
    padding: 10px 0px 0px 25px;
}
blockquote.tags span {
    display:block;
    background: url('../images/blqright.png') no-repeat bottom right;
    padding: 0px 20px 0px 0px;
}
p.pressname {
    text-align: right;
    float: right;
    color:#4b575d;
    font-family: "Palatino","Palatino Linotype", "Times New Roman", serif;
    font-size: 1em;
}

ul.demo-list { padding-bottom: 100px;}
ul.demo-list li {
   width: 180px;
   height: 150px;
   float: left;
   text-align: center;
   margin: 0px 50px 50px 0px;
}
img.demo-img { 
    width: 180px;
    height: 125px;
    background-color: #ffffff;
    border: 1px solid #aeaeae;
    -webkit-box-shadow: 0px 1px 2px rgba(180,180,180,0.80);
    -moz-box-shadow: 0px 1px 2px rgba(180,180,180,0.80);
    box-shadow: 0px 1px 2px rgba(180,180,180,0.80);
}
img.demo-img-spd { width: 180px; height: 124px; }

span.demo-tb-text {
    font-size: 1em;
    font-weight: bold;
    position: relative;
    top: 10px;
    line-height: 0px;
}

div.all-quotes {
    background-color: #deecef;
    padding: 10px 10px;
    margin-bottom: 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
div.home-quote {
    background-color: #d9eaed;
    font-size: 13px;
    padding: 10px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
h4.quo-name {
    font-size: 1.125em;
    float: right;
    color: #4b575d;
    padding: 20px 15px 5px 0px;
}
a.homequo-link { padding-left: 25px; line-height: 60px;}
div.support-mail, div.support-side {
    float: left;
    width: 300px;
    padding: 20px 0px 0px 20px;
    margin-top: 20px;
}
div.support-side { border-left: 1px solid #e5e5e5; }
/* ----------- Home page Sidebar ---------------- */
#home-sidebar {
    float: right;
    width: 290px;
    padding-left: 20px;
}

span.dld-num { 
    font-size: 1em;
    text-align: center;
    padding-left: 20px;
}
.home-update { padding: 20px 0px 20px 0px; float: left;}

.home-testimonial { padding-top: 20px; padding-bottom: 10px;}

.home-testimonial h3{ padding-bottom: 10px; }
img.borderbq { 
    border: 2px solid #ffffff;
    float: right;
    margin: 5px 10px 0px 10px;
}
div.feedback-icon {position: fixed; top: 250px;}


/*------------------------------- All Titles for eveything --------------------------------------------*/
h3.content-h3 { 
    margin: 15px 0px 10px 0px;
}
b.very-bold { 
    font-weight: bold;
    text-shadow: 1px 1px 1px #ffffff;
    padding: 0px 0px 30px 0px;
}
/* -------------------------------- Tutorial stuff ----------------------------------- */
#flashDemo {
    margin-left: 100px; 
    margin-top: 20px;
}
.tutorialPost{ 
    padding: 20px 0px 30px 0px;
    width: 100%; 
}
.tutorialSteps{ 
    font-size: 20px;
    font-weight: bold;
    color: #40748f;
}

.tutorialText {
    padding: 15px 0px 10px 0px;
}

div.tutorial-box { 
    width: 650px;
    height: 100%;
    min-height: 150px;
    background: #fff;
    border: 1px solid #ededed;
    padding: 20px 20px;
    /*box-shadow: inset 0px 0px 2px #fff, 0px 1px 2px #565656;
    -webkit-box-shadow: inset 0px 0px 2px #fff, 0px 1px 2px #565656;
    -moz-box-shadow: inset 0px 0px 2px #fff, 0px 1px 2px #565656;*/
}

.tutorial-pic {
    width: 150px;
    height: 150px;
    float: left;
}

.tutorial-content {
    width: 470px;
    float: right;
}

h1.demo-title {
    font-size: 24px;
    font-weight: normal;
    padding: 5px 0px 5px 0px;
}

h1.tutorial-title, h1.tutorial-title a {
    font-size: 20px;
    font-style: normal;
    color: #00003c;
    text-decoration: none;
    padding: 0px 0px 10px 0px;
}

h1.tutorial-title a:hover {
    text-decoration: underline;
}

ul.tutorial-req {
    padding: 5px 0px 10px 0px;
}

ul.tutorial-req li { 
    list-style-type:  decimal;
    list-style-position: inside;
}

span.tutorial-info {
   color: #7f7f7f; 
   padding: 5px 0px 5px 0px;
   font-style: italic;
}
/* --------------------------------Side Column for licensing and terms of use ------------------------------*/
.sidePost{ float: left; width: 710px; margin: 30px 10px 10px 20px; }
table.privacy-table { margin-top: 20px; margin-left: 40px; background-color: #f4f4f4;}
table.privacy-table tr, table.licensing-table tr { background-color: #f4f4f4;}
table.privacy-table td{ padding: 5px 0px 5px 0px;}
table.licensing-table { padding: 10px 10px 10px 10px;}
ol.center, ul.center{ padding-top: 15px;}
ol.center li {list-style-position: inside; list-style-type: decimal;}
ul.center li, ol.center li{ padding-bottom: 30px; }
li.noPadding{ padding: 0px;}
p.faq-block {padding-left: 10px; font-size: 0.875em;}
ul.privacy-list { padding: 0px 0px 10px 50px;}
ul.privacy-list li { list-style-type:disc; padding-left: 20px; }
h4.privacy-h4 { font-size: 1.1em; color: #00003c;}
/* ------------------------------- Sidebar -------------------------------------------------------------*/
.rightColumn {
    float:right;
    width: 220px;
    background-color: #f0f0f0;
    padding-bottom: 20px;
    margin-top: 30px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    font-size: 12px;
    /*box-shadow: 0px 1px 0px #aeaeae;
    -webkit-box-shadow: 0px 1px 0px #aeaeae;
    -moz-box-shadow: 0px 1px 0px #aeaeae;*/
}
.rightColHeader { 
    height: 40px;
    width: 222px;
    position: relative;
    left: -1px;
    top: 10px;
    background-color: #404040;
    background: -webkit-gradient(linear, left top, left bottom, from(#7f7f7f), to(#404040));
    background: -moz-linear-gradient(top,  #7f7f7f,  #404040);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f7f7f', endColorstr='#404040');
}
h4.rightColTitle { 
    color: #fff;
    padding: 10px 10px 10px 10px;
    text-shadow: 1px 1px 1px #40748f;
}
.rightColumnText{ 
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
}
.rightColumn p{ 
    color: #333333;
    line-height: 15px;
}
.rightColumn ul{ 
    list-style-type: none;
    text-align: left;
}

.rightColumn ol {
    list-style-type:decimal;
    text-align: left;
    margin-left: 20px;
}

.rightColumn li {
    padding: 0;
}
.rightColumn ol ol {
    list-style-type: decimal;
    margin-left: 20px;
}
.rightColumn ul li{ 
    background: url('../images/side-light.gif') no-repeat;
    background-position: 2px 50%;
    padding: 3px 0px 3px 25px;
}
.rightColumn ul li a{ text-decoration: none; color: #0183de; }
.rightColumn ul li a:hover{text-decoration: underline;}
.rightColumn ul li.file {
    background: url('../images/side-files.gif') no-repeat;
    background-position: 2px 50%;
    padding: 3px 0px 3px 25px;
}
.rightColumn ul li.preview {
    background: url('../images/side-preview.gif') no-repeat;
    background-position: 2px 50%;
    padding: 3px 0px 3px 25px;
}
.rightColumn ul li.lib {
    background: url('../images/side-lib.gif') no-repeat;
    background-position: 2px 50%;
    padding: 3px 0px 3px 25px;
}
.rightColumn ul li.listen {
    background: url('../images/side-listen.gif') no-repeat;
    background-position: 2px 50%;
    padding: 3px 0px 3px 25px;
}
.rightColumn ul li.dld {
    background: url('../images/side-dld.gif') no-repeat;
    background-position: 2px 50%;
    padding: 3px 0px 3px 25px;
}
.rightColumn ul li.help {
    background: url('../images/side-help.gif') no-repeat;
    background-position: 2px 50%;
    padding: 3px 0px 3px 25px;
}
.rightColumn ul li.abt {
    background: url('../images/side-abt.gif') no-repeat;
    background-position: 2px 50%;
    padding: 3px 0px 3px 25px;
}


/*---------------------------Side Text with Side Bar-----------------------------------*/
ul.leftText{ width: 100%; float: left; }
li.picture{ 
    display: inline;
    padding-right: 20px;
    float: left;
}
p.about-p{ display: inline;}
span.img-center { padding: 0px 20px 0px 20px;}
li.text{
    width: 700px;
    padding-bottom: 30px;
    display: inline;
    float: left;
}
/* ------------------------  Features  ---------------------------- */
.feat-contain { position: relative; width: 960px; margin-top: 40px;}
ul.feature-list {
    list-style-type:circle;
    padding: 10px 0px 0px 15px;
}
div.features {
    background: url('../images/features-chart.png') no-repeat;
    width: 944px;
    height: 524px;
    color: #3e3e3e;
}
h4.feat-head { text-align: center;}
div.feat-amb {
    position: absolute;
    top: 330px;
    left: 0px;
    width: 180px;
    padding: 0px 15px 0px 15px;
}
div.feat-impact {
    position: absolute;
    top: 380px;
    left: 240px;
    width: 180px;
    padding: 0px 15px 0px 15px;
}
div.feat-action {
    position: absolute;
    top: 380px;
    left: 480px;
    width: 180px;
    padding: 0px 15px 0px 15px;
}
div.feat-mp3 {
    position: absolute;
    top: 340px;
    left: 725px;
    width: 190px;
    padding: 0px 15px 0px 15px;
}
/* ------------------------- Everything for Shop ----------------------------- */
#player-contain {
    width: 980px;
    padding: 5px 0px 10px 10px;
}
div.dld-btn { float: right; padding: 0px 10px 5px 0px;}
#pageNavPosition {float: right;}
#pageNavPosition a { text-decoration: none; color: #21aaff; }
input.shop-addcart { font-size: 1em; }
h4.shop-sounds-h4 { 
    font-size: 1em;
    font-weight: normal;
    padding: 10px 0px 0px 10px;
}
p.shop-p { padding: 0px 0px 30px 10px;}
/* pricing table */
.pricing-table {
    background-color: #ededed;
    font-size: 1.25em;
    line-height: 1.5em;
    text-align: center;
    border: none;
    width: 460px;
    box-shadow: inset 0px 0px 2px #fff, 0px 1px 2px #565656;
    -webkit-box-shadow: inset 0px 0px 2px #fff, 0px 1px 2px #565656;
    -moz-box-shadow: inset 0px 0px 2px #fff, 0px 1px 2px #565656;
}
.pricing-table th {
    color: #f3f3f3;
    background: url('../images/pricing_header.png') repeat-x;
    height: 100%;
    padding: 25px 20px 25px 20px;
    font-size: 1.4em;
}
.pricing-table td { border: none;}
.pricing-table ul { 
    text-align: left;
    margin-left: 120px;
    list-style-position: inside;
}
.pricing-table ul li {
    background: url('../images/pricing_ticks.png') no-repeat;
    background-position: 0 0.4em;
    padding: 5px 0px 5px 28px;
}
td.pricing-desc { padding: 10px 0px 10px 0px;}
td.pricing-price { padding: 10px 0px 20px 0px;}
div.pricing-buy { margin: 10px 0px 20px 150px;}

.price-box {
    background: url('../images/pricing_price.png') no-repeat;
    color: #3aceff;
    padding: 8px 20px 8px 20px;
    text-shadow: 1px 1px 1px #242424;
    font-size: 1.3em;
}
table.sm-table { width: 100%;}
tr.sm-table-tr { text-align: left; vertical-align:middle;}
th.sm-sounds-th { text-align: left; padding-top: 10px;}
td.sm-credit-td {
    width: 70px;
    text-align: center;
    padding-top: 10px;
}
td.sm-load-td, td.sm-cart-td{ 
    width: 50px;
    text-align: center;
    vertical-align: middle;
}
.account-edit, .account-edit-btn {
    float: left;
    padding-bottom: 30px;
}
.account-edit-btn { padding: 70px 0px 0px 30px;}
.account-history { clear: both;}
td.acc-details-td { 
    background-color: #dedede;
    min-width: 180px;
    vertical-align: middle;
}
img.shop-buy { vertical-align: middle;}
ul.errors { color: #cc352b; font-size: 0.875em;}
/*--------------------------------- Buttons styles ------------------------------ */
.button {display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em; }
.button:hover { text-decoration: none;}
.button:active { position: relative; top: 1px;}
.medium { font-size: 12px; padding: .4em 1.5em .42em; }
/* yellow - orange */
.orange {color: #000000;
	border: solid 1px #e7c401;
	background: #ffd800;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffd800), to(#ffb400));
	background: -moz-linear-gradient(top,  #ffd800,  #ffb400);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd800', endColorstr='#ffb400');}
.orange:hover {background: #ffd012;
	background: -webkit-gradient(linear, left top, left bottom, from(#fad50a), to(#ffd200));
	background: -moz-linear-gradient(top,  #fad50a,  #ffd200);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fad50a', endColorstr='#ffd200');}
.orange:active {color: #000000;
	background: -webkit-gradient(linear, left top, left bottom, from(#fffcc2f), to(#ffc000));
	background: -moz-linear-gradient(top,  #ffcc2f,  #ffc000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc2f', endColorstr='#ffc000');}

.checkout-btn-div {position: relative; top: -50px; left: 0px;}

/* ------------------------------- form container ----------------------------- */
.box {
    background: #ffffff;
    box-shadow: 0px 1px 2px #aeaeae;
    -webkit-box-shadow: 0px 1px 2px #aeaeae;
    -moz-box-shadow: 0px 1px 2px #aeaeae; 
    padding: 30px 50px 30px 50px;
}
.shop-login-reg {margin-left: 50px; width: 450px; }
.sdk-box {margin-left: 120px; width: 450px;}
h4.reg-title { font-size: 1.15em; }
div.user-label { 
    position: relative;
    padding-top: 5px;
    padding-bottom: 15px;
    font-size: 1.125em;
}

div.user-label input {
    display: block;
}
/* -------------------------------- User account Dashboard            ----------------------------------- */
ul.dashboard-options-list { margin: 20px 30px 0px 50px;}
ul.dashboard-options-list li { 
    float: left;
    width: 220px;
    height: 200px;
    background: #ffffff;
    text-align: center;
    margin: 0px 60px 60px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: 0px 1px 2px #aeaeae;
    -webkit-box-shadow: 0px 1px 2px #aeaeae;
    -moz-box-shadow: 0px 1px 2px #aeaeae;
}
hr.db-hr { border-top: dotted 1px #c9c9c9; }
p.dashboard-title {
    font-size: 1.25em;
    color: #4f4f4f;
    font-weight: bold;
    padding-bottom: 5px;
}
span.subscri-days { font-size: 1.15em; color: #df0000; }
/* ------------------------------- User account details, account dashboard  ---------------------------- */
div.acc-box { 
    position: relative;
    width: 520px;
    height: 200px;
    background: #ffffff;
    box-shadow: 0px 1px 2px #aeaeae;
    -webkit-box-shadow: 0px 1px 2px #aeaeae;
    -moz-box-shadow: 0px 1px 2px #aeaeae; 
    padding: 10px 20px 30px 20px;
}
/*  from  boxtuffs.com/stuff/  */
.tape {
    width:100px;
    height:35px;
    position:absolute;
    background:white;
    border:1px solid #cbcbcb;
    top:-14px;
    left:250px;
    background: -webkit-gradient(linear, 0 bottom, 0 top, from(#fafafa ), to(#cfcfcf));
    background: -moz-linear-gradient(-90deg, #cfcfcf, #fafafa ) ;
    -webkit-box-shadow: inset 0px 1px 0px #fff;
    -moz-box-shadow: inset 0px 1px 0px #fff;
    box-shadow: inset 0px 1px 0px #fff;
    -moz-transform: skew(-8deg);
    -webkit-transform: skew(-8deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    opacity:.3;
}

div.acc-box:after {
    z-index: -1;
    position: absolute;
    background: transparent;
    width: 40%;
    height: 40%;
    content: '';
    right: 10px;
    bottom: 10px;
    -webkit-transform: skew(15deg) rotate(5deg);
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
    -moz-transform: skew(15deg) rotate(5deg);
    -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
}
div.acc-box:before {
    z-index: -2;
    position: absolute;
    background: transparent;
    width: 40%; 
    height: 40%;
    content: '';
    left: 10px;
    bottom: 10px;
    -webkit-transform: skew(-15deg) rotate(-5deg);
    -webkit-box-shadow: -8px 8px 8px rgba(0, 0, 0, 0.3);
    -moz-transform: skew(-15deg) rotate(-5deg);
    -moz-box-shadow: -8px 8px 8px rgba(0, 0, 0, 0.3);
}

/* ------------------------------ Download ----------------------------------- */
.center-box {
    width: 550px;
    margin: 0px 0px 0px 150px;
}
div.terms-box {
    margin-bottom: 30px;
}
/* -------------------------------- Footer ----------------------------------- */
.footer-main { width: 980px; margin: 0 auto;}
#footer h5 { 
    padding-top: 10px;
    font-size: 13px;
}
#footer ul , #footer a, #footer h5{ 
    font-family: 'DejaVuSansCondensed',"Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #e9e9e9;
    text-shadow: 1px 1px 1px #242424;
}
#footer a:hover {
    text-decoration: underline;
}
#footer ul.normal { 
    float: left;
    line-height: 14px;
    margin: 20px 0px 0px 50px;
}

#footer ul.long-foot {
    float: left;
    width: 160px; 
    line-height: 14px;
    margin: 20px 0px 0px 0px;
}

#footer li.leftmost {
    margin-left: 0px;
}

#footer li.left-side {
    margin-left: 100px;
}

#footer li.top {
    margin-top: -120px;
}

#footer li.title {
    padding-bottom: 10px;
    background: url('../images/dots-hr.png') bottom repeat-x;
}
#footer li.subtitle {
    font-size: 0.83em;
    padding: 10px 0px 0px 0px;
}


.right-box {
    float: right;
    margin: 0px 0px 0px 0px;
}

div.socialbox {
    display: block;
    text-align: right;
    margin-top: 100px;
}

div.termsbox {
    margin-top: 20px;
    display: block;
    text-align: right;
}

.copy-text { 
    font-size: 0.75em;
    font-family: 'Lucida Sans', Verdana, sans-serif;
    color: #e9e9e9;
    text-align: right;
}
/* --------------------       misc             ------------------------------- */
.pg-leftright {
    padding: 5px 5px;
    color: #21aaff;
    cursor: pointer;
    font-weight: bold;
}
.pg-normal, .pg-selected {
    padding: 3px 7px 3px 7px;
    cursor: pointer;
    border: 1px solid #cfcfcf;
    font-weight: bold;
    line-height: 30px;
}
.pg-normal { background-color: #ffffff; color:#2a3b52;}
.pg-selected {background-color: #377898; border: 1px solid #989898; color: #ffffff;}
.odd_row { background-color: #fefefe; }
.even_row { background-color: #fefefe; }
/* --------------------       beta-tester       ------------------------------- */
ul.generate-beta-tester-list {
    padding-bottom:10px;
    padding-left:15px;
    padding-right:0;
    padding-top:0;
}
ul.generate-beta-tester-list li {
    list-style-type:disc;
    padding-left:10;
}

/* --------------------- Coming Soon   ------------------------- */
h1.coming-h1 {
    font-style: normal;
    font-size: 32px;
    color: #aeaeae;
    text-align: center;
}
div.coming-box {
    background: #e1e1e1;
    border-radius: 15px;
    padding: 50px 0px 50px 0px;
}