#topLayer {
  width: 361px;
  float: left;
  clear: both;
}

#popup_top {
  width: 361px;
  height: 14px;
  background: url('../images/popup/bak_popup_top.png') no-repeat;
  float: left;
}
#popup_btm {
  width: 361px;
  height: 12px;
  background: url('../images/popup/bak_popup_btm.png') no-repeat;
  float: left;
}
#popup_body, .popup_body {
  width: 361px;
  padding-bottom: 10px;
  font-size: 11px;
  background-color:#FFFFFF;
  float: left;
  border:1px solid #D5D5D5;
}

#popup_header, .popup_header {
  padding: 0 20px 0 10px;
  clear:right;
  text-align:left;
}
#popup_lheader, .popup_lheader {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}
#popup_rheader {
  float: right;
}
#popup_close {
	float:right;
	margin:0px 12px 0 0;
	}

#popup_content, .popup_content {
  padding: 10px 20px 10px 10px;
  float: left;
  text-align:left;
}
.popup_content img.loading
{
    vertical-align: middle;
}
.right {
	float:right;
	}
.dotted_line {
	border-bottom:1px dotted #999999;
	}
#popup_content p {
  padding-bottom: 10px;
}
#popup_content a {
  color: #388E91;
}
#popup_content img {
  vertical-align: middle;
}
#popup_content input, #popup_content textarea {
  font-size: 11px;
}
#popup_content textarea {
  vertical-align: top;
}

#album_group {
  padding-bottom: 2px;
}

#popup_error {
  color: #cc0000;
  padding-bottom: 10px;
}
#popup_progress {
  width: 340px;
  font-weight: bold;
  text-align: center;
}

/* CSS required for popups to work */
#popup, #popup_CreateNewAlbum,#popup_DeleteContact,#popup_DeleteSelectedContacts, #popup_DeleteAlbum, #popup_DeleteCard, #popup_DeletePhotoBook, #popup_UploadImages, #popup_CopyMoveImagesToAlbum, #popup_UpdateAlbumName
{
  width: 300px;
  top: 0px;
  left: 0px;
  visibility:hidden;
  position:absolute;
  z-index: 3;
}
#bottomLayer {
	top:0px;
	left:0px;
	width:auto;
	height:auto;
	background:url(../images/popup/bottom_layer_tiler.gif);
	position:absolute;
	visibility:hidden;
	z-index: 2;
}

/* POPUP LAYER DIV using PopupControl -----------------------------------------------*/
.popup_control_close
{
    float:right;
    margin: 12px 0 0;
    padding-right: 10px;
}

.popup_control_btns
{
    clear: both;
    text-align: center;
    margin-top: 12px;
}

.popup_control_btns img
{
    margin-right: 10px;
}

/* /POPUP LAYER DIV using PopupControl -----------------------------------------------*/


.popup:before /*Preload images used when popup is shown -- Fix for Chrome and Safari*/
{
  background: url('../images/popup/bottom_layer_tiler.gif') no-repeat -9999px -9999px; /* for Safari*/
  content: url(/images/popup/bottom_layer_tiler.gif); /* for Chrome*/
  display: none;
}
.modalBackground
{
    background: url(../images/popup/bottom_layer_tiler.gif) repeat;
}

.popup_body .buttons
{
    clear: both;
    padding-right: 10px;
    text-align: right;
}