﻿html {
height:100%;
margin-bottom:1px
}

form {
margin:0;
padding:0
}

body {
height:100%;
line-height:150%;
background:#41566E url('../images/omt_bg_top.png') repeat-x;
font-family:Verdana, Arial, Helvetica;
color:#000;
font-size:8pt;
margin:0
}

a:hover {
color:#c66666;
text-decoration:underline;
font-weight:400
}

p {
margin-top:0;
margin-bottom:5px;
text-align:left;
font-family:Lucida Grande, Verdana,Helvetica,Arial,sans-serif;
line-height:150%;
color:#666
}

td {
font-family:Lucida Grande, Verdana,Helvetica,Arial,sans-serif;
line-height:150%;
color:#666;
text-align:left
}

.tablemain {
font-family:Lucida Grande, Verdana,Helvetica,Arial,sans-serif;
font-size:12px;
line-height:150%;
color:#666;
text-align:center;
margin-left:auto;
margin-right:auto;
width:511px
}

hr {
border:0;
width:100%;
color:#E6E6E6;
background-color:#E6E6E6;
height:1px
}

fieldset {
border:1px solid #d2d8de
}

#wrapper p {
text-align:left;
width:380px;
height:17px
}

span.pathway {
padding-left:10px;
color:#394048
}

a.readon {
margin-top:10px;
padding-right:10px;
line-height:14px;
height:16px
}

h1 {
font-family:Georgia;
font-size:18pt;
vertical-align:bottom;
color:#666;
text-align:left;
width:100%;
font-weight:400;
padding:0
}

.contentheading {
font-family:Arial, Helvetica Nueue, Helvetica, sans-serif;
font-weight:700;
font-size:14px;
color:#2b3036
}

h2 {
font-family:Georgia, Sans-Serif;
font-size:14px;
color:#2b3036
}

h3 {
margin:0
}

#mainbody h3 {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
text-transform:uppercase;
color:#AB290F;
border-bottom:1px solid #D2D8DE;
line-height:140%;
height:140%;
text-indent:0;
margin:0 0 10px;
padding:0
}

.componentheading {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
text-transform:uppercase;
color:#AB290F;
border-bottom:1px solid #D2D8DE;
margin:0 0 10px
}

table.contenttoc {
border:1px solid #ccc;
margin:5px;
padding:5px
}

table.contenttoc td {
padding:0 5px
}

td.sectiontableheader {
background:#efefef;
color:#333;
font-weight:700;
border-right:1px solid #fff;
padding:4px
}

div.moduletable h3 {
margin-left:-8px;
margin-right:-7px;
border:0 solid red;
margin-bottom:5px;
height:29px;
line-height:29px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
text-transform:uppercase;
text-indent:8px;
color:#57616E
}

#leftnav div.moduletable h3 {
background:url('../images/omt_moduletitle.png') repeat-x 0 0
}

#leftnav div.moduletable {
background:url('../images/omt_module_bg.png') no-repeat 0 28px;
width:180px
}

#leftnav li {
margin-bottom:5px
}

div.moduletable {
padding-bottom:15px;
padding-left:8px;
padding-right:8px
}

.small {
font-size:10px;
color:#999;
font-weight:400;
text-align:left
}

.smallname {
font-size:10px;
font-weight:700;
text-align:left
}

.smallname2 {
font-size:10px;
color:#AB290F;
font-weight:700;
text-align:left
}

.modifydate {
height:20px;
vertical-align:bottom;
font-size:10px;
color:#999;
font-weight:400;
text-align:left
}

.createdate {
height:20px;
font-size:10px;
color:#999;
font-weight:400;
vertical-align:top;
padding-bottom:5px;
padding-top:0
}

.clr {
clear:both
}

#page_bg {
height:100%;
margin-bottom:1px;
padding:0
}

div.mosimage {
margin:5px
}

div.mosimage_caption {
font-size:10px;
color:#666
}

table.adminform textarea {
width:540px;
height:400px;
font-size:1em;
color:#009
}

div.search input {
width:145px;
border:1px solid #ccc;
margin:15px 0 10px
}

div#wrapper {
height:100%;
margin-left:auto;
margin-right:auto;
min-width:750px;
max-width:950px;
width:expression(document.body.clientWidth > 950? "950px": "auto" )
}

div#top {
background:url('../images/omt_header_m.png') repeat-x 0 0
}

div#top div {
background:url('../images/omt_header_l.png') no-repeat 0 0
}

div#top div div {
background:url('../images/omt_header_r.png') no-repeat 100% 0;
height:98px;
position:relative
}

span#logo {
position:absolute;
display:block;
left:285px;
top:15px;
width:100px;
height:70px;
z-index:90;
background:url(images/djprince-2006-banner.png) 0 0 no-repeat !important
}

span#search {
position:absolute;
display:block;
left:25px;
top:20px;
width:100px;
height:70px;
z-index:90
}

span#logo_header {
position:absolute;
left:272px;
top:30px;
z-index:90;
width:700px;
height:70px;
background:url(images/djprince-2006-banner.png) 0 0 no-repeat !important
}

span#joomla {
position:absolute;
right:14px;
top:21px;
z-index:99;
width:151px;
height:140px;
background:url(images/omt_joomla_trans.png) 0 0 no-repeat !important
}

div#middle {
background:#fff url('../images/omt_shadow_r2.png') repeat-y 100% 0
}

div#middle_2 {
background:url('../images/omt_shadow_r1.png') no-repeat 100% 0
}

div#middle_3 {
background:url('../images/omt_shadow_l2.png') repeat-y 0 0
}

div#middle_4 {
background:url('../images/omt_shadow_l1.png') no-repeat 0 0;
padding:0 19px
}

div#blackbottom {
background:url('../images/omt_shadow_black_l2.png') repeat-y 0 0;
padding:0 19px
}

div#blackbottom div div {
background:url('../images/omt_shadow_black_r2.png') repeat-y 100% 0
}

div#blackbottom div {
height:167px;
background:url('../images/omt_blackbottom.png');
width:101.05%;
text-align:center
}

div#bottom {
background:url('../images/omt_shadow_b.png') repeat-x 0 0
}

div#bottom div {
background:url('../images/omt_shadow_bl.png') no-repeat 0 0
}

div#bottom div div {
background:url('../images/omt_shadow_br.png') no-repeat 100% 0;
height:44px;
padding-top:5px;
font-size:10px;
color:#A2A7A9;
text-align:center
}

div#navigation {
height:28px;
background:url('../images/omt_buttonbar.png') repeat-x 0 0
}

div#centernav {
display:table !important;
text-align:center;
margin:0 auto !important
}

span#topnav {
white-space:nowrap;
display:table-cell !important;
padding:0
}

#topnav ul#mainlevel {
float:left;
list-style:none;
border-left:1px solid #959A9E;
border-right:1px solid #ECF4FA;
margin:0;
padding:0
}

#topnav #mainlevel li {
float:left;
border-right:1px solid #959A9E;
margin:0;
padding:0
}

#mainlevel li.red_active_menu {
border-right:1px solid #721901
}

#topnav #mainlevel a:hover {
color:#fff;
background:url('../images/menu_black_back.png') repeat-x 0 0
}

#mainlevel li.red_active_menu a:hover {
color:#fff
}

#showcase {
background:#47505A url('../images/omt_showcase_bg.png') repeat-x 0 0;
margin:0;
padding:1px 0
}

#showcase .moduletable {
margin:0;
padding:5px 10px
}

#showcase .contentheading {
font-family:Arial, Helvetica Nueue, Helvetica, sans-serif;
font-weight:700;
font-size:16px
}

table.contentarea {
background:url('../images/omt_body_right.png') repeat-y 100% 0
}

#leftnav {
width:180px;
border:0 solid #ff0;
background:url('../images/omt_column_left.png') repeat-y 0 0
}

#leftborder {
border-left:1px solid #D3D8DE
}

#lefttop {
border:0 solid #00f
}

div#mainbody {
border:0 solid #0ff;
padding:15px
}

#rightnav {
width:200px;
border:0 solid #00f;
background:url('../images/omt_column_right.png') repeat-y 100% 0
}

#righttop {
background:url('../images/omt_bodytop_r.png') no-repeat 0 0;
height:29px
}

#rightbody {
background:url('../images/omt_rightnav_bg2.png') repeat-x 0 0
}

#pathway {
background:url('../images/omt_bodytop.png') repeat-x 0 0;
padding-top:5px;
height:22px
}

a.mainlevel:hover {
background-position:100% -21px;
text-decoration:none
}

div#footer {
margin-top:10px;
width:766px;
height:28px;
line-height:28px;
text-indent:20px;
background:#e6eef8
}

div#footer table {
margin-top:4px
}

div#footer a {
padding:0 10px
}

div#topmodule {
position:relative;
margin-top:20px;
margin-bottom:20px;
height:80px;
overflow:hidden
}

div#quote {
padding-top:10px;
margin-right:10px;
text-align:left;
float:right;
width:505px !important
}

table.menublock {
margin:0 15px
}

td.summary {
background:#eef3f9;
padding:5px 5px 5px 10px
}

td.latestnews {
background:#eef3f9;
padding:1px
}

div.menuborder {
border-bottom:1px solid #e0e3e6
}

.menuborder ul {
width:234px;
list-style:none;
margin:0;
padding:0
}

.menuborder li {
background:none;
padding:0
}

.menuborder a {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:400;
text-transform:uppercase;
text-indent:10px;
color:#475865;
display:block;
height:28px;
line-height:28px;
width:234px;
background:url('../images/in_menu_bg_grey.gif') no-repeat 0 -28px
}

table.blog span.article_seperator {
display:block;
height:20px
}

table.nopad {
width:100%;
border-collapse:collapse;
margin:0 0 15px;
padding:0
}

table.nopad td.middle_pad {
width:20px
}

body.contentpane {
background:#fff
}

a.contentpagetitle:hover {
color:#AB290F;
font-family:Arial,HelveticaNueue,Helvetica,sans-serif;
font-weight:700;
font-size:16px
}

div#adsense {
padding-top:15px;
text-align:center;
align:center
}

span#search2 {
position:absolute;
margin-left:760px;
top:40px
}

hr1 {
width:100%;
margin-top:0;
overflow:hidden
}

hr2 {
width:100%;
margin-top:0;
height:1px;
background:#ccc;
overflow:hidden
}

#leftnav ul.submenu li {
background:none;
list-style:none;
margin:0;
padding:0
}

#leftnav ul.submenu ul li {
text-indent:20px;
list-style:none
}

#leftnav ul.submenu ul ul li {
text-indent:30px;
list-style:none
}

#leftnav ul.submenu ul ul ul li {
text-indent:40px;
list-style:none
}

#leftnav ul.submenu ul ul ul ul li {
text-indent:50px;
list-style:none
}

ul.submenu a:hover {
list-style:none;
background-position:100% -21px;
text-decoration:none
}

ul.latestnews {
list-style-type:disc;
margin:0;
padding:1px 0 10px 15px
}

li.latestnews {
list-style-type:disc;
margin:0;
padding:0
}

.ToppTekst {
width:90%;
text-align:center;
margin:0 0 0 24px
}

.linje {
color:#E0E0E0;
width:80%;
text-align:center
}

.headingbak {
width:100%;
height:22px;
background-image:url('../images/table_head2.jpg');
text-decoration:none;
margin-left:0
}

.CPHMain {
margin-left:12px;
margin-right:12px;
width:580px;
text-align:center
}

.CPHRight {
margin-left:12px;
margin-right:12px;
width:180px;
border:1px solid #EDF3F3
}

#right_col {
width:180px;
position:absolute;
top:2px;
right:2px;
height:100%;
margin-right:12px;
border:1px solid #EDF3F3
}

#page_content {
margin-right:120px;
margin-left:12px;
width:100%
}

#container {
position:relative;
width:100%
}

.footer {
text-align:center;
width:90%
}

.button {
background-color:#F0F0F0;
font-family:Arial;
font-size:8pt;
background-image:url('../images/table_head.jpg');
height:22px
}

.headerback {
background-image:url('../images/table_head.jpg')
}

.box-table-a {
font-family:"Lucida Sans Unicode" , "Lucida Grande" , Sans-Serif;
font-size:11px;
width:511px;
text-align:center;
border-collapse:collapse;
border-color:#ccc;
border-style:solid;
border-width:thin;
margin:0 auto
}

.box-table-a th {
font-size:13px;
font-weight:400;
background:#b9c9fe url('../images/headerback.jpg');
border-top:2px solid #ccc;
border-bottom:1px solid #fff;
color:#039;
padding:5px
}

.box-table-a td {
background:#fff;
border-bottom:1px solid #ccc;
color:#669;
border-top:1px solid transparent;
padding:5px
}

.box-table-a tr:hover td {
background:#fbfbfb;
color:#339
}

.box-table-b {
font-family:"Lucida Sans Unicode" , "Lucida Grande" , Sans-Serif;
font-size:12px;
width:480px;
text-align:center;
border-collapse:collapse;
border-top:7px solid #9baff1;
border-bottom:7px solid #9baff1;
margin:45px
}

.box-table-b th {
font-size:13px;
font-weight:400;
background:#e8edff;
border-right:1px solid #9baff1;
border-left:1px solid #9baff1;
color:#039;
padding:8px
}

.box-table-b td {
background:#e8edff;
border-right:1px solid #aabcfe;
border-left:1px solid #aabcfe;
color:#669;
padding:8px
}

.stripet-table {
width:511px;
text-align:left;
border-collapse:collapse;
margin:0
}

.stripet-table td {
background:#fff;
border-bottom:1px #ccc;
border-bottom-style:dotted;
padding:8px
}

.imagecenter {
text-align:center;
margin-left:12px
}

.lastname {
visibility:hidden
}

.hor-minimalist-a {
font-family:"Lucida Sans Unicode" , "Lucida Grande" , Sans-Serif;
font-size:12px;
background:.fff;
width:480px;
border-collapse:collapse;
text-align:left;
margin:25px
}

.hor-minimalist-a th {
font-size:12px;
font-weight:400;
color:#039;
border-bottom:2px solid #6678b1;
padding:10px 8px
}

.hor-minimalist-a td {
color:#669;
padding:2px 2px 0
}

.tableChrom {
font-family:"Lucida Sans Unicode" , "Lucida Grande" , Sans-Serif;
font-size:10px;
width:180px;
text-align:center;
border-collapse:collapse;
border-color:#ccc
}

.UpdatePanel1,.UpdatePanel2 {
width:200px;
height:200px;
position:relative;
float:left;
margin-left:10px;
margin-top:10px;
border-right:gray 1px solid;
border-top:gray 1px solid;
border-left:gray 1px solid;
border-bottom:gray 1px solid
}

.UpdateProgress1,.UpdateProgress2 {
width:200px;
background-color:#FFC080;
position:absolute;
bottom:0;
left:0
}

.defaultTable {
border:1px;
border-collapse:collapse;
border-color:#ccc;
border-style:solid
}
.defaultTable3 {
border:1px;
border-collapse:collapse;
border-color:#ccc;
border-style:solid;
height:207px;
}

.defaultTable2 {
border:1px;
border-collapse:collapse;
border-bottom-width:thick;
border-color:#FFF #ccc #ECF2F9;
border-style:solid
}

.star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating {
background:url('../star.gif') repeat-x left -1000px
}

.star-rating {
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
background-position:left top;
margin:0;
padding:0
}

.star-rating li {
display:inline
}

.star-rating a,.star-rating .current-rating {
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border:none
}

.star-rating a:hover,.star-rating a:active,.star-rating a:focus {
background-position:left bottom
}

.star-rating a.one-star {
width:20%;
z-index:6
}

.star-rating a.two-stars {
width:40%;
z-index:5
}

.star-rating a.three-stars {
width:60%;
z-index:4
}

.star-rating a.four-stars {
width:80%;
z-index:3
}

.star-rating a.five-stars {
width:100%;
z-index:2
}

.star-rating .current-rating {
z-index:1;
background-position:left center
}

.inline-rating {
display:inline-block;
vertical-align:middle
}

.small-star {
width:50px;
height:10px
}

.small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating {
background-image:url('../images/star_small.gif');
line-height:10px;
height:10px
}

.styleMp3 {
width:44px;
font-weight:700;
color:gray
}

.overskrift {
font-family:Arial;
font-size:12pt;
color:#333
}

.overskriftCenter {
font-family:Georgia;
font-size:18pt;
color:#666;
text-align:center
}

.textmain {
width:550px
}

.fronttable td {
background-image:url('../images/images\frontimage1.jpg')
}

.centerinfobox {
height:140px;
width:200px;
margin-left:auto;
margin-right:auto
}

.centerHeader {
height:20px;
width:100px;
text-align:center;
margin-left:auto;
margin-right:auto
}

.centerHeader2 {
height:30px;
width:200px;
text-align:center;
margin-left:auto;
margin-right:auto
}

.centerHeader3 {
height:30px;
width:280px;
text-align:center;
margin-left:auto;
margin-right:auto
}

.centerHeader4 {
height:30px;
width:550px;
text-align:center;
margin-left:auto;
margin-right:auto
}

.transparentInfo {
height:230px;
width:390px;
margin-left:30px;
margin-top:25px
}

.notransparent {
height:230px;
width:390px;
color:#000;
font-size:12px;
font-family:Verdana
}

.frontheader {
font-family:Georgia;
font-size:18pt;
color:#000
}

.chromatic {
background:url("../images/chromaticscale.jpg") no-repeat 0 0;
height:110px
}

.mixingtips1 {
background:url("../Mixing_tips/images/mixingtips2.jpg") no-repeat 0 0;
height:220px
}

#blanket {
background-color:#111;
opacity:0.65px;
filter:alpha(opacity=65);
position:absolute;
z-index:9001;
top:0;
left:0;
width:100%
}

#popUpDiv {
position:absolute;
top:0;
right:200px;
background-color:#eee;
width:380px;
height:300px;
z-index:9004;
border-style:solid;
border-width:thin
}

a:visited,a:link {
color:#000;
text-decoration:none;
font-weight:400
}

th,div {
font-family:Lucida Grande, Verdana,Helvetica,Arial,sans-serif;
line-height:150%;
color:#666
}

#wrapper th,#wrapper td,#wrapper div,div#quote td {
text-align:left
}

#wrapper table,div#footer table td {
text-align:center
}

div.componentheading,#leftnav ul {
padding-left:0
}

tr.sectiontableentry2 td,tr.sectiontableentry1 td {
padding:4px
}

td.sectiontableentry2,td.sectiontableentry1 {
padding:3px
}

table.contentpane,table.contentpaneopen,.fronttable {
width:100%
}

#topnav #mainlevel a:visited,#topnav #mainlevel a:link {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
text-transform:uppercase;
color:#2B3036;
float:left;
display:block;
height:28px;
line-height:28px;
text-decoration:none;
background:url('../images/omt_button_off.png') no-repeat 0 0;
border-color:inherit;
border-style:none;
border-width:0;
padding:0 30px
}

#mainlevel li.red_active_menu a:visited,#mainlevel li.red_active_menu a:link {
background:url('../images/omt_button_on.png') no-repeat 0 0;
color:#EEF0F2;
float:left;
height:28px;
line-height:28px;
padding:0 30px
}

#showcase span,#showcase p,#showcase div,#showcase td {
color:#D8DBDE
}

#user1,#user2 {
width:50%
}

a.mainlevel:visited,a.mainlevel:link {
display:block;
width:180px;
height:21px;
background:url('../images/omt_menu.png') no-repeat 100% 0
}

.menuborder a:hover,.menuborder div.sectionmenu a:hover {
background-position:0 0;
text-decoration:none
}

a.contentpagetitle:link,a.contentpagetitle:visited {
color:#333;
font-family:Arial, Helvetica Nueue, Helvetica, sans-serif;
font-weight:700;
font-size:16px
}

#leftnav ul.submenu ul,#leftnav ul.submenu {
list-style:none;
margin:0;
padding:0
}

ul.submenu a:visited,ul.submenu a:link {
display:block;
width:180px;
list-style:none;
height:21px;
background:url('../images/omt_menu_red.png') no-repeat 100% 0
}

.tableChrom td,.tableChrom tr {
border-color:#ccc
}