/*
  Modified from YUI reset-min.css
  
  Everything we draw will be inside #karea. So first,
  we reset styles of HTML elements inside there
*/
#karea body, #karea div, #karea dl, #karea dt, #karea dd, #karea ul, #karea ol, #karea li, #karea h1, #karea h2, #karea h3, #karea h4, #karea h5, #karea h6, #karea pre, #karea form, #karea fieldset, #karea input, #karea textarea, #karea p, #karea blockquote, #karea th, #karea td {
  margin:0;padding:0;border:0px;background-color:transparent;}
#karea table {
  border-collapse:collapse;border-spacing:0;}
#karea fieldset, #karea img{
  border:0;}
#karea address, #karea caption, #karea cite, #karea code, #karea dfn, #karea em, #karea strong, #karea th, #karea var {
  font-style:normal;font-weight:normal;}
#karea ol, #karea ul {
  list-style:none;}
#karea caption,th {
  text-align:left;}
#karea h1, #karea h2, #karea h3, #karea h4, #karea h5, #karea h6 {
  font-size:100%;font-weight:normal;}
#karea q:before, #karea q:after{
  content:'';}
#karea abbr, #karea acronym {
  border:0;}
#karea, #karea * { z-index: 1000000; line-height: 1.2; text-align: left; }
#karea span, #karea img, #karea input { float: none; display: inline; margin: 0px; padding: 0px; }

/*
  Base declarations
*/
#karea * { font-family: "Lucida Grande",Verdana,sans-serif; font-size: 12px; letter-spacing: normal; }
#karea_preload { display: none; }
#karea .hint, #karea .hint * { color: #999; font-size: 10px; }
#karea .k_hover { position: absolute; }
#karea a.quiet_link { color:#302625; text-decoration:none; }
#karea a { color:#302625; text-decoration:underline; }
#ignore #karea a:hover { background-color: #000; color: rgb(167,210,183); }
#karea img { vertical-align:middle; }
#karea div.clear{ clear:both; }
#karea .k_translucent { opacity: 0.3; filter:alpha(opacity=30); }
#karea .k_translucentline, #karea .k_translucentarrow, #karea .k_translucent1, #karea .k_translucent2 { opacity: 1; filter:alpha(opacity=100); }
#karea #k_form { margin: 0px; }
#karea form { display: block; width: auto; }

/* 
  Highlighted text exists OUTSIDE of #karea, so 
  its important NOT to have #karea namespace
*/
span.k_highlight { color: #000; background-color: #fff; }

/*
  Several elements have shadows, e.g. toolbar itself, sticky notes
*/
#karea .k_shadow {
  padding: 0px 6px 6px 0px;
  background: url(/sharedcopy-core-js/style/images/shadowAlpha.png?V0)
              no-repeat bottom right !important;
  background: url(/sharedcopy-core-js/style/images/shadow.gif?V0)
              no-repeat bottom right;
}
#karea .k_shadow {
  opacity: 0.999; 
  filter:alpha(opacity=90);
}

/*
  When the "comments" link is clicked and expanded, the toolbar
  will "sink" and stop following the page scroll (position: absolute); 
  To indicate the change of behavior, we use a sunken border
*/ 
#karea .k_sunken {
  border: 1px rgb(167,210,183) inset;
}

/*
  Sticky notes
*/
#karea p.k_panel_top a {
 float: left; 
 padding-left: 5px;
 background-color: transparent; 
 color: #A0A0A0; 
 font-size: 10px; 
}
#karea .k_sticky p.k_panel_top a { background-color: transparent; color: #B5351B; float: left; font-size: 8pt; font-weight: bold; padding-left: 5px; padding-top: 3px; text-decoration: none; }
#karea .k_sticky p.k_panel_top span.a { background-color: transparent; color: #B5351B; float: left; font-size: 8pt; font-weight: bold; padding-left: 5px; padding-top: 3px; text-decoration: none; }
#karea .k_sticky p.k_panel_top { background: #FBF489; border-bottom: 1px solid #F3E307; margin: 0px; padding: 2px; text-align: left; vertical-align: top; }
#karea .k_sticky p.k_panel_top input {
  background-color: #ffffff; 
  margin-left: 4px;
  display: inline; 
  float: left;
  width: 80%;
}

#karea textarea {
  border: 1px rgb(254,255,238) inset;
  height: 54px;
  width: 265px;
}

#karea input, #karea textarea {
  border-width: 1px;
  padding: 2px 4px 2px 4px;
}
#karea .k_panel_main textarea { background: #FFFFFF; border: 1px solid #F3E307; height: 40px; width: 228px; }
#karea input, #karea textarea { border-width: 1px; padding: 2px 4px 2px 4px; }

#karea p.k_main_object {
  padding-bottom: 1px;
  padding: 2px 4px 2px 4px;
}

#karea .k_panel_main {
  overflow: auto;
  padding: 2px 4px 2px 4px;
}

#karea .k_panel_top {
  text-align: right;
  vertical-align: top;
  padding: 2px;
  margin: 0px;
}

#karea .k_panel_bottom {
  background-color: rgb(254,255,238); 
  text-align: right;
  vertical-align: bottom;
}

#karea .k_panel_bottom a {
  color: #b5351b; 
  font-size: 10px;
  font-weight: bold; 
  margin-right: 1em; 
  vertical-align: top;
}

#karea .k_sticky {
  margin: 0px;
  padding: 0px;
  border: 1px #ccc solid; 
  display: block;
}
#karea .k_sticky { border: 1px #F3E307 solid; display: block; margin: 0px; padding: 0px; }

#karea .k_sticky, #karea .k_sticky * {
  color: #000;
  background-color: rgb(254,255,238);
}
#karea .k_sticky, #karea .k_sticky * { background-color: #FFF89F; color: #000; }

#karea div.k_panel_main input {
  margin-top: 3px;
  border: 1px #F3E307 outset;
}
#karea div.k_panel_main input[type=hidden] {
  display: none;
}

/*
  Toolbar
*/
#karea #karea div#k_toolbar a {
	color:#222;
}

#karea div#k_toolbar {
	color: rgb(167,210,183);
	overflow: hide;
	position: fixed;
	right: 5px;
  width: 377px !important;
  width: 357px;
}

#karea div#k_toolbar div#k_toolbar_inner {
	background:#fff;
	width:351px;
	padding: 0px 12px 12px 12px;
	border: 1px #ccc solid;
	border-top-width: 0px;
	overflow: hide;
	clear: both;
}

#karea div#k_toolbar_grab {
	display: none;
}

#karea div#k_toolbar p.k_panel_top { 
  width: 351px;
  display: block; 
  background-color: #fff;
  padding: 2px 12px 1px 12px;
  margin: 0px;
	border: 1px #ccc solid;
	border-bottom-width: 0px;
  cursor: move;
}

#karea div#k_toolbar p.k_panel_top a:hover {
  border: 1px rgb(167,210,183) dotted;
}

#karea div#k_toolbar p.k_panel_top a {
  border: 1px #fff solid;
  margin-top: 1px;
  width: 133px;
  overflow: hidden;
  text-indent: -200px;
  background: transparent url(/sharedcopy-core-js/style/images/xslogo-sharedcopy.png?V1) no-repeat left !important;
  background: transparent url(/sharedcopy-core-js/style/images/xslogo-sharedcopy.gif?V1) no-repeat left;
}

#karea div#k_toolbar p.k_panel_top a, #karea div#k_toolbar p.k_panel_top img { 
  cursor: default;
}

/*
  Toolbar buttons
*/
div#k_toolbar_buttons {
	background:#a7d2b7;
	position:relative;
}

div#k_toolbar_buttons button {
	height: 33px;
	width: 36px;
	margin: 2px 1px;
	padding: 0px;
	border: 1px rgb(167,210,183) solid;
	background-color: rgb(167,210,183);
	font-weight: normal;
	display: inline;
	clear: none;
	float: none;
}

div#k_toolbar_buttons button span {
  display: block;
	margin: 0px;
  padding: 16px 0 0 0;
	text-align:center;
	font-size:11px;
	vertical-align: bottom;
	background: transparent;
}


div#k_toolbar_buttons button:hover {
	border: 1px rgb(254,255,238) outset;
}

div#k_toolbar_buttons button.active_button {
	border: 1px rgb(254,255,238) inset;
}

div#k_toolbar_buttons button#k_button_line {
  background: transparent url(/sharedcopy-core-js/style/images/icons/line.gif?V1) no-repeat scroll top;
}

div#k_toolbar_buttons button#k_button_box {
  background: transparent url(/sharedcopy-core-js/style/images/icons/box.gif?V1) no-repeat scroll top;
}

div#k_toolbar_buttons button#k_button_circle {
  background: transparent url(/sharedcopy-core-js/style/images/icons/circle.gif?V1) no-repeat scroll top;
}

div#k_toolbar_buttons button#k_button_mark {
  background: transparent url(/sharedcopy-core-js/style/images/icons/mark.gif?V1) no-repeat scroll top;
}

div#k_toolbar_buttons button#k_button_undo {
  background: transparent url(/sharedcopy-core-js/style/images/icons/undo.gif?V1) no-repeat scroll top;
}

div#k_toolbar_buttons button#k_button_write {
  background: transparent url(/sharedcopy-core-js/style/images/icons/write.gif?V1) no-repeat scroll top;
}

div#k_toolbar_buttons button#k_button_point {
  background: transparent url(/sharedcopy-core-js/style/images/icons/point.gif?V1) no-repeat scroll top;
}

div#k_toolbar_buttons button#k_button_save {
  background: rgb(167,210,183) url(/sharedcopy-core-js/style/images/icons/save.gif?V1) no-repeat scroll top;
	margin-left: 10px;
	font-weight: bold;
}

div#k_toolbar_buttons button#k_button_arrow {
  background: transparent url(/sharedcopy-core-js/style/images/icons/arrow.gif?V1) no-repeat scroll top;
}

div#k_toolbar_buttons button#k_button_color {
  background: transparent url(/sharedcopy-core-js/style/images/icons/color.gif?V1) no-repeat scroll top;
}

div#k_toolbar_buttons button#k_button_save span {
	text-transform:uppercase;
}

/*
  Toolbar accessories
*/
#karea #k_toolbar_tags {
  vertical-align: middle;
  padding: 1px 2px;
  background-color: rgb(167,210,183);
  border: 1px rgb(167,210,183) solid;
  width: 50%;
}

#karea #k_toolbar_tags:hover {
  background-color: rgb(254,255,238);
  border: 1px rgb(254,255,238) dashed;
}

#karea input#k_toolbar_tags.focused_toolbar_tags {
  background-color: #fff;
  border: 1px rgb(254,255,238) inset;
}

*::-moz-any-link input, *::-moz-any-link textarea { /* FX only disappearing caret anyone? */
  overflow: auto;
}

#karea #k_comments_label_row #k_comments_label {
  background: transparent url(/sharedcopy-core-js/style/images/icons/bullet_arrow_right.gif?V1) no-repeat left;
  padding-left: 1.5em;
}

#karea #k_comments_label_row #k_comments_label.down {
  background: transparent url(/sharedcopy-core-js/style/images/icons/bullet_arrow_down.gif?V1) no-repeat left;
}


/*
  Comments
*/
#karea ol#page_comments {
  border: 1px #888 solid;
}

#karea ol#page_comments li.page_comment, #karea ol#k_toolbar_list ol.related_comments li.related_comment {
  padding-left: 15px;
  height: 100% !important;
  float: none;
}

#karea ol#page_comments li.first_comment, #karea ol#k_toolbar_list ol.related_comments li.first_comment {
  padding-left: 0px;
  height: 100% !important;
  float: none;
}
 
#karea div#k_toolbar div.commentwrap * {
	font-size:11px;
}

#karea div#k_comments_showhide {
	padding:3px 0 3px 0;
	background:#a7d2b7;
	color:#222;
	border-top: 1px rgb(167,210,183) dotted;
}

#karea div#k_comments_showhide div.commentwrap {
	margin:0 10px;
	position:relative;
}

#karea ol#k_toolbar_list {
	margin:10px 15px 0 15px;
	list-style:decimal;
	padding-left:15px;
	color:#302625;
}

#karea div#k_toolbar div#k_toolbar_footer, #karea div#k_toolbar div#k_toolbar_msg {
	padding:0 10px;
}

#karea div#k_toolbar div#k_toolbar_msg {
	// margin-top:5px;
	display: none;
}

#karea div#k_toolbar span.hint, #karea div#k_toolbar div#k_toolbar_msg, div#k_toolbar_msg a, #karea div#k_toolbar div#k_toolbar_footer {
	color:#000;
	font-size:11px;
	text-align:center;
	padding:0.5px 0;
	letter-spacing:0.2px;
	background:#a7d2b7;
}

#karea div#k_toolbar div#k_toolbar_footer {
	padding:0 10px 4px 10px;
}

#karea div#k_toolbar_footer a, #karea div#k_toolbar_msg a {
	color:#000;
}

#karea div#k_toolbar ol#k_toolbar_list a {
	color:#302625;	
}

#karea ol#k_toolbar_list {
	margin:0;
	padding:0;
}

#karea ol#k_toolbar_list li{
	padding:2px 0 10px 0;	
	position:relative;
}

#karea ol#k_toolbar_list li .user {
	display:block;
	overflow:hidden;
	padding:0 0 0 10px;
  text-decoration: none;
}

#karea ol#k_toolbar_list li a.link {
	display:block;
	width:16px;
	height:16px;
	overflow:hidden;
	position:absolute;
	right:10px;
	top:13px;
}

#karea ol#k_toolbar_list li a.link img {
	vertical-align:middle;
	margin-right:5px;
}

#karea ol#k_toolbar_list li .user, #karea div#k_toolbar ol#toolbar_list li .user {
	width:230px;
	margin:10px 0 0 0;	
}

#karea ol#k_toolbar_list li .user img {
	vertical-align:top;
	padding-right:5px;
}

#karea ol#k_toolbar_list li a.k_anchor_text, #karea div#k_toolbar ol#k_toolbar_list li a.k_anchor_text {
	clear:both;
	float:none;	
	font-weight:normal;
	display:block;
	color:#444;
}

#karea div#k_toolbar ol#k_toolbar_list li span.text {
	display:block;
	margin-left:40px;
}

#karea div#k_toolbar ol#k_toolbar_list li span.text p, #karea div#k_toolbar ol#k_toolbar_list li span.text blockquote {
	padding: 5px 0px;
  overflow: auto;
  width: 94%;
}

#karea div#k_toolbar ol#k_toolbar_list li span.text blockquote {
	background:transparent url(/sharedcopy-core-js/style/images/icons/start_quote.gif) no-repeat scroll left top;
	padding-left: 25px;
	width: 250px;
}


#karea div#k_toolbar ol#k_toolbar_list li span.text blockquote a {
	color:#6F6F6F;
	font-size:11px;
}


#karea div#k_toolbar ol#k_toolbar_list li span.text p a, #karea div#k_toolbar ol#k_toolbar_list li span.text blockquote a {
	text-decoration: none;
}

/* 
 * any smaller and IE will squint! 
 * normal <sup> is vertical-align: super, but that disrupts line-height
 */
#karea div#k_toolbar ol#k_toolbar_list li span.text sup {
	background:transparent;
	font-size: 11px;
	color:#8F8F8F;
	text-decoration: underline;
	vertical-align: text-top;
}

#karea div#k_toolbar ol#k_toolbar_list li span.content {
	margin:0 10px 5px 10px;
	padding:5px 0 0 0;
	border-top:1px solid #a6d2b7;	
	display:block;clear:both;
	position:relative;
	min-height:40px;
}

#karea div#k_toolbar ol#k_toolbar_list li span.content span.photo {
	width:32px;
	height:32px;
	position:absolute;
	left:0;
	margin: 0px;
}

#karea span.photo img, #karea img.user_photo {
	width:32px;
	height:32px;
}

#karea ol#k_toolbar_list li span.clear {
	display:block;clear:both;
}

#karea ol#k_toolbar_list li span.ago, #karea div#k_toolbar ol#k_toolbar_list span.ago {
	color:#dd8400;
	font-size:11px;
}


/*
 * Email
 */
#karea div#k_toolbar_inner div#custom_toolbar {
  background-color:  rgb(167,210,183);
  padding-left: 10px;
  padding-right: 10px;
}

#karea div#k_toolbar_inner div#custom_toolbar dl * {
  margin: 0px;
  padding: 0px;
  border-width: 0px;
}

#karea div#k_toolbar_inner div#custom_toolbar dl {
 background-color:  rgb(167,210,183);
 color: #000;
}

#karea div#k_toolbar_inner div#custom_toolbar dl dt {
 padding-top: 10px;
}

#karea div#k_toolbar_inner div#custom_toolbar dl dt span {
 color: #fff;
 font-size: 0.95em;
 margin-left: 10px;
}

#karea div#k_toolbar_inner div#custom_toolbar dl dt, 
#karea div#k_toolbar_inner div#custom_toolbar dl dd input,
#karea div#k_toolbar_inner div#custom_toolbar dl dd textarea {
  width: 300px;
}

#karea div#k_toolbar_inner div#custom_toolbar dl input,
#karea div#k_toolbar_inner div#custom_toolbar dl dd textarea {
  border-width: 1px;
  padding: 1.5px 5px;
}
  
#karea div#k_toolbar_inner div#custom_toolbar dl dd input, 
#karea div#k_toolbar_inner div#custom_toolbar dl dd textarea {
  line-height: 1.2em;
  border: 1px #fff inset;
  background-color: #fff;
}

/* resizable stuff */
#karea .ui-resizable { position: relative; }
#karea .ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
#karea .ui-resizable .ui-resizable-handle { display: block; }
#karea .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
#karea .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent; }
.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent; }
.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent; }
/* end */

.disable #karea .ui-shadow-color {
  position: fixed; 
  background-color: #000;
}

#karea .ui-resizable-handle.ui-resizable-se {
  background: transparent url(/sharedcopy-core-js/style/images/resize_triangle.gif?V2) no-repeat bottom right;
  margin: 0px 7px 7px 0px;
  padding: 0px 6px 6px 0px;
}

#karea .ui-resizable-handle {
  background: transparent;
}
.ui-resizable-proxy { 
  border: 1px dashed #000; 
  z-index: 2000000 !important;
}


form#getemailtoresponse {
  font-family: 'Lucida Grande',Verdana,Helvetica,Arial,sans-serif;
  text-align: left;
  left: 50%;
  margin-left: 125px;
  width: 270px;
  background-color: #DDEEEE;
  padding: 1em;
  z-index: 2000000 !important;
  border: 5px #556666 solid;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  font-size: 11px;
  color: #000000;
}
form#getemailtoresponse label {
  font-weight: bold;
  font-size: 16px;
  color: #000000;
}
form#getemailtoresponse input#getemailtoresponse_textfield {
  display: block;
  font-size: 16px;
  width: 90%;
  background: #ffffff url(/images/callback-icons/email-favicon.png) no-repeat right;
  padding-right: 20px;
  z-index: 2000001 !important;
}

@media print {
  #karea div#k_toolbar, .k_make_remove, .k_make_blank { display: none; }
  .disabled #karea .k_hover, #karea .k_sticky { position: static !important; width: auto !important; }
}