@charset "UTF-8";

body{
	    margin:0;
	    padding:0;
	    text-align:center;
	    background: #3CF;
}
a img {border:none;}
a {
	    color: black;
	    font-weight: bold;
	    text-decoration: none;
}
a:hover {
	    text-decoration: underline;
}

#loadingMsg { display: none }
#noFlashMsg { display: display } /* what is this value for? there is compatibily problems whith this value */


.page {
	width: 750px;
	margin: 0px auto;
	text-align: left;
	position: relative;
}


/********************/
/*                  */
/*      Header      */
/*                  */
/********************/
.header h1 {
	    margin: 0;
}
.header h1.howToPlay {
	    text-indent: -9000px;
	    background: url(/_images/titleHowToPlay.png) center no-repeat;
	    margin: 0;
	    height: 64px;
	    text-indent: -9000px;
}


/********************/
/*                  */
/*      topNav      */
/*                  */
/********************/
.topNav ul {
	    margin: 0;
	    padding: 0 0 0 17px;
}
.topNav ul li {
	    list-style-type: none;
	    float: left;
	    margin: 0 0 0 1px;
	    padding: 0;
	    height: 33px;
	    width: 92px;
	    position: relative;
}

.topNav ul li a {
	display: block;
	padding-top: 6px;
	font: bold 10px/12px "Comic Sans MS", "Comic Sans", Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: url(/_images/nav/tab_off.png) center top no-repeat;
	width: 92px;
	height: 35px;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* page specific styles to "turn on" the nav buttons */
body.educators .topNav ul li a.educators,
body.language .topNav ul li a.language,
body.saving .topNav ul li a.saving,
body.writers .topNav ul li a.writers,
body.comix .topNav ul li a.comix {
	    background: url(/_images/nav/tab.png) center top no-repeat;
}

/* special styles for the oversized button */
.topNav ul li.largerBtn,
.topNav ul li.largerBtn a {
	    width: 114px;
	    background: url(/_images/nav/tabMedium_off.gif) center top no-repeat;
}
body.agencies .topNav ul li.largerBtn,
body.agencies .topNav ul li.largerBtn a.agencies {
	    background: url(/_images/nav/tabMedium.gif) center top no-repeat;
}

.topNav ul li.mediumBtn,
.topNav ul li.mediumBtn a {
	    width: 114px;
	    background: url(/_images/nav/tabMedium_off.gif) center top no-repeat;
}
body.family.topNav ul li.mediumBtn,
body.family .topNav ul li.mediumBtn a.family {
	    background: url(/_images/nav/tabMedium.gif) center top no-repeat;
}

body .page .contribute {
	    position:absolute;
	    top: 255px;
	    right: -132px;
}

/********************/
/*                  */
/*     Content      */
/*                  */
/********************/
.content {
	    background:#fc3 url(/_images/panelTop.png) no-repeat top center;
	    border-top: solid 1px #3cf;
	    border-bottom: solid 1px #fc3;
	    clear: both;
	    padding: 10px 22px 10px 22px;
}
.content h2 {
	    font: bold 14px/16px "Comic Sans MS", "Comic Sans", Verdana, Arial, Helvetica, sans-serif;
	    color: #09c;
	    margin: 1.5em 0 .5em 0;
	    text-transform: uppercase;
}

.content h3 {
	    font: bold 14px/16px "Comic Sans MS", "Comic Sans", Verdana, Arial, Helvetica, sans-serif;
	    color: #09c;
	    margin: 1.5em 0 .5em 0;
	    text-transform: uppercase;
}



/********************/
/*                  */
/*    howToPlay     */
/*                  */
/********************/
.content .scrollPanel {
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	margin: 0px;
	overflow: auto;
	height: 350px; /*534px*/
	border: 1px inset;
	padding: 25px 6px 10px 15px;
	background-color: white;
}
.content .scrollPanelFull {
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	margin: 0px;
	overflow: auto;
	height: 350px; /*534px*/
	border: 1px inset;
	padding: 25px 6px 10px 15px;
	background-color: white;
}
.content div.tighterPanel {
	    height: 200px; /*534px*/
	    padding: 25px 56px 10px 15px;
}
.content .scrollPanel .imgFloat {
	    margin: 0px 0px 25px -15px;
	    float: left;
}
.content p {
	    margin: 0 0 1em 0;
	    font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	    color: black;
}
body.howToPlaySection .content {
	    padding: 10px 49px 10px 44px;
}
body.writers .content .scrollPanel .redNew {
	    color: #fe2525;
	    font-size: 18px;
}


/********************/
/*                  */
/*   tellAFriend    */
/*                  */
/********************/
body.tellAFriendSection .content {
	    background: #fc3 url(/_images/tellaFriendBG.png) no-repeat center top;
	    min-height: 562px;
	    _height: 562px;
	    position: relative;
}
body.tellAFriendSection .content form {
	    position: absolute;
	    top: 257px;
	    left: 0px;
}
body.tellAFriendSection .content form p {
	    margin-bottom: 7px;
}
body.tellAFriendSection .content form label.textLabel {
	    display: block;
	    width: 173px;
	    padding-right: 6px;
	    text-align: right;
	    float: left;
	    font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
}
body.tellAFriendSection .content form input.textField {
	    border: 1px solid black;
	    height: 16px;
	    width: 261px;
	    font-size: 11px;
	    font-family: Arial, Helvetica, sans-serif;
}
body.tellAFriendSection .content form textarea.textField {
	    border: 1px solid black;
	    width: 261px;
	    height: 49px;
	    font-size: 11px;
	    font-family: Arial, Helvetica, sans-serif;
}
body.tellAFriendSection .content form input#button {
	    background: url(/_images/sendBtn.png);
	    height: 28px;
	    width: 100px;
	    position: absolute;
	    top: 116px;
	    left: 470px;
	    border: none;
}


.contributeDisclaimer {
	    margin: 5px 90px;
	    border:1px solid black;
	    width:797px;
}

/********************/
/*                  */
/*    storyIdeas    */
/*                  */
/********************/
body.storyIdeas div.scrollPanel {
    padding: 0px 0;
    margin:0;
}
body.storyIdeas .scrollPanel div {
    padding: 6px 15px 6px 15px;
    margin:0px;
}
body.storyIdeas .scrollPanel div.blue {
    background-color: #6ff;
}
body.storyIdeas .scrollPanel div.green {
    background-color: #cf9;
}
/*body.storyIdeas h2 {
	    color: #black;
	    font-size: 12px;
	    text-transform: none;
	    font-weight: normal;
}
*/
/********************/
/*                  */
/*     feedback     */
/*                  */
/********************/
body.feedback .content {
    padding-left: 35px;
}
body.feedback .content h2 {
    font-size: 12px
}
body.tellAFriendSection .content h2 {
    font-size: 12px
}
body.feedback .content form {
    background: #fc3 url(/_images/feedbackBG.png) no-repeat right center;
    margin-top: 18px
}
body.feedback .content form p {
    margin-bottom: 7px;
}
body.feedback .content form label.textLabel {
    display: block;
    width: 82px;
    padding-right: 6px;
    float: left;
    font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
}
body.feedback .content form input.textField {
    border: 1px solid black;
    height: 16px;
    width: 261px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

body.feedback .content form textarea.textField {
	border: 1px solid black;
	width: 261px;
	height: 49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body.feedback .content form input#button {
	background: url(/_images/sendBtn.png);
	height: 28px;
	width: 100px;
	border: none;
}

/********************/
/*                  */
/*     aboutUs      */
/*                  */
/********************/
body.aboutUs .tomImage {
	float: right;
	margin: 20px 46px 0 29px;
}
body.aboutUs .scrollPanel {
	overflow: auto;
	height: auto;
/*	_zoom:1*/
}

/********************/
/*                  */
/*      Footer      */
/*   & bottomNav    */
/*                  */
/********************/
.footer {
	background: url(/_images/nav/panelBtm.png) no-repeat top left;
	clear: both;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	margin:0px auto 0px auto;
	/*width:900px;*/
	clear: both;
	padding-top: 1.5em;
}

body.comix div.footer {
	border-top: 1px solid #3CF;
	background-image: none;
	background-color: #3CF;
	text-align: center;
	padding-top: 0;
}

.bottomNav {
	text-align: center;
	list-style-type: none;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	height: 90px;
	clear:both;
}

.bottomNav li {
	float:left;
	margin: 15px 5px 0px 0px;
	position: relative;
}
.bottomNav li a {
	height: 32px;
	display: block;
	text-indent: -9000px;
	overflow:hidden
}

.bottomNav li a.homeBtn				{ background: url(/_images/nav/homeBtn.png)										   no-repeat center top; width: 73px; }
.bottomNav li a.backtoComixBtn  { background: url(/_images/nav/backtoComixBtn.gif)  no-repeat center top; width: 73px; }
.bottomNav li a.printableBtn    { background: url(/_images/nav/printableBtn.gif)    no-repeat center top; width: 73px; }
.bottomNav li a.teacherToolsBtn { background: url(/_images/nav/teacherToolsBtn.gif) no-repeat center top; width: 73px; }
.bottomNav li a.teacherResourcesBtn { background: url(/_images/nav/teacherResourcesBtn.gif) no-repeat center top; width: 73px; }
.bottomNav li a.howToPlayBtn    { background: url(/_images/nav/howToPlayBtn.gif)    no-repeat center top; width: 73px; }
.bottomNav li a.storyIdeasBtn   { background: url(/_images/nav/storyIdeasBtn.gif)   no-repeat center top; width: 73px; }
.bottomNav li a.tellAFriendBtn  { background: url(/_images/nav/tellAFriendBtn.gif)  no-repeat center top; width: 73px; }
.bottomNav li a.feedbackBtn     { background: url(/_images/nav/feedbackBtn.gif)     no-repeat center top; width: 73px; }
.bottomNav li a.aboutUsBtn      { background: url(/_images/nav/aboutUsBtn.gif)      no-repeat center top; width: 73px; }
.bottomNav li a.contributeBtn   { background: url(/_images/nav/contributeBtn.gif)   no-repeat center top; width: 84px; }
.bottomNav li a.writerPromptsBtn	{ background: url(/_images/nav/promptsBtn.png)								   no-repeat center top; width: 73px; }
.bottomNav li a.booksByBillZBtn		{ background: url(/_images/nav/booksByBillZBtn.gif)								no-repeat center top; width: 73px; }
/*
.bottomNav li a:hover, .bottomNav li a.writerPromptsBtn:hover {
    background-position: bottom
}
.bottomNav li a.writerPromptsBtn {
    height: 64px;
    width: 109px;
	left: 0px;
	position: relative;
	top:    -14px;
    background: url(/_images/nav/promptsBtnTxt.png) no-repeat center top;
}
*/
.tellCaptcha #recaptcha_area {
    margin-left: 127px;
}

.the_real_fields {
    display: none;
}

.error {
    color: #F00;
}