/* ### General ### */
html { background:#fff url('gfx/gfx_htmlBg.gif') repeat-x top left; }
body { font:11px Helvetica, Arial, sans-serif; color:#858484; background:transparent url('gfx/gfx_bodyBg.gif') no-repeat top left; }
p { margin-bottom:10px; }
hr { color:#d2d2d2; height:1px; background:#d2d2d2; border:none; margin:15px 0; }

	/* Headers */
	h1 { font-size:2em; color:#4f4f4f; font-weight:bold; margin:0 0 5px; }
	h2 { font-size:1em; color:#4f4f4f; font-weight:bold; margin:0 0 3px; }
	h3 { font-size:1em; color:#565656; font-weight:bold; }
	
	/* ### sIFR replacement ### */
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	
	.sIFR-hasFlash h1 {
		visibility: hidden;
	}
	/* ### ### */
		
	/* Links */
	a { color:#65b9d8; text-decoration:none; padding:0 0 0 10px; background:url('gfx/gfx_arrow.gif') no-repeat left; }
	a.userLink { color:#858484; background:transparent; padding:0; }
	a:hover { text-decoration:underline; }
	
	a.noStyle{color:#858484; background:transparent; padding:0px;} 
	/* Buttons */
	a.button { background:#50AFD3 none repeat scroll 0 0; border:0 none; color:#FFFFFF; font-weight:bold; padding:1px 3px; white-space:nowrap; }
	a.cancel { background:transparent; padding:0 5px;}
	
	a.sortFields{color:#858484; font-weight:bold; background-image:none; margin:0px !important; padding:0px;}
	
	
	/* Helpers */
	.clear { clear:both; }
	
	/* Error */
	.errorMsg { background:#C72C46 none repeat scroll 0 0; margin:0 0 10px; padding:10px 10px 5px; color:#fff;  }
		.errorMsg ul li { font-weight:bold; color:#fff; margin-bottom:5px; background:url('gfx/gfx_arrowError.gif') left center no-repeat; padding:0 0 0 10px; }
		
	/* Success */
	.successMsg { background:#2cc763; padding:10px 10px 5px 10px; margin:0 0 10px; }
		.successMsg ul li { font-weight:bold; color:#fff; margin-bottom:5px; background:url('gfx/gfx_arrowSuccess.gif') left center no-repeat; padding:0 0 0 10px; }



/* ### Page wrap ### */
.pageWrap { width:845px; padding:0 0 10px 0; margin:0 auto; zoom:1; }

	/* ########### Header ########## */
	.pageHeader { padding:7px; background:#fff; }
	
	/* ########### Content ########## */
	.pageContent { background:#fff url('gfx/gfx_contentBg.gif') no-repeat bottom left; padding:0 20px 120px; zoom:1; }
		
		/* ### Startpage ### */
		.pageContent.startPage { background:#fff url('gfx/gfx_contentBgStart.gif') no-repeat bottom left; }
			.pageContent .contentMiddle.fullColumn { width:810px; margin:0 0 15px 0; }
			.pageContent .contentMiddle.fullColumn .smallColumn { width:190px; margin:0 15px 0 0; float:left; }
				
				.smallColumn h1 { font-size:1.5em; }
				.smallColumn .loginLeft { float:left; }
					.smallColumn .loginLeft a { float:left; }
					.smallColumn .loginLeft a.button { float:right; margin-top:4px; }
				.smallColumn .loginRight { float:right; margin:7px 0 0; }
					.smallColumn .loginRight label { color:#50afd3; }
				.smallColumn .oneInput { margin:0 0 10px 0; width:160px; }
					.smallColumn .oneInput input { width:150px; }
					.smallColumn .oneInput label { width:150px; }
					
			.pageContent .contentMiddle.fullColumn .halfColumn { width:395px; margin:0 10px 0 0; float:left; }
			.pageContent .contentMiddle.fullColumn .last { margin:0 0 0 0; }
			.pageContent .contentLarge { width:625px; margin:0 0 0 0; float:left; position: relative; }	
		/* ### Content nav ### */
		.pageContent .contentNav { width:160px; margin:0 18px 0 0; float:left; }
		
			/* Basic nav */
			.contentNav .basicNav {  }
				.basicNav ul { padding:0 0 0 8px; margin:0 0 10px 0; }
					.basicNav ul li {  }
						.basicNav ul li.active a { color:#fff; background:url('gfx/gfx_arrowActive.gif') no-repeat left; }
					.basicNav ul li.userActions { margin:10px 0 0 0; }
						.basicNav ul li.userActions span {  }
					
			/* User nav */
			.contentNav .userNav { margin-bottom:15px; }
				.userNav ul {  }
					.userNav ul li {  }
						.userNav ul li a { background: #dedede; color:#858484; font-weight:bold; padding:4px 8px; display:block; border-bottom:1px solid #fff; }
						.userNav ul li a:hover { text-decoration:none; }
						.userNav ul li.active a { background: #50afd3; color:#fff; }
						
						.userNav ul li ul { display:none; }
						.userNav ul li.active ul { display:block; }
							.userNav ul li.active ul li a { background: #979797; padding:4px 3px 4px 13px; }
							.userNav ul li.active ul li.active a { color: #383838;  }
		
		
		/* ### Content middle ### */
		.pageContent .contentMiddle { width:450px; float:left; margin:0 18px 0 0; }
		.pageContent .contentMiddle.largeColumn { width:625px; margin:0 0 0 0; }
		
		/* ### Content tabs ### */
		.contentMiddle ul.contentTabs { overflow: hidden; margin: 20px 0 0 5px; float: left; clear: both; }
		.contentMiddle ul.contentTabs li { background-color: Transparent; text-align: center; float:left;}
		.contentMiddle ul.contentTabs li a { padding: 2px 10px; height: 15px; float: left; margin: 5px 0 0 3px; background: #f5f5f5 none; text-align: center; }
		.contentMiddle ul.contentTabs li a:hover { background-color: #dedede; }
		.contentMiddle ul.contentTabs li a.active { background-color: #dedede; color: #858484; text-decoration: none; font-weight: bold;}
						
			/* Module */
			.contentMiddle .module { clear: both; background: url('gfx/gfx_moduleBg.gif') repeat-x left top; padding:15px; margin:0 0 15px; min-height:80px; height: auto !important; height:80px; }
				.module .moduleColumn { width:50%; float:left; }
					.module .moduleColumn.left p { padding:0 15px 0 0; }
				.module .moduleActions { float:right; clear:both; line-height:2em; }
				.module p { color:#9d9b9b; }
				
			/* Header with extra content */
			.contentMiddle .headerAdd { padding:0 10px 0 0; }
				.contentMiddle .headerAdd h2,
				.contentMiddle .headerAdd h3 { float:left; }
				.contentMiddle .headerAdd span { float:right; color:#9d9b9b; }
					.contentMiddle .headerAdd span a { background:transparent; padding:0; }

			/* Form */
			.oneInput { width:200px; float:left; margin:0 15px 10px 0; }
			.oneInput.alt { margin-right:0; }
			
				.oneInput label { font-weight:bold; padding:3px; width:190px; display:block; }
					.oneInput label span { color:#84172b; }
				input { width:190px; background:#dedede; border:none; color:#858484; padding:3px 5px; }
				textarea { width:190px; height: 100px; background:#dedede; border:none; color:#858484; padding:3px 5px; overflow:auto; }
				select { background:#dedede; border:1px solid #879bb6; color:#858484; padding:2px 2px 2px 0; height:20px; }
				.oneInput select { width:202px; }
			.oneInput.half { width:auto; }
				.oneInput.half label { width:80px; }
				.oneInput.half input { width:75px; }
				.oneInput.half select { width:87px; }
				
				select.part { width:auto; margin:0 6px 0 0; }
				select.last { margin:0 0 0 0; }
				
				.oneInput .moduleActions { margin:10px 0 0 0; }
				
				.oneInput .teams {  }
					.oneInput .teams span { float:left; width:165px; }
					.oneInput .teams a { float:right; background:transparent; padding:0; }
			
			.checkbox, span.checkbox input { border:none !important; width:20px; color:#fff !important; }
			.radio, span.radio input { border:none !important; width:20px; }
			 span.radio label{color:#50afd3;}
			.agreeDisclaimer { clear:both; }
			.agreeDisclaimer .checkbox { float:left; margin-right:10px; background:#dedede; border:1px solid #fff; color:#fff; width:15px; padding: 6px;}
			.agreeDisclaimer .label { float:left; width:250px; }
			
			.radioInput { margin-bottom:10px; }
				.radioInput label.header { font-weight:bold; padding:3px; width:190px; display:block; }
					.radioInput label span { color:#84172b; }
				.radioInput label.radioLabel { color:#50afd3; }

			
			/* Table */
			table { width:100%; margin:0 0 15px 0; }
				table th { font-weight:bold; }
				table th.teamName { width:150px; }
				table th.doubleTh { width:100px; }
				table tr { margin:0; padding:0; }
					table td { color:#50afd3; line-height:16px; }
					table td.nr { color:#868585; font-weight:bold; width:30px; }
					table td.label { color:#868585; font-weight:bold; }
					
					table td a { background:transparent; padding:0 0 0 0; }
					
					table td.actions { xwidth:30px; }
						table td.actions a { background:transparent; padding:0 1px 0 0; width:14px; height:14px; display:block; float:left; }
						table td.actions a.admin { background:url('gfx/icon_admin.gif') no-repeat; }
						table td.actions a.confirm { background:url('gfx/icon_confirm.gif') no-repeat; }
						table td.actions a.delete { background:url('gfx/icon_delete.gif') no-repeat; }
							table td.actions a span { display:none; }
			
			/* Popup */
			.popup { position:absolute; left:35px; top:65px; z-index:99; background:#fff url('gfx/gfx_popupBg.gif') repeat-x bottom left; border:2px solid #aaa; width:450px; padding: 50px; }
			
			/* Paging */
			.paging {}
				.paging .pagingLeft { float:left; white-space:nowrap; }
				.paging .pagingRight { float:left; white-space:nowrap; width:62px; }
				.paging .pagingContent { float:left; text-align:center; width:295px; white-space:nowrap; }
					.paging .pagingContent ul li { display:inline; }
					.paging .pagingContent ul li.active { color:#fff; font-weight:bold; }
						.paging .pagingContent ul li a { background:transparent; padding:0; }

			/* Challenge summary */
			.contentMiddle .headerAdd.threeColumns h3 { width:150px; }
			.contentMiddle .headerAdd.threeColumns span { float:left; color:#50afd3; }
			.contentMiddle .headerAdd.threeColumns a { float:right; background:transparent; padding:0; }
			
			/* Edit Challenge details */
			.contentMiddle .challengeDetails.threeColumns { margin-bottom: 5px; }
			.contentMiddle .challengeDetails.threeColumns h3 { width:150px; float: left;}
			.contentMiddle .challengeDetails.threeColumns .empty { width:150px; float: left; }
			.contentMiddle .challengeDetails.threeColumns span.inputArea { float:left; color:#50afd3; }
			/*.contentMiddle .challengeDetails.threeColumns a { float:right; background:transparent; padding:0; }
			*/.contentMiddle .challengeDetails select { border: 0; margin-right: 5px; }
			.contentMiddle .challengeDetails.moduleActions { margin-top: 20px; }

			
			/* Edit challenge participants */
			.contentMiddle .adminParticipants .newTeam { margin-bottom: 5px; }
			.contentMiddle .adminParticipants .teamContainer { margin: 20px 0 10px 0; }
			.contentMiddle .adminParticipants h3 { float: left; width: 200px; }
			.contentMiddle .adminParticipants .button.deleteTeam { clear: right; }
			.contentMiddle .challengeParticipant { margin-bottom: 5px; }
			.contentMiddle .challengeParticipant .participantName { float: left; width: 200px; }

			.contentMiddle .addParticipants { margin-bottom: 10px; display: none; }
			.contentMiddle .addParticipants.active { margin-bottom: 10px; display: block; }
			.contentMiddle .addParticipants .importDescription { clear: left; width: 200px; float: left; margin-bottom: 5px; }
			.contentMiddle .addParticipants input { clear: left; float: left; }
			.contentMiddle .addParticipants textarea { float: left; margin-bottom: 10px; clear: left; }
			.contentMiddle .addParticipants .button { float: left; margin-top: 50px; margin-left: 5px; }
			.contentMiddle .addParticipants .button.import { margin-top: 3px; }
			
			.administrateChallenge .button.delete { width:14px; height:14px; background:url('gfx/icon_delete.gif') no-repeat; border:0; }

			table.challengeTeams  { margin:10px 0; }
				table.challengeTeams tr { height:30px; }
				table.challengeTeams tr th { color:#50afd3; font-weight:bold; }
				table.challengeTeams tr td { color:#9d9b9b; }
					table.challengeTeams tr td a.button,
					table.challengeTeams tr th a.button { background-color:#50afd3 !important; padding:3px 5px !important; font-weight:bold; color:#fff; border:1px solid #2f677c; white-space:nowrap; }
					table.challengeTeams td { overflow:hidden;}
					table.challengeTeams .alias { width:auto; }
					table.challengeTeams .status { color:#9d9b9b; width:60px; }
						table.challengeTeams .status.accept { color:#5ac039; }
						table.challengeTeams .status.deny { color:#a71d10; }
					table.challengeTeams .actions {  }
						table.challengeTeams .actions select { width:120px; }
					
			/* Monitor */
			table.monitor td { padding-bottom:5px; }
			table.monitor td a { background:transparent; padding:0; }
			.monitorStats {  }
				.monitorStats ul { float:left; width:200px; color:#50afd3; }
					.monitorStats ul span { color:#858484; font-weight:bold; }
				.monitorStats p { float:left; width:400px; }
				
				/* Progress monitor */
				table.monitor td.monitorLabel { width:175px; color:#50afd3; height:30px; }
					table.monitor td.monitorLabel span { color:#858484; font-weight:bold; }
					
				.monitorScale { background:url('gfx/gfx_scale.gif') no-repeat; width:420px; height:36px; margin:0 0 0 4px; }
				
		/* ### Content right ### */
		.pageContent .contentRight { width:150px; float:right; padding:10px 0 0; }
			.contentRight .puff { margin:0 0 15px 0; color:#858484; }
				.contentRight p { margin:0 0 0 0; color:#858484; }
				.contentRight span { color:#858484; }
				.contentRight h3 { margin:5px 0 0 0; }

			/* Form */
			.contentRight .form { padding:0 10px 10px 0; border-bottom:1px solid #848484;}
				.contentRight .oneInput { float:none; width:auto; margin-right:0; }
					.contentRight .oneInput label { width:135px; }
					.contentRight .oneInput input { width:135px; }
					.contentRight .oneInput select { width:145px; }
				.contentRight .actions { float:right; clear:both; line-height:2em; }
				.contentRight ul { padding-bottom:5px; }
				
				
			
	/* ########### Footer ########## */
	.pageFooter { font-size:0.9em; padding:5px 0 0 0; height:30px; color:#a9a9a9; }
		.pageFooter .footerLeft { float:left; }
		.pageFooter .footerRight { float:right; text-align:right; }
		.pageFooter a { background:transparent; color:#a9a9a9; }
		
		/* Language bar */
		.pageFooter .footerRight .changeLanguage { cursor:pointer; }
		.pageFooter .footerRight .languageBar { display:block; margin:5px 0 0; float:right; }
			.languageBar .lang { display:block; width:15px; height:10px; float:left; padding:0; margin:0 0 0 5px; }
				.languageBar .lang.en { background:url(gfx/img_langEn.gif) no-repeat; }
				.languageBar .lang.de { background:url(gfx/img_langDe.gif) no-repeat; }
				.languageBar .lang.fr { background:url(gfx/img_langFr.gif) no-repeat; }
				.languageBar .lang.sv { background:url(gfx/img_langSv.gif) no-repeat; }
					.languageBar .lang span { display:none; }
					
					
					
	.autoComplete{color:#fdfafa;}	
	.buttonMargin{margin-right:7px;}
	.floatRight {float:right;}
	
	/* Radiobuttonlist */
	.radioButtonList
	{
	}
	 
	.radioButtonList input[type="radio"]
	{
		width: 20px;
		padding: 0;
		vertical-align: middle;	  
	}
		
	.radioButtonList label
	{
		margin-right: 4px;    
		white-space: nowrap;
	}
	
	
	
	
	
.blueColorText
{
	color: #50afd3 !important;
}

.greyColorText
{
	color: #9d9b9b !important;
}