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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, 
tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, 
output, ruby, section, summary, time, mark, audio, video
	{	margin: 0; padding: 0;
		border: 0; font-size: 100%;
		font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
	{	display: block;}
body	{	line-height: 1.5; font-family: 'Raleway', sans-serif; 	}
ol, ul	{	list-style: none;}
blockquote, q
	{	quotes: none;}
 
blockquote:before, blockquote:after,
q:before, q:after
	{	content: '';    content: none;}     
table	{	border-collapse: collapse;
		border-spacing: 0;}

a	{	text-decoration: none;	}
b, strong	{font-weight: bold}
i	{font-style: italic;}

/*	New 01/04/2021	*/
#Master
{
	padding:0; margin: 0;
}
#Master h1, #Master h2, #Master h3, #Master h4
{
	font-weight:bold;
}
#Master h1
{
	margin: 10px 0 10px 10px;
}
#Master h2
{
	margin: 10px 0 10px 15px;
}
#Master p, #Master h3, #Master h4
{
	margin: 5px 0 5px 20px;
}
#Master ul
{	list-style-type: disc;padding: 5px 45px;}
#Master ul ul
{	list-style-type: circle;padding: 5px 20px;}
#Master ul ul ul
{	list-style-type: square;padding: 5px 20px;}
#Master ol
{	list-style-type: decimal;padding: 5px 45px;}
#Master ol ol
{	list-style-type: upper-roman;padding: 5px 20px;}
#Master ol ol ol
{	list-style-type: lower-roman;padding: 5px 20px;}
.MenuContainer
	{	display: none;	}
#loading, #saving, #deleting
{
transition:0.5s;display: none;width:100px; height: 50px;margin:auto;padding:10px; 
left:0; right:0;top:0; bottom:0;position:fixed;z-index: 10;
text-transform:uppercase;text-align:center;font-weight:bold;border:1px solid #555555;border-radius:5px;
color:#555555;background: #ccffdd;
}
#error_modal, #confirm_modal, #processing_modal, #alert_modal, #input_modal
{	position: fixed;
    background: rgba(0, 0, 0, .6);
    top: 0; left: 0; right: 0; bottom: 0;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#processing_modal_content
{
	min-width:100px; min-height: 50px; padding:10px; 
	text-transform:uppercase; text-align:center; font-weight:bold; 
	color:#006600; background: #f2f2f2;
	border-radius:25px;	
}
#error_modal_content, #confirm_modal_content, #alert_modal_content
 {	width: 250px;
    min-height: 75px;
    background: white;
    padding: 20px;
	border-radius:25px;	
}

#input_modal_content
{	width: 300px;
    min-height: 75px;
    background: white;
    padding: 20px;
	border-radius:25px;	
}
#input_modal_content input[type='text']
{	
	display: block; width:250px; margin:auto;
}

#error_modal_content
{	border:3px solid red;	}
#confirm_modal_content, #alert_modal_content, #input_modal_content
{	border:3px solid green;	}
#error_modal_content h1
{	text-align:center; color:red; 	}
#confirm_modal_content h1, #alert_modal_content h1, #input_modal_content h1
{	text-align:center; color:green; 	}
#error_modal_content p, #confirm_modal_content p, #alert_modal_content p, #input_modal_content p
{	margin:10px 0 15px; color:#555555; text-align:center; }
@media screen and (min-width: 200px) and (max-width: 400px)
{
.article_Container_A
	{box-sizing: border-box;display:block;  margin: 20px auto; border:2px solid #d9d9d9; background:#9fdfbf;border-radius:3px;padding:10px 0; overflow:hidden; max-width: 350px;}
.article_Container_B
	{box-sizing: border-box;display:block; margin: 20px auto; border:2px solid #d9d9d9; background:#9fdfbf;border-radius:3px;padding:10px 0; overflow:hidden; max-width: 350px;}
.bottom_Links_A
	{box-sizing: border-box;display:block; margin: auto;  background:#9fdfbf;border-radius:3px;padding:0;
	text-align:center;text-transform:uppercase; font-weight:bold; font-size: 10pt; max-width: 350px;}
}
@media screen and (min-width: 400px)
{
.article_Container_A
	{box-sizing: border-box;display:block;  margin: 20px 0; border:2px solid #d9d9d9; background:#9fdfbf;border-radius:3px;padding:20px; overflow:hidden; height: 328px;}
.article_Container_B
	{box-sizing: border-box;display:block; margin: 20px 0; border:2px solid #d9d9d9; background:#9fdfbf;border-radius:3px;padding:20px; overflow:hidden; height: 328px;}
	/*
.bottom_Links_A
	{box-sizing: border-box;display:block; margin: 0; border:2px solid #d9d9d9; background:#9fdfbf;border-radius:3px;padding:20px;
	text-align:center;text-transform:uppercase; font-weight:bold; font-size: 10pt;}
	*/
.bottom_Links_A
	{box-sizing: border-box;display:block; background:#9fdfbf; margin: 0; padding:10px;
	text-align:center;text-transform:uppercase; font-weight:bold; font-size: 10pt;}

}

.statement_Container
{
	box-sizing: border-box;display:block;  margin: 20px 0; border:2px solid #d9d9d9; background:#9fdfbf;border-radius:3px;padding:20px; overflow:hidden;
}


.article_Container_C
	{box-sizing: border-box;display:block;  margin: 20px 0; border:2px solid #d9d9d9; background:#9fdfbf;border-radius:3px;padding:20px; overflow:hidden;}
.article_Container_D
	{box-sizing: border-box;display:block; margin: 20px 0; border:2px solid #d9d9d9; background:#9fdfbf;border-radius:3px;padding:20px; overflow:hidden;}

/* IMAGES */
@media screen and (min-width: 200px) and (max-width: 500px)
{
	.page_Img_Brd
	{display: block;box-sizing: border-box; border:1px solid #555555; border-radius:5px; height:175px; width:auto; margin:10px auto; padding:5px; background:#fff; }
	.page_Img_noBrd
	{display: block;box-sizing: border-box; border:none; height:175px; width:auto; margin:10px auto; padding:5px; background:none; }
}

@media screen and (min-width: 500px) and (max-width: 1200px)
{
	.page_Img_Brd
	{box-sizing: border-box; border:1px solid #555555; border-radius:5px; height:250px; width:auto; margin:10px; padding:5px; background:#fff; }
	.page_Img_noBrd
	{box-sizing: border-box; border:none; height:250px; width:auto; margin:10px auto; padding:5px; background:none; }
}

@media screen and (min-width: 1200px)
{
	.page_Img_Brd
	{box-sizing: border-box; border:1px solid #555555; border-radius:5px; height:300px; width:auto; margin:10px; padding:5px; background:#fff; }
	.page_Img_noBrd
	{box-sizing: border-box; border:none; height:300px; width:auto; margin:10px auto; padding:5px; background:none; }

}

	
.spacer5	{display:block; height:5px;}
.spacer10	{display:block; height:10px;}
.spacer15	{display:block; height:15px;}
.spacer20	{display:block; height:20px;}
.spacer25	{display:block; height:25px;}
.spacer30	{display:block; height:30px;}
.Form_container
	{display:block; margin:0; /*width:1000px;*/ text-align:left; /*background:#ccc;*/ padding:20px;}
.Form_Sub_container
	{display:block; margin:0 auto; width:800px;text-align:left;}
.Form_container > label, .Form_Sub_container > label, .panel_css > label
	{box-sizing: border-box;display:inline-block; width:175px;height:26px;padding:0 5px 0 0; font-size:12pt; text-align:right; background:#3675B4; color:#fff; border:1px solid #555555;border-radius:3px; text-transform:uppercase; text-weight:bold;}
.Form_container > select, .Form_Sub_container > select
	{box-sizing: border-box; font-size:12pt;width:175px; height:26px;margin: 0 0 0 5px; padding:0 0 0 10px;border-radius:3px;background: #ffffcc;}
.Form_container > select.select-small, .Form_Sub_container > select.select-small
	{width:100px;}
.Form_container > input[type="text"], .Form_Sub_container > input[type="text"], .panel_css > input[type="text"]
	{box-sizing: border-box; font-size:12pt;width:175px; height:26px;margin: 0 0 0 5px; padding:0 0 0 10px;border-radius:3px;background: #ffffcc;}
 input[type="text"].text-box-small
	{width:100px !important;}
input[type="text"].text-box-long
	{width:250px !important;}
input[type="text"].text-box-very-long
	{width:500px !important;}
.Form_container > textarea
	{box-sizing: border-box; font-size:12pt; width:100%; font-family: 'Raleway', sans-serif;}
span.radio_holder
	{box-sizing: border-box; display:inline-block; width:80px; height:26px; font-size:12pt; text-align:center; border:1px solid #555555; margin: 0 0 0 5px; padding: 0 10px; background: #ffffcc; border-radius:3px;}
.Form_container ic
	{margin:0 0 0 10px; background:#fff; color:#006600; ;padding:2px;}
.activeBorder
	{border:3px solid green; border-radius: 5px;}
.unactiveBorder
	{border:3px solid red; border-radius: 5px;}
ul.Form_Nav {
    line-height: 30px;
    background-color: #ccc;
   margin:10px 0;
    text-align: center;
    list-style-type: none;
}
ul.Form_Nav > li
	{cursor:pointer;display: inline-block; line-height: 30px; background-color: green; color:#fff;
	border: 2px solid #272727; padding: 0 20px;
	font-size: 12pt; font-weight: bold; text-transform:uppercase; text-decoration: none;
	transition: 0.8s;}
ul.Form_Nav > li:hover
{	background: #e1e3e4; color: #000;
	box-shadow: 0px 2px 3px #808080;
}
#group_Vert_Btns
	{}
@media screen and (min-width: 1000px)
{
	.inline_Btn, .btn
	{	display:inline-block; margin:20px 5px; width:150px;
	}
}

@media screen and (min-width: 300px) and (max-width: 1000px)
{
	.inline_Btn, .btn
	{	display:block; margin:10px auto; width:auto;
	}
}	
.form_Btn
{	
	display:inline-block; 
	width:auto; font-size: 10pt; font-weight:bold;
  	text-align: center;text-decoration: none; text-transform:uppercase;
  	outline: none; border: none;border-radius: 5px;
  	box-shadow: 0 5px #999;
  	cursor: pointer;
}
.center_Btn
{	display:block; margin:10px auto;width:175px;
}
.inline_Btn, .center_Btn, .live_Btn, .not-live_Btn, .btn, .standard_Btn
{	padding: 5px 20px; 
  	font-size: 10pt; font-weight:bold;
  	text-align: center;text-decoration: none; text-transform:uppercase;
  	outline: none; border: none;border-radius: 5px;
  	box-shadow: 0 5px #999;
  	cursor: pointer;
}

.standard_Btn, .btn	{background-color: #3675B4;color: #fff; }
.live_Btn		{background-color: #33cc33;color: #fff; }
.not-live_Btn	{background-color: #ff6666;color: #fff; }

.standard_Btn:hover, .live_Btn:hover, .not-live_Btn:hover
	{background-color: #295989;}
.standard_Btn:active, .live_Btn:active, .not-live_Btn:active
	{
  color: #00ff99;background-color: #3675B4;
  box-shadow: 0 2px #666;
  transform: translateY(2px);}	
	
.input[type='checkbox']
{	cursor:pointer;
}

/* LOGIN CSS */
@media screen and (min-width: 200px) and (max-width: 500px)
{
	#Login_Form
	{
		display:block; margin: auto; width:300px;
	}
}
@media screen and (min-width: 500px)
{
	#Login_Form
	{
		display:block; margin: 10px; width:350px;
	}
}
.spacer-5
{	height:5px;	}
.spacer-10
{	height:10px;	}
.spacer-15
{	height:15px;	}
.spacer-20
{	height:20px;	}
.spacer-25
{	height:25px;	}