body { 
	font-family : Helvetica, Calibri, Tahoma, Verdana, Arial; 
	font-size : 12px;
}

#header_tall {background:url(/templates/Biomath/images/header_tall.gif) top repeat-x;}

h1, h2, h3, h4 {
    color: #450D20;
    text-align: left;
}

hr {
    border: 1px dashed;
}

tr[id^="row"]:nth-child(even) {
	background: #F0F0F0;
}

tr[id^="row"]:nth-child(odd) {
	background: #FFF;
}

td[id^="col"] { 
	border: 1px solid #F0F0F0;
	padding: 5px;
} 

b, strong {
    color: #450D20;
}

h5, p.posted-on {
    font-size: 12px;
    font-style: italic;
    color: #888888;
}

span.subformtitle {
    display: inline-block;
    font-size: 22px;
    font-style: italic;
    color: #888888;
    padding-top: 30px;
}

span.subformtitle2 {
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    color: #888888;
    padding-top: 30px;
}

span.fieldhelp {
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    color: #888888;
}

input[type=text], input[type=password], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=radio], input[type=time], input[type=url], input[type=week], input[type=search], select {
    border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    background-color: #fff;
    color: #32373c;
    outline: 0;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
    margin: 1px;
    padding: 3px 5px;
    height: 20px;
}

select {
    border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    background-color: #fff;
    color: #32373c;
    outline: 0;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
    margin: 1px;
    padding: 2px;
    height: 28px;
}

textarea {
    border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    background-color: #fff;
    color: #32373c;
    outline: 0;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
    margin: 1px;
    padding: 3px 5px;
}

input[type=checkbox] {
    width: 6mm;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 6mm;
    border: 1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius: 2px;
    margin: 0px 5px 0px 1px;
	float: left;
}

input[type=checkbox]:checked {
    background-color: lightblue;
}

input[type=checkbox]:checked:after {
    margin-left: 1.9mm;
    margin-top: -0.2mm;
    width: 1mm;
    height: 4mm;
    border: solid white;
    border-width: 0 1mm 1mm 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block;
}

input[type=radio] {
    border: 1px solid #b4b9be;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 16px;
    margin: -4px 4px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    min-width: 16px;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
}

/****************************************/
/* Createuser form and contact uas form */
/****************************************/
#f_UserName0, #f_Password0, #f_ConfirmPassword0, #f_Email0, #f_PasswordQuestion0, #f_PasswordAnswer0, #f_fromname0, #f_emailfrom0, #f_subject0, #f_simplesum0, #f_verify0, #f_email0 {
   width: 300px;
   height: 34px;
}

/************/
/* Teachers */
/************/
.teachers th {
    vertical-align: middle;
}

.teachers td, th {
    font-size: 14px;
    border-bottom: 1px dotted #B5E3C7;
    white-space: nowrap;
    vertical-align: top;
    padding: 5px;
}

.teachers tr:nth-child(even) { 
    background-color : white;
}
 
.teachers tr:nth-child(odd) { 
    background-color : #F0F0F0; 
    color : black;
}

/***********/
/* Lecture */
/***********/

.lecture th {
    vertical-align: middle;
    padding: 5px;
}

.lecture td, th {
    font-size: 14px;
    border-bottom: 1px dotted #B5E3C7;
    white-space: nowrap;
    vertical-align: top;
    padding: 5px;
}

.lecture tr.headerrow th {
    background-color: #84193e;
    color: white;
}

.lecture tr:nth-child(even) { 
    background-color : white;
}
 
.lecture tr:nth-child(odd) { 
    background-color : #F0F0F0; 
    color : black;
} 

td.columnheader { 
    font-size : 14px; 
}

.required:after {
    content:" *";
    color: #f00;
}

table { 
    font-size : 14px;
}

table.copyright { 
	font-size : 14px;
    color: black;
}

/*********************/
/* Border for Images */
/*********************/

.post a img {
    /* This centers the image */
    float: left;
    margin-right: 2%;
    margin-right: 1%;

    /* This adds the border */
    padding:4px;
    border:solid;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    border-width: 1px 2px 2px 1px;
    background-color:white;
}

/************************/
/*      Copyright       */
/************************/
#copyright a {
    text-decoration: none;
}

#copyright .copyright {
    color: white;
    font-size: 14px;
    float: left;
    text-align: left;
	margin-right: 5%;
    width: 33.3%;
}

#copyright .copyright span {
}

#copyright { 
    font-size: 14px;
    color: white;
    width: 100%;
    background: #84193e;
    padding: 2% 0% 2% 0%;
    border-top: 16px solid #C0C0C0;
    overflow: hidden;
}

#copyright ul {
    list-style: none;
}

#copyright ul ul {
    padding: 0px;
}

div.copyright ul li  {
	padding: 0px 0px 10px 0px;
}

div.copyright ul li a {
	color: #c0c0c0;
	font-size:16px;
}

div.copyright ul ul li a {
    color: white;
	font-size: 14px;
}

#rights {
    color: white;
    background: #450D20;
    padding: 2% 0% 2% 5%;
    text-align: left;
    width: auto;
}

#rights a {
    color: white;
    text-align: left;
}

/************************/
/* The horizontal menus */
/************************/

div.menuhorizontal1, div.menuhorizontal2
{
    text-align: right;
    background: #450D20;
    border: 1px solid black;
    font-size: 0;
    padding: 2px;
    width: 1024px;
}

div.menuhorizontal1 a, div.menuhorizontal2 a
{
    display: inline-block;
    padding: 0 20px;
    background: #84193e;
    border:1px solid #5E544A;
    color: #fff;
    text-decoration:none;
    font: 14px;
    line-height: 27px;
    margin-right:1px;
    height: 27px;
}

div.menuhorizontal1 a:hover, div.menuhorizontal2 a:hover
{
    background: #450D20;
    color: #E6D4C3;
}

div.menuhorizontal1 li, div.menuhorizontal2 li  { 
    list-style-type: none;
    display:inline;
    padding: 1px;
}

div.menuhorizontal1 li.active a, div.menuhorizontal2 li.active a
{
    background: #450D20;
    color: #E6D4C3;
}

/***********/
/* Menu Up */
/***********/

div.menuup {
    text-align: right;
}

div.menuup li {
    display: inline;
}

div.menuup ul {
    margin: 0;
    padding: 10px;
    list-style: none;
}

div.menuup ul li a
{
    background: #fff;
    color: #000;
    padding: 5px;
    width: 200px;
    text-decoration: none;
}

div.menuup ul ul li a {
    color: #483000;
    font-size: 14px;
    background-color: #fff;
    border-bottom: 1px dotted #B5E3C7;
    border-left: 0px solid #fff;
}

div.menuup ul ul li.active a {
    color: #483000;
    font-size: 14px;
    background-color: #F0F0F0;
    border-bottom: 1px dotted #B5E3C7;
    border-left: 3px solid #901818;
}


div.menuup ul li a:link, div.menuleft ul ul li a:visited {
    color: #483000;
    text-decoration: none;
}

div.menuup ul li a:hover {
    border-bottom: 3px solid #901818;
    color: #000;
}

/********************/
/* Menu at the left */
/********************/

div.menuleft {
    text-align: left;
    width: 265px;
}

div.menuleft li {
    display: inline;
    /* for IE5 and IE6 */
}

div.menuleft ul {
    margin: 0;
    padding: 0;
}

div.menuleft ul li a
{
    border-left: 3px solid #901818;
    background: #D6D6D6;
    color: #000;
    padding: 5px;
    width: 250px;
    text-decoration: none;
    display: block;
}

div.menuleft ul ul li a {
    color: #483000;
    font-size: 14px;
    background-color: #fff;
    border-bottom: 1px dotted #B5E3C7;
    border-left: 0px solid #fff;
}

div.menuleft ul ul li.active a {
    color: #483000;
    font-size: 14px;
    background-color: #F0F0F0;
    border-bottom: 1px dotted #B5E3C7;
    border-left: 3px solid #901818;
}

div.menuleft ul ul li a:link, div.menuleft ul ul li a:visited {
    color: #483000;
    text-decoration: none;
}

div.menuleft ul ul li a:hover {
    border-left: 3px solid #901818;
    color: #000;
}

div.menuup ul li a img {
	border-width: 0px;
}

/***********/
/* General */
/***********/

a:link { 
    font-size : 14px; 
    color : #84193e; 
} 

a:visited { 
    font-size : 14px; 
    color : #84193e; 
} 

a:active { 
    font-size : 14px; 
    color : #84193e; 
} 

a:hover { 
    font-size : 14px; 
    color : #84193e; 
}

/***********/
/* Buttons */
/***********/

input[type="button"], input[type="submit"] {
    color: #555;
    background-color: #f7f7f7;
    border-color: #ccc;
	display: inline-block;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.428571429;
    margin-bottom: 0;
    padding: 6px 12px;
    cursor: pointer;
    border-width: 1px;
	border-style: solid;
	vertical-align: middle;
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="button"]:hover, input[type="submit"]:hover {
  border-color: #999;
}

/**********/
/* Paging */
/**********/
#paging {
    margin: 3px 0px 40px 0px;
    padding: 3px;
}

#paging ul {
    border: 0;
    margin: 0;
    padding: 0;
}

#paging li {
    border:0; margin:0; padding:0;
    font-size: 14px;
    list-style: none;
    margin-right: 2px;
}

#paging a {
    border: solid 1px #450D20;
    margin-right: 2px;
}

#paging .new  {
    font-weight: bold;
}

#paging .previous-off, #paging .next-off, #paging .first-off, #paging .last-off, #paging .inactive {
    border: solid 1px #DEDEDE;
    color: #888888;
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 2px;
    padding: 3px 4px;
}

#paging .goto-page {
    border: solid 1px #DEDEDE;
    color: #888888;
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 2px;
    padding: 1.5px 4px;
}

#paging .next a, #paging .previous a, #paging .first a, #paging .last a {
    font-weight: bold;
} 

#paging .active {
    background: #450D20;
    color: #FFFFFF;
    font-weight: bold;
    display: block;
    float: left;
    padding: 4px 6px;
}

#paging a:link, #paging a:visited {
    color: #450D20;
    display: block;
    float: left;
    padding: 3px 6px;
    text-decoration: none;
}

#paging a:hover {
    border: solid 1px #450D20;
    background: #450D20;
    color: #FFFFFF;
}

#paging .goto-page select {
    margin:0;
    padding:0;
    font-size:100%;
    height: 19px;
}

/******************/
/* Social Buttons */
/******************/
#social_holder1 {
    top: 130px;
    height: 283px;
    position:absolute;
    padding-top :10px;
    padding-left:1030px;
    width: 50px;
    z-index: 1;
}
#social_holder1 a, #social_holder1 a:link, #social_holder1 a:visited {
    background: url("/images/lang/el/socialButtons.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 139px;
    width: 50px;
}
#social_holder1_en {
    top: 130px;
    height: 283px;
    position:absolute;
    padding-top :10px;
    padding-left:1030px;
    width: 50px;
    z-index: 1;
}
#social_holder1_en a, #social_holder1_en a:link, #social_holder1_en a:visited {
    background: url("/images/lang/en/socialButtons.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 139px;
    width: 50px;
}
#social_holder1_de {
    top: 130px;
    height: 283px;
    position:absolute;
    padding-top :10px;
    padding-left:1030px;
    width: 50px;
    z-index: 1;
}
#social_holder1_de a, #social_holder1_de a:link, #social_holder1_de a:visited {
    background: url("/images/lang/de/socialButtons.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 139px;
    width: 50px;
}
#fb_button1 {
    margin-bottom: 5px;
}
#social_holder1 a#twitter_button1 {
    background-position: 0 -144px;
}
#social_holder1_en a#twitter_button1 {
    background-position: 0 -144px;
}
#social_holder1_de a#twitter_button1 {
    background-position: 0 -144px;
}

/*******/
/* CRF */
/*******/
tr.pateven { 
	background-color : white;	
}

tr.pateven td, tr.patodd td {
    padding: 5px;
}
 
tr.patodd { 
	background-color : #450D20; 
	color : white;
	padding: 10px;
}

/********************/
/* Publications/CVs */
/********************/

table.cv td h3 {
    font-size: 14px;
}

table.cv td {
    vertical-align: top;
}

table.cv td  p {
    margin-left: 10px;
}

td.publication {
    font-size: 10px;
    vertical-align: top;
    border-bottom:1pt solid black;
}


/********************/
/* For Mobile Users */
/********************/
@media screen and (max-width : 640px) {

    #social_holder1 {
        display: none;
    }

    #social_holder1_en {
        display: none;
    }

    #social_holder1_de {
        display: none;
    }
	
    .jslideshow {
	   display: none;
    }	

}

/************************/
/* For File Downloading */
/************************/

ul.download-file {
    text-align: left;
    width: 400px;
}

ul.download-file li {
    display: inline;
    color: #000;
    padding: 5px;
    width: 620px;
    text-decoration: none;
    display: block;
    border-bottom: 2px dotted #B5E3C7;
}

ul.download-file li:nth-child(odd) {
    background: #F0F0F0;
}

ul.download-file li:nth-child(even) {
    background: #fff;
}

ul.download-file li.active a {
    color: #483000;
    font-size: 14px;
    background-color: #F0F0F0;
    border-bottom: 1px dotted #B5E3C7;
    border-left: 3px solid #901818;
}

/************/
/* Messages */
/************/
.info, .success, .warning, .error, .validation {
    border-left: 4px solid #fff;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	background-color: #F0F0F0;
}

.info {
    border-left-color: #00529B;
    background-image: url('../images/info.png');
}

.success {
    border-left-color: #4F8A10;
    background-image:url('../images/success.png');
}

.warning {
    border-left-color: #9F6000;
    background-image: url('../images/warning.png');
}

.error {
    border-left-color: #D8000C;
    background-image: url('../images/error.png');
}

.notification {
    background-color: #d6d6d6;
    border-radius: 2px;
    color: black;
    padding: 1px 3px;
    top: 0;
    right: 0;
}