HTML {height:100%;}

BODY
{
 height:100%;
 margin:0;
 padding:0;
 background:black url('../imgs/bg-darkblue.jpg') repeat 0 0;
}

TABLE {border-collapse:collapse; border-spacing:0px;}
TD {padding:0px;}
FORM {margin:0; padding:0;}
A {text-decoration:none;}

.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(#EE0000 40%,#B70000);
 background:linear-gradient(#EE0000 40%,#B70000);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE0000',endColorstr='#B70000',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #902800;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
}

.StdBtn:hover {color:yellow; cursor:pointer; height:22px; border-bottom:3px solid #902800;}

.StdBtn2
{
 display:inline-block;
 height:16px;
 margin:0;
 padding:6px 12px 6px 12px;
 background:-webkit-linear-gradient(#EE0000 40%,#B70000);
 background:linear-gradient(#EE0000 40%,#B70000);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE0000',endColorstr='#B70000',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #902800;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
}

.StdBtn2:hover {color:yellow; cursor:pointer; height:19px; border-bottom:3px solid #902800;}

.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;
}

.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:750px; height:54px; padding-top:20px; border:0px solid red;}

.NavBarLinks
{
 position:relative;
 float:left;
 padding-right:30px;
 list-style:none;
 vertical-align:middle;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
}

.NavBarLinks A {color:white; text-decoration:none;}

.NavBarLinks A:hover {color:#FEFA02; cursor:pointer;}

.NavBarSignUp
{
 float:left;
 list-style:none;
 margin-top:-5px;
 padding:6px;
 background:-webkit-linear-gradient(#FF0000 60%,#C70000);
 background:linear-gradient(#FF0000 60%,#C70000);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000',endColorstr='#C70000',GradientType=0);
 border-radius:10px;
 vertical-align:middle;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
}

.NavBarSignUp A {color:white; text-decoration:none;}

.NavBarSignUp A:hover {color:yellow; cursor:pointer;}

.NavBarAccMenuContainer
{
 position:absolute;
 left:0px;
 top:22px;
 width:100px;
 height:35px;
 padding:4px;
 margin:3px 0 3px 0;
 border-left:3px solid white;
 border-bottom:3px solid white;
 border-right:3px solid white;
 border-radius:0 0 10px 10px;
 background:#274382;
 color:white;
 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:yellow;}

.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;
 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 30px auto;
 padding:0;
 width:620px;
 height:310px;
 border:0px solid blue;
}

.HomeCharacter
{
 float:left;
 position:relative;
 width:190px;
 height:376px;
 z-index:1;
 border:0px solid yellow;
}

.HomeCharacterShadow
{
 position:absolute;
 bottom:-10px;
 left:7px;
 z-index:-1;
 border:0px solid blue;
}

.HomeLogo
{
 float:right;
 padding:0 0 0 90px;
 width:330px;
 height:310px;
 z-index:1;
 border:0px solid orange;
}

.WhiteBorderContainer
{
 width:100%;
 height:94px;
 background:black url('../imgs/bg-whitehome.png') repeat 0 0;
 z-index:-3;
}

.HomeBanner1Container
{
 width:100%;
 height:262px;
 background-color:white;
 background:url('../imgs/bg-blueradial.png') repeat 0 0;
}

.HomeBanner1
{
 margin:0 auto 30px auto;
 padding:0;
 width:960px;
 height:310px;
 border:0px solid blue;
}

.HomeBanner1TextContainer {float:left; margin:30px auto 10px 60px;}

.HomeBanner1Title
{
 width:300px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:32pt;
 color:white;
 letter-spacing: 1px;
 border:0px solid green;
}

.HomeBanner1Text
{
 width:340px;
 font-family:Raleway-Light,arial,helvetica;
 font-size:18pt;
 color:white;
 border:0px solid purple;
}

.HomeBanner1Img
{
 float:right;
 margin:-50px 90px 0 0;
 width:315px;
}

.HomeBanner2Container
{
 width:100%;
 height:383px;
 background:black url('../imgs/bg-greenradial.png') repeat 0 0;
}

.HomeBanner2
{
 margin:0 auto 30px auto;
 padding:0;
 width:960px;
 height:383px;
 border:0px solid blue;
}

.HomeBanner2TextContainer {float:right; position:relative; margin:30px 40px 10px auto; border:0px solid blue;}

.HomeBanner2Title
{
 width:420px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:24pt;
 color:white;
 /* text-shadow:1px 2px #216C7C; */
 letter-spacing: 1px;
 border:0px solid green;
}

.HomeBanner2Text
{
 width:420px;
 font-family:Raleway,arial,helvetica;
 font-size:14pt;
 color:white;
 /* text-shadow:0px 2px #216C7C; */
 border:0px solid purple;
}

.HomeBanner2Text UL {margin:0 0 0 25px; padding:0;}

.HomeBanner2Text UL LI {padding:4px 1px 4px 1px;}

.HomeBanner2Img
{
 float:left;
 margin:16px 0 0 -20px;
 width:315px;
}

.HomeBanner2Btn1
{
 position:absolute;
 width:100px;
 height:30px;
 margin:10px 0 0 15px;
 padding:18px 10px 0 10px;
 background:-webkit-linear-gradient(#EE0000 40%,#B70000);
 background:linear-gradient(#EE0000 40%,#B70000);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE0000',endColorstr='#B70000',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #902800;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.HomeBanner2Btn1:hover {color:yellow; cursor:pointer;}

.HomeBanner2Btn2
{
 position:absolute;
 width:110px;
 height:41px;
 margin:10px 0 0 245px;
 padding:7px 10px 0 10px;
 background:-webkit-linear-gradient(#EE0000 40%,#B70000);
 background:linear-gradient(#EE0000 40%,#B70000);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE0000',endColorstr='#B70000',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #902800;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.HomeBanner2Btn2:hover {color:yellow; cursor:pointer;}

.OurPartners
{
 width:100%;
 height:339px;
 background-color:white;
 margin:0;
 padding:0;
 border:0px solid purple;
}

.OurPartnersBorderContainer {width:100%; padding-top:6px;}
.OurPartnersBorder {width:100%; list-style:none; margin:0; padding:0;}
.OurPartnersBorder1 {float:right; width:34%; height:12px; background-color:#007AE3;}
.OurPartnersBorder2 {float:right; width:1%; height:12px; background-color:white;}
.OurPartnersBorder3 {float:right; width:31%; height:12px; background-color:#F10B00;}
.OurPartnersBorder4 {float:right; width:1%; height:12px; background-color:white;}
.OurPartnersBorder5 {float:right; width:33%; height:12px; background-color:#FFD300;}

.OurPartnersTitle
{
 margin:0 auto 5px auto;
 padding:30px 0 5px 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:24pt;
 color:#0054B5;
 text-align:center;
 border:0px solid green;
}

.OurPartnersImgContainer {width:100%;}
.OurPartnersImgContainer UL {width:720px; margin:0 auto 0 auto; padding:0; list-style:none;}
.OurPartnersImgContainer UL LI {display:inline; padding:0 30px 0 30px; width:300px; border:0px solid red;}
.OurPartnersImgContainer UL LI IMG {border:0px brown solid;}


/*  How it works  */

.HowItWorksContainer
{
 margin:0 auto 30px auto;
 padding:0;
 width:740px;
 height:310px;
 border:0px solid blue;
}

.HowItWorksCharacter
{
 float:left;
 position:relative;
 margin:0 0 0 -20px;
 padding:0;
 width:325px;
 height:374px;
 z-index:1;
 border:0px solid yellow;
}

.HowItWorksCharacterShadow
{
 position:absolute;
 bottom:-10px;
 left:35px;
 z-index:-1;
 border:0px solid blue;
}

.HowItWorksLogo
{
 float:right;
 padding:0 0 0 60px;
 width:330px;
 height:310px;
 z-index:1;
 border:0px solid orange;
}

.HIWStep1Container
{
 width:100%;
 height:262px;
 background-color:white;
 background:url('../imgs/hiw/step1-bg.png') repeat 0 0;
}

.HIWStep1
{
 margin:0 auto 30px auto;
 padding:0;
 width:960px;
 height:310px;
 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:400px;
 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:70px 40px 0 0;
 width:315px;
}

.HIWStep2Container
{
 width:100%;
 height:262px;
 background-color:white;
 background:url('../imgs/hiw/step2-bg.png') repeat 0 0;
}

.HIWStep2
{
 margin:0 auto 30px auto;
 padding: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:400px;
 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:50px 0 0 50px;
 width:315px;
}

.HIWStep3Container
{
 width:100%;
 height:262px;
 background-color:white;
 background:url('../imgs/hiw/step3-bg.png') repeat 0 0;
}

.HIWStep3
{
 margin:0 auto 30px auto;
 padding:0;
 width:960px;
 height:310px;
 border:0px solid blue;
}

.HIWStep3TextContainer {float:left; margin:50px 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:450px;
 margin-top:10px;
 font-family:Raleway,arial,helvetica;
 font-size:16pt;
 color:white;
 border:0px solid purple;
}

.HIWStep3Img
{
 float:right;
 margin:10px 50px 0 auto;
 width:315px;
}

.HIWStep4Container
{
 width:100%;
 height:262px;
 background-color:white;
 background:url('../imgs/hiw/step4-bg.png') repeat 0 0;
}

.HIWStep4
{
 margin:0 auto 30px auto;
 padding: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:35px 0 0 50px;
 width:315px;
}

.HIWStep5Container
{
 width:100%;
 height:262px;
 background-color:white;
 background:url('../imgs/hiw/step5-bg.png') repeat 0 0;
}

.HIWStep5
{
 margin:0 auto 30px auto;
 padding: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:60px 30px 0 0;
 width:315px;
}


/* ----- 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:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput1
{
 width:732px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodInput2Container
{
 float:left;
 display:inline-block;
 width:290px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput2
{
 width:250px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodInput3Container
{
 float:left;
 display:inline-block;
 width:150px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput3
{
 width:110px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodInput4Container
{
 float:left;
 display:inline-block;
 width:460px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput4
{
 width:420px;
 height:30px;
 border:0;
 color:#596E9D;
 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 #596E9D;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput5
{
 width:735px;
 height:172px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodStatusActive {width:40px; vertical-align:middle; text-align:center; color:#596E9D;}
.ContactUsPodStatusHidden {width:40px; vertical-align:middle; text-align:center; color:white;}
.ContactUsPodStatusOK {width:40px; vertical-align:middle; text-align:center; color:green;}
.ContactUsPodStatusError {width:40px; vertical-align:middle; text-align:center; color:red;}

.ContactUsPodInputDivider {height:10px;}

.ContactUsPodBtnContainer {float:right; padding:10px 0 0 0;}

.ContactUsPodEmail {display:none;}

.ContactUsPodThankYou
{
 padding:5px;
 color:#596E9D;
 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:530px;
 border:0px solid red; 
}

.LoginPod
{
 position:relative;
 width:570px;
 height:350px;
 margin:60px 0 150px 80px;
 padding:7px 10px 0 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;
}

.LoginPodContentFrame {width:560px; padding:4px; border:0px solid red;}

.LoginPodCharacter
{
 position:absolute;
 top:-50px;
 left:-120px;
 margin:10px auto 30px auto;
 padding:7px 10px 0 10px;
 z-index:1;
}

.LoginPodCharacterShadow
{
 position:absolute;
 top:435px;
 left:-100px;
 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 #596E9D;
 border-radius:10px;
 background:white;
}

.LoginPodInput
{
 width:480px;
 height:50px;
 border:0;
 background:white;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.LoginPodInputBig
{
 width:480px;
 height:50px;
 border:0;
 background:white;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.LoginPodStatusActive {width:40px; vertical-align:-5px; text-align:center; color:#596E9D;}
.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;
}

.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:yellow;}
.LoginPodFooterNotes A:hover {color:orange;}

.LoginPodFooterNotes2 {width:570px; margin:12px 0 0 0; font-family:raleway,arial,helvetica; font-size:10pt;}


/* ----- Sign Up ---- */

.SignUpContainer
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:850px;
 min-height:1180px;
 border:0px solid red; 
}

.SignUpPod
{
 position:relative;
 width:800px;
 min-height:1130px;
 margin:30px 0 50px 0;
 padding:7px 10px 0 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;
}

.SignUpContainer2
{
 position:relative;
 margin:0 auto 0 auto;
 padding:0;
 width:850px;
 border:0px solid red; 
}

.SignUpPod2
{
 position:relative;
 width:800px;
 margin:30px 0 180px 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;
}

.SignUpPodContentFrame {width:795px; padding:4px; border:0px solid red;}

.SignUpPodTitle
{
 text-align:left;
 padding:8px 0px 0px 7px;
 margin:0;
}

.SignUpPodSubTitle
{
 padding-bottom:6px;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:16pt;
 color:#596E9D;
}

.SignUpSchoolContainer
{
 margin:0 auto 0 auto;
 padding:0;
 border:0px solid purple;
}

.SignUpSchoolListContainer {list-style:none; padding:0; margin:0;}

.SignUpSchoolListItem
{
 position:relative;
 display:inline-block;
 width:140px;
 height:140px;
 padding:4px;
 margin:0 15px 0 15px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color: #596E9D;
 cursor:pointer;
}

.SignUpSchoolTickRim
{
 position:absolute;
 top:35px;
 left:35px;
 width:80px;
 height:80px;
 border-radius:80px;
 background-color:#6BBD00;
}

.SignUpSchoolTickOuter
{
 position:absolute;
 top:5px;
 left:5px;
 width:70px;
 height:70px;
 border-radius:70px;
 padding:0;
 background-color:white;
}

.SignUpSchoolTickInner
{
 position:absolute;
 top:5px;
 left:5px;
 width:60px;
 height:60px;
 border-radius:60px;
 background-color:#6BBD00;
}

.SignUpSchoolTick
{
 position:absolute;
 width:60px;
 height:60px;
 padding-top:10px;
 text-align:center;
 color:white;
}

.SignUpSubsContainer
{
 margin:0 auto 0 auto;
 padding:0;
 border:0px solid purple;
}

.SignUpSubsListContainer {list-style:none; padding:0; margin:0;}

.SignUpSubsListItem
{
 position:relative;
 display:inline-block;
 width:330px;
 height:270px;
 padding:4px;
 margin:10px 10px 15px 10px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color: #596E9D;
 border:0px solid yellow;
}

.SignUpSubsTickRim
{
 position:absolute;
 top:75px;
 left:135px;
 width:80px;
 height:80px;
 border-radius:80px;
 background-color:#6BBD00;
}

.SignUpSubsTickOuter
{
 position:absolute;
 top:5px;
 left:5px;
 width:70px;
 height:70px;
 border-radius:70px;
 padding:0;
 background-color:white;
}

.SignUpSubsTickInner
{
 position:absolute;
 top:5px;
 left:5px;
 width:60px;
 height:60px;
 border-radius:60px;
 background-color:#6BBD00;
}

.SignUpSubsTick
{
 position:absolute;
 width:60px;
 height:60px;
 padding-top:10px;
 text-align:center;
 color:white;
}

.SignUpSubsTick2
{
 position:absolute;
 top:75px;
 left:135px;
 width:60px;
 height:50px;
 padding-top:10px;
 vertical-align:middle;
 text-align:center;
 color:#6BBD00;
 background-color:white;
 border:6px solid #6BBD00;
 border-radius:60px;
}

.SignUpSubsPod
{
 width:330px;
 height:260px;
 margin:0;
 padding:;
 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 0px 6px #2F2F2F;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
 cursor:pointer;
}

.SignUpSubsPodTitle
{
 padding:10px 0 10px 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:#596E9D;
}

.SignUpSubsPodFeature
{
 width:310px;
 height:25px;
 padding:10px 10px 0px 10px;
 background-color:white;
 border-top:1px solid #E5E5E5;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:#596E9D;
}

.SignUpSubsPodDivider
{
 width:300px;
 height:1px;
 margin:1px 0 0 0;
 background-color:white; 
}

.SignUpSubsPodPrice
{
 padding-top:8px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:28pt;
 color:#596E9D;
}

.SignUpPodInput1Container
{
 float:left;
 display:inline-block;
 width:772px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SignUpPodInput1
{
 width:732px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.SignUpPodInput2Container
{
 float:left;
 display:inline-block;
 width:290px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SignUpPodInput2
{
 width:250px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.SignUpPodInput3Container
{
 float:left;
 display:inline-block;
 width:150px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SignUpPodInput3
{
 width:110px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.SignUpPodInput4Container
{
 float:left;
 display:inline-block;
 width:460px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SignUpPodInput4
{
 width:420px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.SignUpPodInput5Container
{
 width:772px;
 height:180px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SignUpPodInput5
{
 width:765px;
 height:172px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.SignUpPodStatusActive {width:40px; vertical-align:middle; text-align:center; color:#596E9D;}
.SignUpPodStatusHidden {width:40px; vertical-align:middle; text-align:center; color:white;}
.SignUpPodStatusOK {width:40px; vertical-align:middle; text-align:center; color:green;}
.SignUpPodStatusError {width:40px; vertical-align:middle; text-align:center; color:red;}

.SignUpPodSchoolContainer {width:780px; margin:0 10px 0 10px; border:1px solid #596E9D;}
.SignUpPodSchoolRow {}
.SignUpPodSchoolRow:hover {background-color:yellow; cursor:pointer;}
.SignUpPodSchoolRowEntry
{
 padding:4px;
 text-align:left;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
}

.SignUpPodInputDivider {height:10px;}
.SignUpPodInputDivider2 {height:25px;}

.SignUpPodBtnContainer {float:right; padding:10px 0 15px 0;}

.SignUpPodEmail {display:none;}

.SignUpPodThankYou
{
 padding:5px;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 text-align:left;
}


/* ----- 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 #596E9D;}

.ShopProductListContainer {list-style:none; padding:0; margin:0; border:0px solid purple;}

.ShopProductListItem
{
 position:relative;
 display:inline-block;
 width:230px;
 height:180px;
 padding:4px;
 margin:5px 5px 5px 5px;
 border:4px solid #596E9D;
 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:#596E9D;
 border-radius:0 30px 0 30px;
 letter-spacing:1px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
}

.ShopProductHeading
{
 height:30px;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:#596E9D;
}

.ShopProductHeading2
{
 height:30px;
 background-color:#DADADA;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:#596E9D;
}

.ShopProduct
{
 vertical-align:middle;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:#596E9D;
}

.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:#596E9D;
 cursor:pointer;
}

.ShopProductInputQty
{
 width:35px;
 height:30px;
 margin:0;
 border:2px solid #596E9D;
 border-radius:10px;
 text-align:center;
 vertical-align:middle;
 font-family:raleway,arial,helvetica;
 font-size:18pt;
 color:#596E9D;
}

.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:#596E9D;
 cursor:pointer;
}

.ShopOrderLines
{
 height:30px;
 margin:0;
 padding:4px;
 vertical-align:middle;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:#596E9D;
}

.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:#596E9D;
}

.ShopOrderInput1Container
{
 float:left;
 display:inline-block;
 width:772px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.ShopOrderInput1
{
 width:732px;
 height:30px;
 border:0;
 color:#596E9D;
 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 #596E9D;
 border-radius:10px;
 background:white;
}

.ShopOrderInput2
{
 width:250px;
 height:30px;
 border:0;
 color:#596E9D;
 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 #596E9D;
 border-radius:10px;
 background:white;
}

.ShopOrderInput3
{
 width:110px;
 height:30px;
 border:0;
 color:#596E9D;
 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 #596E9D;
 border-radius:10px;
 background:white;
}

.ShopOrderInput4
{
 width:420px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ShopOrderStatusActive {width:40px; vertical-align:middle; text-align:center; color:#596E9D;}
.ShopOrderStatusHidden {width:40px; vertical-align:middle; text-align:center; color:white;}
.ShopOrderStatusOK {width:40px; vertical-align:middle; text-align:center; color:green;}
.ShopOrderStatusError {width:40px; vertical-align:middle; 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:#596E9D;
}

.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:#596E9D;
}

.PolicyPodInputDivider {height:10px;}

.PolicyPodContent
{
 padding:4px 6px 4px 6px;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:#596E9D;
}

.PolicyPodList {padding:0; margin:10px 15px 10px 15px;}
.PolicyPodBullet {margin:4px;}


/* Latest News */

.LatestNewsTitleContainer {width:100%; border:0px solid yellow;}

.LatestNewsTitle
{
 width:800px;
 margin:0 auto 20px auto;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:24pt;
 color:white;
 border:0px solid green;
}

.LatestNewsPodContainer
{
 list-style:none;
 width:800px;
 margin:10px auto 20px auto;
 border:0px solid yellow;
}

.LatestNewsPod
{
 display:inline-block;
 width:150px;
 height:150px;
 margin:5px;
 padding:10px;
 vertical-align:top;
 background-color:#FF2D2D;
 border-radius:15px;
 border-bottom:5px solid #E60000;
}

.LatestNewsPostDate
{
 vertical-align:middle;
 margin-bottom:3px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
}

.LatestNewsText {font-family:raleway,arial,helvetica; font-size:12pt;}

.LatestNewsPicPod
{
 display:inline-block;
 width:150px;
 height:150px;
 margin:5px;
 padding:10px;
 vertical-align:top;
 background-color:white;
 border-radius:15px;
 border-bottom:5px solid #EBEBEB;
}

.LatestNewsPic {padding:10px 0 0 0; text-align:center;}


/* Resources */

.ResourcesTitleContainer {width:100%; border:0px solid yellow;}

.ResourcesTitle
{
 width:600px;
 margin:0 auto 20px auto;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:24pt;
 color:white;
 border:0px solid green;
}

.ResourcesPodContainer
{
 list-style:none;
 width:800px;
 margin:10px auto 20px auto;
 border:0px solid yellow;
}

.ResourcesPod
{
 display:inline-block;
 width:150px;
 height:150px;
 margin:5px;
 padding:10px;
 vertical-align:top;
 background-color:#FF2D2D;
 border-radius:15px;
 border-bottom:5px solid #E60000;
}

.ResourcesPostDate
{
 vertical-align:middle;
 margin-bottom:3px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
}

.ResourcesText {font-family:raleway,arial,helvetica; font-size:12pt;}

.ResourcesPicPod
{
 display:inline-block;
 width:150px;
 height:150px;
 margin:5px;
 padding:10px;
 vertical-align:top;
 background-color:white;
 border-radius:15px;
 border-bottom:5px solid #EBEBEB;
}

.ResourcesPic {padding:10px 0 0 0; text-align:center;}


/* Avatars */

.AvatarContainer
{
 width:800px;
 height:500px;
 margin:40px auto 90px auto;
 padding:0;
 border:0px solid red;
}

.AvatarCell1 {position:relative; float:left;}
.AvatarCell2 {float:right;}

.AvatarBody {position:absolute; top:150px; left:0px; z-index:0; border:0px solid green;}
.AvatarHead {position:absolute; top:-5px; left:15px; z-index:4; border:0px solid blue;}
.AvatarHair {position:absolute; top:-60px; left:22px; z-index:6; border:0px solid red;}
.AvatarEyes {position:absolute; top:60px; left:62px; z-index:5; border:0px solid blue;}
.AvatarMouth {position:absolute; top:125px; left:85px; z-index:5; border:0px solid blue;}
.AvatarShirt {position:absolute; top:160px; left:50px; z-index:3; border:0px solid red;}
.AvatarShorts {position:absolute; top:300px; left:45px; z-index:2; border:0px solid red;}
.AvatarShoes {position:absolute; top:420px; left:-5px; z-index:1; border:0px solid red;}

.AvatarSelectContainer {float:left; min-width:390px; margin:0 0 0 4px; padding:0;}

.AvatarSelectPod
{
 width:400px;
 height:480px;
 margin:-20px auto 20px 70px;
 padding:0;
 background:-webkit-linear-gradient(#F5F5F5 90%,#DFDFDF);
 background:linear-gradient(#F5F5F5 90%,#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;
 cursor:pointer;
}

.AvatarSelectHeader
{
 width:400px;
 height:40px;
 margin:0;
 padding:0;
 background:-webkit-linear-gradient(#EE0000 40%,#B70000);
 background:linear-gradient(#EE0000 40%,#B70000);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE0000',endColorstr='#B70000',GradientType=0);
 border-radius:10px 10px 0 0;
}

.AvatarSelectHeaderTitle
{
 margin:5px 0 0 5px;
 padding:8px 4px 4px 4px;
 text-align:left;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
}

.AvatarSelectLinksContainer {padding:10px 0 0 10px;}

.AvatarSelectLinksBlock {list-style:none; margin:0; padding:0;}

.AvatarSelectLink
{
 display:inline-block;
 width:60px;
 padding:8px;
 margin:4px;
 background-color:#CFCFCF;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 text-align:center;
 color:black;
 border-radius:20px;
}

.AvatarSelectLinkSelected
{
 display:inline-block;
 width:60px;
 padding:8px;
 margin:4px;
 background-color:black;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 text-align:center;
 color:white;
 border-radius:20px;
}

.AvatarSelectImgsContainer {padding:5px 0 0 10px;}

.AvatarSelectImgsBlock
{
 width:380px;
 height:320px;
 list-style:none;
 margin:0;
 padding:0;
 overflow-y:scroll;
 border:0px solid blue;
}

.AvatarSelectImgs
{
 display:inline-block;
 width:60px;
 padding:8px;
 margin:4px 5px 4px 5px;
 background-color:#919191;
 text-align:center;
 border-radius:20px;
}

.AvatarSelectImgsSelected
{
 display:inline-block;
 width:60px;
 padding:5px;
 margin:4px 5px 4px 5px;
 background-color:#919191;
 text-align:center;
 border:3px solid #5D5D5D;
 border-radius:20px;
}

.AvatarSelectSave {position:relative; float:left; margin:500px 0 0 30px;}

.AvatarHeadCanvas {display:none; position:absolute; top:100px; left:250px; z-index:999; border:1px solid yellow;}
.AvatarBodyCanvas {display:none; position:absolute; top:100px; left:250px; z-index:999; border:1px solid green;}

.AvatarPodOverlay
{
 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;
}

.AvatarPodModal
{
 position:absolute;
 width:300px;
 height:123px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-60px;
 margin-left:-180px;
 padding:4px;
 background-color:#FFFFFF;
 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: bounceInUp; 
 animation-name: bounceInUp;
 z-index:11;
}

.AvatarPodModalText
{
 margin:10px 10px 0 10px;
 min-height:50px;
 padding:4px;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid blue;
}

.AvatarPodModalBtns {float:right; margin:8px 10px 0 10px; border:0px solid green;}


/* Classes */

.ClassesContainer
{
 width:800px;
 margin:0px auto 20px auto;
 padding:0;
 border:0px solid red;
}

.ClassesMenuPodContainer
{
 width:650px;
 margin:0px auto 20px auto;
 padding:0 0 0 100px;
 list-style:none;
 border:0px solid yellow;
}

.ClassesMenuPodItem
{
 position:relative;
 display:inline-block;
 vertical-align:top;
 text-align:center;
 padding:0;
 margin:0 15px 15px 15px;
 border:0px solid green;
}

.ClassesMenuPod
{
 width:160px;
 height:160px;
 padding:7px 10px 0 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;
 cursor:pointer;
}

.ClassesMenuImgBg
{
 width:90px;
 height:90px;
 border-radius:90px;
 background-color:#C4D4F2;
 padding:0px 5px 5px 5px;
 margin:10px auto 5px auto;
}

.ClassesMenuImg
{
 text-align:center;
 padding:8px 0 5px 0;
}

.ClassesMenuDesc
{
 padding:10px 0 0 0;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:#596E9D;
}

.ClassesMenuNote
{
 margin:80px auto 0 auto;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
}

.ClassesMenuLinks {color:yellow;}
.ClassesMenuLinks:hover {color:orange;}


/* Class Assess */

.ClassAssessHeaderContainer
{
 width:800px;
 margin:0 auto 0 30px;
 padding:0;
 border:0px solid red;
}

.ClassAssessHeaderLeftArrow
{
 width:30px;
 height:30px;
 margin:0;
 padding:0;
 text-align:center;
 font-weight:bold;
 color:white;
 cursor:pointer;
 border:0px solid yellow;
}

.ClassAssessHeaderRightArrow
{
 width:30px;
 height:30px;
 margin:0;
 padding:0;
 text-align:center;
 font-weight:bold;
 color:white;
 cursor:pointer;
 border:0px solid yellow;
}

.ClassAssessDataContainer
{
 width:800px;
 height:400px;
 margin:0px auto 25px 30px;
 padding:0;
 overflow-y:auto;
 overflow-x:hidden;
 border:0px solid red;
}

.ClassAssessPodPod
{
 width:95px;
 height:55px;
 margin:0px auto 4px auto;
 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;
 cursor:pointer;
}

.ClassAssessPodText
{
 width:85px;
 height:42px;
 padding:8px 2px 2px 2px;
 font-family:Raleway-Light,arial,helvetica;
 font-size:10pt;
 text-align:center;
 cursor:pointer;
}

/*
.ClassAssessRow {}
.ClassAssessRow:hover {background-color:#2F2F2F;}
*/

.ClassAssessPupilPod
{
 width:115px;
 height:40px;
 padding:8px 6px 6px 6px;
 margin:4px 0 4px 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;
 font-family:Raleway-Light,arial,helvetica;
 font-size:12pt;
 cursor:pointer;
}

.ClassAssessMenuPod
{
 position:relative;
 width:68px;
 height:55px;
 padding:0;
 margin:0 auto 0 auto;
 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;
 cursor:pointer;
}

.ClassAssessNoTickOuter
{
 position:absolute;
 top:10px;
 left:15px;
 width:30px;
 height:30px;
 border-radius:30px;
 padding:0;
 border:4px solid #CFCFCF;
}

.ClassAssessNoTickInner
{
 position:absolute;
 top:5px;
 left:5px;
 width:30px;
 height:30px;
 border-radius:30px;
}

.ClassAssessNoTick
{
 position:absolute;
 width:20px;
 height:20px;
 padding-top:2px;
 text-align:center;
 color:#CFCFCF;
}

.ClassAssessMenuPod-Ticked
{
 position:relative;
 width:68px;
 height:55px;
 padding:0;
 margin:0 auto 0 auto;
 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;
 cursor:pointer;
}

.ClassAssessTickOuter
{
 position:absolute;
 top:8px;
 left:12px;
 width:40px;
 height:40px;
 border-radius:40px;
 padding:0;
 background-color:white;
}

.ClassAssessTickInner
{
 position:absolute;
 top:5px;
 left:5px;
 width:30px;
 height:30px;
 border-radius:30px;
 background-color:#33D200;
}

.ClassAssessTick
{
 position:absolute;
 width:30px;
 height:30px;
 padding-top:5px;
 text-align:center;
 color:white;
}

.ClassAssessNote
{
 width:800px;
 margin:20px auto 0 auto;
 padding-left:40px;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
 border:0px solid red;
}

.ClassAssessNote2
{
 width:800px;
 margin:20px auto 0 auto;
 padding-left:40px;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
 border:0px solid red;
}

.ClassAssessGoBack
{
 margin:30px auto 30px auto;
 padding-left:60px;
 text-align:center;
 border:0px solid yellow;
}


/* Pupils */

.PupilsContainer
{
 width:800px;
 margin:0px auto 20px auto;
 padding:0;
 border:0px solid red;
}

.PupilsHeader
{
 position:relative;
 width:700px;
 height:80px;
 margin:10px auto 20px auto;
 padding:0;
 background:-webkit-linear-gradient(#F5F5F5 90%,#DFDFDF);
 background:linear-gradient(#F5F5F5 90%,#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;
 cursor:pointer;
}

.PupilsHeaderImg {display:inline-block; padding:2px 2px 2px 6px;}
.PupilsHeaderImg2 {position:absolute; width:64px; height:64px; top:5px; right:6px;}

.PupilsHeaderTitle
{
 display:inline-block;
 padding:2px 6px 2px 6px;
 vertical-align:24px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:20pt;
 color:#596E9D;
}

.PupilsMenuPodContainer
{
 width:750px;
 margin:0px auto 20px auto;
 padding:0 0 0 30px;
 list-style:none;
 border:0px solid yellow;
}

.PupilsMenuPodItem
{
 position:relative;
 display:inline-block;
 vertical-align:top;
 text-align:center;
 padding:0;
 margin:0 10px 15px 10px;
 border:0px solid green;
}

.PupilsMenuPod
{
 width:140px;
 height:140px;
 padding:4px 10px 0 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;
 cursor:pointer;
}

.PupilsMenuImgBg
{
 width:66px;
 height:66px;
 border-radius:66px;
 background-color:#C4D4F2;
 padding:0px 5px 5px 5px;
 margin:10px auto 5px auto;
}

.PupilsMenuImg
{
 text-align:center;
 padding:10px 0 5px 0;
}

.PupilsMenuDesc
{
 padding:3px 0 0 0;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:#596E9D;
}


.PupilsMenuNote
{
 margin:80px auto 0 auto;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
 border:0px solid yellow;
}

.PupilsMenuLinks {color:yellow;}
.PupilsMenuLinks:hover {color:orange;}

.PupilsGoBack
{
 margin:30px auto 30px auto;
 text-align:center;
 border:0px solid yellow;
}


/* Fitness Pods */

.PodsCalendarContainer
{
 position:relative;
 width:800px;
 margin:0px auto 0px auto;
 padding:0;
 border:0px solid red;
}

.PodsNoPupilPicContainer
{
 position:absolute;
 margin:20px 10px 10px -60px;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid yellow;
}

.PodsPupilPicContainer
{
 position:absolute;
 margin:10px 10px 10px -75px;
 border:0px solid yellow;
}

.PodsPupilNameContainer
{
 position:absolute;
 width:180px;
 margin:-40px auto 0 -25px;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid red;
}

.PodsCalendarPod
{
 width:620px;
 height:110px;
 margin:0 auto 40px 130px;
 padding:0;
 background:-webkit-linear-gradient(#F5F5F5 90%,#DFDFDF);
 background:linear-gradient(#F5F5F5 90%,#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;
 cursor:pointer;
}

.PodsCalendarHeader
{
 width:620px;
 height:50px;
 margin:0;
 padding:0;
 background:-webkit-linear-gradient(#EE0000 40%,#B70000);
 background:linear-gradient(#EE0000 40%,#B70000);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE0000',endColorstr='#B70000',GradientType=0);
 border-radius:10px 10px 0 0;
}

.PodsCalendarHeaderList {width:600px; list-style:none; margin:10px auto 0 auto; padding:0;}

.PodsCalendarHeaderLeftArrow
{
 float:left;
 width:40px;
 height:30px;
 margin:10px 0 0 10px;
 padding:0;
 vertical-align:middle;
 text-align:left;
 color:white;
}

.PodsCalendarHeaderWeeks
{
 float:left;
 width:490px;
 height:30px;
 margin:0;
 padding:0;
 text-align:center;
}

.PodsCalendarHeaderRightArrow
{
 float:left;
 width:40px;
 height:30px;
 margin:10px 0 0 10px;
 padding:0;
 text-align:right;
 font-weight:bold;
 color:white;
}

.PodsCalendarWeeks
{
 margin:0;
 padding:0;
 background-color:#EE0000;
 border:1px solid #BE0000;
 outline:none;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
}

.PodsCalendarDaysContainer {width:620px; margin:0; padding:0;}

.PodsCalendarDaysList
{
 width:530px;
 margin:0px auto 0px auto;
 padding:0;
 list-style:none;
}

.PodsCalendarDayPrefix
{
 display:inline;
 float:left;
 width:10px;
 height:56px;
 margin:0;
 padding:4px 0 0 0;
 line-height:26px;
 vertical-align:middle;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:#555555;
 border-right:1px solid #D9D9D9;
}

.PodsCalendarDay
{
 display:inline;
 float:left;
 width:68px;
 height:56px;
 margin:0;
 padding:4px 0 0 0;
 line-height:26px;
 vertical-align:middle;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:#555555;
 border-left:1px solid white;
 border-right:1px solid #D9D9D9;
}

.PodsCalendarDaySelected
{
 background:-webkit-linear-gradient(#6C6C6C 40%,#000000);
 background:linear-gradient(#6C6C6C 40%,#000000);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6C6C6C',endColorstr='#000000',GradientType=0);
 color:white;
}

.PodsContainer
{
 width:800px;
 margin:0px auto 20px auto;
 padding:0;
 border:0px solid red;
}

.PodsMenuPod
{
 width:160px;
 height:160px;
 padding:7px 10px 0 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;
 cursor:pointer;
}

.PodsMenuPod2
{
 width:160px;
 height:160px;
 padding:7px 10px 0 10px;
 background-image:url('../imgs/bg-padlock.png'), -webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background-image:url('../imgs/bg-padlock.png'), 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;
 cursor:pointer;
}

.PodsMenuPodContainer
{
 width:650px;
 margin:0px auto 20px auto;
 padding:0 0 0 100px;
 list-style:none;
 border:0px solid yellow;
}

.PodsMenuPodItem
{
 position:relative;
 display:inline-block;
 vertical-align:top;
 text-align:center;
 padding:0;
 margin:0 15px 30px 15px;
 border:0px solid green;
}

.PodsMenuPod-Ticked
{
 width:160px;
 height:160px;
 padding:7px 10px 0 10px;
 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;
 cursor:pointer;
}

.PodsMenuPod2-Ticked
{
 width:160px;
 height:160px;
 padding:7px 10px 0 10px;
 background-image:url('../imgs/bg-padlock2.png'), -webkit-linear-gradient(#33D200 40%,#37C100);
 background-image:url('../imgs/bg-padlock2.png'), 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;
 cursor:pointer;
}

.PodsMenuImgBg
{
 width:90px;
 height:90px;
 border-radius:90px;
 background-color:#C4D4F2;
 padding:0px 5px 5px 5px;
 margin:5px auto 5px auto;
}

.PodsMenuImgBg-Ticked
{
 width:90px;
 height:90px;
 border-radius:90px;
 background-color:#28B82E;
 padding:0px 5px 5px 5px;
 margin:5px auto 5px auto;
}

.PodsMenuImg
{
 text-align:center;
 padding:0 0 5px 0;
}

.PodsMenuDesc-Ticked
{
 padding:2px 0 0 0;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:13pt;
 color:white;
}

.PodsMenuDesc
{
 padding:2px 0 0 0;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:13pt;
 color:#596E9D;
}

.PodsMenuNote
{
 margin:80px auto 0 auto;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
}

.PodsTickRim
{
 position:absolute;
 top:-12px;
 right:-12px;
 width:50px;
 height:50px;
 border-radius:50px;
 background-color:#33D200;
}

.PodsTickOuter
{
 position:absolute;
 top:5px;
 left:5px;
 width:40px;
 height:40px;
 border-radius:40px;
 padding:0;
 background-color:white;
}

.PodsTickInner
{
 position:absolute;
 top:5px;
 left:5px;
 width:30px;
 height:30px;
 border-radius:30px;
 background-color:#33D200;
}

.PodsTick
{
 position:absolute;
 width:30px;
 height:30px;
 padding-top:5px;
 text-align:center;
 color:white;
}

.PodsNote
{
 margin:50px auto 0 auto;
 padding-left:70px;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
 border:0px solid red;
}

.PodsGoBack
{
 margin:30px auto 30px auto;
 padding-left:60px;
 text-align:center;
 border:0px solid yellow;
}


/* Reports */

.ReportContainer
{
 width:800px;
 margin:0px auto 0px auto;
 padding:0;
}

.ReportMenuPodContainer
{
 width:650px;
 margin:0px auto 20px auto;
 padding:0 0 0 100px;
 list-style:none;
 border:0px solid yellow;
}

.ReportMenuPodItem
{
 position:relative;
 display:inline-block;
 vertical-align:top;
 text-align:center;
 padding:0;
 margin:0px 10px 20px 10px;
 border:0px solid green;
}

.ReportMenuPod
{
 width:160px;
 height:168px;
 padding:7px 10px 0 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;
 cursor:pointer;
}

.ReportMenuImgBg
{
 width:90px;
 height:90px;
 border-radius:90px;
 background-color:#C4D4F2;
 padding:0px 5px 5px 5px;
 margin:10px auto 5px auto;
}

.ReportMenuImg
{
 text-align:center;
 padding:8px 0 5px 0;
}

.ReportMenuDesc
{
 padding:5px 0 0 0;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:#596E9D;
}

.ReportFilterPod
{
 width:750px;
 height:135px;
 margin:0 auto 20px 70px;
 padding:0;
 background:-webkit-linear-gradient(#F5F5F5 90%,#DFDFDF);
 background:linear-gradient(#F5F5F5 90%,#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;
 cursor:pointer;
}

.ReportFilterShortPod
{
 width:750px;
 height:105px;
 margin:0 auto 20px 70px;
 padding:0;
 background:-webkit-linear-gradient(#F5F5F5 90%,#DFDFDF);
 background:linear-gradient(#F5F5F5 90%,#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;
 cursor:pointer;
}

.ReportFilterHeader
{
 width:750px;
 height:45px;
 margin:0;
 padding:0;
 background:-webkit-linear-gradient(#EE0000 40%,#B70000);
 background:linear-gradient(#EE0000 40%,#B70000);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE0000',endColorstr='#B70000',GradientType=0);
 border-radius:10px 10px 0 0;
}

.ReportFilterHeaderTitle
{
 margin:5px 0 0 5px;
 padding:4px;
 text-align:left;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:white;
}

.ReportFilterContainer {float:left; min-width:640px; margin:10px 0 0 4px; padding:0;}
.ReportFilterContainerPupil {float:left; min-width:360px; margin:10px 0 0 4px; padding:0;}

.ReportFilterPrompt
{
 margin:0 10px 0 10px;
 padding:0 6px 0 0;
 text-align:right;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:#5D5D5D;
}

.ReportFilterPrompt2
{
 width:80px;
 margin:0 10px 0 10px;
 padding:0 6px 0 10px;
 text-align:left;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:#5D5D5D;
}

.ReportFilterData {height:35px;}

.ReportFilterMenu
{
 margin:0;
 padding:0;
 outline:none;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:#5D5D5D;
}

.ReportFilterFixedMenu
{
 width:335px;
 margin:0;
 padding:0;
 outline:none;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:#5D5D5D;
}

.ReportPod
{
 width:160px;
 height:160px;
 padding:7px 10px 0 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;
 cursor:pointer;
}

.ReportPodContainer
{
 width:650px;
 margin:0px auto 20px auto;
 padding:0 0 0 100px;
 list-style:none;
 border:0px solid yellow;
}

.ReportPodItem
{
 position:relative;
 display:inline-block;
 vertical-align:top;
 text-align:center;
 padding:0;
 margin:0 15px 30px 15px;
 border:0px solid green;
}

.ReportPodNote
{
 margin:0 auto 0 auto;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
}

.ReportPodNote2
{
 margin:0 auto 0 auto;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
}

.ReportGoBack
{
 margin:-10px auto 40px auto;
 padding-left:60px;
 text-align:center;
 border:0px solid yellow;
}

.ReportFitBarsContainer {width:750px; margin:0 auto 40px 70px; padding:0; border:0px solid yellow;}

.ReportFitBars {
 position:relative;
 display:block;
 margin-bottom:20px;
 width:100%;
 height:55px;
 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-transition:0.4s linear;
 -moz-transition:0.4s linear;
 -ms-transition:0.4s linear;
 -o-transition:0.4s linear;
 transition:0.4s linear;
 -webkit-transition-property:width, background-color;
 -moz-transition-property:width, background-color;
 -ms-transition-property:width, background-color;
 -o-transition-property:width, background-color;
 transition-property:width, background-color;
}

.ReportFitBars-Title {
 position:absolute;
 top:0;
 left:0;
 width:120px;
 height:55px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:15px;
 color:#5D5D5D;
 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-top-left-radius:3px;
 border-bottom-left-radius:3px;
 border-bottom:5px solid #CFCFCF;
 z-index:1;
}

.ReportFitBars-Title SPAN {
 display:block;
 background:rgba(0,0,0,0.1);
 padding:12px 10px 10px 10px;
 height:38px;
 -webkit-border-top-left-radius:3px;
 -webkit-border-bottom-left-radius:3px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-bottomleft:3px;
 border-top-left-radius:3px;
 border-bottom-left-radius:3px;
}

.ReportFitBars-Title2 {
 position:absolute;
 top:0;
 left:0;
 width:120px;
 height:55px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:13px;
 color:#5D5D5D;
 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-top-left-radius:3px;
 border-bottom-left-radius:3px;
 border-bottom:5px solid #CFCFCF;
 z-index:1;
}

.ReportFitBars-Title2 SPAN {
 display:block;
 background:rgba(0,0,0,0.1);
 padding:12px 10px 10px 10px;
 height:38px;
 -webkit-border-top-left-radius:3px;
 -webkit-border-bottom-left-radius:3px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-bottomleft:3px;
 border-top-left-radius:3px;
 border-bottom-left-radius:3px;
}

.ReportFitBars-Bar {
 position:absolute;
 height:55px;
 left:118px;
 width:0px;
 padding:0;
 background:-webkit-linear-gradient(#ADD929 40%,#83B321);
 background:linear-gradient(#ADD929 40%,#83B321);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADD929',endColorstr='#83B321',GradientType=0);
 border-radius:3px 10px 10px 3px;
 border-bottom:5px solid #74A820;
 z-index:0;
}

.ReportFitBars-TargetBar {
 background:-webkit-linear-gradient(#FFE0C0 40%,#FFC080);
 background:linear-gradient(#FFE0C0 40%,#FFC080);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE0C0',endColorstr='#FFC080',GradientType=0);
 border-bottom:5px solid #FF8000;
}

.ReportFitBars-Percent {
 position:absolute;
 right:10px;
 top:0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:15px;
 height:55px;
 line-height:55px;
 /* color:#444; */
 color:rgba(0,0,0,0.6);
}

.ReportFitBars-Loader
{
 position:absolute;
 top:100px;
 left:440px;
 height:30px;
 width:50px;
 text-align:center;
 vertical-align:middle;
 padding:10px;
 border-radius:6px;
 background-color:rgba(0,0,0,0.08);
 font-size:14px;
 color:black;
 z-index:999;
}

.ReportFitBars-CertHidden {float:left; margin:10px 0 0 -60px; cursor:pointer;}

.ReportFitBarPodOverlay
{
 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;
}

.ReportFitBarPodModal
{
 position:absolute;
 width:400px;
 height:180px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-80px;
 margin-left:-220px;
 padding:4px;
 background-color:#FFFFFF;
 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: bounceInUp; 
 animation-name: bounceInUp;
 z-index:11;
}

.ReportFitBarPodModalHeader
{
 width:384px;
 height:28px;
 margin:0;
 padding:6px 2px 0px 14px;
 background:-webkit-linear-gradient(#0062BA 40%,#1E3979);
 background:linear-gradient(#0062BA 40%,#1E3979);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0062BA',endColorstr='#1E3979',GradientType=0);
 border-radius:10px 10px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid blue;
}

.ReportFitBarPodModalText
{
 margin:10px 10px 0 10px;
 min-height:50px;
 padding:4px;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid blue;
}

.ReportFitBarPodModalBtns
{
 float:right;
 margin:8px 10px 0 10px;
 border:0px solid green;
}

.ReportFitBarPodInput1Container
{
 float:left;
 display:inline-block;
 width:250px;
 height:30px;
 padding:4px;
 margin:6px 0 3px 0;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.ReportFitBarPodInput1
{
 width:220px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.ReportMiniTableContainer {width:750px; margin:0 auto 40px 70px; padding:0; border:0px solid yellow;}

.ReportMiniTablePodContainer
{
 width:730px;
 margin:0px auto 20px auto;
 padding:0px;
 list-style:none;
 border:0px solid yellow;
}

.ReportMiniTablePodItem
{
 position:relative;
 display:inline-block;
 vertical-align:top;
 text-align:center;
 padding:0;
 margin:0px 10px 20px 10px;
 border:0px solid green;
}

.ReportMiniTablePod
{
 width:340px;
 height:220px;
 padding:7px 0 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;
}

.ReportMiniTablePodTitle
{
 padding:5px;
 margin-bottom:5px;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18px;
 color:#5D5D5D;
}

.ReportMiniTablePodRow
{
 list-style:none;
 padding:0;
 margin:0;
}

.ReportMiniTablePodEmptyTitle
{
 padding:5px;
 margin-bottom:5px;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18px;
 color:#E0E0E0;
}

.ReportMiniTablePodEmptyPosOn
{
 display:inline-block;
 padding:5px;
 height:12px;
 margin:2px 1px 2px 1px;
 border:2px dotted #C9C9C9;
 border-radius:4px;
 text-align:left;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:11pt;
 color:#5D5D5D;
}

.ReportMiniTablePodEmptyPosOff
{
 display:inline-block;
 padding:0;
 margin:2px 1px 2px 1px;
 border:0;
}

.ReportMiniTablePodPosOn
{
 display:inline-block;
 padding:5px;
 margin:2px 1px 2px 1px;
 border:1px solid gray;
 border-radius:4px;
 background-color:white;
 text-align:left;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:11pt;
 color:#5D5D5D;
}

.ReportMiniTablePodPosOff
{
 display:inline-block;
 padding:0;
 margin:2px 1px 2px 1px;
 border:0;
}

.ReportMiniTablePodCell1 {width:10px; text-align:left;}
.ReportMiniTablePodCell2 {width:155px; text-align:left;}
.ReportMiniTablePodCell3 {width:75px; text-align:right;}
.ReportMiniTablePodCell4 {width:32px; height:24px; text-align:center;}

.ReportMiniTablePodCell4 IMG {width:24px; height:24px; padding:0; margin:0; vertical-align:middle; cursor:pointer;}

.ReportMiniTablePodNote
{
 margin:0 auto 0 auto;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
}

.ReportMiniTablePodNote2
{
 margin:0 auto 0 auto;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
}

.ReportGFGContainer {width:750px; margin:0 auto 40px 70px; padding:0; border:0px solid yellow;}

.ReportGFGPodContainer
{
 width:700px;
 margin:0px auto 20px auto;
 padding:0px;
 list-style:none;
 border:0px solid yellow;
}

.ReportGFGPodItem
{
 position:relative;
 display:inline-block;
 vertical-align:top;
 text-align:center;
 padding:0;
 margin:0px 10px 20px 10px;
 border:0px solid green;
}

.ReportGFGPod
{
 width:150px;
 height:290px;
 padding:0 0 0 0;
 background-color:white;
 border-radius:30px;
 border-bottom:5px solid #E4E4E4;
 box-shadow:0px 2px 10px #2F2F2F;
}

.ReportGFGPodPupilContainer
{
 position:relative;
 width:150px;
 margin:0 auto 0 auto;
 padding:10px 0 5px 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:30px 30px 50px 50px;
}

.ReportGFGPodPupilBG
{
 position:relative;
 width:100px;
 height:100px;
 margin:0 auto 0 auto;
 padding:0;
 border:8px solid #DFDFDF;
 border-radius:100px;
}

.ReportGFGPodPupilPicBG
{
 position:absolute;
 width:70px;
 height:70px;
 top:25px;
 left:32px;
 margin:0;
 padding:0;
 border:8px solid #DFDFDF;
 border-radius:70px;
}

.ReportGFGPodPupilPic
{
 position:absolute;
 top:16px;
 left:0px;
 margin:0;
 padding:0;
}

.ReportGFGPodNoPupilPic
{
 position:absolute;
 top:24px;
 left:28px;
 margin:0;
 padding:0;
}

.ReportGFGPodPupilName
{
 width:140px;
 padding:0;
 margin:5px auto 5px auto;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:11pt;
 color:#5D5D5D;
 border:0px solid blue;
}

.ReportGFGPodMedalContainer
{
 position:relative;
 width:150px;
 margin:8px auto 0 auto;
 padding:0;
}

.ReportGFGPodMedalBG
{
 position:relative;
 width:80px;
 height:80px;
 margin:0 auto 0 auto;
 padding:0;
 background-color:#C9C9C9;
 border-radius:80px;
}

.ReportGFGPodMedalPic
{
 margin:0 auto 0 auto;
 padding:0;
}

.ReportGFGPodMedalName
{
 position:absolute;
 top:29px;
 left:60px;
 text-align:center;
 letter-spacing:2px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:16px;
}

.ReportGFGPodMedalBlue {color:#FFFFFF; text-shadow:0px 0px 4px #000000;}
.ReportGFGPodMedalBronze {color:#FFC080; text-shadow:0px 0px 4px #000000;}
.ReportGFGPodMedalSilver {color:#EAEAEA; text-shadow:0px 0px 4px #000000;}
.ReportGFGPodMedalGold {color:#FFFF80; text-shadow:0px 0px 4px #000000;}

.ReportGFGPodNote
{
 margin:0 auto 0 auto;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
}

.ReportGFGPodNote2
{
 margin:0 auto 0 auto;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
}

.ReportGFGGoBack
{
 margin:-10px auto 40px auto;
 padding-left:60px;
 text-align:center;
 border:0px solid yellow;
}

.ReportAAContainer {width:750px; margin:0 auto 40px 70px; padding:0; border:0px solid yellow;}

.ReportAAPodContainer
{
 width:700px;
 margin:0px auto 20px auto;
 padding:0px;
 list-style:none;
 border:0px solid yellow;
}

.ReportAAPodItem
{
 position:relative;
 display:inline-block;
 vertical-align:top;
 text-align:center;
 padding:0;
 margin:0px 10px 20px 10px;
 border:0px solid green;
}

.ReportAAPod
{
 width:150px;
 height:290px;
 padding:0 0 0 0;
 background-color:white;
 border-radius:30px;
 border-bottom:5px solid #E4E4E4;
 box-shadow:0px 2px 10px #2F2F2F;
}

.ReportAAPodPupilContainer
{
 position:relative;
 width:150px;
 margin:0 auto 0 auto;
 padding:10px 0 5px 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:30px 30px 50px 50px;
}

.ReportAAPodPupilBG
{
 position:relative;
 width:100px;
 height:100px;
 margin:0 auto 0 auto;
 padding:0;
 border:8px solid #DFDFDF;
 border-radius:100px;
}

.ReportAAPodPupilPicBG
{
 position:absolute;
 width:70px;
 height:70px;
 top:25px;
 left:32px;
 margin:0;
 padding:0;
 border:8px solid #DFDFDF;
 border-radius:70px;
}

.ReportAAPodPupilPic
{
 position:absolute;
 top:16px;
 left:0px;
 margin:0;
 padding:0;
}

.ReportAAPodNoPupilPic
{
 position:absolute;
 top:24px;
 left:28px;
 margin:0;
 padding:0;
}

.ReportAAPodPupilName
{
 width:140px;
 padding:0;
 margin:5px auto 5px auto;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:11pt;
 color:#5D5D5D;
 border:0px solid blue;
}

.ReportAAPodAnimalContainer
{
 position:relative;
 width:150px;
 margin:8px auto 0 auto;
 padding:0;
}

.ReportAAPodAnimalBG
{
 position:relative;
 width:80px;
 height:80px;
 margin:0 auto 0 auto;
 padding:0;
 background-color:#C9C9C9;
 border-radius:80px;
}

.ReportAAPodAnimalPic
{
 margin:-10px auto 0 auto;
 padding:0;
}

.ReportAAPodNoAnimalPic
{
 margin:-10px auto 0 auto;
 padding:0;
}

.ReportAAPodAnimalName
{
 position:absolute;
 top:29px;
 left:60px;
 text-align:center;
 letter-spacing:2px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:16px;
}

.ReportAAPodNoAnimal {padding-top:40px; color:#596E9D;}
.ReportAAPodElephant {padding-top:40px; color:yellow; text-shadow:0px 0px 4px #000000;}
.ReportAAPodGiraffe {padding-top:40px; color:yellow; text-shadow:0px 0px 4px #000000;}
.ReportAAPodRhino {padding-top:40px; color:yellow; text-shadow:0px 0px 4px #000000;}
.ReportAAPodLion {padding-top:40px; color:yellow; text-shadow:0px 0px 4px #000000;}
.ReportAAPodCheetah {padding-top:40px; color:yellow; text-shadow:0px 0px 4px #000000;}

.ReportAAPodNote
{
 margin:0 auto 0 auto;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
}

.ReportAAPodNote2
{
 margin:0 auto 0 auto;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:18pt;
 color:white;
}

.ReportAAGoBack
{
 margin:-10px auto 40px auto;
 padding-left:60px;
 text-align:center;
 border:0px solid yellow;
}

.ReportBattleBarsContainer {width:750px; margin:0 auto 40px 70px; padding:0; border:0px solid yellow;}

.ReportBattleBars {
 position:relative;
 display:block;
 margin-bottom:10px;
 width:100%;
 height:55px;
 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-transition:0.4s linear;
 -moz-transition:0.4s linear;
 -ms-transition:0.4s linear;
 -o-transition:0.4s linear;
 transition:0.4s linear;
 -webkit-transition-property:width, background-color;
 -moz-transition-property:width, background-color;
 -ms-transition-property:width, background-color;
 -o-transition-property:width, background-color;
 transition-property:width, background-color;
}

.ReportBattleBars-Title {
 position:absolute;
 top:0;
 left:0;
 width:160px;
 height:55px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:15px;
 color:#5D5D5D;
 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-top-left-radius:3px;
 border-bottom-left-radius:3px;
 border-bottom:5px solid #CFCFCF;
 z-index:1;
}

.ReportBattleBars-Title SPAN {
 display:block;
 background:rgba(0,0,0,0.1);
 padding:22px 10px 10px 10px;
 height:38px;
 -webkit-border-top-left-radius:3px;
 -webkit-border-bottom-left-radius:3px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-bottomleft:3px;
 border-top-left-radius:3px;
 border-bottom-left-radius:3px;
}

.ReportBattleBars-Title2 {
 position:absolute;
 top:0;
 left:0;
 width:120px;
 height:55px;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:13px;
 color:#5D5D5D;
 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-top-left-radius:3px;
 border-bottom-left-radius:3px;
 border-bottom:5px solid #CFCFCF;
 z-index:1;
}

.ReportBattleBars-Title2 SPAN {
 display:block;
 background:rgba(0,0,0,0.1);
 padding:12px 10px 10px 10px;
 height:38px;
 -webkit-border-top-left-radius:3px;
 -webkit-border-bottom-left-radius:3px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-bottomleft:3px;
 border-top-left-radius:3px;
 border-bottom-left-radius:3px;
}

.ReportBattleBars-Bar {
 position:absolute;
 height:55px;
 left:118px;
 width:0px;
 padding:0;
 background:-webkit-linear-gradient(#ADD929 40%,#83B321);
 background:linear-gradient(#ADD929 40%,#83B321);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADD929',endColorstr='#83B321',GradientType=0);
 border-radius:3px 10px 10px 3px;
 border-bottom:5px solid #74A820;
 z-index:0;
}

.ReportBattleBars-TargetBar {
 background:-webkit-linear-gradient(#FFE0C0 40%,#FFC080);
 background:linear-gradient(#FFE0C0 40%,#FFC080);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE0C0',endColorstr='#FFC080',GradientType=0);
 border-bottom:5px solid #FF8000;
}

.ReportBattleBars-Percent {
 position:absolute;
 right:10px;
 top:0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:15px;
 height:55px;
 line-height:55px;
 /* color:#444; */
 color:rgba(0,0,0,0.6);
}

.ReportBattleBars-Loader
{
 position:absolute;
 top:100px;
 left:440px;
 height:30px;
 width:50px;
 text-align:center;
 vertical-align:middle;
 padding:10px;
 border-radius:6px;
 background-color:rgba(0,0,0,0.08);
 font-size:14px;
 color:black;
 z-index:999;
}

.ReportBattleBars-CertHidden {float:left; margin:10px 0 0 -60px; cursor:pointer;}

.ReportBattleBarPodOverlay
{
 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;
}

.ReportBattleBarPodModal
{
 position:absolute;
 width:400px;
 height:180px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-80px;
 margin-left:-220px;
 padding:4px;
 background-color:#FFFFFF;
 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: bounceInUp; 
 animation-name: bounceInUp;
 z-index:11;
}

.ReportBattleBarPodModalHeader
{
 width:384px;
 height:28px;
 margin:0;
 padding:6px 2px 0px 14px;
 background:-webkit-linear-gradient(#0062BA 40%,#1E3979);
 background:linear-gradient(#0062BA 40%,#1E3979);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0062BA',endColorstr='#1E3979',GradientType=0);
 border-radius:10px 10px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid blue;
}

.ReportBattleBarPodModalText
{
 margin:10px 10px 0 10px;
 min-height:50px;
 padding:4px;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid blue;
}

.ReportBattleBarPodModalBtns
{
 float:right;
 margin:8px 10px 0 10px;
 border:0px solid green;
}

.ReportBattleBarPodInput1Container
{
 float:left;
 display:inline-block;
 width:250px;
 height:30px;
 padding:4px;
 margin:6px 0 3px 0;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.ReportBattleBarPodInput1
{
 width:220px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}


/* Settings Main Menu */

.SettgsContainer
{
 width:800px;
 margin:0px auto 20px auto;
 padding:0;
 border:0px solid red;
}

.SettgsMenuPodContainer
{
 width:650px;
 margin:0px auto 20px auto;
 padding:0 0 0 100px;
 list-style:none;
 border:0px solid yellow;
}

.SettgsMenuPodContainer2
{
 width:700px;
 min-height:400px;
 margin:0px auto 20px auto;
 padding:0 0 0 50px;
 list-style:none;
 border:0px solid yellow;
}

.SettgsMenuPodItem
{
 position:relative;
 display:inline-block;
 vertical-align:top;
 text-align:center;
 padding:0;
 margin:0 15px 15px 15px;
 border:0px solid green;
}

.SettgsMenuPod
{
 width:160px;
 height:160px;
 padding:7px 10px 0 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;
 cursor:pointer;
}

.SettgsMenuPodNoMouseOver
{
 width:160px;
 height:160px;
 padding:7px 10px 0 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;
}

.SettgsMenuPod2
{
 width:180px;
 height:170px;
 padding:7px 10px 0 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;
 cursor:pointer;
}

.SettgsMenuPodNoMouseOver2
{
 width:180px;
 height:170px;
 padding:7px 10px 0 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;
}

.SettgsMenuPodNoMouseOver3
{
 width:180px;
 height:170px;
 padding:7px 10px 0 10px;
 background-image:url('../imgs/bg-padlock.png'), -webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background-image:url('../imgs/bg-padlock.png'), 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;
}

.SettgsMenuPodNoMouseOverDisabled
{
 width:180px;
 height:170px;
 padding:7px 10px 0 10px;
 background-image:url('../imgs/bg-no-entry.png'), -webkit-linear-gradient(#F5F5F5 40%,#DFDFDF);
 background-image:url('../imgs/bg-no-entry.png'), 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;
}

.SettgsMenuPodEditClass {position:absolute; top:5px; left:8px; color:#596E9D; cursor:pointer;}

.SettgsMenuPodDelClass {position:absolute; top:3px; right:8px; color:#596E9D; cursor:pointer;}

.SettgsMenuPodEditPod {position:absolute; top:5px; left:8px; color:#596E9D; cursor:pointer;}

.SettgsMenuPodDelPod {position:absolute; top:3px; right:8px; color:#596E9D; cursor:pointer;}

.SettgsMenuImgBg
{
 width:90px;
 height:90px;
 border-radius:90px;
 background-color:#C4D4F2;
 padding:0px 5px 5px 5px;
 margin:10px auto 5px auto;
}

.SettgsMenuDottedBg
{
 width:100px;
 height:86px;
 border:2px dotted #596E9D;
 border-radius:10px;
 padding:0px 5px 5px 5px;
 margin:10px auto 5px auto;
}

.SettgsMenuImg
{
 text-align:center;
 padding:8px 0 5px 0;
}

.SettgsMenuDesc
{
 padding:10px 0 0 0;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:#596E9D;
}

.SettgsMenuDesc2
{
 display:block;
 width:178px;
 height:40px;
 padding:10px 0 0 0;
 vertical-align:top;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:#596E9D;
 border:0px solid blue;
}

.SettgsMenuDesc3
{
 display:block;
 width:158px;
 height:38px;
 padding:4px 0 0 0;
 vertical-align:top;
 text-align:center;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:#596E9D;
 border:0px solid blue;
}

.SettgsPod
{
 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;
}

.SettgsPod2
{
 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;
}

.SettgsPodContentFrame {width:795px; padding:4px;}

.SettgsPodTitle {text-align:left; padding:8px 0px 6px 7px;}

.SettgsPodMedalIcons {margin-top:-20px;}
.SettgsPodAnimalIcons {margin-top:-40px;}

.SettgsPodLabel1Container
{
 float:left;
 display:inline-block;
 width:120px;
 margin:18px 0 0 7px;
 text-align:right;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
}

.SettgsPodInput1Container
{
 float:left;
 display:inline-block;
 width:380px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPodInput1
{
 width:340px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsPodInput2Container
{
 float:left;
 display:inline-block;
 width:120px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPodInput2
{
 width:80px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsPodInput3Container
{
 float:left;
 display:inline-block;
 width:300px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPodInput3
{
 width:260px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsPodInput4Container
{
 float:left;
 display:inline-block;
 width:160px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPodInput4
{
 width:120px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsPodInput5Container
{
 float:left;
 display:inline-block;
 width:150px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPodInput5
{
 width:110px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsPodInput6Container
{
 float:left;
 display:inline-block;
 width:100px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPodInput6
{
 width:60px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsPodInput7Container
{
 float:left;
 display:inline-block;
 width:100px;
 height:30px;
 padding:6px 4px 2px 4px;
 margin:3px 0 3px 7px;
 color:#596E9D;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 letter-spacing:1px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPodInput8Container
{
 float:left;
 display:inline-block;
 width:100px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPodInputDisabledContainer
{
 float:left;
 display:inline-block;
 width:120px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #9A9A9A;
 border-radius:10px;
 background:#EBEBE4;
}

.SettgsPodInputDisabled
{
 width:80px;
 height:30px;
 border:0;
 color:#9A9A9A;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsPodInputSeparator
{
 float:left;
 display:inline-block;
 width:10px;
 height:30px;
 padding:0;
 margin:10px 0px 4px 6px;
 color:#596E9D;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:16pt;
 border:0px solid purple;
}

.SettgsPodStatusDisabled {width:40px; vertical-align:-4px; text-align:center; color:#9A9A9A;}
.SettgsPodStatusActive {width:40px; vertical-align:-4px; text-align:center; color:#596E9D;}
.SettgsPodStatusHidden {width:40px; vertical-align:-4px; text-align:center; color:white;}
.SettgsPodStatusOK {width:40px; vertical-align:-4px; text-align:center; color:green;}
.SettgsPodStatusError {width:40px; vertical-align:-4px; text-align:center; color:red;}

.SettgsTabLinkContainer {position:relative; width:565px; height:29px; margin:0 0 0 8px; padding:0;}

.SettgsTabLinkList {position:absolute; list-style:none; width:565px; margin:0; padding:0;}

.SettgsTabLink
{
 display:inline-block;
 width:120px;
 padding:6px;
 margin:0;
 background-color:#596E9D;
 border-left:3px solid #596E9D;
 border-top:3px solid #596E9D;
 border-right:3px solid #596E9D;
 border-radius:10px 10px 0 0;
 color:white;
 cursor:pointer;
}

.SettgsTabLinkSelected
{
 display:inline-block;
 width:120px;
 padding:6px;
 margin:0;
 background-color:white;
 border-left:3px solid #596E9D;
 border-top:3px solid #596E9D;
 border-right:3px solid #596E9D;
 border-radius:10px 10px 0 0;
 color:#596E9D;
 cursor:pointer;
}

.SettgsTabContainer
{
 width:775px;
 margin:0 8px 0 8px;
 padding:0;
 background-color:white;
 border:3px solid #596E9D;
 border-radius:0 10px 10px 10px;
}

.SettgsTabFormBG
{
 width:760px;
 margin:0 8px 0 8px;
 padding:0;
 background-color:white;
}

.SettgsPodYearStartInfo
{
 float:left;
 margin:18px 0 0 7px;
 padding:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
}

.SettgsPodInputDivider {height:1px;}
.SettgsPodInputDivider2 {height:1px;}
.SettgsPodInputDivider3 {height:10px;}
.SettgsPodInputDivider4 {height:40px;}
.SettgsPodInputDivider5 {height:20px;}
.SettgsPodInputDivider6 {height:30px;}

.SettgsPodLogoContainer
{
 position:absolute;
 top:63px;
 right:30px;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
}

.SettgsPodLogo
{
 width:200px;
 height:200px; 
 border:3px solid #596E9D;
 border-radius:10px;
 background:url('../imgs/no-logo.png') no-repeat 0 0;
 background-color:white;
 padding:0px;
 margin:0 0 7px 0;
}

.SettgsPodLogoActions {margin-right:10px; cursor:pointer;}

.SettgsPodBtnContainer {float:left; margin:14px 0 0 135px;}

.SettgsPodOverlay
{
 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;
}

.SettgsPodModal
{
 position:absolute;
 width:400px;
 height:153px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-80px;
 margin-left:-220px;
 padding:4px;
 background-color:#FFFFFF;
 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: bounceInUp; 
 animation-name: bounceInUp;
 z-index:11;
}

.SettgsPodModal2
{
 position:absolute;
 width:400px;
 height:123px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-80px;
 margin-left:-220px;
 padding:4px;
 background-color:#FFFFFF;
 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: bounceInUp; 
 animation-name: bounceInUp;
 z-index:11;
}

.SettgsPodNewYearModal
{
 position:absolute;
 width:400px;
 height:223px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-110px;
 margin-left:-220px;
 padding:4px;
 background-color:#FFFFFF;
 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: bounceInUp; 
 animation-name: bounceInUp;
 z-index:11;
}

.SettgsPodModalHeader
{
 width:384px;
 height:28px;
 margin:0;
 padding:6px 2px 0px 14px;
 background:-webkit-linear-gradient(#0062BA 40%,#1E3979);
 background:linear-gradient(#0062BA 40%,#1E3979);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0062BA',endColorstr='#1E3979',GradientType=0);
 border-radius:10px 10px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid blue;
}

.SettgsPodModalText
{
 margin:10px 10px 0 10px;
 min-height:50px;
 padding:4px;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid blue;
}

.SettgsPodModalBtns
{
 float:right;
 margin:8px 10px 0 10px;
 border:0px solid green;
}

.SettgsMenuPodsHeader
{
 width:700px;
 height:28px;
 margin:10px auto 20px 65px;
 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:left;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.SettgsMenuPodsCheckboxList
{
 float:left;
 width:450px;
 margin:0;
 padding:0 0 0 20px;
 list-style:none;
 border:0px solid red; 
}

.SettgsMenuPodsCheckboxListItem
{
 display:inline-block;
 margin:8px 10px 0 0;
 text-align:left;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:14pt;
 color:#596E9D;
}

.SettgsMenuPodsCheckboxListItem INPUT {width:20px; height:20px; vertical-align:-4px;}

.SettgsMenuPodsBtnContainer {float:right; margin:0 5px 0 0; padding:0;}

.SettgsClassPodModal
{
 position:absolute;
 width:400px;
 height:158px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-80px;
 margin-left:-220px;
 padding:0px;
 background-color:#FFFFFF;
 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: bounceInUp; 
 animation-name: bounceInUp;
 z-index:11;
}

.SettgsClassPodModalHeader
{
 width:384px;
 height:28px;
 margin:0;
 padding:6px 2px 0px 14px;
 background:-webkit-linear-gradient(#0062BA 40%,#1E3979);
 background:linear-gradient(#0062BA 40%,#1E3979);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0062BA',endColorstr='#1E3979',GradientType=0);
 border-radius:10px 10px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid blue;
}

.SettgsClassPodModalText
{
 margin:10px 10px 0 10px;
 min-height:50px;
 padding:4px;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid blue;
}

.SettgsClassPodLabel1Container
{
 float:left;
 display:inline-block;
 margin:18px 0 0 7px;
 text-align:right;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
}

.SettgsClassPodInput1Container
{
 float:left;
 display:inline-block;
 width:200px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsClassPodInput1
{
 width:160px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsClassPodStatusDisabled {width:40px; vertical-align:-4px; text-align:center; color:#9A9A9A;}
.SettgsClassPodStatusActive {width:40px; vertical-align:-4px; text-align:center; color:#596E9D;}
.SettgsClassPodStatusHidden {width:40px; vertical-align:-4px; text-align:center; color:white;}
.SettgsClassPodStatusOK {width:40px; vertical-align:-4px; text-align:center; color:green;}
.SettgsClassPodStatusError {width:40px; vertical-align:-4px; text-align:center; color:red;}

.SettgsClassPodModalBtns
{
 float:right;
 margin:8px 10px 0 10px;
 border:0px solid green;
}

.SettgsTeacherPodModal
{
 position:absolute;
 width:655px;
 height:410px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-205px;
 margin-left:-325px;
 padding:0px;
 background-color:#FFFFFF;
 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: bounceInUp; 
 animation-name: bounceInUp;
 z-index:11;
}

.SettgsTeacherPodModalHeader
{
 width:640px;
 height:28px;
 margin:0;
 padding:6px 2px 0px 14px;
 background:-webkit-linear-gradient(#0062BA 40%,#1E3979);
 background:linear-gradient(#0062BA 40%,#1E3979);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0062BA',endColorstr='#1E3979',GradientType=0);
 border-radius:10px 10px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid blue;
}

.SettgsTeacherPodModalText
{
 margin:10px 10px 0 10px;
 min-height:50px;
 padding:4px;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid blue;
}

.SettgsTeacherPodLabel1Container
{
 float:left;
 display:inline-block;
 margin:18px 0 0 7px;
 text-align:right;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
}

.SettgsTeacherPodInput1Container
{
 float:left;
 display:inline-block;
 width:110px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsTeacherPodInput1
{
 width:80px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsTeacherPodInput2Container
{
 float:left;
 display:inline-block;
 width:200px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsTeacherPodInput2
{
 width:160px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsTeacherPodInput3Container
{
 float:left;
 display:inline-block;
 width:320px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsTeacherPodInput3
{
 width:280px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsTeacherPodStatusDisabled {width:40px; vertical-align:-4px; text-align:center; color:#9A9A9A;}
.SettgsTeacherPodStatusActive {width:40px; vertical-align:-4px; text-align:center; color:#596E9D;}
.SettgsTeacherPodStatusHidden {width:40px; vertical-align:-4px; text-align:center; color:white;}
.SettgsTeacherPodStatusOK {width:40px; vertical-align:-4px; text-align:center; color:green;}
.SettgsTeacherPodStatusError {width:40px; vertical-align:-4px; text-align:center; color:red;}

.SettgsTeacherPodNote
{
 float:left;
 display:inline-block;
 margin:15px 0 0 7px;
 text-align:left;
 color:red;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid green;
}

.SettgsTeacherPodModalBtns
{
 float:right;
 margin:8px 10px 0 10px;
 border:0px solid green;
}

.SettgsPupilsPod
{
 width:750px;
 min-height:100px;
 margin:15px auto 50px auto;
 padding:7px 10px 45px 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:left;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:10pt;
 color:white;
}

.SettgsPupilsPodFilterContainer
{
 width:740px;
 margin:0;
 padding:0;
 border:0px solid yellow;  
}

.SettgsPupilsPodFilterListContainer
{
 float:left;
 width:550px;
 margin:0;
 padding:0;
 list-style:none;
 border:0px solid red; 
}

.SettgsPupilsPodFilterListItem
{
 display:inline-block;
 margin:4px 10px 0 0;
 vertical-align:middle;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-weight:bold;
 font-size:14pt;
 color:#596E9D;
}

.SettgsPupilsPodFilterListItem SELECT
{
 vertical-align:middle;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:#555555;
}

.SettgsPupilsPodFilterBtnContainer
{
 float:right; margin:4px 5px 0 0; padding:0;
}

.SettgsPupilsPodDataContainer
{
 width:740px;
 margin:48px 0 0 0;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:#555555;
}

.SettgsPupilsPodHeaderFramework {width:748px;}

.SettgsPupilsPodHeaderChkBox {width:30px; padding:2px; text-align:center; cursor:pointer;}
.SettgsPupilsPodHeaderPupil {width:195px; padding:2px;}
.SettgsPupilsPodHeaderYG {width:40px; padding:2px;}
.SettgsPupilsPodHeaderClass {width:140px; padding:2px;}
.SettgsPupilsPodHeaderLogin {width:196px; padding:2px;}
.SettgsPupilsPodHeaderStatus {padding:2px;}

.SettgsPupilsPodDataBucket
{
 width:100%;
 /* height:490px; */
 margin:0px;
 padding:0px;
 /* overflow-y:auto;
 overflow-x:hidden; */
}

.SettgsPupilsPodDataFramework {width:748px; background-color:white;}

.SettgsPupilsPodDataRow {background-color:#E1E1FF;}
.SettgsPupilsPodDataRowOff {}
.SettgsPupilsPodDataRow:hover {background-color:#FFFF80;}
.SettgsPupilsPodDataRowOff:hover {background-color:#FFFF80;}

.SettgsPupilsPodDataChkBox {width:30px; padding:2px;}
.SettgsPupilsPodDataChkBox INPUT {width:20px; height:20px; cursor:pointer;}
.SettgsPupilsPodDataPupil {width:195px; padding:2px;}
.SettgsPupilsPodDataYG {width:40px; padding:2px;}
.SettgsPupilsPodDataClass {width:140px; padding:2px;}
.SettgsPupilsPodDataLogin {width:196px; padding:2px;}
.SettgsPupilsPodDataStatus {padding:2px; vertical-align:middle;}

.SettgsPupilsPodDataNote {padding:8px; text-align:center;}

.SettgsPupilPodModal
{
 position:absolute;
 width:655px;
 height:410px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-205px;
 margin-left:-325px;
 padding:0px;
 background-color:#FFFFFF;
 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: bounceInUp; 
 animation-name: bounceInUp;
 z-index:11;
}

.SettgsPupilPodModalHeader
{
 width:640px;
 height:28px;
 margin:0;
 padding:6px 2px 0px 14px;
 background:-webkit-linear-gradient(#0062BA 40%,#1E3979);
 background:linear-gradient(#0062BA 40%,#1E3979);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0062BA',endColorstr='#1E3979',GradientType=0);
 border-radius:10px 10px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid blue;
}

.SettgsPupilPodModalText
{
 margin:10px 10px 0 10px;
 min-height:50px;
 padding:4px;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid blue;
}

.SettgsPupilPodLabel1Container
{
 float:left;
 display:inline-block;
 margin:18px 0 0 7px;
 text-align:right;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
}

.SettgsPupilPodInput1Container
{
 float:left;
 display:inline-block;
 width:100px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPupilPodInput1
{
 width:60px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsPupilPodInput2Container
{
 float:left;
 display:inline-block;
 width:200px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPupilPodInput2
{
 width:160px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsPupilPodInput3Container
{
 float:left;
 display:inline-block;
 width:320px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPupilPodInput3
{
 width:280px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsPupilPodStatusDisabled {width:40px; vertical-align:-4px; text-align:center; color:#9A9A9A;}
.SettgsPupilPodStatusActive {width:40px; vertical-align:-4px; text-align:center; color:#596E9D;}
.SettgsPupilPodStatusHidden {width:40px; vertical-align:-4px; text-align:center; color:white;}
.SettgsPupilPodStatusOK {width:40px; vertical-align:-4px; text-align:center; color:green;}
.SettgsPupilPodStatusError {width:40px; vertical-align:-4px; text-align:center; color:red;}

.SettgsPupilPodNote
{
 float:left;
 display:inline-block;
 margin:18px 0 0 7px;
 text-align:left;
 color:red;
 font-family:raleway,arial,helvetica;
 font-size:10pt;
 border:0px solid green;
}

.SettgsPupilPodModalBtns
{
 float:right;
 margin:8px 10px 0 10px;
 border:0px solid green;
}

.SettgsPupilsPodClassContainer
{
 width:740px;
 margin:5px 0 0 0;
 padding:0;
 border:0px solid yellow;
} 

.SettgsPupilsPodClassListContainer
{
 float:left;
 width:550px;
 margin:0;
 padding:0;
 list-style:none;
 border:0px solid red;
}

.SettgsPupilsPodClassListItem
{
 display:inline-block;
 margin:4px 10px 0 0;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 font-weight:bold;
 color:#596E9D;
}

.SettgsPupilsPodClassListItem SELECT
{
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 color:#555555;
}

.SettgsPodsPodModal
{
 position:absolute;
 width:500px;
 height:460px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-235px;
 margin-left:-250px;
 padding:0px;
 background-color:#FFFFFF;
 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: bounceInUp; 
 animation-name: bounceInUp;
 z-index:11;
}

.SettgsPodsPodModalHeader
{
 width:485px;
 height:28px;
 margin:0;
 padding:6px 2px 0px 14px;
 background:-webkit-linear-gradient(#0062BA 40%,#1E3979);
 background:linear-gradient(#0062BA 40%,#1E3979);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0062BA',endColorstr='#1E3979',GradientType=0);
 border-radius:10px 10px 0 0;
 font-family:riffic_mediumbold,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid blue;
}

.SettgsPodsPodModalText
{
 margin:10px 10px 0 10px;
 min-height:50px;
 padding:4px;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 border:0px solid blue;
}

.SettgsPodsPodLabel1Container
{
 float:right;
 display:inline-block;
 margin:18px 5px 0 7px;
 text-align:right;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
}

.SettgsPodsPodLabel2Container
{
 float:right;
 display:inline-block;
 margin:48px 5px 0 7px;
 text-align:right;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
}

.SettgsPodsPodImgContainer
{
 position:relative;
 width:120px;
 height:80px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPodsPodImgContainer IMG {float:left; display:inline-block; margin:0 5px 0 0; border:0px solid red;}

.SettgsPodsPodImgListContainer
{
 position:absolute;
 width:400px;
 height:250px;
 top:76px;
 left:-3px;
 padding:8px;
 overflow-y:auto;
 overflow-x:hidden;
 border:3px solid #596E9D;
 border-radius:0px 10px 10px 10px;
 background-color:white;
}

.SettgsPodsPodImgList {width:400px; list-style:none; margin:0; padding:0;}

.SettgsPodsPodImgListItem {display:inline-block; margin:10px; cursor:pointer; border:1px solid green;}

.SettgsPodsPodInput1Container
{
 float:left;
 display:inline-block;
 width:150px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPodsPodInput1
{
 width:116px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsPodsPodInput2Container
{
 float:left;
 display:inline-block;
 width:320px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPodsPodInput2
{
 width:286px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsPodsPodInput3Container
{
 float:left;
 display:inline-block;
 width:360px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPodsPodCheckboxContainer
{
 float:left;
 display:inline-block;
 width:320px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsPodsCheckboxList
{
 float:left;
 width:290px;
 margin:0;
 padding:0;
 list-style:none;
 border:0px solid red; 
}

.SettgsPodsCheckboxListItem
{
 display:inline-block;
 margin:2px 10px 0 0;
 text-align:left;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 color:#596E9D;
}

.SettgsPodsCheckboxListItem INPUT {width:20px; height:20px; vertical-align:-4px;}

.SettgsPodsPodStatusDisabled {width:40px; vertical-align:-4px; text-align:center; color:#9A9A9A;}
.SettgsPodsPodStatusActive {width:40px; vertical-align:-4px; text-align:center; color:#596E9D;}
.SettgsPodsPodStatusHidden {width:40px; vertical-align:-4px; text-align:center; color:white;}
.SettgsPodsPodStatusOK {width:40px; vertical-align:-4px; text-align:center; color:green;}
.SettgsPodsPodStatusError {width:40px; vertical-align:-4px; text-align:center; color:red;}

.SettgsPodsPodModalBtns
{
 float:right;
 margin:8px 10px 0 10px;
 border:0px solid green;
}

.SettgsNewYearPod
{
 position:relative;
 width:700px;
 margin:30px auto 20px auto;
 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;
}

.SettgsNewYearPodContentFrame {width:695px; padding:4px;}

.SettgsNewYearPodTitle
{
 float:left;
 text-align:left;
 padding:8px 0px 6px 7px;
}

.SettgsNewYearPodLabel1Container
{
 float:left;
 display:inline-block;
 width:190px;
 margin:18px 0 0 7px;
 text-align:left;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
}

.SettgsNewYearPodInput1Container
{
 float:left;
 display:inline-block;
 width:180px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsNewYearPodInput1
{
 width:140px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsNewYearPodInputDisabledContainer
{
 float:left;
 display:inline-block;
 width:160px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #9A9A9A;
 border-radius:10px;
 background:#EBEBE4;
}

.SettgsNewYearPodInputDisabled
{
 width:120px;
 height:30px;
 border:0;
 color:#9A9A9A;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
 background:#EBEBE4;
}

.SettgsNewYearPodStatusDisabled {width:40px; vertical-align:-4px; text-align:center; color:#9A9A9A;}
.SettgsNewYearPodStatusActive {width:40px; vertical-align:-4px; text-align:center; color:#596E9D;}
.SettgsNewYearPodStatusHidden {width:40px; vertical-align:-4px; text-align:center; color:white;}
.SettgsNewYearPodStatusOK {width:40px; vertical-align:-4px; text-align:center; color:green;}
.SettgsNewYearPodStatusError {width:40px; vertical-align:-4px; text-align:center; color:red;}

.SettgsNewYearPodYearStartInfo
{
 float:left;
 margin:18px 0 0 7px;
 padding:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
}

.SettgsNewYearPodYearStartNote
{
 float:left;
 height:18px;
 margin:0 0 0 7px;
 padding:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
}

.SettgsNewYearPodBtnContainer
{
 float:right;
 margin:8px 10px 0 10px;
 border:0px solid green;
}

.SettgsNewYearPodInputDivider {height:10px;}
.SettgsNewYearPodInputDivider2 {height:30px;}

.SettgsImportDataPod
{
 position:relative;
 width:700px;
 margin:30px auto 40px auto;
 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;
}

.SettgsImportDataPodContentFrame {width:695px; padding:4px;}

.SettgsImportDataPodTitle
{
 float:left;
 text-align:left;
 padding:8px 0px 6px 7px;
}

.SettgsImportDataPodImportContainer
{
 width:670px;
 margin:0 10px 0 10px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsImportDataPodImportImg
{
 display:inline-block;
 width:80px;
 margin:15px 5px 15px 10px;
 vertical-align:middle;
 text-align:left;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 cursor:pointer;
 border:0px solid blue;
}

.SettgsImportDataPodImportLabel
{
 display:inline-block;
 width:510px;
 margin:13px 10px 15px 5px;
 vertical-align:middle;
 text-align:left; 
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:14pt;
 cursor:pointer;
 border:0px solid red;
}

.SettgsImportDataPodImportLabel A {color:#596E9D;}

.SettgsImportDataPodBtnContainer
{
 float:right;
 height:40px;
 margin:8px 10px 0 10px;
 border:0px solid green;
}

.SettgsImportDataPodInputDivider {height:10px;}
.SettgsImportDataPodInputDivider2 {height:20px;}

.SettgsExportDataPod
{
 position:relative;
 width:700px;
 margin:30px auto 40px auto;
 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;
}

.SettgsExportDataPodContentFrame {width:695px; padding:4px;}

.SettgsExportDataPodTitle
{
 float:left;
 text-align:left;
 padding:8px 0px 6px 7px;
}

.SettgsExportDataPodLabelContainer
{
 float:left;
 display:inline-block;
 width:110px;
 margin:18px 0 0 7px;
 text-align:right;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
}

.SettgsExportDataPodInput1Container
{
 float:left;
 display:inline-block;
 width:280px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsExportDataPodInput1
{
 width:240px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}

.SettgsExportDataPodInput2Container
{
 float:left;
 display:inline-block;
 width:180px;
 height:30px;
 padding:4px;
 margin:3px 0 3px 7px;
 border:3px solid #596E9D;
 border-radius:10px;
 background:white;
}

.SettgsExportDataPodInput2
{
 width:140px;
 height:30px;
 border:0;
 color:#596E9D;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 outline:none;
}


.SettgsExportDataPodBtnContainer
{
 float:right;
 height:40px;
 margin:8px 10px 0 10px;
 border:0px solid green;
}

.SettgsExportDataPodInputDivider {height:10px;}
.SettgsExportDataPodInputDivider2 {height:20px;}