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

        #calendar-control table td
{
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 90%;
	border: 1px solid #034087;
	color: #034087;
	font-weight: bold;
}

.dialog {
	position:relative;
	margin:0px auto;
	min-width:8em;
	max-width:952px; /* based on image dimensions */
	color:#fff;
	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;
}

.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.5em 0px 0.5em 0px;
}

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


#dpInnerBox .dialog {
	max-width:567px; 
}
#dpInnerBox .content,
#dpInnerBox .t,
#dpInnerBox .b,
#dpInnerBox .b div {
	background: transparent url("../images/dpBG.gif") no-repeat top right;
}
#dpInnerBox .t {
	background-position:top left;
}
#dpInnerBox  .b {
	background-position:bottom right;
}
#dpInnerBox .b div {
	background-position:bottom left;
} 

#forumInnerBox {
	margin-top: 20px;
}
#replyPanelContainer .bd {margin: 10px 15px 0;}
#replyPanelContainer .b, #replyPanelContainer .b div {height: 25px;}

#forumActions .bd,
#forumPostInnerBox .bd,
#forumInnerBox .bd {
	margin: 10px;
}


#forumActions .content,
#forumActions .t,
#forumActions .b,
#forumActions .b div {
	background: transparent url("../images/contentBoxBGSuperSmall.gif") no-repeat top right;
}
#forumActions .t {
	background-position:top left;
}
#forumActions  .b {
	background-position:bottom right;
}
#forumActions .b div {
	background-position:bottom left;
} 
#forumActions  .b, #forumActions .b div {
	height: 20px;
}


body.products #productInfoBoxNew .top
{
    background: transparent url(../images/contentBoxBGSmall.gif) no-repeat top left;
    height: 20px;
    width:860px;
    padding: 0 10px;
}
body.products #productInfoBoxNew .mid
{
    background: transparent url(../images/contentBoxBGSmall.gif) no-repeat 0% 1%;
    width:860px;
    padding: 0 10px;
}
body.products #productInfoBoxNew .btm
{
    background: transparent url(../images/contentBoxBGSmall.gif) no-repeat bottom left;
    height: 20px;
    width:860px;
    padding: 0 10px;
}
.loginorregister h3 { margin: 15px 0;}
.loginorregister span { color:#146DAA; display: block; float: left; width: 150px;}
.loginorregister input {display: block; float: left; width: 200px;}
.loginorregister .container {margin: 5px 0;}
.loginorregister p {margin: 5px 0 30px;}
.loginorregister input.loginBtn {margin: 10px 0 10px 235px;}