﻿/* reset css for all browsers (via http://developer.yahoo.com/yui/reset) */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var,q {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* reapply uniform styling for all browsers */
body 
{
    background: #fff;
    color: #444;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size: 0.813em;
    line-height: 140%;
}
p,
ul.text,
ol.text,
ul.text ul,
ul.text ol,
ol.text ul,
ol.text ol,
dl.text,
blockquote
{
    margin-bottom: 1em;
}

ul.text,
ul.text ul,
ol.text ul { margin-left: 2em; list-style-type: disc; }
ul.text ul { list-style-type: circle; }

ol.text,
ol.text ol,
ul.text ol { margin-left: 2em; list-style-type: decimal; }

ol.text.letters,
ol.text ol { list-style-type: lower-alpha; }

ul.text li,
ol.text li { margin-bottom: .25em; }

dl.text dt { font-style: italic; margin-top: 1em; }
dl.text dt:first-child { margin-top: 0; }
dlt.text dd { color: #666; margin-bottom: .5em; }

strong { font-weight: bold; }
em { font-style: italic; }
q::before { content:open-quote; }
q::after { content: close-quote; }
cite::before { content: '\2014\0020'; color: #666; } /* emdash + space */
cite { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted #ccc; cursor:help; }
var { font-style: italic; }

blockquote { margin-left: 3em; font-style: italic; color: #555; }

h1 
{
    font-size: 160%;
    font-weight: 900;
    line-height: 140%;
    margin-bottom: .25em;
    text-align: center;
    color: #444;
    text-decoration: underline;
    text-shadow: 2px 2px 2px rgba(0,0,0,.2);
    text-transform: uppercase;
    letter-spacing: 1px;
}

h2 
{
    font-size: 140%;
    color: #666;
    line-height: 160%;
    border: 1px solid #ccc;
    border-width: 1px 0;
    margin-bottom: .3em;
    margin-top: 1.5em;
}
h3, h4, h5, h6 { font-weight: 900; color: #888; margin-bottom: .3em; margin-top: 2em;  }

a {
    border-bottom: 1px dotted #66e;
    text-decoration: none;
    padding-bottom: 1px;
}
a.image 
{
    border-bottom: none;
    padding-bottom: 0;
}
a:link, a.link 
{
    color: #33c;
    border-bottom-color: #66e;
}
a:visited, a.visited
{
    color: #551A8B;
    border-bottom-color: #551A8B;
}
a:hover, a.hover
{
    color: #00c;
    border-bottom-color: #33e;
}
a:active, a.active 
{
    color: #c33;
    border-bottom-color: #e66;
}

/* global patterns */
#skip-to-content { display: none; }


span.example 
{
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
}

div.footnotes 
{
    font-size: 80%;
    color: #666;
}

a[href$='.pdf'] { 
	padding-left: 28px !important;
	background: transparent url(../images/icons/icon_pdf.gif) no-repeat 6px 50%;
}

a[href^="http://"] {
    background: url(../images/icons/icon_external.png) center right no-repeat;
    padding-right: 12px;
}

a[href^="http://www.idant.com"] {
    background: none;
    padding-right: 0;
}


/* DAXMOD JTF 082309: modified Data Table design via http://www.classical-webdesigns.co.uk/cssexps/labreport.css */
/******************************************************
   Lab Report CSS Tables ver. 1.1
   Created by Louise Dade, 03 September 2005
   http://www.classical-webdesigns.co.uk

   You may use this style sheet, but please DO NOT
   link to it directly (hot-link) in your own files.

   Inc. Files: graph.png; fauxalpha.png; dlarrow.png
******************************************************/

/* We collapse borders because we don't want cell spacing.
   We specify the font family here too, including a generic fall-back.
   We specify a global table font size, using 'ems' because they are
   resizable and take their relative value from the global stylesheet. */
table.data {
    border-collapse: collapse;
    background: #fff;
    color: #333;
    width: 100%;
    
    margin-bottom: 1em;
}

table.data.verbose 
{
    font-size: 75%;
}

/* We add letter spacing because all caps makes the letters scrunchy
   Also, left aligned because it was favoured by my university for table
   captions, but yours might be different. Actually for a scientific paper,
   the caption would be more detailed, resembling a table 'summary' */
table.data caption 
{
    /* DAXMOD 090909: Removed caption */
    display: none;
    /*
    padding: .25em;
    font-style: italic;
    font-size: 90%;
    line-height: 140%;
    letter-spacing: 0.1em;
    text-align: right;
    color: #999;
    caption-side: bottom;
    background: #fff;
    background: rgba(255,255,255,.9);
    border-top: 1px dashed #ccc;
    margin-top: -1px;
    */
}

/* Table headers should be clear, but concise and discreet.
   The double border separates the row from caption and the table body 
   without needing a different background colour. Because we've specified
   a text colour, we also specify a background colour (even though it's the
   same as the main table colour) to accommodate personal stylesheets. */
table.data thead th {
    border-bottom: 1px solid #ccc;
    padding: 2px 10px;
    color: #888;
    text-align: left;
    letter-spacing: 0.1em;
    white-space: nowrap;
    background: #f0f0f0;
    background: rgba(240,240,240,.9);
}
table.data.verbose thead th,
table.data.verbose thead td 
{
    padding: 2px 2px;
}

table.data.verbose thead th 
{
    white-space: normal;
}

/* We've given the table footer the same double border treatment for the
   same reason.  It also acts as a nice "end of table" indicator. It's 
   part of the data so we leave the text black. We also treat the header
   and data the same way. */
table.data tfoot th, 
table.data tfoot td {
    border-top: 3px double #ccc;
    padding: 2px 10px;
    color: #888;
    letter-spacing: 0.1em;
    background: #f6f6f6;
    background: rgba(246,246,246,.9);
}
table.data.verbose tfoot th,
table.data.verbose tfoot td 
{
    padding: 2px 2px;
}


/* We now revert to discreet single pixel horizontal borders to separate
   each entry.  If your table content is numerical data, you might want the
   vertical borders too, but I find it's visually more pleasing and easier to
   read online when there is plenty of padding instead of borders. 
   NOTE: we treat the headers and data cells the same here, visually it's clear
   enough (header text is bold) and does not affect screen-reader software */
table.data tbody th, 
table.data tbody td {
    border-bottom: 1px solid #ccc;
    padding: 2px 10px;
    vertical-align: top;
    background: #fff;
    background: rgba(255,255,255,.9);
}
table.data.verbose tbody th,
table.data.verbose tbody td 
{
    padding: 2px 2px;
}


table.data tbody th { color: #666; }

/* Faux alpha transparency.  It's just a 16px square image (a PNG, but
   could be a GIF) filled with a colour (I chose orange because it
   contrasts pleasingly with blue - opposite on colour wheel) and then
   every other pixel is filled with another colour (e.g. white) which is
   made the transparent colour (ordinary transparency) - anything behind
   the transparent pixels shows through and our wonderful brain fills in
   the rest, thanks to Gestalt psychology.  Only really works when a solid
   colour is required, such as table row rollovers. NOTE: IE doesn't like
   tr:hover anyway so "pprrffffft!" to that! */
table.data tbody tr:nth-child(even) th, 
table.data tbody tr:nth-child(even) td
{
    background: #fafafa;
    background: rgba(250,250,250,.9);
}
table.data tbody tr:hover th {
    background: #f0f0f0;
    background: rgba(240,240,240,.9);
}
table.data tbody tr:hover td {
    background: #eaeaea;
    background: rgba(234,234,234,.9);
}
table.data col.primary,
table.data colgroup.primary col 
{
    background-color: #000;
}
table.data col:hover 
{
    background-color: #888;
}

table.data col.money { text-align: right; width: 12em; }
table.data col.time { text-align: right; }

/* The above method of styling through the 'col' element doesn't seem
   to work in Firefox 3.5 or IE 8. (GMazeroff 11/20/2009) */
td.money { text-align: right; width: 12em; }

/* Finally we have the link styles: background has been rendered as
   transparent so the background image isn't blocked in an ugly way. */
/* EOF */

div.sitemap li  
{
    margin-bottom: 1em;
    clear: both;
    *zoom: 1;
}
div.sitemap > div > ul > li:after
{
    display: block;
    content: ".";
    height: 0;
    overflow: hidden;
    clear: both;
}
div.sitemap li li  
{
    margin-bottom: 0;
    width: 50%;
    float: left;
    clear: none;
}
div.sitemap li li li 
{
    width: auto;
    float: none;
}
div.sitemap li a 
{
    font-size: 125%;
    line-height: 100%;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    color: #333;
    padding-bottom: .25em;
    margin-bottom: .5em;
    
    display: block;
}
div.sitemap li a:after
{
    content: " >";
    color: #bbb;
}
div.sitemap li li a:after 
{
    content: normal;
}

div.sitemap li li a 
{
    display: inline;
    font-size: 100%;
    line-height: 150%;
    border-bottom: 1px dotted transparent;
    padding-bottom: 0;
    margin-bottom: 0;
}

div.sitemap li li a:hover 
{
    border-bottom-color: #666;
}

div.sitemap li li li a 
{
    font-size: 90%;
    font-weight: normal;
    color: #888;
    line-height: 150%;
}

div.sitemap li li li li 
{
    padding-left: 1em;
}


/* DAXMOD JTF 082709: Created a common form style.  Requires <div class="form"> (<fieldset>|<* class="fieldset>) (<label />|<* class="label" />) (<input />|<* class="value" />) */
div.form 
{
    max-width: 45em;
    *width: expression(document.body.clientWidth > 722 ? "720px" : "auto");
    *padding: 0 .25em;
    margin: 0 auto;
    margin-bottom: 1em;
}
div.form li { *zoom: 1; }

div.form p:last-child{margin-bottom:0}

div.form div.notes{margin-bottom:1em;padding:1em;padding-bottom:20px;background:#ffe url(../images/form-note-bg.gif) bottom left no-repeat;border:1px solid #e8e8e8;border-bottom-width:0;border-right-color:#ddd;color:#333}

div.form fieldset,div.form .fieldset{border:0 solid #ddd;border-top-width:1px;padding:0;padding-top:1.5em;margin-top:1.5em;background-color:Transparent;clear:both}

div.form .fieldset{border:none;padding:0;margin:0}div.form fieldset legend{padding-right:.5em;line-height:1.5em}

div.form fieldset legend img{vertical-align:middle}div.form fieldset li,div.form .fieldset li{clear:both}

div.form fieldset li li,div.form .fieldset li li{clear:none}div.form fieldset li.checkboxes li.selectable{border:2px solid transparent}

div.form fieldset li label,div.form .fieldset li label{display:block;width:39%;margin-right:1%;*margin-right:0.9%;float:left;text-align:left;margin-bottom:1em;color:#888}

div.form.wide fieldset li label,div.form.wide .fieldset li label{width:auto;margin-right:0;float:none;margin-bottom:.25em}

div.form input,
div.form select { font-size: 110%; padding: .25em 0; }

div.form fieldset li input,
div.form fieldset li select,
div.form fieldset li .input,
div.form .fieldset li input,
div.form .fieldset li select,
div.form .fieldset li .input {display:block;width:59%;*width:58.9%;float:left;clear:none;margin-bottom:1em;}

div.form fieldset li .input input,
div.form .fieldset li .input input,
div.form fieldset li .input select,
div.form .fieldset li .input select {width:100%;float:none; margin-bottom: .5em;}

div.form fieldset li.checkboxes .input input,
div.form .fieldset li.checkboxes .input input { display: inline; width: auto; }

div.form fieldset li.checkboxes .input label,
div.form .fieldset li.checkboxes .input label { display: inline; width: auto; float: none; margin: 0; }



div.form.wide fieldset li input,div.form.wide fieldset li .input,div.form.wide .fieldset li input,div.form.wide .fieldset li .input{width:100%;float:none}

div.form fieldset li input.title,div.form fieldset li .input.title,div.form .fieldset li input.title,div.form .fieldset li .input.title{font-size:200%}

div.form fieldset li textarea,div.form .fieldset li textarea{display:block;width:59%;*width:58.9%;height:75px;float:left;margin-bottom:1em;padding:.25em 0}

div.form.wide fieldset li textarea,div.form.wide .fieldset li textarea,div.form fieldset li .input textarea,div.form .fieldset li .input textarea{width:100%;float:none}

div.form fieldset li .note,div.form .fieldset li .note{display:block;width:59%;*width:58.9%;margin-left:40%;*margin-left:39.9%;float:left;margin-top:-1em;margin-bottom:1em;color:#888;font-size:90%}

div.form.wide fieldset li .note,div.form.wide .fieldset li .note{width:auto;margin-left:0;float:none}

div.form fieldset li input,div.form .fieldset li input,div.form fieldset li textarea,div.form .fieldset li textarea,div.form fieldset li select,div.form .fieldset li select{border:1px solid #aaa;color:#333}

div.form fieldset li input.empty,div.form .fieldset li input.empty,div.form fieldset li textarea.empty,div.form .fieldset li textarea.empty{color:#ddd;font-style:italic}

/* DAXMOD JTF 082809: Reenable for side notes
div.form fieldset ul,div.form .fieldset ul{width:58%;margin-right:4%;float:left}

div.form fieldset ul ul,div.form .fieldset ul ul,div.form.wide fieldset ul,div.form.wide .fieldset ul{width:auto;margin-right:0;float:none}

div.form fieldset div.notes,div.form .fieldset div.notes{width:31.999%;float:right;margin-bottom:1em;padding:1em 1.5%;padding-left:4%;background:#ffe url(../images/form-fieldset-note-bg.gif) 0 0 no-repeat;border:1px solid #ddd;border-left-width:0;border-top-color:#e8e8e8;color:#666}
*/
div.form.wide fieldset div.notes,div.form.wide .fieldset div.notes{width:auto;float:none;margin-bottom:1em;padding:1em;padding-left:1em;padding-bottom:20px;background:#ffe url(../images/form-note-bg.gif) bottom left no-repeat;border:1px solid #e8e8e8;border-bottom-width:0;border-right-color:#ddd;color:#333}

div.form fieldset:focus div.notes,div.form .fieldset:focus div.notes{color:#333}

div.form fieldset div.notes div.msg,div.form .fieldset div.notes div.msg{margin-top:0}

div.form div.btns{border:1px solid #eee;border-width:1px 0;padding:2% 0;height:2.5em}

div.form fieldset .btns,div.form .fieldset .btns{margin-top:0}div.form span.required,div.form li.required label{font-weight:700;color:#000}

div.form li.required label span.required{position:absolute;visibility:hidden}

div.form fieldset li.required input,div.form .fieldset li.required input,div.form fieldset li.required textarea,div.form .fieldset li.required textarea,div.form fieldset li.required select,div.form .fieldset li.required select{border:1px solid #333}

div.form fieldset li.required input:focus,div.form .fieldset li.required input:focus,div.form fieldset li.required textarea:focus,div.form .fieldset li.required textarea:focus,div.form fieldset li.required select:focus,div.form .fieldset li.required select:focus{background-color:#ffe;color:#000}

div.form fieldset li .input a.trigger,div.form .fieldset li .input a.trigger{display:block}

/*
div.form fieldset li .filebasket p,div.form .fieldset li .filebasket p{clear:none}

div.form fieldset li .filebasket li ul.actions,div.form .fieldset li .filebasket li ul.actions{float:right}

div.form fieldset li .filebasket li ul.actions li a.delete,div.form .fieldset li .filebasket li ul.actions li a.delete{display:block;width:16px;height:16px;overflow:hidden;text-indent:-1000px;background:url(/content/images/icons/tiny/delete.gif) 0 0 no-repeat}
*/

form.comment fieldset{border:none;background-color:Transparent;padding:0}form.comment fieldset legend{display:none}

form.comment fieldset li label{color:#888;display:block;margin-bottom:.25em}form.comment fieldset li textarea{width:100%;height:4em}


/* DAXMOD JTF 082809: Same button look and feel */

.btns ul.primary{clear:none;width:47.999%;float:left}.btns ul.secondary{clear:none;width:47.999%;float:right;text-align:right}

.btns a,.btns button,.btns input[type="button"],.btns input[type="submit"],.btns input[type="reset"]{display:inline-block;margin:0 7px 0 0;background-color:#ebeced;border:1px solid #D7D7D7;border-top:1px solid #ececec;border-left:1px solid #ececec;text-decoration:none;font-weight:700;color:#565656!important;cursor:pointer}

.btns input[type="button"],.btns input[type="submit"],.btns input[type="reset"]{padding:5px 5px 6px;*padding:4px 1px 5px 0}

.btns button{padding:5px 10px 6px 7px;*padding:3px 12px 2px 9px}.btns a{padding:5px 12px 6px 9px}

.btns button{width:auto;overflow:visible;padding:4px 10px 3px 7px}.btns button[type]{padding:5px 10px 6px 7px;line-height:17px}

.btns button img,.btns a img{margin:0;margin-right:5px;vertical-align:middle;padding:0;border:none;width:16px;height:16px}

.btns.btns-page a,.btns.btns-page button,.btns.btns-page input[type="button"],.btns.btns-page input[type="submit"],.btns.btns-page input[type="reset"]{margin:0;padding:.75em 0!important;width:100%}

.btns ul{padding:0;margin:0;list-style-type:none}.btns li{padding:0;margin:0 0 .5em;list-style-type:none;display:inline-block;*display:inline}

.btns.btns-page li{display:block;float:none;margin:0;margin-bottom:.5em;text-align:center}

.btns li:last-child a,.btns li:last-child button,.btns li:last-child input[type="submit"],.btns li:last-child input[type="button"],.btns li:last-child input[type="reset"]{margin-right:0!important}

.btns form{display:inline-block;*display:inline}.btns.btns-page form{display:block}

.btns button:hover,.btns a:hover,.btns input[type="button"]:hover,.btns input[type="submit"]:hover,.btns input[type="reset"]:hover,.btns button.hover,.btns a.hover,.btns input[type="button"].hover,.btns input[type="submit"].hover,.btns input[type="reset"].hover{background-color:#DDE9F3;border-color:#c2e1ef;color:#369!important}

.btns a:active,.btns input[type="button"]:active,.btns input[type="submit"]:active,.btns input[type="reset"]:active,.btns a.active,.btns input[type="button"].active,.btns input[type="submit"].active,.btns input[type="reset"].active{background-color:#095898;border:1px solid #095898;color:#fff!important}

button.positive,.btns a.positive,.btns input[type="button"].positive,.btns input[type="submit"].positive,.btns input[type="reset"].positive{color:#529214!important}

.btns a.positive:hover,.btns button.positive:hover,.btns input[type="button"].positive:hover,.btns input[type="submit"].positive:hover,.btns input[type="reset"].positive:hover{background-color:#DDF3DE;border:1px solid #C6D880;color:#529214!important}

.btns a.positive:active,.btns input[type="button"].positive:active,.btns input[type="submit"].positive:active,.btns input[type="reset"].positive:active{background-color:#09980F;border:1px solid #09980F;color:#fff!important}

button.negative,.btns a.negative,.btns input[type="button"].negative,.btns input[type="submit"].negative,.btns input[type="reset"].negative{color:#d12f19!important}

.btns a.negative:hover,.btns button.negative:hover,.btns input[type="button"].negative:hover,.btns input[type="submit"].negative:hover,.btns input[type="reset"].negative:hover{background-color:#F3DDDD;border:1px solid #fbc2c4;color:#d12f19!important}

.btns a.negative:active,.btns input[type="button"].negative:active,.btns input[type="submit"].negative:active,.btns input[type="reset"].negative:active{background-color:#980909;border:1px solid #980909;color:#fff!important}

.btns a.disabled,.btns button.disabled,.btns button[disabled="disabled"],.btns input[type="button"][disabled="disabled"],.btns input[type="submit"][disabled="disabled"],.btns input[type="reset"][disabled="disabled"]{color:#ddd!important;background-color:#eee!important;background-image:none!important;border:1px solid #e9e9e9!important;cursor:default}

.btns a.disabled:hover,.btns button.disabled:hover,.btns button[disabled="disabled"]:hover,.btns input[type="button"][disabled="disabled"]:hover,.btns input[type="submit"][disabled="disabled"]:hover,.btns input[type="reset"][disabled="disabled"]:hover{color:#ddd!important;background-color:#eee!important;background-image:none!important;border:1px solid #e9e9e9!important;cursor:default}

.btns a.disabled:active,.btns button.disabled:active,.btns button[disabled="disabled"]:active,.btns input[type="button"][disabled="disabled"]:active,.btns input[type="submit"][disabled="disabled"]:active,.btns input[type="reset"][disabled="disabled"]:active{color:#ddd!important;background-color:#eee!important;background-image:none!important;border:1px solid #e9e9e9!important;cursor:default}

/*
.btns a.submit,.btns button.submit,.btns input[type="submit"].submit,.btns input[type="button"].submit,.btns input[type="reset"].submit{padding-left:24px;*padding-left:16px;background-image:url(/content/images/icons/tick.png);background-position:4px 50%;background-repeat:no-repeat}

.btns a.reset,.btns button.reset,.btns input[type="submit"].reset,.btns input[type="button"].reset,.btns input[type="reset"].reset{padding-left:24px;background-image:url(/content/images/icons/arrow_rotate_anticlockwise.png);background-position:4px 50%;background-repeat:no-repeat}

.btns a.cancel,.btns button.cancel,.btns input[type="submit"].cancel,.btns input[type="button"].cancel,.btns input[type="reset"].cancel{padding-left:24px;background-image:url(/content/images/icons/cross.png);background-position:4px 50%;background-repeat:no-repeat}

.btns a.add,.btns button.add,.btns input[type="submit"].add,.btns input[type="button"].add,.btns input[type="reset"].add{padding-left:22px;background-image:url(/content/images/icons/plus.png);background-position:4px 50%;background-repeat:no-repeat}

.btns a.edit,.btns button.edit,.btns input[type="submit"].edit,.btns input[type="button"].edit,.btns input[type="reset"].edit{padding-left:22px;background-image:url(/content/images/icons/pencil.png);background-position:4px 50%;background-repeat:no-repeat}

.btns a.delete,.btns button.delete,.btns input[type="submit"].delete,.btns input[type="button"].delete,.btns input[type="reset"].delete{padding-left:22px;background-image:url(/content/images/icons/minus.png);background-position:4px 50%;background-repeat:no-repeat}

.btns a.back,.btns button.back,.btns input[type="submit"].back,.btns input[type="button"].back,.btns input[type="reset"].back{padding-left:24px;background-image:url(/content/images/icons/back.png);background-position:4px 50%;background-repeat:no-repeat}

.btns a.file,.btns button.file,.btns input[type="submit"].file,.btns input[type="button"].file,.btns input[type="reset"].file{padding-left:24px;background-image:url(/content/images/icons/page_white_add.png);background-position:4px 50%;background-repeat:no-repeat}
*/

/* messages */
div.msg{background-color:#f0f0f0;border:1px solid #ddd;padding:.75em;margin-top:1em;margin-bottom:1em}

div.msg>p:last-child{margin-bottom:0}div.msg.positive{background-color:#DDF3DE;border-color:#C6D880}

div.msg.negative{background-color:#F3DDDD;border-color:#fbc2c4}