/* Theme Name: Vistage 1.0 Theme URI: http://www.vistage.com.my Description: The Vistage Malaysia Skin Version: 1.0 Author: Kian Ann Author URI: http://www.kianann.com/ */ /* Reset to look the same across browsers */ html, 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 { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } body { font-size: 62.5%; } em { font-style: italic; } /* main elements */ body { font-family: Arial, Verdana, Helvetica, sans-serif; } #container { height: auto; width: 100%; padding: 10px 0 0 0; margin: 0 0 0 0; border: 0; float: none; clear: both; background: none; font-size: 1.2em; } #top-wrap { height: auto; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; border: 0; float: none; clear: both; background: #FFFFFF; } #top { height: auto; width: 970px; padding: 0 0 0 0; margin: 0 auto; border: 0; float: none; clear: both; background: none; } #header1 { clear: both; } #top-phonenumber { float: right; font-weight: bold; } #top-icon { float: right; margin-right:10px;} #sec-menu { float: right; font-size: 91%; } #sec-menu ul { list-style: none; } #sec-menu ul li { display: inline; padding: 2px 5px 2px 5px; margin: 0 0 0 10px; } #sec-menu ul li a:link { color: #6A737B; text-decoration: none; } #sec-menu ul li a:visited { color: #6A737B; text-decoration: none; } #sec-menu ul li a:hover { color: #6A737B; text-decoration: underline; } #header2 { clear: both; } #logo { float: left; width: 210px; height: 60px; display: block; } #logo a { width: 210px; display: block; } #pri-menu { float: right; padding-top: 42px; padding-right: 15px;} #pri-menu ul { list-style: none; } #pri-menu ul li { display: inline; padding: 4px 0 4px 15px; margin: 0 0 0 0; } #pri-menu ul li a:link { color: #0063A4; text-decoration: none; padding: 5px; } #pri-menu ul li a:visited { color: #0063A4; text-decoration: none; padding: 5px; } #pri-menu ul li a:hover { color: #000000; background: #D7D8DA; text-decoration: none; padding: 5px; } /* Breadcrumbs */ #bc-wrap { height: 31px; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; border: 0; float: none; clear: both; background: url(images/breadcrumb-bkg.gif); } #bc { height: auto; width: 970px; padding: 0 0 0 0; margin: 0 auto; border: 0; float: none; clear: both; background: none; } #breadcrumbs { padding: 10px 0 0 0; color: #D7D8DA; } #breadcrumbs a:link { color: #D7D8DA; text-decoration: none; } #breadcrumbs a:visited { color: #D7D8DA; text-decoration: none; } #breadcrumbs a:hover { color: #D7D8DA; text-decoration: underline; } /* Middle */ #middle-wrap { height: auto; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; border: 0; float: none; clear: both; background: #FFFFFF; } #middle { height: auto; width: 970px; padding: 0 0 0 0; margin: 0 auto; border: 0; float: none; clear: both; background: none; } #maincontent { height: auto; width: 740px; padding: 10px; margin: 0 0 0 0; border: 0; float: right; clear: none; background: none; } .mainpage-pic { width: 650px; height: 448px; float: left; background: #FFFFFF; } .mainpage-pic .picbkg { background: #333333; } .mainpage-pic div#rotator { position:relative; } .mainpage-pic div#rotator ul { padding: 0; margin: 0; } .mainpage-pic div#rotator ul li { float:left; position:absolute; list-style: none; z-index:1 } .mainpage-pic div#rotator ul li.show { z-index:500 } .mpv3 { width: 600px; height: 400px; float: left; padding-left: 50px; padding-top: 48px; background: #0063A4 url(homeimage3/mpv3-bkg.jpg); color: #FFFFFF; } .mpv3 .r1 { font-weight: bold; font-size: 26px; } .mpv3 .r2 { float: left; width: 115px; margin-top: 20px; margin-left: 20px } .mpv3 .r2 p { padding-top: 5px; } .mpv3 .r2 img { border: 1px solid #FFFFFF; } .mpv3 .r3 { float: left; margin-top: 40px; } .mpv3 .r3 p { font-size: 20px; padding: 0 0 46px 20px; background: url(homeimage3/bullet.png) no-repeat 0 8px; } .mpv3 .r3 p a:link { color: #FFFFFF; text-decoration: none; } .mpv3 .r3 p a:visited { color: #FFFFFF; text-decoration: none; } .mpv3 .r3 p a:hover { color: #FFFFFF; text-decoration: underline; } #maincontent .storytitle { margin: 0 0 10px 0; font: bold 2.8em Arial, Helvetica, sans-serif; letter-spacing: -0.03em; } #maincontent .storycontent { text-align: justify; } #maincontent .storycontent ol { padding: 0 0 10px 15px; margin-left: 15px; } #maincontent .testimonial { clear: both; width: 100%; height: 190px; vertical-align: middle; background: #e9edff; padding: 10px; border: 1px solid #00446F; margin: 0 auto 10px auto; } #maincontent .testimonial td { border: none; } #maincontent .testimonial .text { font-style: italic; padding-bottom: 8px; text-align: justify; } #maincontent .testimonial .image { width: 55px; text-align: left; float: left; } #maincontent .testimonial .author { float: left; padding-top: 10px; } #maincontent .testimonial .image-5line { width: 55px; text-align: left; float: left; padding-top: 6px; } #maincontent .testimonial .author-5line { float: left; } #maincontent table { border-top: 1px solid #0065A5; border-left: 1px solid #0065A5; margin-bottom: 10px; } #maincontent table td { padding: 5px; border-bottom: 1px solid #0065A5; border-right: 1px solid #0065A5; } #maincontent table.noborder { border: none; } #maincontent table.noborder td { border: none; padding: 0; vertical-align: top; } #maincontent table.noborder td+td { border: none; padding-left: 10px; vertical-align: top; } #maincontent table.strategic-partners td { text-align: justify; } #maincontent table.vistage-chairs { border: none; } #maincontent table.vistage-chairs td { border: none; vertical-align: top; text-align: center; } #maincontent h1 { margin: 0 0 5px 0; font: bold 2.4em Arial, Helvetica, sans-serif; letter-spacing: -0.03em; } #maincontent h2 { margin: 30px 0 8px 0; font: bold 1.8em Arial, Helvetica, sans-serif; color: #888888; } #maincontent h2 a:link { color: #888888; text-decoration: none; } #maincontent h2 a:visited { color: #888888; text-decoration: none; } #maincontent h2 a:hover { color: #555555; text-decoration: none; } #maincontent h3 { font: normal 1.5em Arial, Helvetica, sans-serif; } #maincontent p { margin: 0 0 10px 0; line-height: 150%; } #maincontent ul { padding-left: 20px; margin-left: 20px; padding-bottom: 10px; } #maincontent li { margin: 0 0 6px 0; line-height: 150% } #maincontent .joinasmember { padding: 10px; margin: 20px auto; background: #fff7f7; border: 1px solid #CC0000; text-align: center; font-weight: bold; font-size: 130%; width: 60%; clear:both; } #maincontent .joinasmember a:link { color: #CC0000; text-decoration: none; } #maincontent .joinasmember a:visited { color: #CC0000; text-decoration: none; } #maincontent .joinasmember a:hover { color: #CC0000; text-decoration: underline; } #maincontent .feedback { padding: 5px; border: 1px dashed #555555; background: #FAFAFA; } #maincontent .sep {height: 5px; } #maincontent .dropcap { width: 48px; color: #00BCE4; text-align: center; float:left; font-weight: bold; margin-top: -5px; font-size: 50px; font-weight: bold; display: block; margin-bottom: 10px;} #sidebar { height: auto; width: 200px; margin: 0 0 0 0; float: left; clear: none; } #sidebar .lightgreybox { border-right: 2px solid #6A737B; background: #F5F5F5; padding: 10px 15px 10px 15px; color: #000000; } #sidebar ul .lightgreybox p { margin: 0 0 10px 0; } #sidebar ul .lightgreybox h4 { font-weight: bold; margin: 0 0 10px 0; } #sidebar ul .lightgreybox a:link { color: #0063A4; text-decoration: none; } #sidebar ul .lightgreybox a:visited { color: #0063A4; text-decoration: none; } #sidebar ul .lightgreybox a:hover { color: #000000; text-decoration: underline; } #sidebar ul .lightgreybox ul { list-style: none; padding: 0 0 0px 10px; } #sidebar ul .lightgreybox ul li { margin-bottom: 4px; margin-top: 4px;} #sidebar .greybox { border-right: 2px solid #6A737B; background: #D7D8DA; padding: 10px 15px 10px 15px; color: #000000; } #sidebar ul .greybox p { margin: 0 0 10px 0; } #sidebar ul .greybox h4 { font-weight: bold; margin: 0 0 10px 0; } #sidebar ul .greybox a:link { color: #0063A4; text-decoration: none; } #sidebar ul .greybox a:visited { color: #0063A4; text-decoration: none; } #sidebar ul .greybox a:hover { color: #000000; text-decoration: underline; } #sidebar ul .greybox ul { list-style: none; padding: 0 0 0px 10px; } #sidebar ul .greybox ul li { margin-bottom: 4px; margin-top: 4px;} #sidebar .bluebox { border-right: 2px solid #6A737B; background: #00446F; padding: 10px 15px 10px 15px; color: #FFFFFF; text-align: justify; } #sidebar ul .bluebox p { margin: 0 0 10px 0; } #sidebar ul .bluebox h4 { font-weight: bold; margin: 0 0 10px 0; } #sidebar ul .bluebox h4.becomechair { text-align: left; } #sidebar ul .bluebox a:link { color: #FB9B39; font-weight: bold; text-decoration: none; } #sidebar ul .bluebox a:visited { color: #FB9B39; font-weight: bold; text-decoration: none; } #sidebar ul .bluebox a:hover { color: #FB9B39; font-weight: bold; text-decoration: underline; } #sidebar ul .bluebox ul { list-style: none; padding: 0 0 0px 10px; } #sidebar ul .bluebox ul li { margin-bottom: 4px; margin-top: 4px;} /* Mainpage - Middle */ #mpmiddle-wrap { height: auto; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; border: 0; float: none; clear: both; background: #0063A4; } #mpmiddle { height: auto; width: 970px; padding: 0 0 0 0; margin: 0 auto; border: 0; float: none; clear: both; background: inherit; } #mpmaincontent { height: 448px; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; border: 0; float: none; clear: both; background: inherit; } #mpmaincontent #left { height: 420px; width: 650px; padding: 0; margin: 0; border: 0; float: left; } #mpmaincontent #right { height: 420px; width: 320px; padding: 0; margin: 0; border: 0; float: right; background: #00446F; } #mpmaincontent .testimonial { height: 162px; margin: 0 auto; padding: 20px 10px; background: #337bad; color: #FFFFFF; line-height: 120%; } #mpmaincontent .testimonial .author { padding: 15px 0 0px 0; text-align: right; } #mpmaincontent .testimonial h2 { margin: 0; padding: 0 0 5px 0; color: #FFFFFF; font-weight: bold; font-size: 130%; line-height: 100%; } #mpmaincontent .moresuccessstories { text-align: center; padding: 4px 0; margin: 8px 0 0 0; border: 1px solid #99C1DB; } #mpmaincontent .testimonial a:link { color: #FB9B39; text-decoration: none; } #mpmaincontent .testimonial a:visited { color: #FB9B39; text-decoration: none; } #mpmaincontent .testimonial a:hover { color: #FB9B39; text-decoration: underline; } #mpmaincontent .tools-and-resources { padding: 20px 10px; color: #FFFFFF; border-top: 3px solid #0063A4; background: #337bad; } #mpmaincontent .tools-and-resources h2 { margin: 0; padding: 0 0 5px 0; color: #FFFFFF; font-weight: bold; font-size: 130%; line-height: 100%; } #mpmaincontent .tools-and-resources ul { padding: 5px 0 5px 15px; } #mpmaincontent .tools-and-resources a:link { color: #FB9B39; text-decoration: none; } #mpmaincontent .tools-and-resources a:visited { color: #FB9B39; text-decoration: none; } #mpmaincontent .tools-and-resources a:hover { color: #FB9B39; text-decoration: underline; } #mpmaincontent .awareness-event { margin: 0 auto; padding: 15px 10px; background: #00446F; color: #FFFFFF; font-size: 120%; line-height: 110%; text-align: center; } #mpmaincontent .awareness-event h2 { margin: 0; padding: 5px 0 0 0; color: #FFFFFF; font-weight: bold; font-size: 145%; line-height: 100%; } #mpmaincontent .awareness-event a:link { color: #FB9B39; text-decoration: none; font-weight: bold; } #mpmaincontent .awareness-event a:visited { color: #FB9B39; text-decoration: none; font-weight: bold; } #mpmaincontent .awareness-event a:hover { color: #FB9B39; text-decoration: underline; font-weight: bold; } /* Mainpage - After Middle */ #mpaftmiddle-wrap { height: auto; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; border: 0; float: none; clear: both; background: #000000; } #mpaftmiddle { height: auto; width: 970px; padding: 20px 0 20px 0; margin: 0 auto; border: 0; float: none; clear: both; } .amdiv { width: 310px; color: #FFFFFF; float: left; } .amdiv.advantage {} .amdiv.programs { margin-left: 20px; } .amdiv.programs ul { margin-left: 10px; padding-left: 10px; } .amdiv.news { margin-left: 20px; } .amdiv.news ul { margin-left: 10px; padding-left: 10px; } .amdiv.clear { clear: both; float: none; height: 0; } .amdiv p { margin: 0 0 10px 0; } .amdiv h3 { text-transform: uppercase; font-size: 130%; font-weight: bold; padding-bottom: 15px; } .amdiv a:link { color: #FB9B39; text-decoration: none; font-weight: bold; } .amdiv a:visited { color: #FB9B39; text-decoration: none; font-weight: bold; } .amdiv a:hover { color: #FB9B39; text-decoration: underline; font-weight: bold; } /* Bottom */ #bottom-wrap { height: auto; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; border: 0; float: none; clear: both; background: #D8D9DB url(images/footer-bg.gif) repeat-x top; } #bottom { height: auto; width: 970px; padding: 0 0 0 0; margin: 0px auto 0 auto; border: 0; float: none; clear: both; background: none; } #footer-menu1 { text-align: center; color: #6A737B; font-size: 91%; padding: 40px 0 50px 0; } #footer-menu1 ul { list-style: none; } #footer-menu1 ul li { display: inline; padding: 2px 5px 2px 5px; margin: 0 0 0 10px; } #footer-menu1 ul li a:link { color: #6A737B; text-decoration: none; } #footer-menu1 ul li a:visited { color: #6A737B; text-decoration: none; } #footer-menu1 ul li a:hover { color: #6A737B; text-decoration: underline; } .alignright { float: right; margin-left: 10px; margin-top: 3px; } .alignleft{ float: left; margin-right: 10px; margin-top: 3px; } .aligncenter { text-align: center; } .alignright.imgbdr { margin-left: 10px; margin-bottom: 10px; } .alignleft.imgbdr { margin-right: 10px; margin-bottom: 10px; } .imgbdr { padding: 4px; border: 1px dotted #CCCCCC; } .clear { clear: both; } small { font-size: 11px; line-height: 100%; } .valigntop { vertical-align: top; } /* sharethis button */ div#sharethis { float: right; padding-top: 40px; } div.stbutton.horizontal { width: 81px !important; } iframe#stframe[style] { left: 90px !important; } /* Comments */ .alt1 { margin: 0; padding: 15px 0px 15px 0px; border-bottom: 1px solid #BBBBBB; border-top: 1px solid #BBBBBB; background:#FAFAFA; } .alt2 { margin: 0; padding: 0px 0px 0px 0px; } .gravatar { background-color:#FFFFFF; color:#FFFFFF; float:right; margin:0px; padding:0px; } .commentlist { padding: 0; } .commentlist li { margin: 15px 0px 3px 0px; padding-right: 15px; padding-left: 15px; list-style: none; } .commentlist p { margin: 10px 5px 10px 0px; } textarea#comment { width: 100%; } .tm { font-size: 60%; position: relative; top: -8px; } blockquote { margin-left: 20px; margin-bottom: 10px; padding: 10px 10px 4px 10px; background: #EEEEEE; } #maincontent .happenings-mainbox { border: 1px solid #00456B; padding: 5px; } #maincontent .happeningsstory { background: #F9F9F9; padding: 10px; } #maincontent .happeningsstory.alt { background: #EEEEEE; padding: 10px; } #maincontent .happeningsstory .archivelink { float: left; text-align: left; margin-left: 10px; width: 580px; } #maincontent .happeningsstory .archivelink p { margin: 0; } #maincontent .happeningsstory .archivelinkdate { float: left; text-align: left; width: 100px; font-weight: bold; font-size: 14px; } #maincontent .happeningsstory .archivelinktitle { font-weight: bold; font-size: 14px; } #maincontent .archivestory { margin-bottom: 12px; } #maincontent .archivestory .archivelink { float: left; text-align: left; margin-left: 10px; width: 620px; } #maincontent .archivestory .archivelinkdate { float: left; text-align: left; width: 100px; font-weight: bold; font-size: 14px; } #maincontent .archivestory .archivelinktitle { font-weight: bold; font-size: 14px; }