@import url(https://fonts.googleapis.com/css?family=Lato|Roboto&display=swap);
@import url(https://fonts.googleapis.com/css?family=Prompt&display=swap);

html {
    height: 100%;
}

body {
    color: #222;
    border-top: 1px solid #222;
    background: #7097a1 url(/media/img/layout/bgfooter.png) repeat-y center;
}

.login-page #site-search {
    border: 3px solid red;
}

.button {
    cursor: pointer; cursor: hand;
}

.strong {
    font-weight: bold;
}

.right {
    float: right;
}

.discount {
    background: transparent url(/media/img/icons/information.png) no-repeat 0 0;
    padding-left: 24px;
    color: #3358CB;
    font-weight: bold;
}

.discount td:first-child {
    padding-left: 20px !important;
}

/* Site top */

#site-top {
    background-color: #7097a1;
}

#header {
    background: #7097a1 url(/media/img/layout/bgheader.png) repeat-y center;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

#header-body {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    background: white url(/media/img/layout/bgaccountlinks.png) repeat-x top;
}

#logo {
    float: left;
    margin-top: 21px;
}

#logo-small {
    float: right;
    margin-top: 21px;
    margin-right: 21px;
}

#site-tools {
    float: right;
    width: 420px;
    overflow: hidden;
    zoom: 1;
}

#account-links {
    overflow: hidden;
    zoom: 1;
    float: right;
    list-style: none;
    font-size: 1.3em;
    font-weight: bold;
}

#account-links #user-profile {
    background: transparent url(/media/img/icons/user.gif) no-repeat top left;
    padding-left: 20px;
    background-position: 0px 4px;
}

#account-links #user-profile.keyuser {
    background-image: url(/media/img/icons/kuser.gif) !important;
    background-position: 0px 4px;
}

#account-links li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    background-color: #2f6d7d;
    background-image: url(/media/img/layout/bgaccountlink.png);
    background-position: bottom;
    background-repeat: repeat-x;
}

#account-links li.start {
    overflow: hidden;
    background-image: url(/media/img/layout/accountlinkstart.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 11px;
}

#account-links li.end {
    overflow: hidden;
    background-image: url(/media/img/layout/accountlinkend.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 11px;
}


#account-links li a,
#account-links li a:visited,
#account-links li span {
    display: block;
    color: white !important;
    text-decoration: none;
}

#account-links li a:hover,
#account-links li a.activeSection {
    color: #F4D67F !important;
}

/* Social links */
#social-links {
    clear: both;
    margin-top: 10px;
    margin-right: 15px;
    overflow: hidden;
    zoom: 1;
    float: right;
    width: 155px;
    height: 20px;
}

#social-links li {
    display: block;
    float: left;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align: center;
}

#social-links li a {
    color: #3B5998;
    text-decoration: none;
}

#social-links #facebook-share-button {
    border: 1px solid #9DACCE;
    background: #ECEEF5 url(/media/img/icons/facebook-icon.png) 4px 2px no-repeat;
    padding-left: 16px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 65px;
}

#social-links #facebook-share-button:hover {
    background-color: #ddc;
    border-color: #999;
}

#social-links #linkedin-share-button {
    width: 70px;
}

/* Search */

#site-search {
    clear: both;
    margin-top: 5px;
    background-color: #f2f2f2;
    border: 1px solid #dedede;
    overflow: hidden;
    zoom: 1;
    float: right;
    width: 360px;
}

#login-compact-button,
#site-search #search-button {
    padding: 0.1em 0.75em !important;
}

#site-search #id_query {
    width: 240px;
}

#site-search a,
#site-search a:visited {
    color: #00596a !important;
}

#site-search a:hover {
    color: #00596a !important;
}

#site-search form.inline .field {
    margin-right: 0 !important;
}

#site-search #id_query {
    border: 1px solid #dedede;
    margin-left: 0;
}

#site-search .button {
    border: none;
    background-image: url(/media/img/layout/bgbutton.gif);
    background-repeat: repeat-x;
    background-color: #2f6d7d;
    border-width: 1px !important;
    border-color: #ddd #aaa #aaa #ddd !important;
    color: white;
    margin-right: 0;
    width: auto;
    overflow: visible;
}

/* Navigation */

#site-navigation-bg {
    clear: both;
    background-color: white;
    background-position: bottom;
    background-repeat: repeat-x;
    background-image: url(/media/img/layout/bgtabs.gif);
}

#site-navigation {
    overflow: hidden;
    zoom: 1;
    clear: both;
    list-style: none;
    text-align: center;
    margin-left: 220px;
}

#site-navigation li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    background-color: #2f6d7d;
}

#site-navigation li.start {
    overflow: hidden;
    background-image: url(/media/img/layout/tabstart.png);
    background-position: top left;
    background-repeat: no-repeat;
}

#site-navigation li.end {
    overflow: hidden;
    background-image: url(/media/img/layout/tabend.png);
    background-position: top right;
    background-repeat: no-repeat;
}

#site-navigation li.new {
    overflow: hidden;
    background-image: url(/media/img/layout/new_animated.gif);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 25px;
}

#site-navigation li a,
#site-navigation li a:visited {
    display: block;
    color: white;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
}

#site-navigation li a:hover,
#site-navigation li a.activeSection {
    color: #F4D67F !important;
}

/* Site body */

#site-body {
    background-color: #7097A1;
}

#site-main {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    zoom: 1;
    background-color: #7097A1;
    background-image: url(/media/img/layout/bgbody.png);
    background-position: center;
    background-repeat: repeat-y;
}

#content-wrapper-bg {
    background-image: url(/media/img/layout/bgcontent.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 940px;
}


#content-wrapper {
    float: left;
    width: 616px;
    overflow: hidden;
    zoom: 1;
}

.homepage #content-wrapper {
    float: right;
    width: 300px;
    margin-top: 2px;
}

.widePage #site-main {
    background-color: #fff;
    /*background-image: url(/media/img/layout/bgheader.png);*/
}

.widePage #content-wrapper {
    width: 940px;
}

body.budgetForm table {
  width: 100%;
}

#content-top #breadcrumbs {
    overflow: hidden;
    zoom: 1;
}

#content-top #breadcrumbs li {
    display: inline;
    padding-left: 10px;
    padding-right: 6px;
    background-image: url(/media/img/layout/crumbsep.png);
    background-position: center left;
    background-repeat: no-repeat;
}

#content-top #breadcrumbs li.start {
    background: none;
    padding-left: 0;
}

#content-top #breadcrumbs li .assi {
    color: #00596a;
	font-size: 120%;
}

#content-top #breadcrumbs li .web {
    color: #986d1f;
    font-size: 120%;
}

#content-top #breadcrumbs li a,
#content-top #breadcrumbs li a:visited {
    color: #00596a !important;
    text-decoration: none;
}

#content-top #breadcrumbs li a:hover {
    color: #00596a !important;
    text-decoration: underline;
}

/* Columns */

#column-one {
    width: 324px;
    float: left;
}

.homepage #site-main {
    background-image: none;
    background-color: white;
    width: 940px;
}

.homepage #column-one {
    padding-top: 0;
    margin-top: 0px;
    width: 616px;
    margin-bottom: 20px;
}

#column-one a,
#column-one a:visited {
    color: #00596a !important;
    text-decoration: none;
}

#column-one a:hover {
    color: #00596a !important;
    text-decoration: underline;
}

.homepage #links a {
    font-size: 14px;
    line-height: 22px;
}

/* Portlets */

.homepage .portlet {
    margin-top: 20px;
    margin-left: 20px;
    border: 1px solid #aaa;
    border-radius: 0 8px 8px 8px;
    box-shadow: 5px 5px 5px #bbb;
    padding: 0;
}

.homepage #portlet-intro h3,
.homepage #portlet-forum h3,
.homepage #portlet-news h3 {
    background-image: none;
    background-color: #ffd;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0 8px 0 0;
    text-align: center;
    padding-left: 8px;
}

.homepage #portlet-forum .portletBody,
.homepage #portlet-news .portletBody {
    padding-left: 5px;
}

.homepage #portlet-forum .button,
.homepage #portlet-news .button {
    border: none;
    background: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    text-decoration: underline;
}

.portlet h3 {
    padding: 3px 0 3px 22px;
    background-image: url(/media/img/layout/bgportletheader.gif);
    border-top: 1px solid #00596a;
    border-bottom: 1px solid #00596a;
}

.portlet h4 a {
    text-decoration: none;
}

.portletBody {
    margin-right: 6px;
    margin-left: 6px;
}

#portlet-node-navigation,
#portlet-node-navigation .portletBody {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#portlet-node-navigation li,
#portlet-profile li,
#portlet-blog-categories li {
    padding-left: 22px;
    background: url(/media/img/icons/folder.gif) no-repeat 3px 1px;
}

#portlet-node-navigation li.selected,
#portlet-profile li.selected,
#portlet-blog-categories li.selected {
    background: #00596a url(/media/img/icons/folder_page.gif) no-repeat 3px 1px;
    color: white !important;
}

#portlet-profile li.changePasswordProfileAction {
    background-image: url(/media/img/icons/change_password.png) !important;
}

.selected a {
    color: white !important;
}

#portlet-profile li.selected a,
#portlet-blog-categories li.selected a,
#portlet-blog-categories li.selected a:visited {
    color: white !important;
}

#portlet-news .postMetadata {
    color: #00596a;
}

#portlet-news .postMore {
    text-align: right;
    background: url(/media/img/layout/crumbsep.png) no-repeat center right;
    padding-right: 10px;
}

#portlet-forum h3,
#portlet-news h3 {
    text-align: center;
    padding: 3px 0;
}

.portletBody .explanation {
    color: #666;
    padding-left: 20px;
}

/* Content */

#content {
    min-height: 400px;
    padding: 18px;
}

#content li.mimetype {
    padding-left: 22px;
    background-image: url(/media/img/icons/folder.gif);
    background-position: 3px 1px !important;
    background-repeat: no-repeat;
    overflow: hidden;
    zoom: 1;
}

#content li.link {
    padding-left: 22px;
    background-image: url(/media/img/icons/link.png);
    background-position: 3px 1px !important;
    background-repeat: no-repeat;
}

#content li.link.shopping {
    padding: 4px 0px 4px 34px;
    background-image: url(/media/img/icons/shopping.png);
}

#content li.link.webcam {
    padding: 4px 0px 4px 34px;
    background-image: url(/media/img/icons/webcam.png);
}

#content li.compile-budget-link {
    padding-left: 22px;
    background-image: url(/media/img/icons/compile_budget.png);
    background-position: 3px 1px !important;
    background-repeat: no-repeat;
}

#content .nodeListing {
    margin: 0;
}

#content .nodeListing li a {
    text-decoration: none !important;
}

#content .nodeListing li.clipping {
    background-image: url(/media/img/icons/clipping.gif) !important;
}

#content .nodeListing li.text_html {
    background-image: url(/media/img/icons/multi_clipping.gif) !important;
}

#content li.restricted,
#content .nodeListing li.restricted {
    background-image: url(/media/img/icons/lock.png) !important;
}

.nodeListing .buttonBox {
    text-align: center;
    padding: 2px 2px 15px 2px;
}

/*
.nodeListing .button {
    border: none;
    padding: 5px 20px;
    background: url('/media/img/layout/button_up.gif') no-repeat;
    text-decoration: none;
}

.nodeListing .button:hover {
    background: url('/media/img/layout/button_down.gif') no-repeat;
    text-decoration: none !important;
}

.nodeListing .buttonText {
    color: #fff;
}
*/

li.video {
    background-image: url(/media/img/icons/video.gif) !important;
}

li.quiz {
    background-image: url(/media/img/icons/quiz.gif) !important;
}

li.quizlink {
    background-image: url(/media/img/icons/quizlink.gif) !important;
}

/* Footer */
#footer {
    color: white;
    text-align: center;
}

#footer p {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/media/img/layout/bgdiag.png);
}

#footer a,
#footer a:visited {
    color: white !important;
}

/* Popup */

body.popup {
    background-color: white;
    background-image: none;
}

.nodeActions {
    text-align: center;
}

.nodeActions a {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
}

#action-print {
    background-image: url(/media/img/icons/action_print.gif);
}

#action-close {
    background-image: url(/media/img/icons/action_stop.gif);
}

#action-copy {
    background-image: url(/media/img/icons/action_copy.gif);
}

/* New Homepage */

#area-formazione-wrapper {
    background-color: #fff;
    /*padding: 15px 19px 10px 19px;*/
    padding: 15px 19px 25px 19px;
}

.homepage #before-content #area-info-1 {
    padding-top: 10px;
    width: 898px;
    float: none;
}

.homepage #area-info-1 .areaInfoBody {
    border: 2px solid #2C5B86;
    margin: 0 !important;
    padding: 0 !important;
}

#before-content #area-info-1 .areaInfoHeader {
    background-image: none;
}

#before-content #area-info-1 .areaInfoHeader h3 {
    border-radius: 0 8px 0 0;
    line-height: 20px;
    font-size: 15px;
    font-weight: normal;
    padding: 7px 10px;
}

.homepage .areaInfoHeader h3 {
    border-radius: 0 8px 0 0;
}

#before-content .areaInfo h3 {
    background-image: none;
    /* background-color: #004E98; */
    /*background-color: #2C5B86;*/
    /*background-color: #9A2E31;*/
    background-color: #2E579A;
}

.homepage .areaInfoBody {
    border-radius: 0 0 8px 8px;
    box-shadow: 5px 5px 5px #bbb;
    border-width: 2px;
}

/* wide info area customization */

#area-info-1 {
    width: 580px;
}

#area-info-1 .ddmenu li {
    padding: 5px;
    width: 533px;
}

/* end of wide info area customization */



/* Homepage */

.areaInfo {
	padding-top: 0px;
    /*width: 280px;*/
    /*width: 450px;*/
    float: left;
}


.areaInfo a,
.areaInfo a:visited {
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
}


.areaInfoEven {
    margin-right: 18px;
}

.areaInfoHeader {
    overflow: hidden;
    padding: 0;
    width: 280px;
    background-repeat: no-repeat;
}

.areaInfoHeader a:hover,
.areaInfoHeader a:visited {
    color: white !important;
}

.areaInfoEven .areaInfoHeader h3 {
    margin-right: 60px;
}

.areaInfoOdd .areaInfoHeader h3 {
    margin-right: 60px;
}

.areaInfoHeader {
    background-position: right top;
}

/* #area-info-1  .areaInfoHeader { background-image: url(/media/img/layout/area1.jpg); } */
#area-info-2  .areaInfoHeader { background-image: url(/media/img/layout/area2.jpg); }
#area-info-3  .areaInfoHeader { background-image: url(/media/img/layout/area3.jpg); }
#area-info-4  .areaInfoHeader { background-image: url(/media/img/layout/area4.jpg); }
#area-info-5  .areaInfoHeader { background-image: url(/media/img/layout/area5.jpg); }
#area-info-6  .areaInfoHeader { background-image: url(/media/img/layout/area6.jpg); }
#area-info-7  .areaInfoHeader { background-image: url(/media/img/layout/area7.jpg); }
#area-info-8  .areaInfoHeader { background-image: url(/media/img/layout/area8.jpg); }
#area-info-9  .areaInfoHeader { background-image: url(/media/img/layout/area9.jpg); }
#area-info-10 .areaInfoHeader { background-image: url(/media/img/layout/area10.jpg); }

.homepage #area-info-2  .areaInfoHeader { background-image: none; }
.homepage #area-info-3  .areaInfoHeader { background-image: none; }
.homepage #area-info-4  .areaInfoHeader { background-image: none; }
.homepage #area-info-5  .areaInfoHeader { background-image: none; }
.homepage #area-info-6  .areaInfoHeader { background-image: none; }
.homepage #area-info-7  .areaInfoHeader { background-image: none; }
.homepage #area-info-8  .areaInfoHeader { background-image: none; }
.homepage #area-info-9  .areaInfoHeader { background-image: none; }
.homepage #area-info-10  .areaInfoHeader { background-image: none; }

#content .areaInfoHeader .corner {
    background-image: url(/media/img/layout/rightcorner.gif);
    float: right;
    background-position: right top;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 9px;
    height: 10px;
    margin: 0;
    display: block;
}

#content .areaInfoOdd .corner {
    float: left;
    background-image: url(/media/img/layout/leftcorner.gif);
    background-position: left top;
}


.homepage #content .corner {
    float: none !important;
    background-image: none !important;
    height: 0px;
}

.areaInfo h3 {
    background-image: url(/media/img/layout/bgdiag.png);
    overflow: hidden;
    margin-bottom: 0 !important;
}

#before-content .areaInfo h3 a,
#content .areaInfo h3 a {
    color: white !important;
    color: #FEFFB9 !important;
}

.areaInfo h3 a {
    margin-bottom: 0;
    text-decoration: none;
    display: block;
}

.areaInfoBody {
    border: 1px solid #00596a;
}

.areaInfoHeader .areaImage {
    float: right;
    height: 20px;
}

.areaInfoBody ul {
    margin-left: 0;
}

/* Three-nodes homepage */

.areaInfoHidden {
	height: 0 !important;
	border: 1px solid blue !important;
	clear: left;
}

.areaInfoEven {
	padding-top: 0;
	margin-bottom: 10px;
}

.areaInfoOdd {
    float: right;
}

.areaInfoBody {
    padding: 6px 0 0 0 !important;
}

.areaInfo li {
    padding: 4px 0 6px 24px !important;
    background-position: 4px 4px !important;
}

.areaInfoBody li.mimetype {
    background-position: 4px 2px !important;
}

/* ------- tree --------- */

#content .areaInfoBody .tree {
    border: 0;
}

#content .areaInfoBody .nodeTree {
    height: 100%;
}

#content .areaInfoBody .tree div.treeBody {
    border: 0px solid red;
    height: 100% !important;
}

/* Search */

.path {
    padding-left: 22px;
    background-image: url(/media/img/icons/folder.gif);
    background-position: 3px 1px;
    background-repeat: no-repeat;
}

/* Pagination */

.pagination {
    overflow: hidden;
    zoom: 1;
    border-top: 1px solid #cecece;
    text-align: center;
    padding: 1.5em 0;
}

.pagination a {
    text-decoration: none !important;
}

.pagination a.prev {
    float: left;
}

.pagination a.next {
    float: right;
}

/* Shadowbox */

#sb-body,
#sb-loading {
    background-color: white !important;
}

/* Blog */

.postMore a {
    text-decoration: none;
}

.listingElement h3 a,
.listingElement h3 a:visited {
    text-decoration: none;
}

.listingImage {
    float: right;
    padding: 10px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

.listingDescription h3 {
    margin-bottom: 0 !important;
}

.listingDescription h3 .headingDate {
    font-size: 0.647em;
    line-height: 1.636em;
}

#post-attachments {
    clear: both;
}

#post-attachments ul {
    margin-left: 0;
}

#content .postMore {
    text-align: right;
}

#content .topButton {
    width: 576px;
    text-align: center;
}

#content .topButton .areaInfoHeader {
    width: 638px;
}

#content .mainButton {
    font-size: 1.417em;
    background-image: url(/media/img/layout/bgportletheader.gif);
    border-top: 1px solid #00596A;
    border-bottom: 1px solid #00596A;
    color:  #00596A;
    text-align: center;
    padding: 6px 0 7px 0;
    margin-bottom: 20px;
}

#content .mainButton a {
    text-decoration: none;
}

#content a:hover {
    text-decoration:underline !important;
    color: #305DD0 !important;
}

.shootout {
    background-color: #ff6;
}

.videoconference-info-links li {
    margin-bottom: 10px;
}

.notice {
    font-weight: bold;
}

/*
.tip {
    background-color: #fffdc9;
    border: 1px solid #222;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: auto;
}
*/

/* Forms */

form.compact .field #id_username_compact,
form.compact .field #id_password_compact {
    width: 70px !important;
}

form.compact .field label {
    float: none;
}

form .button,
form .formActions input.button {
    border: 1px solid #68A2B0;
    background: url('/media/img/layout/button_bg.png') repeat-x;
    text-decoration: none;
    margin: 3px;
    padding: 3px 20px;
    color: #1B4049;
}

form .button:hover,
form .formActions input.button:hover {
    text-decoration: none !important;
    border: 1px solid #2C6A7A;
}

form .disabled,
form .formActions input.disabled {
    color: #999 !important;
    border: 1px solid #999 !important;
}

form fieldset legend {
    color: #00596A;
    border: none;
}

form#registration-form .fieldWidget {
    width: 420px;
}

form#courses-registration-form label {
    width: 250px !important;
}

form#courses-registration-form #additional-services-details-link {
    background: url("/media/img/icons/clipping.gif") no-repeat scroll 0 0 transparent !important;
    padding: 0 0 2px 20px;
    margin-left: 10px;
    font-weight: normal;
    font-style: normal;
}

form#courses-registration-form #additional-services-details-flag .field {
    margin: 0;
}

/* smart forms */

form.smartform label {
    width: 10em;
}

.smartform.errornote {
    padding: 2px 0 2px 25px;
}

form.smartform .hasErrors {
    padding: 0;
}

form.smartform .hasErrors label {
    color: red;
    margin: 0;
}

form.smartform .hasErrors input {
    border: 1px solid red;
}

form.smartform .hasErrors field {
}

form.smartform .field .errorlist, form.smartform .formErrors .errorlist {
    margin: 0 !important;
    background-color: transparent;
    padding: 0;
    float: right;
}

form.smartform .hasErrors {
    background-color: transparent !important;
    border: none !important;
}

/* Courses registration */

.tableActions input {
    /* float: left; */
}

.coursesRegistration #id_company {
    width: 40em;
}

.coursesRegistration #id_address {
    width: 32em;
}

.coursesRegistration #id_city,
.coursesRegistration #id_training_contact,
.coursesRegistration #id_connection_email {
    width: 30em;
}

.coursesRegistration table {
    border-collapse: collapse;
    color: #333;
}

.coursesRegistration table th {
    padding: 1px 10px;
    vertical-align: top;
    text-align: left;
}

.coursesRegistration table td {
    padding: 1px 10px;
    vertical-align: top;
    padding: 2px;
}

div.scroll {
    height: 120px;
    overflow: auto;
    border: 1px solid #ccc;
    border-top: 0;
    background-color: #ffffff;
    padding: 8px;
}

#privacy-block .field-marketing_agreement label {
    float: left;
    width: 100px !important;
}

#privacy-block .field-marketing_agreement > label {
    width: 30px !important;
}

.coursesRegistration #registration-completed-message ol {
    list-style-type: decimal;
    padding-left: 10px;
}

.coursesRegistration table select {
    width: 580px;
}

#convention-discount-block {
    display: none;
}

.coursesRegistration #company_discount {
    background: transparent url(/media/img/icons/information.png) no-repeat 0 0;
    padding-left: 24px;
    color: #3358CB;
    font-weight: bold;
}

.coursesRegistration #company_discount_feedback {
    font-weight: normal;
    background-color: transparent;
    display: none;
}

.coursesRegistration #company_discount_feedback.active {
    font-weight: bold;
    display: block;
    background: #ff0 url(/media/img/icons/icon_success.gif) no-repeat 0 0;
    padding-left: 24px;
    display: inline;
}



h1#quiz-heading {
    text-align: center;
}

/* News ticker with vertical scrolling */

#ForumVertical {
    width: 300px;
    height: 200px;
    display: block;
    overflow: hidden;
    position: relative;
}

#NewsVertical {
    width: 300px;
    height: 200px;
    display: block;
    overflow: hidden;
    position: relative;
}

.homepage #ForumVertical,
.homepage #NewsVertical {
    width: auto;
}


#NewsVerticalOld {
    width: 300px;
    height: 300px;
    display: block;
    overflow: hidden;
    position: relative;
}

#stop-scrolling,
#start-scrolling {
    display: block;
    float: left;
    padding-left: 16px;
    background: url(/media/img/icons/stop.png) no-repeat left center;
}

#start-scrolling {
    background-image: url(/media/img/icons/play.png);
    display: none;
}

#forum-footer {
	margin: 10px 0;
}

#forum-archive_link {
    text-align: right;
}

#news-footer {
	margin: 10px 0;
}

#news-archive_link {
    text-align: right;
}

/* MESSAGES & ERRORS (from django.contrib.admin) */

ul.messagelist {
    padding: 0 0 5px 0;
    margin: 0;
}

ul.messagelist li {
    font-size: 12px;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid #ddd;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    color: #666;
    background: #ffc url(/media/img/icons/icon_success.gif) 5px .3em no-repeat;
}

ul.messagelist li.warning{
    background-image: url(/media/img/icons/icon_alert.gif);
}

ul.messagelist li.error{
    background-image: url(/media/img/icons/icon_error.gif);
}

.errornote {
    background:#FFFFCC url(/media/img/icons/icon_error.gif) no-repeat scroll 5px 0.3em;
    border:1px solid red;
    color:red;
    display:block;
    font-size:12px !important;
    margin:0 0 3px;
    padding:4px 5px 4px 25px;
}

/* duplicated from admin_media/css/base.css */

.clear {
    clear: both;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.nowrap {
    white-space: nowrap;
}

/* others */

.bottomNotice {
    text-align: center;
    clear: both;
}

.notice {
	font-weight: bold;
	color: #0000C0;
}

.discreet {
    font-size: 0.8em;
    color: #999;
}

.numeric {
    text-align: right;
}

.center {
    text-align: center;
}

.redText {
	color: #f00;
}

/* Quiz */

.questionOuter {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
    background-color: #F6F6F6;
}

.questionInner {
	background-color: #fefefe;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
}

.questionOuter .quizPageCount,
.questionOuter #quiz-timer {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #fefefe;
	width: 200px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font-weight: bold;
	color: #00596a;
}

.questionOuter #quiz-timer {
    width: 100px;
}

#content .questionInner h3 {
    color: #222;
}

.questionInner li:hover {
    background-color: #dddddd;
    cursor: pointer;
}

.questionInner #submit-page.disabled {
    color: #ccc;
    cursor: auto;
}

.questionInner #submit-hint {
    float: right;
}

/*
.courseQuizEnabling .button {
    border: none;
    padding: 5px 10px;
    background-color: #2F6D7D;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid white;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
*/

/*
.buttonText {
    color: #fff;
    font-weight: bold;
}

.button {
    background-color:#2F6D7D;
    background-image:url(/media/img/layout/bgbutton.gif);
    background-repeat:repeat-x;
    border-color:#DDDDDD #AAAAAA #AAAAAA #DDDDDD !important;
    border-style:none;
    border-width:1px !important;
    color:white;
    margin-right:0;
    padding: 5px 10px;
}
*/

.button {
    border: 1px solid #68A2B0;
    background: url('/media/img/layout/button_bg.png') repeat-x;
    text-decoration: none;
    margin: 3px;
    padding: 3px 20px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 3px 3px 3px #666;
}

.button:hover {
    text-decoration: none !important;
    border: 1px solid #2C6A7A;
}

.buttonText {
    color: #1B4049;
    font-weight: normal;
}

.acknowledgments {
    text-align: center;
}

.printLink {
    padding-left: 22px;
    padding-bottom: 2px;
    background-image: url(/media/img/icons/action_print.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.downloadDocument {
    padding-left: 22px;
    padding-bottom: 2px;
    background-image: url(/media/img/icons/download_document.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#help-video-listing li {
    height: 100px;
}

#help-video-listing li div {
    padding-left: 100px;
}

.helpVideoLink {
    padding-left: 100px;
    padding-bottom: 200px;
    background-image: url(/media/img/icons/play_help.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#course-attachment-listing {
    list-style: decimal;
    padding-left: 20px;
}

#course-attachment-listing li {
    margin-bottom: 1.5em;
    /*font-size: 12pt;*/
}

#course-attachment-listing p {
    margin: 0;
}


.course_registration_link_row {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: -40px;
}

.course_registration_link_row li {
    float: left;
    margin: 0;
    padding: 0;
    line-height: 1.286em;
}

.course_registration_link_row li.header {
    border: 1px solid #00596A;
    color: #1F4750;
    width: 280px;
    margin-right: 40px;
    padding: 5px;
    font-size: 1.167em;
    font-weight: bold;
    margin-bottom: 1.286em;
    text-align: center;
    background: url("/media/img/layout/vertical_gradient.png") repeat-x scroll 0 0 transparent;
}



.nodeListing li {
    margin: 0;
}

h1 .subtitle {
    font-size: 0.7em;
    font-weight: normal !important;
}

.login-page h4 {
    margin: 2px !important;
}

.uploadDocument {
    padding-left: 22px;
    padding-bottom: 2px;
    background-image: url(/media/img/icons/upload_document.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

/* Forum */

.djangobb a.addNodeLink {
    background: url(/media/img/addnodelink.png) no-repeat left center;
    padding-left: 20px !important;
}

.djangobb a.removeNodeLink {
    background: url(/media/img/removenodelink.png) no-repeat left center !important;
    padding-left: 20px !important;
    background-color: #f8f8f8;
    border: 1px solid #aaa;
}

.djangobb #nodelink-actions {
    margin-bottom: 1.5em;
    height: 22px;
    background-color: #f8f8f8;
    border: 1px solid #aaa;
    padding-left: 6px;
}

.djangobb #nodelink-actions ul {
    margin: 0 !important;
    padding: 0;
    line-height: 22px;
    height: 22px;
}

.djangobb #nodelink-actions li {
    display: inline;
}

.djangobb #nodelink-actions a,
.djangobb ul.nodeLinks a {
    margin-right: 4px;
    text-decoration: none;
    padding: 2px 2px 2px 20px;
}

.djangobb ul.nodeLinks {
    height: auto !important;
}

.djangobb ul.nodeLinks li {
    display: block !important;
    line-height: 22px;
}

.djangobb ul.nodeLinks li a {
    background: transparent url(/media/img/icons/clipping.gif) no-repeat left center;
    padding-left: 20px !important;
}

.djangobb .postNodeLinks {
    background-color: #f0f0f0;
    border: 1px solid #aaa;
    padding: 6px;
    margin-top: 18px;
}

.djangobb h5 {
    color: #222 !important;
    margin-bottom: 0 !important;
}

#members-table td {
    padding-bottom: 3px;
}

/* Useful links */

.homepage .bottomNoticeVerticalSeparator {
    height: 45px;
    clear: both;
}

.homepage .usefulLinks {
    border: 1px solid #aaa;
    border-radius: 0 8px 8px 8px;
    box-shadow: 5px 5px 5px #bbb;
    padding: 0;
}

.homepage .usefulLinks #links ul {
    margin-bottom: 4px;
}

.homepage .usefulLinks #title {
    padding-left: 8px;
    padding-top: 4px;
}

.usefulLinks #title {
    text-align: left;
    border-bottom: 1px solid #333;
    color: #00596A;
    font-weight: bold;
    font-size: 1.2em !important;
    padding-bottom: 4px;
}

.usefulLinks .itemSeparator {
    color: #999;
}

.usefulLinks #links {
    overflow: hidden;
    zoom: 1;
    clear: both;
    list-style: none;
    text-align: left;
}

.usefulLinks #links li {
    display: block;
    /* float: left; */
    margin: 0;
    padding: 0;
}

#upload-attendance-certificate-form {
    border: 1px solid #ccc;
    margin: 0 auto;
    width: 300px;
    padding: 5px 20px;
}

#upload-attendance-certificate-form .formActions {
    text-align: center;
}

.underline {
    text-decoration: underline;
}

.big {
    font-size: 120%;
}

/*
 * Discount convention
 */

.convention {
    background: transparent none 0 0 no-repeat;
    padding-left: 20px;
    margin-left: 10px;
}

.convention.convention-none    { background-image: none; }
.convention.convention-success { background-image: url(/media/img/icons/icon_success.gif); }
.convention.convention-failure { background-image: url(/media/img/icons/icon_error.gif); }

#id_promo_code {
    width: 80px;
}
/*
 * Message box
 */

div.lightfaceMessageBox #course-password-mb {
    text-align: center;
}

div.lightfaceMessageBox #course-password-mb p {
    font-size: 1.4em;
    padding: 30px 0;
}

div.lightfaceMessageBox #course-password-mb #status {
    color: #666;
    margin-top: 5px;
    font-size: 1.1em;
}

div.lightfaceMessageBox #course-password-mb #status.error {
    color: red;
}

.dialog {
    border: 3px solid #000;
    display: none;
    background-color: white;
    padding: 10px 30px;
}

.hidden {
    visibility: hidden;
}

/*
 * Sms (for course_page)
 */

.portlet h3 .sms-link {
    background: transparent url(/media/img/icons/sms-small.png) no-repeat 0 0;
    padding: 4px;
    padding-left: 18px;
    font-size: 0.6em !important;
}

.email-link {
    background: transparent url(/media/img/icons/mail.png) no-repeat 0 0;
    padding: 0 20px;
    margin-left: 20px;
}

.sms-link {
    background: transparent url(/media/img/icons/sms-small.png) no-repeat 0 0;
    padding: 0 20px;
}

#send-sms-form {
    margin: 0;
    padding: 0;
    font-size: 1.0em;
}

#send-sms-form .phone-numbers {
    border: 1px solid #ccc;
    height: 120px;
    width: 440px;
    overflow: auto;
}

#send-sms-form textarea {
    width: 434px;
    height: 80px;
    margin-top: 10px;
}

#send-sms-form .status {
    border: 1px solid #ccc;
    width: 440px;
    margin-top: 10px;
    color: #666;
    /* visibility: hidden; */
    /* display: none; */
}

#send-sms-form .status.error {
    color: #f00;
    font-weight: bold;
}

/*
 * homepage tips
 */

.tip {
    width: 295px;
    font-family:tahoma,arial;
    background-color: #ffd;
    border: 4px solid #2D6A7B;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 6px 6px 6px #666;
}

.tip-title {
    color: #2D6A7B;
    font-size: 14px;
    font-weight: bold;
    padding: 18px;
    padding-bottom: 0;
}

.tip-text {
    color: #333;
    font-size: 12px;
    line-height: 18px;
    padding: 18px;
    text-align: justify;
}

.tip-text ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: disc;
    line-height: 5px;
}

.tip-text li {
    margin: 0;
    padding: 0;
    margin-left: 20px;
    line-height: 14px;
}

/* end of homepage tips */

/* homepage top area */

.homepage .mainButton {
    font-size: 1.417em;
    background-image: url(/media/img/layout/bgportletheader.gif);
    border-top: 1px solid #00596A;
    border-bottom: 1px solid #00596A;
    color:  #00596A;
    text-align: center;
    padding: 6px 0 7px 0;
    margin-bottom: 20px;
}

.homepage .mainButton a {
    text-decoration: none;
    color: #00596A !important;
    font-size: 16px;
}

.homepage .ddmenu a, #subMenusContainer a {
    font-size: 14px;
    font-family: Verdana;
}

.homepage .button_horizontal_list {
    height: 50px;
    padding: 10px 0 0 40px;
}

.homepage .areaInfo .button_horizontal_list li {
    float: left;
    list-style-type: none;
    padding: 0 !important;
    padding-right: 15px !important;
}

.homepage .link_vertical_list {
    margin-left: 20px;
}

.homepage .link_vertical_list li {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    width: 60%;
    background: transparent url(/media/img/icons/arrow_right_blue.png) no-repeat 0 1px;
    padding-left: 24px;
}

.homepage .link_vertical_list li a {
    color: #004E98;
}

.homepage .link_vertical_list li a:hover {
    text-decoration: underline;
}

.homepage .toparea-table {
    width: 100%;
    border-collapse: separate;
}

.homepage #area-info-1 .areaInfoHeader {
    width: 620px;
}

.homepage #area-info-1 .areaInfoBody {
    box-shadow: 7px 7px 7px #aaa;
    /*background-color: #9A2E31;*/
    /*border-color: #9A2E31;*/
    background-color: #2E579A;
    border-color: #2E579A;
}

.homepage .toparea h2 {
    color: #666;
    font-size: 15px;
    font-weight: normal;
    line-height: 16px;
}

.homepage .toparea-table > tbody > tr > td:last-child h2 {
    font-size: 17px;
}

.homepage .toparea-table > tbody > tr > td:first-child {
    width: 287px;
    /* border-right: 1px solid #004E98; */
    border-right: 1px solid #ccc;
}

.homepage .toparea-table > tbody > tr:first-child > td {
    /* background-color: #FFFFDD; */
    text-align: center;
    vertical-align: middle;
    /* border-bottom: 1px solid #004E98; */
}

.homepage .toparea-table td {
    padding: 5px;
    vertical-align: top;
}

.homepage .toparea-table .inner-table {
    width: 100%;
}

.homepage .toparea-table .inner-table td {
    vertical-align: middle;
    padding: 5px 3px;
}

.homepage .toparea-table .inner-table tr td:first-child {
    font-size: 12px;
    font-weight: bold;
    color: #004E98;
    width: 60%;
    background: transparent url(/media/img/icons/tick_blue.png) no-repeat 4px 13px;
    padding-left: 24px;
}

/* ------------------------------------------------------------------- */

.homepage .toparea > ul {
    margin: 10px !important;
    border: 3px solid #666;
    border-radius: 0 0 8px 8px;
    background-color: #fff;
}

.homepage .toparea .node h2 {
    background: url("/media/img/icons/arrow_right_gray.png") no-repeat scroll 0 1px transparent;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding-left: 24px;
}


.homepage .toparea .button {
    border: 2px solid #666;
    border-radius: 5px;
    width: 84px;
    text-align: center;
    margin: 0;
    padding: 5px 0;
    display: block;
    font-size: 12px;
    font-weight: normal;
    /* background: #666 none; */
    background: #FFFFEB none;
    color: #333;

    box-shadow: 4px 4px 4px #bbb;
}

.homepage .toparea .button:hover {
    box-shadow: 3px 3px 3px #666;
}


.homepage .toparea > ul.row0 {border-color: #2E579A; }
.homepage .toparea > ul.row1 {border-color: #9A2E31; }
.homepage .toparea > ul.row2 {border-color: #2C7469; }

.homepage .toparea > ul.row0 h2 {color: #2E579A; }
.homepage .toparea > ul.row1 h2 {color: #9A2E31; }
.homepage .toparea > ul.row2 h2 {color: #2C7469; }

.homepage .toparea > ul.row0 .button {border-color: #2C5B86; }
.homepage .toparea > ul.row1 .button {border-color: #9A2E31; }
.homepage .toparea > ul.row2 .button {border-color: #2C697A; }
.homepage .toparea > ul .button.white {background-color: #fff; }

.homepage .toparea > ul .button.active {

  animation-name: color_change;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;

  /* Safari and Chrome */
  -webkit-animation-name: color_change;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}

@-webkit-keyframes color_change /* Safari and Chrome */
{
  from { background-color: #FFFFEB; color: #333; }
  to { background-color: #FFAB73; color: #333; }
}


@keyframes color_change {
  from { background-color: #FFFFEB; color: #333; }
  to { background-color: #FFAB73; color: #333; }
}

/*
@keyframes color_change {
  from { border-color: #2E579A; }
  to { border-color: #FE0000; }
}
*/

.homepage .toparea ul.row0 .node h2 {background-image: url(/media/img/icons/arrow_right_blue.png); }
.homepage .toparea ul.row1 .node h2 {background-image: url(/media/img/icons/arrow_right_red.png); }
.homepage .toparea ul.row2 .node h2 {background-image: url(/media/img/icons/arrow_right_green.png); }


.homepage .toparea > ul > li {
    /* padding: 10px !important; */
    padding: 5px 10px 7px 10px !important;
}

.homepage .toparea > ul > li:not(.last) {
    border-bottom: 1px solid #ccc;
}

.homepage .toparea .node {
    height: 30px;
    float: left;
    width: 535px;
}


.homepage .toparea .node p {
    font-size: 12px;
    line-height: 18px;
    padding-left: 24px;
    color: #444;
}

.homepage .toparea .node p a {
    color: #004E98;
}

.homepage .toparea .node p a:hover {
    text-align: underline;
}

.homepage .toparea .tools {
}

.homepage .button_horizontal_list {
    height: 30px;
    padding: 0;
    margin: 0;
    margin-top: 4px;
}

/*
.homepage .toparea > ul.row0 li:first-child {
}

.homepage .toparea > ul.row0 li:not(:first-child) {
    display: none;
}

.homepage .toparea > ul.row0 li:not(:first-child).expanded {
    display: block;
}
*/

.homepage .toparea > ul.row0 > li {
    display: none;
}

.homepage .toparea > ul.row0 > li.expanded {
    display: block;
}

/*
 * Courses survey form
 */

#survey-form-wrapper {
    border: 3px solid gray;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 5px 5px 5px #bbb;
}

#survey-form-wrapper .formActions {
    text-align: center;
}

#survey-form-wrapper .field_wrapper .field {
    padding: 10px 0;
}

#survey-form-wrapper .field_wrapper_job .field {
    padding-bottom: 0;
}

#survey-form-wrapper .field_wrapper_job_other .field {
    padding: 0 0 0 40px;
}

#survey-form-wrapper .fieldWidget ul {
    padding-left: 40px !important;
}

#survey-form-wrapper .field_wrapper_score .fieldWidget ul {
    padding-left: 80px !important;
}

#survey-form-wrapper .field_wrapper_score .fieldWidget ul li {
    padding-left: 20px !important;
    line-height: 24px;
    float: left;
}

#survey-form-wrapper form .field label {
    width: 100% !important;
}

/*
 * Cookie policy
 */

.dialogs > div {
    display: none;
}

#cookiesdirective {
    line-height: 20px;
}

#privacyPolicyTag {
    display: block;
    opacity: 0;
    position: fixed;
    bottom: 0;
    right: 10px;
    border: 1px solid white;
    background-color: #000;
    padding: 5px 10px;
    z-index: 999999999 !important;
    font-size: 14px;
    margin: 1px;
}

#privacyPolicyTag a {
    color: white !important;
    text-decoration: none !important;
}

#privacyPolicyTag:hover {
    margin: 0;
    border: 2px solid white;
}

/*
 * Popup
 */

.ui-dialog {
    border: 3px solid #000;
    background-color: #F0F0F0;
    box-shadow: 10px 10px 10px #333;
}

.ui-dialog-titlebar {
    font-size: 14px;
}

.ui-widget-header {
    background: none;
    background-color: #2F6D7D;
    border: none;
}

.ui-dialog-content {
    font-size: 14px;
    line-height: 20px;
}

.ui-dialog .ui-dialog-buttonpane button {
    border: 1px solid black;
    color: black;
}

.ui-dialog .subtitle {
    padding: 2px 0 2px 2px;
}

.ui-dialog .subtitle.errornote {
    padding: 2px 0 2px 25px;
}

.dialog-message {
    /*background: transparent url(/media/img/spinner.gif) no-repeat 0 2px;*/
    font-weight: bold;
    display: none;
    font-size: 20px;
    background-color:#2F6D7D;
    color: white;
    border: 3px solid black;
    padding: 20px;
    box-shadow: 10px 10px 10px #333;
    text-align: center;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 240px;
    height: 20px;
}

/*
 * Simple registration
 */

.simpleRegistrationButton {
    float: right;
}

/*
 * Full registration
 */

.fullRegistrationButton {
    /*font-size: 1.4em;*/
    font-weight: bold;
    /*display: none;*/
}

form#registration-form .field-title,
form#registration-simple_registration_form .field-title {
    display: none;
}


/* homepage tabs */

.home-tabs ul.ui-tabs-nav{
    padding-left: 1.4em;
}
/*
.home-tabs.ui-tabs .ui-tabs-nav li{
    padding-top: 0.130em;
    padding-bottom: 0.130em;
}
*/
.home-tabs.ui-tabs .ui-tabs-nav li a div.title{
    font-size: 1.4em;
    font-weight: normal;
}

.home-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a div.title{
    font-weight: bold;
}

.home-tabs li.ui-tabs-active{
    background-repeat: repeat;
}

#home-tabs .ui-widget-header{
    background-color: #fff;
}

.home-tabs li.ui-tabs-active *{
    cursor: default!important;
}

.home-tabs .tab-content{
   /*background-color: #fff;
   background-image: url(/media/img/layout/bgdiag.png);
   background-repeat: repeat;*/
   margin: 0 1.4em;
   min-height: 100px;
   border: 1px solid #aaa;
   box-shadow: 0px 0px 3px #aaa;
}

.home-tabs .areaInfoBody{
    background-color: #fff;
}

#home-tabs{
    border: 0;
    background: #fff;
}

.home-tabs.ui-tabs .ui-tabs-nav li.ui-corner-top{
    border-radius: 1em 1em 0 0;
    margin-right: 1em;
}
/*
div#home-tab-2, .ui-tabs-nav li.ui-state-active[aria-controls="home-tab-2"], .ui-tabs-nav li.ui-state-hover[aria-controls="home-tab-2"]{
    background: #CCE6DF;
}

div#home-tab-3, .ui-tabs-nav li.ui-state-active[aria-controls="home-tab-3"], .ui-tabs-nav li.ui-state-hover[aria-controls="home-tab-3"]{
    background: #BBE5ED;
}

div#home-tab-4, .ui-tabs-nav li.ui-state-active[aria-controls="home-tab-4"], .ui-tabs-nav li.ui-state-hover[aria-controls="home-tab-4"]{
    background: #FFEDE1;
}

div#home-tab-5, .ui-tabs-nav li.ui-state-active[aria-controls="home-tab-5"], .ui-tabs-nav li.ui-state-hover[aria-controls="home-tab-5"]{
    background: #F9FBF2;
}

div#home-tab-6, .ui-tabs-nav li.ui-state-active[aria-controls="home-tab-6"], .ui-tabs-nav li.ui-state-hover[aria-controls="home-tab-6"]{
    background: #F9FBF2;
}

div#home-tab-7, .ui-tabs-nav li.ui-state-active[aria-controls="home-tab-7"], .ui-tabs-nav li.ui-state-hover[aria-controls="home-tab-7"]{
    background: #F9FBF2;
}*/
.ui-state-hover a:link, .ui-state-active a:link, .ui-state-default a:link{
    color: #00596a;
}

.ui-widget-header li.ui-state-hover{
 border: 1px solid #ccc;
 border-bottom: 0;
 box-shadow: 0px -3px 3px #ccc;
}

.ui-widget-header li.ui-state-active{
 border: 1px solid #aaa;
 border-bottom: 0;
 box-shadow: 0px -3px 3px #aaa;
}

#content{
    min-height: auto;
}

.bottomNoticeVerticalSeparator{
    display: none;
}

.mainMenuParentBtn{
    /*background: none!important;*/
}

.mainMenuParentBtnFocused{
    background: none!important;
 }

 #portlet-intro{
    /*margin-left: 300px;*/
    margin-top: 0;
    background-color: #fff;
    /*margin-left: 465px;*/
 }

 #portlet-intro h3{
    margin-bottom: 0;
    font-size: 1.4em;
 }

 #portlet-intro .portletBody{
    margin: 6px;
 }

 .no-margin-left {
    margin-left: 0!important;
 }

 #home-tabs li > a.ui-tabs-anchor {
    border-radius: 1em 1em 0 0;
}

#home-tab-1 li:last-child > a {
    color: #0000ff;
    margin-top: 20px;
}

.ui-state-active > a {
    background-color: #2f6d7d !important;
    color: #fff !important;
}

.areaInfoBody {
    border: 0;
}

.areaInfo li {
    /*padding: 10px 0 12px 24px !important;*/
    /*background-position: 4px 10px !important;*/
    padding: 0 0 0 5px !important;
}

.website-title-wrapper {
    text-align: center;
}

.pintro {
    float: right;
}

.home-tabs .portletBody ul, .home-tabs .portletBody ol {
    list-style: initial;
    list-style-position: inside;
    /*font-size: 1.15em;*/
}

/* responsive styles */
@media only screen and (max-width: 600px) {
    #column-one{
        display: none!important;
    }

    #content-wrapper{
        width: auto!important;
    }

    #site-main{
        background-image: none!important;
        max-width: 100%;
        background-color: #fff;
    }

    #header, #header-body, #content-wrapper-bg{
        max-width: 100%;
    }

    #logo{
        max-width: calc(100% - 20px);        
    }

    #footer p{
        width:100%;
    }

    #site-navigation{
        margin-left:0;
        font-size: 0.9em;
    }

    #social-links{
        display: none;
    }

    #site-tools {
        width: 100%;
    }

    #site-search {
        margin-top: 0;
        margin-right: 0;
        float: left;
        margin-left: 10px;
        margin-bottom: 10px;
        width: calc(100% - 40px);
    }

    .homepage .portlet {
        width: auto!important;
        margin-left: 0;
        position: relative!important;
        bottom: 0!important;
        margin-bottom: 10px!important;
        margin-top: 10px!important;
    }

    .homepage #content-wrapper{
        width: 100%!important;
    }

    .areaInfo a {
      white-space: pre-wrap;
    }

    .areaInfoBody {
        margin-bottom: 10px;
    }

    .home-tabs .tab-content {
        margin: 0;
        border: 0;
        box-shadow: none;
    }

    #home-tabs li {
        display: block;
        width: 100%;
        border: 0;
    }

    #home-tabs li > a.ui-tabs-anchor {
        border-radius: 1em;
        border: 1px solid #2f6d7d;
        width: calc(100% - 24px);
    }

    #home-tabs .ui-widget-header {
        padding-right: 1.4em;
    }

    .portletBody a.button {
        margin: 0!important;
        font-size: 13.5px!important;
    }

    .areaInfo{
        width: 100%!important;        
    } 

    .portlet.pintro{
        width: 100%!important;
        text-align:center;
    }

    #company-block input{
        max-width: 180px;
    }

    #account-links{
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0;
        font-size: 1.1em;
    }

    #site-search #id_query {
        width: 225px;
    }

    #site-search{
        margin-top: 10px;
    }

}

body * {
font-family:Roboto, sans-serif!important;
}

#site-top,#site-body,#header,body,#area-formazione-wrapper {
background:#2f6d7c;
}

#header,.homepage #site-main,#header-body,#content-wrapper-bg {
width:auto!important;
}

#site-navigation-bg {
top:0;
left:0;
position:absolute;
width:100%;
background-color:#2f6d7d;
z-index:1;
}

div#portlet-intro {
padding:20px;
}

.homepage #portlet-intro h3 {
background-color:transparent!important;
border-bottom:0!important;
font-size:3em;
color:#275865;
font-weight:bolder;
margin-top:10px;
margin-bottom:20px;
}

.homepage .home-tabs .tab-content {
border:3px solid #2f6d7d;
margin-bottom:20px;
box-shadow:none;
margin-top:10px;
}

div#site-top {
height:120px;
margin-bottom:-120px;
}

.website-title-wrapper > p {
text-align:left!important;
font-family:Lato, sans-serif!important;
color:#fff!important;
font-weight:300!important;
}

.homepage h2 {
font-size:50px;
color:#000;
border-bottom:4px solid #2f6d7d;
display:inline-block;
padding:15px;
}

#logo {
margin-left:215px;
display:none;
margin-top:0;
}

#site-tools {
margin-right:200px;
}

button {
cursor:pointer;
min-width:110px;
color:#fff;
background-color:#1b4954;
font-size:1.2em;
font-weight:bold;
margin-right:5px;
border:0;
padding:.55em 1em;
}

.btn-wrapper {
text-align:center;
margin-top:20px;
}

.homepage #footer p {
width:100%;
background:#2f6d7d;
background-image:none;
margin-left:0;
margin-right:0;
}

#home-tabs-wrapper div.home-tabs:nth-child(even) {
background:#fff;
margin-right:-200px;
margin-left:-200px;
padding-left:200px;
padding-right:200px;
}

#home-tabs-wrapper div.home-tabs {
padding-top:50px;
}

#home-tabs .title {
text-align:center;
margin-bottom:25px;
letter-spacing:-.2px;
}

div#wow_content {
text-align:center;
color:#fff;
background:#2f6d7c;
position:absolute;
top:0;
left:0;
background-size:cover;
height:450px;
background-position:50% 50%;
}

#wow_content h2 {
font-size:3em;
color:#fff!important;
border:0;
margin-bottom:40px;
}

.homepage #logo2 {
width:180px;
margin-bottom:20px;
margin-top:50px;
position: relative;
top: initial;
}

p.intro {
font-size:2.2em;
line-height:normal;
margin-top:0;
}

#account-links li {
background-image:none!important;
}

#account-links {
height:35px;
}

div#area-formazione-wrapper {
top:140px;
margin-bottom:-60px;
position:absolute;
background-color:transparent;
color:#fff;
display:none;
}

#site-search {
clear:both;
margin-top:5px;
background-color:#dedede!important;
border:0;
overflow:hidden;
zoom:1;
float:right;
width:360px;
position:absolute;
bottom:0;
}

#site-search .button {
background-image:none!important;
border:0!important;
box-shadow:none;
}

div#site-tools {
overflow:visible;
position:absolute;
top:0;
right:0;
z-index:2;
margin-right:0;
width:550px;
}

div#social-links {
display:none;
}

#site-navigation-2 {
overflow:hidden;
zoom:1;
clear:both;
list-style:none;
line-height:52px;
display:inline-block;
}

#site-navigation-2 li {
display:block;
float:left;
margin:0;
padding:0;
}

#site-navigation-2 li a,#site-navigation-2 li a:visited {
display:block;
color:#fff;
text-decoration:none;
font-size:1.6em;
font-weight:bold;
padding:24px 1em 16px;
}

#site-navigation {
height:35px!important;
margin-left:0!important;
background-color:#dedede;
}

#site-navigation li {
margin-top:4px!important;
}

#header-body {
margin-top:50px;
}

div#site-search {
left:-120px;
margin:0;
padding:8px;
}

.homepage #site-body {
margin-top:439px;
}

.centered_content {
width:90%;
margin-left:5%;
margin-right:5%;
}

#portlet-news,#portlet-forum {
display:none!important;
}

.bottomNotice.usefulLinks {
    display: none;
}

.tab-content {
height:auto!important;
}

#home-tab-1 {
margin-top:26px;
}

#privacyPolicyTag {
bottom:50px!important;
display:none!important;
}

.sn2 .title {
margin-bottom:0!important;
font-family:Prompt, sans-serif!important;
}

.sn2 li a {
border:3px solid #1b4954!important;
transition:background-color .3s ease;
background-color:#e8d8a0!important;
color:#1b4954!important;
margin-right:5px;
}

.sn2 li a:hover {
background-color:#1b4954!important;
color:#e8d8a0!important;
}

.sn2 li {
background-color:#fff!important;
}

h2,#site-navigation a,h3,button {
font-family:Prompt, sans-serif!important;
}

#site-navigation li a.btn-neg {
color:#fff!important;
background-color:#1b4954!important;
border-color:#1b4954!important;
}

#help {
display:block;
position:fixed;
bottom:10px;
right:10px;
z-index:999999999!important;
}

#help button {
font-size:13px!important;
background-color:#bd4a4a;
margin:0;
padding:5px 10px;
}

/*
.homepage #site-main,#home-tabs .ui-widget-header,#home-tabs {
background:#f2f2f2;
}
*/
#site-navigation-bg #site-navigation li.start,#site-navigation-bg #site-navigation li.end,#footer p {
background-image:none;
}

@media only screen and min-width 1200px{
div#site-main {
padding:0 150px;
}

div#site-tools {
position:absolute;
top:0;
}

#home-tab-1 {
margin-top:10px;
}

#site-navigation {
padding-left:150px;
}
}

@media only screen and max-width 1024px and min-width 768px{
#site-navigation.sn2 li a {
font-size:.95em!important;
padding:.3em .6em;
}

#site-navigation.sn2 {
width:760px!important;
}

p.intro {
font-size:1.5em;
}

#wow_content h2 {
font-size:2.5em;
}
}

@media only screen and max-width 767px{
#site-navigation.sn2 {
width:auto!important;
}

#site-navigation.sn2 li a {
font-size:1.5em!important;
}

p.intro {
font-size:1.5em;
}

#wow_content h2 {
font-size:2.5em;
}
}

@media only screen and max-width 1024px{
#site-navigation-bg {
top:35px;
}

#site-navigation-bg #site-navigation {
background-color:#2f6d7c!important;
}

#logo2 {
margin-top:120px;
width:120px;
}

#home-tab-1 {
margin-top:3px;
}

#site-navigation.sn2 {
padding-bottom:0!important;
}
}

@media only screen and max-width 600px{
div#home-tab-1 {
margin-top:190px;
}

ul#site-navigation {
height:auto!important;
}
}

div#header-body {
    margin-top: 34px;
}
/*
body{
    background-color: #2f6d7c!important;
}
*/
div#content {
    display: block!important;
    border: 3px solid #2f6d7c;
    margin-bottom: 30px;
}

div#site-main {
    background: #fff;
}

#content > h1:first-child {
    position: absolute;
    top: 230px;
    color: #fff;
    border: 0;
    font-size: 2.5em;
    font-family: 'Prompt', sans-serif!important;
    right: 0;
    left: 0;
    text-align: center;
    font-weight: bolder;
}

ul#breadcrumbs {
    display: none;
}

div#content-wrapper {
    margin-top: 0;
}

div#content {
    font-size: 1.5em;
}

img#logo2 {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
}

img#logo {
    display: none;
}

div#site-body {
    margin-top: 290px;
}
#footer p {
    width: auto;
}

div#site-search {
    margin: 0;
    padding: 8px;
    position: absolute;
    top: 0;
}

div#site-search a {
    display: inline-block;
    float: right;
    margin-top: -6px;
}

@media only screen and (max-width: 1024px){

div#site-body {
    margin-top: 215px;
}

#content > h1 {
    top: 180px;
    font-size: 2em;
}
}

.content-border {
    border: 3px solid #2f6d7c;
    padding: 20px;
    margin-right: -17px;
    margin-left: -17px;
}

div#content {
    border: 0;
}

#content a {
    font-weight: bold;
}

#content p.title {
    margin-bottom: 3px;
}

#content p.title strong{
    font-size: 1.1em;
}

div#site-body {
    margin-top: 200px;
    background: #ffffff;
}

img#logo2 {
    width: 120px;
    top: 70px;
}

#content > h1:first-child {
    font-size: 2em;
top: 160px;
}

#portlet-ecommerce-carrello, #portlet-ecommerce-help {
    font-size: 1.2em;
}



@media only screen and (min-width: 1200px){
    div#site-main {
        padding: 0 150px;
    }
}

form#acquisti-form {
    margin-top: -23px;
}

#site-wrapper.homepage {
    background: #fff;
}

table.datatable {
    width: 100%;
}

.portlet h3 {
    padding: 3px 0;
    text-align: center;
    background-image: none;
    background: #f5f5dc;
}

.portletBody {
    font-size: 1.3em;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    #site-navigation.sn2 li a {
        padding: 0.3em 0.6em 0.3em 0.6em;
        font-size: 0.95em!important;
    }

    #site-navigation.sn2{
        width: 760px!important;
    }

    p.intro{
        font-size: 1.5em;
    }

    #wow_content h2{
        font-size: 2.5em;
    }
}

@media only screen and (max-width: 767px) {
    #site-navigation.sn2{
        width: auto!important;
    }
    
    #site-navigation.sn2 li a {
        font-size: 1.5em!important;
    }
    
    p.intro{
        font-size: 1.5em;
    }
    
    #wow_content h2{
        font-size: 2.5em;
    }
}

@media only screen and (max-width: 600px){
    div#home-tab-1 {
        margin-top: 190px;  
    }
    
    ul#site-navigation {
        height: auto!important;
    }
}

.popup #content h1, .popup #content h2 {
    border-bottom: 0;
    font-size: 1.5em;
    line-height: normal;
    position: relative!important;
    color: #00596a;
    top: initial;
    font-family: Prompt!important;
    margin-bottom: 10px;
}

ul#site-navigation {
    height: 40px!important;
}

#site-navigation-bg #site-navigation li {
    padding-bottom: 5px;
}

form#login-form-compact form.inline label {
    padding-right: 5px;
}

#login-form-compact .field label {
    padding-right: 5px;
}

input#id_password_compact {
    margin-right: 10px!important;
}

div#site-search {
    overflow: visible;
    font-size: 1.2em;
}

div#site-search a {
    right: -133px;
    position: absolute;
    margin-top: -27px;
}