
/* GENERALE */

body {
	margin: 0px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
}

a {
	color: #000000;
}

a:hover {
	color: #990000;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, pre {
	margin-top: 0px;
	margin-bottom: 15px;
}

h1 {
	font-size: 20px;
	color: #990000;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 12px;
}

h5, h6 {
	font-size: 10px;
}

ul {
	list-style-type: square;
}

ol {
	list-style-type: decimal;
}

pre {
	white-space: normal;
}

img {
	border: none;
}

/* FORM */

form {
	margin: 0px;
	padding: 0px;
}

input {
	font-size: 12px;
}

select {
	font-size: 12px;
}

textarea {
	font-size: 12px;
}

span.required {
	font-size: 12px;
	color: #ff0000;
}

div.select {
	height: 100px;
	width: 300px;
	border: 1px inset;
	overflow: auto;
	background-color: #ffffff;
}

input.button {
	font-size: 12px;
}

input.active {
	background-color: #ffffcc;
}

select.active {
	background-color: #ffffcc;
}

textarea.active {
	background-color: #ffffcc;
}

label {
	font-size: 11px;
}

/* TEXT */

.normalText {
	font-size: 12px;
}

.smallText {
	font-size: 11px;
}

.xsmallText {
	font-size: 10px;
}

.xxsmallText {
	font-size: 9px;
}

.largeText {
	font-size: 14px;
}

.xlargeText {
	font-size: 16px;
}

.xxlargeText {
	font-size: 18px;
}

.xxxlargeText {
	font-size: 20px;
}

/* COLORS */

.black {
	color: #000000;
}

.blue {
	color: #003399;
}

.gray {
	color: #808080;
}

.red {
	color: #ff0000;
}

.orange {
	color: #da630c;
}

.green {
	color: #339900;
}

.pink {
	color: #ff00ff;
}

/* CLEAR */

.clear {
	clear: both;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

/* ALIGN */

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}

.alignMiddle {
	vertical-align: middle;
}

.alignTop {
	vertical-align: top;
}

.alignBottom {
	vertical-align: bottom;
}

/* FLOAT */

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

/* WIDTH */

.widthMax {	width: 100%; }
.widthHalf { width: 50%; }
.width0 { width: 0px; }
.width3 { width: 3px; }
.width5 { width: 5px; }
.width10 { width: 10px; }
.width15 { width: 15px; }
.width20 { width: 20px; }

/* HEIGHT */

.heightMax { height: 100%; }
.heightHalf { height: 50%; }
.height0 { height: 0px; }
.height3 { height: 3px; }
.height5 { height: 5px; }
.height10 { height: 10px; }
.height15 { height: 15px; }
.height20 { height: 20px; }

/* MARGIN */

.margin0 { margin: 0px; }
.margin3 { margin: 3px; }
.margin5 { margin: 5px; }
.margin10 { margin: 10px; }
.margin15 { margin: 15px; }
.margin20 { margin: 20px; }

.marginTop0 { margin-top: 0px; }
.marginTop3 { margin-top: 3px; }
.marginTop5 { margin-top: 5px; }
.marginTop10 { margin-top: 10px; }
.marginTop15 { margin-top: 15px; }
.marginTop20 { margin-top: 20px; }

.marginLeft0 { margin-left: 0px; }
.marginLeft3 { margin-left: 3px; }
.marginLeft5 { margin-left: 5px; }
.marginLeft10 { margin-left: 10px; }
.marginLeft15 { margin-left: 15px; }
.marginLeft20 { margin-left: 20px; }

.marginRight0 { margin-right: 0px; }
.marginRight3 { margin-right: 3px; }
.marginRight5 { margin-right: 5px; }
.marginRight10 { margin-right: 10px; }
.marginRight15 { margin-right: 15px; }
.marginRight20 { margin-right: 20px; }

.marginBottom0 { margin-bottom: 0px; }
.marginBottom3 { margin-bottom: 3px; }
.marginBottom5 { margin-bottom: 5px; }
.marginBottom10 { margin-bottom: 10px; }
.marginBottom15 { margin-bottom: 15px; }
.marginBottom20 { margin-bottom: 20px; }

/* PADDING */

.padding0 { padding: 0px; }
.padding3 { padding: 3px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }

.paddingTop0 { padding-top: 0px; }
.paddingTop3 { padding-top: 3px; }
.paddingTop5 { padding-top: 5px; }
.paddingTop10 { padding-top: 10px; }
.paddingTop15 { padding-top: 15px; }
.paddingTop20 { padding-top: 20px; }

.paddingLeft0 { padding-left: 0px; }
.paddingLeft3 { padding-left: 3px; }
.paddingLeft5 { padding-left: 5px; }
.paddingLeft10 { padding-left: 10px; }
.paddingLeft15 { padding-left: 15px; }
.paddingLeft20 { padding-left: 20px; }

.paddingRight0 { padding-right: 0px; }
.paddingRight3 { padding-right: 3px; }
.paddingRight5 { padding-right: 5px; }
.paddingRight10 { padding-right: 10px; }
.paddingRight15 { padding-right: 15px; }
.paddingRight20 { padding-right: 20px; }

.paddingBottom0 { padding-bottom: 0px; }
.paddingBottom3 { padding-bottom: 3px; }
.paddingBottom5 { padding-bottom: 5px; }
.paddingBottom10 { padding-bottom: 10px; }
.paddingBottom15 { padding-bottom: 15px; }
.paddingBottom20 { padding-bottom: 20px; }

/* MISCELLANEOUS */

.nowrap {
	white-space: nowrap;
}

.bold {
	font-weight: bold;
}

.noBold {
	font-weight: normal;
}

.italic {
	font-style: italic;
}

.noItalic {
	font-style: normal;
}

.underline {
	text-decoration: underline;
}

.noUnderline {
	text-decoration: none;
}

.hidden {
	display: none;
}

.inline {
	display: inline;
}

.block {
	display: block;
}

img.icon {
	vertical-align: middle;
	margin-right: 2px;
}

img.largeIcon {
	vertical-align: middle;
	margin-right: 5px;
}

div.wrapper {
	clear: both;
	height: 0px;
	overflow: hidden;
}

/* FORM (TABLE) */

table.form {
	margin-top: 0px;
	margin-bottom: 15px;
	border-collapse: collapse;
}

table.form thead td.title {
	padding: 5px;
	border: solid 1px #e7e7e7;
	text-align: center;
	font-weight: bold;
}

table.form tbody td.label {
	width: 20%;
	padding: 5px;
	border: solid 1px #e7e7e7;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	color: #000000;
	background-color: #e7e7e7;
}

table.form tbody td.field {
	width: 80%;
	padding: 5px;
	border: solid 1px #e7e7e7;
	text-align: left;
	vertical-align: middle;
}

table.form tbody td.field div.tip {
	margin-bottom: 5px;
	font-size: 11px;
	color: #333333;
}

table.form tbody td.warning {
	background-color: #ffcccc;
}

table.form tbody td.active {
	background-color: #ffffcc;
}

/* NAVIGATION */

div.navigation {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 11px;
}

/* BAR GREY */

div.barGrey {
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 4px;
	background-color: #e7e7e7;
}

/* DETAILS (TABLE) */

table.details {
	margin-top: 0px;
	margin-bottom: 15px;
	border-collapse: collapse;
}

table.details thead td.title {
	padding: 5px;
	border: solid 1px #e7e7e7;
	text-align: center;
	font-weight: bold;
}

table.details tbody td.label {
	width: 20%;
	padding: 5px;
	border: solid 1px #e7e7e7;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	color: #000000;
	background-color: #e7e7e7;
}

table.details tbody td.value {
	width: 80%;
	padding: 5px;
	border: solid 1px #e7e7e7;
	text-align: left;
	vertical-align: middle;
}

/* LIST (DIV) */

div.list {
	margin-top: 0px;
	margin-bottom: 15px;
}

div.list div.item {
	margin-bottom: 10px;
}

div.list div.item div.title {
	font-size: 12px;
	font-weight: bold;
}

div.list div.item div.description {
	font-size: 11px;
}

div.list div.item div.footer {
	font-size: 11px;
	color: #333333;
}

div.list div.item div.footer a {
	color: #333333;
}

/* LIST (TABLE) */

table.list {
	margin-top: 0px;
	margin-bottom: 15px;
	width: 100%;
	border-collapse: collapse;
}

table.list thead tr td {
	padding: 0px 5px;
	height: 22px;
	line-height: 22px;
	white-space: nowrap;
	font-weight: bold;
	color: #ffffff;
	background-color: #373944;
}

table.list thead tr td div.asc {
	padding-left: 15px;
	background-image: url(../images/order-asc.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

table.list thead tr td div.desc {
	padding-left: 15px;
	background-image: url(../images/order-desc.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

table.list thead tr td a {
	color: #ffffff;
	text-decoration: none;
}

table.list tbody tr td {
	padding: 3px;
	border: solid 1px #e7e7e7;
}

table.list tbody tr.light td {
	background-color: #ffffff;
}

table.list tbody tr.dark td {
	background-color: #f0f0f0;
}

/* PAGES */

div.pages {
	margin-top: 0px;
	margin-bottom: 15px;
}

/* ICONS */

table.icons {
	margin-top: 0px;
	margin-bottom: 15px;
}

table.icons td {
	width: 70px;
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	text-decoration: underline;
}

table.icons td a {
	color: #008b00;
}

table.icons td img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* THUMBNAILS (TABLE) */

table.thumbnails {
	margin-top: 0px;
	margin-bottom: 15px;
}

table.thumbnails td {
	text-align: left;
	vertical-align: top;
}

table.thumbnails td table.thumbnail {
	margin-right: 10px;
	margin-bottom: 10px;
	width: 120px;
	height: 104px;
}

table.thumbnails td table.thumbnail td.image {
	height: 90px;
	text-align: center;
	vertical-align: middle;
}

table.thumbnails td table.thumbnail td.image img {
	border: none;
	vertical-align: middle;
}

table.thumbnails td table.thumbnail td.title {
	padding-top: 2px;
	font-size: 10px;
	text-align: center;
}

/* IMAGE */

div.image {
	margin-top: 0px;
	margin-bottom: 15px;
}

div.image img {
	display: block;
}

/* INFO */

div.info {
	margin-top: 0px;
	margin-bottom: 15px;
	border: solid 1px #ffcc33;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-size: 11px;
	background-color: #ffffcc;
	background-image: url(../images/info-background.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* WARNING */

div.warning {
	margin-top: 0px;
	margin-bottom: 15px;
	border: solid 1px #ff9999;
	padding: 5px;
	background-color: #ffcccc;
}

/* DESCRIPTION */

div.text {
	margin-top: 0px;
	margin-bottom: 15px;
	border: dashed 1px #333333;
	padding: 10px;
	width: 548px;
	overflow: auto;
	background-color: #f7f7f7;
}

div.textSelected {
	margin-top: 0px;
	margin-bottom: 15px;
	border: dashed 1px #333333;
	padding: 10px;
	width: 548px;
	overflow: auto;
	background-color: #cccccc;
}

/* LINKS */

ul.links {
	margin-top: 0px;
	margin-bottom: 15px;
	list-style-image: url(../images/icon-li.gif);
}

/* EDITOR */

div.editor p, div.editor h1, div.editor h2, div.editor h3, div.editor h4, div.editor h5, div.editor h6, div.editor ul, div.editor ol, div.editor pre {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor table.form, div.editor div.navigation, div.editor div.barBlue, div.editor div.barGreen, div.editor div.barOrange, div.editor table.details, div.editor div.list, div.editor table.list, div.editor div.pages, div.editor table.icons, div.editor table.thumbnails, div.editor div.image, div.editor div.info, div.editor div.warning, div.editor div.text, div.editor ul.links {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* CONTAINER */

div#container {
	margin: auto;
	width: 910px;
}

/* CONTAINER > USERS */

div#container div#users {
	padding-left: 385px;
	width: 525px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	font-size: 11px;
	background-image: url(../images/users_background.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#container div#users a {
	color: #333333;
}

div#container div#users a:hover {
	color: #990000;
}

/* CONTAINER > HEADER */

div#container div#header {
	width: 910px;
	height: 120px;
	background-image: url(../images/header_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* CONTAINER > HEADER > CCIAA */

div#container div#header div#cciaa {
	float: left;
	padding-left: 25px;
	padding-right: 55px;
	padding-bottom: 20px;
	width: 290px;
	height: 100px;
}

div#container div#header div#cciaa img {
	display: block;
}

/* CONTAINER > HEADER > LOGO */

div#container div#header div#logo {
	float: left;
	padding-right: 395px;
	padding-bottom: 55px;
	width: 145px;
	height: 65px;
}

div#container div#header div#logo img {
	display: block;
}

/* CONTAINER > BODY */

div#container div#body {
	padding-left: 10px;
	width: 900px;
}

/* CONTAINER > BODY > MENU */

div#container div#body div.menu {
	width: 150px;
}

div#container div#body div.menuLeft {
	float: left;
	padding-top: 10px;
}

div#container div#body div.menuRight {
	float: right;
}

/* CONTAINER > BODY > MENU > BANNER */

div#container div#body div.menu div.banner {
	width: 150px;
	margin-bottom: 15px;
	overflow: hidden;
}

div#container div#body div.menu div.banner img {
	display: block;
}

/* CONTAINER > BODY > MENU > BOX */

div#container div#body div.menu div.box {
	margin-bottom: 15px;
}

/* CONTAINER > BODY > MENU > BOX > HEADER */

div#container div#body div.menu div.box div.box_header {
	padding-left: 5px;
	width: 145px;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;	
	color: #ffffff;
	background-image: url(../images/box_header_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* CONTAINER > BODY > MENU > BOX > BODY */

div#container div#body div.menu div.box div.box_body {
	width: 140px;
}

div#container div#body div.menu div.box div.box_body div.link {
	padding-top: 4px;
	line-height: 14px;
}

div#container div#body div.menu div.box div.box_body div.link a {
	color: #333333;
	text-decoration: none;
}

div#container div#body div.menu div.box div.box_body div.linkSelected {
	padding-top: 4px;
	line-height: 14px;
}

div#container div#body div.menu div.box div.box_body div.link a:hover {
	color: #990000;
	text-decoration: underline;
}

div#container div#body div.menu div.box div.box_body div.linkSelected a {
	color: #990000;
	text-decoration: underline;
}

/* CONTAINER > BODY > MENU > BOX > BODY > BOX FORM */

div#container div#body div.menu div.box div.box_body div.box_form div.box_form_field {
	padding-bottom: 5px;
}

div#container div#body div.menu div.box div.box_body div.box_form div.box_form_field label {
	font-size: 11px;
	color: #333333;
}

div#container div#body div.menu div.box div.box_body div.box_form div.box_form_field input.fixed {
	width: 130px;
}

div#container div#body div.menu div.box div.box_body div.box_form div.box_form_field select.fixed {
	width: 135px;
}

/* CONTAINER > BODY > CONTENT */

div#container div#body div#content {
	float: left;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	width: 570px;
}

/* CONTAINER > FOOTER */

div#container div#footer {
	clear: both;
	padding-left: 10px;
	padding-bottom: 15px;
	width: 900px;
	text-align: center;
	font-size: 11px;
	color: #333333;
}
