html{height:100%; overflow: -moz-scrollbars-vertical; }

body{ background:url('http://static-1270264595.s3.amazonaws.com/images/m_bg.gif') #425d77; background-repeat:repeat-x; background-position:top left; font-family: arial,tahoma,verdana,sans-serif; font-size: 12px; color: #000000; margin:0px; }

.contentbox { position:relative; z-index:99; -moz-border-radius:5px; -webkit-border-radius:5px; background:white; color:black; }

#content { min-height:700px; }

h1 { color:white; font-family:arial; font-size:16px; margin:0px; margin-bottom:7px; padding:0px; }

.actionlinks { color:#404040; font-size:11px; font-weight:normal; }
.actionlinks img { float:left; clear:both; margin-right:5px; padding-top:9px; }
.actionlinks a:link { color:#404040; }
.actionlinks a:hover { color:#404040; }
.actionlinks a:visited { color:#404040; }

.selected { font-weight:bold; }
.unselected { font-weight:normal; }

.blogpost img { float:right; padding:4px; width:100px; }

.tagline { float:right; font-size:11px; padding-left:13px; padding-top:35px; }

div,table,td{ font-family: arial,tahoma,verdana,sans-serif; font-size: 12px; }

.ui-effects-transfer { border:1px dotted #888888; } 

.playbackbottom { background-image:url('http://static-1270264595.s3.amazonaws.com/images/bottom_bg.jpg'); height:67px; background-position:top left; background-repeat:repeat-x; margin:0;}

.largesearchbar { margin:0px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius-bottomright:0px; -moz-border-radius-topright:0px; 
-webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; width:470px; margin-bottom:5px; padding:6px; font-size:15px; font-weight:bold; font-family:arial,tahoma,verdana,sans-serif; color:#000000; border:1px solid #cccccc; }

.playlistul { list-style-type:none; margin:0px; padding:0px; }
.playlistli { font-family: arial,tahoma,verdana,sans-serif; font-size: 12px; height:25px; line-height:23px; background-image:url('http://static-1270264595.s3.amazonaws.com/images/m_resultsbg.gif'); background-position:bottom; background-repeat:repeat-x; overflow:hidden; }
.playlistliplaying { background:#edeff4; font-weight:bold; background-image:url('http://static-1270264595.s3.amazonaws.com/images/m_resultsbg.gif'); background-position:bottom; background-repeat:repeat-x; }

.gripper { cursor:pointer; cursor:hand }

.resultsul { list-style-type:none; margin:0px; padding:0px; }
.resultsli { font-family: arial,tahoma,verdana,sans-serif; font-size: 14px; font-weight:bold; height:41px; margin-bottom:3px; line-height:34px; color:#444444; background-image:url('http://static-1270264595.s3.amazonaws.com/images/m_resultsbg.gif'); background-position:right bottom; background-repeat:no-repeat; overflow:hidden; }

.chartsli { font-family: arial,tahoma,verdana,sans-serif; font-size: 12px; height:41px; margin-bottom:3px; line-height:34px; color:#444444; background-image:url('http://static-1270264595.s3.amazonaws.com/images/m_resultsbg.gif'); background-position:right bottom; background-repeat:no-repeat; overflow:hidden; }

.vevoli2 { font-family: arial,tahoma,verdana,sans-serif; font-size: 13px; font-weight:bold; height:59px; color: #333333; overflow:hidden; margin:5px; }

.storeli { height:64px; line-height:55px; overflow:hidden; clear:both; font-weight:bold; font-size:12px; font-family:arial,tahoma,verdana,sans-serif; }

.playlistsli { height:95px; line-height:95px; overflow:hidden; clear:both; font-size:18px; font-family:arial; }

.resultsbuttons { overflow:hidden; clear:both; font-size:18px; font-family:arial; }

.message { display:none; position:fixed; top:5px; left:5px; padding:10px; background:black; opacity:0.8; text-align:center; font-size:14px; color:white; font-weight:bold; font-family:arial }

.avatarheader img {width:60px;height:60px;float:left;margin-left:20px; margin-right:10px;padding-bottom:3px;}


.dmirrors { font-family:arial; font-size:8pt }
.dmirrors a:link { font-family:arial; font-size:8pt }
.dmirrors a:hover { font-family:arial; font-size:8pt }
.dmirrors a:visited { font-family:arial; font-size:8pt }


.whitetext a:link { font-weight:bold; color:white; }
.whitetext a:hover { font-weight:bold; color:white; }
.whitetext a:visited { font-weight:bold; color:white; }

hr {border:0px; height:1px; background-color:#AAAAAA}

a img {border:0 none;}

.sidebox {float:right; background-color:#E3E3E3; border:1px solid #aaa; width:275px; margin:5 0 5 5; padding:7 7 7 7}

a:link { color: #111111;
         outline-style: none;
         text-decoration: none;
         font-size: 12px; }
         
a:visited { color: #111111;
         outline-style: none;
         text-decoration: none;
         font-size: 12px; }

a:hover{ color:#d91617; cursor:pointer; cursor:hand} 

a.hovered {
 color:#d91617;
 cursor:hand;
}


/* jQuery Dropdown */

.sub_menu, .dropdown	{ margin: 0; padding: 0; z-index:9999; }
ul										{ list-style: none; }

ul.normal							{ list-style: square; }

ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; }
ul.dropdown a:hover		        	    { color: #000; }
ul.dropdown li a                    { display: block; padding: 4px 8px; color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li:hover                { position: relative; }
ul.sub_menu li:hover                { background: #d5e5f1; position: relative; }

ul.dropdown ul 						{ width: 150px; z-index:9999; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 				{ font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; }
ul.dropdown ul li a				{ border-right: none; width: 100%; display: inline-block; } 

ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 	{ visibility: visible; }


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('http://static-1270264595.s3.amazonaws.com/images/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('http://static-1270264595.s3.amazonaws.com/images/nextlabel.gif') right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#loaded { background-image: url('http://static-1270264595.s3.amazonaws.com/images/seekloaded.gif'); background-repeat: repeat-x; background-position: right top; width: 0%; height: 12px; left:15px; position:absolute;	z-index: 999; cursor: pointer 
}

#seekbg { background-position: right top; height: 12px; left:15px; position:absolute;	z-index: 998; cursor: pointer 
}

#played { background-image: url('http://static-1270264595.s3.amazonaws.com/images/seekplayed.gif'); background-repeat: repeat-x; background-position: right top; position:absolute; width: 0%; height: 12px; left:15px; z-index: 1000; cursor: pointer }

#seekbar { height: 12px; margin:5px 3px 5px 3px; border-width: 0;  float:left; line-height: 10px; width:313px; position:absolute; border-color: #333; border-style: solid }


/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
border: 1px solid #333333;
padding: 5px;
background-color: #ffffff;
visibility: hidden;
z-index: 999998;
opacity:0.95;
filter: alpha(opacity = 95);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 999999;
visibility: hidden;

}

#theToolTip p{
font-weight:bold;
margin:0px;
font-size: 11px;
color: #333333;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 11px;
color: #333333;
}


            /* Facebook Box Styles */
            .fbgreybox
            {
                background-color: #f7f7f7;
                border: 1px solid #cccccc;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: bold;
            }
            .fbbluebox
            {
                background-color: #eceff6;
                border: 1px solid #d4dae8;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: bold;
            }
            .fbinfobox
            {
                background-color: #fff9d7;
                border: 1px solid #e2c822;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: bold;
            }
            .fberrorbox
            {
                background-color: #ffebe8;
                border: 1px solid #dd3c10;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: bold;
            }
            /* Content Divider on White Background */
            .fbcontentdivider
            {
                margin-top: 15px;
                margin-bottom: 15px;
                width: 520px;
                height: 1px;
                background-color: #d8dfea;
            }
            /* Facebook Tab Style */
            .fbtab
            {
                padding: 8px;
                background-color: #d8dfea;
                color: #3b5998;
                font-weight: bold;
                float: left;
                margin-right: 4px;
                text-decoration: none;
            }
            .fbtab:hover
            {
                background-color: #3b5998;
                color: #ffffff;
                cursor: hand;
            }