/*//////////////// 
////////////////// 
////
////	Tales of Things
////	
////	Global CSS
////	@Ollie Lindsey
////	Play Nicely Ltd.
////
///////////////////
/////////////////*/

body { background: #897c6f url(img/bg-texture.jpg) top left repeat; }

	body#iframe { background: #897c6f url(img/fancybox-back.png) top center repeat; }

/*/////
********************
@HTML5
********************
//////*/

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary, mark {  
  display:block;
}

/*/////
********************
@Lynch Pins
********************
//////*/

.ff { min-height: 1%; }

.ff:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}

img { vertical-align: bottom }

html, body {
	height: 100%;
}

#tot-page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
	overflow: hidden;
}

#tot-iframe {
	padding: 20px;
}

footer, #shim {
	height: 175px; /* .push must be the same height as .footer */
}

/********************
********************
@Scaffold
********************
********************/

header,
#tot-page { border-top: 1px solid transparent; }

h1 { float: left; height: 120px; margin-right: 5px !important; margin-bottom: 20px!important; z-index: 1000; overflow: visible  }
	h1 a { width: 100%; height: 120px; display: block; }
	h1 span { display: block; overflow: hidden; padding-top: 147px; height: 1px;  pointer-events: none; background: transparent url(img/tot-logo.png) top center no-repeat;  }
	
h2 { float: right; background: transparent url(img/strapline.png) 50% 3px no-repeat; margin-top: 40px }
	h2 span { display: block; overflow: hidden; height: 1px; padding-top: 60px; }

nav#tot-primary { background: transparent url(img/primary-nav.png) top left no-repeat; padding-left: 170px; margin-top: 42px; padding-top: 18px; position: absolute; top: 0; left: 0; min-height: 52px; }

	nav#tot-primary > ul li { position: relative; z-index: 99999; float: left; margin-right: 15px; }
		nav#tot-primary  > ul li:last-child { margin-right: 0; }
		nav#tot-primary  > ul li a { color: #ffffff; text-decoration: none; }
		
	nav#tot-primary ul,
	nav#tot-primary form { position: relative; float: left; }
	
	nav#tot-primary form select {  max-width: 150px; }
	
	nav#tot-primary form { margin: -5px 3% 0 0; z-index: 99; width: 220px; }
	
	nav#tot-primary ul { z-index: 99999; }
	
	
nav#tot-secondary { background: transparent url(img/thing-collection-toggle.png) top left no-repeat; padding-bottom: 50px; }
	
	nav#tot-secondary li { float: left; width: 47.5% !important; }
		nav#tot-secondary li:last-child { margin-right: 0; }
		nav#tot-secondary li a {  display: block; padding: 6px 10px; text-align: center; color: #fff; background: transparent url(img/thing-collection-toggle-highlight.png) 500% 0 no-repeat }
		
		nav#tot-secondary li:first-child a.active,
		nav#tot-secondary li:first-child a:hover { color: #fff !important; background-position: 0 3px; }
		
		nav#tot-secondary li:last-child a.active,
		nav#tot-secondary li:last-child a:hover { color: #fff !important; background-position: 100% 3px; }
		
#tot-search { background: transparent url(img/search-bg.png) top left no-repeat; padding-bottom: 5px; margin-left: -1%; }
	#tot-search fieldset { display: block; float: right; width: 96%; margin-right: 3px }
	#tot-search label { float: left; width: 80%; }
	#tot-search label span { display: none; }
	#tot-search input.tot-text { max-width: 235px !important; width: 100%; display: block; float: right; margin-top: 6px; background: none; line-height: 1.2em; border: none; border-bottom: 2px dotted #3c3c3c }
	#tot-search input.tot-search-submit { cursor: pointer; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 3px 0; width: 19%; -webkit-appearance: none; background: #f05a25; border: none; color: #fff; float: right; }
	
footer { padding: 40px 0; background: transparent url(img/footer-texture.png) top center repeat-x; }
	footer .inner { border-right: 1px solid white; margin-right: 15px}

nav.tot-pagination-wrapper { clear: left; padding: 0; background: transparent;  }	
ul.tot-pagination { clear:left; float: left; left: 50%; text-align: center; position: relative; }
	ul.tot-pagination li { float: left; display: block; right: 50%; position: relative; padding: 6px 5px 18px;  }
	
	ul.tot-pagination li.no { padding-top: 8px; color: #fff; background: transparent url(img/pagination-bg-middle.png) top center no-repeat }
	ul.tot-pagination li.active { }
	
	ul.tot-pagination li.last,
	ul.tot-pagination li:last-child { background: transparent url(img/pagination-bg-next.png) top right no-repeat; padding-left: 10px; padding-right: 25px; }
	
	ul.tot-pagination li.first,
	ul.tot-pagination li:first-child { background: transparent url(img/pagination-bg-prev.png) top left no-repeat; padding-left: 20px; padding-right: 10px; }

	ul.tot-pagination li a { cursor: pointer; font-size: 1em; }

nav li a:hover,
nav li.active a { color: #f05a25 !important; }

.tot-button { display: block; position: relative; overflow: hidden; }

#tot-thing-tales { margin-top: 1%; }
	#tot-thing-tales ol li h5 { }

#tot-content-inner { width: 100%; overflow: hidden; }

#tot-tools { top: -20px; }

.col-inner { width: 100%; }

.tot-video-link { margin-bottom: 15px; }

.bl { display: block; }
	
/*////////
@Forms
////////*/	

div.tot-text-long-surround,
div.tot-text-surround { float: right; position: relative; background: transparent url(img/form-textfield-bg.png) top left no-repeat; width: 49%; max-width: 270px; padding-left: 26px; padding-top: 5px; padding-bottom: 20px;  }

	div.tot-text-long-surround
	{
		width: 84%;
		max-width: 368px;
		background: transparent url(img/form-textfield-long-bg.png) top left no-repeat; 
	}
	
	form.tot-form input.tot-text { 
		border: none; 
		background: transparent; 
		margin: 0; 
		padding: 0; 
		padding: 2px;
		border: none;
		margin-right: 12px;
		width: 98%;	
	}
	
	.tot-media-remove { 
		display: block;
		float: none;
		width: 36px;
		height: 36px;
		background: #fff url(img/fancybox-cross.png) 50% 48% no-repeat;
		border-left: 5px solid #efefef;
		position: absolute;
		top: 1px;
		right: 6px; 
		cursor: pointer;
	}
	
	form.tot-form label { display: block; clear: both; position: relative; float: left; width: 100%; }
		form.tot-form label > span { padding-top: 10px; display: block; float: left; color: #fff; }
	form.tot-form input { float: right; }
	
	form .tot-cancel { float: right; }

input.tot-checkbox { -webkit-appearance: checkbox }
.tot-submit { position: relative; padding-bottom: 9px; }

.tot-submit:hover { cursor: pointer }
form label { display: block; margin-bottom: 5px; }

.tot-select-surround { float: right; background: transparent url(img/thing-incollection-bg.png) top right no-repeat; margin-left: 9px; }

.tot-select-surround span.tot-select { float: right; margin-left: 2%; }
label .tot-select-surround select { float: right; width: 260px; background: #fff; border: none; border-radius: 0; background: none;}
label .tot-select-surround select option { border-bottom: 1px solid black; }

form select,
form label select { padding-left: 8px; border: none; border-radius: 0; background: none; }

.tot-text,
.tot-text-long { float: right; }
	
.tot-textarea-surround { float: right; box-shadow: 0 8px 0 rgba(0, 0, 0, 0.1); background: transparent url(img/tale-comment-bg.png) top left no-repeat; outline: none; border: none; height: 92px; width: 66%; padding: 10px 2% 12px; margin-bottom: 12px; max-width: 406px; }
	.tot-textarea-surround textarea { background: none; border: none; width: 100%; height: 90px; }

body form label.tot-checkbox span { float: left; text-align: left; width: 70%; margin-top: 3px; color: #fff;}
body form input.tot-checkbox {  border: none; margin-top: 3px; }
.tot-checkbox-surround { float: left; margin-right: 15px; display: block; }
	
	/*JS Custom Checkbox*/
	
	.tot-checkbox-processed { cursor: pointer; float: left; margin-right: -10px; background: transparent url(img/tot-checkbox.png) 0 0 no-repeat; height: 42px; padding-left: 54px; width: 0; overflow: hidden;  }
	.checked { background: transparent url(img/tot-checkbox.png) -54px 0 no-repeat; }
	.tot-checkbox-processed input { visibility: hidden; }

.tot-file-surround { float: right;  width: 60%; max-width: 270px; padding-left: 26px; padding-top: 5px; padding-bottom: 20px; border: none; background: transparent url(img/form-textfield-bg.png) top left no-repeat; }
	.tot-file-surround input.tot-file { width: 100%; float: left; }
		.tot-file:hover { cursor: pointer; }
		.tot-custom-file-input { -webkit-appearance: none; position: absolute; top: 4px; right: 1.5%; max-width: 60%; }
			body .tot-form .tot-custom-file-input input.tot-text { float: left; width: 64%; }
			
		.tot-file-button { padding: 5px 2%; -webkit-appearance: none; background: #f05a25; border: none; color: #fff; float: right; max-width: 22%; font-size: 0.9em; }
		.tot-file-button:hover { cursor: pointer; }
		
		.tot-file-preview-surround {
			float: right;
			width: 66%; max-width: 270px; padding-left: 26px; padding-top: 5px; padding-bottom: 20px;
		}
		
		.tot-file-preview-surround img {
			width: 99%;
			margin-right: 8px;
			box-shadow: 8px 8px 0 rgba(0,0,0,0.1);	
		}
		
input.tot-submit, .tot-button { cursor: pointer; color: #f05a25; border: none; display: block; padding-top: 0px; padding-top: 38px; height: 60px; width: 92px; overflow: hidden; text-align: center; padding-right: 18px; float: right; clear: left; border: none; display: block; background: transparent url(img/form-button-small.png) top left no-repeat;}
	.double { padding-top: 28px; height: 72px; }
	
body form input.tot-submit-large, body form .tot-button-large { color: #f05a25; float: right; clear: left; border: none; display: block; background: transparent url(img/form-button-large.png) top left no-repeat; height: 131px; width: 132px; overflow:hidden; }
	
	input.tot-submit, .tot-button span { color: #f05a25; }
	
	.tot-button-large:hover,
	.tot-button:hover, .tot-button:hover span { color: #fff !important; }
	
	input.tot-submit {
		border: none;
		display: block;
		height: 97px;
		width: 98px;
		overflow: hidden;
		text-align: center;
		padding-right: 15px;
		float: right;
		clear: left;
		display: block;
		padding-top: 0;
	}
	
	input.tot-submit:hover { color: #fff; }
	
	.tot-cancel { display: block; float: right; margin-top: 70px; margin-right: 20px;  }

/*//////////
@Form Error Message
//////////*/

.errorlist { float: left; width: 100%; clear: left; margin-top: -10px; margin-bottom: 10px; }

/*////////
@Breadcrumbs
////////*/
	
	#tot-breadcrumbs ol { float: left; list-style: none; padding-bottom: 0.5em; margin-bottom: 0.5em; background: transparent url(img/pagination-bg-next.png) top right no-repeat; padding-right: 3.5em; }
	
		#tot-breadcrumbs ol li { float: left; padding-bottom: 1.5em;  }
	
		#tot-breadcrumbs ol li { padding-left: 1em; padding-top: 8px; color: #fff; background: transparent url(img/pagination-bg-middle.png) top center repeat-x }
		
		#tot-breadcrumbs ol li.spacer { padding-left: 1em; }
		
		#tot-breadcrumbs ol li.last,
		#tot-breadcrumbs ol li:last-child { }
		
		#tot-breadcrumbs ol li.first,
		#tot-breadcrumbs ol li:first-child { background: transparent url(img/pagination-bg-prev.png) top left no-repeat; padding-left: 20px; padding-right: 0; }
		
/*////////
@Grid
////////*/

	.tot-grid-list { width: 100%; }

	.tot-grid { margin-bottom: 40px; }

	.tot-grid .tot-grid-list { padding-left: 10px; }
		.tot-grid .tot-grid-list li { margin-right: 22px; margin-bottom: 18px; box-shadow: 8px 8px 0 rgba(0,0,0,0.1); width: 22.5%; }
			.tot-grid .tot-grid-list li h4 { position: absolute; top: 0; left: 0; width: 100%; background: transparent url(img/id1-thumb-heading.png) bottom left repeat-x; }
				.tot-grid .tot-grid-list li h4 a { display: block; padding: 12px; color: #3c3c3c; }
	
	.tot-grid .tot-grid-list li p.tot-item-tools { position: absolute; bottom: -25px; left: 0; margin-bottom: 0; }
		.tot-grid .tot-grid-list li p.tot-item-tools a { color: #ffffff; margin-right: 20px }
		
	
	.tot-grid .tot-grid-list li img { width: 100%; height: 152px }
	
	#tot-categories-mobile { display: none; }

/*////////
@ID1
////////*/

#tot-id1-gallery ol { padding-left: 10px; padding-bottom: 25px }
	#tot-id1-gallery ol li { overflow: hidden; width: 28.8%; }
		#tot-id1-gallery ol li h4 { position: absolute; top: 0; left: 0; width: 100%; background: transparent url(img/id1-thumb-heading.png) bottom left repeat-x; }
			#tot-id1-gallery ol li h4 a { display: block; padding: 12px; }

#tot-id1-info {  }
	#tot-id1-info div.video-js { margin-bottom: 20px; }

#tot-id1-mobile { background: transparent url(img/mobile-app-badge.png) top left no-repeat; display: block; float: right; margin-bottom: 100px; }
	#tot-id1-mobile span { display: block; height: 1px; padding-top: 130px; width: 131px; overflow: hidden; }

/*////////
@ID2
////////*/

nav#tot-collections-categories { background: transparent url(img/collections-menu-bg.png) top left no-repeat; margin-bottom: 12px; }
	nav#tot-collections-categories ul { clear:left; float: left; left: 50%; text-align: center; position: relative; padding: 8px 0 25px }
	nav#tot-collections-categories li { float: left; display: block; right: 50%; position: relative; margin-right: 30px; }
		nav#tot-collections-categories li:last-child { margin-right: 0; }
		nav#tot-collections-categories li a { color: #ffffff; text-decoration: none; }
		
		
/*////////
@ID3
////////*/

#tot-id3 .tot-grid ul { clear:left; float: left; left: 50%; text-align: center; position: relative; }
	#tot-id3 .tot-grid li { float: left; display: block; right: 50%; position: relative; margin-bottom: 35px; width: 43.5%; }

	.add-new { height: 1px; margin-top: -30px;float: right; width: 97px; padding-top: 98px; background: transparent url(img/add-new-button.png) top center no-repeat; }
		.add-new span { }
		
/*////////
@ID4
////////*/

#tot-thing-tales-menu .tot-button { float: none; position: relative; margin: 0 19px 10px;  }
		
#tot-collection-chooser { padding-bottom: 0; }
	#tot-collection-chooser label { float: right; width: 100%; text-align: left; }
	
	#tot-collection-chooser .dk_toggle,
	#tot-collection-chooser select,
	#tot-collection-chooser option,
	#tot-collection-chooser .tot-select-surround { width: 100%;  max-width: 100%; margin-left: 0; }
	
	#tot-thing-detail img.hero { float: left; margin: 0 15px 1px 0; }
	
	#tot-thing-detail-text { float: left; }
	.add-to-collection { height: 1px; margin-top: 0; float: left; width: 132px; padding-top: 131px; background: transparent url(img/add-to-collection-button.png) top center no-repeat; }
		.add-new span { }

#tot-share-options { padding-top: 15px; }
	#tot-share-options .fb-like { float: left; margin-left: 0; margin-right: 1em; }
	
	.tot-tale-media { float: right !important; }
	
	.tot-tale-media a { position: relative; float: right; width: 82px; padding-top: 92px; height: 1px; overflow: hidden; margin-right: 2%; }
		
		.tot-tale-media a span { text-align: center; padding: 8px 3px 0 5px; background: transparent url(img/media-number-bg.png) top right no-repeat; display: block; position: absolute; top: 0; right: 0; width: 36px; min-height: 34px; height: 1px; }
		
		.tot-tale-media .video {
			background: transparent url(img/media-video-icon.png) bottom left no-repeat;
		}
		.tot-tale-media .pictures {
			background: transparent url(img/media-pictures-icon.png) bottom left no-repeat;
		}
		.tot-tale-media .sound {
			background: transparent url(img/media-sound-icon.png) bottom left no-repeat;
		}
		.tot-tale-media .text {
			background: transparent url(img/media-text-icon.png) bottom left no-repeat;
		}
		
		#tot-thing-tales-menu { }
		
		nav#tot-thing-tales-menu ul li { margin-bottom: 10px; }
		
		nav#tot-thing-tales-menu ul li a { 
			display: block;
			text-align: center;
		}
		
			nav#tot-thing-tales-menu ul li a span.top {
				/*background: transparent url(img/tale-menu-bg.png) 0px -47px no-repeat;*/
				display: block;
				/*height: 10px;*/	
			}
			
			nav#tot-thing-tales-menu ul li a span.middle {
				background-color: #454545;
				display: block;
				padding: 5px;	
				/*margin: 0 13px 0 11px;*/
			}
		
			nav#tot-thing-tales-menu ul li a span.bottom {
				/*background: transparent url(img/tale-menu-bg.png) 0px -68px no-repeat;*/
				display: block;
				/*height: 15px;*/	
			}
		/*
		nav#tot-thing-tales-menu ul li a:hover,
		nav#tot-thing-tales-menu ul li.active a {
			background: transparent url(img/tale-menu-bg.png) top left no-repeat !important;
			color: #fff !important;
		}
		*/
		
		nav#tot-thing-tales-menu ul li a:hover,
		nav#tot-thing-tales-menu ul li.active a {
			
		}
		
		
		nav#tot-thing-tales-menu ul li a:hover span.top,
		nav#tot-thing-tales-menu ul li.active a span.top {
			/*background: transparent url(img/tale-menu-bg.png) top left no-repeat !important;*/
		}
		
		nav#tot-thing-tales-menu ul li a:hover span.middle,
		nav#tot-thing-tales-menu ul li.active a span.middle {
			color: #fff !important;
			background-color: #f05a25
		}
		
		nav#tot-thing-tales-menu ul li a:hover span.bottom,
		nav#tot-thing-tales-menu ul li.active a span.bottom {
			background-position: 0px -23px;	
		}
		
		#tot-thing-tales-carousel { float: left; }
		
		.tot-comments-surround { 
			clear: left;
			width: 100%;
			position: relative;
		}
		
		.tot-comments-surround form textarea { background: transparent url(img/tale-comment-bg.png) top left no-repeat; outline: none; border: none; height: 92px; width: 96%; padding: 10px 2% 30px; max-width: 406px; }

		.tab-content {
		  overflow: hidden;
		}
		
		.tab-content > .tab-pane,
		.pill-content > .pill-pane {
		  display: none;
		}
		
		.tab-content > .active,
		.pill-content > .active {
		  display: block;
		}

		#tot-related-things { position: absolute; top: 0; right: 0; height: 100%; overflow: hidden; }
			#tot-related-things ul li { width: 90%; margin-bottom: 18px; position: relative; box-shadow: 8px 8px 0 rgba(0,0,0,0.1); position: relative; }
				 ul li.empty { box-shadow: none !important; color: #fff; }
			#tot-related-things ul li:last-child,
				#tot-related-things ul li:last-child img { margin-bottom: 0; }
				#tot-related-things ul li img { width: 100%; }
				
				#tot-related-things li h4 { position: absolute; top: 0; left: 0; width: 100%; background: transparent url(img/id1-thumb-heading.png) bottom left repeat-x; }
						#tot-related-things li h4 a { display: block; padding: 12px; color: #3c3c3c; }
			
				#mcs_container {position:relative;  width: 100%; height:100%; max-height: 80%; padding:0 0; }
				#mcs_container .customScrollBox{position:relative; height: 80%; overflow:hidden;}
				#mcs_container .customScrollBox .container{	position:relative; width:90%; top:0; float:left;}
				#mcs_container .customScrollBox .content{ }
	
				#mcs_container .dragger_container{position:relative; width:2px; height:100%; float:right; margin: 0 5px 0 0px; background:#000; cursor:pointer -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor: pointer;}
				#mcs_container .dragger{position:absolute; left: -5px; width:12px; height:12px; background:#fff; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
				
		.tot-media-list {
			display: none;	
		}
		
		.nav-tabs { float: left; width: 100%; clear: left; }
		
/*////////
@ID5
////////*/
	
	
	#tot-signup-inner, 
	#tot-signup-info-inner {	}
	
		 #tot-signup-info-inner .tot-button { padding: 21px 14px; width: 66px; font-size: 1.6em; }
	
	form#tot-signup .tot-cancel { display: block; float: right; margin-top: 70px; margin-right: 20px;  }
	
/*////////
@ID6
////////*/
	
	form#tot-login { width: 100%; }
	
	form#tot-login input.tot-submit { float: right; clear: left; }
	
	form#tot-login label { display: block; clear: both; position: relative; float: left; width: 100%; }
		form#tot-login label span { padding-top: 10px; display: block; float: left; }
	form#tot-login input { float: right; }
	
	#tot-login-inner, 
	#tot-login-info-inner {	}
	
	form#tot-login .tot-cancel { display: block; float: right; margin-top: 70px; margin-right: 20px;  }

	
/*////////
@ID7
////////*/
	
	form#tot-add-thing { width: 100%; }
	
	
	form#tot-add-thing label { display: block; clear: both; position: relative; float: left; width: 100%; }
		form#tot-add-thing label > span { padding-top: 10px; display: block; float: left; }
	
	#tot-add-thing-inner, 
	#tot-add-thing-info-inner {	 }
	
	form#tot-add-thing .tot-cancel { display: block; float: right; margin-top: 100px; margin-right: 20px;  }
	
/*////////
@ID8
////////*/
	

/*////////
@ID9
////////*/

img#tot-user-pic { box-shadow: 8px 8px 0 #666; float: left; margin-right: 20px; }
#tot-user-badges li { position: relative; width: 33% !important; margin-bottom: 1%; margin-right: 0.5%; float: left !important; }
	#tot-user-badges li h5 { padding-top: 99px; height: 1px; overflow: hidden; background-repeat: no-repeat; background-image: url(img/id9-badge-misc.png); }
		
	#tot-user-badges li.tot-badge-art h5 { background-image: url(img/id9-badge-art.png) }
	#tot-user-badges li.tot-badge-collectible h5 { background-image: url(img/id9-badge-collections.png) }
	#tot-user-badges li.tot-badge-heirloom h5 { background-image: url(img/id9-badge-heirloom.png) }
	#tot-user-badges li.tot-badge-education h5 { background-image: url(img/id9-badge-education.png) }
	#tot-user-badges li.tot-badge-cause h5 { background-image: url(img/id9-badge-cause.png) }
	#tot-user-badges li.tot-badge-technology h5 { background-image: url(img/id9-badge-technology.png) }
	#tot-user-badges li.tot-badge-architecture h5 { background-image: url(img/id9-badge-architecture.png) }
	#tot-user-badges li.tot-badge-culture h5 { background-image: url(img/id9-badge-exhibit.png) }
	#tot-user-badges li.tot-badge-memory h5 { background-image: url(img/id9-badge-memories.png) }
	
	.tot-badge-none h5 { background-position: 50% 0; }
	.tot-badge-bronze h5 { background-position: 50% -101px; }
	.tot-badge-silver h5 { background-position: 50% -202px; }
	.tot-badge-gold h5 { background-position: 50% -303px; }
	
.tot-user-tools { margin-top: 20px; clear: both; width: 100%; float: left; }

#tot-user-badges li span { position: absolute; bottom: -10px; color: #f05a25; text-align: center; padding-top: 14px; display: block; width: 46px; padding-right: 5px; height: 44px; background: transparent url(img/id9-honourbadge-level-bg.png) top left; }

/*////////
@ID10
////////*/

#generate-qr label { width: 75%; float: left; clear: left; }

	#generate-qr input.tot-submit { float: right;  clear: right; }

#tot-user-qrcodes li { width: 17.5%; position: relative; }

#tot-user-qrcodes label { margin: 0; position: absolute; }

#tot-qr-codes ul { padding-left: 1%; padding-bottom: 25px }
	#tot-qr-codes ul li { margin-right: 20px; margin-bottom: 55px; }
		#tot-qr-codes ul li h4 { position: absolute; top: 0; left: 0; width: 100%; background: transparent url(img/id1-thumb-heading.png) bottom left repeat-x; }
			#tot-qr-codes ul li h4 a { display: block; padding: 12px; }
			
#tot-qr-codes .tot-checkbox input { float: left; }

#tot-qr-codes li .tot-checkbox-surround { margin: 0; z-index: 100; }

#tot-qr-codes input.tot-submit { float: right; }
	#tot-qr-codes .tot-cancel { display: block; float: right; margin-top: 75px; margin-right: 20px;  }


/*////////
@ID12
////////*/

	#tot-id12 .tot-cancel { display: block; float: right; margin-top: 70px; margin-right: 20px;  }
	
/*////////
@ID13
////////*/

#tot-id13 .col-f .tot-title { float: left; }
#tot-recent-activity { float: right; }

ol#tot-activity { float: left; clear: both; }
	ol#tot-activity li { position: relative; display: block; width: 100%; margin-bottom: 15px; }
	ol#tot-activity li img { float: right; margin-left: 1%; }
	
/*////////
@ID14
////////*/

#tot-id14 #tot-faq li { margin-bottom: 0.5em; }

/*////////
@ID17
////////*/

.tot-page-image { max-width: 100%; margin-bottom: 18px; box-shadow: 8px 8px 0 rgba(0,0,0,0.1) }


/*////////
@ID18
////////*/

#tot-id18 .tot-grid-list li {
	margin-bottom: 55px;
}

	.tot-grid-list .tot-checkbox-processed {
		right: auto;
		left: -5px;	
	}

#tot-id18 .tot-grid {
	margin-bottom: 0;	
}

#tot-id18 form label { margin: 0; }

#tot-id18 input.tot-submit { margin-top: 0; background: transparent url(img/id18-add-button.png) top left no-repeat; height: 1px; padding-top: 97px; width: 98px; }
#tot-id18 .tot-cancel { margin-top: 45px; }

#tot-id18-form-options p { float: right; }

/*////////
@ID19
////////*/	

	form#tot-add-tale .tot-cancel { display: block; float: right; margin-top: 70px; margin-right: 20px;  }/** columns-960-16-16-10-percent.css **/
	
	#tot-tale-media-add { text-align: right; float: right; clear: both; display: block; position: relative; margin-bottom: 15px; width: 100%; }


/*////////
@FancyBox
////////*/

.tot-fancybox {
	background: transparent url(img/fancybox-bottom.png) bottom left repeat-x;	
	padding-bottom: 14px;
}

.tot-fancybox .fancybox-skin { 
	background: transparent url(img/fancybox-back.png) top center repeat-y; 
	border: none; 
	padding: 0; 
	margin: 0; 
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.tot-fancybox .fancybox-close {
	background-image: url('img/fancybox-arrows.png');
	background-position: -118px 0;	
	width: 59px;
	height: 59px;
}

html body #fancybox-buttons ul {
	display: block;
	width: 236px;
	height: 59px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	background: transparent;
	filter: none;
}

html body #fancybox-buttons.bottom {
	bottom: 20px;	
}

html body #fancybox-buttons a {
	display: block;
	width: 59px;
	height: 59px;
	text-indent: -9999px;
	background-image: url('img/fancybox-arrows.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
	border: none !important;
}

html body #fancybox-buttons a:hover {
	opacity: 1;
}

html body #fancybox-buttons a.btnPrev {
	background-position: 0 0;
}

html body #fancybox-buttons a.btnNext {
	background-position: -59px 0;
}

html body #fancybox-buttons a.btnPlay,
html body #fancybox-buttons a.btnDisabled {
	display: none;	
}

html body #fancybox-buttons a.btnClose {
	width: 59px;
	background-position: -118px 0;	
	margin-left: 20px;
}

/* Title helper */

html body .fancybox-title {
	font: normal 18px/28px LobsterTwoItalic, Georgia, "Times New Roman", Times, serif;
	text-shadow: none;
	z-index: 8050;
}

/*////
@Hovertip
////*/

/* CSS rules */

.tooltip{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
   display: none;
}
            

/*////////
@Messages
////////*/	

#tot-message {
	margin-bottom: 0;
	z-index: 1000;
}

#tot-message #tot-message-wrapper {
	position: absolute;
	padding-bottom: 14px;
	background: transparent url(img/fancybox-bottom.png) bottom left repeat-x;
	border-radius: 10px 10px 20px 20px;
	overflow: hidden;	
}

#tot-message ul {
	background: transparent url(img/fancybox-back.png) top center no-repeat; 	
	padding: 3%;
}
	
	#tot-message ul li { padding: 15px 0; }
	#tot-message ul li.positive { background: transparent url(img/fancybox-tick.png) center right no-repeat; }
	#tot-message ul li.negative { background: transparent url(img/fancybox-cross.png) center right no-repeat; }

/*////////
@Widgets
////////*/	

#tot-widgets-page { padding-top: 30px; width: 50%; }

#tot-widgets-page h3, h4 { color: #fff; }

.center { margin-left: auto; margin-right: auto; position: relative; }
.fw { width: 960px; }
	#iframe .fw { width: 100%; }

.col { position: relative; float: left; margin-right: 1%; padding-right: 0;}
.col-f { clear: left }
.col-l { margin-right: 0 !important; }
.col-inner { float: left; clear: both; position: relative; margin-bottom: 1%; /*padding: 0.66666666666667%;*/ }

.mt {  margin-top: 10px; }
.mb {  margin-bottom: 10px; }

.col-16-0_5 { width: 2.15625% } 
.col-16-1 { width: 5.3125% } 
.col-16-1_5 { width: 8.46875% } 
.col-16-2 { width: 11.625% } 
.col-16-2_5 { width: 14.78125% } 
.col-16-3 { width: 17.9375% } 
.col-16-3_5 { width: 21.09375% } 
.col-16-4 { width: 24.25% } 
.col-16-4_5 { width: 27.40625% } 
.col-16-5 { width: 30.5625% } 
.col-16-5_33 { width: 32.3%; }
.col-16-5_5 { width: 33.71875% } 
.col-16-6 { width: 36.875% } 
.col-16-6_5 { width: 40.03125% } 
.col-16-7 { width: 43.1875% } 
.col-16-7_5 { width: 46.34375% } 
.col-16-8 { width: 49.5% } 
.col-16-8_5 { width: 52.65625% } 
.col-16-9 { width: 55.8125% } 
.col-16-9_5 { width: 58.96875% } 
.col-16-10 { width: 62.125% } 
.col-16-10_5 { width: 65.28125% } 
.col-16-11 { width: 68.4375% } 
.col-16-11_5 { width: 71.59375% } 
.col-16-12 { width: 74.75% } 
.col-16-12_5 { width: 77.90625% } 
.col-16-13 { width: 81.0625% } 
.col-16-13_5 { width: 84.21875% } 
.col-16-14 { width: 87.375% } 
.col-16-14_5 { width: 90.53125% } 
.col-16-15 { width: 93.6875% } 
.col-16-15_5 { width: 96.84375% } 
.col-16-16 { width: 100% } 

.ie7 .col-16-0_5 { width: 2% } 
.ie7 .col-16-1 { width: 5% } 
.ie7 .col-16-1_5 { width: 8% } 
.ie7 .col-16-2 { width: 11% } 
.ie7 .col-16-2_5 { width: 14% } 
.ie7 .col-16-3 { width: 18% } 
.ie7 .col-16-3_5 { width: 21% } 
.ie7 .col-16-4 { width: 24% } 
.ie7 .col-16-4_5 { width: 27% } 
.ie7 .col-16-5 { width: 20% } 
.ie7 .col-16-5_33 { width: 32%; }
.ie7 .col-16-5_5 { width: 33% } 
.ie7 .col-16-6 { width: 36% } 
.ie7 .col-16-6_5 { width: 40% } 
.ie7 .col-16-7 { width: 43% } 
.ie7 .col-16-7_5 { width: 46% } 
.ie7 .col-16-8 { width: 49.5% } 
.ie7 .col-16-8_5 { width: 52% } 
.ie7 .col-16-9 { width: 55% } 
.ie7 .col-16-9_5 { width: 58% } 
.ie7 .col-16-10 { width: 62% } 
.ie7 .col-16-10_5 { width: 65% } 
.ie7 .col-16-11 { width: 68% } 
.ie7 .col-16-11_5 { width: 71% } 
.ie7 .col-16-12 { width: 74% } 
.ie7 .col-16-12_5 { width: 77% } 
.ie7 .col-16-13 { width: 81% } 
.ie7 .col-16-13_5 { width: 84% } 
.ie7 .col-16-14 { width: 87% } 
.ie7 .col-16-14_5 { width: 90% } 
.ie7 .col-16-15 { width: 93% } 
.ie7 .col-16-15_5 { width: 96% } 
.ie7 .col-16-16 { width: 100% }