/* @old stuff */

body {
	font-family: arial, sans-serif;
	background-color: #7C7D8F;
	font-size:12px
	}

.profile_content {
	background-color: #ffffff;
}


	
A:link 		{color:#000099;text-decoration:none;}
A:visited 	{color:#000099;text-decoration:none;}
A:active 	{color:#000099;text-decoration:none;}
A:hover 	{color:#A50000;}


.comment_title {
	background-color: #EEEEEE;
	background-color: #EEEEEE;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #1C3942;
	border-left-color: #1C3942;
}

.footer, a.footer {
	font-family:arial,san-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	background: url(http://www.spicepad.com/_images/topnav_stretch.gif) center center repeat-x;
	}

.profile_buttons {
	background-color: #EEEEEE;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #1C3942;
	border-left-color: #1C3942;
	display:block;
	color:#555555;
	font-weight:bold;
	margin-bottom:2px;
	text-decoration:none;
	width:100px;
	margin: 2px;
	padding: 2px;
}

a.profile_buttons_link {
	text-decoration:none;
}

.profile_head {
	background-color: #E6E6E6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}




.profile_head_links {
	background-color: #DA8D13;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.quote {
	font-family:arial;
	font-size: 10px;
	color: #000000;
	border: thin dotted #000000;
	}

.info_box {
	font-family:arial;
	font-size: 12px;
	background-color: #FFF9D7;
	margin: 5px;
	padding: 5px;
	width: 90%;
	border: thin solid #000000;
}

.warning_box {
	font-family:arial;
	font-size: 12px;
	color:white;
	background-color: red;
	margin: 5px;
	padding: 5px;
	width: 90%;
	border: thin solid #000000;
}


/* @template */
.template_content {
  	background: #FFFFFF;
	width: 898px;
	padding: 1px;
	margin: 0px;
}

.comment_box {
	background-color: #FFFFFF;
	padding: 5px;
	float: left;
	width: 100%;
	border: 1px solid #000000;
}

.comment_header {
	background-color: F7F7F7;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: 3B5998;
	border-bottom-color: B5B5B5;
}

/* @photo stuff */

.photo_small {
	float: left;
	width: 60px;
	height:60px;
	margin: 1px 1px 1px 1px;
	padding: 1px;
	overflow: hidden;
	}

.achievement {
	float: left;
	width: 60px;
	height:60px;
	background: url(http://www.spicepad.com/_images/stamps-gold-seal.jpg) top left no-repeat;
	margin: 1px 1px 1px 1px;
	padding: 1px;
	overflow: hidden;
	}


.premium {
	position: absolute;
	z-index: 2;
	width: 30px;
	left: 4px;
	top: 2px;
	background-color: #B61C12;
	color: #FFF;
	text-align: center;
	font-size: 9px;
}


	
.photo_box {
	position:relative;
	display:block;
	background-color: #ffffff;
	border:1px solid #000000;
	padding: 2px;
	padding: 2px;
	width:100px;
	height:90px;
}

.photo_box_vip {
	position:relative;
	display:block;
	background-color: #F4F0B1;
	border:1px solid #000000;
	padding: 2px;
	padding: 2px;
	width:100px;
	height:90px;
}



.photo_box_info {
	position: absolute;
	top: 4px;
	left: 4px;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	background-color: red;
	color: #FFFFFF;
	width:30px;
} 

.photo_private {
	background-color: #FF7575;
	border:1px solid #000000;
	padding: 2px;
	padding: 2px;
	width:100px;
	height:90px;
}

.photo_small {
	background-color: #ffffff;
	border:1px solid #000000;
	padding: 2px;
	padding: 2px;
}

.photo_box_extra {
	background-color: #ffffff;
	border:1px solid #000000;
	padding: 2px;
	padding: 2px;
	width:100px;
	height:100px;
}

.profile_container {
	background: #F7F7F7;
	border: 1px solid #000000;
	margin: 2px;
	padding: 2px;
}

.profile_header {
  background: #EDEFF4;
}

.new_box {
	background: #F8F8F8;
	color: #000;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	padding: 5px;
	margin: 2px;
}




.content_box_title {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #000000;
	padding: 2px;
}





.template_dark_background {
  	background: #2B2B45;
}


.template_box {
  	background: #F7F7F7;
	border: 1px solid #000000;
	padding: 2px;
	margin: 2px;
}

.template_box_title {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #2B2B45;
	background:url(http://www.spicepad.com/_images/topnav_stretch.gif)center center repeat-x;
	padding: 2px;
}


.template_table {
	text-align: center;
	background-color: #F1EFE2;
}

.template_table_header {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #990000;
	padding: 2px;
}

.template_table_row {
	color: #00000;
	background-color: #FFFFFF;
}

.template_tb_row {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	margin: 2px;
	padding: 2px;
}

.template_photo_box {
	background-color: #ffffff;
	border:1px solid #990000;
	padding: 2px;
	width:100px;
	height:90px;
}

/* @end */





/* tooltip */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}


#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('http://www.spicepad.com/_images/arrow.gif');
	width:0px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:1px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:100px;	/* Width of tooltip content */
	height:150px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}


a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    background-color:#ff0;
    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:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}