/*all*/
/*topbottom leftright*/
/*top leftright bottom*/
/*top right bottom left*/

a { color: #0000A0; }
a:link { color: #A000A0; } 
a:visited { color: #400080; }

a#banner {
	text-align: center;
	font-size: 18px;
	font-weight: bolder;
	font-variant: small-caps;
	margin: 5px;
	padding: 2px;
	border-width: 2px;
	border-color: #000;
	border-style: solid;
	font-family: serif;
	color: #FFF;
	background-color: #888;
	text-decoration: none;
}

body { 
	background-color: #FFFFFF;
	color: #000000;	
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: 14px;
	margin: 0px;
	padding: 10px;
}

div { 
	border-width: 0;
	margin: 0;
	padding: 0;
}
div#content {
	margin: 10px 10px 0 220px;
	padding: 0 25px 0 5px;
	width: auto;
}
div#nav {
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 210px;
}
div#nav a {	display: block; }

div.inputrow {
	display: block;
	clear: left;
	text-align: left;
	position: relative;
	padding: 0px;
	border-style: none;
	margin: 1px;
}

h1, h2, h3, h4 {
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0px;
}

h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }

input, select, table, textarea { 
    border-style: solid; 
    border-width: 1px;
    padding: 2px;
    margin: 5px 8px 0;
}

input[type~="submit"], input[type~="reset"] {
	font-size: 14px;
	font-weight: bold;
}

li { padding: 2px; }
ul, p { padding: 0px 10px; }

select {
	padding: 1px;
	margin: 0px 5px;
	border-width: 1px;
}

table {
	margin: 10px auto;
	border-collapse: collapse;
	font-family: inherit;
	font-size: inherit;
	empty-cells: show;
	text-align: center;
}

table.formtable {
    text-align: left;
    margin: 5px;
    border-style: hidden;
}

th, td, tbody, thead, tr 
{  
    border-width: inherit;
    border-style: inherit;
    padding: inherit;
}
table.formtable td.attribute { text-align: right; }
td.info { 
    vertical-align: top;
    text-align: left;
}
td.name { text-align: left; }
td.atv { 
    font-size: 20px; 
    font-weight: bold; 
}

.darker { background-color: #EEEEEE; }
.centered { text-align: center; }
.badlogin { color: red }

/* Turn off list bullets */
ul.aqtree3clickable li { list-style: none; }

ul.aqtreeclickable, ul.aqtreeclickable ul, ul.aqtreeclickable li { margin: 0; padding: 0; }

/* Provide space for our own "bullet" inside the link */
ul.aqtree3clickable li a { padding-left: 20px; }

/* Show "bullets" in the links, depending on the class of the
   LI that the link's in.  aq3unknown class should be used when the data
   for the leaf node requires an ajax call.  It acts similar to the aq3closed
   class, but upon initial opening, gets the data for the leaf via ajax.
   After that, it acts as a normal aq3open list.   */
ul.aqtree3clickable li.aq3unknown > a, ul.aqtree3clickable li.aq3open li.aq3unknown > a  {
    background: url(/musicdb/plus.gif) center left no-repeat;
}
ul.aqtree3clickable li.aq3open a {
    background: url(/musicdb/minus.gif) center left no-repeat;
}
ul.aqtree3clickable li.aq3open table a {
    background: white;
	padding: 0;
}
ul.aqtree3clickable li.aq3closed a {
    background: url(/musicdb/plus.gif) center left no-repeat;
}
ul.aqtree3clickable li.aq3bullet a {
    background: url(/musicdb/bullet.gif) center left no-repeat;
}

/* Actually show and hide sublists */
ul.aqtree3clickable li.aq3open ul { display: block; }
ul.aqtree3clickable li.aq3closed ul { display: none; }

ul.scaffold_associated_records_list li form { display: inline; }