body		{background-color:#F2F2F2; height:100%; -webkit-text-size-adjust:none;}
html		{height:100%; }

::selection {background:#81B814; color:#FFF;} 
::-moz-selection {background: #81B814; color:#FFF;}

strong			{font-weight:bold;}
em					{font-style:italic;}
em strong		{font-style:italic; font-weight:bold;}
.green			{color:#81B814;}
.red				{color:#D20000;}
a:focus 		{outline:none;}
a						{text-decoration:none; color:#000;}
a.tw:hover 	{color:#00C3EB !important;}
a.fb:hover 	{color:#3B5998 !important;}

.info_message{color:#81B814;}
.error_message{color:#D20000;}

#wrapper	{margin-bottom:0; height:100%; min-width:787px; text-align:center; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size:13px; line-height:1.5em; display:none;}
#content	{padding:31px;}

#grid		{width:100%; height:848px; position:fixed; z-index:10; background-image: url("/images/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:927px; height:79px; border:1px solid #A2A2A2; position:fixed; left:50%; top:32px; margin-left:-464.5px; line-height:1em;}
#nav_tr		{width:897px; height:49px; padding:15px; position:relative; z-index:1; background-color:#F2F2F2; opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75);}
#nav_bg		{height:49px; background-color:#000; position:relative; margin-top:-64px; z-index:2; margin-left:15px; margin-right:15px;}

#nav_wr					{color:#7E7E7E;}
#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			{width:178px; height:31px; margin-top:8px; border:1px solid #545454; background-color:#000; color:#FFF; 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:179px; position:absolute; left:358px;}
#nav_wr #font_size		{width:18px; height:20px; margin:14px 20px 0 0; float:right; text-align:left; margin-right:20px; border:0px; background-color:#000; color:#7E7E7E; font-size:13px;}
#nav_wr #font_size:hover {color:#FFF;}
#nav_wr #font_size:focus {color:#FFF;}

#label_right		{float:right; margin:17px 0px 0px 0px; cursor:default;}

#greeting	{width:897px; height:73px; padding-top:120px; margin:auto;}
#greeting p	{line-height:32px;}
#greeting a:hover {color:#81B814;}

.divider	{width:927px; height:0px; border-top:1px solid #A2A2A2;  margin:auto;}
.divider2	{width:927px; height:0px; border-top:1px solid #A2A2A2;  margin:4px auto 22px; display:none;}

#information			{width:897px; height:1px; text-align:left; margin:auto; margin-bottom:24px; 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;}

#info_numbers			{display:none; clear:both;}
#information .number, #info_numbers .number	{width:14px; height:14px; display:inline-block; line-height:14px; text-align:center; background-color:#81B814; color:#FFF; font-size:10px; font-weight:bold; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
#info_numbers			{width:897px; margin:auto; text-align:left;}
#info_numbers .number	{position:absolute; z-index:20; margin-top:7px;}
#info_numbers #no1		{margin-left:442px;}
#info_numbers #no2		{margin-left:827px;}
#info_numbers #no3		{margin-left:603px;}
#info_numbers #no4		{margin-left:717px;}
#info_numbers #no5		{margin-left:164px;}
#info_numbers #no6		{margin-left:281px;}

#forms 					{width:241px; height:262px; padding:9px 15px 0px 15px; overflow:hidden; border:1px solid #A2A2A2; border-bottom:0px; text-align:left; background-color:#F2F2F2; display:none;}
#forms h2				{margin-bottom:15px; padding-top:7px; padding-bottom:12px; font-weight:bold; font-size:15px; border-bottom:1px solid #A2A2A2;}
#forms .form			{width:241px; float:left;}
#forms .form p			{font-size:10px; margin-bottom:4px;}
#forms .form label		{font-size:10px; font-weight:bold; color:#262626;}
#forms .form .input		{width:203px; height:22px; margin-bottom:10px; border:1px solid #A2A2A2; background-color:#FFF; font-size:13px; padding-left:4px;}
#forms .form input:focus	{border-color:#81B814 !important; outline:none; }

#forms .form #remember_w	{float:left;}
#forms .form #remember_w label {font-weight:normal;}
#forms .form #remember_me	{margin-left:-1px; width:14px; vertical-align:bottom; position:relative; top:-4px;}
#forms .form #agree_w		{float:left;}
#forms .form #agree			{margin-left:-1px; width:14px; vertical-align:bottom; position:relative; top:-4px;}
#forms .form #agree_w	a	{border-bottom:1px dotted black;}
#forms .form #agree_w	a:hover	{border-bottom:1px solid #81B814;}

#forms .form a				{font-size:10px; color:#262626; margin-top:1px;}
#forms .form a:hover		{color:#690;}
#forms .info_group			{height:173px; padding:10px 16px; background-color:#FFF; margin-bottom:16px;}
#forms .form #submit		{width:209px; height:32px; font-size:13px; color:#BFBFBF; background-color:#000; border:0px; margin-top:7px; margin-bottom:5px;}
#forms .form #submit:hover{color:#FFF; background-color:#81B814; cursor:pointer;}
#forms ul					{list-style:disc inside; margin-bottom:9px; }
#forms ul li 				{margin-bottom:3px;}
#forms h4					{font-size:10px; position:absolute; margin-left:737px; margin-top:5px; font-weight:bold; padding-top:2px;}
#forms .close_forms			{font-size:10px; position:absolute; margin-left:226px; margin-top:-48px !important; font-weight:bold; padding-top:2px;}
#forms .close_forms:hover	{color:#81B814; cursor:pointer;}


#forms #forgot_password	{display:none;}
#forms #forgot_password .input {margin-bottom:4px;}
#forms .show_forgot		{float:right;}

.display 				{cursor:default;}

#wordmarks				{font-size:32px; text-align:center; margin:auto; padding-top:12px; 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; height:3.75em; 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;}

.button				{width:176px; height:24px; display:inline-block; line-height:16px; margin:10px auto 8px; padding-top:7px; background:#000; border:1px solid #000; color:#7E7E7E; text-align:center;}
.button:hover		{color:#FFF; background:#81B814; border-color:transparent; cursor:pointer;}
#filter_buttons	{display:none;}
#print_but, #share_but, #share_on_facebook, #share_with_email {margin-left:11px;}
#dont_share {width:176px; height:24px; margin-top:11px; background:#F2F2F2;}
#share_on_twitter:hover {background:#00C3EB;}
#share_on_facebook:hover {background:#3B5998;}

#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;}

#saves			{margin-top:24px;}
.save_data		{border-top:1px solid #A2A2A2; padding:6px;}

#saved_selections		{width:897px; padding:9px 15px 0px 15px; border:1px solid #A2A2A2; border-bottom:0px; text-align:left; background-color:#F2F2F2;}
#saved_selections #header{height:19px; padding-bottom:7px; }
#saved_selections h2	{font-size:10px; width:250px; float:left; font-weight:bold; }
#saved_selections h3	{font-size:10px; float:left; font-weight:bold; }
#saved_selections h4	{font-size:10px; float:right; font-weight:bold; }
#saved_selections #h31	{width:321px;}
#saved_selections #h32	{width:200px;}
#saved_selections .selection {font-size:11px; border-top:1px solid #A2A2A2; padding:8px 0 7px;}
#saved_selections .saved_wordmark 	{font-weight:bold; width:250px; display:inline-block; overflow:hidden;}
#saved_selections .save_info		{width:321px; display:inline-block;}
#saved_selections .save_date		{width:199px; display:inline-block;}
#saved_selections .action_but	{width:52px; height:18px; font-size:10px; display:inline-block; text-align:center; opacity: 0.25; -moz-opacity: 0.25; filter:alpha(opacity=25);}
#saved_selections .load_selection_but		{background-color:#000; color:#7E7E7E; border:1px solid transparent;}
#saved_selections .delete_selection_but	{background-color:#F2F2F2; color:#7E7E7E; border:1px solid #A2A2A2; margin-right:8px;}
#saved_selections .selection:hover .action_but {opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);}
#saved_selections .selection:hover {background-color:#FFF;}
#saved_selections .selection:hover .delete_selection_but {background-color:#FFF;}
#saved_selections .selection:hover .saved_wordmark 	{width:238px; padding-left:12px;}
#saved_selections .load_selection_but:hover	{color:#FFF; background-color:#81B814; cursor:pointer;}
#saved_selections .delete_selection_but:hover	{color:#FFF; background-color:#D20000 !important; cursor:pointer; border-color:transparent;}
#saved_selections .selection:hover a{border-bottom:1px dotted #A2A2A2;}
#saved_selections a:hover 			{color:#81B814;}
#saved_selections h4:hover			{color:#81B814; cursor:pointer;}
#saved_selections p					{margin-bottom:14px; padding-top:14px; border-top:1px solid #A2A2A2;}

#detect_fonts		{width:178px; height:32px; margin:auto;}
#detect_fonts	a	{color:#000; text-decoration:none; margin-top:14px; font-weight:bold;}
#detect_fonts	a:hover {color:#81B814;}

#footer					{width:899px; text-align:center !important; padding:9px 14px 4px 14px; font-size:10px; text-align:left; border:1px solid #A2A2A2; border-bottom:0; background-color:#F2F2F2;}
#footer p				{display:inline-block;}
#footer .right			{float:right; width:300px; text-align:right;}
#footer .left			{float:left;  width:300px; text-align:left;}
#footer a:hover			{color:#690;}
#footer .active			{color:#690;}

#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; }

/*.addthis_toolbox		{display:inline-block; height:13px;}*/
/*.addthis_toolbox span	{display:none;}*/

#share_window	{width:927px; margin:auto; line-height:1em; display:none;}
#share_window #image_and_url {width:927px; max-height:443px; border:1px solid #A2A2A2; margin-bottom:20px; padding-bottom:18px;}
#share_window img {display:block; max-width:895px; max-height:319px; border:1px dotted #81B814; margin:15px auto 16px auto;}
#share_window #share_url { color:grey;}
#share_window #share_url:hover {color:#81B814;}

#share_window .form {display:none;}
#share_with_email_form			{border: 1px solid black; width:534px; margin:8px auto; padding:14px;}
#share_with_email_form label		{font-size:10px; font-weight:bold; color:#262626;}
#share_with_email_form input		{width:203px; height:22px; margin-bottom:10px; border:1px solid #A2A2A2; background-color:#FFF; font-size:13px; padding-left:4px;}
#share_with_email_form input:focus	{border-color:#81B814 !important; outline:none; }

#carbonads-container {margin-top:15px; margin-bottom:30px;}
#carbonads-container .carbonad {margin:auto !important;}