/* inputbox widths reduced by 20px and height by 10px for latest ipad support */
/* 'ipad' doesn't appaear in latest ipad user agent                           */ 

HTML {height:100%;}

BODY
{
 height:100%;
 margin:0;
 padding:0;
 background:black url('../imgs/bg-sunflower2.jpg') repeat 0 0;
}

TABLE {border-collapse:collapse; border-spacing:0px;}
TD {padding:0px;}
FORM {margin:0; padding:0;}
A {text-decoration:none; color:#3C3C3C;}

.NoInternetImgPreLoad {background:url('../imgs/noinet.png');}

.HideLogo {visibility:hidden;}

.StdBtn
{
 display:inline-block;
 height:20px;
 margin:0;
 padding:8px 12px 6px 12px;
 background:-webkit-linear-gradient(#0095E0 40%,#007BB8);
 background:linear-gradient(#0095E0 40%,#007BB8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095E0',endColorstr='#007BB8',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #005E8A;
 text-align:center;
 text-shadow:0px 1px 4px #006B9F;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
 cursor:pointer;
}

.StdBtn:hover {color:#A4FF82;}

.StdBtn2
{
 display:inline-block;
 height:16px;
 margin:0;
 padding:6px 12px 6px 12px;
 background:-webkit-linear-gradient(#0095E0 40%,#007BB8);
 background:linear-gradient(#0095E0 40%,#007BB8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095E0',endColorstr='#007BB8',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #005E8A;
 text-align:center;
 text-shadow: 0px 1px 4px #004262;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 cursor:pointer;
}

.StdBtn2:hover {color:#A4FF82;}

.DisabledBtn
{
 display:inline-block;
 height:20px;
 margin:0;
 padding:8px 12px 6px 12px;
 background:-webkit-linear-gradient(#D2D2D2 40%,#BCBCBC);
 background:linear-gradient(#D2D2D2 40%,#BCBCBC);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2D2D2',endColorstr='#BCBCBC',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #808080;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:#EFEFEF;
}

.BlockBtn
{
 display:inline-block;
 height:20px;
 margin:0;
 padding:8px 12px 6px 12px;
 background:-webkit-linear-gradient(#F7312D 40%,#A4201E);
 background:linear-gradient(#F7312D 40%,#A4201E);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7312D',endColorstr='#A4201E',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #6D1514;
 text-align:center;
 text-shadow:0px 1px 2px #006B9F;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 letter-spacing:1px;
 color:white;
 cursor:pointer;
}

.NavBarContainer
{
 width:100%;
 height:88px;
 margin:0;
 padding:0;
}

.NavBar 
{
 width:960px;
 height:88px;
 margin:0 auto 0 auto;
 padding:0;
 border:0px solid yellow;
}
.NavBarLeft {float:left; padding:10px 0 0 10px;}
.NavBarRight {float:right;} 

.NavBarLinksContainer {width:710px; height:54px; padding:20px 40px 20px 20px; border:0px solid red;}

.NavBarLinksOld
{
 position:relative;
 float:right;
 padding-right:40px;
 list-style:none;
 vertical-align:middle;
 letter-spacing:1px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:16pt;
 color:black;
 border:0px solid green;
}

.NavBarLinksOld A {color:white; text-decoration:none;}

.NavBarLinksOld A:hover {color:white; cursor:pointer;}

.NavBarLinks
{
 float:right;
 list-style:none;
 margin:-5px 20px 0 0;
 padding:5px 6px 4px 6px;
 background:-webkit-linear-gradient(#434343 40%,#2F2F2F);
 background:linear-gradient(#434343 40%,#2F2F2F);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343',endColorstr='#2F2F2F',GradientType=0);
 border-radius:10px;
 border-bottom:2px solid black;
 vertical-align:middle;
 text-align:center;
 letter-spacing:1px;
 text-shadow: 0px 1px 4px black;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 font-weight:bold;
 color:white;
}

.NavBarLinks A {color:white; text-decoration:none;}

.NavBarLinks A:hover {color:orange; cursor:pointer;}

.NavBarPlayNow
{
 float:right;
 list-style:none;
 margin-top:-5px;
 padding:5px 6px 4px 6px;
 background:-webkit-linear-gradient(#0095e0 40%,#007bb8);
 background:linear-gradient(#0095e0 40%,#007bb8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095e0',endColorstr='#007bb8',GradientType=0);
 border-radius:10px;
 border-bottom:2px solid #005e8a;
 vertical-align:middle;
 text-align:center;
 letter-spacing:1px;
 text-shadow: 0px 1px 4px #006b9f;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
}

.NavBarPlayNow A {color:white; text-decoration:none;}

.NavBarPlayNow A:hover {color:orange; cursor:pointer;}


.NavBarAccMenu
{
 float:right;
 list-style:none;
 margin:-5px 20px 0 0;
 padding:5px 9px 4px 9px;
 background:-webkit-linear-gradient(#434343 40%,#2F2F2F);
 background:linear-gradient(#434343 40%,#2F2F2F);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343',endColorstr='#2F2F2F',GradientType=0);
 border-radius:10px;
 border-bottom:2px solid black;
 vertical-align:middle;
 text-align:center;
 letter-spacing:1px;
 text-shadow: 0px 1px 4px black;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:white;
}

.NavBarAccMenu A {color:white; text-decoration:none;}

.NavBarAccMenu A:hover {color:orange; cursor:pointer;}

.NavBarAccName
{
 float:right;
 list-style:none;
 margin:-5px 10px 0 0;
 padding:5px 6px 4px 6px;
 background:-webkit-linear-gradient(#434343 40%,#2F2F2F);
 background:linear-gradient(#434343 40%,#2F2F2F);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343',endColorstr='#2F2F2F',GradientType=0);
 border-radius:10px;
 border-bottom:2px solid black;
 vertical-align:middle;
 text-align:center;
 letter-spacing:1px;
 text-shadow: 0px 1px 4px black;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:white;
}

.NavBarAccName A {color:white; text-decoration:none;}

.NavBarAccName A:hover {color:orange; cursor:pointer;}

.NavBarAccMenuContainer
{
 position:absolute;
 left:0px;
 top:22px;
 width:100px;
 height:35px;
 padding:4px;
 margin:3px 0 3px 0;
 border-left:3px solid black;
 border-bottom:3px solid black;
 border-right:3px solid black;
 border-radius:0 0 10px 10px;
 background:#F6BF00;
 color:black;
 box-shadow:0px 2px 10px #2F2F2F;
 z-index:99;
}

.NavBarAccMenuContainerList {list-style:none; padding:0; margin:0;}
.NavBarAccMenuContainerList LI {margin:4px; cursor:pointer;}
.NavBarAccMenuContainerList LI:hover {color:#C00000;}

.NavBarAccMenuCol1 {width:30%; vertical-align:top;}
.NavBarAccMenuCol2 {width:30%; vertical-align:top;}
.NavBarAccMenuCol3 {width:30%; vertical-align:top;}
.NavBarAccMenuCol4 {width:10%; vertical-align:top;}

.NavBarAccMenuHeading
{
 margin:10px 10px 10px 10px;
 vertical-align:middle;
 /* text-decoration:underline; */
 text-align:left;
 letter-spacing:1px;
 /* text-shadow: 0px 1px 4px black;*/
 font-family:riffic_mediumbold,raleway,arial,helvetica;
 font-size:16pt;
 color:white;
}

.NavBarAccMenuItem
{
 margin:10px 10px 10px 10px;
 vertical-align:middle;
 text-align:left;
 letter-spacing:1px;
 /* text-shadow: 0px 1px 4px black;*/
 font-family:riffic_mediumbold,raleway,arial,helvetica;
 font-size:16pt;
 color:white;
 cursor:pointer;
}

.NavBarAccMenuItem A {color:white;}
.NavBarAccMenuItem A:hover {color:orange;}

.NavBarBlanketMenuBG
{
 position:absolute;
 top:0px;
 left:0px;
 height:0%;
 width:100%;
 overflow-y:hidden;
 background-color:#2F2F2F;
 z-index:1001;
 transition:0.5s;
}

.NavBarBlanketMenuBGOut
{
 position:absolute;
 top:0px;
 left:0px;
 height:100%;
 width:100%;
 overflow-y:hidden;
 background-color:#2F2F2F;
 z-index:1001;
 transition:0.5s;
}

.NavBarBlanketMenuLogo
{
 float:left;
 width:80%;
 margin:20px 0 0 20px;
 z-index:1002;
 border:0px solid red;
}

.NavBarBlanketMenuBtn
{
 float:right;
 margin:20px 20px 0 0;
 z-index:1002;
 cursor:pointer;
}

.NavBarBlanketMenuItems
{
 float:left;
 width:100%;
 margin:20px 0 0 80px;
 z-index:1002;
 border:0px solid red;
}

.NavBarMenuFooters {text-align:center; margin:4px auto 0 auto;}

.PageContainer
{
 position:relative;
 min-height:100%;
 width:100%;
 margin:0;
 padding:0 0 214px 0;
 border:0px solid green;
}

.WCoin
{
 position:relative;
 width:96px;
 height:96px;
 margin:0 auto 6px auto;
 padding:0;
 border:0px solid orange;
}

.WCoin2
{
 display:inline-block;
 position:relative;
 width:96px;
 height:96px;
 margin:0 auto 6px auto;
 padding:0;
 border:0px solid orange;
}

.WCoinBig
{
 position:relative;
 width:160px;
 height:160px;
 margin:15px auto 10px auto;
 padding:0;
 border:0px solid orange;
}

.WCoinNumber
{
 position:absolute;
 top:32px;
 left:21px;
 width:50px;
 font-family:raleway;
 font-size:20pt; 
 font-weight:bold;
 color:white;
 text-align:center;
 text-shadow:0px 1px 4px black;
 border:0px solid yellow;
}

.WCoinNumberBig
{
 position:absolute;
 top:60px;
 left:50px;
 width:60px;
 font-family:raleway;
 font-size:24pt; 
 font-weight:bold;
 color:white;
 text-align:center;
 text-shadow:0px 1px 3px #2F2F2F;
 border:0px solid yellow;
}

.FooterContainer
{
 position:absolute;
 bottom:0;
 width:100%;
 height:214px;
 background:black url('../imgs/bg-footer.jpg') repeat 0 0;
 border:0px solid red;
}

.FooterBorder {width:100%; height:12px; background-color:#2F2F2F;}

.FooterPageLinksContainer {float:left;}
.FooterPageLinks {list-style:none; padding:6px 0 0 0; margin:0;}
.FooterPageLinks1
{
 float:left;
 padding:0 20px 0 20px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:16pt;
 color:white;
}
.FooterPageLinks2
{
 float:left;
 padding:0 20px 0 20px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:16pt;
 color:white;
}
.FooterPageLinks3
{
 float:left;
 padding:0 20px 0 20px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:16pt;
 color:white;
}
.FooterPageLinksTitle {font-size:18pt; margin-bottom:6px;}
.FooterPageLinks1 A, .FooterPageLinks2 A, .FooterPageLinks3 A {color:white; text-decoration:none;}
.FooterPageLinks1 A:hover, .FooterPageLinks2 A:hover, .FooterPageLinks3 A:hover {color:yellow; text-decoration:none;}

.FooterSocialLinksContainer {float:right;}
.FooterSocialLinks {width:160px; list-style:none; padding:4px 15px 0 0; margin:0;}
.FooterSocialLinks LI {float:right; padding:6px;}

.FooterAddressContainer {width:100%; height:47px; margin:155px 0 0 0; background:rgba(47,47,47,0.4);}

.FooterAddressDetails {padding:4px 8px 4px 8px; font-family:Raleway,arial,helvetica; font-size:10pt; color:white;}

.FooterAddressDetails A {font-family:Raleway,arial,helvetica; font-size:10pt; color:white;}
.FooterAddressDetails A:hover {font-family:Raleway,arial,helvetica; font-size:10pt; color:orange;}


/* ----- Home Page ---- */

.HomeContainer
{
 margin:0 auto 60px auto;
 padding:0;
 width:740px;
 height:370px;
 border:0px solid blue;
}

.HomeCharacter
{
 float:left;
 position:relative;
 margin-top:30px;
 margin-left:-60px;
 width:343px;
 height:356px;
 z-index:1;
 border:0px solid yellow;
}

.HomeCharacterShadow
{
 position:absolute;
 bottom:3px;
 left:60px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.HomeLogo
{
 float:right;
 position:relative;
 margin:-10px -30px 0 0;
 width:462px;
 height:316px;
 z-index:1;
 border:0px solid orange;
}

.HomeAnimContainer
{
 position:absolute;
 top:17px;
 left:16px;
 width:393px;
 height:248px;
 text-align:center;
 background-color:rgba(0,0,0,0.6);
 border:0px solid red;
}

.HomeAnimLogoHidden
{
 position:absolute;
 top:12px;
 right:20px;
 visibility:hidden;
}

.HomeAnimLogo
{
 position:absolute;
 top:12px;
 right:20px;
}

.HomeAnimText
{
 position:absolute;
 top:190px;
 left:30px;
 letter-spacing:1px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:20pt;
 color:white;
}

.HomeCharacterShadow2
{
 position:absolute;
 bottom:-60px;
 left:20px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.WhiteBorderContainer
{
 width:100%;
 height:94px;
 background:black url('../imgs/bg-whitehome.png') repeat 0 0;
 z-index:-3;
}

.HomeBanner1Container
{
 position:relative;
 margin-top:-5px;
 width:100%;
 height:450px;
 background-color:white;
 border:0px solid green;
}

.HomeBanner1
{
 margin:0px auto 20px auto;
 padding:20px 0 0 0;
 width:960px;
 height:360px;
 border:0px solid red;
}

.HomeBanner1TextContainer {float:right; margin:40px auto 0 10px;}

.HomeBanner1Title
{
 width:500px;
 margin-bottom:6px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:32pt;
 color:black;
 letter-spacing:1px;
 border:0px solid green;
}

.HomeBanner1Text
{
 width:400px;
 font-family:Raleway-Light,arial,helvetica;
 font-size:18pt;
 color:black;
 border:0px solid purple;
}

.HomeBanner1BtnContainer
{
 margin-top:15px;
}

.HomeBanner1Img
{
 position:absolute;
 top:-40px;
 left:120px;
 width:347px;
 z-index:1;
}

.HomeBanner2Container
{
 position:relative;
 margin:0px;
 width:100%;
 height:450px;
 padding:0px;
 background-color:#2F2F2F;
 border:0px solid green;
}

.HomeBanner2
{
 margin:0px auto 25px auto;
 padding:0px;
 width:960px;
 height:320px;
 border:0px solid red;
}

.HomeBanner2TextContainer {width:100%; margin:0px auto 0 auto; border:0px solid silver;}

.HomeBanner2Title
{
 width:100%;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:32pt;
 color:white;
 letter-spacing: 1px;
 border:0px solid blue;
}

.HomeBanner2Text
{
 width:100%;
 text-align:center;
 font-family:Raleway-Light,arial,helvetica;
 font-size:18pt;
 color:white;
 border:0px solid green;
}

.HomeBanner2ImgContainer
{
 position:relative;
 width:100%;
 margin:0 0 10px 0;
 text-align:center;
 border:0px solid yellow;
}

.HomeBanner2ImgListContainer
{
 width:100%;
 margin:25px 0 0 0;
 padding:0;
 list-style:none;
 text-align:center;
 border:0px solid red;
 z-index:2;
}

.HomeBanner2Img
{
 display:inline-block;
 margin:20px;
 width:250px;
 height:200px;
 border:0px solid purple;
}

.HomeBanner2Img IMG {width:250px; height:200px; border-radius:16px;}

.HomeBanner3Container
{
 margin-top:20px;
 width:100%;
 height:270px;
}

.HomeBanner3
{
 position:relative;
 margin:-10px auto 30px auto;
 padding:0;
 width:960px;
 height:383px;
 border:0px solid blue;
}

.HomeBanner4Container
{
 margin-top:20px;
 width:100%;
 height:220px;
}

.HomeBanner4
{
 position:relative;
 margin:-5px auto 30px auto;
 padding:0;
 width:960px;
 height:383px;
 border:0px solid blue;
}

.HomeBanner4TextContainer {position:absolute; top:-150px; right:50px; border:0px solid blue;}

.HomeBanner4Title
{
 width:480px;
 margin-bottom:0px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:32pt;
 color:black;
 /* text-shadow:1px 2px #216C7C; */
 letter-spacing: 1px;
 border:0px solid green;
}

.HomeBanner4Text
{
 width:480px;
 margin-bottom:10px;
 font-family:Raleway,arial,helvetica;
 font-size:18pt;
 color:black;
 /* text-shadow:0px 2px #216C7C; */
 border:0px solid purple;
}

.HomeBanner4Img
{
 position:absolute;
 top:-200px;
 left:60px;
 width:347px;
 z-index:4;
}

.HomeBanner4Btn1
{
 position:absolute;
 width:130px;
 height:41px;
 margin:10px 0 0 15px;
 padding:7px 10px 0 10px;
 background:-webkit-linear-gradient(#0095e0 40%,#007bb8);
 background:linear-gradient(#0095e0 40%,#007bb8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095e0',endColorstr='#007bb8',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #005e8a;
 text-align:center;
 text-shadow: 0px 1px 4px #006b9f;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
 cursor:pointer;
}

.HomeBanner4Btn1:hover {color:orange;}

.HomeBanner4Btn2
{
 position:absolute;
 width:130px;
 height:41px;
 margin:10px 0 0 245px;
 padding:7px 10px 0 10px;
 background:-webkit-linear-gradient(#0095e0 40%,#007bb8);
 background:linear-gradient(#0095e0 40%,#007bb8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095e0',endColorstr='#007bb8',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #005e8a;
 text-align:center;
 text-shadow: 0px 1px 4px #006b9f;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
 cursor:pointer;
}

.HomeBanner4Btn2:hover {color:orange;}


/*  How it works  */

.HowItWorksContainer
{
 margin:0 auto 0 auto;
 padding:0;
 width:740px;
 height:450px;
 border:0px solid blue;
}

.HowItWorksCharacter
{
 float:left;
 position:relative;
 margin-left:-60px;
 padding:0;
 width:343px;
 height:374px;
 z-index:1;
 border:0px solid yellow;
}

.HowItWorksCharacterShadow
{
 position:absolute;
 bottom:-15px;
 left:75px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.HowItWorksLogo
{
 float:right;
 margin:20px 40px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:48pt;
 color:#2F2F2F;
 letter-spacing:1px;
 veritcal-align:middle;
 text-align:center;
 z-index:1;
 border:0px solid orange;
}

.HIWStep1Container
{
 width:100%;
 height:255px;
 margin:-10px 0 0 0;
 padding:0;
 background-color:#434343;
}

.HIWStep1
{
 margin:0 auto 20px auto;
 padding:0;
 width:960px;
 height:255px;
 border:0px solid blue;
}

.HIWStep1TextContainer {float:left; margin:20px auto 10px 60px;}

.HIWStep1Circle
{
 display:inline-block;
 width:60px;
 height:60px;
 border:10px solid white;
 border-radius:60px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:34pt;
 color:white;
 letter-spacing:1px;
 veritcal-align:middle;
 text-align:center;
}

.HIWStep1Title
{
 width:530px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:34pt;
 color:white;
 letter-spacing: 1px;
 border:0px solid green;
}

.HIWStep1Text
{
 width:480px;
 margin-top:10px;
 font-family:Raleway,arial,helvetica;
 font-size:16pt;
 color:white;
 border:0px solid purple;
}

.HIWStep1Img
{
 float:right;
 margin:30px 60px 0 0;
 width:305px;
}

.HIWStep2Container
{
 width:100%;
 height:312px;
 background-color:#2F2F2F;
}

.HIWStep2
{
 margin:0 auto 30px auto;
 padding:70px 0 0 0;
 width:960px;
 height:310px;
 border:0px solid blue;
}

.HIWStep2TextContainer {float:right; margin:40px 70px 10px auto;}

.HIWStep2Circle
{
 display:inline-block;
 width:60px;
 height:60px;
 border:10px solid white;
 border-radius:60px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:34pt;
 color:white;
 letter-spacing:1px;
 veritcal-align:middle;
 text-align:center;
}

.HIWStep2Title
{
 width:450px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:34pt;
 color:white;
 letter-spacing: 1px;
 border:0px solid green;
}

.HIWStep2Text
{
 width:400px;
 margin-top:10px;
 font-family:Raleway,arial,helvetica;
 font-size:16pt;
 color:white;
 border:0px solid purple;
}

.HIWStep2Img
{
 float:left;
 margin:100px 0 0 90px;
 width:300px;
}

.HIWStep3Container
{
 width:100%;
 height:322px;
 background-color:#434343;
}

.HIWStep3
{
 margin:0 auto 30px auto;
 padding:70px 0 0 0;
 width:960px;
 height:310px;
 border:0px solid blue;
}

.HIWStep3TextContainer {float:left; margin:40px auto 10px 60px;}

.HIWStep3Circle
{
 display:inline-block;
 width:60px;
 height:60px;
 border:10px solid white;
 border-radius:60px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:34pt;
 color:white;
 letter-spacing:1px;
 veritcal-align:middle;
 text-align:center;
}

.HIWStep3Title
{
 width:500px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:34pt;
 color:white;
 letter-spacing: 1px;
 border:0px solid green;
}

.HIWStep3Text
{
 width:460px;
 margin-top:10px;
 font-family:Raleway,arial,helvetica;
 font-size:16pt;
 color:white;
 border:0px solid purple;
}

.HIWStep3Img
{
 float:right;
 margin:30px 50px 0 auto;
 width:315px;
 height:220px;
 border:0px solid red;
}

.HIWStep4Container
{
 width:100%;
 height:324px;
 background-color:#2F2F2F;
 border:0px solid red;
}

.HIWStep4
{
 margin:0 auto 30px auto;
 padding:80px 0 0 0;
 width:960px;
 height:310px;
 border:0px solid blue;
}

.HIWStep4TextContainer {float:right; margin:30px 30px 10px auto;}

.HIWStep4Circle
{
 display:inline-block;
 width:60px;
 height:60px;
 border:10px solid white;
 border-radius:60px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:34pt;
 color:white;
 letter-spacing:1px;
 veritcal-align:middle;
 text-align:center;
}

.HIWStep4Title
{
 width:480px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:34pt;
 color:white;
 letter-spacing: 1px;
 border:0px solid green;
}

.HIWStep4Text
{
 width:480px;
 margin-top:10px;
 font-family:Raleway,arial,helvetica;
 font-size:16pt;
 color:white;
 border:0px solid purple;
}

.HIWStep4Img
{
 float:left;
 margin:25px 0 0 140px;
 width:205px;
}

.HIWStep5Container
{
 width:100%;
 height:322px;
 background-color:white;
 background-color:#434343;
}

.HIWStep5
{
 margin:0 auto 30px auto;
 padding:80px 0 0 0;
 width:960px;
 height:310px;
 border:0px solid blue;
}

.HIWStep5TextContainer {float:left; margin:40px auto 10px 60px;}

.HIWStep5Circle
{
 display:inline-block;
 width:60px;
 height:60px;
 border:10px solid white;
 border-radius:60px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:34pt;
 color:white;
 letter-spacing:1px;
 veritcal-align:middle;
 text-align:center;
}

.HIWStep5Title
{
 width:550px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:34pt;
 color:white;
 letter-spacing: 1px;
 border:0px solid green;
}

.HIWStep5Text
{
 width:550px;
 margin-top:10px;
 font-family:Raleway,arial,helvetica;
 font-size:16pt;
 color:white;
 border:0px solid purple;
}

.HIWStep5Img
{
 float:right;
 margin:20px 75px 0 0;
 width:200px;
}


/*  WanderWall  */

.WWallContainer
{
 margin:0 auto 0 auto;
 padding:0;
 width:740px;
 height:450px;
 border:0px solid blue;
}

.WWallCharacter
{
 float:left;
 position:relative;
 margin-left:-60px;
 padding:0;
 width:343px;
 height:374px;
 z-index:1;
 border:0px solid yellow;
}

.WWallCharacterShadow
{
 position:absolute;
 bottom:-15px;
 left:75px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.WWallLogo
{
 position:relative;
 float:right;
 margin:60px 40px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:48pt;
 color:#2F2F2F;
 letter-spacing:1px;
 veritcal-align:middle;
 text-align:center;
 z-index:1;
 border:0px solid orange;
}

.WWallUpload
{
 position:absolute;
 top:300px;
 left:100px;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 cursor:pointer;
 border:0px solid purple;
}

.WWallSubContainer
{
 width:100%;
 margin:-10px 0 0 0;
 padding:0;
 background-color:#434343;
 border:0px solid blue;
}

.WWallSubHeadingContainer
{
 width:880px;
 margin:0px auto 10px auto;
 padding:0;
}

.WWallSubHeadingTitle
{
 width:100%;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:24pt;
 color:white;
 letter-spacing:1px;
 border:0px solid green;
}

.WWallSubHeadingTitle A {color:white;}

.WWallSubHeadingTitle A:hover {color:orange;}

.WWallSubHeadingText
{
 width:100%;
 padding:7px 0 0 0;
 font-family:Raleway,arial,helvetica;
 font-size:16pt;
 color:white;
 border:0px solid green;
}

.WWallImgContainer
{
 width:880px;
 margin:0px auto 0 auto;
 padding:0 0 10px 0;
 font-family:Raleway,arial,helvetica;
 font-size:16pt;
 color:white;
 border:0px solid purple;
}

.WWallImg
{
 position:relative;
 display:inline-block;
 width:180px;
 height:130px;
 margin:6px;
 vertical-align:top;
}

.WWallImgMO
{
 position:relative;
 display:inline-block;
 width:180px;
 height:130px;
 margin:6px;
 vertical-align:top;
 cursor:pointer;
}

.WWallImg IMG, .WWallImgMO IMG {width:180px; height:130px; padding:0; margin:0; border-radius:16px;}

.WWallWaitingApprovalBanner
{
 position:absolute;
 top:30px;
 left:0px;
 width:180px;
 height:60px;
 padding-top:10px;
 background-color:#F8C301;
 font-family:Raleway,arial,helvetica;
 font-size:16pt;
 color:#434343;
 text-align:center;
}

.WWallRejectedBanner
{
 position:absolute;
 top:30px;
 left:0px;
 width:180px;
 height:50px;
 padding-top:20px;
 background-color:red;
 font-family:Raleway,arial,helvetica;
 font-weight:normal;
 font-size:16pt;
 color:white;
 text-align:center;
}

.WWallImgPlaceholder
{
 width:172px;
 height:107px;
 padding:15px 0 0 0;
 margin:0;
 border:4px solid #585858;
 border-radius:16px;
 text-align:center;
}

.WWallImgPlaceholder I {color:#585858;}

.WWallPodOverlay
{
 visibility:hidden;
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 background-color:rgba(0,0,0,0.5);
 overflow:hidden;
 z-index:10;
}

.WWallPodModal
{
 position:absolute;
 width:530px;
 height:320px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-160px;
 margin-left:-265px;
 padding:4px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 -webkit-animation-duration:1s; 
 animation-duration:1s; 
 -webkit-animation-fill-mode both; 
 animation-fill-mode:both;
 -webkit-animation-name: bounceInDown; 
 animation-name: bounceInDown;
 z-index:11;
}

.WWallPodModalText
{
 margin:10px 10px 0 10px;
 min-height:250px;
 padding:4px;
 text-align:center;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid blue;
}

.WWallPicBackdrop
{
 font-size:200px;
 color:#434343;
}

.WWallPicBackdrop2
{
 position:relative;
 width:350px;
 height:250px;
 margin:0 auto 0 auto;
 border-radius:10px;
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain;
 z-index:0;
}

.WWallPodModalBtns
{
 text-align:center;
 margin:10px auto 0 auto;
 border:0px solid purple;
}

.WWallPodWarning
{
 height:30px;
 color:red;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 font-weight:bold;
 text-align:center; 
 border:0px solid purple;
}


/*  Socially Wander  */

.SocialContainer
{
 margin:40px auto 0 auto;
 padding:0;
 width:740px;
 height:400px;
 border:0px solid blue;
}

.SocialCharacter
{
 float:left;
 position:relative;
 margin:20px 0 0 -60px;
 padding:0;
 width:343px;
 height:374px;
 z-index:1;
 border:0px solid yellow;
}

.SocialCharacterShadow
{
 position:absolute;
 bottom:-15px;
 left:75px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.SocialLogo
{
 position:relative;
 float:right;
 margin:10px 40px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:48pt;
 color:#2F2F2F;
 letter-spacing:1px;
 veritcal-align:middle;
 text-align:center;
 z-index:1;
 border:0px solid orange;
}

.SocialLinksContainer {float:right;}
.SocialLinks {width:160px; list-style:none; padding:4px 15px 0 0; margin:0;}
.SocialLinks LI {float:right; padding:6px;}


/*  FAQs  */

.FAQContainer
{
 margin:0 auto 0 auto;
 padding:0;
 width:740px;
 height:450px;
 border:0px solid blue;
}

.FAQCharacter
{
 float:left;
 position:relative;
 margin-left:-60px;
 padding:0;
 width:343px;
 height:374px;
 z-index:1;
 border:0px solid yellow;
}

.FAQCharacterShadow
{
 position:absolute;
 bottom:-15px;
 left:75px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.FAQLogo
{
 position:relative;
 float:right;
 margin:60px 20px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:48pt;
 color:#2F2F2F;
 letter-spacing:1px;
 veritcal-align:middle;
 text-align:center;
 z-index:1;
 border:0px solid orange;
}

.FAQContentContainer
{
 width:100%;
 margin:-10px 0 0 0;
 padding:10px 0 0 0;
 background-color:#434343;
 border:0px solid blue;
}

.FAQQuestionContainer
{
 width:880px;
 margin:10px auto 5px auto;
 padding:0;
}

.FAQQuestionText
{
 width:100%;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:24pt;
 color:white;
 letter-spacing:1px;
 border:0px solid green;
}

.FAQQuestionText A {color:white;}
.FAQQuestionText A:hover {color:orange;}

.FAQAnswerContainer
{
 width:880px;
 margin:2px auto 20px auto;
 padding:0;
}

.FAQAnswerText
{
 width:100%;
 padding:0;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 color:white;
 border:0px solid green;
}

.FAQAnswerText A {color:white;}
.FAQAnswerText A:hover {color:orange;}

.FAQDivider
{
 background:url('../imgs/footprint-divider.png');
 width:50%;
 height:56px;
 margin:40px auto 40px auto;
 text-align:center;
 border:0px solid yellow;
}

.FAQFooter {height:20px;}


/* ----- Contact us ---- */

.ContactUsContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:850px;
 border:0px solid red; 
}

.ContactUsPod
{
 position:relative;
 width:800px;
 margin:30px 0 80px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.ContactUsPod2
{
 position:relative;
 width:800px;
 margin:30px 0 220px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.ContactUsPodContentFrame {width:795px; padding:4px;}

.ContactUsPodTitle
{
 text-align:left;
 padding:8px 0px 4px 7px;
}

.ContactUsPodInput1Container
{
 float:left;
 display:inline-block;
 width:772px;
 height:40px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput1
{
 width:712px;
 height:30px;
 border:0;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodInput2Container
{
 float:left;
 display:inline-block;
 width:290px;
 height:40px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput2
{
 width:230px;
 height:30px;
 border:0;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodInput3Container
{
 float:left;
 display:inline-block;
 width:150px;
 height:40px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput3
{
 width:90px;
 height:30px;
 border:0;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodInput4Container
{
 float:left;
 display:inline-block;
 width:460px;
 height:40px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput4
{
 width:400px;
 height:30px;
 border:0;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodInput5Container
{
 width:772px;
 height:180px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput5
{
 width:715px;
 height:172px;
 border:0;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodStatusActive {width:40px; vertical-align:-2px; text-align:center; color:#797979;}
.ContactUsPodStatusHidden {width:40px; vertical-align:-2px; text-align:center; color:white;}
.ContactUsPodStatusOK {width:40px; vertical-align:-2px; text-align:center; color:green;}
.ContactUsPodStatusError {width:40px; vertical-align:-2px; text-align:center; color:red;}

.ContactUsPodInputDivider {height:10px;}

.ContactUsPodBtnContainer {float:right; padding:10px 0 0 0;}

.ContactUsPodEmail {display:none;}

.ContactUsPodThankYou
{
 padding:5px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 text-align:left;
}


/* ----- Login Page ---- */

.LoginContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:620px;
 height:350px;
 border:0px solid red; 
}

.LoginPod
{
 position:relative;
 width:570px;
 height:330px;
 margin:60px 0 30px 120px;
 padding:7px 5px 0 0;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:black;
}

.LoginPodContentFrame {width:560px; padding:4px; border:0px solid red;}

.LoginPodCharacter
{
 position:absolute;
 top:-30px;
 left:-220px;
 margin:10px auto 30px auto;
 padding:7px 10px 0 10px;
 z-index:1;
}

.LoginPodCharacterShadow
{
 position:absolute;
 top:340px;
 left:-150px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.LoginPodTitle
{
 text-align:left;
 padding:8px 0px 4px 20px;
}

.LoginPodInputContainer
{
 width:520px;
 height:50px;
 padding:4px 6px 4px 6px;
 margin:0 auto 0 20px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.LoginPodInput
{
 width:460px;
 height:40px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.LoginPodInputBig
{
 width:460px;
 height:40px;
 border:0px solid black;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.LoginPodStatusActive {width:40px; vertical-align:-5px; text-align:center; color:#797979;}
.LoginPodStatusHidden {width:40px; vertical-align:-5px; text-align:center; color:white;}
.LoginPodStatusOK {width:40px; vertical-align:-5px; text-align:center; color:green;}
.LoginPodStatusError {width:40px; vertical-align:-5px; text-align:center; color:red;}

.LoginPodInputDivider {height:10px;}

.LoginPodWarning
{
 width:420px;
 height:35px;
 float:left;
 margin:15px 0 0 20px;
 vertical-align:middle;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:red;
 border:0px solid green;
}

.LoginPodExtraLinksContainer
{
 float:left;
 padding:15px 0 0 20px;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid green;
}

.LoginPodExtraLinksContainer A {color:black; text-decoration:underline;}
.LoginPodExtraLinksContainer A:hover {color:red;}

.LoginPodBtnContainer {float:right; padding:5px 8px 0 0;}

.LoginPodFooterNotes {width:570px; margin:32px 0 0 0; font-family:raleway,arial,helvetica; font-size:10pt;}
.LoginPodFooterNotes A {color:black; text-decoration:underline;}
.LoginPodFooterNotes A:hover {color:red;}

.LoginPodFooterNotes2 {width:570px; margin:12px 0 0 0; font-family:raleway,arial,helvetica; font-size:10pt;}


/* ----- Register / Create Account Page ---- */

.RegisterContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:620px;
 height:680px;
 border:0px solid red; 
}

.RegisterPod
{
 position:relative;
 width:570px;
 height:560px;
 margin:20px 0 180px 140px;
 padding:7px 5px 0 0;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:black;
}

.RegisterPodContentFrame {width:560px; padding:4px; border:0px solid red;}

.RegisterPodCharacter
{
 position:absolute;
 top:200px;
 left:-210px;
 margin:10px auto 30px auto;
 padding:7px 10px 0 10px;
 z-index:1;
}

.RegisterPodCharacterShadow
{
 position:absolute;
 top:570px;
 left:-130px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.RegisterPodTitle
{
 text-align:left;
 padding:8px 0px 4px 20px;
}

.RegisterPodText
{
 width:520px;
 height:50px;
 padding:8px 20px 4px 20px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 text-align:justify; 
 border:0px solid purple;
}

.RegisterPodText2
{
 width:520px;
 height:50px;
 padding:8px 20px 4px 20px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 text-align:center; 
 border:0px solid purple;
}

.RegisterPodInputContainer
{
 width:520px;
 height:50px;
 padding:4px 6px 4px 6px;
 margin:0 auto 0 20px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.RegisterPodInput
{
 width:460px;
 height:40px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.RegisterPodInputBig
{
 width:460px;
 height:40px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.RegisterPodMenu
{
 width:480px;
 height:50px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.RegisterPodTermsContainer
{
 width:520px;
 height:420px;
 padding:4px 6px 4px 6px;
 margin:0 auto 0 20px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.RegisterPodTerms
{
 width:510px;
 height:410px;
 padding:4px;
 border:0;
 background:white;
 text-align:justify;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.RegisterPodCode
{
 width:20px;
 height:50px;
 border:0;
 background:white;
 text-align:center;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:24pt;
 font-weight:bold;
 outline:none;
}

.RegisterPodStatusActive {width:40px; vertical-align:-5px; text-align:center; color:#797979;}
.RegisterPodStatusHidden {width:40px; vertical-align:-5px; text-align:center; color:white;}
.RegisterPodStatusOK {width:40px; vertical-align:-5px; text-align:center; color:green;}
.RegisterPodStatusError {width:40px; vertical-align:-5px; text-align:center; color:red;}

.RegisterPodInputDivider {height:10px;}

.RegisterPodTermNotes
{
 width:330px;
 height:35px;
 float:left;
 margin:5px 0 7px 20px;
 padding-top:4px;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:black;
 border:0px solid green;
}

.RegisterPodTermCheckbox {width:30px; height:30px; vertical-align:-10px;}

.RegisterPodWarning
{
 width:440px;
 height:35px;
 float:left;
 margin:5px 0 0 20px;
 padding-top:10px;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:red;
 border:0px solid green;
}

.RegisterPodWarning2
{
 width:330px;
 height:35px;
 float:left;
 margin:5px 0 0 20px;
 padding-top:10px;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:red;
 border:0px solid green;
}

.RegisterPodBtnContainer {float:right; padding:5px 8px 0 0;}

.RegisterPodFooterNotes {width:570px; margin:22px 0 0 0; font-family:raleway,arial,helvetica; font-size:10pt;}
.RegisterPodFooterNotes A {color:black; text-decoration:underline;}
.RegisterPodFooterNotes A:hover {color:red;}

.RegisterPodFooterNotes2 {width:570px; margin:12px 0 0 0; font-family:raleway,arial,helvetica; font-size:10pt;}


/* ----- Forgot Pwd Page ---- */

.ForgotPwdContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:620px;
 height:520px;
 border:0px solid red; 
}

.ForgotPwdPod
{
 position:relative;
 width:570px;
 height:400px;
 margin:20px 0 75px 140px;
 padding:7px 5px 0 0;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:black;
}

.ForgotPwdPodContentFrame {width:560px; padding:4px; border:0px solid red;}

.ForgotPwdPodCharacter
{
 position:absolute;
 top:50px;
 left:-210px;
 margin:10px auto 30px auto;
 padding:7px 10px 0 10px;
 z-index:1;
}

.ForgotPwdPodCharacterShadow
{
 position:absolute;
 top:420px;
 left:-130px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.ForgotPwdPodTitle
{
 text-align:left;
 padding:8px 0px 4px 20px;
}

.ForgotPwdPodText
{
 width:520px;
 padding:4px 20px 4px 20px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 text-align:justify; 
 border:0px solid purple;
}

.ForgotPwdPodText2
{
 width:520px;
 padding:8px 20px 4px 20px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 text-align:center; 
 border:0px solid purple;
}

.ForgotPwdPodInputContainer
{
 width:520px;
 height:50px;
 padding:4px 6px 4px 6px;
 margin:0 auto 0 20px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.ForgotPwdPodInput
{
 width:460px;
 height:40px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.ForgotPwdPodInputBig
{
 width:460px;
 height:40px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ForgotPwdPodCode
{
 width:20px;
 height:50px;
 border:0;
 background:white;
 text-align:center;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:24pt;
 font-weight:bold;
 outline:none;
}

.ForgotPwdPodStatusActive {width:40px; vertical-align:-5px; text-align:center; color:#797979;}
.ForgotPwdPodStatusHidden {width:40px; vertical-align:-5px; text-align:center; color:white;}
.ForgotPwdPodStatusOK {width:40px; vertical-align:-5px; text-align:center; color:green;}
.ForgotPwdPodStatusError {width:40px; vertical-align:-5px; text-align:center; color:red;}

.ForgotPwdPodInputDivider {height:10px;}

.ForgotPwdPodWarning
{
 width:320px;
 height:35px;
 float:left;
 margin:5px 0 0 20px;
 padding-top:12px;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:red;
 border:0px solid green;
}

.ForgotPwdPodBtnContainer {float:right; padding:5px 8px 0 0;}

.ForgotPwdPodFooterNotes {width:570px; margin:22px 0 0 0; font-family:raleway,arial,helvetica; font-size:10pt;}
.ForgotPwdPodFooterNotes A {color:black; text-decoration:underline;}
.ForgotPwdPodFooterNotes A:hover {color:red;}

.ForgotPwdPodFooterNotes2 {width:570px; margin:12px 0 0 0; font-family:raleway,arial,helvetica; font-size:10pt;}


/* ----- Main Menu Page ---- */

.WMMenuContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:850px; 
}

.WMMenuPod
{
 position:relative;
 width:800px;
 margin:30px 0 40px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.WMMenuPodContentFrame {width:795px; padding:4px;}

.WMMenuPodTitle
{
 text-align:left;
 padding:8px 0px 4px 7px;
}

.WMMenuPodListContainer
{
 float:left;
 display:inline-block;
 width:772px;
 height:106px;
 padding:4px;
 margin:0 0 10px 7px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.WMMenuPodListBlock {width:100%;}
.WMMenuPodListDetails {width:76%; text-align:left;}
.WMMenuPodListPlayers {width:12%; text-align:center;}
.WMMenuPodListBtn {width:12%; text-align:center;}

.WWMenuLocation
{
 display:inline-block;
 width:40%;
 height:35px;
 padding:20px 0 0 8px;
 vertical-align:top;
 font-family:raleway;
 font-size:20pt;
 font-weight:bold;
 color:#2F2F2F;
}

.WWMenuLocation2
{
 display:inline-block;
 width:40%;
 height:35px;
 padding:34px 0 0 8px;
 vertical-align:top;
 font-family:raleway;
 font-size:20pt;
 font-weight:bold;
 color:#2F2F2F;
}

.WWMenuStartDate
{
 display:inline-block;
 width:40%;
 height:35px;
 padding:20px 0 0 5px;
 vertical-align:top;
 text-align:center;
 font-family:raleway;
 font-size:20pt;
 font-weight:bold;
 color:#2F2F2F;
}

.WWMenuPlayersBtn
{
 display:inline-block;
 margin:0;
 padding:8px 12px 6px 12px;
 background:-webkit-linear-gradient(#0095e0 40%,#007bb8);
 background:linear-gradient(#0095e0 40%,#007bb8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095e0',endColorstr='#007bb8',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #005e8a;
 text-align:center;
 text-shadow:0px 1px 4px #006b9f;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
 cursor:pointer;
}

.WMMenuPodListNote
{
 display:inline-block;
 width:100%;
 height:35px;
 padding:30px 0 0 5px;
 vertical-align:top;
 text-align:center;
 font-family:raleway;
 font-size:20pt;
 font-weight:bold;
 color:#2F2F2F;
 border:0px solid red;
}

.WMMenuPodInputDivider {height:10px;}

.WMMenuPodBtnContainer {float:right; padding:10px 0 0 0;}


/* ----- My Account Page ---- */

.MyAccContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:620px;
 height:680px;
 border:0px solid red; 
}

.MyAccPod
{
 position:relative;
 width:570px;
 height:570px;
 margin:20px 0 180px 140px;
 padding:7px 5px 0 0;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:black;
}

.MyAccPodContentFrame {width:560px; padding:4px; border:0px solid red;}

.MyAccPodCharacter
{
 position:absolute;
 top:200px;
 left:-210px;
 margin:10px auto 30px auto;
 padding:7px 10px 0 10px;
 z-index:1;
}

.MyAccPodCharacterShadow
{
 position:absolute;
 top:570px;
 left:-130px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.MyAccPodTitle
{
 text-align:left;
 padding:8px 0px 4px 20px;
}

.MyAccPodInputSmallContainer
{
 width:380px;
 height:50px;
 padding:4px 6px 4px 6px;
 margin:0 auto 0 auto;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.MyAccPodInputSmall
{
 width:320px;
 height:40px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.MyAccPodInputContainer
{
 width:520px;
 height:50px;
 padding:4px 6px 4px 6px;
 margin:0 auto 0 20px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.MyAccPodInputBig
{
 width:460px;
 height:40px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.MyAccPodMenu
{
 width:480px;
 height:50px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.MyAccPodStatusActive {width:40px; vertical-align:-5px; text-align:center; color:#797979;}
.MyAccPodStatusHidden {width:40px; vertical-align:-5px; text-align:center; color:white;}
.MyAccPodStatusOK {width:40px; vertical-align:-5px; text-align:center; color:green;}
.MyAccPodStatusError {width:40px; vertical-align:-5px; text-align:center; color:red;}

.MyAccPodInputDivider {height:10px;}

.MyAccPodWarning
{
 width:350px;
 height:35px;
 float:left;
 margin:5px 0 0 20px;
 padding-top:10px;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:red;
 border:0px solid green;
}

.MyAccPodBtnContainer {float:right; padding:5px 8px 0 0;}

.MyAccPodOverlay
{
 visibility:hidden;
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 background-color:rgba(0,0,0,0.5);
 overflow:hidden;
 z-index:10;
}

.MyAccPodModal
{
 position:absolute;
 width:450px;
 height:150px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-105px;
 margin-left:-225px;
 padding:4px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 -webkit-animation-duration:1s; 
 animation-duration:1s; 
 -webkit-animation-fill-mode both; 
 animation-fill-mode:both;
 -webkit-animation-name: bounceInDown; 
 animation-name: bounceInDown;
 z-index:11;
}

.MyAccPodModalHeader
{
 width:384px;
 height:28px;
 margin:0;
 padding:6px 2px 0px 14px;
 border-radius:10px 10px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid blue;
}

.MyAccPodModalText
{
 margin:10px 10px 0 10px;
 min-height:30px;
 padding:4px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid blue;
}

.MyAccPodModalBtns
{
 float:right;
 margin:10px 30px 0 10px;
 border:0px solid purple;
}


/* ----- My Achievements ---- */

.MyAchvmtsContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:620px;
 height:700px;
}

.MyAchvmtsPod
{
 position:relative;
 width:570px;
 height:640px;
 margin:10px 0 50px 140px;
 padding:7px 5px 0 0;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:black;
}

.MyAchvmtsPodContentFrame {width:560px; padding:4px; border:0px solid red;}

.MyAchvmtsPodTitle {text-align:left; padding:8px 0px 4px 20px;}

.MyAchvmtsBtn
{
 display:inline-block;
 padding:5px 6px 4px 6px;
 background:-webkit-linear-gradient(#0095e0 40%,#007bb8);
 background:linear-gradient(#0095e0 40%,#007bb8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095e0',endColorstr='#007bb8',GradientType=0);
 border-radius:10px;
 border-bottom:2px solid #005e8a;
 vertical-align:top;
 text-align:center;
 letter-spacing:1px;
 text-shadow: 0px 1px 4px #006b9f;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
}

.MyAchvmtsBtn A {color:white; text-decoration:none;}

.MyAchvmtsBtn A:hover {color:orange; cursor:pointer;}

.MyAchvmtsBtnFooter {text-align:center; margin:4px auto 0 auto;}

.MyAchvmtsPodHeading
{
 width:575px;
 background-color:#2F2F2F;
 text-align:center;
 padding:4px 0 4px 0; 
 font-family:raleway;
 font-size:18pt;
 color:white;
}

.MyAchvmtsPodSubHeading
{
 text-align:center;
 padding-top:2px;
 font-family:raleway;
 font-size:18pt;
}

.MyAchvmtsPodMenu
{
 margin-bottom:5px;
 background:transparent;
 outline:none;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:white;
}

.MyAchvmtsPodMenu Option {background-color:#2F2F2F;}

.MyAchvmtsCircleContainer {display:inline-block; width:40%; text-align:center;}
.MyAchvmtsCircleContainer2 {display:inline-block; text-align:center; margin-right:10px;}
.MyAchvmtsCircleContainer3 {display:inline-block; text-align:center;}

.MyAchvmtsOuterCircle
{
 width:140px;
 height:140px;
 border-radius:140px;
 margin:15px auto 10px auto; 
 background-color:white;
}

.MyAchvmtsInnerCircle
{
 text-align:center;
 padding-top:20px; 
 font-family:riffic_mediumbold;
 font-size:36pt;
}

.MyAchvmtsCircleText
{
 text-align:center;
 padding-top:30px; 
 font-family:riffic_mediumbold;
 font-size:48pt;
}

.MyAchvmtsOuterCircle2
{
 width:100px;
 height:100px;
 border-radius:100px;
 margin:15px auto 10px auto; 
 background-color:white;
 border:14px solid #F6BF00;
}

.MyAchvmtsInnerCircle2
{
 text-align:center;
 padding-top:20px; 
 font-family:riffic_mediumbold;
 font-size:36pt;
}

.MyAchvmtsCircleText2
{
 text-align:center;
 padding-top:2px;
 font-family:raleway;
 font-size:18pt; 
}

.MyAchvmtsDefaultBorder {border:14px solid #2F2F2F;}
.MyAchvmtsEasyBorder {border:14px solid green;}
.MyAchvmtsMediumBorder {border:14px solid blue;}
.MyAchvmtsHardBorder {border:14px solid purple;}
.MyAchvmtsSpecialBorder {border:14px solid #F6BF00;}

.MyAchvmtsDefaultColour {color:#2F2F2F;}
.MyAchvmtsEasyColour {color:green;}
.MyAchvmtsMediumColour {color:blue;}
.MyAchvmtsHardColour {color:purple;}
.MyAchvmtsSpecialColour {color:#F6BF00;}

.MyAchvmtsDetailsContainer {width:90%; margin:0 auto 0 auto;}
.MyAchvmtsDetailsCellA {width:50%;}
.MyAchvmtsDetailsCellB {width:50%;}

.MyAchvmtsDetailsText
{
 display:inline-block;
 height:140px;
 padding:40px 0 0 10px;
 text-align:center; 
 vertical-align:middle;
 font-family:raleway;
 font-size:28pt;
 font-weight:bold;
 color:#2F2F2F;
}

.MyAchvmtsTimeTaken {width:200px; margin:0 auto 0 auto; font-size:18pt;}


.MyAchvmtsDetailsNote
{
 width:100%;
 height:140px;
 padding:40px 0 0 10px;
 text-align:center;
 vertical-align:middle;
 font-family:raleway;
 font-size:18pt;
 font-weight:bold;
 color:#2F2F2F;
}

.MyAchvmtsPodCharacter
{
 position:absolute;
 top:260px;
 left:-210px;
 margin:10px auto 30px auto;
 padding:7px 10px 0 10px;
 z-index:1;
}

.MyAchvmtsPodCharacterShadow
{
 position:absolute;
 top:630px;
 left:-130px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.MyAchvmtsPodInputDivider {height:10px;}


/* Play Wanderlists */

.WPodContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:850px;
 border:0px solid red; 
}

.WPod
{
 position:relative;
 width:800px;
 margin:30px 0 60px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.WPod2
{
 position:relative;
 width:450px;
 height:325px;
 margin:30px auto 60px auto;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.WPodContentFrame {width:98%; margin:10px 5px 5px 5px;}

.WPodTitle {text-align:left; padding:8px 0px 4px 0px;}

.WPodPlaceNavBar
{
 padding-bottom:3px;
 font-family:raleway,arial,helvetica;
 font-weight:bold;
 text-align:left;
 color:#2F2F2F;
}

.WPodListHeader {width:100%;}
.WPodListHeaderA {padding:10px; vertical-align:middle; text-align:left; font-size:18pt; color:#2F2F2F;}
.WPodListHeaderB {padding:10px; vertical-align:middle; text-align:right;}

.WPodListDataA {width:50%; padding:10px; vertical-align:middle; text-align:center;}
.WPodListDataB {width:0%; vertical-align:middle; text-align:center;}
.WPodListDataC {width:50%; padding:10px; vertical-align:middle; text-align:center;}

.WPodMap {position:absolute; width:100%; height:400px;}

.WPodList {position:absolute; width:100%; height:400px; overflow-y:auto;}

.WPodWListKey {font-family:raleway,arial,helvetica; font-weight:bold; text-align:left; color:#2F2F2F;}
.WPodWListKeyIcons {vertical-align:middle;}

.WPodLocation
{
 margin:10px 0 30px 0;
 font-family:raleway,arial,helvetica;
 font-weight:bold;
 font-size:16pt;
 color:black;
}

.WPodInputDivider {height:10px;}
.WPodInputDivider2 {height:0px;}

.WPodDeviceCheckModal
{
 position:absolute;
 width:500px;
 height:520px;
 position:fixed;
 top:25px; 
 left:50%;
 /* margin-top:-150px; */
 margin-left:-250px;
 padding:4px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 -webkit-animation-duration:1s; 
 animation-duration:1s; 
 -webkit-animation-fill-mode both; 
 animation-fill-mode:both;
 -webkit-animation-name: zoomInDown; 
 animation-name: zoomInDown;
 z-index:11;
}

.WPodDeviceTitle
{
 margin-bottom:5px;
 text-align:center;
 font-family:riffic_mediumbold,raleway,arial,helvetica;
 font-weight:bold;
 font-size:14pt;
}

.WPodDeviceText
{
 margin-bottom:7px;
 text-align:justify;
 font-family:raleway,arial,helvetica;
 font-weight:normal;
 font-size:11pt;
}

.WPodDeviceContainer {widith:100%;}

.WPodDeviceMap
{
 width:470px;
 height:250px;
 margin:0 auto 0 auto;
 border:1px solid #2F2F2F;
}

.WPodDeviceWarning
{
 width:470px;
 height:20px;
 margin:6px auto 0 auto;
 text-align:center;
 font-family:raleway;
 font-weight:bold;
 font-size:12pt;
 color:red;
 border:0px solid red;
}

.WPodChallStatusCircle
{
 position:absolute;
 top:-25px;
 left:-25px;
 width:70px;
 height:70px;
 border-radius:70px;
 box-shadow:0px 2px 10px #2F2F2F;
 background:linear-gradient(#F5F5F5 40%,#DFDFDF); 
 text-align:center;
 cursor:pointer;
}

.WPodChallStatusIcon {margin:15px auto 0 auto; font-size:26pt; color:#2F2F2F;}

.WPodChallTableContainer
{
 width:455px;
 border-collapse:separate;
 border-spacing:5px;
 margin:0 0 0 0;
}

.WPodChallTableTitle
{
 padding:6px;
 text-align:center;
 font-family:raleway;
 font-weight:bold;
 font-size:14pt;
}

.WPodChallTableHeadingRow {background-color:#b0b0b0;}

.WPodChallTableHeadingPos
{
 width:8%;
 border-radius:8px 0 0 8px;
 padding:6px;
 font-family:raleway;
 font-size:11pt;
}

.WPodChallTableHeadingName
{
 width:42%;
 padding:6px;
 text-align:left;
 font-family:raleway;
 font-size:11pt;
}

.WPodChallTableHeadingPuzzle
{
 width:15%;
 padding:6px;
 font-family:raleway;
 font-size:11pt;
}

.WPodChallTableHeadingComplete
{
 width:35%;
 border-radius:0 8px 8px 0;
 padding:6px;
 font-family:raleway;
 font-size:11pt;
}

.WPodChallTableDataBox
{
 height:300px;
 overflow-y:auto;
 overflow-x:none;
 border:0px solid red;
}

.WPodChallTableDataContainer
{
 width:455px;
 border-collapse:separate;
 border-spacing:5px;
 margin:0 0 0 0;
}

.WPodChallTableDataRow {background-color:#c0c0c0;}

.WPodChallTableDataPos
{
 width:8%;
 border-radius:8px 0 0 8px;
 padding:6px;
 font-family:raleway;
 font-size:11pt;
}

.WPodChallTableDataName
{
 width:42%;
 padding:6px;
 text-align:left;
 font-family:raleway;
 font-size:11pt;
}

.WPodChallTableDataPuzzle
{
 width:15%;
 padding:6px;
 font-family:raleway;
 font-size:11pt;
}

.WPodChallTableDataComplete
{
 width:35%;
 border-radius:0 8px 8px 0;
 padding:6px;
 font-family:raleway;
 font-size:11pt;
}

.WPodPuzzleStatus
{
 width:400px;
 margin:0 auto 15px auto;
 text-align:right;
 font-family:raleway,arial,helvetica;
 font-weight:bold;
 font-size:10pt;
 color:#2F2F2F;
}

.WPodPuzzleContainer
{
 width:400px;
 height:240px;
 margin:0 auto 15px auto;
 vertical-align:middle;
 text-align:center;
 font-family:riffic_mediumbold,raleway,arial,helvetica;
 font-size:18pt;
 color:#2F2F2F;
 border:0px solid green;
}

.WPodPuzzleContainer IMG {border-radius:8px;}

.WPodPuzzleContainer2
{
 width:400px;
 height:200px;
 margin:0 auto 45px auto;
 vertical-align:middle;
 text-align:center;
 font-family:riffic_mediumbold,raleway,arial,helvetica;
 font-size:18pt;
 color:#2F2F2F;
 border:0px solid green;
}

.WPodOverlay
{
 visibility:hidden;
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 background-color:rgba(0,0,0,0.5);
 overflow:hidden;
 z-index:10;
}

.WPodChallStatusModal
{
 position:absolute;
 width:500px;
 height:450px;
 position:fixed;
 top:25px; 
 left:50%;
 /* margin-top:-150px; */
 margin-left:-250px;
 padding:4px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 -webkit-animation-duration:1s; 
 animation-duration:1s; 
 -webkit-animation-fill-mode both; 
 animation-fill-mode:both;
 -webkit-animation-name: zoomInDown; 
 animation-name: zoomInDown;
 z-index:11;
}

.WPodSuccessModal
{
 position:absolute;
 width:300px;
 height:203px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-105px;
 margin-left:-150px;
 padding:4px;
 background:-webkit-linear-gradient(#33D200 40%,#37C100);
 background:linear-gradient(#33D200 40%,#37C100);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33D200',endColorstr='#37C100',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #43AF00;
 box-shadow:0px 2px 10px #2F2F2F;
 -webkit-animation-duration:1s; 
 animation-duration:1s; 
 -webkit-animation-fill-mode both; 
 animation-fill-mode:both;
 -webkit-animation-name: zoomInDown; 
 animation-name: zoomInDown;
 z-index:11;
}

.WPodSuccessContainer {width:100%;}
.WPodSuccessCellA {margin:0; padding:0; vertical-align:top;}
.WPodSuccessCellB {vertical-align:top;}

.WPodSuccessImgContainer
{
 position:relative;
 margin:0;
 padding:0;
 width:90px;
 border:0px solid yellow;
}

.WPodSuccessImg {position:absolute; z-index:4; border:0px solid red;}

.WPodSuccessSymbol
{
 z-index:5;
 width:64px;
 height:54px;
 border-radius:64px;
 margin:5px auto 10px auto;
 padding-top:8px;
 text-align:center;
 background-color:#37C100;
 color:white;
}

.WPodSuccessText
{
 width:150px;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:28pt;
 color:white;
 border:0px solid purple;
}

.WPodBaggedModal
{
 position:absolute;
 width:430px;
 height:253px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-126px;
 margin-left:-215px;
 padding:4px;
 background:-webkit-linear-gradient(#33D200 40%,#37C100);
 background:linear-gradient(#33D200 40%,#37C100);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33D200',endColorstr='#37C100',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #43AF00;
 box-shadow:0px 2px 10px #2F2F2F;
 -webkit-animation-duration:1s; 
 animation-duration:1s; 
 -webkit-animation-fill-mode both; 
 animation-fill-mode:both;
 -webkit-animation-name: zoomInDown; 
 animation-name: zoomInDown;
 z-index:11;
}

.WPodBaggedContainer {width:400px;}
.WPodBaggedCellA {margin:0; padding:0; vertical-align:top;}
.WPodBaggedCellB {vertical-align:top;}

.WPodBaggedImgContainer
{
 position:relative;
 margin:0;
 padding:0;
 width:140px;
 border:0px solid yellow;
}

.WPodBaggedImgContainer2
{
 position:relative;
 margin:0 auto 0 10px;
 padding:0;
 width:140px;
 border:0px solid yellow;
}

.WPodBaggedCoin {position:absolute; left:40px; z-index:4; border:0px solid red;}

.WPodBaggedCoin2 {position:absolute; left:30px; z-index:4; border:0px solid red;}

.WPodBaggedImg {position:absolute; top:80px; z-index:5; border:0px solid red;}

.WPodBaggedImg2 {position:absolute; top:70px; z-index:5; border:0px solid red;}

.WPodBaggedSymbol
{
 z-index:5;
 width:64px;
 height:54px;
 border-radius:64px;
 margin:5px auto 10px auto;
 padding-top:8px;
 text-align:center;
 background-color:#37C100;
 color:white;
}

.WPodBaggedText
{
 width:250px;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:28pt;
 letter-spacing:1px;
 color:white;
 border:0px solid yellow;
}

.WPodBaggedText2
{
 width:250px;
 margin-top:80px;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:20pt;
 letter-spacing:1px;
 color:#2F2F2F;
 border:0px solid yellow;
}

.WPodCoinAnim
{
 animation:coinmove 2s;
 animation-iteration-count:4;
}

@keyframes coinmove {
 from {top: 0px;}
 to {top: 120px;}
}

.WPodCoinAnim2
{
 animation:coinmove2 2s;
 animation-iteration-count:4;
}

@keyframes coinmove2 {
 from {top: 0px;}
 to {top: 110px;}
}

.WPodFailedModal
{
 position:absolute;
 width:300px;
 height:203px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-105px;
 margin-left:-150px;
 padding:4px;
 background:-webkit-linear-gradient(#B42C21 40%,#8C221A);
 background:linear-gradient(#B42C21 40%,#8C221A);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B42C21',endColorstr='#8C221A',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #781D16;
 box-shadow:0px 2px 10px #2F2F2F;
 -webkit-animation-duration:1s; 
 animation-duration:1s; 
 -webkit-animation-fill-mode both; 
 animation-fill-mode:both;
 -webkit-animation-name: zoomInDown; 
 animation-name: zoomInDown;
 z-index:11;
}

.WPodFailedContainer {width:100%;}
.WPodFailedCellA {margin:0; padding:0; vertical-align:top;}
.WPodFailedCellB {vertical-align:top;}

.WPodFailedImgContainer
{
 position:relative;
 margin:0;
 padding:0;
 width:90px;
 border:0px solid yellow;
}

.WPodFailedImg {position:absolute; z-index:4; border:0px solid red;}

.WPodFailedSymbol
{
 z-index:5;
 width:64px;
 height:54px;
 border-radius:64px;
 margin:5px auto 10px auto;
 padding-top:8px;
 text-align:center;
 background-color:#8C221A;
 color:white;
}

.WPodFailedText
{
 width:100%;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:28pt;
 color:white;
 border:0px solid purple;
}

.WPodNoInetModal
{
 position:absolute;
 width:330px;
 height:250px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-105px;
 margin-left:-150px;
 padding:4px;
 background:-webkit-linear-gradient(#EFCE04 40%,#E1C004);
 background:linear-gradient(#EFCE04 40%,#E1C004);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFCE04',endColorstr='#E1C004',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #D3B503;
 box-shadow:0px 2px 10px #2F2F2F;
 -webkit-animation-duration:1s; 
 animation-duration:1s; 
 -webkit-animation-fill-mode both; 
 animation-fill-mode:both;
 -webkit-animation-name: zoomInDown; 
 animation-name: zoomInDown;
 z-index:11;
}

.WPodNoInetContainer {width:100%;}
.WPodNoInetCellA {margin:0; padding:0; vertical-align:top;}
.WPodNoInetCellB {vertical-align:top;}

.WPodNoInetImgContainer
{
 position:relative;
 margin:0;
 padding:0;
 width:90px;
 border:0px solid yellow;
}

.WPodNoInetImg {position:absolute; z-index:4; border:0px solid red;}

.WPodNoInetSymbol
{
 z-index:5;
 width:64px;
 height:48px;
 border-radius:64px;
 margin:5px auto 10px auto;
 padding-top:14px;
 text-align:center;
 background-color:#E1C004;
 color:white;
}

.WPodNoInetText
{
 width:210px;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:28pt;
 color:white;
 border:0px solid purple;
}

.WPodModalHeader
{
 width:384px;
 height:28px;
 margin:0;
 padding:6px 2px 0px 14px;
 border-radius:10px 10px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid blue;
}

.WPodModalText
{
 margin:10px 10px 0 10px;
 min-height:30px;
 padding:4px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid blue;
}

.WPodModalBtns
{
 float:right;
 margin:10px 20px 0 10px;
 border:0px solid purple;
}


/* ----- WanderChallenges ---- */

.WCContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:850px;
 border:0px solid red; 
}

.WCContainer2
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:620px;
 height:500px;
 border:0px solid red; 
}

.WCContainer3
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:620px;
 height:620px;
 border:0px solid red; 
}

.WCPod
{
 position:relative;
 width:800px;
 margin:20px 0 30px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.WCPod2
{
 position:relative;
 width:800px;
 margin:30px 0 220px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.WCPodJoin
{
 position:relative;
 width:570px;
 height:400px;
 margin:20px 0 180px 140px;
 padding:7px 5px 0 0;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:black;
}

.WCPodCreate
{
 position:relative;
 width:570px;
 height:540px;
 margin:20px 0 140px 140px;
 padding:7px 5px 0 0;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:black;
}

.WCPodContentFrame {width:560px; margin:8px; padding:4px; border:0px solid red;}

.WCPodCharacter
{
 position:absolute;
 top:80px;
 left:-210px;
 margin:10px auto 30px auto;
 padding:7px 10px 0 10px;
 z-index:1;
}

.WCPodCharacterShadow
{
 position:absolute;
 top:450px;
 left:-130px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.WCPodCharacter2
{
 position:absolute;
 top:160px;
 left:-210px;
 margin:10px auto 30px auto;
 padding:7px 10px 0 10px;
 z-index:1;
}

.WCPodCharacterShadow2
{
 position:absolute;
 top:530px;
 left:-130px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.WCPodTitle
{
 text-align:left;
 padding:8px 0px 4px 7px;
}

.WCPodText
{
 padding:8px 8px 4px 8px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 text-align:justify; 
 border:0px solid purple;
}

.WCPodListKey
{
 padding-left:6px;
 font-family:raleway,arial,helvetica;
 font-weight:bold;
 text-align:left;
 color:#2F2F2F;
}

.WCPodListKeyIcons {vertical-align:middle;}

.WCPodWarning
{
 height:45px;
 color:red;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 font-weight:bold;
 text-align:center; 
 border:0px solid purple;
}

.WCPodWarning2
{
 width:270px;
 padding:8px 0 0 8px;
 color:red;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 font-weight:bold;
 text-align:left; 
 border:0px solid purple;
}

.WCPodChallengeName
{
 width:100%;
 text-align:center; 
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:24pt;
 color:black;
}

.WCPodChallengeDate
{
 width:100%;
 margin-top:5px;
 text-align:center; 
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:24pt;
 color:black;
 border:0px solid purple;
}

.WCPodChallengeOwner
{
 text-align:center; 
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:black;
 border:0px solid purple;
}

.WCPodChallengeCode
{
 width:100%;
 text-align:center; 
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:36pt;
 color:black;
 border:0px solid purple;
}

.WCPodChallengeCopyNote
{
 margin-top:5px;
 height:25px;
 font-size:11pt;
 color:green;
}

.WCPodInputContainer
{
 width:340px;
 height:50px;
 padding:4px 6px 4px 6px;
 margin:0 auto 0 auto;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.WCPodInputContainer2
{
 height:50px;
 padding:4px 6px 4px 6px;
 margin:0 auto 0 auto;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.WCPodInput
{
 width:260px;
 height:40px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.WCPodInput2
{
 height:40px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.WCPodInputBig
{
 width:280px;
 height:40px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:36pt;
 font-weight:bold;
 outline:none;
}

.WCPodInputBig2
{
 width:280px;
 height:40px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:24pt;
 font-weight:bold;
 outline:none;
}

.WCPodInputDivider {height:10px;}

.WCPodBtnContainer {float:right; padding:10px 0 0 0;}

.WCBtn
{
 display:inline-block;
 margin:0;
 padding:8px 12px 6px 12px;
 background:-webkit-linear-gradient(#434343 40%,#2F2F2F);
 background:linear-gradient(#434343 40%,#2F2F2F);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343',endColorstr='#2F2F2F',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid black;
 text-align:center;
 text-shadow:0px 1px 4px black;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
 cursor:pointer;
}

.WCBtn:hover {color:#A4FF82;}

.WCListMainContainer {width:100%;}

.WCListContainer {width:100%; margin-top:10px;}

.WCListCoinContainer {width:10%; text-align:left; vertical-align:middle;}

.WCListLocationContainer {width:30%; text-align:left;}

.WCListLocation
{
 display:inline-block;
 padding:10px 0 0 8px;
 font-family:raleway;
 font-size:20pt;
 font-weight:bold;
 color:#2F2F2F;
 border:0px solid red;
}

.WCListStartDateContainer {width:35%; text-align:left;}

.WCListStartDate
{
 display:inline-block;
 padding:10px 0 0 8px;
 text-align:center;
 font-family:raleway;
 font-size:20pt;
 font-weight:bold;
 color:#2F2F2F;
 border:0px solid red;
}

.WCListPlayBtnContainer {width:10%;}

.WCListPlayBtnBox {margin-top:6px;}

.WCListPlayBtn {height:40px;}

.WCListPlayBtnPad {display:inline-block; padding-top:10px;}

.WCListPlayerBtnContainer {width:15%; vertical-align:middle; padding-top:5px;}

.WCListPlayerBtnBox {height:57px; vertical-align:middle;}

.WCListPlayerBtn {font-family:raleway; font-size:15pt; font-weight:bold;}

.WCListInfoBtnContainer {width:10%; padding-top:7px;}

.WCListInfoBtn {height:40px;}

.WCListNotesContainer {width:100%; height:80px; text-align:left; vertical-align:middle;}

.WCListNotes
{
 text-align:center;
 vertical-align:middle;
 font-family:raleway;
 font-size:18pt;
 font-weight:bold;
 color:#2F2F2F;
}

.WCDetailsMainContainer
{
 width:100%;
 height:100px;
 margin:10px 0 10px 0;
 border-radius:10px;
 background-color:#cecece;
 color:#2F2F2F;
}

.WCDetailsMainCell {width:50%;}

.WCDetailsHeaderContainer {width:100%;}

.WCDetailsHeaderPad
{
 width:10%;
 padding:8px;
 text-align:left;
 font-family:raleway;
 font-size:11pt;
}

.WCDetailsCreatorPrompt
{
 width:33%;
 padding:8px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WCDetailsCreator
{
 width:67%;
 padding:8px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WCDetailsStartDatePrompt
{
 width:33%;
 padding:8px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WCDetailsStartDateContainer
{
 width:67%;
 padding:8px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WCDetailsStartTimePrompt
{
 width:33%;
 padding:8px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WCDetailsStartTimeContainer
{
 width:67%;
 padding:8px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WCDetailsChallCodeContainer {width:50%; vertical-align:middle;}

.WCDetailsChallCodeBox {width:100%;}

.WCDetailsChallCodePrompt
{
 padding:8px;
 vertical-align:top;
 text-align:center;
 font-family:raleway;
 font-weight:bold;
 font-size:20pt;
}

.WCDetailsChallCopyCodeContainer {margin-top:5px;}

.WCDetailsCompetitorContainer
{
 width:75%;
 border-collapse:separate;
 border-spacing:5px;
 margin:0 auto 0 auto;
}

.WCDetailsCompetitorTitle
{
 padding:6px;
 text-align:center;
 font-family:raleway;
 font-weight:bold;
 font-size:14pt;
}

.WCDetailsCompetitorHeaderRow {background-color:#b0b0b0;}

.WCDetailsCompetitorHeaderName
{
 width:40%;
 border-radius:8px 0 0 8px;
 padding:6px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WCDetailsCompetitorHeaderCountry
{
 width:37%;
 padding:6px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WCDetailsCompetitorHeaderStatus
{
 width:23%;
 border-radius:0 8px 8px 0;
 padding:6px;
 font-family:raleway;
 font-size:12pt;
}

.WCDetailsCompetitorDataRow {background-color:#c0c0c0;}

.WCDetailsCompetitorDataName
{
 width:40%;
 border-radius:8px 0 0 8px;
 padding:6px;
 text-align:left;
 font-family:raleway;
 font-size:11pt;
}

.WCDetailsCompetitorDataCountry
{
 width:37%;
 padding:6px;
 text-align:left;
 font-family:raleway;
 font-size:11pt;
}

.WCDetailsCompetitorDataStatus
{
 width:23%;
 border-radius:0 8px 8px 0;
 padding:6px;
 font-family:raleway;
 font-size:11pt;
}

.WCDetailsBtnContainer
{
 width:40%;
 padding:20px 0 10px 0;
 text-align:right;
}

.WCDetailsWarningContainer
{
 width:60%;
 padding:20px 0 10px 10px;
 font-family:raleway;
 font-size:12pt;
 text-align:left;
 color:red;
}

.WCResultsMainContainer
{
 width:100%;
 height:100px;
 margin:10px 0 10px 0; 
 border-radius:10px;
 background-color:#cecece;
 color:#2F2F2F;
}

.WCResultsMainCell {width:50%;}

.WCResultsCreatorContainer {width:100%;}

.WCResultsCreatorPrompt
{
 width:10%;
 padding:8px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WCResultsCreator
{
 width:90%;
 padding:8px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WCResultsPad {width:50%; vertical-align:middle;}

.WCResultsTableContainer
{
 width:100%;
 border-collapse:separate;
 border-spacing:5px;
 margin:0 auto 0 auto;
 padding:0;
}

.WCResultsTableTitle
{
 padding:6px;
 text-align:center;
 font-family:raleway;
 font-weight:bold;
 font-size:14pt;
}

.WCResultsTableHeadingRow {background-color:#b0b0b0;}

.WCResultsTableHeadingPos
{
 width:8%;
 border-radius:8px 0 0 8px;
 padding:4px;
 font-family:raleway;
 font-size:11pt;
}

.WCResultsTableHeadingName
{
 width:42%;
 padding:4px;
 text-align:left;
 font-family:raleway;
 font-size:11pt;
}

.WCResultsTableHeadingPuzzle
{
 width:15%;
 padding:4px;
 font-family:raleway;
 font-size:11pt;
}

.WCResultsTableHeadingComplete
{
 width:35%;
 border-radius:0 8px 8px 0;
 padding:4px;
 font-family:raleway;
 font-size:11pt;
}

.WCResultsTableDataBox
{
 height:300px;
 padding:0;
 margin:0;
 overflow-y:auto;
 overflow-x:none;
 border:0px solid red;
}

.WCResultsTableDataContainer
{
 width:100%;
 border-collapse:separate;
 border-spacing:5px;
 margin:0 auto 0 auto;
}

.WCResultsTableDataRow {background-color:#c0c0c0;}

.WCResultsTableDataPos
{
 width:8%;
 border-radius:8px 0 0 8px;
 padding:4px;
 font-family:raleway;
 font-size:11pt;
}

.WCResultsTableDataName
{
 width:42%;
 padding:4px;
 text-align:left;
 font-family:raleway;
 font-size:11pt;
}

.WCResultsTableDataPuzzle
{
 width:15%;
 padding:4px;
 text-align:center;
 font-family:raleway;
 font-size:11pt;
}

.WCResultsTableDataComplete
{
 width:35%;
 border-radius:0 8px 8px 0;
 padding:4px;
 font-family:raleway;
 font-size:11pt;
}

.WCResultsTableNotesContainer
{
 padding:40px 6px 6px 6px;
 text-align:center;
 font-family:raleway;
 font-weight:bold;
 font-size:14pt;
}

.WCResultsTableNotes
{
 text-align:center;
 font-family:raleway;
 font-size:18pt;
 font-weight:bold;
 color:#2F2F2F;
}

.WCResultsWarningContainer
{
 width:50%;
 padding:20px 0 10px 10px;
}

.WCResultsBtnContainer
{
 width:50%;
 padding:20px 0 10px 0;
 text-align:right;
}


.WCPodOverlay
{
 visibility:hidden;
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 background-color:rgba(0,0,0,0.5);
 overflow:hidden;
 z-index:10;
}

.WCPodModal
{
 position:absolute;
 width:450px;
 height:110px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-55px;
 margin-left:-225px;
 padding:4px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 -webkit-animation-duration:1s; 
 animation-duration:1s; 
 -webkit-animation-fill-mode both; 
 animation-fill-mode:both;
 -webkit-animation-name: bounceInDown; 
 animation-name: bounceInDown;
 z-index:11;
}

.WCPodModalHeader
{
 width:384px;
 height:28px;
 margin:0;
 padding:6px 2px 0px 14px;
 border-radius:10px 10px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid blue;
}

.WCPodModalText
{
 margin:10px 10px 0 10px;
 min-height:30px;
 padding:4px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid blue;
}

.WCPodModalBtns
{
 float:right;
 margin:10px 20px 0 10px;
 border:0px solid purple;
}


/* ----- WanderGroups ---- */

.WGContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:850px;
 border:0px solid red; 
}

.WGContainer2
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:620px;
 height:500px;
 border:0px solid red; 
}

.WGPod
{
 position:relative;
 width:800px;
 margin:20px 0 30px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.WGPod2
{
 position:relative;
 width:800px;
 margin:30px 0 220px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.WGPodJoin
{
 position:relative;
 width:570px;
 height:360px;
 margin:20px 0 180px 140px;
 padding:7px 5px 0 0;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:black;
}

.WGPodCreate
{
 position:relative;
 width:570px;
 height:400px;
 margin:20px 0 180px 140px;
 padding:7px 5px 0 0;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:black;
}

.WGPodContentFrame {width:560px; margin:8px; padding:4px; border:0px solid red;}

.WGPodCharacter
{
 position:absolute;
 top:80px;
 left:-210px;
 margin:10px auto 30px auto;
 padding:7px 10px 0 10px;
 z-index:1;
}

.WGPodCharacterShadow
{
 position:absolute;
 top:450px;
 left:-130px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.WGPodTitle
{
 text-align:left;
 padding:8px 0px 4px 7px;
}

.WGPodText
{
 padding:8px 8px 4px 8px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 text-align:justify; 
 border:0px solid purple;
}

.WGPodWarning
{
 height:45px;
 color:red;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 font-weight:bold;
 text-align:center; 
 border:0px solid purple;
}

.WGPodGroupName
{
 width:100%;
 text-align:center; 
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:36pt;
 color:black;
 border:0px solid purple;
}

.WGPodGroupOwner
{
 text-align:center; 
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:black;
 border:0px solid purple;
}

.WGPodGroupCode
{
 width:100%;
 text-align:center; 
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:36pt;
 color:black;
 border:0px solid purple;
}

.WGPodGroupCopyNote
{
 margin-top:5px;
 height:25px;
 font-size:11pt;
 color:green;
}

.WGPodInputContainer
{
 width:340px;
 height:50px;
 padding:4px 6px 4px 6px;
 margin:0 auto 0 auto;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.WGPodInput
{
 width:260px;
 height:40px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.WGPodInputBig
{
 width:280px;
 height:40px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:36pt;
 font-weight:bold;
 outline:none;
}

.WGPodInputBig2
{
 width:280px;
 height:40px;
 border:0;
 background:white;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:24pt;
 font-weight:bold;
 outline:none;
}

.WGPodStatusActive {width:40px; vertical-align:middle; text-align:center; color:#797979;}
.WGPodStatusHidden {width:40px; vertical-align:middle; text-align:center; color:white;}
.WGPodStatusOK {width:40px; vertical-align:middle; text-align:center; color:green;}
.WGPodStatusError {width:40px; vertical-align:middle; text-align:center; color:red;}

.WGPodInputDivider {height:10px;}

.WGPodBtnContainer {float:right; padding:10px 0 0 0;}

.WGPodThankYou
{
 padding:5px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 text-align:left;
}

.WGBtn
{
 display:inline-block;
 margin:0;
 padding:8px 12px 6px 12px;
 background:-webkit-linear-gradient(#434343 40%,#2F2F2F);
 background:linear-gradient(#434343 40%,#2F2F2F);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343',endColorstr='#2F2F2F',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid black;
 text-align:center;
 text-shadow:0px 1px 4px black;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
 cursor:pointer;
}

.WGBtn:hover {color:#A4FF82;}

.WGPodOverlay
{
 visibility:hidden;
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 background-color:rgba(0,0,0,0.5);
 overflow:hidden;
 z-index:10;
}

.WGPodModal
{
 position:absolute;
 width:450px;
 height:110px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-55px;
 margin-left:-225px;
 padding:4px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 -webkit-animation-duration:1s; 
 animation-duration:1s; 
 -webkit-animation-fill-mode both; 
 animation-fill-mode:both;
 -webkit-animation-name: bounceInDown; 
 animation-name: bounceInDown;
 z-index:11;
}

.WGPodModalHeader
{
 width:384px;
 height:28px;
 margin:0;
 padding:6px 2px 0px 14px;
 border-radius:10px 10px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid blue;
}

.WGPodModalText
{
 margin:10px 10px 0 10px;
 min-height:30px;
 padding:4px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid blue;
}

.WGPodModalBtns
{
 float:right;
 margin:10px 20px 0 10px;
 border:0px solid purple;
}

.WGListMainContainer {width:100%;}

.WGListContainer {width:100%; margin-top:10px;}

.WGListNameContainer {width:75%; text-align:left; vertical-align:middle;}

.WGListName
{
 padding-left:8px;
 vertical-align:middle;
 font-family:raleway;
 font-size:20pt;
 font-weight:bold;
 color:#2F2F2F;
}

.WGListPlayerContainer {width:15%;}

.WGListPlayerBox {height:55px;}

.WGListPlayerBtn {font-family:raleway; font-size:15pt; font-weight:bold;}

.WGListInfoContainer {width:10%; padding-top:2px;}

.WGListInfoBtn {height:40px;}

.WGListNotesContainer {width:100%; height:80px; text-align:left; vertical-align:middle;}

.WGListNotes
{
 text-align:center;
 vertical-align:middle;
 font-family:raleway;
 font-size:18pt;
 font-weight:bold;
 color:#2F2F2F;
}

.WGDetailsMainContainer
{
 width:100%;
 height:100px;
 margin:10px 0 10px 0;
 border-radius:10px;
 background-color:#cecece;
 color:#2F2F2F;
}

.WGDetailsMainCell {width:50%; vertical-align:top;}

.WGDetailsMainCell2 {width:100%;}

.WGDetailsHeaderContainer {width:100%;}

.WGDetailsNamePrompt
{
 width:33%;
 padding:8px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WGDetailsNameInputContainer
{
 width:67%;
 padding:8px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WGDetailsNameInput {font-family:raleway; font-size:11pt;}

.WGDetailsCreatorPrompt
{
 width:33%;
 padding:8px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WGDetailsCreator
{
 width:67%;
 padding:8px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WGDetailsCodeContainer {width:100%;}

.WGDetailsCodePrompt
{
 padding:8px;
 text-align:center;
 font-family:raleway;
 font-weight:bold;
 font-size:20pt;
}

.WGDetailsCodeBox {margin-top:5px;}

.WGDetailsMembersContainer
{
 width:75%;
 border-collapse:separate;
 border-spacing:5px;
 margin:0 auto 0 auto;
}

.WGDetailsMembersTitle
{
 padding:6px;
 text-align:center;
 font-family:raleway;
 font-weight:bold;
 font-size:14pt;
}

.WGDetailsHeaderRow {background-color:#b0b0b0;}

.WGDetailsHeaderName
{
 width:40%;
 border-radius:8px 0 0 8px;
 padding:6px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WGDetailsHeaderCountry
{
 width:37%;
 padding:6px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WGDetailsHeaderStatus
{
 width:23%;
 border-radius:0 8px 8px 0;
 padding:6px;
 font-family:raleway;
 font-size:12pt;
}

.WGDetailsDataRow {background-color:#c0c0c0;}

.WGDetailsDataName
{
 width:40%;
 border-radius:8px 0 0 8px;
 padding:6px;
 text-align:left;
 font-family:raleway;
 font-size:12pt;
}

.WGDetailsDataCountry
{
 width:37%;
 padding:6px;
 font-family:raleway;
 font-size:12pt;
}

.WGDetailsDataStatus
{
 width:23%;
 border-radius:0 8px 8px 0;
 padding:6px;
 font-family:raleway;
 font-size:12pt;
}

.WGDetailsWarningContainer
{
 width:50%;
 padding:20px 0 10px 10px;
 font-family:raleway;
 font-size:12pt;
 text-align:left;
 color:red;
}

.WGDetailsBtnContainer
{
 width:50%;
 padding:20px 0 10px 0;
 text-align:right;
}


/* ----- WanderLeagues ---- */

.WLgContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:620px;
 height:520px;
 border:0px solid red; 
}

.WLgPod
{
 position:relative;
 width:570px;
 margin:5px auto 5px auto;
 padding:5px 5px 0 0;
 border-radius:10px;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:black;
}

.WLgPodHeader
{
 background:-webkit-linear-gradient(#0095e0 40%,#007bb8);
 background:linear-gradient(#0095e0 40%,#007bb8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095e0',endColorstr='#007bb8',GradientType=0);
 border-bottom:5px solid #005e8a;
}

.WLgPodTopSpot
{
 background:-webkit-linear-gradient(#bbbbbb 40%,#a6a6a6);
 background:linear-gradient(#bbbbbb 40%,#a6a6a6);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb',endColorstr='#a6a6a6',GradientType=0);
 border-bottom:5px solid #969696;
}

.WLgPodPlacings
{
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-bottom:5px solid #CFCFCF;
}

.WLgPodOthers
{
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-bottom:5px solid #CFCFCF;
}

.WLgPodUserPlace
{
 background:-webkit-linear-gradient(#FBBC00 40%,#ED9000);
 background:linear-gradient(#FBBC00 40%,#ED9000);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBBC00',endColorstr='#ED9000',GradientType=0);
 border-bottom:5px solid #C57B01;
}

.WLgTable {width:90%; margin:0 auto 0 auto;}

.WLgMenu
{
 background:transparent;
 outline:none;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:white;
}

.WLgMenu Option {background-color:#2F2F2F;}

.WLgHeading
{
 width:10%;
 padding:4px;
 text-align:center;
 font-family:raleway,arial,helvetica;
 font-weight:bold;
 font-size:12pt;
 color:white;
}

.WLgHeading2
{
 width:70%;
 padding:4px;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-weight:bold;
 font-size:12pt;
 color:white;
}

.WLgHeading3
{
 width:15%;
 padding:4px;
 text-align:right;
 font-family:raleway,arial,helvetica;
 font-weight:bold;
 font-size:12pt;
 color:white;
}

.WLgCell
{
 width:10%;
 padding:4px;
 text-align:center;
 font-family:raleway,arial,helvetica;
 font-weight:bold;
 font-size:12pt;
 color:black;
}

.WLgCell2
{
 width:65%;
 padding:4px;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-weight:bold;
 font-size:12pt;
 color:black;
}

.WLgCell3
{
 width:20%;
 padding:4px;
 text-align:right;
 font-family:raleway,arial,helvetica;
 font-weight:bold;
 font-size:12pt;
 color:black;
}

.WLgBtn
{
 display:inline-block;
 padding:5px 6px 4px 6px;
 background:-webkit-linear-gradient(#0095e0 40%,#007bb8);
 background:linear-gradient(#0095e0 40%,#007bb8);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095e0',endColorstr='#007bb8',GradientType=0);
 border-radius:10px;
 border-bottom:2px solid #005e8a;
 vertical-align:top;
 text-align:center;
 letter-spacing:1px;
 text-shadow: 0px 1px 4px #006b9f;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
}

.WLgBtn A {color:white; text-decoration:none;}

.WLgBtn A:hover {color:orange; cursor:pointer;}

.WLgBtn2
{
 display:inline-block;
 margin:0;
 padding:8px 12px 6px 12px;
 background:-webkit-linear-gradient(#434343 40%,#2F2F2F);
 background:linear-gradient(#434343 40%,#2F2F2F);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343',endColorstr='#2F2F2F',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid black;
 text-align:center;
 text-shadow:0px 1px 4px black;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
 cursor:pointer;
}

.WLgBtn2:hover {color:#A4FF82;}

.WLgPodCharacter
{
 position:absolute;
 top:260px;
 left:-210px;
 margin:10px auto 30px auto;
 padding:7px 10px 0 10px;
 z-index:1;
}

.WLgPodCharacterShadow
{
 position:absolute;
 top:630px;
 left:-130px;
 opacity:0.1;
 z-index:-1;
 border:0px solid blue;
}

.WLgPodTitle
{
 text-align:left;
 padding:8px 0px 4px 20px;
}

.WLgPodText
{
 width:520px;
 height:50px;
 padding:8px 20px 4px 20px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 text-align:justify; 
 border:0px solid purple;
}

.WLgPodText2
{
 width:520px;
 height:50px;
 padding:8px 20px 4px 20px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 text-align:center; 
 border:0px solid purple;
}

.WLgPodInputDivider {height:10px;}

.WLgPodWarning
{
 width:420px;
 height:35px;
 float:left;
 margin:15px 0 0 20px;
 vertical-align:middle;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:red;
 border:0px solid green;
}

.WLgPodBtnContainer {float:right; padding:5px 8px 0 0;}

.WLgPodFooterNotes {width:570px; margin:32px 0 0 0; font-family:raleway,arial,helvetica; font-size:10pt;}
.WLgPodFooterNotes A {color:black; text-decoration:underline;}
.WLgPodFooterNotes A:hover {color:red;}

.WLgPodFooterNotes2 {width:570px; margin:12px 0 0 0; font-family:raleway,arial,helvetica; font-size:10pt;}


/* ----- Shop ---- */

.ShopContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:850px;
 border:0px solid red; 
}

.ShopPod
{
 position:relative;
 width:835px;
 margin:30px 0 50px 0;
 padding:7px 10px 10px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.ShopPodContentFrame {width:830px; padding:4px; border:0px solid red;}

.ShopPodTitle
{
 text-align:left;
 padding:8px 0px 0px 7px;
 margin:0;
}

.ShopProductContainer
{
 margin:0 auto 0 auto;
 padding:0;
 border:0px solid purple;
}

.ShopProductFrame {width:830px; padding:4px; background-color:white; border:0px solid #797979;}

.ShopProductListContainer {list-style:none; padding:0; margin:0; border:0px solid purple;}

.ShopProductListItem
{
 position:relative;
 display:inline-block;
 width:230px;
 height:200px;
 padding:8px 4px 4px 4px;
 margin:5px 5px 5px 5px;
 border:4px solid #797979;
 border-radius:30px;
}

.ShopProductPrice
{
 position:absolute;
 display:inline-block;
 top:-2px;
 right:-2px;
 width:70px;
 height:22px;
 padding:8px 4px 8px 10px;
 margin:0;
 background-color:#797979;
 border-radius:0 30px 0 30px;
 letter-spacing:1px;
 font-family:raleway,arial,helvetica;
 font-weight:bold;
 font-size:14pt;
 color:white;
}

.ShopProductHeading
{
 height:30px;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:black;
}

.ShopProductHeading2
{
 height:30px;
 background-color:#DADADA;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:black;
}

.ShopProduct
{
 vertical-align:middle;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:black;
}

.ShopProduct IMG {margin: 10px 0 10px 5px; vertical-align:middle;}

.ShopProductInputPlus
{
 display:inline-block;
 width:25px;
 height:30px;
 margin:0;
 text-align:center;
 vertical-align:middle;
 font-family:raleway,arial,helvetica;
 font-size:18pt;
 color:black;
 cursor:pointer;
}

.ShopProductInputQty
{
 width:35px;
 height:30px;
 margin:0;
 border:2px solid #797979;
 border-radius:10px;
 text-align:center;
 vertical-align:middle;
 font-family:raleway,arial,helvetica;
 font-size:18pt;
 color:black;
}

.ShopProductInputMinus
{
 display:inline-block;
 width:25px;
 height:30px;
 margin:0 2px 0 0;
 text-align:center;
 vertical-align:middle;
 font-family:raleway,arial,helvetica;
 font-size:18pt;
 color:black;
 cursor:pointer;
}

.ShopOrderLines
{
 height:30px;
 margin:0;
 padding:4px;
 vertical-align:middle;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:black;
}

.ShopOrderLines IMG {vertical-align:middle; margin:3px;}

.ShopOrderLineAlign1 {text-align:left;}
.ShopOrderLineAlign2 {text-align:center;}
.ShopOrderLineAlign3 {text-align:right;}

.ShopOrderTotals
{
 height:30px;
 margin:0;
 padding:4px;
 text-align:right;
 vertical-align:middle;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:black;
}

.ShopOrderInput1Container
{
 float:left;
 display:inline-block;
 width:772px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.ShopOrderInput1
{
 width:732px;
 height:30px;
 border:0;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ShopOrderInput2Container
{
 float:left;
 display:inline-block;
 width:290px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.ShopOrderInput2
{
 width:250px;
 height:30px;
 border:0;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ShopOrderInput3Container
{
 float:left;
 display:inline-block;
 width:150px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.ShopOrderInput3
{
 width:110px;
 height:30px;
 border:0;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ShopOrderInput4Container
{
 float:left;
 display:inline-block;
 width:460px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #797979;
 border-radius:10px;
 background:white;
}

.ShopOrderInput4
{
 width:420px;
 height:30px;
 border:0;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ShopOrderStatusActive {width:40px; padding:2px 0 1px 0; text-align:center; color:#797979;}
.ShopOrderStatusHidden {width:40px; padding:2px 0 1px 0; text-align:center; color:white;}
.ShopOrderStatusOK {width:40px; padding:2px 0 1px 0; text-align:center; color:green;}
.ShopOrderStatusError {width:40px; padding:2px 0 1px 0; text-align:center; color:red;}

.ShopLoggedInDisclaimer
{
 float:left;
 padding:9px 0 0 7px; 
 font-family:raleway,arial,helvetica;
 font-size:13pt;
 color:#5D5D5D;
}

.ShopDisclaimer
{
 float:left;
 padding:7px 0 0 7px; 
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:#5D5D5D;
}

.ShopNotes
{
 text-align:left;
 padding:7px 0 0 7px; 
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:black;
}

.ShopProcessing
{
 display:inline-block;
 float:right;
 height:45px;
 margin-right:10px;
 color:#2F2F2F;
}

.ShopPodInputDivider {height:10px;}
.ShopPodInputDivider2 {height:25px;}
.ShopPodInputDivider3 {height:120px;}

.ShopPodBtnContainer {border:0px solid purple;}


/* Policies */

.PolicyContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:850px;
 border:0px solid red; 
}

.PolicyPod
{
 position:relative;
 width:800px;
 margin:30px 0 80px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.PolicyPodContentFrame {width:795px; padding:4px;}

.PolicyPodTitle {text-align:left; padding:10px 0px 4px 7px;}

.PolicyPodSubTitle
{
 padding:4px;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 font-weight:bold;
 color:#3C3C3C;
}

.PolicyPodInputDivider {height:10px;}

.PolicyPodContent
{
 padding:4px 6px 4px 6px;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:#3C3C3C;
}

.PolicyPodList {padding:0; margin:10px 15px 10px 15px;}
.PolicyPodBullet {margin:4px;}


/* ----- WanderList Game Section ---- */

.WGMContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:850px;
}

.WGMPod
{
 position:relative;
 width:800px;
 margin:20px 0 20px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.WGMPodHidden
{
 position:relative;
 width:800px;
 margin:20px 0 20px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F7312D 40%,#A4201E);
 background:linear-gradient(#F7312D 40%,#A4201E);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7312D',endColorstr='#A4201E',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #6D1514;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.WGMPuzzlePodHeader
{
 position:relative;
 width:800px;
 margin:20px 0 5px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.WGMPuzzlePodHeaderHidden
{
 position:relative;
 width:800px;
 margin:20px 0 5px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F7312D 40%,#A4201E);
 background:linear-gradient(#F7312D 40%,#A4201E);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7312D',endColorstr='#A4201E',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #6D1514;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.WGMPuzzlePod
{
 position:relative;
 width:800px;
 margin:0 0 5px 0;
 padding:7px 10px 20px 10px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.WGMPodContentFrame {width:560px; margin:8px; padding:4px; border:0px solid red;}

.WGMPodTitle
{
 text-align:left;
 padding:8px 0px 4px 7px;
}

.WGMPodText
{
 padding:8px 8px 4px 8px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 text-align:justify; 
 border:0px solid purple;
}

.WGMPodWarning
{
 height:45px;
 color:red;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 font-weight:bold;
 text-align:center; 
 border:0px solid purple;
}

.WGMPodInputDivider {height:10px;}

.WGMPodBtnContainer {float:right; padding:10px 0 0 0;}

.WGMBtn
{
 display:inline-block;
 margin:0;
 padding:8px 12px 6px 12px;
 background:-webkit-linear-gradient(#434343 40%,#2F2F2F);
 background:linear-gradient(#434343 40%,#2F2F2F);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343',endColorstr='#2F2F2F',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid black;
 text-align:center;
 text-shadow:0px 1px 4px black;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
 cursor:pointer;
}

.WGMBtn:hover {color:#A4FF82;}

.WGMFilterBtn
{
 display:inline-block;
 margin:0;
 padding:8px 12px 6px 12px;
 background:-webkit-linear-gradient(#434343 40%,#2F2F2F);
 background:linear-gradient(#434343 40%,#2F2F2F);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343',endColorstr='#2F2F2F',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid black;
 text-align:center;
 text-shadow:0px 1px 4px black;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
 cursor:pointer;
}

.WGMFilterBtn:hover {color:#A4FF82;}

.WGMFilterMenu
{
 background:transparent;
 outline:none;
 font-family:raleway,arial,helvetica;
 font-weight:bold;
 font-size:12pt;
 color:white;
}

.WGMFilterMenu Option {background-color:#007BB8;}

.WGMPuzzlePicBackdrop
{
 font-size:200px;
 color:#434343;
}

.WGMPuzzlePicBackdrop2
{
 position:relative;
 width:350px;
 height:220px;
 margin:0 auto 0 auto;
 border-radius:10px;
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain;
 z-index:0;
}

.WGMPodOverlay
{
 visibility:hidden;
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 background-color:rgba(0,0,0,0.5);
 overflow:hidden;
 z-index:10;
}

.WGMPodModal
{
 position:absolute;
 width:450px;
 height:110px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-55px;
 margin-left:-225px;
 padding:4px;
 background:-webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background:linear-gradient(#F5F5F5 40%,#DFDFDF);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#DFDFDF',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #CFCFCF;
 box-shadow:0px 2px 10px #2F2F2F;
 -webkit-animation-duration:1s; 
 animation-duration:1s; 
 -webkit-animation-fill-mode both; 
 animation-fill-mode:both;
 -webkit-animation-name: bounceInDown; 
 animation-name: bounceInDown;
 z-index:11;
}

.WGMPodModalHeader
{
 width:384px;
 height:28px;
 margin:0;
 padding:6px 2px 0px 14px;
 border-radius:10px 10px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid blue;
}

.WGMPodModalText
{
 margin:10px 10px 0 10px;
 min-height:30px;
 padding:4px;
 color:black;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid blue;
}

.WGMPodModalBtns
{
 float:right;
 margin:10px 20px 0 10px;
 border:0px solid purple;
}