@charset "utf-8";

/* Eric Meyer's Reset CSS | v1.0 | 20080212 | MX-edited *********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1.2;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse:collapse; border-spacing:0;}
td { vertical-align:top;}
input { margin:1px 0 1px 0;}
html* input { margin:0;} /*only for IE*/
/* End of Reset CSS **********************************************************/

html { height:100%;}
body { width:100%; min-width:960px; height:100%; background:url(img/grfx_bgrBody.png) repeat-x #eeeeee;}
body, input, textarea, td { font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#333;}

a { color:#ff6600; text-decoration:none;}
a:hover { color:#007cdf; text-decoration:none;}

p { margin-bottom:1em;}
h1 { font-size:17px; font-weight:bold; color:#ff6600; margin-bottom:1em;}
h2 { font-size:17px; font-weight:bold; color:#ff6600; margin-bottom:1em;}
h3 { font-size:15px; font-weight:bold; color:#3399ff; margin-bottom:1em;}
h4 { font-size:14px; font-weight:bold; color:#333333; margin-bottom:0.5em;}
h5 { font-size:13px; font-weight:bold; font-style:italic; color:#333333; margin-bottom:0;}

input { border:1px solid #999999;}
textarea { border:1px solid #999999;}
button { border:1px solid #999999;}
input.checkbox { border:0;}
input.radiobtt { border:0;}

#all { width:100%; min-height:100%; background:url(img/grfx_bgrAll.png) repeat-y center; position:relative;}
	*html #all { height:100%;} /* IE6 only hack*/
#container { width:960px; margin-left:auto; margin-right:auto;}
#top { width:960px; height:120px; background:url(img/grfx_bgrTop.png); overflow:hidden;}	
	#top h1 { display:none;}
	#top a#topLink { display:block; width:740px; height:115px;}
#left { width:150px; padding-left:20px; margin-top:20px; float:left; overflow:hidden;}
#center { width:530px; margin-left:20px; margin-top:20px; float:left; overflow:hidden;}
#right { width:200px; margin-left:30px; margin-top:20px; float:left; overflow:hidden;}

#leftMenu { width:150px; }
	#leftMenu ul {}
	#leftMenu li {}
	#leftMenu  a { display:block; color:#333; text-decoration:none; height:1%; padding:6px 0 4px 15px; background:url(img/grfx_leftMenu.png) no-repeat 0px 10px; border-bottom:1px solid #999999;}
	#leftMenu a:hover { color:#ff6600;}
	#leftMenu li ul { padding-left:15px;}
	#leftMenu li ul a { background-image:url(img/grfx_leftMenuG.png);}
	#leftMenu li.active>a { font-weight:bold; color:#666;}
	#leftMenu li.self>a { color:#ff6600;}

#left h2 { font-size:15px; font-weight:bold; color:#666666; margin-bottom:0.5em;}

#partners #partnersL { float:left; width:70px; margin-right:10px;}
#partners #partnersR { float:left; width:70px;}
#partners .partnerHolder { margin-bottom:10px; width:70px; max-height:70px; overflow:hidden}
#partners .partnerHolder img { max-width:70px; max-height:70px;}

#center li { margin-left:16px; list-style:square;}

#right h2 { font-size:15px; font-weight:bold; color:#666666; margin-bottom:0.5em;}

#right ul.news a { display:block; color:#333; text-decoration:none; height:1%; padding:2px 0 2px 15px; background:url(img/grfx_leftMenu.png) no-repeat 0px 6px;}
#right ul.news a:hover { color:#ff6600;}
#right ul.news li.active>a { font-weight:bold; color:#666;}

#right ul.treneri a { display:block; color:#333; text-decoration:none; height:1%; padding:2px 0 2px 15px; background:url(img/grfx_leftMenu.png) no-repeat 0px 6px;}
#right ul.treneri li ul { padding-left:15px;}
#right ul.treneri a:hover { color:#ff6600;}
#right ul.treneri li.active>a { font-weight:bold; color:#666;}
#right ul.treneri li.self>a { color:#ff6600;}


#footerSpacer { width:960px; height:25px; clear:both;}
#footer { position:absolute; bottom:0; width:100%; height:25px; background:url(img/grfx_bgrFooter.png) repeat-x;}
#footerIn { width:960px; margin-left:auto; margin-right:auto; line-height:28px; color:#FFF; font-size:11px;}
	#footerIn span { display:block; padding:0 10px 0 20px;}
	#footerIn a { color:#CCC;}
	
img.imgRight { float:right; margin-left:10px; margin-bottom:5px;}
img.imgLeft { float:left; margin-right:10px; margin-bottom:5px;}

div.h20 { height:20px;}

.wlpeMessage { color:#C00; font-size:11px; font-weight:bold;}

/************************************************************/

#wlpeNewUser .required { color:#C00; font-weight:bold;}
#wlpeNewUser p { float:left; clear:left; margin:10px 0 10px 0;}
#wlpeNewUser label { display:block; float:left; clear:left; text-align:right; padding-right:5px;}
#wlpeNewUser input { float:left;}
#wlpeNewUser label.wShort { width:170px;}
#wlpeNewUser input.wShort { width:170px;}
#wlpeNewUser input.wLong { width:350px;}
#wlpeNewUser div.formsection { clear:left; border-bottom:1px solid #999; margin-bottom:10px;}

#wlpeUserRegisterPositionRadiosDiv { float:left;}
#wlpeUserRegisterPositionRadiosDiv input { float:left; clear:left; border:0; }
#wlpeUserRegisterPositionRadiosDiv span { float:left; display:block; padding-left:5px; }
label#wlpeUserRegisterPositionRadiosLabel { clear:none;}

#wlpeUserRegisterExperienceRadiosDiv input { float:left; clear:left; border:0; }
#wlpeUserRegisterExperienceRadiosDiv span { float:left; display:block; padding-left:5px; }

#wlpeUserRegisterCompetitionRadiosDiv input { float:left; clear:left; border:0; }
#wlpeUserRegisterCompetitionRadiosDiv span { float:left; display:block; padding-left:5px; }

#wlpeUserRegisterExperienceNXTRadiosDiv input { float:left; clear:left; border:0; }
#wlpeUserRegisterExperienceNXTRadiosDiv span { float:left; display:block; padding-left:5px; width:500px; text-align:left; }

input#wlpeTosCheckbox { float:left; clear:left; border:0;}
label#wlpeTosCheckboxLabel { float:left; clear:none; display:block; padding-left:5px; width:490px; text-align:left;}

#wlpeUserRegisterMindstormRadiosDiv input { float:left; clear:left; border:0; }
#wlpeUserRegisterMindstormRadiosDiv span { float:left; display:block; padding-left:5px; width:500px; text-align:left; }

#wlpeUserRegisterTownRadiosDiv input { float:left; clear:left; border:0; }
#wlpeUserRegisterTownRadiosDiv span { float:left; display:block; padding-left:5px; width:500px; text-align:left; }

/************************************************************/

#wlpeUser .required { color:#C00; font-weight:bold;}
#wlpeUser p { float:left; clear:left; margin:10px 0 10px 0;}
#wlpeUser label { display:block; float:left; clear:left; text-align:right; padding-right:5px;}
#wlpeUser input { float:left;}
#wlpeUser label.wShort { width:170px;}
#wlpeUser input.wShort { width:170px;}
#wlpeUser input.wLong { width:350px;}
#wlpeUser div.formsection { clear:left; border-bottom:1px solid #999; margin-bottom:10px;}

#wlpeUserProfilePositionRadiosDiv { float:left;}
#wlpeUserProfilePositionRadiosDiv input { float:left; clear:left; border:0; }
#wlpeUserProfilePositionRadiosDiv span { float:left; display:block; padding-left:5px; }
label#wlpeUserProfilePositionRadiosLabel { clear:none;}

#wlpeUserProfileExperienceRadiosDiv input { float:left; clear:left; border:0; }
#wlpeUserProfileExperienceRadiosDiv span { float:left; display:block; padding-left:5px; }

#wlpeUserProfileCompetitionRadiosDiv input { float:left; clear:left; border:0; }
#wlpeUserProfileCompetitionRadiosDiv span { float:left; display:block; padding-left:5px; }

#wlpeUserProfileExperienceNXTRadiosDiv input { float:left; clear:left; border:0; }
#wlpeUserProfileExperienceNXTRadiosDiv span { float:left; display:block; padding-left:5px; width:500px; text-align:left; }

#wlpeUserProfileMindstormRadiosDiv input { float:left; clear:left; border:0; }
#wlpeUserProfileMindstormRadiosDiv span { float:left; display:block; padding-left:5px; width:500px; text-align:left; }

#wlpeUserProfileTownRadiosDiv input { float:left; clear:left; border:0; }
#wlpeUserProfileTownRadiosDiv span { float:left; display:block; padding-left:5px; width:500px; text-align:left; }