/********************************************/
/* 		CUSTOM GLOBAL STYLES 				*/
/* 		used on user side and admin side 	*/
/********************************************/

body {background:#f5f5f5;}
#logo { @include rem (margin, 22px 0); float: left;}
header {background: url('../images/bg/nav.png') no-repeat 50% 0%;}
.l_header {
	p, #header-cart-item-count { color: $light-blue;}
	p {
		margin: 0 10px 0 0;
		text-transform: uppercase;
		line-height: 36px;
		font-weight: bold;
	}
}
.truncate {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.l_heading {background: url('../images/bg/heading.png') repeat-y 50% 0%; position: relative; z-index: 1; padding: 30px 0 50px;}
.l_content {background: url('../images/bg/content.png') no-repeat 50% 0%; position: relative; z-index: 2; top: -37px; padding: 40px 0 0;}
.l_footer {background: #e3e3e3 url('../images/bg/footer.png') repeat-x 0% 0%;}
footer {color:#7b7b7b; @include rem (font-size, 11px); padding: 25px 0 0;}


/*  Popup */
.body_popup { min-width:780px}
.popup h1 { text-align:center;}

/*  COMMON STYLES */
.asterisk, .errors {color:$red;}
div.required {font-style:italic; margin-bottom:10px;}
label.required {padding-left:7px; margin-left:-7px; background:url(../images/asterisk.gif) no-repeat 0 0; zoom:1;}
.empty { padding:10px 0; text-align:center; font-style:italic; list-style:none;
	a { font-style: normal;}
}
.qtip-content *, .description, .hint, .errors {@include rem (font-size, 11px);}
.description, .hint {color:$blue; margin:0;}
.preferred_size { color:$gray-dark; font-style:italic;}
.hidden {display:none;}
.disabled {background-color:#EFEFEF}
ul.errors {margin: 0;}
.hc_image {margin: 10px 0;}
.link_all {padding: 10px 0 0; display: inline-block;}
.btn-more { color: $blue; font-size: 12px; font-weight: bold; text-transform: uppercase;
	i { color: #fff;}
}
ul.ui-autocomplete {
	max-height: 200px;
	overflow: auto;
	list-style: none;
	padding: 0;
	margin: 0;
	background: #fff;
	border: 1px solid $borders;
	li {
		margin: 0;
		background: #f5f5f5;
		border-top: 1px solid $borders;
	}
	li:first-child { border-top: none;}
	a {display: block;
		padding: 3px 5px;
		&:hover { background: #fff;}
	}
}

/*  PAGINATOR */
.paginator { margin:10px 0 0;
	span, a {
		padding:0 6px;
		margin:0 0 0 1px;
		display:inline-block;
		font-weight:bold;
		vertical-align:middle;
		line-height:20px;
	}
	a { background:$blue; color: $white;
		&:hover { background:darken($blue,10%);}
	}
	.current {color: $gray-darker; background:$gray-light;}
	.disabled {display: none;}
}
p.paginator-info { display: inline;}

/*  Custom Form Styles */
.form_header {font-weight:bold; text-align:center; border:solid silver 1px;
	@include rem(font-size, 14px);
	@include rem(line-height, 28px);
	@include gradientv($gray-lighter, darken($gray-lighter,10%));
	@include radius();
}
input.autocomplete_not_found {background-color:#FFDEDE}
input.text, input.autocomplete, input.password, input.emailorphone, input.pagealias, textarea {width:100%;}
input.city, input.phone { width:200px;}
select.state { width:208px;}
input.zip {width:100px;}

#submitGroup-element { margin:0;
	fieldset {margin:0;}
	dl {text-align:center;}
	dd { display:inline;}
}
#admin-login-form #btnSubmit-element, form#stsauth-form #btnSubmit-element {text-align:center; margin:0;}

/*  Captcha */
a.loading_captcha img {visibility:hidden}
a.loading_captcha {background: url('../images/loading.gif') no-repeat center center}
input.captcha {width:114px;}
a.captcha_refresh {@include rem(margin, 0 0 12px);}
#captcha-label {display:none;}
.captcha_refresh img { border: 1px solid #888888; @include radiusNative(3px);}
.defaultHint_element {color:#777;}

/*  Filters */
.filter_form { @include rem(margin, 0 0 10px);
	dl {
		dt, dd { float:left;}
		.btn, #btnCancel, label { line-height: 25px;}
		.btn, #btnCancel { padding:0 12px 2px;}
		label { display:block; font-size: 12px;}
		input[type="text"], select { margin: 0;}
		.btn, #btnCancel, label, input[type="text"], select { height: 25px;}
		#query-element {min-width:280px; width: auto;}
	}
}
.filter_form > dl > dt, .filter_form > dl > dd {margin:0 5px 0 0;}
#event-filter-form dl {
	select {width: 120px;}
	#query-element {width:265px; min-width:265px;}
}

/*  Form Element Decorator FckEditor */
textarea.htmleditor {display:none;}
div.htmleditor_preview {
	height:190px;
	overflow:auto;
	border:solid silver 1px;
	background-color: #fff;
	padding:3px;
	@include radius(3px);
	@include border-box ();
}
div.ck_toolbar {padding:5px; text-align:right; @include border-box ();}
.ckeditor_edit div.ck_toolbar, .ckeditor_edit div.htmleditor_preview {display:none;}

#loading-box { position: fixed; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; background: black; opacity: 0.8; cursor: pointer; z-index: 1000; @include radiusNative(); }
#loading-box div { width: 100%; height: 100%; background: url('../images/loading-black.gif') center center no-repeat; }
.ui-datepicker-trigger { vertical-align:middle; cursor:pointer; margin:0 5px;}

/*  DEBUG */
#qsf-debug-container pre {text-align:left!important; color:black!important; background-color:white!important;}
#qsf-debug-container td, #qsf-debug-container th {border: 1px solid #000000;}
#qsf-debug-container th {text-align: center; padding: 5px 10px; background: #cccccc;}
#qsf-debug-container td {padding: 5px;}

/*  ECOMMERCE */

#servicePayment-fieldset-authorizeNetMethods {padding-top:50px  !important; background:url(../images/ecommerce/payment_cc.png) no-repeat 0 0;}
#servicePayment-fieldset-PayPalStandardMethods {padding-top:50px !important; background:url(../images/ecommerce/payment_cc_paypal.png) no-repeat 0 0;}
#servicePayment-fieldset-PayPalExpressCheckoutMethods {padding-top:50px !important; background:url(../images/ecommerce/payment_cc_paypal.png) no-repeat 0 0;}
#servicePayment-PayPalExpressCheckoutMethods-element, #servicePayment-PayPalStandardMethods-element { padding:0;}
.copy {
	padding: 15px 0;
	p {
		margin-bottom: 0;
	}
}