a,a:link,a:visited { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#666666;} a:hover { color:#000000;} a:focus { outline:none;} form { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin: 0; border: none; padding: 0; clear: both;} img { border: 0;} table { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 11px; text-align: left;} select,div { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 11px; color:#666666;} input,input:disabled { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 11px; height:14px; margin:0; padding:0; color:#666666; vertical-align:top;} .textfield { font-size: 11px; color:#666666; background:none; padding:0px 0px 2px 2px; border:solid #CCCCCC 1px;} textarea { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 11px; margin:0; padding:0; color:#666666; border:solid #CCCCCC 1px;} body { padding: 0; margin: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #ffffff; text-align:left; font-size: 11px; color:#666666; width:auto; overflow:visible;} #app-header { z-index:1; height: 50px; width: 750px; margin-top:2px; margin-left:auto; margin-right: auto; position:relative; clear:none;overflow:visible;} #app-header .logo { float: left; margin-left: 20px; clear:both;} #app-dashboard { width:auto; height:auto; padding-top:4px; padding-right:36px; float:right; white-space:nowrap; } #app-wrapper { clear: right; margin-left: auto; width: 742px; margin-right: auto; position: relative; height: auto; text-align: left;} #app-tabs { background-image: url(img/topBg.gif);background-repeat:repeat-x; height: 45px; overflow:visible;} #app-tabs .right-corner {background-position: right top; background-image: url(img/cornerRight.gif); background-repeat: no-repeat;} #app-tabs .tab { cursor:auto;} #app-tabs .tab-link,#app-tabs .tab-link:link,#app-tabs .tab-link:visited { display: block; font-family:Arial, Verdana, sans-serif; font-weight: bold; font-size: 11px; margin: 0px 7px 16px 8px; color:#666666; white-space: nowrap; text-decoration: none; cursor:pointer;} #app-content-left { background-position: left 50%; background-image: url(img/tabsBg.gif); width: 100%; background-repeat: repeat-y; height: auto;} #app-content-right { background-position: right 50%; background-image: url(img/bgRight.gif); width: 100%; background-repeat: repeat-y; height: auto;} #app-content { font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 11px; padding: 0; margin-left: 22px; margin-top:0px; width: 700px; height: 470px; border: none; overflow: hidden; visibility: hidden; color: #333333; /*outline:#333333 dotted thin;*/} #app-footer { background-image: url(img/footerBg.gif); height:77px;} #app-footer span { padding-left:30px;} #app-footer a { color: #999999;} #app-footer a:hover { color:#000000;} #app-footer-right-corner { background-position: right top; background-image: url(img/footerRight.gif);background-repeat: no-repeat; color: #999999; font-size:11px;} #app-notifications { background:none;} #app-notifications .Grid {border: none; margin-left:0px; margin-top:20px;} #app-notifications #gridcell { width: auto; height: 180px; background-image:url(img/topGrad.gif); background-repeat: repeat-x; padding:8px; background-color: #fbfbfb;border: solid 1px #e9e9e9;font-size: 11px; font-weight: normal; cursor: default;} .thumb-cover { background-image: url(/covers/coverbg.gif); background-repeat:no-repeat; width:70px; height:60px;} .thumb-cover img { border:solid #666666 1px; width:63px; height:54px; margin-left:1px; margin-top:2px;} .full-cover { background-image: url(/covers/fullcoverbg.png); background-repeat:no-repeat; width:169px; height:142px;} .full-cover img { border:solid #666666 1px; width:162px; height:136px; margin-left:1px; margin-top:2px;} #playnow { clear:both; padding:2px; width:312px; height:16px; margin-left:20px; margin-top:25px; } #playnow .inputbox { background:url(/newlook/grid/skins/default/img/defaultItemBg.gif) 0 10%;} #playnow .inputbox .readonly {} #playnow-listbox { float:left; clear:both; margin-top:2px;} #playnow-controls { float:left; margin-top:2px; margin-left:2px;} #playnow-controls img{ width:16px; height:16px;} .playnow-button { background:url(/newlook/grid/skins/default/img/defaultItemBg.gif) 0 10%; float:left; width:16px; height:15px; margin-left:2px; border: solid 1px #CCCCCC;} .playnow-button .play{background:url(img/multimedia/play.png) center no-repeat;} .playnow-button .stop{background: url(img/multimedia/stop.png) center no-repeat;} .playnow-button .skip-bw{background: url(img/multimedia/skipbackward.png) center no-repeat;} .playnow-button .skip-fw{background: url(img/multimedia/skipforward.png) center no-repeat;} #dashboard-mpc { margin:auto; float:right; width:240px; height:32px;} #dashboard-mpc #song { font-size:10px; color:#999999; font-weight:800; padding-top:1px;height:14px; font-family:Arial, Helvetica, sans-serif;} #dashboard-user { font-size:14px; } .Button, .Button:visited, .Button:link, .Button:focus { padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; text-decoration:none; color:#666666; text-align:center; font-size:11px; white-space:nowrap; margin-right:2px; background: url(img/tabStripeOff.gif) -1px -1px repeat-x; border:solid #CCCCCC 1px; /*border-top:none;*/ display:inline-block; /*clear:none;*/ cursor:pointer; } .Button img { vertical-align:bottom;} .Button:hover { color:#666666;text-decoration:none; background:url(img/tabStripeOn.gif) -1px -1px repeat-x;} .ButtonDisabled:link, .ButtonDisabled:focus, .ButtonDisabled:visited{ color:#CCCCCC; text-decoration:none; background:url(img/tabStripeOn.gif) -1px -1px repeat-x; } .brating { position:relative; width:100px; height:6px; overflow:hidden; margin-top:5px; } .brating a { cursor:pointer; margin-left:1px; height:16px; width:16px; display:block; float:left; background-color:#CCCCCC;} .brating img { height:16px; width:16px;} .brating a.full img { height:16px; width:16px; background-color:#CC6600;} .brating a.haft img { height:16px; width:8px; background-color:#CC6600;} .rating { position:relative; width:100px; height:16px; overflow:hidden; margin-top:5px;} .rating a { cursor:pointer; margin-left:1px; height:16px; width:16px; display:block; float:left; background:url(img/star-gray.png) top center no-repeat;} .rating img { height:16px; width:16px;} .rating a.full img { height:16px; width:16px; background:url(img/star-orange.png) no-repeat;} .rating a.haft img { height:16px; width:8px; background:url(img/star-orange.png) no-repeat;} .inputbox-list { background: #EFEFEF; border: 1px solid #CCCCCC; text-align:left;} .inputbox-list .content { padding: 0; width:100%} .inputbox-list .content a { display:block; padding:1px; margin: 1px; text-decoration:none;} .inputbox-list .content a:hover { background-color:#666666; color:#FFFFFF; display:block; padding:1px;} .inputbox { color:#666666; border:solid #CCCCCC 1px; height:15px; overflow:hidden; margin:0px; padding:0px;} .inputbox input { float:left; padding: 0; padding-left:2px; margin: 0; border: 0; background:none; font-size:11px;} .inputbox .readonly, .inputbox .readonly:hover,.inputbox .readonly:focus {text-decoration:none; display:block;float:left; color:#666666; cursor:text; margin: 0; padding:0; padding-left:2px; line-height:14px; outline:none; } .inputbox .arrow { float:right; display:block; height:100%; background-color:#E0E0E0;} .inputbox .arrow:hover,.inputbox .arrow-hovered {float:right; display:block; height:100%; background-color:#999999;} .inputbox .arrow img,.inputbox .arrow:hover img,.arrow-hovered img { vertical-align:top; padding:0px; border:none;} .inputbox-scrollbar-h,.inputbox-scrollbar-v {background-color:#FCFCFC; border: solid #F5F5F5 1px;} .inputbox-scrollbar-h .button,.inputbox-scrollbar-v .button { border: solid #FCFCFC 1px; background-color:#E5E5E5;} .inputbox-tip-inform,.inputbox-tip-error { background-color:#FFCC66; border-top: solid 1px #f7f7f7; border-bottom: solid 1px #e9e9e9; border-right: solid 1px #f7f7f7; border-left: solid 1px #f7f7f7; font-size: 11px; font-weight: bold; text-align: left; padding-left:2px; padding-right:2px;color: #FFFFFF;} .GradTop { width: auto; height: 180px; background-image: url(img/topGrad.gif); background-repeat: repeat-x; background-color: #fbfbfb; color: #333333; border-top: solid 1px #fff; border-bottom: solid 1px #e9e9e9; border-right: solid 1px #f7f7f7; border-left: solid 1px #f7f7f7; font-size: 11px; font-weight: normal; cursor: default; } .GradBottom { width: auto; height: 248px; background-image: url(img/bottomGrad.gif); background-repeat: repeat-x; background-color: #fbfbfb; color: #333333; border-top: solid 1px #fff; border-bottom: solid 1px #e9e9e9; border-right: solid 1px #f7f7f7; border-left: solid 1px #f7f7f7; font-size: 11px; font-weight: normal; cursor: default; } .GradCell { float: left; padding-top: 0px; } .GradCell a,.GradCell a:link { color: #333000; text-decoration: none; } .GradCell a:hover { color: #000000; text-decoration: underline; } .GradCellSeparator { float: left; margin-top: 15px; } .BusyNotice { position:absolute; padding-left:30px; padding-bottom:20px; display:none; z-index:8000; } .BusyNotice div { padding:2px; } .BusyNotice img { vertical-align:middle; } .satv-x1 { background:url(img/satv-bg.png) no-repeat; width:700px; height:67px; padding-left:18px; padding-top:4px; text-align:left; overflow:hidden;} .satv-x2 { background:url(img/satv-x2-bg.png) no-repeat; margin-top:0px; padding-top:20px; width:135px; height:460px; vertical-align:top; text-align:center; overflow:hidden;} .satv-x3 { background:url(img/satv-x2-bg.png) no-repeat; margin-top:0px; padding-top:20px; width:135px; height:360px; vertical-align:top; text-align:center; overflow:hidden;} .satv-xb { background:url(img/satv-x2-bg.png) bottom left no-repeat; width:135px; height:12px;}