
/* Generale */

body {
	margin: 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #000000;
}

a {
	color: #ff2200;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-top: 0px;
	margin-bottom: 15px;
}

h1 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 16px;
	color: #9c9e9f;
}

h2 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #adadad;
}

h3, h4, h5, h6 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 13px;
	color: #adadad;
}

ul {
	margin-top: 0px;
	margin-bottom: 15px;
	list-style-type: square;
}

ol {
	margin-top: 0px;
	margin-bottom: 15px;
	list-style-type: decimal;
}

pre {
	margin-top: 0px;
	margin-bottom: 15px;
	white-space: normal;
}

img {
	border: none;
}

img.icon {
	vertical-align: middle;
}

form {
	margin: 0px;
	padding: 0px;
}

/* Text size */

.normalText {
	font-size: 12px;
}

.smallText {
	font-size: 11px;
}

.xsmallText {
	font-size: 9px;
}

.largeText {
	font-size: 14px;
}

.xlargeText {
	font-size: 16px;
}

/* Colors */

.blue {
	color: #003399;
}

.gray {
	color: #808080;
}

.red {
	color: #ff2200;
}

.orange {
	color: #da630c;
}

.green {
	color: #339900;
}

.pink {
	color: #d84e8c;
}

/* 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; }

/* Editor */

div.editor {
	margin-top: 0px;
	margin-bottom: 15px;
}

div.editor p {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor h1 {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor h3 {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor h4 {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor h5 {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor h6 {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor ol {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor pre {
	margin-top: 0px;
	margin-bottom: 0px;
	white-space: normal;
}

div.editor table.icons {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor div.form {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor div.listGroup {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor div.list {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor table.list {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor div.pages {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor table.thumbnails {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor table.image {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor table.image-small {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor div.info {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor div.details {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.editor ul.links {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Icons */

table.icons {
	margin-top: 0px;
	margin-bottom: 15px;
}

table.icons td {
	width: 70px;
	text-align: center;
	vertical-align: top;
}

table.icons td a {
	color: #008b00;
}

table.icons td img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

/* Form */

div.form {
	margin-top: 0px;
	margin-bottom: 15px;
}

div.form div.fieldGroup {}

div.form div.fieldGroup div.title {
	font-weight: bold;
	color: #ff2200;
}

div.form div.fieldGroup div.fields {
	margin-top: 5px;
	margin-left: 5px;
	border-left: solid 1px #ff2200;
	padding-left: 10px;
}

div.form label {
	display: block;
	font-size: 11px;
	margin-bottom: 2px;
}

div.form label.inline {
	display: inline;
	margin-bottom: 0px;
}

div.form label span.required {
	color: #ff0000;
}

div.form div.field {
	margin-bottom: 2px;
}

div.form input {
	font-size: 12px;
	color: #000000;
}

div.form select {
	font-size: 12px;
	color: #000000;
}

div.form textarea {
	font-size: 12px;
	color: #000000;
}

div.form input.active {
	background-color: #ffff99;
}

div.form select.active {
	background-color: #ffff99;
}

div.form textarea.active {
	background-color: #ffff99;
}

div.form div.buttons {
	margin-top: 10px;
}

div.form input.button {
	font-size: 12px;
}

/* List group */

div.listGroup {
	margin-top: 0px;
	margin-bottom: 15px;
}

div.listGroup div.title {
	font-size: 12px;
	font-weight: bold;
	color: #ff2200;
}

div.listGroup div.items {
	margin-top: 5px;
	margin-left: 8px;
	border-left: dotted 1px #ff2200;
	padding-left: 5px;
}

div.listGroup div.items table.thumbnails {
	margin-bottom: 0px;
}

/* List (DIV) */

div.list {
	margin-top: 0px;
	margin-bottom: 15px;
}

div.list div.item {
	margin-bottom: 10px;
}

div.list div.item div.title {
	font-weight: normal;
}

div.list div.item div.title a {}

div.list div.item div.title img {
	vertical-align: middle;
}

div.list div.item div.description {}

div.list div.item div.footer {
	color: #808080;
}

div.list div.item div.footer a {
	color: #808080;
	text-decoration: underline;
}

/* List (TABLE) */

table.list {
	margin-top: 0px;
	margin-bottom: 15px;
	width: 100%;
}

table.list td {
}

table.list thead tr td {
	padding: 0px 3px;
	line-height: 20px;
	white-space: nowrap;
	font-weight: bold;
	color: #000000;
	background-color: #cccccc;
}

table.list thead tr td div.asc {
	float: left;
	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 {
	float: left;
	padding-left: 15px;
	background-image: url(../images/order-desc.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

table.list tbody tr td {
}

table.list tfoot tr td {
	color: #000000;
	background-color: #cccccc;
	font-weight: bold;
}

/* Pages */

div.pages {
	margin-top: 0px;
	margin-bottom: 15px;
}

/* 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 */

table.image {
	margin-top: 0px;
	margin-bottom: 15px;
}

table.image td img {
	border: none;
	vertical-align: middle;
}

/* Image small */

table.image-small {
	margin-right: 10px;
	margin-bottom: 10px;
	width: 80px;
	height: 60px;
}

table.image-small td {
	text-align: center;
	vertical-align: middle;
}

table.image-small td img {
	border: none;
	vertical-align: middle;
}

/* Info */

div.info {
	margin-top: 0px;
	margin-bottom: 15px;
	border: solid 1px #96965e;
	padding: 3px;
	font-size: 10px;
	background-color: #ffffcc;
}

/* Details */

div.details {
	margin-top: 0px;
	margin-bottom: 15px;
}

div.details div.title {
	font-weight: bold;
	color: #9c9e9f;
}

div.details div.fields {
	margin-top: 5px;
}

div.details div.field {
	line-height: 15px;
}

div.details div.field span.fieldName {
	font-weight: bold;
}

div.details div.field span.fieldValue {
}

div.details div.fieldLongValue {}

div.details iframe.preview {
	margin-top: 5px;
	margin-left: 5px;
	border: solid 1px #cd2529;
	width: 390px;
	display: block;
}

/* Links */

ul.links {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 10px;
	padding: 0px;
	list-style-type: none;
}

ul.links li {
	padding-left: 14px;
	background-image: url(../images/icon-li.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

ul.links li a {
	font-size: 12px;
}

ul.links li a:hover {
	text-decoration: underline;
}

/* Container */

table.container {
	margin: auto;
	width: 760px;
}

/* Container > Header */

table.container td.header {
	height: 100px;
}

table.container td.header img {
	display: block;
}

/* Container > Bar */

table.container td.bar {
	padding-top: 2px;
}

table.container td.bar table.barTable {
	width: 100%;
	height: 26px;
	border-top: solid 1px #adadad;
	border-bottom: solid 1px #adadad;
}

table.container td.bar table.barTable td {
	line-height: 26px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}

table.container td.bar table.barTable td a {
	color: #ffffff;
	text-decoration: none;
}

table.container td.bar table.barTable td a:hover {
	color: #ff2200;
}

table.container td.bar table.barTable td a.selected {
	color: #ff2200;
}

/* Container > Body */

table.container td.body {
}

/* Container > Body > Main */

table.container td.body table.main {
	width: 100%;
}

/* Container > Body > Main > Menu */

table.container td.body table.main td.menu {
	padding-bottom: 15px;
	width: 160px;
	vertical-align: top;
	text-align: left;
}

/* Container > Body > Main > Menu > Items */

table.container td.body table.main td.menu div.items {
	margin-top: 15px;
}

table.container td.body table.main td.menu div.items div.header {
	margin-bottom: 10px;
	border: solid 1px #adadad;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
	color: #adadad;
}

table.container td.body table.main td.menu div.items div.item {
	line-height: 20px;
}

table.container td.body table.main td.menu div.items div.item a {
	color: #adadad;
	text-decoration: none;
}

table.container td.body table.main td.menu div.items div.item a:hover {
	color: #ff2200;
}

table.container td.body table.main td.menu div.items div.itemSelected {
	line-height: 20px;
}

table.container td.body table.main td.menu div.items div.itemSelected a {
	color: #ff2200;
	text-decoration: none;
}

table.container td.body table.main td.menu div.items div.itemSelected a:hover {
	color: #ff2200;
}

/* Container > Body > Main > Menu > Box */

table.container td.body table.main td.menu div.box {
	margin-top: 15px;
}

/* Container > Body > Main > Menu > Box > Header */

table.container td.body table.main td.menu div.box div.header {
	border: solid 1px #adadad;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
	color: #adadad;
}

/* Container > Body > Main > Menu > Box > Body */

table.container td.body table.main td.menu div.box div.body {
}

/* Container > Body > Main > Menu > Box > Body > Form */

table.container td.body table.main td.menu div.box div.body form div.field {
	margin: 5px 0px;
}

table.container td.body table.main td.menu div.box div.body form div.field label {
	display: block;
	line-height: 15px;
	font-size: 11px;
	color: #808080;
}

table.container td.body table.main td.menu div.box div.body form div.field label.inline {
	display: inline;
}

table.container td.body table.main td.menu div.box div.body form div.field label span.required {
	color: #ffffff;
}

table.container td.body table.main td.menu div.box div.body form div.field input {
	font-size: 12px;
	color: #ffffff;
	background-color: #000000;
}

table.container td.body table.main td.menu div.box div.body form div.field select {
	font-size: 12px;
	color: #ffffff;
	background-color: #000000;
}

table.container td.body table.main td.menu div.box div.body form div.field input.fixed {
	width: 150px;
}

table.container td.body table.main td.menu div.box div.body form div.field select.fixed {
	width: 155px;
}

table.container td.body table.main td.menu div.box div.body form div.buttons {
	margin: 5px 0px;
}

table.container td.body table.main td.menu div.box div.body form div.buttons input.button {
	font-size: 11px;
	color: #ffffff;
	background-color: #000000;
}

/* Container > Body > Main > Content */

table.container td.body table.main td.content {
	padding: 15px 25px;
	text-align: left;
	vertical-align: top;
}

/* Container > Footer */

table.container td.footer {
	padding-top: 8px;
	text-align: center;
	line-height: 20px;
	font-size: 11px;
	color: #adadad;
	background-image: url(../images/footer-background.gif);
	background-repeat: no-repeat;
}

table.container td.footer a {
	color: #adadad;
	text-decoration: underline;
}

table.container td.footer a:hover {
	color: #ff2200;
}
