/* This contains new styles, this should add to the groupx.css after the initial development phase */
.highlight { background-color: yellow }/* Text highlight */

a.textcamelcase{
    text-transform: capitalize;
}
a.textuppercase{
    text-transform: uppercase;
}

.RadWindow .rwWindowContent .radconfirm
{
    background:none !important;
    
}

.RadWindow .rwWindowContent .radalert
{
    background:none !important;
} 
.RadWindow .rwDialogPopup2
{
	margin: 16px;
	color: black;	
	padding: 0px 0px 16px 0px;
	font: normal 12px "Segoe UI", Arial, Verdana;
	cursor: default;
}

.rwDialogPopup2 .rwPopupButton
{
    margin: 0;
}

.rwDialogPopup2 .rwPopupButton:focus,
.rwDialogPopup2 .rwPopupButton:active
{
    border: dotted 1px #999;                        
}

.rwDialogPopup2 .rwPopupButton,
.rwDialogPopup2 .rwPopupButton span
{
	display: block; 
	float: left;
}
a:focus {
  /*border: 1px dotted gray;  commented due to bug #43 */
}

a.nofocusborder:focus {
  border: none;
}


div.tooltip{
    display : none;
}

album div.tooltip{
    position: absolute;
	width: 253px;
	height: 54px;
	/* background: url(../images/bg_ctaTooltip.png) 0 0 no-repeat;  */
	top: -1.5em;
	left: -35%;
	z-index: 15000;
}

.emptytext{
 color:White;
}

.messagefonts{    
  height: auto;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
}
.messagesmallfonts{    
  height: auto;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color:Gray;
}

/* Mega Menu - Shop Music styles */

.megaMenu .musicIntro {
	float:left;
	width:36%
}

.megaMenu .musicIntro:first-child {
	padding-right:5%;
	border-right:1px solid #ccc
}

.megaMenu .musicIntro#nonpplMenu {
	margin-left:5%
}

.megaMenu .musicIntro h4 {
	font-size:16px;
	margin-bottom:10px
}

.megaMenu .musicIntro p {
	font-size:12px;
	font-style:italic;
	color:#555555
}

.megaMenu .musicIntro p a {
	color:#4588cc !important
}

.megaMenu #pplMenu p {
	font-weight:bold
}

.megaMenu .musicIntro p span {
	display:inline-block;
	height:21px;
	padding-top:5px;
	padding-left:35px;
	font-weight:bold;
	background-position:left center;
	background-repeat:no-repeat
}

.megaMenu .musicIntro p span.country.uk {
	margin-right:10px;
	background-image:url("../images/uk_flag_icon.png")
}

.megaMenu .musicIntro p span.country.australia {
	background-image:url("../images/aus_flag_icon.png")
}

#nav .megaMenu a.viewMusic {
	float:left;
	display:inline-block;
	padding:15px 50px 15px 20px;
	margin:5px 0 15px;
	font-size:16px;
	color:#FFF !important;
	text-transform:uppercase;
	background-position:90% center !important;
	background-repeat:no-repeat !important;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px
}

#nav .megaMenu #pplMenu a.viewMusic {
	background-color:#4588cc;
	background-image:url("../images/megamenu_blue_btn.jpg")
}

#nav .megaMenu #nonpplMenu a.viewMusic {
	background-color:#ef6622;
	background-image:url("../images/megamenu_orange_btn.jpg")
}

#nav .megaMenu .musicSecondLevel {
	display:none;
	clear:both
}

#nav .megaMenu .musicSecondLevel .musicHead {
	width:82.8%;
	padding:20px 20px 40px;
	margin:-20px -1px 20px -22px;
	background-color:#4588cc
}

#nav .megaMenu #pplMusic .musicHead {
	background-color:#4588cc
}

#nav .megaMenu #nonpplMusic .musicHead {
	background-color:#ef6622
}

#nav .megaMenu .musicSecondLevel .musicHead h4 {
	display:inline;
	width:60%;
	font-size:16px;
	color:#FFF;
	border:none
}

#nav .megaMenu .musicSecondLevel .musicHead a {
	float:right;
	font-size:13px;
	color:#FFF
}

#nav .megaMenu .musicSecondLevel .musicHead h4 a.btn {
	float:none;
	padding:5px;
	margin-left:20px;
	text-decoration:none;
	background-color:#FFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px
}

#nav .megaMenu #pplMusic .musicHead h4 a.btn {
	color:#4588cc

}

#nav .megaMenu #nonpplMusic .musicHead h4 a.btn {
	color:#ef6622
}

h4.blue {
	color:#4588cc
}

h4.orange {
	color:#ef6622
}

h4.green {
	color:#99cc33
}