body
{
    margin: 0;
    padding: 0 0 0 0;
    color: black;
	letter-spacing: 1px;
}

body, input, textarea, select
{
    font-size: 12px;
    /*font-family: Roboto, Verdana, Arial, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;*/
    /*font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;*/
    font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 1px;
	line-height: 18px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea, select
{
    border: 1px solid #CCC;
	/*border-radius: 4px;*/
    border-radius: 0px;
	padding: 7px 4px 7px 8px;
}

input[type="text"], input[type="url"], input[type="email"], input[type="password"], select
{
	line-height: 12px;
}

#VideoSource .dd-select {
    min-height: 36px;
}

#VideoSource .dd-option {
    min-height: 30px;
}

.dd-select {
    border-radius: 0px;
}

.dd-select .dd-pointer-down {
    border-top-color: #ccc;
}

.dd-select .dd-pointer-up {
    border-bottom-color: #ccc !important;
}

.GGReactSelect__control {
    border-radius: 0px;
}

.GGReactSelect__control:hover, .GGReactSelect__control--is-focused:hover, .GGReactSelect__control--is-focused {
    border-color: #8dc63f;
}

.editor-buttons span.button2 > span:first-of-type, .DialogBody .button2 > span:first-of-type {
    display: none;
}

.editor-buttons span.button2, .DialogBody .button2 {
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 200px;
    background-color: #888;
    color: #fff;
    font-size: 14px;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 0px;
    box-shadow: none;
    text-shadow: none;
    font-family: inherit;
}

.editor-buttons span.button2.inactive, .DialogBody span.button2.inactive {
    border-right-width: 0px !important;
}

.editor-buttons span.button2:not(.inactive):hover, .DialogBody span.button2:not(.inactive):hover, .editor-buttons.Selection span.button2.inactive:not(.ForceInactive):hover {
    background-color: #8aad58;
}

.editor-buttons .helpIcon {
    margin-top: 17px;
}

.editor-buttons.editor-buttons-shift #ProcessingMessage {
    width: 200px;
    top: 262px;
}

.MenuTitle
{
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: 20px;
	font-weight: bold;
	color: #0A4E9B;
}

#Breadcrumbs {
	font-size: 20px;
    margin: 45px 10px 0px 10px;
    padding: 0;
	overflow: auto;
	clear: left;
	font-size: 12px;
}

#Breadcrumbs a.Last
{
	text-decoration: none;
}

#Breadcrumbs a:link, #Breadcrumbs a:visited {
    color: #333;
}

#Breadcrumbs a:hover {
    color: #8aad58;
    text-decoration: underline;
}

input:focus, select:focus, textarea:focus, .dd-container:focus {
    outline-color: #8aad58;
}

a:link
{
	color: #666;
}
a:visited
{
	color: #666;
}
a:hover
{
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{	
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

h1.title
{
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #000;
    border: none;
    line-height: 2em;
    font-size: 16px !important;
}

#main
{
    padding: 15px 0 30px 16px;
	background-color: #fff;
    float: left;
    position: relative;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: center;
  /*background-color: #e8eef4; */
  border: solid 1px #8aad58;
  background-color: #8aad58;
  color: white;
  text-transform: uppercase;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#PageHeader
{
	height: 80px;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
    padding-left: 15px;
    padding-top: 15px;
    margin-top: 20px;
    margin-left: 20px;
}

#MenuLogo
{
	width: 170px;
	height: 80px;
	display: inline-block;
	/*background-position: 15px 15px;*/
	background-repeat: no-repeat;
	background-image: url(Logo.svg);
	cursor: pointer;
    background-size: contain;
}

#MenuContainer
{
	display: inline-block;
	padding-top: 30px;
	padding-left: 10px;
	border: 0px solid red;
	position: absolute;
	left: 186px;
    margin-left: 20px;
    /* z-index: 1; */
}

#MenuContainer ul.GalleryUIMenu
{
    height: 40px;
}

.GalleryUIMenuTopLevel .GalleryUIMenu > li {
	float: left;
	/*padding: 5px 15px 5px 15px;*/
	border: 1px solid rgb(225, 225, 225);
	border-left-width: 0px;
	white-space: nowrap;
	height: 45px;
	line-height: 45px;
    font-size: 14px;
	color: white;
	background-color: #888;
    padding-left: 25px;
    padding-right: 25px;
}

.GalleryUIMenuTopLevel > .GalleryUIMenuContainer {
	/*-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;*/
  /*  z-index:1; */
}

.GalleryUIMenuTopLevel .GalleryUIMenu > li a {
	color: white;
}

.GalleryUIMenuTopLevel .GalleryUIMenu > li:first-child {
	border-left-width: 1px;
}

.GalleryUIMenuSubLevel {
	margin: 0px;
	padding: 0px;
	position: fixed;
}

.GalleryUIMenuSubLevel .GalleryUIMenu > li {
	padding: 10px 30px 10px 15px;
	border: 1px solid rgb(225, 225, 225);
	color: rgb(102, 102, 102);
	background-color: rgb(255, 255, 255);
	border-top-width: 0px;
	white-space: nowrap;
}

.GalleryUIMenuSubLevel .GalleryUIMenu > li:first-child {
	border-top-width: 1px;
}

.GalleryUIMenu a {
    text-decoration: none;
}

.GalleryUIMenu a[href=""] {
    cursor: default;
}

.GalleryUIMenu * {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.GalleryUIMenu .TypeMenuItem {
    cursor: default;
}

.GalleryUIMenu .Hidden {
    display: none !important;
}

.GalleryUIMenuSubLevel .GalleryUIMenu > li:hover, .GalleryUIMenu li.Hover, .GalleryUIMenu li.Hover span {
    color: #fff !important;
    background-color: #8DC63F;
    background-color: #8aad58;
}

.GalleryUIMenuTopLevel .GalleryUIMenu > li:hover, .GalleryUIMenuTopLevel .GalleryUIMenu > li.Hover {
    background-color: #8DC63F;
    color: #fff !important;
    background-color: #8aad58;
}

.GalleryUIMenuTopLevel .GalleryUIMenu > li:hover, .GalleryUIMenuTopLevel .GalleryUIMenu > li:hover a, .GalleryUIMenuTopLevel > li.Hover a {
	color: white;
}

.GalleryUIMenuContainer {
    overflow: hidden;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}


#logindisplay a
{
    text-decoration: underline;
}

#logindisplay a:link
{
    color: white;
}

#logindisplay a:visited
{
    color: white;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.editor-field .editor-error,
.editor-field .editor-warning,
.field-validation-error
{
    color: #ff0000;
	float: left;
	clear: left;
}

.editor-field .editor-warning
{
	color: black;
}

.editor-field .editor-error,
.editor-field .editor-warning,
.field-validation-valid
{
    display: none;
}

.editor-field.editor-field-error .editor-error,
.editor-field.editor-field-error .editor-warning
{
	display: block;
}

.editor-field.editor-field-error input[type="password"],
.editor-field.editor-field-error input[type="text"],
.editor-field.editor-field-error input[type="url"],
.editor-field.editor-field-error textarea,
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/

.editor-form .editor,
.editor-form .editor-header,
.editor-form .editor-body,
.editor-form .editor-label,
.editor-form .editor-field,
.editor-form .editor-field select,
.editor-form .editor-field textarea,
.editor-form .editor-field input[type="password"],
.editor-form .editor-field input[type="text"],
.editor-form .editor-field input[type="url"]
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
}

.editor-form
{
	margin-left: 255px;
	width : 500px;
	float: left;
    clear: left;
}

.editor-header
{
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	border: 2px solid #c6c6c6;
	border-top-right-radius: 10px;
    border-top-left-radius: 10px;
	color: #888;
}

.editor-header label
{
	margin-top: 4px;
}


.editor-body
{
	float: left;
	border: 1px dashed #808080;
	border-top-width: 0px;
	padding: 12px 12px 0px 12px;
}

.editor-form .editor-body .editor:hover, .editor-form .editor-body .editor:focus, .editor-form .editor-body .editor.Active,
.editor-form .editor-body .editor:hover + .HelpContainer, .editor-form .editor-body .editor:focus + .HelpContainer, .editor-form .editor-body .editor.Active + .HelpContainer {
    background-color: #fafbf8;
    -webkit-box-shadow: 0px 0px 0px 15px rgba(250,251,248,1);
    -moz-box-shadow: 0px 0px 0px 15px rgba(250,251,248,1);
    box-shadow: 0px 0px 0px 15px rgba(250,251,248,1);
}

.editor-form .editor-body .editor input, .editor-form .editor-body .editor textarea, .editor-form .editor-body .editor select {
    background-color: transparent;
}

.editor-form .editor-body .editor .ui-sortable input {
    background-color: #ffffff;
}

#PageEditor .editor-body, .editor-body.borderless {
    padding: 12px 0 0 0;
    border: 0;
}

.PhotoEditor .editor-body {
    padding: 12px 0 0 0;
    border: 0;
}

.editor-element.dragdrop .editor-body,
.editor-element:hover .editor-body,
.editor-element.Editing .editor-body
{
	border-style: solid;
}

.editor
{
	float: left;
	margin-bottom: 16px;
}

.display-label,
.editor-label
{
	padding: 0px 0px 4px 4px;
    font-size: 12px;
}

.editor .editor-field
{
	float: left;
}

.editor-field textarea
{
	height: 32px;
}


.Button.Selected,
.PhotoBox.Selected,
.editor-element.Editing .editor-header
{
	background-color: #808080;
    color:white;
}

.Button.Selected:hover,
.PhotoBox.Selected:hover,
.editor-element.dragdrop .editor-header,
.editor-element:hover .editor-header
{
	background-color: #808080;
    color:white;
}



.Button, .PhotoBox
{
	background-color: #fff;
	border: 1px solid #aaa;
	color: #666;
}

.Button:hover, .PhotoBox:hover
{
	background-color: #f8f8f8;
	border-color: #8dc63f;
	color: #333;
}

.Button.Selected, .PhotoBox.Selected
{
	border-color: #8DC63F;
}

#PhotoContainer .PhotoBox.Selected {
    background-color: #eaf0e1;
    color: #666;
}



.Button
{
	cursor: pointer;
	padding: 2px 10px 2px 10px;
	border-radius: 8px;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;

	-moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.Button.Show
{
	color: #0A4E9B;
	border-color: #0A4E9B;
	font-weight: bold;
}

.Button.Show:hover
{
	border-color: #666;
	color: #333;
}

.editor-buttons
{
	position: fixed;
	top: 120px;
	left: 20px;
}

.editor-buttons-shift {
    top: 280px;
}

.editor-buttons .Button
{
	float: left;
	clear: left;
	width: 120px;
	margin-bottom: 8px;
}

.editor-page, #EditorPage {
    margin-top: -10px;
}

.text-box
{
    width: 15em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

p.GalleryLinks
{
	margin: 0;
	padding-bottom: 1em;
}

.fieldSeparator
{
	margin-top: 4em;
	margin-bottom: 0em;
}

.submitButtons input
{
	margin: 0.5em;
}

.SiteList
{
	display: inline-block;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
}

.DeviceList
{
	margin-top: 1em;
	margin-bottom: 2em;
}


ul.AdminPageLinks
{
	margin: 0;
	padding: 0;
}

ul.AdminPageLinks li
{
	width: 410px;
	margin-left: 0px;
	margin-right: 20px;
	padding-left: 10px;
	float: left;
	cursor: pointer;
}


ul.AdminPageLinks .LinkIcon
{
	float: left;
	width: 48px;
	height: 48px;
	position: relative;
	top: -1px;
}

ul.AdminPageLinks .LinkTitle
{
	float: right;
	width: 330px;
	padding: 12px;
	background-color: #888;
	border-top-right-radius: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

ul.AdminPageLinks .LinkTitle a
{
	font-family: Roboto, Arial;
	font-size: 16px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

ul.AdminPageLinks li
{
	line-height: 20px;
	margin-bottom: 1em;
	list-style: none;
	display: block;
	overflow: auto;
}

ul.AdminPageLinks li:hover .LinkTitle
{
	background-color: #8DC63F;
}

ul.AdminPageLinks li .LinkDescription
{
	float: right;
	width: 342px;
	min-height: 80px;
	max-width: 600px;
	padding: 5px;
	border: 1px solid white;
	border-top-color: #888;
}

ul.AdminPageLinks li:hover .LinkDescription
{
	border: 1px solid #8DC63F;
}

.TextAreaExpandable 
{
    overflow-x: auto;
    overflow-y: hidden;
}

.Faded,
.editor-buttons .Button.Selection
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;

	transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	-webkit-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;

	transition: background-position 0s !important;
	-moz-transition: background-position 0s !important;
	-webkit-transition: background-position 0s !important;
	-o-transition: background-position 0s !important;
}

.editor-buttons.Selection .Button.Selection
{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	-webkit-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
}

.DialogPopup
{
	display: none;
	font-size: 12px;
	color: #333;
	padding: 5px;
	line-height: 20px;
}

.ui-dialog.DialogClass .ui-dialog-content.DialogPopup
{
	overflow: visible;
}

.ui-dialog.DialogClass
{
	overflow: visible;
}

#ProcessingMessage
{
    width: 195px;
	cursor: default;
	position: fixed;
	top: 139px;
	left: 20px;
	color: #333;
	background-color: #e0f0cb;
	border-color: #e0f0cb;
	filter: alpha(opacity=00);
	-moz-opacity: 0.0;
	opacity: 0.0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#ProcessingMessage.Error
{
	color: red;
}

.Resizing {
	background-color: rgba(255, 0, 0, 0.3);
}

.Resizing img {
	opacity: 0.3;
}

.ResizingTall img {
	height: 100%;
}

.ResizingWide img {
	width: 100%;
}

.Resizing:after {
	display: block;
	content: "resizing...wait";
	position: absolute;
	top: 50%;
	left: 0;
	font-size: 18px;
	font-family: 'Segoe UI', 'Myriad Pro', Verdana, Arial, sans-serif;
	line-height: 18px;
	margin-top: -9px;
	width: 100%;
	height: 25px;
	overflow: hidden;
}

.PhotoEditor .OriginalFileName {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 470px;
    font-weight: normal;
    padding-top: 5px;
    font-size: 12px;
}

.qq-uploader .editor-header {
    display: none;
}

.qq-uploader .editor-body {
    border-top-width: 1px;
    padding-top: 30px;
    min-height: 250px;
}

.qq-uploader .qq-upload-list li.qq-drop-here {
    font-size: 23px;
    font-weight: normal;
    line-height: 30px;
    height: 50px;
    margin-bottom: 20px;
}

.editor-form .uploadIcon {
    color: #888;
    margin-left: 410px;
}

.editor-form .qq-uploader:hover .uploadIcon, .editor-form .qq-uploader .qq-upload-list:hover * {
    color: #8aad58 !important;
}

#uploader {
    max-width: 905px;
    width: auto;
}

#uploader .qq-uploader {
    width: 890px;
}

#uploader .qq-progress {
    width: calc(100% - 100px);
}

#uploader .qq-upload-list .qq-item.qq-upload-file {
    width: calc(100% - 420px);
}

.FroalaContainer .fr-toolbar.fr-top {
    border-color: #ccc;
}

.FroalaContainer .fr-toolbar .fr-command.fr-btn, .FroalaContainer .fr-toolbar .fr-command.fr-btn * {
    color: #aaa;
}

.FroalaContainer .fr-toolbar .fr-command.fr-btn.fr-dropdown::after {
    border-top-color: #aaa;
}

.FroalaContainer .fr-toolbar .fr-command.fr-btn.fr-disabled * {
    color: #eee;
}

.editor-form ul.MultiSelectList {
    width: 100%;
    border: 1px solid #ccc;
    margin: 0px;
    /*background-image: -webkit-gradient(linear, left top, left bottom, color stop(1%, #eee), color stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%);*/
    position: relative;
    /*padding: 7px 4px 7px 8px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 4px 3px 4px;
}

.editor-form ul.MultiSelectList > li {
    display: inline-block;
    list-style: none;
    margin-right: 5px;
    padding: 3px 0px 4px 4px;
}

.editor-form ul.MultiSelectList > li > span {
    display: inline-block;
    border: 1px solid #aaa;
    background-image: -webkit-gradient(linear, left top, left bottom, color stop(20%, #f4f4f4), color stop(50%, #f0f0f0), color stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#fbfbfb 20%, #f8f8f8 50%, #efefef 52%, #eee 100%);
    padding: 3px 5px;
    cursor: pointer;
}

.editor-form ul.MultiSelectList > li > span label {
    cursor: pointer;
}