@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}

table{
margin:0;
padding:0;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}

*[disabled]{
color: #336699;
background-color: white;
/*border: 0px solid #336699;*/
}

p{
color:#666666;
}

b{
font-weight: bold;
color:#666666;
/*color: #000;*/
}

a,a:visited, p a, p a:visited{
/*color: #45648a;*/
color: #16387c;
text-decoration: none;
cursor: pointer;
}

a:hover,p a:hover{
color: #16387c;
text-decoration: underline;
}

a.nodec : hover, div.nodec, a.nodec{
text-decoration: none;
}

img{
border: 0;
}

.left{
float: left;
}

.right{
float: right;
}

img.border, #map_wrapper.border{
border: 1px solid #c4c4c4;
padding: 2px;
}

img.right{
margin: 0 0px 10px 10px;
}

img.left{
margin: 0 10px 10px 0;
}

img.icon{
margin: 0 2px;
vertical-align: middle;
clear: none;
display: block-inline;
}

div.note{
background: url('../images/warning.png') top left no-repeat;
padding: 0px 0px 10px 38px;
display:block;
margin: 25px 0px 25px 5px;
text-align:justify;
}


#maincontainer{
width: 920px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
margin-top: 10px;
}

#top, #middle, #bottom{
float: left;
width: 100%;
}

#top{
overflow:hidden;
}

#top > .body{
border-bottom: 1px solid white;
overflow: hidden;
}

#top > .body > div, #middle > .body > div{
margin-bottom: -5000px;
padding-bottom: 5000px;
}

#middle > .body{
overflow: hidden;
}

.placeholder{
background-color: #172c47;
line-height:5px;
}

/* navcol */

.navcol{
float: left;
width: 199px;
margin: 0px 0 0 -200px;
border-left: 1px solid white;
}

#top .navcol{
background: #45658a url('../images/bkgnd_right.png') top left repeat-y;
}

#middle .navcol{
background: #e7e7e7 url('../images/bkgnd_5.png') top left repeat-y;
}


.navcol > .body, .navcol > .footer{
padding: 5px 10px 0 29px;
}

.navcol > .header, .navcol > .header_important{
padding: 0px 10px 0 29px;
}


/* contentcol */

.contentcol{
float: left;
width: 720px;
margin: 0px 200px 0 0;
}

.twocol{
background: url(../images/bkgnd_6.png) top right repeat-y;
}

.twocol .col1{
float: left;
width: 570px;
margin: 0 150px 0 0;
padding: 0 0 0 0;
}

.onecol > div{
padding-right: 0px;
}

.twocol .col2{
float:left;
width: 150px;
margin: 0 0 0 -150px;
}

/* headers */

#top .col2 .header, .navcol .header, .navcol .header_important{
font-weight: bold;
font-size: 120%;
color: white;
}

#top .twocol .col1 .header{
background: #76aa48 url('../images/bkgnd_2.png') center left repeat-x;
}

#top .twocol .col2 .header{
background: #76aa48 url('../images/bkgnd_2.png') center left repeat-x;
}

#middle .twocol .col1 .header,#middle .onecol .col1 .header{
background: #e7e7e7;
line-height: 24px;
}

#middle .twocol .col2 .header{
background: #d7d7d7;
line-height: 24px;
}


#top .header, .navcol .header, .navcol .header_important{
border-top: 1px solid white;
border-bottom: 1px solid white;
line-height: 24px;
}

.navcol .header{
background: #76aa48 url('../images/bkgnd_3.png') center left no-repeat;
}

.navcol .header_important{
background: #cc6881 url('../images/bkgnd_7.png') center left no-repeat;
}


/* Body */

.col1 .body{
padding: 0 10px 0 15px;
margin: 0 0 5px 0;
clear: both;
}

#middle .col2 .body{
padding: 0 7px 0 10px;
margin: 0 0 0px 0;
border-bottom: 1px solid #fff;
}


/* Breadcrumbs */

.breadcrumbs{
border-top: 1px solid white;
border-bottom: 1px solid white;
line-height: 24px;
color: #000;
background: #e7e7e7;
padding-left: 15px;
font-weight: bold;
font-size: 100%;
}

.breadcrumbs a{
color: #45658a;
text-decoration: none;
}


/**
 * topmenu
 */
 
/* remove all the bullets, borders and padding from the default list styling */
ul.topmenu, .topmenu ul {
padding:0;
margin:0;
list-style-type:none;
border-left: 1px solid white;
}

/* hack for IE5.5 */
* html ul.topmenu{
margin-left:-16px;
ma\rgin-left:0;
}

/* position relative so that you can position the sub levels */
ul.topmenu li {
position:relative;
background:#6586a7;
line-height: 14px;
border-bottom: 1px solid #45648a;
}

.topmenu li.nocontent{
padding-top: 6px;
background-image: none;
border-bottom: 1px solid white;
background: #45658a;
}

.topmenu li#education:hover{
z-index: 20;
}

.topmenu li#research:hover{
z-index: 30;
}


/* get rid of the table */
ul.topmenu table {
position:absolute;
border-collapse:collapse;
top:0;
left:0;
z-index:100;
}

/* style the links */
ul.topmenu a, ul.topmenu a:visited {
display:block; 
font-weight: bold;
font-size: 90%;
text-decoration:none;
width:113px;
color:#fff;
text-transform: uppercase;
padding: 2px 10px 2px 25px;
}

ul.topmenu ul a, ul.topmenu ul a:visited {
padding: 2px 10px 2px 10px;
width: 148px;
}

/* hack for IE5.5 */
* html .topmenu a, * html .topmenu a:visited {
background: #6586a7;
width:113px;
w\idth:112px;
}

/* style the link hover */
* html .topmenu a:hover {
background-color: #3a3f45;
color: white;
}

.topmenu :hover > a {
background-color: #3a3f45;
color: white;
}

.topmenu li.parent > a{
background-image: url('../images/parent_bkgnd.png');
background-position: 5px center;
background-repeat: no-repeat;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
ul.topmenu ul {
visibility:hidden;
position:absolute;
top: -13px;
left: -165px;
width: 168px;
border: 1px solid white;
}

.topmenu li ul li.separator{
height:5px; 
font-size:1px;
line-height:1px;
border-bottom: 1px solid white;
background: #45658a;
}

/* make the second level visible when hover on first level list OR link */
ul.topmenu li:hover ul, ul.topmenu a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
ul.topmenu :hover ul ul{
visibility:hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
ul.topmenu :hover ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
ul.topmenu :hover ul :hover ul{ 
visibility:visible;
}

/* make the fourth level visible when you hover over third level list OR link */
ul.topmenu :hover ul :hover ul :hover ul { 
visibility:visible;
}


.col1 h1{
color: #76aa48;
padding: 15px 0 0px 10px;;
margin: 0 0 10px -10px;
border-bottom: 1px dotted #d4d4d4;
font-size: 160%;
font-weight: bold;
font-stretch: extra-condensed;
clear:both;
}

.col1 h1.important, .col1 h2.important, .col1 h3.important{
padding-top:5px;
color: #cc0033;
}

.col2 h1, .navcol h1{
color: #598036;
padding: 5px 0 0px 0px;;
font-size: 125%;
font-weight: bolder;
/*font-stretch: extra-condensed;*/
background: transparent;
margin: 0 0 0 0;
}

.col1 h2{
color: #45658a;
padding: 0px 0 0px 0px;
font-size: 125%;
font-weight: bold;
font-style: italic;
margin: 5px 0 3px 0;
}

.col1 h3{
color: #000;
padding: 0px 0 0px 0px;
font-size: 110%;
font-weight: bold;
margin: 5px 0 5px 0;
}

.col2 h3, .navcol h3{
color: #000;
padding: 0px 0 0px 0px;
font-size: 100%;
font-weight: bold;
margin: 0 0 3px 0;
}

.col1 h4{
margin:0;
padding:0;
}

.col1 p{
padding: 0px;
margin: 0;
text-align: justify;
/*font-size: 12px;*/
}

.col2 p, navcol .p{
padding: 0px;
margin: 0;
/*font-size: 12px;*/
}


/* col2 and navcol list */

#middle .col2 ul, #middle .navcol ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#middle .col2 ul li, #middle .navcol ul li{
padding: 0 0 3px 0;
}


#middle .col2 a, #middle .col2 a:visited, #middle .navcol a, #middle .navcol a:visited{
/*color: #172c4f;*/
/*color: #16387c;*/
font-weight: normal;
cursor: pointer;
}

#middle .col2 a:hover, #middle .navcol a:hover{
text-decoration: underline;
}

.onecol .col1 .checklist{
width: 382px;
float:right;
height: 70px;
}

.checklist{
border: 1px solid #c4c4c4;
list-style: none;
overflow: auto;
display: block;
margin: 0;
padding: 0;
width: 100%;
background-color: #e7e7e7;
}

.checklist li{
margin: 0;
float: left;
clear: both;
font-size: 10px;
width:100%;
}

.checklist li:hover{
background-color: #6586a7;
color: #fff;
}

.checklist li label{
clear: right;
display: block;
margin: 0 0 0 0px;
float: left;
padding-top:4px;
font-size: 10px;
}

li.odd{
background-color: #eeeeee;
}

.checklist li input{
display: block;
float: left;
width: 20px;
}

.col2 .checklist, .navcol .checklist{
height: 100px;
}

.column2 ul.cheklist{
height: 70px;
}

.col2 .checklist li, .navcol .checklist li{
width: 115px;
}

.col2 .checklist li label, .navcol .checklist li label{
width: 70px;
}

* html .col2 label, * html .navcol label{
height: 1%;
}

.col2 select{
width: 100%;
}

.navcol select{
width: 100%;
}

.col2 form > input, .col2 form > select, .col2 form > label, .navcol form > input, .navcol form > select, .navcol form > label{
font-size: 11px;
}

.column2, .column1, .column2 input, .column2 textarea, .column2 select{
font-size: 11px;
}

#top .navcol a,#top .navcol a:hover{
color: white;
text-decoration: none;
font-size: 100%;
padding-left: 10px;
}

.last {
padding-bottom:5px;
}

#top .navcol img{
border: 0;
padding-right:0px;
vertical-align: middle;
}

/* specificationlist */
ul.specializationlist{
list-style-type: none;
padding-left: 10px;
margin: 5px 0px 0 0;
}

ul.specializationlist li{
margin-bottom: 8px;
padding-bottom: 5px;
}


ul.specializationlist h4{
margin: 0;
padding: 5px 0 3px 0;
font-size: 100%;
}

/* sitemap */
ul.sitemap {
list-style-type: none;
padding: 0px;
margin:  0;
margin-top:8px;
width: 100%;
}

ul.sitemap li{
margin-bottom:3px;
/*background-color: blue;*/
font-variant: small-caps;
}

ul.sitemap li a{
width: 85px;
padding-top: 2px;
padding-left: 4px;
padding-bottom: 3px;
display:block;
border:1px solid #c4c4c4;
}

ul.sitemap li a:hover{
background-color: #f1f1f1;
}

ul.sitemap li ul{
list-style-type: none;
padding: 0 0 0 3px;
margin:  0;
margin-left: 95px;
margin-top: -8px;
/*width: 100%;*/
border-left: 0px solid green;
}

ul.sitemap li ul li{
padding: 0px;
/*background-color: green;*/
}

ul.sitemap li ul li a{
width: 220px;
/*padding-top: 2px;
padding-left: 7px;
padding-bottom: 3px;
display:block;
background-color: blue;*/
}


ul.sitemap li ul li ul{
list-style-type: none;
padding: 0px;
padding-left: 4px;
margin: 0;
margin-top:3px;
margin-left: 100px;
border-left: 0px solid navy;
}

ul.sitemap li ul li ul li{
padding:0px;
/*background-color: red;*/
}

ul.sitemap li ul li ul li a{
width: 280px;
}


ul.sitemap li ul li ul li ul{
list-style-type: none;
padding: 0px;
padding-left: 4px;
margin:  0;
margin-top: 3px;
margin-left: 100px;
}

ul.sitemap li ul li ul li ul li{
padding-left:0px;
/*background-color: yellow;*/
}

ul.sitemap li ul li ul li ul li a{
width: 320px;
}

/*courselist */
ul.courselist{
list-style-type: disc;
padding-left: 40px;
margin: 5px 0px 0 0;
}

ul.courselist li a{
line-height: 16px;
}

/*availability */
ul.availability{
list-style-type: disc;
padding-left: 15px;
margin: 5px 0px 0 0;
text-align: justify;
}

ul.availability li{
padding-bottom: 5px;
}


table.partnertable{
width: 97%;
margin-left:20px;
}

table.partnertable tbody tr{
padding-bottom:3px;
}

table.partnertable tbody tr td{
border-bottom: 1px dotted #c4c4c4;
}


/* map */
#map_wrapper{
width: 400px;
height: 300px;
padding:2px;
clear: none;
}

#map{
width:100%;
height:100%;
}

/* pagination */

div.pagination{
text-align: center;
margin-top: 10px;
clear: both;
}

.pagination ul{
list-style: none;
font-size: 80%;
}

.pagination ul li {
display: inline;
}

.pagination ul li a,.pagination ul li a:visited,.pagination ul li a:hover{
padding:2px;
border: 1px solid #c4c4c4;
text-decoration: none;
color: #45648a;
}

.pagination ul li a.disabled, .pagination ul li a.disabled:hover, .pagination ul li a.disabled:visited, .pagination ul li a.current, .pagination ul li a.current:hover, .pagination ul li a.current:visited{
padding:2px;
border: 1px solid #c4c4c4;
color: #c4c4c4;
text-decoration: none;
cursor: default;
}

.pagination ul li a.noborder,.pagination ul li a:hover.noborder,.pagination ul li a:visited.noborder{
border: 0;
}

/* navlist */

ul.navlist{
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}

ul.navlist li{
margin: 0 0 5px 0;
border-bottom: 1px dotted #c4c4c4;
/*display: block;*/
}

ul.navlist li a img{
display: block;
border: 1px solid #c4c4c4;
float: left;
padding: 2px;
margin: 0 7px 0px 0;
}

ul.navlist li > a, ul.navlist li > a:visited, ul.navlist li > a:hover{
display: block;
font-weight: normal;
}

ul.navlist li a .ref{
text-align: left;
float: right;
width: 115px;
clear: right;
}

ul.navlist li a .ref:hover{
text-decoration: underline;
}

.news p{
padding: 0;
margin: 0;
}

.news h1{
padding-top: 0px;
margin-top: 0;
color: #000;
font-size: 100%;
text-decoration: none;
}

.news a:hover h1{
text-decoration: none;
}

/* clearfix */

.clearfix:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix{
display: inline-block;
}

html[xmlns] .clearfix{
display: block;
}

* html .clearfix {
height: 1%;
}



/* Bottom */

.bottommenu {
background-color: #76AA48;
line-height: 24px;
color: white;
padding: 0;
margin: 0;
}	

.bottommenu ul{
list-style-type: none;
margin: 0 auto;
text-align: center;
padding: 0;
}

.bottommenu ul li {
display: inline;
margin: 0;
}

.bottommenu ul li a{
padding:2px;
text-decoration: none;
margin: 0;
color: white;
}

#bottom .copyright {
background-color: #45658A;
border-top: 1px solid white;
min-height: 2em;
text-align: center;
padding-top: 0.5em;
color: white;
}


/* projects page */

div.projectdesc, p.projectdesc{
margin: 0 0 10px 25px;
text-align: justify;
}

div.projectdesc ul{
padding:0 0 0 15px;
}

div.projectdesc ul li{
padding-bottom: 8px;
}

/* twocell */

ul.twocell{
list-style-type: none;
padding: 0;
margin: 5px 0px 0 0;
}

ul.twocell li{
width:47%;
margin: 0 10px 10px 0;
padding:2px 2px 0px 2px;
border: 1px solid #c4c4c4;
float: left;
}

ul.twocell img.thumbnail{
width: 72px;
height: 96px;
}

ul.twocell li.members{
/*background: url('../images/bc_bkgnd.png') bottom right no-repeat;*/
}

.twocell .bc{
margin: 3px 3px 3px 86px;
}

.twocell h3, .bc h3{
padding: 0;
margin: 0 0 0px 0;
}

.twocell h4, .bc h4{
font-size: 95%;
/*font-style: italic;*/
color: #949494;
margin:0 0 3px 0;
padding: 0px 0 0px 0;
font-weight:normal;
height: 20px;
}


.bc table{
width: 98%;
font-size: 80%;
margin: 0;
padding: 0;
}

.bc table tbody tr{
margin: 0;
padding: 0;
/*line-height: 0.1em;*/
height: 12px;
color: #666666;
line-height: 12px;
}


/* threecell lists */

ul.threecell{
padding:0;
list-style-type: none;
margin-left: 0;
}

ul.threecell li{
width:159px;
border: 1px solid #c4c4c4;
margin: 0 12px 10px 0;
float: left;
height: 120px;
overflow: hidden;
}

ul.threecell li p{
text-align: center;
font-size:9px;
/*color: #45658a;*/
}

ul.threecell li a:hover p{
text-decoration: underline;
}

ul.threecell  div{
position: absolute;
width: 157px;
bottom: 0px;
height: 40px;
background-color: #e4e4e4;
/*filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity: 0.75;*/
border: 1px solid #ffffff;
border-top: 5px solid #ffffff;
}

ul.threecell a{
text-align: center;
margin: 0 auto;
}


ul.threecell img{
width: 149px;
/*height: 86px;*/
display: block;
padding: 5px 5px 0 5px;
}

/* projectlist */

ul.projectlist, ul.publicationlist{
list-style-type: none;
padding: 0;
margin: 0px 0px 0 0;
}

ul.projectlist li, ul.publicationlist li{
width:100%;
padding-bottom: 5px;
border-bottom: 1px dotted #c4c4c4;
margin: 0 0 7px 0;
text-align: justify;
}

li.noborder{
border: 0;
}

ul.projectlist li a{
color: #45658a;
float: right;
margin-top:5px;
text-decoration: none;
}

ul.projectlist li a:hover{
color: #45658a;
text-decoration: underline;
}

ul.projectlist li ul li{
border: 0;
margin: 0;
line-height:12px;
}

/* Form */

.col2 form, .navcol form{
margin: 3px 0 3px 0;
}

input.button, a.button, a.button:hover, a.button:visited {
float: right;
font-size: 10px;
border:1px solid white;
background: #598036;/* 76aa48; #6586a7;*/
color:white;
width: auto;
padding: 2px 5px;
cursor: pointer;
clear:both;
text-decoration:none;
}

a.readmore{
background: url('../images/read_more.png') top left no-repeat;
padding-left:18px;
height:16px;
vertical-align:middle;
clear:both;
}

span.buttoncontainer{
margin-top:7px;
border: 1px solid #598036;
padding: 1px;
float:right;
width:84px;
margin-bottom: 9px;
}

a.button, a.button:hover, a.button:visited {
font-size: 11px;
width:72px;
text-align: center;
}

.navcol form{
margin-top:5px;
}

#top .navcol label{
color: white;
font-size: 80%;
text-transform: uppercase;
font-weight: bold;
float: left;
margin-top:5px;
clear: both;
}

#top .navcol input{
float: right;
width: 80px;
/*font-size: 80%;*/
margin: 5px 0px 5px 0;
}

.twocol .col1 form, .onecol .col1 form{
background-color: #e7e7e7;
border: 1px solid #c4c4c4;
margin: 0 auto;
margin-top: 10px;
padding: 0 0 0 0px;
/*background-image: url('../images/bkgnd_right.png');
background-repeat: repeat-y;
background-position: -20px -10px;*/
}

.twocol .col1 form{
width: 390px;
}

.onecol .col1 form{
width: 520px;
}

.twocol .col1 fieldset, .onecol .col1 fieldset{
margin: 0 auto;
/*margin-top: 10px;*/
display:block;
padding: 10px 5px 5px 0;
border: none;
}

.twocol .col1 div.title, .onecol .col1 div.title{
font-size: 15px;
font-weight: bold;
/*margin:5px 0 15px 0;*/
border-bottom: 1px solid white;
/*padding-left: 0px;*/
line-height: 18px;
background-color: #336699;
/*background: url("/images/bkgnd_2.png") center left repeat-x;*/
color: white;
}

.twocol .col1 div.title, .onecol .col1 div.title{
padding: 0 5px 0 5px;
}

.twocol .col1 fieldset.bottomborder, .onecol .col1 fieldset.bottomborder, li.bottomborder{
border-bottom: 1px dotted #c4c4c4;
}

.twocol .col1 .row, .onecol .col1 .row{
float:left;
display: block;
clear: both;
margin-bottom: 5px;
}

.twocol .col1 .row{
width: 380px;
}

.onecol .col1 .row{
width: 510px;
}

.twocol .col1 .row .column1, .onecol .col1 .row .column1 {
width: 96px;
text-align: right;
display: block;
float: left;
padding: 2px;
color: black;
}

.twocol .col1 .row .column2, .onecol .col1 .row .column2 {
float: right;
clear: right;
display: block;
}

.twocol .col1 .row .column2 {
width:290px;
}

.onecol .col1 .row .column2 {
width:406px;
padding: 2px;
}

.twocol .col1 .error, .onecol .col1 .error{
border: 1px solid #ff0000;
float:left;
display: block;
clear: both;
margin-bottom: 5px;
}

.twocol .col1 .error{
width: 375px;
}

/*.onecol .col1 .error{
width: 505px;
}
*/

.twocol .col1 p.error, .onecol .col1 p.error{
clear: both;
background: url('../../images/icon_error.gif') center left no-repeat;
font-weight: bold;
margin: 5px 0 0 120px;
color: #ff0000;
border: none;
padding-left: 20px;
display: block;
}

.twocol .col1 p.error{
width: 240px;
}

.onecol .col1 p.error {
width: 370px;
}

.twocol .col1 input.inputText,.onecol .col1 input.inputText{
padding: 0;
float: right;
}

.twocol .col1 input.inputText{
width: 250px;
}

.onecol .col1 input.inputText{
width: 380px;
}

.twocol .col1 input.inputFile,.onecol .col1 input.inputFile{
padding: 0;
float: right;
}

.twocol .col1 input.inputFile{
width: 250px;
}

.onecol .col1 input.inputFile{
width: 384px;
}

.onecol .col1 input.inputCheckBox{
margin-left: 22px;
width: 20px;
}

.twocol .col1 textarea.inputTextArea, .onecol .col1 textarea.inputTextArea{
padding: 0;
float: right;
}

.twocol .col1 textarea.inputTextArea{
width: 250px;
}

.onecol .col1 textarea.inputTextArea{
width: 380px;
}

.twocol .col1 select.selectOne, .onecol .col1 select.selectOne, .twocol .col1 select.selectMultiple, .onecol .col1 select.selectMultiple{
padding: 0;
float: right;
}

.twocol .col1 select.selectOne, .twocol .col1 select.selectMultiple{
width: 254px;
}

.onecol .col1 select.selectOne, .onecol .col1 select.selectMultiple{
width: 384px;
}

.required{
font-weight: bold;
}

.onecol .col1 .datatable .row{
width: 100%;
clear: both;
padding-top: 2px;
}

.onecol .col1 .body .datatable .row .column1 {
width: 25%;
float: left;
text-align: left;
}

.onecol .col1 .body .datatable .row .column2 {
width: 73%;
float: right;
text-align: left;
}


/* scrollable table */

div.tableContainer {
	clear: both;
	overflow: hidden;
	max-height: 285px;
	border: 1px solid #45658a;
	float:right;
}

.onecol .col1 div.tableContainer {
	width: 690px;
}

.onecol .col1 .coursetable{
	width: 670px;
	margin-left: 20px;
}


.twocol .col1 div.tableContainer {
	width: 545px;
}

/* define width of table. It should fill the container.             */
.onecol .col1 div.tableContainer table {
	width: 690px;
}

.twocol .col1 div.tableContainer table {
	width: 545px;
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
thead.fixedHeader {
	display: block;
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
tbody.scrollContent {
	display: block;
	max-height: 262px;
	overflow: auto;
	width: 100%;
}


/* make the TH elements pretty */
thead.fixedHeader th, .coursetable th {
	background: #6586a7;
	border-bottom: 1px solid #45658a;
	border-collapse: collapse;
	font-weight: bold;
	padding: 4px 3px;
	text-align: center;
	color: #fff;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.odd td, .coursetable td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
}

.coursetable td  {
	border: 1px solid #CCC;
	text-align: center;
}

tbody.scrollContent tr.even td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
}

tbody.scrollContent tr.even:hover td,tbody.scrollContent tr.odd:hover td{
background-color: #FFFF99;
}


div.partner{
display: inline;
line-height: 30px;
max-width: 120px;
font-size: 14px;
font-weight: bold;
height: 26px;
border: 1px solid #000;
margin: 0 7px 7px 0;
padding: 3px;
vertical-align: top;
white-space:nowrap;
}

ul.projectlab {
list-style-type: none;
width: 318px;
margin: 0px 3px 0px 5px;
padding: 0;
}

ul.projectlab li {
padding: 0px 0px 2px 16px;
width: 150px;
float: left;
}

ul.filelist{
list-style-type: none;
width:80%;
padding: 0 0 0 15px;
}

ul.filelist li {
padding: 1px 0px;
border: 0;
width:98%;
}

ul.filelist li img{
padding-right:7px;
padding-top:5px;
float:left;
clear:left;
vertical-align:middle;
}

ul.filelist li a{
float: left;
clear: none;
display:block;
line-height:16px;
}

html>body ul.projectlab li {
width: 140px;
}