/**
 *  KongCMS : CSS : Core
 *
**/


/*  GENERAL CLASSES
------------------------------------------------------------------ */

/* display / visibility  */

.hide {display:none;} /*  !important stops menus etc */
.invisible {visibility:hidden;}
/*.tmp_hide  {visibility:hidden;}*/

.faded       {opacity:0.4;}
.faded:hover {opacity:1.0;}

/* see ..kn_panel:hover span.control {display:block;} */
.hovcon       .onhover {visibility:hidden;}
.hovcon:hover .onhover {visibility:visible;}

.dhandle {cursor:move;}   /* todo - rename to drag_handle */

/* text related */

.aleft    {text-align:left;}
.aright   {text-align:right;}
.acenter  {text-align:center;}
.ajustify {text-align:justify;}
.nowrap   {white-space:nowrap;}
.small    {font-size:10px !important; line-height:12px !important; font-weight:normal !important;}
.strong   {font-weight:bold;}
/*
.weak
.offpage {position:absolute; left:9999px;}
.deleting {background:#fcc;}
.swami_help_box {margin:4px 0; padding:0 10px 0 24px; border:solid 1px #069; background:#eef url(icons/16/help-browser.png) 2px 2px no-repeat !important; -moz-border-radius:2px;}
.pager {..}
*/

.fleft  {float:left;}
.fright {float:right;}
/*.clear,*/
.fclear {clear:both;}

/* messages */

.msg_ok,
.msg_info,
.msg_warn,
.msg_err,
.msg_coffee {padding:4px 10px; margin-bottom:10px; border:2px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px;}

.msg_ok     a,
.msg_info   a,
.msg_warn   a,
.msg_err    a,
.msg_coffee a {text-decoration:underline;}

.msg_ok       {color:#264409 !important; border-color:#c6d880 !important; background-color:#e6efc2 !important;}
.msg_ok     a {color:#264409 !important;}

.msg_info     {color:#00529B !important; border-color:#00529B !important; background-color:#BDE5F8 !important;}
.msg_info   a {color:#264409;}

.msg_warn     {color:#514721 !important; border-color:#ffd324 !important; background-color:#fff6bf !important;}
.msg_warn   a {color:#514721 !important;}

.msg_err      {color:#8a1f11 !important; border-color:#fbc2c4 !important; background-color:#fbe3e4 !important;}
.msg_err    a {color:#8a1f11 !important;}

.msg_coffee   {color:#edb !important;    border-color:#653 !important;    background-color:#876 !important;}
.msg_coffee a {color:#fff !important;}
/*
.info, .success, .warning, .error, .validation {border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center;}
.info    {color: #00529B; background-color: #BDE5F8; background-image: url('info.png');}
.success {color: #4F8A10; background-color: #DFF2BF; background-image:url('success.png');}
.warning {color: #9F6000; background-color: #FEEFB3; background-image: url('warning.png');}
.error   {color: #D8000C; background-color: #FFBABA; background-image: url('error.png');}
*/

.sw_devnote {margin:4px; padding:4px; border:double 3px #996; background:#ff6; color:#000; font:bold 14px/16px monospace;}

.kn_round    {-moz-border-radius:            4px; -webkit-border-radius:             4px;}
.kn_round_t  {-moz-border-radius-topleft:    4px; -webkit-border-top-left-radius:    4px; -moz-border-radius-topright:   4px; -webkit-border-top-right-radius:   4px;}
.kn_round_b  {-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;}
.kn_round_l  {-moz-border-radius-topleft:    4px; -webkit-border-top-left-radius:    4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;}
.kn_round_r  {-moz-border-radius-topright:   4px; -webkit-border-top-right-radius:   4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;}
.kn_round_tl {-moz-border-radius-topleft:    4px; -webkit-border-top-left-radius:    4px;}
.kn_round_tr {-moz-border-radius-topright:   4px; -webkit-border-top-right-radius:   4px;}
.kn_round_bl {-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;}
.kn_round_br {-moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;}

.kn_round_x_tl {-moz-border-radius-topright: 4px; -webkit-border-top-right-radius:   4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;}

.kn_round2   {-moz-border-radius:            8px; -webkit-border-radius:             8px;}
.kn_round2_l {-moz-border-radius-topleft:    8px; -webkit-border-top-left-radius:    8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;}

/*.kongtext1,
.kongtext2 {background:#333;}
.kongtext1 {padding-left:10px; color:#eb0;}
.kongtext2 {padding-right:10px; color:#901;} */
.kongtext1 {color:#eb0;} /* in main.css */
.kongtext2 {color:#901;}

/* .kn_icon_wh {opacity:0.5;} .kn_icon_wh:hover {opacity:1;}
.kn_icon_wh {position:absolute; width:16px; height:16px; border:0; background:transparent url(icons/kn-fff.gif) 0 0 no-repeat; cursor:pointer; opacity:0.5;}
*/
.kn_icon,
.kn_icon_wh {display:inline-block; width:18px; height:18px; background-image:url(icons/kn-333.gif); background-repeat:no-repeat;}
.kn_icon_wh {background-image:url(icons/kn-fff.gif);}

.kn_icon_edit   {background-position:1px    1px;}
.kn_icon_create {background-position:1px  -31px;}
.kn_icon_close  {background-position:1px -127px;}
.kn_icon_minmax {background-position:1px -191px;}
.kn_icon_handle {background-position:1px -253px;}
.kn_icon_up     {background-position:1px -351px;}
.kn_icon_down   {background-position:1px -383px;}

/*.kn_icon_help  {background-position:1px -127px;}*/
.kn_icon_help  {background:url(icons/help-s.png) no-repeat 1px 1px;}


/*  BUTTONS ()
------------------------------------------------------------------ */
.btn {
  display:inline-block;
  background:none;
  margin:0;
  padding:3px 0;
  border-width:0;
  overflow:visible;
  font:100%/1.2 Arial,Sans-serif;
  text-decoration:none;
  color:#333 !important;
}
* html button.btn {
  padding-bottom:1px;
}
/* Immediately below is a temporary hack to serve the
   following margin values only to Gecko browsers
   Gecko browsers add an extra 3px of left/right
   padding to button elements which can't be overriden.
   Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
  margin:0 -3px;
}
.btn span {
  background:#ddd url(ui/bg-button.gif) repeat-x 0 0;
  margin:0;
  padding:3px 0;
  border-left:1px solid #bbb;
				border-left:1px solid #999;
  border-right:1px solid #aaa;
				border-right:1px solid #888;
}
* html .btn span {
  padding-top:0;
}
.btn span span {
  position:relative;
  padding:3px .4em;
  border-width:0;
  border-top:1px solid #bbb;
				border-top:1px solid #999;
  border-bottom:1px solid #aaa;
				border-bottom:1px solid #888;
				white-space:nowrap;
}

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span {
  border-right-width:0;
}
button.pill-l span span {
  border-right:1px solid #bbb;
}
button.pill-c span {
  border-right-style:none;
  border-left-color:#fff;
}
button.pill-c span span {
  border-right:1px solid #bbb;
}
button.pill-r span {
  border-left-color:#fff;
}

/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
  cursor:pointer; /* important for any clickable/pressable element */
  border-color:#9cf !important;
				border-color:#090 !important;
  color:#000;
}
.btn:active span {
  background-position:0 -400px;
  outline:none;
}
.btn:focus, .btn:active {
  outline:none; /* doesn't seem to be respected for <button>, only <a> */
}

/* use if one button should be the 'primary' button */
.primary {
  font-weight:bold;
  color:#000;
			color:#444;
}
.secondary {color:#777;}

/*
.btn span span.edit,
.btn span span.close,
.btn span span.create {background:transparent url(icons/kn-333.gif) 4px 0 no-repeat; padding-left:24px;}

.btn span span.edit   {background-position:4px    3px;}

.btn span span.create {background-position:4px  -29px;}

.btn span span.close  {background-position:4px -125px;}
.btn span span.close:hover {}
*/

.btn.edit   span span {background:transparent url(icons/kn-333.gif) 4px    3px no-repeat; padding-left:24px;}
.btn.create span span {background:transparent url(icons/kn-333.gif) 4px  -29px no-repeat; padding-left:24px;}
.btn.close  span span {background:transparent url(icons/kn-333.gif) 4px -125px no-repeat; padding-left:24px;}
.btn.back   span span {background:transparent url(icons/kn-333.gif) 4px -317px no-repeat; padding-left:24px;}
.btn.close:hover span,
.btn.close:hover span span {border-color:#901 !important;}
.btn.back:hover span,
.btn.back:hover span span {border-color:#eb0 !important;}

.kn_icon_wh.close {background-position:0 -128px;}
.kn_icon_wh.grip  {background-position:0 -256px;}

/* ADMIN ELEMENTS */

/* KONG (new) */


.kn_ff {margin:12px;}
.kn_ff dt label {float:left; width:120px;}
.kn_ff dd input {width:240px; padding-left:1px; border:solid 1px #aaa; }
.kn_ff dd input:focus,
.kn_ff dd textarea:focus {background-color:#ffc;}

.kn_ff dd select {padding:1px 2px; border:solid 1px #aaa; }

.kn_ff_helper {background:#eef; color:#777;}
.kn_ff_helped {border-left:solid 2px #069 !important; border-right:solid 2px #069 !important;}

hr.kn_ff_line { border:none; color:#ccc; background:#ccc; height:1px; margin:16px 0;}

.kn_ff_textarea textarea {border:solid 2px #ccc;}

.kn_ff_displayonly dt {padding:0 10px; border:solid 2px #ccc; background:#ddd; font-weight:bold;}

.kn_ff_date  dd input {background:#fff url(icons/calendar-s.png) right center no-repeat;}
.kn_ff_rainbow  dd input {background:#fff url(icons/rainbow-s.png) right center no-repeat;}

.kn_ff_textlong dd input  {width:100%;}
.kn_ff_textlong dd select {width:100%;}

.kn_ff_title dt        {                            font-weight:bold;}
.kn_ff_title dd input  {width:100%; font-size:16px; font-weight:bold;}
.kn_ff_title dd select {width:100%; margin:4px 0;}

.kn_ff_upload dd input {width:320px;}

/* S */
.kn_ff dt label {float:left; width:150px; color:#777; font-weight:bold;}

.kn_ff select option[selected] {background-color:#ffc;} /* see helpers.css line 266 */

.kn_ff_gender label.gender_E.checked {background-color:#ffc;}
.kn_ff_gender label.gender_F.checked {background-color:#f7d7f7;}
.kn_ff_gender label.gender_M.checked {background-color:#b5cb84;}
.kn_ff_gender label.item_label {width:auto; margin-right:10px; padding:0 4px 0 24px; border:solid 1px #ccc; background-position:4px 50%; background-repeat:no-repeat;}


/*  TABS
------------------------------------------------------------------ */
/*
    from
        http://reference.sitepoint.com/css/display
        - for 'display:inline-block;' IE requires another 'display:inline;'
        - if ul.sw_tabs li {display:block; float:left;} then requires ul clearfix but works in IE
*/
/*
ul.sw_tabs {margin:10px 0 -1px 0;}
ul.sw_tabs li {
    display:inline-block; height:16px; margin-right:4px; padding:1px 10px; border:solid 1px #aaa;
    list-style:none; background-color:#ccc; background-repeat:no-repeat; background-position:2px; color:#444; line-height:16px; font-size:12px; font-weight:bold; cursor:pointer;
    display:inline;
    -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px;
}
ul.sw_tabs li {background:transparent url(ui/bg-button-grad.gif) repeat-x; text-shadow:0 1px 0 #fff;}
ul.sw_tabs li:hover {background-color:#ffc;}
ul.sw_tabs li.sw_tab_active {background:#f3f3f3; border-bottom:0; padding-bottom:2px; height:18px; line-height:18px; font-size:16px;}

ul.sw_tabs li.tab_help   span,
ul.sw_tabs li.tab_rels   span,
ul.sw_tabs li.tab_search span,
ul.sw_tabs li.tab_design span,
ul.sw_tabs li.tab_tools  span {padding-left:12px;}

ul.sw_tabs li.tab_help   {background-image:url(icons/16/help-browser.png);}
ul.sw_tabs li.tab_rels   {background-image:url(icons/misc/fam.sitemap_color.png);}
ul.sw_tabs li.tab_search {background-image:url(icons/16/system-search.png);}
ul.sw_tabs li.tab_design {background-image:url(icons/16/document-properties.png);}
ul.sw_tabs li.tab_tools  {background-image:url(icons/16/preferences-system.png);}
*/
/* http://unraveled.com/publications/css_tabs/ */
ul.sw_tabs {
margin:10px 1px 0 0;
border-bottom: 1px solid #aaa; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 0px; /* THIRD number must change with respect to padding-top (X) below */
/*
text-align:left;
*/
font: normal 12px/14px verdana, arial, sans-serif;
}

ul.sw_tabs li {display:inline;}
/*ul.sw_tabs li span {height:16px; margin-right:4px; padding:1px 10px; border:solid 1px #aaa;}*/

ul.sw_tabs li span {
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #aaa; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #cfc; /* set unselected tab background color as desired */
color: #333; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
cursor:pointer;
}
ul.sw_tabs li span {background:transparent url(ui/bg-button-grad.gif) repeat-x; text-shadow:0 1px 0 #fff;}
ul.sw_tabs li span:hover {background:#ffc;}

ul.sw_tabs li.sw_tab_active span {
background: #f3f3f3; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position:relative;
top:1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
font-weight:bold;
}


/* for tabs */
.txt_search {border:solid 1px #aaa; background:#ffc url(icons/16/system-search.png) 2px 50% no-repeat;}
.k_tab_sys  {color:#901 !important;}



/*  TAB - WRAPPER
------------------------------------------------------------------ */
div.sw_tab_wrap {min-height:128px; padding:10px; border:solid 1px #aaa; background:#f3f3f3; border-top:none;}
/** @todo - div.sw_tab_wrap.hide {height:0px;} for collapsable tabs **/

/** @todo - rename to sw_tab_statusbar find infobar - a class for js (sw-moo-admin.js) **/
div.sw_tab_info {
    height:16px; margin:0 0 10px 0; padding:3px 4px; background:#aaa; color:#fff; font-size:12px; line-height:16px;
    -moz-border-radius:0 0 3px 3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px;
}
div.sw_tab_info img {float:left; padding:0 4px;}
div.sw_tab_opts {margin:4px; text-align:right;}
div.sw_tab_opts button {padding:2px 10px;}


/*  TAB - CONTENTS
------------------------------------------------------------------ */
/**
    .sw_tab_con_in = these are auto assigned an id, hidden/revealed
    @todo
        - min-height:128px; collapses margin in IE
        - required? div.sw_tab_con_in {margin:0px;}
**/

/* skins *

ul.sw_tabs {margin:4px 0 0 0; background:#069; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px;}
ul.sw_tabs li {margin:3px 0 3px 3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
div.sw_tab_wrap {border-color:#069; -moz-border-radius:0; -webkit-border-radius:0; border-width: 0 1px;}
div.sw_tab_info {background-color:#069;}
/**/

/* ab5 / c6d880 */