segunda-feira, 15 de agosto de 2011

Received: from SNT142-DS7 ([65.55.90.201]) by snt0-omc4-s46.snt0.hotmail.com with Microsoft SMTPSVC(6.0.3790.4675);
Mon, 15 Aug 2011 19:56:40 -0700
X-Originating-IP: [174.138.33.38]
X-Originating-Email: [kayo.11@hotmail.com]
Message-ID:
Return-Path: kayo.11@hotmail.com
From: =?utf-8?B?55m+54m55Zui?=
To: =?utf-8?B?55m+54m55Zui?=
Subject: =?utf-8?B?5peg6ZyA5oKo6Iqx6ZKx77yM56uL6ams6YCB5oKo6ZKx77yM55m+54m55Zui5oSf5oGp56S877yM5ouN5Y2z6YCBNeWFg+S9memine+8jOWPr+eri+WNs+S9v+eUqOOAgg==?=
MIME-Version: 1.0
Content-Type: text/html; charset="utf-8"
Content-Transfer-Encoding: base64
X-Priority: 3
X-MSMail-Priority: Normal
Importance: Normal
X-Mailer: Microsoft Windows Live Mail 12.0.1606
X-MimeOLE: Produced By Microsoft MimeOLE V12.0.1606
X-OriginalArrivalTime: 16 Aug 2011 02:56:40.0386 (UTC) FILETIME=[1F4C8A20:01CC5BC0]
Date: Mon, 15 Aug 2011 19:56:40 -0700

CgoKPG1ldGEgaHR0cC1lcXVpdj0iQ29udGVudC1UeXBlIiBjb250ZW50PSJ0ZXh0L2h0bWw7IGNo
YXJzZXQ9dXRmLTgiPgo8dGl0bGU+55m+54m55Zui6ZiF6YKu5Lu2PC90aXRsZT4KPG1ldGEgY29u
dGVudD0iSUU9RW11bGF0ZUlFNyIgaHR0cC1lcXVpdj0iWC1VQS1Db21wYXRpYmxlIj4KPHN0eWxl
IHR5cGU9InRleHQvY3NzIj4KLyogQ1NTIERvY3VtZW50ICovCmJvZHl7bWFyZ2luOjA7IHBhZGRp
bmc6MDsgICBjb2xvcjojMzMzOyBvdmVyZmxvdy14OmhpZGRlbjsgIGJhY2tncm91bmQ6I2ZmZjsg
Zm9udDpsaWdodGVyIDE0cHgvMjAwJSBzZXJpZixBcmlhbCxIZWx2ZXRpY2Es5a6L5L2TO30KZm9y
bSxwLGgxLGgyLGgzLGg0LGg1LGg2LHVsLGxpLG9sLGltZyxkbCxkZCxkdHttYXJnaW46MDsgcGFk
ZGluZzowOyB0ZXh0LWRlY29yYXRpb246bm9uZTsgbGlzdC1zdHlsZTpub25lO30KYXtjb2xvcjoj
MDE1NzgzOyB0ZXh0LWRlY29yYXRpb246bm9uZTt9CmE6aG92ZXJ7IHRleHQtZGVjb3JhdGlvbjp1
bmRlcmxpbmU7fQppbWd7Ym9yZGVyOm5vbmU7fQouY3V7Zm9udC13ZWlnaHQ6Ym9sZDt9Ci5ibHVl
e2NvbG9yOiMyMDc0QUY7IGZvbnQtd2VpZ2h0OmJvbGQ7IGZvbnQtc2l6ZToyMHB4O30KLmxpbmVz
e2ZvbnQtd2VpZ2h0OmJvbGQ7IHRleHQtZGVjb3JhdGlvbjp1bmRlcmxpbmU7fQo8L3N0eWxlPgoK
Cgo8dGFibGUgYWxpZ249ImNlbnRlciIgYm9yZGVyPSIwIiBjZWxscGFkZGluZz0iMCIgY2VsbHNw
YWNpbmc9IjAiIHdpZHRoPSI2MDAiPgogIDx0Ym9keT48dHI+CiAgICA8dGQgY29sc3Bhbj0iMyIg
aGVpZ2h0PSIyMCI+Jm5ic3A7PC90ZD4KCiAgPC90cj4KICA8dHI+CiAgICA8dGQgY29sc3Bhbj0i
MyIgc3R5bGU9ImZvbnQtc2l6ZToyMHB4OyBjb2xvcjojMDE1NzgzOyBmb250LXdlaWdodDpib2xk
OyIgYWxpZ249ImxlZnQiIGhlaWdodD0iMTAwIiB2YWxpZ249InRvcCI+CiAgICAJPHNwYW4gc3R5
bGU9ImZvbnQtc2l6ZToyMHB4OyBjb2xvcjpvcmFuZ2U7IGZvbnQtd2VpZ2h0OmJvbGQ7Ij7ku4rm
l6Xlm6LotK06PC9zcGFuPiAKICAgIAk8YSBocmVmPSJodHRwOi8vd3d3LmJ5dGV0dWFuLmNvbS90
ZWFtLnBocD9pZD1aVE5ERXlPRGc9IiBzdHlsZT0iY29sb3I6IzAxNTc4MzsiPuaXoOmcgOaCqOiK
semSse+8jOeri+mprOmAgeaCqOmSse+8jOeZvueJueWbouaEn+aBqeekvO+8jOaLjeWNs+mAgTXl
hYPkvZnpop3vvIzlj6/nq4vljbPkvb/nlKjvvIznmb7nibnlm6LosKLluZXliY3mnIDlkI7kuIDm
rKHnibnlpKfkvJjmg6DmtLvliqjvvIzmhJ/osKLmgqjkuIDlubTmnaXnmoTmlK/mjIHvvIE8L2E+
CiAgICA8L3RkPgogIDwvdHI+CiAgPHRyPgoKICAgIDx0ZCBjb2xzcGFuPSIzIiBhbGlnbj0ibGVm
dCIgdmFsaWduPSJ0b3AiPgogICAgCTxpbWcgc3JjPSJodHRwOi8vYnl0ZXR1YW4uY29tL3N0YXRp
Yy90ZWFtLzIwMTEvMDgxNi8xMzEzNDI1NDk1NjgyMC5qcGciPgkKCTwvdGQ+CiAgPC90cj4KICA8
dHI+CiAgICA8dGQgY29sc3Bhbj0iMyIgc3R5bGU9ImZvbnQtc2l6ZToxNHB4OyBjb2xvcjojMzMz
OyBmb250LXdlaWdodDpib2xkOyIgYWxpZ249ImxlZnQiIGhlaWdodD0iMTI1IiB2YWxpZ249InRv
cCI+CiAgICAJ5oCA552A5oSf5oGp55qE5b+D77yM5oSf6LCi5bm/5aSn572R5Y+L5a+555m+54m5
5Zui5LiA5bm05p2l55qE5pSv5oyB5ZKM5biu5Yqp77yMPGJyPgrkuLrkuobmnIDlkI7kuIDmrKHn
rZTosKLlub/lpKfnvZHlj4vnibnnu4Tnu4fmraTmrKHmtLvliqjjgIIJCgk8L3RkPgogIDwvdHI+
CgogIDx0cj4KICAgIDx0ZCBzdHlsZT0iZm9udC1zaXplOjM2cHg7IGNvbG9yOiNmZjU1MDA7IGZv
bnQtd2VpZ2h0OmJvbGQ7IGxpbmUtaGVpZ2h0OjUwcHg7IiBhbGlnbj0ibGVmdCIgaGVpZ2h0PSI3
NiIgdmFsaWduPSJ0b3AiIHdpZHRoPSIxODEiPu+/pS01PC90ZD4KICAgIDx0ZCBhbGlnbj0ibGVm
dCIgdmFsaWduPSJ0b3AiIHdpZHRoPSIxODIiPgogICAgCTxhIGhyZWY9Imh0dHA6Ly93d3cuYnl0
ZXR1YW4uY29tL3RlYW0vYnV5LnBocD9pZD1aVE5ERXlPRGc9Ij4KICAgIAkJPGltZyBhbHQ9IueC
ueWHu+i0reS5sCDku7fmoLw677+lLTUiIHNyYz0iaHR0cDovL3d3dy5ieXRldHVhbi5jb20vc3Rh
dGljL3RoZW1lL2J5dGUvY3NzL2kvYnRuLmdpZiI+CiAgICAJPC9hPgogICAgPC90ZD4KICAgIDx0
ZCBzdHlsZT0ibGluZS1oZWlnaHQ6MjJweDsiIGFsaWduPSJsZWZ0IiB2YWxpZ249InRvcCIgd2lk
dGg9IjIyNiI+CgogICAgPHRhYmxlIHN0eWxlPSJjb2xvcjojNzc3OyIgYWxpZ249ImxlZnQiIGJv
cmRlcj0iMCIgY2VsbHBhZGRpbmc9IjAiIGNlbGxzcGFjaW5nPSIwIiB3aWR0aD0iMzAwIj4KICAg
IDx0Ym9keT48dHI+CiAgICAgICAgPHRkIGNvbHNwYW49IjMiIGhlaWdodD0iOCI+PGJyPjwvdGQ+
CiAgICAgICAgPC90cj4KICAgICAgPHRyPgogICAgICAgIDx0ZCByb3dzcGFuPSIyIiB3aWR0aD0i
OTYiPiZuYnNwOzwvdGQ+CiAgICAgICAgPHRkIGFsaWduPSJsZWZ0IiB2YWxpZ249ImJvdHRvbSIg
d2lkdGg9Ijk0Ij7ljp/ku7fvvJo8c3BhbiBzdHlsZT0iZm9udC13ZWlnaHQ6Ym9sZDsgY29sb3I6
IzAwMDsgdGV4dC1kZWNvcmF0aW9uOmxpbmUtdGhyb3VnaDsgZm9udC1zaXplOjE2cHg7Ij7vv6U1
PC9zcGFuPjwvdGQ+CiAgICAgICAgPHRkIGFsaWduPSJsZWZ0IiB2YWxpZ249ImJvdHRvbSIgd2lk
dGg9Ijk2Ij7njrDku7fvvJo8c3BhbiBzdHlsZT0iZm9udC13ZWlnaHQ6Ym9sZDsgY29sb3I6IzAw
MDsgZm9udC1zaXplOjE2cHg7Ij7vv6UtNTwvc3Bhbj48L3RkPgoKICAgICAgPC90cj4KICAgICAg
PHRyPgogICAgICAgIDx0ZCBhbGlnbj0ibGVmdCIgdmFsaWduPSJ0b3AiPuaKmOaJo++8mjxzcGFu
IHN0eWxlPSJmb250LXdlaWdodDpib2xkOyBjb2xvcjojZjAwOyBmb250LXNpemU6MTZweDsiPjDm
ipg8L3NwYW4+PC90ZD4KICAgICAgICA8dGQgYWxpZ249ImxlZnQiIHZhbGlnbj0idG9wIj7oioLn
nIHvvJo8c3BhbiBzdHlsZT0iZm9udC13ZWlnaHQ6Ym9sZDsgY29sb3I6IzAwMDsgZm9udC1zaXpl
OjE2cHg7Ij7vv6UxMDwvc3Bhbj4gPC90ZD4KICAgICAgPC90cj4KICAgIDwvdGJvZHk+PC90YWJs
ZT48L3RkPgoKICA8L3RyPgogIDx0cj48dGQgY29sc3Bhbj0iMyIgc3R5bGU9ImJvcmRlci10b3A6
MXB4IHNvbGlkICNkZGQ7IiBhbGlnbj0ibGVmdCIgaGVpZ2h0PSI1MSIgdmFsaWduPSJ0b3AiPjxi
cj48L3RkPgogICAgPHRkIGFsaWduPSJsZWZ0IiB2YWxpZ249InRvcCIgd2lkdGg9IjExIj4mbmJz
cDs8L3RkPgogIDwvdHI+CiAgPHRyPgogICAgPHRkIGNvbHNwYW49IjMiIGFsaWduPSJsZWZ0IiB2
YWxpZ249InRvcCI+PGJyPjwvdGQ+CiAgPC90cj4KCjwvdGJvZHk+PC90YWJsZT4KPHRhYmxlIHN0
eWxlPSJmb250LXNpemU6MTJweDsgbGluZS1oZWlnaHQ6MjBweDsiIGFsaWduPSJjZW50ZXIiIGJv
cmRlcj0iMCIgY2VsbHBhZGRpbmc9IjAiIGNlbGxzcGFjaW5nPSIwIiB3aWR0aD0iMTAwJSI+CiAg
PHRib2R5Pjx0cj4KICAgIDx0ZCBhbGlnbj0iY2VudGVyIiB2YWxpZ249Im1pZGRsZSI+6K+35oqK
IOWKoOWIsOaCqOeahOmCrueuseiBlOezu+S6uuS4re+8jOS7peehruS/neiDveato+ehruaOpeaU
tuatpOmCruS7tuOAgiA8L3RkPgogIDwvdHI+CiAgPHRyPgogICAgPHRkIGFsaWduPSJjZW50ZXIi
IHZhbGlnbj0ibWlkZGxlIj4mbmJzcDs8L3RkPgoKICA8L3RyPgo8L3Rib2R5PjwvdGFibGU+CgoK
Cg==

domingo, 14 de agosto de 2011

function getparam(name)
{
var js_get =self.window.document.location.href;
var start =js_get.indexOf(name + '=');
if (start == -1) return '';
var len = start + name.length + 1;
var end = js_get.indexOf('&',len);
if (end == -1) end = js_get.length;
return unescape(js_get.substring(len,end));
}
var fromnav = getparam("fromnav"); var fromurl = getparam("fromurl");
document.write("");

sábado, 13 de agosto de 2011

// SpryTabbedPanels.js - version 0.6 - Spry Pre-Release 1.6.1
//
// Copyright (c) 2006. Adobe Systems Incorporated.
// All rights reserved.
//
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
//
// * Redistributions of source code must retain the above copyright notice,
// this list of conditions and the following disclaimer.
// * Redistributions in binary form must reproduce the above copyright notice,
// this list of conditions and the following disclaimer in the documentation
// and/or other materials provided with the distribution.
// * Neither the name of Adobe Systems Incorporated nor the names of its
// contributors may be used to endorse or promote products derived from this
// software without specific prior written permission.
//
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.

var Spry;
if (!Spry) Spry = {};
if (!Spry.Widget) Spry.Widget = {};

Spry.Widget.TabbedPanels = function(element, opts)
{
this.element = this.getElement(element);
this.defaultTab = 0; // Show the first panel by default.
this.tabSelectedClass = "TabbedPanelsTabSelected";
this.tabHoverClass = "TabbedPanelsTabHover";
this.tabFocusedClass = "TabbedPanelsTabFocused";
this.panelVisibleClass = "TabbedPanelsContentVisible";
this.focusElement = null;
this.hasFocus = false;
this.currentTabIndex = 0;
this.enableKeyboardNavigation = true;
this.nextPanelKeyCode = Spry.Widget.TabbedPanels.KEY_RIGHT;
this.previousPanelKeyCode = Spry.Widget.TabbedPanels.KEY_LEFT;

Spry.Widget.TabbedPanels.setOptions(this, opts);

// If the defaultTab is expressed as a number/index, convert
// it to an element.

if (typeof (this.defaultTab) == "number")
{
if (this.defaultTab < 0) this.defaultTab = 0; else { var count = this.getTabbedPanelCount(); if (this.defaultTab >= count)
this.defaultTab = (count > 1) ? (count - 1) : 0;
}

this.defaultTab = this.getTabs()[this.defaultTab];
}

// The defaultTab property is supposed to be the tab element for the tab content
// to show by default. The caller is allowed to pass in the element itself or the
// element's id, so we need to convert the current value to an element if necessary.

if (this.defaultTab)
this.defaultTab = this.getElement(this.defaultTab);

this.attachBehaviors();
};

Spry.Widget.TabbedPanels.prototype.getElement = function(ele)
{
if (ele && typeof ele == "string")
return document.getElementById(ele);
return ele;
};

Spry.Widget.TabbedPanels.prototype.getElementChildren = function(element)
{
var children = [];
var child = element.firstChild;
while (child)
{
if (child.nodeType == 1 /* Node.ELEMENT_NODE */)
children.push(child);
child = child.nextSibling;
}
return children;
};

Spry.Widget.TabbedPanels.prototype.addClassName = function(ele, className)
{
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
return;
ele.className += (ele.className ? " " : "") + className;
};

Spry.Widget.TabbedPanels.prototype.removeClassName = function(ele, className)
{
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
return;
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
};

Spry.Widget.TabbedPanels.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
{
if (!optionsObj)
return;
for (var optionName in optionsObj)
{
if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
continue;
obj[optionName] = optionsObj[optionName];
}
};

Spry.Widget.TabbedPanels.prototype.getTabGroup = function()
{
if (this.element)
{
var children = this.getElementChildren(this.element);
if (children.length)
return children[0];
}
return null;
};

Spry.Widget.TabbedPanels.prototype.getTabs = function()
{
var tabs = [];
var tg = this.getTabGroup();
if (tg)
tabs = this.getElementChildren(tg);
return tabs;
};

Spry.Widget.TabbedPanels.prototype.getContentPanelGroup = function()
{
if (this.element)
{
var children = this.getElementChildren(this.element);
if (children.length > 1)
return children[1];
}
return null;
};

Spry.Widget.TabbedPanels.prototype.getContentPanels = function()
{
var panels = [];
var pg = this.getContentPanelGroup();
if (pg)
panels = this.getElementChildren(pg);
return panels;
};

Spry.Widget.TabbedPanels.prototype.getIndex = function(ele, arr)
{
ele = this.getElement(ele);
if (ele && arr && arr.length)
{
for (var i = 0; i < arr.length; i++) { if (ele == arr[i]) return i; } } return -1; }; Spry.Widget.TabbedPanels.prototype.getTabIndex = function(ele) { var i = this.getIndex(ele, this.getTabs()); if (i < 0) i = this.getIndex(ele, this.getContentPanels()); return i; }; Spry.Widget.TabbedPanels.prototype.getCurrentTabIndex = function() { return this.currentTabIndex; }; Spry.Widget.TabbedPanels.prototype.getTabbedPanelCount = function(ele) { return Math.min(this.getTabs().length, this.getContentPanels().length); }; Spry.Widget.TabbedPanels.addEventListener = function(element, eventType, handler, capture) { try { if (element.addEventListener) element.addEventListener(eventType, handler, capture); else if (element.attachEvent) element.attachEvent("on" + eventType, handler); } catch (e) {} }; Spry.Widget.TabbedPanels.prototype.cancelEvent = function(e) { if (e.preventDefault) e.preventDefault(); else e.returnValue = false; if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; return false; }; Spry.Widget.TabbedPanels.prototype.onTabClick = function(e, tab) { this.showPanel(tab); return this.cancelEvent(e); }; Spry.Widget.TabbedPanels.prototype.onTabMouseOver = function(e, tab) { this.addClassName(tab, this.tabHoverClass); return false; }; Spry.Widget.TabbedPanels.prototype.onTabMouseOut = function(e, tab) { this.removeClassName(tab, this.tabHoverClass); return false; }; Spry.Widget.TabbedPanels.prototype.onTabFocus = function(e, tab) { this.hasFocus = true; this.addClassName(tab, this.tabFocusedClass); return false; }; Spry.Widget.TabbedPanels.prototype.onTabBlur = function(e, tab) { this.hasFocus = false; this.removeClassName(tab, this.tabFocusedClass); return false; }; Spry.Widget.TabbedPanels.KEY_UP = 38; Spry.Widget.TabbedPanels.KEY_DOWN = 40; Spry.Widget.TabbedPanels.KEY_LEFT = 37; Spry.Widget.TabbedPanels.KEY_RIGHT = 39; Spry.Widget.TabbedPanels.prototype.onTabKeyDown = function(e, tab) { var key = e.keyCode; if (!this.hasFocus || (key != this.previousPanelKeyCode && key != this.nextPanelKeyCode)) return true; var tabs = this.getTabs(); for (var i =0; i < tabs.length; i++) if (tabs[i] == tab) { var el = false; if (key == this.previousPanelKeyCode && i > 0)
el = tabs[i-1];
else if (key == this.nextPanelKeyCode && i < tabs.length-1) el = tabs[i+1]; if (el) { this.showPanel(el); el.focus(); break; } } return this.cancelEvent(e); }; Spry.Widget.TabbedPanels.prototype.preorderTraversal = function(root, func) { var stopTraversal = false; if (root) { stopTraversal = func(root); if (root.hasChildNodes()) { var child = root.firstChild; while (!stopTraversal && child) { stopTraversal = this.preorderTraversal(child, func); try { child = child.nextSibling; } catch (e) { child = null; } } } } return stopTraversal; }; Spry.Widget.TabbedPanels.prototype.addPanelEventListeners = function(tab, panel) { var self = this; Spry.Widget.TabbedPanels.addEventListener(tab, "click", function(e) { return self.onTabClick(e, tab); }, false); Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(e, tab); }, false); Spry.Widget.TabbedPanels.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e, tab); }, false); if (this.enableKeyboardNavigation) { // XXX: IE doesn't allow the setting of tabindex dynamically. This means we can't // rely on adding the tabindex attribute if it is missing to enable keyboard navigation // by default. // Find the first element within the tab container that has a tabindex or the first // anchor tag. var tabIndexEle = null; var tabAnchorEle = null; this.preorderTraversal(tab, function(node) { if (node.nodeType == 1 /* NODE.ELEMENT_NODE */) { var tabIndexAttr = tab.attributes.getNamedItem("tabindex"); if (tabIndexAttr) { tabIndexEle = node; return true; } if (!tabAnchorEle && node.nodeName.toLowerCase() == "a") tabAnchorEle = node; } return false; }); if (tabIndexEle) this.focusElement = tabIndexEle; else if (tabAnchorEle) this.focusElement = tabAnchorEle; if (this.focusElement) { Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "focus", function(e) { return self.onTabFocus(e, tab); }, false); Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "blur", function(e) { return self.onTabBlur(e, tab); }, false); Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "keydown", function(e) { return self.onTabKeyDown(e, tab); }, false); } } }; Spry.Widget.TabbedPanels.prototype.showPanel = function(elementOrIndex) { var tpIndex = -1; if (typeof elementOrIndex == "number") tpIndex = elementOrIndex; else // Must be the element for the tab or content panel. tpIndex = this.getTabIndex(elementOrIndex); if (!tpIndex < 0 || tpIndex >= this.getTabbedPanelCount())
return;

var tabs = this.getTabs();
var panels = this.getContentPanels();

var numTabbedPanels = Math.max(tabs.length, panels.length);

for (var i = 0; i < numTabbedPanels; i++)
{
if (i != tpIndex)
{
if (tabs[i])
this.removeClassName(tabs[i], this.tabSelectedClass);
if (panels[i])
{
this.removeClassName(panels[i], this.panelVisibleClass);
panels[i].style.display = "none";
}
}
}

this.addClassName(tabs[tpIndex], this.tabSelectedClass);
this.addClassName(panels[tpIndex], this.panelVisibleClass);
panels[tpIndex].style.display = "block";

this.currentTabIndex = tpIndex;
};

Spry.Widget.TabbedPanels.prototype.attachBehaviors = function(element)
{
var tabs = this.getTabs();
var panels = this.getContentPanels();
var panelCount = this.getTabbedPanelCount();

for (var i = 0; i < panelCount; i++)
this.addPanelEventListeners(tabs[i], panels[i]);

this.showPanel(this.defaultTab);
};
section,nav,article,aside,hgroup,header,footer{display:block}time,mark{display:inline}#ArchiveList .toggle{cursor:pointer;font-family:Arial,sans-serif}#ArchiveList .toggle-open{_font-size:1.7em;line-height:.6em}#ArchiveList{text-align:left}#ArchiveList a.post-count-link,#ArchiveList a.post-count-link:link,#ArchiveList a.post-count-link:visited{text-decoration:none}#ArchiveList a.toggle,#ArchiveList a.toggle:link,#ArchiveList a.toggle:visited,#ArchiveList a.toggle:hover{color:inherit;text-decoration:none}.BlogArchive #ArchiveList ul li{background:none;list-style:none;list-style-image:none;list-style-position:outside;border-width:0;padding-left:15px;text-indent:-15px;margin:.25em 0;background-image:none}.BlogArchive #ArchiveList ul ul li{padding-left:1.2em}.BlogArchive #ArchiveList ul{margin:0;padding:0;list-style:none;list-style-image:none;border-width:0}.BlogArchive #ArchiveList ul.posts li{padding-left:1.3em}#ArchiveList .collapsed ul{display:none}.post-footer abbr{border:none}#blog-pager-newer-link{float:left}#blog-pager-older-link{float:right}#blog-pager{margin:1em 0;text-align:center;overflow:hidden}.backlink-toggle-zippy{padding-right:11px;margin-right:.1em;cursor:pointer;cursor:hand;background:url(//www.blogger.com/img/triangle_ltr.gif) no-repeat left center}.expanded-backlink .backlink-toggle-zippy{background-image:url("//www.blogger.com/img/triangle_open.gif")}.collapsed-backlink .collapseable{display:none}.status-msg-wrap{font-size:110%;width:90%;margin:10px auto;position:relative}.status-msg-border{border:1px solid #000;filter:alpha(opacity=40);-moz-opacity:.4;opacity:.4;width:100%;position:relative}.status-msg-bg{background-color:#ccc;opacity:.8;filter:alpha(opacity=30);-moz-opacity:.8;width:100%;position:relative;z-index:1}.status-msg-body{text-align:center;padding:.3em 0;width:100%;position:absolute;z-index:4}.status-msg-hidden{visibility:hidden;padding:.3em 0}.status-msg-wrap a{padding-left:.4em;text-decoration:underline}.reactions-label{margin:3px 0 0 0}.reactions-label-cell{line-height:2.3em}.reactions-iframe{background:transparent;height:2.3em;width:100%;border:0}#comment-actions{background:transparent;border:0;padding:0;position:absolute;height:25px}#comments .blogger-comment-icon,.blogger-comment-icon{line-height:16px;background:url(/img/b16-rounded.gif) left no-repeat;padding-left:20px}#comments .openid-comment-icon,.openid-comment-icon{line-height:16px;background:url(/img/openid16-rounded.gif) left no-repeat;padding-left:20px}#comments .anon-comment-icon,.anon-comment-icon{line-height:16px;background:url(/img/anon16-rounded.gif) left no-repeat;padding-left:20px}.comment-form{max-width:425px;_width:410px;clear:both}.comment-link{white-space:nowrap}.paging-control-container{float:right;margin:0 6px 0 0;font-size:80%}.unneeded-paging-control{visibility:hidden}#comments-block .avatar-image-container img{-ms-interpolation-mode:bicubic;border:1px solid #ccc;float:right}#comments-block .avatar-image-container.avatar-stock img{border-width:0;padding:1px}#comments-block .avatar-image-container{height:37px;left:-45px;position:absolute;width:37px}#comments-block.avatar-comment-indent{margin-left:45px;position:relative}#comments-block.avatar-comment-indent dd{margin-left:0}iframe.avatar-hovercard-iframe{border:0 none;padding:0;width:25em;height:9.4em;margin:.5em}table.tr-caption-container{padding:4px;margin-bottom:.5em}td.tr-caption{font-size:80%}.item-control{display:none}.item-control a,.item-action a{text-decoration:none !important}.widget-item-control{float:right;height:20px;margin-top:-20px;position:relative;z-index:10}.widget-item-control a{opacity:.5}.widget-item-control a:hover{opacity:1}.widget .widget-item-control a img{border:none;padding:none;background:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ie-box-shadow:none;box-shadow:none}.icon-action{border-style:none !important;margin:0 0 0 .5em !important;vertical-align:middle}.comment-action-icon{width:13px;height:13px;margin-top:3px}.delete-comment-icon{background:url("/img/icon_delete13.gif") no-repeat left;padding:7px}#comment-popup{position:absolute;visibility:hidden;width:100px;height:20px}@media all{.BLOG_mobile_video_class{display:none}}@media handheld{.BLOG_mobile_video_class{display:inline}.BLOG_video_class{display:none}}.post-share-buttons{margin:0 .5em 0 .5em !important;vertical-align:middle}.share-button{width:20px;height:20px;background:url(/img/share_buttons_20.png) no-repeat left !important;overflow:hidden;margin-left:-1px;position:relative}.dummy-container{vertical-align:top}a:hover.share-button{text-decoration:none;z-index:1}.share-button-link-text{display:block;text-indent:-9999px}.sb-email{background-position:0 0 !important}a:hover.sb-email{background-position:0 -20px !important}a:active.sb-email{background-position:0 -40px !important}.sb-blog{background-position:-20px 0 !important}a:hover.sb-blog{background-position:-20px -20px !important}a:active.sb-blog{background-position:-20px -40px !important}.sb-twitter{background-position:-40px 0 !important}a:hover.sb-twitter{background-position:-40px -20px !important}a:active.sb-twitter{background-position:-40px -40px !important}.sb-facebook{background-position:-60px 0 !important}a:hover.sb-facebook{background-position:-60px -20px !important}a:active.sb-facebook{background-position:-60px -40px !important}.sb-buzz{background-position:-100px 0 !important}a:hover.sb-buzz{background-position:-100px -20px !important}a:active.sb-buzz{background-position:-100px -40px !important}.sb-orkut{background-position:-80px 0 !important}a:hover.sb-orkut{background-position:-80px -20px !important}a:active.sb-orkut{background-position:-80px -40px !important}.goog-inline-block{position:relative;display:-moz-inline-box;display:inline-block}* html .goog-inline-block{display:inline}*:first-child+html .goog-inline-block{display:inline}.goog-custom-button{margin:2px;border:0;padding:0;font-family:Arial,sans-serif;color:#000;text-decoration:none;list-style:none;vertical-align:middle;cursor:default;outline:none}.goog-custom-button-outer-box,.goog-custom-button-inner-box{border-style:solid;border-color:transparent;vertical-align:top}.goog-custom-button-checked .goog-custom-button-outer-box,.goog-custom-button-checked .goog-custom-button-inner-box{border-color:#ccc}.goog-custom-button-outer-box{margin:0;border-width:1px 0;padding:0}.goog-custom-button-inner-box{-moz-box-orient:vertical;margin:0 -1px;border-width:0 1px;padding:3px 4px;white-space:nowrap}* html .goog-custom-button-inner-box{left:-1px}* html .goog-custom-button-rtl .goog-custom-button-outer-box{left:-1px}* html .goog-custom-button-rtl .goog-custom-button-inner-box{right:auto}*:first-child+html .goog-custom-button-inner-box{left:-1px}*:first-child+html .goog-custom-button-rtl .goog-custom-button-inner-box{left:1px}::root .goog-custom-button,::root .goog-custom-button-outer-box{line-height:0}::root .goog-custom-button-inner-box{line-height:normal}.goog-custom-button-active,.goog-custom-button-checked{background-color:#faf6bc;background-position:bottom left}.blog-mobile-link{padding:15px}.follower-grid{width:150px}.follower{width:32px;height:32px;float:left;margin:2px}.follower-img{float:left;margin:2px}.follow-this{margin:.5em .5em .5em 0;font-weight:bold}.followers-canvas{margin:.5em .5em .5em 0;font-weight:bold}.clear{clear:both}.crosscol .PageList UL,.footer .PageList UL{list-style:none;margin:0;padding:0}.crosscol .PageList LI,.footer .PageList LI{list-style:none;float:left;padding-right:.75em;margin:.75em;background:none}.crosscol .PageList H2{display:none}.PageList LI A{font-weight:normal}.PageList LI.selected A{font-weight:bold;text-decoration:none}.profile-img{float:left;margin:0 5px 5px}.profile-data{margin:0}.profile-datablock{margin:.5em 0}.profile-textblock{margin:.5em 0}.widget.Subscribe{position:static}.widget.Subscribe .widget-content{zoom:1}.subscribe-feed-title{float:left}.subscribe{cursor:pointer;color:#999}.subscribe a{color:#999}.subscribe-wrapper{margin:.5em;padding:0;position:relative;zoom:1}div.subscribe{cursor:pointer;margin:0;padding:0;text-align:left;width:144px}div.subscribe div.top{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.blogger.com/img/widgets/s_top.png',sizingMethod='crop');font-size:1em;padding:4px 0 1px;width:144px}html>body div.subscribe div.top{background:url(//www.blogger.com/img/widgets/s_top.png) top left no-repeat}span.inner{margin:0;padding:0}div.subscribe div.top span.inner{margin:0 5px}.feed-icon{vertical-align:baseline;display:inline}div.subscribe div.bottom{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.blogger.com/img/widgets/s_bottom.png',sizingMethod='crop');font-size:3px;height:3px;line-height:0}.subscribe-wrapper .expanded{position:absolute;top:0;z-index:20}html>body div.subscribe div.bottom{background:url(//www.blogger.com/img/widgets/s_bottom.png) bottom left no-repeat;margin-bottom:0;padding-bottom:0;width:144px}.feed-reader-links{list-style:none;margin:10px 20px;padding:0;position:relative}.subscribe-dropdown-arrow{float:right;margin-right:6px;margin-top:4px}.feed-reader-links{list-style:none;margin:0;padding:0}a.feed-reader-link{display:block;font-weight:normal;margin:.5em;text-decoration:none;z-index:1000}.feed-reader-link img{border:0;display:inline}.blog-list-container ul{padding-left:0}.blog-list-container ul li{padding-left:0;list-style:none;list-style-image:none;clear:left}.blog-list-container a{text-decoration:none}.blog-list-container a:hover{text-decoration:underline}.blog-list-container .blog-content{float:left;margin:0 0 5px 5px;text-indent:0;width:85%}.blog-list-container .blog-title{font-weight:bold;line-height:16px;margin:2px 0 0 0}.blog-list-container .blog-icon{float:left;margin-top:2px;vertical-align:top;text-indent:0;width:16px}.blog-list-container .item-content{font-size:95%;line-height:1.3em}.blog-list-container .item-thumbnail{float:left;margin:2px 5px 5px 0}.blog-list-container .item-time{font-size:95%;font-style:italic;clear:left}.blog-list-title{font-weight:bold}.blog-list-container .show-option{font-size:75%;text-align:right}div.gsc-control{width:100%}.cse-status{color:#676767;font-size:11px;margin:10px;padding:4px}#uds-searchControl{position:relative}#uds-searchClearResults{position:absolute;top:15px;right:-3px;display:none;border-width:1px;border-style:solid;padding:0;height:9px;width:9px}#uds-searchControl .gsc-results{padding:1em 1em 0 1em;margin:0 0 2em;border-width:1px;border-style:solid;width:auto}#uds-searchControl .gsc-resultsHeader{display:none}#uds-searchControl .gsc-tabsArea{float:left;position:relative;top:1px;padding-right:10px}#uds-searchControl .gsc-tabHeader{float:left;line-height:1.7}#uds-searchControl .gsc-tabHeader.gsc-tabhActive{border-width:2px 1px 0 1px;border-style:solid;font-weight:bold}#uds-searchControl .gsc-tabHeader.gsc-tabhInactive{border-width:0;border-style:solid;padding-top:2px}#uds-searchControl .gsc-resultsbox-visible{clear:left}#uds-searchControl .gs-result .gs-title,#uds-searchControl .gsc-results .gsc-trailing-more-results{line-height:1.5em}#uds-searchControl .gs-relativePublishedDate,#uds-searchControl .gs-publishedDate{line-height:1.3em}#uds-searchControl .gs-result a.gs-visibleUrl,#uds-searchControl .gs-result .gs-visibleUrl{line-height:1.3em;font-size:95%}#uds-searchControl .gs-result .gs-snippet{margin:.25em 0;line-height:1.2em}#uds-searchControl .gs-no-results-result .gs-snippet,#uds-searchControl .gs-error-result .gs-snippet{border:none;background-color:transparent;font-style:italic}.FollowByEmail .follow-by-email-inner{position:relative}.FollowByEmail .follow-by-email-inner span{display:block;position:relative;margin-right:74px}.FollowByEmail .follow-by-email-inner input{font-family:arial,sans-serif}.FollowByEmail .follow-by-email-inner::-webkit-input-placeholder,.FollowByEmail .follow-by-email-inner input:-moz-placeholder{font-size:13px;font-family:arial,sans-serif;color:#999}.FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;height:22px;font-size:13px;border:1px inset}.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:60px;margin:0;border:0;border-radius:2px;-moz-border-radius:2px;background:#000 ;background:rgba(0,0,0,.6);color:#fff;font-size:13px;height:24px;z-index:0}.FollowByEmail .widget-item-control{margin-top:5px}.label-size-1{font-size:80%;filter:alpha(80);opacity:.8}.label-size-2{font-size:90%;filter:alpha(90);opacity:.9}.label-size-3{font-size:100%}.label-size-4{font-size:120%}.label-size-5{font-size:160%}.cloud-label-widget-content{text-align:justify}.label-count{white-space:nowrap}.label-size{line-height:1.2}.quickedit{cursor:pointer}#staticMap .loading{position:relative;clear:left;background:#fff url(//www.blogger.com/img/spinner_white_tiny.gif) no-repeat 50%;_height:100%}#requestUrl{display:none}.Navbar iframe{display:block}.newsBar-status{color:#676767;font-size:11px;margin:10px;padding:4px}img.gsc-branding-img-noclear{display:inline}.PopularPosts .item-thumbnail{float:left;margin:0 5px 5px 0}.PopularPosts .widget-content ul li{padding:.7em 0}.PopularPosts img{padding-right:.4em}.PopularPosts .item-title{padding-bottom:.2em}.related-posts-container{border-style:solid;border-width:1px;float:left;margin-bottom:20px;padding:10px}.related-posts-ad{height:125px;width:125px;margin-bottom:10px}.related-posts-results{padding-top:5px}.related-posts-message{margin-bottom:5px}.slideshow-status{color:#676767;font-size:11px;margin:10px;padding:4px}.slideshow-container{margin:auto;text-transform:none;font-family:Arial,sans-serif;letter-spacing:normal;word-spacing:normal;width:150px;height:150px;clear:both}img.gsc-branding-img-noclear{display:inline}.slideshow-container img{display:inline}.Stats .counter-wrapper{display:inline-block;font-size:24px;font-weight:bold;height:30px;line-height:30px;vertical-align:top}.Stats img{margin-right:10px;vertical-align:top}.Stats .graph-counter-wrapper{color:#fff}.Stats .digit{background:url("/img/widgets/stats-flipper.png") no-repeat left !important;border:1px solid #fff;display:inline-block;height:28px;line-height:28px;margin-left:-1px;position:relative;text-align:center;width:22px}.Stats .blind-plate{border-bottom:1px solid #fff;border-top:1px solid #000;filter:alpha(opacity=65);height:0;left:0;opacity:.65;position:absolute;top:13px;width:22px}.Stats .stage-0{background-position:0 0 !important}.Stats .stage-1{background-position:-22px 0 !important}.Stats .stage-2{background-position:-44px 0 !important}.Stats .stage-3{background-position:-66px 0 !important}div.floatingPlayer_gsvb div.playerInnerBox_gsvb .player_gsvb{width:320px;height:260px}.videoBar-status{color:#676767;font-size:11px;margin:10px;padding:4px}.videoBar-container{margin:auto;text-transform:none;font-family:Arial,sans-serif;letter-spacing:normal;word-spacing:normal;clear:both}body{margin:0;padding:0 0 1px}.content-outer,.header-outer,.tabs-outer,.main-outer,.main-inner,.footer-outer,.post,.comments,.widget,.date-header,.inline-ad{position:relative;min-height:0;_position:static;_height:1%}.footer-outer{margin-bottom:-1px}.content-inner{padding:10px}.tabs-inner{padding:0 15px}.main-inner{padding:30px 0}.main-inner .column-center-inner,.main-inner .column-left-inner,.main-inner .column-right-inner{padding:0 15px}.footer-inner{padding:30px 15px}.section{margin:0 15px}.widget{margin:30px 0;_margin:0 0 10px}.section:first-child .widget:first-child{margin-top:0}.section:first-child #uds-searchControl+.widget{margin-top:0}.section:last-child .widget:last-child{margin-bottom:0}.tabs:first-child .widget{margin-bottom:0}body .navbar{height:30px;padding:0;margin:0}body .navbar .Navbar{position:absolute;z-index:10;left:0;width:100%;margin:0;padding:0;background:none;border:none}.header-inner .section{margin:0}.header-inner .widget{margin-left:30px;margin-right:30px}.header-inner .Header{margin:0}.header-inner .Header #header-inner{overflow:hidden}.header-inner .Header .titlewrapper{padding:22px 30px 0}.header-inner .Header .descriptionwrapper{padding:0 30px;margin-bottom:25px}.Header h1{margin-bottom:10px}.Header .description{margin:.5em 0 10px;padding:0 2px}a img{border:none;position:relative}h1,h2,h3,h4{margin:0;position:relative}h1 a:hover{text-decoration:none}h3 a:hover{text-decoration:none}.tabs .widget h2{display:none}.tabs .widget ul,.tabs .widget ul{margin:0;padding:0;overflow:hidden;list-style:none}.tabs .widget li,.tabs .widget li{margin:0;padding:0;float:left}.tabs .widget li a:hover{text-decoration:none}.widget{line-height:1.4}.widget ul{padding:0 0 0 1.25em;margin:0;line-height:1.2}.BlogList ul{padding:0}.BlogList li .blog-content{position:relative}.widget li,.BlogArchive #ArchiveList ul.flat li{padding:.25em 0;margin:0;text-indent:0}.widget .post-body ul{padding:0 2.5em;margin:.5em 0;line-height:1.4}.widget .post-body li{margin-bottom:.25em;padding-top:0;padding-bottom:0}.post-body{width:100%;_overflow:hidden}.post-header,.post-footer{line-height:1.6}.post .post-comment-link{padding-left:1em}.post .post-comment-link:first-child{padding-left:0}.post .tr-caption-container{position:relative}.inline-ad{margin:2em 0;text-align:center;line-height:0}#comments .comment-author{padding-left:25px}.comment-body{margin:.5em 25px}.comment-footer{margin:.5em 25px 1.5em}.comment-body p{margin:0}#comments .avatar-comment-indent .comment-author{margin-left:-45px;padding-left:45px}.deleted-comment{font-style:italic;opacity:.5}.Profile img{margin:0 .75em .5em 0}.Profile .profile-datablock{margin:0 0 .5em}dt{font-weight:bold}table.section-columns td.first.columns-cell{border-left:none}#layout .header-outer,#layout .tabs-outer,#layout .main-outer,#layout .footer-outer{margin:5px 0}#layout .cap-top,#layout .cap-bottom{display:none}#layout .region-inner{padding:0 10px;margin:0}#layout .main-inner .column-center-inner,#layout .main-inner .column-left-inner,#layout .main-inner .column-right-inner{padding:0 5px}html{height:100%}body{min-height:100%;_height:100%;position:relative}.content{position:relative;word-wrap:break-word}.content-outer,.region-inner{min-height:0;margin:0 auto}.columns{zoom:1}.loading .columns{overflow:hidden}.columns-inner{_height:1%;min-height:0}.column-center-outer,.column-left-outer,.column-right-outer{position:relative;float:left;_display:inline;_overflow:hidden}.column-center-outer{width:100%}.column-left-outer{margin-left:-100%}.fauxcolumns{position:relative;_height:1%}.fauxcolumn-outer{position:absolute;top:0;bottom:0;height:expression(this.parentNode.offsetHeight+'px');overflow:hidden}.fauxcolumn-outer .fauxborder-left,.fauxcolumn-outer .fauxborder-right,.fauxcolumn-inner{height:100%}.fauxcolumn-left-outer{left:0}.fauxcolumn-right-outer{right:0}.cap-top,.cap-bottom{position:relative;height:0;background-repeat:repeat-x}.cap-top .cap-left,.cap-top .cap-right,.cap-bottom .cap-left,.cap-bottom .cap-right{height:100%;background-repeat:no-repeat}.cap-top,.cap-top .cap-left{background-position:top left}.cap-bottom,.cap-bottom .cap-left{background-position:bottom left}.cap-top .cap-left,.cap-bottom .cap-left{float:left}.cap-top .cap-right{background-position:top right;float:right}.cap-bottom .cap-right{background-position:bottom right;float:right}.fauxborder-left{background-position:top left;background-repeat:repeat-y;position:relative;_height:1%}.fauxborder-right{background-position:top right;background-repeat:repeat-y;position:absolute;right:0;height:100%;_height:expression(this.parentNode.offsetHeight+'px')}table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}table.columns-2 td.columns-cell{width:50%}table.columns-3 td.columns-cell{width:33.33%}table.columns-4 td.columns-cell{width:25%}table.section-columns td.columns-cell{vertical-align:top}.body-fauxcolumns,.content-fauxcolumns{position:absolute;top:0;left:0;z-index:-1;height:100%;_height:expression(this.parentNode.offsetHeight+'px');width:100%;overflow:hidden}.body-fauxcolumns .fauxcolumn-outer{width:100%}.content-fauxcolumns .fauxcolumn-outer{position:relative;overflow:visible;height:100%;margin:0 auto}.content-fauxcolumns .fauxcolumn-left{width:100%}
// SpryTabbedPanels.js - version 0.6 - Spry Pre-Release 1.6.1
//
// Copyright (c) 2006. Adobe Systems Incorporated.
// All rights reserved.
//
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
//
// * Redistributions of source code must retain the above copyright notice,
// this list of conditions and the following disclaimer.
// * Redistributions in binary form must reproduce the above copyright notice,
// this list of conditions and the following disclaimer in the documentation
// and/or other materials provided with the distribution.
// * Neither the name of Adobe Systems Incorporated nor the names of its
// contributors may be used to endorse or promote products derived from this
// software without specific prior written permission.
//
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.

var Spry;
if (!Spry) Spry = {};
if (!Spry.Widget) Spry.Widget = {};

Spry.Widget.TabbedPanels = function(element, opts)
{
this.element = this.getElement(element);
this.defaultTab = 0; // Show the first panel by default.
this.tabSelectedClass = "TabbedPanelsTabSelected";
this.tabHoverClass = "TabbedPanelsTabHover";
this.tabFocusedClass = "TabbedPanelsTabFocused";
this.panelVisibleClass = "TabbedPanelsContentVisible";
this.focusElement = null;
this.hasFocus = false;
this.currentTabIndex = 0;
this.enableKeyboardNavigation = true;
this.nextPanelKeyCode = Spry.Widget.TabbedPanels.KEY_RIGHT;
this.previousPanelKeyCode = Spry.Widget.TabbedPanels.KEY_LEFT;

Spry.Widget.TabbedPanels.setOptions(this, opts);

// If the defaultTab is expressed as a number/index, convert
// it to an element.

if (typeof (this.defaultTab) == "number")
{
if (this.defaultTab < 0) this.defaultTab = 0; else { var count = this.getTabbedPanelCount(); if (this.defaultTab >= count)
this.defaultTab = (count > 1) ? (count - 1) : 0;
}

this.defaultTab = this.getTabs()[this.defaultTab];
}

// The defaultTab property is supposed to be the tab element for the tab content
// to show by default. The caller is allowed to pass in the element itself or the
// element's id, so we need to convert the current value to an element if necessary.

if (this.defaultTab)
this.defaultTab = this.getElement(this.defaultTab);

this.attachBehaviors();
};

Spry.Widget.TabbedPanels.prototype.getElement = function(ele)
{
if (ele && typeof ele == "string")
return document.getElementById(ele);
return ele;
};

Spry.Widget.TabbedPanels.prototype.getElementChildren = function(element)
{
var children = [];
var child = element.firstChild;
while (child)
{
if (child.nodeType == 1 /* Node.ELEMENT_NODE */)
children.push(child);
child = child.nextSibling;
}
return children;
};

Spry.Widget.TabbedPanels.prototype.addClassName = function(ele, className)
{
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
return;
ele.className += (ele.className ? " " : "") + className;
};

Spry.Widget.TabbedPanels.prototype.removeClassName = function(ele, className)
{
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
return;
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
};

Spry.Widget.TabbedPanels.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
{
if (!optionsObj)
return;
for (var optionName in optionsObj)
{
if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
continue;
obj[optionName] = optionsObj[optionName];
}
};

Spry.Widget.TabbedPanels.prototype.getTabGroup = function()
{
if (this.element)
{
var children = this.getElementChildren(this.element);
if (children.length)
return children[0];
}
return null;
};

Spry.Widget.TabbedPanels.prototype.getTabs = function()
{
var tabs = [];
var tg = this.getTabGroup();
if (tg)
tabs = this.getElementChildren(tg);
return tabs;
};

Spry.Widget.TabbedPanels.prototype.getContentPanelGroup = function()
{
if (this.element)
{
var children = this.getElementChildren(this.element);
if (children.length > 1)
return children[1];
}
return null;
};

Spry.Widget.TabbedPanels.prototype.getContentPanels = function()
{
var panels = [];
var pg = this.getContentPanelGroup();
if (pg)
panels = this.getElementChildren(pg);
return panels;
};

Spry.Widget.TabbedPanels.prototype.getIndex = function(ele, arr)
{
ele = this.getElement(ele);
if (ele && arr && arr.length)
{
for (var i = 0; i < arr.length; i++) { if (ele == arr[i]) return i; } } return -1; }; Spry.Widget.TabbedPanels.prototype.getTabIndex = function(ele) { var i = this.getIndex(ele, this.getTabs()); if (i < 0) i = this.getIndex(ele, this.getContentPanels()); return i; }; Spry.Widget.TabbedPanels.prototype.getCurrentTabIndex = function() { return this.currentTabIndex; }; Spry.Widget.TabbedPanels.prototype.getTabbedPanelCount = function(ele) { return Math.min(this.getTabs().length, this.getContentPanels().length); }; Spry.Widget.TabbedPanels.addEventListener = function(element, eventType, handler, capture) { try { if (element.addEventListener) element.addEventListener(eventType, handler, capture); else if (element.attachEvent) element.attachEvent("on" + eventType, handler); } catch (e) {} }; Spry.Widget.TabbedPanels.prototype.cancelEvent = function(e) { if (e.preventDefault) e.preventDefault(); else e.returnValue = false; if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; return false; }; Spry.Widget.TabbedPanels.prototype.onTabClick = function(e, tab) { this.showPanel(tab); return this.cancelEvent(e); }; Spry.Widget.TabbedPanels.prototype.onTabMouseOver = function(e, tab) { this.addClassName(tab, this.tabHoverClass); return false; }; Spry.Widget.TabbedPanels.prototype.onTabMouseOut = function(e, tab) { this.removeClassName(tab, this.tabHoverClass); return false; }; Spry.Widget.TabbedPanels.prototype.onTabFocus = function(e, tab) { this.hasFocus = true; this.addClassName(tab, this.tabFocusedClass); return false; }; Spry.Widget.TabbedPanels.prototype.onTabBlur = function(e, tab) { this.hasFocus = false; this.removeClassName(tab, this.tabFocusedClass); return false; }; Spry.Widget.TabbedPanels.KEY_UP = 38; Spry.Widget.TabbedPanels.KEY_DOWN = 40; Spry.Widget.TabbedPanels.KEY_LEFT = 37; Spry.Widget.TabbedPanels.KEY_RIGHT = 39; Spry.Widget.TabbedPanels.prototype.onTabKeyDown = function(e, tab) { var key = e.keyCode; if (!this.hasFocus || (key != this.previousPanelKeyCode && key != this.nextPanelKeyCode)) return true; var tabs = this.getTabs(); for (var i =0; i < tabs.length; i++) if (tabs[i] == tab) { var el = false; if (key == this.previousPanelKeyCode && i > 0)
el = tabs[i-1];
else if (key == this.nextPanelKeyCode && i < tabs.length-1) el = tabs[i+1]; if (el) { this.showPanel(el); el.focus(); break; } } return this.cancelEvent(e); }; Spry.Widget.TabbedPanels.prototype.preorderTraversal = function(root, func) { var stopTraversal = false; if (root) { stopTraversal = func(root); if (root.hasChildNodes()) { var child = root.firstChild; while (!stopTraversal && child) { stopTraversal = this.preorderTraversal(child, func); try { child = child.nextSibling; } catch (e) { child = null; } } } } return stopTraversal; }; Spry.Widget.TabbedPanels.prototype.addPanelEventListeners = function(tab, panel) { var self = this; Spry.Widget.TabbedPanels.addEventListener(tab, "click", function(e) { return self.onTabClick(e, tab); }, false); Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(e, tab); }, false); Spry.Widget.TabbedPanels.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e, tab); }, false); if (this.enableKeyboardNavigation) { // XXX: IE doesn't allow the setting of tabindex dynamically. This means we can't // rely on adding the tabindex attribute if it is missing to enable keyboard navigation // by default. // Find the first element within the tab container that has a tabindex or the first // anchor tag. var tabIndexEle = null; var tabAnchorEle = null; this.preorderTraversal(tab, function(node) { if (node.nodeType == 1 /* NODE.ELEMENT_NODE */) { var tabIndexAttr = tab.attributes.getNamedItem("tabindex"); if (tabIndexAttr) { tabIndexEle = node; return true; } if (!tabAnchorEle && node.nodeName.toLowerCase() == "a") tabAnchorEle = node; } return false; }); if (tabIndexEle) this.focusElement = tabIndexEle; else if (tabAnchorEle) this.focusElement = tabAnchorEle; if (this.focusElement) { Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "focus", function(e) { return self.onTabFocus(e, tab); }, false); Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "blur", function(e) { return self.onTabBlur(e, tab); }, false); Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "keydown", function(e) { return self.onTabKeyDown(e, tab); }, false); } } }; Spry.Widget.TabbedPanels.prototype.showPanel = function(elementOrIndex) { var tpIndex = -1; if (typeof elementOrIndex == "number") tpIndex = elementOrIndex; else // Must be the element for the tab or content panel. tpIndex = this.getTabIndex(elementOrIndex); if (!tpIndex < 0 || tpIndex >= this.getTabbedPanelCount())
return;

var tabs = this.getTabs();
var panels = this.getContentPanels();

var numTabbedPanels = Math.max(tabs.length, panels.length);

for (var i = 0; i < numTabbedPanels; i++)
{
if (i != tpIndex)
{
if (tabs[i])
this.removeClassName(tabs[i], this.tabSelectedClass);
if (panels[i])
{
this.removeClassName(panels[i], this.panelVisibleClass);
panels[i].style.display = "none";
}
}
}

this.addClassName(tabs[tpIndex], this.tabSelectedClass);
this.addClassName(panels[tpIndex], this.panelVisibleClass);
panels[tpIndex].style.display = "block";

this.currentTabIndex = tpIndex;
};

Spry.Widget.TabbedPanels.prototype.attachBehaviors = function(element)
{
var tabs = this.getTabs();
var panels = this.getContentPanels();
var panelCount = this.getTabbedPanelCount();

for (var i = 0; i < panelCount; i++)
this.addPanelEventListeners(tabs[i], panels[i]);

this.showPanel(this.defaultTab);
};
/* ==========cssreset========== */
html { overflow:-moz-scrollbars-vertical;}
body { font:normal 12px/20px "宋体"; color:#0c260d; }
*{ padding:0; margin:0; font-style: normal; list-style: none; }
a { text-decoration:none; font-style: normal; color: #0C260D; }
a:hover{ color:#707070; text-decoration:underline; }
a img {border:none;}
.box { width:972px; overflow:hidden; clear:both; margin:0 auto; }
/* ==========cssreset========== */
body {background: #e6f2f9 url(http://n.7k7kimg.cn/uploads/ddt/20110420/bg_3.jpg) no-repeat center top;}
#banner { height:306px;}
.ui-slide{ position:relative; width:525px; height:220px; }
.ui-slide-screen{ position:absolute; width:492px; height:184px; z-index:1;}
.ui-slide-screen a { height:auto; position:absolute; bottom:0; left:0; display:none; z-index:1; text-align:center;}
.ui-slide-screen a.selected{z-index:10;}
.ui-slide-ctrl{ bottom:0px; right:20px;height:60px;margin:auto;position:absolute;text-align:center;width:150px;z-index:9999;}
.ui-slide-ctrl a { width:22px; height:22px; color:#FFF; text-decoration:none; font: bold 14px/22px "Lucida Console", Monaco, monospace; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/link.png) no-repeat left top; display: inline-block; margin-right: 5px; }
.ui-slide-screen a img { height:184px; width:492px; }
.ui-slide-ctrl a:hover{ text-decoration:none; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/hover.png) no-repeat left top; color: #000; }
.ui-slide-ctrl .ui-slide-alt{ color:#a77901;}
.ui-slide-alt { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/hover.png) no-repeat left top; }
.ui-slide .prev , .ui-slide .next { display:none; }
.n_more{ width:60px; padding-left:15px!important;*padding-left:25px;padding-top:8px; float:right}
#ltBox { width: 231px; float: left; height: 100%; padding-left:5px }
#XLogin { height: 204px; padding-top: 20px; padding-left: 10px; }
#coin {height:450px; margin:0; padding:0}
#mingren {background:url(http://n.7k7kimg.cn/uploads/ddt/20110130/meirenbg.gif) no-repeat ; height:246px; padding-top:70px; padding-left:20px;}
.paihang{width:80px; text-align:center; padding-left:5px; margin-left:5px; margin-bottom:5px; display:inline}
#mytable {width:185px; height:200px; border:1px #999 solid; padding:0; margin:0}
#tr { border-bottom:1px #CCC solid; text-align:center;}
#ntd { width:80px; height:15px; text-align:center; padding:0; margin:0;overflow: hidden;display: block;}
#server { background: url(http://n.7k7kimg.cn/uploads/ddt/20110130/server.gif) no-repeat left top; height: 100px; padding-right: 25px; padding-left: 25px; padding-top: 58px; }
#rtBox { width: 720px; float: right; height: 100%; overflow: hidden; }
#slide { height: 181px; width: 492px; padding: 25px 10px 10px 16px; float: left; overflow: hidden; }
#qLink { float: right; height: 180px; width: 176px; padding:45px 0 0 26px; overflow: hidden; }
#qLink ul li { height: 50px; width: 165px; margin-bottom: 4px; }
#news { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/news.jpg) no-repeat right top; height: 238px; width: 378px; float: left; margin-top:12px; padding:5px; overflow: hidden; }
#news h3 , #info h3 , #know h3 { height: 40px; line-height: 40px; position: relative; margin-bottom: 10px; }
#news h3 span {float:right;}
#info h3 span { position: absolute; top: 10px; right: 10px; }
#info h3 span , #know h3 span {
position: absolute;
top: 15px;
right: 20px;
height: 14px;
}
#news ul li { line-height: 25px; overflow: hidden; height: 25px; position: relative; border-bottom: 1px dashed #CCC; }
#tx{display: block;width: 75px;height: 31px;padding-left: 15px;padding-top: 5px;}
#news ul li span { position: absolute; top: 0px; right: 0px; }
#news ul li a { width: 267px;height: 25px;overflow: hidden;display: block;}
#intro { background: url(http://n.7k7kimg.cn/uploads/ddt/20110130/intro.gif) no-repeat left top; height: 208px; width: 300px; float: right; overflow: hidden; padding-bottom: 40px; padding-left: 15px; padding-right: 15px; color: #FFF; }
#item { clear: both; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/item.jpg) no-repeat 2px top; width:702px; height: 197px; overflow: hidden; padding: 9px; }
#itemTitle { overflow:hidden; height: 31px; margin-bottom: 10px; padding-left: 180px; padding-top: 9px; }
.tab li { height: 31px !important;*height:33px; width: 63px; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/t2.jpg) no-repeat left bottom; float: left; line-height: 31px!important; *line-height: 33px;text-align: center; font-size: 12px; font-weight: bold; margin-right: 5px;padding-top: 3px !important;*padding-top: 4px;}
.sub { clear: both; }


.sub ul li a { height: 80px; width: 110px; display: block; overflow: hidden; float: left; margin-right:10px!important; *margin-right:8px;}
.sub div { clear: both; }
#gallery h5 { font-size:12px; }
#galleryInner , #galleryInner1 { height: 150px; overflow: hidden; }
#gallery ul li a img, #gallery1 ul li a img { background-color:#FFF; height: 100px; width: 100px; border:1px #CCC solid}
#galleryImages ul li , #galleryImages1 ul li { display: inline; height: 160px; float: left; text-align: center; width:110px; margin-left:10px; }
#galleryImages ul li a, #galleryImages1 ul li a {height: 160px; text-align: center; width:160px!important;*width:102px;}
#gallery , #gallery1 { position: relative; padding-right: 30px; padding-left: 30px; overflow:hidden; width:638px; }
#galleryInner , #galleryInner1 { position: relative;}
#galleryImages , #galleryImages1 {position: absolute; top: 0px; left: 0px; width: 2000px;}
.prevA , .prev1 { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/pre.jpg) no-repeat left top; display: block; height: 31px; width: 18px; position: absolute; top: 40px; left: 10px; cursor:pointer }
.nextA , .next1 { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/next.jpg) no-repeat left top; display: block; height: 31px; width: 18px; overflow: hidden; position: absolute; top: 40px; right: 10px; cursor:pointer }
#itemTitle .current01 { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/t1.jpg) no-repeat left bottom; line-height: 24px!inportant; *line-height: 26px;color: #000; font-size: 14px; *margin-bottom: 15px;}
#info { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/info.jpg) no-repeat 2px top; height: 217px; width: 386px; float: left; }
#info ul li , #know ul li { line-height: 25px; margin-right: 20px; margin-left: 20px; border-bottom: 1px dashed #CCC; overflow: hidden; position: relative; }
#info ul li span , #know ul li span { position: absolute; top: 0px; right: 10px; }
#info ul li a{width: 267px;height: 25px;overflow: hidden;display: block;}
#know { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/liansai.jpg) no-repeat -1px top; height: 217px; width: 333px; float: left; overflow: hidden; }
#ad { border:0; padding-left:2px}
#gamer { clear: both; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/gallery.jpg) no-repeat 2px top; width:718px; height: 171px; }
#gamerTitle { position: relative; height: 28px; margin-bottom: 10px; padding-left: 30px; padding-top: 10px; }
#gamerTitle ul li { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/t4.jpg) no-repeat left top; height: 31px; width: 113px; display: block; float: left; margin-right: 5px; font-size: 14px; line-height: 31px; font-weight: bold; text-align: center; }
#gamerTitle ul li img { vertical-align: middle; }
.sub01 { height: 100px; padding-left: 35px; }
.sub01 div dl { float: left; height: 100px; width: 120px; margin-right: 12px; text-align: center; }
.sub01 dt { height: 80px; width: 120px; border: 1px solid #CCC; overflow: hidden; }

#gamerTitle .current02 { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/t3.jpg) no-repeat left top; }
.text { width: 120px; padding-top: 2px; height: 14px; }



.loginInfo p { margin-bottom: 1px; }
.loginInfo p label { width: 50px; display: inline-block; }
.newReg { margin-right: 25px; text-align: center; }
#title { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/tt.gif) no-repeat left top; height: 40px; padding-right: 40px; padding-top: 46px; line-height: 40px; text-align: right; color: #FFF; }
#title a { color: #FFF; }
#content { padding: 20px; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/c.gif) repeat-y -2px top; min-height:890px; height: auto !important; height: 890px; line-height: 30px; font-size: 14px; }
#bottom { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/b.gif) no-repeat -2px top; height: 10px; overflow: hidden; }
#footer {background: #e6f2f9 url(http://n.7k7kimg.cn/uploads/ddt/20110420/footer_3.jpg) no-repeat center top; height: 136px; padding-top:60px; line-height: 30px; color: #333; text-align:center; }
#footer a { color:#666; }
#content h3 { line-height: 36px; background: url(http://youxi.baidu.com/r/wanba/ddt/sources/t5.gif) no-repeat center top; text-align: center; margin-bottom: 40px; font-size: 16px; }
#content ul li { border-bottom: 1px dashed #CCC; line-height: 30px; height: 30px; overflow: hidden; position: relative; }
#content ul li a { font-size: 12px; }
#content ul li a span { position: absolute; top: 0px; right: 10px; }
/*login_later*/
.ddt_login{background:url("http://n.7k7kimg.cn/uploads/ddt/20100831/lglt_bg.jpg") no-repeat scroll 10px 0 transparent;padding: 10px;padding: 19px;width: 190px;height: 189px;margin-left: 5px;}
.dt_li{height: 25px;border-bottom: 1px dotted #707070;width: 183px;}
.dt_st{height: 34px;text-align: center;line-height: 34px;border-bottom: 1px dotted #707070;width:183px;}

.right2{ width:230px; height:167px; background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/loginbg.jpg) no-repeat 10px 0; padding-top:10px!important; *padding-top:3px;padding-left:5px; float:left}


.right23 li { width:200px; display:block; margin-top:10px;}
li.zhushi { display:inline; margin-left:60px; margin-top:5px;font-size:12px; color:#F60; font-weight:normal}
#menu0 { padding-left:10px}
#menu0 li{float:left; cursor:pointer; z-index:5; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/nosel.jpg) no-repeat 0px 2px; width:85px; height:19px; padding:8px 0 0 15px; font-weight:bold}
#menu0 li:hover {float:left; cursor:pointer; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/select.jpg) no-repeat; width:87px; height:19px; }
#menu0 .hover{background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/select.jpg) no-repeat}
.input{width:110px; height:20px;}
.submit {background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/button.jpg) no-repeat 20px 5px; border:none; width:146px; height:45px; font-size:14px; font-weight:bold; color:#333; padding:0px 0 0 60px}
.disnone{display:none}
.disblock{display:block}
.disblock li , .disnone li{ padding-left:15px}
/* ==========cssreset========== */
html { overflow:-moz-scrollbars-vertical;}
body { font:normal 12px/20px "宋体"; color:#0c260d; }
*{ padding:0; margin:0; font-style: normal; list-style: none; }
a { text-decoration:none; font-style: normal; color: #0C260D; }
a:hover{ color:#707070; text-decoration:underline; }
a img {border:none;}
.box { width:972px; overflow:hidden; clear:both; margin:0 auto; }
/* ==========cssreset========== */
body {background: #e6f2f9 url(http://n.7k7kimg.cn/uploads/ddt/20110420/bg_3.jpg) no-repeat center top;}
#banner { height:306px;}
.ui-slide{ position:relative; width:525px; height:220px; }
.ui-slide-screen{ position:absolute; width:492px; height:184px; z-index:1;}
.ui-slide-screen a { height:auto; position:absolute; bottom:0; left:0; display:none; z-index:1; text-align:center;}
.ui-slide-screen a.selected{z-index:10;}
.ui-slide-ctrl{ bottom:0px; right:20px;height:60px;margin:auto;position:absolute;text-align:center;width:150px;z-index:9999;}
.ui-slide-ctrl a { width:22px; height:22px; color:#FFF; text-decoration:none; font: bold 14px/22px "Lucida Console", Monaco, monospace; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/link.png) no-repeat left top; display: inline-block; margin-right: 5px; }
.ui-slide-screen a img { height:184px; width:492px; }
.ui-slide-ctrl a:hover{ text-decoration:none; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/hover.png) no-repeat left top; color: #000; }
.ui-slide-ctrl .ui-slide-alt{ color:#a77901;}
.ui-slide-alt { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/hover.png) no-repeat left top; }
.ui-slide .prev , .ui-slide .next { display:none; }
.n_more{ width:60px; padding-left:15px!important;*padding-left:25px;padding-top:8px; float:right}
#ltBox { width: 231px; float: left; height: 100%; padding-left:5px }
#XLogin { height: 204px; padding-top: 20px; padding-left: 10px; }
#coin {height:450px; margin:0; padding:0}
#mingren {background:url(http://n.7k7kimg.cn/uploads/ddt/20110130/meirenbg.gif) no-repeat ; height:246px; padding-top:70px; padding-left:20px;}
.paihang{width:80px; text-align:center; padding-left:5px; margin-left:5px; margin-bottom:5px; display:inline}
#mytable {width:185px; height:200px; border:1px #999 solid; padding:0; margin:0}
#tr { border-bottom:1px #CCC solid; text-align:center;}
#ntd { width:80px; height:15px; text-align:center; padding:0; margin:0;overflow: hidden;display: block;}
#server { background: url(http://n.7k7kimg.cn/uploads/ddt/20110130/server.gif) no-repeat left top; height: 100px; padding-right: 25px; padding-left: 25px; padding-top: 58px; }
#rtBox { width: 720px; float: right; height: 100%; overflow: hidden; }
#slide { height: 181px; width: 492px; padding: 25px 10px 10px 16px; float: left; overflow: hidden; }
#qLink { float: right; height: 180px; width: 176px; padding:45px 0 0 26px; overflow: hidden; }
#qLink ul li { height: 50px; width: 165px; margin-bottom: 4px; }
#news { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/news.jpg) no-repeat right top; height: 238px; width: 378px; float: left; margin-top:12px; padding:5px; overflow: hidden; }
#news h3 , #info h3 , #know h3 { height: 40px; line-height: 40px; position: relative; margin-bottom: 10px; }
#news h3 span {float:right;}
#info h3 span { position: absolute; top: 10px; right: 10px; }
#info h3 span , #know h3 span {
position: absolute;
top: 15px;
right: 20px;
height: 14px;
}
#news ul li { line-height: 25px; overflow: hidden; height: 25px; position: relative; border-bottom: 1px dashed #CCC; }
#tx{display: block;width: 75px;height: 31px;padding-left: 15px;padding-top: 5px;}
#news ul li span { position: absolute; top: 0px; right: 0px; }
#news ul li a { width: 267px;height: 25px;overflow: hidden;display: block;}
#intro { background: url(http://n.7k7kimg.cn/uploads/ddt/20110130/intro.gif) no-repeat left top; height: 208px; width: 300px; float: right; overflow: hidden; padding-bottom: 40px; padding-left: 15px; padding-right: 15px; color: #FFF; }
#item { clear: both; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/item.jpg) no-repeat 2px top; width:702px; height: 197px; overflow: hidden; padding: 9px; }
#itemTitle { overflow:hidden; height: 31px; margin-bottom: 10px; padding-left: 180px; padding-top: 9px; }
.tab li { height: 31px !important;*height:33px; width: 63px; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/t2.jpg) no-repeat left bottom; float: left; line-height: 31px!important; *line-height: 33px;text-align: center; font-size: 12px; font-weight: bold; margin-right: 5px;padding-top: 3px !important;*padding-top: 4px;}
.sub { clear: both; }


.sub ul li a { height: 80px; width: 110px; display: block; overflow: hidden; float: left; margin-right:10px!important; *margin-right:8px;}
.sub div { clear: both; }
#gallery h5 { font-size:12px; }
#galleryInner , #galleryInner1 { height: 150px; overflow: hidden; }
#gallery ul li a img, #gallery1 ul li a img { background-color:#FFF; height: 100px; width: 100px; border:1px #CCC solid}
#galleryImages ul li , #galleryImages1 ul li { display: inline; height: 160px; float: left; text-align: center; width:110px; margin-left:10px; }
#galleryImages ul li a, #galleryImages1 ul li a {height: 160px; text-align: center; width:160px!important;*width:102px;}
#gallery , #gallery1 { position: relative; padding-right: 30px; padding-left: 30px; overflow:hidden; width:638px; }
#galleryInner , #galleryInner1 { position: relative;}
#galleryImages , #galleryImages1 {position: absolute; top: 0px; left: 0px; width: 2000px;}
.prevA , .prev1 { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/pre.jpg) no-repeat left top; display: block; height: 31px; width: 18px; position: absolute; top: 40px; left: 10px; cursor:pointer }
.nextA , .next1 { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/next.jpg) no-repeat left top; display: block; height: 31px; width: 18px; overflow: hidden; position: absolute; top: 40px; right: 10px; cursor:pointer }
#itemTitle .current01 { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/t1.jpg) no-repeat left bottom; line-height: 24px!inportant; *line-height: 26px;color: #000; font-size: 14px; *margin-bottom: 15px;}
#info { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/info.jpg) no-repeat 2px top; height: 217px; width: 386px; float: left; }
#info ul li , #know ul li { line-height: 25px; margin-right: 20px; margin-left: 20px; border-bottom: 1px dashed #CCC; overflow: hidden; position: relative; }
#info ul li span , #know ul li span { position: absolute; top: 0px; right: 10px; }
#info ul li a{width: 267px;height: 25px;overflow: hidden;display: block;}
#know { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/liansai.jpg) no-repeat -1px top; height: 217px; width: 333px; float: left; overflow: hidden; }
#ad { border:0; padding-left:2px}
#gamer { clear: both; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/gallery.jpg) no-repeat 2px top; width:718px; height: 171px; }
#gamerTitle { position: relative; height: 28px; margin-bottom: 10px; padding-left: 30px; padding-top: 10px; }
#gamerTitle ul li { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/t4.jpg) no-repeat left top; height: 31px; width: 113px; display: block; float: left; margin-right: 5px; font-size: 14px; line-height: 31px; font-weight: bold; text-align: center; }
#gamerTitle ul li img { vertical-align: middle; }
.sub01 { height: 100px; padding-left: 35px; }
.sub01 div dl { float: left; height: 100px; width: 120px; margin-right: 12px; text-align: center; }
.sub01 dt { height: 80px; width: 120px; border: 1px solid #CCC; overflow: hidden; }

#gamerTitle .current02 { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/t3.jpg) no-repeat left top; }
.text { width: 120px; padding-top: 2px; height: 14px; }



.loginInfo p { margin-bottom: 1px; }
.loginInfo p label { width: 50px; display: inline-block; }
.newReg { margin-right: 25px; text-align: center; }
#title { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/tt.gif) no-repeat left top; height: 40px; padding-right: 40px; padding-top: 46px; line-height: 40px; text-align: right; color: #FFF; }
#title a { color: #FFF; }
#content { padding: 20px; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/c.gif) repeat-y -2px top; min-height:890px; height: auto !important; height: 890px; line-height: 30px; font-size: 14px; }
#bottom { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/b.gif) no-repeat -2px top; height: 10px; overflow: hidden; }
#footer {background: #e6f2f9 url(http://n.7k7kimg.cn/uploads/ddt/20110420/footer_3.jpg) no-repeat center top; height: 136px; padding-top:60px; line-height: 30px; color: #333; text-align:center; }
#footer a { color:#666; }
#content h3 { line-height: 36px; background: url(http://youxi.baidu.com/r/wanba/ddt/sources/t5.gif) no-repeat center top; text-align: center; margin-bottom: 40px; font-size: 16px; }
#content ul li { border-bottom: 1px dashed #CCC; line-height: 30px; height: 30px; overflow: hidden; position: relative; }
#content ul li a { font-size: 12px; }
#content ul li a span { position: absolute; top: 0px; right: 10px; }
/*login_later*/
.ddt_login{background:url("http://n.7k7kimg.cn/uploads/ddt/20100831/lglt_bg.jpg") no-repeat scroll 10px 0 transparent;padding: 10px;padding: 19px;width: 190px;height: 189px;margin-left: 5px;}
.dt_li{height: 25px;border-bottom: 1px dotted #707070;width: 183px;}
.dt_st{height: 34px;text-align: center;line-height: 34px;border-bottom: 1px dotted #707070;width:183px;}

.right2{ width:230px; height:167px; background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/loginbg.jpg) no-repeat 10px 0; padding-top:10px!important; *padding-top:3px;padding-left:5px; float:left}


.right23 li { width:200px; display:block; margin-top:10px;}
li.zhushi { display:inline; margin-left:60px; margin-top:5px;font-size:12px; color:#F60; font-weight:normal}
#menu0 { padding-left:10px}
#menu0 li{float:left; cursor:pointer; z-index:5; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/nosel.jpg) no-repeat 0px 2px; width:85px; height:19px; padding:8px 0 0 15px; font-weight:bold}
#menu0 li:hover {float:left; cursor:pointer; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/select.jpg) no-repeat; width:87px; height:19px; }
#menu0 .hover{background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/select.jpg) no-repeat}
.input{width:110px; height:20px;}
.submit {background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/button.jpg) no-repeat 20px 5px; border:none; width:146px; height:45px; font-size:14px; font-weight:bold; color:#333; padding:0px 0 0 60px}
.disnone{display:none}
.disblock{display:block}
.disblock li , .disnone li{ padding-left:15px}
/* ==========cssreset========== */
html { overflow:-moz-scrollbars-vertical;}
body { font:normal 12px/20px "宋体"; color:#0c260d; }
*{ padding:0; margin:0; font-style: normal; list-style: none; }
a { text-decoration:none; font-style: normal; color: #0C260D; }
a:hover{ color:#707070; text-decoration:underline; }
a img {border:none;}
.box { width:972px; overflow:hidden; clear:both; margin:0 auto; }
/* ==========cssreset========== */
body {background: #e6f2f9 url(http://n.7k7kimg.cn/uploads/ddt/20110420/bg_3.jpg) no-repeat center top;}
#banner { height:306px;}
.ui-slide{ position:relative; width:525px; height:220px; }
.ui-slide-screen{ position:absolute; width:492px; height:184px; z-index:1;}
.ui-slide-screen a { height:auto; position:absolute; bottom:0; left:0; display:none; z-index:1; text-align:center;}
.ui-slide-screen a.selected{z-index:10;}
.ui-slide-ctrl{ bottom:0px; right:20px;height:60px;margin:auto;position:absolute;text-align:center;width:150px;z-index:9999;}
.ui-slide-ctrl a { width:22px; height:22px; color:#FFF; text-decoration:none; font: bold 14px/22px "Lucida Console", Monaco, monospace; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/link.png) no-repeat left top; display: inline-block; margin-right: 5px; }
.ui-slide-screen a img { height:184px; width:492px; }
.ui-slide-ctrl a:hover{ text-decoration:none; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/hover.png) no-repeat left top; color: #000; }
.ui-slide-ctrl .ui-slide-alt{ color:#a77901;}
.ui-slide-alt { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/hover.png) no-repeat left top; }
.ui-slide .prev , .ui-slide .next { display:none; }
.n_more{ width:60px; padding-left:15px!important;*padding-left:25px;padding-top:8px; float:right}
#ltBox { width: 231px; float: left; height: 100%; padding-left:5px }
#XLogin { height: 204px; padding-top: 20px; padding-left: 10px; }
#coin {height:450px; margin:0; padding:0}
#mingren {background:url(http://n.7k7kimg.cn/uploads/ddt/20110130/meirenbg.gif) no-repeat ; height:246px; padding-top:70px; padding-left:20px;}
.paihang{width:80px; text-align:center; padding-left:5px; margin-left:5px; margin-bottom:5px; display:inline}
#mytable {width:185px; height:200px; border:1px #999 solid; padding:0; margin:0}
#tr { border-bottom:1px #CCC solid; text-align:center;}
#ntd { width:80px; height:15px; text-align:center; padding:0; margin:0;overflow: hidden;display: block;}
#server { background: url(http://n.7k7kimg.cn/uploads/ddt/20110130/server.gif) no-repeat left top; height: 100px; padding-right: 25px; padding-left: 25px; padding-top: 58px; }
#rtBox { width: 720px; float: right; height: 100%; overflow: hidden; }
#slide { height: 181px; width: 492px; padding: 25px 10px 10px 16px; float: left; overflow: hidden; }
#qLink { float: right; height: 180px; width: 176px; padding:45px 0 0 26px; overflow: hidden; }
#qLink ul li { height: 50px; width: 165px; margin-bottom: 4px; }
#news { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/news.jpg) no-repeat right top; height: 238px; width: 378px; float: left; margin-top:12px; padding:5px; overflow: hidden; }
#news h3 , #info h3 , #know h3 { height: 40px; line-height: 40px; position: relative; margin-bottom: 10px; }
#news h3 span {float:right;}
#info h3 span { position: absolute; top: 10px; right: 10px; }
#info h3 span , #know h3 span {
position: absolute;
top: 15px;
right: 20px;
height: 14px;
}
#news ul li { line-height: 25px; overflow: hidden; height: 25px; position: relative; border-bottom: 1px dashed #CCC; }
#tx{display: block;width: 75px;height: 31px;padding-left: 15px;padding-top: 5px;}
#news ul li span { position: absolute; top: 0px; right: 0px; }
#news ul li a { width: 267px;height: 25px;overflow: hidden;display: block;}
#intro { background: url(http://n.7k7kimg.cn/uploads/ddt/20110130/intro.gif) no-repeat left top; height: 208px; width: 300px; float: right; overflow: hidden; padding-bottom: 40px; padding-left: 15px; padding-right: 15px; color: #FFF; }
#item { clear: both; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/item.jpg) no-repeat 2px top; width:702px; height: 197px; overflow: hidden; padding: 9px; }
#itemTitle { overflow:hidden; height: 31px; margin-bottom: 10px; padding-left: 180px; padding-top: 9px; }
.tab li { height: 31px !important;*height:33px; width: 63px; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/t2.jpg) no-repeat left bottom; float: left; line-height: 31px!important; *line-height: 33px;text-align: center; font-size: 12px; font-weight: bold; margin-right: 5px;padding-top: 3px !important;*padding-top: 4px;}
.sub { clear: both; }


.sub ul li a { height: 80px; width: 110px; display: block; overflow: hidden; float: left; margin-right:10px!important; *margin-right:8px;}
.sub div { clear: both; }
#gallery h5 { font-size:12px; }
#galleryInner , #galleryInner1 { height: 150px; overflow: hidden; }
#gallery ul li a img, #gallery1 ul li a img { background-color:#FFF; height: 100px; width: 100px; border:1px #CCC solid}
#galleryImages ul li , #galleryImages1 ul li { display: inline; height: 160px; float: left; text-align: center; width:110px; margin-left:10px; }
#galleryImages ul li a, #galleryImages1 ul li a {height: 160px; text-align: center; width:160px!important;*width:102px;}
#gallery , #gallery1 { position: relative; padding-right: 30px; padding-left: 30px; overflow:hidden; width:638px; }
#galleryInner , #galleryInner1 { position: relative;}
#galleryImages , #galleryImages1 {position: absolute; top: 0px; left: 0px; width: 2000px;}
.prevA , .prev1 { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/pre.jpg) no-repeat left top; display: block; height: 31px; width: 18px; position: absolute; top: 40px; left: 10px; cursor:pointer }
.nextA , .next1 { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/next.jpg) no-repeat left top; display: block; height: 31px; width: 18px; overflow: hidden; position: absolute; top: 40px; right: 10px; cursor:pointer }
#itemTitle .current01 { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/t1.jpg) no-repeat left bottom; line-height: 24px!inportant; *line-height: 26px;color: #000; font-size: 14px; *margin-bottom: 15px;}
#info { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/info.jpg) no-repeat 2px top; height: 217px; width: 386px; float: left; }
#info ul li , #know ul li { line-height: 25px; margin-right: 20px; margin-left: 20px; border-bottom: 1px dashed #CCC; overflow: hidden; position: relative; }
#info ul li span , #know ul li span { position: absolute; top: 0px; right: 10px; }
#info ul li a{width: 267px;height: 25px;overflow: hidden;display: block;}
#know { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/liansai.jpg) no-repeat -1px top; height: 217px; width: 333px; float: left; overflow: hidden; }
#ad { border:0; padding-left:2px}
#gamer { clear: both; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/gallery.jpg) no-repeat 2px top; width:718px; height: 171px; }
#gamerTitle { position: relative; height: 28px; margin-bottom: 10px; padding-left: 30px; padding-top: 10px; }
#gamerTitle ul li { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/t4.jpg) no-repeat left top; height: 31px; width: 113px; display: block; float: left; margin-right: 5px; font-size: 14px; line-height: 31px; font-weight: bold; text-align: center; }
#gamerTitle ul li img { vertical-align: middle; }
.sub01 { height: 100px; padding-left: 35px; }
.sub01 div dl { float: left; height: 100px; width: 120px; margin-right: 12px; text-align: center; }
.sub01 dt { height: 80px; width: 120px; border: 1px solid #CCC; overflow: hidden; }

#gamerTitle .current02 { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/t3.jpg) no-repeat left top; }
.text { width: 120px; padding-top: 2px; height: 14px; }



.loginInfo p { margin-bottom: 1px; }
.loginInfo p label { width: 50px; display: inline-block; }
.newReg { margin-right: 25px; text-align: center; }
#title { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/tt.gif) no-repeat left top; height: 40px; padding-right: 40px; padding-top: 46px; line-height: 40px; text-align: right; color: #FFF; }
#title a { color: #FFF; }
#content { padding: 20px; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/c.gif) repeat-y -2px top; min-height:890px; height: auto !important; height: 890px; line-height: 30px; font-size: 14px; }
#bottom { background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/b.gif) no-repeat -2px top; height: 10px; overflow: hidden; }
#footer {background: #e6f2f9 url(http://n.7k7kimg.cn/uploads/ddt/20110420/footer_3.jpg) no-repeat center top; height: 136px; padding-top:60px; line-height: 30px; color: #333; text-align:center; }
#footer a { color:#666; }
#content h3 { line-height: 36px; background: url(http://youxi.baidu.com/r/wanba/ddt/sources/t5.gif) no-repeat center top; text-align: center; margin-bottom: 40px; font-size: 16px; }
#content ul li { border-bottom: 1px dashed #CCC; line-height: 30px; height: 30px; overflow: hidden; position: relative; }
#content ul li a { font-size: 12px; }
#content ul li a span { position: absolute; top: 0px; right: 10px; }
/*login_later*/
.ddt_login{background:url("http://n.7k7kimg.cn/uploads/ddt/20100831/lglt_bg.jpg") no-repeat scroll 10px 0 transparent;padding: 10px;padding: 19px;width: 190px;height: 189px;margin-left: 5px;}
.dt_li{height: 25px;border-bottom: 1px dotted #707070;width: 183px;}
.dt_st{height: 34px;text-align: center;line-height: 34px;border-bottom: 1px dotted #707070;width:183px;}

.right2{ width:230px; height:167px; background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/loginbg.jpg) no-repeat 10px 0; padding-top:10px!important; *padding-top:3px;padding-left:5px; float:left}


.right23 li { width:200px; display:block; margin-top:10px;}
li.zhushi { display:inline; margin-left:60px; margin-top:5px;font-size:12px; color:#F60; font-weight:normal}
#menu0 { padding-left:10px}
#menu0 li{float:left; cursor:pointer; z-index:5; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/nosel.jpg) no-repeat 0px 2px; width:85px; height:19px; padding:8px 0 0 15px; font-weight:bold}
#menu0 li:hover {float:left; cursor:pointer; background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/select.jpg) no-repeat; width:87px; height:19px; }
#menu0 .hover{background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/select.jpg) no-repeat}
.input{width:110px; height:20px;}
.submit {background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/button.jpg) no-repeat 20px 5px; border:none; width:146px; height:45px; font-size:14px; font-weight:bold; color:#333; padding:0px 0 0 60px}
.disnone{display:none}
.disblock{display:block}
.disblock li , .disnone li{ padding-left:15px}
@charset "UTF-8";

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
*
* The default style for a TabbedPanels widget places all tab buttons
* (left aligned) above the content panel.
*/


.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
li.TabbedPanelsTab {background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsnos.jpg) no-repeat; width:74px; height:27px; border:0;
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 14px sans-serif;
color:#630;
list-style: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}


li.TabbedPanelsTabHover{
background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsle.jpg) no-repeat;
}

li.TabbedPanelsTabSelected {
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsle.jpg) no-repeat;
border-bottom: 1px solid #EEE;
}


li.TabbedPanelsTab a {
color: black;
text-decoration: none;
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsnos.jpg) no-repeat;
}

.TabbedPanelsContentGroup {
clear: both;
width:375px;
}
.TabbedPanelsContent {
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsbg.jpg) no-repeat;
padding: 4px 10px;
height:320px;
}

/* This selector is an example of how to change the appearnce of the currently
* active container panel. The class "TabbedPanelsContentVisible" is
* programatically added and removed from the content element as the panel
* is activated/deactivated.
*/
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
*
* The following rules override some of the default rules above so that the
* TabbedPanels widget renders with its tab buttons along the left side of
* the currently active content panel.
*
* With the rules defined below, the only change that will have to be made
* to switch a horizontal tabbed panels widget to a vertical tabbed panels
* widget, is to use the "VTabbedPanels" class on the top-level widget
* container element, instead of "TabbedPanels".
*/

/* This selector floats the TabGroup so that the tab buttons it contains
* render to the left of the active content panel. A border is drawn around
* the group container to make it look like a list container.
*/
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
*/
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}

/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
*/
.VTabbedPanels .TabbedPanelsTabSelected {
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/nosel.jpg) no-repeat;
border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
* render to the right of the tabbed buttons.
*/
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}
@charset "UTF-8";

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
*
* The default style for a TabbedPanels widget places all tab buttons
* (left aligned) above the content panel.
*/


.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
li.TabbedPanelsTab {background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsnos.jpg) no-repeat; width:74px; height:27px; border:0;
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 14px sans-serif;
color:#630;
list-style: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}


li.TabbedPanelsTabHover{
background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsle.jpg) no-repeat;
}

li.TabbedPanelsTabSelected {
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsle.jpg) no-repeat;
border-bottom: 1px solid #EEE;
}


li.TabbedPanelsTab a {
color: black;
text-decoration: none;
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsnos.jpg) no-repeat;
}

.TabbedPanelsContentGroup {
clear: both;
width:375px;
}
.TabbedPanelsContent {
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsbg.jpg) no-repeat;
padding: 4px 10px;
height:320px;
}

/* This selector is an example of how to change the appearnce of the currently
* active container panel. The class "TabbedPanelsContentVisible" is
* programatically added and removed from the content element as the panel
* is activated/deactivated.
*/
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
*
* The following rules override some of the default rules above so that the
* TabbedPanels widget renders with its tab buttons along the left side of
* the currently active content panel.
*
* With the rules defined below, the only change that will have to be made
* to switch a horizontal tabbed panels widget to a vertical tabbed panels
* widget, is to use the "VTabbedPanels" class on the top-level widget
* container element, instead of "TabbedPanels".
*/

/* This selector floats the TabGroup so that the tab buttons it contains
* render to the left of the active content panel. A border is drawn around
* the group container to make it look like a list container.
*/
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
*/
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}

/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
*/
.VTabbedPanels .TabbedPanelsTabSelected {
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/nosel.jpg) no-repeat;
border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
* render to the right of the tabbed buttons.
*/
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}

DDTank Rox

@charset "UTF-8";

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
*
* The default style for a TabbedPanels widget places all tab buttons
* (left aligned) above the content panel.
*/


.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
li.TabbedPanelsTab {background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsnos.jpg) no-repeat; width:74px; height:27px; border:0;
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 14px sans-serif;
color:#630;
list-style: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}


li.TabbedPanelsTabHover{
background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsle.jpg) no-repeat;
}

li.TabbedPanelsTabSelected {
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsle.jpg) no-repeat;
border-bottom: 1px solid #EEE;
}


li.TabbedPanelsTab a {
color: black;
text-decoration: none;
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsnos.jpg) no-repeat;
}

.TabbedPanelsContentGroup {
clear: both;
width:375px;
}
.TabbedPanelsContent {
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsbg.jpg) no-repeat;
padding: 4px 10px;
height:320px;
}

/* This selector is an example of how to change the appearnce of the currently
* active container panel. The class "TabbedPanelsContentVisible" is
* programatically added and removed from the content element as the panel
* is activated/deactivated.
*/
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
*
* The following rules override some of the default rules above so that the
* TabbedPanels widget renders with its tab buttons along the left side of
* the currently active content panel.
*
* With the rules defined below, the only change that will have to be made
* to switch a horizontal tabbed panels widget to a vertical tabbed panels
* widget, is to use the "VTabbedPanels" class on the top-level widget
* container element, instead of "TabbedPanels".
*/

/* This selector floats the TabGroup so that the tab buttons it contains
* render to the left of the active content panel. A border is drawn around
* the group container to make it look like a list container.
*/
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
*/
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}

/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
*/
.VTabbedPanels .TabbedPanelsTabSelected {
background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/nosel.jpg) no-repeat;
border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
* render to the right of the tabbed buttons.
*/
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}