body, html{
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
font-family: Tahoma;
}
a{
text-decoration: none;
}
#input{
width: 190px;
position: fixed;
height: 100%;
background-color: #cdf;
left: 0px;
top: 0px;
}
#output{
margin-left: 195px;
height: 100%;
}
#offline, #notExist, #online{
}
.id{
width: 375px;
height: 96px;
padding: 8px;
margin: 8px;
border: 1px silver solid;
float: left;
vertical-align: top;
}
.id.old{
border: 1px solid #5b5;
background-color: #def;
}
.id.sel{
background-color: #def;
}
.id > img{
float: left;
margin-right: 8px;
width: 96px;
height: 96px;
font-size: 14px;
word-wrap: break-word;
overflow: hidden;
line-height: 96px;
vertical-align: middle;
color: #abc;
text-align: center;
background-color: #eef0ff;
}
.notExist > img{
background-color: #FDD;
text-align: center;
vertical-align: middle;
line-height: 96px;
color: #FAA;
font-style: italic;
letter-spacing: 1px;
font-size: 12px;
font-weight: bold;
}
.on, .of, .er, .idlst{
font-size: 22px;
font-family: Tahoma;
letter-spacing: 1px;
font-weight: normal;
overflow: hidden;
}
.idlst{
border: none;
}
.on, .on a{
color: #4C4;
}
.idlst, .idlst a,
.of, .of a{
color: #AAA;
}
.er, .er a{
color: #FCC;
}
.num{
font-size: 12px;
color: #CCC;
border-right: 1px solid #adf;
float: left;
height: 96px;
line-height: 96px;
vertical-align: middle;
margin: 0 8px 0 0;
width: 30px;
}
.online{
}
.offline{
}
#status{
position: absolute;
bottom: 0px;
height: 80px;
left: 10px;
right: 10px;
}
.status{
background-color: #0066FF;
color: #fff;
padding: 5px;
font-size: 11px;
height: 14px;
margin: 5px 0px;
}
#control span{
width: 40px;
border: 1px solid #3399FF;
display: inline-block;
margin: 6px -4px auto 9px;
text-align: center;
height: 12px;
line-height: 10px;
cursor: pointer;
font-size: 10px;
}
#listid{
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 60px;
}
#listid textarea{
width: 100%;
height: 90%;
border: 1px #0066FF solid;
resize: none;
}
#counter{
width: 100%;
margin: 0px 0px 2px;
padding: 0px;
position: relative;
top: -1px;
text-align: center;
font-size: 10px;
height: 14px;
letter-spacing: 6px;
}
#control{
background-color: #0066FF;
color: #fff;
padding: 0px;
width: 100%;
font-size: 13px;
height: 26px;
}
button{
font-size: 12px;
padding: 0px 8px;
margin: 0px 5px;
border: 1px #0066FF solid;
height: 24px;
font-family:Tahoma;
color: #0066FF;
cursor: pointer;
}
.list{
margin: 2px;
padding: 6px 0px 6px 6px;
font-family: Tahoma;
font-size: 12px;
color: #444;
width: 190px;
float: left;
border: 1px #ddd solid;
overflow: hidden;
height: 16px;
}
.number{
font-size: 8px;
color: #CCC;
border-right: 1px solid #adf;
float: left;
margin: 0 6px 0 0;
width: 30px;
height: 100%;
line-height: 16px;
vertical-align: middle;
letter-spacing: 1px;
}
.profile{
float: left;
width: 150px;
}
label{
font-size: 12px;
}
.restitle{
width: 44px;
display: inline-block;
}
.resnum{
width: 36px;
display: inline-block;
text-align: center;
}
#resultcounter{
height: 28px;
}
.setState{
font-size: 12px;
color: #abc;
letter-spacing: 1px;
}
#actions{
clear: both;
border: 1px #8ac solid;
margin: 8px 8px;
padding: 8px;
}
#actions span, #actions a, #actions input[type=submit]{
font-size: 14px;
background-color: #cdf;
padding: 4px 8px;
cursor: pointer;
display: inline-block;
width: 120px;
height: 48px;
overflow: hidden;
line-height: 48px;
vertical-align: middle;
text-align: center;
margin: 4px;
border: none;
}
#actions input[type=submit]{
padding: 0px;
height: 56px;
width: 136px;
}
#actions .hidden, .hidden{
display: none;
}
#counting{
clear: both;
border: 1px #8ac solid;
margin: 8px 8px;
padding: 8px;
letter-spacing: 1px;
font-size: 14px;
color: #789;
}
#counting dl{
margin: 0px;
padding: 0px;
}
#counting dt, #counting dd{
display: inline-block;
margin: 0px;
padding: 0px;
}
#counting dt{
font-weight: bold;
}
#counting dd{
margin: 0px 32px 0px 12px
}