body {text-align:center;margin:0;background:#727272 url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/bgCntr.png') repeat-y center top;cursor:default}	.i {font-style:italic}	.c508 {cursor:default;text-decoration:none ! important}	a:visited {color:#006;cursor:pointer}	a {color:#006;cursor:pointer}	a:hover {color:#080}	acronym {font-variant:normal} h2 acronym {border:0}	ul li acronym {border:0}	ul li strong acronym {border:0}	ym {border:0}	a img {border:0}	img {vertical-align:middle}	img.inlineInfo {width:10px;height:9px;position:absolute;margin:2px 0 0 4px}	a[target~="_blank"] {padding-right:22px;background:transparent url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/newWin.gif') no-repeat right center;white-space:nowrap}	a[target~="_blank"]:hover {background-image:url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/newWinHover.gif')}	#topLogo img {width:98px;height:69px;position:absolute;margin:-5px 0 0 3px}	#fBody {text-align:left;margin:0 auto;background:#FFF url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/bg.gif') repeat-x 0 75px;font:12px Verdana,Geneva,sans-serif;padding:5px 0 0;width:775px}
form {margin:0}	.ck {vertical-align:middle;height:1.2em}	label {padding:0 2px;cursor:pointer}	label:hover {text-decoration:underline}	div#gSearchForm {height:45px;margin-right:5px}	div#gSearchForm form {float:right}	div#gSearchForm * {font:x-small Verdana,Helvetica,sans-serif}	div#gSearchForm table #gRadContainer {padding-top:3px}	div#gSearchForm input#qString {border:1px #666 solid;background:#EEE;width:125px}	div#gSearchForm input#qString:focus {background:#FFF}	div#gSearchForm input#gSubmitBtn {border-width:1px;border-style:solid;border-color:#555;background:#666 url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/gSearchBtnBG.gif') no-repeat center center;margin-left:1px;width:90px;color:#EEE;cursor:pointer}
ul#mainNavigation {margin:9px 0 0;padding:0}	ul#mainNavigation li {list-style:none inside;float:left}	ul#mainNavigation li a {display:block;text-decoration:none;padding:5px 15px 3px;border-color:#98a0ab;border-width:0 0 1px;border-style:solid;font:bold 11px/12px Arial,Skia,Helvetica,sans-serif;text-transform:uppercase;background:transparent url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/offMainTab.gif') repeat-x left bottom;color:#666}	ul#mainNavigation li a:hover {color:#000;text-decoration:overline;padding:6px 15px 2px}	ul#mainNavigation li a acronym {border:none;letter-spacing:1px}	ul#mainNavigation li a#skipNav {padding-left:75px}	ul#mainNavigation li:first-child a {padding-left:75px}
div#contextNavigation {clear:left;float:left;width:215px;font:bold x-small Verdana,Helvetica,sans-serif;margin:14px 0 0}	div#contextNavigation ul {margin-top:47px;margin-left:1px;padding:0 0 25px 0;border-right:1px #000 solid}	div#contextNavigation ul li {list-style:none inside;margin:0;padding:0;line-height:1.2}	div#contextNavigation ul li#relatedTuts {border-top:1px #000 solid;margin-top:15px}	div#contextNavigation ul li a {color:#006;text-decoration:none;display:list-item;list-style:square inside;padding:1px 1px 2px 7px}	div#contextNavigation ul li a#index {border-top:1px #000 solid;padding-top:2px}	div#contextNavigation ul li a:hover {color:#080}	div#contextNavigation ul li#upOneLevel {position:absolute;margin:-22px 0 0 -6px;width:220px}	div#contextNavigation ul li#upOneLevel a {background:transparent url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/hiddenNavLnk.gif') no-repeat 0 0;display:block;height:14px;padding:8px 0 0 29px;color:#888}	div#contextNavigation ul li#upOneLevel a:hover {color:#444}	div#contextNavigation ul li strong {color:#000;font:bold x-small Arial,Geneva,sans-serif;text-transform:uppercase;white-space:nowrap;display:block;margin:13px 0 3px 5px}	div#contextNavigation ul li ul {border:0;margin:0 0 7px 0;padding:0;line-height:1}	div#contextNavigation ul li ul.inline {margin-bottom:0}	div#contextNavigation ul li ul li a {font-weight:normal;list-style:none outside none ! important;padding:0 0 2px 23px;}
#breadcrumbs {font:x-small Verdana,Skia,Helvetica,sans-serif;position:relative;top:65px;padding-left:3px;width:525px;overflow:hidden;white-space:nowrap}	#breadcrumbs * {color:#555;font-weight:normal}	#breadcrumbs {color:#555;font-weight:normal}	#breadcrumbs img {width:21px;height:14px;position:relative;top:1px;background:transparent url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/newWinHover.gif') no-repeat center center}	#breadcrumbs a:hover #breadcrumbs a:hover * {color:#000} #breadcrumbs a:hover {color:#000} #breadcrumbs a:hover * {color:#000}
#mainContent {float:right;width:530px;margin-right:8px}	h1 {font:bold small "Trebuchet MS",Arial,Skia,Geneva,sans-serif;margin:27px 0 35px;/*text-align:right;*/color:#000;padding:1px 0 6px 4px;background:transparent url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/h1.gif') repeat-x left bottom}	#mainContent h1 {font:bold small "Trebuchet MS",Arial,Skia,Geneva,sans-serif;margin:27px 0 35px;/*text-align:right;*/color:#000;padding:1px 0 6px 4px;background:transparent url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/h1.gif') repeat-x left bottom}	#mainContent h1 img {width:16px;height:16px;position:relative;left:1px}	h2 {font:bold small Verdana,Tahoma,Arial,Geneva,sans-serif;margin:35px 2px 0;position:relative;top:7px;color:#080;border-bottom:5px #DDD solid;padding:0 0 3px 1px}	#mainContent h2 {font:bold small Verdana,Tahoma,Arial,Geneva,sans-serif;margin:35px 2px 0;position:relative;top:7px;color:#080;border-bottom:5px #DDD solid;padding:0 0 3px 1px}	h3 {font:bold x-small Verdana,Tahoma,Arial,Geneva,sans-serif;text-transform:uppercase;margin:27px 0 0 1px;position:relative;top:9px;border-bottom:1px #DDD solid;border-left:1.7em #080 solid;padding:3px 5px 2px;background:#EEE url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/h2.gif') no-repeat right top;color:#333}	#mainContent h3 {font:bold x-small Verdana,Tahoma,Arial,Geneva,sans-serif;text-transform:uppercase;margin:27px 0 0 1px;position:relative;top:9px;border-bottom:1px #DDD solid;border-left:1.7em #080 solid;padding:3px 5px 2px;background:#EEE url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/h2.gif') no-repeat right top;color:#333}	h3 span {text-transform:none;margin:0 1px}	#mainContent code, .pCode {margin:19px 9px;line-height:1.3}	#mainContent p {margin:19px 9px;line-height:1.3}	#mainContent h1 + p {line-height:1.6}	#mainContent h1 + script + p {line-height:1.6}	#mainContent p.puzzling {background:#FFF url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/puzzling.gif') no-repeat 0 0;border:1px #050 solid;padding:4px 5px 4px 95px;min-height:70px;margin-left:55px;margin-right:55px;font-size:x-small;cursor:help}	#mainContent p.tip {background:#FFF url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/tip.gif') no-repeat 0 0;border:1px #123 solid;padding:4px 5px 5px 95px;min-height:40px;margin-left:55px;margin-right:55px;font-size:x-small}	#mainContent p.tip.tip2l {padding:10px 5px 4px 95px;min-height:34px}	#mainContent p.caution {background:#FFF url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/caution.gif') no-repeat 0 0;border:1px #A00 solid;padding:4px 5px 5px 95px;min-height:62px;margin-left:55px;margin-right:55px;font-size:x-small}	#mainContent code, .pCode {padding:5px;display:block;background:#FCFCFC;border:1px #CCC solid;font:small/1.2 Consolas,"Courier New",System,Courier,monospace}	#mainContent table code {padding:0 2px;margin:0;display:inline;background:#EEE;color:#000;border:0;line-height:normal}	#mainContent dl code {padding:0 2px;margin:0;display:inline;background:#EEE;color:#000;border:0;line-height:normal}	#mainContent p code {padding:0 2px;margin:0;display:inline;background:#EEE;color:#000;border:0;line-height:normal}	eneva,sans-serif;padding:0 1px;color:#111}	#mainContent p.tip code {font:x-small Verdana,Tahoma,Arial,Geneva,sans-serif;padding:0 1px;color:#111}	#mainContent p.fyi {background:#FFF url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/fyi.gif') no-repeat 0 0;border:1px #313f16 solid;padding:4px 5px 5px 95px;min-height:40px;margin-left:55px;margin-right:55px;font-size:x-small}	#mainContent p.fyi.fyi2l {padding:10px 5px 5px 95px;min-height:34px}	#mainContent p.puzzling code {font:x-small Verdana,Tahoma,Arial,Geneva,sans-serif;padding:0 1px;color:#111}	#mainContent p acronym {border-bottom:1px #CCC solid}	#mainContent code .jsComment .jsChar {color:green ! important}	#mainContent code .jsComment .jsString {color:green ! important}	#mainContent code .jsComment {color:green ! important}	#mainContent code .jsString * {color:teal ! important}	#mainContent code .jsString {color:teal ! important}	#mainContent code .jsChar {color:#C00}	p img {display:block;text-align:center;margin:15px auto}	#mainContent img.shot {display:block;text-align:center;margin:15px auto}	#mainContent table.centabular {display:block;text-align:center;margin:5px auto;border-collapse:collapse;border-style:solid;border-color:#999;border-width:1px 0 0 1px}	#mainContent table.centabular th {padding:3px 7px;border-style:solid;border-color:#999;border-width:0 1px 1px 0}	#mainContent table.centabular td {padding:3px 7px;border-style:solid;border-color:#999;border-width:0 1px 1px 0}	#mainContent table.centabular.infotab {font-size:x-small}	#mainContent table.centabular.infotab th {padding:3px 7px;border-style:solid;border-color:#999;border-width:0 1px 1px 0;color:#222}	#mainContent table.centabular.infotab td {padding:3px 7px;border-style:solid;border-color:#999;border-width:0 1px 1px 0;color:#222}	#mainContent table.centabular.infotab caption {text-align:left;font-weight:bold;padding:3px 5px 4px;background:#999 url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/infotabCaption.gif') repeat-x left bottom;color:#FFF}	#mainContent table.centabular.infotab td {text-align:left}	#mainContent table.centabular.infotab th {text-align:right}	#mainContent ul.methPropLister {position:relative;left:-13px}	#mainContent ul.methPropLister li {list-style:square outside;font-size:x-small;padding:4px 3px 6px;border-top:3px #DDD solid}	#mainContent ul.methPropLister li:first-child {border:none}	#mainContent ul.methPropLister li strong {font-weight:normal}	#mainContent ul.methPropLister li a {text-decoration:none}	.inline {display:inline}	
#mainContent dt {display:block;float:left;clear:left;padding-top:15px;font-weight:bold}	#mainContent dt code {font-weight:bold;background:transparent}	#mainContent dd {font-size:x-small;padding:13px 0 13px 3px;margin-right:5px;border-top:3px #DDD solid}	#mainContent dl dt:first-child + dd {border:0}	a.refresher {padding:0;background:transparent}	a.refresher img {float:left}
#tabber {font-size:x-small;font-weight:bold;list-style:square outside;margin-left:0;text-align:center;border-bottom:1px #FFF solid;}	#tabber.tabz li {list-style:none inside;display:block;float:left;line-height:1;border-left:1px #FFF solid}	#tabber.tabz li a {padding:5px 10px;display:block;}	#tabber.tabz li a.cur {color:#000;text-decoration:none;cursor:default;background:transparent url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/uarr2.gif') no-repeat center bottom;}
#jsCode {display:block;overflow:auto;font:small/1.2 Consolas,"Courier New",System,Courier,monospace;background:#EEE url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/kbrdExec.gif') repeat-y 0 0;width:415px;padding:0 0 0 113px;margin:0 0 -1px;border:1px #4D4D4D solid}	#jsBtn {display:block;cursor:pointer;color:#CCC;width:530px;font:bold x-small Verdana,Geneva,sans-serif;background:#4D4D4D url('https://waybackassets.bk21.net/20171008152210im_/http://freewebdesigntutorials.com/i/liveTestBtn.gif') repeat-x left bottom;border:0;padding:4px 0;text-decoration:underline}	#jsBtn:hover {color:#FFF}
table#jsSupport {font:small/1.3 Verdana,Arial,Geneva,sans-serif;border-collapse:collapse;margin:35px 0 25px 30px;width:465px}	table#jsSupport th {background:#F6F6F6;border-bottom:1px #CCC solid;color:#555;text-align:left;padding:0 0 2px 1px}	table#jsSupport td {padding:5px 0 0;text-align:center}	table#jsSupport img {width:75px;height:21px}
#footer {clear:both;color:#333;padding:5px 0 8px;margin:5px 0 0;text-align:center;font:x-small/10px Verdana,Geneva,sans-serif}	#footer a {color:#333}	#footer a:hover {color:#000} .adserve {text-align:center} .nemo {display:none}
#soct {position:fixed;top:175px;margin:0 0 0 775px;background:#FFF;width:120px;border-style:solid;border-color:#141A1F;border-width:1px 1px 1px 0}#soct td {height:22px;padding:4px 0}
/*
     FILE ARCHIVED ON 15:22:10 Oct 08, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:07:21 Dec 10, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.531
  exclusion.robots: 0.038
  exclusion.robots.policy: 0.03
  esindex: 0.009
  cdx.remote: 21.911
  LoadShardBlock: 184.599 (3)
  PetaboxLoader3.datanode: 189.883 (4)
  load_resource: 386.053
  PetaboxLoader3.resolve: 325.75
*/