/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form
{
}

div.form input,
div.form textarea,
div.form select
{
	margin: 0.2em 0 0.5em 0;
}

div.form fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}
div.form label
{
	/*
	margin: 5px 0 10px 0;
	float: left;
	height: 28px;
	clear: left;
	line-height: 28px;
	*/
	font-weight: bold;
	font-size: 0.9em;
	display: block;
}
/*
*/
div.form .row
{
	margin: 5px 0;
}
div.form .row.indent-1
{
	margin-left: 20px;
}
div.form .hint
{
	margin: 0 0 0 130px;
	padding: 0;
	color: #999;
}

div.form .note
{
	font-style: italic;
}

div.form span.required
{
	color: red;
}

div.form div.error label:first-child,
div.form label.error,
div.form span.error
{
	color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
	background: #FEE;
	border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
	/*background: #E6EFC2;*/
	border-color: #C6D880;
}


div.form .errorSummary
{
	/*border: 2px solid #C00;*/
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #f88;
	color:#fff;
	font-size: 0.9em;
}

div.form .errorMessage
{
	color: red;
	font-size: 0.9em;
	clear: left;
	margin-left: 85px;
}

body div.errorInvoice {
	background-color: #fafafa;
	color: red;
	display: block;
	margin: 5px 10px;
	padding: 5px 10px;
	width: auto;
}

.errorSummary {
	color: red;
}

div.form .errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.form .field-info {
	display: block;
	float: left;
	line-height: 28px;
	font-style: italic;
	margin-left: 10px;
}
/********/

div.form .form-inner-container {
	margin-bottom: 0;
}
div.form .form-inner-container tr td {
	vertical-align: top;
}
div.form .form-inner-text {
	background: #fff;
	padding: 5px;

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

div.form h1 {
	font-weight: bold;
	color: #4d4d4d;
}
div.form h3 {
	font-size: 1.2em;
	line-height: 2em;
	margin-bottom: 0;
	font-weight: bold;
	color: #4d4d4d;
}
div.form .custom-select {
	width: 245px;
	float: left;
	height: 28px;
	margin-bottom: 0.5em
}
div.form .custom-select select{
	width: 245px;
	height: 26px;
}

div.form .custom-select.short {
	width: 65px;
}

div.form .custom-select.short select{
	width: 55px;
	height: 26px;
}

div.form .custom-select.short-medium {
	width: 75px;
}
div.form .custom-select.short-medium select{
	width: 65px;
	height: 26px;
}

div.form .custom-select.medium {
	width: 155px;
}
div.form .custom-select.medium select{
	width: 145px;
	height: 26px;
}

div.form .custom-select.wide {
	width: 655px;
}
div.form .custom-select.wide select{
	width: 100%;
	height: 26px;
}
div.form .custom-select.disabled {
	background-image: url(../images/custom-select-disabled.png);
	background-color: #f0f0f0;
}
div.form .custom-select.disabled>.value>.inner{
	color: #a0a0a0;
}
div.form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: left;
	width: 75px;
	height: 28px;
	line-height: 28px;
}

#template-deployment-modal .upload-container input.btn-change,
#product-deployment-script-modal .upload-container input.btn-change {
	display: none;
}
#template-deployment-modal .upload-container.locked input.main-action,
#template-deployment-modal .upload-container.locked .source-switch,
#product-deployment-script-modal .upload-container.locked input.main-action,
#product-deployment-script-modal .upload-container.locked .source-switch {
	display: none;
}
#template-deployment-modal .upload-container.locked input.btn-change,
#product-deployment-script-modal .upload-container.locked input.btn-change {
	display: block;
}
#template-deployment-modal .params-list-container th,
#product-deployment-script-modal .params-list-container th,
#product-deployment-script-modal .outputs-list-container th {
	padding: 10px 3px 10px 3px;
}
#template-deployment-modal .params-list-container td,
#product-deployment-script-modal .params-list-container td,
#product-deployment-script-modal .outputs-list-container td {
	padding: 0 3px 0 3px;
}
#template-deployment-modal .params-list-container .checkbox-container,
#product-deployment-script-modal .params-list-container .checkbox-container,
#product-deployment-script-modal .outputs-list-container .checkbox-container {
	text-align: center;
}

#template-deployment-modal .params-list-container input[type=text],
#template-deployment-modal .params-list-container .custom-select,
#product-deployment-script-modal .params-list-container input[type=text],
#product-deployment-script-modal .params-list-container .custom-select,
#product-deployment-script-modal .outputs-list-container input[type=text],
#product-deployment-script-modal .outputs-list-container .custom-select {
	box-sizing: border-box;
	width: 100%;
}
#template-deployment-modal .params-list-container .custom-select select,
#product-deployment-script-modal .params-list-container .custom-select select,
#product-deployment-script-modal .outputs-list-container .custom-select select {
	width: 100%;
}
#template-deployment-modal .params-list-container .params-name,
#product-deployment-script-modal .params-list-container .params-name {
	width: 220px;
}
#template-deployment-modal .params-list-container .params-type,
#product-deployment-script-modal .params-list-container .params-type,
#product-deployment-script-modal .outputs-list-container .params-type {
	width: 150px;
}
#template-deployment-modal .params-list-container .params-description,
#product-deployment-script-modal .params-list-container .params-description,
#product-deployment-script-modal .outputs-list-container .params-description {
	width: 250px;
}

#product-deployment-script-modal .api-deployment-params-list-container {
	width: 610px;
	float: right;
	box-sizing: border-box;
}

.ui-dialog input[type=text],
.ui-dialog input[type=password],
.ui-dialog textarea,
div.form input[type=number],
div.form input[type=text],
div.form input[type=password],
div.form textarea,
div.form div.html-editor {
	float: left;
	width: 240px;
	height: 28px;
	/*line-height: 28px;*/
	padding: 0 5px 0 5px;
	margin-top: 0;

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

	font-size: 11px;
	background: #fff;
	color: #676767;
}
div.form div.html-editor {
	padding: 5px 5px 5px 5px;
	overflow: scroll;
}
.html-editor p{
	line-height: 1.5em;
	margin-top: 0;
	margin-bottom: 0;
}
.html-editor ol {
	margin-bottom: 0;
}
.html-editor ol>li{
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.5em;
}
.html-editor ul {
	margin: 0 1.5em 0 1.5em;
	padding-left: 1.5em;
}
.html-editor ul>li {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.5em;
	list-style-type: disc;
}

div.form textarea {
	line-height: 1.2em;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
}
div.form select[multiple] {
	width: 250px;
	height: 150px;
	padding: 5px;
	border:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
div.form .static-value {
	line-height: 28px;
}
div.form.wide-input input[type=text],
div.form.wide-input input[type=password],
div.form.wide-input textarea,
div.form.wide-input div.html-editor {
	width: 290px;
}
div.form input[type=text].wide,
div.form input[type=password].wide,
div.form textarea.wide{
	width: 650px;
}
div.form .readonly-value-container {
	height: 18px;
	padding: 5px;
}

.ui-dialog textarea,
div.form textarea,
div.form div.html-editor {
	height: 110px;
}
div.form textarea.bigger,
div.form div.html-editor.bigger {
	height:130px;
}
div.form textarea.thin,
div.form div.html-editor.thin {
	height:86px;
}
div.form textarea.two-rows {
	height: 2.2em;
}
div.form textarea.three-rows {
	height: 3.6em;
}
.ui-dialog input[type="text"].number,
div.form input[type="text"].number {
	width: 40px;
	text-align: right;
}
div.form input[type="text"].price,
.ui-dialog input[type="text"].price {
	width: 70px;
	text-align: right;
}
div.form input[type="text"].datetime,
.ui-dialog input[type="text"].datetime {
	width: 110px;
	/*text-align: right;*/
}
input[type=text].hasDatepicker {
	background: url(../images/icon_calendar.png) no-repeat 80px center #fff !important;
	cursor: pointer!important;
}
div.form input[type=text][disabled],
div.form textarea[disabled]{
	color: #a0a0a0;
	background: #f0f0f0;
}
.infoBox {
	clear: both;
	border: solid 1px silver;
	padding: 10px;
	background: #fef595;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
/* Products plans list */
.dynamic-list {
	height: 140px;
	width: 555px;
	overflow: hidden;
}
.dynamic-list ul,
.dynamic-list ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.dynamic-list ul {
	width: 730px;
	height: 140px;
}
.dynamic-list.horizontal ul li {
	position: relative;
	float: left;
	width: 175px;
	height: 140px;
	margin-left: 5px;
	margin-right: 5px;
}
.dynamic-list.horizontal ul li:last-child {
	/*margin-left: 0px;*/
}
.dynamic-list ul li .sort-handle {
	width: 15px;
	height: 16px;
	margin: 0 auto 4px auto;
	background-image: url(../images/sort_handle_h.gif);
	background-repeat: repeat-y;
	background-position: 0 center;

	cursor: move;
}

.dynamic-list ul li .contents {
	background: #ffffff;
	width: 175px;
	height: 110px;

	/*padding-top: 30px;*/

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.dynamic-list ul .ui-sortable-helper .contents {
	-moz-box-shadow: #888 0 0 5px 0;
	-webkit-box-shadow: #888 0 0 5px 0;
	-khtml-box-shadow: #888 0 0 5px 0;
	box-shadow: #888 0 0 5px 0;
}
.dynamic-list ul li .contents [contenteditable]::selection {background: #88ffff;}
.dynamic-list ul li .contents [contenteditable]::-moz-selection {background: #77eeff;}
.dynamic-list ul li .contents [contenteditable]::-webkit-selection {background: #88ffff;}

.dynamic-list ul li .contents .title {
	width: 175px;
	height: 53px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	color: #676767;
}
.dynamic-list ul li .contents .description {
	width: 175px;
	height: 53px;
	margin-top: 4px;
	overflow: hidden;
	text-align: center;
	color: #676767;
}
.dynamic-list ul li .contents .title .value {
	width: 175px;
	height: 50px;
	display:table-cell;
	vertical-align: bottom;
}
.dynamic-list ul li .contents .description .value {
	width: 175px;
	height: 50px;
}
.dynamic-list ul li .contents [contenteditable] p{
	margin: 0;
}
.dynamic-list ul li.item .delete-button {
	display: none;
	width: 18px;
	height: 18px;
	background: url(../images/delete-icon.png) no-repeat;
	position: absolute;
	top: 22px;
	right: 2px;
}
.dynamic-list ul li.item:hover .delete-button {
	display: block;
}
.dynamic-list ul li.item.selected .delete-button {
	background: url(../images/delete-icon-inverted.png) no-repeat;
}
.dynamic-list ul li.item.selected .contents {
	background: #0080ff;
}
.dynamic-list ul li.item.selected .contents .title {
	color: #fff;
}
.dynamic-list ul li.item.selected .contents .description {
	color: #fff;
}

#product-plans {
	float: right;
	width: 555px;
	height: 140px;
	margin-right: 10px;
}

/* *** */
.form #products-list-container {
	padding-right: 0;
}
.form #products-list-container .add-button {
	margin-right: 19px;
}
.form #products-list {
	clear: both;
	height: 280px;
}
.form #products-list .row{
	cursor: pointer;
	height: 28px;
}
.form #products-list input[type=text] {
	width: 225px;
	margin-right: 8px;
	cursor: pointer;
}
.form #products-list input[type=text]:last-child {
	margin-right: 0;
}

/* Product scripts and skus */
.form-items-table {
	position: relative;
	width: auto;
	margin-bottom: 0;
}
.form-items-table th {
	padding: 4px;
	text-align: center;
	background: transparent;
}
.form-items-table th.sku,
.form-items-table th.name {
	text-align: left;
}
/*
.form-items-table .column-select.enabled,
.form-items-table .column-select.enabled input {
	cursor: pointer;
}
*/
.form-items-table td {
	/*padding-right: 2px;
	padding-left: 2px;*/
	text-align: center;
	padding: 2px 3px 2px 4px;
}
.form-items-table td div {
	overflow: hidden;
}
.form-items-table td.name {
	/*width: 224px;*/
	position: relative;
}
.form-items-table td.delete-btn-container div,
.form-items-table td.btn-container div{
	position: relative;
}
.form-items-table td.delete-btn-container .delete-button{
	display: none;
	position: absolute;
	width: 18px;
	height: 18px;
	top: 5px;
	right: 4px;
	background: url(../images/delete-icon.png) no-repeat;
	cursor: pointer;
	z-index: 2;
}
.form-items-table td.delete-btn-container.delete-cell .delete-button{
	position: relative;
}

.form-items-table td.delete-btn-container input {
	padding-right: 23px;
}
.form-items-table tr:hover td.delete-btn-container .delete-button{
	display: block;
}
.form-items-table td.btn-container .reset-button{
	display: none;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 7px;
    right: 5px;
    background: url(../images/icon_reset.png) no-repeat center;
    background-size: contain;
    cursor: pointer;
}
.form-items-table td.changed .reset-button{
	display: block;
    background-image: url(../images/icon_doc_edit.png);
}
.form-items-table td.changed .reset-button:hover{
	display: block;
    width: 18px;
    height: 18px;
    top: 5px;
    right: 5px;
    background-image: url(../images/icon_reset.png);
}

.form-items-table input[type=text] {
	width: 40px;
	margin: 0.2em 0 0.2em 0;
}
.form-items-table input[type=text].sku {
	width: 165px;
}
.form-items-table input[type=text].name {
	width: 224px;
}
.form-items-table input[type=text].price {
	width: 50px;
}
.form-items-table input[type=text].price.big {
	width: 150px;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	font-weight: bold;
}
.form-items-table input[type=text].price.bigger {
	width: 150px;
	height: 28px;
	line-height: 28px;
	font-size: 22px;
	font-weight: bold;
}
.form-items-table input[type=text].qty {
	width: 30px;
}
.form-items-table tr.status-inactive input[type=text],
.form-items-table tr.status-inactive .custom-select .inner {
	color: #d6d6d6;
}
div.form .form-items-table .wide-column input {
	width: 520px;
}
div.form .form-items-table.form-builder input {
	width: 120px;
}
div.form .form-items-table.form-builder .custom-select {
	margin-bottom: 0.2em;
}
div.form .form-items-table.form-builder .custom-select select{
	margin-bottom: 0.2em;
}
#product-form .main-form label {
	width: 100px;
}
#pack-form .main-form label {
	width: 100px;
}
#product-form input.add-button {
	margin-right: 10px;
}
#product-form .buttons {
	/*padding-right: 0;*/
}
.form-items-table tfoot {
	font-style: normal;
}
.form-items-table td.label {
	font-weight: bold;
	text-align: right;
	padding-right: 15px;
	color: #4d4d4d;
}
.form-items-table td.label.big {
	font-size: 16px;
}
.form-items-table td.label.bigger {
	font-size: 24px;
}
.form-items-table td.subtotal.title,
.form-items-table td.total.title {
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
}
.form-items-table tfoot input[type=text],
.form-items-table input[type=text].gray {
	background-color: #d6d6d6;
}
.form-items-table input[type=text].bold {
	font-weight: bold;
}
.form-items-table input[type=text].black {
	color: #000;
}
/* *** */
.form-items-table.plan-related {
	width: 830px;
}
.form-items-table.plan-related td{
	padding: 2px 5px 2px 5px;
}
.form-items-table.plan-related td.name input{
	width: 231px;
}
.form-items-table.plan-related td.name.delete-btn-container input{
	width: 213px;
}
.form-items-table.plan-related td.sort-handle {
	width: 14px;
	cursor: move;

	background-image: url(../images/sort_handle_v.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.form-items-table.plan-related td.sort-handle-placeholder {
	width: 14px;
}
.form-items-table.plan-related td.plan-value input{
	/*width: 250px;*/
}
.form-items-table.plan-related td.plan-value input {
	width: 165px;
}
.form-items-table.plan-related td.plan-value.selected input{
	/*
	background: #0080ff;
	color: #fff;
	*/
}
.form-items-table.plan-related td.plan-value.changed input {
	font-weight: bold;
}
.form-items-table.plan-related td.cells-container {
	position: relative;
	padding: 0;
	overflow: hidden;
	width: 555px;
}
/* for Firefox - it does not like relatively positined td's */
.form-items-table.plan-related td.cells-container > div {
	position: relative;
	height: 34px;
}
.form-items-table.plan-related .inner-table {
	position: absolute;
	top: 0;
}
.form-items-table .focused .selected input {
/*	-moz-box-shadow: inset 0 0 1px 2px #444;
	-webkit-box-shadow: inset 0 0 1px 2px #444;
	-khtml-box-shadow: inset 0 0 1px 2px #444;
	box-shadow: inset 0 0 1px 2px #444;*/
}
/* *** */
.product-features .plan-value input {
	text-align: center;
}
.product-features .plan-value input.boolean {
	cursor: pointer;
}
.product-features .plan-value input.boolean.checked {
	background: url(../images/icon_check.png) no-repeat center center #fff;
}
#product-features-optional {display:none;}
#product-features-optional-additional .row td {
	text-align: left;
}
#product-features-optional-additional .row input.c_feature_quantity {
	float: none;
	width: 60px;
}
div.form .checkbox-with-attached-input-container {
	float:left;
	width:180px;
}
div.form .attached-input-container {
	float:left;
	width:180px;
	margin-top:4px;
}
div.form .attached-input-container input {
	margin-bottom:0;
}
/* *** */
.product-prices .plan-value input {
	text-align: center;
}
/* *** */
#product-scripts .script input[type=text] {
	width: 540px;
}
#product-scripts td,
#product-scripts td input {
	cursor: pointer;
}
/*Product skus*/
#product-skus {
	position: relative;
	width: auto;
	margin-bottom: 0;
}
#product-skus th {
	padding: 4px;
	line-height: 15px;
	height: 15px;
	text-align: center;
	background: transparent;
}
#product-skus th.name {
	text-align: left;
}
#product-skus .checkbox input {display:none;}
#product-skus .checkbox {
	margin: 0 auto;
	width: 16px;
	height: 17px;
	background-image: url(../images/checkbox.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;

	cursor: pointer;
}
#product-skus .checkbox.checked {
	background-position: 0 -17px;
}
.form-items-table tr td.sort-handle {
	width: 14px;
	cursor: move;

	background-image: url(../images/sort_handle_v.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
/*
.form-items-table tr:hover td.sort-handle,
.form-items-table tr.ui-sortable-helper td.sort-handle {
	background-image: url(../images/sort_handle_v.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
*/
#product-skus .column-select[data-period=one_time] {
	font-size: 12px;
}
#product-skus .column-select.enabled,
#product-skus .column-select.enabled input {
	cursor: pointer;
}
#product-skus th.column-select {
	color: #a0a0a0;
}
#product-skus th.column-select.enabled {
	color: #444;
}
#product-skus td {
	/*padding-right: 2px;
	padding-left: 2px;*/
	text-align: center;
	padding: 2px 3px 2px 4px;
}
#product-skus td.name {
	/*width: 224px;*/
}
#product-skus input[type=text] {
	width: 40px;
	margin: 0.2em 0 0.2em 0;
	color: #444;
}
#product-skus input[type=text].name {
	width: 214px;
}
#product-skus input[type=text].price {
	width: 50px;
	color: #b0b0b0;
}
#product-skus td.enabled input[type=text].price {
	color: #444;
}
#product-form input.add-button {
	margin-right: 10px;
}
#product-skus tr.optional-sku td.price input{
	color: #b0b0b0;
}
#product-skus tr.optional-sku td.price.enabled input{
	color: #909090;
}
#product-form .buttons {
	/*padding-right: 0;*/
}
#product-skus tfoot {
	font-style: normal;
}
#product-skus td.uplift.title,
#product-skus td.discount.title,
#product-skus td.subtotal.title,
#product-skus td.adjustment.title,
#product-skus td.total.title {
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
}
#product-skus tfoot input[type=text] {
	background-color: #d6d6d6;
}
#product-skus tfoot input[type=text]  {
	background-image: url(../images/whitebg68.png);
	background-position: 70px;
	background-repeat: no-repeat;
}
#product-skus tfoot .xselected input[type=text] {
	background-color: #fff;
}

#product-skus-container {
	position: relative;
	width: 830px;
}

.grid-container {
	position: relative;
}
.grid-container .selection-box-container-mask {
	position: absolute;
	right: 14px;
	top: -3px;
	width: 555px;
	height: 80px;
	overflow: hidden;
}
.grid-container .selection-box-container {
	position: absolute;
}
.grid-container .selection-box {
	display: none;

	position: absolute;
	top: 0px;
	left: 0px;

	width: 68px;
	height: 100px;
	background: #929292;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
#product-period-selection.selection-box {
	top: 24px;
	left: 0;

	width: 68px;
	height: 100px;
}
#product-plan-feature-selection.selection-box {
	width: 185px;
	top: 0px;
}
#product-plan-price-selection.selection-box {
	width: 185px;
	top: 0px;
}
.form .empty{
	font-style: italic;
	text-align: center;
	margin-bottom: 20px;
}
.form.product-price-calculator {
	position: relative;
}
.form.product-price-calculator table.calculator th {
	vertical-align: bottom;
	text-align: center;
}
.form.product-price-calculator table.calculator th:first-child{
	width: 65px;
}
.form.product-price-calculator table.calculator th.subtotal {
	text-align: left;
}
.form.product-price-calculator table.calculator th.period {
	text-align: right;
	font-size: 22px;
	padding-right: 15px;
}
.form.product-price-calculator table.calculator td{
	vertical-align: middle;
	text-align: center;
	padding:0;
}
.form.product-price-calculator table.calculator td.operation{
	width: 50px;
	font-size: 22px;
}
.form.product-price-calculator table.calculator td.operation.op-x{
	text-align: right;
}
.form.product-price-calculator table.calculator td.operation.op-plus{
	text-align: left;
}
.form.product-price-calculator table.calculator td.uplift {
	width: 150px;
}
.form.product-price-calculator table.calculator td.adjustment{
	width: 120px;
}
.form.product-price-calculator table.calculator td.total{
	text-align: right;
	padding-right: 15px;
}
.form.product-price-calculator table.calculator input{
	height: 25px;
	float:none;
	font-size: 14px;
}
.form.product-price-calculator table.calculator td.subtotal input{
	float: left;
}
.form.product-price-calculator table.calculator input.price{
	width: 100px;
	margin-bottom: 0;
	font-weight: bold;
}
.form.product-price-calculator table.calculator input.percent{
	width: 40px;
	margin-bottom: 0;
	font-weight: bold;
}
.form.product-price-calculator table.calculator td.total input {
	height: 35px;
	font-size: 20px;
	width: 140px;
}

.form.product-price-calculator table.calculator .slider-container,
.slider-container.popup-slider{
	display: none;
	position: absolute;
	top: 10px;
	left: 220px;
	padding: 10px 10px 20px 10px;
	background: #888;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.form.product-price-calculator table.calculator .slider-container .arrow,
.slider-container.popup-slider .arrow{
	position: absolute;
	top: 45px;
	left: 109px;

	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;

	border-top: 5px solid #888;

	/*border-style: inset;*/
}
.slider-container.popup-slider{
	top: -55px;
	left: 35px;
}
.slider-container.popup-slider .ui-slider{margin-left:10px;margin-right:10px;}
.slider-container.popup-slider .arrow{
	top: 45px;
	left: 110px;
}

.form.product-price-calculator .row.product-total label{
	float: right;
	font-size: 2em;
	width: 150px;
	height: 1.3em;
	line-height: 1.3em;
	text-align: right;
	margin-right: 30px;
}
.form.product-price-calculator .row.product-total input{
	float: right;
	width: 100px;
	height: 25px;
	font-size: 16px;
	font-weight: bold;
}
#selected-period-arrow {
	display: none;

	position: absolute;
	top: -5px;

	width: 0;
	height: 0;
	border-left: 12px solid white;
	border-right: 12px solid white;

	border-bottom: 5px solid #e6e6e6;

	/*border-style: inset;*/
}
#pack-plans {
	width: 100%;
}
#pack-plans td input {
	margin: 2px 0 2px 0;
}
#pack-plans td.price {
	vertical-align: top;
}
#pack-plans th.price,
#pack-plans td.price input {
	width: 70px;
}

#pack-plans th.discount,
#pack-plans td.discount input {
	width: 50px;
}
#pack-plans td.price input,
#pack-plans td.discount input {
	text-align: right;
}
#pack-plans td.name input {
	width: 100%;
	box-sizing: border-box;
}
#pack-plans .delete-btn-container .delete-button {
	top: 7px;
	right: 8px;
}
#pack-plans .totals td input {
	display: block;
	margin-bottom: 6px;
}
#pack-plan-modal .plan-select-container {
	width: 100%;
}
#pack-plan-modal .plan-select-container td {
	width: 33.333333%;
}

#pack-plan-modal ul,
#pack-plan-modal ul li{
	margin: 0;
	padding: 0;
}
#pack-plan-modal ul {
	width: 100%;
	height: 200px;
	overflow-y: scroll;
	background: #fff;
}
#pack-plan-modal ul li {
	display: block;
	box-sizing: border-box;

	width: 100%;
	padding: 4px;

	cursor: pointer;
}
#pack-plan-modal ul li:hover {
	background: #dadada;
}
#pack-plan-modal ul li.selected {
	color: #fff;
	background: #2a70e0;
}

/****/
.ui-dialog input[type="text"].percent,
.form input[type="text"].percent,
.form #product-skus input[type="text"].percent,
.form #products-list input[type="text"].percent {
	width: 35px;
	text-align: right;
}

.form input[type="text"].full-width,
.form textarea.full-width,
.form label.full-width{
	width: 100%;
}
.form label.full-width{
	height: auto;
	line-height: 18px;
}
.form div.html-editor.full-width {
	width: 100%;
	box-sizing: border-box;
}
.form input[type="text"].full-width-label,
.form textarea.full-width-label,
.form div.html-editor.full-width-label {
	width: 710px;
}
.form textarea.large-textbox,
.form div.html-editor.large-textbox {
	width: 650px;
	height: 200px;
}
.form textarea.widget-code {
	font-size: 11px;
	width: 650px;
	height: 260px;
}
.form textarea.widget-code.empty {
	line-height: 200px;
}
.form .field-suffix {
	line-height: 28px;
	margin-left: 5px;
}
.form a.action {
	color: #2e6ffd;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
}

div.wide.form label {
	height: 28px;
	line-height: 28px;
	color: #343434;
}
div.wide-label.form label {
	width: 120px;
}
div.wide-label.wide-input.form label {
	width: 400px;
}
div.wide-label.wide-input.form label.normal {
	width: 120px;
}
div.extra-wide-label.form label {
	width: 200px;
}
div.extra-wide-label.wide-input.form label {
	width: 400px;
}
div.extra-wide-label.wide-input.form label.normal {
	width: 120px;
}

div.wide.form .row
{
	clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
{
	clear: left;
	padding-left: 110px;
}
div.form.wide-label .errorMessage
{
	margin-left: 130px;
}

div.wide.form .buttons {
	padding-right: 9px;
}
div.form td.product-photos {
	padding-right: 0;
	padding-left: 20px;
}
div.form .photo-preview {
	width: 370px;
	height: 270px;

	padding: 5px;

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

	background: #fff;
}
div.form .photo-preview img{
	width: 100%;
}
div.form .photo-preview .img-container{
	width: 370px;
	height: 250px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size: auto;
}
.photo-preview a {
	float: right;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	color: #0080ff;
	margin-top: 3px;
}
div.form .photo-thumbnails {
	margin-top: 10px;
}

div.form .photo-thumbnails ul,
div.form .photo-thumbnails ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.form .photo-thumbnails ul li {
	display: block;
	float: left;
	margin-right: 9px;

	width: 30px;
	height: 30px;

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

	background: #fff;
	cursor: pointer;
	overflow: hidden;
}
div.form .photo-thumbnails ul li:last-child {
	margin-right: 0;
}
div.form .photo-thumbnails ul li.loading {
	background: url(../images/ajax-loader.gif) no-repeat center center #ffffff;
}
div.form .photo-thumbnails .fileupload {
	opacity: 0;
	filter: alpha(opacity=0);
	margin: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;

	cursor: pointer;
}
div.form .photo-thumbnails ul li .thumbnail {
	display: none;
}

div.form .row.radio-buttons-container span label
 {
	display: inline;
	float: none;
	/*clear: none;*/
}
div.form .row.radio-buttons-container input[type=radio] {
	/*float: left;*/
}
div.form label.for-checkbox {
	float: none;
	display: inline;
	width: auto;
	font-weight: normal;
}
div.form .input-group {
	background: white;
	width: 618px;
	float: right;
	margin-bottom: 0.5em;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
div.form .input-group .custom-select {
	margin-bottom: 0;
}
.slider-container .ui-slider{
	border: solid 1px #cccccc;
	margin: 12px 10px 0 10px;
	float:left;
	background: transparent;
}
.slider-container .ui-slider .ui-slider-handle{
	display: block;
	background: url(../images/slider_handler.png) no-repeat;
	width: 18px;
	height: 18px;
	border: none;
	top: -8px;
}
.slider-container .ui-slider.value-overflow .ui-slider-handle{
	background: url(../images/slider_handler_gray.png) no-repeat;
}
.slider-container .ui-slider.disabled .ui-slider-handle{
	background: url(../images/slider_handler_gray.png) no-repeat;
}

#pack-form .slider-container {
	position: absolute;

}
/**
 *
 */
body .ui-dialog {
	padding: 15px;
	border: none;

	-mox-box-shadow: 0 0px 20px 0px #222;
	-webkit-box-shadow: 0 0px 20px 0px #222;
	-khtml-box-shadow: 0 0px 20px 0px #222;
	box-shadow: 0 0px 20px 0px #222;

}
body .ui-dialog .ui-dialog-content {
	font: normal 10pt Helvetica,Arial,sans-serif;
	color: #262626;
	background: #e6e6e6;

	padding: 16px;

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

}
body .ui-dialog .ui-dialog-buttonpane {
	border: none;
	margin: 0;
	padding: 10px 0 0 0;
}
body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	width: 100%;
}
body .ui-dialog.no-title .ui-dialog-titlebar{
	display: none;
}
/* *** */
body .ui-dialog.no-padding {
	padding-left: 0;
	padding-right: 0;
}
body .ui-dialog.no-padding .ui-dialog-content {
	background: #fff;
	padding: 0;
}
body .ui-dialog.no-padding .ui-dialog-buttonpane {
	padding: 10px 15px 0px 15px;
}
body .ui-dialog .padded-content{
	padding: 0 15px 0 15px;
}
body .ui-dialog .padded-content .form {
	padding: 16px;
	margin-top: 15px;
	background: #e6e6e6;

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

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button{
	margin: 0 0 0 10px;

	float: right;
	border: none;

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

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

	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 */

}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.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 */
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset 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+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7700', endColorstr='#c05a09',GradientType=0 ); *//* IE6-9 */
	background: linear-gradient(to bottom, #ff7700 1%,#c05a09 100%); /* W3C */
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.left {
	margin-left: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[disabled]  {
	cursor: default;

	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 */
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button .ui-button-text{
	font-family: Helvetica,Arial,sans-serif!important;
	font-weight: bold;
	padding: 0;
	font-size: 13px;

}

.ui-dialog-content table{
	margin-bottom: 0;
}
.ui-dialog-content table td{
	vertical-align: top;
}
.ui-dialog-content select option[disabled] {
	color: #fafafa;
	background: #dadada;
}
.ui-dialog-content label {
	display: block;
	width: 70px;
	height: 28px;

	margin-right: 5px;
	line-height: 28px;

	text-align: left;
	font-weight: bold;
	font-size: 0.9em;
	color: #343434;

	position: relative;
	float: left;

}
div.form label.inline,
.ui-dialog-content label.inline {
	float: none;
	display: inline;
	font-weight: normal;
	margin-right: 0;
}
div.form .inline-row label.inline {
	margin-left: 10px;
	width: 70px!important;
	text-align: right;
}
.ui-dialog-content .row{
	display: block;
	clear: both;
	margin-bottom: 10px;
}
.ui-dialog-content .row.last-row{
	margin-bottom: 0;
}
.ui-dialog-content .custom-select{
	float: left;
	width: 225px;
	height: 28px;
}
.ui-dialog-content .custom-select select{
	z-index: 2000;

	width: 225px;
	height: 28px;

	font-size: 18px;
}
.ui-dialog .ui-dialog-titlebar {
	font-family: Helvetica,Arial,sans-serif!important;

	border: none!important;
	background: transparent!important;

	padding-top: 0!important;
	padding-left: 0!important;
	font-weight: bold;
	color: #4d4d4d;
}
.ui-dialog .ui-dialog-title{
	font-family: Helvetica,Arial,sans-serif!important;
	font-size: 26px!important;
	line-height: 26px!important;

	color: #4d4d4d!important;
	padding-left: 0;
}
.ui-dialog input[type=text],
.ui-dialog input[type=password],
.ui-dialog textarea,
.ui-dialog div.html-editor {
	width: 280px;
}
.ui-dialog #editDescription {
	height: 125px;
}
.ui-dialog input[type="text"].full-width,
.ui-dialog textarea.full-width,
.ui-dialog div.html-editor.full-width {
	width: 608px;
}
.ui-dialog .inline-checkboxes-container input[type=checkbox] {
	float: left;
	margin-top: 7px;
}

.ui-dialog .ui-dialog-titlebar-close { display:none; }
.ui-widget-overlay {
	background: #000!important;
	opacity: .6!important;
	-moz-opacity: .6!important;
	filter: Alpha(Opacity=60)!important;
}

.ui-dialog .ui-slider{ margin-right: 0;margin-left: 0}

.ui-dialog .plans-list {
	float: left;
	height: 255px;
	overflow: hidden;
	padding-right: 20px;
}
.ui-dialog .plans-list label {
	float:none;
	margin: 0;
}
.ui-dialog .plans-list td {
	white-space: nowrap;
}
.ui-dialog .plans-list td.checkbox{
	width: 10px;
	padding: 0;
	vertical-align: middle;
}
.ui-dialog .ui-dialog-title .top-buttons,
.eula-page .top-buttons,
#customer-signup-form-container .slide-eula .top-buttons{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}
.eula-page .top-buttons {
	position: relative;
	height: 40px;
	right: 10px;
}
.ui-dialog .ui-dialog-title .top-buttons .button,
.eula-page .top-buttons .button,
#customer-signup-form-container .slide-eula .top-buttons .button{
	display: block;
	width: 18px;
    height: 18px;
    margin-left: 15px;
    margin-top: 6px;
    cursor: pointer;
    float: right;
}
.ui-dialog .ui-dialog-title .top-buttons .button-print,
.eula-page .top-buttons .button-print,
#customer-signup-form-container .slide-eula .top-buttons .button-print{
    background: url(../images/icon_print.png) no-repeat center center;
    background-size: contain;
    opacity: 0.6;
}
.ui-dialog .ui-dialog-title .top-buttons .button-email,
.eula-page .top-buttons .button-email,
#customer-signup-form-container .slide-eula .top-buttons .button-email{
    background: url(../images/icon_mail.png) no-repeat center center;
    background-size: contain;
    opacity: 0.6;
}

.form-loading {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.form-loading .bg{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;

	background: #000;

	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	/* IE 5-7 */
	filter: alpha(opacity=10);
	/* Netscape */
	-moz-opacity: 0.1;
	/* Safari 1.x */
	-khtml-opacity: 0.1;
	/* Good browsers */
	opacity: 0.1;
}
.form-loading .icon{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;

	background: url(../images/ajax-loader-xl-si-bk-t.gif) no-repeat center center transparent;
}
.row .loading {
	display: none;
	width: 16px;
	height: 16px;
	float: left;
	margin-left: 10px;
	background: url(../images/ajax-loader-gr.gif) no-repeat;
	margin-top: 5px;
}
/* *** */
.buttons-icon-loading {
	display: none;
	float: right;
	width: 16px;
	height: 16px;
	margin-top: 10px;
	background: url(../images/ajax-loader-gr.gif) no-repeat center center transparent;
}

/* Login & Signup Forms*/
div.box-form {
	position: relative;

	width: 340px;
	margin: 0 auto;
	margin-top: 200px;

	padding: 20px 40px 20px 40px;
	background: #fff;

	-moz-border-radius: 10px;
	-webkit-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;

	color: #cccccc;
}
div.box-form label {
	color: #676767;
}
div.box-form .form-errors-container{
	position: absolute;
	top: -70px;
	background: #ff6a00;
	width: 330px;

	left: 50%;
	margin-left: -165px;
}
div.box-form .form-errors-container .errorMessage{
	color: #fff;
	padding: 5px;
	font-weight: bold;
}
div.box-form .row {
	/*margin-top: 10px;*/
}
div.box-form .form-title{
	width: 190px;
	height: 26px;
	margin-top: 5px;
	margin-bottom: 10px;

	float: left;
	color: #cccccc;
	font-weight: bold;
	font-size: 18px;
}
div.box-form .form-logo{
	width: 120px;
	height: 20px;
	float: right;
	margin-top: 6px;
	margin-right: 5px;
	background: url(../images/form-logo-apptium.png) no-repeat;
}
div.box-form .form-contents {
	padding: 5px;
	margin-bottom: 10px;
	color: #676767;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
div.box-form .form-inner-container {
	padding: 5px;
	margin-bottom: 10px;
}
/*
div.box-form .form-logo{
	width: 90px;
	height: 26px;
	float: right;
	background: url(../images/form_logo.png) no-repeat;
}
*/

div.box-form input[type=text],
div.box-form input[type=password] {
	width: 315px;
	height: 30px;
	/*line-height: 30px;*/

	color: #888;

	border: solid 1px #cccccc;

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

	padding: 0 10px 0 10px;
	margin-bottom: 10px;
}
div.box-form .row.success input[type=text],
div.box-form .row.success input[type=password] {
	background: #fff;
}
div.box-form .row.buttons {
	margin-bottom: 0;
}
div.box-form .row.buttons.orange input[type=submit] {
	float: right;

	width: 94px;
	height: 36px;
	line-height: 36px;
	margin-bottom: 0;

	background: #ff5308;
	color: #fff;
	font-weight: bold;

	border: none;

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

	cursor: pointer;
}

div.box-form.login-form a {
	display: block;
	float: left;
	width: 150px;
	margin-top: 15px;
	text-decoration: none;
	color: #ccc;

}
#login-form-container {
	width: 340px;
}
#signup-form-container .form-errors-container{
	top: -130px;
}

#login-buttons-container {
	margin-top: 50px;
	width: 320px;
	height: 85px;
	padding: 40px 50px 0px 50px;
}

#login-buttons-container .row.buttons .button {
	display: block;
	text-align: center;
	text-decoration: none;

	width: 150px;
	height: 36px;
	line-height: 36px;
	margin-bottom: 0;
	margin-top: 0;

	color: #fff;
	font-weight: bold;

	border: none;

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

	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+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#307cf9', endColorstr='#225ebe',GradientType=0 ); *//* IE6-9 */
	background: linear-gradient(top, #307cf9 0%,#225ebe 100%); /* W3C */
}

#customer-signup-form-container {
	width: 640px;
	margin: 100px auto;
	height: 500px;
	padding: 20px;
}

.form-slider {
	margin-top: 10px;
	overflow: hidden;
}
.form-slider .slides-container {
	position: relative;
}

.form-slider .slide {
	position: relative;
	float: left;

	padding: 10px;
	background: #e6e6e6;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-right: 10px;
}

div.box-form .form-slider input[type=text],
div.box-form .form-slider input[type=password] {
	border: none;
}
.slide-overlay {
	position: absolute;
	top: 48px;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.slide-overlay .bg{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;

	background: #fff;

	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	/* IE 5-7 */
	filter: alpha(opacity=10);
	/* Netscape */
	-moz-opacity: 0.1;
	/* Safari 1.x */
	-khtml-opacity: 0.1;
	/* Good browsers */
	opacity: 0.4;
}
.slide-overlay .icon{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;

	background: url(../images/ajax-loader-xl-si-bk-t.gif) no-repeat center center transparent;
}

#customer-signup-form-container .form-slider{
	height: 450px;
}
#customer-signup-form-container .form-slider .slides-container {
	width:1950px;
	left: 0;
}

#customer-signup-form-container .slide{
	width: 620px;
	height: 430px;
}

#customer-signup-form-container .form-contents {
	height: 340px;
}
#customer-signup-form-container .form-inner-container {
	height: 390px;
}
#customer-signup-form-container #CustomerSignupForm_eulaSignature {
	width: 200px;
}
#customer-signup-form-container .eula-text {
	height: 335px;
	padding: 2px;
	overflow-y: scroll;
}
#customer-signup-form-container .slide-thankyou .form-contents {
	height: 380px;
	overflow: hidden;
}

#customer-signup-form-container input[type=text],
#customer-signup-form-container input[type=password] {
	width: 215px;
}
#customer-signup-form-container textarea {
	width: 224px;
	height: 65px;
}

#customer-signup-form-container .slide-thankyou .login-link {
	margin-top: 20px;
	text-align: center;
}
#customer-signup-form-container .slide-thankyou .login-link a{
	color: #2a70e0;
	text-decoration: none
}

#TestDrive_title {
	height: 38px;
	line-height: 38px;
	padding: 0 5px 0 5px;

	font-size: 22px;
	font-weight: bold;

	border: solid 1px #dadada;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-html-border-radius: 0;
	border-radius: 0;
}

.banner-container {
	position: relative;
}
.banner-container .upload-btn{
	width: 628px;
	text-align: center;
	padding: 50px 0 50px 0;
	border: dashed 1px #dadada;
	color: #dadada;
	font-size: 24px;
	font-weight: bold;
}
.banner-container.loading .slide-overlay{
	display: block;
}
.upload-button-container {
	position: relative;
	float: right;
	/*width: 82px;*/
	overflow: hidden;
	margin-left: 10px;
}
.upload-button-container input.main-action {
	margin-top: 0;
}
.upload-button-container .fileupload {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	/*width: 90px;*/
	height: 28px;
	line-height: 28px;
	margin-top: 0;
	margin-left: 10px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.banner-buttons {
	float:right;
	margin-bottom: 0;
	height: 32px;
	margin-top:8px;
}

#test-drive-form label {
	font-size: 12px;
}
#test-drive-form label.section {
	font-size: 16px;
}
#test-drive-form .form input[type=text],
#test-drive-form .form textarea {
	clear: left;
}
#test-drive-form .form .no-clear input[type=text],
#test-drive-form .form .no-clear textarea {
	clear: none;
}
#test-drive-form .form textarea {
	resize: vertical;
}
#test-drive-form .form .full-width {
	width: 555px;
}
#test-drive-form .form .half-height {
	height:50px;
}

/*
#test-drive-form .form-grid {
	width: 400px;
}
#test-drive-form .form-grid .row {
	margin:0;
}
#test-drive-form .form-grid td{
	padding:5px 10px 5px 0;
}
#test-drive-form .form-grid td:last-child{
	padding-right: 0;
}
#test-drive-form .form-grid .sort-handle{
}
#test-drive-form .form-grid input {
	width: 220px;
	margin-bottom: 0;
}
#test-drive-form .form-grid td:first-child input{
	width: 300px;
}
#test-drive-form .cloudformation-list .custom-select {
	width: 265px;
}
#test-drive-form .form-items-table td div{
	overflow: visible;
}
*/
#test-drive-form .form-items-table td.delete-btn-container input{
	width: 267px;
}
.form-items-table td.delete-btn-container .delete-button {
	display:block;
}
#test-drive-form .form-items-table textarea {
	height: 48px; /* two lines minus 10px padding */
}
#test-drive-form .form-items-table td:nth-child(2) input,
#test-drive-form .form-items-table td:nth-child(2) textarea,
#test-drive-form .form-items-table td:nth-child(2) .custom-select{
	width: 225px;
}
/* Same two rule as above but for IE */
#test-drive-form .form-items-table td:first-child + td input,
#test-drive-form .form-items-table td:first-child + td textarea,
#test-drive-form .form-items-table td:first-child + td .custom-select{
	width: 225px;
}
/* *** */
#test-drive-form .form-items-table .custom-select{
	overflow: visible;
	margin-bottom: 0;
}
/*
#test-drive-form .form-items-table .custom-select .value{
	line-height: 20px;
}
*/
#test-drive-form .form-items-table .custom-select select{
	width: 100%;
	margin-bottom:0;
}

/************/
.image-upload-container {
	position: relative;
}
.image-upload-container .upload-btn{
	float: left;
	width: 250px;
	padding: 50px 0 50px 0;
	border: dashed 1px #dadada;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #dadada;
	background: #fff;
	/*cursor: pointer;*/
}
.image-upload-container:hover{
	text-decoration: underline;
}
.image-upload-container.busy .slide-overlay{
	display: block;
}
.image-upload-container .upload-button-container {
	position: relative;
	float: right;
	width: 100%;
	overflow: hidden;
}
div.form .image-upload-container .upload-button-container label {
	width: 100%;
	text-align: center;
	float:none;
	margin:0;
	position: static;
}
.image-upload-container .upload-button-container .fileupload {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -40px;
	opacity: 0;
	width: 80px;
}
.image-upload-container .image img{
	width: 250px;
}
.image-upload-container .delete-btn{
	margin-right: 12px;
	margin-top: 10px;
}
.row.with-reset-button {
	position: relative;
}
.btn-field-reset {
	display: none;
	position: absolute;
	top: 5px;
	right: 12px;
	width: 18px;
	height: 18px;
	background: url(../images/delete-icon.png) no-repeat;
	cursor: pointer;
}
.with-reset-button .btn-field-reset {
	display: block;
}
/*Account form*/
.merchant-fields {
	display:none;
}
.merchant-fields .credentials-container{
	display: none;
}
.change-credentials-btn a{
	color: #222;
}

.awsRoleDetails {
	background: #cbcbcb;
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.awsRoleDetails ol li {
	margin-bottom: 5px;
}
.awsRoleDetails .highlight {
	font-weight: bold;
	background: transparent;
}
.awsRoleDetails .highlight-box {
	width: 300px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: #fafafa;
	border-radius: 3px;
}
.ui-dialog .awsRoleDetails {
	background: none;
	padding:0;
}
#accounts-list-container label{
	text-align: right;
	cursor: pointer;
}
#accounts-list-container .row {
	position:relative;
	clear:left;
}
#accounts-list-container .c_status {
	display: none;
	position: absolute;
	top: 7px;
	right: 5px;
	padding: 2px;
	border-radius: 2px;

	font-size: 10px;
	background: #ff8888;
	color: #FFF;
}
#accounts-list-container .c_status[data-status="pending"] {
	background: #7fa3dd;
}
#accounts-list-container .c_status[data-status="pending_delete"] {
	background: #ff8888;
}
#accounts-list-container .c_status[data-status="pending"],
#accounts-list-container .c_status[data-status="pending_delete"] {
	display: block;
}
#accounts-list .row:hover {
	cursor: pointer;
}
#accounts-list .row:hover input.c_account_account {
	background: #2a70e0;
	color: #fff;
	cursor: pointer;
}
#accounts-list-container .row:hover .c_status[data-status="pending"] {
	background: #ffffff;
	color: #444;
}
#accounts-list-container .row:hover .c_status[data-status="pending_delete"] {
	background: #fff;
	color: #444;
}

div.form .row.addr-fields-container,
.addr-fields-container {
	margin-bottom: 10px;
	width:250px;
	float:left;
}
#customer-signup-form-container .addr-fields-container{
	width: 100%;
}

.addr-field {
	position: relative;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.addr-field.addr-country {width:100%;}
.addr-field.addr-street {clear:left;width:67%;padding-right:1px;}
.addr-field.addr-appt {width:33%;padding-left:1px;}
.addr-field.addr-city {clear:left;width:34%;padding-right:1px;}
.addr-field.addr-state {width:33%;padding-right:1px;padding-left:1px;}
.addr-field.addr-zip {width:33%;padding-left:1px;}
.addr-field input[type=text],
.addr-field .custom-select,
.addr-field select {
	margin-bottom:2px!important;
}
div.form .addr-field label,
.addr-field label {
	display:none
}
.row.addr-fields-container.error .addr-field.addr-country .custom-select {
	background: #FEE;
}

div.form div.error input#SignupForm_addressSuite,
div.form div.error input#SignupForm_addressState{
	background: #FFFFFF;
}

/*.addr-field.addr-state .custom-select {display:none;}
.addr-field.addr-state .addressState {display:block;}*/

div.form .addr-field input[type=text],
div.form .addr-field .custom-select,
div.form .addr-field select {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.placeholder-label {
	position: absolute;
	z-index: 2;
	height: 30px;
	line-height: 30px;
	padding-left: 5px;
	color: #707070;
}
.medium-editor-placeholder:after {
	padding: 5px;
}
.cloud-provider-fields {
	display: none;
	position: relative;
}
.cloud-provider-fields .disabled-fields-overlay {
	display: none;
	z-index: 10;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #e6e6e6;
	opacity: .5;
	filter: alpha(opacity=50);
}

#slide-phone-sms-validation .inner,
#slide-phone-call-validation .inner {
	margin-top: 150px;
}

#slide-phone-sms-validation .inner h1,
#slide-phone-call-validation .inner h1 {
	text-align: center;
}

#slide-phone-sms-validation table.form-inner-container,
#slide-phone-call-validation table.form-inner-container {
	height: auto;
}

#slide-phone-sms-validation label.info,
#slide-phone-call-validation label.info {
	margin-bottom: 10px;
}

#slide-phone-sms-validation #phone_number_to_verify_message_box,
#slide-phone-sms-validation #sms_to_verify_message_box,
#slide-phone-call-validation #call_phone_number_to_verify,
#slide-phone-call-validation #call_phone_number_to_verify_message_box {
	position: static;
	width: 350px;
	margin-left: 0px;
}

#slide-phone-sms-validation #phone_sms_code_to_verify {
	width: 100px;
}

#customer-signup-form-container .form-inner-container tr.verify-code-received-by-sms-line td {
	padding: 30px 0px;
}

.slide-signup-success p.success-text {
	text-align: center;
}
#recaptcha_widget_div a {
	width: auto;
	float: none;
	display: inline;
	margin: 0px;
}

#recaptcha_response_field {
	height: auto;
	border-radius: 0px;
}

#recaptcha_area {
	margin-left: 11px;
}

table.form-inner-container tr.code-verification label.info{
	font-weight: bold;
	text-align: center;
}

.code-verification .info.code {
	color: #2a70e0;
	text-align: center;
}

.code-verification-status label.info.verification-status {
	text-align: center;
	font-weight: bold;
}

div.relative-position {position:relative}

.field-wrapper {
    position: relative;
    float: left;
    width: 250px;
    height: 28px;
}

.field-wrapper input {
	position: absolute;
}
.field-wrapper .field-status-container,
.field-status-container {
	display: inline-block;
	position: absolute;
	width: 250px;
	height: 0; /* to not block access to the input field */
	left: 130px;
	top: 6px;
}

.field-status-container > div {
	float: right;
	display: none;
	margin-right: 5px;
	padding: 2px;
	border-radius: 2px;
	background-color: #7fa3dd;
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	cursor: default;
}

.customer-arn-role-container .field-status-container {
	display: inline-block;
	float: left;
	position: absolute;
	right: 160px;
}

#cloud-account-form .field-status-container {
	width: 410px;
}

#cloud-account-form .admin-cloud-accounts-page.field-status-container {
	width: 410px;
}

.field-status-container.status-not-checked    > .label-not-checked    { display:inline-block}
.field-status-container.status-no-access      > .label-no-access      { display:inline-block; background-color: #ff8888;}
.field-status-container.status-partial-access > .label-partial-access { display:inline-block; background-color: #ffa500;}
.field-status-container.status-has-access     > .label-has-access     { display:inline-block; background-color: #55cc55;}
.field-status-container.status-checking       > .label-checking       { display:inline-block}
.field-status-container:hover:not(.status-checking):not(.no-hover) > div { display:none }
.field-status-container:hover:not(.status-checking):not(.no-hover) > .action-check-now { display:inline-block; cursor: pointer;}

.taxes-dropdown {
	position: relative;
}

.taxes-container {
	float: left;
}

.taxes-dropdown .taxes-container .custom-select {
	width: 230px;
	float: left;
	height: 28px;
	margin-bottom: 0.5em
}

.taxes-dropdown .taxes-container .delete-button-container {
	/*position: absolute;*/
	float: left;
	padding: 5px;
}
.taxes-dropdown .taxes-container .delete-button {

	/*position: absolute;*/
	width: 18px;
	height: 18px;
	/*top: 5px;*/
	/*right: 4px;*/
	background: url(../images/delete-icon.png) no-repeat;
	cursor: pointer;
	z-index: 2;
}

.taxes-dropdown .add-taxes-btn {
	margin-top: 0;
	right: 250px;
	position: absolute;
}

.taxes-dropdown .taxes-dropdown-template {
	display: none;
}

h1.cloud-account-field-title {
	margin-top: 30px;
}

.action-request-cloud-account .disabled {
	color: gray;
}