/* theme-specific tags */

@font-face {
  font-family: "Nobile";
  src: url('fonts/nobile.ttf');
}
body {
	background: #e6e6e6 url(body-bkg.png) top left repeat-x; 
/*	background: #fff url(body-bkg.jpg) top center no-repeat;*/
	color: #444;
}

a {
	color: #06c;
}

a:hover, a:focus {
	color: #38d;
}

label {
	font-size: 13px;
	font-weight: bold;
	color: #444;
	display: inline-block;
}
label.nowidth {
	width: auto;
}
label:hover {
	color: #036;
}
input[type=text], input[type=password], textarea, select, .inputs {
	border: 1px solid #999;
	padding: 4px 3px;
	margin: 0;
	font-size: 1em;
	font-family: inherit;
	background: #fff url('input-bkg.png') repeat-x;
	resize: none;
	box-sizing: content-box; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover, .inputs:hover {
	border-color: #69b;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
	color: #036;
	border-color: #069;
}
input[type=checkbox] {
	vertical-align: middle;
	margin-right: 5px;
	display: inline-block;
}
input[type=image] {
	vertical-align: middle;
	margin: 0px;
	display: inline-block;
	position: relative;
	top: -1px;
}
select {
	padding: 2px 2px;
}
input[type=submit], input[type=button], .button {
	padding: 5px 16px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-shadow: #147 1px 1px 5px;
	color: white;
	background: #369 url('button-blue.png') repeat-x;
	border: 1px solid #036;
	cursor: pointer;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.button {
	line-height: 26px;
}
input[type=submit]:hover, input[type=button]:hover, .button:hover {
	color: #fff;
	background: #47a url('button-blue-hover.png') repeat-x;
}
/* Tiny form */
label.tiny {
	font-size: 11px;
}
input[type=submit].tiny, input[type=button].tiny {
	padding: 1px 10px;
	font-size: 12px;
}
input[type=text].tiny, input[type=password].tiny, textarea.tiny, select.tiny {
	padding: 2px 2px;
	font-size: 11px;
}
select.tiny {
	padding: 1px 1px;
}

/* Classes ------------------------------------------------------------------------------------------------ */

.body-wrapper {
	width: 960px;
	background: #fff url(header-bkg.png) 0px 50px no-repeat;
	margin: 0 auto;
	-webkit-box-shadow:  0px 10px 15px -5px #999;
	-moz-box-shadow:  0px 10px 15px -5px #999;
	box-shadow:  0px 10px 15px -5px #999;
/*	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px; */
}
.mainmenu {
	border-top: 4px solid #f00;
	height: 50px;
	margin: 0;
}
	.mainmenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.mainmenu li {
		float: right;
		padding: 0;
	}
	.mainmenu li a {
		display: block;
		padding: 7px 10px 10px 10px;
		margin-right: 10px;
		font-size: 19px;
		font-weight: normal;
		color: #666;
		background: none;
/*		border-bottom: 4px solid #ddd;*/
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.mainmenu li a:hover {
		color: #333;
		border-color: #f00;
		background: #eee;
	}
	.mainmenu li a.active {
		font-weight: normal;
		color: #fff;
		background: #f00;
		text-shadow: 1px 1px 2px #933;
		border-color: #333;
	}
.header {
	position: relative;
	height: 434px;
}
	.header-image {
		position: absolute;
		top: 104px;
		left: 0px;
	}
	.logo {
		position: absolute;
		top: 33px;
		left: 25px;
	}
.content {
}
	.slider-main {
		height: 250px;
		padding-top: 15px;
	}
	.slider-inner {
		height: 150px;
		padding-top: 15px;
	}
	table.content-inner {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	table.content-inner td {
		padding: 0;
		vertical-align: top;
	}
	table.content-inner td.left {
		width: 230px;
		background: transparent url(content-left-bkg.png) top right repeat-y;
	}
	table.content-inner td.right {
		padding: 0;
		vertical-align: top;
	}
		.content-left-titlebar {
			margin: 30px 0 0 0;
			font-size: 16px;
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: 0.2em;
			color: #f00;
			padding: 5px 15px;
		}
		.content-left-article {
			padding: 5px 15px;
			padding-bottom: 0;
		}
	.content-body {
		padding: 5px 25px 10px 25px;
	}
		.bodymenu-container {
			border-bottom: 4px solid #f00;
			height: 34px;
		}
		.bodymenu {
			float: right;
		}
			.bodymenu ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			.bodymenu li {
				float: left;
				padding: 0;
				margin-left: 5px;
			}
			.bodymenu li a {
				display: block;
				padding: 0 10px;
				font-size: 16px;
				line-height: 34px;
				font-weight: normal;
				color: #c33;
				background: #e0e0e0;
				-webkit-border-top-left-radius: 4px;
				-webkit-border-top-right-radius: 4px;
				-moz-border-radius-topleft: 4px;
				-moz-border-radius-topright: 4px;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
			}
			.bodymenu li a:hover {
				background: #d0d0d0;
			}
			.bodymenu li a.active {
				/* display: none;*/
				background: #f00;
				color: #fff;
			}
	.content-body h1 {
		text-transform: uppercase;
		text-shadow: 1px 1px 2px #ccc;
	}
	.content-body h1, .content-body h2, .content-body h3 {
		font-family: "Nobile";
		color: #f00;
		margin-bottom: 15px;
	}
	.content-body h2, .content-body h3 {
		margin-top: 1em;
		margin-bottom: 0.3em;
	}
	.content-body h2 {
		text-decoration: none;
		border-bottom: 1px solid #f00;
	}
	.content-body p {
		text-align: justify;
		line-height: 1.1em;
	}
	.content-body p.emphasized {
		font-family: "Nobile";
		color: #b00;
		font-size: 1.1em;
	}
	.content-wrapper {
		padding-top: 15px;
	}
	
	ul.pointers {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	ul.pointers > li {
		margin: 0.8em 0;
		background-image: url(hand_pointing.png);
		background-repeat: no-repeat;
		background-position: 0px 3px;
		padding-left: 20px;
	}
	.offerbox {
		padding: 15px;
		background: #f0f0f0;
		margin-bottom: 15px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.tooltip-target {
		color: #369;
		border-bottom: 1px dashed #369;
		cursor: pointer;
	}
	.tooltip-content {
		position: absolute;
		display: none;
		width: 400px;
		font-size: 12px;
		background: #fff;
		border: 4px solid #f90;
		padding: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0 0 15px #999;
		-moz-box-shadow: 0 0 15px #999;
		box-shadow: 0 0 15px #999;
	}

.footer-wrapper {
	width: 960px;
	min-height: 85px;
	margin: 0 auto;
	padding: 0;
	font-size: 11px;
	color: #666;
	background: #e6e6e6 url(footer-bkg.png) top center no-repeat;
}
	.footer-content {
		padding: 50px 25px 15px 25px;
	}
	.footer-left {
		float: left;
		width: 180px;
		text-align: left;
	}
	.footer-right {
		float: right;
		width: 180px;
		text-align: right;
	}

/* -- custom formatting ---------------------------------- */	
	
#WzTtDiV {
	-webkit-box-shadow: 0 7px 6px -6px #999; -moz-box-shadow: 0 7px 6px -6px #999; box-shadow: 0 7px 6px -6px #999;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.dlg-container { /* should be invisible; should contain the header, content and footer */
	margin: 20px auto 50px auto;
	clear: both;
}
	.dlg-skin { /* bkg formatter for dialogs */
		border: 1px solid #ccc;
		background: #f7f7f7;
		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
		-webkit-box-shadow: 0 0 15px #ccc;
		-moz-box-shadow: 0 0 15px #ccc;
		box-shadow: 0 0 15px #ccc;
		overflow: hidden;
	}
		.dlg-header {
			background: #369 url(dialog-header-bkg.png) top left repeat-x;
			/*background: #369;*/
			color: white;
			margin: 0;
			padding: 10px 30px;
			font-size: 18px;
			font-weight: bold;
			text-shadow: #036 2px 2px 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		.dlg-content {
			padding: 25px 30px 15px 30px;
			background: #fff url(dialog-content-bkg.png) top left repeat-x;
		}
		.dlg-footer {
			background: #eee;
			border-top: 3px solid #369;
			color: #444;
			margin: 0;
			padding: 12px 30px;
			font-size: 100%;
			font-weight: normal;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
		}

table.sortAndItems {
	width: 100%;
	background: #f3f3f3;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
}
	table.sortAndItems td {
		padding: 5px;
		vertical-align: middle;
		white-space: nowrap;
		color: #666;
	}
	table.sortAndItems td.title {
		font-weight: bold;
		font-size: 14px;
	}
	table.sortAndItems td.right {
		text-align: right;
		width: 1%;
	}
		
.filter-form {
	clear: both;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
	.filter-form-title {
		background: #369 url(main/dialog-header-bkg.png) top left repeat-x;
		color: white;
		margin: 0;
		padding: 6px 10px;
		font-size: 14px;
		font-weight: bold;
		text-shadow: #036 2px 2px 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.filter-form-content {
		padding: 10px;
	}
	.filter-form-footer {
		background: #eee;
		border-top: 2px solid #369;
		color: #666;
		margin: 0;
		padding: 5px 10px;
		font-size: 11px;
		font-style: italic;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

.userBox {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 0;
}

/* custom styles */
.article {
	position: relative;
	background: #f4f4f4;
	border: 1px solid #ccc;
	-webkit-box-shadow: 2px 2px 6px #ddd; -moz-box-shadow: 2px 2px 6px #ddd; box-shadow: 2px 2px 6px #ddd;
}

.third-float {
	float: left;
	width: 298px;
	margin-right: 15px;
}
.third-float-last {
	float: right;
	width: 298px;
	margin: 0;
}

.layout404 {
	padding: 15px;
}
.layout404 table {
	width: 100%;
}

	.layout404-content {
		float: left;
		width: 697px;
		padding: 15px;
		border: 1px solid #ccc;
		min-height: 400px;
	}

	.layout404-sideMenu-title {
		background: #ddd;
		font-size: 16px;
		font-weight: bold;
		font-style: italic;
		line-height: 30px;
		padding: 0 15px;
		color: #999;
		border: 1px solid #ccc;
		border-top: none;
		border-right: none;
	}
	.layout404-sideMenu {
		float: left;
		width: 200px;
		position: relative;
		left: -1px;
		border: 1px solid #ccc;
		border-left: none;
		border-bottom: none;
/*		margin-top: 20px;*/
	}
	.layout404-sideMenu a {
		display: block;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		color: #666;
		background: #f7f7f7;
		line-height: 30px;
		padding: 0 15px;
/*		text-align: right;*/
	}
	.layout404-sideMenu a:hover {
		background: #eee;
		color: #333;
	}
	.layout404-sideMenu a.active {
		color: #333;
		font-weight: bold;
		background: #fff;
		border-left: none;
	}
.itemview-user {
	margin-top: 15px;
/*	border: 1px solid #ccc;*/
	padding: 0;
	height: 62px;
}
.itemview-user p {
	margin: 0;
	padding: 0;
}
	.itemview-user-avatar {
		float: left;
		width: 60px;
		height: 60px;
		padding: 1px;
	}
	.itemview-user-data {
		float: left;
		padding-left: 10px;
	}
	.itemview-user-data-head {
		font-size: 13px;
		font-weight: bold;
	}
	.itemview-user-data-body {
		font-size: 11px;
	}

	
.layout32-menu {
	float: left;
	width: 200px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
}
	.layout32-menu a {
		display: block;
		font-size: 15px;
		line-height: 36px;
		color: #555;
		border-top: 1px dotted #ccc;
		padding: 0 5px;
	}
	.layout32-menu a:hover {
		background: #f3f3f3;
		color: #333;
	}
	.layout32-menu a.active {
		color: #c00;
	}
.layout32-content {
	float: left;
	width: 700px;
	margin-left: 30px;
}

.port-image {
	float: left;
	width: 280px;
	height: 280px;
	border: 1px solid #999;
	padding: 1px;
	margin: 10px 0;
	background: #fff;
	-webkit-box-shadow:  6px 6px 8px #ccc;
	-moz-box-shadow:  6px 6px 8px #ccc;
    box-shadow:  6px 6px 8px #ccc;
}

.port-image-sep {
	float: left;
	width: 29px;
	height: 280px;
	margin: 10px 0;
}