body 
{
  font-size: 16px;
}
#site
{
	width: 900px;
	background-color: white;
}

table#paneTable
{
	border-width: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table#paneTable td
{
	border-width: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
}


td#leftPane
{
	width: 140px;
	vertical-align: baseline;
}

table#paneTable td.super
{
	background-color: orange;
}

table#paneTable td.manager
{
	background-color: #9999FF;
}

table#paneTable td.user
{
	background-color: #bbbbff;
}

#leftPane #mainMenu
{
	margin-top: 100px;
}

#mainMenu #item
{
	margin-bottom: 1em;
	margin-left: 0.5em;
	border-color: #eeeeee;
	border-style: dotted;
	border-width: 0 0 1px 0;
}

/*#mainMenu .current
{
	background-color: #eeeeee;
	border-color: #555555;
	border-style: solid;
	border-width: 1px 0 1px 1px;
}*/

#mainMenu a
{
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

#mainMenu a:visited, #mainMenu a:link
{
	color: #0033cc;
	text-decoration: none;
}

#mainMenu a:hover
{
	/*font-style: italic;*/
	color: #6633dd;
	/*background-color: #eeeeee;*/
}

td#centralPane
{
	width: 760px;
	vertical-align: top;
	background-color: #eeeeee;
}

#header
{
	width: 760px;
	margin: 0;
}

#topHeader
{
	color: white;
	background-color: #006699;
	padding-left: 10px;
}


#bottomHeader
{
	text-align: right;
	color: white;
	background-color: #aaaaaa;
	padding-right: 10px;
}

#bottomHeader a:link
{
	color: #330099;
}

#bottomHeader a:visited
{
	color: #330099;
}

#bottomHeader a:hover
{
	color: #aa00dd;
}

#content
{
	padding: 10px;
	background-color: #eeeeee;
	margin: 0;
  width: 760px;
}

/* bug IE */
#centralPane>#content
{
	width: 740px;
}

#footer
{
	width: 900px;
	text-align: right;
	color: white;
	background-color: #aaaaaa;
	clear: both;
}

.lightBackground {
  background-color: #FFFFFF;
}
.divBox {
  overflow:auto;
  max-height: 400px;
}
/***********************
 * sortable table
 ***********************/

.sortableTable
{
	float: left;
}

.buttonsSortableTable
{
	margin: 15px;
	float: left;
}

.buttonsSortableTable input
{
	margin: 2px;
}

/* If using sortableTableContainer, the clear does not work with IE
.sortableTableContainer:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
*/
.clear
{
	clear: both;
}

.sortableTable table
{
	border-collapse: collapse;
}

.sortableTable input
{
	margin: 2px;
	margin-left: 12px;
}

.sortableTable tr
{
	cursor: pointer;
}

.sortableTable td
{
	padding: 12px;
}

.sortableTable table tr.selected 
{
	background-color: #aaaaaa;
}