/* 
===== Main Content Blocks =====
*/

div.inBlock	{ /*Photo-Video-Profile  Thumbnails*/
	float:left;
	width:150px;
	margin-left:8px;
	margin-bottom:0px;
	margin-top:0px;
	padding:0;
	
}

/* 
===== General Content Blocks =====
*/

.ContentBlock {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:986px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:6px; /* spacing under dialog */
}

#mainBlockRgt .ContentBlock, #inpageBlockRgt .ContentBlock  {
	margin-right:4px;	/* For right col */
}
#mainBlockLft .ContentBlock, #inpageBlockLft .ContentBlock  {
	margin-right:4px;	/* For Left col */
}


.ContentBlock .contentCb,
.ContentBlock .tCb,
.ContentBlock .bCb,
.ContentBlock .bCb div {
 background:transparent url('images/common_block_bg.png') no-repeat top right;
}

.ContentBlock .contentCb {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 6px 0px 0px;
}

.ContentBlock .tCb {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.ContentBlock .bCb {
 /* bottom */
 position:relative;
 width:100%;
}

.ContentBlock .bCb,
.ContentBlock .bCb div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}

.ContentBlock .bCb {
 background-position:bottom right;
}

.ContentBlock .bCb div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

.ContentBlock .hdCb,
.ContentBlock .bdCb,
.ContentBlock .ftCb {
 position:relative;
}

.ContentBlock .wrapperCb {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* 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. */
}

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

.ContentBlock h1 {
 padding-bottom:12px;
}

/* Block gray */

.ContentBlockGray {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:575px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-right:6px;
 margin-bottom:6px; /* spacing under dialog */
}


.ContentBlockGray .contentCsbO,
.ContentBlockGray .tCsbO,
.ContentBlockGray .bCsbO,
.ContentBlockGray .bCsbO div {
 background:transparent url('images/block_gray_bg.png') no-repeat top right;
}

.ContentBlockGray .contentCsbO {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 6px 0px 0px;
}

.ContentBlockGray .tCsbO {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.ContentBlockGray .bCsbO {
 /* bottom */
 position:relative;
 width:100%;
}

.ContentBlockGray .bCsbO,
.ContentBlockGray .bCsbO div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}

.ContentBlockGray .bCsbO {
 background-position:bottom right;
}

.ContentBlockGray .bCsbO div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

.ContentBlockGray .hdCsbO,
.ContentBlockGray .bdCsbO,
.ContentBlockGray .ftCsbO {
 position:relative;
}

.ContentBlockGray .wrapperCsbO {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* 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. */
}

.ContentBlockGray h1,
.ContentBlockGray p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
 color:#c71c00;
}

.ContentBlockGray h2 {
 padding-top:0.5em;
 padding-bottom:2px; color:#cc4400;
 font-size:14px;
}
.ContentBlockGray h3 {
 padding-bottom:18px;
}

/* Sub block gray */

.ContentSubBlockGray {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:975px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-right:6px;
 margin-bottom:6px; /* spacing under dialog */
}


.ContentSubBlockGray .contentCsbB,
.ContentSubBlockGray .tCsbB,
.ContentSubBlockGray .bCsbB,
.ContentSubBlockGray .bCsbB div {
 background:transparent url('images/subblock_gray_bg.png') no-repeat top right;
}

.ContentSubBlockGray .contentCsbB {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 6px 0px 0px;
}

.ContentSubBlockGray .tCsbB {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.ContentSubBlockGray .bCsbB {
 /* bottom */
 position:relative;
 width:100%;
}

.ContentSubBlockGray .bCsbB,
.ContentSubBlockGray .bCsbB div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}

.ContentSubBlockGray .bCsbB {
 background-position:bottom right;
}

.ContentSubBlockGray .bCsbB div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

.ContentSubBlockGray .hdCsbB,
.ContentSubBlockGray .bdCsbB,
.ContentSubBlockGray .ftCsbB {
 position:relative;
}

.ContentSubBlockGray .wrapperCsbB {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* 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. */
}

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

.ContentSubBlockGray h1	{
	color:#c71c00;
}

.ContentSubBlockGray h2 {
 padding-top:0.5em;
 padding-bottom:2px; color:#c71c00;
 font-size:12px;
}

.ContentSubBlockGray a:link, .ContentSubBlockGray a:visited {
	font-size:11px; color:#a1545d; text-decoration:underline
}
.ContentSubBlockGray a:hover, .ContentSubBlockGray a:active {
	font-size:11px; color:#c71c00; text-decoration:none
}
	


.ContentSubBlockGray h3 {
 padding-bottom:18px;
}

/* ??? Sub block green */

.ContentSubBlockGren {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:975px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-right:6px;
 margin-bottom:6px; /* spacing under dialog */
}


.ContentSubBlockGren .contentCsbG,
.ContentSubBlockGren .tCsbG,
.ContentSubBlockGren .bCsbG,
.ContentSubBlockGren .bCsbG div {
 background:transparent url('images/common_subblock_gren.png') no-repeat top right;
}

.ContentSubBlockGren .contentCsbG {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 6px 0px 0px;
}

.ContentSubBlockGren .tCsbG {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:6px; /* top slice width */
 margin-left:-6px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.ContentSubBlockGren .bCsbG {
 /* bottom */
 position:relative;
 width:100%;
}

.ContentSubBlockGren .bCsbG,
.ContentSubBlockGren .bCsbG div {
 height:6px; /* height of bottom cap/shade */
 font-size:1px;
}

.ContentSubBlockGren .bCsbG {
 background-position:bottom right;
}

.ContentSubBlockGren .bCsbG div {
 position:relative;
 width:6px; /* bottom corner width */
 margin-left:-6px;
 background-position:bottom left;
}

.ContentSubBlockGren .hdCsbG,
.ContentSubBlockGren .bdCsbG,
.ContentSubBlockGren .ftCsbG {
 position:relative;
}

.ContentSubBlockGren .wrapperCsbG {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* 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. */
}

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

.ContentSubBlockGren h2 {
 padding-top:0.5em;
 padding-bottom:2px; color:#cc4400;
 font-size:14px;
}
.ContentSubBlockGren h3 {
 padding-bottom:18px;
}
