Results of the CSS crunched for www.touchopolis.com

Let's see what we've done for www.touchopolis.com

CSSCruncher.com has crunched this CSS to
10.93 %Less Size! Nice!

BUT UHH OHH! We found some errors in your CSS code!

Error on Line 5:
  Property -webkit-text-size-adjust doesn't exist
  Class:     body
  Property:  -webkit-text-size-adjust
  Value:     none

Error on Line 8:
  Property -webkit-background-size doesn't exist
  Class:     body
  Property:  -webkit-background-size
  Value:     0.438em 100%

Error on Line 10:
  Property -webkit-touch-callout doesn't exist
  Class:     body
  Property:  -webkit-touch-callout
  Value:     none

Error on Line 23:
  Property max-width doesn't exist for media screen
  Class:     Line : 23 in property : max-width
  Property:  max-width
  Value:     320px

Error on Line 64:
  Property min-width doesn't exist for media screen
  Class:     Line : 64 in property : min-width
  Property:  min-width
  Value:     321px

Error on Line 122:
  Property text-overflow doesn't exist
  Class:     #title
  Property:  text-overflow
  Value:     ellipsis

Error on Line 126:
  Property text-shadow doesn't exist
  Class:     #title
  Property:  text-shadow
  Value:     rgba(0,0,0,0.6) 0 -1px 0

Error on Line 146:
  Property text-shadow doesn't exist
  Class:     .ipodlist #footer, .ipodlist #footer a
  Property:  text-shadow
  Value:     #fff 0 -1px 0

Error on Line 152:
  Property text-shadow doesn't exist
  Class:     #footer a, #footer
  Property:  text-shadow
  Value:     #fff 0 1px 0

Error on Line 155:
  Property -webkit-border-radius doesn't exist
  Class:     .pageitem
  Property:  -webkit-border-radius
  Value:     8px

Error on Line 182:
  Property -webkit-border-image doesn't exist
  Class:     .searchbox form
  Property:  -webkit-border-image
  Value:     url('../images/searchfield.png') 4 14 1 24

Error on Line 196:
  Property -webkit-appearance doesn't exist
  Class:     .searchbox input[type="text"]
  Property:  -webkit-appearance
  Value:     none

Error on Line 240:
  Property -webkit-border-top-left-radius doesn't exist
  Class:     .pageitem li:first-child:hover, .pageitem li:first-child a, .radiobutton:first-child input, .select:first-child select, li.button:first-child input, .bigfield:first-child input
  Property:  -webkit-border-top-left-radius
  Value:     8px

Error on Line 241:
  Property -webkit-border-top-right-radius doesn't exist
  Class:     .pageitem li:first-child:hover, .pageitem li:first-child a, .radiobutton:first-child input, .select:first-child select, li.button:first-child input, .bigfield:first-child input
  Property:  -webkit-border-top-right-radius
  Value:     8px

Error on Line Line : 243:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 243
  Property:  243
  Value:     last-child

Error on Line Line : 243:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 243
  Property:  243
  Value:     last-child

Error on Line Line : 243:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 243
  Property:  243
  Value:     last-child

Error on Line Line : 243:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 243
  Property:  243
  Value:     last-child

Error on Line Line : 243:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 243
  Property:  243
  Value:     last-child

Error on Line Line : 243:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 243
  Property:  243
  Value:     last-child

Error on Line 244:
  Property -webkit-border-bottom-left-radius doesn't exist
  Class:     .pageitem li:hover, .pageitem li a, .radiobutton input, .select select, li.button input, .bigfield input
  Property:  -webkit-border-bottom-left-radius
  Value:     8px

Error on Line 245:
  Property -webkit-border-bottom-right-radius doesn't exist
  Class:     .pageitem li:hover, .pageitem li a, .radiobutton input, .select select, li.button input, .bigfield input
  Property:  -webkit-border-bottom-right-radius
  Value:     8px

Error on Line Line : 247:
  Unknown pseudo-element or pseudo-class %s
  Class:     Line : 247
  Property:  247
  Value:     Unknown pseudo-element or pseudo-class %s

Error on Line Line : 247:
  Unknown pseudo-element or pseudo-class %s
  Class:     Line : 247
  Property:  247
  Value:     Unknown pseudo-element or pseudo-class %s

Error on Line Line : 250:
  Unknown pseudo-element or pseudo-class %s
  Class:     Line : 250
  Property:  250
  Value:     Unknown pseudo-element or pseudo-class %s

Error on Line Line : 250:
  Unknown pseudo-element or pseudo-class %s
  Class:     Line : 250
  Property:  250
  Value:     Unknown pseudo-element or pseudo-class %s

Error on Line 275:
  Property text-overflow doesn't exist
  Class:     .menu .name, .radiobutton .name
  Property:  text-overflow
  Value:     ellipsis

Error on Line 284:
  Property text-overflow doesn't exist
  Class:     .menu .comment
  Property:  text-overflow
  Value:     ellipsis

Error on Line 307:
  Property text-shadow doesn't exist
  Class:     .graytitle
  Property:  text-shadow
  Value:     #fff 0 1px 0

Error on Line 325:
  Property text-shadow doesn't exist
  Class:     .list .title
  Property:  text-shadow
  Value:     gray 0 1px 0

Error on Line 363:
  Property text-overflow doesn't exist
  Class:     .list #content li a .name
  Property:  text-overflow
  Value:     ellipsis

Error on Line 390:
  Property text-overflow doesn't exist
  Class:     .list .withimage .name
  Property:  text-overflow
  Value:     ellipsis

Error on Line 414:
  Property text-shadow doesn't exist
  Class:     #leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a
  Property:  text-shadow
  Value:     rgba(0,0,0,0.6) 0 -1px 0

Error on Line 418:
  Property -webkit-border-image doesn't exist
  Class:     .black #leftnav a:first-child, .transparent #leftnav a:first-child
  Property:  -webkit-border-image
  Value:     url("../images/navleftblack.png") 0 5 0 13

Error on Line 421:
  Property -webkit-border-image doesn't exist
  Class:     .black #leftnav a, .transparent #leftnav a
  Property:  -webkit-border-image
  Value:     url("../images/navlinkleftblack.png") 0 5 0 13

Error on Line 424:
  Property -webkit-border-image doesn't exist
  Class:     .black #rightnav a:first-child, .transparent #rightnav a:first-child
  Property:  -webkit-border-image
  Value:     url("../images/navrightblack.png") 0 13 0 5

Error on Line 427:
  Property -webkit-border-image doesn't exist
  Class:     .black #rightnav a, .transparent #rightnav a
  Property:  -webkit-border-image
  Value:     url("../images/navlinkrightblack.png") 0 13 0 5

Error on Line 430:
  Property -webkit-border-image doesn't exist
  Class:     .black #leftbutton a, .black #rightbutton a, .transparent #leftbutton a, .transparent #rightbutton a
  Property:  -webkit-border-image
  Value:     url("../images/navbuttonblack.png") 0 5 0 5

Error on Line 434:
  Property -webkit-border-image doesn't exist
  Class:     #leftnav a:first-child
  Property:  -webkit-border-image
  Value:     url("../images/navleft.png") 0 5 0 13

Error on Line 436:
  Property -webkit-border-top-left-radius doesn't exist
  Class:     #leftnav a:first-child
  Property:  -webkit-border-top-left-radius
  Value:     16px

Error on Line 437:
  Property -webkit-border-bottom-left-radius doesn't exist
  Class:     #leftnav a:first-child
  Property:  -webkit-border-bottom-left-radius
  Value:     16px

Error on Line 438:
  Property -webkit-border-top-right-radius doesn't exist
  Class:     #leftnav a:first-child
  Property:  -webkit-border-top-right-radius
  Value:     6px

Error on Line 439:
  Property -webkit-border-bottom-right-radius doesn't exist
  Class:     #leftnav a:first-child
  Property:  -webkit-border-bottom-right-radius
  Value:     6px

Error on Line 443:
  Property -webkit-border-image doesn't exist
  Class:     #leftnav a
  Property:  -webkit-border-image
  Value:     url("../images/navlinkleft.png") 0 5 0 13

Error on Line 448:
  Property -webkit-border-top-left-radius doesn't exist
  Class:     #leftnav a
  Property:  -webkit-border-top-left-radius
  Value:     16px

Error on Line 449:
  Property -webkit-border-bottom-left-radius doesn't exist
  Class:     #leftnav a
  Property:  -webkit-border-bottom-left-radius
  Value:     16px

Error on Line 450:
  Property -webkit-border-top-right-radius doesn't exist
  Class:     #leftnav a
  Property:  -webkit-border-top-right-radius
  Value:     6px

Error on Line 451:
  Property -webkit-border-bottom-right-radius doesn't exist
  Class:     #leftnav a
  Property:  -webkit-border-bottom-right-radius
  Value:     6px

Error on Line 461:
  Property -webkit-border-image doesn't exist
  Class:     #rightnav a
  Property:  -webkit-border-image
  Value:     url("../images/navlinkright.png") 0 13 0 5

Error on Line 466:
  Property -webkit-border-top-left-radius doesn't exist
  Class:     #rightnav a
  Property:  -webkit-border-top-left-radius
  Value:     6px

Error on Line 467:
  Property -webkit-border-bottom-left-radius doesn't exist
  Class:     #rightnav a
  Property:  -webkit-border-bottom-left-radius
  Value:     6px

Error on Line 469:
  Property -webkit-border-top-right-radius doesn't exist
  Class:     #rightnav a
  Property:  -webkit-border-top-right-radius
  Value:     16px

Error on Line 470:
  Property -webkit-border-bottom-right-radius doesn't exist
  Class:     #rightnav a
  Property:  -webkit-border-bottom-right-radius
  Value:     16px

Error on Line 474:
  Property -webkit-border-top-left-radius doesn't exist
  Class:     #rightnav a:first-child
  Property:  -webkit-border-top-left-radius
  Value:     6px

Error on Line 475:
  Property -webkit-border-bottom-left-radius doesn't exist
  Class:     #rightnav a:first-child
  Property:  -webkit-border-bottom-left-radius
  Value:     6px

Error on Line 476:
  Property -webkit-border-image doesn't exist
  Class:     #rightnav a:first-child
  Property:  -webkit-border-image
  Value:     url("../images/navright.png") 0 13 0 5

Error on Line 478:
  Property -webkit-border-top-right-radius doesn't exist
  Class:     #rightnav a:first-child
  Property:  -webkit-border-top-right-radius
  Value:     16px

Error on Line 479:
  Property -webkit-border-bottom-right-radius doesn't exist
  Class:     #rightnav a:first-child
  Property:  -webkit-border-bottom-right-radius
  Value:     16px

Error on Line 482:
  Property -webkit-border-image doesn't exist
  Class:     #leftbutton a, #rightbutton a
  Property:  -webkit-border-image
  Value:     url("../images/navbutton.png") 0 5 0 5

Error on Line 484:
  Property -webkit-border-radius doesn't exist
  Class:     #leftbutton a, #rightbutton a
  Property:  -webkit-border-radius
  Value:     6px

Error on Line 487:
  Property -webkit-appearance doesn't exist
  Class:     input[type="radio"]
  Property:  -webkit-appearance
  Value:     none

Error on Line 495:
  Property -webkit-border-radius doesn't exist
  Class:     input[type="radio"]
  Property:  -webkit-border-radius
  Value:     0

Error on Line Line : 497:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 497
  Property:  497
  Value:     checked

Error on Line 505:
  Property -webkit-appearance doesn't exist
  Class:     select
  Property:  -webkit-appearance
  Value:     none

Error on Line 511:
  Property -webkit-border-radius doesn't exist
  Class:     .select select
  Property:  -webkit-border-radius
  Value:     0

Error on Line 524:
  Property -webkit-transform doesn't exist
  Class:     .select .arrow
  Property:  -webkit-transform
  Value:     rotate(90deg)

Error on Line 532:
  Property -webkit-appearance doesn't exist
  Class:     .button input
  Property:  -webkit-appearance
  Value:     none

Error on Line 534:
  Property -webkit-border-radius doesn't exist
  Class:     .button input
  Property:  -webkit-border-radius
  Value:     0

Error on Line 537:
  Property text-overflow doesn't exist
  Class:     .button input
  Property:  text-overflow
  Value:     ellipsis

Error on Line 548:
  Property -webkit-appearance doesn't exist
  Class:     .bigfield input
  Property:  -webkit-appearance
  Value:     none

Error on Line 552:
  Property -webkit-border-radius doesn't exist
  Class:     .bigfield input
  Property:  -webkit-border-radius
  Value:     0

Error on Line 563:
  Property text-overflow doesn't exist
  Class:     .smallfield .name
  Property:  text-overflow
  Value:     ellipsis

Error on Line 576:
  Property -webkit-appearance doesn't exist
  Class:     .smallfield input
  Property:  -webkit-appearance
  Value:     none

Error on Line 580:
  Property -webkit-border-radius doesn't exist
  Class:     .smallfield input
  Property:  -webkit-border-radius
  Value:     0

Error on Line 585:
  Property -webkit-border-top-right-radius doesn't exist
  Class:     .smallfield:first-child input
  Property:  -webkit-border-top-right-radius
  Value:     8px

Error on Line Line : 587:
  Unknown pseudo-element or pseudo-class
  Class:     Line : 587
  Property:  587
  Value:     last-child

Error on Line 588:
  Property -webkit-border-bottom-right-radius doesn't exist
  Class:     .smallfield input
  Property:  -webkit-border-bottom-right-radius
  Value:     8px

Error on Line 624:
  Property -webkit-border-radius doesn't exist
  Class:     .pageitem1
  Property:  -webkit-border-radius
  Value:     8px

Error on Line 635:
  
  Class:     [empty string]
  Property:  
  Value:

Crunched CSS code:

body{position:relative;margin:0;-webkit-text-size-adjust:none;min-height:416px;font-family:helvetica,sans-serif;-webkit-background-size:0.438em 100%;background:-webkit-gradient(linear,left top,right top,from(#c5ccd4),color-stop(71%,#c5ccd4),color-stop(72%,#cbd2d8),to(#cbd2d8));-webkit-touch-callout:none}
.center{margin:auto;display:block;text-align:center!important}
img{border:0}
a:hover .arrow{background-position:0 -13px!important}
@media screen and (max-width:320px){#topbar{height:44px}
#title{line-height:44px;height:44px;font-size:16pt}
.searchbox form{width:272px}
.searchbox input[type="text"]{width:275px}
.menu .name{max-width:77%}.radiobutton .name{max-width:190px}
#leftnav a,#rightnav a,#leftbutton a,#rightbutton a{line-height:30px;height:30px}
#leftnav img,#rightnav img{margin-top:4px}
#leftnav,#leftbutton{top:7px}
#rightnav,#rightbutton{top:7px}
.textbox textarea{width:280px}
.bigfield input{width:295px}}
@media screen and (min-width:321px){#topbar{height:32px}
#title{line-height:32px;height:32px;font-size:13pt}
.menu .name{max-width:85%}.radiobutton .name{max-width:75%}
#leftnav a,#rightnav a,#leftbutton a,#rightbutton a{line-height:24px;height:24px}
#leftnav img,#rightnav img{margin-top:4px;height:70%}
#leftnav,#leftbutton{top:4px}
#rightnav,#rightbutton{top:4px}
.textbox textarea{width:440px}
.searchbox form{width:432px}
.searchbox input[type="text"]{width:435px}
.bigfield input{width:455px}}
#topbar{position:relative;left:0;top:0;width:auto;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#cdd5df),color-stop(3%,#b0bccd),color-stop(50%,#889bb3),color-stop(51%,#8195af),color-stop(97%,#6d84a2),to(#2d3642));margin-bottom:13px}
#title{position:absolute;font-weight:bold;top:0;left:0;right:0;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#FFF;text-shadow:rgba(0,0,0,0.6) 0 -1px 0}
#content{width:100%;position:relative;min-height:250px;margin-top:10px;height:auto;z-index:0;overflow:hidden}
#footer{text-align:center;position:relative;margin:20px 10px 0;height:auto;width:auto;bottom:10px}
.ipodlist #footer,.ipodlist #footer a{text-shadow:#FFF 0 -1px 0}
#footer a,#footer{text-decoration:none;font-size:9pt;color:#4C4C4C;text-shadow:#FFF 0 1px 0}
.pageitem{-webkit-border-radius:8px;background-color:#fff;border:#878787 solid 1px;font-size:12pt;overflow:hidden;padding:0;position:relative;display:block;height:auto;width:auto;margin:3px 9px 17px;list-style:none}
.textbox{padding:5px 9px;position:relative;overflow:hidden;border-top:1px solid #878787}
.searchbox{height:44px;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f1f3f4),color-stop(3%,#e0e4e7),color-stop(50%,#c7cfd4),color-stop(51%,#bec7cd),color-stop(97%,#b4bec6),to(#8999a5));margin:-13px 0 13px 0;width:100%}
.searchbox form{height:24px;-webkit-border-image:url('../images/searchfield.png') 4 14 1 24;border-width:4px 14px 1px 24px;display:block;position:relative;top:8px;margin:auto}
fieldset{border:0;margin:0;padding:0}
.searchbox input[type="text"]{border:0;-webkit-appearance:none;height:18px;float:left;font-size:13px;padding:0;position:relative;top:2px;left:2px}
.textbox img{max-width:100%}
.textbox p{margin-top:2px}
.textbox p{margin-top:2px;color:#000;margin-bottom:2px;text-align:justify}
.textbox img{max-width:100%}
.textbox ul{margin:3px 0 3px 0;list-style:circle!important}
.textbox li{margin:0!important}
.pageitem li:first-child,.pageitem li.form:first-child{border-top:0}
.menu,.radiobutton,.select,li.button,li.bigfield,li.smallfield{position:relative;list-style-type:none;display:block;height:43px;overflow:hidden;border-top:1px solid #878787;width:auto}
.pageitem li:first-child:hover,.pageitem li:first-child a,.radiobutton:first-child input,.select:first-child select,li.button:first-child input,.bigfield:first-child input{-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px}
.pageitem li:last-child:hover,.pageitem li:last-child a,.radiobutton:last-child input,.select:last-child select,li.button:last-child input,.bigfield:last-child input{-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px}
.menu:hover,.store:hover,.list #content li a:hover,.list .withimage:hover,.applist li:hover:nth-child(n),.ipodlist li:hover:nth-child(n){background:-webkit-gradient(linear,0% 0%,0% 100%,from(#058cf5),to(#015fe6))}
.ipodlist li:hover:nth-child(n) .name,.ipodlist li:hover:nth-child(n) .time{border:0}
.menu a:hover .name,.store:hover .starcomment,.store:hover .name,.store:hover .comment,.list .withimage a:hover .comment{color:#fff}
.menu a:hover .comment{color:#CCF}
.menu a{display:block;height:43px;width:auto;text-decoration:none}
.menu a img{width:auto;height:32px;margin:5px 0 0 5px;float:left}
.menu .name,.radiobutton .name{margin:11px 0 0 7px;width:auto;color:#000;font-weight:bold;font-size:17px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;float:left}
.menu .comment{margin:11px 30px 0 0;width:auto;font-size:17px;text-overflow:ellipsis;overflow:hidden;max-width:75%;white-space:nowrap;float:right;color:#324f85}
.menu .arrow,.store .arrow,.musiclist .arrow,.list .arrow{position:absolute;width:8px!important;height:13px!important;right:10px;top:15px;margin:0!important;background:url("../images/arrow.png") 0 0 no-repeat}
.graytitle{position:relative;font-weight:bold;font-size:17px;right:20px;left:9px;color:#4C4C4C;text-shadow:#FFF 0 1px 0;padding:1px 0 3px 8px}
.header{display:block;font-weight:bold;color:rgb(73,102,145);font-size:12pt;margin-bottom:6px;line-height:14pt}
.list .title{background:-webkit-gradient(linear,0% 0%,0% 100%,from(#a5b1ba),color-stop(3%,#909faa),color-stop(97%,#b5bfc6),to(#989ea4));height:22px!important;width:100%;color:#fff;font-weight:bold;font-size:16px;text-shadow:gray 0 1px 0;line-height:22px;padding-left:20px;border-bottom:none!important}
.list ul{background-color:#fff;width:100%;overflow:hidden;padding:0;margin:0}
.list #content li{height:40px;border-bottom:1px solid #e1e1e1;list-style:none}
.list{background-color:#fff;background-image:none!important}
.list #footer{margin-top:24px!important}
.ipodlist #footer{margin-top:48px!important}
.list #content li a{padding:9px 0 0 20px;font-size:large;font-weight:bold;position:relative;display:block;color:#000;text-decoration:none;height:32px}
.list #content li a .name{text-overflow:ellipsis;overflow:hidden;max-width:93%;white-space:nowrap;display:block}
.list #content li a:hover{color:#fff}
.list #content{margin-top:-13px!important}
.ipodlist #content,.musiclist #content,.applist #content{margin-top:-29px!important}
.list ul img{width:90px;height:90px;position:absolute;left:0;top:0}
.list .withimage{height:90px!important}
.list .withimage .name{margin:13px 0 0 90px;text-overflow:ellipsis;overflow:hidden;max-width:63%!important;white-space:nowrap}
.list .withimage .comment{margin:10px auto auto 90px !important;max-width:63%!important}
.list .withimage a,.list .withimage:hover a{height:81px!important}
#leftnav,#leftbutton,#blueleftbutton{position:absolute;font-size:12px;left:9px;font-weight:bold}
#leftnav,#leftbutton,#rightnav,#rightbutton,#blueleftbutton,#bluerightbutton{z-index:5000}
#leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{display:block;color:#fff;text-shadow:rgba(0,0,0,0.6) 0 -1px 0;text-decoration:none}
.black #leftnav a:first-child,.transparent #leftnav a:first-child{-webkit-border-image:url("../images/navleftblack.png") 0 5 0 13}
.black #leftnav a,.transparent #leftnav a{-webkit-border-image:url("../images/navlinkleftblack.png") 0 5 0 13}
.black #rightnav a:first-child,.transparent #rightnav a:first-child{-webkit-border-image:url("../images/navrightblack.png") 0 13 0 5}
.black #rightnav a,.transparent #rightnav a{-webkit-border-image:url("../images/navlinkrightblack.png") 0 13 0 5}
.black #leftbutton a,.black #rightbutton a,.transparent #leftbutton a,.transparent #rightbutton a{-webkit-border-image:url("../images/navbuttonblack.png") 0 5 0 5}
#leftnav a:first-child{z-index:2;-webkit-border-image:url("../images/navleft.png") 0 5 0 13;border-width:0 5px 0 13px;-webkit-border-top-left-radius:16px;-webkit-border-bottom-left-radius:16px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;width:auto}
#leftnav a{-webkit-border-image:url("../images/navlinkleft.png") 0 5 0 13;z-index:3;margin-left:-4px;border-width:0 5px 0 13px;padding-right:4px;-webkit-border-top-left-radius:16px;-webkit-border-bottom-left-radius:16px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;float:left}
#rightnav,#rightbutton,#bluerightbutton{position:absolute;font-size:12px;right:9px;font-weight:bold}
#rightnav a{-webkit-border-image:url("../images/navlinkright.png") 0 13 0 5;z-index:3;margin-right:-4px;border-width:0 13px 0 5px;padding-left:4px;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;float:right;-webkit-border-top-right-radius:16px;-webkit-border-bottom-right-radius:16px}
#rightnav a:first-child{z-index:2;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-image:url("../images/navright.png") 0 13 0 5;border-width:0 13px 0 5px;-webkit-border-top-right-radius:16px;-webkit-border-bottom-right-radius:16px}
#leftbutton a,#rightbutton a{-webkit-border-image:url("../images/navbutton.png") 0 5 0 5;border-width:0 5px;-webkit-border-radius:6px}
input[type="radio"]{-webkit-appearance:none;border:0;width:100%;height:100%;z-index:2;position:absolute;left:0;margin:0;-webkit-border-radius:0}
input[type="radio"]:checked{background:url('../images/radiobutton.png') no-repeat;background-position:right center}
.radiobutton .name{z-index:1}
select{-webkit-appearance:none;height:100%;width:100%;border:0}
.select select{-webkit-border-radius:0;color:#000;font-weight:bold;font-size:17px}
.select option{max-width:90%}
.select .arrow{background:url('../images/arrow.png');width:8px;height:13px;display:block;-webkit-transform:rotate(90deg);position:absolute;right:10px;top:18px}
.button input{width:100%;height:100%;-webkit-appearance:none;border:0;-webkit-border-radius:0;font-weight:bold;font-size:17px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:none}
.textbox textarea{padding:0;margin-top:5px;font-size:medium}
.bigfield input{-webkit-appearance:none;border:0;height:100%;padding:0;-webkit-border-radius:0;background:transparent;font-weight:bold;font-size:17px;padding-left:5px}
.smallfield .name{width:48%;position:absolute;left:0;font-size:17px;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;line-height:44px;font-size:17px;padding-left:5px;overflow:hidden}
.smallfield input{width:50%;position:absolute;right:0;height:44px;-webkit-appearance:none;border:none;padding:0;background:transparent;-webkit-border-radius:0;font-weight:bold;font-size:17px}
.smallfield:first-child input{-webkit-border-top-right-radius:8px}
.smallfield:last-child input{-webkit-border-bottom-right-radius:8px}
body{width:100%;height:100%}
html{width:100%;height:100%}
#pano{text-align:left;font-size:10pt;color:#000000;margin:0;border:1px solid #000}
#jc{margin:10px 0 20px 0}
#mc{margin:20px 0 0 0}
#searchwell{font-size:11pt;margin:0 5px 0 10px}
#nosv{color:#999999;display:none;width:300px;text-align:center}
.m{margin:0;padding:0}
.m ul{margin:0;list-style:none;margin:0px;height:30px;padding:0}
.m ul li a,.m ul li a:active,.m ul li a:visited{float:left;margin:0;padding:0 5px 0 5px;color:#fff;font-size:13px;font-weight:bold;text-decoration:none;height:30px;line-height:30px;background-color:#7a97d8;display:inline;width:95px;border:1px solid #eee}
.m ul li a:hover,.m ul li a:active,.m ul li.mc a,.m ul li.mc a:active,.m ul li.mc a:visited,.m ul li.mc a:hover{color:white;background-color:#3a5798}
.n{margin:0;padding:0}
.n ul{margin:0;list-style:none;margin:0px;height:30px;padding:0}
.n ul li a,.n ul li a:active,.n ul li a:visited{float:left;margin:0;padding:0 5px 0 5px;color:#333;font-size:13px;font-weight:bold;text-decoration:none;height:30px;line-height:30px;background-color:#ddd;display:inline;width:95px;border:1px solid #eee}
.n ul li a:hover,.n ul li a:active,.n ul li.nc a,.n ul li.nc a:active,.n ul li.nc a:visited,.n ul li.nc a:hover{color:#333;background-color:#ccc}
#searchwell{width:320px}
#searchwell .unselected{padding-left:30px;padding-top:1px;margin-top:5px;background-image:url("/i/mm_20_yellow.png");background-repeat:no-repeat;background-position:top left}
.unselected .gs-watermark{display:none}
.unselected .gs-directions{display:none}
.unselected .gs-directions-to-from{display:none}
.unselected .select{cursor:pointer;text-decoration:underline;color:#7777cc}
#searchwell .red{background-image:url("/i/mm_20_red.png")}
.bc{color:#333333;clear:both;margin:5px}
.bc a:link,#bc a:visited{color:#333333;text-decoration:none}
.bc a:hover{color:#333333;text-decoration:underline}
.navpn{text-align:center;margin-bottom:10px;margin-top:10px}
.pn{display:inline;font-weight:bold}
.pnf{color:#999999;display:inline;font-weight:bold}
.list{border-bottom:1px solid #e0e0e0;margin:0 10px 0 -30px;padding:6px 0 6px 0;font-size:15px;list-style:none;color:#000000}
.list a{color:#000000;text-decoration:none}
.pageitem1{-webkit-border-radius:8px;background-color:#fff;border:#878787 solid 1px;font-size:12pt;overflow:hidden;padding:15px 5px 15px 5px;position:relative;display:block;height:auto;width:auto;margin:3px 9px 17px;list-style:none;

» Show original CSS code

« Hide original CSS code

/*iWebKit css 5.04 by Christopher Plieger*/
body {
	position: relative;
	margin: 0;
	-webkit-text-size-adjust: none;
	min-height: 416px;
	font-family: helvetica,sans-serif;
	-webkit-background-size:0.438em 100%; 
	background: -webkit-gradient(linear,left top,right top,from(#c5ccd4), color-stop(71%, #c5ccd4), color-stop(72%, #cbd2d8), to(#cbd2d8));
	-webkit-touch-callout: none;
}
.center {
	margin: auto;
	display: block;
	text-align: center!important;
}
img {
	border: 0;
}
a:hover .arrow {
	background-position: 0 -13px!important;
}
@media screen and (max-width: 320px)
{
#topbar {
	height: 44px;
}
#title {
	line-height: 44px;
	height: 44px;
	font-size: 16pt;
}
.searchbox form {
	width: 272px;
}
.searchbox input[type="text"] {
	width: 275px;
}
.menu .name {
	max-width: 77%;
}.radiobutton .name {
	max-width: 190px;
}
#leftnav a, #rightnav a, #leftbutton a, #rightbutton a {
	line-height: 30px;
	height: 30px;
}
#leftnav img, #rightnav img {
	margin-top: 4px;
}
#leftnav, #leftbutton {
	top: 7px;
}
#rightnav, #rightbutton {
	top: 7px;
}
.textbox textarea {
	width: 280px;
}
.bigfield input{
	width:295px
}
}
@media screen and (min-width: 321px)
{
#topbar {
	height: 32px;
}
#title {
	line-height: 32px;
	height: 32px;
	font-size: 13pt;
}
.menu .name {
	max-width: 85%;
}.radiobutton .name {
	max-width: 75%;
}
#leftnav a, #rightnav a, #leftbutton a, #rightbutton a {
	line-height: 24px;
	height: 24px;
}
#leftnav img, #rightnav img {
	margin-top: 4px;
	height: 70%;
}
#leftnav, #leftbutton {
	top: 4px;
}
#rightnav, #rightbutton {
	top: 4px;
}
.textbox textarea {
	width: 440px;
}
.searchbox form {
	width: 432px;
}
.searchbox input[type="text"] {
	width: 435px;
}
.bigfield input{
	width:455px
}
}
#topbar {
	position: relative;
	left: 0;
	top: 0;
	width: auto;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd5df), color-stop(3%, #b0bccd), color-stop(50%, #889bb3), color-stop(51%, #8195af), color-stop(97%, #6d84a2), to(#2d3642));
	margin-bottom: 13px;
}
#title {
	position: absolute;
	font-weight: bold;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 10px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #FFF;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
}
#content {
	width: 100%;
	position: relative;
	min-height: 250px;
	margin-top: 10px;
	height: auto;
	z-index: 0;
	overflow: hidden;
}
#footer {
	text-align: center;
	position: relative;
	margin: 20px 10px 0;
	height: auto;
	width: auto;
	bottom: 10px;
}
.ipodlist #footer, .ipodlist #footer a {
	text-shadow: #FFF 0 -1px 0;
}
#footer a, #footer {
	text-decoration: none;
	font-size: 9pt;
	color: #4C4C4C;
	text-shadow: #FFF 0 1px 0;
}
.pageitem {
	-webkit-border-radius: 8px;
	background-color: #fff;
	border: #878787 solid 1px;
	font-size: 12pt;
	overflow: hidden;
	padding: 0;
	position: relative;
	display: block;
	height: auto;
	width: auto;
	margin: 3px 9px 17px;
	list-style: none;
}
.textbox {
	padding: 5px 9px;
	position: relative;
	overflow: hidden;
	border-top: 1px solid #878787;
}
.searchbox {
	height: 44px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f3f4), color-stop(3%, #e0e4e7), color-stop(50%, #c7cfd4), color-stop(51%, #bec7cd), color-stop(97%, #b4bec6), to(#8999a5));
	margin: -13px 0 13px 0;
	width: 100%;
}
.searchbox form {
	height: 24px;
	-webkit-border-image: url('../images/searchfield.png') 4 14 1 24;
	border-width: 4px 14px 1px 24px;
	display: block;
	position: relative;
	top: 8px;
	margin: auto;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
.searchbox input[type="text"] {
	border: 0;
	-webkit-appearance: none;
	height: 18px;
	float: left;
	font-size: 13px;
	padding: 0;
	position: relative;
	top: 2px;
	left: 2px;
}
.textbox img {
	max-width: 100%;
}
.textbox p {
	margin-top: 2px;
}
.textbox p {
	margin-top: 2px;
	color: #000;
	margin-bottom: 2px;
	text-align: justify;
}
.textbox img {
	max-width: 100%;
}
.textbox ul {
	margin: 3px 0 3px 0;
	list-style: circle!important;
}
.textbox li {
	margin: 0!important;
}
.pageitem li:first-child, .pageitem li.form:first-child {
	border-top: 0;
}
.menu, .radiobutton, .select, li.button, li.bigfield, li.smallfield {
	position: relative;
	list-style-type: none;
	display: block;
	height: 43px;
	overflow: hidden;
	border-top: 1px solid #878787;
	width: auto;
}
.pageitem li:first-child:hover, .pageitem li:first-child a, .radiobutton:first-child input, .select:first-child select, li.button:first-child input, .bigfield:first-child input {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}
.pageitem li:last-child:hover, .pageitem li:last-child a, .radiobutton:last-child input, .select:last-child select, li.button:last-child input, .bigfield:last-child input {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}
.menu:hover, .store:hover, .list #content li a:hover, .list .withimage:hover, .applist li:hover:nth-child(n),.ipodlist li:hover:nth-child(n) {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#058cf5), to(#015fe6));
}
.ipodlist li:hover:nth-child(n) .name,.ipodlist li:hover:nth-child(n) .time{border:0}
.menu a:hover .name, .store:hover .starcomment, .store:hover .name, .store:hover .comment, .list .withimage a:hover .comment {
	color: #fff;
}
.menu a:hover .comment {
	color: #CCF;
}
.menu a {
	display: block;
	height: 43px;
	width: auto;
	text-decoration: none;
}
.menu a img {
	width: auto;
	height: 32px;
	margin: 5px 0 0 5px;
	float: left;
}
.menu .name, .radiobutton .name {
	margin: 11px 0 0 7px;
	width: auto;
	color: #000;
	font-weight: bold;
	font-size: 17px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	float: left;
}
.menu .comment {
	margin: 11px 30px 0 0;
	width: auto;
	font-size: 17px;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 75%;
	white-space: nowrap;
	float: right;
	color: #324f85;
}
.menu .arrow, .store .arrow, .musiclist .arrow, .list .arrow {
	position: absolute;
	width: 8px!important;
	height: 13px!important;
	right: 10px;
	top: 15px;
	margin: 0!important;
	background: url("../images/arrow.png") 0 0 no-repeat;
}
.graytitle {
	position: relative;
	font-weight: bold;
	font-size: 17px;
	right: 20px;
	left: 9px;
	color: #4C4C4C;
	text-shadow: #FFF 0 1px 0;
	padding: 1px 0 3px 8px;
}
.header {
	display: block;
	font-weight: bold;
	color: rgb(73,102,145);
	font-size: 12pt;
	margin-bottom: 6px;
	line-height: 14pt;
}
.list .title {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b1ba), color-stop(3%, #909faa), color-stop(97%, #b5bfc6), to(#989ea4));
	height: 22px!important;
	width: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-shadow: gray 0 1px 0;
	line-height: 22px;
	padding-left: 20px;
	border-bottom: none!important;
}
.list ul {
	background-color: #fff;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.list #content li {
	height: 40px;
	border-bottom: 1px solid #e1e1e1;
	list-style: none;
}
.list {
	background-color: #fff;
	background-image: none!important;
}
.list #footer {
	margin-top: 24px!important;
}
.ipodlist #footer {
	margin-top: 48px!important;
}
.list #content li a {
	padding: 9px 0 0 20px;
	font-size: large;
	font-weight: bold;
	position: relative;
	display: block;
	color: #000;
	text-decoration: none;
	height: 32px;
}
.list #content li a .name {
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 93%;
	white-space: nowrap;
	display: block;
}
.list #content li a:hover {
	color: #fff;
}
.list #content {
	margin-top: -13px!important;
}
.ipodlist #content, .musiclist #content, .applist #content {
	margin-top: -29px!important;
}
.list ul img {
	width: 90px;
	height: 90px;
	position: absolute;
	left: 0;
	top: 0;
}
.list .withimage {
	height: 90px!important;
}
.list .withimage .name {
	margin: 13px 0 0 90px;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 63%!important;
	white-space: nowrap;
}
.list .withimage .comment {
	margin: 10px auto auto 90px !important;
	max-width: 63%!important;
}
.list .withimage a, .list .withimage:hover a {
	height: 81px!important;
}
#leftnav, #leftbutton, #blueleftbutton {
	position: absolute;
	font-size: 12px;
	left: 9px;
	font-weight: bold;
}
#leftnav, #leftbutton, #rightnav, #rightbutton, #blueleftbutton, #bluerightbutton {
	z-index: 5000;
}
#leftnav a, #rightnav a, #leftbutton a, #rightbutton a, #blueleftbutton a, #bluerightbutton a {
	display: block;
	color: #fff;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
	text-decoration: none;
}
.black #leftnav a:first-child, .transparent #leftnav a:first-child {
	-webkit-border-image: url("../images/navleftblack.png") 0 5 0 13;
}
.black #leftnav a, .transparent #leftnav a {
	-webkit-border-image: url("../images/navlinkleftblack.png") 0 5 0 13;
}
.black #rightnav a:first-child, .transparent #rightnav a:first-child {
	-webkit-border-image: url("../images/navrightblack.png") 0 13 0 5;
}
.black #rightnav a, .transparent #rightnav a {
	-webkit-border-image: url("../images/navlinkrightblack.png") 0 13 0 5;
}
.black #leftbutton a, .black #rightbutton a, .transparent #leftbutton a, .transparent #rightbutton a {
	-webkit-border-image: url("../images/navbuttonblack.png") 0 5 0 5;
}
#leftnav a:first-child {
	z-index: 2;
	-webkit-border-image: url("../images/navleft.png") 0 5 0 13;
	border-width: 0 5px 0 13px;
	-webkit-border-top-left-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	width: auto;
}
#leftnav a {
	-webkit-border-image: url("../images/navlinkleft.png") 0 5 0 13;
	z-index: 3;
	margin-left: -4px;
	border-width: 0 5px 0 13px;
	padding-right: 4px;
	-webkit-border-top-left-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	float: left;
}
#rightnav, #rightbutton, #bluerightbutton {
	position: absolute;
	font-size: 12px;
	right: 9px;
	font-weight: bold;
}
#rightnav a {
	-webkit-border-image: url("../images/navlinkright.png") 0 13 0 5;
	z-index: 3;
	margin-right: -4px;
	border-width: 0 13px 0 5px;
	padding-left: 4px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	float: right;
	-webkit-border-top-right-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
}
#rightnav a:first-child {
	z-index: 2;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-image: url("../images/navright.png") 0 13 0 5;
	border-width: 0 13px 0 5px;
	-webkit-border-top-right-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
}
#leftbutton a, #rightbutton a {
	-webkit-border-image: url("../images/navbutton.png") 0 5 0 5;
	border-width: 0 5px;
	-webkit-border-radius: 6px;
}
input[type="radio"] {
	-webkit-appearance: none;
	border: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	left: 0;
	margin: 0;
	-webkit-border-radius: 0;
}
input[type="radio"]:checked {
	background: url('../images/radiobutton.png') no-repeat;
	background-position: right center;
}
.radiobutton .name {
	z-index: 1;
}
select {
	-webkit-appearance: none;
	height: 100%;
	width: 100%;
	border: 0;
}
.select select {
	-webkit-border-radius: 0;
	color: #000;
	font-weight: bold;
	font-size: 17px;
}
.select option {
	max-width: 90%;
}
.select .arrow {
	background: url('../images/arrow.png');
	width: 8px;
	height: 13px;
	display: block;
	-webkit-transform: rotate(90deg);
	position: absolute;
	right: 10px;
	top: 18px;
}
.button input {
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	border: 0;
	-webkit-border-radius: 0;
	font-weight: bold;
	font-size: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background: none;
}
.textbox textarea {
	padding: 0;
	margin-top: 5px;
	font-size: medium;
}
.bigfield input {
	-webkit-appearance: none;
	border: 0;
	height: 100%;
	padding: 0;
	-webkit-border-radius: 0;
	background: transparent;
	font-weight: bold;
	font-size: 17px;
	padding-left: 5px;
}
.smallfield .name {
	width: 48%;
	position: absolute;
	left: 0;
	font-size: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
	line-height: 44px;
	font-size: 17px;
	padding-left: 5px;
	overflow: hidden;
}
.smallfield input {
	width: 50%;
	position: absolute;
	right: 0;
	height: 44px;
	-webkit-appearance: none;
	border: none;
	padding: 0;
	background: transparent;
	-webkit-border-radius: 0;
	font-weight: bold;
	font-size: 17px;
}
.smallfield:first-child input {
	-webkit-border-top-right-radius: 8px;
}
.smallfield:last-child input {
	-webkit-border-bottom-right-radius: 8px;
}

body {width:100%;height:100%}
html {width:100%;height:100%}
#pano {text-align:left;font-size:10pt;color:#000000;margin:0;border:1px solid #000}
#jc {margin:10px 0 20px 0}
#mc {margin:20px 0 0 0}
#searchwell {font-size:11pt;margin:0 5px 0 10px}
#nosv {color:#999999;display:none;width:300px;text-align:center}
 
.m{margin:0;padding:0}
.m ul {margin:0;list-style:none;margin:0px;height:30px;padding:0}
.m ul li a, .m ul li a:active, .m ul li a:visited {float:left;margin:0;padding:0 5px 0 5px;color:#fff;font-size:13px;font-weight:bold;text-decoration:none;height:30px;line-height:30px;background-color:#7a97d8;display:inline;width:95px;border:1px solid #eee}
.m ul li a:hover,.m ul li a:active,.m ul li.mc a,.m ul li.mc a:active,.m ul li.mc a:visited,.m ul li.mc a:hover{color:white;background-color:#3a5798}
 
.n{margin:0;padding:0}
.n ul {margin:0;list-style:none;margin:0px;height:30px;padding:0}
.n ul li a, .n ul li a:active, .n ul li a:visited {float:left;margin:0;padding:0 5px 0 5px;color:#333;font-size:13px;font-weight:bold;text-decoration:none;height:30px;line-height:30px;background-color:#ddd;display:inline;width:95px;border:1px solid #eee}
.n ul li a:hover,.n ul li a:active,.n ul li.nc a,.n ul li.nc a:active,.n ul li.nc a:visited,.n ul li.nc a:hover{color:#333;background-color:#ccc}
#searchwell {width:320px;}
#searchwell .unselected {padding-left:30px;padding-top:1px;margin-top:5px;background-image:url("/i/mm_20_yellow.png");background-repeat:no-repeat;background-position:top left;}
.unselected .gs-watermark {display:none;}
.unselected .gs-directions {display:none;}
.unselected .gs-directions-to-from {display:none;}
.unselected .select {cursor:pointer;text-decoration:underline;color:#7777cc;}
#searchwell .red {background-image:url("/i/mm_20_red.png");}
.bc {color:#333333;clear:both;margin:5px}
.bc a:link, #bc a:visited {color:#333333;text-decoration:none}
.bc a:hover {color:#333333;text-decoration:underline}
.navpn {text-align:center;margin-bottom:10px;margin-top:10px}
.pn {display:inline;font-weight:bold}
.pnf {color:#999999;display:inline;font-weight:bold}
.list {border-bottom:1px solid #e0e0e0;margin:0 10px 0 -30px;padding:6px 0 6px 0;font-size:15px;list-style:none;color:#000000}
.list a {color:#000000;text-decoration:none}
.pageitem1 {
	-webkit-border-radius: 8px;
	background-color: #fff;
	border: #878787 solid 1px;
	font-size: 12pt;
	overflow: hidden;
	padding: 15px 5px 15px 5px;
	position: relative;
	display: block;
	height: auto;
	width: auto;
	margin: 3px 9px 17px;
	list-style: none;