body {
	font-family: Verdana, Tahoma, Arial, sans-serif, serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

a, a:link, a:visited {
	text-decoration: none;
	border-bottom: 1px dotted rgb(91,149,185);
	color: #303030;
}

a:hover {
	text-decoration: none;
	border-bottom: 1px solid rgb(91,149,185);
	color: Navy;
	text-decoration: underline;
}

h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

form fieldset {
	border: 1px solid #dcdcdc;
	padding: 6px;
}

form legend {
	padding: 1px 15px 1px 15px;
	height: 22px;
	font-size: 15px;
	font-weight: bold;
	color: #003366;
	text-align: left;
	background-color: #F5F5F5;
	border: 1px solid #dcdcdc;
}

input, textarea, button, select {
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, sans-serif, serif;
	border: 1px solid gray;
}


/******************/
/* UL TREE */
ul.tree, ul.tree ul {
	list-style-type: none;
	background: url(../images/ctree/vline.png) repeat-y;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

ul.tree ul {
	margin-left: 10px;
}

ul.tree li {
	margin: 0;
	padding: 0 12px;
	line-height: 20px;
	background: url(../images/ctree/node.png) no-repeat;
	color: #369;
	font-weight: bold;
}

ul.tree li.last {
	background: #fff url(../images/ctree/lastnode.png) no-repeat;
}

ul.tree li:last-child {
	background: #fff url(../images/ctree/lastnode.png) no-repeat;
}


/******************/
/* CONTAINER */
#container {
	position: absolute;
	width: 900px;
	left: 50%;
	margin: 0px 0px 0px -450px;
}

/******************/
/* HEADER */
#header {
	height: 60px;
	background-image: url(../images/head.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 11px;
}

#header .rightbox {
	float: right;
	margin: 5px 15px 0px 0px;
	color: white;
}

#header a,
#header a:link,
#header a:visited {
	text-decoration: none;
	color: #FFF;
}

#header a:hover {
	text-decoration: underline;
	color: #FFF;
}

/******************/
/* MENU */
#menutop {
	height: 25px;
	background-color: #0a4472;
	color: #FFFFFF;
}

#whereyouare {
	padding: 7px 5px 7px 33px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: bold;
	color: gray;
	border-bottom: 1px dotted gray;
	background-image: url(../images/ico_home.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
}

/******************/
/* BODY */
#menujs {
	height: 25px;
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	width: 900px;
	padding: 0px 0px 0px 0px;
}

#body0 {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding: 10px 10px 15px 10px;
	float:left;
	width: 880px;
}

#body {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding: 10px 10px 15px 10px;
	border: 1px solid #e0e0e0;
	border-top: 3px solid #e0e0e0;
	float:left;
	width: 880px;
}

#body0 h3,
#body h3 {
	font-size: 15px;
	font-weight: bold;
	border-bottom: 3px solid #708090;
	color: #708090;
}

#body0 h4,
#body h4 {
	font-size: 13px;
	font-weight: bold;
	background-color: #F5F5F5;
	color: #708090;
	padding: 3px;
}

#body0 p,
#body p {
	padding: 0px 0px 0px 0px;
}

/******************/
/* BOX FOOTER */
#subfooter {
	clear: both;
	padding: 5px;
}

#footer {
	clear: both;
	padding: 5px 5px 40px 5px;
	border-top: 1px solid #dcdcdc;
	margin: 20px 0px 15px 0px;
	font-size: 11px;
	color: #708090;
}

#shadow {
	background-color: black;
	margin: 0px 10px 0px 10px;
	height: 25px
}

/******************/
/* TABS */
#tabsG { float: left; width: 100%; border-bottom: 2px solid #c3c3c3; font-size: 93%; line-height: normal; margin-bottom: 20px; }
#tabsG ul { float: right; margin: 0; padding: 10px 10px 0px 0px; list-style: none; }
#tabsG li { display: inline; margin: 0; padding: 0; }
#tabsG a { float: left; background: url("../images/tableftG.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; font-weight: bold; }
#tabsG a span { float: left; display: block; background: url("../images/tabrightG.gif") no-repeat right top; padding: 5px 15px 4px 6px; color: #000; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsG a span { float: none; }
/* End IE5-Mac hack */
#tabsG a:hover span { color: #FFF; }
#tabsG a:hover { background-position: 0% -42px; }
#tabsG a:hover span { background-position: 100% -42px; }
/* */
#tabsG a.active {
	float: left;
	background: url("../images/tableftG.gif") no-repeat left top;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	text-decoration: none;
	border: 0px;
	background-position: 0% -42px;
}
#tabsG a.active span {
	float: left;
	display: block;
	background: url("../images/tabrightG.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #666666;
	background-position: 100% -42px;
}
#tabsG a.active span {
	float: none;
	cursor: default;
}
#tabsG a.active:hover span {
	color: #666666;
	cursor: default;
}
#tabsG a.active:hover {
	background-position: 0% -42px;
}
#tabsG a.active:hover span {
	background-position: 100% -42px;
}

/******************/
/* STAR RATING */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}


/******************/
/* CLASS */

.txtSize3XS { font-size: 7px; }
.txtSizeXXS { font-size: 8px; }
.txtSizeXS { font-size: 9px; }
.txtSizeS { font-size: 10px; }
.txtSizeM { font-size: 11px; }
.txtSizeL { font-size: 12px; }
.txtSizeXL { font-size: 13px; }
.txtSizeXXL { font-size: 14px; }
.txtSize3XL { font-size: 15px; }
.txtSize4XL { font-size: 16px; }
.txtSize5XL { font-size: 17px; }
.txtSize6XL { font-size: 18px; }
.txtSize7XL { font-size: 19px; }
.txtSize8XL { font-size: 20px; }
.txtSize9XL { font-size: 21px; }
.txtSize10XL { font-size: 22px; }

.width100perc { width: 100%; }
.width99perc { width: 99%; }
.width98perc { width: 98%; }
.widthDate { width: 80px; }
.widthDateTime { width: 110px; }
.width20px { width: 20px; }
.width30px { width: 30px; }
.width40px { width: 40px; }
.width50px { width: 50px; }
.width60px { width: 60px; }
.width70px { width: 70px; }
.width80px { width: 80px; }
.width90px { width: 90px; }
.width100px { width: 100px; }
.width110px { width: 110px; }
.width120px { width: 120px; }
.width130px { width: 130px; }
.width135px { width: 135px; }
.width140px { width: 140px; }
.width145px { width: 145px; }
.width150px { width: 150px; }
.width155px { width: 155px; }
.width160px { width: 160px; }
.width165px { width: 165px; }
.width170px { width: 170px; }
.width175px { width: 174px; }
.width180px { width: 180px; }
.width185px { width: 185px; }
.width190px { width: 190px; }
.width195px { width: 195px; }
.width200px { width: 200px; }
.width205px { width: 205px; }
.width210px { width: 210px; }
.width220px { width: 220px; }
.width230px { width: 230px; }
.width240px { width: 240px; }
.width250px { width: 250px; }
.width255px { width: 255px; }
.width300px { width: 300px; }
.width305px { width: 305px; }
.width400px { width: 400px; }
.width405px { width: 405px; }
.width420px { width: 420px; }
.width430px { width: 430px; }
.width450px { width: 450px; }
.width455px { width: 455px; }
.width470px { width: 470px; }
.width480px { width: 480px; }
.width490px { width: 490px; }
.width500px { width: 500px; }
.width520px { width: 520px; }
.width530px { width: 530px; }
.width540px { width: 540px; }
.width550px { width: 550px; }
.width560px { width: 560px; }
.width565px { width: 565px; }
.width580px { width: 580px; }
.width590px { width: 590px; }
.width600px { width: 600px; }
.width610px { width: 610px; }

.div_clear_both {
	clear: both;
}

.borderNone {
	border: none;
}

.borderAllGray {
	border: 1px solid gray;
}

.borderAll {
	border: 1px solid black;
}

.borderRX {
	border-right: 1px solid black;
}

.borderSX {
	border-left: 1px solid black;
}

.borderTOP {
	border-top: 1px solid black;
}

.border2pxGray {
	border: 2px solid silver;
}

.border2pxOrange {
	border: 2px solid orange;
}

.boxLabel {
	font-size: 11px;
	font-weight: bold;
	color: #696969;
	padding: 10px 0px 3px 0px;
	text-align: justify;
}

.boxHelp {
	padding: 10px 20px 15px 70px;
	background-color: #f5f5f5;
	background-image: url(../images/dbInfo3Gray.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	/*border: 2px solid #4684ff;*/
	text-align: justify;
	min-height: 50px;
}

.boxPaging {
	background-color: #fafafa;
	border: 1px solid #e0e0e0;
	padding: 10px;
	margin: 5px 0px 5px 0px;
	color: #808080;
}

.boxPaging .boxLabel{
	color: #808080;
}

.boxInfo0 {
	background-color: #fafafa;
	border: 1px solid #e0e0e0;
	padding: 5px 10px 5px 35px;
	margin: 5px 0px 5px 0px;
	color: #808080;
	background-image: url(../images/dbInfo2Gray.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	text-align: justify;
}

.boxInfo00 {
	background-color: #fafafa;
	border: 1px solid #e0e0e0;
	padding: 5px 0px 5px 10px;
	margin: 5px 0px 5px 0px;
	color: #808080;
	text-align: justify;
}

.boxInfo1 {
	background-color: #F5F5F5;
	border-left: 3px solid #6495ed;
	padding: 10px;
	margin: 5px 0px 5px 0px;
}

.boxInfo1 .boxLabelFix {
	width: 200px;
	float: left;
}

.boxInfo1 .boxFieldFix {
	font-weight: bold;
	padding-left: 200px;
}

.boxInfo2 {
	border-left: 3px solid gray;
	border-right: 1px solid #F5F5F5;
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	padding: 10px;
	margin: 5px 0px 5px 0px;
}

.boxInfo3 {
	background-color: #F5F5F5;
	border: 2px solid #6495ed;
	padding: 10px;
	margin: 5px 0px 5px 0px;
}

.boxInfo4 {
	background-color: #F5F5F5;
	border: 1px solid #a9a9a9;
	padding: 10px;
	margin: 5px 0px 5px 0px;
}

.boxInfo5 {
	background-color: #fafafa;
	border: 1px solid gray;
	border-left: 3px solid gray;
	padding: 10px;
	margin: 5px;
}

.homePageLeft {
	float: left;
	width: 610px;
}

.homePageRight {
	width: 240px;
	float: right;
}

.boxHomeWelcomeLastAccess {
	background-color: #F5F5F5;
	width: 235px;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.boxHomeRiepTool {
	background-color: #fbfbfb;
}

.boxHomeRiepToolOuter {
	width: 240px;
	background-color: #ff1493;
}

.boxHomeRiepTool .active {
	color: green;
	font-weight: bold;
	font-size: 11px;
}

.boxHomeRiepTool .beta {
	color: orange;
	font-weight: bold;
	font-size: 11px;
}

.boxHomeRiepTool .develop {
	color: #a9a9a9;
	font-weight: bold;
	font-size: 11px;
}

.boxHomeRiepTool .rc1 {
	color: red;
	font-weight: bold;
	font-size: 11px;
}

.boxHomeOther01 {
	float: left;
	width: 362px;
	padding: 5px;
	border: 5px solid #adff2f;
	margin: 5px 8px 0px 0px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

.boxHomeOther02 {
	float: left;
	width: 362px;
	padding: 5px;
	border: 5px solid #ffd700;
	margin: 5px 0px 0px 8px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

/* ScribaNEVERENDING */
.boxNeverendigTOP {
	width: 730px;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	background-image: url(../images/rightborder.gif);
	background-position: right;
	background-repeat: repeat-y;
}

.boxNeverendigBODY {
	width: 650px;
	border-left: 1px solid gray;
	padding: 20px 40px 20px 40px;
	background-image: url(../images/rightborder.gif);
	background-position: right;
	background-repeat: repeat-y;
}

.boxNeverendigBT {
	width: 730px;
	background-image: url(../images/bottomborder.gif);
	background-repeat: repeat-x;
	height: 15px;
}

/* ScribaLETTER */
.boxLetterField {
	min-height: 25px;
}

/* ScribaMAPPING */
.boxMappingRight {
	float: right;
	width: 250px;
	padding: 5px;
}

.boxMappingLeft {
	float: left;
	width: 550px;
	margin: 15px 0px 0px 0px;
	text-align: justify;
}

.boxMappingHRef {}

.boxMappingHRef img {
	padding-right: 5px;
}

.boxMappingHRef a,
.boxMappingHRef a:link,
.boxMappingHRef a:visited {
	display: block;
	margin: 5px 0 5px 0;
	border: 3px solid #708090;
	padding: 3px;
	width: 350px;
	text-decoration: none;
}

.boxMappingHRef a:hover {
	display: block;
	margin: 5px 0 5px 0;
	border: 3px solid #ff8c00;
	padding: 3px;
	width: 350px;
	text-decoration: none;
	background-color: #ffffee;
}

.boxMappingSmallHRef {
	border-right: 3px solid #708090;
	float:left;
	margin-right: 35px;
}

.boxMappingSmallHRef img {
	padding-right: 5px;
}

.boxMappingSmallHRef a,
.boxMappingSmallHRef a:link,
.boxMappingSmallHRef a:visited {
	display: block;
	margin: 5px 0 5px 0;
	border: 3px solid #708090;
	padding: 3px;
	width: 60px;
	text-decoration: none;
	position:relative;
	left: 3px;
}

.boxMappingHelp {
	padding: 10px;
	margin-left: 110px;
	background-color: #f5f5f5;
	border: 2px solid #4684ff;
	text-align: justify;
}

/* ScribaPODCASTING */
.boxPodcast { }

.boxPodcast .list {
	float: left;
	width: 600px;
}

.boxPodcast .player {
	float: right;
	width: 260px;
	border-left: 2px solid gray;
	padding-left: 6px;
}

/* ScribaVAKOG */
.boxVakogTOP {
	width: 730px;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	background-image: url(../images/rightborder.gif);
	background-position: right;
	background-repeat: repeat-y;
}

.boxVakogBODY {
	width: 650px;
	border-left: 1px solid gray;
	padding: 20px 40px 20px 40px;
	background-image: url(../images/rightborder.gif);
	background-position: right;
	background-repeat: repeat-y;
}

.boxVakogBT {
	width: 730px;
	background-image: url(../images/bottomborder.gif);
	background-repeat: repeat-x;
	height: 15px;
}

/* Scriba1000words */
.box1000wordsRight {
	float: right;
	width: 230px;
	padding: 10px;
	border: 3px solid #ffd700;
	text-align: justify;
}

/* ScribaContentMedia */
.boxContentMedia {
	float: left;
	width: 655px;
}

.boxContentMediaDX {
	float: right;
	width: 210px;
}

.boxContentMedia a .boxContentMediaElem,
.boxContentMedia a:link .boxContentMediaElem,
.boxContentMedia a:visited .boxContentMediaElem  {
	border: 2px solid silver;
	background-color: #FFFFFF;
}

.boxContentMedia a:hover .boxContentMediaElem  {
	border: 2px solid #4684fe;
	background-color: #FFFFFF;
}

.boxContentMedia a:hover h4  {
	color: #4684fe;
	font-size: 13px;
}

.boxContentMediaElem {
	margin: 10px;
	padding: 5px;
	width: 180px;
	height: 90px;
	float: left;
}

.boxContentMediaElem h4 {
	height: 30px;
	line-height: 25px;
	overflow: hidden;
	border-bottom: 1px solid gray;
	font-size: 13px;
}

/* ScribaStagePlay */
.boxStageCombo {
	float: left;
	width: 620px;
}

.boxStageCombo a,
.boxStageCombo a:link,
.boxStageCombo a:visited {
	display: block;
	margin: 0px 0 5px 0;
	border: 1px solid #F5F5F5;
	padding: 3px;
	text-decoration: none;
}

.boxStageCombo a:hover {
	display: block;
	margin: 0px 0 5px 0;
	border: 1px solid #ff8c00;
	padding: 3px;
	text-decoration: none;
	background-color: #ffffe0;
}

/* BLOG */
.blogBodySX {
	float: left;
	margin-top: 10px;
	padding: 5px;
	width: 180px;
	background-color: #F5F5F5;
}

.blogBodyDX {
	float: left;
	margin: 10px 0px 0px 10px;
	padding: 0px 5px 5px 5px;
	width: 660px;
}

.blogDate {
	margin: 0px 0px 20px 10px;
	font-weight: bold;
	border: 3px solid #E4E4E4;
	background-color: #f5f5f5;
	padding: 5px;
}

.blogMenuBox {
	background-color: #E4E4E4;
	padding: 5px;
	margin: 0px 0px 15px 0px;
}

.blogMenuTitle {
	margin: 5px 0px 5px 0px;
	border-left: 5px solid #3F5D72;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #A52A2A;
	padding: 5px;
}

.blogMessageTitle {
	margin: 0px 0px 5px 0px;
	border-left: 5px solid #3F5D72;
	color: #3F5D72;
	font-weight: bold;
	font-size: 15px;
	padding: 5px;
	background-color: #F5F5F5;
}

.blogMessageBody {
	text-align: justify;
}

.blogMessageFooter {
	margin: 5px 0px 25px 0px;
	border-top: 1px solid #F5F5F5;
	text-align: right;
	font-size: 10px;
}

.blogAdminBodySX {
	width: 580px;
	float: left;
}

.blogAdminBodyRX {
	width: 185px;
	float: right;
	padding: 0px;
	margin: 10px 2px 0px 0px;
}

.blogAdminButtPreview {
	padding: 4px 3px 4px 3px;
	font-size: 13px;
	background-color: #dcdcdc;
}

.blogAdminBodyRX div {
	padding: 10px;
}

/* BOXSCORM */
.boxScorm { }

.boxScorm .left {
	float: left;
	width: 60px;
}

.boxScorm .right {
	float: right;
	width: 580px;
}

.boxScorm .subleft {
	float:left;
	width: 500px;
}

.boxScorm .subright {
	float:right;
	width: 30px;
	padding-top: 3px;
}

.boxScorm .bottom {
	clear: both;
	border-top: 1px dotted silver;
}

/* boxForm */
.boxFormPage {
	border: 1px solid silver;
	padding: 2px 2px 20px 2px;
	background-color: #f9f9f9;
	/* per ovviare ai problemi dei vari browser
	min-height: 400px;
	height: auto !important;
	height: 400px; */
	text-align: justify;
}

.boxFormPageButton {
	text-align: right;
	background-color: #d3d3d3;
	padding: 5px;
}

.boxFormPageModule {
	text-align: left;
	padding-left: 3px;
}


/* OTHER ID */
.inLabel {
	font-size: 11px;
	font-weight: bold;
	color: gray;
	padding-top: 5px;
}

.bkgListHead {
	color: #37668e;
	font-weight: bold;
	padding: 5px;
	border-bottom: 3px solid #37668e;
}

.bkgListItem {
	background-color: #f5f5f5;
	border-bottom: 1px solid #708090;
	padding: 5px;
	color: #696969;
}

.bkgListItemOver {
	background-color: white;
	cursor: pointer;
}

.bkgGray {
	background-color: #f5f5f5;
}

.bkgButtonGrey {
	border: 1px solid gray;
	background-color: #f5f5f5;
	color: gray;
}

.bkgGreyForumPostEnd {
	border: 2px solid white;
	background-color: #DCDCDC;
}

.timeline-default {
    font-family: Tahoma, VErdana, Arial, sans serif;
    font-size: 8pt;
    border: 1px solid #AAAAAA;
}