@charset "utf-8";

/* ie6 png transparency fix */
* html img, * html .png { position: relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/static/images/site/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)) }

/* body base styles */
body { font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333 }

a, a:visited { color: #363B43; text-decoration:none }
a:hover, a:active { color: #EC5AA1; text-decoration: none }

/* IE6 hack to get sub links to behave correctly */
li { _height: 1% } 

/* single line */
/*hr { margin: 0 !important; height: 1px; border: 0; background: #333333; !color: #333333; !display: block; !margin: -7px auto !important }*/
hr {border:0 hidden transparent;height:0;border-top:1px solid #dee1e2;margin-left:0;clear: both}

* html input { padding: 2px; background: #e7e7e7; border: 1px solid #CCCCCC; color: #333333 }
input[type="text"], input[type="password"], input[type="file"], select, textarea { padding: 2px; background: #fff; border: 1px solid #CCCCCC; color: #333333 }
input[type="submit"], input[type="button"] { padding: 1px 10px; font-weight: bold; text-align: center; background: #E6E6E6; color: #333333; border: 2px outset; border-color: #C1C1C1 }

/* this tells the elements where to go */
.left { float: left }
.right { float: right }
.center { text-align: center }

/* rounded corners */
.rounded { border-radius: 4px; /* CSS3 support */ -webkit-border-radius: 4px; /* Webkit equivalent */ -moz-border-radius: 4px /* Mozilla equivalent */ }

/*	hide elements from screen but not from source */ 
.hidden { position: absolute !important; left: -9999em }

/* apply transparency to element */
.transparent { filter: alpha(opacity=50); /* internet explorer 5-7 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* internet explorer 8 */ opacity: .5 /* for all other browsers */ }

/* <noscript> & IE6 warnings */
/** html { filter: gray }*/
.noscript { display: block; position: absolute; top: 0; left: 0; background-color: #FFF; color: #333; width: 100%; height: 100% }
.noscript h1 { margin: 15px 10px; font-size: 18px }
.noscript p { margin: 5px 10px; font-size: 12px }
.sayno2ie6 { display: none; _display: block; font: normal 11px Tahoma, Geneva, sans-serif !important; _white-space: nowrap; position: absolute; top: 0; left: 0; background-color: #D4D0C8; border-bottom: 1px solid #808080; width: 100%; color: #000 }
.sayno2ie6 p { margin: 5px 10px }
.sayno2ie6 p a { color: #005A88 !important; text-decoration: underline !important }

/* Special styles */
body.day{background-color:#f4f4f4!important}
body.night{background-color:#333!important}

/* Main wrapper & container */
.wrapper { display: block; position: absolute; width: 100%; _height: 100%; min-height: 100% }
.container { margin: 0 auto; margin-bottom: 25px; width: 950px; position: relative }
.wrapper{
/*	
background-image: -moz-radial-gradient(center 145deg, circle closest-corner, #f4f4f4 0%, #D8D8D8 100%);
background-image: -webkit-gradient(radial, center center, 10, center center, 80, from(#f4f4f4), to(#D8D8D8));
*/
	
background-image: -moz-radial-gradient( 50% 30% 90deg, circle, #F4F4F4 0%, #CCC 90%);
/* Can we use a %age for the radius in WebKit ? */
background-image: -webkit-gradient(radial, 50% 30%, 0, 50% 30%, 500, from(#F4F4F4), to(#CCC));

}
/**
*	HEADER styles
*/
.header {padding:10px 5px 0 5px;position:relative; 
	/* 
	background: #000; 
	border-bottom-right-radius:		4px;
	border-bottom-left-radius:		4px;
	-webkit-border-bottom-right-radius:	4px;
	-webkit-border-bottom-left-radius:	4px;
	-moz-border-radius-bottomright:	4px;
	-moz-border-radius-bottomleft:	4px;
	*/
}
.header .logo{margin-left:5px}
.header .logo img{display:none}
.header blockquote {position:absolute;bottom:0;right:10px}

body.day .logo img.day{display:block!important}
body.day .logo img.night{display:none!important}

body.night .logo img.day{display:none!important}
body.night .logo img.night{display:block!important}

/**
*	FOOTER styles
*/
.footer { display: block; height: 140px; position: relative }
.footer .inner { position: relative; margin: 0 auto; width: 950px }
.footer .inner .copyright { position: absolute; right: 0; top: 10px; width: 200px; text-align: right }
.footer .inner .copyright p { text-align: right; line-height: 13px; color: #999 }
.footer .inner .copyright div { text-align: right; color: #000000 }
.footer .inner .partners { padding-top: 10px; padding-bottom: 35px }
.footer .inner .partners h4 { font-size: 18px; font-weight: normal; color: #656D7C; border-top: none }
.footer .inner .partners blockquote { margin: 15px 0; margin-right: 10px; padding: 0 5px; border-right: 1px solid #CCC; width: 130px; float: left }	
.footer .inner .partners blockquote a { padding-left: 7px; padding-right: 5px; display: block; margin-bottom: 1px; color: #363B43; background: url(/static/images/site/links_arrow.gif) no-repeat left 5px; text-decoration: none }
.footer .inner .partners blockquote a:hover { text-decoration: underline; color: #656D7C }
.footer .inner ul { position: absolute; list-style-type: none; right: 0; bottom: 10px }
.footer .inner ul li { float: left }
.footer .inner ul li a { color: #656D7C }
.footer .inner ul li a:hover { color: #FFFFFF }
.footer .inner ul li span { padding: 0 5px; color: #656D7C }

/**
*	CONTENT styles
*/
.content{margin:10px 0;padding:2px;background:#FFF;border:3px #FFF solid}
.content{
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);	
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	box-shadow: 0 1px 3px rgba(0,0,0,.5);
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=145, Strength=2);
}
.content .topbar { height: 33px; line-height: 33px; position: relative; background: #FFF url(/static/images/site/top_bar_background.gif) no-repeat left -33px; margin-bottom: 5px }
.content .topbar blockquote { margin-top: 2px; margin-left: 160px }
.content .topbar .signup { position: absolute; right: 10px; top: 0 }
.content .topbar .signup a { font-size: 14px }
.content .topbar .signup a strong { color: #DC5454 !important }
.content .topbar .signup a:hover { color: #000 !important }
.content .topbar .signup span { margin: 0 5px; }
.content .inappropiate { text-align: right; background: #FFCCAA; padding: 10px; font-size: 12px; color: #000 }
.content .inappropiate a { margin-left: 10px; padding: 3px 15px; background-color: #FF6600; text-transform: uppercase; font-size: 18px; color: #FFF }

.blink { color: #C52929 }
.box { margin-bottom: 5px }

/* Lights OFF/ON */
#overlay{display:block;background:#000 url(/static/images/site/sky.png);position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0.9;filter:alpha(opacity=90)}

/* WebChat Box */
.webchat{background-color:#E0F1FF;position:relative;height:410px;z-index:102}
#switcher{cursor:pointer;background-color:#E0F1FF;padding:5px 10px 10px 10px;position:absolute;top:10px;right:0;z-index:101}
#switcher span{float:right;display:block;width:36px;height:14px;background:url(/static/images/site/switcher.png) no-repeat -36px 0}
#switcher strong{float:left;font-size:10px;margin-right:5px;font-weight:normal}
body.lightson #overlay{display:none}
body.lightson #switcher span{background-position:0 0}

#webradio{margin-top:9px;vertical-align:middle}

/* Forum Widget */
#forum_posts { background: url(/static/images/ajax/preloader.gif) no-repeat 50% 50%; min-height: 200px; overflow: hidden; width: 187px !important }
#forum_posts .last_id { display: none }
#forum_posts ul { padding: 0; list-style-type: none }
#forum_posts li { padding: 0 5px; padding-bottom: 3px; border-bottom: 1px dotted #666 }
#forum_posts li.no_border { border-bottom: none }
#forum_posts li.mo { background-color: #3C3C3C }
#forum_posts li a {	font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none !important; text-align: left;	color: #333 }
#forum_posts li a:hover { border: none !important; background: none !important; text-decoration: underline !important; color: #666 }
#forum_posts li h2 { font-family: Arial, Helvetica, sans-serif; text-align: left; font-weight: bold !important; margin: 0 !important; border: none !important; background: none !important; text-decoration: none; color: #C52929;	font-size: 11px }
#forum_posts li h2 a { color: #C52929 !important }
#forum_posts li h2 span { font-style: italic; font-weight: normal; font-size: 10px; color: #999 }

/* Horoscope */
#tabla td {padding: 2px 5px}
#tabla td a {color:#4278D3; background-color: #D4E1F6; text-decoration:underline;text-align:center;font-size:11px;font-family:Arial; display:block; padding: 3px 5px}
#tabla td a:hover{ text-decoration: none; color:#FFF; background-color:#4278D3 }
.dhtmlwindow{position: absolute;border: 2px solid #666666;visibility: hidden;background-color: white;}
.drag-handle{padding: 1px;text-indent: 3px;font: bold 14px Arial;background-color: #666666;color: white;cursor: move;overflow: hidden;width: auto;}
.drag-handle .drag-controls{position: absolute;right: 1px;top: 2px;cursor: pointer;}
.drag-contentarea{border-top: 1px solid #633;background-color: white;color: black;height: 150px;padding: 2px;overflow: auto;}
.drag-statusarea{border-top: 1px solid gray;background-color: #F8F8F8;height: 13px;}
.drag-resizearea{float: right;width: 13px;height: 13px;cursor: nw-resize;font-size: 0;}


/* AJAX loader */
#ajax_loader{display:none;position:fixed;left:49%;top:0;z-index:9999;padding:2px 7px;background-color:#000;color:#FFF;font-size:13px;font-weight:bold}
#ajax_loader span{margin-left:5px}


/* Modal window basic */
#basic-modal-content {display:none}
#simplemodal-overlay {background-color:#000}
#simplemodal-container {color:#999;background-color:#000;border:3px solid #666;padding:15px 20px;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/static/images/images/modal/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

/* Modal age validator */
#modal-age-validator {display:none}
#modal-age-validator p{margin:10px 0;color:#FFF;font-size:18px;font-weight:normal;text-align:justify}
#modal-age-validator p span{color:#666;font-size:10px}
#modal-age-validator p a{text-decoration:underline}
#modal-age-validator hr{margin:0!important;height:1px;border:0;background:#333;!color:#333;!display:block;!margin:-7px auto!important}
#modal-age-validator h4{text-align:center;font-size:32px;color:#FF9900;margin-bottom:15px}
#modal-age-validator .age-validator h5{margin:10px 0;font-size:18px;color:#1C98BB;font-weight:normal}
#modal-age-validator .age-validator blockquote.left{width:325px;color:#FFF;font-size:12px}
#modal-age-validator .age-validator blockquote.left .column{float:left;width:85px;margin-bottom:10px}
#modal-age-validator .age-validator blockquote.left .column.ctr{width:150px}
#modal-age-validator .age-validator blockquote.left label{cursor:pointer;display:block;padding-top:1px}
#modal-age-validator .age-validator blockquote.left .column label{padding-top:0;font-size:14px;color:#666;margin-bottom:5px}
#modal-age-validator .age-validator blockquote.left span.checkbox {width:19px;height:22px;padding:0 5px 0 0;background:url(/static/images/site/checkbox.gif) no-repeat;display:block;clear:left;float:left}
#modal-age-validator .age-validator blockquote.right{position:relative;width:300px;text-align:right;padding-top:50px}
#modal-age-validator .age-validator blockquote.right input{float:left;cursor:pointer;border:none;margin:0 10px;padding:4px 20px;background-color:#06C;color:#FFF;font-size:18px;font-weight:normal;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
#modal-age-validator .age-validator blockquote.right input.hvr{background-color:#03C}
#modal-age-validator .age-validator blockquote.right a{display:block;margin-top:5px;font-size:12px;text-decoration:underline}
#modal-age-validator .age-validator blockquote.right a:hover{text-decoration:none}
#modal-age-validator .age-validator blockquote.right #form-results{position:absolute;bottom:30px;right:5px}
#modal-age-validator .age-validator blockquote.right #form-results p{margin:2px;color:#F00;font-size:14px;text-align:right}
#modal-age-validator .age-validator blockquote.right #form-results p.ok{font-size:24px;color:#1C98BB;margin-bottom:10px}
#modal-age-validator .age-validator blockquote.right #form-results p span{text-decoration:underline;font-size:22px;color:#F00}

/* Modal warnings */
#modal-happy-valetines-day{display:none}
#modal-march{display:none}

/* Forum latests posts*/
#forumWidget .contentWrapper{background: transparent url(/static/images/ajax/preloader.gif) no-repeat 50% 50%}
.scroller div.scrubber .top,
.scroller div.scrubber .bottom,
.scroller div.scrubber .middle .grab{background:transparent url(/static/images/site/sprites.png) no-repeat top left}
.scroller{width:200px;background-position:0 -97px; background-color: #FFF; padding:4px;}
.scroller .contentWrapper{width:185px;height:300px;padding:2px;overflow:hidden;float:left;position:relative;}
.scroller .content{background:#FFF;position:relative;width:180px;margin:0 3px;}
.scroller div.scrollbar{display:none;float:left;width:6px;position:relative;margin-top:1px;}
.scroller div.scrubber{float:left;width:6px;height:50px;margin:1px;cursor:pointer;position:relative;}
.scroller div.scrubber .top{background-position:-266px -100px;width:6px;height:2px;}
.scroller div.scrubber .middle{background-color:#505050;width:6px;height:100%}
.scroller div.scrubber .middle .grab{background-position:-266px -134px;width:6px;height:7px;position:relative;}
.scroller div.scrubber .bottom{background-position:-266px -127px;width:6px;height:2px;}
.scroller div.scrollbar.disabled{display:none;}