body
{
	overflow-y: scroll;
	overflow-x: hidden;
	vertical-align: baseline;
}

body
{
	font-size:16px;
	font-family:'Georgia';
	font-weight:300;
	color:#333;
}

html
{
	width:100%;
}

a
{
	color:inherit;
}

*
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}


#container
{
}

#ajaxStatus
{
	position: fixed;
	bottom: 0;
	width:100%;
	padding:10px;
	background-color: #000;
	color:#fff;
	text-align: center;
}

#logo
{
	margin-bottom: 5px;
	position: relative;
}

#logo>span
{
	font-size:2.5em;
	font-weight:bold;
	letter-spacing: 0px;
	color:#000;
	font-family:'Neue Helvetica W01';
	font-weight:600;
	vertical-align: middle;
}

#logo>span>em
{
	font-size:0.5em;
	vertical-align: super;
}

#header
{
	padding-bottom: 20px;
	padding-top:20px;
	padding-left:20px;	
	padding-right:20px;	
	position: relative;
}

#status
{
	color:#fff;
	position: absolute;
	top:0;
	left:0;
	color:#000;
	width:100%;
	height:100%;
	background-color: #fff;
	padding:0px;
	font-family:'Neue Helvetica W01';
	font-weight:600;
	text-align:;
	text-transform:;
	vertical-align: middle;	
	display: none;
}


#status>span
{
	vertical-align: middle;
	font-size:2.5em;
	font-family:'Neue Helvetica W01';
	font-weight:600;
	text-transform:;
}

#status>i
{
	vertical-align: middle;
	font-size:2em;
	margin-right:10px;
	font-weight:bold;
	cursor: pointer;
}



#menu
{
	overflow:hidden;
}

#menu li
{
	vertical-align: middle;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:10px;
	cursor: pointer;
}

#menu li.highlight
{
	background-color: #333;
	color:#fff;
	padding-left:10px;
	padding-right:10px;

}

#menu li:first-child
{
	margin-left:0 !important;
}

#menu li>span
{
	vertical-align: middle;
	font-size:1.2em;
	font-family:'Neue Helvetica W01';
	font-weight:600;
	text-transform: uppercase;
}

#menu li>i
{
	vertical-align: middle;

	font-size:1.2em;
}

#menu li#menu_about
{
	float:right;
	background-color: #00789f;
	color:#fff;
	padding-left:10px;
	padding-right:10px;
	margin-right: 0;
}

#body
{
	position: relative;

}

#body.loading
{
	background-position: center;
	background-size:;
	background-repeat: no-repeat;
	background-image: url(../images/loadingBody.gif);
}

#content
{
	position: relative;
	overflow: hidden;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

#palette_content
{
	position: absolute;
	height:100%;
	width:100%;
	background-color: #fff;
	z-index: 999;
	display: none;
	overflow-y:scroll;
  	-webkit-overflow-scrolling: touch;	
  	padding:0px 30px 30px 30px;
  	border-bottom: 0px solid #fff;
  	border-top:0px dotted #000;
  	opacity:1;
  	bottom: 0;
}



/* PALETTE */


.node {
  border: solid 5px white;
  overflow: hidden;
  position: absolute;
  cursor: pointer;

}

.palette_block
{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}

.palette_block.invert
{
	border:1px solid #999;

}

.node:hover {

  border: solid 5px #eee;

}

#palette
{
	overflow: hidden;
	width:;

}

#palette>li
{
	overflow: hidden;
	padding:5px;
	width:320px;
	float:left;
	position: relative;
	cursor: pointer;

}

div.palette_swatch
{
	position: relative;
	height:100%;
	width:100%;
	height:180px;
	border-radius:0px;
	overflow: hidden;

}

div.palette_name
{
	position: absolute;
	color:#fff;
	font-size:2em;
	font-weight:bold;
	letter-spacing: 0px;
	width:;
	bottom:10px;
	left:15px;
	text-align:;
	margin-top:-0.5em;
	font-family:'Neue Helvetica W01';
	font-weight:600;	
	text-transform:;

}

div.palette_name
{
	vertical-align: middle;
}


div.palette_label
{
	position: absolute;
	color:#fff;
	font-size:1.2em;
	font-weight:;
	letter-spacing: 0px;
	/*width:100%;*/
	top:0;
	right:10px;
	text-align: center;
	margin-top:10px;
	font-family:'Neue Helvetica W01';
	font-weight:400;
}

div.palette_words
{
	position: absolute;
	color:#fff;
	font-size:3em;
	font-weight:;
	letter-spacing: 0px;
	width:110%;
	height:110%;
	top:0%;
	left:0;
	text-align: justify;
	word-wrap:break-word;
	overflow: hidden;
}

div.palette_words>span
{
	margin-right: 0.25em;
	opacity:0.2;

}

div.palette_words>span:hover
{
	/*opacity: 1;*/
}

div.palette_name.invert, div.palette_label.invert
{
	color:#000 !important;
}


div.palette_words.invert
{
	color:#333 !important;
}

div.palette_content.invert
{
}

.palette_bar
{
	height:10px;
	background-color: #000;
	position: absolute;
	bottom: 0;
	left:0;
	width:100%;
	opacity:0.2;
}
	
.border
{
	border:1px dotted #999;
}

#palette_sort
{
	overflow: hidden;
	margin-bottom: 10px;
}

#palette_sort>li
{
	vertical-align: middle;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family:'Neue Helvetica W01';
	font-weight:600;	
	font-size:1em;
	text-transform: uppercase;
	cursor: pointer;
}


#palette_sort>li.highlight
{
	background-color: #333;
	color:#fff;
	padding-left:10px;
	padding-right:10px;
	margin-right:10px;
	margin-left:10px;	
}


#palette_sort>li:first-child
{
	margin-left:0 !important;
}

#palette_content_list.invert
{
	color:#000 !important;
}

#palette_content_list
{
	line-height: 1.4;
	color: #000;
	overflow: hidden;
	 position: relative;


}

#palette_content_list>a>li
{
	display:block;
	position: relative;
	padding:10px;
	border: 5px solid transparent;
	width:50%;
	float:left;

}

#palette_content_list>a>li>span.palette_content_entry
{
	z-index: 998;
	position: relative;
	overflow: hidden;
	max-width:100%;
	display:block;
	font-size:1.5em;
}



#palette_content_list>a>li>span.palette_content_fraction
{
	font-size:0.8em;
	opacity:0.5;
	display: block;
	z-index: 998;
	position: relative;
}




.palette_meter
{
	z-index: 996;
	background-color: #fff;
	margin-top:0px;
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity: 0.2;
}

.palette_meter_fill
{
	z-index: 997;	
	height:100%;
	width:100%;
	margin-top:;
	bottom: 0px;
	position: absolute;
	background-color: #fff;
	left:0;	
}

.palette_meter_fill[color='dddddd']
{
	border:1px dotted #999;
}

.palette_meter_box
{
	height:100%;
	position: relative;
	display:inline-block;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	opacity:0.2;
}

.palette_meter_box_fill
{
	position: absolute;
	width:100%;
	bottom: 0;
}



#palette_content_list>a>li:hover .palette_content_entry, #palette_content_list>a>li:hover .palette_content_fraction
{
	/*opacity:0;
	z-index: 995;*/
}


.palette_meter_box:hover
{
	opacity:1;
}


#close
{
	display: none;
	position: fixed;
	bottom: 0px;
	background-color: #000;
	width:100%;
	padding:10px 0px 10px 0px;
	z-index: 1001;
	text-align: center;
	color:#fff;
	font-size:1.5em;
	font-family:'Neue Helvetica W01';
	font-weight:600;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	border-top:1px dotted #fff;
}

#palette>li.activate .palette_content
{

	display:block;
}

#word_list
{
	overflow: hidden;
	padding:20px;
	padding-left:0;
	padding-right:0;
	padding-bottom: 50px;
	line-height: 1.2;
}

#word_list>li
{
	font-size:3em;
	float:left;
	display:;
	margin-right:0.25em;
	position: relative;
	cursor: pointer;
}

#word_list>li>a
{
	text-decoration: none;
}

li.count
{
	color:#ccc;
}

#word_tools
{
	display:inline-block;
	vertical-align: middle;
}

#word_search
{
	margin:0;
	padding:0;
	border:0;
	font-family:'Georgia';
	font-weight:300;
	padding:10px;
	font-size:1.5em;
	display:inline-block;
	width:540px;
	border:1px solid #999;
	vertical-align: middle;
	margin-right:0px;
	/*margin-right:auto;*/
}

#word_search_btn, #word_search_clear
{
	margin:0;
	padding:0;
	border:0;
	font-weight:300;
	border:0px solid #999;
	background-color: #fff;
	font-size:2em;
	margin-left:10px;
	display:inline-block;
	cursor: pointer;
	vertical-align: middle;

	/*margin-right:auto;*/
}

#word_colors
{
	position: fixed;
	bottom: 0;
	left: 0;
	width:100%;

}

div.colorbox_parent
{
	position: absolute;
	width:100%;
	bottom: 0;
	left:0;
	background-color: #eee;

}

a.colorbox, div.colorbox
{
	position: relative;
	float:left;
	height:10px;
	display:block;
	bottom: 0;
	left:0;
	border-top:0px solid #ccc;

}

a.colorbox[hex=""], div.colorbox[hex=""]
{
	border:1px dashed #999;
	background-color: #eee;
}

a.colorbox[hex="ffffff"], div.colorbox[hex="ffffff"]
{
	border:1px solid #ccc;
}

.word_pop
{
	position: absolute;
	top:-11px;
	background-color: #fff;
	left:-11px;
	padding:10px 10px 25px 10px;
	display:none;
	border:1px solid #ccc;
	z-index: 100;
	padding-bottom:;
	box-shadow:0px 0px 30px -10px #000;
}

#word_list>li:hover .word_pop
{
	display:block !important;
}

.word_pop.loading
{
	background-position: center;
	background-size:;
	background-repeat: no-repeat;
	/*background-image: url(../images/loadingBody.gif);*/
}


.word_pop div.colorbox
{
	height:15px;
	position: relative;
	border-right:1px solid #fff !important;
	border-left:1px solid #fff !important;
	border-top:1px solid #fff !important;
	border-bottom:1px solid #fff !important;
}


.word_pop a.colorbox[hex="ffffff"], .word_pop div.colorbox[hex="ffffff"]
{
	border:0;
	position: relative;
}

.word_pop a.colorbox[hex="ffffff"]:before, .word_pop div.colorbox[hex="ffffff"]:before
{
	z-index: 101;
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border:1px solid #ccc !important;
}

.word_pop a.colorbox[hex=""], .word_pop div.colorbox[hex=""]
{
	border:0;

}

.word_pop a.colorbox[hex=""]:before, .word_pop div.colorbox[hex=""]:before
{
	z-index: 101;
	 content: "";
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  right: 0px;
	  bottom: 0px;
	border:1px dashed #999 !important;

}


.word_pop.invert
{
	color:#fff !important;
}

div.palette_words
{
	position: absolute;
	color:#fff;
	font-size:3em;
	font-weight:;
	letter-spacing: 0px;
	width:110%;
	height:110%;
	top:0%;
	left:0;
	text-align: justify;
	word-wrap:break-word;
	overflow: hidden;
}

div.palette_words>span
{
	margin-right: 0.25em;
	opacity:0.1;

}

#text_analysis
{
	overflow: hidden;
	margin-left: 20px;
	margin-right: 20px;
	position: relative;	
	height: 100%;
}

#text_analysis_left
{
	width:50%;
	float:left;
	padding-right:10px;
	height: 100%;
	position: relative;	
}

#text_analysis_left h1, #fingerprint_left h1
{
	font-size:0.6em;
	margin-top:10px;
}

#text_analysis_toolbox
{
	overflow: hidden;
	margin-bottom: 10px;
}

#text_analysis_select
{
	font-family:'Georgia';
	font-weight:300;
	border:1px solid #999;
	font-size:1.2em;
	padding:5px;
	display:block;
	float:left;

}

#text_analysis_toggle
{
	float:right;
	overflow: hidden;
	display:none;
}

#text_analysis_toggle>li
{
	float:left;
	margin-left:5px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;	
	font-family:'Neue Helvetica W01';
	font-weight:600;
	text-transform: uppercase;
	margin-top:5px;
}

#text_analysis_toggle>li.active
{
background-color: #333;
color: #fff;
padding-left: 5px;
padding-right: 5px;
}

#text_analysis_input
{
	margin: 0;
	padding: 0;
	font-family:'Georgia';
	font-weight:300;
	border:1px solid #999;
	padding:10px;
	font-size:1.2em;	
	height: 70%;
 	/*min-height:300px; 		*/
	width:100%;
	min-width:100%;
	max-width:100%;
	display:block;
	line-height: 1.4;

}


#text_analysis_start
{
	padding:0;
	border:0;
	margin:0;
	background-color: #333;
	color:#fff;
	padding-left:10px;
	padding-right:10px;	
	font-family:'Neue Helvetica W01';
	font-weight:600;
	font-size: 1.2em;	
	text-transform: uppercase;
	display:block;
	margin-top:20px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;	
}

#text_analysis_right
{
	width:50%;
	float:right;
	padding-left:10px;
	height: 100%;
	position: relative;

}

#text_analysis_result
{
	background-color: #eee;
	height: 70%;
	position: relative;
	font-family:'Georgia';
	font-weight:300;
	padding:0px;
	font-size:1.5em;		
	overflow-y:scroll;
 	/*min-height:300px; 		*/

}

.fingerprint_result
{
	background-color: #eee;
	position: relative;
	font-family:'Georgia';
	font-weight:300;
	padding:0px;
	font-size:1.2em;
	/*min-height: 200px;*/
	margin-bottom: 10px;
	padding-bottom: 20px;
	padding:;
	overflow-y:scroll;
	height: 100px;
	min-height: 100px;
	max-height: 100px;
}

.fingerprint_result .text_analysis_breakdown_item_number
{
	font-size: 0.6em;
}




#text_analysis_result>p, .fingerprint_result>p
{
	margin-bottom: 1em;
	margin-left:20px;
	margin-right:20px;
	line-height: 1.4;

}

#text_analysis_result>p:last-child
{
	margin-bottom: 20px !important;
}

.fingerprint_result>p:last-child
{
	margin-bottom: 0px !important;
}

#text_analysis_result>p>span, .fingerprint_result>p>span
{
	margin-right:0.2em;
	display:inline-block;
	position: relative;
	padding-bottom: 10px;
}

#text_analysis_result>p>span[colors], .fingerprint_result>p>span[colors], #text_analysis_result>p>span[link], .fingerprint_result>p>span[link]
{
	cursor: pointer;
}

#text_analysis_result>p>span.placeholder, .fingerprint_result>p>span.placeholder
{
	border: 1px dotted #000;
	opacity:0.2;
}

#text_analysis_result div.colorList, .fingerprint_result  div.colorList
{
	/*position: */
	position: absolute;
	width:100%;
	bottom: 0;
	left:0;
	background-color:;	
}

#text_analysis_result>p>span:hover>div.colorList>i, .fingerprint_result>p>span:hover>div.colorList>i
{
	/*height:5px;*/
}


#text_analysis_result>p>span a, .fingerprint_result>p>span a
{
	position: relative;
	height:10px;
	width:5px;
	float:left;
	border-right:1px solid #eee !important;
	border-left:1px solid #eee !important;
}


#text_analysis_result>p>span a[hex="ffffff"]:before, .fingerprint_result>p>span a[hex="ffffff"]:before
{
	z-index: 101;
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border:1px solid #ccc !important;
}

#text_analysis_result>p>span a[hex=""], .fingerprint_result>p>span a[hex=""], #text_analysis_result>p>span a[hex="ffffff"], .fingerprint_result>p>span a[hex="ffffff"]
{
	border:0;
}

#text_analysis_result>p>span a[hex=""]:before, .fingerprint_result>p>span a[hex=""]:before
{
	z-index: 101;
	 content: "";
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  right: 0px;
	  bottom: 0px;
	border:1px dashed #999 !important;

}


.text_analysis_color_detail
{
	position: relative;
	float:left;
	width:100%;
	background-color: #000;
	display:none;
	z-index: 999;
}


.text_analysis_color_detail_list
{
	padding:20px;
	padding-bottom: 10px;
	color:#fff;
	position: relative;
}

.text_analysis_color_detail_list.invert
{
	color:#000;
}

.text_analysis_color_detail_list>a
{
	font-size:1.2em;
	margin-bottom:10px;
	margin-right:10px;
	display:inline-block;
	text-decoration: none;
}

.text_analysis_breakdown{
	overflow: hidden;
	width:100%;
	margin-bottom: 20px;
	border: 1px solid #ccc;	
}

.text_analysis_breakdown_item
{
	height:30px;
	float: left;
	cursor: pointer;
}

.text_analysis_breakdown_item:hover>div.text_analysis_breakdown_item_number
{
	display:block;
}

.text_analysis_breakdown_item_number
{
	text-align: center;
	font-size:0.5em;
	color:#fff;
	padding-top:9px; 
	padding-bottom:9px; 
	display:none;
}

.text_analysis_breakdown_item_number.invert
{
	color:#000;
}

#about
{
	overflow:hidden;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;	
	height: 100%;
	padding-bottom: 30px;
}


#about>h1
{
	font-size:2em;
	font-weight:bold;
	letter-spacing: 0px;
	color:#000;
	font-family:'Neue Helvetica W01';
	font-weight:600;
	vertical-align: middle;
	margin-bottom: 0.5em;
	width:75%;

}

#about>p
{
	line-height: 1.4;
	margin-bottom: 1em;
	width:75%;
}

#about>p>strong
{
	font-weight:700;
	color:#000;
}

#about>p.small
{
	font-size:0.8em;
}

#about a
{
	color:#000;
	text-decoration: underline;
}


#fingerprint
{
	overflow: hidden;
}


#fingerprint_left
{
	width:50%;
	float:left;
	padding-right:10px;
	height: 100%;
	position: relative;	
}

#fingerprint_right
{
	width:50%;
	float:right;
	padding-left:10px;
	height: 100%;
	position: relative;	
}

.fingerprint_textarea_item
{
	position: relative;
	margin-bottom: 10px;
	border:1px solid #999;
}

button.fingerprint_remove
{
	padding:0;
	margin:0;
	border:0;
	position: absolute;
	top:5px;
	right:5px;
	padding:5px 0px 5px 0px;
	font-size:1.1em;
	background-color: #333;	
	color:#fff;
	border-radius:10px;
	width:1.5em;
	text-align: center;
	cursor: pointer;
}

textarea.fingerprint_textarea
{
	margin: 0;
	padding: 0;
	font-family:'Georgia';
	font-weight:300;
	padding:10px 50px 10px 10px;
	font-size:1em;	
	height: 98px;
	min-height: 98px;
	max-height: 98px;
	width:100%;
	min-width:100%;
	max-width:100%;
	display:block;
	line-height: 1.4;	
}

button.fingerprint_btn
{
	padding:0;
	border:0;
	margin:0;
	background-color: #333;
	color:#fff;
	padding-left:10px;
	padding-right:10px;	
	font-family:'Neue Helvetica W01';
	font-weight:600;
	font-size: 1.2em;	
	text-transform: uppercase;
	display:inline-block;
	margin-top:20px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;		
}

#fingerprint_chart
{
	margin-bottom: 10px;
	display:none;
}

div.fingerprint_row
{
	text-align: ;
	overflow: hidden;
	margin-bottom: 5px;
	position: relative;
	border:1px solid #ddd;
	margin-bottom: 10px;
	padding-top: 10px;

}

div.fingerprint_row:hover
{
	border:1px solid #000;
}

div.fingerprint_row>span
{
	width:8.3333333333333333333333333333333%;
	text-align: center;
	vertical-align: bottom;
	display:inline-block;
	z-index: 1;
	position: relative;
	padding-left:5px;
	padding-left:5px;

}

div.fingerprint_row>span:first-child
{
	padding-left:5px;
	padding-top:5px;
	vertical-align: top;
	padding-bottom: 5px;
}

div.fingerprint_row>span>i.dot
{
	/*max-width:50px;
	max-height:50px;*/
	text-align: center;
	vertical-align: bottom;
	background-color: #eee;
	width:80%;
	display:inline-block;
	/*
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	left: 0;
	bottom: 0;
	position: absolute;*/
}

div.similarity
{
	background-color: rgba(50, 50, 50, 0.8);
	padding: 4px;
	color: #fff;
	position: absolute;
	width:;
	text-align: right;
	padding:5px;
	font-size:0.9em;
	bottom: 0;
	right:0;
	display:none;
	z-index: 2;

}

div.bar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family:'Neue Helvetica W01';
	font-weight:600;	
	color:#333;
	background-color: rgba(0,0,0,0.2);
	display:none;
	z-index:;

}

div.bar>strong
{
	text-align: center;
	display:block;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom: 5px;
	top:50%;
	font-size:1.2em;
	left:5px;
	margin-top:-14.5px;
	position: absolute;
	background-color: #000;
	color:#fff;
	z-index: 100;

}

div.fingerprint_row:hover>div.bar
{
	display:;
	width:100% !important;
}


#fingerprint_prompt
{
	display:none;
	background-color: #eee;
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;
}


#fingerprint_result_mode
{
	float:;
	overflow: hidden;
	display:none;
	margin-bottom: 15px;
}

#fingerprint_result_mode>li
{
	float:right;
	margin-left:5px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;	
	font-family:'Neue Helvetica W01';
	font-weight:600;
	text-transform: uppercase;
	margin-top:5px;
}

#fingerprint_result_mode>li.active
{
	background-color: #333;
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
}

#word_view
{
}

#sense_words
{
	margin-top:20px;
	display:block;
	vertical-align: baseline;
	line-height: 1.4;
}

#sense_words>li
{
	vertical-align: bottom;
	display:inline-block;
	font-size:1.5em;
	color:#ccc;
	margin-right:5px;

}

#sense_words>li>a
{
	text-decoration: none;
}

#sense_words>li.label
{
	color:#000;
}

#main_word
{
	/*width:50%;*/
	display:inline-block;
	position: relative;
	vertical-align:;
	margin-right:10px;
	padding-bottom: 30px;


}

#main_word a.colorbox
{
	height:20px;
	position: relative;
	z-index: 101;
	border-right:1px solid #fff !important;
	border-left:1px solid #fff !important;
}

#main_word a.colorbox:last-child
{
	border-right: 0 !important;
}

#main_word>strong
{
	font-size:5em;
	line-height:;
	z-index: 100;
	position: relative;
}

#main_word>div.colorbox_parent
{
	border:0px solid #999;
	background-color: #fff;
}

#main_word div.filler
{
	position: relative;
	height:100%;
	width:30%;
	display:none;
}

#main_word a.colorbox[hex="ffffff"], #main_word div.colorbox[hex="ffffff"]
{
	border:0;
}

#main_word a.colorbox[hex="ffffff"]:before, #main_word div.colorbox[hex="ffffff"]:before
{
	z-index: -1;
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border:1px solid #ccc !important;
}

#main_word a.colorbox[hex=""], #main_word div.colorbox[hex=""]
{
	border:0;

}

#main_word a.colorbox[hex=""]:before, #main_word div.colorbox[hex=""]:before
{
	z-index: -1;
	  content: "";
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  right: 0px;
	  bottom: 0px;
	border:1px dashed #999 !important;

}



#agreement_tooltip
{
	display:none;
	width:450px;
}

#agreement_tooltip>h1
{
	font-weight:;
	font-size:1.4em;
	margin-bottom:10px;
}

#definitions
{
	width:50%;
	margin-top: 20px;
	color:#999;

}

#definitions>li
{
	line-height:1.2;
	list-style-type: disc;
	margin-bottom: 1em;
	list-style-position: inside;
}

#word_view_toggle
{
	overflow: hidden;
	margin-top:20px;
}

#word_view_toggle>li
{	
 vertical-align: middle;
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-right: 5px;
  cursor: pointer;
  vertical-align: middle;
  font-size: 1em;
  font-family: 'Neue Helvetica W01';
  font-weight: 600;
  text-transform: uppercase;  
}


#word_view_toggle li.highlight
{
	background-color: #333;
	color:#fff;
	padding-left:10px;
	padding-right:10px;

}

div.colorbox_sense_collector
{
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 0;
  z-index: 1000;	
}

div.senseblock
{
	float:left;
	height:4px;
	background-color: #333;
	border-left:1px solid #fff;
	border-top:2px solid #fff;
	border-right:1px solid #fff;
}

@media all and (min-width:0px) and (max-width: 639px) {
  #palette_content_list>a>li {
  	width:50%;
  	font-size:0.8em;
  	padding:5px;
  	border-width:2px;
  }

  .palette_label, .palette_name {
  	display:none;
  }

  .node, .node:hover {
  	border-width:2px;
  }


	#logo>span {
 		font-size:1.5em;
 	}

 	#header {
 		padding:10px;
 	}

 	#menu li>span
 	{
 		font-size:0.9em;
 		display:none;
 	}

 	#menu li>i
 	{
 		font-size:1.1em;
 	}

	#menu li
	{
		margin-right: 5px;
	}

 	#menu li.highlight, #menu li#menu_about, #palette_sort>li.highlight
 	{
 		padding-left:5px;
 		padding-right:5px;
 		margin-right:5px;
 	}

 	#menu li#menu_about
 	{
 		display:block;
 		float:left;
 	}

 	#palette_sort>li
 	{
 		font-size: 0.9em;
 	}

 	#content
 	{
 		padding-left:10px;
 		padding-right:10px;
 	}

 	#palette_sort
 	{
 		margin-bottom: 5px;
 	}

 	#about
 	{
 		font-size:0.8em;
 		padding-left: 5px;
 		padding-right: 5px;
 	}

 	#about>*
 	{
 		width:100% !important;
 	}

 	#text_analysis
 	{
 		margin-left:0;
 		margin-right:0;
 	}

 	#text_analysis_select
 	{
 		font-size:0.8em;
 		width:100%;
 	}

 	#text_analysis_input
 	{
 		font-size:0.9em;
 		min-height:300px;
 		height:300px;
 		max-height:300px;
 	}

 	#text_analysis_result
 	{

 		min-height:300px;
 		height:300px;
 		max-height:300px; 		
 	}

 	#text_analysis_left
 	{
 		padding-right:5px;
 	}

 	#text_analysis_right
 	{
 		padding-left:5px;
 	}

 	#text_analysis_start
 	{
 		margin-top:5px;
 		padding:5px;
 		font-size:1em;
 	}

 	.text_analysis_breakdown_item
 	{
 		height:10px;
 		margin-bottom: 0px;
 	}

 	#text_analysis_result>p
 	{
 		margin-left: 10px;
 		margin-right: 10px;
 	}

 	#text_analysis_result>p:last-child
 	{
 		margin-bottom: 10px !important
 	}

 	#text_analysis_breakdown
 	{
 		margin-bottom: 10px;
 	}

 	#text_analysis_result
 	{
 		font-size:0.9em;
 	}

	#text_analysis_result>p>span i
	{
		height:2px;
		margin-bottom: 2px;
	}

	#word_search
	{
 		font-size:0.8em;
 		width:80%;
 		padding:5px;
	}

	#word_search_btn, #word_search_clear
	{
 		font-size:1.2em;
 		padding:0px;
 		margin-left:5px;

	}

	#word_tools
	{
		margin-left: 0;
		display:block;
		margin-bottom: 10px;
	}

	#word_list
	{
		padding:5px;
	}

	#word_list>li
	{
		font-size:1.3em;
	}

	.word_pop
	{
		padding:2px;
		top: -5px;
		left: -5px;
	}

	a.colorbox, div.colorbox
	{
		display:block;
		height:5px;
	}

}

@media all and (min-width: 640px) and (max-width:959px) {
  #palette_content_list>a>li {
  	width:33.33333%;
  }
  .palette_label {
  	display:none;
  }

  div.palette_name
  {
  	font-size:1.5em;
  }
}

@media all and (min-width: 960px) {
  #palette_content_list>a>li {
  	width:25%;
  }
}