div#construction {
/* display:none; */
position:absolute;
top:12px;
left:30px;
z-index:1000;
background:#ffffff;
border:5px solid #CC0000;
color:#A00000;
font-family:Arial, Helvetiva, sans-serif;
font-weight:bold;
padding:4px;
}


html {
height:100%
}
body {
height:100%;
background-color:#FFFFFF;
margin:0px;
padding:0px;
border:0px;
overflow:hidden
}
p {
margin:0px;
padding:0px
}
a, img {
border:none
}
div {
margin:0px;
padding:0px;
overflow:hidden
}
div#emcl {
background-color:#4e9a97;
position:absolute;
bottom:0px;
top:0px;
left:0px;
width:100%
}
* html div#emcl {
top:0px;
height:100%;
width:100%;
border-top:0px solid #FFFFFF;
z-index:3
}
div#top {
position:absolute;
top:8px;
left:8px;
right:8px;
background-color:#FFFFFF;
height:68px
}
* html div#emcl div#top {
width:100%;
left:0px;
border-right:8px solid #4e9a97;
border-left:8px solid #4e9a97;
z-index:2
}
div#emcl div.ol {
position:absolute;
top:0px;
left:0px;
width:12px;
height:12px;
background-image:url(../img/em_ecke_ol.gif)
}
div#emcl div.or {
position:absolute;
top:0px;
right:0px;
left:expression(this.parentNode.clientWidth-12 + 'px');
width:12px;
height:12px;
background-image:url(../img/em_ecke_or.gif)
}
div#emcl div.ul {
position:absolute;
bottom:0px;
top:expression(this.parentNode.clientHeight-12 + 'px');
left:0px;
width:12px;
height:12px;
background-image:url(../img/em_ecke_ul.gif)
}
div#emcl div.ur {
position:absolute;
bottom:0px;
top:expression(this.parentNode.clientHeight-12 + 'px');
right:0px;
left:expression(this.parentNode.clientWidth-12 + 'px');
width:12px;
height:12px;
background-image:url(../img/em_ecke_ur.gif)
}


img#toplogo_right {
position:absolute;
top:10px;
right:24px;
}

img.toplogo {
margin-right:8px;
}

table#toplogos {
position:absolute;
top:10px;
left:8px;
width:100%;
overflow:hidden;
}


div#contop {
position:absolute;
top:84px;
left:8px;
right:8px;
background-color:#FFFFFF;
height:46px
}
* html div#emcl div#contop {
width:100%;
left:0px;
right:0px;
border-right:8px solid #4e9a97;
border-left:8px solid #4e9a97;
z-index:2
}
div#topitem {
position:absolute;
top:0px;
left:0px;
height:46px;
padding-right:24px;
background:#4e9a97 url(../img/em_ecke_reiter.gif) no-repeat top right
}
div#topitem p {
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size: 14pt;
font-weight:bold;
color:#FFFFFF;
/* padding:5px 0px 0px 21px; */
padding:5px 0px 0px 8px;
white-space:nowrap
}
div#topitem span {
color:#000000
}
div#topitem div.ol {
top:34px;
width:100%;
background-color:#FFFFFF;
background-repeat:no-repeat
}

/* bottom bar */

div#conbot {
position:absolute;
bottom:54px;
left:8px;
right:8px;
background-color:#FFFFFF;
height:12px
}
* html div#emcl div#conbot {
width:100%;
left:0px;
border-right:8px solid #4e9a97;
border-left:8px solid #4e9a97;
z-index:3
}
div#bot {
position:absolute;
bottom:8px;
left:8px;
right:8px;
background-color:#FFFFFF;
height:38px
}
* html div#emcl div#bot {
width:100%;
left:0px;
border-right:8px solid #4e9a97;
border-left:8px solid #4e9a97;
z-index:2
}

/* main menu (new, for typo3) */

div#conmenu {
position:absolute;
/* top:95px; */
top:130px;
bottom:24px;
right:8px;
/* width:25% */
left:8px;
/* right:8px; */
background-color:#FFFFFF;
/* overflow:hidden; */
}

img#emlogo-main {
    margin-left:14px;
    margin-top:6px;
    margin-bottom:16px;
    width:120px;
}

div#menu-backmatter {
position:absolute;
/* top:130px; */
bottom:20px;
right:8px;
left:8px;
background-color:#FFFFFF;
}

div#disclaimer-2010 {
position:absolute;
/* top:88px; */
top:120px;
right:30px;
background-color:#FFFFFF;
color:#AA0000;
font-weight:bold;
font-size:small;
z-index:2000;
font-family:Arial, Helvetiva, sans-serif;
}


div#searchform-main {
position:absolute;
top:92px;
right:16px;
background-color:#FFFFFF;
font-size:0.9em;
z-index:2000;
font-family:"Gill Sans", "Trebuchet MS", sans-serif;
}





div#menu_1 {
width:300px;
z-index:2
}


div.menu-separator {
margin:0px 0px 1ex 0px;
}

ul.menu1-level1 {
list-style-type:none;
margin: 0px 0px 0px 12px;
padding:0px;
}

ul.menu1-level2 {
list-style-type:none;
margin: 0px 0px 0px 0px;
padding:0px;
}

li.menu1-level1-no, li.menu1-level1-act {
margin-bottom:4px;
}

div.menu1-level1-no a {
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:0.9em;
font-weight:bold;
color:#4e9a97;
margin:0px;
padding:0px;
text-decoration:none;
/* display:block  */
}

div.menu1-level1-act a, div.menu1-level1-no a:hover {
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:0.9em;
font-weight:bold;
color:#000000;
margin:0px;
padding:0px;
text-decoration:none;
/* display:block  */
}

div.menu1-level2-no a {
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:0.8em;
font-weight:bold;
color:#4e9a97;
margin:0px;
margin-left:16px;
padding:2px 0px 2px 21px;
text-decoration:none;
display:block 
}
div.menu1-level2-act a, div.menu1-level2-no a:hover {
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:0.8em;
font-weight:bold;
color:#000000;
margin:0px;
margin-left:16px;
padding:2px 0px 2px 21px;
text-decoration:none;
display:block 
}


/******************************************************************************
/**** The Content Area ****/
/******************************************************************************/

div#contentarea {
/* width:75%; */
position:absolute;
top:130px;
bottom:24px;
/* left:12em; */
left:12.5em;
/* left:140px; */
right:8px;
/* left:20%; */
background-color:#FFFFFF;
overflow:auto; /* ? or hide here */
}

div#content {
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
background-color:#FFFFFF;
color:#000000;
overflow:auto;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size: 1em;
line-height: 120%;
}

/******************************************************************************/
/**** Content Formatting ****/
/******************************************************************************/

/* Use the content class (instead of id) here, to facilitate overriding
   class styles for contained elements */

div.content h1 {
margin:1.5ex 30px 0.5ex 0px;
padding:0px;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size: 1.4em;
font-weight:bold;
color:#000000
}

div.content h2 {
margin:1.5ex 30px 0.5ex 0px;
padding:0px;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size: 1.2em;
font-weight:bold;
color:#000000
}

div.content h3 {
margin:1ex 30px 0.5ex 0px;
padding:0px;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-weight:bold;
font-size:1em;
font-weight:bold;
color:#000000
}

div.content h4 {
margin:1ex 30px 0.5ex 0px;
padding:0px;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size:1em;
font-weight:bold;
font-style:italic;
color:#000000
}

div.content p, div.content pre {
margin:0.5ex 30px 0.5ex 0px;
padding:0px;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-size: 1em;
line-height: 120%;
color:#000000;
}

div.content p.align-center {
text-align:center;
}


div.content ul, div.content ol, div.content dl {
/* margin:0px 20px 0px 50px; */
margin:0px 30px 0px 0px;
padding:1ex 0px 1ex 2em;
color:#000000;
list-style-type:circle
}

/*
div.content li, div.content dd, div.content dt {
margin:2px 0px;
padding:0px 0px 2px 0px

div.content ul ul, div.content ol ol,
div.content ul ol, div.content ol ul,
div.content dl ul, div.content dl ol {
margin:0px 0px 0px 50px
}
div.content ul dl, div.content ol dl {
margin:0px 0px 0px 20px
}

*/

div.content dd {
margin:0px 30px 0px 50px
}

div.content dt {
font-weight:bold;
}

/* <hr />-substitute because only Geckos style it correctly */

/*
div.content div.hr { 
margin:0px 30px 6px 0px;
padding:0px;
height:2px;
background:#4e9a97 url(../img/em_hr_o.gif) repeat-x;
border:none 0px
}
*/

div.content hr {
    margin:10px 30px 6px 0px;
    clear:right;
    height:2px;
    background-color:#4e9a97;
    color:#4e9a97;
    border:1px solid #4e9a97;
}

/* math from texvc */

div.content span.math {
font-family:'Times New Roman', Times, serif;
vertical-align:baseline;
margin:0px;
padding:0px
}
div.content span.math img {
margin-bottom:-2px;
}

/* tables */

div.content div.center {
width:100%;
text-align:center
}

/*
div.content table {
border-collapse:collapse;
empty-cells:show;
margin:4px 20px 6px 0px;
padding:8px 8px 8px 10px;
font-family:Arial, Helvetiva, sans-serif;
font-size:small;
color:#000000;
text-align:left
}
*/

div.content div.center table {
text-align:left;
margin:4px auto 6px auto;
}

div.content caption {
margin:0px 0px;
padding:4px 0px 6px 0px;
text-align:left;
font-weight:bold
}

div.content div.center caption {
text-align:center;
margin:0px auto
}


/*background-color:rgb(181, 196, 213);*/

/*
div.content td, div.content th {
margin:0px;
padding:4px 4px 4px 6px;
vertical-align:top;
border:solid 2px #000000
}

div.content th, div.content tfoot  {
background-color:#4e9a97;
color:#FFFFFF;
font-weight:bold
}
div.content tr.noborder td, div.content tr.noborder th {
border:1px none
}
div.content td.center, div.content td.center {
text-align:center
}
*/


div.content a[href] { text-decoration:underline }
div.content a[href]:link { color:#0000C0 }
div.content a[href]:visited { color:#0000C0 }
div.content a[href]:active { color:#0000C0 }
div.content a[href]:hover { color:#4e9a97 }
div.content a.none { text-decoration:none }


/* form elements */
div.content input, div.content textarea, div.content select {
margin:0px;
/*padding:2px 4px 4px 4px;*/
/*border:solid 1px #4e9a97;*/
/*font-family:Arial, Helvetiva, sans-serif;*/
color:#000000
}
div.content select {
/*padding:0px*/
}
div.content button, div.content input[type="submit"], div.content input[type="reset"] {
margin:0px;
padding:0px;
width:100px;
/*height:24px;*/
text-align:center;
/*border:solid 1px #4e9a97;*/
/*background:url(../img/em_button_3d.gif) top left no-repeat;*/
font-weight:bold;
color:#000000
}
html * div.content input {
/*border:expression((this.type=='radio')?'none 0px':'solid 1px #4e9a97');*/
font-weight:expression((this.type=='submit' || this.type=='reset')?'bold':'normal');
}


/* Asia Link disclaimer */

div#disclaimer {
margin-top:20px;
background-color:#FFFFFF;
max-width:600px;
padding-bottom:20px
}

/* images */

div.content img.left, div.content span.imgleft {
font-size:small;
color:#5A6573;
margin-right:20px;
text-align:right;
font-style:normal;
margin-top:4px;
margin-bottom:4px;
float:left
}
div.content img.right, div.content span.imgright {
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
font-weight:normal;
font-size:small;
color:#5A6573;
margin-left:20px;
text-align:right;
font-style:normal;
margin-top:4px;
margin-bottom:4px;
float:right
}


/******************************************************************************/
/**** The Modules Page ****/
/******************************************************************************/

div.outer-ol {
position:absolute;
top:0px;
left:0px;
width:12px;
height:12px;
background-image:url(../img/em_outer_ol.gif);
z-index:1000;
}

div.outer-or {
position:absolute;
top:0px;
right:0px;
width:12px;
height:12px;
background-image:url(../img/em_outer_or.gif);
z-index:1000;
}

div.outer-ul {
position:absolute;
bottom:0px;
left:0px;
width:12px;
height:12px;
background-image:url(../img/em_outer_ul.gif);
z-index:1000;
}

div.outer-ur {
position:absolute;
bottom:0px;
right:0px;
width:12px;
height:12px;
background-image:url(../img/em_outer_ur.gif);
z-index:1000;
}


dt.mod {
font-weight:bold;
margin-top:1.5ex;
margin-bottom:0.5ex;
}

dd.mod {
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
}

div.modspec {
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
margin-bottom:4ex;
}

div.modhead {
position:relative;
background-color:#4e9a97;
color:#FFFFFF;
padding-left:16px;
padding-right:16px;
padding-top:1ex;
padding-bottom:1ex;
margin:0px 30px 6px 0px;
}

div.modhead h3 {
font-weight:bold;
font-size:large;
background-color:#4e9a97;
color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:0px;
}
 
div.modhead p {
font-weight:bold;
font-size:medium;
background-color:#4e9a97;
color:#FFFFFF;
margin:0ex 0px 0px 0px;
padding:0px;
}


div.modtoc {
margin-bottom:4ex;
}


table.modtoc {
/* margin: 0 auto; */
margin-left:0px;
margin-right:26px;
margin-top:-2ex;
text-align:left;
empty-cells:show;
font-size:medium;
}

th.modtoc-typehead {
font-size:medium;
font-weight:bold;
padding-top:3ex;
padding-bottom:0.2ex;
}

th.modtoc-head {
font-size:small;
font-weight:normal;
padding-right:1em;
padding-bottom:0.2ex;
}

th.modtoc-entry {
font-size:medium;
font-style:italic;
}

td.modtoc-entry-even, div.content td.modtoc-entry-odd {
padding-right:1em;
}

td.modtoc-entry-odd {
background-color:#e0e0e0;
}

td.modtoc-entry a[href] {
display:block;
}

div.content dl.modca {
padding-left:0ex;
}

div.content dt.modca {
margin-top:0.5ex;
font-weight:normal;
}

dd.modca {
margin-left:4em;
}

div.content caption.modca {
    padding:0px 0px 0.5em 0px;
    font-weight:bold;
    text-align:left;
}


td.modca {
    border:2px solid #4e9a97;
    padding:0.1em;
}

th.modca {
    background-color:#4e9a97;
    color:white;
    border:2px solid #4e9a97;
    padding:0.1em;
    font-size:0.9em;
    text-align:left;
}

table.modca {
    border:2px solid #4e9a97;
    border-collapse:collapse;
    margin-left:2px;
    margin-bottom:2em;
} 

div.content h3.modca {
    margin:1ex 30px 10px 0px;
}

div.content hr.modca {
    margin-top:2em;
}

/******************************************************************************/
/**** tt_news ****/
/******************************************************************************/

.news-list-container {
margin:0px 30px 0px 0px;
background-color:#FFFFFF;
border:none;
}

.news-list-container h2, .news-list-container h2 a[href] {
background-color:#FFFFFF;
font-size:medium;
}

div.news-list-container h2 {
padding:0px;
margin:0.5ex 0px 1ex 0px;
}

.news-latest-container h3 a[href], .news-list-container h3 a[href] {
font-weight:bold;
font-size:medium;
}

div.news-single-item {
margin:0px 30px 0px 0px;
}

div.news-single-item p,
div.news-list-container p {
margin:0.5ex 0px 0.5ex 0px;
background-color:#FFFFFF;
}

div.news-single-item h1 {
margin:1ex 0px 0px 0px;
font-size:large;
}

div.news-single-item h2 {
margin:1ex 0px 0.5ex 0px;
font-size:medium;
font-weight:bold
}

div.news-single-rightbox {
font-size:small;
}

span.news-list-date {
font-size:small;
margin:0px;
padding:0px;
}

div.news-single-timedata {
font-size:small;
}


div.news-latest-item, div.news-list-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	height: auto !important;
	padding:3px;
/*	border:1px solid #666;
	background-color:#F9FFE5; */
        margin-bottom:1ex;
}



/*
div.news-latest-gotoarchive, div.gotoarchive, div.news-single-backlink {
font-weight:bold;
margin-top:2ex;
padding-left:8px;
padding-top:4px;
padding-bottom:8px;
background:#4e9a97;
border:none;
color:#FFFFFF;
margin-right:24px;
}
*/

/*
div.news-latest-gotoarchive a[href],
div.news-latest-gotoarchive a[href]:link,
div.news-latest-gotoarchive a[href]:visited,
div.news-latest-gotoarchive a[href]:active,
div.news-latest-gotoarchive a[href]:hover,
div.gotoarchive a[href],
div.gotoarchive a[href]:link,
div.gotoarchive a[href]:visited,
div.gotoarchive a[href]:active,
div.gotoarchive a[href]:hover,
div.news-single-backlink a[href],
div.news-single-backlink a[href]:link,
div.news-single-backlink a[href]:visited,
div.news-single-backlink a[href]:active,
div.news-single-backlink a[href]:hover {
    font-weight:bold;
    font-size:medium;
}
*/




div.showResultsWrap, 
div.browseLinksWrap, 
div.gotoarchive, 
div.news-single-backlink,
div.xnews-prevnext {
font-size:small;
font-weight:bold;
margin:0.5ex 0px 0.5ex 0px;
padding:0px;
font-style:italic;
}


div.news-list-container HR.clearer, 
div.news-single-item HR.clearer, 
div.news-latest-container HR.clearer {
    margin:0.4ex 0px 0.4ex 0px;
    color:#4e9a97;
    clear:right;
    height:2px;
    background-color:#4e9a97;
    border:1px solid #4e9a97;
}


div.news-single-item HR.cl-left,
div.news-single-item HR.cl-right {
    margin:0.2ex 0px 1ex 0px;
    color:#4e9a97;
    clear:right;
    height:2px;
    background-color:#4e9a97;
    border:1px solid #4e9a97;
}

div.news-list-container HR.clearerdiv.news-list-container HR.clearer {
        margin:0px 0px 0px 0px;
}
	
div.news-single-item HR.cl-left {
	clear:left;
}

div.news-latest-container HR.clearer {
	clear:left;
}


span.news-list-morelink {
position:relative;
left:0.4em;
}

/*
.news-latest-morelink a, .news-list-morelink a  {
	float:right;
}
*/

/******************************************************************************/
/**** indexed_search ****/
/******************************************************************************/


div.tx-indexedsearch-rules h2 {
font-size:medium;
}

div.tx-indexedsearch-rules p {
font-size:small;
}

div.tx-indexedsearch-rules br {
margin-bottom:1ex;
}

div.tx-indexedsearch-rules h2 {
top:50px;
left:50px;
width:40%;
height:200px;
padding:0px;
margin:0px;
z-index:1000;
border:1px solid #666;
background-color:#F9FFE5;
}


div.content input[type="text"].tx-indexedsearch-searchbox-sword {
width:25em;
}

div.tx-indexedsearch-searchbox td {
border-color:#4e9a97;
padding-right:0.5em;
}

div.tx-indexedsearch-res td {
border-color:#4e9a97;
}


div.tx-indexedsearch table, div.tx-indexedsearch-searchbox table {
border-collapse:collapse;
empty-cells:show;
margin:4px 20px 6px 0px;
padding:8px 8px 8px 10px;
font-size:small;
color:#000000;
text-align:left;
}

/******************************************************************************/

img.mailimage {
vertical-align:middle;
}

/******************************************************************************/
/* Profs Pages */
/******************************************************************************/

span.profsi {
font-style:italic;
}

span.profsh {
font-weight:bold;
font-size:120%;
}

p.profspu {
padding-top:0.2ex;
}

p.profsp {
padding-top:1ex;
}

table.profstab {
    margin:10px 30px 6px 0px;
}

hr.profssep {
    margin:10px 30px 6px 0px;
    clear:right;
    height:2px;
    background-color:#4e9a97;
    color:#4e9a97;
    border:1px solid #4e9a97;
}

table.bookstab {
    margin:10px 30px 6px 0px;
}

span.booktitle {
    font-weight:bold;
}

/******************************************************************************/
/*** EMAIL FORM ***/
/******************************************************************************/

fieldset.csc-mailform{border:0}
fieldset.csc-mailform label{width:150px;float:left;text-align:right;margin-right:10px;display:block}
fieldset.csc-mailform input,fieldset.csc-mailform textarea{margin-bottom:10px;font-size:10px;font-family:Verdana, Helvetica, sans-serif;border:1px solid #ccc;padding:2px;width:250px}
fieldset.csc-mailform fieldset input{float:none;display:inline;width:50px;text-align:left;border:0}
fieldset.csc-mailform fieldset label{display:inline;float:none;text-align:left;width:300px;margin:10px 0}
fieldset.csc-mailform fieldset{border:0}
fieldset.csc-mailform fieldset legend{display:none}
fieldset.csc-mailform select{width:220px;margin:2px 0}
fieldset.csc-mailform option{padding:0 5px;background:#fff}
#mailformformtype_mail{padding:2px;margin-left:70px;background:#eee;border:1px solid #ccc;width:80px;text-align:center}

/******************************************************************************/
/**** Grey Field ****/
/******************************************************************************/

div.grey-field {
position:relative;
background-color:#DDDDDD;
padding-left:16px;
padding-right:16px;
padding-top:0px;
padding-bottom:16px;
margin:0px 30px 6px 0px;
}

div.grey-outer-ol {
position:absolute;
top:0px;
left:0px;
width:12px;
height:12px;
background-image:url(../img/grey_outer_ol.gif);
z-index:1000;
}

div.grey-outer-or {
position:absolute;
top:0px;
right:0px;
width:12px;
height:12px;
background-image:url(../img/grey_outer_or.gif);
z-index:1000;
}

div.grey-outer-ul {
position:absolute;
bottom:0px;
left:0px;
width:12px;
height:12px;
background-image:url(../img/grey_outer_ul.gif);
z-index:1000;
}

div.grey-outer-ur {
position:absolute;
bottom:0px;
right:0px;
width:12px;
height:12px;
background-image:url(../img/grey_outer_ur.gif);
z-index:1000;
}

/******************************************************************************/
/**** Graduates Page ****/
/******************************************************************************/

div.grads-entry {
margin-bottom:1em
}

div.grads-year-header {
margin-bottom:0.5em
}

hr.grads-sep {
    margin:10px 30px 6px 0px;
    clear:right;
    height:2px;
    background-color:#4e9a97;
    color:#4e9a97;
    border:1px solid #4e9a97;
}

/******************************************************************************/
/**** FAQ ****/
/******************************************************************************/


dt.faq {
font-weight:bold;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
}

dd.faq {
padding-top:0.2em;
padding-bottom:0.6em;
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
}

dl.faq ul, dl.faq ol, dl.faq dl {
font-family: "Gill Sans", "Trebuchet MS", sans-serif;
}

/******************************************************************************/
/**** Info Class for Tables ****/
/******************************************************************************/

/* A class for tables that are meant to be tables (in contrast
   to means for layouting), e.g. schedules 
   Usage: <table class="info" border="1"> ... 
*/

table.info {
font-size:0.9em;
}

table.info th {
background:#DDDDDD;
font-weight:bold;
}