/*---------------------------------------------------------*/
/* Copyright 2008 WAVE - Web Audio Visual Engineering Ltd. */ 
/*---------------------------------------------------------*/

.ionRapper{
width:950px;
background-color:#F2F2F1;
border:0px;
margin:5px auto;
}

.ionInnerBody{
color:#000;
background-color:#F2F2F1;
padding:5px;
padding-top:8px;
font-size:10px;
font-weight:bold;
}

.ionLogo{
padding:5px 0px 0px 10px;
}

.ionContent{
width:74%;
float:left;
}

.ionContainer{
margin-top:5px;
}

.ionBody{
background:#FFF;
padding:0px;
padding-top:8px;
}


.ionBodyTwo{
background-color:#F2F2F1;
padding:5px;
font-size:11px;
font-weight:bold;
}

.ionHistoryText{
background:#F2F2F1;
font-size:9px;
text-align:right;
text-transform:lowercase;
padding:3px;
padding-right:5px;
}

.ionBandInfoBox,
.ionBandInfoBoxHeading{
background-color:#FFF;
color:#000;
font-size:10px;
text-align:left;
text-transform:none;
}

.ionBandInfoBox{
padding:5px;	
}
.ionBandInfoBoxHeading{
font-weight:bold;
color:#999;
}
.ionBandInfoBoxDetail{
font-weight:normal;
}

.ionBandInfoBoxSized{
width: 218px;
overflow: auto;
}

.ionMenu{
background-color:#FFF;	
margin-top:5px;
text-align:left;
padding:5px;
font-size:11px;
font-family:Verdana;
font-weight:normal;
}

.ionWelcomeText{
font-size:10px;
font-family:Verdana;
font-weight:normal;
}

.ionRGB {
color:#FF0B05;
}

.homeButton,
.navButton,
.menuButtons,
.selectButton a {
outline: none;
border: none;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
vertical-align: middle;
display: -moz-inline-box;
display: inline-block;
}

.homeButton {
text-align: center;
padding: 4px 6px;
color:#0D84FB;
background:#E6E6E6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%;
font-weight:bold;
font-size: 11px;
border: 1px solid #0D84FB;
}

.selectButton {
text-align: center;
padding: 4px 6px;
color:#0D84FB;
background:#E6E6E6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%;
}

.navButton {
text-align: center;
color: #0D84FB;
background: #F2F2F1;
padding: 4px 6px;
}

.navButton:hover {
color: #CCFFFF;
}

.homeButton:hover {
color: #0000FF;
}

.selectButton:hover {
color: #0000FF;
background: #0D84FB;
}

.menuButtons a {
color: #fff;
background: #0D84FB;
padding: 10px 12px;
}

.menuButtons a:hover {
background: #248;
}

.topNavMenuBorder {
border:0px;
border-top:1px;
border-style:solid;
border-color:#0D84FB;
}

.ionExploreButton{
font-size:10px;
font-weight:bold;
text-transform:uppercase;
color:#0D84FB;
background:#FFF;
padding:3px;
margin-bottom:3px;
}


.ionInputForm{
background-color:#FFF;
padding:0px;
border:1px solid #0D84FB;
font-size:9px;
font-family:Verdana;
font-weight:bold;
color:#000;
}

.ionSpotLightTitle, 
.ionFeaturedArtTitle{
color:#595959;
border-bottom:1px solid #DFDFDF;
font-size:13px;
font-weight:bold;
padding:0px 5px 5px;
}

.ionTopFiveTitle{
color:#595959;
font-size:13px;
font-weight:bold;
padding:0px 5px 5px;
}

.ionTopFiveSymbols{
background-color:#FFF;
color:#595959;
font-size:9px;
font-weight:bold;
padding:4px;
text-align:center;
vertical-align:top;
}

.ionTopFiveBorder{
border-top:1px solid #DFDFDF;
}

.ionTopFiveContainer {
background-color:#F2F2F1;
padding:8px;
margin:8px;
margin-top:0px;
}

.ionTopFiveTraxHeader{
background-color:#FFF;
padding:8px;
font-size:10px;
}

.ionFeaturedArtContainer {
background-color:#CCC;
padding:3px;
text-align:center;
vertical-align: middle;
}

.ionFeaturedArtHeader{
background-color:#FFF;
padding:8px;
font-size:10px;
}

.ionSpotLightContainer {
background-color:#F2F2F1;
padding:8px;
margin:8px;
margin-top:0px;
}

.ionArtLaunchPadHead, 
.ionArtLaunchPadHeadText{
background-color:#F2F2F1;
color:#595959;
font-size:9px;
font-weight:bold;
text-align:left;
text-transform:capitalize;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:3px;
margin-bottom:2px;
}

.ionArtLaunchPadHeadText{
padding:0px;
font-weight:normal;
color:#000;
}

.ionArtLaunchPadName{
font-size:14px;
font-weight:bold;
text-transform:capitalize;
}

.ionArtContainer{
padding:8px;
background:#FFF;
font-size:10px;
}
	
.ionArtAudioContainer{
font-size:11px;
font-weight:bold;
text-align:center;
padding:8px;
background-color:#000;
}

.ionArtAudio{
text-align:center;
}

.ionArtAudioTitle{
color:#999;
font-size:11px;
font-weight:bold;
text-transform:capitalize;
text-align:center;
}

.ionArtAudioTrax{
height: 140px;
text-align:center; 
vertical-align:middle; 
background-position: center; 
background-repeat:no-repeat;
}

.ionArtVideoContainer{
background-color:#000;
vertical-align:top; 
padding:8px;
}

.ionArtVideo{
text-align:center;
}

.ionArtVideoTitle{
color:#999;
font-size:11px;
font-weight:bold;
text-transform:capitalize;
text-align:center;
}

.ionArtVideoTrax{
height: 140px;
text-align:center;
vertical-align:middle;
background-position: center;
background-repeat:no-repeat;
}

.ionButton, 
a.ionButton{
color:#0D84FB;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
background:#FFF;
padding:3px;
margin-bottom:3px;
text-decoration:none;
display: -moz-inline-box;
display: inline-block;
}

a.ionButton:hover{
background-color: #FF0B05;
text-decoration:none;
color:#FFF;
}

a.ionButton_selected {
border-bottom-color: #3F2929;
background-color: #FF0B05;
 }

#ionNavButtonContainer {
text-decoration:none;
}
  
#featureElementsContainer {
background-color: #3F2929;
padding: 10px;
}

.ionAnyBody{
color:#000;
background-color:#F2F2F1;
padding:5px;
font-size:10px;
font-weight:bold;
}

.ionHeadGrey{
background-color:#CCC;
padding:5px;
font-size:11px;
font-weight:bold;
}

.ionHeadGreyBigWhiteText{
color:#999999;
background-color:#F2F1F1;
padding:5px;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}

.ionHeadWhitePad5{
background-color:#FFF;
padding:5px;
}

.ionHeadGreySmlCapText{
color:#CCC;
background-color:#FFF;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
}

.ionHeadGreySmlCapTextTrans{
color:#999;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
}

.miniMessageBox{
color:#FF0B05;
font-family:Verdana;
font-size:9px;
font-weight:normal;
text-transform:none;
text-align:center; 
background-color:#FFF; 
border:0px;
}

.ionTraxInfoViewport,
.ionTraxInfoHeader{
background-color:transparent;
color:#CCC;
text-align:left;
padding-left:3px;
font-size:9px;
font-family:Verdana;
font-weight:bold;
}

.ionTraxInfoHeader{
background-color:transparent;
text-transform:capitalize;
padding:0 0 0 38px;
}

.ionGraffitiWallButton{
color:#000;
font-size:8px;
font-weight:bold;
text-transform:capitalize;
background:#FFF;
margin-bottom:3px;
text-align:right;
}

a.ionGraffitiWallButton{
color:#0D84FB;
text-decoration:none;
}


/* Star Raters */
.ui-rater div {vertical-align:top; width:90px;}
.ui-rater-rating {margin-left:.8em;}
.ui-rater-starsOff, .ui-rater-starsOn {display:inline-block; max-width:90px; height:18px; background:url(images/stars.gif) repeat-x 0 0px;}
.ui-rater-starsOff {width:90px; text-align:left;}
.ui-rater-starsOn {display:block; max-width:90px; top:0; background-position: 0 -36px;}
.ui-rater-starsHover {background-position: 0 -18px!important;}
.ui-rater-totals {font-family:Verdana; font-size:9px; font-weight:normal;}

.ui-rater-mini div {vertical-align:top; width:50px; height:12px; padding:0px; margin:0px;}
.ui-rater-rating-mini {margin-left:.8em;}
.ui-rater-starsOff-mini, .ui-rater-starsOn-mini {display:inline-block; padding:0px; margin:0px; max-width:50px; height:12px; background-image:url(images/stars_mini.gif); background-repeat: repeat-x;}
.ui-rater-starsOff-mini {width:50px; text-align:left;}
.ui-rater-starsOn-mini {display:block; max-width:50px; top:0; background-position: 0 -24px;}
.ui-rater-starsHover-mini {background-position: 0 -12px!important;}
.ui-rater-totals-mini {font-family:Verdana; font-size:9px; font-weight:normal; text-align:left; margin-left:-5px; background-color:#FFF;}