body {
	font-size: 12px;
	line-height: 16px;
#	background-color: #AAEEFF;
	background-color: #D8F0FC;
	color: #000000;
	font-family: Arial, sans-serif;
}


input[type=text] {
  background: #E6F2FF;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  margin-bottom: 1px; 
  padding-left:3px; 
}
input[type=submit] {
  color: white; 
  background: #778BA5;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px; 
  margin-right: 1px; 
  margin-bottom: 3px;  
  height:21px;
}
input[type=submit]:hover {
  background: cyan;
  color: black;
}
input[type=button] { 
  color: white;
  background: #778BA5;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  margin-right: 1px;
  margin-bottom: 3px;
  height:21px;
}
input[type=button]:hover {
  background: cyan;
  color: black;
}

select {
  background: #E6E3E3;
  margin-bottom: 1px;
  margin-right: 1px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  font-size: 12px;
}


#menu_container {
	display: inline-block;
	border-radius: 8px;
#        border: 1px solid #000000;
	padding: 7px;
	width: 98%;
        text-align: center;

#	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,f1da36+100;Gold+3D */
#	background: #fefcea; /* Old browsers */
#	background: -moz-linear-gradient(left, #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
#	background: -webkit-linear-gradient(left, #fefcea 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
#	background: linear-gradient(to right, #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
#	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 */


#	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcee6f+0,fefcea+38,f1da36+100 */
#	background: #fcee6f; /* Old browsers */
#	background: -moz-linear-gradient(left, #fcee6f 0%, #fefcea 38%, #f1da36 100%); /* FF3.6-15 */
#	background: -webkit-linear-gradient(left, #fcee6f 0%,#fefcea 38%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
#	background: linear-gradient(to right, #fcee6f 0%,#fefcea 38%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
#	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcee6f', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 */

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8f0fc+2,f1da36+45,fefcea+71,d8f0fc+100 */
	background: #d8f0fc; /* Old browsers */
	background: -moz-linear-gradient(left, #d8f0fc 2%, #f1da36 45%, #fefcea 71%, #d8f0fc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #d8f0fc 2%,#f1da36 45%,#fefcea 71%,#d8f0fc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #d8f0fc 2%,#f1da36 45%,#fefcea 71%,#d8f0fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8f0fc', endColorstr='#d8f0fc',GradientType=1 ); /* IE6-9 */
}


#menu_container_inner {
	display: inline-block;
	text-align: left;
#	border: 2px solid #000000;
        position: relative;
}

#menu_container_buttons {
	display: inline-block;
#	border: 2px solid #000000;
}


#mts_title {
	display: inline-block;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, sans-serif;
        vertical-align: top;
        color: #08418E;
#	text-shadow: -1px 0 #0E2E55,0 1px #0E2E55,1px 0 #0E2E55,0 -1px #0E2E55;
}


#mts_title_small {
	display: inline-block;
	padding: 0px;
	font-size: 14px;
	line-height: 20px;
	font-family: Arial, sans-serif;
        color: #808080;
	text-shadow: 0;
}

div[class^="menu_item"] {
	display: inline-block;
#	border-radius:   6px;
	padding-top:    10px;
	padding-bottom: 10px;
	padding-left:    5px;
	padding-right:   5px;
	font-size:      14px;
	width:         130px;
#	background-color: #66CCFF;
	background-color: #B6DFFD;
	color: #000000;
        vertical-align: bottom;
}

.btn_mts_logo {
	width: 64;
	height: 14;
        padding-right: 66;
}

.menu_item {
	text-align: center;
        border: 1px solid #000000;
}

.menu_item:hover {
	font-weight: bold;
	text-align: right;
        border: 1px solid #000000;
}

.menu_item_sel {
	font-weight: bold;
	text-align: right;
        border: 1px solid #000000;
}

.menu_item_sel:hover {
	font-weight: bold;
	text-align: right;
        border: 1px solid #808080;
}

.content_one {
	background-color: #F0F0F0;
	background-image: url("/images/Amp3.png");
#	background-image: url("/images/Chip.png");
#	background-image: url("/images/Bg1Tr.png");
        background-repeat: repeat;
	border-radius: 8px;
	padding: 5px;
	width: 98%;
	height: 75%;
#        border: 1px solid #000000;
        overflow: auto;
	font-size: 12px;
	line-height: 16px;
}

.medium_paragraph{
	background-color: #DEE0DF;
#	border-radius: 8px;
	padding: 10px;
	width: 384px;
        overflow: auto;
#        border: 3px double #000000;
        border: none;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	font-size: 14px;
	line-height: 18px;
}

#pie_tl {
	display: inline-block;
        position: absolute;
        bottom: 0;
        right: 0;
        border: 1px solid #000000;
        border-radius: 100% 0 0 0;
}

#pie_tr {
	display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        border: 1px solid #000000;
        border-radius: 0 100% 0 0;
}

#pie_bl {
	display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        border: 1px solid #000000;
        border-radius: 0 0 0 100%;
}

#pie_br {
	display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #000000;
        border-radius: 0 0 100% 0;
}

.pie_small {
	width: 75%;
	height: 75%;
        opacity: 1;
	background-color: #D0D0F0;
        transition: height 600ms ease;
	-moz-transition: height 600ms ease;
	-ms-transition: height 600ms ease;
	-o-transition: height 600ms ease;
	-webkit-transition: height 600ms ease;
}

.pie_large {
	width: 98%;
	height: 98%;
        opacity: 0.5;
	background-color: #F0D0D0;
        transition: height 600ms ease;
	-moz-transition: height 600ms ease;
	-ms-transition: height 600ms ease;
	-o-transition: height 600ms ease;
	-webkit-transition: height 600ms ease;
}

.pie_max {
	width: 48%;
	height: 48%;

}

#sqr_tl {
	display: inline-block;
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0;
#        border: 1px solid #000000;
#        border-radius: 100% 0 0 0;
}

#sqr_tr {
	display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0;
#        border: 1px solid #000000;
#        border-radius: 0 100% 0 0;
}

#sqr_bl {
	display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
#        border: 1px solid #000000;
#        border-radius: 0 0 0 100%;
}

#sqr_br {
	display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
#        border: 1px solid #000000;
#        border-radius: 0 0 100% 0;
}

.sqr_small {
	width: 50%;
	height: 50%;
#	background-color: #D0D0F0;
}

.sqr_large {
        border: 2px solid #FFFFFF;
	width: 95%;
	height: 95%;
        opacity: 0.5;
#	background-color: #F0D0D0;
}

.sqr_max {
	width: 45%;
	height: 45%;
}






#piesqr_tl {
	display: inline-block;
        position: absolute;
        padding: 0;
        top: 0;
        left: 0;
        border: 1px solid #000000;
        border-radius: 30% 0 0 0;
}

#piesqr_tr {
	display: inline-block;
        position: absolute;
        padding: 0;
        top: 0;
        right: 0;
        border: 1px solid #000000;
        border-radius: 0 30% 0 0;
}

#piesqr_bl {
	display: inline-block;
        position: absolute;
        padding: 0;
        bottom: 0;
        left; 0;
        border: 1px solid #000000;
        border-radius: 0 0 0 30%;
}

#piesqr_br {
	display: inline-block;
        position: absolute;
        padding: 0;
        bottom: 0;
        right: 0;
        border: 1px solid #000000;
        border-radius: 0 0 30% 0;
}

.piesqr_start {
	width: 50%;
	height: 50%;
	background-color: #D0D0F0;
}

.piesqr_small {
	width: 25%;
	height: 25%;
#        opacity: 0.5;
	background-color: #D0D0F0;
}

.piesqr_large {
        border: 2px solid #FFFFFF;
	width: 75%;
	height: 75%;
        opacity: 0.7;
	background-color: #F0D0D0;
}

.piesqr_max_tl {
	width: 25%;
	height: 25%;
        border: 1px solid #00FF00;
}

.piesqr_max_tr {
	width: 25%;
	height: 25%;
        border: 1px solid #00FF00;
}

.piesqr_max_bl {
	width: 25%;
	height: 25%;
        border: 1px solid #00FF00;
}

.piesqr_max_br {
	width: 25%;
	height: 25%;
        border: 1px solid #00FF00;
}



#text_tl {
        display: none;
	position: absolute;
	font-size: 18px;
	background-color: #406080;
	color: #D0E0FF;
	text-shadow: -1px 0 #0E2E55,0 1px #0E2E55,1px 0 #0E2E55,0 -1px #0E2E55;
	line-height: 20px;
        vertical-align: middle;
        right: 25%;
        top: 10%;
	width: 60%;
        padding: 5px;
#        border: 1px solid #000000;
#        border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#text_tr {
        display: none;
	position: absolute;
	font-size: 18px;
	background-color: #602060;
	color: #D0E0FF;
	text-shadow: -1px 0 #0E2E55,0 1px #0E2E55,1px 0 #0E2E55,0 -1px #0E2E55;
	line-height: 20px;
        vertical-align: middle;
        left: 25%;
        top: 10%;
	width: 60%;
        padding: 5px;
#        border: 1px solid #000000;
#        border-radius: 3px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#text_bl {
        display: none;
	position: absolute;
	font-size: 18px;
	background-color: #804060;
	color: #D0E0FF;
	text-shadow: -1px 0 #0E2E55,0 1px #0E2E55,1px 0 #0E2E55,0 -1px #0E2E55;
	line-height: 20px;
        vertical-align: middle;
        right: 25%;
        bottom: 10%;
	width: 60%;
        padding: 5px;
#        border: 1px solid #000000;
#        border-radius: 3px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#text_br {
        display: none;
	position: absolute;
	font-size: 18px;
	background-color: #408060;
	color: #D0E0FF;
	text-shadow: -1px 0 #0E2E55,0 1px #0E2E55,1px 0 #0E2E55,0 -1px #0E2E55;
	line-height: 20px;
        vertical-align: middle;
        left: 25%;
        bottom: 10%;
	width: 60%;
        padding: 5px;
#        border: 1px solid #000000;
#        border-radius: 3px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#ttl_tl {
	text-shadow: -1px 0 #0E2E55,0 1px #0E2E55,1px 0 #0E2E55,0 -1px #0E2E55;
}

#ttl_tr {
	text-shadow: -1px 0 #0E2E55,0 1px #0E2E55,1px 0 #0E2E55,0 -1px #0E2E55;
}

#ttl_bl {
	text-shadow: -1px 0 #0E2E55,0 1px #0E2E55,1px 0 #0E2E55,0 -1px #0E2E55;
}

#ttl_br {
	text-shadow: -1px 0 #0E2E55,0 1px #0E2E55,1px 0 #0E2E55,0 -1px #0E2E55;
}
