@charset "iso-8859-1";

/***** eric meyer reset *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   font-weight: inherit;
   font-style: inherit;
   font-family: helvetica, tahoma, verdana, arial, helvetica;
   /*line-height: 1;*/
}
a img, :link img, :visited img {border: 0;}
ol, ul {list-style:none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
/*****\eric meyer reset\*****/


body {text-align:center; font-size:9pt; color:#000; background:#fff;}

a {color:#000; display:block;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#555;}
hr {display:none;}
h1 {margin:1px 0px 10px 0px; color:#394549; border-bottom:1px solid #DA3039; font-size:1.4em; font-weight:bold; padding-left:5px}
h2 {margin:1px 0px 10px 0px; color:#DA3039; font-size:1.0em; font-weight:bold; text-transform:uppercase;}
h3 {font-weight:bold;}
h4 {margin:5px 2px; padding:2px; font-weight:bold; border-bottom:1px solid #ccc; color:#333;}
h5 {float:right;}
img {}
table {width:100%; font-size:0.9em; border-spacing:1px; empty-cells:show;}
caption {color:#333; font-weight: bold; text-align:left; padding:5px; font-style:italic;}
td {background:#fff; border:1px solid #ccc; padding:2px 5px;}
th {background:#ccc; color:#333; font-weight:bold;text-align:center;}
thead th, thead th a {background:#ccc; color:#000;}
fieldset {margin:5px 0px; padding:5px 8px; border:1px solid #C6C7C9;}
legend {background:#fff; border:none; color:#000; font-weight: bold; padding:0px 3px; margin-bottom:3px;}
label {padding-right:3px; width:210px; display:block; float:left; clear:left;}
dl {margin:10px 0px;}
dt {font-weight:bold;}

input.input_text {width:310px;}
textarea {width:90%; font-family: helvetica, tahoma, verdana, arial, helvetica; font-size:1.1em;}
span.general_input_cnt {display:block;margin:5px 0px;}
span.cnt_textarea {display:block;}
span.cnt_hidden {float:left;}
span.cnt_submit, span.cnt_button {padding:5px 0px;}
span.radio_clear {display:block; margin:0px;}

a.button {background-color:#113035;border:1px solid #DA3039;border-right-color:#8F1A22;border-bottom-color:#8F1A22;padding:2px 5px;margin:0px 0px 0px 2px;color:#C8C7CC}
a.button:hover {background-color:#53686F; cursor:pointer; color:#fff}
td.intestazione {color:#346; background:#eee; font-weight:bold;}
td.descrizione {color:#000000; background:#fff;}
span.newsNum {color:#E02418;}

ul.but_bar {padding:10px 0px;}
ul.but_bar li {margin:0px 2px;}

#container {width:750px; margin:10px auto 0px auto; text-align:left;}
#header {text-align:left; height:100px; background:url('computerinfamiglia.jpg') no-repeat top left #C8C7CC;}

#content {margin:10px 0px 0px 0px; float:right; padding-left:5px; width:605px; border-left:1px solid #C8C7CC; padding-bottom:5px;}
#content a {display:inline}
#content ul {width:99%;}
#content li {display:inline; clear:both;}

#content tr.quickHelp td {border:none;}
#content td.quickHelpIcon {width:42px;background:url('help.gif') no-repeat 5px 2px #fff;}
#content td.quickHelpTitle{font-weight:bold;}
#content td.quickHelpText{padding-bottom:10px;}

#welcome table {margin-bottom:30px;}
#welcome tr.quickHelp td {border:none;}
#welcome td.quickHelpTitle{font-weight:bold; background:#C8C7CC; color:#20343B; font-style:italic; text-align:right; padding-right:30px; }
#welcome td.quickHelpText{padding:5px 20px;}

#userName {background:#DA3039; color:#ffcb08; font-weight:bold; text-align:right; padding:5px 0px 2px;}
#userName img {vertical-align:middle; cursor:pointer;}
#userName span {padding:2px 5px 2px 15px; background:url('tri_red.gif') top left no-repeat #404E4F; color:#C8C7CC;}
#userName span.cc {background-color:#404E4F; float:left; margin-top:-2px;}
#userName span.nomecognome {background-color:#C8C7CC; float:left; color:#000; margin-top:-2px;}

#userName span.info_online {margin:-98px 0px 0px 100px; background:none; padding:0px; position:absolute;}
#userName span.info_online span {padding:4px 8px 4px 24px; color:#C8C7CC; margin-bottom:5px; display:block; border:1px solid #DA3039;}
#userName span.users_online {background:url('users_online.gif') no-repeat 2px center #394549;}
#userName span.course_online {background:url('course_online.gif') no-repeat 3px 4px #394549;}

#navRow {padding:2px 20px; text-align:left; margin:0px; background:#C8C7CC; font-size:0.9em; clear:both;}
#navRow span {color:#E02418;}

#footer {clear:both; color:#999; padding-right:40px; font-size:0.8em; margin-top:200px; text-align:center;}
#footer a {display:inline; color:#999; font-weight:normal;}

#preview {position:absolute; left:0px; top:0px; display:none; padding:6px 10px 6px 10px; background-color:#FFFEAF; border:1px solid #EFC400;} 
#preview dl {margin:2px 0px; }
#preview dt {padding-right:10px;}
#preview dd, #preview dt {display:inline;}
#preview img {vertical-align:bottom;}

#newMenu {float:left; width:130px;}
#newMenu li, #newMenu ul {margin:0px;border:1px solid #fff;border-left:none;}
#newMenu li ul {background:#fff; margin-right:0px;}
#newMenu a {padding:5px 0px 1px 5px; background:#fff; border-bottom:1px solid #DA3039; margin:0px; font-weight:bold; text-transform:uppercase;color:#394549}
#newMenu a:hover {color:#555; text-decoration:underline;}
#newMenu li ul li a {padding:1px 0px 1px 5px; border:none; text-transform:none; font-size:0.9em;}
#newMenu li ul li ul li a {font-size:0.9em; text-align:right; font-weight:normal;}
#newMenu ul.cecami {display:none;}
#newMenu a.selected {background:#DA3039; color:#C8C7CC;}

#admin, #impostazioni, #corso, #forum, #news, #rucksack, #posta, #omnitor, #noticeboard, #welcome, #uscita {width:99%; padding:0px 0.5%;}

/**** amministrazione ****/
#admin span.general_input_cnt {padding:10px 0px 10px 0px; }

/**** impostazioni ****/
#impostazioni span.general_input_cnt {padding:5px 0px 5px 10px;}
#impostazioni span.radio_clear {display:inline;}

/**** corso ****/
#corso table.last_news {margin:10px 0px 20px 0px; border:1px solid #ccc; background:#efefef}
#corso table.last_news td {border:none; vertical-align:top; background:#efefef}
#corso table.last_news td h2 {margin:0px; border-bottom:1px solid #ccc; padding:0px 0px 2px 20px; background:url('news.gif') no-repeat left top;}
#corso table.last_news td b {color:#E02418; display:block; width:70px; padding-left:5px;}

#corso p.lezioni {padding:2px 0px 2px 15px;background-repeat:no-repeat; background-position:2px 1px;}
#corso p.lezioni.a {background-image:url('closed_book.gif')}
#corso p.lezioni.b {background-image:url('open_book.gif')}

#container.large {width:100%!important;}
#container.large span.info_online {margin:0px!important; right:10px; top:20px;}
#container.large #content, #container.large #newMenu, #container.large #navRow {display:none;}

#scormViewer {width:100%; position:absolute; left:0px; top:130px; background:url('backlearning.jpg');}
#scormOption {width:100%; position:absolute; left:0px; top:110px; background:#DA3039; text-align:right;}

#scormOption span {float:left; font-weight:bold; color:#C8C7CC; padding:2px 5px 2px 15px; background:url('tri_red.gif') top left no-repeat #404E4F;}
#scormOption span.userSpan {background-color:#fff; border-bottom:1px solid #1A5074; font-weight:bold;color:#000;}
#scormOption a.button {display:block; float:right; padding:2px 5px 2px 15px; margin:0px; border:none!important; color:#C8C7CC; font-weight:bold;
background:url('tri_red.gif') top left no-repeat #404E4F;}
#infoSet {float:none!important; margin-right:10px; color:#00f; display:none;} #infoSet b.g {color:#070;}#infoSet b.r {color:#E02418;}

/**** posta ****/
#posta table {font-size:1.0em!important; border-spacing:0;}
#posta #mi3.sel, #posta #mailLContent.mi3 {background:#E02418!important;}

/**** corsi ****/
#course_list td {background:#fff; text-align:center;}
#course_list td.coursename {text-align:left;}
#course_log td {border:none;}
#course_log .lastNews {padding:2px 10px;}
#sottoente_name {padding:10px}
#sottoente_name a {background:#ddd; border:1px solid #000; border-left-color:#eee; border-top-color:#eee; padding:2px 10px; margin:2px;}

/**** forum ****/
p.forum_title.opened {background:#B3E1EF!important;}
div.forum_detail.opened {background:#E0ECEF!important;}
p.forum_options a{color:#2477A9!important;}

/**** omnitor ****/
#omnitor ul.but_bar {text-align:center;}

/**** zaino ****/
#rucksack .cnt_button {}

/**** bacheca ****/
#noticeboard p.opened a{background-color:#53686F!important; color:#fff !important;}
#noticeboard #folders {width:22%!important;overflow:auto;}
#noticeboard div.cont {width:74%!important;}

/**** home ****/
#welcome p {margin:10px 2px;}

#lBmain {background:#DA3039 !important; margin-top:5px !important;}