/* Grundläggande stilar 
*/
* {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 10px; font-weight: normal;}
body { margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999185; font-size: 10px; font-weight: normal; }
img { border: 0px; vertical-align: bottom; }
a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color:#9B3604; text-decoration: none;}
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color:#9B3604; text-decoration: underline;}

div.pageHeadline { color: #464646; font-family: Times, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
a.header { color: #9B3604; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
a.small { font-family: Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color:#999999; text-decoration: none; }
div.bold { font-weight: bold; padding: 10px 0 3px 0; }

/* Huvudtabellen
*/
table.mainTable { color: #999185; background-color: #EBE4D6; }
table.mainTable tr { }
table.mainTable td { padding-left: 40px; }
table.mainTable td.sound { padding: 60px 0 30px 40px; }
table.mainTable td.logo { padding: 0 40px 30px 0; }
table.mainTable td.menuSurrounder { height: 2px; background-color: #DFD5C5; }
table.mainTable td.menuDivider { height: 2px; background-color: transparent; }
table.mainTable td.menu { padding: 0; }
table.mainTable td.shading {height:20px; border:0; padding:0; }
table.mainTable td.content { padding: 60px 0 0 40px; }

/* Huvudmenyn 
*/
table.menu td {height:21px; background: #e7d09f; border-bottom:1px solid #baab89; vertical-align: bottom;}
table.menu a.menu, a.menu:hover, a.menu:visited { position:relative; top:6px; color: #645a45; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight:bold; text-decoration: none;}
table.menu a.menuSelected, a.menuSelected:hover, a.menuSelected:visited { position:relative; top:6px; color: #9E5A45; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight:bold; text-decoration: none;}
table.menu td.link { padding: 0 10px 0 10px; vertical-align: middle; }

table.menuAdmin td { background: #DFD5C5; }
table.menuAdmin a.menu2, table.menuAdmin a.menu2:hover, table.menuAdmin a.menu2:visited { color: #A7582B; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;}
table.menuAdmin td.link { background: #DFD5C5; padding: 0 10px 0 10px; vertical-align: middle; }
table.menuAdmin td.linkSelected { background: transparent; padding: 0 10px 0 10px; vertical-align: middle; }

table.page { }
table.page td.left { vertical-align: top; padding: 0;}
table.page a.leftLinks {  }
table.page a.leftLinksSelected { font-weight: bold; }
table.page td.right { padding: 0 70px 0 0;}

table.left td { vertical-align: top; padding: 0;}
table.left td.leftInfo {  }
table.left a.menu, table.left a.menu:hover, table.left a.menu:visited { color: #A7582B; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}


td.positiveFeedback { background-color: #3c983c; color: #FFFFFF; font-weight: bold; text-align: center; padding: 2px; border: 1px solid #fff }
td.negativeFeedback { background-color: #A7582B; color: #FFFFFF; font-weight: bold; text-align: center; padding: 2px; border: 1px solid #fff }


table.pageContent { color: #333333; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }
table.pageContent td { padding: 0px; }
table.pageContent a.link {  text-decoration: none;}
table.pageContent td.divider { height: 2px; background-color: #DFD5C5; }
table.pageContent td.contact { padding: 20px 0 20px 0; font-family: Arial, Helvetica, sans-serif; }


table.listTable td { padding: 0px;} 
table.listTable td.image { width: 100px; padding: 2px 10px 0 2px;} 
table.listTable td.image img { border: 1px solid #fff;} 
table.listTable td.title, table.listTable td.title a {font-size: 11px; font-weight: normal; color: #9B3604; padding: 0 0 5px 0;}
table.listTable td.text {  }
table.listTable td.category {  }
table.listTable td.attachment { padding: 5px 0 0 0; }

table.songList td.listObj { padding: 0 5px 0 10; }

table.musicTable td { padding: 2px;} 
table.musicTable td.header { padding: 0 0 5px 0px; font-weight: bold;} 

table.recordTable td { padding: 0; vertical-align: top; } 
table.recordTable td.image { padding: 0 0 10px 10px;}
table.recordTable td.image img { border: 1px solid #ffffff; } 
table.recordTable div.artist { font-weight: bold; color: #9B3604; font-size: 12px; padding-bottom: 15px;}
table.recordTable div.title { font-weight: bold; padding-bottom: 10px;}
table.recordTable div { padding-bottom: 6px;}




div.subTitle { color: #464646; font-size: 11px; font-weight: bold; }

table.postList { background-color: #FFFFFF; border: 1px solid #999999; }
table.postList td { padding: 0px;} 
table.postList td.title { padding: 3px; font-weight: bold; font-size: 10px; color: #464646; }
table.postList td.date { padding: 3px; font-weight: normal; font-size: 9px; color: #464646; }

table.postTable td { padding: 0px;} 
table.postTable td.name { padding: 3px; font-weight: bold; font-size: 11px; color: #464646; }
table.postTable td.title { padding: 3px; font-weight: bold; font-size: 11px; color: #464646; }
table.postTable td.email { padding: 3px; font-weight: normal; font-size: 9px; color: #464646; }
table.postTable td.text { padding: 6px; font-weight: normal; font-size: 11px; color: #464646; background-color: #FFFFFF; border: 1px solid #999999; }
table.postTable td.city { padding: 3px; font-weight: normal; font-size: 9px; color: #464646; }
table.postTable td.date { padding: 3px; font-weight: normal; font-size: 9px; color: #464646; }


/* Formulär 
*/

table.form { }
table.form td { padding: 2px; font-size: 10px; }
table.form td.header { color: #899395; text-align: center; font-weight: bold; font-size: 10px; padding: 3px;}
table.form input.field  { background-color: #FAFAFA; height: 16px; width: 100%; font-family: Verdana, Geneva, Sans-Serif; border: 1px solid #999999; color: #464646; font-size: 10px; }
table.form input.button { height: 16px; width: 80px; border: 1px solid #899395; background-color: #999999; font-size: 10px; color: #FFFFFF; font-family: Verdana, Geneva, Arial, Sans-Serif;}
table.form textarea.fieldArea { background-color: #FAFAFA; width: 100%; font-family: Verdana, Geneva, Sans-Serif; border: 1px solid #999999; color: #464646; font-size: 10px; overflow-x: hidden; overflow-y: auto; }
table.form select.select  { background-color: #FAFAFA; height: 16px; width: 100%; font-family: Verdana, Geneva, Sans-Serif; border: 1px solid #999999; color: #464646; font-size: 10px; }


table.uploadForm { border: 1px solid #464646; background-color: #FFFFFF; }
table.uploadForm td { padding: 3px; font-size: 10px;}
table.uploadForm td.header { background-color: #464646; color: #FFFFFF; text-align: center; font-weight: bold; font-size: 10px; padding: 3px;}
table.uploadForm input.field  { background-color: #FAFAFA; height: 16px; width: 100%; font-family: Verdana, Geneva, Sans-Serif; border: 1px solid #464646; color: #464646; font-size: 10px; }
table.uploadForm input.button { height: 16px; width: 80px; border: 1px solid #464646; background-color: #789ABD; font-size: 10px; color: #FFFFFF; font-family: Verdana, Geneva, Arial, Sans-Serif;}
table.uploadForm textarea.fieldArea { background-color: #FAFAFA; width: 100%; font-family: Verdana, Geneva, Sans-Serif; border: 1px solid #464646; color: #464646; font-size: 10px; overflow-x: hidden; overflow-y: auto; }