.entry {
	   width: 140px;
		  height: 140px;
		  display: inline-block;
		  border-style: ridge;
	  	border-radius: 10px;
		  border-width: 2px;
		  text-align: center;
    line-height: 140px;
				cursor: pointer;
				margin-top: 3px;
    color: rgb(55, 55, 65);
}

.entry:hover {
    background-color: #eee;
}

.group {
				vertical-align: top;
    padding: 5px;
				border-radius: 5px 5px 5px 5px;
				border: 1px solid #1f1f1f;
				margin: 5px 0px;
}

.group P {
    margin: 2px 0;
}

INPUT[type="text"], INPUT[type="tel"], INPUT[type="email"], INPUT[type="password"] {
    padding: 2px 5px;
    border: 1px solid rgb(169, 169, 169);
    margin: 2px 0px;
}

INPUT[type="hidden"]{
    margin: 0;
}

INPUT[type="date"]{
    width: 131px;
				height: 19px;
				border: 1px solid rgb(169, 169, 169);
    padding-left: 1px;
				margin: 2px 0px;
}

TEXTAREA {
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px/16px;
    padding: 5px;
}

SELECT {
    border: 1px solid rgb(169, 169, 169);
    padding: 1px 5px;
}

.header {
    display:inline-block; 
				height: 40px; 
    width:25px;
				line-height:40px; 
				vertical-align:top;
				cursor: pointer;
}

.tb1 DIV {
    margin:0;
    vertical-align:top;
    display: inline-block;
    border-left: 1px solid black;
				height: 100%;
				width: 27px;
}

.tb2 DIV {
    margin:0;
    vertical-align:top;
    display: inline-block;
				border-left: 1px solid black;
				height: 100%;
				width: 6px;
}

.tb3 DIV {
    font-family: Arial, sans-serif;
    font-size: 11px;
    vertical-align:top;
    margin:0;
    display: inline-block;
    width: 28px;
}

.resize {
    position: absolute;
				width: 7px;
				right:-4px;
				top:0px;
				bottom:0px;
				cursor: e-resize;
				z-index:1000;
}

.vresize {
    position: absolute;
				height:5px;
				bottom:-3px;
				left:0px;
				right:0px;
				cursor: n-resize;
				z-index:1000;
}

.sort {
    margin: 5px;
    overflow: hidden;
    cursor: pointer;
    text-align:center;
}

.list {
	   table-layout: fixed;
				width:10px;
    cursor: default;
}

.list TD {
    white-space: nowrap;
				padding: 1px 8px;
}

.list TD DIV {
	   overflow: hidden;
}

.list TH {
    white-space: nowrap;
    height: 20px;
    background-repeat: no-repeat;
}

.list TH > DIV {
    position: relative;
}

.stud-list-row {
	   background-color: rgb(255, 255, 255);
    height: 22px;
}

.stud-list-row:hover {
	   background-color: rgb(244, 244, 244);	
}

.stud-list-row-hl {
	   background-color: rgb(211, 211, 211);
    height: 22px;
}

#group-info {
    padding:4px 5px; 
    background-color:#ffe5ff; 
    display:none;
    border:1px solid #000;
    font-size:9pt;
    font-family:monospace;
    position:absolute;
    min-width: 200px;
    max-width: 300px;
    word-wrap: break-word;
    z-index: 300;
}

#group-info P {
    margin:0px;
    padding-bottom:3px;  
}

.top-group, .top-wlist {
    background-color:#d0feab;
}

.all-group {
    background-color:#fdd7d9;
}

.calendar TD {
    text-align:center;
    border-style:solid;
    border-width:1px;
    border-color:#d3d3d3;
}

.calendar TD:hover {
    border-color:black;
    border-style:dotted;
}

.mode {
    margin: 5px;
    display: inline-block; 
    height: 20px;
}

.action {
    margin: 4px 0px;
}

#data {
    position:relative;
    border: 1px solid black;
}

.header-container {
    position:absolute; 
    z-index: 2;
    top: 0px; 
    left: 0px; 
    right: 17px; 
    background-color: #ffbfbf;
    overflow: hidden;
    border-bottom: 1px solid black; 
    border-right: 1px solid black; 
}

.table-container {
    position: absolute; 
    z-index: 1; 
    top: 0px; 
    bottom: 0px; 
    width: 100%;
    background-color:#fff; 
    overflow: scroll;
}

#stud-list-header {
    margin-left:-1px;
    border-collapse: collapse;
}
 
#stud-list-header TH {
    border-right: 1px solid black;    
    border-left: 1px solid black;    
}

#stud-list {
    display: none; 
    margin-left:-1px; 
    border-collapse: collapse; 
    margin-top:30px;
}

#std-list {
    display: none; 
    border-collapse: collapse; 
    margin-top:5px;
    background-color: #ffffff;
}

#stud-list TD, #std-list TD {
    border: 1px solid black;    
}

.left {
 margin-right: 5px;
  float: left;
}

.right {
  margin-left: 5px;
  float: right;
}

.recipient {
		  height: 24px;
		  display: inline-block;
		  border-style: solid;
	  	border-radius: 5px;
		  border-width: 1px;
		  text-align: center;
    line-height: 24px;
				cursor: pointer;
				margin-top: 3px;
    background-color: #c4c4c4;
    font-family: Arial;
    font-size: 14px;
    color: rgb(55, 55, 65);
}

#loading {
  z-index: 5;
  display:none;
  position: absolute;
  transform-origin: center center;
  width:64px;
  height:64px;
  left: 50%;
  top: 50%;
  margin-left: -32px;
  margin-top: -32px;
  background-image: url('../pictures/loading-icon-57600.png');
}