a.white{color:#fff;text-decoration:none;font-weight:bold;}
a.white:hover{color:#fff;text-decoration:underline;font-weight:bold;}

.line_delete{background:url(/images/line_delete.gif) no-repeat right;}
.line_delete a{color:#f00;}
.line_left{background:url(/images/line_left.gif) no-repeat right;color:#fff;}
.line_center{background:#6b6f6a;color:#fff;}
.line_right{background:url(/images/line_right.gif) no-repeat left;color:#fff;}

.line_left{background:url(/images/line_left.gif) no-repeat right;color:#fff;}
.line_center{background:#6b6f6a;color:#fff;}
.line_right{background:url(/images/line_right.gif) no-repeat left;color:#fff;}

.angle_ccd9f2_left{background:url(/images/angle_blue_left.gif) no-repeat right;}
.angle_ccd9f2_right{background:url(/images/angle_blue_right.gif) no-repeat left;}

.angle_e6f2cc_left{background:url(/images/angle_green_left.gif) no-repeat right;}
.angle_e6f2cc_right{background:url(/images/angle_green_right.gif) no-repeat left;}

/*
Eric Meyer’s CSS Reset

*/

html, body, div, table,form {  
  
    padding: 0;   margin: 0;   
}



/* remember to define focus styles! */
:focus{
  outline: 0;
}

body {
    background: white;
    line-height: 1;
    color: black;
}

ol, ul {
  list-style: none;	
}

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
}

/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}


.clearfix {
	display:inline-block;
}
.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content: ".";
}





body
{
    font-family:"Lucida Grande", Arial, Verdana, Sans-Serif;
    font-size:12px;
    color:#333;
    background:url('../images/bg_repeat.gif') repeat-x 0px 0px;
}

body.home
{
    background:url('../images/bg_repeat_home.png') repeat-x 0px 0px;
}

a
{
    text-decoration:underline;
    color:#0052a8;
}

a:hover {
}

a.command
{
    color:#dd0000;
    font-size:12px;
}

sourcecode
{
    font-family:monospace;
}

strong
{
    font-weight:bold;
}

em
{
    font-style:italic;
}

p
{
    font-family:Georgia, Times;
    line-height:1.3em;
    font-size:15px;
    margin-bottom:30px;
}

.hilite
{
    background:#FFFF88;
}

img.framed
{	
    border:2px solid #ddd;
}



/*
------------------------------------------------------
headings
------------------------------------------------------
*/

h1
{
    font-family:Georgia, Times;
    font-size:24px;
    line-height:1.3em;
    margin-bottom:24px;
}

h1.hilite
{
    padding:5px;
}

h2
{
    font-family:Georgia, Times;
    font-size:20px;
    line-height:1.3em;
    margin-bottom:15px;
}

h3
{
    font-size:16px;
    font-weight:bold;
}

h4
{
    font-size:14px;
    font-weight:bold;
}

h4.hilite
{
    padding:5px;
}

h5
{
    font-size:12px;
    font-weight:normal;
}

h5.hilite
{
    padding:5px;
}

.signup{background:url(/images/sign.gif) no-repeat top; width:160px;height:29px; padding-top:4px;}
.signup a{padding:8px;color:#0000ff;font-size:18px;text-decoration:none;}
.signup a:hover{color:#aaaaaa;font-size:18px;text-decoration:none;}
/* page containers
---------------------- */

.register_table td {padding-left:10px;font-size:14px; font-weight:bold;}

.keyword_advanced{color:#545d38;padding-left:70px;}
.keyword_advanced a{font-size:13px; color:#000; font-weight:bold; text-decoration:none;}

.keyword_results_table_left{background:url(/images/angle_result_left.gif) no-repeat;}
.keyword_results_table_right{background:url(/images/angle_result_right.gif) no-repeat;}
.keyword_results_table_center{background:#e1eefd;}

.line{background:url(/images/line.gif) repeat-x; width:100%; height:1px;margin:3px;}

.keyword_result_big{font-size:20px; color:#000; font-weight:bold;}

.keywords_result_container{margin-left:30px;width:70%; padding-top:10px; position:relative; top:3px; *top:11px;}

.keyform_big{font-weight:bold;font-size:20px; color:#fff;}

.keyform_small{font-weight:bold;font-size:12px; color:#fff;}

.keyform_input{width:250px; height:20px; font-weight:bold;font-size:16px; color:#000; padding:2px;}

.keywords_form_container
{
	width:850px;
	height:70px;
	position:relative;
	top:-1px;
}

.keywords_form_center
{
	background:#6d6d6d;	
}

.keywords_form_left
{
	background:url(/images/angle.gif) no-repeat left;
}

.keywords_form_right
{
	background:url(/images/angle.gif) no-repeat right;
}


.banner_header_content{font-family:"Verdana";letter-spacing: 1px;color:#e7e7e7;padding-top:50px;font-size:20px;line-height:25px;}
.banner_header{font-family:Arial;color:#fff;padding-top:20px;font-size:30px;letter-spacing: 0px;}

#page_container
{
    width:960px;
    margin:0px auto;
    position:relative;
}

#page_container .content
{
    padding:0px;
    min-height:140px;
    margin-bottom:50px;
    position:relative;
}


/* page header
---------------------- */
#page_header
{
    padding:0px;
    height:102px;
    position:relative;
}

#logo
{
    display:block;
    width:232px;
    height:68px;
    background:url('../images/logo.gif') no-repeat 0px 0px;
    position:absolute;
    left:0px;
    top:15px;
}

#main_links {
    position:absolute;
    z-index:1000;
    bottom:20px;
    right:0px;
}

#main_links li {

    margin-left:32px;
    float:left;
}

#main_links li a {
    text-decoration:none;
    font-size:18px;
    font-weight:bold;
    color:#0052a8;
}

#main_links li a.rankmeter {
    text-decoration:underline;
    font-size:20px;
    font-weight:bold;
    color:#00366e;
}


#main_links li a:hover {
    text-decoration:underline;
}


#user_info2 {
    position:absolute;
    top:20px;
    right:170px;
    color:#0052a8;
    font-size:16px;
}
#user_info2 a{color:#0052a8;text-decoration:none;font-size:20px;}
#user_info2 a:hover{color:#0052a8;text-decoration:underline;font-size:20px;}

#user_info {
    position:absolute;
    top:18px;
    right:0px;
}

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

#user_links {
}

#user_links li {
    margin-left:8px;
    float:left;
}

#banner
{
    height:260px;
    background:url('../images/banner_home.png') no-repeat 0px 0px;
    position:relative;
    margin-bottom:50px;
}

#banner_list
{
    height:337px;
    width:364px;
    background:url('../images/banner_list.png') no-repeat 0px 0px;
    position:absolute;
    top:-25px;
    right:5px;
    z-index:100;
}

#btn_signup, #btn_code
{
    display:block;
    height:34px;
    width:130px;
    background:url('../images/button_signup.gif') no-repeat 0px 0px;
    position:absolute;
    bottom:29px;
    left:118px;
    z-index:100;
}

#btn_code
{
    left:272px;
    background:url('../images/button_code.gif') no-repeat 0px 0px;
}


/* title_banner
---------------------- */
.banner_title
{
    padding-top:3px;
    height:25px;
    color:#fff;
}

.banner_title span
{
    font-weight:bold;
    font-size:16px;
    color:#fff;
}



/* page footer
---------------------- */
div#page_footer
{
    color:#666;
    font-size:11px;
    clear:both;
    border-top:1px solid #ddd;
    padding:10px 0px 20px 0px;
}

div#page_footer a
{
    color:#666 !important;
}

div#page_footer .copyright
{
    float:left;
}

div#page_footer .copyright a
{
    float:left;
    text-decoration:none;
}

div#page_footer .legal
{
    margin-left:40px;
    float:left;
}

div#page_footer .sep
{
    margin:0px 5px;
}

div#page_footer .poweredby
{
    float:right;
}

/* clearfix
---------------------- */
.clear {
    clear:both;
}

.clearfix:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    line-height:0;
    visibility:hidden;
}

.clearfix {
    display:block;
}

html[xmlns] .clearfix {
    display:block;
}

* html .clearfix {
    height:1%;
}

/* forms
---------------------- */

dl.form
{
    padding-left:5px;
}

dl.form dt
{
    margin-bottom:6px;
}

dl.form dt label
{
    color:#333;
}

dl.form dt label.invalid
{
    color:#dd0c10;
}

dl.form dd
{
    margin:3px 0px 20px 0px;
}

dl.form dd.hidden
{
    display:none;
}

dl.form p.description
{
    font-family:"Lucida Grande", Arial, Verdana, Sans-Serif;
    font-size:11px;
    margin:0px 0px 5px 0px;
    padding:0px;
    color:#666;
}

div.form_errors_block
{
    background:#ffecec;
    border:1px solid #dd4c10;
    margin:0px 0px 20px 0px;
    padding:10px;
}

div.form_errors_block ul
{
    padding-left:20px;
    list-style:square;
}

div.form_errors_block li
{
    margin:5px 0px 5px 0px;
}

div.form_errors_block p.message
{
    font-family:"Lucida Grande", Arial, Verdana, Sans-Serif;
    font-size:15px;
    margin:0px 0px 10px 0px;
    padding:0px;
    color:#333;
}

dl.form.medium label
{
    font-size:14px;
}

dl.form.large label
{
    font-size:16px;
}

dl.form.medium input
{
    padding:2px;
    font-size:14px;
}

dl.form.medium input[type=text], dl.form.medium input[type=password], dl.form.medium select
{
    padding:4px;
    font-size:16px;
}

dl.form.large input, dl.form.large select
{
    padding:4px;
    font-size:18px;
}

dl.form div.static
{
    padding:4px 0px 14px;

}

dl.form label.disabled
{
    color:#999;
}

dl.form input.disabled
{
    background:#eee;
}


/* 2-column grid (main + sidebar)
---------------------- */

.grid2col {
}

.grid2col .col_left_wrap {
    float:left;
    width:740px;
}

.grid2col .col_left_wrap_long {
    float:left;
    width:100%;
    padding-top:3px;
}

.grid2col .col_right_wrap {
    float:right;
    width:220px;
}

.grid2col .col_left {

    padding:0px 10px 10px 0px;
}

.grid2col .col_right {

    padding:20px 0px 10px 10px;
}

.grid2col .col_right h3
{
    font-size:16px;
    padding:0px;
}

.grid2col .col_right p
{
    font-family:"Lucida Grande", Arial, Verdana, Sans-Serif;
}

/* 3-column grid (left,middle,right)
---------------------- */

.grid3col {
}

.grid3col .col_left_wrap {
    float:left;
    width:315px;
}

.grid3col .col_left {
    padding-right:10px;
}

.grid3col .col_middle_wrap {
    float:left;
    width:330px;
}

.grid3col .col_middle{
    padding:0px 10px;
}

.grid3col .col_right_wrap {
    float:left;
    width:315px;
}

.grid3col .col_right {
    padding-left:10px;
}



/* sidebar panels
---------------------- */

.list_panel
{
    border:2px solid #ddd;
    padding:10px;
}

.list_menu
{
    margin:10px 0px 25px 0px;
}

.list_menu a
{
    display:block;
    line-height:15px;
    padding:4px;
}

.list_menu a:hover
{
    background:#f0f0f0;
}

.list_menu a.current
{
    padding:2px 0px !important;
}

.list_menu a.current:hover
{
    background:none !important;
}

.list_menu a.current span
{
    padding:2px 4px !important;
    color:#fff !important;
    background:#333 !important;
}

.note_panel
{
    background:#fffdc0;
    border:1px solid #bbb;
    padding:10px;
}

.note_panel p
{
    font-size:12px;
    line-height:16px;
    margin-bottom:16px;
}



.head_tasklist
{
    height:26px;
    background:url('../images/icon_list_28.gif') no-repeat 0px 0px;
    padding:6px 0px 12px 40px;
    border-bottom:1px solid #ddddd5;
}

.head_tasklist span.name
{
    font-size:20px;
}

.command_links {
    float:right;
}

.command_links li {
    margin-left:8px;
    float:left;
}

.body_tasklist
{
    padding:20px 0px 0px 0px;
    border-right:0px solid #ddddd5;
}


/* the main task editing table
---------------------- */

table.taskgrid{

}

table.taskgrid td{
    padding:3px 0px 5px 0px;
    line-height:1.3em;
}

table.taskgrid td.action{
    padding:3px 0px 0px 0px;
    text-align:center;
    line-height:1em;
    font-size:10px;
}

table.taskgrid a.delete{
    display:none;
    width:16px;
    height:16px;
    background:url('../images/action_delete_sprite.gif') no-repeat 0 0;
    padding:0px;
    margin:0px auto;
}

table.taskgrid a.delete:hover{
    background-position:0px -16px;
}

table.taskgrid tr.hover td{
    background:#e4f4fc !important;
}

table.taskgrid tr.hover a.delete{
    display:block;
}

table.taskgrid tbody.incomplete td{
    font-size:18px;
}

table.taskgrid tbody.complete td{
    font-size:16px;
    text-decoration:line-through;
    color:#666;
}

table.taskgrid .add td
{
    padding:0px 0px;
}

table.taskgrid .add_container
{
    padding:12px 0px 0px 0px;
    background:#fff;
}


#tt {
 position:absolute;
 display:block;
 background:url(data:image/gif;base64,R0lGODlhBQCWAIABAGZmZv///yH5BAEAAAEALAAAAAAFAJYAAAIgjG8AqaH9opy02ouz3rz7D4biSJbmiabqyrbuC8eyWgAAOw==) top left no-repeat;
 *background:url(../images/tt_left.gif) top left no-repeat;
}
#tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(data:image/gif;base64,R0lGODlhkAEFAIABAGZmZv///yH5BAEAAAEALAAAAACQAQUAAAI0hI+py+0Po5y02ouz3rz7XwWiCJbmiabqyrauOr7yTNf2jecPqff+DwwKZ4Gh8YhMKoWBAgA7) top right no-repeat;
 *background:url(../images/tt_top.gif) top right no-repeat;
 overflow:hidden;
}
#ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#666;
 color:#fff;
}
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(data:image/gif;base64,R0lGODlhkAEFAIABAGZmZv///yH5BAEAAAEALAAAAACQAQUAAAI1hI+py+0Po5y02ouz3rz7nwXgSJbmiabqyqpiC8fyTNf27QQvzvf+DwyydDuh8YhMKm9EXQEAOw==) top right no-repeat;
*background:url(../images/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}