
/* --------------------------------- GLOBAL --------------------------------- */

body {
	font-family: "Lucida Grande", arial;
	margin: 0;
	padding: 0;
	color: #666;
	background-color: white;
	font-size: 11px;
}

img {
	border: none;
}

h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
dl, dt, dd {margin: 0; padding: 0;}
a {text-decoration: none; outline: none; color: #9a0f14;}
a:hover {text-decoration: underline;}



br.clear {clear: both;margin: 0;padding: 0;height: 0;}

/* --------------------------------- BANNER --------------------------------- */

.titleWrapper {
	margin: 0;
	padding: 0;
	line-height: 29px;
	background-color: #9a0f14;
}

.titleLinks {
	margin: 0 auto;
	width: 961px;
	text-align: right;
}

.bannerWrapper {
	height: 184px;
	background: transparent url(bg-banner.jpg) repeat-x;
}

.banner {
	margin: 0 auto;
	width: 961px;
}

/* --------------------------------- TuneIn Home New --------------------------------- */


#container {width: 940px;margin-left:20px;}

#tunein_left {width: 460px;float:left;padding: 20px 0 0 0;margin: 0;}
#tunein_left object {margin-bottom: 10px;}


#tunein_welcome {
	width:460px;
	height:170px;
	margin-bottom: 10px;
	background-image: url(timetotunein.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#tunein_welcome-contest {
	width:460px;
	height:170px;
	margin-bottom: 10px;
	background-image: url(book-contest.gif);
	background-repeat: no-repeat;
	background-position: top left;
}




#tunein_welcome-contest p.left {float:left;width:130px;padding-top:87px;padding-left:89px;}
#tunein_welcome-contest p.right {float:right;width:130px;padding-top:87px;padding-right:76px;}



#welcome_message {
	padding-left: 144px;
	padding-top: 75px;
	width: 300px;
}

#welcome_message p {margin: 0;padding: 0;}


div#joinbox {width: 460px;height: 151px;margin: 0 0 10px 0;}

div#joinbox dl {width: 227px;height: 151px;background: url(join-bg.gif) no-repeat;}
div#joinbox dl dt {height: 110px;visibility: hidden;}
div#joinbox dl dd {padding: 34px 0 0 5px;}
div#joinbox dl dd a {text-indent: -99999px;display: block;width: 211px;height: 82px;}
div#joinbox dl.tuneincrew {float: left;}
div#joinbox dl.tuneincrew dd a {background: url(tuneincrew.jpg) no-repeat;}
div#joinbox dl.tuneincrew dd a:hover {background: url(tuneincrew-r.jpg) no-repeat;}
div#joinbox dl.facebook {float: right;display: inline;}
div#joinbox dl.facebook dd {padding-left: 14px;}
div#joinbox dl.facebook dd a {background: url(facebook.jpg) no-repeat;}
div#joinbox dl.facebook dd a:hover {background: url(facebook-r.jpg) no-repeat;}



#tunein_crew {
	position: relative;
	width:460px;
	height:151px;
	margin-bottom: 10px;
	background-image: url(tuneincrew.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#join_crew {
	padding-top: 50px;
	padding-left: 144px;
	width: 300px;
}
#btm_left {
	width:460px;
	float:left;
	clear:both;
}
#btm_left a:hover img {
	visibility:hidden;
}
#btm_left a {
	display:block;
}
#coolcareers {
	width:227px;
	height:76px;
	float:left;
}
a.coolcareers_r {
	height: 76px;
	text-indent: -9999px;
	background:url(coolcareers.gif) top left no-repeat; 
}
a.coolcareers_r:hover {
	background:url(coolcareers_r.gif) top left no-repeat; 
}
#askanaudio {
	width:227px;
	height:76px;
	float:right;
}
a.askanaudio_r {
	height: 76px;
	text-indent: -9999px;
	background:url(askanaudio.gif) top left no-repeat; 
}
a.askanaudio_r:hover {
	background:url(askanaudio_r.gif) top left no-repeat; 
}

#tunein_right {
	width: 460px;
	float:right;
}
#tunein_right a:hover img {
	visibility:hidden;
}
#tunein_right a {
	display:block;
}
a.action_zone_r {
	height: 170px;
	text-indent: -9999px;
	background:url(action_zone-new.gif) top left no-repeat; 
}
a.action_zone_r:hover {
	background:url(action_zone-new-r.gif) top left no-repeat; 
}
a.message_board_r {
	height: 170px;
	text-indent: -9999px;
	background:url(messageboard.gif) top left no-repeat; 
}
a.message_board_r:hover {
	background:url(messageboard_r.gif) top left no-repeat; 
}
a.contest_button_r {
	height: 170px;
	text-indent: -9999px;
	background:url(contest-button.gif) top left no-repeat; 
}
a.contest_button_r:hover {
	background:url(contest-button-hover.gif) top left no-repeat; 
}

#action_zone {
	width:225px;
	float:left;
	height:170px;
	margin-bottom: 10px;
}
#message_board {
	width:225px;
	float:left;
	height:170px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#contest_button {
	width:225px;
	float:left;
	height:170px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#music_news {
	width: 460px;
	height: 151px;
	clear: both;
	margin-bottom: 10px;
	background-image: url(musicnews.gif);
	background-repeat: no-repeat;
	background-position: top left;	
}
#music_pic {
	float: left;
	width: 134px;
}
a.music {
	height: 151px;
	text-indent: -9999px;
	background:url(mnews.gif) top left no-repeat; 
}
a.music:hover {
	background:url(mnews-r.gif) top left no-repeat; 
}
#newscopy {
	float: left;
	padding-top: 50px;
	padding-left:16px;
	width: 290px;
}
#btm_right {
	width:460px;
	float:left;
	clear:both;
	padding-top: 10px;
	*padding-top: 0;
}
#btm_right a:hover img {
	visibility:hidden;
}
#btm_right a {
	display:block;
}
#caretips {
	width:227px;
	height:76px;
	float:left;
}
#carekit {
	width:227px;
	height:76px;
	float:left;
	margin-left: 6px;
}
a.caretips_r {
	height: 76px;
	text-indent: -9999px;
	background:url(caretips.gif) top left no-repeat; 
}
a.caretips_r:hover {
	background:url(caretips_r.gif) top left no-repeat; 
}
a.carekit_r {
	height: 76px;
	text-indent: -9999px;
	background:url(carekit.gif) top left no-repeat; 
}
a.carekit_r:hover {
	background:url(carekit_r.gif) top left no-repeat; 
}




/* --------------------------------- CONTENT --------------------------------- */

.content {
	padding: 0 0 20px 0;
	background: transparent url(bg-content.jpg) repeat-x;
}

.copy {
	margin: 0 auto;
	padding-top: 8px;
	width: 961px;
}

.page {
	float: right;
	margin: 0 0 0 20px;
	padding: 14px 0;
	width: 700px;
	min-height: 400px;
	background: white url(bg-page.jpg) top no-repeat;
}

.page h2 {margin: 0 20px; text-indent: -9999px; height: 41px;}
.page h3 {margin: 20px 20px 10px 20px;}

.page p {margin: 10px 20px;}
.page p.note {margin: 10px 20px; color: #e77815; font-weight: bold;}

.page dl.selfesteem {margin: 10px 20px;}
.page dt.selfesteem {color: #333; font-size: 12px; margin: 0 0 0 20px; padding: 0px;}
.page dd {}	

.page img.movie {
	float: left;
	margin: 0 20px 0 20px;
	border: 1px solid #ccc;
	padding: 3px;
}

/* --------------------------------- CONTENT2 New --------------------------------- */

#con_image {
	background-image: url(contestsbg.jpg);
	background-repeat: no-repeat;
	width:660px;
	height:160px;
	margin-left: 20px;
	margin-bottom: 20px;
}

#az_image {
	background-image: url(actionzone_top.jpg);
	background-repeat: no-repeat;
	width:660px;
	height:160px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#cc_image {
	background-image: url(cc_image.jpg);
	background-repeat: no-repeat;
	width:660px;
	height:160px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#aaa_image {
	background-image: url(askanaudio.jpg);
	background-repeat: no-repeat;
	width:660px;
	height:160px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#nm_image {
	background-image: url(musicbg.jpg);
	background-repeat: no-repeat;
	width:660px;
	height:160px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#ct_image {
	background-image: url(caretips.jpg);
	background-repeat: no-repeat;
	width:660px;
	height:160px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#ck_image {
	background-image: url(ct_image.jpg);
	background-repeat: no-repeat;
	width:660px;
	height:160px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#r_image {
	background-image: url(register.jpg);
	background-repeat: no-repeat;
	width:660px;
	height:160px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#idea_image {
	background-image: url(idea-banner.jpg);
	background-repeat: no-repeat;
	width:660px;
	height:160px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#ipod_image {
	background-image: url(ipod-banner.jpg);
	background-repeat: no-repeat;
	width:660px;
	height:160px;
	margin-left: 20px;
	margin-bottom: 20px;
}

#navigate_image {
	background-image: url(navigate-banner.jpg);
	background-repeat: no-repeat;
	width:660px;
	height:160px;
	margin-left: 20px;
	margin-bottom: 20px;
}

#intro {
	float: right;
	width: 500px;
	padding-top: 38px;
}
.fleft2 {
	margin-left: 20px;
}
.fleft3 {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: solid 1px #b6bd6e;
}

.fleft4 {
	float: left;
	margin-right: 5px;
	margin-top: -2px;
}


#lscontent {
	float: left;
	width:440px;
}

#lscontent dl.featurebox {margin: 0 0 10px 20px;padding: 0;width: 420px;background: url(rc_bottom.gif) bottom no-repeat #dee786;padding-bottom: 10px;}
#lscontent dl.featurebox dt {background: url(rc_top.gif) top no-repeat;padding: 10px 20px 5px 20px;font-size: 15px; color:#406618;font-weight: bold;}
#lscontent dl.featurebox dd {padding: 2px 20px;color: #333;}

#lscontent dl.featurebox dd.thismonth {padding-bottom:10px;}
#lscontent dl.featurebox dd img.thumb {float: left;padding: 2px;border: 1px solid #ccc;margin: 0 10px 10px 0;}

#rscontent {
	float: left;
}
#rs {float: left; width: 205px; margin-left:20px; padding: 0px;}

dl#lbox {
	margin: 0 0 10px 20px;
	padding: 0;
	width: 420px;
	background-color: #dee786;
	background-image: url(rc_bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

dl#lbox dd {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 12px;
}

dl#lbox dd a.enterhere {
	float: right;
	display: block;
	width:75px;
	height: 16px;
	text-indent: -9999px;
	background:url(enterhere.gif) top left no-repeat;
}

dl#lbox dd a.enterhere:hover {
	background:url(enterhere_r.gif) top left no-repeat; 
}

dl#lbox2 {
	margin: 0 0 10px 20px;
	padding: 0;
	width: 420px;
	background-color: #eff3c3;
	background-image: url(rc2_bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

dl#lbox2 dd {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 12px;
}

/* FIX FOR ABOVE LBOX2 */
dl.lbox2 {margin: 0 0 10px 20px;padding: 0;width: 420px;background: #eff3c3 url(rc2_top.gif) top no-repeat;}
dl.lbox2 dd {padding: 0 20px 12px 20px;}
dl.lbox2 dd.title {background: url(bullet_go.gif) no-repeat 20px 0;color:#406618;font-size: 13px;padding-left: 42px;}
dl.lbox2 dd.btm {background: url(rc2_bottom.gif) no-repeat bottom;clear: both;padding-top: 8px;}

#lscontent dd.title {color:#406618;font-size: 13px;}
#lscontent dd.title span {font-size: 11px;color: #333;}

dl.response {background:url(response-bg.gif) top no-repeat;width: 370px;margin: 0 0 0 20px;padding: 10px 0;}
dl.response dd {padding: 0 20px;margin: 0 0 7px 0;font-style: italic;}
dl.response dd ol {margin: 0 0 0 20px;padding: 0;}
dl.response dd ol li {margin-bottom: 5px;}


/* --------------------------------- SIDENAV --------------------------------- */

.sidenav {
	float: left;
	width: 240px;
	margin: 0;
	padding: 0 0 50px; 0;
	background: #99ba3d url(bg-sidenav.jpg) bottom no-repeat;
}

.sidenav dt {
	height: 13px;
	background: #99ba3d url(bg-sidenav-dt.jpg) top no-repeat;
}

.sidenav dd a {
	display: block;
	height: 25px;
	margin-bottom:0px;
	text-indent: -9999px;
}

.sidenav dd a.home {background: transparent url(dd-home1.gif) no-repeat;}
.sidenav dd a.home:hover {background: transparent url(dd-home2.gif) no-repeat;}
.sidenav dd a.homeActive {background: transparent url(dd-home2.gif) no-repeat;}

.sidenav dd a.actionzone {background: transparent url(dd-actionzone1.gif) no-repeat;}
.sidenav dd a.actionzone:hover {background: transparent url(dd-actionzone2.gif) no-repeat;}
.sidenav dd a.actionzoneActive {background: transparent url(dd-actionzone2.gif) no-repeat;}

.sidenav dd a.contests {background: transparent url(dd-contests.gif) no-repeat;}
.sidenav dd a.contests:hover {background: transparent url(dd-contests2.gif) no-repeat;}
.sidenav dd a.contestsActive {background: transparent url(dd-contests2.gif) no-repeat;}

.sidenav dd a.coolcareers {background: transparent url(dd-careers1.gif) no-repeat;}
.sidenav dd a.coolcareers:hover {background: transparent url(dd-careers2.gif) no-repeat;}
.sidenav dd a.coolcareersActive {background: transparent url(dd-careers2.gif) no-repeat;}

.sidenav dd a.register {background: transparent url(dd-register1.gif) no-repeat;}
.sidenav dd a.register:hover {background: transparent url(dd-register2.gif) no-repeat;}
.sidenav dd a.registerActive {background: transparent url(dd-register2.gif) no-repeat;}

.sidenav dd a.audiologist {background: transparent url(dd-audiologist1.gif) no-repeat;}
.sidenav dd a.audiologist:hover {background: transparent url(dd-audiologist2.gif) no-repeat;}
.sidenav dd a.audiologistActive {background: transparent url(dd-audiologist2.gif) no-repeat;}

.sidenav dd a.caretips {background: transparent url(dd-caretips1.gif) no-repeat;}
.sidenav dd a.caretips:hover {background: transparent url(dd-caretips2.gif) no-repeat;}
.sidenav dd a.caretipsActive {background: transparent url(dd-caretips2.gif) no-repeat;}

.sidenav dd a.carekit {background: transparent url(dd-carekit1.gif) no-repeat;}
.sidenav dd a.carekit:hover {background: transparent url(dd-carekit2.gif) no-repeat;}
.sidenav dd a.carekitActive {background: transparent url(dd-carekit2.gif) no-repeat;}

.sidenav dd a.tba {background: transparent url(dd-tba1.gif) no-repeat;}
.sidenav dd a.tba:hover {background: transparent url(dd-tba2.gif) no-repeat;}
.sidenav dd a.tbaActive {background: transparent url(dd-tba2.gif) no-repeat;}

.sidenav dd a.messageboard {background: transparent url(dd-messageboard1.gif) no-repeat;}
.sidenav dd a.messageboard:hover {background: transparent url(dd-messageboard2.gif) no-repeat;}

.sidenav dd a.myidea {background: transparent url(myidea1.gif) no-repeat;}
.sidenav dd a.myidea:hover {background: transparent url(myidea2.gif) no-repeat;}
.sidenav dd a.myideaActive {background: transparent url(myidea2.gif) no-repeat;}


div#azone-lside {
	float: left;
	width: 240px;
}

div#l-side-news {
	margin-top:10px;
	float: left;
	width: 240px;
	clear: left;
}


div#l-side-news dl.newbox {
	width: 240px;
	padding-bottom: 10px;
	background: url(l-side-bg.gif) bottom no-repeat;
}

div#l-side-news dl.newbox dt {
	background: url(l-side-bg.gif) top no-repeat;
	padding-top: 10px;	
}

div#l-side-news dl.newbox dd.title  p {
	font-size: 15px;
	color:#e77815;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0 20px;
}

div#l-side-news dl.newbox dd.main {background: url(ipod-bg.jpg) left top no-repeat;padding-bottom:5px;}
div#l-side-news dl.newbox dd.main p {padding: 0 20px 0 40px;}



/* --------------------------------- WELCOME (HOME) --------------------------------- */

.welcome {
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	width: 240px;
	background: #d7e4af url(welcome-dl.jpg) bottom no-repeat;
}

.welcome dt {
	text-indent: -9999px;
	background: #d7e4af url(welcome-dt.jpg) top no-repeat;
}

.welcome p {
	padding: 0 20px 10px 20px;
	line-height: 16px;
}

/* --------------------------------- DETAIL BOXES (HOME) --------------------------------- */

.details {
	float: right;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	width: 470px;
}

.details dd {
	float: left;
	display: inline;
	margin: 0 0 10px 10px;
	padding: 10px;
	width: 200px;
	height: 132px;
	background-color: white;
	border-left: solid 1px #EBEBEB;
	border-top: solid 1px #EBEBEB;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.details dd h2 {
	margin: 0;
	padding: 0;
	display: block;
	height: 41px;
	text-indent: -9999px;
}

h2.registration {background: transparent url(h2-registration.jpg) no-repeat;}
h2.coolcareers {background: transparent url(h2-coolcareers.jpg) no-repeat;}
h2.changeofdetails {background: transparent url(h2-changeofdetails.jpg) no-repeat;}
h2.yourstorycouldwin {background: transparent url(h2-yourstorycouldwin.jpg) no-repeat;}
h2.actionzone {background: transparent url(h2-actionzone.jpg) no-repeat;}
h2.audiologist {background: transparent url(h2-audiologist.jpg) no-repeat;}
h2.audiologistsm {background: transparent url(h2-audiologistsm.jpg) no-repeat;}
h2.submitted {background: transparent url(h2-submitted.jpg) no-repeat;}
h2.messageboard {background: transparent url(h2-messageboard.jpg) no-repeat;}
h2.caretips {background: transparent url(h2-caretips.jpg) no-repeat;}
h2.carekit {background: transparent url(h2-carekit.jpg) no-repeat;}
h2.tba {background: transparent url(h2_musicnews.jpg) no-repeat;}
h2.privacy {background: transparent url(h2-privacy.jpg) no-repeat;}
h2.myidea {background: transparent url(h2-myidea.jpg) no-repeat;}
h2.contest-movie {background: transparent url(h2-contest-movie.gif) no-repeat;}
h2.contestwinners {background: transparent url(h2-contestwinners.gif) no-repeat;}
h2.fall-contest {background: transparent url(h2-fall-contest.jpg) no-repeat;}
h2.contests {background: transparent url(h2-contests.jpg) no-repeat;}
h2.musicnewsarchive {background: transparent url(h2-musicnewsarchive.jpg) no-repeat;}

.details a dd p {
	font-weight: normal;
	color: #666;
}

.details a:hover dd p {
	font-weight: normal;
	color: #333;
	text-decoration: underline;
}

.details dd p {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: x-small;
}

.details .wide {
	width: 432px;
	height: 82px;
}

/* --------------------------------- CARE TIPS --------------------------------- */

.rightBar {float: left; width: 205px; margin-left:20px; padding: 10px; display: inline;}
.rightBar dt {margin: 10px 0; font-size: 15px; color:#e77815;}
.rightBar dd a {display: block; padding: 4px 10px 4px 20px; font-weight: normal; color: #666; border-top: dotted 1px #666; background: white url(rightBar1.jpg) 2px 5px no-repeat;}
.rightBar dd a:hover {color: #6f851c; background: #dce8b2 url(rightBar2.jpg) 2px 5px no-repeat; text-decoration: none;}
.rightBar dd.disclaimer {padding: 6px; font-size: xx-small; border-top: dotted 1px #666;}
.rightBar dd.disclaimer p {margin: 0 0 10px 0; padding: 0 0 0 14px;}
.rightBar dd.disclaimer p b {color: #333;}





dl#story {
	padding-left: 0;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 15px 15px 0 0;
	width: 205px;
	background: #ebebeb url(storybtm.gif) bottom left no-repeat;
}

dl#story dt {
	margin-top: 0px;
	padding-top: 10px; 
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	background: transparent url(storytop.gif) no-repeat;
}

dl#story dd {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
}
dl#story dd.title {
	color:#406618;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
}
dl#story dd a {
	text-decoration:none;
	border: none;
	background-color: #ebebeb;
	padding: 0px;
	display:inline;
	background-image: none;
	color: #990000;
	
}
dl#story dd a:hover {
	background-color:#ebebeb;
	color: #990000;
	text-decoration: underline;
	
}


.activities {float: left; width: 425px; padding-left: 20px;}





/* Use this instead of the table */
dl.downloadblock {margin: 0 0 10px 20px;padding: 0;width: 420px;background-color: #f0f0f0;}
dl.downloadblock dt {margin: 0 0 10px 0; font-size: 13px; color:#e77815;padding: 6px 20px;}
dl.downloadblock dd {padding: 0 20px 6px 20px;font-size: 11px;}
dl.downloadblock dd a.img {display: block;border: solid 3px white;float: left;margin: 0 15px 10px 0;}
dl.downloadblock dd a.img:hover {border: solid 3px #e77815;}
dl.downloadblock dd.btm {clear: both;}

dl.newest {background: #dee786 url(rc_top.gif) top no-repeat;padding-top: 10px;}
dl.newest dt {background: url(bullet_go.gif) no-repeat 20px 6px;padding-left: 44px;color: #406618;}
dl.newest dd.btm {background: url(rc_bottom.gif) bottom no-repeat;height: 12px;}


table.downloadblock {margin: 0 0 10px 20px;padding: 0;width: 420px;background-color: #f0f0f0;}

table.downloadblock td {padding: 6px; margin: 0;}
table.downloadblock td p {padding: 0; margin: 0 0 10px 0;}
table.downloadblock td p b {color: #333;}
table.downloadblock td h1.title {padding: 10px 0; margin: 0 0 0 0; font-size: 13px; color: #e77815; border-top: dotted 1px #ccc;}
table.downloadblock td.title {margin-bottom: 10px; font-size: 13px; color:#e77815;}
table.downloadblock td.title2 {padding-top: 5px; margin-bottom: 10px; font-size: 13px; color:#e77815;}
table.downloadblock td.titleLight {margin-bottom: 10px; font-size: 11px; color:#666;}
table.downloadblock td.titleLight b {color:#333;}
table.downloadblock td.image a {display: block;border: solid 3px white;}
table.downloadblock td.image a:hover {border: solid 3px #e77815;}

table.downloadblock td img.right {float:right;padding:2px;border:1px solid #ccc;margin:0 0 10px 20px;}
table.downloadblock td img.left {float:left;padding:2px;border:1px solid #ccc;margin:0 20px 10px 0;}

table.downloadblock dl.full {margin: 0 auto; margin-bottom: 10px; width: 400px; padding: 0; clear: both; border-top: dotted 1px #999;}
table.downloadblock dl.full dt {color: #e77815; margin: 0; padding: 5px 3px;}
table.downloadblock dl.full dd {margin-bottom: ; padding: 5px 3px;}
table.downloadblock dl.full dd b {color: #333;}

dl.download {margin: 0 0 10px 0; padding: 6px; border: dotted 1px #ccc;}
dl.download dt {margin-bottom: 10px; font-size: 13px; color:#e77815;}
dl.download dd.sub {margin-bottom: 6px;font-size: 13px;color: #333;}
dl.download dd.footNote {margin: 10px 0; color: #333;}
dl.download dd.top {margin-top: 10px; text-align: right; text-transform: uppercase;}
dl.download dd.top a {padding: 0 0 0 14px; font-size: xx-small; color: #CCC; background: transparent url(top1.jpg) no-repeat;}
dl.download dd.top a:hover {color: #999; background: transparent url(top2.jpg) no-repeat; text-decoration: none;}
dl.download:hover {border: dotted 1px #b9aa90; background-color: #fff8ec;}

p.archive-link {padding-left: 20px;}



.fleft {float: left;margin-right: 15px;margin-bottom: 0px;padding: 0px;}


a.back {float: right; color: #666; margin: 10px 20px 0 0; padding: 4px 10px 4px 20px;background: white url(backBar1.jpg) 2px 5px no-repeat;}
a.back:hover {background: #dce8b2 url(backBar2.jpg) 2px 5px no-repeat; text-decoration: none;}


.musicphoto {
	width: 267px;
	height: 200px;
	background-color: #cccccc;
	float: right;
}

/* --------------------------------- newsArticle --------------------------------- */

.newsArticle {width: 650px;}
.newsArticle img.right {float: right; margin: 20px 0 20px 20px;}
.newsArticle a img.right  {display: block; border: double 3px #CCC;}
.newsArticle a:hover img.right {border: solid 3px #e77815;}
.newsArticle p.quote {padding: 6px; background-color: #F0F0F0;}
.newsArticle h1 {margin: 10px 0 0 20px;color: #e77815;}
.newsArticle h3 {color: #666; font-size: 12px; margin: 0 0 0 20px; padding-bottom: 8px; border-bottom: dotted 1px #CCC;}
.newsArticle h4 {color: #333; font-size: 12px; margin: 0 0 0 20px; padding: 6px 0 0 0;}

.newsArticle h1.section-title-lg {color: #99ba3d;font-size: 18px;}
.newsArticle h3.section-title {color: #e77815;}


.newsArticle img.right-photo {float: right;padding: 2px;border: 1px solid #ccc;margin: 0px 0px 10px 10px;}
.newsArticle img.left-photo {float: left;padding: 2px;border: 1px solid #ccc;margin: 0px 10px 10px 20px;}


.newsArticle ol li {margin-bottom: 7px;}


div#callout {background-color: #F0F0F0; padding-top:10px;padding-bottom: 10px;border:1px solid #ccc;}


dl#newmusicwide {
	float: right;
	padding-left: 0;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 10px 0px 20px 20px;
	width: 365px;
	background: #dee686 url(newmusicbtm.gif) bottom left no-repeat;
}

dl#newmusicwide dt {
	margin-top: 0px;
	padding-top: 10px; 
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	background: transparent url(newmusictop.gif) no-repeat;
}
dl#newmusicwide dt.title {
	color:#406618;
	font-size: 13px;
}
dl#newmusicwide dd {
	padding-left: 20px;
	padding-right: 20px;
}


dl#newmusic {
	float: right;
	padding-left: 0;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 10px 0px 20px 20px;
	width: 267px;
	background: #dee686 url(newmusicbtm.gif) bottom left no-repeat;
}

dl#newmusic dt {
	margin-top: 0px;
	padding-top: 10px; 
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	background: transparent url(newmusictop.gif) no-repeat;
}
dl#newmusic dt.title {
	color:#406618;
	font-size: 13px;
}
dl#newmusic dd {
	padding-left: 20px;
	padding-right: 20px;
}


dl#newidea  {
	height:170px;
}
dl#newidea dd.leftside {
	width: 150px;
	float: left;
	margin: 0px;
	padding: 0px;
}

dl#newidea dd.leftside a.enterhere-idea {
	width: 100px;
	height: 21px;
	text-indent: -999px;
	display: block;
	background: url(enterhere-idea.gif) no-repeat;
	margin-left:9px;
}
dl#newidea dd.leftside a.enterhere-idea:hover {
	background: url(enterhere-idea-r.gif) no-repeat;
}

dl#newidea dd.rightside {
	padding-left: 25px;
	padding-top: 50px;
}


div.regDetails {
	float: right;
	width: 175px;
	padding: 6px 6px 15px 6px;
	display: inline;
	margin: 0 20px 15px 20px;
	background-color: #f0f0f0;
}

div.regDetails b {
	font-size: 13px;
}

div.regDetails p {
	margin: 6px 0 0 0;
	padding: 0;
	font-size: 11px;
}

/* FORM */

form.basic {
	margin: 20px;
	padding: 6px 0 20px 0;
	border-top: dotted 1px #999;
}

form.basic .attachments {
	margin: 10px 0;
	padding: 0 0 10px 0;
	background-color: #def0e7;
	border: solid 1px #b5d0c3;
}

form.basic label {
	float: left;
	width: 120px;
	padding: 4px 20px;
	margin: 0 0 6px 0;
	text-align: right;
	border: solid 1px white;
}

form.basic label.mandatory {
	background: transparent url(bg-mandatory.jpg) 0px 5px no-repeat;
}

form.basic label.mandatoryTitle {
	float: left;
	width: 630px;
	padding: 4px 0 10px 20px;
	margin: 0 20px 15px 0;
	text-align: left;
	font-weight: bold;
	border: solid 1px white;
	color: #333;
	background: transparent url(bg-mandatory.jpg) 0px 5px no-repeat;
	border-bottom: dotted 1px #CCC;
}

form.basic label em {
	display: block;
	color: #999;
	font-style: normal;
	font-size: xx-small;
}

form.basic input, select {
	font-size: 11px;
}

form.basic input.text {
	float: left;
	width: 200px;
	padding: 3px;
	color: #666;
	border: solid 1px #CCC;
}

form.basic input.month {
	width: 25px;
	margin-right: 3px;
}

form.basic input.day {
	width: 25px;
	margin-right: 3px;
}

form.basic input.year {
	width: 40px;
	margin-right: 3px;
}

form.basic input.postal {
	width: 50px;
	margin-right: 3px;
}

form.basic input.text:focus {background-color: #fff8ec; color: #000; border: solid 1px #b9aa90;}

form.basic textarea {
	float: left;
	padding: 3px;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial;
	color: #666;
	border: solid 1px #CCC;
}

form.basic textarea:focus {background-color: #fff8ec; color: #000; border: solid 1px #b9aa90;}

form.basic br {
	clear: both;
}

form.basic select {
	float: left;
	padding: 3px;
	color: #666;
	border: solid 1px #CCC;
}

form.basic .options {
	margin: 20px 0 50px 0;
	padding: 10px 0;
	border-top: dotted 1px #999;
}

form.basic input.submit {
	float: left;
	padding: 4px;
	border-left: solid 1px #CCC;
	border-top: solid 1px #CCC;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	font-size: 12px;
	background-color: #f0f0f0;
}

form.basic input.submit:hover {
	border-left: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
	background-color: #dce7b2;
}



/* --------------------------------- CAREERS --------------------------------- */

div#interview {margin-right: 15px;}
div#interview p.question {padding: 6px 0 0 30px; font-size: 13px; font-weight: bold; color: #333; background: transparent url(icon-q.jpg) 0px 6px no-repeat; border-top: dotted 1px #CCC;}
div#interview div.answer {margin: 0 0 0 15px; padding: 2px 20px 14px 35px; background: transparent url(icon-a.jpg) 5px 0px no-repeat;}
div#interview div.answer p {margin: 0; padding: 0;}

div#interview p.question2 {padding: 6px 0 0 30px; color: #333; background: transparent url(icon-q.jpg) 0px 6px no-repeat; border-top: dotted 1px #CCC;}
div#interview p.questionby {margin-left:50px;font-style: italic;}


div#interview-sections {
	background: #99ba3d;
	height: 25px;
	margin-left: 20px;
	color: white;
	text-align: right;
	padding-right:10px;
	line-height: 25px;
	font-weight: bold;
	
}

div#interview-sections a {
	color: #cfe396;
	text-decoration: none;
}

div#interview-sections a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* --------------------------------- FOOTER --------------------------------- */

.footer {
	margin: 0 auto;
	
	width: 961px;
	font-size: xx-small;
	text-transform: uppercase;
	color: #666;
	background: transparent url(footer-bg-fr.gif) 15px 0px no-repeat;
}

.footer p {
	display: block;
	padding-top: 5px;
	line-height: 21px;
	margin-left: 25px;
}

.footer p.jigsaw {color: #999; margin-right: 20px; line-height: 15px; text-transform: none;}


.footer a {
	font-weight: normal;
	color: #999;
	text-decoration: none;
}

.footer a:hover {
	color: #333;
	text-decoration: none;
}