/* CSS Leopard Guide */
ol {margin:0px;}


#leopardbox {width:982px; color:#111111; margin:0px 0px 20px 0px;}
#leopardbody {margin:25px 15px 0px 15px;}
.leopardleft {float:left; width:5px; height:25px; margin:0px; padding:0px; background:url(http://www.cnxmac.com/imagenes/leopard/l_left.jpg) left top no-repeat;}
.leopardright {float:right; width:5px; height:25px; margin:0px; padding:0px; background:url(http://www.cnxmac.com/imagenes/leopard/l_right.jpg) left top no-repeat;}
.boxtitle {color:#ffffff; font-size: 12px; font-weight: bold; margin: 0px; padding:5px 8px 5px 8px; background:url(../imagenes/leopard/l_title.jpg) left top repeat-x;}
.leopardcontent {background:url(../imagenes/2008/bgcontentfooter.png) left top repeat-y;}
.leopardside {width:250px; float:left;}
#leopardcontainer {width:701px; float:right; margin:0px; border-left:1px solid #dcdcdc; font-size:12px; color:#575757;}
.leopardbottom {background:url(http://www.cnxmac.com/imagenes/2008/botcontentfooter.png) left top no-repeat; width:952px; height:8px; margin-top:-3px;}


/* Side Bar */
#leopardbox #leopardbody .leopardside h4 {padding-right:10px; border-right:1px solid #e9e9e9;}

#leopardbox #leopardbody .leopardside ul {margin:0px; padding:0px 0px 0px 0px; font-size:14px; font-weight:normal; list-style:none;}
#leopardbox #leopardbody .leopardside ul li {padding:0px 0px 1px 1px; margin:0px 0px -2px 0px;}
#leopardbox #leopardbody .leopardside ul li a {clear:both; display:block; min-height:24px; _height:24px; padding:18px 10px 12px 0px; color:#333; border-bottom:1px solid #e9e9e9; background:url(http://www.cnxmac.com/imagenes/leopard/leopardarrow.gif) no-repeat 220px 22px;}
#leopardbox #leopardbody .leopardside ul li a img {float:left; margin:-8px 10px 0 20px;}
#leopardbox #leopardbody .leopardside ul li a:hover {color:#000; position:relative; text-decoration:none; border-color:#f1f1f1; background-color:#f1f1f1; background-position:220px -178px; _border-color:#e9e9e9;}

#leopardbox #leopardbody .leopardside ul li.active {background-color:none;}
#leopardbox #leopardbody .leopardside ul li.active a {color:#000; position:relative; text-decoration:none; border-color:#f1f1f1; background-color:#f1f1f1; background-position:220px -178px; _border-color:#e9e9e9;}


.swapcontent {margin:15px 20px 20px 24px;}
.swapbody {margin:0px 0px 30px 0px; padding:0px 0px 30px 0px; font-weight:normal; line-height:15px; border-bottom:1px solid #e9e9e9;}
.swapbody a {color:#0c8dce;}
.swapbody a:hover {text-decoration:underline;}

#frontimage {width:652px; height:240px; background:url(http://www.cnxmac.com/imagenes/leopard/guialeopard.png) left top no-repeat; text-align:center; margin:0px 0px 20px 0px;}
.column-one {float:left; width:312px; padding:0px 16px 0px 0px;}
.column-two {float:right; width:312px; padding:0px 0px 0px 17px;}

.swapcontent h2 {margin:0px; font-size:16px; padding:10px 0px 4px 0px; color:#0c8dce; font-weight:normal;}
.swapcontent h2 a {color:#404040;}
.swapcontent h2 a:hover {text-decoration:none;}
.swapcontent h3 {margin:0px; font-size:22px; color:#000000; padding:0px 0px 20px 0px; font-weight:normal;}
.swapcontent h4 {margin:0px; font-size:14px; padding:0px 0px 4px 0px; color:#0c8dce; font-weight:bold;}
.swapcontent h4 a {color:#404040;}
.swapcontent h4 a:hover {text-decoration:none;}

.column-one ul, .column-two ul {margin:0px; padding:5px 0px 30px 20px;}
.column-one li, .column-two li {padding:0px 0px 5px 0px; font-size:11px;}


#leopardbox .noscript { display:none; }

/* swapper content */
#leopardbox .swapcontent { display:none; }
#leopardbox .swapcontent.active, #leopardbox.hasjs .swapcontent { display:block; }