.ctMenuContainer
{
  position: absolute;
  z-index: 1000;
  display: none;
}

.ctMenuFrame_topLeft {position: absolute; top: 0px; left: 0px; width: 14px; height: 14px;}
.ctMenuFrame_top {position: absolute; top: 0px; right: 14px; left: 14px; height: 14px;}
.ctMenuFrame_topRight {position: absolute; top: 0px; right: 0px; width: 14px; height: 14px;}

.ctMenuFrame_left {position: absolute; top: 14px; left: 0px; bottom: 20px; width: 8px;}
.ctMenuFrame_right {position: absolute; top: 14px; right: 0px; bottom: 20px; width: 8px;}

.ctMenuFrame_bottomLeft {position: absolute; bottom: 0px; left: 0px; width: 16px; height: 20px;}
.ctMenuFrame_bottom {position: absolute; bottom: 0px; right: 16px; left: 16px; height: 20px;}
.ctMenuFrame_bottomRight {position: absolute; bottom: 0px; right: 0px; width: 16px; height: 20px;}

.ctMenuContent {
  border: 1px solid hsl(213,10%,75%);
  border-top-color: hsl(213,10%,79%);
  border-bottom-color: hsl(213,10%,72%);
  
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDI5IDI2IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGZkZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjI5IiBoZWlnaHQ9IjI2IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */
  
  background: -webkit-linear-gradient(hsl(213,10%,100%), hsl(213,10%,95%));
  background: -moz-linear-gradient(hsl(213,10%,100%), hsl(213,10%,95%));
  background: linear-gradient(hsl(213,10%,100%), hsl(213,10%,95%));
  
  -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
            
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15),inset 0 1px 0px hsl(213,10%,100%);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15),inset 0 1px 0px hsl(213,10%,100%);
            box-shadow: 0 1px 2px rgba(0,0,0,0.15),inset 0 1px 0px hsl(213,10%,100%);
            
  position: relative;
  margin: 6px 8px 20px 8px;
  display: block;
}
.darkTheme.widgetContextMenu .ctMenuContent {
  border: 1px solid hsl(213,3%,44%);
  
  background: -webkit-linear-gradient(hsl(213,10%,14%), hsl(213,10%,8%));
  background: -moz-linear-gradient(hsl(213,10%,14%), hsl(213,10%,8%));
  background: linear-gradient(hsl(213,10%,14%), hsl(213,10%,8%));
  
    -webkit-box-shadow: 0 0 12px hsla(213, 50%, 60%, .4), 0 0 80px hsla(213, 50%, 60%, .3);
       -moz-box-shadow: 0 0 12px hsla(213, 50%, 60%, .4), 0 0 80px hsla(213, 50%, 60%, .3);
            box-shadow: 0 0 12px hsla(213, 50%, 60%, .4), 0 0 80px hsla(213, 50%, 60%, .3);
}
.darkBlueTheme.widgetContextMenu .ctMenuContent {
  border: 1px solid hsl(200,30%,44%);
  
  background: -webkit-linear-gradient(hsl(200,75%,22%), hsl(200,75%,16%));
  background: -moz-linear-gradient(hsl(200,75%,22%), hsl(200,75%,16%));
  background: linear-gradient(hsl(200,75%,22%), hsl(200,75%,16%));
  
    -webkit-box-shadow: 1px 3px 2px hsla(200,100%,5%,.5), 0 0px 62px hsla(200,100%,5%,.5);
       -moz-box-shadow: 1px 3px 2px hsla(200,100%,5%,.5), 0 0px 62px hsla(200,100%,5%,.5);
            box-shadow: 1px 3px 2px hsla(200,100%,5%,.5), 0 0px 62px hsla(200,100%,5%,.5);
}


.ctMenuContent span.connectedInvalid {
  color: hsl(213,10%,20%);
}

.ctMenuContent a.disabled .device_agent_os_icon {
  color: hsl(213,10%,20%);
}


.ctMenuContainer .ctMenuContent a,
.ctMenuContainer .ctMenuContent a:visited {
	display: block;
	text-decoration: none;
	cursor: default;
	outline: none;
	font-size: 11px;
	color: hsl(213,10%,20%);
	padding: 0px 10px;
	margin: 2px 0;
	line-height: 18px;
	height: 18px;
	white-space:nowrap;
}
.darkTheme.widgetContextMenu .ctMenuContent a,
.darkTheme.widgetContextMenu .ctMenuContent a:visited {
	color: hsl(213,5%,70%);
}
.darkBlueTheme.widgetContextMenu .ctMenuContent a,
.darkBlueTheme.widgetContextMenu .ctMenuContent a:visited {
	color: hsl(200,30%,70%);
}


.darkTheme.widgetContextMenu .ctMenuContent a:hover,
.darkTheme.widgetContextMenu .ctMenuContent a:visited:hover {
	color: hsl(213,20%,98%);
	background: hsl(213,20%,35%);
}
.darkBlueTheme.widgetContextMenu .ctMenuContent a:hover,
.darkBlueTheme.widgetContextMenu .ctMenuContent a:visited:hover {
	color: hsl(200,75%,98%);
	background: hsl(200,75%,45%);
}



.ctMenuContent .subscription_disabled_container a {
	color: hsla(210, 0%, 20%, .4);
}

.ctMenuContent .ctMenuIcon {
	float:left;
	display: block;
	margin: 1px 5px 0 0;
	border: 0px;
	}

.ctMenuContent ul, .ctMenuContent li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ctMenuContent li {
	list-style-position: outside;
}

.ctMenuContent a.disabled {
	color: hsl(213,10%,73%);
	text-decoration: none;
}
.ctMenuContent a.disabled:hover {
	background: hsl(213,10%,95%);
	color: hsl(213,10%,73%);
	text-decoration: none;
}

.ctMenuContent .separator {
	height: 1px;
	padding: 0;
	overflow: hidden;
	font-size: 1px;
	border-bottom: 1px solid hsl(213,10%,100%);
	background: hsl(213,10%,60%);
	margin: 2px 4px;
}

.ctMenuContentLocaleCentral
{
  border: none;
}

.ctMenuContentLocaleLogin
{
  border: none;
  background: none;
  background-color: hsl(213,82%,35%);
  text-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.ctMenuContainer .ctMenuContent.ctMenuContentLocaleLogin a, 
.ctMenuContainer .ctMenuContent.ctMenuContentLocaleLogin a:visited
{
  color: hsl(200,78%,54%);
}

.ctMenuContainer .ctMenuContent.ctMenuContentLocaleLogin a:hover
{
  color: white;
  background-image: none;
  text-shadow: none;
}

/* Annotation Gear Menu*/
.ctMenuContent annotationMenuDiv
{
  color: hsl(213,10%,20%);
}

.annotationMenuDiv {
  font-size:  11px;
  color:      hsl(213,10%,20%);
}
.darkTheme .annotationMenuDiv {
  color: hsl(213,5%,70%);
}
.darkBlueTheme .annotationMenuDiv {
  color: hsl(200,30%,70%);
}
.ctMenuContent .autoAnnotationTitle,
.ctMenuContent .editAnnotation {
  cursor:        default;
  line-height:   18px;
  margin-top: 	 2px;
  margin-bottom: 2px;
  padding-left:  10px;
  padding-right: 10px;
  white-space:   nowrap;
}
.annotationGearIcon {
  float:        right;
  height:       10px;
  width:        10px;
  padding-top:  4px;
}
.autoAnnotationContent {
  display:        none;
  border-top:     1px solid;
  border-bottom:  1px solid;
  border-color: hsl(210,0%,80%);
}
.darkTheme .autoAnnotationContent {
  border-color: hsl(213,3%,44%);
}
.darkBlueTheme .autoAnnotationContent {
  border-color: hsl(200,30%,44%);
}

.darkTheme .moreAnnotationIndication {
  background: hsl(215, 17%, 34%);
  color: white;
}

.darkBlueTheme .moreAnnotationIndication {
  background: hsl(200, 46%, 26%);
  color: white;
}

.autoAnnotation {
  height:  13px;
  padding: 4px 10px;
}
.autoAnnotation.Custom {
  margin-top: 2px;
}
.autoAnnotationLabel {
  float:  left;
}
.autoAnnotationSwitch {
  margin-left: auto;
}

.darkTheme .ctMenuContent .autoAnnotationTitle:hover,
.darkTheme .ctMenuContent .editAnnotation:hover {
	color: hsl(213,20%,98%);
	background: hsl(213,20%,35%);;
}
.darkBlueTheme .ctMenuContent .autoAnnotationTitle:hover,
.darkBlueTheme .ctMenuContent .editAnnotation:hover {
	color: hsl(200,75%,98%);
	background: hsl(200,75%,45%);
}