@charset "utf-8";
/* CSS Document */

HTML 		{overflow-y:scroll; background-color:#FFFFFF;}
BODY		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-top:5px;}
A			{
	text-decoration:none;
	cursor:pointer;
	outline:none;
	color:#6D4886;
}
H1			{font-size:15px; color:#181818;margin:0px;padding:0px 0px 5px 0px;}
H2			{margin:0px; padding:5px 0px; font-size:13px; color:#4c4c4e;}
H3			{color:#4c4c4e; margin:0px; padding:0px; font-size:14px;}
TD			{border-collapse:collapse;}
TABLE		{border-collapse:collapse; font-family:Verdana, Arial, Helvetica, sans-serif;}
INPUT		{background:#424242; border:1px solid #818181; color:white; width:147px; font-size:12px; margin:0; padding:0;}
textarea	{background:#424242; border:1px solid #818181; color:white; font-size:11px; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
SELECT		{background:#424242; border:1px solid white; color:white; width:150px; font-size:12px; opacity:0.90;filter:alpha(opacity=90); margin:0; padding:0;}
A:hover		{text-decoration:underline;}
:focus 		{ -moz-outline-style:none;}
IMG			{border:none;}

#wrapper1 	{position:relative; text-align:left; width:1000px; margin: 0 auto;}
#wrapper2 	{position:relative; text-align:left; width:1000px;}
#header 	{margin: 0 auto; width:1000px; height:141px; background-repeat:no-repeat;}
#maincol 	{position:relative;	margin:0;	padding:10px 0px;}
#leftcol 	{position:relative;	top:0px; left:0px; float:left; width:191px;	margin:0; z-index:100; padding-bottom:7px;}
#rightcol 	{position:relative;	top:0px; right:0px; float:right; width:191px; margin:0;	z-index:99;}
#centercol 	{position:relative;	padding:0px 201px;}
#account 	{position:relative;	padding:0px 0px 0px 0px;}
#advertise 	{position:relative;	padding:0px 0px 0px 201px;}
#loggedon 	{
	position:relative;
	padding:0px 0px 0px 0px;
	background-color:#EBEBEB;
	border:1px solid grey;
	margin-left:201px;
	color:#2D2D2D;
	padding:10px
}
#top_pic		{width:576px; height:242px;  padding:10px; color:white; z-index:5; background-repeat:no-repeat;}
#top_pic_form	{width:576px; height:340px;  padding:10px; color:white; z-index:5; background-repeat:no-repeat; background-image:url(../images/ying2.png);}
#top_pic_gender	{width:576px; height:340px;  padding:10px; color:white; z-index:5; background-repeat:no-repeat; background-image:url(../images/gender-prediction.jpg);}
#footer 		{position:relative; padding-left:201px; padding-top:7px; top:1px; width:799px; clear:both; margin:0; height:40px; background-image:url(../images/bottombg.png); background-repeat:repeat-x;}
#prefooter 		{position:relative; padding-top:7px; top:1px; width:1000px; clear:both; margin:3px 0px;}
#adsense		{width:189px;border:1px solid #666666; margin-bottom:7px}

.header_green	{background-image:url(../images/my-qualities-banner.jpg); font-size:18px;}
.header_blue	{background-image:url(../images/my-qualities-banner.png); font-size:18px;}
.header_purple	{background-image:url(../images/my-qualities-banner-purple.jpg);}

.header_blue_400{background-image:url(../images/my-qualities-banner-400.png); font-size:18px;}
#footer400 	{position:relative; width:400px; clear:both; margin: 0 auto; height:40px; background-image:url(../images/bottombg.png); background-repeat:repeat-x;}
#header400 	{margin: 0 auto; width:400px; height:60px; background-repeat:no-repeat;}
#maincol400	{margin: 0 auto;width:400px; margin-bottom:4px;}

/* ADVERTISING */
.ads			{background-color:#575757; color:#fff;}
.ads	TD		{font-size:11px;}
.ads	INPUT	{background:none; border:1px solid white; color:white; width:147px; font-size:11px; margin:0; padding:0;}
.ads 	SELECT	{background:#424242; border:1px solid white; color:white; width:150px; font-size:11px; opacity:0.90;filter:alpha(opacity=90); margin:0; padding:0;}
.ads 	H2		{color:#aae0fa; text-align:justify; font-size:20px; font-weight:normal; padding:0px 0px 5px 0px;}
.ads	h3		{color:white; font-size:14px; font-weight:normal;}
.ads	A		{color:#aae0fa;}

.silhouettes	{background-image:url(../images/silhouettes-coloured.png); font-size:18px; font-weight:normal;}
.ying			{background-color:#575757;}
.ying	TD		{font-size:11px;}
.ying	INPUT	{background:none; border:1px solid white; color:white; width:147px; font-size:11px; margin:0; padding:0;}
.ying 	SELECT	{background:#424242; border:1px solid white; color:white; width:150px; font-size:11px; opacity:0.90;filter:alpha(opacity=90); margin:0; padding:0;}
.ying 	H2		{color:#a887be; text-align:justify; font-size:20px; font-weight:normal; padding:0px 0px 5px 0px;}
.green			{} /* no longer green as can't be seen */
.purple			{color:#a887be;}
.blue			{color:#aae0fa;}
.celebpic IMG	{float:right; padding:0px 0px 5px 5px;}
.celebpic		{min-height:302px;}

.heading TH		{background-color:#282828; border:1px solid #666666; padding:5px; color:white;}

.navi A			{color:#4c4c4e;}
.pers_table	TD	{ border:1px solid #181818;}
.blacktable		{background-image:url(../images/radial.png); background-repeat:no-repeat;}
.blacktable TD		{color:white; border:1px solid white;}
	
.lh_side A		{color:#4c4c4e; background-color:#dbdbdb; display:block; font-size:11px; font-weight:bold; font:Verdana, Arial, Helvetica, sans-serif; padding:4px; border-bottom:1px solid white;}
.lh_side A:hover{color:white; background-color:#4c4c4e; text-decoration:none;}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
}

ul#menu li a {
color:#4c4c4e; background-color:#dbdbdb; display:block; font-size:11px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding:4px; border-bottom:1px solid white;
}

ul#menu li a:hover {
  color:white; background-color:#4c4c4e; text-decoration:none;
}

ul#menu li ul li a {
	border:none;
	background-color:#747476;
	color:white;
	padding-left:15px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul#menu li ul li a:hover {
  color:white; background-color:#4c4c4e; text-decoration:none;
}


.lusho TD		{border:1px solid #666666; width:75px; height:75px;}


/* TABS */

/* root element for tabs  */
div.css-panes  {color:white;}

ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;
	color:#fff;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright:0px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#3f3e40;
	border-bottom:2px solid #3f3e40;	
	color:#fff;	
	cursor:default;
}

	
/* tab pane */
div.css-panes > div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:330px;
	padding:15px 20px;
	background-image:url(../images/gradient.png);
	background-repeat:repeat-x;	
	background-color:#242021;
}

div.css-panes H2 {color:#aae0fa;}
div.css-panes H3 {color:#b2d234;}
div.css-panes H4 {color:#a887be; font-size:15px; margin:3px;}
div.css-panes LI {list-style:square; margin-top:5px;}


.clientpricing td,th		{border:1px solid #cccccc; padding:5px}

.ads-present 		{background-color:#242021; color:white; font-family:Verdana, Arial, Helvetica, sans-serif; padding:10px;}
.sample-ads  		{background-color:#242021; color:white; font-family:Verdana, Arial, Helvetica, sans-serif; padding:5px; margin-top:3px; margin-bottom:2px font-size:11px; width:181px; overflow:hidden}
.sample-ads H2 		{color:#b2d234;}
.sample-ads A		{background-color:#242021; color:#b2d234; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; border:none; padding:0; margin:0;}
.sample-ads A:hover	{background-color:#242021; color:#b2d234; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; border:none; padding:0; margin:0;}

div.tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

#commentForm {
	border:1px outset #ccc;
	background-image:url(../images/h600.png);
	background-repeat:repeat-x;
	padding:20px;
	margin:20px 0;
	width:500px;
	-moz-border-radius:8px;
}

#paybutton {
	border:1px outset #ccc;
	background-image:url(../images/h600.png);
	background-repeat:repeat-x;
	padding:20px;
	margin:5px 0;
	-moz-border-radius:8px;
}

#commentForm h3 {
	width:100%;
	padding:0px 0px 20px 0px;
}

/* http://www.quirksmode.org/css/forms.html */
#inputs label, #inputs input, #inputs textarea, #inputs select {
}

#inputs label {
	padding-right: 20px;
	font-size:11px;
}


.status					{color:red; padding-left:3px;}
label.error				{color:red;}
.label					{text-align:right;}
.createad INPUT,TEXTAREA{margin-bottom:10px;}
.advcon					{font-size:11px;}
.buttons				{background:#424242; border:1px solid #818181; color:white; width:147px; font-size:12px; margin:0; padding:0; display:block; padding:5px; text-align:center;}
.errorbox				{border:1px solid red; width:100%; text-align:center; font-size:11px; background-color:#FFA4A4;}
.purchasebox 				{background-color:#242021;color:white; cursor:pointer;}
.purchasebox A 				{color:white;}
.purchasebox A:hover		{text-decoration:none; color:#242021;}
.purchasebox A:hover SPAN	{text-decoration:none; color:#242021;}
.purchasebox:hover 			{background-color:#b2d234; width:100%; color:white; cursor:pointer; margin-bottom:2px;}
.purchasebox:hover H1 		{color:#242021;}

.areaitem				{background-color:#242021; width:350px; color:white; cursor:pointer; margin-bottom:2px; display:block; padding:10px}
.purchasesel			{background-color:#242021; width:200px; color:white; cursor:pointer; margin-bottom:2px; display:block; padding:8px; font-size:13px;}
.button					{width:100%; height:22px; padding:10px 0px; background-image:url(../images/buttonbg.png); background-repeat:repeat-x; color:white; font-size:14px; font-weight:bold; display:block; text-align:center}
.paypal					{}
.paypal INPUT			{background:#EBEBEB; border:none; color:white; width:147px; font-size:12px; margin:0; padding:0;;}



/* basket */

#basketTitleWrap {
	background-color: #b2d234;
	border-top: 1px #242021 solid;
	border-left: 1px #242021 solid;
	border-right: 1px #242021 solid;		
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	height: 20px;
}


#basketItemsWrap img {
	border: 0;
}

#basketItemsWrap ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0px 0px;
}

#basketItemsWrap li {
	background-color: #242021;
	color:white;
	margin: 0px;
	font-size: 12px;
	padding:3px 3px 5px 3px;
	
}

#basketItemsWrap td,th {
	background-color: #242021;
	color:white;
	margin: 0px;
	font-size: 12px;
	padding:3px 3px 5px 3px;
	
}

#prevpurWrap ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0px 0px;
}

#prevpurWrap li {
	background-color: #242021;
	color:white;
	margin: 0px;
	font-size: 12px;
	padding:3px 3px 5px 3px;
}

#prevpurWrap {background-color: #242021;}

.basketItemLeft {
	float: left;
}

.basketItemRight {
	float: right;
}
#bannerWrap {
	margin: 10px;
	padding-bottom: 5px;
}

/* admin */

.tablesorter td {
	border:1px solid #181818;
}

.tablesorter th{
	border:1px solid #181818;
	background-color: #aae0fa;
	color:#181818;
}


table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:0px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #aae0fa;
	border:1px solid #181818;
	font-size: 8pt;
	padding: 4px;
	text-align:left;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

.tablesorter input {background-color:#ffffff; color:#181818; width:100%}