/*  ADSL Checker Stylesheet
    --------------------------------------------------------------
	Original author: UseLess
	    Modified by:		
	      Copyright: 2008 UseLess
    --------------------------------------------------------------
*/

/*
	Hide the date in the LLU list by setting the colour to be the same as
	the background colour
*/
.hide-date {
	color: #fff;
}

/*
	General Font sizes
*/
.gen {
	font-size: 12px;
}
.genmed {
	font-size: 11px;
}
.gensmall {
	font-size: 10px;
}
/*
	Alignment
*/
.gen,
.genmed,
.gensmall {
	text-align: left;
}
/*
	fonts
*/
p, td, th {
	font-family: Verdana, Tahoma, Geneva, Lucida, 'Lucida Grande', Helvetica, sans-serif;
}
/*
	Tables
*/
.table-line {
	border: #009 2px solid;
	padding: 3px;
}
.table-line p {
	padding-left: 4px;
	padding-right: 4px;
	font-size: 12px;
	text-align: justify;
}

.table-line-nojs {
	border: #900 2px solid;
	padding: 2px;
}
.table-line-nojs th {
	background: #f00 url(/images/bg_hdr_nojs.gif) top left repeat-x;
	color: #fff;
	height: 27px;
	text-align: center;
}
.table-line-nojs td {
	font-size: 12px;
	padding: 3px;
}

.form-line-ok {
	border: #090 1px solid;
	padding: 2px;
}
.form-line-error {
	border: #f00 1px solid;
	padding: 2px;
}
p.note {
	padding-left: 4px;
	padding-right: 4px;
	font-size: 10px;
	text-align: justify;
}

.check-sep {
	border-right: 1px #009 solid;
}

.form-line-ok td,
.form-line-error td,
.form-line-ok td.text,
.form-line-error td.text,
.form-line-ok td.text-note,
.form-line-error td.text-note,
.form-line-ok td.inputs,
.form-line-error td.inputs {
	font-family: Verdana, Tahoma, Geneva, Lucida, 'Lucida Grande', Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}

.form-line-ok td.text,
.form-line-error td.text,
.form-line-ok td.text-note,
.form-line-error td.text-note,
.form-line-ok td.inputs,
.form-line-error td.inputs {
	text-align: left;
}
.form-line-ok td.text-note,
.form-line-error td.text-note {
	padding-left: 4px;
}

.form-line-ok td.button-row,
.form-line-error td.button-row {
	text-align: center;
}

.button-row {
	padding-top: 5px;
	border-top: #009 1px solid;
}
input.buttons {
	width: auto !important;
	font-size: 1em;
	padding: 3px 5px 4px 5px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	font-variant: small-caps;
}
input.form-ok {
	border: #090 1px solid;
}
input.form-error {
	border: #090 1px solid;
}

th {
	background: #00f url(/images/bg_hdr1.gif) top left repeat-x;
	color: #fff;
	height: 27px;
	text-align: center;
}
.main-title th {
	font-size: 13px;
}

.note-header {
	background: #00f url(/images/bg_hdr1.gif) top left repeat-x;
	color: #fff;
	height: 27px;
	padding-left: 12px;
	text-align: left;
}
b.note-header {
	font-weight: bold;
}

.error-msg,
.foot-note {
	font-family: Verdana, Tahoma, Geneva, Lucida, 'Lucida Grande', Helvetica, sans-serif;
}
.error-msg {
	padding-top: 4px;
	font-size: 12px;
	font-weight: bold;
	color: #f00;
}
.foot-note {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-align: center;
}

.rag-info {
	padding: 2px;
	text-align: left;	
}
.rag-info td {
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
.sam-note {
	border-top: #00b 2px dotted;
}

/*
	The info CSS popup
*/
a.info {
    position:relative;
    z-index:24;
    background-color:#000;
    color:#fff;
    text-decoration:none;
    padding: 2px;
    padding-left: 3px;
    padding-right: 3px;
}
a.info:hover {
	z-index:25;
	background-color:#ccc;
}
a.info span{
	display: none;
}
a.info:hover span {
    display:block;
    position:absolute;
    margin: 2px;
    padding-left: 4px;
    top:2em;
    left:2em;
    width:15em;
    border:2px solid #009;
    background-color:#fff;
    color:#000;
    text-align: left;
}