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

Purpose- 
Css for Selector Hud
*/

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;
	background-color:#FFFFFF;
	padding-left:5px;
	padding-right:2px;
	padding-top : 1px;
	border: 3px solid #DCDCDC;
	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 #DCDCDC 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 #DCDCDC;
}
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: #DCDCDC 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: #DCDCDC 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 #DCDCDC transparent;
}
/*	CSS For Each of Hud Row*/
div.selectorRow
{
	display:block;
	width:160px;
	height: 45px;
	padding-bottom:1px;
    padding-top: 2px;
}

/* 	For Labels */
label.selectorLabelClass
{
	text-align: right;
	float:left;
	font: normal 11px Tahoma;
	color: #222222;
	padding-top:4px;
}

/* CSS For DropDown*/

select.selectorDropdownClass
{
	width	:150px;
	margin-top : 3px;
	font: normal 11px Tahoma;
	color: #222222;
	height	:16px;
}
