div.window { position:absolute; left:0px; top:0px; width:20px; height:23px; visibility:hidden; } .dialog-nw { background-repeat: no-repeat; font-size: 0px; line-height: 0px; width: 10px; height: 10px; } .dialog-n { width: 100%; background-color:#F0F4F8; font-size: 0px; line-height: 0px; } .dialog-ne { font-size: 0px; line-height: 0px; width: 10px; height: 10px; } .dialog-w { background-color:#F0F4F8; height: 100%; font-size: 0px; } .dialog-e { background-color:#F0F4F8; height: 100%; font-size: 0px; } .dialog-sw { width: 10px; height: 10px; font-size: 0px; line-height: 0px; } .dialog-s { background-color:#F0F4F8; font-size: 0px; line-height: 0px; width: 100%; } .dialog-se { width: 10px; height: 10px; font-size: 0px; line-height: 0px; } .dialog-content { color: #666666; font-family: Tahoma, Arial, Sans Serif; font-size: 10px; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; background-color:#F0F4F8; visibility: inherit; } .dialog { display: block; font-family: Tahoma, Arial, Sans Serif; position: absolute; top: 85px; right: 500px; margin: 0px; width: 1px; height: 1px; visibility: hidden; } div.caption { cursor: default; position: absolute; height: 15px; text-overflow: ellipsis; left: 8px; top: 7px; font-family: Tahoma, Arial, Sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; overflow: hidden; white-space: nowrap; } td.imbg { background:#eff0e6; } td.nw { cursor: nw-resize; } td.n { cursor: n-resize; } td.ne { cursor: ne-resize; } td.w { cursor: w-resize; } td.e { cursor: e-resize; } td.sw { cursor: sw-resize; } td.s { cursor: s-resize; } td.se { cursor: se-resize; } .btns { font-family: Tahoma, Arial, sans serif; cursor: default; position: absolute; right: 6px; top: 4px; } .buddycontent { width: 1px; position:absolute; visibility:hidden; overflow: hidden; } .buddies { border-style:solid; border-top-color:#B3B3B3; border-bottom-color:#C1D6EB; border-left-color:#B3B3B3; border-right-color:#C1D6EB; border-width:1px; font-family: Tahoma, Arial, sans serif; font-size: 12px; color: #666666; background-color:#FFFFFF; float: left; clear: both; cursor: default; visibility:inherit; overflow: auto; overflow-x: hidden; position: absolute; } .buddylist { font-family: Tahoma, Arial, sans serif; font-size: 12px; color: #23476A; margin:1px; padding-left:20px; background-color:#FFFFFF; float: left; clear: both; cursor: default; visibility:inherit; overflow-x: clip; overflow-y: auto; } .buddygroup { font-family: Tahoma, Arial, sans serif; font-size: 12px; color: #677788; margin:1px; padding-left:30px; background-color:#FFFFFF; float: left; clear: both; cursor: default; visibility:inherit; } .buddytools { cursor: default; position: absolute; } .buddyaway { font-family: Tahoma, Arial, sans serif; font-size: 11px; color: #666666; margin:0px; padding-top: 2px; padding-left: 2px; border: solid 1px; border-color:#EFF0E6; cursor: default; visibility:inherit; position: absolute; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 18px; } .buddyawayoptions { position: absolute; font-family: Tahoma, Arial, Sans Serif; color: #666666; cursor: default; visibility:hidden; left: 0px; top: 0px; width: 1px; height: 1px; font-family: Tahoma, Arial, Sans Serif; font-size: 10px; } .buddyrow { font-family: Tahoma, Arial, sans serif; font-size: 12px; color: #666666; margin-top:1px; margin-bottom:1px; padding-left:30px; background-color:#FFFFFF; float: left; clear: both; cursor: default; visibility:inherit; overflow: clip; overflow-x: clip; overflow-y: clip; text-overflow: ellipsis; white-space: nowrap; } .buddyrowidle { font-family: Tahoma, Arial, sans serif; font-size: 12px; color: #999999; margin-top:1px; margin-bottom:1px; padding-left:30px; background-color:#FFFFFF; float: left; clear: both; height:15px; cursor: default; visibility:inherit; } .uiLabel { font-family: Tahoma, Arial, Sans Serif; width: 100%; height: 18px; overflow: hidden; white-space: nowrap; } .uiLabel span { padding: 0 2px 0 3px; } .uiLabelEditField { font-family: Tahoma, Arial, Sans Serif; font-size: 11px; } .uiDescr { font-family: Tahoma, Arial, Sans Serif; font-size: 11px; } .fontHack { font-size: 100px; } .uiButtonLegacy { display: inline; cursor: pointer; _cursor: hand; } .uiButton { float: left; font-family: sans-serif; color: #ffffff; cursor: pointer; _cursor: hand; /* IE */ position: relative; } .uiButton-disabled { color: #a5a5a5; cursor: default; } .uiButton .uiLabel { width: auto; } .uiButtonLeft, .uiButtonRight, .uiButtonCenter { float: left; } /* push the button down a pixel when it is pressed */ .uiButton-down .uiButtonLeft, .uiButton-down .uiButtonCenter, .uiButton-down .uiButtonRight { position: relative; top: 1px; } /******* Normal Button */ .uiButton { font-size: 11px; } .uiButton .uiLabel { padding: 3px 6px 0 6px; } /* button measurements */ .uiButtonLeft, .uiButtonRight, .uiButtonCenter { height: 22px; } .uiButtonLeft, .uiButtonRight { width: 5px; } .uiButtonCenter { margin: 0 5px; display: inline; } .uiButtonLeft { margin-right: -5px; } .uiButtonRight { margin-left: -6px; margin-left: /**/ -5px;} /* button graphics for its three states */ .uiButton .uiButtonLeft-normal { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.normal.left.png) no-repeat top left; } .uiButton .uiButtonCenter-normal { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.normal.center.png) top right; } .uiButton .uiButtonRight-normal { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.normal.right.png) top right; } .uiButton .uiButtonLeft-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.hot.left.png) no-repeat top left; } .uiButton .uiButtonCenter-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.hot.center.png) top right; } .uiButton .uiButtonRight-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.hot.right.png) top right; } .uiButton .uiButtonLeft-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.down.left.png) no-repeat top left; } .uiButton .uiButtonCenter-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.down.center.png) top right; } .uiButton .uiButtonRight-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.down.right.png) top right; } .uiButton .uiButtonLeft-disabled { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.disabled.left.png) no-repeat top left; } .uiButton .uiButtonCenter-disabled { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.disabled.center.png) top right; } .uiButton .uiButtonRight-disabled { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.disabled.right.png) top right; } /* PNG support for the button graphics in IE */ .uiButton .uiButtonLeft-normal { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.normal.left.png'); _background: transparent; } .uiButton .uiButtonCenter-normal { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.normal.center.png', sizingMethod='scale'); _background: transparent; } .uiButton .uiButtonRight-normal { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.normal.right.png'); _background: transparent; } .uiButton .uiButtonLeft-hot { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.hot.left.png'); _background: transparent; } .uiButton .uiButtonCenter-hot { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.hot.center.png', sizingMethod='scale'); _background: transparent; } .uiButton .uiButtonRight-hot { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.hot.right.png'); _background: transparent; } .uiButton .uiButtonLeft-down { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.down.left.png'); _background: transparent; } .uiButton .uiButtonCenter-down { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.down.center.png', sizingMethod='scale'); _background: transparent; } .uiButton .uiButtonRight-down { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.down.right.png'); _background: transparent; } .uiButton .uiButtonLeft-disabled { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.disabled.left.png'); _background: transparent; } .uiButton .uiButtonCenter-disabled { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.disabled.center.png', sizingMethod='scale'); _background: transparent; } .uiButton .uiButtonRight-disabled { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.disabled.right.png'); _background: transparent; } /******* Big Button */ .uiButton-big { font-size: 12px; } .uiButton-big .uiLabel { padding: 5px 8px 0 8px; } /* button measurements */ .uiButton-big .uiButtonLeft, .uiButton-big .uiButtonRight, .uiButton-big .uiButtonCenter { height: 26px; } .uiButton-big .uiButtonLeft, .uiButton-big .uiButtonRight { width: 7px; } .uiButton-big .uiButtonCenter { margin: 0 7px; display: inline; } .uiButton-big .uiButtonLeft { margin-right: -7px; } .uiButton-big .uiButtonRight { margin-left: -7px; } /* button graphics for its three states */ .uiButton-big .uiButtonLeft-normal { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.big.normal.left.png) no-repeat top left; } .uiButton-big .uiButtonCenter-normal { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.big.normal.center.png) top right; } .uiButton-big .uiButtonRight-normal { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.big.normal.right.png) top right; } .uiButton-big .uiButtonLeft-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.big.hot.left.png) no-repeat top left; } .uiButton-big .uiButtonCenter-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.big.hot.center.png) top right; } .uiButton-big .uiButtonRight-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.big.hot.right.png) top right; } .uiButton-big .uiButtonLeft-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.big.down.left.png) no-repeat top left; } .uiButton-big .uiButtonCenter-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.big.down.center.png) top right; } .uiButton-big .uiButtonRight-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.big.down.right.png) top right; } .uiButton-big .uiButtonLeft-disabled { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.big.disabled.left.png) no-repeat top left; } .uiButton-big .uiButtonCenter-disabled { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.big.disabled.center.png) top right; } .uiButton-big .uiButtonRight-disabled { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.big.disabled.right.png) top right; } /* PNG support for the button graphics in IE */ .uiButton-big .uiButtonLeft-normal { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.big.normal.left.png'); _background: transparent; } .uiButton-big .uiButtonCenter-normal { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.big.normal.center.png', sizingMethod='scale'); _background: transparent; } .uiButton-big .uiButtonRight-normal { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.big.normal.right.png'); _background: transparent; } .uiButton-big .uiButtonLeft-hot { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.big.hot.left.png'); _background: transparent; } .uiButton-big .uiButtonCenter-hot { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.big.hot.center.png', sizingMethod='scale'); _background: transparent; } .uiButton-big .uiButtonRight-hot { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.big.hot.right.png'); _background: transparent; } .uiButton-big .uiButtonLeft-down { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.big.down.left.png'); _background: transparent; } .uiButton-big .uiButtonCenter-down { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.big.down.center.png', sizingMethod='scale'); _background: transparent; } .uiButton-big .uiButtonRight-down { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.big.down.right.png'); _background: transparent; } .uiButton-big .uiButtonLeft-disabled { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.big.disabled.left.png'); _background: transparent; } .uiButton-big .uiButtonCenter-disabled { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.big.disabled.center.png', sizingMethod='scale'); _background: transparent; } .uiButton-big .uiButtonRight-disabled { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.big.disabled.right.png'); _background: transparent; } /* ye orange button */ .uiButton-orange { font-size: 12px; font-weight: bold; color: white; } .uiButton-orange .uiLabel { padding: 10px 6px 0px 6px; } /* button measurements */ .uiButton-orange .uiButtonLeft, .uiButton-orange .uiButtonRight, .uiButton-orange .uiButtonCenter { height: 36px; } .uiButton-orange .uiButtonLeft, .uiButton-orange .uiButtonRight { width: 9px; } .uiButton-orange .uiButtonCenter { margin: 0 9px; display: inline; } .uiButton-orange .uiButtonLeft { margin-right: -9px; } .uiButton-orange .uiButtonRight { margin-left: -9px;} /* button graphics for its three states */ .uiButton-orange .uiButtonLeft-normal { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.normal.left.png) no-repeat top left; } .uiButton-orange .uiButtonCenter-normal { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.normal.center.png) top right; } .uiButton-orange .uiButtonRight-normal { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.normal.right.png) top right; } .uiButton-orange .uiButtonLeft-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.hot.left.png) no-repeat top left; } .uiButton-orange .uiButtonCenter-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.hot.center.png) top right; } .uiButton-orange .uiButtonRight-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.hot.right.png) top right; } .uiButton-orange .uiButtonLeft-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.down.left.png) no-repeat top left; } .uiButton-orange .uiButtonCenter-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.down.center.png) top right; } .uiButton-orange .uiButtonRight-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.down.right.png) top right; } .uiButton-orange .uiButtonLeft-disabled { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.disabled.left.png) no-repeat top left; } .uiButton-orange .uiButtonCenter-disabled { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.disabled.center.png) top right; } .uiButton-orange .uiButtonRight-disabled { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.disabled.right.png) top right; } /* PNG support for the button graphics in IE */ .uiButton-orange .uiButtonLeft-normal { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.normal.left.png'); _background: transparent; } .uiButton-orange .uiButtonCenter-normal { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.normal.center.png', sizingMethod='scale'); _background: transparent; } .uiButton-orange .uiButtonRight-normal { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.normal.right.png'); _background: transparent; } .uiButton-orange .uiButtonLeft-hot { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.hot.left.png'); _background: transparent; } .uiButton-orange .uiButtonCenter-hot { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.hot.center.png', sizingMethod='scale'); _background: transparent; } .uiButton-orange .uiButtonRight-hot { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.hot.right.png'); _background: transparent; } .uiButton-orange .uiButtonLeft-down { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.down.left.png'); _background: transparent; } .uiButton-orange .uiButtonCenter-down { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.down.center.png', sizingMethod='scale'); _background: transparent; } .uiButton-orange .uiButtonRight-down { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.down.right.png'); _background: transparent; } .uiButton-orange .uiButtonLeft-disabled { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.disabled.left.png'); _background: transparent; } .uiButton-orange .uiButtonCenter-disabled { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.disabled.center.png', sizingMethod='scale'); _background: transparent; } .uiButton-orange .uiButtonRight-disabled { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/button.orange.disabled.right.png'); _background: transparent; } /******* Blank button */ .uiButton-blank { font-size: 12px; } .uiButton-blank .uiLabel { padding: 0; } .uiButton-blank .uiButtonLeft, .uiButton-blank .uiButtonRight, .uiButton-blank .uiButtonCenter { height: auto; } .uiButton-blank .uiButtonLeft, .uiButton-blank .uiButtonRight, .uiButton-blank .uiButtonCenter { background: transparent; filter: none; } .uiButton-blank .uiButtonLeft-hot, .uiButton-blank .uiButtonRight-hot, .uiButton-blank .uiButtonCenter-hot { background: transparent; filter: none; } .uiButton-blank .uiButtonLeft-down, .uiButton-blank .uiButtonRight-down, .uiButton-blank .uiButtonCenter-down { background: transparent; filter: none; } .checkboxDescr { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: Tahoma, Arial, Sans Serif; font-size: 12px; color: #677788; cursor: default; } .uiToolbar { width: 100%; position: absolute; } .uiToolbar .selectIndicator { position: absolute; top: 0; background-color: #ddd; border: 1px solid #bbb; border-width: 0 1px; } .uiToolbarButton { float: left; font-family: sans-serif; color: #ffffff; cursor: pointer; _cursor: hand; /* IE */ position: relative; } .uiToolbarButton-disabled { color: #a5a5a5; cursor: default; } .uiToolbarButton .uiLabel { width: auto; } .uiToolbarButton .uiLabel img { position: relative; } .uiToolbarButtonLeft, .uiToolbarButtonRight, .uiToolbarButtonCenter { float: left; } .uiToolbarButton-down .uiButtonLeft, .uiToolbarButton-down .uiButtonCenter, .uiToolbarButton-down .uiButtonRight { position: relative; top: 1px; } .uiToolbarButton { font-size: 11px; } .uiToolbarButton .uiLabel { padding: 0; margin: 0 -5px; } .uiToolbarButton .uiLabel span { padding: 0; } .uiToolbarButton .uiLabel span.hasText { padding: 0 5px 0 2px; line-height: 24px; zoom: 1; } /* button measurements */ .uiToolbarButton .uiButtonLeft, .uiToolbarButton .uiButtonRight, .uiToolbarButton .uiButtonCenter { height: 26px; } .uiToolbarButton .uiButtonCenter { margin: 0 5px; display: inline; } /* button graphics for its three states */ .uiToolbarButton .uiButtonLeft-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.hot.left.png) no-repeat top left; } .uiToolbarButton .uiButtonCenter-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.hot.center.png) top right; } .uiToolbarButton .uiButtonRight-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.hot.right.png) top right; } .uiToolbarButton .uiButtonLeft-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.down.left.png) no-repeat top left; } .uiToolbarButton .uiButtonCenter-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.down.center.png) top right; } .uiToolbarButton .uiButtonRight-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.down.right.png) top right; } /**** no prelight version */ .uiToolbarButton-noprelight .uiButtonLeft-hot, .uiToolbarButton-noprelight .uiButtonCenter-hot, .uiToolbarButton-noprelight .uiButtonRight-hot { background-image: none; } .uiToolbarButton-noprelight .uiButtonLeft-down, .uiToolbarButton-noprelight .uiButtonCenter-down, .uiToolbarButton-noprelight .uiButtonRight-down { background-image: none; } /** Small Toolbar Button ******/ .uiToolbarButton-small .uiLabel span.hasText { line-height: 18px; } .uiToolbarButton-small .uiButtonLeft, .uiToolbarButton-small .uiButtonRight, .uiToolbarButton-small .uiButtonCenter { height: 20px; } /* button graphics for its three states */ .uiToolbarButton-small-depressed .uiButtonLeft, .uiToolbarButton-small-depressed .uiButtonLeft-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.small.down.left.png) no-repeat top left; } .uiToolbarButton-small-depressed .uiButtonCenter, .uiToolbarButton-small-depressed .uiButtonCenter-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.small.down.center.png) repeat-x top right; } .uiToolbarButton-small-depressed .uiButtonRight, .uiToolbarButton-small-depressed .uiButtonRight-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.small.down.right.png) no-repeat top right; } .uiToolbarButton-small .uiButtonLeft-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.small.hot.left.png) no-repeat top left; } .uiToolbarButton-small .uiButtonCenter-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.small.hot.center.png) repeat-x top right; } .uiToolbarButton-small .uiButtonRight-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.small.hot.right.png) no-repeat top right; } .uiToolbarButton-small .uiButtonLeft-down, .uiToolbarButton-small-depressed .uiButtonLeft-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.small.down.left.png) no-repeat top left; } .uiToolbarButton-small .uiButtonCenter-down, .uiToolbarButton-small-depressed .uiButtonCenter-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.small.down.center.png) repeat-x top right; } .uiToolbarButton-small .uiButtonRight-down, .uiToolbarButton-small-depressed .uiButtonRight-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.small.down.right.png) no-repeat top right; } /* XLarge Toolbar Button *****/ .uiToolbarButton-xlarge .uiLabel span.hasText { line-height: 32px; } .uiToolbarButton-xlarge .uiButtonLeft, .uiToolbarButton-xlarge .uiButtonRight, .uiToolbarButton-xlarge .uiButtonCenter { height: 32px; } /* button graphics for its three states */ .uiToolbarButton-xlarge-depressed .uiButtonLeft, .uiToolbarButton-xlarge-depressed .uiButtonLeft-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.xlarge.down.left.png) no-repeat top left; } .uiToolbarButton-xlarge-depressed .uiButtonCenter, .uiToolbarButton-xlarge-depressed .uiButtonCenter-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.xlarge.down.center.png) repeat-x top right; } .uiToolbarButton-xlarge-depressed .uiButtonRight, .uiToolbarButton-xlarge-depressed .uiButtonRight-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.xlarge.down.right.png) no-repeat top right; } .uiToolbarButton-xlarge .uiButtonLeft-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.xlarge.hot.left.png) no-repeat top left; } .uiToolbarButton-xlarge .uiButtonCenter-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.xlarge.hot.center.png) repeat-x top right; } .uiToolbarButton-xlarge .uiButtonRight-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.xlarge.hot.right.png) no-repeat top right; } .uiToolbarButton-xlarge .uiButtonLeft-down, .uiToolbarButton-xlarge-depressed .uiButtonLeft-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.xlarge.down.left.png) no-repeat top left; } .uiToolbarButton-xlarge .uiButtonCenter-down, .uiToolbarButton-xlarge-depressed .uiButtonCenter-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.xlarge.down.center.png) repeat-x top right; } .uiToolbarButton-xlarge .uiButtonRight-down, .uiToolbarButton-xlarge-depressed .uiButtonRight-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/toolbar.xlarge.down.right.png) no-repeat top right; } .uiTabbar { border-bottom: 1px #B3B3B3 solid; } .uiTab { font-weight: bold; font-family: Tahoma, Arial, Sans Serif; font-size: 12px; position: absolute; cursor: pointer; text-align: center; vertical-align: middle; width: 100%; color: #ffffff; } .uiTabSelected { background-color: #FFFFFF; color: #f4b669; border-color: #677788 #677788 #ffffff; border-style: solid; border-width: 1px; } .uiTab * { text-align: center; } .roundedTab-nw { position: absolute; top: -1px; left: -1px; background-image: url(http://images.meebo.com/image/skin/onyx/img/corners/white-putty-nw.gif); background-repeat: no-repeat; height: 6px; width: 6px; } .roundedTab-ne { position: absolute; top: -1px; right: -1px; _right: -2px; background-image: url(http://images.meebo.com/image/skin/onyx/img/corners/white-putty-ne.gif); background-repeat: no-repeat; width: 6px; height: 6px; } .uiDlg { position: absolute; z-index: 1; } /***** IF YOU MODIFY THIS PROPERTY MAKE SURE THAT YOU MODIFY THE RIPPING SCRIPT *****/ .uiDlgBg { background: #777777; } .chromeless .uiDlgBg { background: #777777; } .chromeless .inactive .uiDlgBg { background: #555555; } .uiDlgButtons { font-family: Tahoma, Arial, sans serif; cursor: default; position: absolute; right: 6px; top: 4px; } .uiDlgButton { cursor: pointer; float: left; width: 19px; height: 19px; } .uiDlgButtonMin { background: url(http://images.meebo.com/image/skin/onyx/img/min.gif) no-repeat; } .uiDlgButtonMax { background: url(http://images.meebo.com/image/skin/onyx/img/max.gif) no-repeat; } .uiDlgButtonClose { background: url(http://images.meebo.com/image/skin/onyx/img/close.gif) no-repeat; } .uiDlgButtonRestore { background: url(http://images.meebo.com/image/skin/onyx/img/restore.gif) no-repeat; } .hot .uiDlgButtonMin { background: url(http://images.meebo.com/image/skin/onyx/img/min_hot.gif) no-repeat; } .hot .uiDlgButtonMax { background: url(http://images.meebo.com/image/skin/onyx/img/max_hot.gif) no-repeat; } .hot .uiDlgButtonClose { background: url(http://images.meebo.com/image/skin/onyx/img/close_hot.gif) no-repeat; } .hot .uiDlgButtonRestore { background: url(http://images.meebo.com/image/skin/onyx/img/restore_hot.gif) no-repeat; } .down .uiDlgButtonMin { background: url(http://images.meebo.com/image/skin/onyx/img/min_down.gif) no-repeat; } .down .uiDlgButtonMax { background: url(http://images.meebo.com/image/skin/onyx/img/max_down.gif) no-repeat; } .down .uiDlgButtonClose { background: url(http://images.meebo.com/image/skin/onyx/img/close_down.gif) no-repeat; } .down .uiDlgButtonRestore { background: url(http://images.meebo.com/image/skin/onyx/img/restore_down.gif) no-repeat; } .disable .uiDlgButtonMin { background: url(http://images.meebo.com/image/skin/onyx/img/min_disable.gif) no-repeat; } .disable .uiDlgButtonMax { background: url(http://images.meebo.com/image/skin/onyx/img/max_disable.gif) no-repeat; } .disable .uiDlgButtonClose { background: url(http://images.meebo.com/image/skin/onyx/img/close_disable.gif) no-repeat; } .uiDlgCaption { display: inline; overflow: hidden; white-space: nowrap; position: absolute; width: 1px; left: 6px; cursor: default; height: 15px; line-height: normal; font-family: Tahoma, Arial, sans-serif; font-weight: bold; font-size: 12px; color: #FFFFFF; } .uiDlgContentArea { position: absolute; top: 30px; left: 4px; overflow: hidden; } .chromeless .uiDlgContentArea { top: 8px; } .inactive .uiDlgCaption { color: #cccccc; } .chromeless .uiDlgCaption { display: none; } .chromeless .minimize .uiDlgCaption { display: block; color: #416B99; } .uiDlgFrame { padding: 0; margin: 0; height: 100%; width: 100%; /* border: 1px solid black; */ border-collapse: collapse; } .uiDlgFrame tr, .uiDlgFrame td { padding: 0; margin: 0; line-height: 0.1; font-size: 5px; /* border: 1px solid black; */} /****** Resize cursors */ .resizable .uiDlgNW { cursor: nw-resize; } .resizable .uiDlgN { cursor: n-resize; } .resizable .uiDlgNE { cursor: ne-resize; } .resizable .uiDlgW, .resizable .uiDlgBarW { cursor: w-resize; } .resizable .uiDlgE, .resizable .uiDlgBarE { cursor: e-resize; } .resizable .uiDlgSW { cursor: sw-resize; } .resizable .uiDlgS { cursor: s-resize; } .resizable .uiDlgSE, .uiDlgHandle { cursor: se-resize; } /****** Window borders */ /* heights */ .uiDlgRowN, .uiDlgNW, .uiDlgN, .uiDlgNE { height: 8px; } .uiDlgRowBar, .uiDlgBarW, .uiDlgBarN, .uiDlgBarE { height: 22px; } .uiDlgRowS, .uiDlgSW, .uiDlgS, .uiDlgBarSE { height: 8px; } /* widths */ .uiDlgNW, .uiDlgBarW, .uiDlgW, .uiDlgSW { width: 8px; } .uiDlgNE, .uiDlgBarE, .uiDlgE, .uiDlgSE { width: 8px; } /* chromeless */ .chromeless .uiDlgRowBar, .chromeless .uiDlgBarW, .chromeless .uiDlgBarN, .chromeless .uiDlgBarE { height: 50px; } .uiMenu { position: absolute; width: 100%; height: 100%; font-family: Tahoma, Arial, Sans Serif; font-size: 10px; background-color: #F0F4F8; border: solid 1px; border-color: #C1D6EB; visibility: hidden; overflow: auto; overflow-x: hidden; cursor: default; } .uiMenuItem { position: absolute; background-repeat: no-repeat; width: 100%; height: 100%; /*margin-bottom: 2px; padding-top: 3px; padding-bottom: 1px;*/ overflow: hidden; cursor: default; } .uiIconMenuItem td.selected div { margin: -3px; position: relative; } .uiIconMenuItem td.selected div img { border: 3px solid #dde4f5; position: relative; } .uiIconMenuItem td.itemDescription div { position: relative; margin: 0; top: 3px; } .uiIconMenuItem td.itemDescription { color: gray; font-size: 10px; } .uiMenuHeader, .uiIconChooser { float: left; font-family: sans-serif; color: #ffffff; cursor: pointer; _cursor: hand; /* IE */ position: absolute; /* TODO: should this be default? */ } .uiMenuHeader-disabled { color: gray; cursor: default; } .uiMenuHeader .uiLabel { width: auto; } .uiButtonLeft, .uiButtonRight, .uiButtonCenter { float: left; } /* push the button down a pixel when it is pressed */ .uiMenuHeader-down .uiButtonLeft, .uiMenuHeader-down .uiButtonCenter, .uiMenuHeader-down .uiButtonRight { position: relative; top: 1px; } /******* Normal Button */ .uiMenuHeader { font-size: 11px; } .uiMenuHeader .uiLabel { padding: 3px 2px 0px 2px; } /* button measurements */ .uiMenuHeader .uiButtonLeft, .uiMenuheader .uiButtonRight, .uiMenuHeader .uiButtonCenter { height: 22px; } .uiMenuHeader .uiButtonLeft, .uiMenuHeader .uiButtonRight { width: 5px; } /* button graphics for its three states */ .uiMenuHeader .uiButtonLeft-normal { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/menu.normal.left.png) no-repeat top left; } .uiMenuHeader .uiButtonCenter-normal { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/menu.normal.center.png) top right; } .uiMenuHeader .uiButtonRight-normal { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/menu.normal.right.png) top right; } .uiMenuHeader .uiButtonLeft-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/menu.hot.left.png) no-repeat top left; } .uiMenuHeader .uiButtonCenter-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/menu.hot.center.png) top right; } .uiMenuHeader .uiButtonRight-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/menu.hot.right.png) top right; } .uiMenuHeader .uiButtonLeft-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/menu.down.left.png) no-repeat top left; } .uiMenuHeader .uiButtonCenter-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/menu.down.center.png) top right; } .uiMenuHeader .uiButtonRight-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/menu.down.right.png) top right; } .uiMenuHeader .uiButtonLeft-disabled { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/menu.disabled.left.png) no-repeat top left; } .uiMenuHeader .uiButtonCenter-disabled { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/menu.disabled.center.png) top right; } .uiMenuHeader .uiButtonRight-disabled { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/menu.disabled.right.png) top right; } /* PNG support for the button graphics in IE */ .uiMenuHeader .uiButtonLeft-normal { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/menu.normal.left.png'); _background: transparent; } .uiMenuHeader .uiButtonCenter-normal { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/menu.normal.center.png', sizingMethod='scale'); _background: transparent; } .uiMenuHeader .uiButtonRight-normal { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/menu.normal.right.png'); _background: transparent; } .uiMenuHeader .uiButtonLeft-hot { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/menu.hot.left.png'); _background: transparent; } .uiMenuHeader .uiButtonCenter-hot { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/menu.hot.center.png', sizingMethod='scale'); _background: transparent; } .uiMenuHeader .uiButtonRight-hot { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/menu.hot.right.png'); _background: transparent; } .uiMenuHeader .uiButtonLeft-down { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/menu.down.left.png'); _background: transparent; } .uiMenuHeader .uiButtonCenter-down { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/menu.down.center.png', sizingMethod='scale'); _background: transparent; } .uiMenuHeader .uiButtonRight-down { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/menu.down.right.png'); _background: transparent; } .uiMenuHeader .uiButtonLeft-disabled { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/menu.disabled.left.png'); _background: transparent; } .uiMenuHeader .uiButtonCenter-disabled { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/menu.disabled.center.png', sizingMethod='scale'); _background: transparent; } .uiMenuHeader .uiButtonRight-disabled { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buttons/menu.disabled.right.png'); _background: transparent; } /* button graphics for its three states */ /********** OnDemand */ .uiMenuHeader-ondemand .uiButtonLeft, .uiMenuHeader-ondemand .uiButtonCenter, .uiMenuHeader-ondemand .uiButtonRight { background: transparent; /* override the above skin */ filter: none; } .uiMenuHeader-ondemand .uiButtonLeft-normal, .uiMenuHeader-ondemand .uiButtonRight-normal { width: 7px; background: transparent; /* override the above skin */ background-repeat: none; filter: none; height: 24px; } .uiMenuHeader-ondemand .uiButtonCenter-normal { background: transparent; /* override the above skin */ background-repeat: none; filter: none; height: 24px; } .uiMenuHeader-ondemand .uiButtonLeft-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/console.hot.left.gif) no-repeat top left; font-size: 12px; height: 24px; width: 7px; } .uiMenuHeader-ondemand .uiButtonCenter-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/console.hot.center.gif) top right; font-size: 12px; height: 24px; color: #415998;} .uiMenuHeader-ondemand .uiButtonRight-hot { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/console.hot.right.gif) top right; font-size: 12px; height: 24px; width: 7px;} .uiMenuHeader-ondemand .uiButtonLeft-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/console.down.left.gif) no-repeat top left; font-size: 12px; height: 24px; width: 7px;} .uiMenuHeader-ondemand .uiButtonCenter-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/console.down.center.gif) top right; font-size: 12px; height: 24px; color: #415998; } .uiMenuHeader-ondemand .uiButtonRight-down { background: url(http://images.meebo.com/image/skin/onyx/img/buttons/console.down.right.gif) top right; font-size: 12px; height: 24px; width: 7px;} /******* Chromeless */ .uiMenuHeader-chromeless .uiButtonLeft, .uiMenuHeader-chromeless .uiButtonCenter, .uiMenuHeader-chromeless .uiButtonRight { background: transparent; /* override the above skin */ filter: none; } .uiMenuHeader-chromeless .uiButtonCenter-hot, .uiMenuHeader-chromeless .uiButtonCenter-down { text-decoration: underline; } /******* Disabled */ .uiMenuHeader-chromeless-disabled .uiButtonLeft, .uiMenuHeader-chromeless-disabled .uiButtonCenter, .uiMenuHeader-chromeless-disabled .uiButtonRight { background: transparent; /* override the above skin */ filter: none; } /******* IconChooser */ .uiIconChooser { position: relative; } .uiIconChooser .uiLabel { margin: 5px; } .uiiconchooser img { position: absolute; top: 5px; left: 5px; } .uiiconchooser .dropdownimg { top: 40px; left: 40px; display: none; } /* button measurements */ .uiIconChooser .uiButtonLeft, .uiIconChooser .uiButtonRight, .uiIconChooser .uiButtonCenter { height: 58px; } .uiIconChooser .uiButtonLeft, .uiIconChooser .uiButtonRight { width: 0; margin: 0; } .uiIconChooser .uiButtonCenter { width: 58px; margin: 0; } .uiIconChooser .uiButtonCenter-normal { background: url('http://images.meebo.com/image/skin/onyx/img/buddyiconborder.png'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buddyiconborder.png', sizingMethod='scale'); _background: transparent; } .uiIconChooser .uiButtonCenter-hot, .uiIconChooser .uiButtonCenter-down { background: url('http://images.meebo.com/image/skin/onyx/img/buddyiconborder-over.png'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/buddyiconborder-over.png', sizingMethod='scale'); _background: transparent; } .uiIconChooser .uiButtonCenter-hot .dropDownImg, .uiIconChooser .uiButtonCenter-down .dropDownImg { display: inline; } .uiTreeHeader { overflow: hidden; overflow-x: hidden; white-space: nowrap; height: 15px; position: relative; } .uiTreeHandleElement { position: relative; left: 4px; padding-right: 4px; } .uiTree .uiLabel { display: inline; white-space: nowrap; } .uiTree .midLabel { font-size: 10px; } .uiTree .numberedMidText { font-size: 12px; } .uiSpinner td { vertical-align: middle; font-family: Tahoma, Arial, sans serif; font-size: 11px; } .uiSpinnerInputBox { width: 36px; height: 18px; font-size: 11px; } .uiFindBarContainer { font-family: Tahoma, Arial, sans serif; font-size: 11px; } .uiFindBarTable { height: 100%; } .uiFindBarLbl { font-family: Tahoma, Arial, sans serif; font-size: 11px; } .uiFindBarBox { margin-left: 5px; width: 110px; height: 18px; font-family: Tahoma, Arial, sans serif; font-size: 11px; } .uiFindBarMsg { margin-left: 5px; font-family: Tahoma, Arial, sans serif; font-size: 11px; } .uiAccordion { width: auto; height: auto; } .searchBox { position: absolute; height: 15px; _height: 17px; border-width: 1px; border-style: solid; border-color: #000000; } .searchBoxFocus { position: absolute; height: 15px; border-width: 2px; border-style: solid; margin: -1px; _height: 19px; border-color: #000000; } .searchBoxInput { position: absolute; top: 0px; left: 0px; height: 15px; border: 0px none; padding-left: 3px; } .searchBox .searchBoxInput { background-color: #E6EDF6; } .searchBoxFocus .searchBoxInput { background-color: #FFFFFF; } .searchBoxButton { position: absolute; width: 15px; height: 15px; top: 0px; _top: 0px; cursor: pointer; } .featuredBar { width: 100%; padding: 3px 0px; background-color: #E0E0E0; } .featuredChooser { width: 100%; } .featuredContent { width: 100%; } .featuredContent .customize { font-weight: bold; margin-left: 2px; } .featuredContent .link { cursor: pointer; text-decoration: underline; } .featuredContent img { vertical-align: middle; } /* **************** acceptdenydlg.css **************** */ .maAcceptBtn { position: absolute; right: 198px; bottom: 0px; } .maAcceptOnlyBtn { position: absolute; right: 73px; bottom: 0px; } .maAcceptAndAddBtn { position: absolute; right: 73px; bottom: 0px; } .maDenyBtn { position: absolute; right: 8px; bottom: 0px; } /* **************** blogdlg.css **************** */ .uiBlogContent { font-family: Tahoma, Arial, sans serif; font-size: 11px; border-style: solid; border-top-color: #B3B3B3; border-bottom-color: #C1D6EB; border-left-color: #B3B3B3; border-right-color: #C1D6EB; border-width: 1px; overflow: auto; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; position: absolute; top: 0; left: 0; } /* **************** buddydlg.css **************** */ .maBlToolbar { position: absolute; top: 0px; } .maBlBuddies { border: 1px solid black; border-color: #B3B3B3 #C1D6EB #C1D6EB #B3B3B3; font-family: Tahoma, Arial, sans serif; font-size: 12px; color: #666666; background-color:#FFFFFF; cursor: default; overflow: auto; overflow-x: hidden; position: absolute; } #buddyListOverlay { overflow: hidden; } .meeboChat { position: relative; } .meeboChat .uiTreeHeader { height: 26px; } .meeboChat .preLabel { overflow: visible; } .meeboChat .preLabel img { position: absolute; top: 0px; left: 10px; } .meeboChat .preLabel span { position: absolute; left: 32px; color: rgb(85, 95, 106); } .meeboChat .midLabel { font-size: 10px; color: #999; position: absolute; top: 14px; left: 32px; } .maBlWaitContainer { position: absolute; left: 50%; right: 50%; top: 50%; bottom: 50%; margin-left: -65px; margin-top: -16px; width: 130px; display: none; } .maBlWaitContainer td { font-family: Tahoma, Arial, sans serif; font-size: 11px; color: #4BA8EA; } .maBlWaitImgCell { width: 33px; } .maBlWaitTextCell { background-color: #FFFFFF; width: 100px; } .maBlUpsell { position: relative; width: 225px; height: 100%; overflow: hidden; } .maBlUpsell a { color: #415998; font-weight: bold; } .maBlUpsellHeader { color: #FFFFFF; font-size: 14px; font-family: Tahoma, Arial, sans-serif; text-align: left; font-weight: bold; padding: 5px 0px 0px 10px; } .maBlUpsellProtocols { margin-top: 10px; } .maBlUpsellBody .textBox { width: 125px; padding-left: 3px; } .maBlUpsellBody #upsell-protocol { width: 125px; height: 16px; } .maBlUpsellBody #upsell-protocol div { position: relative; } .maBlUpsellBody #upsell-signon { margin-top: 10px; text-transform: capitalize; } #upsell-invisible { width: 130px; } #upsell-invisible input { margin: 5px 4px 0px 0px; } #upsell-invisible label { line-height: 19px; vertical-align: middle; } .maBlUpsellBody td { color: #415998; text-transform: lowercase; } .maBlUpsellFooter { position: absolute; text-align: left; top: 385px; left: 0px; padding: 10px; font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #415998; } .maBlUpsellFooter .title { font-size: 14px; font-weight: bold; margin-bottom: 5px; } .maBlUpsellLabel { padding-right: 5px; } /* **************** failsignondlg.css **************** */ .uiFailSignOnDescr{ font-family: Tahoma, Arial, Sans Serif; } .uiFailSignOnBody{ font-family: Tahoma, Arial, Sans Serif; } .ImFileTransfer { position: relative; width: 32px; height: 27px; overflow: hidden; } .ImFileTransferInput { position: relative; font-size: 60pt; cursor: pointer; } .ImFileDownloadIframe { position: absolute; top: -1000px; left: -1000px; } /* **************** mymeebodlg.css **************** */ .myMeeboContent { font-family: Tahoma, Arial, sans serif; font-size: 11px; border-style: solid; border-top-color: #B3B3B3; border-bottom-color: #C1D6EB; border-left-color: #B3B3B3; border-right-color: #C1D6EB; border-width: 1px; overflow: auto; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; } .myMeeboHeader { height: 20px; width: 100%; } /* **************** signondlg.css **************** */ .uiSignOnFormText { font-family: Tahoma, Arial, sans serif; font-size: 11px; font-weight: bold; } .uiSignOnNetText { font-family: Tahoma, Arial, sans serif; font-size: 11px; font-weight: bold; position: absolute; left: 17px; top: 45px; } .uiSignOnNameText { font-family: Tahoma, Arial, sans serif; font-size: 11px; font-weight: bold; position: absolute; left: 17px; top: 73px; } .uiSignOnNameInput { position: absolute; top: 73px; left: 100px; } .uiSignOnPassText { font-family: Tahoma, Arial, sans serif; font-size: 11px; font-weight: bold; position: absolute; left: 17px; top: 101px; } .uiSignOnPassInput { position: absolute; top: 101px; left: 100px; } .uiSignOnInvOption { font-family: Tahoma, Arial, sans serif; font-size: 10px; position:absolute; top: 128px; left: 97px; } .uiAddToMeeboAccountOption { font-family: Tahoma, Arial, sans serif; font-size: 10px; position:absolute; top: 146px; left: 97px; } .uiSignOnProtocolText { font-family: Tahoma, Arial, sans serif; font-size: 11px; font-weight: bold; } .uiSignOnHeaderText { font-family: Tahoma, Arial, sans serif; } .uiSignOnHeaderImg { margin: 5px; vertical-align: top; } .uiSignOnButtons { margin-right: 5px; } #signOnDlg label { cursor: pointer; } /********* input for dlgs - make standard *************/ .maDlgLabel { font-family: Tahoma, Arial, sans serif; font-size: 11px; font-weight: bold; position: absolute; left: 10px; } .maDlgImg { float: left; padding-right: 5px; padding-bottom: 2px; } .maDlgInput { font-family: Tahoma, Arial, sans serif; padding-left: 3px; position: absolute; left: 102px; } .maDlgTextArea { font-family: Tahoma, Arial, sans serif; font-size: 10px; width: 100%; height: 100%; } .maDlgHeader, #statusText { font-family: Tahoma, Arial, sans serif; font-size: 11px; } .maDlgRichEditContainer { overflow: hidden; border-style: solid; border-width: 1px; border-color: #b3b3b3 #b3b3b3 #c1d6eb #b3b3b3; margin: 3px; position: absolute; } .maDlgFontbar { background-color: #edf3fe; height: 27px; } /* **************** waitdlg.css **************** */ .maWaitEmbedded { position: absolute; left: 50%; right: 50%; top: 50%; bottom: 50%; margin-left: -100px; margin-top: -50px; } /* **************** debugdlg.css **************** */ .uiDebugContent { font-family: Tahoma, Arial, sans serif; font-size: 11px; border-style: solid; border-top-color: #B3B3B3; border-bottom-color: #C1D6EB; border-left-color: #B3B3B3; border-right-color: #C1D6EB; border-width: 1px; overflow: auto; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; } /* **************** meebonewwidget.css **************** */ /* top container */ .meeboNewWidgetTop { height: 50px; font-family: Tahoma, Arial, sans serif; font-size: 11px; } .meeboNewWidgetHeadImg { margin-left: 10px; margin-right: 10px; } /* body container */ .meeboNewWidgetBody { font-family: Tahoma, Arial, sans serif; font-size: 11px; } .meeboNewWidgetLabel { font-family: Tahoma, Arial, sans serif; font-size: 11px; font-weight: bold; width: 85px; } .meeboNewWidgetField { font-family: Tahoma, Arial, sans serif; font-size: 11px; width: 190px; } .meeboNewWidgetName { width: 200px; } .meeboNewWidgetPreviewRow { } .meeboNewWidgetButtonRow { height: 25px; } .meeboNewWidgetPreview { width: 100%; overflow: hidden; text-align: center; } .meeboNewWidgetPreviewImg { margin-left: 10px; margin-right: 10px; margin-top: 7px; cursor: pointer; } /* **************** statusMenuDlg.css **************** */ .meeboStatusMenuDlg .statusList { top: 4px; left: 0; border: 1px solid gray; border-color: #B3B3B3 #C1D6EB #C1D6EB #B3B3B3; background-color: white; overflow: auto; overflow-x: hidden; cursor: default; font-family: Tahoma, Arial, sans serif; font-size: 11px; position: absolute; } .meeboStatusMenuDlg .buttonContainer { position: absolute; right: 6px; bottom: 0px; } .meeboStatusMenuDlg .buttonContainer .uiButton { margin-left: 1em; float: right; } /*** widget dlg for rooms ***/ .widgetRoomControl { position: absolute; left: 75px; } .widgetRoomLabel { position: absolute; width: 70px; text-align: right; left: 0px; font-weight: bold; } .widgetRoomNameRow { top: 40px; } .widgetRoomSizeRow { top: 48px; } .widgetRoomRadio { word-spacing: 3px; height: 22px; } .widgetRoomMediaNote { font-weight: bold; color: #FF781F; } .widgetRoomMediaOptionRow { top: 142px; } .widgetRoomEmbedRow { top: 165px; } .widgetRoomEmbed { padding-left: 5px; overflow: hidden; } .widgetRoomInput { padding-left: 5px; } /*** invite for rooms ***/ .inviteControl { position: absolute; left: 96px; } .inviteLabel { position: absolute; width: 80px; text-align: right; left: 8px; font-weight: bold; } .inviteEmailMsg { top: 98px; } .inviteNameRow { top: 45px; } .inviteYourName { top:45px; } .inviteEmail { top: 75px; } .inviteProt { top: 77px; } .inviteEmailInstr { position: absolute; left: 5px; bottom: 5px; } /*** create room dialog *****/ .createGroupChat { line-height: 18px; } .createGroupChat .uiButton { line-height: 1.2em; } /* default */ .createGroupChatLabel { position: absolute; width: 80px; text-align: right; left: 8px; font-weight: bold; } .createGroupChatControl { position: absolute; left: 96px; } .createGroupChatError { position: absolute; left: 5px; background-color: #ffc1c1; height: 24px; } .unselectable { user-select: none; -moz-user-select: none; -khtml-user-select: none; cursor: default; } .createGroupChatIconPreview { border: 1px solid #eee; border-color: #bbb #ddd #ddd #bbb; background: white; padding: 3px; position: absolute; top: 225px; left: 20px; } .createGroupChatIconSelected { margin: -3px; } .createGroupChatIconSelected input { border: 3px solid #ff7f50; } .createGroupChatNameRow { top: 45px; } .createGroupChatDescriptionRow { top: 69px; } .createGroupChatTagsRow { top: 117px; } .createGroupChatCategories { line-height: 14px; } .createGroupChatCategoriesRow { top: 142px; } .createGroupChatCategoriesRow .highlighted, .createGroupChatCategoriesRow .selected { background-color: #667788; color: #FFFFFF; } .createGroupChatCategoriesRow .category { cursor: pointer; } .createGroupChatCategoriesRow .instructions { margin-bottom: 2px; } .createGroupChatIconRow { top: 204px; } .createGroupChatIconTable { top: 225px; } .createGroupChatChooseButton { top: 300px; } .createGroupChatPublicModerator { top: 326px; } .createGroupChatPrivateModerator { top: 346px; } .createGroupChatPrivacyRow { top: 371px; } .createGroupChatPrivacyRow2 { top: 388px; } .createGroupChatPrivacyRow3 { top: 409px; } .createGroupChatPrivacyRow4 { top: 433px; } .createGroupChatInstr { position: absolute; bottom:0px; left: 8px;} .createGroupChatPage { display: none; width: 100%; height: 100%; position: absolute; } .createBuddies { margin: 0px 7px 0px 7px; } .createBuddyList { border: 1px solid #000000; border-color: #B3B3B3 #C1D6EB #C1D6EB #B3B3B3; overflow: auto; background-color: #FFFFFF; } .createBuddyListTitle { font-weight: bold; margin: 3px 0px 3px 0px; } .createBuddyListImg { margin: 0px 2px 0px 2px; } .createBuddyListLinks { text-align: right; } .createBuddyListLink { cursor: pointer; } .createBuddyListLinkHover { text-decoration: underline; } .createBuddyListText { position: relative; top: 2px; } .createInviteMsg { height: 45px; } .createInviteMsg textarea { width: 100%; height: 100%; } .createBuddyListLinks .checkAll { margin: 2px 2px 0px 0px; } .createBuddyListLinks .clearAll { margin: 2px 2px 0px 4px; } .createBuddyListBackBtn { margin-right: 1em; } /*** create meebo account dialog *****/ .createMeeboAccount { line-height: 18px; } .createMeeboAccount .uiButton { line-height: 1.2em; } /* default */ .createMeeboAccountLabel { position: absolute; width: 80px; text-align: right; left: 8px; font-weight: bold; } .createMeeboAccountControl, .createMeeboAccountHint { position: absolute; left: 96px; width: 180px; } .createMeeboAccountHint { font-size: 0.9em; } .createMeeboAccountHeader { position: absolute; display: none; } .createMeeboAccountInstructions { position: absolute; width: 288px; left: 8px; font-size: 12px; } .createMeeboAccountInstructions td { vertical-align: top; } .createMeeboAccountInstructions img { margin-right: 5px; } .createMeeboAccountInstructions td.text { padding-top: 10px; } .createMeeboAccountStep1 { position: absolute; top: 0; left: 292px; } .createMeeboAccountInstructions1 { top: 0px; } .createMeeboAccountIDRow { top: 52px; } .createMeeboAccountIDHint { top: 73px; line-height: 12px; } .createMeeboAccountPasswordRow { top: 106px; } .createMeeboAccountPasswordHint { display: none; line-height: 12px; } .createMeeboAccountPasswordConfirmRow { top: 130px; } .useWizard .createMeeboAccountPasswordHint { top: 127px; display: block; } .useWizard .createMeeboAccountPasswordConfirmRow { top: 154px; } .createMeeboAccountStep2 { position: absolute; top: 169px; left: 292px; } .useWizard .createMeeboAccountStep2 { top: 0; } .createMeeboAccountInstructions2 { top: 0px; } .createMeeboAccountNameRow { top: 52px; } .createMeeboAccountNameHint { display: none; line-height: 12px; } .createMeeboAccountEmailRow { top: 76px; } .createMeeboAccountEmailHint { display: none; line-height: 12px; } .createMeeboAccountGenderRow { top: 106px; } .createMeeboAccountAgeRow { top: 130px; } .useWizard .createMeeboAccountNameHint { top: 73px; display: block; } .useWizard .createMeeboAccountEmailRow { top: 102px; } .useWizard .createMeeboAccountEmailHint { top: 123px; display: block; } .useWizard .createMeeboAccountGenderRow { top: 180px; } .useWizard .createMeeboAccountAgeRow { top: 204px; } .createMeeboAccountBlurb { position: absolute; top: 4px; left: 0px; background-color: white; border: 1px solid #eee; border-color: #bbb #ddd #ddd #bbb; padding: 12px; width: 264px; _width: 290px; /* width + padding + borders */ height: 320px; _height: 346px; /* height + padding + borders */ } .createMeeboAccountBlurb p { margin: 0 0 12px 0; } /* ========= AddMediaDlg.js ========= */ .addMediaLabel { font-family: Tahoma, Arial, sans serif; font-size: 11px; font-weight: bold; position: absolute; left: 10px; } .addMediaInput { font-family: Tahoma, Arial, sans serif; padding-left: 3px; position: absolute; left: 45px; width: 195px; } .addMediaImgTable { position: absolute; top: 70px; left: 5px; width: 230px; } /*** Shared Styles - styles shared by chat and rooms ***/ .uiImToolbarButton { position: absolute; background-repeat: no-repeat; cursor: pointer; } .uiImFontbar { height: 25px; position: absolute; bottom: 66px; /*status height = 12 + message height = 48 + slider height = 4 */ } .uiImStatus, .meeboChatURL, .meeboChatURL input { font-family: Tahoma, Arial, sans serif; color: #cccccc; } .uiImStatus { position: absolute; bottom: 0px; left: 3px; } .ImStatusRuler { font-family: Tahoma, Arial, sans serif; font-size: 11px; } .ImBuddyList, .uiImMessage, .uiImHistory { font-family: Tahoma, Arial, sans serif; font-size: 11px; border-style: solid; border-top-color: #B3B3B3; border-bottom-color: #C1D6EB; border-left-color: #B3B3B3; border-right-color: #C1D6EB; border-width: 1px; background-color: #FFFFFF; position: absolute; padding-left: 2px; padding-right: 2px; overflow: auto; word-wrap: break-word; } .uiImMessage { bottom: 12px; height: 48px; } .uiImHistory { top: 30px; color: gray; } .ImBuddyList .groupTreeHeader { cursor: default; height: 20px; } .imdlg-protocolchat .ImBuddyList .groupTreeHeader, .imdlg-buddy .ImBuddyList .groupTreeHeader { display: none; } .ImBuddyList { right: 0px; width: 99px; /*this is also hard coded in the imDlg as 75, we're making it 9 px less*/ overflow-x: hidden; display: none; padding: 0; } .ImBuddyList .uiLabel span { line-height: 20px; zoom: 1; } .ImBuddyList .uiLabel img { margin: 1px 2px; } .ImBuddyList .BuddyBadge { position: absolute; top: 10px; left: 12px; } .ImChatHeader { width: 90%; font-family: Arial, Tahoma, sans serif; font-size: 11px; padding-left: 2px; padding-right: 2px; } .appSlider, .historySlider, .buddylistSlider, .topSlider, .bottomSlider{ font-size: 0px; line-height: 0px; position: absolute; } .topSlider { bottom: 89px; /*status height = 12 + message height = 48 + bottom slider = 4 + toolbar = 25 */ cursor: n-resize; height: 4px; } .bottomSlider { bottom: 60px; /*status height = 12 + message height = 48 */ cursor: s-resize; height: 4px; } .appSlider, .historySlider, .buddylistSlider { width: 4px; cursor: e-resize; } .historySlider { top: 49px;/* 25 + 24px */ } .appSlider { top: 25px; } .buddyListSlider { right: 102px; /* buddylist w = 99 + verticalsliderwidth = 3 */ } .buddyListSliderImage, .historySliderImage { position: absolute; left: 0px; cursor: pointer; _cursor: hand; } /*** Chat specific styles***/ .ImBuddyIconFloater { width: 0px; line-height: 0px; height: 0px; float: right; } .ImBuddyIconContainer { visibility: hidden; float: right; clear: right; } .ImReceive { font-family: Arial, Tahoma, sans serif; font-size: 11px; color: #0163B3; } .ImSend { font-family: Arial, Tahoma, sans serif; font-size: 11px; color: #D35900; } .imdlg-buddy .uiImHistory .fileInfo { color: #000000; } .imdlg-buddy .uiImHistory .fileInfo img { margin-right: 3px; margin-bottom: -2px; } .imdlg-buddy .uiImHistory .fileInfo .sendFileIcon { height: 12px; width: auto; } .imdlg-buddy .uiImHistory .fileError { color: #FF0000; } .uiImHistory .acceptLink { text-decoration: underline; color: #0000FF; cursor: pointer; } .ImBuddyIcon { position: absolute; right: 2px; top: 32px; max-height: 50px; max-width: 50px; margin: 2px; visibility: hidden; } .ImGroupInvite { position: absolute; right: 0px; top: 7px; /*this is hard coded in the imDlg as the height of the toolbar*/ width: 99px; } /*** Room specific styles ***/ .uiImHistoryMediaContainer { background-color: #F3F6F8; width: 100%; margin: 2px 0px 2px 0px; overflow: hidden; } .uiImHistoryMediaContainer table { width: 100%; margin: 3px 0px 3px 0px; } .uiImHistoryMediaContainer td { font-family: Tahoma, Arial, sans serif; font-size: 11px; } .uiImHistoryMediaContainer div { line-height: 1.2em; height: 16px; padding-top: 2px; } .uiImHistoryMediaContainer img { margin-right: 4px; } .uiImHistoryMediaImg { width: 50px; height: 50px; margin: 0px 10px 0px 10px; } .uiImHistoryMediaImgAudio { width: 52px; height: 52px; } .ImMedia { border-style: solid; border-top-color: #B3B3B3; border-bottom-color: #C1D6EB; border-left-color: #B3B3B3; border-right-color: #C1D6EB; border-width: 1px; right: 102px; /* 99 buddy list + 3 vertical slider */ position: absolute; overflow: hidden; } .ImMediaHelp { position: absolute; left: 0px; bottom: 75px; _bottom: 80px; font-family: Tahoma, Arial, sans serif; font-size: 11px; width: 100%; height: 20px; } .ImMediaHelpText { position: absolute; height: 14px; top: 50%; margin-top: -12px; _margin-top: -7px; text-align: center; } .ImMediaHelpText span { width: auto !important; } .ImMediaHelpInappropriate { _padding: 5px 0px 3px 0px; padding-left: 3px; margin-right: 3px; color: #667788; font-family: Tahoma, Arial, sans serif; font-size: 9px; position: absolute; right: 0px; } .ImMediaHelpInappropriate a { color: #667788; text-decoration: none; } .ImMediaHelpInappropriate a:hover { text-decoration: underline; } .ImMediaHelpInappropriate img { margin-right: 3px; } .ImMediaList { padding-top: 5px; position: absolute; bottom: 0px; border-style: none; height: 75px; _height: 80px; } .ImMediaContainer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: black; overflow: hidden; } .ImInstallFlash { position: absolute; top: 45%; color: gray; text-align: center; padding-left: 10px; padding-right: 10px; } .inactive .mediaIframe { visibility: hidden; } .ImBgImage { position: absolute; display: none; left: 50%; top: 50%; margin-left: -150px; margin-top: -125px; } .inactive .ImBgImage { display: block; } .ImChatInfoContainer { position: absolute; left: 0px; top: 0px; height: 50px; } .ImChatImg { position: absolute; left: 5px; top: 0px; width: 50px; height: 50px; visibility: hidden; border: 1px solid #c0c0c0; } .ImChatImgOverlay { position: absolute; left: 6px; top: 1px; visibility: hidden; background-color: #999999; width: 50px; height: 50px; } .inactive .ImChatImgOverlay { visibility: visible; filter: alpha(opacity=20); opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; } .ImChatTitle { position: absolute; left: 63px; top: 0px; font-weight: bold; font-size: 18px; font-family: Tahoma, Arial, sans serif; color: #ffffff; cursor: default; } .ImChatTitle span { padding: 0; } .ImChatDescription { position: absolute; left: 63px; top: 20px; font-style: italic; font-size: 12px; font-family: Tahoma, Arial, sans serif; color: #000000; cursor: default; } .inactive .ImChatTitle, .inactive .ImChatDescription { color: #bbbbbb; } .ImStatusRelatedContainer { width: 1000px; height: 100%; } .ImStatusRelatedLabel { float: left; margin-right: 20px; color: #ffffff; } .ImStatusRelatedRooms { float: left; width: 450px; } .ImStatusRelatedRoom { float: left; vertical-align: middle; line-height: 15px; margin-right: 20px; cursor: pointer; } .ImStatusRelatedRoom img { margin-right: 5px; } .ImStatusRelatedRoomHover { text-decoration: underline; } .imdlg-chat .PartnerNotification { position: absolute; border: 1px solid #1A1A1A; background: #777777; color: #FFFFFF; padding: 2px 4px; margin: 3px; } .imdlg-chat .PartnerNotification .adText { position: absolute; top: 0; left: 55px; } .imdlg-chat .PartnerNotification .close { position: absolute; top: 2px; right: 2px; cursor: pointer; } /*** No Longer Used? ***/ .uiImHistoryNotification { border: 1px solid #e6e6b3; background: #ffc; padding: 2px 4px; margin: 4px 0; } .ImMediaAd { position: absolute; top: 50%; left: 50%; margin-top: -125px; margin-left: -150px; opacity: 0; filter: alpha(opacity: 0); -moz-opacity: 0; -k-html-opacity: 0; } .ImMediaPlayer { position: absolute; border-style: none; top: 0px; } .ImUrl { padding: 0px; border: 0px solid #CCCCCC; background-color: transparent; } .ImBuddyListRow { height: 24px; line-height: 24px; } .meeboChatURL { position: absolute; top: 32px; left: 3px; padding-bottom: 2px; } .ImChatLogs { font-family: Arial, Tahoma, sans serif; font-size: 11px; text-align: center; height: 20px; } .appList { background: #777777; position: absolute; top: 0px; left: 0px; width: 100%; display: none; } .appFrame { background: #777777; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .appLoadingOverlay { background: white; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; /* this NEEDS to be here because the swf will not load if the iframe is completely obscured. AB 10/23*/ filter: alpha(opacity=99); opacity: 0.99; -moz-opacity: 0.99; -khtml-opacity: 0.99; } .appLoadingOverlay .msg { position: absolute; left: 50%; top: 50%; font-family: Tahoma, Arial, sans serif; color: #7f9ece; width: 200px; visibility: hidden; cursor: default; } .appLoadingOverlay .error { color: #ff3333; } .appLoadingOverlay .msg .msgLine1 { margin-top: 5px; font-size: 12px; } .appLoadingOverlay .msg .msgLine2 { font-size: 14px; } .appLoadingOverlay .appImg { filter: alpha(opacity=20); opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; } .appBar { background: #ededed url(http://images.meebo.com/image/skin/onyx/img/app-bar-gradient.png) repeat-x; border-top: 1px solid #d1d1d1; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 26px; display: none; } .appBar a { color: black; text-decoration: none; } .appBar a:hover { text-decoration: underline; } .appBar .invite { position: absolute; left: 10px; top: 3px; } .appBar .more { position: absolute; right: 10px; top: 7px; cursor: pointer; } .appBar .moreHover { text-decoration: underline; } .appFrame iframe { position: absolute; top: 50%; left: 50%; } .appInviteLink { border-top: 1px dotted #bfbfbf; border-bottom: 1px dotted #bfbfbf; background: #f3f3f3; margin: 2px 0; } .appInviteLink .header, .appInviteLink .message{ font-style: italic; color: #0163B3; } .appInviteLink .acceptAppLink { margin-left: 39px; } #infoTooltip { width: 250px; position: absolute; top: -999px; left: -999px; background: url(http://images.meebo.com/image/skin/onyx/img/blank.gif) repeat; } #infoTooltipContent { word-wrap: break-word; padding: 8px 13px; color: #677788; overflow: auto; } #infoTooltipContent .buddyIcon { float: right; } /*#infoTooltip .corner,*/ #infoTooltipContent, #infoTooltip .corner1, #infoTooltip .corner2, #infoTooltip .corner3, #infoTooltip .corner4, #infoTooltip .corner5 { background: #f2f5f9; border-color: #f2f5f9; } #wait { position: absolute; top: -999px; left: -999px; background: none; visibility: hidden; z-index: 2; } #wait * { color: #4BA8EA; font-size: 12px; } #waitcontent { padding: 5px 10px; } #waitcontent, .waitcorner * { background: white; border-color: #bbb; } #wait .waitcorner * { font-size: 1px; } #waitcontent, .waitcorner2, .waitcorner3, .waitcorner4, .waitcorner5 { border-width: 0 1px; border-style: solid; } .waitcorner1 { margin: 0 5px; background: #bbb; } .waitcorner2 { margin: 0 3px; border-width: 0 2px; } .waitcorner3 { margin: 0 2px; } .waitcorner4, .waitcorner5 { margin: 0 1px; } .meeboChatLogHeader { height: 55px; font-family: Tahoma, Arial, sans serif; font-size: 11px; } .meeboChatLogContainer { border-style: solid; border-top-color: #B3B3B3; border-bottom-color:#C1D6EB; border-left-color: #B3B3B3; border-right-color: #C1D6EB; border-width: 1px; background-color: #FFFFFF; font-family: Tahoma, Arial, sans serif; font-size: 11px; overflow: hidden; position: absolute; } .meeboChatLogPane { border-top: 2px solid #FFFFFF; border-bottom: 1px solid #C1D6EB; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; background-color: #FFFFFF; font-family: Tahoma, Arial, sans serif; font-size: 11px; overflow: hidden; } .meeboChatLogTab { background-color: #FFFFFF; color: #677788; padding: 3px; width: auto; text-align: right; border-bottom: 1px solid #e8e8e8; } .meeboChatLogDateContainer { border: 2px solid #ffffff; font-family: Tahoma, Arial, sans serif; font-size: 11px; background-color: #EDF3FE; color: #677788; padding: 2px; } .meeboChatLogFindBarContainer { border: 2px solid #FFFFFF; height: 24px; white-space: nowrap; padding: 0px 2px; } .meeboChatLogViewer { overflow: auto; } .meeboChatLogViewerFind { background: #000000; color: #FFFFFF; } html, td, th, input, textarea { font: 11px Tahoma, Arial, sans serif; } body#body { font-family: arial, sans-serif; padding: 0; margin: 0; } #body { background: #b4cfe5 /**/ url('http://images.meebo.com/image/skin/onyx/img/background.gif') repeat-x fixed top left; } #body.loggedin { background: #4e504c /**/ url('http://images.meebo.com/image/skin/onyx/img/background_inside.gif') repeat-x fixed top left; overflow: hidden; } #body.extensionloggingin { overflow: hidden; } #body.loggedout { background: #cfd5d2 /**/ url('http://images.meebo.com/image/skin/onyx/img/background_grayed.gif') repeat-x fixed top left; overflow: auto; } #body.loggedout .bodyBg { background: #c3cdd6} html#popup, body#popup { background-color: #777777; font-family: arial, sans-serif; padding: 0; margin: 0; } body.chromeless { background-color: #878787 !important; } #frontpagecontainer { padding: 0 2em; text-align: center; min-width: 760px; } #frontpage { text-align: left; margin: 0 auto; padding: 2em 0 0 0; width: 760px; visibility: hidden; /* shown again using script onload */ } h2, h3 { font-family: "Arial Rounded MT Bold", Tahoma, sans-serif; } .meeboGuestUpsell h2, .meeboGuestUpsell h3 { font-family: Tahoma, sans-serif; font-weight: bold; } .outerMeeboLogo { border: 0px; margin-top: 0px; margin-bottom: 10px; } .innerMeeboLogo { position: absolute; top: 5px; left: 20px; } #meeboLogo { width: 155px; height: 52px; background: url('http://images.meebo.com/image/skin/onyx/img/meebologo.png') no-repeat top left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/meebologo.png'); _background: transparent; } .innerMeeboLinks { position: absolute; top: 50px; font-size: 11px; left: 18px; width: 900px; } .extensionloggingin .innerMeeboLinks{ display: none; } #meebologo.invertedMeeboLogo { background-image: url('http://images.meebo.com/image/skin/onyx/img/meebologo_black.png'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.meebo.com/image/skin/onyx/img/meebologo_black.png'); _background: transparent; } #meebologo.firefoxMeeboLogo { background-image: url('http://images.meebo.com/image/skin/onyx/img/meebologo_firefox.png'); width: 158px; } #meebologo.invertedMeeboLogo.firefoxMeeboLogo { background-image: url('http://images.meebo.com/image/skin/onyx/img/meebologo_black_firefox.png'); } .meeboTopContainer { z-index: 0.2; } .blackcorner *, .innerMeeboLinksOverlay div { background: #000; border-color: #000; } .innerMeeboLinksOverlay { position: absolute; top: 62px; left: 14px; z-index: 0.1; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5em; -khtml-opacity: 0.5em; visibility: hidden; } .loggedout .innerMeeboLogo { top: 20px; } body.loggedout .innerMeeboLinksOverlay { visibility: hidden; } .loggedout #meebolinks { left: 0px; top: 20px; text-align: right; width: 900px; margin-top: 0px; } .loggedout #meebolinks a { padding: 0px 5px; } .loggedout .meeboTopContainer { position: absolute; top: 0px; left: 30px; width: 900px; height: 130px; background: #FFFFFF url('http://images.meebo.com/image/skin/onyx/img/signoff_top_bar.png') repeat-x top left; z-index: 1; } .loggedout #audiobtn { display: none; } .extensionloggingin #audiobtn { display: none; } .noscript { padding: 20px; margin: 20px; width: 600px; font-size: 14px; color: #333333; } .meeboalert { display: block; font-family: Tahoma, Arial, sans serif; font-size: 13px; color: #FFFFFF; position: absolute; top: 140px; left: 20px; } #meebolinks { float: right; font-size: 12px; margin-top: 1em; text-transform: lowercase; } #meebolinks a { color: white; padding: 2px 5px; } #slogan { font-size: 20px; font-weight: normal; color: white; letter-spacing: 0.05em; } /* TODO: kill this */ #audiobtnimg { position: relative; bottom: -5px; border: 0px; margin: 0px; padding: 0px; } /********** Login boxes */ #meebologin { width: 280px; float: right; } #loginboxes { width: 460px; } #meebologinbox { padding: 3px 8px; } #loginboxescontent { padding-top: 3px; } #loginboxescontent, .loginboxcontent, .loginboxcontent a, #meebologincontent, #meebologincontent a { color: #4468a3; text-transform: lowercase; font-family: Helvetica, Arial, sans-serif; } #loginbuttons label, #morenetworks, #morenetworks a { font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: white; text-transform: lowercase; } #meebologincontent label, .loginboxcontent label { color: #4468a3; text-transform: lowercase; font-weight: normal; font-family: Helvetica, Arial, sans-serif; } #meebosignon, #imsignon { text-transform: none; } #morenetworks a { text-decoration: none; } .loginbox { float: left; display: inline; /* IE bug, see: */ margin: 0 0 8px 8px; width: 218px; } .loginboxcontent, #meebologincontent { padding: 0 5px; } /* network icon images */ .protocolicon { width: 40px; height: 40px; } .meeboicon { width: 48px; } /* special case */ .loginboxheader, .meebologinheader { color: #4468a3; font-weight: normal; font-size: 20px; padding-top: 0.5em; margin: 0; float: left; } .meebologinheader { padding-top: 6px; padding-left: 1.1em; } #loginerrormessage { color: #dcebff; background: #7a9bc5; padding-left: 4px; font-weight: bold; zoom: 1; /* IE hack, give the element layout so the text displays properly */ } .loginboxcontent img, #meebologincontent img.meebologo { margin: 0 1em; float: left; } .loginboxcontent td.label, #meebologincontent td.label { text-align: right; color: #5276ac; } .loginboxcontent table, #meebologincontent table { clear: both; } #morenetworks, .loginboxcontent label, #meebologincontent label, #loginerrormessage { font-size: 13px; } .loginboxlinks, #meebopasswordlink { font-size: 11px; padding-top: 8px; text-align: right; } .loginboxlinks a, #meebopasswordlink a { padding: 0 2px; } .loginboxcontent input { width: 125px; } #meebopassword, #meeboid { width: 140px; } .loginboxcontent input, #meebopassword, #meeboid { border: 1px #3664A1 solid; background: #e9f0f5; } .loginboxcontent input, #meebopassword, #meeboid { padding-left: 2px; margin: 1px 1px 1px 1px; } #loginbuttons { float: right; display: inline; } #loginbuttons label { font-size: 12px; } #loginbuttons, .meebobuttons table, #loginbuttons tr, .meebobuttons tr, #loginbuttons td, .meebobuttons td { margin: 0; padding: 0; border: 0; border-collapse: collapse; } #loginbuttons td, .meebobuttons td { padding-left: 0.3em; } .meebologinform { text-align: center; } .meebologinform table { margin: 0 auto; text-align: left; } .meebobuttons { text-align: right; padding: 0.3em 0 0.2em 0; } .meebobuttons table { margin: 0 0 0 auto; } #loginerrormessage { margin: 0 8px; } #morenetworks, #loginbuttons { margin: 0 8px; } #loginbuttons td { padding-top: 6px; } #morenetworks { float: left; display: inline; } #morenetworks a img { border: none; } #morenetworks.morenetworks .fewernetworkslink { display: none; } #morenetworks.fewernetworks .morenetworkslink { display: none; } #morenetworks.fewernetworks .morenetworksnetwork { visibility: hidden; } .guestSignUp { display: none; } .signUpArrow { position: relative; top: 3px; margin-left: 5px; margin-right: -2px; } .logonalert { font-family: Tahoma, Arial, Sans Serif; font-size: 12px; width: 370px; height: 85px; left: 46px; top: 407px; margin: 0px; position: absolute; visibility: hidden; } .mocklinks { text-decoration: underline; cursor: pointer; } #copyright { color: #677788; text-align: center; padding-top: 2em; } #copyright, #languagelinks { font-size: 10px; } #languagelinks { text-align: center; padding-top: 50px; } #languagelinks, #languagelinks a { color: #677788; text-decoration: none; } /******** Meebo bubble Watermark */ .watermarkcorner1 * { background: url(http://images.meebo.com/image/skin/onyx/img/watermark.gif) no-repeat -6px 0; } .watermarkcorner2 * { background: url(http://images.meebo.com/image/skin/onyx/img/watermark.gif) no-repeat -3px -1px; } .watermarkcorner3 { background: url(http://images.meebo.com/image/skin/onyx/img/watermark.gif) no-repeat -2px -2px; } .watermarkcorner4 { background: url(http://images.meebo.com/image/skin/onyx/img/watermark.gif) no-repeat -1px -3px; } .watermarkcorner5 { background: url(http://images.meebo.com/image/skin/onyx/img/watermark.gif) no-repeat -1px -4px; } #meebologincontent { background: url(http://images.meebo.com/image/skin/onyx/img/watermark.gif) no-repeat 0 -5px; } #meebologincontentwrapper { background: url(http://images.meebo.com/image/skin/onyx/img/watermark.gif) no-repeat -5px -5px; } /******** Style definitions to get the corners */ .corner { display: block; } .corner * { display: block; height: 1px; overflow: hidden; font-size: 0; } .corner1 { padding: 0 1px; margin: 0 3px; } .corner2 { padding: 0 1px; margin: 0 1px; } .corner3 { margin: 0 1px; } .corner1, .corner2, .corner3, .corner4, .corner5 { border-width: 0 1px; border-style: solid; } /* outer login box */ #meebologinbox, #loginboxescontent, .darkbluecorner * { background: #7a9bc5; } .darkbluecorner1 { border-color: #9bb9d7; background: #88a8cd; } .darkbluecorner2 { border-color: #aecae2; background: #85a5cb; } .darkbluecorner3 { border-color: #85a5cb; } .darkbluecorner4 { border-color: #9bb9d7; } .darkbluecorner5 { border-color: #88a8cd; } /* inner login boxes */ #meebologincontent, .loginboxcontent, .loginboxcontentwrapper, #meebologincontentwrapper, .lightbluecorner * { background-color: #f7faff; } .lightbluecorner1 { border-color: #b0c4de; background: #d8e3f1; } .lightbluecorner2 { border-color: #87a5cb; background: #dfe8f4; } .lightbluecorner3 { border-color: #dfe8f4; } .lightbluecorner4 { border-color: #b0c4de; } .lightbluecorner5 { border-color: #d8e3f1; } /* orange alert bg colour */ .loginerror .loginboxcontent, .loginerror #meebologincontent, .loginerror .lightbluecorner * { background: #faad69; } .loginerror .lightbluecorner1 { border-color: #b1a39d; background: #daa980; } .loginerror .lightbluecorner2 { border-color: #879dbc; background: #e2aa7a; } .loginerror .lightbluecorner3 { border-color: #e2aa7a; } .loginerror .lightbluecorner4 { border-color: #b1a39d; } .loginerror .lightbluecorner5 { border-color: #daa980; } /* top-left orange corner of the watermark */ /*.watermarkcorner * { background: #fbe4cd; }*/ .watermarkcorner1 { border-left-color: #b2bac8; background: #dbd2cb; } .watermarkcorner2 { border-left-color: #87a2c6; background: #e3d6cb; } .watermarkcorner3 { border-left-color: #e3d6cb; } .watermarkcorner4 { border-left-color: #b2bac8; } .watermarkcorner5 { border-left-color: #dbd2cb; } .meeboPane { font-family: Tahoma, Arial, sans serif; font-size: 11px; width: 100%; } .meeboPaneHeader { border-top: 1px solid #C1D6EB; border-right: 1px solid #C1D6EB; border-left: 1px solid #B3B3B3; background-color: #FFFFFF; font-family: Tahoma, Arial, sans serif; font-size: 11px; } .meeboPaneHeaderWrapper { position: absolute; top: 0px; left: 0px; margin-top: 15px; margin-left: 15px; margin-right: 15px; } .meeboPaneHeaderImg { margin-right: 10px; } .meeboPaneHeaderBoldText { font-weight: bold; display: block; } .meeboPaneHeaderDescrCol { text-align: center; font-weight: bold; color: #5E95CC; overflow: hidden; width: 120px; background-position: 50% 50%; height: 159px; position: absolute; background-image: url('http://images.meebo.com/image/skin/onyx/img/meebo_bubbles_large.gif'); background-repeat: no-repeat; } .meeboPaneHeaderRegText { font-weight: normal; display: block; } .meeboPaneFooter { position: absolute; right: 12px; bottom: 3px; } .meeboPaneContainer { border-bottom: 1px solid #C1D6EB; border-right: 1px solid #C1D6EB; border-left: 1px solid #B3B3B3; background-color: #FFFFFF; overflow: auto; padding-left: 5px; padding-right: 5px; width: 100%; } .meeboTableHeader { font-weight: bold; font-family: Tahoma, Arial, sans serif; font-size: 11px; height: 24px; } .meeboTableRow { font-family: Tahoma, Arial, sans serif; font-size: 10px; } .meeboPaneFooterBtn { float: right; margin-left: 1em; } table.meeboReg1Table { position: relative; left: 50px; } td.meeboReg1Label { font-weight: bold; font-family: Tahoma, Arial, sans serif; font-size: 11px; } td.meeboReg1Descr { font-family: Tahoma, Arial, sans serif; } a.meeboReg1Links { color: #5E95CC; } .prefHeader { font-weight: bold; font-family: Tahoma, Arial, sans serif; font-size: 12px; border-bottom: 1px solid black; } tr.prefRow { height: 75px; } .connectionPane { font-family: Tahoma, Arial, sans serif; font-size: 11px; width: 100%; } .connectionPaneHeader { border-left-style: solid; border-right-style: solid; border-left-color: #B3B3B3; border-right-color: #C1D6EB; border-left-width: 1px; border-right-width: 1px; background-color: #FFFFFF; font-family: Tahoma, Arial, sans serif; font-size: 11px; } .connectionLogonTable { border-top-style: solid; border-top-color: #B3B3B3; border-top-width: 1px; } .connectionPaneContainer { border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-left-color: #B3B3B3; border-right-color: #C1D6EB; border-bottom-color: #C1D6EB; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; background-color: #FFFFFF; overflow: auto; padding-left: 5px; padding-right: 5px; width: 100%; } .connectionPaneRow { background-color: #FFFFFF; font-family: Tahoma, Arial, sans serif; font-size: 11px; } .meeboMePane { font-family: Tahoma, Arial, sans serif; font-size: 11px; width: 100%; } .meeboMePaneContainer { border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-left-color: #B3B3B3; border-right-color: #C1D6EB; border-bottom-color: #C1D6EB; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; background-color: #FFFFFF; overflow: auto; padding-left: 5px; padding-right: 5px; width: 100%; } .meeboMeOnlineDiv { font-family: Tahoma, Arial, sans serif; font-size: 11px; text-align: center; } .meeboMeOfflineDiv { font-family: Tahoma, Arial, sans serif; font-size: 11px; text-align: center; } .meeboMePaneTable { width: 430px; } .meeboMePaneRow { background-color: #FFFFFF; font-family: Tahoma, Arial, sans serif; font-size: 11px; height: 60px; vertical-align: top; } .meeboMePaneCell { border-bottom-style: solid; border-bottom-color: #B3B3B3; border-bottom-width: 1px; } .meeboMeNameInput { font-size: 11px; width: 150px; height: 22px; display: block; position: relative; top: 8px; padding-top: 4px; margin-right: 0px; } .meeboMeNameInputIE { font-size: 11px; width: 150px; height: 22px; display: block; position: relative; top: 4px; margin-left: auto; margin-right: 0px; padding-top: 9px; } .meeboMeEmbedInput { width: 150px; height: 22px; display: block; position: relative; top: 6px; margin-left: auto; margin-right: 0px; color: #000000; } .meeboMeEmbedInputIE { width: 150px; height: 22px; display: block; position: relative; top: 8px; margin-left: auto; margin-right: 0px; color: #000000; } .meeboMeNameLabel { font-weight: bold; height: 20px; position: relative; top: 12px; } .meeboMeEmbedLabel { font-weight: bold; height: 20px; position: relative; top: 16px; } .meeboMeOnlineContainer { width: 80px; vertical-align: middle; height: 60px; text-align: right; } .meeboMeOnlineContainerIE { width: 80px; vertical-align: middle; height: 60px; text-align: right; } .meeboMeLabelContainer { width: 125px; font-family: Tahoma, Arial, sans serif; font-size: 11px; vertical-align: top; text-align: right; height: 60px; } .meeboMeInputContainer { text-align: left; padding-left: 5px; width: 120px; height: 60px; vertical-align: top; } .meeboMeRemoveContainer { vertical-align: middle; width: 120px; height: 60px; } .meeboMePaneRemoveBtn, .meeboMePaneModifyBtn { float: right; } .meeboMePaneWarning { font-weight: bold; font-size: 11px; padding-top: 6px; padding-left: 18px; color: #FF781F; } .roundedRect-nw { background-image: url(http://images.meebo.com/image/skin/onyx/img/corners/white-blue-nw.gif); background-repeat: no-repeat; background-color:#FFFFFF; font-size: 0px; line-height: 0px; width: 100%; height: 10px; float: left; } .roundedRect-ne { background-image: url(http://images.meebo.com/image/skin/onyx/img/corners/white-blue-ne.gif); background-repeat: no-repeat; background-position: 100% 0; background-color:#FFFFFF; font-size: 0px; line-height: 0px; width: 10px; height: 10px; float: right; } .roundedRect-w { background-color:#FFFFFF; width: 100%; float: left; font-size: 0px; } .roundedRect-e { background-color:#FFFFFF; width: 100%; float: left; font-size: 0px; } .roundedRect-sw { background-image: url(http://images.meebo.com/image/skin/onyx/img/corners/white-blue-sw.gif); background-repeat: no-repeat; background-color:#FFFFFF; font-size: 0px; line-height: 0px; width: 600px; height: 10px; float: left; } .roundedRect-se { background-image: url(http://images.meebo.com/image/skin/onyx/img/corners/white-blue-se.gif); background-repeat: no-repeat; background-position: 0% 100%; background-color: #FFFFFF; font-size: 0px; line-height: 0px; width: 10px; height: 10px; float: right; } .roundedRect-content { background-color:#FFFFFF; margin: 0px; } .meeboMenuContainer { color: #FFFFFF; font-size: 12px; z-index: 1; } .meeboConsole { display: block; font-family: Tahoma, Arial, sans serif; font-size: 12px; color: #FFFFFF; position: absolute; top: 108px; left: 24px; width: 400px; visibility: hidden; } .loggedout .meeboConsole { left: 30px; top: 0px; height: 100%; z-index: 1;} .meeboConsoleMenu { font-size: 12px; color: white; } .meeboConsoleAd { position: absolute; left: 0px; top: 130px; _top: 130px; width: 900px; background-color: white; z-index: 0; } .meeboConsoleBg { position: absolute; left: 30px; top: 0px; width: 900px; height: 100%; background-color: white; z-index: 0; } .meeboConsoleAdInstr { margin-top: 50px; width: 900px; text-align: center; color: #9EABBC; } .meeboConsoleAdFrame { margin: 8px 0px 0px 100px; width: 700px; height: 500px; border-style: solid none; border-width: 1px; border-color: #8F9AA8; } .meeboConsoleAdPaddingLeft, .meeboConsoleAdPaddingRight { top: 72px; left: 50px; width: 50px; height: 500px; border-style: solid; border-width: 1px 0px 1px 1px; border-color: #8F9AA8; background: url(http://images.meebo.com/image/skin/onyx/img/adGradient.png) repeat-x top left; position: absolute; } .meeboConsoleAdPaddingRight { border-width: 1px 1px 1px 0px; left: 800px; } body.loggedin .meeboConsoleHeader .uiIconChooser { position: absolute; top: 0px; left: 10px; } body.loggedin .meeboConsoleHeaderContent { position: absolute; left: 80px; top: 12px; } .loggedout .meeboConsoleHeader { position: absolute; top: 90px; left: 90px; width: 780px; height: 75px; border-style: none; background-color: white; z-index: 2; } .loggedOut .meeboConsoleHeaderCorner { height: 10px; width: 10px; position: absolute; overflow: hidden; } .loggedOut .meeboConsoleHeaderBar { background-color: white; border-style: solid; border-color: #8F9AA8; position: absolute; overflow: hidden; } .loggedOut .meeboConsoleHeaderNW { top: -10px; left: -10px; background: url(http://images.meebo.com/image/skin/onyx/img/meeboConsoleHeaderNW.gif) no-repeat top left; } .loggedOut .meeboConsoleHeaderN { top: -10px; left: 0px; height: 10px; width: 780px; border-width: 1px 0px 0px; } .loggedOut .meeboConsoleHeaderNE { top: -10px; left: 780px; background: url(http://images.meebo.com/image/skin/onyx/img/meeboConsoleHeaderNE.gif) no-repeat top left; } .loggedOut .meeboConsoleHeaderW { top: 0px; left: -10px; height: 75px; width: 10px; border-width: 0px 0px 0px 1px; } .loggedOut .meeboConsoleHeaderE { top: 0px; left: 780px; height: 75px; width: 10px; border-width: 0px 1px 0px 0px; } .loggedOut .meeboConsoleHeaderSW { top: 75px; left: -10px; background: url(http://images.meebo.com/image/skin/onyx/img/meeboConsoleHeaderSW.gif) no-repeat top left; } .loggedOut .meeboConsoleHeaderS { top: 75px; left: 0px; width: 780px; height: 10px; border-width: 0px 0px 1px; } .loggedOut .meeboConsoleHeaderSE { top: 75px; left: 780px; background: url(http://images.meebo.com/image/skin/onyx/img/meeboConsoleHeaderSE.gif) no-repeat top left; } .loggedout .meeboConsoleHeaderContent { color: #FF6900; } .loggedout .meeboConsoleHeaderMessage { text-align:center; } .loggedout .meeboConsoleHeaderMessage h2 { font-family: Tahoma, Arial, sans-serif; margin: 0px; font-size: 16px; } .loggedout .meeboConsoleHeaderMessage div { font-size: 13px; margin-top: 3px; } .loggedout .reconnectContainer { height: 36px; } .blackcorner *, .meeboConsole .overlay div { background: #000; border-color: #000; } .meeboConsole .overlay { position: absolute; z-index: 0; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; visibility: hidden; } .meeboConsole div { z-index: 1; } .meeboConsole .consoleAd { line-height: 15px; width: 280px; } .meeboConsole .consoleAd img.thumb { position: absolute; top: 4px; left: -8px; width: 48px; height: 40px; } .meeboConsole .consoleAd .adText { position: absolute; top: 0; left: 50px; } .meeboConsole .consoleAd img.close { margin: 0 0 1px 1em; cursor: pointer; visibility: hidden; vertical-align: bottom; } .meeboConsole .consoleAd .title { font-weight: bold; } .meeboConsole .consoleAd .description { font-size: 11px;} .meeboConsole .consoleAd .link { margin-bottom: 15px; } .meeboConsole .consoleAd .url { font-weight: bold; font-size: 11px; text-decoration: underline; cursor: pointer; text-transform: lowercase; color: #FFFFFF; } .downloadPage { top: 120px; left: 24px; width: 400px; } .meeboMediaList { overflow: auto; overflow-x: auto; overflow-y: hidden; width: 100%; } .meeboMediaList table { position: absolute; top: 0px; } .meeboMediaList td { padding: 4px; cursor: pointer; } .meeboMediaList td.selected { padding: 0px; border-style: solid; border-width: 4px; border-color: #ffa955; } /*** General gallery styles ***/ .meeboGallery { position: absolute; bottom: 0px; _bottom: -1px; left: 0px; width: 100%; height: 100px; background: url("http://images.meebo.com/image/skin/onyx/img/gallery-bg-3.gif") repeat-x; overflow: hidden; font-family: Tahoma, Arial, sans serif; font-size: 11px; color: #FFFFFF; border-top: 1px solid #1a1a1a; } .meeboGallery .link { text-decoration: underline; cursor: pointer; color: #FFFFFF; } .meeboGallery .roomsMinArrow, .meeboGallery .roomsClose { position: absolute; top: 4px; width: 17px; height: 17px; cursor: pointer; } .meeboGallery .roomsLogo { position: absolute; top: 2px; left: 38px; } .meeboGallery .headerElement { z-index: 3; } .meeboGallery .search { position: absolute; left: 600px; top: 4px; width: 115px; } .meeboGallery .create { position: absolute; left: 740px; top: 4px; height: 17px; vertical-align: middle; cursor: pointer; background: url("http://images.meebo.com/image/skin/onyx/img/createroom3.png") no-repeat; } .meeboGallery .createHover { background: url("http://images.meebo.com/image/skin/onyx/img/createroom3-hover.png") no-repeat; } .meeboGallery .createText { white-space: nowrap; padding-left: 22px; font-size: 12px; } .meeboGallery .createHover .createText { text-decoration: underline; } /*** Gallery in console bar form ***/ .meeboGallery .consoleBar { } .meeboGallery .consoleBar .consoleHeader { position: absolute; top: 0px; left: 0px; width: 100%; height: 25px; } .meeboGallery .consoleBar .consoleHeader .roomsMinArrow { left: 10px; } .meeboGallery .consoleBar .consoleHeader .roomsMinArrow div { width: 100%; height: 100%; background: url("http://images.meebo.com/image/skin/onyx/img/min-arrow-2.png") no-repeat; } .meeboGallery .consoleBar .consoleHeader .roomsMinArrow div.hover { background: url("http://images.meebo.com/image/skin/onyx/img/min-arrow-hover-2.png") no-repeat; } /* Technically the following rule should begin with .meeboGallery.minimized, * but IE doesn't understand that rule, so it's just .minimized */ .minimized .consoleBar .consoleHeader .roomsMinArrow div { background: url("http://images.meebo.com/image/skin/onyx/img/max-arrow-2.png") no-repeat; } .minimized .consoleBar .consoleHeader .roomsMinArrow div.hover { background: url("http://images.meebo.com/image/skin/onyx/img/max-arrow-hover-2.png") no-repeat; } .meeboGallery .consoleBar .consoleHeader .tabs { position: absolute; top: 0px; left: 180px; width: 400px; height: 100%; border-left: 1px solid #1a1a1a; } .meeboGallery .consoleBar .consoleHeader .tabs .tab { width: 100px; text-align: center; font-family: Tahoma, Arial, sans serif; font-size: 12px; color: #FFFFFF; border-right: 1px solid #1a1a1a; cursor: pointer; } .meeboGallery .consoleBar .consoleHeader .tabs .tab div { height: 100%; vertical-align: middle; line-height: 23px; } .meeboGallery .consoleBar .consoleHeader .tabs .tab div.selected { font-weight: bold; background: url("http://images.meebo.com/image/skin/onyx/img/gallery-tab-bg-2.gif") repeat-x; } .minimized .consoleBar .consoleHeader .tabs .tab div.selected { font-weight: normal; background: none; } .meeboGallery .consoleBar .consoleHeader .tabs .tab div.hover { text-decoration: underline; } .meeboGallery .consoleBar .body { position: absolute; left: 0px; top: 25px; width: 100%; height: 75px; } .meeboGallery .consoleBar .body .roomsInfo { position: absolute; top: 0px; width: 165px; height: 100%; padding: 5px 0px 0px 10px; } .meeboGallery .consoleRooms { position: absolute; top: 0px; left: 180px; height: 100%; border-left: 1px solid #1a1a1a; padding: 10px 0px 10px 20px; } .meeboGallery .consoleRooms table { height: 55px; } .meeboGallery .consoleRooms table td { width: 175px; height: 60px; font-family: Tahoma, Arial, sans serif; font-size: 11px; color: #FFFFFF; } .meeboGallery .consoleRooms .roomLink { height: 25px; margin-bottom: 5px; cursor: pointer; } .meeboGallery .consoleRooms .roomLink .roomImg { width: 25px; height: 25px; cursor: pointer; } .meeboGallery .consoleRooms .roomLink .title { line-height: 25px; vertical-align: middle; cursor: pointer; } .meeboGallery .consoleRooms .hover .title { text-decoration: underline; } .meeboGallery .consoleRooms .moreLink { padding-bottom: 12px; } .meeboGallery .loading { display: none; position: absolute; width: 100%; left: 190px; top: 25px; height: 75px; padding-top: 20px; color: white; font-size: 12px; } /*** Opened gallery ***/ .meeboGallery .gallery { position: relative; top: 25px; width: 100%; background: #777777 url("http://images.meebo.com/image/skin/onyx/img/galleryTopGradient.gif") repeat-x top; } .meeboGallery .galleryBottomGradient { position: absolute; bottom: 0px; width: 100%; height: 20px; background: #ECECEC url("http://images.meebo.com/image/skin/onyx/img/galleryBottomGradient.gif") repeat-x bottom; } .meeboGallery .roomsClose { right: 10px; } .meeboGallery .roomsClose div { width: 100%; height: 100%; background: url("http://images.meebo.com/image/skin/onyx/img/roomsGalleryClose.gif") no-repeat; } .meeboGallery .roomsClose div.hover { background: url("http://images.meebo.com/image/skin/onyx/img/roomsGalleryClose_hot.gif") no-repeat; } .meeboGallery .toggle { position: absolute; left: 900px; top: 4px; cursor: pointer; } .partnerConsoleAd { height: 100%; position: absolute; top: 0px; width: 180px; background: transparent url(http://images.meebo.com/image/skin/onyx/img/console-ad-bg.gif) repeat-x scroll top; color: #000000; } .partnerConsoleAd .banner { position: absolute; top: 10px; left: 10px; } .partnerConsoleAd .adTitle { position: absolute; top: 10px; left: 63px; font-weight: bold; } .partnerConsoleAd .adDescription { position: absolute; top: 22px; left: 63px; } .partnerConsoleAd .adButton { position: absolute; top: 37px; left: 63px; } .partnerConsoleAd .sponsoredAd { position: absolute; bottom: 4px; right: 4px; font-size: 9px; color: #FFFFFF; } /*** Full Gallery ***/ .loadingText { color: #000000; position: absolute; top: 133px; text-align: center; width: 100%; font-weight: bold; } .categories { position: absolute; top: 10px; left: 30px; width: 118px; _width: 120px; height: 358px; _height: 360px; background: #dfdfdf; border: 1px solid #404040; z-index: 1; } .categories h3 { background-color: #404040; font-weight: normal; margin: 0px; padding: 8px 0px 7px 18px; vertical-align: middle; font-size: 14px; } .categories ul { color: /*REPLACE:*/#333333; list-style-type: none; padding: 0px; text-transform: lowercase; margin: 0px; } .categories li { margin: 3px 1px 0px; padding: 1px 0px 3px 18px; cursor: pointer; } .categories .categoryHover, .categories .selectedCategory { color: #FFFFFF; background-color: #404040; } .categories .selectedCategory { font-weight: bold; background-image: url(http://images.meebo.com/image/skin/onyx/img/selectedCategory.gif); background-position: 3px 3px; background-repeat: no-repeat; } .roomsGalleryPages { position: absolute; top: 10px; left: 30px; width: 710px; height: 358px; _height: 360px; overflow: hidden; border: 1px solid #eee; border-color: #404040; background: white; z-index: 1; } .roomsGalleryPagesCornerNW, .roomsGalleryPagesCornerNE, .roomsGalleryPagesCornerSW, .roomsGalleryPagesCornerSE, .categoryCornerNW, .categoryCornerNE, .categoryCornerSW, .categoryCornerSE { position: absolute; height: 8px; width: 8px; z-index: 2; } .roomsGalleryPagesCornerNW { top: 10px; background: transparent url(http://images.meebo.com/image/skin/onyx/img/galleryCornerNW.gif) no-repeat; } .roomsGalleryPagesCornerNE { top: 10px; background: transparent url(http://images.meebo.com/image/skin/onyx/img/galleryCornerNE.gif) no-repeat; } .roomsGalleryPagesCornerSW { top: 362px; background: transparent url(http://images.meebo.com/image/skin/onyx/img/galleryCornerSW.gif) no-repeat; } .roomsGalleryPagesCornerSE { top: 362px; background: transparent url(http://images.meebo.com/image/skin/onyx/img/galleryCornerSE.gif) no-repeat; } .categoryCornerNW { top: 10px; left: 30px; background: transparent url(http://images.meebo.com/image/skin/onyx/img/categoryCornerNW.gif) no-repeat; } .categoryCornerNE { top: 10px; left: 142px; background: transparent url(http://images.meebo.com/image/skin/onyx/img/categoryCornerNE.gif) no-repeat; } .categoryCornerSW { top: 362px; left: 30px; background: transparent url(http://images.meebo.com/image/skin/onyx/img/categoryCornerSW.gif) no-repeat; } .categoryCornerSE { top: 362px; left: 142px; background: transparent url(http://images.meebo.com/image/skin/onyx/img/categoryCornerSE.gif) no-repeat; } .roomsGalleryPagesContainer { position: absolute; top: 30px; width: 100%; } .roomsGalleryHeader { height: 30px; width: 100%; border-bottom: 1px dotted #CCCCCC; } .roomsGalleryTitle { position: absolute; top: 7px; color: #000000; font-size: 14px; font-weight: bold; cursor: default; } .roomsGalleryPageNav, .roomsGalleryFind { position: absolute; top: 7px; } .roomsGalleryPageNav { right: 20px; } .roomsGalleryFind { right: 8px; } .roomsGalleryPageNav img { margin: 2px; } .roomsGalleryPageNav img, .roomsGalleryPageNav td { cursor: pointer; _cursor: hand; } .roomsGalleryPageNav td { width: 14px; font-weight: bold; text-align: center; color: #000000; text-decoration: underline; } .roomsGalleryPageNav.disabled td { cursor: default; color: #677799; } .roomsGalleryPageNavIndicator { position: absolute; z-index: -1; width: 18px; height: 18px; _width: 20px; _height: 20px; border: 1px solid #eee; border-color: #bbb #ddd #ddd #bbb; background: white; } .roomsGalleryArrowLeft { position: absolute; top: 170px; left: 10px; } .roomsGalleryArrowRight { position: absolute; top: 170px; right: 10px; } .roomsGalleryPage { position: absolute; margin: 0px 2px; } table.rooms td { padding: 1em; } table.rooms tr.lastRow td { border: none; } td.room div.room { border: 1px solid white; width: 20em; margin: -0.5em; } td.room div.roomwrapper { margin: 0.5em; } td.hover div.room { background: rgb(242, 245, 249); border: 1px solid rgb(123, 157, 202); cursor: pointer; _cursor: hand; position: relative; } td.room { line-height: 1.1em; } td.room p, td.room h4 { padding-left: 87px; /* 75px image width + 12px margin */ } td.room h4 { margin: 0px 0px 3px; font-size: 1.2em; } td.room img.thumb { float: left; margin: 0 1em 0 0; border: none; height: 75px; width: 75px; } td.room p { margin: 0; } td.room p.people { color: #677788; font-size: 1.2em; margin-bottom: 3px; text-transform: lowercase; } td.room p.description, td.room p.tags { font-size: 0.9em; } td.room p.description { font-weight: bold; height: 28px; width: 122px; padding: 0; float: right; word-wrap: break-word; } td.room p.tags { color: gray; line-height: 16px; clear: right; margin-top: -8px; } td.room p.tags img { vertical-align: bottom; margin-left: 0.2em; } .meeboGuestUpsell { position: absolute; top: 5px; right: 5px; width: 200px; } .meeboGuestUpsell .rounded { float: left; width: 100%; } .meeboGuestUpsell .content { float: left; width: 100%; background: #7a9bc5; } .meeboGuestUpsell .meeboidrow { padding-left: 53px; } .meeboGuestUpsell .meebopasswordrow { padding-left: 53px; } .meeboGuestUpsell .buttoncontainer { float: right; margin-right: 8px; } .meeboGuestUpsell #meeboLogin { width: 200px; } .meeboGuestUpsell #meebologinbox { padding-top: 0px; } .meeboGuestUpsell #meeboaccountlinks, .meeboGuestUpsell #meebosubmit, .meeboGuestUpsell .loginBoxLinks { display: none; } .meeboGuestUpsell .content .corner1, .meeboGuestUpsell .content .corner2, .meeboGuestUpsell .content .corner3, .meeboGuestUpsell .content .corner4, .meeboGuestUpsell .content .corner5 { border-style: none; } .meeboGuestUpsell .darkbluecornertop * { background: #7a9bc5; } .meeboGuestUpsell .darkbluecornertop1 { border-color: #80a2cd; background: #7d9ec8; } .meeboGuestUpsell .darkbluecornertop2 { border-color: #84a6d2; background: #7c9dc8; } .meeboGuestUpsell .darkbluecornertop3 { border-color: #7c9dc8; } .meeboGuestUpsell .darkbluecornertop4 { border-color: #80a2cd; } .meeboGuestUpsell .darkbluecornertop5 { border-color: #7d9ec8; } .meeboGuestUpsell .loginbox { width: 185px; } .meeboGuestUpsell .protocolicon { width: 20px; height: 20px; } .meeboGuestUpsell .loginboxheader, .meeboGuestUpsell .meebologinheader { font-size: 14px; padding-top: 0px; margin-left: 31px; padding-left: 0px; } .meeboGuestUpsell .loginboxcontent img, .meeboGuestUpsell #meebologincontent img.meebologo { margin: 0; margin-right: 1em; } .meeboGuestUpsell .loginboxcontent input { width: 90px; } .meeboGuestUpsell #meebopassword, .meeboGuestUpsell #meeboid { width: 100px; } .meeboGuestUpsell .guestSignUp { display: inline; padding-left: 25px; } body.loggedin .guestDownload { display: none; } .guestDownload { position: absolute; border: 1px solid #3078C4; color: #FFFFFF; } .NWcorner, .NEcorner, .SWcorner, .SEcorner { position: absolute; height: 10px; width: 10px; z-index: 1; overflow: hidden; } .guestDownload .NWcorner { top: -1px; left: -1px; background: url(http://images.meebo.com/image/skin/onyx/img/downloadNW.gif) no-repeat left top; } .guestDownload .NEcorner { top: -1px; right: -1px; background: url(http://images.meebo.com/image/skin/onyx/img/downloadNE.gif) no-repeat left top; } .guestDownload .SWcorner { bottom: -1px; left: -1px; background: url(http://images.meebo.com/image/skin/onyx/img/downloadSW.gif) no-repeat left top; } .guestDownload .SEcorner { bottom: -1px; right: -1px; background: url(http://images.meebo.com/image/skin/onyx/img/downloadSE.gif) no-repeat left top; } .guestDownload .header { height: 35px; background: url(http://images.meebo.com/image/skin/onyx/img/downloadHeaderBG.gif) repeat-x left top; } .guestDownload .header .headerText { position: absolute; top: 12px; left: 14px; } .guestDownload .content { height: 85px; background: url(http://images.meebo.com/image/skin/onyx/img/downloadContentBG.gif) repeat-x left top; } .guestDownload .content .downloadImg { float: left; margin: 14px 0px 0px 14px; } .guestDownload .content .fileLoad { display: none; float: left; margin: 30px 0px 0px 10px; } .guestDownload .loading .fileLoad { display: block; } .guestDownload .content .fileError { display: none; float: left; margin: 30px 0px 0px 10px; color: red; } .guestDownload .error .fileError { display: block; } .guestDownload .content .fileInfo { display: none; float: left; margin: 14px 0px 0px 10px; } .guestDownload .loaded .fileInfo { display: block; } .guestDownload .content .fileInfo .fileName { float: left; margin-top: 12px; } .guestDownload .content .fileInfo .fileSize { float: left; clear: left; margin: 4px 0px 0px 6px; } .guestDownload .content .acceptButton { position: absolute; bottom: 15px; right: 15px; } #downloadframe { position: absolute; left: -1000px; top: -1000px; } .ApplicationList { overflow: auto; overflow-y: auto; background: white; } .ApplicationList .header { background: #ededed url(http://images.meebo.com/image/skin/onyx/img/app-list-header-gradient.png) repeat-x; color: #666; border-bottom: 1px solid #d1d1d1; height: 30px; line-height: 28px; font-weight: bold; font-size: 12px; padding: 0 10px; cursor: default; } .ApplicationList .header .devLink { color: #09f; font-size: 10px; float: right; } .ApplicationList .list { } .ApplicationList .list .row { height: 68px; cursor: pointer; background: white; margin: 0 5px; border-bottom: 1px dotted #bfbfbf; } .ApplicationList .disabled .row { cursor: default; } .ApplicationList .list .disabledRow { cursor: default; } .ApplicationList .list .disabledRow * { filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; } .ApplicationList .disabled .row * { filter: alpha(opacity=25); opacity: 0.25; -moz-opacity: 0.25; -khtml-opacity: 0.25; } .ApplicationList .disabled .loadingRow * { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .ApplicationList .list .highlightedRow, .ApplicationList .disabled .loadingRow { background: #f3f3f3; } .ApplicationList .list .selectedRow { background: #e9f0f5; cursor: default; } .ApplicationList .list .row .divider { background: url(http://images.meebo.com/image/skin/onyx/img/app-dot-divider.gif) repeat-x; height: 1px; } .ApplicationList .list .row .icon { margin: 8px 5px; width: 50px; height: 50px; float: left; text-align: center; font-style: italic; line-height: 28px; color: #6699cc; display: inline; } .ApplicationList .list .row .loadingIcon { background: url(http://images.meebo.com/image/skin/onyx/img/app-list-loading.png); } .ApplicationList .list .row p { margin: 0 0 3px 65px; } .ApplicationList .list .row p.title { padding-top: 8px; } .ApplicationList .list .row p.description { color: #808080; }