@font-face {
	font-family: chalkboard_font;
	src: url('../images/DK Crayon Crumble.ttf');
}
html {min-height:100%}
body
{
	margin: 0;
	padding: 0;
	color: #262626;
	font: normal 10pt Helvetica,Arial,sans-serif;
	/*background: url(../images/clouds.jpg) #888faa;*/
	background: #5a6c88;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.v2-page-title{display: none;}
.invoice-currency-dropdown-holder{
	float:right;
	position:absolute;
	right:0;
	top:-20px
}
#accounts-list{
	width:380px;float:right;
}
.inline-width-auto,
div.wide-label.wide-input.form label.inline-width-auto,
.form .row .inline-width-auto{
	display:inline;
	width:auto;
}
input[type=button],
input[type=submit],
input[type=text],
input[type=password],
textarea {
	font-family: Helvetica,Arial,sans-serif!important;
}
thead th {background: none;}

::-webkit-input-placeholder {
	color: #707070;
}
:-moz-placeholder {
	color: #707070;
}
:-ms-input-placeholder {
	color: #707070;
}
.site-alert{
	width: 100%;
	height: auto;
	padding: 2px;

	color: #fff;
	background: #ff6a00;
	text-align: center;
	box-sizing: border-box;
}
.site-alert .dismiss-btn {
	display: block;
	float:none;
	margin: 10px auto 5px auto;
}
.site-alert .dismiss-btn:after {
	content: ' ';
	display: block;
	clear: both;
}
.site-alert.theme-black{
	color: #ccc;
	background: #222;
	font-size: 12px;
	padding: 5px 15px 5px 15px;
}
.popup-container {
	padding: 15px;
}

#page
{
	/*width: 860px;*/
	width: 100%;
}

#header
{
	width: 860px;
	margin: 10px auto 0 auto;
	padding: 0;
}

#top-menu-container {
	position: relative;
	width: 280px;
	float: left;
}

#top-menu-container img {
	margin-right: 5px;
	margin-top: 5px;
}
#top-menu-container .you-are-here-arrow{
	background: url(../images/youarehere.png) no-repeat;
	width: 170px;
	height: 70px;
	position: absolute;
	top: 30px;
	left: 0;
}

#top-text-menu-container {
	position: relative;
	margin-right: 5px;
	margin-top: 20px;
	float: right;
}
#top-text-menu-container ul,
#top-text-menu-container ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#top-text-menu-container ul li {
	display: block;
	float: left;
	margin-left: 5px;
	padding-right: 5px;
	height: 12px;
	line-height: 12px;
	font-size: 11px;
	border-right: solid 1px #ccc;
	-webkit-font-smoothing: antialiased;
}
#top-text-menu-container ul li:last-child {
	border-right: none;
}
#top-text-menu-container ul li a{
	color: #ccc;
	text-decoration: none;
}
#top-text-menu-container .user-info{
	/*position: absolute;
	bottom: -15px;
	right: 0;
	border: none;
	white-space: nowrap;*/
}

#logo {
	float: right;
	width: 124px;
	height: 34px;
	background: url(../images/logo-apptium.png) no-repeat;
	overflow:hidden;
	text-indent: -1000px;
	padding: 0 0;
	margin: 10px 0;
	font-size: 200%;
}

#main-menu-container {
	position: absolute;
	width: 780px;
	height: 150px;
	left: 50%;
	top: 45%;
	margin-top: -75px;
	margin-left: -390px;
}
#main-menu-container img{
	margin-right: 15px;
	margin-left: 15px;
	-moz-box-shadow: 10px 40px 50px 0 #000;
	-webkit-box-shadow: 10px 40px 50px 0 #000;
	-mox-box-shadow: 0 30px 50px 0 #000;
	-khtml-box-shadow: 0 30px 50px 0 #000;
	box-shadow: 10px 40px 50px 0 #000;
	cursor: pointer;
}
#main-menu-container .menu-label{
	position: relative;
	width: 126px;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 18px;
	color: #fff;
	text-align: center;
	float: left;
	z-index: 2;

}
#main-menu-container a {
	display: block;
	float: left;
	width: 96px;
	height: 96px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 10px;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-kthml-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;

	-moz-box-shadow:    10px 40px 50px 0 #334;
	-webkit-box-shadow: 10px 40px 50px 0 #334;
	-kthml-box-shadow:  10px 40px 50px 0 #334;
	box-shadow:         10px 40px 50px 0 #334;
}
#main-menu-container a img{
	margin-left: 0;
	margin-right: 0;

	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	-kthml-box-shadow:  none;
	box-shadow:         none;
}

#main-menu-container a,
#main-menu-container .menu-label{
	/*Set initial opacity to 0 so we can dynamically calculate and adjust the position of the menu withoud it being visible*/
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	opacity: 0.0;

	/*nice sliding effect*/
	margin-top:-10px;
}
/*
#content
{

     padding: 20px;
}
*/

#footer
{
	/*padding: 10px;*/
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
}
#footer .poweredBy {
	display: none;
	text-align: center;
	font-size: 9px;
}
#footer .poweredBy a{
	text-decoration: none;
}
#footer .copyright {
	margin-top: 30px;
	font-size: 11px;
	color: #bbb;
}
#footer .copyright a{
	color: #bbb;
	text-decoration: none;
}
#page.page-site-login #footer,
#page.page-site-requestPasswordReset #footer,
#page.page-site-index #footer {
	position: fixed;
	bottom: 10px;
	left: 50%;
	margin-left: -175px;
}
/* ***** */
#inner-container {
	width: 840px;
	padding: 10px;
	margin: 10px auto 0 auto;

	min-height: 100px;

	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;

	-moz-box-shadow:    0 0 10px 0 #334;
	-webkit-box-shadow: 0 0 10px 0 #334;
	-kthml-box-shadow:  0 0 10px 0 #334;
	box-shadow:         0 0 10px 0 #334;
}
#inner-container.wide {
	width: 100%;
	min-width: 860px;
	padding-right: 0;
	padding-left: 0;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
}
#inner-container.wide .inner-wrapper{
	/*margin: 0 10px 0 10px;*/
	margin: 0;
}
.page-site-error #inner-container {margin-top: 50px;}
#page-search-container {
	float: right;
	width: 180px;
	height: 28px;

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

	background: #ebebeb;
}
#page-search-container input[type=text]{
	float: left;
	width: 140px;
	padding-left: 10px;
	margin-top: 6px;
	border: none;

	color: #686a69;
	background: transparent;
	font-size: 12px;
}
#page-search-container input[type=image]{
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}

.page-menu-container ul,
.page-menu-container ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.page-menu-container ul li {
	display: block;
	position: relative;
	/*width: 70px;*/
	height: 25px;
	float: left;
	margin-right: 5px;
}
.page-menu-container ul li a {
	display: block;
	/*width: 70px;*/
	height: 15px;
	line-height: 15px;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;

	text-align: center;
	text-decoration: none;
	color: #686a69;
	background-color: #fff;
}
.page-menu-container ul li a:hover{
	background: #e6e6e6;
}
.page-menu-container ul li.active > a{
	background: #0080ff;
	color: #fff;
	font-weight: bold;
}
.page-menu-container ul li.important a{
	color: #ce2929;
}
.page-menu-container ul li.important:hover a{
	background: #ce2929;
	color:#fff;
}
.page-menu-container ul li.important.active a{
	color:#fff;
	background: #ce2929;
}
.page-menu-container ul li.highlight a {
	background: #e78015;
	color: #fff;
}
.page-menu-container ul li.right {
	margin-right: 0;
}
.page-menu-container.fixed-width ul li a {
	width: 70px;
}
.page-menu .notifications {
	position: absolute;
	display: block;
	right: -3px;
	top: -5px;
	background: #fb8b00;
	color: #fff;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 15px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	height: 15px;
	line-height: 15px;
	-webkit-box-shadow: #fff 0 0 1px 0;
	-khtml-box-shadow: #fff 0 0 1px 0;
	-moz-box-shadow: #fff 0 0 1px 0;
	box-shadow: #fff 0 0 1px 0;
}
.page-submenu-grid {
	position: relative;
}
.page-submenu-container ul:after {
	content: ' ';
	display: block;
	clear: both;
}
.page-submenu-grid {
	margin-top: 10px;
	padding: 10px 10px 0 10px;
	background: #e6e6e6;

	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-khtml-border-top-left-radius: 3px;
	border-top-left-radius: 3px;

	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-khtml-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}
.page-submenu-container ul li {
	margin-bottom: 5px;
}
.page-submenu-container ul li a{
	background: #fff;
}
.page-submenu-container ul li:hover a{
	background: #fafafa;
}
.page-submenu-container ul li.active a{
	background: #0080ff;
	color: #fff;
	font-weight: bold;
}

.tabs-buttons-container ul,
.tabs-buttons-container ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.tabs-buttons-container ul li {
	display: block;
	position: relative;
	height: 25px;
	float: left;
	margin-right: 5px;
}
.tabs-buttons-container ul li a {
	display: block;
	width: 70px;
	height: 15px;
	line-height: 15px;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;

	text-align: center;
	text-decoration: none;
	color: #686a69;
	background-color: #fff;
}
.tabs-buttons-container ul li a:hover{
	background: #fafafa;
}
.tabs-buttons-container ul li.active > a{
	background: #0080ff;
	color: #fff;
	font-weight: bold;
}

#inner-container .grid-view {
	background: #e6e6e6;
	padding: 10px;
	margin-top: 10px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
#inner-container .grid-view .grid-header{
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0.5em;
	font-weight: bold;
	color: #4d4d4d;
}
#inner-container .grid-view .grid-total {
	text-align: right;
	font-size: 28px;
	font-weight: bold;
	margin-top: 15px;
	color: #4d4d4d;
}
body .grid-view table.items,
body .grid-view table.items td,
body .grid-view table.items th {
	border-collapse: collapse;
	border: solid 1px #e6e6e6;
	background: #f3f3f3;
	margin-bottom: 0;
}
body .grid-view table.items th{
	padding-bottom: 20px;
	color: #222;
	font-weight: bold;
	text-align: left;
}
body .grid-view table.items th a,
body .grid-view table.items th a:hover {
	font-weight: bold;
	color: #222;
	text-decoration: none;
}
body .grid-view table.items td{
	padding: 5px;
	cursor: pointer;
	vertical-align: top;
}
body .grid-view table.items td.empty{
	cursor: default;
}
body .grid-view table.items td.number{
	text-align: right;
}
body .grid-view table.items td.datetime{
	width: 130px;
}
body .grid-view table.items tr.selected td {
	background: #0080ff;
	color: #fff;
	border-left: solid 1px #0087c1;
	border-right: solid 1px #0087c1;
	border-bottom: solid 1px #0087c1;
}
body .grid-view table.items tr.selected td a {
	color: #fff;
}
body .grid-view table.items td.empty {
	text-align: center;
}
body .grid-view table.items tr.disabled td {
	color: silver;
}
body .grid-view table.items table {
	border-collapse: collapse;
	margin-bottom: 0;
}
body .grid-view table.items table td{
	border-collapse: collapse;
}
body .grid-view table.items a {
	text-decoration: none;
	color: #0080ff;
}
body .grid-view table.items a:hover {
	text-decoration: underline;
}
#inner-container .grid-view .filters td{
	background: #e6e6e6;
	padding: 4px 7px 4px 2px;
	cursor: default;
}
#inner-container .grid-view .filters td:first-child{
	padding-left: 0;
}
#inner-container .grid-view .filters td:last-child{
	padding-right: 5px;
}
#inner-container .grid-view .filters td input[type=text]{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: none;
	background: #fff;
	padding: 5px 0 5px 5px;

	/*font-weight:bold;*/
	color: #707070;
	margin-top: 0;
	height: 16px;
}
#invoice-grid.grid-view .filters td.name{
	width: 176px;
	padding-right: 8px;
}
#inner-container .grid-view .filters td.name input{
	background: url(../images/search_btn_w.png) right center no-repeat #fff;
}
#inner-container .grid-view table.items .cloud-pricebooks-filters td {
	padding-left:0; padding-right:4px;
	background: #e6e6e6;
}
#inner-container .grid-view .cloud-pricebooks-filters input,
#inner-container .grid-view .cloud-pricebooks-filters select {
	width: 100%;
}
#inner-container .grid-view.submenu .summary{display:none;/*line-height: 25px;*/}

#inner-container .grid-view.submenu {
	margin-top: 0;
	padding-top: 0;

	-moz-border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-khtml-border-top-left-radius: 0;
	border-top-left-radius: 0;

	-moz-border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-khtml-border-top-right-radius: 0;
	border-top-right-radius: 0;
}

/*
#inner-container .grid-view .filters td.name input.autocomplete-suggestion{
	color:silver;
}
#inner-container .grid-view .filters td.name input.ui-autocomplete-input{
	background: transparent;
	position:absolute;
	top:4px;
	left:0;
	width:176px;
}
*/
#inner-container .grid-view .filters td.name .ui-autocomplete-input{
	width:151px;
	padding-right: 25px;
}
#inner-container .grid-view .filters .autocomplete-container {
	position: relative;
}
#inner-container .grid-view .filters .autocomplete-container .btn-clear {
	position: absolute;
	top: 4px;
	left: 158px;
	width: 18px;
	height: 18px;
	background: url(../images/delete-icon.png) center center no-repeat #fff;
}
#inner-container .grid-view .filters td.name .ui-autocomplete-loading,
#inner-container .grid-view .filters td.name .loading {
	/*background: url(../images/ajax-loader.gif) 185px center no-repeat #fff;*/
	background: url(../images/ajax-loader.gif) 159px center no-repeat #fff;
	position:relative;
	z-index:100;
	/*
	*/
}

.row-with-tooltip-icon>* {
	display: inline-block;
}
.icon-with-tooltip .icon {
	line-height: 30px;
	display: inline-block;
	vertical-align: -webkit-baseline-middle;
}

.icon-with-tooltip {
	position: relative;
}

.icon-with-tooltip .tooltip-container{
	display: none;
	position: absolute;
	top: 25px;
	left: -50%;
	background: #7d7d7d;
	padding: 10px;
	color: #FFFFFF;
	z-index: 1000;
	width: 300px;
}

.icon-with-tooltip:hover .tooltip-container{
	display:block;
}

#inner-container .grid-view .filters select{
	height: 26px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-top: 0;
}

#inner-container .grid-view div.items.loading{
	height: 40px;
	width: 100%;
	background: url(../images/ajax-loader-gr.gif) center center no-repeat;
}
.grid-buttons {
	background: #e6e6e6;
	/*padding-bottom: 10px;*/
	padding-top: 10px;
}
.grid-buttons::after {
	content: '';
	display: block;
	clear: both;
}
.field-notes {
	font-size: 80%;
	font-style: italic;
}
.grid-buttons input[type=button],
.grid-buttons input[type=submit],
.form input[type=button],
.form input[type=submit],
input[type=button],
input[type=submit] {
	float: right;
	border: none;

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

	color: #fff;
	padding: 0 10px 0 10px;
	min-width: 80px;
	height: 28px;
	margin-left: 10px;

	font-weight: bold;

	cursor: pointer;

	background: #606060; /* Old browsers */
	background: -moz-linear-gradient(top, #7c7c7c 0%, #454545 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c7c7c), color-stop(100%,#454545)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7c7c7c 0%,#454545 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7c7c7c 0%,#454545 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7c7c7c 0%,#454545 100%); /* IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#454545',GradientType=0 ); *//* IE6-9 */
	background: linear-gradient(top, #7c7c7c 0%,#454545 100%); /* W3C */
}
.form input[type=button].wide,
.form input[type=submit].wide {
	/*width: 160px;*/
}
.grid-buttons input.main-action,
.form input[type=button].main-action,
.form input[type=submit].main-action,
input[type=button].main-action,
input[type=submit].main-action {
	background: #2a70e0; /* Old browsers */
	background: -moz-linear-gradient(top, #307cf9 0%, #225ebe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#307cf9), color-stop(100%,#225ebe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #307cf9 0%,#225ebe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #307cf9 0%,#225ebe 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #307cf9 0%,#225ebe 100%); /* IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#307cf9', endColorstr='#225ebe',GradientType=0 ); *//* IE6-9 */
	background: linear-gradient(top, #307cf9 0%,#225ebe 100%); /* W3C */
}
input[type=button].export-csv,
.grid-buttons input[type=button].export-csv {
	/*width: 110px;*/
}
.form input[type=button].important,
.form input[type=submit].important {
	background: #ce2929; /* Old browsers */
	background: -moz-linear-gradient(top,  #ce2929 0%, #b21515 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce2929), color-stop(100%,#b21515)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ce2929 0%,#b21515 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ce2929 0%,#b21515 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ce2929 0%,#b21515 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ce2929 0%,#b21515 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce2929', endColorstr='#b21515',GradientType=0 ); *//* IE6-9 */
}
.grid-buttons .left,
.buttons .left{
	margin-left:0!important;
	margin-right: 10px;
}
input[type=button].important {
	background: #ff7700; /* Old browsers */
	background: -moz-linear-gradient(top, #ff7700 1%, #c05a09 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ff7700), color-stop(100%,#c05a09)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff7700 1%,#c05a09 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff7700 1%,#c05a09 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff7700 1%,#c05a09 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff7700 1%,#c05a09 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7700', endColorstr='#c05a09',GradientType=0 ); *//* IE6-9 */
}
.grid-buttons input[disabled],
.form input[type=button][disabled],
.form input[type=submit][disabled],
.grid-buttons input[disabled].important,
.form input[type=button][disabled].important,
.form input[type=submit][disabled].important {
	cursor: default;
	/*color: #dadada;*/
	background: #606060; /* Old browsers */
	background: -moz-linear-gradient(top, #7c7c7c 0%, #454545 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c7c7c), color-stop(100%,#454545)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7c7c7c 0%,#454545 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7c7c7c 0%,#454545 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7c7c7c 0%,#454545 100%); /* IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#454545',GradientType=0 ); *//* IE6-9 */
	background: linear-gradient(top, #7c7c7c 0%,#454545 100%); /* W3C */
}
#inner-container .form {
	background: #e6e6e6;
	padding: 10px;
	margin-top: 10px;

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

.custom-select {
	position: relative;
	width:100%;
	height: 26px;
	background: url(../images/custom-select.png) center right no-repeat #fff;

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

	padding-right: 4px;
}
.custom-select.busy {
	background: url(../images/ajax-loader-ltgr.gif) center right no-repeat #fff;
}
.custom-select .value{
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 16px;
	line-height: 16px;
	box-sizing: border-box;

	text-align: left;
	display: block;

	/**font-weight:bold;*/

	cursor: pointer;
	padding: 5px 0 5px 0;
}
.custom-select .value .inner{
	margin-right: 24px;
	margin-left: 5px;
	white-space: nowrap;
	overflow: hidden;
	display: block;

	font-size: 11px;
	color: #707070;
}
.custom-select select{
	position: relative;
	z-index: 2;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	opacity: 0.0;
	color: #707070;
	cursor: pointer;
}
.custom-select.disabled .value,
.custom-select.disabled select {
	cursor: default;
}
.custom-dropdown {
	position: relative;
	width:100%;
	height: 26px;
	background: url(../images/custom-select.png) center right no-repeat #fff;

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

	padding-right: 4px;
}
.custom-dropdown.opened {
	-moz-border-bottom-left-radius: 0;
	-moz-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	-khtml-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;

}
.custom-dropdown .value{
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 16px;
	line-height: 16px;
	text-align: left;
	display: block;

	/**font-weight:bold;*/

	cursor: pointer;
	padding: 5px 0 5px 0;
}
.custom-dropdown .value .inner{
	margin-right: 24px;
	margin-left: 5px;
	white-space: nowrap;
	overflow: hidden;
	display: block;

	color: #707070;
}

.custom-dropdown.date-filter{
	/*width: 130px;*/
	margin-right: -4px;
}

.custom-dropdown div.options {
	display: none;
	position: absolute;
	top: 26px;
	background: #fff;
	width: 100%;
	overflow: hidden;
	max-height: 380px;
	padding-right: 4px;

	-moz-border-bottom-left-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-khtml-border-bottom-left-radius: 3px;
	-khtml-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.custom-dropdown.opened div.options {
	display: block;
}
.custom-dropdown div.options ul,
.custom-dropdown div.options ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.custom-dropdown div.options ul li{
	display: block;
	padding: 4px;
	margin-right: -4px;
	height: 18px;
	line-height:18px;
}
.custom-dropdown div.options ul {
	position:relative;
}

.custom-dropdown div.options ul li:last-child{
	-moz-border-bottom-left-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-khtml-border-bottom-left-radius: 3px;
	-khtml-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;

}
.custom-dropdown div.options ul > li:hover{
	background-color: #0080ff;
	color: #fff;
}

.custom-dropdown div.options .suboptions {
	display:none;
	position:absolute;
	top:0;
	left:100%;
	width:100%;
	background-color:#fff;
}

.custom-dropdown div.options .suboptions .suboptiontitle {
	padding-left:20px;
	border-bottom:1px solid #a7aaa9;
	color:#000000;
}
.custom-dropdown div.options .suboptions .suboptiontitle:hover {
	color:#fff;
}

.custom-dropdown div.options .has-suboptions:after,
.custom-dropdown div.options .suboptiontitle:before {
	content: '';
	border: 2px solid transparent;
	display: inline-block;
	width: 4px;
	height: 4px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: 6px;
	position: absolute;
	border-color: rgba(0, 0, 0, 0.3);
}

.custom-dropdown div.options .suboptiontitle:before {
	border-right:none;
	border-bottom:none;
	left:8px;
	border-color: rgba(45, 141, 229, 0.7);
}
.custom-dropdown div.options .suboptiontitle:hover:before {
	border-color: rgba(255, 255, 255, 0.7);
}

.custom-dropdown div.options .has-suboptions:after {
	border-top:none;
	border-left:none;
	right:10px;
}

.custom-dropdown div.options .suboptions li {
	padding-left:19px;
}

.custom-dropdown.date-filter div.options {
	width: 170px;
}

.dropdown-button {
	float: right;
	position: relative;
	margin-left: 10px;
	width: 80px;
	height: 28px;
}
.dropdown-button a{
	width: 55px;
	padding: 0 15px 0 10px;
}
.dropdown-button .arrow{
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 28px;
	background: url(../images/custom-select-wh-tr.png) center right no-repeat transparent;
}
.dropdown-button select {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;

	width: 100%;
	height: 28px;

	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	opacity: 0.0;
	color: #707070;
	background: transparent; /* for height in Safari */
	cursor: pointer;
}
.dropdown-button input[type=button] {
	position: absolute;
	top: 0;
	left: 0;
	float: none;
	width: 100%;
	margin-left: 0;
}

/*******************************************
 *
*******************************************/
#sidebar
{
	padding: 20px 20px 20px 0;
}

#mainmenu
{
	background:white url(bg.gif) repeat-x left top;
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #6399cd;
	background-color:#EFF4FA;
	text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

.Sku_amazonProductField {display:none;}
.Sku_cloudProviderCommingSoon {
	display:none;
	position: relative;
	color: #999;
	font-style: italic;
	text-align: center;
}
.Sku_cloudProviderCommingSoon div{
	position: absolute;
	left: 140px;
}

.slider-container .slider-markers-container {
	position: relative;
}
.slider-container .slider-markers-container .slider-marker {
	position: absolute;
	top: -4px;
	/*width: 1px;*/
	height: 9px;
	float:left;
	border-right: solid 1px #afafaf;
}
.slider-container .slider-markers-container .slider-marker:hover {
	background: #2a70e0;
	-moz-opacity: 0.2;
	opacity: 0.2;
	filter: alpha(opacity=20);
	border-right: solid 1px #000000;
}
.slider-container .slider-info {
	color: #909090;
	font-size: 11px;
	clear: left;
}
#Sku_CalculatorOuterContainer .slider-container .ui-slider  {
	margin-bottom: 8px;
	margin-top: 15px;
}
#Sku_CalculatorOuterContainer select {
	margin-bottom: 0;
}
#Sku_CalculatorOuterContainer table {
	margin-bottom: 0;
}
#Sku_CalculatorOuterContainer td.slider-container {
	padding-top: 0;
}

#Sku_CalculatorOuterContainer .AmazonCalculatorGroup {
	margin-bottom: 20px;
}
#Sku_CalculatorOuterContainer .AmazonCalculatorField {
	padding-left: 20px;
}
#Sku_CalculatorOuterContainer .AmazonCalculatorField label{
	width: auto;
}

#Sku_CalculatorOuterContainer h2,
#Sku_CalculatorOuterContainer h3,
#Sku_CalculatorOuterContainer h4 {
	margin-top: 20px;
	margin-bottom: 0;
}
#Sku_CalculatorOuterContainer .slider-value,
#Sku_CalculatorOuterContainer .slider-price {
	width: 100px;
	text-align: right;
}
#Sku_CalculatorOuterContainer .amazon-total {
	margin: 50px 12px 30px;
	font-size: 32px;
	text-align: right;
	font-weight: bold;
	color: #343434;
}
#Sku_CalculatorOuterContainer .amazon-total .value {
	margin-left: 40px;
}
/**** Reports ******/
.reports-table-container {
	background: #fff;
	padding: 5px;
	margin-top: 5px;
}

table.reports-table {
	width: 98%;
}
table.reports-table th.number{
	text-align: right;
}
table.reports-table td.number{
	text-align: right;
}
table.reports-table .subtotal td{
	border-top: solid 1px silver;
	font-weight: bold;
	text-align: right;
}
table.reports-table .subtotal td.title{
	border-top: none;
}
table.reports-table .total td{
	padding-top: 20px;
	font-weight: bold;
	text-align: right;
	font-size: 18px;
}

table.reports-table tr.data:hover td{
	background-color: #dddddd;
}

table.reports-table tr.data {cursor: default}
table.reports-table tr.data.has-details {cursor: pointer}

table.reports-table tr.data.data-level-1 {background-color: #fafafa;}
table.reports-table tr.data.data-level-2 {background-color: #f0f0f0;}
table.reports-table tr.data.data-level-3 {background-color: #eaeaea;}
table.reports-table tr.data.data-level-4 {background-color: #e0e0e0;}
table.reports-table tr.data.data-level-5 {background-color: #dadada;}
table.reports-table tr.data.data-level-6 {background-color: #cbcbcb;}
table.reports-table tr.data.data-level-7 {background-color: #bababa;}

table.reports-table tr.data.data-level-1.isResourceFiltered {display: none}
table.reports-table tr.data.data-level-1 {display: none}
table.reports-table tr.data.data-level-2 {display: none}
table.reports-table tr.data.data-level-3 {display: none}
table.reports-table tr.data.data-level-4 {display: none}
table.reports-table tr.data.data-level-5 {display: none}
table.reports-table tr.data.data-level-6 {display: none}
table.reports-table tr.data.data-level-7 {display: none}

table.reports-table tr.data.data-level-0.has-details td.title,
table.reports-table tr.data.data-level-1.has-details td.title,
table.reports-table tr.data.data-level-2.has-details td.title,
table.reports-table tr.data.data-level-3.has-details td.title,
table.reports-table tr.data.data-level-4.has-details td.title,
table.reports-table tr.data.data-level-5.has-details td.title,
table.reports-table tr.data.data-level-6.has-details td.title {
	background-image: url(../images/icon_plus.png);
	background-repeat: no-repeat;
	background-position: left center;
}
table.reports-table tr.data.data-level-0.has-details.opened td.title,
table.reports-table tr.data.data-level-1.has-details.opened td.title,
table.reports-table tr.data.data-level-2.has-details.opened td.title,
table.reports-table tr.data.data-level-3.has-details.opened td.title,
table.reports-table tr.data.data-level-4.has-details.opened td.title,
table.reports-table tr.data.data-level-5.has-details.opened td.title,
table.reports-table tr.data.data-level-6.has-details.opened td.title {
	background-image: url(../images/icon_minus.png);
}

table.reports-table tr.data.data-level-0 td.title{padding-left: 15px;}
table.reports-table tr.data.data-level-1 td.title{padding-left: 25px;}
table.reports-table tr.data.data-level-2 td.title{padding-left: 35px;}
table.reports-table tr.data.data-level-3 td.title{padding-left: 45px;}
table.reports-table tr.data.data-level-4 td.title{padding-left: 55px;}
table.reports-table tr.data.data-level-5 td.title{padding-left: 65px;}
table.reports-table tr.data.data-level-6 td.title{padding-left: 75px;}
table.reports-table tr.data.data-level-7 td.title{padding-left: 85px;}

table.reports-table tr.data.data-level-1.has-details td.title{background-position: 10px center;}
table.reports-table tr.data.data-level-2.has-details td.title{background-position: 20px center;}
table.reports-table tr.data.data-level-3.has-details td.title{background-position: 30px center;}
table.reports-table tr.data.data-level-4.has-details td.title{background-position: 40px center;}
table.reports-table tr.data.data-level-5.has-details td.title{background-position: 50px center;}
table.reports-table tr.data.data-level-6.has-details td.title{background-position: 60px center;}
table.reports-table tr.data.data-level-7.has-details td.title{background-position: 70px center;}


/*save as above; these are used for aws billing customers report; uses 'minified' class names*/
table.reports-table tr.data.data-level-0.hd td.t,
table.reports-table tr.data.data-level-1.hd td.t,
table.reports-table tr.data.data-level-2.hd td.t,
table.reports-table tr.data.data-level-3.hd td.t,
table.reports-table tr.data.data-level-4.hd td.t,
table.reports-table tr.data.data-level-5.hd td.t,
table.reports-table tr.data.data-level-6.hd td.t {
	background-image: url(../images/icon_plus.png);
	background-repeat: no-repeat;
	background-position: left center;
}
table.reports-table tr.data.data-level-0.hd.opened td.t,
table.reports-table tr.data.data-level-1.hd.opened td.t,
table.reports-table tr.data.data-level-2.hd.opened td.t,
table.reports-table tr.data.data-level-3.hd.opened td.t,
table.reports-table tr.data.data-level-4.hd.opened td.t,
table.reports-table tr.data.data-level-5.hd.opened td.t,
table.reports-table tr.data.data-level-6.hd.opened td.t {
	background-image: url(../images/icon_minus.png);
}
table.reports-table tr.data.data-level-0 td.t{padding-left: 15px;}
table.reports-table tr.data.data-level-1 td.t{padding-left: 25px;}
table.reports-table tr.data.data-level-2 td.t{padding-left: 35px;}
table.reports-table tr.data.data-level-3 td.t{padding-left: 45px;}
table.reports-table tr.data.data-level-4 td.t{padding-left: 55px;}
table.reports-table tr.data.data-level-5 td.t{padding-left: 65px;}
table.reports-table tr.data.data-level-6 td.t{padding-left: 75px;}
table.reports-table tr.data.data-level-7 td.t{padding-left: 85px;}

table.reports-table tr.data.data-level-1.hd td.t{background-position: 10px center;}
table.reports-table tr.data.data-level-2.hd td.t{background-position: 20px center;}
table.reports-table tr.data.data-level-3.hd td.t{background-position: 30px center;}
table.reports-table tr.data.data-level-4.hd td.t{background-position: 40px center;}
table.reports-table tr.data.data-level-5.hd td.t{background-position: 50px center;}
table.reports-table tr.data.data-level-6.hd td.t{background-position: 60px center;}
table.reports-table tr.data.data-level-7.hd td.t{background-position: 70px center;}
/* */



#ReportForm #folding-btn {
	display: block;
	line-height: 26px;
}

.grid-view .button {
	display: block;
	background: #fff;
	color: #686a69;
	padding: 5px;
	border: none;
	border-radius: 3px;
	width: 50px;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}
.grid-view .button:hover {
	background: #0080ff;
	color: #fff;
}
.grid-view .filters .filter-element-container {
	position: relative;
}
.grid-view .filters .filter-element-container.active {
	z-index: 100;
}
.grid-view .filters .filter-element-container .filter-element-container-inner {
	position: absolute;
	top: -4px;
	left: -4px;
	padding: 4px;
}
.grid-view .filters .filter-element-container.active .filter-element-container-inner {
	overflow: hidden;
	box-shadow: 0 0 5px #444;
	/*
	border: solid 3px #444;
	 */
	border-radius: 3px;
	background: #222;
}
.grid-view .filters .filter-element-container .filter-options{
	position: absolute;
	display:none;
	background: #fff;
	height: 255px;
	width: 181px;
	top: 30px;
	border-radius: 3px;
}
.grid-view .filters .filter-element-container.active .filter-element-container-inner.opened.filter-options{
	display:block;
}
.grid-view .filters .filter-element-container.active.autocomplete .filter-element-container-inner.opened{
	height: 286px;
}

.ui-autocomplete .ui-state-focus{
	background: #0080ff!important;
	color:#fff!important;
	border: solid 1px #0080ff!important;
}
.ui-autocomplete .ui-menu-item {
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	color: #888;
	/*width: 170px;*/
}
.ui-autocomplete .ui-menu-item a{
	color: #888;
}
.ui-autocomplete .ui-menu-item b{
	font-weight:normal;
	color:#000;
}
.ui-autocomplete .ui-state-focus b{
	color:#ddd;
}
.ui-autocomplete .ui-menu-item .det{
	display: block;
	margin-bottom: 5px;
}

.ui-autocomplete {
	width: 170px;
	height: 250px;
	border:none!important;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* ======= Dashboard ============ */
.dashboard-title {
	font-size: 18px;
	color:#222;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
}
.dashboard-box {
	width: 395px;
	height: 190px;
	float: left;
	margin: 10px 10px 0 0;
	padding: 10px;
	background: #e6e6e6;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.dashboard-box:nth-child(2n) {
	margin-right:0;
}
.dashboard-box.chart-box {
	height: 190px;
}
.dashboard-box .title{
	margin-bottom: 10px;
	font-size: 18px;
	color:#222;
	font-weight: bold;
	float:left;
}
.dashboard-box .maximize-btn{
	float: right;
	width: 20px;
	height: 20px;
	border:none;
	background: url(../images/maximize-btn.png) no-repeat;
}
.dashboard-box .chart-area{
	clear:left;
}
.chart-area .chart{
	width: 240px;
	height: 140px;
	float:left;

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

	background: url(../images/ajax-loader.gif) no-repeat center center #fff;
}
.chart-area .total-box{
	width: 120px;
	height: 40px;
	float: right;
	margin-bottom: 10px;
	line-height: 40px;
	padding: 0 10px 0 10px;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.chart-area .total-box.last{margin-bottom: 0}
.chart-area .total-box .text {
	font-weight: bold;
	text-align: right;
}
.chart-area .total-box .icon{
	position:relative;
	width: 15px;
	height: 15px;
	top:50%;
	margin-top:-7px;
	float:left;
	margin-right: 5px;
}
.chart-area .legend ul,
.chart-area .legend ul li{
	list-style-type: none;
	margin:0;
	padding:0;
}
.chart-area .legend ul li{
	display: inline-block;
	width: auto;
	height: 20px;
	padding: 2px;
	padding-right: 20px;
	white-space: nowrap;
	margin-top: 5px;
	margin-right: 15px;
	color: #888;
}
.chart-area .legend .icon{
	width: 15px;
	height: 15px;
	float:left;
	margin-right: 5px;
}
.data-series-1 .icon {background: #94d557}
.data-series-2 .icon {background: #ff863d}
.data-series-3 .icon {background: #b188ff}

.dashboard-box .list {
	clear: left;
	height: 155px;
	overflow: hidden;
}
.dashboard-box .list .row{
	clear:left;
	margin-bottom: 10px;
}
.dashboard-box .list .col{
	float: left;
	margin-right:5px;
	margin-bottom: 5px;
	padding: 0 5px 0 5px;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	font-weight: bold;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.dashboard-box .list .col-1{
	width: 20px;
}
.dashboard-box .list .col-2{
	width: 220px;
}
.dashboard-box .list .col-3{
	width: 110px;
	margin-right:0;
}
.dashboard-box .list.jspScrollable .col-3{
	width: 100px;
}
.dashboard-box .list .number{
	text-align: right;
}
.dashboard-box .empty-box{
	text-align: center;
	font-size:80px;
	color:#bbb;
	line-height:190px;
	cursor: pointer;
}
.dashboard-box .empty-box:hover{
	color:#aaa;
}

/*
.dashboard-box .list table{
	width: 100%;
}
.dashboard-box .list table td{
	font-weight: bold;
}
.dashboard-box .list table td div{
	width: 100%;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
*/

/* Account->options */
.custom-checkbox {
	display: inline-block;
	width: 16px;
	height: 17px;
	background-image: url(../images/checkbox.gif);
	background-position: 0 0;
	background-repeat: no-repeat;

	cursor: pointer;
}
.custom-checkbox.checked {
	background-position: 0 -17px;
}
.sort-list,
.sort-list li{
	margin:0;
	padding:0;
	list-style-type: none;
}
.sort-list {height:210px;float:left;}
.sort-list li{
	display: block;
	width: 300px;
	height: 32px;
	line-height: 32px;

	font-size: 18px;
	background: #fff;
	margin-bottom: 2px;
}
.sort-list .custom-checkbox{
	float:left;
	margin-left: 10px;
	margin-top: 8px;
}
.sort-list .label{
	width: 200px;
	float:left;
	margin-left: 10px;
}
.sort-list .sort-handle{
	width: 14px;
	height: 32px;
	float: right;

	margin-right: 10px;
	cursor: n-resize;

	background-image: url(../images/sort_handle_v.gif);
	background-repeat: no-repeat;
	background-position: center 12px;
}
.checkboxes-list,
.checkboxes-list li{
	margin:0;
	padding:0;
	list-style-type: none;
}
.checkboxes-list {max-height:210px;float:left;overflow-y: scroll;}
.checkboxes-list li{
	display: block;
	width: 250px;
	height: 28px;
	line-height: 28px;

	background: #fff;
	margin-bottom: 2px;
	cursor: pointer;
}
.checkboxes-list .custom-checkbox{
	float:left;
	margin-left: 10px;
	margin-top: 6px;
}
.checkboxes-list .label{
	width: 210px;
	float:left;
	margin-left: 10px;
	overflow: hidden;
	white-space: nowrap;
	color: #707070;
}
.checkboxes-list li.selected {
	background: #0080ff;
}
.checkboxes-list li.selected .label {
	color: #fff;
}
.toggle-button {
	display: inline-block;
	box-sizing: border-box;
	width: 58px;
	height: 28px;
	line-height: 28px;
	padding: 0 5px 0 5px;
	margin-right: 0;
	margin-bottom: 0.5em;

	font-size: 11px;
	text-align: center;
	color: #676767;
	background: #fff;

	cursor: pointer;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.toggle-button input {
	display: none;
}
.toggle-button.checked {
	color: #ffffff;
	background: #0080ff;
}
.toggle-button.disabled {
	color: #a0a0a0;
	background: #f0f0f0;
}
.toggle-button.disabled.checked {
	color: #dddddd;
	background: #aaaaaa;
}
.toggle-buttons-group {
	float: left;
	width: 250px;
}
.toggle-buttons-group .toggle-button:last-child{
	margin-right: 0;
	width: 50px;
}

#main-menu-container.font-default .menu-label{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
}
#main-menu-container.font-helvetica .menu-label{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
}
#main-menu-container.font-times .menu-label{
	font-family: 'Times New Roman';
	font-size: 20px;
}

.menu-editor.font-default .label {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
}
.menu-editor.font-helvetica .label {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
}
.menu-editor.font-times .label {
	font-family: 'Times New Roman';
	font-size: 18px;
}
#freshwidget-overlay {background-color:#000;}

.invoice-logo {
	width: 405px;
	height: 90px;
	float: right;
	margin-bottom: 10px;

	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.invoice-logo .inner {
	/*display: table-row;
	width: 405px;
	height: 90px;*/
}
.invoice-logo .inner-cell {
	/*display: table-cell;*/
	width: 405px;
	height: 70px;
	padding: 10px;
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
	color:#4d4d4d;
}
.invoice-logo .inner-cell img{
	vertical-align: middle;
}
#inner-container table.detail-view tr.odd {background: #e8e8e8;}
#inner-container table.detail-view .null {color:#aaa;}

.layout-table {
	margin: 0;
	width: 100%;
	border-spacing:0px
}
.layout-table td{
	vertical-align: top;
	padding: 0;
}
.layout-table td.align-right{
	text-align: right;
}
.layout-table td.align-right table{
	float: right;
}
.layout-table td h1 {
	font-weight: bold;
	color: #4d4d4d;
}

.invoice-table {
	width: 100%;
	position: relative;
	/*width: auto;*/
	margin-bottom: 0;

	border-collapse: separate;
	border-spacing: 5px;
}

.invoice-table th{
	padding: 4px;
	text-align: center;
	background: transparent;
}
.invoice-table th.name {
	text-align: left;
}
.invoice-table td{
	white-space: nowrap;
	height: 28px;
	line-height: 28px;

	padding: 0 5px 0 5px;

	text-align: left;
	vertical-align: top;

	color: #676767;
	background: #fff;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: none;
}
.invoice-table td.name{
	white-space: normal;
}
.invoice-table td.clean-box {
	background: none;
	color: #000;
}
.invoice-table td.qty{
	width: 5%;
	text-align: center;
}
.invoice-table td.price{
	width: 15%;
	text-align: right;
}
.invoice-table td.price.big{
	font-size: 16px;
	font-weight: bold;
}
.invoice-table td.price.bigger{
	font-size: 22px;
	font-weight: bold;
}
.invoice-table td.label {
	padding-right: 15px;
	font-weight: bold;

	text-align: right;
	font-style: normal;

	color: #4d4d4d;
	background: transparent;
}
.invoice-table td.label.text-left {
	text-align: left;
}
.invoice-table td.big {
	font-size: 16px;
}
.invoice-table td.bigger {
	font-size: 24px;
}
.invoice-table td.total {
	color: #000;
	font-style: normal;
	background: #d6d6d6;
	font-weight: bold;
}

.invoice-totals td.price {
	width: 150px;
}
.big-message {
	width: 920px;
	height: 580px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
}


/********/
.custom-input-container {
	position: relative;
	height: 30px;
}
.custom-input-container .custom-input-caption-container {
	position: absolute;
	top: -4px;
	left: -4px;
	width: 100%;
	padding: 4px;
	z-index: 1;

	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.custom-input-container .custom-input-options-container{
	/*display:none;*/
	/*visibility: hidden;*/
	opacity: 0;

	z-index: -10;
	position: absolute;
	top: 28px;
	left: -4px;
	width: auto;
	min-width: 200px;
	min-width: 100%;
	height: auto;
	max-height: 300px;

	padding: 4px;

	background: #222;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;

	-moz-border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-khtml-border-top-left-radius: 0;
	border-top-left-radius: 0;
	/*-moz-border-top-right-radius: 0;*/
	/*-webkit-border-top-right-radius: 0;*/
	/*-khtml-border-top-right-radius: 0;*/
	/*border-top-right-radius: 0;*/
}

.custom-input-container.align-right .custom-input-options-container{
	right:-4px;
	left: inherit;
}

.custom-input-container.custom-fields-group .custom-input-options-container{
	padding: 0;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-khtml-border-top-left-radius: 3px;
	border-top-left-radius: 3px;

	-moz-border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-khtml-border-top-right-radius: 0;
	border-top-right-radius: 0;
}
.custom-input-container .custom-input-options{
	position: relative;
	z-index: 2; /*prevents the shadow from the caption element from being drown on top of the options list*/

	width: 100%;
	height: 100%;
	max-height:300px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;

	overflow-y: scroll;
}
.custom-input-container.custom-fields-group .custom-input-options {
	z-index: 3;
}
.custom-input-container.custom-fields-group .custom-input-options,
.custom-input-container.daterange .custom-input-options{
	padding: 0;
	overflow-y: hidden;
	background: #222;
	/*background: transparent;*/
}
.custom-input-container.custom-fields-group .custom-input-options table,
.custom-input-container.daterange .custom-input-options table{
	width: 100%;
	min-width: 750px;
	margin: 0;
}
.custom-input-container.custom-fields-group .custom-input-options td,
.custom-input-container.daterange .custom-input-options td{
	color: #fff;
	font-size: 1em!important;
	border: none!important;
	background: transparent!important;
	padding: 2px!important;
}
.custom-input-container.daterange .custom-input-options-container {
	padding: 2px;
}
.custom-input-container.daterange .custom-input-options td div{
	height: 28px;
	line-height: 28px;

	padding: 0 4px 0 4px;

	color: #262626;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
.custom-input-container.daterange .custom-input-options td div:hover{
	background: #eee;
}
.custom-input-container.daterange .custom-input-options td.selected div{
	background: #0080ff;
	color: #fff;
}
.custom-input-container.daterange .custom-input-options td.unavailable div:hover{
	background: #fff;
}
.custom-input-container.daterange .custom-input-options td.unavailable div{
	color: #ccc;
}
.custom-input-container.custom-fields-group .custom-input-options-container{
	left: auto;
	right: -4px;
}

.custom-input-container .custom-input-options ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.custom-input-container .custom-input-options ul li{
	height: 28px;
	line-height: 28px;
	margin: 2px 0 2px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 2px 0 2px;
	white-space: nowrap;
}
.custom-input-container .custom-input-options ul li:hover{
	background: #eeeeee;
}
.custom-input-container .custom-input-options ul li.disabled{
	display: none;
	/*color: #dadada;*/
}
.custom-input-container .custom-input-options ul li.disabled:hover{
	background: #ffffff;
}
.custom-input-container.custom-fields-group .custom-input-caption-container button{
	height: 28px;
	margin:0;
	color: #fff;
	background: #0080ff;
}
.custom-input-caption-container .dropdown-container {
	position: relative;

	width: 100%;
	height: 28px;
	line-height: 28px;
	padding: 0px;

	background: url(../images/custom-select.png) center right no-repeat #fff;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	color: #444444;
}

.custom-input-caption-container .dropdown-container .value{
	position: absolute;
	display: block;
	z-index: 0;
	width: 100%;
	height: 28px;
	line-height: 28px;

	text-align: left;
	cursor: pointer;
	padding: 0;
}
.custom-input-caption-container .dropdown-container .value .inner{
	margin-right: 24px;
	margin-left: 5px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	color: #707070;
}
.custom-input-container.disabled .custom-input-caption-container .dropdown-container .value {
	cursor: default;
}
.custom-input-container.disabled .custom-input-caption-container .dropdown-container .value .inner{
	color: #dadada;
}
.custom-input-container.active {
	z-index: 100;
}
.custom-input-container.active .custom-input-caption-container {
	opacity: 1;
	background: #222;
	-moz-box-shadow: 0 0 5px #444;
	-webkit-box-shadow: 0 0 5px #444;
	-khtml-box-shadow: 0 0 5px #444;
	box-shadow: 0 0 5px #444;
}
.custom-input-container .custom-input-caption-container.dropdown {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;

	padding-bottom: 2px; /*we could set this cu 0, but with 2px it will mask the gap at the bottom right corner*/
	/*height: 286px;*/
}
.custom-input-container.active.opened .custom-input-options-container {
	display:block;
	/*visibility: visible;*/
	opacity: 1;
	z-index: 0;

	-moz-box-shadow: 0 0 5px #444;
	-webkit-box-shadow: 0 0 5px #444;
	-khtml-box-shadow: 0 0 5px #444;
	box-shadow: 0 0 5px #444;
}
.custom-input-container.custom-fields-group.active.opened .custom-input-options-container {
	z-index: 1;
}
.custom-input-container.active.opened .custom-input-options {
}
.custom-input-container input[type=checkbox] {
	width: auto!important;
	margin: 6px 0 0 0;
}
/* CSS Transitions */
/* Transitions on transition from active to not active*/
/*
.custom-input-container {
	transition:
		background 100ms ease-in-out,
		opacity 100ms ease-in-out,
		box-shadow 50ms ease-out;
	-o-transition:
		background 100ms ease-in-out,
		opacity 100ms ease-in-out,
		box-shadow 50ms ease-out;
	-moz-transition:
		background 100ms ease-in-out,
		opacity 100ms ease-in-out,
		box-shadow 50ms ease-out;
	-webkit-transition:
		background 100ms ease-in-out,
		opacity 100ms ease-in-out,
		box-shadow 50ms ease-out;
}
.custom-input-container .custom-input-caption-container {
	transition:
		background 100ms ease-in-out,
		opacity 100ms ease-in-out,
		box-shadow 50ms ease-out;
	-o-transition:
		background 100ms ease-in-out,
		opacity 100ms ease-in-out,
		box-shadow 50ms ease-out;
	-moz-transition:
		background 100ms ease-in-out,
		opacity 100ms ease-in-out,
		box-shadow 50ms ease-out;
	-webkit-transition:
		background 100ms ease-in-out,
		opacity 100ms ease-in-out,
		box-shadow 50ms ease-out;
}
*/
.custom-input-container,
.custom-input-container .custom-input-caption-container,
.custom-input-container .custom-input-options-container{
	transition:
	background 100ms ease-in-out,
	opacity 100ms ease-in-out,
	box-shadow 50ms ease-in,
	z-index 1ms ease-in 100ms;
	-o-transition:
	background 100ms ease-in-out,
	opacity 100ms ease-in-out,
	box-shadow 50ms ease-in,
	z-index 1ms ease-in 100ms;
	-moz-transition:
	background 100ms ease-in-out,
	opacity 100ms ease-in-out,
	box-shadow 50ms ease-in,
	z-index 1ms ease-in 100ms;
	-webkit-transition:
	background 100ms ease-in-out,
	opacity 100ms ease-in-out,
	box-shadow 50ms ease-in,
	z-index 1ms ease-in 100ms;
}

.custom-input-container.active,
.custom-input-container.active .custom-input-caption-container,
.custom-input-container.active .custom-input-options-container {
	transition:
	background 200ms ease-in-out,
	opacity 200ms ease-in-out,
	box-shadow 100ms ease-out,
	z-index 0ms ease-in 0ms;
	-o-transition:
	background 200ms ease-in-out,
	opacity 200ms ease-in-out,
	box-shadow 100ms ease-out,
	z-index 0ms ease-in 0ms;
	-moz-transition:
	background 200ms ease-in-out,
	opacity 200ms ease-in-out,
	box-shadow 100ms ease-out,
	z-index 0ms ease-in 0ms;
	-webkit-transition:
	background 200ms ease-in-out,
	opacity 200ms ease-in-out,
	box-shadow 100ms ease-out,
	z-index 0ms ease-in 0ms;
}
/*
.custom-input-container.active {
	transition:
		background 200ms ease-in-out,
		opacity 200ms ease-in-out,
		box-shadow 100ms ease-out;
	-o-transition:
		background 200ms ease-in-out,
		opacity 200ms ease-in-out,
		box-shadow 100ms ease-out;
	-moz-transition:
		background 200ms ease-in-out,
		opacity 200ms ease-in-out,
		box-shadow 100ms ease-out;
	-webkit-transition:
		background 200ms ease-in-out,
		opacity 200ms ease-in-out,
		box-shadow 100ms ease-out;
}
.custom-input-container.active .custom-input-caption-container {
	transition:
		background 200ms ease-in-out,
		opacity 200ms ease-in-out,
		box-shadow 100ms ease-out;
	-o-transition:
		background 200ms ease-in-out,
		opacity 200ms ease-in-out,
		box-shadow 100ms ease-out;
	-moz-transition:
		background 200ms ease-in-out,
		opacity 200ms ease-in-out,
		box-shadow 100ms ease-out;
	-webkit-transition:
		background 200ms ease-in-out,
		opacity 200ms ease-in-out,
		box-shadow 100ms ease-out;
}
.custom-input-container.active .custom-input-options-container {
	transition:
		background 200ms ease-in-out,
		opacity 200ms ease-in-out,
		box-shadow 100ms ease-out;
	-o-transition:
		background 200ms ease-in-out,
		opacity 200ms ease-in-out,
		box-shadow 100ms ease-out;
	-moz-transition:
		background 200ms ease-in-out,
		opacity 200ms ease-in-out,
		box-shadow 100ms ease-out;
	-webkit-transition:
		background 200ms ease-in-out,
		opacity 200ms ease-in-out,
		box-shadow 100ms ease-out;
}
*/

/************/

.columns-selector {
	background: #e6e6e6;
	margin: 0;
}
.columns-selector td {
	padding: 5px;
	vertical-align: top;
}
.columns-selector .column-container ul{
	margin: 0;
	padding: 0;
}
.columns-selector .column-container .caption {
	margin-bottom: 5px;
	font-weight: bold;
}
.columns-selector .column-container .options {
	background: #fff;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-kthml-border-radius: 3px;
	border-radius: 3px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.columns-selector .column-container ul li{
	margin: 0;
	padding: 5px;
	cursor: pointer;
}
.columns-selector .column-container ul li:hover,
.columns-selector .column-container ul li.selected{
	background: #0080ff;
	color: #fff;
}

/* === New Dashboard === */
.page-dashboard-demo,
.page-dashboard-beta,
.page-dashboard-index {
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.page-dashboard-demo #inner-container,
.page-dashboard-demo #header,
.page-dashboard-beta #inner-container,
.page-dashboard-beta #header,
.page-dashboard-index #inner-container,
.page-dashboard-index #header {
	min-width: 840px;
	max-width: 1400px;
	width:auto;
}
.page-dashboard-demo #inner-container,
.page-dashboard-beta #inner-container,
.page-dashboard-index #inner-container{
	min-width: 840px;
	max-width: 1400px;
	width:auto;
	background-color:#f7f7f7;
}
.page-dashboard-beta .page-menu-container,
.page-dashboard-index .page-menu-container{
	height: 26px;
	margin-bottom: 26px;
}

#import-modal .organizational-account .x-service-principal,
#import-modal .service-principal .x-organizational-account {
	display: none;
}
#subscription_details table tr > * {
	border: solid 1px #e6e6e6;
}
.cookies-agreement {position: fixed; bottom: 0; width: 100%; text-align: center; color:#FFF;
	background: #2b2b2b; /* Old browsers */
	background: -moz-linear-gradient(top, #232323 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232323), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #232323 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #232323 0%,#000 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #232323 0%,#000 100%); /* IE10+ */
	background: linear-gradient(top, #232323 0%,#000 100%);
}
.cookies-agreement > div {padding: 10px;}
.cookies-agreement > div a {text-decoration: none;}
.cookies-agreement > div .btn {
	margin: 0 7px;
	color:#e0e0e0; height: 20px; line-height: 20px;
	-webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;
	display: inline-block; background-color: #F00; padding: 0px 7px; font-size: 12px; border: none; cursor: pointer;
	background: #2a70e0; /* Old browsers */
	background: -moz-linear-gradient(top, #307cf9 0%, #225ebe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#307cf9), color-stop(100%,#225ebe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #307cf9 0%,#225ebe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #307cf9 0%,#225ebe 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #307cf9 0%,#225ebe 100%); /* IE10+ */
	background: linear-gradient(top, #307cf9 0%,#225ebe 100%); /* W3C */
}

.dashboard.context-admin #subscribeBtn {display: none;}

#ProductScripts_awsAmiList {  height:200px; overflow-y:scroll;}
#ProductScripts_description { height:58px; }
#CloudPriceBook_DuplicateAdjustmentField { width: 120px; }
.reseller-provision-buttons{
	float:right;position:absolute;width:260px;top:10px;right: 10px;
}
div.form input[type=text].catalogHeaderTitle-wide-input{
	width:490px;
}
.large_textbox_size{
	float:left;width:670px;
}
div.form label.label-110-px{
	height:110px;
}
.absolute-50{
	position: absolute;
	width: 50%;
}
.display-none-v1{
	display: none!important;
}
.float-left-no-margin{
	float:left;
	margin:0;
}
div.form .row.no-margin-only-left{
	margin:0 0 0 10px;
}
.hideIt {
	display: none;
}