/* CORE CSS 20040217 */

/* BODY */

body
{
    font-family: Arial, Helvetica, sans-serif; /* Base font family for most elements */
    font-size: 0.8em; /* Base size for all elements; other size definitions relates to this */
    background-color: #ffffff;
    margin: 0;
    padding: 1em;
}

/* HEADERS */

h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
    margin: 1em 0 0.5em 0;
    padding: 0;
}

h1
{
    font-size: 1.8em;
}

h2
{
    font-size: 1.4em;
}

h3
{
    font-size: 1.1em;
}

h4, h5, h6
{ 
    font-size: 1em;
}

/* PARAGRAPHS */

p
{
    margin: 0.25em 0 0.25em 0;
    line-height: 1.25em; /* This is aprox. default line height in most popular browsers; set explicitly to ensure consitency. */
}

/* LINKS */

a
{
    color: #666666;
    text-decoration: underline;
}

a:hover
{
    color: #0000c0;
    text-decoration: underline;
    cursor: pointer;
}

a img
{
    border: none; /* Some browsers may display a border around a linked image without this attribute set to _none_. */
}

/* PRE TEXT */

pre, code
{
    font-family: "Courier New", Courier, monospace; /* Usually defaulted to monospaced font anyway, but browwsers may vary which one is used, so giving exact alternatives helps visual consistenct */
    font-size: 1em; /* Setting this exact size may also help visual consistency */
}

pre
{
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0;
    margin: 1em 0 1em 0;
    padding: 0.2em;
}

/* TABLES */

table
{ 
    font-size: 1em; /* Fix for size "loss" in tables in IE; redundant for most others, but does no harm */
    margin: 0;
    padding: 0;
}

th, td
{
    padding: 0;
}

table.list
{
    width: 100%;
    margin: 0.25em 0 0.5em 0;
}

table.list th, table.list td
{
    padding: 0.5em;
    text-align: left;
    border-right: 1px solid #ffffff;
    border-bottom: none;
    vertical-align: top;
}

table.list th
{
    color: #fff;
    font-weight: bold;
    background-color: #729402;
    background-image: url(../images/forum_th_bg.png);
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #E0E0D4;
}

table.list td
{
    font-weight: normal;
    vertical-align: middle;
}

table.list th:first-child, table.list td:first-child
{
    border-left: 1px solid #ffffff;
}

table.list tr.bglight:hover, table.list tr.bgdark:hover /* This has no effect in IE6 and below */
{
	    background-color: #ffffff;
}

table.list tr.bglight:hover td, table.list tr.bgdark:hover td
{
	    border-color: #ffffff;
}

table.list div.ul-description
{
	color: #77797f;
	font-style: italic;
	margin-bottom: -20px;
	position: relative;
}

table.list td.copy
{
	padding-left: 10px;
}

table.list td.edit, table.list td.move, table.list td.copy
{
	margin: 0 auto;
	text-align: center;
}

table.centre
{
    text-align: center;
    vertical-align: middle;
}

table.high_alert
{
    border-style: double;
    border-color: red;
    margin-left:auto;
    margin-right:auto;
}
table.med_alert
{
    border-style: double;
    border-color: blue;
    margin-left:auto;
    margin-right:auto;
}
table.low_alert
{
    border-style: double;
    border-color: green;
    margin-left:auto;
    margin-right:auto;
}

table.low_alert td, table.med_alert td, table.high_alert td
{
	padding: 4px;
}

/* DBI - disabled due to being non specific
tr.bglight
{
    background-color: #FDFEE8;
}

tr.bgdark
{
    background-color: #FBFBF8;
}
*/

td.tight
/* Special style used for forcing a table cell to wrap tight around an image in an layout table. */
{
    font-size: 0.1em;
}

table.renderedtable td.blue p, table.renderedtable td.red p, table.renderedtable td.green p, table.renderedtable td.pink p
{
    color: #ffffff;
}

table th
{
    text-align: center;
}

td.blue
{
    background-color: #6F98FF;
    color: #ffffff;
}

td.red
{
    background-color: #E25D5D;
    color: #ffffff;
}

td.yellow
{
    background-color: #FFFF4A;
}

td.green
{
    background-color: #80A56D;
    color: #ffffff;
}

td.pink
{
    background-color: #FF78FF;
    color: #ffffff;
}

td.centre
{
    text-align: center;
}

/* ORDERED AND UNORDERED LISTS */

ul, ol
{
    padding: 0;
    margin: 0.75em 0 1em 2.5em;
}

ul ul, ol ul
{
    margin: 0.3em 0 0.5em 1.3em;
}

ul ol, ol ol
{
    margin: 0.3em 0 0.5em 1.9em;
}

ul, ul ul
{
    list-style-type: disc;
}

li
{
    margin: 0 0 0.3em 0;
    padding: 0;
    line-height: 1.25em;
}

/* DEFINITION LISTS */

dl
{
    padding: 0em;
    margin: 0.25em 0 0.25em 0;
}

dt, dd
{
    font-style: normal;
    margin: 0 0 0.25em 0;
}

dt
{
    font-weight: bold;
}

dd
{
    margin: 0 1em 0.5em 2.5em;
}

/* FORM ELEMENTS */

form
{
    padding: 0em;
    margin: 0em;
}

label
{
    font-weight: bold;
    padding-right: 0.5em;
    display: block;
    white-space: nowrap;
}

textarea
{
    font-family: Arial, Helvetica, sans-serif; /* Usually defaulted to monospaced font; so it needs to be set if to change */
    font-size: 1em; /* Needs to be specified for IE */
}

input.box, textarea.box
{
    width: 98%;
}

input.halfbox, textarea.halfbox
{
    width: 47%;
}

optgroup
{
    font-weight: bold;
    font-style: normal;
}

input.button
{
    font-weight: normal;
    margin: 1em 1em 0 0;
}

input.button-default
{
    font-weight: bold;
}

/* PAGE DIVIDERS */

div.block /* Use this style around groups of objects which are connected in some way */
{
    margin: 0.5em 0 0.5em 0;
    padding: 0;
    clear: both;
}

div.block div.element, div.buttonblock div.element /* Use this style if several objects are to be stacked horizontally within the same block */
{
    padding-right: 1em;
    float: left;
}

div.block div.left
{
    width: 48%;
    text-align: left;
    float: left;
    clear: left;
}

div.block div.right
{
    width: 48%;
    text-align: right;
    float: right;
    clear: right;
}

div.break /* Used this style to terminate floating elements, to clear all floating attributes */
{
    clear: both;
}

/* MESSAGES TO THE USER */

div.message-feedback, div.message-warning, div.message-error
{
    padding: 0.1em 0.5em 0.5em 0.5em;
}

div.message-feedback
{
    background-color: #f0fff0;
}

div.message-warning
{
    background-color: #ffffe0;
}

div.message-error
{
    background-color: #fff0f0;
}

/* PAGE NAVIGATION */

div.pagenavigator
{
    text-align: center;    
}

div.pagenavigator span.previous
{
    float: left;
}

div.pagenavigator span.next
{
    float: right;
}

/* MISC STYLES */

.small
{
    font-size: 85%;
}

.hide
{
    display: none;
}


div.imageleft, div.imageright, div.faxtboxleft, div.faxtboxright, div.leftobject, div.rightobject
{
    margin-top: 0.3em;
    margin-bottom: 0.1em;
    display: inline;
}

div.imagecenter, div.factboxcenter, div.centerobject
{
    width: 100%;
    margin-top: 0.3em;
    margin-bottom: 0.1em;
    display: block;
}

div.imagecenter
{
    text-align: center;
}

div.factboxcenter
{
    text-align: left;
}

div.imageleft, div.factboxleft, div.leftobject
{
    float: left;
    padding-right: 0.5em;
}

div.imageright, div.factboxright, div.rightobject
{
    float: right;
    padding-right: 0.5em;
}

div.faxtboxleft, div.faxtboxright
{
    background-color: #f0f0f0;
}

div.imageleft p.picturetext, div.imageright p.picturetext, div.imagecenter p.picturetext, p.factbox
{
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

div.imageleft p.picturetext, div.imageright p.picturetext, span.picturetext, p.factbox
{
    background-color: #f0f0f0;
}

/* Misc */

span.spamfilter
{
     display: none;
}

div.hr {
  margin-top: 30px;
  height: 15px;
  background: #fff url(/design/acqa/images/hr.gif) no-repeat scroll center;
}

div.hr hr {
  display: none;
}

label.Yes
{
    color: #666666;
}

label.No 
{
    color: #FF0000;
}

span.Yes
{
    color: #666666;
}

span.No
{
    color: #FF0000;
}

.matrix-cell {
	width: 50px;
	font-size: 10px;
}

table.matrix {
	width: 100%;			
}
table.eventmatrix td
{
	padding: 2px 0 0 4px;
}

.matrix-view {
        font-size: 9px;
        text-align: center;
             }

.matrix-header {
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	background-color: #E0E0E0;
	vertical-align: top;
}
.matrix-content {
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #E0E0E0;
}
.matrix-select {
	width: 100px;
	font-size: 10px;
}
/* Sortable Table */

table.matrix
        {
        width: auto;
        padding: 0;
        margin: 0 auto 1.5em auto;
		border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
        }
table.matrix caption
        {
        padding: 0 0 5px 0;
        margin:0 auto;
        width:auto;
        font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-align: right;
        }
table.matrix th
        {
        font: 9px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        text-align: left;
        padding: 0 4px 0 4px;
        background: #CAE8EA url(../images/sortable/bg_header.jpg) no-repeat;
        vertical-align:top;
        }
table.matrix th.sortable,
table.matrix th.sortable-text,
table.matrix th.sortable-date,
table.matrix th.sortable-keep,
table.matrix th.sortable-date-dmy,
table.matrix th.sortable-numeric,
table.matrix th.sortable-currency,
table.matrix th.sortable-sortByTwelveHourTimestamp,
table.matrix th.sortable-sortIPAddress,
table.matrix th.sortable-sortEnglishLonghandDateFormat,
table.matrix th.sortable-sortScientificNotation,
table.matrix th.sortable-sortImage,
table.matrix th.sortable-sortFileSize,
table.matrix th.sortable-sortAlphaNumeric,
table.matrix th.sortable-sortEnglishDateTime
        {
        cursor:pointer;
        background: #CAE8EA url(../images/sortable/bg_header_sortable.jpg) no-repeat;
        padding: 8px 2px 4px 16px;
        }
table.matrix th.forwardSort
        {
        background:#CAE8EA url(../images/sortable/bg_header_down.jpg) no-repeat 0 0;
        }
table.matrix th.reverseSort
        {
        background:#CAE8EA url(../images/sortable/bg_header_up.jpg) no-repeat 0 0;
        }
table.matrix thead th.forwardSort a,
table.matrix thead th.reverseSort a
        {
        color:#000;
        text-decoration:none;
        }
/*
The -active styles should be added when very long tables are expected
*/
th.sort-active
        {
        background:#CAE8EA url(../images/sortable/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
th.sort-active a
        {
        color:#a80000 !important;
        cursor:wait;
        }
table.matrix th a
        {
        text-decoration:none;
        color: #4f6b72;
        background:transparent;
        }
table.matrix td a
        {
        text-decoration:none;
        color:#239;
        background:transparent;
        }
table.matrix td img
        {
        margin:0 auto;
        border:3px solid #ddd;
        }
table.matrix td a:hover
        {
        color:#a84444;
        border-bottom:1px dotted #a80000;
        background:transparent;
        }
table.matrix td
        {
        font: normal 9px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        padding: 2px 0px 2px 0px;
        color: #4f6b72;
        }
table.matrix td.lft
        {
        text-align:left;
        }
table.matrix tr.alt
        {
        background: #F5FAFA;
        color: #797268;
        }

/* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used (which means a 1000 row table
   will produce 1000 http requests for the image in question) */
table.matrix tr[class="alt"] td
        {
        background: #F5FAFA url(../images/sortable/td_alt.jpg) no-repeat;
        }
table.matrix td[class~="alt"]
        {
        background: #edf3f3 url(../images/sortable/col_alt.jpg) no-repeat !important;
        }
/* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */
table.matrix tbody tr.alt td:first-child
        {
        background: #F5FAFA url(../images/sortable/bullet2.gif) no-repeat;
        font-weight:bold;
        }
table.matrix tbody tr td:first-child
        {
        background: #fff url(../images/sortable/bullet1.gif) no-repeat;
        font-weight:bold;
        }
/* Image free rules for Internet Explorer < 7 */
* html table.matrix tr.alt td
        {
        background-color:#F5FAFA;
        }
* html table.matrix tr td.alt,
* html table.matrix tr.alt td.alt
        {
        background-color:#edf3f3;
        }