/* 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: #00406b;
    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: 11px;
    line-height: 16px;
    font-weight: normal;
}
div#login a, div#login a:link, div#login a:hover 
{
    color:#33ccff;
    display:inline-block;
    /*font-size:13px;
    margin-top:4px;*/
    padding-left:20px;
    text-align:right;
    /*text-decoration:underline;*/
    }
div#loginBox
{
    float: right;
    /*margin-top: 5px;*/
}
div#loginBox TD
{
    padding: 2px 0px 2px 4px;
}

/* Menu */
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:none;}


/* 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;
    color: #0099FF
}
div#submenu ul
{
    /*padding: 4px 0 0 0;*/
    color: #0099FF
}

div#submenu li
{
    display: inline;
    list-style: none;
    padding: 0 30px 0 15px;
    color: #0099FF
}
div#submenu li a, div#submenu li a:link
{
    color: #999999;
    text-decoration: none;
    line-height: 22px;
}
div#submenu li a:hover
{
    color: #33CCFF;
    text-decoration: none;
}

.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;
}
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;
}
/* extended right column */
div#rightcolext
{
width: 405px;
    position: relative;
    margin-right: 22px;
    float: right;
}
/* 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: #66ccff;
    padding-right: 30px;
    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#workTimeline
{
    width: 465px;
    position: relative;
    margin-right: 15px;
    float: left;
}
div#workResources
{
    width: 315px;
    position: relative;
    margin-right: 0px;
    float: right;
}
.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
}