html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
/* ------------------------------ */ /* http://polmoneys.com */ /* ------------------------------ */
/* ------------------------------ */ /* http://polmoneys.com */ /* ------------------------------ */
/* ------------------------------ */ /* http://polmoneys.com */ /* ------------------------------ */
html{height: 100%;}
body {background:#373737 url('../ux/bglightwhite2.png') no-repeat;min-height:650px;height: 100%;min-width: 600px;max-width: 1600px; text-shadow: 0 0 0 #000;font-family: "Monaco", "Courier New", Courier, monospace;font-size: 12px;color:rgb(255,255,255);color: rgba(255,255,255,0.8);margin-top: 80px;}
#ie { background-color: #fff; border:1px solid #4C4C4C; color: #000; font-size:14px; font-weight:bold; letter-spacing:-1px; position:absolute; top:0; left:0; width: 100%; height: 100%; text-align: left; z-index: 1000;display: none; }
#ie p { padding:15px; background-color: #DDD; color: #fff; }
#ie a { color:#2E2E2E; text-decoration:underline; }
#ie a:hover {color:#6D6D6D; text-decoration:underline; }
a:link {text-decoration: none;color: rgb(00,00,00);color: rgba(00,0,00,0.3);}
a:visited,a:active {color: rgb(00,00,00);color: rgba(00,0,00,0.3);text-decoration: none; }
a:hover, a:focus {color: rgb(00,00,00);color: rgba(00,0,00,0.7);}
h2{text-align: left;font-size: 20px;color: #fff;padding:10px;padding:5px 10px;}
h3{font-size: 16px;text-shadow: rgba(51, 153, 204, 0.85) 0 0 3px; padding: 10px 0;}
strong{font-weight: normal;color: #fff;text-shadow: rgba(255, 255, 255, 0.85) 0 0 3px;}
h3 span.nombres{ font-style: italic;color:#39c;float:right;}
h4{font-size: 16px;padding:10px;color: rgb(00,00,00);}
p{font-family: "Monaco", "Courier New", Courier, monospace;font-size: 12px;line-height: 18px;color:#000;padding:10px;}
#metaframe{margin:0 auto;width: 560px; }
#metaframe h1{ text-indent: -9999em;font-family: "Courier New", Courier, monospace;text-align: center;font-size: 42px;color:rgb(00,00,00);color:rgba(00,00,00,0.3); padding: 10px; white-space:nowrap;text-shadow: 0px 2px 1px #585858;}
#mainframe{border-top-radius: 0px; background-color: rgb(57,57,57); background-color: rgba(57,57,57,0.9);-moz-border-radius-topright:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft: 15px;-moz-border-radius-bottomright: 15px;-khtml-border-radius: 15px;-webkit-border-top-right-radius:0px;-webkit-border-top-left-radius:0px;-webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius:15px;}
#apps {width: 60px;margin-left: 1.4em;margin-top: 4em;}
#apps a{display: inline-block;float: left;margin: 2em 0;}
/* CURATORS LIST + LOADED HTML
-------------------------------------------------------------- */
ol.navCurator { background-color: rgb(51,51,51); border: 1px solid; border-color: rgb(0,0,0); border-color:rgba(0,0,0,0.7) ; padding:10px; -moz-box-shadow: 0px -4px 8px rgba(0,0,0,0.1); -khtml-box-shadow: 0px 0px -4px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px -4px rgba(0,0,0,0.1); list-style: none; overflow:hidden; }
ol.navCurator li { display: block;font-size: 14px;color:#fff;padding:6px;line-height: 1em;float: left;}
ol.navCurator li a{ background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);padding:3px; border: 1px solid;border-color: rgb(0,0,0); border-color:rgba(0,0,0,0.7) ;}
ol.navCurator li a:visited,ol.navCurator li a:active{background-color: rgb(255,255,255);background-color: rgba(255,255,255,0.2);border: 1px inset; border-color: rgb(0,0,0); border-color:rgba(0,0,0,0.7) ;}
ol.navCurator li a:hover{background-color: rgb(255,255,255);background-color: rgba(255,255,255,0.8);border: 1px groove; border-color: rgb(0,0,0); border-color:rgba(0,0,0,0.7) ;}
ol.navCurator p{ clear: both; text-align: justify; color: #fff; margin: 0; line-height: 18px; padding: 0; font-family: "Monaco","Courier New", Courier, monospace; }
ol.navCurator h3{padding-left: 0;margin-left: 0; clear: both; }
ol.tracklist { background-color: rgb(51,51,51); border: 1px solid; border-color: rgb(0,0,0); border-color:rgba(0,0,0,0.7) ; padding:10px; -moz-box-shadow: 0px -4px 8px rgba(0,0,0,0.1); -khtml-box-shadow: 0px 0px -4px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px -4px rgba(0,0,0,0.1); list-style: none; overflow:hidden; }
ol.tracklist li { display: block;font-size: 14px;color:#fff;padding:6px;line-height: 1em;line-height: 1.4em;}
/* sprite -------------------------------------------------------------- border: 20px solid;border-color:
rgb(0,0,0);border-color:rgba(0,0,0,0.4);border-top:0px;*/
.curators_ux{background-image: url('../ux/bigbut_sprite.png') ; }
.but_ux{height: 80px; width: 77px;}
.media{background-position:-179px 0px;}
.playlist{background-position:-1px 0px;}
.custom{height:80px;background-position:-89px -1px;}
.stats{background-position:-260px 0px;}
.media:hover{background-position:-179px -80px;}
.playlist:hover{background-position:-1px -80px;}
.custom:hover{background-position:-89px -85px;}
.stats:hover{background-position:-260px -80px;}
.advanced_ux{background-image: url('../ux/advanced_ux.png') ;}
.butadvanced_ux{height: 50px; width: 48px;}
.twitter_ux{height: 68px; width: 50px;}
.help{background-position:-2px -0px;}
.search{background-position:-52px -0px;}
.love{background-position:-102px -0px;}
.share{background-position:-145px -0px;}
.hate{background-position:-193px 0px;}
.iphoneux{background-position:-240px 0px;}
.guardar{background-position:-666px -2px;}
.twitter{background-position:-720px 0px;}
/* SCROLL JTOOLS
-------------------------------------------------------------- */
#main {border-top:1px solid #333;position:relative;overflow:hidden;height: 420px;width:539px;background-color: rgb(00,00,00); background-color: rgba(255,255,255,0.8); padding: 10px;border:1px solid;border-color:rgb(0,0,0);border-color:rgba(0,0,0,0.3);box-shadow:1px 1px 8px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);-khtml-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);-moz-border-radius-topright:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft: 15px;-moz-border-radius-bottomright: 15px;-webkit-border-top-right-radius:0px;-webkit-border-top-left-radius:0px;-webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius:15px;}
#pages { position:absolute; height:20000em; }
.page {margin:0px; padding:10px; height: 420px; width:520px;}
.scrollable { position:relative; overflow:hidden; width: 520px; height: 420px; }
.scrollable .items { width:20000em; position:absolute; clear:both;}
.item { float:left; cursor:pointer; width:510px; height:420px; padding:10px;}
.item a{color: rgb(255,255,255);color:rgba(255,255,255,0.9);}
.item a:hover, a:active, a:visited{ color: rgb(255,255,255);color:rgba(255,255,255,0.6);}
/* main navigator */
#main_navi {float:left;padding:0px !important;margin:0px !important;}
#main_navi li { background-color: rgb(218,218,218);clear:both; color:#000; font-size:12px;list-style-type:none; margin-left:-103px; width: 50px;padding:6px 25px;box-shadow:2px 1px 8px rgba(0,0,0,0.8); -moz-box-shadow: 2px 1px 8px rgba(0,0,0,0.8); -khtml-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);-webkit-box-shadow: 4px 1px 8px rgba(0,0,0,0.8); }
#main_navi li:hover {background-color: rgb(218,218,218);background-color: rgba(218,218,218,0.5);}
#main_navi li.active {background-color: rgb(218,218,218);background-color: rgba(218,218,218,0.1);}
div.scrollable { float:left; }
a.prev, a.next, a.prevPage, a.nextPage { display:block; width:18px; height:18px; background:url('../ux/navigator.png') no-repeat;float:left; margin:43px 10px; cursor:pointer; font-size:1px; }
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -18px; }
a.disabled { visibility:hidden !important; }
a.next, a.nextPage { background-image:url('../ux/navigator.png'); clear:right; }
/*********** navigator ***********/
div.navi { cursor:pointer; width:200px; height:20px;margin-left: 250px; }
div.navi a { width:8px; height:8px; float:left; margin:3px; background:url('../ux/navigator.png') 0 0 no-repeat; display:block; font-size:1px; }
div.navi a:hover { background-position:0 -8px; }
div.navi a.active { background-position:0 -16px; }
/* TipTip CSS - Version 1.2 */
#tiptip_holder {display: none;position: absolute;top: 0;left: 0;z-index: 99999;}
#tiptip_holder.tip_top {padding-bottom: 5px;}
#tiptip_holder.tip_bottom {padding-top: 5px;}
#tiptip_holder.tip_right {padding-left: 5px;}
#tiptip_holder.tip_left {padding-right: 5px;}
#tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25);background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555;-webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; }
#tiptip_arrow, #tiptip_arrow_inner {position: absolute;border-color: transparent;border-style: solid;border-width: 6px;height: 0;width: 0;}
#tiptip_holder.tip_top #tiptip_arrow {border-top-color: #fff;border-top-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #fff;border-bottom-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff;border-right-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #fff;border-left-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px;margin-left: -6px;border-top-color: rgb(25,25,25);border-top-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -5px;margin-left: -6px;border-bottom-color: rgb(25,25,25);border-bottom-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px;margin-left: -5px;border-right-color: rgb(25,25,25);border-right-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px;margin-left: -7px;border-left-color: rgb(25,25,25);border-left-color: rgba(25,25,25,0.92);}
/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {padding: 4px 8px 5px 8px;background-color: rgba(45,45,45,0.88);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88);}
#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92);}}
/* FACEBOXS + OVERLAYS JTOOLS CSS
-------------------------------------------------------------- */
#facebox {display:none;width:auto; border:10px solid #666;border:10px solid rgba(82, 82, 82, 0.698);-moz-border-radius:8px; -webkit-border-radius:8px; }
#facebox div { padding:10px; border:1px solid #F3F3F3; background-color:#fff; font-family: "Monaco", "Courier New", Courier, monospace;}
#facebox h2 { margin:-11px; margin-bottom:0px; color:#fff; padding:5px 10px; border:1px solid #F3F3F3; font-size:20px; }
#facebox img{display:block; margin: 40px auto;}
/* TINY BOX
--------------------------------------------------------------
*/
#tinybox {position:absolute; display:none; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #fff;border:10px solid rgba(82, 82, 82, 0.8);-moz-border-radius:8px;-webkit-border-radius:8px;z-index:2000;}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.7);z-index:1500;}
#tinycontent {border:1px solid #747474;}
#tinycontent h2 { background-color:#fff;}
/* ZURB FANCY MODAL (DEPRECIATED) -------------------------------------------------------------- */
ol.code { background-color: rgb(51,51,51); border: 1px solid; border-color: rgb(0,0,0); border-color:rgba(0,0,0,0.7) ; margin: 2px;padding: 10px; -moz-box-shadow: 0px -4px 8px rgba(0,0,0,0.1); -khtml-box-shadow: 0px 0px -4px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px -4px rgba(0,0,0,0.1); list-style: none; overflow:hidden; }
ol.code li { color: #fff; margin: 0; line-height: 18px; padding: 0;font-family: "Monaco", "Courier New", Courier, monospace; }
ol.code p{ clear: both; color: #fff; margin: 0; line-height: 18px; padding:0; font-family: "Monaco", "Courier New", Courier, monospace; }
ol.code li code { font-family: "Monaco", "Courier New", Courier,monospace; font-size: 12px; line-height: inherit; color: inherit }
ol.code .indent-1 { padding-left: 2em; }
ol.code .indent-2 {padding-left: 4em; }
ol.code .indent-3 { padding-left: 6em; }
ol.code li.selector { color: #39c; }
ol.code li.property { color: #f63;padding: 0 0 0 2em }
ol.code li.property span.value,ol.code .class { color: #9c3; }
ol.code li.punctuate,ol.code li.selector span.punctuate,ol.code li.property span.punctuate { color: #999; }
ol.code.last{margin-top: 2em;height: 150px;}
ol.code li.last{margin-top: 3em;}
/* Forms
--------------------------------------------------------------
*/
form {padding:20px; }
label { display: block; font-size: 13px; font-weight: bold; line-height: 18px; cursor: pointer; position: relative; z-index: 1; }
button, input.input-text, input.password, input.button, textarea { font-family: "Monaco", "Courier New", Courier, monospace; }
input.input-text,input.input-texts, input.password, textarea, a.input-text { display: block; background: transparent url('../ux/inputbg.png') no-repeat 0 0; margin: 0 0 10px; padding: 3px 4px; border: 1px solid #bbb; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 1px #fff;
font-size: 12px; text-shadow: 0 0 1px #fff; color: #999; position: relative; z-index: 2; line-height: 18px; }
input.donacionboton { margin:10px;display: inline; background-color:rgb(00,00,00);background-color:rgba(00,00,00,0.3); padding:5px 5px 5px 0; border: 1px solid;border-color:rgb(0,0,0);border-color:rgba(0,0,0,0.8); -webkit-box-shadow: 0 1px 1px #000; font: 18px/18px; font-family: "Monaco", "Courier New", Courier, monospace; color: #39c; position: relative; z-index: 2; }
form input.input-text:focus, form textarea:focus,form input.input-texts:focus { outline: none; border-color: #999; color: rgb(0,0,0);color:rgba(0,0,0,0.7); padding: 2px 3px; border: 2px solid #585858; }
a.input-text:hover{background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.3);border:1px inset;border-color:rgb(0,0,0);border-color:rgba(0,0,0,0.3);}
label.inlined { margin: 0 0 10px; padding: 3px 4px; font-weight: normal; font-size: 12px; font-family: "Monaco", "Courier New", Courier, monospace; color: rgb(00,00,00);color:rgba(0,0,0,0.7); -webkit-transition: color 0.15s linear; background: #fff; width: 146px; -webkit-border-radius: 3px; -moz-border-radius: 3px; position: relative; z-index: 1; }
label.focus { color: #9F7208; opacity: 0.35; }
label.has-text {color: #fff; opacity: 0.0;-webkit-transition-duration: 0s; }
button{margin:10px;display: inline; background-color:rgb(00,00,00);background-color:rgba(00,00,00,0.3); padding: 5px; border: 1px solid;border-color:rgb(0,0,0);border-color:rgba(0,0,0,0.8); -webkit-box-shadow: 0 1px 1px #000; font: 18px/18px;}
input.input-text:hover{background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.3);border:1px inset;border-color:rgb(0,0,0);border-color:rgba(0,0,0,0.3);}
/* SomeStyles
-------------------------------------------------------------- */
.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.small {font-size: 0.8em;}
.hidden {display: none;}
.rounded{border-radius:10px;-moz-border-radius: 10px;-khtml-border-radius:10px;-webkit-border-radius:10px;}
.superimg{border: 10px solid; border-color: rgb(0,0,0); border-color:rgba(0,0,0,0.5) ;}
.niceimg{border: 1px solid; border-color: rgb(0,0,0); border-color:rgba(0,0,0,0.3);}
.just{text-align: justify;}
.highlight{background-color: rgba(255,255,255,0.7);padding: 10px;border: 1px solid #fff;width:100px;}
.mright{margin-right: 20px;}
.facebook{padding: 10px 0px 10px 270px;}
/* * Notify Bar - jQuery plugin * * Copyright (c) 2009-2010 Dmitri Smirnov * * Licensed under the MIT license: *
http://www.opensource.org/licenses/mit-license.php * * Version: 1.2 * * Project home: * http://www.dmitri.me/blog/notify-bar success #BBFFB6*/
.jquery-notify-bar { width:100%; position:fixed; top:0; left:0; z-index:32768; background-color:#efefef; font-size:18px; color:#000;text-align:center; font-family:"Helvetica Neue", Helvetica, sans-serif; padding:20px 0px; border-bottom:1px solid #bbb;text-shadow:none; }
.jquery-notify-bar.error {color:#f00; background-color:#fdd; }
.jquery-notify-bar.success { color:#fff; background-color:#BBFFB6;text-shadow:none; }
.notify-bar-close {position:absolute; left:95%; font-size:11px; }
/*
* Sexy Buttons
*
* DESCRIPTION:
* Sexy, skinnable HTML/CSS buttons with icons.
*
* PROJECT URL:
* http://code.google.com/p/sexybuttons/
*
* AUTHOR:
* Richard Davies
* http://www.richarddavies.us
* Richard@richarddavies.us
*
* VERSION:
* 1.1
*
* LICENSE:
* Apache License 2.0 (http://www.apache.org/licenses/LICENSE-2.0)
* Creative Commons 3.0 Attribution (http://creativecommons.org/licenses/by/3.0/)
*
* CREDITS:
* Inspired by, derived from, and thanks to:
* http://www.p51labs.com/simply-buttons-v2/
* http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
* http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
* http://www.elctech.com/snippets/make-your-buttons-look-super-awesome
*
* USAGE:
* Simply add class="sexybutton [skin]" to a