/* GENERALE */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	background-image: url(../images/body_background.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

a {
	color: #ff6600;
}

a:hover {
	color: #009933;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, pre {
	margin-top: 0px;
	margin-bottom: 15px;
}

h1 {
	font-size: 18px;
	color: #993366;
}

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: #ff6600;
}

.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 #f0f0f0;
	text-align: center;
	font-weight: bold;
}

table.form tbody td.label {
	width: 20%;
	padding: 5px;
	border: solid 1px #f0f0f0;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	color: #333366;
	background-color: #f0f0f0;
}

table.form tbody td.field {
	width: 80%;
	padding: 5px;
	border: solid 1px #f0f0f0;
	text-align: left;
	vertical-align: middle;
}

table.form tbody td.field div.tip {
	margin-bottom: 5px;
	font-size: 11px;
	color: #333366;
}

table.form tbody td.warning {
	background-color: #ff9999;
}

table.form tbody td.active {
	background-color: #99cc66;
}

/* 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: #6699cc;
}

/* BAR GREEN */

div.barGreen {
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 4px;
	background-color: #99cc66;
}

/* BAR ORANGE */

div.barOrange {
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 4px;
	background-color: #ffcc66;
}

/* DETAILS (TABLE) */

table.details {
	margin-top: 0px;
	margin-bottom: 15px;
	border-collapse: collapse;
}

table.details thead td.title {
	padding: 5px;
	border: solid 1px #f0f0f0;
	text-align: center;
	font-weight: bold;
}

table.details tbody td.label {
	width: 20%;
	padding: 5px;
	border: solid 1px #f0f0f0;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	color: #333366;
	background-color: #f0f0f0;
}

table.details tbody td.value {
	width: 80%;
	padding: 5px;
	border: solid 1px #f0f0f0;
	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: #ff6c00;
	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 #f0f0f0;
}

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 #ff6666;
	padding: 5px;
	background-color: #ff9999;
}

/* DESCRIPTION */

div.text {
	margin-top: 0px;
	margin-bottom: 15px;
	border: dashed 1px #336699;
	padding: 10px;
	width: 573px;
	overflow: auto;
	background-color: #f0f0f0;
}

div.textSelected {
	margin-top: 0px;
	margin-bottom: 15px;
	border: dashed 1px #336699;
	padding: 10px;
	width: 573px;
	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: 0px auto;
	width: 770px;
}

/* CONTAINER > HEADER */

div#container div#header {
	height: 195px;
	width: 770px;
}

/* CONTAINER > HEADER > HEADER LEFT */

div#container div#header div#headerLeft {
	float: left;
	width: 155px;
	height: 195px;
	background-image: url(../images/headerLeft_background.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* CONTAINER > HEADER > HEADER LEFT > LOGO */

div#container div#header div#logo {
	padding-top: 25px;
	padding-left: 30px;
	padding-right: 25px;
	padding-bottom: 20px;
	width: 100px;
	height: 150px;
}

div#container div#header div#logo img {
	display: block;
}

/* CONTAINER > HEADER > HEADER CENTER */

div#container div#header div#headerCenter {
	float: left;
	width: 360px;
	height: 195px;
	background-image: url(../images/headerCenter_background.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* CONTAINER > HEADER > INTRO */

div#container div#header div#intro {
	width: 360px;
	height: 115px;
}

div#container div#header div#intro img {
	display: block;
}

/* CONTAINER > HEADER > BANNER CENTER */

div#container div#header div#banner_center {
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
	width: 300px;
	height: 60px;
	overflow: hidden;
}

div#container div#header div#banner_center img {
	display: block;
}

/* CONTAINER > HEADER > HEADER RIGHT */

div#container div#header div#headerRight {
	float: left;
	width: 255px;
	height: 195px;
	background-image: url(../images/headerRight_background.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* CONTAINER > HEADER > BANNER RIGHT */

div#container div#header div#banner_right {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 75px;
	width: 230px;
	height: 110px;
	overflow: hidden;
}

div#container div#header div#banner_right img {
	display: block;
}

/* CONTAINER > USER */

div#container div#user {
	padding-left: 165px;
	padding-right: 10px;
	height: 22px;
	line-height: 22px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-image: url(../images/user_background.gif);
	background-repeat: no-repeat;
}

div#container div#user a {
	color: #ffffff;
}

div#container div#user a:hover {
	color: #ffff00;
}

div#container div#user a.selected {
	color: #ffff00;
}

/* CONTAINER > MENU */

div#container div#menu {
	float: left;
	width: 160px;
	background-image: url(../images/menu_background.gif);
	background-repeat: repeat-y;
}

/* CONTAINER > MENU > SEARCH */

div#container div#menu div.search {
	margin: 0px 5px;
	padding: 1px 0px;
	width: 150px;
	height: 30px;
	background-image: url(../images/search_background.gif);
	background-repeat: no-repeat;
}

div#container div#menu div.search table {
	height: 30px;
}

div#container div#menu div.search table td {
	vertical-align: middle;
}

div#container div#menu div.search table td input.search_text {
	width: 115px;
	padding: 0px;
}

div#container div#menu div.search table td input.search_button {
	display: block;
}

/* CONTAINER > MENU > BOX */

div#container div#menu div.box {
	margin: 0px 5px;
	padding-top: 10px;
	width: 150px;
}

div#container div#menu div.box div.box_header {
	padding: 1px 0px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-image: url(../images/box_header_background.gif);
	background-repeat: no-repeat;
}

div#container div#menu div.box div.box_header a {
	text-decoration: none;
	color: #ffffff;
}

div#container div#menu div.box div.box_body {
	font-size: 13px;
}

div#container div#menu div.box div.box_body ul.box_links {
	margin: 0px;
	padding: 0px;
}

div#container div#menu div.box div.box_body ul.box_links li {
	list-style: none;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}

div#container div#menu div.box div.box_body ul.box_links li.box_link {
	background-image: url(../images/box_link_background.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

div#container div#menu div.box div.box_body ul.box_links li.box_link a {
	color: #ffffff;
	text-decoration: none;
}

div#container div#menu div.box div.box_body ul.box_links li.box_link a:hover {
	color: #000000;
}

div#container div#menu div.box div.box_body ul.box_links li.box_linkSelected {
	background-color: #dbe181;
	background-image: url(../images/box_link_background.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

div#container div#menu div.box div.box_body ul.box_links li.box_linkSelected a {
	color: #006633;
	text-decoration: none;
}

/* CONTAINER > MENU > BANNER */

div#container div#menu div#banner {
	margin: 0px 5px;
	padding-top: 10px;
	width: 150px;
	overflow: hidden;
}

div#container div#menu div#banner img {
	display: block;
}

/* CONTAINER > MENU > FOOTER */

div#container div#menu div#menu_footer {
	width: 160px;
	height: 15px;
	background-image: url(../images/menu_footer_background.gif);
	background-repeat: no-repeat;
}

/* CONTAINER > CONTENT */

div#container div#content {
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
	width: 595px;
}

/* CONTAINER > FOOTER */

div#container div#footer {
	clear: both;
	padding-top: 10px;
	width: 770px;
	text-align: center;
	font-size: 11px;
	color: #333333;
}