/***********************************************************************
** FILE: /core/css/pagesmith/css-reset.css                            **
***********************************************************************/


/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .more {
  margin: 0; padding: 0; border: 0; vertical-align: baseline; outline: 0;   font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
  /* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: #000; background: #fff; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/***********************************************************************
** FILE: /core/css/pagesmith/tables.css                               **
***********************************************************************/



/*----------------------------------------------------------------------
  Table styles
------------------------------------------------------------------------
  CSS styles for "sortable tables" in the page

  We may want to tweak this to be able to use the styles without making
  the table sortable
----------------------------------------------------------------------*/

/**
  table styles
**/

table {
  width: 90%;   border-collapse: collapse;   margin: 0.5em auto;   text-align: left; border: 1px solid #fff; }
/**
  thead/tfoot styles
**/
table.wide { width: 99% }
table tr th {
  font-weight: bold; background-color: #bcc5cc; color: #3d3d3d; border: 2px solid #fff; padding: 2px 0.5em;   text-align: center
}

table.sorted-table thead th.header:after { content: '\2195'; vertical-align: top; font-weight: normal; float: right; color: #fff; padding-bottom: 2px; }
table.sorted-table thead tr .header { cursor: pointer; }
/*↑ ↓ ⇅ */

table.narrow-sorted tr .header {
  padding-left: 4px; }

table.sorted-table thead th.headerSortDown:after { content: '\2193' }
table.sorted-table thead th.headerSortUp:after   { content: '\2191' }

table.sorted-table thead th.rotated_cell:after { height: 0; margin-top:-1.2em; }
td.break-word { word-wrap: break-word; width: 3em }
/**
  tbody and tfoot styles
**/
table td { color: #3d3d3d; padding: 2px 0.5em; background-color: #FFF; vertical-align: top; border: 2px solid #fff; }
table tbody td { background-color: #FFF; }
table tbody.foot td { background-color: #bcc5cc; font-weight: bold }

/** Hack to make sure the first row is grey if there is no header row! **/
table thead tr.filters td { padding: 2px }
table thead tr.filters td,
table.flip tbody tr.even td, table tbody tr.odd td { background-color:#e0e4e7; }
table.flip tbody tr.odd td { background-color:#fff; }
table.flip tbody tr.odd td { background-color:#fff; }

.r > td.c, .l > td.c, .c, .c > td { text-align: center; }
.l > td.r, .c > td.r, .r, .r > td { text-align: right; }
.c > td.l, .r > td.l, .l, .l > td { text-align: left; }
.nowrap, .nowrap > td { white-space: nowrap; }

.pager { text-align: center; margin:2px auto; font-size: 80%; }
.pager span span, .pager span strong { background-color: #bbb; padding: 2px 4px; margin: 0 2px; border: 1px solid #ccc; }
.pager span span { cursor: pointer; background-color: #ddd; }

tr.errors  td { font-weight: bold; color: #900 }
tr.warning td { font-weight: bold; color: #c60 }
tr.info    td { font-weight: bold; color: #090 }

.rotated_cell { white-space: nowrap; }
#outer tr.red    td { background-color: #fcc }
#outer tr.orange td { background-color: #fc9 }
#outer tr.yellow td { background-color: #ffc }
#outer tr.green  td { background-color: #cfc }

table div.rotated { padding: 0 2px; white-space: nowrap;
  -webkit-transform: rotate(270deg);
     -moz-transform: rotate(270deg);
       -o-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
}
thead th { vertical-align: bottom; text-align: center; line-height: 1em; }

table .vertical { white-space: nowrap; }

table.lightgrey tbody td { background-color: #fafafa}

input.colfilter, select.colfilter { font-size: 90% }

.cross-highlight td.cross_h { background-color: #ddd; }
.cross-highlight td.cross_a { background-color: #ccc }


/***********************************************************************
** FILE: /core/css/pagesmith/two-col-lists.css                        **
***********************************************************************/


 .twocol dd p, .twocol dd pre { padding: 0; margin:0 0 0.5em 0; }
.twocol dt {
  clear:both; width:20%; float:left; color:#14559f; text-align:right; margin: 1px 0; font-weight: bold
}

.twocol dt a       { color: #663300; text-decoration: underline; font-weight: bold; }
.twocol dt a:focus, .twocol dt a:hover { color:#ff7c0d; }
.twocol dd         { float:right; width:76%; color:#000; padding:0 5px; margin: 1px 0 0.5em 0; clear: right}

dl.twocol { margin-top: 0.5em; }
dl.twocol dl.twocol { margin: 0; }
.twocol .twocol dt { text-align: left; }
.twocol .bordered { border-top: 1px solid #e0e4e7; }
.col1_of_3 .twocol dt, .col1 .twocol dt, .col2 .twocol dt { width: 20%; }
.col1_of_3 .twocol dd, .col1 .twocol dd, .col2 .twocol dd { width: 72%; }


.evenwidth dt, .evenwidth dd { width: 47% }
.col1_of_3 .evenwidth dt, .col1_of_3 .evenwidth dd, .col1 .evenwidth dt, .col2 .evenwidth dt, .col1 .evenwidth dd, .col2 .evenwidth dd { width: 45%; }

.threequart dt { width: 24%; }
.threequart dd { width: 73%; }
.col1 .threequart dt, .col2 .threequart dt { width: 22%; }
.col1 .threequart dd, .col2 .threequart dd { width: 71%; }

.twothird dt { width: 32%; }
.twothird dd { width: 65%; }
.col1 .twothird dt, .col2 .twothird dt { width: 30%; }
.col1 .twothird dd, .col2 .twothird dd { width: 60%; }

.longleft dt { width: 78%; text-align: left; }
.longleft dd { width: 18%; }
.col1 .longleft dt, .col2 .longleft dt { width: 70%; }
.col1 .longleft dd, .col2 .longleft dd { width: 22%; }

.leftalign dt, .outer dt { text-align: left; }
.outer dd { text-align: right; }
dl.twocol:after {
  content:"."; display:block; height:0; clear:both; visibility:hidden; }

dd.full_width, dt.full_width { width: 100%; float: none }

#rhs .twocol dt { width: 19% }
#rhs .twocol dd { width: 73% }

#rhs .evenwidth dt, #rhs .evenwidth dd { width: 46% }
#rhs .twothird dt { width: 30% }
#rhs .twothird dd { width: 60% }

dl.twocol:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


/***********************************************************************
** FILE: /core/css/templates/top/nav.css                              **
***********************************************************************/


#wrap { padding: 5px 0 }
#content { padding-left: 5px; padding-right: 5px }
#hnav { margin: 0; padding: 0;background-color: #ccc; }

#hnav li { list-style-type:none;white-space:nowrap;padding:0;margin:0;border:0;overflow:hidden }
#hnav ul { margin: 0; padding: 0; list-style: none; float: left; }
#hnav li { list-style: none; float: left; padding: 2px 1em ; margin:0; background: none; color: #999; text-align: center }
#hnav li a { color: #000; font-weight: bold; text-decoration: none; }
#hnav li a:focus, #hnav li a:hover { color: #333 }

#hnav:after { content:".";  display:block;  height:0;  clear:both; visibility:hidden; }

@media print {
  #hnav { display: none }
}


/***********************************************************************
** FILE: /core/css/templates/general.css                              **
***********************************************************************/


/* some general style stuff - mainly undoing reset! */
img { border: 0 }
i, em, q, blockquote { font-style: italic }
p, li, dd, dt, blockquote { line-height: 1.25em }
table { margin: 2px auto 1em }
p, li  { margin: 2px 10px 1em }
li { margin-bottom: 2px }
strong, h1, h2, h3, h4 { font-weight: bold; }
h1, h2, h3, h4 { padding: 4px 10px; margin: 0; margin-bottom: 0.5em }
ol, ul { margin-bottom: 1em }
ul > li { list-style-type: disc; margin-left: 3em }
ol > li { list-style: decimal; padding-left: 0; margin-left: 3em; }
li p { margin-left: 0 }
pre, tt, code { font-family:'Andale mono','Courier new',Courier,monospace }

sub, sup { font-size: 60%; vertical-align: 0; position: relative }
sup { bottom: 1ex }
sub { top:   0.7ex }
/* header font-sizes */
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }

/* Some general classes */
.col1 { width: 49%; float: left }
.col2 { width: 49%; float: right }
.hidden { display: none }
.clear  { clear:both; }

/* slightly nicer blue! */
a { color:#105A94; text-decoration: none; font-weight: bold }
a:focus, a:hover { text-decoration: underline }

/* Styles to show/hide content for printing */
.print-show { display: none }
@media print {
  .print-hide     { display: none   }
  div.print-show  { display: block  }
  span.print-show { display: inline }
}

.image { margin: 5px; float: left }
.right { float: right }
.left  { float: left }

#skip { display: none;}



/***********************************************************************
** FILE: /core/css/templates/page-frame.css                           **
***********************************************************************/


/* Page frame - "box" and institute/footer */
body { color:#404040; background-color: #f00; font-family:Arial,Helvetica,sans-serif; text-align: center }

#wrap { border:1px solid #f00; padding: 5px; background-color:#fff; margin:1em auto 0; text-align: left }

#inst { clear: both; padding: 0; margin: 0.5em auto; font-size: 0.8em; text-align: left }
#tsandcs  { float: right; display: block }

#foot:after, #wrap:after, #head:after { content:".";  display:block;  height:0;  clear:both; visibility:hidden }

#foot { clear: both }
/* A blank image to make sure that nav/content doesn't break out of the page frame doesn't "break" */

.x { clear: both; height:1px; overflow: hidden }

/* Media reset! for page frame! */
@media print {
  body { background: #fff }
  #wrap { width: 100%; margin: 0; border: 0 }
  #inst { border-top: 1px solid #ccc }
}


/***********************************************************************
** FILE: /core/css/templates/width-960.css                            **
***********************************************************************/


#wrap, #inst, .devpanel { width:960px; margin:1em auto 0}


/***********************************************************************
** FILE: /core/css/templates/side/width-960.css                       **
***********************************************************************/


#content { width: 76% }
#nav { width: 21% }


/***********************************************************************
** FILE: /core/css/templates/side/nav-content.css                     **
***********************************************************************/


/* Template for navigation tree */

#nav { float: left; width: 26%; padding: 0; margin: 0; line-height:1.5em;color:#ccc;white-space:nowrap; }
#nav ul { padding:0; margin: 5px 0 1em;  }
#nav li { list-style-type:none;white-space:nowrap;padding:0;margin:0;border:0 }
#nav li a {display:block;padding:3px 0.6em;font-size:0.8em;font-weight:bold;text-decoration:none;color: #444;border:1px solid #f00;margin-bottom:2px;text-align:center;background-color:#eee;}
#nav li a:focus, #nav li a:hover {color:#fff;text-decoration:none;background-color:#50AA25;border:1px solid #fff;}

/* Template for content */

#content { float: right; width: 70%; padding: 5px 0; margin: 0; }

@media print {
  #nav { display: none }
  #content { width: 100%; padding:0; float: none }
}


/***********************************************************************
** FILE: /core/css/templates/side/rhs.css                             **
***********************************************************************/


#nav { float: right }
#content { float: left }


/***********************************************************************
** FILE: /core/css/templates/references.css                           **
***********************************************************************/


/* Periodicals fix for styling and spacing */
ul.references li { list-style-type: none }
ul.references li h4.article { margin-top: 0; }
ul.references li:before { display: none }

li.periodical p { margin-bottom: 2px }

ol.references li { list-style-type: decimal; margin-left: 3em }
ol.references li p { padding-left: 0}
ol.references h4.article { padding-left: 0 }
ol.references li:before, ol.references h4.article:before { display: none }


/***********************************************************************
** FILE: /uk10k/css/uk10k.css                                         **
***********************************************************************/


body { background: #ededed url(/uk10k/gfx/font.png) repeat-x; font-family: helvetica, verdana, tahoma, sans-serif; font-size: 0.9em; }
#wrap { border-color: #777; color: #323232 }

#foot, #head  { background:#369; border:1px solid #2F4A6C; }
h1 { background:#369; padding-top: 0; margin: 0 }
h2,h3,h4 { background: #fff; clear: both }

#head         { color:#fff; margin-bottom: 0}
#head img     { float:left; margin: 10px 2em 9px 10px; width:160px;height:97px }
#head div     { float: left; margin: 0 }
#head h1      { margin-top: 0.5em; font-size:2.6em; font-weight: normal }
#head p       { font-size:1.2em; font-style:italic; padding-left: 3em; margin: 0 }
#head .x      { float: none }

#foot         { text-align: right; width: auto; clear:both; margin-top:1em; margin-bottom:0; padding:0.4em 0.6em;font-size:0.9em;color:#f0f0f0; }
#foot span    { float: left }

#nav li { font-size: 0.9em }
#nav li a { border: 0; font-weight: normal; text-transform: uppercase; padding: 4px }
#nav li.active a, #nav li a:hover { border: 0; background-color: #369; color: #fff }

/** Now the images divs */
.image { margin: 5px 10px 5px 15px; line-height: 1em; float: left }
.image img { margin:0 }
.image p { font-size: 0.6em; margin: 0; padding: 0; text-align: center; width: 100px }
.right { margin-left: 10px; margin-right: 15px; float: right }

.study .twocol dt { width: 47%; color: #000; text-align: left; }
.study .twocol dd { width: 50%; }
.study dl { padding: 10px; margin: 1em 0; background-color: #eee; margin-left: 5px; font-size: 80%; line-height: 1.2em }

#wide-page #wrap, #wide-page #inst { width: 95%; min-width: 960px; max-width: 1440px}
#wide-page #wrap { padding: 5px 0 }
#wide-page #content { padding: 0; width: 100%; min-height: 500px }
#wide-page #nav { display: none;}
#wide-page #svgHolder, #wide-page #foot, #wide-page #hnav { margin-left: 5px; margin-right: 5px }
#wide-page #head { margin-left: 5px; margin-right: 5px }