/*****************************/
/*** Core html setup stuff ***/
/*****************************/

*, form {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	width: 100%;
}

body {
	font-family: "Lucida Sans Unicode","Lucida Grande",Lucida,Arial,sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	padding: 0;
	font-size: 12px;
	color: #000;
	width: 100%;
	text-align: center;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #046C82;
}

a:hover {
	text-decoration: underline;
	color: #005A8E;
}


a.actPage:link, a.actPage:visited {
	text-decoration: none;
	font-weight: bold;
	color: #005A8E;
	font-size: 1.2em;
	text-decoration: underline;
}

a.actPage:hover {
	text-decoration: underline;
	color: #046C82;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }


/** Forms **/
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 95%;
}
fieldset {
	border: 1px solid #ccc;
	margin-bottom: 1em;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}

form .input {
	color: #444;
}
form .required {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}


form div.loginDiv {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
label.loginLabel {
	display: block;
	font-size: 110%;
	margin-bottom:3px;
}

.LabelFormRegister {
	font-size: 110%;
        margin-bottom:3px;
        font-family: "Lucida Sans Unicode","Lucida Grande",Lucida,Arial,sans-serif;
        line-height: 1.3em;
        margin: 0px 0px 0px 0px;
        padding: 0;
        font-size: 12px;
        color: #000;
        text-align: right;
}

#login-frame {
	width: 520px;
	margin: auto;
}

#login-frame p {
	margin: 5px 0;
}

#over-header, #under-header, #under-login {
	width: 100%;
	float: left;
	clear: both;
	height: 2px;
	background: #005A8E;
	margin-top: 13px;
}

#under-header {
	margin-bottom: 35px;
}

#header {
	width: 990px;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 125px;
}

#header-l {
	width: 100%;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 125px;
}

#logo-frame {
	float: left;
	height: 125px;
	background: url("../img/auf.png") top center no-repeat;
	width: 270px;
}

#restricted-area {
	width: 500px;
	float: left;
	height: 100px;
	border-left: solid 1px #000;
	margin-top: 12px;
	text-align: left;
	padding-left: 7px;
}

#consorzio {
	text-transform: uppercase;
	font-size: 1.2em;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 10px;
}

#flie {
	font-size: 0.9em;
	line-height: 0.9em;
	float: left;
	clear: both;
	width: 100%;
}

#restricted {
	text-transform: uppercase;
	font-size: 3.5em;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 15px;
	line-height: 1.1em;
}

#user-frame {
	width: 150px;
	float: right;
	text-align: left;
	margin-top: 66px;
}

#welcome, #user-tools {
	float: left;
	clear: both;
	width: 100%;
}

#user-name {
	text-transform: uppercase;
	font-size: 1.2em;
	float: left;
	clear: both;
	width: 100%;
	color: #005A8E;;
}

#navigator-frame {
	width: 100%;
	float: left;
	clear: both;
	height: 40px;
}

div.border-red {
	width: 100%;
	float: left;
	clear: both;
	height: 2px;
	background: #005A8E;
}

div.border-white {
	width: 100%;
	float: left;
	clear: both;
	height: 2px;
	background: #FFFFFF;
}

#navigator, #navigator-l {
	width: 100%;
	float: left;
	clear: both;
	height: 32px;
	background: url("../img/bg_nav_isa.jpg") top left repeat-x;
}

#navigator ul {
	list-style-type: none;
	width: 990px;
	margin: auto;
}

#navigator-l ul {
	list-style-type: none;
	width: 100%;
	float: left;
}

#navigator ul li, #navigator-l ul li {
	float: left;
}

#navigator ul li a, #navigator-l ul li a {
	padding-left: 15px;
	padding-right: 15px;
	line-height: 30px;
	font-size: 1.2em;
	text-transform: uppercase;
}

#navigator ul li a:link, #navigator ul li a:visited, #navigator-l ul li a:link, #navigator-l ul li a:visited {
	color: #FFF;
}

#navigator ul li a:hover, #navigator ul li a.active:link, #navigator ul li a.active:visited, #navigator-l ul li a:hover, #navigator-l ul li a.active:link, #navigator-l ul li a.active:visited {
	color: #000;
	text-decoration: none;
}

#navigator-l ul li a.active:hover, #navigator-l ul li a.active:hover {
	color: #FFF;
}

span.n-sep1 {
	float: left;
	height: 32px;
	width: 1px;
	background: url("../img/bg_n-sep_isa.jpg") top left no-repeat;
}

span.n-sep2 {
	float: left;
	height: 32px;
	width: 2px;
	background: url("../img/bg_n-sep_isa.jpg") top left repeat-x;
}

#content-frame {
	width: 990px;
	margin: auto;
	margin-top: 20px;
}

#content-frame-l {
	width: 100%;
	float: left;
	margin-top: 20px;
}

#left {
	width: 250px;
	float: left;
	text-align: center;
}

#scegli {
	width: 32px;
	height: 490px;
	margin: auto;
	background: url("../img/scegli.gif") top left no-repeat;
}

#header-left {
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 5px;
	width: 100%;
	float: left;
	clear: both;
}

#box-amministrazione, #box-personale, #box-accademica, #box-segreteria-studenti, #box-student-life, #box-strutture, #box-amatoriali{
	width: 275px;
	min-height: 275px;
	float: left;
	background: #E0EDF0 url("../img/box_footer.gif") bottom left no-repeat;
}

div.bHeader {
	position: relative;
	width: 100%;
	float: left;
	clear: both;
	height: 62px;
	background: url("../img/box_header.gif") top left no-repeat;
}

div.bHeader h2 {
	color: #005A8E;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	position: absolute;
	top: 24px;
	left: 40px;
}

div.bLink {
	float: left;
	clear: both;
	width: 100%;
}

div.bLink ul {
	list-style-type: none;
	float: left;
	background: url("../img/sf_ul.gif") top left repeat-y;
	margin-left: 20px;
	width: 100%;
}

div.bLink ul li {
	margin-left: 20px;
	float: left;
	display: block;
	height: 30px;
	line-height: 30px;
	background: url("../img/sf_li.gif") center left no-repeat;
	clear: both;
}

div.bLink ul li a {
	margin-left: 15px;
	float: left;
	display: block;
	height: 30px;
	line-height: 30px;
	background: url("../img/sf_a.gif") bottom left repeat-x;
	clear: both;
	font-size: 16px;
	color: #000;
}

#box-amministrazione div.bIcon {
	position: absolute;
	top: 7px;
	left: -20px;
	width: 43px;
	height: 42px;
	background: url("../img/amministrazione.jpg") top left no-repeat;
}

#box-personale div.bIcon {
	position: absolute;
	top: 7px;
	left: -25px;
	width: 52px;
	height: 42px;
	background: url("../img/personale.jpg") top left no-repeat;
}

#box-accademica div.bIcon {
	position: absolute;
	top: 7px;
	left: -15px;
	width: 43px;
	height: 42px;
	background: url("../img/accademica.jpg") top left no-repeat;
}

#box-segreteria-studenti div.bIcon {
	position: absolute;
	top: 7px;
	left: -15px;
	width: 43px;
	height: 42px;
	background: url("../img/segreteria_studenti.jpg") top left no-repeat;
}

#box-student-life div.bIcon {
	position: absolute;
	top: 7px;
	left: -20px;
	width: 43px;
	height: 42px;
	background: url("../img/student_life.jpg") top left no-repeat;
}

#box-strutture div.bIcon {
	position: absolute;
	top: 7px;
	left: -25px;
	width: 52px;
	height: 42px;
	background: url("../img/strutture.jpg") top left no-repeat;
}

#box-amatoriali div.bIcon {
	position: absolute;
	top: 7px;
	left: -20px;
	width: 43px;
	height: 42px;
	background: url("../img/amatoriali.jpg") top left no-repeat;
}

div.b-v-spacer {
	width: 35px;
	float: left;
	color: #FFF;
}

div.b-h-spacer { 
	width: 100%;
	float: left;
	clear: both;
	height: 35px;
}

#menu-frame {
	width: 100%;
	float: left;
	clear: both;
}

#menu-frame ul, #menu-frame ul li ul {
	list-style-type: none;
	width: 100%;
	float: left;
	clear: both;
}

#menu-frame ul ul {
	margin-bottom: 5px;
}

#menu-frame ul ul ul {
	margin-bottom: 5px;
}

#menu-frame ul li {
	display: block;
	float: left;
	clear: both;
}

#menu-frame ul ul li {
	display: block;
	float: left;
	margin-left: 20px;
	clear: both;
}

#menu-frame ul ul ul li {
	display: block;
	float: left;
	margin-left: 40px;
	clear: both;
}

#menu-frame ul li a{
	width: 219px;
	height: 32px;
	line-height: 32px;
	background: url("../img/bg_link_left_isa.jpg") top left no-repeat;
	display: block;
}

#menu-frame ul ul li a {
	width: 169px;
	height: 32px;
	line-height: 32px;
	background: url("../img/bg_sublink_left.jpg") top left no-repeat;
	display: block;
}

#menu-frame ul ul ul li a {
	width: 169px;
	height: 32px;
	line-height: 32px;
	background: url("../img/bg_subsublink_left.jpg") top left no-repeat;
	display: block;
}

#menu-frame ul li a:link, #menu-frame ul li a:visited, #menu-frame ul li ul li a:link, #menu-frame ul li ul li a:visited {
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
}

#menu-frame ul li a:hover, #menu-frame ul li ul li a:hover {
	color: #000;
	text-decoration: none;
}

#right-i {
	width: 80%;
	float: left;
}

#right-l {
	width: 900px;
	float: left;
	text-align: center;
}

#breadcrumb {
	margin: auto;
	list-style-type: none;
	clear: both;
	padding-bottom: 15px;
	height: 10px;
	font-weight: bold;
}

#breadcrumb li {
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}

#breadcrumb li a {
	font-weight: bold;
	color: #005A8E;
}

#table-frame {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 25px;
}

table.search-table {
	background: #E0EDF0;
	text-align: left;
}

table.search-table tr th {
	background: url("../img/sf_search.jpg") top left repeat-x;
	line-height: 10px;
	color: #FFF;
	text-transform: uppercase;
	padding: 7px;
}

table.search-table tr td {
	width: 35%;
	padding: 7px;
	border-right: dotted 1px #2C8597;
	border-bottom: dotted 1px #2C8597;
}

table.search-table tr td.label {
	width: 15%;
	font-weight: bold;
	text-align: center;
}

.search-field {
	width: 100%;
	border: solid 1px #2C8597;
}

table.search-table tr td.search-footer {
	width: 100%;
	font-weight: bold;
	color: #000;
	text-align: center;
}

.search-button, .grade-button {
	padding-left: 20px;
	padding-right: 20px;
	height: 20px;
	line-height: 20px;
	background: #2C8597;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
}

.search-button:hover {
	color: #000;
	text-decoration: none;
}

table.main-table {
	background: #E0EDF0;
	border-left: solid 1px #E0E0E0;
	border-top: solid 1px #005A8E;
}

table.main-table tr.theader {
	background: url("../img/bg_tr.jpg") top left repeat-x;
	height: 31px;
}

table.main-table tr th, table.main-table tr th a {
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}

table.main-table tr th.blred {
	border-left: solid 1px #005A8E;
}

table.main-table tr th.brred {
	border-right: solid 1px #005A8E;
}

table.main-table tr th span {
	float: left;
	width: 100%;
	height: 31px;
	line-height: 31px;
	background: url("../img/bg_th.jpg") top right no-repeat;
}

table.main-table tr th.brred span {
	background: none;
}

table.main-table tr td {
	border-right: solid 1px #707678;
	border-bottom: solid 1px #707678;
}

table.main-table tr td.icon {
	padding: 4px;
	width: 35px;
}

/*Stili per popup*/

.azure {
	background: #BBD3D6;
	text-align: center;
}

#header-popup, #form-frame {
	margin: auto;
	width: 90%;
}

#form-frame {
	margin-top: 20px;
}

#logo-frame-popup {
	float: left;
	width: 90px;
	height: 54px;
	background: url("../img/logo_popup.gif") top center no-repeat;
}

#title-frame {
	height: 44px;
	float: left;
	border-left: solid 1px #000;
	margin-top: 6px;
	padding-left: 7px;
}

#title-frame #title {
	width: 100%;
	float: left;
	clear: both;
	font-size: 1.1em;
	margin-top: 10px;
	text-transform: uppercase;
	line-height: 1em;
}

#title-frame #subtitle {
	width: 100%;
	float: left;
	clear: both;
	font-size: 0.9em;
	line-height: 0.9em;
}

div.form-row {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 10px;
}

label {
	float: left;
	width: 90px;
	text-align: right;
	padding-right: 10px;
	font-size: 0.8em;
	text-transform: uppercase;
}

div.input-frame {
	float: left;
	text-align: left;
}

div.input-frame input.styled {
	border: solid 4px #5FA5B2;
	background: url("../img/bg_input.jpg") top left repeat-x;
	height: 15px;
	color: #FFF;
}

input.std-button {
	width: 46px;
	height: 21px;
	float: left;
	background: url("../img/bg_button.jpg") top left no-repeat;
	display: block;
	border: none;
	cursor: pointer;
	text-align: center;
	font-size: 0.7em;
	text-transform: uppercase;
}

input.std-login {
	width: 46px;
	height: 21px;
	margin: auto;
	background: url("../img/bg_button.jpg") top left no-repeat;
	display: block;
	border: none;
	cursor: pointer;
	text-align: center;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
}

input.std-register {
        width: 200px;
        height: 21px;
        margin: auto;
        background: url("../img/bg_register.png") top left no-repeat;
        display: block;
        border: none;
        cursor: pointer;
        text-align: center;
        font-size: 0.9em;
        text-transform: uppercase;
        font-weight: bold;
}

/*Tabella calendario*/
	table#weekly_planning {
		border-collapse: separate;
		border-spacing: 0;
		font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
		font-size:12px;
	}

	table#weekly_planning caption, table#weekly_planning th, table#weekly_planning td {
		text-align: left;
		font-weight: normal;
	}

	h3.planning {
		color: #993;
		font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
		font-size: 16px;
	}

	table#weekly_planning  {
		background: #fff;
		border-right:0;
		clear: both;
		color: #333;
		margin-bottom: 10px;
		width: 100%;
	}

	table#weekly_planning th {
		border:0;
		border-bottom:2px solid #555;
		text-align: left;
		padding:4px;
	}
	table#weekly_planning th a {
		display: block;
		padding: 2px 4px;
		text-decoration: none;
	}
	table#weekly_planning th a.asc:after {
		content: ' â‡£';
	}
	table#weekly_planning th a.desc:after {
		content: ' â‡¡';
	}
	table#weekly_planning tr td {
		background: #fff;
		padding: 4px;
		text-align: left;
		vertical-align: top;
		border-bottom:1px solid #ddd;
	}
	table#weekly_planning tr:nth-child(2n) td {
		background: #f5f5f5;
	}

	table#weekly_planning tr td.course {
		width: 2px;
		background: #A0CE00;
	}

	table#weekly_planning tr td.lesson {
		width: 2px;
		background: #009900;
	}

	table#weekly_planning tr td.over {
		width: 2px;
		background: red;
	}

	table#weekly_planning tr td.over {
		width: 2px;
		background: red;
	}

	table#weekly_planning tr td.bordered {
		border-right: 2px dotted #004400;
	}


/*****************************/
/*** Stili    esportazioni ***/
/*****************************/

td.SchoolRow, tr.SchoolRow td {
	background: #005A8E;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
	padding: 2px;
}

td.DepRow, tr.DepRow td {
	background: #60A2B0;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
	padding: 2px;
}

tr.ExpHeader td {
	background: #CCC;
	padding: 2px;
	font-size: 9px;
}

tr.CourseRow0 td {
	padding: 2px;
	font-size: 9px;
	border-bottom: dotted 1px #666;
	border-right: dotted 1px #666;
}

tr.CourseRow1 td {
	background: #EBEBEB;
	padding: 2px;
	font-size: 9px;
	border-bottom: dotted 1px #666;
	border-right: dotted 1px #666;
}

td.center {
	text-align: center;
}

ul.elencoEsportazioni {
	list-style-type: none;
	float: left;
	width: 200px;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
}

td.tab_export {
	font-size: 9px;
	border: 1px solid black;
}

#body_lettera p {
	font-family: arial, sans-serif;
	font-size: 12pt;
	line-height: 16pt;	
}

/*CSS PAOLO */
.tab_get_ajax td {
	border: 1px solid black;	
}

	.ui-button { margin-left: -1px; }
	.ui-button-icon-only .ui-button-text { padding: 0.35em; } 
	.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; width: 500px;}
	
#printa_infondo { display: block; position: absolute;}

td.RigaIntestazione, tr.RigaIntestazione td {
	background: #005A8E;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
	padding: 2px;
	text-align: center;
	border:1px solid black;
}

td.RigaIntestazioneRegistri, tr.RigaIntestazioneRegistri td {
	background: #FFF;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	padding: 2px;
	text-align: center;
	border:1px solid black;
}

tr.ExportRow0 td {
	padding: 2px;
	font-size: 9px;
	height: 40px;
	border:1px solid black;
}

tr.ExportRow1 td {
	background: #EBEBEB;
	padding: 2px;
	font-size: 9px;
	border:1px solid black;
	height: 40px;
}

tr.ExportRowLigh0 td {
	padding: 2px;
	font-size: 10px;
	height: 12px;
	border:1px solid black;
}

tr.ExportRowLigh1 td {
	background: #EBEBEB;
	padding: 2px;
	font-size: 10px;
	border:1px solid black;
	height: 12px;
}

td.RigaRegistri {
	font-size: 12px;	
}

td.totale_iscritti {
	font-size: 9px;	
}

td.dettaglio_studenti {
	font-size: 9px;	
}

table.schedules {
width: 80%; 
font-style:normal;
color:#000;
font-size:12px;
margin:0 0 10px 0;
font-weight:400px;
font-family:'Cabin', sans-serif;
margin: 0 auto;
}

hr.schedules {
width: 100%;
size: 1px;
color: #aaa;
}

h2.schedules{
color: #000;
margin-bottom: 2px;
}

h3.schedules {
margin-top: 5px;
}

.hr.schedulesh {
width: 100%;
size: 2px;
color: #f00;
}

td.sscode {
vertical-align: top;
width: 75px;
}

td.stitle {
vertical-align: top;
width: 120px;
}

td.ssection {
vertical-align: top;
text-align: center;
width: 45px;
}

td.scredits {
vertical-align: top;
text-align: center;
width: 44px;
}

td.sdays {
vertical-align: top;
width: 110px;
padding-right: 3px;
}

td.saddress {
vertical-align: top;
padding-right: 3px;
width: 100px;
}

td.steacher {
vertical-align: top;
width: 100px;;
}

td.sprereq {
vertical-align: top;
width: 180px;
padding-right: 3px;
}

td.snotes {
vertical-align: top;
}

td.sstatus {
vertical-align: top;
width: 50px;
}
