body {
	margin:0px;
	padding:0px;
	background: #ebf8ff;
	font-family:lucida grande, verdana, arial, helvetica, sans-serif;
	}
h1 {
	font-family:georgia, times new roman, serif;
	margin:0px 0px 0px 0px;
	padding:15px;
	padding-bottom: 30px;
	background-color:#c0deff;
	border: dotted 1px #c0deff;
	font-size:25pt;
	line-height: 20%;
	font-weight:100;
	color:#0071fb;
	}
	
h2 {
	font-family: lucida grande, verdana, arial, helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:10px;
	font-size:20px;
	line-height:100%;
	font-weight:400;
	color:#014189;
	}

h3 {
	font:11px lucida grande, verdana, arial, helvetica, sans-serif;
	color: #ccc;
	line-height:200%;
	margin:0px 0px 0px 205px;
	padding:0px;
	}

img {
	border-style: none;
}

p {
	font:11px lucida grande, verdana, arial, helvetica, sans-serif;
	color:#024e8c;
	line-height:200%;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:left;
	}

#Content ul li {
	font:11px lucida grande, verdana, arial, helvetica, sans-serif;
	color:#024e8c;
	line-height:200%;
	margin:0px 0px 0px 0px;
	padding:7px;
	text-align:left;
	}
	
.green {
	font:12px lucida grande, verdana, arial, helvetica, sans-serif;	
	background:#6bc553;
	color:#ffffff;
	margin-left: 10px;
	padding: 2px;
	border: 2px dotted;
	}
.blue {
	background:#c6e9ff;
	padding: 2px;
	border-bottom: solid 1px #53b8ff;

	}
	
	
.superhot {
	position: absolute;
	left: 250px; 
	top: 32px;
	font-size: 12px;
	background:#eb5b69;
	color:#ffffff;
	padding: 2px;
	margin: 7px;
	}

/* ALIM: different position if we have the grad banner */
.superhot_grad {
	position: absolute;
	left: 250px; 
	top: 190px;
	font-size: 12px;
	background:#eb5b69;
	color:#ffffff;
	padding: 2px;
	margin: 7px;
	}

.nothot {
	position: absolute;
	left: 30px;
	top: 32px;
	font-size: 12px;
	background:#69baed;
	color:#ffffff;	
	padding: 2px;
	margin: 7px;
	}
	
/* ALIM: different position if we have the grad banner */
.nothot_grad {
	position: absolute;
	left: 30px;
	top: 190px;
	font-size: 12px;
	background:#69baed;
	color:#ffffff;	
	padding: 2px;
	margin: 7px;
	}
	
.pass {
	position: absolute;
	left: 70px; 
	top: 87px;
	width: 175px;
	font-size: 12px;
	font-weight: bold;
	background:#6bc553;
	color:#ffffff;	
	padding: 2px;
	margin: 7px;
	text-align:center;
}

a.pass:link {color:#ffffff; text-decoration:none; }
a.pass:visited {color:#ffffff; text-decoration:none; }
a.pass:hover {background: #3b8528; color:#ffffff; text-decoration:none; }

/* ALIM: different position if we have the grad banner */
.pass_grad {
	position: absolute;
	left: 70px; 
	top: 242px;
	width: 175px;
	font-size: 12px;
	font-weight: bold;
	background:#6bc553;
	color:#ffffff;	
	padding: 2px;
	margin: 7px;
	text-align:center;
}

a.pass_grad:link {color:#ffffff; text-decoration:none; }
a.pass_grad:visited {color:#ffffff; text-decoration:none; }
a.pass_grad:hover {background: #3b8528; color:#ffffff; text-decoration:none; }

a.previous, a.previous:link, a.previous:visited, a.previous:hover {
	position: absolute;
	left: 350px; 
	top: 117px;
	color:#014189;
	font-size:11px;
	line-height:200%;
	text-decoration:none;
	font-weight:600;
	font-family:lucida grande, verdana, arial, helvetica, sans-serif;
}

/* ALIM: different position if we have the grad banner */
a.previous_grad, a.previous_grad:link, a.previous_grad:visited, a.previous_grad:hover {
	position: absolute;
	left: 350px; 
	top: 274px;
	color:#014189;
	font-size:11px;
	line-height:200%;
	text-decoration:none;
	font-weight:600;
	font-family:lucida grande, verdana, arial, helvetica, sans-serif;
}

.pink {
	font-size: 14px;
	background:#eb5b69;
	color:#ffffff;
	border-right: dotted 2px #ffffff;
	border-bottom: solid 1px #a00918;
	padding: 2px;
	margin: 7px;
	}
	
	
	
.yellow {
	font-size: 14px;
	background:#c0b900;
	color:#ffffff;
	border-right: dotted 2px #ffffff;
	border-bottom: solid 1px #a49a00;
	padding: 2px;
	margin: 2px;
	}

.minibar1 {
	font-size: 14px;
	background:#69baed;
	color:#ffffff;
	border-right: dotted 2px #ffffff;
	border-bottom: solid 1px #0782d0;
	padding: 2px;
	margin: 1px;
	}
	
.purple {
	font-size: 14px;
	background:#a546c0;
	color:#ffffff;
	padding: 2px;
	margin: 1px;
	}
	

p.name {
	font:14px lucida grande, verdana, arial, helvetica, sans-serif;
	color:#024e8c;
	line-height:200%;
	margin:0px 0px 0px 0px;
	padding:4px;
	text-align:left;
	}
	
p.select {
	font:13px lucida grande, verdana, arial, helvetica, sans-serif;
	color:#024e8c;
	line-height:200%;
/*	margin-bottom: 20px;*/
	padding:7px;
	text-align:left;
	}	
	

p.pale {
	font:12px lucida grande, verdana, arial, helvetica, sans-serif;
	color:#c9eaff;
	line-height:200%;
	margin:0px 0px 0px 0px;
	padding:5px;
	text-align:left;
	}
	
p.box {
	font:10px lucida grande, verdana, arial, helvetica, sans-serif;
	line-height:200%;
	margin:2px 0px 0px 0px;
	padding:2px;
	background-color:#e3f0ff;
	border: bold 1px #c0deff;
	font-weight:200;
	text-align:left;
	}

p.box2 {
	font:13px lucida grande, verdana, arial, helvetica, sans-serif;
	line-height:140%;
	margin:1px 2px 2px 2px;
	padding:4px;
	background-color:#c0deff;
	font-weight:200;
	text-align:left;
	}


p.box3 {
	font:11px lucida grande, verdana, arial, helvetica, sans-serif;
	line-height:200%;
	margin:4px 2px 4px 2px;
	padding:1px;
	background-color:#e3f0ff;
	border-bottom: solid 1px #c0deff;
	font-weight:bold;
	text-align:left;
	}


#Content>p {margin:0px;}
#Content>p+p {text-indent:2px;}

a.menu {
	color:#0066ff;
	font-size:12px;
	line-height:150%;
	text-decoration:none;
	font-weight:500;
	font-family:lucida grande, verdana, arial, helvetica, sans-serif;
	padding-right: 3px;
	}
span.srch {
	color:#C9EDFF;
	font-size:12px;
	line-height:150%;
	text-decoration:none;
	font-weight:500;
	font-family:lucida grande, verdana, arial, helvetica, sans-serif;
	padding-right: 3px;
}
a.menu:link {color:#0066ff;}
a.menu:visited {color:#3399ff;}
a.menu:hover {color:#66cc33;}


a.linksbox {

	color: #ffffff;
	font-family:lucida grande, verdana, arial, helvetica, sans-serif;
	font-size:13px;
	padding: 2px;
    text-decoration: none;
   
	}

a.linksbox:link {background: #00397a; color: #65a6f2;}
a.linksbox:visited {color:#a2d4f5;}
a.linksbox:hover {background: #0071fb; color:#ffffff;}



a.content {
	color:#014189;
	font-size:11px;
	line-height:200%;
	text-decoration:none;
	font-weight:600;
	font-family:lucida grande, verdana, arial, helvetica, sans-serif;
	}

a.fb_share_link, a.fb_share_link:link, a.fb_share_link:visited, a.fb_share_link:hover {
	color:#014189;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:lucida grande, verdana, arial, helvetica, sans-serif;
	padding:2px 0 0 20px;
	height:16px;
	background:url(http://www.facebook.com/images/share/facebook_share_icon.gif) no-repeat top left;
}

a.content:link {color:#014189;}
a.content:visited {color:#0064d2;}
a.content:hover {color:#0071fb;}

a.minibar {
	font:12px lucida grande, verdana, arial, helvetica, sans-serif;
	color:#024e8c;
	line-height:200%;
	text-decoration:none;
	font-weight:600;
	padding: 3px;
}

a.minibar:link {color:#ffffff;}
a.minibar:visited {color:#ffffff;}
a.minibar:hover {background: #0071fb; color:#ffffff;}


a.rate0 {
	text-decoration: none;

}

a.rate0:link, a.rate0:visited {color:#ffffff;}
a.rate0:hover {background: #ffffff; color:#3888bc;}


a.rate1 {
	text-decoration: none;

}

a.rate1:link, a.rate1:visited {color:#68aedc;}
a.rate1:hover {background: #68aedc; color:#ffffff;}




a.rate2 {
	text-decoration: none;

}

a.rate2:link, a.rate2:visited {color:#3888bc;}
a.rate2:hover {background: #3888bc; color:#ffffff;}


a.rate3 {
	text-decoration: none;

}

a.rate3:link, a.rate3:visited {color:#005bae;}
a.rate3:hover {background: #005bae; color:#ffffff;}



a.rate4 {
	text-decoration: none;

}

a.rate4:link, a.rate4:visited {color:#4b3075;}
a.rate4:hover {background: #4b3075; color:#ffffff;}



a.rate5 {
	text-decoration: none;

}

a.rate5:link, a.rate5:visited {color:#61118c;}
a.rate5:hover {background: #61118c; color:#ffffff;}


a.rate6 {
	text-decoration: none;

}

a.rate6:link, a.rate6:visited {color:#a41c55;}
a.rate6:hover {background: #a41c55; color:#ffffff;}


a.rate7 {
	text-decoration: none;

}

a.rate7:link, a.rate7:visited {color:#b91f5f;}
a.rate7:hover {background: #b91f5f; color:#ffffff;}

	

a.rate8 {
	text-decoration: none;

}

a.rate8:link, a.rate8:visited {color:#c91460;}
a.rate8:hover {background: #c91460; color:#ffffff;}


a.rate9 {
	text-decoration: none;

}

a.rate9:link, a.rate9:visited {color:#df0862;}
a.rate9:hover {background: #df0862; color:#ffffff;}


a.rate10 {
	text-decoration: none;

}

a.rate10:link, a.rate10:visited {color:#ff006b;}
a.rate10:hover {background: #ff006b; color:#ffffff;}



	
a.h2 {
	color:#ccc;
	font-size:28px;
	line-height:150%;
	text-decoration:none;
	font-weight:400;
	font-family:georgia, times, serif;
	padding-bottom: 0px;
	}

a.h2:link {color:#0066ff;}
a.h2:visited {color:#3399ff;}
a.h2:hover {color:#66cc33; text-decoration: none;
}

	
#box {
	position: relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:30px; 
	width: 100%;
	border-style:solid;
	border-color:black;
	border-width:0px 0px; 	
	line-height:11px;
	background-color: #014189; 
	background-image: url("images/bluebg.jpg");
	voice-family: "\"}\"";
	}
	body>#box {height:30px;}

#logo {
	position: absolute;
	top:0px;
	left: 0px;
	background: url("images/peopleradar.png") no-repeat;
	padding: 200px;
	margin: 0px 10px 0px 0px;
	}
	
	
#linksbox {
	position: absolute;
	top:5px;
	left:195px;
	height:40px;
	background: transparent;
	padding: 2px;
	margin: 0px 0px 0px 0px;
	}

#Content {
	background: #ffffff;
	position: relative;
	top:90px;
	left:0px;
	margin:0px 0px 0px 210px;
	padding:10px;
	border-style: solid;
	border-color: #c0deff;
	border-width: 0px 1px 0px 1px;
	width:440px;
	}
	
#Photo, #Photo2 {
	padding:0px;
	border: 1px dotted #69baed;

	}
	
#Previous {
	font:14px lucida grande, verdana, arial, helvetica, sans-serif;
	color:#024e8c;
	margin:5px 0px 0px 5px;
	padding-bottom: 30px;
	}	
	
	
#kbox {
	position: absolute;
	top: 0px; left: 0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:125px; 
	width:195px; 
	border-style:solid;
	border-color:black;
	border-width:0px 0px; 	
	line-height:11px;
	background: #014189; 
	background: url("images/bluebg.jpg");
	voice-family: "\"}\"";
	}
	body>#kbox {height:125px;}
	
#network {

	position: absolute;
	/* top:495px; */
	top:520px;
	left:30px;
	margin: auto;
	padding:2px;
	width:165px;
	line-height:11px;
	background-color: transparent; 

}

#share {

	position: absolute;
	top:470px;
	left:0px;
	margin: auto;
	padding:2px;
	width:190px;
	line-height:11px;
	background-color: transparent; 
	text-align: right;
}

#Menu {
	position:absolute;
	top:119px;
	left:0px;
	width:195px;
	padding:0px;
	line-height:200%;
	background-color: #014189;
	background: url("images/bg.png") repeat;
	background-position: 0px 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:201px;
	}body>#Menu {width:201px;
	}
	


#navlist {

	margin: 0px; 
	padding: 0px;
	list-style-type: none; 
	text-align:right;
	}

#message {
	background: #ffffff;
	position: relative;
	top:100px;
	left:0px;
	margin:10px 10px 10px 210px;
	padding:10px;
	border-style: solid;
	border-color: #006000;
	border-width: 1px 1px 1px 1px;
	width:440px;
}
#message p {
	color: #007000;	
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:lucida grande, verdana, arial, helvetica, sans-serif;
}	
div#sidebar {
	position: absolute; 
	top: 1px; 
	left: 0px; 
	width: 195px; 
	background-color: #014189; 
	background: url("images/bg.png") repeat;

	padding: 0px; 
	margin: 0px; 
	border-width: 0px;
}
div#sidebar div {margin-bottom: 1px;}

div#sidebar a {display: block; margin: 0; 
	padding: 2px; 
	text-align: right; 
	background: transparent none center left no-repeat; 
	text-decoration: none;}

div#sidebar a:link {color: #c9edff; 
background-color: #014189;
background: url("images/bg.png") repeat;
border-bottom-width: 0px; border-bottom-style: dotted; border-bottom-color: #4793e7
}
div#sidebar a:visited {color: #c9edff; 
background-color: #014189;
background: url("images/bg.png") repeat;
border-bottom-width: 0px; border-bottom-style: dotted; border-bottom-color: #4793e7}
div#sidebar a:hover {background: #0071fb; color: #ffffff;}


div#demosthenes a:link:hover {background: #0071fb;}
div#demosthenes a:visited:hover {background: #0071fb;}
div#sidebar p {
	line-height:26px;
	padding: 0px;
	margin: 0px;
}	
	
#line
{
	height: 1px;
	background: url("images/line.jpg") repeat-x;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	}
		
#dotted
{
	height: 1px;
	background: url("images/dotted.gif") repeat-x;
	padding: 0px;
	margin: 20px 10px 20px 10px;
	}
	
	
#formnetwork {

	margin:0px 0px 0px 0px;
	padding:1px;
	}
	
#formgender {

	margin:0px 0px 0px 0px;
	padding:1px;
	}
	
#formstatus {

	margin:0px 0px 0px 0px;
	padding:1px;
	}

#loginbox {
	font-size: 1.5em;
	color:#0071fb;
	background-color:#c0deff;
	border: dotted 1px #c0deff;
	line-height: 20%;
	font-weight:100;	
}	

.minirate {
	margin:0px 0px 0px 0px;
	padding:10px;
	background-color:#c0deff;
	border: dotted 1px #c0deff;
	font-size:12px;
	line-height: 20%;
	font-weight:bold;
	color:#61118c;
	}
	
#leaderboard {
	margin-top: 20px;
	margin-left: 210px;
}

#skyscraper-left {
	position: absolute;
	top: 600px;
	left: 5px;
}

#skyscraper-right {
	position: absolute;
	top: 150px;
	right: 55px;
}

#sponsored {
/*	background: #ffffff;
	border-style: solid;
	border-color: #c0deff;
	border-width: 0px 1px 0px 1px;
*/
	width: 726px;
	margin-left: 210px;

}
#sponsored p {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none
}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:30em;
	padding: 2px;
    border:1px solid #c0deff;
    background-color:#ebf8ff; color:#000;
    text-align: left
}

a.bandtrackerLink {
	color: red;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:lucida grande, verdana, arial, helvetica, sans-serif;
	/*height:16px;*/
}
