/*
 our joomla template styles
 see also default unchanged template.css which we override here when possible
*/








/* THIS IS MAIN ARTICLE CONTAINER STUFF, USED FOR TWO-COLUMN FLUID LAYOUTS */
/*
 based on http://clubmate.fi/100-percent-height-columns-fixed-width-sidebar-pure-css-solutions-to-commons-fluid-layout-problems/
 and tweaked ATTN: 8/11/15 mouser to give us a two column full width fluid container
*/


.dcoutercontainer {
    display: table;
    max-width: none;
    width: 100%;
}

.dccontainer {
    display: table;
    height: 100%;
    width: 100%;
    /* collapse looks a little better but creates a weird horiz scrollbar */
    border-collapse: separate;
}

/* this should fix main content not stretching to full width on non-article pages, if not look for this div inside dccontainer */
.item-page {
    display: table;
    width: 100%;
}

div[itemprop="articleBody"] {
    display: table;
    width: 100%;
}


/* ATTN: where is this used? */
.row {
    display: table-row;
}





/* Core styling for main and sidebar */

.dcside,
.dcmain {
    display: table-cell;
    padding: 10px;
    padding-top: 10px;
    vertical-align: top;
}

.dcside {
    width: 200px;
    border: 1px solid #AAAAAA;
    background: #FFFFFF;
    background-image: url(dcstripe_yellow.gif);
}

.dcmain {
    border: 1px solid #AAAAAA;
    background: #F7F7F7;
    background: #e4ecf1;
}


/* ATTN: is this still used/needed? */
/* this one is needed for things like the rss box which will otherwise overflow for reasons i dont understand */
.dcsideinside {
    width: 200px;
    overflow: hidden;
    word-wrap: break-word;
}



.dcmain h1, .dcmain h2, .dcmain h3, .dcmain h4, .dcmain h5 
{
    margin-top: 0px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.dcside h1, .dcside h2, .dcside h3, .dcside h4, .dcside h5
{
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 5px;
}

.dcmain h1:first-child, .dcmain h2:first-child, .dcmain h3:first-child
{
    padding-top: 0px;
}




/* ATTN: where is this used */
.dcadmininfo {
    display: block;
}









/* ATTN: when is this used? */
.dc_secsep
{
    padding-top: 10px;
    padding-bottom: 10px;
}

/* ATTN: when is this used? */
.dc_secindent
{
    padding-left: 35px;
}









/* BANNER, HEADER, SITE STUFF */


/* ATTN: when is this used? */
.header {
    width: 100%;
    margin-bottom: 0px;
}

#dcjtopbannerouter {
    min-width: 164px;
    width:100%;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    background: url(sliver_fbanner.png) repeat-x;
    background-size: 100% 100%;
    height: 132px;
    voice-family: "\"}\"";
    voice-family:inherit;
    position: relative;
    margin-bottom: 0px;
    /* is this needed? */
    overflow: hidden;
}

.dctopbannerarea {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
}

.dcabovebanner
{
    padding: 0;
    margin: 0;

    margin-bottom: 0px;
    border: 1px solid #aaaaaa;
    margin-top: 0;

    background: #7bccfa;
    border: none;
    border-bottom: 1px solid #aaaaaa;
}








/* ATTN: is this for search bar? */
input.search-query
{
    width: 100px;
}



/* we dont need this bulky spacing around search advanced area, and we dont allow joomla filters on our search */
#advancedSearch #search-query-explained {
		padding: 0px;
		margin: 0px;
}
#finder-filter-window {
	display: none;
}









/* 
Normal template overrides
*/

body.site {
    border-top: none;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    background-image: url(dcstripe.gif);
    /*background-image: url(dcstripe_yellow.gif);*/
}



/* THE .NAV CLASS IS FOR OUR TOP OF PAGE MAIN MENU */
.nav
{
    padding: 0;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 2px;
    /*border: 1px solid #999999;*/
    /*background-image: url(dcstripe_yellow.gif);*/
    /*background: #FFFFFF;*/
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 0px;
}


/* .NAV-PILLS is used for main menu, once its configured with that as class override in menu advanced config */
.nav-pills > li > a
{
    padding: 6px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 5px;
}









/* THE .NAVIGATION CLASS IS FOR BREADCRUMBS */

/* this version has a separate navigation (you are here) */
.navigation
{
    border: 1px solid #999999;
    padding:0;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #e7eaef;
    margin-top: 0px;
}

/* this version merges with banner */
.navigationDISABLED
{
    border: none;
    /*
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    */
    padding:0;
    margin-top: 0px;
    margin-bottom: 2px;
    background: #145385;
}


.nav-collapse
{
    padding: 0;
    margin: 0;
}

.breadcrumb
{
    /*background-image: url(dcstripe_yellow.gif);*/
    background: #FFFFFF;
    padding: 5px;
    margin: 0;
    padding-bottom:3px;
    /* background: #145385; */
    background: #e7eaef;
    background: #e9e7b8;
    background: #dddddd;
}

.breadcrumb img
{
    vertical-align: baseline;
}

.breadcrumb li
{
    /*text-shadow: none;*/
}

.breadcrumb > .active
{
    color: #333333;
}

.navbar
{
    margin-bottom: 5px;
}







/* FOOTER STUFF */

.dcfooter
{
    border-top: 3px solid #999999;
    padding: 0;
    margin: 0;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
}

.dcfooter_row
{
    margin: 0;
    padding: 0;
}

.dcfooter_row p
{
    margin-bottom: 0;
    padding-bottom: 0;
}

.dcfooter_centered
{
    text-align: center;
}

/* force translation row to be centered */
div#trans
{
    margin: auto;
}


/* ATTN: where is this used? */
div#trans .goog-te-combo
{
    /*
    font-size: 11px;
    padding: 0;
    margin: 0;
    width: 150px;
    */
    width: 170px;
}






/* ARTICLE CONTENT STYLING */
/* see also dcjoomlaresponsive.css */

.page-header
{
    padding: 0;
    margin: 0;
    border: none;
}

.page-header h2
{
    padding: 0;
    margin: 0;
    padding-top: 6px;
    padding-bottom: 9px;
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
}












/* error 404 page */
.dcerrorcontent
{
}

.dcerrorcontent h1
{
    padding-top:10px;
    padding-bottom:10px;
}

.dcerrorbox
{
    background: #efbfb4;
}














/* sideblock stuff */
.dcsideblock
{
    margin-bottom: .4em;
}

.dcsideblock h3
{
    margin: 0;
    padding: 0;
    padding-bottom: 0.2em;
    font-size: 125%;
}

.dcsideblock ul
{
    list-style-type: none;
    margin-left: 10px;
}

.dcsideblock li
{
}


.dcsidebox
{
    margin-bottom: .4em;
    border-top: 2px solid #AAAAAA;
    padding: 0px;
    margin-top: 12px;
    padding-top: 12px;
}
















/* main body stuff -- should this be elsewhere? */

body .dcmain
{
    font-size: 15px;
    line-height: 22px;
}

.dcmain ul
{
    margin-left: 40px;
}

.dcmain li
{
    line-height: 22px;
}











/* misc styles */

.dcbreakingnews {
    color: RED;
    font-size: 160%;
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 20px;
    text-shadow: 1px 1px #AAAAAA;
}


/* used on legacy pages */
.dclegacy {
    color: RED;
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
}

.dcnewbullet {
    font-weight: bold;
    background-image: url(red_new.gif);
    background-repeat: no-repeat;
    background-position: left 7px; /*0px center; */
    padding-left: 35px; 
}

.dccenter {
    text-align: center;
}

.dcbigboldtext {
    text-weight: bold;
    font-size: 200%;
}

.dcimportantnote {
    text-weight: bold;
    font-size: 125%;
    text-align: center;
}

.dccaptiontext {
    text-weight: bold;
}

.dccodefont {
    font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}


/* Generic formatting classes */
.dc_center {
    text-align: center;
}

.dc_left {
    text-align: left;
}
.dc_right {
    text-align: right;
}


/* ATTN: when is this used? */
.dc_headline
{
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    text-rendering: optimizelegibility;
}


/* used on front page for big news */
.dc_siteheadline {
	padding: 15px;
	text-align: center;
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	text-rendering: optimizelegibility;
	color: #db3d2b;
	text-shadow: 1px 1px 2px black;
}

.dc_siteheadlineimage {
	text-align:center;
	margin: auto;
	max-width: 50%;
  padding: 10px;
  padding-bottom: 15px;

	/* for nonsquare semi transparent */
  -webkit-filter: drop-shadow(5px 5px 5px #222 );
  filter: drop-shadow(5px 5px 5px #222);
}




.dcattn {
     background-color: #de4343;
     border-color: #c43d3d;
     /*animation: dcblinker 3s linear infinite;*/
}

@keyframes dcblinker {  
    50% { opacity: 0; }
}


.dcpreformat {
    white-space: pre;
    display: block;
    unicode-bidi: embed;
    font-family: monospace;
    padding-left: 10px;
}



.dcwarnbox
{
    width: 75%;
    background-color: #ffff99;
    text-align: center;
    border: 1px dotted grey;
    padding: 10px;
    margin: 5px;
    margin-left: auto;
    margin-right: auto;
}

.dcalertbox
{
    width: 75%;
    background-color: #ff5353;
    text-align: center;
    border: 1px dotted grey;
    padding: 8px;
    margin: 5px;
    margin-left: auto;
    margin-right: auto;
}

.dcgoodbox
{
    width: 75%;
    background-color: #27ca15;
    text-align: center;
    border: 1px dotted grey;
    padding: 8px;
    margin: 5px;
    margin-left: auto;
    margin-right: auto;
}

.dcitembox
{
    background-color: #f0f4f7;
    background-color: #f9f9f2;
    border: 1px dotted grey;
    padding: 10px;
    margin: 5px;
}



.dcbordered {
    border: 2px solid #000000;
}










/* RSS STUFF -- BUT THIS MAY BE FOR OLDER REMOVED RSS CLASS jqueryrss? */

.dc_rsstitle
{
    text-align: center;
    font-weight: bold;
    font-size:110%;
    padding-bottom: 6px;
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizelegibility;
}
li.rssRow
{
    padding-top: 2px;
    padding-bottom: 4px;
}

.dc_rsstitlejs
{
    font-weight: bold;
    font-size:125%;
    padding-bottom: 2px;
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizelegibility;
}

li.dc_rssRowjs
{
    padding-top: 2px;
    padding-bottom: 8px;
    font-family: 'Open Sans', sans-serif;
}

#dcapp_rssfeed.dcrss_jqrss
{
}

#dcapp_rssfeed.dcrss_jqrss ul
{
    margin-left: 0px;
}

#dcapp_rssfeed.dcrss_jqrss li
{
    margin-left: 16px;
}


.dcapp_headline {
	font-weight: bold;
	text-align: center;
	font-size: 125%;
}




























/* centered tabler, see suggested donation abmount page */

table.dctablerc
{
    /*margin-top: 20px;*/
    border: 1px solid black;
    border-collapse: collapse;
    text-align:center; 
    margin-left:auto; 
    margin-right:auto; 
}


table.dctablerc td, table.dctablerc th 
{
    vertical-align: center;
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    padding: 0.5em;
}

table.dctablerc tr:nth-child(odd)  {background-color: #dedede}
table.dctablerc tr:nth-child(even) {background-color: #ffffff}














/* ATTN: where is this used? */
/* button set stuff, seen for example on homepage
note that its forced width images, and forced width buttons; if you change one you need to change the other so spacing is good
and so there is room for the text.
*/


.dcbuttonset
{
    text-align: center;
}

.dcbutton
{
    width: 200px;
    height: 100%;
    display: inline-block;
    margin-bottom: 20px;
        vertical-align: top;
}

.dcbutton img
{
    max-width: none;
    width: auto;  /* set to 100% if you like */
    height: auto;
    width: 125px;
    vertical-align: top;
    border: none;
      display:block;
      margin-left:auto;
      margin-right:auto;
}

.dcbutton p
{
    font-weight: bold;
    text-align: center;
}



















/* font tweaks over default template.css which used bigger fonts */

h1,
h2,
h3 {
    /*line-height: 16px;*/
}
h1 {
    font-size: 22.0px;
    line-height: 24px;
}
h2 {
    font-size: 16.0px;
    line-height: 20px;
}
h3 {
    font-size: 14.0px;
    line-height: 18px;
}
h4 {
    font-size: 12.0px;
    line-height: 16px;
}
h5 {
    font-size: 10.0px;
    line-height: 14px;
}
h6 {
    font-size: 8.0px;
    line-height: 10px;
}
h1 small {
    font-size: 16.75px;
}
h2 small {
    font-size: 14.25px;
}
h3 small {
    font-size: 12px;
}
h4 small {
    font-size: 10px;
}








/* ugly search page spacing */
.search legend {
    padding-top: 15px;
    margin-bottom: 5px;
    border-bottom: none;
    padding-bottom: 0px;
    line-height: 1em;
    font-size: 19.5px;
}

.form-limit label, .ordering-box label {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 19.5px;
    line-height: 1em;
}


/* hide finder selects search type for smartseearch advanced search */
.finder-selects {
    visibility: hidden;
    height: 0px;
    overflow: hidden;
}

fieldset.only {
    visibility: hidden;
    height: 0px;
    overflow: hidden;
}








/* sidebar download boxes */
ul.addondownloads li {
    list-style-type: square;
    list-style-position: inside;
}


ul.addondownloads li > a {
        margin-left: clear;
}







/* ATTN: is this used anymore, or was this only for rokmenu */

.dcabovebanner .menutop 
{
    padding-bottom: 0;
}


.dcabovebanner .menutop li.root
{
    height: 32px;
}

.dcabovebanner .menutop li.root > .item
{
        line-height:30px;
        height:30px;
}

.dcabovebanner .menutop li .item
{
    padding: 0 10px;
    margin-bottom: 0;
}

.dcabovebanner .menutop li:hover .item:hover
{
}



.dcabovebannerright
{
    float: right;
    display: inline;
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 3px;
}


/* Internet explorer problems hides the drop down menu stuff */
/* so this is needed! */
.dcabovebanner  #horizmenu-surround
{
    position:absolute;
    overflow:visible;
}







/* ATTN: is this used? */
/* quotes */
.sheadns {
    text-decoration: none;
    font-weight: bold;
    font-size:16px;
    margin-top: 0px;
    margin-bottom: 0px; 
    padding-top: 0px;
    padding-bottom: 0px;
    color: red;
}

.sinfo {
    line-height: 16px;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px; 
    padding-top: 0px;
    padding-bottom: 0px;
}












/* ATTN: is this used? */
.divspacer
{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

img.dclinkimage
{
    padding: 4px;
}


.whitebkg
{
    background: #FFFFFF;
}












/*
This is for joomla testimonial avatar picker
The setting below will NOT work on the popup iframe page of submission so we have to make this change in
file \joomla\media\com_joomtestimonials\css\image-picker.css
 */
img.image_picker_image {
    width: 64px;
    height: 64px;
}









/* ATTN: is this moved to social.css ? */
/* SHARE BUTTON STUFF */
.sharebuttons
{
    text-align: center;
    vertical-align: baseline;
}
.sharebutone {
    width: auto;
    height: 22px;
    text-align: center;
    vertical-align: baseline;
    padding: 1px;
}
.fb_like
{
    vertical-align: baseline;
}
.fb_iframe_widget
{
    vertical-align: baseline;
}
























/* banner stuff
ATTN: is this used? 
should this be moved to where olther banner stuff is?
*/


/* side by side search boxes if we want above banner, or other things side by side above banner right */
.dcabovebannerright form
{
    float: right;
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0px;
    /*
    for megamenucss3
    margin-top:2px;
    */
}

.dcabovebannerright .search {
    float: right;
    overflow: hidden;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0px;
}



.dc_float_right_search_outer {
    position: relative;
}


.dc_float_right_search {
    position: absolute;
    right: 0px;
    margin: 3px;
    padding: 0px;
}

.dc_float_right_search form
{
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.dc_float_right_search  .finder
{
    margin-top: 0;
}

.navigation {
    padding-top: 3px;
    padding-bottom: 3px;
    background: #dddddd;
    padding-right: 212px;
}

.finder button {
    margin-left: 3px;
    margin-right: 1px;
}
























/*
slider (expanders from rs) styling
attempt to make ALL slider boxes have icons
taken by using code from E:\WebsiteHttp\dc2\joomla\media\sliders\css\custom.css and removing .icon class
*/

.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle span.rl_sliders-toggle-inner:before {
  display: inline-block;
  *margin-right: .3em;
  font-family: 'IcoMoon';
  font-style: normal;
  speak: none;
  content: "\2a";
}
.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle span.rl_sliders-toggle-inner:before {
  content: "\4b";
}










/* license key styling */

.dcpay_lkey , .dcpay_info {
  /* table makes sure nothing to left or right of it */
  display: table;
  background: #fff;
  padding: 15px 20px 15px 20px;
  margin: 5px 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #e76a0c;
  border-right: 2px solid #e76a0c;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}


.dcpay_lkey {
    font-family: Courier, monospace;
    white-space: pre;
}

.dcpay_info ol, .dcpay_info ul {
    list-style-position: outside;
    margin-left: 1em;
    padding-left: 0;
}












/* igallery center */
.main_images_wrapper {
    float: none !important;
    text-align: center;
    margin: 0 auto;
}







/* dc menulist plugin styling
we use a lot of display: table-row and border-spacing to get these items to show up as blocked lists with spacing between them but wrap margins satisfying
its hard to get these to display properly and not wrap around images or do weird non-spacing between the rows.
*/

ul.dcmenulist_wimages {
    list-style: none;
    margin-left: 10px;
    padding-left: 0px;
    border-spacing: 0px 15px;
}

ul.dcmenulist_wimages > li {
    display: table-row;
}


.dcmenulisti_title {
    margin-left: 5px;
}


.dcmenulist_image img {
    width: 120px;
    margin-right: 10px;
    margin-bottom: 20px;
    border: 1px solid #cccccc;
    display: inline;
    float:left;
    box-shadow: 2px 2px 5px #ccc;
    border-spacing: 0px;
    margin-bottom: 0px;
}


.dcmenulisti_body ul {
    display: inline-block;
    list-style: disc;
    list-style-position: outside;
    margin-left: 30px;
}

.dcmain .dcmenulisti_body {
  display: table-row;
    border-spacing: 0px;
}

.dcmain .dcmenulist > li {
  display: table-row;
    border-spacing: 5px 0px;
}



/* for brief mode shown in sidebars */

.dcmenulist_brief .dcmenulist_image img {
    width: 16px;
    margin: 2px;
    margin-right: 6px;
    border: none;
    box-shadow: none;
    /*float:left;*/
    /* box-shadow: 2px 2px 5px #ccc; */
}
.dcmenulist_brief .dcmenulisti_body ul {
    display: inline;
    list-style-position: inside;
}


.dcmenulist_brief .dcmenulisti_title {
    display: inline;
    line-height: 20px;
    margin-left: 0px;
}


ul.dcmenulist_brief {
    border-spacing: 0px;
}

.dcmenulist_brief .dcmenulist_image {
    border-spacing: 0px;
}







/* ATTN: where is this used? PAYPAL DONATE FORM*/
input.dcbuttonize {
    border: 1px solid #ccc;

  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
  margin: 8px;
  cursor: pointer;
}

.dcmouseclickpointer {
  cursor: pointer;
}

input.dctextalign {
    margin-top: 4px;
}

input.dclargerfont {
    font-size: 120%;
    font-weight: bold;
}










/* for sidebar images */

.dcsideimage, .dcsideimageb {
    text-align: center;
    margin-bottom: 15px;
}

.dcsideimage img, .dcsideimageb img {
    /*
    width: 180px;
    */
    max-width: 180px;
    max-height: 220px;
}

.dcsideimageb img {
    border: 1px solid;    
}










/* override default template.css for about page address*/
address {
    margin-bottom: 0px;
}










/* override regular labs tabs to make inactive tabs stand out slightly more*/
.rl_tabs>ul.nav-tabs>li:not(.active)>a  {
    background-color: #ebebeb;
}
.rl_tabs.outline_content>.tab-content {
    border: 2px solid #ddd;
}








/* ATTN: where is this used? */
/* Show a box at top right of a page */
.dctoprightbox {
    float: right;
    padding: 5px;
    margin: 8px;
    margin-left: 20px;
    margin-bottom: 20px;
    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;
}




/* ATTN: where is this used? */
.dccenterimagebox {
    border: 2px solid #bbbbbb;
    box-shadow: 2px 2px 15px #ccc;
    display:block;
    margin-left: auto;
    margin-right: auto;
}




.dcboldattention {
	font-weight: bold;
	color: red;
}


/* rsform button has no margin */
button.rsform-submit-button {
	margin: 15px;
}



/* rsform inputs are too short */
.rsform-block input[type=text], .rsform-block textarea, .uneditable-input .uneditable-input
{
	width: 360px;
}

.rsform-block {
	/*width: 360px;*/
}

.rsform-block .irs-with-grid {
	width: 360px;
}

.rsform-block label.checkbox
{
	width: 360px;
}