/*
* Amazium V1.3
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/
/***** Reset & Basics *****/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block }
body { line-height: 1 }
/*
ol,
ul { list-style: none }
*/
blockquote,
q { quotes: none }
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/***** Basic Styles *****/
html {
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
    background: #000;
}
body {
    margin: 20px 0 0 0;
    padding: 0;
    background: #fff url("../../css/BoxItNow/images/homeBG.jpg");
    font: 13px Helvetica, "Helvetica Neue", Arial, sans-serif;
    color: #E28425;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;

    min-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    /*padding-bottom: 100px !important;*/
    /*bottom: 0;*/
}
/***** Typography *****/
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: light;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { font-weight: inherit }

div#page_title_box.grid_3 {
    margin-left: 0;
}

h1#page_title {
    /* margin: 40px 0 0 0; */
    margin: 40px 0 0 0;
    padding: 0;
    font-size: 24px;
    line-height: 30px;
    color: #acacac;
    position: relative;
    bottom: 0;
}
h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 30px;
    line-height: 34px;
    color: #333;
}

h2.section_title {
    color: #acacac;
    margin-bottom: 25px;
    margin-top: 20px;
}

h3 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 24px;
    line-height: 28px;
    color: #333;
}
h4 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 18px;
    line-height: 22px;
    color: #333;
}
h5 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    color: #333;
}
h6.footer_heading {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 24px;
    line-height: 40px;
    color: #87ad2d;
}
p {
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 20px;
}
strong {
    font-weight: bold;
    color: #333;
}
em {
    font-style: italic;
    color: #666;
}
small { font-size: 80% }
sup,
sub {
    height: 0;
    line-height: 5px;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    font-size: 80%;
}
sup { bottom: 5px }
sub { top: 5px }
code,
pre {
    padding: 0 3px 2px;
    color: #333;
    font-size: 11px;
}
code {
    padding: 0 4px 2px 4px;
    background-color: #000;
    border: 1px solid #000;
    color: #f1f1f1;
}
/***** Lists *****/
ul,
ol { margin-bottom: 20px }
/* ul { list-style: none outside } */
ul li {
    margin: 0 0 5px 0;
    /*     nowhitespace: afterproperty; */
    padding: 0;
    line-height: 18px;
}
ul ul,
ul ol { margin: 5px 0 5px 0 }
ol ol,
ol ul { margin: 5px 0 5px 20px }
ul ul li,
ul ol li,
ol ol li,
ol ul li { margin: 0 0 6px 0 }
ul.square,
ul.square ul { list-style: square outside }
ul.circle,
ul.circle ul { list-style: circle outside }
ul.disc,
ul.disc ul { list-style: disc outside }
ul.square li,
ul.circle li,
ul.disc li {
    margin: 0 0 5px 15px;
    padding: 0;
    line-height: 18px;
    background: none;
}
ol {
    margin: 0 0 20px 20px;
    list-style: decimal;
}
ol li {
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 18px;
}
/***** Blockquotes *****/
blockquote,
blockquote p {
    font-size: 12px;
    line-height: 24px;
    color: #777;
    font-style: italic;
}
blockquote {
    margin: 10px 0 15px 0;
    padding: 0 0 0 5px;
    border-left: 1px solid #747474;
}
blockquote cite {
    display: block;
    font-size: 12px;
    color: #555;
}
blockquote cite:before { content: "\2014 \0020" }
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited { color: #555 }
blockquote span {
    width: 15px;
    display: inline-block;
}
hr {
    margin: 20px 0 20px 0;
    border: 0;
    border-top: 1px solid #666;
    height: 0px;
    width: 100%;
    text-align: left;
}
/***** Links *****/
a:link {
    color: #fff;
    text-decoration: none;
    outline: 0;
    transition-property: color .1s linear 0s;
    -moz-transition: color .1s linear 0s;
    -webkit-transition: color .1s linear 0s;
    -o-transition: color .1s linear 0s;
}
a:visited {
    color: #fff;
    text-decoration: none;
    outline: 0;
}

.big_button a:link {
    color: #999;
}
.big_button a:visited {
    color: #999;
    text-decoration: none;
    outline: 0;
}

.small_button a:link {
    color: #999;
}
.small_button a:visited {
    color: #999;
    text-decoration: none;
    outline: 0;
}


.cantLogin a:link {
    color: #999;
}
.cantLogin a:visited {
    color: #999;
    text-decoration: none;
    outline: 0;
}

a .cantLogin:link {
    color: #999;
}
cantLogin a:visited {
    color: #999;
    text-decoration: none;
    outline: 0;
}
a:active {
    color: #333;
}
a:hover {
    color: #00a9c9;
    text-decoration: none;
    outline: 0;
}
a:focus { -moz-outline-style: none }
/***** Images iFrames & Videos  *****/
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
.max-img {
    width: 100%;
    height: auto;
}
.media {
    position: relative;
    margin: 0 0 15px 0;
    padding-bottom: 51%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border: 1px solid #666;
}
.media iframe,
.media object,
.media embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/***** Buttons  *****/
a.btn,
.btn {
    margin: 5px 0 5px 0;
    padding: 4px 25px 4px 10px;
    display: inline-block;
    color: #fff;
    border: 1px solid #000;
    background: #000 url(../images/btn-arrow.png) no-repeat right;
    cursor: pointer;
}
a:hover.btn {
    text-decoration: none;
    border: 1px solid #000;
    color: #666;
    background: #000 url(../images/btn-arrow.png) no-repeat right;
}
/***** Forms *****/
#stylized-form {
    margin: 10px 0 20px 0;
    padding: 20px;
    background-color: #f4f4f4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.wrapper-block label {
    padding: 0;
    display: block;
    font-weight: bold;
    text-align: right;
    width: 140px;
    float: left;
}
.wrapper-block [type="text"] {
    font-size: 12px;
    padding: 4px 2px;
    border: solid 1px #bbbbbb;
    width: 200px;
    margin: 2px 0 15px 10px;
}
.wrapper-block select {
    font-size: 12px;
    padding: 2px;
    border: solid 1px #bbbbbb;
    margin: 2px 0 15px 10px;
}
.wrapper-block [type="radio"] {
    line-height: 16px;
    margin: 0 2px 15px 10px;
}
.wrapper-block [type="checkbox"] {
    line-height: 16px;
    margin: 0 2px 15px 10px;
}
.wrapper-block textarea {
    padding: 4px 2px;
    border: solid 1px #bbbbbb;
    width: 200px;
    margin: 2px 0 15px 10px;
    font: 12px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
}
.wrapper-inline label {
    padding: 0;
    display: block;
    font-weight: bold;
    text-align: right;
    width: 140px;
    float: left;
}
.wrapper-inline [type="text"] {
    font-size: 12px;
    padding: 4px 2px;
    border: solid 1px #bbbbbb;
    width: 200px;
    margin: 2px 0 15px 10px;
    float: left;
}
.wrapper-inline select {
    font-size: 12px;
    padding: 4px 2px;
    border: solid 1px #bbbbbb;
    margin: 2px 0 15px 10px;
    float: left;
}
.wrapper-inline [type="radio"] {
    line-height: 16px;
    margin: 0 2px 15px 10px;
    float: left;
}
.wrapper-inline [type="checkbox"] {
    line-height: 16px;
    margin: 0 2px 15px 10px;
    float: left;
}
.wrapper-inline textarea {
    padding: 4px 2px;
    border: solid 1px #bbbbbb;
    width: 140px;
    margin: 2px 0 15px 10px;
    font: 12px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
    float: left;
}
a.btn-form,
input.btn-form {
    margin: 5px 0 5px 150px;
    padding: 4px 28px 4px 8px;
    display: inline-block;
    font-size: 11px;
    color: #fff;
    border: 1px solid #444;
    background: #333 url(../images/btn-arrow.png) no-repeat right;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
}
.small-label {
    display: block;
    font-size: 10px;
    font-weight: normal;
    color: #666;
    text-align: right;
    width: 140px;
}




/***** Tables  *****/

table {
    margin:0 0 20px 0;
    width:100%;
}

table th {
    padding:10px 8px 10px 22px;
    background-color:transparent;
    /* color:#ccc; */
    color:#555;
    font-weight:bold;
    border: 0;
    text-align: left;
    font-size: 15px;
    width: 30%;
    vertical-align: middle;
}



table td {
    padding:10px 8px 10px 8px;
    background-color:transparent;
    color:#333;
    border: 0;
}

table input {
    /*
            width: 90%;
            height: 10px;
    */
    padding: 10px;
    margin: 2px 2px 10px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000;
    -moz-box-shadow: inset 0 0 5px #999;
    -webkit-box-shadow: inset 0 0 5px #999;
    box-shadow: inset 0 0 5px #999;
    font-size: 12pt;
    float: right;
    vertical-align: middle;

    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

table input.customTitle {
    color:#555;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #646464;
    padding-left: 8px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
    font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
}

a.deleteRow {
    color: red;
}

td.cellDelete {
    vertical-align: middle;
}

table tr.even td {
    background-color:#fff;
}

table tr.odd td {
    background-color:#f3f3f3;
}

table td.highlight {
    color:#FFF;
    font-weight:bold;
}

table tr td.highlight {
    background-color:#333;
}

table th.table_title {
    background-color: transparent;
    /* color: #fff; */
    color: #444;
    border: none;
    text-align: center;
    font-size: 16px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
}

table.uneditable {
    width: 96%;
    margin: 20px auto;
}

table.uneditable td,
table.uneditable th {
    border: 1px solid #aeaeae;
}

table.uneditable td {
    /* color: #bababa; */
    color: #777;
    border-left: none;
    vertical-align: middle;
    font-size: 15px;
}

table.uneditable th {
    width: 30%;
    border-right: 0;
    vertical-align: middle;
}

table.uneditable th.table_title {
    text-align: center;
    border: 0;
}


table select {
    background: transparent;
    width: 100%;
    padding-left: 22px;
    font-size: 15px;
    font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
    color: orange;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 100%;
    -webkit-appearance: none;
    outline: 0;
}

th.select_header {
    padding: 0;
}

tr.select_row {
    background: transparent;
}

div#detailsForm table input {
    width: 100%;
    height: 100%;
    /*
            padding: 0;
            margin: 0;
    */
}

td.inputCell {
    padding: 8px 13px 8px 8px;
}

input.customInput {
    font-size: 13px;
    padding: 10px;
}


input.redButton {

  background-color:#ff0000;

}




/***** Global Classes *****/
.img-left {
    float: left;
    margin: 0 30px 30px 0;
    border: none;
}
.img-right {
    float: right;
    margin: 0 0 30px 30px;
    border: none;
}
.clear { clear: both }
.float-left { float: left }
.float-right { float: right }
.text-big {
    color: #a2bd30;
    font-weight: bold;
    line-height: 26px;
}
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.normal { font-weight: normal }
.bold { font-weight: bold }
.italic { font-style: italic }
.underline { border-bottom: 1px solid }
.highlight {
    background: none;
    font-size: 22px !important;
    font-weight: bold;
}
.intro {
    font-size: 130%;
    line-height: 130%;
}
.nopadding { padding: 0 }
.noindent {
    margin-left: 0;
    padding-left: 0;
}
.nobullet {
    list-style: none;
    list-style-image: none;
}
.block { display: block }
.hidden { display: none }
.hide { display: none }
/***** Back to Top *****/
/*
#toTop                                     { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:-999px; background:url(../images/ui.totop.png) no-repeat left top; }
#toTopHover                             { background:url(../images/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus             { outline:none; }
*/




/***** Icons *****/
@font-face{
    font-family: Batch;
    src:url('fonts/batch-icons-webfont.eot');
    src:url('fonts/batch-icons-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/batch-icons-webfont.woff') format('woff'),
        url('fonts/batch-icons-webfont.ttf') format('truetype'),
        url('fonts/batch-icons-webfont.svg#batchregular') format('svg');
    font-weight:normal;
    font-style:normal;
}




/*
.menu_batch {
        font-family:"Batch";
        font-size:16px;
        color: #fff;
        display: inline;
        position: relative;
        z-index: 100;
      }
*/
/***** Content *****/


/***** New Header start *****/


body {
    margin-top: 0;
}

#slim-header-background {
    background: #000;
    padding: 12px 0 4px 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#slim-header-background #header-row #logo {
    position: relative;
    overflow: visible;
}

#slim-header-background #header-row #logo img {
    max-width: 128px;
    max-height: 79px;
}

#slim-header-background #header-row #logo #tiers {
    position: absolute;
    top: -6px;
    left: 109px;
    text-align: left;
}

#slim-header-background #header-row #logo #tiers span {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
}

#slim-header-background #header-row #logo #tiers #free-tier {
    color: #ffffff;
}

#slim-header-background #header-row #logo #tiers #personal-tier {
    color: #24ec49;
}

#slim-header-background #header-row #logo #tiers #pro-tier {
    color: #ff0000;
}

/* Main Menu start */
#header-row #main-menu {
    display: table;
    table-layout: fixed;
}

#header-row #main-menu ul {
    margin: 0;
    padding: 0;
    display: table-row;
}

#header-row #main-menu ul li {
    list-style: none;
    display: table-cell;
    text-align: center;
    width: 16.6667%; /* fallback for non-calc() browsers */
    width: calc(100% / 6);
    box-sizing: border-box;
}

#header-row #main-menu ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 10px 0;
    font-size: 11.5pt;
    letter-spacing: 0;
    line-height: 12px;
    cursor: pointer;

    -webkit-font-smoothing: antialiased;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 0.05s;
    -webkit-transition-property: color;
    -webkit-transition-timing-function: ease-in-out;
}

#header-row #main-menu ul li a:visited {
    color: #ffffff;
}

#header-row #main-menu ul li a:hover {
    color: #b5b5b5;
}
/* Main Menu end */


/* Search Form start */
#header-row #search-options form {
    width: 75%;
    float: left;
    position: relative;
}

#header-row #search-options input {
    height: 14px;
    padding: 5px;
    margin-right: 0;
    width: 100%;
    color: #5e5e5e;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
    background: #fefefe;
    border: none;
    display: inline-block;
    background-image:url('../../css/BoxItNow/images/search-icon.png');
    background-size:17px 15px;
    background-repeat:no-repeat;
    background-position:right center;
    opacity: 0.75;

    -webkit-font-smoothing: antialiased;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 0.05s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in-out;
}

#header-row #search-options input:hover {
    opacity: 1;
}

#header-row #search-options #searchMenu {
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #616161;
    border: 1px solid #c8c9cc;
    width: 79%;

    position:relative;
    /*     display:block ; */
    margin-bottom:-10000px;
    /*     top:-10px; */
    z-index:9998;
    display: none;
    overflow: hidden;
    clear: both;
}

#header-row #search-options #searchMenu .searchArea {
    color: black;
    padding: 12px 6px;
    display: block;
}

#header-row #search-options #searchMenu .searchArea .searchText {
    font-weight: bold;
}

#header-row #search-options #searchMenu .searchArea:hover {
    background-color: #dddddd;
}
/* Search Form end */

/* Options start */
#header-row,
#search-options,
#options {
    overflow: visible;
}

#header-row #search-options #options {
    display: inline-block;
    position: relative;
    float: right;
    width: 25px;
    height: 25px;
    top: 0;
    cursor: pointer;
    opacity: 0.75;
    clear: right;
}

#header-row #search-options #options:hover {
    opacity: 1;
}

#header-row #search-options #options img {
    width: 22px;
    height: 22px;
    padding-top: 1px;
}

#header-row #search-options #options #options-wrapper {
    display: none;
    position: absolute;
    min-width: 95px;
    top: 0px;
    right: -10px;
    height: 160px;
    z-index: 9999;
}

#header-row #search-options #options .options-content {
    position: absolute;
    background-color: #f9f9f9;
    min-width: 90px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    margin-top: 24px;
    top: 10px;
    right: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #616161;
    border: 1px solid #c8c9cc;
}

#header-row #search-options #options .options-content:after, #header-row #search-options #options .options-content:before {
    bottom: 100%;
    left: 75%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#header-row #search-options #options .options-content:after {
    border-color: rgba(249, 249, 249, 0);
    border-bottom-color: #f9f9f9;
    border-width: 10px;
    margin-left: -10px;
}
#header-row #search-options #options .options-content:before {
    border-color: rgba(200, 201, 204, 0);
    border-bottom-color: #c8c9cc;
    border-width: 11px;
    margin-left: -11px;
}

#header-row #search-options #options .options-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

#header-row #search-options #options .options-content a:hover {
    background-color: #dddddd
}

#header-row #search-options #options:hover #options-wrapper {
    display: block;
}
/* Options end */



/***** New Header end *****/




img#logo {
    width: 85%;
    height: auto;
}


.batch_addCredits:before {
    content: attr(data-icon);
}

.batch_addCredits {
    font-family: "Batch";
    font-size: 13px;
    display: inline-block;
    color: #00e900;
}





div#login_box {
    margin-top: 10px;
    width: 230px;
    position: relative;
    overflow: visible;
}

div#login_box a#adminLink {
    position: absolute;
    top: 80px !important;
    right: 0;
}

/*
input[type=text] {
        color: #000;
}
*/

input.small {
    width: 90%;
    height: 14px;
    padding: 10px;
    margin: 2px 2px 10px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000;
    -moz-box-shadow: inset 0 0 5px #999;
    -webkit-box-shadow: inset 0 0 5px #999;
    box-shadow: inset 0 0 5px #999;
    font-size: 10pt !important;
    float: right;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    color: #000 !important;
}

input#LoginForm_password {
    line-height: 1em;
}

a.cantLogin.link {
    /*
position: absolute !important;
    top: 100px !important;
    left: 0 !important;
    */
}

input[type=submit] {
    -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color: #7b8894;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    color: #fffefe;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;
    float: right;
}
input[type=submit]:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
    background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
    background-color: #565f68;
}

input#LoginForm_password {
    line-height: 1em;
}

a.big_button {
    -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color: #7b8894;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    color: #fffefe;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 24px 10px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;

    text-align: center;
    font-size: 16px;
    font-weight: normal;
    padding: 12px 30px;
    float: none;
    width: 74%;
    margin-top: 20px;
}
a.big_button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
    background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
    background-color: #565f68;
}


a.small_button {
    -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color: #7b8894;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    color: #fffefe;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    /*padding: 6px 24px 10px 24px; */
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;

    text-align: center;
    font-size: 16px;
    font-weight: normal;
    float: right;
    width: 49%;

    margin-top:-35px;
}
a.small_button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
    background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
    background-color: #565f68;
}

a.icon_button{



  position:absolute;
height:35px;

 bottom:-29px;
  right:0;

}

.float {

  float:right !important;
}


.icon_button img {
  height:35px;
}



input[type=button] {
    -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color: #7b8894;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    color: #fffefe;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;
    float: right;
}
input[type=button]:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
    background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
    background-color: #565f68;
}


div#help-dialog-modal a.button:link,
div#help-dialog-modal a.button:visited {
    /*
            -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
        -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
        box-shadow: inset 0px 1px 0px 0px #a8a8a8;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
        background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
        background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
        background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
        background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
        background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
        background-color: #7b8894;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #000000;
        display: inline-block;
        color: #fffefe;
        font-family: arial;
        font-size: 13px;
        font-weight: normal;
        padding: 6px 24px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #000655;
        width: 125px !important;
        text-align: center;
        margin: 5px auto 0 25% !important;
    */
}

div#help-dialog-modal a.button:hover,
div#help-dialog-modal a.button:focus {
    /*
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
        background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
        background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
        background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
        background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
        background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
        background-color: #565f68;
    */
}

span#ui-dialog-title-help-dialog-modal.ui-dialog-title {
    /*
            display: block !important;
            margin: 0 auto !important;
            margin-left: 130px !important;
    */
}

span#ui-dialog-title-relogin-dialog-modal {
    /*
            display: block !important;
            margin: 0 auto !important;
            margin-left: 130px !important;
    */
}

form#login-form input[type=submit] {
    /*
            -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
        -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
        box-shadow: inset 0px 1px 0px 0px #a8a8a8;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
        background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
        background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
        background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
        background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
        background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
        background-color: #7b8894;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #000000;
        display: inline-block;
        color: #fffefe;
        font-family: arial;
        font-size: 13px;
        font-weight: normal;
        padding: 6px 24px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #000655;
    */
}

form#login-form input[type=submit]:hover {
    /*
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
        background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
        background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
        background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
        background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
        background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
        background-color: #565f68;
    */
}

div#help-dialog-modal p {
    /*
            display: block;
            margin: 0 auto;
            text-align: center;
    */
}

/* Errors */

#errorMsg {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 10px;
	color: red;
}

.errorMsg {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 10px;
	color: red;
}


#errorMsgUpgrade {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 10px;
	color: red;
}



label.errorMessage {
    color: red;
    text-align: left;
    height: 20px;
    font-size: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
}
/* Search */
p#credits {
    float: left;
    margin-bottom: 0;
    color: #ffffff;
    vertical-align: middle;
}
img#credits_icon {
    margin-right: 5px;
    vertical-align: middle;
}
span#credits_count { font-weight: bold }
p#sign_out {
    float: right;
    margin-bottom: 0;
    vertical-align: baseline;
}
div#menu_row.row {
    margin: 10px auto;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.25);
}
/* div#content_row.row { margin-left: 30px; margin-right:  100px; } */
div#footer_row.row ul li {
    margin: 0 0 15px 0;
    line-height: 24px;
    background: none;
    font-size: 12pt;
    vertical-align: middle;
}
div#footer_bg {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    position: absolute;
    bottom: 0;

}
div#footer_row.row {
    /* height: 280px; */
    padding-top: 60px;
}
div#copyright_row.row {
    height: 60px;
    position: relative;
    /*padding-top: 30px;*/
}
img#app_store_badge {
    width: 150px;
    height: 46px;
}
p#copyright_text {
    color: #607b22;
    font-size: 14px;
    text-align: right;
    /* line-height: 80px; */
}

#copyright_row p {
    line-height: 60px;
    text-align: center;
}

img#searchBtn {
    float: right;
    margin: 0 auto;
    position: absolute;
    top: 40px;
    right: 10px;
    width: 18px;
    height: 18px;

    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* IE 5-7 */
    filter: alpha(opacity=50);

    /* Netscape */
    -moz-opacity: 0.5;

    /* Safari 1.x */
    -khtml-opacity: 0.5;

    /* Good browsers */
    opacity: 0.5;
}

/* Menu */

a#current_page {
    color: #00a9c9 !important;
}



/* Home Page */

div#interactive_row.row div.grid_6 {
    position: relative;
}


iframe#pizzaBoxDemo {
    position: absolute;
    height: 176px;
    width: 280px;
    top: 55px;
    left: 84px;
}

div.homePageBanner {
    background: #834600;
    color: #02d5ff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid #262626;
    max-width: 300px;
}

div.homePageBanner:hover {
    background: #da7500;
    color: #fff;
}

div.homePageBanner p {
    text-align: center;
    padding-top: 3%;
    text-shadow: 0px 1px 2px #666;
}


div.tutorialGetStartedBanner {
    background: #834600;
    color: #02d5ff !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 20px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid #262626;
    max-width: 300px;
    padding-bottom: 10px;
}

div.tutorialGetStartedBanner:hover {
    background: #da7500;
    color: #fff;
}

div.tutorialGetStartedBanner p {
    text-align: center;
    margin-top: 0%;
    text-shadow: 0px 1px 2px #666;
    font-size: 22px !important;
}

a#app_store_link {
    text-align: left !important;
}

#app_store_link,
#google_store_link {
    display: inline-block;
    float: left;
}

#google_store_link {
    margin-left: 20px;
}



img#audienceImg {
    margin-top: 0px !important;
}



/* Breadcrumbs */

div.breadcrumbs {
    font-size: 15px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.breadcrumbs span {
    font-size: 21px;
}





/* Categories */

div#itemBox div.summary {
    display: none;
}

div#itemBox div.view {
    background: none;
    border: none;
    display: inline-block;
    width: 29.5%;
    margin: 30px 10px 10px 10px;
    padding: 5px;
    position: relative;
    height: 200px;
}

img.categoryHeaderImage {
    bottom: 30px !important;
}

div#itemBox div.view div img {
    height: auto;
    width: 75%;
    display: block;
    position: relative;
    bottom: 0;
    margin: 0 auto;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

    -webkit-backface-visibility: hidden;
}

div#itemBox div.view div img:hover {
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
}


div#itemBox div.view div a.title {
    display: block;
    width: 99%;
    height: auto;
    text-align: center;
    padding: 10px 5px 10px 5px;
    font-size: 24px;
    font-weight: bold;
    background: #fb8400;
    text-shadow: 1px 1px 1px #666;

    /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAPElEQVQYV2P83cLwnwEHuPmagYERlwKQpLooDgUwSZDBGCYgS2IoQJdEUYBNEq4AlyRYwZV8hv8g1+ICADr6Ib1DjKcTAAAAAElFTkSuQmCC) repeat; */

    position: relative;
    bottom: 50px;

    /* 	border: 1px solid red; */

    -webkit-backface-visibility: hidden;
}


/* Pager */

div.pager {
    color: #00a9c9 !important;
    font-size: 16px;
    font-weight: bold !important;
    margin-bottom: 20px !important;
}

ul.yiiPager
{
    font-size:16px !important;
    border:0;
    margin:0;
    padding:0;
    line-height:100%;
    display:inline;
}

ul.yiiPager li
{
    display:inline;
}

ul.yiiPager a:link,
ul.yiiPager a:visited
{
    border: none !important;
    font-weight:bold;
    color:#ccc !important;
    padding:1px 6px;
    text-decoration:none;
}

ul.yiiPager .page a
{
    font-weight:normal;
}

ul.yiiPager a:hover, ul.yiiPager a:focus
{
    color: #fff !important;
    /* border:solid 1px #0e509e; */
}

ul.yiiPager .selected a
{
    background: none !important;
    color:#FFFFFF;
    font-weight:bold;
    font-size: 24px !important;
    border-bottom: 1px solid #00a9c9 !important;
}

ul.yiiPager .hidden a
{
    border:solid 1px #DEDEDE;
    color:#888888;
}

/**
 * Hide first and last buttons by default.
 */
ul.yiiPager .first,
ul.yiiPager .last
{
    display:none;
}







/* Boxes */

div.categoryImageRow.row,
div.categoryImageTitle.grid_3.offset_8 {
    overflow: visible;
}

img.categoryHeaderImage {
    margin-top: -30px;
}

div.view.boxChoices.indivBoxes {
    height: 220px !important;
    margin-bottom: 60px !important;
    bottom: 0px !important;

    /*
position: relative !important;
    bottom: 0 !important;
    */
    width: 29% !important;
    display: inline-block !important;
    float: left !important;
}


div.view.boxChoices.indivBoxes div a img {
    height: auto !important;
    max-height: 90% !important;
    width: auto !important;
    max-width: 90% !important;
    z-index: 500 !important;

    -webkit-backface-visibility: hidden;
}



div.view.boxChoices.indivBoxes div a img:hover {
    -ms-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -o-transform: scale(1) !important;
}

div.view.boxChoices {
    display: inline-block;
    float: left;
    width: 29% !important;
    margin: 40px 10px 50px 10px !important;
    position: relative;
    height: 350px;
}

div.view.boxChoices p.boxName {
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    text-align: center;
}

div.view.boxChoices div.boxDescription {
    margin: 0 auto;
    position: relative;
    bottom: 0;
    vertical-align: base;

    display: none;
    /* 	border: 1px dotted yellow; */
}

div.view.boxChoices img {
    position: relative;
    bottom: 0;
}

span.searchInfoTitle {
    font-weight: bold !important;
}

p.searchInfoItemName {
    color: #00a9c9 !important;
}

span.searchInfoExtra {
    color: #fff !important;
}

p.searchInfo {
    color: #fff !important;
}

div.detailsButton2 i.batchBox {
    color: #9cd21e !important;
}



.costInfo {
    /* position: absolute; */
    /* z-index: 999 !important; */
    text-align:center;
    height: 40px;
    /* top: 50%; */
    /* left: 25%; */
    /* top: -80px; */
    line-height:40px;
    display: block;
    background-color:rgba(255,255,255,0.5);
    color: white !important;
    font-weight: bold;
    font-size: 22px;
    width: 50%;
    margin: 45px auto !important;
    /* border: 1px dotted yellow; */

    /*
transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
-webkit-transform: rotate(-7deg);
    */


    background: #d64b4b;
    background: -webkit-gradient(linear, left top, left bottom, from(#d64b4b), to(#ab2c2c));
    background: -webkit-linear-gradient(top, #d64b4b, #ab2c2c);
    background: -moz-linear-gradient(top, #d64b4b, #ab2c2c);
    background: -ms-linear-gradient(top, #d64b4b, #ab2c2c);
    background: -o-linear-gradient(top, #d64b4b, #ab2c2c);
    background-image: -ms-linear-gradient(top, #d64b4b 0%, #ab2c2c 100%);
    -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    font-family: 'Helvetica Neue',Helvetica, sans-serif;

    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

    /* IE 5-7 */
    filter: alpha(opacity=80);

    /* Netscape */
    -moz-opacity: 0.8;

    /* Safari 1.x */
    -khtml-opacity: 0.8;

    /* Good browsers */
    opacity: 0.8;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.costInfo:hover {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    /* IE 5-7 */
    filter: alpha(opacity=100);

    /* Netscape */
    -moz-opacity: 1;

    /* Safari 1.x */
    -khtml-opacity: 1;

    /* Good browsers */
    opacity: 1;
}

div.searchResult.row.unpurchased {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

    /* IE 5-7 */
    filter: alpha(opacity=70);

    /* Netscape */
    -moz-opacity: 0.7;

    /* Safari 1.x */
    -khtml-opacity: 0.7;

    /* Good browsers */
    opacity: 0.7;
}

div.searchResult.row.unpurchased:hover {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    /* IE 5-7 */
    filter: alpha(opacity=100);

    /* Netscape */
    -moz-opacity: 1;

    /* Safari 1.x */
    -khtml-opacity: 1;

    /* Good browsers */
    opacity: 1;
}


a.purchase, a.purchase:visited {
    display: block;
    height: 100%;
    width: 100%;
    color: #e9e9e9;
}

a.purchase:hover, a.purchase:focus {
    color: #fff;
}


/* Pricing Table */

h1.pricingHeadline {
    text-align: center;
    font-size: 24px !important;
    background: none;
    color: #555;
}

h2.pricingHeadline {
    text-align: center;
    font-size: 20px !important;
    background: none;
    color: #848484;
}

table#pricingFeatureTable {
    width: 95%;
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    font-size:12px;
    text-shadow: 1px 1px 0px #fff;
    background:#eaebec;
    margin:20px;
    border:#ccc 1px solid;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
    border-collapse: inherit;
}

table#pricingFeatureTable th {
    padding: 15px 14px 8px 14px;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #e0e0e0;
    text-align: center;
    width: 15%;
    font-weight: bold;

    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}

table#pricingFeatureTable th:first-child {
    text-align: left;
    padding-left:20px;
    width: 40%;
    font-size: 20px !important;
}

table#pricingFeatureTable tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}

table#pricingFeatureTable tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}

table#pricingFeatureTable tr {
    text-align: center;
    padding-left:20px;
}

table#pricingFeatureTable td:first-child {
    text-align: left;
    padding-left:20px;
    border-left: 0;
}
table#pricingFeatureTable td {
    padding:14px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;

    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);

    text-align:center;
    vertical-align:middle;
}
table#pricingFeatureTable tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table#pricingFeatureTable tr:last-child td {
    border-bottom:0;
}

table#pricingFeatureTable tr:last-child td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
table#pricingFeatureTable tr:last-child td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
table#pricingFeatureTable tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}

table#pricingFeatureTable p.tierName {
    font-size: 22px;
}

table#pricingFeatureTable p.tierDescription {
    display: none;
}

table#pricingFeatureTable p.featureName {
    color: #c36300;
    padding-bottom: 5px;
}

table#pricingFeatureTable p.featureDescription {
    font-size: 14px;
    font-weight: normal;
}

table#pricingFeatureTable span.featureCheckmark {
    text-align: center;
    font-size: 30px;
    color: #3FBF2D;
}

table#pricingFeatureTable span.featureText {
    text-align: center;
    font-size: 14px;
    color: #d30000;
}

table#pricingFeatureTable tr.tierPrice {
    font-size: 22px;
}

table#conditionsTable {
    width: 95%;
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    font-size:11px;
    text-shadow: 1px 1px 0px #fff;
    margin:20px;
    margin-top: -20px;
}

/*
ul.pricingList li {
        line-height: 28px;
        color: #fff;
        font-size: 18px;
        list-style-type: none;
}

ul.pricingList li:before {
        content:"\2713";
        font-size: 25px;
        padding-right: 5px;
        color: #deff49;
}

.checkmark {
    content: "\2713";
    font-size: 25px;
    padding-right: 5px;
    color: #3FBF2D;
}

#pricingFeatureTable {
    table-layout: fixed;
}

#pricingFeatureTable th {
    vertical-align: top;
}

#pricingFeatureTable caption {
    text-align: center;
    vertical-align: top;
    background-color: rgba(0,0,0,0);
    color: #555;
    font-size: 22px;
    padding-bottom: 20px;
}

.featureDescription {
    vertical-align: top;
    font-size: 12px;
}

.tierDescription {
    vertical-align: top;
    font-size: 12px;
}

.tierPrice {
    border-top: 2px solid #000;
    font-size: 22px;
    font-weight: bold;
}


table#pricingTable {
        table-layout:fixed;
}

div.pricing.row {
        margin: 20px auto 30px auto;
}

div.pricing.row h2 {
        color: #ccc;
}

div.pricing.row ul {
        display: block;
        width: 75%;
        margin: 10px auto;
        padding: 20px;
}

div.pricing.row ul li {
        font-size: 18px;
        line-height: 22px;
        list-style: none;
        text-align: center;
        color: #fff;
}


table#pricingTable th,
table#pricingTable td {
        border: 1px solid #000;
        text-align: center;
        font-size: 22px;
        text-shadow: 1px 1px 1px #000;
        font-weight: bold;
        vertical-align: middle;
}


table#pricingTable th {
        color: #6f8491;
        font-size: 18px;
        padding: 2% 1%;
}

th#registerCTA {
        background: transparent !important;
}

th#registerCTA a:link,
th#registerCTA a:visited {
        color: #a8e41c !important;
}

th#registerCTA a:hover,
th#registerCTA a:focus {
        color: #fff !important;
}


table#pricingTable td {
        color: #fff;
        padding: 3% 1%;
}

table#pricingTable th.col1,
table#pricingTable td.col1 {
}

table#pricingTable th.col2,
table#pricingTable td.col2 {
}

table#pricingTable th.col4,
table#pricingTable td.col4 {
        background: #fb8400;
        position: relative;
}

table#pricingTable td.col1 {
        font-size: 35px;
}
*/

a.buyBtn {
    -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color: #7b8894;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    color: #fffefe;
    font-family: arial;
    font-size: 13px;
    font-weight: bold !important;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;

    text-align: center;
    font-size: 16px;
    font-weight: normal;
    padding: 12px 30px;
    float: none;
    width: 50%;
}
a.buyBtn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
    background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
    background-color: #565f68;
}


p.enterpriseDescription {
    font-size: 16px;
    color: #E28425;
    font-weight: normal;
    margin-top: 10px;
}



/* My Profile */

div.profileTabs .etabs {
margin: 0;
padding: 0;
background: none;
/* border-bottom: 1px solid #ccc; */
}

div.profileTabs .tab {
display: inline-block;
zoom:1;
*display:inline;
background: #eee;
/* border-color: #ccc !important; */
border-top: solid 1px #ccc !important;
border-left: solid 1px #ccc !important;
border-right: solid 1px #ccc !important;
border-bottom: 1px solid transparent !important;
margin-bottom: 0 !important;
width: 20%;
text-align: center;
}

div.profileTabs .tab a {
font-size: 14px;
line-height: 2em;
display: block;
padding: 0 10px;
outline: none;
color: #666;
}

div.profileTabs .tab:hover { background-color: #fff !important; }
div.profileTabs .tab a:hover { text-decoration: none; /* background-color: #fff; */ }
div.profileTabs .tab.active { background: #fff; position: relative; top: 1px; border-bottom: 1px solid #fff !important; top: 1px; z-index: 3000; padding-top: 2px; }
div.profileTabs .tab a.active { font-weight: normal; color: #000 !important; }
div.profileTabs .tab-container .panel-container { background: #fff; border: solid #ccc 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
div.profileTabs .panel-container { margin-bottom: 10px; }

.profileTabs div#tab-container.tab-container {
background: none !important;
}

div#tabs1-settings {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


form#profileUpload input {
    display: none;
}

.form input[type="file"]{
    z-index: 999;
    line-height: 0;
    font-size: 50px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);-ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    _cursor: hand;
    margin: 0;
    padding:0;
    left:0;
}

.add-profilePicture-btn {
    position:relative;
    /* overflow:hidden; */
    cursor:pointer;
    text-align:center;
    -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color: #7b8894;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    color: #fffefe;
    font-family: arial;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 24px 0 24px !important;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;

    color:#fff;display:block;
    width: 80%;
    height:31px;
    float:left;

    margin-top: 10px;
}
input[type="text"]{

}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
    -webkit-appearance: none;
    margin: 0; /* Removes leftover margin */
}
input[type="number"]{
    line-height: 0em;
}

.add-profilePicture-btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
    background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
    background-color: #565f68;
}


div.userInfo {
    /* 	border: 1px dotted yellow; */
    width: 60%;
    height: 25%;
    padding-left: 20px;
    margin-bottom: 20px;
    position: relative;
}

div.rsContent span.empty {
    padding-left: 20px;
    color: red;
}

div.userInfo h6 {
    font-size: 23px;
    color: #fff;

    clear: both;
}

div.userInfoField {
    float: left;
    display: inline-block;
    width: 40%;
}

p.userInfoLabel {
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 0;
}

p.userInfoData {
    font-size: 13px;
}


a.sendEmailBtn {
    -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color: #7b8894;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    color: #fffefe;
    font-family: arial;
    font-size: 13px;
    font-weight: bold !important;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;

    text-align: center;
    font-size: 13px;
    font-weight: normal;
    padding: 9px 8px;
    float: none;
    width: auto;
    position: absolute;
    right: 20px;
    top: 0;
    /* margin-top: 20px; */
}
a.sendEmailBtn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
    background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
    background-color: #565f68;
}



.findUser a {
    display: block;
    -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color: #7b8894;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    color: #fffefe;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 8px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;

    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 8px;
    float: none;
    width: 100px;
    margin: 20px 15px 20px auto;
}

.findUser a:hover, .findUser a:focus {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
    background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
    background-color: #565f68;
}

.findUser .ui-button-text-only .ui-button-text {
    padding: 0 !important;
}

.profile.row {
    font-size: 18px;
    margin-bottom: 50px;

    /* border: 1px dotted yellow; */
}

#profileBody {
    margin: 0 !important;
}

#register-form {
    /* width: 50%; */
    float: none !important;
    margin: 0 !important;
    padding: 20px !important;
    font-size: 15px;

    border: 1px solid #ccc;
    /* border-top: none; */
    background: #fff;
}

#register-form label {
    color: #000;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 0;
}

#register-form div.hideEdit input:disabled {
    font-size: 14px;
    color: #787878;
    font-weight: normal;
    height: 10px;
    padding: 8px;
    margin: 3px 3px 11px 5px;
    width: 40%;
}

#register-form div.hideEdit input:enabled {
    font-size: 14px;
    color: #a9a9a9;
    font-weight: normal;

    width: 40%;
    height: 10px;
    padding: 8px;
    margin: 3px 1px 9px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #9a9a9a;
    -moz-box-shadow: inset 0 0 5px #999;
    -webkit-box-shadow: inset 0 0 5px #999;
    box-shadow: inset 0 0 5px #999;
    font-size: 10pt !important;
    /*
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    */

    color: #000 !important;
}

form .row,
.row.hideEdit {
    margin: 10px 0 !important;
    width: 99% !important;
    display: block;
    position: relative;
}

#profilePicture img {
    border: 10px solid #fff;
    display: block;
    width: 90%;
    margin: 0 auto;
    height: 90%;
    margin-top: 15px;

    /*
-webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
 */

    box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4);
}

.doEdit {
    -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color: #7b8894;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    color: #fffefe !important;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;
    float: right;
}


.doEdit:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
    background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
    background-color: #565f68;
}

.form {
    position: relative;
}

.formBtns {
    display: block;
    position: absolute;
    bottom: 0;
    right: 15px;
    width: 30%;

    /* 	border: 1px dotted yellow; */
}

.row.buttons.doSave {
    margin-bottom: 0 !important;
    z-index: 999;
}

.doEdit, .doSave {
    float: left;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    z-index: 1000;

    /* border: 1px solid white; */
}

.doSave {
    margin: 0 !important;
}

.doSave input {
    margin-bottom: 0;
    text-align: center;
    padding: 6px 12px !important;

    -moz-box-shadow:inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a8a8a8;
    box-shadow:inset 0px 1px 0px 0px #a8a8a8;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #13bc3d), color-stop(1, #178f2d));
    background:-moz-linear-gradient(top, #13bc3d 5%, #178f2d 100%);
    background:-webkit-linear-gradient(top, #13bc3d 5%, #178f2d 100%);
    background:-o-linear-gradient(top, #13bc3d 5%, #178f2d 100%);
    background:-ms-linear-gradient(top, #13bc3d 5%, #178f2d 100%);
    background:linear-gradient(to bottom, #13bc3d 5%, #178f2d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#13bc3d', endColorstr='#178f2d',GradientType=0);

    background-color:#13bc3d;
}

.doSave input:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #178f2d), color-stop(1, #13bc3d));
    background:-moz-linear-gradient(top, #178f2d 5%, #13bc3d 100%);
    background:-webkit-linear-gradient(top, #178f2d 5%, #13bc3d 100%);
    background:-o-linear-gradient(top, #178f2d 5%, #13bc3d 100%);
    background:-ms-linear-gradient(top, #178f2d 5%, #13bc3d 100%);
    background:linear-gradient(to bottom, #178f2d 5%, #13bc3d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#178f2d', endColorstr='#13bc3d',GradientType=0);

    background-color:#178f2d;
}

a.doEdit,
.doSave input {
    /* width: 70px; */
    text-align: center;
}

#ImageForm_file {
    width: 50%;

    -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color: #7b8894;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    color: #fffefe !important;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;
}

#register-form textarea:disabled {
    width: 90%;
    height: 60px;
    padding: 10px;
    margin: 2px 2px 40px 2px;
    /*
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            border: 1px solid #dedede;
    */

    font-size: 14px;
    color: #787878;
    font-weight: normal;
    line-height: 18px;
    /*
            -moz-box-shadow: inset 0 0 5px #999;
            -webkit-box-shadow: inset 0 0 5px #999;
            box-shadow: inset 0 0 5px #999;
    */
}

#register-form textarea:enabled {
    width: 90%;
    height: 60px;
    padding: 10px;
    margin: 2px 2px 40px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #9a9a9a;
    -moz-box-shadow: inset 0 0 5px #999;
    -webkit-box-shadow: inset 0 0 5px #999;
    box-shadow: inset 0 0 5px #999;
    font-size: 13px;
}

.batch_profile_icon:before {
    content: attr(data-icon);
}

.batch_profile_icon {
    font-family: "Batch";
    font-size: 100px;
    line-height: 1;
    margin-top: 5px;
    display: inline-block;
    color: #f1f1f1;
    position: absolute;
    top: 20px;
    right: 20px;
}

form#app-options-form {
    background: #fff;
    padding: 5px 20px;
    border-top: 1px solid #ccc;
}

form#app-options-form label {
    color: #000;
    float: left;
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
}

div.settingsFormField {
    /* border: 1px dotted red; */

    height: auto;
    min-height: 40px;
    margin: 10px auto;

    border-bottom: 1px dotted #e3e3e3;
}

form#app-options-form input.small {
    width: 50%;
    /* height: 10px; */
    padding: 10px;
    /* margin: 2px 2px 10px 2px; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #878787;

    -moz-box-shadow: inset 0 0 5px #999;
    -webkit-box-shadow: inset 0 0 5px #999;
    box-shadow: inset 0 0 5px #999;
    font-size: 10pt !important;
    float: right;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    color: #000 !important;
}

form#app-options-form td {
    display: inline-block;
    float: left;
    width: 19%;
    margin-right: 8px;
}

input.ft_cb {
    display: inline-block;
    float: left;
    margin-top: 4px;
    margin-left: 0px;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    padding: 5px;
}

form#app-options-form table label {
    float: left;
    margin-left: 10px;
    font-size: 14px;
}

form#app-options-form select {
    float: left;
    width: 30%;
    font-size: 16px;
    margin-left: 10px;
}

form#app-options-form input[type="submit"] {
    float: right;
}


/* My Profile Boxes */

div.profileBoxes.row {
    margin: 20px auto;
}

div.profileBoxes.row h3 {
    color: #ccc;
}

div.myProfileBoxes {
    width: 22%;
    margin: 10px;
    display: inline-block;
    float: left;

    /* border: 1px solid #ccc; */
}

div.myProfileBoxes img {
    display: block;
    margin: 0 auto !important;
}

a.deleteItem {
    display: block;
    margin: 10px auto !important;
    text-align: center;
}

div.profile.row div.summary {
    display: none;
}

div.profile.row div.pager:nth-of-type(0) {
    display: none;
}







/* Account History */

div#user-grid.grid-view {
    position: relative;
    background: #fff;
    height: 451px;
    padding: 0;
}

div#user-grid.grid-view div.summary,
div#user-grid.grid-view div.pager {
    position: absolute;
    bottom: 0;
    display: block;
    padding: 5px !important;
    margin: 0;
}

div#user-grid.grid-view div.summary {
    display: none;
    left: 0;
    margin-top: 20px;
    color: #000;
}

div#user-grid.grid-view div.pager {
    right: 0;
    margin-bottom: 5px !important;
    color: #000 !important;
}

div#user-grid.grid-view ul.yiiPager a:link,
div#user-grid.grid-view ul.yiiPager a:visited {
    color: #666 !important;
}

div#user-grid.grid-view th {
    background: #fff;
    color: #000;
    width: 22%;
    height: 30px;
    border: none;
}

div#user-grid.grid-view th,
div#user-grid.grid-view td {
    text-align: center;
}

div#user-grid.grid-view td {
    border: 1px solid #ccc;
}

div#user-grid.grid-view th#user-grid_c0 {
    width: 33%;
}

div#user-grid.grid-view tr.odd,
div#user-grid.grid-view tr.even {
    height: 35px;
}

.grid-view-loading
{
    background:url(loading.gif) no-repeat;
}

.grid-view
{
    padding: 15px 0;
}

.grid-view table.items
{
    background: white;
    border-collapse: collapse;
    width: 100%;
    border: none !important;
}

.grid-view table.items th, .grid-view table.items td
{
    font-size: 0.9em;
    border: 1px white solid;
    padding: 0.3em;
}

.grid-view table.items th
{
    color: white;
    background: url("../../css/BoxItNow/images/bg.gif") repeat-x scroll left top white;
    text-align: center;
}

.grid-view table.items th a
{
    color: #EEE;
    font-weight: bold;
    text-decoration: none;
}

.grid-view table.items th a:hover
{
    color: #FFF;
}

.grid-view table.items th a.asc
{
    background:url("../../css/BoxItNow/images/up.gif") right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items th a.desc
{
    background:url("../../css/BoxItNow/images/down.gif") right center no-repeat;
    padding-right: 10px;
}


.grid-view table.items tr.even
{
    background: #F8F8F8;
}

.grid-view table.items tr.even div.green
{
    background: #c8F8c8;
}

.grid-view table.items tr.even div.red
{
    background: #F8c8c8;
}

.grid-view table.items tr.odd
{
    background: #F1F4E5;
}


.grid-view table.items tr.odd div.green
{
    background: #b5F1c4;
}


.grid-view table.items tr.odd div.red
{
    background: #E5c1c4;
}

.grid-view table.items tr.selected
{
    background: #BCE774;
}

.grid-view table.items tbody tr:hover
{
    background: #ECFBD4;
}

.grid-view .link-column img
{
    border: 0;
}

.grid-view .button-column
{
    text-align: center;
    width: 60px;
}

.grid-view .button-column img
{
    border: 0;
}

.grid-view .checkbox-column
{
    width: 15px;
}

.grid-view .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.grid-view .pager
{
    margin: 5px 0 0 0;
    text-align: right;
}

.grid-view .empty
{
    font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
    width: 100%;
    border: 1px solid #ccc;
}

div.green, div.red
{
    /*     margin: -4px; */
    padding: 5px;
}

.grid-view table.items tr.odd:hover div.green,
.grid-view table.items tr.even:hover div.green
{
    background: #8f8;
}

.grid-view table.items tr.odd:hover div.red,
.grid-view table.items tr.even:hover div.red
{
    background: #f88;
}


/* Information */

#register-form label {
font-weight: normal !important;
font-size: 15px;
line-height: 1.5;
display: inline-block;
position: relative;
    height: 20px;
    padding: 6px;
}

/*
#register-form input {
color: #767676 !important;
}
 */

 #register-form div.row.hideEdit {
 width: 75% !important;
 }

 #register-form div.row.hideEdit label {
 width: 17% !important;
 }

#register-form div.hideEdit input:enabled {
display: inline-block;
position: relative;
    width: 65% !important;
    height: 20px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #767676;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}


#register-form div.hideEdit textarea:enabled {
display: inline-block;
position: relative;
    width: 86% !important;
    height: 100px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #767676;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}



/* Settings */

form#app-options-form h4 {
font-weight: bold;
text-align: center;
margin-top: 35px;
margin-bottom: 30px;
}

form#app-options-form h5 {
font-weight: bold;
text-transform: uppercase;
}

form#app-options-form label {
font-weight: normal !important;
font-size: 15px;
line-height: 1.5;
display: inline-block;
position: relative;
    width: 25%;
    height: 20px;
    padding: 6px;
}

form#app-options-form .row label {
width: 15%;
}

form#app-options-form .ft_cb {
position: relative;
}

form#app-options-form table {
    margin-top: 20px !important;
}

form#app-options-form table td label {
line-height: .3em;
}

form#app-options-form input[type="text"],
form#app-options-form input[type="password"] {
display: inline-block;
position: relative;
    width: 65% !important;
    height: 20px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.settingsFormField {
border-bottom: none !important;
width: 60%;
margin: 0 !important;
position: relative;
display: inline-block;
}

form#app-options-form hr {
border-top: 1px solid #bbb;
}

/*
form#app-options-form .row {
height: 20px;
}
 */

form#app-options-form select {
-webkit-appearance: menulist;
-webkit-rtl-ordering: logical;
align-items: center;
background-color: rgb(255, 255, 255);
border-bottom-color: rgb(0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(0, 0, 0);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(0, 0, 0);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(0, 0, 0);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: none;
border-top-width: 0px;
box-sizing: border-box;
color: rgb(0, 0, 0);
cursor: default;
display: inline-block;
font-family: inherit;
font-size: 11pt;
font-style: normal;
font-variant-caps: normal;
font-weight: normal;
height: 100%;
letter-spacing: normal;
line-height: 2em;
margin-bottom: 2px;
margin-left: 2px;
margin-right: 2px;
margin-top: 10px;
text-indent: 0px;
text-shadow: none;
text-transform: none;
text-align: center;
white-space: pre;
width: 25%;
word-spacing: 0px;
writing-mode: horizontal-tb;


}



/* Subscription Admin */

#userSubscriptionInfo h4 {
font-weight: bold;
text-align: center;
margin-top: 20px;
}

#userSubscriptionInfo .row.hideEdit.onlyView label,
#newCreditCard .row.hideEdit.onlyView label {
font-weight: normal;
font-size: 15px;
width: 30% !important;
}

#userSubscribe h5 {
font-weight: bold;
text-transform: uppercase;
}

#userSubscribe p {
color: #555;
}

#userSubscribe hr {
border-top: 1px solid #bbb;
}

#userSubscribe input[type="text"] {
display: inline-block;
    width: 150%;
    height: 20px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

input#activateCode {
display: inline-block;
position: relative;
float: none;
margin-left: 120px;
margin-top: -2px;
}


#newCreditCard label {
font-weight: normal;
font-size: 15px;
}

#newCreditCard input#profileAddBtn {
float: none;
display: inline-block;
position: relative;
margin: 10px auto;
}




/* Multipack Admin */

#multipackManagement {
padding: 20px;
border: 1px solid #ccc;
}

#multipackManagement h4 {
font-weight: bold;
text-align: center;
margin-top: 20px;
}

#assignedLicenseTable,
#unassignedLicenseTable {
margin-top: 50px;
font-size: 10pt;
text-align: left;
}

#multipackManagement h5 {
font-weight: bold;
text-transform: uppercase;
}

#update-payment-info{
  padding: 20px;
}

#assignedLicenseTable h5 {
color: green;
}

#unassignedLicenseTable h5 {
color: red;
}

#assignedLicenseTable table th,
#unassignedLicenseTable table th {
font-weight: normal;
text-align: center;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
width: auto;
}

#assignedLicenseTable table td,
#unassignedLicenseTable table td {
font-weight: normal;
text-align: center;
width: auto;
padding-left: 10px;
padding-right: 10px;
padding-top: 18px;
padding-bottom: 18px;
color: #767676;
}

#assignedLicenseTable table code,
#unassignedLicenseTable table code {
font-weight: bold;
padding: 4px 4px 2px 4px;
font-size: 10pt;
}

#assignedLicenseTable table tr,
#unassignedLicenseTable table tr {
border-bottom: 1px solid #eee;
}

#assignedLicenseTable table tr:first-child,
#unassignedLicenseTable table tr:first-child {
border-bottom: 1px solid #bbb;
}

#assignedLicenseTable table select,
#unassignedLicenseTable table select {
-webkit-appearance: menulist;
-webkit-rtl-ordering: logical;
align-items: center;
background-color: rgb(255, 255, 255);
border-bottom-color: rgb(0, 0, 0);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(0, 0, 0);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(0, 0, 0);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(0, 0, 0);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: none;
border-top-width: 0px;
box-sizing: border-box;
color: rgb(0, 0, 0);
cursor: default;
display: inline-block;
font-family: inherit;
font-size: 10pt;
font-style: normal;
font-variant-caps: normal;
font-weight: normal;
height: 100%;
letter-spacing: normal;
line-height: 13px;
margin-bottom: 2px;
margin-left: 2px;
margin-right: 2px;
margin-top: 2px;
text-indent: 0px;
text-shadow: none;
text-transform: none;
text-align: center;
white-space: pre;
width: 75%;
word-spacing: 0px;
writing-mode: horizontal-tb;
}



/* Media Manager */

#mediaManager_content div.summary {
    color: #00a9c9;
}


div#filedrag {
    background: transparent;
    color: #00a200;
    font-size: 22px;
    border: 2px dashed #3FBF2D;
    padding: 10px;
    text-align: center;
    display: block;
    /* padding-top: 30px; */
    /* padding-bottom: 30px; */
    font-weight: normal;
    cursor: default;

    margin: 14px auto;

    /* IE 8 */
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; */

    /* IE 5-7 */
    /* filter: alpha(opacity=40); */

    /* Netscape */
    /* -moz-opacity: 0.4; */

    /* Safari 1.x */
    /* -khtml-opacity: 0.4; */

    /* Good browsers */
    /* opacity: 0.4; */

    /*
    -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    */

    transition:All 0.2s ease;
    -webkit-transition:All 0.2s ease;
    -moz-transition:All 0.2s ease;
    -o-transition:All 0.2s ease;
}

div#filedrag.hover {
    background: rgba(61, 207, 42, 0.5);
    color: #fff;
    border-style: solid;
    border-color: #3FBF2D;

    /* IE 8 */
    /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */

    /* IE 5-7 */
    /* filter: alpha(opacity=50); */

    /* Netscape */
    /* -moz-opacity: 0.5; */

    /* Safari 1.x */
    /* -khtml-opacity: 0.5; */

    /* Good browsers */
    /* opacity: 0.5; */
}


#mediaManager_content div.mediaManagerItem {
    /*
            width: 28% !important;
            margin-right: 2.8% !important;
            margin-bottom: 2.8% !important;
            float: left;
            display: inline-block;
            height: 200px;
            padding: 10px;
            position: relative;


            outline: 2px solid #2b2b2b;
    background: rgba(80,80,80,0.9);
    border-top: 1px solid #706e6c;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    */
}

/*
#mediaManager_content div.mediaManagerItem:hover {
        border: 1px solid #686868;
}
*/

#mediaManager_content img {
    /*
            float: right;
            margin-top: 20px;
    */
}

div.items {
    /*margin: 20px auto;*/
}

span.empty {
    color: #fff;

    font-weight: bold;
    font-size: 15px;
    padding-bottom: 0;
}

/*
a.button.deleteFile:link,
a.button.deleteFile:visited {
        color: red;
        display: block;
        position: absolute;
        bottom: 10px;
        right: 10px;
}
*/

div.renameLink {
    position: absolute;
    bottom: 0px;
    left: 10px;
}

div.deleteLink {
    position: absolute;
    bottom: 15px;
    right: 10px;
}

div.nameLabel {
    font-weight: bold;
    color: #fff;
}

div.dateCreatedLabel {
    font-weight: bold;
    color: #fff;
}


input#fileselect {
    /* 	position: absolute; */
    display: none;
    bottom: 0;
    right: 0;
    width: 180px;
}

form#mediaUpload input {
    display: none;
}

.add-mediaPicture-btn {
    position: absolute;
    /* 	bottom: -20px; */
    top: -124px;
    right: 0;
    /* overflow:hidden; */
    cursor:pointer;
    text-align:center;
    -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color: #7b8894;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    color: #fffefe;
    font-family: arial;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 5px 0 5px !important;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;

    color:#fff;display:block;
    width: 15%;
    height:30px;
    float:left;
}

.add-mediaPicture-btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
    background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
    background-color: #565f68;
}


a.doDelete:link,
a.doDelete:visited {
    display: block;
    /* margin-bottom: 0; */
    text-align: center;
    font-weight: bold;
    padding: 6px 12px !important;

    -moz-box-shadow:inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a8a8a8;
    box-shadow:inset 0px 1px 0px 0px #a8a8a8;

    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #FF0303 0%, #B51907 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FF0303 0%, #B51907 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #FF0303 0%, #B51907 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF0303), color-stop(1, #B51907));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FF0303 0%, #B51907 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #FF0303 0%, #B51907 100%);

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    color: #fff;
}

a.doDelete:hover,
a.doDelete:focus {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #B51907 0%, #FF0303 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #B51907 0%, #FF0303 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #B51907 0%, #FF0303 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B51907), color-stop(1, #FF0303));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #B51907 0%, #FF0303 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #B51907 0%, #FF0303 100%);
}




/* Search */

.contentDiv {
    margin-left: auto;
    margin-right: auto;

}

#breadcrumbDiv {
    position: relative;
    top: -35px;
    left: 10px;
}
.searchArea
{
    /*
                    position: relative;
                    top:0px;
                    display: inline-block ;
                    line-height: 30px;
                    margin-left: 0;
                    padding: 4px;
    */
    /*                 padding-left: 4px; */
    /*
                    width:auto;
                    max-width: 400px;
                    min-width: 350px;
                    background: rgba(0,0,0,0.3);
                    font-size: 16px;
                    text-shadow: 1px 1px 1px #797979;
                    border-bottom: 1px solid #4a4a4a;
                    font-weight: bold;
                    color:#dddddd;
                    cursor: pointer;
    */
}
.searchText
{
    /*
                    color: #94bc35;
                    font-size: 18px;
    */
}
.searchArea:hover
{
    /*                 background: rgba(0,0,0,0.4); */
}
#searchMenu
{
    /*
                    position:relative;
                    display:block ;
                    background-color: #fff;
                    margin-bottom:-10000px;
                    top:-10px;
                    z-index:9999;
                    display: none;
                    width:auto;
                    max-width: 400px;
                    min-width: 300px;
                    overflow: hidden;
                    background: #f68400;
    */

    /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAPElEQVQYV2P83cLwnwEHuPmagYERlwKQpLooDgUwSZDBGCYgS2IoQJdEUYBNEq4AlyRYwZV8hv8g1+ICADr6Ib1DjKcTAAAAAElFTkSuQmCC) repeat; */

    /*width:360px;*/
}
.searchCategory
{
    /*                 color: #02cbf4; */
}





/* Register */

div#registerPage {
    margin: 0 auto 30px auto;
}


div#registerPage form#register-form {
    /* background: #fefefe; *//* Light */
    background: transparent;/* Dark */
    border: none;
    padding: 0 !important;
    overflow: visible;
    width: 102%;
}

div#registerPage form#register-form label {
    /* color: #000; *//* Light */
    color: #fff;/* Dark */
    float: left;
    margin-top: 5px;
    font-size: 16px;
}

div.registerFormField {
    height: auto;
    min-height: 40px;
    margin: 20px auto;
    /* border-bottom: 1px dotted #e3e3e3; *//* Light */
    border-bottom: 1px dotted #555555;/* Dark */
}

div.registerFormField label a:link,
div.registerFormField label a:visited {
    color: #00a9c9;
    float: left;
    margin-top: 1px;
    font-size: 16px;
    display: block;
}

div.registerFormField label a:hover,
div.registerFormField label a:focus {
    text-decoration: underline;
}

div.registerFormField.agreeLabel label {
    width: 75%;
    float: none;
}

div.registerFormField.agreeLabel label a:link,
div.registerFormField.agreeLabel label a:visited {
    display: inline;
    float: none;
}

input#RegisterForm_agreement {
    display: inline-block;
    float: right;
    margin-right: 10px;
    /* margin-top: 6px; */
    /* margin-left: 8px; */
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    padding: 10px;
}

div#registerPage form#register-form input.small {
    width: 50%;
    height: 14px;
    padding: 9px;
    /* margin: 2px 2px 10px 2px; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #878787;

    -moz-box-shadow: inset 0 0 5px #999;
    -webkit-box-shadow: inset 0 0 5px #999;
    box-shadow: inset 0 0 5px #999;
    font-size: 10pt !important;
    float: right;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    color: #000 !important;
}

div#registerPage form#register-form input.small {
    line-height: 1em;
}

div#registerPage form#register-form select {
    float: right;
    width: 55%;
    font-size: 15px;
}

div.registerFormField.error {
    position: relative;
}

/*
div.registerFormField.error label a:link,
div.registerFormField.error label a:visited {
        text-decoration: underline !important;
        font-size: 16px !important;
}
*/

div#registerPage form#register-form div.errorMessage {
    line-height: 10px;
    clear: both;
    float: left;
    color: red;
    font-size: 12px;
    position: absolute;
    bottom: 4px;
}

div#registerPage form#register-form span.required {
    color: red;
}

div#registerPage form#register-form h2 {
    /*
width: auto;
    float: left;
    line-height: 30px;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: baseline;
    */
    display: none;/* Dark */
}

div#registerOptions {
    margin: 40px auto !important;
}

div.socialLoginService {
    float: left;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    color: #fff;
}

div.whyRegister {
    /* padding-top: 20px; */
    border-right: 1px solid #6a6a6a;

    /* border-top: 1px solid #ccc; *//* Light */
    /* border-bottom: 1px solid #ccc; *//* Light */

    /* border-top: 1px solid #6a6a6a; *//* Dark */
    /* border-bottom: 1px solid #6a6a6a; *//* Dark */
}

div#registerPage form#register-form h3 {
    color: #00a9c9;
    font-size: 30px;
}

div.whyRegister ul li {
    color: #fff;
    font-size: 18px;
    /* line-height: 22px; */
    list-style: none;
}

div#registerPage form#register-form h4 {
    color: #9b9b9b;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 24px;
    line-height: 28px;
}

div#registerPage form#register-form p {
    /* color: #3b5998; *//* Light */
    color: #4d70bd;/* Dark */
    font-style: italic;
    float: none;
    text-align: left;
    display: inline-block;
    padding-bottom: 0 !important;
    margin-top: 5px;
    margin-right: 10px;
}

div#registerPage form#register-form div.fb-login-button.fb_iframe_widget {
    /* float: right !important; */
    /* width: auto; */
}

div#registerPage form#register-form div.fbLogin {
    /* width: 34% !important; */
    /* margin: 0 auto 25px auto; */
    /* height: 25px; */
    /* float: none; */
    /* text-align: left; */
    /* border: 1px solid #3b5998; *//* Light */
    /* border: 1px solid #1d3464; *//* Dark */
    /* padding: 7px; */
}

/* Credits Info */

/*
div.ui-draggable {
        z-index: 99999999 !important;
}
*/

div#dialog-creditInfo {
    padding: 0 !important;
}

div#dialog-creditInfo h1 {
    background: #666;
    color: orange;
    font-size: 20px;
    padding: 10px !important;
    text-align: center;
    margin: 1px;
}

div#dialog-creditInfo p,
div#dialog-creditInfo ul {
    padding: 5px 15px !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

div#dialog-creditInfo p {
    margin-top: 10px !important;
}

div#dialog-creditInfo ul {
    margin-left: 20px;
    margin-bottom: 5px !important;
}

div#supportedBrowsers p {
    color: #607b22 !important;
}

span#ui-dialog-title-dialog-creditInfo {
    text-align: center !important;
    margin-left: 25% !important;
}

p.phoneRequiredMessage {
    font-size: 14px;
    color: #00a9c9 !important;
}

div.missingInfo.row {
    margin: 50px auto !important;
}

div.missingInfo.row div.errorMessage {
    color: red !important;
}


select#User_measurementUnit {
    width: 100%;
    font-size: 25px;
    margin: 5px auto;
}

div.updateAccount.buttons input[type=submit] {
    float: left !important;
}



/* FAQs */

div.faq.row,
div.supportCenter.row {
    margin: 30px auto;
}

div.faq.row h2,
div.supportCenter.row h2 {
    color: #ccc;
}

div.faq.row p,
div.supportCenter.row p {
    font-size: 16px;
}

p.sectionSubtitle {
    font-size: 18px !important;
    line-height: 22px;
}

div.QandA {
    margin: 20px auto;
}

p.question {
    font-style: italic;
    color: #00a9c9;
}

p.answer {
    color: #ddd;
}

p.answer a:link,
p.answer a:visited,
p.supportLink a:link,
p.supportLink a:visited {
    display: inline-block;
    border-bottom: 1px solid #ccc;
}

p.supportLink {
    margin: 15px auto;
    font-size: 16px;
}


/* Enterprise */

div.enterprise.row,
div.whiteLabel.row {
    margin: 30px auto;
}

ul.benefitsList li {
    line-height: 28px;
    color: #fff;
    font-size: 18px;
    list-style-type: none;
}

ul.benefitsList li:before {
    content:"\2713";
    font-size: 25px;
    padding-right: 5px;
    color: #deff49;
}

div.enterprise.row h2 {
    color: #ccc;
}

p.contact {
    color: #00a9c9;

}

p.call {
    color: #fff;
}

p.call,
p.email {
    font-size: 16px;
}

.batch_contact:before {
    content:attr(data-icon);
}

.batch_contact {
    font-family: "Batch";
    font-size: 24px;
    display: inline-block;
    color: #deff49;
    margin-right: 5px;
}


/* PackageX */

div.packageX.row {
    margin: 30px auto;
}

div.packageX.row h2 {
    color: #ccc;
}


/* Legal */

div.legal.row {
    margin: 30px auto;
}

div.legal.row h2 {
    color: #ccc;
    text-align: center;
}

div.legal.row h3 {
    color: #E28425;
}

p.legalCopy {
    color: #fff;
    font-size: 14px;
    margin-bottom: 30px;
}



/* Tutorials */

div.tutorials.row {
    margin: 40px auto;
}


div.page_description {
    font-size: 14px;
    color: #c2c2c2;
    margin: 20px auto;
    line-height: 18px;
}


/* About */

div#aboutBIN, div.packageX.row {
    margin-bottom: 40px;
}

p.aboutCopy {
    color: #ddd;
    line-height: 22px;
}

p.officeAddress {
    float: left;
    display: inline-block;
    margin-right: 40px;
}

span.address {
    color: #fff;
}

div#aboutBIN ul.benefitsList li {
    font-size: 16px;
    color: #ddd;
}


/* Social Media Icons */



div.social_sprite {
    /* position: relative; */
    margin-top: 10px;
    width: auto;

    /* border: 1px dotted yellow; */
}

div.social_sprite.grid_1 {
    margin-left: 10px !important;
    margin-right: 0;
}

div.social_sprite.grid_1 a div {
    margin-bottom: 5px;
}

div.facebook_icon,
div.twitter_icon,
div.googleplus_icon {
    /* display: inline-block; */
    /* margin-right: 15px; */
}

div.facebook_icon {
    background: url('../../css/BoxItNow/images/social_sprite.png') no-repeat -2px -3px;
    width: 36px;
    height: 36px;
}

div.facebook_icon:hover {
    background: url('../../css/BoxItNow/images/social_sprite.png') no-repeat -2px -40px;
    width: 36px;
    height: 36px;
}

div.twitter_icon {
    background: url('../../css/BoxItNow/images/social_sprite.png') no-repeat -49px -3px;
    width: 36px;
    height: 36px;
}

div.twitter_icon:hover {
    background: url('../../css/BoxItNow/images/social_sprite.png') no-repeat -49px -40px;
    width: 36px;
    height: 36px;
}

div.googleplus_icon {
    background: url('../../css/BoxItNow/images/social_sprite.png') no-repeat -95px -3px;
    width: 36px;
    height: 36px;
}

div.googleplus_icon:hover {
    background: url('../../css/BoxItNow/images/social_sprite.png') no-repeat -95px -42px;
    width: 36px;
    height: 36px;
}





/* Save to Folder Pop-Up */

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons,
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
    /* border-radius: 0px; */
    /* font-family: Arial, sans-serif; */
    /* font-size: 18px; */
    /* line-height: 22px; */
    /* font-weight: bold; */
    /*
            min-width: 300px;
            max-width: 450px;
    */
    /* border: solid 2px #999; */
    /* color: #555; */
    /* background: #fff; */

    /* border: 1px dotted yellow; */
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
    width: auto !important;
    padding: 0 !important;
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable div#itemBox {
    width: auto !important;
}

#dialog-fileTypesExport .row {
    width: 99% !important;
}

span#ui-dialog-title-dialog-fileTypesExport.ui-dialog-title {
    text-align: center !important;
}

.ui-dialog .ui-dialog-content {
    /* background: #fff !important; */
}

div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    border-top: none;
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix,
div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    /* font-size: 20px; */
    /* font-weight: bold; */
    /* text-align: center; */
    /* line-height: 1.75em; */
    /* color: orange; */
    /* background: #CCC url(images/title.gif) top repeat-x; */
    /* background: #666; */
    /* border: solid 1px #FFF; */
    /* border-bottom: solid 1px #999; */
    cursor: default;
    /* padding: 0em; */
    /* margin: 0em; */
    /* border-radius: 0px; */
    text-align: center !important;
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons span.ui-icon.ui-icon-closethick {
    display: none;
}


div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons span#ui-id-2.ui-dialog-title {
    text-align: center !important;
    float: none;
}


div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons div#dialog-copySave.ui-dialog-content.ui-widget-content,
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    background: #fff;
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color: #7b8894;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    color: #fffefe;
    font-family: arial !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 0px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;
}


div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover,
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
    background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
    background-color: #565f68;
}


div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:last-child {
    box-shadow: none;
    background: none;
    color: red;
    text-shadow: none;
    border: none;
    margin-left: 20px;
    margin-right: 20px;
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons a.button.saveCopyExisting,
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons a.button.saveCopyNew {
    -moz-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    box-shadow: inset 0px 1px 0px 0px #a8a8a8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background: -moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: -ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background: linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color: #7b8894;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000000;
    display: inline-block;
    color: #fffefe;
    font-family: arial !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000655;
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons a.button.saveCopyExisting:hover,
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons a.button.saveCopyNew:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
    background: -moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -o-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: -ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background: linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68', endColorstr='#7b8894',GradientType=0);
    background-color: #565f68;
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons a.button.saveCopyExisting {
    float: left;
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons a.button.saveCopyNew {
    float: right;
}

input#Project_projectName,
textarea#Project_projectDesc {
    /* width: 98%; */
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons input,
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons textarea {
    padding: 10px;
    margin: 2px 2px 10px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #878787;
    -moz-box-shadow: inset 0 0 5px #999;
    -webkit-box-shadow: inset 0 0 5px #999;
    box-shadow: inset 0 0 5px #999;
    font-size: 10pt !important;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    color: #000 !important;
    /* width: 98%; */
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons textarea {
    width: 90.5%;
}



/* How to Steps Menu */

div.stepsMenu {
    /* 	margin: 10px auto 10px auto; */
    font-size: 14px;
    position: fixed;
    top: 342px;
    background: #000 url("../../css/BoxItNow/images/background.jpg");
    /* 	z-index: 999; */
}

h2.stepMenuTitle {
    font-size: 30px;
}

div.stepsMenu ul {
    /* margin: 0 auto; */
    /* width: 100%; */
    text-align: left;
    border-right: 1px solid #666;
    width: 99%;
}

div.stepsMenu a:link,
div.stepsMenu a:visited {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    transition-property: color .1s linear 0s;
    -moz-transition: color .1s linear 0s;
    -webkit-transition: color .1s linear 0s;
    -o-transition: color .1s linear 0s;
}

div.stepsMenu a:hover,
div.stepsMenu a:focus {
    color: #00a9c9;
}

div.stepsMenu a.currentSection {
    color: #00a9c9;
}

div.stepsMenu ul li {
    /* display: inline; */
    /* margin-right: 20px; */
    /* color: #ffffff; */
}

/*
div#stepByStep {
        overflow-y: hidden !important;
        display: block !important;
}
*/

div#stepByStep h2 {
    color: #E28425;
    font-size: 30px;
    margin-bottom: 30px;
}

div#stepByStep p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}

div#stepByStep img {
    /* max-height: 350px; */
    border: none;
}

div.steps {
    margin-bottom: 80px;
    padding-bottom: 40px;
    /* border-bottom: 1px solid #666; */
}

a.registerHighlight {
    color: #d14333 !important;
    font-weight: bold;
}

a.registerHighlight:hover {
    color: #ec2812 !important;
}



/* Public/Shared Boxes */

div.publicBoxesTitle.row h2 {
    color: #00a9c9;
}

div.publicBox {
    margin: 0 auto 2px auto;
    outline: 2px solid #2b2b2b;
    background: rgba(80,80,80,0.9);
    border-top: 1px solid #706e6c;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

div.publicBox.row:hover {
    background: rgba(80,80,80,1);
}

div.publicBox.row p {
    padding-top: 10px;
    font-size: 16px;
}

span.folderName {
    color: #fff;
}

a.boxNameLink:link,
a.boxNameLink:visited {
    color: orange;
}

a.boxNameLink:hover,
a.boxNameLink:focus {
    color: #00a9c9;
}

div.sharedBox.row {
    margin: 0 auto 2px auto;
    outline: 2px solid #2b2b2b;
    background: rgba(80,80,80,0.9);
    border-top: 1px solid #706e6c;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

div.sharedBox.row div.grid_4 {
    border-right: 2px solid #2b2b2b;
}

div.sharedBox.row p {
    padding-top: 10px;
    font-size: 16px;
}

a.publicBoxesButton:link,
a.publicBoxesButton:visited {
    -moz-box-shadow:inset 0px 1px 0px 0px #a8a8a8;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a8a8a8;
    box-shadow:inset 0px 1px 0px 0px #a8a8a8;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8894), color-stop(1, #565f68));
    background:-moz-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background:-webkit-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background:-o-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background:-ms-linear-gradient(top, #7b8894 5%, #565f68 100%);
    background:linear-gradient(to bottom, #7b8894 5%, #565f68 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8894', endColorstr='#565f68',GradientType=0);
    background-color:#7b8894;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #000;
    display:inline-block;
    color:#fffefe !important;
    font-family:arial;
    font-size:13px;
    font-weight:bold;
    padding:6px 12px;
    text-decoration:none;
    text-shadow:0px 1px 0px #000655;
    margin-top: 5px;
    margin-left: 20px;
    float:right;
}

a.publicBoxesButton:hover,
a.publicBoxesButton:focus {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #565f68), color-stop(1, #7b8894));
    background:-moz-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background:-webkit-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background:-o-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background:-ms-linear-gradient(top, #565f68 5%, #7b8894 100%);
    background:linear-gradient(to bottom, #565f68 5%, #7b8894 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#565f68',endColorstr='#7b8894',GradientType=0);background-color:#565f68
}

div.publicBoxesLabel p {
    font-size: 16px;
}

table#sharedBoxesTable {
    font-size: 16px;
}

table#sharedBoxesTable th {
    font-size: 16px;
    font-weight: normal;
    color: orange;
}

table#sharedBoxesTable td {
    margin: 0px auto 2px auto;
    padding-left: 15px;
    outline: 1px solid #2b2b2b;
    background: rgba(80,80,80,0.9);
    border-top: 1px solid #706e6c;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    color: #fff;
}

input.sharedBoxesSettings {
    display: inline-block;
    float: left;
    margin: 0 20px 0 5px;
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(1.4);
    -o-transform: scale(2);
    padding: 0px;
}

.mediaManagerSupportedFiles {
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    margin-top: 30px !important;
}

/* Cant Log In? */

h2.loginProblemHeader {
    color: #acacac;
    margin-bottom: 25px;
    margin-top: 20px;
    font-size: 34px;
}

p.loginProblemSubHeader {
    font-size: 18px !important;
    line-height: 22px;
}

div.loginProblemField label {
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 5px;
    display: block;
}

div.loginProblemField input {
    width: 90%;
    height: 10px;
    padding: 10px;
    margin: 2px 2px 10px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000;
    -moz-box-shadow: inset 0 0 5px #999;
    -webkit-box-shadow: inset 0 0 5px #999;
    box-shadow: inset 0 0 5px #999;
    font-size: 10pt !important;
    float: right;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    color: #000 !important;
}

div.loginProblemButton input {
    width: auto !important;
    margin-top: 16px;
    height: 34px;
    float: left;
}

div.loginProblemAdditional a {
    margin: 20px auto 150px 38px;
}

div.loginProblemField div.errorMessage {
    color: red !important;
    margin-left: 5px;
    clear: both;
}



/* White Background */

div.header_background {
    background: #000;
}

div#menu_row.row {
    background-color: #000;
    border-bottom: 4px solid #3FBF2D;
}

div.whyRegister ul li,
ul.benefitsList li,
div#registerPage form#register-form label,
div#stepByStep div.row.steps p,
ul.pricingList li,
table#pricingTable th,
table#pricingTable td,
p.aboutCopy,
span.address,
p.legalCopy,
div.mediaManagerSupportedFiles
{
    color: #3F3F3F !important;
    text-shadow: 1px 1px 1px #fff !important;
}

ul.benefitsList li:before,
ul.pricingList li:before {
    color: #3FBF2D;
}

div.breadcrumbs a:link,
div.breadcrumbs a:visited {
    color: #3F3F3F;
    text-shadow: 1px 1px 1px #fff;
}

div.breadcrumbs a:focus,
div.breadcrumbs a:hover {
    color: #00a9c9;
}

div#registerPage a:link,
div#registerPage a:visited {
    color: #E28425;
}

div#registerPage a:focus,
div#registerPage a:hover {
    color: #00a9c9;
}

div#stepByStep h2 {
    color: #0094AF;
}

div.stepsMenu {
    background: none;
}

div.stepsMenu a:link,
div.stepsMenu a:visited {
    color: #3F3F3F;
    text-shadow: 1px 1px 1px #fff;
}

div.stepsMenu a:focus,
div.stepsMenu a:hover {
    color: #0094AF;
}

div.tutorialGetStartedBanner {
    background: #f98f0e;
    color: #fff !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 20px;
    padding-top: 2px;
    /* margin-bottom: 20px; */
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-width: 300px;
    border: none !important;
}

div#stepByStep div#stepRegister.row.steps div.tutorialGetStartedBanner p {
    color: white !important;
    text-shadow: none !important;
}


th#registerCTA a:link,
th#registerCTA a:visited {
    color: #1FFF00 !important;
}

th#registerCTA a:hover,
th#registerCTA a:focus {
    color: #1FFFFF !important;
}

p.email a:link,
p.email a:visited {
    color: #E28425;
}

p.email a:focus,
p.email a:hover {
    color: #00a9c9;
}

.batch_contact {
    color: #3FBF2D;
}

table#pricingTable > tbody > tr:first-child {
    background: #fb8400;
}

table#pricingTable th {
    color: #fff !important;
    text-shadow: none !important;
}

div.faq.row h2,
h2#supportCenter,
h2#contactUs,
div.legal.row h2
{
    color: #0094AF;
}

p.question {
    color: #3FBF2D;
}

p.answer {
    color: #3F3F3F;
    text-shadow: 1px 1px 1px #fff;
}

p.answer a:link,
p.answer a:visited,
p.supportLink a:link,
p.supportLink a:visited {
    color: #E28425;
}

p.answer a:focus,
p.answer a:hover,
p.supportLink a:focus,
p.supportLink a:hover {
    color: #00a9c9;
}

/*
div#filedrag {
        background: transparent;
        color: #3FBF2D;
        opacity: 1;
}

div#filedrag.hover {
        color: #0094AF;
        background: #000;
}
*/

div.profileBoxes.row h3 {
    color: #0094AF;
}

a.title:link,
a.title:visited {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    /* border: 1px solid #262626; */
}

a.title:hover,
a.title:focus {
    background: #da7500 !important;
    color: #fff !important;
}





div#footer_bg {
    background-color: #000;
}



.ui-dialog .ui-dialog-title {
    float: none !important;
}


/* Design Studio More Options Pop-up */

#mediaManager_content ul.popupMenu,
ul#menu.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    list-style-type: none !important;
    background: #F5F5F7;
    padding: 10px;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    -webkit-box-shadow: 0 14px 30px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 14px 30px rgba(0,0,0,0.6);
    -ms-box-shadow: 0 14px 30px rgba(0,0,0,0.6);
    -o-box-shadow: 0 14px 30px rgba(0,0,0,0.6);
    box-shadow: 0 14px 30px rgba(0,0,0,0.6) !important;

    border: 1px solid #999999;
}

#mediaManager_content ul.popupMenu li,
ul#menu.ui-menu.ui-widget.ui-widget-content.ui-corner-all li {
    padding-left: 10px;
    padding-top: 4px;
}

#mediaManager_content ul.popupMenu li a:link,
#mediaManager_content ul.popupMenu li a:visited,
ul#menu.ui-menu.ui-widget.ui-widget-content.ui-corner-all li a:link,
ul#menu.ui-menu.ui-widget.ui-widget-content.ui-corner-all li a:visited {
    color: #5b5b65 !important;
    font-size: 14px !important;
    font-family: "HelveticaNeueMedium","HelveticaNeue-Medium","Helvetica Neue Medium","HelveticaNeue","Helvetica Neue",Helvetica,Arial !important;
    font-weight: normal !important;
    text-shadow: 0 1px 0 #fff !important;
}

#mediaManager_content ul.popupMenu li a:hover,
#mediaManager_content ul.popupMenu li a:focus,
ul#menu.ui-menu.ui-widget.ui-widget-content.ui-corner-all li a:hover,
ul#menu.ui-menu.ui-widget.ui-widget-content.ui-corner-all li a:focus {
    color: red !important;
}


/* Hacks */
.placeholder {
    color: #aaa;
    height: 20px;
    line-height: 12px;
}
input { line-height: 12px \9 }
/* IE8 Hack */
@media \0screen {
    div#menu_row.row { background-color: #000 }
    div#footer_bg { background-color: #000 }
}

.pageBot
{
    display:block;background-color:#fff;width:100%;position:relative;top:-2px;left:2px;padding: 0;margin:0;overflow: visible;
    border: 2px solid #eee;

    transform:rotate(2.5deg);
    -ms-transform:rotate(2.5deg); /* IE 9 */
    -webkit-transform:rotate(2.5deg); /* Safari and Chrome */
}
.pageTop
{
    width:100%;position:relative;top:2px;left:-2px;padding: 0;margin:0;background-color:#fff;
    border: 2px solid #eee;

    transform:rotate(-2.5deg);
    -ms-transform:rotate(-2.5deg); /* IE 9 */
    -webkit-transform:rotate(-2.5deg); /* Safari and Chrome */

    -webkit-box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 17px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 17px rgba(0, 0, 0, 0.5);
}


.ui-menu-item a
{
    color: #333;
}

@-moz-document url-prefix() {

    input.small {
        height: auto !important;
        line-height: 14px !important;
    }

    div#registerPage form#register-form input.small {
        height: auto !important;
        line-height: 14px !important;
    }

    div.stepsMenu {
        margin-left: -950px !important;
    }

    #mediaManager_content div.mediaManagerItem {
        box-shadow: none !important;
    }

    div.savedBox {
        outline: none !important;
    }

    #register-form div.hideEdit input,
    #register-form div.hideEdit input:enabled {
        height: auto !important;
    }

    .doEdit {
        float: none !important;
        /*margin-left: -120px !important;
        position: relative;
        left: 120px;*/
    }

    form#app-options-form select {
        font-size: 18px !important;
    }


    /***** Screen Bigger than 960px *****/
    @media only screen and (min-width:1200px) {

        div.stepsMenu {
            margin-left: -1180px !important;
        }

    }


    /***** Tablet (Smaller than 959px) *****/
    @media only screen and (min-width: 768px) and (max-width: 959px) {

        div.stepsMenu {
            margin-left: -755px !important;
        }

    }





}




#relogin-dialog-modal div.form form#login-form a.registerLink.link {
    bottom: -30px !important;
}
#relogins-dialog-modal a.registerLink.link, #relogin-dialog-modal div.form form#login-form a.registerLink.link {
    color: #5b5b65 !important;
    font-size: 12px !important;
    font-family: "HelveticaNeueMedium","HelveticaNeue-Medium","Helvetica Neue Medium","HelveticaNeue","Helvetica Neue",Helvetica,Arial !important;
    font-weight: normal !important;
    text-shadow: 0 1px 0 #fff !important;
    text-align: center !important;
    width: 99% !important;
    margin: 0 auto !important;
    padding: 20px auto;
    position: absolute !important;
    bottom: 10px !important;
}

a.registerLink.link {
}
a.registerLink:visited {
    color: #999;
    text-decoration: none;
    outline: 0;
}
a.registerLink:link {
    color: #999;
}

#guest-options {
    position:relative;
    left:20px;
}


div#itemBox div.view div a.title {
    background-color: #6B8982;

}

a.title:hover, a.title:focus {
    background: #f1bc7c !important;
}


body {
    color: #6B8982 ;
    color: #6B8982;
}

div#tab-container.tab-container {
    background: #6B8982 !important;
    background: #6B8982 !important;

}

.tab {
    border-color: #165EBE !important;
}

.tab:hover {
    background: #f1bc7c !important;
}

#studioPanel {
    outline: none;
}

.tab.active {
    border-color: #6B8982 !important;
}

.tab.active:hover {
    background: #f1bc7c !important;
}

p.searchInfoItemName {
    color: #f1bc7c !important;
    color: #6B8982 !important;
}

div.searchResult.row:hover p.searchInfoItemName {
    color: #86cEff !important;

    color: #6B8982 !important;
}

.searchResult:active {
    opacity: 0.8;
}

.tab a.active {
    color: #fff !important;
}


body {
    /*background: #fff url(/binwhitelabel/css/BoxItNow/images/homeBG.jpg) !important;*/
}

#v3dPanel {
    /*border: 1px solid #333 !important;*/
}


.rsDefault .rsThumbsVer {
    background: #6B8982 !important;
}

.mediaContentTitle {
    color: #6B8982 !important;
}

.mediaFolderName:hover {
    color: #f1bc7c !important;
}

p.answer a:link, p.answer a:visited, p.supportLink a:link, p.supportLink a:visited {
    color: #165EBE !important;
}

.rootFolder .drawerContainer .folderBox:hover  {
    color: #f1bc7c !important;
}

.rootFolder .mediaFileBox:hover .mediaFileBoxText {
    color: #f1bc7c !important;
}

.searchResult.row   {
    position:relative;
}

.itemNumber {
    /*position: absolute;
    bottom:10px;
    left:10px;*/
    font-size: 16px;
    color: #6B8982 !important;
    font-weight: bold;
}


/* Pop-up X button fix */

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
margin-top: 0;
}