@charset "ISO-8859-1";

/**
 * Ucam style alterations
 *
 * for W width resolution, set max container width to W-106 px and max header
 * width to W-66 px
 *
 * - for 1400x? set max container width to 1294px and header to 1334px
 * - for 1280x? set max container width to 1174px and header to 1214px
 * - for 1024x? set max container width to 918px and header to 958px
 * - for 800x? set max container width to 694px and header to 734px
 *
 * Usually, default browser font size is 12pt. Using 12pt as reference
 * 11pt is 0.92em, 10pt is 0.84em, 9pt is 0.75em, 8pt is 0.7em
 *
 */

body { padding-bottom: 18px; }
body.preview { background-color: #f60; }

/* Indicate archival status of these pages */
div#site-status {
  float: right; margin: 0.8em; font-size: 2em; color: rgb(204, 102, 0);
}
div#site-status::before {
  content: "Archived pages";
}

div#container { min-width: 694px; max-width: 1174px; overflow: visible; }
div#header { min-width: 734px; max-width: 1214px; }
div#content-primary { width: 81%; overflow: visible; padding-top: 1.1em; z-index: 50; }
div#content-secondary { width: 19%; z-index: 50; background: #fff url(../images/bg-content-secondary-dark.png) repeat-y 0 0; }

div#content-primary { font-family: Verdana, /*DejaVu Sans, Bitstream Vera Sans,*/ Arial, Helvetica, sans-serif !important; }

ul#nav-breadcrumb li#nav-login { float: right; font-size: 1.125em; }

div#sub-brand { background: white url("../images/top.jpg") no-repeat left center; padding: 0; margin-top: 7px; height: 130px; position: relative; }
div#sub-brand a { display: block; text-align: right; background: transparent url("../images/green-power.png") no-repeat right 70px; height: 100%; margin-right: 10px; }
div#sub-brand a.fff { background: transparent url("../images/bg-fff.png") no-repeat right center; }
div#sub-brand img { height: 130px; }
div#sub-brand a#user-name { background: url("../images/bg-username.png") no-repeat 0 -76px; position: absolute; top: 101px; left: 0px; display: inline-block; text-align: left; color: black; text-decoration: none; height: 24px; width: 400px; padding: 6px 0 0 15px; font-weight: normal; font-size: 16px; /*font-variant:small-caps;*/ }
div#sub-brand a#user-name:hover { text-decoration: none; background-image: url("../images/bg-username-on.png"); }

div#content-secondary dl.links dd a { padding-left: 33px; background-position: 12px 8px; }
div#content-secondary dl.links dd a:hover { background-position: 15px 8px; }
div#content-secondary dl.links dd.sub { height: 100%; background: white url("../images/bg-blue.png") no-repeat -150px -5px; }
div#content-secondary dl.links dd.sub a {
    font-weight: normal; font-size: 0.9em; height: 100%; padding: 1px 15px 1px 47px;
    background: transparent url("../images/icon-arrow-nav-primary-sub.gif") no-repeat 29px 7px; }
div#content-secondary dl.links dd.sub a:hover {
    background: white url("../images/icon-arrow-nav-primary-sub-hover.gif") no-repeat 32px 7px;}
div#content-secondary dl.links dd.sub.sub3 a { padding-left: 58px; background-position: 40px 7px; }
div#content-secondary dl.links dd.sub.sub3 a:hover { background-position: 43px 7px; }

ul#site-info { /*font-size: 0.64em;*/ }
ul#site-info li.link { padding-right: 11px; }
ul#site-info a { color: #05a; }
ul#site-info a:visited { color: #05a; }
ul#site-info a:hover { text-decoration: underline; }

/**
 * Primary tags and mods
 */
div#content-primary a { color: #06b; }
div#content-primary a:visited { color: #06b; }
body.secondary div#content-primary p { text-align: justify; margin-bottom: 0.75em; padding-left: 5px; padding-right: 3%; overflow: visible; }
div#content-primary pre { font-family: Consolas, Courier New, Lucida Console, monospace; margin-right: 2.5%; padding: 7px 12px 9px 12px; }
div#content-primary img, div#content-primary p img { float: none; clear: none; margin: 0; display: inline; border: 0; }
div#content-primary textarea { font-family: Verdana, /*DejaVu Sans, Bitstream Vera Sans,*/ Arial, Helvetica, sans-serif; font-size: 0.7em; }
div#content-primary select { vertical-align: text-bottom; }
div#content-primary ul, div#content-primary ol  { margin-right: 3%; }
div#content-primary li ul, div#content-primary li ol { margin-right: 0; }
div#content-primary li { text-align: justify; }
div#content-primary .spaced > li { margin-bottom: 0.75em; }
div#content-primary .spaced > li > .spaced { margin-top: 0.75em; }
div#content-primary li ul { list-style-type: circle; }
div#content-primary acronym, div#content-primary abbr { background: url(bg-dotted.gif) repeat-x left bottom; cursor: help; }

div.debug-container { font-size: 8pt; margin: 1em 3% 0.5em 5px; color: #888; font-style: italic;}
div.debug-container input { font-size: 8pt; margin: 0; padding: 0 5px; }
pre.debug-info { font-size: 8pt; margin-top: 10px; line-height: 125%; }

div#content-primary > div.section { margin: 0 3% 0.5em 5px; }
div#content-primary > div.section > p { padding: 0; }

div#content-primary img.par { float: right; border: 3px solid #ddd; margin: 0 0 0.6em 20px; clear: right; }
div#content-primary img.right { float: right; clear: right; margin: 0 0 0.5em 20px; }
div#content-primary img.left { float: left !important; clear: left !important; margin: 0 20px 0.5em 0 !important; }
div#content-primary img.normal { float: left; margin: 0 7px 0 0; border: 0; }
div#content-primary img.top { vertical-align: top; }
div#content-primary img.titleicon { vertical-align: -6px; margin: 0 5px; }
div#content-primary img.icon { vertical-align: middle; border-left: 4px solid transparent; }
div#content-primary img.white { background-color: #fff; }
div#content-primary img.icon.white { border-left: 4px solid white; margin-left: 1px;}

div#content-primary span.wrap { overflow: hidden; font-size: 1px; width: 0px; display: inline-block; }

div#content-primary a.external { font-style: italic; display: inline-block; background: url(../images/external.png) no-repeat right center; padding-right: 14px; }
div#content-primary a.external:hover { background-image: url(../images/external-hover.png); }
/*div#content-primary a.external:hover { opacity: 0.5; }*/
div#content-primary a.iconed { display: inline-block; text-decoration: none; }
div#content-primary a.iconed > img { vertical-align: middle; border-left: 0px solid transparent; background-color: transparent; margin-left: 0px; }
div#content-primary a.iconed > span { margin-right: 5px; }
div#content-primary a.iconed:hover > span { text-decoration: underline; }
div#content-primary a.iconed:hover > img { opacity: 0.5; }
div#content-primary a.shadow:hover > img { background-color: #ccc; }

div#content-primary hr.dotted { border-width: 0; margin: 0 4px; height: 0.75em; background: url(bg-dotted-light.gif) repeat-x; }

div#content-primary div.monospace { font-family: Consolas, Lucida Console, Courier New, monospace; font-size: 0.75em; background: #f8f4e9; border: 1px solid #ddd; padding: 7px 12px 9px 12px; margin: 0 2.5% 1em 0; overflow-x: auto; }
div#content-primary div.monospace p { font: inherit; margin: 0 0 5px 0; white-space: pre; }
div#content-primary div.monospace p label, div#content-primary div.monospace span label
     { font: inherit; padding: 0; margin: 0;}
div#content-primary div.monospace img { background-color: #f8f4e9 !important; }

div#content-primary div.box { background-color: #f8f4e9; border: 1px solid #ddd; padding: 9px 12px; margin: 0 2.5% 1em 0; font-size: 0.75em; }
div#content-primary div.box p { font-size: 1em; padding: 0; margin: 0 0 0.5em 0; }

div#content-primary div.help { background: url("../images/bg-help.png") no-repeat 0 0; margin: 0 3% 0.75em 0; padding: 0; }
div#content-primary div.help > ul { font-size: 0.7em; margin: 0; padding: 0 0 12px 53px; background: url("../images/icon-info.png") no-repeat 10px 7px; min-height: 27px; }
div#content-primary div.help > ul > li { line-height: 135%; padding-top: 0.5em; }
div#content-primary div.help > ul > li:first-child { line-height: 130%; padding-top: 12px; }
div#content-primary div.help.info { background-image: url("../images/bg-info.png"); }
div#content-primary div.help.info > ul { background-image: url("../images/subtitle-icon-info2.png"); padding-left: 56px; }
div#content-primary div.help.warn { background-image: url("../images/bg-info.png"); }
div#content-primary div.help.warn > ul { background-image: url("../images/subtitle-icon-warn.png"); padding-left: 60px; font-weight: bold; }


div#content-primary pre.code { background: #F7F6F3 url(../images/bg-code.png) no-repeat right bottom; padding-right: 0; margin-right: 2.5%; }
div#content-primary pre.code > .code-content { padding-right: 12px; }
div#content-primary pre.code > a { display: inline-block; float: right; clear: right; min-width: 20px; min-height: 20px; background: url(../images/icon-delete-18.png) no-repeat 1px 1px; margin: -7px 0px 0 0; border: 1px solid #ccc; border-width: 0 0 1px 1px; }

div#content-primary div.alert.floating { position: absolute; left: 42%;
    top: 250px; width: 300px; margin-left: -150px; padding-right: 10px; padding-bottom: 10px; }

/**
 * Tooltips v2 (more robust and cross-browser, relies more on JS though)
 */
div#content-primary .tooltip-self {
    visibility: hidden; position: absolute; background: #ffd; border: 1px solid #000;
    width: 250px; font-size: 8pt; padding: 7px 10px 10px 10px; line-height: 120%; color: #000;
    margin-left: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;
    display: inline; z-index: 1000; }
div#content-primary .tooltip-self p, div#content-primary .tooltip-self ul,
    div#content-primary .tooltip-self ol, div#content-primary .tooltip-self li { font-size: 8pt !important;
    line-height: 120% !important; background-color: #ffd !important; text-align: left !important;
    color: #000 !important; }
div#content-primary .tooltip-self p { padding: 0 !important; margin: 0 0 1em 0 !important; }
div#content-primary .tooltip-self a { color: #06b !important; }
div#content-primary .tooltip-self img { background-color: #ffd !important; }
div#content-primary .tooltip-self a:hover { color: #06b !important; }
div#content-primary textarea.tt-ta { margin: 10px auto 0 auto !important; padding: 0 !important; border: 0 !important;
    background-color: transparent !important; font-family: inherit !important; width: 100%; height: 150px; font-size: 8pt; }


/**
 * Controls box  for listing entries
 */
div#content-primary div#list-controls { font-size: 0.75em; background-color: #f8f4e9; border: 1px solid #ddd; padding: 9px 12px; margin: 0 3% 0.75em 0; }
div#content-primary div#list-controls a.active { font-weight: bold; color: #fff; background-color: #08c; padding: 1px 4px; }
div#content-primary div#list-controls select { vertical-align: middle; padding: 1px 2px; }
div#content-primary div#list-controls select.active { color: #fff; background-color: #08c; padding: 0; border-width: thin; }
div#content-primary div#list-controls select.activehover { background-color: #fff; color: #000; }
div#content-primary div#list-controls input { vertical-align: middle; }
div#content-primary div#list-controls input.pub-search { vertical-align: middle; padding: 1px 2px; width: 112px; color: #ccc; }

/**
 * Add/edit forms
 */
div#content-primary div.edit-form { padding: 8px 3px; }
div#content-primary div.edit-form input,
    div#content-primary div.edit-form select { padding: 1px 2px; vertical-align: middle; }
div#content-primary div.edit-form label { font-family: sans-serif; padding-left: 0.5em; }
div#content-primary div.edit-form textarea { height: 16em; vertical-align: middle; font-size: 0.92em;}

div#content-primary div.edit-form div.hr { margin: 0 4px; height: 0.75em; margin-top: 0.75em; background: url(bg-dotted-light.gif) repeat-x; }

div#content-primary div.edit-form .long > * { width: 76%; }
div#content-primary div.edit-form .medium > * { width: 40%; }
div#content-primary div.edit-form .short > * { width: 12em; }
div#content-primary div.edit-form .shorter > * { width: 7em; }
div#content-primary div.edit-form .tiny > * { width: 4em; }
div#content-primary div.edit-form .tall > * { height: 20em; }
div#content-primary div.edit-form .taller > * { height: 25em; }
div#content-primary div.edit-form .tallest > * { height: 30em; }
div#content-primary div.edit-form .required { border-left: 2px solid #f86; padding-left: 3px; margin-left: -5px; }

div#content-primary div.edit-form .help { font-family: sans-serif; font-style: italic; color: #676767; }
div#content-primary div.edit-form .private input { padding: 0px; }
div#content-primary div.edit-form .checkboxes { font-style: normal; }
div#content-primary div.edit-form .checkboxes input { vertical-align: -2px; margin: 0 4px; }
div#content-primary div.edit-form .checkboxes label { font-family: sans-serif; padding: 0 3px 0 5px;}
div#content-primary div.edit-form .checkboxes label:first-child { padding-left: 0;}
div#content-primary div.edit-form .radios { font-style: normal; }
div#content-primary div.edit-form .radios input { vertical-align: -2px; margin: 0 4px; }
div#content-primary div.edit-form .buttons input { padding: 1px 2px; }
div#content-primary div.edit-form .textarea textarea { height: 24em; }

div#content-primary div.edit-form span.astext { display: inline-block; font-style: italic; }

div#content-primary div.edit-form span.mceEditor { display: inline-block; vertical-align: middle; }

/**
 * CodeMirror global style (see individual sections below for customizations)
 */
div.CodeMirror-wrapping { border-color: #3d7bad #a4c9e3 #b7d9ed #b5cfe7; border-style: solid; border-width: 1px;
    margin: 0px; background-color: #FCFBF8; display: inline-block; vertical-align: middle; }
#cm-controls-wrapper { display: inline-block; margin: 5px 0 0 0; text-align: right; width: 100%;
    white-space: normal; border: 0px solid #ccc;}
#cm-controls { vertical-align: middle; }
#cm-controls > * { vertical-align: middle; }
/*
div.cm-controls { text-align: right; background-color: #FCFBF8; margin-top: 1px;
    border-color: #3d7bad #a4c9e3 #b7d9ed #b5cfe7; border-style: solid; border-width: 1px }
span#cm-wrapper { display: inline-block; border-color: #3d7bad #a4c9e3 #b7d9ed #b5cfe7;
    border-style: solid; border-width: 1px; vertical-align: middle; width: 100%; }
span#cm-wrapper textarea { width: 100%; }
span#cm-controls { float: right; padding-top: 3px; }
*/

/**
 * Research entries
 */
div#content-primary div.proj-entry { padding-top: 1px; margin: 0 3.5% 2.5em 0; background: url(bg-dotted.gif) repeat-x 0 0; overflow-y: auto; }
div#content-primary div.proj-entry a.title { color: #c60; }
div#content-primary div.proj-entry span.links { font-weight: normal; font-size: 0.9em; }
div#content-primary div.proj-entry div.members { font-weight: normal; font-size: 0.7em; padding-left: 2px; }
div#content-primary div.proj-entry div.members > span:before { content: ", " }
div#content-primary div.proj-entry div.members > span:first-child:before { content: "" }
div#content-primary div.proj-entry div.unapproved { background-color: #ffc; }
div#content-primary div.proj-entry div.subtitle div.unapproved { padding-left: 40px; background: url("../images/subtitle-icon-unapproved.png") no-repeat 0 0; }
div#content-primary div.proj-entry div.subtitle div.framework { padding-left: 40px; background: url("../images/subtitle-icon-framework.png") no-repeat 0 0; }

div#content-primary div.proj-entry div.summary { text-align: justify; font-size: 0.75em; line-height: 145%; margin: 0; padding: 0 3px; }
div#content-primary div.proj-entry div.summary img.projimage { float: right; border: 5px solid #dbd7cc; margin: 0 0 0.75em 2em; clear: right; }
div#content-primary div.proj-entry div.summary p { font-size: inherit; margin: 0 0 0.85em 0; line-height: inherit; padding: 0; }
div#content-primary div.proj-entry div.summary ol { font-size: inherit; }
div#content-primary div.proj-entry div.summary img { float: left; border: 0; margin: 0.5em 2em 0.6em 0; }

/**
 * Research bulk edit
 */
div#content-primary div#research-bulk select { vertical-align: middle; }
div#content-primary div#research-bulk img { vertical-align: middle; }

/**
 * People list
 */
div#content-primary div.people-container { text-align: center; position: relative; font-size: 0.75em; padding-top: 2em; }
div#content-primary div.people-container .tooltip-self { left: 175px; top: -15px;  }
div#content-primary .people-entry { width: 190px; height: 230px; margin: 10px 20px 0px 20px; text-align: left;
    position: relative; display: inline-block; vertical-align: top; }
div#content-primary .people-entry a.image { display: inline-block; overflow: hidden; width: 96px; height: 128px;
    vertical-align: top; margin: 0 5px; }
div#content-primary .people-entry div.more { text-align: right; padding-top: 5px; font-style: italic; }
div#content-primary .people-entry img { float: none; display: inline; border: 0px solid #dbd7cc; }
div#content-primary .people-entry .name { line-height: 120%; margin-top: 7px; display: block; }
div#content-primary .people-entry .position { font-size: 0.89em; display: block; }
div#content-primary .people-entry .position img { vertical-align: top; }
div#content-primary .people-entry img.image { vertical-align: top; }
div#content-primary .people-entry span.right-container { display: inline-block; margin-top: -10px; text-align: left; line-height: 10px; position: relative; }
div#content-primary .people-entry span.right-container > a { font-size: 0.89em; color: #bbb; display: inline-block; vertical-align: middle; text-decoration: none; }
div#content-primary .people-entry span.right-container > a > img { margin: 0 3px 0 0; vertical-align: -5px; background-color: white; }
div#content-primary .people-entry span.right-container > a:hover > span { color: #999; text-decoration: underline; }
div#content-primary .people-entry span.right-container > a:hover > img { opacity: 0.5; }
div#content-primary .people-entry a.img-zoom { height: 28px; display: inline-block; position: absolute; top: 104px; left: 4px;
    background: url(../images/people-zoom-overlay.png) no-repeat 0 0; }
div#content-primary .people-entry a.img-zoom:hover { background-image: url(../images/people-zoom-overlay-hover.png); }

/**
 * Person view
 */
div#content-primary table#people-view { margin: 0 0% 2em 10px; width: 93%; min-width: 1px; }
div#content-primary #people-image { padding-left: 20px; text-align: right; min-width: 1px; }
div#content-primary #people-image img { float: none; display: inline; }
div#content-primary #people-image img#person { vertical-align: -5px; margin-right: 5px; border: 5px solid #DBD7CC; }
div#content-primary table#people-details td { font-size: 1.33em; }
div#content-primary table#people-details td:first-child { text-align: right; padding-right: 10px; color: #aaa; white-space: nowrap; }
div#content-primary table#people-details span.offices span:before { content: " , " }
div#content-primary table#people-details span.offices span:first-child:before { content: "" }
div#content-primary div#people-overview { font-size: 0.75em; margin: 0 3% 2em 10px; text-align: justify; }
div#content-primary div#people-overview p,
    div#content-primary div#people-overview ul,
    div#content-primary div#people-overview ol { font-size: 1em; margin-top: 0.33em; margin-right: 0; padding-right: 0; }

/**
 * Publications
 */
div#content-primary div#pub-entries p { font-size: 0.75em; text-align: justify; overflow: visible; line-height: 140%; margin-left: 3px; }
div#content-primary div#pub-entries p img { margin: 0 0 0 5px; float: none; clear: none; border: 0; vertical-align: text-top; }
/*div#content-primary div#pub-entries p a:hover img { background-image: url("../images/icon-shadow-blue.png"); }*/
div#content-primary div#pub-entries p.party-review { font-size: 0.7em; color: #444; }
div#content-primary div#pub-entries p.private { border-left: 2px solid #bbb; padding-left: 3px; }

/**
 * Paper parties
 */
div#content-primary form#pparties-bulk { text-align: center; }
div#content-primary form#pparties-bulk table { margin: 0 auto; border-bottom: 1px solid #DBD7CC; padding: 1em 0; }
div#content-primary form#pparties-bulk table th { padding: 5px; font-weight: bold; text-align: center; background-color: #f0ede0; }
div#content-primary form#pparties-bulk table th:last-child { padding: 0 10px 0 5px; }
div#content-primary form#pparties-bulk table td { padding: 5px; font-size: 0.9em; }
div#content-primary form#pparties-bulk table td:first-child { color: #888; padding: 5px 2em; text-align: right; }
div#content-primary form#pparties-bulk table td:last-child { text-align: center; }
div#content-primary form#pparties-bulk table td:last-child img { vertical-align: top; }

/**
 * New applicants
 */
div#content-primary ul#apply-list { text-align: justify; }

/**
 * Footer pages edit links
 */
ul#site-info li.link a { padding-top: 5px; padding-bottom: 6px; }
ul#site-info li.link.img a { background: url(../images/icon-edit-page.png) no-repeat right 50%; padding-right: 19px; }
ul#site-info li.link.img a.preview { color: #fff; background-color: #f60; border-right: 3px solid #f60; padding-left: 4px; }
ul#site-info li.link.img a.w3c { background: url(../images/icon-validate.png) no-repeat right bottom; padding-right: 28px; }

div#content-primary div#page-edit div.edit-form { padding: 10px 5px 5px 5px; }
div#content-primary div#page-edit textarea { font-family: Consolas, Courier New, monospace; font-size: 9pt; height: 450px;
    width: 98.5%; white-space: nowrap; padding: 1px 0 0 1px; margin: 0 5px; }
div#content-primary div#page-edit select { vertical-align: middle; font-size: 1em; }
div#content-primary div#page-edit input { padding: 0; }
div#content-primary div#page-edit label input { vertical-align: middle; }
div#content-primary div#page-edit a.pages-controls { font-weight: bold; float: right; margin-right: 10px; padding: 3px 33px; }
div#content-primary div#page-edit a.pages-controls.undo { background: url(../images/icon-undo-big.png) no-repeat right center; }
div#content-primary div#page-edit a.pages-controls.plain { background: url(../images/icon-edit-plain.png) no-repeat right center; }
div#content-primary div#page-edit a.pages-controls.rich { background: url(../images/icon-edit-rich.png) no-repeat right center; padding-right: 28px; }

div#content-primary div#page-edit div.CodeMirror-wrapping { display: block; margin: 0 6px; }

/**
 * Markup validator
 */
div#content-primary div.w3c-markup { position: relative; font-size: 0.7em; line-height: 125%; padding-left: 0;
    overflow: auto; margin-bottom: 1.75em; overflow-x: auto; }
div#content-primary div.w3c-markup p.w3c-hdr { font-size: 8pt !important; }
div#content-primary div.w3c-markup b { background-color: #ddd; white-space: pre; padding: 0px 3px; }
div#content-primary div.w3c-markup b:first-child { padding-top: 0px; }
div#content-primary div.w3c-markup span.w3c-err { background-color: #f70; color: #008; }
div#content-primary div.w3c-markup span.w3c-error { position: relative; }
div#content-primary div.w3c-markup span.w3c-error span { position: absolute; top: 0; left: -0.5em; display: inline-block; width: 1em; height: 1.25em;
    background-color: #f40; }
div#content-primary div.w3c-markup span.w3c-error span { opacity: 0.6; }

/**
 * Resources
 */
div#res-parent { margin-right: 2.3%; overflow: auto; }
div#res-items .tooltip-self { margin-top: -30px; }

div#res-submit { text-align: center; padding-left: 20%; margin-right: 2.5%; display: none; }
div#res-items { float: left; width: 19%; overflow: hidden; border-right: 2px solid #C1BCAF; }
div#res-items thead tr.hours { background: none; }
/*div#res-items td { background: transparent url(bg-solid.gif) repeat-y right top; }*/
div#res-container { float: left; width: 80.5%; overflow-x: auto; padding-bottom: 5px; margin-bottom: 0.75em;}

table.res-table { background: url(bg-dotted.gif) repeat-x 0 bottom; }
table.res-table tr { height: 21px; background: url(bg-dotted.gif) repeat-x 0 top; }
table.res-table tr.row-0 { background-color: #F1ECDF; }
table.res-table tr.last { height: 22px; }
table.res-table tr.last td { padding-bottom: 1px; }

div#res-items td.res-name { padding: 0 0 0 5px; text-align: left; font-size: 8pt; vertical-align: middle; line-height: 8pt; }
div#res-items thead tr { height: 44px; }
div#res-items thead td { vertical-align: middle; text-align: left; padding-left: 10px; font-weight: bold; font-size: 10pt; }

div#res-container td { padding: 1px 1px 0 0; background: transparent url(bg-dotted-vert.gif) repeat-y right top; line-height: 8pt; }
div#res-container td.res-first { border-left: 1px solid #C1BCAF; }
div#res-container td.res-last { border-right: 1px solid #C1BCAF; background: none; padding-right: 0; }
div#res-container img { vertical-align: bottom; margin: 0 2px 1px 1px; }

div#res-container thead tr { height: 22px; }
div#res-container thead td { vertical-align: middle; padding: 1px 1px 1px 0; font-size: 8pt; text-align: center; }
div#res-container thead tr.hours td { padding-right: 1px; }
div#res-container thead tr.days td { padding: 1px; font-weight: bold; }

table.res-book i, div#res-container i { display: block; min-width: 14px; height: 16px; font-size: 10px; border: 2px solid transparent; }
table.res-book i.checked, div#res-container i.checked { background: transparent url(../images/icon-checked.png) no-repeat center center; }
table.res-book i.booked, div#res-container i.booked { background: transparent url(../images/icon-booked.png) no-repeat center center; }
/*
div#res-container tbody i:hover { border-color: #888; }
div#res-container tbody i.booked:hover { border-color: transparent; }
*/

div#content-primary table.res-table tbody td.day { padding: 0 5px !important; font-size: 8pt; }
div#content-primary table.res-table tbody tr.hours td { min-width: 2em; text-align: center; vertical-align: middle; }
div#content-primary table.res-table tbody tr.hours input { width: 7em; font-size: 10pt; height: 100%; margin: 3px 0; }

div#content-primary table.res-book { margin: 0 auto 0.75em auto; background: transparent url(bg-dotted.gif) repeat-x 0 bottom; position: relative; display: inline-block; }
div#content-primary table.res-book tr { height: 21px; background: transparent url(bg-dotted.gif) repeat-x 0 top; }
div#content-primary table.res-book td { padding: 1px 1px 0 0; background: transparent url(bg-dotted-vert.gif) repeat-y right top;
    vertical-align: middle; font-size: 9pt; text-align: center; }
div#content-primary table.res-book tr.hours { background-color: #F1ECDF; height: 29px !important; }
div#content-primary table.res-book tr.hours td { min-width: 2em; text-align: center; padding: 2px 1px; vertical-align: middle; }
div#content-primary table.res-book td.day { padding: 0 5px; }
div#content-primary table.res-book td { line-height: 19px; }

div#content-primary table#res-head td { background-image: none; border-right: 2px solid #C1BCAF; text-align: right; padding: 0 5px; }
div#content-primary table#res-head tr.hours td { text-align: center; }
div#content-primary table#res-head tr.hours td input { font-size: 10pt; margin-top: 2px; }


/**
 * Weather pages
 */
table.weather-table { margin: 0 auto; }
table.weather-table th, table.weather-table td { padding: 0 0.2em; }


/**
 * Private pages
 */
div#content-primary div#private-pages-container { margin-right: 3%; }
div#content-primary div#private-pages-container div.left-container { float: left; width: 48%; margin-bottom: 1.5em; }
div#content-primary div#private-pages-container div.right-container { float: right; width: 48%; margin-bottom: 1.5em; }
div#content-primary div#private-pages-container div.subtitle { background-position: -100px 0; }


/**
 * Titles and subtitles with icons
 */
div#content-primary div.subtitle { background: url("../images/bg-blue.png") no-repeat 0 0; font: bold 1em Arial, Helvetica, sans-serif; color: #c60; padding: 5px 12px; margin: 0 2.5% 8pt 0; min-width: 100px; }
div#content-primary div.subtitle > div.icon { padding: 6px 0 5px 38px; background: url("../images/subtitle-icon.png") no-repeat 0 center; height: 100%; vertical-align: middle; min-width: 100px; }
div#content-primary div.subtitle a.sub { font-weight: normal; font-size: 0.9em; }


/* error, success, help, info, warning */
div#content-primary div.subtitle.error { background-image: url("../images/bg-red.png"); }
div#content-primary div.subtitle.error > div { background-image: url("../images/subtitle-icon-error.png"); color: #e00; }

div#content-primary div.subtitle.success { background-image: url("../images/bg-green.png"); }
div#content-primary div.subtitle.success > div { color: #0a0; background-image: url("../images/subtitle-icon-ok.png"); }

div#content-primary div.subtitle.info { background: url("../images/bg-gray.png") no-repeat 0 0; font-size: 10pt; font-weight: normal; color: #444; }
div#content-primary div.subtitle.info > div { padding-left: 28px; background: url("../images/icon-info.png") no-repeat 0 center; }


div#content-primary div.subtitle > div.icon.add { background-image: url("../images/subtitle-icon-entry-add.png"); }
div#content-primary div.subtitle > div.icon.edit { background-image: url("../images/subtitle-icon-entry-edit.png"); }
div#content-primary div.subtitle > div.icon.bulk { background-image: url("../images/subtitle-icon-entry-edit.png"); }
div#content-primary div.subtitle > div.icon.bibtex { background-image: url("../images/subtitle-icon-bibtex.png"); }
div#content-primary div.subtitle > div.icon.person { background-image: url("../images/subtitle-icon-person.png"); }
div#content-primary div.subtitle > div.icon.person-edit { background-image: url("../images/subtitle-icon-person-edit.png"); }
div#content-primary div.subtitle > div.icon.person-add { background-image: url("../images/subtitle-icon-person-add.png"); }
div#content-primary div.subtitle > div.icon.people { background-image: url("../images/subtitle-icon-people.png"); }
div#content-primary div.subtitle > div.icon.people-add { background-image: url("../images/subtitle-icon-people-add.png"); }
div#content-primary div.subtitle > div.icon.people-edit { background-image: url("../images/subtitle-icon-people-edit.png"); }
div#content-primary div.subtitle > div.icon.research { background-image: url("../images/subtitle-icon-world.png"); }
div#content-primary div.subtitle > div.icon.proj { background-image: url("../images/subtitle-icon-world.png"); }
div#content-primary div.subtitle > div.icon.proj-add { background-image: url("../images/subtitle-icon-research-add.png"); }
div#content-primary div.subtitle > div.icon.proj-edit { background-image: url("../images/subtitle-icon-research-edit.png"); }
div#content-primary div.subtitle > div.icon.res { background-image: url("../images/subtitle-icon-resources.png"); min-height: 20px; padding: 7px 0 4px 53px;}
div#content-primary div.subtitle > div.icon.res-add { background-image: url("../images/subtitle-icon-resources-add.png"); min-height: 20px; padding: 7px 0 4px 53px;}
div#content-primary div.subtitle > div.icon.res-edit { background-image: url("../images/subtitle-icon-resources-edit.png"); min-height: 20px; padding: 7px 0 4px 53px;}
div#content-primary div.subtitle > div.icon.pub { background-image: url("../images/subtitle-icon-pub.png"); }
div#content-primary div.subtitle > div.icon.pubs { background-image: url("../images/subtitle-icon-pubs.png"); }
div#content-primary div.subtitle > div.icon.pub-add { background-image: url("../images/subtitle-icon-pub-add.png"); }
div#content-primary div.subtitle > div.icon.pub-edit { background-image: url("../images/subtitle-icon-pub-edit.png"); }
div#content-primary div.subtitle > div.icon.success { background-image: url("../images/subtitle-icon-ok.png"); }
div#content-primary div.subtitle > div.icon.error { background-image: url("../images/subtitle-icon-error.png"); }
div#content-primary div.subtitle > div.icon.contact { background-image: url("../images/subtitle-icon-contact.png"); }
div#content-primary div.subtitle > div.icon.history { background-image: url("../images/subtitle-icon-history.png"); padding-left: 45px; }
div#content-primary div.subtitle > div.icon.apply { background-image: url("../images/subtitle-icon-apply.png"); padding-left: 40px; }
div#content-primary div.subtitle > div.icon.help2 { background-image: url("../images/subtitle-icon-help.png"); }
div#content-primary div.subtitle > div.icon.info { background-image: url("../images/subtitle-icon-info.png"); }
div#content-primary div.subtitle > div.icon.maps { background-image: url("../images/subtitle-icon-maps.png"); }
div#content-primary div.subtitle > div.icon.pictures { background-image: url("../images/subtitle-icon-pictures.png"); }
div#content-primary div.subtitle > div.icon.picture { background-image: url("../images/subtitle-icon-picture.png"); }
div#content-primary div.subtitle > div.icon.world { background-image: url("../images/subtitle-icon-world.png"); }
div#content-primary div.subtitle > div.icon.graph { background-image: url("../images/subtitle-icon-graph.png"); }
div#content-primary div.subtitle > div.icon.wireless { background-image: url("../images/subtitle-icon-wireless.png"); }
div#content-primary div.subtitle > div.icon.weather { background-image: url("../images/subtitle-icon-weather.png");  padding-left: 43px; }
div#content-primary div.subtitle > div.icon.android { background-image: url("../images/subtitle-icon-android.png"); }
div#content-primary div.subtitle > div.icon.html { background-image: url("../images/subtitle-icon-html.png"); padding-left: 43px; }
div#content-primary div.subtitle > div.icon.comments { background-image: url("../images/subtitle-icon-comments.png"); }
div#content-primary div.subtitle > div.icon.leftside { background-image: url("../images/subtitle-icon-left.png"); padding-left: 40px; }
div#content-primary div.subtitle > div.icon.rightside { background-image: url("../images/subtitle-icon-right.png"); padding-left: 40px; }

/**
 * Global stuff (leave this at the end)
 */
div#content-primary .notice { text-align: left; color: #888; font-size: 0.7em; padding: 0 1.5em; margin-top: 0.5em;}
div#content-primary .center { text-align: center !important; }
div#content-primary .justify { text-align: justify !important; }
div#content-primary .left { text-align: left !important; }
div#content-primary .middle { vertical-align: middle !important; }
div#content-primary .right { text-align: right !important; }
div#content-primary .block { display: block !important; }
div#content-primary .inline-block { display: inline-block !important; }
div#content-primary .small { font-size: 0.88em !important; }
div#content-primary .smaller { font-size: 0.78em !important; }
div#content-primary .smallest { font-size: 8pt !important; }
div#content-primary .italic { font-style: italic !important; }
div#content-primary .non-italic { font-style: normal !important; }
div#content-primary .bold { font-weight: bold !important; }
div#content-primary .non-bold { font-weight: normal !important; }
div#content-primary .float-left { float: left !important; }
div#content-primary .float-right { float: right !important; }
div#content-primary .clear-right { clear: right !important; }
div#content-primary .clear-left { clear: left !important; }
div#content-primary .clear-none { clear: none !important; }
div#content-primary .hidden { display: none !important; }
div#content-primary .invisible { visibility: hidden !important; }
div#content-primary .no-display { display: none !important; }
div#content-primary .no-border { border-width: 0 !important; }
div#content-primary .auto-flow { overflow: auto !important; }
div#content-primary .relative { position: relative !important; }
div#content-primary .bg-box { background-color: #f8f4e9 !important; }
div#content-primary .bg-light { background-color: #F4F3EC !important; }
div#content-primary .bg-lighter { background-color: #F7F6F3 !important; }
div#content-primary .bg-lightest { background-color: #F9F8F5 !important; }
div#content-primary .color-gray { color: #999; }
div#content-primary .mono, div#content-primary .monospace { font-family: Consolas, "Courier New", monospace; }
div#content-primary .bg-dotted-top { padding-top: 1px; margin: 0 3.5% 0 0; background: url(bg-dotted.gif) repeat-x 0 0; }

.form_widget_amount_slider{
    border-top:1px solid #9d9c99;
    border-left:1px solid #9d9c99;
    border-bottom:1px solid #eee;
    border-right:1px solid #eee;
    background-color:#f0ede0;
    height:3px;
    position:absolute;
    bottom:0px;
}