/*****************************************************/
/*****************************************************/

/***Make sure that you are editing base-editor.css***/

/*****************************************************/
/*****************************************************/


/* removed these to accommodate older existing tables: table, caption, tbody, tfoot, thead, tr, th, td - also removed sup & sub */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}
/* tds have a 1px padding by default - reset from above */
td {padding: 0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
/* remember to define focus styles */
:focus {outline: 0;}
/* remember to highlight inserts somehow */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}



/* ------------------------------------------------------- */
/* ------ ABOVE is the RESET - BELOW is the REBUILD ------ */
/* ------------------------------------------------------- */

blockquote {
    padding: 18px;
    margin: 18px 36px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-bottom-color: #aaa;
}

hr {border: 0; background: #eee; color: #eee; height: 2px; margin: 18px 0;}

ul {list-style-type: disc;}
ul ul {list-style-type: circle;}
ul ul ul {list-style-type: square;}
ul ul ul ul {list-style-type: circle;}
ol {list-style-type: decimal;}
ol ol {list-style-type: lower-alpha;}
ol ol ol {list-style-type: decimal;}
ol ol ol ol {list-style-type: lower-alpha;}
ul, ol {margin: 18px 0 18px 40px;}
ul ul, ul ol, ol ol, ol ul {margin: 6px 0 6px 40px;}

/* prevents a 15px space at the bottom of single articles - blog separators are reset later */
span.article_separator {display: none;}

/* joomla structure protection */
table.contentpaneopen {width: 100%;}
.contentpaneopen td {padding: 0;}

/* tables in content */
.contentpaneopen table {margin: 0px 0px 18px 0px;}
.contentpaneopen table td, #tinymce table td {
  padding: 9px; 
  border: 1px solid #ddd; 
  vertical-align: top;
}
.contentpaneopen table th, #tinymce table th {
  background: #ddd; 
  color: #333; 
  border: 1px solid #ddd; 
  padding: 9px 0;}
/* borderless option */
.contentpaneopen table.borderless td {border: 0; padding: 0;}
#tinymce table.borderless td {border: 1px dotted #e0e0e0; padding: 0;}

/* old form protection */
#formContainer table {border-collapse: separate;}
#formContainer table td {font-size: 13px;}



/* --------------------------------------------- */
/* ------ TYPOGRAPHY --------------------------- */
/* --------------------------------------------- */

body, #tinymce td, #content-padding input, input {
    font-size: 13px;
    line-height: 18px;
    font-family: 'Droid Sans', Arial, sans-serif;
}

/* inputs outside of the content area are normally smaller - leave the line-height: normal */
input {font-size: 11px; line-height: normal;}

p {margin: 0px 0px 18px;}
a, a:visited {text-decoration: underline;}
a:hover, a:focus, a:active {text-decoration: none;}

h1 {
    font-size: 29px;
    line-height: 36px;
    margin: 18px 0 0;
}
h2 {
    font-size: 22px;
    line-height: 27px;
    margin: 18px 0 0;
}
h3 {
    font-size: 19px;
    line-height: 27px;
    margin: 18px 0 0;
}
h4 {
    font-size: 18px;
    line-height: 18px; 
     margin: 18px 0 0;
}
h5 {
    font-size: 16px;
    line-height: 18px;
    margin: 18px 0 0;
}
h6 {
    font-size: 12px;
    line-height: 18px;
    margin: 18px 0 0;
}

h1:first-child, h2:first-child, h3:first-child,
h4:first-child, h5:first-child, h6:first-child,
ul:first-child, ol:first-child {margin-top: 0px;}



/* ----------------------------------- */
/* ------ MISC STYLES ---------------- */
/* ----------------------------------- */

.clarence {clear: both !important;}
.spacey {margin: 0px 3px;} /* often wraps |s in link lists or small info */
.hidden {display: none !important;}
.float-left {float: left !important;}
.float-right {float: right !important;}
.no-float {float: none !important;}
.no-margin {margin: 0 !important;}
.no-left-margin {margin-left: 0 !important;}
.no-right-margin {margin-right: 0 !important;}
.no-top-margin {margin-top: 0 !important;}
.no-bottom-margin {margin-bottom: 0 !important;}
.v-margin-10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.v-margin-20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.h-margin-10 {margin-left: 10px !important; margin-right: 10px !important;}
.h-margin-20 {margin-left: 20px !important; margin-right: 20px !important;}
.top-margin-10 {margin-top: 10px !important;}
.top-margin-20 {margin-top: 20px !important;}
.bottom-margin-10 {margin-bottom: 10px !important;}
.bottom-margin-20 {margin-bottom: 20px !important;}
/* '.home' on the default menu item + '.hide-on-home' on the module */
body.home .hide-on-home {display: none !important;}
.bulletproof {list-style: none !important; list-style-position: outside !important /* IE 7 indentation fix */;}

.moduletable.mc-home-slider {display: none;}

/***Layout***/
#bkg.mc-ios {cursor: pointer}/*Click hack for IOS*/
/*.in-view {display: block !important;}*/

.left-group .moduletable {float: left;}
.right-group .moduletable {float: right}
#site-top-1 {position: relative;}
#site-top-3 {position: relative;}
.site-width {max-width: 980px; margin: 0 auto; position: relative}

#header {position: relative;}


#under-header-wrap {padding: 10px 0; box-shadow: 0 3px 7px #777, 0 -3px 7px #777 }
#under-header-2 {
    position: absolute; 
    right: 0; top; 0; 
    background: #ddd;
    background: rgba(230,230,230,0.9); 
    width: 98%; 
    z-index: 1; 
    margin-top: 10px;
    padding: 0 1%;
}
#under-header-2 h3 {font-size: 16px; margin-top: 8px;}
#under-header-2 .extra-1 {padding: 0 0px 10px;}

/**Used js to switch #content-wrap and #right-bar - make sure to change this in index.php**/
#middle-section-wrap {overflow: hidden;}
#content-padding {padding: 20px; }

#right-bar {padding: 20px; overflow: hidden;}

#site-bottom-1 {padding: 20px; background: #eee; box-shadow:  0 -3px 7px #bbb; border-bottom: 4px solid #444;}





/***Menu***/
a.toggle-menu, a.toggle-login, a.toggle-search, a#mcSimpleLogin {
  display: block; 
  font-weight: bold;
  padding: 10px;  
  text-decoration: none; 
  border-radius: 5px; 
  margin: 10px;
}
.moduletable ul {list-style-type: none; margin: 0; padding: 0;}
ul.resp-menu {width: 100%; position: absolute; box-shadow: 0 5px 10px #333; z-index: 1000; /* background: #666; */ }
.resp-menu li {margin: 0; padding: 0;}
.resp-menu > li {border-top: 1px solid #ccc}
.resp-menu li:first-child {border: 0;}
.resp-menu li li, .resp-menu li li li {display: none;}
.resp-menu li.expand > ul > li {display: block;}
.resp-menu li a, .resp-menu li .separator {
  color: white;
  text-decoration: none;
  display: block;
  padding: 10px 20px;
  height: auto;
  line-height: 16px;
  min-height: 16px;
  position: relative;
}
.resp-menu li.expand a, .resp-menu li.expand .separator {padding-right: 60px;}
.resp-menu li.expand li a, .resp-menu li.expand li .separator {padding-left: 40px;}
.resp-menu li li.expand li a, .resp-menu li li.expand li .separator {padding-left: 60px;}

/***Expander icon***/
/***Left is white, center is black, right is gray***/
/***Top is '+' and bottom is '-'***/
.expander {
  display: block;
  height: 100%;
  width: 40px;
  background: url(../images/expand-icon.png) left top no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  cursor: default;
  padding: 0;
  margin: 0;
}

li.expand > .separator > .expander, 
li.expand > a > .expander {background-position: left bottom;}

/***Member Login***/

#header .right-group {}
/* --- login box (header) --- */

/* the login component shares these ids and classes so we must specify */
/* location-based styling to avoid having to reset styles below for the component */
#header .right-group {position: absolute; top: 0; right: 0; width: 100%; height: 96px; */
}
#header .moduletable.mc-login {
    background: #eee;
    background: rgba(238,238,238,0.9);
    border-radius: 4px;
    width: 97.91666666666667%; height: 80px;
    overflow: hidden;
    padding: 1.041666666666667%;
    margin: 0px;
    position: absolute;
    right: 0; top: 0;
    box-shadow: 0 1px 1px #999;
}

#header .moduletable.mc-login h3:first-child {
    display: none;
}

/* all inputboxes, even the checkbox which needs resetting later */
#header #form-login .inputbox {
    background: white;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-shadow: 0px 1px 1px black inset;
    padding: 4px 1.345291479820628%;
    line-height: normal;
    margin: 0px;
    width: 97.30941704035874%;
}

/* entire username section */
#header #form-login-username {
    width: 49%;
    float: left;
    margin: 0px 2% 10px 0;    
}
/* username label */
#header #form-login-username label {font-size: 12px; font-weight: bold;}
/* username inputbox */
#header #modlgn_username {}

/* entire password section */
#header #form-login-password {
    width: 49%;
    float: right;
}
/* password label */
#header #form-login-password label {font-size: 12px; font-weight: bold;}
/* password inputbox */
#header #modlgn_passwd {}

/* entire remember me section */
#header #form-login-remember {
    clear: both;
    padding-top: 2px;
    position: absolute;
    left: 1.041666666666667%; bottom: 5px;
    width: 35%;
}
/* remember label */
#header #form-login-remember label {font-size: 10px;}
/* remember checkbox */
#header #form-login #modlgn_remember {
  width: auto; 
  height: auto; 
  vertical-align: middle; 
  border: 0; 
  border-radius: 0; 
  box-shadow: none; 
  background: transparent;
}

/* login submit button */
#header #form-login .button {
    width: 33%;
    cursor: pointer;
    position: absolute;
    right: 1.041666666666667%; bottom: 5px;
}


/* --- user greeting & links (a custom html widget normally used in concert with the header login box) --- */
#header .mc-user-greeting {
    overflow: hidden;
    margin: 0;
    width: 97.91666666666667%; 
    overflow: hidden;
    padding: 1.041666666666667%;
    margin: 0px;
    position: absolute;
    right: 0; top: 0;  
}
#header .mc-user-greeting p.greeting {font-size: 12px;}
#header .mc-user-greeting .name {}
#header .mc-user-greeting ul.links {
    font-size: 11px;
    margin: 8px 0 0; padding: 0; list-style: none;
    overflow: hidden;
    
}
#header .mc-user-greeting ul.links li {
    float: left;
    padding: 0px 5px;
}
#header .mc-user-greeting ul.links li:first-child {}
#header .mc-user-greeting ul.links li a, #header .mc-user-greeting ul.links li a:visited {
    text-decoration: none;
}

#header .mc-user-greeting ul.links li a:hover, #header .mc-user-greeting ul.links li a:active, 
    #header .mc-user-greeting ul.links li a:focus {
    text-decoration: underline;
}

/***Logo***/
#header .left-group {float: none;}
.mc-logo-link {width: 87.5%; padding: 20px 6.25%; }
.mc-logo-link img {max-width: 100%; margin: 0 auto; display: block;}

/* --- site search & member (quick) search --- */
a.toggle-search {margin-top: 0; margin-bottom: 0;}
.moduletable.mc-search, .moduletable.mc-quicksearch {overflow: hidden; float: none; width: 100%;}
.moduletable.mc-search div, .moduletable.mc-quicksearch div {
    background: white;
    overflow: hidden;
    border: 1px solid #bbb;
    height: 28px;
    border-radius: 4px;
    box-shadow: 0px 1px 1px black inset;
    position: relative;
}
.moduletable.mc-search .inputbox, .moduletable.mc-quicksearch .inputbox {
    padding: 0px 0px 0px 3px;
    margin: 5px 0px 0px;
    border: 0;
    width: 68%; height: 20px;
    line-height: 20px;
    float: left;
    background: transparent !important; /* IE7 needs this if you don't want a background at all */
}
.moduletable.mc-search a, .moduletable.mc-quicksearch a {
    display: block;
    width: 26%; height: 20px;
    text-align: center;
    line-height: 20px;
    background: #777 url(/jmc-assets/gloss/20.png) bottom repeat-x;
    color: white;
    font-size: 11px;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.7);
    border-radius: 3px;
    position: absolute; right: 5px; top: 5px;
    text-decoration: none;
}
.moduletable.mc-search a:hover, .moduletable.mc-quicksearch a:hover {background: #333;}

/* ------------------------- */
/* ------ SEARCH PAGE ------ */
/* ------------------------- */
#mc-search-form .mc-button:hover {background: #333; color: white;}
.mc-result .highlight {background: #ff9; padding: 0px 5px;} /* text highlight on search terms in results */

div#mc-search-filters {min-width: 0;}
ul.mc-filter-fields {height: auto;}
ul.mc-filter-fields li {line-height: 34px; }
ul.mc-filter-fields li.mc-ordering-label {border: 0; padding: 0; margin: 0; clear: both;}

.mc-button {padding-left: 1em; padding-right: 1em}
ul#mc-search-fields li.mc-search-button {margin-left: 14px;}

/* --- pbmc --- */

#pbmc-wrap {}

#pbmc {
    display: block;
    margin: 0 auto;
    width: 170px; height: 25px;
    background: url(/jmc-assets/pbmc/white.png) no-repeat left bottom;
    text-decoration: none;
    text-indent: 110%; overflow: hidden; white-space: nowrap;
}
#pbmc:hover {}

/***Sidebar (Aside?) Modules***/

.side-bar .moduletable {
    height: 300px;
    overflow: auto;
    margin-bottom: 30px;
    background: #eee url(/jmc-assets/gradients-v/white-bottom-small-100.png) bottom repeat-x;
    border-bottom: 1px solid #eee;
    border-radius: 4px 4px 0 0;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    padding: 10px 10px 20px;
    position: relative;
}


/* use the raw module class suffix to undo the styles for ctas and other special elements */
.side-bar .moduletable.raw {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    width: 100%;
}

.side-bar .moduletable h3:first-child {
    font-size: 14px;
    border-bottom: 2px solid #424242;
    font-weight: bold;
    border-radius: 4px 4px 0 0;
    color: #424242;
    margin: 0 0 10px;

}

.side-bar .moduletable.raw h3:first-child {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    width: 100%;
    color: #204060;
    position: static;
}
.side-bar h6 {overflow: hidden; margin: 0; padding: 0; line-height: auto;}
.side-bar h6 a {
  float: right;
  display: block;
  border-radius: 4px;
  padding: 4px 8px;
  box-shadow: 0 1px 1px #999;
  text-decoration: none;
}

/* single or multiple cta buttons */
.moduletable.button-list p {margin: 0;} /* account for accidental p's wrapped around the ul */
.moduletable.button-list ul {
    list-style: none;
    margin: 0;
}
.moduletable.button-list ul li {margin-top: 6px;}
.moduletable.button-list ul li:first-child {margin: 0;}
.moduletable.button-list ul li a, .moduletable.button-list ul li a:visited {
    background: url(/jmc-assets/gloss/30.png) left bottom repeat-x;
    display: block;
    height: auto;
    line-height: 16px;
    min-height: 16px;
    padding: 7px 20px;
    text-align: center;
    color: white;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.7);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.moduletable.button-list ul li:hover a {
    xbackground-color: #333 !important; /* necessary to allow easy-reset below */
    background-position: left -28px;
}

/* ----------------------------------------- */
/* ------ LOGIN PAGE ----------------------- */
/* ----------------------------------------- */
/* precede with #content-padding to ensure we don't affect the login module */
#content-padding #form-login {width: 460px; position: relative;}
#content-padding #form-login label {font-weight: bold; color #333;}
#content-padding #form-login input.inputbox {
    width: 446px;
    border: 1px solid #bbb;
    border-radius: 3px;
    background: #fafafa;
    padding: 6px;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}
#content-padding #form-login input.inputbox:hover {border-color: #666; box-shadow: 0px 0px 6px #aaa inset;}

#content-padding #form-login input.inputbox:focus {border-color: #000; background: #333; color: white; box-shadow: none;}

#content-padding #form-login #form-login-remember label {font-size: 0.8em; font-weight: normal; color: #333;}

#content-padding #form-login #modlgn_remember {width: auto; border: 0;}
#content-padding #form-login #modlgn_remember:hover {box-shadow: none;}
#content-padding #form-login #modlgn_remember:focus {background: #333; color: white; box-shadow: none;}

#content-padding #form-login input.button {
    display: inline-block;
    font-size: 0.8em;
    color: #fff;
    text-decoration: none;
    background: #333;
    padding: 6px 18px;
    border: 0;
    border-radius: 4px;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}
#content-padding #form-login input.button:hover {
    background: #333;
    cursor: pointer;
}

#content-padding #form-login .forgot-password {
    display: inline-block;
    font-size: 0.8em;
    color: #888;
    text-decoration: none;
    background: #fafafa;
    padding: 6px 18px;
    position: absolute;
    right: 0; bottom: 0;
    border-radius: 4px;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}
#content-padding #form-login .forgot-password:hover {
    background: #333;
    color: white;
}



/* -------------------------------------------------- */
/* ------ GENERAL ARTICLE STYLES -------------------- */
/* -------------------------------------------------- */
/* some of these styles apply to the various article-related layouts like blogs but they cascade from here */

/* logged-in admin edit tooltip - this is the tooltip itself, the button is in the next section */
div.tool-tip {z-index: 99999;}
div.tip-top {z-index: 99999;}
div.tip-text {
    font-size: 11px;
    color: #ddd;
    background: #333;
    border: 2px solid #555;
    border-top-width: 1px;
    padding: 6px 9px 9px 9px;
    z-index: 99999;
    box-shadow: 0px 3px 18px rgba(0,0,0,0.35);
}
div.tip-title {
    font-size: 11px;
    color: white;
    font-weight: bold;
    background: #333;
    border: 2px solid #555;
    border-bottom-width: 1px;
    padding: 9px 9px 6px 9px;
    z-index: 99999;
    box-shadow: 0px 3px 18px rgba(0,0,0,0.35);
}

/* article icons, pdf, print, email */
.buttonheading a img {display: none;}
.buttonheading a {display: block; width: 16px; height: 16px; margin-left: 2px; opacity: 0.5;}
.buttonheading a:hover, .buttonheading a:focus {opacity: 1;}
.buttonheading a[title=PDF] {background: url(/jmc-assets/icons/article-1.png) 0 -100px;}
.buttonheading a[title=PDF]:hover {background-position: 0 0;}
.buttonheading a[title=Print] {background: url(/jmc-assets/icons/article-1.png) -100px -100px;}
.buttonheading a[title=Print]:hover {background-position: -100px 0;}
.buttonheading a[title=Email] {background: url(/jmc-assets/icons/article-1.png) -200px -100px;}
.buttonheading a[title=Email]:hover {background-position: -200px 0;}
/* admin edit button */
.buttonheading .hasTip a {background: url(/jmc-assets/icons/article-1.png) -300px -100px;}
.buttonheading .hasTip a:hover {background-position: -300px 0;}

/* article title if enabled */
td.contentheading {font-weight: bold; font-size: 16px;}
td.contentheading a, td.contentheading a:visited {}

 /* written by */
.contentpaneopen span.small {font-size: 11px; color: #666;}
/* publish date */
td.createdate {font-size: 11px; color: #999; height: 36px;}
/* edit date */
td.modifydate {font-size: 11px; color: #999;}

/* 'read more' links */
.readon, .readon:visited {
    display: inline-block;
    color: white;
    margin-top: 9px;
    padding: 3px 9px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 12px;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.7);
    background: #666;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.readon:hover, .readon:active {
    /* important allows for the default state to be reset without affecting this hover */
    xbackground: #333 !important;
}

/* 'more articles' list at the bottom */
div.blog_more {margin: 18px 0;} /* entire section */
div.blog_more strong {} /* heading */
div.blog_more ul {margin: 0 40px 0;}

/* prev and next links at the bottom of single articles */
/* not the same as the blog - the blog nav lacks hooks to style */
.contentpaneopen table.pagenav th {background: transparent; border: 0;} /* prev and next are both in th's */
.contentpaneopen table.pagenav td {border: 0;} /* prevent inheritance - this td is just used for spacing */
.contentpaneopen .pagenav a, .contentpaneopen .pagenav a:visited {text-decoration: none;}



/* ---------------------------------------------- */
/* ------ CATEGORY BLOG & FRONT PAGE ------------ */
/* ---------------------------------------------- */

/* menu item page title */
div.componentheading {
margin: 0 0 18px;
border-bottom: 2px solid #ddd;
color: #999;
}

/* columned article headings */
td.article_column td.contentheading {font-size: 14px; margin-bottom: 19px;}

/* leftmost blog column */
td.article_column {padding: 0;}

/* other blog columns */
td.article_column.column_separator {padding: 0 0 0 18px;}

/* horizontal blog separators - bottom stripe on all blog articles, even lead */
.blog span.article_separator {display: block; height: 2px; background: #ddd; margin: 18px 0;}
/* columned blog article separators can be specified here if needed */
.blog table span.article_separator {}



/* ---------------------------------------------- */
/* ------ CATEGORY LIST ------------------------- */
/* ---------------------------------------------- */
td.sectiontableheader {text-align: left; padding: 5px; width: auto;}
td.sectiontableheader a img {margin-left: 10px; position: relative; top: 2px;}
tr.sectiontableentry1 a, tr.sectiontableentry2 a {}
td.contentdescription {width: 100%;} /* Needed to fill the available space in IE8 */



/* ---------------------------------------------- */
/* ------ POLL RESULTS PAGE --------------------- */
/* ---------------------------------------------- */
/* without #poll, some of these apply to the module also */
#poll {width: 100%;}
#poll #id {width: auto !important; margin: 0 0 20px 20px;}
#poll .pollstableborder {width: 100%; border-bottom: 1px solid #ccc;}
#poll .pollstableborder td {padding: 9px !important;}
.pollstableborder th {padding-bottom: 18px;}
.pollstableborder th img {display: none;}
.pollstableborder {width: auto;}
.smalldark {font-size: 85%;} /* info at the bottom */

/* !NOTE! - multiple pages use these layout elements */
/* changing them here will also cause changes on the CatList page */
/* Polls use .sectiontableentry0 & 1, while CatList uses 1 & 2 */
.sectiontableentry0 td, .sectiontableentry1 td, .sectiontableentry2 td {
    border: 0 !important;
    background: none !important;
    font-size: 100% !important;
    text-align: left !important;
    vertical-align: middle !important;
    padding: 9px !important;
    font-weight: normal !important;
}
.sectiontableentry0 td, .sectiontableentry2 td {background: #eee !important;}



/* ---------------------------------------------- */
/* ------ ARCHIVE LIST -------------------------- */
/* ---------------------------------------------- */
#archive-list {margin: 18px 0 0 0;}
#archive-list li {padding: 18px;}
#archive-list li.row1 {}
#archive-list li.row2 {background: #eee;}
#archive-list h4 {}
#archive-list .metadata {margin: 9px 0 0; font-size: 11px; font-weight: normal; color: #666;}
#archive-list .metadata span.created-date {}
#archive-list .metadata span.author {float: right;}
#archive-list div.intro {margin-top: 9px;}



/* ------------------------ */
/* --- CC BOARD STYLING --- */
/* ------------------------ */
/* ccb's css prefixes the classes with the elements, so we need to also */
table.ccbnormaltable {font-size: 12px;} /* the main tables */
td.ccbheaderrow table.ccbnormaltable td {padding: 5px;} /* tds containing the menu and user info */
td.ccbheaderusername {font-size: 13px;} /* user info text */
td.ccbheaderusername small {font-size: 10px;} /* user info last visit text */
td.ccblinetop {padding: 0px 4px;} /* topic list tds */
td.ccbtpkmenu {padding: 18px 0px;} /* new topic button's containing td */
/* color bars */
td.ccbtopleftgray {background: #777 url(/jmc-assets/ccboard-skins/rhleft-mc-1.png) !important;}
td.ccbtopmiddlegray {background: #777 url(/jmc-assets/ccboard-skins/rh-mc-1.png) !important;}
td.ccbtoprightgray {background: #777 url(/jmc-assets/ccboard-skins/rhright-mc-1.png) !important;}
/* text & links inside the color bars */
/* ccb colors this text with a span - so the default a underline will be a different color - hide it or recolor it */
td.ccbtopmiddlegray a:hover {text-decoration: none !important;}

/***Mobile scrolling for CC Board***/
#component-wrap div.ccbmaindiv {overflow: auto;}
#component-wrap td.ccbtopleftgray, #component-wrap td.ccbtoprightgray, #component-wrap td.ccbtopmiddlegray {
    border: 0;
}
#component-wrap td.ccbtopleftgray, #component-wrap td.ccbtoprightgray {display: block;}

/* --- sponsor banners --- */
.bannergroup {width: 100%;}
.banneritem {width: 100%;}
.banneritem img {width: 100%; height: auto;}


/* --- social network menu --- */
#socnets {margin: 0; padding: 0; list-style: none; float: left;}
#socnets li {margin: 0; padding: 0; float: left;}
#socnets li a, #socnets li a:visited {
    display: block;
    width: 32px; height: 32px;
    text-indent: 110%; overflow: hidden; white-space: nowrap;
    background: url(/jmc-assets/icons/socnets-color-circle.png);
    margin-left: 9px;
    opacity: 0.7;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}


/* --------------------------------- */
/* ------ HOME PAGE TEMPLATE ------- */
/* --------------------------------- */
.home-template-01 {border-bottom: 2px solid #012345; overflow: hidden;}
.home-template-01 .home-main {}
.home-template-01 .home-sub {
    background: #fafafa url(/jmc-assets/gradients-v/black-bottom-20.png);
    box-shadow: 0px 0px 25px rgba(0,0,0,0.1) inset;
    border-radius: 4px;
    float: left;
    position: relative;
    overflow: hidden;
    padding-bottom: 18px;
    margin-bottom: 20px;
}
.home-template-01 .home-sub.sub1 {margin-left: 0;}
.home-template-01 .home-sub .pad {padding: 18px;}
.home-template-01 .home-sub h6 a {
    position: absolute;
    right: 18px; bottom: 18px;
    display: block;
    background: #fff;
    text-decoration: none;
    border-radius: 4px;
    padding: 4px 8px;
    box-shadow: 0px 1px 1px #999;
}
.home-template-01 .home-sub h6 a:hover, .side-bar h6 a {background: #333; box-shadow: 0 1px 0 rgba(255,255,255,0.5); color: white;}


/* -------------------------------------------- */
/* --- MEMBER LANDING, 'MY NAME IS' STICKER --- */
/* -------------------------------------------- */
#my-name-is {
height: 262px;
position: relative; border-radius: 4px; overflow: hidden; margin: 0 0 10px 0;
background: url(/jmc-assets/misc/my-name-is.png) right top no-repeat;/* default black suit */
/*	background: url(/jmc-assets/misc/my-name-is-blue-polo.png) right no-repeat; /* blue polo shirt */
/*	background: url(/jmc-assets/misc/my-name-is-female.png) right no-repeat; /* female suit */
/*	background: url(/jmc-assets/misc/my-name-is-gray-t.png) right no-repeat; /* gray t-shirt */
/*	background: url(/jmc-assets/misc/my-name-is-medical.png) right no-repeat; /* medical lab coat */
/*	background: url(/jmc-assets/misc/my-name-is-tan-sweater.png) right no-repeat; /* tan sweater */
/*	background: url(/jmc-assets/misc/my-name-is-worker.png) right no-repeat; /* general worker */
}
#my-name-is .info {
  position: absolute; right: 13px; top: 105px;
  width: 350px; height: 120px; overflow: hidden; text-align: center;
}
#my-name-is h2 {
  font-size: 30px; color: #555; margin: 0;
}
#my-name-is h3 {
  font-size: 16px; color: #666; margin: 10px 0 0; line-height: 20px;
}
#my-name-is h4 {
  font-size: 16px; color: #666; margin: 0; padding: 0;
  position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;
}
#my-name-is h2, #my-name-is h3, #my-name-is h4 {font-family: 'Chalkboard SE','Comic Sans MS', cursive, 'Droid Sans', sans-serif;}

#profile-update-message {
  position: absolute; left: 0px; bottom: 4px; margin: 0; padding: 5px 10px;
  font-size: 12px; color: #999; border-radius: 0 4px 4px 0; background: rgba(0,0,0,0.8);
}
#profile-update-message a:link, #profile-update-message a:visited {color: white;}
#profile-update-message a:hover, #profile-update-message a:active {color: white;}

/* ----------------------------------- */
/* --- MEMBER LANDING, QUICK LINKS --- */
/* ----------------------------------- */
.member-landing-quick-links {
  border-radius: 4px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #bbb;
  margin: 0 0 10px 0; padding: 10px 5px;
  background: #eee url(/jmc-assets/gradients-v/white-top-small-90.png) repeat-x;
}
.member-landing-quick-links ul {margin: 0; padding: 0; list-style: none; overflow: hidden;}
.member-landing-quick-links ul li {float: left; border-left: 1px solid #bbb; padding: 0px 5px;}
.member-landing-quick-links ul li:first-child {border: 0;}

/* ----------------------------------------- */
/* ------ FIXES and PREVENTIONS ------------ */
/* ----------------------------------------- */

/* its easy to end up with unwanted paragraphs after working in an online editor */
/* zeroing out these ps helps deal with the most common occurrences of that */
#header p {margin: 0;}
#footer p {margin: 0;}


/***Table protection**/
div.table-wrapper {
  overflow: auto; 
  position: relative; 
  background: #333;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc
}
div.scroll-indicator {  
  padding-bottom: 15px;
  background: #333 url(../images/scroll-indicator.png) 95% bottom no-repeat;
}
div.table-wrapper > table {margin: 0; background: white;}
div.table-wrapper table table {margin: 0}

div.content-wrapper {width: 100%; overflow: auto;}
div#component-wrap img {max-width: 100%;}

/***Baseline is Phone Portrait***/
#phone-portrait, #phone-landscape, #tablet-portrait, #tablet-landscape {
  display: none; position: absolute; top: -100%; left: -100%; height: 1px; width: 1px; background: red;
}





/*****************************************************/
/*****************************************************/

/***Make sure that you are editing base-editor.css***/

/*****************************************************/
/*****************************************************/