/* 
0. Default resets
-------------------------------------------------------
1. Main framework
	1.1 Body
	1.2 Wrapper
	1.3 Header
	1.4 Navigation
		1.4.1 Sub navigation
	1.5 Content
	1.6 Footer
1.7 Tw areas
	
-------------------------------------------------------
2. Headers
-------------------------------------------------------
3. Links
-------------------------------------------------------
4. Misc and client specific elements 
	4.1 Box
-------------------------------------------------------

0. Default resets
*/
.tw-li-hideTwBar{display: none;}
.tw-li-showTwBar{display: none;}
html, body{margin: 0;padding: 0;height: 100%; }
img{border: none;}
a:active, a:focus{outline: none;}
.clearer{clear: both;}
div{padding: 0; margin: 0;}
input, select, textarea{font-family: "Arial", Helvetica, Sans-Serif; font-size: 11px;}
hr {
	background-color: #dedede;
	color: #dedede;
	height: 1px;
	border: 0;
}
body
{
	background: #ccd4dc url('images/main-bg.jpg') top center repeat-y;	
	font: 12px/17px "Arial", Helvetica, sans-serif;
	color: #333;
}

/* 

1. Main framework

/*
	1.2 Wrapper
*/

.wrapper{
	text-align: left;
	width: 970px;
	margin: 0px 0px 0px 25px;
	background: #f2f2f2 url('images/content-bg.jpg') top no-repeat;
	height: auto;
}

/*
	1.3 Header
*/

.header{
	overflow: hidden;
	height: 149px;
	background: url('images/header-bg.jpg') no-repeat;
}
	.header .inner{
		padding: 24px 0 0 25px;
	}
	.logo{
		padding-left: 48px;
		float: left;
	}
	
	.header-content{
		float: left;
		margin-left: 90px;
		width: 680px;
	}
		.header-content ul{
			margin: 0;
			padding: 0 0 0 155px;
			list-style: none;
			text-transform: uppercase;
			font-size: 10px;
			line-height: 12px;
			color: #fff;
		}
		
		.header-content ul li{
			display: inline;
			padding-left: 15px;
		}
				.header-content ul li a{color: #fff;}
				
				.header-content ul li.myProfile
				{
					padding-left: 50px;
				}
				
			li.help
			{
				background: url('images/icon-mail.jpg') right no-repeat;	
				padding: 2px 22px 2px 0;
			}
	
	.slogan{
		margin-top: 28px;
		float: left;
	}
	.add-this{float: right; margin-top: 25px;}
	ul.login
	{
		float: left;
		padding: 60px 0 0 30px;		
	}
		ul.login li{padding-left: 5px;}
		.login-input
		{
			width: 94px;
			height: 16px;
			background: url('images/login-input.png') no-repeat;	
			border: none;
			padding: 4px 5px;
		}
		.login-button
		{
			width: 61px;
			height: 22px;
			background: url('images/login-button.png') bottom no-repeat;	
			border: none;
			cursor: pointer;
		}		

/*
	1.4 Navigation
*/

.navigation{
	width: 225px; /* for the body bg */
	float: left;
}

.navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;	
	font-size: 11px;
	font-weight: bold;	
}
	.navigation ul li
	{
		background: #999 url('images/menu/menu-item-bg.jpg') repeat-x;
		border-bottom: 1px #c8c8c8 solid;
	}
		.navigation ul li a
		{
			display: block;
			padding: 8px 15px;
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;
			cursor: pointer;
		}
		.navigation ul li a:hover
		{
			background: #6c6c6c url('images/menu/menu-item-active-bg.jpg') repeat-x;
			color: #fff;
		}
		
		.navigation ul li.active
		{
			background: #6c6c6c url('images/menu/menu-item-active-bg.jpg') repeat-x;
			color: #fff;
		}
		
		/* root first */
		.navigation ul.tw-menuLevel1 li.first a
		{
			padding: 11px 15px 5px 15px;
			background: #999 url('images/menu/menu-item-corner-top.jpg') no-repeat;
		}
		.navigation ul.tw-menuLevel1 li.first a:hover{
			background: #999 url('images/menu/menu-item-corner-top-active.jpg') no-repeat;
		}		
		/* root last */
		.navigation ul.tw-menuLevel1 li.last a
		{
			padding: 6px 15px 10px 15px;
			background: #999 url('images/menu/menu-item-corner-bottom.jpg') no-repeat;
		}
		.navigation ul.tw-menuLevel1 li.last a:hover{
			background: #999 url('images/menu/menu-item-corner-bottom-active.jpg') no-repeat;
		}		


/* 1.4.1 Sub navigation */

	.navigation ul.tw-menuLevel2 li a
	{	
		padding: 5px 0px 5px 15px;
	}
	
	.navigation ul.tw-menuLevel2 li
	{
		background: none;	
		border-bottom: 1px #555 solid;
	}
	.navigation ul.tw-menuLevel2 li.first a
	{
		background: none;	
		padding: 5px 0px 5px 15px;
	}
	.navigation ul.tw-menuLevel2 li.last a
	{
		background: none;	
		padding: 5px 0px 5px 15px;
	}	
	.navigation ul.tw-menuLevel2 li.last a:hover, .navigation ul.tw-menuLevel2 li.first a:hover, 
	.navigation ul.tw-menuLevel2 li a:hover
	{
		background: #6c6c6c;	
	}
/* 
---------------------------------------
TW areas
---------------------------------------
*/
.contentArea
{
	overflow: hidden;
}
.contentArea .settings
{
	text-align: left;
}
.area-content{
	width: 531px;
}

.area-wide
{
	width: 702px;	
	overflow: hidden;
}
.area-extra-wide{width: 910px;}

	.area-wide .defaultMain
	{
		width: 702px;	
	}
	.area-extra-wide .defaultMain{width: 910px; overflow-x: scroll;}

.defaultMain
{
	width: 531px;
}

.defaultLeft, .defaultRight{
	margin: 20px 0; 
	float: left;
}
.defaultLeft{
	width: 368px;
}
.defaultRight{
	width: 369px;
}
.defaultBottom{
	clear: both;
	width: 702px;
}
/*
	1.5 Content
*/

.content{
	padding: 10px 0px 10px 10px;
	overflow: hidden;
}

.main{
	float: left;
	width: 529px;
	margin: 0 14px 0 16px;
	position: relative;
	
}
.content-wide .main
{
	width: 708px;
	margin: 0 0 0 16px;	
}
.content-extra-wide .main{width: 920px;}

	.inner-main{
		
		padding: 30px;
		/* min-height hack: */
		height: auto !important;
		height: 350px; /* IE5.x and IE6 */
		min-height: 350px; 
		border: 1px red solid;
	}

.sidebar{
	float: left;
	width: 164px;
}

/*
	Text content
*/

.text-content
{
	background: url('images/text-content.png') repeat-y;
	margin-bottom: 20px;
	height: 1%;
}
	.text-content-top
	{
		background: url('images/text-top.png') no-repeat;
	}

	.text-content-bottom
	{
		background: url('images/text-bottom.png') no-repeat 0 100%;
		padding: 30px 30px 30px 30px;		
	}



/*
	1.8 Footer / Logo Links
*/

.logo-links, .footer{
	clear: both;
	margin: 15px 10px;
	padding: 12px 20px 30px 20px;
}

.logo-links{
	background: url('images/logo-links-bg.jpg') no-repeat;
	height: 23px;
	width: 910px;
}

	.logo-links table{float: left;}
	.logo-links table td{padding-right: 20px;}
	.logo-links div{float: right;}
	.logo-links div table td{padding: 0 0 0 20px;}

.footer{
	background: url('images/footer-bg.jpg') no-repeat;
	width: 910px; /* for the body bg */
	height: 110px;
	font-size: 11px;
	padding: 20px;
}
	.footer div{float: left;}
	.footer .right
	{
		float: right;
		color: #8c8883;
	               
	}
	.footer .right img
	{
		float: left;
		margin-right: 15px;
	}
	.footer ul
	{
		list-style: none;
		padding: 0;
		margin: 0;	
		float: left;
	}

/*
2. Headers

*/
	h1{
		margin: 5px 0 15px 0;
		font-size: 35px;
		line-height: 37px;
	}
	h2{
		font-size: 25px;
		line-height: 27px;
		margin: 10px 0;
		color: #818080;
	}
	h3{
		font-size: 17px;	
	}
	h4{
		font-size: 19px;
		line-height: 21px;
		margin: 0 0 15px 0;
		padding: 0;
		
	}	

/* 
3. Links
*/
	a{text-decoration: underline; color: #0d5e9d; text-transform: uppercase;}
	a:hover{color: #0c5084;}

/* 
4. Misc and client specific elements

4.1 Box

General rules for all boxes
*/
.box-medium, .box-small, .box-large {margin-top: 15px;}
.box-medium .inner, .box-small .inner, .box-large .inner{padding: 0 10px;}
.box-medium h3, .box-small h3, .box-large h3{
	padding: 13px 0 25px 15px; 
	color: #fff; 
	text-transform: uppercase;
	font-size: 20px;
	margin: 0;
}

/* 
Medium box 
*/
.box-medium{
	width: 229px;
	background: url('images/box/content-medium.png') repeat-y;
}
.box-bottom-medium{
	background: url('images/box/bottom-medium.png') no-repeat;
	height: 21px;
	width: 229px;
} 
/* News */
.medium-news h3{
	background: url('images/box/medium-news.png') no-repeat;
	font-size: 15px;
}
.medium-news {font-size: 11px;}

.medium-news .inner a{display: block; padding: 0;}
.medium-news .inner br {display: none;}

/* Scholarship */
.medium-scholarship .inner
{
	font-size: 17px;	
	line-height: 19px;
	color: #666;
}
	.medium-scholarship .inner strong, .medium-scholarship .inner div{color: #333;}
	.medium-scholarship .inner div
	{
		background: url('images/icon-dollar.jpg') right no-repeat;	
		padding: 12px 35px 10px 0;
		font-weight: bold;
	}
.medium-scholarship h3{
	background: url('images/box/medium-scholarship.png') no-repeat;
	font-size: 12px;
}

/* 
Large box 
*/
.box-large{
	width: 529px;
	background: url('images/box/content-large.png') repeat-y;
	overflow: hidden;
}
.box-bottom-large{
	background: url('images/box/bottom-large.png') no-repeat;
	height: 22px;
	width: 529px;
} 

/*Profile*/
.large-profile h3{
	background: url('images/box/large-profile.png') no-repeat;
}
.large-profile{overflow: hidden; position: relative;}
	.large-profile div{
		float: left;
		padding: 10px 30px 0 30px;
		font-size: 20px;
	}
	.large-profile a{font-size: 11px;}
		.profile-types{
			background: url('images/box/profile-divider.jpg') right no-repeat;
		}
			.profile-types a{color:#4a4a4a; text-decoration: none; text-transform: none; cursor: pointer;}

/*Competition*/
.large-competition h3{
	background: url('images/box/large-competition.png') no-repeat;
}

/* 
Small box 
*/

.box-small{
	width: 164px;
	background: url('images/box/content-small.png') repeat-y;
}
.box-bottom-small{
	background: url('images/box/bottom-small.png') no-repeat;
	height: 21px;
	width: 164px;
} 

.small-qow h3{
	background: url('images/box/small-qow.png') no-repeat;
	font-size: 12px;
}
.small-qow a
{
	color: #82af19;	
}
.small-qow .inner div{margin-top: 3px; text-align: right;}
.small-help{overflow: hidden;}

.small-help h3{
	background: url('images/box/small-help.png') no-repeat;
	font-size: 12px;
}

/*
	Ask a question
*/

.question a.sendQuestionSe
{
	background: url('images/hakan-kjell.png') no-repeat;  
}
.question a.sendQuestion
{
	background: url('images/banner-scouts-en.png') no-repeat;  
}
	.question a
	{
		display: block;
		padding: 211px 0 15px 16px;	
		color: #f7f7f7;
		margin-bottom: 15px;	
	}
	.question a:hover{color: #ccc;}

/*
Bubble
*/

.bubble{
	position: absolute;
	width: 230px;
	height: 123px;
	background: url('images/bubble-bg.png') no-repeat;
}
.bubble-sport{
	left: 130px;
	top: 73px;
}	
.bubble-scholarship{
	left: 165px;
	top: 93px;
}	
	.bubble img{cursor: pointer;}
	.bubble .inner{padding: 15px 18px;}
	.bubble h3{margin: 0 0 8px 0;}
	
	
/*
	School profile
*/

.school-wrapper
{
	width: 800px;
	margin: 40px auto;
	text-align: left;	
	background: #fff;
	padding: 20px;
	border: 1px #ddd solid;
}
	.school-wrapper a{text-transform: lowercase;}
	.school-header
	{
		overflow: hidden;
		margin-bottom: 20px;	
	}
		.school-header img, .school-header div
		{
			float: left;	
		}
		.school-header div
		{
			margin-left: 20px;
			color: #666;	
		}
	
	.school-wrapper fieldset
	{
		border: 1px #dedede solid;
		margin-bottom: 15px;
	}
		.school-wrapper fieldset legend
		{
			font-family: Georgia; 
			font-size: 14px; 
			font-style: italic; 
			color: #666;
		}
	.school-wrapper table, .school-wrapper table table{width: 100%;}
		/*.school-wrapper table table{width: 200px;}*/
	.school-wrapper table th,.school-wrapper table td
	{
		padding: 5px;	
		vertical-align: top;
	}
	.school-wrapper table table th
	{
		width: 120px;
	}
		.school-wrapper table table th span{background: none;}
		.school-wrapper table table td span.help
		{
			font-size: 11px;
			color: #777;	
			background: url('images/icon-help.gif') no-repeat;
			padding-left: 20px;
		}
	
	.school-wrapper textarea
	{
		height: 90px;	
		overflow: auto;
	}
	.school-wrapper .input-text
	{
		width: 95%;
		padding: 5px;	
	}
	span.required
	{
		font-size: 11px;
		font-style: italic;
		color: #777;
	}
	.school-button
	{
		padding: 5px;
		background: #0c5e9c;
		cursor: pointer;	
		color: #eee;
		border-top: 2px solid #117fd3;
		border-left: 2px solid #117fd3;
		border-bottom: 2px solid #094775;
		border-right: 2px solid #094775;
		font-weight: bold;
		float: right;
	}
	.school-wrapper table table td span.errMsg
	{
		color: Red;
		background: url('images/icon-error.gif') no-repeat;
		padding-left: 20px;	
	}
.ctrl-rss a{text-transform: none;}
.date
{
	color: #999;	
	font-size: 10px;
}
.selectDdl
{
	width: 200px;
	padding: 3px;	
}
.no-float{float: none; padding: 2px;}

.savedSports
{
	background: #eee;
	padding: 5px;
	margin: 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ddd;	
	font-size: 11px;

}
.savedSports h2{font-size: 12px; margin: 0; padding: 0;}
table.sportList{width: 100%;}
table.sportList td span{background: none;}
table.sportList td, table.sportList th{padding: 0px;}
span.info{font-size: 11px; color: #666;}
.info-text
{
	border: 1px #dedede solid;	
	background: #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	float: none;
	margin: 15px 8px;
	padding: 10px;
}


.panclient images{padding: 10px; border: 1px #eee solid;}

.panclient images img{margin: 0 5px 0 0;}

/*
	Profil
*/

.profile
{
	margin-top: 10px;
	overflow: hidden;
}

.profile table{width: 100%;}
	.profile h1
	{
		font-size: 14px;
		line-height: 16px;
		margin-bottom: 15px;	
		padding-top: 0;
		color: #555;
	}
	.profile ul
	{
		list-style: none;
		padding: 0;
		margin: 0;	
		
		overflow: hidden;
	}
		.profile ul li
		{
			float: left;
			border-right: 1px #999 solid;
		}
		.profile ul li.last{border-right: none;}
			.profile ul li a
			{
				display: block;
				padding: 6px;	
				background: #777;
				text-transform: none;
			    text-decoration: none;
			    color: #ccc;
			    font-weight: bold;
			    font-size: 11px;
			    
			}
			.profile ul li a:hover
			{
				background: #333;
				color: #fff;
			}
			.profile ul li a.active
			{
				background: #333;
				color: #fff;
			}
			
			
.profile-content
{
	border-top: 1px #333 solid;	
	border-right: 1px #dedede solid;
	border-left: 1px #dedede solid;
	border-bottom: 1px #dedede solid;	
	padding: 10px;
	background: #eee;
}

.profile-top
{
	float: left;
	width: 510px;	
}
.profile-image-view
{
	width: 185px;
	float: left;
}
	.profile-top h2{margin-top: 0;}
	
	.profile-top table td, .profile-top table th{padding: 5px; vertical-align: top;}

/*
	Forum
*/

.forum-wrapper
{
	margin-top: 10px;	
}

.forum-wrapper .header
{
	background: none;	
	height: auto;
}

.forum-wrapper a
{
	text-transform:none;	
	text-decoration: none;
}

th.rightitem
{
	color: #999;	
}

.topheader
{
	background: #666; 
	padding: 5px; 
	background: url('images/menu/menu-item-bg.jpg') repeat-x;
}
.topheader a
{
	color: #fff;	
}
.topheader a:hover{color: #ccc;}

.topheader th.menuitem 
{
	color:white;text-align:left;
	white-space:nowrap;padding-left:5px;padding-right:5px;
}
.forumcontent hr{height:1px;border:none;color:#ccc;background:#ccc;}
.forumcontent table {font-size:100%;background-color:none;border-collapse:collapse;border-top:1px solid #999;}
.forumcontent h1 {font-weight:normal;font-size:18pt;margin-bottom:0px;font-family:'Arial';}
.forumcontent h2 {font-weight:normal;margin-bottom:0px;font-size:150%;margin-top:0px;font-family:'Arial';}
.forumcontent h3 {font-weight:bold;font-size:100%;margin:4px;}
.forumcontent a {color:#333399;text-decoration:none;}
.forumcontent a:hover{text-decoration:underline;}
.forumcontent th {border:none;color:#333;font-weight:bold;font-size:100%;padding:5px;height:30px;}
.forumcontent th a {color:White;font-size:100%;font-weight:normal;text-decoration:none;}
.forumcontent th a:hover{text-decoration:underline;}
.forumcontent td {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px}
.forumcontent button{font-family:Arial;font-size:100%;border:slategray 1px solid;}
.forumcontent select{font-family:Arial;font-size:100%;border:1px solid slategray;}
.forumcontent img{vertical-align:middle;border:none;}
.forumcontent hr{height:1px;border:none;color:silver;background:silver;}
.forumcontent div.location{margin-top:17px;margin-bottom:17px;}

.forumcontent textarea{font-family:Arial;font-size:100%;padding-left:0px;padding-right:0px;}
.forumcontent input[type="text"] {padding-left:0px;padding-right:0px;}

.forumcontent input[type="file"],
.forumcontent input[type="password"],
.forumcontent input[type="button"],
.forumcontent input[type="submit"],
.forumcontent input[type="text"]
{border:1px solid slategray;font-family:Tahoma;font-size:100%;}


.forum-profile table
{
	border: none;	
}
.forum-profile th {border:none; padding: 1px;}
.forum-profile td {border:none; padding: 1px;}

.forum-profile button{font-family:Arial;font-size:11px;border:slategray 1px solid;}
.forum-profile select{font-family:Arial;font-size:11px;border:none;}
.forum-profile img{vertical-align:middle;border:1px #333 solid;}
.forum-profile hr{height:1px;border:none;color:silver;background:silver;}

.forum-profile textarea{font-family:Arial;font-size:11px;padding-left:0px;padding-right:0px;}
.forum-profile input[type="text"] {padding-left:0px;padding-right:0px;}

.forum-profile input[type="file"],
.forum-profile input[type="password"],
.forum-profile input[type="button"],
.forum-profile input[type="submit"],
.forum-profile input[type="text"]
{border:1px solid slategray;font-family:Arial;font-size:11px;}
.forum-profile h1 {font-weight:normal;font-size:18pt;margin-bottom:10px;font-family:'Arial';}
.forum-profile h2 {font-weight:normal;margin-bottom:10px;font-size:150%;margin-top:0px;font-family:'Arial';}
.forum-profile h3 {font-weight:bold;font-size:100%;margin:4px;}

/*
Adverts
*/
.wrapper
{
	position: relative;	
}
.adverts
{
	position: absolute;	
	right: -230px;
	top: 10px;
	font-size: 11px;
	text-transform:none;
	width: 200px;
	background: #fff;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	/*display: none;*/
}
	.adverts ul
	{
		margin: 5px 0;
		padding: 0;  
		list-style: none;    
	}
		.adverts ul li
		{
			padding-bottom: 5px;
			border-bottom: 1px #dedede solid;	
		}
	

/*
	override styles in admin.css
*/

.login-status{display: block;}
/*
Signup startpage
*/

.signup-wrapper
{
	width: 800px;
}

/*
	User-profile
*/

.cb-position
{
	width: 30px;	
}

.user-profile-wrapper
{
	text-align: left;
	width: 970px;
	margin: 0px 0px 0px 25px;
	background: #f2f2f2 url('images/content-bg.jpg') top no-repeat;
	position: relative;
	margin: 0 auto ;

}
.user-profile-wrapper2
{
	padding: 0 10px 10px 10px;	
}
.user-profile-wrapper .left
{
	float: left;
	width: 525px;
	height: 470px;
	margin-right: 30px;		
}
.user-profile-wrapper .left .text, .user-profile-wrapper .left h2
{
	padding-left: 20px;
}
.user-profile-wrapper .right
{
	float: left;
	width: 395px;
	vertical-align: top;
}
.user-profile-wrapper .right table table table
{
	width:100px;
}
.user-profile-wrapper .right table h2
{
	margin: 0 0 10px 0;
	letter-spacing: -1px;
}
.user-profile-wrapper .right table th
{
	vertical-align: top;
	font-weight: normal;
	width: 105px;
	font-size:11px;
}
.user-profile-wrapper .right .tw-login-register table input
{
	border: 1px inset #808080;
	background: url(images/user-profile/input-bg.gif) repeat-x;
	width: 120px;
	height: 16px;
}
.user-profile-wrapper .right .tw-login-register table select
{
	padding: 2px;
}
.user-profile-wrapper .right .tw-login-register table a
{
	background: url(images/user-profile/form-button-bg.gif) no-repeat;
	padding: 14px 26px;
	margin-top: 5px;
	margin-right: 12px;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	float: left;
}
.user-profile-wrapper .footer
{
	padding-top: 30px;
	margin-top: 20px;
}
.user-profile-wrapper .footer img
{
	float: left;
}
.user-profile-wrapper .footer .right
{
	float: right;
	text-align: right;
	width: 120px;
}

.button-area
{
	margin: 10px 0;	
}
	a.link-save
	{
		background: url(images/save.png) no-repeat;
		background-position: 1px 0;
		padding: 7px 0 10px 33px;
		display: block;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	input.link-save
	{
		background: url(images/save.png) no-repeat;
		border: none;
		color: #fff;
		padding: 7px 0 10px 30px;
		width: 120px;
		text-align: left;
		font-weight: bold;
		font-size: 12px;
	}

.stats-table tr.odd-row{background: #dedede;}

/*
	Triggerweb modules
*/

.tw-form table td, .tw-form table th, .tw-comment-form table td, .tw-comment-form table th
{
	padding: 3px;	
}
.tw-form table td{width: 100%;}

.tw-form table td input, .tw-form table td textarea, 
.tw-comment-form table td input, .tw-comment-form table td textarea,
input.input-text, .input-textarea, #tw-tellAFriend input
{
	border-top: 1px #868686 solid;	
	border-right: 1px #a9a9a9 solid;	
	border-bottom: 1px #a9a9a9 solid;	
	border-left: 1px #a9a9a9 solid;	
	padding: 3px;
	width: 350px;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;		
}
.input-textarea{height: 100px;}
.profile-form td input{width: 190px;}
.tw-comment-form h2
{
	padding-top: 15px;
	font-size: 14px;
	border-top: 1px #dedede solid;	
}

.tw-comment-form.input-cb
{
	border: none;
	padding: 0;
	margin-top: 15px;	
}
.tw-form table td textarea, .tw-comment-form table td textarea
{
	height: 150px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	overflow: auto;	
                                                               
}

.btn-send, .tw-form .btn-send, .tw-comment-form .btn-send, .login-button, #tw-tellAFriend .btn-send
{
	border-bottom: 1px #333 solid;
	border-right: 1px #333 solid;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;	
	background: #666;
	color: #eee;
	font-weight: bold;
	padding: 5px;	
	margin-top: 10px;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

#tw-comments
{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px #dedede solid;	
}
.comment-content
{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px #dedede solid;	
}
	.comment-content span
	{
		color: #666;
		font-weight: bold;	
	}
		.comment-content span span
		{
			font-style: italic; 
			font-weight: normal;	
			font-family: "Georgia", Arial, Sans-Serif; 
			font-size: 11px;
		}
	.comment-content div{margin-top: 5px;}

.text-content a
{
	text-transform: none;
}

/*
	YouTube
*/
	a.youTubeLink
	{
		background: url(images/youtube.png) no-repeat;
		background-position: 1px 0;
		padding: 2px 0 10px 58px;
		display: block;
	}
	.text-content-bottom iframe
	{
		height: 110px;
		margin: 0;
		padding: 0;	
	}
	.yt-send
	{
		margin-bottom: 10px;	
	}
	.yt-send table
	{
		width: auto;	
	}
		.yt-send table td, .yt-send table th
		{
			padding: 4px;
		}

/*
	Facebook
*/

.fb_popupContainer{z-index: 90000; display: none;}

.facebook
{
	margin-bottom: 10px;
}

/*
	Login
*/
.tw-login 
{
	background: #999; 
	padding: 10px; 	
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px #666 solid;
}
.tw-login .tw-ctrl-login .loginTitle{display: none;}
.tw-login .login-input{background: #fff; border: 1px #666 solid;}


/*
	School profile
*/

.iframe-map
{
	margin: 0;
	padding: 0;
}
	.site-school-header .column-first h3
	{
		margin-top: 0px;
	}
.site-school-details h2
{
	border-top: 1px #dedede solid;
	padding-top: 10px;	
	font-size: 18px;
	color: #333;
}


.site-school-details table.sportList td, .site-school-details table.sportList th{padding: 3px; vertical-align: top;}
.site-school-details table.sportList th
{
	background: #eee;	
}
.site-school-details table.sportList tr.odd-row
{
	background: #dedede;	
}
.showDescr{cursor: pointer; color: #d24447;}


.surveyList td, .surveyList table td, .surveyList th, .surveyList table th{vertical-align: top;}
/*jQuery lightbox*/

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 11000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 12000;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
.elite-frame
{
	margin: 0;
	padding: 0;
	border: none;	
}

#tw-tellAFriend table td, #tw-tellAFriend table th
{
	padding: 4px;
	background: #dedede;
}
#tw-tellAFriend .btn-send{width: 80px;}
th.last-row, td.last-row
{
	
	border-bottom: 3px #f3f3f3 solid;	
}
.invite-link{margin: 10px 0 5px 0;}

/*
	Flags
*/
.flags a
{
	padding: 0 10px 0 22px;	
	color: #a2bad3;
	text-decoration: none;
	font-size: 10px;
}
.flags a:hover{color: #b7cfe8;}
a.fi-FI{background: url(../client/images/flag-finland.gif) no-repeat;}
a.en-US{background: url(../client/images/flag-english.gif) no-repeat;}
a.da-DK{background: url(../client/images/flag-denmark.gif) no-repeat;}
a.nn-NO{background: url(../client/images/flag-norway.gif) no-repeat;}
a.sv-SE{background: url(../client/images/flag-sweden.gif) no-repeat;}


#tooltip{
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px 7px;
	width: 200px;
	color:#333;
	display:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}	

.user-profile #tooltip
{
	width: 600px;	
}

.tw-ctrlForm table{width: 100%;}
.tw-ctrlForm table th, .tw-ctrlForm table td{vertical-align: top;}
.tw-ctrlForm textarea
{
	width: 90%;
	height: 200px;	
}
.about-text{margin-top: 15px;}

/* User profile jump link */
.jump-link
{
	display: block;
	width: 527px;
	height: 40px;
	background: url('images/user-profile/button-large.jpg') left no-repeat;
	color: #fff;
	text-align:center;
	text-decoration: none;
	text-transform:none;
	padding-top: 20px;
}
	 a.jump-link:hover
	{
		color: #fff !important;	
	}
	.jump-link span
	{
		color: #fff;
		text-decoration: underline;
		text-transform: uppercase;
		font-weight: bold;
	}