body {margin: 0; padding: 0; background: #f2f2f2 url(body_bg.gif) repeat-x top; text-align: center; font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #76797c;}
table, td {font: 10px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #76797c;}
a:link, a:visited {color: #164fa0; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

#campoheader {position: relative; font-size: 10px; color: #2e2e2e; height: 85px; width: 820px;}
#campoheader #campologo {position: absolute; top: 19px; left: 11px;}
#campoheader #search {position: absolute; top: 22px; right: 10px; margin: 0;}
#campoheader #whatsnew {position: absolute; top: 61px; left: 10px;}
#campoheader #whatsnew img {vertical-align: -4px}
#campoheader #rightlinks {position: absolute; top: 61px; right: 10px;}
#campoheader span {color: #a1a5a9; font-size: 13px;}

#breadcrumb {font-size: 10px; padding: 0; margin: 10px auto 20px; color: #333; border-bottom: 1px solid #c8c8c8; padding-bottom: 20px; width: 800px;}

#header {padding-top:5px;}
#campoheader, #header, #main, #footer {width: 820px; margin: 0 auto; text-align: left;}
#main #top {background: url(main_bg_top_bp.gif) no-repeat; height: 262px; margin:0 -25px 0 -25px; }
#main {background: white url(main_bg.gif) top left repeat-y; width:770px; padding:0 25px 0 25px; }
#main #mainfooter {background: url(mainfooter_bg.gif) no-repeat bottom; height: 35px; margin:0 -25px 0 -25px; clear: both;}

#main div.column {text-align:left; margin-bottom:0; margin-top:14px; position:relative; top:-261px; margin-bottom:-261px; }
/*\*//*/ *html #main div.column { margin-top:-247px; margin-bottom:0; } /**/

#main p {margin: 0 0 1em 0;}
#main p.last {margin: 0;}
#main p.intro {font-weight: bold;}
#main .lite {color: #79767c;}
#main h1 {font-size: 25px; margin:.3em 0 .4em 0; color:#000; }
#main h2 {font-size: 12px; margin:0; color:#000; }
#main h3 {font-size: 12px; margin:0; color:#76797c; }
#main .more {text-align: right;}

#main div.post { margin-bottom: 20px; }
#main div.post h2  {font-size: 18px; margin:0; color:#000; }
#main div.post h3  {font-size: 10px; margin:0; color:#76797c; }
#main div.post div.entrytext { margin-top: 12px; }
#main div.post div.entrytext img {float:left; margin: 2px 10px 5px 0; border: 0;}
#main div.post p.postmetadata { padding-bottom: 14px; border-bottom: 1px solid gray;	}

#main a.pdf {background: url(globaliconpdf12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.html  { background: url("globaliconhtml12x12.gif") no-repeat left top; display: block; padding-left: 20px }
#main a.qt {background: url(globaliconqt12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.ical {background: url(globaliconical12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.dl {background: url(globalicondl11x10.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.dmg {background: url(globalicondmg12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.zip {background: url(globaliconzip12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.keynote {background: url(globaliconkeynote12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.audio {background: url(globaliconaudio12x12.gif) left top no-repeat; display: block; padding-left: 20px;}

#main .subcolumn1-2 {float: left; width: 375px;}
#main .subcolumn2-2 {float: right; width: 375px;}
#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 {width: 212px; float: left;}
#main .subcolumn1-3, #main .subcolumn2-3 {margin-right: 20px;}

#content {float:left; width:520px;}
#content.fullwidth {float:left; width:770px;}

#content .subcolumn1-2 { float:left; width: 245px;}
#content .subcolumn2-2 { float:right; width: 245px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 { width:135px; float:left; }
#content .subcolumn1-3, #content .subcolumn2-3 { margin-right:22px; }

#sidebar {float:right; width:225px; font-size: 10px; margin:0 -4px 0 0; padding:0; }
*html #sidebar {margin-right: -7px;}
/*\*//*/ *html #sidebar {margin-right: -14px;} /**/
#sidebar h2 {font-size: 12px; margin: 0;}
#sidebar h3 {font-size: 12px; font-weight: normal; margin: 0 0 5px; color: black;}
#sidebar h4 {font-size: 10px; margin: 0;}

#sidebar .faqbox { background: url(faq_middle.gif) left repeat-y; width:215px; padding:5px 10px 0px 10px; margin:-10px -10px -5px 0; }
#sidebar .sidebox { width:215px; padding:10px 10px 5px 10px; border-bottom:1px solid #d9d9d9; margin:-10px 0 10px 0; }
#sidebar .button { padding:0; margin:0 0 5px 0; border:none; }
#sidebar #image1 { margin-top: -11px;}

img.left {float:left; margin: 2px 10px 5px 0; border: 0;}
img.right {float: right; margin: 2px 0 5px 10px; border: 0;}
img.across {margin: 0 0 10px 0; border: 0;}

ul {list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.square {list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle {list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.arrow {list-style-image: url(arrow.gif); margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.arrowlarge {list-style-image: url(arrow.gif); margin: 0 0 0 16px; padding: 0 0 1em 0; font-size:9pt;}
ol {list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li {padding-bottom: .3em;}
ul ul.circle {margin-top: .3em;}
ul ul.square {margin-top: .3em;}

ol.last {padding: 0;}
ul.last {padding: 0;}
dl.last {padding: 0;}
li.last {padding: 0;}

sup {vertical-align: baseline; font-size: 1em; color: #76797c;}

.sosumi {font-size: 10px !important; color: #76797c;}
ol.sosumi {margin-left: 0; padding-left: 1.5em; clear: both;}

#footer {text-align: center; clear: both; font-size: 10px; padding: 0 0 15px; color: #76797c;}

div.clearer, div.clearer-notie {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}
/*\*/ *html div.clearer-notie { clear:none; display:none; margin:0; padding:0; height:0; line-height:1px; font-size:1px; } /**/

/* FAQ PAGES */
.faq ol li { padding-bottom:1em; color:#444; font-weight:bold; }
.faq .answer { display:block; font-weight:normal; color:#76797c; padding:0 0 .6em 0; }
.faq ul.answer { padding:.4em 0; margin-left:24px; }
.faq ul.answer li { font-weight:normal; color:#76797c; padding:0 0 .4em 0; }
.faq .last { padding-bottom:0 !important; margin-bottom:0 !important; }


/* SESSIONS and LABS */
table.sessions {width: 770px; font-size: 11px; margin-top: 5px; position:relative; float:left; }
/*\*//*/ *html table.sessions { margin-top:-99px; margin-bottom:0; } /**/
table.sessions tr.sortrow th {text-align: left; background: #c2c2c2; border-bottom: 1px solid white; color: #111;  border-top: none; white-space:nowrap;}
table.sessions tr.sortrow th a {color: #0d5b92}
table.sessions tr.sortrow th.sortcolumn {background: #a2a2a2}
table.sessions tr th.sortcolumn {background: #ddd}
table.sessions tr th.sortcolumn a {color: #333; text-decoration: none; cursor: default;}

table.sessions th {padding: 4px 8px; text-align: left; background: #efefef; color: #333; border-top: 1px solid #c2c2c2}
table.sessions th.number {white-space: nowrap; width:66px;}
table.sessions th.track {white-space: nowrap; width: 152px;}
table.sessions th.session {white-space: nowrap; width: 135px;}
table.sessions td {padding: 0; vertical-align: top;}
table.sessions td div.description {padding: 3px 8px 8px; font-size: 11px; /* display: none; */}
table.refinebox {margin-top: 20px; border: 1px solid #e2e2e2; position:relative; top:-100px; }
table.refinebox td {vertical-align: top; padding: 7px 10px 4px; background: #f9f9f9}
table.refinebox h3 {display: inline}
table.refinebox td.filter {border-left: 1px solid #e2e2e2; width: 65%; padding-top: 6px}
table.refinebox select {width: 180px;}

table.sessions td div.description { min-height:44px; }
/*\*/ *html table.sessions td div.description { height:44px; display:table-cell; width:667px; } /**/
*html table.sessions td div.description { height:44px; }

/* CAMPO NAV */
#localnav { width:798px; height:28px; font-size:12px; margin:0 -14px 0 -14px; position:relative; top:-261px; }
#localnav td a { background:#FFB82E url(localnavyellow.gif) repeat-x left top;
	display:block; width:100%; height:1.8em; padding:6px 0 0 0;
	text-align:center; color:#fff; font-size:12px; text-shadow:#333 0 1px 3px; }
#localnav td a:hover { background-color:#FF9426; background-position:left -81px; text-decoration:none; }
#localnav td.active a { background-color:#FFD856; background-position:left -162px; color:#000; text-shadow:none; }
#localnav td.active a:hover { background-color:#FFD856; background-position:-162px left; }

#localnav td#home, #localnav td#news, #localnav td#faq { width:130px; }

#localnav td.sel a { background-color:#FFD856; background-position:left -162px; color:#000; text-shadow:none; }
#localnav td.sel a:hover { background-color:#FFD856; background-position:-162px left }

.smalltext {font-size: 10px !important;}

/* schedules pages definitions */
/* days table */ 
.days { border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; margin-bottom: 24px; margin-top: 20px; width: 98%;}
.days td, .days th { font-size: 11px;  text-align: center; padding: 4px; background: #f9f9f9; border-top: 1px solid #a1a5a9; border-left: 1px solid #a1a5a9; text-align: center; color: #444}
.days th { font-weight: bold; background: #EEEFF0; color: #444; border-top: 1px solid #a1a5a9;}
.days td.first.type, .days th.first { border-left: 1px solid #a1a5a9; border-top: 1px solid #a1a5a9;}
.days tr.afternoon td { border-top: none ;}
.days td.active { background: #74a6cb; color: white; }
.days td.active a, .days td.active a:hover { color: white; cursor:text; text-decoration:none; }
.days .type { border-left: 1px solid #a1a5a9; border-top: 1px solid #a1a5a9; background: #EEEFF0; font-weight: bold; color: #444; }
.days .empty { background: #FFF; border-top: none; border-left: none; }
/* calendar table */ 
.calendar { width:770px; border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; vertical-align: top; margin-top:-46px; margin-bottom:2.6em; }
.calendar th { color: #444; border-top: 1px solid #a1a5a9; border-left: 1px solid #b2b2b2; background: #EEEFF0 url(calendar_th_bg.gif) repeat-x top left; padding: 6px 8px; font-size: 10px; text-align: center; }
.calendar td { width:163px; border-left: 1px solid #CCCFD0; border-top: 1px solid #CCCFD0; padding: 6px 8px; font-size: 10px; font-weight: bold; color: #FFF; height: 30px; vertical-align: top; text-align: left; white-space:normal; }
.am .calendar td { width:217px; }
.calendar .empty, .am .calendar .empty { background: #FFF !important; border-top: none !important; border-left: none !important; }
.calendar .location, .am .calendar .location { width:88px; border-left: 1px solid #a1a5a9; border-top: 1px solid #CCCFD0; background: #EEEFF0; font-weight: bold; color: #444; }
.calendar .first, .am .calendar .first { border-top: 1px solid #a1a5a9; border-left: 1px solid #a1a5a9; }
.calendar .rooms, .am .calendar .rooms { width:30px; vertical-align: middle; text-align: center; padding: 0; background: #EEEFF0 url(calendar_rooms_bg.gif) repeat-y top left; }
.calendar .middle { vertical-align:middle; }
.calendar .special, .colorkey .special { color: #444; font-weight: normal; background: #f9f9f9}
.calendar .special a:link, .calendar .special a:visited {color: #164fa0; text-decoration: none;}
.calendar .special a:hover, .calendar .special a:active {text-decoration: underline;}
.calendar .special a:hover, .calendar .special a:active { color: #f60; text-decoration: underline; }
.calendar .tba, .colorkey .tba { color: #A9A9A9; font-weight: normal; }
.calendar .giocoteatro, .colorkey .giocoteatro { background: #493f6c; }
.calendar .propilota, .colorkey .propilota { background: #0f638A; }
.calendar .prostudio, .colorkey .prostudio { background: #61AEAC; }
.calendar .introteatro, .colorkey .introteatro { background: #A9B44C; }
.calendar .labo, .colorkey .labo { background: #E0C030; }
.calendar .avvioteatro, .colorkey .avvioteatro { background: #BF8E25; }
.calendar a:link, .calendar a:visited { color: #FFF; font-weight: bold; text-decoration: none; }
.calendar a:hover, .calendar a:active { color: #FFF; font-weight: bold; text-decoration: underline; }
/* legend table */
.colorkey { width:770px; border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; vertical-align: top; color: #444; margin-bottom:2em;  }
.colorkey th { border-top: 1px solid #a1a5a9; border-left: 1px solid #a1a5a9; font-size: 11px;  text-align: center; padding: 4px; text-align: center; font-weight: normal; background: #f9f9f9; }
.colorkey td { border-left: 1px solid #CCCFD0; border-top: 1px solid #CCCFD0; padding: 6px 8px; font-size: 10px; vertical-align: top; text-align: left; color: #444; }
.colorkey td.first { border-left: 1px solid #a1a5a9; }
.colorkey div.key { border:1px solid #CCCFD0; width:8px; height:8px; line-height:8px; font-size:8px; padding:0; margin:1px 6px 0 0; float:left; }