body
{
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.5em;
	background-color: #303231; /* #303231;  #272928 for IE 7 */
	font-family: Myriad Web Pro, Arial, sans-serif;
	color: #A8B6BF;
	min-width:980px;
}
.Body{margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.5em;
	background-color: #303231; 
	font-family: Myriad Web Pro, Arial, sans-serif;
	color: #A8B6BF;
	min-width:980px;}

.ie .Body{margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.5em;
	background-color: #272928; 
	font-family: Myriad Web Pro, Arial, sans-serif;
	color: #A8B6BF;
	min-width:980px;}	

/*.mac .Body{margin: 0;
	padding: 0 0 10px 0;
	line-height: 1.5em;
	background-color: #272928; 
	font-family: Myriad Web Pro, Arial, sans-serif;
	color: #242626;
	min-width:980px;}	*/
	
a{	text-decoration: none;}
img{border:none}

#headerArea
{
	background-color: White;
	width: 100%;
	height: 110px;
}
.logo{margin: 0px 20px;}
#headerArea #UserLogin
{
	float: right; 
	margin:25px 40px;
	font-size:12px;
	width:auto;
	background-color: Transparent;
}
/*#headerArea #UserLogin img{margin:0;border:0;}*/
#UserLogin .light{text-align:center; font-size:14px; color:#bbbbbb;line-height:1.4em}
/*#headerArea #UserLogin #user img{height:50px; width:50px;}*/
#headerArea #UserLogin #SignOut{margin-top:10px;}
#headerArea #UserLogin #username{margin-top:-5px;}
#maincontainer
{
	width: 980px; /*Width of main container 100%*/
	margin: 0 auto; /*Center container on page*/
	background:#272928 url(/img/Blue/Back.png) repeat-y top center;
}
#search
{
	position: relative;
	/*width:980px; 100%;
    height: 65px;*/
	color: #A8B6BF;
	background-color: #303232;
}
#search a
{
	font-weight: normal;
}
#search a.selectedItem,.selectedItem
{
	font-weight: bold; color:#a4a9ad;
}
/*#search #leftLinks
{
	width: 300px;
	float: left;
	margin-left: 9px;
	min-height:10px;
	height:10px;
}
#search #leftLinks #contentsLeftLinks
{
	margin-top: 25px;
	margin-left: 40px;
}
#search #rightLinks #contentsRightLinks
{
	margin-top: 25px;
}
#search #rightLinks
{
	width: 190px;
	float: right;
	margin-right: 5px;
}*/
#search #searchBox
{
	width: 439px;
	float: left;
	padding-left:0px;
	margin: 0px 0px 0px 0px;
	height: 50px;
	background: url(/img/blue/SearchBack.png) bottom repeat-x ;
}
#search #searchBox #searchForm
{
	margin: 11px 0px 0px 46px;
}
#search #searchBox .textbox
{
	width: 250px;
	height: 20px;
	font-size: larger;
}
.textboxwatermark
{
	color: Gray;
	width: 250px;
	height: 20px;
	font-size: larger;
}
#container
{
	width: 100%;
	margin: 0px auto 0px auto;
	overflow: hidden;
}
/*.leftSide, .rightSide
{
	margin-top: 20px;
	width:255px;
}
/*transparent url(/images/layout/tab2.gif) repeat-y scroll 0 -50px*/
.leftSide
{
	float: left;
	width:265px;
	padding: 0px 0px 1000px 0px;
	margin: 52px 0px -1000px 0px;
	/*background:url(/img/Blue/LeftSideBack.png) repeat-y right;*/
}
.leftBar
{
    height:100%;
    float:left;
    width:0px;
    background:url(/img/blue/LBack.png) repeat-y ;
}
.rightBar
{
    height:100%;
    float:left;
    width:0px;
    background:url(/img/blue/RBack.png) repeat-y ;
}
.leftSide #longBarDouble
{
	float: left;
	width: 60px;
	margin-top: 5px;
}
.longBarLeft
{
	width: 25px;	
	float: left;
	cursor: pointer;
	background-color: #496781; /*background-image:url(img/arrow_left.jpg) no-repeat ;*/
}
.leftSideAllBoxes
{
	margin-top: 0px;
}
.leftSide #leftSideBoxes, #browsingTool
{
	/*float: left;*/
	width: 265px;
}
.leftSideBox
{
	/*width: 100%;  */
	margin-left: 5px;
	margin-top: 0px;
}
h2
{   width:225px;
	font-family: Myriad Web Pro, Arial, sans-serif;
	padding-left: 10px;
	font-size: 18px;
	font-weight:bold;
	margin: 0px;
	margin-top: 5px;
	color: #b6b6b6;
	/*background-color: #303231;*/
	cursor: pointer;
}
h2.Header
{
	padding-left: 30px;
	color:#b6b6b6;
	/*background-color: #303231;*/
}
h2.showUpArrow
{
	padding-left: 30px;
	color:#b6b6b6;
	background: url(../img/blue/arrow_right.png) no-repeat top left; /*backgground-color: #496781;*/
}
h2.showDownArrow
{
	padding-left: 30px;
	color:#b6b6b6;
	background:url(../img/blue/arrow_down.png) no-repeat top left; /*background-color: #496781;*/
}
h2.buttton{padding-left: 30px;}
h2.buttton:hover{padding-left: 30px;color:#193C58}
.boxGenresContents .firstContent
{
	padding-top: 3px;
}
.boxGenresContents div
{
	font-size: 15px;
	margin-left: 5px;
	line-height: 1.2em;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
}
.leftSideBoxLink /*.leftSideBox div a*/
{
	margin-left: 5px;
	margin-bottom: 15px;
	color: #a7a7a7;
	font-weight:normal;
}
.SelectedleftSideBoxLink /*.leftSideBox div a*/
{
	margin-left: 5px;
	margin-bottom: 15px;
	color: #ffffff;
	font-weight:bold;
}
.leftSideBoxLink:hover /*.leftSideBox div a:hover*/
{
	/*margin-left: 5px;
	margin-bottom: 15px;*/
	color: #ffffff;
	font-weight:bold;
}	
.rightSide
{
	width:275px;
	padding: 0px 0px 1000px 0px;
	margin: 0px 0px -1000px 1px;
	float: left;
	/*background:url(/img/Blue/RightSideBack.png) repeat-y left;*/
}
.rightSide #longBarHalf
{
	margin-top: 5px;
}
.longBarRight
{
	width: 25px;	
	background-color: #496781;
	float: right;
	cursor: pointer;
	margin-left: 5px;
}
#rightSideBoxes
{
	float: left;
	width: 265px;
	margin-left:10px;
}
#rightSideBoxes h2
{
	width: 210px;
}
/*
#boxBrowseContents div
{
	font-size: 15px;
	margin-left: 5px;
	line-height: 1.2em;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
}*/
.browserMO{}
.browserMO:hover{-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;
                 -moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;
                 background-color:#193C58;}
.webkit .browserMO:hover{-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;
                         -webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;
                         background-color:#193C58;}
.flowerPanel{-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;
          -moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;
          background-color:#32597a;border:Solid 3px #bbbbbb; }
.webkit .flowerPanel{-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;
  background-color:#32597a;border:Solid 3px #bbbbbb;}
  
  .comment{background:url(/img/blue/Comment.png) no-repeat center; width:8px;height:55px;float:left;margin-left:11px;}
  .CommentPanel{-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;
          -moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;
          background-color:#152735;float:left;width:200px;min-height:45px; }
 .webkit .CommentPanel{-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;
          -webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;
          background-color:#152735;float:left;width:200px;min-height:45px; }
 .ie .CommentPanel{-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;
          -moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;
          background-color:#0f1f2c;float:left;width:200px;min-height:45px; }
          
 .RoundPanel{-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;
          -moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;
          border:Solid 2px #bbbbbb;margin-top:7px; }
.webkit .RoundPanel{-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;
  border:Solid 2px #bbbbbb;margin-top:7px;}
 /*.ie .RoundPanel{-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;
          -moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;
          border:Solid 2px #bbbbbb;margin-top:7px; }*/
          
  .blackRoundPanel{-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;
  -moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;
  background-color:#1e3338;border:Solid 2px #bbbbbb;margin-top:7px; }
.webkit .blackRoundPanel{-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;
  background-color:#1e3338;border:Solid 2px #bbbbbb;margin-top:7px;}

.menuBack{-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;
          -moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft:7px;
          background-color:#1F3439;height:28px;}
          
.webkit .menuBack  /* For Safari and Chrome*/
{
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
  background-color:#1F3439;height:28px;}
 
.tabbutton{color:#bbc0c6;font-size:12px;border:none;cursor:pointer;font-weight:bold;line-height:1.0em;padding:2px 8px 8px 8px;}
.tabbutton:hover{text-decoration:underline;}
.tabselected{-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;
             background:url(/img/blue/ActiveTabBack.png) repeat left top ;padding:2px 8px 8px 8px;
             color:#bbc0c6;font-size:12px;border:none;cursor:pointer;font-weight:bold;line-height:1.0em;}
 
.webkit .tabselected{-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;
             background:url(/img/blue/ActiveTabBack.png) repeat left top ;padding:2px 8px 8px 8px;
             color:#bbc0c6;font-size:12px;border:none;cursor:pointer;font-weight:bold;line-height:1.0em;}
              
/*.ie .tabselected{-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;
 background-color: #294e6f;padding:2px 8px 8px 8px;
 color:#bbc0c6;font-size:12px;border:none;cursor:pointer;font-weight:bold;line-height:1.0em;}*/
 
.menuTab{overflow:hidden;padding-left:10px;}
.menuTab li{ float:left;list-style:none;padding:4px 3px 0px 3px;}
.menuTab a{color:#bbc0c6;font-size:12px;text-decoration:none;border:none;cursor:pointer;font-weight:bold;line-height:1.0em;vertical-align:text-top;}
.menuTab a:hover{text-decoration:underline;}
.menuTab div{padding:3px 5px 0px 5px;}
.menuTab .active a{color:#bbc0c6;font-size:12px;text-decoration:none;border:none;cursor:pointer;font-weight:bold;vertical-align:text-top;}

.menuTab .active div{-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;
                     background:#32597a url(/img/blue/ActiveTabBack.png) repeat left top ;padding:3px 5px 0px 5px;}
/* For Safari and Chrome*/
.webkit .menuTab .active div{-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;
                     background:#32597a url(/img/blue/ActiveTabBack.png) repeat left top ;padding:3px 5px 0px 5px;}
/* For IE
.ie .menuTab .active div{-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;background-color: #294e6f;padding:3px 5px 0px 5px;}*/

.menuTab .activeRound a{color:#bbc0c6;font-size:12px;text-decoration:none;border:none;cursor:pointer;font-weight:bold;vertical-align:text-top;}
.menuTab .activeRound div{-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;
                          -moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;
                          background:#32597a url(/img/blue/ActiveTabBack.png) repeat left top ;}
.webkit .menuTab .activeRound div{-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;
background:#32597a url(/img/blue/ActiveTabBack.png) repeat left top ;}

.firstContent
{
	margin-top: 5px;
}
.centre
{
	width: 438px;
	margin:auto;
	float: left;
	/*margin-left: 3px;
	padding-left:10px;
	padding-right:10px;*/
	
}
#centerBoxContainer{margin-top: 50px;}

#repeatertdskremr a,#rptryoutubetd a
{
	font-family: Myriad Web Pro, Arial, sans-serif;
	/*color: #32597A;*/
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}
.labelstyleinrepeater
{
	font-family: Myriad Web Pro, Arial, sans-serif;
	color: #A8B6BF;
	line-height: 1.1em;
	font-size: 14px;
	display: block;
}
.playlistbutton
{
	font-family: Myriad Web Pro, Arial, sans-serif;
	color:#A4A9AD; /*#d1d1d1;*/
	line-height: 1.1em;
	font-size: 14px;
	display: block;
	font-weight: normal;
	border: none;
	text-align: left;
}
.playlistbutton:hover
{
	font-family: Myriad Web Pro, Arial, sans-serif;
	color: #A4A9AD;
	line-height: 1.1em;
	font-size: 14px;
	display: block;
	font-weight: normal;
	border: none;
	text-align: left;
	background-color:#484848;
}
.playlistbuttonSelected
{
	font-family: Myriad Web Pro, Arial, sans-serif;
	color: #A4A9AD;
	line-height: 1.1em;
	font-size: 14px;
	display: block;
	font-weight: normal;
	border: none;
	text-align: left;
	background-color:#32597a;
}
.playlistStyle
{
	/*font-family: Myriad Web Pro, Arial, sans-serif;*/
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 10px;
	font-size: 15px;
	margin: 0px;
	margin-top: 5px;
	color:  #a7a7a7;/* #b8b8b8;*/
	cursor: pointer;
	white-space:nowrap;
	border-bottom:Solid 3px #474747;
}
.playlistStyle:hover
{
	padding-left: 10px;	
	margin: 0px;
	margin-top: 5px;
	color: #a7a7a7;
	cursor: pointer;
	white-space:nowrap;
	background-color:#484848;
}
.playlistSelectedStyle
{
	padding-left: 10px;	
	margin: 0px;
	margin-top: 5px;
	color: #a7a7a7;
	cursor: pointer;
	white-space:nowrap;
	background-color:#32597a;
}
.playlistSelectedStyle:hover
{
	padding-left: 10px;	
	margin: 0px;
	margin-top: 5px;
	color: #a7a7a7;
	cursor: pointer;
	white-space:nowrap;
	background-color:#32597a;
}
.ShoutBoxComment{font-family: Myriad Web Pro, Arial, sans-serif;
	color:#A4A9AD; /*#d1d1d1;*/
	line-height: 1.1em;
	border: none;
	text-align: left;
	display:inline;
	font-weight:bold;
	font-size:12px;
	margin-left:130px;
}
.ShoutBoxComment:hover{text-decoration:underline;}
	
.linkbuttonstyleinrepeater
{
	font-family: Myriad Web Pro, Arial, sans-serif;
	color:#A4A9AD; /*#d1d1d1;*/
	line-height: 1.1em;
	font-size: 14px;
	display: block;
	font-weight: normal;
	border: none;
	text-align: left;
}
.linkbuttonstyleinrepeater:hover
{
	font-family: Myriad Web Pro, Arial, sans-serif;
	color: #A4A9AD;
	line-height: 1.1em;
	font-size: 14px;
	display: block;
	font-weight: normal;
	border: none;
	text-align: left;
}
td.firstContent{padding-top:3px;}
.Border{border-bottom:Solid 3px #474747;
        border-top:Solid 3px #474747;}
.BottomBorder{border-bottom:Solid 3px #474747;}
.Border:hover{border-bottom:Solid 3px #474747;
        border-top:Solid 3px #474747;background-color:#484848;}
.BottomBorder:hover{border-bottom:Solid 3px #474747;background-color:#484848;}
.BottomBorderSelected{border-bottom:Solid 3px #474747;background-color:#32597a;}
.BottomBorderSelected:hover{border-bottom:Solid 3px #474747;background-color:#32597a;}
.playListRightMargin{margin-right:-10px;}
.listHeaderlabel
{
	/*font-family: Myriad Web Pro, Arial, sans-serif;*/
	padding-left: 0px;
	font-size: 14px;
	margin: 0px;
	margin-top: 0px;
	cursor: pointer;
	color:#f8ffff;
	font-weight:bold;
	white-space:nowrap;
}
.PaddingLeft10{padding-left: 10px;}
.playlistlabel
{
	/*font-family: Myriad Web Pro, Arial, sans-serif;*/
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 10px;
	font-size: 15px;
	margin: 0px;
	margin-top: 5px;
	color:  #a7a7a7;/* #b8b8b8;*/
	cursor: pointer;
	white-space:nowrap;
	border-bottom:Solid 3px #474747;
}

.playlistlabel:hover
{
	padding-left: 10px;	
	margin: 0px;
	margin-top: 5px;
	color: #a7a7a7;
	cursor: pointer;
	white-space:nowrap;
}

#header, #footer
{
	width: 980px;
	margin: 0px auto 0px auto;
	height: 50px;
	background-color: #dedede;
	display: none;
}
#footer
{
	clear: both;
}
div#messageBox
{
	width: 400px;
	background: black;
}
.rx1, .rxr1 {
border-right-width:5px;
}
.rx1, .rxl1 {
border-left-width:5px;
}
.artop {
border: solid 0 1px;
display:block;
font-size:1px;
height:1px;
overflow:hidden;
}
.rtop {
display:block;
font-size:1px;
height:1px;
overflow:hidden;
}
.CommentRound{background:url(/img/blue/CommentBack.png) no-repeat;
              margin-left:50px;}
div#messageBoxContents
{
	text-align: center;
}
#boxShoutBox .contents .item {
padding-bottom:20px;
}
#boxShoutBox .firstContent {
margin-top:18px;
}

#boxShoutBoxContents .shouterImage {
float:left;
margin-top:7px;
}
.profilepic{color:#9C9D9E}
.fb_profile_pic_rendered {
height:50px;
width:50px;
border:none;
}
#boxShoutBoxContents .shouterImage .profilepic{color:#9C9D9E}
#boxShoutBoxContents .shouterImage .fb_profile_pic_rendered {
height:40px;
width:40px;
border:none;
}
#boxShoutBoxContents .shouterMessage {
min-height:40px;
margin-left:54px;
width:185px;
}
#boxShoutBoxContents .shouterMessage .detail {
color:#9C9D9E;
font-size:10px;
line-height:1.3em;
}
#boxShoutBoxContents .shouterMessage .detail a.link
{
	margin:0; border:none;
	font-size: 13px;
	color:#9C9D9E;	
}
.link{margin:0; border:none;
	font-size: 13px;
	color:#9C9D9E;}
.cdate{color:#9C9D9E;
font-size:10px;
line-height:1.3em;}
.detail {
color:#9C9D9E;
font-size:10px;
line-height:1.3em;
}
.detail:hover{text-decoration:underline;}
.message
{
	font-size: 12px;
	line-height: 1.3em;
	color:#A8B6BF;
}
#boxShoutBoxContents .shouterMessage .message
{
	font-size: 12px;
	line-height: 1.3em;
}
.linkShoutBox
{
	font-family: Myriad Web Pro, Arial, sans-serif;
	color:#A4A9AD; /*#d1d1d1;*/
	line-height: 1.1em;
	font-size: 13px;
	display: inline;
	font-weight: normal;
	border: none;
	text-align: left;
}
.panel
{ 
	/*border:solid 2px #ffffff;*/
	color:#ffffff;
	position:absolute;
	/*background-color:#32597A;*/
	z-index:998;
	padding:0px;	
	/*text-align:center;*/
	font-family: Myriad Web Pro, Arial, sans-serif;	
	height:auto;	
}

.panel a{font-size:12px; font-weight:bold;color:#ffffff;}
/*.panel a:hover{color:#193C58;}*/
/*.panel div{text-align:left; font-size:12px;}*/
.panel .playlists .div{height:15px;text-align:left; font-size:12px;}
.panel .playlists a.link{font-weight:normal;font-size:12px; text-decoration:none;}
.panel .playlists a.link:hover{color:#193C58;}
.panel .playlists .smalllinks{font-weight:normal;font-size:11px;}
/*.panel .playlists a:hover{color:#193C58;}*/


/*.panel a{font-size:14px; font-weight:bold;color:#ffffff;}
.panel a:hover{color:#193C58;}
/*.panel div{text-align:left; font-size:12px;}*
.panel .playlists div{height:15px;text-align:left; font-size:12px;}
.panel .playlists a{font-weight:normal;font-size:12px; text-decoration:none;}*/
/*.panel .playlists a:hover{color:#193C58;}*/
.panel .loading{left:45%;top:15px; position:relative}
.panel .message{font-size:12px;font-family:Myriad Web Pro,Arial,sans-serif;line-height:1.5em;}
.panel .loginimg {margin:10px 0 5px 0;cursor:pointer}
.darktext{color:#A4A9AD}
/*Add Playlist*/
.dialog{background-color:#313232;-moz-border-radius-topleft:9px;-moz-border-radius-topright:9px;
          -moz-border-radius-bottomright:9px;-moz-border-radius-bottomleft:9px;border:Solid 3px #bbbbbb;position:absolute; top:0; left:0; display:block;margin:0;color:#bbbbbb; font-size:12px;font-weight:bold;}
.webkit .dialog{background-color:#313232;-webkit-border-top-left-radius:9px;-webkit-border-top-right-radius:9px;
           -webkit-border-bottom-right-radius:9px;-webkit-border-bottom-left-radius:9px;border:Solid 3px #bbbbbb;position:absolute; top:0; left:0; display:block;margin:0;color:#bbbbbb; font-size:12px;font-weight:bold;}         
.dialog .ui-resizable-handle {display:none;background-color:#efe9d9;}
.dialog .ui-dialog-titlebar{display:none}
.ui-widget-overlay{background-color:#000000;
left:0;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
position:absolute;
top:0;
width:100%;
z-index:1;}
.dialog .loading{top:42%;left:40%; position:relative}

.webkit .closepanel{-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;background-color:#33597a;height:27px; padding:3px 15px 0 0;font-size:15px;}
.webkit .popup .closepanel{-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;background-color:#33597a;height:27px; padding:3px 15px 0 0;font-size:15px;}

.closepanel{-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;background-color:#33597a;height:27px; padding:3px 15px 0 0;font-size:15px;}
.popup .closepanel{-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;background-color:#33597a;height:27px; padding:3px 15px 0 0;font-size:15px;}
.popup .closepanel .closeButton{float:right; color:#ffffff;}
.popup .closepanel .closeButton:hover{color:#193C58;}
.divMiddle{background:url(/img/blue/flower/btnMiddle.png) repeat-x left ;height:22px;float:left;color:#adadad;font-size:10px;font-weight:normal;text-align:center;border:0px;padding:0px 0px 3px 0px;z-index:1010;cursor:pointer;}
.popup .button,.button
{
	-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;
    -moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft:7px;
    border:Solid 2px #ffffff;
    background:#33597a url(/img/blue/button1.png) repeat-x left bottom ;
	width:94px;font-size:14px; color:#bbbbbb; height:26px;font-weight:bold;vertical-align:middle;
	padding-bottom:3px;
	cursor:pointer;}


.webkit	.popup .button,.button
{
	-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;
    -webkit-border-bottom-right-radius:7px;-webkit-border-bottom-left-radius:7px;
    border:Solid 2px #ffffff;
    background:#33597a url(/img/blue/button1.png) repeat-x left bottom ;
	width:94px;font-size:14px; color:#bbbbbb; height:26px;font-weight:bold;vertical-align:middle;
	padding-bottom:3px;
	cursor:pointer;}

.ie .popup .button,.button
{
	-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;
    -moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft:7px;
    border:Solid 2px #ffffff;
    background:#295070 url(/img/blue/button1.png) repeat-x left bottom ;
	width:94px;font-size:14px; color:#bbbbbb; height:26px;font-weight:bold;vertical-align:middle;
	padding-bottom:3px;
	cursor:pointer;}
	
.LButton{-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;
    -moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft:7px;
    border:Solid 2px #ffffff;
    background:#33597a url(/img/blue/button1.png) repeat-x left bottom ;
	width:100px;font-size:14px; color:#bbbbbb; height:22px;font-weight:bold;
	padding-bottom:4px;cursor:pointer;}	
.webkit .LButton{-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;
    -webkit-border-bottom-right-radius:7px;-webkit-border-bottom-left-radius:7px;
    border:Solid 2px #ffffff;
    background:#33597a url(/img/blue/button1.png) repeat-x left bottom ;
	width:100px;font-size:14px; color:#bbbbbb; height:22px;font-weight:bold;
	padding-bottom:4px;cursor:pointer;}	
.LButton a{color:#bbbbbb; font-size:14px;font-weight:bold;vertical-align:middle;text-align:center;}	
.LButton:hover{background:#33597a url(/img/blue/mo-button1.png) repeat-x left top ;}

.SButton{-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;
    border:Solid 2px #ffffff;
    background:#33597a url(/img/blue/button1.png) repeat-x left bottom ;
	color:#bbbbbb;font-weight:bold;
	padding: 0px 3px 2px;cursor:pointer;text-align:center;}	
.webkit .SButton{-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;
    border:Solid 2px #ffffff;
    background:#33597a url(/img/blue/button1.png) repeat-x left bottom ;
	color:#bbbbbb;font-weight:bold;
	padding: 0px 3px 2px;  cursor:pointer;text-align:center;}	
.SButton a{color:#bbbbbb; font-size:11px;font-weight:bold;vertical-align:middle;text-align:center;}	
.SButton:hover{background:#33597a url(/img/blue/mo-button2.png) repeat-x left top ;}

.editable button{-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;
    border:Solid 2px #ffffff;
    background:#33597a url(/img/blue/button1.png) repeat-x left bottom ;
	color:#bbbbbb;font-weight:bold;vertical-align:middle;text-align:center;
	cursor:pointer;text-align:center;font-size:11px; width:70px; height:24px;margin-right:5px;margin-top:3px;}
.webkit .editable button{-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;
    border:Solid 2px #ffffff;
    background:#33597a url(/img/blue/button1.png) repeat-x left bottom ;
	color:#bbbbbb;font-weight:bold;vertical-align:middle;text-align:center;
	cursor:pointer;text-align:center;font-size:11px; width:70px; height:24px;margin-right:5px;margin-top:3px;}
.editable button:hover{background:#33597a url(/img/blue/mo-button2.png) repeat-x left top ;}


.leftButton{-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;
    border-left:Solid 2px #ffffff;border-top:Solid 2px #ffffff;border-bottom:Solid 2px #ffffff;border-right:Solid 1px #ffffff;
    background:#33597a url(/img/blue/button1.png) repeat-x left bottom ;
	color:#bbbbbb;font-weight:bold;padding-bottom:3px;font-size:10px;
	cursor:pointer;text-align:center;height:19px;}	
	
.RightButton{-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;
    border-right:Solid 2px #ffffff;border-top:Solid 2px #ffffff;border-bottom:Solid 2px #ffffff;border-left:Solid 1px #ffffff;
    background:#33597a url(/img/blue/button1.png) repeat-x left bottom ;
	color:#bbbbbb;font-weight:bold;padding-bottom:3px;font-size:10px;
	cursor:pointer;text-align:center;height:19px;}	

.middleButton{border-top:Solid 2px #ffffff;border-bottom:Solid 2px #ffffff;border-left:Solid 1px #ffffff;border-right:Solid 1px #ffffff;
    background:#33597a url(/img/blue/button1.png) repeat-x left bottom ;
	color:#bbbbbb;font-weight:bold;padding-bottom:3px;font-size:10px;
	cursor:pointer;text-align:center;height:19px;}	
	
.webkit .leftButton{-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;
    border-left:Solid 2px #ffffff;border-top:Solid 2px #ffffff;border-bottom:Solid 2px #ffffff;border-right:Solid 1px #ffffff;
    background:#33597a url(/img/blue/button1.png) repeat-x left bottom ;
	color:#bbbbbb;font-weight:bold;padding-bottom:3px;font-size:10px;
	cursor:pointer;text-align:center;height:19px;}	
	
.webkit .RightButton{-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;
    border-right:Solid 2px #ffffff;border-top:Solid 2px #ffffff;border-bottom:Solid 2px #ffffff;border-left:Solid 1px #ffffff;
    background:#33597a url(/img/blue/button1.png) repeat-x left bottom ;
	color:#bbbbbb;font-weight:bold;padding-bottom:3px;font-size:10px;
	cursor:pointer;text-align:center;height:19px;}	


	
.leftButton:hover,.middleButton:hover, .RightButton:hover {background:#33597a url(/img/blue/mo-button2.png) repeat-x left top ;}

.popup .button:hover,.button:hover
{background:#33597a url(/img/blue/mo-button1.png) repeat-x left top ;}

.ie .popup .button:hover,.button:hover
{background:#295070 url(/img/blue/mo-button1.png) repeat-x left top ;}



.popup .ratingThumbup{width:70px; height:35px; background:#496781 url(../img/blue/flower/thumbsup_small.png) no-repeat 25px 3px; margin-top:5px;}
.popup .ratingThumbdown{width:70px; height:35px; background:#496781 url(../img/blue/flower/thumbsdown_small.png) no-repeat 25px 5px; margin-top:5px;}
.popup .ratingThumbup:hover{width:70px; height:35px; background:#193C58 url(../img/blue/flower/mo_thumbsup_small.png) no-repeat 25px 3px; margin-top:5px;}
.popup .ratingThumbdown:hover{width:70px; height:35px; background:#193C58 url(../img/blue/flower/mo_thumbsdown_small.png) no-repeat 25px 5px; margin-top:5px;}
.popup .input,.input{border:solid 1px #ffffff; width:195px;}
.popup .content{background-color:#eeeeee; height:200px; overflow-Y:scroll;overflow-X:auto; width:100%; margin: 10px 0;color:#000000}
.popup .Selected{border-bottom:solid 1px #000000}
.text15{color:#a2a5aa; font-size:15px;}
.text14{color:#a2a5aa; font-size:14px;}
.text16{font-size:16px}
.text12{font-size:12px}
.text11{font-size:11px}
.font15{font-size:15px;}
.font14{font-size:14px;}
.colorff{color:#ffffff}
.text16B{font-size:16px;font-weight:bold;}
.textcenter{text-align:center}
.popup .title{color:#ffffff; font-size:16px;}
.hidden{display:none;}
.loading{top:15px;left:45%; position:relative}
.loadingComment{top:15px;left:18px; position:relative}
#divrepeater .loading,div .loading{left:45%;top:15px; position:relative}
#divPlaylist {margin-left:13px}
#divPlaylist .message{width:150px;margin-left:40px; font-size:12px}
.byUser{color:#4f7da6}
.bottomborderWhite,td.bottomborderWhite {border-bottom:solid 1px #ffffff}
td.shownext,.shownext{text-align:center; padding:5px 0;}
td.shownext a.link, .shownext a.link{width:90px;margin:auto; color:#89898a;font-size:12px;}
.NoContentMsg{padding:0px 5px 0px 0px;color:#f8ffff;font-weight:normal;font-size:12px;margin-top:10px;}
.NoContentMsg :hover{padding:0px 5px 0px 0px;color:#f8ffff;font-weight:normal;font-size:12px;margin-top:10px}
.playlistContent{padding:0px 5px 0px 0px;color:#f8ffff;font-weight:normal;font-size:14px;margin-top:10px;}
.playlistContent:hover{color:#A4A9AD;}
.playlistContent td{padding-bottom:5px}
.playlistContent:hover td{color:#A4A9AD;}
.PlaylistOptions{background-color:#313232;border:Solid 2px #bbbbbb;line-height:1.0em;margin-top:0px;}
.PlaylistOptions div{text-align:left;}
.PlaylistOptions div a{margin-left:5px;font-size:11px;color:#bbbbbb;}
.PlaylistOptions .div:hover{background-color:#A4A9AD;color:#313232;}
.PlaylistOptions .div:hover a{color:#313232;}
.PlaylistHeader{padding:25px 5px 5px 33px;color:#b9bfbf ;font-weight:bold;font-size:23px;}
.paddingLeft33{padding-left:33px;}
.paddingRight33{padding-right:33px;}
div.showDownArrow{padding:25px 5px 5px 33px;color:#b9bfbf ;font-weight:bold;font-size:23px;}
div.showUpArrow{padding:25px 5px 5px 33px;color:#b9bfbf ;font-weight:bold;font-size:23px;}
.listHeader{padding:0px 0px 0px 15px;color:#b9bfbf ;font-weight:bold;font-size:17px;}
.tagby{color:#a4a9ad}
.mo_tagby{color:#467da6;border:none;}
.mo_tagby:hover{color:#467da6;border:none;}
.comments{color:#A4A9AD;font-size:12px;}
.musicfeedby{color:#193c58;font-size:11px;}
.musicfeedbyuser{color:#A4A9AD;font-size:11px;}
.musicfeedbyuser:hover{text-decoration:underline;}
.musicfeeduser{color:#467da6;border:none;}
.musicfeeduser:hover{color:#a4a9ad;border:none;}
.userProfile{font-size:12px;vertical-align:middle; white-space:nowrap}
.userProfile a.FB_Link{color:#b9bfbf;font-weight:bold;border:none;text-decoration:none;font-size:14px;}
.userProfile a.FB_Link:hover {color:#b9bfbf;font-weight:bold;border:none;text-decoration:none;font-size:14px;}
.trFriends{background:url(/img/blue/FriendsRound.png) no-repeat;height:68px;width:370px;}
.trBlackRound{background:url(/img/blue/BlackRoundedBack.png) no-repeat;}
h2.PlaylistEditbutton{padding-left:0; font-size:13px;text-align:center}
h2.PlaylistEditbutton:hover{background-color:#193C58;padding-left:0; font-size:13px;text-align:center}
/*table.dragTable tr.dragRow,table.dragTable tr.dragRow a,table.dragTable tr.dragRow td{cursor:move;}*/
table.dragTable tr.dragRow a.link{background-color:#254159;cursor:move;}
.ui-sortable{margin:0; padding:0}
.ui-sortable li{list-style-type:none;margin:0;padding-bottom:5px;}
.ui-sortable li.ui-sortable-helper{background-color:#254159;list-style-type:none;padding:5px 0;line-height:1.1em;}
/*notification popup classes*/

.webkit div.jGrowl div.jGrowl-notification {		
	display:none;		
	color:#bbbbbb;	
	font-size:12px;		
	padding:5px;
	height:78px;width:150px;
	-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;
    -webkit-border-bottom-left-radius:7px;-webkit-border-bottom-right-radius:7px;
    background-color:#32597a;border:Solid 2px #bbbbbb;
}

div.jGrowl div.jGrowl-notification {		
	display:none;		
	color:#bbbbbb;	
	font-size:12px;		
	padding:5px;
	height:78px;width:150px;
	-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;
    -moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft:7px;
    background-color:#32597a;border:Solid 2px #bbbbbb;
}
div.jGrowl div.jGrowl-notification div.close {
	margin-top:-5px;
	cursor:pointer;
	float:right;		
}
div.jGrowl div.close:hover{color:#193C58;}
div.jGrowl.top-right {right:10px;bottom:10px;}
div.jGrowl 
{
	position:fixed;
	z-index:2000000;	
}
div.jGrowl div.jGrowl-notification div.message 
{
	width:148px;
	float:left;
	height:auto;
	display:block;	
}
div.jGrowl div.jGrowl-notification div.message .messageTable{margin:auto;width:148px;}
div.jGrowl div.jGrowl-notification div.message .messageTD{text-align: center;line-height: 1.2em;}
div.jGrowl div.jGrowl-closer{display:none}
.SmallButton{background:url(/img/blue/SmallButton.png) no-repeat;border:0px;width:80px;height:28px;color:#adadad;font-size:14px;font-weight:bold;cursor:pointer;padding-bottom:6px;}
.SmallButton:hover{background:url(/img/blue/MO-SmallButton.png) no-repeat;border:0px;width:80px;height:28px;color:#adadad;font-size:14px;font-weight:bold;cursor:pointer;padding-bottom:6px;}
.Button{background:url(/img/blue/Button.png) no-repeat;border:0px;width:110px;height:32px;color:#adadad;font-size:14px;font-weight:bold;cursor:pointer;}
.Button:hover{background:url(/img/blue/MO-Button.png) no-repeat;border:0px;width:110px;height:32px;color:#adadad;font-size:14px;font-weight:bold;cursor:pointer;}
.Button a{color:#adadad;font-size:14px;font-weight:bold;vertical-align:middle;margin-left:8px;}
.Button a:hover{color:#adadad;font-size:14px;font-weight:bold;vertical-align:middle;margin-left:8px;}

.FlowerButton{background:url(/img/blue/flower/BtnFlowerBack.png) no-repeat;border:0px;width:119px;height:20px;color:#adadad;font-size:10px;font-weight:bold;text-align:center;padding-bottom:10px;cursor:pointer;}
.divLBtn{background:url(/img/blue/flower/btnLeft.png) no-repeat; float:left;height:22px;width:8px;}
.divRBtn{background:url(/img/blue/flower/btnRight.png) no-repeat right;float:left;height:22px;width:8px;}

.divLSel{background:url(/img/blue/RSel-Left.png) no-repeat; float:left;height:19px;width:6px;}
.divRSel{background:url(/img/blue/RSel-Right.png) no-repeat right;float:left;height:19px;width:6px;}

.divBtnSeperator{background:url(/img/blue/flower/btnSep.png) no-repeat center; float:left;height:22px;width:14px;}
.divMiddle{background:url(/img/blue/flower/btnMiddle.png) repeat-x left ;height:22px;float:left;color:#adadad;font-size:10px;font-weight:normal;text-align:center;border:0px;padding:0px 0px 3px 0px;z-index:1010;cursor:pointer;}

.divBlackRoundedTop{background:url(/img/blue/BRound-Top.png) no-repeat;height:10px;width:366px}
.divBlackRoundedMiddle{background:url(/img/blue/BRound-Middle.png);background-repeat:repeat-y;width:366px;}
.divBlackRoundedBottom{background:url(/img/blue/BRound-Bottom.png) no-repeat;height:10px;width:366px;}

.lastContent{padding-bottom: 10px;}
.currentPlaying{background:url(/img/blue/currentlyplaying/CPBack.png) repeat-x ;position:fixed;bottom:0pt;min-width:980px; width:100%;left:0pt;right:0pt;text-align:center;height:35px;}
.currentPlaying td{vertical-align:middle}
.progressbar{width:250px; border:solid 2px #a4a9ad;margin:11px 0; text-align:left; cursor:pointer;display:block; height:6px;}
.progress{width:0px; background-color:#193536; display:block; height:6px; max-width:200px;}
.currentPlaying img{cursor:pointer}
.currentPlaying td{white-space:nowrap}

.AddToPlaylistOptions{border:2px solid #a4a9ad; position:fixed; bottom:36px; border-bottom:none;background-color: #32597A;}
.AddToPlaylistOptions .div{background-color:Transparent; padding:0 10px;white-space:nowrap}


.shareOption{padding:0px 5px 0 10px; color:#a2a9af; font-size:12px;font-weight:bold;cursor:pointer; line-height:1em}
.shareOptions{border:2px solid #a4a9ad; position:fixed; bottom:36px; border-bottom:none;background-color: #32597A;}
.shareOptions a{font-size:12px; text-decoration:none; color:#A4A9AD;}
.shareOptions .div{background-color:Transparent; padding:0 10px;white-space:nowrap}
.shareOptions .div:hover{background-color:#193C58}
.currentPlaying #volumecontroler{margin-top:4px}
.currentPlaying .timespan{padding-right:10px; vertical-align:middle; font-size:13px;color:#a2a9af;font-weight:bold;}
.currentPlaying .timespan .div{margin-top:3px}
.currentPlaying .playbuttons{padding:2px 10px 0 5px;}
.buttonSeperator{border-left:Solid 3px #a2a9af}
.buttonBackSeperator{border-right:Solid 3px #a2a9af}
a.dragNo,a.dragNo:hover{background:#254159 url('../img/dropno.png') no-repeat;white-space:nowrap;}
a.dragDrop,a.dragDrop{background:#254159 url('../img/dragdrop.png') no-repeat;white-space:nowrap;}
a.dragNo .span,a.dragDrop .span{margin:20px}
.userBrowse{padding:10px 0 5px 20px; margin-top:5px}
.mfbutton{color:#bbc0c6;font-size:12px;background-color: #1f3439 ;border:none;cursor:pointer;font-weight:bold;}
.mfbutton:hover{background-color: #32597a;}
.mfselected{color:#bbc0c6;background-color:#32597a;padding-bottom:3px; }
.mfLeft{background:url(/img/blue/MF-L.png) no-repeat; float:left;height:23px;width:6px;}
.mfRight{background:url(/img/blue/MF-R.png) no-repeat right;float:left;height:23px;width:5px;}
.mfMiddle{background:url(/img/blue/MF-M.png) repeat-x left ;height:23px;}
.userBrowse .fbutton{color:#bbc0c6;font-size:12px;background-color: #1f3439 ;border:none;cursor:pointer;font-weight:bold;}
.userBrowse .fbutton:hover{background-color: #32597a;}
.userBrowse .fselected{color:#bbc0c6;background-color:#32597a;padding-bottom:3px; }
.userBrowse .MFButton{background:url(/img/blue/BtnMFBack.png) no-repeat;width:150px;height:19px;vertical-align:middle;}
.userBrowse .MFButton:hover{background:url(/img/blue/MO-BtnMFBack.png) no-repeat;width:150px;height:19px;vertical-align:middle;}
.MFLink{color:#b1adaa;font-size:10px;padding-left:10px;padding-top:5px;text-align:center;font-weight:bold;vertical-align:middle;cursor:pointer;}
.AboutUscontent{margin-top:50px; margin-left:27px;width: 980px}
h1.aboutUsHeading{font-size:24px; font-family:Arial;color:#A4A9AD; margin:25px 0 20px 0; font-weight:normal}
.aboutUsText{font-size:14px; font-family:Arial;color:#ffffff;line-height:1.5em; margin: 0 0 0 15px; padding:0}
.AboutUscontent ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;	
}
.AboutUscontent ul li {
	font-size:14px;
	margin:2px 0;
	font-family:Arial;color:#ffffff;
}
#AboutUslink{padding: 20px 0 0 0; text-align:center}
#AboutUslink .link{color: #193C58;display:inline;}
.noPlaylists{margin-top: 20px;text-align:center;color:#a4a9ad;}
a.currentPlayingMedia
{
	color:#A4A9AD;
	/*color:#193c58*/
}