@CHARSET "ISO-8859-1";

a:link     {color:#990000; text-decoration: none;}
a:visited  {color:#990000; text-decoration: none;}
a:hover    {color:#CC0000; text-decoration: underline;}

/* Overall holding div */
#holder		{background: #EEEEFF;
			width: 1050px;
   			margin-right: auto;
   			border: 1px solid #000000;}
   			
/* Logo container div (page heading) */   			
#logo		{background: #FFEE00;
			background-image: url(images/votelogo.png);
			text-align: right;
			height: 130px;}
			
/* Content div */
#content	{padding-left:10px;
			padding-right:10px;
			padding-bottom:10px;
			text-align:left;}

/* HTML body tag */
body 		{background: #FFFFFF;
			text-align:center;
			min-width:1024px;
			font-family: "Calibri", "Verdana", "Arial"; }
			
/* links in the menu */			
div.link 	{margin-left:auto;
			margin-right:auto;
			border-left: 2px solid #000055;
			border-right: 2px solid #000055;
   			background: #79BAEC;
   			vertical-align: top;
   			padding-right:10px;
   			padding-left:10px;
   			display:inline;}

/* Steps in the navigation bar */  			
#navigation .step	{border-left: 2px solid #005500;
			border-right: 2px solid #005500;
   			background: #7FE817;
   			padding-right:10px;
   			padding-left:10px;
   			display:inline;}

/* Exception to give a different colour for the step we're currently at */
#navigation .active	{background: #FFFFFF;}

/* Navigation (steps) bar div */
#navigation	{background: #5EFB6E;
			height:20px;
			border-top: 1px solid #000000;
   			vertical-align: bottom;}

/* Menu bar (links) div */
#menu		{background: #ADDFFF;
			height:20px;
			border-top: 1px solid #000000;
			border-bottom: 1px solid #000000;}

/* html table */
table		{border-collapse:collapse;
			border-color:#777777;
			border-width: 1px;}

/* general table cell properties */
td			{padding-left: 5px;
			padding-right:5px;}

/* table cells that contain a question (1st column) */
td.question {background: #CCDDCC;
			min-width: 500px;}
			
/* table row that contains the table header */
tr.header	{background: #CCCCDD;}

/* table cells that should have the same colour as the header*/
td.header	{background: #CCCCDD;
			min-width: 75px;
			max-width:150px;}
			
td.c_description	{vertical-align: top;}

/* class code for table cells in the comparison table
mf = minus four = worst possible match (occurs on a -2 match with an important question, -2 * 2 = -4)
mt = minus two = terrible match (worst match or bad match on an important question)
mo = minus one = bad match
no = no opinion
po = plus one = good match
pt = plus two = perfect match (best match or a good match on an important question)
pf = plus four = best possible match (occurs on a +2 match with an important question, +2 * 2 = +4)

NOTE: do not preface these class definitions with 'td'. Just keep them as '.mf'
*/
.mf		{background: #FF4444}
.mt		{background: #FF4444}
.mo		{background: #FF8600}
.no		{background: #AAAAAA}
.po		{background: #88AAFF}
.pt		{background: #66FF88}
.pf		{background: #66FF88}

/* form input (buttons, text fields) */
input		{border: 1px solid #000000;}