#pbApp,
#pbAppSecondPole,
.pbApp {
  background-color: #eee;
  color: #333;
  font: 14px Calibri, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  min-width: 250px;
  border-radius: 5px !important;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
}
#pbApp .clearer,
#pbAppSecondPole .clearer,
.pbApp .clearer {
  clear: both;
}
#pbApp img,
#pbAppSecondPole img,
.pbApp img {
  border: none;
}
    #pbApp .pbHeader,
    #pbAppSecondPole .pbHeader,
    .pbApp .pbHeader {
        background-color: #3a8ac7;
        color: #fff;
        font-size: 1.2em;
        clear: both;
        text-shadow: #3f505a 0 1px 2px;
        font-weight: bold;
        line-height: 1.6em;
        padding: 3px 3px 3px 8px;
        margin-right: -8px;
        margin-left: -8px;
        margin-bottom: 4px;
        background: url("//d1ws7vyasfsb4l.cloudfront.net/app/img/headerGrad.png") repeat-x bottom left #3a8ac7;
    }
#pbApp .pbButton,
#pbAppSecondPole .pbButton,
.pbApp .pbButton {
  white-space: nowrap;
  float: left;
  display: block;
  margin-bottom: 7px;
  background-color: #fff !important;
  width: 47%;
  text-align: center;
  margin-right: 4px;
  border-radius: 5px;
  color: #73a010;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  margin-left: 4px;
  padding-bottom: 6px;
  padding-top: 6px;
}
#pbApp .pbButton span,
#pbAppSecondPole .pbButton span,
.pbApp .pbButton span {
  display: block;
  height: 44px;
}
    #pbApp .pbButton span.pbIconUpload,
    #pbAppSecondPole .pbButton span.pbIconUpload,
    .pbApp .pbButton span.pbIconUpload {
        width: 45px;
        background: url("//d1ws7vyasfsb4l.cloudfront.net/app/img/icons.png") no-repeat 0 0;
        margin-right: auto;
        margin-left: auto;
    }
    #pbApp .pbButton span.pbIconLibrary,
    #pbAppSecondPole .pbButton span.pbIconLibrary,
    .pbApp .pbButton span.pbIconLibrary {
        width: 33px;
        background: url("//d1ws7vyasfsb4l.cloudfront.net/app/img/icons.png") no-repeat right 0;
        margin-right: auto;
        margin-left: auto;
    }
#pbApp .pbButton:hover,
#pbAppSecondPole .pbButton:hover,
.pbApp .pbButton:hover {
  background-color: #73a010;
  color: #fff;
}
#pbApp .pbButton:hover span.pbIconUpload,
#pbAppSecondPole .pbButton:hover span.pbIconUpload,
.pbApp .pbButton:hover span.pbIconUpload {
  background-position: 0 bottom;
}
#pbApp .pbButton:hover span.pbIconLibrary,
#pbAppSecondPole .pbButton:hover span.pbIconLibrary,
.pbApp .pbButton:hover span.pbIconLibrary {
  background-position: right bottom;
}
#pbApp .pbFormElement,
#pbAppSecondPole .pbFormElement,
.pbApp .pbFormElement {
  padding-top: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #bbb;
  overflow: auto;
  line-height: 1.6em;
}
#pbApp .pbFormElement label,
#pbAppSecondPole .pbFormElement label,
.pbApp .pbFormElement label {
  float: left;
  width: 30%;
  color: #666;
}
#pbApp .pbFormElement ul,
#pbAppSecondPole .pbFormElement ul,
.pbApp .pbFormElement ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 66%;
}
#pbApp ul.pbFormSwatches li,
#pbAppSecondPole ul.pbFormSwatches li,
.pbApp ul.pbFormSwatches li {
  float: left;
  padding-right: 2px;
}
#pbApp a.pbSwatch,
#pbAppSecondPole a.pbSwatch,
.pbApp a.pbSwatch {
  float: left;
  display: block;
  width: 16px;
  height: 16px;
  margin: 2px;
}
#pbApp a.pbSwatch.pbBlack,
#pbAppSecondPole a.pbSwatch.pbBlack,
.pbApp a.pbSwatch.pbBlack {
  background-color: #000;
}
#pbApp a.pbSwatch.pbRed,
#pbAppSecondPole a.pbSwatch.pbRed,
.pbApp a.pbSwatch.pbRed {
  background-color: #f00;
}
#pbApp a.pbSwatch.pbOrange,
#pbAppSecondPole a.pbSwatch.pbOrange,
.pbApp a.pbSwatch.pbOrange {
  background-color: #ffa500;
}
#pbApp a.pbSwatch.pbGreen,
#pbAppSecondPole a.pbSwatch.pbGreen,
.pbApp a.pbSwatch.pbGreen {
  background-color: #008000;
}
#pbApp a.pbSwatch.pbBlue,
#pbAppSecondPole a.pbSwatch.pbBlue,
.pbApp a.pbSwatch.pbBlue {
  background-color: #00f;
}
#pbApp a.pbSwatch.pbPurple,
#pbAppSecondPole a.pbSwatch.pbPurple,
.pbApp a.pbSwatch.pbPurple {
  background-color: #800080;
}
#pbApp a.pbSwatch.pbFuchsia,
#pbAppSecondPole a.pbSwatch.pbFuchsia,
.pbApp a.pbSwatch.pbFuchsia {
  background-color: #f0f;
}
#pbApp a.pbSwatch.selected,
#pbAppSecondPole a.pbSwatch.selected,
.pbApp a.pbSwatch.selected {
  border: 2px solid #bffe21;
  margin: 0;
  -webkit-box-shadow: 0px 1px 3px #333;
}
#pbApp a.pbSwatch:hover,
#pbAppSecondPole a.pbSwatch:hover,
.pbApp a.pbSwatch:hover {
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 1px 3px #333;
  margin: 0;
}
#pbApp .pbOptional,
#pbAppSecondPole .pbOptional,
.pbApp .pbOptional {
  background-color: #d7d7d7;
}
#pbApp .pbFormElement input,
#pbAppSecondPole .pbFormElement input,
.pbApp .pbFormElement input,
#pbApp .pbFormElement select,
#pbAppSecondPole .pbFormElement select,
.pbApp .pbFormElement select,
#pbApp .pbFormElement ul,
#pbAppSecondPole .pbFormElement ul,
.pbApp .pbFormElement ul {
  float: right;
}
#pbApp .pbFormElement input,
#pbAppSecondPole .pbFormElement input,
.pbApp .pbFormElement input,
#pbApp .pbFormElement select,
#pbAppSecondPole .pbFormElement select,
.pbApp .pbFormElement select {
  border: 1px solid #888;
  width: 65%;
  font: 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  background-color: #fff;
  color: #333;
}
#pbSecondPole {
  padding: 5px;
}
#pbSelectedImage {
  min-height: 1px;
  text-align: center;
}
#pbSelectedImage img {
  margin-bottom: 1em;
}
	.pbButton {
		width:46% !important;
	}
	
	#pbPreview {
		width: 300px;
		margin-left: -310px;
		position:absolute;
		border: 1px solid #ccc;
		-webkit-box-shadow: 0px 3px 10px #999;
		-moz-box-shadow: 0px 3px 10px #999;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		z-index: 2000;
		background-color: #fff;
	}
	
	#pbPreview .pbImage {
		text-align:center;
	}
	
	#pbPreview .pbHeader {
		font: 16px Calibri, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color: #fff;
		clear: both;
		text-shadow: #3f505a 0 1px 2px;
		font-weight: bold;
		line-height: 1.6em;
		padding: 3px 3px 3px 8px;
		margin-bottom: 4px;
		-webkit-box-shadow: 0px 2px 4px #ccc;
		-moz-box-shadow: 0px 2px 4px #ccc;
		background: url(http://cdn.customizationapplications.com/app/img/headerGrad.png) repeat-x bottom left #339122; 
	}
	
	#pbPreview ul {
		margin: 0 10px 0 10px;
		padding:0;
		list-style-type: none;
	}
	
	#pbPreview ul li {
		padding-left: 0px;
		margin-bottom: 12px;
	}	
	
	#pbApp .pbHeader{
		background-color: #339122;
	}