/**
 * Базовый стиль модального диалога
 * @author     Dmitry Bykadorov <dmitry.bykadorov@gmail.com>
 * @version    SVN: $Id: modal_dialog.css 106 2009-06-02 07:59:52Z kotmiron $
 */

#modalOverlay {
  background-color:#000;
  cursor:wait;
}

#modalContainer {
  right: 500px;
  top: 75px;
  margin-left:-300px; // half the width, to center
}

#modalContainer a.modalCloseImg {
  background:url(/img/close.gif) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}

/* Popup */

.modalTypeOne {
    padding: 10px;
    margin: 20px;
    position: absolute; 
    top: 0;
    left: 0;
    width: 306px;
    color: #bbcdde;
    border:1px solid #749ac0;
    background-color:#102132;
    display: inline;
}

.modalTypeTwo {
    background-color:#102132;
    border:1px solid #749AC0;
    color:#BBCDDE;
    display:inline;
    left:-330px; /* -400px; */
    padding:10px;
    position:absolute;
    top:80px;
    width:400px; /* 600 */
}

.popup a {
	color: #bbcdde;
	text-decoration: none;
	font-weight: bold;
}
.popup a:hover {
	text-decoration: underline;
	color:#d9ecfd;	
}
.popup h4 {
	padding:10px 0 8px 15px;
	color: #fff;
	background: #1a3550;
	font-size: 14px;
	font-weight: bold;
}
.popup .close {
	position: relative;
	top: -31px;
	display: block;
	height:12px;
	padding: 0 17px 0 0;
	color: #fff;
	background: url(/img/close.gif) no-repeat right top;
	font-size: 10px;
	font-weight: normal;
}
.popup .close:hover {
	text-decoration: underline;
}
.popup .button {
	_width: 107px;
}
.popup div.button {
	float: right;
	margin: 10px 20px 5px 0;
}
.popup form {
	padding: 0 15px 15px 15px;
}
.popup table {
	margin: 20px 0 0 0;
}
.popup th {
	width: 68px;
}
.popup th label {
	font-weight: bold;
}
.popup .text {
	/* width: 180px; */
	margin: 3px 0;
	padding: 7px 10px;
	color: #50565c;
	background: url(/img/input.gif) repeat-x #fff;
	border: 1px solid #1f3d57;
	font-size: 12px;
}
.popup p.small {
	font-size: 10px;
	padding: 0 0 0 68px;
}
.popup p.small a:hover {
	text-decoration: underline;
}
	
.button {
	cursor:pointer;
	height: 44px;
}

div.button {
	background: url(/img/index/btn-left.gif) no-repeat left;
}
div.button input.button {
	margin: 0 0 0 13px;
	padding: 0 13px 0 0;
	color: #fff;
	background: url(/img/index/btn-right.gif) no-repeat right;
	border: 0;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	font-family:Arial, Verdana, sans-serif;
}

.error {
    font-weight: bold;
    color: red;
}