/* start of new style files for music system. 

first, prepare some basic styles for divs and tables, that make 
sure our flow model will work correctly.

this file contains the generics, such as the default behaviour of images, links, form behaviours...
*/

/* PAGE FLOW BEHAVIOUR  */

div {
    border      : 0px;
    margin      : 0px;
    padding     : 0px;
    position    : relative; 
}
td, table, tr, tbody {
    border          : 0px;
    border-spacing  : 0px;
    border-spacing  : 0px;
    border-collapse : collapse;
    margin          : 0px;
    padding         : 0px;
    vertical-align  : top;
}   

/* BASIC FONT STUFF */

select, input, body, p, td, textarea { 
	font-family	    : Verdana, Arial, Helvetica, Sans-serif;
	font-size		: 12px;	
}

/* HEADERS */

.header1 {  
    font-weight : bold;   
    font-family : arial; 
    font-size   : 130%; 
    margin      : 0.5em 0 0 0;
} 
.header2 {  
    font-weight : bold;   
    font-family : arial; 
    font-size   : 110%; 
    margin      : 0.5em 0 0 0;
} 
.header3 {  
    font-style  : italic;   
    font-family : arial; 
    font-size   : 110%; 
    margin      : 0.5em 0 0 0;
} 

/* DEFAULT BEHAVIOR FOR LISTS */
ul {
    list-style-type : none;
}

/* DEFAULT LINK BEHAVIOUR  */

a, a:link, a:visited {
    color           : rgb(27,104,150);
    text-decoration : none;
}
a:hover, a:active {
    color           : rgb(27,104,150);
    text-decoration : none;
}
.lightlink, .lightlink:link, .lightlink:visited {
    color           : rgb(0,0,0);
    text-decoration : none;
}
.lightlink:hover, .lightlink:active {
    color           : rgb(27,104,150);
    text-decoration : none;
}

/* DEFAULT IMAGE BEHAVIOUR  */

img {
    border : 0;
}

/* Icons */
.icon {
    width   : 1em;
    border  : 0px;
}
.large_icon {
    width   : 1.3em;
    border  : 0px;
}
.al_icon {
    width   : 11px;
}

/* DEFAULT FORM ELEMENTS BEHAVIOUR  */

.confirmform {
    margin          : 0.8em 0.8em 0.8em 0.8em;
    padding         : 0.8em 0.8em 0.8em 0.8em;
    background-color: #ddddee;
    border          : 1px solid #0f0f10;
}
.editform {
    margin          : 0.8em 0.8em 0.8em 0.8em;
    padding         : 0.8em 0.8em 0.8em 0.8em;
    background-color: #ddddee;
    border          : 1px solid #0f0f10;
}
.editform td {
    padding         : 0.2em 0.2em 0.2em 0.2em;
}

select, input { 
    font-size    :100%;
    border-style : solid;
    border-width : 1px;
    border-color : #999999;
    padding-left : 2px;
}
input.noborder { 
    font-size    :100%;
    border-style : none;
    padding-left : 0px;
}
textarea { 
    font-family  : Verdana;
    font-size    : 100%;
    border-style : solid;
    border-width : 1px;
    border-color : #999999;
    padding-left : 2px;
}
textarea:focus,select:focus,input:focus { 
    border-color : #444444;
} 

/* optionbox: the edit links in a header, e.g. at a category page*/
div.optionbox {
  margin-top      : 0.1em;
  padding-right   : 0.2em;
  float           : right;
  clear           : right;
  z-index         : 999;
  text-align      : right;
}
/* a simple table style */
td.tablewithborder , table.tablewithborder {
    border          : 1px solid black;
    border-spacing  : 0px;
    border-collapse : collapse;
    margin          : 1px;
    padding         : 1px;
    vertical-align  : top;
}   

/* MESSAGES ETC */

.message {
    font-size:    90%;
    margin: 1em ;
    padding : 1em ;
    background-color: #eeeeee;
    border:1px solid #E0E0E0;
}
.errormessage {
    font-size:90%;
    margin: 1em ;
    padding : 1em ;
    background-color: #ee6666;
    border:1px solid #E0E0E0;
}

/* VALIDATION STYLES */
.errortext {
	color: #ee6666;
	font-weight: bold;
}

/* TAGBOX */
ul.tagbox {
    list-style-type : none;
    padding : 0em;
    margin: 0em;
    border: 1px solid black;
}
li.tagheader {
    padding : 0em 0em 0.5em 0em;
}
li.tag {
    padding: 0.2em 0.2em 0.2em 0.2em ;
    width:14em;
    max-width:14em;
    word-wrap: break-word;
}
li.tag.odd {
    background-color : #eeeeee;
}