/*
 * 	vim: set fdm=marker:
 *	Common Styles for Schulmeister-Consulting
 *	(c) 2008 by T-SIGN Studios, http://www.t-sign.com
 *	Authors: Robert Adrianowski (robert_adrianowski@t-sign.com)
 *
 */

/* {{{ parameters of box */
.xBoxMarginRight	{
	margin-right: 12px !important;
}
.floatLeft	{
	float: left;
}
.subMarginTop	{
	margin-top: -26px !important;
}
.widthBetAndRace	{
	width: 226px;
}
/* }}} */
/* {{{ standard box */
.xBox	{ }
.xBox .top	{
	position: relative;
	margin: 0 10px;
	padding: 0;
	width: auto;
	height: 41px;
	background: transparent url(../../../img/misc/box/bgup.png) left top repeat-x;
}
.xBox .top .cornerLeft	{
	float: left;
	position: absolute;
	top: 0;
	left: -10px;
	width: 100%;
	height: 41px;
	background: transparent url(../../../img/misc/box/cornerleftup.png) no-repeat left top;
}
.xBox .top .cornerRight	{
	float: right;
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 41px;
	background: transparent url(../../../img/misc/box/cornerrightup.png) no-repeat left top;
}
.xBox .down	{
	position: relative;
	margin: 0 10px;
	padding: 0;
	width: auto;
	height: 15px;
	background: transparent url(../../../img/misc/box/bgdown.png) left top repeat-x;
}
.xBox .down .cornerLeft	{
	float: left;
	position: absolute;
	top: 0;
	left: -10px;
	width: 10px; height: 15px;
	background: transparent url(../../../img/misc/box/cornerleftdown.png) no-repeat left top;
}
.xBox .down .cornerRight	{
	float: right;
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 15px;
	background: transparent url(../../../img/misc/box/cornerrightdown.png) no-repeat left top;
}

.xBox .boxContent	{
	margin: 0;
	padding: 20px 10px 5px 10px;
	width: auto;
	border-left: 3px solid #3e3e3e;
	border-right: 3px solid #3e3e3e;
	background: black;
}

#page #contenerRight .widthBetAndRace .boxContent
{
    min-height: 220px;	
    padding-top: 5px;
}

.xBox .headLine	{
	position: relative;
	margin: 0 0 0 4px;
	/* doesn't work well -> Mail from TSign: "class .headline has unnecessary upper padding set to 37px" */
	padding: 14px 0px 4px 0px;
	/* doesn't work well -> Mail from TSign: "class .headline has unnecessary upper padding set to 37px" */
	/*padding: 37px 0 4px 0;*/
	width: auto;
	height: 16px;
	font: normal 0.9em Tahoma;
	color: white;
	background: transparent url(../../../img/misc/box/dotted.png) left bottom repeat-x;
}
.xBox .headLineWithStatus	
{
	position: relative;
	margin: 0 0 0 4px;
	padding: 34px 0 4px 0;
	width: auto;
	height: 16px;
	font: normal 0.9em Tahoma;
	color: white;
	background: transparent url(../../../img/misc/box/dotted.png) left bottom repeat-x;
}
.xBox .headLine:first-letter	{
	text-transform: uppercase;
}
.upperXBox	{
	position: relative;
	margin: 0 12px 0 12px;
	padding: 0;
	width: auto;
	height: 26px;
	background: transparent url(../../../img/misc/box/upper.png) left top repeat-x;
}
.upperXBox .cornerLeft	{
	float: left;
	position: absolute;
	top: 0;
	left: -8px;
	width: 8px;
	height: 26px;
	background: transparent url(../../../img/misc/box/upperleft.png) no-repeat left top;
}
.upperXBox .cornerRight	{
	float: right;
	position: absolute;
	top: 0;
	right: -8px;
	width: 8px;
	height: 26px;
	background: transparent url(../../../img/misc/box/upperright.png) no-repeat left top;
}
.upperXBox .title	{
	margin: 0;
	padding: 5px 0 0 20px;
	width: auto;
	height: 13px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
	font-style: italic;
	background: transparent url(../../../img/misc/box/point.png) no-repeat 0 6px;
}
.upperXBox .arrow	{
	float: right;
	position: absolute;
	top: 4px;
	right: 0;
}
.upperXBox .arrow a.leftArrow	{
	float: left;
	display: block;
	margin: 0 4px 0 0;
	padding: 0;
	width: 18px;
	height: 13px;
	background: transparent url(../../../img/misc/box/arrowleft.png) no-repeat left top;
}
.upperXBox .arrow a.rightArrow	{
	float: left;
	display: block;
	width: 18px;
	height: 13px;
	background: transparent url(../../../img/misc/box/arrowright.png) no-repeat left top;
}
.xBox .top .link1	{
	float: right;
	position: absolute;
	top: 21px; right: -28px;
	width: 25px;
	height: 22px;
	z-index: 5;
	background: transparent url(../../../img/misc/box/link.png) no-repeat left top;
}
.xBox .top .link2	{
	float: right;
	position: absolute;
	top: 55px; right: -28px;
	width: 25px;
	height: 22px;
	z-index: 5;
	background: transparent url(../../../img/misc/box/link.png) no-repeat left top;
}
/* }}} */

/* {{{ actual wins */
.xBoxWins	{ }

.xBoxWins .top	{
	position: relative;
	margin: 0 10px;
	padding: 0;
	width: auto;
	height: 20px;
	background: transparent url(../../../img/misc/box/bgup.png) left top repeat-x;
}

.xBoxWins .top .cornerLeft	{
	float: left;
	position: absolute;
	top: 0;
	left: -10px;
	width: 100%;
	height: 41px;
	background: transparent url(../../../img/misc/box/cornerleftup.png) no-repeat left top;
}
.xBoxWins .top .cornerRight	{
	float: right;
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 41px;
	background: transparent url(../../../img/misc/box/cornerrightup.png) no-repeat left top;
}
.xBoxWins .down	{
	position: relative;
	margin: 0 10px;
	padding: 0;
	width: auto;
	height: 15px;
	background: transparent url(../../../img/misc/box/bgdown.png) left top repeat-x;
}
.xBoxWins .down .cornerLeft	{
	float: left;
	position: absolute;
	top: 0;
	left: -10px;
	width: 10px; height: 15px;
	background: transparent url(../../../img/misc/box/cornerleftdown.png) no-repeat left top;
}
.xBoxWins .down .cornerRight	{
	float: right;
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 15px;
	background: transparent url(../../../img/misc/box/cornerrightdown.png) no-repeat left top;
}
.xBoxWins .boxContent	{
	margin: 0;
	padding: 35px 3px 5px 10px;
	width: auto;
	border-left: 3px solid #3e3e3e;
	border-right: 3px solid #3e3e3e;
	background: black;
}
.xBoxWins .headLine	{
	position: absolute;
	margin: 10px 0 0 4px;
	padding: 10px 0 0 0;
	width: auto;
	height: 16px;
	font: normal 0.9em Tahoma;
	color: white;
	background: transparent url(../../../img/misc/box/dotted.png) left bottom repeat-x;
}

/* }}} */