body.frame{background-image:url("/img/stylmore/grid.png")}#mainContent{margin:0 auto;max-width:1316px}.example{color:#444;padding:1px 8px;border:0;border-radius:4px;background-color:#e6e6e6;}.example .header,.example .footer{margin:.5em 0}.example .header{font-size:.9em;}.example .header .previewSize{border-width:1px;border-style:solid;border-color:#d5d5d5;border-radius:8px;margin:.5em 0;background-color:#eee;}.example .header .previewSize .label{width:13ex;float:left;padding:.25em 0 0 1ex;line-height:1.2em}.example .header .previewSize .control{padding:1px 0;margin:0 1em 0 15ex;position:relative;height:3em;}.example .header .previewSize .control .slider{margin:.3em 5%;z-index:1}.example .header .previewSize .control .key{border-spacing:0;width:100%;height:100%;position:absolute;top:0;}.example .header .previewSize .control .key td{margin:0;border:0;vertical-align:bottom;text-align:center;}.example .header .previewSize .control .key td.odd{background-color:#e2e2ee}.example .header .previewSize .control .key td.mini{width:35.6%}.example .header .previewSize .control .key td.small{width:28.8%}.example .header .previewSize .control .key td.medium{width:21.6%}.example .header .previewSize .control .key td.large{width:14%}.example .frameScroll{width:100%;overflow:auto;margin:.5em 0;}.example .frameScroll iframe{display:block;border:0;margin:0;border-width:2px 1px 1px 2px;border-style:solid;border-color:#f8f8f8;width:1000px}.example .footer code{display:block;max-height:22em;overflow:auto;padding:0 2ex 1em 2ex;border-radius:8px;white-space:pre;background-color:#fff}.marker{margin:.5em 0;border-width:1px;border-style:solid;border-color:#cfdafc;padding:.5em 0;color:#213d91;background-color:#f8f9ff;box-shadow:inset 0 0 15px #e0e7fd;text-align:center;}.marker.alt{border-color:#f7ec6e;color:#6e6612;background-color:#fefdf0;box-shadow:inset 0 0 15px #fcf9cf}