/* default (reset) styles */
html {overflow-x: hidden;}
body {margin: 0px; padding: 0px; background: #fff; line-height: 20px; overflow-y: visible;}
ul {margin: 0px; padding: 0px;}
li {margin: 0px; padding: 0px;}
h1 {margin: 0px; padding: 0px;}
h2 {margin: 0px; padding: 0px;}
input[type=text] { /* added for Firefox/Windows - bottoms of letters (q, y, p, j, g) were getting chopped off */
font-size: 11px;
line-height: 12px;
}
:focus {-moz-outline-style: none;}
/* some hints for new users */
div.dockhint {
position: absolute;
bottom: 40px;
left: -415px;
margin-left: 50%;
width: 830px;
height: 188px;
display: none;
z-index: 101;
background: url(/css/img/hint-dock.png) 0px 0px no-repeat;
font: 15px/28px 'Helvetic Neue', Helvetica, Arial, sans-serif;
color: #fff;
text-shadow: #000 0px 1px 2px;
text-align: center;
padding-top: 20px;
}
/* logo */
#logo {position: absolute; left: 0px; top: 0px; width: 210px; height: 90px; z-index: 100;}
#logo h1 {display: none;}
#logoEnv {position: absolute; left: 175px; top: 75px; font: 12px/12px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #f0c; letter-spacing: 1px; text-shadow: #906 0px 1px 2px; width: 125px}
#powered {
color: #eee;
position: absolute;
right: 10px;
top: 0px;
width: 210px;
height: 90px;
z-index: 100;
font: 10px/10px 'Helvetica Neue', Helvetica, Arial, sans-serif;
display: none;
}
#poweredImg { height: 65px; width: 151px }
#poweredTagline {
float: left;
margin-top: -5px;
padding-top: 0px;
padding-left: 3px;
text-align: center;
font-size: 10px;
}
/* desktops */
/* default to invisible, but need to display because we need the metrics available */
div.dsktp {position: absolute; top: 0px; left: 0px; width: 100%; display: block; visibility: hidden}
/* tabs */
#tabs {position: absolute; left: 230px; top: -8px; list-style-type: none; font: bold 12px/30px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #eee; text-shadow: #000 0px 1px 2px; z-index: 100;}
#tabs li {float: left; display: block; height: 30px; margin: 5px 5px 0px 0px; text-decoration: none; cursor: pointer;}
.tabl {float: left; width: 10px; height: 30px;}
.tabc {float: left; height: 30px; text-align: center; padding: 0px 20px 0px 19px;}
.tabr {float: left; width: 10px; height: 30px;}
#tabs div.tabl {background: url(/css/img/tabl.png) 0px 0px no-repeat;}
#tabs div.tabc {background: url(/css/img/tabc.png) 0px 0px repeat-x;}
#tabs div.tabr {background: url(/css/img/tabr.png) 0px 0px no-repeat;}
#tabs li:hover div.tabl {color: #fff;}
#tabs li:hover div.tabc {color: #fff;}
#tabs li:hover div.tabr {color: #fff;}
.tabl a {position: relative; top: 8px; left: 5px; width: 14px; height: 14px; display: block;}
.tabl a.tabi {background: url(/css/img/dots.png) 0px 0px no-repeat;}
.tabl a.tabi:hover {background: url(/css/img/dots.png) 0px -56px no-repeat;}
.tabl div.tabi {
background: url(/css/img/dots.png) 0px 0px no-repeat;
position: relative;
top: 8px;
left: 5px;
width: 14px;
height: 14px;
display: block;
}
.tabl div.tabi:hover {background: url(/css/img/dots.png) 0px -56px no-repeat;}
.tabl div.tabi_blue {
background: url(/css/img/dots.png) 0px -56px no-repeat;
position: relative;
top: 8px;
left: 5px;
width: 14px;
height: 14px;
display: block;
}
.tabl div.tabi_green {
background: url(/css/img/dots.png) 0px -14px no-repeat;
position: relative;
top: 8px;
left: 5px;
width: 14px;
height: 14px;
display: block;
}
.tabl div.tabi_yellow {
background: url(/css/img/dots.png) 0px -28px no-repeat;
position: relative;
top: 8px;
left: 5px;
width: 14px;
height: 14px;
display: block;
}
.tabl div.tabi_red {
background: url(/css/img/dots.png) 0px -42px no-repeat;
position: relative;
top: 8px;
left: 5px;
width: 14px;
height: 14px;
display: block;
}
.tabl a.idown {background: url(/css/img/dots.png) 0px -56px no-repeat;}
/*.tabl div.tabi {background: url(/css/img/dots.png) 0px 0px no-repeat;} */
/*.tabl div.tabi:hover {background: url(/css/img/dots.png) 0px -56px no-repeat;} */
.tabr a {position: relative; top: 8px; right: 9px; width: 14px; height: 14px; display: block;}
.tabr a.tabx {background: url(/css/img/but-x.png) 0px 0px no-repeat;}
.tabr a.tabx:hover {background: url(/css/img/but-x.png) 0px -14px no-repeat;}
.tabr a.xdown {background: url(/css/img/but-x.png) 0px -28px no-repeat;}
.tabr div.tabx {
background: url(/css/img/but-x.png) 0px 0px no-repeat;
position: relative; top: 8px; right: 9px; width: 14px; height: 14px;
}
.tabr div.tabx:hover {background: url(/css/img/but-x.png) 0px -14px no-repeat;}
.tabr div.xdown {background: url(/css/img/but-x.png) 0px -28px no-repeat;}
#tabs.dark {color: #333; text-shadow: #ccc 0px 1px 2px;}
#tabs.dark li:hover div.tabc {color: #000;}
/* for chrome and IE7*/
#tabs li.dark div.tabc {color: #333; text-shadow: #ccc 0px 1px 2px;}
#tabs li.dark:hover div.tabc {color: #000;}
#tabAdd {width: 30px; background: url(/css/img/tabadd.png) 0px 0px no-repeat;}
#tabAdd:hover {background: url(/css/img/tabadd.png) 0px -30px no-repeat;}
#tabAdd.down {background: url(/css/img/tabadd.png) 0px -60px no-repeat;}
/* rite / infobox / ads */
#rite {position: absolute; top: 82px; width: 125px; font-size: 15px; line-height: 15px; overflow: visible; z-index: 100; display: none;}
#infobox {position: relative; top: 0px; margin-left: -5px; width: 135px; height: 100px; margin-bottom: 23px; background: url(/css/img/infobox.png) 0px 0px no-repeat;}
#signin {position: absolute; top: 49px; height: 14px; font: 11px/14px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #ccc; padding-left: 16px; text-decoration: none; white-space: nowrap; overflow: visible; background: url(/css/img/dots.png) 0px 0px no-repeat; cursor: pointer;}
#signin:hover {color: #fff; text-decoration: underline; background: url(/css/img/dots.png) 0px -56px no-repeat;}
#loggedin {position: absolute; top: 49px; height: 14px; font: 11px/14px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #ccc; padding-left: 16px; text-decoration: none; white-space: nowrap; overflow: visible; background: url(/css/img/dots.png) 0px -56px no-repeat;}
#infobox.dark #signin, #infobox.dark #loggedin {color: #333;}
#infobox.dark #signin:hover {color: #000;}
#flag {
position: absolute; left: 14px; bottom: 11px; width: 16px; height: 16px; border: 0px; cursor: pointer;
}
#info {
position: absolute; left: 59px; bottom: 11px; width: 17px; height: 17px; border: 0px; cursor: pointer;
}
#home {
position: absolute; left: 105px; bottom: 12px; width: 16px; height: 16px; border: 0px; cursor: pointer;
}
#rite img.ad {
width: 125px;
height: 125px;
border: 0px;
margin-bottom: 20px;
}
#ad1, #ad2, #ad3, #ad4, #ad5 {
display: block;
width: 125px;
height: 145px;
border: 0px;
margin: 0px;
padding: 0px;
}
#copy {
position: relative;
top: -2px;
width: 125px;
height: 15px;
font: 11px/15px 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #eee;
text-decoration: none;
text-align: center;
cursor: pointer;
}
#copy:hover {
color: #fff;
text-decoration: underline;
}
#copy.dark {
color: #333;
}
#copy.dark:hover {
color: #000;
}
/* horizon / messages / dialog boxes / launcher / alerts & prompts, etc. */
#horizon {position: absolute; left: 20px; height: 1px; overflow: visible; display: block; z-index: 100;}
#signupDialog {
position: absolute;
left: 50%;
padding: 0px;
font: 12px/25px 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #fff;
}
.supdlg {
top: -265px;
width: 480px;
height: 520px;
margin-left: -240px;
background: url(/css/img/dialog-sup.png) 0px 0px no-repeat;
}
.supdlg h1 {
width: 400px;
margin-left: 40px;
font: 16px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-align: center;
margin-top: 30px;
margin-bottom: 15px;
}
#signupForm {
position: relative;
margin-left: 40px;
width: 400px;
}
#signupForm .l {
float: left;
width: 163px;
height: 33px;
text-align: right;
}
#signupForm .r {
float: left;
width: 232px;
height: 33px;
padding-left: 5px;
text-align: left;
}
#signupForm .r input {
height: 14px;
}
#signupForm .agree {
float: left;
margin-left: 20px;
margin-top: 3px;
width: 380px;
height: 33px;
text-align: center;
font-size: 10px;
}
#signupForm a, #login a, #upDialog a, a.promptLink {
text-decoration: underline;
color: #cf0;
}
#signupForm a:hover, #login a:hover, #upDialog a:hover, a.promptLink:hover {
color: #bccef1;
}
.bugdlg {
top: -210px;
width: 480px;
height: 420px;
margin-left: -240px;
background: url(/css/img/dialog-bug.png) 0px 0px no-repeat;
}
.bugdlg h1 {
width: 400px;
margin-left: 40px;
font: 16px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-align: center;
margin-top: 30px;
margin-bottom: 15px;
}
.fupdlg {
top: -160px;
width: 480px;
height: 320px;
margin-left: -240px;
background: url(/css/img/dialog-fup.png) 0px 0px no-repeat;
}
.fupdlg h1 {
width: 400px;
margin-left: 40px;
font: 16px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-align: center;
margin-top: 30px;
margin-bottom: 15px;
}
/* desktop backgrounds picker */
#BGpicker {
position: absolute;
bottom: 32px;
left: 74px;
width: 800px;
padding-left: 30px;
padding-right: 30px;
height: 440px;
font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #fff;
background: url(/css/img/dialog-bgs.png) 0px 0px no-repeat;
cursor: move;
z-index: 100;
}
#BGpicker h1 {
font: 16px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin-top: 25px;
margin-bottom: 15px;
}
a.bglabel {
float: left;
padding: 7px 9px 6px 9px;
margin-right: 5px;
height: 20px;
background: #222;
border: 1px solid #333;
-webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px;
-webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px;
line-height: 20px;
color: #ccc;
text-decoration: none;
}
a.bglabel:hover {
cursor: pointer;
background: #333;
border: 1px solid #444;
color: #fff;
text-decoration: underline;
}
#BGpicker a.actvlabel {
border: 1px solid #555;
background: #444;
}
div.bggrid {
position: absolute;
top: 120px;
left: 30px;
width: 801px;
height: 300px;
margin-top: 35px;
display: none;
}
div.bgthumb {
float: left;
width: 120px;
height: 115px;
margin-left: 20px;
margin-right: 20px;
text-align: center;
font-size: 12px;
line-height: 20px;
cursor: pointer;
}
div.bgthumb img {
width: 120px;
height: 75px;
}
div.wpthumb {
float: left;
width: 50px;
height: 90px;
margin-left: 19px;
margin-right: 20px;
text-align: center;
font-size: 12px;
line-height: 20px;
cursor: pointer;
}
div.wpthumb img {
width: 50px;
height: 50px;
}
div.bgcredits {
position: absolute;
top: 235px;
left: 0px;
}
div.bgcredits a, div.bgcredits a:link, div.bgcredits a:visited, div.bgcredits a:active {
color: #ccc;
cursor: pointer;
}
div.bgcredits a:hover {
color: #fff;
}
#login {position: absolute; left: 50%; padding: 0px; font: 12px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff;}
.logdlg {top: -115px; width: 480px; height: 230px; margin-left: -240px; background: url(/css/img/dialog-log.png) 0px 0px no-repeat;}
.logdlg h1 {font: 16px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; text-align: center; margin-top: 30px; margin-bottom: 15px;}
#upDialog {position: absolute; left: 50%; padding: 0px; font: 12px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff;}
#infoDialog {
position: absolute;
top: 89px;
left: -11px;
width: 107px;
height: 300px;
padding: 30px 16px 0px 24px;
font: 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #eee;
text-align: justify;
background: url(/css/img/dialog-info.png) 0px 0px no-repeat;
z-index: 200;
}
#infoDialog a {
color: #eee;
text-decoration: none;
}
#infoDialog a:hover {
color: #fff;
text-decoration: underline;
}
#infoDialog img.dialogClose {
margin-top: 6px;
}
div.blackout {
display: none;
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
z-index: 102;
}
div.blackoutSemi {
background-color: #000;
position: absolute;
top: 0px;
left: 0px;
z-index: 102;
}
div.alert, div.confirm, div.prompt {
position: absolute;
left: 50%;
width: 350px;
margin-left: -175px;
height: 200px;
top: -100px;
font: 12px/22px 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #fff;
background: url(/css/img/alertBox.png) 0px 0px no-repeat;
z-index: 250;
}
div.warning {
position: absolute;
left: 50%;
width: 520px;
margin-left: -260px;
height: 310px;
top: -155px;
font: 13px/22px 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #fff;
text-shadow: #000 0px 1px 2px;
background: url(/css/img/warning.png) 0px 0px no-repeat;
z-index: 200;
}
div.alertText, div.confirmText, div.promptText {
position: relative;
top: 21px;
left: 32px;
width: 286px;
}
div.warningText {
position: relative;
top: 50px;
left: 40px;
width: 440px;
}
div.launcher {
position: absolute;
left: 50%;
}
.tabdlg {position: absolute; padding: 35px; width: 410px; height: 170px; font: 12px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; background: url(/css/img/dialog-tab.png) 0px 0px no-repeat; z-index: 200;}
.tabdlg h1 {font: 16px/25px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; text-align: center; margin-bottom: 10px;}
.tabdlg img.dialogClose {
margin-top: 6px;
}
.tabdlg_l {position: absolute; padding: 35px; width: 410px; height: 290px; font: 12px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; background: url(/css/img/dialog-tabl.png) 0px 0px no-repeat; z-index: 200;}
.tabdlg_l h1 {font: 16px/25px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; text-align: center; margin-bottom: 10px;}
.tabdlg_l img.dialogClose {
margin-top: 6px;
}
.tabdlg_c {position: absolute; padding: 35px; width: 410px; height: 290px; font: 12px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; background: url(/css/img/dialog-tabc.png) 0px 0px no-repeat; z-index: 200;}
.tabdlg_c h1 {font: 16px/25px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; text-align: center; margin-bottom: 10px;}
.tabdlg_c img.dialogClose {
margin-top: 6px;
}
/* dock / bg color picker / dock icons / dock bubbles */
#toolbar {position: fixed; left: 0px; bottom: 0px; width: 100%; height: 69px; background: url(/css/img/toolbar.png) 0px 41px repeat-x; z-index: 100;}
#color {position: absolute; left: 20px; top: 49px; width: 16px; height: 16px; border: 0px; cursor: pointer;}
#grad1 {position: absolute; left: 50px; top: 49px; width: 7px; height: 16px; border: 0px; cursor: pointer;}
#grad2 {position: absolute; left: 64px; top: 49px; width: 7px; height: 16px; border: 0px; cursor: pointer;}
.grad1s {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(/css/img/grad1-small.png) top center repeat-x;}
.grad1l {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(/css/img/grad1-large.png) top center repeat-x;}
.grad2s {position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; background: url(/css/img/grad2-small.png) bottom center repeat-x;}
.grad2l {position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; background: url(/css/img/grad2-large.png) bottom center repeat-x;}
#dsktp {position: absolute; left: 85px; top: 48px; width: 20px; height: 18px; border: 0px; cursor: pointer;}
#buggy {position: absolute; right: 19px; top: 48px; width: 20px; height: 17px; border: 0px; cursor: pointer; visibility: hidden}
#bug {position: absolute; left: 50%; padding: 0px; font: 12px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff;}
.bugdlg {top: -210px; width: 480px; height: 420px; margin-left: -240px; background: url(/css/img/dialog-bug.png) 0px 0px no-repeat;}
.bugdlg h1 {font: 16px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; text-align: center; margin-top: 30px; margin-bottom: 15px;}
/* ColourMod */
/*--------------------------------------------------*/
#ColourMod {position: absolute; top: 0px; left: 0px; margin-top: -43px; margin-left: -11px; text-align: left; display: none; z-index: 100;}
#cmDefault {position: absolute; top: 0px; left: 0px; width: 282px; height: 234px;}
#cmDefault h1 {position: absolute; top: 22px; left: 27px; font: 12px/12px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff;}
#cmColorBox {position: absolute; top: 51px; left: 234px; width: 20px; height: 150px; background: #fff;}
#cmSatValBg {position: absolute; top: 51px; left: 33px; width: 150px; height: 150px; background: #f00;}
#cmOverlay {position: absolute; top: 0px; left: 0px; width: 282px; height: 234px; border: 0px;}
#cmTop {position: absolute; top: 0px; left: 0px; width: 268px; height: 46px; background: url(/css/img/spacer.gif); cursor: move;}
#cmSatValBox {position: absolute; top: 43px; left: 14px; width: 150px; height: 150px;}
.cmDot {position: relative; height: 21px; width: 21px; cursor: pointer; z-index: 3;}
.cmDot[class] {background: url(/css/img/colour-dot.png) no-repeat;}
#cmHueBox {position: absolute; top: 44px; left: 185px; width: 40px; height: 168px;}
.cmArrow {position: relative;; height: 21px; width: 23px; cursor: pointer; z-index: 3;}
.cmArrow[class]{background: url(/css/img/colour-arrow.png) no-repeat;}
#cmHex {position: absolute; top: 17px; left: 145px; width: 75px; font: 11px/11px Verdana, Tahoma, sans-serif; color: #333; border: 1px solid #ccc; overflow: hidden;}
#cmClose {position: absolute; top: 10px; left: 252px; display: block; width: 14px; height: 14px; border: 0px; background: url(/css/img/but-x.png) 0px 0px no-repeat; text-decoration: none; cursor: pointer;}
#cmClose:hover {background: url(/css/img/but-x.png) 0px -14px no-repeat;}
#cmClose.xdown {background: url(/css/img/but-x.png) 0px -28px no-repeat;}
#cmHueValBox {display: none;}
/*--------------------------------------------------*/
a.close {display: block; width: 14px; height: 14px; border: 0px; background: url(/css/img/but-x.png) 0px 0px no-repeat; text-decoration: none; cursor: pointer;}
a.close:hover {background: url(/css/img/but-x.png) 0px -14px no-repeat;}
#cascade {position: absolute; right: 20px; top: 49px; width: 16px; height: 16px; border: 0px; cursor: pointer;}
/* dock */
#dock {
position: absolute;
bottom: 5px;
left: 50%;
font-size: 1px;
line-height: 1px;
overflow: hidden;
display: none;
z-index: 100;
-moz-opacity: 0;
opacity: 0;
}
/* IE7 */
/*
*:first-child+html #dock {
filter: alpha(opacity=25);
}
*/
#dock img {
border: 0 none transparent;
cursor: pointer;
}
/* dock bubbles */
.bubble {
position: fixed;
bottom: 65px;
height: 36px;
font: bold 14px/30px 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #fff;
text-shadow: #000 0px 1px 2px;
display: block;
z-index: 100;
}
.bubl {
float: left;
width: 5px;
height: 30px;
background: url(/css/img/bubl.png) 0px 0px no-repeat;
}
.bubc {
float: left;
height: 30px;
background: url(/css/img/bubc.png) 0px 0px repeat-x;
padding: 0px 5px 0px 5px;
}
.bubr {
float: left;
width: 5px;
height: 30px;
background: url(/css/img/bubr.png) 0px 0px no-repeat;
}
.bubb {
clear: left;
height: 6px;
background: url(/css/img/bubb.png) center 0px no-repeat;
}
*:first-child+html div.bubb { /* IE7 */
font-size: 6px;
line-height: 6px;
}
/* button styles */
/* transparent */
.butt {display: inline; font: bold 12px/25px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #eee; text-shadow: #000 0px 1px 2px; cursor: pointer;}
.butl {float: left; width: 10px; height: 25px; background: url(/css/img/but-tral.png) 0px 0px no-repeat;}
.butc {float: left; height: 25px; background: url(/css/img/but-trac.png) 0px 0px repeat-x;}
.butr {float: left; width: 10px; height: 25px; background: url(/css/img/but-trar.png) 0px 0px no-repeat;}
div.butt:hover div.butl {color: #fff; background: url(/css/img/but-tral.png) 0px -25px no-repeat;}
div.butt:hover div.butc {color: #fff; background: url(/css/img/but-trac.png) 0px -25px repeat-x;}
div.butt:hover div.butr {color: #fff; background: url(/css/img/but-trar.png) 0px -25px no-repeat;}
.tdown {font: bold 12px/25px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #eee; text-shadow: #000 0px 1px 2px; cursor: pointer;}
div.tdown div.butl {background: url(/css/img/but-tral.png) 0px -50px no-repeat;}
div.tdown div.butc {background: url(/css/img/but-trac.png) 0px -50px repeat-x;}
div.tdown div.butr {background: url(/css/img/but-trar.png) 0px -50px no-repeat;}
/* blue */
.butb {display: inline; font: bold 12px/25px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #eee; text-shadow: #000 0px 1px 2px; cursor: pointer;}
.butb .butl {float: left; width: 10px; height: 25px; background: url(/css/img/but-blul.png) 0px 0px no-repeat;}
.butb .butc {float: left; height: 25px; background: url(/css/img/but-bluc.png) 0px 0px repeat-x;}
.butb .butr {float: left; width: 10px; height: 25px; background: url(/css/img/but-blur.png) 0px 0px no-repeat;}
div.butb:hover div.butl {color: #fff; background: url(/css/img/but-blul.png) 0px -25px no-repeat;}
div.butb:hover div.butc {color: #fff; background: url(/css/img/but-bluc.png) 0px -25px repeat-x;}
div.butb:hover div.butr {color: #fff; background: url(/css/img/but-blur.png) 0px -25px no-repeat;}
.bdown {font: bold 12px/25px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #eee; text-shadow: #000 0px 1px 2px; cursor: pointer;}
div.bdown div.butl {background: url(/css/img/but-blul.png) 0px -50px no-repeat;}
div.bdown div.butc {background: url(/css/img/but-bluc.png) 0px -50px repeat-x;}
div.bdown div.butr {background: url(/css/img/but-blur.png) 0px -50px no-repeat;}
/* schmidgets */
div.schmidget {
position: absolute;
top: 100px;
left: 100px;
cursor: move;
}
img.dialogClose {
position: absolute;
margin-top: -4px;
width: 28px;
height: 28px;
border: 0px;
cursor: pointer;
}
img.widgetClose {
position: absolute;
top: 0px;
margin-top: -8px;
right: -4px;
width: 28px;
height: 28px;
border: 0px;
cursor: pointer;
-moz-opacity: 0;
}
img.widgetMinMax {
position: absolute;
top: 0px;
margin-top: -8px;
right: 23px;
width: 28px;
height: 28px;
border: 0px;
cursor: pointer;
-moz-opacity: 0;
}
/* scrollbars */
.scrollarea {
float: left;
/* define width in pixels where scrollbars are implemented (i.e. - schmidget) */
/* define height in pixels where scrollbars are used (i.e. - schmidget) */
overflow: hidden;
}
.scrollTrack {
position: relative;
float: left;
width: 15px;
background: url(../../css/img/scrollTrack200.png);
/* define height in pixels where scrollbars are used (i.e. - schmidget) */
/* define background image url where scrollbars are used (i.e. - schmidget) */
}
.scrollThumb {
position: absolute;
top: 0px;
left: 0px;
width: 15px;
height: 5px;
background: url(/css/img/scrollThumb.png);
cursor: default;
}
.thumbTop {
position: absolute;
top: -10px;
left: 0px;
width: 15px;
height: 10px;
background: url(/css/img/scrollThumbTop.png);
}
.thumbBot {
position: absolute;
bottom: -10px;
left: 0px;
width: 15px;
height: 10px;
background: url(/css/img/scrollThumbBot.png);
}
/* LIGTHBOX STYLES */
#lbOverlay {
position: absolute;
z-index: 9999;
left: 0;
width: 100%;
background-color: #000;
}
.lbContainer {
z-index: 9999;
background-color: #FFFFFF;
padding: 10px;
}
.lbImage {
border: 10px #FFFFFF solid;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
}
#lbImageOverlay {
position: absolute;
}
#lbLogo {
position: absolute;
background-repeat: no-repeat;
cursor: pointer;
}
.lbLoading {
background: white url(/css/img/spinner-white.gif) no-repeat 50% 50%;
}
.selected-row {
background: url(/css/img/selected.png) repeat-x;
}
#schmeebo {
position: absolute;
top: 97px;
left: 19px;
width: 82%;
height: 80%;
border-style: none;
overflow-y: auto;
overflow-x: hidden;
}
div.pendingWidget {
position: absolute;
border: 1px dotted #000;
-webkit-border-top-left-radius: 12px; -moz-border-radius-topleft: 12px;
-webkit-border-top-right-radius: 12px; -moz-border-radius-topright: 12px;
-webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px;
-webkit-border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px;
/* background: #ff9; */
}
/*
body.dark div.pendingWidget {
border: 1px dotted #999;
background: #fff;
}
*/
/* SELECT MENU */
.schelect, .schelected {
position: absolute;
height: 20px;
font: 11px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #000;
text-shadow: #777 0px 1px 1px;
display: block;
cursor: pointer;
}
.schelectMenu {
position: absolute;
visibility: hidden;
cursor: pointer;
list-style-type: none;
z-index: 9999;
}
.sell {
float: left;
width: 10px;
height: 20px;
background: url(/css/img/select/sell.png) 0 0 no-repeat;
}
.selc {
float: left;
height: 20px;
background: url(/css/img/select/selc.png) 0 0 repeat-x;
}
.selr {
float: left;
width: 30px;
height: 20px;
background: url(/css/img/select/selr.png) 0 0 no-repeat;
}
div.schelected div.sell {
background: url(/css/img/select/sell.png) 0 -20px no-repeat;
}
div.schelected div.selc {
background: url(/css/img/select/selc.png) 0 -20px repeat-x;
}
div.schelected div.selr {
background: url(/css/img/select/selr.png) 0 -20px no-repeat;
}
.sm, .smt, .smb {
clear: both;
}
.sm {
position: relative;
top: 0px;
left: 0px;
font: 12px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #000;
text-indent: 20px;
display: block;
}
.sml {
float: left;
width: 26px;
height: 20px;
background: url(/css/img/select/sml.png);
display: inline;
}
.smc {
float: left;
background: #fff;
}
.smc:hover {
color: #fff;
background: url(/css/img/select/hilite.png);
}
.smcc {
float: left;
background: url(/css/img/select/checked.png) 0 0 no-repeat;
}
.smcc:hover {
color: #fff;
background: url(/css/img/select/checked.png) 0 -20px no-repeat;
}
.smr {
float: left;
width: 26px;
height: 20px;
background: url(/css/img/select/smr.png);
display: block;
}
/* top */
.smtl {
float: left;
width: 36px;
height: 36px;
background: url(/css/img/select/smtl.png) 0 0 no-repeat;
}
.smtc {
float: left;
height: 36px;
background: url(/css/img/select/smtc.png);
}
.smtr {
float: left;
width: 36px;
height: 36px;
background: url(/css/img/select/smtr.png) 0 0 no-repeat;
}
/* bottom */
.smbl {
float: left;
width: 36px;
height: 41px;
background: url(/css/img/select/smbl.png) 0 0 no-repeat;
}
.smbc {
float: left;
height: 41px;
background: url(/css/img/select/smbc.png);
}
.smbr {
float: left;
width: 36px;
height: 41px;
background: url(/css/img/select/smbr.png) 0 0 no-repeat;
}
/* ads */
div #adSpace {
visibility: hidden;
display: none;
}
/* file picker */
div.filePicker {
width: 600px;
height: 350px;
background-image: url(/css/img/dialog-pick.png);
left: 50%;
margin-left: -300px;
top: -175px;
z-index: 200;
position: absolute;
}
div.filePickerLabel {
position: absolute;
left: 30px;
top: 30px;
font: 16px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #fff;
}
div.files {
position: absolute;
top: 71px;
left: 30px;
width: 233px;
height: 200px;
background-color: #fff;
border: 1px solid #333;
}
div.preview {
position: absolute;
top: 71px;
right: 30px;
width: 268px;
height: 200px;
border: 1px dotted #333;
}
div.files div {
padding-left: 5px;
height: 20px;
font: 11px/20px Helvetica, Arial, sans-serif;
color: #000;
cursor: pointer;
}
div.files div.odd {
background-color: #fff;
}
div.files div.eve {
background-color: #ecf3fe;
}
div.files div:hover {
background: url(/css/img/hilite.png) repeat-x;
color: #fff;
}
div.files .selected-row {
color: #fff;
}
div.filePicker div.scrollTrack {
margin-top: 2px;
height: 200px;
background: url(/css/img/scrollTrack220.png);
position: absolute;
left: 275px;
top: 70px;
}
/* upload stuff */
.uploadBut0, .uploadBut1, .uploadBut2 {
position: absolute;
}
.uploadSpinner {
position: absolute;
top: 175px;
left: 125px;
width: 32px;
height: 32px;
display: none;
}
div.fileUploaderOuter{
background-image: url(/css/img/uploadBG.png);
position: absolute;
width: 320px;
height: 400px;
display: none;
top: 0px;
left: 0px;
z-index: 1;
}
div.fileUploader {
position: absolute;
top: 25px;
left: 20px;
width: 280px;
height: 350px;
text-align: center;
color: #fff;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 15px;
display: none;
z-index: 2;
}
div.fileUploader h1 {
font-size: 16px;
line-height: 18px;
font-weight: normal;
margin-bottom: 10px;
}
/* IE7 */
*:first-child+html div.fileUploader h1 {margin-bottom: 9px;}
div.fileUploader p {
margin: 0px;
margin-top: 5px;
margin-bottom: 20px;
padding: 0px;
}
.uploadBut0, .uploadBut1, .uploadBut2 {
position: absolute;
}
body div.fileUploader .bdown {
position: absolute;
}
#meebo {
/* display: block; */
}
#meebo-iframe {
visibility: hidden;
position: absolute;
left: -999px;
top: -999px;
}