@charset "utf-8";

/* GROUPING MAIN STYLES */

tr.show {
	background: #EEE;
}
tr.hide {
	background: #EEE;
	display: none;
}

#assignments {
	display:          table;
	background-color: #FFF;
	border-radius:    15px;
	width:            700px;
	min-height:       405px;
	border:           1px solid #000;
	padding:          15px;
	margin:           auto;
}
.top-container {
	display:    table;
	width:      100%;
}
.save-button_container {
	display:       none;
	float:         right;
	width:         45%;
	margin-bottom: 5px;
}
.alert-message {
	display: table;
	width:   100%;
	padding: 0px 5px 0px 5px;
}

/* GROUPING/SORTING LISTS */

.is_in, .not_in {
	border:       1px solid #999;
	display:      block;
	min-height:   405px;
	width:        338px;
	padding:      0px;
	margin-left:  5px;
	margin-right: 5px;
	float:        left;
}
.group_title {
	width:       100%;
	text-align:  left;
	margin:      1px 0px 1px 5px;
	font-weight: bold;
	font-size:   12px;
}

.item_list {
	list-style: none;
	padding:    0px;
	margin:     1px;
	text-align: left;
	height:     405px;
	overflow:   auto;
}
.item_list li {
	display:    table;
	text-align: left;
	font-size:  11px;
	width:      300px;
	height:     18px;
	padding:    7px;
	margin:     1px 0px 1px 0px;
}

#out_list li {
	color:      #FFF;
	background: url("/images/red_bar_header.png") center repeat-x;
	border:     1px solid #666;
}
#in_list li {
	color:      #FFF;
	background: url("/images/green_bar_header.png") center repeat-x;
	border:     1px solid #666;
}