html{
	background: #000 url("../img/bg.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* width: 100vw;
  height: 100vh; */
}
a{
	text-decoration: none;
	color: #fff;
}
a:hover{
	text-decoration: underline;
}
body{	
	line-height: 1;
	font-family: 'Viga', sans-serif;
}
.navbar-brand img{
	height: 40px;
}
table.form{
	width: 100%;
}
table.form .form-control{
	margin-bottom: 4px;
}

#SidebarLeft{
	max-width: 100px !important;
}

ul{
	padding: 0;
}

ul li {
	list-style: none outside none;
}

.pagination li{
	display: inline-block;
	padding: 5px;
}

.menu th{
	background : url('../img/navtab2.gif') repeat scroll 0 0 rgba(0,0,0,0);
}

.menu th.current{
	background : url('../img/navtab1.gif') repeat scroll 0 0 rgba(0,0,0,0);
}

.topmenu th.current{
	background : url('../img/yes.gif') repeat scroll 0 0 rgba(0,0,0,0);
}

#breadcrumb{
	display: none;
}

.pagination li {
	display: none;
}

.pagination li a{
	color: #fff;
	text-transform: uppercase;
}

.pagination li:first-child a:after {
	content: "Preview";
	color: #009B00;
}

.pagination li:last-child a:after{
	content: "Next";
	color: #D50000;
}


.pagination li:first-child, .pagination li:last-child{
	display: inline-block;
}

.pagination li:first-child a, .pagination li:last-child a{
	text-indent: -999;
}

.pagination li.disabled:first-child, .pagination li.disabled:last-child, .pagination li.disabled{
	visibility: hidden;
}

.thead{
  /* border-bottom: 2px solid #ccc; */
  color: #ffffff;
  font-size: 20px;
  padding-bottom: 10px;
  padding-top: 25px;
}

.tbody tr td {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  padding-top: 20px;
}

.thead td {
  padding: 5px;
}

.thistory  th {
	background: red; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, #007C7E , #78B3BB); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #007C7E , #78B3BB); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #007C7E , #78B3BB); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #007C7E , #78B3BB); /* Standard syntax (must be last) */
	border-radius: 0px 5px 0px 0px;
	color: #32412d;
	font-size: 20px;
	padding: 7px;
	font-weight: normal;
	
}

.remaining {
	background: #d8d8d8 url("../img/banner2.jpg") no-repeat scroll 0 -20px / cover ;
	padding: 15px;
}
.lsum .pools{
	
background: #f8b018;
	
font-size: 30px;
	
/* border-radius: 0px; */
	
width: 30px;
	
height: 30px;
	
box-shadow: none;
}
.pools {
 color: #022D07;
 display: inline-block;
 font-family: 'Fredoka One', cursive;
 font-size: 35px;
 padding: 5px;
 text-align: center;
 width: 36px;
 height: 36px;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7ce00+1,eae121+28,eae121+69,f7ce00+100 */
 background: rgb(247,206,0); /* Old browsers */
 background: -moz-linear-gradient(left,  rgb(247,206,0) 1%, rgb(234,225,33) 28%, rgb(234,225,33) 69%, rgb(247,206,0) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(left,  rgb(247,206,0) 1%,rgb(234,225,33) 28%,rgb(234,225,33) 69%,rgb(247,206,0) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to right,  rgb(247,206,0) 1%,rgb(234,225,33) 28%,rgb(234,225,33) 69%,rgb(247,206,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ce00', endColorstr='#f7ce00',GradientType=1 ); /* IE6-9 */
 border-radius: 50%;
 box-shadow: -3px 2px 5px #012001;
}

.livetime .pools{
	color: #FFF;
	padding: 0px;
	text-align: center;
	text-shadow: 4px 2px 2px rgb(31, 41, 30);
	font-size: 62px;
	background: url("../img/sauga-pools-logo.png") no-repeat;
	font-family: 'Fredoka One', cursive;
	background-size:100% 100%;
	margin-right: 10px;
	margin-left: 9px;
	line-height: 1.1;
	width: 70px;
	height: 70px;
	box-shadow: none;
}

.tbody {
	/*padding-top: 10px;*/
	padding-bottom: 10px;
}
.tbody tr:last-child td {
	border-bottom:none;
}
.date {
	text-align: center;
}

.livetime .date {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c631cb+1,d7618b+28,e98b4a+69,febe04+100 */
background: rgb(198,49,203); /* Old browsers */
background: -moz-linear-gradient(left,  rgb(198,49,203) 1%, rgb(215,97,139) 28%, rgb(233,139,74) 69%, rgb(26,39,110) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgb(198,49,203) 1%,rgb(215,97,139) 28%,rgb(233,139,74) 69%,rgb(26,39,110) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgb(198,49,203) 1%,rgb(215,97,139) 28%,rgb(233,139,74) 69%,rgb(26,39,110) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c631cb', endColorstr='#febe04',GradientType=1 ); /* IE6-9 */



	color: #000000;
	font-size: 21px;
	/* position: absolute; */
	left: 196px;
	padding: 10px 0px;
	border-radius: 50px;
	top: -195px;
	float: right;
	width: 100%;
}
.datepool{
	width: 555px;
	float: right;
	background: rgba(5, 20, 53, 0.44);
	margin-top: 30px;
}
.date p {
  color: #eae121;
  font-size: 20px;
  margin: 0;
  /*! padding-top: 8px; */
  position: relative;
  top: -3px;
}
.livetime .date p {
	display:inline-block;
	color: #000;
}

.remaintime {
	/* margin: 0 0 85px 485px; */
	position: relative;
	background: rgba(211, 150, 175, 0);
	color: #b8ec06;
	font-size: 30px;
	text-align: center;
	width: 245px;
	padding: 10px;
	float: right;
	/* border-radius: 20px 20px 0 0; */
	margin-top: 40px;
}

.remaintime > p {
  color: #fff;
  /* font-family: "Pacifico",cursive; */
  font-size: 20px;
  margin: 0 0 5px 0;
}

.remaining .date p {
  font-size: 30px;
}

.remaining .pools {
  font-size: 70px;
  padding: 15px 15px;
  width: 70px;
  height: 70px;
}

.remaintime span {
  color: #bcf202;
  display: inline-block;
  font-size: 30px;
  padding: 5px 0;
  width: 75px;
}

.thistory > tbody {
  background: #b9c5d3 none repeat scroll 0 0;
}

.thistory form {
  padding: 15px 10px;
  text-align: right;
  color: #007c7e;
}

.thistory form input{
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
}

.ui{background: rgb(181, 231, 9) none repeat scroll 0 0;border: medium none;color: #000;cursor: pointer;font-size: 14px;padding: 11px;border-radius:50px;}

.ui:hover{
	background: #FF7800;
}

.thistory .thead{
	display: none;
}

.thistory .tbody{
	background: none;
}

.thistory .tbody .date{
	padding: 3.7px 10px;
}

.thistory .tbody .date p{
	font-size: 15px;
}

.thistory .tbody .pools {
	font-size: 20px;
	padding: 5px 5px;
	width: 20px;
	height: 20px;
}

.pagination span {
  background: #eae121 none repeat scroll 0 0;
  font-weight: normal;
  padding: 5px;
  box-shadow: 1px 0px 5px;
}

.pagination {
  float: right;
  margin-right: 5px;
  margin-top: 15px;
}

a.ui{
	text-decoration: none;
	padding: 15px 28px;
}
a.ui:hover{
	background: #6d8003;
}
.remaining .date{
	width: 60%;
}

.chengdu_content {
  margin-top: 20px;
  background: rgba(0, 0, 0, 0.69);
  border-radius: 15px;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-right: 12px;
}

.banner{
	border-radius: 15px;
}

.date img {
  display: inline-block;
  width: 23px;
}

.livetime .date img {
  display: inline-block;
  width: 40px;
}

.chengdu_content h2 {
  text-align: center;
  color: #945023;
}

.livetime {
  /* background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
	border-radius: 14px 14px 0 0;
	margin-bottom: 25px;
	margin-top: 55px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 50px; */
  /* margin-top: 25px; */
  text-align: right;
  background-repeat: no-repeat;
  border-radius: 30px;
  background-size: 100% auto;
  /* padding: 35px; */
}

label{
	color: #fff;
	/* font-family: "Pacifico",cursive; */
	font-size: 20px;
	text-align: center;
}

input[type="text"]{
	width: 130px;
}

input[type="text"], input[type="email"], input[type="tel"], textarea {
  background: #10184a;
  border: 2px solid #fcc1b1;
  border-right: none;
  border-radius: 8px 0 0 8px;
  box-shadow: none;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  /* margin: 15px 0 0 0; */
  padding: 9px 23px 6px 23px;
  resize: none;
  margin-right: -5px;
  font-family: 'Viga', sans-serif;
  width: 165px;
}

.ground {
	position: relative;
	padding-bottom: 20px;
	text-align: center;
} 

.date > span {
  /* font-family: "Pacifico",cursive; */
  font-size: 20px;
}

.left {
  /* text-align: right; */
  /* float: left; */
  /* padding-right: 10px; */
  /* width: 580px; */
  /* display: inline; */
}

.right {
  /* border-left: 1px solid #6d8003; 
  display: inline-block;*/
  /* float: left; */
  padding-left: 15px;
  /* width: 630px; */
}

form {
  background: rgba(23, 33, 84, 0.71);
  padding: 10px 40px 10px 0;
  /* text-align: left; */
  /* display: inline-block; */
  /* width: auto; */
  /* border-radius: 15px 15px 0 0; */
}

h2.title {
	color: #fff;
	font-weight: normal;
	text-align: center;
	margin: 0px;
	padding: 20px;
	background: #823cb0;
	border-radius: 15px 15px 0px 0px;
}

.contentpanel .thead, .contentpanel .tbody{
	background: rgba(0, 0, 0, 0.69);
	color: #ffffff;
}
.contentpanel .thead{
	background: #823cb0;
	border-radius: 15px 15px 0 0;
	padding-top: 15px;
	padding-bottom: 15px;
	}
.contentpanel .tbody{
	border-radius: 0 0 15px 15px;
	}

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {	
  15% { opacity: 1; }
  50% { opacity: 0; }
  85% { opacity: 1; }
}
.livedrawer .openlive, .livedrawer .tlive{
	display: none;
}

span.tremain {
    font-size: 25px;
    display: inline;
    color: #6d3c1a;
}
.tlive {
    margin-left: 495px;
    top: 195px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7800+0,febe04+31,febe04+69,ff7800+100 */
    background: rgb(4,29,155); /* Old browsers */
    background: -moz-linear-gradient(left,  rgb(4,29,155) 0%, rgb(26,39,110) 31%, rgb(26,39,110) 69%, rgb(4,29,155) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgb(4,29,155) 0%,rgb(26,39,110) 31%,rgb(26,39,110) 69%,rgb(4,29,155) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgb(4,29,155) 0%,rgb(26,39,110) 31%,rgb(26,39,110) 69%,rgb(4,29,155) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7800', endColorstr='#ff7800',GradientType=1 ); /* IE6-9 */
    padding: 12px 80px;
    border: 2px solid #ffe910;
    color: #ffe910;
    /* border-radius: 50px; */
	display:inline-block;
	margin-top: 40px;
	margin-right: 130px;
}
.tlive .flive{color: #ffe910;font-size: 19px;text-decoration: none;font-weight: normal;}

.mld_mainContent .thead{
	}
	
	.contentpanel {
    /* display: inline-block; */
    /* text-align: right; */
    /* width: 498px; */
    /* position: relative; */
    /* float: right; */
    margin-top: 100px;
    text-align: right;
}
.lcat{
	font-size: 20px;
	color: #0eff00;
	text-transform: uppercase;
}
.isearch{
	width: 20px;
	height: 18px;
}
.bsearch{
	background: #10184a;
	padding: 9px 8px 9px 5px;
	/* text-align: center; */
	border-radius: 0 8px 8px 0px;
	/* position: relative; */
	border: 2px solid #fcc1b1;
	border-left: none;
}
.ndate{margin-right: 120px !important;color: #fff !important;}

.livedrawer .datepool{
	margin-top:50px;
}
.livedrawer .remaintime{
	margin-top:0px;
}

.Morning{
	background: url('../img/sun.png') no-repeat scroll 30px top / 20px;
}

.Morning, .Morning a{
	color: #fbac13;
}

.Day{
	background: url('../img/date.png') no-repeat scroll 50px top / 20px;
}

.Day, .Day a{
	color: #42c0fb;
}

.Evening{
	background: url('../img/evening.png') no-repeat scroll 30px top / 20px;
}

.Evening, .Evening a{
	color: #fb9742;
}

.Night{
	background: url('../img/night.png') no-repeat scroll 40px top / 20px;
}

.Night, .Night a{
	color: #fb4242;
}

.Midnight{
	background: url('../img/midnight.png') no-repeat scroll 20px top / 20px;
}

.Midnight, .Midnight a{
	color: #7442fb;
}

.header-text-title{
	text-align: center;
	color: #fff;
	font-size: 30px;
	margin-bottom: 15px;
}

.ftname{
	color: #fff
}