/* General Styling
================================= */
* {margin: 0; padding: 0;}
body {
	background:#fff url(../img/bg/bg.jpg) repeat-y fixed top left;
	color:#000; font: 11px "Lucida Grande" sans-serif; text-align: left;
	height:100%; overflow:auto;
}
div#bookmark {
	background:url(../img/bg/bookmark.jpg) no-repeat top left;
	clear:left; display:block; float:left;  height:408px; width:151px;
	position: fixed; top: 0px; left:813px;
}

#welcome_user {color:#888; text-align:right;}
#welcome_user a, #admin_widget a {font-weight:bold; text-decoration:none;}
#welcome_user a#log {color:#c60;}
#welcome_user a:hover#log {color:#000;}
#welcome_user a:hover {text-decoration:underline;}

.clear, #footer {clear: both;}
.left {float:left; margin-right:12px;}
.right {float:right; margin-left:12px;}
.text_right {text-align:right;}
.text_center {text-align:center;}
.required {color:#c60; font:normal 14px "arial";}
.none {display:none;}
.red {color:#c60;}

/* Links, Paragraphs and Lists
================================= */
a, a img {outline:none; border:none;}
a { color: #5a6e83;}
a:hover { color: #000;}
a.brite {color:#c60;}
a:hover.brite {color:#000;}
a.ext {background: url(../img/nav/extLink.gif) no-repeat right top; padding: 3px 12px 3px 3px;}
a.app {margin: 24px 0 0 0; display:block; float:left; font-weight:bold; }
a.hotspot {text-decoration:underline; font-weight:bold; cursor:pointer;}
a#back {display:block; font:bold 14px "Georgia"; margin-bottom:12px;}

ul, li {list-style-type:none;}
ol {margin-right:16px;}
ol li {list-style-type: decimal; padding: 3px;}
ul li {padding: 3px 3px 3px 15px; background: url(../img/bullets/li.gif) no-repeat 0 6px; }

p {line-height: 14px; margin: 12px 0px;}
p.application {font:bold 14px "Georgia";margin:0;}
p.in_progress {
	background: url(../img/article_icons/in_progress.gif) no-repeat center left;
	font: bold 11px "Lucida Grande"; color:#c60; padding: 3px 3px 3px 85px;
}
.note {clear:both; padding:10px; border: 3px solid #ccc; color:#666;}
p.quote {color:#777; font:14px "Georgia"; line-height:16px;}
p.qxp , p.indd, a.qxp, a.indd {
	background-position:left center; background-repeat:no-repeat;
	margin: 0; padding: 3px 0 3px 20px;
}
p.qxp, a.qxp {background-image: url(../kc/fileprep/qxp.gif);}
p.indd, a.indd {background-image: url(../kc/fileprep/indd.gif);}

/* Headers
================================= */
h1, input.title {
	background: #fff url(../img/bg/underline_dots.gif) repeat-x bottom;
	clear:both; display:block; margin: 0; padding-bottom:5px;	
	color:#000; font: bold 20px "Georgia", sans-serif; 	  
}
h1 small {font:normal 12px "Lucida Grande",sans-serif;}
h1#welcome {
	background: #fff url(/img/text/welcome.gif) no-repeat top center;
	display:block; width:460px; height:51px; text-indent:-9999px;
}
h2.faq {color:#fff; font: 14px "Georgia" serif; margin:16px 0;}
h2 {
	background:#7A8699; color: #fff; font:normal 15px "Georgia", serif;
	letter-spacing:1px; margin: 8px 0px; padding: 4px 0 4px 5px;
}
h3 {
	background: #ccc; font: normal 14px "Georgia"; letter-spacing:1px;
  display:block; padding: 3px 0 3px 5px;
}
h3 a {color: #5a6e83;}
h3.comments {background:#abc; font:bold 12px "Lucida Grande";}
h3#question {background:transparent; font-weight:bold;letter-spacing:0;}
h3, h4 {clear:both;}

/* Table of Contents ================================= */

#articles {position: fixed; top: 0; left:0; width:292px; margin-left: 5px; padding: 0px;}
* html #articles {position:absolute;}
#articles h2 {
	font: 15px "Georgia" sans-serif; text-align: center; 
	background: url(../img/bg/underline_dots.gif) repeat-x bottom;
	color:#5d6e83; display:block; width: 222px; margin: 4px auto 4px auto; padding:0 0 4px 0;		 
}
#articles img {margin: 10px 0px 0px 73px;}
#articles p.kcSlogan {text-align: center; margin: 0px 0px 8px 0px; font-size: 10px; width:293px;}
#kcMenu dl {float: left; height:1%; width:252px; margin: 0px; padding:0px;}
#kcMenu dl#intro dd a {width:100%;}
#kcMenu dl dt {
	background:#ddd; color:#777;
  clear:both; display:block; width:100%; margin: 3px 0px; padding:3px 0px;
	font-family: "Georgia", sans-serif; letter-spacing: 1px; text-indent:12px;	
}
#kcMenu dl dd { font: 10px "Lucida Grande" , sans-serif; padding:0; margin:0;}
#kcMenu dl dd a {
	background: url(../img/bullets/bookmark.gif) no-repeat 8px 3px; 
	display:block; float:left; width:50%; padding: 1px 0px 2px 0px; margin:0;
	text-decoration: none; text-indent:18px;
}
#kcMenu dl dd a:hover {background-position: -342px 3px;}
#kcMenu dl dd a.active {color:#000; background-position: -342px 3px; cursor:default;}   
#kcMenu {margin: 0 0 0 20px; padding:0;}
span.light {color:#AEB3C0;} 
p.hide {text-indent:-9999px;}
p#estimate_link {clear:both; padding-top:10px;}
p#estimate_link a {
  background: url(../img/bg/estimate_link.jpg) no-repeat;
  background-position: 0 0; display:block; width:249px; height:36px;
  color:#fff; font:bold 14px "Arial"; text-decoration:none;
  text-align:center; line-height:36px; 
  
}
p#estimate_link a:hover {background-position:-249px 0px; color:#fff;}

/* Articles  ================================= */

#content div.article {margin:0;}
#content div.article h3, div.result h2 {
	background:transparent;
	font:bold 14px "Georgia"; letter-spacing:0;
	margin:0; padding:0;
}
#content div.article p, #content div.article h2 {float:left; width:345px;}
#content div.article img {display:block; float:left; margin:10px 10px 0 0;}
p.read_more {margin:0 0 8px 0;}
p.caption {color:#777; font:italic 11px "Georgia";text-align:center; margin-top:-8px;}
span.description {font:11px "Lucida Grande";}

/* Teaser Login  ================================= */
#log_in_to_read_more {
	background: url(../img/bg/tear.jpg) no-repeat top left;
	padding-top:30px; margin-left:-40px; display:block; width:573px; clear:both;
}
#log_in_to_read_more  h3 {color:#7c899c;background:#c3cfdb; font: bold 18px "Georgia";}
#log_in_to_read_more div {margin:0; padding: 10px 0px;}
#log_in_to_read_more input {font-size:14px; font-weight:bold; color:#5a6e83;}
#log_in_to_read_more input,
#log_in_to_read_more label,
#log_in_to_read_more p#submit,
#log_in_to_read_more p#submit input {width:194px; padding:0; margin:0;}
#log_in_to_read_more input {background:#fff; line-height:16px;}
#log_in_to_read_more label {
	background:transparent;float:left; width:182px; padding-right:8px;
	font:normal 12px "Lucida Grande", sans-serif; text-align:right;
}
#page_login {background:#d5dde7;}
#password {background:#e3e8ee;}
#log_in_to_read_more p#submit input {width:196px; margin-left:190px; padding:10px 0px;}


/* Article and Search Headers  ================================= */

h2.article_section {font-size:14px; clear:both;} 
#content div.article h3 a, div.result h2 a {
	background:#ddd;
	display:block;
  padding:3px;
  text-decoration:none;
}
#content div.article h3 a:hover {background:#bcd;}
div.result h2 a {
	background:#eef2ff;
	border-bottom:1px solid #7A8699; 
	color:#7A8699; font-size:16px; 
	margin-top:7px;}
div.result h2 a:hover {background:#ddd; color:#000;}
#content div.result h3 {background:#eee; color:#666; font-size:12px; margin-top:7px;}
div.result small {color:#888;}

/* File Submission  ================================= */

ul.file_software { margin-top:-50px; padding-bottom:10px; float:left;}

ul.file_software li { 
	background-image:none; display:block; float:left;
	margin:0; padding:0; 
}
ul.file_software li a { 
	background-image:url(../kc/filetransfer/software.jpg); 
	background-repeat:no-repeat; background-position: 0px 0px;
	display:block; float:left; width:115px; padding-top:105px; margin:0; text-align:center;
}
li#macmail a:hover { background-position: 0px 0px; }
li#macmail a { background-position: 0px -450px; }
li#thunderbird a:hover { background-position: -115px 0px; }
li#thunderbird a { background-position: -115px -450px; }
li#outlook a:hover { background-position: -230px 0px; }
li#outlook a { background-position: -230px -450px; }
li#eudora a:hover { background-position: -345px 0px; }
li#eudora a { background-position: -345px -450px; }

li#firefox a:hover { background-position: 0px -150px; }
li#firefox a { background-position: 0px -600px; }
li#explorer a:hover { background-position: -115px -150px; }
li#explorer a { background-position: -115px -600px; }
li#aol a:hover { background-position: -230px -150px; }
li#aol a { background-position: -230px -600px; }
li#safari a:hover { background-position: -345px -150px; }
li#safari a { background-position: -345px -600px; }

li#transmit a:hover { background-position: 0px -300px; }
li#transmit a { background-position: 0px -750px; }
li#yummyftp a:hover { background-position: -115px -300px; }
li#yummyftp a { background-position: -115px -750px; }
li#cuteftp a:hover { background-position: -230px -300px; }
li#cuteftp a { background-position: -230px -750px; }
li#fetch a:hover { background-position: -345px -300px; }
li#fetch a { background-position: -345px -750px; }

li#stuffit a:hover { background-position: 0px -900px; }
li#stuffit a { background-position: 0px -1050px; }
li#compress_files a:hover { background-position: -115px -900px; }
li#compress_files a { background-position: -115px -1050px; }
li#iarchiver a:hover { background-position: -230px -900px; }
li#iarchiver a { background-position: -230px -1050px; }
li#winzip a:hover { background-position: -345px -900px; }
li#winzip a { background-position: -345px -1050px; }

/* Site Navigation  ================================= */

#nav, #nav_letters, #nav_term, #nav_history, #nav_edit, #nav_login {
	background: #fff;
	border-bottom:1px solid #ccc;
	padding: 1px 0 0 0;
	position: fixed; top:0; left:346px;
	width:462px;
	z-index:3;
}
#nav_login {top:60px;}
#nav_history {padding-bottom:38px;}  
#nav_letters:lang(en) {padding: 0 0 50px 0;}
#nav_edit {position:absolute; top:20px;}
#nav button, #nav_letters button {display:none;}
ul#nav_main {color:#ccc; float:left; font-weight: bold; margin: 5px 0 20px 0;}
ul#nav_main li { background-image:none; padding:0 12px 0 0; display: block; float: left;}
ul#nav_main li a { text-decoration: none; padding: 4px; display: block; float: left; }
ul#nav_main li a:hover {text-decoration: underline;}
ul#nav_main li a.active {color:#000; font-weight:bold;}
#search {
	background: url(../img/bullets/search.gif) no-repeat 0px 8px;
	display:block; float:left; width:205px; margin:0; padding-top:5px;
}
#search input.nav_search { float:left; width:200px; margin:2px 0 0 17px; color:#5d6e83;} 
#search input:hover { color:#000; }

p#fppress { width:100%; display:block; clear:both; text-align:right; }

/* Home Page ================================= */

p#slogan {font:italic 11px "Georgia" serif; color:#666; letter-spacing:1px; margin:0 0 15px 0;}

ul#nav_home {margin:10px 0px;}
ul#nav_home li {
	background:#fff url(../img/bg/home_button_shadow.gif) no-repeat bottom center;
	margin:0; padding: 0px 0px 6px 0px;	
}
ul#nav_home li a {
	background:#f0f0f0 url(../img/bg/home_button.gif) no-repeat top left;
	display:block; width:460px; height:3.1em; margin:0; padding:0; text-decoration:none;
}
ul#nav_home li a:hover {background-position: -460px 0;}
ul#nav_home li span {
	background:url(../img/bullets/home_icons.gif) no-repeat 6px 1px;
	display:block; height:3.1em; padding:7px 0 0 47px;
}
ul#nav_home li strong {border-bottom:2px solid #ccc; font:bold 16px "Georgia" serif;}
li#link_articles a span {background-position:6px 1px;}
li#link_articles a:hover span {background-position:-454px 1px;}
li#link_glossary a span {background-position:-914px 1px;}
li#link_glossary a:hover span {background-position:-1374px 1px;}
li#link_faq a span {background-position:-1834px 1px;}
li#link_faq a span:hover {background-position:-2294px 1px;}
li#link_feedback a span {background-position:-2754px 1px;}
li#link_feedback a span:hover {background-position:-3214px 1px;}
input.home_search {color:#5d6e83; font:bold 14px "Georgia"; text-align:center;}
input:hover.home_search {color:#000;}

/* Content ================================= */

#content, #content_letters, #content_term, #content_edit,
#content_history, #content_home, #content_login { 
	display: block; width:460px; position:absolute; top:19em; left:346px;
}
#content_history a.divaFAQ_OFF, #content_history a.divaFAQ_ON {top:10em;}
#content_home {top:0px;}
#content_login {top:10em;}
#content_history {top:14.5em;}
#content {top:11em;}
#content h3.check {
	background: #ccc url(../kc/fileprep/checklist.gif) no-repeat left center;
	padding: 3px 0 3px 22px;
}
#content h3.file {
	background: #ccc url(../kc/fileprep/tempfile.gif) no-repeat left center;
	padding: 3px 0 3px 21px;
}
#content img.right {float:right; margin: 0 10px 0 0;}
#content ol {margin:0 0 0 19px;}
#content ul { margin: 12px 0; }
p#nextChapter a { margin: 30px 0 0 0; font: italic 14px "Georgia" , sans-serif;}
p#nextChapter { color:#555; padding:6px 0;}

a.vector_car {
	background:url(/kc/document/vector_car.jpg) no-repeat 0px -287px;
	display:block; width:460px; height:280px; cursor:pointer;
}
a:hover.vector_car {background-position:0 0;}

/* TABLES ================================= */

table {width:100%; margin: 0 0 10px 0; border: 1px solid #ccc;}
table p {margin:0;}
table th, table td {color:#000; margin:0; padding:7px;text-align:left;}
table th {background:#999; color:#fff; font-weight:bold;} 
table.temp th, table.temp tr td {color:#777; font:bold 11px "Arial";}
table.temp th {padding:3px; text-align:center;}
table.temp a {font-weight:bold; width:204px; display:block; margin:0; padding:4px 4px 4px 20px;}
table.temp a:hover {background-color:#f2f6fa}
tr.odd td {background:#ddd;}
tr.even td {background:#fff;}

/* FOOTER ================================= */

#copyright p {font-size: 9px; color: #777;text-align:center; clear:both;}
#copyright p a {color: #777; }  
#copyright p a:hover {color:#000;}
#body_clear {clear:both; padding-top:1px;}

/* FAQ ================================= */

#content_faq {position:absolute; top:117px; left:346px; display: block; width:460px;}
#content_faq_form {color: #777; width:100%;}
input#name, input#email, input#web {width:400px;}
form#kcFAQ {color: #777;}
textarea {font: 11px "Lucida Grande" sans-serif;}
span#cyan, span#magenta, span#yellow, span#black { 
  margin: 2px 0; padding: 2px 12px; text-align:center; width:100px; 
} 
span#cyan {background:#00adef;}
span#magenta {background:#ec008c;}
span#yellow {background:#ff0;}
span#black {background:#000; color:#fff;}

/* GLOSSARY ================================= */

#nav_letters {padding-bottom:59px;}
#nav_term {padding-bottom:10px;}
#content_term {top:144px;}
#content_term h3 {background:#fff; color:#777; font:bold 14px "Georgia" serif; padding:0;}
p#nav_alpha { font: bold 10px "Arial"; margin: 10px 0; }
p#nav_alpha a {
	background:#f2f6fa; border-bottom:1px solid #ccc; border-right:1px solid #ccc;
	display:block; float:left; width:16px;padding: 3px 0; text-decoration:none; text-align:center;
}
p#nav_alpha a:hover {background:#adb5c9; color:#fff;}
p#nav_alpha a.active {color:#fff;background:#5d6e83;}  
p#onoff {width:300px;}
div.clear {clear:both; margin: 20px 0 0 0;}

/* PAGINATION ================================= */

.pagination {text-align:center; margin: 3px; padding: 3px 3px 10px 3px;}
.pagination ul {margin:10px auto auto 20px;}
.pagination li {display:inline; background-image:none; margin:0;padding:0;}

.pagination li a {
	background:#f1f4f9; border: 1px solid #5d6e83;
	margin: 0; padding: 2px 5px 2px 5px; text-decoration: none;
}
.pagination li a:hover, .pagination li a:active {
	border: 1px solid #5d6e83; background:#adb5c9; color:#fff;
}
.pagination li.currentpage {
	background: #5d6e83; border: 1px solid #5d6e83; color: #fff;
	font-weight: bold; margin: 0; padding: 2px 5px 2px 5px;
}
.pagination li.disablepage {
	border: 1px solid #aaa; color: #888; margin: 2px; padding: 2px 5px 2px 5px;
}
/* SEARCH ================================= */

#content div.search_result h3,
#content div.search_result h3 span {
	background:transparent; color:#777; font: bold 11px "Lucida Grande";
	letter-spacing:0; padding:0;	
}
.search_result h2 a,
.search_result h2 a:visited  {	  
	background:transparent url(../img/bullets/search.gif) no-repeat 0 7px;
	border-bottom: 1px solid #ccc; color:#5d6e83;
	display:block; padding: 4px 0 4px 16px; text-decoration:none;	
}
.search_result h3 a:hover,
.search_result h3 a:active,
.search_result h3 a:focus {	
	background-color: #f2f6fa; border-color: #999; background-position:-600px 7px; color:#000; 	
}

/* ALERTS ================================= */

p#flash_warning, p#flash_notice, p#flash_error {
	border: 1px solid #ccc; display: block; margin: 10px auto; padding:6px;
	font: 12px "Lucida Grande" sans-serif; text-align:center;	
}
p#flash_error {background:#fcc; border-color:#baa; color:#f00;}
p#flash_warning {background:#fec; border-color:#bbb1aa; color:#f60;}
p#flash_notice {background:#cfc; border-color:#aba; color:#090;}
div#errorExplanation h2, span.field_error input, span.field_error textarea {
	background-color:#fcc; color:#f00; margin:0;
}
div#errorExplanation {border:1px solid #f44; color:#f00;}
div#errorExplanation ul, div#errorExplanation p {margin: 4px 10px;}
span.field_error {margin:0;padding:0;border:2px solid #f00; display:block;}
.ajaxform form input.error_highlight {background:#fcc; color:#f00; border:2px solid #f00;}

/* ADMINISTRATION ================================= */

div#content_edit {top:44px;}

#admin_widget {position:fixed; top:225px; left:960px;}
* html #admin_widget {position:absolute;}

/* Labels */

label {
	background:#ddd; color:#666; font:bold 14px "Georgia"; 
	display:block; margin-top:10px; padding: 3px; width:100%;	
}
label small {font:normal 10px "Lucida Grande";}
label.plain {background:#fff; display:inline; margin:0;}


/* Inputs */

div#login input {font-size:16px; font-weight:bold;color:#5d6e83;}
input {width:100%;}
textarea {width:100%; margin:0;padding:0;line-height:14px;}
input.title {font-weight:bold;}
input,textarea,input.title {background:#ebf1ff;}
span.remember {padding-top:6px; float:left;}
#status_check {position:absolute; top:-44px; left:350px; width:110px; z-index:55;}
#status_check label {width:90px;}
#status_check input, #status_check label {float:right;}
#status_check input {margin-top:-18px;}
/* Select List */

#section_select {width:74%; margin-right:1%; float:left;}
#section_select select {width:100%;}
#order_select {width:25%; float:left; }
#order_select select {width:100%;}

p#login_submit {border-top:10px solid #fff; clear:both;}    

p#submit {z-index:1;}
p#submit input {
	padding:8px 0px; font:bold 14px "Lucida Grande"; color:#5a6e83; cursor:pointer; z-index:2;
}   
/* USER MANAGEMENT  =============================== */

#pending_users a {
	background:#ffc891 url(../img/bullets/pending_user.gif) no-repeat 5px center;
	border:1px solid #c60; color:#c60; font-weight:bold; text-decoration:none;
	display:block; padding: 7px 7px 7px 29px; width:420px;
}
#pending_users a:hover {
	background:#c60 url(../img/bullets/pending_user.gif) no-repeat -452px center; color:#fff;
}
span.gray {color:#999;}

/* User Edit Form */

fieldset {border:0; margin-top:12px;}
fieldset#user_edit form label, fieldset.activate_fields form label {
	background:transparent; display:block; float:left; width:194px; margin:0;
}
fieldset#user_edit label.total_width {width:100%;}
fieldset#user_edit select, fieldset#user_edit input {width:250px;}
fieldset.activate_fields select, fieldset.activate_fields input {width:230px;}
fieldset#user_edit input, fieldset#user_edit select, fieldset.activate_fields input, fieldset.activate_fields select {font-size:14px;}
fieldset#user_edit p, fieldset.activate_fields p {
	background:#eee; clear:both; border:#000; float:left;
	margin:1px 0px; padding:5px 0px; width:460px;
}
fieldset.activate_fields p {width:436px;}

fieldset#user_edit p#role_green {background:#cfc;}
fieldset#user_edit p#submit {background:transparent;}
fieldset#user_edit p#submit input {width:460px;}
fieldset.activate_fields p#submit input {width:436px;}
fieldset#user_edit span.field_error {float:left;}

#forgot_password, #forgot_password input,
#forgot_password p#submit input,
#forgot_password p#submit {width:360px;}
#forgot_password p {font-size:12px;}

/* Pending User List */

.pending {border:1px solid #999; padding:10px; margin-bottom:10px;}
.pending p {margin:5px 0px;}
.pending ul, .pending ul li {margin:0; padding:0;}
.pending ul li {background-image:none; display:block; float:left;}
.pending li a {
	display:block; float:left; padding:8px 0px; width:210px;
	text-align:center; text-decoration:none;}
.pending li a.activate {border:1px solid #0b0; background:#dfd; color:#0b0;}
.pending li a:hover.activate {background:#0b0; color:#fff;}
.pending li a.delete {border:1px solid #f00; background:#fcc; color:#f00; margin-left:10px;}
.pending li a:hover.delete {background:#f00; color:#fff;}
.pending .clear {margin:0; line-height:1px; font-size:1px;}

/* Admin Tracker ================================= */

div.admin, div.admin p {margin:10px 0px;}
.admin, dd .admin {
	background:#ffffe3; border:1px solid #d1d1c3; padding: 0 10px; margin-bottom:10px;
}
.admin a {color:#c60; font-weight:bold;text-decoration:none;}
.admin a:hover {color:#000;}
a.new {margin:10px 0;}
p.admin {background:transparent; border:0;}
p.specs, p.timestamp {color:#777;}
p.edit {float:right; margin:-26px 0 0 0;}
.edit a {font-weight:bold;color:#c60;}
.edit a:hover {color:#000;}
.delete a {font-weight:bold; color:#f00;}
.delete a:hover {color:#000;}
a.activate {font-weight:bold; color:#070;}
a:hover.activate {color:#000;}
.admin ul {color:#777;}
ul.stats {font-size:10px;} 
ul.radio li {background-image:none; display:inline;}
ul.radio li select, ul.radio li span {display:block;}
ul.radio li span {margin:-15px -6px 0px 0px;}