@charset 'UTF-8'; /* First ~1480 lines is resetting stuff from the rest of the site! <-- collapse here <------------------ collapse here <------------------ collapse here <------------------ collapse here */ /* * LS 2012-06-25 11:37:30 * * Edit these when you update the file name: * C:\inetpub\wwwroot\TreasuryToday\Website\xsl\2012\asa.xslt * C:\inetpub\wwwroot\TreasuryToday\Website\xsl\2012\benchmarking.xslt * * Probably a few more now? * * #asa #article-content, #asa-asia #article-content, #app #article-content, #benchmark #article-content, #ondemand #article-content, #webinar #article-content, #wit #article-content */ /* * LS 2012-01-20 12:50:15 * ASA 2012 * * TEAR IT DOWN! * */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ /* ASA and WEBINARS */ #article-content .css-layout-v2, #article-content .css-layout-v2 html, #article-content .css-layout-v2 body, #article-content .css-layout-v2 button, #article-content .css-layout-v2 div, #article-content .css-layout-v2 span, #article-content .css-layout-v2 applet, #article-content .css-layout-v2 object, #article-content .css-layout-v2 iframe, #article-content .css-layout-v2 input, #article-content .css-layout-v2 h1, #article-content .css-layout-v2 h2, #article-content .css-layout-v2 h3, #article-content .css-layout-v2 h4, #article-content .css-layout-v2 h5, #article-content .css-layout-v2 h6, #article-content .css-layout-v2 p, #article-content .css-layout-v2 blockquote, #article-content .css-layout-v2 pre, #article-content .css-layout-v2 a, #article-content .css-layout-v2 abbr, #article-content .css-layout-v2 acronym, #article-content .css-layout-v2 address, #article-content .css-layout-v2 big, #article-content .css-layout-v2 cite, #article-content .css-layout-v2 code, #article-content .css-layout-v2 del, #article-content .css-layout-v2 dfn, #article-content .css-layout-v2 em, #article-content .css-layout-v2 img, #article-content .css-layout-v2 ins, #article-content .css-layout-v2 kbd, #article-content .css-layout-v2 q, #article-content .css-layout-v2 s, #article-content .css-layout-v2 samp, #article-content .css-layout-v2 small, #article-content .css-layout-v2 strike, #article-content .css-layout-v2 strong, #article-content .css-layout-v2 sub, #article-content .css-layout-v2 sup, #article-content .css-layout-v2 tt, #article-content .css-layout-v2 var, #article-content .css-layout-v2 b, #article-content .css-layout-v2 u, #article-content .css-layout-v2 i, #article-content .css-layout-v2 center, #article-content .css-layout-v2 dl, #article-content .css-layout-v2 dt, #article-content .css-layout-v2 dd, #article-content .css-layout-v2 ol, #article-content .css-layout-v2 ul, #article-content .css-layout-v2 li, #article-content .css-layout-v2 fieldset, #article-content .css-layout-v2 form, #article-content .css-layout-v2 select, #article-content .css-layout-v2 textarea, #article-content .css-layout-v2 label, #article-content .css-layout-v2 legend, #article-content .css-layout-v2 table, #article-content .css-layout-v2 caption, #article-content .css-layout-v2 tbody, #article-content .css-layout-v2 tfoot, #article-content .css-layout-v2 thead, #article-content .css-layout-v2 tr, #article-content .css-layout-v2 th, #article-content .css-layout-v2 td, #article-content .css-layout-v2 article, #article-content .css-layout-v2 aside, #article-content .css-layout-v2 canvas, #article-content .css-layout-v2 details, #article-content .css-layout-v2 embed, #article-content .css-layout-v2 figure, #article-content .css-layout-v2 figcaption, #article-content .css-layout-v2 footer, #article-content .css-layout-v2 header, #article-content .css-layout-v2 hgroup, #article-content .css-layout-v2 menu, #article-content .css-layout-v2 nav, #article-content .css-layout-v2 output, #article-content .css-layout-v2 ruby, #article-content .css-layout-v2 section, #article-content .css-layout-v2 summary, #article-content .css-layout-v2 time, #article-content .css-layout-v2 mark, #article-content .css-layout-v2 audio, #article-content .css-layout-v2 video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; /* LS 2012-01-20 13:12:48 */ font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:normal; /*font-size:13px;*/ /*LS 2012-03-12 03:34:47 | can't have this on inline stuff.*/ line-height:138.4615384615385%; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; background:transparent; text-shadow:none; /* filter:none; */ /* LS 2012-03-21 15:30:08 | screws up lists and can result in width:0;

tags in IE9! */ color:#222; width:auto; height:auto; overflow:visible; } /* HTML5 display-role reset for older browsers */ #article-content .css-layout-v2 article, #article-content .css-layout-v2 aside, #article-content .css-layout-v2 details, #article-content .css-layout-v2 figcaption, #article-content .css-layout-v2 figure, #article-content .css-layout-v2 footer, #article-content .css-layout-v2 header, #article-content .css-layout-v2 hgroup, #article-content .css-layout-v2 menu, #article-content .css-layout-v2 nav, #article-content .css-layout-v2 section { display: block; } #article-content .css-layout-v2 body { line-height: 1; } #article-content .css-layout-v2 ol, #article-content .css-layout-v2 ul { list-style: none; } #article-content .css-layout-v2 blockquote, #article-content .css-layout-v2 q { quotes: none; } #article-content .css-layout-v2 blockquote:before, #article-content .css-layout-v2 blockquote:after, #article-content .css-layout-v2 q:before, #article-content .css-layout-v2 q:after { content: ''; content: none; } #article-content .css-layout-v2 table { border-collapse: collapse; border-spacing: 0; } /*------------------------------------*\ INUIT.CSS \*------------------------------------*/ /* Author: Harry Roberts Twitter: @inuitcss Author URL: csswizardry.com Project URL: inuitcss.com Version: 3.2 Date: 24 November 2011 Copyright 2011 Harry Roberts Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ /*------------------------------------*\ CONTENTS \*------------------------------------*/ /* RESET SHARED MAIN GRIDS CLEARFIX ISLAND MEDIA LOGO NAV TYPE IMAGES FORMS TABLES MESSAGES MISC CLASSES DIAGNOSTICS NARROW MOBILE PRINT */ /*------------------------------------*\ $RESET \*------------------------------------*/ /* A more considered reset; more of a restart... csswizardry.com/2011/10/reset-restarted */ #article-content .css-layout-v2, #article-content .css-layout-v2 html, #article-content .css-layout-v2 body, #article-content .css-layout-v2 div, #article-content .css-layout-v2 span, #article-content .css-layout-v2 applet, #article-content .css-layout-v2 object, #article-content .css-layout-v2 iframe, #article-content .css-layout-v2 h1, #article-content .css-layout-v2 h2, #article-content .css-layout-v2 h3, #article-content .css-layout-v2 h4, #article-content .css-layout-v2 h5, #article-content .css-layout-v2 h6, #article-content .css-layout-v2 p, #article-content .css-layout-v2 blockquote, #article-content .css-layout-v2 pre, #article-content .css-layout-v2 hr, #article-content .css-layout-v2 a, #article-content .css-layout-v2 abbr, #article-content .css-layout-v2 address, #article-content .css-layout-v2 cite, #article-content .css-layout-v2 code, #article-content .css-layout-v2 del, #article-content .css-layout-v2 dfn, #article-content .css-layout-v2 em, #article-content .css-layout-v2 img, #article-content .css-layout-v2 ins, #article-content .css-layout-v2 kbd, #article-content .css-layout-v2 q, #article-content .css-layout-v2 s, #article-content .css-layout-v2 samp, #article-content .css-layout-v2 small, #article-content .css-layout-v2 strong, #article-content .css-layout-v2 sub, #article-content .css-layout-v2 sup, #article-content .css-layout-v2 tt, #article-content .css-layout-v2 var, #article-content .css-layout-v2 b, #article-content .css-layout-v2 u, #article-content .css-layout-v2 i, #article-content .css-layout-v2 dl, #article-content .css-layout-v2 dt, #article-content .css-layout-v2 dd, #article-content .css-layout-v2 ol, #article-content .css-layout-v2 ul, #article-content .css-layout-v2 li, #article-content .css-layout-v2 fieldset, #article-content .css-layout-v2 form, #article-content .css-layout-v2 label, #article-content .css-layout-v2 legend, #article-content .css-layout-v2 table, #article-content .css-layout-v2 caption, #article-content .css-layout-v2 tbody, #article-content .css-layout-v2 tfoot, #article-content .css-layout-v2 thead, #article-content .css-layout-v2 tr, #article-content .css-layout-v2 th, #article-content .css-layout-v2 td, #article-content .css-layout-v2 article, #article-content .css-layout-v2 aside, #article-content .css-layout-v2 canvas, #article-content .css-layout-v2 details, #article-content .css-layout-v2 figcaption, #article-content .css-layout-v2 figure, #article-content .css-layout-v2 footer, #article-content .css-layout-v2 header, #article-content .css-layout-v2 hgroup, #article-content .css-layout-v2 menu, #article-content .css-layout-v2 nav, #article-content .css-layout-v2 section, #article-content .css-layout-v2 summary, #article-content .css-layout-v2 time, #article-content .css-layout-v2 mark, #article-content .css-layout-v2 audio, #article-content .css-layout-v2 video { margin:0; padding:0; } #article-content .css-layout-v2 article, #article-content .css-layout-v2 aside, #article-content .css-layout-v2 details, #article-content .css-layout-v2 figcaption, #article-content .css-layout-v2 figure, #article-content .css-layout-v2 footer, #article-content .css-layout-v2 header, #article-content .css-layout-v2 hgroup, #article-content .css-layout-v2 menu, #article-content .css-layout-v2 nav, #article-content .css-layout-v2 section { display:block; } #article-content .css-layout-v2 h1, #article-content .css-layout-v2 h2, #article-content .css-layout-v2 h3, #article-content .css-layout-v2 h4, #article-content .css-layout-v2 h5, #article-content .css-layout-v2 h6 { font-size:1em; } #article-content .css-layout-v2 table { border-collapse:collapse; border-spacing:0; } #article-content .css-layout-v2 strong, #article-content .css-layout-v2 b, #article-content .css-layout-v2 mark { font-weight:bold; font-style:inherit; } #article-content .css-layout-v2 em, #article-content .css-layout-v2 i, #article-content .css-layout-v2 cite, #article-content .css-layout-v2 q, #article-content .css-layout-v2 address, #article-content .css-layout-v2 dfn, #article-content .css-layout-v2 var { font-style:normal; font-weight:bold; } #article-content .css-layout-v2 abbr[title], #article-content .css-layout-v2 dfn[title] { cursor:help; /* border-bottom:1px dotted; */ /* LS 2012-03-19 16:03:47 | people in the office don't like the underline. */ } #article-content .css-layout-v2 ins { border-bottom:1px solid; } #article-content .css-layout-v2 a, #article-content .css-layout-v2 u, #article-content .css-layout-v2 ins { text-decoration:none; } #article-content .css-layout-v2 u { text-decoration:underline; } #article-content .css-layout-v2 del, #article-content .css-layout-v2 s { text-decoration:line-through; } #article-content .css-layout-v2 pre, #article-content .css-layout-v2 code, #article-content .css-layout-v2 samp, #article-content .css-layout-v2 kbd { font-family:monospace; } #article-content .css-layout-v2 small { font-size:0.75em; } #article-content .css-layout-v2 img { border:none; font-style:italic; } #article-content .css-layout-v2 input, #article-content .css-layout-v2 select, #article-content .css-layout-v2 option, #article-content .css-layout-v2 optgroup, #article-content .css-layout-v2 textarea { font:inherit; } /*------------------------------------*\ $SHARED \*------------------------------------*/ /* Rather than repeating declarations over and over, let’s make a shared section. */ #article-content .css-layout-v2 h1, #article-content .css-layout-v2 h2, #article-content .css-layout-v2 h3, #article-content .css-layout-v2 h4, #article-content .css-layout-v2 h5, #article-content .css-layout-v2 h6, #article-content .css-layout-v2 ul, #article-content .css-layout-v2 ol, #article-content .css-layout-v2 dl, #article-content .css-layout-v2 p, #article-content .css-layout-v2 address, #article-content .css-layout-v2 figure, #article-content .css-layout-v2 pre, #article-content .css-layout-v2 fieldset, #article-content .css-layout-v2 table, #article-content .css-layout-v2 hr, #article-content .css-layout-v2 .nav, #article-content .css-layout-v2 .island, #article-content .css-layout-v2 .media { margin-bottom:13px; margin-bottom:0.8125rem; } #article-content .css-layout-v2 article>p:last-child, #article-content .css-layout-v2 div>p:last-child, #article-content .css-layout-v2 ul:not(.spaced) li>p:last-child, #article-content .css-layout-v2 section>p:last-child, #article-content .css-layout-v2 div>ul:last-child, #article-content .css-layout-v2 section>ul:last-child, #article-content .css-layout-v2 td>p:last-child, #article-content .css-layout-v2 th>p:last-child { margin-bottom:0; } #article-content .css-layout-v2 figcaption, #article-content .css-layout-v2 small { font-size:12px; font-size:0.75rem; } #article-content .css-layout-v2 ul, #article-content .css-layout-v2 ol, #article-content .css-layout-v2 dd { /* margin-left:3em; */ margin-left:1em; } #article-content .css-layout-v2 small, #article-content .css-layout-v2 code { line-height:1; } #article-content .css-layout-v2 pre, #article-content .css-layout-v2 code, #article-content .css-layout-v2 input, #article-content .css-layout-v2 textarea { font:inherit; } /*------------------------------------*\ $MAIN \*------------------------------------*/ #article-content .css-layout-v2, #article-content .css-layout-v2 html { /* overflow-y:scroll; */ /* Force scrollbars 100% of the time */ /* LS 2012-01-20 14:34:30 | No thanks, not for an ID embedded in another page. */ font-size:100%; /* Use 16px as per informationarchitects.jp/en/100e2r/ and wilsonminer.com/posts/2008/oct/20/relative-readability/ */ font-size:100%; /* Use 16px as per informationarchitects.jp/en/100e2r/ and wilsonminer.com/posts/2008/oct/20/relative-readability/ */ line-height:1.5; /* A safe default for type of any size. */ /* You should always specify a colour and background, override these in your own stylesheet if desired. */ background-color:#fff; color:#333; } #article-content .css-layout-v2, #article-content .css-layout-v2 body { min-height:100%; } /*------------------------------------*\ $GRIDS \*------------------------------------*/ /* Build a custom grid-system igloo at inuitcss.com Include this igloo in igloos.css */ /*------------------------------------*\ $CLEARFIX \*------------------------------------*/ /* Fix clearing issues as per: nicolasgallagher.com/micro-clearfix-hack/ */ #article-content .css-layout-v2 .cf, #article-content .css-layout-v2 .row, #article-content .css-layout-v2 .grids, #article-content .css-layout-v2 .media { zoom:1; } #article-content .css-layout-v2 .cf:before, #article-content .css-layout-v2 .row:before, #article-content .css-layout-v2 .grids:before, #article-content .css-layout-v2 .media:before, #article-content .css-layout-v2 .cf:after, #article-content .css-layout-v2 .row:after, #article-content .css-layout-v2 .grids:after, #article-content .css-layout-v2 .media:after { content:""; display:table; } #article-content .css-layout-v2 .cf:after, #article-content .css-layout-v2 .row:after, #article-content .css-layout-v2 .grids:after, #article-content .css-layout-v2 .media:after { clear:both; } /*------------------------------------*\ $ISLAND \*------------------------------------*/ /* Use a class of .island whenever you want to box off an area of content as per: csswizardry.com/2011/10/the-island-object/ Extend with classes like .promo to apply different colours etc to draw attention. */ #article-content .css-layout-v2 .island { padding:1.5em; } #article-content .css-layout-v2 .island > :last-child { margin-bottom:0; } /*------------------------------------*\ $MEDIA \*------------------------------------*/ /* Based on @stubbornella’s media object: stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/

Get Product for half price!

*/ #article-content .css-layout-v2 .media { display:block; } #article-content .css-layout-v2 .media .img { float:left; margin-right:10px; } #article-content .css-layout-v2 .media .body { overflow:hidden; margin-bottom:0; } /*------------------------------------*\ $LOGO \*------------------------------------*/ /* Your logo is an image, not a h1: csswizardry.com/2010/10/your-logo-is-an-image-not-a-h1/ */ #article-content .css-layout-v2 .logo, #article-content .css-layout-v2 .logo img { /*display:block;*/ /*width:auto; /* Width of your logo in pixels (ideally a round grid-number) */ /*height:auto; /* Height of your logo in pixels */ } /* Based on the fact that we need to use an in our markup, let’s hide the actual image and use a background on the --this gives us semantically sound markup and the ability to use sprites for hover effects! */ /*#article-content .css-layout-v2 .logo{ background:url(/path/to/logo); } #article-content .css-layout-v2 .logo:hover{ */ /* Hover states */ /* background-position:0 -00px; } #article-content .css-layout-v2 .logo img{ position:absolute; left:-99999px; }*/ /*------------------------------------*\ $NAV \*------------------------------------*/ /* Create an abstraction, as per: csswizardry.com/2011/09/the-nav-abstraction/ */ #article-content .css-layout-v2 .nav { list-style:none; } #article-content .css-layout-v2 .nav li { display:inline; } #article-content .css-layout-v2 .nav a { display:inline-block; } /*------------------------------------*\ $TYPE \*------------------------------------*/ /*--- HEADINGS ---*/ #article-content .css-layout-v2 h1, #article-content .css-layout-v2 .alpha { font-size:1.75em; /* 24px */ line-height:1.5; /* 36px */ } #article-content .css-layout-v2 h2, #article-content .css-layout-v2 .beta { font-size:1.5em; /* 24px */ line-height:1; /* 24px */ } #article-content .css-layout-v2 h3, #article-content .css-layout-v2 .gamma { font-size:1.25em; /* 20px */ line-height:1.2; /* 24px */ } #article-content .css-layout-v2 h4, #article-content .css-layout-v2 .delta { font-size:1.125em; /* 18px */ line-height:1.333; /* 24px */ } #article-content .css-layout-v2 h5, #article-content .css-layout-v2 .epsilon { font-weight:bold; } #article-content .css-layout-v2 h5, #article-content .css-layout-v2 .epsilon, #article-content .css-layout-v2 h6, #article-content .css-layout-v2 .zeta { font-size:1em; /* 16px */ line-height:1.5; /* 24px */ } /*--- PARAGRAPHS ---*/ /* Mo’ robust paragraph indenting: csswizardry.com/2010/12/mo-robust-paragraph-indenting/ Uncomment to activate p+p{ text-indent:2em; margin-top:-1.5em; } */ /* * LS 2012-01-20 14:53:55 * Taken from normalize.css */ #article-content .css-layout-v2 small { font-size: 75%; } /* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ #article-content .css-layout-v2 sub, #article-content .css-layout-v2 sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #article-content .css-layout-v2 sup { top: -0.5em; } #article-content .css-layout-v2 sub { bottom: -0.25em; } /*--- FIGURES ---*/ #article-content .css-layout-v2 figure img { display:block; margin-bottom:0; } /*--- LINKS ---*/ /* Say no to negative hovers: csswizardry.com/2011/05/on-negative-hovers/ A negative hover is one whose appearance is subtracted from on hover rather than added to. */ #article-content .css-layout-v2 a:visited { opacity:0.8; /* A bit basic, but it’s a bare minumum... */ } #article-content .css-layout-v2 a:hover { text-decoration:none; } #article-content .css-layout-v2 a:active, #article-content .css-layout-v2 a:focus { /* Give clicked links a depressed effect. */ position:relative; top:1px; } /*--- LISTS ---*/ #article-content .css-layout-v2 li > ul, #article-content .css-layout-v2 li > ol { /* Let’s take care of lists in lists */ margin-bottom:0; } /* A numbered list is NOT the same as an ordered one: csswizardry.com/2011/09/ordered-and-numbered-lists-the-differences/ Use this class when you want a list to be numbered but it has no order. */ #article-content .css-layout-v2 ul.numbered { list-style:decimal outside; } #article-content .css-layout-v2 dt { font-weight:bold; } /*--- QUOTES ---*/ /* Big up @boblet: html5doctor.com/blockquote-q-cite/ */ /*#article-content .css-layout-v2 q { quotes:"‘" "’" "“" "”"; } #article-content .css-layout-v2 q:before { content:"‘"; content:open-quote; } #article-content .css-layout-v2 q:after { content:"’"; content:close-quote; } #article-content .css-layout-v2 q q:before { content: "“"; content: open-quote; } #article-content .css-layout-v2 q q:after { content: "”"; content: close-quote; } #article-content .css-layout-v2 blockquote { quotes: "“" "”"; } #article-content .css-layout-v2 blockquote p:before { content: "“"; content: open-quote; } #article-content .css-layout-v2 blockquote p:after { content: ""; content: no-close-quote; } #article-content .css-layout-v2 blockquote p:last-of-type:after { content: "”"; content: close-quote; }*/ #article-content .css-layout-v2 blockquote { border-left: 1px solid #ddd; font-size: 1.25em; padding: 0 2em; line-height: 1.6; } #article-content .css-layout-v2 blockquote p { color: #a0a0a0; font-size: 1em; font-style: normal; font-family: georgia,'Times New Roman',serif; } #article-content .css-layout-v2 blockquote p>cite { color: #a0a0a0; font-size:0.8em; } #article-content .css-layout-v2 blockquote .vcard { text-indent: 0; } #article-content .css-layout-v2 blockquote .vcard h4 { font-size: 13px; font-style: normal; font-weight: bold; line-height: 5px; padding-top: 1em; } #article-content .css-layout-v2 blockquote .vcard h5 { font-size: 12px; font-style: normal; line-height: 5px; } #article-content .css-layout-v2 blockquote .vcard p { font-size: 12px; font-style: normal; font-weight: bold; line-height: 5px; margin-bottom: 0; } #article-content .css-layout-v2 blockquote .vcard p:before, #article-content .css-layout-v2 blockquote .vcard p:after { content:""; content:no-close-quote; } /* Mark up the source of a quote with .source:

Lorem ipsum dolor sit amet. Joe Bloggs

*/ #article-content .css-layout-v2 .source { display:block; text-indent:0; margin-top:-24px; margin-top:-1.5rem; } #article-content .css-layout-v2 .source:before { content:"—"; } /*--- GENERAL ---*/ #article-content .css-layout-v2 mark { background-color:#ffc; color:#333; } /*--- CODE ---*/ #article-content .css-layout-v2 pre, #article-content .css-layout-v2 code { font-family:"Inconsolata", "Monaco", "Consolas", "Courier New", Courier, monospace; } #article-content .css-layout-v2 pre { overflow:auto; line-height:24px; /* Having to define explicit pixel values :( */ } /*------------------------------------*\ $IMAGES \*------------------------------------*/ #article-content .css-layout-v2 img { /*max-width:100%;*/ /*height:auto;*/ /* Give it some text styles to offset alt text */ color:#c00; } #article-content .css-layout-v2 img.left { margin:0 30px 0 0; margin:0 1.875rem 0 0; } #article-content .css-layout-v2 img.right { margin:0 0 0 30px; margin:0 0 0 1.875rem; } #article-content .css-layout-v2 .cols2 + img.right { margin-left:-4.8%; } /*--- FLASH/VIDEO ---*/ #article-content .css-layout-v2 object, #article-content .css-layout-v2 embed, #article-content .css-layout-v2 video { max-width:100%; height:auto; } #article-content .css-layout-v2 .mejs-container object, #article-content .css-layout-v2 .mejs-container embed, #article-content .css-layout-v2 .mejs-container video, #article-content .css-layout-v2 .mejs-container .me-plugin, #article-content .css-layout-v2 .mejs-container .mejs-inner, #article-content .css-layout-v2 .mejs-container .mejs-layers, #article-content .css-layout-v2 .mejs-container .mejs-poster, #article-content .css-layout-v2 .mejs-container .mejs-poster img { width:625px; height:352px; } #article-content .css-layout-v2 .mejs-container .mejs-poster { overflow:hidden; } #article-content .css-layout-v2 .mejs-overlay-button { width: 624px; height: 352px; margin: -312px 0 0 -176px; background: url(/images/bms/-trans.png) no-repeat!important; } /*------------------------------------*\ $FORMS \*------------------------------------*/ /* Unfortunately, and somewhat obviously, forms don’t fit the baseline all too well. Perhaps in a later version... */ #article-content .css-layout-v2 fieldset { padding:1.5em; border:1px solid #ccc; } #article-content .css-layout-v2 label { display:block; } #article-content .css-layout-v2 .text-input { /* With the advent of various HTML5 input types (email, url, etc) input[type=text] is no longer suitable for for styling non-textearea text-inputs. Use .text-input instead. */ } #article-content .css-layout-v2 label, #article-content .css-layout-v2 .text-input, #article-content .css-layout-v2 textarea, #article-content .css-layout-v2 .btn { cursor:pointer; } #article-content .css-layout-v2 .text-input:active, #article-content .css-layout-v2 .text-input:focus, #article-content .css-layout-v2 textarea:active, #article-content .css-layout-v2 textarea:focus { cursor:text; } /* A class of .check-list can be added to a