/*	
 Copyright 2014 Adobe Systems Incorporated.  All rights reserved. 

Purpose- 
Css for Selector Hud
*/
/* To include theme level css changes */
@import 'theme.css';

html,body
{
  height: 100%;
  width:100%;
  padding: 0px;
  margin: 0px;
}
body
{
    background-color:transparent;
    pointer-events:none;
}

/*Whole Image Hud Container CSS*/
div.wrapper
{
	position:absolute;
	padding-left:5px;
	padding-right:2px;
	padding-top : 1px;
	border: 3px solid;
	padding-bottom: 1px;
    pointer-events: auto;
    visibility:hidden;
}
/* CSs For drawing arrow on one of the sides of the HUD*/
div.wrapperRight
{
	box-shadow: 3px 4px 3px #B5B5B5;
}
div.wrapperRight:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left:-23px;
	top: 1px;
	border: 10px solid;
	border-color: transparent #f5f5f5 transparent transparent;
}
div.wrapperLeft
{
	box-shadow: -3px 4px 3px #B5B5B5;
}
div.wrapperLeft:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 149px;
	top: 15px;
	border: 10px solid;
	border-color: transparent transparent transparent #f5f5f5;
}
div.wrapperTop
{
	box-shadow: 0px -3px 4px 3px #B5B5B5;
}
div.wrapperTop:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left:  129px;
	top: 101px;
	border: 10px solid;
	border-color: #f5f5f5 transparent transparent transparent;
}

div.wrapperTopLeft
{
	box-shadow: 0px -3px 4px 3px #B5B5B5;
}

div.wrapperTopLeft:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 15px;
	top: 101px;
	border: 10px solid;
	border-color: #f5f5f5 transparent transparent transparent;
}

div.wrapperBottom
{
	box-shadow:0px 3px 4px 3px #B5B5B5;
}
div.wrapperBottom:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 128px;
	top: -23px;
	border: 10px solid;
	border-color: transparent transparent #f5f5f5 transparent;
}
/*	CSS For Each of Hud Row*/
div.selectorRow
{
	display:block;
	width:158px;
	height: 49px;
	padding-bottom:1px;
    padding-top: 2px;
    padding-left: 3px;
}

/* 	For Labels */
label.selectorLabelClass
{
	text-align: right;
	float:left;
    padding-left: 5px;
    padding-bottom: 5px;
	padding-top:4px;
}
