.popupBase {
	position:fixed;
	display:none;
	z-index:200;
}

.popupBase.notification {
	border-radius:5px;
	text-align:left;
}

.popupBase.footerBar {
	border-width:1px 0 0 0 !important;
}

.popupBase.footerBar .popupContentMain {
	padding:7px 25px;
}

.popupBase > div {
	border-radius:5px;
}
.popupBase > div > div {
	border-radius:5px;
}
.popupContent {
	position:relative;
}
.popupContentHeader {
	padding:7px 11px;
}
.popupContentMain {
	padding:0 11px;
	font-size:90%;
}
.popupContentFooter {
	padding:9px 11px;
}
.popupContentHeader h2 {
	font-size:120%;
}
.popupCloseButton {
	border-radius: 10px;
	cursor: pointer;
	display: block;
	height: 20px;
	position: absolute;
	right: -10px;
	top: -10px;
	width: 20px;
}
.popupCloseButton:before {
	content: "\f057";
	font-family: FontAwesome;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	position: relative;
	right: -2px;
	text-decoration: inherit;
	top: -1px;
}
.popupContentFooterButtonsTable {
	display: table;
	width: 100%;
}
.popupContentFooterButtonsRow {
	display: table-row;
	width: 100%;
}
.popupContentFooterButtons {
	display: table-cell;
	padding: 0;
	width: 48%;
	text-align:center;
}
.popupContentFooterButtonsSpacer {
	display: table-cell;
	padding: 0;
	width: 4%;
}
.popupButton {
	cursor: pointer;
	display: block;
	font-size: 90%;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
}
.popupBase.black {
	background: rgba(0,0,0,0.8);
	border:1px solid rgba(0,0,0,0.95);
	box-shadow:0 2px 10px rgba(0,0,0,0.4), 0 15px 25px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.25) inset;
	color:#fff;
}
.popupCloseButton.black {
	background:#000000;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.popupContentFooter.black a.popupButtonRegister, .popupContentFooter.black a.popupButtonLogin {
	background-image: #b9e388;
	background-image: -webkit-linear-gradient(top, rgb(197,239,150) 0%, rgb(172,215,121) 100%);
	background-image: -moz-linear-gradient(top, rgb(197,239,150) 0%, rgb(172,215,121) 100%);
	background-image: -ms-linear-gradient(top, rgb(197,239,150) 0%, rgb(172,215,121) 100%);
	background-image: linear-gradient(top, rgb(197,239,150) 0%, rgb(172,215,121) 100%);
	color:#3E670C;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius:3px;
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset, -1px 0 0 rgba(255,255,255,0.3) inset, 1px 0 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(255,255,255,0.25) inset;
}
.popupContentFooter.black a.popupButtonRegister:hover, .popupContentFooter.black a.popupButtonLogin:hover {
	background: #ceebae;
	color:#243C06 !important;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset, -1px 0 0 rgba(255,255,255,0.3) inset, 1px 0 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(255,255,255,0.25) inset;
}
.popupBase.blue {
	background: rgba(30,130,180,0.9);
	box-shadow:0 2px 10px rgba(0,0,0,0.3), 0 15px 25px 0 rgba(70,200,255,0.45) inset, 0 1px 0 rgba(255, 255, 255, 0.25) inset;
	color:#fff;
	border:1px solid rgba(20,126,178,1);
}
.popupCloseButton.blue {
	background:#147EB2;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.popupContentFooter.blue a.popupButtonRegister, .popupContentFooter.blue a.popupButtonLogin {
	background-image: #c8e9f8;
	background-image: -webkit-linear-gradient(top, rgb(208,240,255) 0%, rgb(192,225,240) 100%);
	background-image: -moz-linear-gradient(top, rgb(208,240,255) 0%, rgb(192,225,240) 100%);
	background-image: -ms-linear-gradient(top, rgb(208,240,255) 0%, rgb(192,225,240) 100%);
	background-image: linear-gradient(top, rgb(208,240,255) 0%, rgb(192,225,240) 100%);
	color:#147EB2;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius:3px;
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset, -1px 0 0 rgba(255,255,255,0.3) inset, 1px 0 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(255,255,255,0.25) inset;
}
.popupContentFooter.blue a.popupButtonRegister:hover, .popupContentFooter.blue a.popupButtonLogin:hover {
	background: #dbeff9;
	color:#147EB2 !important;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset, -1px 0 0 rgba(255,255,255,0.3) inset, 1px 0 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(255,255,255,0.25) inset;
}
.popupBase.green {
	background: rgba(103,170,19,0.9);
	border:1px solid #599310;
	box-shadow:0 2px 10px rgba(0,0,0,0.3), 0 15px 25px 0 rgba(167,235,81,0.45) inset, 0 1px 0 rgba(255, 255, 255, 0.25) inset;
	color:#fff;
}
.popupCloseButton.green {
	background:#599310;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.popupContentFooter.green a.popupButtonRegister, .popupContentFooter.green a.popupButtonLogin {
	background-image: #e1f1cd;
	background-image: -webkit-linear-gradient(top, rgb(231,243,215) 0%, rgb(219,238,195) 100%);
	background-image: -moz-linear-gradient(top, rgb(231,243,215) 0%, rgb(219,238,195) 100%);
	background-image: -ms-linear-gradient(top, rgb(231,243,215) 0%, rgb(219,238,195) 100%);
	background-image: linear-gradient(top, rgb(231,243,215) 0%, rgb(219,238,195) 100%);
	color:#599310;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius:3px;
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset, -1px 0 0 rgba(255,255,255,0.3) inset, 1px 0 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(255,255,255,0.25) inset;
}
.popupContentFooter.green a.popupButtonRegister:hover, .popupContentFooter.green a.popupButtonLogin:hover {
	background: #f6fbf1;
	color:#599310 !important;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset, -1px 0 0 rgba(255,255,255,0.3) inset, 1px 0 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(255,255,255,0.25) inset;
}
.popupBase.red {
	background: rgba(193,38,22,0.9);
	border:1px solid #941d11;
	box-shadow:0 2px 10px rgba(0,0,0,0.3), 0 15px 25px 0 rgba(233,76,60,0.85) inset, 0 1px 0 rgba(255, 255, 255, 0.9) inset;
	color:#fff;
}
.popupCloseButton.red {
	background:#941d11;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.popupContentFooter.red a.popupButtonRegister, .popupContentFooter.red a.popupButtonLogin {
	background-image: #fbeae8;
	background-image: -webkit-linear-gradient(top, rgb(252,241,239) 0%, rgb(249,226,224) 100%);
	background-image: -moz-linear-gradient(top, rgb(252,241,239) 0%, rgb(249,226,224) 100%);
	background-image: -ms-linear-gradient(top, rgb(252,241,239) 0%, rgb(249,226,224) 100%);
	background-image: linear-gradient(top, rgb(252,241,239) 0%, rgb(249,226,224) 100%);
	color:#711e16;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius:3px;
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset, -1px 0 0 rgba(255,255,255,0.3) inset, 1px 0 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(255,255,255,0.25) inset;
}
.popupContentFooter.red a.popupButtonRegister:hover, .popupContentFooter.red a.popupButtonLogin:hover {
	background: #FFF;
	color:#711e16 !important;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset, -1px 0 0 rgba(255,255,255,0.3) inset, 1px 0 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(255,255,255,0.25) inset;
}
.popupBase.fancy {
	background: rgba(140,21,105,0.9);
	border:1px solid #332480;
	box-shadow:0 2px 10px rgba(0,0,0,0.3), 0 15px 25px 0 rgba(100,70,255,0.65) inset, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	color:#FFF;
}
.popupCloseButton.fancy {
	background:#332480;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.popupContentFooter.fancy a.popupButtonRegister, .popupContentFooter.fancy a.popupButtonLogin {
	background-image: #ece0f5;
	background-image: -webkit-linear-gradient(top, rgb(246,233,255) 0%, rgb(226,214,234) 100%);
	background-image: -moz-linear-gradient(top, rgb(246,233,255) 0%, rgb(226,214,234) 100%);
	background-image: -ms-linear-gradient(top, rgb(246,233,255) 0%, rgb(226,214,234) 100%);
	background-image: linear-gradient(top, rgb(246,233,255) 0%, rgb(226,214,234) 100%);
	color:#332480;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius:3px;
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset, -1px 0 0 rgba(255,255,255,0.3) inset, 1px 0 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(255,255,255,0.25) inset;
}
.popupContentFooter.fancy a.popupButtonRegister:hover, .popupContentFooter.fancy a.popupButtonLogin:hover {
	background: #FFF9FF;
	color:#332480 !important;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset, -1px 0 0 rgba(255,255,255,0.3) inset, 1px 0 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(255,255,255,0.25) inset;
}
.popupContentMain a {
	color:#FFF !important;
	text-decoration:underline;
	text-shadow: none !important;
}