body {/*jQuery UI draggable fix*/
	position: relative;
	overflow-y: auto;
}
.cmsZone {
	display:block;
}
.editmode .cmsZone {
	border:2px transparent dotted;
}
.editmode .cmsZone:hover {
	border-color: #ccc;
}
.cmsZone:hover .cmsZoneToolbar {
    opacity: 1;
}
.cmsZone:hover .cmsZoneToolbar {
	display:block;
}
.cmsZoneToolbar {
	position:absolute;
	float:right;
	overflow:hidden;
	background-color: #c0c0c0;
	opacity:0.9;
	z-index: 1002;
	padding: 0 3px 2px;
	display:none;
	font-size:16px;
}
.cmsZoneToolbar:hover {
	opacity: 1;
}
.cmsZoneToolbar .fa, .cmsZoneToolbar .ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2px;
	cursor: pointer;
	color: #111;
}
.cmsZoneToolbar .ui-icon {
	position: relative;
	top: -1px;
}
.cmsZoneToolbar .cmsZoneHistory {/*only show IF it's a text zone.*/
	display: none;
}
.cmsZone.textZone .cmsZoneToolbar .cmsZoneHistory {
	display: inline-block;
}
.cmsZoneHelper {
    background: #444;
    color: #fff;
    padding: 15px;
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
    text-align: center;
    height: auto !important;
    width: 280px !important;
}

/*
.cmsZoneToolbar div {
	float:left;
	color:white;
	list-style-type:none;
	margin:0px 3px;
	padding:0px;
	cursor:pointer;
	font-family:Verdana,Arial,Helvetica;
	font-size:10px;
	font-weight:bold;
}*/
.cmsZoneToolbar .cmsZoneEdit {
	margin-top: -1px;
}
.cmsZoneToolbar div.cmsZoneDrag {
	cursor:move;
}
.cmsRegion {
	display:block;
	/*border:1px #ffffcc solid;*/
	margin:0;
	padding:0;
	overflow:visible;
}
.loggedin .cmsRegion {
	min-height: 20px;
}
/*this is like a .active class. The .editing class is added when you are adding a zone to that region.*/
.cmsRegion.editing {
	border: 5px dotted #ddd;
}



/*inline editing - make it obvious what you're editing*/
.cke_focus {
    border: 2px solid rgb(40, 118, 168);
    padding: 3px;
}
.cmsZone .cke_show_border {
	/*	fixes float issue with multiple zones on a page*/
	float: none;
}



#addZoneForm {
	width:60%;
}


.addZoneImg {
	max-width: 64px;
}

.dialogInformation {
	float:right;
	border:1px lightblue solid;
	padding:10px;
	width:35%;
	display:none;
}
.dialogInformation h3 {
	margin:0px 0px 8px 0px;
}
a.cmsAddToRegion {
	color: #fff !important;
}
.zoneChoices h1 {
	color:#097CB0;
	text-transform: uppercase;
	font-size: 16px;
	margin-top:20px;
}
.zoneChoices h3 {
	margin-top:0px;
}
.zoneChoices td {border: none;padding: 10px 10px 20px 0px;border-bottom:1px #c0c0c0 solid;vertical-align: top;}
.zoneChoices td img {height:50px;}
a.cmsAddToRegion:hover {
	color:#ffffcc;
}
.cmsAddToRegionBox {
	clear:both;
	display:block;
	z-index: 1000;
	position: relative;
	margin-top:5px;
}
#loginTemplate #loginForm {
	font-family:Verdana;
	font-size:12px;
}
#loginTemplate, #loginTemplate p, #loginTemplate td ,#loginTemplate div {
	font-family: Verdana,Arial,Helvetica;
	font-size:11px;
}
span.ui-button-text {color:white;}
.ui-widget * {font-size:12px;line-height: 13px;}
.strap {display:none;}
.returnButton {padding:3px;margin:3px;}
.ui-datepicker-inline {display:block !important;}

.loading-indicator-bars {
	height: 80px;
	width: 80px;
	background: url( '/tsparkCMS/images/loading.gif' ) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.loading-indicator-overlay {
	background-color: #FFFFFF;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

/* Menu manager */
/*.menuNavVerticalManage li a {color:white;background-color:teal;} */
.menuNavVerticalManage { margin-top: 15px; }
.menuNavVerticalManage ul {list-style-type:none; margin-left: 0; }
.menuNavVerticalManage li {margin-bottom:4px;}
.menuNavVerticalManage li .handle {cursor:move;}
.menuNavHorizontalManage ul {list-style-type:none;}
.menuNavHorizontalManage li {margin-bottom:4px;}
.menuNavHorizontalManage li .handle {cursor:move;}

/* Javascript Disabled Styling */
#javascriptDisabled { background-color: #FFF999; border: solid 1px #333; margin: 10px 2.5%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 11px; font-weight: bold; width: 95%; }
#javascriptDisabled img { margin: 0 15px 10px 0; float: left; }
#javascriptDisabled p { color: #333; font-size: 11px; line-height: 16px; font-weight: bold; margin: 0; display: block; width: 95%; padding: 10px 2.5%; }
#javascriptDisabledFooter { clear: both; width: 100%; height: 0; line-height: 0; float: none; overflow: hidden; margin: 0; padding: 0; }

/*Video Popup Styles*/
a#close_video {display: block; float: none; width: 100%; clear: both; text-align: center;}
.videotitle {font-weight:bold;display:block;clear:both;margin-top:10px;}

/* Font Resizer */
div.fontToolsSmall {font-size:12px}
div.fontToolsMedium {font-size:14px}
div.fontToolsLarge {font-size:18px;}
div.fontToolsSmall a
{
    text-decoration:none;
    color:black;
    font-weight: bold;
    background:#EFEFEF;
    padding:1px;
}
div.fontToolsMedium a
{
    text-decoration:none;
    color:black;
    font-weight: bold;
    background:#EFEFEF;
    padding:4px;
}
div.fontToolsLarge a
{
    text-decoration:none;
    color:black;
    font-weight: bold;
    background:#EFEFEF;
    padding:10px;
}

/* Built-in editor styles */
.lighterText {color:#999;}
.heavyText {color:#000;font-weight:bold;}
.redText {color:red;}

/*maximized styles*/
.cke_maximized {top: 40px !important;}



/*NEW form validation*/
.cmsError {
	margin: 0 0 .5em;
}




/*====== | Button Styles | =============*/

/*buttons*/
.graybutton, .graybutton, .blueButton, .greenbutton, .orangebutton, .redButton {
	background-image: none;
	border: 2px solid;
	border-radius: .3rem;
	border: 2px solid transparent;
	display: inline-block;
	padding: .7em 1.05em;
	margin-bottom: 0px;
	font: normal 19px/1.1em "franklin_gothic_fsdemi", sans-serif;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	-moz-user-select: none;
	text-decoration: none;
	-webkit-transition: .2s ease;
	-moz-transition: .2s ease;
	-ms-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
	width: auto;
	min-height: 0;
	height: auto;
	color: #fff !important;
	-webkit-appearance:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.blueButton:before, 
.greenbutton:before, 
.orangebutton:before, 
.redButton:before,
.graybutton:before,
.blueButton:after, 
.greenbutton:after, 
.orangebutton:after, 
.redButton:after, 
.graybutton:after  {
	display: none;
	content: none;
}

.graybutton:hover, 
.graybutton:hover, 
.blueButton:hover, 
.greenbutton:hover, 
.orangebutton:hover, 
.redButton:hover,
.graybutton:focus, 
.graybutton:focus, 
.blueButton:focus, 
.greenbutton:focus, 
.orangebutton:focus, 
.redButton:focus {
	color: #222 !important;
	text-decoration: none !important;
}
.graybutton {
    background-color: #454545; 
    border-color: #454545;
}
.graybutton:hover, .graybutton:focus {
	background-color: #fff;
}
.blueButton {
	background-color: #232A38;     
	border-color: #232A38;
}
.blueButton:hover, .blueButton:focus {
    background-color: #fff;
}

.greenbutton {
	background-color: #55A045;
	border-color: #55A045;
}
.greenbutton:hover, .greenbutton:focus {
	background-color: #fff;
}

.orangebutton {
	background-color: #f99d1e;
	border-color: #f99d1e;
}
.orangebutton:focus, .orangebutton:hover {
	background-color: #fff;
	color: #C96D11;
}

.redButton {
	background-color: #bb3939;
	border-color: #bb3939;
}
.redButton:focus, .redButton:hover {
	background-color: #fff;
}

.alert a:link {
	text-decoration: none;
	font-weight: bold;
	color: inherit;
}
.alert a:hover, .alert a:focus {
	text-decoration: underline;
}

/*BEGIN Character Counter Styles*/
.char-count {
	position: relative;
	padding-bottom: 20px;
}
.char-count .countertext {
	float: right;
	clear: none;
	display: block;
	padding: 5px 10px;
		
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 19px;
	color: #dad6d6;
	
}
.char-count .redcounter {
	color: #d72121;
}

/* Preview search listing styles */
#page-preview-div {
	border:1px #c0c0c0 solid;
	padding:3px;
}
.pagetitle_preview {
	font-size:18px;
	text-decoration: underline;
	color:#1a0dab;
}
.link_preview {
	font-size:14px;
	color: #006621;
}
.description_preview {
	font-size:small;
	color: #545454;
}


/*bootstrap mods*/
.btn-success, .btn-primary, .btn-danger, .btn-warning {/*site styles for the <a> tag keep overriding bootstrap.*/
	color: #fff !important;
}
.cke_dialog {/*     Show in front of bootbox dialogs   */
  z-index: 90000 !important;
}
.cke_dialog_background_cover {/*  show in front of bootbox, but behind .cke_dialog */
  z-index: 80000 !important;
}
.cke_combopanel {/* 	ckeditor style dropdown		*/
	z-index: 90001 !important;
}
body .modal {/*so that #cmsTopToolbar doesn't show over top of bs modals*/
	z-index: 70000;
}
body .modal-backdrop {
	z-index: 60000;
}
body .modal {/*in case 2 dialogs are opened and 1 is closed, it will remove the .modal-open class from the body, so we need to keep those styles here.*/
	overflow-x: hidden;
	overflow-y: auto;
}

.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn, 
.input-group-xs > .btn {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

/*tabs within zone modals*/
.bootbox .nav-tabs {
	margin-bottom: 15px;
	margin-left: 0;
}

.bootbox .nav-tabs a {
	color: #2FA4E7 !important;
	cursor: pointer;
}
.bootbox .nav-tabs .active a {
	color: #444 !important;
}

/*CMS4 add zone dialog - slides in from right*/
#siteWrap.active {
	overflow-x: auto;
	overflow-y: visible;
	width: auto;
	margin-right: 94px;
}

/*the dialog itself*/
#addZoneDialog {
	background: #333;
	position: fixed;
	z-index: 99999;
	width: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 80px 0;
	-webkit-transition: .2s ease;
	-moz-transition: .2s ease;
	-ms-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
}

#addZoneDialog.show.full {
	width: 240px;
}
#addZoneDialog.show {
	width: 30px;
	box-shadow: -3px 0 3px rgba(0, 0, 0, 0.4);
}

/*the show/hide toggle buttons*/
#addZoneDialog .btn-toggle {
	background: none repeat scroll 0% 0% #333;
	position: absolute;
	left: -30px;
	top: 50px;
	width: 60px;
	height: 30px;
	color: #fff;
	display: none;
	max-width: none !important;
}
#addZoneDialog.show.full .btn-toggle {
	width: 240px;
	left: 0;
}
.btn-toggle .opend, .btn-toggle .closed {
	padding: 5px 9px;
	cursor: pointer;
}
.btn-toggle .opend {
	float: left;
}
#addZoneDialog.show .btn-toggle {
	display: block;
}
.btn-toggle .closed {
	float: right;
}


/*the zone dialog content wrapper*/
#addZoneContent {
	overflow-y: auto;
	height: 91vh;
	-webkit-overflow-scrolling: touch;
}
#addZoneContent .separator {
	height: 43px;
	width: 100%;
}

/*each zone*/
.zoneType {
	padding: 5px 3px;
	border-top: 1px solid #111;
	border-block-end: 1px solid #444;
	width: 100%;
	color: #999;
	position: relative;
	box-sizing: border-box;
	text-align: left;
	cursor: pointer;
	overflow: visible;
}
.zoneType.nested {
	padding-left: 25px;
}
.zoneType h4 {
	margin: 0;
	/*position: absolute;
	top: 9px;
	left: 30px;*/
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	font-size: 13px;
	color: inherit;
}
.zoneType.nested h4 {
	left: 45px;
}
#addZoneContent .zones .zoneType:hover, #addZoneContent .zones .zoneType:focus {
	background-color: #222;
}
.zoneType .glyphicon, .zoneType a, .zoneType a:link, .zoneType a:active, .zoneType a:visited,.zoneType a:hover {
	color: inherit;
}
.zoneType .icon {
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	opacity: .5;
	text-align: center;
	font-size: 14px;
	color: #333;
}
.zoneType .icon .fa, 
.zoneType .icon .glyphicon {
    font-size: 25px;
}
.zoneType:hover .icon, .zoneType:hover h4 {
	opacity: 1;
}
/*.zoneType .nested {
	padding: 0 1em 0 0;
	float: left;
}*/
#dragClone .zoneType {
	background: #ccc;
	z-index: 1500;
	width: 65px;
	overflow: hidden;
}
.zones.disabled {
	opacity: .4;
}



/* Styles for front end*/
.imgcrop {
	overflow: hidden !important;
}
.imgcrop img[class*="100"] {
	max-width: none !important;
	width: auto;
	height: auto;
	display: block;
}
.imgcrop img.width100 {
	width: 100% !important;
}
.imgcrop img.height100 {
	height: 100% !important;
}

/* CMS search zone styles	*/
.cmsSearch .searchForm { text-align: center; }
.cmsSearch .searchstatusline { font-style: italic; padding: .5em; }
#searchresults .searchresult { border-bottom: 1px dashed; padding: .5em; margin: 10px 0; }
#searchresults .searchresulttitle { color: inherit; font-size:110%; }
#searchresults .searchresultcontext { font-size:90%; }
#searchresults .searchresultsubtext { font-size:80%;font-style: italic; }
.cmsSearch .searchresultnav { margin: 1em 0; }
/*Drag and drop styles
.cmsRegion.droppable {
	position: relative;
}
.cmsRegion.droppable:before {
	background: #ccc;
	background: repeating-linear-gradient(45deg, transparent, transparent 15px, #FFF 15px, #FFF 30px) #ccc;
	opacity: .3;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1005;
	width: auto;
	height: auto;
	left: 0;
	content: "";
	content: "";
	right: 0;
}
.cmsRegion.droppable.over:before {
	opacity: .99;
}
*/


@media screen and (min-width: 767px) {
	.modal.large .modal-dialog {
		width: 750px;
	}
}

button.zone-help {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.zone-help {
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    clear:both;
    overflow:visible;
}
.zone-help-div {
	text-align:right;
}


.cke_button_label.cke_button__savezone_label {display: inline; color: white; }
.cke_reset_all a.cke_button__savezone {background-color: #178acc; color: white;}