html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} html { font: 75%/1.5em Arial, sans-serif; color: #fff; background: #333; }  #container-outer { } #container { width: 950px; margin: 0 auto 5em; position: relative; } #header { width: 100%; overflow: hidden; position: relative; height: 6em; margin-bottom: 3em; } #content { position: relative; height: 50em; overflow: hidden; } #footer { margin-top: 2em; position: relative; text-align: center; } #footer a { color: #fff; font-weight: bold; text-decoration: underline; } #bookmarkthis { position: absolute; top: 5.5em; left: 0; z-index: 999; }  h1 { font-weight: bold; font-size: 1.5em; color: #fff; background-color: #333; font-family: Georgia, serif; } h2 { color: #ccc; font-family: Georgia, serif; font-size: 1.2em; font-style: italic; } h3 { color: #600; font-family: Georgia, serif; font-size: 1.5em; font-weight: bold; text-transform: uppercase; margin-bottom: 1em; padding: 1em 0; background-color: #eee; }  a:link, a:visited { outline: none; color: #00f; text-decoration: none; } a:hover { color: #000; } a:active { color: #f00; }  ul, ol, dl { margin: 1.5em 0; } ul ul { margin: 0; } ul li { margin-left: 1.5em; list-style: outside circle; } ol li { margin-left: 1.5em; list-style: outside decimal; } dt { font-weight: bold; margin-top: 1.5em; } dd { margin-bottom: 1.5em; }  strong { font-style: inherit; font-weight: bold; } em { font-weight: inherit; font-style: italic; } del { text-decoration: line-through; } ins { font-style: italic; } abbr, acronym, dfn { border-bottom: 1px dotted #000; cursor: help; } cite, q { font-style: italic; } code, kbd, samp, var, tt { font-family: monospace; }  address, blockquote, p, pre { margin: 1.5em 0; } pre { font-family: monospace; }  table { margin: 1.5em 0; font: 1em/1.5em Arial, sans-serif; } th { font-weight: bold; }  form { text-align: center; margin: 0 0 1.5em; width: 290px; } fieldset { margin-bottom: 1.5em; border-top: 1px solid #ccc; background-color: #eee; padding: 0 0 1px; } legend { text-align: center; font-weight: bold; font-family: Georgia, serif; } .textinput { margin: 1.5em 0; display: block; width: 100%; overflow: hidden; } .textinput .caption { color: #333; } .textinput input, .textinput select { width: 90px; } .textinput textarea { width: 90px; } .optioninput { width: 100%; } .optioninput .caption { color: #333; } .optioninput .description { color: #999; } .optioninput input { display: block; } .formbuttons { margin: 1.5em 0; } .formbutton { font-size: 1.2em; } .formerror { color: #f00; font-weight: bold; } .formerror li { margin: 0; list-style: none; }  object { margin: 1.5em 0; display: block; } hr { background-color: #000;  color: #000; height: 1px; border: none;  width: 80%; text-align: center; }  .tabs { } .tabs ul { display: table; margin: 0; list-style: none; } .tabs li { display: table-cell; *zoom: 1;  *display: inline;  *position: relative;  } .tabs a { display: block; *zoom: 1;  *display: inline;  }  ul.dropdown { display: block; position: absolute; z-index: 999; margin: 0; top: 100%; width: 25em; display: none; left: auto; *left: 0;  } ul.dropdown ul.dropdown { display: none; top: 0; left: 95%; } .dropdown li { position: relative; list-style: none; display: block; } .dropdown a { display: block; }    .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 { float: left; margin-right: 10px; }  .last, div.last { margin-right: 0; }  .span-1 { width: 30px; } .span-2 { width: 70px; } .span-3 { width: 110px; } .span-4 { width: 150px; } .span-5 { width: 190px; } .span-6 { width: 230px; } .span-7 { width: 270px; } .span-8 { width: 310px; } .span-9 { width: 350px; } .span-10 { width: 390px; } .span-11 { width: 430px; } .span-12 { width: 470px; } .span-13 { width: 510px; } .span-14 { width: 550px; } .span-15 { width: 590px; } .span-16 { width: 630px; } .span-17 { width: 670px; } .span-18 { width: 710px; } .span-19 { width: 750px; } .span-20 { width: 790px; } .span-21 { width: 830px; } .span-22 { width: 870px; } .span-23 { width: 910px; } .span-24 { width: 950px; margin: 0; }  .append-1 { padding-right: 40px; } .append-2 { padding-right: 80px; } .append-3 { padding-right: 120px; } .append-4 { padding-right: 160px; } .append-5 { padding-right: 200px; } .append-6 { padding-right: 240px; } .append-7 { padding-right: 280px; } .append-8 { padding-right: 320px; } .append-9 { padding-right: 360px; } .append-10 { padding-right: 400px; } .append-11 { padding-right: 440px; } .append-12 { padding-right: 480px; } .append-13 { padding-right: 520px; } .append-14 { padding-right: 560px; } .append-15 { padding-right: 600px; } .append-16 { padding-right: 640px; } .append-17 { padding-right: 680px; } .append-18 { padding-right: 720px; } .append-19 { padding-right: 760px; } .append-20 { padding-right: 800px; } .append-21 { padding-right: 840px; } .append-22 { padding-right: 880px; } .append-23 { padding-right: 920px; }  .prepend-1 { padding-left: 40px; } .prepend-2 { padding-left: 80px; } .prepend-3 { padding-left: 120px; } .prepend-4 { padding-left: 160px; } .prepend-5 { padding-left: 200px; } .prepend-6 { padding-left: 240px; } .prepend-7 { padding-left: 280px; } .prepend-8 { padding-left: 320px; } .prepend-9 { padding-left: 360px; } .prepend-10 { padding-left: 400px; } .prepend-11 { padding-left: 440px; } .prepend-12 { padding-left: 480px; } .prepend-13 { padding-left: 520px; } .prepend-14 { padding-left: 560px; } .prepend-15 { padding-left: 600px; } .prepend-16 { padding-left: 640px; } .prepend-17 { padding-left: 680px; } .prepend-18 { padding-left: 720px; } .prepend-19 { padding-left: 760px; } .prepend-20 { padding-left: 800px; } .prepend-21 { padding-left: 840px; } .prepend-22 { padding-left: 880px; } .prepend-23 { padding-left: 920px; }  .border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eee; }  .colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eee; }  .pull-1 { margin-left: -40px; } .pull-2 { margin-left: -80px; } .pull-3 { margin-left: -120px; } .pull-4 { margin-left: -160px; } .pull-5 { margin-left: -200px; } .pull-1, .pull-2, .pull-3, .pull-4, .pull-5 { float:left; position:relative; } .push-1 { margin: 0 -40px 1.5em 40px; } .push-2 { margin: 0 -80px 1.5em 80px; } .push-3 { margin: 0 -120px 1.5em 120px; } .push-4 { margin: 0 -160px 1.5em 160px; } .push-5 { margin: 0 -200px 1.5em 200px; } .push-1, .push-2, .push-3, .push-4, .push-5 { float: right; position:relative; }   .prepend-top { margin-top:1.5em; } .append-bottom { margin-bottom:1.5em; }  .box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; } .columns { overflow: hidden; }  .webdings { font-family: webdings; } .ascii { display: none; *display: inline; } .unicode { *display: none; } .even { background-color: #eee; } .odd { background-color: #ddd; } .weak { color: #999; } .highcontext { margin-top: -1.5em; } .note { font-size: .8em; } .inline { display: inline; } .floatr { float: right; } .floatl { float: left; } .clearl { clear: left; } .clearr { clear: right; } .clearall { clear: all; } .warning { background-color: #ff9; color: #000; padding: 1em; } .hide { display: none; } .page-break { page-break-before: always; } #pageinfo, #pageerror { position: absolute; top: 0; left: 0; background-color: #fff; width: 100%; z-index: 999; font-size: 2em; line-height: 1em; text-align: center; } #pageinfo { color: #000; } #pageerror { color: #f00; }  #header h1, #header h2 { display: inline; background-color: #eee; color: #000; } #header h2 { color: #999; } #header #webname { background-color: #eee; text-align: center; height: 5em; line-height: 5em; } #header div { border-bottom: 2px solid #222; } #conversionstab a, #getcsstab a, #helptab a { color: #fff; display: block; font-family: Georgia, serif; display: block; height: 1.5em; font-size: 2em; line-height: 1.5em; text-align: center; font-style: italic; background: #000; } #conversionstab a:hover, #getcsstab a:hover, #helptab a:hover { background-color: #300; } #header a.activeSlide, #header a.activeSlide:hover { background-color: #900; } #content h2 { padding-bottom: 1em; background-color: #333; } .conversions { height: 50em; position: relative; background-color: #fff; border-bottom: 2px solid #222; color: #333; } .conversions table { margin: 0; width: 290px; table-layout: fixed; position: absolute; top: 5em; left: 10px; } .conversions td, .conversions tr { line-height: 2em; width: 25%; } .conversions form { position: absolute; top: 5em; margin: 0; left: 10px; } .converted { display: none; } .default { background-color: #000; color: #fff; font-weight: bold; } .hover, .default.hover { background-color: #ccc; color: #000; } .base, .default.base, .default.base.hover { background-color: #900; color: #fff; } #getcss, #help { width: 950px; background-color: #fff; border-bottom: 2px solid #222; } #conversions, #getcss, #help { display: none; } #convertedtables { background: #fff url(/images/choose.gif) 10px 50% no-repeat; } #generatedcss, #allaboutpxtoem { background-color: #fff; color: #333; overflow: auto; width: 908px; padding: 10px; height: 42em; border: 1px solid #ccc; margin: 10px; } #generatedcss { white-space: pre; } #results { position: absolute; top: 31em; left: 10px; width: 290px; } #results h2 { background-color: #fff; color: #333; } #results div { text-align: center; font-size: 3em; } .basesize a { color: inherit; *color: expression(this.parentNode.currentStyle ? this.parentNode.currentStyle.fontColor : '#333'); } ul#asseenon { margin: 1.5em auto; } ul#asseenon li { margin: 0; padding: 0 5px; font-weight: bold; font-style: italic; font-size: 1.5em; color: #ccc; background-color: #333; font-family: Georgia, serif; line-height: 25px; height: 25px; } ul#asseenon li a { height: 25px; display: block; background-image: url(/images/asseenon.jpg); background-repeat: no-repeat; } ul#asseenon li a span { display: none; } #seennettuts a { background-position: 0 0; width: 87px; } #seensmashing a { background-position: -87px 0; width: 75px; } #seencssglobe a { background-position: -162px 0; width: 102px; } #seen100shiki a { background-position: -264px 0; width: 53px; } #seenwebresources a { background-position: -317px 0; width: 112px; } #seencreattica a { background-position: -429px 0; width: 167px; } #seenbildirgec a { background-position: -596px 0; width: 185px; }