/* @override 
	https://local.vm.shinywhitebox.com/static/store//css/store.css
	http://local.vm.shinywhitebox.com/static/store//css/store.css
	http://shinywhitebox.com/static/store//css/store.css
	https://store.vm.shinywhitebox.com/static/store//css/store.css
	https://shinywhitebox.com/static/store//css/store.css
*/

/*form {*/
/*color: #222;*/
/*margin: 0px;*/
/*padding: 0px;*/
/*}*/

/* @group SAAS Fixes */
/* A bunch of fixes for saas defaults that break the store */

/*.saasfix {*/
/*line-height: 1.3em;*/
/*font-size: 11pt;*/
/*}*/

.swb-store {
    position: relative;
    margin-top: 45px;
    bottom: 25px;
    font-size: 11pt;
    font: "Lucida Grande", Lucida, Verdana, sans-serif;
}

a, .oneclick a {
    text-decoration: underline;
}

/* Reset all the crap set by app.css */
/*.swb-store label, */
/*.swb-store span*/
/*{*/
/*font-size: 12pt;*/
/*cursor: pointer;*/
/*display: inline-block;*/
/*margin-bottom: 0px;*/
/*margin-top: 0px;*/
/*line-height: normal;*/
/*}*/

/*.swb-store .progress {*/
/*text-align:  center;*/
/*line-height: 1em;*/
/*margin-top: 15px;*/
/*display: block;*/
/*border: none;*/
/*}*/

/*.swb-store .progress .done {*/
/*color: #76ce43;*/
/*}*/

/*.swb-store .progress .notdone {*/
/*color: #d8d8d8;*/
/*}*/

/*.swb-store table.free {*/
/*border: thin red lightgrey;*/
/*font-size: 14pt;*/
/*}*/

/*.swb-store table.free td {*/
/*background-color: white;*/
/*}*/

/*.swb-store .free {*/
/*margin-left: 90px;	*/
/*margin-right: 90px;*/
/*}*/

/*.swb-store .free div {*/
/*text-align: center;*/
/*}*/

/* Reset all the crap set by app.css */
/*.swb-store button,*/
/*.swb-store input,*/
/*.swb-store select,*/
/*.swb-store textarea*/
/*{*/
/*font-size: 11pt;*/
/*width: auto;*/
/*margin-right: 5px;	*/
/*margin-bottom: 2px;*/
/*margin-top: 2px;*/
/*height: auto;*/
/*}*/

/*.swb-store input[type='submit'], */
/*.payment input[type='submit'] {*/
/*-webkit-appearance: push-button;*/
/*}*/

/* Reset all the crap set by app.css */
/*.swb-store table,*/
/*.swb-store table tbody,*/
/*.swb-store table tbody tr,*/
/*.swb-store table tbody tr td*/
/*{*/
/*padding: 4px;*/
/*margin: 2px;*/
/*line-height: normal;*/
/*}*/

/*.swb-store table tbody tr td input*/
/*{*/
/*height: 22px;*/
/*padding-top: 1px;*/
/*padding-bottom: 1px;*/
/*}*/

/*.swb-store table tbody tr td input[type='checkbox']*/
/*{*/
/*height: 18px;*/
/*clear: left;*/
/*}*/

/*.swb-store .payform input[type='checkbox']*/
/*{*/
/*margin-top: 5px;*/
/*}*/

/*.swb-store .cart input*/
/*{*/
/*height: 22px;*/
/*}*/

/*.swb-store table tbody tr td label*/
/*{*/
/*float: left;*/
/*clear: right;*/
/*}*/

/* Controls the defaults for all input fields in the store */
/*.swb-store input {*/
/*float: left;*/
/*}*/

/*.swb-store div.element {*/
/*font-size: 11pt;*/
/*line-height: normal;*/
/*}*/

/* Had to shift the checkboxes down to get them to line up with labels */
.swb-store #custDetails input[type=checkbox] {
    height: 22px;
}

/* Fixing cock-ups from app.saas, man does it screw up default styles */
.swb-store #buttons,
.swb-store #qf_group_1 {
    -webkit-appearance: push-button;
}

/* Product display, in the store window */
.pagetitle {
    padding-top: 3px;
    padding-bottom: 5px;
    /*	float: top;*/
    /*position: top;*/
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    color: #555;
}

.pagesubtitle {
    /*float: top;*/
    /*position: top;*/
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
    color: #999;
    padding-bottom: 15px;
}

/* @group Overall Store - everything in store.php (NOT shop.php) */
.store {
    margin-left: auto;
    margin-right: auto;
}

.store h2 {
    font-size: 120%;
}

/* @end */

/* @group Products */

.productctrls {
    width: 100%;
    margin-top: 5px;
    text-align: left;
    font-weight: bold;
    float: right;
}

.productctrls .price {
    float: right;
    text-align: right;
    margin-bottom: 20px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    font-size: 0.9em;
}

.productctrls .price a:hover, .price a:focus {
    background-color: red;
}

.productctrls .additional {
    float: left;
}

.titleandicon {
    float: left;
}

.store_product .horizgroup {
    clear: both;
    display: inline-block;
}

.store_product img.productimage {
    margin-top: 0px;
    padding-top: 3px;
    float: left;
}

div.description {
    display: inline-block;
    float: right;
    margin-top: 0px;
    padding-left: 15px;
    padding-top: 3px;
    width: 85%;
}

.store_product .title {
    display: table;
    font-size: 1.2em;
    float: left;
    width: 100%;
    font-weight: bold;
    color: #777;
    margin-bottom: 5px;
}

.store_product .subtitle {
    display: in-block;
    display: inline;
    padding-bottom: 5px;
    margin-bottom: 7px;
    width: 99%;
    font-weight: bold;
    color: #5a5;
}

/* @end */

/* @group Shop Tabs */

.shoptabs {
    height: 30px;
    z-index: 1500;
    margin-bottom: 15px;
    margin-top: 15px;
    display: inline-block;
}

.shoptabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.shoptabs li {
    margin-left: 0px;
    position: relative;
    /*font-size: 0.9em;*/
    color: #555555;
    width: 90px;
    float: left;
    text-align: center;
    color: black;

    padding-top: 4px;
    padding-bottom: 4px;

    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}

.shoptabs li:hover {
    background-color: #eeeeee;
}

.shoptabs ul a {
    text-decoration: none;
    font-weight: bold;
    color: #666;
    text-align: center;
    border-bottom: 0px;
}

.shoptabs a:hover {
    color: #333333;
    text-decoration: none;
    background-color: #eeeeee;
}

.shoptabs a:focus {
    text-decoration: none;
}

.shoptabs ul .left {
    color: #555;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-left: 1px solid lightgrey;
}

.shoptabs ul .middle {
    color: #555;
}

.shoptabs ul .right {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-right: 1px solid lightgrey;
    color: #555;
}

.shoptabs .selected {
    border-bottom: 0px;
    background-color: #eee;
    border-bottom: 1px solid lightgrey;
}

.shoptabs .selected a {
    background-color: #eee;
    color: black;
    font-weight: bold;
    text-transform: none;
    text-shadow: white 0 1px 1px;
}

.shoptabs ul ul,
.shoptabs ul li ul li,
.shoptabs ul ul ul,
.shoptabs ul li:hover ul ul,
.shoptabs ul li:hover ul ul ul,
.shoptabs ul li:hover ul ul ul ul,
.shoptabs ul li:hover ul ul ul ul ul {
    border: 0px;
    opacity: 0;
    display: none;
}

.shoptabs ul li:hover ul,
.shoptabs ul li:hover ul li,
.shoptabs ul ul li:hover ul,
.shoptabs ul ul ul li:hover ul,
.shoptabs ul ul ul ul li:hover ul,
.shoptabs ul ul ul ul ul li:hover ul {
    display: block;
    opacity: 1.0;
    border-right: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    background: white;
}

/* @end */

/* @group Shopping Cart */

/*#cartOuter {*/
/*float: right;*/
/*display: inline-block;*/
/*}*/

.cart {
    min-height: 120px;
}

#cartOuter .notification {
    background-color: #90a659;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    font-size: x-large;
    text-shadow: #2e2e2e -2px 1px 4px;
    text-align: center;
    width: 190px;
}

#cartOuter .notification2 {
    background-color: #90a659;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    font-size: large;
    text-shadow: #2e2e2e -2px 1px 4px;
    text-align: center;
    width: 190px;
}

.cart form {
    width: 100%;
    padding: 5px;
    min-height: 200px;
}

.cart .cartlabel {
    float: left;
    width: 120px;
    padding-top: 6px;
    margin-bottom: 5px;
    font-size: 90%;
}

.cart input {
    margin-bottom: 3px;
    margin-right: 5px;
    clear: right;
    float: right;
    width: auto;
    font-size: 9pt;
}

.cart .qty {
    width: 35px;
}

.cart .spacer {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px;
    clear: both;
    width: 100%;
    display: inline-block;
}

.cart .couponlabel {
    clear: left;
    width: 60px;
    margin-top: 18px;
    float: left
}

.cart .coupon {
    margin-top: 13px;
    float: right;
    clear: right;
    text-align: right;
    width: 130px;
}

.cart .update {
    width: 40%;
    float: left;
}

.cart .checkout {
    width: 40%;
    float: right;
}

.cart .error {
    color: red;
    text-align: center;
}

/*.cart .total {*/
    /*clear: both;*/
    /*border-top-color: #eeeeee;*/
    /*border-top-width: 1px;*/
    /*border-top-style: solid;*/
    /*text-align: right;*/
    /*margin-right: 10px;*/
    /*font-weight: bold;*/
/*}*/

/* @end */

/* @group Form Defaults (Customers, Paypal, Auto TopUp) */

form.customers, form.custDetails, form.autotopup {
    width: 100%;
}

form.customers table, form.custDetails table {
    border-collapse: collapse;
    width: 100%;
}

form.customers td, form.custDetails td {
    padding: 2px;
}

/* @end */

/* @group Login Dialog */

/* Login form */
/*.login .form {*/
/*padding: 20px;*/
/*}*/

/*.login #row {*/
/*clear: both;*/
/*display: table;*/
/*}*/

/*.login .required {*/
/*float: left;*/
/*color: red;*/
/*width: 10px;*/
/*}*/

/*.login #label {*/
/*float: left;*/
/*width: 100px;*/
/*}*/

/*.login #element {*/
/*float: right;*/
/*}*/

/*.login #requiredNote {*/
/*float: right;*/
/*}*/

/*.login #heading {*/
/*font-weight: bold;*/
/*height: 23px;*/
/*display: block;*/
/*}*/

/* @end */

/* @group Verification */

/* Modified form rendering */
#verify {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    border: thin solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    margin-bottom: 10px;
}

#verify .heading {
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
}

#verify .form {
    margin: 20px;
}

#verify .form #row {
    display: block;
    clear: both;
}

#verify .form #row #element {
}

#verify .form #row #group {
    margin-top: 10px;
    margin-left: 10px;
}

#verify span#requiredNote {
    margin-left: 115px;
}

/* @end */

.lostCodeComplete {
    border: thick solid #ccc;
    padding: 10px;
    text-align: center;
    font-size: 1.5em;
}

span._error {
    color: red;
    margin-left: 115px;
    display: block;
}

#verify .form #row #label {
    color: #888;
    float: left;
    margin-top: 3px;
    text-align: right;
    width: 100px;
}

.kagilink {
    padding: 10px;
    margin: 5px;
    margin-top: 30px;
    text-align: center;
    clear: both;
    background: #E6E6E6;
    display: block;
}

.kagilink .leftalign {
    margin: 10px;
    margin-top: 15px;
    text-align: left;
}

/* @group Products in the Shop */

div#productsAndCart {
    clear: both;
    float: none;
    padding-top: 10px;
}

div.productLeftSize {
    width: 100%;
    padding-left: 20px;
    padding-bottom: 15px;
}

div.paymentLeftSide {
    width: 76%;
    padding-bottom: 15px;
    float: left;
    display: inline;
}

div.paymentLeftSide.paymentAccount {
    width: 100%;
}

div.paymentAccount {
    margin-bottom: 10px;
}

div.productContainer {
    padding: 0px;
    margin: 0px;
    float: none;
    margin-right: 260px;
}

div.productsheading {
    margin-top: 10px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 20px;

    color: grey;
    height: 34px;

    background-color: #eee;
    border-left: thin solid #ccc;
    border-right: thin solid #ccc;
    border-top: thin solid #ccc;
}

div.creditcards {
    height: 36px;
}

div.store_products {
    width: 100%;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: #d3d3d3;
    display: inline-table;

}

div.payment {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

div.productline {
    clear: both;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-left: 15px;
    display: inline-block;
    width: 97%;
    /*border: thin solid blue;*/
}

div.bundle {
    padding-top: 3px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
}

div.line {
    padding-top: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 5%;
    margin-right: 5%;
    border-bottom-width: thin;
    border-bottom-style: dotted;
    border-bottom-color: #e7e7e7;
    border-bottom-width: 1px;
}

div.toperror {
    /*position: top;*/
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    padding: 15px;
    margin-bottom: 20px;
    clear: both;
    text-align: center;
    font-weight: bold;
    color: #f44;
    font-size: 0.9em;
    background-color: #fee;
}

#cart div.toperror {
    width: 80%;
    margin: 2px;
    margin-top: 10px;
    font-weight: normal;
    display: inline-block;
}

#cart div.toperror ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    text-align: left;
}

#cart div.toperror ul li {
    list-style-image: none;
    list-style-type: none;
    text-align: left;
}

#contentContainer .toperror ul li {
    list-style-image: none;
    list-style-type: none;
}

/* @end */

.cartItem {
    clear: none;
    float: none;
    display: inline;
}

.cartItemQty {
    float: left;
    padding-right: 5px;
}


div.passwordreset-confirm-sent {
    margin: 10px;
    width: 70%;
}

div.passwordreset-confirm-sent #thanks {
    font-weight: bold;
    clear: both;
}

div.element.error {
    width: auto;
    font-weight: bold;
    padding-bottom: 5px;
    color: #f44;
    font-size: 0.9em;
    background-color: #fee;
    padding-right: 5px;
    display: inline-block;
}

/* Stop <br> from rendering in the middle of an error element */
div.element.error br {
    display: none;
}

.osbanner {
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.2em;
    padding-left: 15px;
}

/* @group Generic Rounded Container */
.roundedContainer {

}

.roundedTopsMedium {
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}

.roundedBottomsMedium {
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.rounded {
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

/* @end */

/* @group Feature Comparison */

.featurelink a {
    /*	text-decoration: none;*/
    font-weight: bold;
}

.featurelink a:hover {
    font-weight: bold;
    background-color: white;
}

.store_feature_comparison table {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.store_feature_comparison tr {
    clear: both;
    width: 99%;
    display: table;
}

.store_feature_comparison .title {
    font-size: 1.3em;
    color: #777;
    text-align: center;
    padding: 10px;
    clear: both;
}

.store_feature_comparison .heading {
    font-weight: bold;
}

.store_feature_comparison .tick {
    background: url(/static/store/images/good.png) no-repeat;
    background-position: center;
}

/* @end */

#showExpiredLink {
    text-align: right;
}

.alternate {
    background-color: #f1f1f1;
}

.normal {
    background-color: white;
}

.refund {
    background-color: rgba(255, 0, 4, 0.13);
}

.store_feature_comparison {
    width: 100%;
    display: table;
}

.store_feature_comparison .heading, .feature {
    text-align: center;
}

.store_feature_comparison #col1.feature {
    border-left: thin #aaa solid;
    text-align: left;
    color: #444;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.store_feature_comparison #col2.feature, #col3.feature {
    border-right: thin #ddd solid;
}

.store_feature_comparison #col4.feature {
    border-right: thin #aaa solid;
}

.store_feature_comparison #col1.heading {
    border-right: thin #aaa solid;
    border-bottom: thin #aaa solid;
}

.store_feature_comparison #col2.heading, #col3.heading {
    border-right: thin #ddd solid;
    border-top: thin #aaa solid;
}

.store_feature_comparison #col4.heading {
    border-right: thin #aaa solid;
    border-top: thin #aaa solid;
}

.store_feature_comparison #col1.last, .last {
    border-bottom: thin #aaa solid;
}

.store_feature_comparison span {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 90%;
    color: gray;
    display: block;
}

.additional {
    text-align: center;
    color: #444;
    padding-top: 5px;
    padding-bottom: 5px;
}

.offer strong {
    font-size: 1.1em;
    text-shadow: #eee 2px 2px 2px;
}

.offer a {
    font-weight: bold;
    /*background-color: white;*/
}

.offer a:hover {
    color: #6eb100;
}

div.pagecontainer {
    width: 100%;
}

div.editor {
    min-width: 40%;
}

.rhs {
    float: right;
    padding-right: 10px;
}

.clearboth {
    clear: both;
}

    /*min-width: 120px;*/
    /*padding-right: 5px;*/
/*}*/

/*.searchresults th {*/
    /*margin: 0px;*/
    /*padding: 0px;*/
    /*background-color: #c6d89b;*/
    /*padding-bottom: 5px;*/
    /*text-align: left;*/
    /*padding-left: 5px;*/
/*}*/

/*.searchresults th, .searchresults tbody {*/
/*}*/

.searchresults a {
    color: #6e8a27;
    text-decoration: underline;
}

.stacks_out {
    overflow: visible;
}

li a {
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}

a.forgot {
    margin-left: 10px;
    text-decoration: underline;
}

.store .buttonborder {
    font-size: 0.8em;
    display: inline-block;
}

li a.storebtn {
    display: inline-block;
    background-color: green;
    padding: 4px;
    text-align: center;
    font-size: 1.1em;
    padding-right: 15px;
    padding-left: 15px;
    color: #555;

    text-shadow: 0px 1px 0px #fff;

    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
}

li a.storebtn:hover {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

div.hometitle {
    z-index: 4;
    text-align: center;
    position: relative;
    top: 20px;
}

div.hometitle span {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 33px;
    font-weight: bold;
    text-align: center;
    color: #3f3f3f;
    clear: both;
    /*background: url(images/swb/title-heading-fill.png) repeat-x 0px 24px;*/
}

.labelledimage {
    text-shadow: #b5b5b5 0 0 5px;
    font-size: 10pt;
    color: #6e8a27;
    text-align: center;
    vertical-align: baseline;
}

.labelledimage #label {
    visibility: hidden;
}

.labelledimage img {
    width: 42px;
    height: 42px;
    vertical-align: baseline;
}

.lowerAttach {
    height: 175px;
}

.lowerAttach .labelledimage {
    position: relative;
    bottom: -165px;
}

#contentContainer #container .store ul {
    display: block;
}

/*Override this to turn off the one in style.css*/
.storeform li,
.shoptabs li,
.shopform li,
.payform li,
.complete li,
.oneclick li,
.autotopup li,
.otherpayform li,
.storebtn li,
.store li {
    list-style-type: none;
    list-style-image: url();
    display: inherit;
}

.buttonborder {
    padding: 2px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    background: -webkit-gradient(linear, left 0%, left 100%, from(#dae2c8), to(#bed1a1));
    background-color: #66cc33;
}

.insetButton {
    background: -webkit-gradient(linear, left 0%, left 100%,
    from(#ddd),
    to(#888),
    color-stop(0.03, #ddd),
    color-stop(0.5, #aaa),
    color-stop(0.90, #999));
}

.insetButton:hover {
    background: -webkit-gradient(linear, left 0%, left 100%,
    from(#ccc),
    to(#777),
    color-stop(0.03, #ccc),
    color-stop(0.5, #999),
    color-stop(0.90, #888));
}

.insetButton:active {
    background: -webkit-gradient(linear, left 0%, left 100%,
    from(#aaa),
    to(#555),
    color-stop(0.03, #aaa),
    color-stop(0.5, #777),
    color-stop(0.90, #666));
}

.buttongradient {
    background: -webkit-gradient(linear, left 0%, left 100%,
    from(#f0f9da),
    to(#bed1a1),
    color-stop(0.5, #dae2c8),
    color-stop(0.5, #bed1a1));
    background: -moz-linear-gradient(top, #e9f6c8, #fff 70px);
}

.greengradient {
    /*background: -webkit-gradient(linear, left 0%, left 30, from(#eee), to(#fff));
    background: -moz-linear-gradient(top, #e9f6c8, #fff 30px);*/
}

.roundedTop {
    border: thin solid lightgrey;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
}

.roundedCorners {
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.smallRoundedCorners {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
}

.storeform, .shopform {
    margin-bottom: 10px;
    width: 100%;
}

.storeform {
    border: thin solid lightgray;
    margin-bottom: 10px;
    width: 100%;
}

.storeform.customers {
}

.storeform.customers.withpublishing {
    float: left;
    width: 60%;
}

.oneclick {
    border: thin solid lightgray;
    width: 37%;
    float: right;
}

#contentContainer .oneclick ol li {
    list-style-image: none;
    list-style-type: none;
    clear: both;
}

.oneclick div.block {
    display: inline-block;
    width: 100%;
}

.oneclick div.block span {
    width: 100%;
}

.lineAbove {
    width: 100%;
    display: inline-block;
    padding-top: 10px;
    border-top-style: solid;
    border-color: #efefef;
    border-width: 1px;
}

.oneclick fieldset {
    padding: 0px;
    margin: 0px;
    border: none;
}

.oneclick fieldset ol {
    padding: 0px;
    display: inline;
}

.oneclick fieldset ol li {
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.oneclick label.element {
    text-align: right;
    white-space: nowrap;
    float: left;
    width: 130px;
}

.oneclick div.element {
    font-size: 11pt;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 5px;
    line-height: normal;
}

.oneclick .editable label.element {
    width: 60px;
    margin-top: 3px;
}

.stats .label {
    float: left;
    background: inherit;
    color: inherit;
    text-align: right;
    width: 140px;
    border-color: #8df581;
    line-height: normal;
    font-weight: normal;
    padding: 2px;
    font-size: 11pt;
}

.stats .value {
    font-weight: normal;
    line-height: normal;
    padding: 2px;
    width: 140px;
    clear: right;
    float: left;

}

.stats .estimate {
    width: 100%;
    display: inline-block;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: normal;
}

.stats .chargenote {
    font-size: 0.8em;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    color: gray;
    line-height: 1.3em;
}

.storeform.publishing label.element {
    width: 60px;
}

/* Controls the padding of the containers, e.g: "Details for..." "OCP", etc */
.storeform fieldset,
.shopform fieldset,
.oneclick fieldset,
.autotopup legend,
.oneclick .lineAbove {
    padding: 2px;
    margin: 8px;
    border: none;
}

/* Controls the size of the headings within the containers, at the top */
.storeform fieldset legend,
.shopform fieldset legend,
.stats .heading,
.oneclick fieldset legend {
    clear: both;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 10px;
}

.storeform ol, .payform ol, .otherpayform ol, .shopform ol {
    padding-left: 0px;
    margin-left: 0px;
    list-style-type: none;
    line-height: normal;
}

.storeform label.element, .shopform label.element {
    color: #6e8a27;
    clear: both;
    float: left;
    text-align: right;
    width: 150px;
}

.tiers label.element {
    width: 10px;
}

.storeform div.element,
.shopform div.element {
    color: #6e8a27;
    float: left;
    text-align: left;
    padding-left: 5px;
    display: inline;
}

div.element label {
    padding-left: 5px;
    display: inline-block;
}

.shopform .reqnote, .storeform .reqnote {
    clear: both;
}

.shopform .required, .storeform .required {
    color: #f00;
    display: inline;
    font-weight: bold;
    margin-top: 4;
    position: relative;
    top: 2px;
    padding-right: 5px;
}

.shopform .buttons, .storeform .buttons {
    margin-bottom: 0px;
    margin-top: 0px;
    clear: none;
}

.shopform .buttons #__submit__, .storeform .buttons #__submit__ {
    float: left;
}

/* Payment forms */
.payform fieldset, .otherpayform fieldset {
    border: none;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

fieldset.hidden {
    margin: 0px;
    padding: 0px;
    display: inline;
}

.paymentLeftSide div.above {
    width: auto;
    line-height: normal;
}

.payform ol {
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
}

/*.payform ol li {
	display: inline-block;
	float: none;
	padding: 0px;
	margin: 0px;
}*/

.paymentLeftSide div.store_products span {
    float: right;
}

.paymentLeftSide div.store_products span.required {
    float: none;
    margin-right: 5px;
}

/*.payform li {*/
/*margin-bottom: 4px;*/
/*list-style-type: none;*/
/*list-style-image: none;*/
/*clear: both;*/
/*}*/

/*.payform .reqnote {*/
/*visibility: hidden;*/
/*}*/

/*.payform .required {*/
/*color: #f00;*/
/*display: inline;*/
/*vertical-align: sub;*/
/*font-weight: bold;*/
/*}*/

/*.payform div.element.error span {*/
/*width: 50%;*/

/*color: red;*/
/*padding-left: 5px;*/
/*padding-top: 5px;*/
/*}*/

/*.payform label.element {*/
/*float: left;*/
/*text-align: right;*/
/*width: 190px;*/
/*vertical-align: bottom;*/
/*display: inline-block;*/
/*}*/

/*.payform div.element {*/
/*width: 90%;*//* *//* don't uncomment - it makes errors not render right */
/*}*/

/*.payform div.note {*/
/*padding-top: 5px;*/
/*font-size: 80%;*/
/*color: gray;*/
/*text-align: right;*/
/*margin-left: 5px;*/
/*display: inline-block;*/
/*}*/

/*.payform div.element input, .payform div.element select, .payform div.element textarea {*/
/*margin-left: 15px;*/
/*margin-bottom: 5px;*/
/*text-align: left;*/
/*float: left;*/
/*width: auto;*/
/*display: inline;*/
/*}*/

/*.payform div.element input#resetpwd {*/
/*margin-top: 5px;*/
/*}*/

/*.payform div.element .payerror {*/
/*color: red;*/
/*background-color: #fee;*/
/*font-weight: bold;*/
/*padding: 10px;*/
/*float: left;*/
/*}*/

/*.payform input.btn {*/
/*margin-top: 10px;*/
/*}*/

.otherpayform label.element {
    display: none;
}

.otherpayform ol {
    display: inline;
}

.otherpayform div.element {
    display: block;
    text-align: center;
    color: #555;
    padding-top: 20px;
}

.otherpayform div#other {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.otherpayform input {
    height: 54px;
    text-align: center;
    margin-left: 10px;
}

form.otherpayform {
    padding-bottom: 10px;
}

.otherpayform input {
    padding: 10px;
    border-color: #ccc;
    border-width: 2px;
    border-style: solid;
    background-color: #efefef;

    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

.otherpayform input:hover {
    border-color: #aaa;
    border-width: 2px;
    border-style: solid;
    background-color: #ccc;
}

.paymentLeftSide div#logos {
    text-align: right;
    float: right;
    padding-top: 4px;
}

div.paymentLeftSide div.productsheading div#text {
    float: left;
    padding-top: 2px;
    font-size: 110%;
    /*font-weight: bold;*/
}

.paymentLeftSide div#logos img {
    width: auto;
    float: right;
    height: 28px;
    margin-right: 20px;
    margin-top: -5px;
}

.store_products div a.link {
    float: right;
    clear: left;

    padding: 5px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 5px;
    margin-bottom: 10px;

    border-bottom: thin grey solid;
    border-left: thin grey solid;
    border-color: lightgrey;
    background-color: #f7fff7;

    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;

    text-decoration: underline;
}

/*.store_products div a:hover {
	color: darkgreen;
	background-color: white;
}*/

/* Style the completion page */

/* @group Purchase Completion */

.complete {
    font-size: 1.1em;
    line-height: 1.3em;
}

.complete .sidebar {
    float: right;
    display: inline-block;
    width: 35%;
    border-left: thin solid #ccc;
    padding-left: 20px;
}

.complete .sidebar .heading {
    font-size: 1.2em;
    text-align: left;
    color: #333;
}

.complete .sidebar span {
    display: inline-block;
    padding-bottom: 10px;
    color: #555;
}

.complete .codes {
    float: left;
    display: inline-block;
    width: 59%;
}

.complete .error {
    padding: 20px;
    font-size: 1.3em;
    line-height: 1.3em;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    width: 80%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.complete .heading {
    text-align: center;
    font-size: 3.0em;
    color: #666;
    padding-bottom: 20px;
}

.complete .littleheading {
    text-align: center;
    font-style: italic;
    color: #666;
    padding-bottom: 20px;
}

.complete .instruction {
    display: inline-block;
}

#contentContainer .codes ul {
    padding: 0px;
    width: 100%;
}

/*.complete ol li {*/
    /*display: block;*/
    /*list-style-type: disc;*/
    /*list-style-image: url(images/swb/green-bullet.png);*/
/*}*/

#contentContainer .code {
    margin-right: 40px;
    color: #ddd;
    background-color: #444;
    padding: 7px;
    margin-bottom: 20px;

    text-align: center;

    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;

    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #555, #333);
    /*text-shadow: #fffefe 0 1px 0;*/
}

.code .qty {
    width: 380px;
}

#contentContainer .code .serial {
    text-shadow: none;
}

#contentContainer .code .description {
    text-shadow: none;
    font-size: 0.9em;
    padding-top: 10px;
    font-style: italic;
}

#contentContainer .code .qty {
    font-size: 1.7em;
}

/* @end */

#discounts {
    display: inline-block;
    clear: both;
    font-size: 9pt;
}

#discounts .storeform label.element {
    font-size: 9pt;
    width: 100px;
}

#discounts .storeform input {
}

#discounts #lhs {
    float: left;
    display: block;
}

#discounts #rhs {
    clear: none;
    float: none;
    display: inline-block;
}

#discounts label {
    font-size: 9pt;
}

.tier {
    padding: 0px;
    margin: 0px;
}

#tierButtons {
    display: inline-block;
    clear: both;
    text-align: right;
    width: 360px;
    margin-top: 5px;
}

#discounts .error {
    color: red;
    text-align: center;
    margin: 10px;
    font-size: 150%;
    font-weight: bold;
}

form#discControl.storeform label.element {
    width: 160px;
}

form#discTierControl label {
    margin-left: 10px;
}

.tiers div.element {
    padding-right: 10 p;
}

.history {
    float: right;
    width: 48%;
}

#autoflag {
    margin-left: 10px;
}

#autoflag input {
    float: right;
    margin-right: 10px;
}

.autotopup {
    border: thin solid lightgray;
    padding-bottom: 20px;
    display: inline-block;
}

.topup {
    margin-top: 20px;
    display: inline-block;
    width: 50%;
}

.autotopup legend {
    padding-top: 8px;
    padding-bottom: 5px;
}

.ccDetail {
    display: block;
}

.ccDetail li {
    clear: both;
}

.ccDetail .info {
    font-style: italic;
    color: #777;
    font-size: 0.9em;
    text-align: center;
    margin-bottom: 10px;
}

.ccDetail label.element {
    display: inline-block;
    text-align: right;
    font-weight: bold;
    width: 120px;
    margin-top: 3px;
}

.ccDetail div.element {
    display: inline-block;
    padding-left: 8px;
    clear: both;
}

.ccDetail .error {
    display: block;
    color: red;
    padding-right: 5px;
}

.ccDetail .removeBtn {
    /*background: url(/static/store/images/good.png) no-repeat;*/
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;

    float: right;
    position: relative;
    bottom: 22px;
    right: 5px;
}

#buyGroup input {
    /*padding-bottom: 20px;*/
    padding-left: 5px;
    margin-right: 5px;
}

#buyCreditForm .info {
    padding: 10px;
}

.ccDetail .active {
    display: inline;
    color: green;
}

.activateTopUp {
    color: orange;
    font-weight: bold;
    font-size: 1.2em;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.autotopup fieldset ol {
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.autotopup .cardnotsaved {
    font-size: 1.2em;
    padding-top: 5px;
    padding-bottom: 15px;
}

.autotopup .ccDetail {
    margin: 5px;
    padding: 7px;
    border: thin solid #aaa;
    background-color: #efefef;
}

.autotopup fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
}

#contentContainer .autotopup fieldset ol li {
    padding: 0px;
    margin: 0px;
}

.autotopupform ol {
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
    list-style-type: none;
}

.autotopupform label.element {
    clear: both;
    float: left;
    text-align: right;
    width: 150px;
}

#contentContainer .autotopupform ol li {
    padding: 0px;
    margin: 0px;
}

.emailCodes {
    display: block;
    width: 300px;
    margin-left: auto;
    text-align: center;

    margin-bottom: 10px;
    border: thin solid #aaa;
}

.emailCodes span {
    display: block;
    clear: both;
    font-style: italic;
    font-size: 0.9em;
}

.unsubscribe {
    text-align: center;
    font-size: 1.8em;
}

.videolinks {
    background-color: #eee;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 10px;

    margin-top: 5px;
    margin-bottom: 8px;
}

.videolinks ol {
    list-style-type: none;
    list-style-image: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.videolinks ol li {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 300px;
    color: gray;
}

.videolinks ol li a {
    color: black;
    text-shadow: #fffeff 0 1px 0;
}

.videolinks ol li a:hover {
    color: #333;
    text-shadow: #fffeff 0 1px 0;
    text-decoration: underline;
}

#embedOuter {
    margin-bottom: 10px;
}

.videolinks #embedOuter textarea {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.videolinks .heading {
    padding-top: 5px;
    padding-bottom: 5px;
}

#swb-videoplayer {
    padding-top: 15px;
}

.movieIndex {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.movieDescription {
    padding-bottom: 20px;
    padding-top: 20px;
    clear: both;
    /*border: thin solid blue;*/
}

.movieDescription .mdTitle {
    color: #333;
    font-size: 1.2em;
    padding-bottom: 3px;
}

.movieDescription .mdDescription {
    color: #444;
    font-size: 0.95em;
    vertical-align: top;
}

.movieDescription .mdUploadDate {
    color: #666;
    font-size: 0.8em;
    margin-top: 5px;
}

.movieDescription .poster img {
    padding-right: 20px;
    display: inline-block;
    width: 128px;
    float: left;
}

#footer .hosting {
    width: 100%;
    display: inline-block;
}

#footer .hosting .item {
    display: inline-block;
    color: #fffefe;
    width: 24%;
}

.uploadInProgress {
    padding-top: 30px;
    text-align: center;
}

.uploadInProgress #title {
    font-size: 2.0em;
    font-weight: bold;
    color: #333;
}

.uploadInProgress #description {
    font-size: 1.3em;
    padding-top: 30px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    color: #555;
    line-height: 150%;
}

/* ENlarges the "click to reset" link when restting password */
.store .passwordreset {
    font-size: 1.5em;
    font-weight: bold;
}

.store .passwordreset-confirm-sent {
    margin-top: 40px;
    margin-bottom: 40px;
}

.store .passwordreset-confirm-sent #thanks {
    font-size: 3.0em;
}

.store .passwordreset-confirm-sent #sent-details {
    display: inline-block;
    font-size: 1.3em;
    line-height: 1.5em;
    margin-top: 10px;
}

.store .passwordreset-confirm-sent #nochange {
    display: block;
    font-style: italic;
}

.resetnotperformed, .resetsuccess {
    text-align: center;
    font-size: 1.2em;
    padding: 5px;
    margin-bottom: 20px;
    background-color: linen;
    border: thin lightgrey solid;
}

.changePwdWorkflow {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 20px;
    line-height: 130%;
    background-color: #fefc78;
    border: thin lightgrey solid;
}

.changePwdWorkflow .footnote {
    padding-top: 15px;
    font-size: 0.9em;
}

.changePwdWorkflow .reason {
    font-weight: bold;
    color: red;
    padding: 20px;
}

.changePwdWorkflow.success {
    background-color: #d4fb78;
    padding: 20px;
}

.changePwdWorkflow.success #title {
    font-weight: bold;
    clear: both;
    font-size: 1.5em;
    padding-top: 15px;
    padding-bottom: 5px;
}

.changePwdWorkflow .title {
    font-size: 0.9em;
    font-weight: bold;
}

.resetnotperformed #nope {
    color: red;
}

.resetsuccess {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: lightgoldenrodyellow;
    padding-left: 100px;
    padding-right: 100px;
}

.resetsuccess #success {
    font-size: 1.4em;
    display: block;
    padding-bottom: 15px;
}

.resetsuccess #what {
    font-size: 1.2em;
    display: block;
    padding-bottom: 15px;
}

.resetsuccess #instruction {
    padding-bottom: 15px;
}

.resetsuccess #note {
    display: block;
}

.resetsuccess ol {
    margin: auto;
    text-align: left;
    width: 50%;
}

.resetsuccess li {
    list-style: decimal;
    display: list-item;
}

/* Tidies up the footer of the "reset password" space.  Where the 
  'help text' is */

.store .previouscustomer ol li {
    list-style-type: decimal;
    display: list-item;
}

.store .previouscustomer ol p {
    margin: 15px;
    margin-left: 30px;
}

.store .previouscustomer {
    width: 100%;
    font-size: 1.2em;
    display: inline-block;
    margin: 0px;
}

.store .previouscustomer th {
    padding-right: 40px;
    padding-top: 5px;
}

.store .previouscustomer tr {
    padding-bottom: 5px;
}

.product-ad {
    font-size: 8pt;
    color: #151515;
}

.product-ad h3 {
    font-size: 1.1em;
}

.product-ad a, .product-ad a:visited, .product-ad a:hover {
    color: blue;
    background-color: none;
}

.product-ad a:hover {
    color: white;
    background-color: green;
}

div.loggedout {
    border: thin solid silver;
    text-align: center;
}

div.loggedout blockquote {
    border: none;
}