#DCExposeMask {
	background: #000;
	display: none;
	height: 100%;
	left: 0;
	opacity: 0.7;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
}

#DCLoader {
	background: #f2f2ee url('//api.direct-credit.ru/images/ajax_loader.gif') no-repeat 10px 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	display: inline-block;
	height: 51px;
	position: absolute;
	width: 51px;
	z-index: 10001;
}

#DCFrameBlock { background: none; position: absolute; z-index: 10000; }
#DCFrameBlock #DCCloseFrame {
	cursor: pointer;
	height: 36px;
	position: absolute;
	right: -18px;
	top: -18px;
	width: 36px;
	z-index: 10001;
}

#DCClosePopup {
	background: white;
	border: none;
	border-color: #E5E5E5 #DBDBDB #D2D2D2;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	display: none;
	left: 160px;
	padding: 10px;
	position: absolute;
	top: 100px;
	width: 360px;
	z-index: 2000;
}
#DCClosePopup .DCTitle {
	color: #333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	text-align: center;
}
#DCClosePopup .textBlock {
	color: #333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	margin: 10px 0px;
	padding: 0px 0px 10px;
	text-align: left;
}
#DCCloseBlock .textBlock a { border-bottom: 1px dashed #2EB6E6; color: #2EB6E6; text-decoration: none; }
#DCClosePopup .textBlock a:hover { border-bottom: 1px dashed white; }
#DCClosePopup table tr td { margin: 0px; padding: 0px; }
#DCClosePopup table tr td.DCLeft { text-align: left; }
#DCClosePopup table tr td.DCRight { text-align: right; }
#DCClosePopup #DCCancelButton,
#DCClosePopup #DCAgreeButton {
	background-image: url('//api.direct-credit.ru/images/button_blue.jpg');
	border: none;
	color: white;
	cursor: pointer;
	height: 30px;
	text-align: center;
	width: 150px;
}
#DCClosePopup .buttonRed { background-image: url('//api.direct-credit.ru/images/button_red.jpg') !important; }
#DCClosePopup .buttonYellow { background-image: url('http://direct-credit.ru/widget/images/button_yellow.jpg') !important; }
#DCClosePopup .buttonPurple { background-image: url('http://direct-credit.ru/widget/images/button_purple.jpg') !important; }
#DCClosePopup #DCCancelButton { background-position: 0px 0px; }
#DCClosePopup #DCCancelButton:hover { background-position: 0px -30px; }
#DCClosePopup #DCAgreeButton { background-position: 0px -60px; }
#DCClosePopup #DCAgreeButton:hover { background-position: 0px -90px; }

.DCPadding10 { padding: 10px; }

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
.dc-credit { width: 300px; height: 50px; font-family: 'Open Sans', sans-serif; font-size: 15px;
	-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
	.dc-price { display: inline-block; position: relative; float: left; width: 30%; height: 30%; padding: 5px 0; background: #ffffff; text-align: center; z-index: 5;
		-moz-border-radius: 5px 0 0 5px;
		-webkit-border-radius: 5px 0 0 5px;
		-khtml-border-radius: 5px 0 0 5px;
		-o-border-radius: 5px 0 0 5px;
		border-radius: 5px 0 0 5px;	
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.dc-price p { margin: 0; font-size: 90%; color: #999999; }
	.dc-price p:first-child { font-size: 130%; color: #000000; }
	.dc-btn { display: inline-block; position: relative; float: right; width: 70%; height: 100%; border: none; outline: none; background: none; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 100%; font-weight: 700; letter-spacing: 1px; line-height: 50px; color: #ffffff !important; cursor: pointer;
		-moz-border-radius: 0 5px 5px 0;
		-webkit-border-radius: 0 5px 5px 0;
		-khtml-border-radius: 0 5px 5px 0;
		-o-border-radius: 0 5px 5px 0;
		border-radius: 0 5px 5px 0;	
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	.dc-btn:after { position: absolute; top: 50%; left: -5px; margin: -10px 0 0 -10px; width: 20px; height: 20px; background: #ffffff; content: '';			
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
.dc-credit:active .dc-btn:after {
	left: 0px;
}
	
	.dc-credit.red .dc-btn { background-color: rgb(255, 19, 0); }
	.dc-credit.red:hover .dc-btn { background-color: rgb(255, 78, 64); }
	.dc-credit.red:active .dc-btn { background-color: rgb(191, 51, 48); }
	
	.dc-credit.orange .dc-btn { background-color: rgb(255, 137, 64); }
	.dc-credit.orange:hover .dc-btn { background-color: rgb(255, 168, 115); }
	.dc-credit.orange:active .dc-btn { background-color: rgb(255, 98, 0); }
	
	.dc-credit.green .dc-btn { background-color: rgb(35, 141, 67); }
	.dc-credit.green:hover .dc-btn { background-color: rgb(0, 189, 57); }
	.dc-credit.green:active .dc-btn { background-color: rgb(0, 123, 37); }
	
	.dc-credit.turquoise .dc-btn { background-color: rgb(29, 112, 116); }
	.dc-credit.turquoise:hover .dc-btn { background-color: rgb(1, 147, 154); }
	.dc-credit.turquoise:active .dc-btn { background-color: rgb(0, 96, 100); }
	
	.dc-credit.blue .dc-btn { background-color: rgb(69, 115, 213); }
	.dc-credit.blue:hover .dc-btn { background-color: rgb(108, 141, 213); }
	.dc-credit.blue:active .dc-btn { background-color: rgb(17, 66, 170); }
	
	.dc-credit.purple .dc-btn { background-color: rgb(94, 37, 128); }
	.dc-credit.purple:hover .dc-btn { background-color: rgb(111, 10, 170); }
	.dc-credit.purple:active .dc-btn { background-color: rgb(71, 3, 111); }
	
	.dc-credit.metallic .dc-btn { background-color: rgb(87, 87, 87); }
	.dc-credit.metallic:hover .dc-btn { background-color: rgb(128, 128, 128); }
	.dc-credit.metallic:active .dc-btn { background-color: rgb(76, 76, 76); }