/******************************************************
*******************************************************
****    Stylesheet for www.cykelklubben.se         ****
****    Copyright 2008, Fredrik Jansson            ****
****    fredrik.jansson@cykelklubben.se            ****
*******************************************************
******************************************************/
html, body
{
	/* STANDARD */
	background-image:url(/cykelklubben/images/body/sky_backsquare.gif);
}
/***********************************************************************
 -- HEADER ----------------------------------------------------------
*/
#headerImage
{
	/* STANDARD */
	background: transparent url(/cykelklubben/images/header/Header_Summer_RoH.jpg) no-repeat top left;
}
/***********************************************************************
 -- CAMPAIGN -----------------------------------------------------------
*/
.campaignNomiera2009
{
	position:absolute;
	top:0px;
	left:330px;
	z-index:200;
}
/***********************************************************************
 -- CALENDAR --------------------------------------------------------
*/
.S1 /* Spinning */
{
	color:Red;
	font-weight:bold;
}
.T1 /* Testcykel, trainer */
{
	color:Blue;
	font-weight:bold;
}
.C1 /* Cykel */
{
	color:Black;
	font-weight:bold;
}
.C2 /* Cykel - Cross/MTB */
{
	color:#CC6600;
	font-weight:bold;
}
.M1 /* Motionscykel */
{
	color:Orange;
	font-weight:bold;
}
.SIM /* Simning */
{
	color:Blue;
	font-weight:bold;
}




.CalendarTable
{
	margin-left:10px;
	margin-bottom:20px;
}
#contentArea .CalendarTable th
{
	background-color:#0033CC;
	background-image:none;
	color:#FFFFFF;
	border-top:solid 1px #3333CC;
	border-left:solid 1px #3333CC;
	border-right:solid 1px #3333CC;
	border-top:solid 1px #3333CC;
	border-left:solid 1px #3333CC;
	border-bottom:solid 1px #3333CC;
	padding-right:10px;
}
#contentArea .CalendarTable th a
{
	text-decoration:none;
	color:white;
}
.CalendarTable td, .CalendarTable tr
{
	padding-left:0px;
	margin-left:0px;
}

.CalendarTable td.DayNameLetter
{
	background-color:#CCCCCC;
	text-align:center;
	border-left:solid 1px #3333CC;
	border-bottom:solid 1px #3333CC;
	
}
#contentArea .CalendarTable .DefaultDay
{
	background-color:#fcfcfc;
	width:84px;
	height:84px;
	border-left:solid 1px #3333CC;
	border-bottom:solid 1px #3333CC;
	vertical-align:top;
	padding-left:0px;
	text-indent:0px;
	text-align:left;
	padding:4px 0px 0px 4px;
	font-size:10px;
}

.CalendarTable .LastWeekDay
{
	border-right:solid 1px #3333CC;
}

.N1
{
	background: transparent url(/cykelklubben/images/calendar/number/1.gif) no-repeat top left;
}
.N2
{
	background: transparent url(/cykelklubben/images/calendar/number/2.gif) no-repeat top left;
}
.N3
{
	background: transparent url(/cykelklubben/images/calendar/number/3.gif) no-repeat top left;
}
.N4
{
	background: transparent url(/cykelklubben/images/calendar/number/4.gif) no-repeat top left;
}
.N5
{
	background: transparent url(/cykelklubben/images/calendar/number/5.gif) no-repeat top left;
}
.N6
{
	background: transparent url(/cykelklubben/images/calendar/number/6.gif) no-repeat top left;
}
.N7
{
	background: transparent url(/cykelklubben/images/calendar/number/7.gif) no-repeat top left;
}
.N8
{
	background: transparent url(/cykelklubben/images/calendar/number/8.gif) no-repeat top left;
}
.N9
{
	background: transparent url(/cykelklubben/images/calendar/number/9.gif) no-repeat top left;
}
.N10
{
	background: transparent url(/cykelklubben/images/calendar/number/10.gif) no-repeat top left;
}
.N11
{
	background: transparent url(/cykelklubben/images/calendar/number/11.gif) no-repeat top left;
}
.N12
{
	background: transparent url(/cykelklubben/images/calendar/number/12.gif) no-repeat top left;
}
.N13
{
	background: transparent url(/cykelklubben/images/calendar/number/13.gif) no-repeat top left;
}
.N14
{
	background: transparent url(/cykelklubben/images/calendar/number/14.gif) no-repeat top left;
}
.N15
{
	background: transparent url(/cykelklubben/images/calendar/number/15.gif) no-repeat top left;
}
.N16
{
	background: transparent url(/cykelklubben/images/calendar/number/16.gif) no-repeat top left;
}
.N17
{
	background: transparent url(/cykelklubben/images/calendar/number/17.gif) no-repeat top left;
}
.N18
{
	background: transparent url(/cykelklubben/images/calendar/number/18.gif) no-repeat top left;
}
.N19
{
	background: transparent url(/cykelklubben/images/calendar/number/19.gif) no-repeat top left;
}
.N20
{
	background: transparent url(/cykelklubben/images/calendar/number/20.gif) no-repeat top left;
}
.N21
{
	background: transparent url(/cykelklubben/images/calendar/number/21.gif) no-repeat top left;
}
.N22
{
	background: transparent url(/cykelklubben/images/calendar/number/22.gif) no-repeat top left;
}
.N23
{
	background: transparent url(/cykelklubben/images/calendar/number/23.gif) no-repeat top left;
}
.N24
{
	background: transparent url(/cykelklubben/images/calendar/number/24.gif) no-repeat top left;
}
.N25
{
	background: transparent url(/cykelklubben/images/calendar/number/25.gif) no-repeat top left;
}
.N26
{
	background: transparent url(/cykelklubben/images/calendar/number/26.gif) no-repeat top left;
}
.N27
{
	background: transparent url(/cykelklubben/images/calendar/number/27.gif) no-repeat top left;
}
.N28
{
	background: transparent url(/cykelklubben/images/calendar/number/28.gif) no-repeat top left;
}
.N29
{
	background: transparent url(/cykelklubben/images/calendar/number/29.gif) no-repeat top left;
}
.N30
{
	background: transparent url(/cykelklubben/images/calendar/number/30.gif) no-repeat top left;
}
.N31
{
	background: transparent url(/cykelklubben/images/calendar/number/31.gif) no-repeat top left;
}

.CalendarTable .NavPrev, .CalendarTable .Header, .CalendarTable .NavNext
{
	color:white;
}
.CalendarTable .NavPrev
{
	float:left:
	width:100px;
}
.CalendarTable .Header
{
	float:left:
	width:200px;
}
.CalendarTable .NavNext
{
	float:left:
	width:100px;
}



/* CHART */
.bredvid
{
	float:left;
	margin-right:10px;
}
.bryt
{
	float:none;
	clear:both;
}
.chartContainer
{
	margin-left:10px;
}

.chartContainer .chart
{
	width:624px;
	height:215px;
	background-color:blue;
	margin-bottom:4px;
}
.chartContainer form
{
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}
.chartContainer .chart .yAxis
{
	float:left;
	height:215px;
	width:10px;
	background: transparent url(/cykelklubben/images/exercise/chart/y-axis-label-distance.gif) no-repeat top left;
	overflow:hidden; 
}
.chartContainer .chart .chartMap
{
	position:relative;
	float:left;
	height:205px;
	width:614px;
	background: transparent url(/cykelklubben/images/exercise/chart/map-5.gif) no-repeat top left;
	overflow:hidden; 
}
.chartContainer .chart .xAxis
{
	float:left;
	height:10px;
	width:614px;
	background: transparent url(/cykelklubben/images/exercise/chart/x-axis-label-day.gif) no-repeat top left;
	overflow:hidden; 
	
}