@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
}
body,html {
	background-color: #f9f9f9;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 12px;
	margin: 0px;
}
input[type=checkbox] {
	position: relative;
	top: 2px;
}

#loginLogo {
	display: block;
	margin: 50px auto 20px auto;
	max-width: 400px;
}
#login {
	width: 100%;
	max-width: 400px;
	background-color: #FFF;
	margin: 0 auto;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
	padding: 20px;
}
#login h1 {
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#login input {
	display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#login input[type=text],
#login input[type=password] {
	width: 100%;
	margin: 0px 0px 10px 0px;
}

#bottomNotes {
	padding: 20px 10px;
	color: #666;
	font-size: 11px;
}
#bottomNotes ul {
	position: relative;
	left: -5px;
}
#bottomNotes ul,
#bottomNotes ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 8px;
}
#bottomNotes ul li img {
	position: relative;
	top: 4px;
	margin-right: 10px;
}

.sideNote {
    color: #CCC;
	font-size: 10px;
}

#topMenu {
    width: 100%;
    max-width: 700px;
    margin: 10px auto;
}
#topMenu #logo {
	max-width: 200px;
	max-height: 100px;
}
#topMenu #logo.default {
	position: relative;
	left: -10px;
}
#topMenu #languageSelector {
	float: right;
}
#topMenu #languageSelector img {
	max-width: 24px;
	max-height: 24px;
	cursor: pointer;
	margin-left: 3px;
	opacity: .3;
}
#topMenu #languageSelector img:hover {
	opacity: .6;
}
#topMenu #languageSelector img.selected {
	opacity: 1;
	cursor: default;
}

table tr.delete td {
	text-decoration: line-through;
	opacity: .6;
	background-color: #FFB6B6;
}

.delete {
	color: #900;
	cursor: pointer;
}
.delete:hover {
	color: #000;
}

input[type=button],
input[type=submit] {
	border: none;
	padding: 5px 8px;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	min-width: 90px;
	line-height: 16px;
	box-shadow: inset 0 0 1px #fff;
	-webkit-transition: all 100ms ease;
	transition: all 100ms ease;
	cursor: pointer;
	outline: none;
}
input[type=button]:hover,
input[type=submit]:hover {
	opacity: .7;
}
input[type=button].grey,
input[type=submit] {
	background-color: #595959;
    border: 1px solid #595959;
}
input[type=button].blue,
input[type=submit].blue {
    background-color: #3c8c87;
    border: 1px solid #3c8c87;
}
input[type=submit]:disabled,
input[type=submit]:disabled:hover {
	opacity: .3;
	cursor: default;
}

label {
	font-size: 13px;
	font-weight: bold;
}
.invalid {
    border: 2px solid #F00;
}
#errorHolder {
	color: #AA0004;
}

ul#menu {
	margin: 0 auto;
    background-color: #111;
    display: block;
    width: 100%;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul#menu li {
	list-style-type: none;
	display: inline-block;
	margin: 0px 0px 0px 30px;
	float: right;
	background-position: center left;
	background-repeat: no-repeat;
}
ul#menu li a:link,
ul#menu li a:visited,
ul#menu li a:active {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
ul#menu li:hover {
	opacity: .7;
}
ul#menu li.logout {
	background-size: 14px 14px;
	padding: 0px 0px 0px 18px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ibWl1IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgaWQ9IkFydGJvYXJkLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOTUuMDAwMDAwLCAtNDA3LjAwMDAwMCkiPjxnIGlkPSJzbGljZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjE1LjAwMDAwMCwgMTE5LjAwMDAwMCkiLz48cGF0aCBkPSJNMzk2LDQwOCBMMzk2LDQzMCBMNDExLDQzMCBMNDExLDQyNCBMNDA5LDQyNCBMNDA5LDQyOCBMMzk4LDQyOCBMMzk4LDQxMCBMNDA5LDQxMCBMNDA5LDQxNCBMNDExLDQxNCBMNDExLDQwOCBMMzk2LDQwOCBaIE00MTEuNjM2MDM5LDQxNS40NjQ0NjYgTDQxMy4wNTAyNTMsNDE0LjA1MDI1MyBMNDE4LDQxOSBMNDEzLjA1MDI1Myw0MjMuOTQ5NzQ3IEw0MTEuNjM2MDM5LDQyMi41MzU1MzQgTDQxNC4xNzA0ODUsNDIwLjAwMTA4OCBMNDAzLjAwMDQ5OSw0MjAuMDAxMDg4IEw0MDMuMDAwNDk5LDQxOC4wMDI2NSBMNDE0LjE3NDIyMyw0MTguMDAyNjUgTDQxMS42MzYwMzksNDE1LjQ2NDQ2NiBaIiBmaWxsPSIjRkZGRkZGIiBpZD0iY29tbW9uLWxvZ291dC1zaWdub3V0LWV4aXQtZ2x5cGgiLz48L2c+PC9nPjwvc3ZnPg==);
}
ul#menu li.users {
	background-size: 16px 16px;
	padding: 0px 0px 0px 20px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGc+PGc+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE2LjUsMTRjLTEuNSwwLTIuNywwLjQtMy42LDAuOWMxLjQsMS4yLDIsMi42LDIuMSwyLjdsMC4xLDAuMlYyMGg4di0yQzIzLDE4LDIxLjQsMTQsMTYuNSwxNHoiLz48L2c+PGc+PGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iMTYuNSIgY3k9IjguNSIgcj0iMy41Ii8+PC9nPjwvZz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNCw4LjVDNCw2LjYsNS42LDUsNy41LDVTMTEsNi42LDExLDguNWMwLDEuOS0xLjYsMy41LTMuNSwzLjVTNCwxMC40LDQsOC41eiBNNy41LDE0QzIuNiwxNCwxLDE4LDEsMTh2MmgxM3YtMiAgIEMxNCwxOCwxMi40LDE0LDcuNSwxNHoiLz48L2c+PC9zdmc+);
}
.blockSettings {
	background-size: 16px 16px;
    padding: 1px 0px 0px 20px;
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTM4Ljg2IDI1Ljk1Yy4wOC0uNjQuMTQtMS4yOS4xNC0xLjk1cy0uMDYtMS4zMS0uMTQtMS45NWw0LjIzLTMuMzFjLjM4LS4zLjQ5LS44NC4yNC0xLjI4bC00LTYuOTNjLS4yNS0uNDMtLjc3LS42MS0xLjIyLS40M2wtNC45OCAyLjAxYy0xLjAzLS43OS0yLjE2LTEuNDYtMy4zOC0xLjk3bC0uNzUtNS4zYy0uMDktLjQ3LS41LS44NC0xLS44NGgtOGMtLjUgMC0uOTEuMzctLjk5Ljg0bC0uNzUgNS4zYy0xLjIyLjUxLTIuMzUgMS4xNy0zLjM4IDEuOTdsLTQuOTgtMi4wMWMtLjQ1LS4xNy0uOTcgMC0xLjIyLjQzbC00IDYuOTNjLS4yNS40My0uMTQuOTcuMjQgMS4yOGw0LjIyIDMuMzFjLS4wOC42NC0uMTQgMS4yOS0uMTQgMS45NXMuMDYgMS4zMS4xNCAxLjk1bC00LjIyIDMuMzFjLS4zOC4zLS40OS44NC0uMjQgMS4yOGw0IDYuOTNjLjI1LjQzLjc3LjYxIDEuMjIuNDNsNC45OC0yLjAxYzEuMDMuNzkgMi4xNiAxLjQ2IDMuMzggMS45N2wuNzUgNS4zYy4wOC40Ny40OS44NC45OS44NGg4Yy41IDAgLjkxLS4zNy45OS0uODRsLjc1LTUuM2MxLjIyLS41MSAyLjM1LTEuMTcgMy4zOC0xLjk3bDQuOTggMi4wMWMuNDUuMTcuOTcgMCAxLjIyLS40M2w0LTYuOTNjLjI1LS40My4xNC0uOTctLjI0LTEuMjhsLTQuMjItMy4zMXptLTE0Ljg2IDUuMDVjLTMuODcgMC03LTMuMTMtNy03czMuMTMtNyA3LTcgNyAzLjEzIDcgNy0zLjEzIDctNyA3eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
    top: 9px;
    left: 14px;
    background-repeat: no-repeat;
    font-weight: bold;
	cursor: pointer;
}
.blockSettings:hover {
	opacity: .7;
}
.blockSettings a:link,
.blockSettings a:visited,
.blockSettings a:active {
	color: #FFF;
	text-decoration: none;
}
.userIcon {
	width: 16px;
	height: 16px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNpcmNsZSBjeD0iMTIiIGN5PSI4IiByPSI0Ii8+PHBhdGggZD0iTTEyLDE0Yy02LjEsMC04LDQtOCw0djJoMTZ2LTJDMjAsMTgsMTguMSwxNCwxMiwxNHoiLz48L3N2Zz4=);
}
#wrapper {
    width: 100%;
    max-width: 700px;
    margin: 60px auto 0px auto;
    position: relative;
}
#wrapper #storeHolder {
	margin: 0px -5px;
}
#wrapper #storeHolder>h3 {
	margin-top: 30px;
    background-color: #111;
    padding: 10px;
    box-sizing: border-box;
    margin: 40px 5px 5px 5px;
    color: #FFF;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px 0px;
}
#wrapper #storeHolder>h3.first {
	margin-top: 5px!important;
}
#wrapper #storeHolder .store {
	width: 100%;
	max-width: 226px;
	height: 226px;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.74902) 0px 1px 2px 0px;
    float: left;
    margin: 5px;
    text-align: center;
    cursor: pointer;
    position: relative;
    color: #0075D8;
}
#wrapper #storeHolder .store.disabled {
	color: #666!important;
}
#wrapper #storeHolder .store:not(.disabled):hover {
	color: #000;
	background-color: #f0f9ff!important;
}
#wrapper #storeHolder .store .hitBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 166px;
}
#wrapper #storeHolder .store.disabled:hover {
	color: #0075D8;
	cursor: default;
}
#wrapper #storeHolder .store:hover {
	background-color: #fefefe;
}
#wrapper #storeHolder .store .controller {
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: absolute;
	bottom: 30px;
	left: 0px;
}
#wrapper #storeHolder .store .controller .setting {
	width: 100%;
	height: 100%;
	float: right;
	color: #000;
	position: relative;
	text-align: left;
	padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently */
	cursor: pointer;
}
#wrapper #storeHolder .store .controller .setting:active {
	opacity: .7;
}
#wrapper #storeHolder .store .controller .setting.half {
	border-top: 1px solid rgba(0,0,0,.1);
	background-color: #f2f2f2;
	width: 50%;
}
#wrapper #storeHolder .store .controller .setting:not(.disabled):hover {
	background-color: rgba(0,0,0,.1);
}
#wrapper #storeHolder .store .controller .setting.half:not(.disabled):hover {
	background-color: #999;
}
#wrapper #storeHolder .store .controller .setting:before {
	content: '';
	display: block;
	background-color: #FFF;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 3px;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 9px;
	left: 5px;
}
#wrapper #storeHolder .store .controller .setting.disabled {
	opacity: .3;
	cursor: default;
}
#wrapper #storeHolder .store .controller .setting.half.active {
	background-color: #D5D5D5;
}
#wrapper #storeHolder .store .controller .setting.half.active:hover {
	background-color: #999;
}
#wrapper #storeHolder .store .controller .setting.active:after {
	content: '';
	display: block;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik00OTguODE3LDM1LjA5N0MzNDMuMDY1LDEzMC41ODcsMjMwLjA1LDI1MS4wNjksMTc5LjI3MiwzMTEuNTNMNTQuOTE1LDIxNC4xTDAsMjU4LjM3MWwyMTQuODgsMjE4LjUzMiAgQzI1MS44NjMsMzgyLjE3NywzNjguOTg1LDE5Ny4wNCw1MTIsNjUuNDk5TDQ5OC44MTcsMzUuMDk3eiIvPjwvc3ZnPg==);
	width: 12px;
	height: 12px;
	background-size: 100%;
	position: absolute;
    top: 9px;
    left: 6px;
}

#wrapper table {
	width: 100%;
	margin: 10px 0px 0px 0px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
}
#wrapper table tr td {
	padding: 5px;
}
#wrapper table:not(.static) tr td {
	cursor: pointer;
}
#wrapper table:not(.static) tr:hover td {
	background-color: #A9C5D2!important;
}
#wrapper table tr:first-child td {
	background-color: #000;
	color: #FFF;
	font-weight: bold;
	cursor: default;
}
#wrapper table:not(.static) tr:first-child:hover td {
	background-color: #000!important;
}
#wrapper table:not(.static) tr:nth-child(even) td {
	background-color: #f2f2f2;
}
#wrapper table tr td .drag {
	width: 16px;
	height: 16px;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(//www.gloster.com/blocks/pict/icon-drag.svg);
	cursor: move;
	opacity: .3;
}
#wrapper table tr td .drag:hover {
	opacity: 1;
}
#wrapper table tr.ui-state-disabled td .drag {
	display: none;
}
#wrapper table tr.ui-state-highlight td {
	background-color: #BBB!important;
	padding: 6px 0;
}
#wrapper table tr td .status {
	width: 16px;
	height: 16px;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
#wrapper table tr.idle td .status {
	background-image: url(//www.gloster.com/blocks/pict/status-idle.png);
}
#wrapper table tr.active td .status {
	background-image: url(//www.gloster.com/blocks/pict/status-active.png);
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite; 
}
#wrapper table tr.disabled td .status {
	background-image: url(//www.gloster.com/blocks/pict/status-disabled.png);
}
#wrapper table tr td .weak {
	color: #999;
}

#wrapper .blockContent {
	background-color: #FFF;
}
#wrapper .blockContent .group {
	background-color: #f9f9f9;
	margin-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1);
}
#wrapper .blockContent .group .limitContent {
	padding: 5px;
}
#wrapper .blockContent .group label {
	display: block;
	margin-top: 10px;
	font-weight: bold;
}
#wrapper .blockContent .group textarea {
	display: block;
	width: 100%;
	min-height: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: vertical;
}
#wrapper .blockContent .group textarea.html {
	min-height: 200px;
}
#wrapper .blockContent .group input[type=text] {
	width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#wrapper .blockContent .group input[type=text].colorPicker {
	max-width: 100px;
}
#wrapper .blockContent .group .comment {
    font-size: 10px;
    color: #666;
    margin: 0 0 5px 0;
    display: block;
}
#wrapper .blockContent .group .validation {
    font-size: 12px;
    color: #900;
    margin: 0 0 5px 0;
    display: none;
}
#wrapper .blockContent .group:last-child {
	margin-bottom: 0px;
}
#wrapper .blockContent .group img {
	max-width: 200px;
	max-height: 200px;
}
#wrapper .blockContent .group img.placeholder {
	max-width: 100px;
	max-height: 100px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
}
#wrapper .blockContent .group .clearImage {
	color: #6E0000;
	cursor: pointer;
}
#wrapper .blockContent .group .clearImage:hover {
	opacity: .7;
}
#wrapper .blockContent .group h3 {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#wrapper .footer {
	line-height: 28px;
	position: relative;
}
#wrapper .footer #blockDeleter {
	color: #F00;
	float: left;
	cursor: pointer;
	margin-left: 3px;
}
#wrapper .footer #blockDeleter:hover {
	opacity: .7;
}
#wrapper .footer input[type=submit] {
	background-color: #FFF;
	color: #333;
	font-weight: bold;
	float: right;
}
#wrapper .footer input[type=submit].loading {
	color: transparent;
	background-image: url(//www.gloster.com/blocks/pict/ajax-loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
.systemMessage {
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 50px;
	left: 0px;
	width: 100%;
}
.systemMessage img {
	width: 16px;
	height: 16px;
	position: relative;
	top: 3px;
	margin-right: 4px;
}
.systemMessage .success {
	color: #0A9000;
}
.message {
	width: 100%;
	background-color: #FFF;
	margin-top: 10px;
	box-sizing: border-box;
	padding: 5px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	position: relative;
}
.message.success {
	border-left: 5px solid #0075D8;
}
.message.error {
	border-left: 5px solid #900;
}
.message .closer {
	width: 16px;
	height: 16px;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(//www.gloster.com/blocks/pict/icon-close.svg);
	position: absolute;
	right: 4px;
	top: 4px;
	cursor: pointer;
	opacity: .5;
}
.message .closer:hover {
	opacity: 1;
}
#wrapper .footer .systemMessage {
	text-align: right;
	top: initial;
	left: initial;
	bottom: -35px;
	right: 7px;
}

.block {
	position: relative;
}
.blockTypeHolder {
	width: 100%;
	position: absolute;
	top: 50%;
}
.blockTypeHolder .blockTypeLabel {
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #666;
}
.blockTypeHolder .blockTypeLabel h2 {
	margin: 0px;
	padding: 0px;
	display: inline-block;
}
.grid .block.l1.h1 .blockTypeHolder .blockTypeLabel {
	top: -15px;
}
.grid .block.l1.h2 .blockTypeHolder .blockTypeLabel {
	top: -20px;
}
.grid .block.l2.h1 .blockTypeHolder .blockTypeLabel {
	top: -15px;
}
.grid .block.l2.h2 .blockTypeHolder .blockTypeLabel {
	top: -10px;
}
.grid .block.l3.h1 .blockTypeHolder .blockTypeLabel {
	top: -10px;
}
.grid .block.l3.h2 .blockTypeHolder .blockTypeLabel {
	top: -5px;
}

.grid .block.l1.w33 .blockTypeHolder .blockTypeLabel {
	font-size: 12px;
}
.grid .block.l1.w33 .blockTypeHolder .blockTypeLabel h2 {
	font-size: 18px;
}
.grid .block.l1.w33 .blockTypeHolder .blockTypeLabel .date {
	font-size: 8px;
}

.grid .block.l1.w50 .blockTypeHolder .blockTypeLabel {
	font-size: 12px;
}
.grid .block.l1.w50 .blockTypeHolder .blockTypeLabel h2 {
	font-size: 18px;
}
.grid .block.l1.w50 .blockTypeHolder .blockTypeLabel .date {
	font-size: 8px;
}

.grid .block.l2.w33 .blockTypeHolder .blockTypeLabel {
	font-size: 12px;
}
.grid .block.l2.w33 .blockTypeHolder .blockTypeLabel h2 {
	font-size: 18px;
}
.grid .block.l2.w33 .blockTypeHolder .blockTypeLabel .date {
	font-size: 8px;
}

.grid .block.l2.w100 .blockTypeHolder .blockTypeLabel {
	font-size: 12px;
}
.grid .block.l2.w100 .blockTypeHolder .blockTypeLabel h2 {
	font-size: 18px;
}
.grid .block.l2.w100 .blockTypeHolder .blockTypeLabel .date {
	font-size: 8px;
}

.grid .block.l3.w50 .blockTypeHolder .blockTypeLabel {
	font-size: 10px;
}
.grid .block.l3.w50 .blockTypeHolder .blockTypeLabel h2 {
	font-size: 14px;
}
.grid .block.l3.w50 .blockTypeHolder .blockTypeLabel .date {
	font-size: 8px;
}

#wrapper #breadCrumbs {
	position: absolute;
	top: -20px;
	left: 0px;
	cursor: default;
}
#wrapper #serverTime {
	position: absolute;
	top: -20px;
	right: 0px;	
}
#wrapper #serverTimeLabel {
    position: absolute;
    top: -32px;
    right: 0px;
    font-size: 10px;
    color: #999;
}

a:link,
a:visited,
a:active {
	color: #0075D8;
	text-decoration: none;
}
a:hover {
	color: #000;
}

/* Version */
#version {
	position: fixed;
	left: 10px;
	bottom: 5px;
	font-size: 9px;
	color: #A1A1A1;
	cursor: default;
}





@-webkit-keyframes pulsate {
    30% {opacity: 1.0;}
    50% {opacity: 0.4;}
    80% {opacity: 1.0;}
}


@media (max-width: 720px) {
	#wrapper #storeHolder {
		margin: 2px 0px;
	}
	#wrapper #storeHolder .storeWrapper {
		width: 50%;
		padding: 5px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    margin: 0px;
	    display: block;
	    float: left;
	}
	#wrapper #storeHolder .storeWrapper .store {
   		max-width: 100%!important;
   		margin: 0px!important;
   		padding: 0px!important;
   		float: none!important;
	}
	#wrapper #storeHolder .storeWrapper .store h2 {
		margin: 0px;
    	padding-top: 20px;
	}
}
@media (max-width: 450px) {
	#wrapper #storeHolder {
		margin: 2px 0px;
	}
	#wrapper #storeHolder .storeWrapper {
		width: 100%;
		padding: 5px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    margin: 0px;
	    display: block;
	    float: left;
	}
}

.is-hidden {
	display: none!important;
}




.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }