/* CSS reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;vertical-align:baseline;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;width:auto}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family: Helvetica, Arial, sans-serif;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
img,a:hover,a:visited:hover,a,a:active,a:active:hover{outline:none}

/* CSS RESET END */

body
{
	font:12px/19px Helvetica, Arial, sans-serif;
	color:#fff;
	background:#303733;
	text-align:center;
	min-width:980px;
}

/* BASIC HTML ELEMENTS */

a,
a:visited
{
	color:#00cd6a;
	text-decoration:underline;
}

a:hover,
a:visited:hover
{
	text-decoration:none;
}

a.anchor,
a.anchor:visited
{
	font-size:0;
	height:0;
	line-height:0;
	float:right;
}

p
{
	font-size:12px;
	line-height:19px;
	margin:0 0 19px 0;
	color:#fff;
}

.content
{
	width:940px;
	margin:0 auto;
	text-align:left;
}

#header
{
	width:100%;
	height:165px;
	background:#b9d6c8;
	font-size:52px;
	/*position:fixed;
	left:0;
	top:0;*/
	z-index:10;
}

		#header .content
		{
				position:relative;
		}
		
		#header h1 a,
		#header h1 a:visited
		{
			text-decoration:none;
			color:#303733;
			text-transform:uppercase;
			font-weight:bold;
		}
		
		#header a.logo,
		#header a.logo:visited
		{
			float:right;
		}
		
		#header h1
		{
			font-size:40px;
			line-height:42px;
			padding:62px 0 62px 0;
			float:left;
		}
		
		html.cufon-active #header h1
		{
			font-size:45px;
			line-height:40px;
			padding:60px 0 0 0;
			float:left;
		}
		
		#header img
		{
			display:inline;
			float:right;
			margin-top:39px;
		}
		
		#header span.beta
		{
			position:absolute;
			top:60px;
			left:390px;
			font-size:11px;
			color:#58665f;
			zoom:1;
		}

#menu
{
	width:100%;
	/*height:30px;*/
	background:#303733;
	/*position:fixed;
	left:0;
	top:165px;*/
	z-index:10;
	border-bottom:1px solid #58665f;
}

#menu ul
{
	line-height:30px;
	/*height:30px;*/
	text-align:left;
	float:left;
}

#menu ul.right
{
	float:right;
}

	#menu li
	{
		float:left;
		display:block;
		height:30px;
		width:99px;
		position:relative;
		margin:0 20px 0 0;
		border-right:1px dotted #58665f;
	}
	
	#menu ul.left li:last-child
	{
		margin:0;
	}
	
	#menu ul.right li
	{
		margin:0 0 0 25px;
	}
	
	#menu li a,
	#menu li a:visited
	{
		line-height:16px !important;
		padding:7px 0;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		display:block;
	}
	
	#menu li a:hover,
	#menu li a:visited:hover,
	#menu li a.selected,
	#menu li a.selected:visited
	{
		color:#f5e22f;
		text-decoration:none;
	}
	
	#footer iframe
	{
		border:0;
		overflow:hidden;
		width:100px;
		height:22px;
		margin-top:5px;
	}
	
#groups
{
	width:100%;
	background:#58665f;
	color:#303733;
	padding:20px 0 0 0;
	font-weight:bold;
	/*position:fixed;
	top:195px;
	left:0;*/
	z-index:10;
}

#groups a,
#groups a:visited
{
	color:#303733;
	text-decoration:none;
	display:block;
}

#groups ul.extra a,
#groups ul.extra a:visited
{
	color:#b9d6c8;
}

#groups a:hover,
#groups a:visited:hover
{
	color:#f5e22f;
}

#groups li
{
	float:left;
	width:100px;
	margin:0 20px 20px 0;
}

#groups ul.extra li
{
	margin-bottom:10px;
}

#groups li.last
{
	margin-right:0;
}

	#groups li li
	{
		float:none;
		width:auto;
		margin:0 0 0 0;
	}
	
		#groups li li a,
		#groups li li a:visited
		{
			color:#b9d6c8;
		}
		
		#groups li a.selected,
		#groups li a.selected:visited
		{
			color:#f5e22f;
			text-decoration:none;
		}

#main
{
	/*min-height: 200px;
	height: auto !important;
	height: 200px;*/
	background:#00cd6a;
}

#login
{
	width:100%;
	padding:20px 0 20px 0;
	background:#58665f;
	color:#d3e6d7;
}

#profile, #about, #register, #stats, #events
{
	width:100%;
	padding:20px 0 0 0;
	background:#58665f;
}

#about
{
	border-top:1px dotted #313632;
}

#profile .content, #about .content, #register .content, #stats .content, #events .content
{
	padding:0 0 20px 0;
}

#events img
{
	padding:0 0 20px 0;
}

#stats h4
{
	margin:0 0 10px 0;
	font-size:14px;
	font-weight:bold;
}

#stats h4
{
	font-size:14px;
	font-weight:bold;
}

#stats .progress
{
	height:30px;
	line-height:30px;
	background:#798c82;
	padding:0 20px;
	width:890px;
	position:relative;
	margin-bottom:40px;
}

#stats .table
{
	margin:1px 0 40px 0;
}

#stats .table span
{
	width:30px;
	height:30px;
	line-height:30px;
	float:left;
	display:inline-block;
	text-align:center;
	border:1px solid #798c82;
	/*border-right:1px solid #798c82;
	border-bottom:1px solid #798c82;*/
	margin:-1px -1px 0 0;
}

#stats .progress span
{
	z-index:1;
	position:relative;
	color:#303733;
	font-weight:bold;
}

#stats .progress .indicator
{
	height:30px;
	line-height:30px;
	position:absolute;
	top:0;
	left:0;
	background:#f5e22f;
}

.page
{
	display:none;
	/*min-height: 300px;
	height: auto !important;
	height: 300px;*/
}

	#about p,
	#about img
	{
		margin:0 0 20px 0;
	}

.open
{
	display:block;
}

#login p.description
{
	font-size:14px;
	line-height:21px;
	font-weight:bold;
}

#login p.register
{
	font-size:12px;
	line-height:19px;
	margin-bottom:0;
}

	.column4
	{
		width:460px;
		float:left;
	}
	
	.column3
	{
		width:390px;
		float:left;
	}
		
	.column2
	{
		width:220px;
		float:left;
	}

	input,
	label
	{
		font-size:12px;
		line-height:19px;
	}
	
	label
	{
		font-weight:bold;
		width:220px;
		display:block;
		padding-bottom:4px;
	}
	
	input
	{
		border:0;
		width:210px;
		padding:5px;
	}
	
	input.submit
	{
		margin-top:10px;
		width:100px;
		height:30px;
		font-weight:bold;
		color:#333;
		background:#f5e22f;
		font-weight:bold;
		cursor:pointer;
	}
	
	input.checkbox
	{
		bottom:1px;
		margin:0 5px 0 0;
		padding:0;
		width:auto;
		height:auto;
	}

	
	.form_text
	{
		line-height:20px;
		margin-top:15px;
		display:block;
	}


.group
{
	width:100%;
	height:60px;
	background:#d6d6d6;
	line-height:30px;
	font-size:30px;
	color:#798c82;
}
	
	.page h3
	{
		padding:0 0 20px 0;
		line-height:30px;
		font-size:30px;
		color:#798c82;
	}
	
	#home h3
	{
		padding-top:15px;
	}
	
	.group h3
	{
		padding:15px 0;
		float:left;
	}
	
	html.cufon-active h3
	{
		line-height:25px;
		margin-left:-2px;
	}
	
	.group a,
	.group a:visited
	{
		float:right;
		font-size:12px;
		color:#798c82;
		text-decoration: none;
		line-height:30px;
		padding:15px 0;
		font-weight:bold;
	}

.country
{
	width:auto;
	padding:40px 0;
	background:#00cd6a;
}

h3.preview
{
	margin-top:40px;
}

img.preview
{
	margin:0 0 20px 0;
}

.others
{
	padding-top:20px;
}

.alt
{
	background:#35a693;
}

	.country .content
	{
		width:960px;
		padding-left:20px;
	}
	
	.country .header
	{
		padding:0 0 20px 0;
		margin:0 20px 0 0;
		border-bottom:1px solid #fff;
	}
	
	html.cufon-active .country .header
	{
		padding:0 0 15px 0;
	}
	
	.country .header a,
	.country .header a:visited
	{
		float:right;
		margin:11px 0 0 20px;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		width:100px;
		position:relative;
	}

	.country .header a:hover,
	.country .header a:visited:hover
	{
		color:#f5e22f
	}
	
	.country .header a span,
	.country .header a:visited span
	{
		width:17px;
		height:19px;
		position:absolute;
		right:0;
		top:0;
		background:transparent url(../images/small-buttons.png) 0 0 no-repeat;
	}
	
	.country .header a:hover span,
	.country .header a:visited:hover span
	{
		background-position: 0 -19px;
	}
	
		.country .header a span.icon_top,
		.country .header a:visited span.icon_top
		{
			background-position: -34px 0;
		}
		
		.country .header a:hover span.icon_top,
		.country .header a:visited:hover span.icon_top
		{
			background-position: -34px -19px;
		}
		
		.country .header a span.icon_add,
		.country .header a:visited span.icon_add
		{
			background-position: -17px 0;
		}
		
		.country .header a:hover span.icon_add,
		.country .header a:visited:hover span.icon_add
		{
			background-position: -17px -19px;
		}
	
	.country h2
	{
		font-size:30px;
		color:#fff;
		font-weight:bold;
		text-transform:uppercase;
		display:inline;
		float:left;
	}
	
	html.cufon-active h2
	{
		line-height:25px;
		margin-top:1px;/*-5px*/
	}
	
.card
{
	width:98px;
	height:148px;
	background:transparent;
	border:1px dashed #fff;
	float:left;
	margin:20px 20px 0 0;
	position:relative;
	color:#fff;
	/*-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-moz-border-radius: 3px;
	border-radius: 3px;*/
}

	.haves
	{
		border:1px solid #fff;
		-moz-box-shadow: 0 0 5px #999;
		-webkit-box-shadow: 0 0 5px #999;
		-khtml-box-shadow: 0 0 5px #999;
		box-shadow: 0 0 5px #999;
		background:#fff;
		color:#4b5751;
	}

	.wide
	{
		width:218px;
	}
	
	.number
	{
		/*width:98px;
		height:30px;
		padding:35px 0 34px 0;
		display:block;
		text-align:center;*/
		position:absolute;
		top:10px;
		left:13px;
		font-size:30px;
		line-height:30px;
		color:#fff;
		font-weight:bold;
	}
	
	.haves .number
	{
		color:#4b5751;
	}
	
	.wide .number
	{
		width:191px;
	}
	
	.player
	{
		position:absolute;
		top:50px;
		left:13px;
		line-height:16px;
		height:32px;
		width:72px;
		overflow:hidden;
		word-wrap:break-word;
		display:inline;
	}
	
	.wide .player
	{
		width:191px;
	}
	
	a.button,
	a.button:visited
	{
		width:49px;
		height:49px;
		font-size:16px;
		font-weight:bold;
		text-decoration: none;
		background:#d3e6d7 url(../images/buttons.png) 0 -49px no-repeat;
		float:left;
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		color:#4b5751;
		overflow:hidden;
		margin-top:99px;
	}
	
	a.button:hover,
	a.button:visited:hover
	{
		background-color:#58665f;
	}
	
		a.button span,
		a.button:visited span
		{
			vertical-align: middle;
			display:inline;
		}
	
	/*a.check,
	a.check:visited
	{
		text-decoration: none;
		color:#4b5751;
		float:right;
	}
	
	a.check:hover,
	a.check:visited:hover
	{
		background-position:0 -196px;
	}*/
	
	a.close,
	a.close:visited
	{
		background-color:#fff;
		background-position:0 -294px;
		position:absolute;
		top:0;
		right:0;
		margin-top:0;
	}
	
	a.close:hover,
	a.close:visited:hover
	{
		background-position:0 -343px;
	}
	
	.wide a.button,
	.wide a.buton:visited
	{
		padding-left:30px;
		padding-right:30px;
		background-position:30px -169px;
	}

	a.available,
	a.available:visited
	{
		height:15px;
		font-size:14px;
		line-height:15px;
		padding:17px 0;
		background:#f5e22f;
		z-index:10;
		color:#4b5751;
	}
	
	a.available:hover,
	a.available:visited:hover
	{
		color:#f5e22f;
	}
	
		.wide a.available,
		.wide a.available:visited
		{
			width:109px;
			padding-left:0;
			padding-right:0;
		}
		
		.haves .number
		{
			/*width:100px;
			padding:35px 0;*/
		}
		
		a.add,
		a.add:visited
		{
			background-position:0 -49px;
			float:right;
		}
		
		.alt a.add,
		.alt a.add:visited
		{
			background-position:0 -392px;
		}
		
		a.add:hover,
		a.add:visited:hover
		{
			background-position:0 -196px;
		}
		
		.wide a.add,
		.wide a.add:visited
		{
			background-position:30px -49px;
			float:right;
		}
		
		.alt .wide a.add,
		.alt .wide a.add:visited
		{
			background-position:30px -392px;
		}
		
		.wide a.add:hover,
		.wide a.add:visited:hover
		{
			background-position:30px -196px;
		}
		
		a.remove,
		a.remove:visited
		{
			background-position:0 -98px;
		}
		
		.wide a.remove,
		.wide a.remove:visited
		{
			background-position:30px -98px;
		}
		
		a.remove:hover,
		a.remove:visited:hover
		{
			background-position:0 -245px;
		}
		
		.wide a.remove:hover,
		.wide a.remove:visited:hover
		{
			background-position:30px -245px;
		}
	
	.doubles
	{
		position:absolute;
		top:12px;
		right:11px;
		height:12px;
		line-height:12px;
		font-size:12px;
		padding:0;
		color:#798c82;
		font-weight: bold;
	}

.people
{
	width:460px;
	text-align:left;
	background:#d3e6d7;
	color:#58665f;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	float:left;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	/*-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	-khtml-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;*/
}

	.people .top
	{
		width:460px;
		height:100px;
		background:#fff;
	}
	
	.people .person
	{
		margin:15px;
		padding:0 0 15px 0;
		border-bottom:1px solid #fff;
	}
	
	.people .person:last-child
	{
		padding:0;
		border-bottom:0;
	}
	
	.people .person a,
	.people .person a:visited
	{
		font-style: italic;
	}
	
	.people .number
	{
		color:#4b5751;
		font-family: Arial, Helvetica, Sans-serif;
		top:12px;
		left:14px;
	}
	
	.people .player
	{
		left:15px;
		top:50px;
		font-family: Arial, Helvetica, Sans-serif;
	}
	
	.people .person .head
	{
		margin-bottom:5px;
	}
	
	.people .name,
	.people .location
	{
		font:16px/19px Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	
	.people .location
	{
		color:#fff;
		margin-left:7px;
	}

	.country .people
	{
		display:none;
	}

#footer
{
	height:125px;
	width:auto;
	padding:20px 0 0 0;
	color:#d3e6d7;
}

	#footer p
	{
		color:#d3e6d7;
	}
	
	#footer a,
	#footer a:visited
	{
		color:#fff;
		font-weight:bold;
		text-decoration: none;
	}
	
	#footer a:hover,
	#footer a:visited:hover
	{
		color:#f5e22f;
	}
	
	a.sennep,
	a.sennep:visited
	{
		position:relative;
		padding-right:12px;
	}
	
	a.sennep span,
	a.sennep:visited span
	{
		display:block;
		position:absolute;
		top:0;
		right:0;
		width:12px;
		height:12px;
		background:transparent url(../images/sennep.png) 0 0 no-repeat;
	}
	
	a.sennep:hover span,
	a.sennep:visited:hover span
	{
		background-position: 0 -14px;
	}

.lightboxes
{
	display:none;
}

.textbox
{
	width:460px;
	text-align:left;
	background:#d3e6d7;
	color:#58665f;
	position:relative;
}

	.error
	{
		background:#ffcaca;
	}
	
	.textbox .top
	{
		width:460px;
		height:49px;
		background:#fff;
		margin-bottom:15px;
		font-weight:bold;
	}
	
	.textbox p
	{
		color:#58665f;
		padding:0 15px 15px 15px;
		margin:0;
	}
	
	.textbox .text
	{
		position:absolute;
		top:15px;
		left:15px;
	}
	
	.error .text
	{
		color:#ff5555;
	}

	.success .text
	{
		color:#5ec56a;
	}


.message
{
	margin-top:20px;
	font-weight:bold;
	color:#f5e22f;
}

#lostpwdmsg
{
	color:#00cd6a;
}

	
/* SET POSITION ON MAP */
.setMapPos
{
	width:940px;
	text-align:left;
	background:#d3e6d7;
	color:#58665f;
	position:relative;
}
	.lightboxes .setMapPos {
		display: none;
	}
	.setMapPos .top
	{
		width:940px;
		height:100px;
		background:#fff;
	}
	
	.setMapPos .text
	{
		position:absolute;
		top:15px;
		left:15px;
	}
	
	.setMapPos .text p
	{
		color:#58665f;
		margin-bottom:0;
		width:620px;
	}
	
#menu .map_item
{
	font-weight:bold;
}
	
#map_canvas {
	width:940px;
	height: 400px;
}

.clear
{
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
	overflow:hidden;
}

.hidden
{
	display:none !important;
}

.right
{
	float:right;
}

.text_right
{
	text-align:right;
}

.nopadding
{
	padding:0 0 0 0 !important;
}

#at15ptc
{
	color:#000;
}

/* IPHONE CSS */

@media screen and (max-device-width: 480px){

	body
	{
		min-width:500px;
	}
	
	.content
	{
		width:460px;
		overflow:hidden;
	}
	
	.country .content
	{
		width:480px;
	}
	
	html.cufon-active #header h1
	{
		font-size:38px;
		line-height:28px;
		padding:66px 0 0 0;
	}
	
	#groups li:nth-child(4)
	{
		margin:0;
	}
	
	.setMapPos, .setMapPos .top, #map_canvas
	{
		width:460px;
	}
	
	#login p.register
	{
		margin-bottom:19px;
	}
	
	.openMap
	{
		display:none !important;
	}

}