/*

Darko Bunic
http://www.redips.net/
Jan, 2010.

*/



body{
	
font-family: arial;

}



/* drag container*/


#drag{
	margin: auto;

}

/* drag objects (DIV inside table cells) */

.drag{
	position: relative;
	
cursor: hand;
	
margin: auto;
	
z-index: 10;
	
background-color: white;
	
text-align: center;
	
font-size: 10pt; 
/* needed for cloned object */
	
opacity: 0.7;
	
filter: alpha(opacity=70);
	
/* without width, IE6/7 will not apply filter/opacity to the element ?! */
	
width: 100px;
}

/* tables */

div#drag 
table{
	background-color: white;
	
}

/* table cells */

div#drag 
td{
	height: 22px;
	text-align: center;
	font-size: 10pt;
	spacing: 3px;
}

/* green objects */

.green {
	border: 0px solid #499B33;
}


/* orange objects */

.orange {
	border: 1px solid #BF6A30;
}

/* blank cells (to create gap between left column and message row) */
.blank {
	background-color: white;
}

/* green cell */
.green_cell{
	background-color: #AFD0A7;
}

/* orange cell */
.orange_cell{
	background-color: #DDC5B5;
}

/* message line */
#message{
	color: black; 
font-weight:bold; background-color: white
}

/* left column and corners in main table */
.dark{
	background-color: #e0e0e0;
}

/* append here cloned object before placing to the target table cell */
#obj_new{
	height: 18px;
	width: 10px;
}