/* - stile.css - */
@media screen {
/* http://www.tri-ict.eu/portal_css/stile.css?original=1 */
* {
margin: 0;
padding: 0;
border: 0;
text-align: left;
vertical-align: top;
border-collapse: collapse;
}
textarea {
font-family: Arial;
overflow: auto;
}
#showgrid {
position: absolute;
top: 10px;
left: -70px;
background: #fff;
border: 1px solid #ccc;
color: #000;
padding: 2px 6px;
}
html {
background: #fff url(img/back.jpg) repeat-x;
}
body {
margin: 0 auto;
width: 980px;
background: #fff;
font-family: "Trebuchet MS", Arial, sans-serif;
min-height: 800px;
position: relative;
padding-bottom: 20px;
font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
border-bottom: none;
}
h1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 1.8em;
margin-bottom: 17px;
margin-top: 20px;
letter-spacing: -2px;
font-weight: bold;
}
#page p.description {
color: #666;
font-weight: bold;
margin-bottom: 2em;
font-size: 1.2em;
font-family: Arial, sans-serif;
letter-spacing: -1px;
}
.hidden {
display: none;
}
.inline {
display: inline !important;
}
.block {
display: block;
}
ul {
list-style: none;
}
hr {
visibility: hidden;
clear: both;
}
th, td {
vertical-align: top;
}
a {
color: #09c;
text-decoration: none;
}
a:hover {
color: #000;
}
h2 {
font-family: "Trebuchet MS", sans-serif;
font-weight: bold;
font-size: 1.2em;
letter-spacing: -1px;
}
h2 img {
display: inline;
}
.discreet {
font-weight: normal;
font-size: .85em;
color: #666;
}
#header {
height: 118px;
background: url(img/back-header.jpg);
margin-bottom: 20px;
position: relative;
}
#logo {
display: block;
position: absolute;
top: 17px;
left: 20px;
}
#interreg {
position: absolute;
top: 130px;
right: 20px;
z-index: 40;
}
#slogan {
position: absolute;
top: 20px;
left: 180px;
}
#menu {
font-family: Arial;
font-size: .75em;
position: absolute;
left: 180px;
top: 90px;
font-weight: bold;
}
#menu li {
float: left;
margin-right: 20px;
}
#menu ul {
display: none;
position: absolute;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
background-color: #fff;
z-index: 50000;
}
#menu li:hover ul {
display: block;
}
#menu li li {
float: none;
margin-right: 0;
font-size: 12px;
background: #fff;
border-bottom: 1px dotted #eee;
}
#menu li li a {
white-space: normal;
color: #1DA5D1;
height: auto;
padding-bottom: 3px;
}
* html #menu li {
width: 60px;
}
#menu a {
color: #fff;
display: block;
height: 22px;
padding: 6px 10px 0 10px;
position: relative;
white-space: nowrap;
}
#menu a:hover, #menu li.selected a {
background: #fff url(img/back-menu.gif) repeat-x;
color: #1DA5D1;
}
#menu li li a:hover {
background: none;
color: #333;
}
#menu li.selected li a {
background: #fff;
background-image: none;
}
#languages {
position: absolute;
right: 20px;
top: 0;
font-size: .75em;
font-family: "Trebuchet MS", sans-serif;
font-weight: bold;
width: 120px;
}
#languages li {
float: left;
}
#languages li.selected a {
background: #97CFE0;
color: #1CA3CE;
}
#languages a {
color: #f9f9f9;
display: block;
padding: 5px 10px;
}
#languages a:hover {
border-bottom: 2px solid #97CFE0;
padding-bottom: 3px;
}
#searchlink {
position: absolute;
bottom: 0;
left: 840px;
width: 90px;
height: 22px;
font-weight: bold;
color: #fff;
padding: 10px 0 0 30px;
background: url(img/search.gif) no-repeat 10px 13px;
font-family: Arial, sans-serif;
font-size: .85em;
}
#searchlink:hover, #searchlink.selected {
background-color: #000;
}
#header form {
position: absolute;
right: 20px;
top: 118px;
width: 280px;
background: #000;
color: #fff;
padding: 20px;
border-left: 10px solid #fff;
border-bottom: 10px solid #fff;
z-index: 50;
display: none;
}
#header form label {
font-weight: normal;
font-size: .75em;
font-family: Arial, sans-serif;
display: block;
}
#header form #query {
height: 23px;
width: 260px;
padding: 4px 5px 0 5px;
border: 0;
display: block;
font-size: .85em;
background: url(img/back-query.jpg) repeat-x;
margin: 10px 0;
}
#header form #searchbutton {
border: none;
}
#join-box {
height: 290px;
position: relative;
border-top: 20px solid #fff;
border-bottom: 20px solid #f0f0f0;
background: #fff;
}
#find-partners {
display: block;
margin-left: 34px;
margin-top: 20px;
}
#join-us {
position: absolute;
left: 360px;
top: 200px;
}
.presentation {
position: absolute;
left: 500px;
top: 0;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#play-video {
position: absolute;
left: 840px;
top: 200px;
}
#content-home {
border-bottom: 20px solid #f0f0f0;
border-top: 20px solid #fff;
position: relative;
min-height: 640px;
overflow: visible;
}
* html #content-home {
height: 1%;
}
#box-news {
padding-right: 20px;
background: #F4F4F2 url(/img/back-news.jpg) no-repeat;
border-left: 1px solid #F4F4F2;
}
#box-news h2 {
margin-left: 40px;
}
#news {
font-size: .85em;
margin-top: 20px;
min-height: 520px;
}
#news li {
margin-bottom: 20px;
}
#news li.fiera {
background: url(http://www.tri-ict.eu/img/world.gif) no-repeat 8px 40px;
}
.date {
width: 80px;
font-size: .9em;
text-align: center;
padding: 3px 0;
color: #fff;
background-color: #1BA0CA;
font-weight: bold;
font-family: "American Typewriter", "Courier New", Courier, monospace;
}
#news a {
display: block;
font-weight: bold;
margin: .5em 0 0 40px;
}
#news p {
color: #666;
margin-top: 5px;
margin-left: 40px;
}
#members {
width: 295px;
min-height: 580px;
padding: 0 10px 10px 15px;
position: absolute;
left: 0;
top: 0;
border-right: 1px solid #ccc;
}
#members, #partners {
background: url(img/righe.gif) no-repeat 10px 350px;
}
#members li {
position: relative;
}
.play {
position: absolute;
top: 0;
left: 20px;
}
.member-desc {
font-size: .8em;
color: #666;
line-height: 1.7;
margin-top: 40px;
}
#partners {
width: 304px;
height: 440px;
padding-left: 15px;
position: absolute;
left: 320px;
top: 0;
}
#partners-carousel p {
min-height: 100px;
}
* html #partners-carousel p {
height: 100px;
}
#partners p, #partners-home p {
font-size: .8em;
margin: 10px 0 20px;
line-height: 1.2;
color: #666;
}
#partners-home .description {
width: 310px;
float: left;
margin-right: 10px;
}
#partners-home .map {
background: url(/img/location.gif) no-repeat;
padding-top: 50px;
}
#target-area {
width: 295px;
height: 170px;
padding: 0 10px 10px 15px;
position: absolute;
left: 320px;
top: 390px;
}
#staff {
width: 310px;
height: 180px;
padding-left: 10px;
position: absolute;
left: 0;
top: 390px;
}
#target-area h2, #staff h2 {
font-family: Georgia, "Times New Roman", serif;
font-style: italic;
color: #666;
margin-bottom: 10px;
}
#staff li {
margin: 0 7px 7px 0;
float: left;
}
#staff #ask {
position: absolute;
right: 7px;
bottom: 5px;
}
.controls {
top: -30px;
left: 100px;
position: relative;
}
.controls img {
display: inline;
padding-right: 10px;
}
#footer {
border-top: 1px solid #ccc;
padding-top: 20px;
margin-top: 20px;
text-align: center;
font-size: .8em;
color: #666;
}
#members .jcarousel-container-horizontal {
width: 290px;
}
#members .jcarousel-clip-horizontal {
width:  290px;
}
#members .jcarousel-item {
width: 290px;
height: 500px;
}
#partners .jcarousel-container-horizontal {
width: 300px;
}
#partners-home .jcarousel-container-horizontal, #partners-home .jcarousel-clip-horizontal {
width: 630px;
}
#partners .jcarousel-clip-horizontal {
width:  300px;
}
#partners .jcarousel-item {
width: 300px;
height: 580px;
}
#partners-home .jcarousel-item {
width: 630px;
height: 320px;
}
.jcarousel .jcarousel-item-horizontal {
margin-right: 10px;
}
.jcarousel .jcarousel-item-placeholder {
background: #fff;
color: #000;
}
.jcarousel li {
display: none;
}
.jcarousel li.first {
display: block;
}
#colsx {
width: 240px;
float: left;
padding-top: 22px;
margin-right: 20px;
}
.section-community #colsx {
background: url(img/fumetti.gif) no-repeat 80px top;
}
#colsx h2 {
margin-left: 20px;
margin-bottom: 20px;
color: #1999C1;
}
#submenu {
width: 240px;
font-size: .85em;
font-weight: bold;
border-top: 1px solid #ccc;
background: url(img/back-submenu.jpg) repeat-x;
}
#submenu ul {
font-weight: normal;
font-size: .85em;
}
#submenu li {
border-bottom: 1px solid #ccc;
margin-bottom: 0;
height: 1%;
}
#submenu li li {
border-bottom: none;
margin-bottom: 5px;
padding-left: 10px;
height: 1%;
}
#submenu a {
display: block;
position: relative;
padding: 5px 10px 5px 20px;
}
#submenu li.selected {
border-bottom: none;
background: #2e95ce url(img/arrow.jpg) no-repeat right center;
margin-right: -20px;
padding: 5px 0 5px 0;
position: relative;
top: -5px;
width: 260px;
}
#submenu li li a {
padding: 2px 10px 2px 20px;
}
#submenu li li.selected {
background: #D4D4D4 url(img/trigray.gif) no-repeat right center;
padding: 0 0 0 10px;
top: 0;
margin-right: -10px;
width: 240px;
}
#submenu li.selected a {
color: #fff;
padding-right: 30px;
}
#submenu li.selected li a {
color: #1DA5D0;
}
#submenu li li.selected a {
color: #000;
}
#page {
color: #333;
font-size: .85em;
width: 460px;
float: left;
position: relative;
}
#page.large {
margin-left: 260px;
width: auto;
float: none;
}
#page.large h1 {
margin-top: 40px;
}
#coldx {
margin-left: 740px;
padding-top: 66px;
}
#coldx img.logo {
margin-bottom: 20px;
}
table.files {
width: 100%;
border-top: 16px solid #ccc;
margin-bottom: 20px;
}
table.files td {
border-bottom: 1px solid #ccc;
padding: 5px;
}
table.files td.main {
width: 80%;
font-size: .85em;
font-weight: bold;
}
table.files td.discreet {
color: #ccc;
white-space: nowrap;
padding-right: 10px;
font-weight: bold;
font-family: "American Typewriter", "Courier New", Courier, monospace;
font-size: .85em;
}
ul.photos {
overflow: auto;
}
ul.photos li {
margin: 0 20px 20px 0;
float: left;
height: 60px;
width: 60px;
}
ul.photos li a {
display: block;
}
ul.photos img {
opacity: .7;
}
ul.photos a:hover img {
opacity: 1;
}
#page td, #page th {
padding: 3px 8px;
}
#page h2 {
color: #fff;
background: url(img/back-h2.gif) no-repeat;
font-family: Arial, sans-serif;
padding: 4px 8px 0 8px;
font-weight: bold;
letter-spacing: .5px;
margin-top: 1em;
font-size: 1.1em;
margin-bottom: .5em;
height: 27px;
position: relative;
}
#page ul, #page ol {
margin: .5em 0 .5em 2em;
}
#page p {
margin-bottom: .5em;
}
#page ul {
list-style: square;
}
#page img {
display: inline;
}
#page img.left {
float: left;
margin: 0 10px 10px 0;
}
#page img.right {
float: right;
margin: 0 0 10px 10px;
}
#page table {
width: 100%;
}
#page .regform table {
width: auto;
}
.error {
margin: 0 0 1em;
color: #900;
font-weight: bold;
}
#page td {
border-bottom: 1px solid #ccc;
}
#page .regform td {
border-bottom: none;
}
form.tabbed label {
display: block;
margin-top: 1em;
}
.bigbutton {
display: block;
font-size: 1.1em;
text-align: center;
color: #666;
font-weight: bold;
background: #efecdd;
background-repeat: no-repeat;
background-position: 10px center;
border-bottom:1px solid #aca899;
border-right: 1px solid #aca899;
width: 200px;
padding: 5px 0;
cursor: pointer;
}
.bigbutton:hover {
background-color: #ccc;
color: #666;
}
.regform {
margin-top: 40px;
}
.regform .field input {
background: none;
border: none;
}
.regform .field input.text {
background: #F5F5F5;
border:1px solid #ccc;
height: 25px;
width: 289px;
padding: 6px 3px 0 6px;
font-weight: bold;
color: #1999C1;
font-size: 1.2em;
}
.regform .field input.long {
width: 100%;
}
.regform textarea {
width: 450px;
background: #F5F5F5;
border:1px solid #ccc;
padding: 5px;
}
.regform .label {
color: #333;
margin: .5em 0;
line-height: 1.7;
}
.labelblock label, label.labelblock {
font-weight: bold;
margin-top: 1em;
display: block;
}
#page .regform .title {
position: relative;
height: 31px;
margin-top: 2em;
background: url(img/tridown.gif) no-repeat 5px bottom;
}
#page .regform .add {
position: absolute;
display: block;
top: 4px;
right: 8px;
}
#page .regform td {
padding-left: 0;
padding-bottom: 10px;
padding-right: 0;
}
#page .regform th {
padding-left: 0;
padding-top: 8px;
padding-bottom: 10px;
font-size: 1.2em;
width: 152px;
}
#page .regform td.mandatory {
text-align: center;
width: 50px;
}
#page .regform img.mandatory {
position: absolute;
top: 5px;
right: -25px;
}
#page td.login, #page th.login {
background: #EBF7FF;
padding: 20px 0 20px 20px;
}
#page .regform th.login {
width: 120px;
}
#page .regform td.login {
padding-right: 20px;
}
#page .regform td.login input {
background: #fff;
width: 269px;
}
input.image {
border: none;
}
#page .regform td.error {
color: #fff;
background-color: #c00;
text-transform: uppercase;
width: 190px;
padding: 15px 10px 0 10px;
font-weight: bold;
border-bottom: 1px solid #fff;
}
#page .regform p.error {
color: #fff;
background-color: #c00;
text-transform: uppercase;
padding: 10px;
font-weight: bold;
}
.warning {
color: #c00;
border: 1px solid #c00;
background-color: #f6f6aa;
text-align: center;
padding: 1em 0;
margin: 1em 0;
font-weight: bold;
position: relative;
width: 460px;
}
.success {
color: #060;
border: 1px solid #5f8a13;
background-color: #dcfe9e;
text-align: center;
padding: 1em 0;
margin: 1em 0;
font-weight: bold;
}
.memberinfo {
margin: 20px 0 0 20px;
font-size: .8em;
font-family: Arial, sans-serif;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: 10px 0;
}
.logout-button {
color: #fff;
font-variant: small-caps;
font-weight: bold;
text-align: center;
display: block;
width: 100px;
background: #63b7db;
}
#page ul.listing {
list-style: none;
}
#page ul.listing li {
margin-bottom: 1em;
margin-left: -24px;
padding-left: 32px;
}
#page ul.listing li.fiera {
background: url(http://www.tri-ict.eu/img/world.gif) no-repeat 0 36px;
}
#page ul.listing .date {
margin-left: -32px;
}
#page ul.listing a {
font-weight: bold;
}
#page ul.listing p {
color: #666;
font-size: .85em;
}
#portal-personaltools {
text-align: left;
}
#quickr {
display: block;
margin: 80px 0 0 20px;
}
#page #pages {
font-weight: bold;
overflow: auto;
font-size: 14px;
margin: 0 0 30px auto;
list-style: none;
position: absolute;
top: 24px;
right: 0;
}
#pages li {
float: left;
width: 18px;
height: 18px;
margin-right: 8px;
border: 1px solid #ccc;
text-align: center;
background: none;
padding: 0;
}
#pages a {
color: #1ba0ca;
display: block;
height: 18px;
line-height: 18px;
/* */
text-align: center;
}
#pages a:hover {
background-color: #1ba0ca;
text-decoration: none;
color: #000;
}
#pages li.selected a {
color: #fff;
background-color: #1ba0ca;
}
#subpages {
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
border-top: 3px solid #ccc;
border-bottom: 3px solid #ccc;
}
#subpages a {
display: block;
padding: 6px 4px 6px 20px;
background: url(/img/bullet.gif) no-repeat 7px 10px;
}
#subpages a:hover {
background: #a2d8ea url(/img/bullet2.gif) no-repeat 6px 9px;
}
}