/* default default */
/* margin and padding help opera */
body {font-family: Tahoma,Verdana,Arial, sans-serif; margin: 0px; padding: 0px; font-size: 10pt}

/* This covers ALL elements up to this point */
/* * { font-size: 10pt} */
p {font-size: 100%}

table,h4,h5,h6 {font-size: 100%}

h3 {font-size: 140%; font-weight: bold}
h2 {font-size: 140%; font-weight: bold}
h1 {font-size: 140%; font-weight: bold}

/* Default table colours */
table {background: transparent; color: inherit}

/* a nice light-coloured table */
table.light {background: white; color: black}
table.light th {background: #eef; color: #004}
table.light td {background: #f7f7f7; color: black}

/* for left-aligned table headers */
table.leftth th {text-align: left; padding-right: 0.5em}

/* for right-aligned table headers */
table.rightth th {text-align: right; padding-right: 0.5em}

/* setup for 'border=1' */
table[border="1"], table[border="1"] td, table[border="1"] th {
  border: 1px solid black
}

table[border="1"].light th, table[border="1"].light td {border: none}

/* A special <dl> format for feature lists */
dl.features dt {font-weight: bolder; list-style: disc outside; display: list-item; margin-left: 1.5em}
dl.features dd {font-weight: inherit; margin-left: 3em}

kbd, code, samp, pre {font-family: monospace}
/* pre {font-family: inherit} */

a { text-decoration:none}
a:hover { text-decoration:underline;}
a:hover img {text-decoration: none; border: none}
img {border: none}

/*
td {  font-size: 10pt }

li {  font-size: 10pt }
*/

.error {color:#FF0000; /* font-size:10pt; */ font-weight:bold; vertical-align: middle}

p.error {
  padding-left:32px; 
  height: 32px; 
  padding-top: 7px; 
  background: url("/images/red_cross.png") no-repeat top left;
}

.done {color:#0000FF; /* font-size:10pt; */ font-weight:bold}

p.done {
  padding-left:32px; 
  height: 32px; 
  padding-top: 7px; 
  background: url("/images/green_tick.png") no-repeat top left; 
}

.small { font-size: 8pt}

img.icon {width: 40px; height: 40px; border: none}

img.lrgicon {width: 50px; height: 50px; border: none}

.centre-text {text-align: center}
.centre {text-align: center}
.centre * {margin-left:auto; margin-right: auto}
.left-text {text-align: left}

table.partborder td, table.partborder th {border: 1px solid black}

.card-text {font-size: smaller}
.card-val {font-weight: bold}
.card-number {font-weight: bold; font-size: larger}
div.card-info {margin-left: 3px; margin-right: 3px; float: left}
tr.rs-section-peritem td {background: #eef; border: 1px solid #99a}
tr.rs-section-config td {background: #efe; border: 1px solid #9a9}
tr.rs-section-website td {background: #eee; border: 1px solid #999}
span.rs-new-feature {background: #ff8; border: 1px solid #aa9; color: #f40; padding-left: 2px; padding-right: 2px}
.teal-bg {background: #eee; color: black}
.teal-bg a {color: #404}
.teal-bg a:link {color: #404}
.teal-bg a:visited {color: #404}
#mainColumn table.teal-bg td {border: none}
#mainColumn table.teal-bg th {border: none}

#mainColumn table.padded {
  background-color:transparent;
  border: 0;
  width:100%;
}

#mainColumn table.padded th {
  text-align: left;
  padding:3px 13px;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
}

#mainColumn table.padded td {
  border-bottom: 1px dashed #d5d5d5;
  border-right: 2px solid #FFF;
  padding:3px 13px;
}

table.small td, table.small th {padding: 2px; margin: 0px}

div#support-start {
	background: transparent;
}

div#support-start table.ub {
	border: none;
	background: green; 
	color: white; 
	width: 100%;
}
div#support-start table.ub td.side {
	vertical-align: top;
	padding: 0px; 
	margin: 0px;
	width: 10px;
}
div#support-start table.ub h2 {
	margin: 3px;
	font-size: 150%; 
	border: none; 
	background: transparent;
}
div#support-start table.ub a {
	text-decoration: none;
	color: white;
}

div#support-start table.box-and-button {
	background: transparent;
	border: none;
}
div#support-start table.box-and-button td {
	padding: 0px;
	margin: 0px;
}
div#support-start table.box-and-button button {
	background: transparent;
	border: none; 
	padding: 0px; 
	margin: 0px;
}
div#support-start table.super-cats {
	width: 100%;
	border: none;
	background: transparent;
}
div#support-start table.super-cats td.column {
	width: 50%;
	vertical-align: top;
}
div#support-start div.movie-tuts {
	text-align: center;
}
div#support-start div.movie-tuts img {
	border: none;
}
div#support-start ol li {
	list-style-type: decimal;
}
div#support-start ol li a {
	text-decoration: none;
	color: black;
}

.fix-ol ol li {
	list-style-type: decimal;
}

/* Jonathan wants all selects to be the same size as drop-downs by default */
select {font-size: 10pt;}
input[type="text"] {font-size: 10pt;}


#mainFrame table.pad6 th {
	font-size: larger;
	font-weight: bold;
	color: #7F2B89;
	border: none;
}
#mainFrame table.pad6 tr.section-start th,
#mainFrame table.pad6 tr.section-start td {
	border-top: 1px solid #ddd;
}

input[type="text"][disabled] {background: #ccc}