/*
  Fonts:
  blue: #3399CC
  grey: #333333
  light grey blue: #AABBCC
*/

html {
  padding: 0;
}

body {
  margin: 0em;
  background-color: #fff;
  /* color: #333; */
  color: #444;
}

body, p, ol, ul, td {
  font-family: "lucida grande","Trebuchet MS",Trebuchet,tahoma,verdana,arial,sans-serif;
  /* font-family: 'LucidaGrande', 'Lucida Grande', 'Lucida Sans Unicode', verdana, arial, helvetica, sans-serif; */
  /* font-size:   .9em; */
  font-size: 13px;
  line-height: 1.6em;
}

p {
  margin-left: 10px;
}

label {
  font-weight: bold;
}

a, a:visited {
  text-decoration: underline;
  /*color: #9d3333;*/
  /* color: #AD0034; */
  color: #3399CC;
  font-weight: normal;
  /*color: #df0000;*/
}

a:hover {
  text-decoration: underline;
  color: #932241;
/*  color: #fff;
  background-color: #3399CC; */
}

.K_title {
  font-style: oblique;
}

table {
  width: 100%;
}

td {
  vertical-align: top;
}

h2 {
  padding-left: 0;
}

h2 a, h2 a:visited {
  color: #333333;
  text-decoration: underline;
}

h2 a:hover {
  color: #AAAAAA;
/*  background-color: #3399CC; */
}

h3 {
  margin-top: 2em;
}

#K_container {
  width: 100%;
  background-color: #fff;
  color: #444;
  line-height: 160%;
  vertical-align: top;
  min-width: 800px;
}

#K_main {
  /*margin: 0 150px 1em 150px;*/
  margin: 0 5% 1em 5%;
  vertical-align: top;
}

#K_main h1 {
  color: #359;
  font-size: 1.5em;
}

div#K_homepage_timeline {
  min-height: 300px;
  border: 2px solid red;
}

#K_notice_placeholder {
  position: absolute;
  right: 20px;
}

.K_no_status_for_item_editing {
  border-top: 1px solid #D5D9E0;
  background: #FAFAFF url("/images/pencil.png") no-repeat 10px;
  padding: .5em 35px;
  font-size: 1.1em;
}

.K_notice_for_item_editing {
  color: #090;
  background: #dfd  url("/images/accept.png") no-repeat 10px;
  border: 1px solid #bfb;
  padding: .5em 35px;
  font-size: 1.1em;
}

.K_notice {
  color: #090;
  background: #dfd  url("/images/accept.png") no-repeat 10px;
  border: 1px solid #bfb;
  padding: .8em 35px;
  font-size: 1.1em;
  position: relative;
  margin-bottom: 1em;
}

.K_error_for_item_editing {
    color: #b00;
    background: #fdd url("/images/cross.png") no-repeat 10px 10px;
    border: 1px solid #fbb;
    padding: .5em 35px;
    font-size: 1.1em;
}

.K_error {
    color: #b00;
    background: #fdd url("/images/cross.png") no-repeat 10px 10px;
    border: 1px solid #fbb;
    padding: .8em 35px;
    font-size: 1.1em;
    position: relative;
    margin-bottom: 1em;
}

.K_warning {
  color: #ca0;
  background: #ffd url("/images/attention.png") no-repeat 10px 5px;
  border: 1px solid #fe6;
  padding: .2em 35px;
  font-size: 1.1em;
  position: relative;
  margin-bottom: 1em;
}

.field_error {
  background-color: #fdd;
  border: 1px solid #fbb;
  /* width: 50%; */
  padding: .2em .6em;
  font-size: .9em;
  margin-top: -15px;
  margin-bottom: -10px;
  line-height: 1.6em;
}

.required {
  color: #b00;
}

/* Errors */
.fieldWithErrors {
  background: #fdd;
  border: 1px solid #fbb;
  padding: .3em;
  margin: 0 0 0 .6em;
  width: 10%;
  display: inline;
}

.K_tour_step {
  font-size: .6em;
}

.K_spacer {
  margin: 25px 0;
}

/* Used for styling update buttons. */

#update_button {
  border: 1px solid #369;
  background-color: #DBEAF5;
  color: #036;
}

#update_button:hover {
  border: 1px solid #369;
  background-color: #036;
  color: #fff;
}

.update_button {
  border: 1px solid #369;
  background-color: #DBEAF5;
  color: #036;
}

.update_button:hover {
  border: 1px solid #369;
  background-color: #036;
  color: #fff;
}

#submit_button {
  border: 1px solid #369;
  background-color: #DBEAF5;
  color: #036;
}

#submit_button:hover {
  border: 1px solid #369;
  background-color: #036;
  color: #fff;
}

input, text, textarea, select, checkbox {
  border: 2px solid #abc;
  padding: 2px;
  margin-top: 2px;
}

#K_confirm_delete_button {
  width: 100%;
  padding: 5px 0;
  font-size: 1.5em;
  background-color: #DBEAF5;
  color: #036;
}

#K_confirm_delete_button:hover {
  background: #dfd  url("/images/flash_notice.gif") no-repeat 10px 8px;
  color: #090;
}

#K_cancel_delete_button {
  width: 100%;
  padding: 5px 0;
  font-size: 1.5em;
  background-color: #DBEAF5;
  color: #036;
}

#K_cancel_delete_button:hover {
  background: #fdd url("/images/flash_error.gif") no-repeat 10px 8px;
  color: #b00;
}

/* Used for the explain boxes. */
.K_graybox {
  width: 300px;
  padding: 15px;
  background-color: #EDEDED;
  border: 1px #999999 solid;
  font-size: .9em;
}

.K_graybox h2 {
  margin-top: 1px;
  font-size: 1.2em;
}

.K_timeline_edit_label {
  color: #abc;
}

/* Tabbed navigation */
#K_tabbed_nav_line {
  margin: 1px 0 7px 0;
  padding: 0 0 2px 0
  background: white;
  border: none;
  border-top: 1px solid #369;
  position: relative;
  z-index: 2;
}

#K_tabbed_nav ul{
  white-space:nowrap;
  line-height: 1.7em;
  padding: 0;
  padding-left: 1em;
  margin: 0;
  text-align: center;
  background-color: #fff;
  list-style: none;
}

#K_tabbed_nav li {
 display: inline;
 margin: 0 0.3em 0 0;
 overflow: visible;
}

#K_tabbed_nav li a {
 padding: 0.2em 1em 0.3em 1em;
 border: 1px #369 solid;
 border-bottom: none;
 background-color: #DBEAF5;
 text-decoration: none;
 color: #036;
 font-size: 1em;
 position: relative;
 z-index: 5;
 margin: 0;
}

#K_tabbed_nav li a:hover {
 background-color: #fff;
 color: #47a;
 border-bottom: 1px solid #fff;
}

#K_tabbed_nav li.selected a {
  background-color: #fff;
  color: #47a;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}

#K_tabbed_nav li.disabled {
 padding: 0.2em 1em 0.3em 1em;
 border: 1px #aaa solid;
 border-bottom: none;
 background-color: #eee;
 color: #aaa;
 font-size: 1em;
 position: relative;
 z-index: 5;
 margin: 0 0.3em 0 0;
}

/* sub navigation */
ul.K_sub_nav {
 margin: 0;
 padding-top: 5px;
 padding-bottom: 2px;
 text-align: center;
 background-color: #47a;
}

ul.K_sub_nav li {
 padding: 1px 2em;
 margin-left: 5px;
 display: inline;
}

ul.K_sub_nav li.current {
 /*text-decoration: underline;*/
 color: #fb1;
 font-weight: bold;
}

ul.K_sub_nav li.current a {
 text-decoration: underline;
 color: #fb0;
 font-weight: bold;
}

ul.K_sub_nav li a, ul.K_sub_nav li a:visited {
 text-decoration: none;
 color: white;
}


ul.K_sub_nav li a:hover {
 color: white;
 text-decoration: underline;
}

/* Column View ul Widget */

.K_column ul {
  list-style: none;
  margin: 0pt;
  border: 1px solid #D5D9E0;
  height: 505px;
  width: 275px;
  margin: 0pt;
  padding: 0pt;
  overflow-x: hidden;
  overflow-y: auto;
}

.K_column ul li {
  font-size: 13px;
  float: none;
  margin-bottom: 0pt;
  padding: 2px 0pt 2px 5px;
}

.K_column ul li:hover {
  /* background-color: #005ED2; */
  background-color: #DBEAF5;
  /* color: #ffffff; */
  cursor: pointer;
}

.K_column ul li.K_edit_area {
  height: 347px;
  width: 65%;
  border: 1px solid #c5c5c5;
  float: right;
}

.K_list_of_events {
}

#K_list_of_events a {
  color: #000;
}

#K_list_of_events a:hover {
  color: #fff;
}

#K_edit_events_container {}

#K_edit_events_form {}

#K_edit_events_container {}

.K_edit_instructions {
  text-align: center;
  font-size: 2em;
  color: #c5c5c5;
  padding-top: 25%;
}

.K_item_editing_overflow {
  height: 440px;
  overflow: auto;
  background-color: #FFF;
  border: 1px solid #D5D9E0;
  margin: 0 -1px 10px -14px;
}

/* Display boxes */
.K_utility_box {
  width: 90%;
  margin: 10px auto 10px auto;
  border: 1px solid #c5c5c5;
  background-color: #DBEAF5;
  padding: 3px 0pt 3px 10px;
}

#K_form {
  margin: 0pt 0pt 1em 1em;
}

#K_item_editing_header h3 {
  margin: 0pt;
  padding: 0pt 0pt 10px 12px;
}

#K_messages {
  margin: 1em;
}

#K_edit_status {
  width:100%;
  border-top: 1px solid #D5D9E0;
  margin: 0pt 18px 0pt -14px;
  padding: 5px 0pt 5px 10px;
}

#K_event_count {
  font-weight: bold;
}

#K_ajax_progress {
  float: right;
  padding-right: 3px;
}

.K_ajax_progress_next_to {
  padding-top: 10px;
}

.K_delete_link {
  float: right;
  margin-top: 0pt;
  padding-right: 10px;
}

.K_form_additional_info {
  font-size: .8em;
  line-height: 1.3em;
  margin: -10px 0pt 0pt 10px;
}

#K_float_right_message_box {
  float:right;
  width: 45%;
}

.K_bottom_border {
  border-bottom: 1px dotted #ccc;
  padding: 0pt 5px 10px 5px;
  margin-bottom: 10px;
}

/* Thanks to Mozilla.com for this graphic. */
.K_top_corner {
  background: transparent url(/images/left-top-corner-box.jpg) no-repeat scroll left top;
  padding: 12px 0pt 7px 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f3f3f3;
}

.K_top_corner h3 {
  margin-top: 0em;
}

#K_send_email_form {
  padding: 6px;
  background-color: #DBEAF5;
  width: 75%;
}

.K_border_bottom {
  border-bottom: 2px solid #f3f3f3;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.K_large {
  background-position: 1px;
  background-repeat: no-repeat;
  background-image: url(/images/time_add.png);
  padding: 0pt 17px 0pt 23px;
  font-size: 1.5em;
}

.K_breath {
  margin-bottom: 12px;
}

/* Timeline Tabs
--------------------*/
ul.timeline_tabs {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	font-size: .9em;
/*	border-bottom:1px solid #ccc; */
	height:20px;
	clear:both;
}

ul.timeline_tabs li {
	float:left;
	margin-right:3px;
	text-align:center;
}

ul.timeline_tabs li a {
  padding: 0.2em 1em 4px 1em;
  border: 1px #CCC solid;
  border-bottom: none;
  background-color: #FFFFFF;
  text-decoration: none;
  color: #666;
/*	display:block; */
	height:20px;
/*	padding:0 6px 0 6px; */
/*	background-color:#fff; */
/*	color:#666; */
	width:80px;
}

ul.timeline_tabs li a:hover {
	background-color:#F7F7F7;
	color:#369;
}

ul.timeline_tabs li a.active {
  border-bottom: 1px solid #F7F7F7;
	background-color:#F7F7F7;
	color:#369;
}

ul.register_tabs {
	border-bottom:none;
}

/* Support Media Tabs
--------------------*/
ul.media_tabs {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	font-size: .9em;
/*	border-bottom:1px solid #ccc; */
	height:20px;
	clear:both;
}

ul.media_tabs li {
	float:left;
	margin-right:3px;
	text-align:center;
}

ul.media_tabs li a {
  padding: 0.2em 1em 4px 1em;
  border: 1px #ababab solid;
  border-bottom: none;
  background-color: #141414; /* #444; */
  text-decoration: none;
  color: #fff;
/*	display:block; */
	height:20px;
/*	padding:0 6px 0 6px; */
/*	background-color:#fff; */
/*	color:#666; */
	width:80px;
}

ul.media_tabs li a:hover {
	color: #000;
	background-color: #fff;
}

ul.media_tabs li a.active {
  border-bottom: 1px solid #fff;
	background-color:#fff;
	color:#444;
}

ul.register_tabs {
	border-bottom:none;
}

/* Color Palette */
.K_color_palette_container {
    height: 10.8em;
    overflow:auto;
    overflow-x: hidden;
    background-color: #fff;
    width: 200px;
    padding: 0pt .1em .1em .1em;
    border: 1px dotted #ddd;
}
.K_color_palette {
    margin-top: -.7em;
}

.K_color_palette ul {
    list-style: none;
    margin-left: -2.5em;
    margin-bottom: -.5em;
}

.K_color_palette li {
    display: inline;
}

.K_color_palette a {
    line-height: 1.5em;
    text-decoration: none;
    border: none;
    padding-right: .4em;
    padding-left: .4em;
    margin-right: .25em;
}

#K_search_bar {
  background: transparent url("/images/searchfield.gif") no-repeat scroll 3px 4px;
  padding: 3px 0pt 0pt 5px;
  height: 23px;
  width: 270px;
  border: 1px solid #D5D9E0;
  border-bottom: none;
  background-color: #FAFAFF;
}

#K_search_bar img {
  vertical-align: middle;
  padding-bottom: 3px;
}

#K_search_bar a {
  text-decoration: none;
}

#K_search_box {
  border: none;
  font-size:11px;
  margin-left:20px;
  padding:0px;
  width:140px;
}

.right_float {
  margin: 0pt 10px 0pt 5px;
  padding-bottom: 3px;
  float: right;
  font-weight: normal;
}

.timeline_label_list {
  width: 100%;
  border: 1px solid #ccc;
  border-top: none;
  background-color: #FAFAFF; /* #f7F7f7; */
  padding: 5px 0pt 10px 0pt;
  margin: 0pt 0pt 5px 0pt;
}

.timeline_label_list ul {
  list-style: none;
  margin: 3px 3px -5px -30px;
}

.timeline_label_list ul li {
  display: inline;
  text-align: center;
  white-space: nowrap;
}