/* ************************************************************************************************* */
/* This class contains the css info for the color boxes. Each box is then assigned a class name,
/* which has the font, colors, etc info for the middle of each box 
/* ************************************************************************************************* */


/* ***************************** */
/* ***************************** */
/* ***************************** */
/* 	RED BOXES 		*/
/* ***************************** */
/* ***************************** */
/* ***************************** */

/* RED box - general, use by all */

#boxred_middle
{
	width: 100%;
	border-left: 9px solid #B14605;
	border-right: 9px solid #B14605;
	font-family: trebuchet, verdana, ariel;
	font-size: 14px;
}

#boxred_middle2
{
	width: 100%;
	border-left: 9px solid #CC6600;
	border-right: 8px solid #CC6600;
	font-family: trebuchet, verdana, ariel;
	font-size: 12px;
}



/* RED box - medium - 485px wide */

#boxred_medium {	width: 484px;  }
#boxred_medium_top {
	width: 100%;
	height: 43px;
	padding-left: 13px;
	background-image: url(/images/redbox_medium_top.gif);
	background-repeat: no-repeat;
}


#boxred_medium_bottom
{
	width: 100%;
	height: 44px;
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
	background-image: url(/images/redbox_medium_bottom.gif);
	background-repeat: no-repeat;

}

/* RED box - large - 690px wide */
#boxred_large {	width: 680px;  }
#boxred_large_top {
	width: 100%;
	height: 41px;
	padding-left: 19px;
	background-image: url(/images/redbox_large_top.gif);
	background-repeat: no-repeat;
}

#boxred_large_middle
{
	width: 100%;
	border-left: 12px solid #CC6600;
	border-right: 11px solid #CC6600;
}

#boxred_large_middle_inside
{
	width: 100%;
	border-left: 10px solid #C05A00;
	border-right: 11px solid #C05A00;
}

#boxred_large_bottom
{
	width: 100%;
	height: 44px;	
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
	background-image: url(../images/redbox_large_bottom.gif);
	background-repeat: no-repeat;

}




/* ***************************** */
/* ***************************** */
/* ***************************** */
/* 	ORANGE BOXES 		*/
/* ***************************** */
/* ***************************** */
/* ***************************** */

/* ORANGE box - general, use by all */

#boxorange_middle
{
	width: 100%;
	border-left: 9px solid #B14605;
	border-right: 9px solid #B14605;
}

#boxorange_middle2
{
	width: 100%;
	border-left: 9px solid #CC6600;
	border-right: 8px solid #CC6600;
}


/* ORANGE box - small - 189px wide */
#boxorange_small {	width: 187px;  }
#boxorange_small_top_shout {
	height: 44px;
	background-image: url(/images/orangebox_small_whatshot_top.gif);
	background-repeat: no-repeat;
}

#boxorange_small_top_shoutouts {
	height: 44px;
	background-image: url(/images/orangebox_small_shoutouts_top.gif);
	background-repeat: no-repeat;
}

#boxorange_small_top_newsfeed
{
	height: 44px;
	background-image: url(/images/orangebox_small_newsfeed_top.gif);
	background-repeat: no-repeat;
}
#boxorange_small_bottom
{
	width: 100%;
	height: 44px;
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
	background-image: url(/images/orangebox_small_bottom.gif);
	background-repeat: no-repeat;
}


/* ORANGE box - medium - 485px wide */

#boxorange_medium {	width: 484px;  }
#boxorange_medium_top {
	width: 100%;
	height: 43px;
	padding-left: 13px;
	background-image: url(/images/orangebox_medium_top.gif);
	background-repeat: no-repeat;
}


#boxorange_medium_bottom
{
	width: 100%;
	height: 44px;
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
	background-image: url(/images/redbox_medium_bottom.gif);
	background-repeat: no-repeat;

}

/* ORANGE box - large - 690px wide */
#boxorange_large {	width: 680px;  }
#boxorange_large_top {
	width: 100%;
	height: 46px;           
	padding-left: 19px;
	background-image: url(/images/orangebox_large_top.gif);
	background-repeat: no-repeat;
}

#boxorange_large_middle
{
	width: 100%;
	border-left: 11px solid #CC6600;
	border-right: 11px solid #CC6600;
}

#boxorange_large_bottom
{
	width: 100%;
	height: 44px;	
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
	background-image: url(/images/orangebox_large_bottom.gif);
	background-repeat: no-repeat;

}


/* ORANGE box - RIGHT COLUMN */
#boxorange_right {	width: 342px;  }
#boxorange_right_top {
	width: 100%;
	height: 44px;
	padding-left: 19px;
	background-image: url(/images/orangebox_right_top.gif);
	background-repeat: no-repeat;
}

#boxorange_right_middle
{
	width: 100%;
	border-left: 10px solid #CC6600;
	border-right: 9px solid #CC6600;
	padding-left: 8px;
	padding-right: 8px;
	color: #000000;
	font-size: 12px;
	font-family: Trebuchet, verdana, arial;
}

#boxorange_right_bottom
{
	width: 100%;
	height: 44px;
	padding-right: 12px;
	padding-top: 5px;	
	text-align: right;
	background-image: url(/images/orangebox_right_bottom.gif);
	background-repeat: no-repeat;

}



/* VIDEO ORANGE box - large - 690px wide */
#boxorange_video {	width: 680px; height: 622px;  }
#boxorange_video_top {
	width: 100%;
	height: 46px;           
	padding-left: 19px;
	background-image: url(/images/orangebox_large_top.gif);
	background-repeat: no-repeat;
}

#boxorange_video_middle
{
	width: 500px;
	height: 532px;
	padding-top: 18px;
	padding-left: 8px;
	padding-right: 8px;
	border-left: 11px solid #CC6600;
}
#boxorange_video_middle_right
{
	width: 164px;
	padding-top: 18px;
	border-right: 11px solid #CC6600;
	border-bottom: 11px solid #CC6600;
}

#boxorange_video_bottom
{
	width: 516px;
	height: 44px;
	padding-right: 10px;
	padding-top: 5px;	
	background-image: url(/images/orangebox_large_bottom.gif);
	background-repeat: no-repeat;
}

#video_playlist
{

	width: 113px;
	height: 517px;	
	padding: 15px;
	background-color: #CC6600;
}
#video_playlist_inside
{
	position: relative;
}


/* My Mash */
#mymash { width: 343px; }
#mymash_top {
	height: 36px;
	background-image: url(/images/mymash_top.gif);
	background-repeat: no-repeat;
}
#mymash_bottom
{
	width: 100%;
	height: 9px;
	background-image: url(/images/mymash_bottom.gif);
	background-repeat: no-repeat;
}
#mymash_middle
{
	display: none;
	width: 100%;
	height: 100%;
	border-left: 8px solid #B14605;
	border-right: 8px solid #B14605;
}