body		{background-color:#F2F2F2; height:100%; -webkit-text-size-adjust:none;}
html		{height:100%; }
.info_message{color:#81B814;}
.error_message{color:#D20000;}
#wrapper	{margin-bottom:0; height:100%;text-align:center; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size:13px; line-height:1.5em; display:none;}
#content	{padding:10px;}

#grid		{width:100%; height:848px; position:fixed; z-index:10; background-image: url("sq_grid.png"); background-position: 0px 1px; display:none; pointer-events:none;}

#header_bg	{width:100%; height:1px; position:fixed; top:0px; background-color:#F2F2F2;}

#nav_wr{width: 100%;
    text-align: center;
    height: auto;}

#nav_bg		{    height: 49px;
    background-color: #000;
    position: relative;
    z-index: 2;}
#nav_wr	a				{color:#7E7E7E; text-decoration:none; margin-top:17px;}
#nav_wr	a.nav_but_left	{float:left; margin-left:20px;}
#nav_wr	a.nav_but_right	{float:right; margin-right:20px;}
#nav_wr	a.no_margin		{margin-left:0px; margin-right:0px}
#nav_slash_left			{float:left;}
#nav_slash_right		{float:right;}
#nav_wr input			{text-align: center;font-size: 21px;}
#nav_wr input:focus		{border-color:#BEBEBE !important; outline:none; }
#nav_wr	a:hover			{color:#FFF;}
#nav_wr .active			{color:#FFF;}
#nav_wr .disabled		{color:#262626;}
#nav_wr .nav_slash		{margin:17px 3px 0px 3px;}
#nav_wr #word_input		{width: 100%;margin-bottom: 20px;}
#nav_wr #font_size		{height: 20px;width: 18px;
    text-align: left;
    margin-right: 20px;
    border: 0px;
    font-size: 13px;}
#label_right{ margin:17px 0px 0px 0px; cursor:default;}

#greeting	{width: 100%;
    height: auto;
    margin: auto;}
#greeting p	{line-height:32px;}
#greeting a:hover {color:#81B814;}

#information			{width:100%; height:1px; text-align:left; margin:auto; padding:0px 15px; border:1px solid #A2A2A2; overflow:hidden; display:none;}
#information strong 	{font-weight:bold; font-style:italic;}
#information #process h2{margin-top:9px;}
#information h2			{margin-bottom:16px; padding-top:7px; padding-bottom:12px; font-weight:bold;font-size:15px; border-bottom:1px solid #A2A2A2;}
#information p			{line-height:21px; margin-bottom:12px;}
#information a			{text-decoration:none; color:#000; font-weight:bold;}
#information a:hover	{color:#690;}
#information ul			{list-style:disc inside; margin-bottom:14px;}
#information #who ul	{list-style:none;}
#information ul li 		{margin-bottom:5px;}

.display 				{cursor:default;}

#wordmarks				{font-size:32px; text-align:center; margin:auto; background-color:#F2F2F2;}
.zoom_but, .tracking_but, .remove_but, .display 				{-moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none;}
#wordmarks .wordmark	{display:inline-block; margin:12px; text-align:center; overflow:hidden;}
#wordmarks .display 	{padding:1em; line-height:0.75em; background-color:#fff; border:0.125em solid transparent;}
#wordmarks .filtered_wordmark:hover {cursor:move;}
#wordmarks .zoom 		{-moz-transform:scale(4); -webkit-transform:scale(4);}
#wordmarks .name		{font-size:9px; font-family:monaco, verdana, sans-serif; padding:1px 9px; color:#999;}
#wordmarks .negative	{color:#FFF; background-color:#000;}
#wordmarks .selected_wordmark {border-color:#81B814;}
#wordmarks .wordmark:hover p.name	{color:#000;}
/*optimize button css here*/
#wordmarks .remove_but		{width:13px; height:13px; font-size:9px; line-height:10px; font-family:monaco, verdana, sans-serif; margin-right:4px; margin-top:4px; float:right; color:#7F7F7F; display:none;}
#wordmarks .remove_but:hover			{background-color:#81B814; color:#FFF; cursor:pointer;}
#wordmarks .filtered:hover .remove_but	{display:block;}
#wordmarks .tracking_but		{width:33px; height:13px; font-size:9px; line-height:10px; font-family:monaco, verdana, sans-serif; margin-left:10em; margin-top:4px; float:left; position:absolute; color:#7F7F7F; display:none;}
#wordmarks .tracking_but:hover			{cursor:default;}
#wordmarks .filtered:hover .tracking_but	{display:block;}
#wordmarks .increase {width:13px; height:12px; padding-left:1px; float:right;}
#wordmarks .decrease {width:13px; height:12px; padding-left:1px; float:left;}
#wordmarks .increase:hover, #wordmarks .decrease:hover {color:#FFF; cursor:pointer; background-color:#81B814;}
#wordmarks .zoom_but		{width:13px; height:13px; font-size:9px; line-height:10px; font-family:monaco, verdana, sans-serif; margin-left:4px; margin-top:4px; float:left; color:#7F7F7F; display:none;}
#wordmarks .zoom_but:hover			{background-color:#81B814; color:#FFF; cursor:pointer;}
#wordmarks .filtered:hover .zoom_but	{display:block;}
#wordmarks .ui-sortable-placeholder	{visibility: visible !important; background-color:#E5E5E5; height:3em;}

#filter_buttons	{display:none;}
#print_but{margin-left:11px;}

#modal_window		{width:293px; padding:13px; border:1px solid #A2A2A2; margin:6px auto auto; display:none;}
#modal_window a		{width:85px; height:25px; display:inline-block; margin-top:10px; margin-bottom:4px; padding-top:5px;}
#modal_window p		{margin-bottom:2px;}
#modal_ok				{border:1px solid black; background-color:#000; color:#7E7E7E;}
#modal_cancel, #dont_share	{border:1px solid #A2A2A2; color:#7E7E7E; margin-right:11px;}

#modal_ok:hover		{color:#FFF; border-color:#81B814; background-color:#81B814;}
#modal_cancel:hover, #dont_share:hover	{border-color:transparent; color:#FFF; background-color:#D20000;}
#detect_fonts		{width:0px; height:64px; margin:auto;}
#detect_fonts	a	{color:#000; text-decoration:none; margin-top:14px; font-weight:bold;}
#detect_fonts	a:hover {color:#81B814;}
#donate_but				{display:inline-block;}
#donate_but form 		{display: inline;}
#donate_but .fb-like span:first-of-type {height:22px !important; margin-left:1px !important;}
#donate_but a { vertical-align: top !important; }



#carbonads { width: 300px; height: 100px; border: 1px solid #A2A2A2; padding: 10px; margin: auto; }
a.carbon-img { float: left; margin-right: 10px; }
a.carbon-poweredby { display: block; margin-top: 10px; color: #AAA;}