/*========================================================================================
                                  Copyright © 2005 NSCC

 NSCC general search styles.

 $Log: /Internet/_Main/Web/styles/nscc_search.css $

20    30/10/07 11:31 pangc

      Added searchFormRadioButtonList, and searchFormCheckboxes
      for formatting Radio Buttons and Checkboxes within the Search Form

19    26/02/07 1:46p Joycea
New TABLE.results alignment options

18    17/01/07 1:47p Joycea

17    10/04/06 15:04 Daviesa
Changed TD.left to TD.leftMost

16    10/04/06 14:52 Daviesa
Improved formatting

14    6/12/05 11:40 Daviesa
Added "TABLE.results TD.right A, TD.right A"

13    7/11/05 10:52 Daviesa
Added margin to "TABLE.results TD.centre A, TD.centre A"

12    31/10/05 12:00 Daviesa
searchForm width + button pointer cursor

11    26/10/05 11:45 Daviesa
Added HAND cursor to buttons

10    26/10/05 11:41 Daviesa
Changed search form styles

9     17/10/05 12:44 Daviesa
Added .heavyLink + corrected "font:"

8     17/10/05 9:36 Daviesa
Added INPUT.buttonSearch, INPUT.buttonPrint & removed
INPUT.printDetails

7     11/10/05 18:17 Daviesa
Corrected @IMPORT to more proper URL(...)

6     7/10/05 17:36 Daviesa
Changed result details format
========================================================================================*/

@import url(nscc.css);

/* START Styles for search form */
FORM {
    padding: 0px;
    margin: 10px 0px 10px 0px;
}

.searchForm {
    width: 98%;
    border: outset thin;
    background: #f2f2f2;
    padding: 5px;
    margin: 0px;
    color: black;
}

.searchForm P {
    padding: 10px 0px 10px 0px;
    margin: 0px;
    font-size: 10pt;
    font-family: arial, helvetica, sans-serif;
}

.searchForm SMALL {
    font-size: 80%;
}

.searchForm LABEL {
	color: #006666;
	font-weight: bold;
}

.searchForm TABLE {
    width: 100%;
    border: none 0px;
    font-size: 10pt;
    font-family: arial, helvetica, sans-serif;
}

.searchForm TD {
    padding: 0px;
    vertical-align: top;
}

.searchForm .heading, .searchForm .heading TD, .searchForm .heading TH {
    font-size: 10pt;
    padding: 5px;
}

.searchForm TD.placeholder, .searchForm TH.placeholder {
    border: none 0px;
	padding: 0px;
}

.searchForm INPUT, SELECT {
    padding-left: 2px;
    width: 95%;
    font-size: 9pt;
    font-family: arial, helvetica, sans-serif;
}

.searchForm INPUT.buttonSearch {
	width: 140px;
}


TABLE.searchFormRadioButtonList INPUT, LABEL{
width:auto;
}

.searchFormCheckboxes INPUT, LABEL{
width:auto;
}

/* END Styles for search form */

/* START Styles for multiple results */
TABLE.results {
    font-size: 10pt;
    font-family: arial, helvetica, sans-serif;
    width: 100%;
    border: none;
}

TABLE.results TR TH {
	font-size: 10pt;
	border: solid 1px white;
	border-bottom: 0;
	border-right: 0;
	padding: 3px 10px 3px 10px;
	font-weight: bold; 
	background-color: #006666;
	white-space: nowrap;
}

TABLE.results .plain {
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
}

TABLE.results TR TD {
	font-size: 10pt;
    text-align: left;
    border-top: #006666 1px solid;
    border-left: #006666 1px solid;
    margin: 5px 0px 5px 0px;
}

TABLE.results TR TD.leftMost {
    border-left: none; /* Although LEFT is assumed by default, we also want to avoid a left border in the leftmost cell */
}

TABLE.results TR TD.center {
    text-align: center;
}

TABLE.results TR TD.right {
    text-align: right;
}

TABLE.results TR TD.left {
    text-align: left;
}

 /* Use this (rather than padding) to get A to fill an entire cell */
TABLE.results TR TD A {
    width: 100%;
    display: block; /* Need this (rather than padding) to force the A to fill the entire parent on Mozilla */
    position: relative; /* Need this (rather than padding) to force the A to fill the entire parent on Mozilla */
    left: 5px; /* Need this to correct alignment */
    padding: 5px 0px 5px 0px; /* Must space it INSIDE the A tag otherwise highlighting doesn't work */
}

TABLE.results TR TD.centre A {
    text-align: center;
    left: 0px; /* Need this to correct alignment */
    margin-right: 10px; /* Need this to correct alignment */
}


TABLE.results TR TD.right A {
    text-align: right;
    left: -5px; /* Need this to correct alignment */
    margin-right: 10px; /* Need this to correct alignment */
}
/* END Styles for multiple results */

/* START Styles for details of one resultset */
TABLE.details {
    font-size: 10pt;
    font-family: arial, helvetica, sans-serif;
    width: 100%;
    border-left: 1px solid #006666;
    border-right: 1px solid #006666;
    border-bottom: 1px solid #006666;
}

TABLE.details TR TH {
    font-size: 10pt;
    font-family: arial, helvetica, sans-serif;
    border-top: 1px solid #006666;
    font-weight: bold;
    color: #006666;
    text-align: right;
    padding: 5px 5px 5px 5px;
    vertical-align:top;
    background-color: #f2f2f2;
}

TABLE.details TR TH.leftMost {
    text-align: left;
}

TABLE.details TR TH SPAN.notes 
{
    color: #000000;
    font-size:8pt;
    font-weight:normal;
}

TABLE.details TR TD SPAN.notes 
{
    color: #000000;
    font-size:8pt;
    font-weight:normal;
}

TABLE.details TR TD {
    border-top: 1px solid #006666;
    border-left: 1px solid #006666;
    text-align:left;
    padding: 5px 5px 5px 5px;
    vertical-align:top;
    background-color: #ffffff;
}

TABLE.details TR TD.leftMost {
    border-left: none;
}

TABLE.details TR TD.right {
text-align: right;  
}

/*  END Styles for details of one resultset */

.linkWhite {
	color: white;
}

A.linkWhite {
	color: white;
	text-decoration: none; 
}

A.linkWhite:hover {
	color: white;
	text-decoration: underline;
}

.error {
    color: Red;
}

.printDisclaimer {
    color: black;
    font-size: 8pt;
    font-family: arial, helvetica, sans-serif;
    font-weight: normal;
}

.heavyLink {
    font-weight: bold;
    font-size: 10pt;
    font-family: arial, helvetica, sans-serif;
    color: #006666;
    padding: 4px;
}

INPUT.buttonSearch, INPUT.buttonPrint {
	width: 140px;
    color: #ffffff;
    font-weight: bold;
	font-size: 10pt;
	font-family: arial, helvetica, sans-serif;
    background-color: #999999;
    cursor: pointer;
    cursor: hand;
}