/* default font size*/
@import url(small.css);

*	{
	padding: 0;
	margin: 0;
	}

/* Netscape 4 safe font sizes */
html, body {
	background: url(../media/background_body.jpg) repeat-x;
	min-height: 100%; 
	height: 100%;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
 	xfont-size: 9px;
	}

body.popup	{
	background: #fff none;
	}

/*-------------------------------- Default ---------------------------------*/

pre {
  font-size: small;
  }

.strong	{
	font-weight: bold;
	}

.small	{
	font-size: smaller;
	}

input, textarea, select	{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: small;
	}

p	{
	margin-bottom: 1.2em;
	max-width: 600px;
	}

form br	{
	clear: left;
	}

* html #loginForm br	{
	clear: none;
	}

h1 {
 font-size: 130%;
 font-weight: bold;
}

h2, h2 a, p.subHeader {
 font-family: Helvetica;
 font-weight: normal;
 padding-bottom: 5px;
 border-bottom: 1px solid #CBCED3;
}

.community h3  {
  background-color: #8f8f8f;
  color: #fff;
  display: inline;
  position: relative;
  bottom: -17px;
  padding: 3px 20px 3px 3px;
  text-transform: uppercase;
  font-weight: normal;
  }

/* the following rules apply only to IE */
* html h2, * html h2 a, * html p.subHeader {
	/*border-bottom: none;*/
	}

h5  {
  padding-bottom: 5px;
  border-bottom: 1px solid #CBCED3;
  margin-bottom: 5px;
  max-width: 600px;
  }

#content p.subHeader	{
	font-size: 130%;
	color: #385ca1;
	}

div#landingcontent  {
   padding: 10px;
   margin: 0 0 50px 0;
   }

/* the following rules apply only to IE 7 */
*+html div#landingcontent {
  margin: 0;
  }
  
/* the following rules apply only to IE 6 and below*/
* html div#landingcontent {
  margin: 0;
  }

/* deze div zorgt voor een vaste hoogte van twee regels voor de h2 van bijv. Samen trainen */
div.blockheader  {
  xborder: 1px solid red;
  height: 36px;
  overflow: hidden;
  }

.block h2	{
	width: 90%;
	/*border: none;*/
	line-height: 16px;
	padding-top: 0;
	}

a	{
	text-decoration: none;
	color: #385ca1;
	font-weight: bold;
	}
	
a:hover	{
	text-decoration: underline;
	}

a img 	{
	border: none;
	}

a img.button_go, a img.button_nogo, a img.button_godown, a img.button_goback, a img.button_goup, a img.button_mail	{
	margin: 0 5px 0 0;
	vertical-align: middle;
	}
	
p.button input	{
	vertical-align: middle;
	margin: 0 3px 0 0;
	}
	
/*  -------------------------------- kleurenbalkje onder logo; per hoofdstuk --------------------------------------  */
div#chaptercolor	{
	margin: 3px 0 0 0;
	height: 5px;
	background: #385ca1;
	}

.home div#chaptercolor	{
	background: #385ca1;
	}
	
.personal div#chaptercolor 	{
	background: #74ae42;
	}
	
.knowhow div#chaptercolor 	{
	background: #e99c00;
	}
	
.calculators div#chaptercolor 	{
	background: #a14791;
	}

.community div#chaptercolor 	{
	background: #00aeef;
	}
	
.page404 div#chaptercolor 	{
	background: #e99c00 url(../media/background_chaptercolor_page404.gif) repeat-x;
	}

/*  ------------------------------ kleuren menu per hoofdstuk -----------------------------  */
div.wrapper	{
	position: relative;
	min-width: 100%;
	width: 100%;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
	background: url(../media/background_wrapper.gif) repeat-y #FFFFFF;
	}

div.wrapper.landing	{
	background: url(../media/background_wrapper_landing.gif) repeat-y #FFFFFF right;
	}

div.wrapper.home	{
	background: url(../media/background_wrapper_home.gif) repeat-y #FFFFFF;
	}

div.wrapper.personal 	{
	background: url(../media/background_wrapper_personal.gif) repeat-y #FFFFFF;
	}
	
div.wrapper.knowhow, div.wrapper.page404 	{
	background: url(../media/background_wrapper_knowhow.gif) repeat-y #FFFFFF;
	}
	
div.wrapper.calculators  	{
	background: url(../media/background_wrapper_calculators.gif) repeat-y #FFFFFF;
	}

div.wrapper.community  	{
	background: url(../media/background_wrapper_community.gif) repeat-y #FFFFFF;
	}

div#header	{
	background: url(../media/background_header.jpg) repeat-x #DCD8D9;
	height: 86px;
	text-align: left;
	font-size: 10px;
	}

img#logoasics	{
	margin: 11px 0 0 26px;
	}

div#charactersize	{
	margin: 1px 0 0 0;
	padding: 0 10px;
	height: 19px;
	float: left;
	background: #818181;
	font-size: 10px;
  visibility: hidden;	
	}

#charactersize a	{
	margin: 0 4px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	}

#charactersize a#small	{
	padding: 3px 0 0 0;
	font-size: 10px;
	width: 10px;
	}

#charactersize a#medium	{
	padding: 1px 0 0 0;
	width: 10px;
	font-size: 11px;
	}
	
#charactersize a#large	{
	width: 10px;
	font-size: 14px;
	}

#charactersize a.active	{
	color: #FFFFFF;
	text-decoration: underline;
	}

.statwrapper	{
	height: 100px;
	float: left;
	margin-right: 10px;
	padding-left: 5px;
	border: 1px solid #CBCED3;
	background: #ffffff;
	}

.statmaxDist, .statmaxTime	{
	float: left;
	width: 40px;
	height: 100px;
	border-collapse: collapse;
	margin-right: 10px;
	}

.statmaxDist .statcurr	{
	width: 20px;
	background: #74ae42;
	border: 1px solid #dedfe2;
	}

.statmaxTime .statcurr	{
	width: 20px;
	background: #a14791;
	border: 1px solid #dedfe2;
	}

.statcurr img	{
	width: 20px;
	height: 1px;
	}

.statlbl	{
	width: 30px;
	text-align: right;
	font-size: smaller;
	}
	
#header	#personal	{
	text-align: right;
	margin: 4px 10px 0 0;
	color: #000000;
	text-transform: uppercase;
	font-size: 10px;
	}

#header #personal a	{
	padding: 0 10px 0 8px;
	background: url(../media/go_header.gif) no-repeat left;
	color: #FFFFFF;
	font-weight: normal;
	}

td.usercode	{
	color: #FF8400;
	font-weight: bold;
	}
		
.pagetitle	{
	height: 28px;
	text-align: left;
	padding: 27px 0 10px 193px;
	background: #eeeeee url(../media/photos/photo_01.jpg) no-repeat;
	color: #FFFFFF;
	font-size: 20px;
	font-style:italic;
	text-transform: uppercase;
	white-space: nowrap;
	}

div.pagetitle div#pagetitleshadow {
	font-size: 20px;
	color: #000000;
	margin: 0 0 -25px 2px;
	}

/* --------------------------------- verschillende foto's per pagina ------------------------------------ */

.languagefoto	{
	background-image: url(../media/photos/photo_05.jpg);
	}

.personalfoto	{
	/*background-image: url(../media/photos/photo_08.jpg);*/
	background-image: url(../media/photos/photo_lineadiretta.jpg);
	background-position:center;
	padding: 0;
	height:65px;
	position:relative;
	}
	
.flash_personalfoto { width:980px; height:90px; margin:0; padding:0; position:absolute; }

.preferencesfoto	{
	background-image: url(../media/photos/photo_08.jpg);
	}

.homefoto	{
	background-image: url(../media/photos/photo_30.jpg);
	}
	
.trainingfoto	{
	background-image: url(../media/photos/photo_02.jpg);
	}
	
.logbookfoto	{
	background-image: url(../media/photos/photo_07.jpg);
	}
	
.statisticsfoto	{
	background-image: url(../media/photos/photo_25.jpg);
	}
	
.exercisesfoto	{
	background-image: url(../media/photos/photo_04.jpg);
	}

.calculatorsfoto	{
	background-image: url(../media/photos/photo_03.jpg);
	}

.runfoto, .pacecalcfoto, .racecalcfoto	{
	background-image: url(../media/photos/photo_21.jpg);
	}
	
.partnerfinderfoto	{
	background-image: url(../media/photos/photo_24.jpg);
	}
	
.forumfoto	{
	background-image: url(../media/photos/photo_16.jpg);
	}
	
.groupsfoto	{
	background-image: url(../media/photos/photo_20.jpg);
	}
	
.weatherfoto	{
	background-image: url(../media/photos/photo_15.jpg);
	}
	
.eventsfoto	{
	background-image: url(../media/photos/photo_22.jpg);
	}

.tipfoto	{
	background-image: url(../media/photos/photo_06.jpg);
	}

.goalfoto	{
	background-image: url(../media/photos/photo_09.jpg);
	}

.expertsfoto	{
	background-image: url(../media/photos/photo_14.jpg);
	}

.injury-masterfoto	{
	background-image: url(../media/photos/photo_18.jpg);
	}

.nutritionfoto	{
	background-image: url(../media/photos/photo_26.jpg);
	}

.glossaryfoto	{
	background-image: url(../media/photos/photo_27.jpg);
	}

.newsfoto	{
	background-image: url(../media/photos/photo_28.jpg);
	}

.supportfoto	{
	background-image: url(../media/photos/photo_29.jpg);
	}

.page404foto	{
	background-image: url(../media/photos/photo_32.jpg);
	}

/* --------------------------------------------- MENU ----------------------------------------------*/

/* ---------------------------------------- landingspagina ------------------------------------------*/

div#demomenu	{
	width: 180px;
	color: #FFFFFF;
	padding: 0;
	height: 589px;
	position: absolute;
	top: 86px;
	right: 0;
	}

div#demomenu a	{
	width: 170px;
	height: 25px;
	display: block;
	color: #FFFFFF;
	border: 1px solid #959595;
	border-top: none;
	padding: 65px 0 0 10px;
	margin: 0 0 0 -3px;
	}

div#demomenu a.myasics	{
	border-top: 1px solid #959595;
	background: url(../media/demo/demobutton_01.jpg);
	}

div#demomenu a.trackyourrun	{
	background: url(../media/demo/demobutton_02.jpg);
	}

div#demomenu a.training	{
	background: url(../media/demo/demobutton_03.jpg);
	}
	
div#demomenu a.homepage	{
	background: url(../media/demo/demobutton_04.jpg);
	}
	
div#demomenu a.community	{
	background: url(../media/demo/demobutton_05.jpg);
	}
	
div#demomenu a:hover, div#demomenu a#active	{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	text-decoration: none;
	}

/* ---------------------------------------- gewoon menu ------------------------------------------*/

div#menu	{
	width: 183px;
	color: #FFFFFF;
	float: left;
	text-align: left;
	}

#menu ul	{
	margin: 0;
	padding: 0;
	}

#menu ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	}

#menu ul li a	{
	padding: 1px 0 1px 15px;
	color: #212F63;
	font-weight: normal;
	text-decoration: none;
	}

#menu ul li a.outstand	{
	border-bottom: 1px solid;
	width: 155px;
	display: block;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-left: 10px;
	}

/*  ----------------------------------- kleuren menu links per hoofdstuk -------------------------------  */ 

.home #menu ul li a	{
	color: #0d173d;
	}

.personal #menu ul li a	{
	color: #144809;
	}
	
.knowhow #menu ul li a	{
	color: #623E00;
	}
	
.calculators #menu ul li a	{
	color: #3D002B;
	}
	
.community #menu ul li a	{
	color: #00384D;
	}

#menu ul li a:hover	{
	color: #FFFFFF;
	text-decoration: none;
	}

#menu ul li a.active	{
	color: #FFFFFF;
	font-weight: bold;
	}

#menu ul li a.active:hover	{
        }
        
#menu ul#minimized	{
	background: #294A89;
	border: 1px solid #1C3B77;
	padding: 4px 0;
	margin: 10px 0 0 5px;
	font-size: 10px;
	width: 160px;
	}
	
#menu ul#minimized li a	{
	margin-left: 10px;
	padding: 0;
	}

/*  ---------------------------- kleuren menu minimized per hoofdstuk -------------------------  */ 

.home #menu ul#minimized	{
	background: #395690;
	border: 1px solid #32507F;
	}
 
.personal #menu ul#minimized	{
	background: #669A41;
	border: 1px solid #5A873E;
	}
 
.knowhow #menu ul#minimized, .page404 #menu ul#minimized	{
	background: #d18c00;
	border: 1px solid #bc7e00;
	}
	
.calculators #menu ul#minimized	{
	background: #8F4082;
	border: 1px solid #7F4473;
	}
	
.community #menu ul#minimized	{
	background: #009CD7;
	border: 1px solid #008CC1;
	}
 
 #menu ul#minimized li a	{
	height: 10px;
	line-height: 10px;
	}

#menu ul#minimized li a:hover	{
	background: none;
	}

/*----------------------------------- content area ----------------------------------------*/

/*----------------------------------- kleuren h2 per hoofdstuk -------------------------*/
	
.personal #content h2, .landing #content h2 	{
	color: #74AE42;
	}

.knowhow #content h2 	{
	color: #BE912D;
	}
	
.calculators #content h2 	{
	color: #A14791;
	}

.community #content h2	{
	color: #00AEEF;
	}

div#content, div#content_xl	{
	margin: 0 0 0 183px;
	text-align: left;
	min-height: 410px;
	}

.personal div#content {
  min-height: 550px;
  }

div#content_xl	{
  padding: 0;
	min-height: 537px;
	}

div#content	{
	padding: 10px;
	border-top: 1px solid #CBCED3;
	}
	
body.popup div#content	{
	margin: 0;
	}

#content h2	{
	color: #385CA1;
	}

.publicClientName	{
	width: 10px;
	}

img.userPic	{
	border: 1px solid #CBCED3;
	clear: right;
	margin-right: 10px;
	}

div.undull	{
	width: auto;
	height: 200px;
	position: absolute;
	bottom: 0;
	margin: 0 0 0 -10px;
	overflow: hidden;
	}

p.header	{
	font-weight: bold;
	margin-bottom: 10px;
	}

.landing div#content	{
	margin: 0 183px 0 0;
	_margin: 0 180px 0 0;
	padding: 0;
	background: #FFFFFF;
	text-align: left;
	}

#content div.blockpositioner	{
	float: left;
	height: 238px;
	width: 352px;
	}
	
#content div.block  {              
	border: 1px solid #CBCED3;
	background: url(../media/background_block.jpg) repeat-x top #E5EAF3;
	width: 325px;
	height: 210px;
	margin: 0 5px 5px 0;
	padding: 10px;
	}	

div.tp3 {
  border: 1px solid #0fc820 !important;
  background: url(../media/background_block_tp3.jpg) repeat-x top #e2efe2 !important;
  }

div.tp1 {
  border: 1px solid #00aeef !important;
  background: url(../media/background_block_tp1.jpg) repeat-x top #d2f3ff !important;
  }

* html #content div.block	{
	xpadding-top: -20px;
}
        
.home #content div.block ul	{
	margin: 0;
	list-style: none;
}

.home #content div.block ul li	{
	width: 330px;
	height: 18px;
	color: #787878;
	overflow: hidden;
}

.home #content div.block ul li.go	{
	background: none;
	/*border: none;*/
	padding: 0;
	margin: 0;
	font-size: small;
}

.home #content div.block ul li a	{
  white-space: nowrap;
  display: block;
  }

.home #content div.block a.go, .home #content div.block ul li.go a.go,  .home #content div.block ul li a, a.go, {
	color: #787878;
	background: url(../media/go_home.gif) no-repeat left;
	padding: 0 0 0 19px !important;
	font-weight: normal;
}

#route-content ul li a {
  width: 170px;
  overflow: hidden;
  }

dfn.go  {
  color: #385CA1;
  font-weight: bold;
  font-style: normal;
  cursor: pointer;
  }

.community td a.go {
  display: block;
  }

#footer a.go	{
	margin-left: 10px;
	}

#content div#news-block	{
	}

div#logbook	{
	padding: 10px;
	overflow: hidden;
	border-right: 10px solid #FFFFFF;
	_width: 95%;
	}

.contentimage	{
	margin: 0 20px 20px 0;
	}

#content ul, #map ul	{
	margin: 10px 20px;
	}

#content h1, #map h1	{
	margin: 0 0 20px 0;
	font-size: 18px;
	}

#content h2, #map h2	{
	margin: 0 0 10px 0;
	font-size: 10px;
	}

/* the following rules apply only to IE 6 and below */
* html .home #content .block  h2  {
  margin-top: -16px;
  }

/* the following rules apply only to IE 7 */
*+html .home #content .block  h2  {
  margin-top: 0;
  }

#content a.go, #map a.go, #map input.go, .home #content div.mmore a.go, .home #content form a.go	{
	background: url(../media/go.gif) no-repeat left;
	padding: 0 0 0 19px;
	font-weight: bold;
	color: #385ca1;
	}

#content a.goback, #map a.goback 	{
	background: url(../media/goback.gif) no-repeat left;
	padding: 0 0 0 19px;
	font-weight: bold;
	}

#content a.godown, #map a.godown	{
	background: url(../media/godown.gif) no-repeat left;
	padding: 0 0 0 19px;
	font-weight: bold;
	}
	
#content a.goup, #map a.goup	{
	background: url(../media/goup.gif) no-repeat left;
	padding: 0 0 0 19px;
	font-weight: bold;
	}

#content a.gosave, #map a.gosave	, span.forumNewSubject a.go	{
	background: url(../media/gosave.gif) no-repeat left;
	padding: 0 0 0 19px;
	font-weight: bold;
	color: #079400;
	}
	
#content a.goreset, #map a.goreset	{
	background: url(../media/goreset.gif) no-repeat left;
	padding: 0 0 0 19px;
	font-weight: bold;
	}

#content a.nogo, #map a.nogo	{
	background: url(../media/nogo.gif) no-repeat left;
	padding: 0 0 0 19px;
	font-weight: bold;
	color: #BC0000;
	}

img.video_icon	{
	vertical-align: middle;
	}
	
#content hr, #map hr	{
	border: none;
	height: 1px;
	color: #CBCED3;
	background-color: #CBCED3;
	margin: 10px 0;
	}

div#footer	{
	background: url(../media/background_footer.jpg) repeat-x;
	text-align: center;
	height: 33px;
	width: 100%;
	padding: 33px 0 0 0;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px; /* For Certain IE widths */
	font-size: 10px;
	font-weight: bold;
}

div#footer_community	{
	background:#74AE42 url(../media/background_wrapper_landing.gif) right repeat-y;
	text-align:left;
	height:140px;
	width:100%;
	padding:0;
	position:absolute;
	bottom:66px !important;
	bottom:65px; /* For Certain IE widths */
}

/* the following rules apply only to IE 6 and below*/
* html div.personal div#footer	{
  bottom: -100px;
	}                                  

/* the following rules apply only to IE 7 */
*+html div.personal div#footer {
  bottom: 0;
  }
	
div#footer a	{
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	}

div#footer a.nogo	{
	background: url(../media/nogo.gif) no-repeat left;
	padding: 0 0 0 19px;
	font-weight: bold;
	color: #BC0000;
	position: relative;
	top: 10px;
	left: 10px;
	}

div#footer a.goback	{
	background: url(../media/goback.gif) no-repeat left;
	padding: 0 0 0 19px;
	font-weight: bold;
	color: #385ca1;
	position: relative;
	left: 10px;
	}
	
#footer #copyright	{
	color: #B6B6B6;
	}

form, .formLikeBox, .personal .description	{
	background: #F8F9FB;
	border: 1px solid #CBCED3;
	padding: 10px;
	margin: 20px 0;
	}
	
#formCerca {
	background: #F8F9FB;
	border: 1px solid #CBCED3;
	padding:10px;
	margin:0;
}
#contatore, #lascia_messaggio {
	background: #F8F9FB;
	border: 1px solid #CBCED3;
	padding:6px 10px 6px 10px;
	margin:0;
}

#classifica1, #classifica2, #classifica3 {
	background: #F8F9FB;
	border: 1px solid #CBCED3;
	padding:6px 10px 6px 10px;
	margin:0 10px 0 0;
	width:200px;
	float:left;
}

#formCerca a.go {
	color:#385ca1;
	background: url(../media/go.gif) no-repeat left;
	padding: 0 0 0 19px !important;
	font-weight: normal;
}

.calender form, #map form	{
	background: none;
	border: none;
	margin: 0;
	}
	
.calender p.button	{
	display: inline;
	}

div.trainingbuttons ul	{
	list-style: none;
	}	

div.trainingbuttons ul li	{
	margin-left: -20px;
	}

div.trainingbuttons ul li.go a.go, div.trainingbuttons ul li a.nogo, div.trainingbuttons ul li a.godown, div.trainingbuttons ul li a.goback, div.trainingbuttons ul li a.godown	{
	font-size: smaller;
	}

fieldset {
	border: none;
}

form div	{
	clear: both;
	}

label, input {
	display: inline-block;
	float: left;
	margin-bottom: 3px;
	margin-right: 5px;
	line-height: 1.2em
}

label {
	xtext-align: right;
	width: 200px;
	padding-right: 20px;
	color: #000;
}

* html input#loginID {
  margin-left: 3px;
  }

input#loginID {
  margin-right: 2px;
  }

fieldset input, fieldset select, fieldset span {
 xposition: relative;
 float: left;
 margin: 1px;
}

fieldset#prefs input {
 position: relative;
 float  : left;
 width: 5%;
 margin : 1px;
}

fieldset#prefs label{
	position: relative;
	left: 30%;
	display: inline;
	float: left;
	text-align: left;
	margin: 0 5px 0 0;
	padding: 0;
	color:#666666;
}


div.compact {
	position:relative;
	float:left;
	height: 20px;
	top: 0;
	margin-right:3px;
	clear: both;
}

div input.cfi, div select.cfi {
	width:15em;
}

.popup #footer	{
	background: #f1f1f1 url(../media/background_footer_popup.gif) repeat-x;
	height: 43px;
	padding: 15px 0 0 0;
	text-align: left;	
	}

p.warning {
	color: #636363;
	background: #FFFFFF url(../media/warning.gif) left top no-repeat;
	font-weight: normal;
	margin: 10px 0 !important;
	padding: 6px !important;
	padding-left: 50px !important;
	border: 1px dashed #f1ae01;
	min-height: 37px;
}
	
p.info {
	color: #636363;
	background: #FFFFFF url(../media/info.gif) left top no-repeat;
	font-weight: normal;
	margin: 10px 0;
	padding: 6px;
	padding-left: 50px;
	border: 1px dashed #6bac00;
	min-height: 37px;
	}

div.personal p.info {
  margin-left: 180px;
  }

.closeStatusDraw	{
	float: right;
	width: 12px;
	height: 12px;
	line-height: 10px;
	font-size: 10px;
	border: 1px solid #000000;
	color: #000000;
	background: #FFFFFF;
	text-align: center;
	cursor: pointer;
	}

p.emphasis	{
	border: 1px solid #CBCED3;
	padding: 3px;
	text-align: center;
	margin: 10px 0;
	background: #FFFFFF;
	font-style: italic;
	}

.home p.emphasis	{
	margin: 0;
	font-size: smaller;
	width: 180px;
	}

span.frmmsg {
  color: #f00;
  font-style: italic;
  padding: 0 0 0 10px;
  }
	
div.progimage	{
	float: right;
	margin: 0 0 30px 10px;
	}

.blockimage	{
	margin: 0 0 0px 10px;
	border: 1px solid #cbced3;
	}
	

/*--------------------------------------- Trainingspagina -------------------------------------*/

p.monthselector	{
	text-align: center;
	width: 150px;
	color: #385ca1;
	text-transform: lowercase;
	font-weight: bold;
	font-size: smaller;
	}

div.trainingAll	{
	background: #F5F5F5;
	border: 1px solid #DCDCDC;
	padding: 10px;
	}

div.trainingbuttons	{
	position: absolute;
	top: 380px;
	left: 195px;
	padding: 20px 0 0 0;
	width: 180px;
	}

#forward, #backward  {
  font-size: smaller;
  }

/*-------------------------------- SMS ---------------------------------*/

p.smsbutton	{
	border-top: 1px solid #CBCED3;
	padding-top: 10px;
	margin: 10px 0 0 190px;
	}

a.toggle_sms_off {
	font-size: smaller;
  color: #3C8200;
  background: url(../media/home/toggle_sms_off.gif) no-repeat;
  padding-left: 20px;
  display: block;
  line-height: 13px;
}

a.toggle_sms_on {
	font-size: smaller;
	color: #BC0000;
  background: url(../media/home/toggle_sms_on.gif) no-repeat;
  padding-left: 20px;
  display: block;
  line-height: 13px;
}

div.trainingtext	{
	margin: 10px 0 10px 180px;
	}

div.calender	{
	position: absolute;
	top: 210px;
	left: 200px;
	width: 190px;
	float: left;
	}

td.calenderdivider		{
	background: url(../media/home/calenderdivider.gif) no-repeat top;
	width: 1px;
	padding: 0;
	margin: 0;
	}

tr.dayletters	{
	background: #385ca1;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	width: 20px;
	height: 20px;
	text-align: center;
	}

table.calender	{
	margin: 8px 0;
	border-collapse: collapse;
	background: #fff;
	}

.home table.calender  {
  margin: 0;
  }
	
table.calender td.Day, table.calender td.Rest, table.calender td.SelectRest, table.calender td.SelectDay, table.calender td.Skip, table.calender td.SelectSkip	{
	width: 20px;
	height: 20px;
	text-align: center;
	}
 
table.calender td a	{
	width: 20px;
	height: 20px;
	display: block;
	line-height: 20px;
	color: #AAAAAA;
	font-weight: normal;
	font-size: small;
	}

table.calender td.Day a	{
	color: #000000;
	font-weight: bold;
	}

table.calender td.SelectDay a	{
	color: #FFFFFF;
	font-weight: bold;
	background: #78AE42;
	}

table.calender td.SelectRest a	{
	color: #FFFFFF;
	font-weight: normal;
	background: #CDCDCD;
	}

table.calender td.Skip a	{
	background: url(../media/home/training/training_skip.gif);
	color: #f00;
	font-weight: bold;
	}

table.calender td.SelectSkip a	{
	background: url(../media/home/training/training_skip.gif) #385ca1;
	color: #f00;
	font-weight: bold;
	}

table.calender td.currentday a.skip	{
	background: url(../media/home/training/training_selectskip.gif);
	}

table.calender td a:hover	{
	text-decoration: none;
	border: 1px dotted #AAAAAA;
	width: 18px;
	height: 18px;
	}

table.calender td.Day a:hover	{
	border: 1px solid #000000;
	}

.othermonth	{
	visibility: hidden;
	}
	
.trainingdescription	{
	margin: 0 0 0 20px;
	}
	
.trainingdate	{
	font-style: italic;
	}
	
.trainingtip	{
	margin: 10px 0;
	}

div#tipslist div  {
  margin: 3px 0;
  }


 

/*------------------------------------------------------ oefeningen -----------------------------------*/

div.exercises_info	{
	font-style: italic;
	}
	
/*------------------------------------------------------ tabs -----------------------------------*/

#tabsDiv, #myTabs	{
	text-align: left;
	height: 24px;
	margin-bottom: 20px;
	}

#tabsDiv ul, #myTabs ul	{
	margin: 0;
	background: url(../media/background_tabs.gif) repeat-x bottom;
	padding: 2px;
	}

#tabsDiv ul li, #myTabs ul li	{
	display: inline;
	margin: 0 0 0 5px;
	}

.personal #tabsDiv ul li a, #myTabs ul li a	{
	font-weight: normal;
	background: url(../media/background_tabs_inactive_personal.gif) repeat-x bottom;
	border: 1px solid #AEAEAE;
	color:  #144809;
	padding: 1px 10px;
	}

.home #tabsDiv ul li a	{
	font-weight: normal;
	background: url(../media/background_tabs_inactive_home.gif) repeat-x bottom;
	border: 1px solid #AEAEAE;
	color:  #385ca1;
	padding: 1px 10px;
	}

.knowhow #tabsDiv ul li a	{
	font-weight: normal;
	background: url(../media/background_tabs_inactive_knowhow.gif) repeat-x bottom;
	border: 1px solid #AEAEAE;
	color:  #623e0a;
	padding: 1px 10px;
	}

#tabsDiv ul li.active a, #myTabs ul li.active a	{
	background: #FFFFFF;
	color: #000000;
	font-weight: bold;
	border-bottom: #FFFFFF;
	position: relative;
	bottom: -1px;
	border-right: 3px ridge #CBCED3;
	}	

div.micro {
	position : relative;
	background: #ffffff;
	margin: 1px;
	padding: 5px 2px 5px 2px;
	float : left;
	height: 200px;
	width: 475px;
}

div.mcontent {
		height: 100px;
		overflow: hide;
}
div.mmore {
	margin-top: 3px;
	padding-top: 3px;
	border-top: 1px solid #CBCED3;
	position: relative;
	top: -30px;
	left: 10px;
	width: 325px;
	white-space: nowrap;
}

/*---------------------------------FORUM-------------------------------*/

table.mylist  	{
	width: 99%;
	margin: 20px 0;
	}

table.mylist td	{
	border: 1px solid #CBCED3;
	border-top: none;
	padding: 4px;
	background: url(../media/background_mylist.gif) repeat-x #e7ebf4;
	}

table.mylist frm td.col_1	{
	width: 450px;
}

table.mylist th	{
	background: #8F8F8F;
	color: #FFFFFF;
	height: 21px;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: smaller;
	}

.mylist a.active	{
	background: url(../media/programs/active_program.gif) right no-repeat;
	padding-right: 20px;
	color: #000000;	
	white-space: nowrap;
	}


div.button	{
	}                      
	
div.community_button	{
	margin: -13px 0 0 290px;
	}

td.community_mylist_1 a.go, td.community_mylist_2 a.go	{
	white-space: nowrap;
	margin-right: 10px;
	}
	
/*--------------------------------- NIEUWS -------------------------------*/



p.newsarticle, h2.newsarticle	{
	width: 60%;
	float: left;
	}

div.newslist table, h2.newslist	{
	width: 35%;
	float: right;
	margin-top: -10px;
	}

/* ========================== Events =========================== */




TD.EventBoxDate	{
	font-size: smaller;
	font-weight: bold;
	color: #385CA1;
	padding: 10px 0 2px 5px;
	}
								
TD.EventBoxHeader, TD.EventBoxHeaderExpanded, TD.EventBoxHeaderEdit	{
	padding: 5px;
	padding-top: 2px;
	background-color: #D7D7D7;
	}

TD.EventBoxHeaderExpanded, TD.EventBoxHeaderEdit	{
	background: #8A8A8A;
	}

TD.EventBoxHeaderExpanded a, TD.EventBoxHeaderEdit a	{
	color: #FFFFFF;
	}

TD.EventBoxHeaderEdit a	{
	font-size: smaller;
	}

td.asicsevent 	{
  color: #fff;
	background: #385CA1 url(../media/community/eventlogo_asics.gif) no-repeat 100% 50% ;
  }

td.asicsevent a 	{
  color: #fff;
  }

TD.EventBoxContent	{
	border: 1px solid #CBCED3;
	background: url(../media/background_event.jpg) repeat-x top #E5EAF3;
	padding: 10px;
	margin: 0 5px 5px 0;
	}
										
TD.EventBoxContentExpanded	 	{
	border: 1px solid #CBCED3;
	background: url(../media/background_block.jpg) repeat-x top #E5EAF3;
	padding: 10px;
	margin: 0 5px 5px 0;
	}
	
/*--------------------------------- weather -------------------------------*/

td.weather	{	
	background: url(../media/weather/background_weather.gif);
	border: 1px solid #C7C7C7;
	text-align: center;
	font-size: smaller;
	padding: 10px 4px 10px 4px;
	color: #385CA1;
	}

td.weather .weekDay	{
	line-height: 20px;
	color: #000000;
	}
	
td.weatherLarge	{
	text-align: center;
	background: url(../media/weather/background_weather_large.gif);
	padding: 20px 10px 10px 10px;
	border: 1px solid #C7C7C7;
	color: #385CA1;
	}
	
td.weatherLarge .weekDayLarge	{
	color: #000000;
	}

.hidden	{
	visibility: hidden;
	}