/* TYPE */
body { font: normal 11px verdana, arial, helvetica, sans-serif; line-height: 18px; color: #828282; height:auto; }

a { color: #828282; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font:bold 25px 'trebuchet ms',verdana,arial,sans-serif; line-height: 32px; margin-bottom: 12px; letter-spacing:-0.5px;}
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; letter-spacing:-0.5px;}
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

/* POSITION */
body {
	background-color: #fefffe;
	background-image: url('/images/gradient.gif');
    background-repeat: repeat-x;	
	margin: 0px;
	padding: 0px;
}

/* Home link Logo overlay */
img.logo {
	width: 400px;
	height: 300px;
	border: 0px;
}
/* not implimented */
div.logotip {
	
}
div#logo {
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	height: 300px;
	min-width: 768px;
	display: block;
	padding-top: 0px;
	background-image: url('/images/playonlabs400x300.png');
}

/* Main body */
div.center {
	position: relative;
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

/* Rows */
div.wrapper {
	position: relative;
	float: left;
	left: 0px;
	min-width: 768px;
	width: 100.0%;
	margin-bottom: 10px;
}

div.left1, div.left2, div.left3, div.left4, div.left5, div.left6, div.cleft1, div.cleft2, div.cleft3 {
	position: relative;
	float: left;
}

div.left1, div.cleft1 { left: 0px; }
div.left2, div.cleft2 { left: 10px; }
div.left3, div.cleft3 { left: 20px; }
div.left4 { left: 30px; }
div.left5 { left: 40px; }
div.left6 { left: 50px; }

div.left1, div.left2, div.left3, div.left4, div.left5, div.left6 {
	width: 118px;
	height: 108px;
	text-align: center;
	padding-top: 10px;
	background-color: transparent;	
}

div.left1:hover, div.left2:hover, div.left3:hover, div.left4:hover, div.left5:hover, div.left6:hover {
	background-color: #828282;
	background-image: url('/images/bg.png');
	background-repeat:repeat;
	color: #fff;
	display: inline-block;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-opera-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
div.cleft1, div.cleft2, div.cleft3{
	width: 118px;
	height: 94px;
	text-align: center;
	padding-top: 10px;
	background-color: transparent;	
}
div.cleft2 {
	text-align: left;
	width: 522px;
}
div.cleft2 h1{
	font:bold 25px 'trebuchet ms',verdana,arial,sans-serif; 
	line-height: 16px;
	margin-bottom: 6px;
}
div.cleft2 span.target_site{
	font: normal 16px 'trebuchet ms',verdana,arial,sans-serif; 
	letter-spacing: -0.25px;
}
div.cleft2 span.target_site a:hover{
	color: #15171a;
	text-decoration: none;
}
div.cleft2 div.join{
	margin: 7px 2px 0px 2px; 
	float:left;
	height:15px;
	display:block;
}
div.cleft2 input.input_img,div.cleft2 img.input_img{
	margin-right: 4px;
	margin-left: 12px;
}
div.cleft3 a{
	text-align: right;
	vertical-align: bottom;
}
div.cleft3 a:hover{
	color: #15171a;
	text-decoration: none;
}
div.cleft3 a:focus{
	-moz-outline-style: none;
}
/* Plugin Icon */
img.badge, img.badge2 {
	width: 78px;
	height: 78px;
	border: 0px;
}
img.badge2 {
padding-top: 8px;
}

/* Main Body for plugin page */
div.details {
	width: 738px;
	height: auto;
	background-color: #888888;
	background-image: url('/images/bg.png');
	background-repeat:repeat;
	color: #9ba2ac;
	display: inline-block;
	padding: 1em;
	margin: auto;
	border-top: 2px solid #9ba2ac;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #15171a;
	border-left: 2px solid #999999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-opera-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
div.details a {
	color: #fff;
	font-weight: normal;
	text-decoration: none; 
}
div.details a:hover {
	color: #15171a;
	font-weight: normal;
	text-decoration: none;
}
div.details label {
	color: #575e6a;
	display: block;
	float: left;
	clear: left;
	text-align: right;
	width: 13%;
	font-weight:bold;
}
div.details span.new {
	color:#c6fa5b;
	text-shadow: 1px 1px 1px #66bc29;
	font-weight:bold;
	margin-left:3px;
	letter-spacing:-.10em;	
}
div.details span.v, div.details span.v_ {
	color:#fff;
	text-shadow: 1px 1px 1px #575e6a;
	text-align: right;
}
div.details span.v_red {
	color:#f33939;
	text-shadow: 1px 1px 1px #575e6a;
	font-weight:bold;
	margin-left:3px;
}
div.details span.v_green{
	color: #7ebd3a;
	text-shadow: 1px 1px 1px #575e6a;
	font-weight:bold;
	margin-left:3px;
}
div.details span.v_amber {
	color: #ebce47;
	text-shadow: 1px 1px 1px #575e6a;
	font-weight:bold;
	margin-left:3px;
}
div.details p {
	margin: 0 0 3px 3px;
	padding: 0 0 0 0;
}

/* Context */
div.content {
	font: normal 11px verdana, arial, helvetica, sans-serif;
	height: auto;
	line-height: 18px;
	width: 690px;
	margin: 0 12px 12px 12px;
	background-color: #fff;
	color: #575e6a;
	display: inline-block;
	padding: 1em;
	border-top: 1px solid #15171a;
	border-right: 1px solid #9ba2ac;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #9ba2ac;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-opera-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
div.content p {
	margin: 0 0 8px 8px;
}
div.content p a {
	text-decoration: underline;
}
div.content a {
	font-weight: normal;
	text-decoration: underline;
	color: #575e6a;
}
div.content a:hover {
	font-weight: normal;
	text-decoration: none;
	background-color: #fff;
	color: #9ba2ac;
}
div.content span.sm {
	font: normal 9px verdana, arial, helvetica, sans-serif;
}
div#mediaspace{
	background-color:transparent;
}
div.details a#status_red, div.details a#status_green, div.details a#status_amber {
	right: 0;
	top: 0;
	float: right;
	width: 32px;
	height: 32px;
	border: 0px;
}
div.details a#status_green {
	background-image: url('/images/knob_green.png');
}
div.details a#status_red {
	background-image: url('/images/knob_red.png');
}
div.details a#status_amber {
	background-image: url('/images/knob_amber.png');
}
div.details a#status_red:focus, div.details a#status_green:focus, div.details a#status_amber:focus {
	-moz-outline-style: none;
}

form#paypal {
	right: 0;
	top: 0;
	float: right;		
}

/* Buttons that open panels */
ul.nav_in, ul.nav_top {
	padding: 16px 0 0 0;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	margin: 0px 0 10px 0;
	text-align: center;
  	clear: both;
  	color: #9ba2ac;
  	letter-spacing: -.25px;
}
ul.nav_top{
	padding: 8px 0 0 0;
	margin: 0px 0 0px 0;
}
ul.nav_in li, ul.nav_top li {
	text-align: right;
	margin: 0px 7px 0px 0px;
	padding: 0px 0px 0px 8px;
	display: inline;
	border-left: 1px solid transparent;	
}
ul.nav_in li.bar, ul.nav_top li.bar {
	border-left: 1px solid #9ba2ac;	
}
ul.nav_in img {
	vertical-align: middle;
	border: none;
}
ul.nav_in a {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #575e6a;
}
ul.nav_top a{
	font-weight: normal;
	color: #828282;
	text-decoration: none;
}
ul.nav_top a:hover{
	font-weight: normal;
	color: #15171a;
	text-decoration: none;
	text-shadow: 0px 0px 0px #575e6a;
}

ul.nav_in a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #15171a;
}
ul.nav_in a:focus
{
	-moz-outline-style: none;
}

/* Bottom menu */
div.footer {
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
  	clear: both;
  	color: #9ba2ac;
  	letter-spacing: -.25px;
}
div.footer strong {
	color: #575e6a;
}
div.footer a {
	font-weight: normal;
	color: #575e6a;
	text-decoration: none;
}
div.footer a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #15171a;
}

 /* Star rating */
div.rating-L {margin-top:6px;width: 100%;}
form#rat > * {float: left; line-height: 1.4em;}
div#messages, #caption {padding-top:3px;padding-left: .5em;}
div#messages {color: #fd1c24;}