@import url("default.css");

table.decor {
	border-collapse:collapse;
	width:100%;
	margin:10px 0 0;
}

table.decor th, table.decor td {
	border:1px solid #000;
	padding:2px;
}

table.decor th { 
	background:#CCC;
	text-align:center;
}

table.decor a {
	color:#F00;
	text-decoration:none;
}

table.decor a:hover {text-decoration:underline}
table.decor.updates {font-size:0.8em}




table.game_info {
	width:80%;
	margin:5px auto;
	text-align:center;
font-size:1em;
}

table.game_info th {padding:2px 5px}

table.game_info td {padding:5px}

#main table.game_info td img {
	margin:3px 3px 0px;
	border:1px solid #000;
	padding:1px;
	background:#FFF;
}

*+html table.game_info td img {margin-bottom:3px}


#main h3 {
color:#648;
margin-left:50px;
}

table.info {
margin:0 auto;
font-size:12px;
border:1px solid #999;
border-collapse:collapse;
}

table.info th {
background:#CCC;
padding:5px;
text-align:center;
border-left:1px solid #999;
}

table.info td {
border-bottom:1px solid #999;
border-left:1px solid #999;
padding:3px;
}

div.walkthrough p {
margin:5px;
padding:5px;
}

div.walkthrough hr {
width:50%;
margin:20px auto;
}

div.toc {
width:180px;
float:left;
margin:10px;
background:#999;
border:1px solid #000;
}

#main div.toc h3 {
margin:0;
background:#CCC;
padding:2px;
border-bottom:1px solid #000;
text-align:center;
}

div.toc ol {
margin:0;
list-style-position: outside;
padding: 5px 0 5px 35px;
}

div.toc ol a {
color:#000;
text-decoration:none;
}

div.toc ol a:hover {text-decoration:underline}

table.puzzle {margin:0 auto;font-size:12px}
table.puzzle caption {font-size:14px;color:#86A;font-weight:bold}
table.puzzle td {text-align:center}

img.box {height:100px}

div.toc ol ul {
padding-left:5px;
font-size:11px;
}

div#text {
	float:none;
	margin:5px 0 10px 30px;
}

span.quill {color:#648; font-weight:bold}
span.health {color:#E55; font-weight:bold}
span.magic {color:#5D5; font-weight:bold}
ol.quill {padding-left:30px}
ol.quill li {padding:5px}

#main ul.skyreq {
margin:0 0 5px 5px;
padding:5px;
list-style-type:none;
text-align:right;
float:right;
font-size:1.5em;
}

.skyreq img, #main p img {vertical-align:middle}
#main p {line-height:1.6}

div.gate {
border:1px solid #888;
margin:20px 100px;
background:center no-repeat;
}

div.gate h4 {margin:5px}

div.gate.magic {background-image:url('/skylanders/back_magic.png')}
div.gate.tech {background-image:url('/skylanders/back_tech.png')}
div.gate.water {background-image:url('/skylanders/back_water.png')}
div.gate.life {background-image:url('/skylanders/back_life.png')}
div.gate.undead {background-image:url('/skylanders/back_undead.png')}
div.gate.air {background-image:url('/skylanders/back_air.png')}
div.gate.earth {background-image:url('/skylanders/back_earth.png')}
div.gate.fire {background-image:url('/skylanders/back_fire.png')}

img.sky {
height:30px;
width:30px;
}

img.sky.combat {background-position:-0px -0px}
img.sky.napoleon {background-position:-0px -30px}
img.sky.gear {background-position:-0px -60px}
img.sky.miner {background-position:-0px -90px}
img.sky.general {background-position:-0px -120px}
img.sky.pirate {background-position:-0px -150px}
img.sky.propeller {background-position:-0px -180px}
img.sky.coonskin {background-position:-0px -210px}
img.sky.straw {background-position:-0px -240px}
img.sky.fancy {background-position:-0px -270px}
img.sky.top {background-position:-0px -300px}
img.sky.viking {background-position:-0px -330px}
img.sky.spiked {background-position:-0px -360px}
img.sky.anvil {background-position:-0px -390px}
img.sky.beret {background-position:-0px -420px}
img.sky.birthday {background-position:-0px -450px}
img.sky.bone {background-position:-0px -480px}
img.sky.bowler {background-position:-0px -510px}
img.sky.wabbit {background-position:-0px -540px}
img.sky.tropical {background-position:-0px -570px}
img.sky.chef {background-position:-30px -0px}
img.sky.cowboy {background-position:-30px -30px}
img.sky.hair {background-position:-30px -60px}
img.sky.royal {background-position:-30px -90px}
img.sky.devil {background-position:-30px -120px}
img.sky.eye {background-position:-30px -150px}
img.sky.fez {background-position:-30px -180px}
img.sky.crown {background-position:-30px -210px}
img.sky.jester {background-position:-30px -240px}
img.sky.winged {background-position:-30px -270px}
img.sky.moose {background-position:-30px -300px}
img.sky.plunger {background-position:-30px -330px}
img.sky.pan {background-position:-30px -360px}
img.sky.rocket {background-position:-30px -390px}
img.sky.santa {background-position:-30px -420px}
img.sky.tiki {background-position:-30px -450px}
img.sky.trojan {background-position:-30px -480px}
img.sky.unicorn {background-position:-30px -510px}
img.sky.wizard {background-position:-30px -540px}
img.sky.pumpkin {background-position:-30px -570px}
img.sky.doo {background-position:-60px -0px}
img.sky.cossack {background-position:-60px -30px}
img.sky.flower {background-position:-60px -60px}
img.sky.balloon {background-position:-60px -90px}
img.sky.happy {background-position:-60px -120px}


img.sky.fairy {background-position:-90px -0px}
img.sky.turban {background-position:-90px -30px}
img.sky.paper {background-position:-90px -60px}
img.sky.police {background-position:-90px -90px}
img.sky.biter {background-position:-90px -120px}
img.sky.pilgrim {background-position:-90px -150px}
img.sky.carrot {background-position:-90px -180px}
img.sky.lampshade {background-position:-90px -210px}
img.sky.mariachi {background-position:-90px -240px}
img.sky.fedora {background-position:-90px -270px}
img.sky.fireman {background-position:-90px -300px}
img.sky.officer {background-position:-90px -330px}
img.sky.archer {background-position:-90px -360px}
img.sky.toy {background-position:-90px -390px}
img.sky.fishing {background-position:-90px -420px}
img.sky.sombrero {background-position:-90px -450px}
img.sky.pants {background-position:-90px -480px}
img.sky.princess {background-position:-90px -510px}
img.sky.graduation {background-position:-90px -540px}
img.sky.sailor {background-position:-90px -570px}
img.sky.nefertiti {background-position:-120px -0px}
img.sky.safari {background-position:-120px -30px}
img.sky.traffic {background-position:-120px -60px}
img.sky.battle {background-position:-120px -90px}
img.sky.trucker {background-position:-120px -120px}
img.sky.umbrella {background-position:-120px -150px}
img.sky.bowling {background-position:-120px -180px}
img.sky.future {background-position:-120px -210px}
img.sky.bottle {background-position:-120px -240px}
img.sky.funnel {background-position:-120px -270px}
img.sky.atom {background-position:-120px -300px}
img.sky.scrumshanks {background-position:-120px -330px}
img.sky.rasta {background-position:-120px -360px}
img.sky.vintage {background-position:-120px -390px}
img.sky.dancer {background-position:-120px -420px}
img.sky.elf {background-position:-120px -450px}
img.sky.caesar {background-position:-120px -480px}
img.sky.showtime {background-position:-120px -510px}
img.sky.kufi {background-position:-120px -540px}
img.sky.knight {background-position:-120px -570px}
img.sky.dangling {background-position:-150px -0px}
img.sky.bronze {background-position:-150px -30px}
img.sky.silver {background-position:-150px -60px}
img.sky.gold {background-position:-150px -90px}

table.power {
margin:20px auto 10px;
border-collapse:collapse;
border-spacing:0;
border:1px solid #666;
}

table.power th, table.power td {
width:160px;
border-right:1px solid #666;
text-align:center;
vertical-align:top;
padding:5px;
}

table.power th {
vertical-align:middle;
background:#CCC;
color:#000;
}

table.power th.h {
border:1px solid #666;
background:#BBB;
color:#000;
}

table.power td.p {
vertical-align:middle;
font-weight:bold;
}

table.power caption {
font-size:1.5em;
font-weight:bold;
color:#86A;
border-bottom:0;
padding:5px;
}

.power_icons img {
width:95px;
height:95px;
}

.power_icons {
width:760px;
background:url('/swapforce/images/power_bg.jpg') no-repeat top left;
}

.power_icons a.inactive {
visibility:hidden;
}

ul.skycrs {
list-style-type:none;
padding-left:0;
}

ul.skycrs li {
margin-bottom:3px;
}

.heroic {
float:right;
clear:right;
height:150px;
margin:10px 0 0 10px;
}

span.giant {
padding:5px 5px 5px 23px;
background:url('/giants/icon_giant.png') 1px 1px no-repeat #DDD;
line-height:1em;
}


/** Seven **/
#gallery_box {width:760px}
ul#gallery_links {20px 0 5px 20px;width:750px}
#current_image {padding:20px 0 5px;height:405px}
img.gallery_sel {width:128px}
a.gallery_sel {margin:5px;display:block;float:left}
.current_image {width:720px;height:405px}
div.gallery_images {height:165px;padding:0 30px}
#current_tags {padding:5px 0 10px}
div.gallery_nav {margin:5px 20px}
#vidBoxInt {width:720px;height:405px}

div.power_icons div.halves a {
display:block;
height:47px;
width:95px;
float:left;
}

div.power_icons div.halves a.inactive {
background:#EEE;
background:rgba(238,238,238,0.8);
visibility:visible;
cursor:default;
}






img.half, span.half {
height:30px;
width:30px;
background:url('/images/swapforce/icons_1.png');
}
span.half {
display:inline-block;
}

span.half.earth {background-position:-480px -450px}
span.half.tech {background-position:-510px -450px}
span.half.undead {background-position:-540px -450px}
span.half.life {background-position:-570px -450px}
span.half.fire {background-position:-480px -480px}
span.half.magic {background-position:-510px -480px}
span.half.air {background-position:-540px -480px}
span.half.water {background-position:-570px -480px}

img.half.earth {background-position:-480px -390px}
img.half.tech {background-position:-510px -390px}
img.half.undead {background-position:-540px -390px}
img.half.life {background-position:-570px -390px}
img.half.fire {background-position:-480px -420px}
img.half.magic {background-position:-510px -420px}
img.half.air {background-position:-540px -420px}
img.half.water {background-position:-570px -420px}


img.sky {
background:url('/images/swapforce/icons_1.png');
}



img.sky.tc {background-position:-570px -570px}
img.sky.scroll {background-position:-540px -570px}
img.sky.bonus {background-position:-510px -570px}
img.sky.wing {background-position:-480px -570px}

img.sky.earth {background-position:-480px -510px}
img.sky.tech {background-position:-510px -510px}
img.sky.undead {background-position:-540px -510px}
img.sky.life {background-position:-570px -510px}
img.sky.fire {background-position:-480px -540px}
img.sky.magic {background-position:-510px -540px}
img.sky.air {background-position:-540px -540px}
img.sky.water {background-position:-570px -540px}

img.sky.bounce {background-position:-480px -330px}
img.sky.climb {background-position:-510px -330px}
img.sky.sneak {background-position:-540px -330px}
img.sky.teleport {background-position:-570px -330px}
img.sky.speed {background-position:-480px -360px}
img.sky.spin {background-position:-510px -360px}
img.sky.rocket {background-position:-540px -360px}
img.sky.dig {background-position:-570px -360px}

img.sky.flynn {background-position:-480px -240px}
img.sky.seed {background-position:-510px -240px}
img.sky.floaty{background-position:-540px -240px}
img.sky.totem{background-position:-570px -240px}
img.sky.plushy{background-position:-480px -270px}
img.sky.train{background-position:-510px -270px}
img.sky.duckie{background-position:-540px -270px}
img.sky.museum{background-position:-570px -270px}
img.sky.mittens{background-position:-480px -300px}
img.sky.animal{background-position:-510px -300px}
img.sky.dalmatian{background-position:-540px -300px}
img.sky.wool{background-position:-570px -300px}
img.sky.tool{background-position:-450px -240px}
img.sky.golden{background-position:-450px -270px}

img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}
img.sky.{background-position:-0px -0px}

img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}
img.sky.{background-position:-30px -0px}

img.sky.{background-position:-60px -0px}
img.sky.{background-position:-60px -0px}
img.sky.{background-position:-60px -0px}
img.sky.{background-position:-60px -0px}
img.sky.{background-position:-60px -0px}



img.sky.rain {background-position:-180px -0px}
img.sky.outsider {background-position:-180px -30px}
img.sky.greeble {background-position:-180px -60px}
img.sky.volcano {background-position:-180px -90px}
img.sky.boater {background-position:-180px -120px}
img.sky.stone {background-position:-180px -150px}
img.sky.stovepipe {background-position:-180px -180px}
img.sky.boonie {background-position:-180px -210px}
img.sky.sawblade {background-position:-180px -240px}
img.sky.zombeanie {background-position:-180px -270px}
img.sky.gaucho {background-position:-180px -300px}
img.sky.roundlet {background-position:-180px -330px}
img.sky.capuchon {background-position:-180px -360px}
img.sky.tricorn {background-position:-180px -390px}
img.sky.peacock {background-position:-180px -420px}
img.sky.bearskin {background-position:-180px -450px}
img.sky.fishbone {background-position:-180px -480px}
img.sky.ski {background-position:-180px -510px}
img.sky.frost {background-position:-180px -540px}
img.sky.four {background-position:-180px -570px}

img.sky.beacon {background-position:-210px -0px}
img.sky.garland {background-position:-210px -30px}
img.sky.tree {background-position:-210px -60px}
img.sky.aviator {background-position:-210px -90px}
img.sky.asteroid {background-position:-210px -120px}
img.sky.crystal {background-position:-210px -150px}
img.sky.creepy {background-position:-210px -180px}
img.sky.ribbon {background-position:-210px -210px}
img.sky.deely {background-position:-210px -240px}
img.sky.beanie {background-position:-210px -270px}
img.sky.leprechaun {background-position:-210px -300px}
img.sky.shark {background-position:-210px -330px}
img.sky.preserver {background-position:-210px -360px}
img.sky.tiara {background-position:-210px -390px}
img.sky.great {background-position:-210px -420px}
img.sky.space {background-position:-210px -450px}
img.sky.ufo {background-position:-210px -480px}
img.sky.diadem {background-position:-210px -510px}
img.sky.obsidian {background-position:-210px -540px}
img.sky.lilypad {background-position:-210px -570px}

img.sky.flames {background-position:-240px -0px}
img.sky.runic {background-position:-240px -30px}
img.sky.clockwork {background-position:-240px -60px}
img.sky.cactus {background-position:-240px -90px}
img.sky.skullhelm {background-position:-240px -120px}
img.sky.gloop {background-position:-240px -150px}
img.sky.puma {background-position:-240px -180px}
img.sky.elephant {background-position:-240px -210px}
img.sky.tiger {background-position:-240px -240px}
img.sky.teeth {background-position:-240px -270px}
img.sky.turkey {background-position:-240px -300px}
img.sky.eyefro {background-position:-240px -330px}
img.sky.bacon {background-position:-240px -360px}
img.sky.awesome {background-position:-240px -390px}
img.sky.card {background-position:-240px -420px}
img.sky.springtime {background-position:-240px -450px}
img.sky.jolly {background-position:-240px -480px}
img.sky.kickoff {background-position:-240px -510px}


img.sky.ltmmm{background-position:-270px -0px}
img.sky.ltcb{background-position:-270px -30px}
img.sky.ltll{background-position:-270px -60px}
img.sky.ltbc{background-position:-270px -90px}
img.sky.lttmp{background-position:-270px -120px}
img.sky.ltmam{background-position:-270px -150px}
img.sky.ltjg{background-position:-270px -180px}
img.sky.lttnc{background-position:-270px -210px}
img.sky.ltnc{background-position:-270px -240px}
img.sky.ltbg{background-position:-270px -270px}
img.sky.ltcc{background-position:-270px -300px}
img.sky.ltms{background-position:-270px -330px}
img.sky.ltcfh{background-position:-270px -360px}
img.sky.ltgg{background-position:-270px -390px}
img.sky.lttt{background-position:-270px -420px}
img.sky.ltes{background-position:-270px -450px}
img.sky.ltea{background-position:-270px -480px}
img.sky.ltyt{background-position:-270px -510px}
img.sky.ltecc{background-position:-270px -540px}
img.sky.lttod{background-position:-270px -570px}

img.sky.lttbt{background-position:-300px -0px}
img.sky.ltgm{background-position:-300px -30px}
img.sky.ltmd{background-position:-300px -60px}
img.sky.ltss{background-position:-300px -90px}
img.sky.ltwd{background-position:-300px -120px}
img.sky.ltvpp{background-position:-300px -150px}
img.sky.ltesf{background-position:-300px -180px}
img.sky.ltdb{background-position:-300px -210px}
img.sky.ltua{background-position:-300px -240px}
img.sky.ltat{background-position:-300px -270px}


img.sky.ltww{background-position:-330px -210px}

img.sky.mg {background-position:-480px -0px}
img.sky.wk {background-position:-480px -30px}
img.sky.bz {background-position:-480px -60px}
img.sky.ns {background-position:-480px -90px}
img.sky.sm {background-position:-480px -120px}
img.sky.hl {background-position:-480px -150px}
img.sky.fe {background-position:-480px -180px}
img.sky.rr {background-position:-480px -210px}

img.sky.sy {background-position:-510px -0px}
img.sky.fb {background-position:-510px -30px}
img.sky.fk {background-position:-510px -60px}
img.sky.rs {background-position:-510px -90px}
img.sky.gd {background-position:-510px -120px}
img.sky.tp {background-position:-510px -150px}
img.sky.bj {background-position:-510px -180px}
img.sky.dm {background-position:-510px -210px}

img.sky.cd {background-position:-540px -0px}
img.sky.rt {background-position:-540px -30px}
img.sky.fy {background-position:-540px -60px}
img.sky.rb {background-position:-540px -90px}
img.sky.bb {background-position:-540px -120px}
img.sky.sk {background-position:-540px -150px}
img.sky.pt {background-position:-540px -180px}
img.sky.st {background-position:-540px -210px}

img.sky.wu {background-position:-570px -0px}
img.sky.ps {background-position:-570px -30px}
img.sky.sd {background-position:-570px -60px}
img.sky.gm {background-position:-570px -90px}
img.sky.zl {background-position:-570px -120px}
img.sky.dn {background-position:-570px -150px}
img.sky.sr {background-position:-570px -180px}
img.sky.so {background-position:-570px -210px}


div.skylist {
float:right;
border:1px solid #888;
background:#DDD;
text-align:right;
margin:0 0 10px 10px;
}

div.skylist h4 {
margin:0;
padding:0;
background:#CCC;
color:#86A;
padding:4px;
text-align:center;
border-bottom:1px solid #888;
}

div.skylist div {
padding:1px 2px;
}

div.gate.rocket {background-image:url('/swapforce/back_rocket.png')}
div.gate.climb {background-image:url('/swapforce/back_climb.png')}
div.gate.dig {background-image:url('/swapforce/back_dig.png')}
div.gate.speed {background-image:url('/swapforce/back_speed.png')}
div.gate.sneak {background-image:url('/swapforce/back_sneak.png')}
div.gate.bounce {background-image:url('/swapforce/back_bounce.png')}
div.gate.spin {background-image:url('/swapforce/back_spin.png')}
div.gate.teleport {background-image:url('/swapforce/back_teleport.png')}

div.gate.water_fire {background-image:url('/swapforce/back_water_fire.png')}
div.gate.tech_earth {background-image:url('/swapforce/back_tech_earth.png')}
div.gate.water_undead {background-image:url('/swapforce/back_water_undead.png')}
div.gate.magic_fire {background-image:url('/swapforce/back_magic_fire.png')}
div.gate.air_tech {background-image:url('/swapforce/back_air_tech.png')}
div.gate.air_water {background-image:url('/swapforce/back_air_water.png')}
div.gate.undead_earth {background-image:url('/swapforce/back_undead_earth.png')}
div.gate.magic_life {background-image:url('/swapforce/back_magic_life.png')}
div.gate.air_life {background-image:url('/swapforce/back_air_life.png')}
div.gate.tech_fire {background-image:url('/swapforce/back_tech_fire.png')}
div.gate.undead_life {background-image:url('/swapforce/back_undead_life.png')}
div.gate.magic_earth {background-image:url('/swapforce/back_magic_earth.png')}
div.gate.life_water {background-image:url('/swapforce/back_life_water.png')}
div.gate.fire_undead {background-image:url('/swapforce/back_fire_undead.png')}

#main table.info ul.skycrs {
margin:10px;
}

#main table.info ol {
margin:10px 30px;
padding:0;
}

.char_lists td {
vertical-align:top;
padding:0;
}
.char_lists {
margin:10px auto;
padding:0;
border-spacing:0;
border:0;
border-collapse:collapse;
}

.char_list.tech th, .char_list.tech td {background-color:#f2d0b2}
.char_list.air th, .char_list.air td {background-color:#d7e5f2}
.char_list.fire th, .char_list.fire td {background-color:#f2b2b2}
.char_list.water th, .char_list.water td {background-color:#b2d2f2}
.char_list.undead th, .char_list.undead td {background-color:#b2b2b2}
.char_list.life th, .char_list.life td {background-color:#c0d6c6}
.char_list.magic th, .char_list.magic td {background-color:#d4ccdd}
.char_list.earth th, .char_list.earth td {background-color:#cfc3b7}

.char_list td {width:90px}

.char_list td {
padding:2px 1px;
text-align:center;
vertical-align:top;
}

.char_list tr.names {height:36px}
.char_list tr.pic {height:94px}
.char_list td img {height:90px}

.char_list {
border-collapse: separate;
border-spacing:1.5px 0;
}

.char_list th {
	-moz-border-radius-topleft:15px;
	-webkit-border-top-left-radius:15px;
	border-top-left-radius:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-right-radius:15px;
	border-top-right-radius:15px;
height:30px;
background-position:center;
background-repeat:no-repeat;
}

.char_list th span {display:none}
.char_list th img {background-image:url('/images/skylanders/icons_general.png');height:30px;width:30px;}
.char_list.tech th img {background-position:0 0}
.char_list.life th img {background-position:-30px 0}
.char_list.air th img {background-position:-60px 0}
.char_list.water th img {background-position:-90px 0}
.char_list.undead th img {background-position:-120px 0}
.char_list.earth th img {background-position:-150px 0}
.char_list.fire th img {background-position:-180px 0}
.char_list.magic th img {background-position:-210px 0}

.char_list .feet td {
height:10px;
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-left-radius:15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius:15px;
	border-bottom-right-radius:15px;
}

.char_list tr.triple td {height:48px}