/* Global Style CSS for EKCCMS (ekccms.org) */

* {
  /* vertical-align: baseline;  BREAKS JPCKER!  */
  font-family: inherit;  
  font-style: inherit;  
  /* This BREAKS LI indentation
  padding: 0px;  
  */
  margin: 0px;
  line-height: 1.5em;
  /*
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  */
}
body { font-size: 100%; } /* Make all browsers behave the same */
h1 { margin: 12px 0px 6px 0px; } /* top right bottom left */
h2 { margin: 8px 0px 4px 0px; } /* top right bottom left */
h3, h4, h5, h6, .login_title_div { margin: 6px 0px 3px 0px; } /* top right bottom left */
p { margin: 4px 0px 2px 0px; }  
pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
}

/* Ensure vague items display correctly */
em { font-style: italic; }
strong { font-weight: bold; }

/* Remove nasty borders when images are links */
img { border-style: none; }

textarea { width: 400px; height: 200px; }

.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.nowrap { white-space: nowrap; }

div.top_messages {
  width: 90%;
  border: 1px solid black;
  background: #ffa;
  color: #000;
  margin-bottom: 30px;
  padding-left: 4px;
}

div.edit_block {
  position:relative;
  /* border: 1px solid darkblue; */
  padding: 0px;
  margin: 0px;
  display:block;
}
div.edit_link {
  padding: 0px;
  margin: 0px;
}

.login_user_name, .login_password { width: 190px; }
.login_div, .login_user_name, .login_password, .login_link , .logged_in_text{
  /*font-size: 8pt;*/
}

input.login_submit {
  padding: 2px 10px;
  border-radius:8px;
  background:#ddd;
  background: -webkit-gradient(linear, center top, center bottom,
  color-stop(0%, #ddd), color-stop(25%, #fff), color-stop(60%, #e4e4e4), color-stop(100%, #bbb)); 
  background: -moz-linear-gradient(top, #ddd 0%, #fff 25%, #e4e4e4 60%, #bbb 100%); 
  background: -ms-linear-gradient(top, #ddd 0%, #fff 25%, #e4e4e4 60%, #bbb 100%); 
  background: linear-gradient(top, #ddd 0%, #fff 25%, #e4e4e4 60%, #bbb 100%); 
}

.login_div {
  padding: 0px 20px;
  white-space: nowrap;
  background: none;
}
/*
.login_div .logged_in_text { line-height:18px; }
.login_div_field { display:inline-block; }
.login_div_label { display:inline-block; }
*/
.login_div { display:table; }
.login_div_row { display:table-row; }
.login_div_field, .login_div_label { display:table-cell; }
.login_button_spacer { display:none; height:0px; }

.login_label, .login_link { padding-left: 6px; }
.login_link { line-height:24px; }

p.ekc_rss_item, p.ekc_atom_item {
  margin:0px;
}
.divTable { display:table; }
.divTableRow { display:table-row; }
.divTableCell { display:table-cell; }


/* ******************************************************** */
/* BEGIN - CALENDAR FORMATTING HERE 20060619. -ELK          */
/* ******************************************************** */
div.calendar
{
  max-width:120px;
  font-size: 1em;
  color: #000;
}

div.calendar.popup
{
  margin-left: -40px;
  margin-top: -100px;
}

div.calendar table
{
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse: collapse;
  z-index:2;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

div.calendar tr.days td.today
{
  font-weight: bold;
  color: #D50000;
}

div.calendar tr.days td.otherDay
{
  color: #bbb;
}


/* ******************************************************** */
/* END - CALENDAR FORMATTING HERE 20060619. -ELK            */
/* ******************************************************** */

/* ******************************************************** */
/* BEGIN - ARTICLE MODULE FORMATTING HERE 20090731. -ELK         */
/* ******************************************************** */
.article_title {
  padding-top: 30px;
  /*font-size: 12pt;*/
  font-weight: bold;
}
.article_user {
  /*font-size: 8pt;*/
  font-weight:normal;
}
.article_errors {
  color:red;
  font-weight:bold;
}
.article_expire_dt {
  color: green;
}
.article_expired_dt {
  color: red;
}
.article_comments_header {
  /*font-size: 9pt;*/
  font-weight: bold;
  padding-top: 12px;
}
.article_comments_posted_by {
  /*font-size: 8pt;*/
  font-weight: bold;
  padding:0px;
  margin:0px;
}
div.article_comments_text { margin-bottom:18px; }
p.article_comments_text {
  /*font-size: 8pt;*/
  font-weight: normal;
  padding:0px;
  margin:0px;
}
.article_post_cmt_link { margin-top: 18px; margin-bottom: 24px; }


/* .user_news_text { font-size: 9pt; } */
/* ******************************************************** */
/* END - ARTICLE MODULE FORMATTING HERE 20090731. -ELK           */
/* ******************************************************** */

/* ********************************************************** */
/* BEGIN - SEARCH RESULTS FORMATTING HERE 20090818. -ELK      */
/* ********************************************************** */
.search_result_title {
  padding-top: 12px;
}
.search_result_text {
  /*font-size: 9pt;*/
}
.search_term_found {
  background-color:#ff0;
  color:#000;
}
.search_wrapper {
  padding-top: 0px;
  padding-bottom: 0px;
  /*font-size:8pt;*/
  font-weight:normal;
  white-space: nowrap;
}
.search_text {
  font-size: 10pt;
  color:#333;
  width: 120px;
}
.search_icon {
  border: 0px outset #888;
  position: relative;
  top: 6px;
  padding: 1px;
}
/* ********************************************************** */
/* END - SEARCH RESULTS FORMATTING HERE 20090818. -ELK        */
/* ********************************************************** */


/* ********************************************************** */
/* BEGIN - POPUP USER MESSAGES FORMATTING HERE 20090813. -ELK */
/* ********************************************************** */
div#popup_div, div.popup_div {
  background: url(images/core/1x1/RGB000_080pct.png);
  position: absolute; /* 'relative' for insert mode, 'absolute' for overlay mode */
  top:0px; left:0px; right:0px;
  text-align: left;
  padding: 30px;
  margin: 0px;
  z-index:99;
/* outer shadows  (note the rgba is red, green, blue, alpha) */
-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0px 0px 7px rgba(23, 69, 88, .5);
box-shadow: 0px 0px 7px #888;

/* rounded corners */
-webkit-border-radius: 12px;
-moz-border-radius: 7px; 
}
p.modal_popup_msg {
  font-family: Arial;
  /*font-size: 10pt;*/
  font-weight: normal;
  width: 80%;
  color: #444;
  padding: 2px 0px;
}
p.modal_popup_msg a { color: #f00; }
.popup_msg {
  font-family: Arial;
  /*font-size: 10pt;*/
  font-weight: normal;
  width: 80%;
  color: #fff;
  padding: 0px;
}
.popup_close {
  /*font-size: 10pt;*/
  font-family: Arial;
  font-weight: bold;
  margin: 0px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.popup_btn {
  background-color: LightGray;
  font-weight: bold;
  text-align: center;
}
/* ********************************************************** */
/* END - POPUP USER MESSAGES FORMATTING HERE 20090813. -ELK   */
/* ********************************************************** */



/* ********************************************************** */
/* BEGIN - HTML GRID DEFAULT CSS.-ELK 20090911                */
/* ********************************************************** */
table.sortable {
  padding:0px;
  margin:0px;
}

td.sort_header_cell {
}

.sortheader  {
}

td.sort_detail_cell {
  white-space: nowrap;
}

td.sort_data_cell {
  padding: 0px 6px;
}

input.sort_data_edit_cell {
  /*font-size:8pt;*/
  text-align:left;
  padding:0px;
  margin:0px;
  border:1px solid #aaa;
}

td.sort_corner_cell {
  /*font-size:8pt;*/
  text-align:left;
  padding:2px;
  margin:2px;
  border:none;
}
.htgquery { width: 150px; padding:3px; margin: 0px 4px 6px 0px; }
button, input[type="submit"], input[type="button"], input[type="reset"], .btn {
  -webkit-appearance:none;
  color:#555;
  /* font-weight:bold; */
  margin: 4px 0px;
  padding: 2px 8px;
  border-radius:5px;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  border-bottom:1px solid #888;
  border-right:1px solid #888;
  background:#e8e8e8;
  /* gradient */
  /*
  background: -webkit-gradient(linear, center top, center bottom,
  color-stop(0%, #ddd), color-stop(50%, #fff), color-stop(80%, #e4e4e4), color-stop(100%, #ccc)); 
  background: -moz-linear-gradient(top, #ddd 0%, #fff 50%, #e4e4e4 80%, #ccc 100%); 
  background: -ms-linear-gradient(top, #ddd 0%, #fff 50%, #e4e4e4 80%, #ccc 100%); 
  background: linear-gradient(top, #ddd 0%, #fff 50%, #e4e4e4 80%, #ccc 100%); 
  */
}
button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .btn:hover {
  background:#f8f8f8;
  color: #555;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  border-bottom:1px solid #888;
  border-right:1px solid #888;
}
button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, .btn:active {
  background:#f8f8f8;
  color: #555;
  border-top:1px solid #888;
  border-left:1px solid #888;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}

div.htgsearchdata { font-size:8pt; }
div.htgsearchdata>input { font-size:8pt; }
/* ********************************************************** */
/* END - HTML GRID DEFAULT CSS.-ELK 20090911                  */
/* ********************************************************** */


/* ********************************************************** */
/* BEGIN - AJAX TREEVIEW DEFAULT CSS. -ELK 20090919 (ARRGH!)
/* ********************************************************** */
div.ajax_treeview { }
.atv_headline { font-weight: bold; }
.atv_dir { }
.atv_dir_opening { font-weight: bold; }
.atv_file {
  color:#00a;
  display:inline-block;
  white-space:nowrap;
  cursor:pointer;
}
.atv_file:hover {
  color:#0a0;
}
.atv_file_size { }
.atv_button { width: 70px; padding: 1px; }
.atv_submit_row { padding: 2px; }
div.atv_dir_div {
  position:relative;
  margin:0px;
  padding:0px;
  height:22px;
}
div.atv_file_div {
  position:relative;
  margin:0px;
  padding:4px 0px 4px 0px;
  height:22px;
}

div.atv_file_img {
  display:inline-block;
  margin:0px;
  padding:0px;
}

/* ********************************************************** */
/* END - AJAX TREEVIEW DEFAULT CSS. -ELK 20090919 (ARRGH!)
/* ********************************************************** */


/* ********************************************************** */
/* BEGIN - Image Gallery CSS. -ELK 20100326
/* ********************************************************** */
.image_gallery_table {
  display:inline;
}

.image_gallery_tr {
}

.image_gallery_td {
  vertical-align: top;
  padding: 0px;
}
p.image_caption { padding:0px; margin:0px; }
div#image_overlay_caption { color:#fff; padding:10px; margin:0px; }
/* ********************************************************** */
/* END - Image Gallery CSS. -ELK 20100326
/* ********************************************************** */


/* ********************************************************** */
/* BEGIN - Calendar Popup CSS. -ELK 20100623
/* ********************************************************** */
div#calendar_popup {
  font-family: Arial, Helvetica, sans-serif;
  padding: 4px;
  position: absolute;
  top: 100px;
  left: 100px;
  /*
  width: 290px;
  height: 220px;
  */
  width: 400px; height: 400px;
  background: url('images/core/misc/calendar_bg_1.png') no-repeat;
  /* border: 2px solid green; */
  display: none;
  z-index: 1;
  padding: 10px;
}

input#calendar_popup_nav_year {
  padding:2px;
  margin:4px;
}
button#calendar_popup_nav_cancel, button#calendar_popup_nav_submit {
  border: 1px solid black;
  padding: 0px 10px;
  margin: 10px;
}
button#calendar_popup_nav_cancel {
  background:#aaa;
  color: #000;
}
button#calendar_popup_nav_submit {
  background:#008;
  color: #fff;
}

/* Month/Year link text */
a.calnav {
  font-weight:bold;
  text-decoration:none;
  font-family: Arial, sans-serif;
  background:none;
}
a.calnav:hover {
  font-weight:bold;
  text-decoration:underline;
  color: #a00;
  background:none;
}

.debugging_messages { text-align: left; }

/* Day link text */
.selector {
  text-decoration: none;
  background-color: inherit;
  background-image: inherit;
  background-repeat: inherit;
  background-attachment: inherit;
  background-position: inherit;
}

/* Weekday text */
.calweekdaycell, .calcell, .calcell a {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding:1px;
  margin:1px;
  background:none;
  border:none;
}

.date_controls {
  padding: 0px 4px 0px 4px;
  margin: 0px;
  font-weight: normal;
}
.date_popup_title, .date_popup_title b {
  padding:4px;
  color: #008;
  padding-bottom:6px;
}

div#calendar_popup_1, first-of-type { padding:0px; } /* Space between last calendar page */
div#calendar_popup_1, last-of-type { padding-left:26px; } /* Space between last calendar page */

/* ********************************************************** */
/* END - Calendar Popup CSS. -ELK 20100623
/* ********************************************************** */

/* ********************************************************** */
/* BEGIN - Twitter Feed Module Defaults. -ELK 20130105
/* ********************************************************** */
div.twitter_module_wrapper {
  position:relative;
}
div.twitter_header_wrapper {
  position:relative;
  height:44px;
}
div.twitter_profile_pic {
  float:left;
  width:60px;
}
div.twitter_follow_button_top {
  float:left;
  width:20px;
  height:20px;
  margin-top:28px;
}
div.twitter_desc {
  clear:both;
}
div.twitter_feed_wrapper {
  clear:both;
}
.twitter_resp_link { }
.twitter_post_time { }
a.twitter_link { text-decoration: none; }
a.twitter_link:hover { text-decoration: underline; }
a.twitter_content_sublink { text-decoration:underline; }
a.twitter_content_sublink:hover { font-weight:bold; }
.twitter-follow-button { height:20px; } /* Twitter defined class */
/* ********************************************************** */
/* END - Twitter Feed Module Defaults. -ELK 20130105
/* ********************************************************** */

/* ********************************************************** */
/**** BEGIN EKC MENU DEFAULTS ****/
/* ********************************************************** */
div.ekcmenuhorz, div.ekcmenuvert { position: relative; margin: 0px; padding: 0px; }
ul.ekcmenuvert, ul.ekcmenuhorz { display: block; padding:0px; margin:0px; list-style: none; white-space: nowrap; }
div.ekcmenuvert ul.menu_submenu, div.ekcmenuhorz ul.menu_submenu { background-color:#444; border:1px solid #888; padding:6px; display: inline-block; z-index: 2; }
div.ekcmenuhorz .menu_item_search_image { width: 16px; height: 16px; }
div.menu_item_block { white-space: nowrap; padding: 0px; margin: 0px; display: inline-block; }
li.ekcmenuhorz { cursor:pointer; }
li.ekcmenuvert { cursor:pointer; }
/* * * * * * * Top menu submenu_indicator * * * * * * */
div.ekcmenuhorz>ul.menu_level1>li>div>div.link_span>div.submenu_indicator { display: inline-block; position: absolute; width: 24px; height: 18px; right: 0px; color: #8a8a8a; padding-left: 18px; z-index: 1; }
div.ekcmenuvert>ul.menu_level1>li>div>div.link_span>div.submenu_indicator { display: inline-block; position: relative; width: 24px; height: 18px; color: #8a8a8a; padding-left: 18px; z-index: 1; }
/* * * * * * * Submenu submenu_indicator * * * * * * */
div.ekcmenuhorz div.submenu_indicator, div.ekcmenuvert div.submenu_indicator { display: inline-block; position: absolute; width: 24px; height: 18px; right: 0px; color: #8a8a8a; padding-left: 18px; z-index: 1; }
/* * * * * * */
div.ekcmenuhorz>ul.menu_level1 {
  white-space: nowrap;
  height: 30px;
  margin: 0px;
  padding: 0px;
  background: #333;
  position: relative;
}
div.ekcmenuhorz>ul.menu_level1>li.menu_li { white-space: nowrap; padding: 0px; margin: 0px; top: 0px; left: 0px; position: relative; display: inline-block; border-left: 1px solid #888; }
div.ekcmenuhorz>ul.menu_level1>li.menu_li_cart { white-space: nowrap; padding: 0px; margin: 0px; top: 0px; left: 0px; position: relative; display: inline-block; border-right: 1px solid #888; }
div.ekcmenuhorz>ul.menu_level1>li.menu_li:first-of-type { border-left: none; }
div.ekcmenuhorz>ul.menu_level1>li.menu_li_cart:first-of-type { border-right: none; }
div.ekcmenuhorz>ul.menu_level1>li:hover { background:#555; }
div.ekcmenuhorz>ul.menu_level1>li>div {
  height: 30px;
  margin: 0px;
  padding: 0px;
  position: relative;
  display: inline-block;
}
div.ekcmenuhorz ul.menu_submenu>li>div>div.link_span, div.ekcmenuvert ul.menu_submenu>li>div>div.link_span { color: #ccc; padding: 3px 10px; }
div.ekcmenuhorz ul.menu_submenu>li:hover, div.ekcmenuvert ul.menu_submenu>li:hover { background-color:#555; color:#fff; }
div.ekcmenuhorz>ul.menu_level1>li:hover div.link_span { color:#fff; }
div.ekcmenuvert>ul.menu_level1>li>div div.link_span { display: inline-block; }
div.ekcmenuhorz>ul.menu_level1>li>div div.link_span {
  position: relative;
  height: 18px;
  padding: 0px 10px;
  margin: 0px;
  color:#ccc;
  display: inline-block;
  top: 6px;
}
div.ekcmenuhorz img.menu_item_image {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 10px;
  top: 3px;
  display: inline;
}
div.ekcmenuvert img.menu_item_image {
  width: 24px;
  height: 24px;
  display: inline;
  padding: 0px;
  margin: 0px;
}
div.ekcmenuhorz div.ekcmenu_search_box {
  position:relative;
  white-space:nowrap;
  display:none;
  top: -2px;
  height:18px;
}
div.ekcmenuhorz .search_text { position: relative; height: 18px; top: 0px; width: 120px; font-size: 10pt; }
/* FIREFOX VERTICAL POSITION FIX -ELK 20150707 */
@-moz-document url-prefix() {
  /*
  div.ekcmenuhorz>ul.menu_level1>li>div div.link_span {
    top: 10px;
  }
  */
  /* div.ekcmenuhorz img.menu_item_image { top: -6px; } */
  div.ekcmenuhorz div.ekcmenu_search_box { top: -4px; }
}
/* ********************************************************** */
/**** END EKC MENU DEFAULTS ****/
/* ********************************************************** */

/* ********************************************************** */
/**** BEGIN EKCCMS JAVASCRIPT ALERT DEFAULTS ****/
/* ********************************************************** */
div#ekccms_javascript_alert, div#ekccms_javascript_alert * {
  font-family: Arial, Helvetica, Sans;
  font-size: 12pt;
}
/* ********************************************************** */
/**** END EKCCMS JAVASCRIPT ALERT DEFAULTS ****/
/* ********************************************************** */

/* ********************************************************** */
/**** BEGIN EKC MODALBOX DEFAULTS ****/
/* ********************************************************** */
/* #MB_overlay { } */
#MB_windowwrapper { background:transparent; }
#MB_window {
  border:1px solid #fff;
  -webkit-border-radius: 12px; -moz-border-radius: 7px; border-radius: 7px; /* rounded corners */
  background:transparent url(images/core/1x1/RGB000_080pct.png);
}
#MB_frame { background:transparent; }
#MB_header {
  -webkit-border-top-left-radius: 12px; -moz-border-top-left-radius: 7px; border-top-left-radius: 7px; /* rounded corners */
  -webkit-border-top-right-radius: 12px; -moz-border-top-right-radius: 7px; border-top-right-radius: 7px; /* rounded corners */
}
/* #MB_close { } */
#MB_caption {
  background:#ccc; /* For <=IE8 */
  background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%, #ddd), color-stop(40%, #eee), color-stop(100%, #aaa)); 
  background: -moz-linear-gradient(top, #ddd 0%, #eee 40%, #aaa 100%); 
  color: #555; text-shadow:#222; font-family: "Arial",arial,sans-serif; font-weight:normal;
}
#MB_content { background:transparent; color: #ddd; border-top: 1px solid #888; }
#MB_content * { color: #ddd; }
/* ********************************************************** */
/**** END EKC MODALBOX DEFAULTS ****/
/* ********************************************************** */
.mod_email_signup_user_emadd {
  font-size: 12pt;
  height:24px;
  width: 120px;
}

.media_download_link_wrapper {
  display: block;
}

.EKUtil_popupMsg {
  font-family: Arial, Helvetica, sans-serif;
  position:absolute;
  border:1px solid #777;
  width:300px;
  padding:10px;
  display:none;
  z-index:99;
  -webkit-box-shadow:6px 6px 14px rgba(0, 0, 0, 0.4); 
  -moz-box-shadow:0px 6px 7px rgba(23, 69, 88, .5);
  box-shadow:6px 6px 7px #888;
  -webkit-border-radius:6px;
  -moz-border-radius:3px;
}

.showUserMesssage, .showUserMessage * {
  padding:20px; 
  background:#ffd;
  color:#444;
  font-size:14pt;
  border: 1px solid #888;
  -webkit-box-shadow:6px 6px 14px rgba(0, 0, 0, 0.4); 
  -moz-box-shadow:0px 6px 7px rgba(23, 69, 88, .5);
  box-shadow:6px 6px 7px #888;
  /* rounded corners */
  border-radius:8px;
}

/* ********************************************************** */
/**** BEGIN EKC SIGNATURE DEFAULTS ****/
/* ********************************************************** */
div#signature_messages {
  font-size: 18pt;
  background-color: #800;
  color: #fff;
  padding: 6px;
}
/* ********************************************************** */
/**** END EKC SIGNATURE DEFAULTS ****/
/* ********************************************************** */

div.cntwrap_copyright, div.cntwrap_copyright * { font-size:8pt; }



/* ********************************************************** */
/**** CHANGE DEFAULT LIST INDENTS ****/
/* ********************************************************** */
ul { padding-left:20px; }


/* ********************************************************** */
/**** MAP LOCATIONS MODULE: Styling for Google popups
/* ********************************************************** */
div .gm-style-iw-d * { color: #555; font-size:10pt; font-family:Arial, Helvetica, sans-serif; }
div .gm-style-iw-d * p { color: #555; }
div .gm-style-iw-d * p b { color: #855; }
div .gm-style-iw-d * a { color: #059; }
div .gm-style-iw-d * a:visited { color: #059; }
div .gm-style-iw-d * a:hover { color: #39c; }