body{
 margin: 0px;
}
.free {
	background:#CCFF99;
}
.busy {
	background: #FF4D4D;
}
.pause {
	background: #ff7f50;
}
.notregistered {
	background: #9B9B9B;
	opacity: .50;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
}
.dnd {
	background: #FFD700;
}
.notregistered {
	background: #A9A9A9;
	/*opacity: .50;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;*/
}
.boxNew {
  width: auto;
  margin-bottom: 10px;
  display: block;
  float: left;
  width: 50%;
}
.imgNew {
  height: 40px;
  width: 40px;
  background-color: transparent;
  float: left;
}

.labelnameNew {
  /* position: absolute; */
  height: 45px;
  font-size: 14px;
  line-height: 20px;
  width: 60%;
  float: left;
}

.extenbutton {
	width:12em;
	height:3em;
	font-size:85%;
	color:#fff;
	float:left;
	border:2px solid #AAA;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:2px 2px 3px #999;
	-webkit-box-shadow:2px 2px 3px #999;
	box-shadow:2px 2px 3px #999;
	margin:3px;
	padding:2px;
}
.presenceNormal {
	background: url(sprites02.png);
	background-position: 0 -25px;
	background-repeat: no-repeat;
	width: 45px;
	height: 30px;
	margin-right: 2px;
	float: left;
}
.presenceDnd {
        background: url(sprites02.png);
        background-position: 0 -50px;
        background-repeat: no-repeat;
        width: 45px;
        height: 30px;
        margin-right: 2px;
        float: left;
}
.presenceBusy {
	background: url(sprites02.png);
	background-position: 0 0;
	width: 45px;
	height: 30px;
	margin-right: 2px;
	float: left;
}
.presenceNo {
        background: url(sprites02.png);
        background-position: 0 0;
        width: 45px;
        height: 30px;
        margin-right: 2px;
        float: left;
}
.labelname {
	color: #000;
	height: 1.6em;
	float: left;
	//width: 65%;
}
.selected {
	border: 2px solid #808080;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px #09f;
	-webkit-box-shadow: 2px 2px 3px #09f;
	box-shadow: 2px 2px 3px #09f;
}
.copyright {
        clear:both
}

.imgNew img{
	  width:40px;
	  height:40px;
	}

/* #### Tablets Portrait or Landscape #### */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.imgNew img, .imgNew {
	  width:45px;
	  height:30px;
	}
	.labelnameNew{
	  font-size:10px;
	  line-height:12px;
	}
	
}