/*----------------------------------------------------------
This is stylesheet containing client specific styles.
----------------------------------------------------------*/
/* Maybe put these in skin.css? */
.gradientBackground { background-image: url( Skin/background_top_gradient.png ); background-position: 0px 1px; background-repeat: repeat-x; }
.page .pageHeader .banner { background: url( Skin/page_header.png ); }
.page .pageBody { background: url( Skin/page_body.png ); }
.page .pageFooter { background-image: url( Skin/page_footer.png ); }

.page .pageBodyx
{
	padding: 1px 12px 1px 24px;
}

table.fullRoundBorderx tr.header td.center { width: 910px; }
table.rightNavRoundBorder tr.header td.center { width: 710px; }

table.dashboard tr td { vertical-align: top; }

.event-details
{
	padding-left: 20px;
	color: #707070;
}

div.hr
{
	height: 10px;
	border-bottom: solid 1px #042A8F;
	margin-bottom: 5px;
}

div.blog a, div.blog a:visited { text-decoration: underline; }

div.blogTitle { font-size: 16px; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px; }
div.blogPublish { color: Gray; margin-top: 0px; padding-top: 0px; }

.question { font-weight: bold; }
.answer { padding-left: 25px; }

table.pros { table-layout: fixed; }
table.pros tr td { vertical-align: top; border: solid 0px black; padding-bottom: 10px; padding-right: 10px; }

.photo-right { float: right; margin: 10px 0 0 5px; }

.photo-right img
{
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
} 

.page .pageFooter .text a, .page .pageFooter .text a:visited, .page .pageFooter .text a:hover, .page .pageFooter .text
{
	color: White;
}

.roundBorder .body .center table tr .half { width: 440px; }

.ui-widget-header { background-image: none; }
.ericPortlet { background-image: url( Skin/EricPortlet.png ); }
.thinkingPortlet { background-image: url( Skin/ThinkingPortlet.png ); }
.playerPortlet { background-image: url( Skin/PlayerPortlet.png ); color: White; }
.eventPortlet { background-image: url( Skin/EventPortlet.png ); }
.ustaPortlet { background-image: url( Skin/USTAPortlet.png ); color: White; }
.facebookPortlet { background-image: url( Skin/FacebookPortlet.png ); color: White; }
.espnPortlet { background-image: url( Skin/ESPNPortlet.png ); color: White; }
.twitterPortlet { background-image: url( Skin/TwitterPortlet.png ); color: White; }
.causePortlet { background-image: url( Skin/CausePortlet.png ); color: White; }

/********************************************************************************************/
/* Horizontal Minimalist                                                                          */
/* Table styling from: http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/ */
/********************************************************************************************/
table.listingTable-Minimalist
{
	background: #fff;
	margin: 15px;
	border-collapse: collapse;
	text-align: left;
}
table.listingTable-Minimalist th
{
	font-weight: bold;
	color: #039;
	padding: 0px 6px 8px 6px;
	border-bottom: 2px solid #6678b1;
	text-align: left;
}
table.listingTable-Minimalist td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 5px 6px 5px;
}
table.listingTable-Minimalist tbody tr:hover td
{
	color: #009;
	background: #e8edff;
}