@import url("_base_desktop-deals.css");

/* This stylesheet contails only styles specific for 'deals/backend' */
/* --- General styles --- */

/* reset */

/* links */
a:link {
	color: #4da0d0;
}

a:visited {
	color: #4e9c23;
	text-decoration: none;
}

a:hover {
	color: #4e9c23; 
	text-decoration: none;
}

a:active {
	color: #4e9c23; 
	text-decoration: none;
}

/* headings */

/* other elements, tags */
p {
	line-height: 1.7em;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}	

ul li {
	list-style: none !important;
}

/* --- helper styles --- */
/* pointers */
.pointer {
	cursor:pointer;
}

/* Hilights */

/* forms */

textarea {
	font-family: arial, sans-serif;
}

/* notifications and errors */
.foot-note {
	font-size: 12px;
	color: #999;
}

/* buttons */
.button {
	background-repeat:repeat-x;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	
	padding:5px;
	
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.button-yellow {
	background-image:url("/kaskado-media/internal/image/desktop/customer_signup_btn.png");
	color:#FFFFFF;
	border:1px solid #E8CA09 !important;
}

.button-blue {
	background-image:url("/kaskado-media/internal/image/desktop/customer_login_btn_blue.png");
	color:#FFFFFF;
	border:1px solid #0087D5 !important;
	
}

.button-signup-customer {
	padding:7px 30px;
	cursor:pointer;
}

/* alignment */
.clear-left {
	clear: left;
}

.clear-left-margin {
	clear: left;
	margin: 0 0 8px 0;
	padding: 0;
}

.clear-right {
	clear:  right;
}

.clear-both {
	clear: both !important;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.text-align-right {
	text-align: right;
}

.text-align-left {
	text-align: left;
}

.no-margin {
	margin: 0px !important;
}
/* consistant items with normally just one class */

/* modal */
div#modal-window {
	margin-left: -515px;
	width:1000px;
}

/* start page */

.login-html {
	width: 624px;
	margin-right:10px;
}

form.signup-login-form label {
	color: #666;	
	margin-top: 10px;
	display: block;
}

form.signup-login-form input {
	font-size: 20px;
}

div.inner-container {
	background-color: #e7e7e7;
	
	background-image: -webkit-gradient(linear, 0% 10%, 0% 0%, from(#e7e7e7), to(#f5f5f5));
	
	background-image: -moz-linear-gradient(
    center top,
	 #f5f5f5 0%,
    #e7e7e7 10%
	);
	
	-webkit-box-shadow: 0px 0px 40px #e7e7e7;
	-moz-box-shadow: 0px 0px 40px #e7e7e7;
	box-shadow: 0px 0px 40px #e7e7e7;
	
	border: 1px solid #aaa;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;

	font-size: 14px;
	
	padding: 15px;
	margin: 10px 0px;	
	
	clear: both;
}

div.inner-container h1 {
	color:#333;
	text-shadow: 0px 1px 0px #fff;
}

div.inner-container p {
	margin: 20px 0;
}

/* end start page */

/* data tables */

#promotions_weightning_tabel {
	float:left;	
}

.dataTables_length,#save-weight {
	margin-bottom:10px;
	float:left;	
}

.dataTables_filter,.dataTables_info {
	margin-bottom:10px;
	float:right;	
}


/* --- page structure --- */
/* wrapping */
div#wrap {
	width: 1000px;
	margin: 0 auto;
}

div#wrap.outside {
	margin: 0 auto;
	width: 960px;
}

/* header */
img#header-corner {
	float: right;
}

div#header {
    height: 64px;
}

/* content */
div#content {
	width:1000px;
    clear: both;
}

div#content.outside {
    padding: 32px 4px 32px 4px;
    clear: both;
}

/* footer */
div#footer {
	clear:both;
}

/* overrides */
div#collection-header, div#collection-navigation-wrap,div#footer div#footer_legal {
	width:1000px;
}

div#footer  {
	width: 980px;
}

div#collection-wrap {
	padding: 10px;
	width: 980px;
}
 
div#collection-navigation-wrap a.collection-navigation-tab {
	padding: 4px 0px 1px;
	background-image: none;
}

div#collection-navigation-wrap a.collection-navigation-tab:link {color:#666;}
div#collection-navigation-wrap a.collection-navigation-tab:visited {color:#666;}
div#collection-navigation-wrap a.collection-navigation-tab:hover {color:#333;}
div#collection-navigation-wrap a.collection-navigation-tab:active {color:#000;}

// tempfix until we brand the content to on backside
#promotions ul#promo-links {
	width:none;
	background-color: transparent;
	border: none;
}

/* --- page components --- */

/* navigation */
ul#user-links {
    height: 20px;
    margin: 6px 0 3px 0;
    padding: 0;
    color: #3b6b77;
    font-size: 0.75em;
    
}

ul#user-links li {
    margin: 0;
    padding: 0 8px;
    list-style: none;
    float: left;
}

li#logged-in-user {
    border-right: 1px solid #64a6b7;
}

a#account-link {
    color: #3b6b77;
    text-decoration: none;
}

a#account-link:hover {
	color: #4e9c23;
    text-decoration: underline;
}

ul#main-nav {
    clear: left;
    display: inline;
    margin: 0;
    padding: 0;
    height: 33px;
    width: 100%;
    background: #31b626 url('/kaskado-media/internal/image/deals/css/menu-bg.png') repeat-x 0 0;
    float: left;
}

ul#main-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

ul#main-nav a {
    display: block;
    margin: 0;
    padding: 9px 12px 6px 12px;
    font-size: 0.85em;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    float: left;
}

ul#main-nav a#logotype-link {padding: 0;}

ul#main-nav a#logout-link {
    padding: 0;
    float: right;
}

ul#main-nav img#logotype,
ul#main-nav img#logout-image {
    display: block;
}

ul#main-nav a:hover {color: #c6ff00;}


#dashboard a#dashboard-link,
#stores a#stores-link,
#promotions a#promotions-link,
#grouppromotions a#grouppromotions-link,
#analytics a#analytics-link,
#billing a#billing-link,
#collections a#collections-link,
#site a#admin-link,
#collection-admin a#managecollections-link,
#admin a#admin-link {
    color: #000;
}


ul#main-nav.outside {
	margin-top: 29px;
}
/* @end */

/* @group generic */

/* @group create form elements */

form.edit-form-small {
	width: 650px;
}

form.edit-form-large {
	width: 730px;
}

p.edit-info {
	margin-bottom: 18px;
	font-size: 0.85em;
}

a.cancel-edit,
a.cancel-delete {
	float: right;
	margin: 8px 12px 0 32px;
	font-size: 0.9em;
}

h1.form-header-table {
	margin: 0;
	padding: 3px;
	font-weight: normal;
	font-size: 1.1em;
	color: #118fd8;
	border-bottom: 1px solid #d4ba82;
}

h2.form-header,
h2.form-header-extra,
h2.form-header-table,
h1.table-header {
	margin-bottom: 8px;
    padding: 0 0 3px 0;
    font-size: 0.9em;
    font-weight: bold;
    color: #c28021;
    border-bottom: 1px solid #d4ba82;
    clear: left;
}

h2.form-header strong {
	color: #744705;
}

h2.form-header-extra {
	margin-bottom: 18px;
}

h2.form-header-table {
	margin: 0;
}

h2.form-header span {
	font-weight: normal;
    color: #999;
}
span.submit-button-wrap {
	display: block;
    margin:0;
    
    padding: 0 0 0 9px;
    background: url('/kaskado-media/internal/image/deals/css/btn-large-bg-left.png') no-repeat 0 0;
    float: right;
}

.float-left {
	float:left !important;
	display:inline !important;
}

.float-right {
	float:right !important;
	display:inline !important;
}

a.more-button-link {
	display: block;
	margin-right: 30px;
    padding: 0 0 0 9px;
    background: url('/kaskado-media/internal/image/deals/css/btn-large-bg-left.png') no-repeat 0 0;
    float: left;
}

.submit-button {
	border: 0;
    font-size: 12px;
    margin: 0;
    padding: 8px 9px 9px 0;
    color: #336666;
    cursor: pointer;
    background: url('/kaskado-media/internal/image/deals/css/btn-large-bg.png') no-repeat 100% 0;
    display:block;
    text-decoration:none;
}

.submit-button:hover {
    color: #336666;
}

div.text-single-field-right,
div.text-single-field-left {
	height: 55px;
	margin: 0 0 12px 0;
	background: url('/kaskado-media/internal/image/deals/css/txt-field-bg-right.png') no-repeat 100% 0;
	float: left;
}

div.text-single-field-right {
	padding: 0 16px 0 0;
	background: url('/kaskado-media/internal/image/deals/css/txt-field-bg-right.png') no-repeat 100% 0;
}

div.text-single-field-left {
	padding: 0 0 0 16px;
	background: url('/kaskado-media/internal/image/deals/css/txt-field-bg-left.png') no-repeat 0 0;
}

div.text-single-field-right label,
div.text-single-field-left label {
	display: block;
	font-size: 0.9em;
	float: left;
}

div.text-single-field-right label {
	padding: 18px 0 18px 16px;
	background: url('/kaskado-media/internal/image/deals/css/txt-field-bg-left.png') no-repeat 0 0;
}

div.text-single-field-left label {
	padding: 18px 16px 18px 0;
	background: url('/kaskado-media/internal/image/deals/css/txt-field-bg-right.png') no-repeat 100% 0;
}

div.text-single-field-right input,
div.text-single-field-left input {
	display: block;
	margin: 13px 0 0 6px;
	padding: 5px;
	border: 1px solid #999;
	float: left;
}

div.text-single-field-left input {
	margin: 13px 8px 0 0;
}

div.text-single-field-right label.no-bg {
	background: none;
}

div.checkbox-single-field {
	height: 55px;
	padding: 0 0 0 16px;
	margin: 0;
	background: url('/kaskado-media/internal/image/deals/css/txt-field-bg-left.png') no-repeat 0 0;
	float: left;
	cursor: pointer;
}

div.checkbox-single-field label {
	display: block;
	padding: 18px 16px 18px 0;
	font-size: 14px;
	background: url('/kaskado-media/internal/image/deals/css/txt-field-bg-right.png') no-repeat 100% 0;
	float: left;
	cursor: pointer;
}

div.checkbox-single-field input {
	margin: 17px 6px 0 0;
	cursor: pointer;
	float: left;
}

div#frequency-fields {
	display: inline;
	width: 264px;
	margin-bottom: 22px;
	float: left;
}

div#frequency-fields img {
	display: block;
	margin: 0;
	padding: 0;
}

div.multi-input-field-inner {
	height: 150px;
	padding: 8px 12px;
	margin: 0;
	font-size: 0.9em;
	background-color: #f3f3f3;
	border-left: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
}

div.multi-input-field-inner #txt_usages_per_frequency {
	width: 28px;
	text-align: center;
	margin: 0 8px 0 0;
	padding: 5px;
	border: 1px solid #999;
}

div.multi-input-field-inner ul {
	margin: 12px 0 0 8px;
	padding: 0;
}

div.multi-input-field-inner li {
	margin: 0 0 7px 0;
	padding: 0;
	list-style: none;
}

div.usage-seperator {
	display: inline;
	margin: 0 22px;
	padding: 14px 0;
	height: 25px;
	float:  left;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

/* @end */

div.section-header,
div.view-promotion-header {
    margin: 4px 0 12px 0;
    padding: 0 4px;
    clear: both;
    min-height:24px;  
}

div.view-promotion-header {
	margin-top: 2px;
	padding-bottom: 4px;
}

h1.section-header {
	margin: 2px 22px 0 0;
	padding-right: 22px;
	font-weight: normal;
	font-size: 1em;
	color: #118fd8;
	float: left;
	border-right: 1px solid #ccc;
	padding-bottom:10px;
}

h1.section-header span {
	font-weight: bold;
	color: #555;
}

div#action-bar {
	display: inline;
	padding-top: 4px;
	float: right;
}

div#action-bar a {
	margin-left: 42px;
}

a.create {
	display: block;
	padding: 0 0 0 32px;
	margin: 0;
	font-size: 0.8em;
	color: #4a555c;
	background: url('/kaskado-media/internal/image/deals/css/btn-add.png') no-repeat 0 0;
	text-decoration: none;
	float: left;
}

a.create span {
	display: block;
	margin: 0;
	padding: 4px 8px 5px 0;
	background: url('/kaskado-media/internal/image/deals/css/btn-link-bg.png') no-repeat 100% 0;
}

a.create:hover {
	color: #4e9c23;
}

a.overview {
	margin: 4px 32px 10px 0;
	font-size: 0.9em;
	float: left;
}

a.promotion-overview {
	margin: 2px 0 0 0;
	font-size: 0.9em;
	float: left;
}

a.view { float: right; margin-right: 22px;}

/* ---- Default images settings ---- */
fieldset#default-artwork-wrap ul {
	margin: 0;
	padding: 0;
}

fieldset#default-artwork-wrap li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

fieldset#default-artwork-wrap label {
	display: block;
	cursor: pointer;
	float: left;
}

fieldset#default-artwork-wrap input {
	display: none;
}

/* ---- Simple Row Table --------------------------------------------------------------------------- */
table.simple-row-table {
	width: 100%;
	margin-bottom: 12px;
	text-align: left;
	border-spacing: 0;
	border-collapse: collapse;
}

table.simple-row-table th,
table.simple-row-table td {
    padding: 6px 8px;
    font-size: 0.8em;
    text-align: left;
}

table.simple-row-table th {
    font-weight: bold;
	color: #b9793a;
	background-color: #f6ebcd;
	border-bottom: 1px solid #d4ba82;
}

table.simple-row-table td {
    color: #444;
	border-bottom: 1px solid #e2e2e2;
}

table.admin,
div.empty {
	margin-bottom: 10px;
}

table.inner {
	width: 940px;
	margin-left: 10px;
	text-align: left;
	border-spacing: 0;
	border-collapse: collapse;
}

table.inner th,
table.inner td {
    padding: 6px 8px;
    font-size: 0.8em;
    text-align: left;
}

table.inner th {
    font-weight: bold;
	color: #b9793a;
	background-color: #f6ebcd;
	border-bottom: 1px solid #d4ba82;
}

table.inner td {
    color: #444;
	border-bottom: 1px solid #e2e2e2;
}

fieldset#promotion-retailer-locations {
	margin-bottom: 32px;
}

fieldset#promotion-retailer-locations ul,
ul#retailer-list {
    margin: 0;
    padding: 0;
    clear: left;
}

fieldset#promotion-retailer-locations li,
ul#retailer-list li {
    margin: 0 12px 12px 0;
    padding: 0;
    list-style: none;
    float: left;
}

fieldset#promotion-retailer-locations input,
ul#retailer-list input {
    vertical-align: text-top;
}

fieldset#promotion-retailer-locations label,
ul#retailer-list label {
	font-size: 0.8em;
}

a.preview-link {
    display: block;
    margin: 0 0 0 32px;
    padding: 0 0 0 32px;
    background: url('/kaskado-media/internal/image/deals/css/btn-preview-bg-left.png') no-repeat 0 0;
    font-size: 0.8em;
    text-decoration: none;
    float: left;
}

a.preview-link span {
    display: block;
    padding: 3px 12px 4px 0;
    background: url('/kaskado-media/internal/image/deals/css/btn-link-bg.png') no-repeat 100% 0;
}

input.file_img_upload {
	float: left;
}
p.help-text {
	width:100%;
}

p.help-text,
p.info-text {
	font-size: 0.85em;
	margin-bottom: 8px;
	margin-left:20px;
	float:left;	
}

span.info-text-invoice {
	color:#FF0000;
	font-weight:bold;
}

div.help-text-box {
	display: inline;
	margin: 0 0 42px 0;
	padding: 12px;
	width: 310px;
	float: left;
	border: 1px solid #ccc;
}

p.attention {
	font-size: 1em;
	margin-bottom: 22px;
}

a.button-link,
a.button-link-large {
    display: block;
    padding: 0 0 0 32px;
    margin: 0;
    font-size: 0.8em;
    text-decoration: none;
    color: #4a555c;
    float: right;
}

a.default {
	padding-left: 12px;
	background: url('/kaskado-media/internal/image/deals/css/btn-link-blank.png') no-repeat 0 0;
	cursor: pointer;
}

a.button-link-inline {
    display: block;
    padding: 0 0 0 32px;
    margin: 0;
    text-decoration: none;
    color: #4a555c;
    float: right;
}

a.button-link-inline:hover,
a.button-link:hover,
a.button-link-large:hover,
a#publish-promotion:hover {
    color: #4e9c23;
}

a.button-link-inline span,
a.button-link span {
    display: block;
    padding: 4px 12px 6px 0;
    background: url('/kaskado-media/internal/image/deals/css/btn-link-bg.png') no-repeat 100% 0;
}


a.button-link-large {
	padding-left: 12px;
	background: url('/kaskado-media/internal/image/deals/css/btn-large-bg-left.png') no-repeat 0 0;
	cursor: pointer;
}
a.button-link-large span {
    display: block;
    padding: 8px 12px 10px 0;
    background: url('/kaskado-media/internal/image/deals/css/btn-large-bg.png') no-repeat 100% 0;
}

a.delete {
	padding: 0 0 0 32px;
	background: url('/kaskado-media/internal/image/deals/css/btn-delete-bg.png') no-repeat 0 0;
	float: left;
}

a.close {
	background: url('/kaskado-media/internal/image/deals/css/btn-close-bg.png') no-repeat 0 0;
	float: left;
}

a.close-icon {float: right; margin: -8px -18px 0 0;}

div.autocomplete {
    position:absolute;
    width:288px;
    background-color: #fff;
    border:1px solid #999;
    margin:0;
    padding:0;
}

div.autocomplete ul {
    margin:0;
    padding:0;
}
div.autocomplete ul li.selected { background-color: #dbf5d6;}
div.autocomplete ul li {
    list-style:none;
    display:block;
    margin:0;
    padding:2px;
    font-size: 0.8em;
    cursor:pointer;
}

tr.row-color1 {
	background-color: #fff;
}

tr.row-color2 {
	background-color: #f9f9f9;
}

input#int_credits {
	font-weight: bold;
}

fieldset.submit-wrap {margin-bottom: 42px;}

div.refill-box {
	display: inline;
	width: 250px;
	margin: 12px;
	float: left;
}

div.form-section {
	padding: 0 0 0 12px;
}

div.blank-button {
	height: 42px;
	padding: 12px 32px 0 0;
	margin-bottom: 32px;
	border-top:  1px solid #ccc;
}

div.success-message,
div.error-message,
div.warning-message {
	clear:both;
    margin: 22px 12px 32px 12px;
    padding: 12px 24px;
    background-color: #ffc;
}

div.success-message {border: 4px solid #61ad5b;}
div.error-message {border: 4px solid #b92a2a;}
div.warning-message {border: 4px solid #d99036;}

div.success-message h2,
div.error-message h2,
div.warning-message h2 {
	font-size: 1.3em;
	font-weight: bold;
}

div.success-message h2 {color: #444;}
div.error-message h2 {color: #c02626;}
div.warning-message h2 {color: #b35d0e;}

div.success-message p,
div.error-message p,
div.warning-message p {
	font-size: 0.9em;
	color: #444;
}

div.message-buttons {
	height: 32px;
	margin: 12px 0 0 0;
}


fieldset#promotion-retailer-locations ul.errorlist {
    margin: 4px 0 !important;
    padding: 0 0 8px 0 !important;
    background: url('/kaskado-media/internal/image/deals/css/error-pointer.png') no-repeat 0 100% !important;
    display:inline-block !important;
    float:left !important;
}

ul.errorlist {
    margin: 4px 0;
    padding: 0 0 8px 0;
    background: url('/kaskado-media/internal/image/deals/css/error-pointer.png') no-repeat 0 100%;
    display:block;
}

ul.succedlist {
    margin: 4px 0;
    padding: 0 0 8px 0;
}


fieldset#promotion-retailer-locations ul.errorlist li {
    margin: 0 !important;
    padding: 6px !important;
    font-size: 0.8em !important;
    color: #d93400 !important;
    border: 1px solid #ff7d7d !important;
    border-bottom: 0 !important;
    list-style: none !important;
    background-color: #fce4e4 !important;
}

ul.errorlist li {
    margin: 0;
    padding: 6px;
    font-size: 0.8em;
    color: #d93400;
    border: 1px solid #ff7d7d;
    border-bottom: 0;
    list-style: none;
    background-color: #fce4e4;
}


ul.succedlist li {
    margin: 0;
    padding: 6px;
    font-size: 0.8em;
    font-weight:bold;
    color: #00aa00;
    list-style: none;
}

a.single-link {
	font-size: 0.8em;
}

div.login-message {
	width: 722px;
	height: 86px;
	margin: 0 auto 22px;
	padding: 0;
	background: url('/kaskado-media/internal/image/deals/css/login-message-bg1.png') no-repeat 0 0;
}

div.login-message h1 {
	margin: 0;
	padding: 14px 0;
	text-align: center;
	font-size: 19px;
	color: #222;
}

/* @end */

/* @group overview */

/* @group step boxes */

/* Needs to be re-written */

img#promo_button {
	margin: 15px 25px 35px 15px;
	
}

div#left {
	float: left;
	display: inline;
	width: 500px;
	padding: 0 22px 0 0;
	margin-right: 0px;
	border-right: 1px dashed #d2d2d2;
}
div#right {
	float: right;
	display: inline;
	width: 415px;
	height: 600px;
}

div.step_box {
	background: url('/kaskado-media/internal/image/deals/overview-box-top.png') no-repeat 0 0;
	width: 438px;
	padding-top: 5px;
	margin: 40px 0 30px 30px;
	float:left;
	display:inline;
}

div.step_box .inner_wrap {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	padding: 5px;
}

div.approved {
	background: url('/kaskado-media/internal/image/deals/approved-stamp.png') no-repeat 0 0;
	position: relative;
	top: -20px;
	height: 48px;
	width: 48px;
	float: left;
	left: -20px;
}

div.disabled h1 {
	font-size: 1em;
	font-weight: normal;
	color: #aaa29c;
}


div.next h1 {
	font-size: 1em;
	font-weight: bold;
}

div.step_box p {
	font-size: 0.85em;
	color: #787878;
	margin: 15px 5px 5px 25px;
}

div.done h1 {
	font-size: 1em;
	color: #999;
}

div.step_box .create {
	float: right;
	margin: 5px 5px 0 0;
}

/* @end */

div.dashboard-box {
	display: inline;
	padding: 0;
	margin: 0 38px 52px 0;
	float: left;
}

div#credit-status {width: 230px;}
div#pricing-scheme {width: 380px;}
div#create-promotion {width: 300px;}
div#information-wrapper {width: 712px; margin:0; float:left; display:inline;}
div#credit-information {width: 370px; margin: 0;}
div#dashboard-video {float:right; margin: 0;}

div#create-promotion p {width: 216px; margin: 0 0 32px 0; padding: 0; font-size: 0.8em;}
div#credit-information p {font-size: 0.8em;}

ul.status-list {
	margin: 32px 0 44px 0;
	padding: 0;
}

ul.status-list li {
	margin: 0 0 8px 0;
	padding: 0;
	list-style: none;
	font-size: 0.85em;
}

h1.credit-status {
	margin-bottom: 8px;
    padding: 3px 0 4px 32px;
    font-size: 0.9em;
    font-weight: bold;
    color: #c28021;
    background: url('/kaskado-media/internal/image/deals/css/status-sprite-small.png') no-repeat 0 0;
}

h1.credits-high {background: url('/kaskado-media/internal/image/deals/css/status-sprite-small.png') no-repeat 0 0;}
h1.credits-medium {background: url('/kaskado-media/internal/image/deals/css/status-sprite-small.png') no-repeat 0 -100px;}
h1.credits-low,
h1.credits-empty{background: url('/kaskado-media/internal/image/deals/css/status-sprite-small.png') no-repeat 0 -50px;}

h1.credit-status span.credits-high {color: #1c6812;}
h1.credit-status span.credits-medium {color: #e2a514;}
h1.credit-status span.credits-low,
h1.credit-status span.credits-empty {color: #dc4a10;}

table#pricing-scheme-table .credits {width: 20%;}
table#pricing-scheme-table .deliveries {width: 20%;}
table#pricing-scheme-table .price {width: 20%;}
table#pricing-scheme-table .ppc {width: 40%;}

table.status-table {margin-bottom: 52px;}
table.status-table .tag-line {width: 30%;}
table.status-table .views {width: 14%;}
table.status-table .usages {width: 14%;}
table.status-table .impressions {width: 14%;}
table.status-table .status {width: 14%;}
table.status-table .action {width: 14%;}


/* @end */

/* @group stores */

/* @group View store */

div#store-overview-wrap {
	width: 98%;
}

div.store-information {
	display: inline;
	float: left;
}

div#store-details {
	width: 500px;
}

div.store-details h4,
div.store-information h4 {
	color: #777;
	font-size: 0.9em;
}

div.store-details h4 {
	margin-bottom: 6px;
}

div.store-information p {
	font-size: 0.8em;
	padding: 0;
	margin: 0 0 12px 0;
	color: #222;
}

div.store-details {
	display: inline;
	margin: 0 0 22px 0;
	width: 300px;
	float: left;
}

div#store-artwork {
	margin-right: 102px;
}

img#store-logo {
	margin: 8px 0 0 0;
	padding: 12px;
	border: 1px solid #ccc;
}

ul#category-list {
	margin: 0 0 52px 0;
	padding: 0;
}

ul#category-list li {
	margin: 5px 0 0 5px;
	padding: 0;
	font-size: 0.8em;
	color: #222;
	list-style: none;
}

ul.contact-info-list-inline {
	margin: 0;
	padding: 0;
}

ul.contact-info-list-inline li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
	color: #555;
}

div#store-locations {
	padding: 22px 0 0 0;
}

/* @end */

/* @group Create store */
form#create-store-form {
	display: inline;
	width: 650px;
	float: left;
}

form#create-store-form label,
form#edit-store-details-form label,
form#edit-store-contact-form label,
form#edit-retailer-form label,
form#edit-billing-account label,
form#add-retailer-form label {
	display: block;
	font-size: 0.8em;
	margin-bottom: 3px;
}

fieldset.store-details {
	display: inline;
	width: 300px;
	float: left;
}

fieldset#store-description-wrap {
	margin-left: 42px;
}

fieldset.store-details input,
fieldset.store-details #txa_description,
fieldset.contact-details input,
div.billing-fields input {
	width: 290px;
	padding: 3px;
	margin-bottom: 12px;
	font-size: 0.8em;
	color: #222;
	border: 1px solid #999;
}

fieldset.contact-details input {
	margin-bottom: 8px;
}

fieldset.store-details #txa_description {
	height: 50px;
}

fieldset.store-details input:focus,
fieldset.store-details #txa_description:focus,
fieldset.contact-details input:focus,
fieldset.billing-details input:focus {
	background-color: #ffc;
	border-color: #000;
}

/* ---- Store logotypes ---- */
fieldset#default-artwork-wrap.default-logotypes {
	margin: 0 0 22px 0;
}

fieldset#default-artwork-wrap.default-logotypes label {
    margin: 0 10px 0 0;
    padding: 8px 8px 22px 8px;
    background: url('/kaskado-media/internal/image/deals/css/card-slide-small.png') no-repeat 0 0;
}

fieldset#default-artwork-wrap.default-logotypes img {
    margin: 0;
    padding: 0;
    width: 48px;
    height: 48px;
    border: 1px solid #444;
}

fieldset#default-artwork-wrap.default-logotypes label.selected {
    background: url('/kaskado-media/internal/image/deals/css/card-slide-small.png') no-repeat 0 -100px;
}

fieldset#store-categories-wrap ul {
    margin: 0;
    padding: 0;
}

fieldset#store-categories-wrap li {
    width: 150px;
    height: 20px;
    margin: 0;
    padding: 2px 0;
    list-style: none;
    float: left;
}

fieldset#store-categories-wrap li input {
    float: left;
}

fieldset#store-categories-wrap li label {
    display: inline;
    font-size: 12px;
    margin: 0 0 0 5px;
    padding: 0;
}

div#contact-details-section {
	padding: 18px 0 0 0;
}

fieldset.contact-details {
	display: inline;
	width: 300px;
	float: left;
}

fieldset#store-address-wrap,
fieldset#retailer-address-wrap {
	margin-right: 42px;
}

fieldset#retailer-info-wrap {
	height: 32px;
	padding: 8px 0 0 0;
	clear: left;
}

fieldset#retailer-info-wrap label {
	display: inline;
}

fieldset#create-store-wrap {
	height: 52px;
}

/* @end */

div#current-logotype-wrap {
	display: inline;
	width: 180px;
	float: left;
}

div#store-categories-section {
	margin-bottom: 22px;
}

fieldset#store-logotype-wrap {
	margin-bottom: 22px;
}

div.store {
	height: 32px;
    padding: 8px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    clear: left;
}

a.logotype {
	float: left;
}

h1.store-name {
	display: inline;
    width: 94%;
    margin: 5px 0 0 6px;
    font-size: 1em;
    font-weight: normal;
    float: left;
}

h1.store-name a {
	display: block;
	text-decoration: none;
}

fieldset#retailer-address-info {
	margin-right: 32px;
}

/* @end */

/* @group collection */

form#create-collection-form {
	display: inline;
	width: 700px;
	float: left;
}

form#create-collection-form label,
form#edit-collection-details-form label,
form#edit-collection-contact-form label {
	display: block;
	font-size: 0.8em;
	margin-bottom: 3px;	
}

form#create-collection-form label span {
	color: #999;	
}

fieldset.collection-information {
	display: inline;
	width: 350px;
	margin-bottom: 12px;
	float: left;
}

div.collection-detail {
	margin-bottom: 22px;
}

fieldset#collection-information #txt_name,
fieldset#collection-information #txa_description {
	width: 300px;
	font-size: 0.85em;
	padding: 3px;
	border: 1px solid #999;
}

fieldset#collection-information #txt_name {
	margin-bottom: 12px;
}

fieldset#collection-information #txa_description {
	height: 56px;
}

fieldset#collection-branding input {
	margin: 3px 0 18px 0;
}

form#create-collection-form div.collection-detail label,
form#edit-collection-details-form div.collection-detail label {
	display: inline;
}

div#collection-overview-wrap {
	width: 820px;
}

div.collection-details {
	display: inline;
	width: 400px;
	float: left;
}

div.collection-details h4,
div.artwork h4 {
	font-size: 0.9em;
	font-weight: bold;
	color: #999;
}

div.collection-details p {
	font-size: 0.8em;
	margin-bottom: 18px;
}

div.artwork {
	display: inline;
	margin-bottom: 32px;
	float: left;
}

div.artwork h4 {
	margin-bottom: 6px;
}

div.artwork img {
	margin-bottom: 4px;
}

div#collection-mobile-header {
	margin-left: 150px;
}

div.collection-contact-details {
	width: 350px;
	margin-bottom: 32px;
	display: inline;
	float: left;
}

fieldset#collection-contact-info {
	margin-left: 42px;
}

fieldset#save-collection-button-wrap {
	height: 55px;
}

/* @end */

/* @group promotion */

/* @group Publish promotion */

div#billing_info_viewport {
	margin: 0;
	padding: 0;
}

fieldset#discount-code-wrap {
	display: inline;
	width: 360px;
	float: left;
}

fieldset#discount-code-wrap p {
	font-size: 0.8em;
}

table#price-model-table {
	display: inline;
	width: 320px;
	float: right;
	border: 1px solid #ccc;
	border-bottom: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

table#price-model-table #description {
	width: 220px;
}

table#price-model-table #pricing {
	width: 100px;
}

table#price-model-table th {
	text-align: left;
	padding: 5px;
	font-size: 0.9em;
	font-weight: bold;
	color: #b9793a;
	background-color: #f6ebcd;
}

table#price-model-table td {
	padding: 5px;
	font-size: 0.8em;
 	border-bottom: 1px solid #ccc;
}

fieldset#publish-button-wrap {
	margin-bottom: 32px;
}

a#publish-promotion,
a#reactivate {
    display: block;
    margin: 0 32px 12px 0;
    font-size: 0.9em;
    text-decoration: none;
    color: #4a555c;
    float: left;
}

a#publish-promotion {
	padding: 0 0 0 38px;
	background: url('/kaskado-media/internal/image/deals/css/btn-publish-large-bg-left.png') no-repeat 0 0;
}

a#reactivate {
	padding: 0 0 0 42px;
	background: url('/kaskado-media/internal/image/deals/css/btn-reactivate-large.png') no-repeat 0 0;
}

a#publish-promotion span {
    display: block;
    margin: 0;
    padding: 8px 12px 10px 0;
    background: url('/kaskado-media/internal/image/deals/css/btn-large-bg.png') no-repeat 100% 0;
}

/* @end */

div.delete-promotion {
	margin-bottom: 22px;
}

div#add-promotion-to-collection p {
	font-size: 0.85em;
	float: left;
}

a.extend-limit,
a.refill {
    background: url('/kaskado-media/internal/image/deals/css/btn-budget-extend.png') no-repeat 0 0;
}

a.add-to-collection {
    background: url('/kaskado-media/internal/image/deals/css/btn-add-to-collection-bg.png') no-repeat 0 0;
    float: left;
}

a.remove-from-collection {
    background: url('/kaskado-media/internal/image/deals/css/btn-remove-from-collection.png') no-repeat 0 0;
    float: left;
}

table#promotions-list {
    margin: 0 0 22px 0;
	clear: both;
}

table#promotions-list #tag_line {width: 25%;}
table#promotions-list #store_name {width: 20%;}
table#promotions-list #usage {width: 15%;}
table#promotions-list #usage {width: 15%;}
table#promotions-list #status {width: 10%;}
table#promotions-list #action {width: 10%;}
table#promotions-list #delete {width: 10%;}

/* @group Promotion Preview */

#promotion {
    width: 296px;
    margin: 0;
    padding: 0;
    background-color: #fffbf3;
    border: 1px solid #e6c785;
}

img#brand-logo {margin: 6px; float: left; border: 1px solid #222; padding: 2px; background-color: #fff;}
h1#promotion-store {
	display: inline;
	width: 202px;
	margin: 6px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #30393e;
	float: left;
}

h2#promotion-store {
	display: inline;
	width: 202px;
	margin: 6px 0 0 0;
	font-size: 1em;
	font-weight: bold;
	color: #30393e;
	float: left;
}

h2#tag-line {width: 280px; margin: 0 6px 4px 0; float: left; font-size: 1em; font-weight: bold; color: #ac7808; text-align: left;}
h3#terms-of-use {margin-bottom: 3px; padding-bottom: 3px; font-size: 13px;	font-weight: bold; color: #444; border-bottom: 1px solid #bbb;}

div#promo_viewport {
    clear: left;
    width: 280px;
    padding: 5px 0;
    margin: 0 0 8px 6px;
    text-align: center;
    border-top: 1px solid #eadab8;
}

br.filler {
    clear: left;
    width: 280px;
    padding: 5px 0;
    margin: 0 0 8px 6px;
    text-align: center;
    border-top: 0px solid #eadab8;
}

#img_promotion {
	border: 1px solid #896519;
}

div#promo_viewport.map {border: 0;}

div.promotion-text {text-align: left;}
div#promotion p {
    margin: 0 6px 8px 0;
    padding: 0;
    font-size: 13px;
    line-height: 21px;
    color: #3c300f;
}

div#promotion-toolbar {
	clear: left;
	width: 296px;
	height: 38px;
	margin: 0 0 22px 0;
	padding: 4px 0 0 0;
	background-color: #fff;
	border: 1px solid #c7c6c5;
	border-top: 0;
}

ul#promo-links {
	height: 26px;
   margin: 0 0 6px 0;
   padding: 0 0 0 4px;
   border:none;
   background-color:transparent;
}

ul#promo-links li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#promo-links a,
a.mark-promotion {
    display: block;
    font-size: 12px;
    color: #5f808f;
    text-decoration: none;
    float: left;
}

ul#promo-links a#info-link,
a.promo_viewport_link_selected,
ul#promo-links a#map-link {
    font-weight: bold;
    margin: 0 22px 0 0;
    padding: 7px 0 4px 26px;
	background: url('/kaskado-media/internal/image/desktop/css/promotion-icon-sprite.png') no-repeat 0 0;
}

ul#promo-links a#info-link {background-position: 0 -50px;}
ul#promo-links a#map-link {background-position: 0 -100px;}
a.promo_viewport_link_selected {background-position: 0 -250px !important;}
ul#promo-links a:hover {color: #42913a;}

a.mark-promotion {margin: 0; padding: 1px 0 2px 28px; background-position: 0 -150px;}
a.mark-promotion.marked {background-position: 0 -200px;}

div#promo-action-links {
	padding: 12px 0 0 0;
	margin: 0 6px;
	border-top: 1px solid #eadab8;
}

div#mark-promotion,
#rating {
    margin: 0;
    padding: 0;
    float: left;
}

#rating {width: 160px;}
div#mark-promotion {width: 100px;}

span#rate-this {color: #956911; font-weight: bold; font-size: 0.8em; float: left;}
div#rate {
    display: inline;
    margin: 0 0 0 3px;
    float: left;
    font-size: 0.8em;
}

h2.terms-of-use-header {
	font-size: 1em;
}

div#promotion-footer {
	clear: left;
	height: 28px;
}


/* @end */

/* @group View promotion */

div#status-note {
	display: inline;
	margin: 0 32px 0 0;
	height: 16px;
	padding: 5px 0 8px 52px;
	font-size: 0.95em;
	font-weight: bold;
	color: #333;
	float: left;
}

div.status7,
div.status6  {
	background: url('/kaskado-media/internal/image/deals/css/status-sprite.png') no-repeat 0 -150px;
}

div.status8,
div.status5 {
	background: url('/kaskado-media/internal/image/deals/css/status-sprite.png') no-repeat 0 -100px;
}

div.status9,
div.status10 {
	background: url('/kaskado-media/internal/image/deals/css/status-sprite.png') no-repeat 0 0;
}

div.status4{
	background: url('/kaskado-media/internal/image/deals/css/status-sprite.png') no-repeat 0 -50px;
}

div.store-location h3 {
	font-size: 0.85em;
	color: #444;
}

ul.store-location-info {
	margin: 6px 0 22px 0;
	padding: 0;	
}

ul.store-location-info li {
	display: inline;
	margin: 0 32px 0 0;
	padding: 0;
	list-style: none;
	font-size: 0.8em;
}

ul.store-location-info strong {
	color: #999;
}

div.view-promotion-col {
	display: inline;
	padding: 0;
	margin: 0 0 32px 0;
	width: 460px;
	float: left;
}

div#promotion-details {
	margin-left: 32px;
	padding: 6px;
	border: 1px solid #ccc;
}

div.promotion-detail-box {
	margin-bottom: 18px;
}

div.promotion-detail-box h2 {
	padding: 3px;
	font-size: 0.8em;
	font-weight: bold;
	color: #b9793a;
	background-color: #f6ebcd;
}

h2.no-edit {
	font-size: 0.9em;
	font-weight: bold;
	padding: 3px;
	margin-bottom: 8px;
	color: #b9793a;
	border-bottom: 1px solid #d3ba82;
}

div.edit-header {
	height: 1em;
	padding: 3px;
	margin: 0 0 6px 0;
	border-bottom: 1px solid #d3ba82;
}

h2.edit-header {
	display: inline;
	font-size: 0.9em;
	font-weight: bold;
	color: #b9793a;
	float: left;
}

div.edit-header a.edit {
	display: block;
	margin-left: 12px;
	padding-left: 12px;
	font-size: 0.8em;

	border-left: 1px solid #bbb;
	float: left;
}

div#promotion-maximum-cost {height: 80px;}
div#add-promotion-to-collection {height: 80px; clear: left;}

div#promotion-details ul {
	margin: 6px 0 0 6px;
	padding: 0;
}

div#promotion-details li {
	margin: 0 0 4px 0;
	padding: 0;
	list-style: none;
	font-size: 0.8em;
	color: #222;
}

div#promotion-details strong {
	color: #999;
	font-weight: bold;
}

div.promotion-info {
	margin: 0 0 12px 4px;
}

div.promotion-date-info,
div.maximum-cost-info {
	display: inline;
	width: 146px;
	margin: 0 0 12px 4px;
	float: left;
}

div.promotion-info p,
div.promotion-date-info p,
div.maximum-cost-info p {
	font-size: 0.8em;
}

div.promotion-info h4,
div.promotion-date-info h4,
div.maximum-cost-info h4 {
	font-size: 0.9em;
	font-weight: bold;
	color: #999;
}

div#usage-settings {
	clear: left;
	width: 300px;
}

div.reactivate,
div.publish-promotion {
	border-bottom:1px solid #CCCCCC;
	height:27px;
	margin:22px 0;
	padding:12px 0 22px 12px;
}

fieldset#set-budget {margin-bottom: 32px;}


/* @end */

/* @group Create promotion */

form#create-promotion-form,
form#publish-promotion-form {
	display: inline;
	width: 730px;
	margin: 0;
	padding: 0;
	float: left;
}

div#promotion-stores-section {
	margin: 0;
}

fieldset#stores-section {
	margin-bottom: 12px;
}

div#stores-viewport {
	clear: both;
}

select#slt_select_store {
	float: left;
}

a#toggle-stores-button {
	font-size: 0.8em;
    margin: 0 0 0 22px;
    padding: 0 10px 0 0;
    background: url('/kaskado-media/internal/image/deals/css/btn-link-bg.png') no-repeat 100% 0;
    float: left;
    text-decoration: none;
}

a#toggle-stores-button span {
	display: block;
    margin: 0;
    padding: 4px 0 5px 32px;
    color: #336666;
}

a#toggle-stores-button span.deselect {
	background: url('/kaskado-media/internal/image/deals/css/btn-deselect-all.png') no-repeat 0 0;
}

a#toggle-stores-button span.selected {
	background: url('/kaskado-media/internal/image/deals/css/btn-select-all.png') no-repeat 0 0;
}

div#promotion-details-section fieldset {
	display: inline;
	width: 340px;
	float: left;
}

fieldset#tag-line-wrap,
fieldset#description-wrap {
	margin-right: 42px;
}

fieldset.top-row {
	margin-bottom: 12px;
}

div#promotion-details-section label {
	display: block;
	margin: 0 0 3px 0;
	font-size: 0.85em;
}

div#promotion-details-section input,
div#promotion-details-section textarea {
	width: 330px;
	padding: 2px;
	font-size: 0.8em;
	font-family: arial, sans-serif;
	color: #222;
	border: 1px solid #999;
}

div#promotion-details-section textarea {
	height: 50px;
	margin-bottom: 22px;
}

div#promotion-details-section input:focus,
div#promotion-details-section textarea:focus {
	background-color: #ffc;
	border: 1px solid #000;
}

fieldset#description-wrap {
	clear: left;
}

/* ---- Promotion images ---- */
fieldset#default-artwork-wrap.promotion-images {
	margin-bottom: 22px;
}

fieldset#default-artwork-wrap.promotion-images label {
	margin: 0 7px 0 0;
    padding: 6px 7px 32px 6px;
    background: url('/kaskado-media/internal/image/deals/css/card-slide.png') no-repeat 0 0;
}

fieldset#default-artwork-wrap.promotion-images img {
    margin: 0;
    padding: 0;
    width: 160px;
    height: 80px;
    border: 1px solid #222;
}

fieldset#default-artwork-wrap.promotion-images label.selected {
    background: url('/kaskado-media/internal/image/deals/css/card-slide.png') no-repeat 0 -201px;
}

fieldset#promotion-image-upload-wrap {
	
}

fieldset#promotion-image-upload-wrap p {
	font-size: 0.8em;
	margin-bottom: 8px;
}

fieldset#promotion-image-upload-wrap input {
	float: left;
}

div#image-preview {
	clear: left;
}

img#place-holder {
	margin: 22px 0;
	padding: 12px;
	border: 1px solid #e2e2e2;
}

h3#default-images-header {
	margin: 12px 0 8px 0;
    padding: 0 0 2px 3px;
    font-size: 0.8em;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

fieldset.promotion-date {
	display: inline;
	width: 300px;
	float: left;
}

fieldset.promotion-date label {
	margin-left: 8px;
	font-size: 0.85em;
}

div.calendar {
    width: 190px;
    height: 38px;
    margin: 0 0 22px 0;
    padding: 8px 12px;
    background: url('/kaskado-media/internal/image/deals/css/calendar-bg.png') no-repeat 0 0;
}

div.calendar input {
	margin-top: 5px;
	padding: 3px;
	font-size: 0.9em;
	width: 130px;
	border: 1px solid #999;
	float: left;
}

img.calendar-icon {
	margin-left: 8px;
	cursor: pointer;
}

div#cal1StartTime,
div#cal2EndTime {
	font-size: 13px;
	margin-bottom: 22px;
}

div.calendar-hidden {
	display: none;
}

fieldset#save-promotion-wrap {
	height: 52px;
	margin-bottom: 32px;
}

fieldset#collection-code-wrap {
	margin-bottom: 32px;
}

fieldset#max-cost-wrap p,
fieldset#collection-code-wrap p {
	font-size: 0.8em;
	margin-bottom: 12px;
}

div#max-cost-field input {
	width: 50px;
}

div#collection-code-field input {
	width: 100px;
}

/* @end */

/* @end */

/* @group billing */










h4.billing-header {
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 3px;
	color: #444;
}

div.payment-details,
div.contact-details-billing {
	display: inline;
	margin: 0 0 22px 0;
	width: 350px;
	float: left;
}

div.payment-details p {
	margin: 0 0 12px 0;
	font-size: 0.8em;
	color: #777;
}

ul.contact-info-list {
	margin: 0;
	padding: 0;
}

ul.contact-info-list li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
	font-size: 0.8em;
	color: #555;
}

div.billing-details {
	display: inline;
	width: 250px;
	margin: 0 32px 32px 0;
	float: left;
}

div.billing-details h4 {
	margin-bottom: 6px;
	font-size: 0.9em;
	color: #444;
}

div.billing-details ul.contact-info-list {
	margin-left: 5px;
}

fieldset.billing-details {
	clear: left;
}

div.billing-fields {
	display: inline;
	width: 300px;
	margin: 0 18px;
	float: left;
}

h3.billing-header {
	margin: 12px 0 12px 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #555;
}

div#billing-account-country {
	margin-top: 16px;
}

form#add-billing-account-form {
	display: inline;
	width: 700px;
	float: left;
}

form#edit-billing-account-form {
	width: 700px;
}

form#add-billing-account-form label,
form#edit-billing-account-form label {
	font-size: 0.8em;
}

fieldset#add-billing-account-button {
	margin-bottom: 22px;
}

table#billing-credits-accounts #company-name {width: 25%;}
table#billing-credits-accounts #vat {width: 25%;}
table#billing-credits-accounts #budget {width: 25%;}
table#billing-credits-accounts #refill-budget {width: 25%;}

table#billing-credits-accounts {
	margin-bottom: 62px;
}

table#billing-credits-accounts a.refill {
	float: left;
}

table#billing-invoice-accounts #company-name {width: 50%;}
table#billing-invoice-accounts #vat {width: 50%;}

div.credit-details {
	display: inline;
	float: left;
	margin-bottom: 52px;
}

div.billing-box {
	display: inline;
	padding: 0;
	margin: 0 52px 52px 0;
	float: left;
}

div#pricing-scheme.billing-box {
	margin: 0;
}

div#pricing-scheme.billing-box h1.table-header {
	display: none;
}

div#pricing-scheme.billing-box table#pricing-scheme-table {
	margin: 12px 0 8px 0;
}

table#transaction-history {
	width: 100%;
	margin-bottom: 12px;
	text-align: left;
	border-spacing: 0;
	border-collapse: collapse;
}

table#transaction-history #date {width: 40%;}
table#transaction-history #amount {width: 40%;}
table#transaction-history #view {width: 20%;}

table#transaction-history th {
	padding: 5px;
	font-size: 0.8em;
	font-weight: bold;
	color: #b9793a;
	background-color: #f6ebcd;
	border-bottom: 1px solid #d4ba82;
}

table#transaction-history td {
	padding: 5px 8px;
	font-size: 0.8em;
	color: #444;
	border-bottom: 1px solid #e2e2e2;
}

a#view-transaction-history {
	font-size: 0.8em;
}

a#view-transaction-history.block {
	display: block;
	width: 20%;
	margin-bottom: 52px;
}


table#full-transaction-history {
	margin: 0 0 22px 0;
}

table#full-transaction-history .orderno {width: 10%;}
table#full-transaction-history .date {width: 15%;}
table#full-transaction-history .amount {width: 10%;}
table#full-transaction-history .price {width: 13%;}
table#full-transaction-history .order-id {width: 10%;}
table#full-transaction-history .transaction-number {width: 25%;}

table#transaction-log #date {width: 25%;}
table#transaction-log #amount {width: 25%;}
table#transaction-log #order-id {width: 25%;}
table#transaction-log #transaciton-number {width: 25%;}


div#credits-form-wrap {
	width: 960px;
	margin: 0 auto;
}

fieldset.add-credits-form {
	background-color:#eee;
	margin: 22px 0;
	padding:10px 22px 10px 22px;
}

div#credits-form-wrap form#billing-add-funds fieldset#select-package dl {
	margin-top:0;
	margin-right:50px;
	float:left;
	display:inline;
}

div#credits-form-wrap form#billing-add-funds fieldset#select-package dl dt {

	font-weight: bold;
	width:200px;
	float:left;
	display:inline;
}

div#credits-form-wrap form#billing-add-funds fieldset#select-package dl dd {
	font-size: 11pt;
	margin:10px 0 0 0;
	width:200px;
	float:left;
	display:inline;
}

span.package-credit-details {
	color:#666;
	font-size: 10px;
}

#promo-code-form label {
	font-size: 11pt;
}

dl#payment-package-footer {
	width:960px;
}

dl#payment-package-footer dt  {
	float:left;
	display:inline;
}

dt#payment-package-footer_left {
	width:210px;
}

dt#payment-package-footer_center {
	width:500px;
}

#add-package-notice {
	background-color:#fef6d1;

	width:500px;
	
	text-align:center;
	
	border:1px solid #e7c68d; 
	margin:0px auto;
	padding: 10px;

}

#error-label-text {
	color:#000;
	font-weight: boldM
	font-size: 10pt;
}

dt#payment-package-footer_right {
	width:200px;
}


#credits-form-wrap ul.errorlist {
	background:transparent url(/kaskado-media/internal/image/deals/css/error-pointer_pay.png) no-repeat scroll 0 100%;
	width: 434px;
}

#promo-code-form ul.errorlist li {
	width: 420px;
}

#vat-form ul li  {
	list-style:none;
}

fieldset#select-package,fieldset#submit-next-button {

}

div.credit-package {
	width: 140px;
	height:  110px;
	padding: 0;
	margin: 0 auto;
	background: url('/kaskado-media/internal/image/deals/css/package-card-sprite.png') no-repeat 0 0;
	cursor: pointer;
}

div.credit-package.selected {
	background: url('/kaskado-media/internal/image/deals/css/package-card-sprite.png') no-repeat 0 -300px;
}

div.credit-package.hover {
	background: url('/kaskado-media/internal/image/deals/css/package-card-sprite.png') no-repeat 0 -150px;
}

div.radio-button {
	text-align: center;
}

label.package-content {
	display: block;
	padding: 7px 12px 12px 12px;
	text-align: center;
	cursor: pointer;
	
}

label.package-content span {
	display: block;
	margin: 8px 0 0 0;
	font-size: 14px;
	color: #222;
}

label.package-content span.ratio {
	font-size: 12px;
}

label.package-content span.price {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

div#buy-bulk-wrap {
	font-size: 13px;
	text-align: right;
	margin: 12px 64px 22px 64px;
}

div#buy-package-wrap {
	text-align: right;
	margin: 12px 0 22px 12px;
}

ul#credit-amount {
	width: 400px;
	margin: 32px auto;
	padding: 0;
}

ul#credit-amount.bulk {
	padding: 12px;
	border: 1px solid #ccc;
}

div.package {text-align: center;}
div.bulk {text-align: left;}

ul#credit-amount li {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 14px;
	list-style: none;
}

div#card-information {
	width: 500px;
	margin: 0 auto;
	font-size: 13px;
	text-align: center;
}

dl#verify-order {
	margin-left:20px;
}

dl#verify-order dt {
	font-weight:bold;
	width:150px;
	float:left;
	display:inline;
}

dl#verify-order dd {
	font-size: 11pt;
	width:150px;
	margin:10px 0 10px 0;
	float:left;
	display:inline;
}

.verify-order-center {
	text-align:center;
}

.verify-order-right{
	text-align:right;
}

dl#verify-order .verify-order-left {
	width:300px;
}

#verify-order-promocode {
	padding-right:120px;
	font-weight:bold;
}

#verify-order-promocode-description {
	font-size:12px;
}

.verify-order-promocode-description-special {
	font-size:16px !important;
	color:#FF0000;
	font-weight:bold;
}

dl#verify-order dd.verify-order-subtotals {
	width:900px;
	border-top: 1px solid #000;
	text-align:right;
	
	padding-top:14px;
	float:none;
	display:block;
}

dl#verify-order dd.verify-order-totals {
	width:900px;
	text-align:right;


	float:none;
	display:block;	
}

dd.verify-order-totals-promo {
	margin:0 !important;
}

dl#verify-order dd.verify-order-total {
	width:900px;
	text-align:right;
	font-weight:bold;
	margin-top:15px;
	float:none;
	display:block;	
}

dl#verify-order dd.verify-order-total span {
	border-top: 1px solid #000;		
}

dl#verify-order dd.verify-order-totals span {

}

#verify-order-promocode-invoice {
	color: #FF0000;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	padding-right:120px;
}

.verify-order-promocode-amount {
	width:120px;
	display:inline-block;
}

div#chosen-package {
	display: inline;
	width: 116px;
	height: 94px;
	padding: 16px 12px 12px 12px;
	margin: 32px 52px 32px 32px;
	font-size: 14px;
	text-align: center;
	cursor: default;
	float: left;
}

ul.card-info {
	margin: 0;
	padding: 0;
}

div#chosen-package li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
}

ul#clarification {
	display: inline;
	margin: 48px 22px;
	padding: 0;
	float: left;
}

ul#clarification.bulk {
	padding: 22px;
	border: 1px solid #ccc;
}

ul#clarification li {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 16px;
	color: #444;
	list-style: none;
}

div#change-amount-wrap {
	height: 42px;
}

a#change-amount.package {
	font-size: 12px;
	margin: 0 12px 32px 0;
}

a#change-amount.bulk {
	margin: 88px 0;
	float: left;
}

h3.refill-header {
	margin-bottom: 6px;
	font-weight: normal;
	font-size: 1.1em;
	color: #555;
}

p#refill-amount,
p#new-total-budget {
	font-size: 0.9em;
	margin-bottom: 12px;
	font-weight: bold;
}

p#minimum {
	display: inline;
	font-size: 0.85em;
	margin: 14px 0 0 32px;
	color: #777;
	float: left;
}

fieldset.button-wrap {
	margin-bottom: 32px;
	margin-left:20px;
	margin-right:20px;
}

div.button-wrap {
	width: 650px;
	height: 80px;
	margin: 12px 0 0 0;
	padding: 0;
}

div#back-button {
	width:100%;
}

div#verify-button-wrap {
	width:100%;
}

div#verify-button-wrap {
	width:100%;
}

div.summary-box {
	display: inline;
	width: 220px;
	float: left;
}

div.summary-box p {
	margin: 0 0 32px 0;
	font-size: 0.85em;
}

/* @group transaction steps */

div#transaction-steps-wrap {
	width:700px;
	margin: 0px auto;
	display:block;
}

div#transaction-steps {
	background: url('/kaskado-media/internal/image/deals/css/transaction-steps-bg-left.png') no-repeat 0 0;
	padding: 0 0 0 11px;
	
	margin:8px 0 16px 62px;
	display:inline;
	float:left;
}

ul.steps {
	height: 34px;
	margin: 0;
	padding: 11px 11px 11px 0;
	background: url('/kaskado-media/internal/image/deals/css/transaction-steps-bg-right.png') no-repeat 100% 0;
}

ul.steps li {
	font-size: 0.85em;
	font-weight: bold;
	margin: 0 0 0 8px;
	padding: 0 0 0 22px;
	list-style: none;
	background: url('/kaskado-media/internal/image/deals/css/step-grayed-bg-left.png') no-repeat 0 0;
	color: #a4a4a4;
	float: left;
	display:inline;
}

ul.steps li.first {
	margin: 0;
}

ul#amount span,
ul#confirm span,
ul#complete span {
	display: block;
	padding: 8px 22px 8px 0;
	background: url('/kaskado-media/internal/image/deals/css/step-grayed-bg-right.png') no-repeat 100% 0;
}

ul#amount #step-amount,
ul#confirm #step-confirm,
ul#complete #step-complete {
	background: url('/kaskado-media/internal/image/deals/css/step-bg-left.png') no-repeat 0 0;
}

ul#amount #step-amount span,
ul#confirm #step-confirm span,
ul#complete #step-complete span {
	background: url('/kaskado-media/internal/image/deals/css/step-bg-right.png') no-repeat 100% 0;
}

ul.steps li.current {
	color: #7e621f;
}

ul.steps li.done {
	padding: 0 0 0 38px;
	background: url('/kaskado-media/internal/image/deals/css/step-grayed-bg-done.png') no-repeat 0 0;
}

span.step-transfer-dimmed {
	color:#ccc;
}
/* @end */

div.introduction-offer {
	margin: 0 0 22px 0;
	padding: 22px;
	text-align: center;
	color: #222;
	border: 5px solid #5cad47;
}

h1.introduction-header {
	font-size: 32px;
	font-weight: bold;
}

div.introduction-offer p {
	font-size: 24px;
}

/* @end */

/* @group help sections */

div.help-section {
	display: inline;
    width: 24%;
    padding: 0 6px 12px 12px;
    margin: 0;
    background-color: #faebc4;
    float: right;
}

div.help-section p {color: #5c4508; font-size: 0.8em; margin-bottom: 1em;}
div.help-section a {color: #b16c0a;}

div.help-section h1 {
    margin: 0 0 12px 0;
    padding: 12px 0 12px 40px;
    font-size: 1em;
    color: #73570e;
    background: url('/kaskado-media/internal/image/deals/css/help-icon.png') no-repeat 0 50%;
    border-bottom: 1px solid #e0c16f;
}

div.help-section h3 {
    padding: 0 0 2px 0;
    margin: 0 0 4px 0;
    font-weight: normal;
    font-size: 1em;
    color: #73570e;
    border-bottom: 1px dashed #e0c16f;
}

div#create-promotion-help-section,
div#publish-promotion-help-section {
	width: 20%;
}

/* @end */

/* @group legal */

div#license {
	margin-bottom: 32px;
	margin-top: 50px;
}

div.legal {
    padding: 22px;
    border: 12px solid #888;
    background-color: #fff;
}

div#agreement-text {
    clear: both;
    margin: 22px 0;
    text-align: justify;
    font-size: 0.8em;
    color: #222;
}

div#agreement-text h1 {
	font-size: 1.4em;	
}

div#agreement-text h2 {
	font-size: 1.2em;	
}

div#agreement-text p {
	margin: 4px 0 18px;	
}

div.legal a.legal {float: right;}
a.close-icon-legal {float: right; margin: -18px -18px 0 0;}

/* @end */

/* @group invoice */

.payment-report {
	width: 120%;
	background-color: #eee;
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 5px;
}

.loyalty-list {
    width: 99%;
    background-color: #eee;
    border: 1px solid #ccc;
    margin: 0 0 20px 0;
    padding: 5px;
}

form#generate-invoice {
	padding: 12px;
	margin: 0 0 32px 0;
	border-bottom: 1px solid #ccc;
}

table.invoice {
	width: 100%;
	margin: 0;
	font-size: 0.85em;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
}

table.invoice #promotion {width: 40%;}
table.invoice #uses {width: 15%;}
table.invoice #views {width: 15%;}
table.invoice #impressions {width: 15%;}
table.invoice #cost {width: 15%;}

table.invoice th {
	font-weight: bold;
	border-bottom: 1px solid #555;
}

table.invoice th,
table.invoice td {
	padding: 5px;
}

tr#total {
	font-weight: bold;
	color: #555;
	border-top: 2px solid #888;
}

ul#admin-nav {
	height: 28px;
	margin: 4px 0 22px 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

ul#admin-nav li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#admin-nav a {
	display: block;
	margin-right: 22px;
	font-size: 0.9em;
	float: left;
}


/* @end */

/* @group statistics */

div.stat-col {
	display: inline;
	margin-bottom: 42px;
	float: left;
}

div#brand-list {
	width: 40%;
}

div#stat-summary {
	margin-left: 42px;
	width: 50%;
}

div.stat-col h1.store-name {
	width: auto;
}

table#grand-total-summary {
	margin-bottom: 32px;
}

table#stat-summary-table #promotion {width: 50%;}
table#stat-summary-table #impressions {width: 20%;}
table#stat-summary-table #views {width: 15%;}
table#stat-summary-table #uses {width: 15%;}

table#stat-summary-table th,
table#stat-summary-table td,
table#grand-total-summary th,
table#grand-total-summary td {
	border: 0;
}

table#stat-summary-table th,
table#grand-total-summary th {
	border-bottom: 1px solid #d4ba82;
}

table#stat-summary-table td,
table#grand-total-summary td {
	border-bottom: 1px solid #ccc;
}

/* @end */

/* @group start page */

div.start-page {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
}

div#col1 {width: 600px; margin: 0 28px 0 6px;}
div#col2 {width: 310px;}

div#col1 p {
	font-size: 0.8em;
	margin: 0 0 18px 0
}

h1.copy-header1 {
	font-size: 1em;
	color: #c28021;
}

div#sign-up {
	width: 303px;
	margin: 0 0 32px 0;
	padding: 0 0 10px 0;
	background: url('/kaskado-media/internal/image/deals/signup-bottom.png') no-repeat 0 100%;
}

h1#sign-up-header {
	margin: 0;
	padding: 22px 12px 21px 12px;
	font-size: 20px;
	font-weight: bold;
	color: #fffbef;
	text-align: center;
	background: url('/kaskado-media/internal/image/deals/signup-header-bg.png') no-repeat 0 0;
}

form#signup-form-start-page {

}

p.terms {
	padding: 0;
	margin: 12px 0 12px 0;
	font-size: 12px;
}

fieldset#signup-button-start-page {
	text-align: center;
}

div#log-in {
	width: 303px;
	margin: 0 0 32px 0;
	padding: 0 0 10px 0;
	background: url('/kaskado-media/internal/image/deals/login-bottom.png') no-repeat 0 100%;
}

h1#log-in-header {
	padding: 11px 12px 10px 12px;
	font-size: 17px;
	font-weight: bold;
	color: #006dac;
	background: url('/kaskado-media/internal/image/deals/login-header-bg.png') no-repeat 0 0;
}

form.signup-login-form {
	width: 346px;
}

form.signup-login-form label {
	color: #666;
	display: block;
	margin-top: 10px;
}

form.signup-login-form input{
	font-size: 20px;
}

form.signup-login-form input[type=password],form.signup-login-form input[type=text]{
	width: 335px;
}

div.info-box {
	border: 1px solid #ccc;
}

h1.information-header {
	padding: 8px;
	font-size: 1em;
	font-weight: normal;
	color: #b9793a;
	background-color: #f6ebcd;
	border-bottom: 1px solid #ccc;
}

img#main-content-image,
div#main-content-wrap {
	margin: 0 0 22px 0;
	padding: 0;
	float: left;
}

div#main-content-wrap {
	width: 398px;
}

div.image-wrap-left {
	width: 290px;
	margin: 0 0 42px 0;
	float: left;
}

h1.main-header {
	margin: 6px 0;
	font-size: 1.2em;
	color: #c28021;
}

h2.sub-header {
	margin-bottom: 32px;
	font-style: italic;
	color: #777;
	font-size: 0.9em;
}

div.content-wrap-left {
	width: 250px;
	margin: 0 0 42px 0;
	float: left;
}

div.image-wrap-right {
	width: 290px;
	margin: 0 0 42px 0;
	float: right;
}

div.content-wrap-right {
	width: 250px;
	margin: 0 0 42px 0;
	float: right;
}

ul.large-tick,
ul.small-tick {
	margin: 0;
	padding: 0;
}

ul.large-tick li {
	display: inline;
	width: 40%;
	margin: 0 0 6px 0;
	padding: 7px 0 7px 38px;
	font-size: 0.95em;
	font-weight: bold;
	color: #333;
	list-style: none;
	background: url('/kaskado-media/internal/image/deals/tick-mark.png') no-repeat 0 50%;
	float: left;
}

ul.small-tick li {
	margin: 0 0 6px 0;
	padding: 2px 0 2px 22px;
	font-size: 0.8em;
	color: #333;
	list-style: none;
	background: url('/kaskado-media/internal/image/deals/tick-mark-small.png') no-repeat 0 14%;
}

ul.link-box {
	margin: 12px 0 12px 12px;
	padding: 0;
}

ul.link-box li {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	list-style: none;
}

ul#legal {
	margin: 0;
    padding: 0;
}

ul#legal li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#legal a {
    margin: 0 0 0 22px;
}

ul#legal a:hover {
    text-decoration: none;
}

li#copyright {
	color: #777;
}

/* @end */

/* @group Account page */

/*
This stylesheet only applies css rules on accounts templates only,
it does not contain any overall css rules, these are in the specific app stylesheets.
*/

#account_wrap,
#account_setting {
	margin: 12px;
}

#deals #account_wrap,
#deals #account_setting {
    width: 600px;
    margin: 12px 32px;
}

#account_wrap h2 {
    font-family: Arial, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    color: #118fd8;
    border-bottom: 1px solid #ccc;
}

#account_setting h1 {
    padding: 3px;
    margin-bottom: 12px;
    font-family: Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #118fd8;
    border-bottom: 1px solid #ccc;
}

.account_detail_wrap ul {
    margin: 12px 0 0 12px;
}

.account_detail_wrap li {
    margin: 0 0 22px 0;
    padding: 0;
    list-style: none;
    font-size: 0.85em;
}

.setting {
    display: block;
    font-weight: bold;
    font-size: 0.9em;
    width: 150px;
    float: left;
}

.a_edit {
    display: block;
    margin: 0 0 0 150px;
    padding: 0 22px 0 0;
    font-size: 0.9em;
    text-decoration: none;
}

#a_account_overview {font-size: 0.85em;}

/* ---- Generic form classes ------------------------------------------------------------------------- */

.account_settings {
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
    border-bottom: 1px solid #ccc;
}

.account_fields label {
    display: block;
    font-size: 0.85em;
}

.account_fields input {
    width: 250px;
    margin: 2px 0 8px 0;
    padding: 3px;
    display:block;
}

/* ---- Specific form styles ------------------------------------------------------------------------- */
#flt_news_letter label,
#flt_country label {font-size: 0.85em;}

#flt_birthday label {display: block; font-size: 0.85em; margin-bottom: 4px;}

#flt_button {padding: 1em 0;}

#flt_gender ul {
    margin: 12px 0 0 0;
    padding: 0;
}

#flt_gender li {
    display: inline;
    margin: 0 1em 0 0;
    padding: 0;
    list-style: none;
    font-size: 0.85em;
}

div.legal-terms {
	margin: 0 auto;
	padding: 32px;
	width: 650px;
	text-align: justify;
	border: 1px solid #ccc;
}

div.legal-terms h1 {
    margin: 0 0 1em 0;
    font-size: 1.3em;
}

div.information h2 {
    font-size: 1em;
    padding: 0 0 3px 0;
    margin: 0 0 4px 0;
    border-bottom: 1px solid #e2e2e2;
}

div.legal-terms h2 {
	font-size: 1em;
	font-weight: bold;
}

div.legal-terms h3 {
    font-size: 0.85em;
    font-weight: bold;
}

div.legal-terms p {
	font-size: 0.8em;
	line-height: 1.8em;
	margin-bottom: 2em;
}

div.legal-terms li {
	font-size: 0.8em;
	margin-bottom: 1em;
}


.information {
    width: 700px;
}

.information h1 {
    margin: 0 0 1em 0;
    font-size: 1.3em;
}

.information h2 {
    font-size: 1em;
}

.information h3 {
    font-size: 0.85em;
    font-weight: bold;
}

.information p {
	padding: 0;
	margin: 0 0 12px 0;
    font-size: 0.8em;
}

.information li {
    margin-bottom: 0.8em;
    font-size: 0.8em;
}

.information .card {
    display: inline;
    padding: 22px;
    margin: 0 32px 32px 0;
    width: 200px;
    border: 1px solid #ccc;
    float: left;
}

.information h2 {
    margin: 0 0 4px 0;
    border-bottom: 1px solid #ccc;
}

.information .card ul {
    margin: 0;
    padding: 0;
}

.information .card li {
    padding: 0;
    margin: 0 0 4px 0;
    list-style: none;
}

.information #mail {
    clear: left;
    font-size: 0.85em;
}

#password_recovery_form {
	padding: 32px 0;
}

#password_recovery_form label {
	display: block;
	font-size: 0.8em;
}

#password_recovery_form #email {
    font-size: 1em;
    padding: 0.2em;
    color: #222;
    border: 1px solid #999;
}

/* @end */

/* popups */
div#blackout div.popup h2 {
	color:#666666;
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:5px 0 5px 10px !important;
}