/* Pom-Bear CSS file. Built by Bluestorm New Media 2009 */
:focus {
outline: none;
}
body {
font-size: 11px;
color: #000;
font-family: arial,"Lucida Sans Unicode","Lucida Grande",verdana,sans-serif;
margin-top: 0;
background: url(../images/bg-theme.jpg) bottom center no-repeat;
}
a {
color: #32609d;
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: red;
}
a img {
border: none;
}
p {
font-size: 1.4em;
margin: 0 0 1.6em 0;
line-height: 1.6em;
}
#maincontent p strong,#maincontent li strong {
color: #2e4354;
}
h2 {
font-size: 2em;
font-weight: normal;
color: #1473c3;
margin: 0.5em 0 0.5em 0;
}
h2 a {
font-weight: normal;
color: #1473c3;
}
#content ul {
font-size: 1.4em;
margin: 0 0 1.6em 0;
line-height: 1.6em;
margin-left: 10px;
padding-left: 10px;
list-style-image: url(/images/bullet.gif);
}
#content ul li {
margin-left: 0;
}
#content ol {
font-size: 1.4em;
margin: 0 0 1.6em 0;
line-height: 1.6em;
}
#content div.downloads ul li.pdf {
background: url(../images/pdf.gif) left center no-repeat;
list-style: none;
padding-left: 25px;
margin-left: 0;
}
#content ul#token-list {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
#content ul#token-list li {
list-style-image: none;
margin: 0;
padding: 0;
}
h3 {
font-size: 1.8em;
font-weight: normal;
color: #1473c3;
margin: 0.5em 0 0.8em 0;
}
/* these sections have darker blue bg */
body#home h2,body#games h2 {
color: #fbe411;
}
body#home h2 a,body#games h2 a {
color: #fbe411;
}
body#home h2 a:hover,body#games h2 a:hover {
color: #fff;
}
dl {
font-size: 1.4em;
margin: 0 0 1em 0;
}
dt {
}
dd {
margin: 0.4em 0 0.4em 0;
font-size: 1.4em;
}
/*
div#flashvideo {
width: 286px;
height: 186px;
display: block;
}
*/
div#flashvideo {
display: block;
width: 230px;
height: 187px;/*background:url(../images/video-player-bg.png) top center no-repeat;*/
float:right;
position: absolute;
top: -25px;
left: 490px;
}
div#flashvideo object {
position: absolute;
top: 23px;
left: 17px;
}
div#wrapper {
width: 960px;
margin: 0 auto;
margin-bottom: 50px;
}
div#flashcontainer {
height: 297px;
background: url(../images/flash-container-bg.jpg) top center no-repeat;
margin: 0 auto;
width: 100%;
position: relative;
}
/* HALLOWEEN 09 */
/*
body#home div#flashcontainer {
background: url(../images/flash-container-bg-halloween.jpg) top center no-repeat;
margin: 0 auto;
}
*/
div#mainflash {
width: 960px;
height: 170px;
margin: 0 auto;
position: relative;
top: 50px;
}
div.pageintro {
background: url(../images/pageintro-generic.jpg) top left no-repeat #a81e21;
padding-bottom: 5px;
padding-top:5px;
border-bottom: 4px solid #fff;
margin-bottom: 20px;
width: 734px;
position: relative;
}
body#home div.pageintro {
margin-bottom: 0;
}
div.pageintro p {
color: #fff;
margin: 10px 0 10px 17px;
width: 650px;
line-height: 1.3em;
}
div.pageintro p a {
color: #fbe411;
}
body#home div.pageintro p {
width: 430px;
}
body#about-pom-bear div.pageintro p {
width: 510px;
}
body#snacks div.pageintro p {
width: 598px;
}
body#games div.pageintro p {
width: 470px;
}
body#downloads div.pageintro p {
width: 565px;
}
body#info-for-parents div.pageintro p {
width: 597px;
}
body#members div.pageintro p {
width: 575px;
}
div#content img {
float: left;
margin: 0 15px 15px 0;
}
div#content #maincontent img {
float: right;
margin: 0 0 15px 15px;
}
div#content #maincontent #finishedquiz img {
float: left;
margin: 0 15px 15px 0;
}
h1 {
font-size: 2.7em;
color: #fff;
font-weight: bold;
letter-spacing: -0.05em;/*width:400px;*/
width:512px;
margin-left: 17px;
margin-top: 15px;
color: #fbe411;
}
#maincontent h1 {
margin: 0.7em 0 1em 0;
color: #d71c23;
width: auto;
}
div.downloads {
margin-left: 15px;
}
div#allcontent {
padding-top: 0;
float: left;
margin-bottom: 30px;
width: 960px;
}
body#home div#allcontent {
margin-bottom: 160px;
}
div#content {
width: 734px;
float: right;
background: url(../images/content-shallow-bg.jpg) /*#a7dbff*/ #dbf0ff bottom left no-repeat;
padding-bottom: 22px;
}
body#info-for-parents div#content {
}
body#home div#content {
background-color: #0f9ac1;
}
body#home h1 {
width: 400px;
}
body#home div#content,body#members div#content {
padding-bottom: 20px;
}
body#pom-bear-snacks div#content {
background-color: #dbf0ff;
}
body#game-play div#content {
}
div#maincontent {
width: 698px;
margin-left: 15px;
display: inline;
float: left;
}
div.homepage_callouts {
float: left;
display: block;
width: 734px;
border-bottom: 5px solid #fff;
}
div.homepage_callouts h2 {
margin: 0.6em 0 0.6em 15px;
}
div.homepage_callouts h3 {
display: none;
}
div.homepage_callouts p {
display: none;
}
div.homepage_callouts p.allpromotions {
float: left;
display: block;
clear: both;
margin-left: 15px;
margin-bottom: 12px;/*
background:url(../images/bullet-arrow.gif) left center no-repeat;
padding-left: 22px;*/
}
div.homepage_callouts p.allpromotions a {
color: #fff;
}
div.homepage_callouts p.allpromotions a:hover {
color: #fbe411;
}
div.homepage_callouts div.feature {
	overflow:hidden;
	float:left;
}

div.homepage_callouts div.feature div.countdowncontainer
{
	float:left;
	height:160px;
	width:230px;
	margin-left:10px;
	margin-top:10px;
}

div.homepage_callouts div.feature div.countdowncontainer p
{
	display:block;
	font-size:11.5px;
	line-height:14px;
	color:#ffffff;
	margin:0px;
}
div#content div.homepage_callouts div.feature img {
margin: 10px 0 10px 10px;
display: inline;
}
div#content div.item {
border-top: 1px solid #fff;
width: 700px;
margin-left: 15px;
padding-top: 1em;
display: inline;
clear: both;
display: block;
}
h3#votehere {
padding: 15px 30px 15px 15px;
background: url(../images/votehere.jpg) right center no-repeat;
width: 130px;
margin-top: 0;
}
body#games div#content,body#downloads div#content {
background-color: #0f9ac1;
}
body#games div.pageintro {
margin-bottom: 15px;
background: url(../images/pageintro-games.jpg);
}
body#info-for-parents div.pageintro {
margin-bottom: 15px;
background: url(../images/pageintro-parents.jpg);
}
body#about-pom-bear div.pageintro {
margin-bottom: 15px;
background: url(../images/pageintro-about.jpg);
}
body#downloads div.pageintro {
margin-bottom: 15px;
background: url(../images/pageintro-downloads.jpg);
}
body#pom-bear-snacks div.pageintro {
margin-bottom: 15px;
background: url(../images/pageintro-snacks.jpg);
}
body#frequently-asked-questions div.pageintro {
margin-bottom: 15px;
background: url(../images/pageintro-faqs.jpg);
}
body#members div.pageintro {
margin-bottom: 15px;
padding-bottom: 15px;
background: url(../images/pageintro-club.jpg);
}
body#members div#content {
}
div#footerbags {
}
/* extra */
div#extra {
width: 734px;
margin: 0 auto;
clear: both;
background-color: #d61723;
position: relative;
padding: 0;
}
body#home div#extra,body#members div#extra {
padding-top: 20px;
}
body#home div#extra {
padding-bottom: 20px;
}
div#extra div#footerbags {
position: absolute;
top: 10px;
right: 0px;
}
div#extra h2,div#extra h3,div#extra p,div#extra form {
margin-left: 15px;
color: #fff;
}
div#extra h2,div#extra h2 a {
color: #fbe411;
}
div#extra h2 a:hover,div#extra h3 a {
color: #fff;
text-decoration: none;
}
div#extra h3 {
font-size: 1.8em;
font-weight: normal;
}
div#extra h3 a:hover {
text-decoration: underline;
}
h3#votehere {
padding: 15px 30px 15px 0;
background: url(../images/votehere.jpg) right center no-repeat;
width: 130px;
margin-top: 0;
margin-bottom: 0;
}
/* main nav */
div#navcol {
width: 210px;
float: left;
padding: 0;
}
ul#mainnav {
width: 210px;
list-style: none;
padding: 0;
margin: 0;
}
ul#mainnav li {
width: 210px;
height: 53px;
margin-bottom: 8px;
text-indent: -500px;
}
ul#mainnav li a {
width: 210px;
height: 53px;
display: block;
}
ul#mainnav li a.home {
background: url(../images/nav/nav-home.jpg) top left no-repeat;
}
ul#mainnav li a.about {
background: url(../images/nav/nav-about.jpg) top left no-repeat;
}
ul#mainnav li a.snacks {
background: url(../images/nav/nav-snacks.jpg) top left no-repeat;
}
ul#mainnav li a.games {
background: url(../images/nav/nav-games.jpg) top left no-repeat;
}
ul#mainnav li a.downloads {
background: url(../images/nav/nav-downloads.jpg) top left no-repeat;
}
ul#mainnav li a.parents {
background: url(../images/nav/nav-parents.jpg) top left no-repeat;
}
ul#mainnav li a.faqs {
background: url(../images/nav/nav-faqs.jpg) top left no-repeat;
}
ul#mainnav li a.home:hover,ul#mainnav li.current a.home {
background: url(../images/nav/nav-home.jpg) bottom left no-repeat;
}
ul#mainnav li a.about:hover,ul#mainnav li.current a.about {
background: url(../images/nav/nav-about.jpg) bottom left no-repeat;
}
ul#mainnav li a.snacks:hover,ul#mainnav li.current a.snacks {
background: url(../images/nav/nav-snacks.jpg) bottom left no-repeat;
}
ul#mainnav li a.games:hover,ul#mainnav li.current a.games {
background: url(../images/nav/nav-games.jpg) bottom left no-repeat;
}
ul#mainnav li a.downloads:hover,ul#mainnav li.current a.downloads {
background: url(../images/nav/nav-downloads.jpg) bottom left no-repeat;
}
ul#mainnav li a.parents:hover,ul#mainnav li.current a.parents {
background: url(../images/nav/nav-parents.jpg) bottom left no-repeat;
}
ul#mainnav li a.faqs:hover,ul#mainnav li.current a.faqs {
background: url(../images/nav/nav-faqs.jpg) bottom left no-repeat;
}
div#login div#joinourclub {
width: 210px;
height: 44px;
text-indent: -500px;
}
div#login div#signin {
width: 210px;
height: 45px;
text-indent: -500px;
}
div#login div#joinourclub a {
background: url(../images/nav/joinourclub.gif) top left no-repeat;
width: 210px;
height: 44px;
display: block;
}
div#login div#joinourclub a:hover {
background: url(../images/nav/joinourclub.gif) bottom left no-repeat;
}
div#login div#signin a {
background: url(../images/nav/signinnow.gif) top left no-repeat;
width: 210px;
height: 45px;
display: block;
}
div#login div#signin a:hover {
background: url(../images/nav/signinnow.gif) bottom left no-repeat;
}
div#loggedin {
width: 210px;
background: url(../images/nav/signedin.gif) bottom left no-repeat;
overflow: hidden;
}
div#loggedin h3 {
width: 210px;
height: 44px;
background: url(/images/nav/pbclub.gif) top left no-repeat;
margin: 0;
padding: 0;
font-size: 0.005em;
color: #fff;
}
div#loggedin p {
padding-left: 10px;
margin-bottom: 5px;
color: #fff;
line-height: 1.2em;
font-size: 1.15em;
clear: both;
}
div#loggedin p a {
color: #fbe411;
font-weight: normal;
}
div#loggedin p a:hover {
color: #9fd1fe;
}
div#welcome p#nav_profile {
font-size: 1.8em;
padding: 0.4em 0 0.4em 30px;
background: url(../images/nav_profile.jpg) 9px center no-repeat;
margin-top: -15px;
}
div#welcome {
padding: 5px 0 5px 0;
width: 210px;
}
div#welcome p {
width: 180px;
}
div#loggedin p.logout {
padding-left: 18px;
background: url(../images/nav/padlock.gif) left center no-repeat;
margin-left: 10px;
padding-bottom: 3px;
}
/* profile page tabs */
ul#profile_nav {
list-style: none;
height: 52px;
width: 734px;
background: url(../images/profile-nav-bottom.jpg) bottom left no-repeat #fff;
margin: 0;
padding: 0;
font-size: 1.8em;
}
ul#profile_nav li {
height: 34px;
padding-top: 7px;
width: 156px;
display: block;
float: left;
text-align: center;
margin: 0 0 12px 4px;
color: #fbe41;
background: url(../images/profile-nav-blue.jpg) top left no-repeat #224bbd;
}
ul#profile_nav li.current {
background: url(../images/profile-nav-red.jpg) top left no-repeat #d9031e;
}
ul#profile_nav li.current a {
color: #fbe411;
}
ul#profile_nav li a {
height: 34px;
width: 156px;
display: block;
font-weight: normal;
color: #fbe411;
}
ul#profile_nav li a:hover {
color: #fff;
text-decoration: none;
}
ul#profile_subnav {
display: block;
float: left;
padding-left: 0;
position: relative;
top: 3px;
list-style: none;
}
ul#profile_subnav li {
display: inline;
padding: 0.5em 1em 0.5em 1em;
margin-right: 2px;border-left,border-right,border-bottom:1px solid #296997;
background-color: #b8dcf6;
}
ul#profile_subnav li.current {
margin-right: 2px;
background-color: #e6141b;border-left,border-right,border-bottom:1px solid #bdd8ed;
}
ul#profile_subnav li a {
color: #33648a;
}
ul#profile_subnav li a:hover {
color: black;
}
ul#profile_subnav li.current a,ul#profile_subnav li.current a:hover {
color: #fbe411;
}
/* items with gold border. Slightly different for games,which also include high score */
div.pageitem,div.pageitem1 {
width: 228px;
height: 175px;
background: url(../images/pageitem-bg1.jpg) top left no-repeat;
float: left;
margin: 0 0 0 12px;
position: relative;
font-size: 0.9em;
overflow: visible;
}
body#games div.pageitem {
height: 189px;
}
body#downloads div.pageitem1 {
height: 179px;
}
body#downloads div.pageitem {
height: 210px;
margin-bottom: 20px;
}
div#content div.pageitem img,div#content div.pageitem1 img {
border: 2px solid #d14713;
width: 205px;
height: 114px;
position: absolute;
z-index: 1;
top: 9px;
left: 9px;
}
body#downloads div#content div.pageitem p a,body#downloads div#content div.pageitem1 p a {
color: #ffe866;
font-weight: bold;
}
div.pageitem a:hover img {
border: 2px solid #075475;
}
div#content div.pageitem img.new-sticker,div#content div.pageitem1 img.new-sticker {
position: absolute;
left: 165px;
top: 112px;
border: none;
z-index: 10;
width: 54px;
height: 54px;
}
div.pageitem h3,div.pageitem1 h3 {
z-index: 10000000;
position: absolute;
left: 10px;
bottom: 15px;
font-size: 1.5em;
color: #bf182c;
}
body#games div.pageitem h3 {
bottom: 30px;
}
body#downloads div.pageitem h3 {
top: 125px;
}
div.pageitem h3 a,div.pageitem1 h3 a {
color: #bf182c;
}
div.pageitem h3 a:hover,div.pageitem1 h3 a:hover {
color: #09708d;
}
body#games div.pageitem p.highscore {
position: absolute;
z-index: 1;
bottom: -13px;
padding-left: 17px;
background: url(../images/p-highscore.gif) left center no-repeat;
color: #fff;
}
div.pageitem p.highscore a {
color: #fff;
font-weight: normal;
}
div.pageitem p.highscore a:hover {
color: yellow;
}
/*
div.pageitem p.highscore a,div.pageitem p a {
color: #fff;
font-weight: normal;
}
*/
body#downloads .pageitem p {
font-size: 1.2em;
background: transparent url(../images/p-highscore.gif) no-repeat left 2px;
margin: 0 0 0 0px;
width: 220px;
color: #fff;
padding-left: 20px;
}
body#downloads .pageitem p.price {
margin-top: 160px;
font-size: 1.4em;
}
/* profile page */
div#profilesummary {
background: url(../images/profile-bg.jpg) #e91b25 bottom left repeat-x;
float: left;
width: 734px;
padding-top: 10px;
margin-top: -3px;
}
div#content div#profilesummary div#notice {
margin-left: 15px;
}
div#profilesummary form input {
margin-left: 15px;
font-size: 1.4em;
padding: 2px;
}
div#profile1 {
float: left;
width: 300px;
border: 1px solid #580002;
background-color: #f5f1D8;
margin-left: 14px;
display: inline;
margin-bottom: 15px;
position: relative;
}
div#profile1 img#avatar {
border: 1px solid #1a75bb;
float: right;
margin: 15px 15px 15px 0;
display: inline;
}
div#profile1_text {
float: left;
width: 145px;
margin-left: 15px;
}
div#profile1 h2 {
color: #bf182c;
margin: 1em 0 1em 0;
}
div#profile1 p {
color: #1a75bb;
font-size: 1.6em;
}
div#profile1 p#editprofile {
text-indent: -5000px;
width: 125px;
height: 66px;
position: absolute;
left: 15px;
bottom: -13px;
}
div#profile1 p#editprofile a {
display: block;
background: url(../images/profile-edit.jpg) top left no-repeat;
display: block;
width: 125px;
height: 66px;
}
div#profile1 p#editprofile a:hover {
background: url(../images/profile-edit.jpg) bottom left no-repeat;
}
div#my_things {
width: 384px;
float: right;
display: inline;
margin-right: 15px;
}
div#my_things dl dt {
color: #fbe411;
}
div#my_things dl dd {
color: #fff;
}
div#profile-block form.membersearch {
padding: 1em;
border: 2px solid #77b0dc;
font-size: 1.2em;
width: 658px;
background: url(../images/form-bg-bears.jpg) bottom right no-repeat #f0f8ff;
}
div#profile-block form.membersearch label {
color: #33648a;
}
div#profile-block form.membersearch input#nickname {
border: 1px solid #5a94c1;
width: 210px;
margin-left: 10px;
}
div#profile-block form.membersearch input.submit {
font-size: 1em;
margin: 0;
}
/*---------- bubble tooltip -----------*/
body#members a.tt {
}
a.tt {
position: relative;
z-index: 24;
color: #3CA3FF;
font-weight: bold;
text-decoration: none;
}
a.tt span {
display: none;
}
/*background:;ie hack,something must be changed in a for ie to execute it*/
a.tt:hover {
z-index: 25;
color: #aaaaff;
}
a.tt:hover span.tooltip {
display: block;
position: absolute;
top: 50px;
left: -50px;
padding: 15px 0 0 0;
width: 200px;
color: #d71c23;
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
font-size: 0.8em;
}
body#games a.tt:hover span.tooltip {/*top:-100px;
left: 150px;*/
top:-120px;
left: 25px;
}
a.tt:hover span.top {
display: block;
padding: 30px 8px 0;
background: url(../images/tooltip/bubble.gif) no-repeat top;
}
a.tt:hover span.middle {/* different middle bg for stretch */
display:block;
padding: 0 8px;
background: url(../images/tooltip/bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom {
display: block;
padding: 3px 8px 10px;
color: #548912;
background: url(../images/tooltip/bubble.gif) no-repeat bottom;
}
/* tables */
table {
width: 90%;
margin-bottom: 10px;
font-weight: normal;
font-size: 90%;
padding: 5px;
background-color: #fafafa;
border: 2px solid #5899D4;
}
td {
border-bottom: 1px solid #91D7FF;
font-weight: bold;
color: #1F1959;
}
th {
font-size: 110%;
border-bottom: 1px solid #91D7FF;
font-weight: bold;
}
table.high-scores {
font-size: 1.3em;
width: 698px;
margin: 0 auto;
margin-bottom: 17px;
text-align: left;
padding: 0;
border-collapse: collapse;
}
table.high-scores tr.odd {
background-color: #f1f1f1;
}
table.high-scores tr.top {
background-color: pink;
}
table.high-scores caption {
position: absolute;
left: -5000px;
margin: 0;
padding: 0;
}
table.high-scores td,table.high-scores th,
table.high-scores tr {
padding: 1em .5em .5em .5em;
vertical-align: middle;
}
table.high-scores th {
width: 80%;
padding-right: 1em;
}
div#flashcontent {
margin-bottom: 1.5em;
border: 1px solid #dbf0ff;
}
body#quiz div#flashcontent {
border: none;
width: auto;
border: 5px solid #3cb9dc;
background-color: #fff;
padding-bottom: 10px;
width: 520px;
}
div.flash {
padding: 10px;
background-color: #feffbd;
width: auto;
margin-top: 0px;
float: left;
font-size: 2em;
color: #3f3001;
}
#mymovie {
margin: 0 auto;
display: block;
clear: both;
}
div#profile-block h2 {
margin: 1em 0 1em 0;
}
div#profile-block h3 {
clear: both;
margin: 0.5em 0 0.5em 0;
}
/* Avatar */
div#avatar-creation {
float: right;
width: 160px;
border: 2px solid #FFB924;
padding: 40px 10px 20px 10px;
background: url(../images/avatar_bg.gif) center -4px no-repeat #FFF241;
margin-right: 20px;
}
div#avatar-creation p {
text-align: center;
text-transform: uppercase;
font-size: 90%;
}
div#avatar-creation ul {
margin: 0;
list-style: none;
float: right;
width: 150px;
}
div#avatar-creation ul li {
margin: 0 ;
padding: 0;
line-height: 1;
float: left;
}
* html div#avatar-creation ul li,
* html div#avatar-creation ul li a {
height: 1%;
}
a.prev,a.next {
text-indent: -5000px;
width: 9px;
height: 8px;
display: block;
}
li#head a {
margin-top: 25px;
}
li#head a.next {
padding-top: 25px;
}
li#body a {
margin-top: 15px;
}
li#body a.next {
padding-top: 15px;
}
li#legs a {
margin-top: 20px;
}
li#legs a.next {
padding-top: 20px;
}
#maincontent div#avatar-creation ul li img {
margin: 0 3px 0 10px;
border: 2px solid #735515;
background-color: #fff;
}
#maincontent div#avatar-creation ul li#head img,
#maincontent div#avatar-creation ul li#body img {
border-bottom: none;
}
/* little p background details */
p.next {/*
background:url(../images/bullet-arrow.gif) left center no-repeat;
padding-left: 22px;*/
font-size:1.5em;
margin-bottom: 0.6em;
}
p.back {/*
background:url(../images/bullet-arrow-back.gif) left center no-repeat;
padding-left: 22px;*/
font-size:1.5em;
margin-bottom: 1em;
display: inline-block;
width: 100%;
}
/*
body#promotions p.back {
margin-left: 15px;
}
*/
div#content p.back {
margin-left: 15px;
}
body#promotions div#content p.back {
display: none;
}
div#content p.backhome {
margin-left: 15px;
font-size: 1.5em;
margin-bottom: 1em;
display: inline-block;
width: 100%;
}
body#game-play div#content p.back,body#downloads p.back {
margin-left: 0;
}
/*
body#downloads p.back {
padding-left: 22px;
font-size: 1.6em;
margin-bottom: 0.6em;
margin-left: 0px;
display: inline-block;
}
*/
body#downloads p.back a {
color: #201A5A;
}
body#downloads p.back a:hover {
color: #FE0308;
}
p.next a,p.back a {
color: #FE0308;
text-decoration: none;
font-weight: normal;
}
p.next a:hover,p.back a:hover {
color: #201A5A;
}
a.prev {
background: url(/images/replace-prev.gif) 0 0 no-repeat;
float: left;
}
a.next {
background: url(/images/replace-next.gif) 0 0 no-repeat;
float: right;
}
ul#member-subnav {
background-color: #DFEEF6;
margin: 16px 0 16px 0;
padding: 10px 5px;
font-size: 140%;
list-style: none;
background: url(../images/member_yellow_bg.gif) left top no-repeat;
border-bottom: 2px solid #fff700;
}
ul#member-subnav li {
padding-left: 15px;
background: url(../images/star.gif) left center no-repeat;
}
div#profile-aboutme {
float: left;
width: 210px;
margin-right: 10px;
display: inline;
margin-left: 20px;
}
div#profile-mythings {
float: left;
width: 250px;
}
div#profile-aboutme input.text_field,div#profile-aboutme input.password_field {
width: 85%;
}
form#reminder input.text_field {
width: 50%;
padding: 0.3em;
font-weight: bold;
font-size: 130%;
color: #FE0308;
margin-top: 0.4em;
}
div#profile-mythings div select {
float: left;
clear: both;
font-size: 1.5em;
width: 240px;
}
div#my_tokens p {
clear: both;
}
div#content #maincontent div#my_tokens img {
float: left;
margin: 0 15px 0 15px;
}
div#content div#maincontent div#my_badges {
clear: both;
float: left;
margin-bottom: 15px;
}
div#content div#maincontent div#my_badges img {
float: left;
margin: 0 10px 0 10px;
}
div#content div#maincontent div#profile-block div#friend1 {
}
div#content div#maincontent div#profile-block div#friend1 div {
border: 1px solid #dbf0ff;
float: left;
margin: 0 7px 7px 0;
display: inline;
font-size: 2em;
}
div#content div#maincontent div#profile-block div#friend1 img {
border: 1px solid #1573b9;
margin: 0;
float: left;
}
div#content div#maincontent div#friend1 img {
clear: none;
}
div#invite {
clear: both;
}
div#maincontent p.showall {
text-align: right;
font-size: 130%;
margin-top: 0;
position: relative;
top: -1em;
clear: both;
}
div#available h2 {
}
div#available {
clear: both;
}
div#available p.next {
}
* html table.high-scores tr {
height: 1%;
}
div#maincontent table.high-scores img {
margin: 0 10px 0 0;
position: relative;
top: -5px;
}
/* forms */
form {
margin-bottom: 20px;
}
form#reminder {
}
form#reminder fieldset {
border: none;
}
form label {
font-size: 1.4em;
}
form select,form input.text_field,form textarea.text_area,form input.password_field {
width: 75%;
border: 1px solid #1F1959;
padding: 3px;
margin-bottom: 1em;
margin-top: 0.5em;
font-size: 1.4em;
}
body#downloads form select {
font-size: 1.1em;
}
div#extra form div {
width: 200px;
float: left;
margin-right: 10px;
padding: 0;
margin-bottom: 5px;
}
div#extra form {
margin-bottom: 0;
}
div#extra form#inviteform input.text_field {
width: 180px;
border: 2px solid #1c74bb;
float: left;
margin: 5px 0 10px 0;
}
div#extra form#inviteform input.submit {
clear: both;
}
form p label {
font-size: 1em;
margin: 0;
}
form span.formError {
color: #FE0308;
font-weight: bold;
display: block;
margin-top: -10px;
padding-bottom: 10px;
font-size: 11px;
}
label span.formError {
	margin-top:5px;
}
form div.withError input.text_field,form input.password_field {
border: 1px solid #FE0308;
}
form div#submission {
clear: both;
margin-left: 20px;
}
p#parents-msg {
clear: both;
margin-top: 1em;
padding: 5px 0 5px 22px;
background: url(../images/parents-msg.jpg) left center no-repeat;
}
form input#submitbutton {
font-size: 1.4em;
margin-bottom: 1em;
}
form input.submit {
font-size: 1.4em;
margin-bottom: 1em;
}
div#topvisitor {
margin: 15px 0 0 0;
width: 290px;
float: left;
position: relative;
}
div#topvisitor p {
width: 176px;
margin-left: 96px;
}
div#topvisitor img {
position: absolute;
top: 20px;
left: 27px;
border: 1px solid #c5c5c5;
}
div#topvisitor div#visitordetails {
margin: 0;
width: 290px;
float: left;
padding: 20px 0 10px 0;
color: #6e6e6e;
font-size: 140%;
background: url(../images/visitordetails.jpg) left top no-repeat;
}
div#topvisitor div#visitornote {
margin: 0;
font-size: 95%;
color: #fff;
line-height: 1.1em;
padding: 5px 0 18px 0;
width: 290px;
float: left;
background: url(../images/visitornote.jpg) left bottom no-repeat;
min-height: 30px;
}
*html div#topvisitor div#visitornote {
height: 30px;
}
div#homewinner {
margin: 15px 0 15px 0;
width: 290px;
float: left;
position: relative;
}
div#homewinner p {
width: 245px;
margin-left: 25px;
color: #344156;
}
div#homewinner ul {
width: 120px;
font-size: 0.75em;
display: inline;
margin-top: 2px;
padding: 0;
}
div#homewinner ul li {
margin: 0 0 1px 0;
float: left;
}
div#homewinner ul.left {
float: left;
margin-left: 26px;
}
div#homewinner ul.right {
float: right;
margin-right: 15px;
width: 120px;
}
div#homewinner div#homewinnerdetails {
margin: 0;
width: 290px;
float: left;
padding: 20px 0 0 0;
color: #6e6e6e;
font-size: 140%;
background: url(../images/visitordetails.jpg) left top no-repeat;
}
div#homewinner div#homewinnerdetails p {
line-height: 1.3em;
font-size: 100%;
}
div#homewinner div#homewinnernote {
margin: 0;
font-size: 95%;
color: #fff;
line-height: 1.1em;
padding: 5px 0 18px 0;
width: 290px;
float: left;
background: url(../images/visitornote.jpg) left bottom no-repeat;
min-height: 30px;
}
div#homewinner div#homewinnernote p {
color: #fff;
}
*html div#homewinner div#homewinnernote {
height: 30px;
}
div#loginform {
width: 600px;
}
/*=================Snacks Extras================*/
body#pom-bear-snacks div.item {
position: relative;
padding-bottom: 70px;
}
body#pom-bear-snacks div.voter {
position: absolute;
bottom: 0px;
right: 0px;
height: 40px;
margin-bottom: 20px;
}
body#pom-bear-snacks div.votepanel {
float: right;
background-image: url('../images/voting/other_snack.gif');
background-repeat: no-repeat;
background-position: top center;
width: 150px;
height: 40px;
}
body#pom-bear-snacks div.votepanel span {
display: block;
text-align: center;
font-size: 1.6em;
color: #1B75BB;
padding-top: 2px;
}
body#pom-bear-snacks a.votelink {
float: right;
}
body#pom-bear-snacks ul.information {
position: absolute;
width: 200px;
left: 158px;
bottom: 0px;
margin: 0px;
padding: 0px;
margin-bottom: 20px;
}
body#pom-bear-snacks ul.information li {
margin: 0px;
padding: 0px;
background-image: none;
list-style: none;
float: left;
margin-right: 10px;
}
body#pom-bear-snacks ul.information li a {
color: #b62929;
font-size: 0.8em;
}
body#pom-bear-snacks ul.information li a:hover {
color: #1473c3;
}
div#nyroModalContent {
font-size: 10px !important;
}
body#pom-bear-snacks div.flash {
margin-left: 15px;
}
body#pom-bear-snacks div.item p {
padding: 0px;
margin: 0px;
padding-bottom: 10px;
}
div.flash {
width: 680px;
float: none;
font-size: 14px;
}
div#error {
background-color: #ea9393;
border-color: #b82222;
color: #000000;
}
div#notice {
background-color: #80da80;
border-color: #168116;
}
div.flash {
margin-bottom: 20px;
}
h2.dlh,h3.dlh {
color: #fff;
}
div.friendrequest {
width: 330px;
height: 130px;
position: relative;
float: left;
margin-right: 10px;
margin-bottom: 15px;
background-color: #f7fbff;
border-bottom: 1px solid #cbd6e0;
border-right: 1px solid #d9e3ec;
}
div#content #maincontent div.friendrequest img {
float: left;
border: 1px solid #157389;
margin: 0 0 15px 15px;
}
div.friendrequest h3 {
padding-left: 15px;
}
div.friendrequest p {
float: left;
padding-left: 15px;
margin-bottom: 0;
}
div.friendrequest form {
float: left;
padding-left: 15px;
width: 210px;
margin-top: 10px;
}
div.friendrequest form input {
display: block;
border: none;
margin-bottom: 2px;
}
div.friendrequest form input:hover {
cursor: pointer;
}
div.friendrequest form input#accept {
background: url(../images/add.gif) left center no-repeat;
padding-right: 10px;
padding-left: 16px;
}
div.friendrequest form input#decline {
background: url(../images/remove.gif) left center no-repeat;
padding-left: 15px;
}
p.pager {
width: 100%;
clear: both;
}
div.snackcontent p {
font-size: 12px;
line-height: 14px;
margin-bottom: 10px;
margin-top: 10px;
margin-left: 156px;
}
form#login fieldset {
border: none;
}
form#login div.formElm {
float: left;
margin-right: 10px;
overflow: hidden;
}
form#login div.formElm input {
width: 200px;
padding: 6px;
font-size: 1.4em;
float: left;
border: 2px solid #213464;
}
form#login input.submit {
width: 70px;
text-align: center;
float: right;
padding-top: 10px;
padding-bottom: 10px;
height: 35px;
}
form#login div.formElm label {
width: 75px;
display: block;
float: left;
padding-top: 8px;
}
div#loginform {
}
div#nyroModalContent form#login {
margin-top: 20px;
}
div.galleryintro {/*
background-color:red;*/
display:inline-block;
float: left;
margin-left: 13px;
width: 700px;
}
div#content div.galleryintro h2 {
padding-top: 0.4em;
}
div#content div.galleryintro p.intro {
font-weight: bold;
}
div#content div.galleryintro p {
margin: 0;
color: #fff;
}
div#content div.galleryintro ul {
clear: left;
list-style-image: url(/images/tiny-arrow.jpg);
}
div#content div.galleryintro ul li a {
color: #fbe411;
font-weight: normal;
}
div#content div.galleryintro ul li a:hover {
color: #fff;
}
div.galleryintro img {
padding: 3px;
background-color: #fbde1f;
border: 1px solid #124dae;
}
ul.thumbslist {/*background-color:blue;*/
float:left;
clear: both;
display: block;
width: 700px;
}
ul.thumbslist li {/*border:1px solid red;*/
list-style:none;
float: left;
height: 120px;
}
ul.thumbslist li img {
padding: 3px;
background-color: #fbde1f;
border: 1px solid #c9a412;
}
div.galleries {
float: left;
}
div.gallerylisting {
width: 698px;
margin-left: 15px;
display: inline;
float: left;
}
#content div.gallerylisting p {
margin: 0.5em 0 0.5em 0;
}
div.gallerylisting img {
padding: 3px;
background-color: #fbde1f;
border: 1px solid #c9a412;
}
div.gallerylisting img:hover {
}
div.gallerylisting div.divider {
border-top: 1px solid #fff;
margin-bottom: 2em;
clear: left;
}
div.gallerylisting div.divider h2 {
margin-top: 0.6em;
}
div.gallerylisting div.divider p.readmore {
clear: left;
}
/* pom bear buddy */
a#buddy {
	display:block;
	width:210px;
	height:52px;
	background-image:url('/images/download-buddy.jpg');
	background-repeat:none;
	text-indent:-99999px;
	background-position: 0 0;
	margin-top:15px;
	margin-bottom:15px;
}
a#buddy:hover{
	background-image:url('/images/download-buddy.jpg');
	background-position: 0 52px;
}
form#competition {
	display:block;
	clear:none;
	border:none;
	margin-left:auto;
	margin-right:auto;
	width:550px;
}
form#feedback {
	margin-left: 10px;
	clear: both;
}
form#feedback p.note {
	font-size: 1.2em;
}
form#competition fieldset, form#feedback fieldset {
	border:none;
}
form#competition input, form#competition textarea,form#competition select {
	width: 550px;
}
form#competition input.check_box {
	width:auto;
}
form#competition input#submitbutton {
	width:auto;
}
form#competition fieldset > legend, form#feedback legend  {
font-size: 2em;
font-weight: normal;
color: #1473c3;
margin: 0.5em 0 0.5em 0;
}
form#competition div.dob select,form#competition div.size div {
	width:175px;
	margin-right:12px;
	float:left;
}
form#competition div.size div select {
	width:175px;
}
form#competition div.size {
	overflow:hidden;
	width:100%;
	clear:both;
}
form#competition div.dob select#fbcompetition_dob_1i,form#competition div.size div.nm {
	margin-right:0;
}

/* jQuery Countdown styles 1.5.5. */

#t7_vals
{
	float:left;
}

#t7_labels
{
	float:left;
}

.t7_numbs
{
	width:50px;
	text-align:center;
	float:left;
	background-color:#000000;
	padding-top:5px;
	padding-bottom:1px;
	font-size:3em;
	border:1px solid #cccccc;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:4px;
	line-height:1em;
}

.t7_labs
{
	width:50px;
	float:left;
	margin-left:3px;
	margin-right:3px;
	text-align:center;
	color:#000000;
	text-transform:capitalize;
}

#countdown { float:left; width:230px; margin: auto; color:#ffffff; margin-top:10px; margin-bottom:3px; font-family: Helvetica, Arial, sans-serif; font-weight:bold;  overflow:hidden;}


div#academy-homepage {background-color: #0868b2; border-bottom: 5px solid #fff; height: 250px; overflow: hidden;}
div#academy-homepage div.textbox {padding: 15px 15px 0 15px; width: 380px;}
div#academy-homepage div.textbox p, div#academy-homepage div.textbox h2  {color: #fff; font-size: 1.3em;}
div#academy-homepage div.textbox p a, div#academy-homepage div.textbox h2 a  {color: yellow;}

div.flashwrap {float: right;}