/* CSS Document */

body {
	background:#656565 url(../img/bg.gif) repeat-x 0 0;
	text-align:center;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#6b6c6d;
	}

a {
	outline:none;
	color:#E2001A;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	}

a:hover {
	text-decoration:underline;
}

.clear {
	display:block;
	clear:both;
	font-size:0;
	}
	
.foto {float:right; margin:0px 0px 10px 10px;}

/****************************************************
Main strucutre styles
*****************************************************/


#wrapper {
	width:872px;
	margin:14px auto 20px auto;
	}

#wrapper-top {
	height:10px;
	background:url(../img/bg-top.png) no-repeat 0 0;
	font-size:1px;
}
	
#wrapper1 {
	padding:0 0 0 10px;
	background:url(../img/bg-left.png) repeat-y left top;	
}	

#wrapper2 {
	width:852px;
	padding:0 10px 0 0;
	background:url(../img/bg-right.png) repeat-y right top;	
}
	
#container {
	width:852px;
	margin:0;
	background:#FFF url(../img/bg-container.gif) no-repeat left bottom;
	text-align:left;
	padding:0 0 5px 0;
	}	

#content {
	width:692px;
	margin:20px auto 20px auto;
	}
	
#content h2 {
	font-size:1.3em;
	margin:0 0 0 0;
	text-align:center;
	padding:0 0 2px 0;
	border-bottom:1px solid #9c9d9f;
	color:#083f88;
}

#content h3 {	
	font-size:1.3em;
	margin:5px 0 0 0;
	text-align:center;
	padding:0;
	color:#083f88;
}

#footer {
	padding-top:40px;
	text-align:center;
	font-size:0.9em;

}

#footer span {	
	letter-spacing:0.1em;	
	}
	
#wrapper-bot {
	height:10px;
	background:url(../img/bg-bot.png) no-repeat 0 0;
	font-size:1px;	
}	


/*********************************************************
Header + Main Title
**********************************************************/

#header {
	height:100px;
}

#header h4#trinity {
	width:150px;
	float:left;
	margin:0;
	padding:0;
	font-size:0.8em;
	font-weight:normal;
}

#header h4#trinity a {
	text-indent:-300000px;
	display:block;
	height:55px;
	background:url(../img/h2-trinity-college.gif) no-repeat 3px top;
}

#header h4#trinity span {
	padding:5px 0 0 17px;
	display:block;	
	background:url(../img/h2-trinity-college-accr.gif) no-repeat 5px top;
	height:75px;
	text-indent:-300000px;	
	text-align:left;
}

#header h4#lingue {
	padding:0;
	margin:0 0 0 300px;
}

#header h4#lingue a {
	text-indent:-300000px;
	display:block;
	height:41px;
	background:url(../img/h2-lingue-zanichelli.gif) no-repeat right top;
}

#main-title {
	background:url(../img/title-bg.jpg) no-repeat left top;
	height:141px;
	margin:20px 0 0 0;
}

#main-title h1 {
	text-indent:-40000px;
	background:url(../img/switch-on.gif) no-repeat center top;
	margin:0;
	padding:0;
	height:74px;
}

/***************************************************
Home Content 
***************************************************/

#content p#home {
	width:404px;
	margin:20px auto 10px auto;	
}

ul#home-menu {
	height:40px;
	margin:30px 0 0 175px;
	padding:0;
	list-style-type:none;
}

ul#home-menu li {
	margin:0;
	padding:0;
	width:146px;	
	height:30px;
	float:left;		
}

ul#home-menu li#programma {
	background:#FFF url(../img/sprite.jpg) no-repeat 0 0;
	margin:0 200px 0 5px;
}

ul#home-menu li#registrati {
	background:#FFF url(../img/sprite.jpg) no-repeat -146px 0;
}

ul#home-menu li a {
	display:block;
	width:146px;	
	height:30px;
	text-indent:-30000px;
	position:relative;
}

ul#home-menu li#programma a:hover {
	background:#FFF url(../img/sprite.jpg) no-repeat 0 -30px;
}

ul#home-menu li#registrati a:hover {
	background:#FFF url(../img/sprite.jpg) no-repeat -146px -30px;
}

ul#home-menu.single li#registrati {
	margin:0 0px 0 180px;
}


/**********************************************
Nav Styles
**********************************************/

#nav {
	margin:15px 0 30px 0;
	}

#nav #left {
	width:400px;
	float:left;
	}

#nav #right {
	text-align:right;
	margin:0 0 0 450px;
	}

/**************************************************
Form styles
**************************************************/

.modulo {
	margin:30px auto 0 auto;
	width:700px;
	}

.modulo form fieldset  {
	padding:10px;
	border:1px solid #ccc;
	margin:0 0 25px 0;
	position:relative;
}

.modulo form fieldset legend {
	font-weight:bold;
	padding:0 5px;
	color:#6b6c6d;	
}

.modulo form fieldset div {
    margin:3px 0;
	padding:3px;
}

.modulo form fieldset div label {
    width:200px;
    text-align:right;
	padding: 4px 10px 0 0;
    display:block;
    float:left;
	font-weight:bold;
}

.modulo form fieldset div input.long {
	width:200px;
}

.modulo form fieldset div input#email {
	width:200px;
}
	
.modulo form fieldset div input.short {
	width:100px;
}

.modulo form #buttons {
	text-align:right;
	margin:30px 0 0 0;

}

.modulo form #buttons input {
	width:100px;
}

.valid
{
	color:Green;
}
.notvalid
{
	color:#AF3636;
}

.notvaliddiv {
	border:1px solid #AF3636;
	background:#EFC2C2 url(../img/warning.gif) no-repeat 10px center;
}

.notvaliddiv span {
	color: #AF3636;
	font-weight:bold;
}



.no-neutraldiv {
	display:none;
}


#guida {
	text-align:right;
	margin:30px 0px;
	font-size:0.9em;
	font-weight:bold;
	}
	
/* Seminar */

.modulo form fieldset.seminar  {
	border:1px solid #000;
}	

.modulo form fieldset.seminar legend {
	color:#000;	
}

.modulo form fieldset.seminar label {
	color:#000;
}

.modulo form fieldset.seminar select {
	border:1px solid #000;
}

	
/************************************************
Programma Styles
*************************************************/

ul#giorni {
	margin:15px auto 30px auto;
	width:520px;
	padding:0;
	list-style-type:none;
	text-align:center;
	}
	
ul#giorni li {
	margin:0 0 18px 0;
	padding:0;
	font-size:1.4em;
}	

ul#giorni li span {
	margin:0;
	padding:0;
	font-size:0.7em;
}	


table#programma {
	margin:5px auto 25px auto;
	font-size:11px;
	width:620px;
	border:1px solid #ccc;
}

table#programma thead tr th {
	color:#FFF;
	background-color:#666666;
	padding:5px;
	text-align:center;
}

table#programma tbody tr td {
	background-color:#E4E9F5;
	padding:7px 15px;	
}

table#programma tbody tr.even td {
	background-color:#FFF;
	padding:5px 15px;	
}

table#programma tbody tr td.left {
	text-align:right;
	width:90px;
}

table#programma tbody tr td.right {
	text-align:left;
	}

table#programma tbody tr td.hi {
	font-size:1.4em;
	font-weight:bold;
	color:#083f88;
}

table#programma tbody tr td.hi span {
	font-weight:normal;
	font-size:1em;
}

table#programma tbody tr td.hi em {
	font-weight:normal;
	font-size:0.9em;
}

table#programma tbody tr td.hi em span {
	font-size:0.8em;
}

table#programma tbody tr.even td table tr td {
	padding:0;	
}

table#programma tbody tr td.med {
	font-size:1.2em;
}

table#programma.pcenter tbody tr td {
	text-align:center;
	}

/************************************************
Bio Styles
************************************************/

.speaker {
	margin:60px 0;
}

.speaker h5 {
	font-size:1.2em;
	margin:0;
	padding:0;
}

.speaker p {
	margin:0;
	padding:0;
}


/************************************************
Admin Area
*************************************************/

ul#admin-menu {
	margin-top:20px;
	margin-bottom:50px;
	list-style-type:none;
}

ul#admin-menu li {
	margin-top:5px;
}
	
#errorPanel, .errorPanel {
	border:1px solid #AF3636;
	background:#EFC2C2 url(../img/warning.gif) no-repeat 10px center;
	padding:5px 5px 5px 40px;
	color: #AF3636;
	font-weight:bold;
	margin:20px 0;	
}

#validPanel, .validPanel {
	border:1px solid #72aa00;
	background-color:#b9ce44;
	padding:10px;
	color: #546d00;
	font-weight:bold;
	margin:20px 0;	
}	

#instructionsPanel, .instructionsPanel {
	border:1px solid #999;
	background-color:#f5f5f5;
	padding:10px;
	color: #333;
	margin:20px 0;	
}	
	
/***************************************************
Tabs
****************************************************/

#view-users {
	margin:20px 0 30px 0;
}

ul.tabmenu {
	margin:0;
	padding:0;
	list-style-type:none;
}

 ul#places-menu {
	margin:10px 0 0 0;
}

ul#places-menu li {
	border:1px solid #ccc; 
	border-bottom:none;
	width:80px;
	margin:0 10px 0 0;
	padding:4px;
	text-align:center;
	float:left;
	font-weight:bold;	
}

#tab-content {
	clear:both;
	padding:5px;
	border:1px solid #ccc;
	margin:0;
	}
	
#tab-content h4 {
	margin:3px;
	padding:0;
	font-size:15px;
}	
		
#tab-content ul, ul.summary-selected {
	list-style-type:none;
	border:1px solid #ccc;
	background-color:#f6f6f6;
	margin:10px 0;
	padding:10px;
	}

#tab-content ul li, ul.summary-selected li {
	margin:0;
	padding:0;
}


ul#users-menu {
	background:color:#FFF;
	margin:0;
	padding:0;
}


ul#users-menu li {
	border-right:1px solid #ccc; 
	float:left;
	padding:6px 24px;	
	font-weight:bold;	
}

#load {
	position:absolute;
	margin-left:250px;
	margin-top:50px;
	width:200px;
	height:15px;
	padding:5px;
	text-align:center;
	background-color:red;
	color:white;
	display:none;
	font-size:16px;
}	


/***********************************************************************************
Zebra Table settings
***********************************************************************************/

h4.title-zebra {
	padding-top:35px;
	border-bottom:1px solid #6b6c6d;
}

table.sortable {
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	margin:10px 0;
}

table.sortable thead tr th {
	border-left:1px solid #b4b4b4;
	border-top:1px solid #b4b4b4;
	border-bottom:1px solid #AAA;
	background-color:#dcdcdc;
	padding: 5px 8px;
}

table.sortable tr td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 8pt;
	padding: 5px 6px;
	border-left: 1px solid #D9D9D9;
}

table.sortable tr.even td {
	background-color:#edf3fe;
}

table.sortable tr.odd td {
	background-color:#FFF;
}

.input-center {
	text-align:center;
	padding:3px 0;
}

.td-overbook {
	background-image:url(../img/overbook.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

div.zebra-buttons {
	text-align:right;
}

/******************************************
Pop-up
******************************************/

#popup {
	background-color:#FFF;
	width:95%;
	margin: 0 auto;
	text-align:left;
}

#popup #content {
	padding:20px;
	width:auto;
}

#popup #content table tr td {
	padding:1px 8px;
}

/******************************************
Video-home
******************************************/

#video-home {
	width:692px;
	margin:20px auto 20px auto;
	}

#video-home h2 {
	font-size:1.3em;
	margin:0 0 0 0;
	text-align:center;
	padding:0 0 2px 0;
	border-bottom:1px solid #9c9d9f;
	color:#083f88;
}

#video-home div.video1, #video-home div.video2 {
	padding-top:15px;
	float:left;
	width:340px;
}

#video-home div.video2 {
	margin-left:12px;
}

div.video-legend {
	padding-top:15px;
	font-size:0.9em;
	text-align:center;
}