@import url(/RenomoZF/css/reset-fonts-grids.css);

/* YUI 2.5.2
(px)    (%)
10      77
11      85
12      93 (was 92)
13      100
14      108 (was 107)
15      116 (was 114)
16      123.1 (was 122)
17      131 (was 129)
18      138.5 (was 136)
19      146.5 (was 144)
20      153.9 (was 152)
21      161.6 (was 159)
22      167
23      174
24      182
25      189
26      197
*/

/**
 * Various
 */
.hidden {
  display: none; 
}
.clearfix {
  zoom: 1
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
html {
  background: url(/img/bgr.png);
}
body {
  line-height: 1.4;
  color: #434344;  
}

strong {
  font-weight: bold;
}
a {
  color: #FF6600;
}
a:hover {
  color: #FF3300;
  text-decoration: none;
}


/**
 * Layout
 */
#custom-doc {
  width: 801px;
  margin: auto;
  text-align: left;
  background: #FFFFFF;
  border-right: 4px solid #FFFFFF;  
  border-left: 4px solid #FFFFFF;
} 

/* Ammazza il 'bianchiccio' in fondo alla pagina */
#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{font-size:0;}

/**
 * Header
 */
#hd {
  height: 293px;
  position: relative;
}

/* @see default_ie.css */
#siteNavigation {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 93%;
  background: #575759 url(/img/navigation_bg.png) repeat-x;
}
#siteNavigation .sf-menu {
  width: 100%;
  margin-bottom: 0;
}
#siteNavigation li {
  background: #575759 url(/img/navigation_bg.png) repeat-x;
  font-size: 12px;
}
#siteNavigation li.sfHover {
  background: #575759 url(/img/navigation_bg.png) repeat-x;
}
#siteNavigation a:focus,
#siteNavigation a:hover,
#siteNavigation a:active {
  background: #FEB943;
  color: #000000;
}
#siteNavigation li ul {
  min-width: 100%;
  width: auto;
}
#siteNavigation li ul li {
  background: #575759;
  white-space: nowrap;
}
#siteNavigation li ul li:hover,
#siteNavigation li ul li.sfHover,
#siteNavigation li ul li a:focus,
#siteNavigation li ul li a:hover,
#siteNavigation li ul li a:active {
  background: #FEB943;
  color: #000000;
}
#siteNavigation li a {
  color: #FFFFFF;
  border-top: 0;  
  border-left: 0;
  border-right: 1px solid #FFFFFF;
  height: 13px;
  line-height: 14px;  
  padding: 8px 7px;
}
#siteNavigation li ul li a {
  border-bottom: 1px solid #807769;
  border-right: 0;
}
#siteNavigation li a.sf-with-ul {
  padding-right: 20px;
}
#siteNavigation .sf-sub-indicator {
  right: 0.5em;
  background-position: -10px -98px;
}
#siteNavigation a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	background-position: 0 -98px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
#siteNavigation a:focus > .sf-sub-indicator,
#siteNavigation a:hover > .sf-sub-indicator,
#siteNavigation a:active > .sf-sub-indicator,
#siteNavigation li:hover > a > .sf-sub-indicator,
#siteNavigation li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -98px; /* arrow hovers for modern browsers*/
}
#siteNavigation li#sf-Contacts {
  float: right;
}
#siteNavigation li#sf-Contacts a {
  float: right;
  padding-right: 9px;
  border-right: 0;  
}



#hd h1.header {
  text-indent: -9999px;
  background: url(/img/header_01.jpg) no-repeat right top;
  height: 260px;  
}

#hd .sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 260px;
}

#UserBlock {
  background-color: #E8E8E8;
  margin-bottom: 5px;
  height: 125px;
  padding: 10px;
  line-height: 1em;
  position: relative;
  width: 180px;
  overflow: hidden;
}
#UserBlock p {
  margin-bottom: 0.5em;
}
#UserBlock .errors strong {
  color: red;
}
#UserBlock .errors ul {
  margin: 0.5em 0;
  padding-left: 1em;
}
#UserBlock .errors ul li {
  list-style-type: square;
  margin: 0.2em; 
}
#UserBlock label {
  display: block;
  font-weight: bold;
  font-size: 85%;
}
#UserBlock input[type=text],
#UserBlock input[type=password] {
  padding: 0.2em;
  color: #666666;
  font-size: 93%;  
  letter-spacing: 1px;
  border: 1px solid #999999;
  background: #FCFCFC;
  width: 96%;
}
#UserBlock ul.form-elements li.form-element {
  margin-bottom: 0.3em;
  float: left;
  width: 100%;  
}
#UserBlock ul.form-elements #password-element {
  width: 72%;
}
#UserBlock .nav {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 15px;
  text-align: center;
}
#UserBlock .nav li {
  display: inline;
  margin: 0 0.2em;
}
#UserBlock .nav li a {
  font-size: 85%;
  padding: 0.2em 0.4em;
  text-decoration: none;
}
#UserBlock #actions-buttonset {
  border: 0;
  background: 0;
  position: absolute;
  right: 10px;
  top: 4.7em;
}
#UserBlock #actions-buttonset input {
  cursor: pointer;
  padding: 0.2em;
  font-size: 85%;
  color: #333333;
}


/**
 * FlashWrapper
 */
#flashWrapper {
  display: none;
  width: 400px;  
  margin-left: -200px;  
  position: absolute;
  top: 20px;
  left: 50%;
  position: fixed;
  z-index: 50000;  
}
#flash {
  padding: 1em;
}
#flashWrapper span {
  float: left; 
  margin-right: 0.3em;
}


/**
 * Main
 */
#main {
  margin-top: 1em;
  min-height: 30em;  
}


/**
 * Page
 */
#main .page {
  padding: 1em;
} 
#main .page h1 {
  color: #FF9900;
  font-size: 108%;
  font-weight: bold;
  margin-bottom: 1.4em;
}
#main .page h2 {
  color: #FF6600;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 1.4em;
}
#main .page h1.title {
  margin-bottom: 1.4em;
}
#main .page p {
  margin-bottom: 1.4em;
} 
#main .page .text {
  margin-bottom: 1.4em;
} 
#main .page .form {
} 
#main .page .text ul {
  margin: 1.4em 0;
}
#main .page .text li {
  background: url("/img/arrow.png") no-repeat 0 0.3em;
  padding-left: 1em;
  margin: 0.3em 0;
  line-height: 1.4em;
}
#main .page .text h3 {
  font-weight: bold;
  color: #FF6600;
  font-size: 116%;
}
#main .page .text table {
  margin-bottom: 1.4em;
}
#main .page .text table td, 
#main .page .text table th {
  padding: 0.5em;
  background-color: #e6e6e6;
}

#main .page .text table th {
  font-weight: bold;
}

#main .page .ui-tabs {
  border: 0;
} 
#main .page ul.ui-tabs-nav {
  margin: 0 0 1em 0;
  background: none;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #E1AC50;
  -moz-border-radius-bottomleft: 0;
}
#main .page ul.ui-tabs-nav li {
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
}
#main .page .ui-tabs-panel {
  padding: 0;
}


/**
 * Dashboard
 */
#main #dashboard li.box {
  background: none;
  padding: 0.1em 0.1em 4em 0.1em;
  float: left;
  width: 47%;
  min-height: 12em;
  margin: 0 1% 2em 1%;
  position: relative;
}
#main #dashboard li.box h3 {
  color: #FFFFFF;
  background: #575759 url(/img/navigation_bg.png) repeat-x;
}
#main #dashboard li.box p {
  margin-bottom: 1em;
}
#main #dashboard li.box a {
  text-decoration: none;
  padding: 0.3em 0.6em;
}
#main #dashboard li.box .content input,
#main #dashboard li.box .content a {
  padding: 0.2em;
  font-size: 85%;
}
#main #dashboard li.box .actions {
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  padding: 1em 0;  
  position: absolute;
}
#main #dashboard li.box .actions span.disabled {
  border: 1px solid #CDC3B7;  
  text-decoration: none;
  padding: 0.3em 0.6em;
}
#main #dashboard li.box .content table {
  width: 100%;
  margin: 0.5em 0 1em 0;
}
#main #dashboard li.box .content table tr:hover td {
  background-color: #F0F0F0; 
}
#main #dashboard li.box .content table td {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 0.2em;
}
#main #dashboard li.box .content table td.select {
  padding-left: 5px;
}
#main #dashboard li.box .content table td label {
  display: inline;
  padding-left: 5px;
  font-weight: normal;
  font-size: 100%;
}
#main #dashboard li.box .content table td .helpIco {
  margin-left: 5px;
  cursor: pointer;
}
#main #dashboard li.box .content table td.cmds {
  width: 52px;
}
#main #dashboard li.box .content table td a {
  float: left;
  font-size: 12px;
  margin: 0 2px;
  padding: 2px;
  width: 16px;  
}
#main #dashboard .content ul.hints {
  padding: 0.2em 0.5em;
  background-image: none;
  margin-bottom: 1em;
}
#main #dashboard .content ul.hints li {
  margin: 0.5em 0;
  font-size: 93%;
}


/**
 * Page forms
 */
#main .page #column_left-fieldset {
  float: left;
  width: 47%;
}
#main .page #column_right-fieldset {
  float: right;
  width: 47%;
} 
#main .page ul.form-elements {
  margin: 0;
}
#main .page ul.form-elements li {
  line-height: 1.4em;
}
#main .page ul.form-elements li.form-element {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #CCCCCC;
}
#main .page ul.form-elements li.form-element p.description {
  font-size: 85%;
  color: #666666;
  margin: 0;
}
#main .page .form-fieldset .floated li.form-element {
  float: left;
  margin-right: 1em;
}
#main .page .form-fieldset .floated li.form-element input,
#main .page .form-fieldset .floated li.form-element textarea,
#main .page .form-fieldset .floated li.form-element select {
  width: auto;
}
#main .page label {
  display: block;
  font-weight: bold;
  font-size: 108%;
}
#main .page span.label {
  font-weight: bold;
}
label .required,
label.required:after {
  color: red;
  margin-left: 2px;
  content: '*';
}
#main .page input[type=text],
#main .page input[type=password],
#main .page textarea,
#main .page select {
  padding: 0.4em;
  color: #666666;
  letter-spacing: 1px;
  border: 1px solid #999999;
  background: #FCFCFC;
}
#main .page input[type=file] {
  margin-bottom: 0.3em;
}
#main .page select {
  padding: 0.32em 0.4em;
}
#main .page input[type=text]:focus,
#main .page input[type=password]:focus,
#main .page select:focus,
#main .page textarea:focus {
  border: 1px solid #FF6600;
  background: #FFFFFF;
  color: #FF6600;
}
#main .page ul.errors {
  margin-top: 0.5em;
  background: #FFEEEE;
  border: 1px dotted #CCAAAA;
  border-left: 3px solid #CCAAAA;
}
#main .page ul.errors li {
  color: red;
  margin: 0.2em 0;
  padding: 0 0.3em;
}

#main .page .actions-buttonset,
#main .page #actions-buttonset {
  clear: both;
  border: 0;
  background: #515153;
  text-align: center;
  padding: 0.5em 0;
}
#main .page ul.form-elements .actions-buttonset li.form-element,
#main .page ul.form-elements #actions-buttonset li.form-element {
  padding: 0;
  margin: 0;
  border: 0;
  display: inline;
}
#main .page .actions-buttonset input,
#main .page .actions-buttonset button,
#main .page .actions-buttonset a,
#main .page #actions-buttonset input,
#main .page #actions-buttonset button,
#main .page #actions-buttonset a {
  cursor: pointer;
  padding: 0.2em;
  font-size: 116%;
  color: #333333;
  text-decoration: none;
  margin: 0 0.5em;
}
#main .page .actions-buttonset a,
#main .page #actions-buttonset a {
  padding: 0.3em;
}

#studyPaths-info-1,
#studyPaths-info-2 {
  display: none;
}


#studyPaths-info table {
  text-align: center;
}



/**
 * Profile pages
 */
 
#profileEdit p.hint {
  float: right;
}

.modulesHint li {
  list-style-type: circle;
  margin-left: 2em;
}

.modulesHint {
  margin: 0.2em;
  padding: 0.5em;
  border: 1px solid #CCCCCC;
  background: #F2F2F2;
  font-size: 85%;
  
}

#compulsoryHint-element .required,
#profileEdit p.hint .required {
  color: red;
}
 
#main .page ul.item-list {
  margin: 0 0 1em 0;
}
#main .page ul.item-list li {
  background: none;
  margin: 0;
  padding: 0.5em;
  border-bottom: 1px solid #CCCCCC;
  line-height: 2em;
}
#main .page ul.item-list li:hover {
  background: #F0F0F0;
}
#main .page ul.item-list li form {
  float: right;
}
#main .page ul.item-list li input {
  cursor: pointer;
  padding: 0.2em;
  color: #333333;
  font-size: 85%;
}
#main .page ul.item-list dl {
  margin-left: 2em;
  font-size: 108%;
}
#main .page ul.item-list dt {
  float: left;
  font-weight: bold;
  margin-right: 0.5em;
}
#main .page ul.item-list dd {
  margin-right: 1em;
}

/* same as .clearfix */
ul.item-list dd {
  zoom: 1
}
ul.item-list dd:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/**
 * PeopleForm
 */
#main .page .ApplicantsForm .form-fieldset {
  width: 47%;
}
#main .page .ApplicantsForm .form-fieldset input[type=text],
#main .page .ApplicantsForm .form-fieldset input[type=password] {
  width: 96%;
}
#main .page .ApplicantsForm .form-fieldset textarea {
  width: 96%;
}
#main .page .ApplicantsForm #salutation-element {
  float: left;
  width: 20%;
}
#main .page .ApplicantsForm #salutation-element input {
  width: 80%;
}
#main .page .ApplicantsForm #name-element {
  float: right;
  width: 77%;
}
#main .page .ApplicantsForm #name-element input {
  width: 95%;
}
#main .page .ApplicantsForm #surname-element {
  clear: both;
}
#main .page .ApplicantsForm #sex-element {
  float: left;
  margin-right: 1em;
}
#main .page .ApplicantsForm #maritalStatus-element {
  float: left;
}
#main .page .ApplicantsForm #dob-element {
  width: 35%;
  float: right;
}
#main .page .ApplicantsForm #dob-element input {
  width: 88%;
}
#main .page .ApplicantsForm #masterId-element select {
  width: 100%;
}
#main .page .ApplicantsForm #avatar-fieldset {
  clear: both;
  width: 100%;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #CCCCCC;  
}
#main .page .ApplicantsForm #avatar-fieldset li {
  float: left;
  border: 0;
  margin: 0 1em 0 0;
  padding: 0;
}


/**
 * PersonEducationsForm
 */
#main .page .PersonEducationsForm #degreeType-element {
  float: left;
  width: 15%;
  margin-right: 1em;
}
#main .page .PersonEducationsForm #degreeType-element input {
  width: 89%;
}
#main .page .PersonEducationsForm #degreeTitle-element {
  float: left;
  width: 45%;
  margin-right: 1em;
}
#main .page .PersonEducationsForm #degreeTitle-element input {
  width: 96%;
}
#main .page .PersonEducationsForm #finalGrade-element {
  float: left;
  width: 20%;
}
#main .page .PersonEducationsForm #finalGrade-element input {
  width: 90%;
}
#main .page .PersonEducationsForm #awardedOn-element {
  float: right;
  width: 15%;
}
#main .page .PersonEducationsForm #awardedOn-element input {
  width: 88%;
}
#main .page .PersonEducationsForm #institution-element {
  clear: both;
  float: left;
  width: 66%;
  margin-right: 1em;
}
#main .page .PersonEducationsForm #institution-element input {
  width: 97%;
}
#main .page .PersonEducationsForm #beginsOn-element {
  float: left;
  width: 15%;
}
#main .page .PersonEducationsForm #beginsOn-element input {
  width: 88%;
}
#main .page .PersonEducationsForm #endsOn-element {
  float: right;
  width: 15%;
}
#main .page .PersonEducationsForm #endsOn-element input {
  width: 88%;
}


/**
 * PersonQualificationsForm
 */
#main .page .PersonQualificationsForm #body-element {
  float: left;
  width: 30%;
  margin-right: 1em;
}
#main .page .PersonQualificationsForm #body-element input {
  width: 94%;
}
#main .page .PersonQualificationsForm #membership-element {
  float: left;
  width: 30%;
  margin-right: 1.5em;
}
#main .page .PersonQualificationsForm #membership-element input {
  width: 94%;
}
#main .page .PersonQualificationsForm #beginsOn-element {
  float: left;
  width: 17%;
  margin-right: 1em;
}
#main .page .PersonQualificationsForm #beginsOn-element input {
  width: 89%;
}
#main .page .PersonQualificationsForm #endsOn-element {
  float: right;
  width: 17%;
}
#main .page .PersonQualificationsForm #endsOn-element input {
  width: 89%;
}


/**
 * PersonLanguagesForm
 */
#main .page .PersonLanguagesForm #languageId-element {
  float: left;
  width: 21%;
  margin-right: 1em;
}
#main .page .PersonLanguagesForm #proficiency-element {
  float: left;
  width: 15%;
  margin-right: 1em;
}
#main .page .PersonLanguagesForm #proficiency-element input {
  width: 89%;
}
#main .page .PersonLanguagesForm #testName-element {
  float: left;
  width: 27%;
  margin-right: 1em;
}
#main .page .PersonLanguagesForm #testName-element input {
  width: 93%;
}
#main .page .PersonLanguagesForm #testScore-element {
  float: left;
  width: 15%;
}
#main .page .PersonLanguagesForm #testScore-element input {
  width: 89%;
}
#main .page .PersonLanguagesForm #testedOn-element {
  float: right;
  width: 15%;
}
#main .page .PersonLanguagesForm #testedOn-element input {
  width: 89%;
}


/**
 * PersonExperiencesForm
 */
#main .page .PersonExperiencesForm #employer-element {
  float: left;
  width: 49%;
}
#main .page .PersonExperiencesForm #employer-element input {
  width: 96%;
}
#main .page .PersonExperiencesForm #location-element {
  float: right;
  width: 49%;
}
#main .page .PersonExperiencesForm #location-element input {
  width: 96%;
}
#main .page .PersonExperiencesForm #qualification-element {
  clear: both;
  float: left;
  width: 66%;
  margin-right: 1em;
}
#main .page .PersonExperiencesForm #qualification-element input {
  width: 97%;
}
#main .page .PersonExperiencesForm #beginsOn-element {
  float: left;
  width: 15%;
  margin-right: 1em;
}
#main .page .PersonExperiencesForm #beginsOn-element input {
  width: 89%;
}
#main .page .PersonExperiencesForm #endsOn-element {
  float: right;
  width: 15%;
}
#main .page .PersonExperiencesForm #endsOn-element input {
  width: 89%;
}
#main .page .PersonExperiencesForm #duties-element {
  clear: both;
}
#main .page .PersonExperiencesForm #duties-element textarea {
  width: 98%;
}


/**
 * PersonRefereesForm
 */
#main .page .PersonRefereesForm #name-element {
  float: left;
  width: 49%;
}
#main .page .PersonRefereesForm #name-element input {
  width: 96%;
}
#main .page .PersonRefereesForm #surname-element {
  float: right;
  width: 49%;
}
#main .page .PersonRefereesForm #surname-element input {
  width: 96%;
}
#main .page .PersonRefereesForm #position-element {
  clear: both;
  float: left;
  width: 49%;
}
#main .page .PersonRefereesForm #position-element input {
  width: 96%;
}
#main .page .PersonRefereesForm #institution-element {
  float: right;
  width: 49%;
}
#main .page .PersonRefereesForm #institution-element input {
  width: 96%;
}
#main .page .PersonRefereesForm #address-element {
  float: right;
  width: 49%;
}
#main .page .PersonRefereesForm #address-element textarea {
  width: 96%
}
#main .page .PersonRefereesForm #address-element input {
  width: 96%;
}
#main .page .PersonRefereesForm #email-element {
  float: left;
  width: 49%;
}
#main .page .PersonRefereesForm #email-element input {
  width: 96%;
}


/**
 * PersonFinancialsForm
 */
#main .page .PersonFinancialsForm #type-element {
  float: left;
  width: 20%;
  margin-right: 1em;
}
#main .page .PersonFinancialsForm #type-element input {
  width: 92%;
}
#main .page .PersonFinancialsForm #institution-element {
  float: left;
  width: 62%;
}
#main .page .PersonFinancialsForm #institution-element input {
  width: 97%;
}
#main .page .PersonFinancialsForm #amount-element {
  float: right;
  width: 15%;
}
#main .page .PersonFinancialsForm #amount-element input {
  width: 88%;
}


/**
 * PersonDocumentsForm
 */
#main .page .PersonDocumentsForm #document-element {
  float: left;
  width: 37%;
}
#main .page .PersonDocumentsForm #description-element {
  float: right;
  width: 61%;
}
#main .page .PersonDocumentsForm #description-element input {
  width: 97%;
}


/**
 * TeachersForm
 */
#main .page .TeachersForm fieldset {
  clear: both;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 1em;  
  padding-bottom: 1em;  
}
 #main .page .TeachersForm .form-fieldset li.form-element {
  border: 0;
  margin: 0 0.5em;
  padding: 0;
} 
 #main .page .TeachersForm #group4-fieldset li.form-element {
  width: 47%;
} 
 #main .page .TeachersForm #group4-fieldset textarea {
  width: 97%;
} 


/**
 * Recommendation letter
 */
#recommendationLetter .details h2 {
  margin: 0;
  padding: 3px;
  background-color: #FF9900; 
  color: white;
}
#recommendationLetter h3 {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: bold;
}
#recommendationLetter .details {
  font-size: 108%;
  margin-bottom: 1em;
  border: 1px solid silver;
}
#recommendationLetter .details .content {
  padding: 10px; 
}
#recommendationLetter .footer {
  margin: 1em;
}
#recommendationLetter .footer p {
  margin: 5px; 
}
#recommendationLetter #recommendation-element,
#recommendationLetter #ranking-element {
  float:left;
  width: 40%;
}
#recommendationLetter #reference-element {
  clear: both; 
}
#recommendationLetter #fieldset-personalData {
  border: 1px solid silver;
  padding: 10px;
  padding-bottom: 0;
  margin-bottom: 10px;
}
#recommendationLetter #fieldset-personalData legend {
  padding: 10px;
  padding-top: 0;
}
#main #recommendationLetter li.form-element {
  border-width: 0;
}
#recommendationLetter #name-element {
  float:left;
  width: 30%;
}
#recommendationLetter #surname-element {
  float:left;
  width: 30%;
}
#recommendationLetter #email-element {
  float:left;
  width: 30%;
}
#recommendationLetter #institution-element {
  float:left;
  clear: left;
  width: 30%;
}
#recommendationLetter #position-element {
  float:left;
  width: 30%;
}
#recommendationLetter #address-element {
  clear: both;
} 


/**
 * applicantShow
 */
#main #applicantShow h2 {
  background-color: #D0E2FF;
  color: #000000;
  font-weight: normal;
  padding: 0.2em 0.4em;
  font-size: 108%;
  margin-bottom: 1em;
}
#main #applicantShow table {
  width: 100%;
  margin-bottom: 1.5em;
  border-collapse: collapse;  
}
#main #applicantShow table td {
  padding: 0.3em;
  border: 1px solid #000000;
  vertical-align: top;
  font-weight: bold;
}
#main #applicantShow table td.modules {
  padding: 0;
  border: 0;
}
#main #applicantShow table tr.thead td {
  font-weight: normal;
}
#main #applicantShow table td span.label {
  display: block;
  font-size: 93%;
  font-weight: normal;
}
#main #applicantShow table td h3 {
  font-size: 123.1%;
  text-align: center;
}
#main #applicantShow table td h4 {
  font-size: 123.1%;
  color: blue;
  text-align: center;  
}
#main #applicantShow table table {
  margin-bottom: 0;
}
#main #applicantShow table table td {
  border: 0;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
}


/**
 * ProfileNavigation
 */
#profileNavigation {
  background: #FFFFFF;
  padding: 0;
  margin: 30px 1em 1em 1em;  
  border-bottom: 1px solid #FFB537;
}
#profileNavigation ul {
  padding: 0;
}
#profileNavigation li {
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
} 


/**
 * Plan of study
 */
#main #planStep2 ul.form-elements li.form-fieldset {
  padding: 0;
  margin-bottom: 1em;
}
#main #planStep2 ul.form-elements li.form-fieldset legend {
  color: #990000;
  padding-top: 1em;
}
#main #planStep2 ul.form-elements li.form-fieldset li.form-element {
  border: 0;
  padding: 0;
  margin: 0;
}

#main #planStep2 ul.column li {
  padding: 0.5em;
  border-bottom: 1px solid #CCCCCC;
  position: relative;
  cursor: pointer;
}
#main #planStep2 ul.column li:hover {
  background: #F0F0F0;
}
#main #planStep2 ul.column li input {
  position: absolute;
  top: 0.8em;
  left: 0.5em;
}
#main #planStep2 ul.column li.disabled {
  cursor: default;  
}
#main #planStep2 ul.column li.disabled:hover {
  background: none;
}
#main #planStep2 ul.module {
  padding-left: 20px; 
}
#main #planStep2 ul.module li {
  border: 0;
  padding: 0;  
}

#planStep2Tabs span.credits {
  font-size: 123.1%;
  font-weight: bold;
}

#Plans .nonCompliant {
  color: red;
}

/**
 * Modules list
 */
#main #modulesIndex dt {
  color: #990000;
  font-size: 116%;
  font-weight: bold;
  margin-bottom: 0.5em;
}  
#main #modulesIndex dd {
  padding-left: 2em;
  margin-bottom: 2em;  
}  
#main #modulesIndex ul.modules li {
  padding: 0.5em;
  border-bottom: 1px solid #CCCCCC;
}
#main #modulesIndex ul.modules li:hover {
  background: #F0F0F0;
}
#main #modulesIndex ul.modules ul.module li {
  border: 0;
  padding: 0;  
}

#main #specCredits {
  color: black;
  padding: 0.6em;
  float: right;
}

/**
 * Modules
 */
ul.module li {
  float: left;
}
ul.module li.course {
  width: 45%;
} 
ul.module li.teachers {
  width: 25%;
  text-transform: uppercase;
} 
ul.module li.credits {
  width: 5%;
}
ul.module li.term {
  width: 20%;
}


ul.module li a {
  color: #FF6600;
}
ul.module li a:hover {
  color: #FF3300;
}

.moduleGroup ul.module li.term {
  display: none; 
}

ul.module li .alias {
  display: block;
  font-size: 50%;
  line-height: 90%;
}

ul.module li .alias .required {
  font-weight: bold;
  color: red;
}

.moduleGroup ul.module li.teachers {
  width: 45%;
}

/* Nella lista dei moduli, a seconda dei font */ 
#modulesTabs > ul a {
  font-size: 93%;
}

/* Nella scelta dei moduli, a seconda del project semester */
.selectEcho {
  display: none;
}

.projectTab .selectEcho {
  display: block;
}
/**
 * Module
 */
#main #modulesShow dl {
  margin-left: 0;
  padding-bottom: 1em;
  border-bottom: 1px solid #CCCCCC;
  font-size: 108%;
}
#main #modulesShow dt {
  float: left;
  font-weight: bold;
  margin-right: 0.5em;
}
#main #modulesShow dd {
  margin-right: 1em;  
}



/**
 * Teachers list
 */
#main #teachersIndex dt {
  color: #990000;
  font-size: 116%;
  font-weight: bold;
  margin-bottom: 0.5em;
}  
#main #teachersIndex dd {
  padding-left: 2em;
  margin-bottom: 2em;  
}  
#main #teachersIndex ul.teachers li {
  padding: 0.5em;
  border-bottom: 1px solid #CCCCCC;
  background: none;
  margin: 0;
}
#main #teachersIndex ul.teachers li:hover {
  background: #F0F0F0;
}


/** 
 * Breadcrumbs
 */
#breadcrumbs {
  margin-bottom: 1em;
  font-size: 85%;
}


/**
 * Footer
 */
#ft {
  background-color: #A9A9A9;
}
#ft p {
  text-align: right;
  padding: 1em 1em 1em 0;
  margin: 0;
}

#cnt-loginForm {
  min-height: 130px;
}


/**
 * SimplyScroll
 */
.simply-scroll-container {
	position: relative;
  background-color: #E8E8E8;
  margin-bottom: 5px;  
  padding: 10px;
  width: 180px;
}
.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
.simply-scroll-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.simply-scroll-list li h1 {
  margin-bottom: 1.4em;
}
.simply-scroll-clip {
  width: 180px;
  height: 90px;
  position: relative;
  overflow: hidden;
  z-index: 2;
  margin: 0 auto;
}


/**
 * HelpDialog
 */
#helpDialog {
  text-align: left;
}