/* ----------------------------------------------------------------------- Blueprint CSS Framework 1.0 http://blueprintcss.org * Copyright (c) 2007-Present. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* reset.css */ html {margin:0;padding:0;border:0;} body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;} body {line-height:1.5;background:white;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;float:none !important;} table, th, td {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:'';} blockquote, q {quotes:"" "";} a img {border:none;} :focus {outline:0;} /* typography.css */ @font-face { font-family:'GrotzecHeadCondensedDemi'; src: url('font/grotzecheadconddemi_0-webfont.eot'); src: url('font/grotzecheadconddemi_0-webfont.eot?iefix') format('eot'), url('font/grotzecheadconddemi_0-webfont.woff') format('woff'), url('font/grotzecheadconddemi_0-webfont.ttf') format('truetype'), url('font/grotzecheadconddemi_0-webfont.svg#webfontLrGpPzVA') format('svg'); font-weight: normal; font-style: normal; } html {font-size:100.01%;} body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} .left {float:left !important;} p .left {margin:1.5em 1.5em 1.5em 0;padding:0;} .right {float:right !important;} p .right {margin:1.5em 0 1.5em 1.5em;padding:0;} a:focus, a:hover {color:#09f;} a {color:#06c;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong, dfn {font-weight:bold;} em, dfn {font-style:italic;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0;} ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th {background:#c3d9ff;} th, td, caption { padding:4px 10px 4px 5px; text-align: right; } tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} /* forms.css */ label {font-weight:bold;} fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;} fieldset, #IE8#HACK {padding-top:1.4em;} legend, #IE8#HACK {margin-top:0;margin-bottom:0;} input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;} input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;} select {background-color:#fff;border-width:1px;border-style:solid;} input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} form.inline {line-height:3;} form.inline p {margin-bottom:0;} .error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;} .error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;} .notice {background:#fff6bf;color:#514721;border-color:#ffd324;} .success {background:#e6efc2;color:#264409;border-color:#c6d880;} .info {background:#d5edf8;color:#205791;border-color:#92cae4;} .error a, .alert a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} .info a {color:#205791;} /* grid.css */ .content{} .container {width:1000px;margin:0 auto;} .showgrid {background:url(src/grid.png);} .column, .span-1, .span-2, .span-3, .span-4, .span-4-1, .span-4-2, .span-4-3, .span-5, .span-6, .span-6-1, .span-7, .span-7-1, .span-8, .span-9, .span-10, .span-10-1, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 , .span-25, .span-6-4 {float:left;} .last {margin-right:0;} .span-1 {width:30px;} .span-2 {width:70px;} .span-3 {width:110px;} .span-4 {width:140px;} .span-4-1{width:160px;} .span-4-2{width:200px;} .span-4-3{width:170px;} .span-5 {width:220px;} .span-6 {width:225px;} .span-6-1{width:230px;} .span-6-2{width:242px;} .span-6-3{width:244px;} .span-6-4{width:248px;} .span-7 {width:270px;} .span-7-1{width:300px;display:inline-block;} .span-8 {width:315px;} .span-9 {width:350px;} .span-10 {width:390px;} .span-10-1{width:410px;} .span-11 {width:430px;} .span-12 {width:465px;} .span-13 {width:470px;} .span-14 {width:550px;} .span-15 {width:635px;} .span-16 {width:640px;} .span-17 {width:660px;} .span-18 {width:710px;} .span-19 {width:750px;} .span-20 {width:790px;} .span-21 {width:830px;} .span-22 {width:870px;} .span-23 {width:910px;} .span-23-1 {width:950px;} .span-24 {width:990px;margin-right:0;} .span-25 {width:1000px;margin-right:0;} input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;} input.span-1, textarea.span-1 {width:18px;} input.span-2, textarea.span-2 {width:58px;} input.span-3, textarea.span-3 {width:98px;} input.span-4, textarea.span-4 {width:138px;} input.span-5, textarea.span-5 {width:178px;} input.span-6, textarea.span-6 {width:218px;} input.span-7, textarea.span-7 {width:258px;} input.span-8, textarea.span-8 {width:298px;} input.span-9, textarea.span-9 {width:338px;} input.span-10, textarea.span-10 {width:378px;} input.span-11, textarea.span-11 {width:418px;} input.span-12, textarea.span-12 {width:458px;} input.span-13, textarea.span-13 {width:498px;} input.span-14, textarea.span-14 {width:538px;} input.span-15, textarea.span-15 {width:578px;} input.span-16, textarea.span-16 {width:618px;} input.span-17, textarea.span-17 {width:658px;} input.span-18, textarea.span-18 {width:698px;} input.span-19, textarea.span-19 {width:738px;} input.span-20, textarea.span-20 {width:778px;} input.span-21, textarea.span-21 {width:818px;} input.span-22, textarea.span-22 {width:858px;} input.span-23, textarea.span-23 {width:898px;} input.span-24, textarea.span-24 {width:938px;} .append-1 {padding-right:40px;} .append-2 {padding-right:80px;} .append-3 {padding-right:120px;} .append-4 {padding-right:160px;} .append-5 {padding-right:200px;} .append-6 {padding-right:240px;} .append-7 {padding-right:280px;} .append-8 {padding-right:320px;} .append-9 {padding-right:360px;} .append-10 {padding-right:400px;} .append-11 {padding-right:440px;} .append-12 {padding-right:480px;} .append-13 {padding-right:520px;} .append-14 {padding-right:560px;} .append-15 {padding-right:600px;} .append-16 {padding-right:640px;} .append-17 {padding-right:680px;} .append-18 {padding-right:720px;} .append-19 {padding-right:760px;} .append-20 {padding-right:800px;} .append-21 {padding-right:840px;} .append-22 {padding-right:880px;} .append-23 {padding-right:920px;} .prepend-1 {padding-left:40px;} .prepend-2 {padding-left:80px;} .prepend-3 {padding-left:120px;} .prepend-4 {padding-left:160px;} .prepend-5 {padding-left:200px;} .prepend-6 {padding-left:240px;} .prepend-7 {padding-left:280px;} .prepend-8 {padding-left:320px;} .prepend-9 {padding-left:360px;} .prepend-10 {padding-left:400px;} .prepend-11 {padding-left:440px;} .prepend-12 {padding-left:480px;} .prepend-13 {padding-left:520px;} .prepend-14 {padding-left:560px;} .prepend-15 {padding-left:600px;} .prepend-16 {padding-left:640px;} .prepend-17 {padding-left:680px;} .prepend-18 {padding-left:720px;} .prepend-19 {padding-left:760px;} .prepend-20 {padding-left:800px;} .prepend-21 {padding-left:840px;} .prepend-22 {padding-left:880px;} .prepend-23 {padding-left:920px;} .border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;} .colborder {padding-right:10px;margin-right:10px;border-right:1px solid #ddd; } .colborder-dot{border-right:1px dotted #CCC;} .colborder-top{border-bottom:1px solid #ddd; width:960px;margin-left:20px; height:2px;} .colborder-botdot{border-bottom:1px dotted #CCC; height:1px;} .colborder-bot{border-bottom:1px solid #ddd;} .colborder-all{border:1px solid #ddd;} .pd-top-3{ padding-top:3px;} .pd-top-5{ padding-top:5px;} .pd-top-10{ padding-top:10px;} .pd-top-15{ padding-top:15px;} .pd-top-20{ padding-top:20px;} .pd-bot-5{ padding-bottom:5px;} .pd-bot-10{ padding-bottom:10px;} .mr-top-3{ margin-top:3px;} .mr-top-5{ margin-top:5px;} .mr-top-7{ margin-top:7px;} .mr-top-10{ margin-top:10px;} .mr-top-15{ margin-top:15px;} .mr-top-20{ margin-top:20px;} .mr-left-5{ margin-left:5px;} .mr-left-10{ margin-left:10px;} .mr-left-18{ margin-left:18px;} .mr-left-20{ margin-left:20px;} .mr-right-10{ margin-right:10px;} .mr-bot-10{margin-bottom:10px;} .pull-top-10 {margin-top:-10px;} .pull-left-5 {margin-left:-5px;} .pull-bt-3 {margin-bottom:-3px;} .pull-bt {margin-bottom:-5px;} .pull-1 {margin-left:-40px;} .pull-2 {margin-left:-80px;} .pull-3 {margin-left:-120px;} .pull-4 {margin-left:-160px;} .pull-5 {margin-left:-200px;} .pull-6 {margin-left:-240px;} .pull-7 {margin-left:-280px;} .pull-8 {margin-left:-320px;} .pull-9 {margin-left:-360px;} .pull-10 {margin-left:-400px;} .pull-11 {margin-left:-440px;} .pull-12 {margin-left:-480px;} .pull-13 {margin-left:-520px;} .pull-14 {margin-left:-560px;} .pull-15 {margin-left:-600px;} .pull-16 {margin-left:-640px;} .pull-17 {margin-left:-680px;} .pull-18 {margin-left:-720px;} .pull-19 {margin-left:-760px;} .pull-20 {margin-left:-800px;} .pull-21 {margin-left:-840px;} .pull-22 {margin-left:-880px;} .pull-23 {margin-left:-920px;} .pull-24 {margin-left:-960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 {margin:0 -40px 1.5em 40px;} .push-2 {margin:0 -80px 1.5em 80px;} .push-3 {margin:0 -120px 1.5em 120px;} .push-4 {margin:0 -160px 1.5em 160px;} .push-5 {margin:0 -200px 1.5em 200px;} .push-6 {margin:0 -240px 1.5em 240px;} .push-7 {margin:0 -280px 1.5em 280px;} .push-8 {margin:0 -320px 1.5em 320px;} .push-9 {margin:0 -360px 1.5em 360px;} .push-10 {margin:0 -400px 1.5em 400px;} .push-11 {margin:0 -440px 1.5em 440px;} .push-12 {margin:0 -480px 1.5em 480px;} .push-13 {margin:0 -520px 1.5em 520px;} .push-14 {margin:0 -560px 1.5em 560px;} .push-15 {margin:0 -600px 1.5em 600px;} .push-16 {margin:0 -640px 1.5em 640px;} .push-17 {margin:0 -680px 1.5em 680px;} .push-18 {margin:0 -720px 1.5em 720px;} .push-19 {margin:0 -760px 1.5em 760px;} .push-20 {margin:0 -800px 1.5em 800px;} .push-21 {margin:0 -840px 1.5em 840px;} .push-22 {margin:0 -880px 1.5em 880px;} .push-23 {margin:0 -920px 1.5em 920px;} .push-24 {margin:0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:left;position:relative;} div.prepend-top, .prepend-top {margin-top:1.5em;} div.append-bottom, .append-bottom {margin-bottom:1.5em;} .box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0;border:none;} hr.space {background:#fff;color:#fff;visibility:hidden;} .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} .clear {clear:both;} .more img{ width:38px; height:11px;float:right;height:11px; margin-right:15px; margin-bottom:-5px;} #test{ font-size:12px;} .bd-bottom{ border-bottom:1px dotted #CCC;} .header{background:url(../images/bg-header.jpg) no-repeat center top; text-align:center; width:100%;} .header .logo{width:687px; height:70px; float:left; text-align:right;} .header .feed{width:110px; height:20px; margin:43px 20px 0 0;float:right;} .header .feed .word{float:left; text-decoration:none; font-size:12px; font-weight:bold; text-align:left;} .header .feed .word a{float:left; text-decoration:none; color:#000; font-size:12px; font-weight:bold; text-align:left;} .header .feed .word a:hover{ text-decoration:underline;} .header .feed .img{ float:right; margin-top:2px;} /* Menu nation*/ .main-menu{ background:url(../images/n.jpg) no-repeat left; width:920px; height:40px; margin-left:20px; font-family:Arial, Helvetica, sans-serif;font-size:12px;} .main-menu .level-1 { float:left; margin-left:40px;} .main-menu .level-1 ul{height:20px; width:902px; background:#224764;} .main-menu .level-1 ul li{float:left;list-style: none;display: inline;padding:0 7px 0 0;font-size:12px;font-weight:bold;color:#ececee;} .main-menu .level-1 ul li a{color:#ececee; text-decoration:none; text-transform:uppercase;} .main-menu .level-1 ul li a:hover{text-decoration:none; text-decoration:underline;} .main-menu .level-1 .selected a{font-weight:bold; text-decoration:underline;} .main-menu .level-1 .selected a:hover{text-decoration:underline;} .main-menu .level-2 { float:left;position:relative;margin:-18px 0 0 40px;} .main-menu .level-2 ul{height:20px; width:902px; background:#386b96;} .main-menu .level-2 ul li{float:left;list-style: none;display: inline;padding:0 7px 0 0;font-size:12px;font-weight:bold;color:#ececee;} .main-menu .level-2 ul li a{color:#ececee; text-decoration:none;text-transform:uppercase;} .main-menu .level-2 ul li a:hover{text-decoration:none;text-decoration:underline;} .main-menu .level-2 .selected a{font-weight:bold; text-decoration:underline;} .main-menu .level-2 .selected a:hover{text-decoration:underline;} html>body .main-menu .level-1 ul li a:active , .main-menu .level-2 ul li a:active{border-style: inset;} /* End Menu nation */ .calendar{ width:200px; float:right; font-size:12px; text-align:right; height:20px;color:#FFF; font-weight:bold; position:relative; margin:-37px -30px 0 0;} /* Latest news */ .lastest{ background:url(../images/bg-lastest.jpg) no-repeat left; width:960px; height:30px; margin-left:20px;} .lastest .marqee , .backtop{ float:left; width:450px; height:22px; text-decoration:none;} .lastest .marqee h3, .backtop h3{color:#f7c315; font-size:12px; font-weight:bold;text-align:left; margin:8px 0 0 20px;} .lastest .backtop a h3{color:#FFF; text-decoration:none;} .lastest .backtop a:hover h3{text-decoration:underline;} /* End latest news */ /* Marqee */ ul.marquee { font-size:12px;display: block;padding: 0;margin: 0;list-style: none;line-height: 1;position: relative;overflow: hidden;} ul.marquee {width: 350px;height: 22px;margin:-17px 15px 0 0;float:right; color:#FFF;} ul.marquee li {position: absolute;top: -999em;left: 0;display: block;white-space: nowrap;padding: 5px 5px;} ul.marquee li a{ color:#FFF; text-decoration:none;} ul.marquee li a:hover{ color:#FFF; text-decoration:underline;} ul.marquee li a:active{ color:#FFF; text-decoration:underline;} /* End Marqee */ /* Form */ .form { font-size:12px;width:500px; height:22px; float:right; color:#fffffd; text-align:left; margin:5px 0 0 0;} .form-app { float:left;color:#fffffd; width:270px; text-align:right;} .form-app a{text-decoration:none; color:#fffffd;} .form-app a:hover{text-decoration:underline;} .form-search{float:right; margin:0; width:225px; height:22px;background: url(../images/bg-search-form1.jpg) left center no-repeat;} .form-search fieldset{border: none;} .form-search legend{display: none;} .form-search .key {float: left;width:130px;margin:1px 6px 0 25px;background: none;border: none; color:#666; } .form-search .go {float:left; width:auto;margin:0 0 0 3px; background:none; border:none;} /* End Form*/ /* Banner Top */ .banner-top{width:100%; height:95px; float:left;} .banner-top .left{ margin-left:15px;float:left; width:850px; text-align:left;} .banner-top .left #text-size{ font-size:12px; margin-top:10px;width:100px; height:90px; float:left; background:url(../images/bg-text-size.png) no-repeat center bottom;} .banner-top .left #text-size .down{ margin:72px 0 0 55px;float:left; width:16px;} .banner-top .left #text-size .up{ margin:72px 9px 0 0; float:right; width:16px;} .banner-top .left .banner-a1{margin-top:8px; width:728px; height:90px; float:right; text-align:left;} .banner-top .right{margin:8px 20px 0 0;float:right; width:90px; height:90px; background:url(../images/bg-weather.jpg) no-repeat center; } .banner-top .left .aword{ width:100px; height:95px; float:left; margin:5px 0 0 10px;} /* WeatherFeed */ .weatherFeed{width:90px; height:90px;} .weatherRange-left {float:left; margin:16px 0 8px 18px;font-size: 1.0em; font-weight:bold; color:#FFF;} .weatherRange-right {float:right;margin:16px 13px 8px 0;font-size: 1.0em; font-weight:bold; color:#FFF;} .weatherCity a{width:90px;text-align:center;font-size:1.0em;font-weight:bold; color:#000; text-decoration:none;} .weatherCity a:hover{ text-decoration:underline;} /* End Banner Top*/ /* Section Main Header */ .header-section{float:left;width:960px;height:50px;margin-left:20px;} .header-section #text-size{ font-size:12px;margin:10px 5px 0;width:100px; height:30px;float:right; background:url(../images/bg-text-size.png) no-repeat center bottom;} .header-section #text-size .down{ margin:12px 0 0 55px;float:left; width:16px;} .header-section #text-size .up{ margin:12px 9px 0 0; float:right; width:16px;} .header-section h2{display:none;font-family:'GrotzecHeadCondensedDemi';font-size:40px;margin:0px 0 0 10px;} .header-section h2 a{text-decoration:none;color:#FFF;text-transform:uppercase;letter-spacing:2px;} .business{background:url(../images/business-h.jpg) no-repeat left top;} .national{background:url(../images/national-h.jpg) no-repeat left top;} .opinion{background:url(../images/opinion-h.jpg) no-repeat left top;} .life{background:url(../images/life-h.jpg) no-repeat left top;} .travel{background:url(../images/travel-h.jpg) no-repeat left top;} .technology{background:url(../images/technology-h.jpg) no-repeat left top;} .sports{background:url(../images/sport-h.jpg) no-repeat left top;} .breakingnews{background:url(../images/breakingnews-h.jpg) no-repeat left top;} .politics{background:url(../images/politics-h.jpg) no-repeat left top;} .search{background:url(../images/search-h.jpg) no-repeat left top;} .my-money{background:url(../images/business-h.jpg) no-repeat left top;} .home{background:url(../images/home-h.jpg) no-repeat left top;} .video{background:url(../images/video-h.jpg) no-repeat left top;} .aec{background:url(../images/aec-h.jpg) no-repeat left top;} .state{background:url(../images/state-h.jpg) no-repeat left top;} .nationzone{background:url(../images/nationzone-h.jpg) no-repeat left top;} .nstore{background:url(../images/nstore-h.jpg) no-repeat left top;} .sunday{background:url(../images/sunday-h.jpg) no-repeat left top;} /* End Section Main Header */ /* Hiligth News */ /* Tabs Menu Hilight news */ .tab-hilight{width:640px; height:auto; margin-left:20px;} .tab-hilight ul.tabs {list-style:none; margin:0 !important;padding:0;height:auto;padding-top:1px;clear:both;} .tab-hilight ul.tabs .first{width:199px;/*background: url(../images/blue1.png) no-repeat -420px 0;*/ background:#edeef0;display:block;height:40px;line-height:30px;} /* single tab */ .tab-hilight ul.tabs li {float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;} .tab-hilight ul.tabs li.single a{width:413px;text-align:left; padding-left:28px; background: url(../images/blue1.jpg) no-repeat;display:block;height:40px;line-height:30px;} /* link inside the tab. uses a background image */ .tab-hilight ul.tabs a {background: url(../images/blue1.png) no-repeat -420px 0;display:block;height:40px;line-height:30px;font-family: 'GrotzecHeadCondensedDemi';font-size:20px;text-align:center;text-decoration:none;color:#fccc06;padding:0px;margin:0;position:relative; text-transform:uppercase;} .tab-hilight ul.tabs a:active {outline:none; color:#FFF;} /* when mouse enters the tab move the background image */ .tab-hilight ul.tabs a:hover {color:#FFF; text-decoration:none;} /* active tab uses a class name "current". its highlight is also done by moving the background image. */ .tab-hilight ul.tabs a.current, a.single, .tab-menu ul.tabs a.current:hover, .tab-menu ul.tabs li.current a {cursor:default !important;color:#FFF !important;} /* width 1 */ .tab-hilight ul.tabs a { background-position: -400px 0; width:147px; } .tab-hilight ul.tabs a:hover { background-position: -400px -41px; } .tab-hilight ul.tabs a.current { background-position: -400px -82px; } /* initially all panes are hidden */ .tab-hilight .panes .pane {display:none;} .tab-hilight .panes div.box {display:none;padding:0;border:0px solid #cccccc;font-size:14px; background:#FFF;} /* End Tabs Menu Hilight news */ .hilight{height:314px;margin:0;position:relative;} .hilight div {display:none;position:absolute;font-size:12px; background:#edeef0;} .hilight div img{ float:left;} .hilight span.n-logo{float:right; width:20px; height:20px; margin:-20px 0; border:0;position:relative; background:url(../images/n.png) no-repeat;} .hilight span h3{font-size:24px; font-weight:bold;margin:0 10px 10px 10px;} .hilight span h3 a{text-decoration:none;color:#153a57;} .hilight span h3 a:hover{text-decoration:underline;} .hilight span h3 a:active{text-decoration:underline;} .hilight span p{margin:10px;color:#09090b; font-family:"Times New Roman", Times, serif; font-size:14px; line-height:normal;} .hilight span p span a img{float:none; vertical-align:bottom;} .slidetabs { float:left;width:200px;left:3px;top:7px;position:relative;clear:both; font-size:12px; font-weight:bold; clear:both;} .slidetabs a {float:left;width:16px;height:17px;margin-right:6px;background:url(../images/navigator.png) no-repeat;color:#FFF;display:block; text-decoration:none; text-align:center;} .slidetabs a:hover {background-position:0 -16px;} .slidetabs a.current {background-position:0 -33px;} /* End Hilight news */ /* Menu section gallery */ .header-gallery{float:left;height:40px;text-align:left;} .header-gallery.blue{background:url(../images/gallery-h.jpg) no-repeat left top;} .header-gallery.pink{background:url(../images/gallery-h-life.jpg) no-repeat left top;} .header-gallery.green{background:url(../images/gallery-h-sport.jpg) no-repeat left top;} .header-gallery h2 a{margin:0 0 -5px 35px;font-family: 'GrotzecHeadCondensedDemi';font-size:20px;text-transform:uppercase;color:#FFF;text-decoration:none;} .gallery {margin-left:20px;} .gallery span.n-logo{float:right; width:20px; height:20px; margin:0px 0; z-index:999px; border:0;position:relative; background:url(../images/n.png) no-repeat;} .gallery .panel{display:none;} .gallery .panel img{ width:640px; height:380px;} .gallery .panel-overlay h2{ font-size:12px;font-weight: bold;text-decoration: none;color:#FFF;line-height:20px; margin-bottom:-10px;} .gallery .panel-overlay p{font-size:12px;margin:10px 0;color:#FFF;} .gallery .panel-overlay p {line-height:15px;} .gallery ul.filmstrip li{display:inline;} .gallery ul.filmstrip img{ width:79px; height:49px;} /* End Menu section gallery */ /* Specials Menu */ .specials{height:320px;margin:0;background:#edeef0; overflow:hidden;} .specials div .img img{width:180px; margin:0 3px 5px 10px;} .specials span h3{font-size:18px; font-weight:bold;margin:0 0 0 10px;} .specials span h3 a{text-decoration:none;color:#333;} .specials span h3 a:hover{text-decoration:underline;} .specials span h3 a:active{text-decoration:underline;} .specials span p{margin:10px;color:#333; font-family:"Times New Roman", Times, serif; font-size:14px; line-height:15px;} .specials .list-news div{width:430px; height:93px;float:right;text-align:left;background:#fbfbfc; margin:0 10px 10px 0px;} .specials .list-news div img.thumb{float:left;width:135px; height:82px;margin:5px 5px 0;} .specials .list-news div h3 a{font-size:14px; font-weight:bold;text-decoration:none;color:#333; line-height:20px;} .specials .list-news div h3 a:hover{text-decoration:underline;} .specials .list-news div p{color:#333; font-family:"Times New Roman", Times, serif; font-size:13px; margin-top:-20px;line-height:15px;} .specials .list-news div p span a img.more{width:37px; height:9px; margin:0;} /* End Special Menu */ /* Main Section list */ .section-list div{width:640px;max-height:120px;min-height:110px;float:left;text-align:left; margin:0; padding-bottom:3px; border-top:1px dotted #CCC;} .section-list div img{float:left;width:140px; height:90px;margin:10px 0 0 0;border:0;} .section-list .word{ float:right;width:490px; height:100px; margin-top:10px; text-align:left; font-size:11px;border:0;} .section-list .word span{ color:#F00; font-size:14px; font-weight:bold; text-transform:uppercase;} .section-list .word h2 a{font-size:14px; font-weight:bold;text-decoration:none;color:#376a97; line-height:25px;} .section-list .word h2 a:hover{text-decoration:underline;} .section-list .word p{color:#000; font-family:"Times New Roman", Times, serif; font-size:14px; margin-top:-20px;line-height:18px;} .section-list .dot{ border-bottom:1px dotted #CCC;} .section-list .no_img{ width:640px;} .specials-list div{width:640px; min-height:70px; max-height:140px;float:left;text-align:left; margin:0; padding-bottom:3px; border-top:1px dotted #CCC;} .specials-list .word{ float:right;width:490px; height:70px; margin-top:10px; text-align:left; font-size:11px;border:0;} .specials-list .word p{color:#000; font-family:"Times New Roman", Times, serif; font-size:14px; margin-top:10px;line-height:18px;} .specials-list .dot{ border-bottom:1px dotted #CCC;} .specials-list .no_img{ width:640px;} /* End Main Section list */ /* Color */ .red a{ color:#ff0100;text-decoration:none;} .red a:hover{ color:#ff0100;text-decoration:none;} .red a:active{ color:#ff0100;text-decoration:none;} .ore a{ color:#e76213;text-decoration:none;} .ore a:hover{ color:#e76213;text-decoration:none;} .ore a:active{ color:#e76213;text-decoration:none;} .sky a{ color:#1a617d;text-decoration:none;} .sky a:hover{ color:#1a617d;text-decoration:none;} .sky a:active{ color:#1a617d;text-decoration:none;} .sky_2 a{ color:#5b9ec9;text-decoration:none;} .sky_2 a:hover{ color:#5b9ec9;text-decoration:none;} .sky_2 a:active{ color:#5b9ec9;text-decoration:none;} .pik a{ color:#ed0088;text-decoration:none;} .pik a:hover{ color:#ed0088;text-decoration:none;} .pik a:active{ color:#ed0088;text-decoration:none;} .blue a{ color:#224764;text-decoration:none;} .blue a:hover{ color:#224764;text-decoration:none;} .blue a:active{ color:#224764;text-decoration:none;} .gray a{ color:#534f4f;text-decoration:none;} .gray a:hover{ color:#534f4f;text-decoration:none;} .gray a:active{ color:#534f4f;text-decoration:none;} .yell a{ color:#ffcc00;text-decoration:none;} .yell a:hover{ color:#ffcc00;text-decoration:none;} .yell a:active{ color:#ffcc00;text-decoration:none;} .wht a{ color:#FFF;text-decoration:none;} .wht a:hover{ color:#FFF;text-decoration:none;} .wht a:active{ color:#FFF;text-decoration:none;} /* End Color */ /* Menu News */ .box-menu{font-size:12px;margin:10px 0 0 0;background:none;} .box-menu .vdo-list{list-style-image:url(../images/vdo-icon.jpg);} .box-menu .photo-list{list-style-image:url(../images/photo-icon.jpg);} /*.box-menu .vdo-icon{ margin-left:5px; background:url(../images/vdo-icon.jpg) 0px 10px no-repeat;} .box-menu .vdo-icon a{ margin-left:5px;}*/ .box-menu .photo-icon{ background:url(../images/photo-icon.jpg) no-repeat left top;} .box-menu .border-blu{border-left:5px solid #386b96;} .box-menu .border-red{border-left:5px solid #F00;} .box-menu .border-ore{border-left:5px solid #e86e25;} .box-menu .border-pik{border-left:5px solid #ed0088;} .box-menu .border-sky{border-left:5px solid #35a3c8;} .box-menu .bt-black{ background:#000;} .box-menu .span-16{ width:635px;} .box-menu .header{height:30px;border-top:1px solid #c3c3c3; background:#e5e5e5; text-align:left;} .box-menu .mv_header{height:40px; background:url(../images/mv_vdo.jpg) no-repeat top left;} .box-menu .sea_header{height:40px; background:url(../images/head_sea.jpg) no-repeat top left;} .box-menu .bg-most{ width:640px; height:200px; margin-top:45px;background:url(../images/bg-mostv.jpg) no-repeat top left; padding-left:3px;} .box-menu .bg_sea{ width:640px; height:200px; margin-top:45px;background:url(../images/bg_sea.jpg) no-repeat top left; padding-left:3px;} .box-menu .header h2{ margin-left:13px;font-family: 'GrotzecHeadCondensedDemi';font-size:18px; text-transform:uppercase;} .box-menu .news-list-left{float:left; padding-right:2px;} .box-menu .news-list-right{float:right; } .box-menu .news-list-right .head_life{width:190px;height:60px; margin:0 auto; background:url(../images/life-i.jpg) no-repeat top center;} .box-menu .news-list-right .head_shopping{width:170px;height:46px; margin:0 auto; background:url(../images/shopping-i.jpg) no-repeat top center;} .box-menu .news-list-right .head_living_i{width:170px;height:46px; margin:0 auto; background:url(../images/living-i.jpg) no-repeat top center;} .box-menu .news-list-right .more_v2{width:190px;height:40px; margin:0 auto;} .box-menu .more img{ width:38px; height:11px;float:right;height:11px;} .box-menu .more a{float:right; width:70px; margin-top:10px; color:#224764;text-decoration:none;} .box-menu .more a:hover{text-decoration:underline;} .box-menu ul {margin:10px 0 0 0;list-style:none;clear:both; } .box-menu ul li{list-style-image:url(../images/li-dot.jpg); margin:-2px 0 -2px 0;} .box-menu ul li a{ text-decoration:none; color:#000; font-size:13px;} .box-menu ul li a:hover{color:#000; text-decoration:none; text-decoration:underline;} .box-menu ul li a:active{color:#000; text-decoration:none;} /* Today news */ .box-menu .today-news-left{float:left; font-size:12px;} .box-menu .today-news-left a img{ width:220px; height:145px;float:left; margin:10px 0 0 0px;} .box-menu .today-news-left .item {margin:5px 1px 0 0;margin-bottom:-18px;} .box-menu .today-news-left .item span{color:#F00; font-size:12px;font-weight:bold; text-transform:uppercase;} .box-menu .today-news-left .item h1 {float:left; font-size:16px;font-weight:bold;font-weight:bold; margin-bottom:3px; clear:right;} .box-menu .today-news-left .item h1 a{color:#376a97; text-decoration:none;line-height:20px;} .box-menu .today-news-left .item h1 a:hover{text-decoration:underline;} .box-menu .today-news-left .item h1 a:active{text-decoration:underline;} .box-menu .today-news-left p{font-family:"Times New Roman", Times, serif; font-size:14px;border-bottom:0px dotted #CCC; clear:left;} .box-menu .today-news-right{width:410px;float:left;border-left:1px dotted #CCC;font-size:12px;} .box-menu .today-news-right .item{ margin:5px 1px 0 7px;margin-bottom:-18px; padding-top:3px;} .box-menu .today-news-right .item span{ color:#F00; font-size:12px; font-weight:bold; text-transform:uppercase;} .box-menu .today-news-right .item h3 a{font-size:16px;color:#376a97;font-weight:bold;text-decoration:none; line-height:20px;} .box-menu .today-news-right .item h3 a:hover{text-decoration:underline;} .box-menu .today-news-right .item h3 a:active{text-decoration:underline;} .box-menu .today-news-right .item p{font-size:12px;border-bottom:1px dotted #CCC; margin-top:-16px; padding-bottom:5px;} .box-menu .today-news-right .item .none{border-bottom:0px dotted #CCC;} /* End Today news */ .box-menu .news-hot{float:right;} .box-menu .news-hot .title h3 {float:left; margin:5px 0 0 10px; font-size:14px; font-weight:bold;line-height:25px;} .box-menu .news-hot .title h3 a{ color:#376a97; text-decoration:none;} .box-menu .news-hot .title h3 a:hover{text-decoration:underline;} .box-menu .news-hot .title h3 a:active{text-decoration:underline;} .box-menu .news-hot .berb h4{ margin:0 0 0 5px;font-family:"Times New Roman", Times, serif; font-size:14px;} .box-menu .news-hot .img_thumb{width:140px; max-height:90px; margin:10px 0 0 30px; float:left;background-color:#000; text-align:center;} .box-menu .news-hot .img_thumb a img{ max-width:140px;height:90px;min-height:90px;} .box-menu .news-hot_v2{float:right;} .box-menu .news-hot_v2 .title h3 {float:left; margin:5px 0 0 10px; font-size:14px; font-weight:bold;line-height:25px;} .box-menu .news-hot_v2 .title h3 a{ color:#376a97; text-decoration:none;} .box-menu .news-hot_v2 .title h3 a:hover{text-decoration:underline;} .box-menu .news-hot_v2 .title h3 a:active{text-decoration:underline;} .box-menu .news-hot_v2 .berb h4{ margin:0 0 0 5px;font-family:"Times New Roman", Times, serif; font-size:14px;} .box-menu .news-hot_v2 .img_thumb{width:190px; max-height:120px; margin:10px 0 0 10px; float:left;background-color:#000; text-align:center;} .box-menu .news-hot_v2 .img_thumb a img{ max-width:190px;height:120px;min-height:120px;} /* hot menu on index */ .box-menu .section-hot{float:left;} .box-menu .section-hot .title h3 {float:left; margin:5px 0 0 10px; font-size:14px; font-weight:bold;line-height:25px;} .box-menu .section-hot .title h3 a{ color:#376a97; text-decoration:none;} .box-menu .section-hot .title h3 a:hover{text-decoration:underline;} .box-menu .section-hot .title h3 a:active{text-decoration:underline;} .box-menu .section-hot .berb h4{ margin:0 0 0 10px;font-family:"Times New Roman", Times, serif; font-size:12px;} .box-menu .section-hot .img_thumb{width:140px; max-height:90px; margin:10px 0 10px 0; float:left;background-color:#000; text-align:center;} .box-menu .section-hot .img_thumb a img{ max-width:140px;height:90px;min-height:90px;} .box-menu .section-hot_v2{float:left;} .box-menu .section-hot_v2 .title h3 {float:left; margin:5px 0 0 10px; font-size:14px; font-weight:bold;line-height:25px;} .box-menu .section-hot_v2 .title h3 a{ color:#376a97; text-decoration:none;} .box-menu .section-hot_v2 .title h3 a:hover{text-decoration:underline;} .box-menu .section-hot_v2 .title h3 a:active{text-decoration:underline;} .box-menu .section-hot_v2 .berb h4{ margin:0 0 0 10px;font-family:"Times New Roman", Times, serif; font-size:14px;} .box-menu .section-hot_v2 .img_thumb{width:140px; max-height:90px; margin:10px 0 10px 0; float:left;background-color:#000; text-align:center;} .box-menu .section-hot_v2 .img_thumb a img{ max-width:140px;height:90px;min-height:90px;} .box_sunday{font-size:12px;margin:0px 0 0 0;background:none;float:left;} .box_sunday .head_sunday{ background:url(../images/h_sunday.jpg) no-repeat top left;height:47px;} .box_sunday .head_hip_i{ background:url(../images/h_hip.jpg) no-repeat top left;height:47px;} .box_sunday .img_photo{ width:380px; max-height:252px; position:relative;margin:5px 0 0 5px; float:left;background-color:#000; text-align:center;} .box_sunday .img_photo img{ max-width:380px;height:252px;min-height:252px;} .box_sunday .img_thumb img{width:140px; height:90px; float:left; margin:10px 0 10px 0;} .box_sunday .title h3 {float:left; margin:5px 0 0 10px; font-size:14px; font-weight:bold;line-height:25px;} .box_sunday .title h3 a{ color:#376a97; text-decoration:none;} .box_sunday .title h3 a:hover{text-decoration:underline;} .box_sunday .title h3 a:active{text-decoration:underline;} .box_sunday .berb h4{ margin:0 0 0 10px;font-family:"Times New Roman", Times, serif; font-size:14px;} /* top stories on section */ .box-menu .section-top{float:left;} .box-menu .section-top a img{width:260px; height:190px; float:left; margin:10px 0 10px 0;} .box-menu .section-top .title h1 {float:left; margin:5px 0 0 10px; font-size:16px; font-weight:bold;line-height:25px;} .box-menu .section-top .title h1 a{ color:#376a97; text-decoration:none;} .box-menu .section-top .title h1 a:hover{text-decoration:underline;} .box-menu .section-top .title h1 a:active{text-decoration:underline;} .box-menu .section-top .berb h4{ margin:0 0 0 10px;font-family:"Times New Roman", Times, serif; font-size:14px;} /* dont miss menu */ .box-menu .dont-miss{float:left;width:310px; height:130px;background:#000; margin:8px 0 0 8px;} .box-menu .dont-miss a img{width:140px; height:90px; float:left;margin:10px 0 10px 10px;} .box-menu .dont-miss .title h3 {float:left; text-align:left;margin:10px 0 0 10px; font-size:14px; font-weight:bold;line-height:20px;} .box-menu .dont-miss .title h3 a{color:#ccccff; text-decoration:none;} .box-menu .dont-miss .title h3 a:hover{text-decoration:underline;} .box-menu .dont-miss .title h3 a:active{text-decoration:underline;} .box-menu .dont-miss .berb h4{margin:0 0 0 10px;font-family:"Times New Roman", Times, serif; font-size:12px; color:#FFF;} /* Nation zone menu */ .box-menu .nationzone_jobs{ float:left;height:37px;background: transparent url(../images/Nationzonejobs.png) no-repeat center left;} .box-menu .nationzone_travel{ float:left;height:37px;background: transparent url(../images/Nationzonetravel.png) no-repeat center left;} .box-menu .nationzone_education{ float:left;height:37px;background: transparent url(../images/Nationzoneedu.png) no-repeat center left;} .box-menu .nationzone{float:left;width:310px; height:135px;background:#000; margin:8px 0 0 8px;} .box-menu .nationzone a img{width:140px; height:90px; float:left;margin:10px 0 10px 10px;} .box-menu .nationzone .title h3 {float:left; text-align:left;margin:10px 0 0 10px; font-size:14px; font-weight:bold;line-height:20px;} .box-menu .nationzone .title h3 a{color:#ccccff; text-decoration:none;} .box-menu .nationzone .title h3 a:hover{text-decoration:underline;} .box-menu .nationzone .title h3 a:active{text-decoration:underline;} .box-menu .nationzone .berb h4{margin:0 0 0 10px;font-family:"Times New Roman", Times, serif; font-size:12px; color:#FFF;} /* column list menu show berb first */ .box-menu .column-list{width:300px;} .box-menu .column-list ul {list-style:none;margin-left:8px;} .box-menu .column-list ul li{ list-style-image:url(../images/li-dot2.jpg);} .box-menu .column-list div{ margin:5px 0 0 10px;} .box-menu .column-list div span{ color:#F00; font-weight:bold; text-transform:uppercase;} .box-menu .column-list div h3 a{ font-size:14px;color:#376a97; text-decoration:none; line-height:20px; font-weight:bold;} .box-menu .column-list div h3 a:hover{color:#376a97; text-decoration:underline;} .box-menu .column-list div p{margin:-15px 0 -5px 0;} .box-menu .column-list ul li a{font-size:13px;text-decoration:none;line-height:20px;} .box-menu .column-list ul li a:hover{text-decoration:underline;} .box-menu .column-list ul li a:active{text-decoration:underline;} /* End Menu News */ /* Main columnists list */ .box-menu .columnists-list{ width:300px;float:left;text-align:left;} .box-menu .columnists-list img{float:left;width:60px; height:60px;margin:10px 0;border:1px solid #e3e3e3;} .box-menu .columnists-list .word{ float:right;width:230px; height:140px;margin-top:10px; text-align:left; font-size:11px;border:0;} .box-menu .columnists-list .word span{color:#F00; font-size:12px; font-weight:bold;} .box-menu .columnists-list .word h2 a{font-size:14px; font-weight:bold;text-decoration:none;color:#376a97; line-height:20px;} .box-menu .columnists-list .word h2 a:hover{text-decoration:underline;} .box-menu .columnists-list .word p{color:#000;font-size:12px; margin-top:-20px;line-height:20px;} /* End Main columnists list */ /* CONTENT MENU */ .box-content{ font-family:Arial, Helvetica, sans-serif;font-size:13px; } .box-content .navi{font-size:14px; text-decoration:none; margin-top:-5px;} .box-content .navi a{ text-decoration:underline; color:#000; text-transform:capitalize;} .box-content .label{ font-size:14px; text-transform:uppercase; color:#F00; font-weight:bold; margin:3px 0 -3px 0;} .box-content h1{font-size:25px;color:#0c3e6f; font-weight:bold; margin-top:10px;} .box-content h2{font-size:14px;color:#000; font-weight:bold; margin-top:10px;} .box-content .ads-sub-top{ margin:3px 0 3px 0;} .box-content .ads-sub-bottom{ margin:3px 0 10px 0;} .box-content .byline{ margin:5px 0 10px 0; color:#333; font-style:italic;} .box-content .byline span{ text-decoration:underline;} .box-content .img{text-align:center;} .box-content .img img{text-align:center; width:630px; border:1px inset #333;} .box-content .caption{font-size:11px; color:#333; background:#EEE; padding:5px; width:624px; margin:0 0 0 3px;} .box-content .social-media{width:640px; height:40px; background:#b2c0c9;} .box-content .social-media .share{ margin:8px 0 8px 0;} .box-content .news-link{width:310px; height:168px; margin:10px 0 0 10px; border-top:#CCC solid 1px; font-size:12px; text-decoration:none; clear:right;} .box-content .news-link h3{ font-size:16px; font-weight:bold; color:#0c3e6f; margin-top:6px;} .box-content .news-link ul{ margin:-8px 0 5px -20px; clear:right;} .box-content .news-link ul .img img{width:100px; height:70px; float:left;border:0;border-top:1px #CCC dotted; padding:5px 5px 0 0; clear:left;} .box-content .news-link ul li{ list-style:none; border-top:1px #CCC dotted; height:23px;} .box-content .news-link ul li a {color:#0c3e6f; text-decoration:none; font-weight:bold; margin-top:5px;} .box-content .news-link ul li a:hover {text-decoration:underline;} .box-content .news-link ul li.first{height:40px;} .box-content .news-link ul li.berb{height:45px;border-top:0;} .box-content .news-link ul li.end{border-bottom:1px #CCC dotted;} .box-content .comment{ margin:8px 0 8px 0; background:#f2f2f2;} .box-content .comment h2{ margin:10px 0 0 10px; font-size:16px; font-weight:bold;} .box-content .comment p{ margin:0 0 10px 10px;} .box-content br{clear:both;margin:0;} .box-content p{clear:both;margin:0 0 10px 0;} .box-content .title_google_recommend h3{ font-size:16px; font-weight:bold; color:#0c3e6f; margin-top:6px;margin-bottom:0;} .box-content-list{ font-family:Arial, Helvetica, sans-serif; font-size:12px;} .box-content-list .navi{font-size:14px; text-decoration:none; margin-top:-5px; margin-bottom:5px;text-transform:capitalize;} .box-content-list .navi a{ text-decoration:underline; color:#000; text-transform:capitalize;} /* END CONTENT MENU */ /* Tabs Menu */ .tab-menu{width:100%;} .tab-menu ul.tabs {list-style:none; margin:0 !important;padding:0;border-bottom:1px solid #cccccc;height:21px;padding-top:10px; clear:both;} /* single tab */ .tab-menu ul.tabs li { float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; } /* link inside the tab. uses a background image */ .tab-menu ul.tabs a {background: url(../images/orange.png) no-repeat -420px 0;font-size:11px;display:block;height: 20px;line-height:20px;width: 134px;text-align:center;text-decoration:none;color:#333;padding:0px;margin:0 5px 0 0;position:relative;top:1px;font-size:12px;} .tab-menu ul.tabs a:active {outline:none;} /* when mouse enters the tab move the background image */ .tab-menu ul.tabs a:hover {color:#000; text-decoration:none;} /* active tab uses a class name "current". its highlight is also done by moving the background image. */ .tab-menu ul.tabs a.current, .tab-menu ul.tabs a.current:hover, .tab-menu ul.tabs li.current a {cursor:default !important;color:#000 !important;} /* width 1 */ .tab-menu ul.tabs a { background-position: -553px 0; width:81px; } .tab-menu ul.tabs a:hover { background-position: -553px -31px; } .tab-menu ul.tabs a.current { background-position: -553px -62px; } /* initially all panes are hidden */ .tab-menu .panes .pane {display:none;} .tab-menu .panes div {display:none;padding:5px 5px;border:1px solid #cccccc;border-top:0;font-size:14px;background-color:#fff;} .tab-menu ul{margin:3px 0;} .tab-menu ul li {margin:-3px 0 -3px 0;} .tab-menu .panes .box-most{ height:auto;} .tab-menu .panes .box-stock{ height:280px; text-align:center;} /* End Tabs Menu */ /* Furum Menu */ .forum-menu ul{margin:10px 0 0px 0;} .forum-menu ul li {margin:-3px 0 -3px 0;} /* End Furum Menu */ /* Editor Menu */ .box-editor{width:160px;height:auto;margin-top:10px;font-size:14px;background:#e5e5e5;} .box-editor .header{height:20px; width:150px;border-left:9px solid #386b96;text-align:left; background:#e5e5e5;} .box-editor .header h2{position:relative; margin-top:-5px;text-align:center;font-family: 'GrotzecHeadCondensedDemi';font-size:18px;background:#e5e5e5;} .box-editor .tl{background:url(../images/t_left.gif) no-repeat left top;display:block;height:9px;} .box-editor .tr{background:url(../images/t_right.gif) no-repeat right top;display:block;height:9px;} .box-editor .bl{background:url(../images/b_left.gif) no-repeat left bottom;display:block;height:9px;} .box-editor .br{background:url(../images/b_right.gif) no-repeat right bottom;display:block;height:9px;} /* scrollable menu */ .box-editor .scrollable {position:relative;overflow:hidden;width: 150px;height:620px;border:0px solid #ccc;} .box-editor .scrollable .items {width:20000em;position:absolute;clear:both;} .box-editor .scrollable .items div {float:left;width:150px;} /* active item */ .box-editor .scrollable .active {cursor:default;} .box-editor a.browse {background:url(../images/hori_large.png) no-repeat;display:block;width:30px;height:30px;float:left;cursor:pointer;font-size:1px;} .box-editor a.right { background-position: 0 -30px; clear:right; margin-right:40px; } .box-editor a.right:hover { background-position:-30px -30px; } .box-editor a.right:active { background-position:-60px -30px; } /* left */ .box-editor a.left { margin-left:40px;} .box-editor a.left:hover { background-position:-30px 0; } .box-editor a.left:active { background-position:-60px 0; } /* disabled navigational button */ .box-editor a.disabled {visibility:hidden !important;} .box-editor #actionButtons{ width:150px; height:30px; float:left;} .box-editor .img {float:left;margin:5px 0 15px 40px;width:70px;height:60px;-moz-border-radius:4px;-webkit-border-radius:4px;} .box-editor .img img{ width:60px; height:60px;} .box-editor .title{width:110px;margin-left:20px;text-decoration:none;} .box-editor .title a{ color:#000; font-size:13px; font-weight:bold;text-decoration:none;} .box-editor .title a:hover{ text-decoration:underline;} .box-editor .title a:active{ text-decoration:underline;} .box-editor p{ font-size:13px;width:110px; margin:0 0 10px 20px;padding-bottom:10px;border-bottom:1px dotted #CCC;} .box-editor p span a .more{float:right;width:39px;height:11px;} /* End Editor Menu */ /* Slide Menu */ .box-slide{width:300px;height:auto;margin-top:10px;font-size:14px; border:1px #dcdcda solid; clear:right;} .box-slide .header{height:40px; width:300px;} .box-slide .header h2 { text-align:left; margin:2px 0 0 35px;font-family: 'GrotzecHeadCondensedDemi';font-size:18px; } .box-slide .header h2 a{color:#FFF; text-decoration:none; text-transform:uppercase;} .box-slide .header.blue{height:40px; width:300px; background:url(../images/vdo-h-bg.jpg) no-repeat left top;} .box-slide .header.pink{height:40px; width:300px; background:url(../images/vdo-h-bg-pink.jpg) no-repeat left top;} .box-slide .header.green{height:40px; width:300px; background:url(../images/vdo-h-bg-green.jpg) no-repeat left top;} /* scrollable menu */ .box-slide .scrollable {position:relative;overflow:hidden;width:300px;border:0px solid #ccc;} .box-slide .scrollable .items {width:20000em;position:absolute;clear:both;} .box-slide .scrollable .items div {float:left;width:300px;} .box-slide .scrollable .items div img{width:300px; height:200px;} .box-slide .scrollable .items div p{ padding:8px; margin-top:-5px;font-size:12px; background:#000; color:#FFF;} /* active item */ .box-slide .scrollable .active {cursor:default;} .box-slide a.browse{background:url(../images/hori_large2.png) no-repeat;display:block;width:30px;height:30px;float:left;cursor:pointer;font-size:1px;} .box-slide a.pink{background:url(../images/hori_large3.png) no-repeat;display:block;width:30px;height:30px;float:left;cursor:pointer;font-size:1px;} .box-slide a.green{background:url(../images/hori_large4.png) no-repeat;display:block;width:30px;height:30px;float:left;cursor:pointer;font-size:1px;} .box-slide a.right{background-position: 0 -30px; clear:right;} .box-slide a.right:hover{ background-position:-30px -30px; } .box-slide a.right:active{ background-position:-60px -30px; } /* left */ .box-slide a.left{ margin-left:5px;} .box-slide a.left:hover{ background-position:-30px 0; } .box-slide a.left:active{ background-position:-60px 0; } /* disabled navigational button */ .box-slide a.disabled {visibility:hidden !important;} .box-slide #actionButtons{ width:75px; height:30px; float:right; position:relative; margin-top:-40px;} /* .box-slide .show-vdo a{float:right;width:300px; height:200px; background: url(../images/buttonPlay2.png) no-repeat 0 0;} .box-slide .show-vdo a:hover{background-position:0 -200px;} */ /* End Slide Menu */ /* VDO SUB */ .vdo-news{width:300px; text-align:left; float:left; font-size:12px; margin:5px; clear:both;} .vdo-news a img{ width:80px; height:60px; text-align:left; float:left;} .vdo-news h3 a{ width:210px; height:auto; text-align:left; float:right; cursor:pointer; text-decoration:none; color:#0c3e6f; font-weight:bold; font-size:12px;} .vdo-news h3 a:hover{ text-decoration:underline;} .vdo-news span{width:210px; height:auto; text-align:left; float:right;} /* End VDO Menu */ /* House Ads */ .house-ads{ float:right; text-align:left;height:auto;margin-top:8px;} .house-ads ul{ float:right;text-align:left; margin-right:-5px; padding:0; } .house-ads ul li{list-style: none;display:inline;margin-right:1px;} /* End House Ads */ /* Tabs Menu Media */ .tab-media{width:640px; height:auto; margin-left:20px;} .tab-media ul.tabs {list-style:none; margin:0 !important;padding:0;height:auto;padding-top:1px;clear:both;} .tab-media ul.tabs .first{width:199px;background:#000;display:block;height:40px;line-height:30px;font-family: 'GrotzecHeadCondensedDemi';font-size:20px;text-align:center;text-decoration:none;color:#fccc06;padding:0px;margin:0;position:relative;} .tab-media ul.tabs .end{ width:147px; background: url(../images/blue2.png) no-repeat -420px 0;display:block;height:40px;line-height:30px;font-family: 'GrotzecHeadCondensedDemi';font-size:20px;text-align:center;text-decoration:none;color:#fccc06;padding:0px;margin:0;position:relative;} /* single tab */ .tab-media ul.tabs li {float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;} /* link inside the tab. uses a background image */ .tab-media ul.tabs a {background: url(../images/blue2.png) no-repeat -420px 0;display:block;height:40px;line-height:30px;font-family: 'GrotzecHeadCondensedDemi';font-size:20px;text-align:center;text-decoration:none;color:#fccc06;padding:0px;margin:0;position:relative;} .tab-media ul.tabs a:active {outline:none; color:#FFF;} /* when mouse enters the tab move the background image */ .tab-media ul.tabs a:hover {color:#FFF; text-decoration:none;} /* active tab uses a class name "current". its highlight is also done by moving the background image. */ .tab-media ul.tabs a.current, .tab-menu ul.tabs a.current:hover, .tab-menu ul.tabs li.current a {cursor:pointer;color:#FFF !important;} /* width 1 */ .tab-media ul.tabs a { background-position: -400px 0; width:147px; } .tab-media ul.tabs a:hover { background-position: -400px -41px; } .tab-media ul.tabs a.current { background-position: -400px -82px; } /* initially all panes are hidden */ .tab-media .panes .pane {display:none;} .tab-media .panes div.box {display:none;padding:0;border:0px solid #cccccc;font-size:14px; background:#FFF;} /* End Tabs Menu photo-vdo */ .media-box{height:320px;margin:0;position:relative; background:#000;} .media-box h3 {height:88px; font-size:16px; margin:-23px 0 0 10px; position:relative; line-height:20px; text-decoration:none;} .media-box h3 a{ color:#FFF;text-decoration:none;} .media-box h3 a:hover{text-decoration:underline;} /* Tiny Scrollbar */ .media-box #scrollbar1{ width:200px; margin: 10px 0 10px;background:#282828; height:245px;} .media-box #scrollbar1 .viewport{width:175px;height:210px;overflow: hidden; position: relative; } .media-box #scrollbar1 .overview{width:175px;list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } .media-box #scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative;background-position: 0 0; float: right;width: 12px; } .media-box #scrollbar1 .track{ background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%;position: relative;} .media-box #scrollbar1 .thumb{ background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;width:20px; cursor: pointer; overflow: hidden; position: absolute; margin-top:5px;left:2px;margin-left:-11px;} .media-box #scrollbar1 .disable{ display: none; } .media-box #scrollbar1 ul li{ width:170px; height:60px; margin:10px 0 0 -10px;} .media-box #scrollbar1 ul li a{color:#97a8b2; text-decoration:none; font-size:13px;} .media-box #scrollbar1 ul li a:hover{ text-decoration:underline;} .media-box #scrollbar1 ul li img{ margin-right:5px;} .media-box #scrollbar1 ul li a img{ float:left; width:50px; height:50px; border:#44474e solid 1px;} .media-box #scrollbar1 ul li a:hover img{ text-decoration:underline;} .media-box #scrollbar1 ul li a span{ width:110px;top:-5px;float:right;text-align:left; position:relative; cursor:pointer; } .media-box #scrollbar1 ul li a:hover span{ text-decoration:underline;} .media-box #scrollbar1 ul li a:active span{ text-decoration:underline;} .media-box #scrollbar1 ul li span img{ width:7px; height:7px; top:6px; position:relative; border:0;} .media-box .show-vdo a{float:right;width:440px; height:320px; background: url(../images/buttonPlay.png) no-repeat 0 0;} .media-box .show-vdo a:hover{background-position:0 -320px;} /* End Tiny Scrollbar */ /* End media */ /* sidebar menu */ #sidebar{ float:right;} #sidebar_left{ float:left;} /* End sidebar menu */ /* menu breaking news */ .box-menu-side{float:left; width:300px; margin-top:10px;} .box-menu-side ul {margin:10px 0 0 10px;list-style:none; clear:both; } .box-menu-side ul li{list-style-image:url(../images/li-dot2.jpg); margin:-2px 0 -2px 0;} .box-menu-side ul li a{ text-decoration:none; color:#000; font-size:13px;} .box-menu-side ul li a:hover{color:#000; text-decoration:none; text-decoration:underline;} .box-menu-side ul li a:active{color:#000; text-decoration:none;} .box-menu-side ol {margin:10px 0 0 10px;clear:both; } .box-menu-side ol li{margin:-2px 0 -2px 0;} .box-menu-side ol li a{ text-decoration:none; color:#000; font-size:13px;} .box-menu-side ol li a:hover{color:#000; text-decoration:none; text-decoration:underline;} .box-menu-side ol li a:active{color:#000; text-decoration:none;} /* header color*/ .box-menu-side .hd-side{height:30px;border-top:1px solid #c3c3c3;text-align:left;width:295px;}/* ÁÕ border ÍÕ¡ 5px à»ç¹ 300px */ .box-menu-side .hd-side h2{margin-left:13px;font-family: 'GrotzecHeadCondensedDemi'; font-size:18px; text-transform:uppercase; } .box-menu-side .bd-blue{border-left:5px solid #244767;} .box-menu-side .bd-pink{border-left:5px solid #ed0088;} .box-menu-side .bd-sky{border-left:5px solid #6bcef7;} .box-menu-side .bd-green{border-left:5px solid #59792e;} .box-menu-side .bg-blue{background:#edeef0;} .box-menu-side .bg-pink{background:#92278f;} .box-menu-side .bg-gray{background:#e5e5e5;} .box-menu-side .bg-green{background:#a0c46d;} /* end header color */ .box-menu-side .vdo-list{list-style-image:url(../images/vdo-icon.jpg);} .box-menu-side .photo-list{list-style-image:url(../images/photo-icon.jpg);} .box-menu-side .update{ float:right; font-size:12px; clear:both;} .box-menu-side .more img{ width:38px; height:11px;float:right;height:11px; margin-bottom:-10px; margin-right:0px;} /* end menu breaking news */ /* nation bloger */ .box-menu-side .blogger img{float:left;width:60px; height:60px;margin:10px 0;border:1px solid #e3e3e3;} .box-menu-side .blogger .word{ float:right;width:230px;margin-top:5px; text-align:left; font-size:12px;} .box-menu-side .blogger .word a{font-size:12px; font-weight:bold;text-decoration:none;color:#376a97; line-height:20px;} .box-menu-side .blogger .word a:hover{text-decoration:underline;} .box-menu-side .blogger .more a{color:#F00;} /* end nation bloger */ /* letter to editor */ .box-menu-side .letter-editor div{width:300px;float:left;margin-top:10px; text-align:left; font-size:11px; border-bottom:1px #000 dotted; } .box-menu-side .letter-editor div h3 a{ width:100%;float:left;margin:0px;font-size:14px;font-weight:bold;text-decoration:none;color:#376a97;line-height:20px;} .box-menu-side .letter-editor div h3 a:hover{text-decoration:underline;} .box-menu-side .letter-editor div p{ width:100%;float:left;margin:0px;padding-bottom:5px;color:#000;text-align:left;font-size:12px;line-height:20px;} /* end letter to editor */ /* multimenu 1 pic */ .box-menu-side .leisure{float:left; width:300px;} .box-menu-side .leisure a img{width:140px; height:90px; float:left; margin:10px 0 10px 10px;} .box-menu-side .leisure .title h3 {float:left; margin:5px 0 0 10px; font-size:14px; font-weight:bold;line-height:20px;} .box-menu-side .leisure .title h3 a{ color:#376a97; text-decoration:none;} .box-menu-side .leisure .title h3 a:hover{text-decoration:underline;} .box-menu-side .leisure .title h3 a:active{text-decoration:underline;} .box-menu-side .leisure .berb h4{ margin:0 0 0 10px;font-family:"Times New Roman", Times, serif; font-size:12px;} /* end multimenu 1 pic */ /* Search menu */ .search-menu{} .search-menu .left{float:left;width:300px; height:90px; background:url(../images/bg-search1.jpg) no-repeat left top;} .search-menu .left h2{float:left;width:99%;text-align:center;font-size:14px; margin:10px 0 0 0; color:#1b497a;} .search-menu .left p{float:left;width:99%;text-align:center;font-size:14px;} .search-menu .right{float:right;width:330px; height:90px; background:url(../images/bg-search2.jpg) no-repeat left top;} .search-menu .right div{float:left;width:99%;text-align:center;} .search-menu .right .popup{border: none;background:url(../images/s-list.jpg) no-repeat left top;padding:2px 8px;cursor:pointer;} .search-menu .right p{float:left;width:99%; margin:5px 0 3px 0;text-align:center;font-size:14px;} .search-menu .right p{float:left;width:99%; margin:5px 0 3px 0;text-align:center;font-size:14px;} .search-menu .form{float:left; margin:4px 0 0 10px; width:280px; height:22px;background: url(../images/bg-search-form2.jpg) left center no-repeat;} .search-menu .form fieldset{border: none;} .search-menu .form legend{display: none;} .search-menu .form .key {float: left;width:190px;margin:1px 6px 0 25px;background: none;border: none; color:#666; } .search-menu .form .go {float:right; width:auto;margin:1px 0 0 3px; background:none; border:none;} .search-menu ul{float:left;list-style:none; width:620px; margin:10px 0;} .search-menu ul li{ border-top:#CCC dotted 1px; margin-bottom:5px;} .search-menu ul li span{font-size:11px; color:#666;line-height:20px;} .search-menu ul li h2 a{ font-size:16px; font-weight:bold; text-decoration:none; color:#376a97;line-height:20px;} .search-menu ul li h2 a:hover{text-decoration:underline;} .search-menu ul li h2 a:active{text-decoration:underline;} .search-menu ul li p{font-size:12px;margin-top:-15px;} .search-menu ul li div{color:#488000; margin-top:-15px;} .search-menu .anchortext{font-size:16px; color:#F00;} .search-menu .button { border: none; background: url('/forms/up.png') no-repeat top left; padding: 2px 8px; } /* End Search menu */ /* FOOTER */ .footer{border-top:0px solid #ddd; clear:both;} .footer a{ text-decoration:none;} .footer a:hover{ text-decoration:underline;} .footer a:active{ text-decoration:underline;} .footer .banner{width:870px; height:30px; background:url(../images/bg-bottom.jpg) no-repeat left top;float:left; text-align:right; margin-left:20px;} .footer .service ul{width:800px; float:left;text-align:center;margin:15px 0 0 110px;} .footer .service ul li{float:left;list-style:none;display: inline; margin-right:30px;} .footer .service ul li a h3{font-size:12px; color:#000; text-decoration:none;} .footer .service ul li a:hover h3{text-decoration:underline;} .footer .service ul li a:active h3{text-decoration:underline;} .footer .contact{height:150px; background:url(../images/bg-contact.jpg) no-repeat top; clear:both; } /* contact nation*/ .footer .contact-menu{ width:920px; height:40px;margin:11px 0 0 20px;font-size:12px; font-family:Arial, Helvetica, sans-serif;clear:both;} .footer .contact-menu .level-1 { float:left; margin-left:95px;} .footer .contact-menu .level-1 ul{height:20px; width:790px;} .footer .contact-menu .level-1 ul li{float:left;list-style: none;display: inline;padding:0 7px 0 0;font-size:12px;color:#000;} .footer .contact-menu .level-1 ul li a{color:#000; text-decoration:none;} .footer .contact-menu .level-1 ul li a:hover{text-decoration:underline;text-decoration:underline;} .footer .contact-menu .level-1 .selected a{font-weight:bold; text-decoration:underline;} .footer .contact-menu .level-1 .selected a:hover{text-decoration:underline;} .footer .contact-menu .level-2 { float:left;position:relative;margin:-18px 0 0 100px; } .footer .contact-menu .level-2 ul{height:20px; width:820px;} .footer .contact-menu .level-2 ul li{float:left;list-style: none;display: inline;padding:0 7px 0 0;font-size:12px;color:#FFF;} .footer .contact-menu .level-2 ul li a{color:#FFF; text-decoration:none;} .footer .contact-menu .level-2 ul li a:hover{text-decoration:underline;text-decoration:underline;} .footer .contact-menu .level-2 .selected a{font-weight:bold; text-decoration:underline;} .footer .contact-menu .level-2 .selected a:hover{text-decoration:underline;} html>body .contact-menu .level-1 ul li a:active , .contact-menu .level-2 ul li a:active{border-style: inset;} /* End contact nation */ .footer .policy ul{margin:20px 0 0 50px;font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none;} .footer .policy li a{ color:#000;} .footer .f-border{width:960px;margin:0 auto; border-top:1px solid #ddd; height:1px;} /* END FOOTER */ /* PAGE LIST */ .listpage{padding: 5px;margin: 10px 0 15px;} .listpage ul{margin: 0;padding-bottom: 2px;text-align: right;font-size: 11px;} .listpage li{list-style-type: none;display: inline;padding-bottom: 1px;} .listpage a/*, .listpage a:visited*/{padding: 2px 7px 4px;border: 1px solid #386b96;text-decoration: none;color: #386b96;background-color: white;} .listpage a:hover, .listpage a:active{border: 1px solid #386b96;color: #FFF;background-color: #386b96;text-decoration: none;} .listpage a.currentpage{background-color:#386b96;color: #FFF;border-color: #2b66a5;font-weight: bold;cursor: default;} .listpage a.disablelink, .listpage a.disablelink:hover{background-color: #FFF;cursor: default;color: #929292;border-color: #929292;font-weight: normal !important;} .listpage a.prevnext{font-weight: bold;} /* End PAGE LIST */ /* New Popup */ .coverpage{ float:left; font-size:14px; font-weight:bold;color:#FFF; position:relative; margin:-40px 0 10px -20px; z-index:9999;} /* End Shadow Box */ .show-berb ul {list-style:none;} .show-berb ul li{list-style-image:url(../images/li-dot2.jpg);} .show-berb ul li{margin:0 0 5px -10px ; padding-bottom:5px;font-size:12px;border-bottom:1px dotted #CCC;} .box-vdo-top{ padding-bottom:3px;} .box-vdo-top h1{margin:10px 0 5px 0;} .box-vdo-top h1 a{ color:#224764; font-size:16px; text-decoration:none; font-weight:bold;} .box-vdo-top h1 a:hover{text-decoration:underline;} .box-vdo-top p{ font-size:12px; margin-bottom:5px;} .box-vdo-top span{ color:#666; margin-bottom:3px;} .box-vdo-top .navi{font-size:14px; text-decoration:none; margin-top:-5px; margin-bottom:5px;text-transform:capitalize;} .box-vdo-top .navi a{ text-decoration:underline; color:#000; text-transform:capitalize;} .box-vdo-top .social-media{width:640px; height:40px; background:#b2c0c9; margin-top:8px;} .box-vdo-top .social-media .share{ margin:-5px 0 8px 0;} .box-vdo{ float:left; margin-top:0px;margin-right:10px;width:150px;} .box-vdo img{ margin-bottom:3px;} .box-vdo h3{margin-bottom:5px;} .box-vdo h3 a{ color:#224764; font-size:12px; text-decoration:none; font-weight:normal;} .box-vdo h3 a:hover{text-decoration:underline;} .box-vdo span.play{float:right; width:28px; height:20px; margin:20px 8px -25px 0; border:0;position:relative; background:url(../images/bt-play.png) no-repeat;} .box-vdo div{color:#666;} .box-vdo span{color:#666;} .box-vdo_v2{ float:left; margin-top:10px;margin-right:10px;width:150px;} .box-vdo_v2 img{ margin-bottom:3px;} .box-vdo_v2 h3{margin-bottom:5px;} .box-vdo_v2 h3 a{ color:#FFF; font-size:12px; text-decoration:none; font-weight:normal;} .box-vdo_v2 h3 a:hover{text-decoration:underline;} .box-vdo_v2 span.play{float:right; width:28px; height:20px; margin:20px 8px -25px 0; border:0;position:relative; background:url(../images/bt-play.png) no-repeat;} .box-vdo_v2 div{color:#FFF;} .box-vdo_v2 span{color:#FFF;} /* VALENTINE VOTE */ .box-valentine{width:640px; height:auto; background-color:#fcd2e0;clear:both;} .box-valentine .wrapper{ background:#f9a3c1; margin:10px 0 0 8px; width:625px; float:left; position:relative;} .box-valentine .wrapper img{ margin:8px 0 8px 8px;} .box-valentine .wrapper{float:left; position:relative;} .box-valentine .description{position:absolute;bottom:0px;left:0px;margin:0 0 10px 15px;width:95%;background-color:black;color:white;opacity:0.6;filter:alpha(opacity=60);} .box-valentine .description .head{font-weight:bold; font-size:14px; float:left; color:#FFF;margin:0 0 0 10px; height:25px;} .box-valentine .description .by{font-size:12px; float:right; color:#FFF; margin-right:10px;} .box-valentine .wrapper-thumb{margin:5px 0 0 3px; width:122px; float:left; position:relative;} .box-valentine .wrapper-thumb img{ margin:0;} .box-valentine .select{border:solid #ff0000 3px; margin:2px -2px -2px 1px; float:left;} .box-valentine .wrapper-thumb{float:left; position:relative;} .box-valentine .description-thumb{position:absolute;bottom:0px;left:0px;margin:0;width:100%;background-color:black;color:white;opacity:0.6;filter:alpha(opacity=60);} .box-valentine p.description_content-thumb{padding:0px;margin:0px; font-size:10px; text-align:center; height:33px;} .box-valentine .wrapper-form{ width:615px; height:auto; border:#ff669c 5px solid; float:left; margin:8px 0 0 8px;} .box-valentine .wrapper-form .form-vote{ width:605px; height:auto; border:#fecadc 5px solid; background:#FFF; float:left;} .box-valentine .wrapper-form .form-vote h3{ margin:10px 0 0 10px; float:left; font-size:16px; font-weight:bold; color:#fa538d;} .box-valentine .wrapper-form .form-vote span{ float:right; margin:10px 10px 0 0; font-size:14px; color:#727272;} .box-valentine .wrapper-form .form-vote .table{ width:600px; background:#FFF;} .box-valentine .wrapper-form .form-vote .table td{background:#FFF; font-size:14px; color:#999;} .box-valentine .wrapper-form .form-vote .design3{ float:left;background-color:#f0f0f0;border:1px solid #dbdbdb;padding:5px;-webkit-border-radius:7px;-moz-border-radius:7px;color: #999;} .box-valentine .wrapper-form .form-vote input[type=text], input[type=password], input.text, input.title, textarea {float:left;background-color:#f0f0f0;border:1px solid #dbdbdb;padding:5px;-webkit-border-radius:7px;-moz-border-radius:7px;color: #999;} .box-valentine .wrapper-form .form-vote .term h3{ font-size:13px; font-weight:bold; color:#898989; float:left; } .box-valentine .wrapper-form .form-vote .term table td{ font-size:13px;color:#898989; float:left; text-align:left; } .box-valentine .wrapper-form .form-vote .error{background:none;border:0;margin:0px; float:left; text-align:left; color:#F00; font-size:12px;} /* END VALENTINE VOTE */ #popup {background:url(../images/bg-popup.jpg) no-repeat top left;height:98px;z-index:99;} #popup a{color: #004276;text-decoration:underline;} #popup a:hover {text-decoration:underline;} #popup .description{font-size: 12px; float:right; text-align:left; width:300px; margin-top:20px;} #popup .description .red{ color:#9f172b; font-weight:bold;} /* Strip Ads */ #strip{position:relative;width:1006px;margin:0 auto;z-index:999;} #footerSlideContainer {position: fixed;bottom:0;width: 1006px;margin:0 auto;} #footerSlideButton {position: absolute;top: -28px;right: 0px;width:209px;height:29px;border: none;cursor: pointer;} #footerSlideContent {width: 1006px;height: 0px;background: #11334e;border:0;margin:0 auto;padding-top:3px;position:relative;opacity: 0.95;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";filter: alpha(opacity=95);} /* END Strip Ads */ .box_aec{ background:url(../images/bg_aec.jpg) top left no-repeat; width:640px; height:550px;} .box_aec .header_aec{height:30px;border-top:0px solid #c3c3c3; text-align:left;} .box_aec .header_aec h2{ margin:0 0 0 30px;font-family:'GrotzecHeadCondensedDemi';font-size:20px; text-transform:uppercase;} .box_aec .header_aec h2 a{ text-decoration:none;color:#000; } .box_aec .aec_list{margin:25px 0 0 20px;} .box_aec .aec_list ul{margin:0 0 0 5px; padding-top:13px;} .box_aec .aec_list ul li {list-style-image:url(../images/bg_list_aec.jpg); margin:1px 0 1px 0;} .box_aec .aec_list ul li span{ font-size:12px; text-transform:uppercase; font-weight:bold; color:#010c4a;} .box_aec .more{ float:right; margin-top:-20px;} .box_aec .aec_list_column{ width:100px; float:right; text-align:right; margin:267px 40px 0 0;} .box_aec .aec_list_column ul{margin:0 0 0 5px; padding-top:13px;} .box_aec .aec_list_column ul li{list-style:none;margin:0px 0 0px 0;} .box_aec .aec_list_column ul li a{ font-weight:bold; color:#3f7491; font-family:Arial, Helvetica, sans-serif;} .box_myanmar{background:url(../images/bg-myanmar.jpg) top left no-repeat; width:300px; height:275px;} .box_myanmar .header_myanmar{height:30px;border-top:0px solid #c3c3c3; text-align:left; margin-top:5px;} .box_myanmar .header_myanmar h2{ margin:0 0 0 34px;font-family:'GrotzecHeadCondensedDemi';font-size:18px; text-transform:uppercase;} .box_myanmar .header_myanmar h2 a{ text-decoration:none;color:#427eb4; } .box_myanmar .header_myanmar h2 a span{ text-decoration:none;color:#58c3ff; } .box_myanmar ul {margin:15px 0 0 10px;list-style:none;clear:both; } .box_myanmar ul li{list-style-image:url(../images/li-dot-aec.jpg); margin:1px 0 1px 0;} .box_myanmar ul li a{ text-decoration:none; color:#000; font-size:13px;} .box_myanmar ul li a:hover{color:#000; text-decoration:none; text-decoration:underline;} .box_myanmar ul li a:active{color:#000; text-decoration:none;} .box_myanmar .more{ float:right;width:300px; margin-top:-22px;} .box_aec_vdo{background:url(../images/aec_vdo.jpg) top left no-repeat; width:300px; height:415px;} .box_aec_vdo .header_aec_vdo{height:30px;border-top:0px solid #c3c3c3; text-align:left;} .box_aec_vdo .header_aec_vdo h2{ margin:0 0 0 34px;font-family:'GrotzecHeadCondensedDemi';font-size:18px; text-transform:uppercase;} .box_aec_vdo .header_aec_vdo h2 a{ text-decoration:none;color:#427eb4; } .box_aec_vdo .header_aec_vdo h2 a span{ text-decoration:none;color:#58c3ff; } .box_aec_vdo .aec_list_vdo{margin:9px 0 0 0;} .box_aec_vdo .aec_show_vdo{float:left;width:100px; height:75px; margin:15px 0 0 10px;} .box_aec_vdo .aec_show_vdo span.play{float:right; width:28px; height:20px; margin:8px 5px -25px 0; border:0;position:relative; background:url(../images/bt-play.png) no-repeat;} .box_aec_vdo .aec_show_vdo img{width:100px; height:75px;} .box_aec_vdo .aec_show_caption { float:right; text-align:left; width:180px; height:75px; margin:15px 2px 15px 0;} .box_aec_vdo .aec_show_caption h3 a{ color:#2241a0; text-decoration:none; font-size:12px;font-weight:bold;line-height:15px;} .box_aec_vdo .aec_show_caption h3 a:hover{ text-decoration:underline;} .box_aec_vdo .aec_show_caption p {margin:-15px 0 0 0; line-height:15px; color:#77757c;} .box_aec_vdo .more{ float:right;width:300px;} .subscribe{ width:360px; height:155px; border:#8c8c8c 1px solid; margin:20px auto; text-align:center;} .subscribe h3{ font-size:14px; color:#707070; font-weight:bold; text-align:center;} .subscribe p{ font-size:12px; color:#969696; margin:0 20px 0 20px; text-indent: 3em; text-align:left;} .renew { height:90px;} .applicationButton {cursor: pointer;overflow: visible;text-align: center;vertical-align: middle;border-radius: 3px 3px 3px 3px;font-size: 15px;line-height: 13px; border: medium none;background-color: #ececec;color: #666666; padding: 6px 30px; margin:13px 0 13px 0; border:#8c8c8c 1px solid;} a.applicationButton {color: #FFFFFF;} a.applicationButton:hover {text-decoration: none;} .box_wef{display:inline-table; width:300px; height:auto; margin-top:10px;margin-bottom:15px;} .box_wef .header_wef{ border-bottom:1px solid #000; height:30px;border-top:0px solid #c3c3c3; text-align:left; margin-top:5px; margin-bottom:5px;background:url(../images/header_wef.jpg) no-repeat;} .box_wef .header_wef h2{ margin:0 0 0 34px;font-family:'GrotzecHeadCondensedDemi';font-size:18px; text-transform:uppercase;} .box_wef .header_wef h2 a{ text-decoration:none;color:#427eb4; } .box_wef .header_wef h2 a span{ text-decoration:none;color:#58c3ff; } .box_wef ul {margin:15px 0 0 10px;list-style:none;clear:both; } .box_wef ul li{list-style-image:url(../images/li-dot-aec.jpg); margin:1px 0 1px 0;} .box_wef ul li a{ text-decoration:none; color:#000; font-size:13px;} .box_wef ul li a:hover{color:#000; text-decoration:none; text-decoration:underline;} .box_wef ul li a:active{color:#000; text-decoration:none;} .box_wef .more{ float:right;width:300px; margin-top:-22px;} /* SLIDE SHOW */ #slides_box{width:635px;height:378px;position:relative;} #slides_box #slides{position:absolute;} #slides_box .slides_container {width:630px;overflow:hidden;position:relative;display:none;} #slides_box .slides_container div.slides_photo {width:630px;height:360px;display:block; background:#000; text-align:center;} #slides_box #slides .next, #slides_box #slides .prev {position:absolute;top:362px;left:-2px;width:15px;height:20px;display:block;} #slides_box #slides .next {left:15px;} #slides_box .pagination {margin:6px 0 0;float: right;list-style: none;} #slides_box .pagination li {float: left;margin: 0 1px;} #slides_box .pagination li a {display: block;width: 13px;height: 0;padding-top: 13px;background-image: url(../images/pagination.png);background-position: 0 0;float: left;overflow: hidden;} #slides_box .pagination li.current a, .pagination li.current a:hover {background-position: 0 -13px;} #slides_box .pagination li a:hover {background-position: 0 -26px;} #slides_box .slides_caption {z-index:500;position:absolute;bottom:-35px;left:0;height:auto;padding:5px 15px 5px 15px;background:#000;background:rgba(0, 0, 0, .5);width:610px;font-size:12px;font-family:Arial, Helvetica, sans-serif;line-height:1.33;color:#fff;border-top:1px solid #000;text-shadow:none;opacity:0.75; filter:alpha(opacity=75);} #slides_box .slides_caption p{ margin:0; padding:0;text-align:left;} /* END SLIDE SHOW */ /* THE NATION V2 */ .logo_v2{ float:left; margin:5px 0 0 23px;} .banner-a1_v2{ float:right; margin:12px 0 0 0;} .solidblockmenu{ margin-top:4px; margin-left:20px;padding: 0;float: left;font: bold 13px Arial;width:966px;overflow: hidden;margin-bottom: 1em;border: 0px solid #625e00;border-width: 0px 0;background: black url(../images/blockdefault.gif) center center repeat-x;} .solidblockmenu li{display:inline;} .solidblockmenu li a{float:left;color: white;padding:9px 9px;text-decoration: none;border-right: 1px solid white;} .solidblockmenu li.isnap a{ padding:0; margin:0;} .solidblockmenu li img{float: left;border-right: 1px solid white;} .solidblockmenu li a:hover, .solidblockmenu li .selected{color:#1e4059;background:transparent url(../images/blockactive.gif) center center repeat-x;} .solidblockmenu li a:hover, .solidblockmenu li .bd-right-0{ border-right:none;} /* MENU 2 */ .solidblockmenu2{ margin-top:-13px; margin-left:20px;padding: 0;float: left;font: bold 11px Arial;width:966px;overflow: hidden;margin-bottom: 1em;border: 0px solid #625e00;border-width: 0px 0;background: #edeef2;} .solidblockmenu2 li{display: inline;} .solidblockmenu2 li a{float: left;color: #1e4059;padding: 7px 9px;text-decoration: none;border-right: 0px solid #edeef2;} .solidblockmenu2 li a:hover, .solidblockmenu2 li .selected{color:#1e4059;background:#edeef2; text-decoration:underline;} .solidblockmenu2 li a:hover, .solidblockmenu2 li .bd-right-0{ border-right:none;} .megamenu{position: absolute;display:none;left: 0;top: 0;background:#FFF; border-bottom:1px solid #d0d0d0;border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0; padding:5px;z-index: 10000;} .megamenu .column{float: left;width: 110px;} .megamenu .column span{ color:#163e61; font-weight:bold;} .megamenu .column ul{margin: 0;padding: 0;list-style-type: none;} .megamenu .column ul li{padding:5px 0px 5px 5px; text-align:left; border-bottom:1px dotted #d0d0d0;} .megamenu .column ul li a{color:#5e5e5e;text-decoration:none;} .megamenu .column ul li a:hover{text-decoration:underline;} .subscribe_v2{width:966px; height:40px; margin-top:-13px; margin-left:20px; padding: 0;float: left;background:transparent url(../images/bd-g.jpg) center center repeat-x; } .solidblockmenu2 a.property-button{width:115px; height:21px;padding:0px; display:inline-block;margin:3px 5px 0 0; float: right;background:transparent url(../images/property/property-button.png) no-repeat; } .solidblockmenu2 a.property-button:hover{width:115px; height:21px;padding:0px; display:inline-block;margin:3px 5px 0 0; float: right;background:transparent url(../images/property/property-button.png) no-repeat; } .form-search_v2{float:right; margin:3px 0 0 0; width:225px; height:22px;background: url(../images/bg-search-form1_v2.jpg) left center no-repeat;} .form-search_v2 fieldset{border: none;} .form-search_v2 legend{display: none;} .form-search_v2 .key {float: left;width:130px;margin:1px 6px 0 25px;background: none;border: none; color:#666; } .form-search_v2 .go {float:left; width:auto;margin:2px 2px 0 3px; background:none; border:none;} .calendar_v2{ float:left; margin:12px 0 0 12px; color:#000;font-size:9px; font-weight:bold;} .member_v2{ margin-top:12px;float:right; width:600px; text-align:right;overflow: hidden; font-size:9px; font-weight:bold;} .member_v2 li{display: inline;} .member_v2 li .no-bg{ background:none; margin-right:12px;} .member_v2 li a{ float:right; padding:0 0 0 15px;text-decoration: none; color:#000; background: transparent url(../images/bul-v2.jpg) no-repeat center left;} .member_v2 li a:hover{ text-decoration:underline;} .box-menu_v2{font-size:12px;margin:10px 0 0 0;background:none;} /* Today news */ .box-menu_v2 .today-news-left_v2{width:390px;float:left;font-size:12px;} .box-menu_v2 .today-news-left_v2 .img_thumb{ width:380px; max-height:252px; position:relative;margin:10px 0 0 5px; float:left;background-color:#000; text-align:center;} .box-menu_v2 .today-news-left_v2 .img_thumb img{ max-width:380px;height:252px;min-height:252px;} .box-menu_v2 .today-news-left_v2 .item{width:380px; float:left; margin:5px 1px 0 7px;margin-bottom:-18px;} .box-menu_v2 .today-news-left_v2 .item span{ color:#F00; font-size:12px; font-weight:bold; text-transform:uppercase;} .box-menu_v2 .today-news-left_v2 .item h1 {width:380px;float:left; font-size:18px;font-weight:bold; margin-bottom:0px;} .box-menu_v2 .today-news-left_v2 .item h1 a{color:#224764;font-weight:bold;text-decoration:none;} .box-menu_v2 .today-news-left_v2 .item h1 a:hover{text-decoration:underline;} .box-menu_v2 .today-news-left_v2 .item h1 a:active{text-decoration:underline;} .box-menu_v2 .today-news-left_v2 .item h3 a{font-size:14px;color:#3473a4;font-weight:bold;text-decoration:none; line-height:20px;} .box-menu_v2 .today-news-left_v2 .item h3 a:hover{text-decoration:underline;} .box-menu_v2 .today-news-left_v2 .item h3 a:active{text-decoration:underline;} .box-menu_v2 .today-news-left_v2 .item p{width:380px;font-size:12px;border-bottom:1px dotted #CCC; margin-top:-16px; padding-bottom:5px;} .box-menu_v2 .today-news-left_v2 .item .none{border-bottom:0px dotted #CCC;} .box-menu_v2 .today-news-left_v2 .clear{border-bottom:0px dotted #CCC;clear:left;} .box-menu_v2 .today-news-right_v2{ width:243px;margin:0 0 0 5px;float:left; font-size:12px;border-left:1px dotted #CCC;border-right:1px dotted #CCC;} .box-menu_v2 .today-news-right_v2 .item{ width:233px; float:left; margin:5px 1px 0 7px;margin-bottom:-18px;} .box-menu_v2 .today-news-right_v2 .item span{ color:#F00; font-size:12px; font-weight:bold; text-transform:uppercase;} .box-menu_v2 .today-news-right_v2 .item h2 {width:233px;float:left; font-size:16px;font-weight:bold; margin-bottom:0px;} .box-menu_v2 .today-news-right_v2 .item h2 a{color:#224764;font-weight:bold;text-decoration:none;} .box-menu_v2 .today-news-right_v2 .item h2 a:hover{text-decoration:underline;} .box-menu_v2 .today-news-right_v2 .item h2 a:active{text-decoration:underline;} .box-menu_v2 .today-news-right_v2 .item h3 a{font-size:14px;color:#3473a4;font-weight:bold;text-decoration:none; line-height:20px;} .box-menu_v2 .today-news-right_v2 .item h3 a:hover{text-decoration:underline;} .box-menu_v2 .today-news-right_v2 .item h3 a:active{text-decoration:underline;} .box-menu_v2 .today-news-right_v2 .item p{width:233px;font-size:12px;border-bottom:1px dotted #CCC; margin-top:-16px; padding-bottom:5px;} .box-menu_v2 .today-news-right_v2 .item .none{border-bottom:0px dotted #CCC;} .box-menu_v2 .today-news-right_v2 .clear{border-bottom:0px dotted #CCC;clear:left;} .box-menu_v2 .today-news-right_v2 .img_thumb{ float:left;width:220px; max-height:147px;position:relative;top:10px;left:12px;margin-bottom:10px;background-color:#000;text-align:center; } .box-menu_v2 .today-news-right_v2 .img_thumb img{ max-width:220px;height:147px;min-height:147px;} .header_v2{ float:left;font-size:15px; font-weight:bold; text-decoration:none;border-bottom:1px dotted #CCC; background: transparent url(../images/bg-hd.jpg) no-repeat center left;} .header_v2 .sky{ color:#5b9ec9; margin-left:25px;} .header_v2 .blue{ color:#224764;} .bt-link_v2{float:right; width:97%;padding:0 0 10px 0;} .bt-link_v2 img{margin:10px 0 0 12px;} /* End Today news */ /* CSS HOTEL */ .header_hotel h3{ font-size:17px; font-weight:bold; margin-left:20px;} .header_hotel_bg{ background:url(../hotels/images/arrow_hotel.jpg) no-repeat top right;height:21px; width:21px; float:left;} .bg_hotel_1{ background:url(../hotels/images/1.jpg) no-repeat top left; width:309px; height:567px;} .bg_hotel_2{ background:url(../hotels/images/2.jpg) no-repeat top left; width:309px; height:567px;} .bg_hotel_3{ background:url(../hotels/images/3.jpg) no-repeat top left; width:309px; height:567px;} .bg_hotel_4{ background:url(../hotels/images/4.jpg) no-repeat top left; width:309px; height:567px;} .bg_hotel_5{ background:url(../hotels/images/5.jpg) no-repeat top left; width:309px; height:567px;} .bg_hotel_6{ background:url(../hotels/images/6.jpg) no-repeat top left; width:309px; height:567px;} .menu_hotel_1{width:80px; height:567px;float:left; font-family:Arial, Helvetica, sans-serif; margin-left:10px;} .menu_hotel_1 ul{ margin:0; padding:0; font-size:15px;} .menu_hotel_1 ul li {list-style:none;margin:30px 0 73px 0;} .menu_hotel_1 ul li a{ color:#FFF; text-decoration:none; font-weight:bold;} .menu_hotel_2{width:210px; height:auto;float:right;} .menu_hotel_2 ul{ margin:0; padding:0; font-size:15px;} .menu_hotel_2 ul li {list-style:none; border-bottom:1px #FFF dotted; padding:13px 0 13px 0;} .menu_hotel_2 ul li a{ color:#FFF; text-decoration:none; padding-left:25px;} .menu_hotel_2 .selected{background:url(../hotels/images/arrow_h_v2.png) no-repeat center left;} .reg_hotel{ float:left; background:url(../hotels/images/bg_reg.jpg) no-repeat top left; width:642px; height:197px;} .reg_hotel .box_hotel{ float:left; width:600px; height:150px; margin:28px 0 0 25px;} .reg_hotel .box_hotel .img_hotel{ float:left; width:233px; height:123px;} .reg_hotel .box_hotel .word_hotel{ float:left; width:335px; height:auto; margin-left:20px;} .reg_hotel .box_hotel .word_hotel h3 a{ font-size:16px; font-weight:bold; color:#000; text-decoration:none;} .reg_hotel .box_hotel .word_hotel p{ margin-top:-10px; font-size:14px; color:#808183;} .province_hotel{ float:left; background:url(../hotels/images/bg_province.jpg) no-repeat top left; width:642px; height:746px;} .province_hotel .box_hotel{ float:left; width:600px; height:150px; margin:28px 0 0 25px; border-bottom:1px solid #d8d8d8} .province_hotel .box_hotel .img_hotel{ float:left; width:233px; height:123px;} .province_hotel .box_hotel .word_hotel{ float:left; width:335px; height:auto; margin-left:20px;} .province_hotel .box_hotel .word_hotel h3 a{ font-size:16px; font-weight:bold; color:#000; text-decoration:none;} .province_hotel .box_hotel .word_hotel p{ margin-top:-10px; font-size:14px; color:#808183;} .province_hotel .box_hotel .word_hotel p{ margin-top:-10px; font-size:14px; color:#808183;} .province_hotel_content{ float:left; background:url(../hotels/images/bg_province.jpg) no-repeat top left; width:642px; height:780px;} .province_hotel_content .box_hotel_content{float:left; width:620px; height:auto; margin:25px 0 0 12px;} .province_hotel_content .box_hotel_content .img_photo{width:467px; height:280px; float:left;} .province_hotel_content .box_hotel_content .img_thumb{width:132px; height:84px;float:left; margin:0 0 12px 8px;} .province_hotel_content .box_hotel_content .hotel_content{width:620px; height:auto;} .province_hotel_content .box_hotel_content .hotel_content h3{font-size:16px; color:#000; text-decoration:none; clear:both; font-weight:bold; } .province_hotel_content .box_hotel_content .hotel_content p{ margin-top:-15px;font-size:12px; color:#818183; text-decoration:none; clear:both;} .province_hotel_content .box_hotel_content .hotel_content p span{ font-size:12px; color:#1e3e71; text-decoration:none; font-weight:bold; font-style:italic; clear:both;} /* END CSS HOTEL */ a.anchor-link{border-bottom: 1px dotted #3F3F3F;color: #3F3F3F;cursor: help;text-decoration: none;} .head_hip{ background:url(../images/hip-h.jpg) no-repeat top left; width:640px; height:60px;} .head_living{ background:url(../images/fasion-h.jpg) no-repeat top left; width:300px; height:46px;} .head_shop{ background:url(../images/shopping-h.jpg) no-repeat top left; width:300px; height:46px;} .head_faces{ background:url(../images/spa-h.jpg) no-repeat top left; width:300px; height:46px;} /*for menu seachannel */ .solidblockmenu2 li a.fixedColRed{ color:#ff0000; } /* mood news detail */ #block_mood_detail{ float:left; margin:5px 10px 5px 0; width:302px;height:252px;display:block; vertical-align: baseline; background:url(../images/mood/bg_mood.jpg) top right no-repeat; font-size-adjust:none; } #title_mood{ background:url(../images/mood/title_mood.jpg) top right no-repeat; width:283px; height:45px; display:block; margin:7px auto; } .list_mood{ display:inline-block; margin-top:0px; } .list_mood li{ position:relative; display:inline-block; list-style:none; margin:0px 2px 5px 2px; color:#1f9df4; cursor:pointer; } .list_mood li:hover{ background-color:#34affd; color:#fff; } .list_mood li div{ display:block; margin-top:-8px; text-align:center; font-weight:bold; } .mood_result_left{ width:145px; display:inline-block; float:left; margin-top:20px; margin-left:20px; color:#0876f1; font-weight:bold; text-align:center; } .mood_result_left_style1{ font-size:15px; } .mood_result_left_style2{ font-size:20px; } .mood_result_right{ width:125px; display:block; float:right; margin-top:20px; font-weight:bold; } .show_mood_result_right{ margin-top:5px; font-size:15px; } .title_mood_result_right{ font-size:20px; margin-bottom:18px; } .box-content br{ clear:none; } .amnesty-watch{ background:url(../images/amnestypic.jpg) top left no-repeat; padding-top:30px; } .amnesty-watch ul li a{ color:#fff; } .amnesty-watch ul li a:hover{ color:#fff; } .line-border{ border-top: 1px dotted #CCC; display:block; height:1px; margin:10px auto; clear:both; } .line-border-only{ border-top: 1px dotted #CCC; display:block; height:1px; } .margin-top10{ margin-top:10px; } .margin-top15{ margin-top:15px; } .margin-bottom10{ margin-bottom:10px; } .margin-bottom5{ margin-bottom:5px; } #explore_video div a{ position: relative; display:inline-block; } #explore_video span.play { width: 28px; height: 20px; top: 15px; left: 107px; border: 0; position: absolute; background: url(../images/images_seadchannel_nationbroadcast/bt-play.png) no-repeat; margin: 0px; } /* ----------------------------------------------------------------------- Blueprint CSS Framework 1.0 http://blueprintcss.org * Copyright (c) 2007-Present. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* reset.css */ html {margin:0;padding:0;border:0;} body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;} body {line-height:1.5;background:white;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;float:none !important;} table, th, td {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:'';} blockquote, q {quotes:"" "";} a img {border:none;} :focus {outline:0;} /* typography.css */ @font-face { font-family:'GrotzecHeadCondensedDemi'; src: url('font/grotzecheadconddemi_0-webfont.eot'); src: url('font/grotzecheadconddemi_0-webfont.eot?iefix') format('eot'), url('font/grotzecheadconddemi_0-webfont.woff') format('woff'), url('font/grotzecheadconddemi_0-webfont.ttf') format('truetype'), url('font/grotzecheadconddemi_0-webfont.svg#webfontLrGpPzVA') format('svg'); font-weight: normal; font-style: normal; } html {font-size:100.01%;} body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} .left {float:left !important;} p .left {margin:1.5em 1.5em 1.5em 0;padding:0;} .right {float:right !important;} p .right {margin:1.5em 0 1.5em 1.5em;padding:0;} a:focus, a:hover {color:#09f;} a {color:#06c;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong, dfn {font-weight:bold;} em, dfn {font-style:italic;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0;} ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th {background:#c3d9ff;} th, td, caption { padding:4px 10px 4px 5px; text-align: right; } tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} /* forms.css */ label {font-weight:bold;} fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;} fieldset, #IE8#HACK {padding-top:1.4em;} legend, #IE8#HACK {margin-top:0;margin-bottom:0;} input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;} input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;} select {background-color:#fff;border-width:1px;border-style:solid;} input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} form.inline {line-height:3;} form.inline p {margin-bottom:0;} .error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;} .error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;} .notice {background:#fff6bf;color:#514721;border-color:#ffd324;} .success {background:#e6efc2;color:#264409;border-color:#c6d880;} .info {background:#d5edf8;color:#205791;border-color:#92cae4;} .error a, .alert a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} .info a {color:#205791;} /* grid.css */ .content{} .container {width:1000px;margin:0 auto;} .showgrid {background:url(src/grid.png);} .column, .span-1, .span-2, .span-3, .span-4, .span-4-1, .span-4-2, .span-4-3, .span-5, .span-6, .span-6-1, .span-7, .span-7-1, .span-8, .span-9, .span-10, .span-10-1, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 , .span-25, .span-6-4 {float:left;} .last {margin-right:0;} .span-1 {width:30px;} .span-2 {width:70px;} .span-3 {width:110px;} .span-4 {width:140px;} .span-4-1{width:160px;} .span-4-2{width:200px;} .span-4-3{width:170px;} .span-5 {width:220px;} .span-6 {width:225px;} .span-6-1{width:230px;} .span-6-2{width:242px;} .span-6-3{width:244px;} .span-6-4{width:248px;} .span-7 {width:270px;} .span-7-1{width:300px;display:inline-block;} .span-8 {width:315px;} .span-9 {width:350px;} .span-10 {width:390px;} .span-10-1{width:410px;} .span-11 {width:430px;} .span-12 {width:465px;} .span-13 {width:470px;} .span-14 {width:550px;} .span-15 {width:635px;} .span-16 {width:640px;} .span-17 {width:660px;} .span-18 {width:710px;} .span-19 {width:750px;} .span-20 {width:790px;} .span-21 {width:830px;} .span-22 {width:870px;} .span-23 {width:910px;} .span-23-1 {width:950px;} .span-24 {width:990px;margin-right:0;} .span-25 {width:1000px;margin-right:0;} input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;} input.span-1, textarea.span-1 {width:18px;} input.span-2, textarea.span-2 {width:58px;} input.span-3, textarea.span-3 {width:98px;} input.span-4, textarea.span-4 {width:138px;} input.span-5, textarea.span-5 {width:178px;} input.span-6, textarea.span-6 {width:218px;} input.span-7, textarea.span-7 {width:258px;} input.span-8, textarea.span-8 {width:298px;} input.span-9, textarea.span-9 {width:338px;} input.span-10, textarea.span-10 {width:378px;} input.span-11, textarea.span-11 {width:418px;} input.span-12, textarea.span-12 {width:458px;} input.span-13, textarea.span-13 {width:498px;} input.span-14, textarea.span-14 {width:538px;} input.span-15, textarea.span-15 {width:578px;} input.span-16, textarea.span-16 {width:618px;} input.span-17, textarea.span-17 {width:658px;} input.span-18, textarea.span-18 {width:698px;} input.span-19, textarea.span-19 {width:738px;} input.span-20, textarea.span-20 {width:778px;} input.span-21, textarea.span-21 {width:818px;} input.span-22, textarea.span-22 {width:858px;} input.span-23, textarea.span-23 {width:898px;} input.span-24, textarea.span-24 {width:938px;} .append-1 {padding-right:40px;} .append-2 {padding-right:80px;} .append-3 {padding-right:120px;} .append-4 {padding-right:160px;} .append-5 {padding-right:200px;} .append-6 {padding-right:240px;} .append-7 {padding-right:280px;} .append-8 {padding-right:320px;} .append-9 {padding-right:360px;} .append-10 {padding-right:400px;} .append-11 {padding-right:440px;} .append-12 {padding-right:480px;} .append-13 {padding-right:520px;} .append-14 {padding-right:560px;} .append-15 {padding-right:600px;} .append-16 {padding-right:640px;} .append-17 {padding-right:680px;} .append-18 {padding-right:720px;} .append-19 {padding-right:760px;} .append-20 {padding-right:800px;} .append-21 {padding-right:840px;} .append-22 {padding-right:880px;} .append-23 {padding-right:920px;} .prepend-1 {padding-left:40px;} .prepend-2 {padding-left:80px;} .prepend-3 {padding-left:120px;} .prepend-4 {padding-left:160px;} .prepend-5 {padding-left:200px;} .prepend-6 {padding-left:240px;} .prepend-7 {padding-left:280px;} .prepend-8 {padding-left:320px;} .prepend-9 {padding-left:360px;} .prepend-10 {padding-left:400px;} .prepend-11 {padding-left:440px;} .prepend-12 {padding-left:480px;} .prepend-13 {padding-left:520px;} .prepend-14 {padding-left:560px;} .prepend-15 {padding-left:600px;} .prepend-16 {padding-left:640px;} .prepend-17 {padding-left:680px;} .prepend-18 {padding-left:720px;} .prepend-19 {padding-left:760px;} .prepend-20 {padding-left:800px;} .prepend-21 {padding-left:840px;} .prepend-22 {padding-left:880px;} .prepend-23 {padding-left:920px;} .border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;} .colborder {padding-right:10px;margin-right:10px;border-right:1px solid #ddd; } .colborder-dot{border-right:1px dotted #CCC;} .colborder-top{border-bottom:1px solid #ddd; width:960px;margin-left:20px; height:2px;} .colborder-botdot{border-bottom:1px dotted #CCC; height:1px;} .colborder-bot{border-bottom:1px solid #ddd;} .colborder-all{border:1px solid #ddd;} .pd-top-3{ padding-top:3px;} .pd-top-5{ padding-top:5px;} .pd-top-10{ padding-top:10px;} .pd-top-15{ padding-top:15px;} .pd-top-20{ padding-top:20px;} .pd-bot-5{ padding-bottom:5px;} .pd-bot-10{ padding-bottom:10px;} .mr-top-3{ margin-top:3px;} .mr-top-5{ margin-top:5px;} .mr-top-7{ margin-top:7px;} .mr-top-10{ margin-top:10px;} .mr-top-15{ margin-top:15px;} .mr-top-20{ margin-top:20px;} .mr-left-5{ margin-left:5px;} .mr-left-10{ margin-left:10px;} .mr-left-18{ margin-left:18px;} .mr-left-20{ margin-left:20px;} .mr-right-10{ margin-right:10px;} .mr-bot-10{margin-bottom:10px;} .pull-top-10 {margin-top:-10px;} .pull-left-5 {margin-left:-5px;} .pull-bt-3 {margin-bottom:-3px;} .pull-bt {margin-bottom:-5px;} .pull-1 {margin-left:-40px;} .pull-2 {margin-left:-80px;} .pull-3 {margin-left:-120px;} .pull-4 {margin-left:-160px;} .pull-5 {margin-left:-200px;} .pull-6 {margin-left:-240px;} .pull-7 {margin-left:-280px;} .pull-8 {margin-left:-320px;} .pull-9 {margin-left:-360px;} .pull-10 {margin-left:-400px;} .pull-11 {margin-left:-440px;} .pull-12 {margin-left:-480px;} .pull-13 {margin-left:-520px;} .pull-14 {margin-left:-560px;} .pull-15 {margin-left:-600px;} .pull-16 {margin-left:-640px;} .pull-17 {margin-left:-680px;} .pull-18 {margin-left:-720px;} .pull-19 {margin-left:-760px;} .pull-20 {margin-left:-800px;} .pull-21 {margin-left:-840px;} .pull-22 {margin-left:-880px;} .pull-23 {margin-left:-920px;} .pull-24 {margin-left:-960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 {margin:0 -40px 1.5em 40px;} .push-2 {margin:0 -80px 1.5em 80px;} .push-3 {margin:0 -120px 1.5em 120px;} .push-4 {margin:0 -160px 1.5em 160px;} .push-5 {margin:0 -200px 1.5em 200px;} .push-6 {margin:0 -240px 1.5em 240px;} .push-7 {margin:0 -280px 1.5em 280px;} .push-8 {margin:0 -320px 1.5em 320px;} .push-9 {margin:0 -360px 1.5em 360px;} .push-10 {margin:0 -400px 1.5em 400px;} .push-11 {margin:0 -440px 1.5em 440px;} .push-12 {margin:0 -480px 1.5em 480px;} .push-13 {margin:0 -520px 1.5em 520px;} .push-14 {margin:0 -560px 1.5em 560px;} .push-15 {margin:0 -600px 1.5em 600px;} .push-16 {margin:0 -640px 1.5em 640px;} .push-17 {margin:0 -680px 1.5em 680px;} .push-18 {margin:0 -720px 1.5em 720px;} .push-19 {margin:0 -760px 1.5em 760px;} .push-20 {margin:0 -800px 1.5em 800px;} .push-21 {margin:0 -840px 1.5em 840px;} .push-22 {margin:0 -880px 1.5em 880px;} .push-23 {margin:0 -920px 1.5em 920px;} .push-24 {margin:0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:left;position:relative;} div.prepend-top, .prepend-top {margin-top:1.5em;} div.append-bottom, .append-bottom {margin-bottom:1.5em;} .box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0;border:none;} hr.space {background:#fff;color:#fff;visibility:hidden;} .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} .clear {clear:both;} .more img{ width:38px; height:11px;float:right;height:11px; margin-right:15px; margin-bottom:-5px;} #test{ font-size:12px;} .bd-bottom{ border-bottom:1px dotted #CCC;} .header{background:url(../images/bg-header.jpg) no-repeat center top; text-align:center; width:100%;} .header .logo{width:687px; height:70px; float:left; text-align:right;} .header .feed{width:110px; height:20px; margin:43px 20px 0 0;float:right;} .header .feed .word{float:left; text-decoration:none; font-size:12px; font-weight:bold; text-align:left;} .header .feed .word a{float:left; text-decoration:none; color:#000; font-size:12px; font-weight:bold; text-align:left;} .header .feed .word a:hover{ text-decoration:underline;} .header .feed .img{ float:right; margin-top:2px;} /* Menu nation*/ .main-menu{ background:url(../images/n.jpg) no-repeat left; width:920px; height:40px; margin-left:20px; font-family:Arial, Helvetica, sans-serif;font-size:12px;} .main-menu .level-1 { float:left; margin-left:40px;} .main-menu .level-1 ul{height:20px; width:902px; background:#224764;} .main-menu .level-1 ul li{float:left;list-style: none;display: inline;padding:0 7px 0 0;font-size:12px;font-weight:bold;color:#ececee;} .main-menu .level-1 ul li a{color:#ececee; text-decoration:none; text-transform:uppercase;} .main-menu .level-1 ul li a:hover{text-decoration:none; text-decoration:underline;} .main-menu .level-1 .selected a{font-weight:bold; text-decoration:underline;} .main-menu .level-1 .selected a:hover{text-decoration:underline;} .main-menu .level-2 { float:left;position:relative;margin:-18px 0 0 40px;} .main-menu .level-2 ul{height:20px; width:902px; background:#386b96;} .main-menu .level-2 ul li{float:left;list-style: none;display: inline;padding:0 7px 0 0;font-size:12px;font-weight:bold;color:#ececee;} .main-menu .level-2 ul li a{color:#ececee; text-decoration:none;text-transform:uppercase;} .main-menu .level-2 ul li a:hover{text-decoration:none;text-decoration:underline;} .main-menu .level-2 .selected a{font-weight:bold; text-decoration:underline;} .main-menu .level-2 .selected a:hover{text-decoration:underline;} html>body .main-menu .level-1 ul li a:active , .main-menu .level-2 ul li a:active{border-style: inset;} /* End Menu nation */ .calendar{ width:200px; float:right; font-size:12px; text-align:right; height:20px;color:#FFF; font-weight:bold; position:relative; margin:-37px -30px 0 0;} /* Latest news */ .lastest{ background:url(../images/bg-lastest.jpg) no-repeat left; width:960px; height:30px; margin-left:20px;} .lastest .marqee , .backtop{ float:left; width:450px; height:22px; text-decoration:none;} .lastest .marqee h3, .backtop h3{color:#f7c315; font-size:12px; font-weight:bold;text-align:left; margin:8px 0 0 20px;} .lastest .backtop a h3{color:#FFF; text-decoration:none;} .lastest .backtop a:hover h3{text-decoration:underline;} /* End latest news */ /* Marqee */ ul.marquee { font-size:12px;display: block;padding: 0;margin: 0;list-style: none;line-height: 1;position: relative;overflow: hidden;} ul.marquee {width: 350px;height: 22px;margin:-17px 15px 0 0;float:right; color:#FFF;} ul.marquee li {position: absolute;top: -999em;left: 0;display: block;white-space: nowrap;padding: 5px 5px;} ul.marquee li a{ color:#FFF; text-decoration:none;} ul.marquee li a:hover{ color:#FFF; text-decoration:underline;} ul.marquee li a:active{ color:#FFF; text-decoration:underline;} /* End Marqee */ /* Form */ .form { font-size:12px;width:500px; height:22px; float:right; color:#fffffd; text-align:left; margin:5px 0 0 0;} .form-app { float:left;color:#fffffd; width:270px; text-align:right;} .form-app a{text-decoration:none; color:#fffffd;} .form-app a:hover{text-decoration:underline;} .form-search{float:right; margin:0; width:225px; height:22px;background: url(../images/bg-search-form1.jpg) left center no-repeat;} .form-search fieldset{border: none;} .form-search legend{display: none;} .form-search .key {float: left;width:130px;margin:1px 6px 0 25px;background: none;border: none; color:#666; } .form-search .go {float:left; width:auto;margin:0 0 0 3px; background:none; border:none;} /* End Form*/ /* Banner Top */ .banner-top{width:100%; height:95px; float:left;} .banner-top .left{ margin-left:15px;float:left; width:850px; text-align:left;} .banner-top .left #text-size{ font-size:12px; margin-top:10px;width:100px; height:90px; float:left; background:url(../images/bg-text-size.png) no-repeat center bottom;} .banner-top .left #text-size .down{ margin:72px 0 0 55px;float:left; width:16px;} .banner-top .left #text-size .up{ margin:72px 9px 0 0; float:right; width:16px;} .banner-top .left .banner-a1{margin-top:8px; width:728px; height:90px; float:right; text-align:left;} .banner-top .right{margin:8px 20px 0 0;float:right; width:90px; height:90px; background:url(../images/bg-weather.jpg) no-repeat center; } .banner-top .left .aword{ width:100px; height:95px; float:left; margin:5px 0 0 10px;} /* WeatherFeed */ .weatherFeed{width:90px; height:90px;} .weatherRange-left {float:left; margin:16px 0 8px 18px;font-size: 1.0em; font-weight:bold; color:#FFF;} .weatherRange-right {float:right;margin:16px 13px 8px 0;font-size: 1.0em; font-weight:bold; color:#FFF;} .weatherCity a{width:90px;text-align:center;font-size:1.0em;font-weight:bold; color:#000; text-decoration:none;} .weatherCity a:hover{ text-decoration:underline;} /* End Banner Top*/ /* Section Main Header */ .header-section{float:left;width:960px;height:50px;margin-left:20px;} .header-section #text-size{ font-size:12px;margin:10px 5px 0;width:100px; height:30px;float:right; background:url(../images/bg-text-size.png) no-repeat center bottom;} .header-section #text-size .down{ margin:12px 0 0 55px;float:left; width:16px;} .header-section #text-size .up{ margin:12px 9px 0 0; float:right; width:16px;} .header-section h2{display:none;font-family:'GrotzecHeadCondensedDemi';font-size:40px;margin:0px 0 0 10px;} .header-section h2 a{text-decoration:none;color:#FFF;text-transform:uppercase;letter-spacing:2px;} .business{background:url(../images/business-h.jpg) no-repeat left top;} .national{background:url(../images/national-h.jpg) no-repeat left top;} .opinion{background:url(../images/opinion-h.jpg) no-repeat left top;} .life{background:url(../images/life-h.jpg) no-repeat left top;} .travel{background:url(../images/travel-h.jpg) no-repeat left top;} .technology{background:url(../images/technology-h.jpg) no-repeat left top;} .sports{background:url(../images/sport-h.jpg) no-repeat left top;} .breakingnews{background:url(../images/breakingnews-h.jpg) no-repeat left top;} .politics{background:url(../images/politics-h.jpg) no-repeat left top;} .search{background:url(../images/search-h.jpg) no-repeat left top;} .my-money{background:url(../images/business-h.jpg) no-repeat left top;} .home{background:url(../images/home-h.jpg) no-repeat left top;} .video{background:url(../images/video-h.jpg) no-repeat left top;} .aec{background:url(../images/aec-h.jpg) no-repeat left top;} .state{background:url(../images/state-h.jpg) no-repeat left top;} .nationzone{background:url(../images/nationzone-h.jpg) no-repeat left top;} .nstore{background:url(../images/nstore-h.jpg) no-repeat left top;} .sunday{background:url(../images/sunday-h.jpg) no-repeat left top;} /* End Section Main Header */ /* Hiligth News */ /* Tabs Menu Hilight news */ .tab-hilight{width:640px; height:auto; margin-left:20px;} .tab-hilight ul.tabs {list-style:none; margin:0 !important;padding:0;height:auto;padding-top:1px;clear:both;} .tab-hilight ul.tabs .first{width:199px;/*background: url(../images/blue1.png) no-repeat -420px 0;*/ background:#edeef0;display:block;height:40px;line-height:30px;} /* single tab */ .tab-hilight ul.tabs li {float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;} .tab-hilight ul.tabs li.single a{width:413px;text-align:left; padding-left:28px; background: url(../images/blue1.jpg) no-repeat;display:block;height:40px;line-height:30px;} /* link inside the tab. uses a background image */ .tab-hilight ul.tabs a {background: url(../images/blue1.png) no-repeat -420px 0;display:block;height:40px;line-height:30px;font-family: 'GrotzecHeadCondensedDemi';font-size:20px;text-align:center;text-decoration:none;color:#fccc06;padding:0px;margin:0;position:relative; text-transform:uppercase;} .tab-hilight ul.tabs a:active {outline:none; color:#FFF;} /* when mouse enters the tab move the background image */ .tab-hilight ul.tabs a:hover {color:#FFF; text-decoration:none;} /* active tab uses a class name "current". its highlight is also done by moving the background image. */ .tab-hilight ul.tabs a.current, a.single, .tab-menu ul.tabs a.current:hover, .tab-menu ul.tabs li.current a {cursor:default !important;color:#FFF !important;} /* width 1 */ .tab-hilight ul.tabs a { background-position: -400px 0; width:147px; } .tab-hilight ul.tabs a:hover { background-position: -400px -41px; } .tab-hilight ul.tabs a.current { background-position: -400px -82px; } /* initially all panes are hidden */ .tab-hilight .panes .pane {display:none;} .tab-hilight .panes div.box {display:none;padding:0;border:0px solid #cccccc;font-size:14px; background:#FFF;} /* End Tabs Menu Hilight news */ .hilight{height:314px;margin:0;position:relative;} .hilight div {display:none;position:absolute;font-size:12px; background:#edeef0;} .hilight div img{ float:left;} .hilight span.n-logo{float:right; width:20px; height:20px; margin:-20px 0; border:0;position:relative; background:url(../images/n.png) no-repeat;} .hilight span h3{font-size:24px; font-weight:bold;margin:0 10px 10px 10px;} .hilight span h3 a{text-decoration:none;color:#153a57;} .hilight span h3 a:hover{text-decoration:underline;} .hilight span h3 a:active{text-decoration:underline;} .hilight span p{margin:10px;color:#09090b; font-family:"Times New Roman", Times, serif; font-size:14px; line-height:normal;} .hilight span p span a img{float:none; vertical-align:bottom;} .slidetabs { float:left;width:200px;left:3px;top:7px;position:relative;clear:both; font-size:12px; font-weight:bold; clear:both;} .slidetabs a {float:left;width:16px;height:17px;margin-right:6px;background:url(../images/navigator.png) no-repeat;color:#FFF;display:block; text-decoration:none; text-align:center;} .slidetabs a:hover {background-position:0 -16px;} .slidetabs a.current {background-position:0 -33px;} /* End Hilight news */ /* Menu section gallery */ .header-gallery{float:left;height:40px;text-align:left;} .header-gallery.blue{background:url(../images/gallery-h.jpg) no-repeat left top;} .header-gallery.pink{background:url(../images/gallery-h-life.jpg) no-repeat left top;} .header-gallery.green{background:url(../images/gallery-h-sport.jpg) no-repeat left top;} .header-gallery h2 a{margin:0 0 -5px 35px;font-family: 'GrotzecHeadCondensedDemi';font-size:20px;text-transform:uppercase;color:#FFF;text-decoration:none;} .gallery {margin-left:20px;} .gallery span.n-logo{float:right; width:20px; height:20px; margin:0px 0; z-index:999px; border:0;position:relative; background:url(../images/n.png) no-repeat;} .gallery .panel{display:none;} .gallery .panel img{ width:640px; height:380px;} .gallery .panel-overlay h2{ font-size:12px;font-weight: bold;text-decoration: none;color:#FFF;line-height:20px; margin-bottom:-10px;} .gallery .panel-overlay p{font-size:12px;margin:10px 0;color:#FFF;} .gallery .panel-overlay p {line-height:15px;} .gallery ul.filmstrip li{display:inline;} .gallery ul.filmstrip img{ width:79px; height:49px;} /* End Menu section gallery */ /* Specials Menu */ .specials{height:320px;margin:0;background:#edeef0; overflow:hidden;} .specials div .img img{width:180px; margin:0 3px 5px 10px;} .specials span h3{font-size:18px; font-weight:bold;margin:0 0 0 10px;} .specials span h3 a{text-decoration:none;color:#333;} .specials span h3 a:hover{text-decoration:underline;} .specials span h3 a:active{text-decoration:underline;} .specials span p{margin:10px;color:#333; font-family:"Times New Roman", Times, serif; font-size:14px; line-height:15px;} .specials .list-news div{width:430px; height:93px;float:right;text-align:left;background:#fbfbfc; margin:0 10px 10px 0px;} .specials .list-news div img.thumb{float:left;width:135px; height:82px;margin:5px 5px 0;} .specials .list-news div h3 a{font-size:14px; font-weight:bold;text-decoration:none;color:#333; line-height:20px;} .specials .list-news div h3 a:hover{text-decoration:underline;} .specials .list-news div p{color:#333; font-family:"Times New Roman", Times, serif; font-size:13px; margin-top:-20px;line-height:15px;} .specials .list-news div p span a img.more{width:37px; height:9px; margin:0;} /* End Special Menu */ /* Main Section list */ .section-list div{width:640px;max-height:120px;min-height:110px;float:left;text-align:left; margin:0; padding-bottom:3px; border-top:1px dotted #CCC;} .section-list div img{float:left;width:140px; height:90px;margin:10px 0 0 0;border:0;} .section-list .word{ float:right;width:490px; height:100px; margin-top:10px; text-align:left; font-size:11px;border:0;} .section-list .word span{ color:#F00; font-size:14px; font-weight:bold; text-transform:uppercase;} .section-list .word h2 a{font-size:14px; font-weight:bold;text-decoration:none;color:#376a97; line-height:25px;} .section-list .word h2 a:hover{text-decoration:underline;} .section-list .word p{color:#000; font-family:"Times New Roman", Times, serif; font-size:14px; margin-top:-20px;line-height:18px;} .section-list .dot{ border-bottom:1px dotted #CCC;} .section-list .no_img{ width:640px;} .specials-list div{width:640px; min-height:70px; max-height:140px;float:left;text-align:left; margin:0; padding-bottom:3px; border-top:1px dotted #CCC;} .specials-list .word{ float:right;width:490px; height:70px; margin-top:10px; text-align:left; font-size:11px;border:0;} .specials-list .word p{color:#000; font-family:"Times New Roman", Times, serif; font-size:14px; margin-top:10px;line-height:18px;} .specials-list .dot{ border-bottom:1px dotted #CCC;} .specials-list .no_img{ width:640px;} /* End Main Section list */ /* Color */ .red a{ color:#ff0100;text-decoration:none;} .red a:hover{ color:#ff0100;text-decoration:none;} .red a:active{ color:#ff0100;text-decoration:none;} .ore a{ color:#e76213;text-decoration:none;} .ore a:hover{ color:#e76213;text-decoration:none;} .ore a:active{ color:#e76213;text-decoration:none;} .sky a{ color:#1a617d;text-decoration:none;} .sky a:hover{ color:#1a617d;text-decoration:none;} .sky a:active{ color:#1a617d;text-decoration:none;} .sky_2 a{ color:#5b9ec9;text-decoration:none;} .sky_2 a:hover{ color:#5b9ec9;text-decoration:none;} .sky_2 a:active{ color:#5b9ec9;text-decoration:none;} .pik a{ color:#ed0088;text-decoration:none;} .pik a:hover{ color:#ed0088;text-decoration:none;} .pik a:active{ color:#ed0088;text-decoration:none;} .blue a{ color:#224764;text-decoration:none;} .blue a:hover{ color:#224764;text-decoration:none;} .blue a:active{ color:#224764;text-decoration:none;} .gray a{ color:#534f4f;text-decoration:none;} .gray a:hover{ color:#534f4f;text-decoration:none;} .gray a:active{ color:#534f4f;text-decoration:none;} .yell a{ color:#ffcc00;text-decoration:none;} .yell a:hover{ color:#ffcc00;text-decoration:none;} .yell a:active{ color:#ffcc00;text-decoration:none;} .wht a{ color:#FFF;text-decoration:none;} .wht a:hover{ color:#FFF;text-decoration:none;} .wht a:active{ color:#FFF;text-decoration:none;} /* End Color */ /* Menu News */ .box-menu{font-size:12px;margin:10px 0 0 0;background:none;} .box-menu .vdo-list{list-style-image:url(../images/vdo-icon.jpg);} .box-menu .photo-list{list-style-image:url(../images/photo-icon.jpg);} /*.box-menu .vdo-icon{ margin-left:5px; background:url(../images/vdo-icon.jpg) 0px 10px no-repeat;} .box-menu .vdo-icon a{ margin-left:5px;}*/ .box-menu .photo-icon{ background:url(../images/photo-icon.jpg) no-repeat left top;} .box-menu .border-blu{border-left:5px solid #386b96;} .box-menu .border-red{border-left:5px solid #F00;} .box-menu .border-ore{border-left:5px solid #e86e25;} .box-menu .border-pik{border-left:5px solid #ed0088;} .box-menu .border-sky{border-left:5px solid #35a3c8;} .box-menu .bt-black{ background:#000;} .box-menu .span-16{ width:635px;} .box-menu .header{height:30px;border-top:1px solid #c3c3c3; background:#e5e5e5; text-align:left;} .box-menu .mv_header{height:40px; background:url(../images/mv_vdo.jpg) no-repeat top left;} .box-menu .sea_header{height:40px; background:url(../images/head_sea.jpg) no-repeat top left;} .box-menu .bg-most{ width:640px; height:200px; margin-top:45px;background:url(../images/bg-mostv.jpg) no-repeat top left; padding-left:3px;} .box-menu .bg_sea{ width:640px; height:200px; margin-top:45px;background:url(../images/bg_sea.jpg) no-repeat top left; padding-left:3px;} .box-menu .header h2{ margin-left:13px;font-family: 'GrotzecHeadCondensedDemi';font-size:18px; text-transform:uppercase;} .box-menu .news-list-left{float:left; padding-right:2px;} .box-menu .news-list-right{float:right; } .box-menu .news-list-right .head_life{width:190px;height:60px; margin:0 auto; background:url(../images/life-i.jpg) no-repeat top center;} .box-menu .news-list-right .head_shopping{width:170px;height:46px; margin:0 auto; background:url(../images/shopping-i.jpg) no-repeat top center;} .box-menu .news-list-right .head_living_i{width:170px;height:46px; margin:0 auto; background:url(../images/living-i.jpg) no-repeat top center;} .box-menu .news-list-right .more_v2{width:190px;height:40px; margin:0 auto;} .box-menu .more img{ width:38px; height:11px;float:right;height:11px;} .box-menu .more a{float:right; width:70px; margin-top:10px; color:#224764;text-decoration:none;} .box-menu .more a:hover{text-decoration:underline;} .box-menu ul {margin:10px 0 0 0;list-style:none;clear:both; } .box-menu ul li{list-style-image:url(../images/li-dot.jpg); margin:-2px 0 -2px 0;} .box-menu ul li a{ text-decoration:none; color:#000; font-size:13px;} .box-menu ul li a:hover{color:#000; text-decoration:none; text-decoration:underline;} .box-menu ul li a:active{color:#000; text-decoration:none;} /* Today news */ .box-menu .today-news-left{float:left; font-size:12px;} .box-menu .today-news-left a img{ width:220px; height:145px;float:left; margin:10px 0 0 0px;} .box-menu .today-news-left .item {margin:5px 1px 0 0;margin-bottom:-18px;} .box-menu .today-news-left .item span{color:#F00; font-size:12px;font-weight:bold; text-transform:uppercase;} .box-menu .today-news-left .item h1 {float:left; font-size:16px;font-weight:bold;font-weight:bold; margin-bottom:3px; clear:right;} .box-menu .today-news-left .item h1 a{color:#376a97; text-decoration:none;line-height:20px;} .box-menu .today-news-left .item h1 a:hover{text-decoration:underline;} .box-menu .today-news-left .item h1 a:active{text-decoration:underline;} .box-menu .today-news-left p{font-family:"Times New Roman", Times, serif; font-size:14px;border-bottom:0px dotted #CCC; clear:left;} .box-menu .today-news-right{width:410px;float:left;border-left:1px dotted #CCC;font-size:12px;} .box-menu .today-news-right .item{ margin:5px 1px 0 7px;margin-bottom:-18px; padding-top:3px;} .box-menu .today-news-right .item span{ color:#F00; font-size:12px; font-weight:bold; text-transform:uppercase;} .box-menu .today-news-right .item h3 a{font-size:16px;color:#376a97;font-weight:bold;text-decoration:none; line-height:20px;} .box-menu .today-news-right .item h3 a:hover{text-decoration:underline;} .box-menu .today-news-right .item h3 a:active{text-decoration:underline;} .box-menu .today-news-right .item p{font-size:12px;border-bottom:1px dotted #CCC; margin-top:-16px; padding-bottom:5px;} .box-menu .today-news-right .item .none{border-bottom:0px dotted #CCC;} /* End Today news */ .box-menu .news-hot{float:right;} .box-menu .news-hot .title h3 {float:left; margin:5px 0 0 10px; font-size:14px; font-weight:bold;line-height:25px;} .box-menu .news-hot .title h3 a{ color:#376a97; text-decoration:none;} .box-menu .news-hot .title h3 a:hover{text-decoration:underline;} .box-menu .news-hot .title h3 a:active{text-decoration:underline;} .box-menu .news-hot .berb h4{ margin:0 0 0 5px;font-family:"Times New Roman", Times, serif; font-size:14px;} .box-menu .news-hot .img_thumb{width:140px; max-height:90px; margin:10px 0 0 30px; float:left;background-color:#000; text-align:center;} .box-menu .news-hot .img_thumb a img{ max-width:140px;height:90px;min-height:90px;} .box-menu .news-hot_v2{float:right;} .box-menu .news-hot_v2 .title h3 {float:left; margin:5px 0 0 10px; font-size:14px; font-weight:bold;line-height:25px;} .box-menu .news-hot_v2 .title h3 a{ color:#376a97; text-decoration:none;} .box-menu .news-hot_v2 .title h3 a:hover{text-decoration:underline;} .box-menu .news-hot_v2 .title h3 a:active{text-decoration:underline;} .box-menu .news-hot_v2 .berb h4{ margin:0 0 0 5px;font-family:"Times New Roman", Times, serif; font-size:14px;} .box-menu .news-hot_v2 .img_thumb{width:190px; max-height:120px; margin:10px 0 0 10px; float:left;background-color:#000; text-align:center;} .box-menu .news-hot_v2 .img_thumb a img{ max-width:190px;height:120px;min-height:120px;} /* hot menu on index */ .box-menu .section-hot{float:left;} .box-menu .section-hot .title h3 {float:left; margin:5px 0 0 10px; font-size:14px; font-weight:bold;line-height:25px;} .box-menu .section-hot .title h3 a{ color:#376a97; text-decoration:none;} .box-menu .section-hot .title h3 a:hover{text-decoration:underline;} .box-menu .section-hot .title h3 a:active{text-decoration:underline;} .box-menu .section-hot .berb h4{ margin:0 0 0 10px;font-family:"Times New Roman", Times, serif; font-size:12px;} .box-menu .section-hot .img_thumb{width:140px; max-height:90px; margin:10px 0 10px 0; float:left;background-color:#000; text-align:center;} .box-menu .section-hot .img_thumb a img{ max-width:140px;height:90px;min-height:90px;} .box-menu .section-hot_v2{float:left;} .box-menu .section-hot_v2 .title h3 {float:left; margin:5px 0 0 10px; font-size:14px; font-weight:bold;line-height:25px;} .box-menu .section-hot_v2 .title h3 a{ color:#376a97; text-decoration:none;} .box-menu .section-hot_v2 .title h3 a:hover{text-decoration:underline;} .box-menu .section-hot_v2 .title h3 a:active{text-decoration:underline;} .box-menu .section-hot_v2 .berb h4{ margin:0 0 0 10px;font-family:"Times New Roman", Times, serif; font-size:14px;} .box-menu .section-hot_v2 .img_thumb{width:140px; max-height:90px; margin:10px 0 10px 0; float:left;background-color:#000; text-align:center;} .box-menu .section-hot_v2 .img_thumb a img{ max-width:140px;height:90px;min-height:90px;} .box_sunday{font-size:12px;margin:0px 0 0 0;background:none;float:left;} .box_sunday .head_sunday{ background:url(../images/h_sunday.jpg) no-repeat top left;height:47px;} .box_sunday .head_hip_i{ background:url(../images/h_hip.jpg) no-repeat top left;height:47px;} .box_sunday .img_photo{ width:380px; max-height:252px; position:relative;margin:5px 0 0 5px; float:left;background-color:#000; text-align:center;} .box_sunday .img_photo img{ max-width:380px;height:252px;min-height:252px;} .box_sunday .img_thumb img{width:140px; height:90px; float:left; margin:10px 0 10px 0;} .box_sunday .title h3 {float:left; margin:5px 0 0 10px; font-size:14px; font-weight:bold;line-height:25px;} .box_sunday .title h3 a{ color:#376a97; text-decoration:none;} .box_sunday .title h3 a:hover{text-decoration:underline;} .box_sunday .title h3 a:active{text-decoration:underline;} .box_sunday .berb h4{ margin:0 0 0 10px;font-family:"Times New Roman", Times, serif; font-size:14px;} /* top stories on section */ .box-menu .section-top{float:left;} .box-menu .section-top a img{width:260px; height:190px; float:left; margin:10px 0 10px 0;} .box-menu .section-top .title h1 {float:left; margin:5px 0 0 10px; font-size:16px; font-weight:bold;line-height:25px;} .box-menu .section-top .title h1 a{ color:#376a97; text-decoration:none;} .box-menu .section-top .title h1 a:hover{text-decoration:underline;} .box-menu .section-top .title h1 a:active{text-decoration:underline;} .box-menu .section-top .berb h4{ margin:0 0 0 10px;font-family:"Times New Roman", Times, serif; font-size:14px;} /* dont miss menu */ .box-menu .dont-miss{float:left;width:310px; height:130px;background:#000; margin:8px 0 0 8px;} .box-menu .dont-miss a img{width:140px; height:90px; float:left;margin:10px 0 10px 10px;} .box-menu .dont-miss .title h3 {float:left; text-align:left;margin:10px 0 0 10px; font-size:14px; font-weight:bold;line-height:20px;} .box-menu .dont-miss .title h3 a{color:#ccccff; text-decoration:none;} .box-menu .dont-miss .title h3 a:hover{text-decoration:underline;} .box-menu .dont-miss .title h3 a:active{text-decoration:underline;} .box-menu .dont-miss .berb h4{margin:0 0 0 10px;font-family:"Times New Roman", Times, serif; font-size:12px; color:#FFF;} /* Nation zone menu */ .box-menu .nationzone_jobs{ float:left;height:37px;background: transparent url(../images/Nationzonejobs.png) no-repeat center left;} .box-menu .nationzone_travel{ float:left;height:37px;background: transparent url(../images/Nationzonetravel.png) no-repeat center left;} .box-menu .nationzone_education{ float:left;height:37px;background: transparent url(../images/Nationzoneedu.png) no-repeat center left;} .box-menu .nationzone{float:left;width:310px; height:135px;background:#000; margin:8px 0 0 8px;} .box-menu .nationzone a img{width:140px; height:90px; float:left;margin:10px 0 10px 10px;} .box-menu .nationzone .title h3 {float:left; text-align:left;margin:10px 0 0 10px; font-size:14px; font-weight:bold;line-height:20px;} .box-menu .nationzone .title h3 a{color:#ccccff; text-decoration:none;} .box-menu .nationzone .title h3 a:hover{text-decoration:underline;} .box-menu .nationzone .title h3 a:active{text-decoration:underline;} .box-menu .nationzone .berb h4{margin:0 0 0 10px;font-family:"Times New Roman", Times, serif; font-size:12px; color:#FFF;} /* column list menu show berb first */ .box-menu .column-list{width:300px;} .box-menu .column-list ul {list-style:none;margin-left:8px;} .box-menu .column-list ul li{ list-style-image:url(../images/li-dot2.jpg);} .box-menu .column-list div{ margin:5px 0 0 10px;} .box-menu .column-list div span{ color:#F00; font-weight:bold; text-transform:uppercase;} .box-menu .column-list div h3 a{ font-size:14px;color:#376a97; text-decoration:none; line-height:20px; font-weight:bold;} .box-menu .column-list div h3 a:hover{color:#376a97; text-decoration:underline;} .box-menu .column-list div p{margin:-15px 0 -5px 0;} .box-menu .column-list ul li a{font-size:13px;text-decoration:none;line-height:20px;} .box-menu .column-list ul li a:hover{text-decoration:underline;} .box-menu .column-list ul li a:active{text-decoration:underline;} /* End Menu News */ /* Main columnists list */ .box-menu .columnists-list{ width:300px;float:left;text-align:left;} .box-menu .columnists-list img{float:left;width:60px; height:60px;margin:10px 0;border:1px solid #e3e3e3;} .box-menu .columnists-list .word{ float:right;width:230px; height:140px;margin-top:10px; text-align:left; font-size:11px;border:0;} .box-menu .columnists-list .word span{color:#F00; font-size:12px; font-weight:bold;} .box-menu .columnists-list .word h2 a{font-size:14px; font-weight:bold;text-decoration:none;color:#376a97; line-height:20px;} .box-menu .columnists-list .word h2 a:hover{text-decoration:underline;} .box-menu .columnists-list .word p{color:#000;font-size:12px; margin-top:-20px;line-height:20px;} /* End Main columnists list */ /* CONTENT MENU */ .box-content{ font-family:Arial, Helvetica, sans-serif; } .box-content .navi{font-size:14px; text-decoration:none; margin-top:-5px;} .box-content .navi a{ text-decoration:underline; color:#000; text-transform:capitalize;} .box-content .label{ font-size:14px; text-transform:uppercase; color:#F00; font-weight:bold; margin:3px 0 -3px 0;} .box-content h1{font-size:25px;color:#0c3e6f; font-weight:bold; margin-top:10px;} .box-content h2{font-size:14px;color:#000; font-weight:bold; margin-top:10px;} .box-content .ads-sub-top{ margin:3px 0 3px 0;} .box-content .ads-sub-bottom{ margin:3px 0 10px 0;} .box-content .byline{ margin:5px 0 10px 0; color:#333; font-style:italic;} .box-content .byline span{ text-decoration:underline;} .box-content .img{text-align:center;} .box-content .img img{text-align:center; width:630px; border:1px inset #333;} .box-content .caption{font-size:11px; color:#333; background:#EEE; padding:5px; width:624px; margin:0 0 0 3px;} .box-content .social-media{width:640px; height:40px; background:#b2c0c9;} .box-content .social-media .share{ margin:8px 0 8px 0;} .box-content .news-link{width:310px; height:168px; margin:10px 0 0 10px; border-top:#CCC solid 1px; font-size:12px; text-decoration:none; clear:right;} .box-content .news-link h3{ font-size:16px; font-weight:bold; color:#0c3e6f; margin-top:6px;} .box-content .news-link ul{ margin:-8px 0 5px -20px; clear:right;} .box-content .news-link ul .img img{width:100px; height:70px; float:left;border:0;border-top:1px #CCC dotted; padding:5px 5px 0 0; clear:left;} .box-content .news-link ul li{ list-style:none; border-top:1px #CCC dotted; height:23px;} .box-content .news-link ul li a {color:#0c3e6f; text-decoration:none; font-weight:bold; margin-top:5px;} .box-content .news-link ul li a:hover {text-decoration:underline;} .box-content .news-link ul li.first{height:40px;} .box-content .news-link ul li.berb{height:45px;border-top:0;} .box-content .news-link ul li.end{border-bottom:1px #CCC dotted;} .box-content .comment{ margin:8px 0 8px 0; background:#f2f2f2;} .box-content .comment h2{ margin:10px 0 0 10px; font-size:16px; font-weight:bold;} .box-content .comment p{ margin:0 0 10px 10px;} .box-content br{clear:both;margin:0;} .box-content p{clear:both;margin:0 0 10px 0;} .box-content-list{ font-family:Arial, Helvetica, sans-serif; font-size:12px;} .box-content-list .navi{font-size:14px; text-decoration:none; margin-top:-5px; margin-bottom:5px;text-transform:capitalize;} .box-content-list .navi a{ text-decoration:underline; color:#000; text-transform:capitalize;} /* END CONTENT MENU */ /* Tabs Menu */ .tab-menu{width:100%;} .tab-menu ul.tabs {list-style:none; margin:0 !important;padding:0;border-bottom:1px solid #cccccc;height:21px;padding-top:10px; clear:both;} /* single tab */ .tab-menu ul.tabs li { float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; } /* link inside the tab. uses a background image */ .tab-menu ul.tabs a {background: url(../images/orange.png) no-repeat -420px 0;font-size:11px;display:block;height: 20px;line-height:20px;width: 134px;text-align:center;text-decoration:none;color:#333;padding:0px;margin:0 5px 0 0;position:relative;top:1px;font-size:12px;} .tab-menu ul.tabs a:active {outline:none;} /* when mouse enters the tab move the background image */ .tab-menu ul.tabs a:hover {color:#000; text-decoration:none;} /* active tab uses a class name "current". its highlight is also done by moving the background image. */ .tab-menu ul.tabs a.current, .tab-menu ul.tabs a.current:hover, .tab-menu ul.tabs li.current a {cursor:default !important;color:#000 !important;} /* width 1 */ .tab-menu ul.tabs a { background-position: -553px 0; width:81px; } .tab-menu ul.tabs a:hover { background-position: -553px -31px; } .tab-menu ul.tabs a.current { background-position: -553px -62px; } /* initially all panes are hidden */ .tab-menu .panes .pane {display:none;} .tab-menu .panes div {display:none;padding:5px 5px;border:1px solid #cccccc;border-top:0;font-size:14px;background-color:#fff;} .tab-menu ul{margin:3px 0;} .tab-menu ul li {margin:-3px 0 -3px 0;} .tab-menu .panes .box-most{ height:auto;} .tab-menu .panes .box-stock{ height:280px; text-align:center;} /* End Tabs Menu */ /* Furum Menu */ .forum-menu ul{margin:10px 0 0px 0;} .forum-menu ul li {margin:-3px 0 -3px 0;} /* End Furum Menu */ /* Editor Menu */ .box-editor{width:160px;height:auto;margin-top:10px;font-size:14px;background:#e5e5e5;} .box-editor .header{height:20px; width:150px;border-left:9px solid #386b96;text-align:left; background:#e5e5e5;} .box-editor .header h2{position:relative; margin-top:-5px;text-align:center;font-family: 'GrotzecHeadCondensedDemi';font-size:18px;background:#e5e5e5;} .box-editor .tl{background:url(../images/t_left.gif) no-repeat left top;display:block;height:9px;} .box-editor .tr{background:url(../images/t_right.gif) no-repeat right top;display:block;height:9px;} .box-editor .bl{background:url(../images/b_left.gif) no-repeat left bottom;display:block;height:9px;} .box-editor .br{background:url(../images/b_right.gif) no-repeat right bottom;display:block;height:9px;} /* scrollable menu */ .box-editor .scrollable {position:relative;overflow:hidden;width: 150px;height:620px;border:0px solid #ccc;} .box-editor .scrollable .items {width:20000em;position:absolute;clear:both;} .box-editor .scrollable .items div {float:left;width:150px;} /* active item */ .box-editor .scrollable .active {cursor:default;} .box-editor a.browse {background:url(../images/hori_large.png) no-repeat;display:block;width:30px;height:30px;float:left;cursor:pointer;font-size:1px;} .box-editor a.right { background-position: 0 -30px; clear:right; margin-right:40px; } .box-editor a.right:hover { background-position:-30px -30px; } .box-editor a.right:active { background-position:-60px -30px; } /* left */ .box-editor a.left { margin-left:40px;} .box-editor a.left:hover { background-position:-30px 0; } .box-editor a.left:active { background-position:-60px 0; } /* disabled navigational button */ .box-editor a.disabled {visibility:hidden !important;} .box-editor #actionButtons{ width:150px; height:30px; float:left;} .box-editor .img {float:left;margin:5px 0 15px 40px;width:70px;height:60px;-moz-border-radius:4px;-webkit-border-radius:4px;} .box-editor .img img{ width:60px; height:60px;} .box-editor .title{width:110px;margin-left:20px;text-decoration:none;} .box-editor .title a{ color:#000; font-size:13px; font-weight:bold;text-decoration:none;} .box-editor .title a:hover{ text-decoration:underline;} .box-editor .title a:active{ text-decoration:underline;} .box-editor p{ font-size:13px;width:110px; margin:0 0 10px 20px;padding-bottom:10px;border-bottom:1px dotted #CCC;} .box-editor p span a .more{float:right;width:39px;height:11px;} /* End Editor Menu */ /* Slide Menu */ .box-slide{width:300px;height:auto;margin-top:10px;font-size:14px; border:1px #dcdcda solid; clear:right;} .box-slide .header{height:40px; width:300px;} .box-slide .header h2 { text-align:left; margin:2px 0 0 35px;font-family: 'GrotzecHeadCondensedDemi';font-size:18px; } .box-slide .header h2 a{color:#FFF; text-decoration:none; text-transform:uppercase;} .box-slide .header.blue{height:40px; width:300px; background:url(../images/vdo-h-bg.jpg) no-repeat left top;} .box-slide .header.pink{height:40px; width:300px; background:url(../images/vdo-h-bg-pink.jpg) no-repeat left top;} .box-slide .header.green{height:40px; width:300px; background:url(../images/vdo-h-bg-green.jpg) no-repeat left top;} /* scrollable menu */ .box-slide .scrollable {position:relative;overflow:hidden;width:300px;border:0px solid #ccc;} .box-slide .scrollable .items {width:20000em;position:absolute;clear:both;} .box-slide .scrollable .items div {float:left;width:300px;} .box-slide .scrollable .items div img{width:300px; height:200px;} .box-slide .scrollable .items div p{ padding:8px; margin-top:-5px;font-size:12px; background:#000; color:#FFF;} /* active item */ .box-slide .scrollable .active {cursor:default;} .box-slide a.browse{background:url(../images/hori_large2.png) no-repeat;display:block;width:30px;height:30px;float:left;cursor:pointer;font-size:1px;} .box-slide a.pink{background:url(../images/hori_large3.png) no-repeat;display:block;width:30px;height:30px;float:left;cursor:pointer;font-size:1px;} .box-slide a.green{background:url(../images/hori_large4.png) no-repeat;display:block;width:30px;height:30px;float:left;cursor:pointer;font-size:1px;} .box-slide a.right{background-position: 0 -30px; clear:right;} .box-slide a.right:hover{ background-position:-30px -30px; } .box-slide a.right:active{ background-position:-60px -30px; } /* left */ .box-slide a.left{ margin-left:5px;} .box-slide a.left:hover{ background-position:-30px 0; } .box-slide a.left:active{ background-position:-60px 0; } /* disabled navigational button */ .box-slide a.disabled {visibility:hidden !important;} .box-slide #actionButtons{ width:75px; height:30px; float:right; position:relative; margin-top:-40px;} /* .box-slide .show-vdo a{float:right;width:300px; height:200px; background: url(../images/buttonPlay2.png) no-repeat 0 0;} .box-slide .show-vdo a:hover{background-position:0 -200px;} */ /* End Slide Menu */ /* VDO SUB */ .vdo-news{width:300px; text-align:left; float:left; font-size:12px; margin:5px; clear:both;} .vdo-news a img{ width:80px; height:60px; text-align:left; float:left;} .vdo-news h3 a{ width:210px; height:auto; text-align:left; float:right; cursor:pointer; text-decoration:none; color:#0c3e6f; font-weight:bold; font-size:12px;} .vdo-news h3 a:hover{ text-decoration:underline;} .vdo-news span{width:210px; height:auto; text-align:left; float:right;} /* End VDO Menu */ /* House Ads */ .house-ads{ float:right; text-align:left;height:auto;margin-top:8px;} .house-ads ul{ float:right;text-align:left; margin-right:-5px; padding:0; } .house-ads ul li{list-style: none;display:inline;margin-right:1px;} /* End House Ads */ /* Tabs Menu Media */ .tab-media{width:640px; height:auto; margin-left:20px;} .tab-media ul.tabs {list-style:none; margin:0 !important;padding:0;height:auto;padding-top:1px;clear:both;} .tab-media ul.tabs .first{width:199px;background:#000;display:block;height:40px;line-height:30px;font-family: 'GrotzecHeadCondensedDemi';font-size:20px;text-align:center;text-decoration:none;color:#fccc06;padding:0px;margin:0;position:relative;} .tab-media ul.tabs .end{ width:147px; background: url(../images/blue2.png) no-repeat -420px 0;display:block;height:40px;line-height:30px;font-family: 'GrotzecHeadCondensedDemi';font-size:20px;text-align:center;text-decoration:none;color:#fccc06;padding:0px;margin:0;position:relative;} /* single tab */ .tab-media ul.tabs li {float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;} /* link inside the tab. uses a background image */ .tab-media ul.tabs a {background: url(../images/blue2.png) no-repeat -420px 0;display:block;height:40px;line-height:30px;font-family: 'GrotzecHeadCondensedDemi';font-size:20px;text-align:center;text-decoration:none;color:#fccc06;padding:0px;margin:0;position:relative;} .tab-media ul.tabs a:active {outline:none; color:#FFF;} /* when mouse enters the tab move the background image */ .tab-media ul.tabs a:hover {color:#FFF; text-decoration:none;} /* active tab uses a class name "current". its highlight is also done by moving the background image. */ .tab-media ul.tabs a.current, .tab-menu ul.tabs a.current:hover, .tab-menu ul.tabs li.current a {cursor:pointer;color:#FFF !important;} /* width 1 */ .tab-media ul.tabs a { background-position: -400px 0; width:147px; } .tab-media ul.tabs a:hover { background-position: -400px -41px; } .tab-media ul.tabs a.current { background-position: -400px -82px; } /* initially all panes are hidden */ .tab-media .panes .pane {display:none;} .tab-media .panes div.box {display:none;padding:0;border:0px solid #cccccc;font-size:14px; background:#FFF;} /* End Tabs Menu photo-vdo */ .media-box{height:320px;margin:0;position:relative; background:#000;} .media-box h3 {height:88px; font-size:16px; margin:-23px 0 0 10px; position:relative; line-height:20px; text-decoration:none;} .media-box h3 a{ color:#FFF;text-decoration:none;} .media-box h3 a:hover{text-decoration:underline;} /* Tiny Scrollbar */ .media-box #scrollbar1{ width:200px; margin: 10px 0 10px;background:#282828; height:245px;} .media-box #scrollbar1 .viewport{width:175px;height:210px;overflow: hidden; position: relative; } .media-box #scrollbar1 .overview{width:175px;list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } .media-box #scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative;background-position: 0 0; float: right;width: 12px; } .media-box #scrollbar1 .track{ background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%;position: relative;} .media-box #scrollbar1 .thumb{ background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;width:20px; cursor: pointer; overflow: hidden; position: absolute; margin-top:5px;left:2px;margin-left:-11px;} .media-box #scrollbar1 .disable{ display: none; } .media-box #scrollbar1 ul li{ width:170px; height:60px; margin:10px 0 0 -10px;} .media-box #scrollbar1 ul li a{color:#97a8b2; text-decoration:none; font-size:13px;} .media-box #scrollbar1 ul li a:hover{ text-decoration:underline;} .media-box #scrollbar1 ul li img{ margin-right:5px;} .media-box #scrollbar1 ul li a img{ float:left; width:50px; height:50px; border:#44474e solid 1px;} .media-box #scrollbar1 ul li a:hover img{ text-decoration:underline;} .media-box #scrollbar1 ul li a span{ width:110px;top:-5px;float:right;text-align:left; position:relative; cursor:pointer; } .media-box #scrollbar1 ul li a:hover span{ text-decoration:underline;} .media-box #scrollbar1 ul li a:active span{ text-decoration:underline;} .media-box #scrollbar1 ul li span img{ width:7px; height:7px; top:6px; position:relative; border:0;} .media-box .show-vdo a{float:right;width:440px; height:320px; background: url(../images/buttonPlay.png) no-repeat 0 0;} .media-box .show-vdo a:hover{background-position:0 -320px;} /* End Tiny Scrollbar */ /* End media */ /* sidebar menu */ #sidebar{ float:right;} #sidebar_left{ float:left;} /* End sidebar menu */ /* menu breaking news */ .box-menu-side{float:left; width:300px; margin-top:10px;} .box-menu-side ul {margin:10px 0 0 10px;list-style:none; clear:both; } .box-menu-side ul li{list-style-image:url(../images/li-dot2.jpg); margin:-2px 0 -2px 0;} .box-menu-side ul li a{ text-decoration:none; color:#000; font-size:13px;} .box-menu-side ul li a:hover{color:#000; text-decoration:none; text-decoration:underline;} .box-menu-side ul li a:active{color:#000; text-decoration:none;} .box-menu-side ol {margin:10px 0 0 10px;clear:both; } .box-menu-side ol li{margin:-2px 0 -2px 0;} .box-menu-side ol li a{ text-decoration:none; color:#000; font-size:13px;} .box-menu-side ol li a:hover{color:#000; text-decoration:none; text-decoration:underline;} .box-menu-side ol li a:active{color:#000; text-decoration:none;} /* header color*/ .box-menu-side .hd-side{height:30px;border-top:1px solid #c3c3c3;text-align:left;width:295px;}/* ÁÕ border ÍÕ¡ 5px à»ç¹ 300px */ .box-menu-side .hd-side h2{margin-left:13px;font-family: 'GrotzecHeadCondensedDemi'; font-size:18px; text-transform:uppercase; } .box-menu-side .bd-blue{border-left:5px solid #244767;} .box-menu-side .bd-pink{border-left:5px solid #ed0088;} .box-menu-side .bd-sky{border-left:5px solid #6bcef7;} .box-menu-side .bd-green{border-left:5px solid #59792e;} .box-menu-side .bg-blue{background:#edeef0;} .box-menu-side .bg-pink{background:#92278f;} .box-menu-side .bg-gray{background:#e5e5e5;} .box-menu-side .bg-green{background:#a0c46d;} /* end header color */ .box-menu-side .vdo-list{list-style-image:url(../images/vdo-icon.jpg);} .box-menu-side .photo-list{list-style-image:url(../images/photo-icon.jpg);} .box-menu-side .update{ float:right; font-size:12px; clear:both;} .box-menu-side .more img{ width:38px; height:11px;float:right;height:11px; margin-bottom:-10px; margin-right:0px;} /* end menu breaking news */ /* nation bloger */ .box-menu-side .blogger img{float:left;width:60px; height:60px;margin:10px 0;border:1px solid #e3e3e3;} .box-menu-side .blogger .word{ float:right;width:230px;margin-top:5px; text-align:left; font-size:12px;} .box-menu-side .blogger .word a{font-size:12px; font-weight:bold;text-decoration:none;color:#376a97; line-height:20px;} .box-menu-side .blogger .word a:hover{text-decoration:underline;} .box-menu-side .blogger .more a{color:#F00;} /* end nation bloger */ /* letter to editor */ .box-menu-side .letter-editor div{width:300px;float:left;margin-top:10px; text-align:left; font-size:11px; border-bottom:1px #000 dotted; } .box-menu-side .letter-editor div h3 a{ width:100%;float:left;margin:0px;font-size:14px;font-weight:bold;text-decoration:none;color:#376a97;line-height:20px;} .box-menu-side .letter-editor div h3 a:hover{text-decoration:underline;} .box-menu-side .letter-editor div p{ width:100%;float:left;margin:0px;padding-bottom:5px;color:#000;text-align:left;font-size:12px;line-height:20px;} /* end letter to editor */ /* multimenu 1 pic */ .box-menu-side .leisure{float:left; width:300px;} .box-menu-side .leisure a img{width:140px; height:90px; float:left; margin:10px 0 10px 10px;} .box-menu-side .leisure .title h3 {float:left; margin:5px 0 0 10px; font-size:14px; font-weight:bold;line-height:20px;} .box-menu-side .leisure .title h3 a{ color:#376a97; text-decoration:none;} .box-menu-side .leisure .title h3 a:hover{text-decoration:underline;} .box-menu-side .leisure .title h3 a:active{text-decoration:underline;} .box-menu-side .leisure .berb h4{ margin:0 0 0 10px;font-family:"Times New Roman", Times, serif; font-size:12px;} /* end multimenu 1 pic */ /* Search menu */ .search-menu{} .search-menu .left{float:left;width:300px; height:90px; background:url(../images/bg-search1.jpg) no-repeat left top;} .search-menu .left h2{float:left;width:99%;text-align:center;font-size:14px; margin:10px 0 0 0; color:#1b497a;} .search-menu .left p{float:left;width:99%;text-align:center;font-size:14px;} .search-menu .right{float:right;width:330px; height:90px; background:url(../images/bg-search2.jpg) no-repeat left top;} .search-menu .right div{float:left;width:99%;text-align:center;} .search-menu .right .popup{border: none;background:url(../images/s-list.jpg) no-repeat left top;padding:2px 8px;cursor:pointer;} .search-menu .right p{float:left;width:99%; margin:5px 0 3px 0;text-align:center;font-size:14px;} .search-menu .right p{float:left;width:99%; margin:5px 0 3px 0;text-align:center;font-size:14px;} .search-menu .form{float:left; margin:4px 0 0 10px; width:280px; height:22px;background: url(../images/bg-search-form2.jpg) left center no-repeat;} .search-menu .form fieldset{border: none;} .search-menu .form legend{display: none;} .search-menu .form .key {float: left;width:190px;margin:1px 6px 0 25px;background: none;border: none; color:#666; } .search-menu .form .go {float:right; width:auto;margin:1px 0 0 3px; background:none; border:none;} .search-menu ul{float:left;list-style:none; width:620px; margin:10px 0;} .search-menu ul li{ border-top:#CCC dotted 1px; margin-bottom:5px;} .search-menu ul li span{font-size:11px; color:#666;line-height:20px;} .search-menu ul li h2 a{ font-size:16px; font-weight:bold; text-decoration:none; color:#376a97;line-height:20px;} .search-menu ul li h2 a:hover{text-decoration:underline;} .search-menu ul li h2 a:active{text-decoration:underline;} .search-menu ul li p{font-size:12px;margin-top:-15px;} .search-menu ul li div{color:#488000; margin-top:-15px;} .search-menu .anchortext{font-size:16px; color:#F00;} .search-menu .button { border: none; background: url('/forms/up.png') no-repeat top left; padding: 2px 8px; } /* End Search menu */ /* FOOTER */ .footer{border-top:0px solid #ddd; clear:both;} .footer a{ text-decoration:none;} .footer a:hover{ text-decoration:underline;} .footer a:active{ text-decoration:underline;} .footer .banner{width:870px; height:30px; background:url(../images/bg-bottom.jpg) no-repeat left top;float:left; text-align:right; margin-left:20px;} .footer .service ul{width:800px; float:left;text-align:center;margin:15px 0 0 110px;} .footer .service ul li{float:left;list-style:none;display: inline; margin-right:30px;} .footer .service ul li a h3{font-size:12px; color:#000; text-decoration:none;} .footer .service ul li a:hover h3{text-decoration:underline;} .footer .service ul li a:active h3{text-decoration:underline;} .footer .contact{height:150px; background:url(../images/bg-contact.jpg) no-repeat top; clear:both; } /* contact nation*/ .footer .contact-menu{ width:920px; height:40px;margin:11px 0 0 20px;font-size:12px; font-family:Arial, Helvetica, sans-serif;clear:both;} .footer .contact-menu .level-1 { float:left; margin-left:95px;} .footer .contact-menu .level-1 ul{height:20px; width:790px;} .footer .contact-menu .level-1 ul li{float:left;list-style: none;display: inline;padding:0 7px 0 0;font-size:12px;color:#000;} .footer .contact-menu .level-1 ul li a{color:#000; text-decoration:none;} .footer .contact-menu .level-1 ul li a:hover{text-decoration:underline;text-decoration:underline;} .footer .contact-menu .level-1 .selected a{font-weight:bold; text-decoration:underline;} .footer .contact-menu .level-1 .selected a:hover{text-decoration:underline;} .footer .contact-menu .level-2 { float:left;position:relative;margin:-18px 0 0 100px; } .footer .contact-menu .level-2 ul{height:20px; width:820px;} .footer .contact-menu .level-2 ul li{float:left;list-style: none;display: inline;padding:0 7px 0 0;font-size:12px;color:#FFF;} .footer .contact-menu .level-2 ul li a{color:#FFF; text-decoration:none;} .footer .contact-menu .level-2 ul li a:hover{text-decoration:underline;text-decoration:underline;} .footer .contact-menu .level-2 .selected a{font-weight:bold; text-decoration:underline;} .footer .contact-menu .level-2 .selected a:hover{text-decoration:underline;} html>body .contact-menu .level-1 ul li a:active , .contact-menu .level-2 ul li a:active{border-style: inset;} /* End contact nation */ .footer .policy ul{margin:20px 0 0 50px;font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none;} .footer .policy li a{ color:#000;} .footer .f-border{width:960px;margin:0 auto; border-top:1px solid #ddd; height:1px;} /* END FOOTER */ /* PAGE LIST */ .listpage{padding: 5px;margin: 10px 0 15px;} .listpage ul{margin: 0;padding-bottom: 2px;text-align: right;font-size: 11px;} .listpage li{list-style-type: none;display: inline;padding-bottom: 1px;} .listpage a/*, .listpage a:visited*/{padding: 2px 7px 4px;border: 1px solid #386b96;text-decoration: none;color: #386b96;background-color: white;} .listpage a:hover, .listpage a:active{border: 1px solid #386b96;color: #FFF;background-color: #386b96;text-decoration: none;} .listpage a.currentpage{background-color:#386b96;color: #FFF;border-color: #2b66a5;font-weight: bold;cursor: default;} .listpage a.disablelink, .listpage a.disablelink:hover{background-color: #FFF;cursor: default;color: #929292;border-color: #929292;font-weight: normal !important;} .listpage a.prevnext{font-weight: bold;} /* End PAGE LIST */ /* New Popup */ .coverpage{ float:left; font-size:14px; font-weight:bold;color:#FFF; position:relative; margin:-40px 0 10px -20px; z-index:9999;} /* End Shadow Box */ .show-berb ul {list-style:none;} .show-berb ul li{list-style-image:url(../images/li-dot2.jpg);} .show-berb ul li{margin:0 0 5px -10px ; padding-bottom:5px;font-size:12px;border-bottom:1px dotted #CCC;} .box-vdo-top{ padding-bottom:3px;} .box-vdo-top h1{margin:10px 0 5px 0;} .box-vdo-top h1 a{ color:#224764; font-size:16px; text-decoration:none; font-weight:bold;} .box-vdo-top h1 a:hover{text-decoration:underline;} .box-vdo-top p{ font-size:12px; margin-bottom:5px;} .box-vdo-top span{ color:#666; margin-bottom:3px;} .box-vdo-top .navi{font-size:14px; text-decoration:none; margin-top:-5px; margin-bottom:5px;text-transform:capitalize;} .box-vdo-top .navi a{ text-decoration:underline; color:#000; text-transform:capitalize;} .box-vdo-top .social-media{width:640px; height:40px; background:#b2c0c9; margin-top:8px;} .box-vdo-top .social-media .share{ margin:-5px 0 8px 0;} .box-vdo{ float:left; margin-top:0px;margin-right:10px;width:150px;} .box-vdo img{ margin-bottom:3px;} .box-vdo h3{margin-bottom:5px;} .box-vdo h3 a{ color:#224764; font-size:12px; text-decoration:none; font-weight:normal;} .box-vdo h3 a:hover{text-decoration:underline;} .box-vdo span.play{float:right; width:28px; height:20px; margin:20px 8px -25px 0; border:0;position:relative; background:url(../images/bt-play.png) no-repeat;} .box-vdo div{color:#666;} .box-vdo span{color:#666;} .box-vdo_v2{ float:left; margin-top:10px;margin-right:10px;width:150px;} .box-vdo_v2 img{ margin-bottom:3px;} .box-vdo_v2 h3{margin-bottom:5px;} .box-vdo_v2 h3 a{ color:#FFF; font-size:12px; text-decoration:none; font-weight:normal;} .box-vdo_v2 h3 a:hover{text-decoration:underline;} .box-vdo_v2 span.play{float:right; width:28px; height:20px; margin:20px 8px -25px 0; border:0;position:relative; background:url(../images/bt-play.png) no-repeat;} .box-vdo_v2 div{color:#FFF;} .box-vdo_v2 span{color:#FFF;} /* VALENTINE VOTE */ .box-valentine{width:640px; height:auto; background-color:#fcd2e0;clear:both;} .box-valentine .wrapper{ background:#f9a3c1; margin:10px 0 0 8px; width:625px; float:left; position:relative;} .box-valentine .wrapper img{ margin:8px 0 8px 8px;} .box-valentine .wrapper{float:left; position:relative;} .box-valentine .description{position:absolute;bottom:0px;left:0px;margin:0 0 10px 15px;width:95%;background-color:black;color:white;opacity:0.6;filter:alpha(opacity=60);} .box-valentine .description .head{font-weight:bold; font-size:14px; float:left; color:#FFF;margin:0 0 0 10px; height:25px;} .box-valentine .description .by{font-size:12px; float:right; color:#FFF; margin-right:10px;} .box-valentine .wrapper-thumb{margin:5px 0 0 3px; width:122px; float:left; position:relative;} .box-valentine .wrapper-thumb img{ margin:0;} .box-valentine .select{border:solid #ff0000 3px; margin:2px -2px -2px 1px; float:left;} .box-valentine .wrapper-thumb{float:left; position:relative;} .box-valentine .description-thumb{position:absolute;bottom:0px;left:0px;margin:0;width:100%;background-color:black;color:white;opacity:0.6;filter:alpha(opacity=60);} .box-valentine p.description_content-thumb{padding:0px;margin:0px; font-size:10px; text-align:center; height:33px;} .box-valentine .wrapper-form{ width:615px; height:auto; border:#ff669c 5px solid; float:left; margin:8px 0 0 8px;} .box-valentine .wrapper-form .form-vote{ width:605px; height:auto; border:#fecadc 5px solid; background:#FFF; float:left;} .box-valentine .wrapper-form .form-vote h3{ margin:10px 0 0 10px; float:left; font-size:16px; font-weight:bold; color:#fa538d;} .box-valentine .wrapper-form .form-vote span{ float:right; margin:10px 10px 0 0; font-size:14px; color:#727272;} .box-valentine .wrapper-form .form-vote .table{ width:600px; background:#FFF;} .box-valentine .wrapper-form .form-vote .table td{background:#FFF; font-size:14px; color:#999;} .box-valentine .wrapper-form .form-vote .design3{ float:left;background-color:#f0f0f0;border:1px solid #dbdbdb;padding:5px;-webkit-border-radius:7px;-moz-border-radius:7px;color: #999;} .box-valentine .wrapper-form .form-vote input[type=text], input[type=password], input.text, input.title, textarea {float:left;background-color:#f0f0f0;border:1px solid #dbdbdb;padding:5px;-webkit-border-radius:7px;-moz-border-radius:7px;color: #999;} .box-valentine .wrapper-form .form-vote .term h3{ font-size:13px; font-weight:bold; color:#898989; float:left; } .box-valentine .wrapper-form .form-vote .term table td{ font-size:13px;color:#898989; float:left; text-align:left; } .box-valentine .wrapper-form .form-vote .error{background:none;border:0;margin:0px; float:left; text-align:left; color:#F00; font-size:12px;} /* END VALENTINE VOTE */ #popup {background:url(../images/bg-popup.jpg) no-repeat top left;height:98px;z-index:99;} #popup a{color: #004276;text-decoration:underline;} #popup a:hover {text-decoration:underline;} #popup .description{font-size: 12px; float:right; text-align:left; width:300px; margin-top:20px;} #popup .description .red{ color:#9f172b; font-weight:bold;} /* Strip Ads */ #strip{position:relative;width:1006px;margin:0 auto;z-index:999;} #footerSlideContainer {position: fixed;bottom:0;width: 1006px;margin:0 auto;} #footerSlideButton {position: absolute;top: -28px;right: 0px;width:209px;height:29px;border: none;cursor: pointer;} #footerSlideContent {width: 1006px;height: 0px;background: #11334e;border:0;margin:0 auto;padding-top:3px;position:relative;opacity: 0.95;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";filter: alpha(opacity=95);} /* END Strip Ads */ .box_aec{ background:url(../images/bg_aec.jpg) top left no-repeat; width:640px; height:550px;} .box_aec .header_aec{height:30px;border-top:0px solid #c3c3c3; text-align:left;} .box_aec .header_aec h2{ margin:0 0 0 30px;font-family:'GrotzecHeadCondensedDemi';font-size:20px; text-transform:uppercase;} .box_aec .header_aec h2 a{ text-decoration:none;color:#000; } .box_aec .aec_list{margin:25px 0 0 20px;} .box_aec .aec_list ul{margin:0 0 0 5px; padding-top:13px;} .box_aec .aec_list ul li {list-style-image:url(../images/bg_list_aec.jpg); margin:1px 0 1px 0;} .box_aec .aec_list ul li span{ font-size:12px; text-transform:uppercase; font-weight:bold; color:#010c4a;} .box_aec .more{ float:right; margin-top:-20px;} .box_aec .aec_list_column{ width:100px; float:right; text-align:right; margin:267px 40px 0 0;} .box_aec .aec_list_column ul{margin:0 0 0 5px; padding-top:13px;} .box_aec .aec_list_column ul li{list-style:none;margin:0px 0 0px 0;} .box_aec .aec_list_column ul li a{ font-weight:bold; color:#3f7491; font-family:Arial, Helvetica, sans-serif;} .box_myanmar{background:url(../images/bg-myanmar.jpg) top left no-repeat; width:300px; height:275px;} .box_myanmar .header_myanmar{height:30px;border-top:0px solid #c3c3c3; text-align:left; margin-top:5px;} .box_myanmar .header_myanmar h2{ margin:0 0 0 34px;font-family:'GrotzecHeadCondensedDemi';font-size:18px; text-transform:uppercase;} .box_myanmar .header_myanmar h2 a{ text-decoration:none;color:#427eb4; } .box_myanmar .header_myanmar h2 a span{ text-decoration:none;color:#58c3ff; } .box_myanmar ul {margin:15px 0 0 10px;list-style:none;clear:both; } .box_myanmar ul li{list-style-image:url(../images/li-dot-aec.jpg); margin:1px 0 1px 0;} .box_myanmar ul li a{ text-decoration:none; color:#000; font-size:13px;} .box_myanmar ul li a:hover{color:#000; text-decoration:none; text-decoration:underline;} .box_myanmar ul li a:active{color:#000; text-decoration:none;} .box_myanmar .more{ float:right;width:300px; margin-top:-22px;} .box_aec_vdo{background:url(../images/aec_vdo.jpg) top left no-repeat; width:300px; height:415px;} .box_aec_vdo .header_aec_vdo{height:30px;border-top:0px solid #c3c3c3; text-align:left;} .box_aec_vdo .header_aec_vdo h2{ margin:0 0 0 34px;font-family:'GrotzecHeadCondensedDemi';font-size:18px; text-transform:uppercase;} .box_aec_vdo .header_aec_vdo h2 a{ text-decoration:none;color:#427eb4; } .box_aec_vdo .header_aec_vdo h2 a span{ text-decoration:none;color:#58c3ff; } .box_aec_vdo .aec_list_vdo{margin:9px 0 0 0;} .box_aec_vdo .aec_show_vdo{float:left;width:100px; height:75px; margin:15px 0 0 10px;} .box_aec_vdo .aec_show_vdo span.play{float:right; width:28px; height:20px; margin:8px 5px -25px 0; border:0;position:relative; background:url(../images/bt-play.png) no-repeat;} .box_aec_vdo .aec_show_vdo img{width:100px; height:75px;} .box_aec_vdo .aec_show_caption { float:right; text-align:left; width:180px; height:75px; margin:15px 2px 15px 0;} .box_aec_vdo .aec_show_caption h3 a{ color:#2241a0; text-decoration:none; font-size:12px;font-weight:bold;line-height:15px;} .box_aec_vdo .aec_show_caption h3 a:hover{ text-decoration:underline;} .box_aec_vdo .aec_show_caption p {margin:-15px 0 0 0; line-height:15px; color:#77757c;} .box_aec_vdo .more{ float:right;width:300px;} .subscribe{ width:360px; height:155px; border:#8c8c8c 1px solid; margin:20px auto; text-align:center;} .subscribe h3{ font-size:14px; color:#707070; font-weight:bold; text-align:center;} .subscribe p{ font-size:12px; color:#969696; margin:0 20px 0 20px; text-indent: 3em; text-align:left;} .renew { height:90px;} .applicationButton {cursor: pointer;overflow: visible;text-align: center;vertical-align: middle;border-radius: 3px 3px 3px 3px;font-size: 15px;line-height: 13px; border: medium none;background-color: #ececec;color: #666666; padding: 6px 30px; margin:13px 0 13px 0; border:#8c8c8c 1px solid;} a.applicationButton {color: #FFFFFF;} a.applicationButton:hover {text-decoration: none;} .box_wef{display:inline-table; width:300px; height:auto; margin-top:10px;margin-bottom:15px;} .box_wef .header_wef{ border-bottom:1px solid #000; height:30px;border-top:0px solid #c3c3c3; text-align:left; margin-top:5px; margin-bottom:5px;background:url(../images/header_wef.jpg) no-repeat;} .box_wef .header_wef h2{ margin:0 0 0 34px;font-family:'GrotzecHeadCondensedDemi';font-size:18px; text-transform:uppercase;} .box_wef .header_wef h2 a{ text-decoration:none;color:#427eb4; } .box_wef .header_wef h2 a span{ text-decoration:none;color:#58c3ff; } .box_wef ul {margin:15px 0 0 10px;list-style:none;clear:both; } .box_wef ul li{list-style-image:url(../images/li-dot-aec.jpg); margin:1px 0 1px 0;} .box_wef ul li a{ text-decoration:none; color:#000; font-size:13px;} .box_wef ul li a:hover{color:#000; text-decoration:none; text-decoration:underline;} .box_wef ul li a:active{color:#000; text-decoration:none;} .box_wef .more{ float:right;width:300px; margin-top:-22px;} /* SLIDE SHOW */ #slides_box{width:635px;height:378px;position:relative;} #slides_box #slides{position:absolute;} #slides_box .slides_container {width:630px;overflow:hidden;position:relative;display:none;} #slides_box .slides_container div.slides_photo {width:630px;height:360px;display:block; background:#000; text-align:center;} #slides_box #slides .next, #slides_box #slides .prev {position:absolute;top:362px;left:-2px;width:15px;height:20px;display:block;} #slides_box #slides .next {left:15px;} #slides_box .pagination {margin:6px 0 0;float: right;list-style: none;} #slides_box .pagination li {float: left;margin: 0 1px;} #slides_box .pagination li a {display: block;width: 13px;height: 0;padding-top: 13px;background-image: url(../images/pagination.png);background-position: 0 0;float: left;overflow: hidden;} #slides_box .pagination li.current a, .pagination li.current a:hover {background-position: 0 -13px;} #slides_box .pagination li a:hover {background-position: 0 -26px;} #slides_box .slides_caption {z-index:500;position:absolute;bottom:-35px;left:0;height:auto;padding:5px 15px 5px 15px;background:#000;background:rgba(0, 0, 0, .5);width:610px;font-size:12px;font-family:Arial, Helvetica, sans-serif;line-height:1.33;color:#fff;border-top:1px solid #000;text-shadow:none;opacity:0.75; filter:alpha(opacity=75);} #slides_box .slides_caption p{ margin:0; padding:0;text-align:left;} /* END SLIDE SHOW */ /* THE NATION V2 */ .logo_v2{ float:left; margin:5px 0 0 23px;} .banner-a1_v2{ float:right; margin:12px 0 0 0;} .solidblockmenu{ margin-top:4px; margin-left:20px;padding: 0;float: left;font: bold 13px Arial;width:966px;overflow: hidden;margin-bottom: 1em;border: 0px solid #625e00;border-width: 0px 0;background: black url(../images/blockdefault.gif) center center repeat-x;} .solidblockmenu li{display:inline;} .solidblockmenu li a{float:left;color: white;padding:9px 9px;text-decoration: none;border-right: 1px solid white;} .solidblockmenu li.isnap a{ padding:0; margin:0;} .solidblockmenu li img{float: left;border-right: 1px solid white;} .solidblockmenu li a:hover, .solidblockmenu li .selected{color:#1e4059;background:transparent url(../images/blockactive.gif) center center repeat-x;} .solidblockmenu li a:hover, .solidblockmenu li .bd-right-0{ border-right:none;} /* MENU 2 */ .solidblockmenu2{ margin-top:-13px; margin-left:20px;padding: 0;float: left;font: bold 11px Arial;width:966px;overflow: hidden;margin-bottom: 1em;border: 0px solid #625e00;border-width: 0px 0;background: #edeef2;} .solidblockmenu2 li{display: inline;} .solidblockmenu2 li a{float: left;color: #1e4059;padding: 7px 9px;text-decoration: none;border-right: 0px solid #edeef2;} .solidblockmenu2 li a:hover, .solidblockmenu2 li .selected{color:#1e4059;background:#edeef2; text-decoration:underline;} .solidblockmenu2 li a:hover, .solidblockmenu2 li .bd-right-0{ border-right:none;} .megamenu{position: absolute;display:none;left: 0;top: 0;background:#FFF; border-bottom:1px solid #d0d0d0;border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0; padding:5px;z-index: 10000;} .megamenu .column{float: left;width: 110px;} .megamenu .column span{ color:#163e61; font-weight:bold;} .megamenu .column ul{margin: 0;padding: 0;list-style-type: none;} .megamenu .column ul li{padding:5px 0px 5px 5px; text-align:left; border-bottom:1px dotted #d0d0d0;} .megamenu .column ul li a{color:#5e5e5e;text-decoration:none;} .megamenu .column ul li a:hover{text-decoration:underline;} .subscribe_v2{width:966px; height:40px; margin-top:-13px; margin-left:20px; padding: 0;float: left;background:transparent url(../images/bd-g.jpg) center center repeat-x; } .solidblockmenu2 a.property-button{width:115px; height:21px;padding:0px; display:inline-block;margin:3px 5px 0 0; float: right;background:transparent url(../images/property/property-button.png) no-repeat; } .solidblockmenu2 a.property-button:hover{width:115px; height:21px;padding:0px; display:inline-block;margin:3px 5px 0 0; float: right;background:transparent url(../images/property/property-button.png) no-repeat; } .form-search_v2{float:right; margin:3px 0 0 0; width:225px; height:22px;background: url(../images/bg-search-form1_v2.jpg) left center no-repeat;} .form-search_v2 fieldset{border: none;} .form-search_v2 legend{display: none;} .form-search_v2 .key {float: left;width:130px;margin:1px 6px 0 25px;background: none;border: none; color:#666; } .form-search_v2 .go {float:left; width:auto;margin:2px 2px 0 3px; background:none; border:none;} .calendar_v2{ float:left; margin:12px 0 0 12px; color:#000;font-size:9px; font-weight:bold;} .member_v2{ margin-top:12px;float:right; width:600px; text-align:right;overflow: hidden; font-size:9px; font-weight:bold;} .member_v2 li{display: inline;} .member_v2 li .no-bg{ background:none; margin-right:12px;} .member_v2 li a{ float:right; padding:0 0 0 15px;text-decoration: none; color:#000; background: transparent url(../images/bul-v2.jpg) no-repeat center left;} .member_v2 li a:hover{ text-decoration:underline;} .box-menu_v2{font-size:12px;margin:10px 0 0 0;background:none;} /* Today news */ .box-menu_v2 .today-news-left_v2{width:390px;float:left;font-size:12px;} .box-menu_v2 .today-news-left_v2 .img_thumb{ width:380px; max-height:252px; position:relative;margin:10px 0 0 5px; float:left;background-color:#000; text-align:center;} .box-menu_v2 .today-news-left_v2 .img_thumb img{ max-width:380px;height:252px;min-height:252px;} .box-menu_v2 .today-news-left_v2 .item{width:380px; float:left; margin:5px 1px 0 7px;margin-bottom:-18px;} .box-menu_v2 .today-news-left_v2 .item span{ color:#F00; font-size:12px; font-weight:bold; text-transform:uppercase;} .box-menu_v2 .today-news-left_v2 .item h1 {width:380px;float:left; font-size:18px;font-weight:bold; margin-bottom:0px;} .box-menu_v2 .today-news-left_v2 .item h1 a{color:#224764;font-weight:bold;text-decoration:none;} .box-menu_v2 .today-news-left_v2 .item h1 a:hover{text-decoration:underline;} .box-menu_v2 .today-news-left_v2 .item h1 a:active{text-decoration:underline;} .box-menu_v2 .today-news-left_v2 .item h3 a{font-size:14px;color:#3473a4;font-weight:bold;text-decoration:none; line-height:20px;} .box-menu_v2 .today-news-left_v2 .item h3 a:hover{text-decoration:underline;} .box-menu_v2 .today-news-left_v2 .item h3 a:active{text-decoration:underline;} .box-menu_v2 .today-news-left_v2 .item p{width:380px;font-size:12px;border-bottom:1px dotted #CCC; margin-top:-16px; padding-bottom:5px;} .box-menu_v2 .today-news-left_v2 .item .none{border-bottom:0px dotted #CCC;} .box-menu_v2 .today-news-left_v2 .clear{border-bottom:0px dotted #CCC;clear:left;} .box-menu_v2 .today-news-right_v2{ width:243px;margin:0 0 0 5px;float:left; font-size:12px;border-left:1px dotted #CCC;border-right:1px dotted #CCC;} .box-menu_v2 .today-news-right_v2 .item{ width:233px; float:left; margin:5px 1px 0 7px;margin-bottom:-18px;} .box-menu_v2 .today-news-right_v2 .item span{ color:#F00; font-size:12px; font-weight:bold; text-transform:uppercase;} .box-menu_v2 .today-news-right_v2 .item h2 {width:233px;float:left; font-size:16px;font-weight:bold; margin-bottom:0px;} .box-menu_v2 .today-news-right_v2 .item h2 a{color:#224764;font-weight:bold;text-decoration:none;} .box-menu_v2 .today-news-right_v2 .item h2 a:hover{text-decoration:underline;} .box-menu_v2 .today-news-right_v2 .item h2 a:active{text-decoration:underline;} .box-menu_v2 .today-news-right_v2 .item h3 a{font-size:14px;color:#3473a4;font-weight:bold;text-decoration:none; line-height:20px;} .box-menu_v2 .today-news-right_v2 .item h3 a:hover{text-decoration:underline;} .box-menu_v2 .today-news-right_v2 .item h3 a:active{text-decoration:underline;} .box-menu_v2 .today-news-right_v2 .item p{width:233px;font-size:12px;border-bottom:1px dotted #CCC; margin-top:-16px; padding-bottom:5px;} .box-menu_v2 .today-news-right_v2 .item .none{border-bottom:0px dotted #CCC;} .box-menu_v2 .today-news-right_v2 .clear{border-bottom:0px dotted #CCC;clear:left;} .box-menu_v2 .today-news-right_v2 .img_thumb{ float:left;width:220px; max-height:147px;position:relative;top:10px;left:12px;margin-bottom:10px;background-color:#000;text-align:center; } .box-menu_v2 .today-news-right_v2 .img_thumb img{ max-width:220px;height:147px;min-height:147px;} .header_v2{ float:left;font-size:15px; font-weight:bold; text-decoration:none;border-bottom:1px dotted #CCC; background: transparent url(../images/bg-hd.jpg) no-repeat center left;} .header_v2 .sky{ color:#5b9ec9; margin-left:25px;} .header_v2 .blue{ color:#224764;} .bt-link_v2{float:right; width:97%;padding:0 0 10px 0;} .bt-link_v2 img{margin:10px 0 0 12px;} /* End Today news */ /* CSS HOTEL */ .header_hotel h3{ font-size:17px; font-weight:bold; margin-left:20px;} .header_hotel_bg{ background:url(../hotels/images/arrow_hotel.jpg) no-repeat top right;height:21px; width:21px; float:left;} .bg_hotel_1{ background:url(../hotels/images/1.jpg) no-repeat top left; width:309px; height:567px;} .bg_hotel_2{ background:url(../hotels/images/2.jpg) no-repeat top left; width:309px; height:567px;} .bg_hotel_3{ background:url(../hotels/images/3.jpg) no-repeat top left; width:309px; height:567px;} .bg_hotel_4{ background:url(../hotels/images/4.jpg) no-repeat top left; width:309px; height:567px;} .bg_hotel_5{ background:url(../hotels/images/5.jpg) no-repeat top left; width:309px; height:567px;} .bg_hotel_6{ background:url(../hotels/images/6.jpg) no-repeat top left; width:309px; height:567px;} .menu_hotel_1{width:80px; height:567px;float:left; font-family:Arial, Helvetica, sans-serif; margin-left:10px;} .menu_hotel_1 ul{ margin:0; padding:0; font-size:15px;} .menu_hotel_1 ul li {list-style:none;margin:30px 0 73px 0;} .menu_hotel_1 ul li a{ color:#FFF; text-decoration:none; font-weight:bold;} .menu_hotel_2{width:210px; height:auto;float:right;} .menu_hotel_2 ul{ margin:0; padding:0; font-size:15px;} .menu_hotel_2 ul li {list-style:none; border-bottom:1px #FFF dotted; padding:13px 0 13px 0;} .menu_hotel_2 ul li a{ color:#FFF; text-decoration:none; padding-left:25px;} .menu_hotel_2 .selected{background:url(../hotels/images/arrow_h_v2.png) no-repeat center left;} .reg_hotel{ float:left; background:url(../hotels/images/bg_reg.jpg) no-repeat top left; width:642px; height:197px;} .reg_hotel .box_hotel{ float:left; width:600px; height:150px; margin:28px 0 0 25px;} .reg_hotel .box_hotel .img_hotel{ float:left; width:233px; height:123px;} .reg_hotel .box_hotel .word_hotel{ float:left; width:335px; height:auto; margin-left:20px;} .reg_hotel .box_hotel .word_hotel h3 a{ font-size:16px; font-weight:bold; color:#000; text-decoration:none;} .reg_hotel .box_hotel .word_hotel p{ margin-top:-10px; font-size:14px; color:#808183;} .province_hotel{ float:left; background:url(../hotels/images/bg_province.jpg) no-repeat top left; width:642px; height:746px;} .province_hotel .box_hotel{ float:left; width:600px; height:150px; margin:28px 0 0 25px; border-bottom:1px solid #d8d8d8} .province_hotel .box_hotel .img_hotel{ float:left; width:233px; height:123px;} .province_hotel .box_hotel .word_hotel{ float:left; width:335px; height:auto; margin-left:20px;} .province_hotel .box_hotel .word_hotel h3 a{ font-size:16px; font-weight:bold; color:#000; text-decoration:none;} .province_hotel .box_hotel .word_hotel p{ margin-top:-10px; font-size:14px; color:#808183;} .province_hotel .box_hotel .word_hotel p{ margin-top:-10px; font-size:14px; color:#808183;} .province_hotel_content{ float:left; background:url(../hotels/images/bg_province.jpg) no-repeat top left; width:642px; height:780px;} .province_hotel_content .box_hotel_content{float:left; width:620px; height:auto; margin:25px 0 0 12px;} .province_hotel_content .box_hotel_content .img_photo{width:467px; height:280px; float:left;} .province_hotel_content .box_hotel_content .img_thumb{width:132px; height:84px;float:left; margin:0 0 12px 8px;} .province_hotel_content .box_hotel_content .hotel_content{width:620px; height:auto;} .province_hotel_content .box_hotel_content .hotel_content h3{font-size:16px; color:#000; text-decoration:none; clear:both; font-weight:bold; } .province_hotel_content .box_hotel_content .hotel_content p{ margin-top:-15px;font-size:12px; color:#818183; text-decoration:none; clear:both;} .province_hotel_content .box_hotel_content .hotel_content p span{ font-size:12px; color:#1e3e71; text-decoration:none; font-weight:bold; font-style:italic; clear:both;} /* END CSS HOTEL */ a.anchor-link{border-bottom: 1px dotted #3F3F3F;color: #3F3F3F;cursor: help;text-decoration: none;} .head_hip{ background:url(../images/hip-h.jpg) no-repeat top left; width:640px; height:60px;} .head_living{ background:url(../images/fasion-h.jpg) no-repeat top left; width:300px; height:46px;} .head_shop{ background:url(../images/shopping-h.jpg) no-repeat top left; width:300px; height:46px;} .head_faces{ background:url(../images/spa-h.jpg) no-repeat top left; width:300px; height:46px;} .head_books{ background:url(../images/books-h.jpg) no-repeat top left; width:300px; height:46px;} /*for menu seachannel */ .solidblockmenu2 li a.fixedColRed{ color:#ff0000; } /* mood news detail */ #block_mood_detail{ float:left; margin:5px 10px 5px 0; width:302px;height:252px;display:block; vertical-align: baseline; background:url(../images/mood/bg_mood.jpg) top right no-repeat; font-size-adjust:none; } #title_mood{ background:url(../images/mood/title_mood.jpg) top right no-repeat; width:283px; height:45px; display:block; margin:7px auto; } .list_mood{ display:inline-block; margin-top:0px; } .list_mood li{ position:relative; display:inline-block; list-style:none; margin:0px 2px 5px 2px; color:#1f9df4; cursor:pointer; } .list_mood li:hover{ background-color:#34affd; color:#fff; } .list_mood li div{ display:block; margin-top:-8px; text-align:center; font-weight:bold; } .mood_result_left{ width:145px; display:inline-block; float:left; margin-top:20px; margin-left:20px; color:#0876f1; font-weight:bold; text-align:center; } .mood_result_left_style1{ font-size:15px; } .mood_result_left_style2{ font-size:20px; } .mood_result_right{ width:125px; display:block; float:right; margin-top:20px; font-weight:bold; } .show_mood_result_right{ margin-top:5px; font-size:15px; } .title_mood_result_right{ font-size:20px; margin-bottom:18px; } .box-content br{ clear:none; } .amnesty-watch{ background:url(../images/amnestypic.jpg) top left no-repeat; padding-top:30px; } .amnesty-watch ul li a{ color:#fff; } .amnesty-watch ul li a:hover{ color:#fff; } .line-border{ border-top: 1px dotted #CCC; display:block; height:1px; margin:10px auto; } .line-border-top{ border-top: 1px dotted #CCC; } .box-menu-side .more-margin-bottom0 img{ margin-bottom:0; } #explore_video div a{ position: relative; display:inline-block; } #explore_video span.play { width: 28px; height: 20px; top: 15px; left: 107px; border: 0; position: absolute; background: url(../images/images_seadchannel_nationbroadcast/bt-play.png) no-repeat; margin: 0px; } .ads_600{ width:600px;margin:0 auto;display:block; text-align:center; } .lbl-sky{ color:#5b9ec9; } #adbanner120x600_left { position: fixed; left: 50%; top: 0px; margin: 0 0 0 -633px; width: 120px; height: 600px; } * html #adbanner120x600_left { position: absolute; } #adbanner120x600_right { position: fixed; right: 50%; top: 0px; margin: 0 -633px 0 0; width: 120px; height: 600px; } .footer_info_contact{ position:relative; } .crm_logo{ position:absolute; right:50px; top:10px; } * html #adbanner120x600_right { position: absolute; } /* ad inside news*/ .banner_inside_news{ float: left; margin-right: 15px; width: 300px; height: 250px; overflow:hidden; background: url(../images/banner/advertisement.jpg) no-repeat; } .today-news-left_v2 .img_thumb { min-height:180px; position:relative; } .today-news-left_v2 .img_thumb iframe{ height:100%;width:100%; position:absolute; left:0; top:0; }