
/* GENERALE */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #000000;
}

a {
	color: #336699;
}

a:hover {
	color: #cc3300;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, pre {
	margin-top: 0px;
	margin-bottom: 15px;
}

h1 {
	font-size: 20px;
	color: #cc3300;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5, h6 {
	font-size: 12px;
}

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: 13px;
}

.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 #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: #4b577d;
	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: #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 #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: #4b577d;
	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: #336699;
}

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 #ff9999;
	padding: 5px;
	background-color: #ffcccc;
}

/* DESCRIPTION */

div.text {
	margin-top: 0px;
	margin-bottom: 15px;
	border: dashed 1px #407c98;
	padding: 10px;
	width: 538px;
	overflow: auto;
	background-color: #f7f7f7;
}

div.textSelected {
	margin-top: 0px;
	margin-bottom: 15px;
	border: dashed 1px #407c98;
	padding: 10px;
	width: 538px;
	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: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	background-color: #ffffff;
	background-image: url(../images/container_background.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

/* CONTAINER > HEADER */

div#container div#header {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	width: 730px;
	height: 150px;
	background-image: url(../images/header_background.gif);
	background-repeat: no-repeat;
}

/* CONTAINER > HEADER > LOGO */

div#container div#header div#logo {
	float: left;
	width: 150px;
	height: 150px;
}

div#container div#header div#logo img {
	display: block;
}

/* CONTAINER > HEADER > BAR */

div#container div#header div#bar {
	float: right;
	padding-top: 120px;
	width: 360px;
	height: 30px;
	background-image: url(../images/bar_background.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

div#container div#header div#bar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#container div#header div#bar ul li {
	float: left;
	display: inline;
	width: 90px;
	height: 30px;
}

div#container div#header div#bar ul li img {
	display: block;
}

/* CONTAINER > MENU */

div#container div#menu {
	float: left;
	padding-top: 100px;
	padding-left: 15px;
	width: 180px;
	background-image: url(../images/menu_background.gif);
	background-repeat: no-repeat;
	background-position: 15px 15px;
}

/* CONTAINER > MENU > BOX */

div#container div#menu div.box {
	padding-bottom: 15px;
}

div#container div#menu div.box div.box_header {
	height: 30px;
}

div#container div#menu div.box div.box_header img {
	display: block;
}

div#container div#menu div.box div.box_body {
	font-size: 14px;
}

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;
	margin-top: 6px;
	margin-left: 4px;
	padding-left: 20px;
}

div#container div#menu div.box div.box_body ul.box_links li a {
	text-decoration: none;
}

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 {
	font-weight: bold;
}

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-weight: bold;
	color: #cc3300;
}

/* CONTAINER > MENU > BANNER */

div#container div#menu div#banner {
	padding-bottom: 15px;
	width: 180px;
	overflow: hidden;
}

div#container div#menu div#banner img {
	display: block;
}

/* CONTAINER > CONTENT */

div#container div#content {
	float: right;
	padding: 15px;
	width: 535px;
}

/* CONTAINER > FOOTER */

div#container div#footer {
	clear: both;
	padding-bottom: 5px;
	height: 30px;
	line-height: 30px;
	width: 760px;
	text-align: center;
	font-size: 11px;
	color: #000000;
	background-image: url(../images/footer_background.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
