div, img, ul, p, ol, li, table, tr, th, td, h1, form, body {
	margin: 0;
	padding: 0;
	border: none;
}
table, div, img {
	width: 100%;
}
img {
	border:none;
}
table {
	border-collapse: collapse;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
	background-color: #46555c;
	font-size: 1.1vw;
}
#outer_wrapper {
	width: 45%;
	margin: auto auto 7em auto;
}
.title {
	background-color: #7f8595;
	background: -webkit-radial-gradient(center bottom, rgba(214, 219, 234, 0.8) 0%, rgba(105, 107, 109, 0) 70%), -webkit-linear-gradient(top, #535763 0%,#7f8595 6%,#848ca4 52%,#9fa8c3 91%,#636a7d 100%);
	background: -o-radial-gradient(center bottom, rgba(214, 219, 234, 0.8) 0%, rgba(105, 107, 109, 0) 70%), -o-linear-gradient(top, #535763 0%,#7f8595 6%,#848ca4 52%,#9fa8c3 91%,#636a7d 100%);
	background: -moz-radial-gradient(center bottom, rgba(214, 219, 234, 0.8) 0%, rgba(105, 107, 109, 0) 70%), -moz-linear-gradient(top, #535763 0%,#7f8595 6%,#848ca4 52%,#9fa8c3 91%,#636a7d 100%);
	background: radial-gradient(at center bottom, rgba(214, 219, 234, 0.8) 0%, rgba(105, 107, 109, 0) 70%), linear-gradient(to top, #535763 0%,#7f8595 6%,#848ca4 52%,#9fa8c3 91%,#636a7d 100%);
}
.title h1 {
	text-align: center;
	color: #ffffff;
	font-size: 100%;
	padding: 5px 0;
	text-shadow:  #000000 0 0 1px, #cccccc 0 1px 0, #c9c9c9 0 2px 0, #bbbbbb 0 3px 0, #b9b9b9 0 4px 0, #aaaaaa 0 5px 0,rgba(0,0,0,.1) 0 6px 1px, rgba(0,0,0,.1) 0 0 5px, rgba(0,0,0,.3) 0 1px 3px, rgba(0,0,0,.15) 0 3px 5px, rgba(0,0,0,.2) 0 5px 10px, rgba(0,0,0,.2) 0 10px 10px, rgba(0,0,0,.1) 0 20px 20px;
	font-weight: bold;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	
}
#menu_btn {
	text-align: center;
	border-radius: 5px;
	margin: 2px;
	box-sizing: border-box;
}
#menu_btn div {
	box-sizing: border-box;
	border: 2px #9fa8c3 solid;
	border-top: 1px #bbc2d5 solid;
	border: 2px rgba(159,168,195,0.6) solid;
	border-top: 1px rgba(187,194,213,0.6) solid;
	border-radius: 5px;
}
#menu_btn img {
	width: 35px;
}
#menu_btn:hover {
	background-color: #c7d0d5;
	background: -webkit-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5);
	background: -o-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5);
	background: -moz-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5 );
	background: linear-gradient(#c7d0d5 , #e5ecef, #c7d0d5 );  
	cursor: pointer;
}
/*  menu  */
#menu_cnt {
	 background-color:#ffffff;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 4;
}
.menu-outer-wrapper {
	padding: 3px;
	background-color:#cfdceb;
	background: -webkit-linear-gradient(right, #cfdceb, #9fb8d7);
	background: -o-linear-gradient(right, #cfdceb, #9fb8d7);
	background: -moz-linear-gradient(right, #cfdceb, #9fb8d7);
	background: linear-gradient(to right, #cfdceb, #9fb8d7);  
	box-sizing: border-box;
}
.menu_wrapper {
	padding: 10px;
	background-color:#B0C4DE;
	background: -webkit-linear-gradient(#B0C4DE 2%, #d4dfec 85%, #B0C4DE);
	background: -o-linear-gradient(#B0C4DE 2%, #d4dfec 85%, #B0C4DE);
	background: -moz-linear-gradient(#B0C4DE 2%, #d4dfec 85%, #B0C4DE);
	background: linear-gradient(#B0C4DE 2%, #d4dfec 85%, #B0C4DE);  
	box-sizing: border-box;
}
.menu_wrapper ul {
	list-style: none;
}
.menu_wrapper li {
	margin: 20px 0;
}
.menu_wrapper .menu_item {
	font-size: 110%;
	font-family: Geneva, Verdana, sans-serif;
}
.menu_wrapper .menu_item:hover {
	text-decoration: underline;
	cursor: pointer;
}
.menu_wrapper .menu_desc {
	display: none;
	margin: 5px 0;
	background-color: #dbe5ef;
	padding: 8px 2%;
	box-sizing: border-box;
}
.menu-subheader {
	margin: 10px 0 5px 0;
	text-decoration: underline;
}
.menu-text1 {
	margin: 8px 0;
}
.menu-youtube-link {
	margin: 1em 0;
}
.menu-youtube-link  img{
	width:95%;
}
.menu-youtube-link img:hover {
	opacity:0.8;
}
.menu-youtube-link  a{
	border:none;  
}
.menu-youtube-link  p a{
	text-decoration:underline;
	color:#000000;
}
.menu_controls tr td:first-child {
	width: 10%;
	min-width: 35px;
}
.menu_controls tr td:first-child img {
	width: 70%;
	margin: auto;
}
.menu_controls tr td {
	padding: 4px 0;
}
.menu-about-cnt a,  .menu-troubleshooting-cnt a, .menu-quickstart-cnt a {
	color: #000000;
	text-decoration:underline;
}
.menu-quickstart-cnt .google-play-badge a{
	color: #000000;
	text-decoration:none;
	border:none;
}
.menu-quickstart-cnt .google-play-badge img {
		width:12em;
        max-width:50%;
		padding:1.5em 0;
}
.menu-troubleshooting-cnt table {
  margin-bottom:20px;
}
.menu-troubleshooting-cnt tr th {
	font-weight: normal;
	background-color: #ffffff;
	border: 1px solid #000000;
	text-align: center;
	padding: 5px;
}
.menu-troubleshooting-cnt tr td {
	border: 1px solid #000000;
	font-size: 90%;
	vertical-align: top;
	padding: 5px;
}
.menu-troubleshooting-cnt .menu-borderless {
	border-top: none;
	border-bottom: none;
}
.menu-quickstart-cnt ol li {
	margin-left: 5%;
	width: 95%;
}
.menu-quickstart-cnt ol li span a {
	text-decoration: none;
}
.menu-quickstart-cnt ol li span a {
	background-color: #B0B0B0;
	background: -webkit-radial-gradient(#eeeeee 10%, #B0B0B0);
	background: -o-radial-gradient(#eeeeee 10%, #B0B0B0);
	background: -moz-radial-gradient(#eeeeee 10%, #B0B0B0);
	background: radial-gradient(#eeeeee 10%, #B0B0B0);
	cursor: pointer;
	border-radius: 25px;
	border-radius: 4vw;
	padding: 2px 3%;
	border: 1px #B0B0B0 solid;
	box-sizing: border-box;
}
.menu-quickstart-cnt ol li span a:hover {
	background-color: #eeeeee;
	background: -webkit-radial-gradient(#eeeeee 10%, #eeeeee);
	background: -o-radial-gradient(#eeeeee 10%, #eeeeee);
	background: -moz-radial-gradient(#eeeeee 10%, #eeeeee);
	background: radial-gradient(#eeeee 10%, #eeeeee);
}
.topmenubtn3 {
   	background-color: #c7d0d5;
	background: -webkit-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5);
	background: -o-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5);
	background: -moz-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5 );
	background: linear-gradient(#c7d0d5 , #e5ecef, #c7d0d5 ); 
	border-top:2px #E8E8E8 solid;
	border-left:2px #E8E8E8 solid;
	border-bottom:2px #A0A0A0  solid;
	border-right:2px #A0A0A0  solid;
	-webkit-box-shadow: 0px 0px 8px rgba(176,189,198,0.5) inset;
	-moz-box-shadow: 0px 0px 8px rgba(176,189,198,0.5) inset;
	box-shadow: 0px 0px 8px rgba(176,189,198,0.5) inset;
	min-width:40px;
}
.topmenubtn3:hover {
      background-color:#ecf0f2;
	background: -webkit-linear-gradient(#ecf0f2, #ecf0f2, #ecf0f2);
	background: -o-linear-gradient(#ecf0f2, #ecf0f2, #ecf0f2);
	background: -moz-linear-gradient(#ecf0f2, #ecf0f2, #ecf0f2);
	background: linear-gradient(#ecf0f2, #ecf0f2, #ecf0f2); 
}
.topmenubtn3 {
    font-size:110%;
	text-align:center;
	margin:10px auto;
	min-width:40px;
}
.topmenubtn3_cnt {
         margin-bottom:4em;
}

/* t30apps list */
.app-list {
    border:1px solid rgb(255,255,255);
 border:1px solid rgba(255,255,255,0.1);
	padding:1em 1%;
	width:98%;
	margin:1em 0;
	-webkit-box-shadow: 0px 0px 15px rgba(33,62,83,0.7) inset;
	-moz-box-shadow: 0px 0px 15px rgba(33,62,83,0.7) inset;
	box-shadow: 0px 0px 15px rgba(33,62,83,0.7) inset;	
}
.app-list table {
   width:100%;
}
.app-list table table{
  width:49%;
}
.app-list table table td{
  padding:5px 0;
  text-align:left;
}
.app-list table table:nth-child(2){
  width:2%;
}
.app-list-title {
     text-align: center;
	 margin-bottom:10px;
}
.app-list-title img {
     width:12em;   
} 
.app-list table table a {
    text-decoration:none;
	color:#000000;
}
.app-list table table a:hover {
    text-decoration:underline;
}
.app-list .sinhala-text {
	font-family: "Iskoola Pota", "SinhalaSangamMN", sans-serif;
	font-size: 90%;
}





/* player */
#content {
	position: absolute;
	left: 0;
	top: -300px;
}
.player_cnt {
	background-color: #7f8595;
	background: -webkit-radial-gradient(center bottom, rgba(214, 219, 234, 0.8) 0%, rgba(105, 107, 109, 0) 70%), -webkit-linear-gradient(top, #535763 0%,#7f8595 6%,#848ca4 52%,#9fa8c3 91%,#636a7d 100%);
	background: -o-radial-gradient(center bottom, rgba(214, 219, 234, 0.8) 0%, rgba(105, 107, 109, 0) 70%), -o-linear-gradient(top, #535763 0%,#7f8595 6%,#848ca4 52%,#9fa8c3 91%,#636a7d 100%);
	background: -moz-radial-gradient(center bottom, rgba(214, 219, 234, 0.8) 0%, rgba(105, 107, 109, 0) 70%), -moz-linear-gradient(top, #535763 0%,#7f8595 6%,#848ca4 52%,#9fa8c3 91%,#636a7d 100%);
	background: radial-gradient(at center bottom, rgba(214, 219, 234, 0.8) 0%, rgba(105, 107, 109, 0) 70%), linear-gradient(to top, #535763 0%,#7f8595 6%,#848ca4 52%,#9fa8c3 91%,#636a7d 100%);
}
/* info  */
.img_cnt {
	vertical-align: top;
	width: 30%;
	border: 5px solid transparent;
}
.info_cnt {
	background-color: #354262;
	background: -webkit-radial-gradient(center bottom, rgba(160, 201, 215, 0.8) 0%, rgba(160, 201, 215, 0) 70%), -webkit-linear-gradient(top, black 0%,#282F44 6%,#2C3551 52%,#354262 91%,#050C54 100%);
	background: -o-radial-gradient(center bottom, rgba(160, 201, 215, 0.8) 0%, rgba(160, 201, 215, 0) 70%), -o-linear-gradient(top, black 0%,#282F44 6%,#2C3551 52%,#354262 91%,#050C54 100%);
	background: -moz-radial-gradient(center bottom, rgba(160, 201, 215, 0.8) 0%, rgba(160, 201, 215, 0) 70%), -moz-linear-gradient(top, black 0%,#282F44 6%,#2C3551 52%,#354262 91%,#050C54 100%);
	background: radial-gradient(at center bottom, rgba(160, 201, 215, 0.8) 0%, rgba(160, 201, 215, 0) 70%), linear-gradient(to top, black 0%,#282F44 6%,#2C3551 52%,#354262 91%,#050C54 100%);
	color: #ffffff;
	border: 5px solid transparent;
}
.info_cnt div {
}
.info_cnt div a {
	color: #ffffff;
}
#stream_status {
	margin-left: 5%;
	box-sizing: border-box;
}
#info_name {
	font-size: 180%;
	text-align: center;
}
#info_name {
	position: relative;
	margin: 0;
	color: rgb(255,255,255) ;
/* color:transparent doesn't work in ie */color: rgba(255,255,255,0.5);
	font-weight: bold;
	text-shadow: -1px -1px 0 #eee, 1px 1px 0 black, -1px 0 0 black, 1px 0 0 black, 0 2px 3px rgba(167, 221, 255, 1), 0 -4px 5px rgba(0, 0, 0, 0.5);
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.station_info {
	width: 90%;
	margin: 5px auto;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}
.station_info span:first-child {
	color: #000;
	background-color: #ffffff;
	border-radius: 15px;
	padding: 2px 2%;
}
.station_info span:last-child, .station_info span:last-child a {
	color: #ffffff;
	margin-left: 2%;
	font-family: Tahoma, Geneva, sans-serif;
	box-sizing: border-box;
}
.desc_cnt {
	width: 90%;
	margin: auto;
	border: 1px transparent solid;
/* required aesthetic error fix */text-align: center;
}
.desc_cnt p {
	color: #ffffff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 90%;
	margin-top: 5px;
}
.desc_cnt:hover {
	-webkit-transform: rotateX(360deg); /* Chrome, Safari, Opera */;
	transform: rotateX(360deg);
}
.desc_cnt {
	-webkit-animation: desc_cnt 10s linear 2s infinite alternate;
	animation: desc_cnt 5s linear 2s infinite alternate;
}
@-webkit-keyframes desc_cnt
{
0%  {-webkit-transform: rotateX(0); 
	transform: rotateX(0);}
25% {-webkit-transform: rotateX(0); 
	transform: rotateX(0);}
50% {-webkit-transform: rotateX(180deg); 
	transform: rotateX(180deg);}
75% {-webkit-transform: rotateX(0); 
	transform: rotateX(0);}
100% {-webkit-transform: rotateX(0); 
	transform: rotateX(0);}
}
@keyframes desc_cnt
{
0%  {-webkit-transform: rotateX(0); 
	transform: rotateX(0);}
25% {-webkit-transform: rotateX(0); 
	transform: rotateX(0);}
50% {-webkit-transform: rotateX(180deg); 
	transform: rotateX(180deg);}
75% {-webkit-transform: rotateX(0); 
	transform: rotateX(0);}
100% {-webkit-transform: rotateX(0); 
	transform: rotateX(0);}
}
.desc_cnt:hover {
	animation-play-state: paused;
}
/*  controls  */
.controls_cnt {
	background-color: #9fa8c3;
	background: -webkit-radial-gradient(center bottom, rgba(214, 219, 234, 0.8) 0%, rgba(105, 107, 109, 0) 70%), -webkit-linear-gradient(top, #535763 0%,#7f8595 6%,#848ca4 52%,#9fa8c3 91%,#636a7d 100%);
	background: -o-radial-gradient(center bottom, rgba(214, 219, 234, 0.8) 0%, rgba(105, 107, 109, 0) 70%), -o-linear-gradient(top, #535763 0%,#7f8595 6%,#848ca4 52%,#9fa8c3 91%,#636a7d 100%);
	background: -moz-radial-gradient(center bottom, rgba(214, 219, 234, 0.8) 0%, rgba(105, 107, 109, 0) 70%), -moz-linear-gradient(top, #535763 0%,#7f8595 6%,#848ca4 52%,#9fa8c3 91%,#636a7d 100%);
	background: radial-gradient(at center bottom, rgba(214, 219, 234, 0.8) 0%, rgba(105, 107, 109, 0) 70%), linear-gradient(to top, #535763 0%,#7f8595 6%,#848ca4 52%,#9fa8c3 91%,#636a7d 100%);
}
.controls_wrapper {
	border: 4px #7f8595 solid;
	box-sizing: border-box;
}
#button_list {
	width: 40%;
}
#button_list .btn_cnt {
	width: 10%;
	cursor: pointer;
}
#button_list .spacer {
	width: 3%;
}
#play_button {
	display: none;
}
.btn_cnt {
	padding: 5px;
}
.btn_cnt div {
	border: 1px #888888 solid;
	position: relative;
	padding: 3px;
	border-radius: 8px;
	box-shadow: 2px 2px #777777;
	background-color: #c7d0d5;
	background: -webkit-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5);
	background: -o-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5);
	background: -moz-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5 );
	background: linear-gradient(#c7d0d5 , #e5ecef, #c7d0d5 ); 
}
.btn_cnt div:hover {
	background-color: #FFA500;
	background: -webkit-linear-gradient(#FFA500, #DAA520, #FFA500 );
	background: -o-linear-gradient(#FFA500, #DAA520, #FFA500);
	background: -moz-linear-gradient(#FFA500, #DAA520, #FFA500);
	background: linear-gradient(#FFA500, #DAA520, #FFA500);  
	-ms-transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
}
.btn_cnt span {
	display: none;
	font-size: 80%;
	border: 1px #cccccc solid;
	z-index: 3;
	background-color:#ffffff;
	background: -webkit-linear-gradient(#ffffff, #B0C4DE);
	background: -o-linear-gradient(#ffffff, #B0C4DE);
	background: -moz-linear-gradient(#ffffff, #B0C4DE);
	background: linear-gradient(#ffffff, #B0C4DE); 
	color: #000000;
	opacity: 0.9;
	text-align: center;
	position: absolute;
	top: -35px;
	left: -30px;
	width: 80px;
	padding: 5px;
}
.btn_cnt div:hover span {
	display: block;
}
.spacer-table {
  width:5%;
}
.vol_cnt {
	width: 55%;

}
.vol_cnt .spacer2 {
	width: 1%;
}
.slider_cnt {
	width: 85%;
}

/* info bar */

#infobar {
	position:fixed;
	bottom:0.25em;
	z-index:500;
    width:100%;
	background-color:#000000;
	background-color:rgba(0,0,0,0.8);
	padding:0.75em 0.25em;	
	display:none;
	color:#ffffff;
}
#infobar table {
	width:20em;
  margin:auto;
}
#infobar td:first-child {
	width:20%;
	text-align:center;
}
#infobar td:first-child img {
    padding:2px;
	border: 2px #ffffff solid;
	border-radius:50%;
	width:80%
}
#bar_play_button {
	display:none;
}
#infobar td:last-child p:first-child {
   font-size:120%; 
   padding-bottom:0.25em
} 
#infobar td:last-child p {
   width:95%;
   margin-left:5%;
}

/* min list  */
.min_list td p {
	text-align: center;
	padding: 5px 5%;
	height:1.2em;
	line-height:1.5em;
	overflow:hidden;
	word-break:break-all;
	display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical; 
	width:90%;	
	margin:auto;
}
.min_list table {
	width: 33.3%;
	border-radius: 25px;
	box-sizing: border-box;
	margin-top: 1px;
	background-color: #c7d0d5;
	background: -webkit-radial-gradient(center bottom, #c7d0d5 50%, #e5ecef);
	background: -o-radial-gradient(center bottom, #c7d0d5 50%, #e5ecef);
	background: -moz-radial-gradient(center bottom, #c7d0d5 50%, #e5ecef);
	background: radial-gradient(at center bottom ,#c7d0d5 50%, #e5ecef);
}
.min_list table td {
	border-radius: 25px;
}
.min_list table:hover {
	cursor: pointer;
	-ms-transform: scale(1,1.2);
	-webkit-transform: scale(1,1.2);
	transform: scale(1,1.2);
	box-shadow: 2px 3px 1px #888888;
	background-color: #a8cde7;
	background: -webkit-radial-gradient(center bottom, #a8cde7 50%, #c7dfef);
	background: -o-radial-gradient(center bottom, #a8cde7 50%, #c7dfef);
	background: -moz-radial-gradient(center bottom, #a8cde7 50%, #c7dfef);
	background: radial-gradient(at center bottom ,#a8cde7 50%, #c7dfef);	
}
.min_list table:hover p {
	-ms-transform: scale(1,0.92);
	-webkit-transform: scale(1,0.92);
	transform: scale(1,0.92);
}
/* max list */
.hide_list table {
	width: 100%;
	background-color: #c7d0d5;
	background: -webkit-radial-gradient(center bottom, #c7d0d5 50%, #e5ecef);
	background: -o-radial-gradient(center bottom, #c7d0d5 50%, #e5ecef);
	background: -moz-radial-gradient(center bottom, #c7d0d5 50%, #e5ecef);
	background: radial-gradient(at center bottom ,#c7d0d5 50%, #e5ecef);
}
.hide_list .lstent1 {
	width: 40%;
	padding-left: 2%;
}
.hide_list .lstent2 {
	width: 40%;
}
#hide_cnt {
	display: none;
}
.hide_list table {
	border: 1px #000080 solid;
}
.hide_list table tr td {
	padding: 3px 0;
}
.hide_list .list_heading {
	font-size: 110%;
	color: #555555;
	font-weight: bold;
}
.hide_list table:hover {
	cursor: pointer;
	-ms-transform: scale(1,1.2);
	-webkit-transform: scale(1,1.2);
	transform: scale(1,1.2);
	box-shadow: 2px 3px 1px #888888;
	border: none;
	background-color: #a8cde7;
	background: -webkit-radial-gradient(center bottom, #a8cde7 50%, #c7dfef);
	background: -o-radial-gradient(center bottom, #a8cde7 50%, #c7dfef);
	background: -moz-radial-gradient(center bottom, #a8cde7 50%, #c7dfef);
	background: radial-gradient(at center bottom, #a8cde7 50%, #c7dfef);
}
.hide_list table:hover p {
	-ms-transform: scale(1,0.92);
	-webkit-transform: scale(1,0.92);
	transform: scale(1,0.92);
}

/* alert messages */
#browser_support, #connection_failed  {
	position: absolute;
	top: 0;
	left: 0;
	display: none; 
	z-index: 6;
	text-align: center;
	font-size: 120%;
	cursor: pointer;
	width: 90%;
	margin-left: 5%;
	padding: 1px;
	box-sizing: border-box;
	background-color: #848ca4;
}
#connection_failed {
	z-index: 7;
}
.alert-cnt-inner {
	padding: 10px;
	background: -webkit-linear-gradient(#B0C4DE 2%, #d4dfec 85%, #B0C4DE);
	background: -o-linear-gradient#B0C4DE 2%, #d4dfec 85%, #B0C4DE);
	background: -moz-linear-gradient(#B0C4DE 2%, #d4dfec 85%, #B0C4DE);
	background: linear-gradient(#B0C4DE 2%, #d4dfec 85%, #B0C4DE);
	box-sizing: border-box;
}
.alert-close {
	border: 1px #888888 solid;
	font-size: 100%;
	width: ;
	padding: 3px 2%;
	border-radius: 8px;
	box-shadow: 2px 2px #777777;
	background-color: #c7d0d5;
	background: -webkit-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5);
	background: -o-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5);
	background: -moz-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5);
	background: linear-gradient(#c7d0d5, #e5ecef, #c7d0d5 );
	margin-top: 10px;
	cursor: pointer;
}
.alert-close:hover {
	background-color: #e5ecef;
	background: -webkit-linear-gradient(#e5ecef, #e5ecef, #e5ecef);
	background: -o-linear-gradient(#e5ecef, #e5ecef, #e5ecef);
	background: -moz-linear-gradient(#e5ecef, #e5ecef, #e5ecef);
	background: linear-gradient(#e5ecef, #e5ecef, #e5ecef );
}
#connection_failed img {
	width: 35px;
	background-color: #9fa8c3;
	text-align: center;
	border-radius: 5px;
	margin: 2px;
	vertical-align:middle;
	padding:3px 2%;
}
#mask_cnt {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #ddebf3;
	opacity: 0.8;
	z-index: 5;
	display: none;
}

/* connection status    */

.status-window-mask {
	background-color: #483429;
	background-color: rgba(72,52,41,0.5);  
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:1500;
}
.status-warning-wrapper {
   position:absolute;
}
.status-warning-wrapper div{
     width:70%;
	 margin:auto 15%; 
	 padding:1em 0;
	 background-color:#ffffff;
	 border:1px #cccccc solid;
	z-index:1600;
	text-align:center;
	position:fixed;
	top:10em;
}
.status-warning-wrapper div p:first-child {
	padding:0 0.5em;
	font-size:110%;
}
.status-warning-wrapper div p:last-child {
   margin:1em auto 0.5em auto;
   	background-color: #c7d0d5;
	background: -webkit-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5);
	background: -o-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5);
	background: -moz-linear-gradient(#c7d0d5, #e5ecef, #c7d0d5);
	background: linear-gradient(#c7d0d5 , #e5ecef, #c7d0d5 );  
	color:#000000;
	border-top:2px #E8E8E8 solid;
	border-left:2px #E8E8E8 solid;
	border-bottom:2px #A0A0A0  solid;
	border-right:2px #A0A0A0  solid;
	-webkit-box-shadow: 0px 0px 8px rgba(176,189,198,0.5) inset;
	-moz-box-shadow: 0px 0px 8px rgba(176,189,198,0.5) inset;
	box-shadow: 0px 0px 8px rgba(176,189,198,0.5) inset;
   	cursor:default;
	padding:0.25em 5px;
	min-width:40px;
	text-align:center;
	width:6em;
}
.status-warning-wrapper div p:last-child:hover {
    background-color:#ecf0f2;
	background: -webkit-linear-gradient(#ecf0f2, #ecf0f2, #ecf0f2);
	background: -o-linear-gradient(#ecf0f2, #ecf0f2, #ecf0f2);
	background: -moz-linear-gradient(#ecf0f2, #ecf0f2, #ecf0f2);
	background: linear-gradient(#ecf0f2, #ecf0f2, #ecf0f2); 
	cursor:pointer;
}
/* initial button settings */
#pause_button, #play_button, #bar_play_button, #bar_pause_button {
	display:none;
}

/*  query styles */
@media only screen and (max-width: 1400px) {
body {
	font-size: 16px;
}
#outer_wrapper {
	width: 60%;
}}
@media only screen and (max-width: 1000px) {
#outer_wrapper {
	width: 80%;
}}
@media only screen and (max-width: 800px), (max-width: 900px) and (min-resolution: 115dpi), (max-width: 1025px) and (min-resolution: 128dpi), (max-width: 1150px) and (min-resolution: 146dpi), (max-width: 1300px) and (min-resolution: 165dpi), (max-width: 1500px) and (min-resolution: 185dpi), (min-resolution: 215dpi) {
body {
	font-size: 16px;
}
#outer_wrapper {
	width: 100%;
}
.min_list td p {
   padding:0.5em 5%;
	font-size:120%;
}
.hide_list table tr td {
	padding: 0.5em 0;
}
}
/*  small screen */
@media (max-width: 500px), (max-width: 600px) and (min-resolution: 100dpi), (max-width: 700px) and (min-resolution: 120dpi), (max-width: 850px) and (min-resolution: 140dpi),(max-width: 1000px) and (min-resolution: 170dpi), (max-width: 1200px) and (min-resolution: 200dpi) {
#button_list {
	width: 90%;
}
.vol_cnt {
	width: 100%;
	margin-left: 0;
}
#button_list, .vol_cnt {
	max-width: 300px;
}
.img_cnt {
	vertical-align: top;
	width: 0;
	border: none;
	display: none;
}
.min_list table td, .min_list table {
	border-radius: 5vw;
}
.min_list table {
	width: 100%;
}
.btn_cnt span {
	font-size: 75%;
	left: -40px;
	padding: 3px;
	width: 60px;
}
#infobar table {
	width:inherit;
}
.app-list table table{
  width:100%;
}
.app-list table table:nth-child(2){
  display:none;
}
}
@media only screen and (max-width: 150px) {
#outer_wrapper {
	font-size: 12px;
}
.btn_cnt span {
	top: -25px;
	width: 50px;
	padding: 2px;
}
}