/* ----------------------------------------- GLOBALS ------------------------------------------ */

html, body		{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
}s

body			{
	overflow-x: hidden;
	overflow-y: hidden;
}


form {
	margin: 0;
	padding:0;
}

a, a:visted	{
	color:#888
}

a:hover	{
	color:#999;
}

div		{	-webkit-box-sizing: border-box;}

input[type="submit"] { height:31px;} /* chrome and firefox were removing some padding on submit buttons. the button was shorter than its siblings */


/* ----------------------------------------- CLASSES ------------------------------------------ */

*:focus 							{	outline: none; }

a 									{	text-decoration:none; cursor:pointer; cursor:hand;	}
a:visited							{	color:#666666;	}
a:hover								{	color:#888;	}
a img								{ 	border:none;	}
.hand:hover							{	cursor:pointer; cursor:hand;}

.hide								{	display:none;	}
.inline								{	display:inline;	}
.block								{	display:block;	}
.inlineblock						{	display:inline-block;	}
.centertext							{	text-align:center;}

.numinfilter						{	color:inherit;	}
.white								{	color:#FFF;	}
.midgray							{	background-color:#333;	}
.gray, gray a, gray a:visited		{	color:#888;	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;	}
.gray a:hover						{	color:#999;	}
.search								{	color:#555;	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;	}
.search a							{	color:red;	}
.contact							{	color:#999;	font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;	}
.contact a							{	color:#09F;	}
.contact a:hover					{	color:#06F;	}
.contact p							{				}
.contact span						{	color:#FFF;	}
.bio								{	color:#C8C8C8; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;	}
.aboutclass							{	color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;	}
.hcolor								{	color:#FF6; font: bold 14px arial; line-height:0.5em;} .red {color:#F00;}
.descs								{	color:#FFF; font: bold 18px arial;}
.sizes								{	color:#555; font:bold 16px arial;}
.niceblue							{	color:#09F;	}
input[type=checkbox]:checked + span	{	color:#FFF;	}
input[type=radio]:checked + span 	{	color:#FFF;	}


.not_live {
	display:none;
}

.slimage {
	position:relative;
	display:inline-block;
	height:100%; 
	margin-left:100px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:-4px;
}

.photo_print {
/* 	width: 316px; */
	height: 150px;
/* 	margin: 20px; */
	float: left;
	clear:both;
/* 	margin-left:60px; */
	position: relative;
/* 	border: 8px solid #fff; */
	box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
/* 	background: #333; */
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-o-perspective: 500px;
	-ms-perspective: 500px;
	perspective: 500px;
}

.photo_print .slice{
/* 	width: 60px; */
	height: 100%;
	z-index: 100;
	
	background-size:cover;
	backface-visibility: hidden;
/* 	background-repeat: no-repeat; */
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;

	-webkit-transition: -webkit-transform 150ms ease-in-out;
	-moz-transition: -moz-transform 150ms ease-in-out;
	-o-transition: -o-transform 150ms ease-in-out;
	-ms-transition: -ms-transform 150ms ease-in-out;
	transition: transform 150ms ease-in-out;
		
}

.photo_print .slice:after { /* give the photo a white background so it looks like a print */
    content: '';
    right: 0px;
    bottom: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color:white;
	background-image:url('../images/KStarr Photo Paper.jpg');
	background-size:cover;
    -webkit-transform: rotateY( 180deg );
	border-radius:-4px;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
}

.photo_print div.photo_print-back{
	width: 50%;
	height: 100%;
	position: absolute;
	right: 5px;
	/*background: #666;*/
	z-index: 0;
}

.photo_print-back span {
	display: block;
	float: right;
	padding: 5px 20px 5px;
	width: 100%;
	text-align: right;
	font-size: 16px;
	color: rgba(255,255,255,0.6);
}

.photo_print-back span:first-child {
	padding-top: 20px;
}

.photo_print-back a {
	display: bock;
	font-size: 18px;
	color: rgba(255,255,255,0.4);
	position: absolute;
	right: 15px;
	bottom: 15px;
	border: 2px solid rgba(255,255,255,0.3);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 22px;
	text-align: center;
	font-weight: 700;
}

.photo_print-back a:hover {
	color: #fff;
	border-color: #fff;
}

.photo_print-back span[data-icon]:before {
    content: attr(data-icon);
    font-family: 'icons';
    color: #aaa;
	color: rgba(255,255,255,0.2);
	text-shadow: 0 0 1px rgba(255,255,255,0.2);
	padding-right: 5px;
}

.photo_print .s2, 
.photo_print .s3, 
.photo_print .s4, 
.photo_print .s5 {
	-webkit-transform: translate3d(60px,0,0);
	-moz-transform: translate3d(60px,0,0);
	-o-transform: translate3d(60px,0,0);
	-ms-transform: translate3d(60px,0,0);
	transform: translate3d(60px,0,0);
}
.photo_print .bend_shadow {
	height: 100%;
	opacity: 0;
	position: absolute;
	left:0;
	-webkit-transition: opacity 150ms ease-in-out;
	-moz-transition: opacity 150ms ease-in-out;
	-o-transition: opacity 150ms ease-in-out;
	-ms-transition: opacity 150ms ease-in-out;
	transition: opacity 150ms ease-in-out;
}

.photo_print:hover .bend_shadow {
	opacity: 1;
}

.photo_print img {
	position: absolute;
	z-index: 0;
	-webkit-transition: left 0.3s ease-in-out;
	-o-transition: left 0.3s ease-in-out;
	-moz-transition: left 0.3s ease-in-out;
	-ms-transition: left 0.3s ease-in-out;
	transition: left 0.3s ease-in-out;
}

.photo_print {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}


.flippy.s1{
	transition-delay: 0ms;
	transition-duration: 0.5s;
}
.flippy.s2{
	transition-delay: 90ms;
	transition-duration:0.2s;
}
.flippy.s3{
	transition-delay: 60ms;
	transition-duration:0.2s;
}
.flippy.s4{
	transition-delay: 30ms;
	transition-duration:0.2s;
}
.flippy.s5{
	transition-delay: 0ms;
	transition-duration:0.2s;
	background-repeat:no-repeat;
}

.quick_flip {
	transition-delay:0ms !important;
	transition-duration:0ms !important;
}


.photo_print .s4 > .bend_shadow {
	background: -moz-linear-gradient(right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
}

.photo_print .s5 > .bend_shadow {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
}

.photo_print div.photo_print-back{
	background: #0a0a0a;
	background: -moz-linear-gradient(left, #0a0a0a 0%, #666666 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0a0a0a), color-stop(100%,#666666));
	background: -webkit-linear-gradient(left, #0a0a0a 0%,#666666 100%);
	background: -o-linear-gradient(left, #0a0a0a 0%,#666666 100%);
	background: -ms-linear-gradient(left, #0a0a0a 0%,#666666 100%);
	background: linear-gradient(left, #0a0a0a 0%,#666666 100%);
}

.item_deets {
	float: left;
    width: auto;
    white-space: nowrap;
    color: #888;
    font-size: 18px;
	text-align: left;
/*     font-weight: bold; */
    top: 0px;
/*     margin-top: 20px; */
/*     position: absolute; */
/*     padding-bottom: 10px; */
	z-index:-1;
}

.cart_item_modify_select {
	background-color: rgb(47, 47, 47);
    font-size: 16px;
    border: none;
    color: #6d6d6d;
	height:25px;
}

.size_alert {
    display: inline-block;
    margin-left: 8px;
    background-color: #a99c1b;
    height: 18px;
    width: 18px;
    border-radius: 10px;
    border: 1px solid #35260a;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: white;
    text-shadow: 2px 2px 1px black;
    box-shadow: 2px 2px 3px #0a0902;
    padding-right: 1px;
}

.size_alert_message {
	position:absolute;
	z-index:20;
	border:1px solid white;
	border-radius:3px;
	width:220px;
	height:auto;
	background-color:gray;
	font-size:11px;
	padding:3px;
}

.triangle_alert {
	display:inline-block;
	margin-left:8px;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	margin-bottom:4px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 16px solid red;
}



.item_price {
	float:right;
	color:#888;
	font-size:18px;
/* 	margin-top:20px; */
}

.size_price {
	transition-duration:0.5s;
}

.paper_tip {
	position:absolute;
/* 	left:-50px; */
	display:none;
	max-width:320px;
	text-align:center;
	line-height:16px;
	font-size:12px;
	font-weight:bold;
	color:#CCC;
	z-index:2000;
	padding:10px;
	border-radius:0px;
	border:0px solid gray;
	background-color:rgba(44,44,44,0.96);
	white-space:normal;
}

option {
    color: #777;
}

option:disabled {
    color: #454545;
}

.temp_border {
	border: 1px solid #282828;
}




.cart_size.hover .size_price,
.cart_size:hover .size_price {
	transform:translateX(-22px);
}

.indie_cart_adjust {
	opacity:1;
	transition: transform 0.5s, opacity 0.6s;
	transition-delay:0s
}

.indie_cart_reveal {
	display:inline-block;
	position: absolute;
    left: 17px;
    width: 24px;
    height: 26px;
	color: #777;
	opacity:0.7;
}

.trigger.has_some {
	text-decoration:underline;
}

.indie_cart_amt {
    position: absolute;
    top: -5px;
    left: 16px;
	width: 24px;
    z-index: 1;
    color: white;
    font-size: 12px;
    font-weight: normal;
}

.indie_add_button {
	opacity:0;
	transition: transform 0.5s, opacity 0.6s;
	transition-delay:0s
}

.cart_size.hover .indie_cart_adjust {
/* 	opacity:1; */
	transform:translateX(-10px);
}
.cart_size:hover .indie_cart_adjust {
/* 	opacity:1; */
	transform:translateX(-10px);
}

.cart_size.hover .indie_add_button {
	opacity:1;
	transform:translateX(-20px);
}
.cart_size:hover .indie_add_button {
	opacity:1;
	transform:translateX(-20px);
}

.indie_button {
	opacity:0;
	transition-duration: 0.7s;
}

.indie_button:hover {
	cursor:pointer;
	cursor:hand;
	transition-duration: 0.2s;
}


.cart_size.hover .indie_button {
	opacity:1;
}

.indie_cart_adjust {
	top: 0px;
    position: absolute;
    margin-left: 40px;
    white-space: nowrap;
	line-height:26px;
	font-size: 14px;
	color:#6D6D6D;
    width: 50px;
    text-align: center;
}

.indie_add_button {
	top: 0px;
    position: absolute;
    margin-left: 50px;
    white-space: nowrap;
	line-height:26px;
	font-size: 14px;
	color:#6D6D6D;
    width: 60px;
    text-align: center;
}

.indie_add_button:hover {
	color:#CCC;
	background-color:rgba(200,200,200,0.1);
}

.cart_size.zero .indie_cart_adjust {
	display:none;
}

.cart_size.zero .indie_add_button {
    display:inline-block;
}

.cart_size.in_cart .indie_add_button {
	display:none;
}

.cart_size.in_cart .indie_cart_adjust {
	display:inline-block;
}

.indie_minus,
.indie_plus {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	height: 26px;
	position: absolute;
	top: 0px;
	line-height:26px;
	margin-left: -16px;
	width: 16px;
	color:#444;
}

.indie_plus:hover,
.indie_minus:hover {
	background-color:rgba(80,80,80,0.5);
	color:#CCC;
}

.indie_plus {
    margin-left: 2px;
}


.indie_button.disabled:hover {
	cursor:default;
	background-color:transparent;
}

.indie_plus.disabled {
	color:#630e0e;
}







.delete_cart_item {
/* 	position: absolute; */
/*     bottom: 0px; */
/*     margin-bottom: 30px; */
    color: #B5B5B5;
/*     margin-left: 60px; */
	text-align:left;
	margin-top:12px;
	float:left;
}

.delete_cart_item:hover {
	color:#D4D9E0;
	text-decoration:underline;
}

.shopping_cart_table {
	width:100%;
	font-weight:bold;
}

.shopping_cart_table td {
	padding:7px 10px;
}

.shopping_cart_items_price, .shopping_cart_subtotal {
	width:100%;
	color:#CCC;
	text-align:right;
	font-weight:bold;
}

.shopping_cart_shipping, .shopping_cart_discount {
	font-size: 12px;
	text-align: right;
	color: #CCC;
	line-height:19px;
}

.promo_status.valid {
	color:#81AB88;
}

.promo_status.invalid, .promo_status.expired, .promo_status.inactive {
	color:#B95C5C;
}

.shopping_cart_total {
	width: 100%;
    color: #3fc16e;
    text-align: right;
    font-weight: bold;
	font-size:18px;
}

.shopping_cart_promo_input {
	background-color: #3E3E3E;
	border: none;
	height: 20px;
	font-size: 14px;
 	width: 70%;
	color: #CCC;
	padding-left: 4px;
	text-align: center;
}

.apply_promo_button {
	background-color: #888;
	display: inline-block;
	border: none;
	/* height: 20px; */
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 3px;
	color: #404040;
	background-color: transparent;
	font-weight: bold;
	font-size: 12px;
	/* border-bottom: 1px solid #6F6F6F; */
	/* line-height: 22px; */
    padding-top: 3px;
    border: 1px solid #7d7d7d;
    background-color: gray;
    border-radius: 2px;
    line-height: 15px;
    background:linear-gradient(to bottom,#e5e8ec,#cdcfd2);
}

::-webkit-input-placeholder {
	font-style: italic;
	font-size:12px;
	color:#161616;
}
:-moz-placeholder {
	font-style: italic;  
}
::-moz-placeholder {
	font-style: italic;  
}
:-ms-input-placeholder {  
	font-style: italic; 
}

.apply_promo_button:hover {
	background:linear-gradient(to bottom,#f7f8fa,#e7e9ec);
/* 	linear-gradient(to bottom,#e7eaf0,#d9dce1); */
}

.shopping_cart_notes {
    font-size: 12px;
    color: #666;
	margin:40px 0px;
}

.reg_size_DEPRECATED {
	font-size:18px;
}

.item_quantity {
	text-align:left;
	margin-top:8px;
}

.item_quantity input {
	height: 24px;
	font-size: 16px;
	background-color: #444;
	border: none;
	padding-left: 5px;
    text-align: center;
    width: 44px;
}

.image_wrap {
	width: 600px;
    position: relative;
    /* height: 100px; */
    float: left;
}

.photo_print .image_wrap {
	height:inherit;
	width:inherit;
}

.photo_canvas {
	width: 600px;
	height: 400px;
	position: relative;
	perspective: 1000px;
/* 	margin:20px; */
	float:left;
	clear:both;
/* 	margin-left:60px; */
}

.box {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
}

.box { transition: transform 0.5s; /*transform-origin: 20% 40%;*/ opacity:1; }

.box.hover { transform: rotateY(-30deg) rotateX(-45deg) rotateZ(0deg) translateY(0px) translateX(-0px) translateZ(0px); }

.box .box_face {
	margin: 0;
	display: block;
	position: absolute;
	/*   border: 5px solid black; */
}

.box .front,
.box .back {
	width: 600px;			/* x */
	height: 300px;			/* y */
}

.box .right,
.box .left {
	width: 100px;			/* z */
	height: 300px;			/* y */
	left: 250px;			/* (x*0.5 - (z*0.5)) */
/* 	margin-left:-50px;		 */
}

.box .top,
.box .bottom {
	width: 600px;			/* x */
	height: 100px;			/* z */
	top: 100px;				/* ((y*0.5 - (z*0.5)) */
}

.box .front  { transform: rotateY(   0deg ) translateZ( 50px ); background-color:white; } 		/* z*0.5 */ /* figure out how to get background image onto these surfaces so the photo appears wrapped */
.box .back   { transform: rotateX( 180deg ) translateZ( 50px ); background-color:white; } 		/* z*0.5 */
.box .right  { transform: rotateY(  90deg ) translateZ( 300px ); background-color:#AFAFAF; } 		/* x*0.5 */
.box .left   { transform: rotateY( -90deg ) translateZ( 300px ); background-color:#DEDEDE; } 		/* x*0.5 */
.box .top    { transform: rotateX(  90deg ) translateZ( 150px ); background-color:#DEDEDE; } 		/* y*0.5 */
.box .bottom { transform: rotateX( -90deg ) translateZ( 150px ); background-color:#AFAFAF; } 		/* y*0.5 */


.available_sizes {
	overflow: hidden;
	margin-bottom: 15px;
	margin-top: -5px;
}

.canvas_title {
	position:absolute; bottom:5px; width:100%; text-align:center;
}



.shopping_cart_div {
	position:absolute;
    top:44px;
    bottom:30px;
    left:110%;
    right:-100%;
    background-color:#252525;
    z-index:5;
    border:1px solid #797979;
    border-right:0;
	overflow-y:auto;
	overflow-x:visible;
/*     opacity: 0.97; */
/*     border-radius: 6px; */
}

.cart_item_quantity {
	position:absolute;
    top:6px;
    left:6px;
	height:30px;
	width:30px;
	line-height:26px;
	border-radius:20px;
	background-color:#222;
	border:2px solid #CCC;
	color:#CCC;
}

.continue_shopping {
	position: absolute;
    top: 32px;
    left: 340px;
    border-radius: 40px;
    /* border: 1px solid white; */
    text-align: center;
    width: 60px;
    height: 60px;
    padding-top: 15px;
    color: #ABABAB;
    /* background-color: #5F5F5F; */
    font-size: 12px;
    font-weight: bold;
    z-index: 1001;
}

.continue_shopping:hover {
	color:#CCC;
}

.cart_header {
	margin-right: 300px;
	position: relative;
	margin: 10px;
	margin-left: 78px;
	color: #848484;
	font-weight: bold;
	font-size: 12px;
}

.cart_header_note {
	color:#585858;
	font-size:11px;
}

.items_in_cart {
/*     right: 300px; */
/* 	position:absolute; */
/*     top: 30px; */
/*     padding-right: 10px; */
    /* color: white; */
    /* height: 100%; */
	margin: auto;
    /* border: 3px solid #555; */
    position: relative;
    padding: 10px;
    padding-left: 80px;
    text-align: center;
/*     left: 0; */
    padding-bottom: 30px;
    margin-right: 306px;
}

.checkout {
	position: absolute;
    /* margin: auto; */
    padding: 10px;
    text-align: center;
    border-left: 1px solid #222;
    right: 0;
    width: 306px;
    float: right;
    top: 0px;
}

.checkout.floating {
	position:fixed;
	top:45px;
	right:8px;
}

.payment_processing_message {
	padding:8px;
	color:#CCC;
	font-size:12px;
	font-weight:bold;
}

.empty_cart {
	/* width: 100%; */
	text-align: center;
	position: absolute;
	top: 48%;
	left: 0px;
	right: 300px;
	color: #A7A7A7;
	font-size: 18px;
	/* height: 50%; */
}

.cart_item {
	position: relative;
	float: left;
	left: 0px;
	/* color: #CCC; */
	width: 100%;
	margin-top: 15px;
	padding-top: 25px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #484848;
}

.cart_item:last-child {
	border-bottom:none;
}

.canvas_shadow {
	transform-style: preserve-3d;
	transform: translateZ(-130px);
	transition: transform 350ms;
}

.canvas_shadow.rotate {
	transform: rotateY(-60deg) translateZ(20px) translateX(30px);
}

.print_shadow {
  position: relative;
}

.print_shadow:before {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}


/* ----------------------------------------- DIVS ------------------------------------------ */

/* main site wrapper */
#wrapper	{
	position:relative;
	z-index:0;
	width:100%;
	height:100%;
	margin:0 auto;
}	/* subclasses and divs */

	#temporary_member_message	{	
		position:absolute;
		z-index:300;
		top:50%;
		left:50%;
		width:600px;
		height:300px;
		margin-left:-300px;
		margin-top:-150px;
		border:#303030 6px solid;
		border-radius:4px;
		text-align:center;
		color:#999;
		display:none;
		background-color:#202020;
	}
	
	/* youtube shatter on url error */
	#sitelights			{
		position:absolute;
		width:100%;
		height:100%;
		background-image:url(../images/sitelights.jpg);
		background-attachment:fixed;
		background-position:0% 0%;
	}
	
	#youtube			{	position:absolute;	width:100%;	height:100%;	z-index:0;	background-color:#000;	display:block; text-align:center; top:0px; }
		#youtubeLinkCover 	{	position:absolute;	bottom:0px;	right:0px;	z-index:322;	background-color:#000;	height:100px;	width:150px; }
		#loadingCover		{	position:absolute;	left:0px;	top:0px;	height:100%;	width:100%;	background-color:#000;	display:none;	z-index:319; }
		#error_messager		{	position:fixed;	z-index:320;	top:50%;	left:50%;	margin-top:-180px;	margin-left:-250px;	height:300px;	width:500px;	color:#FFF;	display:block; }
			#homefrom404		{	color:#999;	display:none; }
			#homefrom404:hover	{	color:#CCC;	cursor:pointer;	cursor:hand; }
		#videoInfo			{	position:absolute;	top:100px;	left:100px;	background-color:#0CF;	z-index:299;	display:none; }

#okay_patient_btn	{
	position:absolute;
	width:300px;
	left:50%; margin-left:-150px;
	height:40px;
	bottom:20px;
	color:#CCC;
	background-color:#303030;
	text-align:center;
	border:none;
	font-size:20px;
	font-weight:bold;
	box-shadow: 4px 5px 5px 2px #000;
}
#okay_patient_btn:hover		{	background-color:#404040;}

/* debug panel */
#debugpanel	{
	position: absolute;
    background-color: #000;
    z-index: 99;
    bottom: 10px;
    left: 20px;
    border: #FF0 1px solid;
    z-index: 1000;
}

/* registration panel */
#reg_darken_wrap		{	position:absolute; z-index:59; top:0px; left:0px; margin:0 auto; width:100%; height:100%; background-color:rgba(0,0,0,0.7); text-align:center; display:none;}
	#reg_panel_contain	{	position:absolute; z-index:1000; width:300px; left:50%; margin-left:-150px; top:50%; margin-top:-200px; height:400px; background-color:#000; border:#333 3px solid; -moz-border-radius: 6px; border-radius: 6px; overflow:hidden; }
	#reg_panel_content		{	width:100%; margin-top:2px; height:100%; overflow:hidden;}
	#register_form			{	position:relative; margin-top:20px;}
	.regdivs				{	position:relative; margin-left:18px; height:60px; text-align:left; margin-top:10px; color:#FFF; font-size:20px;}
	.reginputs				{	background-color:#202020; height:28px; width:260px; border:none; text-align:left; font-size:16px; font-weight:bold; color:#CCC; padding-left:3px; border-radius:3px;}
	#reg_btn_div			{	position:relative; height:60px; border-radius:3px; }
	#reg_btn_input			{	position:relative; margin-left:28px; height:40px; width:200px; font-size:16px; text-align:center; margin-top:22px;}
	#register_results		{	position:relative; margin-top:100px; height:40px; color:#FFF; font-size:20px; font-weight:bold;}










#top	{
	position: fixed;
	z-index:10;
	top:0px;
	left:272px;
	right:0px;
	height:40px;
	border-bottom:#666 0px solid;
	background-color:transparent;
}	/* subclasses and divs */
	#snap_header				{	float:left;	width:auto;	height:40px;	}
	
	#test_action				{	position:absolute; z-index:20; width:500px; top:8px; margin-left:400px; }
	#test_action_btn			{	width:60px; }
	#end_test_action			{	position:absolute; z-index:21; width:500px; top:8px; margin-left:480px; }
	#end_test_btn				{	width:60px; }
	
		/*#snap_user_login			{	position:absolute; height:40px; width:600px; top:0px; right:0px;}
		#loginform input:focus		{	outline:none; }
			
			#top_email_input		{	position:absolute; right:364px; width: 190px; margin-left:5px; }
			#top_password_input		{	position:absolute; right:170px; width: 190px; margin-left:5px; }
			#top_login_btn			{	position:absolute; right:86px; width: 80px; margin-left:5px; }
			#top_register_btn		{	position:absolute; right:2px; width: 80px;  margin-left:5px; }

			/* can't do this because password rememberer gets fucked up reading the backwards order of form elements this produces
			#top_email_input		{	float:right; width: 190px; height:28px; background-color:#202020; border:none; text-align:center; font-size:16px; font-weight:bold; color:#CCC; margin-top:5px; margin-left:5px; }
			#top_password_input		{	float:right; width: 190px; height:28px; background-color:#202020; border:none; text-align:center; font-size:16px; font-weight:bold; color:#CCC; margin-top:5px; margin-left:5px; }
			#top_login_btn			{	float:right; width: 80px; height:30px; background-color:#202020; border:none; text-align:center; font-size:16px; font-weight:bold; color:#CCC; margin-top:5px; margin-left:5px; }
			#top_register_btn		{	float:right; width: 80px; height:28px; background-color:#202020; border:none; text-align:center; font-size:16px; font-weight:bold; color:#CCC; margin-top:5px; margin-left:5px; }
			*/
			/*.hover_inner_glow:hover		{	box-shadow: inset 0px 0px 10px #555;}*/

.weekly_update {
	color: #7BF395;
	margin: 14px;
	font-weight: bold;
	float: right;
	margin-right: 80px;
	text-shadow: 0 0 41px rgba(50, 255, 0, 1);
}

#left {	
	position:absolute;
	left:0px;
	top:0px;
	width:258px;
	bottom:0px;
	z-index:1000;
	background-color:#141414;
}

#filter_container {
	opacity:1;
	position: absolute;
	z-index:30;
	top:0px;
	left:0px;
	bottom:0px;
	width:120px;
	background-color:#121212;
	border-right:#000 1px solid;
	text-align:center;
	border-top:1px solid black;	
}

/* subclasses and divs */
	#filter_title			{	color:#555; font-size:24px; font-weight:bold; }
/*	#filcon					{	float:right;	z-index:0;	display:block;	width:100%;	margin-right:0px;	border-bottom:#FFF 0px dashed;	text-align:center;	}*/
	#showallnone			{	position:relative;	float:left;	margin-top:6px;	width:100%;	padding-bottom:0px;	border-bottom:#666 0px solid;	}
	#showallnone div		{	height:26px;	}
	#showallnone div:hover	{	height:26px;	}
	#filters				{	position:relative;	float:left;	top:2px;	margin-left:0px;	border:#FFF 0px solid;	text-align:center;	font-weight:bold;	width:100%;		border-bottom:#666 0px solid;	}
	#displayingtotal		{	position:relative;	float:left;	top:3px;	margin-left:0px;	border:#FFF 0px solid;	font-size:12px;	text-align:center;	font-weight:bold;	width:100%;	}	

	#psst					{	color:#CCC; font-weight:bold;}
	#psstip					{	position:absolute; color:#CCC; padding:5px; text-align:center; width:300px; height:90px; border-radius:6px; border:#333 1px solid; z-index:1000; background-color:#000; font-size:14px; font-weight:bold; 
								-webkit-box-shadow: 7px 9px 10px rgba(0, 0, 0, 0.9);
								-moz-box-shadow:    7px 9px 10px rgba(0, 0, 0, 0.9);
								box-shadow:         7px 9px 10px rgba(0, 0, 0, 0.9);
							}
	#closepsst				{	position:absolute; right:20px; margin-top:24px; border:#333 1px solid; border-radius:3px; padding:4px; font-size:12px; font-weight:bold;}
	#closepsst:hover		{	background-color:#222;}



	.upload_container			{	position:absolute; bottom:0px; left:0px; width:auto; height:auto; z-index:200; }
	.upload_arrow				{	position:absolute; width:auto; opacity:0.8; bottom:80px;}
	.upload_arrow:hover			{	opacity:1; cursor:pointer; cursor:hand; }
	.upload_dotbox				{	position:relative; width:112px; margin-left:3px; margin-bottom:3px; height:76px; border-radius:4px; box-sizing:content-box; }
	.upload_dotbox.dotted		{	border:1px dotted #555; }
	.upload_dotbox.hovering		{ 	border:1px solid #888; background-color:#252525; cursor:pointer; cursor:hand; }
	.upload_preview_img			{	position:absolute; left:0px; bottom:0px; opacity:0.8; border-radius:3px; }
	.upload_preview_img:hover	{	opacity:1.0; }
	
	.upload_container_2			{	position:absolute; bottom:0px; left:0px; width:auto; height:auto; z-index:200; }

	
.filters_OLD	{	height:20px;
	padding-top:2px;
	margin-top:3px;
	margin-left:3px;
	color:#666;
	width:112px;
	position:relative;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#141414),color-stop(1,#181818));
	background-image: -webkit-linear-gradient(-45deg,#141414 0%,#181818 100%);
	background-image: linear-gradient(-45deg,#141414 0%,#181818 100%);
	border: 1px solid #060606;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: inset 1px 1px 2px #101010;
	box-shadow: inset 1px 1px 2px #101010;
	color: #9f9f9f !important;
	-webkit-user-select: none;
	user-select: none;
	vertical-align:middle;
}

.filters_OLD.on {
	background-color: #454545;
	background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#505050),color-stop(1,#323232));
	background-image: -webkit-linear-gradient(-90deg,#505050 0%,#323232 100%);
	background-image: linear-gradient(-90deg,#505050 0%,#323232 100%);
	border: 1px solid #060606;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
	box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
	color: #9f9f9f !important;
}

.filters_OLD:hover	{
	cursor:pointer;
	cursor:hand;
	background-color:#242424;
	background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#404040),color-stop(1,#303030));
	background-image: -webkit-linear-gradient(-90deg,#404040 0%,#303030 100%);
	background-image: linear-gradient(-90deg,#404040 0%,#303030 100%);
	border: 1px solid #060606;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 2px #101010;
	box-shadow: 1px 1px 2px #101010;
	color: #9f9f9f !important;
	-webkit-user-select: none;
	user-select: none;
	vertical-align:middle;
}

.filters {
/* 	height:20px; */
	padding-top:3px;
	padding-bottom:3px;
/* 	margin-top:3px; */
/* 	margin-left:3px; */
	color:#666;
	width:100%;
	position:relative;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color: #9f9f9f !important;
	-webkit-user-select: none;
	user-select: none;
	vertical-align:middle;
	line-height:16px;
}

.filters.on {
	background-color:#3A3A3A;
	color: #9f9f9f !important;
}

.filters:hover {
	cursor:pointer;
	cursor:hand;
	background-color:#242424;
	color: #9f9f9f !important;
}

.filters.shift_hover {
	background-color:#242424;
}

.shift_pad {
	width:100%;
	height:3px;
}

.controlfilters						{	height:24px; font-size:22px; color: #9F9F9F;;	}
.controlfilters:hover				{	cursor:pointer; cursor:hand; background-color:#242424;	}

#thumbnail_container	{
	opacity:1;
	position: absolute;
	/*z-index:30;*/
	top:0px;
	left:120px;
	width:138px;
	bottom:0px;
	border-right:#000 0px solid;
	background-color:#181818;
	overflow:hidden;
	border-top:#000 1px solid;
	/*overflow-y:auto;*/
	outline: none;
}	/* subclasses and divs */
	#thumbnails				{	position:relative;	width:100%;	top:0px; margin-left:0px;	bottom:0px;	/*margin-right:94px;*/	background-color:#transparent;	text-align:center;	overflow-y:hidden; overflow-x:hidden;	}
	.thumbnails				{	position:relative; border-bottom:#000 solid 0px; display:block;	width:120px; margin-left:5px; margin-bottom:4px; }
	.thumbnails:hover		{	cursor:pointer; }

.thumb_dropslot			{	position:relative; width:120px; height:4px; background-color:transparent; margin-left:5px; margin-bottom:0px;}
	
#leftmask	{	position:absolute; left:258px; top:0px; bottom:0px; width:20px; background-image:url(../images/leftmask.png); background-repeat:repeat-y; z-index:50; }
#rightmask	{	position:fixed; right:0px; top:0px; height:100%; width:20px; background-image:url(../images/rightmask.png); background-repeat:repeat-y; z-index:3;}

.new_middle {
	position:fixed;
	top:50px;
	bottom:50px;
	left:281px;
	right:20px;
	text-align:center;
	margin:0 auto;
	z-index:-1;
}

#middle			{
	/* normal operation */ 		opacity:1;	background-color:transparent;	z-index:0;
	/* testing					 opacity:0.6;	background-color:#0C3;	z-index:0; 	/**/
	position:fixed;
	top:44px;
	left:281px;
	bottom:30px;
	right:20px;
	text-align:center;
	margin:0 auto;
}	/* subclasses and divs */
	#previousbox			{	position:absolute; z-index:6; left:0px; width:35px; height:100%; /*top:50%; margin-top:-100px;*/ background-image:url(../images/previousarrow.png); background-position:0% 50%; background-repeat:no-repeat; }
	#previousboxz:hover		{	background-image:url(../images/previousarrow.png); background-position:0% 50%; background-repeat:no-repeat; }
	#nextbox				{	position:absolute; z-index:6; right:0px; width:35px; height:100%; /*top:50%; margin-top:-100px;*/ background-image:url(../images/nextarrow.png); background-position:100% 50%; background-repeat:no-repeat; }
	#nextboxz:hover			{	background-image:url(../images/nextarrow.png); background-position:100% 50%; background-repeat:no-repeat; }
	#image:hover			{	/*cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default !important; */}
	#site_anchor			{	position:absolute; left:400px; top:0px; width:1px; height:100%; background-color:#FFF; display:none;}

#right		{
	position:fixed;
	top:40px;
	width:180px;
	right:-200px;
	/*right:0px; /*testing*/
	bottom:27px;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #242424), color-stop(1, #202020));
	background-image: -webkit-linear-gradient(-90deg, #242424 0%, #202020 100%);
	background-image: linear-gradient(-90deg, #242424 0%, #202020 100%);
	border: 1px solid #060606;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 0 rgba(255, 255, 255, .06),
		1px 1px 0 rgba(255, 255, 255, .03),
		-1px -1px 0 rgba(0, 0, 0, .02),
		inset 1px 1px 0 rgba(255, 255, 255, 0.05);
	box-shadow: 0px 1px 0 rgba(255, 255, 255, .06),
		1px 1px 0 rgba(255, 255, 255, .03),
		-1px -1px 0 rgba(0, 0, 0, .02),
		inset 1px 1px 0 rgba(255, 255, 255, 0.05);
	color: #9f9f9f !important;
	z-index:4;
}
		#categoriestitle			{	position:absolute; left:0px; width:100%; top:0px; height:37px; font-size:24px; font-weight:bold; text-align:center; border-bottom:#000 1px solid; color:#999; }
		#category_container			{	position:absolute; left:0px; width:174px; top:38px; bottom:0px; border-bottom:#444 0px solid; z-index:300; background-color:transparent; }
		#categories					{	position:relative; margin-left:5px; margin-top:5px; width:158px; border-top:#444 0px solid; margin-bottom:5px; padding:0px 0px; text-align:center; overflow-x:hidden; overflow-y:auto; }
		
		.category_wrenchz			{	background-color:#343434;
		border: 1px solid #060606;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
		 }
		.category_wrench:hoverz	{	
		border: 1px solid #060606;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 1px 1px 2px #101010;
box-shadow: inset 1px 1px 2px #101010;
}
.category_wrench.downz		{	
		border: 1px solid #060606;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 1px 1px 2px #101010;
box-shadow: inset 1px 1px 2px #101010;
}
.category_wrench.down:hoverz			{
		border: 1px solid #060606;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
		 }

#categories.glow	{
	-webkit-box-shadow: 0px 0px 8px #CCC;
	box-shadow: 0px 0px 8px #CCC;
}


.categories				{	position:relative; height:20px; padding-top:0px; margin-bottom:2px; color:#000; width:98%; color:#CCC; font-size:12px; font-weight:bold; text-align:center;
				background-color: #454545;
				background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#181818),color-stop(1,#222222));
				background-image: -webkit-linear-gradient(-45deg,#181818 0%,#222222 100%);
				background-image: linear-gradient(-45deg,#181818 0%,#222222 100%);
				border: 1px solid #060606;
				-webkit-border-radius: 2px;
				border-radius: 2px;
				-webkit-box-shadow: inset 1px 1px 2px #101010;
				box-shadow: inset 1px 1px 2px #101010;
				color: #9f9f9f !important;
}
.categories.on			{
				background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#484848),color-stop(1,#262626));
				background-image: -webkit-linear-gradient(-90deg,#484848 0%,#262626 100%);
				background-image: linear-gradient(-90deg,#484848 0%,#262626 100%);
				border: 1px solid #060606;
				-webkit-border-radius: 2px;
				border-radius: 2px;
				-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
				box-shadow: 		0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
				color: #9f9f9f !important;
}
.categories:hover		{
				background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#282828),color-stop(1,#343434));
				background-image: -webkit-linear-gradient(-90deg,#282828 0%,#343434 100%);
				background-image: linear-gradient(-90deg,#282828 0%,#343434 100%);
}
.categories.editable		{
				background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#181818),color-stop(1,#222222));
				background-image: -webkit-linear-gradient(-45deg,#181818 0%,#222222 100%);
				background-image: linear-gradient(-45deg,#181818 0%,#222222 100%);
			}

.categories.nochange		{
				background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#999999),color-stop(1,#CCCCCC));
				background-image: -webkit-linear-gradient(-45deg,#999999 0%,#CCCCCC 100%);
				background-image: linear-gradient(-45deg,#999999 0%,#CCCCCC 100%);
			}


			/*.usereditcategories			{	height:22px; padding-top:4px; border-top:#666 0px solid; border-bottom:#666 0px solid; color:#FFF; text-align:center; width:100%;}*/
				/*.catinputs				{	text-align:center; width:90%; position:relative; color:#CCC; height:14px; font-family:Arial; padding:2px; border:1px #333 solid; font-size:12px; background-color:#202020; }*/
#newcatinput			{	color:#111; }


.user_add_category {
	position: relative;
	height: 20px;
	padding-top: 4px;
	margin-top: 2px;
	color: #000;
	width: 98%;
	color: #CCC;
	font-size: 12px;
	font-weight: bold;
	background-color: #454545;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #181818), color-stop(1, #222222));
	background-image: -webkit-linear-gradient(-45deg, #181818 0%, #222222 100%);
	background-image: linear-gradient(-45deg, #181818 0%, #222222 100%);
	border: 1px solid #060606;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: inset 1px 1px 2px #101010;
	box-shadow: inset 1px 1px 2px #101010;
	color: #555;
}

.enter_again {
	position: absolute;
	z-index: 8000;
/* 	height: 36px; */
	font-size: 14px;
	width: 250px;
	font-weight: bold;
	color: #CCC;
	background-color: #666;
	border: 2px #222 solid;
	border-radius: 8px;
	padding: 3px;
	text-align: center;
}

.admin_upload {
	position: absolute;
	z-index: 1400;
	bottom: 0px;
	display: none;
}

.check_orders {
	position:absolute;
	top:18px;
	left:600px;
	color:#CCC;
	font-size:16px;
	font-weight:bold;
}

.make_shots {
	position:absolute;
	top:18px;
	left:800px;
	color:#CCC;
	font-size:16px;
	font-weight:bold;
}

#skiddle_contain	{
	position:fixed;
	z-index:3;
	top:44px;
	bottom:30px;
	left:180px;
	width:0px;
	background-color:transparent;
}	/* subclasses and divs */


#skiddle	{
	background-color:transparent;
	/* normal operation */ 		opacity:1;	background-color:transparent;	z-index:3;
	/* testing 				 opacity:1;	background-color:#666;	z-index:3;  */
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	width:20000px;
	text-align:left;	
}		/* subdivs and classes */

.photoblocks {
	position: relative;
	margin-left: 100px;
	display: inline-block;
	background-color: #141414;
	border: #282828 1px solid;
	float: left;
}

.loadingcircle { /* deprecated, but make new css3 double loading circle work on shit browsers */
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	background-image: url(../images/loadcircle_small.gif);
}

.new_loading_wrap {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
}

.load_circles {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
}

.loading_outer_cw {
	position:absolute;
	width:100%;
	height:100%;
	z-index:20;
	animation:rotate_cw 1s infinite;
	animation-play-state:running;
	animation-timing-function:linear;
	background-image:url('../images/loading_outer_cw.png');
	background-size:100%;
}

.loading_inner_ccw {
	position:absolute;
	width:100%;
	height:100%;
	z-index:21;
	animation:rotate_ccw 1.2s infinite;
	animation-play-state:running;
	animation-timing-function:linear;
	background-image:url('../images/loading_inner_ccw.png');
	background-size:100%;
}


@-webkit-keyframes rotate_cw {
	from 	{ transform: rotate(0deg); }
	to		{ transform: rotate(360deg); }
}


@-webkit-keyframes rotate_ccw {
	from 	{ transform: rotate(360deg); }
	to		{ transform: rotate(0deg); }
}

.ring_contain{
	position:absolute;
	top:0px;
	left:0px;
/* 	perspective:800px; */
	width:800px;
	height:800px;
}

.ring_stage{
	width:100%;
	height:100%;
/* 	transition: -webkit-transform 2s; */
/*     transform-style: preserve-3d; */
	perspective:800px;
	transform-style: preserve-3d;
	transform: translateZ(-400px);
}

.ring_segments {
	position: relative;
	transform-style: preserve-3d;
/* 	animation: spin 1s infinite linear; */
    top: 50%;
    left: 50%;
}

.ring_stage {
/*   animation: spintate 8s infinite linear; */
}


@-webkit-keyframes revolve {
  from { transform: rotateX(0); }
  to   { transform: rotateX(-360deg); }
}

@-webkit-keyframes spin {
  from { transform: rotateY(0); }
  to   { transform: rotateY(-360deg); }
}

@-webkit-keyframes revspin {
  from { transform: rotateX(0) rotateY(0); }
  to   { transform: rotateX(-360deg) rotateY(-360deg); }
}



.plane {
  position: absolute;
  border: 1px solid #a7a7a7;
  border-radius: 4px;
  box-sizing: border-box;
  text-align: center;
  color:white;
  font-size:20px;
  background-color: rgba(0,0,0,0.98);
  transition: transform 2s, opacity 2s;
  backface-visibility: visible;
}






.spin_ring_container {
	width:200px;
	left:50%;
	margin-left:-100px;
	position:absolute;
	perspective:1000px;
}

.ring_1 {
	position:absolute;
	top:0px;
	width:200px;
	height:200px;
	border-radius:50%;
	border:10px solid red;
	background-color:transparent;
	animation:ring_1 3s infinite;
	animation-play-state:running;
	animation-timing-function:linear;
}

.ring_2 {
	position:absolute;
	top:20px;
	width:160px;
	height:160px;
	margin-left:20px;
	border-radius:50%;
	border:10px solid green;
	background-color:transparent;
	animation:ring_2 3s infinite;
	animation-play-state:running;
	animation-timing-function:linear;
	transform: translateZ(-300px);
}


@-webkit-keyframes ring_1 {
 from { transform: rotateY(360deg); }
 to { transform: rotateY(0deg); }
}

@-webkit-keyframes ring_2 {
 from { transform: rotateX(0deg); }
 to { transform: rotateX(360deg); }
}

@-webkit-keyframes spintainer {
 from { transform: rotateY(360deg); }
 to { transform: rotateY(0deg); }
}

.photographs {
	width: 100%;
	height: 100%;
}
/* use if using .photoblocks */

.title_overlay {
	position: absolute;
	bottom: 0px;
	height: 36px;
	width: 100%;
	background-color: rgba(12, 12, 12, 0.8);
	background-repeat: repeat-x;
	display: block;
	z-index: 10;
}

.share_overlay {
	position: absolute;
    top: 5px;
    left: 5px;
    height: 30px;
    /* padding: 3px 4px 2px 4px; */
    border-radius: 6px;
    width: auto;
    /* background-color: rgba(12, 12, 12, 0.5); */
    /* background-color: transparent; */
    /* background-repeat: repeat-x; */
    display: block;
    z-index: 10;
    color: #CCC;
    font-size: 12px;
    font-weight: bold;
}

.share_overlay:hover {
	box-shadow: white 0px 0px 16px;
/* 	opacity:0.8; */
}


.title_input, .title_div {
	float: left;
	color: #CCC;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	border: none;
	width: auto;
}

.title_input {
	margin-top:7px;
	background-color:#3A3A3A;
	padding:2px 4px;
}

.location_input, .location_div {
	float: left;
	color: #969696;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 4px;
/* 	font-weight: bold; */
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	border: none;
	width: auto;
}

.location_input {
	margin-top:7px;
	background-color:#3A3A3A;
	padding:2px 4px;
}

div.hyphen {
	float: left;
	color: #CCC;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 4px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	border: none;
	width: auto;
}

.input_size_checker {
	position:absolute;
	top:-30px;
	left:-30px;
	z-index:10000;
	width:auto;
	min-width:1px;
	background-color:yellow;
	word-wrap:nowrap;
	height:20px;
	font-size:14px;
	font-weight:bold;
	color:#CCC;
}

.rename_alert {
	float: left;
	color: #EEE;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 6px;
	font-weight: bold;
}


.block_num {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 4px 16px;
	background-color: #CCC;
	text-align: center;
	border-radius: 0 0 0 8px;
}

.foto_slide {
	margin-left:100px;
	position:relative;
}

.overname {
	position: absolute;
    bottom: 0px;
    height: 36px;
    width: 100%;
    background-color: #121212;
    background-repeat: repeat-x;
    display: none;
    z-index: 10;
    opacity: 0.6;
}

.overname .overname_title {
	float: left;
	color: #CCC;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	border: none;
	width: auto;
}

div.location {
	float: left;
	color: #CCC;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 4px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	border: none;
	width: auto;
}

.sunkstarr {
	background-image:url("../images/sunkstarr3.png");
	background-size:50%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
}

.add_overlay		{	
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: rgba(12,12,12,0.8);
/* 	opacity: 0.8; */
	z-index: 1200;
	width: 180px;
	bottom: 36px;
	color:#CCC;
	text-align:center;
	overflow-y:auto;
	overflow-x:hidden;
	display:flex;
	flex-direction:column-reverse;
}

.add_overlay ul, .add_overlay li {
	width:100%;
}

.add_overlay ul {
	margin-top:0;
}

.slimage .perimeter {
	position:absolute;
	z-index:1;
	width:100%;
/* 	background-color:rgba(255,0,0,0.1); */
}

.product.section:first-child {
	margin-bottom:30px;
}

.section_or {
	position: relative;
	height: 11px;
/* 	margin-bottom: 10px; */
	margin-bottom: 6px;
    margin-top: 6px;
}

.ordiv {
	font-size: 12px;
}

.leftordiv {
	width: 40%;
	height: 1px;
	left: 5px;
	top: 7px;
	position: absolute;
	border-bottom: 1px solid gray;
}

.rightordiv {
	width: 40%;
	height: 1px;
	right: 5px;
	top: 7px;
	position: absolute;
	font-size: 12px;
	border-bottom: 1px solid gray;
}

.price {
	display:inline-block;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
}

.cart_size:hover .add_floater {
	display:block;
}

.add_floater {
	position: absolute;
    left: 6px;
    font-size: 10px;
    margin-top: -4px;
    line-height: 25px;
    display: none;
}

.samples {
	font-size:12px;
    padding:8px;
    text-align:center;
}

.add_to_cart {
	width: 180px;
	text-align: center;
	height: 100%;
	position: absolute;
	top: 0px;
	padding-top: 10px;
	right: 0px;
	color: #CCC;
	font-size:14px;
	font-weight:bold;
}

.material {
	font-size:22px;
/* 	text-decoration:underline; */
}

/* print sample styles */
.glossy .image-wrap {
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.5);
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.5);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.5);

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.glossy .image-wrap:after {
	position: absolute;
	content: ' ';
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,.1)));
	background: linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,.1) 100%);
}





ul ul li.sectionZZZ {
	border: 1px solid #333333;
	width: 90%;
	margin-left: 5%;
}

.trigger {
/* 	color:#666; */
/* 	transition: all 0.3s ease; */
	
/* 	padding-bottom:8px; */
    padding-bottom: 4px;
    padding-top: 4px;
}

.trigger:hover {
	color:#888 !important;
    background-color: rgba(50,50,50,0.8);
}

.product.section {
	overflow:hidden;
}

.add_to_cart:hover {
	background-color:rgba(22,22,22,0.5);
/* 	cursor:pointer; */
	cursor:default;
}

.cart_size {
/* 	background-color:#121212; */
	width:100%;
	padding:4px;
	position:relative;
    box-sizing: border-box;
}

.cart_size:hover {
	background-color:rgba(30,30,30,0.8);
	cursor:default;
}

::-webkit-scrollbar { /* applies to vertical */ 
	width: 8px;  
}

::-webkit-scrollbar:horizontal {
	height:8px;
}

::-webkit-scrollbar-track {  
    background-color: #252525;
	border-right:1px solid #222;
}  

::-webkit-scrollbar-track:horizontal {
/* 	margin-left:280px; */
/* 	margin-right:6px; */
	border:none;
	background-color:#252525;
	border-radius:6px;
}

.slideport {
	position:absolute;
	z-index:3;
	top:48px;
	bottom:30px;
	left:0px;
	right:0px;
/* 	background-color:rgba(0, 0, 100, 0.2); */
	overflow-x:scroll;
	overflow-y:hidden;
	white-space:nowrap;
}

.slideport::-webkit-scrollbar-track:horizontal {
	margin-left:274px;
	margin-right:16px;
}

::-webkit-scrollbar-thumb:horizontal {
	border-radius:6px;
	border:none;
	background-color: rgb(200,200,200); background-color: rgba(110,110,110, 0.4);
}

::-webkit-scrollbar-thumb {
	background-color: rgb(200,200,200); background-color: rgba(110,110,110, 0.4);
	border-right:1px solid #222;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgb(130,130,130);
    background-color: rgba(110,110,110,0.7);
} 

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
	height: 14px;
	display: none;
	background-repeat: no-repeat;
	border-right:1px solid #222;
}

::-webkit-scrollbar-button:start:decrement:hover,
::-webkit-scrollbar-button:end:increment:hover {
	background-color:#424242;
}


::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
	display:none;
}

::-webkit-scrollbar-button:vertical:decrement {
	display:inline-block;
}

::-webkit-scrollbar-button:vertical:increment {
	display:inline-block;
}

::-webkit-scrollbar-button:horizontal:decrement {
	display:none;
}

::-webkit-scrollbar-button:horizontal:increment {
	display:none;
}

::-webkit-scrollbar-button:vertical:decrement {
/* 	background-image: url(../images/scrollup.png); */
	background-color:#303030;
	background-position:0 3px;
}

::-webkit-scrollbar-button:vertical:increment {
/* 	background-image: url(../images/scrolldown.png); */
	background-color:#303030; 
	background-position:0 3px;
}



	.fb-like-image		{	position:absolute; left:300px; top:300px; height:25px; width:135px; z-index:1000000;}
	.fb-like 			{	position:absolute; right:0px;}

#logo	{
	position:fixed;
	z-index:-1;
	bottom:20px;
	right:0px;
	width:140px;
	height:88px;
	background-image:url(../images/logo_paper.png);
	background-repeat:no-repeat;
}	/* subdivs and classes */


#bottom	{
	position:fixed;
	z-index:20;
	left:295px;
	bottom:3px;
	right:20px;
	height:20px;
	border-top:#666 0px solid;
	background-color:transparent;
}	/* subdivs and classes */
	#footerdiv			{	float:none;	z-index:91;	width:auto;	min-width:400px;	bottom:2px;	text-align:center;	border:#0C3 0px solid;	background-color:#transparent;	}
	#babblediv			{	position:absolute;	bottom:20px;	right:0px;	width:330px;	height:auto;	background-color:#000;	filter:alpha(opacity=70);	opacity:0.7;	display:none;	}
	#babblediv span		{	font:bold 12px arial;	}
	#rating				{	color:#FFF;	}
	#browidth			{	color:#FFF;	}
	#realbrowsers		{	position:absolute;	left:2px;	bottom:2px;	display:none;	z-index:-1;	}
	#realfooterdiv		{	float:right;	z-index:90;	width:100%;	bottom:2px;	text-align:center;	}
	






.input_stack					{	width:100%; margin-left:0%; padding:5px 0px 2px 0px; }
.horizontal.separator			{	position:relative; width:90%; height:2px; background-color:#CCC; border-top:1px solid #222; margin-left:5%; margin-bottom:10px; }	
input[type="number"]			{	padding-right: 0px !important;	margin-right:0px !important; }
input[type='password']			{	margin-top:-1px !important; }
.header_emboss					{	color:#FFF; text-shadow: -1px -1px 0 rgba(0,0,0,0.7); }
.font12							{	font-size:12px !important; }
.font11							{	font-size:11px !important; }
input:focus						{	outline:none; }
.top_right_btn					{	position:absolute; top:5px; right:0px; width:30%; max-width:140px; height:40px; z-index:10; }
.mini_cart_container			{	position:absolute; top:2px; right:20px; width:auto; max-width:140px; height:40px; z-index:10; }
.mini_cart_glower 				{	position:absolute; top:9px; right:10px; width:32px; height:20px; border-radius:12px; box-shadow:0px 0px 30px rgba(255,255,255,1); background-color:rgba(255,255,255,0.3); z-index:-1; }

.cart_amount					{	    
	position: absolute;
    top: 12px;
	width: 54px;
    right: 20px;
    color: #CCCCCC;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    z-index: 11;
    font-weight: bold;
	text-align:center;
}


.dyalog							{	top:20px;
									width:300px;
									max-width:90%;
									z-index:1000;
									text-align:center;
									background-color:#777;
									border:1px solid #333;
									padding:5px;
									border-radius:4px;
									-webkit-box-shadow: 7px 9px 10px rgba(50, 50, 50, 0.6);
									-moz-box-shadow:    7px 9px 10px rgba(50, 50, 50, 0.6);
									box-shadow:         7px 9px 10px rgba(50, 50, 50, 0.6);
}

/*
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
INPUTS */

.sunken_input						{	-webkit-box-shadow: inset 1px 1px 2px #333;
										box-shadow: inset 1px 1px 2px #444;
										color: #012C9C !important;
										width:99%;
										display: inline-block;
										filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#282828',EndColorStr='#343434');
										font-size: 16px;
										font-weight: bold;
										height: 29px;
										margin-top: 0px;
										outline: 0;
										padding-left: 4px !important;
										text-align: left;
										text-decoration: none !important;
										white-space: normal;
										word-wrap: normal;
										-moz-border-radius:2px;
										-webkit-border-radius:2px;
										-webkit-box-sizing:border-box;
										-moz-box-sizing:border-box;
										box-sizing:border-box;
}

.sunken_input.silver				{	border: 1px solid #060606;
										background-color: #FFF;
										background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#F0F0F0),color-stop(1,#B2B2B2));
										background-image: -webkit-linear-gradient(-30deg,#F0F0F0 0%,#B2B2B2 100%);
										background-image: linear-gradient(-30deg,#F0F0F0 0%,#B2B2B2 100%);
										-webkit-box-shadow: inset 1px 1px 2px #333;
										box-shadow: inset 1px 1px 2px #444;
										color: #666 !important;
										width:99%;
										display: inline-block;
										filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#282828',EndColorStr='#343434');
										font-size: 16px;
										font-weight: bold;
										height: 29px;
										margin-top: 0px;
										outline: 0;
										padding-left: 4px !important;
										text-align: left;
										text-decoration: none !important;
										white-space: normal;
										word-wrap: normal;
										-moz-border-radius:2px;
										-webkit-border-radius:2px;
										-webkit-box-sizing:border-box;
										-moz-box-sizing:border-box;
										box-sizing:border-box;
}

.sunken_input.silver.error 			{	border: 1px solid #970004;
										background-color: #FD999B;
										background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#FD797C),color-stop(1,#FFC4C5));
										background-image: -webkit-linear-gradient(-30deg,#FD797C 0%,#FFC4C5 100%);
										background-image: linear-gradient(-30deg,#FD797C 0%,#FFC4C5 100%);
}

.sunken_input.silver.center			{	text-align:center; }










/*
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
BUTTONS */

.raised_button						{	-webkit-border-radius: 2px;
										border-radius: 2px;
										-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
										box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
										cursor: pointer !important;
										width:99% !important;
										display: inline-block;
										filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#303030',EndColorStr='#262626');
										font-size: 14px;
										font-weight: bold;
										height: 32px;
										margin-top: 0px;
										outline: 0;
										padding: 0;
										text-align: center;
										text-decoration: none !important;
										text-shadow: 1px 1px 0 rgba(0,0,0,1);
										-webkit-user-select: none;
										user-select: none;
										vertical-align:middle;
										white-space: normal;
										word-wrap: normal;
}

.raised_button.double_high			{	height:64px;
										font-size:28px;
}

.raised_button.silver				{	background-color: #454545;
										background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#303030),color-stop(1,#262626));
										background-image: -webkit-linear-gradient(top,#303030,#262626);
										background-image: linear-gradient(top,#303030,#262626);
										border: 1px solid #141414;
										color: #9f9f9f !important;
}

.raised_button.red					{	background-color: #37598C;
										background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#FF4A4F),color-stop(1,#FFB0B3));
										background-image: -webkit-linear-gradient(-45deg,#FF4A4F 0%,#FFB0B3 100%);
										background-image: linear-gradient(-45deg,#FF4A4F 0%,#FFB0B3 100%);
										border: 1px solid #BD0206; border-top: 1px solid #FFD7D7; border-left: 1px solid #FF9D9F;
										color: #600 !important;
										font-size:11px;
										line-height:10px;
										text-shadow:none;
}

.raised_button.silver.unfunctioning	{	background-color: #454545;
										background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#CCC),color-stop(1,#E6E6E6));
										background-image: -webkit-linear-gradient(top,#CCC,#E6E6E6);
										background-image: linear-gradient(top,#CCC,#E6E6E6);
										border: 1px solid #CCC;
										-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
										box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
										color: #FFF !important;
}

.raised_button.yellow				{	background-color: #37598C;
										background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#EACA4D),color-stop(1,#EBECCA));
										background-image: -webkit-linear-gradient(-45deg,#EACA4D 0%,#EBECCA 100%);
										background-image: linear-gradient(-45deg,#EACA4D 0%,#EBECCA 100%);
										border: 1px solid #98530E; border-top: 1px solid #F1DBB1; border-left: 1px solid #F1DBB1;
										color:#8C6406 !important;
										text-shadow: 1px 1px 0 rgba(255,255,255,.5);
}

.raised_button.blue					{	background-color: #37598C;
										background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#37598C),color-stop(1,#7BA5D7));
										background-image: -webkit-linear-gradient(-45deg,#37598C 0%,#7BA5D7 100%);
										background-image: linear-gradient(-45deg,#37598C 0%,#7BA5D7 100%);
										border: 1px solid #333; border-top: 1px solid #A3CBE0; border-left: 1px solid #A3CBE0;
										-webkit-box-shadow: 2px 2px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
										box-shadow: 2px 2px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
										color: #CEE3F2 !important;
										text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}

.raised_button.silver.light			{	background-color: #454545;
										background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#888),color-stop(1,#666));
										background-image: -webkit-linear-gradient(top,#888,#666);
										background-image: linear-gradient(top,#888,#666);
										border: 1px solid #141414;
										color: #CCC !important;
										font-size:11px;
}

.raised_button.silver:hover			{	box-shadow: 0px 0px 6px rgba(255,255,255,1),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);}
.raised_button.red:hover			{	box-shadow: 0px 0px 6px rgba(255,255,255,1),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);}
.raised_button.yellow:hover			{	box-shadow: 0px 0px 6px rgba(255,254,173,1),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05); }


.toggle_button						{	border-radius: 2px;
										border: 1px solid #141414;
										-webkit-border-radius: 2px;
										color: #333 !important;
										cursor: pointer !important;
										width:99% !important;
										display: inline-block;
										filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#303030',EndColorStr='#262626');
										font-size: 10px;
										font-weight: bold;
										height: 29px;
										margin-top: 0px;
										outline: 0;
										padding: 0;
										text-align: center;
										text-decoration: none !important;
										text-shadow: -1px 0px 0 rgba(200,200,200,.5);
										-webkit-user-select: none;
										user-select: none;
										vertical-align:middle;
										white-space: normal;
										word-wrap: normal;
}

.toggle_button.up					{	background-color: #454545;
										background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#777),color-stop(1,#999));
										background-image: -webkit-linear-gradient(top,#777,#999);
										background-image: linear-gradient(top,#777,#999);
										-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
										box-shadow: 1px 1px 2px rgba(0,0,0,.5),1px 1px 0 rgba(0,0,0,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.2);
}

.toggle_button.down					{	background-color: #454545;
										background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#999),color-stop(1,#CCC));
										background-image: -webkit-linear-gradient(top,#999,#CCC);
										background-image: linear-gradient(top,#999,#CCC);
										-webkit-box-shadow: inset 3px 3px 3px 3px rgba(0, 0, 0, 1);
										box-shadow: inset 1px 1px 3px rgba(50, 50, 50, 0.9), 1px 1px 1px rgba(255,255,255,0.5),1px 1px 0 rgba(255,255,255,.05),-1px -1px 0 rgba(0,0,0,.05);
}



.result_button						{	background-color: transparent;
										border: 0px solid #141414;
										-webkit-border-radius: 2px;
										border-radius: 2px;
										-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
										box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
										color: #DB840F !important;
										cursor: pointer !important;
										width:99% !important;
										display: inline-block;
										filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#303030',EndColorStr='#262626');
										font-size: 14px;
										height: 100%;
										margin-top: 0px;
										outline: 0;
										padding: 0;
										text-align: center;
										text-decoration: none !important;
										-webkit-user-select: none;
										user-select: none;
										vertical-align:middle;
										white-space: normal;
										word-wrap: normal;
}







/* old wasgoods
.raised_button	{
background-color: #454545;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#303030),color-stop(1,#262626));
background-image: -webkit-linear-gradient(-90deg,#303030 0%,#262626 100%);
background-image: linear-gradient(-90deg,#303030 0%,#262626 100%);
border: 1px solid #060606;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
box-shadow: 		0px 1px 0 rgba(255,255,255,.06),1px 1px 0 rgba(255,255,255,.03),-1px -1px 0 rgba(0,0,0,.02),inset 1px 1px 0 rgba(255,255,255,0.05);
color: #9f9f9f !important;
cursor: pointer !important;
display: inline-block;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#303030',EndColorStr='#262626');
font-size: 14px;
font-weight: bold;
height: 29px;
margin-top: 4px;
outline: 0;
padding: 0 0px;
text-align: center;
text-decoration: none !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
-webkit-user-select: none;
user-select: none;
vertical-align:middle;
white-space: normal;
word-wrap: normal;
}

.raised_button:hover	{
	background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#404040),color-stop(1,#303030));
	background-image: -webkit-linear-gradient(-90deg,#404040 0%,#303030 100%);
	background-image: linear-gradient(-90deg,#404040 0%,#303030 100%);
}

.sunken_input	{
background-color: #454545;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#282828),color-stop(1,#343434));
background-image: -webkit-linear-gradient(-45deg,#282828 0%,#343434 100%);
background-image: linear-gradient(-45deg,#282828 0%,#343434 100%);
border: 1px solid #060606;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 1px 1px 2px #101010;
box-shadow: inset 1px 1px 2px #101010;
color: #9f9f9f !important;
display: inline-block;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#282828',EndColorStr='#343434');
font-size: 16px;
font-weight: bold;
height: 29px;
margin-top: 4px;
outline: 0;
padding: 0 0px;
text-align: center;
text-decoration: none !important;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
white-space: normal;
word-wrap: normal;
}*/







/*.ui-draggable-dragging, .ui-sortable-helper		{	opacity:1.0 !important; }
.ui-state-default:hover							{	opacity:1.0 !important; }*/
 ul {
 	padding: 0;
 	list-style-type: none;
 	margin-top: 4px;
 }
 
 li {
 	padding: 0;
 	list-style-type: none;
 }


/* deprecated */
	


#grabbar		{ /* keeping for novelty's sake */
	position:fixed;
	z-index:30;
	top:41px;
	left:274px;
	bottom:0px;
	width:10px;
	background-color:#323232;
	border-left:#000 1px solid;
	border-right:#666 0px solid;
	cursor:pointer;
	cursor:w-resize;
}	/* subdivs and classes */
	#dotdots					{	position:absolute;	top:50%;	width:100%;	background-color:#transparent;	height:400px;	margin-top:-200px;		}