/* ///////////////////////////////// */
/* // Like Scan Stylesheet        // */
/* // created by Greg Jensen      // */
/* // March 21, 2012              // */
/* ///////////////////////////////// */


/* Major tags and generic items */
div,article,section,table,tr,td,th,.nav,.nav li,iframe,img{padding:0px;margin:0px;border:0;}
blockquote{margin:0;padding:1em;}
body {
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}
.code{font-family:monospace;}
.container {
	max-width:960px;
	margin:auto;
	overflow:visible;
	padding:0 1em;
}

li{margin-bottom:0.6em;}

a {	color:#23aae1; border:0px; }

a:hover { color:#44c3f7; }

.footnote { font-size:0.7em; }

.format_text { font-size:0.9em; }

.button, button {
	color:#e3e3e3;
	text-shadow:1px 1px 0px #00354b;
	border:0px;
	border-radius:6px;
	border-top:1px solid #98d1e7;
	border-bottom:1px solid #000;
	box-shadow:inset 0px 0px 2px #038ec7;
	padding:0.2em;

	background: #0092bf; /* Old browsers */
	background-image: -webkit-gradient(linear,0%0%,0%100%,from(#0092bf),to(#005c78));
	background-image: -webkit-linear-gradient(top,  #0092bf 0%,#005c78 100%); /* Chrome10+,Safari5.1+ */
	background-image: -moz-linear-gradient(top,  #0092bf 0%, #005c78 100%); /* FF3.6+ */
	background-image: -o-linear-gradient(top,  #0092bf 0%,#005c78 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #0092bf 0%,#005c78 100%); /* IE10+ */
	background-image: linear-gradient(top,  #0092bf 0%,#005c78 100%); /* W3C */
}
a.button {
	display:inline-block;
	text-decoration:none;
	font-size:0.8em;
}
.button_b{
	border-top:1px solid #e79898;
	border-bottom:1px solid #000;
	box-shadow:inset 0px 0px 2px #c74444;

	background: #bf4444; /* Old browsers */
	background-image: -webkit-gradient(linear,0%0%,0%100%,from(#0092bf),to(#005c78));
	background-image: -webkit-linear-gradient(top,  #bf4444 0%,#782222 100%); /* Chrome10+,Safari5.1+ */
	background-image: -moz-linear-gradient(top,  #bf4444 0%, #782222 100%); /* FF3.6+ */
	background-image: -ms-linear-gradient(top,  #bf4444 0%,#782222 100%); /* IE10+ */
	background-image: -o-linear-gradient(top,  #bf4444 0%,#782222 100%); /* Opera 11.10+ */
	background-image: linear-gradient(top,  #bf4444 0%,#782222 100%); /* W3C */
}
.button_small{
	padding:0.1em 0.5em !important;
	border-radius: 3px !important;
}

input, textarea {
	border:1px solid #727272;
	font-size: 1em;
	box-shadow:
		-1px -1px 2px rgba(255,255,255,0.5),
		inset 1px 1px 2px rgba(0,0,0,0.3);
}
input {
	padding:0 2px;
	height: 1.3em;
}
input.check{width:auto !important;float:left;margin:0.15em 0.5em 0 0;border:0;}
label.check{display:block;margin:0.33em 0 0 0;text-align:left;}

input:focus,textarea:focus {
	border:1px solid #23AAE1;
	background:#eff6ff;
}
::selection {
	background:#23AAE1;
	color:#fff; /* Safari */
	}
::-moz-selection {
	background:#23AAE1;
	color:#fff; /* Firefox */
}
.fieldset, fieldset{
	display:block;
}
.important, .fieldset, fieldset{
	padding:1em 2em;
	border:1px solid #ccc;
	border-radius:3px;
	margin-bottom:0.5em;
}
.simpletabs{padding-left:1em;margin:0;overflow:hidden !important;}
.simpletabs .tab{display:block;float:left;padding:0.25em;margin:0 0.2em -1px 0;border-radius:5px;}
.simpletabs .selected{background:#23AAE1;color:#FFF;font-weight:900;}
.top .tab{border-radius:5px 5px 0 0;}
.bottom .tab{border-radius:0 0 5px 5px;}

table{
	border-collapse:collapse;
	border:1px solid #CCC;
	padding:0.1em;
	font-size:0.8em;
}
td,th{
	padding:0.1em 0.2em;
	border:1px solid #CCC;
}
th {
	background:#ddd;
}

.clear{clear:both;}

.important h3{padding:0;}
.important .important, .important fieldset{border:none; padding:0;}

.dim {
	width:100%;
	height:100%;
	position:fixed;
	background:#222;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	top:0px;
	z-index:1000;
}
.overlay{
	position:absolute;
	top:2em;
	left:0;
	right:0;
	margin:auto;
	z-index:1001;
	border:2px solid #222;
}

/* random links etc. */
#refresh{font-size:0.8em;}
#recompile_links{position:fixed;bottom:0;left:0;background:#FFFFBB;padding:0.1em;border:1px solid #ccc;z-index:1900;}
.boximage{float:left;width:27%;margin-right:3%;max-width:480px;}
/* Main Header */

.header {
	border-top:8px solid #0092bf;
	border-bottom:8px solid #0092bf;
	position:relative;
}

.header .container { position:relative;overflow:auto; }
.header .aside .button {border-radius:2px;font-size:0.78em;padding:0.1em 0.4em;}
	
#logo {
	display:block;
	margin:21px 14px 16px 0px;
	float:left;
	border:0px;
}
#logo:hover{margin:19px 14px 18px 0px;}

#main_nav {
	overflow:hidden;
	margin-top:46px;
	font-size:0.9em;
	/*width:400px;*/
}

#main_nav div { float:left; }
#main_nav a {
	display:block;
	text-decoration:none;
	padding:1em 0.8em;
	margin:0px 1px 1px;
}

#main_nav .selected a, #main_nav a:hover {
	background:#23AAE1;
	color:#fff;
	border-radius:6px;
}

.header .aside {
	position:absolute;
	top:0px;
	right:1em;
	background:#0092BF;
	border-radius:0px 0px 6px 6px;
	padding:8px;
	padding-top:0px;
}

#page_image{
	background:url(img/welcome.jpg) right -20px no-repeat;
}
#page_image h1,#business_image h1 {
	margin:0px;
}
#business_image{
	background:url(img/business.jpg) right -130px no-repeat;
	height:320px;
}

#page_image, #business_image {
	width:100%;
	max-width: 1152px;
	/*width:1152px;
	 height:419px;*/ /* 435 - 16 = 419 */
	color:#fff;
	text-shadow:#000 0px 2px 5px, 0 2px 3px #333;
	text-align:center;
	margin:auto;
	padding:16px 0;
}


/* registration form and sign in */
#signin, #signedin{float:right;color:#444;width:31.1em;}
#signin{font-size:0.9em;padding-bottom:2em;}
#signin div, #signedin div{float:left;}
#signin input{width:8.5em;}
#signedin{width:28em;text-align:right;margin:0.5em 0 0 0.5em;}
#signin a,#signedin a{color:#444;margin:0.3em;text-shadow:-1px 0px 0px #FFF;}
#signin a:hover, #signedin a:hover,#signedin a:visited{text-decoration:none;color:#000}
#signin button{margin-top:1.2em;border-radius:3px;padding:0.08em 0.7em 0.2em 0.7em;}

#image_overlay, .formbox {
	/*border:1px solid #beced4;*/
	border:1px solid rgba(190,206,212,0.5);
	background:rgba(255,255,255,0.5);
	width:334px;
	border-radius:8px;
	font-size:14px;
	color:#000;
	text-shadow:none;
	padding:1em;
}
.formbox {width:30em;margin-bottom:1em;}
#home_default_method .formbox{background:#fff;}

#image_overlay h3, #image_overlay p { margin:0px; }

.fields {
	margin:1em 0em;
	text-align:left;
}

.fields div {
	overflow:hidden;
	margin:2px 0px;
}

.fields label {
	display:block;
	width:10em;
	float:left;
	text-align:right;
	margin-right:1em;
	padding-top:1px;
}
.fields .submit {
	text-align:right;
	padding-top:1em;
}

.formbox .submit {
	text-align:left;
	margin-left:11em;
}


#image_overlay .button,#image_overlay button, .submit .button, .submit button {
	padding:8px;
	font-weight:bold;
}

/* Content Section */

#content {
	background:url(img/content_header.png) repeat-x;
	padding-top:1em;
}

#content h1, #content h2, #content h3 { margin-top:0px; }

.orange {
	background:#ffdf90;
	margin-right:2em;
}

.left { float:left; margin:0em 0.8em 0.8em 0em; }

.left_column {
	width:334px; /* 372 - 28 = 334 */
	padding:1em;
	float:left;
}

.main_column {min-width:295px;}

.left_indent {
	margin-left:390px;
}

.one_half { overflow:hidden; }

.one_half article, .one_half .article {
	width:50%;
	float:left;
}

/* FOOTER */

.footer {
	background:#003a4c;
	color:#6d98a5;
	font-size:0.75em;
	clear:both;
}

.footer .container {
	padding:2em 1em;
}

.footer a {
	text-decoration:none;
	color:#6d98a5;
}
.footer a:hover { text-decoration:underline; }

.footer nav {}

.footer .nav.alt div,.footer nav.alt div {
	float:left;
	margin:0 2.5em 0.5em 0;
}

.footer nav a, .footer .nav a { display:block; }

.footer .alt {
	font-size:0.9em;/* relative to parent */
	text-transform: uppercase;
	padding-bottom:1.2em;
	margin-bottom:1em;
	border-bottom:1px solid #567b87;
	overflow:hidden;
}

.three_quarters {
	width:68%;
	float:left;
}

.one_quarter {
	margin-left:5%;
	width:27%;
	float:left;
}


/* other pages */
.colA{float:left;width:50%;}
.colB, .colBA{float:left;width:45%;margin-left:5%;}
.colBA{margin:0 5% 0 0;}
.colC{float:left;width:25%;}
.colD{float:left;width:70%;margin-left:5%;}
.colE{float:left;width:32.5%;}
.colF{float:left;width:62.5%;margin-left:5%;}
.sidebarone{float:left;width:40%;margin:0 2em 2em 0;} /* left side bar */

.auth .noauthonly{display:none;}
.noauth .authonly{display:none;}

#freescanners{float:left;width:55%;}



#sub_footer {
	background:#002f3d;
	clear:both;
	padding: 0 1em;
}

#sub_footer .container {
	padding:1em 0em;
}

#sub_footer a, #sub_footer span {
	padding:0em 1em;
	border-right:1px solid #567b87;
}

#sub_footer span:first-child { padding-left:0em; }
#sub_footer a:last-child { border-right:0px; }

.footer .connect_widget_text { color:#6d98a5 !important; }


/* forms */
form h3, form h4{margin:0;padding:0.22em 0 0.3em 0;}
.security div p{float:left;width:100%;}
.security div{float:left;width:200px;}
.security input{width:5em;clear:none !important;}

.error a{color:#0033CC !important;}
.error
{
	padding:0.2em 0.3em;
	background-color: #FFF1F1;
	background-image: -webkit-gradient(linear,0%0%,0%100%,from(#FFF1F1),to(#FFCCCC));
	background-image: -webkit-linear-gradient(top,  #FFF1F1 0%,#FFCCCC 100%); /* Chrome10+,Safari5.1+ */
	background-image: -moz-linear-gradient(top,  #FFF1F1 0%, #FFCCCC 100%); /* FF3.6+ */
	background-image: -ms-linear-gradient(top,  #FFF1F1 0%,#FFCCCC 100%); /* IE10+ */
	background-image: -o-linear-gradient(top,  #FFF1F1 0%,#FFCCCC 100%); /* Opera 11.10+ */
	background-image: linear-gradient(top,  #FFF1F1 0%,#FFCCCC 100%); /* W3C */
}
form .error{color:#CC0000;}
.success
{
	color:#009900;
	font-weight:900;
	border:1px solid #00CC00;
	padding:0.2em 0.3em;
	background-color: #EEFFEE;
	background-image: -webkit-gradient(linear,0%0%,0%100%,from(#EEFFEE),to(#CCFFCC));
	background-image: -webkit-linear-gradient(top,  #EEFFEE 0%,#CCFFCC 100%); /* Chrome10+,Safari5.1+ */
	background-image: -moz-linear-gradient(top,  #EEFFEE 0%, #CCFFCC 100%); /* FF3.6+ */
	background-image: -ms-linear-gradient(top,  #EEFFEE 0%,#CCFFCC 100%); /* IE10+ */
	background-image: -o-linear-gradient(top,  #EEFFEE 0%,#CCFFCC 100%); /* Opera 11.10+ */
	background-image: linear-gradient(top,  #EEFFEE 0%,#CCFFCC 100%); /* W3C */
}
form .success{color:#009900;}
.warn
{
	color:#000;
	font-weight:900;
	border:1px solid #CC0000;
	padding:0.2em 0.3em;
	background-color: #FFF;
	background-image: -webkit-gradient(linear,0%0%,0%100%,from(#FFEE99),to(#FFCC66));
	background-image: -webkit-linear-gradient(top,  #FFEE99 0%,#FFCC66 100%); /* Chrome10+,Safari5.1+ */
	background-image: -moz-linear-gradient(top,  #FFEE99 0%, #FFCC66 100%); /* FF3.6+ */
	background-image: -ms-linear-gradient(top,  #FFEE99 0%,#FFCC66 100%); /* IE10+ */
	background-image: -o-linear-gradient(top,  #FFEE99 0%,#FFCC66 100%); /* Opera 11.10+ */
	background-image: linear-gradient(top,  #FFEE99 0%,#FFCC66 100%); /* W3C */
}
form .warn{color:#993300;}
.notice
{
	color:#000066;
	font-weight:900;
	border:1px solid #0066FF;
	padding:0.2em 0.3em;
	background-color: #DDFEFF;
	background-image: -webkit-gradient(linear,0%0%,0%100%,from(#CCFDFF),to(#CCFDFF));
	background-image: -webkit-linear-gradient(top,  #CCFDFF 0%,#CCFDFF 100%); /* Chrome10+,Safari5.1+ */
	background-image: -moz-linear-gradient(top,  #CCFDFF 0%, #CCFDFF 100%); /* FF3.6+ */
	background-image: -ms-linear-gradient(top,  #CCFDFF 0%,#CCFDFF 100%); /* IE10+ */
	background-image: -o-linear-gradient(top,  #CCFDFF 0%,#CCFDFF 100%); /* Opera 11.10+ */
	background-image: linear-gradient(top,  #CCFDFF 0%,#CCFDFF 100%); /* W3C */
}
form .error, form .success, form .notice, form .warn{
	border:0px;
	font-weight:900;
	background:none;
}
.error .hideit{color:#CC0000;}
.success .hideit{color:#00CC00;}
.notice .hideit{color:#3399FF;}
.warn .hideit{color:#993300;}
.fields p{text-align:right;}
.ok input, .ok select{background:#F6FFF6;box-shadow:0px 0px 2px #00CC00;} /*background:url(/images/sprites_small.png) right -207px no-repeat;*/
.notok input{
	border-top:1px solid #993333;
	border-right:1px solid #CC0000;
	border-bottom:1px solid #CC3333;
	border-left:1px solid #662222;
}
.hideit{font-family:'arial black';font-weight:900;display:none;}
.sitemsg{display:block;clear:both;border-left:0px !important; border-right:0px !important;position:relative;}
.sitemsg ul{list-style:none;display:block;clear:both;margin:1em 2em 1em 1em;}
.sitemsg .hideit{display:block;padding:0.3em;position:absolute;top:0;right:0;}
.hidden{display:none;margin:0;padding:0;line-height:0;}
#auth_error{width:100%;font-weight:900;padding:0.1em 0;}
#auth_error a{display:inline;}

/* social media */
.share{width:100%;text-align:center;margin:1em auto;}
.tweetfollow,.tweet,.like{float:left;margin-right:4px;}
.like{clear:left;}
.gplus{float:left;margin-right:4px;}
.tweet a{
	display:block;
	width:55px;
	height:20px;
	background:url(img/tweet.png) 0 0 no-repeat;
}
.tweet a span{display:none;}
.tweet a:hover{
	background:url(img/tweet.png) 0 -21px no-repeat;
}
.tweetfollow{clear:both;}

/* icons */
.edit_table td, .edit_table th {
	padding:0.2em 0.4em !important;
	border-color:#999 !important;
	width:20px;
}
.edit_table .namecell{
	width:auto !important;
}

.edit, .preview, .delete, .print, .download{
	display: inline-block; /* careful: no white space is allowed! */
	text-indent:-990px;
	width:40px;
	height:40px;
	padding:0;
}
.edit{ background:url(/images/sprites.png) 0 0 no-repeat; }
.edit:hover{ background:url(/images/sprites.png) 0 -40px no-repeat; }

.preview{ background:url(/images/sprites.png) 0 -80px no-repeat; }
.preview:hover{ background:url(/images/sprites.png) 0 -120px no-repeat; }

.delete{ background:url(/images/sprites.png) 0 -160px no-repeat; }
.delete:hover{ background:url(/images/sprites.png) 0 -200px no-repeat; }

.print{ background:url(/images/sprites.png) 0 -240px no-repeat; }
.print:hover{ background:url(/images/sprites.png) 0 -280px  no-repeat; }

.download{ background:url(/images/sprites_small.png) 0 -480px no-repeat; }
.download:hover{ background:url(/images/sprites_small.png) 0 -520px  no-repeat; }

.edit_small, .preview_small, .delete_small, .print_small, .download_small{
	display: block; /* careful: no white space is allowed before or after! */
	text-indent:-990px;
	width:20px;
	height:20px;
	padding:0;
}
.edit_small{ background:url(/images/sprites_small.png) 0 0 no-repeat; }
.edit_small:hover{ background:url(/images/sprites_small.png) 0 -20px no-repeat; }

.preview_small{ background:url(/images/sprites_small.png) 0 -40px no-repeat; }
.preview_small:hover{ background:url(/images/sprites_small.png) 0 -60px no-repeat; }

.delete_small{ background:url(/images/sprites_small.png) 0 -80px no-repeat; }
.delete_small:hover{ background:url(/images/sprites_small.png) 0 -100px no-repeat; }

.print_small{ background:url(/images/sprites_small.png) 0 -120px no-repeat; }
.print_small:hover{ background:url(/images/sprites_small.png) 0 -140px  no-repeat; }
/* checkmark and x */
.download_small{ background:url(/images/sprites_small.png) 0 -240px no-repeat; }
.download_small:hover{ background:url(/images/sprites_small.png) 0 -260px  no-repeat; }


.sitemessage{ color:#000 !important;}

/* 4. Account */
#account{width:45%;float:left;margin-right:3%;}
#transactions{width:50%;float:left;}
#add_credits{}
#fees{clear:both;}
#qrform #url{width:60%;}
#qrform #tweet{width:95%;}

.question{font-size:105%;}
.answer{color:#333311;}

#account_statement #statement_range{display:block;float:left;padding:1em;}
#account_statement #copy{position:absolute;width:1px;height:1px;overflow:hidden;margin-top:-500px;}
#credits_charges{float:left;}
#copytarget{margin:0 2em 1.5em 0;float:left;}
#statement_range button{font-size:0.8em;padding:0.2em 0.3em;border-radius:3px;}

#instructions{
	display:none;position:fixed;top:10em;padding:1em;border:1px solid #ccc;right:0;z-index:100;
}

#account_checkout table{
	font-size:1.2em;
}
/* 5. Items/Products */
#qrform{width:100%;min-width:30em;}
/*#itemform textarea{width:100%;min-height:5em;} */
::-moz-selection,
::-webkit-selection,
::selection {
    text-shadow: none;
    background: #2c9ed6;
    color: #fff;
}
#imagefile{height:auto;}
.premium input{margin-bottom:1em;}
#itemform label, #itemform input,#itemform select, #itemform textarea{float:none;text-align:left;}
#itemform textarea{min-height:5em;}
#itemform textarea, #subscribe_text, #tweet{width:98%;margin:auto;}
#itemform p{text-align:left;}
#itemform input.check{clear:left;float:left;}
#itemform label.check{margin:0;width:80%;float:left;}
#itemform label{width:100%;}
#itemform #twitter{clear:left;}
#sub_text,#buy_now,#templates{clear:both;}
#templates{clear:both;}
#templates label{display:inline;}
label img{vertical-align:top;}