/* Reset everything*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em;font-weight:normal;font-style:normal;}
fieldset,img {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse;border-spacing:0;}
strong {font-weight:700;}


body
{
    background-color: #001E36;
    font-size: 12px;
    line-height: 15px;
    font-family: 'Lucida Grande' , Helvetica, Arial, sans-serif;
    margin: 0 auto;
    text-align: center;
    background-image: url('images/musicDNA_bg_gradient.jpg');
    background-repeat: repeat-x;
    background-position: top;
    color: #333333;
    font-weight: normal;
    list-style-type: disc;
    list-style-position: inside;
    list-style-image: none;
}
img 
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    }
img a, img a:link 
{
    border:0;
    }
p 
{
    padding:0 0 7px 0;
    }
h1
{
    font-size: 12px;
    font-weight: bold;
    color: #003366;
    line-height: 36px;
} 
h2
{
    font-size: 14px;
    font-weight: 700;
    color: #003366;
    line-height: 28px;  
} 
h3
{
    font-size: 16px;
    /*font-weight: 700;*/
    color: #003366;
    line-height: 34px;  
}
h4
{
    font-size: 18px;
    font-weight: 900;
    color: #003366;
    line-height: 34px;  
} 
a, a:link, a:visited
{
    color:#003366;
    text-decoration:none;
} 
a, a:hover
{
    color:#003366;
    text-decoration:underline;
}  
div#wrapper
{
    margin: 5px auto 0 auto;
    text-align: left;
    width: 900px;
}
div#banner
{
    width: 882px;
    height: 139px;
    font-family: 'Lucida Grande' , Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: #ffffff;
}
div#banner a:link, div#banner a:visited, div#banner a:hover 
{
    color: #ffffff;
    text-decoration: none;
}    
#ShareThis
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
#logo
{
    position: relative;
    top: 58px;
}
  
div#main
{
    
    background-color: #ffffff;
}
div#maincontent
{
    padding: 35px;
}
#text 
{
    margin:20px 40px;
    }
div#login
{
    color: #FFFFFF;
    width: 300px;
    /*text-align: right;*/
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    /*line-height: 16px;*/
    font-weight: normal;
}
div#login a, div#login a:link, div#login a:hover 
{
    color:#33ccff;
    display:inline-block;
    font-size:11px;
    text-align:right;
    /*text-decoration:underline;*/
    }
   
.loginlink
{
    font-size: 12px;
}
div#loginBox
{
    float: right;
    /*margin-top: 5px;*/
}
div#loginBox TD
{
    border-left-width: 15px;
    border-left-color: #001E36;
    border-left-style: solid;
    padding: 2px 0px 2px 4px;
}
div#login input
{
    padding: 2px;
    border-style: none;
    height: 15px;
}
/* Menu */
.menu
{
    float: right;
    text-align: right;
    background-image: url(images/musicDNA_main_nav_bg_grad.jpg);
    background-repeat: repeat-x;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 20px 0px 20px;
}
div#menu
{
    float: right;
    text-align: right;
    background-image: url(images/musicDNA_main_nav_bg_grad.jpg);
    background-repeat: repeat-x;
    height: 25px;
    
}
div#menu ul
{
    
}
div#menu li
{
    display: inline;
    list-style: none;
    
}

div#menu li a
{
    /*display: block;*/
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 20px 0px 20px;
    line-height: 22px;
}
div#menu li a:link
{
    color: #ffffff;
    text-decoration: none;
}
div#menu li a:hover 
{
    color:#ffffff;text-decoration:underline;
}


/* Submenu */
div#submenu
{
    /*margin: 0,0,0,0;*/
    background-color: #ffffff;
    background-image:url(images/musicGPS_subnav_gradient.jpg); 
    background-repeat:repeat-x;
    height: 24px;
    text-align: right;
    width: 900px;
    min-width:900px;
    color: #0099FF;
    vertical-align:middle;
}
div#submenu ul
{
    /*padding: 4px 0 0 0;*/
    color: #0099FF;
    line-height:24px;
}

div#submenu li
{
    display:inline ;
    list-style: none;
    padding: 0 30px 0 15px;
    color: #0099FF;
    vertical-align:bottom;
}
div#submenu li a, div#submenu li a:link
{
     text-decoration: none;
}
div#submenu li a:hover
{
    color: #33CCFF;
    text-decoration: underline;
}

.popupHeader
{
    margin: 0px 0px 0px 18px;
    text-align: right;
    color: White;
    background-color: #61a420;
    background-image: url(images/musicDNA_main_nav_bg_grad.jpg);
    background-repeat: repeat-x;
    /*height: 25px;*/
}
/* Search */
#search
{
    display: inline-block;
    float: right;
    margin-top: 2px;
    visibility: hidden;
}
/*#search p {font-size:12px;font-weight:700;line-height:12px;margin-bottom:6px;}*/
#search .srch {border:1px solid #999;font-size:14px;height:20px;width:150px;}
#search select {border:1px solid #999;font-size:12px;height:22px;}
.button {border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('images/tick.jpg') no-repeat left 50%;
    color:#fff;    font-size:11px;    font-weight:700;    height:19px;    padding:0 0 2px;    text-align:center;    width:64px;
}

/* welcome */

div#welcome
{
    font-size: 12px;
    font-weight: 500;
    color: #666666;
    line-height: 20px;
    width: 500px;
    text-align:justify;
    min-height:70px;
}
div#welcome p
{
    margin-top: 10px;
    margin-bottom: 20px;
}
div#welcomeAbout
{
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    line-height: 20px;
    width: 500px;
    text-align:justify;
}
div#welcomeAbout p
{
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right:20px;
}
div#welcomeMyMusicGPS
{
    font-size: 12px;
    font-weight: 500;
    color: #666666;
    line-height: 16px;
    width: 500px;
    text-align:left;
}
div#welcomeMyMusicGPS p
{
    margin-top: 10px;
    margin-bottom: 20px;
}
.musicDNA
{
color: #333333;

}
.musicGPS a, a:link, a:visited
{
color: #0099ff;

}

div#onebox
{
    font-size: 12px;
    width: 500px;
    color: #333333;
    text-align:justify;
}
/* right column */
div#rightcol
{
width: 220px;
    position: relative;
    margin-right: 22px;
    float: right;
}
div#rightcol a:link, a:visited
{
 text-decoration:none;
}

div#rightcol a:hover
{
 text-decoration:underline;
}
/* extended right column */
div#rightcolext
{
width: 405px;
    position: relative;
    margin-right: 22px;
    float: right;
}
div#rightcolext a:link, a:visited, a:inactive
{
 text-decoration:none;
}
div#rightcolext a:hover
{
 text-decoration:underline;
}
/* left column */
div#leftcol
{
width: 220px;
    position: relative;
    margin-right: 22px;
    float: left;
}
/* front page product ad */
div#upsellproduct
{
    
}
/*front page link to ontology community*/ 
div#ontcom
{
    margin-top: 150px;

}
div#rightlower
{
    padding: 10px;
    border: 1px solid #336699;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 12px;
    text-align: justify;
    width: 390px;
    position: relative;
    left: -10px;
    float: right;
    color: #000000;
} 
div#leftlower
{
    padding: 10px;
    border: 1px solid #336699;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 12px;
    text-align: justify;
    width: 390px;
    
    color: #000000;
}  


.introPhrase { 
  text-align:left; 
  font-style:italic;
}
.iPod { 
  text-align:left;
}
.coverArt { color: #000099; }
.location { color: #009900; }
.textNote { color: #990000; }
.snapshot { color: #999900; }


  
table#profile tr
{
    height: 26px;
}  
/* Footer */

#footermenu
{
    /*background:#115585;
    background-image: url('images/bg-header.png');*/
    color: #ffffff;
    height: 24px;
    padding-top: 3px;
    text-align: right;
    width: 900px;
    font-family: Arial;
    font-size: 11px;
}
#footermenu ul, #footermenu li {display:inline;list-style:none;}
#footermenu li a, #footermenu li a:link
{
    color:  #33CCFF;
    padding-right: 30px;
    text-decoration: none;
}
#footermenu li a:hover
{
    color: #99CCFF;
    text-decoration: underline;
}
}
#footermenu li.last {padding:0 20px;}

/* sign up deatailsview */
.signup
{
    margin-left: 10px;
}
.accordionHeader
{
cursor: pointer;
}
.contactUs
{
    line-height: 30px;
    width: 500px;
}
.errors
{
    color: #FF0000;
}
.newfeedDate
{
    font-size: 10px;
    line-height: 25px;
}
.newsfeedText
{
    font-size: 12px;
    color: #666666;
    line-height: 15px;
}
.ScoreLink a
{
    width: 22px;
    height: 26px;
    display: block;
    background-image: url('/images/scorex.png');
    background-repeat:no-repeat;
}
.ScoreLink a:hover
{
    background: url('/images/scoreDNAx.png') no-repeat;
}
.ScoreLink a:active
{
    background: url('/images/scoreDNAx.png') no-repeat;
}
.AudioLink a
{
    width: 22px;
    height: 26px;
    display: block;
    background-image: url('/images/audiox.png');
    background-repeat:no-repeat;
}
.AudioLink a:hover 
{
    background: url('/images/audioDNAx.png') no-repeat;
}
.AudioLink a:active
{
    background: url('/images/audioDNAx.png') no-repeat;
}
.ResponseLink a
{
    width: 22px;
    height: 26px;
    display: block;
    background-image: url('/images/responsex.png');
    background-repeat:no-repeat;
}
.ResponseLink a:hover
{
    background: url('/images/responseDNAx.png') no-repeat;
}
.ResponseLink a:active
{
    background: url('/images/responseDNAx.png') no-repeat;
}
.workname
{
    overflow:hidden
}
.authorname
{
    font-weight: bold;
}    
div#workDetails
{
    width: 469px;
    position: relative;
    float: left;
}
div#workDetails a:hover
{  
    color: #33CCFF;
    text-decoration:underline;
}
div#workTimeline
{
    width: 800px;
    position: relative;
    margin-right: 15px;
    float: left;
}
div#workTimeline a:hover
{  
    color: #33CCFF;
    text-decoration:underline;
}
div#workResources
{
    width: 293px;
    position: relative;
    margin-right: 0px;
    float: left;
}
.description
{
    text-align:justify;
}
#AddButton
{
    float: right;
    position: relative;
    margin-top:2px;
    margin-right:-1px; 
    overflow:inherit;
    height:28px;
    vertical-align:middle;
}
div#NewUserLabel
{
    color:#417818;
    font-weight:bold;
}
.subnavGradient
{
    background-image:url(images/musicDNA_main_nav_bg_grad.jpg);
    background-color:Transparent;
    background-repeat:repeat-x
}
.green
{
    color:#417818;
}
.dxtiIndexPanel
{
    padding-bottom: 10px;
    text-decoration: none;
}
.dxtiIndexPanelItem, .dxtiIndexPanelItem a
{
    color: #1153AD;
    font-family: Arial;
    text-decoration: none;
}
.dxtiIndexPanelItem a:hover
{
    color: #5494ea;
}

.dxtiIndexPanelItem
{
    padding: 2px 3px 2px 3px;
}
.dxtiIndexPanelItem a:selected
{
    color: #000000;
    background-color: #E0E0E0;
}
.srch
{
    border-right: none !important;
    border-left: solid 1px #6C9DCE !important;
    border-bottom: solid 1px #6C9DCE !important;
    border-top: solid 1px #6C9DCE !important;
    padding: 3px;
}
.srchNoPadding
{
    border-right: none;
    border-left: solid 1px #6C9DCE;
    border-bottom: solid 1px #6C9DCE;
    border-top: solid 1px #6C9DCE;
    
}

.dxeEditArea 
/* http://blog.olicio.us/2008/07/06/removing-safaris-native-input-highlight/ */
{
   outline: none;
   border:none !important; 
}

.srchbtn
{
    border-right: solid 1px #6C9DCE !important;
    border-left: none !important;
    border-bottom: solid 1px #6C9DCE !important;
    border-top: solid 1px #6C9DCE !important;
}
.bluepanel
{
    border: 4px solid #6C9DCE;
    padding: 5px;
    background-color: #E8F8FF;
}
.settingsHeader
{
    text-align: right;
    background-image: url(images/musicDNA_main_nav_bg_grad.jpg);
    background-repeat: repeat-x;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    width: 236px;
    margin: 0px;
    padding: 4px 4px 0px 8px;
}
.settingsContent
{
    margin: 0px;
    /*border: 4px solid #407618;
    background-color: #fbffff;*/
    padding: 4px 4px 4px 4px;
    /*width: 232px;*/
}
.donatePanel
{
      margin-top:-24px;
       margin-right:275px;
    text-align: center;
    color:#336699;
    vertical-align:text-top;   
}
#ConditionalLink a, a:hover
{
    text-decoration:none;
}
#fullwidth
{
    text-align:justify;
}
.cpBody
{
    height: 0px;
    overflow: hidden;
    font-size: smaller;
}
.watermark
{
    font-weight: lighter;
    color: #C0C0C0;
    font-style: italic;
}
/*ajax loader progress stuff*/
.overlay {
        position: fixed;
        z-index: 99;
        top: 45%;
        left: 45%;
        background-color: #FFFFFF;
        width: 40px; /*100%;*/
        height: 40px; /*100%;*/
        /*border: 1px solid #E7946B;*/
        filter: Alpha(Opacity=70);
        opacity: 0.70;
        -moz-opacity: 0.70;
    }
    * html .overlay {
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    }
    .loader {
        z-index: 100;
        position: relative;
        width: 50px;
        margin-left: -10px;
        top: 15%;
        left: 20%;
    }
    * html .loader {
        position: absolute;
        margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
    }