A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	COLOR: #000000
}
input{
display: inline-block; 
border-radius:5px;
}
button{
	border-radius:10px;
}

/* Seperate the screen to three columns*/

.one-third, .two-thirds,.three-thirds {
  /*background-color: #f8584a;*/
  border: 12px solid #fff;
  float: left;
  display:inline
 /* padding: 10px;*/
  margin: 10px;
 /* color: #fff;*/
  overflow: show;}

.one-third {width: 35%;}
.two-thirds {width: 60%;}
.three-thirds {width: 70%;}
.one-third fieldset {border: none; margin: 0.5em;}
.two-thirds fieldset {border: none; margin: 2.5em;}

.container .one-third, .container .two-thirds {height: 35em;}
.login .one-third, .login .two-thirds { height: 20em;}
.format1{
	width:100%;
	border-left:0px;
	border-top:0px;
	border-right:0px;
	border-bottom:0px;
	background-color:#DEEBEF;
	font-size:10px;color:green;
	font-weight:bold;
	}
BODY {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#DEEBEF;
}
BODY,TD,TH {
	font-size: 1em;
	color:#000000;
}
#login #login {

	background-image: url(../images/bg_03.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 53px;
	width: 117px;
	BORDER-BOTTOM: #52798C 0px solid; 
	BORDER-LEFT: #52798C 0px solid;
	BORDER-RIGHT: #52798C 0px solid;
	BORDER-TOP: #52798C 0px solid;
	color:#52798C;
}

#add {
	height: 18px;
	width: 35px;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
}
.tmpa:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.tmpa:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.tmpa:active {
	COLOR: #000000; TEXT-DECORATION: none
}
.tmpa:hover {
	COLOR: #000000
}
#reset {
	height: 18px;
	width: 35px;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
}
#r_add #s_del {
	height: 18px;
	width: 35px;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	text-align: center;
	vertical-align: middle;
}



#login #lg {
	font-size: 1em;
	color: #000000;
}
#list {
	text-indent: 45px;
	font-family: "ËÎÌå";
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	vertical-align: bottom;
}
.big_td {
	border: 1px solid #9CBED6;
	margin-top: 15px;
}


/* Small screen:mobile */
@media only screen and (max-width: 500px) {
  body {
      background-color: #403c3b;
  }
  #page {
    max-width: 480px;
  }
  #page2 {
    max-width: 480px;
  }
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
  #page {
    max-width: 760px;
    margin: 20px auto 20px auto;
  }
  #page2 {
    max-width: 760px;
    margin: 20px auto 20px auto;
  }  
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #page {
    max-width: 950px;
    margin: 20px auto 20px auto;
  }
  #page2 {
    max-width: 950px;
    margin: 20px auto 20px auto;
  }
}
/* Larger screens act like a demo for the app */
@media only screen and (min-width: 960px) {
  #page {
    max-width: 950px;
    margin: 20px auto 20px auto;
  }
  #page2 {
    max-width: 950px;
    margin: 20px auto 20px auto;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
  h1{
    background-image: url(../images/2xkinglogo.png);
    background-size: 72px 72px;
  }
}