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

HTML 
{
 min-height:100%;
 background:black url('../imgs/bg-fwdefault.jpg');
 background-repeat: repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

 --spinner: #FFFFFF;
 --spinner2: #555555;
 --center: translate(-50%, -50%);
}

BODY
{
 min-height:100%;
 margin:0;
 padding: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(#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;
}

.StdBtn:hover {color:#A4FF82;}

.StdBtn2
{
 display:inline-block;
 height:16px;
 margin:0;
 padding:6px 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:12pt;
 color:white;
 cursor:pointer;
}

.StdBtn2:hover {color:#A4FF82;}

.StdBtn3
{
 display:inline-block;
 height:16px;
 margin:0;
 padding:6px 12px 6px 12px;
 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-radius:10px;
 border-bottom:5px solid #C57B01;
 text-align:center;
 text-shadow: 0px 1px 4px black;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 cursor:pointer;
}

.StdBtn3:hover {color:#yellow;}

.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;
}

.FooterContainer
{
 position:absolute;
 bottom:0;
 width:100%;
 height:214px;
 border:0px solid red;
}

.FooterBorder {width:100%; height:12px;}

.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;}

.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;}

.LoaderContainer {position:relative; margin-top:120px;}

.LoaderCentre {
 position: absolute;
 width: 30px;
 height: 30px;
 background: var(--spinner);
 border-radius: 50%;
 top: 50%;
 left: 50%;
 transform: var(--center); 
}

.LoaderOuter-Spin, .LoaderInner-Spin {
 position: absolute;
 top: 50%;
 left: 50%;
}

.LoaderOuter-Spin {animation: spin 4s linear infinite;}

.LoaderOuter-Arc, .LoaderInner-Arc {
 position: absolute;
 border-radius: 50%;
 border: 4px solid;
}

.LoaderOuter-Arc {width:100px; height:100px;}

.LoaderOuter-Arc_Start-a {
 border-color: transparent transparent transparent var(--spinner);
 /*NOTE: the order here very much matters!  */
 transform: var(--center) rotate(65deg); 
}

.LoaderOuter-Arc_End-a {
 border-color: var(--spinner) transparent transparent transparent;
 transform: var(--center) rotate(45deg);
}

.LoaderOuter-Arc_Start-b {
 border-color: transparent transparent transparent var(--spinner); 
 transform: var(--center) rotate(65deg) scale(-1, -1);
}

.LoaderOuter-Arc_End-b {
 border-color: var(--spinner) transparent transparent transparent;
 transform: var(--center) rotate(45deg) scale(-1, -1);
}

.LoaderOuter-Moon-a {
 position: absolute;
 top:50%;
 left:50%;
 width: 15px;
 height: 15px;
 background: var(--spinner);
 border-radius: 50%;
 transform: var(--center) translate(52px, 0); 
}

.LoaderOuter-Moon-b {
 position: absolute;
 top:50%;
 left:50%;
 width: 15px;
 height: 15px;
 background: var(--spinner);
 border-radius: 50%;
 transform: var(--center) translate(-52px, 0); 
}

.LoaderInner-Spin {animation:spin 3s linear infinite;}

.LoaderInner-Arc {width:62px; height:62px;}

.LoaderInner-Arc_Start-a {
 border-color: transparent transparent transparent var(--spinner);
 /*NOTE: the order here very much matters!  */
 transform: var(--center) rotate(65deg); 
}

.LoaderInner-Arc_End-a {
 border-color: var(--spinner) transparent transparent transparent;
 transform: var(--center) rotate(45deg);
}

.LoaderInner-Arc_Start-b {
 border-color: transparent transparent transparent var(--spinner); 
 transform: var(--center) rotate(65deg) scale(-1, -1);
}

.LoaderInner-Arc_End-b {
 border-color: var(--spinner) transparent transparent transparent;
 transform: var(--center) rotate(45deg) scale(-1, -1);
}

.LoaderInner-Moon-a {
 position: absolute;
 top:50%;
 left:50%;
 width: 12px;
 height: 12px;
 background: var(--spinner);
 border-radius: 50%;
 transform: var(--center) translate(33px, 0); 
}

.LoaderInner-Moon-b {
 position: absolute;
 top:50%;
 left:50%;
 width: 12px;
 height: 12px;
 background: var(--spinner);
 border-radius: 50%;
 transform: var(--center) translate(-33px, 0); 
}

.Loader2Container {position:relative; margin-top:80px;}

.Loader2Centre {
 position: absolute;
 width: 30px;
 height: 30px;
 background: var(--spinner2);
 border-radius: 50%;
 top: 50%;
 left: 50%;
 transform: var(--center); 
}

.Loader2Outer-Spin, .Loader2Inner-Spin {
 position: absolute;
 top: 50%;
 left: 50%;
}

.Loader2Outer-Spin {animation: spin 4s linear infinite;}

.Loader2Outer-Arc, .Loader2Inner-Arc {
 position: absolute;
 border-radius: 50%;
 border: 4px solid;
}

.Loader2Outer-Arc {width:100px; height:100px;}

.Loader2Outer-Arc_Start-a {
 border-color: transparent transparent transparent var(--spinner2);
 /*NOTE: the order here very much matters!  */
 transform: var(--center) rotate(65deg); 
}

.Loader2Outer-Arc_End-a {
 border-color: var(--spinner2) transparent transparent transparent;
 transform: var(--center) rotate(45deg);
}

.Loader2Outer-Arc_Start-b {
 border-color: transparent transparent transparent var(--spinner2); 
 transform: var(--center) rotate(65deg) scale(-1, -1);
}

.Loader2Outer-Arc_End-b {
 border-color: var(--spinner2) transparent transparent transparent;
 transform: var(--center) rotate(45deg) scale(-1, -1);
}

.Loader2Outer-Moon-a {
 position: absolute;
 top:50%;
 left:50%;
 width: 15px;
 height: 15px;
 background: var(--spinner2);
 border-radius: 50%;
 transform: var(--center) translate(52px, 0); 
}

.Loader2Outer-Moon-b {
 position: absolute;
 top:50%;
 left:50%;
 width: 15px;
 height: 15px;
 background: var(--spinner2);
 border-radius: 50%;
 transform: var(--center) translate(-52px, 0); 
}

.Loader2Inner-Spin {animation:spin 3s linear infinite;}

.Loader2Inner-Arc {width:62px; height:62px;}

.Loader2Inner-Arc_Start-a {
 border-color: transparent transparent transparent var(--spinner2);
 /*NOTE: the order here very much matters!  */
 transform: var(--center) rotate(65deg); 
}

.Loader2Inner-Arc_End-a {
 border-color: var(--spinner2) transparent transparent transparent;
 transform: var(--center) rotate(45deg);
}

.Loader2Inner-Arc_Start-b {
 border-color: transparent transparent transparent var(--spinner2); 
 transform: var(--center) rotate(65deg) scale(-1, -1);
}

.Loader2Inner-Arc_End-b {
 border-color: var(--spinner2) transparent transparent transparent;
 transform: var(--center) rotate(45deg) scale(-1, -1);
}

.Loader2Inner-Moon-a {
 position: absolute;
 top:50%;
 left:50%;
 width: 12px;
 height: 12px;
 background: var(--spinner2);
 border-radius: 50%;
 transform: var(--center) translate(33px, 0); 
}

.Loader2Inner-Moon-b {
 position: absolute;
 top:50%;
 left:50%;
 width: 12px;
 height: 12px;
 background: var(--spinner2);
 border-radius: 50%;
 transform: var(--center) translate(-33px, 0); 
}

@keyframes spin {100% {transform: rotate(360deg);}}


/* ----- 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;
}

.FamilyMemberPodModal
{
 position:absolute;
 width:680px;
 top:2%; 
 left:50%;
 margin-top:-10px;
 margin-left:-340px;
 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;
}

.AgencyPodModal
{
 position:absolute;
 width:650px;
 top:2%; 
 left:50%;
 margin-top:-10px;
 margin-left:-325px;
 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;
}


/* ----- Admin Panel ---- */

.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;
}

.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;
}


/* 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;}