/* Selected settings from the main CSF website */

body { background: url("images/logomanchester.gif") no-repeat 6px 44px; background-position: right top; background-color: #ffffff; color: #000000; font-family: Verdana, Arial, Helvetica, Sans-Serif;  }

/* Link formatting. Specific classes (e.g., tab) can override below */
a:link { text-decoration: underline; color: #0066CC;}
a:hover { color: #0066CC; }

h1 { font-size: 1.7em; text-align: left; color: #11111; } /* margin: 1em 0 0 2em; */
h2 { font-size: 1.3em; color: #0066CC; margin: 1.0em 0 0 0; }
h2 code { font-family: monospace,monospace; font-size: 0.82em; color: #0066CC; }
h3 { font-size: 1.2em; margin: 1.0em 0 0 0 ; }
h4 { font-size: 1.1em; font-weight: 500;  font-style: italic;  margin: 1em 0 0 0;}

/* monospace,monospace is a trick to reset the font size in some browsers */
/* ************** pre, code, tt {color: #555555; font-family: monospace,monospace; font-size: 0.8125em;}  ***/
pre, code, tt {color: #777799; font-family: monospace,monospace; font-size: 1.0em;}
li pre  {margin-left: 0em;}
pre.in0 {margin-left: 0em;}
pre.in1 {margin-left: 2em;}
pre.in2 {margin-left: 4em;}
pre.in3 {margin-left: 6em;}
pre.in4 {margin-left: 8em;}
pre.tiny {margin-left: 0em; font-size: 0.9em; }

pre {margin-left: unset; display: table; padding: 10px; margin: 0 0 10.5px;
     word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f9f9f9;
	 border: 1px solid #cccccc; border-radius: 4px;
	 white-space: pre-wrap; overflow: auto; }

/* use <ul class="gaplist"> to get a bigger space between <li> list entries */
.gaplist li {
    margin-bottom: 8px;
}
/* A gaplist within a list needs a bit of space above the first li */
ul ul.gaplist, ul ol.gaplist {margin-top: 8px;}
ol ul.gaplist, ol ol.gaplist {margin-top: 8px;}
/* use <ul class="nogaplist"> to explicitly turn off inherited spacing */
.nogaplist li {
    margin-bottom: 0px;
}
.gaptop { margin-top: 8px; }
.gapbot { margin-bottom: 8px; }

/* ===== div.entrytext (affects only the main body of a page) ===== */

/* Place an icon after external links (only in the main body of a page) */
a[href^="http://"],
a[href^="https://"] {
    background: url(images/external.png) center right no-repeat;
    padding-right: 13px;
}
/* But use a different colour for external links to our own server (e.g., to another RI website) */
a[href^="http://ri.itservices.manchester.ac.uk"],
a[href^="http://www.rds.itservices.manchester.ac.uk"] {
    background: url(images/external-grey.png) center right no-repeat;
    padding-right: 13px;
}
/* Turn off icons for some links generated by wordpress */
a[href*="manchester.ac.uk/wp-content"] { background: none; padding-right: 0px; } 
a[href*="category"] { background: none; padding-right: 0px; } 
a[href*="feed"] { background: none; padding-right: 0px; } 
a[href*="tag"] { background: none; padding-right: 0px; } 

/* global table style options */
table {
  margin: 0.5em 0 0.5em 0.0;
  padding: 0.25em 0.5em 0.25em 0.5em;
  border-collapse: collapse;
/*background: #eef5ff;  */
  background: #f2f5ff;
  width: 100%;
}

th, td {
  padding: 0.5em 0.5em 0.5em 0.5em;
  border: 1px solid #aaaaaa;
}

/* Paragraph tags used within a table cell */
td p {
  margin: 0;
  padding: 0;
}

/* CSS for striped grey tables */
table.striped{
    border-collapse: collapse;
    width: 100%;
}

/* CSS 3 - won't work in some (IE) browsers */
table.striped tr:nth-child(odd)       {background-color:#f2f5ff;}
table.striped tr:nth-child(even)      {background-color:#ffffff;}
table.striped tr:hover		     {background-color:#d0d0f0;}

table.striped th{
        color:#ffffff;
		background-color:#555555;
		border:1px solid #444444;
		padding:3px;
		vertical-align:top;
		text-align:left;
}

table.striped th a:link,table.striped th a:visited {color:#ffffff;}
table.striped th a:hover,table.striped th a:active {color:#EE872A;}
table.striped td{
        border:1px solid #d4d4d4;
		padding:5px;
		padding-top:3px;
		padding-bottom:3px;
		vertical-align:top;
		text-align:left;
}
/* Table cells won't wrap but we do allow header cells to wrap */
/*table.striped tr td {white-space: nowrap;}*/

/* Force timestamp column to a certain width */
/* table.striped th:first-child		     {width: 20%;}*/
/* table.striped td:nth-child(4)	     {white-space: nowrap;}*/

table.striped td.example_code {vertical-align:bottom;}
table.striped td.spanrows    {vertical-align:middle;}

/* Apply stripes in pairs of rows. Use class="striped stripedpair" */
table.stripedpair tr:nth-child(4n+0)       {background-color:#f2f5ff;}
table.stripedpair tr:nth-child(4n+1)       {background-color:#f2f5ff;}
table.stripedpair tr:nth-child(4n+2)      {background-color:#ffffff;}
table.stripedpair tr:nth-child(4n+3)      {background-color:#ffffff;}
table.stripedpair tr:hover               {background-color:#d0d0f0;}

/* New Div method used on CSF software pages for important warnings */
div.warning, div.hint, div.note {
    border: 1px solid #cccccc;
    color: #333333;
    box-shadow: 3px 3px 3px lightgrey;
    margin: 5px 30px;
    padding: 5px 5px 5px 50px;
    overflow: auto;
    min-height: 40px;
    background-repeat: no-repeat;
    background-position: left center;
}
div.warning>p:last-child, div.hint>p:last-child, div.note>p:last-child {
    margin-bottom: 0px
}

div.warning {
    background-image: URL(images/red-triangle-sign-tr.png);
    background-color: #fff9f9;
}
div.hint {
    background-image: URL(images/green-triangle-sign-tr.png);
    background-color: #f9fff9;
}
div.note {
    background-image: URL(images/orange-triangle-sign-tr.png);
    background-color: #fffcf9;
}

/* Table used on CSF software pages for important warnings */
table.warning {
  margin: 0 auto;
  text-align: center;
  width: 66%;
}

table.warning-wide {
  margin: 0 auto;
  text-align: center;
  width: 80%;
}

/* Add a small amount of space between dl list dd elements and the next dt */
dl dd { margin-bottom: 0.5em; }
dl dt { font-weight: 900;  margin-bottom: 0.5em; }

/* Use <div class="comment"> ... </div> to hide things */
.comment, .hidden, .hide { display: none; }

/* Not all browsers automatically underline acronym and abbr tags */
acronym { border-bottom: 1px dotted; }
abbr    { border-bottom: 1px dotted; }

/* Last modified by text */
.lastmod { font-size: smaller; color: #aaaaaa; }