/* ---------------------------------------------
Shopping List Screen Stylesheet
----------------------------------------------- */

*{margin:0; padding:0; text-decoration:none; border:none; list-style:none; outline:none;}
html {background:url("/wp-content/themes/southernsavers/css/images/bg-pattern-xy.png");}
body {font:normal 12px/20px Arial, sans-serif;}

a {color: #5c6c3e;}
a:hover {color: #906353;}

.paperwrap {display:block; width:850px; margin:0 auto; position:relative;}
	#paper, .paperwrap:after,.paperwrap:before{box-shadow:0px 0px 10px rgba(119,116,60,.7); background:#fff; border:1px solid #c9c9b2; border-radius:1px; background-clip: padding-box;}
	.paperwrap:after,.paperwrap:before {content: "";position:absolute; z-index:5; width:775px; height:1000px;}
	.paperwrap:after {right:12px; top:4px; margin-top:0;
		-webkit-transform: rotate(2.25deg);
		   -moz-transform: rotate(2.25deg);
		    -ms-transform: rotate(2.25deg);
		     -o-transform: rotate(2.25deg);
		        transform: rotate(2.25deg);}
	.paperwrap:before {left:15px; top:20px;
		-webkit-transform: rotate(-2deg);
		   -moz-transform: rotate(-2deg);
		    -ms-transform: rotate(-2deg);
		     -o-transform: rotate(-2deg);
		        transform: rotate(-2deg);}

#paper {margin:0 auto; width:650px; min-height:1000px; position:relative; padding:50px 75px; z-index:10;}
#paper input {display:none;}
#paper.hidematches li span {display:none;}
#paper.hidematches li em span {display:inline;}

.col1 {float:left; width:313px; position:relative; min-height:900px;}
.col2 {float:right; width:313px; position:relative; min-height:900px;}
.googad {display:block; clear:both; padding:50px 0; width:728px; height:90px; margin:0 0 0 -39px;}
		
h1 {font:normal 28px/32px "MuseoSlab500","Helvetica",Arial, sans-serif; width:415px; margin-bottom:20px; min-height:55px;}
h1 span {font:normal 14px/20px Arial, sans-serif; display:block; color:#777;}
img.clipnshare {position:absolute; top:50px; right:75px;}

h2 {font:normal 16px/24px "MuseoSlab500","Helvetica",Arial, sans-serif; color:#000; cursor:move;}
#paper ul {position:relative; display:block; list-style:none; width:315px; margin:0 0 20px 0; padding:0 0 30px 0; font-size:11px;}
	#paper ul li {display:block; border-bottom:1px solid #000; position:relative; line-height:14px; padding:3px 0;}
	#paper ul li em {font-size:12px; font-style:normal; font-weight:bold; cursor:move;}
	#paper ul li.ltitle {border-bottom:2px solid #000; position:static; line-height:20px; padding:0;}
	a.up, a.down, a.left, a.right, a.edit, a.delete, a.add {display:block; position:absolute; width:12px; height:12px; background:url(../images/icon-sprite.gif) no-repeat; font-size:1px; text-indent:-9999px; outline:none;}
	a.up {top:4px; right:40px; background-position:0 0;}
	a.down {top:4px; right:20px; background-position:-12px 0;}
	a.left {top:4px; right:0; background-position:-24px 0;}
	a.right {top:4px; right:0; background-position:-36px 0;}
	a.add {bottom:12px; right:5px; background-position:-72px 0;}
		#paper input.addtxb {display:block; position:absolute; bottom:7px; left:0; height:18px; width:296px; font-size:11px; line-height:18px; border:none; border-bottom:1px solid #ccc; background:url(../images/addtxbhint.gif) no-repeat 9999px 0;}
	a.delete {top:4px; right:0; background-position:-60px 0; margin-right:-8px;}
	.col1 a.left, .col2 a.right {display:none;}

#help {margin:0 0 50px 0; position:relative; z-index:50; background:url("/wp-content/themes/southernsavers/css/images/bg-pattern-x.png") repeat-x; min-width:850px;}
	#helpcontent {width:850px; height:40px; padding-top:10px; margin:0 auto; position:relative;}
	#helpcontent p {display:block; width:260px; font-size:16px; padding-bottom:10px; font-family:georgia, serif;}
	ul#togglecats {display:block; float:left; padding-left:22px;}
	ul#togglecats li {list-style:none; position:relative; float:left; padding-right:15px;}
	ul#togglecats li ul {display:none; position:absolute; top:25px; left:0; padding:15px; width:200px; background:#1e3026; border-radius:4px;}
	ul#togglecats li:hover ul {display:block;}
	ul#togglecats li ul li {display:block; font-weight:normal; position:relative; float:none; padding:2px 0;}
	ul#togglecats label {color:#879d90;display:block; position:absolute; top:0; left:20px; width:190px; overflow:hidden;}
	ul#togglecats li ul li.divider {border-top:1px solid #375343; padding-top:7px; margin-top:5px;}
	ul#togglecats li ul li.divider label {top:5px;}
	
	.pbutton {display:inline-block; padding:0 10px; color:#465c4f; font-size:13px; height:28px; line-height:26px; font-family:"Helvetica",Arial,sans-serif; background:#c9d4d0; border:1px solid #91af9d; border-radius:3px; font-weight:bold; text-shadow: 1px 1px 1px rgba(255,255,255,.6); background: -moz-linear-gradient(top, #f9f9f2 0%, #a1aca8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f2), color-stop(100%,#a1aca8)); background: -webkit-linear-gradient(top, #f9f9f2 0%,#a1aca8 100%); background: linear-gradient(top, #f9f9f2 0%,#a1aca8 100%);}
	.pbutton.dark {background:#273e2f; border-color:#273e2f; color:#8da396; text-shadow:none;}
	.pbutton.ppr {position:absolute; top:52px; left:0; margin-left:-40px; border-color:#c0bea3; color:#73724a; background: -moz-linear-gradient(top, #f3f3ee 0%, #c7c7c2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3ee), color-stop(100%,#c7c7c2)); background: -webkit-linear-gradient(top, #f3f3ee 0%,#c7c7c2 100%); background: linear-gradient(top, #f3f3ee 0%,#c7c7c2 100%); box-shadow:0px 0px 4px rgba(119,116,60,.5);}	
    .pbutton:hover, .pbutton:focus {background:#fff; outline:none;}
	li:hover .pbutton.dark,.pbutton.dark:focus {background:#1e3026;}
	
	#help .arrow-down:before {content:""; display:block; float:left; margin:10px 6px 0 -3px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #8da396;}
	#paper .arrow-left:before {content:""; display:block; float:left; margin:7px 6px 0 -3px; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #73724a;}

	#printit:before {content:""; display:block;float:left; width:30px; height:24px; background:url(../images/sprite24.png) no-repeat;}
	
	ul#togglecats li.shareli {position:absolute; float:none; color:#8da396; top:10px; right:23px; background:#273e2f; border-radius:3px; height:28px; line-height:28px; font-size:13px; padding:0 4px 0 10px;}
	
#pagebottom {display:none; position:absolute; top:900px; /* 875px page height + #help height */ left:0; border-top:1px dashed #000; text-align:center; width:100%; padding:0;}

.abbr{font-size:11px;font-weight:bold;color:#262626;text-transform:uppercase;}
.limit{font-size:11px;font-weight:bold;color:#477c42;text-transform:uppercase;}
.free{font-size:12px;font-weight:bold;color:#202020;}
.print{font-size:11px;color:#145DC0;display:inline-block;padding-right:18px;margin-right:5px;background:url(//www.southernsavers.com/wp-content/themes/southernsavers/css/images/print-icon.gif) no-repeat scroll top right;line-height:17px;text-decoration:underline;text-transform:uppercase;}
.print:hover {text-decoration:none;}
.print:active {position:relative;top:1px;}
.store,
.man,
.q{position:relative;font-size:12px;color:#454545;display:inline-block;padding-left:16px; margin-left:10px;line-height:18px;}
.store{background:url(//www.southernsavers.com/img/s.png) no-repeat scroll 0px 3px;}
.man{background:url(//www.southernsavers.com/img/m.png) no-repeat scroll 0px 3px;}
.q img {position:absolute; top:3px; left:0;}

.q.qhover {text-decoration:line-through; background:pink;}

/* Micro Clearfix */
.group:before,.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1;}

#help p.mobile {display: none;}

.ui-sortable-helper {background:#fff; background:rgba(255,255,255,.8);}
.ui-state-highlight {border:1px solid #425e4d; background:#dceee3; height:20px; line-height:20px; margin:10px 0; padding:0; overflow:hidden;}

#savechanges {display:none; position:absolute; top:50px; right:75px; background:#fff; width:300px; height:60px; text-align:right; z-index:10;}
	#savechanges .pbutton {font-size:15px; height:40px; line-height:40px; padding:0 20px; color:#262626; background:#3994c4; border-color:#0b384f; background: -moz-linear-gradient(top, #47a7d9 0%, #2878a1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47a7d9), color-stop(100%,#2878a1)); background: -webkit-linear-gradient(top, #47a7d9 0%,#2878a1 100%); background: linear-gradient(top, #47a7d9 0%,#2878a1 100%);}
	#savechanges .pbutton:hover {background:#6dbce5;}

/******
Top User Register/Login Bar
*/
#topbar {position:relative; z-index:60; background:#1c3124; font-size:12px; line-height:26px; color:#91aa9d; height:34px; padding-top:8px; box-shadow: 0px -5px 5px -5px rgba(0,0,0,.6) inset;}
#topbar .tbutton {display:inline-block; padding:0 10px; color:#fff; font-size:13px; height:28px; font-family:"Helvetica",Arial,sans-serif; background:#495e52; border-bottom:1px solid #15271d; border-top:1px solid #8c9791; border-radius:3px; background: -moz-linear-gradient(top, #506d5d 0%, #2e4338 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#506d5d), color-stop(100%,#2e4338)); background: -webkit-linear-gradient(top, #506d5d 0%,#2e4338 100%); background: linear-gradient(top, #506d5d 0%,#2e4338 100%);}
#topbar a.tbutton {height:26px;}
#topbar .tbutton:hover,
#topbar .tbutton:focus {background:#597063; outline:none;}
#topbar .container {display:block; margin:0 auto; padding:0; width:950px;}
#topbar .whycreate {padding-left:8px;}
#topbar form {float:right; line-height:20px;}
#topbar .field {display:block; float:left; margin:0 6px 0 0; padding:0; width:130px; position:relative;}
#topbar label {display:none; color:#2b4134; position:absolute; top:3px; left:10px; z-index:5;}
#topbar .hinted label {display:block;}
#topbar .txb {position:relative; z-index:1; background:#597264; border-radius:3px; width:110px; color:#1d2f25; font-family:"Helvetica",Arial,sans-serif; padding:7px 10px 6px 10px; box-shadow: 0px 5px 5px -5px rgba(0,0,0,.6) inset;}
#topbar .txb:focus {background:#83978c;}
#topbar ul {color:#7b9385;}
#topbar li {display:inline; position:relative; float:left; margin:0; padding:0 20px 0 0; font-size:14px; line-height:28px; white-space:nowrap;}
#topbar a {color:#7b9385;}
#topbar a:hover, #topbar a:focus, #topbar a.current {color:#c8ded1;}
#topbar li.user {float:right; padding:0; height:35px;}
#topbar li.user > a {padding-right:20px;}
#topbar li.user ul {display:none; position:absolute; right:0; top:34px; background:red; width:150px; border:1px solid #b9daca; border-bottom:none; background:none;}
#topbar li.user:hover ul {display:block;}
#topbar li.user ul li {float:none; padding:0; text-align:right; height:26px;}
#topbar li.user ul li a {display:block; font-size:12px; color:#639073; background:#fff url(/wp-content/themes/southernsavers/css/images/sub-subnav-item-bg.png); height:26px; line-height:26px; margin-top:0; padding:0 10px; border-bottom:1px solid #b9daca;}
#topbar li.user:hover > a {color:#c8ded1;}
#topbar li.user .arrow-down {position:absolute; top:10px; right:0; border-top-color:#7b9385; display:inline-block; margin:0 5px 2px 2px;}
#topbar li.user:hover .arrow-down {border-top-color:#c8ded1;}
#topbar li.user ul li a:hover {background:#fff; color:#111; text-decoration:none;}
#topbar li.martin {float:right; width:56px; height:34px; background:url(/img/topbar-martin.gif) no-repeat 0 1px;}
#topbar li.martin span {display:block; font-size:12px; line-height:26px; position:absolute; top:1px; right:64px; text-align:right; background:#2c3e32; height:25px; padding:0 6px 0 10px; border-radius:4px 0 0 4px;}
#topbar li.martin span a {text-decoration:underline;}
#topbar .arrow-down {width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid black;}


/* ---------------------------------------------
Shopping List Mobile Stylesheet
----------------------------------------------- */


/* ==|== *480px ======================================== */
@media only screen and (max-width: 480px) {


* {margin:0; padding:0;}
html {background:#fff;}
body {font:normal 12px/20px Arial, sans-serif;}

a {color: #5c6c3e;}
a:hover {color: #906353;}

#paper {margin:0 auto; width:650px; min-height:1000px; position:relative; padding:50px 75px; z-index:10;}
.paperwrap {display:inline;}
.paperwrap:after,.paperwrap:before,.googad,img.clipnshare {display:none;}
#paper {margin:0 auto; padding:0; width:100%; position:relative;}
#paper input {display:none;}
#paper.hidematches li span {display:none;}
#paper.hidematches li em span {display:inline;}

.col1 {width:94%; margin: 0 3%;}
.col2 {width:94%; margin: 0 3%;}
		
h1 {font-size:24px; line-height:24px; padding-bottom: 50px; border-bottom:1px solid #000; width: 94%;margin: 15px 3% 30px 3%;}

h2 {font-size:17px; width: 85%; line-height:20px; color:#000;padding-bottom: 7px;}

#paper ul {position:relative; display:block; list-style:none; width:100%; margin:0 0 20px 0; padding:7px 0 30px 0; font-size:11px;}
	#paper ul li {display:block; border-bottom:1px solid #000; position:relative; line-height:14px; padding:3px 0;}
	#paper ul li em {font-size:12px; font-style:normal; font-weight:bold;}
	#paper ul li.ltitle {border-bottom:2px solid #000; position:static; line-height:20px; padding:0;}
	a.up, a.down, a.left, a.right, a.edit, a.delete, a.add {display:block; position:absolute; width:12px; height:12px; background:url(../images/icon-sprite.gif) no-repeat; font-size:1px; text-indent:-9999px; outline:none;}
	a.up {top:4px; right:20px; background-position:0 0;}
	a.down {top:4px; right:0; background-position:-12px 0;}
	a.left {top:4px; right:0; background-position:-24px 0; display: none;}
	a.right {top:4px; right:0; background-position:-36px 0; display: none;}
	a.add {bottom:12px; right:5px; background-position:-72px 0;}
		#paper input.addtxb {display:block; position:absolute; bottom:1px; left:0; height:24px; width:90%; font-size:12px; line-height:24px; border:none; border-bottom:1px solid #ccc; background:url(../images/addtxbhint.gif) no-repeat 9999px 0;}
	a.delete {top:4px; right:0; background-position:-60px 0; margin-right:-8px;margin-right: 0px;}
	.col1 a.left, .col2 a.right {display:none;}

#help {margin:0 0 0 0; height:auto; padding:20px 10px 20px 10px; position:relative; border-bottom:1px solid #e5e9df; background:#f6f9ef; display: none;}
	#helpcontent {width:90%; padding:0; margin:0 auto; position:relative;}
	#helpcontent p {display:block; width:100%; font-size:19px; padding-bottom:10px; font-family: "MuseoSlab500","Helvetica",Arial,sans-serif;
	font-weight: normal;}
	#help p.desktop {display: none;}
	#help input#printit {display: none;}
	ul#togglecats {display: block; padding-top: 5px; width:100%;}
	ul#togglecats li {list-style:none; font-weight:bold;}
	ul#togglecats li ul {display:block;}
	ul#togglecats li ul li {display:block; width:100%; font-weight:normal; position:relative;}
	ul#togglecats li ul li label {position:absolute; top:0; left:0; padding-left:20px; width:198px; white-space:nowrap; overflow:hidden;}
	
	.pbutton.ppr {position:relative; top:0; left:0; margin:0; padding:5px 5% 4px 5%; width:90%; border-width:0 0 1px 0; border-radius:0;}

#pagebottom {position:absolute; top:900px; /* 875px page height + #help height */ left:0; border-top:1px dashed #000; text-align:center; width:90%; padding:5%; background: #000; display: none;}

.abbr{font-size:11px;font-weight:bold;color:#262626;text-transform:uppercase;}
.limit{font-size:11px;font-weight:bold;color:#477c42;text-transform:uppercase;}
.free{font-size:12px;font-weight:bold;color:#202020;}
.print{font-size:11px;color:#145DC0;display:inline-block;padding-right:18px;margin-right:5px;background:url(//www.southernsavers.com/wp-content/themes/southernsavers/css/images/print-icon.gif) no-repeat scroll top right;line-height:17px;text-decoration:underline;text-transform:uppercase;}
.print:hover {text-decoration:none;}
.print:active {position:relative;top:1px;}

.q.qhover {text-decoration:line-through; background:pink;}

#help p.mobile {display: none;}
#help p.desktop {display: block;font-size:16px;}
#help input#printit {display: block; margin-bottom: 15px;}


}/*/mediaquery*/