#home {background: #000 url(/en/images/phase2/map-bg.gif) 0 100px repeat-x;} /*--------------- feature style (24.04.2009) starts here ----------------------------*/ #feature { position:relative; height: 700px; clear: both; } #feature h1.head {font: normal 24px/26px Helvetica, Arial, sans-serif; color: #fff; margin: 0 40px; padding: 25px 0 0 0; letter-spacing: -.015em; } #feature h1.head a {white-space: nowrap; font-weight: bold; font-size: 20px; color: #0cf; text-decoration: none; } #feature h1.head a:hover {color: #f62;} #feature #service-message p { font: bold 18px/26px Helvetica, Arial, sans-serif; background-color: #fff; color: #f00; text-align: center; width: 534px; } #feature #service-message p a { color: #09f; } #feature .feature-content {max-width:1300px; clear:left;} #feature .feature-content .cameo{ margin:28px 0 30px 65px; float:left;} #feature .feature-content .cameo .img-style { margin:0 3px 0 0;} #feature .feature-content .cameo .room-count { margin:14px 0 15px 0; font-size:18px; font-weight:normal; color:#fff; } #feature .feature-content .cameo .room-count img { margin:0 0 -6px 0;} #feature .feature-content .cameo .room-count .comma { font-size:20px; margin:0 3px 0 0; position:relative; top:2px;} #feature .feature-content .chat-details { float:left; margin:28px auto 30px 2.5%; width:32%; min-width:348px; max-width:400px; text-align:center;} #feature .feature-content .chat-details .im-buddies {background:#4c4b4b url(/en/images/greybg.gif) no-repeat bottom right; /*margin:0 20px; margin:0 6% 0 5%;*/ margin:0 auto; width:90%; padding:0; float:none; /*max-width:355px;*/ text-align:left;} #feature .feature-content .chat-details .im-buddies .top-bg{ background:#4c4b4b url(/en/images/greybg.gif) no-repeat top right; margin:0; padding:0 40px 0 0;} #feature .feature-content .chat-details .im-buddies .top-bg .empty{ background:#4c4b4b url(/en/images/greybg.gif) no-repeat top left; margin:0; border:0; padding:21px 0 0 40px; height:auto !important; } #feature .feature-content .chat-details .im-buddies .chat-content{background:#4c4b4b url(/en/images/greybg.gif) no-repeat bottom left; margin:0 12px 0 0; padding:0 0 19px 12px;} #feature .feature-content .chat-details .im-buddies .chat-content ul { padding:0; margin:0;} #feature .feature-content .chat-details .im-buddies .chat-content ul li { margin:0 0 31px 0;} #feature .feature-content .chat-details .im-buddies .chat-content ul li.chat-anyone { margin:0 0 36px 0;} #feature .feature-content .chat-details .im-buddies .chat-content ul li.conferencing { margin:0 0 1px 0;} #feature .feature-content .chat-details .im-buddies .chat-content h6 { margin:0 0 6px 0; padding:0 0 9px 0; font-size:16px; font-weight:bold; color: #fff; border-bottom:solid 1px #757474;} #feature .feature-content .chat-details .im-buddies .chat-content h6.interop { background:url(/en/images/phase2/interop.gif) no-repeat right top;} #feature .feature-content .chat-details .im-buddies .chat-content h6 .superim { background:url(/en/images/superim.gif) no-repeat right top; padding:10px 25px 0 0; margin:0 10px 0 0;} #feature .feature-content .chat-details .im-buddies .chat-content h6 a.tool-tip { background:transparent url(/en/images/tooltip-bg.gif) no-repeat 0 0; color:#fff; font-size:14px; font-weight:normal; padding:1px 5px 3px 5px; text-decoration:none;} #feature .feature-content .chat-details .im-buddies .chat-content h6 a.tool-tip:hover { text-decoration:underline;} #feature .feature-content .chat-details .im-buddies .chat-content p { font-size:13px; color:#fff; margin:0 0 3px 0;} #feature .feature-content .chat-details .im-buddies .chat-content a { font-weight:bold; color:#0cf; text-decoration:none;} #feature .feature-content .chat-details .im-buddies .chat-content a:hover { text-decoration:underline;} /*#feature .feature-content .chat-details .download-paltalk {background:#f62 url(/en/images/download-box1.gif) no-repeat bottom right; margin:0 auto 5px auto; padding:0; float:none; width:auto; max-width:399px; text-align:left; z-index:0; } #feature .feature-content .chat-details .download-paltalk .download-top{ background:#f62 url(/en/images/download-box1.gif) no-repeat top right; margin:0; padding:0 40px 0 0;} #feature .feature-content .chat-details .download-paltalk .download-top .empty{ background:#f62 url(/en/images/download-box1.gif) no-repeat top left; margin:0; border:0; padding:15px 0 0 40px; height:auto !important; } #feature .feature-content .chat-details .download-paltalk .download-content{background:#f62 url(/en/images/download-box1.gif) no-repeat bottom left; margin:0 10px 0 0; padding:0 0 20px 12px; z-index:100;} #feature .feature-content .chat-details .download-paltalk .download-content .download-free{width:305px; margin:auto;} #feature .feature-content .chat-details .download-paltalk .download-content .download-free h1{font-size:32px; font-weight:bold; color:#fff; line-height:30px; margin:0 0 3px 0; text-align:center;} #feature .feature-content .chat-details .download-paltalk .download-content .download-free h1 a { color:#fff; text-decoration:none;} #feature .feature-content .chat-details .download-paltalk .download-content .download-free a:hover { text-decoration:underline;} #feature .feature-content .chat-details .download-paltalk .download-content .download-free a img { float:left; border:none; margin:0 7px 0 0px;} #feature .feature-content .chat-details .download-paltalk .download-content .download-free p { color:#000000; font-size:14px;}*/ #feature .feature-content .chat-details .download-paltalk { background:#f62 url(/en/images/download-box1.gif) no-repeat bottom right; margin:0 auto 5px auto; padding:0; float:none; width:auto; text-align:left; z-index:0; display:block; text-decoration:none; cursor:pointer !important; } #feature .feature-content .chat-details .download-paltalk .download-top{ background:#f62 url(/en/images/download-box1.gif) no-repeat top right; margin:0; padding:0 40px 0 0;} #feature .feature-content .chat-details .download-paltalk .download-top .empty{ background:#f62 url(/en/images/download-box1.gif) no-repeat top left; margin:0; border:0; padding:15px 0 0 40px; height:auto !important; } #feature .feature-content .chat-details .download-paltalk .download-content{background:#f62 url(/en/images/download-box1.gif) no-repeat bottom left; margin:0 10px 0 0; padding:0 0 20px 12px; z-index:100;} #feature .feature-content .chat-details .download-paltalk .download-content .download-free{width:305px; margin:auto;} #feature .feature-content .chat-details .download-paltalk .download-content .download-free h1{font-size:32px; font-weight:bold; color:#fff; line-height:30px; margin:0 0 3px 0; text-align:center;} #feature .feature-content .chat-details .download-paltalk .download-content .download-free img { float:left; border:none; margin:0 7px 0 0px;} #feature .feature-content .chat-details .download-paltalk:hover h1 { text-decoration:underline; } #feature .feature-content .chat-details .download-paltalk .download-content .download-free p { color:#000; font-size:14px;} #feature .feature-content .chat-details p.learn-more { font-size:14px; font-weight:bold; color:#fff; clear:left; text-align:center;} #feature .feature-content .chat-details p.learn-more a { color:#0cf; text-decoration:none;} #feature .feature-content .chat-details p.learn-more a:hover { text-decoration:underline;} #feature .feature-content .chat-details .win7 { font-size:12px; width: 162px; height: 37px; margin: 14px auto 0 auto; clear:left; text-align: left; background: #fff; border: 2px solid #333;} #feature .feature-content .chat-details .win7 p { font-size:12px; padding-top: 3px; color: #000; } #feature .feature-content .chat-details .win7 p strong { font-size: 16px; font-weight:bold; } #feature .feature-content .chat-details .win7 img { float: left; margin: 4px 10px 0 10px; } /*--------------- feature style (24.04.2009) ends here ----------------------------*/ #clickable { position:relative; width:460px;margin:30px auto 0px auto;} #clickable img {float:left; border:1px solid #000;} #clickable img:hover {border:1px solid #ffc;} #clickable a:hover {background:#fff; text-decoration:none;} #clickable a.tooltip span {display:none; padding:2px 3px; margin:-10px 0px 0px 20px;width:auto;} #clickable a.tooltip:hover span{display:inline; position:absolute; top: 0; left: 0; background:#ffc; border:1px solid #999; color:#000; font-weight:bold;} #maincontent { position:relative; background-color: #222; width: 100%; margin-top: -130px; float: left; height: 100px; } #maincontent .download {float: left; margin-left: 30px;} #maincontent .download a {float: left; color: #000; text-decoration: none; display: block; height: 80px; width: 225px; padding: 10px; background-color: #09f; font: 11px/13px Arial, sans-serif; } #maincontent .download a:hover {background-color: #f62;} #maincontent .download span {font-weight: normal; color: #fff;} #maincontent .download .largetype {font: bold 24px/26px Helvetica, Arial, sans-serif; color: #000;} #feature p.learnmore {font: 11px/13px Arial, sans-serif; padding: 0; color: #fff; margin: 0 30px; position: relative; top: -26px; clear: both;} #feature p.learnmore a {color: #0cf; text-decoration: underline; background-color: #000; } #feature p.learnmore a:hover {color: #f62;} #maincontent ul {position: relative; height: 100px; width: auto; min-width: 490px; margin: 0 30px 0 290px; } #maincontent ul li {float: left; height: 100%; width: 29%; margin-right: 20px; color: #fff; } #maincontent ul li.superim { margin-top: -6px; } #maincontent ul li h3 {font-weight: bold; margin: 10px 0 3px 0; border-bottom: 1px solid #777; padding-bottom: 3px;} #maincontent ul li p {color: #777;} #maincontent ul li p.interop {padding-bottom: 26px; background: url(/en/images/phase2/interop.gif) bottom left no-repeat;} #maincontent ul li a.hearme_link {color: #09f; text-decoration: none; font-weight: bold;} #maincontent a.tooltip {position: relative; z-index: 100; border: 1px solid #777; height: 10px; padding: 0 4px; margin-left: 3px; font: bold 9px/10px Arial, sans-serif; color:#fff; text-decoration:none} #maincontent a.tooltip:hover { z-index: 101; background-color: #f62; } #maincontent a.tooltip span {display: none; font: normal 11px/13px Arial, sans-serif; } #maincontent a.tooltip:hover span { display: block; position: absolute; bottom: 12px; left: -160px; width: 160px; padding: 12px; border: 1px solid #777; background-color: #fff; color:#444;} /* #maincontent ul {position: relative; height: 100px; float: left; min-width: 490px; margin: 0 284px 0 30px; } #maincontent .download {height: 100px; width: 245px; background-color: #f62; float: right; margin: -100px 30px 0 0;} */ #midsection {margin: -115px 0 80px 0; border-top: 1px solid #333;} #midsection .featured-header { width: auto; height: 50px; margin: 20px 30px 0 30px; position: relative; } #midsection .featured-header h3 { font: normal 24px/26px Helvetica, Arial, sans-serif; color: #fff; letter-spacing: -.015em; } #midsection .featured-header a { font-weight: bold; font-size: 20px; color: #0cf; text-decoration: none; letter-spacing: -.015em; } #midsection .featured-header a:hover { color: #f62;} #midsection .featured-header .select-box { float: right; color: #fff; top: 26px; right: 0; position: absolute; z-index:1000; } #midsection #categorydiv { display: inline; } #midsection #coverflow { margin: -70px auto 100px auto; text-align:left; width: 715px;} #midsection #coverflow img { position:absolute; top:0; border:none; } #midsection #coverflow #images { visibility: hidden; } #midsection #coverflow #loading { color: #fff; margin-top: 50px; text-align: center; width: 100%; } #midsection #coverflow #loading img { margin-top: 10px; position: relative; } #midsection #coverflow #captions { position: relative; font: 16px/120% Helvetica, Arial, sans-serif; top: 16px; padding: 6px 0; color: #ccc; text-align: center; z-index:100; background: url(/en/images/phase2/checkerboard.gif) repeat;} #midsection #coverflow #scrollbar { visibility:hidden; position:relative; top: 12px; border-bottom:1px solid #fff; z-index:101; } #midsection #coverflow #slider { position:absolute; margin-top:-9px; margin-left:-7px; z-index:102; background-image:url(/en/images/phase2/slider.gif); background-repeat:no-repeat; width:40px; height:20px; } #categories {height: auto; overflow: hidden; width: 100%; background-color: #fff; padding: 60px 0; margin-top: -60px;} #categories h3.taghead {font: normal 24px/26px Helvetica, Arial, sans-serif; background: url(/en/images/phase2/legend.gif) right top no-repeat; margin: 0 0 36px 30px; /*padding-right: 100px;*/ padding-right:85px; display: inline; letter-spacing: -.015em; } #tagcloud {float: left; margin: 30px; } #tagcloud li {float: left; padding: 0; margin: 0 6px;} #tagcloud li a {float: left; font: bold 16px/24px Helvetica, Arial, sans-serif; color: #ccc; text-decoration: none; white-space: nowrap; } #tagcloud li em a {/*color: #999;*/ color:#666;} #tagcloud li em em a {/*color: #555;*/ color:#333;} #tagcloud li em em em a {color: #000;} #tagcloud li em em em em a {color: #09f;} #tagcloud li a:hover {color: #f00;} #midsection #scrollbox { position: relative; background:#000; width: 94%; overflow-x:auto; overflow-y:hidden; margin: 45px 30px 101px 30px; height: 287px;/*304px;*/ } #midsection #featured-groups { /*overflow:hidden;*/ margin:0 auto;} #midsection #featured-groups ul { } #midsection #featured-groups ul li { position: relative; float: left; width: 167px; height: 284px; margin-right: 2px; } #midsection #featured-groups ul li .group-image { background: url(/en/images/phase2/category-bg.gif); width: 167px; text-align: center; } #midsection #featured-groups ul li .group-image a img { border: 1px solid #000; } #midsection #featured-groups ul li .group-image a:hover img { border: 1px solid #0cf; } #midsection #featured-groups ul li h3 { color: #fff; background-color: #222; font-size: 11px; font-weight: bold; padding-left: 6px; line-height: 25px; height: 25px; } #midsection #featured-groups ul li .group-description { background-color: #fff; height: 135px;/*153px;*/ padding: 0 11px 5px 11px; overflow: hidden; } #midsection #featured-groups ul li .group-description h4 { font-size: 14px; line-height: 17px; font-weight: bold; padding-top: 12px; height: 55px; width: 145px; overflow:hidden; } #midsection #featured-groups ul li .group-description h4 a { color: #09f; text-decoration: none; } #midsection #featured-groups ul li .group-description h4 a:hover { text-decoration: underline; } #midsection #featured-groups ul li p { color: #666; font-size: 11px; line-height: 13px; } #midsection #featured-groups ul li p.member-count { position: absolute; top: 0; left: 113px; font: bold 11px/19px Arial, sans-serif; text-align: right; width: 33px; height: 19px; padding-right: 5px; color: #fff; background: #09f url(/en/images/phase2/chatters.gif) 3px 0 no-repeat; } /*----------------------home page promo starts here------------------------------*/ #hp-promo { position: relative; z-index: 999; clear:both; height: 375px; margin-top: -120px; padding-bottom: 30px; border-top:solid 1px #333; color: #fff; font: normal 14px/17px Helvetica, Arial, sans-serif;} #hp-promo a { color:#0cf; text-decoration:none; } #hp-promo a:hover { text-decoration:underline; } #hp-promo .no-wrap { white-space:nowrap; } #hp-promo #show-content { width:88%; margin:20px auto 0 auto; } #hp-promo #show-content img { float: left; width: 200px; height: 200px; margin-bottom: 20px; } #hp-promo #show-content a img { border: 1px solid #000; } #hp-promo #show-content a:hover img { border: 1px solid #09f; } #hp-promo #show-content #show-info { margin-left: 235px; padding-top: 6px; } #hp-promo #show-content #show-info h2 { margin-top: 14px; font: normal 20px/26px Helvetica, Arial, sans-serif; } #hp-promo #show-content #show-info h4 { background:#555; color:#fff; padding:5px 10px 5px 10px; text-decoration:none; font-family:Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size:12px; display: inline; width:auto; } #hp-promo #show-content #show-info p { font: normal 18px/26px Helvetica, Arial, sans-serif; margin: 10px 0 20px 0; } #hp-promo h3 { clear: both; color: #fff; background:#555; height:32px; font-size: 18px; line-height: 32px; text-align: center; } #hp-promo h3 a { color: #fff; text-decoration:none; background:#f62; margin-left: 6px; padding:6px 10px 5px 10px; } /*----------------------home page promo ends here------------------------------*/ #join-room{position:relative; height: 375px; /*420px;*/ clear: both; border-top:solid 2px #333; margin:-137px 0 0 0; padding:20px 30px;} #join-room .show{width:88%; margin:0 auto 25px auto; min-height:200px;} #join-room .show img{ width:200px; height:200px; float:left; margin:0 0 20px 0;} #join-room .show a img{ border:solid 1px #000;} #join-room .show a:hover img{ border:solid 1px #09f;} #join-room .show .description{margin:0 0 0 235px; /*padding:20px 0 0 0;*/ padding:5px 0 0 0;} #join-room .show .description h5.upcoming-show{background:#555; color:#fff; padding:5px; text-decoration:none; font-family:Helvetica, Arial, sans-serif; font-size:12px; display: inline; width:auto;} #join-room .show .description h2 {font: normal 24px/26px Helvetica, Arial, sans-serif; color: #fff; margin:0; padding:15px 0 10px 0; letter-spacing: -.015em; } #join-room .show .description h2 strong.no-wrap {white-space:nowrap;} #join-room .show .description p {font: normal 18px/26px Helvetica, Arial, sans-serif; color: #fff; margin:0; padding:0; } #join-room .show .description a{ color:#0cf; text-decoration:none; } #join-room .show .description a:hover{text-decoration:underline; } #join-room .show .description ul{ list-style:none; margin:20px 0 0 0; padding:0;} #join-room .show .description ul li{ line-height:17px; font-size:14px;} #enter-chat {background:#555; clear:both; height:32px; margin:0 -30px; padding:0; position:relative; text-align:center;} #enter-chat p {color: #000; font-size:18px; line-height:20px; padding:5px;} #enter-chat p a{color: #fff; font-size:18px; text-decoration:none; background:#f62; padding:5px 10px 6px 10px; margin:0;} #enter-chat p a:hover{text-decoration:underline;} /*#enter-chat {background:#555; clear:both; margin:0 -30px; padding:0; position:relative; text-align:center;} #enter-chat p {color: #000; font-size:18px; line-height:20px; padding:0; height:32px;} #enter-chat p a{color: #fff; font-size:18px; text-decoration:none; background:#f62; margin:0; height:32px; line-height:32px; padding:5px 10px 6px 10px;} #enter-chat p a:hover{text-decoration:underline;}*/ .show-start .show .description h5.upcoming-show{ display:none;} .show-start .show .description ul li.ask-ques{ display:none;} .show-start #enter-chat p a.details{display:none;} .on-air #enter-chat p a.enter-room{display:none;}