/**
 * Styles for TatBuilder previewer
 *
 * @author 		Patrick Harris @ Cyberian Frontier
 * @copyright   Copyright 2016 Cyberian Frontier.  All rights reserved.
 * @package     WordPress
 * @subpackage  SafetyTat Theme
 * @version     1.0
 */

/* Hide TatBuilder attributes */

.product-addon-background, .product-addon-infobar, .product-addon-border, .product-addon-message, .product-addon-icon {
 display: none;
}

/* Style TatBuilder Objects */

#tatBuilderHeader {
 display: none;
}

#tatBuilderWrapper {
 width: 260px;
 //float: right;
 //margin-left: 20px;
 //margin-top: -60px;
 //width: auto;
 width: 250px;
 margin: 0px auto;
}

#tatBuilderBox {
 width: 230px;
 padding: 0px 10px 10px 10px;
 //border-left: 1px solid #333333;
 //border-right: 1px solid #333333;
 //border-bottom: 1px solid #333333;
 background-color: #ffffff;
 width: 252px;
 padding: 0px;
 width: 250px;
}

#tatBuilderWrapper #tatProduct, #tatBuilderWrapper #tatContent {
 width: 224px;
 //margin: 0px auto;
}

#tatBuilderWrapper #tatNumber {
 width: 138px;
 height: 24px;
 text-align: center;
 font-family: Arial, Helvetica;
 font-size: 18px;
 letter-spacing: -0.5px;
 font-weight: bold;
 margin-top: -68px;
 margin-left: 12px;
 white-space: nowrap;
}

#tatBuilderWrapper #tatNumber2 {
 width: 138px;
 height: 20px;
 text-align: center;
 font-family: Arial, Helvetica;
 font-size: 17px;
 letter-spacing: -0.5px;
 font-weight: bold;
 margin-top: -3px;
 margin-left: 12px;
 white-space: nowrap;
}

#tatBuilderWrapper #tatDisclaimer {
 width: 225px;
 margin-top: 10px;
 padding-left: 4px;
 font-size: 13px;
 line-height: 120%;
 color: #444444;
 clear: both;
}

#tatBuilderWrapper #tatBuilderInfobar {
 margin-top: -102px;
 display: block;
}

#tatBuilderWrapper #tatBuilderBorder {
 margin-top: -102px;
 display: block;
}

#tatBuilderWrapper #tatBuilderMessage {
 margin-top: -102px;
 display: block;
}

#tatBuilderWrapper #tatBuilderIcon {
 margin-top: -102px;
 display: block;
}

#tatBuilderWrapper #tatBuilderInterface {
 margin-top: 20px;
 display: none;
}

#tatBuilderWrapper #tatProduct, #tatBuilderWrapper #tatContent {
 display: none;
}

#tatBuilderWrapper #tatBuilderLoading {
 margin-top: 40px;
 margin-bottom: 30px;
 text-align: center;
 color: #666666;
 text-decoration: blink;
}

#tatBuilderWrapper #tatProduct {
 margin-top: 4px;
}

#tatBuilderWrapper h2 {
 font-size: 16px;
 margin: 0px;
 padding: 0px;
 margin-left: 3px;
 display: none;
}

#tatBuilderWrapper h4 {
 font-size: 14px;
 clear: both;
 margin: 0px;
 margin-top: 6px;
 margin-left: 3px;
 margin-bottom: 2px;
}

#tatBuilderWrapper p {
 margin-top: 0px;
 margin-bottom: 0px;
 line-height: 14px;
 margin-left: 3px;
}

#tatBuilderWrapper select {
 padding: 0px;
 font-size: 11px;
}

/* TatBuilder Classes */

#tatBuilderWrapper .colorbutton img {
 width: 28px;
 height: 16px;
 border: 1px solid #666666;
 margin-right: 2px;
 margin-bottom: 6px;
}

#tatBuilderWrapper .colorbutton img:hover {
 border: 1px solid #000000;
}

#tatBuilderWrapper .iconbutton img {
 width: 28px;
 height: 28px;
 border: 1px solid #666666;
 margin-right: 2px;
 margin-bottom: 6px;
}

#tatBuilderWrapper .iconbutton img:hover {
 border: 1px solid #000000;
}


/* TatBuilder v2 Style Over-rides */

.tatBuilder2 #tatBuilderWrapper #tatBuilderInterface {
 margin-top: 20px;
 display: none;
 padding-top: 10px;
}

.product-addon-first-line, .product-addon-second-line {
 display: none;
}

#tatBuilderHeaderButtons {
 display: table;
 width: 218px;
 margin-left: 6px;
 margin-bottom: 0px;
 margin-top: 0px;
}

.tatBuilder2 a.tatBuilderHeaderButton {
 display: table-cell;
 padding: 3px;
 border: 1px solid #999999;
 text-align: center;
 background-color: #dddddd;
 color: #888888;
 cursor: default;
}

.tatBuilder2 a.tatBuilderHeaderButton:hover {
 color: #000000;
 cursor: pointer;
}

.tatBuilder2 #tatBuilderInterfaceColors, .tatBuilder2 #tatBuilderInterfaceIcons {
 display: none;
}

.tatBuilder2 .tatBuilderInterfacePanel {
 border: 1px solid #999999;
 border-top: 0px;
 width: 218px;
 height: 260px;
 margin-left: 6px;
 padding-left: 4px;
 padding-bottom: 8px;
 margin-top: -6px;
 padding-top: 12px;
}

.tatBuilder2 #tatBuilderHeaderButtonText {
 background-color: white;
 border-bottom: 1px solid white;
}

.tatBuilder2 input.tatBuilderInput {
 margin-bottom: 8px;
}

.tatBuilder2 #tatBuilderWrapper {
}

.tatBuilder2 #tatBuilderWrapper {
 width: 260px;
 //float: right;
 //margin-left: 20px;
 //margin-top: -60px;
 //width: auto;
 width: 250px;
 margin: 0px auto;
 margin: 0px;
 width: 232px;
 width: 100%;
}

.tatBuilder2 #tatBuilderBox {
 width: 230px;
 padding: 0px 10px 10px 10px;
 //border-left: 1px solid #333333;
 //border-right: 1px solid #333333;
 //border-bottom: 1px solid #333333;
 background-color: #ffffff;
 width: 252px;
 padding: 0px;
 width: 250px;
 width: 230px;
 margin: 0px auto;
}