/*
 * ============================================================================================
 *
 *                                  V o z z w o r k s   L L C.
 *
 *                                     Copyright(c) 2012 By
 *
 *                                       VoZZware LLC
 *
 *                             A L L   R I G H T S   R E S E R V E D
 *
 * ============================================================================================
 */
.VwPopupBox
{
  border:2px outset black;
  background:linear-gradient(to right, #ffffff, #fffff1);
  background: -webkit-linear-gradient(320deg, #ffffff, #fffff1 );
  background: -moz-linear-gradient(320deg, #ffffff, #fffff1 );
  background: -o-linear-gradient(320deg, #ffffff, #fffff1 );
  background: -ms-linear-gradient(320deg, #ffffff, #fffff1 );
  box-shadow: 4px 4px 8px #666666;


}

.VwPopupContent
{
  width: 100%;
  height: 100%;
}

.VwPopupCenter
{
  position: fixed;
 	top: 50%;
 	left: 50%;
 	max-width: 60em;
 	min-width: 320px;
 	height: auto;
 	backface-visibility: hidden;
 	transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}

.VwPopupBoxHdr
{
  width:100%;
  text-align:center;
  font-size:120%;
  font-weight:bold;
  vertical-align:middle;

}

.VwPopupActionBtn
{
  display: inline-block;
}

.VwPopupBoxActions
{
  display: table;
  border-collapse: collapse;
  margin: 0 auto 0.5em;
}

.VwPopupBoxContent
{
  margin:auto;
  text-align:center;
  box-shadow: 6px 6px 12px #888888;
  width:96%;

}


.VwPopupCloseIcon
{
  width:2em;
  height:2em;
  margin-top:-2.8em;
  cursor:pointer;

}

.VwOverlay
{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.VwImgDiv
{
  position:absolute;
  top:1px;
  left:1px;
}

.VwPopupContentTextDiv
{
  width:100%;
  margin:4px;
}

.VwPopupContentText
{
  display: block;
  width: 100%;
  max-height:20em;
  overflow:hidden;
  text-overflow:ellipsis;
  padding-right:2em;
  padding-bottom:1em;
  padding-top:.2em;

}

.VwPopupHdrText, .VwPopupContentText
{
  display:inline-block;
}



.VwDialogHdr
{
  border-bottom:1px solid black;
  width:100%;
  height:1.8em;
  line-height:2em;
  text-align:center;
  font-size:150%;
  font-weight:bold;
  color:white;
  background:linear-gradient(to right, #e0e0e0, #313131);
  background: -webkit-linear-gradient(320deg, #e0e0e0, #313131 );
  background: -moz-linear-gradient(320deg, #e0e0e0, #313131 );
  background: -o-linear-gradient(320deg, #e0e0e0, #313131 );
  background: -ms-linear-gradient(320deg, #e0e0e0, #313131 );

}

.VwDialogHdr > span
{
  width:100%;
  display:block;
  height:1.8em;

}

.VwPopupImg
{
  width:2.2em;
  height:2.2em;
  margin-top:2px;
  margin-left:2px;

}

.VwPopupBoxHdr.alert
{
  background:linear-gradient(to right, #ffffff, #1a42ff);
  background: -webkit-linear-gradient(320deg, #ffffff, #1a42ff );
  background: -moz-linear-gradient(320deg, #ffffff, #1a42ff );
  background: -o-linear-gradient(320deg, #ffffff, #1a42ff );
  background: -ms-linear-gradient(320deg, #ffffff, #1a42ff );
}

.VwPopupBoxHdr.info
{
  background:linear-gradient(to right, #ffffff, #0000ff);
  background: -webkit-linear-gradient(320deg, #ffffff, #0000ff );
  background: -moz-linear-gradient(320deg, #ffffff, #0000ff );
  background: -o-linear-gradient(320deg, #ffffff, #0000ff );
  background: -ms-linear-gradient(320deg, #ffffff, #0000ff );
}

.VwPopupBoxHdr.error
{
  background:linear-gradient(to right, #ffffff, red);
  background: -webkit-linear-gradient(320deg, #ffffff, red );
  background: -moz-linear-gradient(320deg, #ffffff, red );
  background: -o-linear-gradient(320deg, #ffffff, red );
  background: -ms-linear-gradient(320deg, #ffffff, red );
}

.VwPopupBoxHdr.confirm
{
  background:linear-gradient(to right, #ffffff, #009200);
  background: -webkit-linear-gradient(320deg, #ffffff, #009200 );
  background: -moz-linear-gradient(320deg, #ffffff, #009200 );
  background: -o-linear-gradient(320deg, #ffffff, #009200 );
  background: -ms-linear-gradient(320deg, #ffffff, #009200 );
}

.VPopupBoxHdr.progress
{
  background:linear-gradient(to right, #ffffff, yellow);
  background: -webkit-linear-gradient(320deg, #ffffff, yellow );
  background: -moz-linear-gradient(320deg, #ffffff, yellow );
  background: -o-linear-gradient(320deg, #ffffff, yellow );
  background: -ms-linear-gradient(320deg, #ffffff, yellow );
}


.VwAnimationMsg
{
  display:none;
  position:absolute;
  top:0;

}

.VwAnimationStart
{
  animation: vwSlideLeft 1s backwards;
  animation-delay: 0s;

}

.VwAnimationFinish
{
  animation: vwSlideRight 1s forwards;
  animation-delay: 0s;

}

@keyframes vwSlideLeft
{

}

@keyframes vwSlideRight
{

}
