/* font */ #learning-content h2.level, .work h2, .vocab h2, .learning-song h2, #learning-content .framebox h2, .searchBox h2, .searchBox form ul li .submit { font-family:'arial_blackregular'; font-weight: normal;} .highlight-secondary h3, .vocab h3.content, .work h3.content, .learning-song h3, .mostview h3, .learn-together h3 { font-family: charis_silbold; font-weight: normal;} /*Learning Channel*/ /*global element*/ /*#learning-content a {text-decoration: none; display: block;}*/ /*#learning-content h2,#learning-content h2 a {font-size: 14px; }*/ body #learning-content {overflow: visible;} body #learning-content:after, .liteOrangeTheme .articleContent .learning-article {content:''; display: block; clear: both;} body #learning-content .articlePhotoRight, body #learning-content .articlePhotoLeft {overflow: visible;} #learning-content .entry h2 {font-size: 24px;} #learning-content a:hover {text-decoration: underline;} h3.content a{ color:#213c70;} #learning-content .boomboxSize2 {padding-bottom: 5px;} /*#learning-content .boomboxSize1 {padding-bottom: 5px;}*/ #learning-content .levelNavigaton {padding-left: 10px;} #learning-content .levelNavigaton a {display: inline; text-decoration: underline;} #learning-content .levelNavigaton a:hover, #learning-content .help a:hover,#wrapper .meaning .related a:hover,#learning-content form#vocabulary-search a:hover,#learning-content .not-found a:hover {text-decoration: none;} #learning-content .levelNavigaton h1 {color:#213c70; display: inline; font-size: 11px;} #learning-content .feed-content .sponserLinks {width: 634px; height: 275px; box-shadow: none; border-radius: none; padding: 10px; border: none;} #learning-content .feed-content .sponserLinks li {width: 311px;} /*article page*/ /* .learning-wrapper #main-sns{top: 142px;} */ /*#learning-content .learning-article a {display: inline; text-decoration: underline;}*/ #learning-content .learning-article a:hover {text-decoration: none;} /*list-content*/ #learning-content .listcontent .thumbnail {width: 100px; float: left;} #learning-content .listcontent .detail,#learning-content .recommended .content-normal {width: 165px; float: left;} #learning-content .listcontent li {overflow: hidden; width: 290px; padding: 0 0 10px 10px;} /*framebox style large*/ #learning-content .framebox {background: url(../img/bg/frameline-btm.png) no-repeat left bottom;margin-left: 0;} #learning-content .framebox h2 {background: url(../img/bg/frameline-top.png) no-repeat -1px top; width: 654px; font-size: 14px; color:#d24602; color: #333333; padding: 15px 0 0 11px; text-transform: uppercase;} #learning-content .framebox h2 a, #learning-content .list-view h3 a{ font-size: 14px;} /*framebox style small*/ #learning-content .framebox2 {background: url(../img/bg/frameline-small-btm.png) no-repeat left bottom; margin: 0 0 10px;} #learning-content .framebox2 h2 {background: url(../img/bg/frameline-small-top.png) no-repeat -1px top; width: 300px; font-size: 14px; color:#d24602; font-weight: bold;padding: 15px 0 0 11px;} p.content-normal {font-size: 12px; color:#333; width: 184px;} #learning-content .link {color:#787878; font-size: 11px; padding: 5px 0 0 5px; position: absolute; bottom: 5px;} #learning-content .link a {display: inline;color:#787878; font-size: 11px; text-decoration: underline;} #learning-content .link a:hover {text-decoration: none;} #learning-content .readMore { color: #ff956d; font-size: 11px; position: absolute; right: 15px; bottom: 10px; text-decoration: underline;} #learning-content .readMore:hover { text-decoration: none;} div#learning-content { overflow: hidden; margin: 10px 0 0; padding: 0 0 0 6px;} #learning-content .vocab-words { line-height: 20px; margin: 0; font-size: 12px; color: #ff956d;} #learning-content .vocab-words a { color: #ff956d; text-decoration: underline; display: inline;} #learning-content .vocab-words a:hover { text-decoration: none;} #learning-content h2.level {line-height: 35px; padding-left: 32px; position: absolute;z-index: 2; } #learning-content h2.level a {font-size: 12px; color: #ffffff;display: inline; text-transform: uppercase;} #learning-content h2.advance{background: url(../img/bg/learning-level.png) no-repeat 2px 0; margin-top: -9px;} #learning-content h2.intermediate { background: url(../img/bg/learning-level.png) no-repeat 2px -46px; margin-top: -4px;} #learning-content h2.together { background: url(../img/bg/learning-level.png) no-repeat 2px -153px; margin-top: -8px;} #learning-content h2.atWork { background: url(../img/bg/learning-level.png) no-repeat 2px -208px; margin-top: -9px;} #learning-content .learning-slideshow h2.easy,#learning-content .learning-slideshow h2.intermediate{ margin-top: -8px;} #learning-content h2.easy {background: url(../img/bg/learning-level.png) no-repeat 2px -99px; margin-top: -4px;} #learning-content .detail .vocab-words {line-height: 14px; padding: 0; clear: both;} .liteOrangeTheme #learning-content .sponserLinks h2 { width: 642px; margin: -14px 0 -17px -10px; border: none;} #learning-content .sponserLinks {margin-top: 10px; float: left;} #learning-content .sponserLinks ul.travelList {padding-top: 15px;} #learning-content .thumbnail {position: relative;} #learning-content .thumbnail .icon-type {position: absolute; left: 0; top: 0;} #learning-content .feed-content { width: 654px; position: relative; overflow: hidden; float: left;} .learning-slideshow ul li {float: left; width: 415px; position: relative;} .learning-slideshow .icon-type {left: 1px; top: 1px;} .overview .frame { position: absolute; top: 0; left: 0;} .overview .icon-type { left: 1px; top: 1px; position: absolute;} .overview .detail { background: url("../img/bg/bg-highlight.gif") 0 0 no-repeat ; width: 395px; height: 149px; clear: both; padding: 5px 10px 10px;} .overview .detail h2 {width: 365px; position: relative;} .overview .detail h2 img { position: absolute; top: -9px; left: 0;} .overview .detail h3 { font-size: 24px; margin-bottom: 5px; padding: 30px 0 0; line-height: 22px;} .overview .detail h3 a { text-decoration: none; color: #ffffff;} .overview .detail h3 a:hover { text-decoration: underline;} .overview .detail p { font-size: 12px; color: #ffffff; margin-bottom: 5px;} /*sidebar*/ #learning-content .sideBar {margin: 10px 0 0;} #learning-content .sideBar .boomboxSize1 { margin: 0 0 25px;} .sidebar-element {width: 300px; overflow: hidden; margin: 0 0 8px;line-height: 0;} /*slideshow*/ .pic-highlight {position: relative; width: 450px; height: 277px;} .pic-highlight .frame img {width: 415px; height: 277px;} .learning-slideshow {width: 415px; position: relative; height: 1%; overflow: hidden; padding-top:7px;} .learning-slideshow .viewport {width:415px; overflow: hidden;position:relative; height: 442px;} .learning-slideshow .overview {position: absolute;} .learning-slideshow .pager { bottom: 10px; position: absolute; left: 10px;} .learning-slideshow .pager li { float: left; width: 19px;} .learning-slideshow .pager li a { background: url(../img/icons/icon-pagenum.png) 0 0 no-repeat; display: block; height: 9px; width: 9px;} .learning-slideshow .pager li a.active { background: url(../img/icons/icon-pagenum-active.png) 0 0 no-repeat;} .learning-slideshow .pager li a span { visibility: hidden;} /*highlight-secondary*/ .highlight-secondary {width: 200px; background: url(../img/bg/hl-secondary.png) no-repeat 0 -3px; position: absolute; right: 0; top:9px;padding: 0 15px;height: 136px;} .highlight-secondary .detail {width: 130px; position: absolute; right: 12px; top: 30px;} .highlight-secondary h3 {float: left; padding: 0 0 5px;} .highlight-secondary img {float: left;} .highlight-secondary h3 a{font-size: 13px; color: #fff; float: left; padding: 2px 0 0;line-height: 15px;} .highlight-secondary h3 a:hover {text-decoration: underline;} #learning-content .highlight-secondary .thumbnail {position: absolute; top: 35px; left: 17px;} #learning-content .highlight-secondary .thumbnail .icon-type, #learning-content .list-view .thumbnail .icon-type {position: absolute; left: 0; top:0;} #learning-content div.easy {top: 154px; padding: 0 15px 0 15px;} #learning-content div.adver { top: 300px; height: 125px; padding: 10px 15px 0;} .highlight-secondary.adver { overflow: hidden;} .highlight-secondary.adver > a { float: left; margin: 0 10px 10px 0;} .highlight-secondary.adver .detail { position: relative; top: auto; right: auto; width: 90px; float: left; font-size: 12px; color: #ffffff;} /*Words in news*/ .divide {position:relative; width: 654px; overflow: hidden; padding: 0 0 5px; height: 255px;} .vocab { background: url(../img/bg/bg-learning-words-work.gif) 0 0 no-repeat; width: 221px; margin: 10px 0 0; overflow: hidden; float: left; height: 255px;} .vocab h2 { font-size: 14px; padding: 3px 0 0 35px;background: url(../img/bg/bg-WordsInNews.gif) 0 0 no-repeat; height: 28px; width: 165px; text-transform: uppercase; margin: 0 0 4px;} .vocab h2 a, .work h2 a { color: #ffffff; text-decoration: none;} .vocab h2 a:hover, .work h2 a:hover { text-decoration: underline;} .vocab .thumbnail ,.vocab .thumbnail .icon-type, .work .thumbnail ,.work .thumbnail .icon-type {padding-left: 4px;} .vocab h3.content,.vocab p.content-normal,.work h3.content,.work p.content-normal { padding:5px 0 0 5px; width: 184px; line-height: 15px; font-size: 13px;} .vocab .thumbnail,.work .thumbnail,.learning-song .thumbnail {height: 123px; overflow: hidden;} .vocab p.content-normal, .work p.content-normal { height: 30px; overflow: hidden; font-size: 12px;} /*english at work*/ .work {float: left; width: 195px; margin: 10px 0 0;} .work h2 { background: url(../img/bg/bg-Entertainment.gif) 0 0 no-repeat; font-size: 14px; padding: 4px 0 0 32px; height: 28px;width: 165px; text-transform: uppercase; margin: 0 0 3px;} /*learning from song*/ .learning-song {width: 230px; background: url(../img/bg/learning-song.png) no-repeat; position: absolute; right: 0; top: 457px; height: 255px; overflow: hidden; } .learning-song ul li{width: 185px;margin: 0 0 0 20px; padding: 0 0 7px;} .learning-song h2 { padding: 25px 0 0 20px; line-height: 15px; font-size: 13px; text-transform: uppercase; margin: 0 0 5px;} .learning-song h3 { font-size: 13px; line-height: 15px;} .learning-song h2 a { color:#333333;} .learning-song h3,.learning-song .content-normal {padding: 7px 0 0 0; width: 185px;} #learning-content .learning-song .readMore {color:#787878; bottom: 2px;} /*search course*/ .search-course {float: inherit;margin: 11px 0 12px;width: 624px; overflow: hidden; background: #e7e7e7; -webkit-box-shadow:inset 0px 0px 1px #eee;-moz-box-shadow:inset 0px 0px 1px #eee;box-shadow:inset 0px 0px 1px #eee;padding: 0 15px 15px 15px;border-bottom: 1px solid #d7d7d7;} .search-course h2 {background: url(../img/bg/search-course-hd.gif) no-repeat; width: 614px; margin:0 0 0 -15px; height: 41px;font-size: 14px; font-weight:bold; color:#333; padding: 20px 30px 0 15px; } .search-course form {background: #fff; width: 285px; float: left; height: 225px;box-shadow: 0 1px 4px 2px #aeaeae; padding: 15px 10px;} .search-course form li {padding: 10px 0 0; line-height: 15px;} .search-course form label {display: block; font-size: 12px; color:#333; padding: 0 0 5px;} .search-course form .text {padding: 3px; width: 310px;} .search-course .international {margin-left: 14px;} .search-course h3 {font-size: 13px; color:#d24602; font-weight: bold;} .search-course input.search-course {background: url(../img/button/search-course.gif) no-repeat; width: 70px; height: 24px; border: none; cursor: pointer;} #dailyPost .search-course form .text { width: 200px;} /*Most view*/ .mostview {width: 654px; overflow: hidden; padding: 0 0 10px; margin-top: 7px; margin: 0 0 25px;} .mostview h3 { font-size: 13px; line-height: 15px; margin: 0 0 5px;} .mostview ul {padding: 0 0 0 12px;} .mostview ul li{width: 317px; float: left; } .mostview ol li {width: 317px; overflow: hidden; padding: 0 0 15px;} #learning-content .mostview h2 {height: 30px; background: url(../img/bg/frameline-top.png) no-repeat left top;} /*.mostview h2 img{vertical-align: top;}*/ .mostview .figure {background: url(../img/bg/most-view.gif) no-repeat;width: 90px; height: 67px; float: left; padding-right: 10px;} .mostview .figure span {display: block; color:#fff; text-align: center;font-size: 14px; font-weight: normal; line-height: 18px;} .mostview .figure .total {padding: 18px 0 0; font-size: 26px;font-weight: bold;} .mostview .detail {width: 204px; float: left;} #learning-content .mostview .detail .info span {color:#787878; font-size: 12px; float: left; padding: 5px 0 0 0;} #learning-content .mostview .detail .info a {float: left; margin-right: 5px;} /*mostview on sidebar*/ body .learning-wrapper #learning-content .mostview {width: 300px;} body .learning-wrapper #learning-content .mostview h2 {background: url(../img/bg/frameline-small-top.png) no-repeat 1px top; height: 30px;} body .learning-wrapper #learning-content .mostview ul li {width: 300px; padding: 0 0 10px 0;} /*Recommended school*/ #learning-content .recommended {margin-bottom: 10px; overflow: hidden; width: 300px; padding: 0 0 10px; height: 244px;} #learning-content .recommended h2,#learning-content .Educationnews h2 {background: url(../img/bg/frameline-small-top.png) no-repeat left top; height: 30px;} #learning-content .recommended .popular p {color: #257bb9; font-size: 12px; font-weight: bold; border-top: 1px solid #e8e8e8; padding: 10px 0 0;} #learning-content .recommended .popular {width: 280px;} /*Educationnews*/ .Educationnews {padding: 0 0 20px; overflow: hidden; height: 281px;} .Educationnews .more {padding: 0 0 0 10px;} #learning-content .Educationnews .more:hover {text-decoration: none;} /*learn-together*/ .learn-together { background: url(../img/bg/learning-together2.jpg) repeat-y; width: 654px; position: relative; clear: both; overflow: hidden; margin: 0 0 20px; } .learn-together:before {background: url(../img/bg/learning-together1.jpg) no-repeat; content:''; display: block; width: 652px; height:20px;} .learn-together:after {background:url(../img/bg/learning-together3.jpg) no-repeat left bottom; content:''; display: block; width: 652px; height:20px; clear: both; } .learn-together h2 a {color:#d24602; padding: 15px 0 0 45px; font-size: 14px; display: block;} #learning-content .more {font-size: 11px; color:#787878;} #learning-content .learn-together .more:hover {text-decoration: none;} .learn-together .article {width: 380px; float: left; padding:10px 0 0 15px;} .learn-together .article .thumnail {float: left; padding: 0 15px 0 0;} .learn-together .detail {width: 265px; float:left;} .learn-together .detail .content-normal {width: auto; padding:5px 0 5px;} .learn-together .writing-review {position: absolute; right: 10px; top: 5px;} #learning-content .learn-together .writing-review a {position: absolute; bottom: 22px; right: 15px; } /*SNS*/ .SNS {width: 300px; overflow: hidden; height: 152px;} .SNS h2 {height: 25px;} .SNS ul {padding: 0 0 10px 8px; overflow: hidden;} .SNS li {float: left; margin: 0 3px 0 0;} .SNS li.last {margin: 0;} /*contributor*/ .contributor {width: 300px; height: 115px; background: url(../img/bg/contributor.png) no-repeat;} .contributor h2 {padding: 15px 0 0 15px; height: 25px;} .contributor h2 a {color:#D24602; font-size: 14px;height: 25px; display: block;} .contributor .thumbnail {float: left; width: 60px; margin-left: 15px;} .contributor .detail {width: 207px; float: left;} .contributor .detail p {color:#333; font-size: 12px;} #learning-content .contributor .detail p a {display: inline; color:#333;} /*words in news - global*/ .listview {width: 307px; overflow: hidden; float: left; padding: 21px 0 50px; margin: 0 0 0 5px;} .listview p {font-size: 12px; color:#333;padding-bottom: 5px;} .listview h3 {color:#d24602; font-size: 14px;padding-bottom: 8px;} .listview h3 span {font-style: italic;} .listview ul li{background: url(../img/bg/word-list.gif) no-repeat left bottom; overflow: hidden; width: 304px; padding: 10px 0 10px 3px;} .listview h2 {position: relative; width: 307px; height: 31px; } .listview h2 span {position: absolute; width: 307px; left: 0; top:0; font-size: 14px; font-weight: bold; color:#fff; display: block; padding: 8px 0 0 11px;} .listview .learnmore{text-align: right;} #learning-content .refer,.refer a,#learning-content .learnmore a {color: #5e5e5e; font-size: 12px;} #learning-content .learnmore a {font-size: 11px; color:#787878;} #learning-content .refer a,#learning-content .learnmore a {display: inline; text-decoration: underline;} #learning-content .refer a:hover, body #learning-content .learnmore a:hover {text-decoration: none!important;} /*today-word*/ .today-word h2 {background: #346ca0; } /*topten-word*/ #learning-content .topten-word h2{background: #a0345d;background-image: none;} #learning-content .topten-word ul {padding: 0;} #learning-content .topten-word ul li {padding: 10px 0 10px;} .topten-word {margin-left: 30px;} .topten-word ul li .learnmore {padding: 0 0 5px; float: right;} .topten-word .learnmore {padding: 10px 0 5px; float: right;} /*search alphabet*/ .search-alphabet {font-size: 13px;} .search-alphabet h2, .search-result h2{background: #d7e5e8; width: 645px; height: 58px; overflow: hidden; position: relative; margin: 20px 0 0;} .search-result h2 {margin: 5px 0 0 5px;} .search-alphabet h2 span, .search-result h2 span{position: absolute; left: 20px; top:18px; font-size: 16px; font-weight: bold;color:#d24602;} .search-alphabet .nav li {width: 20px; height: 18px; padding: 2px 0 0;float: left; background: url(../img/bg/nav-alphabet.gif) no-repeat; margin: 0 3px 3px 0;} .search-alphabet .nav li a,.search-alphabet .nav li span {font-size: 15px; color: #333358; font-weigh: bold; text-align: center;} #learning-content .search-alphabet .nav li a:hover {text-decoration: none;} .search-alphabet .nav{width: 600px; margin: 0 auto; padding: 20px 0;} .search-alphabet .nav .active {background: url(../img/bg/nav-alphabet.gif) no-repeat 0 -22px;} .search-alphabet .nav .active span{color:#fff; display: block;} .search-alphabet .nav .unactive span{color:#ccc;display: block;} .search-alphabet .nav #all {width: 24px; height: 20px; background: url(../img/bg/nav-alphabet.gif) no-repeat 0 -66px;} .search-alphabet .nav #all.active {background: url(../img/bg/nav-alphabet.gif) no-repeat 0 -44px;} .search-alphabet .result,.search-result .result {clear: both;} .search-alphabet .result li,.search-result .result li{width: 600px; margin: 0 auto; font-size: 13px; padding: 10px 0 0;} .search-alphabet .result li strong,.search-result .result li strong { font-size: 15px;} #learning-content .search-alphabet .result li strong a, #learning-content .search-result .result li strong a { display: inline; color: #1478c0;} .search-alphabet .pagination{width: 645px; background: url(../img/bg/bg-pagination.gif) repeat-x; height: 33px; text-align: center;font-size: 13px;padding: 15px 0 0;margin: 20px 0;} .search-result .pagination {width: 625px; background: url(../img/bg/word-list.gif) repeat-x; height: 33px; text-align: center;font-size: 13px;padding: 15px 0 0;margin: 20px 10px;} #learning-content .search-result .top {background: url(../img/bg/word-list.gif) repeat-x left bottom; margin: 10px 10px 0; padding: 15px 0 5px;} #learning-content .search-alphabet .pagination a,#learning-content .help a, #learning-content .search-result .pagination a {display: inline; font-size: 13px; color:#213C70; } #learning-content .search-result .pagination a {text-decoration: underline;} #learning-content .search-result .pagination a:hover {text-decoration: none;} #learning-content .help {text-align: center; padding: 0 0 40px;} #learning-content .help a {text-decoration: underline; font-weight: bold;} /*list-view - global use for thumb (right) and detail (left) display*/ #learning-content .list-view {width: 645px; margin: 0 0 0 3px; } #learning-content .all-story {margin: 15px 0 0 3px; float: left;} #learning-content .list-view h2, #learning-content .placement h2 {width: 645px; position: relative; background: #d24602; height: 33px; margin: 15px 0 0; clear: both;} #learning-content .list-view h2 span, #learning-content .placement h2 span {position: absolute; top: 3px; left: 15px; color:#fff;} #learning-content .list-view ol li{background: url(../img/bg/word-list.gif) repeat-x left bottom; width: 621px; overflow: hidden; padding: 15px 12px;} #learning-content .list-view h3 {padding: 5px 0;} #learning-content .list-view ol li.last {background: none;} #learning-content .list-view .thumbnail {width: 100px; float: left; position: relative;} #learning-content .list-view .intro {font-size: 11px; } #learning-content .list-view p {color:#333; font-size: 12px; position: relative;} #learning-content .list-view .date {font-size: 12px; color:#5e5e5e;} #learning-content .list-view .sponserLinks{border: none; margin: 20px 0 0 -2px; overflow: hidden;} #learning-content .tutors .sponserLinks {border: none; margin: 5px 0 0 -1px; overflow: hidden;} #learning-content .list-view .sponserLinks .travelList .directoryDetail iframe, #learning-content .tutors .sponserLinks .travelList .directoryDetail iframe {width: 310px;} #learning-content .list-view .sponserLinks h2,#learning-content .tutors .sponserLinks h2 {background: url(../img/bg/frameline-top.png) no-repeat -1px top ; border:none;height: auto; } #learning-content .list-view .pagination {font-size: 13px;height: 33px;margin: 10px 0;padding: 10px 0 0;text-align: center;width: 645px;} #learning-content .list-view .pagination a {color: #D24602; display: inline;font-size: 13px; text-decoration: underline;} #learning-content .list-view .pagination a:hover {text-decoration: none;} /*article*/ #learning-content .level {width: 100%; overflow: hidden; float: left;} #learning-content .level span,#learning-content .level ol {float: left; vertical-align: middle;} #learning-content .level ol li {float: left; padding-top: 4px; margin-right: 10px; list-style: none; line-height: 14px;} #learning-content .level ol li a {text-decoration: none; color:#363636; display: block; height: 20px;padding: 0 2px 0 20px; } #learning-content .level ol li.active a {color: #d24602; background: url(../img/bg/level-active.png) left bottom repeat-x;} #learning-content .level ol .advance {background: url(../img/bg/level.png) no-repeat -11px -7px;} #learning-content .level ol .intermediate {background: url(../img/bg/level.png) no-repeat -12px -40px; } #learning-content .level ol .intermediate a {padding: 0 2px 0 23px;} #learning-content .level ol .easy {background: url(../img/bg/level.png) no-repeat -12px -76px;} #learning-content .level ol .easy a {padding: 0 2px 0 21px;} /*listen panel*/ .learning-article .listen {width: 600px; padding: 10px 5px 10px 15px; margin-top: 5px;overflow: hidden; background: url(../img/bg/listen-panel.gif) 0 0 repeat-y;} .learning-article .listen .intro {width: 500px; float: left; line-height: 14px;} .learning-article .listen .intro p{font-family: Arial; font-size: 13px; margin: 0;} .learning-article .listen h2,.learning-article .vocabularies h2 {color:#d24602; font-size: 14px; margin-bottom: 5px;} .learning-article .listen a {font-size: 12px; } .learning-article .listen .navigate {width: 98px; float: right; padding: 20px 0 0;} .learning-article .listen a.listen {background: url(../img/bg/listening.png) no-repeat; width: 50px; height: 22px; float: left; padding: 2px 0 0 31px; text-decoration: none;color:#fff; margin-top: 0;} .learning-article .listen a.download {background: url(../img/bg/listening.png) no-repeat 0 -34px; width: 62px; height: 22px; float: left; padding: 2px 0 0 24px; text-decoration: none;color:#fff;} .learning-article .listen #sound_wrapper { clear: both;} /*vocabularies*/ .vocabularies {background: url(../img/bg/vocabularies.gif) repeat-y; width: 590px; padding: 10px 15px; margin: 15px 0;} .articleContent article.learning-article {overflow: visible;} .articleContent article .vocabularies p {overflow: hidden; padding: 5px 0 0;margin: 0;} .vocabularies .vocabulary {width: 120px; float: left; font-weight: bold;font-family: Arial; font-size: 13px; } .vocabularies .learning-vocabulary {width: 120px; float: left; font-weight: bold;font-family: Arial; font-size: 13px; } .vocabularies .meaning {width: 442px; float: right; padding: 0 28px 5px 0; font-family: Arial; font-size: 13px;} /*meaning*/ .meaning {padding: 0 0 50px;} .meaning .figure{width: 519px; margin: 20px auto 10px;height: 81px; text-align: center; background: url(../img/bg/word-meaning.jpg) no-repeat; padding: 20px 0 0;} .meaning .figure span {color:#fff; font-size: 36px;margin-right: 5px;} #learning-content .meaning .figure button {vertical-align: text-bottom; width: 26px; height: 26px; background: none; border: none; position:relative; cursor: pointer;} #learning-content .meaning .figure button img {position: absolute; left:0; top:0;} .meaning .article {width: 645px; background: url(../img/bg/meaning-btm.png) no-repeat left bottom; padding: 0 0 34px; margin: 0 0 0 5px;} .meaning .meaning-detail {width: 605px; background: #f2f2f2; padding: 0 20px 10px; font-size: 12px;} #wrapper .meaning .article h2 {background: url(../img/bg/meaning-top.png) no-repeat left top; width: 605px; padding: 55px 20px 10px; font-size: 12px; } #wrapper .meaning .article .type {font-style: italic;} #wrapper .meaning .article h3 {padding: 20px 20px 15px 27px; font-size: 12px; background: url(../img/bg/meaning-line.png) no-repeat left top; margin: 20px 0 0;} #wrapper .meaning .article ul li {list-style: disc outside none; line-height: 18px; margin: 0 20px 0 40px; } #wrapper .meaning .article a {color:#333;display: inline;} #wrapper .meaning .article a:hover,#wrapper .meaning .article a:hover span {text-decoration: underline;} #wrapper .meaning .article a span {color:#5e5e5e;} #wrapper .meaning .related {width: 645px; margin: 10px 5px;} #wrapper .meaning .related h2 {font-size: 12px; padding: 0 0 10px;} #wrapper .meaning .related a {display: inline; text-decoration: underline; color:#333; font-size: 12px;} /*song*/ .entry .player {margin-bottom: 15px; width: 635px;position: relative; z-index: 1!important; } .entry .player iframe {position: relative; z-index: 1!important;width:635px;} /*search course page*/ #learning-content .tutors .search-course h2 {font-size: 20px;} /*tabslidebox*/ #learning-content .tabslideBox {clear: both; background: url(../img/bg/bg-slidebox.jpg) repeat-y; margin: 15px 0 0 5px; float: left; overflow: hidden; height: auto;} #learning-content .tabslideBox .figure a {display: inline;} #learning-content .tabslideBox ul.tabMenu {background: url(../img/bg/slidebox-top.gif) no-repeat; height: 27px;} #learning-content .tabslideBox ul.tabMenu li a {line-height: 25px;} #learning-content .tabslideBox ul.tabMenu li a.active {background: #f3f3f3!important; border: none; height: 22px; margin: 4px 0 0;line-height: 19px;} #learning-content .tabslideBox #selectForm {width: 602px;} #learning-content .tabslideBox .readmore {padding: 10px 0 0;} #learning-content .tutors .search-course form {width: 602px; height: 160px; padding: 10px;} #learning-content .tutors .search-course form label {color:#d24602; font-size: 14px; font-weight: bold;} #learning-content .tutors .search-course .institute,#learning-content .tutors .search-course .city {float: left; padding: 20px 20px 0 0;} #learning-content .tutors .search-course li {padding: 5px 0 0;} #learning-content .tutors .search-course .submit {clear: both;} #learning-content .tutors .search-course .text {border: 2px solid #ed5d17; font-size: 14px;} /*placement test*/ #learning-content .placement {width: 645px; margin: 0 0 0 3px; } #learning-content .placement form {width: 645px; background: url(../img/bg/placement.jpg) no-repeat; height: 501px; margin: 10px 0 0; position: relative;} #learning-content .placement .time{color: #FFFFFF; float: right; font-size: 22px; padding: 42px 48px 0 0;} #learning-content .placement .question-page { float: left; padding: 45px 0 0 330px; color: #c1ec96;} #learning-content .placement .question-page span { cursor: default;} #learning-content .placement ul{width: 575px; margin: 20px auto; clear: both; padding: 20px 0 0;} #learning-content .placement ul li{font-size: 18px; line-height: 36px; } #learning-content .placement h3 {font-size: 18px; line-height: 25px; padding: 0 0 10px;} #learning-content .placement .choice {width: 40px; float: left; text-align: center; margin: 0 5px 0 -10px; cursor :pointer;} #learning-content .placement .active {background: url(../img/bg/choice-active.png) no-repeat 0 2px;} #learning-content .placement .next { background: url(../img/button/placement-next.png) 0 0 no-repeat; width: 86px; height: 28px; float: left; border: none; position: absolute; bottom: 50px; left: 30px;} #learning-content .placement .next.active { background: url(../img/button/placement-next.png) 0 -28px no-repeat;cursor: pointer;} #learning-content .placement span { cursor: pointer;} /*placement info*/ #learning-content .placement .placement-info {background: url(../img/bg/placement-form.jpg) no-repeat;} #learning-content .placement .placement-info h3.header {font-size: 14px; color: #fff; font-weight: normal; padding: 40px 0 0 20px;} #learning-content .placement ol li {list-style:none; font-size: 12px; width: 610px; overflow: hidden;line-height: 29px;} #learning-content .placement ol li p {float: left; width: 605px; overflow: hidden;} #learning-content .placement ol li span{float: left; padding: 0 20px 0 0;} #learning-content .placement ol li input {margin: 0 10px 0 0;} #learning-content .placement ol li .header {width: 130px;} #learning-content .placement ol li .header2 {width: 250px;} #learning-content .placement ol li .instruction {clear: both; width: 600px; color:#787878; margin:-7px 0 10px; padding: 0; line-height: 16px;} #learning-content .placement ol li .instruction2 {clear: both; width: 490px; color:#787878; margin: -2px 0 5px 105px; padding: 0; line-height: 16px;} #learning-content .placement ol li p {padding: 0 0 0 15px;} #learning-content .placement ol {width: 605px; margin: 10px 20px 0 15px;} #learning-content .placement ol li .header3 {width: 105px; float: left;} #learning-content .placement ol li .text {padding: 2px 5px; width: 160px;} #learning-content .placement .submit {background: url(../img/button/placement-submit.png) no-repeat; width: 86px; height: 28px; float: right; border: none; position: absolute; bottom: 30px; right: 20px; cursor: pointer;} #learning-content .placement ol li a {display: inline; color: #787878; font-weight: bold;} /*placement result*/ .placement .placement-result .article{background: url(../img/bg/test-result.jpg) no-repeat; width: 588px; height: 690px; font-size: 14px; padding: 192px 25px 0; margin: 15px 0 0;} .placement .placement-result .article p {padding: 0 0 15px;} .placement .placement-result .article .score {top: 405px; left: 215px;} .placement .placement-result .article .footer {top: 490px;margin-left: -282px; width: 565px;} .placement .placement-result .article .name {font-size: 24px;} .placement .placement-result .article .rank {font-size: 18px;padding: 0 0 5px;margin: -10px 0 0;} .placement .placement-result .article .score .header {width: 135px;} .placement .placement-result .article .footer p {line-height: 18px;} /*placement result-lightbox*/ .placement-result {background:#fff; margin: 0 0 0 3px;} .placement-result .article { padding: 140px 25px 0;width: 435px; height: 515px; background: url(../img/bg/placement-result.jpg) no-repeat; text-align: center; font-size: 10px; color:#333; position: relative;} .placement-result .article .name {font-size: 18px; color:#D24602;font-weight: bold;} .placement-result .article p {padding: 0 0 8px;} .placement-result .article .score {width: 300px; position: absolute; left: 170px; top: 305px;color:#D24602; text-align: left;} .placement-result .article .score .header {width: 100px; float: left; font-weight: bold;} .placement-result .article .footer {width: 410px; position: absolute; left: 50%; margin-left: -205px; top: 375px;} .placement-result .article .footer p {padding: 0 0 20px; line-height: 13px;} .placement-result .article .rank {font-size: 14px; color:#D24602; } .placement-result .article .footer .level {padding:0;} .placement-result .article .footer span {display: block;} #learning-content .placement-result .article .footer .share a {display: inline;} /*note*/ .note {background: url(../img/bg/vocabularies.gif) repeat-y; width: 635px; padding: 15px; margin: 0 0 0 3px; font-size: 12px; overflow: hidden;} .note .figure {float: left; width: 105px;} .note .detail {width: 510px; float: left;} .note .subscribe {width: 510px; padding: 10px 0;} #learning-content .note .submit {background: url(../img/button/placement-submit.png) no-repeat; width: 86px; height: 28px; float: right; border: none; cursor: pointer; float: left;} /*search-category*/ #learning-content .search-category {background: url(../img/bg/vocabularies.gif) repeat-y; width: 635px; padding: 15px 15px 25px; margin: 12px 0 0 3px; font-size: 12px; overflow: hidden; float: left;} #learning-content .search-category h2 { color:#d24602; font-size: 16px; padding: 0 0 15px;} #learning-content .search-category ul {width: 600px; margin: 0 0 0 3px;} #learning-content .search-category li {width: 300px; float: left; line-height: 24px;} #learning-content .search-category li a {display: inline; color:#d24602; font-weight: bold;} /*search-result*/ form#vocabulary-search {width:605px; height: 60px; padding: 20px;background: url(../img/bg/vocab-search.png) repeat-y 0 0; margin: 10px 0 0 5px;} #learning-content form#vocabulary-search h2 {color:#fff; font-size: 16px; font-weight: bold; padding: 0 5px 5px; background: none; width: auto; height: auto;} form#vocabulary-search .text {width: 335px; border: 1px solid #f8ba9a; padding: 2px 5px; margin: 0 10px 0 0; font-size: 15px;} form#vocabulary-search .submit {background: url(../img/button/search-vocab.png) no-repeat; width: 87px; height: 25px; border: none; cursor: pointer;} #learning-content form#vocabulary-search a {color:#ff9966; font-size: 12px; display: inline; text-decoration: underline;} /**all- category*/ #learning-content .all-category { background: url(../img/bg/bg-slidebox.jpg) repeat-y 0 0; clear: both; float: left; height: auto; margin: 15px 0 5px 5px; overflow: hidden; width: 615px; padding: 15px;} #learning-content .all-category h2 { color: #D24602; font-size: 16px; margin-bottom: 10px;} #LearningCategories { width: 645px;} #LearningCategories { margin: 0 auto; overflow: hidden; padding-bottom: 15px; width: 595px;} #LearningCategories h3 { clear: both; padding-bottom: 5px;} #LearningCategories h3 a { font-size: 12px; display: inline;} #LearningCategories h3 span { color: #333333; font-size: 12px; font-weight: normal;} #LearningCategories ul { margin-bottom: 10px; overflow: hidden;} #LearningCategories ul li { clear: both; width: 100%;} #LearningCategories ul li ul { margin: 0;} #LearningCategories ul li ul li { clear: none; display: block; float: left; margin-bottom: 0; margin-left: 10px; overflow: hidden; padding-left: 15px; padding-right: 5px; position: relative; width: 267px;} #LearningCategories ul li ul li span.bull { font-size: 19px; left: 0; position: absolute; top: 2px;} #LearningCategories ul li ul li a { display: inline; color: #333333; font-size: 12px;} #LearningCategories ul li ul li span { color: #333333; font-size: 12px;} #learning-content #commentPost #postPanelWrapper { border: 10px solid #B1B1B1; clear: both; color: #363636; margin: 0 0 10px -6px; overflow: hidden; padding: 10px 10px 15px; width: 944px; } #learning-content #commentPost #postPanelWrapper .InteractiveMessage p a { display: inline;} #learning-content .reply a { display: inline;} #form_question .start { background: url("../img/bg/bg-Start.png") 0 0 no-repeat; height: 109px; width: 129px; border: none; position: absolute; left: 262px; top: 196px; cursor: pointer;} #learning-content .Sponsorlink a { display: inline;} .gettingStart { width: 654px; padding: 10px 0 0; overflow: hidden;} .gettingStart .pic-guide { float: right;} .gettingStart .content { float: left; width: 301px; overflow: hidden; margin-top: 30px; padding-left: 6px;} .gettingStart .content p { font-size: 12px; color: #333333; margin-bottom: 20px; line-height: 18px;} .gettingStart .content ul { margin-bottom: 10px; overflow: hidden;} .gettingStart .content ul li { font-size: 12px; color: #333333; margin-bottom: 10px;} .gettingStart .content ul li img { margin-right: 5px;} /*#learning-content .articlePhotoRight, #learning-content .articlePhotoCenter, #learning-content .articlePhotoLeft { overflow: inherit;}*/ #learning-content .articlePhotoRight .LearningWord, #learning-content .articlePhotoCenter .LearningWord, #learning-content .articlePhotoLeft .LearningWord { z-index: 5;} #learning-content .notifyemail a { display: inline;} /*not found*/ #learning-content h2.notfound {margin: 20px 5px -10px;} #learning-content .not-found {padding:15px 0 10px;} #learning-content .not-found p{font-size: 14px; color:#333; padding: 10px 15px 0; line-height: 18px;} #learning-content .not-found a {display: inline; color:#333;text-decoration: underline;} /* comment */ #learning-content #comment-list .inst p a { display: inline;} #learning-content #comment-list .username { display: inline;} #learning-content #comment-list .social a { display: inline;} #learning-content #comment-list .comment .group a, #learning-content #comment-list .comment-not-login .group a { display: inline;} #learning-content #comment-list .more { font-size: 12px; text-decoration: none;} #learning-content #comment-list .more a { text-decoration: none;} #learning-content #comment-list .more a:hover { text-decoration: underline;} #learning-content .Educationnews h2 { height: 25px;} #learning-content .Educationnews li { padding: 0 0 5px 10px;} #learning-content .Educationnews .detail { float: none; width: auto;} #learning-content .Educationnews .detail .content-normal { width: auto; padding-right: 5px;} /*#learning-content .more-topic .header h2 { color: #FFFFFF; float: left; font-size: 16px; margin: 0;} #learning-content .Other-stories h2 { background: #898989; color: #FFFFFF; font-size: 16px; padding: 10px; width: 296px;} #learning-content #articleWrapper .no-moretopic h2 { width: 625px;} #learning-content #articleWrapper .more-topic .viewport .overview ul li .detail { background: none; clear: none; height: auto; padding: 0;} #learning-content #articleWrapper .more-topic .viewport .overview ul li .detail h3 { padding: 0;}*/ #learning-content .more-topic h2, #learning-content .Other-stories h2 {font-size: 11px; font-weight: normal;} #learning-content #headergroup ul li a { text-decoration: none;} #learning-content #headergroup ul li a:hover { text-decoration: underline;} /*e-newspaper reflect*/ header[id|=hd] .hd-right .epaper:after {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(210, 70, 2, 0.81) 49%, rgba(210, 70, 2, 1) 100%);} .dir-reviews.framebox { border: none; box-shadow: none; padding: 10px; width: 634px;} .dir-reviews.framebox h2 { margin: 0 0 0 -10px; border: none; height: 30px; font-size: 15px; line-height: 17px;} #learning-content .dir-reviews.framebox h2 a { color: #333333;} .dir-reviews.framebox .slideshow, .dir-reviews.framebox .rankVote { margin-top: -5px;} .dir-reviews.framebox .rankVote li:last-child { border: none;} .dir-reviews.framebox .slideshow .viewport , .dir-reviews.framebox .slideshow .viewport .overview li { height: 280px; width: 300px;} .dir-reviews.framebox .slideshow .next, .dir-reviews.framebox .slideshow .prev { background: url("../img/button/btn-next_prev-learning.png") 0 0 no-repeat;} .dir-reviews.framebox .slideshow .prev { background-position: 0 0; left: 0;} .dir-reviews.framebox .slideshow .prev:hover { background-position: 0 -53px;} .dir-reviews.framebox .slideshow .next { background-position: -53px 0; right: 0;} .dir-reviews.framebox .slideshow .next:hover { background-position: -53px -53px;} .dir-reviews.framebox .slideshow .pager li a:hover, .dir-reviews.framebox .slideshow .pager li a.active { background: url("../img/button/bt-all_pagenum.png") -112px 0 no-repeat;} /* search box */ .searchBox { background: url(../img/bg/bg-learningSearch-aside.png) 0 0 repeat-y; width: 300px; overflow: hidden; margin: 0 0 25px; } .searchBox h2 { background: url(../img/bg/bg-learningSearch-head.png) 0 0 no-repeat; width: 300px; height: 25px; overflow: hidden; clear: both; font-size: 13px; line-height: 15px; text-transform: uppercase; color: #ffffff; padding: 10px 0 0 35px;} .searchBox form { overflow: hidden; padding: 10px 10px 0; width: 280px; } .searchBox form ul { margin: 0 0 10px; border-bottom: 1px solid #d8f2ea;} .searchBox form ul li { margin: 0 0 10px; width: 280px;} .searchBox form ul li input { padding: 5px; width: 268px; border: 1px solid #999999;} .searchBox form ul li select { padding: 5px 5px 5px 0; width: 280px; border: 1px solid #999999;} .searchBox form ul li .submit { cursor: pointer; background: #188879; color: #ffffff; width: 86px; height: 26px; border: none;} .searchBox form ul li .submit:hover { background: #115f54;} .searchBox form ul li:last-child { margin: 0 0 20px;} .searchBox .education { overflow: hidden; width: 280px; padding: 0 10px 20px;} .searchBox .education li { background: url(../img/icons/icon-education.png) 0 0 no-repeat; clear: both; overflow: hidden; padding: 3px 0 3px 30px;} .searchBox .education li:nth-child(1) { background-position: 0 8px;} .searchBox .education li:nth-child(2) { background-position: 0 -25px;} .searchBox .education li:nth-child(3) { background-position: 0 -57px;} .searchBox .education li:nth-child(4) { background-position: 0 -87px;} .searchBox .education li:nth-child(5) { background-position: 0 -123px;} .searchBox .education li:nth-child(6) { background-position: 0 -150px;} .searchBox .education li a { color: #197266; font-size: 12px;} .embed-vdo { width: 300px; overflow: hidden; margin: 0 0 25px;} .learn-together h2.headline { border: none; } .learn-together h2.headline a { display: inline-block; font-size: 15px; color: #333333; padding: 0 20px 0 10px} .learn-together h3 { font-size: 13px; line-height: 15px;} /*font family*/ .top-category h2, .learning-search h2, form.learning-search input[type="submit"], .top-panel .learning-search div > a,#get-alert p:nth-of-type(2), .carousel-pp h2.headline,.item-list .navi-top h2.headline,#content > div[class^=right] p > a[title="POST NEW LISTING"], #add-profile h2,#add-profile .default fieldset:first-child div:nth-of-type(2) label, #add-profile .default fieldset:first-child div:nth-of-type(3) label, #add-profile .default fieldset:first-child div:nth-of-type(4) label, body #wrapper.full #add-profile .default p.submit input[type='submit'], .upgrade-listing table th, .btn-group a { font-family: "arial_blackregular"; font-weight: normal;} .left-pane .listname a{font-family: 'charis_silbold';} /*common*/ #wrapper.wrapper-normal #content{width: 940px;} .boomboxSize1 { margin: 0 0 25px;} .liteOrangeTheme .hd-navigation ul { width: auto;} .liteOrangeTheme .levelNavigaton {padding: 10px 0 20px;} .liteOrangeTheme .listing-paid .levelNavigaton { width: 940px; margin: 0 auto; padding: 0;} span.require {color:#ff0000;} /*get alert*/ #get-alert {background:#d24618 url(../img/lifestyle/bg-get_alert.png) 10px 6px no-repeat; width: 100%; overflow: hidden;height: 52px;} #get-alert:hover {background:#7e2a0a url(../img/lifestyle/bg-get_alert.png) 10px 6px no-repeat; } #get-alert p{ color:#fff;font-size: 12px; padding: 0 0 10px; text-align: left; display: inline-block;} #get-alert p:first-child {padding: 0 9px 0 0;} #get-alert a{display:block; padding: 17px 15px 5px 65px; height: 30px;} #get-alert p span {font-family: Arial;} .left-search #get-alert{margin: -10px 0 15px;} /*get alert on search not found*/ .notfound #get-alert {width: 465px; margin: 0 auto; height: 100px;background:#d24618 url(../img/lifestyle/bg-get_alert.png) 35px -137px no-repeat;} .notfound #get-alert * {color:#fff; font-size: 16px; line-height: 18px;} .notfound #get-alert a { background: none; margin: 0; text-transform: none; width: 305px; padding: 17px 15px 5px 145px; height: 78px;} .notfound #get-alert a:hover {background:#7e2a0a url(../img/lifestyle/bg-get_alert.png) 35px -137px no-repeat; } .notfound #get-alert p:nth-of-type(2) {font-size:14px; padding: 10px 0 0; float: right; margin: 0 29px 0 0;} /*get alert on homepage*/ aside #get-alert,aside #get-alert:hover{background-position: 12px -137px; height: 100px; margin: 0 0 25px;} aside #get-alert p:first-child {padding: 0;} aside #get-alert p:nth-of-type(2) {float: right; padding: 0 10px 0 0;} aside #get-alert a{padding:17px 10px 5px 96px;} /***SEARCH ON DIRECTORY***/ form.mini h2, body form.mini a[title="POST A LISTING"],form.mini a[title="ADD NEW LISTING"], #wrapper #filter h2{ font-family:'arial_blackregular'; font-weight: normal; text-transform: uppercase;} #hd-inside .hd-center p a {font-size: 40px; font-family: vonnes-light; font-weight: normal; color:#fff;} #hd-inside .hd-center p a:hover{text-decoration: none;} .left-search #filter h2{font-size: 15px; font-weight: normal; padding: 0 10px; color:#333;} /*customise select box*/ form.mini .custom {width: 212px;position: relative;float: left;margin:0 10px 0 0;} form.mini .custom select {left: 0; top:0; } form.mini .custom select option{border: none; padding: 5px 0;} .mini .custom span.customSelect {width: 212px;float: none; color: #999; font-size: 12px; background: #fff url(../img/learning/search-ico.png) no-repeat 195px -96px; border: none; height: 36px; line-height: 22px; padding: 0;} body form.mini { background: #d44500 none repeat scroll 0 0;} body form.mini h2 {color:#fff; font-size: 18px;font-weight: normal; padding: 5px 0 10px;} body form.mini > div { clear: both;} body form.mini input[type="text"] {width: 398px; margin: 0 10px 0 0; padding: 10px; font-size: 12px; color:#999; border: 1px solid #fff;line-height: 14px; height: 14px; float: left;} body form.mini select{font-size: 12px; color:#999; border: none;} body form.mini input[type="submit"] {border: none; color: #fff;font-size: 14px; padding: 0 15px; line-height: 14px;float: left; height: 36px; width:102px;-webkit-appearance: none;-webkit-border-radius:0; } body form.mini input[type="submit"] { padding: 0 15px; width: 83px;} body form.mini .custom .customSelectInner {width: 140px!important;} body form.mini input[type="submit"]:hover {background: #722500; cursor: pointer;} body form.mini a[title="POST A LISTING"], body form.mini a[title="ADD NEW LISTING"] {background:#f78810; color:#fff; font-size: 12px; line-height: 14px; padding: 11px 15px; display: inline-block; margin: 0 0 0 5px; float: right; } form.mini a[title="ADD NEW LISTING"]{float: left;} body form.mini a[title="POST A LISTING"]:hover, form.mini a[title="ADD NEW LISTING"]:hover, #wrapper .right-search a[title="POST NEW LISTING"]:hover {background: #eb7c04;} body form.mini p a {color:#fff; font-size: 11px; font-weight: bold; display: inline-block; margin: 15px 20px 0 0;} /*search form mini size*/ body form.mini {padding: 0; width: 920px; overflow: hidden; padding: 10px 0 10px 20px; margin: 10px auto 0;} body form.mini h2 {font-size: 12px; line-height: 14px; float: left; padding: 3px 5px 5px 0;color:#fff;} body form.mini input[type='text'],form.mini select {font-size:12px; padding: 5px 10px; height: 15px;} body form.mini input[type='submit']{font-size: 11px; height: 28px; font-weight: bold; background: #802a00;} body form.mini a[title='POST A LISTING'], body form.mini a[title='ADD NEW LISTING'] {font-size: 11px; padding:6px 15px 7px;float: left; margin:0 0 0 10px;} body form.mini input[type='text']{width: 280px;} body form.mini .custom {width: 167px;} body form.mini .custom span.customSelect {width: 167px; background-position: 145px -102px; height: 27px; line-height: 10px;} /*search-result*/ #content > div[class^=left]{width: 300px; float: left; border-right: 20px solid #fff;} #content > div[class^=right] {width: 620px; float: right; overflow:hidden; background:#fff;} #content > div[class^=right] >p {position: absolute;left:0; bottom: 42px;} #content > div[class^=right] p > a[title="POST NEW LISTING"] {background: #f78810; padding: 5px; font-size: 11px; color:#fff; display: block; } #content > div[class^=right] p > a[title="POST NEW LISTING"]:hover { background: #ac5f0b;} .left-search #filter {width: 300px; background: #fbf0e9; padding: 10px 0; font-size: 12px; color:#666; margin: 0 0 25px;} /*search-notfound*/ .right-search .notfound {width: 536px; border: 2px solid #eceff1; padding: 40px;} .right-search .notfound * {color:#666;font-size: 18px; line-height: 24px;} .right-search .notfound h1 {font-family: Arial; font-size: 18px; font-weight: normal; padding:0 0 30px;} .right-search .notfound ul li {list-style: disc inside none;} .right-search .notfound ul{padding: 0 0 30px;} .right-search .notfound a {margin: 25px 0 0;display: inline-block; background: #406174; font-size: 11px; text-transform: uppercase; color:#fff; padding: 5px 15px;} .right-search .notfound a:hover{background: #2d4451;} /*search-loading*/ .sticky2 {display: none;} .sticky {position:fixed!important;left:auto!important;top: 40%!important;} .search-loading:after {content:'';width: 742px; position:absolute; left: 0; top:0;background: #fff; opacity: 0.8;height:100%;z-index: 1;} .search-loading .nav {background:#fff; width:742px;padding: 15px 0;position:absolute;left:0; top:50px;z-index: 2;} .search-loading .nav img {left: 50%; top:5px; position: relative; margin-left: -16px; } .search-loading .nav p{text-align: center;font-size: 22px;color:#666;padding: 10px 0;} .search-loading.fullscreen:after { width: 100%; z-index: 4;} .search-loading.fullscreen .nav { z-index: 5; left: 50% !important; margin: 0 0 0 -371px;} /*filter*/ .left-search #filter h3 {font-size: 12px; color:#353333;padding: 0 0 5px;} #filter .clear a{font-size: 12px; color:#999; text-align: right; float: right; padding: 10px 10px 10px 0;} #filter .clear a span {font-weight: bold;} #filter .filter {clear:both; width: 280px; margin: 0 auto 15px; overflow: hidden; border-bottom: 1px solid #fff; padding: 0 0 15px;} .left-search #filter .filter.twocolumn .content {position: relative; width: 210px; padding: 0 50px 0 0;} #filter .filter.twocolumn .content span{position: absolute; right: 0; top:0;} #filter .filter li > .content {float: right;width: 270px; display: none;} #filter .filter .content .sub p {padding: 0 0 5px;} #filter .filter .content .sub p:first-child {padding: 2px 0 5px;} #filter .filter .content .sub label {padding: 0 0 0 5px;} #filter .filter .content .sub .content {width: 250px;} #filter .filter label {font-weight: bold;position: relative; display: inline-block; width: 100%;} #filter .filter label > span:nth-of-type(1) {font-weight: bold;} #filter .filter li .sub-exp > label{width: 265px;} #filter .filter li .sub-exp input[type='checkbox'] {margin: 0 5px 0 0;} .left-search #filter .filter label .content {width: 260px; float: right;} #filter .filter label span {font-weight: normal;} #filter .filter ul li { padding: 0 0 5px; overflow: hidden;} #filter .filter ul li.less-more {text-align: right; line-height: 18px;cursor: pointer; padding: 0;} #filter .filter ul li.less-more:after, #filter .filter .sub-exp span span:after {content: ''; display: inline-block; background: url(../img/learning/search-ico.png) no-repeat 4px -135px; width: 20px; height: 22px; position: relative; top: 2px;} #filter .filter .sub-exp span span:after{height: 12px;background: url(../img/learning/search-ico.png) no-repeat 4px -146px;} #filter .filter ul li.minus:after {background-position: -42px -135px;} #filter .filter .sub-exp.active span span:after {background-position: -42px -145px;} #filter .filter ul li .sub-exp {overflow: hidden; width: 100%; float: left; padding: 0;} #filter .filter ul li .sub-exp label {overflow: hidden;} #filter .filter ul li .sub-exp label > span {float: right; width: 245px;} #filter .filter ul li .sub-exp span span {font-weight: normal;} #filter .filter ul li.invisible { display: none;} #filter .filter ul li.visible { display: block;} #filter .filter ul li .sub-noDropdown { float: left; overflow: hidden; padding: 0; width: 100%; margin: 0 0 5px 0;} #filter .filter ul li .sub-noDropdown span span { float: right;} #filter .filter ul li .sub-noDropdown input[type="checkbox"] { margin: 0 5px 0 0;} /*rating*/ #filter .filter.rating li {padding: 0 0 2px;} #filter .filter.rating label {background: url(../img/learning/bg-rating.png) no-repeat 20px 0; height:22px; width: 230px; padding:0 50px 0 0;} #filter .filter.rating label.four-star {background-position: 20px -22px;} #filter .filter.rating label.three-star {background-position: 20px -44px;} #filter .filter.rating label.two-star {background-position: 20px -66px;} #filter .filter.rating label.one-star {background-position: 20px -88px;} #filter .filter.rating label.not-rate {background: none;} #filter .filter.rating label span{font-weight: normal;} #filter .filter.rating label.not-rate span:nth-of-type(1) {padding: 0 0 0 5px; position: static; font-weight: bold;} #filter .filter.rating label input{margin: 5px 0 0;} #filter .filter.rating label span {text-align: right; position: absolute; right:0 ;top: 0;} #filter > div:last-child { border: none;} .right-search {font-size:13px; color:#333; position: relative;} .right-search h1{font-size: 13px; font-weight: normal;} .right-search .navi-bar {overflow: hidden; width: 620px; padding: 0 0 15px;} .right-search .navi-bar p {float: right; width: 250px; text-align: right;} .right-search .navi-bar p span {font-weight: bold;} .right-search .navi-bar h1 {float: left; width: 370px; line-height: 18px;} /*Business carousel homepage*/ .carousel-pp {width: 620px; height: 695px; position: relative; overflow: hidden; margin: 0 0 -30px;} .carousel-pp h2{margin: 0 0 20px; } .carousel-pp h2.headline {font-size:15px;} .carousel-pp .viewport {position: relative; width: 620px; height: 595px;} .carousel-pp .viewport .overview {position: absolute; } .carousel-pp .viewport .overview>li {float: left; width: 620px;} .carousel-pp .viewport ul li {min-height: 273px;} .carousel-pp .slide-pager{width: 620px; text-align: center; position: absolute; height: 20px; left:0; bottom: 0;} .carousel-pp .slide-pager li {display: inline-block; margin: 0 2px 0 0;} .carousel-pp .slide-pager .pagenum{width: 9px; height: 9px; background:#ccc; display: inline-block;} .carousel-pp .slide-pager .pagenum.active {background: #d44500;} .carousel-pp .slide-pager .pagenum span{display: block; text-indent: -9999px;} .carousel-pp .viewport ul li > * {line-height: 16px;} .right-search .carousel-pp > a { font-family:'arial_blackregular';position: absolute; bottom: 5px; background: #213c70; font-size: 12px; color: #fff; padding: 5px 15px; display: inline-block; margin: 5px 0 0;} .right-search .carousel-pp > a:hover { background: #1d325b;} .right-search .carousel-pp { height: 730px;} .right-search .carousel-pp .slide-pager { bottom: 48px;} .carousel-pp .viewport ul li .boxSpecial h3, .list-highlight .boxSpecial h3 { font-size: 13px; line-height: 15px; color: #333333;} .carousel-pp .viewport ul li .boxSpecial p, .list-highlight .boxSpecial p { font-weight: normal; font-size: 12px; line-height: 14px;} .carousel-pp .viewport ul li .boxSpecial p a, .list-highlight .boxSpecial p a { color: #213c70; font-size: 11px;} .carousel-pp .viewport ul li .boxSpecial p a:hover, .list-highlight .boxSpecial p a:hover, .item-list .left-pane .listname a:hover { text-decoration: underline;} .right-search .item-list li:last-child{border-bottom:1px solid #e6e6e6;} .right-search .navi-btm {width: 425px; float: right;} /*nav*/ .liteOrangeTheme nav.pagination >* {padding:3px 5px; display: inline-block; font-size: 12px; font-weight: bold; margin-right: 0; text-align:center; min-width: 12px;} .liteOrangeTheme nav.pagination span, .liteOrangeTheme nav.pagination a:hover{background: #213c70; border: 1px solid #213c70; color:#fff; } .liteOrangeTheme nav.pagination a {background:#fff; border: 1px solid #e6e6e6; color:#999;} .liteOrangeTheme nav.pagination > *:last-child { margin:0;} .liteOrangeTheme nav.pagination > .first, .liteOrangeTheme nav.pagination > .last, .liteOrangeTheme nav.pagination > .next { width: 37px; height: auto;} .liteOrangeTheme nav.pagination > .prev { width: 60px;} /*highlight list*/ .list-highlight h2 {margin-bottom: 10px;} .list-highlight ul{width:620px; overflow: hidden; position: relative; border-bottom: 10px solid #fff;} .list-highlight ul li {background: #f2f2f2; width: 32%; float: left; margin:0 2% 0 0; padding: 0 0 20px; } .list-highlight ul li>* {padding: 5px 8px 0 8px;} .list-highlight ul li> a {padding: 0;} .list-highlight ul li> a.figure { position: relative;} .list-highlight ul li:after {content:''; display: block; position: absolute; background: #f2f2f2; height: 100%; width: 32%; } .list-highlight ul li:nth-child(3n){margin: 0;} .list-highlight ul li:nth-child(3n+1){clear: left;} .list-highlight ul li p{font-size: 11px; color: #333; font-weight: bold;} .list-highlight ul li p a { text-decoration: none;} .list-highlight ul li p a:hover { text-decoration: underline;} .list-highlight>a{background: #e6a815; font-size: 12px; color:#fff; padding: 5px 15px; display: inline-block; margin: 5px 0 0;} .list-highlight>a:hover {background: #cf9713;} .list-highlight .icon-verified {display: block;} /*near-by*/ aside.nearby .headline { font-size: 15px; line-height: 17px;} .nearby.list-highlight ul,.nearby.list-highlight ul {width: 300px; background:#fff;} .nearby.list-highlight .header{padding: 10px 10px 15px;} .nearby.list-highlight ul.sponsor, .nearby.list-highlight ul.sponsor li{ background:#f2f2f2;} .nearby.list-highlight ul li {width: 280px; margin: 0 auto; float: none; padding: 15px 0; overflow: hidden; border-bottom: 1px solid #e6e6e6; background:#fff;} .nearby.list-highlight ul.sponsor li:first-child {padding: 0 0 10px;} .nearby.list-highlight ul li .figure {width: 90px; float: left; height: 60px; background: #ebeff2;} .nearby.list-highlight ul li .figure img { position: absolute; left: 50%; top: 50%;} .nearby.list-highlight ul li:after {width: auto; background: transparent;} .nearby.list-highlight ul li > *:not(.figure) { width: 180px; float: right; padding: 0 0 5px;} .nearby.list-highlight ul li .icon-verified {display: inline-block; width: 37px; padding:5px 8px 0; margin: 0; line-height:0;} .nearby.list-highlight ul li .seller-name {font-size: 10px;} .nearby.list-highlight ul li:last-child{border: none;} .nearby.list-highlight ul li a.booking { padding: 5px 10px; background: #d44500; width: auto; display: inline-block; font-size: 10px; font-weight: bold; color: #ffffff; margin: 0 97px 10px 0;} .nearby.list-highlight ul li a.booking:hover { background: #295b0d;} /*item-list*/ .item-list {width: 620px; overflow: hidden; padding: 50px 0 0;} .item-list h3.header, .nearby h3.header {background: #f2f2f2; font-size:11px; color:#666; text-transform: uppercase; padding: 10px 15px;} body .item-list h2.headline {padding: 0 0 10px; margin: 0 0 20px;} .item-list .navi-top {position: relative; height: 50px;} .item-list .navi-top h2.headline {font-size: 15px;} .item-list .navi-top nav, .navi-btm nav {position: absolute; right:0;top: -7px; /*width: 373px;*/ width: auto;} .item-list ul li {width: 590px; border-bottom: 1px solid #e6e6e6; padding: 15px; overflow: hidden;} .item-list ul li:last-child{border: none;} .item-list li .left-pane {float: left; width: 420px;} .item-list li .left-pane .figure { float: left; width: 90px; background: #ebeff2; height: 60px; padding: 0; position: relative;} .item-list li .left-pane .figure img {display: inline; padding: 0; position: absolute; left: 0; top: 0; max-width: 90px; max-height: 60px;} .item-list li .left-pane>* {float: right; width: 320px;} .item-list li .left-pane p a:hover { text-decoration: underline;} .item-list li .right-pane {float: right; width: 150px; text-align: right;} .item-list li .right-pane span[class^='icon-'] {text-indent: 9999px; padding:0;} .item-list li .icon-verified {margin: 0 0 0 5px; line-height: 3px; float: none;} .item-list li p {color:#333; font-size: 11px; font-weight: bold;} .item-list li div > *{padding: 5px 0 0;} .item-list li .left-pane .booking {font-size:10px; color:#fff; padding: 3px 5px; background: #d44500; margin: 2px 0 0; display: inline-block;} .item-list li .left-pane .booking:hover{background:#2f690e;text-decoration: none;} .navi-btm { clear: both; margin: 25px 0 0; width: 620px; height: 60px; position: relative;} /*item-list-sponsor*/ .item-list ul.sponsor{width: 620px; overflow: hidden; background:#f2f2f2;} .item-list ul.sponsor li {background:#f2f2f2; width: 590px; padding: 15px 0; margin: 0 auto; } .item-list ul.sponsor li:first-child {padding: 0 0 15px;} /*media-icon*/ span[class^='icon-'] {background: #e8e8e8 url(../img/learning/search-ico.png) no-repeat 0 0; display: inline-block; width: 18px; height: 18px; text-indent: -9999px; border-radius: 3px; margin: 0;} span[class^='icon-'].active {background: #d44500 url(../img/learning/search-ico.png) no-repeat 0 0;} .liteOrangeTheme .icon-map,.liteOrangeTheme .icon-map.active {background-position: 2px 2px;} .liteOrangeTheme .icon-photo,.liteOrangeTheme .icon-photo.active {background-position: 2px -20px;} .liteOrangeTheme .icon-vdo,.liteOrangeTheme .icon-vdo.active {background-position: 2px -45px;} .liteOrangeTheme .price {font-size: 18px; font-weight: bold; padding: 5px 8px;} .liteOrangeTheme .carousel-pp .viewport ul li > .price { line-height: 20px;} .liteOrangeTheme .right-pane .price { line-height: 20px; padding: 5px 0 5px 8px;} .liteOrangeTheme .right-pane .price span { display: inline-block;} .liteOrangeTheme .post-date {font-size: 11px; color:#999; font-weight: normal;} .liteOrangeTheme .listname a,.liteOrangeTheme .listname, .aside-contentList ul li h3 {line-height: 15px; color:#213c70; font-size: 13px; font-weight: normal;} .liteOrangeTheme .listname a,.liteOrangeTheme .listname a, .aside-contentList ul li h3 a { text-decoration: none;} .liteOrangeTheme .listname a:hover, .liteOrangeTheme .listname a:hover, .aside-contentList ul li h3 a:hover { text-decoration: underline;} .boomboxSize1 {margin: 0 0 25px;} /*add new listing*/ #wrapper.full {width: 100%;} #wrapper.full fieldset,#wrapper.full form.default fieldset.highlight > div,#wrapper.full .levelNavigaton,#wrapper.full .intro{width: 940px; margin: 0 auto;} #wrapper.full form.default fieldset.highlight {background:#fbf0e9; width: 100%;} #wrapper.full form select.ie { display: none;} #add-profile {font-size: 12px;} #add-profile h2{font-size: 14px; line-height: 16px; text-transform: uppercase; padding: 0 0 5px;} #add-profile h1 { font-family: arial_blackregular; font-size: 15px; font-weight: normal; line-height: 17px; margin: 0 0 10px; padding: 0 0 5px;} #add-profile h1 span { display: block;} #add-profile .intro p { color: #666666; font-weight: bold;} #add-profile .intro p span { font-weight: normal;} #add-profile fieldset {padding: 40px 0;} #add-profile fieldset:nth-of-type(1) > div:nth-of-type(1) > div,#wrapper.full .service > div ul li > div:nth-of-type(1) > div{float: right; width: 830px;} #add-profile fieldset:nth-of-type(1) > div:nth-of-type(2),#add-profile fieldset:nth-of-type(1) > div:nth-of-type(3) {width: 470px; float: left; clear: both;} #add-profile fieldset:nth-of-type(1) > div:nth-of-type(4) {width: 470px; float: left;} #add-profile .default div input[type="file"] {margin: 0 0 10px; font-size: 13px;} #add-profile .default div:nth-of-type(2) label,#add-profile .default div:nth-of-type(3) label, #add-profile .default div:nth-of-type(4) label {display: block; padding: 20px 0 8px; font-size: 14px;} #add-profile .default div:nth-of-type(2) input[type='text'], #wrapper.full #add-profile .default .location input[type='text']{width: 415px; min-height: 20px; line-height: 20px; padding: 8px 10px;} #wrapper.full #add-profile .default .location .ui.dropdown {width: 415px;} #add-profile .default div:nth-of-type(3) select{width: 355px;} #wrapper.full #add-profile .default .left,#wrapper.full #add-profile .default .right {float: left;width: 50%;} #wrapper.full #add-profile .default .location div label{padding: 0 0 10px; display: block; font-weight: bold; font-family: Arial;} #wrapper.full #add-profile .default .location p {padding: 10px 0 0;} #wrapper.full #add-profile .default .location .plotMap {background:#e0e0e0; font-size: 12px; color:#666; border-radius: 3px; font-weight:bold; margin: 0 0 0 5px; border: none; width: 102px; height: 36px;} #wrapper.full #add-profile .default .location .right input[type='text']{width: 320px;} #wrapper.full #add-profile .default .location .right input {margin: 0 0 10px;} #wrapper.full #add-profile .default .location .right label {font-size: 12px; padding: 10px 0;} #wrapper.full .default .contact li {width: 470px; float: left; padding: 10px 0 0;} #wrapper.full .default .contact li:nth-of-type(6) { clear: both; float: left;} #wrapper.full .default .contact li .ui{width: 120px;} #wrapper.full .default .contact li .ui label{font-size:13px;} #wrapper.full .default .contact li label {display: block; padding: 0 0 10px; font-weight: bold;} #wrapper.full .default .contact li input[type='text']{width: 405px;} #wrapper.full .default .contact .ui.search.dropdown {width: 410px;} #wrapper.full .default .contact li:nth-child(2) {float: right; width: 470px;} #wrapper.full .default .contact li:nth-child(3),#wrapper.full .default .contact li:nth-child(4), #wrapper.full .default .contact li:nth-child(5) {clear: both;} #wrapper.full .default .contact li:nth-child(4){width: 100%; padding: 15px 0 0;} #wrapper.full .default .contact li:nth-child(4) label{display: inline-block; margin: 0 10px 0 0; width: auto; float: none;} #wrapper.full .default .contact li:nth-child(4) p{float: left;} #wrapper.full .default .contact li.close { display: none;} #wrapper.full .default .contact li.choose-other { display: inline-block;} /*add new listing - service*/ #wrapper.full .default .service .choice{background: #f4ebe5; padding: 15px; overflow: hidden; margin: 10px 0 0;} #wrapper.full .default .service ul li h2 {padding: 20px 0;} #wrapper.full .default .service > div > 3 > li:first-of-type {padding: 0 0 20px;} #wrapper.full .default .service .choice > ul li {width: 25%; float: left;margin: 10px 0 0;} #wrapper.full .default .service .choice > ul label {font-size: 12px; width: 180px!important;} /*add new listing - price-rate*/ #wrapper.full .default .last .price-rate{padding: 0 0 30px;} #wrapper.full .default .last .price-rate > li{padding: 15px 0 0;} #wrapper.full .default .last .price-rate > li > * {display: inline-block; margin: 0 5px 0 0;} #wrapper.full .default .last .price-rate > li .checkbox {width: 25px;} #wrapper.full .default .last .price-rate > li > input[type="text"] {width: 145px;} #wrapper.full .default .last .price-rate > li > span {margin: 0 5px;} #wrapper.full .default .last .price-rate label {font-size: 12px;} /*add new listing - recommended*/ #wrapper.full .default .recommended-by {padding: 30px 0 0;} #wrapper.full .default .recommended-by ul> li:first-of-type,#wrapper.full .default .recommended-by ul> li:nth-of-type(2) {float: left; width: 50%;} #wrapper.full .default .recommended-by ul input[type='text'] {width: 390px; display: block; margin: 5px 0 0;} #wrapper.full .default .recommended-by ul li {margin: 10px 0 0; } #wrapper.full .default .recommended-by ul li.checkbox {width: auto; font-size: 12px; margin: 20px 0 0;} body #wrapper.full #add-profile .default fieldset.last .recommended-by ul .ui.checkbox input {margin: 0 0 0 1px; text-indent: 5px;} body #wrapper.full #add-profile .default fieldset.last .recommended-by ul .ui.checkbox label {width: 200px; font-weight: bold;} /*add new listing - terms*/ body #wrapper.full #add-profile .default fieldset.last .terms {margin: 10px 0 0; } .default fieldset.last .terms li:first-child > label {float: left; font-weight: bold; margin: 10px 0 0 0; width: 130px;} .default fieldset.last .terms li:first-child input[type='text'] {width: 390px; margin: 10px 0 0;} .default fieldset.last .terms .capcha {padding: 10px 0 0 130px; } .default fieldset.last .terms .capcha > * {vertical-align: top; margin: 0 10px 0 0;} body #wrapper.full #add-profile .default fieldset.last .terms li:last-child {width: 100%; margin: 20px 0 0;} body #wrapper.full #add-profile .default fieldset.last .terms li:last-child label {font-size: 12px; width: 600px;} body #wrapper.full #add-profile .default p.submit{width: 940px; margin: 0 auto; padding: 0 0 80px;} body #wrapper.full #add-profile .default p.submit input[type='submit'] {background:#274585; text-transform: uppercase; border: none; color:#fff; font-size: 14px; padding: 10px 20px; font-weight: normal;} body #wrapper.full #add-profile .default p.submit input[type='submit']:hover {background: #1d325b;} /*travel-listing*/ .head-listing .headTop td h3, h3.listname, .boxSpecial h3 { font-family: charis_silbold; font-weight: normal;} .right-listing .headline, .right-listing .review-rating h3, .listingContent .headline, .listingContent .left > a, .nearby .headline { font-family:'arial_blackregular'; font-weight: normal;} .head-listing { background: #fbf0e9; padding: 20px 20px 10px; margin: 0 0 15px; overflow: hidden;} .head-listing .headTop { border-bottom: 1px solid #ffffff; padding: 0 0 10px; margin: 0 0 20px; overflow: hidden; width: 100%;} .head-listing .headTop td:first-child { float: left; margin: 0 10px 0 0; width: 90px;} .head-listing .headTop td:first-child.head { width: 340px;} .head-listing .headTop td.head { float: left; width: 260px; } .head-listing .headTop td h3 { font-size: 24px; line-height: 26px; margin: 0 0 10px;} .head-listing .headTop td:last-child { float: right; font-weight: bold;} .head-listing .headTop td:last-child p { font-size: 22px; display: block; margin: 0 0 5px; width: 215px; text-align: right;} .listing-paid .head-listing .headTop td:last-child p { width: 255px;} .head-listing .headTop td:last-child p span { display: inline-block;} .head-listing .headTop td:last-child p span:last-child { margin: 0 0 0 5px;} .head-listing .headTop td:last-child a { display: block; padding: 5px; background: #d44500; float: right; font-size: 10px; color: #ffffff;} .head-listing .headTop td:last-child a:hover { background: #943000} .head-listing > p { font-size: 13px; clear: both; font-weight: bold; margin: 0 0 3px; overflow: hidden;} .head-listing > p span { float: left;} .head-listing > p span:first-child { width: 100px; float: left;} .head-listing > p span:last-child { width: 480px;} /*Share panel on listing page*/ .sharethis {background: #eceff1; width: 620px; margin: 0 0 25px; padding: 10px 0; position: relative;} .sharethis:after {content:''; display: block; clear: both;} .sharethis > div{ float: left; margin: 0 5px 0 0;} .sharethis h3 {font-size: 13px; padding: 0 10px 0 65px; float: left; line-height: 25px;} .sharethis .all {font-size: 12px; line-height: 25px; border-left: 1px solid #dedede; padding:0 0 0 5px; position: absolute; right: 35px; top: 13px; position: absolute; top: 10px; right: 35px;} .sharethis .all #socialLink li { padding: 0;} .sharethis .facebook-share, .sharethis .tweetmeme_button { float: left; margin: 3px 5px 10px 0; width: 85px;} .sharethis .facebook-share img, .sharethis .tweetmeme_button img { cursor: pointer; float: left; /*width: 32px;*/} .sharethis .facebook-share p, .sharethis .tweetmeme_button p { background: url("../img/bg/social-values-left.png") 2px 0 no-repeat; color: #666666; display: block; float: left; font-size: 11px; line-height: 19px; margin: 0; padding-left: 2px; text-align: center; width: 46px;} .sharethis .facebook-share p span, .sharethis .tweetmeme_button p span { background: url("../img/bg/social-values-right.png") right 0 no-repeat; display: block; height: 20px; padding: 2px 0 0 3px;} .sharethis .google-share { float: left; margin: 3px 5px 10px 0;} .head-listing .sharethis { margin: 0; padding: 10px 0 0; position: relative; background: none;} .head-listing .sharethis .all { position: static; right: 0; top: 0;} .sharethis .all #socialLink li > a > span { display: none;} .head-listing > a:last-of-type { font-size: 12px; clear: both; margin: 20px 0 5px; text-decoration: underline; display: inline-block;} .head-listing > a:last-of-type:hover { text-decoration: none;} .right-listing .info { overflow: hidden; margin: 0 0 30px;} .right-listing .headline { font-size: 15px; line-height: 17px; margin: 0 0 10px;} .right-listing .info p { font-size: 12px; margin: 0 0 10px;} .right-listing .info p > img { margin: 0;} .right-listing .info img { float: left; margin: 0 10px 10px 0;} .right-listing .review-rating { overflow: hidden; margin: 0 0 30px;} .right-listing .review-rating .headline { border: none;} .right-listing .review-rating h3 { color: #666666; text-transform: uppercase; font-size: 11px; line-height: 13px; margin: 0 0 5px;} .right-listing .review { background: #f2f2f2; padding: 15px; overflow: hidden;} .right-listing .review > img { float: left; margin: 5px 10px 10px 0;} .right-listing .review .detail { float: left; width: 525px;} .right-listing .review .detail > p { padding: 0 0 15px; font-size: 12px; color: #333333;} .right-listing .review .detail > p:last-of-type { border-bottom: 1px solid #e6e6e6;} .right-listing .review .detail > ul li { float: left;} .right-listing .review .detail .overall { overflow: hidden; margin: 0 0 5px;} .right-listing .review .detail .overall h4 { font-size: 15px; font-weight: bold; float: left; margin: 3px 8px 0 0;} .right-listing .review .detail .overall .rating { float: left;} .right-listing .review .EditorialReviews { overflow: hidden; width: 525px;} .right-listing .review .EditorialReviews > li { float: left; width: 242px;} .right-listing .review .EditorialReviews > li:first-child { padding: 0 20px 0 0;} .right-listing .review .EditorialReviews > li:last-child { padding: 0 0 0 20px;} .right-listing .review .EditorialReviews > li ul { padding: 15px 0;} .right-listing .review .EditorialReviews > li ul li { clear: both; overflow: hidden; float: none; margin: 0 0 3px;} .right-listing .review .EditorialReviews > li ul li p { font-size: 12px; font-weight: bold; width: 105px; float: left; margin: 4px 0 0;} .right-listing .review .EditorialReviews > li ul li div.rating { float: right; width: 120px;} .right-listing #video { margin: 0 0 25px;} .right-listing .map { margin: 0 0 25px;} .right-listing .map .headline { margin: 0 0 20px;} .right-listing .map p { font-size: 12px; margin: 0 0 20px;} .right-listing .carousel-pp { height: 700px; margin: 0;} .right-listing .carousel-pp .slide-pager { bottom: 25px;} .right-listing div.list-highlight { margin: 0 0 25px;} /*comment box*/ .right-listing #comment-list .toggle-detail .active, .right-listing #comment-list, .right-listing #comment-list ol li, .right-listing #comment-list .section, .right-listing #comment-list .confirm{width: 620px;} .right-listing #comment-list form.comment, .right-listing #comment-list form.comment-not-login .inputdata {width: 600px;} .right-listing #comment-list .toggle-navigation {top: -110px;} .right-listing #comment-list form.reply {width: 535px; padding: 15px 10px;} .right-listing #comment-list .article{width: 530px;} .right-listing #comment-list ol li ol li{width: 535px;} #comment-list form.comment-not-login .inputdata textarea, .right-listing #comment-list textarea {width: 580px;} .right-listing #comment-list .not-login, #wrapper #comment-list .sub {width: 100%} .right-listing #comment-list ol li ol li .article {width: 465px;} .right-listing #comment-list form.reply-not-login .inputdata, .right-listing #comment-list form.reply-not-login .inputdata .group{width: 470px;} .right-listing #comment-list form.comment-not-login .group {width: 449px;} .right-listing #comment-list form.reply .inputdata { width: 535px;} .right-listing #comment-list form.reply .inputdata textarea { width: 515px;} .right-listing #comment-list form.reply .inputdata .group { width: 425px;} .right-listing #comment-list form.comment .inputdata { width: 530px;} .right-listing #comment-list form.comment textarea { width: 510px;} .right-listing #comment-list form.comment .group { width: 375px;} .right-listing #comment-list #form_comment_thankyou { width: 620px;} #wrapper.listing-paid { width: 100%;} #wrapper.listing-paid #content { width: 100%;} .listing-paid .head-listing { width: 940px; margin: 0 auto; background: none; padding: 20px 10px 10px;} .listing-paid .head-listing .headTop { border: none; padding: 0; margin: 0 auto 5px; width: 100%;} .listing-paid .head-listing .headTop td:nth-child(2) { width: 560px;} .listing-paid .head-listing .headTop td:nth-child(2) h3 { float: left; margin: 0 10px 15px 0;} .listing-paid .head-listing .headTop td:nth-child(2) .rating { margin: 0; display: inline-block;} .listing-paid .head-listing .headTop td:nth-child(2) p { clear: both; font-weight: bold; font-size: 12px;} #img-highlight { width: 100%; background: #000000; height: 360px; text-align: center;} #img-highlight > div { margin: 0 auto; position: relative;} #img-highlight > div::after { background: rgba(0, 0, 0, 0) url("../img/learning/gradient_black.png") repeat-y scroll center top; content: ""; height: 360px; left: 50%; margin: 0 0 0 -800px; position: absolute; top: 0; width: 1600px;} #img-highlight.lighter { background: #ffffff;} #img-highlight.lighter > div::after { background: rgba(0, 0, 0, 0) url("../img/learning/gradient_white.png") repeat-y scroll center top;} .listingContent { width: 940px; padding: 30px 10px 0; margin: -30px auto 0; overflow: hidden;} .listingContent .left { background: url("../img/learning/liteOrange-opacity.png") 0 0 repeat; float: left; width: 280px; overflow: hidden; padding: 10px; margin: -30px 20px 0 0; position: relative;} .listingContent .left .headline { font-size: 15px; line-height: 17px; margin: 0 0 20px;} .listingContent .left h2.headline { border: none;} .listingContent .left > a { color: #ffffff; padding: 10px; text-align: center; text-transform: uppercase; font-size: 11px; background: #d44500; clear: both; display: block; margin: 0 0 10px;} .listingContent .left > a:hover { background: #943000;} .listingContent .left > a:last-of-type { margin: 0 0 20px;} .listingContent .left p a:hover {text-decoration: underline;} .listingContent .left ul { border-top: 1px solid #ffffff; padding: 10px 0;} .listingContent .left ul li { border-bottom: 1px solid #ffffff; padding: 20px 0;} .listingContent .left ul li h3.headline { font-size: 15px; line-height: 17px; padding: 3px 0 3px 25px; margin: 0 0 5px; background: url("../img/learning/icon-infomation.png") 0 0 no-repeat; border: none;} .listingContent .left ul li p, .listingContent .left .address p { padding: 0 0 0 25px; font-size: 12px;} .listingContent .left ul li p span, .listingContent .left .address p span { font-weight: bold;} .listingContent .left ul li:first-child h3 { background-position: 0 -2px;} .listingContent .left ul li:nth-child(2) h3 { background-position: 0 -47px;} .listingContent .left ul li:nth-child(3) h3 { background-position: 0 -91px;} .listingContent .left ul li:nth-child(4) h3 { background-position: 0 -135px;} .listingContent .left ul li:nth-child(5) h3 { background-position: 0 -182px;} .listingContent .left ul li:last-child { border: none; overflow: hidden;} .listingContent .left ul li:last-child p { margin: 0 0 5px;} .listingContent .left ul li:last-child p a { text-transform: none; background: none; font-size: 12px; font-weight: normal; color: #333333; padding: 0; font-family: Arial,Helvetica,sans-serif; text-align: left; width: auto; display: inline-block; margin: 0;} .listingContent .left ul li:last-child p a:hover { text-decoration: underline;} .listingContent .left .address h3.headline { margin: 0 0 5px; border: none; padding: 3px 0 3px 25px; background: url("../img/learning/icon-infomation.png") 0 -237px no-repeat;} .listingContent .left .address p { margin: 0 0 15px; line-height: 18px;} .listingContent .right-listing { float: left; overflow: hidden; padding: 10px 0; width: 620px;} .listingContent .right-listing .sharethis.shareTop { background: none;} .listingContent .right-listing .sharethis.shareTop .facebook-share{ margin: 3px 5px 10px 250px;} .listingContent .right-listing .sharethis.shareTop .all { float: right;} .listingContent .right-listing #MultimediaContent { width: 620px;} .listingContent .right-listing #MultimediaContent h2.headline { color: #333333;} /* add news listing thx*/ .info-profile { overflow: hidden; width: auto; padding: 20px 0 15px;} .info-profile img { float: left; margin: 0 10px 10px 0;} .info-profile > div { float: left; width: 600px; overflow: hidden;} .info-profile > div p span { font-weight: bold;} .info-profile > div p a { font-weight: normal;} #wrapper .profile-thx .info-profile > div h2 { font-family: charter_bd_os_itc_ttbold; font-size: 24px; line-height: 26px; text-transform: none; font-weight: bold;} #add-profile.profile-thx .intro { border-bottom: 1px solid #f1f1f1; margin: 50px 0 0; padding: 0 0 50px;} #add-profile.profile-thx .intro h1 { font-family: arial_blackregular; font-size: 19px; font-weight: normal; line-height: 21px; margin: 0 0 10px; text-align: center; text-transform: none; border: none;} #add-profile.profile-thx .intro p { text-align: center; color: #666666; font-weight: normal;} #add-profile.profile-thx .location { width: auto; overflow: hidden; margin: 0 0 25px;} #add-profile.profile-thx .location h2 { margin: 0 0 10px;} #add-profile.profile-thx .location p { padding: 0 0 10px;} #add-profile.profile-thx .location p:first-of-type { padding: 0 0 20px;} #add-profile.profile-thx .location p span { font-weight: bold;} #add-profile.profile-thx .location > div { background: #fbf0e9; overflow: hidden;} #add-profile.profile-thx .location .map { float: left; border-right: 20px solid #ffffff; overflow: hidden;} #add-profile.profile-thx .location .contact { float: left; padding: 20px;} #add-profile.profile-thx .location .contact h2 { margin: 0 0 15px;} #add-profile.profile-thx .location .contact ol li { margin: 0 0 5px;} #add-profile.profile-thx .location .contact ol li span { font-weight: bold;} #add-profile.profile-thx .info { width: auto; overflow: hidden; margin: 0 0 25px;} #add-profile.profile-thx .info h2.headline { margin: 0 0 10px;} #add-profile.profile-thx .info img { float: left; margin: 0 20px 20px 0;} #add-profile.profile-thx .info ol { clear: both; width: auto; overflow: hidden;} #add-profile.profile-thx .info ol li { clear: both; float: left; padding: 0 0 10px;} #add-profile.profile-thx .info ol li:last-child { padding: 0;} #add-profile.profile-thx .info ol li span { font-weight: bold;} #add-profile.profile-thx > p span { font-weight: bold;} .upgrade-listing { padding: 30px 0 20px; text-align: center; border-top: 1px solid #e6e6e6;} .upgrade-listing > img { padding: 0 0 20px;} .upgrade-listing table { width: 100%; overflow: hidden;} .upgrade-listing table th { background: url(../img/learning/ico-upgradeMoveup.png) 0 0 no-repeat #802a00; padding: 15px; color: #ffffff; font-size: 12px; border-right: 1px solid #ffffff; vertical-align: middle;} .upgrade-listing table th:first-child { background-image: none; padding: 15px 50px 15px 15px; width: 445px;} .upgrade-listing table th:nth-child(2) { background-position: center 8px; padding: 30px 15px 5px; vertical-align: bottom;} .upgrade-listing table th:nth-child(3) { background-position: center -79px; padding: 30px 15px 5px; vertical-align: bottom;} .upgrade-listing table th:nth-child(4) { background-position: center -189px; padding: 30px 15px 5px; vertical-align: bottom;} .upgrade-listing table th:last-child { border: none;} .upgrade-listing table td { background: #e9e9e9; padding: 15px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; font-size: 12px;} .upgrade-listing table td:first-child { background: #fbf0e9; text-align: left; font-weight: bold; padding: 15px 50px 15px 15px; width: 445px;} .upgrade-listing table td:last-child { border-right: none;} .upgrade-listing table td a { color: #213c70;} .upgrade-listing table td a:hover { text-decoration: underline;} .upgrade-listing table td span.italic { font-style: italic; font-weight: normal; display: inline;} .upgrade-listing table td span { display: block;} .profile-thx p a { color: #213c70;} .profile-thx p a:hover { text-decoration: underline;} .btn-group { text-align: center; width: 100%; overflow: hidden; padding: 50px 0; display: inline-block;} .btn-group a { background: #213c70; padding: 10px; color: #ffffff; text-transform: uppercase; font-size: 11px; min-width: 245px; display: inline-block;} .btn-group a:hover { background: #1b305d;} .btn-group a:first-child { margin: 0 10px 0 0;} .allStory ul li .thumbnail { padding: 4px 0 0; position: relative;} .allStory ul li .thumbnail .advance { background: url("../img/bg/learning-level.png") 2px 0 no-repeat; position: absolute; top: 0; left: 0; text-indent: -9999px; width:28px; height:35px;} .allStory ul li .thumbnail .easy { background: url("../img/bg/learning-level.png") 2px -45px no-repeat; position: absolute; top: 0; left: 0; text-indent: -9999px; width:28px; height:35px;} .allStory ul li .thumbnail .really-easy { background: url("../img/bg/learning-level.png") 2px -99px no-repeat; position: absolute; top: 0; left: 0; text-indent: -9999px; width:28px; height:35px;} .liteOrangeTheme #MostUpdate .icon-photo, .liteOrangeTheme .subChannelBox .icon-photo, .liteOrangeTheme .MostViewed .icon-photo { background: url(../img/icons/icon-allicon.svg) no-repeat -21px -121px; display: inline-block; text-indent: -9999px; width: 18px; height: 18px; margin-right: 3px;} .liteOrangeTheme #MostUpdate .icon-vdo, .liteOrangeTheme .subChannelBox .icon-vdo, .liteOrangeTheme .MostViewed .icon-vdo { background: url(../img/icons/icon-allicon.svg) no-repeat 0 -121px; display: inline-block; text-indent: -9999px; width: 18px; height: 18px; margin-right: 3px;}