////////////////////////////////////////////////////////////////////
//															      //
//		Shared Styles											  //
//																  //
////////////////////////////////////////////////////////////////////

// Sticky Footer
// -----------------------------------------------------------------
html, body { height: 100%; }
body {
    background: $bodyBackground no-repeat center 145px;
    // background: $bodyBackground url(../images/bg-body.jpg) no-repeat center top;
    // background-attachment: fixed;
    // background-position: center center;
    // background-repeat: no-repeat;
    // background-size: cover;
}
.wrapper {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	&:before {
	    width: 100%;
	    height: 145px;
	    position: absolute;
	    z-index: -1;
	    left:0;
	    top:0;
	    content: " ";
	    background-color: #fff;
	}
	&:after {
	    width: 100%;
	    height: 200px;
	    position: fixed;
	    z-index: -2;
	    left:0;
	    bottom:0;
	    content: " ";
	    @include gradient-vertical-clear(rgba(34,34,34,0), rgba(34,34,34,1));
	}
}

hr.delimiter { width: 1px; margin: 0 auto; height: 220px; background-color: #eee;}

.block {
	display: table-row;
	height: 1px;
	vertical-align: top;
}
.container-fluid {
    margin: 0 auto;
    max-width: 980px;
}

.push { height: 100%;}
.push > .container, .push > .container-fluid {
	padding-top: $baseLineHeight * 1.5;
	padding-bottom: $baseLineHeight * 1.5;
}
.content {background-color: $white; min-height: 300px;}

header { position: relative; z-index: 2; background:url(../images/bg-header.png) no-repeat center top;}
a:hover, a:active { outline:none; text-decoration: none; color:$linkColorHover;}

.main-menu { background-color: #222;  @include border-radius(2px 2px 0 0);}
#nav-main {
	> li > a {
		font-weight: bold;
		font-size: $baseFontSize;
		letter-spacing: 0.05em;
		@include transition(all linear 0.2s);
	}
}

// Footer
// -----------------------------------------------------------------
footer {
	vertical-align: bottom; // Sticky Footer
	color: #e6e6e6;
	.container, .container-fluid {padding: 20px 0;}
	.copyright {font-size: 12px;}
	a {
		color:#aaa;
		//text-decoration: none;
		&:hover {color:$white;}
	}
}


// Popup
// -----------------------------------------------------------------
.body_popup { min-width:780px}
.popup h1 { text-align:center;}
.treeview .popover {max-width: 380px; width: auto;}
#categories-tree .popover {max-width: 450px; width: auto;}

// Common Elements
// -----------------------------------------------------------------
.lead {
	@include font-shorthand(30px, 200, 40px);
	margin-bottom: $baseLineHeight;
}
.meta {font-size: 13px;}
.errors {
	clear: both;
	color:$red;
	list-style: none;
	padding:0;
	margin:0;
	font-size: 12px;
}
.asterisk {color: $accent;}

label.required {
	padding-left:7px;
	margin-left:-7px;
	background:url("../images/asterisk.png") no-repeat 0 5px;
}
.empty, .table td.empty {
	padding:10px 0;
	text-align:center;
	font-style:italic;
	list-style:none;
}
.description, .hint, .preferred_size {
	font-size: 12px;
	line-height: 14px;
	color:darken($accent-sec,40%);
	margin:3px 0;
}
.automatically_resize label { font-size: 13px;}
th { white-space: nowrap;}

input.zip { @extend .input-small;}
input.city { @extend .input-large;}

.hidden {display:none;}
.clear {clear: both;}

// FORM
// -----------------------------------------------------------------
form {
	fieldset {
		legend {
			color: lighten($black, 20%);
			padding: 0;
			font-weight:bold;
		}
	}
	input[type="checkbox"],
	input[type="radio"] {
		margin: -1px 5px 0 0;
		border:none;
	}
	dt > label {
		font-weight: bold;
		color: $grayDarker;
	}
	dd {
		label { display: inline-block;}
		input, textarea, .uneditable-input {
		    width: 100%;
		}
		input, textarea, select, .uneditable-input {
		    @include box-sizing(border-box);
		}
		input[type="text"],
		input[type="password"], input[type="datetime"],
		input[type="datetime-local"], input[type="date"],
		input[type="month"], input[type="time"], input[type="week"],
		input[type="number"], input[type="email"],
		input[type="url"], input[type="search"],
		input[type="tel"], input[type="color"], .uneditable-input {
			height: 30px;
		}
		input.date {width: auto;}
		select {height: 30px;}
	}
	textarea {
		overflow: auto;
		min-height: 110px;
	}
	.label_description {
		font-weight:normal;
		margin-left:10px;
		@include rem(font-size, 11px);
		@include rem(line-height, 12px);
		color:#666;
	}
}
// input[type="text"], input[type="password"], input[type="tel"], select, textarea {
// 	border: 1px solid lighten($black, 70%);
// 	padding: 3px;
// 	margin: 0;
// 	@include rem(font-size, 13px);
// }
select {width: auto;}
input[type="checkbox"], input[type="radio"] {padding: 0;}
// Custom Forms
// -----------------------------------------------------------------
.form_header {
	border-bottom: solid 2px $accent;
	//background-color: #f1f1f1;
	//padding-left: 13px;
	font-size: 18px;
	line-height: 28px;
	font-weight:bold;
	margin-top: 50px;
}
dl {
	margin: 0;
	> dd { margin:0 0 ($baseLineHeight / 2) 0;}
}
input.autocomplete_not_found {background-color:#FFDEDE}

#submitGroup-element, .btnSubmitGroup {
	margin:0;
	fieldset {
		padding:0;
		margin:0;
		border:0;
	}
	dl { text-align:center;}
	dd { display:inline-block;}
	.btn {min-width:100px;}
}
#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:150px;}
a.captcha_refresh {margin: 0 0 5px;}
.captcha_refresh img { border: 1px solid $inputBorder; @include border-radius($inputBorderRadius);}
.defaultHint_element {color:#919191; top:3px;}

// Spam protection: hidden field
// -----------------------------------------------------------------
.alternative_email_address { display: none;}

// Filters
// -----------------------------------------------------------------
.filter_form, .sorter_form {
	margin-bottom: $baseLineHeight;
	dl {
		dt, dd { float:left; @include rem(margin, 0 5px 0 0);}
		label { display:inline; line-height: $baseLineHeight * 1.2;}
		#query-element {width:300px;}
	}
}
#company-filter-form_elements{
	dd#query-element{width: inherit;}
	dd fieldset#fieldset-line2{
		margin: 10px 0 5px;
		dl{
			float: left; margin-right: 2%; margin-bottom: 10px; width: 49%;
			&:last-child{margin-right: 0; }
			dt{float: left;}
			dd{float: none; clear: left;}
		}
	}
	dd#mnHouse-element, dd#usCongressional-element{ p.description{font-size: 11px !important;}}
	dd {
		fieldset#fieldset-line3{
			dl{
				float: left; margin-right: 0.2%; margin-bottom: 10px; width: 33.2%;
				&:last-child{margin-right: 0;}
				dd {float: none; clear: left; select{width: 100%;}}
				dt {float: left; }
			}
		}
	}
	#submitGroup-element {
		margin: 0 auto;
		//clear: both;
		//float: none !important;
		dl dd { float: none;}
	}
	#line2-element, #line3-element {width: 100%;}
}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all{
	max-height: 250px;
	overflow-y: auto;
	overflow-x: auto;
}
td.cell_year_founded.grid_text{
	text-align: center !important;
}

// Pager
// -----------------------------------------------------------------
.pagination .pull-left { line-height: 30px;}

// Form Element Decorator FckEditor
// -----------------------------------------------------------------
textarea.htmleditor {display:none;}
div.htmleditor_preview {
	height:190px;
	overflow:auto;
	border:solid silver 1px;
	padding:2px;
	@include border-radius(3px);
	@include box-sizing(border-box);
}
div.ck_toolbar {padding:5px; text-align:right; @include box-sizing(border-box);}
.ckeditor_edit div.ck_toolbar, .ckeditor_edit div.htmleditor_preview {display:none;}
.htmleditor_modal {width:950px}
.htmleditor-not-empty i {color:lime}

#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 border-radius(5px);
}
#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;}

.checkboxlist {
	width: 100%;
	td {
		padding-right: 20px; vertical-align: top;
		label { margin: 0;}
		width: 33%;
		white-space: nowrap;
	}
}


// Debug Info
// -----------------------------------------------------------------
#qsf-debug-container {color:black!important; background-color:white!important;}
#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;}

#qsf-debug-container div#debug_db_profiler table tr td pre {background-color: transparent!important; border: medium none; display: inline; margin: 0;}
#qsf-debug-container div#debug_db_profiler td, #qsf-debug-container div#debug_db_profiler th {border: none;}
#qsf-debug-container div#debug_db_profiler td.color_type div.colored_code,
#qsf-debug-container div#debug_db_profiler td.format_type div.formatted_code {display: block;}
#qsf-debug-container div#debug_db_profiler td.color_type div.formatted_code,
#qsf-debug-container div#debug_db_profiler td.format_type div.colored_code,
{display: none;}
#qsf-debug-container div#debug_db_profiler td.format_type a, #qsf-debug-container div#debug_db_profiler td.color_type a {
  display: inline-block;
  width: 8px;
}
#qsf-debug-container .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: #FFFFD7;
}

.user_form { background-color: white;}
#jobTitle {width: 50%;}

// Trade show
table.multiautocomplete{
	> tbody > tr{
		td.options{
			vertical-align: top;

		}
	}
}
#app-sideblock-admin-list {
	.cell_page_list.grid_page_list {
		.pageList {
			.toggleItemsContainer:before {
				display: none;
			}
		}
	}
}