﻿/*--------GENERIC RULES---------*/
html, body {
	/*standard font used in the website*/  
  font-family: "Trebuchet MS";
  background: #000000;
}
/*-------------HEADER BACKGROUND-----------*/
.bgLeft {
	background:url('/images/context/header/bg_icons_left.png') 0 0 no-repeat;
}
.bgCenter {
	background:url('/images/context/general/bg_tr.png') 0 0 repeat;
}
.bgRight {
	background:url('/images/context/header/bg_icons_right.png') 0 0 no-repeat;
}
/*-----------NAVIGATION icons-----------*/
#header a.firstIcon {
	background:url('/images/context/header/btn_work.png') 0 0 no-repeat
}
#header a.secondIcon {
	background:url('/images/context/header/btn_network.png') 0 0 no-repeat
}
#header a.thirdIcon {
	background:url('/images/context/header/btn_project.png') 0 0 no-repeat
}
#header a.fourthIcon {
	background:url('/images/context/header/btn_research.png') 0 0 no-repeat
}
/*------------MAIN TITLE------------*/
#header .mainTitle {
	text-align:left;
}
#header .mainTitle p {
	color:#FFFFFF;
	line-height:15px;
}
#header .mainTitle p span {
	line-height:15px;
}

/*------------HACKS------------*/
.dj_safari .mainTitle p {
	color:#FFFFFF;
}
.dj_safari .mainTitle p.under {
	color:#FFFFFF;
}
/*-----------LINKS--------*/
a {
	color:#F2F2F2;
	text-decoration:none;
	outline:none
}     /* unvisited link */

a:hover {
   color:black;
	text-decoration:none;
}   /* mouse over link */

a.active {
	color:#808080;
}   
/*----------INDEX PAGE-----------*/
div.noopacity {
	color: #1d1d1d;
}
div.opacity {
	color: #1d1d1d;
	background:transparent url('/images/context/general/bg_tr.png') repeat scroll 0 0;
}
/*-------------TITLE-------------*/
span.welcome {
	color: #FFFFFF;
	font-size:11px;
	text-align:left;
	background:transparent url('/images/context/general/bg_tr.png') repeat scroll 0 0;
	text-transform:uppercase;
	line-height:25px;
}

/*-------------TITLE-------------*/
#work_title_hidden {
	color:#1D1D1D;
}
/*--------------SLIDESHOW CONTROL-----------*/
.slideShowCtrl { display: none; }
.slideShowHiddenImageNode {visibility: hidden;}
div#slideshow_playpause {
/*	background-image:url(/images/content/gallery/g_play.png);
*/}
div#slideshow_prev {
/*	background-image:url(/images/content/gallery/g_prev.png);
*/}
div#slideshow_next {
/*	background-image:url(/images/content/gallery/g_next.png);
*/}
a#slideshow_playpause {
	background-image:url(/images/content/gallery/g_play.png);
}
a#slideshow_prev {
	background-image:url(/images/content/gallery/g_prev.png);
}
a#slideshow_next {
	background-image:url(/images/content/gallery/g_next.png);
}
a.slideShowActive {
	background:url(/images/content/gallery/g_play.png) 0 -38px !important
}
a.slideShowActive:hover {
	background:url(/images/content/gallery/g_play.png) 0 -57px !important
}
/*-----------------PAGER-------------------*/
.pagerContainer {
	/* FIXME: need basline styles for tundra, soria, and nihilo */
	border: none;
}
/* Horizontal classes */

.horizontalPagerPager {
	display: none;
}
.horizontalPagerIcon {
	cursor: pointer;
}
/* Vertical classes */

.verticalPagerIcon {
	cursor: pointer;
}
/* Misc. */
.pagerIconContainer img {
	cursor: pointer;
}
.pagerItems {
	list-style: none;
}
#pager_previous {
	background: transparent url('/images/content/pager/pager_4_items/pre.png') no-repeat scroll 0 0;
}
#pager_next {
	background: transparent url('/images/content/pager/pager_4_items/next.png') no-repeat scroll 0 0;
}
.slideShowCtrlHide {
	visibility:hidden
}
#design_pager_div div, #design_pager_div {
	outline:none
}
/* CONTENUTO*/
.arrow a {
	line-height:25px;
	color:#000000;
}
.arrow a:hover {
	text-decoration: underline
}
.iniziofreccia {
	background:url(/images/icons/button_link_left.png) 0 0 no-repeat;
}
.middlefreccia {
	background:white;
}
.finefreccia {
	background:url(/images/icons/button_link_right.png) 0 0 no-repeat;
}
/*-----------FOOTER STYLES--------*/
#bottom_region .firstIcon {
	background:url('/images/context/footer/btn_eye.png') 0 0 no-repeat;
}
#bottom_region .firstIcon:hover {
	background:url('/images/context/footer/btn_eye.png') 0 -52px no-repeat;
}
#newsletter {
	display: block;
	background: url('/images/context/footer/btn_newsletter.png') 0 0 no-repeat
}
#newsletter:hover {
	background: url('/images/context/footer/btn_newsletter.png') 0 -52px;
}

.dottedlink{ color:#808080; text-decoration:none}