
/* GENERALE */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #b6b6b6;
	background-image: url(../images/body_background.gif);
	background-repeat: repeat-y;
	background-position: center;
}

a {
	color: #cc6600;
}

a:hover {
	color: #008b00;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, pre {
	margin-top: 0px;
	margin-bottom: 15px;
}

h1 {
	padding-left: 24px;
	font-size: 18px;
	background-image: url(../images/h1_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

span.required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000;
}

div.select {
	height: 100px;
	width: 300px;
	border: 2px inset;
	overflow: auto;
	color: #000000;
	background-color: #ffffff;
}

input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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: #cc6600;
}

.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 #ebedf3;
	text-align: center;
	font-weight: bold;
}

table.form tbody td.label {
	width: 20%;
	padding: 5px;
	border: solid 1px #ebedf3;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	color: #4b577d;
	background-color: #ebedf3;
}

table.form tbody td.field {
	width: 80%;
	padding: 5px;
	border: solid 1px #ebedf3;
	text-align: left;
	vertical-align: middle;
}

table.form tbody td.field div.tip {
	margin-bottom: 5px;
	font-size: 11px;
	color: #4b577d;
}

table.form tbody td.warning {
	background-color: #ffcccc;
}

table.form tbody td.active {
	background-color: #c5db94;
}

/* NAVIGATION */

div.navigation {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 11px;
}

/* BAR BLUE */

div.barBlue {
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 4px;
	background-color: #5cb0d9;
}

/* BAR GREEN */

div.barGreen {
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 4px;
	background-color: #c5db94;
}

/* BAR ORANGE */

div.barOrange {
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 4px;
	background-color: #f1c67d;
}

/* DETAILS (TABLE) */

table.details {
	margin-top: 0px;
	margin-bottom: 15px;
	border-collapse: collapse;
}

table.details thead td.title {
	padding: 5px;
	border: solid 1px #ebedf3;
	text-align: center;
	font-weight: bold;
}

table.details tbody td.label {
	width: 20%;
	padding: 5px;
	border: solid 1px #ebedf3;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	color: #4b577d;
	background-color: #ebedf3;
}

table.details tbody td.value {
	width: 80%;
	padding: 5px;
	border: solid 1px #ebedf3;
	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;
}

div.list div.item div.description {
	font-size: 11px;
}

div.list div.item div.footer {
	font-size: 11px;
	color: #666666;
}

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: #cc6600;
	background-image: url(../images/list_header_background.gif);
	background-repeat: repeat-x;
}

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;
}

table.list tbody tr td {
	padding: 3px;
	border: solid 1px #ebedf3;
}

table.list tbody tr.light td {
	background-color: #ffffff;
}

table.list tbody tr.dark td {
	background-color: #f7f7f7;
}

/* PAGES */

div.pages {
	margin-top: 0px;
	margin-bottom: 15px;
}

/* ICON */

div.icon {
	margin-top: 0px;
	margin-bottom: 15px;
	float: left;
	width: 70px;
	text-align: center;
	font-size: 11px;
	color: #808080;
	text-decoration: underline;
}

div.icon a {
	color: #008b00;
}

div.icon img {
	display: block;
	margin: 0px auto;
}

/* THUMBNAILS */

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 #407c98;
	padding: 10px;
	width: 513px;
	overflow: auto;
	background-color: #f7f7f7;
}

div.textSelected {
	margin-top: 0px;
	margin-bottom: 15px;
	border: dashed 1px #407c98;
	padding: 10px;
	width: 513px;
	overflow: auto;
	background-color: #ffffcc;
}

/* LINKS */

ul.links {
	margin-top: 0px;
	margin-bottom: 15px;
	list-style-image: url(../images/li_icon.gif);
}

/* BOOKMARKS */

div.bookmarks {
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: right;
}

/* 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 div.icon, div.editor table.thumbnails, div.editor div.image, div.editor div.info, div.editor div.warning, div.editor div.text, div.editor div.textSelected, div.editor ul.links, div.editor div.bookmarks {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* CONTAINER */

div#container {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	background-color: #ffffff;
	background-image: url(../images/container_background.gif);
	background-repeat: repeat-y;
}

/* CONTAINER > HEADER */

div#container div#header {
	height: 185px;
}

div#container div#header img {
	display: block;
}

/* CONTAINER > BAR */

div#container div#bar {
	padding: 5px 15px;
	height: 30px;
	background-image: url(../images/bar_background.jpg);
	background-repeat: no-repeat;
}

div#container div#bar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#container div#bar ul li {
	float: left;
	display: inline;
	padding-right: 4px;
	width: 120px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/bar_separator.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

div#container div#bar ul li.last {
	padding-right: 0px;
	background-image: none;
}

div#container div#bar ul li a {
	color: #ffffff;
	text-decoration: none;
}

div#container div#bar ul li a:hover {
	color: #000000;
}

div#container div#bar ul li.selected a {
	color: #000000;
}

/* CONTAINER > MENU */

div#container div#menu {
	float: left;
	padding-top: 5px;
	padding-left: 15px;
	width: 190px;
}

/* CONTAINER > MENU > SEARCH */

div#container div#menu div.search {
	margin: 5px 0px;
	padding: 10px;
	width: 150px;
	height: 20px;
	background-image: url(../images/search_background.gif);
	background-repeat: no-repeat;
}

div#container div#menu div.search table {
	height: 20px;
}

div#container div#menu div.search table td {
	vertical-align: middle;
}

div#container div#menu div.search table td input.search_text {
	margin-right: 5px;
	width: 125px;
	padding: 0px;
}

div#container div#menu div.search table td input.search_button {
	display: block;
}

/* CONTAINER > MENU > BOX */

div#container div#menu div.box {
	width: 160px;
	height: 130px;
	padding-top: 30px;
	padding-left: 5px;
	padding-right: 25px;
	padding-bottom: 30px;
	background-image: url(../images/box_background.jpg);
	background-repeat: no-repeat;
}

div#container div#menu div.box div.box_header {
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}

div#container div#menu div.box div.box_header a {
	text-decoration: none;
	color: #000000;
}

div#container div#menu div.box div.box_body {
	font-size: 13px;
	font-style: italic;
}

div#container div#menu div.box div.box_body a {
	text-decoration: none;
}

div#container div#menu div.box div.box_body div.box_scroller {
	width: 160px;
	height: 100px;
	overflow: auto;
}

div#container div#menu div.box div.box_body ul.box_links {
	margin: 0px;
	padding: 2px 4px;
}

div#container div#menu div.box div.box_body ul.box_links li {
	list-style: none;
	padding-top: 2px;
	padding-left: 18px;
	padding-bottom: 2px;
}

div#container div#menu div.box div.box_body ul.box_links li.box_link {
	background-image: url(../images/box_link_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

div#container div#menu div.box div.box_body ul.box_links li.box_link a {
	color: #000000;
}

div#container div#menu div.box div.box_body ul.box_links li.box_link a:hover {
	color: #008b00;
}

div#container div#menu div.box div.box_body ul.box_links li.box_linkSelected {
	background-image: url(../images/box_linkSelected_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

div#container div#menu div.box div.box_body ul.box_links li.box_linkSelected a {
	font-size: 13px;
	font-style: italic;
	color: #008b00;
}

/* CONTAINER > MENU > BOX > CALENDAR */

div#container div#menu div.box div.box_body table.calendar {
	margin-top: 5px;
	width: 100%;
}

div#container div#menu div.box div.box_body table.calendar td {
	font-size: 11px;
	text-align: center;
	font-style: italic;
}

div#container div#menu div.box div.box_body table.calendar td a {
	color: #008b00;
	text-decoration: none;
}

div#container div#menu div.box div.box_body table.calendar td a:hover {
	color: #cc6600;
}

div#container div#menu div.box div.box_body table.calendar td a.selected {
	color: #cc6600;
}

/* CONTAINER > USER */

div#container div#user {
	float: right;
	padding-left: 10px;
	padding-right: 20px;
	width: 535px;
	font-size: 11px;
	text-align: right;
}

div#container div#user a:hover {
	color: #008b00;
}

div#container div#user a.selected {
	color: #008b00;
}

/* CONTAINER > CONTENT */

div#container div#content {
	float: right;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 20px;
	width: 535px;
}

/* CONTAINER > FOOTER */

div#container div#footer {
	clear: both;
	padding-bottom: 15px;
	width: 770px;
	text-align: center;
	font-size: 11px;
	color: #333333;
	background-image: url(../images/footer_background.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}