b/* ------------- savvy cms common styles --------------- */
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body, * {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	-webkit-text-size-adjust: none;
}

body {
	opacity: 1 !important; /* To solve the jumpy no-style issue */
	background-color: #ffffff;
	margin: 0;
	font-size: 13px;
	color: #000000;
}

ul, menu, dir {
	margin: 0;
}

.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

/*used by savvyvalidate*/
.AutoValidate {
}

.clearfix:after,
.cf:after {
	clear: both;
}

body, td, .dataheading, .label, .colhead, .colheadfilters, .field {
	font-size: 13px;
	color: #000000;
}

.svyEdit span.label {
	background-color: white;
	display: block;
	float: left;
	max-width: 160px;
	border-right: 5px solid #eee;
}


input, textarea, select {
	font-size: 14px;
}

img {
	border: 0;
}

input {
	padding: 1px;
}

textarea {
	padding: 2px;
}

.helpIcon {
	float: right;
	padding: 5px;
}

.helpTextIcon {
	float: right;
	margin: 2px 5px 0;
	/*display: none;*/
	cursor: pointer;
}

.warning-message {
	color: #fff;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	margin-bottom: 4px;
	position: fixed;
	z-index: 100000;
	width: 100%;
	line-height: 150%;
	top: 0;
	left: 0;
	opacity: 0.8;
}

.warning-message.staging-server {
	background: #10ca68;
}

.warning-message.conn-LVE {
	background: #ef4035;
}

.warning-message.old-browser {
	background: #fa9614;
}

.warning-message a {
	color: #fff;
}

.warning-message.staging-server .close,
.warning-message.old-browser .close {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -11px;
	cursor: pointer;
	width: 22px;
	height: 22px;
}

A {
	text-decoration: none;
	color: #504C3F;
}

A:hover {
	color: #993300;
	text-decoration: underline;
}

A:visited:not(.btn) {
	color: #595137;
}

/*.btn a:visited, a.btn:visited {
	color: #666;
	border-color: #666;
}*/

img {
	border: 0;
}

tr.devOnly td.label {
	background-color: #f00;
}

tr.devOnly td.label a {
	color: white;
	text-decoration: underline;
}

tr.devOnly td.label.section strong {
	color: white;
}

tr.devOnly td {
	background-color: #e01b1f;
	color: white;
}


.databox {
	position: relative;
	min-width: 550px;
}

.databox, .svyLogin {
	/*BORDER: #ccc 1px solid;*/
	PADDING: 0;
	BACKGROUND-COLOR: #ffffff;
	border-collapse: collapse;
	clear: both;
}

.databox .rowlist td {
	white-space: nowrap;
}

tr.colhead td.dev, td.colhead.dev, .svyEdit td.label.dev {
	background-color: #e01b1f;
	color: white;
}

tr.colhead td.dev .colhead {
	color: white;
}

td.dev, .svyEdit td.dev {
	border-left: 1px solid #e01b1f;
	border-right: 1px solid #e01b1f;
	background: #fdd7d8 url(images/devonly.png) no-repeat center center;
}

.svyEdit td.dev a {
	color: white;
}

tr.row-last td.dev, .databox tr[class^="row"]:nth-child(even) td.dev {
	background-color: #fcb3b4;
}

.databox tr[class^="row"]:nth-child(odd) td.dev,
.svyEdit td.field.dev {
	background-color: #fdd7d8;
}

.svyEdit td.label.dev,
.svyEdit td.field.dev {
	border-left: inherit;
	border-right: inherit;
}

.databox .row-last .width-expander {
	width: 550px;
	height: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

.svyEdit td.field .svyCheckboxes .checkboxes {
	width: 30%;
	margin-right: 10px;
	float: left;
}

.svyEdit td.field .svyCheckboxes .checkboxes .svyCheckBoxData {
	display: block;
	font-size: 10px;
	margin-bottom: 15px;
}

.edfield {
	cursor: pointer;
	/*border: 1px solid #ccc;*/
	padding: 4px;
	min-height: 25px;
}

.dataheading, .pageheading, .heading, .svyEdit > tbody > tr > th, .formTitle {
	/*
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    MARGIN: 0px;
    padding:0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    BACKGROUND-COLOR: #ccc;
    COLOR: #ffffff;
		background: url(images/dataheading-bg-black.gif) center;
		height: 26px;
		*/
	color: #595137;
	font-size: 30px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 6px;
}

.svyAdmin .top-stripe {
	border-top: 4px solid #595137;
	clear: both;
}

.label.section strong {
	color: #595137;
	font-size: 14px;
}

.dataheading .dataheading {
	padding: 0px;
	background: none;
}

.dataheading small {
	font-size: 66%;
	opacity: 0.5;
}

tr.colhead td, td.colhead, tr.row-last td {
	background-color: #ccc;
	padding: 6px 4px;
	height: 20px;
}

tr.row-last td {
	padding: 2px 8px;
}

tr.colheadfilters td, td.colheadfilters {
	/*background: #f0f0f0;*/
	background: #9D9682;
	/*border-top: solid 1px #ccc;*/
	border-bottom: solid 1px #ccc;
	font-size: 14px;
	margin: 0px;
	padding: 10px;
	line-height: 18px;
}

/* from here down, I don't think anything is needed - if it is then please move it */
.databackground {
	BACKGROUND-COLOR: #ffffff;
}

.label {
	BACKGROUND-COLOR: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	/*height: 20px;*/
	width: 208px;
	/*text-align: right;*/
}

.labelbackground {
	BACKGROUND-COLOR: #ffffff;
}

.field {
	/*BACKGROUND-COLOR: #f6f6f6;
	border-top: 1px solid #ccc;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	min-height: 20px;
	/*	vertical-align:top;   not sure about this */
}

.fieldbackground {
	BACKGROUND-COLOR: #ffffff;
}

.toolbutton {
	margin: 2px;
	border: 0px none;
	cursor: hand;
	line-height: 19px;
}

.toolbutton_up {
	margin: 1px;
	border: 1px solid navy;
	background-color: #B5BED6;
	cursor: hand;
	line-height: 19px;
}

.toolbutton_down {
	margin: 2px 0px 0px 2px;
	border: 1px solid navy;
	background-color: #99ccff;
	background-color: #8492B5;
	cursor: hand;
	line-height: 19px;
}

.Toolbar {
	/*height: 220px;*/
}

.RichEditor {
	width: 500px;
	height: 200px;
	background: white;
	border: 1px solid #789CB8;
	padding-left: 4px;
}

.HtmlEditor {
	width: 500px;
	height: 200px;
	font-family: courier new, courier, monospace;
}

.hint {
	color: #666;
	padding: 4px 8px;
	width: 160px;
}

.numfield input {
	text-align: right;
}

.row0 .field, .row-list td {
	background-color: #f0f0f0;
	border-top: 0px;
}

.row1 .field {
	background-color: #ffffff;
	border-top: 0px;
}

.highlight .field {
	background-color: #ffffcc;
	border-top: 0px;
}

.negativeCurrency {
	color: red;
}

.highlightRow td {
	background-color: #c2c2ff;
	border-top: 0px;
}

.dataheading a {
	/*color: #c2c2ff; gay purple*/
	text-decoration: underline;
	font-size: 11px;
}

.dataheading a:hover {
	/*color: white;*/
	text-decoration: underline;
	font-size: 11px;
}
/* 20151013 mn - moved inactive all together */

/* subtitle used for filters, shows in same colour but lighter*/
.svySubTitle {
	font-size: 66%;
	opacity: 0.66;
}

/* for draggable sortposition mode, we do not use stripes and we add some borders*/
/*#drag .databox tr.row-odd td, #drag .databox tr.row-even td  { border-top:2px solid #eee; background-color:white; }*/
.databox tr[class^="row"]:nth-child(odd):not(.row-last) td {
	background-color: #fff;
}

.databox tr[class^="row"]:nth-child(even):not(.row-last) td {
	background-color: #efefef;
}

.databox tr[class^="row"]:nth-child(odd):hover:not(.row-last) td{
	background-color: #FFFFFF;
}
/*20140724 jn added hover*/
.databox tr[class^="row"]:nth-child(even):hover:not(.row-last) td {
	background-color: #FFFFFF;
}

.databox tr[class^="row"]:nth-child(odd):hover:not(.row-last) td.dev,
.databox tr[class^="row"]:nth-child(even):hover:not(.row-last) td.dev {
	background-color: #e01b1f;
	color: #fff;
}

.databox tr[class^="row"].record-warning:not(.row-last) td {
	background-color: #c62b29;
	color: white;
}

.databox tr[class^="row"].record-warning:nth-child(even):not(.row-last) td {
	background-color: #d22f2d;
}

.databox tr[class^="row"].record-warning:nth-child(odd):hover:not(.row-last) td,
.databox tr[class^="row"].record-warning:nth-child(even):hover:not(.row-last) td {
	background-color: #b72927;
}

/*.databox tr.row-marked td {
	background-color: yellow !important;
	color: #000;
}*/

.svySlowColor {
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-ms-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
}

.svyFlashRow {
	background-color: #fff3a5 !important;
}

/* status message for draggable sortposition mode, can also be used for other messages*/
.svyAjaxStatus {
	font-size: 14px;
	line-height: 14px;
	border: 1px solid #ccc;
	background: #eee;
	padding: 3px 10px;
	display: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.colsort {
	padding-right: 14px;
}

.colsort.selected {
}

.colsort.selected.ascending {
	background-image: url(images/sort_up_white.png);
	background-position: right;
	background-repeat: no-repeat;
	font-weight: bold;
}

.colsort.selected.descending {
	background-image: url(images/sort_down_white.png);
	background-position: right;
	background-repeat: no-repeat;
	font-weight: bold;
}

.row-list td, .svySubformRow td {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	height: 30px;
}

/* inactive state */
.inactive, .inactive .field, tr.inactive td, .inactive a, .inactive .yesno-No, .inactive .yesno-Yes {
	color: #aaa;
}

tr.inactive td img {
	opacity: 0.5;
}
/* end inactive state */

.row-last div:first-child {
	float: left;
	line-height: 24px;
}

.pagingnavcurrent {
	color: #000000;
	font-weight: bold;
}

.page-text {
	color: #000000;
	margin-right: 5px;
}


.row-last .pagingnav-wrapper {
	margin-top: 4px;
	float: right;
}

.colheadfilter .pagingnav-wrapper {
	margin-top: 6px;
}

.dataheading .pagingnav-wrapper {
	font-weight: normal;
	font-size: 13px;
	float: right;
}

.dataheading .pagingnav-wrapper a.pagingnav {
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
}

.dataheading .pagingnav-wrapper a.pagingnavcurrent {
	font-weight: bold;
}


/* savvy .net styles for admin */
html {
	height: 100%;
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}
/* prevent scrollbar disappearing making page jump */

body.svyAdmin {
	background-color: #fff;
	height: 100%;
	margin: 0;
	padding: 0;
}

.svyWrapperOuter {
	max-width: 1420px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	min-height: 100%;
}

.svyWrapper {
	padding: 10px 20px;
}

.svyTopHelp {
	color: #666;
	margin-top: 10px;
}

.svyLoginName {
	float: right;
	margin-top: -60px;
	margin-right: 20px;
}

.svyStagingServer {
	color: #cc0000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	clear: left;
	top: -4px;
	position: relative;
}

.svyAdmin H1 {
	font-size: 22px;
	margin: 0;
	padding: 0;
}

.svyAdmin H1.adminTitle { /*
//	font-size: 22px;
//	font-weight: bold; margin-top:-10px; 20130121 jn removed - no good in IE*/
}

.svyAdmin H1.adminTitle em {
	color: #666;
	font-style: normal;
}

.svyAdmin H2 {
	font-size: 14px;
}

.svyLogo {
	margin-top: 7px;
}

.svyNotificationSuccess {
	color: green;
}

.svyNotification {
	color: Red;
}

.advanced-search .svyError {
	margin-top: 10px;
	background-color: white;
	width: 100%;
	white-space: normal;
}

.svyError {
	display: block;
	border: solid 1px red;
	color: Red;
	padding: 5px;
	margin-bottom: 10px;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.svyEditFV {
	clear: both;
}

label.error {
	color: #ff0000;
	margin: 5px 0;
	display: block;
}

input.error, textarea.error, select.error {
	border: 1px dotted #ff0000;
	background-color: #f0dada;
}

form.loginform {
	width: 400px;
	padding: 15px 20px 20px;
	border: 1px solid #cacaca;
	margin: 100px auto 0;
}

form.forgotpasswordform {
	width: 400px;
	margin: 20px auto;
}

TABLE.svyLogin {
	width: 100%;
}

.svyLogin td {
	padding: 2px 5px;
	vertical-align: top;
}

.svyLogin tr td:first-child {
	padding-top: 7px;
}

table.svyLogin td input.loginfield {
	width: 250px;
}

.svyLogin .displayfield {
	padding: 5px 4px;
	display: inline-block;
	font-weight: bold;
}
/* whats this for?
.login  { width: 280px;}
.login td { padding: 2px 5px !important; background-color:#F6F6F6; }
*/
/* List page title heading */
.titleHeading {
	border: 1px solid #ccc;
}

.titleHeading th {
	color: white;
	padding: 5px;
	background: url(images/dataheading-bg-black.gif) 0 0 repeat-x;
	font-weight: bold;
	text-align: left;
}

.titleHeading td {
	border: 0;
	padding: 0;
}

/* gridview styles */
/*.AspNet-GridView { float: left; }*/
/*ul li {
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url('');
	font-weight:normal;
}
*/
.svyList {
	border-collapse: collapse;
	width: 100%;
}

.svyList TD,
.svyList TH {
	padding: 5px !important;
	font-size: 11px;
	float: none;
}

.svyList TH {
	white-space: nowrap;
}

.svyList .AspNet-GridView-Header A {
	color: black;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
}

.svyList .AspNet-GridView-Header A:hover {
	text-decoration: none;
}

.svyList .AspNet-GridView-Header TH {
	background-color: #ccc;
	background-image: none;
	color: black !important;
	font-weight: normal !important;
	text-align: left;
}

.svyList .AspNet-GridView-Normal {
	background: #eeeeee;
}

.svyList .AspNet-GridView-Normal .textblock {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.svyList .AspNet-GridView-Alternate {
	background: white;
}

.svyList .section {
	border-top: 4px solid #929497;
	background-color: #e1e1e1;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}
/* highlighting - makes use of jquery in admin.master*/
.svyList tr.highlight {
	background-color: #c2c2ff;
}

li.highlight {
	background-color: rgba(113, 207, 239, 0.73);
	border-radius: 7px;
}

.svyPager { /*xborder: solid 1px black;*/
	background: #eeeeee;
	text-align: right;
	padding: 5px 5px;
}

.svyPager A {
	text-decoration: none;
}

.svyPager A:hover {
	text-decoration: underline;
}

.AspNet-GridView-Top {
	border-bottom: none;
}

.AspNet-GridView-Bottom {
	border-top: none;
}

/* edit pages */
.svyEdit {
	border-collapse: collapse;
	margin-bottom: 15px;
}

.svyEdit td {
	padding: 10px 5px;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	/*background: #f9f9f9;*/
}

.svyEdit td.field td:not(.svySubformRow td) {
	padding: 0 5px;
}

.svyEdit td.field td {
	border: inherit;
}

.svyEdit th {
	text-align: left;
}

.svyEdit .label {
	background: white;
	vertical-align: top;
	padding: 15px;
}

.svyEdit .svyText {
	width: 250px;
}

.svyEdit .svyShortText {
	width: 30px;
}

.svyEdit .svyMediumText {
	width: 150px;
}

.svyEdit .svyMediumWideText {
	width: 400px;
	max-width: 400px;
	display: block;
}

.svyEdit .svyWideText {
	width: 500px;
	margin-right: 10px;
}

.svyEdit .svyFullWidthText {
	width: 95%;
	max-width: 95%;
}

.svyEdit .svySubform .svyWideText {
	width: auto;
	margin-right: 10px;
}

.svyEdit .svySubform textarea.svyWideText {
	min-height: 50px;
}

.svyEdit .svyDatePickerIcon {
	vertical-align: top;
}

.svyEdit .svyDatePickerIcon IMG {
	vertical-align: middle;
}

.svyEdit .svyGeoAddress {
	display: none;
	width: 300px;
	height: 300px;
	border: solid 1px black;
	margin: 10px;
}

.svyEdit .help_text {
	font-size: 12px;
	display: none;
	padding: 2px 0 4px 0;
}

.svyEdit .footer {
	padding: 7px;
	background-color: #9D9682;
}

.svyEdit .header {
	padding: 7px;
	background-color: #9D9682;
}

.svyEdit .footer, .svyEdit .header {
	padding: 10px; /*extra bottom padding for required key  - gone now*/
	position: relative;
}

.std-footer-buttons {
	float: left;
}

.extra-footer-buttons {
	float: right;
	padding-top: 4px;
	padding: 0 15px 0 0;
}
/*.svyEdit span.mceEditor {display:none;}   -- this just doesnt work */
.svyEdit textarea.mceEditor { /*If this isn't here, then validation won't work on textareas''*/
	display: block !important;
	visibility: hidden;
}

.svyEdit .mceEditor .mceToolbar {
	border-top: solid 1px #cccccc !important;
	border-bottom: solid 1px #cccccc !important;
}

.svyEdit .mceEditor .mceToolbar .mceToolbar {
	border: none !important;
}

.svyEdit .mceEditor .mceStatusbar {
	position: relative;
	line-height: 20px;
	border-top: solid 1px #cccccc !important;
	border-bottom: solid 1px #cccccc !important;
}

.svyEdit .mceEditor .mceStatusbar DIV {
	/*color: #cccccc;*/
	/*padding-left: 3px;*/
	display: none;
}

/* change MCE content width here depending on how wide the general content area of the site is */
.svyEdit .mceEditor {
	width: 612px;
	display: block;
}

/* for sub tables we don't want borders or extra padding - or do we? */
.svyEdit TD TD {
	padding: 4px;
}

.svyEdit .svySubform TD TD {
	border: none;
	padding: 4px;
}

.svyEdit OL {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

.svyEdit OL LI {
	padding: 2px 0;
}

.svyEdit UL {
	margin: 0;
	padding: 0;
}

.svyEdit UL.RatingOptions LI {
	float: left;
	width: 30px;
}

.svyEdit UL.RatingOptions LI INPUT {
	vertical-align: bottom;
	margin-right: 3px;
}

.svyHorizontalRadioList TD {
	vertical-align: middle;
}

.savvyRadioList input, .savvyRadioList label {
	vertical-align: middle;
}

.savvyRadioList {
	/*display: block; mn 20181126 should be able to have radios next to each other, esp in search filters */
	padding-right: 20px;
}


.savvyRadioList input {
	max-width: 30px;
}

.svyScrollHeight {
	height: 200px;
	overflow: auto;
}

.svyEdit TR.advancedOptions .label {
	font-style: italic;
}

.svyEdit .section {
	/*border-top: 4px solid #929497;*/
	border-top: none;
	background-color: #E9E7E3; /* 26 = 15% opacity */
}

/* Subform  */
table.svySubform {
	width: 100%;
	margin: 4px 0 0;
	padding: 0;
	border-spacing: 0;
}

table.svySubform td {
	/*	margin: 0;
	padding: 5px !important;
	border: none;
	height: initial;*/
	vertical-align: top;
}

table.svySubform .remove {
	text-align: center;
}

table.svySubform .remove input {
	padding: 0px;
	width: 15px;
}

table.svySubform td.colhead,table.svySubform td.colhead.remove {
	font-weight: bold;
	background-color: #E9E7E3;
	/*color: #fff;*/
	padding: 4px 7px 2px;
}
table.svySubform td.remove {
	width: 50px;
}

table.svySubform td.addingRow {
	border: none;
	padding: 10px 0 0;
}

.svySubformRow td {
	/* mn 20151206 removed bg colour, striping is broken anyway */
	padding: 2px 2px 0;
}

.totals-row td, .svySubformTotalRow td {
	background-color: #ccc;
	font-weight: bold;
	padding: 4px;
}

/*table.svySubform tr[class^="svySubformRow"]:nth-child(odd):hover td,
table.svySubform tr[class^="svySubformRow"]:nth-child(even):hover td {
	background-color: #BCBCBC ;
}*/

/* svy subform with divs */
div.svySubformRow,
div.svySubform .addingRow {
	position: relative;
	padding: 5px;
}

div.svySubformRow .svyWideText {
	max-width: 200px; /*ss - 20160525 change this to make the fields as wide as you want*/
}

div.svySubform .svyDeleteChildBtn {
	position: absolute;
	right: 0;
	top: 3px;
	padding: 0 6px;
	z-index: 10;
	margin-right: 20px;
}
/* Note: style up your div child form below under the 'Custom App Specific' comment */

.databox tr[class^="row"]:nth-child(odd):hover td
/* Breadcrumb */
.svyBreadcrumb {
	display: block;
	margin-top: 5px;
}

/* Calendar */
.svyCal {
	border: solid 1px black;
}

.svyCalToday {
	color: black;
	background: #87b1f5;
}

.svyCalSelector A {
	background: #FFCC66;
}

.svyCalNextPrev A {
	font-size: 9pt;
	text-decoration: none;
}

.svyCalDay {
	background: #cccccc;
}

.svyCalSelected {
	font-weight: bold;
	background: #CCCCFF;
}

.svyCalTitle {
	font-size: 9pt;
	font-weight: bold;
	color: white;
	background: #2a166f;
}

.svyCalOtherMonth A {
	color: silver;
}

/* NavTree */
.svyNavTree {
	width: 600px;
	margin: 0;
	padding: 0;
	background: #eeeeee;
}

.svyNavTree LI {
	list-style-type: none;
	margin-left: 0;
	padding: 0;
}

.svyNavTree A {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}

.svyNavTree A SPAN {
	text-decoration: underline;
}

.svyNavTree .link a {
	float: right;
	margin-left: 5px;
	width: 15px;
	text-align: right;
	font-weight: normal;
	font-size: 10px;
	padding-left: 0px;
	border: none;
}

.svyNavTree .newpage a {
	float: right;
	margin-left: 5px;
	width: 15px;
	text-align: right;
	font-weight: normal;
	font-size: 10px;
	padding-left: 0px;
	border: none;
}

.svyNavTree .sort_position {
	float: right;
	margin-left: 5px;
	width: 35px;
	text-align: right;
	font-weight: normal;
	font-size: 10px;
}

.svyNavTree .preview {
	float: right;
	margin-left: 5px;
	font-weight: normal;
	font-size: 10px;
}

.svyNavTree LI A {
	padding-left: 10px;
	background: #939393;
	color: white;
	font-weight: bold;
	font-size: 12px;
}

.svyNavTree LI UL {
	margin: 0;
	padding-left: 0;
}

.svyNavTree LI UL LI A {
	padding-left: 30px;
	background: #bfbfbf;
	color: black;
	font-weight: normal;
	font-size: 11px;
	border-bottom: solid 1px #ccc;
}

.svyNavTree LI UL LI UL LI A {
	padding-left: 50px;
	background: #e6e6e6;
}

.svyNavTree LI UL LI UL LI UL LI A {
	padding-left: 70px;
	background: #fff;
}

.svyNavTree .invisible A {
	color: Silver;
	background: white;
	font-weight: normal;
	font-size: 11px;
}

/* highlighting - makes use of jquery in admin.master*/
.svyNavTree li a.highlight {
	background-color: #c2c2ff;
}
/* top level highlight */
/*.svyNavTree li li a.highlight { background-color: #c2c2ff; }*/

.address {
	width: 300px;
}

.address_map {
	display: none;
	height: 300px;
	border: solid 1px #244a4f;
}

#searchButton {
	font-size: 8pt;
	height: 10px;
}
/* these are copied from the site.css for the mceEditor - add !important to everything except the margins */
.mceText {
	font-family: Arial, sans-serif !important;
}

.mce_p .mceText {
	font-size: 12px !important;
	color: #999999 !important;
}

/*
Administration menu -  Developers
bg colors:
background-color: color:#e01b1f;
background-color: #fcb3b4;
background-color: #fdd7d8;
*/
.svyEdit.developers th,
.svyEdit.developers .label.section strong {
	color: #e01b1f;
}

.svyEdit.developers .section {
	border-top-color: #e01b1f;
}

.svyEdit.developers td {
	border-color: #fcb3b4;
	background: #fdd7d8 url(images/devonly.png) no-repeat center center;
}

.svyEdit.developers th {
	background: url(images/devonly.png) no-repeat center center;
}

.svyEdit.developers td.label {
	background-color: white;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* Moved headings into headings.css */
/* -------------------------------------------------------------------------------------------------------------------------------- */


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: inherit;
	font-weight: bold;
	color: inherit;
	text-rendering: optimizelegibility;
}

h1 {
	font-size: 30px;
	line-height: 35px;
}

h2 {
	font-size: 24px;
	line-height: 35px;
}

h3 {
	font-size: 18px;
	line-height: 27px;
}

h4, h5, h6 {
	line-height: 18px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 11px;
}

input.sortposition {
	width: 120px;
}
/* ------ savvy model forms image upload control with select from server -------*/
input.svyPicSelectFilter {
	width: 188px;
	border: 1px solid #cccccc !important;
}

input.readonly {
	background-color: #ddd;
}


input.number {
	width: 78px;
}

input.money {
	width: 78px;
}

.svyPicSelectContainer {
	position: relative;
	float: left;
	width: 745px;
}

.svyPicSelectContainer .svyPicCancelFileWrap {
	position: absolute;
	bottom: 0;
	right: 0;
}

.svyEdit a.svyPicChooseSelectFile,
/*.svyEdit a.svyPicCancelChange { color: #06c; display: block; width: 250px; padding: 1px 0; }*/
.svyPicBrowseDimensions {
	margin-left: 10px;
	float: left;
	clear: none;
	padding-right: 10px;
}

.svyEdit .svyPicCancelFileWrap {
	display: block;
}

.svyEdit .svyPicCancelFileWrap a.svyPicCancelFile {
	color: #06c;
}

select.svyPicSelectFile {
	margin-bottom: 5px;
	width: 300px;
	height: 200px;
	border: 1px dotted #555;
}

.svyPicSelectFilterLabel {
	position: absolute;
	bottom: 30px;
	left: 320px;
	bottom: 8px;
}

.svyPicSelectPreview {
	vertical-align: top !important;
	margin-left: 20px !important;
	max-width: 218px;
	max-height: 170px;
	height: auto;
	width: auto;
}

.svyPicCancelChange {
	margin-bottom: 5px;
}

img.SavvyUploadPreview {
	margin-right: 10px;
	float: left;
	min-width: 30px;
	max-height: 100px;
	max-width: 100px;
}

#ulc_Picture {
	width: 500px;
}

.svyPicOptions {
}

.svyEdit a.svyPicChange {
	color: #06c;
	display: block;
	width: 140px;
	padding: 5px 0 2px 3px;
}

label.svyPicRemove {
	float: left;
	margin-top: 1px;
	padding-bottom: 4px;
}

.svyPicSites {
	float: right;
	margin-right: 36px;
}

.scaleContainer label {
	margin: 0 5px 0 5px;
	color: #0074cc;
}

#insertOptions {
	position: absolute;
	top: 105px;
	left: 180px;
}

/* ------ END savvy model forms image upload control with select from server -------*/
/*input.delete { float: right; }
a.delete { float: right; padding-top: 6px; }*/
a.delete {
	margin-top: 2px;
	margin-left: 50px;
	padding-left: 18px;
	color: #595137;
}

.story-template,
.page-template,
.link-template,
.special-template {
	display: none;
}

a.colsort {
	color: Black;
}

/* infomessages */
.InfoMessageContainer {
	z-index: 200;
	left:0;
	right:0;
	position: fixed;
}

.InfoMessage, .ErrorMessage, .WarningMessage {
	z-index: 200;
	position: absolute;
	top: -200px; /* move off screen */
	width: 400px;
	left: 50%;
	margin-left: -200px;
	transition: all 1s ease-in-out;
	opacity: 0;
	line-height: 150%;
	  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
}

/*.InfoMessageContainer {
	position: relative;
}*/

.InfoMessage.showing, .ErrorMessage.showing, .WarningMessage.showing {
	top: 50px;
	opacity: 1;
}

.InfoMessage {
	xcolor: black;
	xbackground-color: white;
color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;

	padding: 8px 14px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.InfoMessageBasic {
	color: #3a87ad;
	background-color: #d9edf7;
	padding: 8px 14px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #bce8f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.ErrorMessage {
	color: #cc0000;
	background-color: #f2dede;
	padding: 8px 14px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #eed3d7;
}

.WarningMessage, .validation-summary-errors {
	padding: 8px 35px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.validation-summary-errors ul {
	margin: 0 25px;
	padding: 0;
}

/* savvy validate form validation styles */
.validation {
	display: none;
	position: relative;
	cursor: default;
}

.validation .validation_outer {
	background: url(../../images/error_msg_arrow.png) 15px 18px no-repeat;
	padding-bottom: 12px;
	position: absolute;
	top: -37px;
	left: -35px;
	z-index: 99;
	width: auto !important;
}

.validation .validation_inner {
	background: #e30418;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	white-space: nowrap;
}

textarea + .validation .validation_outer {
	top: -29px;
}

.validation.autoPosition {
	position: absolute;
}

.validation.autoPosition .validation_outer {
	/* left: auto; */
	top: auto;
}

.uppercase {
	text-transform: uppercase;
}
/* end savvy validate form validation styles */

.publish-status-Live {
	font-weight: bold;
	color: Green;
	text-transform: uppercase;
}

.publish-status-Scheduled {
	font-weight: bold;
	color: #00cccc;
	text-transform: uppercase;
}

.publish-status-Draft, .publish-status-Unpublished {
	font-weight: bold;
	color: orange;
	text-transform: uppercase;
}

.yesno-Yes {
	font-weight: bold;
	color: green;
}

.yesno-No {
	font-weight: bold;
	color: #cc0000;
}

.geoaddress-map {
	height: 300px;
}

form {
	padding: 0;
	margin: 0;
}

.CreateNewButton {
	float: left;
	margin-right: 15px;
}

.clientLogo {
	float: left;
	margin-top: 0px;
	padding-right: 40px;
}

.hide {
	display: none;
}

.ui-datepicker-trigger {
	vertical-align: middle;
	margin: 1px 2px;
}

.placeholder-active {
	color: #999;
}

#searchBox {
	width: 200px;
}


/* jQuery UI calendar override*/
/*this is to override the default black calendar in http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/vader/jquery-ui.css */
.ui-datepicker-calendar th {
	border: 1px solid #333;
}

.ui-datepicker-calendar th span {
	color: #ccc !important;
}

.ui-datepicker td a:hover {
	text-decoration: none;
}

.ui-datepicker select.ui-datepicker-month {
	width: 54px;
}

.ui-datepicker select.ui-datepicker-year {
	width: 70px;
}

/* jquery.clockpick */
.ClockPick_button {
	vertical-align: middle;
	margin: 0 2px;
}

.svyDate {
	width: 90px !important;
	min-width: 90px !important;
}

.svyDateInput {
	width: 90px;
}

.svyTimeInput {
	width: 70px;
}

.svyDateTimeInput {
	width: 140px;
}

.good {
	font-weight: bold;
	color: green;
}

.bad {
	font-weight: bold;
	color: #cc0000;
}

.orange {
	font-weight: bold;
	color: #e66e19;
}

.sticker {
	font-weight: normal;
	text-transform: uppercase;
	color: white;
	background: black;
	padding: 2px 5px;
	display: inline-block;
	line-height: 100%;
	margin: 1px;
	font-size: 13px;
}

.stickerOpen,
.sticker.good {
	background: green;
	padding: 2px 5px;
	display: inline-block;
	line-height: 100%;
	margin: 1px;
}

.sticker.bad {
	background: #cc0000;
}

.sticker.orange {
	background: #e66e19;
}

.full-width {
	width: 100%;
}

.right-label {
	height: 100%;
	float: right;
	-moz-min-width: 490px;
	-ms-min-width: 490px;
	-o-min-width: 490px;
	-webkit-min-width: 490px;
	min-width: 490px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.right-label {
	width: 50%;
}

.right-label.wide-label {
	width: 60%;
}

.right-label .label {
	display: block;
	float: left;
	margin-right: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.right-label .label.picture-label {
	height: 100%;
	width: 90px;
	padding: 5px 10px;
}

.right-label .right-field-text {
	line-height: 25px;
}

.right-label .savvyRadioList {
	float: right;
	padding-top: 4px;
}

.ui-widget-content {
	xbackground: none;
}

.ui-tabs .ui-tabs-panel {
	padding: 0px;
}

/* styles from twitter bootstrap */

/* required fields marking using border, a bit ugly
input.required, textarea.required, select.required, .savvyRadioList.required, .svySelect2.required .select2-choice {
  border: 1px solid #FFA64A;
  border-radius: 5px;
	padding: 2px;
}*/
/* required fields marking using * after labels (needs js in admincommon.js and savvyvalidate.js) */
.required-star:after {
	content: ' *';
	color: #00cccc;
}

.required-star-key {
	float: right;
	margin-top: 7px;
	margin-right: 10px;
}

.required-star-key:before {
	content: '* ';
	color: #00cccc;
}

select, input, textarea, a.btn, .btn {
	transition: all 0.25s ease-out;
}

select, input, textarea {
	margin-left: 0;
	border: 1px solid #999;
	height: 30px;
	vertical-align: middle;
	margin:0 5px;
}

input[type=submit], input[type=button], input[type=checkbox], input[type=radio], input[type=file] {
	border: none;
}

input, textarea {
	padding: 2px 4px;
}

input[type=file] {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type=file], input[type=checkbox], input[type=radio] {
	border: none;
}

input.yesno {
	margin-top: 3px;
}
/* remove borders which appear on old IE */
input:focus, textarea:focus, select:focus {
	border-color: #595137;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px #595137;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px #595137;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px #595137;
	outline: 0;
	outline: thin dotted \9;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none;
}

 /* mn 20181114 added these as well, we don't want to break backwards compatibility and they have not caused any probs */
input[type="button"], input[type="reset"], input[type="submit"],  
input[type=button].svyButton, input[type=reset].svyButton, input[type=submit].svyButton {
	width: auto;
	height: auto;
	text-transform: uppercase;
}

 /* mn 20181114 added these as well, we don't want to break backwards compatibility and they have not caused any probs */
button, input[type=submit], input[type=button],  
.btn, button.svyButton, input[type=submit].svyButton, input[type=button].svyButton { /* did someone forget to commit the Savvy HTML Helper that adds these styles? */
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 4px 10px 4px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	*margin-left: .3em;
	text-transform: uppercase;
	font-weight: bold;
	/*opacity: 0.7;*/
	color: #666;
	border: 2px solid #666;
	background: white;
	-webkit-appearance: none;
}

.btn:hover, button:hover, input[type=submit]:hover, input[type=button]:hover {
	color: #595137;
	border: 2px solid #595137;
}

.btn.dev, input[type=submit].dev, input[type=button].dev, .btn.dev:hover, input[type=submit].dev:hover, input[type=button].dev:hover {
	color: white;
	border-color: white;
	background-color: #e01b1f;
}

input[readonly="readonly"] {
	border-color: transparent;
	background-color: transparent;
}

body#advimage input[type=text] {
	border: 1px solid #aaa;
	padding: 2px 4px;
}

.btn.disabled, .btn[disabled], button[disabled] {
	background-color: #e6e6e6;
}



.btn:first-child {
	*margin-left: 0;
}

.btn:hover, button, input[type=submit]:hover, input[type=button]:hover {
	text-decoration: none;
	opacity: 1;
}

.btn:focus, input[type=submit]:focus, input[type=button]:focus {
	outline: thin dotted #333;
	outline: 5px auto #595137;
	outline-offset: -2px;
}

.btn.active, .btn:active, button, input[type=submit]:active, input[type=button]:active {
	xoutline: 0;
}


.ui-widget-content a.svyCancel, a.svyCancel {
	color: #838383;
}

input[type=button].cancel {
	color: #838383;
	border: 2px solid #838383;
	background: white;
}

.button-group {
	display: inline-block;
	position: relative;
}

.button-group .group-items-separator {
	height: 4px;
	width: 100%;
}

.button-group .hover-btn {
	position: relative;
	z-index: 20;
	min-width: 80px;
}

.button-group .group-items-outer {
	position: absolute;
	padding: 4px 0;
	display: none;
}

.button-group .group-items {
	border: 2px solid #ffcc33;
	/*border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;*/
	border-radius: 7px;
	overflow: hidden;
	min-width: 100px;
}

.footer .button-group .group-items-outer {
	bottom: 34px;
}

.button-group:hover .group-items-outer {
	display: block;
}

.button-group .group-items input[type=submit],
.button-group .group-items input[type=button],
.button-group .group-items button,
.button-group .group-items a {
	display: block;
	width: 100%;
	border-radius: 0;
	border: none;
	border-bottom: 2px solid #ffcc33;
}

.button-group .group-items input[type=submit]:last-child,
.button-group .group-items input[type=button]:last-child,
.button-group .group-items button:last-child,
.button-group .group-items a:last-child {
	border-bottom: none;
}


.arrow {
	float: right;
	margin-top: 7px;
	margin-left: 6px;
}

.hover-btn:hover span.arrow-up,
a:hover span.arrow-up {
	border-bottom: 5px solid black;
}

.hover-btn:hover span.arrow-down,
a:hover span.arrow-down {
	border-top: 5px solid black;
}

.arrow-up {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ffcc33;
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ffcc33;
}

.btn .btn-danger, input.svySaveButton .btn-danger, input[type=submit].btn-danger, input[type=button].btn-danger {
	background-color: hsl(360, 82%, 35%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e81b1b", endColorstr="#a21010");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#e81b1b), to(#a21010));
	background-image: -moz-linear-gradient(top, #e81b1b, #a21010);
	background-image: -ms-linear-gradient(top, #e81b1b, #a21010);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e81b1b), color-stop(100%, #a21010));
	background-image: -webkit-linear-gradient(top, #e81b1b, #a21010);
	background-image: -o-linear-gradient(top, #e81b1b, #a21010);
	background-image: linear-gradient(#e81b1b, #a21010);
	border-color: #a21010 #a21010 hsl(360, 82%, 31%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.26);
	-webkit-font-smoothing: antialiased;
}

.btn.disabled, .btn[disabled] {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	color: #999 !important;
}

#searchBox.svyWideText,
#Search.svyWideText {
	-webkit-appearance: none;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	transition: all 0.25s ease-out;
	/*background-color: #626262;*/
	/*color: white;*/
	cursor: auto;
	display: inline-block;
	float: none;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 4px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 3px;
	text-align: -webkit-auto;
	text-indent: 0px;
	text-shadow: none;
	text-transform: none;
	vertical-align: middle;
	width: 160px;
	word-spacing: 0px;
}

#searchBox.svyWideText:active, #searchBox.svyWideText:focus,
#Search.svyWideText:active, #Search.svyWideText:focus {
	background: white;
	color: black;
}

.btn-mini, input[type=submit].btn-mini, input[type=button].btn-mini {
	padding: 2px 6px;
	font-size: 11px;
	line-height: 14px;
}

.btn-micro, input[type=submit].btn-micro, input[type=button].btn-micro {
	padding: 1px 3px;
	font-size: 9px;
	line-height: 11px;
}

.close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
	font-size: 10pt;
}

.close:hover {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}


.alert {
	padding: 8px 35px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.alert-heading {
	color: inherit;
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 18px;
}

.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
	margin-bottom: 0;
}

.alert-block p + p {
	margin-top: 5px;
}

[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 7px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("images/glyphicons-halflings.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
	opacity: 0.8;
}

[class="icon-search"] {
	background-image: url("images/glyphicons-halflings.png");
}

.btn:hover [class^="icon-"],
.btn:hover [class*=" icon-"],
a:hover [class^="icon-"],
a:hover [class*=" icon-"] {
	background-image: url("images/glyphicons-halflings-white.png");
	opacity: 1;
}

[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
	*margin-left: 0;
}

.icon-white {
	background-image: url("images/glyphicons-halflings-white.png");
}

.icon-glass {
	background-position: 0 0;
}

.icon-music {
	background-position: -24px 0;
}

.icon-search {
	background-position: -48px 0;
}

.row-list .icon-search {
	margin-right: 0;
}

.icon-envelope {
	background-position: -72px 0;
}

.icon-heart {
	background-position: -96px 0;
}

.icon-star {
	background-position: -120px 0;
}

.icon-star-empty {
	background-position: -144px 0;
}

.icon-user {
	background-position: -168px 0;
}

.icon-film {
	background-position: -192px 0;
}

.icon-th-large {
	background-position: -216px 0;
}

.icon-th {
	background-position: -240px 0;
}

.icon-th-list {
	background-position: -264px 0;
}

.icon-ok {
	background-position: -288px 0;
}

.icon-remove {
	background-position: -312px 0;
}

.icon-zoom-in {
	background-position: -336px 0;
}

.icon-zoom-out {
	background-position: -360px 0;
}

.icon-off {
	background-position: -384px 0;
}

.icon-signal {
	background-position: -408px 0;
}

.icon-cog {
	background-position: -432px 0;
}

.icon-trash {
	background-position: -456px 0;
}

.icon-home {
	background-position: 0 -24px;
}

.icon-file {
	background-position: -24px -24px;
}

.icon-time {
	background-position: -48px -24px;
}

.icon-road {
	background-position: -72px -24px;
}

.icon-download-alt {
	background-position: -96px -24px;
}

.icon-download {
	background-position: -120px -24px;
}

.icon-upload {
	background-position: -144px -24px;
}

.icon-inbox {
	background-position: -168px -24px;
}

.icon-play-circle {
	background-position: -192px -24px;
}

.icon-repeat {
	background-position: -216px -24px;
}

.icon-refresh {
	background-position: -240px -24px;
}

.icon-list-alt {
	background-position: -264px -24px;
}

.icon-padlock, .icon-lock {
	background-position: -287px -24px;
}

.icon-flag {
	background-position: -312px -24px;
}

.icon-headphones {
	background-position: -336px -24px;
}

.icon-volume-off {
	background-position: -360px -24px;
}

.icon-volume-down {
	background-position: -384px -24px;
}

.icon-volume-up {
	background-position: -408px -24px;
}

.icon-qrcode {
	background-position: -432px -24px;
}

.icon-barcode {
	background-position: -456px -24px;
}

.icon-tag {
	background-position: 0 -48px;
}

.icon-tags {
	background-position: -25px -48px;
}

.icon-book {
	background-position: -48px -48px;
}

.icon-bookmark {
	background-position: -72px -48px;
}

.icon-print {
	background-position: -96px -48px;
}

.icon-camera {
	background-position: -120px -48px;
}

.icon-font {
	background-position: -144px -48px;
}

.icon-bold {
	background-position: -167px -48px;
}

.icon-italic {
	background-position: -192px -48px;
}

.icon-text-height {
	background-position: -216px -48px;
}

.icon-text-width {
	background-position: -240px -48px;
}

.icon-align-left {
	background-position: -264px -48px;
}

.icon-align-center {
	background-position: -288px -48px;
}

.icon-align-right {
	background-position: -312px -48px;
}

.icon-align-justify {
	background-position: -336px -48px;
}

.icon-list {
	background-position: -360px -48px;
}

.icon-indent-left {
	background-position: -384px -48px;
}

.icon-indent-right {
	background-position: -408px -48px;
}

.icon-facetime-video {
	background-position: -432px -48px;
}

.icon-picture {
	background-position: -456px -48px;
}

.icon-pencil {
	background-position: 0 -72px;
}

.icon-map-marker {
	background-position: -24px -72px;
}

.icon-adjust {
	background-position: -48px -72px;
}

.icon-tint {
	background-position: -72px -72px;
}

.icon-edit {
	background-position: -96px -72px;
}

.icon-share {
	background-position: -120px -72px;
}

.icon-check {
	background-position: -144px -72px;
}

.icon-move {
	background-position: -168px -72px;
}

.icon-step-backward {
	background-position: -192px -72px;
}

.icon-fast-backward {
	background-position: -216px -72px;
}

.icon-backward {
	background-position: -240px -72px;
}

.icon-play {
	background-position: -264px -72px;
}

.icon-pause {
	background-position: -288px -72px;
}

.icon-stop {
	background-position: -312px -72px;
}

.icon-forward {
	background-position: -336px -72px;
}

.icon-fast-forward {
	background-position: -360px -72px;
}

.icon-step-forward {
	background-position: -384px -72px;
}

.icon-eject {
	background-position: -408px -72px;
}

.icon-chevron-left {
	background-position: -432px -72px;
}

.icon-chevron-right {
	background-position: -456px -72px;
}

.icon-plus-sign {
	background-position: 0 -96px;
}

.icon-minus-sign {
	background-position: -24px -96px;
}

.icon-remove-sign {
	background-position: -48px -96px;
}

.icon-ok-sign {
	background-position: -72px -96px;
}

.icon-question-sign {
	background-position: -96px -96px;
}

.icon-info-sign {
	background-position: -120px -96px;
}

.icon-screenshot {
	background-position: -144px -96px;
}

.icon-remove-circle {
	background-position: -168px -96px;
}

.icon-ok-circle {
	background-position: -192px -96px;
}

.icon-ban-circle {
	background-position: -216px -96px;
}

.icon-arrow-left {
	background-position: -240px -96px;
}

.icon-arrow-right {
	background-position: -264px -96px;
}

.icon-arrow-up {
	background-position: -289px -96px;
}

.icon-arrow-down {
	background-position: -312px -96px;
}

.icon-share-alt {
	background-position: -336px -96px;
}

.icon-resize-full {
	background-position: -360px -96px;
}

.icon-resize-small {
	background-position: -384px -96px;
}

.icon-plus {
	background-position: -408px -96px;
}

.icon-minus {
	background-position: -433px -96px;
}

.icon-asterisk {
	background-position: -456px -96px;
}

.icon-exclamation-sign {
	background-position: 0 -120px;
}

.icon-gift {
	background-position: -24px -120px;
}

.icon-leaf {
	background-position: -48px -120px;
}

.icon-fire {
	background-position: -72px -120px;
}

.icon-eye-open {
	background-position: -96px -120px;
}

.icon-eye-close {
	background-position: -120px -120px;
}

.icon-warning-sign {
	background-position: -144px -120px;
}

.icon-plane {
	background-position: -168px -120px;
}

.icon-calendar {
	background-position: -192px -120px;
}

.icon-random {
	background-position: -216px -120px;
}

.icon-comment {
	background-position: -240px -120px;
}

.icon-magnet {
	background-position: -264px -120px;
}

.icon-chevron-up {
	background-position: -288px -120px;
}

.icon-chevron-down {
	background-position: -313px -119px;
}

.icon-retweet {
	background-position: -336px -120px;
}

.icon-shopping-cart {
	background-position: -360px -120px;
}

.icon-folder-close {
	background-position: -384px -120px;
}

.icon-folder-open {
	background-position: -408px -120px;
}

.icon-resize-vertical {
	background-position: -432px -119px;
}

.icon-resize-horizontal {
	background-position: -456px -118px;
}

.icon-hdd {
	background-position: 0 -144px;
}

.icon-bullhorn {
	background-position: -24px -144px;
}

.icon-bell {
	background-position: -48px -144px;
}

.icon-certificate {
	background-position: -72px -144px;
}

.icon-thumbs-up {
	background-position: -96px -144px;
}

.icon-thumbs-down {
	background-position: -120px -144px;
}

.icon-hand-right {
	background-position: -144px -144px;
}

.icon-hand-left {
	background-position: -168px -144px;
}

.icon-hand-up {
	background-position: -192px -144px;
}

.icon-hand-down {
	background-position: -216px -144px;
}

.icon-circle-arrow-right {
	background-position: -240px -144px;
}

.icon-circle-arrow-left {
	background-position: -264px -144px;
}

.icon-circle-arrow-up {
	background-position: -288px -144px;
}

.icon-circle-arrow-down {
	background-position: -312px -144px;
}

.icon-globe {
	background-position: -336px -144px;
}

.icon-wrench {
	background-position: -360px -144px;
}

.icon-tasks {
	background-position: -384px -144px;
}

.icon-filter {
	background-position: -408px -144px;
}

.icon-briefcase {
	background-position: -432px -144px;
}

.icon-fullscreen {
	background-position: -456px -144px;
}

/* end from twitter bootstrap */
/* breadcrumb */

#breadcrumb {
	font: 11px Arial, Helvetica, sans-serif;
	display: inline-block;
	vertical-align: middle;
	/*background-color: #eee;*/
	height: 30px;
	line-height: 30px;
	color: #9b9b9b;
	/*border: solid 1px #cacaca;*/
	overflow: hidden;
	/*margin: 0 0 10px;*/
	padding: 0px;
}

#breadcrumb li {
	list-style-type: none;
	float: left;
	padding-left: 10px;
}

#breadcrumb a {
	height: 30px;
	display: block;
	background-image: url('images/bc_separator.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
	text-decoration: none;
	/* color: #454545;*/
}

.launch-site {
	margin-top: 2px;
	display: inline-block;
	vertical-align: middle;
	/*margin-left: 10px;*/
	/*float: right;*/
}

.home {
	border: none;
	margin: 8px 0px;
}

#breadcrumb a:hover {
	color: #35acc5;
}

.admin-bread-bar {
	margin-bottom: 20px;
}

.admin-search-tools {
	float: right;
	margin-top: 2px;
	font-size: 0;
}

.admin-search-tools input, .admin-search-tools select {
	font-size: 13px;
	height: 25px;
}

/* end breadcrumb */

/* adjustments for different sized screens */


@media screen and (max-width: 540px) {
	.svyWrapper, .svyWrapper .databox, .svyWrapper .svyEdit {
		width: 400px;
		font-size: 20px;
	}

	.svyWrapper .field .svyEdit {
		width: inherit;
	}
	/* subform */
	.svyWrapperOuter {
		width: 440px;
	}

	.svyEdit .label {
		width: 150px;
	}

	.svyEdit .svyWideText {
		width: 250px;
	}
}

@media screen and (min-width: 540px) and (max-width: 650px) {
	.svyWrapper, .svyWrapper .databox, .svyWrapper .svyEdit {
		width: 500px;
	}

	.svyWrapper .field .svyEdit {
		width: inherit;
	}

	.svyWrapperOuter {
		width: 540px;
	}

	.svyEdit .svyWideText {
		width: 300px;
	}
}

@media screen and (min-width: 650px) and (max-width: 750px) {
	.svyWrapper, .svyWrapper .databox, .svyWrapper .svyEdit {
		width: 600px;
	}

	.svyWrapper .field .svyEdit {
		width: inherit;
	}

	.svyWrapperOuter {
		width: 640px;
	}

	.svyEdit .svyWideText {
		width: 360px;
	}
}

@media screen and (min-width: 750px) { /* ipad */
	.svyWrapper, .svyWrapper .databox, .svyWrapper .svyEdit {
		width: 100%;
	}

	.svyWrapper .field .svyEdit {
		width: inherit;
	}

	.svyWrapperOuter {
		max-width: 2420px;
	}

	.svyEdit .svyWideText {
		width: 460px;
	}
}




/* really wide
@media (min-width: 1600px) {                   
  .svyWrapperOuter, .svyWrapper .databox, .svyWrapper .svyEdit { width: 1400px; }
	.svyWrapperOuter { width: 1440px; }
}
 */
/* end adjustments for different sized screens */
/* File drag and paste css */
div.svyPicContainer {
	width: 500px;
}

div.svyPicContainer .svyScaleContainer {
	padding: 5px 2px 7px 2px;
	color: #595137;
	font-size: 11px;
	width: 435px;
	text-align: left;
}

div.svyPicContainer, div.svyPictureContainer .svyLinkContainer {
	float: left;
	clear: none;
	padding-right: 10px;
}

div.svyPicContainer .svyPasteDragContainer {
	width: 170px;
	height: 200px;
}

div.svyPicContainer .svyCancelPaste a {
	/*xmargin-top: 10px;*/
}

div.svyPicContainer .svyPicSectionBreak {
	float: left;
	margin-right: 50px;
	margin-bottom: 5px;
}

div.svyPicContainer .svyFreeImageText {
	font-size: 11px;
	color: #0074cc;
	margin-right: 5px;
}
/* mn 20181114 - not needed anymore 
.svyAttachmentCntr .svyPasteLink {
	display: none; 
}
*/
.svyPasteLink:visited,
.svyPasteLink {
	margin-bottom: 10px;
	/*color: #000;
	clear: both;
	padding: 5px;
	max-width: 200px;
	text-align: left;
	width: auto;
	margin-bottom: 5px;
	font-size: 11px;
	border: 1px solid #ccc;
	border-bottom-color: #b3b3b3;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));*/
}


div.svyFileNameText {
	margin-bottom: 4px;
}

div.svyPicContainer .svyPasteDragContainer a {
	font-weight: normal;
	cursor: default;
	color: #595137;
}

div.svyPicContainer .svyFileDragTarget, div.svyPicContainer .svyUploadedImage img {
	max-height: 90%;
	max-width: 90%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

div.svyPicContainer .svyPasteUploadTextContainer {
	width: 140px;
	height: 132px;
}

div.svyPicContainer .svyFiledragLive, div.svyPicContainer .svyUploadedImage {
	font-weight: bold;
	text-align: center;
	color: #555;
	cursor: default;
	border: 3px dotted #555;
	border-radius: 7px;
	width: 150px;
	height: 140px;
	position: relative;
	background-color: white;
	max-height: 90%;
	max-width: 90%;
	background-size: 140px Auto;
	background-position: center;
	background-color: white;
	display: inline-block;
}

div.svyPicContainer .svyFiledragLive, div.svyPicContainer .svyUploadedImage p {
	white-space: normal;
}

div.svyPicContainer .svyDragPasteText p {
	margin-top: 50px;
	white-space: normal;
	text-align: center;
	padding: 5px;
}

.svyDragPaste {
	background-image: url("images/fileUploadBg.png");
}

#svyFiledragLive_Attachment {
	background-image: url("images/fileUploadBg.png");
}

div.svyPicContainer .svyPasteText p {
	padding: 42px 3px 0px 3px !important;
	width: 100% !important;
	white-space: normal !important;
	text-align: center;
	white-space: normal !important;
	text-align: center;
	font-size: 12px !important;
	width: auto;
	z-index: 999999;
	color: black;
	font-size: 13px;
	font-weight: bold;
}

div.svyPicContainer .svyFiledragLive img, .svyUploadedImage img {
	max-height: 90%;
	max-width: 90%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

div.svyPicContainer .svyWhiteText {
	color: white;
}

div.svyPicContainer .svyImagePasteContainer {
	width: 164px;
}

div.svyPicContainer .svyFiledragProgess {
	font-size: 11px;
	width: 140px;
	min-width: 140px;
	padding: 2px 5px;
	margin: 2px 0;
	border-radius: 8px;
	background: #eee;
	margin-top: 5px;
	background-color: white;
	margin-top: 5px;
	border: 1px solid #CCC;
}

div.svyPicContainer .svyFiledragProgess p {
	height: 10px;
	padding: 3px;
	margin-bottom: 5px;
	margin-top: 2px;
}

div.svyPicContainer .svyPasteArea {
	background-image: url("images/fancypastebg.png");
	background-size: 100px;
}

div.svyPicContainer .svyDragArea {
	background-image: url("images/fileUploadBg.png");
}

div.svyPicContainer .svyFancyBackground {
	background-repeat: no-repeat;
	color: white;
	text-align: center;
	font-size: 12px;
}

div.svyPicContainer .svyFancyBackgroundActive {
	background-repeat: no-repeat;
	color: white;
	text-align: center;
	font-size: 12px;
}

div.svyPicContainer .noBackground {
	background-image: none;
}

div.svyPicContainer .svyPasteArea {
	background-position: center;
	background-repeat: no-repeat;
	border: 2px dotted black;
}

div.svyPicContainer .svyPasteAreaText {
	margin-top: -10px;
	width: 140px;
}

.defaultSkin .svyPasteAreaText {
	margin-top: 0;
}

div.svyPicContainer .svyFiledragProgess p.success {
	background: #0c0 none 0 0 no-repeat;
}

div.svyPicContainer .svyFiledragProgess p.failed {
	background: #c00 none 0 0 no-repeat;
}

div.svyPicContainer .svyWhiteBg {
	background-color: white;
}

div.svyPicContainer .svyFiledragProgess span {
	background: #0c0;
	display: inline-block;
	width: 0%;
	height: 10px;
	position: relative;
}

div.svyPicContainer .svyPasteForm {
	height: 166px;
	width: 155px;
}

.svyPicContainer, .svyPictureContainer {
	width: 500px;
	margin-top: 5px;
	display: inline-block;
	position: relative;
}

.svySubform .svyPicContainer, .svyPictureContainer {
	width: 230px;
}

div.svyPicContainer .svyImagePasteAppletContainer {
	display: none;
}

div.svyPicContainer .svyImagePasteConatainer {
	width: 150px;
	height: 180px;
	float: left;
}

div.svyPicContainer .svyPasteImageLink {
	float: left;
}

div.svyPicContainer .svyUploadedImage a {
	margin-top: 40px;
	display: block;
}

div.svyPicContainer .svyAppletPasteText {
	color: white;
	text-align: center;
	width: 145px;
	height: 65px;
	padding-top: 40px;
}

.svyMceImagePasteHelpText {
	margin-top: 25px;
	font-size: 12px;
	color: #595137;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 5px;
}

.svyUploadError {
	background: red !important;
}

/*File Upload Example*/
.svyFiledragLive, .uploadedImage {
	border: 3px dotted #ccc !important;
	float: left;
	clear: left;
	display: inline-block;
	width: 144px !important;
	height: 134px !important;
}

.svyFiledragProgess {
	font-size: 11px !important;
	width: 140px;
	padding: 2px 5px !important;
	margin: 2px 0 !important;
	border-radius: 8px !important;
	background: #eee !important;
	margin-top: 5px !important;
	background-color: white !important;
	margin-top: 5px !important;
	border: 1px solid #CCC !important;
	clear: both;
}

.svyFiledragProgess p {
	height: 18px !important;
	padding: 3px !important;
	margin-bottom: 5px !important;
	margin-top: 0 !important;
}

/* AF: 20150304 - Lined up on top of the Choose file button */
.svyFileUpload {
	cursor: pointer;
	position: absolute;
	-ms-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	width: 107px;
	height: 30px;
}

.svyPasteArea {
	background-position: center !important;
	background-repeat: no-repeat !important;
	border: 1px dotted #black !important;
}

.svyPasteAreaText {
	margin-top: -10px !important;
	height: 130px;
	width: 140px;
}

.defaultSkin .svyPasteAreaText {
	margin-top: 0 !important;
}

.svyFiledragProgess p.success {
	background: #0c0 none 0 0 no-repeat !important;
}

.svyFiledragProgess p.failed {
	background: #c00 none 0 0 no-repeat !important;
}

.svyWhiteBg {
	background-color: white !important;
}

.svyFiledragProgess span {
	background: #0c0 !important;
	display: inline-block !important;
	width: 0%;
	height: 10px !important;
	position: relative !important;
}

.svyShowDrag {
	display: initial;
}

.svyHideDrag {
	display: none;
}

/* End file drag and paste css */

/* Dashboard - MN 20150412 - updated all to divs and using svy prefix as now rendered by helper */
.svyBigNumberTitle {
	font-size: 14px;
	color: #666;
	padding: 2px 0 2px 0;
	vertical-align: top;
	vertical-align: text-top;
}

.svyBigNumber {
	font-size: 40px;
	line-height: 100%;
	padding-right: 3px;
}

.svyBigNumberDescription {
	font-size: 12px;
	color: #666;
	margin-bottom: -8px;
}

.dashBoard {
	padding-bottom: 20px;
}

.dashBoard:after {
	content: "";
	display: table;
	clear: both;
}

.svyDashboardTile {
	/*background: #eeeeee;*/
	vertical-align: top !important;
	line-height: 20px;
	border-top: none !important;
	border-bottom: none !important;
	border-right: 2px solid white;
	margin-right: 20px;
	float: left;
	height: 100px;
	width: 120px;
}


.svyBarGraph {
	width: 100%;
}

.svyBarGraphLabel {
	position: absolute;
	color: #FFF;
	margin-left: 5px;
}

.svyBarGraphOuter {
	width: 100%;
	background: #999;
	float: left;
	margin-right: 10px;
	height: 18px;
	border-radius: 5px;
	padding-right: 3px;
}

div.svyBarGraphInner {
	background: green;
	height: 14px;
	margin-top: 2px;
	margin-left: 2px;
	border-radius: 4px;
	max-width: 100% !important;
}


/* mce image paste ovverides*/



.defaultSkin .svyPictureContainer {
	width: 500px;
}

.defaultSkin .svyPicContainer {
	width: 500px;
}

.defaultSkin .svyPicContainer a {
	border: 1px solid #ccc;
	margin: 2px;
	color: #595137;
	clear: both;
	padding: 5px;
	max-width: 200px;
	text-align: left;
	width: auto;
	margin-bottom: 5px;
	font-size: 11px;
	border: 1px solid #ccc;
	border-bottom-color: #b3b3b3;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
}


.savvyRadioList label {
	padding-right: 10px;
}




.svySpinner {
	background-image: url(images/spinner.gif) !important;
	background-repeat: no-repeat !important;
	display: none;
	width: 18px;
	height: 18px;
	margin: 6px 0 0 10px;
}
/*
override tab styles*/

.ui-widget-header {
	border: 1px solid #a3a3a3;
	background: #eeeeee;
	color: #eeeeee;
	font-weight: bold;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 0 !important;
	background: none;
}

.ui-widget {
	font-family: inherit;
	font-size: 13px;
}

.ui-widget-header {
	border: none;
	background: none;
}

.ui-widget-content.ui-datepicker {
	border: none !important;
	background: #000;
	color: #fff;
}

.adminnote {
	border: 1px dotted #000;
	background-color: #eee;
	padding: 5px;
	margin: 5px;
	xmargin-left:0;
	xmax-width: 496px;
	line-height: 160%;
}
div.adminnote {
	display: block;
}
span.adminnote {
	display: inline-block;
}

.mceActionPanel {
	margin-top: 7px;
	position: absolute;
	bottom: 15px;
	right: 10px;
}

.swatch {
	float: left;
	width: 15px;
	height: 15px;
	border: 1px solid #918f8f;
}

#pagetabs, #pagetabs .ui-tabs-nav {
	background: no-repeat;
	border: none;
}

.revisionLink {
	color: #595137 !important;
}

.svyAttachDownload {
}

.svyAttachmentChange {
	margin-left:5px;
}

.svyAttachmentCancel {
	margin-bottom: 10px;
	margin-left: 10px;
}
.svyAttachmentNonAjax {
	display:none;
/*	height: auto;            mn - this is an alternative which shows the original behind the button, now use display:none
	margin-bottom: 10px;
	margin-left:-94px;*/
}

/* Page Comparison */

#revisionChanges {
	padding: 0 !important;
	overflow: hidden !important;
}

#revisionChanges iframe, #pageComparison {
	width: 100%;
	height: 100%;
}

#pageComparison h3 {
	padding: 10px 15px;
}

#pageComparison table {
	width: 100%;
}

.removedPicture {
	width: 50px;
	height: 50px;
	position: absolute;
	background: url(../../images/x.png) no-repeat center center;
	display: inline;
}

/* Dynamic image */
.dynamic-image-preview {
	max-width: 100px;
	max-height: 100px;
	background: url(images/transparent-background-pattern.png) repeat;
}


.printOnly {
	display: none;
}

.alt-text-wrapper span {
	display: inline-block;
	cursor: pointer;
}

.alt-text-wrapper input {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.alt-text-wrapper span.saved {
	color: green;
}

.alt-text-wrapper span.not-saved {
	color: red;
}

.alt-text-wrapper .alt-text-saving {
	margin-left: 5px;
}

/*Responsive table and image styles for mobile*/
.responsive-table-scroll { /* applied automatically in common.js */
	overflow-y: hidden;
	overflow-x: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
	width: 100%;
}

.radioLines .savvyRadioList {
	display: block;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}



.deployMessage {
	position: absolute;
	right: 15px;
	top: 5px;
	color: red;
	font-weight: bold;
}

.messages-area {
	/*margin-top: 70px;*/
}

/* ADVANCED SEARCH */
.advanced-search-wrapper {
	background-color: rgba(117,117,117,1);
	display: none;
}

tr.advanced-search-wrapper.open {
	display: table-row;
}

div.advanced-search-wrapper.open {
	display: block;
}

.colheadfilter div.advanced-search {
	margin-left: -20px;
	/*margin-right: -50px; jn removed*/
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
}

.advanced-fields {
	margin-bottom: 4px;
}

.advanced-search {
	background-color: rgba(117,117,117,1);
	color: white;
	font-size: 14px;
	padding-top: 20px;
}

.label-auto, .advanced-search .find-label {
	display: inline-block;
	padding-right: 20px;
	width: 200px;
	/*padding-top: 8px;*/
}

.advanced-search-wrapper, .label-auto, .label-auto, .label-auto {
	font-weight: bold;
}

.label-auto {
	display: inline-block;
	padding-top: 10px;
}

.field-auto {
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
}

.advanced-search .label-auto,
.advanced-search .label-auto,
.advanced-search .label-auto,
.advanced-search .find-label {
	height: 30px;
}

.search-field {
	display: inline-block;
	padding-left:20px;
}
.advanced-search .search-field {
	display: block;
	padding-left:0;
}

.search-field,
.search-field #Search,
.search-field #searchBox,
.search-field .find-label {
	/*height: 30px;*/
	line-height: 100%;
	/*margin-top:-2px;*/
}

.colheadfilter input[type=submit].go-button,
.colheadfilter input[type=button].print-button,
.colheadfilter input[type=button].export-button {
	display: inline-block;
	vertical-align: middle;
	/*float: left;*/
}

.colheadfilter input[type=checkbox], .colheadfilter input[type=radio] {
	height:auto;
}

.with-advanced-search .colheadfilter .advanced-search-buttons {
	padding-left: 100px;
	min-height: 30px;
	display: inline-block;
}

.advanced-search-buttons {
	vertical-align: top !important;
}

.advanced-search .advanced-fields td {
	color: #fff;
}


/*.advanced-search .advanced-search-buttons:before,
.advanced-search .advanced-search-buttons:after {
	content: " "; 
	display: table; 
}

.advanced-search .advanced-search-buttons:after {
	clear: both;
}*/

.advanced-search .standard-label {
	font-weight: normal;
	display: block;
}

.advanced-search #Search.svyWideText {
	width: 250px;
	background-color: #fff;
	color: black;
	border: 1px solid #aaa;
	border-radius: 4px;
	height: 28px;
}

.advanced-search input[type=text],
.advanced-search select {
	width: 250px;
	height: 28px;
}

.advanced-search input[type=text].svyDateInput {
	width: 90px;
}

.colheadfilter.fix-ul .advanced-search ul li {
	padding-left: 0;
	padding-right: 0;
}


.colheadfilters .CreateNewButton,
.colheadfilters .faux-btn,
.colheadfilters input[type=button],
.colheadfilters input[type=submit],
.colheadfilters button,
.colheadfilters .advanced-search .button-group,
.colheadfilters .advanced-search .go-button,
.colheadfilters .advanced-search .export-button {
	/*float: right;*/
	margin-right: 4px;
}

.std-footer-buttons .CreateNewButton,
.std-footer-buttons .faux-btn,
.std-footer-buttons input[type=button],
.std-footer-buttons input[type=submit],
.std-footer-buttons button,
.std-footer-buttons .button-group,
.std-footer-buttons .go-button,
.std-footer-buttons .export-button {
	/*float: right;*/
	margin-right: 8px;
}

.svyAutocomplete {
	position: relative;
	top: 6px;
	left: -25px;
}

.no-bg {
	background-color: transparent !important;
}
.no-border {
	border: none !important;
	border-bottom: none !important;
	border-top: none !important;
}

.sm-top-bot-pad {
	padding-top: 4px;
	padding-bottom: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: black;
	font-weight: normal;
	/*font-family: Ubuntu, Arial,Helvetica,sans-serif;*/
	font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #000 transparent transparent transparent;
	border-width: 6px 3px 0 3px;
	margin-left: -2px;
	margin-top: -2px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #000 transparent;
	border-width: 0 3px 7px 3px;
}

/* jDrop multiple pictures upload div style starts - example see GalleryImageAdmin*/
/* Drop file div Starts */
.dropFileDiv {
	/*margin-right: 10px;*/
	padding: 2px 20px;
	border: 3px dotted #595137;
	text-align: center;
	vertical-align: middle;
	/*float: left;*/
	display: inline;
	cursor: move;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
}

.dropFile-status {
	margin-right: 10px;
	font-weight: bold;
}

.dropFile-status img {
	width: 17px;
	vertical-align: middle;
}
/* Drop file div ends */

/* Data Saver {{*/
.login-modal {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.5);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
}

.login-modal .loginForm {
	padding: 20px;
	background-color: #fff;
}

.login-popup {
	width: 500px;
	height: 250px;
	background-color: #eee;
	top: 50%;
	left: 50%;
	padding: 20px;
	border: #ccc solid 2px;
	margin-top: -125px;
	margin-left: -250px;
	position: absolute;
	z-index: 10000;
}

.login-popup .info-message {
	position: absolute;
	text-align: right;
	color: #888;
	bottom: 7px;
	right: 7px;
	left: 7px;
}

.disabled-loading-button {
	font-style: italic;
	pointer-events: none;
	background-image: url(../../images/spinner.gif);
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 30px !important;
	width: auto !important;
}
/* }} */

/* ------------ Bulk Emails ------------ */
.preview-btn {
	color: #fff;
}

#BulkEmailDetails {
	height: 200px;
	line-height: 150%;
}

#BulkEmailDetails #status {
	display: inline-block;
	color: #595137;
	font-weight: bold;
	padding-bottom: 20px;
}

#BulkEmailDetails #sentupto {
	font-weight: bold;
	padding-bottom: 20px;
}

#BulkEmailDetails .bulkLabel {
	display: inline-block;
	width: 100px;
}

#BulkEmailDetails .statusLabel {
	display: inline-block;
	font-weight: bold;
	padding-bottom: 20px;
}

#BulkEmailDetails #successCount {
	/*color: dodgerblue;*/
	font-weight: bold;
}

#BulkEmailDetails #errorCount {
	color: #d9534f;
	font-weight: bold;
}

#BulkEmailDetails #remainingCount {
	/*color: teal;*/
	font-weight: bold;
}

#warningMessage {
	color: #d9534f;
	font-weight: bold;
}

.btn.btn-stop,
input[type=button].btn.btn-stop {
	background: #d9534f;
	color: #fff;
	border: 1px solid #d9534f;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.btn-stop:hover,
input[type=button].btn.btn-stop:hover {
	background: maroon;
	border: 1px solid maroon;
}

#errors {
	line-height: 150%;
}

/* ------------ //Bulk Emails ------------ */

.svyEdit th, .databox .dataheading, .label.section strong, .svyEdit > tbody > tr > th, .formTitle, a:hover {
	color: #595137;
}

.btn:hover, button:hover, input[type=submit]:hover, input[type=button]:hover {
	background-color: #595137;
	border-color: #595137;
	color: white;
}

/*Admin Menu Box Layout */

html, body, .svyWrapperOuter, .svyWrapper {
	height: 100%;
}

.admin-menu-box-wrapper {
	margin: 0 auto;
	height: 75%;
	width: 100%;
	position: relative;
}

.admin-menu-box-wrapper .label {
	width: auto;
	padding: 0;
}

.admin-menu-box-wrapper .admin-menu-section-title {
	margin-bottom: 5px;
	background: #E9E7E3;
}

.admin-menu-box-wrapper .admin-menu-section-title {
	color: #595137;
	font-weight: bold;
	font-size: 15px;
}

.admin-menu-box-wrapper .admin-menu-section-title:before {
	content: "";
	display: inline-block;
	width: 56px;
	height: 40px;
	margin-right: 10px;
	vertical-align: middle;
}

.admin-menu-box-wrapper .section-content .admin-menu-section-title:before {
	background: url('images/admin-menu-section-label-sprite.png') center center no-repeat;
	background-position: -46px 0;
	background-color: #595137;
}

.admin-menu-box-wrapper .section-settings .admin-menu-section-title:before {
	background: url('images/admin-menu-section-label-sprite.png') center center no-repeat;
	background-position: -230px 0;
	background-color: #595137;
}

.admin-menu-box-wrapper .section-galleries .admin-menu-section-title:before {
	background: url('images/admin-menu-section-label-sprite.png') center center no-repeat;
	background-position: -276px 0;
	background-color: #595137;
}

.admin-menu-box-wrapper .section-documents .admin-menu-section-title:before {
	background: url('images/admin-menu-section-label-sprite.png') center center no-repeat;
	background-position: 0;
	background-color: #595137;
}

.admin-menu-box-wrapper .section-people .admin-menu-section-title:before {
	background: url('images/admin-menu-section-label-sprite.png') center center no-repeat;
	background-position: -184px 0;
	background-color: #595137;
}

.admin-menu-box-wrapper .section-products .admin-menu-section-title:before {
	background: url('images/admin-menu-section-label-sprite.png') center center no-repeat;
	background-position: -138px 0;
	background-color: #595137;
}

.admin-menu-box-wrapper .admin-menu-section-title .admin-menu-section-icon-box {
	background-color: #595137;
	width: 56px;
	height: 40px;
	display: inline-block;
	position: absolute;
	left: 0;
	text-align: center;
}

.admin-menu-box-wrapper .admin-menu-section-title .admin-menu-section-icon {
	margin: 12px 0 0 0;
}

.admin-menu-section-box {
	min-width: 30%;
	margin: 0 15px;
	border: 1px solid #E9E7E3;
	margin-bottom: 20px;
	vertical-align: top;
}

.admin-menu-item {
	padding: 5px 10px;
}

.admin-menu-item:last-child {
	padding-bottom: 10px;
}

/* ----------------------------------- Custom App Specific -------------------------------------------------------------------- */

.quest-portal-nav-wrapper a.active {
	background-color: #595137;
	border-color: #595137;
	color: white;
}

.right-text{
	text-align: right;
}
.center-text{
	text-align: center;
}

.bold-wrapper, .bold-wrapper *{
	font-weight: bold;
	font-size: 16px;
}

.budget-table {
	max-width: 1550px;
}
.budget-table .row-list td{
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	height:35px;
}

.budget-summary-wraper {
	max-width: 750px;
	border: 2px solid #A89968;
	margin-top: 20px;
	margin-bottom: 20px;
}
.budget-summary-title {
	background-color: #A89968;
	color: white;
	font-size: 20px;
	padding: 5px 10px;
	font-weight: bold;
}
.budget-summary-property {
	background-color: rgb(84,88,90);
	color: white;
	font-size: 18px;
	padding: 5px 10px;
}
.budget-summary-text,.budget-summary-items-text {
	padding: 5px 10px;
}
.budget-summary-black-spacing{
	height: 25px;
	background-color: rgb(84,88,90);

}

.revenue-driver .holiday-row td{
	background-color: rgb(183,201,211) !important;
}
.budget-table td.editable-column{
	background-color: #B8A772 !important;
}
.revenue-driver .year-summary td{
	 color: white;
	 background-color: rgb(64,64,64) !important;
}
/*.key-variable-cost td.imported-column{
	background-color: #ccc !important;
}*/

.key-variable-cost td.section-head, .budget-table .colhead td{
	background-color: rgb(64,64,64) !important;
	color:white !important;
	padding:6px 4px;
	border: 1px solid rgb(64,64,64);
}

.budget-table .colhead {
	color:white !important;
}

.budget-table table.svySubform td.colhead, .budget-table table.svySubform td.colhead.remove {
	background-color: rgb(64,64,64) !important;
}
.row-summary td{
	font-size:14px;
	font-weight: bold;
	border-top: 2px solid #000000; 
	border-bottom: 2px solid #000000;
}
.budget-nav{
	max-width: 750px;
	margin-top:20px;
	text-align: right;
}
.quest-portal-nav-wrapper a{
	margin-bottom: 5px;
}
.budget-table .last-row td{
	padding:10px 5px;
}

.financial-budget-view .row-summary td, .financial-budget-view .sub-section td, .cashflow-view .row-summary td, .cashflow-view .sub-section td, .actauls-budget-view .row-summary td, .actauls-budget-view .sub-section td {
	background-color: rgb(183,201,211) !important;
	color: black !important;
	font-weight: bold;
}
.financial-budget-view .sub-section-summary td{
	border-top: 1px solid #000000; 
	border-bottom: 1px solid #000000;
	font-size: 12px;
}

.input-detail-row, .toggle-show {
	display: none;
}
.budget-table tr.colheadfilters td,.budget-table  td.colheadfilters {
border:none;
/*background-color: #999;*/
}
.budget-table tr.colheadfilters.sec-income td {
	background-color: rgb(168,169,158);
}

.budget-table tr td.budget-input-comment {
	background-color: transparent !important;
	min-width: 60px;
	border: 1px solid  rgb(168,169,158);
	border-left: none;
}

.budget-table tr td.budget-header-comment {
	background-color: transparent !important;
	padding-right: 16px;
}

.right-text input{
	text-align: right;
}

.budget-table .budget-input-wrapper{
	/*border-color:#595137;
	cursor: pointer;*/
	background-color: #A89968 !important;
	padding: 0;
}

.budget-table .budget-input-field{
	border-color:#595137;
	background-color: #A89968;
	cursor: pointer;
}

.budget-table .budget-input-wrapper .budget-input-field{
	width: 100% !important;
	margin: 0;
	box-sizing: border-box;
	border: none;
}

.review-table{
 box-shadow: 0 2px 4px 0 #d8d4d4;
}

.comment-content {
	border: 1px solid #ddd;
}
.comment-content td {
	padding: 20px 25px;
}
.send-details{
	color:#595137;
	font-size: 16px;
	font-weight: bold;
}
.send-details .send-time {
	font-size: 75%;
	opacity: 0.7;
}

.budget-comment-box td{
	border: none;
}

.review-comparison .current-revenue td{
	background-color: rgb(89,84,120) !important;
	color:white;
}
.review-comparison .last-year-revenue td{
	background-color: rgb(157,67,44) !important;
	color:white;
}
.review-comparison .two-year-revenue td{
	background-color: rgb(110,113,101) !important;
	color:white;
}

.history-note{
	font-size: 18px;
	padding: 5px 0;
	font-weight: bold;
}
.history-note small{
	color: #888;
}

.rich-text-question-header {
	width: 1000px;
	font-size: 14px;
}

.business-plan-summary-image {
	text-align: center;
}

.business-plan-summary-image img {
	max-width: 95%;
	margin-top: 20px;
}

.business-plan-summary {
	padding: 0 2.5%;
	font-size: 28px;
	line-height: 150%;

}

.confidence-text {
	font-size: 18px;
	margin-bottom: 1em;
}



.factsheet-container .normal table {
	width: 48%;
	display: inline-table;
	vertical-align: top;
}

.factsheet-container h3 {
	color: #a89968;
	margin-top: 10px;
}

.business-plan-table.budget-table .row-list td {
	border: 2px solid #000000;
}

.business-plan-table.budget-table .blue-wrapper {
	background-color: rgb(183, 201, 211) !important;
}

.business-plan-table.budget-table .blue-wrapper .budget-input-field {
	background-color: rgb(183, 201, 211);
}

.business-plan-table.budget-table .bold-wrapper .budget-input-field {
	font-weight: bold;
}

.center-text .budget-input-field {
	text-align: center;
}

.business-plan-table.budget-table .blue-wrapper .displayfield {
	padding: 2px 4px;
}

.golden-col {
	background-color: #a89968 !important;
}


.business-plan-table [readonly] { background: transparent;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;padding: 0; display: block; border: 0; color: #000; }

.kpa-table th, .svyEdit td.field .kpa-table td{
	padding: 8px;
	border: 1px solid black;
}

.kpa-table td {
	padding: 0 !important;
}

.kpa-table th {
	font-weight: bold;
}


.kpa-table .budget-input-field{
	border-color:#595137;
	background-color: #A89968;
	cursor: pointer;
	width: 100% !important;
	margin: 0;
	box-sizing: border-box;
	border: none;
}

.svyEdit td.field .non-editable-table td {
	border: 1px solid black;
	padding: 5px !important;
}

.svyEdit td.field .svySubform.non-editable-table td.remove, .svyEdit td.field .svySubform.non-editable-table td.addingRow {
	border: none;
}

.answer-wrapper {
	border: 1px solid #ddd;
	-webkit-box-shadow: 0 2px 4px 0 #d8d4d4;
	-ms-box-shadow: 0 2px 4px 0 #d8d4d4;
	box-shadow: 0 2px 4px 0 #d8d4d4;
	padding: 10px;
}

table.svySubform.financial-outlook-table {
	width: 50%;
}
.svyEdit td.field table.svySubform.financial-outlook-table td:not(.svySubformRow td) {
	padding: 5px;
}

.red-text {
	color: #d9534f;
}

.upload-check.upload-success {
	background-color: rgba(8, 193, 13, .1) !important;
}

.upload-check.upload-fail {
	background-color: rgba(193, 8, 13, .1) !important;
}