@charset "utf-8";
/* CSS Document */
.light-shadow {
	-moz-box-shadow: 0px 0px 4px #9b9b9b;
	-webkit-box-shadow: 0px 0px 4px #9b9b9b;
	box-shadow: 0px 0px 4px #9b9b9b;
}

/* web-fonts */
@font-face {
	font-family: "Proxima";
	font-style: normal;
	font-weight: normal;
	src: url("fonts/proxima/proximanova-reg-webfont.woff") format("woff");
}

@font-face {
	font-family: "Proxima";
	font-style: normal;
	font-weight: bold;
	src: url("fonts/proxima/proximanova-sbold-webfont.woff") format("woff");
}

@font-face {
	font-family: "Proxima";
	font-style: normal;
	font-weight: 800;
	src: url("fonts/proxima/proximanova-bold-webfont.woff") format("woff");
}

@font-face {
	font-family: "Proxima";
	font-style: italic;
	font-weight: normal;
	src: url("fonts/proxima/proximanova-regit-webfont.woff") format("woff");
}

@font-face {
	font-family: "Source Code Pro";
	font-style: normal;
	font-weight: normal;
	src: url("fonts/source-code-pro/source-code-pro.woff") format("woff");
}

/* display styles */
.sectiontext {
	font-size: 12pt;
}

/* destination styles */
.sec-reg-fam1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.sec-lrg-fam1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.sec-reg-fam2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.sec-lrg-fam2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

body {
	margin: 0px;
	font-family: Proxima, Arial, Verdana, sans-serif;
	font-size: 9pt;
	min-width: 1000px;
}

/* Build 907 */
.disable-selection {
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

/* Build 789 */
#header {
	background-image: url("img/display/header-rpt.png");
	background-repeat: repeat-x;
	border-top: 3px solid #222222;
	height: 45px;
	position: absolute;
	top: 0;
	width: 100%;
}

#notificationWrapper {
	position: absolute;
	bottom: 7px;
	margin: 0px auto;
	z-index: 99999999;
	left: 50%;
	transform: translateX(-50%);
}

#fb-footer {
	height: 56px;
	color: #444;
	font-size: 8pt;
	border-top: 1px solid #ccc;
	margin-top: 9px;
}

#load-status {
	width: 500px;
	text-align: center;
	position: fixed;
	top: 200px;
	left: 350px;
	height: 75px;
	border-radius: 10px;
	opacity: .98;
	background-color: #454545;
}

#file-actions-old {
	background-image: url(img/display/sub-header-rpt.png);
	border-bottom: 0px #ccc dotted;
	height: 31px;
	margin-bottom: 0px;
	position: relative;
}

/* Build 789 */
#file-actions {
	border-bottom: 1px solid #888888;
	border-top: 2px solid #666666;
	height: 31px;
	margin-bottom: 0;
	position: absolute;
	top: 48px;
	width: 100%;
}

/* Build 789 */
#job-info-bg {
	background-image: url("img/display/job-info-bg-rpt.gif");
	background-repeat: repeat-x;
	clear: both;
	height: 28px;
	position: absolute;
	top: 82px;
	width: 100%;
}

#job-info {
	z-index: 99;
	color: #888;
	margin-left: 40px;
	background-repeat: no-repeat;
	height: 25px;
	position: relative;
	min-width: 1350px;
}

#formdata {
	background-color: #454545;
	border-radius: 0 0 5px 5px;
	color: #B7B7B7;
	left: 41px;
	padding: 4px 42px 2px 17px;
	position: absolute;
	top: 0;
	z-index: 100;
}

/* Build 789 */
#editor-middle-wrapper {
	float: left;
}

#editor-middle {
	border: 1px solid #E2E2E2;
	clear: both;
	height: 566px;
	margin-right: 0px;
	min-width: 350px;
	overflow: scroll;
	padding-right: 11px; /* Build 790 */
	width: 525px;
	z-index: 1000;
}

/* Build 789 */
#output ul {
	list-style-position: outside;
	list-style-type: none;
	margin-left: 0;
	margin-top: 2px;
	padding: 5px;
	width: 100%;
}

/* Build 908 - Box Sizing Compatible With Responsive Design, Same Style Used In Final Output */
/* We use custom border/padding for all text and textarea items, matching formpage.css */
.form-output-div input[type="text"] {
	box-sizing: border-box;
	border: 1px solid #CFCFCF;
	padding: 4px;
}

.form-output-div input[type="password"] {
	box-sizing: border-box;
	border: 1px solid #CFCFCF;
	padding: 4px;
}

.form-output-div select {
	box-sizing: border-box;
}

.form-output-div textarea {
	box-sizing: border-box;
	border: 1px solid #CFCFCF;
	padding: 4px;
}

.form-output-div input {
	box-sizing: border-box;
}

/* field position */
#draggable-position-helper {
	font-size: 10px;
	padding-left: 5px;
	padding-top: 3px;
	height: 15px;
	min-width: 120px;
	position: absolute;
	top: -30px;
	z-index: 1001;
	background-color: #d0d0d0;
	border: 1px #737373 solid;
}

/*
height:20px; width:100px; border:1px #ccc dotted; position:absolute;top:3px; left:3px; z-index:1001; background-color:#FFFFFF;"
*/
#editor-wrapper {
	background-color: #fff;
	min-height: 820px;
	top: 107px;
	position: fixed;
	min-width: 1000px;
}

.editor-control {
	color: #454545;
	cursor: pointer;
	font-size: 11px;
}

.editor-control:hover {
	color: #000000;
}

#editor-status-wrapper {
	padding: 8px;
	margin: 2px;
	border: 1px #ccc dotted;
	background-color: #eeeef4;
	color: #888;
	display: none;
	height: 28px;
	position: relative;
}

#editor-status {
	display: block;
}

/* Build 710 */
#editor-quick-links-wrapper {
	color: #fff;
	display: block;
	height: 20px;
	line-height: 21px;
	margin: 4px;
	padding-left: 5px;
	padding-top: 0;
	position: relative;
}

#field-editor {
	background-color: #fff;
	height: 395px;
	margin-bottom: 2px;
	margin-top: 6px;
	overflow-y: auto;
	padding-left: 2px;
	padding-top: 8px;
}

/* Build 713 */
#wrapper-class-visibility-list {
	background-color: #fff;
	color: #454545;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 2px;
	width: 270px;
	z-index: 999;
	box-shadow: 0 0 17px #a0a0a0;
}

#wrapper-class-visibility-list li {
	list-style: none outside none;
}

#wrapper-class-visibility-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

p {
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 0;
}


.small-link {
	color: #97adc4;
	cursor: pointer;
	font-size: 11px;
	text-decoration: none;
}

.small-link:visited {
	text-decoration: none;
}

.small-link:hover {
	color: #97adc4;
	text-decoration: underline;
}

.small-link:active {
	text-decoration: none;
}

.small-link-button a:link {
	color: #505050;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 2px;
	padding-bottom: 3px;
	border: 1px solid #ccc;
	background-color: #e4e4e4;
	margin-left: 5px;
	margin-right: 0px;
	cursor: pointer;
}

.small-link-button a:hover {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 2px;
	padding-bottom: 3px;
	border: 1px solid #669;
	background-color: #666699;
	margin-left: 5px;
	margin-right: 0px;
	cursor: pointer;
}

.bump-3 {
	float: left;
	width: 7px;
}

.bump-5 {
	float: left;
	width: 5px;
}

.bump-10 {
	float: left;
	width: 10px;
}

.bump-20 {
	float: left;
	width: 20px;
}

.bump-30 {
	width: 30px;
}

.small-text {
	color: #cecece;
	font-size: 11px;
	font-weight: normal;
}

.small-text-dialog {
	color: #222;
	font-size: 11px;
	text-decoration: none;
}

.small-text-bold {
	color: #cecece;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

/* Editor Left */

/* Build 772 - Scrolling */
#add_elements_scrollbar_container {
	position: relative;
	width: 100%;
}

#add_elements_scrollbar_container_top {
	/*
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,0) 100%); 
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,0) 100%); 
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,0) 100%); 
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00ffffff',GradientType=0 ); 
	*/
	border-top: 1px dotted #CECECE;
	height: 25px;
	left: 0;
	position: absolute;
	top: -5px;
	width: 100%;
}

#add_elements_scrollbar_container_bottom {
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
		rgba(238, 238, 238, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, 0)), color-stop(100%, rgba(238, 238, 238, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
		rgba(238, 238, 238, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
		rgba(238, 238, 238, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%,
		rgba(238, 238, 238, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,
		rgba(238, 238, 238, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#00ffffff',
		endColorstr='#eeeeee', GradientType=0); /* IE6-9 */
	bottom: 0;
	height: 25px;
	left: 0;
	position: absolute;
	width: 100%;
}

#add_elements_scrollbar_track {
	background-color: transparent;
	cursor: move;
	height: 100%;
	margin-top: 20px;
	/* this is compensated for in scrollbar.js, see comment.  */
	position: absolute;
	right: 5px;
	top: 0;
	width: 10px;
}

#add_elements_scrollbar_handle {
	width: 8px;
	background-color: #dddddd;
	cursor: move;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity: 0.0;
	-moz-opacity: 0.0;
}

#add_elements_scrollbar_content {
	overflow: hidden;
	width: 94%;
}

/* Main Styles */
#editor-left {
	z-index: 1;
	position: fixed;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	width: 119px;
	cursor: pointer;
}

#editor-left ul {
	list-style-type: none;
	margin: -1px 5px 1px 0px;
	padding: 5px;
	width: 98%;
	list-style-position: outside;
}

#editor-left li {
	margin: 1px;
	padding: 0px;
}

#editor-left li img {
	border: 0px solid #f7f7f7;
}

#editor-left li img:hover {
	background-color: #EEEEF4;
	border: 0px solid #2065DB;
}

#editor-left ul {
	margin: 6px 5px 1px 0px;
	padding: 0px;
}

#editor-left li {
	
}

#editor-left li {
	/*
	border-radius: 5px 5px 5px 5px;
	height: 23px;
	width: 86%;*/
	
}

#editor-prefs li.left {
	height: 20px;
	width: 20%;
}

#editor-prefs li.small-blue {
	height: 13px;
	padding-top: 5px;
	width: 75%;
}

/* Build 812 */
#editor-prefs select {
	font-size: 10px;
	height: 17px;
	padding-top: 1px;
	width: 100%;
}

#editor-left li:hover {
	background-color: #EEEEF4;
}

#editor-left .field-separator {
	position: relative;
	border-bottom: 0px dotted #CCCCCC;
	clear: both;
	height: 6px;
	margin-bottom: 16px;
	width: 91%;
}

#editor-left .field-separator div {
	position: absolute;
	top: 7px;
	left: 0px;
	width: 97%;
	height: 13px;
	color: #fff;
	background-color: #4e4e4e;
	padding-left: 4px;
	font-size: 7pt;
	padding-top: 1px;
	border-radius: 4px;
}

#editor-left .field-separator div.toolbox-header-color {
	height: 13px;
	width: 10px;
	border-radius: 4px 0px 0px 4px;
	z-index: 999;
}

#editor-left .field-separator div.toolbox-header-text {
	padding-left: 18px;
	width: 75px;
}

#add-page-elements li {
	clear: both;
	width: 86%;
}

.api-callout {
	background-color: #479b40;
	border-radius: 2px;
	font-size: 7pt;
	color: white;
	padding: 2px 5px 2px 4px;
	margin-left: 3px;
	vertical-align: 2px;
}

/* Scrollbar Contained Elements */

/* Set to block to show text items */
#add_elements_scrollbar_container .add-elements-holder-left img {
	clear: both;
	display: none;
	margin-bottom: 8px;
}

#add_elements_scrollbar_container .add-elements-item {
	clear: none !important;
	margin-left: 4px;
}

/* Set to block to show text items */
#add_elements_scrollbar_container .add-elements-holder-right {
	clear: both;
	display: none;
	margin-bottom: 3px;
	padding: 5px;
	width: 100%;
}

#add_elements_scrollbar_container .add-elements-holder-right:hover {
	background-color: #EEEEF4;
}

#add_elements_scrollbar_container .add-elements-holder-left {
	float: left;
}

#left-holder #add-page-elements {
	font-size: 13px;
}

#left-holder .add-elements-section-wrapper {
	padding-top: 0px;
	padding-left: 7px;
	font-size: 13px;
}

#left-holder .add-elements-section-wrapper-top {
	padding-top: 10px;
	padding-left: 7px;
}

#left-holder .add-elements-section-head {
	border-bottom: 1px solid #EBEBEB;
	border-radius: 3px;
	color: #2065db;
	cursor: auto;
	font-weight: bold;
	padding: 5px 4px 7px 2px;
	text-transform: uppercase;
	width: 80px;
}

#left-holder {
	float: left;
	width: 112px;
}

#left-holder .add-elements-item-page {
	clear: both;
	padding-top: 5px;
} /* Page Elements */
#left-holder .add-elements-item {
	padding-top: 0px;
} /* All Other Elements */
#left-holder .add-elements-holder-left {
	float: left;
	margin-right: 5px;
}

#left-holder .add-elements-holder-right {
	float: left;
	padding-top: 3px;
	color: black;
	font-weight: normal;
}

#left-holder .add-elements-separator {
	border-bottom: 1px solid #CECECE;
	height: 0;
	margin-bottom: 1px;
	opacity: 0;
	padding-top: 1px;
	width: 78%;
}

#left-holder .add-elements-separator-bottom {
	border-bottom: 0px solid #cecece;
	width: 78%;
	margin-bottom: 10px;
	padding-top: 5px;
}

/* Build 790 */
.section-block-basic-elements {
	background-color: #7FB6F7;
	width: 5px;
	display: inline;
}

.section-block-display-elements {
	background-color: #B0DE27;
	width: 5px;
	display: inline;
}

.section-block-layout {
	background-color: #B0DE27;
	width: 5px;
	display: inline;
}

.section-block-advanced-elements {
	background-color: #FD9B2A;
	width: 5px;
	display: inline;
}

.section-block-advanced-buttons {
	background-color: #FD9B2A;
	width: 5px;
	display: inline;
}

.section-block-advanced-items {
	background-color: #FD9B2A;
	width: 5px;
	display: inline;
}

.section-block-form-entry-elements {
	background-color: #FD59AB;
	width: 5px;
	display: inline;
} /* Form Submission */
.section-block-network-actions {
	background-color: #FD9B2A;
	width: 5px;
	display: inline;
}

.section-block-e-commerce {
	background-color: #FD9B2A;
	width: 5px;
	display: inline;
}

.section-block-repeater {
	background-color: #FD9B2A;
	width: 5px;
	display: inline;
}

.section-block-sql-data-email {
	background-color: #FD59AB;
	width: 5px;
	display: inline;
}

.section-block-data {
	background-color: #FD59AB;
	width: 5px;
	display: inline;
}

/* B0DE27 */

/* Editor Options - Use Generic Modal Styles */
.rf-modal-wrapper {
	background-color: white;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 15px #666666;
	padding: 10px;
	position: relative;
	z-index: 9999;
}

.rf-modal-wrapper-close-button {
	cursor: pointer;
	position: absolute;
	right: 6px;
	top: 4px;
}

.rf-modal-header {
	border-bottom: 1px dotted #F1F1F1;
	color: #3E93F5;
	font-size: 1.4em;
	margin-bottom: 1px;
	padding-bottom: 3px;
}

.rf-modal-body {
	color: #666666;
	font-size: 1.2em;
	line-height: 20px;
}

.rf-modal-footer {
	
}

#editor-options {
	
}

/* Job List/Load */
#file-browser {
	position: absolute;
	top: 8px;
	left: 2px;
	background-image: url();
	z-index: 99999; /*opacity:.95;*/
	cursor: pointer;
	width: 140px;
} /* event watched */
#file-list {
	max-height: 600px;
	overflow-x: hidden;
	overflow-y: scroll;
	border: 1px #CCC solid;
	background-color: #fff;
	min-width: 300px;
}

/* entry viewer job list */
#file-list.entry-viewer {
	overflow-x: hidden;
	overflow-y: scroll;
	border: 1px #CCC solid;
	background-color: #fff;
	width: 335px;
}

#file-list1.entry-viewer .job-item>div {
	float: left;
}

#file-list1.entry-viewer .job-item>div.job-name {
	width: 200px;
}

#file-list1.entry-viewer .job-item>div.job-entry-count {
	width: 150px;
	text-align: right;
	font-weight: bold;
}

/* Build 902 */
.entry-viewer-cell {
	max-height: 140px;
	min-width: 74px;
	overflow: auto;
	padding: 5px;
	text-align: left;
}

#sortable-table input,textarea {
	border: 1px solid #bbbbbb;
	padding: 3px;
}

.entry-viewer-input-field-updated {
	background-color: #f0ffbf;
	color: black;
}

/* Build 805 */
#job-stats {
	background-color: #F2F2F2;
	border: 1px solid #9D9D9D;
	box-shadow: 0 0 5px #888888;
	height: 384px;
	left: 200px;
	position: fixed;
	top: 100px;
	width: 850px;
	z-index: 999;
}

#job-stats #job-stats-header {
	background-color: #676767;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 32pt;
	margin-bottom: 18px;
	text-transform: uppercase;
}

#job-stats #job-stats-body {
	text-align: center;
	width: 100%;
}

#job-stats .job-stats-block {
	float: left;
	height: 64%;
	text-align: center;
	width: 33%;
}

#job-stats .job-stats-border-right {
	border-right: 1px solid #e9e9e9;
}

#job-stats .job-stats-block-head {
	border-bottom: 1px solid #E9E9E9;
	clear: both;
	color: #61A6FF;
	font-size: 19pt;
	margin-bottom: 16px;
	padding-bottom: 11px;
	width: 100%;
}

#job-stats .job-stats-block-body {
	clear: both;
	width: 100%;
}

/* survey viewer job list */
#file-list.survey-viewer {
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: scroll;
	border: 1px #CCC solid;
	background-color: #fff;
	width: 315px;
}

#file-list1.entry-viewer .job-item>div {
	float: left;
}

#file-list1.entry-viewer .job-item>div.job-name {
	width: 200px;
}

#file-list1.entry-viewer .job-item>div.job-entry-count {
	width: 150px;
	text-align: right;
	font-weight: bold;
}

#file-browser ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#file-browser li {
	list-style: none;
	padding: 4px;
}

.job-item {
	position: relative;
}

.job-item .details {
	color: #aaa;
	font-size: 12px;
	padding-left: 8px;
	text-decoration: none;
}

.example-job-item {
	margin-bottom: 3px;
	margin-left: 7px;
}

.job-item-sort-control {
	color: #545454;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
}

.job-item a {
	background-position: 6px 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	color: #393939;
	display: block;
	font-size: 11pt;
	font-weight: bold;
	padding: 2px 10px 1px 16px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}

.job-item .job-user-name {
	color: #949494;
	font-size: 9pt;
}

.job-item .job-jobname {
	clear: both;
}

.job-item .job-details-wrapper {
	clear: both;
}

.job-item .job-details-wrapper .job-item-created {
	color: #a2a2a2;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.job-item .job-details-wrapper .job-item-last-edit {
	color: #a2a2a2;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.job-item .example-header {
	background-position: 6px 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #333333;
	font-weight: bold;
	font-size: 11pt;
	display: block;
	padding: 3px 10px 3px 28px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}

.job-item a:hover {
	background-color: #F0F0FF;
	border-bottom: 1px solid #6699FF;
	border-top: 1px solid #6699FF;
}

#job-load-wrapper {
	position: absolute;
	top: 8px;
	left: 162px;
}

#job-load {
	background-color: #4e4e4e;
	background-image: url("");
	border: 1px solid #ccc;
	height: 68px;
	left: 154px;
	padding: 10px;
	position: absolute;
	top: 30px;
	width: 380px;
	z-index: 99999;
}

/* job folders */
.job-folder-wrapper {
	clear: both;
	margin-bottom: 2px;
	overflow-y: hidden;
}

.job-folder-open {
	
}

.job-folder-closed {
	height: 27px;
}

.job-folder-header {
	background-color: #343434;
	color: white;
	height: 21px;
	padding-left: 10px;
	padding-top: 6px;
}

/* Build 693 - Example Loader */
#example-browser {
	position: absolute;
	top: 8px;
	left: 311px;
	background-image: url();
	z-index: 99999; /*opacity:.95;*/
	cursor: pointer;
} /* event watched */
#example-browser ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#example-browser li {
	list-style: none;
}

#example-list {
	max-height: 600px;
	overflow-x: hidden;
	overflow-y: scroll;
	border: 1px #CCC solid;
	background-color: #fff;
	width: 335px;
}

/* Build 695 - Find Field */
#find-field-wrapper {
	position: absolute;
	top: 8px;
	left: 443px;
	z-index: 99;
	opacity: .95;
	cursor: pointer;
}

/* event watched */

#stats-button-holder {
	position: absolute;
	top: 10px;
	left: 680px;
	display: block;
}

#form-wizard {
	display: block;
	left: 411px;
	position: absolute;
	top: -2px;
	width: 180px;
}


#editor-mode-status-text {
	color: #2065db;
	display: block;
	font-weight: bold;
	left: 560px;
	position: absolute;
	top: 30px;
	width: 210px;
	z-index: 999;
}

#form-file-status {
	color: #444444;
	float: left;
	font-weight: bold;
	left: 1455px;
	position: absolute;
	text-align: left;
	top: 8px;
}

/* Build 791 - Modify Width, Add Overflow. */
#find-field {
	width: 113px;
	height: 24px;
	background: transparent url(img/icons/bg-find-field.png) no-repeat top
		left;
	border: 0;
	padding: 0px 12px;
	margin-bottom: 0px;
	font-size: 7pt;
	font-family: inherit;
	font-weight: bold;
	color: #2065DB;
	overflow: hidden;
}

/* Build 895 - HTML 5 Uploader */
.html5-uploader-title {
	margin-bottom: 10px;
	margin-top: 10px;
}

.html5-upload-holder-hover {
	background-color: #2065db;
	color: white !important;
	border: 4px dashed white !important;
}

/* Image Items */
#html5-image-upload-bin {
	
}

#html5-image-upload-holder {
	border: 4px dashed #b5b5b5;
	line-height: 60px;
	color: #898989;
	font-size: 10pt;
	margin-bottom: 12px;
}

#html5-image-upload {
	
}

#html5-image-upload-progressBar {
	margin-top: 18px;
}

#html5-image-upload-uploadprogress {
	
}

#html5-image-upload-canvas-holder {
	
}

/* Page Images */
#html5-background-upload-bin {
	
}

#html5-background-upload-holder {
	border: 4px dashed #b5b5b5;
	line-height: 60px;
	color: #898989;
	font-size: 10pt;
	margin-bottom: 12px;
}

#html5-background-upload {
	
}

#html5-background-upload-progressBar {
	margin-top: 18px;
}

#html5-background-upload-uploadprogress {
	
}

#html5-background-upload-canvas-holder {
	
}

/* Build 896 Job Router UI */
.jobRouterRefreshProcess {
	display: block;
	width: 20px;
	height: 17px;
	background: url('img/icons/icon-refresh-20.png') bottom;
	text-indent: -99999px;
}

.jobRouterRefreshProcess:hover {
	background-position: 0 0;
}

/* Build 924 - Prefab */

#prefab-navigator {
	position: fixed;
	top: 400px;
	left: 140px;
	z-index: 99999;
}

#prefab-navigator ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#prefab-navigator li {
	list-style: none;
}

.prefab-list-item {
	cursor: pointer;
	border-bottom: 1px dotted darkgray;
	background-position: 6px 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #333333;
	font-weight: normal;
	display: block;
	font-size: 11pt;
	padding: 3px 10px 3px 0px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}

/* Build 700 - FormBlocks - Updated Build 792 */
#formblocks-navigator {
	position: fixed;
	top: 350px;
	left: 140px;
	z-index: 99999;
}

/* event watched */
#formblocks-navigator-list {
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	border: 1px #CCC solid;
	background-color: #fff;
	width: 100%;
}

#formblocks-navigator ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#formblocks-navigator li {
	list-style: none;
}

.formblocks-navigator-item {
	position: relative;
}

.formblocks-navigator-item .details {
	color: #aaa;
	font-size: 9px;
	text-decoration: none;
}

.formblocks-navigator-item a {
	background-position: 6px 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #333333;
	font-weight: normal;
	display: block;
	font-size: 11pt;
	padding: 3px 10px 3px 28px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}

.formblocks-navigator-item .example-header {
	background-position: 6px 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #333333;
	font-weight: bold;
	display: block;
	padding: 3px 10px 3px 28px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}

.formblocks-navigator-item a:hover {
	background-color: #F0F0FF;
	border-bottom: 1px solid #6699FF;
	border-top: 1px solid #6699FF;
}

/* Build 792 */
#formblocks-save {
	cursor: move;
}

#formblocks-save input {
	border: 1px solid #cecece;
	color: #4b4b4b;
	font-size: 9pt;
	width: 195px;
	height: 20px;
	padding: 3px;
}

#formblocks-save .formblocks-label {
	line-height: 28px;
}

#formblocks-save input[type="button"] {
	color: #4b4b4b;
	border-radius: 4px;
	cursor: pointer;
	font-size: 11pt;
	font-family: 'Proxima', Arial, Helvetica, sans-serif;
	height: 34px;
	padding: 5px;
	width: 132px;
}

#formblocks-save #formblocks-save-control-status {
	color: #444444;
}

/* Build 864 */
#page-embed-dialog {
	width: 550px;
	background-color: #fff;
	left: 184px;
	top: 134px;
	position: relative;
}

#page-embed-header {
	cursor: move;
	height: 32px;
	font-size: 17pt;
	font-weight: normal;
	margin-bottom: 12px;
	position: relative;
}

#page-embed-dialog label {
	font-size: 13pt;
	color: #686868;
}

#page-embed-dialog input {
	border: 1px solid #c4c4c4;
	border-radius: 5px;
	color: #a8a8a8;
	font-family: Source Code Pro;
	height: 25px;
	padding: 2px;
	width: 97%;
}

/* general input styles */
.general-input {
	font-size: 7pt;
	border: 1px #ccc solid;
	font-family: inherit;
	font-weight: bold;
	color: #2065DB;
}

.general-input textarea {
	font-size: 8pt;
	border: 1px #ccc solid;
	font-family: monospace;
	font-weight: normal;
	color: #555;
}

.general-input select {
	font-size: 7pt;
	color: #555;
}

#output {
	background-color: #fff;
	border: 1px #fff solid;
}

.field-separator {
	border-bottom: 4px dotted #f0f0f0;
	clear: both;
	height: 0px;
	margin-bottom: 25px;
	width: 96%;
	margin-top: 24px;
}

/* Build 644  - Updated Build 722 */
.rubberband {
	border: 1px #000 solid;
	opacity: .30;
	z-index: 90000;
	background-color: #2065DB;
}

/* main container */
.form-output {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

/* list item */
.form-output ul {
	list-style-type: none;
	margin: 10px 5px 10px 5px;
	padding: 5px;
	width: 96%;
	list-style-position: outside;
}

.header-link {
	font-size: 9pt;
	color: #eee;
	font-weight: bold;
	text-decoration: none;
}

.header-link a:link {
	color: #eee;
	text-decoration: none;
}

.header-link a:visited {
	color: #eee;
	text-decoration: none;
}

.header-link a:hover {
	color: #eee;
	text-decoration: underline;
}

.header-link a:active {
	color: #eee;
	text-decoration: none;
}

.form-output li {
	margin-bottom: 5px;
	padding: 2px;
}

/* text styles */
.section-head {
	font-size: 18px;
	font-weight: bold;
}

.confirm-text {
	font-size: 16px;
	font-weight: bold;
}

.body-copy {
	font-size: 12px;
	font-weight: normal;
}

.heading-main {
	font-size: 13px;
	font-weight: normal;
}

.code-block-content {
	width:90%;	
}

.block-code {
	font-family: 'Source Code Pro', sans-serif;
	font-size: 8pt;
}

.heading-sub {
	font-size: 12px;
	font-weight: normal;
}

.helper {
	font-size: 7pt;
	font-weight: normal;
	margin-top: 0px;
}

.req-star {
	color: #CC0000;
	font-weight: bold;
	margin-left: 2px;
}

.code-example {
	border-bottom: 1px dotted #d0d0d0;
	border-top: 1px dotted #d0d0d0;
	color: #0146bc;
	font-family: "Source Code Pro";
	padding: 0 2px 2px;
}

/* form components */
form label {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

form span {
	position: relative;
	clear: both;
	float: none;
	display: block;
}

/* tablemode Build 719 - min-height:35px; disabled in RackForms */
.fb-tablemode-element {
	
}

/* error */
form li.error {
	border: 2px solid #FF0000;
	padding-right: 30px;
	background: url('error.gif') center right no-repeat #FCD6D4;
}

span.errormsg {
	font-weight: bold;
	font-size: 65%;
}

.errortrap {
	width: 200px;
	height: 100px;
	border: 1px #CCCCCC dashed;
	background-image: url('img/editor/error-trap.gif')
}

/* spacer */
.spacer {
	background-image: url('img/editor/spacer.png');
	background-repeat: repeat;
}

.editor-section-head {
	background-color: #454545;
	border-top: 1px solid #CECECE;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	line-height: 15px;
	padding-top: 5px;
	text-align: center;
}

.editor-section-sub-head {
	color: #000;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
}

/* editor text */
.small-blue {
	font-size: 10px;
	color: #111;
}

.blue-bold {
	color: #eee;
	font-weight: bold;
}

/* editor styles */
.hover_ready {
	width: 300px;
	background-color: #d2d2d2;
}

.field_action {
	display: none;
	margin: 7px 10px 0px 0px;
	position: absolute;
	right: -291px;
	width: 313px;
	top: -40px;
}

/* Build 621 #output ul { list-style-type:none; margin:10px 5px 10px 5px; padding:5px; list-style-position:outside;  border:1px #eee solid; } */
/* Build 644 - add border for multiselect compat */
/* #output ul { list-style-type:none; margin:10px 2px 10px 2px; padding:5px; list-style-position:outside;  border:1px #eee solid; } */

/* .page-guide { border:1px #ccc dashed; width:500px; position:relative; } Build 621 - allow smaller page sizes */
/* .page-guide { border:1px #ccc dashed; width:500px; position:relative; padding-bottom:5px; } 644 - add border for select */
.page-guide {
	border: 1px #ccc dashed;
	width: 500px;
	position: relative;
	padding-bottom: 5px;
	padding-right: 5px;
}

/* Build 653 - Standardized to 5px margin */
#output li {
	margin-bottom: 5px;
	padding: 2px;
}

/* Build 813 */
.field-control-button1 {
	height: 28px;
	line-height: 28px;
	opacity: 1;
	padding-left: 16px;
	padding-right: 16px;
	position: absolute;
	text-align: center;
	top: -27px;
	padding-left: 16px;
}

/* Build 876 - Text Control Resize */
.resize-text-element {
	border: 1px dashed #d2d2d2;
}

/* Build 838 */
.field-control-button {
	font-size: 6pt;
	height: 16px;
	line-height: 16px;
	opacity: 1;
	padding-left: 2px;
	padding-right: 2px;
	position: absolute;
	text-align: center;
	top: 0;
}

.field-control {
	width: 100%;
}

.field-delete {
	background-color: #ff0000;
	border-color: #dadae7 #e8e8e8 #dadae7 #dadae7;
	border-style: solid;
	border-width: 1px;
	color: #ffffff;
	left: -1px;
	top: -3px;
	transition: background-color 0.1s linear 0s;
	width: 15px;
	opacity: 1;
}

.field-duplicate {
	background-color: #7c7c7c;
	border-color: #dadae7 #e8e8e8;
	border-style: solid;
	border-width: 1px;
	color: #ffffff;
	left: 19px;
	top: -3px;
	transition: background-color 0.1s linear 0s;
	width: 37px;
	opacity: 1;
}

.field-details {
	background-color: #454545;
	border-color: #dadae7 #dadae7 #dadae7 #e8e8e8;
	border-style: solid;
	border-width: 1px;
	color: #ffffff;
	cursor: move;
	font-size: 8pt;
	height: 16px;
	line-height: 16px;
	padding-left: 5px;
	padding-right: 5px;
	left: 61px;
	top: -3px;
	transition: background-color 0.1s linear 0s;
}

.field-control-button_TEST {
	font-size: 8pt;
	height: 21px;
	line-height: 21px;
	opacity: 1;
	padding-left: 6px;
	padding-right: 6px;
	position: absolute;
	text-align: center;
	top: -20px;
}

.field-delete-hidden {
	background-color: rgba(255, 0, 0, 0.0);
	color: rgba(255, 0, 0, 0.0);
}

.field-delete_TEST {
	background-color: #FF0000;
	border-top: 1px solid #DADAE7;
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #DADAE7;
	border-left: 1px solid #DADAE7;
	color: #FFFFFF;
	left: -1px;
	width: 45px;
	transition: background-color 0.1s linear 0s;
}

.field-delete-hover {
	background-color: #222;
	color: white;
	/*transition: background-color 0.2s linear 0s;*/
}

.field-duplicate-hidden {
	background-color: rgba(255, 0, 0, 0.0);
	color: rgba(255, 0, 0, 0.0);
}

.field-duplicate_TEST {
	background-color: #7C7C7C;
	border-top: 1px solid #DADAE7;
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #DADAE7;
	border-left: 1px solid #E8E8E8;
	color: #FFFFFF;
	left: 56px;
	width: 30px;
	transition: background-color 0.1s linear 0s;
}

.field-duplicate-hover {
	background-color: #222;
	/*transition: background-color 0.2s linear 0s;*/
}

.field-details-hidden {
	background-color: rgba(255, 0, 0, 0.0);
	color: rgba(255, 0, 0, 0.0);
}

.field-details_TEST {
	background-color: #454545;
	border-top: 1px solid #DADAE7;
	border-right: 1px solid #DADAE7;
	border-bottom: 1px solid #DADAE7;
	border-left: 1px solid #E8E8E8;
	color: #FFFFFF;
	cursor: default;
	left: 99px;
	transition: background-color 0.1s linear 0s;
}

.field-control-button span {
	font-weight: bold;
}

.form-field-wrapper {
	padding: 6px !important;
}

.form-field-wrapper-bucket {
	padding: 0px !important;
}

/* When In Responsive Bucket Mode Fields Use No Padding To Properly Model % Based Widths. */

.form-field-wrapper-bucket .form-field-wrapper {
	padding: 0 !important;
}

/* Build 913 */
.form-field-hidden {
	opacity: 0.5 !important; /* Override .field-selected */ 
}

/* Build 763 - Added CSS transitions */
.field-standard {
	border: 1px rgba(255, 0, 0, 0.0) solid;
	background-color: rgba(255, 0, 0, 0.0);
	border-radius: 0px;
	transition: background-color .1s ease .0s;
}

.field-hover {
	border: 1px solid #DADAE7;
	cursor: move;
	border-radius: 0px;
	transition: background-color .1s ease .0s;
}

.field-selected {
	border: 1px #E8E8E8 solid;
	background-color: #EEEEF4;
	cursor: move;
	border-radius: 0px;
	opacity: .90;
}

.field-selected-multi-drag {
	border: 1px #CCCCCC dotted;
	background-color: #dad6df;
	cursor: move;
}

.fld {
	
}

/* element programmable styles */
.fieldwidth-0 {
	width: auto;
}

.fieldwidth-1 {
	width: 100px;
}

.fieldwidth-2 {
	width: 200px;
}

.fieldwidth-3 {
	width: 300px;
}

.fieldwidth-4 {
	width: 400px;
}

/* Build 912 - Static Blockers */
.field-item {
	background-color: red;
	width: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	opacity: 0.0;
	z-index: 9;
}

.field-blocker-clear {
	clear: both;
}

/* edit fields */

/* inplace editor */
.inplaceeditor-form {
	background-color: #545557;
	padding: 10px;
	border: 1px #CCCCCC solid;
	z-index: 1001;
	position: absolute;
}

/* CONFIMATION CHANGE -- height to 25px for each, was 40 */
.editor-page-header {
	height: 30px;
	background-color: #d9d9d9;
	position: relative;
	margin-bottom: 5px;
	min-width: 100.1%;
	border-top: 1px solid #CECECE;
	cursor: pointer;
}

.editor-page-header-over {
	height: 31px;
	background-color: #454545;
	position: relative;
	margin-bottom: 5px;
	border: none;
}

.editor-shade-page-title {
	color: #303030;
	font-weight: bold;
	z-index: 999;
	background-color: white;
	border-radius: 3px;
	padding: 3px;
}

/* Top Alignment Shortcuts */
#top-align-wrapper {
	
}

#top-align-wrapper div {
	padding: 1px 2px 1px 3px;
}

/* Top History Shortcuts - Build 803 */
.history-wrapper div {
	float: left;
	margin-right: 5px;
}

#history-menu-content {
	box-shadow: 0 0 17px #5a5a5a;
	max-height: 500px;
	min-width: 350px;
	overflow-y: auto;
	position: absolute;
	top: 23px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.history-menu-item {
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #ffffff;
	clear: both;
	color: #343434;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-top: 5px;
}

.history-menu-item-hover {
	background-color: #6699FF;
	border-top: 1px solid #e8e8e8;
	color: white;
}

.arrow-right {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 13px solid #BDBDBD;
	cursor: pointer;
}

.arrow-left {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 13px solid #BDBDBD;
	cursor: pointer;
}

.align-wrapper div {
	padding: 3px 2px 1px 3px;
}

.align-left-edges {
	float: left;
	cursor: pointer;
}

.align-right-edges {
	float: left;
	cursor: pointer;
}

.align-top-edges {
	float: left;
	cursor: pointer;
}

.align-bottom-edges {
	float: left;
	cursor: pointer;
}

.editor-page-header {
	font-family: 'Proxima';
}

.editor-page-header .page-code-edit-php {
	background-color: #8D8D8D;
	border-radius: 3px;
	height: 5px;
	width: 18px;
	line-height: 4px;
	font-size: 6pt;
	padding: 2px 3px 2px 3px;
	position: absolute;
	top: 5px;
	right: 330px;
	cursor: pointer;
	text-align: center;
}

.editor-page-header .page-code-edit-js {
	background-color: #8D8D8D;
	border-radius: 3px;
	height: 5px;
	width: 18px;
	line-height: 4px;
	font-size: 6pt;
	padding: 2px 3px 2px 3px;
	position: absolute;
	top: 16px;
	right: 330px;
	cursor: pointer;
	text-align: center;
}

.editor-page-header .embed-post-update {
	background-color: #444444;
	border-radius: 3px;
	height: 16px;
	line-height: 19px;
	padding: 2px 3px 2px 2px;
	position: absolute;
	top: 5px;
	right: 306px;
	cursor: pointer;
}

.editor-page-header .embed-joomlapost-update {
	background-color: #444444;
	border-radius: 3px;
	height: 16px;
	line-height: 19px;
	padding: 2px 3px 2px 3px;
	position: absolute;
	top: 5px;
	right: 286px;
	cursor: pointer;
}

.editor-page-header .align-wrapper {
	position: absolute;
	border-radius: 3px;
	top: 5px;
	height: 20px;
	right: 200px;
	background-color: #333333;
	padding: 0px 3px;
}

.editor-page-header .embed-page-popup {
	font-family: 'Proxima';
	background-color: #444444;
	border-radius: 3px;
	cursor: pointer;
	font-weight: bold;
	padding: 3px 6px 3px 5px;
	position: absolute;
	right: 152px;
	top: 5px;
}

.editor-page-header .embed-page {
	font-family: 'Proxima';
	background-color: #444444;
	border-radius: 3px;
	cursor: pointer;
	font-weight: bold;
	padding: 3px 4px 3px 5px;
	position: absolute;
	right: 103px;
	top: 5px;
}

.editor-page-header .preview-page {
	font-family: 'Proxima';
	background-color: #000000;
	border-radius: 3px;
	cursor: pointer;
	font-weight: bold;
	padding: 3px 8px 3px 8px;
	position: absolute;
	right: 58px;
	top: 5px;
}

.editor-page-header .duplicate-page-code {
	position: absolute;
	top: 7px;
	right: 33px;
	cursor: pointer;
}

.editor-page-header .delete-page {
	position: absolute;
	top: 7px;
	right: 10px;
	cursor: pointer;
}

/* Build 781 - PageInfo */
#rackforms-pageinfo {
	background-color: #343434;
	border-radius: 10px;
	box-shadow: 2px 5px 10px #333333;
	color: #FFFFFF;
	cursor: move;
	opacity: 0.98;
	padding: 20px;
	position: fixed;
	top: 200px;
	left: 200px;
	width: 305px;
	z-index: 9999999;
}

#rackforms-pageinfo input {
	width: 98%;
}

#rackforms-pageinfo select {
	width: 100%;
}

#rackforms-pageinfo textarea {
	width: 98%;
}

#rackforms-pageinfo-wrapper {
	position: relative;
}

#rackforms-pageinfo-close {
	background-color: #616161;
	border-radius: 7px;
	cursor: pointer;
	font-size: 12pt;
	font-weight: normal;
	padding: 2px 18px;
	position: absolute;
	right: 9px;
	top: 7px;
}

#rackforms-pageinfo-close:hover {
	background-color: red;
}

.pageinfo-header {
	border-bottom: 1px dotted #9D9D9D;
	clear: both;
	color: white;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 12px;
}

.pageinfo-subheader {
	border-bottom: 1px dotted #9D9D9D;
	clear: both;
	color: #7EC3FF;
	font-size: 18px;
	margin-bottom: 6px;
}

#rackforms-pageinfo-meta {
	margin-top: 5px;
	margin-bottom: 5px;
}

#rackforms-pageinfo li {
	list-style: none;
	margin-bottom: 10px;
}

/* Build 770 / 794 - Post update */
#postUpdate {
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 0 25px #575757;
	left: 230px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
	position: fixed;
	top: 180px;
	width: 865px;
	z-index: 9999999;
}

/* Build 794 */
#postUpdate input[type="button"] {
	color: #333333;
	cursor: pointer;
	font-family: "Proxima", Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	letter-spacing: 0;
	width: 150px;
	font-size: 11pt;
}

#postUpdate input {
	border: 1px solid #d7d7d7;
	color: #333333;
	font-family: "Proxima", Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 15px;
	letter-spacing: 0;
	padding: 3px;
	width: 177px;
}

.postUpdate_PostDetailsHeader {
	border-top: 1px solid #e4e4e4;
	clear: both;
	height: 20px;
	padding-top: 5px;
}

.postUpdate_tab {
	color: #666666;
	position: relative;
	width: 100%;
}

.postUpdate_tab_item {
  border-radius: 5px 5px 0 0;
  color: #2065db;
  cursor: pointer;
  float: left;
  font-weight: bold;
  height: 21px;
  margin-right: 4px;
  padding: 8px 10px 0;
  width: 110px;
}

.postUpdate_tab_item_active {
	background: -moz-linear-gradient(center top, #2065db, #2065db) repeat
		scroll 0 0 transparent;
	color: white;
}

#postUpdate_LoginDetails {
	color: #424242;
	background-color: white;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	font-size: 10pt;
	line-height: 20px;
	margin-bottom: 10px;
	max-height: 250px;
	width: 100%;
}

#postUpdate_postList {
	background-color: white;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	color: #454545;
	font-size: 10pt;
	line-height: 24px;
	margin-bottom: 10px;
	max-height: 160px;
	overflow-y: scroll;
	width: 100%;
}

#postUpdate_postList ul {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0;
	padding-left: 4px;
}

#postUpdate_postList li {
	list-style-position: outside;
	list-style-type: none;
	cursor: pointer;
}

#postUpdate_postList li:nth-child(odd) {
	background: #fcfcfc;
}

#postUpdate_postList li:nth-child(even) {
	background: #fff;
}

.postUpdate_postTitle {
	color: #333;
	float: left;
	width: 100%;
}

.postUpdate_postTitle:hover {
	background-color: #FFC;
}

.postUpdate_Title {
	color: #2065DB;
}

.postUpdate_Name {
	color: #666666;
}

.postUpdate_Status {
	color: #666666;
}

.postUpdate_Date {
	color: #666666;
}

.postUpdate_postList_active_post {
	font-style: italic;
	font-weight: bold;
}

.postUpdate_postDate {
	width: 20%;
	color: #888;
}

#postUpdate_postList a {
	cursor: pointer;
}

#postUpdate_post {
	background-color: #FFFFFF;
	border-radius: 5px;
	color: #333333;
	max-height: 575px;
	overflow: hidden;
}

/* Build 794 */
#postUpdate_post textarea {
	border: 0 none;
	font-family: Source Code Pro;
	font-size: 9pt;
	height: 300px;
	max-height: 497px;
	max-width: 99%;
	min-width: 99%;
	padding: 3px;
	width: 99%;
}

#postContent {
	padding: 10px;
}

#postUpdate_postControls {
	border-top: 1px solid #f2f2f2;
	padding: 10px;
}

#postUpdate_postStatus {
	padding: 10px;
}

/* 
795 - Page Update 
*/
#postUpdate_pageList {
	background-color: white;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	color: #454545;
	font-size: 10pt;
	line-height: 24px;
	margin-bottom: 10px;
	max-height: 160px;
	overflow-y: scroll;
	width: 100%;
}

#postUpdate_pageList ul {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0;
	padding-left: 4px;
}

#postUpdate_pageList li {
	list-style-position: outside;
	list-style-type: none;
	cursor: pointer;
}

#postUpdate_pageList li:nth-child(odd) {
	background: #fcfcfc;
}

#postUpdate_pageList li:nth-child(even) {
	background: #fff;
}

#postUpdate_pageList li:hover {
	background-color: #FFC;
}

.postUpdate_pageTitle {
	color: #333;
	float: left;
	width: 100%;
}

.postUpdate_pageTitle:hover {
	background-color: #FFC;
}

.postUpdate_pageList_active_page {
	font-weight: bold;
	font-style: italic;
}

.postUpdate_pageDate {
	width: 20%;
	color: #888;
}

#postUpdate_pageList a {
	cursor: pointer;
}

#postUpdate_page {
	background-color: #FFFFFF;
	border-radius: 5px;
	color: #333333;
	max-height: 575px;
	overflow: hidden;
}

#postUpdate_page textarea {
	border: 0 none;
	font-family: Source Code Pro;
	font-size: 9pt;
	height: 300px;
	max-height: 497px;
	max-width: 99%;
	min-width: 99%;
	width: 99%;
	padding: 3px;
}

#postContent {
	padding: 10px;
}

#postUpdate_pageControls {
	border-top: 1px solid #f2f2f2;
	padding: 10px;
}

#postUpdate_pageStatus {
	padding: 10px;
}

.postUpdate_buttonStep {
	
}

/* Build 779 - Joomla Post update */
#joomlaPostUpdate {
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 0 25px #575757;
	left: 230px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
	position: fixed;
	top: 180px;
	width: 865px;
	z-index: 9999999;
}

/* Build 794 */
#joomlaPostUpdate input[type="button"] {
	color: #333333;
	cursor: pointer;
	font-family: "Proxima", Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	letter-spacing: 0;
	width: 150px;
	font-size: 10pt;
}

#joomlaPostUpdate input {
	border: 1px solid #d7d7d7;
	color: #333333;
	font-family: "Proxima", Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 15px;
	letter-spacing: 0;
	padding: 3px;
	width: 160px;
}

.joomlaPostUpdate_tab {
	color: #333333;
	position: relative;
	width: 750px;
}

.joomlaPostUpdate_tab_item {
	background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%) repeat
		scroll 0 0 #ffffff;
	border-radius: 5px 5px 0 0;
	color: #2065db;
	float: left;
	height: 21px;
	margin-right: 4px;
	padding: 8px 10px 0;
	width: 110px;
	cursor: pointer;
}

.joomlaPostUpdate_tab_item_active {
	background: -moz-linear-gradient(center top, #2065db, #2065db) repeat
		scroll 0 0 transparent;
	color: white;
}

#joomlaPostUpdate_LoginDetails {
	background-color: white;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	font-size: 10pt;
	line-height: 20px;
	margin-bottom: 10px;
	width: 100%;
}

#joomlaPostUpdate_postList {
	background-color: white;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	font-size: 10pt;
	line-height: 24px;
	margin-bottom: 10px;
	max-height: 120px;
	overflow-y: scroll;
	width: 100%;
}

#joomlaPostUpdate_postList ul {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0;
	padding-left: 4px;
}

.joomlaPostUpdate_postList_active_post {
	font-weight: bold;
}

#joomlaPostUpdate_postList li {
	list-style-position: outside;
	list-style-type: none;
}

#joomlaPostUpdate_postList li:nth-child(odd) {
	background: #fcfcfc;
}

#joomlaPostUpdate_postList li:nth-child(even) {
	background: #fff;
}

#joomlaPostUpdate_postList li:hover {
	background-color: #FFC;
}

.joomlaPostUpdate_postTitle {
	color: #333;
	float: left;
	width: 100%;
}

.joomlaPostUpdate_postDate {
	width: 20%;
	color: #888;
}

#joomlaPostUpdate_postList a {
	cursor: pointer;
}

#joomlaPostUpdate_post {
	background-color: #FFFFFF;
	color: #333333;
	max-height: 375px;
	overflow: hidden;
}

#joomlaPostUpdate_post textarea {
	border: 0 none;
	font-family: Source Code Pro;
	height: 200px;
	max-height: 297px;
	min-width: 740px;
	max-width: 740px;
	font-size: 9pt;
}

#postContent {
	padding: 10px;
}

#joomlaPostUpdate_postControls {
	border-top: 1px solid #f2f2f2;
	padding: 10px;
}

#joomlaPostUpdate_postStatus {
	padding: 10px;
}

/* Field Editors */

.input-modified-value {
	color: rgb(255, 0, 0) !important;
}


#common-elements-wrapper {
	border-bottom: 3px dotted #cccccc;
	list-style-position: outside;
	list-style-type: none;
	margin: -11px 0 7px 2px;
	padding: 3px !important;
	width: 98%;
}

.common-element {
	margin-bottom: 2px !important;
}

#editor-common-elements .clear {
	padding: 0 6px 6px !important;
	width: 97%;
}

#editor-common-elements .half {
	padding: 0 6px 6px !important;
	width: 47%;
}

#editor-common-elements .third {
	padding: 0 6px 8px !important;
	width: 31%;
}

.common-element input[type="text"] {
	/*border-color: transparent transparent #e1e1e1;*/
	border-image: none;
	border-style: solid;
	border-width: 1px;
	letter-spacing: 0;
	margin: 5px 0;
	width: 92% !important;
}

.common-element select {
	width: 97% !important;
	margin: 5px 0;
	background-color: white;
	border: 1px solid #f2f2f2;
	
}

.common-element textarea {
	border: 1px solid #e1e1e1;
	font-family: "Source Code Pro", sans-serif;
	font-size: 12px !important;
	height: 90px;
	margin-bottom: 5px;
	margin-top: 5px;
	min-height: 16px; /* means autosizing always has this min height */
	padding: 5px;
	width: 96% !important;
	resize: none;
	padding-left: 5px;
}

.common-element input[type="checkbox"] {
	margin-top: 5px;
} 

.common-element input[type="button"] {
	color: #555;
	cursor: pointer;
	font-family: "Proxima", Arial, Helvetica, sans-serif;
	height: 32px;
	letter-spacing: 0;
	padding-bottom: 5px;
	border-radius: 6px;
	border-color: transparent transparent #e1e1e1;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	letter-spacing: 0;
	margin: 5px 0;
}

/* Used When Outside of Editor */

.basic-input-small {
	color: #555;
	font-size: 11px;
	font-weight: normal;
	padding: 5px 0px 5px 5px;
	border-color: transparent transparent #e1e1e1;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	letter-spacing: 0;
	margin: 2px 0;
}

/* Field Items */

#field-editor select, #field-editor input, #field-editor textarea, .common-element input[type="text"], .common-element select, .common-element textarea  {
	color: #555;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 0px 5px 5px;
}

input[type="button"] {
	padding: 5px 5px 5px 5px !important;
}

#field-editor input {
	/*border-color: transparent transparent #e1e1e1;*/
	border-image: none;
	border-style: solid;
	border-width: 1px;
	letter-spacing: 0;
	margin: 5px 0px 2px 1px;
}

/* Focus Styles */

#set-common input:focus {
	background-color: #b3d8ff;
	color: rgb(0, 63, 105);
}

#field-editor input:focus {
	background-color: #b3d8ff;
	color: rgb(0, 63, 105);
}

#field-editor select {
	margin: 2px 0;
	background-color: white;
	border: 1px solid #e1e1e1;
	margin-top: 5px;
}

#field-editor input[type="checkbox"] {
	font-size: 7pt;
	border: 0px #ccc solid;
	font-family: inherit;
	font-weight: normal;
	color: #2065DB;
} 

#field-editor input[type="button"] {
	color: #555;
	cursor: pointer;
	font-family: "Proxima", Arial, Helvetica, sans-serif;
	height: 30px;
	letter-spacing: 0;
	padding-bottom: 5px;
	border-radius: 6px;
	width: 95%;
}

#field-editor textarea {
	border: 1px solid #e1e1e1;
	font-family: "Source Code Pro", sans-serif;
	font-size: 12px !important;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 4px;
}

/* Build 710-714 SQL+ Automation */

.automator-col1 {
	width: 46px;
}

.automator-col2 {
	width: 41px;
}

.automator-col3 {
	width: 76px;
}

.automator-col4 {
	width: 119px;
}

.automator-col5 {
	width: 122px;
}

.automator-col6 {
	width: 136px;
}

.automator-col7 {
	width: 88px;
}

.automator-col8 {
	width: 89px;
}

.automator-col9 {
	width: 56px;
}

#sqlplus-process-main input {
	font-size: 7pt;
	border: 1px #e1e1e1 solid;
	font-family: inherit;
	font-weight: bold;
	color: #2065DB;
}

#sqlplus-process-main input[type="button"] {
	background-color: #ffffff;
	cursor: pointer;
	color: #2065db;
	border-radius: 3px;
	height: 23px;
	font-size: 8pt;
}

#sqlplus-process-main input[type="button"]:hover {
	background-color: #fafafa;
}

#sqlplus-process-main #sqlplus-process-db-details input {
	width: 200px;
	font-size: 9pt;
	padding: 2px;
	margin: 2px;
}
#sqlplus-process-main #sqlplus-process-db-details select {
	width: 200px;
	font-size: 8pt;
	width: 204px;
	padding: 1px;
	margin: 2px;
} 
#sqlplus-process-db-fields input[type="text"] {
	width: 130px;
	font-size: 9pt;
	font-weight: normal;
	padding: 2px;
}

#sqlplus-process-db-fields select {
	width: 130px;
	font-size: 9pt;
	font-weight: normal;
}

#sqlplus-process-main textarea {
	font-size: 8pt;
	border: 1px #ccc solid;
	font-family: 'Source Code Pro', sans-serif;
	font-weight: normal;
	color: #222;
}

#sqlplus-process-main select {
	font-size: 8pt;
	color: #222;
}

#sqlplus-process-main .small-link {
	font-weight: normal;
	color: #444;
	font-size: 8pt;
}

/* Build 839 */
.sqlplus-header {
	border-bottom: 1px dotted #dfdfdf;
}

.sqlplus-header-row {
	margin-bottom: 5px;
}

.sqlplus-header span {
	color: #5c5c5c;
	font-weight: bold;
	font-size: 12pt;
	line-height: 24pt;
}

.sqlplus-header a {
	font-weight: bold;
	float: right;
	font-size: 8pt;
	text-decoration: none;
}

/* Start Item Options */
#d-selectoptions input {
	border: 1px solid #e1e1e1;
	height: 20px;
	margin-bottom: 3px;
	margin-right: 4px;
	width: 61%;
}

#d-selectoptions li {
	margin-bottom: 2px !important;
}

.d-selectoptions-row {
	padding-bottom: 11px !important;
	clear: both;
}

/* Item Option Buttons - 

- Glyphs - https://css-tricks.com/snippets/html/glyphs/
- Entity Converter - http://www.evotech.net/articles/testjsentities.html 

*/
.item-option-input {
	float: left;
}

.item-option {
	background-color: #fefefe;
	border: 1px solid #e1e1e1;
	cursor: pointer;
	float: left;
	font-size: 11px;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	margin-right: 4px;
	margin-top: 5px;
	padding: 2px;
	text-align: center;
	width: 12px;
}

.item-option:hover {
	background-color: #f2f2f2;
}

.item-option-add:before {
	content: "+";
	color: #2065db;
	font-size: 19px;
}

.item-option-delete:before {
	content: "X";
	font-size: 13px;
	color: #f30000;
}

.item-option-selected-0:before {
	content: "\2713";
	color: #72ae75;
	line-height: 25px;
	font-size: 15px;
}

.item-option-selected-1:before {
	content: "\2713";
	color: #2065db;
	line-height: 21px;
	font-size: 12px;
}

.item-option-break-0:before {
	content: "–";
	color: #898989;
	font-size: 16px;
	line-height: 12px;
}

.item-option-break-1:before {
	content: "–";
	color: #2065db;
	font-size: 16px;
	line-height: 12px;
}

/* End Item Options */
#field-editor legend {
	color: #2065DB;
	font-weight: bold;
	font-size: 15px;
} 

/* size/position editor */
#size-editor {
	background-color: #fff;
	border-top: 7px solid #454545;
	height: 56px;
	margin-top: 3px;
}

#size-editor ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding-left: 5px;
	list-style-position: outside;
	float: left;
	width: 245px;
}

#size-editor fieldset {
	margin: 0;
}

#size-editor li {
	margin-bottom: 5px;
}

#size-editor input {
	font-size: 8pt;
}

#size-editor select {
	font-size: 9pt;
}

#size-editor legend {
	font-weight: bold;
}

.default-value-button {
	float: left;
	margin-bottom: 5px;
	margin-top: -3px;
	padding-left: 3px;
	position: relative;
}

/* Make 100% Width: #field-editor ul > width:100% | .fieldset-wrapper > width: 98%; */
#editor-right {
	background-color: #ffffff;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	position: fixed;
	width: 600px;
}

#field-editor ul {
	float: left;
	list-style-position: outside;
	list-style-type: none;
	margin: -8px 3px 0 2px;
	padding: 0;
	width: 49%;
}

#field-editor li {
	margin-bottom: 18px;
}



.fieldset-wrapper {
	border: 1px solid #ececec;
	margin-bottom: 5px;
	width: 100%;
}

.fieldset-wrapper-undocked {
	background-color: white;
	border: 1px solid #9b9b9b;
	box-shadow: 0 0 17px #a0a0a0;
}

.field-section-clear {
	display: block;
	clear: both;
	height: 0px;
}

.fieldset-wrapper-undocked .field-section-clear {
	display: block;
	clear: both;
	height: 5px;
}

/* When undocked, make span entire width */
.fieldset-wrapper-undocked .clear {
	width: 100% !important;
}

.fieldset-wrapper-undocked .half { /*width:94% !important;*/
	
}

.fieldset-wrapper-undocked .third {
	width: 98% !important;
}

/* All Undocked Common Elements That Are .half Always Take Up Full Width. */
.fieldset-wrapper-undocked #editor-common-elements .clear {
	width: 93% !important;
}

.fieldset-wrapper-undocked #editor-common-elements .half {
	width: 98% !important;
}

.fieldset-header {
	color: white !important;
	background-color: #454545;
	height: 25px;
	padding-left: 10px;
	padding-top: 10px;
	position: relative;
}

.fieldset-callout {
	background-color: #ffffff;
	padding: 8px;
	border: 1px dotted #D9D9D9;
	width: 93%;
}

.fieldset-callout .small-text {
	color: #333;
}

.fieldset-callout .small-text-bold {
	color: #333;
}

/* Property Tables */
table.properties-table {
	border: 1px solid #CECECE;
}

.properties-table td {
	padding: 2px;
}

.properties-table tr:nth-child(even) {
	background-color: #f4f4f4;
}

td.property {
	color: #222222;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
}

td.value {
	color: #2065DB;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

.fieldset-header span.fieldset-title {
	color: white;
	font-size: 16px;
	font-weight: bold;
	line-height: 14px;
}

.fieldset-header .docking-status {
	position: absolute;
	right: 39px;
	top: 9px;
} 

.fieldset-header .fieldset-header-help-icon {
	position: absolute;
	right: 9px;
	top: 10px;
}

.fieldset-header .fieldset-header-toggle-icon {
	position: absolute;
	top: 13px;
	left: 6px;
}

.fieldset {
	background-color: #ffffff;
	border-color: #e2e2e2;
	border-width: 0 1px 1px;
	line-height: 14px;
	padding: 12px 5px 5px;
}

.fieldset-wrapper-undocked .fieldset {
	padding: 12px 8px 8px !important;
}

.fieldset label, .common-element label {
	color: #555;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
}

/* html fieldset element */
fieldset {
	border: 1px solid #cecece;
	line-height: 13px;
	margin: 7px 0pt 0pt;
	padding: 5px;
	background-color: white;
}

fieldset label {
	font-size: 7pt;
	font-weight: normal;
	text-align: left;
	color: #555;
}

/* build 623 */
.inner-fieldset {
	font-size: 7pt;
	border: 1px solid #e4e4e4;
	line-height: 13px;
	margin: 7px 0pt 0pt;
	padding: 5px;
	background-color: white;
}

/* build 646 */
.inner-fieldset-ecomm {
	font-size: 7pt;
	border: 1px solid #e4e4e4;
	line-height: 13px;
	margin: 7px 0pt 0pt;
	padding: 5px;
	background-color: white;
}

/* build 674 */
.inner-fieldset-ajax {
	font-size: 7pt;
	border: 1px solid #e4e4e4;
	line-height: 13px;
	margin: 7px 0pt 0pt;
	padding: 5px;
	background-color: white;
}

/* build 653 */
.inner-fieldset-standard {
	font-size: 7pt;
	border: 1px solid #ddd;
	line-height: 13px;
	margin: 7px 0pt 5pt 0px;
	padding: 7px;
	background-color: white;
}

.half {
	width: 50%;
}

.half input[type="text"] {
	width: 89%;
}

.half input[type="password"] {
	width: 92%;
}

.half select {
	width: 94%;
}

.third {
	width: 31% !important;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.clear input[type~="text"] {
	width: 96%;
}

.clear textarea {
	width: 98%;
}

.inner-fieldset-standard textarea {
	width: 217px;
}
/* so that text areas do not push the fieldset wider than it should be */
.clear input[type~="password"] {
	width: 96%;
}

.clear select {
	width: 100%;
}

/* Large Editor Classes */
.standard-editor-li-half {
	width: 47% !important;
	transition: height 0.2s ease 0s, width 0.2s linear 0s;
}

.standard-editor-li-clear {
	width: 100% !important;
	transition: height 0.2s ease 0s, width 0.2s linear 0s;
}

.standard-editor-field {
	width: 98% !important;
	height: 120px !important;
	transition: height 0.2s ease 0s, width 0.2s linear 0s;
}

.large-editor-li {
	width: 100% !important;
	transition: height 0.2s ease 0s, width 0.2s linear 0s;
}

.large-editor-field {
	width: 97% !important;
	height: 250px !important;
	transition: height 0.2s ease 0s, width 0.2s linear 0s;
}

.code-bg {
	background-image: url('img/editor/textarea-code-background.png');
	background-attachment: scroll;
}

/* entry view */
.image-thumb {
	border: 1px #CCCCCC solid;
}

/* survey viewer */
.survey-question-page {
	font-weight: bold;
	color: #9b9b9b;
	font-size: 11pt;
	padding: 5px;
}

.survey-question-text {
	font-weight: bold;
	color: #9b9b9b;
	font-size: 11pt;
	padding: 5px 5px 5px 44px;
} 

/* question text */
.survey-bar-line {
	height: 16px;
	padding-top: 3px;
} 

/* the color of the bar is set inline */
.survey-bar-line span {
	font-size: 7pt;
	font-weight: bold;
	color: #fff;
	padding-left: 5px;
}

.survey-line-response {
	color: #666666;
	font-weight: normal;
}

.survey-line-details {
	color: #666;
	font-weight: bold;
}

#list-table {
	min-width: 900px;
	overflow-x: auto;
}

#edit-mode-banner {
	background-color: red;
	height: 30px;
	line-height: 30px;
	margin-bottom: -1px;
	margin-top: 1px;
	width: 100%;
}

/* login */
.text-grey-regular-8pt {
	font-size: 8pt;
	font-weight: normal;
	color: #444;
	text-align: right;
}

.text-grey-regular-8pt-bold {
	font-size: 8pt;
	font-weight: bold;
	color: #444;
}

.login-body-copy {
	font-size: 9pt;
	font-weight: normal;
	color: #444;
}

.login-body-head {
	font-size: 10pt;
	font-weight: bold;
	color: #444;
}

.login-body-notice {
	font-size: 9pt;
	font-weight: bold;
	color: #CC0000;
}

.login-link a:link {
	font-size: 9pt;
	font-weight: bold;
	color: #6699CC;
	text-decoration: none;
}

.login-link a:visited {
	font-size: 9pt;
	font-weight: bold;
	color: #6699CC;
	text-decoration: none;
}

.login-link a:hover {
	font-size: 9pt;
	font-weight: bold;
	color: #6699CC;
	text-decoration: underline;
}

.login-link a:active {
	font-size: 9pt;
	font-weight: bold;
	color: #6699CC;
	text-decoration: none;
}

/* buckets */
.bucket {
	border: 2px #a4a4a4 dashed;
	position: relative;
}

.bucketDropAllowed {
	border: 2px #2065DB dashed;
	position: relative;
	opacity: 1.0;
	background-color: #b9dfbd;
	opacity: .50;
}

.bucketDropNotAllowed {
	border: 2px Red dashed;
	position: relative;
}

.bucketDropParent {
	border: 2px #2065DB dashed;
}

.tab-order-div {
	top: 0px;
	left: 0px;
	width: 22px;
	height: 23px;
	padding-top: 5px;
	background-color: #2065DB;
	color: white;
	font-weight: bold;
	z-index: 9999;
	border-radius: 5px;
	cursor: pointer;
}

/* random */
:focus {
	-moz-outline-style: none;
}

/* sliders */
.slider-track {
	width: 92px;
	height: 3px;
	background-color: #666;
	position: relative;
}

.slider-handle {
	width: 5px;
	height: 15px;
	background-color: #333;
	position: absolute;
	top: -6px;
	left: 10px;
	cursor: move;
}

/* browser specific */

/* build 671 */
@
-moz-document url-prefix  () {input [type="text"],input[type="password"],textarea
	{
	overflow: auto;
}

}

/* Build 692 - Code Edit Styles */
h1 {
	font-size: 22pt;
}

.underline {
	border-bottom: 3px solid #C44;
}

h2 {
	font-size: 14pt;
}

h3 {
	font-size: 12pt;
}

p.rel {
	padding-left: 2em;
	text-indent: -2em;
}

div.code-editor-wrapper {
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -451px;
	display: visible;
	vertical-align: middle;
	width: 955px;
}

#code-editor-title {
	color: #FFFFFF;
	font-size: 18pt;
	left: 26px;
	letter-spacing: -1px;
	position: absolute;
	top: 20px;
}

div.code-editor-wrapper input {
	color: #2D2D2D;
	font-size: 8pt;
	cursor: pointer;
}

div.code-editor-controls {
	background-color: #545557;
	min-height: 620px;
	height: 100%;
	position: relative;
	z-index: 900000; /* For full screen mode */
}

.code-editor-full-screen-hint {
	color: #2065DB;
	position: fixed;
	top: 15px;
	right: 290px;
	z-index: 999999;
	font-size: 15pt;
}

#CodeEditorPreviewWrapper {
	border: 1px solid #E1E1E1;
	height: 83%;
	position: fixed;
	right: 20px;
	top: 100px;
	width: 550px;
	z-index: 999999;
	box-shadow: 0 0 23px #D6D6D6;
}

.code-editor-controls-format {
	position: absolute;
	top: 27px;
	cursor: pointer;
}

.code-editor-controls-submit-changes-and-preview {
	position: absolute;
	top: 27px;
	cursor: pointer;
} 

.code-editor-controls-submit-changes {
	position: absolute;
	top: 32px;
	cursor: pointer;
}

.code-editor-controls-expand {
	position: absolute;
	top: 10px;
	left: 943px;
	cursor: pointer;
}

.code-editor-controls-cancel {
	position: absolute;
	top: 23px;
	left: 847px;
	cursor: pointer;
}

.code-editor-controls-submit {
	position: absolute;
	top: 23px;
	left: 890px;
	cursor: pointer;
}

.code-editor-set-parser {
	position: absolute;
	top: 23px;
	right: 395px;
	cursor: pointer;
	color: #ffffff;
	font-size: 7pt;
	z-index: 900001;
}

.code-editor-set-parser select {
	color: #2d2d2d;
	font-size: 8pt;
	padding: 5px;
}

div.code-editor-box {
	background-color: #FFFFFF;
	border-radius: 5px;
	height: 84%;
	left: 27px;
	padding: 3px;
	position: absolute;
	text-align: left;
	top: 66px;
	width: 93%;
	z-index: 900000;
}

code-editor {
	font-family: courier, monospace;
	font-size: 90%;
	color: #144;
}

pre.code-editor {
	margin: 1.1em 12px;
	border: 1px solid #CCCCCC;
	color: black;
	padding: .4em;
	font-family: courier, monospace;
}

.warn {
	color: #C00;
}

.CodeMirror-line-numbers {
	width: 2.2em;
	color: #aaa;
	background-color: #eee;
	text-align: right;
	padding-right: .3em;
	font-size: 10pt;
	font-family: monospace;
	padding-top: .4em;
}

dl dl {
	margin: 0;
}

/* Auto Complete */

#autoCompletePopupWrapper {
	background-color: #ffffff;
	border-radius: 0;
	box-shadow: 0 0 17px #a0a0a0;
	color: #222222;
	font-size: 8pt;
	font-weight: normal;
	height: 550px; /* Must match autoCompletePopupItemsWrapper */
	line-height: 16px;
	overflow: hidden;
	position: absolute;
	text-align: left;
	min-width: 300px;
	max-width: 700px;
}

.autoCompletePopupHeaderText {
	padding-left: 10px;
	padding-top: 10px;
	font-size: 11px;
}

/* Font Awesome Items, Etc. */

.autoCompletePopupClickableItemRow {
	clear:both;
}

.autoCompletePopupClickableItemGroup {
	float: left;
	text-align: center;
	width: 16%;
	margin-bottom: 22px;
	height: 60px;
}

.autoCompletePopupClickableItem {
	cursor: pointer;
	font-size: 315%;
	line-height: 29px;
	padding: 10px;
	
	transition: color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
}

.autoCompletePopupClickableItemDescription {
	color: #909090;
}

.autoCompletePopupClickableItem:hover {
	background-color: #222;
	color: white;

	transition: color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
}

#autoCompletePopupItemsWrapper {
	overflow-y: auto;
	overflow-x: hidden;
	height: 492px;
}

#autoCompletePopupItemsSectionContent {

}

#autoCompletePopupWrapper ul {
	float: left;
	list-style-position: outside;
	list-style-type: none;
	margin: -10px 5px 0 0;
	padding: 5px;
	width: 100%;
}

#autoCompletePopupWrapper li {
	margin-bottom: 3px !important;
	margin-top: 3px !important;
}

#autoCompletePopupWrapper li:nth-child(even) {
	background-color: #fbfbfb;
}

#autoCompletePopupHeader {
	background-color: #454545;
	border-bottom: 1px solid #ccc;
	color: white;
	cursor: move;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	position: relative;
}

#autoCompletePopupFooter {
	border-top: 1px solid #ccc;
	height: 20px;
	width: 100%;
	background-color: white;
	position: absolute;
	bottom: 0px;
}

#autoCompletePopupHeaderCloseButton {
	position: absolute;
	top: 7px;
	right: 7px;
	height: 13px;
	width: 13px;
	background-color: red;
	padding: 3px;
	color: white;
	border-radius: 5px;
	font-weight: bold;
	font-size: 10px;
	cursor: pointer;
}

.autoCompletePopupItemsSectionHeader {
	height: 15px;
	padding: 5px;
	margin-bottom: 5px;
}

.autoCompletePopupItemsSectionHeaderTitle {
	color: #454545;
	font-size: 10pt;
}

.autoCompletePopupAddItem {
	
}

.autoCompletePopupAddItem a {
	color: #444444;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	padding: 3px 10px 3px 9px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}

.autoCompletePopupAddItem a:hover {
	background-color: #F0F0FF;
}

/* End Auto Complete */

/* Ui : Mouse Slider */
.ui-mouse-slider-control {
	cursor: n-resize;
	overflow: hidden;
}

/* Ui : Quick Palette Apply */
#d-pagestyle-quick-palette-apply DIV.palette-item {
	float: left;
	width: 38px;
	height: 15px;
	border: 1px solid #cecece;
	margin-top: 4px;
	margin-left: 2px;
	margin-right: 2px;
	cursor: pointer;
}

/* Build 770 */
.rf-hint-wrapper {
	background-color: white;
	border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	padding: 10px;
	z-index: 9999;
	position: relative;
}

.rf-hint-wrapper-close-button {
	cursor: pointer;
	position: absolute;
	right: 6px;
	top: 4px;
}

.rf-hint-header {
	border-bottom: 1px dotted #F1F1F1;
	color: #3E93F5;
	font-size: 1.4em;
	margin-bottom: 1px;
	padding-bottom: 3px;
	font-weight: bold;
}

.rf-hint-body {
	color: #666666;
	font-size: 1.2em;
	line-height: 20px;
}

.rf-hint-footer {
	
}

/* Workflow */

/* Form Preview */
.workflow-stage-wrapper {
	height: 55px;
	width: 275px;
	border-radius: 5px;
	background-color: #222;
	position: relative;
	border: 1px dashed #333333;
	font-family: Proxima, Arial, Verdana, sans-serif;
}

.workflow-stage-info {
	position: absolute;
	left: 11px;
	top: 9px;
	width: 204px;
	height: 40px;
	z-index: 1;
}

.workflow-stage-info-header {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}

.workflow-stage-info-text {
	font-size: 14px;
	font-weight: bold;
	color: #c7605c;
}

.workflow-stage-terminal-in {
	height: 25px;
	width: 112px;
	border-radius: 0px 0px 5px 5px;
	background-color: #4e4e4e;
	position: absolute;
	top: 32px;
	left: 34px;
}

.workflow-stage-terminal-out {
	height: 25px;
	width: 112px;
	border-radius: 5px 5px 0px 0px;
	background-color: #4e4e4e;
	position: absolute;
	top: -45px;
	left: -197px;
}

/* Workflow Form Attributes */
.stage-user-none-selected-warning {
	padding: 17px;
	background-color: #FF6;
	color: #333;
	height: 95px;
	width: 192px;
	border-radius: 5px;
	margin-bottom: 9px;
}

.stage-user-details-wrapper {
	width: 100%;
	border-bottom: 2px solid #cecece;
	background-color: #f6f6f6;
	margin-bottom: 10px;
}

.stage-user-details-title {
  background-color: #c7605c;
  clear: both;
  color: #fff;
  font-size: 16px;
  height: 20px;
  margin-bottom: 7px;
  padding-left: 10px;
  padding-top: 7px;
}

.stage-user-details-options-wrapper {
	width: 98%;
}

.stage-user-details-options-wrapper table {
	
}

.workflow-stage < li {
	z-index: 2;
}


/* Data Grid */

.data-grid-column-wrapper {
	border: 1px dashed #a4a4a4;
	margin-bottom: 14px;
	padding: 9px;
	background-color: #e8e8e8;
}

/* Form Wizard */

#form-wizard-slider {
	
}

#form-wizard-slider ul,#form-wizard-slider li {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

#form-wizard-slider h1 {
	/*font-family: 'Days One',sans-serif;*/
	font-size: 25pt;
	font-weight: normal;
	margin: 0;
}

#form-wizard-slider h2 {
	/*font-family: 'Days One',sans-serif;*/
	font-size: 12pt;
	font-weight: normal;
	margin: 0;
}

#form-wizard-slider h3 {
	/*font-family: 'Days One',sans-serif;*/
	font-size: 13pt;
	font-weight: bold;
	margin: 6px 0 0;
}

.form-wizard-method-choice-box {
	float: left;
}

.form-wizard-method-choice-box-inner {
	background-color: #e3e3e3;
	border-radius: 10px;
	margin: 7px;
	padding: 12px;
}

.form-wizard-method-choice-box p {
	font-size: 11pt;
}

#form-wizard_buttons {
	left: -1px;
	position: absolute;
	top: -9px;
	z-index: 9;
}

.form-wizard-button {
	border: 0;
	background-color: transparent;
	padding: 0;
	cursor: pointer;
}

#form-wizard_divider {
	border-left: 1px dotted #FFFFFF;
	height: 36px;
	left: -9px;
	position: absolute;
	top: -13px;
}

/* Form Wizard Content */
.form-wizard-content-wrapper {
	width: 100%;
	padding: 10px;
}

.form-wizard-content-left {
	float: left;
	width: 20%;
	max-width: 250px;
}

.form-wizard-content-right {
	border-left: 1px dotted #cecece;
	margin-left: 25px;
	height: 680px;
	float: left;
	padding-left: 40px;
	position: relative;
	width: 70%;
}

.form-wizard-section-text {
	border-bottom: 1px dotted #CECECE;
	clear: both;
	color: #2065DB;
	margin-bottom: 15px;
	margin-top: 5px;
	padding: 5px;
	position: relative;
	width: 620px;
}

.form-wizard-section-footer {
	border-top: 1px dotted #cecece;
	bottom: 0;
	clear: both;
	margin-bottom: 15px;
	padding-top: 12px;
	position: absolute;
	width: 620px;
}

.form-wizard-choice-button {
	border: 1px solid #CFCFCF;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	font-weight: bold;
	height: 60px;
	padding: 11px;
}

.form-wizard-nav-button {
	border: 1px solid #CFCFCF;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	font-weight: bold;
	height: 40px;
	padding: 11px;
}

/* Wizard PDF options */
.wizard-pdf-options {
	float: left;
	width: 50%;
}

.wizard-pdf-options-inner {
	margin-left: 7px;
}

/* Template Items */
#form-wizard-template-display {
	height: 80%;
	overflow-y: auto;
	padding-left: 5px;
}

.wizard-template-header-item {
	border-bottom: 1px dotted #CECECE;
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 5px;
	width: 590px;
}

.wizard-template-item {
	width: 120px;
	float: left;
}

.wizard-template-item img {
	border: 1px solid #cecece;
	cursor: pointer;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}

.wizard-template-item img:hover {
	border: 1px solid #333;
}

/* Form Wizard Table Items */

.form-wizard-table td {
	padding-bottom: 10px;
}

.form-wizard-table-field-text {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

.form-wizard-table-help-text {
	color: #3a3a3a;
	font-size: 13px;
}

.form-wizard-table-input-select {
	border: 1px solid #CCCCCC;
	height: 30px;
	padding: 5px;
	width: 187px;
}

.form-wizard-table-input-select-small {
	border: 1px solid #CCCCCC;
	height: 22px;
	padding: 1px;
	width: 125px;
}

.form-wizard-table-input-text {
	border: 1px solid #CECECE;
	height: 20px;
	padding: 5px;
	width: 176px;
}

.form-wizard-table-input-text-small {
	border: 1px solid #CECECE;
	height: 15px;
	padding: 2px;
	width: 180px;
}

.form-wizard-page-properties-header {
	border-bottom: 1px dotted #CECECE;
	color: #2065DB;
	font-weight: bold;
	margin-bottom: 11px;
	margin-top: 17px;
	width: 455px;
}

#form-wizard-job-summary {
	background-color: #FFFFCC;
	border: 1px dotted #CECECE;
	border-radius: 5px 5px 5px 5px;
	color: #444444;
	font-family: 'Days One', sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin-top: 10px;
	padding: 10px;
}

#form-wizard-job-error-summary {
	background-color: #F99;
	border: 2px dashed #FFFFFF;
	border-radius: 5px 5px 5px 5px;
	color: white;
	font-size: 10pt;
	margin-top: 10px;
	padding: 10px;
}

#form-wizard-job-validation-error-summary {
	background-color: #FF9999;
	border: 2px dashed #FFFFFF;
	border-radius: 5px 5px 5px 5px;
	color: white;
	font-size: 10pt;
	margin-top: 10px;
	padding: 10px;
}

.form-wizard-required-field {
	color: red;
	font-weight: bold;
	font-size: 9pt;
}

#form-wizard-build-job-button {
	font-size: 22pt;
	height: 60px;
	width: 260px;
}



/* Import Wizard */

.import-wizard-content-wrapper {
	display: flex;
}

.import-wizard-welcome-text {
	font-size: 11pt;
	color: #868686;
	border-radius: 5px;
}

.import-wizard-content-left {
	display: flex;
	flex-direction: column;
	flex-basis: 20%;
	flex: 0 0 195px;
	padding-right: 16px;
	padding-top: 12px;
}

.import-wizard-content-right {
	border-left: 1px dotted #cecece;
	padding-left: 16px;
	min-width: 1320px;
	min-height: 800px;
	display: flex;
	flex-direction: column;
}

#import-wizard-actions-wrapper .small-text {
	color: #999;
	font-size: 10pt;
	font-weight: lighter;
}

#import-wizard-status-wrapper {
	padding: 18px;
	margin-top: 20px;
	font-size: 10pt;
	border: 3px solid #e3e3e3;
	border-radius: 5px;
	color: #404040;
}

.import-wizard-section-footer {
	border-top: 1px dotted #cecece;
	bottom: 0;
	clear: both;
	margin-bottom: 15px;
	padding-top: 12px;
	margin-top: 20px;
}

#import-wizard {
	display: block;
	left: 508px;
	position: absolute;
	top: -2px;
	width: 180px;
}

.import-wizard-table {
  width:100%;
  table-layout: fixed;
}

.import-wizard-tbl-header{
  background-color: rgba(255,255,255,0.3);
 }

.import-wizard-tbl-content {
	height: 377px;
	overflow-x: auto;
	margin-top: 0px;
	border: 1px solid rgba(255,255,255,0.3);
}

.import-wizard-table th {
  padding: 20px 15px;
  text-align: left;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
}
.import-wizard-table td {
  padding: 15px;
  text-align: left;
  vertical-align:middle;
  font-weight: 300;
  font-size: 12px;
  color: #fff;
  border-bottom: solid 1px rgba(255,255,255,0.1);
}

.import-wizard select, .import-wizard input {
	color: #555;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 0px 5px 2px;
	margin: 5px 0;
	background-color: white;
	border: 1px solid #d7d7d7
}

.import-wizard input[type="text"], .import-wizard input[type="password"] {
	padding: 5px 0px 5px 6px;
}

.import-wizard button {
	color: white;
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 20px 5px 20px;
	margin: 5px 0;
	background-color: #25c384;
	border: 0px solid #1c845a;
	border-radius: 5px;
}

.import-wizard button:hover {
	background-color: #1da46e;
}

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300,700);

#import-wizard-preview-area {
  background: -webkit-linear-gradient(left, #25c481, #25b7c4);
  background: linear-gradient(to right, #25c481, #25b7c4);
  font-family: 'Roboto', sans-serif;
}

#import-wizard-preview-area h1 {
	font-size: 16px !important;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300 !important;
	text-align: center;
	margin-bottom: 15px !important;
}

#import-wizard-preview-area section {
	margin: 0px;
	padding-top: 21px;
}

#progressBar progress {
	text-align: center;
	height: 1.5em;
	width: 100%;
	-webkit-appearance: none;
	border: 1px solid #c6c6c6;
	position: relative;
}

#progressBar progress:after {
  content: attr(data-label);
  display: none; /* Hide % sign in Chrome */
}

#progressBar progress:before {
  content: attr(data-label);
  font-size: 0.8em;
  vertical-align: 0;
  display: none;
  /*Position text over the progress bar */
  position:absolute;
  left:0;
  right:0;
}

/* Not yet supported in FF */

.import-wizard-tbl-content::-webkit-scrollbar {
    width: 6px;
} 
.import-wizard-tbl-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
} 
.import-wizard-tbl-content::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}




/* Build 766 - UI - Webspeech */

#webspeech_start_button {
	border: 0;
	background-color: transparent;
	padding: 0;
	cursor: pointer;
}

#webspeech_divider {
	border-left: 1px dotted #FFFFFF;
	height: 36px;
	left: 3px;
	position: absolute;
	top: 0;
}

#webspeech_buttons {
	left: 12px;
	position: absolute;
	top: 4px;
	z-index: 9;
}

#webspeech_action_wrapper {
	background-color: #F2F2F2;
	border: 1px solid #CECECE;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 2px 8px #CECECE;
	left: 659px;
	padding: 10px;
	position: fixed;
	top: 181px;
	width: 500px;
	z-index: 999999;
}

#webspeech_info {
	font-size: 12px;
	text-align: center;
	color: #222;
}

#webspeech_div_language {
	display: none;
}

.webspeech_final {
	color: black;
	padding-right: 3px;
}

.webspeech_interim {
	color: gray;
}

#webspeech_hints {
	color: #444;
	text-align: left;
}

#webspeech_hints p {
	line-height: 7px;
}

/* job-ownership.php */
#update-job-ownership-wrapper {
	
}

#update-job-ownership-wrapper ul {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0;
	padding-left: 4px;
}

#update-job-ownership-wrapper li {
	list-style-position: inside;
	list-style-type: disc;
	margin-bottom: 10px;
}


.editor-button {
	background-color: white;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	color: #97adc4;
	cursor: pointer;
	float: left;
	font-size: 10px;
	margin: 2px;
	padding: 5px;
}

.editor-button:hover {
	background-color: #97adc4;
	color: white;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
}


/* Build 837 - Condition Wizard */

#confirmation-condition-wizard {
	border: 1px solid #e8e8e8;
	margin-bottom: 15px;
	position: relative;
}

#confirmation-condition-wizard-control-wrapper {
	padding: 8px;
}

#confirmation-condition-wizard-header {
	background-color: #efefef;
	color: #222222;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
}

#confirmation-condition-wizard-header a {
	color: #5b9a9b;
}



/* Build 848 - Page Condition Wizard */

#page-condition-wizard {
	border: 1px solid #e8e8e8;
	margin-bottom: 15px;
	position: relative;
}

#page-condition-wizard-control-wrapper {
	padding: 8px;
}

#page-condition-wizard-header {
	background-color: #efefef;
	color: #222222;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
}

#page-condition-wizard-header a {
	color: #5b9a9b;
}

/* Build 849 - Block Condition Wizard */

#block-condition-wizard {
	border: 1px solid #e8e8e8;
	margin-bottom: 15px;
	position: relative;
}

#block-condition-wizard-control-wrapper {
	padding: 8px;
}

#block-condition-wizard-header {
	color: #222222;
	height: 30px;
	line-height: 30px;
	background-color: #efefef;
	padding-left: 10px;
}

#block-condition-wizard-header a {
	color: #5b9a9b;
}



/* TinyMCE */

/* To Compensate For Static Blockers */
.toggleMCE-Builder {
	position: absolute;
	z-index: 999;
}

.mce-tinymce {
	position: absolute;
	z-index: 999;
}

.mce-builder-token-editor input {
	font-family: "Source Code Pro";
}

textarea.mce-textbox {
	font-size: 11px;
	font-family: "Source Code Pro";
}

/* background-image-selector */
#p-select-background-image {
	border: 1px solid #8a8a8a;
	border-radius: 3px;
	cursor: pointer;
	font-family: arial;
	font-size: 8pt;
	height: 20px;
	line-height: 20px;
	margin-bottom: 9px;
	text-align: center;
	width: 61%;
}

#background-image-selector {
	
}

#background-selector-header {
	
}

#background-image-selector {
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
}

#background-selector-images ul {
	margin: 0;
	width: 240px;
}

#background-selector-images li {
	display: block;
	height: 90px;
	width: 90px;
	float: left;
	margin: 8px;
}

#background-selector-images li:nth-child(2n+0) {
	
}

#background-selector-images li img {
	cursor: pointer;
	width: 90px;
	max-height: 80px;
	-moz-box-shadow: 0px 0px 10px #b9b9b9;
	-webkit-box-shadow: 0px 0px 10px #b9b9b9;
	box-shadow: 0px 0px 10px #b9b9b9;
}

#background-selector-images li img:hover {
	-moz-box-shadow: 0px 0px 10px #565656;
	-webkit-box-shadow: 0px 0px 10px #565656;
	box-shadow: 0px 0px 10px #565656;
}

/* SQL Wizard - Build 844 */
.sqlwizard-button {
	background-color: #2065db;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 16px;
}

.sqlwizard-button:hover {
	background-color: #084dc3;
}

/* Build 924 - Prefab Elements */

.survey-scale-question-text {
	font-size: 150%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	box-pack: justify;
	-webkit-box-pack: justify;
}

.survey-scale-content-container {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.survey-scale-label-column {
	-webkit-box-align: stretch;
	box-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: center;
	max-width: 20%;
}

.survey-scale-placeholder {
	-webkit-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	box-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	min-height: 3em;
}

.survey-scale-text {
	font-size: 120%;
	padding: 0 5px;
	-webkit-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	box-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	min-height: 3em;
}

.survey-scale-questions {
	display: contents;
}

.survey-scale-column {
	-webkit-box-align: stretch;
	box-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: center;
}

.survey-scale-label {
	font-size: 110%;
	-webkit-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	box-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	min-height: 3em;
}

.survey-scale-input {
	background-color: #fafafa;
	-webkit-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	box-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	min-height: 3em;
}

/* AD Login Manager */

#ad-login-manager-main {
	padding: inherit !important;
}

#ad-login-manager-main td {
	padding: 10px !important; /* Override for Window Style */
}

#ad-login-manager-main input {
	padding: 6px !important;
	font-size: 9pt;
}

.ad-login-checkbox-group {
	float: left;
	width: 20%;
}


/* Form Flow */

#FormFlowActionsListScroll {
	margin-top: 12px;
}

.FormFlowActionsBarItem {
	padding: 10px;
	font-size: 12pt;
	background-color: #67c446;
	margin-right: 10px;
	border-radius: 4px;
	color: white;
	margin-top: -1px;
	display: inline-block;
	cursor: pointer;
}

	.FormFlowActionsBarItem:hover {
		background-color: #4d9334;
	}

#FormFlowActionsList {
	font-size: 11pt;
}

.FormFlowBlock {
	float: left;
	clear: both;
	min-width: 700px;
}

.FormFlowAction {
	padding: 15px;
	border: 1px dotted #cfcfcf;
	position: relative;
}

.FormFlowAction > .FormFlowAction {
	margin-left: 45px;
}

.FormFlowAction > .FormFlowBlock {
	/* margin-left: 45px; */
}

.FormFlowActionLogic_Display {
	margin-left: 20px;
}

a {
	color: #0d659b;
	text-decoration: none;
}

#FormFlowActionsList .fa-plus-circle {
	cursor: pointer;
	color: #4d9334;
}

#FormFlowActionsList .fa-minus-circle {
	cursor: pointer;
	color: #c40e0e;
}

.dropdown-toggle {
	background: #ffffff;
	display: inline-block;
	text-decoration: none;
	font-size: 15px;
	margin: 0px 20px -1px 0px;
	border: 1px solid #909090;
	opacity: 0.9;
	height: 24px;
	line-height: 19px;
	width: 31px;
	text-align: center;
	box-shadow: none;
	padding: 0;
}

#FormFlowActionsList input[type="text"], #FormFlowActionsList select, #FormFlowActionsList input[type="button"] {
	padding: 4px 10px 4px 10px;
	border: 1px solid #909090;
	border-radius: 2px;
	background-color: white;
	margin: 5px;
	font-size: 10pt;
	color: #464646;
	opacity: 0.9;
}

.FormFlowActionTitle {
	font-size: 15pt;
	margin-bottom: 10px;
}

.FormFlowAction_Show {
	background-color: #f5ffe4;
}

	.FormFlowAction_Show .FormFlowActionTitle {
		color: #58604b;
	}

.FormFlowAction_Hide {
	background-color: #f7e2f6;
}

	.FormFlowAction_Hide .FormFlowActionTitle {
		color: #716070;
	}

.FormFlowAction_Data {
	background-color: #e3e0f0;
}

	.FormFlowAction_Data .FormFlowActionTitle {
		color: #5b4d5e;
	}

.FormFlowAction_Branch {
	background-color: #ebf3f9;
}

	.FormFlowAction_Branch .FormFlowActionTitle {
		color: #3f4a53;
	}

	.FormFlowAction_Branch > .FormFlowDropZone_Empty {
		height: 20px;
	}

.FormFlowAction_PageEvent {
	background-color: #f3fbfb;
}

	.FormFlowAction_PageEvent .FormFlowActionTitle {
		color: 5f656a;
	}

	.FormFlowAction_PageEvent > .FormFlowDropZone_Empty {
		height: 20px;
	}
		
.FormFlowAction_WebService {
	background-color: #f9f4e9;
}

	.FormFlowAction_WebService .FormFlowActionTitle {
		color: #514a3c;
	}

.FormFlowDropZone_Empty {
	min-height: 10px;
}

.FormFlowDropZone_ActionOver {
	background-color: red;
}

.FormFlowDropZone_EmptyOver {
	background: repeating-linear-gradient(
		45deg,
		#606dbc,
		#606dbc 10px,
		#465298 10px,
		#465298 20px
	);
}

.FormFlowActionLogic {
	
}

.FormFlowActionControls {
	position: absolute;
	bottom: 10px;
	right: 19px;
}

	.FormFlowActionControls > .FormFlowControls_Delete {
		cursor: pointer;
		border-radius: 4px;
		color: #b0aeae;
		font-size: 9pt;
		font-weight: bold;
	}

		.FormFlowControls_Delete:hover {
			color: #c40e0e;
		}

.FormFlowBasicTextLink {
	cursor: pointer;
	color: #729fc8;
	font-weight: bold;
}

.FormFlowDataItemRow {
	padding-bottom: 19px;
	height: 15px;
}

.FormFlowDataItemName {
	color: white;
	background-color: #5d778a;
	border-radius: 20px;
	padding: 2px 12px 4px 12px;
	margin: 10px 10px 10px 8px;
	font-weight: bold;
}

.FormFlowDataItemValue {
	color: white;
	background-color: #5d778a;
	border-radius: 20px;
	padding: 2px 12px 4px 12px;
	margin-right: 10px;
	font-weight: bold;
	margin-left: 10px;
}

.FormFlowInPlaceEditor {
	height: 16px;
}

.FormFlowCreateInitialBranchWrapper {
	border: 1px solid #e3e385;
	background-color: lightgoldenrodyellow;
	padding: 5px;
}

.FormFlowBranchSet {
	margin-bottom: 10px;
}

.FormFlowBranchSetOp {
	font-size: 11pt;
	font-weight: 900;
}

.FormFlowBranchSetRow {
	margin-bottom: 5px;
}

.FormFlowAddBranchSet {
	
}

.FormFlowBranchItem {
	font-weight: 900;
	color: #276297;
}

.FormFlowAcceptBranchUpdatesButton {
	cursor: pointer;
	border-radius: 3px;
	padding: 5px;
	background-color: #4d9334;
	width: 100px;
	text-align: center;
	color: white;
}

.FormFlowParameterSet {
	
}

.FormFlowWebServiceItemValue {
	
}

.FormFlowAction > .FormFlowBlock > .FormFlowInlineAddMenu {
	position: absolute;
	bottom: 7px;
}

.FormFlowAction > .FormFlowBlock > .FormFlowAddItemInline {
	position: absolute;
	bottom: 7px;
}

.FormFlowAddItemInline span {
	margin-right: 10px;
}

.FormFlowWebServiceSetRow {
	margin-bottom: 5px;
	margin-top: 5px;
}

.FormFlowWebServiceSetRowHeader {
	font-weight: 900;
}

.FormFlowWebServiceItemValueEmpty {
	color: #9d8652;
	border-radius: 20px;
	padding: 2px 12px 4px 12px;
	margin-right: -7px;
	font-weight: bold;
	margin-left: -7px;
}

.FormFlowWebServiceItemValue {
	color: white;
	background-color: #ac945e;
	border-radius: 20px;
	padding: 2px 12px 4px 12px;
	margin-right: 10px;
	font-weight: bold;
	margin-left: 1px;
}

/* End Form Flow */