/* CSS to go with Prototip.Styles */
.prototip {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	color: #666;
}
/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title {
	padding: 5px;
}
.prototip .default .content {
	padding: 5px;
	background: #fff;
}
/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title {
	padding: 5px;
}
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}
/* sortfolio */
.prototip .sortfolio {
	width: 250px;
	color: #666;
}
.prototip .sortfolio .toolbar {
	background: #fff;
	font-weight: bold;
}
.prototip .sortfolio .title {
	padding: 5px;
}
.prototip .sortfolio .content {
	padding: 10px;
	background: #fff;
}
/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title, .prototip .hint .content {
	padding: 5px;
}
/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title {
	padding: 5px;
}
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}
/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title {
	padding: 5px;
}
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}
/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title {
	padding: 5px;
}
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}
/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title {
	padding: 5px;
}
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}
.titulares {
	height:30px;
	text-align: left;
	font: 18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	color: #00549C;
	margin-left: 10px;
	padding-top: 40px;
}
.grupos {
	height:auto;
	text-align: left;
	width: 980px;
}
#header {
	height:140px;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	text-align: center;
	padding-top: 10px;
}
.favoritos {
	height:20px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: right;
}

/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}
/* Required for all tooltips, do not modify */
.prototip {
	position:absolute;
	overflow:hidden;
}
.prototip .tooltip, .prototip .toolbar, .prototip .toolbar .title {
	position:relative;
}
.prototip .content {
	clear:both;
}
.prototip .toolbar .close {
	position:relative;
	text-decoration:none;
	float:right;
	width:19px;
	height:15px;
	display:block;
	line-height:0;
	font-size:0;
	border:0;
	cursor:pointer;
}
.prototip .tooltip {
	clear:both;
	float:left;
}
.prototip .borderLeftWrapper, .prototip .borderRightWrapper {
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:20px;
}
.prototip .borderFrame {
	height:100%;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	position:relative;
}
.prototip .borderTop, .prototip .borderBottom {
	overflow:hidden;
}
.prototip .borderRow {
	list-style-type:none;
	float:left;
	width:100%;
	position:relative;
	clear:both;
	margin:0;
	padding:0;
}
.prototip_CornerWrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	clear:both;
}
.prototip_Corner {
	float:left;
	position:relative;
}
.prototip canvas {
	position:relative;
	float:left;
}
.prototip_CornerTr, .prototip_CornerBr {
	float:right;
}
.prototip_BetweenCorners {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	overflow:hidden;
	clear:both;
}
.prototip .borderMiddle {
	position:relative;
	float:left;
}
.prototip .borderCenter {
	position:relative;
	float:left;
	height:100%;
}
.prototip_StemWrapper {
	position:relative;
	width:100%;
	height:auto;
	clear:both;
}
.prototip_StemBox {
	float:left;
	position:relative;
}
.prototip_Stem {
	width:100%;
	position:absolute;
	overflow:hidden;
}
.iframeShim {
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	background:none;
	overflow:hidden;
}
.prototip .clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.prototip .clearfix {
	display:inline-block;
}/* IE Mac Hide \*/
.prototip .clearfix {
	display:block;
}/* IE Mac Hide End */
/* GENERAL ----------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	background-image: url(../images/background.jpg);
	background-position: top, center;
	background-repeat: no-repeat;
}
body.print {
	background-color: #ffffff;
}
a {
	color: #3399cc;
	margin: 0;
	padding: 0;
}
a:hover, div.nav a:hover, div.nav a.signup:hover {
	color: #0099ff;
}
a:focus {
	outline: none;
}
a img {
	border: 0;
	padding: 0;
}
h1 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	margin: 0 0 15px 0;
	line-height: 1.3em;
	font-size: 28px;
	color: #555;
}
div.clear {
	clear: both;
}
span.highlight {
	background-color: #ffcc00;
	padding: 3px;
}
div.ruleline {
	margin-top: 25px;
	border-top: 5px solid #e8e8e8;
}
/* STRUCTURE --------------------------------------------------*/

div.container {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	height: auto;
}
body.home div.header {
	background-image: url(/images/bkgd-abstractcards.png);
	background-repeat: no-repeat;
}
body.listings div.header {
	background-image: url(/images/bkgd-abstractcards-small.png);
	background-repeat: no-repeat;
}
div.header {
	background-image: url(/images/bkgd-abstractcards-interior.png);
	background-repeat: no-repeat;
}
div.nav {
	padding: 20px 10px 0 0;
	color: #ccc;
	text-align: right;
	font-size: 13px;
	float: right;
}
span.favorites_count {
	color: #999;
}
div.needle {
	float: left;
	width: 90px;
	overflow: hidden;
	margin-right: 5px;
	margin-left: 5px;
}
body.listings div.needle {
	width: 48px;
}
body.home div.masthead {
	padding: 38px 0 0 0;
	text-align: left;
	width: 890px;
}
div.masthead {
	padding: 39px 0 5px 0;
	text-align: left;
	width: 890px;
}
div.container div.content {
	width: 980px;
	margin: auto;
	height: auto;
	float: right;
}
div.scroller_content {
	width: 9800px;
	overflow: hidden;
	margin: 10px auto;
	padding: auto;
}
div.spinner {
	text-align: right;
	padding: 30px 0 30px 15px;
	clear: both;
}
div.footer {
	text-align: left;
	padding: 100px 0 50px 15px;
	color: #999;
	clear: both;
}
div.footer a {
	color: #999;
}
div.footer img {
	margin-right: 15px;
}
body.listings div.header h1 {
	margin: 12px 0 15px 0;
	font-size: 31px;
}


/* CARDS -------------------------------------------------------*/

div.card-upgrade {
	width: 470px;
	margin: 10px;
	overflow: hidden;
	float: left;
	background-color: #fff;
}
div.cardcap-upgrade {
	width: 470px;
	height: 10px;
	margin: 0;
	background-color: #f5f6f7;
}
div.cardcontent-upgrade {
	background-image: url('/images/card-bkgd-large.png');
	padding: 5px 20px;
	text-align: left;
}
div.cardcontent-upgrade h2 {
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	color: #222;
	margin: 5px 0;
	font-weight: bold;
	white-space: nowrap;
}
div.card {
	width: 225px;
	margin: 10px;
	overflow: hidden;
	float: left;
	background-color: #fff;
}
div.cardcap {
	width: 225px;
	height: 10px;
	margin: 0;
	background-color: #f5f6f7;
}
div.cardcontent {
	background-image: url(../images/card-bkgd.png);
	padding: 5px 15px;
	text-align: left;
	font-size: 11px;
	line-height: 1.3em;
}
div.cardcontent h2 {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	color: #222;
	margin: 5px 0;
	font-weight: bold;
	white-space: nowrap;
}
div.cardcontent-upgrade h2 a, div.cardcontent h2 a {
	color: #222;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px solid #e8e8e8;
}
div.cardcontent-upgrade h2 a:hover, div.cardcontent h2 a:hover {
	border-bottom: 2px solid #0099ff;
	font-size: 14px;
}
div.cardcontent-upgrade p, div.cardcontent p, div.cardcontent-perma p {
	margin: 0 0 10px 0;
}
div.cardcontent-upgrade span, div.cardcontent span, div.cardcontent-perma span {
	color: #999;
}
div.cardcontent div.moderate_flag, div.cardcontent-upgrade div.moderate_flag {
	margin: 0;
	color: #fff;
	background-color: #222;
	padding: 10px 15px;
}
div.cardcontent div.reject, div.cardcontent-upgrade div.reject {
	background-color: red;
}
div.cardcompany {
	overflow: hidden;
	height: 40px;
	font-size: 10px;
}
div.card div.cardcompany p {
	font-size: 10px;
	line-height: normal;
}
div.scroller {
	/* modify width and height of scrolling section if necessary  */
  width: 430px;
	overflow: hidden;/*  border:1px solid #cccccc;*/
}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window) */
  width:450px;
	overflow:hidden;
	float:left;
}
div.caption {
	background-color: #fff;
	padding: 10px 5px 5px 5px;
	color: #666;
}
div.pro-caption {
	background-color: #fff;
	padding: 10px 0 0 0;
	margin-right: 20px;
	color: #666;
	height: 65px;
	overflow: hidden;
}
div.free-caption {
	background-color: #fff;
	padding: 10px 5px 5px 5px;
	color: #666;
	height: 40px;
	overflow: hidden;
}
div.cardtools {
	text-align: left;
	margin: 10px 0;
	padding-top: 10px;
}
div.card-upgrade div.cardtools {
	margin: 5px 0 10px 0;
}
div.cardtools a {
	color: #888;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px solid #e8e8e8;
}
div.cardtools a:hover {
	color: #222;
	border-bottom: 2px solid #0099ff;
}
div.cardtools img {
	margin-right: 5px;
}
div.cardtools a.favorites {
	background: url('/images/icon_star.gif') 0px 0px no-repeat;
	padding-left: 20px;
	border-bottom: none;
	padding-top: 1px;
}
div.cardtools a.favorites:hover {
	background: url('/images/icon_star.gif') 0px -16px no-repeat;
}
div.slideshownav {
	text-align: center;
	padding-top: 8px;
	overflow: hidden;
	border-top: 1px solid #ccc;
	margin-top: 5px;
	height: 22px;
}
div.slideshownav a.next {
	background: url('/images/icon_rightarrow.gif') 0px 0px no-repeat;
	width: 22px;
	height: 22px;
	float: right;
}
div.slideshownav a.next:hover {
	background: url('/images/icon_rightarrow.gif') 0px -22px no-repeat;
}
div.slideshownav a.previous {
	background: url('/images/icon_leftarrow.gif') 0px 0px no-repeat;
	width: 22px;
	height: 22px;
	float: left;
}
div.slideshownav a.previous:hover {
	background: url('/images/icon_leftarrow.gif') 0px -22px no-repeat;
}
div.slides {
	text-align: center;
	float: left;
	margin: auto;
	margin-top: -6px;
}
div.slides ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-align: center;
}
div.slides li {
	display: inline;
	margin: 0;
	padding: 0;
}
div.slides li a {
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	-moz-background-clip: border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/images/icon_slides.gif) no-repeat scroll center top;
	display:block;
	float:left;
	height:6px;
	margin:0 2px;
	overflow:hidden;
	padding:2px;
	text-indent:-9999px;
	width:10px;
}
div.slides li a.active {
	background-position:center -10px;
}
div.pro-image {
	width: 430px;
	height: 300px;
	overflow: hidden;
}
div.free-image {
	width: 195px;
	height: 136px;
	overflow: hidden;
}
div.violator-upgrade {
	padding-top: 0;
	position: absolute;
}
div.violator-upgrade img {
	margin-left: -10px;
	margin-top: -12px;
}
div.violator {
	padding-top: 0;
	position: absolute;
}
div.violator img {
	margin-left: -10px;
	margin-top: -12px;
}
div.new {
	padding-top: 0;
	text-align: left;
}
div.new img {
	margin-left: -10px;
	margin-top: -10px;
}