SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.7k
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">2<html slick-uniqueid="3" xmlns="">3 <head>4 <meta content="IE=Edge" http-equiv="X-UA-Compatible">5 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">6 <title>7 I need some advice - Windows 7 forum - developer Fusion8 </title>9 <meta content="Hey guys. 10I want to create some software, nothing fancy, just something I can play music from. What I'm putting to you today is, How do I create software, and what do I develop it on?" name="description">11 <!--[if IE 6]><style type="text/css">body { behavior: url("/csshover3.htc"); }</style><![endif]-->12 <meta content="noodp,noydir" name="robots">13 <meta content="Windows 7" name="keywords">14 <meta content="As0hBNJ8h++fNYlkq8cTye2qDLyom8NddByiVytXGGD0YVE+2CEuTCpqXMDxdhOMILKoaiaYifwEvCRlJ/9GcQ8AAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">15 <meta content="AgRYsXo24ypxC89CJanC+JgEmraCCBebKl8ZmG7Tj5oJNx0cmH0NtNRZs3NB5ubhpbX/bIt7l2zJOSyO64NGmwMAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">16 <style>17 ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}18h1,h2,h3,h4,h5,h6,pre,code,input,select{font-size:100%}19ul,ol{list-style:none;padding:0;margin:0}20address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}21table{border-collapse:collapse;border-spacing:0}22fieldset,img{border:0}23caption,th{text-align:left}24q:before,q:after{content:''}25*{margin:0;padding:0}26.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}27.clearfix{display:inline-block}28* html .clearfix{height:1%}29.clearfix{display:block}30html{overflow-x:auto;overflow-y:scroll}31body{color:#2e2e2e;font-family:Arial;font-size:76%;background-color:#fff}32.clear{clear:left}33#wrapper{position:relative}34#content form{margin-top:10px}35form label{display:block;width:150px;clear:left;padding:3px 0;float:left;margin-bottom:10px}36form fieldset input{float:left}37form select{padding:1px;max-width:400px}38form .text{clear:left;margin-bottom:3px;float:left;width:100%}39form .select{clear:left;margin-bottom:4px;float:left;width:100%}40form .text input{width:400px;border:1px solid #D8D8D8;padding:5px 0 5px 3px;line-height:normal}41form div.text{margin-bottom:3px;float:left;clear:left}42form .textbox input{padding:3px;border:1px solid #D8D8D8}43#admin-content{padding:20px}44form .submit .note{margin-left:160px;float:none}45form .note{float:left;color:#999;margin-left:5px;font-size:.9em}46textarea{padding:5px 0 5px 3px;border:1px solid #D8D8D8;width:400px;clear:left;margin-bottom:5px}47form fieldset.wide .text input{width:400px}48form fieldset.terms{border-top:1px solid #D8D8D8;margin:6px 0;padding-top:10px}49form .wide-textarea label{float:none;width:auto}50form .wide-textarea .text-toolbar{float:left;width:100%}51form .wide-textarea textarea{width:100%;height:400px}52fieldset.flattened .text label,fieldset.flattened .textarea label,fieldset.flattened .dropdown label,fieldset.flattened .radio label{float:none;clear:left;font-weight:bold;padding-top:20px;margin:0 0 10px;font-size:1.2em}53fieldset.flattened .note{margin-left:0;margin-top:5px;clear:left;float:none}54fieldset.flattened textarea{height:140px;width:100%}55fieldset.flattened .text{width:100%}56fieldset.flattened .text input{width:100%}57fieldset.flattened .submit{margin-left:0;padding:5px}58fieldset.flattened .field-validation-error{margin-left:0}59form .checkbox{clear:left}60form .checkbox label{clear:none;float:none;display:inline}61form .checkbox input{margin:5px 5px 0 0;float:none}62form .submit{clear:left;margin-left:150px;margin-top:10px}63form .submit input{margin-right:10px;padding:3px}64form .field-validation-error{float:left;color:#f00;margin-left:5px;font-weight:bold}65form .checkbox .field-validation-error{float:none}66form .error .note{display:none}67form .datetime{float:left;clear:left;margin-bottom:3px}68form .datetime input{width:80px;border:1px solid #D8D8D8;padding:5px 0 5px 3px;line-height:normal}69form .datetime input.time{margin-left:3px;width:40px}70form .textandcheckbox .text{width:auto}71form .textandcheckbox .text input{width:100px}72form .textandcheckbox .checkbox{float:left;clear:none;margin-left:10px}73form .textandcheckbox .field-validation-error{clear:left;margin-left:0}74form .startenddatetime .datetime{clear:none;margin-right:5px}75form .startenddatetime .field-validation-error{clear:left;margin-left:0}76form .startenddatetime label.todatetime{clear:none;width:2em;margin-top:4px}77form .startenddatetime .checkbox{clear:none}78form .input-validation-error{border:1px solid #f00;background-color:#fee}79form .validation-summary-errors{font-weight:bold;color:#f00}80form .radio .radio-options{float:left}81form .radio .radio-options label,fieldset.flattened .radio .radio-options label{clear:none;width:250px;padding:0;font-size:1em;float:left;margin:0 0 5px 5px;font-weight:normal}82form .radio .radio-options input{clear:left}83a:link{color:#4d97e0;text-decoration:none}84a:visited{color:#4d97e0;text-decoration:none}85a:hover,a.hover{text-decoration:underline}86a[name]:hover{text-decoration:none}87strong{font-weight:bold;font-style:inherit}88em{font-weight:inherit;font-style:italic}89input,textarea,select{font-family:Arial;font-size:100%}90#atff{display:none}91#content{margin:0 auto;width:960px}92.withleaderboard{padding-top:110px;position:relative}93#header{margin:0 auto;padding:0 10px;width:960px;position:relative;margin-bottom:5px}94#members{position:absolute;top:-100px;height:0;right:50%}95#members .member-panel{display:block;padding:2px 8px 2px 5px;position:relative;float:left;right:-480px;top:119px;width:650px}96#members ul{float:right}97#members li{float:left;padding:0 0 0 8px;border-left:solid 1px #e5e5e5;margin:0 0 0 8px}98#members li.first{border-left:none;margin-left:0;padding-left:0}99#members li.country img{margin-right:3px;margin-top:1px}100#members .quote{clear:right;float:right;margin-top:5px;font-style:italic;text-align:right;width:620px}101#members .quote .author{white-space:nowrap}102#sign-in-panel label{float:none;width:auto;display:inline;padding-right:2px;padding-left:3px;font-weight:bold}103#sign-in-panel input.text{width:80px}104#sign-in-panel input{float:none}105#sign-in-panel fieldset{float:left}106#sign-in-panel{display:none;float:right}107#sign-in-panel .cancel{float:left}108#sign-in-panel .cancel a{text-indent:-9999px;margin:4px 0 0 3px;outline:0;background:url(images/shared/icon_sprite.gif) no-repeat 0 0;display:block;width:14px;height:14px;float:left}109#logo a{display:block;background:url(images/shared/logo.gif) no-repeat 0 19px;width:340px;height:52px;text-indent:-9999px;outline:0;padding-bottom:20px;z-index:99}110#nav .labs{background:0}111#nav .search{float:right;background:0;margin-right:0;padding-right:0;padding-top:6px;width:152px}112#nav .search-panel{background-color:#fff;border:1px solid #ccc;padding:2px 3px;margin-top:2px}113#nav .search-panel input.search-query{color:#999;width:125px}114#nav .search-panel input{border:0;margin:0;padding:0;float:none}115#nav .search-button{background:url(images/shared/icon_sprite.gif) no-repeat 0 -609px;width:15px;height:15px;overflow:hidden;cursor:pointer;text-indent:-9999px}116#footer,#sitemap{color:#333;clear:both;width:100%;border-top:solid 1px #e5e5e5;padding:10px 0;margin:10px 0 0 0}117#footer-content,#sitemap-content{margin:0 auto;padding:0 10px;width:960px}118#footer .copyright{float:left}119#footer .hosted-by{float:right}120#footer li{float:left;padding:0 10px 0 0;border-right:solid 1px #e5e5e5;margin:0 10px 0 0}121#footer a{color:#666;border-bottom:1px dotted #999}122#sitemap{padding:0}123#sitemap .section{float:left;width:200px;padding:10px 0}124#sitemap .section h3{margin:0 0 3px 0;color:#666}125#sitemap li{padding:0 10px 0 0}126#sitemap a{color:#666}127#footer a:hover{text-decoration:none}128h1{clear:left;font-weight:bold;font-size:1.6em;color:#444}129h2{font-family:Arial;font-size:1.2em;color:#2e2e2e;border-bottom:solid 1px #d8d8d8;padding:5px 0;margin-top:10px;margin-bottom:5px;clear:left}130h2 .tagline{font-size:11px;font-weight:normal}131h3{font-size:1.3em;margin-top:10px}132h4{font-weight:normal;margin-bottom:3px;font-size:.9em;color:#666}133blockquote{font-style:italic;margin-left:20px}134#main-content{float:left;width:593px;margin-right:20px}135#secondary-content{float:right;width:340px}136#ad-leaderboard{width:728px;height:90px;margin:10px auto}137#ad-mpu{margin:20px 10px;background-color:#eee;width:300px;height:250px;clear:left}138.techmp-loader{z-index:1}139#main-content .panel{width:280px;float:left;margin-bottom:10px}140#main-content .panel-first{clear:left;margin-right:20px}141iframe{z-index:1}142#page-position .contents-table,#page-position .pager{margin:0;border:1px solid #ccc;border-top:0;padding:10px;width:186px;margin-left:10px;display:none;position:absolute;right:-1px;top:1.3em;background-color:#fff;z-index:50;text-align:left}143#page-position .contents-table{list-style-type:decimal;list-style-position:inside}144#page-position.expanded .contents-table{display:block}145#page-position.expanded .pager{display:block}146#page-position.expanded{border:1px solid #ccc;width:200px}147#page-position{text-align:right;border:1px solid #fff;font-size:.9em;color:#808080;float:right;padding-right:6px;position:relative}148.detail-page .partner{text-align:right;clear:both;float:right;width:200px;margin:0 0 20px 20px;overflow:hidden;max-height:200px}149.related-tags-panel{display:none}150.detail-page .partner p{font-style:italic}151.detail-page .article-info{display:block;position:relative}152.article-info .label{float:left;margin-right:5px;padding-top:2px}153.article-info{font-size:.9em;color:gray;display:none;margin-bottom:10px}154.detail-page h1{border-bottom:0;padding-bottom:0}155.detail-page #author-info{display:none;border:1px solid #ccc;background-color:#fff;padding:10px;width:500px;position:absolute;left:0;top:1.5em;z-index:999}156.detail-page #author-info img{float:left;margin-right:5px}157.detail-page #author-info.expanded{display:block}158.detail-page .published-date{font-size:.9em;color:#808080}159.detail-page h2.page-title{border-bottom:0;font-size:1.3em}160.detail-page .full-video{text-align:center;margin:20px 0}161.detail-actions{clear:left;margin:10px auto;width:450px;font-weight:bold;text-align:center}162.detail-actions li a{display:block;width:180px;background-color:#eee;padding:5px;border:solid 1px #ccc;margin-left:5px}163.detail-actions li{margin-left:5px;float:left}164.detail-actions li.selected a{background-color:#ccc}165.detail-actions li a:hover{background-color:#ccc;text-decoration:none}166.detail-actions-single{width:220px}167.detail-actions-wide{width:auto}168.page-navigation{height:1em}169.page-navigation .prev{background:url(/images/shared/icon_sprite.gif) no-repeat 0 -299px;padding-left:12px;float:left}170.page-navigation .next{background:url(/images/shared/icon_sprite.gif) no-repeat 100% -59px;padding-right:12px;float:right}171.post-comment{background-color:#eee;padding:10px}172.post-comment h3{margin-top:0}173.comment-list{clear:left;margin-top:10px}174.comment-list li{margin-bottom:5px}175.comment-list li .author{float:left}176.comment-list li .date{clear:left;float:left;font-size:.9em;color:#808080}177.comment-list li .thread-content{margin-left:150px}178.feed-list{margin-top:5px}179.feed-list li{background-position:0 0;padding-left:18px;margin:2px 10px 2px 2px;float:left}180.feed-list li.twitter{background:url(/images/shared/feed_sprite.gif) no-repeat 0 -40px}181.feed-list li.atom{background:url(/images/shared/feed_sprite.gif) no-repeat 0 0}182.feed-list li.rss{background:url(/images/shared/feed_sprite.gif) no-repeat 0 0}183.feed-list li.ical{background:url(/images/shared/feed_sprite.gif) no-repeat 0 -20px}184.feed-list li.facebook{background:url(/images/shared/feed_sprite.gif) no-repeat 0 -60px}185.feed-list li.email{background:url(/images/shared/icon_sprite.gif) no-repeat 0 -240px}186.info-list{clear:left}187.info-list dt{clear:left;float:left;margin-bottom:5px;width:150px}188.info-list dd{margin-left:150px;margin-bottom:5px}189ul.vcalendar li{min-height:2.8em;margin-bottom:5px}190span.calSheet{float:left;margin-right:5px;background:#FFF none repeat scroll 0;border:1px solid #BBB;font-family:Arial,Helvetica,Verdana,"Free Sans","FreeSans",sans-serif;height:2.7em;text-align:center;width:2.2em}191span.calSheet span.month{background:#A0A0A0 none repeat scroll 0;color:white;display:block;font-size:.8181em;font-weight:bold;letter-spacing:.15em;line-height:1em;padding:.15em 0 .15em 1px;text-transform:uppercase}192span.calSheet span.day{display:block;font-size:1.4545em;font-weight:bold;line-height:1em;padding:.1em 0 .15em}193#techclicks-zone-51{float:right!important;margin:3px 0 8px 12px!important;border-top-color:#D61D00!important}194#secondary-content .panel{clear:left}195#secondary-content .panel li{padding-bottom:5px}196#secondary-content .panel .more{float:right}197#secondary-content .panel{border-top:3px solid #D61D00}198#secondary-content .panel h2{font-size:.91em}199#secondary-content .panel-link h2 a,#secondary-content .panel h2{padding:5px 10px;display:block;background-color:#eee;color:#666;text-transform:uppercase}200#secondary-content .panel-link h2{padding:0}201#secondary-content .panel ul,#secondary-content .panel .panel-content{padding:10px}202#secondary-content .panel .more a{display:block;padding:2px 10px 2px 3px;color:#666;margin-top:4px;background-image:url(images/shared/crumb_alt.png);background-position:right center;text-transform:uppercase;font-size:80%;display:none}203#secondary-content .panel h3{margin-top:0;font-size:1.2em}204#secondary-content .panel p{font-size:1em}205ul.tagcloud{text-align:center}206ul.tagcloud li{display:inline;margin-right:3px}207ul.tagcloud a,ul.tagcloud .item{white-space:nowrap;font-weight:bold;text-decoration:none}208ul.tagcloud .tagfont-1 a,ul.tagcloud .tagfont-1 .item{font-size:70%;color:#d5d1cb}209ul.tagcloud .tagfont-2 a,ul.tagcloud .tagfont-2 .item{font-size:80%;color:#d5d1cb}210ul.tagcloud .tagfont-3 a,ul.tagcloud .tagfont-3 .item{font-size:90%;color:#d5d1cb}211ul.tagcloud .tagfont-4 a,ul.tagcloud .tagfont-4 .item{font-size:110%;color:#bab8b4}212ul.tagcloud .tagfont-5 a,ul.tagcloud .tagfont-5 .item{font-size:130%;color:#a7a6a5}213ul.tagcloud .tagfont-6 a,ul.tagcloud .tagfont-6 .item{font-size:150%;color:#8c8a87}214ul.tagcloud .tagfont-7 a,ul.tagcloud .tagfont-7 .item{font-size:180%;color:#8c8a87}215ul.tagcloud a:hover{color:#666}216ul.tagcloud a:hover{color:#666}217#secondary-content .discuss h3{margin-top:0}218.tags{display:inline;background:url(images/shared/icon_sprite.gif) no-repeat 0 -420px;padding-right:5px;padding-left:18px;color:#666}219.tag-list{padding-bottom:8px;display:block}220.tag-list li{float:left}221.tag-list li a{display:block;background-color:#4D97E0;color:#fff;padding:2px;margin-right:2px}222.location{background:url(images/shared/icon_sprite.gif) no-repeat 0 -490px;padding-left:18px;font-size:.9em;color:#666}223table.discuss{width:100%;margin:0 0 5px 0;border-collapse:collapse}224table.discuss td{padding:2px;border-bottom:solid 3px #fff}225.discuss thead{display:none}226.discuss tr.odd{background-color:#eee}227.discuss .thread-location{color:#666;font-size:.9em}228.discuss .thread-location .location{font-size:1em}229.discuss .replies em{color:#333;display:block;font-size:140%;font-weight:bold;letter-spacing:-1px;font-style:normal;margin-bottom:-0.2em}230.discuss .replies{color:#666;font-size:90%;text-align:center;text-transform:lowercase;width:40px;padding-right:10px}231.discuss .title{font-weight:bold;width:300px}232.tool-navigation{font-size:8pt;overflow:auto;padding-top:2px;list-style:none}233.tool-navigation li a{display:block;text-decoration:none;color:#000;height:18px;padding:2px 2px 0 25px;background-position:2px;background-repeat:no-repeat;border:1px solid #fff;border-bottom:0}234.tool-navigation li{float:left;list-style:none}235.tool-navigation li a.selected{border:1px solid #E5E5E5;border-bottom:0;background-color:#eee}236.tool-navigation .label{margin-right:5px;margin-top:3px;font-weight:bold}237.tool-navigation .to{margin-left:10px}238.tool-navigation .csharp a{background-image:url(images/labs/csharp.gif);width:30px}239.tool-navigation .vbnet a{background-image:url(images/labs/vbnet.gif);width:45px}240.code-view{margin:2px;border:1px solid #ACA899;background-color:#f8f8f8;font-family:"Courier New",Courier,mono;font-size:12px;overflow:auto;max-height:400px;width:100%}241.code-view .container{background-color:#fff;width:100%;margin:0;padding:0 0 15px 0}242.code-view ol,.code-view ul{list-style:decimal;list-style:decimal-leading-zero;background-color:#fff;margin:0 0 1px 45px;padding:0;color:#5C5C5C}243.code-view li{border-left:3px solid #6CE26C;margin:0;padding:0;padding-left:10px;white-space:nowrap;background-color:#f8f8f8}244.code-view .comment,.code-view .comments{color:#008200}245.code-view .doc{color:gray}246.code-view .string{color:blue}247.code-view .keyword{color:#069;font-weight:bold}248.code-view .preprocessor{color:gray}249.code-view .vars{color:#d00}250.error-message{color:#f00}251img.book{float:left;margin:5px 10px 5px 0}252.events li{padding:5px;cursor:pointer}253.events .selected{background-color:#eee}254.panel .mapcontainer{width:100%;height:400px;padding:0;border:0}255.panel .mapcontainer-small{width:100%;height:200px;padding:0;border:0}256.mapcontainer{height:500px;border:1px solid #CCC}257#gmap{width:100%;height:100%}258.gmap-popup{width:233px;margin:-16px -17px -16px -16px;font-size:.9em;padding:5px 20px 5px 7px;background-color:#fff;border:1px solid #CCC}259.gmap-popup h3{margin-top:0}260.detail-functions{float:right}261.detail-functions li{color:#808080;margin-right:10px;float:left}262.detail-functions li a{padding-left:20px;background-repeat:no-repeat;min-height:18px;display:block}263.detail-functions li.other a{padding:0}264.detail-functions .comments a{background:url(images/shared/icon_sprite.gif) no-repeat 0 -360px}265.detail-functions .comments a:hover{background-position:0 -380px}266.detail-functions .pdf a{background:url(images/shared/icon_sprite.gif) no-repeat 0 -180px}267.detail-functions .pdf a:hover{background-position:0 -200px}268.detail-functions .star a{background:url(images/shared/icon_sprite.gif) no-repeat 0 -120px}269.detail-functions .star a:hover{background-position:0 -140px}270.detail-functions .star a.selected{background-position:0 -140px}271.detail-functions .email-subscribe a{background:url(images/shared/icon_sprite.gif) no-repeat 0 -240px}272.detail-functions .email-subscribe a:hover{background-position:0 -260px}273.detail-functions .email-subscribe a.selected{background-position:0 -260px}274.detail-functions .email-subscribe a.selected:hover{background-position:0 -240px}275.detail-functions .email-unsubscribe a{background:url(images/shared/icon_sprite.gif) no-repeat 0 -260px}276.detail-functions .email-unsubscribe a:hover{background-position:0 -260px}277.download-list{clear:left}278.download-list li{background:url(images/shared/icon_sprite.gif) no-repeat 0 -550px;padding-left:20px;height:20px}279.book-list{clear:both}280#content .book-list li .description{margin-left:75px}281#main-content .book-list li{margin-bottom:20px;clear:left}282#main-content .panel .book-list li{margin-bottom:0;margin-right:0}283.book-list li.row-start{clear:left;margin-right:20px}284.book-list li .cover,.content-list li .cover{width:60px;height:75px;float:left;padding-right:10px;text-align:left}285.book-list li .cover img,.content-list li .cover img{width:60px;display:block}286.threadmessage-list{clear:left}287.threadmessage-list li .ad{background-color:#eee;margin:0 0 20px}288.threadmessage-list li .ad .header{float:right;color:#333}289.threadmessage-list li .ad .content{background-color:#eee;padding:0 10px}290.threadmessage-list li .ad h2{margin-top:4px}291.threadmessage-list li .user{float:left;width:200px;text-align:center;margin:10px 0}292.threadmessage-list li .user .username{font-weight:bold;margin-bottom:10px}293.threadmessage-list li{border-bottom:solid 1px #ccc;padding-bottom:5px}294.threadmessage-list li .date{display:inline}295.threadmessage-list li .user-info{display:inline}296.threadmessage-list li .header{background-color:#eee;padding:10px}297.threadmessage-list li .thread-content{background-color:#fff;padding:10px}298.threadmessage-list li .actions{float:right}299.threadmessage-list li .actions li{border:0;padding:0;float:left;margin-left:15px}300.threadmessage-list li .notes{text-align:right;font-size:.9em}301.activity-list li a{display:block;background-repeat:no-repeat;padding:2px 0 5px 23px;float:right;margin-right:10px}302#secondary-content .activity-list li{padding:0}303.activity-list .delicious{background-image:url(images/useractivityfeed/delicious.gif)}304.activity-list .twitter{background-image:url(images/useractivityfeed/twitter.gif)}305.activity-list .linkedin{background-image:url(images/useractivityfeed/linkedin.gif)}306.activity-list .blog{background-image:url(images/useractivityfeed/comment.gif)}307.activity-list .newthread{background-image:url(images/useractivityfeed/thread.gif)}308.activity-list .threadreply{background-image:url(images/useractivityfeed/threadreply.gif)}309.activity-list .comment{background-image:url(images/useractivityfeed/comment.gif)}310.user-list li .note{color:#999}311.tageditor{float:left;border:1px solid #E5E5E5;line-height:1.4em;cursor:text;width:403px}312.tageditor .tag{display:block;float:left;position:relative;margin:3px 0 1px 3px;padding:2px 19px 2px 3px;background:#ddd;color:#333;text-decoration:none;cursor:default;white-space:nowrap;line-height:normal}313.tageditor input.tagInput{border:0;margin:2px 0 1px 3px;padding:3px 0 4px 0}314.tageditor .tag .removeTag{position:absolute;right:3px;top:3px;display:block;width:13px;height:13px;background:url(images/shared/delete.png) no-repeat left top;cursor:pointer;font-size:0;text-indent:-1000px}315.video img{display:block;width:150px;height:113px;border:0;float:left;margin-right:5px}316.video h3{margin-top:0}317.video .playButton{background:url(../images/shared/play.png) no-repeat;width:50px;height:50px;position:relative;top:35px;left:53px;opacity:.9;margin-bottom:-50px;display:block}318.video a:hover .playButton{opacity:1.0}319.ukfast{display:block;background-color:#fff;margin:5px 0;text-align:center}320.ukfast img{margin-bottom:-2px}321.ukfast:hover{background-color:#eee;text-decoration:none}322.ukfast{text-decoration:none;color:#666}323.enter-location{background-color:#EEE;margin-top:10px;padding:10px}324.enter-location .instructions{float:left;padding-right:20px;width:290px}325.enter-location .instructions h2{margin-top:0;padding-top:0}326#content .enter-location form{float:left;margin-top:23px}327form.change-location input.text{font-size:1.2em;padding:5px;width:234px}328form.change-location input.submit{font-size:1em;padding:4px;width:50px;margin:0;clear:none}329#content .message{clear:left;padding:10px;background-color:#ffc;border:solid 1px #ccc;margin-top:10px}330.message h2{margin-top:0}331.message h3{margin-top:0}332.text-toolbar li{float:left}333.text-toolbar li a{display:block;outline:0;width:20px;height:20px;border:1px solid transparent;text-indent:-9999px;background-image:url(images/shared/sprite_texteditor.gif);background-repeat:no-repeat}334.text-toolbar li a:focus{border:1px dotted #333}335.text-toolbar a.bold{background-position:0 0}336.text-toolbar a.italic{background-position:-60px 0}337.text-toolbar a.ordered-list{background-position:-80px 0}338.text-toolbar a.unordered-list{background-position:-20px 0}339.text-toolbar a.undo{background-position:-160px 0}340.text-toolbar a.redo{background-position:-100px 0}341.text-toolbar a.link{background-position:-500px 0}342.text-toolbar a.image{background-position:-380px 0}343.text-toolbar a.code{background-position:-260px -20px}344.text-toolbar a.blockquote{background-position:-220px 0}345.text-toolbar a.heading{background-position:-580px 0}346.text-toolbar li a:hover{border-color:#00f;background-color:#add8e6}347.content,.thread-content{overflow:hidden}348.content p,.thread-content p{margin:0 0 10px 0;line-height:1.5em}349.content pre,.thread-content pre,.content code.pre,.thread-content code.pre{background-color:#fff8e1;font-family:Lucida Console,monospace;font-size:90%;overflow:auto;padding:10px;margin-bottom:10px;display:block;width:580px;max-width:580px;clear:both}350.content pre code,.thread-content pre code{font-size:120%}351.content ul,.content ol,.thread-content ul,.thread-content ol{padding-left:30px;margin-bottom:10px}352.content li,.thread-content li{margin:0;border:0}353.content ul,.thread-content ul{list-style-type:disc}354.content ol,.thread-content ol{list-style-type:decimal}355.content h1,.thread-content h1,.content h2,.thread-content h2{border:0;font-size:1.3em;font-family:Arial}356.content h3,.thread-content h3{border:0;font-size:1.1em;font-family:Arial;margin-bottom:10px}357.content h4,.thread-content h4{color:#000;font-size:1em;font-weight:bold}358.content h2{clear:none}359.content img{max-width: 593px;}360.detail-page .articlepartner{border:1px solid #CCC;float:right;margin-bottom:10px;margin-left:10px;padding:10px;clear:right;width:200px}361.detail-page .articlepartner img{display:block;margin:0 auto;padding-bottom:10px}362.country-icon{width:16px;height:11px;background:url(images/shared/sprite_country.gif) no-repeat top left}363.country-icon-an{background-position:0 -30px}364.country-icon-er{background-position:0 -71px}365.country-icon-ax{background-position:0 -112px}366.country-icon-sn{background-position:0 -153px}367.country-icon-ye{background-position:0 -194px}368.country-icon-zw{background-position:0 -235px}369.country-icon-if{background-position:0 -276px}370.country-icon-st{background-position:0 -317px}371.country-icon-bf{background-position:0 -358px}372.country-icon-wales{background-position:0 -399px}373.country-icon-fo{background-position:0 -440px}374.country-icon-ie{background-position:0 -481px}375.country-icon-scotland{background-position:0 -522px}376.country-icon-dm{background-position:0 -563px}377.country-icon-sh{background-position:0 -604px}378.country-icon-um{background-position:0 -645px}379.country-icon-mr{background-position:0 -686px}380.country-icon-mg{background-position:0 -727px}381.country-icon-gb{background-position:0 -768px}382.country-icon-mc{background-position:0 -809px}383.country-icon-cx{background-position:0 -850px}384.country-icon-lv{background-position:0 -891px}385.country-icon-cu{background-position:0 -932px}386.country-icon-gn{background-position:0 -973px}387.country-icon-ki{background-position:0 -1014px}388.country-icon-ad{background-position:0 -1055px}389.country-icon-catalonia{background-position:0 -1096px}390.country-icon-ly{background-position:0 -1137px}391.country-icon-bg{background-position:0 -1178px}392.country-icon-ci{background-position:0 -1219px}393.country-icon-kr{background-position:0 -1260px}394.country-icon-ge{background-position:0 -1301px}395.country-icon-me{background-position:0 -1342px}396.country-icon-cy{background-position:0 -1384px}397.country-icon-cv{background-position:0 -1425px}398.country-icon-td{background-position:0 -1466px}399.country-icon-al{background-position:0 -1507px}400.country-icon-mt{background-position:0 -1548px}401.country-icon-nu{background-position:0 -1589px}402.country-icon-fj{background-position:0 -1630px}403.country-icon-bw{background-position:0 -1671px}404.country-icon-pw{background-position:0 -1712px}405.country-icon-cf{background-position:0 -1753px}406.country-icon-eh{background-position:0 -1794px}407.country-icon-fk{background-position:0 -1835px}408.country-icon-ps{background-position:0 -1876px}409.country-icon-gq{background-position:0 -1917px}410.country-icon-gu{background-position:0 -1958px}411.country-icon-qa{background-position:-166px -30px}412.country-icon-be{background-position:-166px -71px}413.country-icon-fr{background-position:-166px -112px}414.country-icon-ir{background-position:-166px -153px}415.country-icon-ni{background-position:-166px -194px}416.country-icon-mm{background-position:-166px -235px}417.country-icon-se{background-position:-166px -276px}418.country-icon-cl{background-position:-166px -317px}419.country-icon-vc{background-position:-166px -358px}420.country-icon-sb{background-position:-166px -399px}421.country-icon-hn{background-position:-166px -440px}422.country-icon-do{background-position:-166px -481px}423.country-icon-sg{background-position:-166px -522px}424.country-icon-nl{background-position:-166px -563px}425.country-icon-ca{background-position:-166px -604px}426.country-icon-bi{background-position:-166px -645px}427.country-icon-ke{background-position:-166px -686px}428.country-icon-bs{background-position:-166px -727px}429.country-icon-af{background-position:-166px -768px}430.country-icon-mn{background-position:-166px -809px}431.country-icon-mh{background-position:-166px -850px}432.country-icon-ee{background-position:-166px -891px}433.country-icon-mk{background-position:-166px -932px}434.country-icon-in{background-position:-166px -973px}435.country-icon-kh{background-position:-166px -1014px}436.country-icon-jp{background-position:-166px -1055px}437.country-icon-pa{background-position:-166px -1096px}438.country-icon-as{background-position:-166px -1137px}439.country-icon-wf{background-position:-166px -1178px}440.country-icon-pr{background-position:-166px -1219px}441.country-icon-hm{background-position:-166px -1260px}442.country-icon-cs{background-position:-166px -1301px}443.country-icon-lt{background-position:-166px -1342px}444.country-icon-ec{background-position:-166px -1383px}445.country-icon-np{background-position:-166px -1424px}446.country-icon-ck{background-position:-166px -1465px}447.country-icon-ai{background-position:-166px -1506px}448.country-icon-vu{background-position:-166px -1547px}449.country-icon-sk{background-position:-166px -1588px}450.country-icon-pg{background-position:-166px -1629px}451.country-icon-mq{background-position:-166px -1670px}452.country-icon-sc{background-position:-166px -1711px}453.country-icon-tr{background-position:-166px -1752px}454.country-icon-bo{background-position:-166px -1793px}455.country-icon-sr{background-position:-166px -1834px}456.country-icon-lr{background-position:-166px -1875px}457.country-icon-gh{background-position:-166px -1916px}458.country-icon-cr{background-position:-166px -1957px}459.country-icon-hr{background-position:-332px -30px}460.country-icon-pe{background-position:-332px -71px}461.country-icon-pt{background-position:-332px -112px}462.country-icon-tf{background-position:-332px -153px}463.country-icon-mo{background-position:-332px -194px}464.country-icon-uz{background-position:-332px -235px}465.country-icon-si{background-position:-332px -276px}466.country-icon-by{background-position:-332px -317px}467.country-icon-ms{background-position:-332px -358px}468.country-icon-to{background-position:-332px -399px}469.country-icon-my{background-position:-332px -440px}470.country-icon-tm{background-position:-332px -481px}471.country-icon-tw{background-position:-332px -522px}472.country-icon-tt{background-position:-332px -563px}473.country-icon-nc{background-position:-332px -604px}474.country-icon-ls{background-position:-332px -645px}475.country-icon-bn{background-position:-332px -686px}476.country-icon-la{background-position:-332px -727px}477.country-icon-bh{background-position:-332px -768px}478.country-icon-sm{background-position:-332px -809px}479.country-icon-ug{background-position:-332px -850px}480.country-icon-bt{background-position:-332px -891px}481.country-icon-ba{background-position:-332px -932px}482.country-icon-tl{background-position:-332px -973px}483.country-icon-lk{background-position:-332px -1014px}484.country-icon-iq{background-position:-332px -1055px}485.country-icon-dk{background-position:-332px -1096px}486.country-icon-sl{background-position:-332px -1137px}487.country-icon-il{background-position:-332px -1178px}488.country-icon-kn{background-position:-332px -1219px}489.country-icon-re{background-position:-332px -1260px}490.country-icon-bd{background-position:-332px -1301px}491.country-icon-lu{background-position:-332px -1342px}492.country-icon-tn{background-position:-332px -1383px}493.country-icon-europeanunion{background-position:-332px -1424px}494.country-icon-ws{background-position:-332px -1465px}495.country-icon-cz{background-position:-332px -1506px}496.country-icon-fam{background-position:-332px -1547px}497.country-icon-sz{background-position:-332px -1588px}498.country-icon-is{background-position:-332px -1629px}499.country-icon-md{background-position:-332px -1670px}500.country-icon-jm{background-position:-332px -1711px}501.country-icon-gr{background-position:-332px -1752px}502.country-icon-gw{background-position:-332px -1793px}503.country-icon-eg{background-position:-332px -1834px}504.country-icon-gt{background-position:-332px -1875px}505.country-icon-na{background-position:-332px -1916px}506.country-icon-yt{background-position:-332px -1957px}507.country-icon-ru{background-position:-498px -30px}508.country-icon-io{background-position:-498px -71px}509.country-icon-sy{background-position:-498px -112px}510.country-icon-gl{background-position:-498px -153px}511.country-icon-dz{background-position:-498px -194px}512.country-icon-tc{background-position:-498px -235px}513.country-icon-gf{background-position:-498px -276px}514.country-icon-cm{background-position:-498px -317px}515.country-icon-vg{background-position:-498px -358px}516.country-icon-bj{background-position:-498px -399px}517.country-icon-cd{background-position:-498px -440px}518.country-icon-mx{background-position:-498px -481px}519.country-icon-bb{background-position:-498px -522px}520.country-icon-cn{background-position:-498px -563px}521.country-icon-pk{background-position:-498px -604px}522.country-icon-jo{background-position:-498px -645px}523.country-icon-gy{background-position:-498px -686px}524.country-icon-pm{background-position:-498px -727px}525.country-icon-ro{background-position:-498px -768px}526.country-icon-vn{background-position:-498px -809px}527.country-icon-nf{background-position:-498px -850px}528.country-icon-nz{background-position:-498px -891px}529.country-icon-ky{background-position:-498px -932px}530.country-icon-ph{background-position:-498px -973px}531.country-icon-lc{background-position:-498px -1014px}532.country-icon-br{background-position:-498px -1055px}533.country-icon-so{background-position:-498px -1096px}534.country-icon-gd{background-position:-498px -1137px}535.country-icon-fi{background-position:-498px -1178px}536.country-icon-lb{background-position:-498px -1219px}537.country-icon-bv{background-position:-498px -1260px}538.country-icon-mu{background-position:-498px -1301px}539.country-icon-mp{background-position:-498px -1342px}540.country-icon-li{background-position:-498px -1383px}541.country-icon-gp{background-position:-498px -1424px}542.country-icon-mv{background-position:-498px -1465px}543.country-icon-tz{background-position:-498px -1506px}544.country-icon-gs{background-position:-498px -1547px}545.country-icon-sj{background-position:-498px -1588px}546.country-icon-sd{background-position:-498px -1629px}547.country-icon-uy{background-position:-498px -1670px}548.country-icon-zm{background-position:-498px -1711px}549.country-icon-sa{background-position:-498px -1752px}550.country-icon-sv{background-position:-498px -1793px}551.country-icon-za{background-position:-498px -1834px}552.country-icon-pf{background-position:-498px -1875px}553.country-icon-gm{background-position:-498px -1916px}554.country-icon-rs{background-position:-498px -1957px}555.country-icon-th{background-position:-664px -30px}556.country-icon-at{background-position:-664px -71px}557.country-icon-ar{background-position:-664px -112px}558.country-icon-it{background-position:-664px -153px}559.country-icon-nr{background-position:-664px -194px}560.country-icon-ch{background-position:-664px -235px}561.country-icon-bm{background-position:-664px -276px}562.country-icon-kw{background-position:-664px -317px}563.country-icon-vi{background-position:-664px -358px}564.country-icon-tk{background-position:-664px -399px}565.country-icon-bz{background-position:-664px -440px}566.country-icon-ne{background-position:-664px -481px}567.country-icon-aw{background-position:-664px -522px}568.country-icon-mz{background-position:-664px -563px}569.country-icon-ht{background-position:-664px -604px}570.country-icon-es{background-position:-664px -645px}571.country-icon-de{background-position:-664px -686px}572.country-icon-tg{background-position:-664px -727px}573.country-icon-kz{background-position:-664px -768px}574.country-icon-va{background-position:-664px -809px}575.country-icon-az{background-position:-664px -850px}576.country-icon-rw{background-position:-664px -891px}577.country-icon-hu{background-position:-664px -932px}578.country-icon-co{background-position:-664px -973px}579.country-icon-cc{background-position:-664px -1014px}580.country-icon-fm{background-position:-664px -1055px}581.country-icon-ml{background-position:-664px -1096px}582.country-icon-mw{background-position:-664px -1137px}583.country-icon-ma{background-position:-664px -1178px}584.country-icon-et{background-position:-664px -1219px}585.country-icon-hk{background-position:-664px -1260px}586.country-icon-ag{background-position:-664px -1301px}587.country-icon-tv{background-position:-664px -1342px}588.country-icon-cg{background-position:-664px -1383px}589.country-icon-kp{background-position:-664px -1424px}590.country-icon-gi{background-position:-664px -1465px}591.country-icon-ga{background-position:-664px -1506px}592.country-icon-km{background-position:-664px -1547px}593.country-icon-au{background-position:-664px -1588px}594.country-icon-py{background-position:-664px -1629px}595.country-icon-no{background-position:-664px -1670px}596.country-icon-england{background-position:-664px -1711px}597.country-icon-kg{background-position:-664px -1752px}598.country-icon-us{background-position:-664px -1793px}599.country-icon-pl{background-position:-664px -1834px}600.country-icon-id{background-position:-664px -1875px}601.country-icon-am{background-position:-664px -1916px}602.country-icon-ve{background-position:-664px -1957px}603.country-icon-om{background-position:-830px -30px}604.country-icon-ae{background-position:-830px -71px}605.country-icon-ng{background-position:-830px -112px}606.country-icon-ua{background-position:-830px -153px}607.country-icon-ao{background-position:-830px -194px}608.country-icon-dj{background-position:-830px -235px}609.country-icon-tj{background-position:-830px -276px}610.pager{margin:10px 0;clear:left}611.pager li.sep{padding:2px 4px 3px 4px;margin-right:3px}612.pager li{float:left;margin-right:3px}613.pager li a{display:block;padding:2px 4px 3px 4px;border:1px solid #ccc}614.pager li a.selected{background-color:#eee}615.page-position{text-align:right;border:1px solid #fff;font-size:.9em;color:#808080;float:right;padding-right:6px;position:relative}616.related-sections h3{margin-top:0}617.related-sections li{width:140px;float:left;margin-right:10px}618ul.video{clear:both}619ul.video li{width:300px;float:left;margin-bottom:40px;margin-right:20px}620ul.news{clear:both}621ul.news li{width:300px;float:left}622ul.news li.first-column{margin-right:20px;clear:left}623.panel h2{margin-top:0}624.panel ul.news li{float:none;width:auto}625.panel ul.video li{margin-bottom:0;margin-right:0}626#main-content .panel .ask-question{margin-top:12px}627.ask-question{padding:3px;float:right;font-weight:bold;display:block;color:#fff;margin-top:2px;background-color:#666}628.ask-question a{color:#fff}629.pagefilter .sort{float:right;font-size:.9em;margin-top:2px}630.pagefilter{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;padding:0;margin:5px 0}631.pagefilter .label{font-size:.9em;color:#333;width:70px;float:left;margin-top:3px;font-weight:bold}632.pagefilter .criteria{float:left;width:550px;padding-left:5px;background-color:#fff}633.pagefilter .filter{font-size:.9em;margin-top:2px;margin-bottom:2px}634.pagefilter .filter .type-label{float:left;font-weight:bold;width:80px;margin-top:2px;padding-left:20px;background:transparent url(/images/shared/icon_sprite.gif) no-repeat}635.pagefilter .cluster-filter .type-label{background-position:0 -420px}636.pagefilter .cluster-filter .cluster-tags{margin-top:2px;float:left}637.pagefilter .tag-filter .type-label{background-position:0 -420px}638.pagefilter .location-filter .type-label{background-position:0 -490px}639.pagefilter-withview .search-filter{margin-top:5px;border-top:0 solid #888;margin-top:2px;padding-top:3px}640.pagefilter .tag-filter ul li{float:left;margin-right:5px;background-color:#eee;padding:2px;position:relative;padding-right:20px}641.pagefilter .tag-filter ul li a{color:#000;margin-left:2px;margin-right:2px}642.pagefilter .tag-filter ul li a.remove{text-indent:-9999px;background:url(images/shared/delete.png) no-repeat;position:absolute;right:3px;top:3px;width:13px;outline:0}643ul.list-view{border-bottom:2px solid #ccc;margin-top:5px}644ul.list-view li{padding:3px 4px;border:1px solid #ccc;border-bottom:0;float:left;margin-right:5px}645ul.list-view li.selected{background-color:#eee}646ul.list-view li.action{float:right;border:0;background-color:#eee;font-weight:bold}647ul.panel-view li{float:left}648ul.panel-view li a{color:#333;display:block;padding:2px 8px;border-left:1px solid #fff}649ul.panel-view li.selected a{color:#fff;background-color:#666}650ul.panel-view li a:hover{color:#fff;background-color:#666;text-decoration:none}651.thread-info{margin:10px 0}652.detail-page table td,.content table td{font-size:11px;background-color:#F3F3F3;padding:4px;border:2px solid #fff}653.promo-table{width:100%}654.promo-table th{border:1px solid #D6D6D6;font-weight:bold;vertical-align:middle;text-align:center;padding:6px}655.promo-table td{border:1px solid #D6D6D6;color:#666;text-align:center;padding:2px}656.promo-table .first{text-align:left}657.promo-table em{font-weight:bold}658.promo-table .yes{background:no-repeat url(images/shared/checkmark.gif) center center;padding:8px;text-indent:-9999px}659.promo-table .no{text-indent:-9999px}660.promo-table tbody th{text-align:left;font-weight:normal}661.promo-table .subtr th{background-color:#EDF0F2;font-weight:bold}662a.button{outline:0;margin:3px;padding:.4em 1em;text-decoration:none!important;cursor:pointer;text-align:center;position:relative;border:1px solid #327E04;background:#327E04 url(images/shared/ui-bg_highlight-soft_25_327E04_1x100.png) 50% 50% repeat-x;font-weight:bold;color:white;display:inline-block}663a.button:hover{background:#327E04}664.detail-page table th,.content table th{font-size:11px;background-color:#E6E6E6;padding:4px;border:2px solid #fff}665.buttonbox{height:40px}666.detail-page table,.content table td{margin-bottom:10px}667.tbCalendar th{font-weight:bold;text-align:center}668.tbCalendar td{padding:4px;text-align:center}669.tbCalendar td.selected{background-color:#eee;font-weight:bold}670.search-list p strong{font-weight:bold}671@media print{#header{margin:0}672#header #members{display:none}673#nav{display:none}674#content{margin:0}675#content.withleaderboard{padding-top:0}676#secondary-content{display:none}677#ad-leaderboard{display:none}678#comments{display:none}679#footer ul{display:none}680}681.bubble{display:none}682div#bubble{background:transparent url(images/shared/bg_bubble.gif) no-repeat scroll left top;font-size:.9em;left:500px;position:absolute;text-align:center;top:-100px;visibility:hidden;width:250px;z-index:10}683div#bubble div.container{background:#FFF none repeat scroll 0 0;border-color:#999;border-style:none solid solid;border-width:medium 1px 1px;margin:20px 0 0;overflow:hidden;padding:.5em 20px .5em .5em;text-align:left}684div#bubble img{float:left;margin-right:10px}685#video-slot{margin:10px 0}686#audio-slot{margin:10px 0}687input.calendar,select.calendar{width:149px}688button.calendar{background:url(images/shared/calendar-icon.gif);border:0;cursor:pointer;float:left;height:20px;margin-right:5px;margin-left:5px;width:20px;margin-top:2px}689button.calendar:hover,button.calendar.active{background-position:0 20px}690div.calendar{background:url(images/shared/calendar.png);height:175px;padding:0 12px;text-align:center;width:147px}691div.calendar *{margin:0;padding:0}692div.calendar div{background:none!important;cursor:move;height:165px;overflow:hidden;padding-top:10px;position:relative;width:147px}693div.calendar caption{color:#CF0;font:normal 12px/17px Arial,Helvetica,sans-serif;padding-top:4px;text-align:center;width:100%}694div.calendar caption a{cursor:pointer;display:block;height:11px;overflow:hidden;position:absolute;text-indent:-100px;top:16px;width:11px}695div.calendar caption a.prev{background-image:url(images/shared/calendar-prev.gif);left:1px}696div.calendar caption a.next{background-image:url(images/shared/calendar-next.gif);right:1px}697div.calendar caption a:hover{background-position:0 11px}698div.calendar caption span{height:25px;position:relative;text-align:center}699div.calendar caption span.month{padding-right:8px}700div.calendar caption span.month:after{content:','}701div.calendar table{border:0;border-collapse:collapse;border-spacing:0;cursor:default;margin:0 auto;overflow:hidden;width:147px}702div.calendar td,div.calendar th{border:0;color:#999;font:normal 12px Arial,Helvetica,sans-serif;height:19px;text-align:center;width:21px}703div.calendar td{color:#333;font-size:11px;padding-right:5px;text-align:right;width:16px}704div.calendar td.invalid{color:#666}705div.calendar td.valid{color:#FFF;cursor:pointer}706div.calendar td.active,div.calendar td.hover{color:#CF0;cursor:pointer}707.sponsors{text-align:center;padding-top:10px}708.sponsors img{padding:10px}709#_atssh{display:none}710.loading-message{position:absolute;padding:10px;border:solid 1px #ccc;margin-top:10px;padding-left:25px;background:#ffc url(images/shared/ajax_loader3.gif) no-repeat 5px center}711#breadcrumb{margin-bottom:10px}712#breadcrumb .breadcrumb li{float:left;margin-right:5px;background:url(images/shared/icon_sprite.gif) no-repeat -113px -58px;padding-left:10px}713#breadcrumb .breadcrumb .crumb1{background:0;padding-left:0}714.subnav{margin-bottom:10px;background-color:#f5f5f5;border-bottom:solid 1px #e5e5e5}715#typenav{border-top:solid 1px #e5e5e5}716.subnav .breadcrumb-wrapper{margin:0 auto;padding:0 10px 0 0;width:950px;overflow:hidden;border-collapse:collapse;position:relative;z-index:1}717.subnav ul,.subnav ul li{float:left}718.subnav li a{font-size:12px;border-right:1px solid #eee;padding:4px 5px;display:block}719.subnav li a:hover,.subnav li a{text-decoration:none}720.subnav li.last a,.subnav ul.breadcrumb li a{border:0}721.subnav ul.breadcrumb .crumb1 a{padding-left:6px}722.subnav .crumb2,.subnav .crumb3,.subnav .crumb4,.subnav .crumb5{margin-left:-20px}723.subnav .crumb2 a,.subnav .crumb3 a,.subnav .crumb4 a,.subnav .crumb5 a{padding-left:25px}724.subnav ul.breadcrumb li,.subnav ul.breadcrumb li a{color:#fff;z-index:6;position:relative}725.subnav ul.breadcrumb .crumb2,.subnav ul.breadcrumb .crumb2 a{z-index:5}726.subnav ul.breadcrumb .crumb3,.subnav ul.breadcrumb .crumb3 a{z-index:4}727.subnav ul.breadcrumb .crumb4,.subnav ul.breadcrumb .crumb4 a{z-index:3}728.subnav ul.breadcrumb .crumb5,.subnav ul.breadcrumb .crumb5 a{z-index:2}729.subnav ul.breadcrumb .crumb6,.subnav ul.breadcrumb .crumb6 a{z-index:1}730.subnav ul.breadcrumb a{background-color:transparent;background-position:right center;margin-right:0;padding-right:15px}731.subnav .crumb1 a{background-image:url(images/shared/crumb_1.png)}732.subnav .crumb2 a{background-image:url(images/shared/crumb_2.png)}733.subnav .crumb3 a{background-image:url(images/shared/crumb_3.png)}734.subnav .crumb4 a{background-image:url(images/shared/crumb_1.png)}735.subnav .crumb5 a{background-image:url(images/shared/crumb_2.png)}736.subnav .crumb6 a{background-image:url(images/shared/crumb_3.png)}737.subnav ul.breadcrumb li a:hover{background-image:url(images/shared/crumb_over.png);color:#fff}738.subnav ul.breadcrumb-subnav li a:focus,.subnav ul.breadcrumb-subnav li a:hover,.subnav ul.breadcrumb-subnav li.selected a,.subnav ul.breadcrumb-subnav li a:active{background-color:#0061a6;color:#fff}739.subnav ul.breadcrumb-subnav li.first{margin-left:-20px;z-index:0;position:relative}740.subnav ul.breadcrumb-subnav li.first a{padding-left:25px}741.subtopics li{padding-bottom:1px}742.subtopics li a{color:#fff;background-position:right center;background-image:url(images/shared/crumb_1.png);font-size:12px;padding:2px 3px;display:block}743.subtopics li a:hover{background-image:url(images/shared/crumb_over.png);color:#fff}744#topic-activity-list .content-list .sponsor{display:block;padding:5px;border:1px solid #ccc;background-color:#eee;margin-top:5px;margin-bottom:5px}745#topic-activity-list .content-list .sponsor .caption{float:right;text-transform:uppercase;font-size:70%;color:#aaa}746#topic-activity-list .type{color:#999;font-size:.9em;font-weight:bold;text-transform:uppercase;font-family:Arial;padding-right:5px}747#topic-activity-list .time{float:right;color:#666;font-size:.9em;font-weight:normal}748#topic-activity-list .content-list li{background-repeat:no-repeat;padding-left:45px;background-image:url(images/shared/types_sprite.gif);background-position:0 100px}749#topic-activity-list .content-list .type-book{background-position:0 0}750#topic-activity-list .content-list .type-event{background-position:0 -150px}751#topic-activity-list .content-list .type-article{background-position:0 -300px}752#topic-activity-list .content-list .type-news{background-position:0 -750px}753#topic-activity-list .content-list .type-media{background-position:0 -450px}754#topic-activity-list .content-list .type-job{background-position:0 -600px}755.block-link h3{margin-top:0}756.block-link li{cursor:pointer;padding:5px;margin:0 -5px}757.block-link li a:hover{text-decoration:none}758.block-link .hover{background-color:#eee;position:relative}759#paged-thread-list #page-position{display:none}760#generator form .boxed-fieldset label{width:140px}761#generator form .boxed-fieldset{float:left;width:273px;border:1px solid #eee;padding:8px}762#generator form .radio label{clear:none;width:160px;margin-bottom:0}763#generator form .radio input{clear:left;margin-right:5px}764#generator-result{padding:10px;border:1px solid #ccc;background:#eee;margin:10px 0}765.csharpcode,.csharpcode pre{font-size:small;color:black;font-family:consolas,"Courier New",courier,monospace;background-color:#fff}766.csharpcode pre{margin:0}767.csharpcode .rem{color:#008000}768.csharpcode .kwrd{color:#00f}769.csharpcode .str{color:#006080}770.csharpcode .op{color:#0000c0}771.csharpcode .preproc{color:#c63}772.csharpcode .asp{background-color:#ff0}773.csharpcode .html{color:#800000}774.csharpcode .attr{color:#f00}775.csharpcode .alt{background-color:#f4f4f4;width:100%;margin:0}776.csharpcode .lnum{color:#606060}777.outbrain_widget_wrapper fieldset{border:0!important;padding:0!important}778.outbrain_widget_wrapper .recommendations_ul{padding:0}779.outbrain_widget_wrapper fieldset legend{display:none!important}780.outbrain_widget_wrapper .div-wrapper{padding:0!important}781form .login label{width:200px}782form .login .radio{clear:left}783form .login #EmailAddress{width:250px}784form .login #Password{padding:3px;clear:none;margin-left:40px;margin-top:0!important;border:1px solid #D8D8D8}785form .login .has_password label,body .has_password input{margin-top:5px!important}786form .login h3{clear:left;padding:10px 0;margin:0}787form .login .radio-options{margin-left:10px}788form .login .radio-options label{width:auto!important}789form .login .radio-options .note{margin-left:190px;margin-top:5px}790form .login .checkbox{margin-left:200px;margin-top:5px}791form .login .submit{margin-left:200px}792#newsletter_subscribe_box li{padding-bottom:0}793#newsletter_subscribe_email{margin-right:2px;height:16px;width:160px}794#newsletter_subscribe{background:#333;color:white;font-weight:bold;border:0;height:20px;line-height:20px;cursor:pointer;width:70px}795.detail-page #article-promo{width:400px;margin-right:10px;float:left}796.detail-page #news-promo{width:165px;float:left}797.social-media{clear:left;overflow:hidden;padding:3px;padding-bottom:1px;height:23px;background-color:#eee}798.social-media .addthis_button_google_plusone{float:left}799#files-list{padding:0;list-style:none;margin:0}800#files-list .file-invalid{cursor:pointer;color:#514721;padding-left:48px;line-height:24px;background:url(images/fancyupload/error.png) no-repeat 24px 5px;margin-bottom:1px}801#files-list .file-invalid span{background-color:#fff6bf;padding:1px}802#files-list .file{line-height:2em;padding-left:22px;background:url(images/fancyupload/attach.png) no-repeat 1px 50%}803#files-list .file span,#files-list .file a{padding:0 4px}804#files-list .file .file-size{color:#666}805#files-list .file .file-error{color:#8a1f11}806#files-list .file .file-progress{width:125px;height:12px;vertical-align:middle;background-image:url(images/fancyupload/progress.gif)}807#nav{background-image:url(images/shared/nav_bg.gif);border-bottom:solid 1px #E5E5E5;height:35px}808#nav .nav-root{margin:0 auto;padding:0 10px;width:960px;position:relative;z-index:999}809#nav ul .nav-item{background:none repeat scroll 0 0 transparent;border-right:1px solid #EEE;float:left;margin:0;padding:0;position:relative;z-index:999;display:block}810#nav ul .nav-item .nav-link{float:left;margin-right:0;padding:10px 20px;font-weight:bold;display:block;outline:0}811#nav ul .nav-item:hover .nav-link{background:url(images/shared/nav_bg2_on.gif) repeat-x;color:#fff;text-decoration:none}812#nav ul .selected .nav-link{background:url(images/shared/nav_bg2_on.gif) repeat-x;color:#fff;text-decoration:none}813#nav .dropdown{margin:4px auto;float:left;position:absolute;left:-999em;z-index:9999;text-align:left;padding:5px;width:350px;border:1px solid #ccc;background:#f0f0f0 url(images/shared/nav_bg.gif) repeat-x bottom}814#nav ul .nav-item:hover .dropdown{left:-1px;top:31px}815#nav ul .nav-item:hover .align_right{left:auto;right:-1px}816#nav ul ul li a{display:inline-block;padding:4px 2px 5px 6px}817#nav ul ul li a{display:block}818#nav ul ul ul li{margin-left:10px}819#nav ul ul li{display:block}820#nav ul ul li a:hover{background-color:#3FB0DC;color:#fff}821#nav ul ul .selected a{background-color:#3FB0DC;color:#fff}822#nav ul ul .selected li a{background-color:inherit;color:#4D97E0}823#nav ul ul .selected li a:hover{background-color:#3FB0DC;color:#fff}824#nav ul .nav-item ul{margin-bottom:10px}825#nav ul .nav-item h4{font-weight:bold;margin-bottom:5px}826#nav ul .nav-item .nav-left{float:left;width:180px}827#nav ul .nav-item .nav-right{float:left;width:170px}.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody,.syntaxhighlighter table thead,.syntaxhighlighter table caption,.syntaxhighlighter textarea{-moz-border-radius:0 0 0 0!important;-webkit-border-radius:0 0 0 0!important;background:none!important;border:0!important;bottom:auto!important;float:none!important;height:auto!important;left:auto!important;line-height:1.1em!important;margin:0!important;outline:0!important;overflow:visible!important;padding:0!important;position:static!important;right:auto!important;text-align:left!important;top:auto!important;vertical-align:baseline!important;width:auto!important;box-sizing:content-box!important;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace!important;font-weight:normal!important;font-style:normal!important;font-size:1em!important;min-height:inherit!important;min-height:auto!important}828.syntaxhighlighter{width:100%!important;margin:1em 0 1em 0!important;position:relative!important;overflow:auto!important;font-size:1em!important}829.syntaxhighlighter.source{overflow:hidden!important}830.syntaxhighlighter .bold{font-weight:bold!important}831.syntaxhighlighter .italic{font-style:italic!important}832.syntaxhighlighter .line{white-space:pre!important}833.syntaxhighlighter table{width:100%!important}834.syntaxhighlighter table caption{text-align:left!important;padding:.5em 0 .5em 1em!important}835.syntaxhighlighter table td.code{width:100%!important}836.syntaxhighlighter table td.code .container{position:relative!important}837.syntaxhighlighter table td.code .container textarea{box-sizing:border-box!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;border:none!important;background:white!important;padding-left:1em!important;overflow:hidden!important;white-space:pre!important}838.syntaxhighlighter table td.gutter .line{text-align:right!important;padding:0 .5em 0 1em!important}839.syntaxhighlighter table td.code .line{padding:0 1em!important}840.syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line{padding-left:0!important}841.syntaxhighlighter.show{display:block!important}842.syntaxhighlighter.collapsed table{display:none!important}843.syntaxhighlighter.collapsed .toolbar{padding:.1em .8em 0 .8em!important;font-size:1em!important;position:static!important;width:auto!important;height:auto!important}844.syntaxhighlighter.collapsed .toolbar span{display:inline!important;margin-right:1em!important}845.syntaxhighlighter.collapsed .toolbar span a{padding:0!important;display:none!important}846.syntaxhighlighter.collapsed .toolbar span a.expandSource{display:inline!important}847.syntaxhighlighter .toolbar{position:absolute!important;right:1px!important;top:1px!important;width:11px!important;height:11px!important;font-size:10px!important;z-index:10!important}848.syntaxhighlighter .toolbar span.title{display:inline!important}849.syntaxhighlighter .toolbar a{display:block!important;text-align:center!important;text-decoration:none!important;padding-top:1px!important}850.syntaxhighlighter .toolbar a.expandSource{display:none!important}851.syntaxhighlighter.ie{font-size:.9em!important;padding:1px 0 1px 0!important}852.syntaxhighlighter.ie .toolbar{line-height:8px!important}853.syntaxhighlighter.ie .toolbar a{padding-top:0!important}854.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content{background:none!important}855.syntaxhighlighter.printing .line .number{color:#bbb!important}856.syntaxhighlighter.printing .line .content{color:black!important}857.syntaxhighlighter.printing .toolbar{display:none!important}858.syntaxhighlighter.printing a{text-decoration:none!important}859.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a{color:black!important}860.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a{color:#008200!important}861.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a{color:blue!important}862.syntaxhighlighter.printing .keyword{color:#069!important;font-weight:bold!important}863.syntaxhighlighter.printing .preprocessor{color:gray!important}864.syntaxhighlighter.printing .variable{color:#a70!important}865.syntaxhighlighter.printing .value{color:#090!important}866.syntaxhighlighter.printing .functions{color:#ff1493!important}867.syntaxhighlighter.printing .constants{color:#06c!important}868.syntaxhighlighter.printing .script{font-weight:bold!important}869.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a{color:gray!important}870.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a{color:#ff1493!important}871.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a{color:red!important}872.syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a{color:black!important}.syntaxhighlighter{background-color:#FFF8E1!important;overflow-x:auto!important;overflow-y:hidden!important}873.syntaxhighlighter .line.alt1{background-color:#FFF8E1!important}874.syntaxhighlighter .line.alt2{background-color:#FFF8E1!important}875.syntaxhighlighter .line.highlighted.alt1,.syntaxhighlighter .line.highlighted.alt2{background-color:#e0e0e0!important}876.syntaxhighlighter .line.highlighted.number{color:black!important}877.syntaxhighlighter table caption{color:black!important}878.syntaxhighlighter .gutter{color:#afafaf!important}879.syntaxhighlighter .gutter .line{border-right:3px solid #6ce26c!important}880.syntaxhighlighter .gutter .line.highlighted{background-color:#6ce26c!important;color:white!important}881.syntaxhighlighter.printing .line .content{border:none!important}882.syntaxhighlighter.collapsed{overflow:visible!important}883.syntaxhighlighter.collapsed .toolbar{color:blue!important;background:#FFF8E1!important;border:1px solid #6ce26c!important}884.syntaxhighlighter.collapsed .toolbar a{color:blue!important}885.syntaxhighlighter.collapsed .toolbar a:hover{color:red!important}886.syntaxhighlighter .toolbar{color:white!important;background:#6ce26c!important;border:none!important}887.syntaxhighlighter .toolbar a{color:white!important}888.syntaxhighlighter .toolbar a:hover{color:black!important}889.syntaxhighlighter .plain,.syntaxhighlighter .plain a{color:black!important}890.syntaxhighlighter .comments,.syntaxhighlighter .comments a{color:#008200!important}891.syntaxhighlighter .string,.syntaxhighlighter .string a{color:blue!important}892.syntaxhighlighter .keyword{color:#069!important}893.syntaxhighlighter .preprocessor{color:gray!important}894.syntaxhighlighter .variable{color:#a70!important}895.syntaxhighlighter .value{color:#090!important}896.syntaxhighlighter .functions{color:#ff1493!important}897.syntaxhighlighter .constants{color:#06c!important}898.syntaxhighlighter .script{font-weight:bold!important;color:#069!important;background-color:none!important}899.syntaxhighlighter .color1,.syntaxhighlighter .color1 a{color:gray!important}900.syntaxhighlighter .color2,.syntaxhighlighter .color2 a{color:#ff1493!important}901.syntaxhighlighter .color3,.syntaxhighlighter .color3 a{color:red!important}902.syntaxhighlighter .keyword{font-weight:bold!important}903 </style>904 </head>905 <body>906 <!--[if lt IE 7]> <div style='clear: both; text-align: center; width: 820px; margin: 0 auto; position: relative;'> <a ><img src="rick.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div> <![endif]-->907 <div id="wrapper">908 <div id="header">909 <div id="logo">910 <a>911 Developer Fusion - The global developer community for .NET and Java programmers912 </a>913 </div>914 </div>915 <div class="clearfix" id="nav">916 <ul class="nav-root">917 <li class="nav-item first" id="navitem-.net">918 <a class="nav-link" title>919 .NET920 </a>921 </li>922 <li class="nav-item" id="navitem-java">923 <a class="nav-link" title>924 Java925 </a>926 </li>927 <li class="nav-item" id="navitem-open-source">928 <a class="nav-link" title>929 Open Source930 </a>931 </li>932 <li class="nav-item" id="navitem-mobile">933 <a class="nav-link" title>934 Mobile935 </a>936 </li>937 </ul>938 </div>939 <div class="subnav clearfix" id="subnav">940 <div class="breadcrumb-wrapper">941 <ul class="breadcrumb">942 <li class="crumb1">943 <a>944 Windows 7945 </a>946 </li>947 </ul>948 <ul class="breadcrumb-subnav">949 <li class="first">950 <a title="News">951 News952 </a>953 </li>954 <li>955 <a title="Tutorials">956 Tutorials957 </a>958 </li>959 <li>960 <a title="Windows 7 Training & Events">961 Training962 </a>963 </li>964 <li>965 <a title="Windows 7 User Groups">966 User Groups967 </a>968 </li>969 </ul>970 </div>971 </div>972 <div id="ad-leaderboard">973 <div data-google-query-id="CKKz0NfUqoIDFcoxRAgd-oAHEQ" id="div-gpt-ad-1342895737372-0" style="width:728px; height:90px;">974 <div id="google_ads_iframe_/1008121/Leaderboard_0__container__" style="border: 0pt none; width: 728px; height: 0px;">975 </div>976 </div>977 </div>978 <div class="clearfix" id="content">979 <div class="clearfix" id="main-content">980 <div class="clearfix" id="breadcrumb">981 <ul class="breadcrumb">982 <li class="crumb1">983 <a>984 Home985 </a>986 </li>987 <li class="crumb2">988 <a>989 Windows 7990 </a>991 </li>992 <li>993 <a title="Forum">994 Forum995 </a>996 </li>997 </ul>998 </div>999 <div class="detail-page">1000 <div class="ask-question">1001 <a>1002 Back to discussion1003 </a>1004 </div>1005 <h1>1006 I need some advice1007 </h1>1008 <div class="article-info clearfix">1009 <ul class="detail-functions">1010 <li class="comments">1011 <a>1012 Replies (14)1013 </a>1014 </li>1015 <li class="email-subscribe">1016 <a class="" title="Click here to receive email updates to this thread.">1017 Email updates1018 </a>1019 </li>1020 </ul>1021 <a>1022 Last post1023 </a>1024 was 18 Dec 2020 at 14:501025 </div>1026 <div class="thread-info">1027 <span class="tags">1028 Delevopment1029 , How to1030 , HELP1031 , Software1032 </span>1033 <span class="location">1034 <a>1035 Northampton, United Kingdom1036 </a>1037 </span>1038 </div>1039 <ul class="threadmessage-list">1040 <li class="row-odd">1041 <div class="header" id="post-239527">1042 <ul class="actions">1043 <li class="reply">1044 <a>1045 Reply1046 </a>1047 </li>1048 </ul>1049 <div class="date">1050 8 years ago1051 </div>1052 <div class="user-info">1053 <span class="username">1054 by1055 <img alt="United Kingdom" class="country-icon country-icon-gb" src="rick.jpg" title="United Kingdom">1056 <a>1057 BigCiD1058 </a>1059 </span>1060 <div class="bubble">1061 <h3>1062 Martyn Still1063 </h3>1064 <div class="country">1065 Corby, United Kingdom1066 </div>1067 <div class="joined">1068 Joined 8 years ago1069 </div>1070 </div>1071 </div>1072 </div>1073 <div class="thread-content clearfix">1074 <!--removed tag-->1075 <p>1076 Hey guys. I want to create some software, nothing fancy, just something I can play music from.1077 </p>1078 <!--!--removed tag---->1079 </div>1080 <div class="notes">1081 <a class="report">1082 Report abuse1083 </a>1084 </div>1085 </li>1086 </ul>1087 <div class="clearfix" id="reply">1088 <h2>1089 Post a reply1090 </h2>1091 <div class="post-comment">1092 <h3>1093 Enter your message below1094 </h3>1095 <p>1096 <a>1097 Sign in1098 </a>1099 or1100 <a>1101 Join us1102 </a>1103 (it's free).1104 </p>1105 </div>1106 </div>1107 </div>1108 </div>1109 <div class="clearfix" id="secondary-content">1110 <div class="panel panel-link">1111 <h2>1112 <a>1113 Windows 7 forum discussion1114 </a>1115 </h2>1116 <ul class="discuss">1117 <li>1118 <h3>1119 <a>1120 Alternate browsers for Win 7?1121 </a>1122 </h3>1123 <h4>1124 by aadeshpandey1561125 <span style="font-weight: bold;">1126 (0 replies)1127 </span>1128 </h4>1129 </li>1130 <li>1131 <h3>1132 <a>1133 How my advanced boot priority suddencly changed in bios1134 </a>1135 </h3>1136 <h4>1137 by rohitsingh7511111138 <span style="font-weight: bold;">1139 (0 replies)1140 </span>1141 </h4>1142 </li>1143 <li>1144 <h3>1145 <a>1146 I need some advice1147 </a>1148 </h3>1149 <h4>1150 by singletonamos501151 <span style="font-weight: bold;">1152 (14 replies)1153 </span>1154 </h4>1155 </li>1156 <li>1157 <h3>1158 <a>1159 Ada Banyak Jackpot Ceme Online yang Memberikan Keuntungan1160 </a>1161 </h3>1162 <h4>1163 by shielaariel8881164 <span style="font-weight: bold;">1165 (0 replies)1166 </span>1167 </h4>1168 </li>1169 </ul>1170 </div>1171 <div class="panel panel-link">1172 <h2>1173 <a>1174 Windows 7 tutorials1175 </a>1176 </h2>1177 <ul>1178 <li>1179 <a>1180 Smarten up your UI with Task Dialogs, the Message Box 2.01181 </a>1182 </li>1183 <li>1184 <a>1185 Tap into the power of the Windows 7 Taskbar1186 </a>1187 </li>1188 <li>1189 <a>1190 Enhancing your applications for Windows 71191 </a>1192 </li>1193 <li>1194 <a>1195 Reading, writing and photo metadata1196 </a>1197 </li>1198 </ul>1199 </div>1200 <div class="panel">