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

Purpose- 
Css for Image Hud
*/

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

/*Whole Image Hud Container CSS*/
dw-div.dw_liveedit_HTMLPIWrapper
{
	position:absolute;
	background-color:#FFFFFF;
	padding-left:5px;
	padding-right:2px;
	padding-top : 5px;
	border: 3px solid #DCDCDC;
	padding-bottom: 1px;
	cursor: move;
    pointer-events: auto;
}
/* CSs For drawing arrow on one of the sides of the HUD*/
dw-div.dw_liveedit_HTMLPIWrapperRight
{
	box-shadow: 3px 4px 3px #B5B5B5;
}
dw-div.dw_liveedit_HTMLPIWrapperRight:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left:-23px;
	top: 10px;
	border: 10px solid;
	border-color: transparent #DCDCDC transparent transparent;
}
dw-div.dw_liveedit_HTMLPIWrapperLeft
{
	box-shadow: -3px 4px 3px #B5B5B5;
}
dw-div.dw_liveedit_HTMLPIWrapperLeft:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 204px;
	top: 15px;
	border: 10px solid;
	border-color: transparent transparent transparent #DCDCDC;
}
dw-div.dw_liveedit_HTMLPIWrapperTop
{
	box-shadow: 0px -3px 4px 3px #B5B5B5;
}
dw-div.dw_liveedit_HTMLPIWrapperTop:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left:  10px;
	top: 148px;
	border: 10px solid;
	border-color: #DCDCDC transparent transparent transparent;
}

dw-div.dw_liveedit_HTMLPIWrapperBottom
{
	box-shadow:0px 3px 4px 3px #B5B5B5;
}
dw-div.dw_liveedit_HTMLPIWrapperBottom:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 5px;
	top: -23px;
	border: 10px solid;
	border-color: transparent transparent #DCDCDC transparent;
}
/*	CSS For Each of Hud Row*/
dw-div.dw_liveedit_HTMLPI_row
{
	display:block;
	width:195px;
	height: 22px;
	padding-bottom:1px;
}


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

/* CSS For Input boxes */

input.dw_liveedit_HTMLPI_inputClass
{
	width	:120px;
	margin-top : 2px;
	border	: 1px solid #E2E2E2;
	font: normal 11px Tahoma;
	padding-left:3px; 
	display : inline;
	color: #222222;
	height	:16px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* CSS For Input Image Buttons */
input.dw_liveedit_HTMLPI_inputbtnClass
{
	padding-left:5px;
	vertical-align:middle;
/*	-webkit-user-select: none;*/
	width: 20px;
	height:20px;
}
/*	For each of the subrow (for widtha and height)*/
dw-div.dw_liveedit_HTMLPI_subrow
{
	display: inline;
}
/* Height and width must be in one row*/
label.dw_liveedit_HTMLPI_labelForHeight
{
	width:20px;
	text-align: right;
	float:left;
	font: normal 11px Tahoma;
	padding-top:5px;
	color: #222222;
	padding-left:10px;
}

input.dw_liveedit_HTMLPI_input_Width_Height
{
	width	: 40px;
	border	: 1px solid #E2E2E2;
	font	: normal 11px Tahoma;
	margin-top : 2px;
	padding-left:4px;
	display : inline;
	color	: #222222;
	height	:16px;
	float	: left;
}
/* Common for both subrows and Rows*/

label.dw_liveedit_HTMLPI_labelClass:after , label.dw_liveedit_HTMLPI_labelForHeight:after {
	
	content: ":";
	float:right;
	padding-right:5px;
	padding-left:4px;
}


/* CSS For DropDown*/

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

select option .dw_liveedit_HTMLPI_font
{
	font: normal 11px Tahoma;
	color: gray;
}

/* CSS for NonEditable Case */

/* input css for NonEditable case */

input.dw_liveedit_HTMLPINonEditable
{
	border:none;
	color: #999;
	border-width: 0;
	margin-top : 3px;
	padding-left:3px;
}

input.dw_liveedit_HTMLPINonEditable:focus
{
    outline: 0;
	
}
/* Dropdown css for NonEditable case */

select.dw_liveedit_HTMLPI_donotShow
{
    border:0px;
    outline:0px;
	margin-top :1px;
	color:    #999;
	-webkit-appearance: none;	
}
/* Utility CSS*/
/*	Used For Dragging*/
.dw_liveedit_HTMLPI_unselectable
{
    -webkit-user-select: none;
}