/*
 * global page layout
 */
#container
{
	margin: 0 auto;
	width: 100%;
	background: #fff;
}

#header
{
	background: #ccc;
	padding: 0.9em;
}

#header h1
{
	margin: 0;
}

/* navigation bar */
#navigation
{
	float: left;
	width: 100%;
	background: #333;
	color: #fff;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation li
{
	display: block;
	float: left; 
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#navigation li a
{
	display: block;
	padding: 5px 10px;
	margin: 0;
	color: #fff;
	background: #333;
	text-decoration: none;
	border-left: none;
	border-right: 1px solid #fff;
}

#navigation li a:hover
{
	background: #383;
}

#navigation .user
{
	float: right;	
}
#navigation .user li a {
	border-right: none;
	border-left: 1px solid #fff;
}
#navigation img {
	vertical-align: middle;
}
/* dropdown navigation box */
#navigation .dropdown {
	position: absolute;
	padding: 0.2em;
	background: #333;
	border: 1px solid #fff;
	border-top: none;
}
#navigation .dropdown ul {
	display: block;
}
#navigation .dropdown li {
	float: none;
}
#navigation .dropdown li a {
	border: none;
}
#navigation .dropdown li.header {
	font-weight: bold;
	font-style: italic;
	padding: 0.5ex 0.5em 0.5ex 0.5em;
	background: #ccc;
	color: #333;
}
#navigation .dropdown li a img {
	opacity: 0.25;
	filter:alpha(opacity=25); /* For IE<=8 */
}

#content-container
{
	background: #ddd;
}

#error
{
	clear: left;
	color: #a00;
	text-align: left;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}
#info
{
	clear: left;
	color: #0a0;
	text-align: left;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}

#content
{
	clear: left;
	padding: 3ex;
	margin: 0;
	width: 75%;
	background: white;
}

#content h2
{
	margin-bottom: 0.3ex;
}

#content h2:first-child, #content p:first-child
{
	margin-top: 0;
}

#aside
{
	width: 23%;
	display: inline;
}

#aside h3
{
	margin: 0;
}

#footer
{
	clear: left;
	background: #ccc;
	text-align: right;
	padding: 20px;
	height: 1%;
}


/*
 * random general stuff
 */
a img {
	border: none;
}
a[href] {
	color: #333;
}
a[href]:active {
	color: #383;
}
form {
	padding: 0;
	margin: 0;
}
fieldset.noframe {
	display: block;
	margin: 0;
	padding: 0;
	background: inherit;
	border: none;
}
td.spacer, th.spacer {
	padding-left: 1em;
}
.nonimp {
	color: #777;
}
/* nice background for large fieldsets to overlap right border */
fieldset           { background: white; }
fieldset.collapsed { background: inherit; }
/* jquery.MultiFile delete image */
a.MultiFile-remove {
	font-size: 0;
	display: block;
	float: left;
	width: 16px; height: 16px;
	background: url('../lgi_icons/action-delete_16.png');
	position: relative; top: 3px;
}

/*
 * Forms
 */
.cmxform fieldset {
  margin-bottom: 10px;
}
.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
.cmxform fieldset ol, ol.cmxform {
  margin: 0;
  padding: 0;
}
.cmxform fieldset li, ol.cmxform li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
.cmxform label {
  width: 120px; /* Width of labels */
}
.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/*
 * Tables
 */
table.list
{
	border: 2px solid #ccc;
	border-collapse: collapse;
}
table.list tr
{
	background: #fff;
}
table.list tr.even
{
	background: #eee;
}
table.list.interactive tr:hover, table.list th
{
	background: #ddd;
}
table.list td, table.list th
{
	padding-left: 0.4em;
	padding-right: 0.6em;
	text-align: left;
}
table.list td {
	/*border: 1px solid #eee;*/
	padding-top: 0.25ex;
	border-collapse: collapse;
}


table.desc td, table.desc th {
	text-align: left;
}
table.desc th {
	padding-right: 0.5em;
}


/*
 * Job, file and resource list & details
 */
table.joblist .name { min-width: 8em; text-align: left; }
table.joblist .id   { min-width: 2em; text-align: right; }
table.joblist .app  { min-width: 5em; }

/* make table cells clicklable, not just links */
table.joblist td.id, table.joblist td.name, table.joblist td.app,
table.filelist td.filename {
  display: table-cell;
  padding-left: 0;
  padding-right: 0;
}
table.joblist td.id a, table.joblist td.name a, table.joblist td.app a,
table.filelist td.filename a {
  display: block;
  padding-left: 0.4em;
  padding-right: 0.2em;
}
table.joblist .owners a { text-decoration: none; color: #333; }

table.list td.flag, table.list th.flag {
  text-align: center;
}
table.serverlist td.url {
  font-family: monospace;
}

table.resourcelist .old {
  color: #999;
}

/* job list: collapsible rows */
table.joblist .container .id             { font-style: italic; }
table.joblist .uncollapsed.child-top     { border-top: 1px solid #ccc; }
table.joblist .contained.child-bottom    { border-bottom: 1px solid #ccc; }
table.joblist .contained.child-bottom td { padding-bottom: 0.5ex; }
table.joblist .uncollapsed.child-top td  { padding-top: 0.5ex; }
table.joblist .contained td.collapse {
        background: url('expander_line_10.png') center repeat-y;
}
table.joblist .contained.child-bottom td.collapse {
        background: url('expander_end_10.png') center top no-repeat;
}