/*

      ___           ___           ___           ___           ___           ___           ___     
     /\__\         /\  \         /\__\         /\  \         /\  \         /\  \         /\  \    
    /::|  |       /::\  \       /:/ _/_       /::\  \       /::\  \        \:\  \       /::\  \   
   /:|:|  |      /:/\:\  \     /:/ /\__\     /:/\:\  \     /:/\:\  \        \:\  \     /:/\ \  \  
  /:/|:|  |__   /::\~\:\  \   /:/ /:/ _/_   /::\~\:\  \   /::\~\:\  \       /::\  \   _\:\~\ \  \ 
 /:/ |:| /\__\ /:/\:\ \:\__\ /:/_/:/ /\__\ /:/\:\ \:\__\ /:/\:\ \:\__\     /:/\:\__\ /\ \:\ \ \__\
 \/__|:|/:/  / \:\~\:\ \/__/ \:\/:/ /:/  / \/__\:\/:/  / \/_|::\/:/  /    /:/  \/__/ \:\ \:\ \/__/
     |:/:/  /   \:\ \:\__\    \::/_/:/  /       \::/  /     |:|::/  /    /:/  /       \:\ \:\__\  
     |::/  /     \:\ \/__/     \:\/:/  /        /:/  /      |:|\/__/     \/__/         \:\/:/  /  
     /:/  /       \:\__\        \::/  /        /:/  /       |:|  |                      \::/  /   
     \/__/         \/__/         \/__/         \/__/         \|__|                       \/__/    
     
     
     Project:	TagMe
     Author:	New Arts International - www.newartsint.com
	 Year: 		2014
	 Version:	Tunebase 1.0

*/

	/* = = = = = = = = = 	Custom fonts 		= = = = = = = = = */

	@font-face {
	    font-family: 'helvetica_lt_stdbold';
	    src: url('../fonts/helveticaltstd-bold-webfont.eot');
	    src: url('../fonts/helveticaltstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/helveticaltstd-bold-webfont.woff') format('woff'),
	         url('../fonts/helveticaltstd-bold-webfont.ttf') format('truetype'),
	         url('../fonts/helveticaltstd-bold-webfont.svg#helvetica_lt_stdbold') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}	
	

	@font-face {
	    font-family: 'helvetica_lt_stdregular';
	    src: url('../fonts/helveticaltstd-roman-webfont.eot');
	    src: url('../fonts/helveticaltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/helveticaltstd-roman-webfont.woff') format('woff'),
	         url('../fonts/helveticaltstd-roman-webfont.ttf') format('truetype'),
	         url('../fonts/helveticaltstd-roman-webfont.svg#helvetica_lt_stdregular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}


/* = = = = = = = = = 	Standards	= = = = = = = = = */

input[type='submit'], .google_btn, .btn_blue, .top_button, .btn_black, .addprofile_button {
    -webkit-appearance: none;
}

input[type='checkbox'] {
	width: auto !important;
	float:none !important;
	position: relative !important;
}

.show-resp {
	display: none;
}

.placeholder { color: #aaa; }
	
	* {
		/*  -webkit-transition: all 0.2s ease;
		  -moz-transition:    all 0.2s ease;
		  -ms-transition:     all 0.2s ease;
		  -o-transition:      all 0.2s ease;	*/
	}
	
	.hidden {
		display: none;
	}

	body,html {
		height:100%;
		width:100%;
		margin:0;
		padding:0;
	}

	body {
		/* font-family: 'Duru Sans',Courier,Arial, Helvetica, 'Times New Roman', sans-serif; */
		font-family: "Open Sans", Arial, sans-serif;
		/* background-color:#f0f0f0; */
		background-color:#cacaca;
		background-repeat: repeat;
		margin-top: 100px;
	}
	
	h1, h2, h3, h4, h5 {
		margin-bottom:0.5em !important;
	}
	
	h1 {
		font-size:200%;
		margin-bottom:1.2em !important;
	}

	h3 {
		 padding-bottom: 5px;
		 padding-top: 20px;
	}
	
	.wrapper {
		width: 1000px;
		margin: 0px auto;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -20px;
		line-height:1.5em !important;
	}
	
	
	.f_right {
		float:right;
	}
		
	.f_left {
		float:left;
	}
	
	hr {
		color:white;
		border:none;
		border-bottom:1px solid #a6a4a3;
		clear:both;
		padding: 23px 0px;	
	}
	
	td {
		vertical-align:top;
		
	}
	
	a, a:visited {
		color:#000;
		text-decoration:none;
		
		/* font-weight: bold; */
	}
	
	a:hover {
		color:#565656;
		text-decoration:none;
	}	
	
	.clear {
		clear:both;
	}
	
	#popup {
	    position:absolute;
		top:130px;
		width:800px;
		/* height:80%; */
		/* overflow: hidden; */
		background-color:white;
		color:black;
		font-size:100%;
		line-height:1.5em;
		border-radius:3px;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
		display:none;
		z-index:920;
		margin-left:100px;
	}
	
	#popup h3 {
		margin-bottom:0px;
		padding:20px;
		font-weight:normal;
		font-size:20px;
		/* text-transform: capitalize; */
		color:#fff;
		background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
	    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
	    background-image: -webkit-gradient(bottom, 0 0, 100% 0, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
	    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
	    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
	    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
	    background-repeat: repeat-x;	
	}
	
	
	#popup_close {
		padding: 17px 15px 11px 15px;
		color:white;
		width:auto;
		text-align:center;
		float:right;
		cursor:pointer;
	}
	
		#popup_close:hover {
			background:rgba(0,0,0,0.3);
		}
		
	#popup_choose {
		font-weight:bold;
		font-size:20px;
		padding: 15px;
		text-align:left;
	}
	
		#popup_choose:hover {
			background-color:#ccc;
		}		
		
		
		#popup .btn_black {
			margin-top:10px;
		}
		
		#popup .text {
			padding:10px 30px;
			font-size:14px;
			line-height: 1.8em;
		}
	
	
/* = = = = = = = = = 	Content 	= = = = = = = = = */

/* = = = = = = = = = 	Header		= = = = = = = = = */

	header {
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		z-index:90;
		height:20px;
		font-size:22px;
	}
	
	header #nav {
		padding:10px 20px 10px 20px;
		font-size:15px;
		color:white;
		background:#fff;
		color:#333;
		min-height:30px;
		overflow: hidden;
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
	}
		header #nav:hover {
			/* background-color:#999999; */
		}
		
	header #nav a {
		margin-left:20px;
		padding:5px;
		border-radius:3px;
		color:#333;
		display: block;
	}
	
	
	header table {
		padding:0;
		margin:0;
		width:100%;
		margin-bottom: -20px;
	}
	
	header #menutxt {
		font-size: 16px;
	}
	
		header #menutxt span {
			display: block;
			position: absolute;
			font-weight: bold;
			margin-top:-40px;
			margin-left:80px;
		}
	
	header #nav #name {
		text-transform:capitalize !important;
		color:#333 !important;
		margin:0px;
		padding:5px 0 5px 0;
		font-size:1.2em;
		font-weight:bold;
	}
	
	header em {
		font-size:20px;
		display: block;
		position: absolute;
		width:100%;
		left:0px;
		top:0px;
		font-style: normal !important;
		text-align: center;
		margin-top:25px;
		margin-left:0px;
		margin-right:0px;
	}
	
/*	header #undernav {
		background-image:url('../img/topbar-bottom.png');
		background-position: 50% 0;
		background-repeat: no-repeat;
		width:100%;
		height:38px; 
		margin-top:-20px;
		display: none;
	} */
	
	header #header_centered {
		float:left;
		margin-left: 15px;
	}
	
	
	#circle {
		width:300px;
		height:300px;
	}


/* = = = = = = = = = 	Footer 		= = = = = = = = = */


	#footer {
		color:white;	
		position:relative;	
		height:20px;
		width: 100%;
		margin: 0 auto;
	}
	
	#footer, .push {
		height:20px;
	}
		
	#footer .col {
		width:25%;
		height:20px;
		float:left;
		margin:0px auto;
	}

	.rainbowfooter{
		width:800px;
		margin:auto;
	}

/* = = = = = = = = = 	Responsive 	= = = = = = = = = */
	
	/* CHANGES */
	
	
	.content .box {
		background: #fff;
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
		margin:0px auto 60px auto;
		border-radius: 5px;
		overflow: hidden;
		position: relative;
	}
	
		.content .box.small {
			width:400px;
			margin-bottom:0px !important;
		}
		
		.content .box.small.innerpad {
			padding:15px 20px;
			font-size:14px;
			line-height: 1.8em;
			width:380px;
		}
		
		.content .box h3 {
			font-weight: bold;
			margin:0px;
			padding:0 0 15px 0px;
		}
		
	.content.generic h1 {
		font-size: 30px;
		margin:0px !important;
		line-height: 40px;
		padding:20px;
	}

/* INPUTS */

	input {
		outline: none !important;
	}
	
	.content input[type='text'], .content input[type='password'], .inputfield, .content input[type='date'], .content input[type='email'] {
		border:0px;
		background: #fff;
		font-size:15px;
		padding:15px;
		outline: none;
		font-family: "Open Sans", Arial, sans-serif;
	}
		
			.content input {
				width:400px;
			}
			
	.content input[type='submit'], .addprofile_button {
		background:#444444;
		color:#fff;
		padding:15px;
		font-size:15px;
		font-weight: bold;
		border:0px;
		margin:0px;
		cursor: pointer;
		text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	}	
	
	.inputfield {
		border-top:1px solid #eaeaea;
		border-bottom:1px solid #eaeaea;
	}	
	
	.inputfield.fullwidth {
		width:104%;
		margin-left:-30px;
		margin-top:30px;
	}

	
		.content input[type='submit']:hover {
			background: #000;
		}
		
		.content input#searchbox {
			/* border-bottom:1px solid #444444; */
			width:80%;
			float:left;
			background-color:#eaeaea;
		}
		
		.content .filter-btn {
			width:8.5%;
			margin:0px !important;
			padding: 17px 0px 17px 0px !important;
			float:left;
			font-size:14px !important;
		}
		
		form {
			overflow: hidden;
		}
		
			.filter-btn.reset {
				background: #8e8e8e !important;
			}
		
		/*	
		.top_button {
			width:100%;
			background: #c0c0c0;
			color:#fff;
			margin-top:0px;
			border:0px;
			font-size:18px;
			font-family: "Open Sans", Arial, sans-serif;
			padding:20px 0;
			margin-top:-10px;
		}
		*/
		.top_button {
			background-color:#444444;
			color:white;
			border-radius:3px;
			font-size:15px;
			border:none;
			float:right;
			margin-top:14px;
			padding:7px;
			cursor: pointer;
		}
		
			.top_button:hover {
				background-color: #333333;
			}
			
			.top_button.deselect {
				background: #db4439;
			}
	 
/* STANDARD */

	.bottom-border {
		border-bottom:1px solid #d8d8d8 !important;
	}
	
	
/* ONLY LOGIN */

	.login-button {
		text-align: center;
		padding:20px 0px;
		font-size:14px;
	}
	
		.login-button a {
			display: block;
			width:300px;
			margin:0px auto;
			color:#565656;
		}
		
		.login-button a:hover {
			color:#212121;
		}
		
		
td.date {
	color:#5d5d5d;
}

	
	.tabs {
		background: #f0f0f0;
		overflow: hidden;
		margin-top:20px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
		.tabs .tab {
			display: block;
			float:left;
			width: 33.3%;
			cursor: pointer;
			color:#fff;
			position: relative;
		}
		
		.tabs .selected {
			background: #fff;
			color:#000;
		}
		
		.tabs .tab span {
			display: block;
			padding:15px 20px 15px 70px;
		}
		
		.tab-content {
			display: none;
		}
		
			.tab-content.view {
				display: block;
			}
			
		.tab.outbox {
			background: #fff url(../img/outbox.png) no-repeat left center;
			color:#c0c0c0;
		}
		
		.tab.selected.outbox {
			background: #fff url(../img/outbox_selected.png) no-repeat left center;
			color:#000;
		}
			
		.tab.selected.inbox {
			background: #fff url(../img/inbox_selected.png) no-repeat left center;
			color:#000;
		}
		
		.tab.inbox {
			background: #fff url(../img/inbox.png) no-repeat left center;
			color:#c0c0c0;
		}
		
		.tab.concepts {
			background: #fff url(../img/concepts.png) no-repeat left center;
			color:#c0c0c0;
		}
		
		.tab.selected.concepts {
			background: #fff url(../img/concepts_selected.png) no-repeat left center;
			color:#000;
		}

		.tab.camera {
			background: url(../img/feedback_camera.png) no-repeat left center;
			color:#c0c0c0;
			border-right:1px solid ccc;
		}
		
		.tab.selected.camera {
			background: #fff url(../img/feedback_camera_selected.png) no-repeat left center;
			color:#000;
		}

		.tab.context {
			background: url(../img/feedback_context.png) no-repeat left center;
			color:#c0c0c0;
			border-right:1px solid #ccc;
		}
		
		.tab.selected.context {
			background: #fff url(../img/feedback_context_selected.png) no-repeat left center;
			color:#000;
		}

		.tab.calendar {
			background: url(../img/feedback_calendar.png) no-repeat left center;
			color:#c0c0c0;
		}
		
		.tab.selected.calendar {
			background: #fff url(../img/feedback_calendar_selected.png) no-repeat left center;
			color:#000;
		}
				
		.tab:hover {
			color:#000 !important;
		}
		
		.tab .count {
			display: block;
			position: absolute;
			right:20px;
			top:13px;
			background: #f5f5f5;
			font-size:12px;
			padding:0px 15px;
			border-radius: 20px;
			font-style: normal;
			border-top: 1px solid #dcdcdc;
		}
		
/* TAG TAG PAGE */

	.taglist .tag {
		padding:1.5% 2.5% !important;
	}
	
		.tagspad{
			width:800px;
			margin:0px auto;
		}
		
		
		.taglist h2 {
			color:#000;
			text-align: center;
			border-bottom: 1px solid #eaeaea;
			margin-bottom:30px !important;
			width:200px;
			margin:0px auto;
			padding:20px 0px 15px 0px;
		}
		
		.google_btn {
			background: #444444;
			border:0px;
			font-size:14px;
			width:300px !important;
			color:#fff;
			padding:14px;
			margin:15px;
			float:right;
			cursor: pointer;
			font-family: "Open Sans", Arial, sans-serif;
		}
		
			.google_btn:hover {
				background: #666666;
			}
		
		.contact_btn {
			background: #444444;
			border:0px;
			font-size:14px;
			width:250px !important;
			color:#fff;
			padding:12px 15px;
			margin:15px 15px 15px 15px;
			text-align: center;
			float:right;
			cursor: pointer;
		}
		
			.contact_btn:hover {
				background: #666666;
			}
			
		.btn_blue {
			background: #444444 !important;
			border:0px !important;
			font-size:14px !important;
			width:250px !important;
			color:#fff !important;
			padding:15px 15px !important;
			margin:15px 0px 15px 15px !important;
			text-align: center !important;
			cursor: pointer !important;
			font-weight:normal !important;
			text-shadow: none !important;
		}
		
			.btn_blue:hover {
				background: #666666 !important;
			}
		
	
	.togglecontent {
		display: none;
	}
	
	.submitbutton {
		width:300px !important;
		margin:0px auto !important;
		margin-left:340px !important;
		border-radius: 4px;
	}
	
		.submitbutton:hover {
			background: #000;
		}
		
/* Kringen */

	.kringen .left {
		width:45%;
		float:left;
	}
	
	.kringen .right {
		border-left:1px solid #ccc;
		padding-left:5%;
		width:45%;
		float:right;
	}
	
	.kringen .selected {
		background: #ccc;
	}
	
	.clear {
		clear:both;
	}
	
		.clear.pad {
			height:20px;
		}
		
	.chatinput {
		border:1px solid #c0c0c0 !important;
		min-width:500px;
		margin-left:17px;
		width:93% !important;
	}

/* Options */

	.text .inner {
		padding:15px !important;
	}
		
		.col {
			width:30%;
			margin:0 10px 10px 0;
			float:left;
		}
		
		.options {
			font-size:12px;
			margin-bottom:10px !important;
		}
		
		.options h3 {
			font-size:16px;
		}
		
		.options a {
			color:#000;
			font-weight:bold;
		}
		
		.options .left {
			float:left;
		}
		
		.options .right {
			float:right;
			width:400px;
		}
		
.small-tag {
	margin-bottom:10px !important;
	width:auto;
	border-radius:15px;
	display:inline-block;
	padding:3px 10px;
	color:#fff;
}

.category_ {
	background: #c0c0c0;
}

.fromto em {
	font-size:11px;
	color:#7f7f7f;
}

.fromto strong {
	font-size:14px;
}

#firstrun {
	display:none;
	position:absolute;
	z-index:200;
	background-color:white;
	width:80%;
	margin: 100px auto;
	font-size:80%;
	padding:5%;
}

.edit_picture_overlay {
	overflow: hidden;
}

#cropMaster {
	width:500px;
	height:500px;
	overflow:hidden;
	margin:30px auto;
	border:1px dotted #333;
}

#cropOverlay {
	display:none;
}

#cropImage img {
	width:700px;
	position:relative;
	cursor:pointer;
}

.cropbuttons {
	text-align:center;
}

.cropSlider .noUi-origin {
	border-radius: 20px !important; 
}

.cropSlider .noUi-background {
	border-radius: 20px !important; 
	background: #1ab0d7 !important;
}

.cropSlider .noUi-handle {
	border-radius: 50% !important;
}

.cropButton, .cropButton2, .cropButton_normal, .cropButton_normalx {
	background: #1ab0d7 !important;
	color:#fff !important;
	border:5px !important;
	padding:10px 15px !important;
	display: inline-block  !important;
	border-radius: 5px !important;
	margin-right: 20px !important;
	cursor: pointer;
}

.croppad {
	height:200px;
}

.noborder {
	border:0px !important;
}

.no-top-border {
	border-top:0px !important;
}

.btn_blue.extracenter {
	margin:15px 15px 15px 37% !important;
}

.des_grey .kring {
	font-size:16px !important; 
	margin-right:10px !important;
}

.des_grey .tag span {
	margin-top:9px !important;
}

.datepicker {position: relative; z-index:100;}

#overlay {
	height:100%;
	width:100%;
	position: fixed;
	background: url(../img/bg-overlay.png);
	z-index: 919;
	top:0px;
	left:0px;
	display: none;
}

#sharers {
	position: fixed;
	z-index: 999;
	width:1000px;
	top:25px;
	text-align: center;
}

.btn_social {
	background: #eaeaea;
	border-radius: 20px;
	margin:20px;
	font-size:14px;
	padding:10px 20px 10px 40px;
	color:#fff;
}

	.btn_social:hover {
		color:#fff;
	}

	.btn_social.facebook {
		background: #3b5998 url(../img/white_facebook.png) no-repeat 10px center !important;
	}
	
	.btn_social.twitter {
		background: #00aced url(../img/white_twitter.png) no-repeat 10px center !important;
	}
	
	.btn_social.googleplus {
		 background: #dd4b39 url(../img/white_google.png) no-repeat 10px center !important;;
	}
	
	.btn_social.email {
		 background: #454545 url(../img/white_email.png) no-repeat 10px center !important;;
	}
	
.chat_bar .small-tag {
	font-size:12px;
	padding:4px 15px;
	border-radius: 20px;
}

.anzicht-med {
	position: absolute;
	top:162px;
	z-index: 29;
	left:0px;
	margin-top:-60px;
	height:150px;
	display:none;
}

	.anzicht-top {
		margin-bottom:4px;
	}
	
	.anzicht-logo {
		position:absolute;
		right:50px;
		top:30px;
	}
	
	.ansicht_title-new {
		font-size:1.2em;
		font-weight: bold;
		margin-left:30px;
		margin-top:60px;
	}
	
	
#ajax_overlay {
	display:none;
	height:100%;
	width:100%;
	background:#ffffff url("../img/spinner-whitebase.gif") no-repeat center center;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9999;
}

.show_feedback_adjust {
	margin-top:-50px;
}

#bedrijfsinfo {
	position:absolute;
	top:10px;
	left:10px;	
	font-size:12px;
	z-index:666;
}

#bedrijfsinfo .hidden {
	padding: 10px;
	background-color:#ddd;
	margin-top:10px;
}

.bedrijfsinfo_btn {
	background-color:white;
	font-style:italic;
	width:24px;
	height:24px;
	border-radius:12px;
	color:#333;
	font-family: times, "Times New Roman";
	text-align: center;
	cursor: pointer;
	font-size:16px;
}
	.bedrijfsinfo_btn:hover {
		background-color:#ddd;
	}
	
.selectpretty {
	border: 1px solid #aaa;
	padding:5px;
	width:75%;
	margin:5px;
}	

.ideal_logo {
	float:right;
	width:50px;
	margin-top:-3px;
	padding-bottom:10px;
	padding-right:10px;
}

#new_user_invite {
	background-color: #555;
	color:white;
	width:100%;
	font-size:12px;
	line-height:2em;
	/*position:absolute;
	top:0px;*/
	z-index:999;
	min-height:72px;
}

	#new_user_invite a {
		color:white;
		text-decoration:underline;
	}
	
	#new_user_invite .clickignore {
		padding:0px 6px;
		background-color:white;
		float:right;
		color:#555 !important;
		text-decoration:none !important;
	}