/* ColorBox Core Style The following rules are the styles that are consistant between all ColorBox themes */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com */ #cboxOverlay {background:url(../_images/colorbox/overlay.png) 0 0 repeat;} #colorbox {} #cboxTopLeft {width:21px; height:21px; background:url(../_images/colorbox/controls.gif) -100px 0 no-repeat;} #cboxTopRight {width:21px; height:21px; background:url(../_images/colorbox/controls.gif) -129px 0 no-repeat;} #cboxBottomLeft {width:21px; height:21px; background:url(../_images/colorbox/controls.gif) -100px -29px no-repeat;} #cboxBottomRight {width:21px; height:21px; background:url(../_images/colorbox/controls.gif) -129px -29px no-repeat;} #cboxMiddleLeft {width:21px; background:url(../_images/colorbox/controls.gif) left top repeat-y;} #cboxMiddleRight {width:21px; background:url(../_images/colorbox/controls.gif) right top repeat-y;} #cboxTopCenter {height:21px; background:url(../_images/colorbox/border.gif) 0 0 repeat-x;} #cboxBottomCenter {height:21px; background:url(../_images/colorbox/border.gif) 0 -29px repeat-x;} #cboxContent {background:#fff;} #cboxLoadedContent {margin-bottom:28px;} #cboxTitle {position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent {position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow {position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious {position:absolute; bottom:0; left:0px; background:url(../_images/colorbox/controls.gif) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover {background-position:-75px -25px;} #cboxNext {position:absolute; bottom:0; left:27px; background:url(../_images/colorbox/controls.gif) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover {background-position:-50px -25px;} #cboxLoadingOverlay {background:url(../_images/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic {background:url(../_images/colorbox/loading.gif) center center no-repeat;} #cboxClose {position:absolute; bottom:0; right:0; background:url(../_images/colorbox/controls.gif) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover {background-position:-25px -25px;} /* */ #AddThis {margin-top: 160px;position: absolute;right: 17px;} /*padding:3px; color:#BBB; font-size:0.8em; border:1px solid #DDD*/ #AddThis ul, #AddThis li {display:inline;padding:0; margin:0} /* vertical-align:text-bottom */ #AddThis li {float:left; clear:none; padding: 0 4px;} /*padding:0 15px; margin:0;*/ #AddThis li.twitter {overflow:hidden;padding:0 4px;} /*margin-right: -36px;*/ #AddThis li.facebook-like {margin-right: -15px;overflow:hidden;} #AddThis li.facebook-share a{display:block;overflow:hidden;padding:0 4px; background-color: #3b55a0; color:white; height:21px ; line-height:21px;} /* #AddThis li ul li {padding:0; margin:0} #AddThis li ul li a {width:23px; height:19px; margin:0 1px 0 0; cursor:pointer; display:block; clear:none; float:left; border:1px solid #EEE} #AddThis li ul li span {display:none} #AddThis li.internos {border-right:1px solid #DDD} #AddThis li.compartir {padding:5px 3px 0 0} #AddThis li.imprimir a {background:transparent url('../_images/addthis/ico_imprimir.gif') 100% 100% no-repeat; width:28px; height:20px} #AddThis li.enviar a {background:transparent url('../_images/addthis/ico_enviar.gif') 100% 100% no-repeat; width:28px; height:20px} #AddThis li.facebook a {background:transparent url('../_images/addthis/ico_facebook.gif') 50% 50% no-repeat; width:20px; height:20px} #AddThis li.delicious a {background:transparent url('../_images/addthis/ico_delicious.gif') 50% 50% no-repeat; width:20px; height:20px} #AddThis li.technorati a {background:transparent url('../_images/addthis/ico_technorati.gif') 50% 50% no-repeat; width:20px; height:20px} #AddThis li.yahoo a {background:transparent url('../_images/addthis/ico_yahoo.gif') 50% 50% no-repeat; width:20px; height:20px} #AddThis li.meneame a {background:transparent url('../_images/addthis/ico_meneame.gif') 50% 50% no-repeat; width:20px; height:20px} #AddThis li.myspace a {background:transparent url('../_images/addthis/ico_myspace.gif') 50% 50% no-repeat; width:20px; height:20px} */ /* */ .DLU {background:transparent url(../_images/rounded/DRoundLU.gif) 0 0 no-repeat; overflow: hidden;} .DRU {background:transparent url(../_images/rounded/DRoundRU.gif) 100% 0 no-repeat; overflow: hidden;} .DLD {background:transparent url(../_images/rounded/DRoundLD.gif) 0 100% no-repeat; overflow: hidden;} .DRD {background:transparent url(../_images/rounded/DRoundRD.gif) 100% 100% no-repeat; overflow: hidden;} .InvLU {background:transparent url(../_images/rounded/INVRoundLU.gif) 0 0 no-repeat; overflow: hidden;} .InvRU {background:transparent url(../_images/rounded/INVRoundRU.gif) 100% 0 no-repeat; overflow: hidden;} .InvLD {background:transparent url(../_images/rounded/INVRoundLD.gif) 0 100% no-repeat; overflow: hidden;} .InvRD {background:transparent url(../_images/rounded/INVRoundRD.gif) 100% 100% no-repeat; overflow: hidden;} .PLU {background:transparent url(../_images/rounded/PRoundLU.gif) 0 0 no-repeat; overflow: hidden;} .PRU {background:transparent url(../_images/rounded/PRoundRU.gif) 100% 0 no-repeat; overflow: hidden;} .PLD {background:transparent url(../_images/rounded/PRoundLD.gif) 0 100% no-repeat; overflow: hidden;} .PRD {background:transparent url(../_images/rounded/PRoundRD.gif) 100% 100% no-repeat; overflow: hidden;} .bordeU {background:transparent url(../_images/rounded/Roundborde.gif) 0 0 repeat-x; overflow: hidden;} .bordeR {background:transparent url(../_images/rounded/Roundborde.gif) 100% 0 repeat-y; overflow: hidden;} .bordeD {background:transparent url(../_images/rounded/Roundborde.gif) 0 100% repeat-x; overflow: hidden;} .bordeL {background:transparent url(../_images/rounded/Roundborde.gif) 0 0 repeat-y; overflow: hidden;} .W10U {background:transparent url(../_images/rounded/W10RoundU.gif) 0 0 repeat-x; overflow: hidden;} .W10R {background:transparent url(../_images/rounded/W10RoundR.gif) 100% 0 repeat-y; overflow: hidden;} .W10D {background:transparent url(../_images/rounded/W10RoundD.gif) 0 100% repeat-x; overflow: hidden;} .W10L {background:transparent url(../_images/rounded/W10RoundL.gif) 0 0 repeat-y; overflow: hidden;} .W10LU {background:transparent url(../_images/rounded/W10RoundLU.gif) 0 0 no-repeat; overflow: hidden;} .W10RU {background:transparent url(../_images/rounded/W10RoundRU.gif) 100% 0 no-repeat; overflow: hidden;} .W10LD {background:transparent url(../_images/rounded/W10RoundLD.gif) 0 100% no-repeat; overflow: hidden;} .W10RD {background:transparent url(../_images/rounded/W10RoundRD.gif) 100% 100% no-repeat; overflow: hidden;} .WLU {background:transparent url(../_images/rounded/WRoundLU.gif) 0 0 no-repeat; overflow: hidden;} .WRU {background:transparent url(../_images/rounded/WRoundRU.gif) 100% 0 no-repeat; overflow: hidden;} .WLD {background:transparent url(../_images/rounded/WRoundLD.gif) 0 100% no-repeat; overflow: hidden;} .WRD {background:transparent url(../_images/rounded/WRoundRD.gif) 100% 100% no-repeat; overflow: hidden;}