#stack {
	font-size: .85em;
}

#stack ul {
	clear:left;
	float:left;
	padding:4px 6px 4px 0;
}

#stack ul li  {
	padding:5px 0 5px 30px;
}

#stack .article {
	float:left;
	background:url(../i/sideStack_bg_50_btm.gif) no-repeat scroll left bottom transparent;
	width:377px;
	height:auto !important;
	min-height:50px;
	padding:0 0 6px 0;
	margin: 0 0 8px 0;
	clear: both;
}

#stack .article .callout {
	width:185px;
	margin:0; 
	padding: 0;
/*	border:1px solid red;*/
}

#stack .title {
	font-size:1.1em;
}

#stack .article .callout .description {
	padding: 0 6px 0 6px;
	margin-bottom:4px;
}

#stack .article .description p {
/*    margin: -4px 0 0 0; */   
	margin: 0 0 0 0; 
    padding: 0;
}

/*#stack .article .description p img {
    margin: 10px 0 0 0; 
}*/

#stack .article .left {
	float:left;
}

#stack .article .right {
	float:right;
}

#stack .article img {
	max-width:170px;
	padding:0;
	margin: 6px 0 0 0;
	width:auto !important;
	float:none;
	display:block;
}

#stack .article img.left  {
	margin:2px 4px 2px 0; 
}
#stack .article img.right {
	margin:2px 2px 2px 4px; 
}

#stack .article .callout .title a:link, 
#stack .article .callout .title a:visited, 
#stack .article .callout .title a:active, 
#stack .article .callout .title a:hover 
{
	color:#1174CE;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	display: block;
	padding: 5px 28px 10px 6px;
	background: url(../i/arrow.gif) 154px 5px no-repeat;
	text-decoration: none;
}

#stack .article .callout .title a:hover {
	color:#233A76;
	text-decoration: underline;
	background: url(../i/arrow-hover.gif) 154px 5px no-repeat;
	text-decoration:underline;
}
#stack .article .title {
	background: #fff url(../i/wrapper-top-narrow.jpg) top left no-repeat;
}







/*SINGLE*/

#stack1
{
    float:left;
}

#stack2 
{
    float:right;
}

.inner-c #stack .article, #stack1 .article, #stack2 .article {/**/ 
width:185px;
overflow: hidden;
background: none;
}

/*
.inner-a #stack.uneven {
    background:#fff url(../i/sideStack_bg_50_btm.gif) no-repeat scroll left bottom;
}

.quarter 
{
    background:#fff url(../i/sideStack_bg_50_div_b.gif) no-repeat scroll left top;
}*/

.inner-c #stack .article .callout, #stack1 .article .callout, #stack2 .article .callout {/**/
background:#fff url(../i/sideStack_bg_50_btm.gif) no-repeat scroll left bottom;
margin-bottom: 4px;
padding:0 0 6px 0;
}





/*WIDE*/
#stack .wide {
background:none;
}

#stack .wide .callout {
width:377px;
padding: 0;
float: left;
background:url(../i/wrapper-bottom-wide.jpg) no-repeat scroll left bottom transparent;
}

#stack .wide .callout .description {
background: #fff url(../i/wrapper-top-wide.jpg) top left no-repeat;
}
#stack .wide .callout .title {
background: none;
font-weight: bold;
text-align: left;
}
#stack .wide .callout .vid-title {
font-weight: bold;
text-align: left;
padding: 6px 20px 14px 6px;
}
#stack .wide .callout #video-wrap .description, #stack .wide .callout #preview .description {
    text-align: center;
/*    padding: 4px 6px 0 6px;*/
	padding: 4px 9px 0 6px;
    min-height: 100px;
} 
#stack .wide .callout .title a:link, 
#stack .wide .callout .title a:visited, 
#stack .wide .callout .title a:active, 
#stack .wide .callout .title a:hover 
{
	background: url(../i/arrow.gif) 347px 3px no-repeat;
	padding: 4px 30px 14px 6px;
}
#stack .wide .callout .title a:hover {
	background: url(../i/arrow-hover.gif) 347px 3px no-repeat;
}

#stack .wide .callout img {
max-width:367px;
padding:0;
margin: 2px 0 6px 0;
width:auto !important;
float:none;
}

#stack .wide .callout .description {
padding: 4px 6px 0 6px;
}

.no-link {
	color:#1174CE;
	display:block;
	font-weight:bold;
	font-size:1.1em;
	padding:4px 28px 10px 6px;
	background: #fff url(../i/wrapper-top-narrow.jpg) top left no-repeat;
}

#stack .wide .callout .no-link {
	background: none;
	padding:4px 28px 14px 6px;
}



#stack .wide .callout .vid-trigger.blue-rule {
	background: url(../i/bg-double.jpg) top left no-repeat;
	padding: 3px 0 0 0;
}


#stack .wide .callout .vid-trigger .title a:link.selected, 
#stack .wide .callout .vid-trigger .title a:visited.selected, 
#stack .wide .callout .vid-trigger .title a:active.selected, 
#stack .wide .callout .vid-trigger .title a:hover.selected  
{
	background: url(../i/arrow-double.gif) 347px 3px no-repeat;
	color:#233a76;
	text-decoration: none;
}















/* --- clearfix --- 
#stack .description:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#stack .description {
  display:inline-block;
}
*/