.clear{clear:both;height:0}a{outline:0}img.lft{float:left;margin-right:12px}img.border{padding:6px;border:1px solid #000}.rgt{float:right}strong{font-weight:700}em{font-style:italic}.nomarg{margin:0;padding:0}body{background-color:#000;font:100% Arial,sans-serif;letter-spacing:.07em}#header .container{position:relative}.container{width:950px;margin:0 auto}#header{background-color:#fff;width:100%;position:relative;padding-top:24px;padding-bottom:5px}#header img{position:relative;left:0;top:0}#header #logo{display:block;width:360px;height:105px;background:url(../img/snipplr-code2.0.png) no-repeat 0 0}#header #nav{position:absolute;right:0;top:34px;z-index:100}#header #nav ul{border-bottom:3px solid #000;color:#000;display:block;text-align:right;padding:0 0 4px;width:550px}#header #nav ul li{display:inline;padding:0;margin:0;font:small-caps 700 1.2em Arial,sans-serif;letter-spacing:normal}body#snippets #header #nav li.snippets a,body#developer #header #nav li.developer a,body#blog #header #nav li.blog a,body#gigs #header #nav li.gigs a{padding:5px 8px;background:#000;color:#fff;margin-right:0;text-decoration:none;border-bottom:none;margin-left:0;background-image:none}#header #nav ul li a{padding:5px 8px;background:#fff url(../img/bg-50.png) repeat;color:#000;margin-right:0;text-decoration:none;border-bottom:none;margin-left:0}#header #nav ul a:hover{background:#000;color:#fff}#header #nav ul *{line-height:normal}body #header #nav ul li ul.secondary{display:block;position:absolute;bottom:-30px;right:0;border:0}body #header #nav ul li ul.secondary li{display:inline;padding:0;margin:0;font:1em Arial,sans-serif;letter-spacing:normal;word-spacing:normal}body#snippets #header #nav ul li.snippets ul.secondary li a,body#developer #header #nav ul li.developer ul.secondary li a,body#blog #header #nav ul li.blog ul.secondary li a,body#gigs #header #nav ul li.gigs ul.secondary li a{background-color:transparent;color:#aaa}body#snippets #header #nav ul li.snippets ul.secondary li a:hover,body#developer #header #nav ul li.developer ul.secondary li a:hover,body#blog #header #nav ul li.blog ul.secondary li a:hover,body#gigs #header #nav ul li.gigs ul.secondary li a:hover{color:#000}#subnav{background-color:#000;width:100%;position:relative;color:#fff;padding:7px 0}#subnav ul li{display:inline}#subnav ul li a{color:#ccc;text-decoration:none;padding:0 20px}#subnav ul li a.first{padding:0 20px 0 0}#subnav ul li a:hover{color:#fff;text-decoration:none}#stripe{background:#ddd url(../img/stripe-blue.png) repeat;height:95px;width:100%;position:relative}#stripe form{position:relative;top:15px;margin:0}#stripe form.search input{width:310px;background-color:#fff;margin:0}#stripe form.search input.submit{width:auto;position:relative;top:12px;margin:0;padding:0;border:0;background-color:transparent}#stripe form.search input.submit-min{width:auto;top:-1px;background-color:#000;color:#fff;height:30px;padding:2px 7px;font-size:.9em;text-transform:uppercase}#body{width:100%;background-color:#fff;padding:24px 0;position:relative}#sidecol{width:224px;position:relative;float:right}#sidecol form input{width:210px}#sidecol form input.submit{padding:3px 5px 5px;border:0;background-color:#000;color:#fff;font:small-caps normal 1.1em Arial,sans-serif;text-transform:lowercase;width:auto;position:absolute;right:0}#sidecol ul.plugins{margin-left:60px;position:relative}#sidecol ul.plugins li{position:relative;line-height:4em;margin:1em 0}#sidecol ul.plugins li img{position:absolute;left:-60px}#maincol{margin-right:24px;border-right:1px solid #000;padding-right:24px;width:678px}#maincol .twocol_l{width:315px;float:left;margin-right:23px}#maincol .twocol_r{width:315px;float:left}#maincol .twocol_r_border{padding-left:23px;border-left:1px solid #000;width:315px;float:left}#maincol.expand{width:950px;padding:0;border:0}ol.numbered li{margin-left:25px;list-style:decimal}#viewsource{background-color:#000;color:#c5effc;padding:6px;margin-bottom:24px}#viewsource pre{font-size:12px}#viewsource span a{text-align:right;margin-bottom:2px}#viewsource #innersource a{display:inline;font:1em courier,monospace;text-align:left;margin:0}#viewsource label{}#footernav{background:#000 url(../img/bg-footer.png) repeat-x top left;padding:7px 0;border-bottom:1px solid #fff}#footernav ul{position:relative;top:2px}#footernav ul li{display:inline}#footernav ul li a{color:#666;text-decoration:none;padding:0 20px;font-weight:700;background:0 0}#footernav ul li a.first{padding:0 20px 0 0}#footernav ul li a:hover{color:#000;text-decoration:none}#footer{color:#eee;padding-top:24px}#footer ul.languages{display:block;height:200px;margin-top:.5em}#footer ul.languages li{display:block;float:left;width:150px;margin:.5em 0}#footer ul.languages li a{text-decoration:none;color:#daedf5;text-transform:capitalize;font:.9em Arial,sans-serif}#footer ul.languages li a:hover{color:#fff}ul#drop{padding:0;margin:0;list-style:none;position:relative;z-index:100}ul#drop a{display:block;position:relative;text-decoration:none;padding:7px 7px 0;color:#000;text-transform:uppercase}ul#drop a:hover{text-decoration:none}ul#drop span{color:#000;position:absolute;left:115px;top:7px}ul#drop li{float:left;margin-right:40px}ul#drop li:hover{background-color:#e0f0f6}ul#drop li ul{position:absolute;left:-999em;background-color:#e0f0f6;padding:0;top:27px}ul#drop li:hover ul{left:auto}ul#drop li:hover ul,ul#drop li.sfhover ul{left:auto}ul#drop li ul li{margin-right:0}ul#drop li ul li a{text-transform:capitalize;padding:7px 12px}ul#drop li ul li a:hover{background-color:#c5e4ed}ul.languages{display:inline}ul.languages li{display:inline;color:#aaa;padding-bottom:3px}ul.languages li a{text-decoration:none;color:#aaa;text-transform:lowercase;font:small-caps normal 1.2em Arial,sans-serif}ul.languages li a.current{color:#000}ul.languages li a:hover{color:#000}ol.snippets{position:relative}ol.snippets li{position:relative;padding-left:24px;margin-top:6px;background:url(../img/hr_dotted.png) repeat-x left bottom;padding-bottom:6px}ol.snippets img.fav{position:absolute;left:0;top:5px}ol.snippets img.sav{position:absolute;left:0;top:20px}ol.marg img.fav{top:10px}ol.snippets li{overflow:hidden}ol.snippets h3{font-size:1.2em;text-transform:capitalize;letter-spacing:.05em;font-weight:700}ol.snippets h3 a{color:#000;text-decoration:none;padding:3px 0 0}ol.snippets h3 a:hover{background-color:#e0f0f6}.twocol_l ol.snippets,.twocol_r ol.snippets,.twocol_r_border ol.snippets{font-size:90%}dl.comments{position:relative;margin-left:0}dl.comments dt{position:relative;padding-left:24px;margin-top:12px;padding-bottom:0;margin-bottom:5px;background:transparent url(/img/icon_comment.png) no-repeat scroll center left}dl.comments dd{position:relative;background:url(../img/hr_dotted.png) repeat-x left bottom;padding-bottom:1px;padding-left:24px;margin-bottom:0}dl.comments dd.last{position:relative;background:0 0;padding-bottom:6px;padding-left:24px}dl.comments dd{overflow:auto}.description ol,.description ul,dl.comments ol,dl.comments ul{margin-bottom:1em}.description ol li,.description ul li,dl.comments ol li,dl.comments ul li{margin-left:20px;padding:0;background:0 0}.description ol li,dl.comments ol li{list-style:decimal}.description ul li,dl.comments ul li{list-style:disc}#snippetcomment{position:relative}#message{background:transparent url(/img/bg-white.png) repeat;width:100%;font-size:150%;text-align:center;padding:120px 0 80px;position:absolute;z-index:200;top:0}#message a{text-decoration:underline}.snippets span{font-size:90%}.snippets span.edit{text-transform:none;margin-left:10px;font-size:77%}.snippets a.d:hover{background-color:red;color:#fff}.snippets span.l a{color:#000;background-color:#e8e8e8;padding:2px}.snippets span.f{color:#999}.snippets span.p{font-size:77%;font-style:italic}a{color:#3299c6;text-decoration:none}a:hover{color:#3299c6;text-decoration:underline}a[href^="http://"]{background:url(../img/icon_extlink.png) 99% 70% no-repeat;padding-right:14px}ol.numbered,p{margin:0 0 1em}h1{font:700 2em helvetica,Arial,sans-serif;letter-spacing:normal;line-height:-10px;padding:0;margin-bottom:0}#sidecol h2{font-size:1.5em;margin-bottom:.5em;text-transform:uppercase}h2{font:2em helvetica,Arial,sans-serif;text-transform:capitalize;letter-spacing:normal}hr.heavy{background-color:#000;border:1px solid #000;color:#000;height:3px;margin:0 0 1.5em}hr.dotted{background:#fff url(../img/hr_dotted.png) repeat-x;height:1px;border:0;color:#fff;margin:0 0 3px}hr.marg{margin-bottom:24px}hr.marg2{margin-bottom:12px}.marg{margin-bottom:24px}.marg li{padding:5px 0;background:url(../img/hr_dotted.png) repeat-x left bottom}form{margin-bottom:48px;margin-top:12px}form p{margin:0;position:relative}form input{padding:7px;border:1px solid #000;font:italic normal normal 1.2em georgia,serif;color:#055477;margin-bottom:1em;background-color:#daedf5;width:662px}form input.nomarg{margin-bottom:0;padding:7px}form input:focus{background-color:#fff}form select{padding:7px;border:1px solid #000;color:#055477;margin-bottom:1em;background-color:#e5f4f9}form select:focus{background-color:#fff}form textarea{width:662px;padding:7px;border:1px solid #000;font:italic normal normal 1.2em georgia,serif;color:#055477;margin-bottom:1em;background-color:#daedf5}form textarea#source{font:.8em courier,monospace;line-height:1.2em}form div.inputplaceholder{padding:8px;font:italic normal normal 1.2em georgia,serif;margin-bottom:1em}#snippetcomment textarea#comment.inactive{width:98%;border:1px solid #000;font:italic normal normal 1.2em georgia,serif;color:#055477;margin-bottom:1em;background-color:#daedf5}#snippetcomment textarea#comment{width:100%;padding:0}a.advsearch{color:#fff;margin-left:10px;font-size:.9em}form textarea:focus{background-color:#fff}form input.checkbox{width:auto;margin:0}form input.submit{padding:3px 5px 5px;border:0;background-color:#000;color:#fff;font:small-caps normal 1.1em Arial,sans-serif;text-transform:lowercase;width:auto;float:right}form.search input.submit{float:none}label{font:1.2em Arial,sans-serif;text-transform:capitalize;margin:0;width:400px}form span.hint{font-size:.9em;position:absolute;top:3px;margin-left:10px}form span.hint a{text-decoration:underline}form span.hint2{font-size:.9em;font-style:italic;position:absolute;top:5px;right:0}form span.hint2 a{text-decoration:underline}.twocol_l input{width:301px}.twocol_r input{width:301px}div.tabs{padding:5px;margin-top:0;border:1px solid #000;background-color:#fff}p.label{font:700 110% Arial,sans-serif}#langtabs{margin-top:0}#langtabs a{text-decoration:none}#langtabs li{display:block;float:left;margin-right:2px;margin-bottom:2px;font-size:88%;border-top:0}#langtabs li a{color:#000;display:block;padding:4px 7px;background-color:#daedf5;border:1px solid #000}#langtabs li.last{font-weight:700;border:0}#langtabs li.selected{background-color:#fff;border-top:1px solid #fff}#langtabs li.selected a{color:#000;background-color:#fff;padding-top:3px}#langtabs li.selected a:hover{background-color:#fff}#langtabs li a:hover{background-color:#6ba0b2;color:#fff}#yourtabs,#yourdevtabs,#gigtabs{margin-top:0;width:98%;height:2em}#yourtabs a,#yourdevtabs a,#gigtabs a{text-decoration:none}#yourtabs li,#yourdevtabs li,#gigtabs li{display:block;float:left;margin-right:2px;margin-bottom:2px;font-size:88%;border:1px solid #666;border-top:0}#yourtabs li a,#yourdevtabs li a,#gigtabs li a{color:#fff;display:block;padding:4px 7px;background-color:#999}#yourtabs li.last,#yourdevtabs li.last,#gigtabs li.last{font-weight:700;border:0}#yourtabs li.selected,#yourdevtabs li.selected,#gigtabs li.selected{background-color:#fff;border-top:1px solid #fff}#yourtabs li.selected a,#yourdevtabs li.selected a,#gigtabs li.selected a{color:#000;background-color:#fff;padding-top:3px}#yourtabs li.selected a:hover,#yourdevtabs li.selected a:hover,#gigtabs li.selected a:hover{background-color:#fff}#yourtabs li a:hover,#yourdevtabs li a:hover,#gigtabs li a:hover{background-color:#666}#faq dt{font-weight:700}#faq dd{padding:5px 0 2em 2em}#innersource{font-size:11px;background-color:#eee;width:100%}#innersource a{text-decoration:none}#innersource pre{color:#000;padding:1em 0}#viewsource #innersource{overflow:auto}#viewsource .wrap pre{white-space:normal;padding:0}#viewsource .nowrap{white-space:nowrap}#viewsource ol{list-style-type:decimal;margin-left:30px;color:#000}#viewsource ol li{margin-left:10px}#viewsource a[href^="http://"]{background:0 0;padding-right:0}#viewsource .sourcenav{font-size:.8em;padding-bottom:3px}textarea.copysource{font-family:courier;width:100%;font-size:9pt}.noext a[href^="http://"]{background:0 0;padding-right:0}.error{color:red}.alert{color:green;font-weight:700}.small{font-size:.7em;line-height:normal}.de1,.de2{color:#00008b}.kw1{color:green}.kw2{color:green}.kw3{color:blue}.kw4{color:blue}.co1,.co2,.coMULTI{color:orange}.br0{color:olive}.st0{color:red}.nu0{color:maroon}.me0{color:#00008b}#switcher{float:right;margin-top:1px;font-size:.9em;color:#666}#switcher ul{display:inline}#subnav #switcher li a{padding:0;color:#999}#subnav #switcher li a:hover{color:#ccc}#recommendation{font-size:100%}#recommendation img{float:left;margin:0 .5em .3em 0}#related ol{margin-bottom:1.5em}div.sidebarcomments p.title{font-weight:700;margin-bottom:.5em}div.sidebarcomments p.comment{overflow:hidden;margin-bottom:.5em;margin-left:15px;font-size:90%}div.sidebarcomments p.details{margin-left:15px;font-size:75%;font-style:italic}ul.listorama{margin:1em 0}ul.listorama li{line-height:1.5em;list-style-type:square;margin-left:1em}#maincol .description pre,#maincol dl.comments pre{color:#777;font-size:11px;font-family:Monaco;line-height:1.4em;background-color:#191919;margin:18px 0;padding:10px;overflow:auto;overflow-y:hidden;padding-bottom:expression(this.scrollWidth > this.offsetWidth ? '15px':'none')}#maincol .description p code,#maincol dl.comments p code{padding:0 2px;background:#ccc}div.ann{position:relative;border:1px solid #b8c5d2;background:#f1f3f4;padding:15px;height:80px}div.ann .item{}div.ann .item-meta{padding-top:20px}div.ann img{float:left;margin-right:15px}div.ann .sponsor{position:absolute;top:30px;right:25px}div.ann .sponsor-text{float:left}div.ann h4.sponsor-logo{display:block;background:url(../img/codecanyon-logo-mini.png);width:33px;height:29px;text-indent:-9999px;float:right;margin-top:5px;margin-left:10px}div.ann a{color:#000;background:0 0;padding:0}div.ann h3.title{font-size:17px}div.ann p.meta{font-size:11px}div.ann p.primary{font-size:15px}div.ann p.secondary,div.ann p.secondary a{font-size:12px;color:#9c9c9c}div.ann p.primary,div.ann p.secondary{font-style:italic;margin:3px;text-align:right}#top-banner{background:#403d36;margin:0;padding:0;height:92px}#top-banner a{background:0 0;padding:none}.darkbtn{background-color:#000;border:0;color:#fff;font:small-caps 1.1em Arial,sans-serif;padding:3px 5px 5px;text-transform:lowercase;width:auto}