body					{	padding:0;
							margin:0; 
							color:#000;
							font-family: Verdana,Arial,Helvetica,sans-serif;
							background-color:#FFF;
							}
							
/*************************************************
FONT SIZES
*************************************************/

body					{ font-size:80% }
input,textarea		{ font-size:100% }
h1 					{ font-size:1.5em }
h2 					{ font-size:1.2em }
h3 					{ font-size:1.1em }
h4 					{ font-size:1.2em }
h5 					{ font-size:1.1em }
h6 					{ font-size:1.0em }

/*********************************************************
GENERAL TEXT, POSITIONING, COLOUR and MULTI USE CLASSES
*********************************************************/
img						{ border:0 }
h4,h5,h6					{ background:#F0F0F7; color:#666666; padding:4px 8px 4px 8px; margin:0 2px 4px }
p							{ margin:0; padding:4px 8px 4px 8px; line-height:1.4em }
a							{ color:#000; text-decoration:underline; font-weight:bold }
a:visited				{ color:#000 }
a:hover					{ color:#000; text-decoration:underline }
td,th						{ vertical-align: top }
.floatright				{ }
.floatleft				{ }
.bold						{ font-weight:bold }
.clearonly 				{ clear:both }
.clear 					{ clear:both; float:none; font-size:0 }
.clearleft				{ clear:left }
.date						{ padding:0; margin:0; font-weight:bold }
.blue						{ color:#000 }
.red						{ color:#000 }
.topborder				{ border-top:1px solid #000 }
.botborder				{ border-bottom:1px solid #000 }
.question				{ color:#000 }
.alignright				{ text-align: right; }
.aligncenter			{ text-align: center; }
.alignleft				{ text-align: right; }
.alignmid				{ margin-left:8px; vertical-align: middle; }
.contact					{ float:left; margin-right:25px; padding-left:40PX; margin-left:8px }
.iconphone				{ background:#FFF url(../images/gui/icon_phone.gif) no-repeat top left }
.iconemail				{ background:#FFF url(../images/gui/icon_email.gif) no-repeat top left }
.iconsnail				{ background:#FFF url(../images/gui/icon_snailmail.gif) no-repeat top left }
.profile,.profilehi	{ padding:3px; }
.profilehi				{ background-color:#B3B5D6; color:#FFF; font-weight:bold }
.profilehi a:link,.profilehi a:visited,.profilehi a:hover { color:#FFF; text-decoration:none }
.leftspace				{	padding:30px; margin:0 8px 0 0; border-right:1px solid #D1D2E6 }

.w100				{ width:100px }
.w174				{ width:174px }
.w200				{ width:200px }
.w400				{ width:400px }

p.copyfoot
	{
		border-top:2px solid #000;
		margin:4em 0 0 0;
	}

p.formbutton
	{	display:none }
p.formbutton input
	{	display:none }
.button					{ padding:0; margin:0 0 8px 0; position:relative; background:url(../images/gui/button_grad_right.gif) no-repeat top right }
.button a				{ line-height:20px; height:20px; display:block; padding:0 0 0 8px; color:#FFF; text-decoration:none; background:url(../images/gui/button_grad_leftonly.gif) no-repeat top left }
.button a.subicon		{ position:absolute; top:2px; right:0; padding:0; margin:0 8px 0 0; color:#FFF; text-decoration:none; background:none }
.button a.lilacbg		{ background:url(../images/gui/button_grad_leftonly_lilac.gif) no-repeat top left }
.button a:visited,.button a:hover 	{ color:#FFF }
.indent					{ margin-left:8px}

				  
/*************************************************
LAYOUT DIVS WITH FLOATS ETC
*************************************************/

#wrapper
	{	text-align:left; }

#topbar
	{	clear:both;
		float:left; width:100% }
#topbar img
	{	float:left;
		padding:0 0 2em 0; }
#lowerbar
	{	display:none }
#content
	{	background:#FFF;
		clear:both; } 
#rightmain					
	{ }

/*****************************************************************************
GENERIC FORM ELEMENTS
*****************************************************************************/

input.text,textarea.text {	background:#FFF;
									color: #666;
									font-family: Verdana,Arial,Helvetica,sans-serif;
									margin:0;
									padding:2px;
									vertical-align:middle;
									border:1px solid #B3B5D6 }
									
input.button
	{	display:none }
input.image
	{	display:none }
label
	{ color:#000; font-weight:bold }	


									 
						
/*****************************************************************************
LOGIN / THREE BUTTONS BAR
*****************************************************************************/

#topoptions
	{	display:none }

#loginpanel
	{	display:none }

#tabsearch
	{	display:none }
	
#searchform
	{	display:none }
									
/*****************************************************************************
TOP TABS BAR
*****************************************************************************/

/*These tabs use a variation on the SLIDING DOORS technique:
http://www.alistapart.com/articles/slidingdoors/ */

#tabs 
	{	display:none }
	
/*****************************************************************************
NAVIGATION BAR
*****************************************************************************/

#navbar
	{	display:none }

/*****************************************************************************
LEFT SIDE BAR
*****************************************************************************/
#leftmain
	{	display:none }

/*****************************************************************************
HOME PAGE MIDDLE BAR
*****************************************************************************/
#middle						{	float:left; text-align:left }
								
				  
/*************************************************
SEARCH RESULTS TABS
*************************************************/

.searchtabs					{ height:21px; margin:8px 0 8px 8px;	padding:0; list-style-type:none; border-bottom:1px solid #B3B5D6 }
.searchtabs li				{ margin:0 1px 0 0;	padding:0; vertical-align:middle; line-height:20px; float:left; background:#B3B5D6 url(../images/gui/tab_topleft.gif) no-repeat top left }
.searchtabs a				{ padding:0 8px; color:#FFF; text-decoration:none; display:block; background:url(../images/gui/tab_topright.gif) no-repeat top right }
.searchtabs a:visited,.searchtabs a:hover 	{color:#FFF}
.searchtabs li.hilite	{ background-color:#767DB4 }


/*****************************************************************************
GENERIC PANELS
*****************************************************************************/
/* padding/margin shorthand: TOP RIGHT BOTTOM LEFT */

h1								{	margin:0; padding:8px 0; border-bottom:2px solid #000 }
h2,h3							{	position:relative; margin:0; color:#000 }
h3 img						{	display:none }
h2 img						{	display:none }
p.lines3						{	position:relative }
p.lines3 img				{	position:absolute; right:0; display:inline; margin-right:6px; vertical-align:middle }

/* Common attributes for all .top***** classes: */
.toplilac174,.topblue174,.topblue191,.topblue572,.topblue754,.topblue390,.topblue390dk,.topblue360,.yell,.blue
		{	padding:4px 0 4px 0;
			background-color:#FFF;
			background-repeat:no-repeat;
			background-position:top left }
			
.toplilac174 a,.topblue174 a,.topblue191 a,.topblue572 a,.topblue754 a,.topblue390 a,.topblue390dk a,.topblue360 a,.blue a
	{	color:#000; text-decoration:none }
.toplilac174 a:visited,.topblue174 a:visited,.topblue191 a:visited,.topblue572 a:visited,.topblue754 a:visited,.topblue390 a:visited,.topblue390dk a:visited,.topblue360 a:visited,.blue a:visited
	{	color:#000; text-decoration:none }
.toplilac174 a:hover,.topblue174 a:hover,.topblue191 a:hover,.topblue572 a:hover,.topblue754 a:hover,.topblue390 a:hover,.topblue390dk a:hover,.topblue360 a:hover,.blue a:hover
	{	color:#000; text-decoration:underline }

/* Unique background-image attributes for all .top***** classes: */
.toplilac174				{	background-image:none }
.botlilac174				{	background-image:none }
.topblue174					{	background-image:none }
.topblue191					{	background-image:none }
.topblue572					{	background-image:none }
.topblue754					{	background-image:none }
.topblue390					{	background-image:none }
.topblue390dk				{	background-image:none }
.topblue360					{	background-image:none }
.topblue572 span,.topblue390 span,.topblue754 span			{	color:#000 }
.margin8b					{ 	display:none; }
.margin8r					{ 	display:none; }
.highpanel					{	height:24px; padding:0 }

.generic754					{	background:#FFF url(../images/gui/generic_bg_754_mid.gif) repeat-y top left; padding:0; margin-bottom:8px;}
.generic754 .top			{	display:none; }
.generic754 .bot			{	display:none; }

.generic572					{	background:#FFF url(../images/gui/generic_bg_572_mid.gif) repeat-y top left; padding:0; margin-bottom:8px;}
.generic572 .top			{	display:none; }
.generic572 .bot			{	display:none; }

.generic390					{	background:#FFF url(../images/gui/generic_bg_390_mid.gif) repeat-y top left; padding:0; margin:0 8px 8px 0;}
.generic390 .top			{	display:none; }
.generic390 .bot			{	display:none; }
.generic390dk				{	background-color:#FFF; padding:0; margin:0 8px 8px 0;}
.generic390dk .bot		{	display:none; }

.generic360					{	background:#FFF url(../images/gui/generic_bg_360_mid.gif) repeat-y top left; padding:0; margin:0 8px 8px 0;}
.generic360 .top			{	display:none; }
.generic360 .bot			{	display:none; }

.generic174					{	background:#FFF url(../images/gui/generic_bg_174_mid.gif) repeat-y top left; padding:0; margin:0 8px 8px 0;}
.generic174 .top			{	display:none; }
.generic174 .bot			{	display:none; }
.generic174blue			{	background:#FFF url(../images/gui/generic_bg_174_midblue.gif) repeat-y top left; padding:0; margin:0 8px 8px 0;}
.generic174blue .top		{	display:none; }
.generic174blue .bot		{	display:none; }
.generic174blue img		{	margin:0 8px 8px 8px; padding:0 }

.generic191					{	background:#FFF url(../images/gui/generic_bg_191_mid.gif) repeat-y top left; padding:0; margin:0 8px 8px 0;}
.generic191 .top			{	display:none; }
.generic191 .bot			{	display:none; }
.generic191blue			{	background:#FFF url(../images/gui/generic_bg_191_midblue.gif) repeat-y top left; padding:0; margin:0 8px 8px 0;}
.generic191blue .top		{	display:none; }
.generic191blue .bot		{	display:none; }

.picleft754					{	margin-bottom:8px; background:#FFF url(../images/gui/generic_bg_754_mid.gif) repeat-y;  }
.picleft754 .top			{	display:none; }
.picleft754	.bot			{	display:none; }
.picleft754 img			{	display:block; float:left; margin-left:1px; margin-top:-7px; margin-right:16px }
* html .picleft754 img	{ 	margin-left:0; padding-left:1px}	

.generic204					{	margin:0 8px 8px 0; background:#FFF url(../images/gui/generic_bg_204_mid.gif) repeat-y;	}
.generic204	.bot			{	display:none; }
.generic204	h3.yell		{	background:#FFF }
.generic204	h3.blue		{	background:#FFF }

/*****************************************************************************
FOOTER
*****************************************************************************/

#footer	
	{	display:none; }
	
/*****************************************************************************
TABLES
*****************************************************************************/
	
#homeindices			{	width:100%; border-collapse:collapse; border:0 }
#homeindices th			{	text-align:left; padding:6px 8px 8px 6px; font-weight:bold; border-bottom:1px solid #CCC }
#homeindices td			{	color:#193889; text-align:left; padding-left:6px }
#homeindices td.up			{	width:7px; background:#FFF url(../images/gui/arrow_up.gif) no-repeat 0 2px }
#homeindices td.down		{	width:7px; background:#FFF url(../images/gui/arrow_down.gif) no-repeat 0 2px }
#homeindices td.nochange	{	width:7px; background:#FFF url(../images/gui/arrow_nochange.gif) no-repeat 0 2px }

#midas50 				{	width:98%; margin-left:1%; margin-right:1%; text-align:center; border-collapse:collapse; border:0 }
#midas50 th				{	background:#F0F0F7; text-align:center; padding:4px; border:1px solid #B3B5D6 }
#midas50 td				{	background:#FFF; text-align:left; padding:4px 2px 2px 4px; border:1px solid #B3B5D6 }
#midas50 td.num			{	text-align:right }
#midas50 td.stars		{	text-align:center }							
#midas50 td.green		{	color:#009933 }
#midas50 td.red			{	color:#CC3300 }

#createprofile 				{	text-align:left; border-collapse:collapse; border:0 }
#createprofile	th				{	width:45%; text-align:right; vertical-align:top;  }	
#createprofile	td				{	text-align:left }
#createprofile	td.help		{	width:25%; border-left:1px solid #999; text-align:left; padding:0 20px 0 20px }

td.radiobutton   { padding-top:0; padding-bottom:2em; margin:0;  }
td.radiobutton p { margin:0; padding-bottom:0; }
td.radiobutton input.radio { vertical-align:middle }
td.radiobutton label { margin:0; padding:0;  }
