/* main.css */
/* Common */
body,table,input,select,textarea { 
  font-family:Trebuchet MS, Arial, sans-serif; 
  font-size:100%;
  line-height: 1.125em;
}

ul	{ color:#365078; } 

li	{ color:#365078; }


body {   
  color:#000;  
}

h1 {
  margin:1em 0;
}

h2 {
  margin:1em 0;
}

p { 
  margin:1em 0;
  font-size: 0.75em; 
}

dl.col dt { 
  float:left; 
  width:6em;
  font-weight: bold;
}

dl.col dd { 
  margin-left:7em;
}

.clear:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}

.clr {
  clear: both;
}

.right {
  float:right;
}

.left {
  float:left;
}

/* messages / errors box */
.Msg {
  margin: 1em;
}

.Msg.HasIntro > ul {
  padding-left: 2em;
}

.Msg.HasNoIntro > ul {
  padding-left: 5px;
}

.Msg.HasNoIntro > ul > li {
  list-style-type: none;
}

.Msg.singleItem > ul {
  padding-left: 15px;
}

.Msg.singleItem > ul > li {
  list-style-type: none;
}

.Msg > ul > li > ul {
  padding: 0 10px 0 9px;
}


.Msg {
  line-height: normal;
  color: #23334B;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.Messages {
  border: 1px solid darkblue;
  background-color: lightblue;
}

.Errors {
  border: 1px solid darkred;
  background-color: pink;
}


#client-info-box {
  height: 73px;
	margin: 0 0 0 -100px; /* Negative margin allows use of empty space to the left for longer client navs (ie affiliate+subscriber uses), despite the table layout */
	padding: 0;
	background-color: transparent;
}

#client-info-box p {
  color: #A0B6DB;
  margin: 0;
  padding-top: 8px;
}

#client-info-box a {
  color: #C0CFEA;
  text-decoration: underline;
}

/* login form */
#login-form {
	width: 350px;
	height: 73px;
  padding: 5px 5px 0 5px;
  background: transparent;
  margin: 0;
	line-height: 16px;
}

#login-form input  {
  margin: 1px 0 0 0;
	border: 0;
}

#login-form th { 
  width: 100px;
	background: transparent;
	padding-right: 5px;
	text-align: right;
  color: #C0CFEA;
}

#login-form td { 
  background: transparent;
}

#login-form input.text {
	width: 150px;
}

#login-form input.submit {
  height: 18px;
	text-transform: uppercase;
	color: #0f0d12;
	background-color: #A0B6DB;
	border: 1px solid #EEF4FF;
	cursor: pointer;
	margin-top: 4px;
}

#login-form input.submit:hover {
  background-color: #C0CFEA;
}

#login-form #login-buttons {
	height: 25px;
  margin: 0;
  padding: 0;
	text-align: right;
}

#login-form #login-ajax {
	height: 20px;
  margin: 0;
	padding: 5px 10px 0 0;
}

#login-failed, #login-blocked {
  color: red;
}

#login-blocked {
  display: block;
  margin-top: 2px;
}


#qrcode-info {
	width: 221px;
  margin: 5px 0;
}


.icon-button {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  background-repeat: no-repeat;
  background-image: url('../../../../../images/icons/g-unknown.gif');
  margin:0 2px;
}

.icon-button span {
  display: none;
}

.icon-button-view {
  background-image: url('../../../../../images/icons/g-view.png');
}

.icon-button-modify {
  background-image: url('../../../../../images/icons/g-modify.png');
}

.icon-button-preview {
  background-image: url('../../../../../images/icons/g-preview.png');
}

.icon-button-add {
  background-image: url('../../../../../images/icons/g-add.png');
}

.icon-button-delete {
  background-image: url('../../../../../images/icons/g-delete.png');
}

.icon-button-print {
  background-image: url('../../../../../images/icons/g-print.png');
}

.icon-button-query {
  background-image: url('../../../../../images/icons/g-information.png');  
}

.icon-button-despatch {
  background-image: url('../../../../../images/icons/g-despatch.png');
}

.icon-button-reorder {
  background-image: url('../../../../../images/icons/g-reorder.png');
}

.icon-button-email {
  background-image: url('../../../../../images/icons/g-email.gif');
}

.icon-button-email-disabled {
  background-image: url('../../../../../images/icons/g-email-disabled.gif');
}

img#socialmedia-top {
  border: 0 none;
}

/* form.css */

.f input, .f textarea {
  width: 250px;
  padding: 4px;
  border: #D0C8C8 dashed 1px; 
}

div.submit-button {
/*  background: transparent url('../images/g-button-r.gif') no-repeat scroll top right; */  
  display: block;
  float: left;        
  margin:5px 6px 5px 0;
  padding-right: 5px; /* sliding doors padding */
  text-decoration: none;      
}

div.submit-button input.submit {
/*  background: transparent url('../images/g-button-l.gif') no-repeat; */
  display: block;  
  padding: 1px 8px 4px 15px;
  color: #000;
  height: 21px;
  width: auto;
  border: 0;  
  cursor: pointer;
}

form.f { width: 605px; padding:10px; margin: 1em 0; border: 0; line-height:1.25em;  }
/* form.small-label { background:#E5EBF3 url('../images/g-bg-form-small.gif') repeat-y;} */

form.f p { clear:both; padding-top:4px; }

form.f div { clear:left; padding:5px 0; margin: 0; }
form.f div div { clear:none; padding:0; }
#content form.f div div p { font-size:1em; margin:0 0 1em 0; }
form.f label { width:80px; display:block; float:left; margin:0 20px 0 0;}

/* Wrapper for content in from rows other than input elements */
form.f div .form-content {
  display: inline-block;
  margin: 2px 0;
}

form.f input, form.f textarea { line-height:1.25em; border:#ccc solid 1px; margin: 2px 0; padding:2px; font-size:1em;}  
form.f select { line-height:1.25em; border:#ccc solid 1px; font-size:1em; padding:2px 0; margin: 2px 0 2px 0; }  
form.f input { width:250px; }
form.f input.radio { width: auto; border: 0;}
form.f textarea { width:26em;}

form.f .field { display: block; margin: 0 0 0 100px;}
form.f input.checkbox { width:25px; vertical-align:middle; border:0; background-color:transparent;}
form.f input.small, form.f select.small { width:55px; }
form.f input.medium, form.f select.medium { width:130px; }
form.f input.large, form.f select.large { width:250px; }
form.f input.checkbox-group { margin:0 0 0 100px; background-color:transparent;}

form.f div.inline-field label { width:80px; display:inline; float:none; margin:0 10px 0 0;}
form.f div.inline-field { margin:0 0 0 100px; color:#585757; }
form.f div.buttons,form.f p.buttons { margin: 20px 0 0 200px; }

form.small-label .field { display: block; margin: 0 0 0 50px; }
form.small-label label { width:40px;}

form.medium-label .field { display: block; margin: 0 0 0 150px; }
form.medium-label { background:#E5EBF3 url('../images/g-bg-form-medium.gif') repeat-y; width:510px;}
form.medium-label label { width:130px;}
form.medium-label div.inline-field label { width:55px; display:inline; float:none; margin:0 10px 0 0;}
form.medium-label div.inline-field { margin:0 0 0 150px;}
form.medium-label .checkbox-group { margin:0 0 0 150px; font-size:1em;}
form.medium-label textarea { width:28em; height:9em;}

form.large-label .field { display: block; margin: 0 0 0 180px; }
/*form.large-label { background:#E5EBF3 url('../images/g-bg-form-large.gif') repeat-y;}*/
form.large-label label { width:160px;}
form.large-label div.inline-field label { width:55px; display:inline; float:none; margin:0 10px 0 0;}
form.large-label div.inline-field { margin:0 0 0 180px;}
form.large-label .checkbox-group { margin:0 0 0 180px; font-size:1em;}

form.f input.submit, form.f a.button, form.f input.button, #layout-form input.submit { padding: 0.25em 1em; border: 1px solid #9FA4A9; background-color: #E5EBF3; width: auto; cursor: pointer; color: #000; }

form.f.submitted input.submit {
    background-color: #6b6b6b;
}
form.f.submitted input.submit {
    display: inline-block;
}
form.f.submitted .submit-button::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 18px;
    background-image: url(/include/modules/custom/qrstuff/images/ajax-load-bar.gif);
    background-image: url(/include/modules/custom/qrstuff/images/ajax-load-bar.gif);
    background-repeat: no-repeat;
    background-position: right center;
    vertical-align: middle;
}
form.f a.button:hover { text-decoration: none; }
form.f input.submit, #layout-form input.submit { background-color: #426194; color: #FFFFFF; font-weight:bold; border: 1px solid #FFFFFF; }

label.rhs_label {display: inline !important; float: none !important; width: auto !important; margin:0 !important; vertical-align: middle;}
form.f .field ul { margin: 0 0 1em 2em; padding: 0; }
form.f .field ul li { margin: 0; padding: 0; }

form.f table { width:28em; border:#ccc solid 1px; border-collapse: collapse;}
form.f td, th { padding:4px 6px;}
form.f table thead { background-color:#ccc;}
form.f th { text-align:left; width:60%; }
form.f tbody th {border-right:#eee solid 1px;}
form.f table tfoot { background-color:#eee;}

form.f textarea { width: 35em; }
form.f textarea.small { width:300px; }
form.f textarea.large { width:450px; height:16em; }

form submit.large { background-color: #426194; color: #FFFFFF; font-weight:bold; border: 1px solid #FFFFFF; padding: 0.25em 1em; width: auto; cursor: pointer;}

form.f div.form-section { padding-top:0; }

form.auto { width:auto; border:0; padding:0; }
form.auto table { width:100% }
form.auto td, th { padding:2px; }
form.auto th { width:auto; }

form.f table.form {
	width: 100%;
  border: 0;
	border-collapse: collapse;
}

form.f table.form th, table.form td {
	color:#365078;
	font-family:'Trebuchet MS',Verdana,Arial,Helvetica;
	font-size:11px;
	font-weight:normal;
	background-color: transparent;
	vertical-align: middle;
	border: 0;
}

form.f table.form .radio-row th {
  vertical-align: top;
  padding-top: 6px;
}

form.f > div > label {
  margin-top: 2px;
  padding-top: 3px;
}

form.f > div > div.field {
  margin-top: 2px;
  padding-top: 3px;
}

form.f table.form th {
  width: 180px;
}

form.f  div.inline-radios div.field div {
  display: inline-block;
  padding-right: 10px;
}

#generate-img-specs-inputs a.helpLink,
form.f a.helpLink {
  text-decoration: none;
}

/* tables.css */

table.standard
{
  width:100%;
  margin: 1em 0;  
  border-collapse: collapse;
}

table.standard td
{
  padding: 7px 6px; 
  border-bottom:1px solid #D5E1F4;
  border-right:1px solid #D5E1F4;
}

table.standard th
{  
  padding: 3px 5px; 
  text-align: left;
  font-size:11px;
}

table.compact
{
	width: auto;
	margin: 0;
	padding: 0;
	border: 0 none;
	background: transparent;
}

form.f table.compact
{
  width: auto;
  margin: 0;
  padding: 0;
  border: 0 none;
  background: transparent;
}

table.compact tbody
{
  padding: 0; 
  border: 0 none;
  background: transparent;
}

table.compact tr
{
  padding: 0; 
  border: 0 none;
  background: transparent;
}

table.compact td
{
  padding: 0; 
  border: 0 none;
  background: transparent;
}


/* qrcodelabels.css */

#form-container {

  float: left;

  width: 35em;

}



#qrcode-preview-container {

  width: 300px;

  height: 300px;

  padding: 20px;

  float: left;

}



#qrcode-preview {

	display: block;

	margin: auto;

}



#qrcode-preview-title {

	text-align: center;

}



fieldset {

	margin: 1em 0;

	padding: 1em;

}



div.radio-with-label {

	width: 15em;

	float: left;

	margin-bottom: 0.5em;

}



input.text {

  width: 35em;

  margin-bottom: 1em;

}

input.addresstext {

  width: 265px;
  margin: 0px 0px 5px 0px;

}



textarea {

  width: 34em;

  margin-bottom: 1em;

}



input.button-prev {

  width: 8em;

  float: left;

}



input.button-next {

  width: 8em;

  float: right;

}


.app-download-check {background-color:transparent;}


.avery-code-selector {

	cursor: pointer;

	border: 2px solid #ffffff;

}



.avery-code-selected {

  border: 2px solid #3D2553;

}



#labels-pdf-container {

	width: 570px;

	height: 390px;

}



.layouts th {

  padding-top: 20px;

}

span.updatelink	{ font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#13366B; font-weight:normal; text-decoration:none; }

.address-wrapper {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 266px;
}

.go-wrapper {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 30px;
}
.go-wrapper input,
.address-wrapper input{
  margin-top: 0px;
}

.clear {
  clear: both;
}

.qrcode-data-subtype {
  margin: 7px 0 4px 0;
}

div.qrcode-data-subtype-intro {
  margin: 0.5em 0 1em 0;
}


hr.qrcode-data-subtype-seperator, hr.qrcode-data-seperator {
  margin: 1.5em 0 1.25em 3px;
  width: 302px;
  background-color: #426194;
}

hr.qrcode-data-subtype-seperator {
  margin: 1.25em 0 0.5em 3px;
}

div.qrcode-data-subtype-heading {
  font-weight: bold;
  margin: 1em 0 0.92em 0;
}

#generate-enter-data-layout h2 {
  color: #365078;
  font-weight: bold;
  margin: 0.75em 0 0.75em 0;
  text-transform: none;
}

#qrcode-shorturl-container {
  width: 275px;
}

body .for-subscribers, body .for-active-subscribers {
  display: none;
}


/* add overrides as needed for non block tags.*/
body.subscriber-logged-in .for-subscribers {
  display: block;
}

body.subscriber-logged-in td.for-subscribers {
  display: table-cell;
}

body.active-subscriber-logged-in .for-active-subscribers {
  display: block;
}

body.active-subscriber-logged-in td.for-active-subscribers {
  display: table-cell;
}

body.subscriber-logged-in .for-anonymous {
  display: none;
}

body.active-subscriber-logged-in .for-anonymous-or-expired {
  display: none;
}

/* colorpicker.css */
.colorpicker {
	width: 211px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url('../images/colorpicker/colorpicker_background_qr.png');
	font-family: Helvetica, Arial, sans-serif;
}

.colorpicker_coloroptions {
	display: none;
}

.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url('../images/colorpicker/colorpicker_overlay.png');
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url('../images/colorpicker/colorpicker_select.gif');
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url('../images/colorpicker/colorpicker_indic.gif') left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	color:#EAEAEA;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url('../images/colorpicker/colorpicker_hex.png') top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url('../images/colorpicker/colorpicker_rgb_r.png');
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url('../images/colorpicker/colorpicker_rgb_g.png');
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url('../images/colorpicker/colorpicker_rgb_b.png');
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url('../images/colorpicker/colorpicker_hsb_h.png');
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url('../images/colorpicker/colorpicker_hsb_s.png');
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url('../images/colorpicker/colorpicker_hsb_b.png');
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url('../images/colorpicker/colorpicker_submit.png') top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}
.colorpicker_extra{
	position: absolute;
	width: 22px;
	height: 22px;
	background: url('../images/colorpicker/colorpicker_extra.png') top;
	left: 292px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_extrafill {
	position: absolute;
	width: 140px;
	height: 110px;
	padding:5px;
	background: url('../images/colorpicker/colorpicker_extra_background.png') top;
	right: 6px;
	bottom: 34px;
	overflow: hidden;
	color:#FFF;
}
.colorpicker_extra.colorpicker_focus {
	background-position: bottom;
}


/* Original qrstuff.css */
BODY			{ background-color:#3D2553; margin:0; padding:0; background-image: url('../images/back.gif'); background-repeat: repeat-x; background-position: top left;}

BODY.popup		{ background-color:#E6D3B2; background-image:url('../images/popup.gif'); background-repeat:no-repeat; background-position:center center;}

FONT,P		{ font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#23334B; font-weight:normal; line-height:14px; margin-top:10px; }
p.cc_message { color: #C7C7C7; }
p.cc_message a { font-size: inherit; }
p.cc_message a:hover { font-size: inherit; }

A			{ font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#13366B; font-weight:normal; text-decoration:underline; }
A:hover		{ font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#1F2F47; font-weight:normal; text-decoration:underline; }

TD			{ background-color:#FFFFFF; font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#365078; font-weight:normal; }

TD.background	{ background-color:#C0CFEA; background-image: url('../images/back.gif'); background-repeat: repeat-x; background-position: top left;}
TD.padded		{ background-color:#C0CFEA; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px; }
TD.white		{ background-color:#FFFFFF; }
TD.black		{ background-color:#000000; }
TD.line		{ background-color:#A1B7DD; }
TD.blue		{ background-color:#C0CFEA; }
TD.none		{ background-color:transparent; }

TD.panel-head	{ background-color:#EEF4FF; padding-bottom:10px; text-transform: uppercase;}
TD.panel-head1	{ background-color:#EEF4FF; padding-bottom:5px;}
TD.panel-head2	{ background-color:#EEF4FF; padding:4px;}
FONT.panel-head 	{ font-size:11px; color:#0F0D12; font-weight:bold; margin-left:18px;}
FONT.panel-head1 	{ font-size:11px; color:#0F0D12; font-weight:bold; }
FONT.panel-head2 	{ font-size:13px; color:#0F0D12; font-weight:bold; }
TD.panel		{ background-color:#D5E1F4;}
TD.panel2		{ background-color:#EEF4FF;}

TD.heading		{ background-color:#C0CFEA; font-size:11px; color:#365078; font-weight:bold;}

TD.label		{ background-color:#C0CFEA; font-size:11px; color:#365078; font-weight:bold;}

TD.data		{ background-color:#F6F4F4; font-size:11px; color:#365078; font-weight:normal;}
FONT.data		{ font-size:11px; color:#365078; font-weight:normal;}
A.data		{ font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#C35129; font-weight:normal; text-decoration:none; }
A.data:hover	{ font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#C35129; font-weight:normal; text-decoration:underline; }

TD.comment		{ background-color:#C0CFEA; font-size:10px; color:#365078; font-weight:normal;}

FONT.heading 	{ font-size:11px; color:#0F0D12; font-weight:bold; }
FONT.heading2 	{ font-size:11px; color:#2D5085; font-weight:bold; }
FONT.title	 	{ font-size:11px; color:#0F0D12; font-weight:bold; }
FONT.allcaps 	{ font-size:11px; color:#C47427; font-weight:bold; text-transform: uppercase;}
FONT.smallcaps 	{ font-size:11px; color:#C47427; font-weight:bold; font-variant: small-caps;}
FONT.heading_u	{ font-size:12px; color:#C47427; font-weight:bold; border-bottom: solid 1px #ACACAC; margin-top: 40; }
FONT.popup	 	{ font-size:11px; color:#365078; font-weight:bold; }

TD.top		{ background-color:#E4E4E4; font-size:11px; color:#824000; font-weight:normal; }
FONT.top 		{ font-size:11px; color:#824000; font-weight:normal; }
A.top 		{ font-size:11px; color:#0F0D12; font-weight:bold; text-decoration:none; text-transform:allcaps;}
A.top:hover 	{ font-size:11px; color:#0F0D12; font-weight:bold; text-decoration:none; }

TD.side		{ background-color:#E4E4E4; font-size:11px; color:#824000; font-weight:normal; }
TD.sidemenu		{ background-color:#E4E4E4; cursor:hand; }
FONT.side 		{ font-size:11px; color:#824000; font-weight:normal; }
A.side 		{ font-size:11px; color:#824000; font-weight:bold; text-decoration:none; }
A.side:hover 	{ font-size:11px; color:#824000; font-weight:bold; text-decoration:underline; }

TD.bottom		{ background-color:#E4E4E4; font-size:11px; color:#C35129; font-weight:normal; }
FONT.bottom		{ font-size:11px; color:#D9E7FF; font-weight:normal; }
A.bottom 		{ font-size:11px; color:#D9E7FF; font-weight:normal; text-decoration:none; }
A.bottom:hover 	{ font-size:11px; color:#D9E7FF; font-weight:normal; text-decoration:underline; }

TD.tagline		{ background-color:#E4E4E4; font-size:11px; color:#C35129; font-weight:normal; }
FONT.tagline	{ font-size:11px; color:#C35129; font-weight:normal; }
A.tagline 		{ font-size:11px; color:#C35129; font-weight:normal; text-decoration:none; }
A.tagline:hover 	{ font-size:11px; color:#C35129; font-weight:normal; text-decoration:underline; }

IMG.content		{ border-top:1px solid #000000; 
		  	border-left:1px solid #000000; 
		  	border-bottom:1px solid #000000; 
		  	border-right:1px solid #000000; }

IMG.right		{ border-top:1px solid #000000; margin-top:3px;
		  	border-left:1px solid #000000; margin-left:7px;
		  	border-bottom:1px solid #000000; margin-bottom:3px;
		  	border-right:1px solid #000000; margin-right:0px; }

IMG.left		{ border-top:1px solid #000000; margin-top:3px;
		  	border-left:1px solid #000000; margin-left:0px;
		  	border-bottom:1px solid #000000; margin-bottom:3px;
		  	border-right:1px solid #000000; margin-right:7px; }

IMG.popup		{ border-top:1px solid #000000; 
		  	border-left:1px solid #000000; 
		  	border-bottom:1px solid #000000; 
		  	border-right:1px solid #000000; }

UL			{ margin:6 0 6 22; list-style-position:outside; line-height:14px; font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#23334B; font-weight:normal; } 

LI			{ list-style-type:square; margin-bottom:2px; line-height:14px; font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#23334B; font-weight:normal; }

UL.pagelist		{ margin:5 0 5 27; list-style-position:outside; line-height:14px; font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#23334B; font-weight:normal; } 

LI.pagelist		{ list-style-type:square; margin-bottom:6px; line-height:14px; font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#23334B; font-weight:normal; }


LI.numbered		{ list-style-type:decimal; margin-bottom:9px; line-height:14px; font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#365078; 
			font-weight:normal; }

SELECT,INPUT,TEXTAREA	{ background-color:#FFFFFF; font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#365078; }

INPUT.radio		{ background-color:transparent; font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#365078; }

INPUT.form		{ background-color:#FFFFFF; border-top:1px solid #37958D; border-right:1px solid #37958D; border-bottom:1px solid 
			#37958D; border-left:1px solid #37958D; height:18px; font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#365078; }

TEXTAREA.form	{ background-color:#FFFFFF; border-top:1px solid #37958D; border-right:1px solid #37958D; border-bottom:1px solid
			#37958D; border-left:1px solid #37958D; font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#365078; overflow:hidden; }

INPUT.popup		{ background-color:#FFFFFF; border-top:1px solid #37958D; border-right:1px solid #37958D; border-bottom:1px solid
			#37958D; border-left:1px solid #37958D; height:18px; font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color:#365078; }

H1 			{ font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:12px; color: #0F0D12; font-weight:bold; margin-top:5px; margin-bottom:0px; text-transform:uppercase; }
H2 			{ font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color: #0F0D12; font-weight:bold; margin-top:0px; margin-bottom:0px;}
H3 			{ font-family:'Trebuchet MS',Verdana,Arial,Helvetica; font-size:11px; color: #2D5085; font-weight:bold; margin-top:0px; margin-bottom:0px;} 
HR			{ border: 0px none; background-color:#A1B7DD; height:1px; text-align:left; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
HR.dots		{ border-bottom: 1px dotted #D2CBAF; height:1px; text-align:left; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:5px;}

#showimage{
position:absolute;
visibility:hidden;
border: 1px solid #9C9C9C;
}

#dragbar{
cursor: pointer;
cursor: hand;
background-color: #EBEBEB;
background-image: url('../images/drag.gif'); background-repeat: no-repeat; background-position: top left;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-size:11px; 
color:#9C9C9C; 
font-weight: bold;
margin: 0px;
}

.tabcal table, .tabcal table td, .tabcal td, .tabcal a {padding: 0px; font-size:8pt; line-height:8pt; }
#cal			{ background-color: #AAAAAA }
#cal, #cal tr, #cal td, #cal table, table#cal	{ padding: 0; margin: 0; border: 0; width: 0; }
#cal td		{ background-color: #FFFFFF; font-family: Arial; font-size: 8pt; line-height: 8pt; text-align:center; color: #555555; padding: 3px; cursor: hand; }
#cal td.outer	{ background-color: #AAAAAA; padding: 0; margin: 0; }
#cal td.sel		{ background-color: #e4e4e4; font-family: Arial; font-size: 8pt; line-height: 8pt; text-align:center; color: #555555; }
#cal td.none	{ background-color: #f0f0f0; font-family: Arial; font-size: 8pt; line-height: 8pt; text-align:center; color: #555555; }
#cal td.grey	{ background-color: #FFFFFF; font-family: Arial; font-size: 8pt; line-height: 8pt; text-align:center; color: #AAAAAA; cursor: hand;}
#cal tr.cols td	{ background-color: #e4e4e4; font-family: Arial; font-size: 8pt; line-height: 8pt; text-align:center; color: #555555; font-weight: bold; }
#cal tr.cols td.arrows	{ background-color: #FFFFFF; font-family: Arial; font-size: 8pt; line-height: 8pt; text-align:center; color: #555555; cursor: hand; }
.tooltip hr {border:none; border-top:1px solid #EC9; color: transparent; height:0px; margin:3px 0;}

#map { width:220px; height:200px; border: 1px solid #999; }

table form.large-label h2 {
  border-top: #a1b7dd solid 1px;
  margin: 10px 20px 10px 0;
}

div.content-container {
  padding: 10px;
}

a.button {
	padding: 3px 8px;
	color: #fff;
	background-color: #365078;
	border: 1px solid #fff;
	text-decoration: none;
}

a.button:hover {
  color: #fff;
  background-color: #365078;
  border: 1px solid #fff;
  text-decoration: none;
}


form .date-field a img {
  border: none;
  vertical-align: middle;
  margin-top: -1px;
}

img.button {
	cursor: pointer;
}


#content-mini {
  padding: 10px;
  width: 400px;
}

#content-mini div.panel {
	padding: 5px 10px 10px 10px;
  background-color: #D5E1F4;
  min-height: 240px;
}

#content-mini p, #content-mini div {
  color: #100D13;
}

#content-mini p, #content-mini div, #content-mini label, #content-mini input, #content-mini a {
  -webkit-text-size-adjust: none;
	font-size: 15px;
	line-height: 1.125em;
}

#content-mini .qrcode-details {
  margin: 0 0 10px 20px;
}

/* VCard landing page */

#content-mini .qrcode-details .linkedItems * {
  line-height: 1.7em;
}

#content-mini .qrcode-details .vcardLabel {
  margin-left: -0.55em;
  padding-right: 0.4em;
  display: inline-block;
  width: 1.5em;
  text-align: right;
}

#content-mini input[type=submit] {
 -webkit-appearance: none; 
}

div.qrcode-disclaimer-container {
  margin: 7px 15px 0 0;
  font-size: 0.85em;
}

#subscription_form span.required, #subscription_form span.required {
  display: none;
}

#subscription_form #use_reason_other {
  margin-left: 180px;
  width: 250px;
}

#subscription_form #use_reason_other .subfield_label {
  line-height: 19px;
  margin: 2px 0;
  display: inline-block;
}

#subscription_form #use_reason_other #use_reason_other_field {
  float: right;
}

form.f table.subscription-options input[type='radio'] {
  vertical-align: middle;
  margin: 0 0 4px 0;
}

form.f table.subscription-options {
  border: none;
  width: auto;
}

form.f table.subscription-options thead {
  background-color: transparent;
}

/*
// table.subscription-options th {
//   // padding: 1px 5px 5px 3px;
//   white-space: nowrap;
// }
// table.subscription-options td {
//   // padding: 1px 5px 1px 3px;
//   white-space: nowrap;

// }
*/

table.subscription-options td.col-1 {
  padding-left: 1em;
}

table.subscription-options td.col-2 {
  padding-left: 1.5em;
}

form.f table.subscription-options th {
  background-color: #C0CFEA;
}

form.f table.subscription-options td {
  background-color: #FFFFFF;
}

form.f table.subscription-options td,
form.f table.subscription-options th {
  border: 1px solid #a1b7dd;
  white-space: nowrap;
  text-align: center;
}

/* Force options to be the same width for lined up centring */
form.f table.subscription-options .subscription_option {
  display: inline-block;
  width: 65px;
  text-align: left;
}

form.f table.subscription-options thead td {
  border: none;
  background-color: transparent;
}

/* Improve options vertical alignment */
form.f table.subscription-options tbody td {
  padding-top: 6px;
}

/* form.f table.subscription-options */
#subscriptionExplanation {
  text-align: left;
  white-space: normal;
}

#subscriptionExplanation h2 {
  color: #5A436B;
  margin: 2px 0;
  border: 0;
}

#next-recurring-note {
  margin-left: 190px
}


#promo_message,
#subscription_form .promo_recurring_note,
#subscription_form .promo_free_recurring_note
{
  margin: 5px 0 5px 180px;
}


form.f table.subscription-options thead th {
  font-weight: bold;
}

table.subscription-options td.option-name {
}

span.required {
  color: red;
  margin-left: 3px;
}

/* Hide required asterisk */
.payment-method-specific span.required {
  display: none;
}

form.f .validation-failed {
  border: 1px solid red;
}

form.f .validation-advice {
  margin: 0px 5px 0px 5px;
  border: 1px solid #B40000;
  background-color: #FFDFE4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 3px;
  padding: 2px;
  color: #000;
  display: inline-block;
/*  top: -1px;
  position: relative;*/
}


div.expiry-month-row {
  position: relative;
}

#advice-validate-one-required-payment_method_field_0 {
  margin: 5px 0 5px 0;
}

#advice-required-card_expiry_month_field, #advice-required-card_expiry_year_field {
  position: absolute;
  top: 2px;
  left: 331px;
}

#card_security_code_field {
  width: 40px;
}

.signup-payment-footer {
  padding: 0 0 20px;
}

.signup-acknowledge {
  padding: 15px 0 0 10px;
}

.signup-trust-credential {
  float: right;
  min-width: 105px;
  min-height: 54px;
  margin-top: -48px;
  margin-right: 22px
}

#validation-alert-box-mask {
  background-color: #000;
  
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
  filter: alpha(opacity=66);
  -moz-opacity:0.66;
  -khtml-opacity: 0.66;
  opacity: 0.66;

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}

#validation-alert-wrapper {
  /*position: relative;*/
}

#validation-alert-box {
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.2);
  box-shadow: 0 5px 15px rgba(0,0,0,1);
  border-radius: 4px;
  width: 330px;
  padding: 10px 10px 25px 10px;
  position: absolute;
  top: 120px;
  left:250px;
  z-index: 12;
}

#validation-alert-box * {
  color: #000;
}

#validation-alert-box div.inner-text {
  margin-left: 55px;
  margin-right: 20px;
}

#validation-alert-fields-list {
  padding-left: 1em;
}

#validation-alert-fields-list li {
  color: #f00;
  list-style-type: disc;
}

#validation-alert-box .warning {
  margin-top: 13px;
  float: left;
}

#validation-alert-box .close {
  float: right;
}

#validation-alert-box .close img {
  border: none;
}


table.qrcode-content {
	border: 0;
	border-spacing: 0;
}

table.standard table.qrcode-content th, 
table.standard table.qrcode-content td {
	border: 0;
	vertical-align: top;
	padding: 0 5px 5px 0; 
}

div.historyNote {
  padding: 10px;
}

body .fb_iframe_widget iframe {
  margin-left: 4px;
  margin-right: -7px;
  vertical-align: baseline;
}

div.affiliate-banners-showcase {
  float: right;
  margin: 10px 10px 10px 10px; 
}

div.affiliate-banners-showcase img {
  border: 0 none;
}

div.affiliate-banners-showcase div.button-container {
  margin-top: 10px;
}

/* Generate page */

#generate-img-specs {
  width: 211px;
	border: 1px solid #C0CFEA;  
}

#generate-img-specs-inputs,
#generate-img-specs-message,
#generate-img-specs-colour {
	padding-left: 5px;
}

#generate-img-specs-inputs {
  padding: 6px 0 6px 5px;
}

#generate-img-specs-message { 
  margin: 10px 0 5px 0;
}

#generate-img-specs-inputs div { clear:left; padding:3px 0; margin: 0; }
#generate-img-specs-inputs div div.field,
#generate-img-specs-inputs div.colorpicker { clear:none; padding:0; }
#generate-img-specs-inputs label { line-height: 1.7em; width:90px; display:block; float:left; margin:0 0 0 0; white-space: nowrap;}
#generate-img-specs-inputs #foreground_color_label { width: auto; display:inline; float:none; margin:0 0 0 0; line-height: auto;}
#generate-img-specs-inputs #ecc_note { margin-left: 90px; margin-top: -0.5em;}
#generate-img-specs-inputs #ecc_note a { font-size: 0.9em; }
#generate-img-specs-inputs input.small, #generate-img-specs-inputs select.small { width:55px; }
#generate-img-specs-inputs #ecc_level_field { max-width: 113px; }
#generate-img-specs-inputs #qrcode-fgcolor {
  width: auto;
}

#generate-page-wrapper {
  margin-top: 8px;
}

#social-and-login-area-wrapper {
  position: relative;
  height: 113px;
}

#social-media-shares {
  height: 25px;
  position: absolute;
  bottom: 1px;
  right: 130px;
}

#social-media-shares iframe.twitter-share-button {
  position: relative;
  left: 4px;
}

#social-media-links {
  width: 115px;
  position: absolute;
  bottom: 4px;
  right: 0;
}

#generate-enter-data-content input.large, #generate-enter-data-content textarea.large, #generate-enter-data-content select.large, #generate-enter-data-content .selectize-control.large {
  width: 302px;
}

#generate-enter-data-content input.medium, #generate-enter-data-content textarea.medium, #generate-enter-data-content select.medium, #generate-enter-data-content .selectize-control.medium {
  width: 130px;
}

#generate-enter-data-content input.small, #generate-enter-data-content textarea.small, #generate-enter-data-content select.small, #generate-enter-data-content .selectize-control.small {
  width: 55px;
}

#generate-enter-data-content .date-field input {
  margin-left: 0;
}

#qrcode-data-container-MAPS table td {
  background-color: transparent;
  padding: 0;
  margin: 0;
}

#generate-enter-data-layout td, #generate-enter-data-layout font, #generate-enter-data-layout p {
  color:#365078;
}

#qrcode-google-campaign-fields label {
  display: inline-block;
  width: 85px;
}

#generate-enter-data-layout .enter-data-option-section {
  padding: 5px;
  border: 1px solid #C0CFEA;
  width: 265px;
}

#qrcode-google-campaign-fields input[type="text"] {
  width: 155px;
}

#qrcode-shorturl-container, #qrcode-google-campaign-container {
  margin-bottom: 10px;
}

/* Start: Signup Offer */
#signup-offer-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=50); /* IE < 8 */
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE8 */
  background-color: #000;
  z-index: 100;
}

#signup-offer {
  position: absolute;
  width: 550px;
  height: 482px;
  border: 1px solid rgba(0,0,0,.2);
  box-shadow: 0 5px 15px rgba(0,0,0,1);
  border-radius: 4px;
  background-color: #fff;
  font-size: 18px;
  z-index: 101;
  padding: 29px 30px 30px 47px;
  color: #2d1d3c;
}

#signup-offer h2 {
  color: #000;
  font-size: 20px;
  text-transform: none;
  margin-bottom: 20px;
}

#signup-offer h2 strong {
  font-size: 29px;
}

#signup-offer h2 sup {
  line-height: 12px;
  font-size: 16px;
  vertical-align: top;
}
#signup-offer h2 sub {
  font-size: 13px;
  vertical-align: baseline;
}


.feature-codes, .feature-scans, .feature-edit, .feature-analytics, .feature-vector, .feature-batch, .feature-dashboard, .feature-reports, .feature-lock {
  width: 35px;
  height: 35px;
  display: inline-block;
  background: url('../images/icons/g-feature-icons.png') 0 0;
}

.feature-codes     { background-position: 0 0; }
.feature-edit      { background-position: 0 -35px; }
.feature-analytics { background-position: 0 -70px; }
.feature-vector    { background-position: 0 -105px; }
.feature-batch     { background-position: 0 -140px; }
.feature-dashboard { background-position: 0 -175px; }
.feature-reports   { background-position: 0 -210px; }
.feature-lock      { background-position: 0 -245px; }



#signup-offer .feature {
  margin-bottom: 3px;
}

#signup-offer .feature-text {
  font-size: 15px;
  font-weight: bold;
  vertical-align: top;
  display: inline-block;
  line-height: 35px;
  margin-left: 13px;
}

#signup-offer .actions {
  margin-top: 12px;
  margin-left: 2px;
}

#signup-offer .actions .btn {
  margin-right: 30px;
}

#signup-offer .btn {
  display: inline-block;
  padding: 1px 6px;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid #62556f;
  color: #fff;
  background: #62556f;
  line-height: 28px;
  font-weight: bold;
}

#signup-offer .btn.primary {
  border: 2px solid #6C439F;
  background: #6C439F;
  padding: 1px 11px;
}

#signup-offer .btn.secondary {
  color: #62556f;
  background: #fff;
}

#signup-offer .options {
  margin-top: 15px;
  font-size: 12px;
}

#signup-offer .options input {
  vertical-align: middle;
}

#signup-offer .options label {
  line-height: 15px;
  vertical-align: middle;
  font-weight: bold;
}

/* End: Signup Offer */

/* Label generate page */
#label-layout-intro p {
  margin-left: 43px;
}

#avery-recommend {
  float: right;
  border: none;
  margin: 0 0 1em 1em;
}

div.step-heading {
  font-weight: bold;
  margin-bottom: 1.5em;
}

#label-download-area {
  padding: 5px 0 50px 0;
}

#label-download-area div.submit-button {
  float: right;
}

#label-download-note {
  float: right;
  margin: 5px 6px 5px 0;
  height: 21px;
  line-height: 21px;
}

form#email-qrcode input.large {
  width: 319px;
}

form#email-qrcode textarea {
  width: 40em;
}

div.qrcode-data-banner {
  margin: 12px 0 14px 0;
}

/* Digital Business cards */
iframe.iframebox-frame {
  background-color: #C0CFEA; /* Seen during page loads */
}

#dbc-result {
  -transform: scale(0.75);
  -ms-transform: scale(0.75);
  -ms-transform-origin: 0 0;
  -moz-transform: scale(0.75);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.75);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.75);
  -webkit-transform-origin: 0 0;
  transform: scale(0.75);
  transform-origin: 0 0;
  width: 324px;
  height: 452px;
  border: 1px solid #888;
  overflow-x: hidden;
}

.dbc-sample-wrap {
  border: 1px solid #888;
  display: inline-block;
  cursor: pointer;
}

#dbc-result-wrap {
  height: 341px; /* height*scale+2 */
  overflow: hidden;
}

.dbc-buttons {
  margin: 1.25em 0 1.5em 0;
}

/*.dbc-buttons.dbc-before-create {
}*/

div.new-para {
  margin-bottom: 1em;
}