/* ===============================
Base CSS 
Body Header Footer Wrapper
  =============================*/

/* ========================== 
MAIN BACKGROUND COLOR  
============================= */
body {
padding: 0px;
margin: 0px;
background-color: #f0f0f0;
}

/* =============== 
GLOBAL  
=============== */

html, body, form, fieldset {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: normal;
color: #666666;
}
a img {
border: none;
}
h1, h2, h3, h4, h5, h6, p, pre,blockquote, ul, ol, dl, address {
margin: 0;
padding: 0;
}

/* Form field text-scaling */
input, select, textarea {
font-size: 100%;
}

/* set "0" for WYSIWYG */
p {
padding: 0px;
margin: 0px;
}

.clear { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Global Link Style*/
a {
text-decoration: none;
color: #666666;
}
a:hover {
text-decoration: underline;
color: #000;
}
/* Read All Link Style */
div.linkall {
font-size: 9px;
color: #333;
}
div.linkall a {
font-size: 9px;
color: #999;
text-decoration:underline;
}
div.linkall a:hover {
font-size: 9px;
color: #000;
text-decoration:underline;
}

/* ============== 
MAIN WRAPPER 
============== */
#main-wrapper {
width: 810px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #FFFFFF;
padding-top: 0px;
padding-right: 45px;
padding-bottom: 0px;
padding-left: 45px;
}

/* ============== 
HEADER 
============== */
#header-area {
height: 110px;
width: 810px;
background-color: #FFFFFF;
}
#logobox {
height: 67px;
width: 810px;
}
#logobox .logo {
padding-right: 17px;
padding-left: 4px;
padding-top: 10px;
padding-bottom: 0px;
float: left;
width: 126px;
}
#logobox .tagline {
width:209px;
height: 26px;
float: left;
padding-top: 41px;
}
/* ============== 
Main Nav
============== */
#mainnav_Box {
height: 21px;
width: 800px;
padding-left: 10px;
background-color: #FFFFFF;
padding-bottom: 10px;
padding-top: 12px;
padding-right: 0px;
}
/* Image Nav */
.del {
visibility: hidden;
}
#mainnav a {
text-decoration: none; 
}
#mainnav a:hover {
text-decoration: none; 
}
#mainnav ul {
margin: 0px;
padding: 0px;
}
#mainnav li  {
width: 115px;
list-style-type: none;
color: #000;
font-size: 14px;
float: left;
height: 20px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 0px;
}
#mainnav li.about {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: 0 top;
cursor:pointer;
}
#mainnav li.about:hover {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: 0 bottom;
cursor:pointer;
}
#mainnav li.about.selected {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: 0 bottom;
cursor:pointer;
}
#mainnav li.songs {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -115px top;
cursor:pointer;
}
#mainnav li.songs:hover {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -115px bottom;
cursor:pointer;
}
#mainnav li.songs.selected {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -115px bottom;
cursor:pointer;
}
#mainnav li.songwriters {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -230px top;
cursor:pointer;
}
#mainnav li.songwriters:hover {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -230px bottom;
cursor:pointer;
}
#mainnav li.songwriters.selected {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -230px bottom;
cursor:pointer;
}
#mainnav li.licensing {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -345px top;
cursor:pointer;
}
#mainnav li.licensing:hover {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -345px bottom;
cursor:pointer;
}
#mainnav li.licensing.selected {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -345px bottom;
cursor:pointer;
}
#mainnav li.news {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -460px top;
cursor:pointer;
}
#mainnav li.news:hover {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -460px bottom;
cursor:pointer;
}
#mainnav li.news.selected {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -460px bottom;
cursor:pointer;
}
#mainnav li.global {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -575px top;
margin: 0;
cursor:pointer;
}
#mainnav li.global:hover {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -575px bottom;
margin: 0;
cursor:pointer;
}
#mainnav li.global.selected {
background-image: url(/images/mainnav.gif);
background-repeat: no-repeat;
background-position: -575px bottom;
margin: 0;
cursor:pointer;
}

/* sIFR Nav */
#navi {
height: 20px;
width: 800px;
margin: 0px;
}
#navi ul{
margin: 0px;
padding: 0px;
}
#navi li{
width: 115px;
list-style-type: none;
color: #000;
font-size: 14px;
padding-right: 20px;
margin: 0px;
float: left;
display:block;
height: 20px;
background-image: url(/images/navi_underline.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
.navborder {
border-bottom: 1px #000 solid;
height: 20px;
}
#navi li.last {
padding-right: 0px;
}
#navi li a { 
text-decoration: none;
color: #000;
}
#navi li a:hover{
text-decoration: none;
color: #000000;
font-weight:bold;
}
#navi   li.selected   {
color: #000000;
font-weight: bold;
}

/* ==============
 Banner  Box
 ============== */
#banner_Box {
/*background-color: #F2F2F2;*/
width: 790px;
padding-left: 10px;
padding-right: 10px;
height: 290px;
}
/* ==============
 Banner  Text
 ============== */
#banner_Box h1 {
font-size: 65px;
line-height: 0.8em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
}
#banner_Box h2 {
font-size: 28px;
line-height: 0.9em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFF;
}
#banner_Box h3 {
font-family: "Times New Roman", Times, serif;
font-size: 20px;
font-style: italic;
padding-right: 80px;
font-weight: bold;
color: #000000;
}
#banner_Box h4 {
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-style: italic;
font-weight: bold;
color: #FFF;
margin-top: -10px; /* sIFR3 need to be -10px original none*/
//margin-top:15px;
}
#banner_Box .captionBox {
padding-top: 0px; /* sIFR3 need to be 0px original 20px */
padding-right: 0px;
}

/* Home Page*/
#banner_Box .homepagebanner {
height: 290px;
width: 790px;
border: 1px solid #FFF;
background-repeat: no-repeat;
/*background-position: 0px 0px;*/
}
#banner_Box .homepagebanner:hover {
border: 1px solid #5dc1f5;
cursor:pointer;
}
/* Home Page Banner Square */
#banner_Box .squaresBox {
width: 65px;
height: 9px;
position: absolute;
top: 274px;
left: 723px;
}
#banner_Box .squaresBox ul {
padding: 0px;
}
#banner_Box .squaresBox li {
list-style-type: none;
padding-right: 7px;
float: left;
}
#banner_Box .squaresOn {
width: 7px;
height: 7px;
background-color:#FFFFFF;
/*border: 1px solid #666666;*/
}
#banner_Box .squaresOff {
width: 7px;
height: 7px;
background-color:#333333;
/*border: 1px solid #666666;*/
}

#hidden_banner_Box {
/*background-color: #F2F2F2;*/
width: 790px;
padding-left: 10px;
padding-right: 10px;
height: 40px;
}

#hidden_banner_Box h2 {
font-size: 28px;
line-height: 0.9em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
//color: #FFF;
margin-top: -5px;
}
       
       
#hidden_banner_Box h4 {
font-family: "Times New Roman", Times, serif;
font-size: 15px;
font-style: italic;
font-weight: bold;
//color: #FFF;
//margin-top: -5px;
margin-top: -7px; /* sIFR3 need to be -10px original none*/
}


/* Section Page*/ 
#banner_Box .sectionpagebanner {
background-color: #F2F2F2;
height: 220px;
padding-top: 10px; /* sIFR3 need to be 10px original 20px */
width: 490px;
/*border: 1px solid #FFF;*/
padding-right: 290px;
padding-left: 10px;
}
#banner_Box .sectionpagebanner:hover {
/*border: 1px solid #5dc1f5;*/
cursor:pointer;
}
/* ==============
 MAIN BODY 
 ============== */
#mainbody {
width: 790px;
padding-left: 10px;
padding-bottom: 20px;
padding-right: 10px;
/*padding-top: 10px;*/
}
#Nobanner_mainbody {
width: 790px;
padding-left: 10px;
padding-bottom: 20px;
padding-right: 10px;
padding-top: 20px;
}
#GlobalOffice_mainbody {
width: 790px;
padding-left: 10px;
padding-bottom: 20px;
padding-right: 10px;
padding-top: 10px;
/*max-height: none;*/
}

/* ==============
 FOOTER  
 ============== */
#footer_box {
height: 85px;
width: 790px;
/*
padding-right: 15px;
padding-left: 15px;*/
}
#footer_box .footer {
padding-top: 15px;
border-top: 1px solid #CCC;
text-align: left;
color: #999;
font-size: 11px;
}
#footer_box .footerLink a {
color: #333;
text-decoration: none;
}
#footer_box .footerLink a:hover {
color: #000;
text-decoration: underline;
}

/* ===============================
Base CSS 
Other.....
  =============================*/

  
/* ==============
Music Pod Base
 ============== */ 
.musicpodBox {
width: 250px;
}
/* Track Player */
.musicpodBox .trackplayer {
width: 250px;
height:50px;
background-color: #ebebeb;
border-bottom: 1px solid #FFF;
}
.musicpodBox .toptracks {
width:230px;
height:40px;
color: #666;
background-image: url(/images/bg_play.png) no-repeat fixed center;
/*background-image: url(/images/ajax-loader.gif) no-repeat fixed center;*/
background-repeat: no-repeat;
background-position: 8px 10px;
padding-top: 13px;
padding-left: 14px;
}
.songtitle {
font-size:13px;
font-weight: bold;
}
.singer {
font-size:12px;
font-weight: normal;
}
.musicpodBox .last {
border-bottom: none;
}

/* On The Charts */
.musicpodBox .onthechart {
width: 250px;
height:50px;
border-bottom: 1px solid #CCC;
padding: 0px;
}
.musicpodBox .numberBox {
float: left;
width: 50px;
height:45px;
font-size: 34px;
font-weight: bold;
color: #CCC;
text-align: center;
padding-top: 5px;
}
.musicpodBox .chartBox {
float: left;
width: 180px;
height:30px;
padding: 10px;
}
.musicpodBox .pNumberBox {
/*float: left;*/
width: 50px;
height:45px;
font-size: 34px;
font-weight: bold;
color: #CCC;
text-align: center;
padding-top: 5px;
}
.musicpodBox .pChartBox {
/*float: left;*/
width: 180px;
height:30px;
padding: 10px;
}
.charttitle {
font-size: 11px;
color:#666;
font-weight:bold;
}
.chartartist {
font-size: 9px;
color:#666;
font-weight:normal;
}

/* ==============
Tab
 ============== */
#tab_box {
width: 790px;
padding-bottom: 10px;
height: 24px;
}
 #tab_grey {
width: 790px;
height: 24px;
background-color: #CCC;
}
#tab_grey ul{
margin: 0px;
padding: 0px;
}
#tab_grey li{
margin: 0px;
list-style-type: none;
float: left;
text-align: center;
}
#tab_grey li.selected a{
background-color: #999;
color: #000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
#tab_grey li a {
display:block;
text-decoration: none;
/*//width: 90px; /*IE only*/
height: 20px;
list-style-type: none;
color: #FFF;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding-top: 4px;
padding-right: 15px;
padding-left: 15px;
}
#tab_grey li a:hover{
color: #000;
text-decoration: none;
background-color: #999;
padding-right: 15px;
padding-left: 15px;
}

/* tab Global Office */
#tab_grey  ul#gb{
margin: 0px;
padding: 0px;
}
#tab_grey ul#gb li{
margin: 0px;
list-style-type: none;
float: left;
text-align: center;
}
#tab_grey ul#gb li.selected a{
background-color: #999;
color: #000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
#tab_grey ul#gb li a {
display:block;
text-decoration: none;
/*//width: 90px; /*IE only*/
height: 20px;
list-style-type: none;
color: #FFF;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding-top: 4px;
padding-right: 30px;
padding-left: 30px;
}
#tab_grey ul#gb li a:hover{
color: #000;
text-decoration: none;
background-color: #999;
padding-right: 30px;
padding-left: 30px;
}

/* ==============
 JavaScript DropDown Menu
 ============== */
#jsddm {
margin: 0;
padding: 0;
} 
#jsddm li {
float: left;
list-style: none;
font: 12px Tahoma, Arial;
color: #5dc1f5;

}
#jsddm li a {
display: block;
text-decoration: none;
width: 250px;
color: #5dc1f5;
white-space: nowrap;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
/*
background-image: url();
background-repeat: no-repeat;
background-position: 110px 10px;*/
font-size: 13px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#jsddm li a:hover {
font-weight: bold;
}
/* Global Office Page Choose Country  Drop Down */
#jsddm li ul {
margin: 0;
padding-bottom: 10px;
position: absolute;
visibility: hidden;
width: 660px;
//width: 660px; /* IE ONLY*/
background-color: #FFF;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
#jsddm li ul li {
float: none;
//display: inline; /* IE ONLY*/
//float: left; /* IE ONLY*/
display: inline-block;
color: #000000;
}
#jsddm li ul li a {
width: 150px;
background-color: #FFFFFF;
background-image: none;
color: #000000;
}
#jsddm li ul li a:hover {
font-weight: bold;
color: #000000;
}
/* Other Page Choose Country  Drop Down */
#jsddm li ul.vertical {
width: 250px;
margin: 0;
position: absolute;
visibility: hidden;
background-color: #FFF;
padding-bottom: -20px;
padding-right: 10px;
border-right: solid 3px #FFF;
border-bottom: solid 3px #FFF;
}
#jsddm li ul.vertical li {
float: none;
display: inline-block;
}
#jsddm li ul.vertical li a {
width: 250px;
background-color: #FFFFFF;
background-image: none;
}
#jsddm li ul.vertical li a:hover {
font-weight: bold;
}

 
/* ========================== 
Button Style 
============================= */

.btn {
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0;
float: left;
}
.btn a{
color: #FFF;
text-decoration: none;
text-align: left;
line-height: 18px;
white-space: nowrap;
}
/* Background White */
.btn .left {
float: left;
width: 16px;
height: 28px;
background-image: url(/images/btn_L.png);
background-repeat: no-repeat;
}
.btn .middle {
float: left;
height: 23px;
background-image: url(/images/btn_M.png);
background-repeat: repeat-x;
background-position: 0px 0px;
padding-top: 5px;
width: auto;
}
.btn .right {
float: left;
width: 47px;
height: 28px;
background-image: url(/images/btn_R.png);
background-repeat: no-repeat;
}
/* Background #EBEBEB */
.btn .greyleft {
float: left;
width: 16px;
height: 28px;
background-image: url(/images/btn_grey_L.png);
background-repeat: no-repeat;
}
.btn .greymiddle {
float: left;
height: 23px;
background-image: url(/images/btn_grey_M.png);
background-repeat: repeat-x;
background-position: 0px 0px;
padding-top: 5px;
width: auto;
}
.btn .greyright {
float: left;
width: 47px;
height: 28px;
background-image: url(/images/btn_grey_R.png);
background-repeat: no-repeat;
}

/* Songs Emily is Here! */
.btn_emily {
background-color: #52b8eb;
}
.btn_emily:hover{
background-color: #999;
}

/* ========================== 
Search Button 
============================= */
.HPsearch_btn {
position:absolute;
cursor:pointer;
z-index:1000;
left: 483px;
top: 50px;
}
.search_btn {
position:absolute;
cursor:pointer;
z-index:1000;
left: 483px;
top: 40px;
}