/*
blue= #6060ff
red = #f00
green = #91ff4e
*/



body {font-family: "Courier New", Courier, monospace; font-size: 8pt; line-height: 1.3em; color: #666}
a { color:#6060ff; text-decoration:none; outline: none}
a:hover, a:active { text-decoration:underline; color:#6060ff}
h1, h2, h3, h4, h5, h6, p, ul, ol {margin:0 0 1em 0; padding:0; font-weight:normal; list-style:none; word-wrap: break-word}
li, dt, dd {margin:0; padding:0}
ul li {list-style-type:square; list-style-position:inside;margin:0; padding:0 0 0 15px;}
ol li {list-style-type:decimal; list-style-position:inside;}

h1 {font-size: 1.4em; margin: 0 0 1.7em 0; color:#000; font-weight:normal; line-height:1.5em;}
h1 .gray {color:#666}
h2 {font-size: 1.3em;margin: 1.5em 0 1em; font-weight:normal; color:#000; line-height:1.3em;}
h3 {font-size:1.2em; margin:1.5em 0 1em; color:#333}
h4 {font-size:1.1em; margin:1.5em 0 1em; color:#333; font-weight:bold;}
strong {font-weight:bold}
em {font-style:italic}
blockquote {background-color:#F6F6F6; padding:10px 10px 2px 20px;}

hr {color:#999; height:1px}
table {margin:1em 0; padding:0; font-size:1.0em; border-collapse:collapse; border:none}
th, td {padding:4px 2px; text-align:left; vertical-align:top; font-weight:normal; border: none}

a img {border-width: 0}
/* ------------------------ content classes-------------------*/

.clear {clear: both; margin:0; padding:0; line-height: 0px; height: 0px; display: block}
hr.clear { visibility:hidden}
.soft {color: #B1B1B1; font-size: 0.9em; font-style:italic}
.big { font-size:1.4em}
.blue { color:#6060ff}
.error-message { color:red}

/* 
	------------------------------------------------------------------------------
	2. layout, page structure
	------------------------------------------------------------------------------
*/

html, body {margin:0; padding:0}
body {background:#fff url(../img/bg/white-big.gif) center top no-repeat;text-align: center}
.container {width:1150px;margin:0 auto; text-align:left;position:relative; padding:0 20px}
.left, .right {float:left; display:inline; margin: 0 0 30px}

.header { height:70px; padding: 20px 0 0 0;}
.header span { float:left; display:block; width:158px; font-weight:bold; color:#000}
a.home, a.home:hover, a.home:active { text-decoration:none; color:#000}
.nav a { text-transform: uppercase; padding:0 7px; color:#000; font-weight:bold}
.white .nav a, .white span a {color:#fff}
.white { color:#fff}

div.paging .disabled { display:inline}
.itemList a { display:block; color:#666}

/********************** news ******************/
.nav a.news_current { color:#6060ff}
.news_index { width:850px}
.news_index table td { padding:4px 0}
.news_index table td div { width:150px;margin-right:15px; text-align:justify}
.news_index p {white-space:-moz-pre-wrap;white-space: normal}
.news_index .title { color:#6060ff; margin-bottom:0; text-align:left; font-weight:bold}

/********************** projects ***************/
.nav a.projects_current, .tdContent a { color:#f00}
.page_projects .right a, .page_projects .right a:hover, .page_projects .right a:active { color:#f00}
.projects .left { width:155px; margin-right:10px}
.projects .right { width:965px}
.projects .itemList a.current { color:#f00}
.projects_view .viewLeft { float:left; display:inline; width:auto; position:relative; zoom:1}
.projects_view .desc { width:150px; float:left; display:inline; margin-right:10px; text-align:justify}


/*********************** team *****************/
.nav a.teams_current { color:#91ff4e}
.teams .right { width:28.3em; margin-left:60px; text-align:justify}
.teams_index .right { padding-left:2px}
.teams table { margin:0}
.teams table td { width:28.3em; text-align:justify;padding:0px}
.teams table .leftTd { width:155px; padding-right:10px}
.teams table .leftTd a { color:#666; display:block}
.teams table span.current { color:#91ff4e; display:block}
.teams table .arrow { padding-right:8px; float:left}

/*********************** contact *****************/
.page_contact #image { cursor:pointer; margin-left:20px}

/*********************** publications *****************/
.nav a.covers_current { color: #990066}
.page_covers .left { width:163px}
.page_covers .right {width:980px}
.page_covers .right img { margin: 0 10px 10px 0}

/*********************** users *****************/
.page_users .left { width:165px;}
label { padding-right:10px}
input { margin-bottom:10px}
label.pass { padding-right:23px}