@font-face {
  font-family: "thesansbw2_extralight";
  src: url(cf5d97084b3f6550a62d42a74c015a7746c0d237.eot) ;
}
@font-face {
  font-family: "thesansbw2_extralight";
  font-style: normal;
  font-weight: normal;
  src: url(8edbd2b7e33c66871a3723601c6f2435f0ed4571.)  format("woff"), url(486b4fd5c0d5d8df17ef72ee50cf056200c8481a.ttf)  format("truetype"), url(bfb80876313d0ffa28d42a83a8f601b2986d1e10.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw2_extralight_italic";
  src: url(972ce28ab50dd469ec0550803befdac3eea8794c.eot) ;
}
@font-face {
  font-family: "thesansbw2_extralight_italic";
  font-style: italic;
  font-weight: normal;
  src: url(50bc9452f95dff3502f6cc6fd75b5fbb77c4d408.)  format("woff"), url(4ab21b6a91381ac30c3c87be7068a7b9d3eb19d4.ttf)  format("truetype"), url(27fd682062b9e4b8b5b5ffd6443835560a7243fb.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw3_light";
  src: url(67b365730c3c785bbb346101ce375f00d9863d1c.eot) ;
}
@font-face {
  font-family: "thesansbw3_light";
  font-style: normal;
  font-weight: normal;
  src: url(68a8559a281a23552d7ef9903a6031a60572ab3f.)  format("woff"), url(210ce224f4bca1e21fdcf49c701f452bce12d746.ttf)  format("truetype"), url(fb3cc14255dbca43cf81d907423d46ec8b0d90b1.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw3_light_italic";
  src: url(ba388c1c2ec2c1c81996baa76fa9e7648d787de9.eot) ;
}
@font-face {
  font-family: "thesansbw3_light_italic";
  font-style: italic;
  font-weight: normal;
  src: url(b0100ab0c948f2b8fb4e7e4227a169e55b207a1e.)  format("woff"), url(4c993cef2bcf012587caa1548adbb8e13907c9b8.ttf)  format("truetype"), url(a044becc1117eab1804fbcc686b3036f1d62b03e.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw4_semilight";
  src: url(5ab14c8bcd41da38bc0236e570c87dadbde672d2.eot) ;
}
@font-face {
  font-family: "thesansbw4_semilight";
  font-style: normal;
  font-weight: normal;
  src: url(fb808ab2386421877e608ff013ce6e834ab54bd7.)  format("woff"), url(8aa45e960f72ec2c6e973311355cad829a86e4da.ttf)  format("truetype"), url(318deb1442c65771ab4841cb94dbe26944cbcff8.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw4_semilight_italic";
  src: url(2fb4fa1c71d61add645ff611831ede9b8fde29c2.eot) ;
}
@font-face {
  font-family: "thesansbw4_semilight_italic";
  font-style: italic;
  font-weight: normal;
  src: url(fbe2091e8817c1c989a52795a7dbbffc2a7aac14.)  format("woff"), url(089707e04e98e99aabec69dd80219a0167798928.ttf)  format("truetype"), url(75ca49869eb852e8f14011ef2e876e2b5712d8c0.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw5_plain";
  src: url(a97552b32b8c3d3980e66fdc8ec873fea63a4600.eot) ;
}
@font-face {
  font-family: "thesansbw5_plain";
  font-style: normal;
  font-weight: normal;
  src: url(e3db50b13fc0550b7eb4db9ed6b6e202fa14fe03.)  format("woff"), url(716368cd36044ee10ce7ebece2338abf48c6937d.ttf)  format("truetype"), url(642cc18af34ec71fcb866dd6ab4d594f9ea28e87.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw5_plain_italic";
  src: url(f20a86321a1e4099a6753511b0047b36c91ded98.eot) ;
}
@font-face {
  font-family: "thesansbw5_plain_italic";
  font-style: italic;
  font-weight: normal;
  src: url(d05db54ccc87b0ac767c26d81fe092dfcf059eba.)  format("woff"), url(52843b60b2a4510ae92645bc899306f1e21c845f.ttf)  format("truetype"), url(f2b67c499d16b32b58b56cbf990f530c2f2fc215.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw6_semibold";
  src: url(ad7086546fcce90c2ec7b3f56c7799ed5c197557.eot) ;
}
@font-face {
  font-family: "thesansbw6_semibold";
  font-style: normal;
  font-weight: bold;
  src: url(b4ab5d33e375587fb9acd682e3e64256ece415d9.)  format("woff"), url(7e5b9f6d104af4b136f7eae5445b854aa5df522d.ttf)  format("truetype"), url(b4fcc5ab319b5dc00108b2a70e35e90da6627957.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw6_semibold_italic";
  src: url(22bdd8fc4c29196bb364172135e6e63538009506.eot) ;
}
@font-face {
  font-family: "thesansbw6_semibold_italic";
  font-style: italic;
  font-weight: bold;
  src: url(6d0dab0cd9faa36c9c9997077ca365050cac33ee.)  format("woff"), url(033affbed77fe365eb8599696c9607e82c5e9945.ttf)  format("truetype"), url(52c789cf618a41350c93d946598e223383153fa6.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw7_bold";
  font-style: normal;
  font-weight: normal;
  src: url(e8bd9cd9c49cb0550f42e3048e55ac60a1ad95d7.eot)  format("embedded-opentype"), url(40e47b07937a99dfdb4625526891c866e088276a.woff)  format("woff"), url(82701fffb9445285e2c9417e13759c2de7055c31.ttf)  format("truetype"), url(726d6a1b1c10cf1cf3bac19d4b98ba0ee522f26d.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw7_bold_italic";
  font-style: normal;
  font-weight: normal;
  src: url(6a5b291fd04d29465586a4d75cdd43eb42158da6.eot)  format("embedded-opentype"), url(5b4503c27a08d16cbf572ae69137fda12a52240c.woff)  format("woff"), url(ff65a8ff9bda6ae9bdab7f14e2d9dd4ce6627c58.ttf)  format("truetype"), url(fa812638596a1921af560215ca1e9dd94a75122d.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw8_extrabold";
  font-style: normal;
  font-weight: normal;
  src: url(fe74e6dd33ed1fde0ecfa1d6ea9f89c8fa8053f9.eot)  format("embedded-opentype"), url(4cbec4a1a3e957ca58337abbe284949f0e513c1b.woff)  format("woff"), url(292648a819995d29569ebea910ea7e928bf530ca.ttf)  format("truetype"), url(9cef2dc0a0cda102f34726217ce30924c1e2e9fd.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw8_extrabold_italic";
  font-style: normal;
  font-weight: normal;
  src: url(6772a86fb2ffb586ea24bfb3907e95749c0f2536.eot)  format("embedded-opentype"), url(32aaababf9afe10f53e1af56c10dbe1e75e0b036.woff)  format("woff"), url(9a0dee51884b4a32ad9484047497b48b3145d501.ttf)  format("truetype"), url(4237112e008ec14d950cf7a9fd381d98f2dc0642.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw9_black";
  font-style: normal;
  font-weight: normal;
  src: url(0b751c85c3855d581710382375378685c380cfac.eot)  format("embedded-opentype"), url(681e45e2ab5d2dc14223991422f38195c5fd35c6.woff)  format("woff"), url(924ca351f160696339b07ab4a0581f4d19d288c0.ttf)  format("truetype"), url(43fda4acb56bf3d190d5e66f9d40c34f3dceb5ae.svg)  format("svg");
}
@font-face {
  font-family: "thesansbw9_black_italic";
  font-style: normal;
  font-weight: normal;
  src: url(ac5116d0e9392fa93d781009337a0d06082c4581.eot)  format("embedded-opentype"), url(2deb9ada481a2f5eec4ea7ad4c9621d6d4f4c53e.woff)  format("woff"), url(e65cabf299731c9f50733285247d69711cc90a01.ttf)  format("truetype"), url(ce1013b1fac0ece8a59760d125ec44698a85e161.svg)  format("svg");
}
@font-face {
  font-family: "CentGothic";
  font-style: normal;
  font-weight: 400;
  src: local("Apple Gothic"), local("AppleGothic"), local("URW Gothic L"), local("Avant Garde"), local("Futura");
}
html, button, input, select, textarea { color: rgb(34, 34, 34); }
body { font-size: 1em; line-height: 1.4; }
*::-moz-selection { background: rgb(179, 212, 252) none repeat scroll 0% 0%; text-shadow: none; }
hr { display: block; height: 1px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(204, 204, 204) -moz-use-text-color -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; margin: 1em 0px; padding: 0px; }
img { vertical-align: middle; }
fieldset { border: 0px none; margin: 0px; padding: 0px; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0px; background: rgb(204, 204, 204) none repeat scroll 0% 0%; color: rgb(0, 0, 0); padding: 0.2em 0px; }
a { cursor: pointer; }
body { font: 16px/26px "thesansbw5_plain",Helvetica,Arial,"Francois One",sans-serif; }
.wrapper { width: 90%; margin: 0px 5%; }
.main { padding: 30px 0px; }
.main article h1 { font-size: 2em; }
.main aside { color: white; padding: 0px 5% 10px; }
.ie7 .title, .lt-ie8 .title { padding-top: 20px; }
@media only screen and (min-width: 640px) {
}
@media only screen and (min-width: 768px) {
  .wrapper { width: 768px; margin: 0px auto; }
}
@media only screen and (min-width: 996px) {
  .wrapper { width: 996px; margin: 0px auto; }
}
img.jwlogo { display: none ! important; }
body { background: transparent url(1b78590009e21d746a701d6ea99bb85654cf6fde.gif)  repeat scroll 0% 0%; }
.main_container, .parents .main_container, .educators .main_container, .kids .main_container { padding-top: 0px; }
.button { display: block; background: transparent url(7da41d67336d6f231da1d019f05ec33cac3493bd.png)  repeat-x scroll 0% 0%; height: 30px; font-size: 13px; text-transform: uppercase; text-decoration: none; color: rgb(255, 255, 255); text-align: center; position: relative; margin-top: 10px; }
.trivia_icon_list { height: 224px ! important; margin-bottom: 20px ! important; }
.trivia_icon_list ul a { width: 50% ! important; }
.button > .copy { position: absolute; width: 100%; top: -3px; left: 3px; background-color: rgb(0, 121, 135); height: 30px; text-decoration: none; transition: all 0.1s ease-out 0s; }
.button:hover > .copy { top: -1px; left: 1px; background-color: rgb(73, 137, 135); cursor: pointer; }
p.footnote { font-size: 10px ! important; line-height: 12px; }
@media only screen and (min-width: 768px) {
  .main_container { padding-top: 99px; }
  .parents .main_container, .educators .main_container, .kids .main_container { padding-top: 128px; }
}
.checkmark { background: transparent url(bcd2bbd4ca28b30247e27d00bba545ce4f83d0df.png)  no-repeat scroll center top; width: 47px; height: 47px; }
.checkmark.checked { background-position: center bottom; }
.main.wrapper { margin-top: 0px; min-height: 680px; }
@media only screen and (min-width: 768px) {
  .main.wrapper { margin-top: -425px; min-height: 680px; }
}
.role_landing .main.wrapper, .article_page .main.wrapper, .aboutlanding .main.wrapper, #content_search .main.wrapper, .game_portal_page .main.wrapper, .frontpage .main.wrapper, .notopshift .main.wrapper { margin-top: 0px; min-height: 680px; }
.grid_box { display: block; margin: 9px; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 10px rgb(170, 170, 170); }
.grid_box.single, .grid_box.double, .grid_box.half, .grid_box.full { min-height: 176px; }
.grid_box.full { width: auto; }
.grid_box.square_links { min-height: 314px; position: relative; text-decoration: none; }
.grid_box.square_links > .footer_content { height: 29px; width: 100%; background: rgb(85, 186, 183) url(732b2226cdf7171551038155c46f4ad01caddf93.png)  repeat scroll 0% 0%; text-transform: uppercase; color: rgb(255, 255, 255); }
.grid_box.square_links > .footer_content { bottom: 0px; z-index: 10; position: absolute; }
.grid_box.square_links > .footer_content > p { margin: 0px; padding: 1px 10px 0px 5px; float: left; background-color: rgb(85, 186, 183); font-size: 14px; }
.grid_box.square_links > .footer_content > .arrowHead { background: rgb(85, 186, 183) url(bf88b3fbb9e59a59cab2cb306eb7b89548ad0116.png)  no-repeat scroll center center; width: 18px; height: 27px; float: left; }
.grid_box.square_links > img, .grid_box.landing_promo_boxes > img { width: 100%; height: auto; }
.grid_box.double.carousel { display: none; }
.grid_row .grid_box {  }
.fullbleed { width: 100%; background-color: rgb(187, 187, 187); }
.fullbleed.landingpromo { min-height: 441px; box-shadow: 0px -1px 8px 0px rgb(204, 204, 204) inset; background: rgb(240, 240, 240) url(f154a87645fcda388e2cdba820b4798fd827177d.png)  repeat scroll 0% 0%; }
.border { background-color: rgb(0, 121, 135); height: 7px; margin: 0px; }
@media only screen and (min-width: 768px) {
  .grid_box { margin: 6px; }
  .grid_box.single { width: 244px; }
  .grid_col { width: 244px; margin: 6px; float: left; }
  .grid_col.coldouble { width: 500px; }
  .grid_col.coldouble > .grid_box.single { float: left; width: 240px; margin: 0px 10px 15px 0px; min-height: 138px; }
  .grid_box.full { width: 756px; }
  .grid_col > * { margin: 0px 0px 15px; }
  .grid_box.double.carousel { display: block; }
  .grid_box.double { width: 500px; overflow: hidden; }
  .grid_box.half { width: 372px; }
  .grid_box.square_links { min-height: 244px; }
  .grid_row { width: 768px; margin: 0px auto; clear: both; }
  .grid_row .grid_box { float: left; }
  .grid_box.square_links > .footer_content > p { font-size: 12px; }
}
@media only screen and (min-width: 996px) {
  .grid_row.row300 > * { min-height: 300px; }
  .grid_box { margin: 9px; }
  .grid_box.single { width: 314px; }
  .grid_box.double { width: 646px; }
  .grid_row .grid_box.double {  }
  .grid_box.half { width: 480px; }
  .grid_box.full { width: 978px; }
  .grid_box.square_links { min-height: 314px; }
  .grid_row { width: 100%; }
  .grid_row .grid_box { float: left; }
  .grid_col { width: 314px; margin: 6px; float: left; }
  .grid_col.coldouble { width: 658px; }
  .grid_col > * { margin: 0px 10px 15px; }
  .grid_col.coldouble > .grid_box.single { float: left; margin: 0px 0px 15px 11px; width: 316px; }
  .grid_box.square_links > .footer_content > p { font-size: 14px; }
}
.headers { z-index: 100; width: 100%; text-transform: uppercase; }
.headers .account_header { height: 30px; background-color: rgb(0, 121, 135); font-size: 9px; }
.headers .account_header a, .headers .account_header p { color: rgb(255, 255, 255); text-decoration: none; margin: 0px 9px; }
.headers .account_header p { margin: 0px; padding: 3px 0px 0px; }
.headers .account_header .offline { float: right; display: block; }
.headers .account_header .offline a:last-child { margin: 0px 0px 0px 9px; }
.headers .account_header .online { display: block; }
.loggedin .headers .account_header .online { display: block; }
.loggedin .headers .account_header .offline { display: none; }
.headers .account_header .online .right, .headers .account_header .online .left { float: right; width: 50%; margin: 0px; padding: 0px; }
.headers .account_header .online .logout { float: right; padding: 3px 0px 0px; margin: 0px; }
.headers .account_header .online .alerts { display: none; float: right; width: 30px; height: 30px; margin: 0px 5px; background-color: rgb(255, 0, 255); }
.headers .account_header .online .avatar { background-color: rgb(255, 255, 255); display: none; float: left; margin: 2px 0px; width: 25px; height: 25px; }
.headers .account_header .online .username { padding: 3px 0px 0px; margin: 0px 9px 0px 0px; }
.headers .account_header .online span { margin: 0px 9px; }
.header_container { width: 100%; }
.header_container > header {  }
.main_header { position: fixed; background-color: rgb(80, 80, 80); height: 74px; z-index: 998; top: 0px; }
.main_header > header { padding: 0px; }
.main_header .left_align { width: 139px; float: left; }
.main_header .left_align > * { float: left; height: 74px; }
.main_header .right_align > * { float: right; height: 74px; }
.main_header .safetylogo { width: 149px; height: 74px; background: transparent url(96f68a57b2e4385e5d90784008280ceb59d47eb6.png)  no-repeat scroll center center; }
.main_header .mobile_nav_button { width: 70px; }
.main_header .mobile_nav_button > .button { margin-top: 25px; }
.main_header .language { width: auto; max-width: 160px; height: 74px; margin-right: 10px; color: rgb(159, 159, 159); transition: all 0.2s ease-out 0s; }
.main_header .language p, .main_header .desktop_nav p { margin: 25px 0px; white-space: nowrap; }
.main_header .language a, .main_header .desktop_nav a { color: rgb(180, 180, 180); text-decoration: none; margin: 0px 10px; font-size: 12px; }
.main_header .language a.current, .main_header .desktop_nav a.current { color: rgb(84, 162, 160); }
.kids .main_header .desktop_nav a.headerlink_kids, .educators .main_header .desktop_nav a.headerlink_educators, .parents .main_header .desktop_nav a.headerlink_parents { color: rgb(255, 255, 255); }
.main_header .language a:hover, .main_header .desktop_nav a:hover { color: rgb(255, 255, 255); }
.register_login_btn { width: 155px; display: none; }
.register_login_btn > .button { margin-top: 25px; }
.main_header .desktop_nav { display: none; }
.main_header .search { display: none; position: relative; width: 19px; height: 74px; background: transparent url(d4861abeeb96ef8b7dbc794e3e8989b9e64fd9be.png)  no-repeat scroll left top; transition: all 0.2s ease-out 0s; }
.main_header .search .search_field_wrapper { overflow: hidden; width: 0px; position: absolute; height: 74px; top: 0px; left: 30px; transition: all 0.2s ease-out 0s; }
.main_header .search > * { display: inline-block; }
.main_header .search .search_button { width: 19px; height: 74px; }
.main_header .search.show { width: 149px; }
.main_header .search.show .search_field_wrapper { width: 127px; }
.main_header .search .search_field { margin: 21px 0px 0px; padding: 0px 10px; width: 185px; border: 0px none; height: 35px; }
.main_header ul a { display: block; float: left; width: 67px; text-align: center; color: rgb(180, 180, 180); text-decoration: none; padding: 22px 0px; }
.main_header .ul_mobile_logo { background: transparent url(49b89bcffccf82913136236b0dcc60d9d2352320.png)  no-repeat scroll center center; width: 40px; height: 74px; margin: 0px 17px; }
.main_header .desktop_nav > ul a:hover { color: rgb(255, 255, 255); cursor: pointer; }
.main_header .desktop_nav > ul a.current { color: rgb(84, 162, 160); }
.sub_header { display: none; height: 24px; font-size: 11px; color: rgb(255, 255, 255); }
.sub_header p { padding: 0px; margin: 0px; }
.sub_header p > a { color: rgb(255, 255, 255); text-decoration: none; margin: 0px 17px; }
.sub_header p > a:first-child { margin: 0px 17px 0px 0px; }
.sub_header p > a:hover { text-decoration: underline; }
.header_mobile_menu { background-color: rgb(255, 255, 255); padding: 44px 0px 0px; box-shadow: 0px 0px 10px rgb(170, 170, 170); transition: all 0.2s ease-out 0s; overflow: hidden; height: 0px; }
.header_mobile_menu.open { padding: 44px 0px 10px; height: 300px; }
.header_mobile_menu ul { list-style: outside none none; margin: 0px; padding: 0px; }
.header_mobile_menu .button { margin: 30px; }
.button.bigmobile > .copy { height: 40px; font-size: 28px; top: -23px; padding: 10px 0px 0px; }
.header_mobile_menu .button.green > .copy { background-color: rgb(143, 212, 0); }
.header_mobile_menu .button.blue > .copy { background-color: rgb(85, 186, 183); }
.header_mobile_menu .button.orange > .copy { background-color: rgb(239, 130, 0); }
.header_mobile_menu .button:hover > .copy { top: -20px; left: 1px; background-color: rgb(73, 137, 135); cursor: pointer; }
.mobile_sub_header { background-color: rgb(0, 121, 135); margin: 0px; }
.mobile_sub_header > ul { list-style: outside none none; padding: 0px; margin: 74px 0px 0px; overflow: hidden; height: 0px; transition: all 0.2s ease-out 0s; }
.mobile_sub_header.open { margin: 0px; }
.mobile_sub_header.open > ul { height: auto; }
.mobile_sub_header > ul > li .button { margin: 30px; }
.mobile_sub_header > .subnav_title { margin: 0px auto 20px; text-align: center; color: rgb(255, 255, 255); border-bottom: 6px solid rgb(255, 255, 255); }
.header_mobile_menu .mobile_user_nav { margin: 0px; background-color: rgb(0, 121, 135); font-size: 28px; padding: 1em 0px; box-shadow: 0px 0px 5px rgb(0, 0, 0) inset; }
.header_mobile_menu .mobile_user_nav a { display: block; width: 42%; float: left; margin: 0px 4%; font-family: "thesansbw8_extrabold",Helvetica,Arial,sans-serif; font-weight: normal; text-align: center; color: rgb(255, 255, 255); text-decoration: none; }
.header_mobile_menu .mobile_subnav { padding: 0px; margin: 0px; }
.header_mobile_menu .mobile_subnav a { border-top: 1px solid rgb(255, 255, 255); display: block; font-size: 28px; padding: 1em 4%; margin: 0px; font-family: "thesansbw7_bold",Helvetica,Arial,sans-serif; font-weight: normal; text-align: left; color: rgb(255, 255, 255); text-decoration: none; }
.header_mobile_menu .mobile_subnav a.backbtn { text-align: center; background: transparent url(82630c8de0eb6702ec833d6887a6472c4c1b6015.png)  no-repeat scroll 5% center; }
.header_mobile_menu .main_mobile_nav { padding: 1em 0px; }
.header_mobile_menu .mobile_slide_nav { width: 200%; transition: all 0.2s ease-out 0s; }
.header_mobile_menu .mobile_slide_nav > .mobile_nav_pane { width: 50%; float: left; }
.game_page .sub_header p > a.game_link, .videos_page .sub_header p > a.video_link, .trivia_page .sub_header p > a.trivia_link, .resource_page .sub_header p > a.resource_link { color: rgb(255, 255, 255); text-decoration: underline; }
@media only screen and (min-width: 768px) {
  .mobile_nav_border { display: none; }
  .sub_header { display: block; }
  .mobile_sub_header { display: none; }
  .headers { position: fixed; }
  .header_mobile_menu { display: none; }
  .main_header { position: relative; }
  .main_header .search { display: block; }
  .main_header .left_align { width: 50%; float: left; }
  .main_header > header > * { float: left; width: 50%; }
  .main_header > header { padding: 0px; }
  .main_header .desktop_nav { display: block; }
  .main_header .register_login_btn {  }
  .main_header .mobile_nav_button { display: none; }
  .main_header .ul_mobile_logo { margin: 0px 0px 0px 17px; }
  .main_header .search.show { width: 157px; }
}
@media only screen and (min-width: 996px) {
  .main_header .desktop_nav > ul a { width: 87px; }
  .main_header .desktop_nav > ul { width: 262px; }
  .main_header .search.show { width: 270px; }
  .main_header .search.show .search_field_wrapper { width: 240px; }
  .main_header .search .search_field { width: 219px; }
}
.footer_container { background-color: rgb(80, 80, 80); height: auto; border-top: 4px solid rgb(0, 121, 135); }
.footer_container > .wrapper > .column { max-width: 100%; height: auto; }
.footer_container .ul_logo { display: block; background: transparent url(1ad336dc333d18eb5316f308b30108be5d5de8f7.png)  no-repeat scroll center center; margin: 0px auto; width: 226px; height: 116px; }
.footer_container .footer_link { list-style: outside none none; margin: 0px auto 25px; padding: 0px; text-align: center; }
.footer_container .footer_link li { display: inline-block; margin: 0px 1%; }
.footer_container .footer_link a { text-align: center; text-decoration: none; font-size: 12px; color: rgb(180, 180, 180); }
.footer_container p { font-size: 11px; text-align: center; margin: 0px; padding: 0px; color: rgb(180, 180, 180); }
.footer_container .legallinks { margin-bottom: 10px; }
.footer_container .legallinks, .footer_container .legallinks a { color: rgb(255, 255, 255); text-decoration: none; }
.footer_container .social_footer_icon { width: 25px; height: 25px; margin: 5px; }
.footer_container .social_icons { list-style: outside none none; padding: 0px; margin: 25px 0px; text-align: center; }
.footer_container .kids_footer .social_icons { display: none; }
.footer_container .social_icons li { background: transparent url(bca853ae776b1a8a851252743407dfb1ea747843.png)  no-repeat scroll 0% 0%; width: 25px; height: 24px; display: inline-block; margin: 0px 7px; }
.footer_container .social_icons li > a { width: 25px; height: 24px; display: block; }
.footer_container .social_icons li.twitter { background-position: -32px 0px; }
.footer_container .social_icons li.youtube { background-position: -62px 0px; }
.footer_container .social_icons li.flickr { background-position: -95px 0px; }
@media only screen and (min-width: 768px) {
  .footer_container .ul_logo { background-position: left center; }
  .footer_container > .wrapper > .column { width: 25%; float: left; }
  .footer_container > .wrapper > .column.centercol { width: 75%; }
  .footer_container > .wrapper > .column.centercol { width: 75%; }
  .footer_container .footer_link { margin: 25px auto 0px; }
  .kids_footer.column { display: none; }
  .footer_container > .wrapper > .kids_footer.column.centercol { width: 100%; display: block; }
  .footer_container .social_icons { margin: 25px auto 0px; }
}
@media only screen and (min-width: 996px) {
  .footer_container { height: 140px; }
  .footer_container > .wrapper > .column { width: 25%; float: left; }
  .footer_container > .wrapper > .column.centercol { width: 75%; }
  .footer_container .legallinks { margin-bottom: 0px; }
}
#loginBox { background: rgb(255, 255, 255) none no-repeat scroll 255px center; min-height: 298px; }
#loginBox > .temp, #loginBox > .temp > img { width: 100%; }
#loginBox > .border { background-color: rgb(0, 121, 135); }
#loginBox > h1 { font-family: "thesansbw7_bold",Helvetica,Arial,sans-serif; font-size: 28px; margin: 0px 2%; padding: 28px 0px; width: 85%; max-width: 175px; color: rgb(129, 129, 129); }
#loginBox > form > h3 { font-size: 11px; margin: 0px 2%; padding: 0px; width: 85%; font-weight: normal; color: rgb(129, 129, 129); }
#loginBox > form > input { margin: 0px 2%; padding: 0px 2%; width: 85%; border: 0px none; background: transparent url(5809c3fb1d193f02ed9de456bb7bd1ad5ded0f80.png)  repeat-x scroll 0% 0%; font-size: 14px; height: 35px; }
#loginBox > form > .forgotpassword { padding-left: 19px; color: rgb(0, 121, 135); font-size: 12px; }
#loginBox > form > .login_button { margin-left: 19px; width: 80px; }
#loginBox .error { font-size: 10px; color: rgb(255, 0, 0); padding-left: 19px; }
#loginBox .loggedin { background: rgb(255, 255, 255) url(a2e0a84abb840baf97c981a5830177e9a4d43e47.png)  no-repeat scroll center bottom; padding: 20px; min-height: 255px; }
#loginBox .loggedin h1 { font-family: "thesansbw7_bold",Helvetica,Arial,sans-serif; font-size: 24px; color: rgb(239, 130, 0); line-height: 1.2em; margin-top: 0px; text-align: center; }
#loginBox .loggedin.adult h1 { font-size: 48px; }
#loginBox .loggedin img { width: 100%; height: auto; }
@media only screen and (min-width: 768px) {
  #loginBox > h1 { font-family: "thesansbw7_bold",Helvetica,Arial,sans-serif; font-size: 20px; color: rgb(129, 129, 129); padding: 28px 0px 22px 19px; }
  #loginBox .loggedin.adult h1 { font-size: 32px; margin-bottom: 60px; }
  #loginBox > form > h3 { font-size: 11px; padding-left: 19px; font-weight: normal; color: rgb(129, 129, 129); margin-bottom: 0px; }
  #loginBox > form > input { margin: 0px 19px; padding: 0px 10px; width: 80%; border: 0px none; background: transparent url(5809c3fb1d193f02ed9de456bb7bd1ad5ded0f80.png)  repeat-x scroll 0% 0%; font-size: 14px; height: 35px; }
  #loginBox > h1 { font-size: 28px; }
  #loginBox { background: rgb(255, 255, 255) url(f7c8cec7f35e42e81ad83d39d253dfa2e7b44784.png)  no-repeat scroll left 33px; overflow: hidden; }
  #loginBox { background-position: -25px 33px; }
  #loginBox .loggedin {  }
  #loginBox .loggedin h1 { font-size: 24px; }
}
@media only screen and (min-width: 996px) {
  #loginBox > h1 { font-size: 24px; }
  #loginBox .loggedin.adult h1 { font-size: 32px; margin: 30px 0px; }
  #loginBox { background-position: left 33px; }
}
.backbutton { width: 20%; margin-bottom: 20px; float: right; }
.helpfullinks { padding-bottom: 5px; }
.helpfullinks > h1 { font-weight: normal; font-size: 30px; text-transform: uppercase; padding: 4px 0px 0px 19px; min-height: 29px; }
.helpfullinks > .border {  }
.helpfullinks > ul { list-style: outside none none; padding-left: 19px; }
.helpfullinks > ul > li > a { text-decoration: none; }
.safetytriva_hero { height: 176px; }
.safetytriva_hero .logophoto { min-width: 162px; max-width: 326px; height: 176px; float: left; }
.safetytriva_hero .logophoto > * { float: left; height: 176px; }
.safetytriva_hero .logo { background-image: url(5fa212b53ad088560c0f9dc2c9d2f1f16a089b65.png) ; background-repeat: no-repeat; background-position: center center; width: 162px; }
.safetytriva_hero .copy { float: left; }
.safetytriva_hero h1 { font-weight: normal; font-size: 21px; padding: 30px 30px 0px; }
.safetytriva_hero .button { margin-left: 30px; width: 200px; }
.landing_news {  }
.landing_news h1 { font-size: 30px; font-weight: normal; padding-left: 30px; }
.landing_news .newsitems { list-style: outside none none; margin: 0px 30px 25px; padding: 0px; }
.landing_news .newsitems li { margin-bottom: 5px; }
.landing_news .newsitems li > a { display: block; padding: 2%; transition: all 0.2s ease-out 0s; border: 1px solid rgb(255, 255, 255); background: transparent url(5809c3fb1d193f02ed9de456bb7bd1ad5ded0f80.png)  repeat scroll 0% 0%; }
.landing_news .newsitems li > a::after { clear: both; }
.landing_news .newsitems li div.thumbnail { width: 30%; height: auto; float: left; display: inline-block; background-color: rgb(236, 236, 236); margin: 0px 2% 0px 0px; vertical-align: top; }
.landing_news .newsitems li div.thumbnail > img { width: 100%; height: auto; }
.landing_news .newsitems li div.copy_block { display: inline-block; text-decoration: none; width: 64%; }
.landing_news .newsitems li div.copy_block > * { padding: 2%; }
.landing_news .newsitems li a:hover { border: 1px solid rgb(130, 130, 130); }
.landing_news .newsitems li p { margin-top: 0px; color: rgb(130, 130, 130); text-decoration: none; font-weight: normal; }
.landing_news .newsitems li .datetime { color: rgb(0, 121, 135); }
.landing_news .newsitems li div.copy_block { min-height: 236px; }
@media only screen and (min-width: 768px) {
  .helpfullinks > h1 { font-size: 24px; }
  .landing_news .newsitems li div.copy_block { min-height: 126px; }
}
@media only screen and (min-width: 996px) {
  .helpfullinks > h1 { font-size: 26px; }
  .landing_news .newsitems li div.copy_block { min-height: 168px; }
}
.media_thumb { position: relative; padding: 14px; display: block; border: 1px solid rgb(255, 255, 255); min-height: 146px; text-decoration: none; transition: all 0.2s ease-out 0s; }
.media_thumb:hover { border: 1px solid rgb(100, 100, 100); cursor: pointer; }
.media_thumb > .thumb_img { width: 133px; float: left; margin-right: 5%; position: relative; }
.media_thumb > .thumb_img > .play_button { position: absolute; left: 50%; top: 50%; z-index: 5; width: 44px; height: 44px; background: rgb(0, 121, 135) url(7c0e334f40c82409367e93a34b686c88e5b95cea.png)  no-repeat scroll center center; border-radius: 22px; margin: -22px; display: none; transform: scale(0.8, 0.8); }
.media_thumb:hover > .thumb_img > .play_button { transform: scale(1, 1); }
.media_thumb.video_thumb > .thumb_img > .play_button { display: block; }
.media_thumb > .thumb_img > div > img, .media_thumb > .thumb_img > a > img { width: 100%; height: auto; max-width: 133px; }
.media_thumb > .copy_col { width: auto; overflow: hidden; }
.media_thumb > .copy_col > h3 { height: auto; line-height: 1.4em; font-weight: normal; font-size: 34px; color: rgb(130, 130, 130); padding: 0px; margin: 0px 0px 15px; text-decoration: none; word-wrap: break-word; font-family: "thesansbw7_bold",Helvetica,Arial,sans-serif; }
.media_thumb > .copy_col > p { display: none; font-size: 13px; color: rgb(130, 130, 130); margin: 0px; padding: 0px; line-height: 1.4em; text-decoration: none; }
.media_thumb > .copy_col > .button { display: none; }
.media_thumb.game_thumb > .copy_col > .button { display: block; }
.media_thumb > .share_btn { display: block; clear: both; }
.media_thumb > .share_btn > .mobiletxt { color: rgb(109, 110, 113); padding: 0.6em 0px 0px; font-size: 14px; border-bottom: 1px solid rgb(180, 180, 180); }
.media_thumb > .share_list { list-style: outside none none; border: 4px solid rgb(255, 255, 255); background: rgb(255, 255, 255) url(5809c3fb1d193f02ed9de456bb7bd1ad5ded0f80.png)  repeat scroll 0% 0%; padding: 5px; margin: 0px; height: auto; color: rgb(109, 110, 113); text-transform: uppercase; font-family: "thesansbw7_bold",Helvetica,Arial,sans-serif; font-size: 30px; width: 115px; }
.media_thumb > .share_list li { height: 40%; padding: 2% 4% 2% 0px; min-height: 60px; min-width: 60px; float: left; }
.media_thumb > .share_list li .copy { display: none; }
.media_thumb > .share_list li .icon { display: block; height: 60px; width: 60px; background: transparent url(bc24fec486d16bef6ed954b63bbccfe36ee537e0.png)  repeat scroll center top; float: left; }
.media_thumb > .share_list li.twitter .icon { background-position: center bottom; }
.media_thumb > .thumb_img > .favorite_btn { position: absolute; top: -15px; left: 0px; width: 27px; height: 45px; background-image: url(0a03d7dd7c1c4a7accebf49dad492217a74343f2.png) ; background-position: center top; }
@media only screen and (min-width: 768px) {
  .media_thumb > .copy_col { width: 45%; float: left; }
  .media_thumb > .thumb_img { width: 50%; float: left; margin-right: 5%; position: relative; }
  .media_thumb > .share_btn { clear: none; position: absolute; z-index: 75; bottom: -1px; right: -1px; width: 38px; height: 35px; background-image: url(8de842a48ede144e43fd5c9a8824877e0b0fb5b7.png) ; background-position: center top; background-repeat: no-repeat; transition: all 0.2s ease-out 0s; }
  .media_thumb > .share_list li .icon { height: 30px; width: 30px; background: transparent url(95f92a3a0fd651c35c79c0d8dc341a4ba64efd48.png)  repeat scroll center top; }
  .media_thumb > .share_btn > .mobiletxt { display: none; }
  .media_thumb > .share_list { display: none; font-size: 9px; position: absolute; right: 23px; bottom: 23px; z-index: 50; background-color: rgb(255, 255, 255); padding: 5px; box-shadow: 0px 0px 10px rgb(170, 170, 170); animation: 0.2s ease-out 0s normal none 1 running scale_in_fade; }
  .media_thumb > .share_list.open { display: block; }
  .media_thumb > .share_list li { float: none; height: 40%; width: auto; padding: 5% 0px; min-height: 30px; }
  .media_thumb > .share_list li .copy { display: block; float: left; padding: 2px 5px; }
  .media_thumb > .thumb_img > .favorite_btn { position: absolute; top: -15px; left: -8px; width: 27px; height: 44px; background-image: url(0a03d7dd7c1c4a7accebf49dad492217a74343f2.png) ; background-position: center top; }
  .media_thumb > .thumb_img > .favorite_btn.liked { background-position: center bottom; }
  .media_thumb > .copy_col {  }
  .media_thumb > .copy_col > h3 { height: 90px; font-size: 13px; padding: 10px 0px 0px; }
  .media_thumb > .copy_col { overflow: visible; }
  .media_thumb > .copy_col > h3 { word-wrap: normal; }
}
@media only screen and (min-width: 996px) {
  .media_thumb > .copy_col > h3 { font-size: 15px; text-transform: uppercase; }
}
.grid_box.square_links.greenbox > .footer_content { background: rgb(143, 212, 0) url(732b2226cdf7171551038155c46f4ad01caddf93.png)  repeat scroll 0% 0%; }
.grid_box.square_links.greenbox > .footer_content > p { background-color: rgb(143, 212, 0); }
.grid_box.square_links.greenbox > .footer_content > .arrowHead { background: rgb(143, 212, 0) url(bf88b3fbb9e59a59cab2cb306eb7b89548ad0116.png)  no-repeat scroll center center; }
.grid_box.square_links.orangebox > .footer_content { background: rgb(239, 130, 0) url(732b2226cdf7171551038155c46f4ad01caddf93.png)  repeat scroll 0% 0%; }
.grid_box.square_links.orangebox > .footer_content > p { background-color: rgb(239, 130, 0); }
.grid_box.square_links.orangebox > .footer_content > .arrowHead { background: rgb(239, 130, 0) url(bf88b3fbb9e59a59cab2cb306eb7b89548ad0116.png)  no-repeat scroll center center; }
.grid_box.square_links.yellowbox > .footer_content { background: rgb(249, 213, 87) url(732b2226cdf7171551038155c46f4ad01caddf93.png)  repeat scroll 0% 0%; }
.grid_box.square_links.yellowbox > .footer_content > p { background-color: rgb(249, 213, 87); }
.grid_box.square_links.yellowbox > .footer_content > .arrowHead { background: rgb(249, 213, 87) url(bf88b3fbb9e59a59cab2cb306eb7b89548ad0116.png)  no-repeat scroll center center; }
.resource_page .landing_wrapper, .videos_page .landing_wrapper, .qotw .landing_wrapper { display: none ! important; }
.resource_page.parents .main.wrapper, .resource_page.educators .main.wrapper, .videos_page.parents .main.wrapper, .videos_page.educators .main.wrapper { margin-top: -445px; min-height: 680px; }
.grid_box.double.resource_filter_nonkids { min-height: 314px; }
.resource_filter_nonkids .top_row { height: 44px; background: transparent url(de3613739e1bd03b2853836d714a1896800de6ac.png)  repeat-x scroll 0% 0%; }
.resource_filter_nonkids .top_row > p { font-family: "thesansbw7_bold",Helvetica,Arial,sans-serif; font-size: 30px; margin: 0px; padding: 12px 0px 12px 14px; text-transform: uppercase; color: rgb(143, 212, 0); background-color: rgb(255, 255, 255); float: left; }
.resource_filter_nonkids .top_row > .arrowHead { background: rgb(255, 255, 255) url(82ea55ad509193a8e05d46ffecf593aa0840b1db.png)  no-repeat scroll center center; width: 25px; height: 49px; float: left; }
.resource_filter .content { clear: both; padding: 5px 15px 15px; }
.resource_filter .content > .col {  }
.resource_filter .content > .col > p { font-size: 16px; margin: 0px; padding: 0px; color: rgb(129, 129, 129); text-align: left; }
.icon_list { background: transparent url(3d9284f1baa4d8cec0bdc7d988c269265bbcd096.png)  repeat scroll 0% 0%; }
.icon_list ul { margin: 0px; padding: 8px 0px; list-style: outside none none; }
.icon_list ul > li, .resource_filter .content .icon_list ul > a { width: 100%; min-height: 45px; color: rgb(129, 129, 129); float: left; margin: 20px 0px 0px; }
.icon_list ul > li > .icon_container, a > .icon_container { width: 44px; height: 44px; float: left; border-radius: 22px; background-color: rgb(255, 255, 255); margin-left: 10px; }
.icon_list ul > li > .icon_container > .icon, a > .icon_container > .icon { width: 44px; height: 44px; border-radius: 22px; }
.age_range > .icon_list ul > li > .icon_container > .icon { background: transparent url(53253ab0526ea41d1832e20a9ff8d7f7e5542af8.png)  repeat scroll 0% 0%; }
.topics_online.icon_container > .icon { background: transparent url(6b9d634a5cee9d7cb737bf6735a29a8d7621a354.png)  repeat scroll 0% 0%; }
.topics_in_the_water.icon_container > .icon { background: transparent url(0330e1d4f53d4260d0a3d1a5654bb1aff27ff8e1.png)  repeat scroll 0% 0%; }
.topics_healthy_and_fit.icon_container > .icon { background: transparent url(9ea1cf798583f9f479f94ac492e838d3bfe7bf61.png)  repeat scroll 0% 0%; }
.topics_environmental_safety.icon_container > .icon { background: transparent url(2093bc592a586d60387a3882d02504727b6848e2.png)  repeat scroll 0% 0%; }
.topics_fire_safety.icon_container > .icon { background: transparent url(86536bb10b7eec81e73a550481a55f4b13270c3f.png)  repeat scroll 0% 0%; }
.topics_science_safety.icon_container > .icon { background: transparent url(aa55360332a1d05a1ce209a4e8c0ea855a11a8f5.png)  repeat scroll 0% 0%; }
.topics_health_and_fitness.icon_container > .icon { background: transparent url(7d0aae243738b29d11d1c27851853b0d316fda24.png)  repeat scroll 0% 0%; }
.topics_safety_on_the_go.icon_container > .icon { background: transparent url(f4cb2c9c1ee7adc51a4020c6285c46af561da6cc.png)  repeat scroll 0% 0%; }
.topics_water_safety.icon_container > .icon { background: transparent url(5a66c2e178671f923aa67d07686eac0500d4ae3f.png)  repeat scroll 0% 0%; }
.topics_home_safety.icon_container > .icon { background: transparent url(eb8bd6de49e66bd18200e4fa2d1ec603eea2083f.png)  repeat scroll 0% 0%; }
.topics_online_safety.icon_container > .icon { background: transparent url(4ce7b1e92c6834475e560e16cc1e283f7c540e27.png)  repeat scroll 0% 0%; }
.type_article.icon_container > .icon { background: transparent url(1979c6911bec4537c33a2890dc488db7f86f3c87.png)  repeat scroll 0% 0%; }
.type_report.icon_container > .icon { background: transparent url(58665755cf27bdd54ac7d7c8a4fbb07dd4fd6949.png)  repeat scroll 0% 0%; }
.type_pdf.icon_container > .icon { background: transparent url(d6bb3c5a61f0cfd95406aaa4a6638550c36b0250.png)  repeat scroll 0% 0%; }
.type_pdf.icon_container > .icon { background: transparent url(d6bb3c5a61f0cfd95406aaa4a6638550c36b0250.png)  repeat scroll 0% 0%; }
.type_video.icon_container > .icon { background: transparent url(c36b2fa4cc3d625db1005ebba7ef79bce5a36351.png)  repeat scroll 0% 0%; }
.type_game.icon_container > .icon { background: transparent url(99afe2e384bf03f4616010eb06709cbc63f9d470.png)  repeat scroll 0% 0%; }
.icon_list ul > li > .title, .icon_list ul > a > .title { float: left; font-size: 26px; line-height: 1.2em; padding-top: 8px; padding-left: 8px; }
.resource_filter .content .icon_list ul > li > .title::after { clear: both; }
@media only screen and (min-width: 768px) {
  .icon_list ul > li { width: 187px; margin: 4px 0px 0px 8px; }
  .icon_list ul > li > .title, .icon_list ul > a > .title { max-width: 108px; font-size: 13px; }
  .icon_list { background: transparent url(3d9284f1baa4d8cec0bdc7d988c269265bbcd096.png)  repeat scroll 0% 0%; height: 225px; }
  .resource_filter .content > .safety_topic, .resource_filter .content > .resource_type { margin-left: 15px; }
  .resource_filter .content > .col { float: left; width: 227px; }
}
@media only screen and (min-width: 996px) {
  .icon_list ul > li { width: 170px; }
  .grid_box.double.resource_filter_nonkids { width: 646px; }
  .resource_filter .content > .age_range, .resource_filter .content .icon_list { width: 200px; height: 224px; }
  .resource_filter .content > .safety_topic .icon_list, .resource_filter .content > .safety_topic .icon_list.icon_list ul { width: 400px; }
  .resource_page .resource_filter .content > .col.age_range, .resource_page .resource_filter .content .icon_list, .resource_page .resource_filter .content > .col.resource_type { width: 231px; height: 224px; }
  .resource_page .resource_filter .content > .safety_topic .icon_list, .resource_page .resource_filter .content > .safety_topic .icon_list.icon_list ul { width: 452px; }
  .resource_page .resource_filter .content > .col, .videos_page .resource_filter .content > .safety_topic.col { width: 452px; margin-bottom: 15px; height: 224px; }
}
.generic_article {  }
.generic_article .article_image { padding: 0px; }
.generic_article .article_image > img { width: 100%; height: auto; padding: 0px; margin: 0px; }
.generic_article article { padding: 3%; color: rgb(130, 130, 130); }
.generic_article .title { line-height: 1.3em; margin-bottom: 1.5em; color: rgb(80, 80, 80); }
.generic_article.full {  }
.borderbox { box-sizing: border-box; }
.ir { background-color: transparent; border: 0px none; overflow: hidden; }
.ir::before { content: ""; display: block; width: 0px; height: 150%; }
.hidden { display: none ! important; visibility: hidden; }
.visuallyhidden { border: 0px none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0px; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix::before, .clearfix::after { content: " "; display: table; }
.clearfix::after { clear: both; }
.clearfix {  }
.video_player {  }
.video_player > .content { margin: 18px; color: rgb(129, 129, 129); }
.video_player > .content > .back_button { width: 100px; float: right; margin-top: 0px; display: none; }
.video_player > .content > h2 { line-height: 1.4em; }
.video_player > .content > p { font-size: 13px; line-height: 1.4em; }
.popup_modal { display: none; position: fixed; top: 0px; width: 100%; height: 100%; min-height: 360px; background-color: rgba(0, 0, 0, 0.5); z-index: 999; }
.lt-ie9 .popup_modal { background-color: rgb(0, 0, 0); }
.popup_modal.active { display: block; }
.popup_modal .modal { width: 100%; height: 100%; max-width: 960px; background: rgb(255, 255, 255) url(c8403edffba092becf9cb4458fdad2af44dc37a7.gif)  repeat-x scroll 0% 0%; position: relative; overflow-y: scroll; overflow-x: hidden; animation: 0.3s ease-out 0s normal none 1 running scale_in_fade; }
html[data-debug~="ko"] .popup_modal > .modal > header > h1, html:lang(ko) .popup_modal > .modal > header > h1 { line-height: 1.2; }
.modal .content_wrapper { padding: 0px 10px; overflow: hidden; transition: height 0.2s ease-out 0s; }
.modal footer .content_wrapper { overflow: visible; }
.modal footer { display: block; border-top: 5px solid rgb(0, 121, 135); min-height: 33px; background-color: rgb(80, 80, 80); width: 100%; position: fixed; bottom: 0px; }
@media only screen and (min-width: 768px) {
  .popup_modal .modal { overflow-y: visible; }
  .modal footer { position: relative; bottom: auto; }
  .popup_modal .modal { height: auto; }
  .modal .content_wrapper { padding: 0px 25px; overflow: hidden; }
  .popup_modal .modal { margin: 0px auto; width: 90%; max-width: 640px; }
}
.modal .closebtn_wrapper { position: absolute; top: 0px; right: 0px; width: 25px; margin: 11px; }
.modal .closebtn_wrapper .button { margin: 0px; }
.modal header .title { text-align: center; text-transform: uppercase; font-family: "thesansbw7_bold",Helvetica,Arial,sans-serif; font-weight: normal; color: rgb(143, 212, 0); font-size: 32px; margin: 0.2em 0px; }
.modal footer .content_wrapper { min-height: 0px; }
.modal footer p { color: rgb(180, 180, 180); font-size: 13px; margin: 3px 0px 0px; padding: 0px; }
.modal footer p > a { font-family: "thesansbw7_bold",Helvetica,Arial,sans-serif; color: rgb(255, 255, 255); }
.modal .blue_description { color: rgb(0, 121, 135); font-family: "thesansbw5_plain",Helvetica,Arial,sans-serif; font-size: 11px; }
.modal .required { text-align: center; }
.modal form h3 { font-size: 14px; font-weight: normal; color: rgb(129, 129, 129); padding: 0px; margin: 20px 0px 0px; }
.modal form input { padding: 0px 2%; width: 96%; border: 0px none; background: rgb(255, 255, 255) url(5809c3fb1d193f02ed9de456bb7bd1ad5ded0f80.png)  repeat-x scroll 0% 0%; font-size: 14px; height: 35px; }
.modal .description, .modal .description_list { font-size: 14px; line-height: 1.6em; color: rgb(130, 130, 130); }
.modal .step { width: 50%; float: left; padding: 0px 50px; }
.modal .step_wrapper { width: 200%; }
.login.modal form > .forgotpassword { color: rgb(0, 121, 135); font-size: 12px; }
.login.modal .button.login_button { width: 120px; margin: 20px auto 0px; }
.forgotpassword.modal .button.submit_button { width: 120px; margin: 20px auto 0px; }
.modal .server_error { color: rgb(255, 0, 0); font-size: 14px; }
.register.modal .role_section { display: block; }
.register.modal .content_wrapper { min-height: 480px; }
.register.modal footer .content_wrapper { min-height: 0px; }
.register.modal .validationmsg { display: none; color: rgb(255, 0, 0); font-weight: bold; }
.register.modal form h3 { margin: 0px; }
.register.modal .gridbackground { width: 100%; background: transparent url(3d9284f1baa4d8cec0bdc7d988c269265bbcd096.png)  repeat scroll 0% 0%; min-height: 100px; padding: 10px 0px; }
.register.modal .ages .age, .register.modal .roles .role { float: left; width: 33%; text-align: center; color: rgb(129, 129, 129); font-size: 15px; font-family: "thesansbw5_plain",Helvetica,Arial,sans-serif; font-weight: normal; }
.register.modal .roles .role { margin: 0px 8.5%; }
.register.modal .roles .role p { padding-bottom: 0px; }
.register.modal .circle { background-color: rgb(255, 255, 255); border-radius: 29px; width: 58px; margin: 0px auto; transition: background-color 0.2s ease-out 0s; }
.register.modal .age:hover .circle, .register.modal .role:hover .circle { background-color: rgb(251, 226, 152); }
.register.modal .ages .age:active .circle, .register.modal .ages .age.selected .circle, .register.modal .role.selected .circle, .register.modal .role:active .circle { background-color: rgb(255, 212, 81); }
.register.modal .avatars .avatar { position: relative; background-color: rgb(215, 215, 215); float: left; margin: 0px 1.5%; width: 30%; height: 30%; }
.register.modal .avatars .avatar > img { width: 100%; height: auto; }
.register.modal .avatars .avatar .hover { position: absolute; top: 0px; width: 100%; }
.register.modal .avatars .avatar .selected { position: absolute; z-index: 99; top: 0px; width: 100%; }
.register.modal .avatars .avatar .hover > img { width: 100%; height: auto; opacity: 0; transition: opacity 0.1s ease-out 0s; }
.register.modal .avatars .avatar:hover .hover > img { opacity: 1; cursor: pointer; }
.register.modal .avatars .avatar .selected > img { width: 100%; height: auto; opacity: 0; transition: opacity 0.1s ease-out 0s; }
.register.modal .avatars .avatar.selected .selected > img { opacity: 1; }
.register.modal .next_step, .register.modal .back_step, .register.modal .submit_btn { width: 30%; margin: 20px auto 0px; }
.no-csstransitions .register.modal .next_step, .no-csstransitions .register.modal .back_step, .no-csstransitions .register.modal .submit_btn { display: none; }
@media only screen and (min-width: 768px) {
  .forgotpassword.modal, .login.modal, .kids_result.modal { max-width: 640px; }
  .register.modal .accounttype .button { width: 33%; margin: 10px 8.5%; float: left; }
}
.register.modal .accounttype .copy { background-color: rgb(100, 100, 100); color: rgb(170, 170, 170); }
.register.modal .accounttype .button.selected .copy { background-color: rgb(0, 121, 135); color: rgb(255, 255, 255); }
.register.modal .role_section.adults { display: none; }
.register.modal .sectionend { margin-bottom: 53px; }
.register.modal .read_pledge { display: none; text-align: center; margin-top: 20px; }
.register.modal .read_pledge > * { display: inline-block; font-size: 12px; color: rgb(129, 129, 129); text-align: left; }
.register.modal .read_pledge > .copy { padding: 0px 10px; }
.register.modal .read_pledge > .checkmark { margin-top: 5px; }
.kids_result.modal { color: rgb(129, 129, 129); font-size: 14px; }
.kids_result.modal .content_wrapper p.copy { margin: 3em 0px 0px; }
.kids_result h3 { color: rgb(80, 80, 80); margin: 0px; }
@media print {
  * { background: transparent none repeat scroll 0% 0% ! important; color: rgb(0, 0, 0) ! important; box-shadow: none ! important; text-shadow: none ! important; }
  a, a:visited { text-decoration: underline; }
  a[href]::after { content: " (" attr(href) ")"; }
  abbr[title]::after { content: " (" attr(title) ")"; }
  .ir a::after, a[href^="javascript:"]::after, a[href^="#"]::after { content: ""; }
  pre, blockquote { border: 1px solid rgb(153, 153, 153); page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% ! important; }
  @page { margin: 0.5cm; }
  p, h2, h3 {  }
  h2, h3 { page-break-after: avoid; }
}
@keyframes reveal_up_slide {
0% { transform: translate(0px, 200px); opacity: 0; }
100% { transform: translate(0px, 0px); opacity: 1; }
}
@keyframes reveal_down_slide {
0% { transform: translate(0px, -200px); opacity: 0; }
100% { transform: translate(0px, 0px); opacity: 1; }
}
@keyframes scale_in_fade {
0% { opacity: 0; transform: scale(0.8); }
100% { opacity: 1; transform: scale(1); }
}
.account_notifications { display: none; }
.account_notifications > .item { width: 250px; height: 40px; margin: 10px 0px; padding: 2px; border: 2px solid white; background: rgb(255, 255, 255) url(5809c3fb1d193f02ed9de456bb7bd1ad5ded0f80.png)  repeat scroll 0% 0%; animation: 0.3s ease-out 0s normal none 1 running reveal_down_slide; }
.account_notifications > .item img { width: 35px; padding: 0px 0px 0px 10px; float: left; }
.account_notifications > .item > .desc { float: right; width: 180px; height: 30px; margin: 5px 10px 0px 0px; border-left: 1px solid rgb(170, 170, 170); }
.account_notifications > .item > .desc p { margin: 0px; padding: 1px 0px 0px 5px; color: rgb(170, 170, 170); line-height: 12px; }
.account_notifications > .item > .close { margin: -8px 3px 0px 0px; float: right; height: 5px; width: 5px; cursor: pointer; font-size: 12px; z-index: 9999; }
@media only screen and (min-width: 768px) {
  .account_notifications { display: block; margin: 0px 0px 0px 85px; padding: 0px; position: absolute; list-style: outside none none; z-index: 1000; }
  .account_notifications > .item { width: 250px; height: 40px; margin: 10px 0px; padding: 2px; border: 2px solid white; background: rgb(255, 255, 255) url(5809c3fb1d193f02ed9de456bb7bd1ad5ded0f80.png)  repeat scroll 0% 0%; animation: 0.3s ease-out 0s normal none 1 running reveal_down_slide; }
  .account_notifications > .item img { width: 35px; padding: 0px 0px 0px 10px; float: left; }
  .account_notifications > .item > .desc { float: right; width: 180px; height: 30px; margin: 5px 10px 0px 0px; border-left: 1px solid rgb(170, 170, 170); }
  .account_notifications > .item > .desc p { margin: 0px; padding: 1px 0px 0px 5px; color: rgb(170, 170, 170); line-height: 12px; }
  .account_notifications > .item > .close { margin: -8px 3px 0px 0px; float: right; height: 5px; width: 5px; cursor: pointer; font-size: 12px; }
}
@media only screen and (min-width: 996px) {
  .account_notifications { display: block; width: 250px; height: auto; margin: 0px 0px 0px 200px; padding: 0px; position: absolute; list-style: outside none none; z-index: 1000; }
  .account_notifications > .item { width: 250px; height: 40px; margin: 10px 0px; padding: 2px; border: 2px solid white; background: rgb(255, 255, 255) url(5809c3fb1d193f02ed9de456bb7bd1ad5ded0f80.png)  repeat scroll 0% 0%; animation: 0.3s ease-out 0s normal none 1 running reveal_down_slide; }
  .account_notifications > .item img { width: 35px; padding: 0px 0px 0px 10px; float: left; }
  .account_notifications > .item > .desc { float: right; width: 180px; height: 30px; margin: 5px 10px 0px 0px; border-left: 1px solid rgb(170, 170, 170); }
  .account_notifications > .item > .desc p { margin: 0px; padding: 1px 0px 0px 5px; color: rgb(170, 170, 170); line-height: 12px; }
  .account_notifications > .item > .close { margin: -8px 3px 0px 0px; float: right; height: 5px; width: 5px; cursor: pointer; font-size: 12px; }
}
#data-import-form { display: block; position: relative; margin-right: 100px; margin-top: 20px; }
.util-textarea { width: 200px; height: 300px; }
.util-label { display: block; }
button::-moz-focus-inner { border: 0px none; }
.gridbox_carousel_content img { cursor: pointer; }
article p a { color: rgb(239, 130, 0); }
p.india_message { color: rgb(239, 130, 0); text-align: center; }
p.india_message span { color: rgb(85, 186, 183); font-weight: bold; }
p.india_message a { font-weight: bold; text-decoration: underline; color: rgb(239, 130, 0); }