/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
	position:relative;
	margin:0px auto;
	min-width:8em;
	max-width:952px; /* based on image dimensions */
	color:#3976A3;
	z-index:1;
	margin-left:12px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */
}


#subContentLarge.dialog {
	max-width:567px; /* based on image dimensions */
}
#subContentLarge .content,
#subContentLarge .t,
#subContentLarge .b,
#subContentLarge .b div {
	background: transparent url("../images/forumBoxLarge.png") no-repeat top right;
}
#subContentLarge .t {
	background-position:top left;
}
#subContentLarge  .b {
	background-position:bottom right;
}
#subContentLarge .b div {
	background-position:bottom left;
}

/******************** sub content register box *****************/
#subContentRegister.dialog {
	max-width:300px; /* based on image dimensions */
}
#subContentRegister .content,
#subContentRegister .t,
#subContentRegister .b,
#subContentRegister .b div {
	background: transparent url("../images/subContentBoxBGMini.png") no-repeat top right;
}
#subContentRegister .t {
	background-position:top left;
}
#subContentRegister  .b {
	background-position:bottom right;
}
#subContentRegister .b div {
	background-position:bottom left;
}

/******************** sub content register box *****************/
#sizesBox .dialog,
#sizesBox2 .dialog {
	max-width:360px; /* based on image dimensions */
	margin-left:7px;
}
#sizesBox .content, #sizesBox2 .content,
#sizesBox .t, #sizesBox2 .t,
#sizesBox .b, #sizesBox2 .b,
#sizesBox .b div, #sizesBox2 .b div {
	background: transparent url("../images/sizeContentBox.gif") no-repeat top right;
}
#sizesBox .t,
#sizesBox2 .t {
	background-position:top left;
}
#sizesBox  .b,
#sizesBox2  .b {
	height: 20px;
	background-position:bottom right;
}
#sizesBox .b div,
#sizesBox2 .b div {
	background-position:bottom left;
	height: 20px;
}

/******************** home page bottom nav styles *****************/
#bottomNav.dialog {
	max-width:980px; /* based on image dimensions */
}
#bottomNav .content,
#bottomNav .t,
#bottomNav .b,
#bottomNav .b div {
	background: transparent url("../images/bottomNavBg.png") no-repeat top right;
}
#bottomNav .t {
	background-position:top left;
}
#bottomNav  .b {
	background-position:bottom right;
}
#bottomNav .b div {
	background-position:bottom left;
}

/******************** top ten - blue tab *****************/
#topTenBox .content,
#topTenBox .t,
#topTenBox .b,
#topTenBox .b div {
	background: transparent url("../images/contentBoxBGLarge.png") no-repeat top right;
}
#topTenBox .t {
	background-position:top left;
}
#topTenBox  .b {
	background-position:bottom right;
}
#topTenBox .b div {
	background-position:bottom left;
	width: 20px;
}
#topTenBox.dialog .wrapper {
	max-height:2800px;
}
/******************** top ten - purple tab *****************/
#topTenBox.purple .content,
#topTenBox.purple .t,
#topTenBox.purple .b,
#topTenBox.purple .b div {
	background: transparent url("../images/contentBoxBGLargePurpleTab.png") no-repeat top right;
}
#topTenBox.purple .t {
	background-position:top left;
}
#topTenBox.purple  .b {
	background-position:bottom right;
}
#topTenBox.purple .b div {
	background-position:bottom left;
	width: 20px;
}

/******************** top ten - green tab *****************/
#topTenBox.green .content,
#topTenBox.green .t,
#topTenBox.green .b,
#topTenBox.green .b div {
	background: transparent url("../images/contentBoxBGLargeGreenTab.png") no-repeat top right;
}
#topTenBox.green .t {
	background-position:top left;
}
#topTenBox.green  .b {
	background-position:bottom right;
}
#topTenBox.green .b div {
	background-position:bottom left;
	width: 20px;
}
/******************** top ten - yellow tab *****************/
#topTenBox.yellow .content,
#topTenBox.yellow .t,
#topTenBox.yellow .b,
#topTenBox.yellow .b div {
	background: transparent url("../images/contentBoxBGLargeYellowTab.png") no-repeat top right;
}
#topTenBox.yellow .t {
	background-position:top left;
}
#topTenBox.yellow  .b {
	background-position:bottom right;
}
#topTenBox.yellow .b div {
	background-position:bottom left;
	width: 20px;
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
	background:transparent url(../images/contentBoxBG.png) no-repeat top right;
}

.dialog .content {
	position:relative;
	padding:12px 12px 0 0;
}

/* top+left vertical slice */
.dialog .t {
	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	background-position:top left;
}

/* bottom */
.dialog .b {
	position:relative;
	width:100%;
}

.dialog .b,
.dialog .b div {
	height:30px; /* height of bottom cap/shade */
	font-size:1px;
}

.dialog .b {
	background-position:bottom right;
}

.dialog .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
	position:relative;
	margin: 0 1.5em;
	top: 0px;
	left: 0px;
}

.dialog .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:2500px;
	overflow:hidden; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
	width: 100%;
}

.dialog h1,
.dialog p {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:0 0 10px 0;
}

.dialog h1 {
	padding-bottom:0px;
}


/******************** top ten *****************/
#topTenBox .content,
#topTenBox .t,
#topTenBox .b,
#topTenBox .b div {
	background: transparent url("../images/contentBoxBGLarge.png") no-repeat top right;
}
#topTenBox .t {
	background-position:top left;
}
#topTenBox  .b {
	background-position:bottom right;
}
#topTenBox .b div {
	background-position:bottom left;
}

/******************** large article *****************/
#articleLarge .content,
#articleLarge .t,
#articleLarge .b,
#articleLarge .b div {
	background: transparent url("../images/contentBoxBGLargeArticle.gif") no-repeat top right;
}
#articleLarge .t {
	background-position:top left;
}
#articleLarge  .b {
	background-position:bottom right;
}
#articleLarge .b div {
	background-position:bottom left;
}
#articleLarge.dialog .wrapper {
		height: 3000px;
}

/******************** games and stories story time *****************/
#storyTime .content,
#storyTime .t,
#storyTime .b,
#storyTime .b div {
	background: transparent url("../images/contentBoxBGStoryTime.gif") no-repeat top right;
}
#storyTime .t {
	background-position:top left;
}
#storyTime  .b {
	background-position:bottom right;
}
#storyTime .b div {
	background-position:bottom left;
}

/******************** games and stories shadow puppet *****************/
#shadowPuppet .content,
#shadowPuppet .t,
#shadowPuppet .b,
#shadowPuppet .b div {
	background: transparent url("../images/contentBoxBGShadowPuppets.gif") no-repeat top right;
}
#shadowPuppet .t {
	background-position:top left;
}
#shadowPuppet  .b {
	background-position:bottom right;
}
#shadowPuppet .b div {
	background-position:bottom left;
}


/******************** games and stories bedtime story *****************/
#bedtimeStory .content,
#bedtimeStory .t,
#bedtimeStory .b,
#bedtimeStory .b div {
	background: transparent url("../images/contentBoxBGBedtimeStory.gif") no-repeat top right;
}
#bedtimeStory .t {
	background-position:top left;
}
#bedtimeStory  .b {
	background-position:bottom right;
}
#bedtimeStory .b div {
	background-position:bottom left;
}


/******************** games and stories bedtime story *****************/
#lowerContentBox .content,
#lowerContentBox .t,
#lowerContentBox .b,
#lowerContentBox .b div {
	background: transparent url("../images/makeover/home_lowerNav2.png") no-repeat top right;
}
#lowerContentBox .t {
	background-position:top left;
}
#lowerContentBox  .b {
	background-position:bottom right;
}
#lowerContentBox .b div {
	background-position:bottom left;
}
#lowerContentBox .content
{
	height: 203px;
}
body.dnHome .dialog
{
	max-width: 985px;
}

/******************** games and stories bedtime story *****************/
#productInfoContentBox .content,
#productInfoContentBox .t,
#productInfoContentBox .b,
#productInfoContentBox .b div {
	background: transparent url("../images/makeover/contentBGWhite.png") no-repeat top right;
}
#productInfoContentBox .t {
	background-position:top left;
}
#productInfoContentBox  .b {
	background-position:bottom right;
}
#productInfoContentBox .b div {
	background-position:bottom left;
}
#productInfoContentBox .bd {
	margin: 5px 10px;
}

body.dnRemind #mainMenuContentBox .bd 
{
    min-height: 250px;
	height: auto !important;
	height: 250px;
}