/* -- admin.css -- */

/* Baselines and Resets */
*,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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
    {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: helvetica, arial, sans-serif;
}

fieldset,img {
    border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}

strong {
    font-weight: bold !important;
}

em {
    font-style: italic;
}

caption,th {
    font-weight: bold;
    text-align: left;
}

th {
    padding: 5px 10px;
}

th[class|="type"] {
    cursor: pointer;
}

abbr,acronym {
    border: 0;
}

ol,ul {
    list-style: none;
}

button,label[for],input[type=reset],input[type=button],input[type=submit],input[type=radio],input[type=checkbox]
    {
    cursor: pointer;
}

/* Body #F8F8FF f0ffff*/
html,body {
    margin: 0;
    padding: 0;
    background-color: #f5f5dc;
    color: #333;
    text-align: left;

    min-width: 1024px;
    height: 100%;
}

#allwrap {
    width: 100%;
    margin: 0 auto;
    min-height: 97%;

}

#content {
    padding: 10px 20px;
}

#footer {
    margin: 0;
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
    font-size: 0.6em;
    height: 15px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    bottom: 0px;
    width: 100%;
    position: fixed;
    background-image: -moz-linear-gradient(center top, #444 30px, #333 100%);
}

#footer a {
    color: green;
    font-weight: bold;
}
/* Links */
a {
    color: #900;
    text-decoration: none;
    xborder-bottom: 1px dotted #900;
}

a:visited {
    color: #600;
    border-bottom: 1px solid #600;
}

a:active,a:hover {
    color: #600;
    border-bottom: 1px solid #600;
}

/* Headings */
#header {
    margin: 0;
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
    font-size: 1em;
    height: 50px;
    font-weight: normal;
    text-align: right;
    text-transform: uppercase;
    white-space: nowrap;
    background-image: -moz-linear-gradient(center top, #444 30px, #333 100%);
}

h1 {
    color: #222222;
    font-size: 1.8em;
    font-weight: 300;
    margin: 0 0 10px;
}

#breadcrumbs {
    text-transform: capitalize;
}

h2 {
    xbackground: #DDDDDD;
    color: #335577;
    font-size: 1.3em;
    font-weight: 200;
    margin: 0;
    padding: 10px 7px;
}

h3 {
    margin: 10px 0;
    padding: 0;
    font-size: 1.1em;
    font-weight: normal;
    color: #333;
    text-transform: uppercase;
}

h4,h5,h6 {
    margin: 6px 5px;
    padding: 5px;
    font-size: .95em;
    font-weight: bold;
}

.option-links h4 {
    color: #EF15E8;
    font-size: 2em;
    font-weight: bold;
    margin: 0 0 9px;
    padding: 0;
}

.small-text {
    font-size: 12px;
    vertical-align: middle;
}

.dim {
    opacity: .4;
}

#header a,#header a:visited {
    color: #fff;
    text-decoration: none;
    border-bottom: 0;
}

#header a:active,#header a:hover {
    color: #efefef;
    border-bottom: 0;
}

/* Nav */
#nav-bg {
    height: 40px;
    background-image: linear-gradient(top, #26CC6B 0, #039933 100%);
    background-image: -o-linear-gradient(top, #26CC6B 0, #039933 100%);
    background-image: -moz-linear-gradient(top, #26CC6B 0px, #039933 100%);
    background-image: -webkit-linear-gradient(top, #26CC6B 0, #039933 100%);
    background-image: -ms-linear-gradient(#26CC6B, #039933);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#26CC6B),
        to(#039933));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #26CC6B),
        color-stop(1, #039933));
    background-color: #039933;
}

#nav ul {
    float: left;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

#nav li {
    float: left;
    margin: 0;
}

#nav li a,#nav li a:visited {
    float: left;
    color: #fff;
    height: 28px;
    padding: 12px 20px 0;
    border-right: 1px solid #66CE89; #769 ED4;
    text-shadow: 0 -1px 0 #044237;
    border-bottom: none;
    font-family: arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

#nav li a:active {
    color: #fff;
    background-color: #3D6BB2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#nav li a:hover {
    color: #fff;
    -moz-transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    background-color: #18913E;
    border-bottom: none;
}

#nav li a.selected,#nav li a.selected:hover {
    background-image: linear-gradient(top, #1A870E 0, #63C159 100%);
    background-image: -o-linear-gradient(top, #1A870E 0, #63C159 100%);
    background-image: -moz-linear-gradient(top, #1A870E 0, #63C159 100%);
    background-image: -webkit-linear-gradient(top, #1A870E 0, #63C159 100%);
    background-image: -ms-linear-gradient(top, #1A870E 0, #63C159 100%);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1A870E),
        to(#63C159));
    color: white;
    -webkit-box-shadow: inset 1px 1px 0 #27A01C, inset -1px -1px 0 #27A01C;
    -moz-box-shadow: inset 1px 1px 0 #27A01C, inset -1px -1px 0 #27A01C;
    box-shadow: inset 1px 1px 0 #27A01C, inset -1px -1px 0 #27A01C;
    cursor: pointer;
    text-shadow: 0 1px 0 #000;
    border-bottom: none;
}

#nav ul.admin-right {
    position: absolute;
    right: 0;
}

#nav ul.admin-right a {
    border-right: none;
    border-left: 1px solid #66CE89; #769 ED4;
    margin: 0;
}

#side-nav {
    float: left;
    width: 108px;
    height: 100%;
    border-right: 1px solid #c3c3c3;
    background: #ddd;
}

#side-nav a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #C3C3C3;
    background: #fff;
}

#side-nav a.selected {
    color: #fff;
    background: #00DDA6;
}
/* Forms */
input,textarea {
    border: 1px solid #a3a3a3;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 3px 0;
    padding: 3px 5px;
}

input[type="submit"],input[type="reset"] {
    xbackground-color: #900;
    xcolor: #efefef;
    xpadding: 5px;
    xfont-weight: bold;
    margin: 10px 0;
}

.btn {
    display: inline-block;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),
        to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
        endColorstr='#e6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=            false);
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
        rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
        rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
        rgba(0, 0, 0, 0.05);
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=            false);
    *margin-left: .3em;
}

.btn:hover {
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn.active,.btn:active {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
        rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
        rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
        rgba(0, 0, 0, 0.05);
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    outline: 0;
}

.btn-success,.btn-success:hover,.btn-primary,.btn-primary:hover,.btn-danger,.btn-danger:hover
    {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
}

.btn-primary {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc),
        to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',
        endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=            false);
}

.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]
    {
    background-color: #0044cc;
}

.btn-primary:active,.btn-primary.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-success {
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -ms-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462),
        to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(top, #62c462, #51a351);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',
        endColorstr='#51a351', GradientType=0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=            false);
}

.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]
    {
    background-color: #51a351;
}

.btn-success:active,.btn-success.active {
    background-color: #408140 \9;
}

.btn-danger {
    background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b),
        to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(top, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',
        endColorstr='#bd362f', GradientType=0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=            false);
}

.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]
    {
    background-color: #bd362f;
}

.btn-danger:active,.btn-danger.active {
    background-color: #942a25 \9;
}

/* Search */
#header #search-form {
    width: 370px;
    float: left;
}

#header #search-form form {
    margin: 0;
}

#header form input {
    height: 30px;
    color: #333;
    font-size: 10px;
    padding: 0px 5px;
    vertical-align: middle;
    font-size: .95em;
    font-weight: bold;
    border: 1px solid #111;
}

#header form input#s {
    background-color: #fff;
    letter-spacing: .1em;
}

#header form input[type="submit"] {
    background-color: #efefef;
    color: #333;
}

#header form input[type="submit"]:hover {
    background-color: #dfdfdf;
}

#header #title {
    float: left;
    margin: 15px 30px 15px 0;
}

#header #title a {
    font-size: 17px;
}

/* Tables */
table#product-values,table#config-values,table#app-values,table#authtoken-values,table#sub-info-values
    {
    margin: 0;
    padding: 0;
    border: 0;
}

#product-values th,#config-values th,#app-values th,#authtoken-values th,#sub-info-values th
    {
    margin: 0;
    padding: 5px 5px;
    vertical-align: middle;
    text-align: left;
    font-weight: bold;
    font-size: .85em;
    text-transform: uppercase;
    letter-spacing: .01em;
}

#product-values td,#config-values td,#app-values td,#authtoken-values td,#sub-info-values td
    {
    margin: 0;
    padding: 3px 5px;
    vertical-align: top;
    text-align: left;
    font-size: .9em;
}

.field-label {
    text-align: right !important;
    font-weight: bold;
    font-size: .85em;
}

/* Sections */
#cnee-login {
    margin: 100px auto;
    text-align: center;
    width: 320px;
    float: none;
}

#admin_login_form {
    margin: 0 auto;
    width: 275px;
}

#admin_login_form table {
    padding: 20px 0;
}

#admin_login_form input[type="submit"] {
    float: right;
}

#info {
    padding: 5px 0;
    text-align: right;
    text-transform: lowercase;
}

#appstatus {
    margin: 3px 0;
    font-size: .85em;
}

#loginstatus {
    margin: 10px 0;
    font-weight: bold;
}

.error {
    color: #900;
    margin: 20px 0 10px 40px;
    padding: 5px;
    font-weight: bold;
}

#loginstatus a {
    border-bottom: 0;
}

#section-nav {
    float: left;
}

#section-nav ul {

}

#section-nav li {

}

#section-nav a {
    display: block;
    border-bottom: none;
    background: #E3E3E3;
    border-bottom: 1px solid #C3C3C3;
    padding: 20px 15px;
    font-size: 20px;
}

#section-nav a.selected {
    background: #75F9A1;
}

.section {
    border: 1px solid #CCCCCC;
    margin: 0 0 0 10px;
    padding: 0;
    line-height: 1.4em;
    min-width: 150px;
    min-height: 231px;
    background: #fff;
    background: -moz-linear-gradient(top, #ddd 0%, #fff 200px);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddd),
        color-stop(200px, #fff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ddd 0%, #fff 200px);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ddd 0%, #fff 200px);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ddd 0%, #fff 200px); /* IE10+ */
    background: linear-gradient(to bottom, #ddd 0%, #fff 200px); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(            startColorstr='#dddddd',
        endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.section-body {
    padding: 0 10px;
}

.section-body .form-spacing li {
    margin: 10px 0;
}

.row {
    clear: both;
    margin: 0 0 0 -10px;
}

.span {
    width: 20%;
    float: left;
    margin: 0 0 10px 0;
}

.span2 {
    width: 40%;
}

.span3 {
    width: 60%;
}

.span33 {
    width: 33%;
}

.span33 .section {
    height: 380px;
}

.span4 {
    width: 80%;
}

.span5 {
    width: 100%;
}

.left {
    float: left;
}

#pointers-list ol {
    list-style: decimal;
    margin: 0 0 0 15px;
}

#status-module,#activity-module {
    position: relative;
    min-width: 300px;
}

#refresh-status,#refresh-activity {
    position: absolute;
    top: 9px;
    right: 9px;
}

#status-module li {
    font-weight: bold;
}

#status-module li span {
    font-weight: normal;
}

.refresh-btn a {
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url('/js/ext/images/access/grid/refresh.gif') no-repeat;
    border: none;
}

.collapsable {
    position: absolute;
    top: 6px;
    right: 7px;
}

.collapsable a {
    display: block;
    width: 11px;
    height: 13px;
    text-indent: -9999px;
    background: url('/js/ext/images/access/grid/group-expand-sprite.gif')
        no-repeat;
    background-position: 0 0px;
    border: none;
}

.collapsable.collapse a {
    background-position: 0 -50px;
}

.hide-body {
    min-height: 0;
}

.hide-body .section-body {
    display: none;
}

.loading {
    background: url('/css/images/loading.gif') no-repeat;
}

#app-list .section-body {
    xheight: 338px;
    xoverflow-y: scroll;
    xoverflow-x: hidden;
}

#app-list.full {
    width: 100%;
}

#app-list.full .section-body {
    height: auto;
    overflow: hidden;
}

#app-details {
    display: block !important;
}

#app-manage {
    float: left;
    width: 100%;
    clear: both;
    border: none;
    background: none;
    filter: none;
    margin: 0 0 0 10px;
}

#app-configure input[type="submit"] {
    margin: 10px 0;
}

.section table tr td {
    padding: 5px 10px;
}

.section table tr td.x-grid3-cell {
    padding: 0;
}

#cnee-login.section table tr td {
    border: none;
}

#cnee-activity table {
    width: 320px;
}

#cnee-activity table tr td {
    text-align: center;
}

#app-list h3 {
    margin: 0 0 10px;
    padding: 0;
}

#app-list li {
    float: left;
    width: 100px;
    margin: 0 15px 0 0;
    min-height: 190px;
    position: relative;
}

#app-list li img {
    width: 100%;
    min-height: 138px;
}

#app-list .options,#app-list .options .opacity-layer {
    position: absolute;
    top: 0;
    height: 138px;
    width: 100px;
}

#app-list .options .opacity-layer {
    background: #000000;
    opacity: 0.75;
    z-index: 1;
}

#app-list .options {
    display: none;
    color: #FFFFFF;
    text-align: center;
}

#app-list .options .option-links {
    position: relative;
    top: 22px;
    z-index: 100;
}

#app-list .options .option-links p {
    margin: 0 0 3px 0;
}

#app-list .options .option-links a {
    font-size: 11px;
    color: #fff;
    line-height: 13px;
}

#app-list .options .option-links a:hover {
    color: #ff0;
}

#app-list a {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 0;
}

#url-list {
    width: 100%;
}

#cnee-events {
    clear: both;
    margin: 10px 0;
    overflow: auto;
    width: 100%;
}

#cnee-events .section-body {
    padding: 5px;
}

#url-list th,#latest-events th {
    font-weight: bold;
    padding: 5px;
    background: #ccc;
}

#latest-events td {
    padding: 5px;
}

table#event-values {
    width: 90%;
}

#app-config {
    clear: both;
}

#config-values textarea {
    width: 580px;
}

#app-config input[type="submit"] {
    background-color: #900;
    color: #efefef;
    padding: 5px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 520px;
}

#app-admin-options {
    display: block !important;
    width: auto;
}

#app-values {
    width: 580px;
}

#profile-status {
    color: #666;
}

#app-list,#amg-user,#profile-authtokens,#profile-cds-receipts,#profile-apple-receipts,#profile-receipt-details,#profile-amazon-receipts,#profile-amazon-eink-receipts,#andros-redeemed-coupons
    {
    position: relative;
    overflow: auto;
    xwidth: 100%;
}

#profile-cds-receipts .section-body,#profile-apple-receipts .section-body,#profile-amazon-receipts .section-body,#profile-amazon-eink-receipts .section-body,#andros-redeemed-coupons .section-body
    {
    xmax-height: 400px;
    xoverflow-x: hidden;
    xoverflow-y: scroll;
}

#profile-cds-receipts .receipt,#profile-apple-receipts .receipt,#profile-amazon-receipts .receipt,#profile-amazon-eink-receipts .receipt,#andros-redeemed-coupons .receipt
    {
    float: left;
    margin: 0 15px 0 0;
    min-height: 200px;
}

#profile-cds-receipts .receipt-image,#profile-apple-receipts .receipt-image,#profile-amazon-receipts .receipt-image,#profile-amazon-eink-receipts .receipt-image,#andros-redeemed-coupons .receipt-image
    {
    float: left;
    margin: 0 15px 0 0;
}

#profile-cds-receipts .receipt-info,#profile-apple-receipts .receipt-info,#profile-amazon-receipts .receipt-info,#profile-amazon-eink-receipts .receipt-info,#andros-redeemed-coupons .receipt-info
    {
    float: left;
    margin: 0 15px 0 0;
}

.receipt-info h4,.receipt-info h4,.receipt-info h4 {
    color: #42A400;
    font-size: 14px;
    margin: 0 0 6px;
    padding: 0;
}

#profile-cds-receipts .receipt-details,#profile-apple-receipts .receipt-details,#profile-amazon-receipts .receipt-details,#profile-amazon-eink-receipts .receipt-details,#andros-redeemed-coupons .receipt-details
    {
    word-wrap: break-word;
}

.receipt-details .collapsable {
    position: static;
    float: right;
    margin: 3px 0 0;
}

.cds-orders {
    clear: both;
    padding: 10px 0 0 0;
}

.cds-orders-container.hide-body {
    display: none;
}

.cds-orders li {
    border: 1px solid #BFCFD6;
    margin: 0 0 5px;
    padding: 3px 7px;
}

.receipt-info .cds-orders li h4 {
    font-size: 14px;
    margin: 5px 0;
    padding: 0;
    text-align: center;
    background: #ddd;
    color: #575496;
}

#message {
    color: red;
    font-weight: bold;
}

img.profile-covers {

}

.acctdesc-hdr {
    font-weight: bold;
    font-family: verdana;
    font-size: 10;
}

.product-txt-count-error {
    color: red;
    font-weight: bold;
}

#app-details {
    width: auto;
}

#newProductButtonContainer {
    float: left;
    clear: both;
    padding: 0 0 20px;
}

div#prodGrid {
    clear: both;
    height: 500px;
    margin: 0;
    position: relative;
    float: left;
}

form#featuredProductsForm {
    font-family: verdana;
    font-size: 1.25em;
    margin: 20px 0 10px 80px;
}

div#submitFeaturedBtnContainer {
    position: relative;
    margin-left: 350px;
}

.anyDiv {
    margin: 20px 0 10px 80px;
}

/*audit.jsp*/
#audit .section-body {
    position: relative;
}

#actionCodes {
    position: relative;
    height: 100px;
    width: 350px;
    margin: 10px 0 30px 0;
}

#actionCodes #ext-gen6 {
    width: 100% !important;
}

#actionCodes #actionCodeCombo {
    width: 311px !important;
}

#actioncode-events {
    position: relative;
    height: 600px;
    margin: 0 0 20px 0;
}

.featuredDropdown {
    border-style: solid;
    border-width: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.mobile-version {
    text-align: center;
    padding: 0 0 10px 0;
}

#urlPatternCreation p {
    padding: 3px;
}

#urlPatternCreation li {
    list-style-position: inside;
    margin-left: 2em;
    list-style: disc;
}

.promotionStats,.couponBatchStats {
    height: 100%;
    width: 100%;
    display: inline;
}

.promotionStats.loading-indicator,.couponBatchStats.loading-indicator {
    height: 16px;
    width: 16px;
    display: block;
}

.box {
    display: none;
    width: 300px;
    margin: 0 0 15px;
    padding: 10px;
    border: 1px solid #4777AF;
    background: #6797CF;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: inset 0 0 0 1px #87B7FF;
    -webkit-box-shadow: inset 0 0 0 1px #87B7FF;
    box-shadow: inset 0 0 0 1px #87B7FF;
    color: #fff;
    display: none;
}

.box .actorHeader {
    cursor: pointer;
    color: #fff;
    font-weight: bold;
}

.box.gigante {
    width: 550px;
    height: 780px;
}

/**** Transitions ****/
.masonry,.masonry .masonry-brick {
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.masonry {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.label {
    background-color: #262626;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin: 5px;
}

.label.CneeClient {
    background-color: #262626;
}

.label.AccessProvider {
    background-color: green;
}

.label.EntitlementProvider {
    background-color: orange;
}

.masonry .masonry-brick {
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -ms-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;
}

.roleDetails {
    display: none;
}

.gigante .roleDetails {
    display: inherit;
}

.medium-text {
    font-size: 1.2em;
}

.separator {
    border: 1px solid #DDD;
    margin-top: 10px;
}

.buttonstyle {
    font-size: 14px;
    font-weight: bold;
}

.buttonstyleTest {
    font-size: 14px;
    font-weight: bold;
    margin-left: 8em;
}


hr
{
    border:solid 1px #d9d9d9;
    width: 96%;
    height: 0px;
    margin: 20px;
}