/*
Theme Name: ZooWhiz Playground
Theme URI: http://blog.edalive.com/
Description: The release theme for the ZooWhiz front-end website. This theme is meant to replace the "workshop" theme, which was used as a stop-gap. Note that although this is the release theme, it may change and evolve over time, but will still have the same basic look and feel. Note also that compatibility for this theme should be for IE7/8/9, Firefox 3, Chrome, Safari.
Author: Michael Ainsworth
Version: 1.0
Text Domain: playground
Domain Path: /languages
*/

/* -------------------------------------
Load CSSPie for IE 6-9 to use CSS3 styles
behavior: url(PIE.php);
------------------------------------- */


.agent-support-menu {
    display:none !important;
}

/* -------------------------------------
COLOUR PALETTE
------------------------------------- */

/*

Grass green:    #42be1e or 4ab847
Dirt brown:     #673b18
Text blue:      #1B75BB
Text grey:      #2d3237
Text grey 2:    #58595b
Text red:       #ec1c24
Anchor:         #1F9DD9

*/

/* -------------------------------------
RESET
------------------------------------- */

/* Eric A. and Kathryn S. Meyer - http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /*font-size: 100%;*/
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* -------------------------------------
ADDITIONAL FONTS
------------------------------------- */

@font-face {
    font-family: "CaptainComicPro";
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_0_0.eot');
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_0_0.eot?#iefix') format('embedded-opentype'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_0_0.woff') format('woff'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "CaptainComicProItalic";
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_0_0.eot');
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_0_0.eot?#iefix') format('embedded-opentype'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_0_0.woff') format('woff'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "CaptainComicProBold";
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_2_0.eot');
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_2_0.eot?#iefix') format('embedded-opentype'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_2_0.woff') format('woff'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_2_0.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "CaptainComicProBoldItalic";
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_2_0.eot');
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_2_0.eot?#iefix') format('embedded-opentype'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_2_0.woff') format('woff'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_2_0.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}


@font-face {
    font-family: 'Omniscript-Regular';
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_0_0.eot');
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_0_0.eot?#iefix') format('embedded-opentype'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_0_0.woff') format('woff'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_0_0.ttf') format('truetype');
}


@font-face {
    font-family: 'Omniscript-Black';
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_1_0.eot');
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_1_0.eot?#iefix') format('embedded-opentype'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_1_0.woff') format('woff'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_1_0.ttf') format('truetype');
}


@font-face {
    font-family: 'Omniscript-Bold';
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_2_0.eot');
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_2_0.eot?#iefix') format('embedded-opentype'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_2_0.woff') format('woff'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_2_0.ttf') format('truetype');
}


@font-face {
    font-family: 'Omniscript-Light';
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_3_0.eot');
    src: url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_3_0.eot?#iefix') format('embedded-opentype'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_3_0.woff') format('woff'),
        url('//www.zoowhiz.com/wp-content/themes/playground/font/en/omniscript/webfonts/2B2BC0_3_0.ttf') format('truetype');
}



/* -------------------------------------
GENERAL STUFF
------------------------------------- */

html { font-size:62.5%; }
body { font:normal normal normal 1.3em/1.5em 'Verdana','Arial',sans-serif; text-align:center; background:/*#42be1e*/ /*#4ab847*/ #42BE1E url('images/page-bg-gradient-sky-grass.jpg') repeat-x scroll top left; }
body#application-kids { background-image:none; background-color:#fff; height:100%; }
body#contextual-help { background-image:none; background-color:#f9f9f9; height:100%; width:620px;}
body#digital-goods { font:normal normal normal 1.2em/1.7em 'Verdana','Arial',sans-serif; text-align:center; background:none;}

/* -------------------------------------
GENERAL COLUMN LAYOUT
------------------------------------- */

.columns { width:960px; overflow:auto; }

.colspan-1 { float:left; width:60px; margin:0px 10px; }
.colspan-2 { float:left; width:140px; margin:0px 10px; }
.colspan-3 { float:left; width:220px; margin:0px 10px; }
.colspan-4 { float:left; width:300px; margin:0px 10px; }
.colspan-5 { float:left; width:380px; margin:0px 10px; }
.colspan-6 { float:left; width:460px; margin:0px 10px; }
.colspan-7 { float:left; width:540px; margin:0px 10px; }
.colspan-8 { float:left; width:620px; margin:0px 10px; }
.colspan-9 { float:left; width:700px; margin:0px 10px; }
.colspan-10 { float:left; width:780px; margin:0px 10px; }
.colspan-11 { float:left; width:860px; margin:0px 10px; }
.colspan-12 { float:left; width:940px; margin:0px 10px; }

.column-clear { display:block; width:0; height:0; clear:both; visibility:hidden; }

.colspan-12 .columns { width:auto; }
.colspan-12 .half { float:left; width:440px; padding:10px; margin:0px 10px; }
.colspan-12 .half-1 { margin-left:0px; }
.colspan-12 .half-2 { margin-right:0px; }

.colspan-8 .columns { width:auto; height:auto; overflow:visible; }
.colspan-8 .half { float:left; width:280px; padding:10px; margin:0px 10px; }
.colspan-8 .half-1 { margin-left:0px; }
.colspan-8 .half-2 { margin-right:0px; }

.colspan-8 .third { float:left; width:173px; padding:10px; margin:0px 10px; }
.colspan-8 .third-1, .colspan-8 .third-3 { margin:0px; }

.hilight-softer { background-color:#CDEFFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-bottom:20px; }
.hilight-soft-bordered { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:5px solid #C6ECFE; background-color:#D8F1FE; padding:10px; margin-bottom:20px }

.highlight-soft-payment-bordered { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:5px solid #C6ECFE; background-color:#D8F1FE; padding:5px !important; margin-bottom:20px; width:430px !important; }



.hilight-parents {background-color: #79Ced5;-webkit-border-bottom-left-radius: 10px 10px;-webkit-border-bottom-right-radius: 10px 10px;-webkit-border-top-left-radius: 10px 10px;-webkit-border-top-right-radius: 10px 10px;}

.highlight-teachers {background-color: #F18183;-webkit-border-bottom-left-radius: 10px 10px;-webkit-border-bottom-right-radius: 10px 10px;-webkit-border-top-left-radius: 10px 10px;-webkit-border-top-right-radius: 10px 10px;}

.highlight-kids {background-color: #8AC8EF;-webkit-border-bottom-left-radius: 10px 10px;-webkit-border-bottom-right-radius: 10px 10px;-webkit-border-top-left-radius: 10px 10px;-webkit-border-top-right-radius: 10px 10px;}

/* -------------------------------------
SWF FILES
------------------------------------- */

.swf-app { text-align:center; margin:0px auto; }
#swf-home-scene { height:950px; min-width:960px; background-color:transparent; position:relative; z-index:0; }
#swf-home-scene object { background-color:transparent; }
#swf-background-generic { position:relative; height:950px; min-width:960px; z-index:-2; }
#swf-background-generic object { background-color:transparent; }
#swf-background-footer { width:100%; height:810px; min-width:960px; position:relative; z-index:0; top:110px; }

#swf-background-footer object { background-color:transparent; }
#swf-register-kids { width:800px; height:600px; }

/* -------------------------------------
FRONPAGE BOXES
------------------------------------- */

.frontpage-box { width:277px !important; background:/*#76da1f*/ /*#3dd920*/ /*#7fde31*/ #76D91F url('images/frontpage-box-bg.png') repeat-x scroll top left; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; border:1px solid #008500; }
.frontpage-box h1 { color:#ff0 !important; font-size:1.2em !important; font-family:Omniscript-Bold; margin-bottom:5px; }
.frontpage-box a { color:#ff0 !important; }
.frontpage-box ul { margin:0px 0px 0px 10px; }
.frontpage-box ul ul { margin:0px 0px 0px 20px; }

/* -------------------------------------
GENERAL HEADER
------------------------------------- */

#header-container { position:absolute; top:20px; left:0px; width:100%; height:185px; z-index:3;}
#header { position:relative; margin:0px auto; width:960px; height:100%; background:transparent url('images/header-bg2.png') no-repeat scroll top center; }
#header .logo { position:absolute; width:270px; height:144px; top:0px; left:0px; background:transparent url('images/zoowhiz-logo.png') no-repeat scroll top center; }
#header .logo a { display:block; width:100%; height:100%; }
#header .logo a span { display:none; }
#header h2.free { position:absolute; top:-20px; left:235px; width:115px; height:93px; background:transparent url('images/header-free3.png') no-repeat scroll top left;}
#header h2.free a { display:block; width:100%; height:100%; }
#header h2.free a span { display:none; }

#header ul#topnav { border-right:1px solid #2688c6; border-left:1px solid #5eb8e7; position:absolute; top:0px; left:300px; height:55px; line-height:52px; color:#fff; word-spacing:12px; font-family:Omniscript-Bold; margin:3px; text-align:left; list-style:none; z-index:1; word-spacing:1px; letter-spacing: 0.5px; }
#header ul#topnav li { float:left; padding:0px 12px; position:relative; border-left:1px solid #2688c6; border-right:1px solid #5eb8e7; height:55px; line-height:55px; font-size:0.9em; }
#header ul#topnav li a { color:#fff; text-decoration:none; font-size:1.5em; text-transform: uppercase; }
#header ul#topnav li a:hover { text-shadow:#fff 0px 0px 15px; }
#header ul#topnav li:hover ul { display:block; }
#header ul#topnav li ul { list-style:none; width:200px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; background-color:#2057a0; position:absolute; top:55px; left:-2px; margin-left:0px; font:normal normal normal 0.8em/1em Verdana,Arial,sans-serif; display:none; }
#header ul#topnav li ul li { width:200px; height:40px; margin:0px; border:none; padding:0px; line-height:40px; border-top:1px solid #3970b1; font-size:1.1em; }
#header ul#topnav li ul li a { display:block; width:100%; height:100%; font-weight:normal; color:#83bce5;  font-size:1.3em; text-transform: none;}
#header ul#topnav li ul li.last a:hover { border-bottom-right-radius:8px; border-bottom-left-radius:8px; }
#header ul#topnav li ul li a:hover { background-color:#094173; color:#eee; }
#header ul#topnav li ul li a span { margin-left:20px; word-spacing:normal; }

#header div.manage { position:relative; top:5px; left:750px; width:86px; height:50px; background:transparent url('images/header-manage.png') no-repeat scroll top left; }
#header div.manage .parents { display:block; position:absolute; top:18px; left:11px; width:64px; height:14px; background:transparent url('images/header-manage-parent.png') no-repeat scroll top left; }
#header div.manage .teachers { display:block; position:absolute; top:32px; left:11px; width:64px; height:15px; background:transparent url('images/header-manage-teacher.png') no-repeat scroll top left; }
#header div.manage .parents span, #header div.manage .teachers span { display:none; }
#header a.play { display:block; position:absolute; top:0px; left:847px; width:105px; height:114px; background:transparent url('images/header-play3.png') no-repeat scroll top left; }
#header a.play:hover { background-position:-105px 0px; }
#header a.play span { display:none; }
#header p.byline { position:absolute; top:60px; left:290px; width:557px; height:30px; line-height:30px; color:#fff; font-style:italic; font-weight:lighter; margin:0px; }
#header .byline a { color:#FEE848; }


/* -------------------------------------
SIGN IN FORM SHARED
------------------------------------- */


#signin #welcome {display:inline; font-weight: bold;
                  font-family: Omniscript-Regular;}
#signin #signout-form {display:inline;}
#signin #signin-form {display:inline;}
#signin-form .text-input {
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    text-overflow: ellipsis;
    border-radius:4px;
    background-color: #EAFAFF;
    padding-left:5px;
    border-color: #3961C9;
    height: 17px;
    width:100px;
    vertical-algin:middle;
}
#signin-form .text-input:focus {
    background-color: #FCFCFC;
    border-color: #eee;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

#signin-form #signin-buttons, #signin-form #signin-fields {display:table-cell;vertical-align:top;}


#signin .form-button {
    background: #56B7E5 url(images/button-gradient.png) repeat-x;
    display: inline-block;
    padding: auto 10px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: .8em;
    line-height: 0.8em;
    font-family: Verdana, Helvetica, sans-serif;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-top: 1px solid rgba(255,255,255,0.25);
    border-left: 1px solid rgba(255,255,255,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    border-right: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    top: -2px;
    margin:3px;
    height:20px;
    vertical-align:middle;
}

#signin .form-button:hover {
    background: #7AC3E6 url(images/button-gradient.png) repeat-x;

}

#signin #signin-button { 
    background: #56B7E5 url(images/button-gradient.png) repeat-x !important;
}

#signin  #signin-button:hover { 
    background: #7AC3E6 url(images/button-gradient.png) repeat-x !important;
}

#signin  #register-button { 
    background: #F54C4C url(images/button-gradient.png) repeat-x !important;
}

#signin #register-button:hover { 
    background: #F86565 url(images/button-gradient.png) repeat-x !important;
}


#signin  #forgot-password {
    position: relative;
    left: -15px;
    margin-right: -7px;
    display: inline-block;}

#signin-form #password {padding-right:20px;}
#signin-form #express {font-size:0.8em; font-weight:bold; display:inline;}

#signin #signin-error div {
    background-color: rgb(255, 238, 207);
    border-radius: 5px;
    padding: 5px;
    border-color: rgb(248, 201, 179);
    border-width: 1px;
    border-style: solid;
    margin: 0px 0px 10px 0px;
}


.page-signin label {
    font-size: 1.4em;
    font-family: Omniscript-Regular;
    color: #1B75BB;}

.page-signin .text-input {
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    text-overflow: ellipsis;
    border-radius:4px;
    background-color: #FCFCFC;
    padding-left:5px;
    border-color: #A9E4FF;
    border-width: 3px;
    height: 28px;
    width: 240px;
    margin: 10px;
    font-size: 1.2em;
    vertical-algin:middle;
}

#password-form {
    width: 200px;
    padding-right: 40px;
}

.page-signin .text-input:focus {
    background-color: #FFFFFF;
    border-color: #eee;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.page-signin .form-button {

    font-size: 1.2em !important;

    height: 30px !important;
    padding-left:20px;
    padding-right:20px;
}

#show-password {
    position: relative;
    top: -37px;
    left: 215px;
    cursor: pointer;
    text-align:right;
    width:40px;
}



/* -------------------------------------
SIGN IN FORM STANDARD HEADER SPECIFIC
------------------------------------- */
#header-container #signin-container {
    width: 520px;
    position: relative;
    top: 64px;
    right: 120px;
    float: right;
}

#header-container #signin {

    color: #fff;
    float: right;
    /* width:500px;
    margin-left:auto;
    margin-right:auto; */
}



#header-container #welcome {
    display:inline;
}

#header-container #signout-form {
    display:inline;
}

#header-container  #signedin-details {

    color: #fff;
    float: right;
}


#header-container #help-icon {
    background-image: url('images/help-me-button-yellow.png');
    display: block;
    background-size: 70px;
    background-repeat: no-repeat;
    line-height: 25px;
    background-position: center center;
    text-indent: -9999px;
    white-space: nowrap;
}





/* -------------------------------------
SIGN IN FORM THIN APPLICATION HEADER SPECIFIC
------------------------------------- */

#header-adults-container #signin-container {
    width: 330px;
    position: relative;
    top: 7px;
    right: 65px;
    float: right;}


#header-adults-container #signin {
    float:right;
    color:#fff;

}

#header-adults-container #signedin-details {

    color:#fff;
    float:right;
}


#header-adults-container #welcome {
    display:block;
}

#header-adults-container #signout-form {
    display:block;
}

#header-adults-container #header #express {
    display:none;
}

#header-adults-container .text-input {
    border-color:#87A8FD;
    display:block;
    width:110px;
    padding-right:20px;

}

#header-adults-container #username {

}

#header-adults-container #password {

}



#header-adults-container #forgot-username  {
    position: relative;
    display: inline;
    top: -20px;
    width: 10px;
    float: right;

}

#header-adults-container #forgot-password  {
    position: relative;
    display: inline;
    top: -20px;
    width: 10px;
    float: right;

}

#header-adults-container #signin-button {
    display:block;

}

#header-adults-container #register-button {
    display:block;

}


#header-adults-container #help-icon {
    background-image: url('images/help-me-button-yellow.png');
    display: block;
    background-size: 100px;
    background-repeat: no-repeat;
    line-height: 40px;
    background-position: center center;
    text-indent: -9999px;
    white-space: nowrap;  
}


/* -------------------------------------
(ADULT-TARGETED) APPLICATION HEADER
------------------------------------- */

#header-adults-container { position:absolute; top:20px; left:0px; width:100%; height:57px; z-index:2;  }
#header-adults-container #header { background-image:url('images/header-adults-bg.png'); }
#header-adults-container #header .logo { top:-7px; left:0px; width:119px; height:64px; background-image:url('images/header-adults-logo2.png'); }
#header-adults-container #header h2.free { top:5px; left:110px; width:55px; height:44px; background-image:url('images/header-adults-free.png'); }
#header-adults-container #header ul#topnav {top:-2px; left:150px;}
#header-adults-container #header a.play { width:56px; height:63px; top:-5px; left:900px; background-image:url('images/header-adults-playnow.png'); }
#header-adults-container #header a.play:hover { background-position:1px 1px; }
#header-adults-container #header .byline { display:none; }

#header-adults-liquid-container {top:20px; left:0px; width:100%; height:57px; z-index:2; margin-bottom: 10px}

#leave-warning { text-align:left; display:none; } 

/* -------------------------------------
Company Info Menu
------------------------------------- */

#menu-company-information, #menu-general-information, #menu-company-information ul, #menu-general-information ul, .general-nav, .general-nav ul { margin:0px; }
#menu-company-information li, #menu-general-information li, .general-nav li { list-style:none; color: #1B75BB; font-family: Verdana,Arial,sans-serif; font-size: 1.8em; line-height:2em; font-weight:bold; }
#menu-company-information li a:hover, #menu-general-information li a:hover, .general-nav li a:hover { text-decoration:none; }
#menu-company-information li ul.sub-menu, #menu-general-information li ul.sub-menu, .general-nav li ul.sub-menu { border-top:1px solid #ccc; margin-bottom:10px; }
#menu-company-information li li, #menu-general-information li li, .general-nav li li { font-size:12px; font-weight:normal; line-height:30px; padding:0px; border-bottom:1px solid #ccc; }
#menu-company-information li li.current-menu-item, #menu-general-information li li.current-menu-item, .general-nav li li.current-menu-item { font-weight:bold; }
#menu-company-information li li.current-menu-item a, #menu-general-information li li.current-menu-item a,  .general-nav li li.current-menu-item a { background-color:#eee; background-image:url('images/company-info-current.png'); background-repeat:no-repeat; background-position:280px 7px; background-attachment: scroll; }
#menu-company-information li li a, #menu-general-information li li a, .general-nav li li a { display:block;width:auto;height:100%; padding-left:6px;}
#menu-company-information li li a:hover, #menu-general-information li li a:hover, .general-nav li li a:hover { background-color:#eee; }
.general-nav li li ul.sub-menu {display:none;}
.general-nav li li.current-menu-item ul.sub-menu, .general-nav li li.current-menu-parent ul.sub-menu {display:block;margin-bottom:0px;}
.general-nav li li ul.sub-menu li {border:none; line-height:20px }
.general-nav li li ul.sub-menu li a {padding-left:15px;  background-color: #fff; background-image:none; color:#1B75BB; font-weight:normal; font-size:11px;}
.general-nav li li ul.sub-menu li a:hover {background-color:#eee;}
.general-nav li li ul.sub-menu li.current-menu-item a {font-weight:bold; background-color:#eee;}
.general-nav li li.current-menu-parent { font-weight:bold; }
.general-nav li li.current-menu-parent a { background-color:#fafafa; background-image:url('images/company-info-current.png'); background-repeat:no-repeat; background-position:280px 7px; background-attachment: scroll; }
.general-nav .drop:hover ul.sub-menu { display:block;}




/* -------------------------------------
BODY ELEMENTS
------------------------------------- */

#body-container, #body-container-frontpage, #body-container-application-adult, #body-container-adult { position:relative; top:-745px; left:0px; width:962px; height:auto; margin:0px auto -950px auto; text-align:left; width:100%; overflow:hidden; /* overflow:auto; */ z-index:1;}
#body-container-application-adult, #body-container-adult { margin-bottom:-850px !important; }
#body { width:960px; min-height:720px; margin:0px auto; border:8px solid #fff;padding:20px 0px 20px 0px; text-align:left; background:#fff url('images/content-background.png') repeat-x scroll top left;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; position:relative; }
#body-container-frontpage { top:-385px; margin:0px 0px -950px 0px; }
#body-container-frontpage #body { background-color:transparent; background-image:none; border:none; }

#body-container-application-adult, #body-container-adult { top:-850px; }
#body-container-application-adult #body, #body-container-adult #body { border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; padding:0px !important; min-height:0px !important; }
#body-container-application-adult #body .application-container-adults, #body-container-adult #body .application-container-adults { padding:0px !important; margin:0px !important; text-align: center; min-height:600px }
/*#body-container-application-adult #body embed, #body-container-application-adult #body object { width:960px; height:720px; } */

#body-container-application-kids { width:100%; height:100%; /*min-width:1000px; min-height:640px;*/ }
#body-container-application-kids p { width:100%; height:100%; margin:0px !important; padding:0px !important; }

#body-container-payment-parent { top:-850px;}
#body-container-payment-parent #body{ width:960px; min-height:500px; margin:0px auto; border:8px solid #fff;padding:20px 0px 20px 0px; text-align:left; background:#fff url('images/content-background.png') repeat-x scroll top left;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; position:relative; }

#body-container-application-adult-liquid {position:relative; left:0px; right:0px;}

#body-container-responsive #body { width:90%; min-width:40px; min-height:40px; max-height:90%}

#body-container-contextual-help {position:relative; left:0px; right:0px;}
#body-container-contextual-help #body { width:635px; min-height:600px; margin:0px auto; border:8px solid #fff;padding:20px 0px 20px 0px; text-align:left; background:#fff url('images/content-background.png') repeat-x scroll top left;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; position:relative; }

/* -------------------------------------
Captioned Table
------------------------------------- */

table.captioned-horizontal { text-align:center; }
table.captioned-horizontal td { padding:10px; }
table.captioned-horizontal td img { width:100%; height:auto; }

/* -------------------------------------
Category Sidebar
------------------------------------- */

#category-sidebar h2 a { display:block; width:100%; height:100%; }
#category-sidebar h2 a.current-item { background-color:#eee; padding-left:10px; width:auto; background-color:#eee; background-image:url('images/company-info-current.png'); background-repeat:no-repeat; background-position:280px 4px; background-attachment: scroll; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#category-sidebar a { padding-left:10px; }

.post-container { margin-bottom:30px; padding:10px; background-color:#f8f8f8; border:1px solid #aaa; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  }
.posts-hidden { display:none; }
.posts-show-action { text-align:right;}

/* -------------------------------------
Launch Stuff
------------------------------------- */

#adult-launch-box { width:auto; background:#00ACEE url('images/adult-launch-bg.jpg') repeat-x scroll left bottom ; min-height: 400px; position: relative; padding-bottom: 10px;
                    overflow:auto;}

#adult-launch-box h1 { text-align: center;
                       color: rgb(255, 255, 255);
                       font: 3em Omniscript-Regular;
                       float: none;
                       display: inline-block;
                       width: 375px;
                       vertical-align: top;
                       margin-top: 15px;
}

#adult-launch-box-content { min-height:150px; margin:10px 10px 0px 10px; padding:10px; background:#fff url('images/content-background.png') repeat-x scroll left top ; border: 1px solid rgb(153, 153, 153); border-radius: 6px 6px 6px 6px;
                            width: 710px;
                            display: block;
                            float: left;
}
#adult-launch-box-content img { margin:10px; }
#adult-launch-box-actions { text-align: center; height: 600px;
                            width: 200px;
                            float: left;
                            padding-top: 20px;
}

#adult-launch-top-bar {vertical-align: top; text-align: left;
                       margin: 10px;
                       width: 940px;
                       display: inline-block;
                       height: 70px;
}


/*#parent-launch-register { position:absolute; left:50px; top:70px; cursor:pointer; display:block; width:214px; height:93px; background:transparent url('images/parent-launch-register.png') no-repeat scroll top left; }
#parent-launch-signin { position:absolute; right:50px; top:70px; cursor:pointer; display:block; width:214px; height:93px; background:transparent url('images/parent-launch-signin.png') no-repeat scroll top left; }
#parent-launch-news { background: url("images/whats-new.png") no-repeat scroll left top transparent; height: 73px; margin-top: 0; position: absolute; right: -10px; top:-8px; width: 90px; z-index:10; }
#parent-launch-upgrade { position:absolute; left:365px; top:70px; cursor:pointer; display:block; width:234px; height:93px; background:transparent url('images/parent-launch-upgrade.png') no-repeat scroll top left; }
#parent-launch-news:hover, #parent-launch-upgrade:hover, #parent-launch-signin:hover, #parent-launch-register:hover { background-position:top right; }
#parent-launch-news span, #parent-launch-upgrade span, #parent-launch-signin span, #parent-launch-register span { display:none; }*/


#parent-launch-info {
    cursor:pointer; display:block; width:180px; height:60px; background:transparent url('http://blog.edalive.com/wp-content/uploads/2012/07/AllAboutZooWhiz-button-180x60.png') no-repeat scroll top left;
    margin: 10px;
}
#parent-launch-gettingstarted {
    cursor:pointer; display:block; width:180px; height:60px; background:transparent url('http://blog.edalive.com/wp-content/uploads/2012/07/GettingStarted-button-180x60.png') no-repeat scroll top left;
    margin: 10px;
}
#parent-launch-register {
    cursor:pointer; display:block; width:180px; height:60px; background:transparent url('http://blog.edalive.com/wp-content/uploads/2012/07/RegisterForFree-button-180x60.png') no-repeat scroll top left;
    margin: 10px;
}
#parent-launch-signin {
    cursor:pointer; display:block; width:180px; height:60px; background:transparent url('http://blog.edalive.com/wp-content/uploads/2012/07/ParentSignIn-button-180x60.png') no-repeat scroll top left;
    margin: 10px;
}

#parent-launch-training {
    cursor:pointer; display:block; width:180px; height:60px; background:transparent url('http://blog.edalive.com/wp-content/uploads/2012/07/TrainingAndVideo-button-180x60.png') no-repeat scroll top left;
    margin: 10px;


}

#parent-launch-share {
    cursor:pointer; display:block; width:180px; height:60px; background:transparent url('http://blog.edalive.com/wp-content/uploads/2012/07/ShareWithAColleague-button-180x60.png') no-repeat scroll top left;
    margin: 10px;
}
#parent-launch-news { background: url("images/whats-new.png") no-repeat scroll left top transparent; 	z-index: 999;
                      width: 90px;
                      height: 75px;
                      position: absolute;
                      top: 130px;
}


#parent-launch-top-bar-signin {cursor:pointer; display:inline-block; width:180px; height:60px; background:transparent url('http://blog.edalive.com/wp-content/uploads/2012/07/ParentSignIn-button-180x60.png') no-repeat scroll top left;
                               margin: 15px;float: right;
}


#parent-launch-news:hover, #parent-launch-share:hover, #parent-launch-info:hover, #parent-launch-gettingstarted:hover, #parent-launch-signin:hover, #parent-launch-register:hover, #parent-launch-top-bar-signin:hover, #parent-launch-training:hover { background-position:0px -60px; }
#parent-launch-news:hover { background-position: top right }
#parent-launch-news span, #parent-launch-share span, #parent-launch-info span, #parent-launch-gettingstarted span, #parent-launch-signin span, #parent-launch-register span, #parent-launch-top-bar-signin span, #parent-launch-training span { display:none; }



#teacher-launch-info {
    cursor:pointer; display:block; width:180px; height:60px; background:transparent url('http://blog.edalive.com/wp-content/uploads/2012/07/AllAboutZooWhiz-button-180x60.png') no-repeat scroll top left;
    margin: 10px;
}
#teacher-launch-gettingstarted {
    cursor:pointer; display:block; width:180px; height:60px; background:transparent url('http://blog.edalive.com/wp-content/uploads/2012/07/GettingStarted-button-180x60.png') no-repeat scroll top left;
    margin: 10px;
}
#teacher-launch-register {
    cursor:pointer; display:block; width:180px; height:60px; background:transparent url('http://blog.edalive.com/wp-content/uploads/2012/07/RegisterForFree-button-180x60.png') no-repeat scroll top left;
    margin: 10px;
}
#teacher-launch-signin {
    cursor:pointer; display:block; width:180px; height:60px; background:transparent url('http://blog.edalive.com/wp-content/uploads/2012/07/TeacherSignIn-button-180x60.png') no-repeat scroll top left;
    margin: 10px;
}

#teacher-launch-training {
    cursor:pointer; display:block; width:180px; height:60px; background:transparent url('http://blog.edalive.com/wp-content/uploads/2012/07/TrainingAndVideo-button-180x60.png') no-repeat scroll top left;
    margin: 10px;


}

#teacher-launch-share {
    cursor:pointer; display:block; width:180px; height:60px; background:transparent url('http://blog.edalive.com/wp-content/uploads/2012/07/ShareWithAColleague-button-180x60.png') no-repeat scroll top left;
    margin: 10px;
}
#teacher-launch-news { background: url("images/whats-new.png") no-repeat scroll left top transparent; 	z-index: 999;
                       width: 90px;
                       height: 75px;
                       position: absolute;
                       top: 130px;
}


#teacher-launch-top-bar-signin {cursor:pointer; display:inline-block; width:180px; height:60px; background:transparent url('http://blog.edalive.com/wp-content/uploads/2012/07/TeacherSignIn-button-180x60.png') no-repeat scroll top left;
                                margin: 15px; float: right;
}


#teacher-launch-news:hover, #teacher-launch-share:hover, #teacher-launch-info:hover, #teacher-launch-gettingstarted:hover, #teacher-launch-signin:hover, #teacher-launch-register:hover, #teacher-launch-top-bar-signin:hover, #teacher-launch-training:hover { background-position:0px -60px; }
#teacher-launch-news:hover { background-position: top right }
#teacher-launch-news span, #teacher-launch-share span, #teacher-launch-info span, #teacher-launch-gettingstarted span, #teacher-launch-signin span, #teacher-launch-register span, #teacher-launch-top-bar-signin span, #teacher-launch-training span { display:none; }

/* -------------------------------------
GENERAL DISPLAY STYLES
------------------------------------- */

h1 { color:#3E91D3; font-size:1.8em; line-height:1.4em; font-family:Verdana,Arial,sans-serif; margin-bottom:15px; }

.section-heading-container { position:relative; height:50px; padding:0px !important; margin:0px !important; }
.section-heading-container .button { display:block; float:right; }
.section-heading-container h1 { font-family:Omniscript-Bold; line-height:47px; }
.section-heading-container h1.icon { background:transparent url('images/info-templates/icon-sprite.png') scroll no-repeat 10px 0px; padding-left:65px; }
.section-heading-container h1.icon-kids { background-position:10px -48px; }
.section-heading-container h1.icon-parents{ background-position:10px 0px; }
.section-heading-container h1.icon-teachers { background-position:10px -96px; }
.section-heading-container h1.icon-schools { background-position:10px -144px; }

.section-heading-container-subtext { font-family:Omniscript-Bold; line-height:47px; font-size:0.7em !important; padding-left:30px;}

h2 { color:#3E91D3; font-size:1.45em; line-height:1.4em; font-family:Verdana,Arial,sans-serif; }
/*h3 { color:#1B75BB; font-size:1.3em; line-height:1.95em; font-family:Verdana,Arial,sans-serif; }*/
h3 { color:#4ea601; font-size:18px; line-height:32px; font-weight: 600; font-family:Verdana,Arial,sans-serif; }
h4 { color:#1B75BB; font-size:1.1em; line-height:1.2em; font-family:Verdana,Arial,sans-serif; }
h4.tag { color:#58595b; text-transform: all-caps; }
p { color:#2d3237; margin:5px 0px 15px 0px; }
div #body {color:#2d3237;}
p.dialog, span.dialog { color:#58595b; }
.small { font-size:0.85em !important; }
.red { color:#ec1c24 !important; }
em, .italic, .italics, i, em, .italic, .italics { font-style:italic !important; }
strong, .bold, b, strong, .bold {font-weight:bold !important;}
/*a {color:#1F9DD9;text-decoration:none;}*/
a {color:#1F9DD9;text-decoration:none;}
/*a {font-weight:bold; color:#4ea601;text-decoration:none;}*/
a:hover {text-decoration:underline;}
/*a:visited {color:#115991;text-decoration:none;}*/
/*a:visited {color:#1B72B6;font-weight:normal; text-decoration:none;}*/
a:visited {color:#1F9DD9;font-weight:normal; text-decoration:none;}
ul, ol { margin-left:50px; margin-bottom:20px; }
ul { list-style-type: disc; list-style-position: outside; }
ol { list-style-type:decimal; }
ol.roman-upper { list-style-type:upper-roman; }
ol.roman-lower { list-style-type:lower-roman; }
ol.alpha-upper { list-style-type:upper-alpha; }
ol.alpha-lower { list-style-type:lower-alpha; }
img { max-width:100%; height:auto; }
img.right { margin:10px 0px 10px 10px; float:right; }
img.left { margin:10px 10px 10px 0px; float:left; }

/* -------------------------------------
ERROR MESSAGES - NO JAVASCRIPT
------------------------------------- */

#swf-home-scene noscript { display:block; width:920px; height:300px; position:relative; top:185px; left:0px; margin:0px auto; text-align:left; border:1px solid #000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#fff; padding:20px; background:#fff url('images/content-background.png') repeat-x scroll top left;}
body#application-kids noscript { /*display:block; width:960px; height:400px; position:relative; top:185px; left:0px; margin:0px auto; text-align:left;*/ }
#body-container-application-adult #body noscript, #body-container-adult #body noscript  { display:block; width:940px; margin:10px !important; position:relative; top:100px;}

body#browser-warning { display:block; }
body#browser-warning #body-container { border:1px solid #000; background-color:#fff; top:80px; left:0px; width:800px; padding:20px; margin-bottom:0px; min-height:500px; }

/* -------------------------------------
FOOTER ELEMENT
------------------------------------- */

.frontpage #footer-container { position:relative; top:-455px; left:0px; width:100%; height:130px; margin:0px 0px -475px 0px; overflow:visible; }
#footer-container { position:relative; top:-555px; left:0px; width:100%; height:130px; margin:0px 0px -475px 0px; overflow:visible; }
/*#footer-container { position:relative; width:100%; min-height:570px; overflow:visible; margin:120px 0px 0px 0px; background:#7a471c url('images/page-bg-gradient-dirt.jpg') repeat-x scroll top left; }*/
#footer { position:relative; width:960px; height:100%; margin:0px auto; z-index:1; }
#footer .edalive { position:absolute; top:0px; left:0px; width:164px; height:93px; background:transparent url('images/footer-edalive.png') no-repeat scroll top left; }
#footer .edalive a { display:block; width:100%; height:100%; }
#footer .edalive a span { display:none; }
#footer .eway { position:absolute; top:0px; right:0px; width:120px; height:75px; background:transparent url('images/footer-eway.png') no-repeat scroll bottom center; }
#footer .eway p { color:#fff; font-size:0.75em; line-height:1.1em; margin:0px; }
#footer .eway a { display:block; width:100%; height:100%; }
#footer .eway a span { display:none; }

#footer-nav-primary { position:absolute; top:10px; left:164px; width:676px; }
#footer-nav-primary a, #footer-nav-secondary a { color:#fff; }
#footer-nav-primary a { font-weight:bold; }
#footer-nav-primary a:hover { text-decoration:none; }
.menu-footer-secondary-container { position:absolute; top:45px; width:100%; text-align:center; }
#footer-nav-secondary {  font-size:1em; line-height:1.8em; margin:0px auto; }
#footer-nav-secondary td { width:auto; padding:0px; height:10px; padding:0px 6px; }

#footer .copyright { position:absolute; top:80px; left:0px; width:100%; height:1.8em; color:#fff; font-size:0.8em; line-height:1.8em; }
#footer .copyright p { color:#fff; }
#footer .copyright a { color:#fff; text-decoration:none; }
#footer .copyright a:hover { text-decoration:underline; }
#footer-filler { width:100%; height:250px; background-color:#72421D; margin-top:100px; }

#footer-nav  { position:relative; width:960px; height:100%; margin:0px auto; z-index:1; }
#footer-nav ul#footernav  {list-style:none; margin:0 auto; text-align:center; }
#footer-nav ul#footernav li {  vertical-align:top; display:inline-block; padding:0px 12px; font-size:1.2em; font-weight:bold;  margin-left: auto ; margin-right: auto ;  width:150px; text-align:left;  border-radius:10px; background-color:rgba(0,0,0,0.1);}
#footer-nav ul#footernav li.last 	{  border-right: none; }
#footer-nav ul#footernav li a { color:#fff; text-decoration:none;  }
#footer-nav ul#footernav li a:hover {text-decoration:underline; }
#footer-nav ul#footernav li ul { list-style:none;  font-size:0.9em; margin-left:0px; border-radius:none; background-color:transparent; }
#footer-nav ul#footernav li ul li { font-size:0.9em; display:block; border: none; background-color:transparent;}
#footer-nav ul#footernav li ul li a { width:100%; height:100%; font-weight:normal; color:#fff; }
#footer-nav ul#footernav li ul li a:hover { text-decoration:underline; }
#footer-nav ul#footernav li ul li a span { word-spacing:normal; }

/* -------------------------------------
COMMON BUTTONS AND FORM ELEMENTS
------------------------------------- */


/* All button styles */
/* Can take out width? */
button.button-action::-moz-focus-inner{ padding:0;border:none }
.button, .button * { border:none; padding:0px !important; height:34px; background:transparent url('images/all-templates/button-sprite.png') no-repeat scroll 0px 0px; }
.button { display:inline-block; position:relative; min-width:10px !important; margin:5px 5px 5px 0px; text-align:center; font:normal normal normal 1.4em/34px Omniscript-Regular; color:#fdeff0 !important; text-decoration:none !important; cursor:pointer; }
.button span { display:block; width:auto; margin:0px 0px 0px 7px; background-position:top right; }
.button span em { display:block; width:auto; margin:0px 7px 0px 0px; background-repeat:repeat-x; background-position:0px -102px; }
.button:hover { background-position:0px -34px; }
.button:hover span { background-position:100% -34px; }
.button:hover span em { background-position:100% -136px; }
.button:active { background-position:0px -68px; top:1px; left:1px;  }
.button:active span { background-position:100% -68px; }
.button:active span em { background-position:100% -170px; }

.button-navigation, .button-navigation * { background-image:url('images/all-templates/button-navigation-sprite.png'); }
.button-upgrade, .button-upgrade * { background-image:url('images/all-templates/button-upgrade-sprite.png'); }
.button-play, .button-play span, .button-play em { background-image:url('images/all-templates/button-play-sprite.png'); }
.button-play span { margin-left:20px !important; }
.button-play span em { margin-right:40px !important; }

/*#body p.features .button-action span { display:inline-block; width:auto; height:100%; line-height:42px; margin:0px 0px 0px 22px; padding:0px; border:none; background:transparent url('images/button-video-right-sprite.png') no-repeat scroll top right; }
#body p.features .button-action span em { display:inline-block; width:auto; height:100%; line-height:42px; margin:0px 37px 0px 0px; background:transparent url('images/button-video-middle.png') repeat-x scroll top right; font-style:normal; border:0px; }
#body p.features .button-action:hover { color:#fff !important; }
#body p.features .button-action:hover span { background-position:100% -42px; }
#body p.features .button-action:active { top:1px; left:1px; }*/





a.button-kids-register { display:block; width:281px; height:109px; background:transparent url('images/button-kids-register.png') no-repeat scroll top left; cursor:pointer; }
a.button-kids-register:hover { background-position:0px -109px; }
a.button-kids-register span { display:none; }
a.button-kids-upgrade { display:block; width:281px; height:109px; background:transparent url('images/button-kids-upgrade.png') no-repeat scroll top left; cursor:pointer; }
a.button-kids-upgrade:hover { background-position:0px -109px; }
a.button-kids-upgrade span { display:none; }

a.button-upgrade-to-premium { display:inline-block; width:199px; height:77px; background:transparent url('images/button-upgrade-to-premium.png') no-repeat scroll top left; cursor:pointer; }
a.button-upgrade-to-premium:hover { background-position:0px -77px; }
a.button-upgrade-to-premium span { display:none; }

a.button-upgrade-my-child { display:inline-block; width:199px; height:77px; background:transparent url('images/button-upgrade-my-child.png') no-repeat scroll top left; cursor:pointer; }
a.button-upgrade-my-child:hover { background-position:0px -77px; }
a.button-upgrade-my-child span { display:none; }

a.button-upgrade-explore { display:inline-block; width:199px; height:77px; background:transparent url('images/button-upgrade-explore.png') no-repeat scroll top left; cursor:pointer; }
a.button-upgrade-explore:hover { background-position:0px -77px; }
a.button-upgrade-explore span { display:none; }

a.button-upgrade-more-info{ display:inline-block; width:199px; height:77px; background:transparent url('images/button-upgrade-more-info.png') no-repeat scroll top left; cursor:pointer; }
a.button-upgrade-more-info:hover { background-position:0px -77px; }
a.button-upgrade-more-info span { display:none; }

a.button-upgrade-buy-school{ display:inline-block; width:199px; height:77px; background:transparent url('images/button-upgrade-buy-school.png') no-repeat scroll top left; cursor:pointer; }
a.button-upgrade-buy-school:hover { background-position:0px -77px; }
a.button-upgrade-buy-school span { display:none; }


a.button-satisfaction-small{  display:inline-block; width:72px; height:65px; background:transparent url('images/button-satisfaction-small.png') no-repeat scroll top left; cursor:pointer; }
a.button-satisfaction-small:hover { background-position:0px -65px; }
a.button-satisfaction-small span { display:none; }

a.button-satisfaction{  display:inline-block; width:100px; height:90px; background:transparent url('images/button-satisfaction.png') no-repeat scroll top left; cursor:pointer; }
a.button-satisfaction:hover { background-position:0px -90px; }
a.button-satisfaction span { display:none; }

a.button-square-explore-premium{  display:inline-block; width:131px; height:130px; background:transparent url('images/button-square-explore-premium.png') no-repeat scroll top left; cursor:pointer; }
a.button-square-explore-premium:hover { background-position:0px -130px; }
a.button-square-explore-premium span { display:none; }

a.button-forward, button.forward { display:inline-block; border:none; width:65px; height:65px; background:transparent url('images/button-step-sprite.png') no-repeat scroll -65px 0px; text-decoration:none; cursor:pointer; }
a.button-forward span, button.forward span { display:none; }
a.button-forward:hover, button.forward:hover { display:inline-block; border:none; width:65px; height:65px; background:transparent url('images/button-step-sprite.png') no-repeat scroll -65px -65px !important; text-decoration:none; }
a.button-backward span, button.backward span { display:none; }
a.button-backward, button.backward { display:inline-block; border:none; width:65px; height:65px; background:transparent url('images/button-step-sprite.png') no-repeat scroll 0px 0px; text-decoration:none; cursor:pointer; }
a.button-backward:hover, button.backward:hover { display:inline-block; border:none; width:65px; height:65px; background:transparent url('images/button-step-sprite.png') no-repeat scroll 0px -65px !important; text-decoration:none; }


button.submit-image {

    background-color: none;
    background: none;
    border: none;
    box-shadow: none;
    color: black;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;

}

button.submit-image img {
    max-width: none !important; 
}

button.submit-image:hover {
    opacity:.85;
    cursor: pointer; 
}


/* -------------------------------------
TAB MENUS
------------------------------------- */

.tabmenu2 { position:relative; display:block; width:auto; height:113px; background:transparent url('images/tabmenu-bg.jpg') repeat-x scroll top left; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:10px 0px 20px 0px; padding:0px 12px; }
.tabmenu2 li { background:transparent url('images/tabmenu-tab.png') no-repeat scroll 50% 50%; position:relative; list-style:none; display:block; margin-top:23px; float:left; width:125px; height:90px; font-size: 12px;}
.tabmenu2 li.whats-new { position:absolute; width:90px; height:73px; top:-15px; right:-10px; background:transparent url('images/whats-new.png') no-repeat scroll top left; margin-top:0px; }
.tabmenu2 li.whats-new a { margin:0px; width:100%; height:100%; }
.tabmenu2 li.whats-new a span { display:none; }
.tabmenu2 li.current-menu-item, .tabmenu2 li.current-page-ancestor { background:transparent url('images/tabmenu-inner.png') no-repeat scroll 50% 50%; }
.tabmenu2 li a { color:#fff; display:block; width:102px; height:90px; margin:0px 12px; position:absolute; top:0px; left:0px; }
.tabmenu2 li.current-menu-item a, .tabmenu2 li.current-page-ancestor a { color:#1F9DD9; }
.tabmenu2 li a:hover { text-decoration:none; }
.tabmenu2 li a span { display:block; width:100%; height:50px; margin-top:40px; text-align:center; font:normal normal normal 1.3em/1.4em 'Omniscript-Regular'; }


/* -------------------------------------
TAB MENUS PREMIUM
------------------------------------- */

.tabmenu2pr { position:relative; display:block; width:auto; height:113px; background:transparent url('images/tabmenu-bg-pr.jpg') repeat-x scroll top left; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:10px 0px 20px 0px; padding:0px 12px; }
.tabmenu2pr li { background:transparent url('images/tabmenu-tab.png') no-repeat scroll 50% 50%; position:relative; list-style:none; display:block; margin-top:23px; float:left; width:125px; height:90px; }
.tabmenu2pr li.whats-new { position:absolute; width:90px; height:73px; top:-15px; right:-10px; background:transparent url('images/whats-new.png') no-repeat scroll top left; margin-top:0px; }
.tabmenu2pr li.whats-new a { margin:0px; width:100%; height:100%; }
.tabmenu2pr li.whats-new a span { display:none; }
.tabmenu2pr li.current-menu-item { background:transparent url('images/tabmenu-inner-pr.png') no-repeat scroll 50% 50%; }
.tabmenu2pr li a { color:#369; display:block; width:102px; height:90px; margin:0px 12px; position:absolute; top:0px; left:0px; }
.tabmenu2pr li.current-menu-item a { color:#F90; }
.tabmenu2pr li a:hover { text-decoration:none; }
.tabmenu2pr li a span { display:block; width:100%; height:50px; margin-top:40px; text-align:center; font:normal normal normal 1.05em/1.2em 'Omniscript-Regular'; }

/* -------------------------------------
OTHER ITEMS
------------------------------------- */

div#browser-warning { display:none; }
div#browser-warning img { display:block;float:left;width:130px;height:130px;margin-top:10px; background:transparent url('images/browser-warning.png') no-repeat scroll top left; }
div#browser-warning p { margin:10px 0px 10px 150px;text-align:left; }

#reconstruction-warning { display:none; margin-bottom:20px; border: 1px solid rgb(204, 204, 0); background-color: rgb(255, 255, 238); background:#ffe url("images/reconstruction-warning.png") no-repeat scroll 15px 15px; }
#reconstruction-warning div { margin-left:150px; }
#reconstruction-warning p { text-align:left; margin:10px; }

#warning-intro { width:550px; margin:0px auto; }

.message { position:relative; padding:10px 10px 0px 10px; border:2px solid #000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#feefb3; min-height:25px; margin:10px 0px 10px 0px;}
.message > p:first-child { font-weight:bold; }
.message-notice { border-color:#0c0; background-color:#efe; }
.message-warning { border-color:#F4A400; background-color:#FFEFBC; }
.message-error { border-color:#c00; background-color:#fee; }

.warning img, .critical img, .notice img { display:block; position:absolute; top:10px; left:10px; width:auto; max-width:100px; height:auto; max-height:100px; float:left; padding:0px 10px 0px 0px; }

.post-timestamp { margin:10px 0px 0px 0px; font-size:1em; line-height:1em; font-weight:normal; font-style:italic; color:#aaa; }


/* -------------------------------------
Sidebars
------------------------------------- */

#sidebar-parent-info li, #sidebar-child-info li, #sidebar-teacher-info li, #sidebar-school-info li { list-style:none; }
#sidebar-parent-info .button-action, #sidebar-parent-info .button-navigation { width:100%; }

/* -------------------------------------
Blog comments
------------------------------------- */

#post-comment-container { margin-top:40px; border-top:1px solid #F00; padding-top:20px; }
.comment { position:relative; }
ol.commentlist, ol.commentlist ul.children { list-style:none; }
ol.commentlist { margin-left:0px; }
ol.commentlist .comment-author { line-height:32px; height:32px; padding:5px; background-color:#EEE; }
.comment-awaiting-moderation { display:block; float:right; width:100%; text-align:right; color:#AAA; }
.comment-meta, .commentmetadata { position:absolute; top:5px; left:-10px; text-align:right; line-height:32px; height:32px; width:100%; }
.comment-body { padding:0; }
.comment-body p { margin:5px auto; }
ol.commentlist .comment-author img { display:block; float:left; margin-right:10px; width:30px; height:30px; }
#comment-form { line-height:25px; }
#comment-form label { clear:left; color:#AAA; float:left; height:25px; margin-right:10px; text-align:right; width:90px; }
#comment-form input, #comment-form textarea { line-height:25px; padding:5px; border:1px solid #999; border-radius:3px; margin-bottom:5px; width:400px; }
#comment-form textarea { height:200px; font:normal normal normal 1em/2em 'Verdana','Arial',sans-serif; }
#comment-form input[type="submit"] { width:100px; background-color:#42BE1E; border:1px solid #000; }
#comment-submit { margin-left:400px; width:120px; }
#post-comments-title { margin:20px 0 10px 0; }
#hide-comment-submit { display:none; }


/* -------------------------------------
HOMEPAGE FEATURES
------------------------------------- */

p.frontpage-features { margin:0 auto; font-size:1.4em; line-height:1.8em; text-align:left; font-family: Omniscript-Regular; color:#fff; position:relative; z-index:1; top:-385px; width:960px; }
p.frontpage-features a { color:#fff; }
p.frontpage-features .button { display:block !important; float:right !important; position:relative; margin:15px 5px 5px 0px; padding:0px !important; border:none; text-decoration:none !important; color:#fdeff0 !important; line-height:34px; text-align:center; font-family:Omniscript-Regular; font-size:1.4em !important; cursor:pointer; }
/*p.frontpage-features .button { display:block !important; float:right !important; width:120px; position:relative; margin:15px 5px 5px 0px; padding:0px !important; border:none; text-decoration:none !important; color:#fdeff0 !important; line-height:34px; text-align:center; font-family:Omniscript-Regular; font-size:1.4em !important; cursor:pointer; }*/
p.frontpage-features a.countries { display:block !important; float:right; }

.frontpage .shareaholic-show-on-load { display:none !important; }



/* -------------------------------------
Gravity Forms Compatibility
------------------------------------- */

.gform_wrapper { max-width:90% !important; }
#recaptcha_widget_div { width:200px !important; }

/* -------------------------------------
IE8 fix for galleries
------------------------------------- */

.ngg-gallery-thumbnail { width:160px; }

.application-container-adults object {
    position: absolute;
    outline: none;
    display: block;
    min-height: 600px;
    left:0px;
}

.colspan-12 ul li {
	padding-top:3px;
}
.colspan-8 ul li {
	padding-top:3px;
}





/* === Button Style === */
.button.submit {
	background-color: #68b12f;
	background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
	background: -webkit-linear-gradient(top, #68b12f, #50911e);
	background: -moz-linear-gradient(top, #68b12f, #50911e);
	background: -ms-linear-gradient(top, #68b12f, #50911e);
	background: -o-linear-gradient(top, #68b12f, #50911e);
	background: linear-gradient(top, #68b12f, #50911e);
	border: 1px solid #509111;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset;
	-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	color: white;
	font-weight: bold;
	padding: 6px 5px;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
}

.button.cancel, .button.print {
	background-color: #8c8c8c;
	background: -webkit-gradient(linear, left top, left bottom, from(#8c8c8c), to(#707070));
	background: -webkit-linear-gradient(top, #8c8c8c, #707070);
	background: -moz-linear-gradient(top, #8c8c8c, #707070);
	background: -ms-linear-gradient(top, #8c8c8c, #707070);
	background: -o-linear-gradient(top, #8c8c8c, #707070);
	background: linear-gradient(top, #8c8c8c, #707070);
	border: 1px solid #707070;
	border-bottom: 1px solid #7a7a7a;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #bababa;
	-webkit-box-shadow: 0 1px 0 0 #bababa inset ;
	-moz-box-shadow: 0 1px 0 0 v inset;
	-ms-box-shadow: 0 1px 0 0 #bababa inset;
	-o-box-shadow: 0 1px 0 0 #bababa inset;
	color: white;
	font-weight: bold;
	padding: 4px 5px;
	text-align: center;
	text-shadow: 0 -1px 0 #505050;
}

.button.submit:hover {
	opacity:.85;
	cursor: pointer; 
}

.button.cancel:hover, .button.print:hover {
	opacity:.85;
	cursor: pointer; 
}
.button.submit:active {
	border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #356b0b inset; 
	-webkit-box-shadow:0 0 10px 5px #356b0b inset ;
	-moz-box-shadow: 0 0 10px 5px #356b0b inset;
	-ms-box-shadow: 0 0 10px 5px #356b0b inset;
	-o-box-shadow: 0 0 10px 5px #356b0b inset;
	
}

.button.cancel:active, .button.print:active {
	border: 1px solid #626262;
	box-shadow: 0 0 10px 5px #505050 inset; 
	-webkit-box-shadow:0 0 10px 5px #505050 inset ;
	-moz-box-shadow: 0 0 10px 5px #505050 inset;
	-ms-box-shadow: 0 0 10px 5px #505050 inset;
	-o-box-shadow: 0 0 10px 5px #505050 inset;
	
}

.ui-dialog { z-index: 1000 !important;
}

.random-post {
	background: rgba(255, 255, 255, 0.64);
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	padding: 10px;	
	font-size:12px
}

.random-post img {
	padding-left:10px;
}
.random-post-title 
{
	font-weight:bold;
	}
	
.random-post-reviewer {
	font-style:italic;
	
}

.user-review {
	
}

.user-review-title {
	font-weight:normal;
}

.user-review-reviewer{
	font-style:italic;
	font-weight:bold;
	
}



#child-list {
	list-style:none;
}

#child-list li {

	font-size:18px;
	line-height:24px;
}

#child-list input[type=checkbox] {
	
	vertical-align: middle
}

.already-premium label {
	color:#cccccc;
	background-image: url('http://blog.edalive.com/wp-content/themes/playground/images/premium-paw-50.png');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-right: 25px;
	
}
.actionButton {
	-moz-box-shadow: 0px 10px 14px -7px #fff6af;
	-webkit-box-shadow: 0px 10px 14px -7px #fff6af;
	box-shadow: 0px 10px 14px -7px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#383838;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	margin:5px;
}
.actionButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.actionButton:active {
	position:relative;
	top:1px;
}






.paymentMethodButton {
	-moz-box-shadow: 0px 10px 14px -7px #fff6af;
	-webkit-box-shadow: 0px 10px 14px -7px #fff6af;
	box-shadow: 0px 10px 14px -7px #fff6af;
	background-color:#ffec64;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#383838;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	margin:5px;
}
.paymentMethodButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background-color:#ffab23;
}
.paymentMethodButton:active {
	position:relative;
	top:1px;
}



.backButton {
	-moz-box-shadow: 0px 10px 14px -7px #f7c5c0;
	-webkit-box-shadow: 0px 10px 14px -7px #f7c5c0;
	box-shadow: 0px 10px 14px -7px #f7c5c0;
	background-color:#fc8d83;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.backButton:hover {
	background-color:#e4685d;
}
.backButton:active {
	position:relative;
	top:1px;
}



.eWay,.eWay:hover,.eWay:active{

	padding-right: 100px;
	background-image: url(http://blog.edalive.com/wp-content/themes/playground/images/credit-card-logo.png);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 90px;

}

.eWay.disabledButton,.eWay.disabledButton:hover,.eWay.disabledButton:active{

background-image: url(http://blog.edalive.com/wp-content/themes/playground/images/credit-card-logo-disabled.png);

}

.PayPalDigitalGoods, .PayPalDigitalGoods:hover,.PayPalDigitalGoods:active, .PayPal,.PayPal:hover, .PayPal:active{

padding-right: 100px;
background-image: url(http://blog.edalive.com/wp-content/themes/playground/images/paypal-logo.png);
background-position: center right;
background-repeat: no-repeat;
background-size: 90px;

}

.PayPalDigitalGoods.disabledButton, .PayPalDigitalGoods.disabledButton:hover,.PayPalDigitalGoods.disabledButton:active, .PayPal.disabledButton,.PayPal.disabledButton:hover, .PayPal.disabledButton:active{

background-image: url(http://blog.edalive.com/wp-content/themes/playground/images/paypal-logo-disabled.png);

}

.disabledButton {
background-color: #cccccc !important;
-moz-box-shadow: 0px 10px 14px -7px #cccccc;
-webkit-box-shadow: 0px 10px 14px -7px #cccccc;
box-shadow: 0px 10px 14px -7px #cccccc;
text-shadow: 0px 1px 0px #cccccc;
border-color: #bbbbbb !important;
color: #9D9D9D !important;

}

.payment-option-wrapper {
width: 200px;
height: 110px;
display:inline-table;
margin-right:20px;
vertical-align:top;
}

.payment-option {
background-color: #F2EFEF;
padding: 20px;
}

.payment-option:hover {
background-color: #E5F1FD;
cursor: pointer;
}

.selected {
background-color: #BBDDFF;
}


.payment-option-header {
min-height:30px;
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.payment-option-header span {
vertical-align:middle;
}

.payment-option-footer {
min-height:30px;
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.payment-option-footer span {
vertical-align:middle;
}


.shortest {
background-color:#FFE664;
/* background-image: url(http://blog.edalive.com/wp-content/themes/playground/images/most-popular.png); */
/* background-position: bottom right; */
/* background-repeat: no-repeat; */
/* background-size: 90px; */
}


.payment-option-header.shortest {

}
.payment-option-footer.shortest {
visibility:hidden;
}

.best-value {
background-color:#CBEFFF;
/* background-image: url(http://blog.edalive.com/wp-content/themes/playground/images/best-deal.png); */
/* background-position: bottom right; */
/* background-repeat: no-repeat; */
/* background-size: 90px; */
}


.payment-option-header.best-value {
visibility:hidden;
}
.payment-option-footer.best-value {

}

.show-advanced {
font-size:10px;
}

.recurring-option .non-recurring-option{
font-size:11px;
}

.price {
font-size:20px;
font-weight:bold;
}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */