/* general */

html {
   background: #959494 url(hexbkg.jpg) top repeat-x;
   background-attachment: fixed;
}

body {
   color: black;
}

h1 {
    margin-top: 0;
}

a {
  color: #000080;
}

hr {
  border: 1px solid #aaa;
}

.floating_block {
    float: left;
    margin-right: 18px;
    max-width: 455px;
}

.small_floating_block {
    float: left;
    margin-right: 18px;
    max-width: 217px;
}

.field .disabled, .disabled {
    color: #666;
    background-color: #aaa;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.field {
  margin: 5px 0px 10px 0px;
}

.field label {
  font-size: 115%;
}

.field input, .field textarea, .field select {
  border: 1px #aaa solid;
  padding: 4px;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 	5px;
    outline: 0;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    background: 	-webkit-gradient(linear, left top, left bottom, from( rgba(255,255,255,0.8) ), to( rgba(255,255,255,0) ));
    background: 	-moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);
    background: 	gradient(linear, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0.8) ), to( rgba(255,255,255,0) ));
    color: #000080;
}

.field input:hover, .field textarea:hover,
.field input:focus, .field textarea:focus {
	-moz-box-shadow: rgba(255,255,255, 0.9) 0px 0px 8px;
	-webkit-box-shadow: rgba(255,255,255, 0.9) 0px 0px 8px;
	box-shadow: rgba(255,255,255, 0.9) 0px 0px 8px;
}

.field input:hover.disabled , .field textarea:hover.disabled,
.field input:focus.disabled, .field textarea:focus.disabled {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.field select {
    font-size: 85%;
}

.hidden {
    display: none;
}

.field textarea {
    min-width: 335px;
    height: 250px;
}

.button::-moz-focus-inner { 
    border: none;
    padding: 0;
}

.field input[type="submit"], .button {
	text-decoration: 		none;
	font: 					24px/1em 'Arial Black', sans-serif;
	font-weight: 			bold;
    font-size:              110%;
    text-shadow: 			rgba(255,255,255,.5) 0 1px 0;
	-webkit-user-select: 	none;
	-moz-user-select: 		none;
	user-select: 			none;
	
	
/* layout */
    padding:                7px;
    margin:                 1px;
	display: 				inline-block;
    line-height:            normal;
	position: 				relative;
	
	-webkit-border-radius: 	8px;
	-moz-border-radius: 	8px;
	border-radius: 	8px;
	
/* effects */
	border-top: 		1px solid rgba(255,255,255,0.8);
	border-bottom: 		1px solid rgba(0,0,0,0.1);
	
    background-image: 	-webkit-gradient(linear, left top, left bottom, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) ));
    background-image: 	-moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
    background-image: 	gradient(linear, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) ));

	-webkit-transition: background .2s ease-in-out;
	-moz-transition: 	background .2s ease-in-out;
	transition: 		background .2s ease-in-out;
	
/* color */
	color: 				hsl(39, 100%, 30%) !important;
	background-color: 	hsl(39, 100%, 50%);

	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}

.field input[type="submit"]:hover, .button:hover {
	cursor: pointer;
    background-color: hsl(39, 100%, 65%);
}

.field input[type="submit"]:active, .button:active {
	background-image: 	-webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ));
	background-image: 	-moz-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ));
	background-image: 	gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ));

	-webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	box-shadow: 		inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */

	-webkit-transform: 	translateY(.2em);
	-moz-transform: 	translateY(.2em);
	transform: 			translateY(.2em);
}

.field input[type="submit"]:focus, .button:focus {
	outline: none;
	color: rgba(254,255,255,0.9) !important;
	text-shadow: rgba(0,0,0,0.2) 0 1px 2px;
}

fieldset {
  border: 1px #aaa solid;
    padding: 10px 10px 10px 20px;
}

legend {
    padding: 0px 10px 0px 10px;
    color: #555;
}

td, th {
  border: 1px #aaa solid;
}
th {
    background-color: rgba(255,255,255,0.2);
}

.pagination {
  text-align: center;
}

.pagination a {
    text-decoration: none;
        border: solid 1px rgba(0,0,0,0.2);
        color: rgba(0,0,0,0.7);
}

.chooser a, .pagination a, .pagination span {
  text-decoration: none;
  padding: 5px;
  background-image: url(shade.png);
  color: #fff;
  text-shadow: 2px 2px 2px #000;
  -moz-border-radius: 15px;
  border-radius: 15px;
    margin-right: 5px;
        margin-bottom: 5px;
        text-align:center;
}

.chooser a.selected, .pagination .current {
  border: 2px solid #cc872a;
}

.pagination .current.prev, .pagination .current.next{
    color: rgba(255,255,255,0.9);
        border-color: rgba(0,0,0,0.7);
}

.pagination a:hover {
    background: rgba(0,0,0,0.1);
}


.clearer {
  clear: both;
}


/* body */

.blink { font-weight: bold; }

#bodywrapper {
 background-color: #ccc;
 padding: 10px;
 background-image: url(texture.png);
}

#sitebody, #sitefoot, #sitehead, #sectiontabs {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

#sitebody {
  font-size: 110%;
  font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
  text-shadow: rgba(254,255,255,0.5) 0 1px 0;
}

/* header */

a.account {
  text-decoration: none;
}

a.account img {
  vertical-align: middle;
  height: 18px;
}

#headlogo {
  margin-top: 5px;
  float: left;
}

#headpanel {
  float: right;
  width: 775px;
}

#headtagline {
  margin-top: 20px;
  font-family: 'Waiting for the Sunrise', sans-serif;
  font-style: italic;
  font-size: 200%;
  text-align: center;
  color: white;
}

#headaccount {
  -moz-border-radius-bottomright: 11px;
  border-bottom-right-radius: 11px;
  -moz-border-radius-bottomleft: 11px;
  border-bottom-left-radius: 11px;
  height: 20px;
  background-color: hsl(39, 100%, 50%);
  background-image: 	-webkit-gradient(linear, left top, left bottom, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.5) ));
  background-image: 	-moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
  background-image: 	gradient(linear, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.5) ));
  color: black;
  float: right;  
  font-weight: bold;
  text-align: center;
  overflow: hidden;
	color: 				hsl(39, 100%, 30%) !important;
	background-color: 	hsl(39, 100%, 50%);

	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}

#headaccount:active {
	background-image: 	-webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ));
	background-image: 	-moz-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ));
	background-image: 	gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) ));

	-webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	box-shadow: 		inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */

	-webkit-transform: 	translateY(.2em);
	-moz-transform: 	translateY(.2em);
	transform: 			translateY(.2em);
}

#headnav {
  background-color: #b6d300;
  background-image: 	-webkit-gradient(linear, left top, left bottom, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.5) ));
  background-image: 	-moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
  background-image: 	gradient(linear, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.5) ));
  color: black;
  text-shadow: 1px 1px 1px #fff;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin-top: 5px;
  font-size: 150%;
  font-weight: bold;
  padding: 5px;
  position: relative;
}

#headaccount a, #headnav a {
  color: black;
  text-decoration: none;
  margin-right: 5px;
  margin-left: 5px;
}

#headaccount a img, #headnav a img {
  vertical-align: -28%;
}

#headaccount a img, {
    width: 18px;
}

#system_alert_message {
    background-color: hsl(39, 100%, 50%);
    background-image: 	-webkit-gradient(linear, left top, left bottom, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.5) ));
    background-image: 	-moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: 	gradient(linear, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.5) ));
    color: black;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 950px;
    margin: 10px auto 10px auto;
    font-size: 130%;
    font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    text-shadow: rgba(254,255,255,0.5) 0 1px 0;
    padding: 5px;
}

#sitesearch {
  display: inline;
  position: absolute;
  right: 15px;
  top: 3px;
}

#sitesearch div {
    position: relative;
}

#sitesearch div label {
    position: absolute;
    top: 10px;
    left: 40px;
    font-size: 60%;
    color: #bbb;
    text-shadow: none;
}

#sitesearchterm {
  background: 0;
  background-image: url(searchbox.png);
  background-repeat: no-repeat;
  outline: none; 
  border: 0;
  width: 130px;
  height: 35px;
  padding-left: 30px;
  padding-right: 5px;
}

/* section tabs */

#sectiontabs {
  height: 24px;
  padding-top: 10px;
  padding-left: 20px;
  margin-left: auto;
  width: 930px;
}

#sectiontabs a {
  text-decoration: none;
  background-color: #bbb;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  font-size: 125%;
  text-shadow: 1px 1px 1px #fff;
  font-weight: bold;
  color: #000;
  padding: 5px 10px 5px 10px;
}

#sectiontabs a.selected {
  background-color: #ccc;
  border-bottom: 1px solid #ccc;
 background-image: url(texture.png);
}

#sectiontabs a.highlighted {
  background-image: none;
    background-color: hsl(39, 100%, 50%);
    background-image: 	-webkit-gradient(linear, left top, left bottom, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.5) ));
    background-image: 	-moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: 	gradient(linear, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.5) ));
    color: black;
  border-bottom: 1px solid #ccc;
}


/* footer */

#sitefoot {
  margin-top: 20px;
  padding-bottom: 50px;
  color: #eee;
}

#sitefoot div a {
  color: #222;
  margin-left: 15px;
  text-decoration: none;
  border-bottom: 1px dotted #aaa;
}

#sitefoot div a img, #sitefoot div img {
  vertical-align: middle;
}

#footfollow {
  float: right;
}

#footother {
  float: left; 
}

#footlegal {
  float: left;
}

#footaccept {
  float: right;
}

/*
	HUMANIZED MESSAGES 1.0
	idea - http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages
	home - http://humanmsg.googlecode.com
*/

.humanMsg {
	font: normal 20px/50px Helvetica, Arial, Sans-Serif;
	letter-spacing: -1px;
	position: fixed;
	top: 100px;
	left: 25%;
	width: 50%;
	color: white;
	background-color: black;
	text-align: center; 
	display: none;
	opacity: 0;
	z-index: 100000;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.humanMsg p {
	padding: .3em;
	display: inline; 
	}

.humanMsg a {
	display: none;
	}
	
#humanMsgLog {
	font: normal 10px Helvetica, Arial, Sans-Serif;
	color: white;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	max-height: 200px;
	display: none;
	z-index: 10000;
	}

#humanMsgLog p {
	position: relative;
	left: 0;
	width: 200px;
	margin: 0;
	margin-left: 50px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    padding: 0 10px;
	line-height: 20px;
	background: #333;
	text-align: center;
	white-space: pre;
	cursor: pointer;
	}

#humanMsgLog p:hover {
	background: #222;
	}

#humanMsgLog ul {
	background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x;
	margin: 0;
	padding: 0;
	position: relative;
	max-height: 180px;
	overflow: auto;
	display: none;
	}

#humanMsgLog ul li {
	color: #555;
	font-size: 12px;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
	line-height: 40px;
	display: none;
	padding: 0 20px;
	position: relative;
	overflow: hidden;
	white-space: pre;
	}

#humanMsgLog ul li:hover {
	background: #f2f2f2;
	}

#humanMsgLog ul li:first-child {
	margin-top: 1px;
	}
	
#humanMsgLog ul li .error {
	color: orangered;
	}

#humanMsgLog ul li .indent {
	position: absolute;
	top: 0;
	left: 100px;
	margin-right: 200px;
	height: inherit;
	}

#shopfilter {
  float: left;
  font-size: 100%;
  width: 165px;
}

.accordion .cathead {
	cursor: pointer;
    background-color: #eee;
    font-weight: bold;
    font-size: 90%;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 5px;
}

.accordion .catbody {
    font-size: 80%;
    margin: 0px 5px 5px 5px;
    padding: 5px;
    background-color: #ddd;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
}




/* publish */

#fs_path {
    margin: 10px;
}

#fs_path a, #fs_path b {
    font-size: 150%;
    padding: 10px;
    border: 1px solid #ddd;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #bbb;
}

.fs_item {
    width: 128px;
    height: 165px;
    display: block;
	font: 					24px/1em 'Arial Black', sans-serif;
    font-size: 100%;
    overflow: hidden;
    margin: 15px;
    float: left;
    text-decoration: none;
    color: black;
    position: relative;
}

.fs_item img {
    max-width: 128px;
    max-height: 128px;
    border: 0;
}

.fs_item span {
    position: absolute;
    top: 135px;
    display: block;
}

#uploader_throbber {
    display: none;
}

#loading_throbber {
    width: 100%;
    height: 30px;
    position: relative;
    font-family: bold;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#loading_throbber span {
    z-index: 10;
    position: relative;
    font-size: 24px;
    font-family: sans-serif;
}

#loading_throbber img {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#simplemodal-container {
    width: 100%;
    height: 100%;
}

#simplemodal-overlay {
    background-image: url(black40.png);
}

#simplemodal-container iframe {
    background-color: #ccc;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 5%;
    width: 90%;
    height: 90%;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#simplemodal-container a.modalCloseImg {
    background:url(fancybox/fancy_close.png) no-repeat;
    width:30px;
    height:30px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:3%;
    right:2%;
    cursor:pointer;
}


#attach_action_shot, .action_shot {
    cursor: pointer;
    max-width: 100px;
    max-height: 100px;
    margin: 10px;
    float: left;
}

.action_shot:hover {
    filter:alpha(opacity=20); /* IE */
    opacity: 0.2; /* Safari, Opera */
    -moz-opacity:0.20; /* FireFox */
}

#cover, #backdrop, #advertisement {
    cursor: pointer;
    max-width: 300px;
    max-height: 100px;
}

.clickable {
    cursor: pointer;
}

.button.red {
	color: 				hsl(0, 100%, 100%) !important;
	background-color: 	hsl(0, 100%, 50%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(0, 70%, 50%) 0 .1em 3px, hsl(0, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(0, 70%, 50%) 0 .1em 3px, hsl(0, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(0, 70%, 50%) 0 .1em 3px, hsl(0, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.red:hover { 	background-color: hsl(0, 100%, 70%); }

.button.blue {
	color: 				white !important;
	background-color: 	hsl(204, 100%, 17%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(204, 70%, 20%) 0 .1em 3px, hsl(204, 80%, 15%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(204, 70%, 20%) 0 .1em 3px, hsl(204, 80%, 15%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(204, 70%, 20%) 0 .1em 3px, hsl(204, 80%, 15%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.blue:hover { 	background-color: hsl(200, 100%, 5%); }




/* shop */


#reviewsblock {
  float: right;
  width: 720px;
}

#othergamesblock {
  float: left;
  width: 215px;
}

#myrating {
  padding-top: 2px;
}


.button.green {
	color: 				black !important;
	background-color: 	hsl(68, 100%, 40%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(68, 70%, 50%) 0 .1em 3px, hsl(68, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(68, 70%, 50%) 0 .1em 3px, hsl(68, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(68, 70%, 50%) 0 .1em 3px, hsl(68, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.green.small {
    padding:            5px;
    font-size:          90%;
}
.button.green:hover { 	background-color: hsl(68, 100%, 70%); }

.review {
    margin-bottom: 30px;
}
.reviewbyline {
  font-size: 90%;
}
.reviewbyline img {
    vertical-align: middle;
}

.rewiewbody {
  
}

#vitalsblock {
  padding: 10px 0 10px 0;
}

#coverimage {
  -moz-border-radius: 15px;
  border-radius: 15px;
  float: left;
  margin-right: 20px;
}

#gamestats {
}

#gamestats table {
  border: 0;
  margin-bottom: 5px;
  padding-bottom: 5px;
}


#gamestats table tr th {
  text-align: right;
  border: 0;
  text-decoration: none;
  margin: 3px;
  padding: 3px;
  color: #000;
  text-shadow: 2px 2px 2px #fff;
}

#gamestats table tr td {
  font-weight: bold;
  margin: 3px;
  padding: 3px;
  padding-left: 10px;
  border: 0;
}

#gamestats table tr td a {
  text-decoration: none;
  color: #035;
}

#gamereqs {
  float: right;
  width: 150px;
  margin-right: 20px;
}

#bulkpricing {
  float: right;
  width: 200px;
  margin-right: 20px;
}

#gametime {
  text-align: right;
  width: 149px;
  height: 68px;
  font-size: 200%;
  font-weight: bold;
  background-image: url(time.png);
  margin-bottom: 5px;
  position: relative;
}

#gametime span {
  width: 90px;
  text-align: center;
  position: absolute;
  font-family: Arial, sans-serif;
  top: 12px;
  right: 5px;
}

#gameage {
  text-align: right;
  width: 149px;
  height: 68px;
  font-size: 200%;
  font-weight: bold;
  background-image: url(age.png);
  margin-bottom: 5px;
   position: relative;
}

#gameage span {
  width: 60px;
  text-align: center;
  position: absolute;
  font-family: Arial, sans-serif;
   top: 12px;
   right: 10px;
}

#gameplayers {
  text-align: right;
  width: 149px;
  height: 68px;
  font-size: 200%;
  font-weight: bold;
  background-image: url(players.png);
  margin-bottom: 5px;
   position: relative;
}

#gameplayers span {
  width: 60px;
  text-align: center;
  position: absolute;
  font-family: Arial, sans-serif;
   top: 12px;
   right: 10px;
}

#coolfactors ul li {
   list-style: square inside url(check.png); 
   font-style: italic;
}

#buypromote {
  float: right;
  width: 250px;
}

#buy {
  text-align: center;
  padding: 20px 10px 20px 10px;
  background-color: #035;
  color: white;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#buy div.price {
  font-size: 150%;
  margin-bottom: 20px;
}

#promote {
  margin-top: 10px;
}

#titleblock {
  height: 200px;
  font-weight: bold;
}

#titleblock.black_on_light {
  color: #000;
  text-shadow: 1px 1px 10px #fff;
}

#titleblock.white_on_dark {
  color: #fff;
  text-shadow: 1px 1px 10px #000;    
}

#gametitle {
  padding-top: 30px;
  font-size: 320%;
  margin-left: 30px;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
}

#tagline {
  margin-left: 30px;
  font-size: 200%;
}

#shopcategory {
    width: 770px;
    float: right;
}

#shopcategorysort {
    margin: 20px;
}

#shopcategoryresults {
}


#ratings_distribution {
    font-size: 80%;
}

#ratings_distribution .row {
    clear: both;
    background-color: #ddd;
    width: 397px;
    color: black;
    margin: 1px;
    height: 18px;
}

#ratings_distribution .row div {
    padding: 1px;
    float: left;
    height: 15px;
}

#ratings_distribution .row .label {
    background-color: #aaa;
    font-size: 90%;
    width: 60px;
}

#ratings_distribution .row .label img {
    width: 12px; 
}

#ratings_distribution .row .value {
    background-color: #bbb;
    width: 30px;
    text-align: center;
}

#ratings_distribution .row .graph {
    background-color: hsl(39, 100%, 50%);
}

.x_factors div {
    float: left;
    margin-right: 20px;
    font-size: 85%;
    margin-bottom: 5px;
}


#infoblock {
    padding: 20px;
    background-color: #ddd;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px outset #eee;
    margin-bottom: 20px;
}

#documents {
    padding: 20px;
    background-color: #035;
    color: hsl(68, 100%, 40%);
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

#documents a {
    color: white;
    padding: 10px;
    padding-right: 20px;
    text-decoration: none;
}
#documents a img {
    vertical-align: middle;
}

#game_components {
    float: right;
    margin-left: 20px;
    margin-bottom: 15px;
}

.game_part {
    margin-left: 10px;
    margin-bottom: 5px;
}

#actionshots img {
    max-width: 800px;
    max-height: 500px;
}

#actionshots div.showcase-thumbnail img {
    width: 140px;
}

.smallbuybutton {
 padding: 3px;
 font-size: 12px;
 display: block;
 background-color: #035;
 text-align: center;
 color: white;
 text-decoration: none;
 font-weight: bold;
 -moz-border-radius: 5px;
 border-radius: 5px;
 border: 2px outset #035;
 float: right;
}
.smallbuybutton:hover {
  border: 2px inset #035;
}

.gameadimage {
    position: relative;
    width: 180px;
    height: 125px;
    display: block;
}

.gameadimage img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 180px;
    height: 125px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.gameadimage span {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 180px;
    height: 125px;
}

.gameadtitle {
 text-shadow: 2px 2px 2px #fff;
 font-size: 16px; 
 text-decoration: none;
 color: black;
 white-space:nowrap;
}

.gamedesigner {
 font-size: 11px;
 color: #555;
 white-space:nowrap;
}
.gamedescription {
 font-size: 13px;
}

.gamead {
 width: 180px;
 margin: 0px 10px 20px 0px;
 height: 300px;
 float: left; 
 overflow: hidden;
}

.stars {
 float: left;
 margin-top: 3px;
 height: 19px;
}
.stars img {
    height: 19px;
}

#partphoto {
    z-index: 0;
}

#partphoto img {
  float: left;
  margin-right: 20px;
    height: 180px;
    width: 180px;
}

#partphoto:hover {
    background-color: transparent;
    z-index: 50;
}

#partphoto span {
    position: absolute;
    background-color: #ccc;
    padding: 5px;
    left: 30%;
    top: 30%;
    border: 10px solid black;
    visibility: hidden;
    color: black;
    text-decoration: none;
  -moz-border-radius: 15px;
  border-radius: 15px;
    z-index: 5000;
}

#partphoto span img { 
    border-width: 0;
    padding: 2px;
    width: 300px;
    height: 300px;
}

#partphoto:hover span { 
    visibility: visible;
}


#cvv2help {
    z-index: 0;
}

#cvv2help span {
    position: absolute;
    background-color: #ccc;
    padding: 5px;
    left: 30%;
    top: 30%;
    border: 10px solid black;
    visibility: hidden;
    color: black;
    text-decoration: none;
  -moz-border-radius: 15px;
  border-radius: 15px;
    z-index: 5000;
}

#cvv2help span img { 
    border-width: 0;
    padding: 2px;
    width: 251px;
    height: 266px;
}

#cvv2help:hover span { 
    visibility: visible;
}

#checkout_step_active {
  background-color: #b6d300;
  background-image: 	-webkit-gradient(linear, left top, left bottom, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.5) ));
  background-image: 	-moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
  background-image: 	gradient(linear, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.5) ));
  float: left;
  height: 20px;
  padding: 5px;
}

#checkout_step_active_arrow  {
    font-size: 0px; line-height: 0%; width: 0px;
    border-top: 15px solid rgba(255,255,255,0);
    border-left: 10px solid #c4e301;
    border-bottom: 15px solid rgba(255,255,255,0);
    float: left;
}

#checkout_step {
  background-color: #bbb;
  float: left;
  height: 20px;
  padding: 5px;
}

#checkout_step a {
    color: black;
    text-decoration: none;
}

#checkout_step_arrow  {
    font-size: 0px; line-height: 0%; width: 0px;
    border-top: 15px solid rgba(255,255,255,0);
    border-left: 10px solid #bbb;
    border-bottom: 15px solid rgba(255,255,255,0);
    float: left;
}


#shopfp .section .header .name {
    font-size: 150%;
    float: left;
}

#shopfp .section .header .seeall {
    float: right;
    font-size: 80%;
}

#shopfp .section .results {
    clear: both;
}

#shopfp .section .results .result {
    width: 180px;
    margin: 5px 10px 15px 0px;
    height: 200px;
    float: left; 
    overflow: hidden;
}

.warning {
    background-color: hsl(39, 100%, 50%);
    background-image: 	-webkit-gradient(linear, left top, left bottom, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.5) ));
    background-image: 	-moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: 	gradient(linear, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.5) ));
    color: black;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 10px auto 10px auto;
    font-size: 130%;
    font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    text-shadow: rgba(254,255,255,0.5) 0 1px 0;
    padding: 5px;
}

.printable-icon {
    height: 130px;
    font-size: 90%;
    float: left;
    margin-right: 10px;
}
.printable-icon button {
    background: 0;
    text-align: center;
	cursor: pointer;
    border: 0;
}

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}


/*plugin styles*/
.visualize { border: 1px solid #888; position: relative; background: #fafafa; }
.visualize canvas { position: absolute; }
.visualize ul,.visualize li { margin: 0; padding: 0;}

/*table title, key elements*/
.visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -20px; right: 10px; opacity: .8; }
.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px;  font-size: 1.1em; }
.visualize ul.visualize-key { list-style: none;  }
.visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative;}
.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px;  }
.visualize ul.visualize-key .visualize-key-label { color: #000; }

/*pie labels*/
.visualize-pie .visualize-labels { list-style: none; }
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute;  margin: 0; padding:0; }
.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }

/*line,bar, area labels*/
.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; list-style: none; }
.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555;  }
.visualize-labels-x li span.line, .visualize-labels-y li span.line {  position: absolute; border: 0 solid #ccc; }
.visualize-labels-x li { height: 100%; }
.visualize-labels-x li span.label { top: 100%; margin-top: 5px; }
.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
.visualize-labels-x li span.line { border: 0;} /*hide vertical lines on area, line, bar*/
.visualize-labels-y li { width: 100%;  }
.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right; }
.visualize-labels-y li span.line { border-top-width: 1px; width: 100%; }
.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }

/*visualize extension styles*/
.visualize { margin: 60px 0 0 30px; padding: 70px 40px 90px; border: 1px solid #ddd; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.visualize canvas { border: 1px solid #aaa; margin: -1px; background: #fff; }
.visualize-labels-x, .visualize-labels-y { top: 70px; left: 40px; z-index: 100; }
.visualize-pie .visualize-labels { position: absolute; top: 70px; left: 40px; }
.visualize-labels-x li span.label, .visualize-labels-y li span.label { color: #444;  padding-right: 5px; }
.visualize-labels-y li span.line { border-style: solid;  opacity: .7; }
.visualize .visualize-info { border: 0; position: static;  opacity: 1; background: none; }
.visualize .visualize-title { position: absolute; top: 20px; color: #333; margin-bottom: 0; left: 20px; font-weight: bold; }
.visualize ul.visualize-key { position: absolute; bottom: 0px; z-index: 10; padding: 10px 0; color: #aaa; width: 100%; left: 0;  }
.visualize ul.visualize-key li { font-size: 1.2em;  margin-left: 20px; padding-left: 18px; }
.visualize ul.visualize-key .visualize-key-color { width: 10px; height: 10px;  margin-top: -4px; }
.visualize ul.visualize-key .visualize-key-label { color: #333; }