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

/* Hide Anywhere Labels attributes */

.product-addon-color-1, .product-addon-color-2, .product-addon-icon {
 display: none;
}

/* Style Anywhere Labels Objects */

#labelHeader {
 display: none;
}

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

#labelBox {
 width: 222px;
 padding: 0px 10px 10px 10px;
 margin-left: 10px;
 //border-left: 10px solid #ffffff;
 //border-left: 1px solid #333333;
 //border-right: 1px solid #333333;
 //border-bottom: 1px solid #333333;
 background-color: #ffffff;
 padding: 0px;
 width: 250px;
}

#labelWrapper #labelProduct, #labelWrapper #labelContent {
 width: 224px;
 display: none;
}

#labelWrapper #labelBackground1 {
 width: 224px;
 height: 102px;
 margin-top: 0px;
 display: block;
}

#labelWrapper #labelBackground2 {
 width: 224px;
 height: 102px;
 margin-left: 6px;
 margin-top: -96px;
 display: block;
}

#labelWrapper #labelIcon {
 width: 224px;
 height: 102px;
 margin-left: 6px;
 margin-top: -102px;
 //margin-bottom: 60px;
 display: block;
}

#labelWrapper #labelDisclaimer {
 width: auto;
 padding-top: 8px;
 padding-left: 10px;
 padding-right: 10px;
 font-size: 10px;
 color: #444444;
 clear: both;
 display: none;
}

#labelWrapper #labelInterface {
 //margin-top: 10px;
 //margin-left: 8px;
 //display: none;
 //position: relative;
 //z-index: 50;
 margin-top: 20px;
 display: none;
}

#labelWrapper #labelLoading {
 margin-top: 40px;
 margin-bottom: 30px;
 text-align: center;
 color: #666666;
 text-decoration: blink;
 background-color: #ffffff;
}

#labelWrapper #labelProduct {
 margin-top: 4px;
 height: 102px;
}

#labelWrapper h2 {
 font-size: 14px;
 margin: 0px;
 padding: 0px;
 display: none;
}

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

#labelWrapper h4.oneColor {
 display: none;
}

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

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

#previewerFooter {
 height: 10px;
 clear: both;
}


/* Anywhere Labels Default Product Styles */
/* Based on shape labels (a1cloud, a1hex, a1oval) */

#labelWrapper #labelText {
 width: 178px;
 height: auto;
 text-align: center;
 font-family: Arial, Helvetica;
 font-size: 18px;
 font-weight: bold;
 margin-top: -68px;
 margin-left: 31px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
}

#labelWrapper #labelPhone {
 width: 178px;
 height: auto;
 text-align: center;
 font-family: Arial, Helvetica;
 font-size: 14px;
 line-height: 110%;
 font-weight: bold;
 margin-top: -3px;
 margin-left: 31px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
}


/* Anywhere Labels Individual Product Styles */

/* a1large */
#labelWrapper.a1large #labelText {
 width: auto;
 height: auto;
 text-align: left;
 font-family: Arial, Helvetica;
 font-size: 18px;
 font-weight: bold;
 margin-top: -72px;
 margin-left: 31px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
}

#labelWrapper.a1large #labelPhone {
 width: auto;
 height: auto;
 text-align: left;
 font-family: Arial, Helvetica;
 font-size: 14px;
 line-height: 110%;
 font-weight: bold;
 margin-top: -1px;
 margin-left: 31px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
}


/* a1small */
/*
#labelWrapper.a1small #labelText {
 width: auto;
 height: auto;
 text-align: left;
 font-family: Arial, Helvetica;
 font-size: 13px;
 font-weight: bold;
 margin-top: -70px;
 margin-left: 57px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
}

#labelWrapper.a1small #labelPhone {
 width: auto;
 height: auto;
 text-align: left;
 font-family: Arial, Helvetica;
 font-size: 13px;
 line-height: 110%;
 font-weight: bold;
 margin-top: 0px;
 margin-left: 57px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
}
*/

/* a1small */
#labelWrapper.a1small #labelProduct1, #labelWrapper.a1small #labelContent1, #labelWrapper.a1small #labelProduct2, #labelWrapper.a1small #labelContent2 {
 width: 224px;
 display: none;
}
#labelWrapper.a1small #labelProduct1, #labelWrapper.a1small #labelProduct2 {
 //margin-top: 4px;
 height: 102px;
 //border: 1px solid blue;
}
#labelWrapper.a1small #labelContent1, #labelWrapper.a1small #labelContent2 {
 //margin-top: 4px;
 height: 102px;
 //position: relative;
 //z-index: 10;
 //top: -122px;
 border: 1px solid white;
 margin-top: -102px;
}
#labelWrapper.a1small #labelProduct2 {
 margin-top: -20px;
}
#labelWrapper.a1small #labelBackground2 {
 width: 224px;
 height: 102px;
 margin-left: 0px;
 margin-top: 0px;
 display: block;
}
#labelWrapper.a1small #labelText1, #labelWrapper.a1small #labelText2 {
// position: relative;
// z-index: 10;
 width: auto;
 height: auto;
 text-align: left;
 font-family: Arial, Helvetica;
 font-size: 13px;
 font-weight: bold;
 margin-top: -70px;
 margin-left: 57px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
 //border: 1px solid red;
 margin-top: 32px;
}

#labelWrapper.a1small #labelPhone1, #labelWrapper.a1small #labelPhone2 {
// position: relative;
// z-index: 10;
 width: auto;
 height: auto;
 text-align: left;
 font-family: Arial, Helvetica;
 font-size: 13px;
 line-height: 110%;
 font-weight: bold;
 margin-top: 0px;
 margin-left: 57px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
 //border: 1px solid red;
 margin-top: -2px;
}



/* a1tag */
#labelWrapper.a1tag h4.oneColor {
 display: block;
}

#labelWrapper.a1tag h4.twoColor {
 display: none;
}

#labelWrapper.a1tag #labelInterfaceColor2, #labelWrapper.a1tag #labelInterfaceIcon, #labelWrapper.a1tag #labelIcon, #labelWrapper.a1tag #labelBackground2 {
 display: none;
}

#labelWrapper.a1tag #labelInterface {
 margin-top: 20px;
}

#labelWrapper.a1tag #labelBackground1 {
 width: 224px;
 height: 102px;
 margin-left: 0px;
 margin-top: 12px;
}

#labelWrapper.a1tag #labelText {
 width: auto;
 height: auto;
 text-align: left;
 font-family: Arial, Helvetica;
 font-size: 20px;
 font-weight: bold;
 margin-top: -101px;
 margin-left: 70px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
 margin-top: -74px;
}

#labelWrapper.a1tag #labelPhone {
 width: auto;
 height: auto;
 text-align: left;
 font-family: Arial, Helvetica;
 font-size: 14px;
 line-height: 110%;
 font-weight: bold;
 margin-top: 0px;
 margin-left: 70px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
}


/* a1combo-bigsmall */
#labelWrapper.a1combo-bigsmall #labelText {
 width: auto;
 height: auto;
 text-align: left;
 font-family: Arial, Helvetica;
 font-size: 18px;
 font-weight: bold;
 margin-top: -72px;
 margin-left: 31px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
}

#labelWrapper.a1combo-bigsmall #labelPhone {
 width: auto;
 height: auto;
 text-align: left;
 font-family: Arial, Helvetica;
 font-size: 14px;
 line-height: 110%;
 font-weight: bold;
 margin-top: 0px;
 margin-left: 31px;
 margin-bottom: -1px;
 white-space: nowrap;
 color: #ffffff;
}


/* a1combo-camp */
#labelWrapper.a1combo-camp #labelBox {
 background-image: url('../anywhere_labels/a1combo-camp/preview_background.png');
 background-repeat: no-repeat;
 background-position: -12px 24px;
}

#labelWrapper.a1combo-camp #labelProduct {
 margin-top: 4px;
 height: 154px;
 //border: 1px solid red;
}

#labelWrapper.a1combo-camp #labelBackground1 {
 width: 178px;
 height: 81px;
 margin-top: 72px;
 margin-left: 38px;
}

#labelWrapper.a1combo-camp #labelBackground2 {
 width: 178px;
 height: 81px;
 margin-left: 44px;
 margin-top: -75px;
}

#labelWrapper.a1combo-camp #labelIcon {
 width: 224px;
 height: 102px;
 margin-left: 6px;
 margin-top: -102px;
 width: 178px;
 height: 81px;
 margin-left: 44px;
 margin-top: -81px;
 //margin-bottom: 60px;
}

#labelWrapper.a1combo-camp #labelText {
 width: auto;
 height: auto;
 text-align: left;
 font-family: Arial, Helvetica;
 font-size: 16px;
 font-weight: bold;
 margin-top: -72px;
 margin-left: 31px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
 margin-top: -58px;
 margin-left: 66px;
}

#labelWrapper.a1combo-camp #labelPhone {
 width: auto;
 height: auto;
 text-align: left;
 font-family: Arial, Helvetica;
 font-size: 12px;
 line-height: 110%;
 font-weight: bold;
 margin-top: 0px;
 margin-left: 31px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
 margin-left: 66px;
}

/* a1combo-school */
#labelWrapper.a1combo-school #labelBox {
 background-image: url('../anywhere_labels/a1combo-school/preview_background.png');
 background-repeat: no-repeat;
 background-position: -12px 24px;
}

#labelWrapper.a1combo-school #labelProduct {
 margin-top: 4px;
 height: 154px;
 //border: 1px solid red;
}

#labelWrapper.a1combo-school #labelBackground1 {
 width: 178px;
 height: 81px;
 margin-top: 72px;
 margin-left: 38px;
}

#labelWrapper.a1combo-school #labelBackground2 {
 width: 178px;
 height: 81px;
 margin-left: 44px;
 margin-top: -75px;
}

#labelWrapper.a1combo-school #labelIcon {
 width: 224px;
 height: 102px;
 margin-left: 6px;
 margin-top: -102px;
 width: 178px;
 height: 81px;
 margin-left: 44px;
 margin-top: -81px;
 //margin-bottom: 60px;
}

#labelWrapper.a1combo-school #labelText {
 width: auto;
 height: auto;
 text-align: left;
 font-family: Arial, Helvetica;
 font-size: 16px;
 font-weight: bold;
 margin-top: -70px;
 margin-left: 31px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
 margin-top: -58px;
 margin-left: 66px;
}

#labelWrapper.a1combo-school #labelPhone {
 width: auto;
 height: auto;
 text-align: left;
 font-family: Arial, Helvetica;
 font-size: 12px;
 line-height: 110%;
 font-weight: bold;
 margin-top: 0px;
 margin-left: 31px;
 margin-bottom: -1px;
 white-space: nowrap;
 color: #ffffff;
 margin-left: 66px;
}

/* a1cloud, a1hex, a1oval */
#labelWrapper.a1cloud #labelText, #labelWrapper.a1hex #labelText, #labelWrapper.a1oval #labelText {
 width: 178px;
 height: auto;
 text-align: center;
 font-family: Arial, Helvetica;
 font-size: 18px;
 font-weight: bold;
 margin-top: -68px;
 margin-left: 31px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
}

#labelWrapper.a1cloud #labelPhone, #labelWrapper.a1hex #labelPhone, #labelWrapper.a1oval #labelPhone {
 width: 178px;
 height: auto;
 text-align: center;
 font-family: Arial, Helvetica;
 font-size: 14px;
 line-height: 110%;
 font-weight: bold;
 margin-top: -3px;
 margin-left: 31px;
 margin-bottom: 0px;
 white-space: nowrap;
 color: #ffffff;
}

#labelWrapper.a1cloud #labelText {
 font-family: "schoolbook-web", Serif;
 font-weight: 400;
 line-height: 18px;
}


/* Anywhere Labels Classes */

#labelWrapper a.colorbutton {
 display: block;
 float: left;
 margin-right: 4px;
 margin-bottom: 4px;
 width: 28px;
 height: 20px;
 border: 1px solid #666666;
 padding: 0px;
}

#labelWrapper .colorbutton img {
 width: 26px;
 height: 18px;
 border: 1px solid transparent;
 margin: 0px;
 display: block;
}

#labelWrapper .colorbutton img:hover {
 border: 1px solid #333333;
}

#labelWrapper .colorbutton img:active {
 border: 2px solid #000000;
}

#labelWrapper a.iconbutton {
 display: block;
 float: left;
 margin-right: 4px;
 margin-bottom: 4px;
 background-color: #ffffff;
 width: 28px;
 height: 28px;
 border: 1px solid #666666;
}

#labelWrapper .iconbutton img {
 background-color: #ffffff;
 width: 26px;
 height: 26px;
 border: 1px solid #ffffff;
}

#labelWrapper .iconbutton img:hover {
 border: 1px solid #333333;
}

#labelWrapper .iconbutton img:active {
 border: 2px solid #000000;
}