.app-wrapper {
    width: 960px;
    margin: 0 auto;
    padding-top: 24px;
}

.app-wrapper-inner {
    overflow: hidden;
    margin-bottom: 36px;
    -webkit-box-shadow: 0 0 4px #aaa;
    -moz-box-shadow: 0 0 4px #aaa;
    box-shadow: 0 0 4px #aaa;
}

/************/
/*** MENU ***/
/************/

#menubar {
    padding: 0 14px;
    height: 36px;
}

#menubar, #menubar li {
    height: 36px;
}

#menubar li {
    cursor: pointer;
    float: left;
    position: relative;
    top: 1px;
    z-index: 5;
    margin-right: 4px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#menubar li.fr {
    float: right;
    margin-right: 0;
}

#menubar li.selected {
    z-index: 15;
    background-color: #afafaf;
    border: 1px solid #888;
    border-bottom-color: #afafaf;
}

#menubar li.spacer {
    background: transparent url('../images/line-dotted-vertical.png') no-repeat 50% 4px;
    border-color: transparent;
    padding: 0 5px;
}

#menubar li a {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 12px;
    font-size: 15px;
    color: #888;
    text-decoration: none;
}

#menubar li.selected a {
    color: #444;
}

.menuborder {
    position: relative;
    z-index: 10;
}

.menuborder div {
    height: 4px;
    border: 1px solid #888;
    background-color: #afafaf;
}

/************************/
/*** LAYOUT 2 COLUMNS ***/
/************************/

.colgroup, .colgroup-inner {
    float: left;
    position: relative;
    width: 960px;
}

.colgroup {
    clear: left;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #888;
    border-top: 0;
}

.colgroup-inner {
    width: 961px;
    right: 718px;
    border-right: 1px solid #888;
    background-color: #daedfa;
}

.colgroup .colleft, .colgroup .colright {
    float: left;
    overflow: hidden;
    position: relative;
}

.colgroup .colleft {
    width: 242px;
    left: 718px;
}

.colgroup .colright {
    width: 715px;
    left: 719px;
}

/***************/
/*** SIDEBAR ***/
/***************/

#submenubar {
    border-bottom: 1px solid #eff8fe;
    margin-bottom: 20px;
}

#submenubar ul div {
    border-top: 1px solid #eff8fe;
    border-bottom: 1px solid #b3c8d6;
}

#submenubar a {
    display: inline-block;
    width: 100%;
    line-height: 48px;
    text-decoration: none;
    font-size: 15px;
    color: #888;
    padding: 0 14px;
    text-shadow: 1px 1px 0 #eff8fe;
}

#submenubar a.selected {
    color: #666;
    font-weight: bold;
}

#submenubar .submenu-top div div {
    border: 0;
}

#submenubar .submenu-top div div a {
    border-top: 1px dotted #ccc;
    padding-left: 32px;
    text-shadow: none;
}

#submenubar .submenu-top div.selected > a {
    font-weight: bold;
    color: #666;
}

/***************/
/*** CONTENT ***/
/***************/

#contentpanel {
    min-height: 400px;
}

/**********************/
/*** BRAND SELECTOR ***/
/**********************/

.brandselector-panel {
    height: 64px;
    background: transparent url('../images/bulk-panel-bg.png') repeat-x 0 -4px;
    border-bottom: 1px solid #ccc;
}

/*******************/
/*** TITLE PANEL ***/
/*******************/

#content-title-panel {
    border-bottom: 1px solid #ccc;
    padding: 20px;
    background-color: #f2f2f2;
}

#page-title-wrapper {
    overflow: hidden;
}

#page-title-wrapper .appbutton {
    margin: 2px 0 0 10px;
}

#content-title-panel h1,
#content-title-panel h2 {
    font-weight: normal;
}

#content-title-panel h1 {
    font: normal 40px/1 BebasNeueRegular, CuprumFFURegular, Arial, Helvetica, sans-serif;
    color: #666;
    float: left;
}

#content-title-panel h2 {
    color: #666;
}

/*****************/
/*** LIST ITEM ***/
/*****************/

.admin-list-item {
    padding-bottom: 80px;
}

.admin-list-item-selectable li {
    cursor: pointer;
}

.admin-list-item li {
    border-bottom: 1px solid #ccc;
    padding: 12px 0;
    position: relative;
}

.admin-list-item li.selected {
    background-color: #F2F2F2;
}

.admin-list-item li h2 div.app-tag {
    float: none;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -3px;
}

.admin-list-item li h2 span.email {
    color: #aac9df;
    font-size: 13px;
}

#imp-variables h2,
.admin-list-item li h2,
.admin-list-item li h3,
.admin-list-item li h4 {
    padding: 0 140px 0 20px;
    font-weight: normal;
}

#imp-variables h2,
.admin-list-item li h2 {
    color: #666;
    font-size: 15px;
    line-height: 23px;
    font-weight: bold;
}

#imp-variables h2,
.admin-list-item li h2.plain {
    font-weight: normal;
}

#admin-list-articles {
    padding-bottom: 20px;
}

#faq-link-selector {
    input {
        display: inline-block !important;
        margin: 0px 8px;
        vertical-align: middle;
    }
    span {
        display: inline-block;
        vertical-align: middle;
    }
}

#imp-variables > * {
    padding: 12px 0 !important;
    position: relative;
}

#imp-variables-button-wrapper .appbutton {
    background-color: red;
    float: right;
	margin-left: 10px;
}

#imp-variables-button-wrapper {
    border-top: 1px solid #CCCCCC;
    height: 55px;
    padding-right: 10px;
    padding-top: 10px;
}

#imp-variables > div > h2 {
    float: left;
    line-height: 32px;
    padding: 0 20px;
    width: 271px;
}

#imp-variables > div > h2.magento {
    width: 250px;
}

#imp-variables > div > h2.magento > a {
    font-size: 12px;
    line-height: 6px;
}

span.url-prefix {
    float: left;
    font-size: 13px;
    padding: 7px 5px 0px 0px;
}

#imp-variables > div > div {
}

.mag-cb div label {
    margin-left: 8px;
}

.mag-field-wrapper {
    width: 50%;
}

.mag-field-wrapper.left {
    float: left;
}

.mag-field-wrapper.right {
    float: right;
}

.admin-list-item li h3 {
    color: #888;
    font-size: 13px;
}

.admin-list-item li h4 {
    color: #aaa;
    font-size: 11px;
    padding-top: 2px;
}

.admin-list-item li h4.labels {
    width: 630px;
}

.admin-list-item li.disabled h2,
.admin-list-item li.disabled h2 span.email,
.admin-list-item li.disabled h3,
.admin-list-item li.disabled h4 {
    color: #ddd;
}

.admin-list-item li.disabled h2 div.app-tag {
    display: inline-block;
}

.admin-list-actions {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -13px;
}

.admin-list-actions a {
    display: inline-block;
    height: 24px;
    margin-right: 10px;
    overflow: hidden;
}

.admin-list-actions a.switch-btn-action {
    margin-right: 16px;
}

.admin-list-actions a, .admin-list-actions img {
    cursor: pointer;
}

.admin-list-actions .switch-btn {
    float: left;
    width: 83px;
    height: 25px;
    background-color: transparent;
    background-image: url('../images/switch_empty.png');
    background-repeat: no-repeat;
	background-color: #444444;    
    font-family: arial,sans-serif;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0;
    min-width: 120px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 0 2px rgba(0, 0, 0, 0.3);
    vertical-align: middle;
}

.admin-list-actions .switch-btn-on {
    background-position: 0 0;
	color: #666666;
	text-align: left;
}

.admin-list-actions .switch-btn-off {
    background-position: 0 -25px;
	color: #BBBBBB;
	text-align: right;
}

.admin-list-actions .disconnect-btn {
	display: inline-block;
	height: 21px;
	width: 21px;
	float: left;
	background: transparent url('../images/disconnect-btn.png') no-repeat 0px 3px;
	margin-right: 80px;
}

.admin-list-actions .disconnect-btn:hover {
	cursor: pointer;
}

.admin-list-actions .disconnect-lbl {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	line-height: 23px;
	padding-left: 23px;
	top: 17px;
}

/******************/
/*** TABLE ITEM ***/
/******************/

.admin-tbl-wrapper {
    margin: 20px;
    color: #666;
    border: 2px solid #888;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.admin-tbl-wrapper .admin-list-item {
    padding-bottom: 40px;
}

.admin-tbl-header {
    overflow: hidden;
    background-color: #AFAFAF;
    border-bottom: 1px solid #888;
}

.admin-tbl-header > span,
.admin-tbl-header > h3 {
    float: left;
    color: #444;
    font-size: 22px;
    font-family: BebasNeueRegular, CuprumFFURegular, Tahoma, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.admin-tbl-header .appbutton {
    margin: 0 0 0 10px;
    float: right;
}

.admin-tbl-wrapper .admin-tbl-header,
#admin-list-categories-notify,
#admin-list-topics-notify,
#admin-list-articles-notify,
#admin-list-general-notify,
#imp-result-notify {
    padding: 10px;
    color: #666;
}

.admin-tbl-wrapper #imp-result {
    border: medium none;
    height: 151px;
    margin-left: 10px;
    margin-top: 15px;
    overflow: hidden;
    width: 97%;
}

.admin-tbl-contentWrapper {
    padding: 20px;
}

.admin-tbl-contentWrapper li {
    margin: 0 0 15px;
}

.admin-tbl-contentWrapper li:last-child {
    margin: 0;
}

/*********************/
/*** MAIN SELECTOR ***/
/*********************/

.admin-main-selector {
    background-color: #AFAFAF;
    border-bottom: 1px solid #888;
    border-top: 1px solid #888;
    margin-top: -1px;
    padding: 6px;
	overflow: hidden;
}

.admin-main-selector .x-form-item {
    margin-bottom: 0;
}

/*********************************/
/*** VISUAL CONFIGURATION PAGE ***/
/*********************************/
ul.visual-config label {
    width: 150px;
    font-size: 13px;
    padding-top: 7px;
    color: #444;
}

ul.visual-config label.desc {
    display: block;
    width: 450px;

    padding-top: 7px;
    margin: 3px 0 0 155px;

    color: #444;
    font-size: 10px;
}

.fileuploadform.logo {
    margin: 0 5px;
    padding-top: 0;
}

ul.visual-config h4 {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px 0;
    font-size: 15px;
}

ul.visual-config li.loading {
    background: #fff url('../images/progress-icon.gif') no-repeat center right;
}

ul.visual-config li.ok,
#li-uploadLogo.ok {
    background: #fff url('../images/resolve-icon-16.png') no-repeat center right;
}


ul.visual-config li.currentLogo-container {
    height: 90px;
}

#li-uploadLogo {
 height: 80px;
}

ul.visual-config li.currentLogo-container label,
ul.visual-config li.currentLogo-container img {
    float:left;
}

ul.visual-config li.currentLogo-container label {
    display: block;
    margin: 0 5px 0 5px;
}

/** subscription / my account **/

div.admin-subscription-heading {
	color: #8498a6;
	font-family: calibri;
	font-size: 45px;
}

div.subscription-chooser-page {
	padding-bottom: 50px;
}

div#bill-variables-body-information {
	width: 165px;
	padding: 22px;
	background: #fff url('../images/subscr-bubble-info.png') no-repeat 0px 35px;
	font-family: calibri;
	font-style: italic;
	height: 273px;
    float: right;
}

div#bill-variables-body-curr-warning {
	margin-top: 60px;
	color: #bfbfbf;	
	font-size: 12px;
	position: absolute;
	bottom: 20px;
	right: 22px;
	width: 154px;
}

div.bill-variables-body-curr-usage {
	color: #6f6f6f;
	font-size: 13px;
	position: relative;
	top: 28px;
}

.bill-variables-body-curr-usage p{
	margin-bottom: 16px;
}

.upgr-opt-free {
	background-image: url('../images/subscr-free-bg.png');
	width: 196px;
}

.upgr-opt-free p.subscr-plan-subtitle {	
	font-family: calibri;
	font-size: 14px;
	color: #1d1d1d;	
}

.upgr-opt-premium p.subscr-plan-subtitle {	
	font-family: calibri;
	font-size: 14px;
	color: #1d1d1d;	
}

.upgr-opt-free p.subscr-plan-title {
	font-family: calibri;
	font-size: 25.82px;
	color: #444040;
	font-weight: bold;
}

.upgr-opt-premium p.subscr-plan-title {
	font-family: calibri;
	font-size: 28px;
	color: #1d1d1d;
	font-weight: bold;
}

#bill-variables-body-upgrade-opts .horizontal-list {
	float: left;
	margin: 10px;
}

.upgr-opt-premium {
	background-image: url('../images/subscr-premium-bg.png');
	width: 196px;
}

div#bill-variables-body-upgrade-box {
	width: 480px;
}

div.subscr-price-div-free {
	background-image: url('../images/subscr-free-price.png');
	background-repeat: no-repeat;
	background-position:center; 
	font-family: calibri;
	font-size: 14px;
	color: #1d1d1d;
	text-align: center;
	background-color: #fff;	
	margin: 26px 26px 0px 26px;
	border-top: 10px solid #FFFFFF;
	height: 70px;	
}

div.subscr-price-div-premium {
	//background-image: url('../images/subscr-premium-price.png');
	background-repeat: no-repeat;
	background-position:center; 
	font-family: calibri;
	font-size: 49px;
	color: #F0A750;
	text-align: center;
	background-color: #fff;	
	margin: 26px 26px 0px 26px;
	border-top: 10px solid #fff;
	height: 70px;	
}

.upgr-opt-free div.subscr-price-desc-div {
	margin: 0px 26px 0px 26px;
	background-color: #fff;
	border-bottom: 20px solid #fff;
}

.upgr-opt-premium div.subscr-price-desc-div {
	margin: 0px 26px 0px 26px;
	background-color: #fff;
	border-bottom: 0px solid #fff;
}

div.subscr-plan-desc-div {
	font-family: calibri;
	font-size: 12px;
	color: #1d1d1d;
	margin: 9px 26px 9px 26px;	
}

#bill-variables-body-upgrade-opts {
	text-align: center;
}

.admin-checkboxes {
	display: none;
}

div.agent-count-selector {
	width: 66px;
	height: 40px;
	border: 2px #bac0c2 solid;
	text-align: center;
	float: left;
}

.agent-count-selector #agent-count-number {
	font-size: 19px;
	font-weight: 500;	
	color: #504546;
	width: 23px;
	float: left;
	position: relative;
	left: 8px;
	top: 5px;
}

.agent-count-selector .agent-count-arrow-minimum {
	width: 22px;
	height: 36px;
	float: right;
	background: #fff url('../images/subscription-agent-arrow.png') no-repeat 0px 0px;
}

.agent-count-selector .agent-count-arrow-normal {
	width: 22px;
	height: 36px;
	float: right;
	background: #fff url('../images/subscription-agent-arrow.png') no-repeat 0px -40px;	
}

.agent-count-selector #agent-count-arrow-up {
	cursor: pointer;
	height: 20px;
}

.agent-count-selector #agent-count-arrow-down {
	cursor: pointer;
	height: 20px;
}

h2#bill-variables-body-nextfee {
	width: 150px;
	float: left; 
	margin: -4px 14px;
}

div#total-paid-price {
	float: right;
	
	height: 44px;
	width: 92px;
	border: 2px #bac0c2 solid;
	background-color: #e2e4e5;
	padding: 5px;
	
	text-align: center;
	color: #414546;
	font-size: 21px;
	overflow: visible;
}

#bill-variables li:before{ 
	content:"-";
	position:relative;
	left:-5px;
}
	

/* ADMIN PAGE: CONTACT PANEL */
div#contact-panel-overview {    
    color: #666666;
    font-weight: normal;
    font-size: 15px;
}

div#contact-panel-overview div.top {
    padding: 20px;
    border-bottom: 1px solid #CCCCCC;
    margin: 0px 0px 10px 0px;    
    height: 25px;
}

#contact-panel-overview > div.top > label.left {    
    width: 200px;
    display: inline-block;
}

#contact-panel-overview > div.top > label.right {    
    width: 200px;
    display: inline-block;
}

#contact-panel-overview > div.contact-panel-input-fields {
    /*border-bottom: 1px solid #CCCCCC;*/
}

#contact-panel-overview > div.contact-panel-input-fields > label {
    padding: 10px 10px 10px 22px;
    width: 200px;
    display: inline-block;
}

#contact-panel-buttons {
    margin: 20px;
    clear: both;
    padding-top: 20px;
}

#contact-panel-buttons > div.input-wrapper {
    border: 1px solid #888888;    
    margin-bottom: 20px;    
}

#butons-add-input-container {
    padding: 10px;
    background-color: #AFAFAF;
}

#butons-add-input-descr{
    padding: 10px;
}

div#contact-panel-buttons > div.customurl-wrapper {
    border: 1px solid #888888;    
}

#butons-add-customurl-container{
    padding: 10px;
    background-color: #AFAFAF;
}

#butons-add-customurl-descr{
    padding: 10px;    
}

.contact-panel-controller-wrapper {
    float: right;
    width: 100px;
    display: inline-block;
    
    position: relative;
    top: 10px;
}

.contact-panel-controller-edit {
    background: #fff url('../images/edit-icon-24.png') no-repeat 0px 0px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: -13px;
    cursor: pointer;
}

.contact-panel-controller-hide {
    background: #fff url('../images/eye-hidden-24-light.png') no-repeat 0px 4px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 13px;
    cursor: pointer;
}

.contact-panel-controller-hide-crossed {
    background: #fff url('../images/eye-hidden-24-light.png') no-repeat 0px -28px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 13px;
    cursor: pointer;
}

.contact-panel-controller-trash {
    background: #fff url('../images/remove-icon-24.png') no-repeat 0px 0px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 13px;
    cursor: pointer;
}
.admin-twit-contentWrapper div span.twit-logo {
	display: inline-block;
	background: transparent url('../images/twitter-bird-light-bgs.jpg') no-repeat 0px 0px;
	height: 200px;
	width: 250px;
	float: right;
}

.admin-twit-contentWrapper #twit-add-btn-wrapper {
	clear: both;
	padding: 45px 0 7px 0;
}

.admin-twit-bodytxt {
	float: left;
	text-align: justify;
	width: 340px;
}

.admin-list-logo .admin-twit-logo {
    padding-left: 15px;
	float: left;
	width: 61px;
}

.admin-twit-contentWrapper {
    padding: 28px;
}

div#warnings {
    color: #ff3a66;
}

.uppercase {
    text-transform:uppercase;
}

.top-right-corner {
    float: right;
    font-size: 17px;
    text-decoration: underline;
    font-weight: 700;
    color: #666;
}

.menu-agent-disable{
    color: #d5d5d4;
    background: none !important;
    cursor: text !important;
    margin: 2px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
}
.time-filter-Disabled{
    color: #d5d5d4;
    background: none !important;
    cursor: text !important;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 2px -5px;
    padding: 2px;
}
.reporting-acivity-type-holder{
    margin-top:30px;
    width:135px;
    height:50px;
    position:absolute;
    z-index:4000;
}