.ACSlider { position:relative; } /* dot nav at the top */ .ACSliderPageNav { position:absolute; top:0; left:50%; height:8px; padding:0; margin:0 auto; text-align:center; } .ACSliderPageNav li { display:inline; } .ACSliderPageNav li a { display:block; float:left; width:4px; height:4px; padding:2px; margin:0 2px; cursor:pointer; text-indent:-9999px; background:url(http://images.tecnologia.com/global/elements/slider/dot20070414.png) center top no-repeat; background-image:url(http://images.tecnologia.com/global/elements/slider/dot20070414.gif); overflow:hidden; } .ACSliderPageNav li a:hover { background-position:center -8px; } .ACSliderPageNav li a.active { background-position:center -16px; cursor:default; } /* container */ .ACSliderMaskDiv { position:relative; overflow:hidden; margin:0 30px; } .ACSliderMaskDiv ul { position:absolute; top:16px; width:9999px; margin:0; padding:0; } .ACSliderMaskDiv ul li { } /*----------------------------------------------------------------------------- layout -----------------------------------------------------------------------------*/ #isWin, #headerwin { display:none; } #container { margin-top: 11px; _margin-top:0; padding-top:1px; } #main #content .contentfooter { clear:both; padding-top:15px; margin:0 -15px -18px; height:18px; background:url(http://images.tecnologia.com/criativa/images/contentfooter.gif) no-repeat bottom right; } #main #content { width:748px; padding:18px 15px 18px; margin-bottom:15px; float:right; border:1px solid #797c81; border-top:0; border-bottom:0; background:#fff url(http://images.tecnologia.com/criativa/images/main_shadow.gif) repeat-x top left; } #main .grid2cola .column.first { width:530px; } #main .grid2cola .column.last { width:200px; } #main .grid2cola .grid2col .column.first, #main .grid2cola .grid2col .column.last { width:46%; } #main #sidenav { width:185px; float:left; } #main #sidenav { width:185px; float:left; } #main #sidenav .logocriativa { background-color: transparent; } #main a { outline:none; } /*----------------------------------------------------------------------------- header -----------------------------------------------------------------------------*/ #main #header { float:right; width:780px; background:url(../images/header_bg.jpg) repeat-x left top;margin-bottom:-3px; } #main #header.hero { width:778px; border-left:1px solid #787c7f; border-top:1px solid #787c7f; border-right:1px solid #787c7f; } #main #header img { } #main #header img.headertitle { float:left; margin-left:45px; margin-top:75px; } #main #header img.headericon { float:right; margin-right:45px; } #main #headernav { float:right; width:778px; border:1px solid #1D2434; padding-bottom:0px; margin-bottom:0px; background:url(../images/nav_footer_bg.jpg) repeat-x 0 0; } #main #headernav li { display:inline; } #main #headernav a {display: block; height:2.5em; line-height:2.5em; float:left; width:155px; text-align:center; color: white; font-weight:bold; font-size:11px; text-decoration: none; background: #1D2435 url(http://images.tecnologia.com/criativa/images/nav_bg.gif) repeat-x top right; } #main #headernav a.last { width:158px; } .guide #main #headernav a { width:111px; } .guide #main #headernav a.last { width:112px; } #main #headernav a:hover {background-color: #495A77; background-position: top left; border-bottom-color: #384563;} #specs #main #headernav a.specs, #technologies #main #headernav a.technologies, #resources #main #headernav a.resources, #tutorials #main #headernav a.tutorials, #faq #main #headernav a.faq, .guide.hd #main #headernav a.hd, #guide #main #headernav a.music, #entertainment #main #headernav a.entertainment, .guide.tecnologiaevents #main #headernav a.events { background:#687EA3 url(http://images.tecnologia.com/criativa/images/nav_hi_bg.gif) repeat-x top left; border-bottom-color: #4A5C82; } /*----------------------------------------------------------------------------- sidenav -----------------------------------------------------------------------------*/ #main .centerbox { font-size:11px; color:#76797c; line-height:1.2em; padding:100 -10px 0; margin:0 0.5em; background:url(../../images/sidebox_bg.png) repeat-y 0 0; font: bold; font-weight: bold; } #main .centerbox .inside { margin:0 130px; _margin-top:1px; _zoom:1; padding:0px 10px 0; background:url(../../images/sidebox_bggradient.gif) no-repeat 0 0; } #main .centerbox .toper { height:6px; margin:0 -10px; margin-bottom:10px; background:url(../../images/sidebox_bgtop.png) no-repeat bottom left; } #main .centerbox .clearer { height:6px; margin:0 -10px; background:url(../../images/sidebox_bgbottom.png) no-repeat bottom left; } #main .centerbox ul, #main .sidebox ol { margin-bottom:20px; } #main .centerbox h2 a, #main .sidebox h2 { display:block; height:1px; text-indent:-9999px; padding:0 1px 1px; margin:0 -1px 0em; background:url() no-repeat 0 0; border:0; } #main .sidebox { font-size:11px; color:#76797c; line-height:1.3em; padding:0 12px 0; margin:0 0 1.6em; background:url(../../images/sidebox_bg.gif) repeat-y 0 0; font: bold; font-weight: bold; } #main .sidebox .inside { margin:0 -12px; _margin-top:-10px; _zoom:1; padding:0px 12px 0; background:url(http://images.tecnologia.com/criativa/images/sidebox_bggradient.gif) no-repeat 0 0; } #main .sidebox .clearer { height:6px; margin:0 -12px; background:url(../../images/sidebox_bgbottom.png) no-repeat bottom left; behavior:url(/global/scripts/lib/iepngfix.htc); } #main .sidebox ul, #main .sidebox ol { margin-bottom:12px; } #main .sidebox h2 a, #main .sidebox h2 { display:block; height:17px; text-indent:-9999px; padding:0 12px 8px; margin:0 -12px 0em; background:url() no-repeat 0 0; border:0; } #main #sidenav #promofader { width:186px; height:141px; margin-bottom:18px; } #main #sidenav #promofader a { display:block; width:186px; height:141px; text-indent:-9999px; } #main img.space {margin-bottom: 20px; } #main .sidebox#logocriativa { float:left; } #main .sidebox#criativanav h2 a { background-image:url(../../images/sidebox_bgtop2.gif); } #main .sidebox#criativanav ul { margin-bottom:5px; padding-top:5px;} #main .sidebox#criativanav ul li a { display:block; font-size:12px; line-height:2em; height:2em; color:#333; text-decoration:none; margin:0 -12px; padding:0 12px; } #main .sidebox#criativanav ul li a:hover { background-color:#ddd; } .download #main #criativanav #download a, .player #main #criativanav #player a, .guide #main #criativanav #guide a, .whyqt #main #criativanav #whyqt a, .pro #main #criativanav #pro a, .mpeg2 #main #criativanav #mpeg2 a, .broadcaster #main #criativanav #broadcaster a, .streamingserver #main #criativanav #streamingserver a { background-color:#a7a7a7; color:#fff; } .download #main #criativanav #download a:hover, .player #main #criativanav #player a:hover, .guide #main #criativanav #guide a:hover, .whyqt #main #criativanav #whyqt a:hover, .pro #main #criativanav #pro a:hover, .mpeg2 #main #criativanav #mpeg2 a:hover, .broadcaster #main #criativanav #broadcaster a:hover, .streamingserver #main #criativanav #streamingserver a:hover { background-color:#a7a7a7; text-decoration:none; } #main .sidebox#movietrailers h2 a { background-image:url(../../images/sidebox_bgtop.gif); } #main .sidebox#movietrailers .slideritem { display:none; } #main .sidebox#movietrailers .slideritem.active { display:block; position:absolute; margin:-210px 15px 0; } #main .sidebox#movietrailers #trailerslider { height:220px; padding:8px 0 .6em; margin:0 -14px; overflow:hidden; } #main .sidebox#movietrailers #trailerslider .ACSliderPageNav { margin-top:10px; width:62px; margin-left:-30px; } #main .sidebox#movietrailers #trailerslider .ACSliderPreviousArrow { left:8px; } #main .sidebox#movietrailers #trailerslider .ACSliderNextArrow { right:8px; } #main .sidebox#movietrailers #trailerslider .ACSliderMaskDiv { margin:0 27px; width:134px; height:209px; } #main .sidebox#movietrailers #trailerslider .ACSliderMaskDiv ul li { float:center; width:134px; height:193px; } #main .sidebox#port h2 a { background-color: transparent; } /*----------------------------------------------------------------------------- sidebar -----------------------------------------------------------------------------*/ #main .sidebar { padding-left:10px; color:#333; line-height:1.5em; } #main .sidebar .box { width:200px; margin:0 auto 10px; background: #E8E8E8 url(../../images/sidebar_bg.gif) no-repeat left bottom; padding-bottom: 4px; } #main .sidebar .box p, #main .sidebar .box ul, #main .sidebar .box ol, #main .sidebar .box h4 { padding:0 8px; 4px; margin-bottom:10px; } #main .sidebar .box h3 {width:180px; padding: 6px 8px; margin-bottom: 6px; border: 2px solid #2D3239; border-bottom: none; background: #3B424A url(http://images.tecnologia.com/criativa/images/sidebar_header_bg.gif) repeat-x top left; color: white; font-size: 11px;} #main .sidebar .box h4 {margin-top: 5px; padding-bottom: 0; margin-bottom:0;} #main .sidebar .box .last { margin-bottom:5px; } #main .sidebar .box img.left { margin-right:8px; } #main .sidebar img.shadow { margin-bottom:5px; } #main .sidebar .sidebarbutton { margin-left:-5px; margin-bottom:10px; } #main .sidebar .box.technologies {padding-bottom: 1px;} #main .sidebar .box.technologies h3 {margin: 0;} #main .sidebar .box.technologies p {margin: 0 2px; padding: 0;} #main .sidebar .box.technologies p a, #main .sidebar .box.technologies p b {display: block; padding: 6px 6px 6px 40px; color: black; text-decoration: none; font-weight: normal; background-position:3px 50%; background-repeat: no-repeat;} #main .sidebar .box.technologies p a span, #main .sidebar .box.technologies p span{color: #2359a3; display: block; text-decoration: underline;} #main .sidebar .box.technologies p a:hover {background-color: #d9d9d9;} body#index.mpeg4 #main .sidebar .box.technologies p.mpeg4 a, body#index.aac #main .sidebar .box.technologies p.aac a, body#index.h264 #main .sidebar .box.technologies p.h264 a, body#index.streaming #main .sidebar .box.technologies p.streaming a, body#index.mobile #main .sidebar .box.technologies p.mobile a, body#index.interactivity #main .sidebar .box.technologies p.interactivity a, body#smil.interactivity #main .sidebar .box.technologies p.interactivity a, body#index.qtvr #main .sidebar .box.technologies p.qtvr a, body#index.mediaskins #main .sidebar .box.technologies p.mediaskins a, body#index.automation #main .sidebar .box.technologies p.automation a { background-color: #c9c9c9; } /*----------------------------------------------------------------------------- content -----------------------------------------------------------------------------*/ #main h2 { border-bottom:1px solid #a1a5a9; padding-bottom:5px; margin-bottom: 5px; } #main a.pdf { background-position:2px 1px; _zoom:1; } #main a.html { background-position:3px 1px; _zoom:1; } #main span.note { color: #ff0000; } #main img.icon { margin-bottom:10px; } #main img.left.icon { margin-right:10px; } #main img.right.icon { margin-left:10px; } #main div.clearer.sectionseparator {border-top: 1px solid #a1a5a9; margin: 20px 0;} .showwin { display:inline !important; } .showmac { display:none !important; } /*----------------------------------------------------------------------------- page specific -----------------------------------------------------------------------------*/ .gallery.cubicvr #main #content { text-align:center; font-size:11px; padding-bottom:38px; } .gallery.cubicvr #main #content .contentfooter { margin-bottom:-38px; } .gallery.cubicvr #main #movie { margin:30px 0; } .resources.tools #main .grid2cola .grid2col .column.first, #main .grid2cola .grid2col .column.last { width:48%; } .resources.tools #main .image { float: left; width: 85px; margin-bottom:20px; } .resources.tools #main .description { margin-left:98px; font-size: 11px; line-height:1.2em; } .resources.tools #main .description h3 { font-size: 12px; line-height:1.2em; } .guide #main a:hover { text-decoration:underline; } .guide #main .leftcol { float:left; width:214px; margin-right:9px; padding-top:15px; padding-right:0px; padding-left:14px; background:#A5A9AF url(http://images.tecnologia.com/criativa/guide/images/sidebar_bg.gif) repeat-x top left; } .guide #main .leftcol .guidecontent { width:200px; } .guide #main .leftcol #qtbutton { margin-bottom:25px; margin-left:-14px; } .guide #main .leftcol .feature { width:200px; } .guide #main .leftcol .feature img{ padding-bottom:5px; margin-left:0px; } .guide #main .leftcol .feature strong, .guide #main .leftcol .feature p { width:200px; padding-left:0px; } .guide #main .leftcol div.separator { margin-bottom:20px; margin-left:-14px; } .guide #main .rightcol { float:left; padding-top:15px; width:520px; padding-left:7px; } .guide #main .rightcol .grid2col .column.first, .guide #main .rightcol .grid2col .column.last { width:48%; } .guide #main .rightcol img.ad { margin:10px 0 28px 49px; } .guide #main .guidecontent p { margin-left:78px; } .guide #main .guidecontent { margin-bottom:0; } .guide #main .guidecontent li { clear:both; min-height:90px; _height:90px; } .guide #main .guidecontent li img { border: 1px solid #76797c; float:left; margin-right:8px; margin-bottom:17px; } .guide #main .guidecontent li img:hover { border: 1px solid black; } #guide #main .grid2cola a, #entertainment #main .grid2cola a, .tecnologiaevents #main .grid2cola a { text-decoration:none; color:#333; } #guide #main .grid2cola a:hover, #entertainment #main .grid2cola a:hover, .tecnologiaevents #main .grid2cola a:hover { text-decoration:underline; } .guide #main #content { margin-bottom:0; border-bottom:1px solid #4b5056; } .guide.hd #main #content { width:748px; padding:18px 15px 18px; font-size:12px; background: #BCBFC4 url(http://images.tecnologia.com/criativa/guide/hd/images/main_hd_bg.gif) repeat-x left top; } .guide.hd #main .grid2col .column.first { width:344px; } .guide.hd #main .grid2col .column.last { width:380px; font-size:11px; line-height:1.3em; } .guide.hd #main h2 { border:0; } .guide.hd #main img.badge {float: right; } .guide.hd #main #innerinfobox ul { line-height:1.4em; font-size: 10px; margin-bottom: 0; padding-bottom: 0; } .guide.hd #main #innerinfobox #generalinfo { float: right; width: 105px; } .guide.hd #main #qtbutton480, .guide.hd #main #qtbutton720, .guide.hd #main #qtbutton1080 { float: left; margin-top: 1px; } .guide.hd #main #innerinfobox .movieinfo { margin-left: 76px; margin-bottom:10px; width: 118px; } .guide.hd #main #innerinfobox .movieinfo.end { margin-bottom:0; } .guide.hd #main #findlist { width: 250px; float: right; text-align: right; margin-bottom:15px; _margin-bottom:-5px; } .guide.hd #main #findlist a { font-weight: bold; color:#333; text-decoration: none;} .guide.hd #main #findlist a:hover {text-decoration: underline;}