@charset "UTF-8";
/* Awesome Highlighter Style Sheet */

html {
min-width:800px;
} /*IE7*/

body {
font-family:Arial, Helvetica, sans-serif;
font-size:normal;
}

/*------COMMON
----------------------------------------*/

h1 {
font-size:2.2em;
color:#000;
}

h2 {
font-size:2em;
color:#000;
}

h3 {
font-size:1.3em;
color:#666;
}

.content_heading {
width:420px;
margin:30px auto 20px auto;
}

.content_heading h2 {
font-size:24px;
font-weight:normal;
text-align:center;
}

.content_heading h3 {
font-size:18px;
color:#888;
font-weight:normal;
text-align:center;
}

.input_style {
width:300px;
height:36px;
padding-top:5px;
border:1px solid #ccc;
font-size:1.5em;
background:white url(http://www.awesomehighlighter.com/images/form_background.gif) top repeat-x;
}

.stuffing {
height:400px;
}

.clear {
clear:both;
}

.image_replace {
display:none;
}

.float_left {
float:left;
}

/*----HEADER
-----------------------------------------*/

#header {
background-color:#000;
/*  background-color: #fafafa; */
width:100%;
/*   height:30px; */
height:46px;
font-family:arial;
border-bottom:3px solid #ccc;
}

a#logo {
display:block;
margin:0px 0 0 0px;
padding:12px 0px 12px 0;
width:243px;
height:22px;
background: transparent url(images/logo.png);
background-repeat: no-repeat;
background-position: 12px 11px;
}

#header_menu {
float:right;
margin:6px 0 0 0;
font-size:12px;
}

a.header_link:link, a.header_link:visited, a.header_link:active, a.header_link:hover {
float:left;
color:#fff;
/*  color: #313131; */
padding: 10px 13px;
border-left:1px dotted #555;
display:block-inline;
text-decoration:none;
font-size:14px;
}

a.header_link:hover {
text-decoration: underline;
background-color:#222;
}

a.header_login {
text-decoration:none;
}

#header_welcome {
float:left;
color:#cdcdcd;
margin: 12px 7px 0 0;
}

/*--------FOOTER
----------------------------------------*/

a.footer_link:link, a.footer_link:visited, a.footer_link:active, a.footer_link:hover {
color:#fff;
text-decoration:none;
padding-left:10px;
}

a.footer_link:hover {
text-decoration:underline;
}

#footer {
background-color:#000;
width:100%;
min-height:60px;
margin:2px 0 5px 0;
font-family:arial;
padding-top:12px;
text-align:center;
border-top:3px solid #ccc;
}

/*-------HOME PAGE
-------------------------------------------*/

#home_page_bg {
background-color:#fff;
}

#home_description {
width:670px;
margin: 0 auto;
}

#home_description h1, #home_description h2 {
font-weight:normal;
text-align:center;
margin: 40px auto 20px auto;
}

#home_description h2 {
font-size:14px;
color:#666;
width:420px;
margin:0 auto 50px auto;
line-height:1.3em;
}

#home_description em {
background-color:#ffff33;
font-style:normal;
}

#url_entire_container {
margin:0 auto;
width:531px;
}

#url_input_container {
background: #a8a9ac url(images/url_input_pointer.gif) 20px 47px no-repeat;
width:531px;
height:54px;
}

.home_page_input {
float:left;
font-size:1.2em;
color:#282828;
border:1px solid #7f7f7f;
height:27px;
padding:7px 0 0px 7px;
margin:9px;
width:341px;
}

#url_input_button {
float:left;
margin:10px 0 0 0;
}

#url_input_button input {
height:34px;
width:155px;
}

#url_input_description {
font-size:14px;
margin-left:10px;
margin-top:5px;
color:#282828;
}

#home_info {
width:673px;
margin:70px auto 90px auto;
height:210px;
}

#home_info h3 {
font-size:18px;
color:#000;
font-weight:normal;
}

.underline {
border-bottom:1px solid #dadada;
padding-bottom:5px;
margin-bottom:5px;
}

#home_info_left {
float:left;
width:305px;
height:210px;
}

#home_info_left li, #home_info_right li {
margin-left:15px;
padding-top:5px;
}

#home_info_left li {
list-style-type: square;
}

#home_info_left ul {
margin-bottom:70px;
}

#home_info_right {
float:right;
width:305px;
}

#smile_guy {
margin:0 auto;
width:673px;
}

#smile_guy img {
float:right;
}

#be_nice {
float:right;
font-size:18px;
margin:25px 0 0 10px;
}

/*-------ABOUT & PRIVACY
-------------------------------*/
#about_heading {
width:280px;
margin: 30px auto 0 auto;
}

#about_heading_text {
float:right;
margin-top:10px;
margin-right:20px;
}

#privacy_heading_text {
float:right;
margin-top:10px;
margin-right:65px;
}

#about_heading img {
margin-left:10px;
}

#about_heading h1 {
font-size:24px;
font-weight:normal;
}

#about_heading h2 {
font-size:18px;
color:#888;
font-weight:normal;
}

#about_content {
width:450px;
margin:40px auto 50px auto;
line-height:1.4em;
}

#about_content h3 {
color:#282828;
margin-top:38px;
font-weight:normal;
}

#about_content ul {
margin-top:10px;
}

#about_content li {
list-style:none;
line-height:1.4em;
}

#about_content p {
margin-top:10px;
}

#reason_list li {
line-height:1.5em;
}

#reason_list span {
font-size:12px;
color:#9b9b9b;
padding-left:5px;
}




/*------Content
--------------------------------*/

#contentWrapper {
width:90%;  
clear:both;
margin:0 auto; 
}

#content {
/*  float:left; */
width:70%;
background-color:#fff;
padding:0;
}

#sidebar {
float:left;
width:30%;
background-color:#000;
padding:0;
}

#reg_main {
width: 50%;
margin: 0 auto;
}

/*
#webliter_toolbar_left {
  width: 48%;
}

#webliter_toolbar_right {
  float: right;
  margin-left: 50%;
  border: 1px solid;
}
*/

.two_col_left {
width:45%;
margin-left:2%;
}

.two_col_right {
float:right;
width:45%;
margin-right:5%;
}

#top_nav {
float:right;
margin-top:15px;
margin-right:25px;
}

#social_nav {
float:right;
margin-right:25px;
margin-bottom:20px;
color:#44aee3;
}

a.top_nav_link:link, a.top_nav_link:visited, a.top_nav_link:active, a.top_nav_link:hover {
text-decoration:underline;
color:white;
}

a.social_nav_link:link, a.social_nav_link:visited, a.social_nav_link:active, a.social_nav_link:hover {  
text-decoration:underline;
color:#44aee3;
}

#reg_form {
background-color:#6e6e6e;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:white;
}

#reg_form .regrow1  {
background:#FFF url(http://www.awesomehighlighter.com/images/popupbg.gif) repeat-x;
}

#create_highlight_header {
background-color:#999;
height:90px;
width:100%;
color:#333;
margin-top:-5px;
/*  padding-bottom: 5px; */
}

.create_highlight_step {
width:25px;
height:20px; 
background-color:#ccc;
text-align:center;
}

.create_highlight_step_text {
float:left;
margin-left:40px;
width:100%;
border:1px dashed white; 
clear: both;
}

.group_header {
float:left; 
font-size:16pt; 
width:60%; 
margin-left:27%; 
margin-bottom:15px;
}

.group_div {
margin-bottom:20px;
clear:left;
margin-top:20px;
}

.bookmark_sidebar_heading {
font-size:14pt;
text-decoration:underline;
margin-bottom:10px;
}

a.page_nav_link:link, a.page_nav_link:visited, a.page_nav_link:active, a.page_nav_link:hover {
text-decoration:underline;
color:white;
}

.edit_mode { 
font-size:8pt;
visibility:hidden;
display:none;
}

/*-----Contact Form
------------------------------------------------*/

.form_column {
width:350px;
height:400px;
}

.select_style {
border:1px solid #ccc;
font-size:1.5em;
width:300px;
height:41px;
}

.form_column option {
font-size:.7em;
}

.form_column textarea {
background:white url(images/form_background.gif) top repeat-x;
width:350px;
height:200px;
font-size:1.2em;
border:1px solid #ccc;
}

.form_left p {
font-size:1.1em;
margin-top:25px;
padding-bottom:5px;
padding-left:2px;
}

.form_left {
margin-left:30px;
}

.form_right {
width:350px;
float:right;
margin-right:30px;
}

.form_right p {
font-size:1.1em;
padding-bottom:5px;
padding-left:2px;
}

#mood_image {
margin:50px auto 0 80px;
}
	
#contact_form_container {
width:800px;
margin:40px auto 30px auto;
}

.submit_confirm {
margin-top:40px; 
font-size:1.1em;
}

#contact_submit_button {
width:190px;
height:42px;
margin-top:70px;
margin-left:55px;
}

#contact_submit_button input {
width:190px;
height:44px;
background:none;
border:none;
}

/*----REGISTER
-------------------------------------*/

#register_form_container {
width:300px;
height:350px;
margin:0 auto;
}

#register_form_container p {
font-size:1.1em;
padding-bottom:5px;
padding-left:2px;
}
	
#beta_signup {
width:300px;
height:50px;
font-size:.9em;
margin-top:5px;
}

#beta_text {
float:right;
margin-right:15px;
}

#beta_confirm {
width:20px;
height:20px;
margin-left:15px;
}

#register_button {
width:188px;
height:43px;
margin-left:56px;		
}

/*-----LOGIN
----------------------------------*/

#login_container {
width:100%;
height:250px;
margin-bottom:100px;
}

#login_form {
width:300px;
height:350px;
margin: 40px auto 0 auto;
}

#login_form p {
font-size:1.1em;
padding-bottom:5px;
padding-left:2px;
}

#login_form input {
margin-bottom:15px;
}

#login_button {
width:190px;
height:44px;
margin:30px auto 0 auto;
}

#login_links {
width:230px;
margin:10px auto 0 auto;
font-size:.8em;
color:#000;
}

#login_links a {
color:red;
}
	
/*------iFRAME HEADER
-----------------------------------*/

#iframe_header {
width:100%;
height:40px;
background:url(http://www.awesomehighlighter.com/images/iframe_background.gif) top repeat-x;
border-bottom:2px solid #ccc;
}

#iframe_header img {
border:0;
}

#iframe_logo {
padding-top:5px;
padding-left:10px;
}

#iframe_done {
position:absolute;
top:6px;
left:85px;
width:471px;
height:28px;
}

#iframe_addnote {
width:126px;
height:28px;
position:absolute;
top:6px;
right:91px;
}

#iframe_help {
width:71px;
height:28px;
position:absolute;
top:6px;
right:10px;
}

#iframe_instruction {
float:left;
font-family:Comic Sans MS;
font-size:.9em;
color:#eee;
margin-top:7px;
margin-right:7px;
}

#iframe_colorchange {
width:31px;
height:30px;
position:absolute;
top:6px;
right:227px;
}

#color_picker {
width:122px;
height:45px;
position:absolute;
top:42px;
right:197px;
background:url(http://www.awesomehighlighter.com/images/color_picker_background.gif) top repeat-x;
padding:2px 0px 0px 2px;
visibility:hidden;
display:none;
}

#color_picker p {
margin-left:2px;
color:#eee;
font-size:.7em;
}
	

.color_choice {
float:left;
width:22px;
height:22px;
margin:2px;
text-align:center;
}

#color_FFFF15 {
background-color: #ffff15;
}

#color_5AD2FF {
background-color: #5ad2ff;
}

#color_88FF47 {
background-color:  #88ff47;
}

#color_F978FE {
background-color:	#f978fe;
}

#iframe_help_text {
position:absolute;
top:42px;
right:20px;
width:300px;
height:410px;
background-color:#5d5d5d;
color:#eee;
line-height:1.2em;
font-size:14px;
}

#iframe_help_text p, #ifram_help_text ul {
padding:7px 20px 10px 20px;
font-size:.9em;
list-style:none;
}

#iframe_help_text h4 {
padding:15px 0px 0px 20px;
color:#222;
letter-spacing:.1em;
}

#iframe_help_text a {
color:#a0d9ee;
}

#iframe_help_text span {
font-size:.8em;
}

#iframe_help_text strong {
color:#333;
}

/*--------DISPLAY PAGE
----------------------------------------*/

#display_content {
width:673px;
min-height:300px;
margin: 0 auto 0 auto;
}

#display_content a {
color:#3235ba;
}

#awurl_container {
width:663px;
height:85px;
}

.display_success, .display_error {
font-family:arial,verdana,sans-serif;
font-weight:normal;
font-size:18px;
text-align:center;
margin: 33px auto 33px auto;
color:#282828;
}

.display_ff {
font-family:arial,verdana,sans-serif;
font-weight:normal;
font-size:18px;
margin: 33px auto 33px auto;
color:#282828;
}


.display_error {
width:400px;
}

.display_error span {
font-size:14px;
color:#be1a1a;
}

.display_error a {
font-size:14px;
}

.display_ff {
text-align: center;
width:390px;
margin-left:auto;
margin-right:auto;
}

.display_ff a {
text-decoration:none;
clear:none;
}

.line_gradient {
width:663px;
height:1px;
background:url(images/line_gradient.gif) top no-repeat;
margin:0 auto;
}

#awurl_description {
width:400px;
margin:0 auto 25px auto;
color:#2a2b2c;
font-weight:lighter;
text-align:center;
}

#display_awurl {
font-size:30px;
margin:0 auto;
}

#awurl_link {
width:410px;
margin:30px auto 7px auto;
font-size:30px;
text-align:center;
}

#awurl_link a {
text-decoration:none;
}

#display_highlights_container {
width:460px;
min-height:100px;
border: 1px solid #e6e6e6;
margin: 35px 0 40px 0px;
}

#display_highlights {
padding-top:7px;
padding-left:25px;
}

.highlights_title {
font-size:18px;
font-weight:bold;
width:420px;
margin-bottom:3px;
text-decoration:none;
color:#282828 !important;
margin-bottom:3px;
}

#highlights_info_box {
width:410px;
height:0px;
border-top:1px solid #999;
margin-top:5px;
}

#highlights_info_box h2 {
display:inline;
font-size:11px;
color:#7e7e7e;
padding-left:4px;
}

.highlights_info {
font-weight:normal;
font-size:12px;
color:#9b9b9b !important;
text-decoration:none;
padding-left:3px;
}

#display_highlights_list {
width:405px;
}

#highlight_description {
position:relative;
top:25px;
left:0px;
width:200px;
height:32px;
background-color:#d4ebf8;
}

#highlight_description_arrow {
width:8px;
height:7px;
position:relative;
top:7px;
left:8px;
}

.highlight_description_text {
padding-top:9px;
text-align:center;
font-weight:normal;
}

#display_highlights_options {
float:right;
width:180px;
min-height:100px;
margin-top:40px;
margin-bottom: 15px;
background-color:#f7f6f6;
border:1px solid #c7c7c7;
}

#display_highlights_options img {
border:none;
}

#display_highlights_options a {
text-decoration:none;
color:#282828;
}

#display_highlights_options a:hover {
text-decoration:underline;
}

#display_highlights_options ul {
float:right;
width:120px;
margin:0 3px 0 0;
list-style:none;
}

#display_highlights_options li {
font-size:18px;
border-bottom:1px dotted #000;
padding: 16px 0px 16px 0px;
}

.highlight_style {
padding: 10px 5px 10px 0;
border-bottom:1px solid #e6e6e6;
line-height:1.3em;
font-family:helvetica;
font-size:13px;
}

.highlight_style a {
text-decoration:none;
}

.highlight_miss {
color:#be1a1a;
}

.tag_box {
position: absolute;
width: 360px; 
height: 30px; 
border: 1px solid black;
visibility: hidden;
display: none;
background-color: white;
text-align: left;
padding: 2px;
padding-top: 5px;
}

.tag_input {
width: 250px;
}

#option_point {
float:left;
position:relative;
top:13px;
left:-10px;
width:10px;
height:12px;
}

#display_email_icon {
float:left;
margin:17px 0px 0px 10px;
width:24px;
height:16px;
}

#option_icons {
float:left;
width:30px;
}

#share_arrow {
margin-left:10px;
}

#twitter_option {
border-top:1px dotted #000;
margin-top:17px;
}

li#share_link, li#wordpress_option {
border-bottom:none;
}

ul#share_options {
display:none;
visibility:hidden;
margin-right:0px;
}

#highlights_addandedit {
float:right;
width:70px;
font-size:12px;
margin-top:3px;
}

div.highlights_add, div.highlights_edit {
float:left;
margin-left:8px;

}

div.highlights_add a, div.highlights_edit a {
text-decoration:none;
}

#no_highlights_message {
margin:10px auto;
width:300px;
text-align:center;
line-height:2em;
}

#no_highlights_message a {
text-decoration:none;
}


/*-------BOOKMARKS PAGE
----------------------------------------------------*/

ul.highlight_list {
margin:5px 0;
font-style:normal;
border-top:1px dotted #e6e6e6;
margin-right: 110px;
min-height: 80px;
}

.highlight_list a {
color:#282828;
}

.results_title {
font-family: "helvetica neue", helvetica, arial, sans-serif;
font-size:16px;
font-weight:bold;
width:420px;
margin-bottom:3px;
text-decoration:none;
color:#111102 !important;
font-style:normal;
}

.result {
list-style:none;
padding:0px 5px 5px 5px;
margin-top:5px;
margin-left:3px;
margin-right:3px;
}

.highlight_item {
border-bottom:1px dotted #e6e6e6;
font-size:12px;
margin-top:6px;
padding-bottom:6px;
list-style-type:none;
font-family: "helvetica neue", helvetica, arial, sans-serif;
color:#2e2f44;
}

.highlight_item a {
text-decoration:none;
}

.highlight_item li {
list-style:none;
}

.result_domain {
font-family:"helvetica neue", helvetica, arial, sans-serif;
font-weight:normal;
font-size:11px;
color:#5e9c5e !important;
text-decoration:none;
padding-left:3px;
}

#result_actions {
width:100%;
height:30px;
border-bottom:1px solid #ddd;
}

.action_link {
color:#999;
font-size:10pt;
}

.result_link {
float:right;
font-size:12px;
margin-top:3px;
margin-right:10px;
text-align:left;
}

.result_link a, .result_link_left a {
text-decoration:none;
color:#999;
font-style:normal;
font-weight:normal;
}

.result_link a:hover, .result_link_left a:hover, .label_link a:hover {
text-decoration: underline;
color:#000;
}

.result_link_left {
width:60px;
float:left;
font-size:12px;
margin-top:3px;
text-align:center;
}

.show_less {
visibility:hidden;
display: none;
width:60px;
}

.site_message {
text-align: right;
width:70%;
margin:20px auto 20px 0;
}

.new_site_message {
float:right;
margin-right:2px;
margin-top:-2px;
font-weight:normal;
}

a.new_site_message:link, a.new_site_message:visited, a.new_site_message:active, a.new_site_message:hover {
text-align:left;
text-decoration:underline;
color:blue;
padding-left:0px;
padding-right:0px;
font-size:16px;
display:inline;
padding-top:0px;
vertical-align:baseline;
}

.pane_message {
color:gray;
font-size:16pt;
text-align:center;
margin-top: 10%;
margin-bottom: 30%;
}

a.no_hover:hover {
  border-top: none;
}

#highlights_page_right_container{
float:right;
height:100%;
background-clor:#f2f2f2;
width:28%;
margin-top:60px;
}

#highlights_page_tag_heading {
text-align:left;
background-color:#cdfeb2;
padding-left:5px;
}

.label_link {
font-size:12px;
text-decoration:none;
list-style:none;
margin-top:3px;
color:#3235ba;
}

#label_list {
margin-top:10px;
margin-left:5px;
}


/*-----New BOOKMARK PAGE
------------------*/

#stuff_search {
padding:6px 16px 8px 8px;
background-color:#ccc;
height:27px;
}

#stuff_search input {
width:100%;
height:27px;
border:1px solid #333;
font-size:16px;
padding-top:4px;
padding-left:5px;
}

	/*---Containers
	--------*/

#stuff_container {
}

#stuff_content_container {
margin-left:116px;
}

#stuff_actions {
width:115px;
height:370px;
background-color:#f2f2f2;
border:1px solid #b7b7b7;
font-family: arial, verdana, sans-serif;
float:left;
}

	/*----Nav
	---------*/
#stuff_nav {
font-family:Arial, verdana, sans-serif;
font-weight:bold;
height:20px;
margin-left:150px;
}

#stuff_nav ul {
width:100%;
height:20px;
margin-top:5px;
}

#stuff_nav li {
list-style:none;
float:left;
}

#stuff_nav a {
text-align:center;
text-decoration:none;
color:#757575;
padding-left:12px;
padding-right:12px;
font-size:16px;
display:block-inline;
padding-top:4px;
vertical-align:baseline;
}

#nav_list a:hover {
border-top:3px solid #000;
color:#000;
}

#stuff_nav a.current {
background-color:#e3edf0;
border-top:1px solid #b7b7b7;
border-left:1px solid #b7b7b7;
border-right:1px solid #b7b7b7;
padding-bottom:2px;
color:#000;
}


#stuff_nav .rss_link a {
float:right;
text-decoration:none;
color: #fff;
position:relative;
top:5px;
}

#stuff_nav .rss_link a:hover {
color:#000;
border:none;
text-decoration:none;
font-weight:normal;
font-size:12px;
}

	/*----Main content
	---------*/

#stuff_main {
min-width:500px;
height:100%;
border:1px solid #b7b7b7;
}

.stuff_info {
width:100%;
min-height:10px;
background-color:#e3edf0;
}

.bottom {
clear:both;
}

.stuff_paginate {

}

.stuff_paginate a {
text-decoration:none;
color:#888;
}

.stuff_paginate a:hover {
color:#000;
}

	/*----Action Panel
	------------*/
	
#stuff_actions ul {
margin-top:4px;
margin-bottom:4px;
}

#stuff_actions li {
list-style:none;
font-size:16px;
}

#stuff_actions a {
display:block;
text-decoration:none;
color:#5b5b5b;
padding: 3px 0 3px 10px;
}

#stuff_actions a:hover {
background-color:#f7f7f7;
border-left:5px solid #000;
color:#000;
}

#stuff_actions label {
display:block;
font-weight:bold;
font-size:18px;
background-color:#ccc;
color:#f7f7f7;
max-height:20px;
padding-left:5px;
}

#stuff_actions input {
margin-left:7px;
margin-top:5px;
background: transparent url(images/searchbox.gif) no-repeat;
border:none;
width:170px;
height:28px;
padding-left:10px;
padding-top:4px;
}

.action_line {
background: transparent url(images/action_line.gif) no-repeat;
width:160px;
height:2px;
margin:15px 0 10px 10px;
}

 /*--Domain List
 -----------------*/
 
#domain_sort_domains {
float:left;
width:200px;
background-color:#e3edf0;
padding-left:7px;
margin-right:3px;
}
 
#domain_sort_domains a {
color:#777;
text-decoration:none;
font-size:14px;
}

#domain_sort_domains span {
font-size:10px;
}

#domain_sort_domains li {
list-style:none;
}

.domain_item {
padding-top:8px;
}

#domain_sort_highlights {
margin-left:203px;
}

/*------HIGHLIGHTED IMAGE PAGE
----------------------------*/
#image_highlighted_welcome {
width:620px;
margin: 40px auto;
text-align:left;
font-size:18px;
}

#image_highlighted_page {
width:620px;
height:500px;
margin: 50px auto;
}

#image_highlighted_image {
width:400px;
float:right;
}

#image_highlighted_image img {
max-width:400px;
float:left;
}

#image_highlighted_options {
width:200px;
height:220px;
background-color:#e3edf0;
padding-left:10px;
padding-top:15px;
}

#image_highlighted_options label {
display:block;
font-size: 14px;
margin-bottom:3px;
}

#image_highlighted_options input {
background-color:#fcfcfc;
border: 1px dashed #ccc;
margin-bottom:20px;
height:25px;
width:185px;
padding-top:3px;
font-size:14px;
}

#image_highlighted_options input:focus {
background-color:#fff;
border: 1px solid #ccc;
}

#image_highlighted_options a {
color:#1e829b;
}

#image_highlighted_options span {
margin-left:20px;
}

#image_highlighted_page_links input {
border:none;
margin:0;
height:34px;
width:97px;
padding:0;
margin:0 0 15px 0;
}

#image_highlighted_info {
background-color:#f2f2f2;
color:#b7b7b7;
font-size:12px;
width:206px;
height:30px;
padding:4px 2px 2px 2px;
text-align:center;
}