#global_wrapper{text-align:center;padding-top:20px}
#global_content{width:97%;margin:0 auto 0 auto;overflow:hidden;min-height:500px}
#global_content_simple{display:inline-block;overflow:hidden}

.generic_layout_container h3{margin-bottom:6px}

.layout_left{float:left;padding:0 15px 0 0;vertical-align:top;margin-right:5px}
.layout_middle{overflow:hidden;padding:0 0 0 0;vertical-align:top}
.layout_right{float:right;padding:0 0 10px 15px;vertical-align:top;margin-left:5px}
#main-timer-block {
    text-align: center; /* or any other styles to adjust the layout */
}

#events-upcoming{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#f8f9fa;border:1px solid #d0ecd2;background-repeat:repeat-x;padding:7px 10px 10px 10px;margin-bottom:15px; font-weight:700;font-size:.8em  }
#events-upcoming li+li{margin-top:10px;border-top-width:1px;padding-top:7px}
#events-upcoming li>a{font-weight:700;font-size:.8em}

#mpgblock{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#f8f9fa;border:1px solid #d0ecd2;background-repeat:repeat-x;padding:7px 10px 10px 10px;margin-bottom:15px; font-weight:700;font-size:.8em  }
#mpgblock li+li{margin-top:10px;border-top-width:1px;padding-top:7px}
#mpgblock li>a{font-weight:700;font-size:.8em}
.mpg_block{clear:both;width:100%;margin-bottom:15px}
.mpg_block>ul{background-color:#f8f9fa;border:1px solid #d0ecd2;background-repeat:repeat-x;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:5px;   list-style-type: none;}
.mpg_block>ul>li{clear:both;overflow:hidden;padding:3px 5px 3px 5px}

.layout_forum_list_recent_topics{clear:both;overflow:auto;width:100%;margin-bottom:15px}
.layout_forum_list_recent_topics>ul{background-color:#f8f9fa;border:1px solid #d0ecd2;background-repeat:repeat-x;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:5px}
.layout_forum_list_recent_topics>ul>li{clear:both;overflow:hidden;padding:3px 5px 3px 5px}

a:link,a:visited{color:#808080;text-decoration:none}
a:hover{color:#808080;text-decoration:none}
div,td{font-size:9pt;color:#125500;text-align:left}

h2 {
    font-size: 1.3em;
    letter-spacing: -1px;
    margin-bottom: 10px;
    font-weight: bold; 
    display: relative; /* Keep h2 as an inline block to contain span */
}
h2 .smaller-text {
  font-size: 0.75em; /* Make the span text smaller compared to the h4 */
  color: green; /* Optional: change the color to differentiate */
  margin-left: 8px; /* Add some space between the h4 and the span */
}
h2 > span {
    font-size: 0.9em; /* This should now reduce the size properly */
    display: inline-block;
font-weight: normal; 
    padding-right: 6px;
    vertical-align: top; /* Ensures span aligns properly with text */
    margin-top: 0; /* Reset any margin issues */
}
h3{color:#717171;font-size:1.3em;letter-spacing:-1px}
h4{color:#717171;font-weight:700;border-bottom:1px solid #eaeaea;padding:.5em 0 .5em 0;margin-bottom:10px}
h4>span{display:inline-block;position:absolute;background-color:#fff;padding-right:6px;margin-top:-1px}
h3.sep{display:block;border-bottom:1px solid #eaeaea;overflow:hidden;margin-bottom:1em;height:1em}
h3.sep>span{display:block;overflow:hidden;position:absolute;background:#fff;padding:5px 10px 5px 0;font-weight:700}
h3.sep>span{padding:5px 0 5px 10px}

.layout_page_header{background-color:#eafae9;text-align:center;padding:0;clear:both;border-bottom:0 solid transparent;background-position:top center;-moz-box-shadow:0 3px 3px #ddd}
.layout_page_header .layout_main{width:100%;text-align:right;margin:0 auto 0 auto}
.layout_page_footer{clear:both;text-align:center;overflow:hidden}
.layout_page_footer .layout_main{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ecfae9;border:1px solid #d0ecd2;background-repeat:repeat-x;width:930px;margin:20px auto 0 auto;text-align:left;overflow:hidden;margin-top:40px;padding:10px}

.layout_page_footer select{font-size:1em}
.layout_core_menu_footer{font-size:.8em;color:#009907}
.layout_core_menu_main{width:100%;margin:0 auto 0 auto;text-align:left;overflow:hidden;background-color:#9bd479;background-repeat:repeat-x;border:1px solid #5e9e5e;border-left:none;border-right:none}
.layout_core_menu_main ul{width:950px;margin:0 auto 0 auto;padding:0;white-space:nowrap;overflow:hidden}
.layout_core_menu_main li{float:left;font-size:1.3em;font-weight:700;margin-right:15px}html[dir="rtl"] 
.layout_core_menu_main li{float:right;margin-right:0;margin-left:15px}
.layout_core_menu_main li:hover{background:transparent}
.layout_core_menu_main ul a{-moz-user-select:none;-webkit-user-select:none;outline:none;display:block;padding:.4em 0 .4em 0;background-color:transparent}
.layout_core_menu_main ul a:link, .layout_core_menu_main ul a:visited{color:#fff;text-decoration:none}
.layout_core_menu_main ul a:hover{color:#fff;text-decoration:underline;background:transparent}

.layout_core_menu_mini{width:100%;margin:0 auto 0 auto;overflow:hidden}
.layout_core_menu_mini>div>ul{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-radius-topleft:0;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-radius-topright:0;float:right;overflow:hidden;background:#fff;padding:.5em;border:2px solid #eafae9;border-top:none}
.layout_core_menu_mini>div>ul{float:left}
.layout_core_menu_mini>div>ul>li{float:left;overflow:hidden}
.layout_core_menu_mini>div>ul>li{float:right}
.layout_core_menu_mini>div>ul>li+li{margin-left:3px}
.layout_core_menu_mini>div>ul>li+li{margin-left:0;margin-right:3px}
.layout_core_menu_mini #core_menu_mini_menu{padding:0 0 5px 10px;font-size:.7em;overflow:hidden}
.layout_core_menu_mini #core_menu_mini_menu{padding:0 10px 5px 0}
.layout_core_menu_mini #core_menu_mini_menu>ul>li>a{display:block;color:#999;font-weight:700;padding:6px 7px 6px 7px;text-transform:uppercase}
.layout_core_menu_mini #core_menu_mini_menu>ul>li>a:hover{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#eafae9;color:#777;text-decoration:none}.layout_core_menu_mini #core_menu_mini_menu_updates{margin:0 7px}
.layout_core_menu_logo{width:950px;font-size:23pt;font-weight:700;margin:0 auto 10px auto;text-align:left;letter-spacing:-2px;overflow:hidden}
.tip{overflow:hidden;clear:both}
.tip>span{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:inline-block;background-repeat:no-repeat;background-position:6px 6px;padding:6px 6px 6px 27px;background-color:#faf6e4;float:left;margin-bottom:15px;border:1px solid #e4dfc6}
.tip>span{background-position:99% 50%;padding:6px 27px 6px 6px;float:right}
ul.form-errors,ul.form-notices{margin:0 0 20px 0;overflow:hidden}*+ul.form-errors,*+ul.form-notices{margin-top:20px}
ul.form-errors>li,ul.form-notices>li{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:7px 5px 7px 5px;padding:5px 15px 5px 32px;background-repeat:no-repeat;background-position:8px 5px;float:left;clear:left;overflow:hidden;border:1px solid #ccc}
ul.form-errors > li, ul.form-notices>li{padding:5px 32px 5px 15px;background-position:98% 5px;float:right;clear:right}
ul.form-errors>li>b,ul.form-notices>li>b{text-transform:uppercase;font-size:.8em}
ul.form-errors>li>ul>li,ul.form-notices>li>ul>li{font-size:.9em}
ul.form-errors>li{background-color:#faf7e9}
ul.form-notices>li{background-color:#e9faeb}





input[type=text],input[type=password],.text,.textarea,.number{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#f8f9fa;color:#385500;border-width:1px;border-color:#999 #ccc #ccc #999;padding:2px;font-size:10pt;resize:auto}
input[type=checkbox],input[type=radio]{border:none;padding:0;margin:2px 5px 0 0;width:auto;float:left}
input[type=checkbox], input[type=radio]{margin:2px 0 0 5px;float:inherit}
input[type=checkbox]+label,input[type=radio]+label{cursor:pointer}
textarea{width:500px;resize:none}

number{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#f8f9fa;color:#385500;border-width:1px;border-color:#999 #ccc #ccc #999;padding:1px 0 1px 1px;font-size:10pt;max-width:250px}
select{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#f8f9fa;color:#385500;border-width:1px;border-color:#999 #ccc #ccc #999;padding:1px 0 1px 1px;font-size:10pt;max-width:250px}
select{padding:1px 1px 1px 0}
select option{padding:0 10px 0 3px}
select option{padding:0 3px 0 10px}



a.buttonlink{background-repeat:no-repeat;background-position:0 0;padding-left:21px;font-weight:700;display:inline-block}
a.buttonlink{background-position:top right;padding-left:0;padding-right:21px}
a.buttonlink_right{background-repeat:no-repeat;background-position:top right;padding-right:19px;font-weight:700;display:inline-block}
a.buttonlink_right{background-position:top left;padding-right:0;padding-left:19px}
br.multi-text-separator{margin-bottom:8px}


.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:9px;
	font-weight:bold;
	padding:4px 5px;
max-width:100px;
min-width:50px;
	text-decoration:none;
}

.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.myButton:active {
	position:relative;
	top:1px;
}

hr {
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
text-align: left;
}

/* SMALL NOTICES */
.newNum { font-weight:bold; display:inline-block; color:#FFF; padding: 1px 4px 2px 4px; margin: 0; font-size:10px; border-radius: 2px; }
.little_notice { font-weight:bold; display:inline-block; padding: 3px; margin:2px; font-size:10px;  vertical-align:top; color:#FFF; }
.LnExt { padding: 1px 4px 2px 4px; margin: 0 0 0 5px; font-size:10px; border-radius: 3px; }
.Lnpurple { background-color: #bd3a7c; }
.Lnyellow { background-color:#7E6C3D; }
.Lngreen { background-color:#090; }
.Lngrey { background-color:#111; }
.Lnblack { background-color:#111; }
.Lnorange { background-color:#FB5200; }
.Lnblue { background-color:#06F; }
.Lnred { background-color:#900; }
.Lnpurplel { color:#000; background-color:#bd3a7c; }
.Lnyellowl { color:#000; background-color:#AC9453; }
.Lngreenl { color:#000; background-color:#090; }
.Lngreyl { color:#000; background-color:#999; }
.Lnblackl { color:#000; background-color:#444; }
.Lnorangel { color:#000; background-color:#FB5200; }
.Lnbluel { color:#000; background-color:#6CF; }
.Lnredl { color:#000; background-color:#900; }

.morris-hover {
  position:absolute;
  z-index:1000;
}

.morris-hover.morris-default-style {     border-radius:10px;
  padding:6px;
  color:#666;
  background:rgba(255, 255, 255, 0.8);
  border:solid 2px rgba(230, 230, 230, 0.8);
  font-family:sans-serif;
  font-size:12px;
  text-align:center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight:bold;
  margin:0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
  white-space:nowrap;
  margin:0.1em 0;
}

svg { width: 100%; }


.progress-title{
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0 0 10px;
}
.progress-outer{
    background: #fff;
    padding: 5px 60px 5px 5px;
    border: 5px solid #bebfbf;
    border-radius: 45px;
    margin-bottom: 20px;
    position: relative;
}
.progress{
    background: #bebfbf;
    border-radius: 20px;
    margin: 0;
}
.progress .progress-bar{
    border-radius: 20px;
    box-shadow: none;
    animation: animate-positive 2s;
}
.progress .progress-value{
    font-size: 20px;
    font-weight: 700;
    color: #6b7880;
    position: absolute;
    top: 3px;
    right: 10px;
}
@keyframes animate-positive{
    0%{ width: 0; }
}

.badge-warning {
    color: #fff;
    background-color: #ffc107;
}

.screen {width: 500px;height: 250px;background-color: black;color: white;
    overflow-y: auto; /* Enables vertical scrolling */
            border: 1px solid #ccc; /* Optional: adds a border */
            padding: 10px; /* Optional: adds padding */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: adds a shadow */
}