.buttonCodeGeneratorModalWindowContainer {
	height:100%;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1000000;
	color:#555555;
}

.buttonCodeGeneratorModalWindowContainer  * {
	color:#555555;
}

#buttonCodeGeneratorLoadingSpinner {
	position:absolute;
	margin-left:316px;
	margin-top:50px;
	background:white;
	border:1px solid black;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow:0px 4px 8px #505050;
	-moz-box-shadow:0px 4px 8px #505050;
	box-shadow:0px 4px 8px #505050;
}

#buttonCodeGeneratorScrollingDiv {
	/*height: 500px;*/
	max-height: 558px;
	max-height: 558px\9;
	*max-height: 558px;
    overflow-y: auto;
}

#buttonCodeGeneratorCodeModal {
	height:100%;
	width:100%;
	background:#555555;
	position:fixed;
	top:0px;
	left:0px;
	opacity:.5;
	filter: alpha(opacity = 50);
	z-index:1000;
}

#buttonCodeGeneratorModalWindow {
	width:940px;
	height: 615px;
	background:white;
	margin:auto;
	top:18px;
	top:8px\9;
	*top:8px;	
/*	top:60px;
	top:50px\9;
	*top:50px;*/
	position:relative;
	border:20px solid #1f2b33;
	/*-webkit-box-shadow:0px 4px 8px #505050;
	-moz-box-shadow:0px 4px 8px #505050;
	box-shadow:0px 4px 8px #505050;
	border-top:4px solid #505050;*/
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	
}

.buttonCodeGeneratorContainer {
	padding:0px;
	margin:0px;
	line-height:1.3em;
	position:relative;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	background: #FFFFFF;
/*	background: #f0f0f0; 
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); 
	background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);*/ 
}

.buttonCodeGeneratorContainer h1 {
	padding-top:0px;
	padding-bottom: 6px;
	font-size:1.1em;
	color:white;
	text-align:left;
	background:#505050;
	margin-bottom:11px;
}

.buttonCodeGeneratorContainer h2 {
	color: #8f9090;
	/*margin: 0 2% 1%;*/
	margin: 2% 3% 1%;
	font-family: VAGROUNL !important;
    font-size: 18px;
}

.buttonCodeGeneratorTOS {
	font-size:12px;
	font-family: Sintony-Regular;
	color: #434747;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	background:#ececec !important;
	/*border-bottom:1px solid grey;*/
	*padding-top:10px;
	*position:relative;
	*top:-12px;
	margin-top: 10px !important;
}

.buttonCodeGeneratorTOSCenter {
	/*border-top:1px solid grey;*/
	text-align: center;
	padding-top:10px;
}

.buttonCodeGeneratorButton {
	font-size: .9em;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-top: 5px;
}

.buttonCodeGeneratorLink {
	cursor:pointer;
	color:#01bf01;
	text-decoration: none;
}

.buttonCodeGeneratorContainer ol {
	list-style: decimal inside;
	margin-left: 20px;
	padding:10px;
}

.buttonCodeGeneratorContainer ul {
	list-style: none;
	margin-left: 20px;
	padding: 10px;
}

.buttonCodeGeneratorContainer li {
	margin:0px;
}

.buttonCodeGeneratorContainer p.widgetHeading {
/*	font-size: 0.9em;
	font-weight: bold;
	background: url("/images/Gradient_Default.jpg") repeat scroll 0 0 transparent;
	border: 2px solid lightGrey;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	cursor: pointer;
	width: 165px;
	margin-left: 87px;
    padding: 15px 20px;
    margin-bottom: 18px;*/
    background: #80898a;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;	
	cursor: pointer;
	width: 250px;
	font-family: VAGROUNL !important;
	font-size: 15px;
	color: #FFFFFF;   
	margin-left: 87px; 
	height: 20px;
	padding: 4px 0px;
    margin-bottom: 18px;	
}

.buttonCodeGeneratorContainer p.widgetHeading:hover {
	/*background: url("/images/Gradient_Over.jpg") repeat scroll 0 0 transparent;
	border: 2px solid #AAAACC;*/
}

.buttonCodeGeneratorContainer p.widgetHeading.selected {
	/*border: 2px solid #4DAA3D;*/
	background: #01bf01;
}

.widgetSelectedImage {
    border-radius: 0px 0px 2px 2px;
    height: 226px;
    margin-left: 87px;
    margin-top: -19px;
    width: 246px;	
    border: 2px solid white;
	cursor: pointer;
}

.showBorder {
	border: 2px solid #01BF01;	
}

.buttonCodeGeneratorContainer p.widgetBody {
	font-size: 12px;
	font-family: Sintony-Regular;
	color: #434747;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	
}

.buttonCodeGeneratorContainer p.widgetRight {
	margin-left: 15px;
}

.buttonCodeGeneratorContainer li.widgetOption {
	float: left;
	padding: 0px 10px 10px;
	/*margin-bottom: 10px;*/
	text-align: center;
}

.buttonCodeGeneratorContainer .widgetImage {
	/*cursor: pointer;
	border: 2px solid lightgrey;
	border-radius: 5px 5px 5px 5px;*/
}

.buttonCodeGeneratorContainer .widgetImage:hover {
	/*cursor: pointer;
	border: 2px solid #AAAACC;
	border-radius: 5px 5px 5px 5px;*/
}

.buttonCodeGeneratorContainer .widgetImage.selected {
	/*cursor: pointer;
	border: 2px solid #4DAA3D;
    border-radius: 5px 5px 5px 5px;*/
}

.buttonCodeGeneratorContainer li.barRight {
	border-right: 1px solid #80898a;
}

.buttonCodeGeneratorContainer li.barBottom {
	border-bottom: 1px solid grey;
}

.buttonCodeGeneratorContainer li.barBottom:hover {
	/*border-bottom: 2px solid #AAAACC;
	cursor: pointer;*/
}

.buttonCodeGeneratorContainer li.barBottom.selected {
	/*border-bottom: 2px solid #4DAA3D;*/
}

.buttonCodeGeneratorTitle {
	/*color:white;*/
	font-family:VAGROUNL;
	font-size:32px;
	color:#1f2b33;
	margin-top:25px;
	margin-left:25px;
}

.buttonCodeGeneratorCode {
	font-family:verdana;
	background:white;
	font-size:.7em;
	padding:10px;
	margin:10px 20px 25px 32px;
	border:1px solid #B7C2C2;
	max-height:105px;
	overflow:auto;
	cursor:text;
}

.buttonCodeGeneratorConfig {
	background:white;
	font-size:.9em;
	padding:10px;
	margin:10px 20px 25px 0;
	border:1px solid #aaaaaa;
	max-height:105px;
	overflow:auto;
	cursor:text;
}

.buttonCodeGeneratorConfig .leftLabel
{
	margin-right: 70px;
}

.buttonCodeGeneratorConfig input
{
	border:2px solid #ddd;
	min-height:1.5em;
	width:32%;
	color: #4E4E4E;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	margin-right: 10px;
	padding-left:5px;
}

.buttonCodeGeneratorConfig a
{
	font-weight:bold;
}

.buttonCodeGeneratorCloser {
	background: url("/images/new_website/popup/close_button.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    position: absolute;
    right: -34px;
    top: -57px;
    width: 38px;
    z-index: 9999;
	cursor:pointer;
}
	
.buttonCodeGeneratorClosedLoopBeta {
	font-size: 0.85em;
	margin-top: 5px;
	padding: 5px 5px 5px 0px;
}

#chkbxClosedLoopBeta {
	margin-right: 10px;
}

.gtcCounterImage {
	margin-left:-4px;
	margin-top:13px;	
}

.centerText {
	text-align: center;
}

.gtcSubheader {
    color: #1F2B33;
    font-family: VAGROUNL;
    font-size: 18px;
    left: 10px;
    position: relative;
    top: -6px;
}
.gtcSubheader a {
    color: #01BF01;
}
.buttonCodeTagStyle {
	font-size: 11px;
	color: #01bf01;	
}
/* #### SSL Option Radio Buttons #### */
#website_type{
   position:relative;
   top:-5px;
   left:31px;
}

input[type="radio"].sslOption{
  display: none;
}

label.ssl_label{ /* radio label */
  position: relative;
  padding-left: 32px; /* space to the left of label text */
  padding-top: 2px;
  margin-bottom: 1em; /* bottom spacing */
  cursor: pointer;
}

label.ssl_label::before{ /* outer round circle */
  content: '';
  position:absolute;
  width: 24px;
  height: 24px;
  background: #E6E6E6;
  box-shadow: 0 0 2px #E6E6E6 inset;
  border-radius: 25px;
  left: 0;
  top: 0;
  color: #434747;
  font-family: Sintony-Regular;
  font-size: 14px;
}

label.ssl_label::after{ /* inner dark circle */
  content: '';
  position:absolute;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  left: 4px;
  top: 4px;
  overflow: hidden;
  transition: all 0.2s;  /* CSS3 transition on dark circle */
}

input[type="radio"]:checked + label.ssl_label::after{ /* inner dark circle when radio is selected */
  background: #01bf01;
}

@media \0screen {
	input[type="radio"].sslOption{
		display: inline-block;}
	label.ssl_label{ /* radio label */
		cursor: pointer;
		padding-left: 8px;
	}
}