/* CSS Document */

/**********************************/
/* BODY                           */
/**********************************/
body {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	background: #82d6fc url(/images/bg.png) repeat-x;
	margin: 0;
	text-align: center;
}
#whole-page {width: 800px; margin: auto; padding: 0; text-align: left;}

/**********************************/
/* HTML TAGS                      */
/**********************************/
a, a:link, a:visited {color: #c00; text-decoration: none; font-weight: bold;}
a:hover, a:active {text-decoration: underline;}
td {vertical-align:top;}
th {padding-right:15px; text-align:right;}
dl { font-size:14px; line-height:1.3em;}
dt { font-weight:bold;}
dd { margin-left:20px; padding-bottom:8px;}
h1 {font-family:Verdana, sans-serif; font-size:16pt; color: #19268a; font-weight:normal;}
h3 {background-color: #ffffff; border: 0;	color: #7C891A;	font-size: 1.2em;	text-align:left; padding: 5px 0px;}
em {font-style:normal; background-color: #ff9;}

/* Hack to get IE to display fieldset/legend correctly */
html fieldset {position: relative;}
html legend {position: absolute; top: -1em;	left: .5em;}
html fieldset {position: relative; margin-top: 2em; padding-top: 2em; padding-bottom: 2em;}
fieldset {background: #e4e6d6;}
legend {color: #fff; background: #19268a;	padding: .4em 1em; font-weight: bold;}

/**********************************/
/* HEADER                         */
/**********************************/
#header {height:138px; width:800px;	color:#fff; background:#fff url(/images/linksale-logo.png) no-repeat; background-position: 15px 40px; margin:0; padding:0;}
#top-nav {color: #003158; font-size: 11pt; font-weight: bold; padding: 8px 15px 7px 15px;}
#top-nav a, #top-nav a:link, #top-nav a:visited {color: #fff; text-decoration: none; background:none;}
#top-nav a:hover, #top-nav a:active {color: #003158; background:none;}

/**********************************/
/* CONTENT DIV                    */
/**********************************/
#content {height: 100%; background: white; margin: 0;	padding: 15px; padding-bottom: 50px; border: 1px solid #000;}

/**********************************/
/* FOOTER                         */
/**********************************/
#footer {color: black; padding: 6px; text-align:center;	font-size: 11px;}

/**********************************/
/* FORM STYLES                    */
/**********************************/
label { width: 12em; float: left; text-align: right; margin-right: .4em; display: block;}
input {font-weight: normal; font-family: Verdana, sans-serif;}
.form-row {padding-bottom: .5em;}
.submit {margin-left: 15em;}
.form-display tr {vertical-align:top;}
.form-display th {width: 12em; text-align: right; padding-right: .4em; font-weight:normal;}
.form-display td {font-weight:bold;}
.form-display th, .form-display td {padding-bottom: .5em;}
.form_field_help {display: block; margin-left: 13em; font-size: small; padding-bottom: 4px;}

/**********************************/
/* ERROR/FLASH REPORTING STYLES   */
/**********************************/
.fieldWithErrors {background-color: #f7dacb;}
#errorExplanation {border: 2px solid #eb5004;	padding: 7px;	padding-bottom: 12px;	margin-bottom: 20px; background-color: #f7dacb;}
#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 14px;
	margin: -7px;
	background-color: #eb5004;
	border-bottom: 2px solid #eb5004;
	color: #fff;
	font-weight: bold;
}
#errorExplanation p {color: #333;	margin-bottom: 0;	padding: 5px;	font-size: 13px; font-weight: bold;}
#errorExplanation ul li {font-size: 13px;	list-style: square;	font-weight: bold;}
#notice {border: 3px solid #19268A;	padding: .5em 3em; margin: 1em 2em;	margin-bottom: 2em;	background-color: #f2f984; font: bold 14px sans-serif; color:#000;}

/**********************************/
/* DEBUG STYLES                   */
/**********************************/
#debug {margin-top: 1em; margin-left: auto;}
#debug a, #debug a:link, #debug a:visited {text-decoration: none;	color: #293b87;}
fieldset.debug_info {text-align: left; margin: 1em;	background: #eee;}

/**********************************/
/* HOMEPAGE STYLES                */
/**********************************/
#homepage {font-size:14px; color:#333333;	width:600px; margin:auto;	padding-top:10px;}
#homepage #left {float:left; width:240px; text-align:justify;}
#homepage #right { float:right; width: 240px; text-align:justify;}
#homepage h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; line-height:1.25em; font-weight:bold; color:#C00; text-align:center;}
#homepage h1 a, #homepage h1 a:link, #homepage h1 a:visited {color:#C00; text-decoration:underline;}
#homepage h1 a:hover, #homepage h1 a:active {background-color:#C00; color:#fff; border:0;}
#homepage h2 {font-family:Arial, sans-serif; font-size: 19px; text-align: center; font-weight: bold;	padding: 15px 0 30px 0;}
#homepage h2 a, #homepage h2 a:link, #homepage h2 a:visited {color:#333; text-decoration:underline;}
#homepage h2 a:hover, #homepage h2 a:active {background-color:#333; color:#fff;}

/**********************************/
/* PUBLIC SUBPAGE STYLES          */
/**********************************/
#public_help { float:right; font-size:14px; line-height: 20px; color:#333; text-align:left; width:500px; margin:auto; padding:10px 25px;}
#public_help img { padding: 0;}
#public_help li {	padding: 4px;}
#left-nav { float:left;	width:180px; text-align:left;	color: #7C891A; font-weight:bold;	list-style:none; border-right: 1px solid #CCC; margin: 50px 0; padding: 0 10px;}
#left-nav li {padding:6px 6px 5px 10px;}
#left-nav a, #left-nav a:link, #left-nav a:visited {color: #19268A; font-weight:bold; text-decoration:none;}
#left-nav a:hover, #left-nav a:active {border-bottom: 2px dotted #03567e;}

/**********************************/
/* USER AGREEMENT STYLES          */
/**********************************/
#user_agreement {padding: 10px 50px; font-size: 12px; text-align: left;}
#user_agreement h1 {color:black; font-size: 1.6em; text-align: left; font-weight: bold; text-transform: uppercase;}
#user_agreement h2 {color:black; font-size: 1.4em; text-align: left; font-weight: bold; text-transform: uppercase;}
#user_agreement h3 {font-size: 1.2em; text-align: left; font-weight: bold; text-transform: uppercase; color: black; background-color: white; border: 0; padding-left: 0;}
#user_agreement ol {list-style:lower-alpha;}
#user_agreement ol li {padding-top: 5px; padding-bottom: 5px;}
#user_agreement ul {list-style:square;}
#user_agreement ul li {padding-top: 3px; padding-bottom: 3px;}

#subpage {
	/*font-family:"Courier New", Courier, monospace;*/
	font-size: 14px;
	line-height: 20px;
	color:#333333;
	text-align:left;
	width: 600px;
	margin:auto;
	padding-top: 10px;
}

/**********************************/
/* ALEXA RANK FORM STYLES         */
/**********************************/
table.rank_form {margin: 10px auto; padding: 5px; border:3px dashed #3f8fe4; background-color:#d8e7f7;}
table.rank_form th {font-size:20px; text-align:center; padding: 10px 0;}
.ranking { padding: 15px 0; }
.ranking a { border: none }


/* Profile Styles */

th.link_family {
	padding-top: 5px;
	line-height: 15px;
	text-align: right;
}
td.link_family {
	padding-top: 5px;
	line-height: 15px;
}
td.label {
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	padding-right: .6em;
}
td.attention {
	font-weight: normal;
	font-style: italic;
}
td.pay_now {
	padding-top: 15px;
	text-align: right;
}


#left_column {
	float: left;
	width: 300px;
}

#right_column {
	float: right;
	width: 450px;
}

.info_box {
	background-color: #eff1e4;
	border: 1px solid #aaa;
	font-size: 12px;
	margin-bottom: 10px;
}

.info_box h2 {
	margin-top: 0px;
	padding: 6px;
	background-color: #d7d9cb;
	font-size: 13px;
	color: #19268a;
	font-weight: bold;
}

.info_box p {
	padding-left: 6px;
	padding-right: 6px;
}

.info_box .header {
	float: left;
}

.info_box .edit_link {
	float: right;
}

#full_name {
	font-size: xx-large;
}

#location {
	font-size: large;
}

.lf_children {
	list-style:square;
	padding-left: 20px;
}
.key_phrase {
	padding-bottom: 5px;
}


.lf_ancestors {
	list-style:decimal;
}
.lf_ancestors li {
	padding-bottom: 4px;
}
img.help {
	vertical-align:middle;
	border: 0;
}
a.help { border: 0; }
.close_window { font-size: 1.2em; margin-top: 10px; }



#imap {
	margin: auto;
	clear: both;
	display: block;
	width: 500px;
	height: 450px;
	background: url(/images/linksale_steps.png) no-repeat;
	background-position: 0 20px;
	position:relative;
}
#imap a {
	position:absolute;
	width: 495px;
	height: 75px;
	border: 0;
	text-decoration: none;
}
#imap a i {
	visibility:hidden;
}
#imap a#step1 { top: 50px; }
#imap a#step2 { top: 134px; }
#imap a#step3 { top: 218px; }
#imap a#step4 { top: 302px; }
#imap a#signup { top: 395px; width: 222px; height: 42px; }
#imap a#help { top: 395px; left: 272px; width: 222px; height: 42px; }

#sign_up_now {
	margin:auto;
	clear:both;
	margin-top: 10px;
	display:block;
	width: 500px;
	height: 70px;
	background: url(/images/sign-up-learn-more.png) no-repeat;
	background-position: 0 10px;
	position:relative;
}
#sign_up_now a {
	position:absolute;
	text-decoration: none;
	width: 222px;
	height: 42px;
	border: 0;
}
#sign_up_now a i {
	visibility:hidden;
}
#sign_up_now a#signup { top: 10px; left: 0; }
#sign_up_now a#learn_more { top: 10px; left: 272px; }

sup { font-size: .5em; color: #707070; }
#crumb {
	font-size: 11pt;
	color: #19268A;
	text-align:left;
	padding: 0;
	margin-left: 0;
	font-weight: bold;
}



#public_info {
	padding-left: 
}
a.preview, 
a.preview:link, 
a.preview:visited,
a.preview:hover, 
a.preview:active {
	color: blue;
	text-decoration: underline;
	font-weight: normal;
	border-bottom:none;
}
.gray {
	color:#888;
}