/*
 * Copyright (c) 2005 - 2006 Pro Web Surfer Corporation.
 * All Rights Reserved.
 *
 * $Name:  $
 *
 * Created on $Date: 2008/08/31 21:01:10 $
 *
 * $Id: prowebsurfer.css,v 1.11 2008/08/31 21:01:10 jkranig Exp $
*/

body{
	font-family: Arial, sans-serif;
	font-size:12px;
	color: #333333;
	margin: 0px;
	padding: 0px;
}


h2{
	font-family: Verdana,Arial,sans-serif;
	font-size: 15px;
	color: #0A75BF;
}


h3{
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
	color: #0A75BF;
}


h3 a {
	text-decoration: none;			
}	


h4{
	font-family: Verdana,Arial,sans-serif;
 	font-size: 11px;
 	color: #0A75BF;
}


td{
	font-size:12px;
	color:#333333;
	line-height:17px;
}

img {
	border: 0px;	
}	



.center {
	margin-left: auto;
	margin-right: auto;
}	

.noMargin {
	margin: 0px 0px 0px 0px;	
}	

a.noUnderline {
	text-decoration: none;	
}	


/* Main layout table */
table.mainLayout {
	width:865px;
	min-height:500px;	
}


/* Header */
table.headerTable {
	margin-left: auto;
	margin-right: auto;
	width: 865px;	
	border-collapse: separate;
	border-spacing: 0px;
}

table.headerTable tr {
	height: 80px;	
}


table.headerTable td {
	text-align: center;	
}

table.headerTable h3 {
	margin: 0px 0px 0px 0px;
}

table.menuBar {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 0px;
	width: 865px;	
	border-collapse: collapse;
}

table.menuBar tr {
	background-color: #127ac3;
	height: 35px;
}

table.menuBar a {
	color: white; 
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}

table.menuBar a:hover {
	font-style: oblique;
}

table.menuBar td {
	width: 80px;
	text-align: center;
	color: white;	
}

table.menuBar td.userId {
	width: 305px;
	text-align: right;
	color: white;	
}

div.promoWindow {
	display: none; 
	text-align: left;
}

div.previewTooltip {
	display: none; 
	text-align: left;
}	


.navigationTag{
	width:110px;
	height:26px;
}

.navigationTag img{
	border: 0px;
}

.navigationTag2  {
	padding-right:14px;
}

.navigationTag2  a:link,.navigationTag2 a:visited{
	color:#000000; 
}



/* Footer */
table.footerTable {
	margin-left: auto;
	margin-right: auto;
	width: 865px;	
	border-collapse: collapse;
	border: 1px solid #97BFDB;
	background-color: #EBF3FA;
	margin: 5px 0px 5px 0px;
}

table.footerTable td {
	width: 215px;
	vertical-align: top;
}

div.helpBox{
	border : 1px solid #97BFDB;
	height: 100px;
}

div..helpItem{
	width: 90px;
	height:20px;
	float: left;
}

div.helpItem a:link,.helpItem a:visited{
	color: #0A74BE;
}

div.copyrightFooter{
	text-align: center;
}



/* Home page */
table.homePageTable {
	margin-left: auto;
	margin-right: auto;
	width: 865px;	
	border-collapse: separate;
	border-spacing: 0px;
	border-width: 
}
	
table.homePageTable td {	
	vertical-align: top;
}

.paddingHack {
	margin: 5px 5px 5px 5px;	
}	


div.whatsNewPwsSection {
	width: 190px;
	height: 410px;
	border-left: 1px solid	#97BFDB;
	border-right: 1px solid	#97BFDB;
	border-top : 1px solid	#97BFDB;
	border-bottom : 1px solid	#97BFDB;
	/* padding: 5px 10px 5px 10px; */
	margin: 5px 0px 0px 0px;
}

div.whatsNewSection {
	width: 190px;
	height: 703px;
	border-left: 1px solid	#97BFDB;
	border-right: 1px solid	#97BFDB;
	border-top : 1px solid	#97BFDB;
	border-bottom : 1px solid	#97BFDB;
	/*padding: 5px 10px 5px 10px;*/
	margin: 5px 0px 0px 0px;
}	

div.rightColSection {
	width:  660px;
	border: 1px solid #97BFDB;
	margin: 5px 0px 5px 5px;
}

div.rightColSection table.rightColTable {
	width: 100%;	
}	

table.rightColTable td.rightColSectionTitle {
	height:25px;
	background-color: #EBF3FA;
	color: #0A75BF;
	font-size: 13px;
	font-family: Verdana,Arial,sans-serif;
	font-weight: bold; 	
	padding-left: 10px;
}

td.rightColSectionTitle a.moreLink{
	color: #333333;
	font-size: 10px;
	font-family: Verdana,Arial,sans-serif;
}

table.rightColTable td.mostPopularAlbums {
	width: 160px;
	padding: 10px 0px 10px 0px;
}

.imageBox{
	width:  105px;
	height: 105px;
	border: 1px solid #91BEDD;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}


table.myPWS {
	width: 80%;	
	 background-color: #EBF3FA;
}

table.myPWS th.myPWS {
	background-color: #127ac3; 
	font-size: 9pt; 
	color: white;
}	








.downloadImageBox {
	width:  50px;
	height: 50px;
	border: 0px;	
	text-align: center;
}


.downloadImageDescription {
	text-align: center;
}		

table.rightColTable td.featuredArtistsImage {
	width:  139px;
	padding: 20px 20px 20px 20px;
}

table.rightColTable td.featuredArtistsImageDesc {
	color: #333333;
}

div.adsReplacedBarGraph {
	height: 30px;
	background-color: #0A75BF; 
}	



.sidebox{
	width:100%;
	border-bottom: 1px solid #97BFDB;
}

.sideboxTitle{
	padding:6px 0 0 7px; 
}

.sideboxTitle h2{
	color: #0A75BF;
}



.imageDescription{
	width: 80%
}
.imageDescription  a:link, .imageDescription a:visited, .imageDescription a:hover{
	color:#000000; 
}

.imageBox2{
	width: 138px;
	height: 105px;
	border: 1px solid #D3D3D3;
	text-align: center;
}



a.tagLink:link,a.tagLink:visited{
	color: #666666;
	text-decoration:underline
}

a.tagLink:hover{
	color: #FF4A32;
	text-decoration:underline
}

a.tagLinkUsers:link,a.tagLinkUsers:visited{
	color: #006699;
	text-decoration:none
}

a.tagLinkUsers:hover{
	color: #006699;
	text-decoration:underline
}

a.tagLinkUsers:link,a.tagLinkUsers:visited{
	color: #006699;
	text-decoration:none
}

a.tagLinkUsers:hover{
	color: #006699;
	text-decoration:underline
}

.helpBox{
	padding-top: 10px;
	padding-left: 20px;
}

.helpItem{
	width: 90px;
	height:20px;
	float: left;
}

.helpItem a:link,.helpItem a:visited{
	color: #0A74BE;
}


.copyrightFooter{
	text-align: center;
}


.downTitle{
	color: #000000;
	font-size: 18px;
	font-family: Verdana,sans-serif;
	font-weight: bold;
	padding: 20px 0 10px 400px;
}



.downTitle03{
	color: #0C76BF;
	text-decoration:underline;
}

.downTitle03 a:link,.downTitle03 a:visited{
	color: #0C76BF;
	text-decoration: underline;
}

.downTitle04{
	color: #FF4A32;
	text-decoration:underline;
}

.downTitle04 a:link,.downTitle04 a:visited{
	color: #FF4A32;
	text-decoration: underline;
}

.faqTitle{
	color: #333333;
	font-size: 18px;
	font-family: Verdana,sans-serif;
	font-weight: bold;
	padding: 20px 0 10px 0px;
}

.faqTitle01{
	color: #0A75BF;
	font-weight: bold;
}

.faqTitle02{
	text-decoration:underline;
	line-height:20px;
	color: #333333;
}

.faqTitle02 a:link,.faqTitle02 a:visited{
    text-decoration:underline;
	line-height:20px;
	color: #333333;
}


.End_user_guides{
	color: #0A75BF;
	font-size: 13px;
	font-weight: bold;
	text-decoration:underline;
	line-height:normal;
}

.End_user_guides01 li{
	padding-top: 15px;
	list-style-type : decimal;
}

.End_user_guides03 li{
	list-style-type : decimal;
}

.End_user_guides02 li{
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana,sans-serif;
	padding-top: 15px;
	list-style-type : decimal;
}

.End_user_guides02 a:link,.End_user_guides02 a:visited{
	color: #0A75BF;
	text-decoration: underline;
}

.FQAItem{
 padding-left: 20px;	
}

.FQAItem a:link,.FQAItem a:visited{
	color: #000000;
	text-decoration: underline;
	line-height:20px;
}

.FQAItem a:hover{
	color: #EE704E;
}

.FQAMessage{
	border: 1px solid #E1AB89;
	background: #FFF9F6;
	padding: 5px 10px 5px 10px;
	margin: 5px 0 10px 0;
	display: none;
}

.FQAMessage01{
	border: 1px solid #E1AB89;
	background: #FFF9F6;
	line-height: 18px;
	padding: 0 10px 0 10px;
	margin: 5px 0 10px 0;
}

.FAQlink{
	color: #0A75BF;
	font-size: 12px;
	text-decoration:underline;
}

.FAQlink a:link,.FAQlink a:visited{
	color: #0A75BF;
	text-decoration: underline;
}


.user_guides{
	color: #D96C24;
	font-size: 14px;
	font-weight: bold;
	text-decoration:underline;
}

.user_guides a:link,.user_guides a:visited{
	color: #D96C24;
	font-size: 14px;
	font-weight: bold;
	text-decoration:underline;
}




.stdButton {
	font-size: 13;
}

input.navigateButton {
	font-size: 8pt;
	font-weight: bold;
	font-family: Verdana,Arial,sans-serif;
	width: 144px;
	height: 26px;
	background-color: #FFCC00;
}


.tooltipShadow {
	background-image: url(shadow.png);
	background-repeat: repeat;
	  
}
 

.tooltipContent {
 	left: -4px; 
 	top: -4px;         
 	background-color: white;      
 	border: solid black 1px;       
 	padding: 10px;                  	
}