/*******************************************************************/
/****************   BEGIN MAIN BODY CSS   **************************/
/******************************************************************/

/******************************************************************/
/****************   END MAIN BODY CSS   **************************/
/******************************************************************/
#center h3{
display: none;
background: #333;
height: 10px;
}

A:hover               { color: #000000; text-decoration: none; }
A:active      { color: #000000; text-decoration: none; }
A:link           { color: #0066E9; text-decoration: none; }
A:visited      { color: #0066E9; text-decoration: none; }
A:visited:hover      { color: #000000; text-decoration: none;}

html{
	height: 100%;
}

body {
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
}


input, textarea {
	font-family: Arial, 'Times New Roman'; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-right: 2px;
	background-color: #FFFFFF; 
}

.submit{
	font-weight: bold;
	background-color: #0066E9;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	border: 2px solid #C6DAFE;
	border-right: 2px solid #000066;
	border-bottom: 2px solid #000066;
}
.submit:hover{ background-color: #0099FF; }

.smallSearchSubmit{
	font-weight: bold;
	background-color: #CCCCCC;
	color: #0066E9;
	font-size: 11px;
	padding: 2px 4px 2px 4px;
	border: 1px solid #666;
}
.smallSearchSubmit:hover{ background-color: #0066E9; color: #FFF; }

.searchSubmit{
	font-weight: bold;
	background-color: #0066E9;
	color: #FFFFFF;
	font-size: 11px;
	padding: 2px 4px 2px 4px;
	border: 2px solid #C6DAFE;
	border-right: 2px solid #000066;
	border-bottom: 2px solid #000066;
}
.searchSubmit:hover{ background-color: #0099FF; }

.tinyButton, .tinyButton A:link, .tinyButton A:visited{
	font-size: 10px;
	color: #999999;
}
.tinyButton{
	padding: 2px 3px 2px 3px;
	margin: 5px 5px 3px 0px;
}
.tinyButton A:hover, .tinyButton A:active, .tinyButton A:visited:hover{ color: #333333; }

.smallInput{
	width: 78px; border: 1px solid #CCCCCC; font-size: .9em; padding-left: 2px;
}

.reset{
	font-weight: bold;
	background-color: #EFEFEF;
	color: #999999;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	border: 2px solid #EFEFEF;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
}

.reset:hover{ background-color: #CCCCCC; color: #333333; }

table{
	font-family: Arial, 'Times New Roman'; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
}

select{
	background-color:#FFFFFF;
	padding: 4px 0px 2px 2px;
	font-family: Arial, 'Times New Roman'; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
}

.message{
	font-weight: bold;
	margin-left: 10px;
	color: #3366CC;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px -2px 0px;
}

.messageError{
	font-weight: bold;
	margin-left: 10px;
	color: #FF0000;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px -2px 0px;
	background-color: #FFFF33;	
}

.optional{
	font-style: italic;
	color: #666666;
}

.checkboxradio{
	border: 0px;
	vertical-align: text-bottom;
	background-color: none;
}

/* nav menu */

#nav A { display: block;}

#nav A:hover, #nav A:active { color: #FF9900; }
#nav A:link, #nav A:visited { color: #000000; }

#nav ul li { position: relative; left: -20px; }

#nav li ul {
	position: absolute;
	top: 93px;
	display: none;
	}
#nav ul li a {
	font-size: 11px;
	display: block;
	text-decoration: none;
	color: #0066E9;
	background-color: #EFEFEF;
	padding: 5px;
	border-left: 4px solid #cccccc;
	width: 110px;
}
#nav ul li a:hover { color: #000; background-color: #CCCCCC; border-left: 4px solid #FE351D;}

/* Fix IE. Hide from IE Mac \*/
* html #nav  ul li { float: left; }
* html #nav  ul li a { height: 1%; }
/* End */

#nav  ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	}

#nav  li:hover ul, #nav  li.over ul { display: block; }

/* end nav menu */

.navLinks, .navLinks A:link, .navLinks A:visited{
	color: #6600CC;
	vertical-align: middle;
	font-size: 14px;
	background-color: #0048df;
}
.navLinks .element{ margin-right: 20px;  margin-left: 20px; }
.navLinks A:active, .navLinks A:hover, .navLinks A:visited:hover, .navArt A:active, .navArt A:hover, .navArt A:visited:hover, .topTen A:hover, .topTen A:visited:hover{ color: #99CCFF; text-decoration: none;}

.navArt, .navArt A:link, .navArt A:visited{
	color: #CCCCCC;
	font-size: 12px;
}

.subMenu{
	margin-top: 8px;
	padding: 6px 5px 6px 20px;
	background-color: #0099FF;
	font-size: 12px;
}
.subMenu .element{ margin: 0px 0px 0px 20px; vertical-align: text-bottom; }
.subMenu A:link, .subMenu A:visited{ font-size: 12px; background-color: #0099FF; vertical-align: text-bottom; }

 /* the nav to the left, text-only */
.navText{
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	background-color: #EFEFEF;
}

.navText .element {
	padding: 4px 2px 4px 8px;
	background-color: #EFEFEF;
	border-bottom: 1px solid #CCCCCC;
}
.navText A:link, .navText A:visited{ color: #666666; }
.navText A:hover, .navText A:visited:hover, .navText .element:hover { color: #0066E9; background-color: #C6DAFE; }


.navArrow{
	vertical-align: middle;
	margin-left: 25px;
}
.navArrowNoMargin{ margin-left: 0px; vertical-align: middle; }

.contentArea{
	font-family: Arial, 'Times New Roman'; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal;
	margin: 15px 5px 0px 20px;
	width: 500px;
	padding: 0px 15px 0px 0px;
}

.contentBox{ margin: 10px 0px 20px 0px; }

.contentBox .content{
	padding: 10px 5px 5px 15px;
}

.propertyLink:link, .propertyLink:visited{ color: #333333; }
.propertyLink:active, .propertyLink:hover, .propertyLink:visited:hover{ color: #0066E9; }

.contentBox .titleRedLine{
	background-color: #EFEFEF;
	border-bottom: 1px solid #CC0000;
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	padding: 8px 5px 6px 10px;
}


.contentBox .title{
	background-color: #EFEFEF;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	padding: 8px 5px 6px 10px;
}

.profileProperty{
	font-size: 12px; color: #333333; border-right: 2px solid #EFEFEF; border-bottom: 5px hidden #FFFFFF;
}
.profileContent{
	border-bottom: 5px hidden #FFFFFF;
}

.topTen{ font-size: 18px; }
.topTen .content{ padding: 0px 5px 0px 0px; }
.topTen .num { font-size: 60px; margin: 0px 5px 0px 5px; color:#6699FF;  font-weight: bold; }
.topTen A:link, .topTen A:visited{ color: #333333; }
.topTen .line { padding: 4px 4px 4px 4px; }
.topTen .name { font-size: 14px; font-weight: bold; }
.topTen .stats { font-size: 11px; font-weight: normal; color: #999999;}
.topTen .userImage { margin-top: 5px; margin-bottom: 5px; }
.topTen .person:hover { background-color:#eef3f9; } 

.imageBlackBorderSmall{ border: 2px solid #000000; vertical-align: middle; }
.imageBlackBorderMed{ border: 3px solid #000000; vertical-align: middle; }
.imageBlackBorderLarge{ border: 4px solid #000000; vertical-align: middle; }

.imageLightBorder{
	border: 1px solid #CCCCCC;
	vertical-align: middle;
}

.imageDarkBorder{
	border: 1px solid #333333;
	vertical-align: middle;
}

.pageTitle{ font-size: 20px; font-weight: bold; color: #000099; padding: 8px 8px 8px 10px;  }
.title{ font-size: 16px; font-weight: bold; color: #333333; }

.userQuick .userRelationship{ font-size: 11px; color: #666666; }
.userQuick .userTitle{ font-size: 12px; font-weight: bold; color: #333333; }
.tagline{ font-size: 10px; color: #333333; font-weight: normal;}
.userQuick { margin-bottom: 15px; font-size: 11px; }

.messageCritical{ font-weight: bold; color: #FF6600; }

.stickyNote{ padding-left: 10px; margin-top: 5px; margin-right: 20px; overflow: hidden; } /* background: url(../images/corkboard.jpg);  */
.stickyNote .yellow { background-color: #FFFF33; padding: 10px 10px 10px 10px; border: 1px dotted #333333; margin: 0px 0px 10px 0px; }
.stickyNote .pink { background-color: #ffccff; padding: 10px 10px 10px 10px; border: 1px dotted #333333; margin: 0px 0px 10px 0px; }
.stickyNote .green { background-color: #ccff99; padding: 10px 10px 10px 10px; border: 1px dotted #333333; margin: 0px 0px 10px 0px; }
.stickyNote .blue { background-color: #99ccff; padding: 10px 10px 10px 10px; border: 1px dotted #333333; margin: 0px 0px 10px 0px; }
.stickyNote .orange { background-color: #ffcc66; padding: 10px 10px 10px 10px; border: 1px dotted #333333; margin: 0px 0px 10px 0px;}
.stickyNote .white { background-color: #ffffff; padding: 10px 10px 10px 10px; border: 1px dotted #333333; margin: 0px 0px 10px 0px; }


.photoAlbum .albumContent { font-size: 11px; font-weight: normal; }
.photoAlbum .album { background-color: #EFEFEF; padding: 10px 15px 15px 15px; border: 2px outset #EFEFEF; margin: 0px 30px 30px 0px; }
.photoAlbum .thumbnail  { padding: 10px 10px 10px 10px; border: 1px solid #CCCCCC; margin: 0px 30px 10px 0px; vertical-align: top; }
.photoAlbum .albumTitle { font-size: 14px; font-weight: bold;}

.albumNav{
	background-color: #EFEFEF;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	padding: 0px;
}
.albumNav .element{ padding: 5px; }


.art .small{ font-size: 10px;  }
.art .element { font-size: 12px; margin-bottom: 10px; width: 150px; }

.playlist {width: 450px; margin-bottom: 15px; margin-left: 10px; border: 1px solid #cccccc; }
.playlist .item, .playlist .item A,  .playlist .itemAlt A, .playlist .itemAlt { color: #333333; }
.playlist .itemAlt { background-color: #eef3f9; }
.playlist .itemPlaying, .playlist .itemPlaying A { color: #990000; }
.playlist .header { background-color: #CCCCCC; font-weight: bold; font-size: 14px; }

.mixtape {width: 450px; margin-bottom: 15px; margin-left: 10px; border: 1px solid #cccccc; }
.mixtape .item, .mixtape .itemAlt { color: #333333; padding: 4px 0px 4px 4px; }
.mixtape .itemAlt { background-color: #eef3f9; }
.mixtape .itemPlaying { color: #990000; }
.mixtape .header { background-color: #CCCCCC; font-weight: bold; font-size: 14px; }

.title { font-size: 14px; color: #333333; }

.medium .mediumSectionTitle { font-size: 18px; color: #CC0000; background-color: #EFEFEF; font-weight: bold; padding: 8px 5px 8px 8px; margin-bottom: 10px; }
.medium .mediumSectionTitle .A { display:block; }
.medium .mediumSectionTitle:hover{ background-color: #CCCCCC; display: block; }
.mediumTitle{ font-size: 15px; color: #CC0000; font-weight: bold; padding: 8px 5px 8px 0px; }
.mediumTitle a { color: #CC0000; }
.mediumTitle a:hover { color: #660000; }
.medium { padding: 0px 20px 10px 15px; }
.medium .mediumTitle { font-size: 15px; color: #333333; font-weight: bold; padding: 8px 5px 3px 0px; border-bottom: 1px dotted #CCCCCC; margin-right: 15px;}
.medium .content{ padding: 10px 5px 5px 15px; margin-bottom: 10px; margin-right: 15px; }
.medium .mediumContentWord { margin-left: 10px; }
.medium .mediumContentDefinition { margin-left: 30px; margin-bottom: 3px; }
.medium .song{ background-color: #EFEFEF; border-bottom: 1px solid #333333; padding: 4px; margin: 0px 0px -14px 0px; color: #333333; }
.medium .song A{ color: #333333; }
.medium .song .itemTitle A{ color: #0066E9; }
.songHeader { color: #333333; background-color: #CCCCCC; font-size: 10px; }

.rank .statsBox { color: #666666; margin-left: 15px; margin-top: 4px; width: 270px; font-size: 11px; padding: 5px 10px 5px 10px; background-color: #EFEFEF; border: 1px solid #CCCCCC;}

.content { padding: 10px 5px 5px 10px; }

.footerText { font-size: 11px; padding: 6px 10px 6px 15px; font-weight: bold; line-height: 18px; color: #333333; }
.footerText .element{ margin-right: 40px; }
.footerText .copyright{ font-size: 10px; font-weight: normal; }


.messageLong, .messageCompose {margin: 10px 25px; width: 500px;}
.messageLong .messageTitle, .messageCompose .messageTitle {font-weight: bold; color: #000099;}
.messageLong .longBody, .messageCompose form { border: 1px solid #ccc;}
.messageCompose form {padding: 2px;}
.messageLong .longHistoryBody {border: 1px dashed #ccc;}
.messageLong td, .messageCompose td {padding-top: 3px;}
.messageLong p {margin: 0; text-align: right;}
.messageLong .longTitle, .messageCompose .inputTitle {color: #999; font-weight: bold; width: 50px;}

.userMessage{ width: 98%; }

#messageMenu {float: left; width: 100%; border-bottom: 1px solid #000099; padding-left: 5px; }
#messageMenu ul, .flatlist ul {margin: 0; padding: 0; list-style: none;  white-space: nowrap; line-height: 15px; } 
#messageMenu li, .flatlist li {position: relative; float: left; width: 100px; margin: 0; padding: 0; list-style: none; text-align: center; }
#messageMenu a {display: block; height: 15px; padding: 5px 12px 5px 12px; font-weight: bold;}
.flatlist a, .flatlist span {display: block;}
.flatlist span a {display: inline;}
#messageMenu a:hover {display: block; height: 15px; padding: 5px 12px 5px 12px; font-weight: bold; background-color: #ccc; color: #0066E9;}
a#messageMenuOn, a:hover#messageMenuOn {background-color: #000099; color: #efefef;}
#messageOptions {float: left; text-align: right; width: 100%; line-height: normal;}
#messageOptions li {float: right; padding: 0 7px 0 0}
#messageOptions a, #messageOptions span {background-color: #efefef; padding: 2px 8px 5px 8px;}
#messageOptions span a {padding: 0;}


.messageTable th {background-color: #efefef; border-bottom: 1px solid #ccc;}
.messageTable td {height: 25px;}


#divEventsList li {margin-bottom: 5px;}
#divEventDetails {clear: both;}
#divEventDetails .cellTitle {color: #999; font-weight: bold; width: 75px; text-align: right;}
#divEventDetails .belowBox, #divEventsList .belowBox {font-size: 90%; margin-right: 15px; margin-left: 10px;}
#divEventsList {float: left; width: 58%;}

.topTenFriendsList{
	background-color: #eef3f9;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 15px;
	margin-left: 20px;
	width: 200px;
}
.topTenFriendsList .title{ font-weight: bold; font-size: 14px; }
.topTenFriendsList .element{ margin: 5px; font-weight: bold; }

.imageUploadItem{ 
	margin: 8px 0px 8px 8px;
}


.tag{
	font-size: 12px; font-weight: bold; margin-top: 4px;
}
.tag .tagX{ font-size: 10px; vertical-align:top; color: #CCCCCC; font-weight:normal;}

.shoppingCart{
	background-color: #eef3f9;
	border: 4px outset #666666;
	margin-bottom: 15px;
	margin-left: 20px;
	width: 550px;
}
.shoppingCart .element{
	margin-bottom: 10px;
	padding: 10px;
}

.shoppingCart .totalsBox, .order .totalsBox{
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px;
}

.shoppingCart .final, .order .final{
	background-color: #333333;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}

.shoppingCart .updateSubmit{
	padding: 2px;
	font-size: 11px;
	color: #999999;
}

.shoppingCart .updateInput{
	padding: 2px;
	border: 0px solid #FFFFFF;
	font-weight: bold;
}

.cartLink, .cartLink A {
	color: #CC0000;
	font-weight: bold;
}	

.order{
	width: 500px;
	margin-bottom: 15px;
	margin-left: 20px;
}
.order .itemStatus{ font-size: 11px; color: #666666; margin-left: 3px;}

.feedback{ margin: 5px 0px 20px 20px; padding: 5px; background-color: #EFEFEF; border: 1px solid #CCCCCC; }
.feedback .date{ font-size: 10px; color: #666666; }
.feedback .names{ font-size: 10px; }

.positive{ color: #006600; font-weight: bold; }
.neutral{ color: #000000; font-weight: bold; }
.negative{ color: #990000; font-weight: bold; }

.orderSearch{ margin: 5px 0px 20px 20px; padding: 5px; background-color: #EFEFEF; border: 1px solid #CCCCCC; }

.plus{
	font-size: 20px;
	font-weight: bold;
	color: #009900;
	vertical-align: baseline;
}

.minus{
	font-size: 20px;
	font-weight: bold;
	color: #CC0000;
	vertical-align: baseline;
}

.frontpage .toptenheader{
	background:#6699FF;
	padding: 10px 10px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	height: 24px;
}

.frontpage .editorheader{
	background: #FE351D;
	padding: 10px 10px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	height: 24px;
}

.frontpage .editorheader .smalltext, .frontpage .toptenheader .smalltext{
	font-size: 10px;
	color: #333333;
	font-weight: normal;
}

.lightbox{
	padding: 4px 4px 4px 4px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
}

.shuffle{
	width: 366px;
	background-color: #000000;
	border: 5px inset #666666;
	border-bottom: 5px solid #999999;
	border-right: 5px solid #CCCCCC;
	border-top: 5px solid #333333;
	border-left: 5px solid #5C5C5C;
	height: 355px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	overflow: hidden;
}

.noHover, .noHover:hover, .noHover a:hover{
	background-color: #EFEFEF;
}

.networkSelect{
	width: 500px;
	height: 500px;
	border: 0px;
}

.networkOption{
	padding: 6px;
	border-bottom: 1px solid #EFEFEF;
	font-size: 13px;
}

.networkOption:hover{
	background-color: #eef3f9;
}

.blackTheme{
	background-color: #000000;
	color: #666666;
	padding-bottom: 5px;
}
.blackTheme .mediumTitle{
	color: #CC0000;
}
.blackTheme .mediumQuestion{ color: #CCCCCC; }

.blackTheme .imageLightBorder{ border: 0px solid #000000;}
.blackTheme .propertyLink:link, .blackTheme .propertyLink:visited{ color: #666666; }
.blackTheme .propertyLink:active, .blackTheme .propertyLink:hover, .blackTheme .propertyLink:visited:hover{ color: #0066E9; }

.newsItemTitle{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #CCCCCC;
	padding: 2px;
	margin-bottom: 7px;
}

.marketplaceLink a{ color: #000000; }

.marketplaceLink a:hover{ color: #000000;}

.browse .radio { border: 0px;}
.browse select { border: 1px solid #CCC; font-size: 1.1em; }
.browse select option { padding: 2px; font-size: 1em; }
.browse .small { font-size: .9em; color: #666; }
.browse select .size_0 { font-size: 13px; }
.browse select .size_1 { font-size: 14px; }
.browse select .size_2 { font-size: 15px; }
.browse select .size_3 { font-size: 17px; }
.browse .category .categoryTitle { display: block; font-size: 1.8em; color: #EFEFEF; background-color: #999; padding: 5px; }
.browse .category .x { color: #FFF; background-color: #CC0000; }
.browse .category .x a { color: #FFF; padding-left: 5px; padding-right: 5px; }
.browse .categorySelected .categoryTitle { display: block; font-size: 1.8em; color: #CC0000; background-color: #000; padding: 5px; }
.browse .categorySelected .x { color: #FFF; background-color: #CC0000; }
.browse .categorySelected .x a { color: #FFF; padding-left: 5px; padding-right: 5px; }

/********************************************************/
/*				AUTOCOMPLETION STYLES					*/
/********************************************************/

          div.auto_complete {
            width: 350px;
            background: #fff;
          }
          div.auto_complete ul {
            border:1px solid #888;
            margin:0;
            padding:0;
            width:100%;
            list-style-type:none;
          }
          div.auto_complete ul li {
            margin:0;
            padding:3px;
			border-bottom: 1px solid #CCCCCC;
          }
          div.auto_complete ul li.selected { 
            background-color: #ffb; 
          }
          div.auto_complete ul strong.highlight { 
            color: #800; 
            margin:0;
            padding:0;
          }

/**** GOOGLE ADS STYLING **/

		 #content-ads {
		    z-index: 0;
		}

		#content-noads {
			z-index: 0;
		}
		
		.feedburnerFeedBlock{
		padding: 2px;
		margin: 2px;
		}
		
		.feedburnerFeedBlock ul{
		list-style: none;
		text-align: center;
		margin: 0px;
		padding: 0px;
		}
		
		.feedburnerFeedBlock p.date{
		font-size: 10px;
		font-weight: bold;
		margin-top: 8px;
		padding-top: 0px;
		}
		
		.feedburnerFeedBlock li{
		border-bottom: 1px solid #ccc;
		margin-top: 5px;
		margin-bottom: 5px;
		height: 115px;
		}
		
		.feedburnerFeedBlock div{
		margin-bottom: 5px;
		}
		
		.feedburnerFeedBlock span.headline{
		padding: 2px;
		background: #00FF00;
	color: white;
		font-weight: bold;
		}
		
		.feedburnerFeedBlock li a:hover{
		font:black;
		}
		
	div.jpgjpg{
	overflow: hidden;
	text-align: center;
	max-width: 370px;
	border: 0;
	}
	
	div.simplepie{
	width: 300px;
	}