g rect  {	fill: #ffffff;
		stroke:#000000;
		stroke-width:1;
		cursor:pointer;
}

g.highlight rect{
		fill: #eeeecc;
		stroke:#000000;
		stroke-width:2;
}
g.female rect{
		fill: #cdebaf;
}
g.male rect{
		fill: #abcdef;
}
g text.identity{
	fill:#E6E6E6;
	font-size:80%;
	transform: translate(74px,0px); /* move ID to top right */
	-ms-transform: translate(74px,0px); /* IE 9 */
	-webkit-transform: translate(74px,0px); /* Safari and Chrome */
	-o-transform: translate(74px,0px); /* Opera */
	-moz-transform: translate(74px,0px); /* Firefox */
}
g text.name{ 	fill:#111111; }

.noselect{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor:pointer;
}

rect#whiteboard {
	fill: #FFFFFF;
	stroke:#000000;
}

rect#teacher {
	fill: #000000;
}

text#iteach{
	fill:#FFFFFF;
	font-size:150%;
}

text{
	fill:#111111;
}

#dropclass {
	width: 210px;
	border: 3px dashed #ccc;
	margin: 5px;
	padding: 5px;
	color: gray;
	text-align: center;
	line-height: 50px;
}

#droproom {
	width: 210px;
	border: 3px dotted #ccc;
	margin: 5px;
	padding: 5px;
	color: gray;
	text-align: center;
	line-height: 50px;
}

.optbox{ 	border-radius: 5px;
			padding: 20px;
			border: 1px solid #000000;}

.rearrange{ 	border-radius: 5px;
			padding: 2px;
			border: 1px solid #000000;}

.opttop { background-color: #abcdef;}
.optmid { background-color: #dfecba;}
.optbot { 	background-color: #D0D0D0;
			border: 2px solid #000000;}

body {	font-family: Verdana,Arial,sans-serif;}

.button {
		font-size: 1.1em;
		text-align:left;
		width: 210px;
}

.button img{top:10px;}

#page{ width:100%;}

#left{
	position : absolute;
	width: 330px ;
}

#tabs{
	min-height:495px;
}

#laytabs{
	position : absolute;
	left:340px;
	margin-left: auto ;
	margin-right: auto ;
	align: center;
}

div.dimmer
{
	opacity:0.5;
    position:absolute;
    left:0px;
    top:0px;
	background-color: #D0D0D0;
}

div.popup {
    position: absolute;
	left:auto;
	right:auto;
	top:auto;
    padding: 30px;
	border-radius: 5px;
	background-color: #DEDEDE;
	border: 2px solid #000000;
}

div#puRoomOption{}

input.puNum{width:40px;}

h1 { text-align: center }

.chosen{ padding: 5px; text-align:center; font-size: 3em;}
.warning{font-style:oblique;}

#warning{
position: absolute;
	left:137px;
	right:auto;
	top: 20px;
	padding: 10px;
	border-radius: 5px;
	background-color: #FF7575;
	border: 2px solid #000000;
}


@media print{
  #left{ display:none;}
  #laytabs{ width:100%; left:0px;}
}