@charset "UTF-8";


/**
 * Reset
 *
 * http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126
 * License: none (public domain)
 */
 
	* {
		box-sizing: border-box
		}
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 		0;
		padding: 		0;
		border: 		0;
		font-size: 		100%;
		font: 			inherit;
		vertical-align: baseline;
		text-decoration: none
		}
		
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
		}
	
	html { 
		font-size: 62.5%; 
		}
	
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		line-height: 1;
		}
		
	ol, ul {
		list-style: none;
		}
		
	blockquote, q {
		quotes: none;
		}
		
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
		}
		
	table {
		border-collapse: collapse;
		border-spacing: 0;
		}
		
	strong {
		font-weight: 700
		}
		
	em {
		font-style: italic
		}
		
	strike {
		text-decoration: line-through
		}

	*:focus {
	    outline: none;
		}	
	

/**
 * Text
 */	
	

 	h1, h2, h3, h4, h5, h6 {
	 	line-height: 1
 		}

 	p, li {
	 	line-height: 1.4
 		}
 		
 	p.info {
	 	text-align: right;
	 	overflow: hidden
 		}
 		
 	p.info strong {
	 	float: left;
	 	font-weight: 700
 		}
 		
 		
 	.toggler {
	 	cursor: pointer
 		}


/**
 * Forms
 */
 
 	fieldset > label {
	 	width: 		30%;
	 	float: 		left;
	 	display: 	block;
	 	clear:		left
 		}
 
   	fieldset > span {
	 	display: 	block
 		}
 				
  	fieldset > label + span {
	 	width: 		70%;
	 	float: 		left
 		}	
 		
 	fieldset.reverse > label {
	 	width: 70%
 		}
 		
 	fieldset.reverse > label + span {
	 	width: 30%
 		}

 	input[type=text],
 	input[type=url],
  	input[type=password],
 	input[type=email],
 	input[type=tel],
 	input[type=search],
 	textarea {
	 	width: 100%
 		}
 		
 	:not('.columns') input[type=password],
 	:not('.columns') input[type=text].password,
 	:not('.columns') input[type=email],
 	:not('.columns') input[type=tel],
 	:not('.columns') input[type=search] {
	 	width: 50%
 		}


 	input[type=password],
 	input[type=text].password {
	 	padding-left: 50px !important
 		}
 	 		
 	input[type=datetime] {
	 	width: 140px;
	 	width: 14rem
 		}
 
 	input[type=date],
 	input[type=time] {
	 	width: 90px;
	 	width: 9rem
 		} 	

 	input[type=number] {
	 	width: 60px;
	 	width: 6rem
 		} 
 		
 	input[type=number].money {
	 	width: 110px;
	 	width: 11rem
 		}
 		
 	input[type=date].datePicker {
	 	width: 130px;
	 	width: 13rem
 		}	


 	select.auto,
 	.auto > select { 
	 	width: auto
 		}


	.cke * {
		box-sizing:			content-box;
		-webkit-box-sizing:	content-box;
		-moz-box-sizing:	content-box;
		-ms-box-sizing:		content-box
		}
		
	.cke {
		margin:		10px 0 !important;
		margin:		1rem 0 !important;
		clear: 		both;
		overflow: 	hidden
		}
		
	.cke > span {
		width: 100% !important
		}
		
		 	 	 
 	.clickController {
    	display: none	
 		}

	.clickView {
		display: none;
		margin: 0
		}
	
	.clickController ~ label {
		cursor: pointer
		}
	
 	.clickController:checked ~ label ~ .clickView {
		position: 	absolute;
		display: 	block;
		z-index:	10000;
		list-style: none;
		margin:		10px 0 0 0;
		margin:		1rem 0 0 0
		}


	
  	span.element_file > label {
	  	display: inline-block;
	  	padding: 10px;
	  	padding: 1rem
  		}
 
   	span.element_checkbox > span,
  	span.element_radio > span {
	  	display: inline-block;
	  	padding: 10px 0;
	  	padding: 1rem 0
  		}

 	input[type=checkbox]:not(old),
	input[type=radio]:not(old):not(.clickController){
		margin: 		0;
		padding: 		0;
		opacity: 		0;
		margin-left:	-15px;
		margin-left:	-1.5rem
		}
		 		 
	input[type=checkbox]:not(old) + label,
	input[type=radio]:not(old):not(.clickController) + label {
		cursor: pointer
		}
				
	input[type=checkbox]:not(old) + label:before,
	input[type=radio]:not(old):not(.clickController) + label:before {
		font-family: 	'FontAwesome';
		font-size:		16px;
		font-size:		1.6rem;
		display:		inline-block;
		width:			20px;
		width:			2rem;
		vertical-align: middle
		}

	input[type=radio]:not(old):not(.clickController) + label:before {
		content:		'\f111'
		}

	input[type=radio]:not(old):not(.clickController):checked + label:before {
		content:		'\f111'
		}
				
	input[type=checkbox]:not(old) + label:before {
		content:		'\f096'
		}
				
	input[type=checkbox]:not(old):checked + label:before {
		content:		'\f046'
		}
		 		 		
 	.js input[type=file] {
	 	width: 		0.1px;
		height: 	0.1px;
		opacity: 	0;
		overflow: 	hidden;
		position: 	absolute;
		z-index: 	-1;
 		}

	.js input[type=file] + label:before {
		font-family: 	'FontAwesome';
		margin: 		0 5px 0 0;
		margin:			0 0.5rem 0 0;
		content: 		"\f093"
		}
		
	.js input[type=file]:focus + label {
    	outline: 1px dotted #000;
		outline: -webkit-focus-ring-color auto 5px;
		}	
		
	.no-js input[type=file] + label {
		display: none
		}
		 		
 	textarea {
	 	height: 120px;
	 	height: 12rem
 		}
 		
 	textarea.small {
	 	height: 80px;
	 	height: 8rem
 		}			
		
 	textarea.large,
 	textarea.code {
	 	height: 500px;
	 	height: 50rem
 		}
 		
 	textarea.code {
	 	font-family: 'Lucida Console', Monaco, 'Courier New', Courier, monospace
 		}
 		
 	span.eye_view_parent {
	 	position: relative;
 		}

	span.eye_view {
		display: 		block;
		background: 	#CCC;
		cursor: 		pointer;
		position: 		absolute;
		z-index:		1;
		top: 			10px;
		top: 			1rem;
		left: 			0;
		bottom:			10px;
		bottom:			1rem;
		width: 			40px;
		width:			4rem;
		border-radius: 	3px 0 0 3px;
		text-align:		center;
		padding: 		11px 0 0 0;
		padding: 		1.1rem 0 0 0;
		}
	
	span.eye_view i {
		color: #222;
		text-shadow: 1px 1px 1px #FFF
		}
		

	ul.tags {
		clear: 	both;
		margin: 3px 0 0 0;
		margin: 0.3rem 0 0
		}
		
	ul.tags li {
		float:			left;
		background: 	#F0F0F0;
		border-radius:	3px;
		text-shadow: 	1px 1px #FFF;
		padding: 		3px 6px;
		padding:		0.3rem 0.6rem;
		margin:			0 3px 0 0;
		margin:			0 0.3rem 0 0
		}
	
	ul.tags li i {
		cursor: pointer;
		color: 	#C00000
		}
	
	ul.tag_menu {
		position: 		absolute;
		margin-top:		-4px;
		margin-top:		-0.4rem;
		background: 	#FFF;
		border: 		1px solid #DDD;
		border-top:		0;
		border-radius: 	0 0 3px 3px;
		}
		
	ul.tag_menu li {
		border-top: 1px solid #F0F0F0;
		padding: 5px;
		padding: 0.5rem
		}
		
	ul.tag_menu li:hover,
	ul.tag_menu li.hover {
		background: #FCFCFC
		}
		

/**
 * Tabs
 */
 
 
	.Tabs {
		width: 100%
		}
		
 	.Tabs input[type=radio] {
    	display:none
		}		

	.Tabs > label {
	    display: block;
	    float: left
		}

	.Tabs > label:before {
		content: "" !important;
		width: 0 !important
		}
		
	.Tabs > div {
	    display: none;
	    clear: both
		}



/**
 * Filter
 */

 	.Filter {
	 	border:			1px solid #CCC;
	 	padding:		10px;
	 	padding:		1rem;
	 	overflow: 		hidden;
	 	margin:			0 0 10px 0;
	 	margin:			0 0 1rem 0;
	 	border-radius:	3px
 		}
 		
 	.Filter input {
	 	width: 		100%;
	 	margin: 	0 0 1px 0;
	 	border: 	1px solid #F0F0F0;
	 	padding: 	10px
 		}
 		
 	.Filter div {
	 	border: 	1px solid #F0F0F0;
	 	width:		50%;
	 	float:		left 	
 		}
 		
 	.Filter div.FilterTo {
	 	float: 			right;
	 	border-left:	0 	
 		}
 		
 	.Filter h4 {
	 	padding: 5px;
	 	text-align: center;
	 	background: #F0F0F0;
	 	font-weight: bold
 		}
 		
 	.Filter ul {
	 	height: 	300px;
	 	height:		30rem;
	 	overflow: 	auto
 		}
 		
 	.Filter li {
	 	padding: 5px;
	 	padding: 0.5rem
		}
		
	.Filter li:hover {
		background: #F0F0F0;
		cursor:		pointer
		}
		
		
	
/**
 * Modal
 */
 
 	.ModalBlackout {
	 	background: #000;
	 	background: rgba(0,0,0,0.7);
	 	position:	absolute;
	 	top:		0;
	 	left:		0;
	 	width:		100%;
	 	height:		100%;
	 	z-index:	998
 		}	  

 	.ModalCanvas {
	 	background: #FFF;
	 	padding:	10px;
	 	padding:	1rem;
	 	z-index:	999;
	 	position:	absolute
 		}

 	.ModalOptions {
	 	background: #CCC;
	 	padding:	10px;
	 	padding:	1rem
 		}
 		
     
/**
 * Reflexive / sizing
 */
 
 	.auto img, img.auto {
	 	max-width: 100%
 		}


 	.video {
	  	position: 			relative;
	  	padding-bottom: 	56.25%;
	  	height: 			0;
	  	margin:				10px 0 0 0;
	  	margin:				1rem 0 0 0
	  	}
	
	.video object,
	.video embed,
	.video iframe {
		position: absolute;
		top: 		0;
	 	left: 		0;
	  	width: 		100%;
	 	height: 	100%
	  	}

	.medium-large {
	 	width: 75% !important
 		}
 		
 	.medium {
	 	width: 50% !important
 		}
 		
 	.medium-small {
	 	width: 25% !important
 		}
 
 	.small {
	 	width: 12.5% !important
 		}
 
 	.x-small {
	 	width: 7% !important;
	 	text-align: center
 		}
 			  	

/**
 * Alignment
 */
 
 	.float_left {
	 	float: left
 		}
 		
 	.float_right {
	 	float: right
 		}
 	
 	.text_left {
	 	text-align: left
 		}
 		
 	.text_center {
	 	text-align: center
 		}
 		
 	.text_right {
	 	text-align: right
 		}



/**
 * Columns
 */
 
	.columns {
		overflow: hidden
		}
	
	.columns > .c90, .columns > .c85, .columns > .c80, .columns > .c75, .columns > .c70, .columns > .c64, .columns > .c50, .columns > .c36, .columns > .c33, .columns > .c25, .columns > .c20, .columns > .c15, .columns > .c10 {
		min-height: 1px;
		float:		left
		}
	
	.c90 {
		width: 90%
		}
	
	.c85 {
		width: 85%
		}

	.c80 {
		width: 80%
		}
					
	.c75 {
		width: 75%
		}
		
	.c70 {
		width: 70%
		}
	
	.c64 {
		width: 64%
		}
					
	.c50 {
		width: 50%
		}
	
	.c36 {
		width: 36%
		}
		
	.c33 {
		width: 33.33333%
		}
	
	.c30 {
		width: 30%
		}
	
	.c25 {
		width: 25%
		}		
	
	.c20 {
		width: 20%
		}
	
	.c15 {
		width: 15%
		}
	
	.c10 {
		width: 10%
		}
		
	.columns > .c50:nth-child(odd) {
		clear: left
		}
	
	.columns.padded > .c50:nth-child(odd) {
		padding: 	0 15px 0 0;
		padding: 	0 1.5rem 0 0
		}
		
	.columns.padded > .c50:nth-child(even) {
		padding: 	0 0 0 15px;
		padding: 	0 0 0 1.5rem;
		}
		
	.columns.padded > .c33:nth-child(3n+1) {
		padding: 	0 16px 0 0;
		padding: 	0 1.6rem 0 0;
		clear:		left
		}	
		
	.columns.padded > .c33:nth-child(3n+2) {
		width: 		33.33334%;
		padding: 	0 8px;
		padding: 	0 0.8rem;
		}
		
	.columns.padded > .c33:nth-child(3n+3) {
		padding: 0 0 0 16px;
		padding: 0 0 0 1.6rem;
		}
				
	.columns.padded > .c25:nth-child(4n+1) {
		padding: 	0 18px 0 0;
		padding: 	0 1.8rem 0 0;
		clear:		left
		}
	
	.columns.padded > .c25:nth-child(4n+2),
	.columns.padded > .c25:nth-child(4n+3) {
		padding: 0 9px;
		padding: 0 0.9rem
		}
	
	.columns.padded > .c25:nth-child(4n+4) {
		padding: 0 0 0 18px;
		padding: 0 0 0 1.8rem
		}

	.columns.padded > .c20:nth-child(5n+1) {
		padding: 	0 15px 0 0;
		padding: 	0 1.5rem 0 0;
		clear:		both
		}
		
	.columns.padded > .c20:nth-child(5n+2),
	.columns.padded > .c20:nth-child(5n+3),
	.columns.padded > .c20:nth-child(5n+4) {
		padding: 0 15px;
		padding: 0 1.5rem
		}
	
	.columns.padded > .c20:nth-child(5n+5) {
		padding: 0 0 0 15px;
		padding: 0 0 0 1.5rem
		}
		
	.columns.padded > .c10 + .c90,
	.columns.padded > .c15 + .c85,
	.columns.padded > .c20 + .c80,		
	.columns.padded > .c25 + .c75,
	.columns.padded > .c35 + .c70,
	.columns.padded > .c36 + .c64,
	.columns.padded > .c90 + .c10,
	.columns.padded > .c85 + .c15,	
	.columns.padded > .c80 + .c20,
	.columns.padded > .c75 + .c25,	
	.columns.padded > .c70 + .c30,
	.columns.padded > .c64 + .c36 {
		padding:	0 0 0 15px;
		padding:	0 0 0 1.5rem;
		clear: 		right
		}
		
@media screen and (max-width:480px) {
	
	.c90, .c80, .c75, .c64, .c50, .c36, .c33, .c25, .c20, .c10 {
		width:		100% !important
		}	
		
	.columns > .c90, .columns > .c80, .columns > .c75, .columns > .c64, .columns > .c50, .columns > .c36, .columns > .c33, .columns > .c25, .columns > .c20, .columns > .c10 {
		float:		none;
		padding: 	0 !important
		}
	}