/*coral--midLight Spefic colors */
/*Whole Image Hud Container CSS*/
div.wrapper.coral--midLight 
{
    border-color: #CACACA;
}

/* CSs For drawing arrow on one of the sides of the HUD*/
div.wrapperRight.coral--midLight
{
	box-shadow: 3px 4px 3px #B5B5B5;
}

div.wrapperRight.coral--midLight:before
{
	border-color: transparent #CACACA transparent transparent;
}

div.wrapperLeft.coral--midLight
{
	box-shadow: -3px 4px 3px #B5B5B5;
}

div.wrapperLeft.coral--midLight:before
{
	border-color: transparent transparent transparent #CACACA;
}

div.wrapperTop.coral--midLight
{
	box-shadow: 0px -3px 4px 3px #B5B5B5;
}

div.wrapperTop.coral--midLight:before
{
	border-color: #CACACA transparent transparent transparent;
}

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

div.wrapperTopLeft.coral--midLight:before
{
	border-color: #CACACA transparent transparent transparent;
}

div.wrapperBottom.coral--midLight
{
	box-shadow:0px 3px 4px 3px #B5B5B5;
}
div.wrapperBottom.coral--midLight:before
{
	border-color: transparent transparent #CACACA transparent;
}

/* coral--midDark Dark Theme  Specific colors*/
div.wrapper.coral--midDark  
{
	border-color: #484848;
}

div.wrapperRight.coral--midDark 
{
   box-shadow: 3px 4px 3px #4F4F4F; 
}

div.wrapperRight.coral--midDark:before
{
    border-color: transparent #484848 transparent transparent;
}

div.wrapperLeft.coral--midDark 
{
   	box-shadow: -3px 4px 3px #4F4F4F; 
}

div.wrapperLeft.coral--midDark:before
{
    border-color: transparent transparent transparent #484848;
}
div.wrapperTop.coral--midDark 
{
   	box-shadow: 0px -3px 4px 3px #4F4F4F; 
}

div.wrapperTop.coral--midDark:before 
{
    border-color: #484848 transparent transparent transparent;
}

div.wrapperTopLeft.coral--midDark 
{
   	box-shadow: 0px -3px 4px 3px #4F4F4F; 
}

div.wrapperTopLeft.coral--midDark:before 
{
    border-color: #484848 transparent transparent transparent;
}

div.wrapperBottom.coral--midDark 
{
   	box-shadow: 0px 3px 4px 3px #4F4F4F; 
}

div.wrapperBottom.coral--midDark:before 
{
    border-color: transparent transparent #484848 transparent;
}

div.wrapper.coral--light 
{
    border-color: #f5f5f5;
}

/* CSs For drawing arrow on one of the sides of the HUD*/
div.wrapperRight.coral--light
{
	box-shadow: 3px 4px 3px #B5B5B5;
}

div.wrapperRight.coral--light:before
{
	border-color: transparent #F5F5F5 transparent transparent;
}

div.wrapperLeft.coral--light
{
	box-shadow: -3px 4px 3px #B5B5B5;
}

div.wrapperLeft.coral--light:before
{
	border-color: transparent transparent transparent #F5F5F5;
}

div.wrapperTop.coral--light
{
	box-shadow: 0px -3px 4px 3px #B5B5B5;
}

div.wrapperTop.coral--light:before
{
	border-color: #F5F5F5 transparent transparent transparent;
}

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

div.wrapperTopLeft.coral--light:before
{
	border-color: #F5F5F5 transparent transparent transparent;
}

div.wrapperBottom.coral--light
{
	box-shadow:0px 3px 4px 3px #B5B5B5;
}
div.wrapperBottom.coral--light:before
{
	border-color: transparent transparent #F5F5F5 transparent;
}

/* coral--dark Dark Theme  Specific colors*/
div.wrapper.coral--dark  
{
	border-color: #323232;
}

div.wrapperRight.coral--dark 
{
   box-shadow: 3px 4px 3px #4F4F4F; 
}

div.wrapperRight.coral--dark:before
{
    border-color: transparent #323232 transparent transparent;
}

div.wrapperLeft.coral--dark 
{
   	box-shadow: -3px 4px 3px #4F4F4F; 
}

div.wrapperLeft.coral--dark:before
{
    border-color: transparent transparent transparent #323232;
}
div.wrapperTop.coral--dark 
{
   	box-shadow: 0px -3px 4px 3px #4F4F4F; 
}

div.wrapperTop.coral--dark:before 
{
    border-color: #323232 transparent transparent transparent;
}

div.wrapperTopLeft.coral--dark 
{
   	box-shadow: 0px -3px 4px 3px #4F4F4F; 
}

div.wrapperTopLeft.coral--dark:before 
{
    border-color: #323232 transparent transparent transparent;
}

div.wrapperBottom.coral--dark 
{
   	box-shadow: 0px 3px 4px 3px #4F4F4F; 
}

div.wrapperBottom.coral--dark:before 
{
    border-color: transparent transparent #323232 transparent;
}
