/* CSS Document */

@media print {
        BODY   { margin:0; padding:0; border-style: none; width:100%; color: black; background-color:white;}	
	    #rightcol { display: none; }
        #header { display: none; }
        #leftcol { display: none; }
        #user1 { display: none; }
        #user3 { display: none; }
        #top-menu { display: none; }
#footer { display: none; }
#footer_content { display: none; }
#pagewidth { width: 100% }
#content { float: none; width: 100%; font-size: 1em; text-align: justify; }
#page { width: 100%; font-size: 1em; border-style: none; }
        }


@media screen {

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: black;
	background-color: #565656;
	text-align : center;
}
img { border:0; }

h1{
font-size: 1.4em;
text-align : left;
}
h2{
font-size: 1.3em;
text-align : left;
}
h3{
font-size: 1.2em;
text-align : left;
}
h4{
font-size: 1.1em;
text-align : left;
}

p {
text-align: justify;
}


.clr {
	height: 1px;
	line-height: 1px;
	clear: both;
}

.outline {
  color: black;
  background-color: #ffffff;
  padding-bottom :15px;
 }

.readon{
 margin-bottom:10px;
 color: #c64934;
 background-color: white;
}

.wg_button{
	padding: 3px; 
	border: 1px solid #CCCCCC;
}


div.pagination{
    width: 200px;
    margin: 10px auto;
}
div.pagination ul{ 
  list-style: none;
}
div.pagination ul li{
    display: inline;
    padding: 10px;
  }

#article-index{
    background-color: #EFEFEF;
    border: 1px solid #CCCCCC;
    float: right;
    margin-left: 10px;
    overflow: hidden;
    width: 20%;
}

#article-index ul{
  list-style: none;
  margin: 5px;
  padding: 10px;
}

#breadcrumbs {
    font-size: .8em;
    float: left;
    width: auto;
    height: 30px;
    margin-left: 50px;
    line-height: 26px;
    overflow: hidden;
    background: transparent;
}

#buttons {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
}

#pagewidth{
	float: none;
	margin-top: 5px;
  margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: auto;
	background-color: white;
	color: black;
	text-align: left;
  border: 5px solid #777777;
}

#header {
	float: left;
	padding: 0px;
	width: 1000px;
	height: 110px;
	background: white url(../images/header.jpg) no-repeat center left;
}

#footer {
	text-align: center;
	padding: 3px;
	background: white url(../images/footer.jpg) no-repeat top left;
	color: white;
}

.footer_text a:link { color: white; font-weight: normal; }
.footer_text a:visited {color: white; font-weight: normal; }
.footer_text a:active {color: white; font-weight: normal; }
.footer_text a:hover {color: white;font-weight: normal;text-decoration: underline;}

#outer{
	float: left;
	width: 100%;	
	margin: 0px;
    padding: 0px;
    display: inline;
}

#maincol{
	float: left;
	width: 700px;
	margin: 0px;
	padding: 0px;

}

#rightcol{
	float: left;
	width: 250px;
	margin-left: 28px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

#top-menu{
	float: left;
	width: 650px;
	height: 22px;
	margin-left: 25px;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #B22A24;
	text-align: left;
  color: #EFEFEF;
}

#maincol>#top-menu {
	float: left;
	width: 650px;
	height: 22px;
	margin-left: 49px;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
  text-align: left;
}

#page, .blog {
	width: 650px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-left: 0px;
}

#path {
	float: right;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-right: 6px;
}

.pathway {
	font-size: 0.8em;
	font-style: italic;
	color: #777777;
}

.pathway a {
	font-size: 1em;
	}

#content{
	float: left;
	margin-left: 49px;
	padding: 0px;
	width: 650px;
}

div.moduletable-home{
  width: 700px;
  height: 490px;
	margin-left: -49px;
  margin-top: 10px;
}
/* Newsmodule */

div.modulenews {
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
}

div.modulenews h3 {
	color: white;
	font-size: 0.9em;
	text-align: left;
	text-indent: 10px;
	height: 20px;
	line-height: 20px;
	background: url(../images/mod-bg.png) no-repeat top left;
	margin: 0px;
	padding: 0px;
}

div.modulenews ul {
	font-size: 0.85em;
	border-left: 1px solid #B22A24;
	border-right: 1px solid #B22A24;
	padding: 0px;
}


div.modulenews li {
	text-align: left;
	padding: 3px 2px 2px 10px;
	border-bottom: 1px solid #B22A24;
	line-height: 14px;
	background-image: none;
	background-color: #FbF7D9;
}


div.modulenews li img {
	display: block;
	float: left;
	margin-right: 5px;
	border: 0px;
}

div.modulenews li hr {
	display: block; 
	margin: 0;
	clear: left; 
  	visibility: hidden;
}

/* end Newsmodule */

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 0.85em;
  font-weight: bold;
}

table.projects{
	font-size: 0.9em;
	width: 310px;
}
table.projects td, table.links td{
	vertical-align: top;
}

.description h1{
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 300px;
	font-size: 1em;
	font-weight: bold;
	line-height: 145%;
	color: black;
	text-align: left;
	margin-left: 25px;
	margin-top: 0px;
	padding: 0px;	
}

/* IE FIX */
div > .description{
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	font-size: 1em;
	font-weight: bold;
	line-height: 145%;
	color: black;
	text-align: left;
	margin-left: 45px;
	margin-top: 0px;
	padding: 0px;	
}

.members h2 {
font-family: Arial, Helvetica, sans-serif;
	float: left;
	color: #B22A24;
	border-right: 1px solid #B22A24;
	width: 60px;
	font-size: 1em;
	font-weight: bold;
	margin-top: 4px;
	margin-left: 0px;
	padding: 0px;
	height: 20px;
	line-height: 145%;
}

.partners{
	float: right;
	margin-right:5px;
	margin-left: 0px;
	margin-top: 0px;
	height: 570px;
	width: 110px;
	padding: 0px;
	background: transparent url(../images/flags21.png) no-repeat top right;
}

/* Article index */

.contenttoc{
    float: right;
    width: 150px;
    font-size: 11px;
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #EFEFEF;
    padding: 3px;
    border: 1px solid #CCC;
}
.contenttoc th{
   border-bottom: 1px solid #CCC;
   margin-bottom: 5px;

}
.contenttoc td {
  padding-top: 5px;
  padding-bottom: 2px;
}
.contenttoc td a.toclink:link, .contenttoc td a.toclink:visited{
    text-decoration: none;
    }
.contenttoc td a.toclink:hover{
    text-decoration: underline;
}


div.links{
	float: right;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: auto;
	width: 100px;
	padding: 0px;
	background: transparent;
}


table.links td{
	padding: 0px;
	height: 27px;
	line-height:27px;
}

table.links td a:link, table.links td a:visited {
	font-size: 1em;
	font-weight: bold;
	color: black;
	/*line-height: 23px;
	height: 23px;*/
	text-decoration: none;
}
table.links td a:hover{
	color: #B22A24;
	
}

span.projects{
	float: left;
	color: #B22A24;
	border-right: 1px solid #B22A24;
	height: 20px;
	line-height: 145%;
	font-size: 1em;
	font-weight: bold;
	padding-right: 2px;
}

div.host_{	
	line-height: 145%;
	font-size: 1em;
	font-weight: bold;
	padding: 0px;
  margin-bottom: 10px;
  margin-left:25px;
  margin-top:10px;
  overflow: hidden;
  padding: 0;
  width: 200px;
}

div.ercim_news{
    float: left;
    width: 315px;
    padding: 0px;
    text-align: left;              
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #CCC;
    margin-top: 5px;
    margin-left: 19px;
    height: 135px;
}
                  
div.projects{
	float: left;
	margin-left: 46px;
	width: 315px;
	padding: 0px;
	text-align: left;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #CCC;
  margin-top: 5px;
  height: 135px;
}
div.projects_title{
 background-color: #EFEFEF;
 height: 25px;
 line-height:25px;
 text-indent: 8px;
 padding: 1px 0px;
 font-weight: bold;
}

div.moduletable-tweets{
  margin-top: -30px;
  margin-bottom: 25px;
}


table.projects td a:link, table.projects td a:visited{
	font-weight: bold;
	color: black;
	line-height: 145%;
	height: 18px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
div.members{
  float: left;
  margin-left: 46px;
  width: 650px;
  padding: 0px;
  text-align: left;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #CCC;
  margin-top: 10px;
 }
.prcol11 {
    border-right: 1px gray dotted;
    vertical-align: top;
    width: 215px;
}

table.members{
  width: 650px !important;
}

table.projects td a:hover{
	color: #B22A24;
	
}

.prcol1 {
	border-right: 1px gray dotted;
	vertical-align: top;
	width: 102px;
	}


div.ercimhosts {
	float: right;
	margin-top: -175px;
	margin-right: 175px;
	width: 140px;
	padding: 0px;
	text-align: right;
}

li
{
text-align: left;
}

td {
	text-align: left;
}

/* Joomla core stuff */
a:link, a:visited {
	color: #821f1d; 
	text-decoration: none;
}

a:hover {
	color: red;
	text-decoration: none;
}


/* ////consistent table layout/// */


.officetable {
border: 0;
border-collapse: collapse;
}

.officetable td {
vertical-align: top;
}

.officetable h2 {
padding-right: 30px;
}


.basic 
{
border:0;
border-collapse: collapse;
padding:0;
margin:0;
text-align: left;	
}

.basic th {
background-color: #B22A24;
color: white;
border: 1px solid #B22A24;
border-collapse: collapse;
padding: 3px;
}

.basic td {
border: 1px solid #B22A24;
padding: 3px;
border-collapse: collapse;
}

/* //// END consistent table layout/// */

.highlightbox {
	border: 1px solid #B22A24;
	padding: 10px;
	margin-bottom: 10px;
	text-align: justify;
	/* background-color: #FbF7D9; */

}

.highlightboxal {
	border: 1px solid #B22A24;
	padding: 10px;
	margin-bottom: 10px;
	text-align: justify;
	/* background-color: #FbF7D9; */

}

table.contentpane {
    width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;

}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.button {
  color: #c64934;
  text-align: center;
  font-weight: bold;
  border: 1px solid #ccc;
  padding: 0px 5px;
  background-color: white;
}
.button:hover {
	color: red;
}
.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}


.moduletablenews{
	text-align: justify;
	margin-bottom: 10px;
/*	border-bottom: 1px solid #B22A24;*/
}

div.moduletablenews h3, div.moduletabletestimonials h3{
	color: white;
	text-indent: 10px;
	text-align: left;
	height: 25px;
	line-height: 25px;
	font-size: 0.9em;
  /*background: transparent url(../images/mod-bg.png) no-repeat top left; */
  background-color: #B22A24;
  border-top-left-radius: 5px;
  margin: 0px;
	padding: 0px;
}

div.moduletabletestimonials h3{
	color: white;
        text-indent: 10px;
        text-align: left;
	height: 25px;
	line-height: 25px;
	font-size: 0.9em;
	background: transparent url(../images/modtestimonial_bg.jpg) no-repeat top left;
	margin: 0px;
	padding: 0px; 
	}
div.moduletabletestimonials{
	width: 646px;
	margin-bottom: 5px;
}

div.moduletabletestimonials div{
	padding-right: 5px;
	padding-left:5px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-left: 1px solid #B22A24;
	border-right: 1px solid #B22A24;
	border-bottom: 1px solid #B22A24;
	font-size:0.8em;
	overflow: hidden
}
div.moduletabletestimonials p{
	padding-top:5px;
	margin-top: 0;
}

div.moduletablenews ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: .9em;
}


div.moduletablenews li{
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 7px;
	padding-bottom: 7px;
  border-bottom: 1px solid #b22a24;
	border-left:1px solid #b22a24;
	border-right: 1px solid #b22a24;
	line-height: 14px;
	background-image: none;
	background-color: #FAFAFA;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {
}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}


.sectiontableentry1 td, .sectiontableentry2 td {
	padding: 3px;
}

.small {
	color: #999999;
	font-size: 0.75em;
}

.createdate {
	
	padding-bottom: 3px;
	color: #999999;
	font-size: 0.75em;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 0.75em;
}


.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}

.hlt {
	background-color: #FbF7D9;
	padding-left: 10px;
}

.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

.blog_more ul {
width:250px;
border: 1px solid #B22A24;;
list-style-type: none; 
background-image: none;
background-color: #FbF7D9;
margin-bottom: 10px;
}

.blog_more li {
background-image: none;
padding: 0.3em;
list-style:none;
list-style-type:none; 
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 0.7em;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
	display: block;
	height: 1em;
}

/*Login form */
.login-fields label{
	display: block;
	float: left;
	width: 150px;
}

div.login-fields{
	margin: 8px 0px;
}
div.login-greeting{
	margin: 8px 0px;

}

/*CSS drop down menu */

#top-menu li{
	display:inline;
	list-style-type:none;
	padding-right:5px;
	background: white;
}

a.mainleveltopnav, a.mainleveltopnav:link, a.mainleveltopnav:visited {
	color: #B22A24;
}

.moduletablemainnav{ 
z-index:100;
margin:0;
padding:0;
text-align: left;
background: white;
}
#mainlevelmainnav,#mainlevelmainnav ul{
float:left;
list-style:none;
line-height: 15px;
height: 20px;
background-color: white; 
font-weight:700;
margin:0;
padding:0px;
}

#mainlevelmainnav a{
display:block;
color: white;
text-decoration:none;
margin: 0 6px;
padding: 4px;
text-align: center;
background-color: transparent;
}

#mainlevelmainnav a.sublevelmainnav {
	/*background: transparent url(../images/arrow.png) center right no-repeat;*/
}

#mainlevelmainnav li{
float:left;
padding:0;
border-top-left-radius: 5px;
border-top-right-radius:5px;
background-color: #B22A24;
margin-right:2px;
}
#mainlevelmainnav li ul{
position:absolute;
left:-999em;
height:auto;
width:13em;
font-weight:400;
background: transparent;
border-left: 1px solid white; /*#B22A24;*/
margin:0px;
list-style:none;
}

#mainlevelmainnav li li{
border-bottom: 1px solid white; /*#B22A24;*/
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
width:12em;
padding-right: 1em;
background-color: #B22A24; /*#FbF7D9;*/
}

#mainlevelmainnav li ul a{
width:12em;
color: white; /*#B22A24;*/
font-size:0.9em;
line-height:1em;
font-weight:500;
text-align: left;
}

#mainlevelmainnav li ul ul {
  margin: -1.75em 0 0 13em;
}

#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
left:-999em;
}
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul{
left:auto;
z-index:6000;
}
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover{
background: red;
}

h3.componentheading{
 font-size:1.2em;
}

.information{
  width:620px;
  margin-left: 0px;
  margin-right:auto;
  margin-top:0px;
  margin-bottom:0px;
  line-height:1.5em;
}

.information ul li{
  list-style-type: disc;
  background: transparent;
  padding: 0px;
  margin-left: 10px;
  line-height: 1.4em;
}

.navigation{
  text-align:left;
  width:620px;
  margin-left: 0px;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:10px;
  padding:5px;
  border: solid 1px #B22A24;	
}
.navigation table{
 margin-top:5px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:10px;
 font-size:0.9em;
}
.myForms{
 width:620px;
 margin-left: 0px;
 margin-right:auto;
 margin-top:5px;
 margin-bottom:15px;	
}

.newsitem option {
font-size: 1em;
}

.emph {
background-color: #ffffaa;
}
.pagination span, .pagination span span, .pagination strong span{
	padding: 4px;
}

/*Host insitute */
 ul.checkbox_list{
  list-style: none;
  margin: 5px;
  padding: 5px;
}
 ul.checkbox_list li{
  padding-bottom: 5px;
 }

}