@CHARSET "ISO-8859-1";

/*--------- Main Layout --------------*/

#column-current {
	float:left;
	width:500px;
	margin-left:10px;
	text-align:center;
	/*border : dotted 1px yellow;*/	
}

#column-current div, #column-mono div, #column-prev.div {
	text-align:center;
}


#column-mono {
	margin: 0px auto;	
	width:500px;
}

#column-prev {
	float:left;
	margin: 0px auto;
	margin-top:86px;
	margin-bottom:4px;
	padding-top:6px;
	width : 200px;
	/*border : solid 1px #ff9900;	
	background-color:#ffffcc;*/
	background: url('/res/img/design/prev-photo-border_01.png') no-repeat top center;
}


/* ---------- rate bar ------------------*/
#scale {
	position:relative;
	width:400px;
	padding:0 ;
	margin:0 auto;
	list-style:none;
	height:30px;
	/*border: solid 1px red;/*
	background: url('/res/img/design/rate-bt-bkgnd.png') no-repeat top left;
	*/
}

#scale li {
	float:left;
	height:24px;
	width:40px;
	margin:0px;
	padding:0px;
	margin-right:0px;
	text-align: left;
    padding-top: 3px;
    font-size: 90%;
    color: #786f60;
    cursor:pointer;	
	background: url('/res/img/design/bt-rate.png') no-repeat top left;
	/*border: solid 1px red;*/ 
}
#scale li:hover {
	background: url('/res/img/design/bt-rate-hover.png') no-repeat top left;
 }


#scale a {
	display:block;
	color:#444;
	text-decoration:none;
	margin:0;
	padding:0;
	padding-top:2px;
}

#scale a:hover {
	color:black;
}

span.numbering, span.numbering10 {
	position:absolute;
	font-weight:bold;
	padding-top:2px;
	padding-right:2px;
	color:black;
	margin:0;
}


span.numbering10 {
	position:relative;
	left:-4px;
	top:-2px;
	border: 1px;
	font-size:95%;	/* For FF3 */
}

div.ratetxt {
	margin: 0px auto;
	font-weight:normal;
	text-align:center;
	width:400px;
	color:black;
	padding-bottom:4px;
	
	/*border: solid 1px red;*/
}

/*------------ Filters ------- */

select {
	border: solid 1px #339900; 
	padding-left:4px;
	font-size:8pt;
}

#rate-selection {
	width:350px;
	height:30px;
	margin: 0px auto;
	padding-top:4px;
	text-align:center;
	/*background: url('/res/img/design/rate-filter-bkgnd.png') no-repeat top left;
	/*border: solid 1px red;*/
}
/*--------------- ToolTip ----------*/

div.tooltip-hdr{
	text-align:center;
	padding:0;
	margin:0;
	background-color:#ff9900;
}
div.tooltip-morephoto {
	padding-left:15px;
	height:16px;
	color:#ccc;
}

span.tooltip-quote {
	padding-left:28px;
	background: url('/res/img/design/quote-small_01.gif') no-repeat top left;
}
span.tooltip-quote2 {
	padding-left:28px;
	background: url('/res/img/design/quote-small_02.gif') no-repeat top right;
}

/*--------------- Photo ( Central ) ----------*/
#rate-photo {
	margin: 0px auto;
	text-align:center;
	padding-top:6px;
	/*border: solid 1px #ff9900;
	background-color:#ffffcc;*/
	background: url('/res/img/design/rate-photo-border_01.png') no-repeat top center;	
}

#rate-photo-center {
	padding:0px;
	margin:0px;
	width:498px;
	border-left: solid 1px #ff9900;
	border-right: solid 1px #ff9900;
	background: #ffffcc;	
}
#rate-photo-bottom {
	margin: 0px;
	padding:0px;
	width:500px;
	padding-top:6px;
	/*border: solid 1px red;*/
	background: url('/res/img/design/rate-photo-border_02.png') no-repeat top center;	
}

#rate-photo-top-meet, #rate-photo-top {
	width:500px;
	margin: 0px auto;
	margin-top:4px;
	text-align: center;
	background: url('/res/img/design/meet-border-no.png') no-repeat top left;	
}


#rate-photo-top-meet img{
	border:0px;
	padding:0px;
	margin:0px;
}


/*--------------- Photo ( Central ) footer ----------*/

#photo-footer {
	/*border : dotted 1px pink;*/
	text-align:right;
	width:100%;
}

#bestof {
	margin-top:4px;
	width:90px;
	margin:0px;
	padding:0px;
	margin-left:430px;
	background-image: url('/res/img/design/star.gif');
	background-repeat: no-repeat;
	background-position: 0px center;			
}

#bestof a {
	color:#f60;	
}


div.bestoftooltip {
	font-size:8pt;
	width:200px;
}


/*---------- Prev Rank /properties ------------*/
div.officialnote-text {
	text-align:center;
	color:#999;
	padding-bottom:4px;
}

div.officialnote {
	text-align:center;
	font-family:arial;
	font-size:18pt;
	font-weight:bold;
	color:#993300;
	height:30px;
	background: url('/res/img/design/rank-bkgnd.png') no-repeat top center;
}
div.officialnote-grey {
	text-align:center;
	font-family:arial;
	font-size:18pt;
	font-weight:bold;
	color:#666;
	height:30px;
	background: url('/res/img/design/rank-bkgnd-grey.png') no-repeat top center;
}

div.basedon {
	padding:4px;
	text-align:center;
	font-size:8pt;
}

div.yourrank {
	padding:4px;
	text-align:center;	
	font-size:10pt;
}

div.ago {
	color:#999;
	text-align:center;
	font-size:9pt;
} 

/*--------------- Right column Photo ( Prev ) ----------*/

div.clicktomeet-small {

	text-align:center;
	margin-top:0px;
	padding-top:0px;
	background: url('/res/img/design/meetme-bt-small.png') no-repeat top center;	
	padding-bottom:10px;
	padding-top:2px;
}

div.clicktomeet-small:hover {
	text-align:center; 
	padding-top:0px;
	background: url('/res/img/design/meetme-bt-small-hover.png') no-repeat top center;	
	padding-bottom:10px;
	padding-top:2px;
}

div.clicktomeet-small a {
	color: #663300;
	text-decoration:none;
	font-weight:bold;
	display:block;
}

div.clicktomeet-small a:hover {
	color: #339900;	
	font-weight:bold;
	text-decoration:underline;
	display:block;
}

#prev-photo {
	text-align:center;
}

#prev-photo-bottom {
	margin: 0px auto;
	width:200px;
	padding-top:10px;
	margin: 0px auto;
	background: url('/res/img/design/prev-photo-border_02.png') no-repeat top center;
}

#prev-photo-center {
	padding:0;
	margin: 0px auto;
	width:198px;
	border-left:solid 1px #ff9900;
	border-right:solid 1px #ff9900;
	background-color:#ffffcc;
	text-align:center;
}