.control-canvas {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
}
.control-canvas LABEL {
	display: inline-block;
	float: left;
	font-size: 14px;	
}
.control-canvas.file-upload LABEL.upload-clickable {
	float: right;
	margin-bottom: 0px;
}
.control-canvas.file-upload INPUT[type=file] {
	display: none;
}
.control-canvas.file-upload .thumbnail {
	display: inline-block;
	float: left;
}


.slider-scroller {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
	margin: auto 10px;
	top: 0px;
	bottom: 0px;
	left: auto;
	right: auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	color: #fff;
	background-color: #000;
	z-index: 10;
	padding: 11px 11px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.75;
}
.slider-scroller.left {
	left: 0px;
	background-image: url(/img/ui/prev.png); 
}
.slider-scroller.right {
	right: 0px;
	background-image: url(/img/ui/next.png); 
}

.ui-widget {
    font-family: 'Lato', sans-serif;
    font-size: 1.0em;
}
/* jQuery UI Autocomplete */

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	max-height: 240px;
	overflow-y: auto;
}

.ui-autocomplete .ui-menu {
	overflow: hidden;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.ui-autocomplete .ui-state-focus,
.ui-autocomplete .ui-widget-header .ui-state-focus
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-image: none;
	background-color: #0093cc;
	border: 1px solid transparent; /* removing the border produces a graphical glitch on mouse over */ 
}

.ui-autocomplete-input,
INPUT.ui-autocomplete-input {
    font-family: 'Lato', sans-serif;
	font-size: 16px;
}
.ui-autocomplete .ui-menu-item {
	padding: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.ui-autocomplete .ui-menu-item A {
	font-size: 14px;
	padding: 2px 5px;
}
.ui-menu .ui-menu-item A.ui-state-focus, 
.ui-menu .ui-menu-item A.ui-state-active {
	color: #fff;
    background-image: none;
    background-color: #0093cc;
}

/* Blink Checkbox Theme */
.toggle.blink {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-left: 0px;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-shadow: 1px 1px 1px #191b1e;
	border-radius: 3px;	
	width: 100px;
	height: 40px;
	background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
LABEL.toggle.blink, .toggle.blink LABEL {
	margin-bottom: 0px;
}
.toggle.blink P {
	left: 0px;
}
.toggle.blink P SPAN {
	color: #000;
	margin-left: 0px;
	padding: 4px;
}
.toggle.blink P SPAN:last-child {
	color: #fff;
	left: 48%;
}

.toggle.blink INPUT:checked + LABEL {
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.toggle.blink INPUT:checked + P SPAN:first-child
{
	color: #fff;
}
.toggle.blink INPUT:checked + P SPAN:last-child
{
	color: #000;
}

.toggle.blink .slide-button {
	height: auto;
	width: auto;
	left: 50%;
	top: 3px;
	bottom: 3px;
	right: 3px;
}
.toggle.blink INPUT:checked .slide-button,
.toggle.blink INPUT:checked ~ .slide-button {
	height: auto;
	width: auto;
	left: 3px;
	top: 3px;
	bottom: 3px;
	right: 50%;
}

.toggle.blink P {
	color: #333;

	text-shadow: none;
}

.toggle.blink SPAN {
	color: #000;
}

.toggle.blink.blue .slide-button {
	background-color: #38a3d4;
}

.toggle.blink.yellow .slide-button {
	background-color: #f5e560;
}


.annotation-dialog {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: absolute;
	background: url("../img/opacity.png") repeat transparent;
	top: 0px;
	left: 0px;
	padding: 10px;
	color: #666;
	border-radius: 4px;
}

.annotation-dialog .close {
	position: absolute;
	float: none;
	right: 10px;
	top: 10px;
}
.annotation-dialog .close:hover {
    background: transparent;
}


.content .mCSB_container {
    margin-right: 21px;
}
.content .mCSB_container.mCS_no_scrollbar {
	margin-right: 10px;
}


/* Comments panel */
.comments-panel {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: absolute;
	height: 50%;
	width: 50%;
	min-height: 20px;
	min-width: 240px;
}
.comments-panel > * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: absolute;
	border-radius: 4px;
	padding: 10px;
}
.comments-panel > HEADER {
    display: block;
	background-color: #e7e7e7;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 20px;
    margin-top: 0;
    padding: 5px 10px;
	left: 10px;
	right: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.comments-panel > HEADER .close {
    right: 5px;
	top: 5px;
}
.comments-panel > HEADER .close:hover {
    background: transparent;
}
.comments-panel > .comments-body {
	top: 40px;
	left: 10px;
	bottom: 80px;
	right: 10px;
	padding-right: 0px;
	background-color: #fff;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.comments-panel > .add-comment {
	background-color: #e7e7e7;
	height: 60px;
	left: 10px;
	bottom: 10px;
	right: 10px;
}
.comments-panel .comment-list {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.comments-panel .comment-list > LI {
	padding: 0px;
	margin: 15px 0px;
	font-size: 13px;
}
.comments-panel .comment-list > LI:first-child {
	margin-top: 0px;
}
.comments-panel .comment-list > LI:last-child {
	margin-bottom: 0px;
}

.comments-panel > .add-comment BUTTON {
	float: right;
	margin-left: 10px;
	height: 40px;
}
.comments-panel > .add-comment FIELDSET {
}
.comments-panel > .add-comment FIELDSET > TEXTAREA {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    display: block;
    float: left;
    font-size: 13px;
    height: 40px;
	line-height: 15px;
    margin-right: 10px;
    width: 100%;
	resize: none;
}

.comments-panel .comment {
}

.comments-panel .comment .comment-meta {
	font-size: 12px;
	color: #999;
	background-color: #e7e7e7;
	margin-bottom: 5px;
	padding: 2px 5px;
	border-radius: 2px;
}
.comments-panel .comment .comment-meta .author {
	color: #666;
}
.comments-panel .comment .comment-meta A {
	text-decoration: none;
}
.comments-panel .comment .comment-meta A:hover {
	text-decoration: underline;
}
.comments-panel .comment .comment-meta .action {
	color: #666;
	cursor: pointer;
	float: right;
	line-height: 21px;
}
.comments-panel .comment .comment-meta .action:hover {
	text-decoration: none;
}
.comments-panel .comment .comment-meta .action.remove:hover {
	color: #f00;
}
.comments-panel .comment .comment-meta [class^="icon-"]:before, 
.comments-panel .comment .comment-meta [class*=" icon-"]:before {
	font-size: 14px;
	cursor: pointer;
}
.comments-panel .comment .comment-meta .date {
}
.comments-panel .comment .comment-meta .lapse {
	font-family: 'Lato', sans-serif;
}
.comments-panel .comment .comment-text {
	margin-left: 20px;
	margin-bottom: 10px;
}

.gm-style {
	font-family: Lato, sans-serif;
}

.gmaps-control {
	color: #565656;
	background-color: white;
	display: inline-block;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px; 
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px; 
	border: 1px solid #cccccc;
	border-radius: 3px;
}
.gmaps-control .control-body {
	padding: 2px 5px;
	cursor: pointer;
	text-align: left;
	font-size: 12px;
}
.gmaps-control.gmaps-styler {
	margin-top: 6px;
}
.gmaps-control .gmaps-dropdown-toggle {
}
.gmaps-control .gmaps-dropdown-toggle IMG {
	float: right;
	width: 7px;
	margin-top: 8px;
	margin-left: 5px;
}
.gmaps-control .gmaps-dropdown-menu {
	display: none;
	margin: 0px;
	padding: 5px;
}
.gmaps-control:hover .gmaps-dropdown-menu {
	display: inline-block;
}
.gmaps-control .gmaps-dropdown-menu LI {
	list-style-type: none;
	border-radius: 2px;
	line-height: 18px;
	padding: 2px 5px;
	font-size: 12px;
}
.gmaps-control .gmaps-dropdown-menu LI:hover,
.gmaps-control .gmaps-dropdown-menu LI:active {
	background-color: #0093cc;
	color: white;
	cursor: pointer;
}
.gmaps-control .gmaps-dropdown-menu LI[data-selected="1"] {
	font-weight: bold;
}


.blink-search {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	padding: 5px 40px 5px 10px;
	border: 1px solid #333;
	border-radius: 3px;
	font-size: 13px;
	background-color: #fff;
}

.blink-search INPUT[type="text"] {
	margin: 1px 0px 0px 0px;
	padding: 2px 0px;
	border: 0px solid transparent;
	width: 200px;
	box-shadow: none;
	font-size: inherit;
	vertical-align: top;
	line-height: 15px;
}

.blink-search BUTTON.submit {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border: 0px;
	border-radius: 0px 2px 2px 0px;
	line-height: 12px;
	padding: 2px 10px;
}

.blink-search .selected-items {
	color: #666;
	line-height: 22px;
	margin-right: 5px;
}

.blink-search .selected-items LABEL {
	display: inline-block;
	border-radius: 2px;
	/*background-color: #eee;*/
	font-size: inherit;
	line-height: 18px;
	margin: 1px 0px -6px 0px;
	padding: 2px 0px;
	max-width: 160px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: underline;
}

.blink-search .results {
	box-sizing: border-box;
	position: absolute;
	border: 1px solid #c0c0c0;
	margin: 5px 0px 0px -10px;
	padding: 5px;
	box-shadow: 3px 3px 2px rgba(64, 64, 64, .33);
	width: 100%;
	background-color: #fff;
}

.blink-search .results LI {
	list-style-type: none;
	padding: 2px 5px;
	font-size: 13px;
	border-radius: 2px;
	margin-top: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.blink-search .results LI:before {
	display: inline-block;
	width: 10px;
	text-align: center;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	content: " "; /* icon-user */
	color: #c0c0c0;
	margin-right: 5px;
}
.blink-search .results LI:hover,
.blink-search .results LI:active,
.blink-search .results LI.active {
	color: #fff !important;
	background-color: #0393ec;
	cursor:pointer;
}
.blink-search .item-class-role {
	color: #f46;
}
.blink-search .item-class-skill {
	color: #3a3;
}
.blink-search .item-class-place {	
	color: #37c;
}
.blink-search .results LI.item-class-role:before {
	content: "\f007"; /* icon-user */
}
.blink-search .results LI.item-class-skill:before {
	content: "\f0ad"; /* icon-wrench */
}
.blink-search .results LI.item-class-place:before {
	content: "\f041"; /* icon-map-marker */
}


.img-radio-group UL.thumbnails {
	margin-bottom: 0px;
}

.img-radio-group LI.img-radio {
	height: auto;
	width: auto;
	vertical-align: middle;
	margin: 0px 10px 0px 0px;
}
.img-radio-group LI.img-radio:last-child {
	margin-right: 0px;
}

.img-radio-group LI.img-radio INPUT[type="radio"] {
	display: none;
}

.img-radio-group LI.img-radio .thumbnail {
	height: auto;
	width: auto;
	border: 1px solid transparent;
	box-shadow: none;
	text-align: center;
	padding: 5px;
}
.img-radio-group LI.img-radio .thumbnail:hover {
	background-color: #0093cc;
	color: white;
}
.img-radio-group LI.img-radio.active .thumbnail {
	box-shadow: rgba(0, 0, 0, 1) 0px 1px 3px 0px;
}

.img-radio-group LI.img-radio .thumbnail IMG {
	max-width: none;
	max-height: none;
}

.img-radio-group LI.img-radio .legend {
	line-height: 110%;
	font-size: 85%;
	margin-top: 2px;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}