@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 */

embed, object { outline: none }

.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;
}
.header h1.dailyComixDiary {
	    text-indent: -9000px;
	    background: url(/_images/Daily-Comix-Diary/titleChallenge.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,
body.autism .topNav ul li a.autism,
body.hearing .topNav ul li a.hearing,
body.headinjuries .topNav ul li a.headinjuries,
body.stuttering .topNav ul li a.stuttering,
body.strugglingwriters .topNav ul li a.strugglingwriters,
body.physicaldisabilities .topNav ul li a.physicaldisabilities,
body.learningdisabilities .topNav ul li a.learningdisabilities {
	    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;
}

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

.topNavSN 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: 85px;
	height: 35px;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* page specific styles to "turn on" the nav buttons */
body.educators .topNavSN ul li a.educators,
body.language .topNavSN ul li a.language,
body.saving .topNavSN ul li a.saving,
body.writers .topNavSN ul li a.writers,
body.comix .topNavSN ul li a.comix,
body.specialNeedsHome .topNavSN ul li a.specialNeedsHome,
body.autism .topNavSN ul li a.autism,
body.hearing .topNavSN ul li a.hearing,
body.headinjuries .topNavSN ul li a.headinjuries,
body.stuttering .topNavSN ul li a.stuttering,
body.strugglingwriters .topNavSN ul li a.strugglingwriters,
body.physicaldisabilities .topNavSN ul li a.physicaldisabilities,
body.learningdisabilities .topNavSN ul li a.learningdisabilities {
	    background: url(/_images/nav/tab.png) center top no-repeat;
}

/* special styles for the oversized button */
.topNavSN ul li.largerBtn,
.topNavSN ul li.largerBtn a {
	    width: 92px;
	    background: url(/_images/nav/tab_off.png) center top no-repeat;
}
body.hearing .topNavSN ul li.largerBtn,
body.hearing .topNavSN ul li.largerBtn a.hearing {
	    background: url(/_images/nav/tab.png) center top no-repeat;
}
body.headinjuries .topNavSN ul li.largerBtn,
body.headinjuries .topNavSN ul li.largerBtn a.headinjuries {
	    background: url(/_images/nav/tab.png) center top no-repeat;
}

/********************/
/*                  */
/*     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 .scrollPanel2 {
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	margin: 0px;
	border: 1px solid #666666;
	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 .scrollPanel2 .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*/
}

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

body.termsOfUse .usageTable td.headerRow{
	border-color: #ECE9D8;
	background-color:#F0F0F0;
}

body.termsOfUse .usageTable td.contentRow{
	background-color:#FFFFFF;
}

/********************/
/*                  */
/*      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;
}

.footerNavBox {
	clear: both;
	color: black;
}

.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;
}