@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,800);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

.dummy {
}
/* ------------- savvy cms common styles --------------- */
body {
	background-color: #ffffff;
	margin: 0;
	font-size: 11px;
	color: #000000;
}

body, td, .dataheading, .label, .colhead, .colheadfilters, .field {
	/*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/
	font-family: "lato",sans-serif;
	font-size: 13px;
	color: #3c3c3b;
}

input, textarea, select {
	/*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/
	font-family: "lato",sans-serif;
	font-size: 14px;
}

img {
	border: 0;
}

input {
	padding: 1px;
}

textarea {
	padding: 2px;
}

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

.helpTextIcon {
	float: right;
	margin: 5px 40px 0;
	cursor: pointer;
}

.StagingServer {
	background: yellowgreen;
	color: black;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	margin-bottom: 4px;
	position: relative;
}

.OldBrowser {
	background: orange;
	color: black;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	margin-bottom: 4px;
}

.StagingServer .close {
	float: right;
	position: absolute;
	right: 5px;
	top: 3px;
	cursor: pointer;
}

.ConnLVE { /*conected to live db warning*/
	width: 226px;
	background-color: #F00;
	float: right;
}


A {
	text-decoration: none;
	color: #009cb4;
}

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

A:visited {
	color: #00798b;
}

img {
	border: 0;
}

tr.devOnly td {
	background-color: #87b1f5;
}

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

.databox {
	width: 100%;
	-moz-min-width: 550px;
	-ms-min-width: 550px;
	-o-min-width: 550px;
	-webkit-min-width: 550px;
	min-width: 550px;
}

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;
}

.edfield {
	cursor: pointer;
	border: 1px dotted green;
}

.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: #009cb4;
	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 #551901;
	clear: both;
}

.label.section strong {
	color: #551901;
	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;*/
	background-color: #009cb4;
	padding: 5px;
	/*padding-left: 5px;
	padding-right: 5px;
	padding-top: 6px;
	padding-bottom: 0px;*/
	/*height: 20px;*/
	font-weight: bold;
}

tr.colheadfilters td, td.colheadfilters {
	/*background-color: #2C2C2C;*/
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	/*color: #999;*/
	/*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	font-family: "lato",sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 50px 0;
	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;*/
	/*width: 170px;*/
	width: 150px;
}

.labelbackground {
	BACKGROUND-COLOR: #ffffff;
}

.field {
	BACKGROUND-COLOR: #f6f6f6;
	border-top: 1px solid #ccc;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	height: 20px;
	max-width: 500px;
	/*	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;*/
	font-family: "lato",sans-serif;
}

.hint {
	font-size: 10px;
	color: #8492B5;
	width: 160px;
}

.numfield input {
	text-align: right;
}

.pagingnavcurrent {
	font-weight: bold;
}
/*
.dataheading_pagingnav, .dataheading_pagingnav A, .dataheading_pagingnav A:visited, .dataheading_pagingnav A:link, .dataheading_pagingnav A:hover, .dataheading_pagingnav A:active{
	background-color: #318AAD;
	background: url(includes/images/dataheading-bg-black.gif) center;
	color: #FFFFFF;
}
*/
.row0 .field, .row-odd td, .row-list td {
	background-color: #f0f0f0;
	border-top: 0px;
}

.row1 .field, .row-even td {
	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) td {
	background-color: #fff;
}

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

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

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

.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 {
	text-decoration:underline;
}

.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, .row-odd td, .row-even 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;
}

.row-last .pagingnav-wrapper {
	float: right;
}

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

.dataheading .pagingnav-wrapper a.pagingnav {
	font-weight: normal;
	/*color: #FFF;							*/
	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: #3c3c3b;*/
	height: 100%;
	margin: 0;
	padding: 0;
}

.svyWrapperOuter {
	/*width: 980px;*/
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	min-height: 100%;
	height: auto !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: -56px;
	position: relative;
}

.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: 20px;
	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;
}

.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: 400px;
}

.svyLogin td {
	padding: 2px 5px !important;
}

table.svyLogin td input.loginfield {
	width: 250px;
}
/* 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;
}

.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;
	width: 100%;
}

.svyEdit td {
	padding: 0 5px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background: #eeeeee;
	vertical-align:middle;
}

.svyEdit td.field td {
	padding: 0 5px;
	border: inherit;
}

.svyEdit th {
	text-align: left;
}

.svyEdit .label {
	background: white;
	vertical-align: top;

	padding: 5px;
}

.svyEdit input, .svyEdit textarea, .svyEdit select { /*font-size: 11px; font-family: verdana, geneva, helvetica, sans-serif; vertical-align: middle;*/
}
/*.svyEdit INPUT[type='text'], .svyEdit TEXTAREA{width:530px;}*/
.svyEdit .svyText {
	width: 250px;
}

.svyEdit .svyShortText {
	width: 30px;
}

.svyEdit .svyMediumText {
	width: 150px;
}

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

.svyEdit .svyWideText {
	box-sizing:border-box;
	width: 100%;
	margin-right: 10px;
}

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

.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: #ddd;
}

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

.svyEdit .footer, .svyEdit .header {
	padding: 10px;
}

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

.extra-footer-buttons {
	float: right;
	padding-top: 4px;
}
/*.svyEdit span.mceEditor {display:none;}   -- this just doesnt work */
.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 {
	line-height: 20px;
	border-top: solid 1px #cccccc !important;
	border-bottom: solid 1px #cccccc !important;
}

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

.svyEdit .mceEditor {
	width: 612px;
	display: block;
}
/* change MCE content width here depending on how wide the general content area of the site is */
/* for sub tables we don't want borders or extra padding */
.svyEdit TD TD {
	padding: 0px;
}

.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 {
	padding-right: 20px;
}

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

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

.svyEdit .section {
	/*border-top: 4px solid #929497;*/
	border-top: 2px solid #009cb4;
}

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

table.svySubform td {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}

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

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

table.svySubform td.colhead {
	display: block;
	font-weight: bold;
	background-color: #009cb4;
	color: #fff;
	padding: 4px 10px;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
}

table.svySubform td.colhead .svyMediumText,
table.svySubform td.colhead .svyMediumWideText {
	padding-right: 8px;
}

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

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

table.svySubformRow.totals.row-odd td, .svySubformRow.totals.row-even td {
	height: 5px;
	background-color: #DCDCDC;
}

.svyEdit table.svySubform .svyShortText {
	width: 2%;
	display: inline-block;
}

.svyEdit table.svySubform .svyMediumText {
	width: 15%;
	display: inline-block;
}

.svyEdit table.svySubform .svyMediumWideText {
	width: 25%;
	display: inline-block;
}

.svyEdit table.svySubform .svyWideText {
	width: 100%;
	max-width: 100%;
}

/*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;
	display: inline-block;
	/*padding-right: 40px;*/
	padding-top: 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;
}

div.svySubForm .addingRow {
	width: 200px;
}

.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;*/
	font-family: "lato",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: 36px;
}

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

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;
}

.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: 250px;
	max-width: 250px;
}

#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-left: 50px;
	padding-left: 18px;
	color: #0083b3;
}

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

a.colsort {
	/*color: Black;*/
	color: #fff;
	display:inline-block;
	width:100%;
}

.InfoMessage, .ErrorMessage, .WarningMessage {
	position: absolute;
	top: -200px; /* move off screen */
	width: 400px;
	left: 50%;
	margin-left: -200px;
	z-index: 200;
	transition: all 1s ease-in-out;
	opacity: 0;
}

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

.InfoMessage {
	color: #3a87ad;
	background-color: #d9edf7;
	padding: 8px 14px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid #bce8f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.ErrorMessage {
	color: #b94a48;
	background-color: #f2dede;
	padding: 8px 14px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid #eed3d7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.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 19px 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;
}

.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;
}

.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: 60px;
}

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

.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: 11px;
}

.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: 50%;
	-ms-min-width: 50%;
	-o-min-width: 50%;
	-webkit-min-width: 50%;
	min-width: 50%;
	-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 .savvyRadioList {
	float: right;
	padding-top: 4px;
}

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

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

/* styles from twitter bootstrap */



input[type=submit], input[type=button] {
	/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;*/
	font-family: "lato",sans-serif !important;
}
/* 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;
}

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

select, input, textarea {
	margin-left: 0;
	border: 1px solid #ccc;
}

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;
	vertical-align: middle;
	margin: 0;
}

input[type=checkbox] {
	width: 20px;
	height: 20px;
}
/* remove borders which appear on old IE */
input:focus, textarea:focus {
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0;
	outline: thin dotted \9;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

input[type="button"], input[type="reset"], input[type="submit"] {
	width: auto;
	height: auto;
}

.btn, input[type=submit], input[type=button] {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 4px 10px 4px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	background-color: #fdfdfd;
	border: 1px solid #e6e6e6;
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
	cursor: pointer;
	*margin-left: .3em;
}

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

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

.btn:active, .btn.active {
	background-color: #cccccc;
}

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

.btn:hover, input[type=submit]:hover, input[type=button]:hover {
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
}

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

.btn.active, .btn:active, input[type=submit]:active, input[type=button]:active {
	background-image: none;
	background-color: #d9d9d9;
	outline: 0;
}

input[type=submit].svySaveButton:hover, input[type=button].svySaveButton:hover, input.svySaveButton, input.svySaveButton:hover, .btn-primary, input[type=submit].btn-primary, input[type=button].btn-primary, .btn-primary:hover {
	color: #ffffff;
}

input.svySaveButton.active, .btn-primary.active {
	color: #ffffff;
	color: rgba(255, 255, 255, 0.75);
}

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

input.svySaveButton, .btn-primary, input[type=submit].btn-primary, input[type=button].btn-primary {
	/*background-color: #0074cc;*/
	background-color: #009cb4;
	border: 1px solid #009cb4;
	/*border-color: #0055cc;*/
}

input[type=submit].svySaveButton:hover, input[type=button].svySaveButton:hover, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	/*background-color: #0055cc;*/
	background-color: #00798b;
	border: 1px solid #00798b;
}

input.svySaveButton:active, .btn-primary:active, .btn-primary.active {
	/*background-color: #004099;*/
	background-color: #00798b;
	border: 1px solid #00798b;
}
/*Danger Btn*/
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;
}
/*
input[type=submit],input[type=button]{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;}
.btn,input[type=submit],input[type=button] {cursor:pointer;display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);padding:5px 14px 6px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333;font-size:13px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;}
.btn:hover,input[type=submit]:hover,input[type=button]:hover{background-position:0 -15px;color:#333;text-decoration:none;}
.btn:focus,input[type=submit]:focus,input[type=button]:focus{outline:1px dotted #666;}
.btn.primary,input.svySaveButton {color:#ffffff;background-color:#0064cd;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));background-image:-moz-linear-gradient(top, #049cdb, #0064cd);background-image:-ms-linear-gradient(top, #049cdb, #0064cd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));background-image:-webkit-linear-gradient(top, #049cdb, #0064cd);background-image:-o-linear-gradient(top, #049cdb, #0064cd);background-image:linear-gradient(top, #049cdb, #0064cd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#0064cd #0064cd #003f81;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn.primary:hover,input.svySaveButton:hover {color:#ffffff;}
.btn.active,.btn:active,input[type=submit]:active,input[type=button]:active{-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);}
.btn.disabled{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btn[disabled]{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
:root .alert-message,:root .btn{border-radius:0 \0;}
button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;border:0;}
*/

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

#Search.svyWideText {
	-webkit-appearance: none;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 0px 1px 2px 0px inset, rgba(255, 255, 255, 0.148438) 0px 1px 0px 0px;
	-webkit-rtl-ordering: logical;
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 0s;
	-webkit-transition-property: none;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-webkit-user-select: text;
	/*background-color: #626262;
	border-bottom-color: #151515;
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #151515;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #151515;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #151515;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	border-top-style: solid;
	border-top-width: 1px;
	box-shadow: rgba(0, 0, 0, 0.0976563) 0px 1px 2px 0px inset, rgba(255, 255, 255, 0.148438) 0px 1px 0px 0px;
	color: white;*/
	cursor: auto;
	display: inline-block;
	float: none;
	/*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	font-size: 13px;
	font-weight: normal;
	height: 18px;
	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: 4px;
	text-align: -webkit-auto;
	text-indent: 0px;
	text-shadow: none;
	text-transform: none;
	vertical-align: middle;
	width: 74%;
	word-spacing: 0px;
}

/* Cannot fit all the placeholder text within the field. Have needed to shrink down the size in order to do so. */

#Search.svyWideText::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 11px;
}

#Search.svyWideText::-moz-placeholder { /* Firefox 19+ */
	font-size: 11px;
}

#Search.svyWideText:-ms-input-placeholder { /* IE 10+ */
	font-size: 11px;
}

#Search.svyWideText:-moz-placeholder { /* Firefox 18- */
	font-size: 11px;
}

.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);
}

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


.alert {
	padding: 8px 35px 8px 14px;
	/*margin-bottom: 15px;*/
	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-info,
.alert-danger,
.alert-error {
	position: absolute;
	width: 100%;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top: 5px;
	z-index: 500;
}

.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: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("images/glyphicons-halflings.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
}

[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;
}

.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-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;
	/*background-color: #eee;*/
	background-color: #fff;
	/*height: 30px;*/
	height: 50px;
	/*line-height: 30px;*/
	line-height: 50px;
	color: #9b9b9b;
	/*border: solid 1px #cacaca;*/
	overflow: hidden;
	margin: 0px;
	padding: 0px 20px;
	position: fixed;
	width: 100%;
	z-index: 1000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #009cb4;
}

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

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

#breadcrumb li.launch-site {
	float: right;
}

#breadcrumb li.launch-site a {
	background-image: none;
}

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

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

/* end breadcrumb */

/* adjustments for different sized screens */


@media screen and (max-width: 540px) {

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

	.svyEdit .label {
		width: 150px;
	}

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

@media screen and (min-width: 540px) and (max-width: 650px) {

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

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

@media screen and (min-width: 650px) and (max-width: 750px) {

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

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

@media screen and (min-width: 750px) and (max-width: 850px) { /* ipad */

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

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

@media screen and (min-width: 850px) and (max-width: 1020px) {

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

@media screen and (min-width: 1020px) and (max-width: 1120px) { /* 1024 */

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

@media screen and (min-width: 1120px) and (max-width: 1220px) { /* 1200 */

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

@media screen and (min-width: 1220px) and (max-width: 1320px) { /* 1300 */

	.svyWrapper .field .svyEdit {
		width: inherit;
	}
}
@media screen and (max-width: 1560px) {
	.svyWrapper {
		padding: 5px;
	}
}

@media screen and (min-width: 1520px) and (max-width: 1560px) { /* 1400 */


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


@media screen and (min-width: 1560px) { /* 1500 plus */
	.svyWrapper, .svyWrapper .databox, .svyWrapper .svyEdit {
		width: 1520px;
		margin: 0 auto;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

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

	/*.svyWrapperOuter {
		width: 1560px;
	}*/
}

/* 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: #0083b3;
	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;
}

.svyPasteLink {
	color: #0083b3 !important;
	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: #0083b3;
}

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 {
	xbackground-image: url(images/fancypastebg.png);
	background-repeat: no-repeat;
	color: white;
	text-align: center;
	font-size: 12px;
}

div.svyPicContainer .svyFancyBackgroundActive {
	xbackground-image: url(images/fancypastebgActive1.png);
	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;*/
	max-width: 400px;
	margin-top: 5px;
	display: inline-block;
	position: relative;
}

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: #0083b3;
	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: 10px !important;
	padding: 3px !important;
	margin-bottom: 5px !important;
	margin-top: 2px !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: 80px;
	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: 50px;
	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: #0083b3;
	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: #ccc;
	padding: 5px;
	margin: 2px;
	max-width: 496px;
}

.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, .svyAttachDownload {
	color: #0083b3 !important;
}

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

.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%;
}

.deployMessage {
	position: absolute;
	right: 15px;
	top: 5px;
	color: red;
	font-weight: bold;
}
/* ----------------------------------- Custom App Specific -------------------------------------------------------------------- */


/* seagars ----------------------------------------------------------------------------------------------- */

.svyEdit td.replacement-footer {
	padding: 10px;
	background: #ddd;
}

.svyForm {
	-moz-min-width: 530px;
	-ms-min-width: 530px;
	-o-min-width: 530px;
	-webkit-min-width: 530px;
	min-width: 530px;
}

.svyEdit td.top-aligned-text {
	vertical-align: top;
	padding-top: 5px;
}

.top-aligned-text {
	vertical-align: top;
}

.middle-aligned-text {
	vertical-align: middle;
}

.white-text {
	color: #fff;
}

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

.right-text {
	text-align: right;
	padding-right: 10px;
}

.push-right {
	float: right;
}

.push-left {
	float: left;
}

.normalSearchWidth {
	max-width: 160px;
	width: 160px;
}

.clearfix {
	clear: both;
}

.banner-image {
	width: 100%;
	z-index: 0;
	height: auto;
	position: relative;
	line-height: 0;
	border-bottom: 40px solid #009cb4;
}

.banner-image.static-banner-image {
	display: none;
}

#admin_page_menu .banner-image.static-banner-image,
#admin_page_adminmenu .banner-image.static-banner-image,
#admin_page_salesadmin .banner-image.static-banner-image,
#admin_page_rentalpropertyadmin .banner-image.static-banner-image,
#admin_page_salesitemadmin .banner-image.static-banner-image,
#admin_page_rentalpropertyitemadmin .banner-image.static-banner-image,
#admin_page_areacodeadmin .banner-image.static-banner-image,
#admin_page_rentalareacodeadmin .banner-image.static-banner-image,
#admin_page_rentalanalysisadmin .banner-image.static-banner-image,
#admin_page_rentaltypeadmin .banner-image.static-banner-image,
#admin_page_salestypeadmin .banner-image.static-banner-image,
#admin_page_personadmin .banner-image.static-banner-image,
#admin_page_login .banner-image.static-banner-image,
#admin_page_apartmentbuildingadmin .banner-image.static-banner-image {
	display: block;
	height: 250px;
	background-size: cover;
}

.banner-image img {
	max-width: 100%;
	width: 100%;
}

/*#gradient-background {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+70&0.5+0,0+70 * /
	background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%); /* FF3.6-15 * /
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 70%); /* Chrome10-25,Safari5.1-6 * /
	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ * /
	-webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
	-moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
	-o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 * /
}*/

.page-header {
	position: absolute;
	width: 100%;
	top: 90px;
	text-align: center;
	font-size: 60px;
	font-weight: bold;
	color: #fff;
	-ms-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.85);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.85);
}

.dashboard-title {
	-ms-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.85);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.85);
	font-size: 70px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 70px;
}

.dashBoard {
	position: absolute;
	z-index: 10;
	text-align: center;
	display: table;
	width: 100%;
}

.svyDashboardTile {
	vertical-align: middle !important;
	line-height: 20px;
	border-top: none !important;
	border-right: none !important;
	height: 100px;
	width: 120px;
	display: inline-block;
	margin: 0 2%;
	padding-top: 50px;
	-ms-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.85);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.85);
	float: none;
}

.svyBigNumberDescription,
.svyBigNumberTitle {
	color: #fff;
}

.svyBarGraphLabel {
	color: #000;
	-ms-text-shadow: none;
	text-shadow: none;
}

.svyBarGraphOuter {
	width: 100%;
	background: #fff;
	float: left;
	margin-right: 10px;
	height: 18px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	padding-right: 3px;
	-ms-text-shadow: #000;
	text-shadow: #000;
	-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.75);
	-ms-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.75);
}

.header-section {
	background: #009cb4;
	padding: 5px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
}

.add-to-print-list {
	margin-left: 20px;
	font-size: 14px;
	vertical-align: middle;
	font-weight: bold;
}

.sold-for,
.for-sale {
	position: absolute;
	top: 40px;
	right: 20px;
	padding: 8px 50px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.sold-for {
	background: #ff0000;
}

.for-sale {
	background: #009d0d;
}

.for-sale-small {
	padding: 4px 10px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #00B240;
}

.sold-for-small {
	color: #FF2319;
	text-align: center;
	font-weight: bold;
	padding: 4px 10px;
}

.label .sold-for-small {
	padding: 0;
	text-align: left;
}

.select2-container .select2-choice {
	height: 23px;
}

.ok-button {
	margin-top:10px;
	transition:all 0.5s;
	border:rgba(255,255,255, 0.3) solid 1px!important;
}
.ok-button:hover {
	background-color: #009cb4 !important;
	box-shadow: 0 0 3px rgba(0,0,0,0.7);
	border: rgba(255,255,255, 0.6) solid 1px!important;
}

.ok-button,
.edit-button,
.edit-button a,
.next-btn,
.prev-btn,
.UploadPhoto,
input[type=button].custom-button,
.custom-button {
	width: 100px;
	background-color: #009cb4;
	border: 1px solid #009cb4;
	border: none;
	letter-spacing:0.25px;
	-ms-border-radius: 0;
	border-radius: 0;
	color: #fff !important;
	font-size: 16px;
}  

input[type=button].custom-button,
.custom-button {
	font-size: inherit;
}

#ClearPrintList {
	width: auto;
	margin-left: 20px;
}

.up-down-button {
	width: 20px;
	padding: 0;
	float: right;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 20px;
	cursor: pointer;
}

.svyEdit td.accordian-field {
	padding-top: 5px;
	vertical-align: top;
}

.view-photos {
	display: flex;
	align-items: center;
	float: left;
	height: 100%;
	padding: 5px 0;
	clear: both;
}

#map_canvas {
	height: 300px;
	width: 450px;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

/*#ExpandCollapse {
	position: absolute;
	top: 5px;
}*/

/*.admin-menu-upload.UploadPhoto {
	position: absolute;
	top: -30px;
	left: 5px;
	z-index: 5;
	font-size: 11px;
}*/

#UploadPhotos {
	margin: 20px 0;
}

#RentalUploadPhoto,
#SaleUploadPhoto, #ApartmentUploadPhoto {
	display: inline-block;
}

.admin-menu-upload {
	float: left;
	margin: 5px;
}

.UploadPhoto {
	top: 3px;
	width: auto;
	font-size: 14px;
}

.photo-icon {
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 9px;
	background: url(images/photo-icon.png) center center no-repeat;
	margin-right: 5px;
	margin-top: -2px;
}

#photoResultMessage {
	width: 200px;
	margin: 10px auto;
	text-align: center;
	font-weight: bold;
	color: #000;
	font-size: 20px;
}

#photo-preview {
	max-width: 100%;
	max-height: 500px;
}

.loading {
	width: 70px;
	height: 70px;
	background: url(images/loading.gif) 0 0 no-repeat;
	-ms-background-size: contain;
	background-size: contain;
	text-align: center;
	margin: 10px auto;
}

.successful-upload {
	background: url(images/tick.png) 0 0 no-repeat;
	-ms-background-size: contain;
	background-size: contain;
}

.next-btn,
.prev-btn {
	width: 50px;
}

.navigational-buttons {
	float: right;
	display: flex;
	align-items: center;
}

.filtered-reports-count {
	float: right;
	margin: 0 10px;
}

.edit-button:hover,
.edit-button a:hover,
.next-btn:hover,
.prev-btn:hover,
.UploadPhoto:hover,
.custom-button:hover,
input[type=button].custom-button:hover {
	background-color: #00798b;
	color: #fff;
	text-decoration: none;
}

.back-button,
.back-button a {
	color: #333333 !important;
}

.back-button a:hover {
	color: #333333;
	text-decoration: none;
}

.tiny-preview {
	width: auto;
	height: auto;
	max-height: 160px;
	max-width: 160px;
}

.small-preview {
	width: auto;
	height: auto;
	max-height: 250px;
	max-width: 250px;
	vertical-align:middle;
	margin-left:10px;
}

.corner {
	display: block;
	width: 55px;
	height: 49px;
	position: absolute;
	top: 0;
	right: 0;
	background: url('images/corner.png') center center no-repeat;
	z-index: 10;
}

.delete-image {
	position: absolute;
	display: block;
	top: 10px;
	right: 10px;
	width: 25px;
	height: 19px;
	background: url('images/close-button-light-sprite.png') 0 0 no-repeat;
	cursor: pointer;
}

.delete-image:hover {
	background: url('images/close-button-light-sprite.png') 0 -19px no-repeat;
}

/* Filtering System */

.extra-search {
	clear: both;
	width: 62%;
	margin-top: 20px;
	float: left;
	position: relative;
	padding-bottom: 50px;
}

.extra-search .datetimewrap input[type=text] {
	margin-right: 5px;
}

#sales-form,
#report-form {
	width: 35%;
	margin-top: 20px;
	float: right;
}

.extra-search h3.header,
#sales-form h3.header,
#report-form h3.header {
	width: 100%;
	/*border-bottom: 1px solid #999;*/
	margin-bottom: 10px;
}

#type-of-property {
	width: 105px;
	margin-left: 10px;
	margin-bottom: 0;
}

#outgoings {
	margin-left: 10px;
}

/*.filter-sale-date span:not(.datetimewrap):not(.dateerror),
.filter-types span,
.filter-price-range span,
#searchFieldWrapper .findLabel,
.filter-land-area-range span,
.filter-building-area-range span,
.filter-contract-rent span,
.filter-years-on-lease span,
.filter-yield span,
.filter-vendor span,
.filter-total-area span,
.filter-status span,
.filter-land-price-range span,
.filter-building-price-range span,
.filter-tenant span,
.filter-outgoings span {
	display: inline-block;
	width: 187px;
	margin-bottom: 10px;
}*/

span.left-label {
	display: inline-block;
	width: 187px;
	margin-bottom: 10px;
}

.short-filter-field {
	width: 138px;
}

.nudge-left {
	margin-left: 9px;
}

span.wider,
.break-line span.wider {
	width: 189px;
}

.break-line .to-range {
	width: auto !important;
	margin-left: 18px !important;
	margin-right: 5px !important;
	margin-bottom: 0 !important;
}

.sqm,
.break-line .sqm,
.percentage,
.break-line .percentage {
	font-size: 16px;
	width: auto !important;
	margin-bottom: 0 !important;
}

.break-line span#years-on-lease-to {
	width: auto;
	margin-left: 10px;
	margin-bottom: 0;
}

.filter-tenant,
.filter-outgoings {
	display: inline-block;
	float: left;
}

.filter-outgoings .wider {
	width: auto;
}

.filter-sale-date .right-field {
	width: 200px !important;
}
.filter-types {
	margin-left:10px;
}
.filter-types .svyCheckboxes {
	display: inline-block;
	max-width: 650px;
	margin-bottom: 10px;
	/*margin-left: 10px;*/
}

.filter-types select {
	min-width:150px;
}

.filter-types .checkboxes {
	display: inline-block;
	min-width: 65px;
	margin-right:5px;
	white-space:nowrap;
	margin-bottom:5px;
}

.filter-types .checkboxes input[type=checkbox] {
	margin-right:3px;
}

.filter-types .expandable-filter-fields {
	border: none;
	margin: 0;
	padding: 0;
}

.filter-types.number-range input.number {
	width: 50px;
}

#type .svyCheckboxes {
	margin-left: 187px;
}

#searchFieldWrapper {
	margin-bottom: 5px;
}

#searchFieldWrapper .findLabel {
	/*width: 198px;*/
	width: 188px;
}

.svyExport {

}
#submitSearch,
#clearFilter {
	position: absolute;
	bottom: 10px;
	right: 105px;
}

.GenerateReport {
	width: 114px;
}

.svyExport, #submitSearch,
#clearFilter,
.CreateNewButton,
.GenerateReport,
.GenerateFinalReport,
.GenerateDraftReport {
	background-color: #009cb4 !important;
	border-color: #009cb4 !important;
	color: #fff !important;
	border-radius: 0 !important;
	border: none !important;
}

#submitSearch:hover,
#clearFilter:hover,
.CreateNewButton:hover,
.GenerateReport:hover,
.GenerateFinalReport:hover,
.GenerateDraftReport:hover {
	background-color: #00798b !important;
	color: #fff;
}

#clearFilter {
	right: 10px;
}

.expandable-filter {
	width: 100%;
	display: block;
	margin-top: 20px;
	cursor: pointer;
	color: #009cb4;
	border-bottom: 1px solid #009cb4;
	/*background: url(images/sort_up_white.png) center right no-repeat;*/
}

.expandable-filter:hover {
	color: #005a68;
}

.expandable-filter-arrow {
	float: right;
}

/*.expandable-filter.expanded {
	color: #fff;
	background: url(images/sort_down_white.png) center right no-repeat;
}*/

.expandable-filter-fields {
	display: none;
	width: 100%;
	/*border-top: 1px solid #009cb4;*/
	margin-top: 10px;
	padding-top: 10px;
}

.extra-search span.right-field {
	display: initial;
	margin-left: 7px;
}

.break-line,
.break-line-long {
	width: initial !important;
	margin-left: 0 !important;
	margin-bottom: 10px;
}

#LatestSaleDate,
#LatestFromDate {
	margin-left: 20px;
}

#form {

}

.databox #form {
	text-align: right;
	border: none;
}

.databox .extra-search #form {
	text-align: left;
}

.show-unassigned-photos {
	margin-right: 20px;
	margin-top: 4px;
	float: left;
}

#df_SubformRow__SalesItem__newindex,
#df_SubformRow__RentalPropertyItem__newindex {
	display: none;
}

.expand-icon {
	cursor: pointer;
}

.accordian {
	display: none;
	overflow: hidden;
	-moz-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.text-accordian {
	display: block;
	padding-right: 20px;
}

tr[data-href] {
	cursor: pointer;
}

tr.row-list td:first-child {
	border-left: 1px solid #f0f0f0;
}

tr.row-list td:last-child {
	border-right: 1px solid #f0f0f0;
}

.main-footer {
	padding: 20px 0;
	border-top: 1px solid #009cb4;
	text-align: center;
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.push {
	clear: both;
}

.main-footer, .push {
	height: 56px;
	max-height: 56px;
}


/* Reports -------------------------------------------------------------- */

.float-left {
	float: left;
	width: 50%;
}

.float-right {
	float: right;
	width: 50%;
}

.type-of-report {
	display: flex;
	width: 100%;
	float: left;
	padding: 10px 0;
	vertical-align: middle;
}

.report-buttons {
	display: block;
	width: 100%;
	text-align: right;
	margin: 5px 0 10px;
}

.report-buttons .btn {
	margin: 0 7px;
}

/* Reports -------------------------------------------------------------- */


@media screen and (max-width: 1420px) {
	.break-line-long {
		display: block !important;
	}

	.break-line-long span {
		width: 187px !important;
		margin: 0 !important;
	}

	#Search.svyWideText {
		width: 90%;
	}

	.filter-outgoings {
		margin-left: 0 !important;
	}

	#outgoings {
		margin-left: 0;
	}

	.show-unassigned-photos {
		padding-top: 4px;
	}

	tr.colheadfilters td, td.colheadfilters {
		padding: 20px 10px;
	}
}

@media screen and (max-width: 1020px) {
	.break-line {
		display: block !important;
	}

	.break-line span {
		width: 187px !important;
		margin: 0 !important;
	}

	#Search.svyWideText {
		width: 90%;
	}

	.break-line .to-range {
		margin-left: 17px !important;
	}

	#Status {
		margin-left: 17px;
	}

	#Tenant,
	#Purchaser,
	#Vendor {
		width: 332px !important;
	}

	#AreaCode,
	#Type,
	#TypeOfProperty,
	#Outgoings,
	#RateAnalysed {
		margin-left: 16px;
	}

	#LandAreaMin,
	#BuildingAreaMin,
	#YearsOnLeaseMin,
	#YieldMin {
		margin-left: 9px;
	}

	.filter-yield .break-line .to-range {
		margin-left: 11px !important;
	}

	.break-line span#years-on-lease-to {
		width: auto !important;
		margin: 0 9px !important;
	}

	/*.UploadPhoto {
		margin-bottom: 10px;
	}*/
}

@media screen and (max-width: 720px) {
	.svyEdit td {
		padding: 10px;
	}

	.flabel {
		padding-bottom: 5px;
		font-weight: bold;
	}

	.svyForm {
		float: left !important;
		width: 100%;
		margin-top: 20px;
	}
}

@media screen and (max-width: 550px) {
	.svyWrapper,
	.svyWrapper .svyEdit {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 10px;
	}

	#breadcrumb {
		padding: 0 5px;
	}

	tr.colheadfilters td, td.colheadfilters {
		text-align: left;
		padding: 10px 10px;
	}

	.databox tr.colheadfilters #form {
		text-align: left;
	}

	#admin_page_adminmenu .svyWrapper,
	#admin_page_adminmenu .svyWrapper .databox,
	#admin_page_adminmenu .svyWrapper .svyEdit {
		text-align: center;
	}

	.svyEdit .label {
		width: 100%;
	}

	#admin_page_adminmenu .svyEdit td:not(.label) {
		display: none;
	}

	.svyWrapper {
		padding: 0;
	}

	.svyWrapperOuter {
		width: 100%;
	}

	.databox .row-last {
		display: none;
	}

	.dashboard-title,
	.page-header {
		font-size: 50px;
		top: 50px;
		padding: 0 20px;
		max-width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#searchFieldWrapper {
		float: left;
	}

	.responsive-table-scroll {
		margin-bottom: 10px;
	}

	.show-unassigned-photos {
		padding: 0 0 5px 0;
		float: none;
	}

	.select2-container.svyWideText {
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0;
	}

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

	form.loginform {
		margin: 0;
		width: 100%;
	}

	TABLE.svyLogin,
	form.forgotpasswordform {
		width: 100%;
		padding: 0 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.svyLogin td.right {
		text-align: left;
	}

	.loginform {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	table.svyLogin td input.loginfield {
		width: 100%;
	}
}

@media screen and (max-width: 330px) {
	[class^="icon-"]:last-child, [class*=" icon-"]:last-child {
		margin-top: 10px;
	}
}

/* ------------------------------------------------------------------------------------------------------- */

/* Overlay Popup */

.overlay-popup {
	position: fixed;
	z-index: 500;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(23, 22, 22, 0.75);
	display: none;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.overlay-popup .popup-close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 25px;
	height: 19px;
	background: url('images/close-button-sprite.png') 0 0 no-repeat;
	cursor: pointer;
}

.overlay-popup .popup-close:hover {
	background: url('images/close-button-sprite.png') 0 -19px no-repeat;
}

.content-popup {
	color: #000;
	position: relative;
	padding: 100px 20px 50px 20px;
	max-width: 770px;
	max-height: 80%;
	min-height: 770px;
	margin: 0 auto;
	margin-top: 100px;
	background-color: rgba(255, 255, 255, 0.85);
	overflow-y: auto;
	font-size: 16px;
	line-height: 120%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media only screen and (max-width: 600px) {
	.content-popup {
		margin-top:50px!important;
		height: 100%;
		max-height: 100%;
	}
}

/* /Overlay Popup */