a.interwiki { background: transparent url(/lib/images/interwiki.png) 0px 1px no-repeat; padding-left: 16px;}a.iw_wp {  background-image: url(/lib/images/interwiki/wp.gif)}a.iw_wpde {  background-image: url(/lib/images/interwiki/wpde.gif)}a.iw_wpmeta {  background-image: url(/lib/images/interwiki/wpmeta.gif)}a.iw_doku {  background-image: url(/lib/images/interwiki/doku.gif)}a.iw_sb {  background-image: url(/lib/images/interwiki/sb.gif)}a.iw_amazon {  background-image: url(/lib/images/interwiki/amazon.gif)}a.iw_amazon_de {  background-image: url(/lib/images/interwiki/amazon.de.gif)}a.iw_amazon_uk {  background-image: url(/lib/images/interwiki/amazon.uk.gif)}a.iw_phpfn {  background-image: url(/lib/images/interwiki/phpfn.gif)}a.iw_bug {  background-image: url(/lib/images/interwiki/bug.gif)}a.iw_coral {  background-image: url(/lib/images/interwiki/coral.gif)}a.iw_google {  background-image: url(/lib/images/interwiki/google.gif)}a.iw_meatball {  background-image: url(/lib/images/interwiki/meatball.gif)}a.iw_wiki {  background-image: url(/lib/images/interwiki/wiki.gif)}a.mediafile { background: transparent url(/lib/images/fileicons/file.png) 0px 1px no-repeat; padding-left: 18px; padding-bottom: 1px;}a.mf_jpg {  background-image: url(/lib/images/fileicons/jpg.png)}a.mf_jpeg {  background-image: url(/lib/images/fileicons/jpeg.png)}a.mf_gif {  background-image: url(/lib/images/fileicons/gif.png)}a.mf_png {  background-image: url(/lib/images/fileicons/png.png)}a.mf_tgz {  background-image: url(/lib/images/fileicons/tgz.png)}a.mf_tar {  background-image: url(/lib/images/fileicons/tar.png)}a.mf_gz {  background-image: url(/lib/images/fileicons/gz.png)}a.mf_zip {  background-image: url(/lib/images/fileicons/zip.png)}a.mf_pdf {  background-image: url(/lib/images/fileicons/pdf.png)}a.mf_txt {  background-image: url(/lib/images/fileicons/txt.png)}a.mf_ps {  background-image: url(/lib/images/fileicons/ps.png)}a.mf_doc {  background-image: url(/lib/images/fileicons/doc.png)}a.mf_xls {  background-image: url(/lib/images/fileicons/xls.png)}a.mf_ppt {  background-image: url(/lib/images/fileicons/ppt.png)}a.mf_rtf {  background-image: url(/lib/images/fileicons/rtf.png)}a.mf_xml {  background-image: url(/lib/images/fileicons/xml.png)}a.mf_swf {  background-image: url(/lib/images/fileicons/swf.png)}a.mf_rpm {  background-image: url(/lib/images/fileicons/rpm.png)}a.mf_deb {  background-image: url(/lib/images/fileicons/deb.png)}a.mf_conf {  background-image: url(/lib/images/fileicons/conf.png)}a.mf_sxw {  background-image: url(/lib/images/fileicons/sxw.png)}a.mf_sxc {  background-image: url(/lib/images/fileicons/sxc.png)}a.mf_sxi {  background-image: url(/lib/images/fileicons/sxi.png)}a.mf_sxd {  background-image: url(/lib/images/fileicons/sxd.png)}a.mf_odc {  background-image: url(/lib/images/fileicons/odc.png)}a.mf_odf {  background-image: url(/lib/images/fileicons/odf.png)}a.mf_odg {  background-image: url(/lib/images/fileicons/odg.png)}a.mf_odi {  background-image: url(/lib/images/fileicons/odi.png)}a.mf_odp {  background-image: url(/lib/images/fileicons/odp.png)}a.mf_ods {  background-image: url(/lib/images/fileicons/ods.png)}a.mf_odt {  background-image: url(/lib/images/fileicons/odt.png)}/**
 * Basic styles. These styles are needed for basic DokuWiki functions
 * regardless of the used template. Templates can override them of course
 */

div.clearer {
  clear: both;
  line-height: 0;
  height: 0;
  overflow:hidden;
}

div.no {
  display: inline;
  margin: 0;
  padding: 0;
}

div.error {
  background: #fcc url(/lib/styles/../images/error.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #faa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.info {
  background: #ccf url(/lib/styles/../images/info.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #aaf;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.success {
  background: #cfc url(/lib/styles/../images/success.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #afa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.notify {
  background: #ffc url(/lib/styles/../images/notify.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #ffa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}


/* image alignment */
.medialeft {
  float: left;
}
.mediaright {
  float: right;
}
.mediacenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.leftalign {text-align: left;}
.centeralign {text-align: center;}
.rightalign {text-align: right;}

em.u {
  font-style: normal;
  text-decoration: underline;
}


/* syntax highlighting code */
.code .br0  { color: #66cc66; }
.code .co1  { color: #808080; font-style: italic; }
.code .co2  { color: #808080; font-style: italic; }
.code .coMULTI  { color: #808080; font-style: italic; }
.code .es0  { color: #000099; font-weight: bold; }
.code .kw1  { color: #b1b100; }
.code .kw2  { color: #000000; font-weight: bold; }
.code .kw3  { color: #000066; }
.code .kw4  { color: #993333; }
.code .kw5  { color: #0000ff; }
.code .me0  { color: #006600; }
.code .nu0  { color: #cc66cc; }
.code .re0  { color: #0000ff; }
.code .re1  { color: #0000ff; }
.code .re2  { color: #0000ff; }
.code .re4  { color: #009999; }
.code .sc0  { color: #00bbdd; }
.code .sc1  { color: #ddbb00; }
.code .sc2  { color: #009900; }
.code .st0  { color: #ff0000; }
#acl__manager label {
  text-align: left;
  font-weight: normal;
  display: inline;
}
#acl__manager table {
  margin-left: 10%;
  width: 80%;
}
/* plugin:configmanager */
#config__manager div.success,
#config__manager div.error,
#config__manager div.info {
  background-position: 0.5em;
  padding: 0.5em;
  text-align:center;
}

#config__manager fieldset {
  margin: 1em;
  width: auto;
  margin-bottom: 2em;
  background-color: #dee7ec;
  color: #000;
  padding: 0 1em;
}
#config__manager legend {
    font-size: 1.25em;
}

#config__manager form { }
#config__manager table {
    margin: 1em 0;
    width: 100%;
}

#config__manager fieldset td {
    text-align: left;
}
#config__manager fieldset td.value {
    /* fixed data column width */
    width: 30em;
}
#config__manager td input.edit {
    width: 30em;
}
#config__manager td select.edit { }
#config__manager td textarea.edit {
    width: 27.5em;
    height: 4em;
}

#config__manager tr .input,
#config__manager tr input,
#config__manager tr textarea,
#config__manager tr select {
  background-color: #fff;
  color: #000;
}

#config__manager tr.default .input,
#config__manager tr.default input,
#config__manager tr.default textarea,
#config__manager tr.default select,
#config__manager .selectiondefault {
  background-color: #ccddff;
  color: #000;
}

#config__manager tr.protected .input,
#config__manager tr.protected input,
#config__manager tr.protected textarea,
#config__manager tr.protected select,
#config__manager tr.protected .selection {
  background-color: #ffcccc!important;
  color: #000 !important;
}

#config__manager td.error  { background-color: red; color: #000;}

#config__manager .selection {
  width: 14.8em;
  float: left;
  margin: 0 0.3em 2px 0;
}

#config__manager .selection label {
  float: right;
  width: 14em;
  font-size: 90%;
}

/* IE6 correction */
* html #config__manager .selection label {
  padding-top: 2px;
}

#config__manager .selection input.checkbox {
  padding-left: 0.7em;
}

#config__manager .other {
  clear: both;
  padding-top: 0.5em;
}

#config__manager .other label {
  padding-left: 2px;
  font-size: 90%;
}

/* end plugin:configmanager */
/*
 * admin plugin extension - style additions
 *
 * @author  Christopher Smith  chris@jalakai.co.uk
 * @link    http://wiki.jalakai.co.uk/dokuwiki/doku.php/tutorials/adminplugin
 */

/* overall containing div */
#plugin__manager {}

#plugin__manager h2 { margin-left: 0;}
#plugin__manager form { display: block; margin: 0; padding: 0;}
#plugin__manager legend { display: none;}
#plugin__manager fieldset { width: auto;}
#plugin__manager .button { margin: 0;}
#plugin__manager p, #plugin__manager label { text-align: left;}
#plugin__manager .hidden { display: none;}
#plugin__manager .new { background: #dee7ec;}
#plugin__manager input[disabled] { color: #ccc; border-color: #ccc;}  /* IE won't understand but doesn't require it */

#plugin__manager .pm_menu, #plugin__manager .pm_info { margin-left: 0; text-align: left; }
#plugin__manager .pm_menu { float: left; width: 48%; }
#plugin__manager .pm_info { float: right; width: 50%; }

#plugin__manager .common { }
#plugin__manager .common form { }
#plugin__manager .common fieldset { margin: 0; padding: 0 0 1.0em 0; text-align: left; border: none;}
#plugin__manager .common label { padding: 0 0 0.5em 0;}
#plugin__manager .common input {  }
#plugin__manager .common input.edit { width: 24em; margin: 0.5em;}
#plugin__manager .common .button { }

#plugin__manager form.plugins { }
#plugin__manager .plugins fieldset { color: #000; background: #fff; text-align: right; border-top: none; border-right: none; border-left: none;}
#plugin__manager .plugins fieldset.protected { background: #fdd; color: #000; }
#plugin__manager .plugins fieldset.disabled { background: #e0e0e0; color: #a8a8a8; }

#plugin__manager .plugins .legend { color: #000; background: inherit; display: block; margin: 0; padding: 0; font-size: 1em; line-height: 1.4em; font-weight: normal; text-align: left; float: left; padding: 0; clear: none;}
#plugin__manager .plugins .button { width: 5em; font-size: 95%;}

#plugin__manager .plugins fieldset.buttons { border: none;}
#plugin__manager .plugins fieldset.buttons .button { float: left; }

#plugin__manager .pm_info h3 { margin-left: 0; }
#plugin__manager .pm_info dl { margin: 1em 0; padding: 0;}
#plugin__manager .pm_info dt { width: 6em; float: left; clear: left; margin:0; padding: 0;}
#plugin__manager .pm_info dd { margin:0 0 0 7em; padding: 0; background: none;}

#plugin__manager .plugins .enable { float: left; width: auto; margin-right: 0.5em;}

/* end admin plugin styles */
/* User Manager specific styles */
#user__manager tr.disabled {
  color: #6f6f6f;
  background: #e4e4e4;
}
#user__manager tr.user_info {
  vertical-align: top;
}
#user__manager div.edit_user {
  width: 46%;
  float: left;
}
#user__manager table {
  margin-bottom: 1em;
}
#user__manager input.button[disabled] {
  color: #ccc!important;
  border-color: #ccc!important;
}
/* IE won't understand but doesn't require it */
div.dokuwiki div.include div.secedit {
  height: 16px;
}

div.dokuwiki div.inclmeta {
  border-top: 1px dotted #8cacbb;
  padding-top: 0.2em;
  color: #666;
  font-size: 80%;
  line-height: 1.25;
  margin-top: 0.5em;
  margin-bottom: 2em;
}

div.dokuwiki div.inclmeta a.permalink {
  background: transparent url(/lib/plugins/include/images/link.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

div.dokuwiki div.inclmeta abbr.published {
  background: transparent url(/lib/plugins/include/images/date.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
  border-bottom: 0;
}

div.dokuwiki div.inclmeta span.author {
  background: transparent url(/lib/plugins/include/images/user.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

div.dokuwiki div.inclmeta span.comment {
  background: transparent url(/lib/plugins/include/images/comment.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

div.dokuwiki div.inclmeta div.tags {
  border-top: 0;
  font-size: 100%;
  float: right;
  clear: none;
}div.newentry_form {
  text-align: center;
  margin-bottom: 1em;
}

#blog__newentry_form input.edit {
  width: 95%;
}
div.dokuwiki a.feed {
  background: transparent url(/lib/plugins/feed/images/rss_icon.png) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}


div.column {
	float: left;
	text-align: left;
	display: inline;
	width: 70%;
}

div.column.secondary {
	width: 30%;
}

div.col-internal {
	padding-left: 8px;
	padding-right: 8px;
}
.noteredirect {
  margin: 1em;
  margin-left: auto;
  margin-right: auto;
  width: 70% !important;
  min-height: 18px;
  clear: both;
  text-align: justify;
  vertical-align: middle;
  border-collapse: collapse;
  padding: 7px 10px 5px 32px;
  background-position: 10px 50%;
  background-repeat: no-repeat;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  
  /*border: 1px solid #B5E0FF;*/
  background-color: #B5E0FF;
  background-image: url(/lib/plugins/pageredirect/images/important_small.png);
}/* CSS Document */

/* 	This document (global.css) serves two main functions:

	First, it builds the basic structure of every page. It does so by dividing the page into five main sections: Header (everything above the orange, horizontal navigation bar); Department (the orange, horizontal navigation bar); Left Menu (the vertical navigation area); Main Content (everything to the right of the Left Menu); and Footer (everything below the Main Content -- the orange, horizontal line and down).
	
	Second, it styles the Header, Department, and Footer sections.
	
	Note: Because this document controls the structure and appearance of the template, YOU SHOULD NOT NEED TO EDIT IT. In order to style and format your pages, edit your secondary style sheet. If you have any questions, please contact: webteam@utk.edu */
	
	
	


* {
	/* Turns off default padding and margins on ALL elements, including paragraphs (p) and headers (H1, H2, H3, etc.) */
	margin: 0;
	padding: 0;
	}
	
a, a:hover { 
	/* Turns off the automatically-generated line beneath every link.  To turn it back on, you will need to use the style "text-decoration: underline" or you can create a custom line using the "border-bottom" style */
	text-decoration: none;
	}

body {
	/* Styles the template's background colors and default fonts. */
	/* NOTE: "font-size" is set to 62.5% in order to change the default font from 16 pixels to 10 pixels (10 is 62.5% of 16).  In all of the secondary style sheets, you'll notice that font-size is determined by ems. So, for example, the main content is often displayed at 1.1em, which translates to 11 pixels (the default size, 10, multiplied by 1.1).  We use ems for a variety of reasons, the most important of which is that it allows font sizes to be customized by the user in Internet Explorer, thereby improving overall web accessibility */
	text-align: center;
	background: #666666 url(/lib/tpl/ece/images/main-back.gif) repeat-x top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
	}
	
.skip {
	/* There is a "skip to main content" link in the template header that does not display in standard browsers. It is included for the benefit of seeing-impaired users who browse with text-reading devices */
	display: none;
	}

	
	
	
	
/* HEADER */

#header-inner {
	/* Establishes the width of the header and styles it */
	width: 960px;
	margin: 0 auto;
	text-align: center;
	background: url(/lib/tpl/ece/images/header-inner-back.gif) no-repeat center top;
	}
#header-inner h2 {
	/* The template includes several headings (H2s) that do not display in standard browsers.  They improve site accessibility by titling lists of links -- for example, the list of Frequently Used Tools in the header. NOTE: This expalins why there is not a standard H2 style.  Rather, H2 is styled for different purposes in different divs */
	display: none;
	}
#header-left {
	/* The UT wordmark is the only thing that lives in header-left. */
	width: 240px;
	float: left;
	display: inline;
	}
.logo {
	/* In order to improve web accessibility, the header includes a simple text link to utk.edu (in addition to the clickable UTK wordmark).  This style prevents it from displaying in standard web browsers */
	display: none;
	}
#header-right {
	/* Everything to the right of the UT wordmark lives in header-right, beginning with the large, wide header image (header-title.jpg). */
	width: 720px;
	float: right;
	display: inline;
	}	
#header-menu {
	/* header-menu is the home of the Frequently Used Tools (Webmail, Tmail, Online@UT, and the A-Z index), which are organized as an unordered list in order to improve accessibility. */
	float: left;
	display: inline;
	width: 440px;
	padding-left: 20px;
	text-align: left;
	color: #888888;
	font-size: 1.1em;
	line-height: 25px;
	}
#header-menu ul li {
	/* Turns off the bullets that are typically found in an unordered list and displays the list horizontally rather than vertically (the default) */
	list-style: none;
	display: inline;
	}
#header-menu a {
	/* Styles the links in the Frequently Used Tools menu */
	color: #eeeeee;
	border-bottom: 1px solid #888888;
	padding-bottom: 1px;
	}
#header-menu a:hover {
	color: #ffffff;
	border-bottom: 1px solid #f77f00;
	padding-bottom: 1px;
	}
#header-search {
	/* header-search is the home of the UT search engine */
	float: right;
	display: inline;
	padding: 0px 10px 0px 0px;
	width: 230px;
	text-align: right;
	}
.searchbox {
	/* Styles the text field of the search engine */
	width: 111px;
	font-size: .9em;
	margin-top: 4px;
	padding: 1px 2px 0px 2px;
	}
.searchtext {
	/* Styles the drop-down menu of the search engine */
	width: 75px;
	font-size: .9em;
	}
.hide-search {
	/* Another hidden label included to improve web accessibility */
	display: none;
	}
	
	
	
	
	
/* DEPARTMENT -- This is the horizontal orange bar where college, department, and unit links live. */

#department-outer {
	/* Extends the orange bar across the full width of the browser */
	background:  #f77f00 center;
	}
#department-inner {
	/* Establishes the width of the Department area and styles it */
	width: 960px;
	margin: 0 auto;
	text-align: center;
	background-color: #f77f00;
	}
#department-left {
	/* department-left is the dark orange link directly beneath the UT wordmark.  PLEASE NOTE that the background color is controlled by the link styles (department-left a, a:hover), so if you do not make the word in that department-left a hyperlink, the colors will not display properly.  When creating your navigation, make this the link to YOUR homepage. */
	width: 240px;
	float: left;
	display: inline;
	text-align: left;
	}
#department-left h2 {
	/* Styles the name of the department, college, or unit */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 2.27em;
	font-weight: lighter;
	}
#department-left a {
	/* Styles the name of the department, college, or unit */
	display: block;
	width: 208px;
	padding: 0px 15px;
	background: #c65900;
	border-right: 1px solid #b25000;
	border-left: 1px solid #b25000;
	color: #FFFFFF;
	}
#department-left a:hover {	
	/* Styles the name of the department, college, or unit */
	display: block;
	width: 208px;
	padding: 0px 15px;
	background: #777777;
	border-right: 1px solid #6b6b6b;
	border-left: 1px solid #6b6b6b;
	color: #FFFFFF;
	}
#department-right {
	/* department-right is where you can create "breadcrumb navigation."  For example, if the page lists the Ceramics faculty, department-right might include: School of Art > Ceramics > Faculty. This gives users a better sense of how deeply they have dug themselves into a site.  You might also use department-right to feature important or frequently-used links */
	float: right;
	display: inline;
	background: #f77f00;
	padding-right: 10px;
	width: 690px;
	color: #ffffff;
	text-align: left;
	line-height: 2.27em;
	font-size: 1.1em;
	}
#department-right a {
	/* Styles the links */
	color: #ffffff;
	border-bottom: 1px solid #faac59;
	padding-bottom: 1px;
	}
#department-right a:hover {
	color: #ffffff;
	border-bottom: 1px solid #c65900;
	padding-bottom: 1px;
	}
	
	



/* CONTENT */

#content-outer {
	/* Establishes the width of the Content area and styles it */
	background:  #ffffff center;
	}
#content-inner {
	background-color: #ffffff;
	width: 960px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	}
	
	/* LEFT MENU */
	
#left-menu {
	/* Creates the Left Menu column */
	float: left;
	display: inline;
	}

	
	/* MAIN CONTENT AREA */
	
#main-content {
	/* main-content is everything to the right of the left menu. In all of the standard template designs, it is 720 pixels wide. */
	/* main-content can be used as a single, large content area or it can be sub-divided in two ways:
		 Two columns: main-twocol, main-right
		 Three columns: main-left, main-middle, main-right */
	float: right;
	display: inline;
	text-align: left;
	}
	
		/* COLUMN THAT MERGES MAIN LEFT AND MIDDLE COLUMNS */
		
#main-twocol {
	float: left;
	display: inline;
	}
	
		/* LEFT COLUMN */
	
#main-left {
	float: left;
	display: inline;
	}
	
		/* MIDDLE COLUMN */
	
#main-middle {
	float: left;
	display: inline;
	}
	
		/* RIGHT COLUMN */
		
#main-right {
	float: right;
	display: inline;
	}

	



/* FOOTER */

#footer-orange-outer {
	/* Extends the orange line across the full width of the browser */
	background-color:  #f77f00;
	width: 100%;
	}
#footer-orange-inner {
	/* Establishes the width of the orange line and styles it */
	width: 960px;
	background-color:  #f77f00;
	margin: 0 auto;
	text-align: center;
	height: 3px;
	}
#footer-grey-outer {
	/* Extends the grey background across the full width of the browser */
	background-color: #666666;
	width: 100%;
	}
#footer-grey-inner {
	/* Establishes the width of the grey footer and styles it */
	width: 930px;
	margin: 0 auto;
	color: #dddddd;
	line-height: 18px;
	font-size: 1.1em;
	text-align: left;
	padding: 15px 15px 45px 15px;
	}
#footer-grey-inner h2 {
	/* The template includes several headings (H2s) that do not display in standard browsers.  They improve site accessibility by titling lists of links -- for example, the list of Frequently Used Tools in the header. NOTE: This expalins why there is not a standard H2 style.  Rather, H2 is styled for different purposes in different divs */
	display: none;
	}
#footer-grey-inner ul li {
	/* Turns off the bullets that are typically found in an unordered list and displays the list horizontally rather than vertically (the default) */
	list-style: none;
	display: inline;
	margin-right: 10px;
	}
#footer-grey-inner a {
	/* Styles the links in the footer */
	color: #dddddd;
	border-bottom: 1px solid #999999;
	padding-bottom: 2px;
	}
#footer-grey-inner a:hover {
	color: #ffffff;
	border-bottom: 1px solid #f77f00;
	padding-bottom: 2px;
	}
/* CSS Document */

/* 	This document (simple.css) is one of the standard design templates created by UT's Office of Creative Services. It is a secondary style sheet and is intended to work in combination with global.css.

	NOTE: In order to customize this style sheet, you will need to save a copy onto your own web space.  If you have any questions, please contact: webteam@utk.edu */





/* HEADER */
#header-right {
	background: url(/lib/tpl/ece/images/header-inner-back.jpg);
}
#header-menu a {
	border-bottom: 0px;
}
#department-left a {
	width: 210px;
	border-left: 0px;
	border-right: 0px;
}
#department-left a:hover {
	width: 210px;
	border-left: 0px;
	border-right: 0px;
}
#department-right a {
	border-bottom: 0px;
}
#department-right a:hover {
	border-bottom: 0px;
}

h1 {
	/* Styles the main heading.  NOTE: Each page should have only one H1 */
	color: #bf4d02;
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	padding-bottom: 10px;
	}
.border-photo {
	/* Adds a shaded margin and border */
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	}
.right-float-photo {
	/* Adds the shaded margin and border, and also floats the image to the right with a bit of padding so that text does not butt up directly beside it */
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	float: right;
	margin: 0px 0px 15px 15px;
	}
.left-float-photo {
	/* Adds the shaded margin and border, and also floats the image to the left with a bit of padding so that text does not butt up directly beside it */
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	float: left;
	margin: 0px 15px 15px 0px;
	}
	
	
/* MAIN CONTENT AREA */

#content-outer {
	/* Establishes the width of the Content area and styles it. simple-outer-back is a background image that creates the left drop-shadow on the main menu */
	background: url(/lib/tpl/ece/images/simple-outer-back.gif) no-repeat center top #ffffff;
	}

#content-inner {
	background: url(/lib/tpl/ece/images/menu-back.gif) repeat-y;
}

#main-content {
	/* Establishes the width of the main content area and defines a default font.  The div is 700 pixels wide because there is 20 pixels of margin on the left (20 + 700 = 720).  simple-main-back is a background image that creates the right drop-shadow on the main menu. */
	font-family: Arial, Helvetica, sans-serif;
	padding: 16px 0px 3em 20px;
	width: 700px;
	background: url(/lib/tpl/ece/images/simple-main-back.gif) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	}
#main-content p {
	/* Styles everything within p tags <p> . . . </p> */
	font-size: 1.2em;
	line-height: 1.667em;
	margin: 0px;
	padding-bottom: 1.2em;
	}
#main-content h2 {
	/* Styles all Heading 2s in the main content area. Use H2 for the main subheads in your content */
	font-size: 2.0em;
	/*line-height: 1.333em;*/
	/* margin: 1.666em 0em -0.333em 0em;*/
	color: #1c3f6b;
	font-weight: lighter;
	padding-bottom: .6em;
	}
#main-content h3 {
	/* Styles all Heading 3s in the main content area. Use H3 for the sub-subheads in your content. For example, use H3 to title a small ordered list that is found under a main subhead (H2) */
	font-size: 1.8em;
	/*line-height: 1.667em;*/
	/*margin: 2.334em 0em 1em 0em;*/
	color: #1c3f6b;
	/*font-weight: lighter;*/
	}
#main-content h4 {
	font-size: 1.7em;
	color: #1c3f6b;
	font-weight: lighter;
}
#main-content h5 {
	font-size: 1.6em;
	color: #1c3f6b;
	font-weight: lighter;
}
#main-content a {
	/* Styles all links in the main content area.  NOTE: The line beneath the link is being controlled by the "bottom-border style" */
	color: #333333;
	border-bottom: 1px solid #aaaaaa;
	padding-bottom: 1px;
	}
#main-content a:hover {
	color: #bf4d02;
	border-bottom: 1px solid #bf4d02;
	padding-bottom: 1px;
	}
#main-content ul {
	/* Styles all unordered lists in the main content area */
	padding-left: 8px;
	margin-left: 8px;
	}
#main-content ul li {
	list-style-type: square;
	font-size: 1.2em;
	line-height: 1.667em;
	}
#main-content ul li ul li {
	font-size: .9em;
}
#main-content ol {
	/* Styles all ordered lists in the main content area */
	padding-left: 15px;
	margin-left: 15px;
	}
#main-content ol li {
	font-size: 1.2em;
	line-height: 1.667em;
	}



#left-menu {
	text-align: left;
	width: 240px;
	padding-top: 10px;
	padding-bottom: 25px;
	color: #bf4d02;
	font-size: 145%;
}
#left-menu a {
	color: #bf4d02;
	width: 240px;
	display: block;
	line-height: 2em;
}
#left-menu a:hover {
	color: #bf4d02;
	background-color: #cbd8e8;
}
#left-menu h2 {
	display: none;
}
#left-menu ul {
	width: 240px;
	display: block;
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
#left-menu li {
/*	padding-top: 10px;*/
}
#left-menu ul li a {
	width: 225px;
	padding-left: 15px;
}
#left-menu ul li ul li a {
	width: 210px;
	padding-left: 30px;
}
#left-menu ul li ul li ul li a {
	width: 195px;
	padding-left: 45px;
}
#left-menu ul li ul li ul li ul li a {
	width: 180px;
	padding-left: 60px;
}
	
	/* COLUMN THAT MERGES MAIN LEFT AND MIDDLE COLUMNS */
	
#main-twocol {
	/* Establishes the width of main-twocol */
	width: 480px;
	}
	

	/* MAIN LEFT COLUMN */
	
#main-left {
	/* Establishes the width of main-left */
	text-align: left;
	width: 230px;
	}
	
	
	/* MAIN MIDDLE COLUMN */
	
#main-middle {
	/* Establishes the width of main-middle */
	text-align: left;
	width: 230px;
	padding-left: 20px;
	}
	
	
	/* MAIN RIGHT COLUMN */
	
#main-right {
	/* Establishes the width of main-right */
	text-align: left;
	width: 200px;
	}

#footer-grey-inner {
	padding: 10px; 15px; 10px; 15px;
}
#footer-grey-inner a {
	border-bottom: 0px;
}


#main-content h1 a {
	border: 0px;
	color: #000000;
}
#main-content h2 a {
	border: 0px;
	color: #000000;
}
#main-content h3 a {
	border: 0px;
	color: #000000;
}
#main-content h4 a {
	border: 0px;
	color: #000000;
}
#main-content h5 a {
	border: 0px;
	color: #000000;
}

#main-content h1 a:hover {
	border: 0px;
	color: #000000;
}
#main-content h2 a:hover {
	border: 0px;
	color: #000000;
}
#main-content h3 a:hover {
	border: 0px;
	color: #000000;
}
#main-content h4 a:hover {
	border: 0px;
	color: #000000;
}
#main-content h5 a:hover {
	border: 0px;
	color: #000000;
}
img {
	border: 0px;
}
#main-content a.media {
	text-decoration: none;
	border-bottom: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
input.button {
	border:1px solid #8cacbb;
	color:#000;
	background-color:#fff;
	vertical-align:middle;
	text-decoration:none;
	font-size:100%;
	cursor:pointer;
	margin:1px;
	padding:0.125em 0.4em;
}

.medialeft{
	float: left;
	margin-right: 15px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
}

.mediaright{
	float: right;
	margin-left: 15px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
}
.middle{
	display: block;
	text-align: center;
	margin: 0px auto;
}
table.inline {
	font-size: 1.2em;
	border-width: 1px;
	border-color: black;
	border-spacing: 0px;
	border-style: solid;
	border-collapse: collapse;
}
table.inline th {
	border: 1px solid black;
	padding: 2px 6px;
	background-color: #eeeeee;
}
table.inline td {
	border: 1px solid gray;
	padding: 2px 6px;
}
div.toc{
	float: right;
	width: 225px;
	border: 1px solid black;
	margin-left: 15px;
        background-color: white;
}

div.tocheader {
	color: white;
	background-color: #f77f00;
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
}

div.tocheader img {
       width: 0.8em;
       height: 0.8em;
       float: right;
       margin: 0.3em 3px 0 0;
       cursor: pointer;								
}
#toc__inside ul {
	padding-left: 8px;
	margin-left: 8px;
}
#toc__inside ul li {
	font-size: 1.2em;
}
#toc__inside ul li ul li {
	font-size: .9em;
}

#doku_media {
	background: #ffffff;
	text-align: left;
}
#doku_media ul li ul {
	margin-left: 8px;
}
.inclmeta{
	margin-bottom: 2.5em;
}
#user-info{
	margin-top: -16px;
}
pre.code {
	font-size: 1.6em;
	margin-left: 18px;
}
pre.file {
	font-size: 1.6em;
	margin-left: 18px;
}
.user{
	color: #777777;
	font-size: .8em;
}
/**
 * The CSS in here cotrols the appearance of the media manager
 */

#media__manager {
    height: 100%;
    overflow: hidden;
}

#media__left {
    width: 30%;
    border-right: solid 1px #8cacbb;

    height: 100%;
    overflow: auto;
    position: absolute;
    left: 0;
}

#media__right {
    width: 69.7%;

    height: 100%;
    overflow: auto;
    position: absolute;
    right: 0;
}

#media__manager h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 0.5em;
}

/* --- Tree formatting --- */

#media__tree img {
    float:left;
    padding: 0.5em 0.3em 0 0;
}

#media__tree ul {
    list-style-type: none;
    list-style-image: none;
}

#media__tree li {
    clear: left;
    list-style-type: none;
    list-style-image: none;
}
* html #media__tree li {
    border: 1px solid #fff;
}/* I don't understand this, but this fixes a style bug in IE;
it's dirty, so any "real" fixes are welcome */

/* --- options --- */

#media__opts {
    padding-left: 1em;
    margin-bottom: 0.5em;
}

#media__opts input {
    float: left;
    position: absolute;
}
* html #media__opts input {
    position: static;
}

#media__opts label {
    display: block;
    float: left;
    margin-left: 30px;
}
* html #media__opts label {
    margin-left: 10px;
}

#media__opts br {
    clear: left;
}

/* --- file list --- */

#media__content img.load {
    margin: 1em auto;
}

#media__content #scroll__here {
    border: 1px dashed #8cacbb;
}

#media__content .odd {
    background-color: #f7f9fa;
    padding: 0.4em;
}

#media__content .even {
    padding: 0.4em;
}

#media__content a.mediafile {
    margin-right: 1.5em;
    font-weight: bold;
}

#media__content div.detail {
    padding: 0.3em 0 0.3em 2em;
}

#media__content div.detail div.thumb {
    float: left;
    width: 130px;
    text-align: center;
    margin-right: 0.4em;
}


#media__content img.btn {
    vertical-align: text-bottom;
}

#media__content div.example {
    color: #666;
    margin-left: 1em;
}

/* --- upload form --- */

#media__content div.upload {
    font-size: 90%;
    padding: 0 0.5em 0.5em 0.5em;
}

#media__content form.upload {
    display: block;
    border-bottom: solid 1px #8cacbb;
    padding: 0 0.5em 1em 0.5em;
}
#media__content form.upload fieldset {
    padding: 0;
    margin: 0;
    border: none;
    width: auto;
}
#media__content form.upload p {
    clear: left;
    text-align: left;
    padding: 0.25em 0;
    margin: 0;
    line-height: 1.0em;
}
#media__content form.upload label {
    float: left;
    width: 30%;
}
#media__content form.upload label.check {
    float: none;
    width: auto;
}
#media__content form.upload input.check {
    margin-left: 30%;
}

/* --- meta edit form --- */

#media__content form.meta {
    display: block;
    padding: 0 0 1em 0;
}

#media__content form.meta label {
    display: block;
    width: 25%;
    float: left;
    font-weight: bold;
    margin-left: 1em;
    clear: left;
}

#media__content form.meta .edit {
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    float: left;
    width: 70%;
    padding-right: 0;
    padding-left: 0.2em;
    margin: 2px;
}

#media__content form.meta textarea.edit {
    height: 8em;
}

#media__content form.meta div.metafield {
    clear: left;
}

#media__content form.meta div.buttons {
    clear: left;
    margin-left: 20%;
    padding-left: 1em;
}