/*****************************/
/*** My custom CSS ***/
/*****************************/
/*
input:focus,
select:focus,
textarea:focus { background-color: #ffd }
*/
html {
	font-size: 100%;
	height: 100%;
	background-color:#333333;   /*#333333;*/
}
body {
  min-height: 100%;
  background-color:#333333;   /*#333333;*/
}

.custom_table {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	/*font-size:80%;*/
	display: inline-block;
}
.custom_table td {
	padding: 5px;
	text-align: left;
}
.custom_table tr:nth-child(odd){background-color: #f2f2f2;}
/*#table tr:hover {background-color: #ddd;}*/
.custom_table th {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  background-color: #800000;
  color: white;
}

hr{
	display:block;
	width:100%;
	border: .5px solid gray;
}

a:link{
	color: darkblue;
	text-decoration: none;
}
a:visited{
	color: darkblue;
	text-decoration: none;
}
a:hover{
	color: darkblue;
	text-decoration:underline;
}

.link:link{
	color: darkblue;
	text-decoration: none;
}
link:visited{
	color: darkblue;
	text-decoration: none;
}
.link:hover {
	color: darkblue;
	text-decoration:underline;
}

img {border:0;}

.menu0{
	padding-right:10px;
	color:black;
	font-weight:bold;
}
.menu1{
	padding-right:10px;
	color:white;
	text-decoration:none;
	/*font-weight:bold;*/
}

.my_menu{
	padding:5px;
	text-align: center;
	text-decoration:none;
	/*font-size:15px;*/
}

div#main_menu a:link { color: white;text-decoration:none }
div#main_menu a:visited { color: white;text-decoration:none }
div#main_menu a:hover { color: white; text-decoration:underline }
div#main_menu a:active { color: white;text-decoration:none }

div#my_menu a:link { color: white;text-decoration:none }
div#my_menu a:visited { color: white;text-decoration:none }
div#my_menu a:hover { color: white; text-decoration:underline }
div#my_menu a:active { color: white;text-decoration:underline }

.top_logo_div{
	/*
	background-color:#f8f8f8;
	*/
	background-color:white;
	text-align: center;
	padding:5px;
	/*height:20px;*/
}
.header_color{
	background-color:maroon;
}
.menu_bar{
	background-color:maroon;
	padding:2px;
	/*white-space: nowrap;*/
	/*border-bottom: .5px solid black;*/  /*#f8f8f8  #e7e7e7*/
	text-align: center;
	/*font-size:15px;*/
	color:white;
}
.my_header{
	background-color:maroon;
	padding:3px;
	/*border-bottom: .5px solid black;*/  /*#f8f8f8  #e7e7e7*/
	text-align: center;
	/*font-size:15px;*/
	color:black;
}
.my_footer{
	padding:5px;
	/*border-top: 1px solid black;*/
	background-color:#333333;
	text-align: center;
	/*font-size:15px;*/
	color:silver;
}

.componentheading{
  margin: 0;
  font-weight: bold;
  font-size: 120%;
  padding-left: 0px;
  margin-bottom: 5px;
}

.componentheading{
  color: #990000;
  text-align: center;
}

.red{color:red}

.extra-large-titles{
/*	font-size:1.4em; 
	font-weight: bold; 
	line-height:1em*/
}

.large-input{
	font-size:110%;
	padding:3px;
}

.bold{font-weight: bold}
.font-weight-bold{font-weight: bold}
/*.font-size1.4em{font-size:1.4em}*/
.line-height1em{line-height:1em}

.font120{font-size:120%;}
.font115{font-size:115%;}
.font110{font-size:110%;}
.font105{font-size:105%;}
.font90{font-size:90%;}
.font80{font-size:80%;}
.font70{font-size:70%;}
.font60{font-size:60%;}
.font50{font-size:50%;}

.font_70{font-size:70%}

.font_80{font-size:80%}

.font_90{font-size:90%}

.font_120{font-size:120%}
	
.font_130{font-size:130%}

.font_140{font-size:140%}

.font_150{font-size:150%}

.big-button {
  color: #000300;
  background-color: #00910A;
  padding: 10px;
  position: relative;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
 
  box-shadow:
    1px 1px 0 0 #014D06,
    2px 2px 0 0 #014D06,
    3px 3px 0 0 #014D06,
    4px 4px 0 0 #014D06,
    5px 5px 5px 0 #000000;
 
  -webkit-box-shadow:
    1px 1px 0 0 #014D06,
    2px 2px 0 0 #014D06,
    3px 3px 0 0 #014D06,
    4px 4px 0 0 #014D06,
    5px 5px 5px 0 #000000;
 
  -moz-box-shadow:
    1px 1px 0 0 #014D06,
    2px 2px 0 0 #014D06,
    3px 3px 0 0 #014D06,
    4px 4px 0 0 #014D06,
    5px 5px 5px 0 #000000;
 
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
 
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
 
.big-button:active {
  box-shadow: 1px 1px 5px 0 #000000;
  -webkit-box-shadow: 1px 1px 5px 0 #000000;    
  -moz-box-shadow: 1px 1px 5px 0 #000000;
  top: 4px;
  left: 4px;
}
 
.big-button:hover { background-color: #00B00C; }

input.graybutton
{
   color:#FFFFFF;
   font-weight: bold;
   font-size:1em;
   color:#E5E5E5;
   font-family:Verdana, Arial, Helvetica;
   background-color:#909C9C;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ff0099CC',EndColorStr='#ff0033CC');
   height:2.0em;
   border-radius:10px;
}

input.greenbutton
{
   color:#FFFFFF;
   font-weight: bold;
   font-size:1em;
   font-family:Verdana, Arial, Helvetica;
   background-color:#339933;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ff0099CC',EndColorStr='#ff0033CC');
   height:2.0em;
   border-radius:10px;
}

input.redbutton
{
   color:#FFFFFF;
   font-weight: bold;
   font-family:Verdana, Arial, Helvetica;
   font-size:.6em;
   background-color:#CC0000;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ff0099CC',EndColorStr='#ff0033CC');
   height:2.1em;
   border-radius:10px;
}

input.bluebutton_small
{
   color:#FFFFFF;
   font-weight: bold;
   font-family:Verdana, Arial, Helvetica;
   font-size:.6em;
   background-color:#006eb4;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ff0099CC',EndColorStr='#ff0033CC');
   height:2.1em;
}

input.bluebutton
{
   color:#FFFFFF;
   font-weight: bold;
   font-size:1em;
   font-family:Verdana, Arial, Helvetica;
   background-color:#006eb4;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ff0099CC',EndColorStr='#ff0033CC');
   height:2.0em;
   border-radius:10px;
}