/*

Darko Bunic
http://www.redips.net/
Mar, 2011.

*/

body{
	font-family: arial;
	margin: 0px; /* for IE6 / IE7 */
}


/* drag container */
#main_container{
	margin: auto;
	width: 730px;
}
		/* container for the left table */
		#main_container #left{
			width: 130px;
			height: 320px;
			float: left;
			margin-right: 20px;
		}
		/* container for the main table and message line below */
		#main_container #right{
			width: 675px;
			padding-left: auto;
			padding-right: 0px;
			/* align div to the right */
			margin-left: auto;
		}


/* drag objects (DIV inside table cells) */
.drag{
	cursor: move;
	margin: auto;
	z-index: 10;
	color: #222;
	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 ?! */
	/* IE needs element layout */
	width: 87px;
	height: 20px;
	line-height: 20px;
	/* border */
	border: 1px solid #555;
	/* round corners */
	border-radius: 3px;
	-moz-border-radius: 3px; /* FF */
}


/* tables */
div#drag table {
	background-color: #eee;
	border-collapse: collapse;
}
		/* timetable */
		div#drag #table2 {
			/* align table to the right */
			margin-left: auto;
		}


/* table cells */
div#drag td{
	border-style: solid;
	border-width: 1px;
	border-color: white;
	height: 32px;
	text-align: center;
	font-size: 10pt;
	padding: 2px;
}
		/* overwrite border settings for left tables */
		/* set all borders to 0px except border-bottom */
		div#drag #table1 td{
			border-width: 0px 0px 1px 0px;
		}
			/* styles for clone DIV elements in left table */
			div#drag #table1 div {
				margin-left: 5px;
				float: left;
			}
			/* define styles for buttons */
			div#drag #table1 input {
				float: right;
				width: 15px;
				height: 23px;
				margin-right: 5px;
				border-width: 1px;
				/* round corners */
				border-radius: 3px;
				/* default visibility is hidden */
				visibility: hidden;
			}


/* subject colors */
.ar {
	background-color: #AAC8E2;
}
.bi {
	background-color: #E7D783;
}
.ch {
	background-color: #E99AE6;
}
.en {
	background-color: #C4AFFF;
}
.et {
	background-color: #91DEC5;
}
.hi {
	background-color: #CFE17F;
}
.it {
	background-color: #E7BD83;
}
.ma {
	background-color: #FFC5C2;
}
.ph {
	background-color: #A5F09D;
}


/* blank cells (upper left corner) */
.blank {
	background-color: white;
}


/* background color for lunch */
.lunch {
	color: #665;
	background-color: #f8eeee;
}


/* trash cell */
.trash {
	color: white;
	background-color: #6386BD;
}


/* message line */
#message{
	color: white;
	background-color: #aaa;
	text-align: center;
	margin-top: 10px;
}


/* dark cells (first column and table header) */
.dark{
	color: #444;
	background-color: #e0e0e0;
}

.button_container{
	padding-top: 10px;
	text-align: right;
}

		/* "Save" button */
		.button_container input{
			background-color: #6A93D4;
			color: white; 
			border-width: 1px;
			width: 40px;
			padding: 0px;
		}