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.8k
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">2<html data-uw-w-loader lang="en" xml:lang="en" xmlns="">3 <head>4 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">5 <title>6 Hotel in Monterey California, Hotels near Historic Downtown Monterey CA7 </title>8 <meta content="Get Direction of Family friendly Pelican Inn Monterey Ca Hotel located off Highway 1 and Munras Avenue just few miles to Monterey Peninsula Airport. Book our beautiful Hotel in Carmel California today." name="description">9 <meta content="Hotel in Monterey California, Hotels near Historic Downtown Monterey CA, Hotels in Carmel California, Monterey California Motels, Monterey Hotels near Monterey Bay Aquarium" name="keywords">10 <meta content="Regional, North America, United States, Monterey, California, Travel and Tourism, Lodging, Hotels and Motels, Monterey CA Accommodation, Lodging, Place to stay, Extended stay Hotel, Affordable Accommodation." name="classification">11 <meta content="global" name="distribution">12 <meta content="All" name="robots">13 <meta content="Pelican Inn Monterey, California" name="DC.title">14 <meta content="US-CA" name="geo.region">15 <meta content="Monterey" name="geo.placename">16 <meta content="36.58926;-121.898031" name="geo.position">17 <meta content="36.58926, -121.898031" name="ICBM">18 <meta content="Pelican Inn Monterey, California" property="og:title">19 <meta content="Website" property="og:type">20 <meta content="" property="og:url">21 <meta content="Experience great comfort at Pelican Inn Carmel hotel in Monterey CA located in Historic Downtown Monterey." property="og:description">22 <meta content="INDEX, FOLLOW" name="googlebot">23 <meta content="initial-scale=1, maximum-scale=1, width=device-width" name="viewport">24 <style>25 *{margin:0; padding:0; border:0;outline:none;} ul,li,ol{margin:0; padding:0; border:0;outline:none;}26body{font:Arial, Helvetica, sans-serif; color:#000; font-weight:normal; background:#FFFFFF; line-height:1.5em; text-decoration:none; font-size:14px;}27 h3, h4, h5, h6 {color:#8c2614;}28 h1 { color:#fb9503; font-size:20px; letter-spacing:1px;}29h3 { color:#32416c; text-align:left; margin-bottom:5px; font-size:18px;}30 h2 { color:#fff; padding-top:4px; font-size:20px;}31 h2 a{ color:#fff; text-decoration:none;}32 h2 a:hover{ color:#fff; text-decoration:none;}33 h2 span{ color:#32416c; padding-top:4px; font-size:20px;}34 h4 { color:#fb9503; font-size:16px;}35 h4 span{ color:#32416c;}36 h5 { color:#FFFFFF; text-decoration:none; font-size:17px; padding-top:15px;}37#wrapper { width:100%; height:auto; margin:auto;}38#top{width:100%; height:167px; position:fixed; z-index:1001; background:#FFFFFF;}39#banner{ position:absolute;width:300px; float:right;top : 10px;left:600px;text-transform :uppercase;font-size:16px; 40letter-spacing : 0.2px; word-spacing : 0.1em; line-height : 1.5em; font-weight:normal; color : #a65900; text-align:left;}41#tab { width:100%; height:auto; margin:auto; background:#32416c;}42#bg { width:100%; height:567px; margin:auto; background:#0093dd;}43#slide {width:960px; height:auto; margin:auto;}44#slide img {width:100%; height:auto; text-align:center;}45.book{ float:left; font-size:16px;text-transform: uppercase;padding-top:13px; color:#32416c; font-weight:500;padding-bottom:5px; margin-left:10px; font-weight:600;}46#reservation {float:right;height:62px;padding-right:1%;padding-left:1%;padding-top:5px; margin-right:10px;}47#check {position:absolute;right:0px;height:300px;width:auto;}48input[type=submit] {background: #fb9503;border:#900;width:100px;text-align:center;}49form {margin:0 auto;padding:0;}50form li.text {width:110px;}51form li.btn {width:100px;margin:0;}52form li {margin:0 0 0 0;display:inline-block;width:45px;}53label {color: #000;font-weight:bold; text-transform: capitalize; padding:2px 0 2px 0px;font-size:12px; }54.text2,.hotel{padding:0px 0 0 5px;border:1px solid #32416c;font-size:88.39%; font-weight:normal; text-transform:uppercase; width:100px; height:25px; background: url(../images/sprite.png) no-repeat -75px -3px #f2f8fb; color:#32416c;}55.rac,.select{padding:0px 0 0 5px;border:1px solid #32416c;font-size:12px; font-weight:normal; width:35px; height:27px; background:#f2f8fb; color:#32416c;}56input[type=submit] {background-repeat: repeat-x;border:#f7eced dotted 0px;color:#FFF;cursor:pointer;font-weight:normal;font-size:14px;text-shadow:1px 1px 1px #979595;padding:5px 0px;}57#booking {58position: fixed;59width: 120px;60height: 48px;61z-index: 9;62bottom:25px;63margin: 20px 0;64left: 92%;65border-radius: 0px 5px 5px 0;66}67#sidebox { width:100%; height:150px; margin:auto; background:url(../images/side-box.jpg);}68#sidebox-in { width:960px; height:140px; margin:auto; padding:10px 0px 10px 0px;}69.box { width:297px; height:125px; float:left; padding:5px; margin-left:8px; border:1px solid #fb9503;}70.box-title { width:98%; height:30px; margin:auto; background:#fb9503; color: #000; padding-left:6px;}71.image { width:120px; height:90px; float:right; padding-top:5px;}72.box-content { width:157px; height:auto; float:left; font-size:14px; padding-top:5px; color:#2a2b7b; padding-left:15px;}73.address { width:300px; height:auto; float:left; margin-left:0px; margin-top:10px; font-size:14px; line-height:25px; color:#32416c; font-weight:590;}74.address a{ color:#32416c; text-decoration:none;}75.address a:hover{ color:#32416c; text-decoration:none;}76#left {position:absolute;width:240px;height:430px;top:167px;left:0px;background:url(../images/left.jpg) no-repeat;}77#logo {width:130px; height:97px; float:left; margin:10px 20px 0 5px;}78#content { width:940px; height:100%; background:#fff; padding:15px 10px 10px 10px; font-size:14px; text-align:justify; margin:auto; color:#000; font-family:Arial, Helvetica, sans-serif}79.sidebar { width:250px; height:auto; float:right; margin-right:25px;margin-bottom:20px; color:#333; text-align:left; padding-top:20px; font-size:14px; border:2px solid #003366; margin-top:22px;}80.sidebar ul li { margin-left:30px;}81.att {font:bold 15px Verdana, Arial, Helvetica, sans-serif; color:#ffffcc; padding:10px 0px 10px 0px; background:#082c6a; width:198px; height:20px; margin:0px 0px 5px 0px; text-align:center;}82ul {list-style:circle;}83#header { background:#d8e1fb; width:100%; height:120px; margin:auto; }84.head{ background:#d8e1fb; width:960px; height:120px; margin:auto;}85#footer{clear:both;margin-left:auto;margin-right:auto;color:#fff;width:100%;text-align:center;padding-top:10px; background-color:#32416c; font :14px Arial, Helvetica, sans-serif; line-height:20px; border-top:2px solid #a7a8fc;}86#footer a { width:960px; padding : 0 5px 0 5px;color : #fff;margin : 0;font :14px Arial, Helvetica, sans-serif;text-align :left;line-height : 22px;text-decoration : none;}87#footer a:hover {color : #fff; text-decoration:none;}88#foot { width:960px; height:auto; margin:auto; padding-bottom:20px;}89.col-f { width:305px; height:auto; float:left; margin-right:15px; text-align:left;}90.col-f1 { width:200px; height:auto; float:left; margin-right:15px; text-align:left; padding-left:105px;}91#page {92 width:965px;93 margin: 0 auto;94 padding: 0;}95#page-bgtop {96}97 98#page-bgbtm {99 margin: 0px;100 padding: 10px 30px 0px 15px;101}102.contact { width:450px; height:auto; float:right; text-align:left; margin-right:80px; padding-left:15px; border-left:1px solid #FFF;}103.post {104 clear: both;105 padding-top:10px;106 padding-bottom: 10px;107 padding-right: 2px;108}109 110.post .title {111 padding-top: 0px;112 letter-spacing: -1px;113 line-height:30px;114}115 116.post .title a {117 color: #1A1A1A;118 border: none;119}120 121.post .meta {122 padding-bottom: 10px;123 text-align: left;124 font-family: Arial, Helvetica, sans-serif;125 font-size: 11px;126 font-style: italic;127}128 129.post .meta a {130}131 132.post .entry {133 text-align: justify;134 margin-bottom: 25px;135 padding: 10px 0px 0px 0px;136}137.post a { color:#333; text-decoration:none;}138.post a:hover { color:#333; text-decoration:none;}139.site { width:300px; height:auto; float:left; text-align:left; margin-left:80px;}140.sitemap { width:300px; height:auto; float:left; text-align:left; padding-bottom:20px;}141.bottom-menu { width:140px; height:auto; float:right; text-align:left;}142.left{height:50px;width:160px; padding-left:15px; padding-bottom:30px; }143#w2b{width:53px; height:53px;padding:5px;position:fixed;bottom:0px;right:45px;cursor:pointer;text-decoration:none;font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url(../images/arrow.png) no-repeat; text-indent:-9999px;}144.social { width:125px; height:auto; float:right; margin:20px 20px 10px 15px;}145.amenities_wrapper {width:100%; height:auto; float:left; font-size:12px; line-height:3px; margin-bottom:10px;}146.amenities h4{display:inline;margin-right:2px;font-size:1.2em;}147.amenities p{display:inline;}148.amenities .description {display:block;margin:5px 0; padding:5px;border-bottom:1px dotted #32416c;border-top:1px dotted #32416c;height:33px;}149.amenities .description img{margin-right:5px; vertical-align:sub}150.amenities .description .facility_icon{background:url(../images/amenities.png) no-repeat;float:left;width:33px;height:33px;padding:0;margin-right:5px;}.amenities .facility_icon_id_1 .facility_icon{background-position:0 0}.amenities .facility_icon_id_2 .facility_icon{background-position:0 -33px}.amenities .facility_icon_id_3 .facility_icon{background-position:0 -112px;}.amenities .facility_icon_id_4 .facility_icon{background-position:0 -472px}.amenities .facility_icon_id_5 .facility_icon{background-position:0 -74px}.amenities .facility_icon_id_6 .facility_icon{background-position:0 -156px}.amenities .facility_icon_id_7 .facility_icon{background-position:0 -301px}.amenities .facility_icon_id_10 .facility_icon{background-position:0 -231px}.amenities .facility_icon_id_11 .facility_icon{background-position:0 -267px}.amenities .facility_icon_id_12 .facility_icon{background-position:0 -194px}.amenities .facility_icon_id_13 .facility_icon{background-position:0 -502px}.amenities .facility_icon_id_14 .facility_icon{background-position:0 -369px}.amenities .facility_icon_id_15 .facility_icon{background-position:0 -399px}.amenities .facility_icon_id_17 .facility_icon{background-position:0 -464px}.amenities .facility_icon_id_languages .facility_icon{background-position:0 -540px}.amenities #internet_policy .facility_icon{background-position:0 -264px}.amenities #parking_policy .facility_icon{background-position:0 -433px}.amenities .facility_icon_id_18 .facility_icon{background-position:0 -540px}.amenities .facility_icon_id_19 .facility_icon{background-position:0 -433px}151.col-one { width:220px; height:auto; float:left; padding-left:10px; text-align:left; padding-bottom:15px;}152.col-one a { color:#000; text-decoration:none; font-weight:700;}153.col-one a:hover { color:#0095dd; text-decoration:none;}154.col-two { width:220px; height:auto; float:left; margin:left; padding-left :15px; text-align:left; padding-bottom:15px; }155.col-three { width:47%; height:auto; float:right; padding-left:10px; text-align:left; padding-bottom:15px;}156.col-three a { color:#000; text-decoration:none; font-weight:700;}157.button { width:120px; height:35px; float:right; margin-top:-10px; margin-right:200px;}158.video iframe{ width:47%; height:315px; float:right; padding-left:10px; text-align:left; margin-bottom:15px;}159strong { color:#fb9503; font-size:15px; text-align:left;}160.dir-button { width:200px; height:35px; float:right; margin-right:190px; margin-top:5px;}161.list li{width:27.1%;float:left;margin:0 3%;text-transform:capitalize;}162.list li a{color:#555;}163.list li a:hover{color:#999;}164.list1 li{width:40.1%;float:left;margin:0 3%;text-transform:capitalize;}165.list1 li a{color:#555;}166.list1 li a:hover{color:#999;}167/***googlemap*****/168input[type=text].c5{width:53%;display:inline;padding:1%;margin:0 2% 0 0;float:left;border:1px solid #999}169input[type=submit].c6{width:27%;display:inline;font-size:1em;padding:1%;}170#googleMap{width:100%;height:410px;}171.offer { width:80.50%; color:#fff; font-size:22px; background: #F00; padding:10px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; margin-bottom:10px; text-align:center;}172.offer a{color:#fff;}173.offer a:hover{color: #FC0;}174.cc_dialog.simple {175left: 0 !important;176top: auto;177bottom: 0;178left: auto !important;179max-width: 87% !important;180position: fixed;181}182.acc {font-size:16px; font-weight:bold; color:#333;}183.acc a{font-size:16px; font-weight:bold; color:#0066CC;}184.booknowtrack {font-size:14px;}185 186 187/* 320px-480px */188 189/* 480px-768px */190 191/* 768px-1024px */192 193@viewport{ width:device-width;}194@-ms-viewport{width:devide-width;} /* for microsoft device */195@-o-viewport{width:devide-width;} /* for old opera device */196 197/* 320px-480px */198@media only screen and (min-width:320px) and (max-width:768px)199{200 #wrapper{201 width:100%;202 }203 #page, #slide, #footer{204 width:100%;205 }206 #header{width:100%; margin:auto; height:65%;}207 .head{width:100%; margin:auto;}208 #content, #sidebar{209 float:none;210 display:block;211 width:100%;212 }213 #bg { width:100%; margin:auto; background:#fff; border-bottom:2px solid #fff;}214 #tab { width:100%; margin:auto; position:relative;}215 .book{ margin:auto; font-size:16px;text-transform: uppercase;padding-top:10px; font-weight:550;padding-bottom:10px; text-align:center; margin-left:5px;}216#reservation { height:auto; margin:auto; padding-right:1%;padding-left:1%;padding-top:5px;}217 #slide { width:100%; margin:auto;}218 .address { width:100%; margin:auto; text-align:center; font-size:13px; font-weight:normal;}219 .social { width:100%; margin:auto; text-align:center;}220 #sidebox { width:98.85%; margin:auto; background:url(../images/side-box.jpg); margin-top:-7%;}221#sidebox-in { width:100.60%; margin:auto; }222.box { width:98%; margin:auto; padding:5px 0 5px 0}223.box-title { width:98.1%; margin:auto;}224content { width:100%; margin:auto;}225.post .title a {226 font-size:80%; 227 }228 .post .meta {229 font-size:60%;230 }231 #foot { width:100%; margin:auto;}232 233 #footer p{234 font-size:100%;235 }236 #header, #header #logo {237 display:block;238 width:100%;239 } 240 #logo{241 width:100%;242 margin:auto;243 text-align:center;244 padding-left:0;245 padding-top:1%;246 }247 .post .title a {248 font-size:80%; 249 }250 .post .meta {251 font-size:60%;252 }253 h1 { font-size:130%}254 .contact p{ float:none;255 margin:0 auto;256 display:block;257 width:100%;258 text-align:right;259 margin-top:-130%;260 261 }262 h2 { font-size:100%}263 h3 { font-size:123%}264 h4 { font-size:100%}265 h5 { font-size:100%}266 .list li{width:95.1%;float:left;margin:0 6%;text-transform:capitalize;}267 .list li a{color:#555;}268 .list li a:hover{color:#999;}269 .list1 li{width:95.1%;float:left;margin:0 6%;text-transform:capitalize;}270 271 272.amenities_wrapper {width:100%; height:auto; float:left; font-size:12px; line-height:3px; margin-bottom:10px;}273.amenities h4{display:inline;margin-right:2px;font-size:100%;}274.amenities p{display:inline;}275.amenities .description {display:block;margin:5px 0; padding:5px;border-bottom:1px dotted #34358b;border-top:1px dotted #34358b;height:auto;}276.amenities .description img{margin-right:5px; vertical-align:sub}277.amenities .description .facility_icon{ background:url(../images/amenities.png) no-repeat;float:left;width:33px;height:auto;padding:0;margin-right:5px;}.amenities .facility_icon_id_1 .facility_icon{background-position:0 0}.amenities .facility_icon_id_2 .facility_icon{background-position:0 -33px}.amenities .facility_icon_id_3 .facility_icon{background-position:0 -112px;}.amenities .facility_icon_id_4 .facility_icon{background-position:0 -472px}.amenities .facility_icon_id_5 .facility_icon{background-position:0 -74px}.amenities .facility_icon_id_6 .facility_icon{background-position:0 -156px}.amenities .facility_icon_id_7 .facility_icon{background-position:0 -301px}.amenities .facility_icon_id_10 .facility_icon{background-position:0 -231px}.amenities .facility_icon_id_11 .facility_icon{background-position:0 -267px}.amenities .facility_icon_id_12 .facility_icon{background-position:0 -194px}.amenities .facility_icon_id_13 .facility_icon{background-position:0 -502px}.amenities .facility_icon_id_14 .facility_icon{background-position:0 -369px}.amenities .facility_icon_id_15 .facility_icon{background-position:0 -399px}.amenities .facility_icon_id_17 .facility_icon{background-position:0 -464px}.amenities .facility_icon_id_languages .facility_icon{background-position:0 -540px}.amenities #internet_policy .facility_icon{background-position:0 -264px}.amenities #parking_policy .facility_icon{background-position:0 -433px}.amenities .facility_icon_id_18 .facility_icon{background-position:0 -540px}.amenities .facility_icon_id_19 .facility_icon{background-position:0 -433px}278 strong { color:#fb9503; font-size:14px; text-align:left;}279.col-one { width:90%; height:auto; float: none; padding-left:4%; text-align:left; padding-bottom:15px;}280.col-one a { color:#000; text-decoration:none; font-weight:700;}281.col-one a:hover { color:#993300; text-decoration:none;}282.col-two { width:90%; height:auto; float: none; padding-left:4%; text-align:left; padding-bottom:15px;}283.col-three { width:100%; height:auto; float: none; padding-left:4%; text-align:left; padding-bottom:15px;}284 285 .dir-button { width:107px; float:right; margin-top:0%; margin-right:-2%;}286 #googleMap{ width:100%; margin:auto;}287.col-f { width:100%; height:auto; float:left; margin-right:0; text-align:left;}288.col-f1 { width:100%; height:auto; float:left; margin-right:0; text-align:left; padding-left:0;}289.video iframe{ width:100%; height:250px; float:none; padding-left:0; text-align:left; margin-bottom:10px;}290 }291 292 293/* 480px-768px */294@media only screen and (min-width:481px) and (max-width:768px)295{296 297 #wrapper{298 width:100%;299 }300 #page, #slide, #footer{301 width:100%;302 }303 #header{width:100%; margin:auto; height:50%; text-align:center;}304 .head{width:100%; margin:auto;}305 #content, #sidebar{306 float:none;307 display:block;308 width:100%;309 }310 #bg { width:100%; margin:auto; background:#fff; border-bottom:2px solid #fff;}311 #tab { width:100%; margin:auto;}312.book{ margin:auto; font-size:16px;text-transform: uppercase;padding-top:1%; font-weight:600;padding-bottom:0%; text-align:center; margin-left:40%;}313#reservation { width:100%; height:auto; margin:auto; padding-right:1%;padding-left:1%;padding-top:5px;}314 #slide { width:100%; margin:auto;}315 .address { width:100%; margin:auto; text-align:center;}316 .social { width:100%; margin:auto; text-align:center;}317 #sidebox { width:99%; margin:auto; background:url(../images/side-box.jpg); margin-top:10%;}318#sidebox-in { width:100.60%; margin:auto; }319.box { width:98%; margin:auto; padding:5px 0 5px 0}320.box-title { width:98.1%; margin:auto;}321.box-content { width:50%; height:auto; float:left; font-size:13px; padding-top:5px; color:#2a2b7b; padding-left:15px;}322content { width:100%; margin:auto;}323.post .title a {324 font-size:80%; 325 }326 .post .meta {327 font-size:60%;328 }329 #foot { width:100%; margin:auto;}330 331 #footer p{332 font-size:110%;333 }334 #header {335 display:block;336 width:100%;337 margin:auto;338 text-align:center;339 } 340 #logo{341 width:100%;342 margin:auto;343 text-align:center;344 padding-left:0;345 padding-top:2%;346 }347 .post .title a {348 font-size:80%; 349 }350 .post .meta {351 font-size:60%;352 }353 h1 { font-size:130%}354 .contact p{ float:none;355 margin:0 auto;356 display:block;357 width:100%;358 text-align:right;359 margin-top:-130%;360 361 }362 h2 { font-size:100%}363 h3 { font-size:130%}364 h4 { font-size:140%}365 h5 { font-size:120%}366 367 .list li{width:95.1%;float:left;margin:0 6%;text-transform:capitalize;}368 .list li a{color:#555;}369 .list li a:hover{color:#999;}370 .list1 li{width:95.1%;float:left;margin:0 6%;text-transform:capitalize;}371 372 373.amenities_wrapper {width:100%; height:auto; float:left; font-size:12px; line-height:3px; margin-bottom:10px;}374.amenities h4{display:inline;margin-right:2px;font-size:110%;}375.amenities p{display:inline;}376.amenities .description {display:block;margin:5px 0; padding:5px;border-bottom:1px dotted #34358b;border-top:1px dotted #34358b;height:auto;}377.amenities .description img{margin-right:5px; vertical-align:sub}378.amenities .description .facility_icon{ background:url(../images/amenities.png) no-repeat;float:left;width:33px;height:auto;padding:0;margin-right:5px;}.amenities .facility_icon_id_1 .facility_icon{background-position:0 0}.amenities .facility_icon_id_2 .facility_icon{background-position:0 -33px}.amenities .facility_icon_id_3 .facility_icon{background-position:0 -112px;}.amenities .facility_icon_id_4 .facility_icon{background-position:0 -472px}.amenities .facility_icon_id_5 .facility_icon{background-position:0 -74px}.amenities .facility_icon_id_6 .facility_icon{background-position:0 -156px}.amenities .facility_icon_id_7 .facility_icon{background-position:0 -301px}.amenities .facility_icon_id_10 .facility_icon{background-position:0 -231px}.amenities .facility_icon_id_11 .facility_icon{background-position:0 -267px}.amenities .facility_icon_id_12 .facility_icon{background-position:0 -194px}.amenities .facility_icon_id_13 .facility_icon{background-position:0 -502px}.amenities .facility_icon_id_14 .facility_icon{background-position:0 -369px}.amenities .facility_icon_id_15 .facility_icon{background-position:0 -399px}.amenities .facility_icon_id_17 .facility_icon{background-position:0 -464px}.amenities .facility_icon_id_languages .facility_icon{background-position:0 -540px}.amenities #internet_policy .facility_icon{background-position:0 -264px}.amenities #parking_policy .facility_icon{background-position:0 -433px}.amenities .facility_icon_id_18 .facility_icon{background-position:0 -540px}.amenities .facility_icon_id_19 .facility_icon{background-position:0 -433px}379 strong { color:#fb9503; font-size:14px;}380 .dir-button { width:120px; float:right; margin-top:0.8%; margin-right:15%;}381 #googleMap{ width:100%; margin:auto;}382.col-f { width:100%; height:auto; float:left; margin-right:0; text-align:left;}383.col-f1 { width:100%; height:auto; float:left; margin-right:0; text-align:left; padding-left:0;}384.video iframe{ width:100%; height:315px; float:none; padding-left:0; text-align:left; padding-bottom:10px;}385 }386 387/* 768px-1024px */388@media only screen and (min-width:769px) and (max-width:1024px)389{390 #wrapper{391 width:100%;392 }393 #footer{394 width:100%;395 }396 #slide img{ width:100%; margin:auto;}397 #content {398 width:100%;399 } 400 401 #footer p{402 font-size:100%;403 }404 .contact p{ float:none;405 margin:0 auto;406 display:block;407 width:100%;408 text-align:right;409 margin-top:0%;410 411 }412 }413 414 415 416 417 418 419 420 421 422/*423 * generated by WOW Slider 4.9424 * template Simple425 */426#wowslider-container1 { 427 zoom: 1; 428 position: relative; 429 max-width:960px;430 margin:0px auto 0px;431 z-index:90;432 border:1px solid #fec656;433 text-align:left; /* reset align=center */434}435* html #wowslider-container1{ width:960px }436#wowslider-container1 .ws_images ul{437 position:relative;438 width: 10000%; 439 height:auto;440 left:0;441 list-style:none;442 margin:0;443 padding:0;444 border-spacing:0;445 overflow: visible;446 /*table-layout:fixed;*/447}448#wowslider-container1 .ws_images ul li{449 width:1%;450 line-height:0; /*opera*/451 float:left;452 font-size:0;453 padding:0 0 0 0 !important;454 margin:0 0 0 0 !important;455}456 457#wowslider-container1 .ws_images{458 position: relative;459 left:0;460 top:0;461 width:100%;462 height:100%;463 overflow:hidden;464}465#wowslider-container1 .ws_images a{466 width:100%;467 display:block;468 color:transparent;469}470#wowslider-container1 img{471 max-width: none !important;472}473#wowslider-container1 .ws_images img{474 width:100%;475 border:none 0;476 max-width: none;477 padding:0;478 margin:0;479}480#wowslider-container1 a{ 481 text-decoration: none; 482 outline: none; 483 border: none; 484}485 486#wowslider-container1 .ws_bullets { 487 font-size: 0px; 488 float: left;489 position:absolute;490 z-index:70;491}492#wowslider-container1 .ws_bullets div{493 position:relative;494 float:left;495}496#wowslider-container1 .wsl{497 display:none;498}499#wowslider-container1 sound, 500#wowslider-container1 object{501 position:absolute;502}503 504 505#wowslider-container1 .ws_bullets { 506 padding: 5px; 507}508#wowslider-container1 .ws_bullets a { 509 font:12px/20px 'Istok Web',Arial,Helvetica,sans-serif; 510 color:#FFFFFF;511 text-align:center;512 margin-left:4px;513 width:20px;514 height:20px;515 background: url(./bullet.png) left top;516 float: left; 517 position:relative;518}519#wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover{520 background-position: 0 100%; 521 color:#000000;522}523#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {524 background-size: 200%;525 position:absolute;526 display:block;527 top:50%;528 margin-top:-18px;529 z-index:60;530 width: 26px; 531 height: 36px;532 background-image: url(./arrows.png);533}534#wowslider-container1 a.ws_next{535 background-position: 100% 0;536 right:0;537}538#wowslider-container1 a.ws_prev {539 left:0; 540 background-position: 0 0;541}542#wowslider-container1 a.ws_next:hover{543 background-position: 100% 100%;544}545#wowslider-container1 a.ws_prev:hover {546 background-position: 0 100%; 547}548 549/*playpause*/550#wowslider-container1 .ws_playpause {551 display:none;552 width: 21px;553 height: 36px;554 position: absolute;555 top: 50%;556 margin-top:-18px;557 left: 50%;558 z-index: 59;559}560 561#wowslider-container1:hover .ws_playpause {562 display:block;563}564 565#wowslider-container1 .ws_pause {566 background-size: 100% 200%;567 background-image: url(./pause.png);568}569 570#wowslider-container1 .ws_play {571 background-size: 100% 200%;572 background-image: url(./play.png);573}574 575#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {576 background-position: 100% 100% !important;577}/* bottom center */578#wowslider-container1 .ws_bullets {579 bottom: 0px;580 left:50%;581}582#wowslider-container1 .ws_bullets div{583 left:-50%;584}585#wowslider-container1 .ws-title{586 position: absolute;587 display:block; 588 top:5px;589 right: 0;590 margin-right:5px;591 z-index: 50;592 font-size:16px;593 line-height: 22px;594 padding:6px;595 color: #32416c;596 text-transform:none;597 background:#fff;598 font-family: 'Istok Web',Arial,Helvetica,sans-serif;599 border-radius:0 2px 2px 0; 600 -moz-border-radius:0 2px 2px 0;601 -webkit-border-radius:0 2px 2px 0;602 opacity:0.8;603 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); 604}605#wowslider-container1 .ws-title div{606 padding-top:8px;607 font-size: 16px;608}609#wowslider-container1 .ws_images ul{610 animation: wsBasic 20s infinite;611 -moz-animation: wsBasic 20s infinite;612 -webkit-animation: wsBasic 20s infinite;613}614@keyframes wsBasic{0%{left:-0%} 10%{left:-0%} 20%{left:-100%} 30%{left:-100%} 40%{left:-200%} 50%{left:-200%} 60%{left:-300%} 70%{left:-300%} 80%{left:-400%} 90%{left:-400%} }615@-moz-keyframes wsBasic{0%{left:-0%} 10%{left:-0%} 20%{left:-100%} 30%{left:-100%} 40%{left:-200%} 50%{left:-200%} 60%{left:-300%} 70%{left:-300%} 80%{left:-400%} 90%{left:-400%} }616@-webkit-keyframes wsBasic{0%{left:-0%} 10%{left:-0%} 20%{left:-100%} 30%{left:-100%} 40%{left:-200%} 50%{left:-200%} 60%{left:-300%} 70%{left:-300%} 80%{left:-400%} 90%{left:-400%} }617 618#wowslider-container1 .ws_bullets a img{619 text-indent:0;620 display:block;621 bottom:25px;622 left:-56px;623 visibility:hidden;624 position:absolute;625 border: 3px solid #ffffff;626 max-width:none;627}628#wowslider-container1 .ws_bullets a:hover img{629 visibility:visible;630}631 632#wowslider-container1 .ws_bulframe div div{633 height:48px;634 overflow:visible;635 position:relative;636}637#wowslider-container1 .ws_bulframe div {638 left:0;639 overflow:hidden;640 position:relative;641 width:112px;642 background-color:#ffffff;643}644#wowslider-container1 .ws_bullets .ws_bulframe{645 display:none;646 bottom:30px;647 overflow:visible;648 position:absolute;649 cursor:pointer;650 border-radius:2px;651 -moz-border-radius:2px;652 -webkit-border-radius:2px;653 border: 3px solid #ffffff;654}655#wowslider-container1 .ws_bulframe span{656 display:block;657 position:absolute;658 bottom:-10px;659 margin-left:-1px;660 left:56px;661 background:url(./triangle.png);662 width:15px;663 height:8px;664}665 666 667/*668 669Responsive Mobile Menu v1.0670Plugin URI: responsivemobilemenu.com671 672Author: Sergio Vitov673Author URI: http://xmacros.com674 675License: CC BY 3.0 http://creativecommons.org/licenses/by/3.0/676 677*/678 679.rmm {680 display:block;681 position:relative;682 width:100%;683 padding:0px;684 margin:0 auto !important;685 text-align: center;686 line-height:19px !important;687}688.rmm * {689 -webkit-tap-highlight-color:transparent !important;690 font-family:Arial;691}692.rmm a {693 color:#fff;694 text-decoration:none;695}696.rmm .rmm-main-list, .rmm .rmm-main-list li {697 margin:0px;698 padding:0px;699}700.rmm ul {701 display:block;702 width:auto !important;703 margin:0 auto !important;704 overflow:hidden;705 list-style:none;706}707 708 709/* sublevel menu - in construction */710.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {711 display:none !important;712 height:0px !important;713 width:0px !important;714}715/* */716 717 718.rmm .rmm-main-list li {719 display:inline;720 padding:padding:0px;721 margin:0px !important;722}723.rmm-toggled {724 display:none;725 width:100%;726 position:relative;727 overflow:hidden;728 margin:0 auto !important;729}730.rmm-button:hover {731 cursor:pointer;732}733.rmm .rmm-toggled ul {734 display:none;735 margin:0px !important;736 padding:0px !important;737}738.rmm .rmm-toggled ul li {739 display:block;740 margin:0 auto !important;741}742 743 744 745 746/* GRAPHITE STYLE */747 748.rmm.graphite .rmm-main-list li a {749 display:inline-block;750 padding:8px 34px 8px 34px;751 margin:0px -3px 0px -3px;752 font-size:15px;753 text-shadow:1px 1px 1px #333333;754 font-weight:650;755 background-repeat:repeat-x;756}757.rmm.graphite .rmm-main-list li a:hover { color:#FFFFFF; background:#f6a50c;758 759}760.rmm.graphite .rmm-main-list li.active a{ color:#FFFFFF; background:#f6a50c;761 762}763 764.rmm.graphite .rmm-main-list li:last-child a {765 -webkit-border-top-right-radius: 6px;766-webkit-border-bottom-right-radius: 6px;767-moz-border-radius-topright: 6px;768-moz-border-radius-bottomright: 6px;769border-top-right-radius: 0px;770border-bottom-right-radius:0px;771}772.rmm.graphite .rmm-toggled {773 width:95%;774 775 min-height:36px;776 border-radius:6px;777}778.rmm.graphite .rmm-toggled-controls {779 display:block;780 height:36px;781 color:white;782 text-align:left;783 position:relative;784 785 background-repeat:repeat-x;786 border-radius:6px;787}788.rmm.graphite .rmm-toggled-title {789 position:relative;790 top:9px;791 left:15px;792 font-size:16px;793 color:white;794 text-shadow:1px 1px 1px black;795}796.rmm.graphite .rmm-button {797 display:block;798 position:absolute;799 right:15px;800 top:8px;801}802 803.rmm.graphite .rmm-button span {804 display:block;805 margin-top:4px;806 height:2px;807 background:white;808 width:24px;809}810.rmm.graphite .rmm-toggled ul li a {811 display:block;812 width:100%;813 text-align:center;814 padding:10px 0px 10px 0px;815 border-bottom:1px solid #fec656;816 border-top:1px solid #fec656;817 text-shadow:1px 1px 1px #333333;818}819.rmm.graphite .rmm-toggled ul li a:active {820 821 border-bottom:1px solid #444444;822 border-top:1px solid #444444;823}824 825 826 827/* SAPPHIRE STYLE */828 829.rmm.sapphire .rmm-main-list li a {830 display:inline-block;831 padding:8px 30px 8px 30px;832 margin:0px -3px 0px -3px;833 font-size:15px;834 text-shadow:1px 1px 1px #3e587b;835 836 border-left:1px solid #3e587b;837 838 background-repeat:repeat-x;839}840.rmm.sapphire .rmm-main-list li a:hover {841 background:#fff;842}843.rmm.sapphire .rmm-main-list li:first-child a {844-webkit-border-top-left-radius: 5px;845-webkit-border-bottom-left-radius: 5px;846-moz-border-radius-topleft: 5px;847-moz-border-radius-bottomleft: 5px;848border-top-left-radius: 5px;849border-bottom-left-radius: 5px;850}851.rmm.sapphire .rmm-main-list li:last-child a {852 -webkit-border-top-right-radius: 5px;853-webkit-border-bottom-right-radius: 5px;854-moz-border-radius-topright: 5px;855-moz-border-radius-bottomright: 5px;856border-top-right-radius: 5px;857border-bottom-right-radius: 5px;858}859.rmm.sapphire .rmm-toggled {860 width:95%;861 862 min-height:36px;863 border-radius:6px;864}865.rmm.sapphire .rmm-toggled-controls {866 display:block;867 height:36px;868 color:white;869 text-align:left;870 position:relative;871 872 background-repeat:repeat-x;873 border-radius:5px;874}875.rmm.sapphire .rmm-toggled-title {876 position:relative;877 top:9px;878 left:15px;879 font-size:16px;880 color:white;881 text-shadow:1px 1px 1px #3e587b;882}883.rmm.sapphire .rmm-button {884 display:block;885 position:absolute;886 right:9px;887 top:7px;888 width:20px;889 padding:0px 7px 0px 7px;890 border:1px solid #3e587b;891 border-radius:3px;892 893 background-position:top;894}895 896.rmm.sapphire .rmm-button span {897 display:block;898 margin:4px 0px 4px 0px;899 height:2px;900 background:white;901 width:20px;902}903.rmm.sapphire .rmm-toggled ul li a {904 display:block;905 width:100%;906 907 text-align:center;908 padding:10px 0px 10px 0px;909 border-bottom:1px solid #3c5779;910 border-top:1px solid #6883a6;911 text-shadow:1px 1px 1px #333333;912}913.rmm.sapphire .rmm-toggled ul li a:active {914 915 border-bottom:1px solid #3c5779;916 border-top:1px solid #3c5779;917}918.rmm.sapphire .rmm-toggled ul li:first-child a { 919 border-top:1px solid #3c5779 !important;920}921 922 923 924 925 926/* MINIMAL STYLE */927 928.rmm.minimal a {929 color:#333333;930}931.rmm.minimal a:hover {932 opacity:0.7;933}934.rmm.minimal .rmm-main-list li a {935 display:inline-block;936 padding:8px 30px 8px 30px;937 margin:0px -3px 0px -3px;938 font-size:15px;939}940.rmm.minimal .rmm-toggled {941 width:95%;942 min-height:36px;943}944.rmm.minimal .rmm-toggled-controls {945 display:block;946 height:36px;947 color:#333333;948 text-align:left;949 position:relative;950}951.rmm.minimal .rmm-toggled-title {952 position:relative;953 top:9px;954 left:9px;955 font-size:16px;956 color:#33333;957}958.rmm.minimal .rmm-button {959 display:block;960 position:absolute;961 right:9px;962 top:7px;963}964 965.rmm.minimal .rmm-button span {966 display:block;967 margin:4px 0px 4px 0px;968 height:2px;969 background:#333333;970 width:25px;971}972.rmm.minimal .rmm-toggled ul li a {973 display:block;974 width:100%;975 text-align:center;976 padding:10px 0px 10px 0px;977 border-bottom:1px solid #dedede;978 color:#333333;979}980.rmm.minimal .rmm-toggled ul li:first-child a {981 border-top:1px solid #dedede;982}983 984 985 986/*987* jQuery UI CSS Framework988* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)989* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.990*/991 992/* Layout helpers993----------------------------------*/994.ui-helper-hidden { display: none; }995.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }996.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }997.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }998.ui-helper-clearfix { display: inline-block; }999/* required comment for clearfix to work in Opera \*/1000* html .ui-helper-clearfix { height:1%; }1001.ui-helper-clearfix { display:block; }1002/* end clearfix */1003.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }1004 1005 1006/* Interaction Cues1007----------------------------------*/1008.ui-state-disabled { cursor: default !important; }1009 1010 1011/* Icons1012----------------------------------*/1013 1014/* states and images */1015.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }1016 1017 1018/* Misc visuals1019----------------------------------*/1020 1021/* Overlays */1022.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }1023 1024/*1025* jQuery UI CSS Framework1026* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)1027* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.1028* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=cc0000&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=15&borderColorHeader=e3a1a1&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=eeeeee&fcContent=333333&iconColorContent=cc0000&bgColorDefault=eeeeee&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=100&borderColorDefault=d8dcdf&fcDefault=004276&iconColorDefault=cc0000&bgColorHover=f6f6f6&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=100&borderColorHover=cdd5da&fcHover=111111&iconColorHover=cc0000&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=eeeeee&fcActive=cc0000&iconColorActive=cc0000&bgColorHighlight=fbf8ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcd3a1&fcHighlight=444444&iconColorHighlight=004276&bgColorError=f3d8d8&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=75&borderColorError=cc0000&fcError=2e2e2e&iconColorError=cc0000&bgColorOverlay=a6a6a6&bgTextureOverlay=09_dots_small.png&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=333333&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px1029*/1030 1031 1032/* Component containers1033----------------------------------*/1034.ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; }1035.ui-widget .ui-widget { font-size: 1em; }1036.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; }1037.ui-widget-content { border: 1px solid #eeeeee; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #333333; }1038.ui-widget-content a { color: #333333; }1039.ui-widget-header { border: 1px solid #e3a1a1; background: #cc0000 url(images/ui-bg_highlight-soft_15_cc0000_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }1040.ui-widget-header a { color: #ffffff; }1041 1042/* Interaction states1043----------------------------------*/1044.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d8dcdf; background: #eeeeee url(images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #004276; outline: none; }1045.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #004276; text-decoration: none; outline: none; }1046.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #cdd5da; background: #f6f6f6 url(images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #111111; outline: none; }1047.ui-state-hover a, .ui-state-hover a:hover { color: #111111; text-decoration: none; outline: none; }1048.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #eeeeee; background: #ffffff url(images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #cc0000; outline: none; }1049.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #cc0000; outline: none; text-decoration: none; }1050 1051/* Interaction Cues1052----------------------------------*/1053.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcd3a1; background: #fbf8ee url(images/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x; color: #444444; }1054.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #444444; }1055.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cc0000; background: #f3d8d8 url(images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat; color: #2e2e2e; }1056.ui-state-error a, .ui-widget-content .ui-state-error a { color: #2e2e2e; }1057.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #2e2e2e; }1058.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }1059.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }1060.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }1061 1062/* Icons1063----------------------------------*/1064 1065/* states and images */1066.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_cc0000_256x240.png); }1067.ui-widget-content .ui-icon {background-image: url(images/ui-icons_cc0000_256x240.png); }1068.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }1069.ui-state-default .ui-icon { background-image: url(images/ui-icons_cc0000_256x240.png); }1070.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_cc0000_256x240.png); }1071.ui-state-active .ui-icon {background-image: url(images/ui-icons_cc0000_256x240.png); }1072.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_004276_256x240.png); }1073.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cc0000_256x240.png); }1074 1075/* positioning */1076.ui-icon-carat-1-n { background-position: 0 0; }1077.ui-icon-carat-1-ne { background-position: -16px 0; }1078.ui-icon-carat-1-e { background-position: -32px 0; }1079.ui-icon-carat-1-se { background-position: -48px 0; }1080.ui-icon-carat-1-s { background-position: -64px 0; }1081.ui-icon-carat-1-sw { background-position: -80px 0; }1082.ui-icon-carat-1-w { background-position: -96px 0; }1083.ui-icon-carat-1-nw { background-position: -112px 0; }1084.ui-icon-carat-2-n-s { background-position: -128px 0; }1085.ui-icon-carat-2-e-w { background-position: -144px 0; }1086.ui-icon-triangle-1-n { background-position: 0 -16px; }1087.ui-icon-triangle-1-ne { background-position: -16px -16px; }1088.ui-icon-triangle-1-e { background-position: -32px -16px; }1089.ui-icon-triangle-1-se { background-position: -48px -16px; }1090.ui-icon-triangle-1-s { background-position: -64px -16px; }1091.ui-icon-triangle-1-sw { background-position: -80px -16px; }1092.ui-icon-triangle-1-w { background-position: -96px -16px; }1093.ui-icon-triangle-1-nw { background-position: -112px -16px; }1094.ui-icon-triangle-2-n-s { background-position: -128px -16px; }1095.ui-icon-triangle-2-e-w { background-position: -144px -16px; }1096.ui-icon-arrow-1-n { background-position: 0 -32px; }1097.ui-icon-arrow-1-ne { background-position: -16px -32px; }1098.ui-icon-arrow-1-e { background-position: -32px -32px; }1099.ui-icon-arrow-1-se { background-position: -48px -32px; }1100.ui-icon-arrow-1-s { background-position: -64px -32px; }1101.ui-icon-arrow-1-sw { background-position: -80px -32px; }1102.ui-icon-arrow-1-w { background-position: -96px -32px; }1103.ui-icon-arrow-1-nw { background-position: -112px -32px; }1104.ui-icon-arrow-2-n-s { background-position: -128px -32px; }1105.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }1106.ui-icon-arrow-2-e-w { background-position: -160px -32px; }1107.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }1108.ui-icon-arrowstop-1-n { background-position: -192px -32px; }1109.ui-icon-arrowstop-1-e { background-position: -208px -32px; }1110.ui-icon-arrowstop-1-s { background-position: -224px -32px; }1111.ui-icon-arrowstop-1-w { background-position: -240px -32px; }1112.ui-icon-arrowthick-1-n { background-position: 0 -48px; }1113.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }1114.ui-icon-arrowthick-1-e { background-position: -32px -48px; }1115.ui-icon-arrowthick-1-se { background-position: -48px -48px; }1116.ui-icon-arrowthick-1-s { background-position: -64px -48px; }1117.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }1118.ui-icon-arrowthick-1-w { background-position: -96px -48px; }1119.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }1120.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }1121.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }1122.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }1123.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }1124.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }1125.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }1126.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }1127.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }1128.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }1129.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }1130.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }1131.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }1132.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }1133.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }1134.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }1135.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }1136.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }1137.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }1138.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }1139.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }1140.ui-icon-arrow-4 { background-position: 0 -80px; }1141.ui-icon-arrow-4-diag { background-position: -16px -80px; }1142.ui-icon-extlink { background-position: -32px -80px; }1143.ui-icon-newwin { background-position: -48px -80px; }1144.ui-icon-refresh { background-position: -64px -80px; }1145.ui-icon-shuffle { background-position: -80px -80px; }1146.ui-icon-transfer-e-w { background-position: -96px -80px; }1147.ui-icon-transferthick-e-w { background-position: -112px -80px; }1148.ui-icon-folder-collapsed { background-position: 0 -96px; }1149.ui-icon-folder-open { background-position: -16px -96px; }1150.ui-icon-document { background-position: -32px -96px; }1151.ui-icon-document-b { background-position: -48px -96px; }1152.ui-icon-note { background-position: -64px -96px; }1153.ui-icon-mail-closed { background-position: -80px -96px; }1154.ui-icon-mail-open { background-position: -96px -96px; }1155.ui-icon-suitcase { background-position: -112px -96px; }1156.ui-icon-comment { background-position: -128px -96px; }1157.ui-icon-person { background-position: -144px -96px; }1158.ui-icon-print { background-position: -160px -96px; }1159.ui-icon-trash { background-position: -176px -96px; }1160.ui-icon-locked { background-position: -192px -96px; }1161.ui-icon-unlocked { background-position: -208px -96px; }1162.ui-icon-bookmark { background-position: -224px -96px; }1163.ui-icon-tag { background-position: -240px -96px; }1164.ui-icon-home { background-position: 0 -112px; }1165.ui-icon-flag { background-position: -16px -112px; }1166.ui-icon-calendar { background-position: -32px -112px; }1167.ui-icon-cart { background-position: -48px -112px; }1168.ui-icon-pencil { background-position: -64px -112px; }1169.ui-icon-clock { background-position: -80px -112px; }1170.ui-icon-disk { background-position: -96px -112px; }1171.ui-icon-calculator { background-position: -112px -112px; }1172.ui-icon-zoomin { background-position: -128px -112px; }1173.ui-icon-zoomout { background-position: -144px -112px; }1174.ui-icon-search { background-position: -160px -112px; }1175.ui-icon-wrench { background-position: -176px -112px; }1176.ui-icon-gear { background-position: -192px -112px; }1177.ui-icon-heart { background-position: -208px -112px; }1178.ui-icon-star { background-position: -224px -112px; }1179.ui-icon-link { background-position: -240px -112px; }1180.ui-icon-cancel { background-position: 0 -128px; }1181.ui-icon-plus { background-position: -16px -128px; }1182.ui-icon-plusthick { background-position: -32px -128px; }1183.ui-icon-minus { background-position: -48px -128px; }1184.ui-icon-minusthick { background-position: -64px -128px; }1185.ui-icon-close { background-position: -80px -128px; }1186.ui-icon-closethick { background-position: -96px -128px; }1187.ui-icon-key { background-position: -112px -128px; }1188.ui-icon-lightbulb { background-position: -128px -128px; }1189.ui-icon-scissors { background-position: -144px -128px; }1190.ui-icon-clipboard { background-position: -160px -128px; }1191.ui-icon-copy { background-position: -176px -128px; }1192.ui-icon-contact { background-position: -192px -128px; }1193.ui-icon-image { background-position: -208px -128px; }1194.ui-icon-video { background-position: -224px -128px; }1195.ui-icon-script { background-position: -240px -128px; }1196.ui-icon-alert { background-position: 0 -144px; }1197.ui-icon-info { background-position: -16px -144px; }1198.ui-icon-notice { background-position: -32px -144px; }1199.ui-icon-help { background-position: -48px -144px; }1200.ui-icon-check { background-position: -64px -144px; }