/*
-----------------------------------------------
rdmd.das-studio.de
Stylesheet:	dmd.css
Author:		Matt Slovig, Tobias Zander
Version:	09 February 2007
Revision:	11 April 2008
Colors:
	Dark orange: #FF4000;
	Light Orange: #F07A00;
	Very Light Orange: #FCE4CC;
----------------------------------------------- */

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body {
	background: #fff;
	font: 11px "Trebuchet MS", Lucida, Arial, Helvetica, sans-serif;
	margin: 0;
	padding-top: 8px;
}

/* -----------------------------------*/
/* --------->>> STRUCTURE <<<---------*/
/* -----------------------------------*/

/* ------>>> CONTENT-WRAPPER <<<------*/
#container {
	margin-left: auto;
	margin-right: auto;
	width: 975px;
}
/* ------>>> /CONTENT-WRAPPER <<<-----*/

/* ---------->>> BRANDING <<<---------*/
#logo {
	z-index: 5;
	margin: 0;
	padding: 0;
	display: none;
}

#header {
	background: url(/img/bg.png);
	background-repeat: repeat-x;
	background-position: center;
	height: 70px;
	margin: 0;
	padding: 0;
	color: #fff;
	border-left: 1px solid #676767;
	border-top: 1px solid #676767;
	border-right: 1px solid #676767;
	vertical-align: top;
	width: 973px;
	z-index: 5;
}

	#header .text {
		display: none;
	}

	#header.noLogo {
		display: none;
	}
/* ---------->>> /BRANDING <<<--------*/

/* ------------>>> POUCH <<<----------*/
#pouch {
  position: absolute;
  left: 765px;
  top: 0px;
}
/* ----------->>> /POUCH <<<----------*/

/* ----------->>> NAV <<<-------------*/
/* Main Navigation */
/*#topnav {
	display: block;
	background: url(/img/nav.png);
	height: 1.6em;
}*/
ol#topnav {
	float: left;
	height: 15px;
	list-style: none;
	/*padding: 5px 0 0 10px;*/
	padding: 0;
	width: 973px;
	border: 1px solid #676767;
	background: url(/img/nav.png) repeat-x;
	line-height: 15px;
	margin: 0;
}

	#topnav li {
		float: left;
		position: relative;
		border-right: 1px solid #676767;
	}

		#topnav li a {
			display: block;
			padding: 0 15px;
			color: #FFF;
			text-decoration: none;
		}

		#topnav li a:hover {
			background: url(/img/nav.png) #979797 repeat-x 0px -160px;
		}

		#topnav li ul {
			display: none;
			position: absolute;
			top: 1em;
			left: 0;
			clear: left;
			margin: 0;
			padding: 0;
			list-style: none;
		}

			#topnav li ul li {
				background: #FFF;
				display: block !important;
				float: none;
				padding: 0;
				white-space: nowrap;
			}

				#topnav li ul li.last {
					border-bottom: none;
				}

				#topnav li ul li a {
					background: #979797;
					display: block;
					padding: 3px 15px 0px 3px;
					border-bottom: 1px dotted #373737;
				}

					#topnav li ul li.last a {
						border-bottom: none;
					}

				#topnav li ul li a:hover {
					background: #676767;
					color: #FFF;
				}

	#topnav li>ul {
		top: auto;
		left: auto;
	}

	#topnav li:hover ul, #topnav li.over ul {
		display: block;
		border: 1px solid #676767;
	}
/* ----------->>> /NAV <<<------------*/

/* ---------->>> LEFTNAV <<<----------*/
#leftnav {
	float: left;
	padding: 0px 10px 20px 0;
}

	#admin #leftnav {
		margin-top: 10px;
	}

	#leftnav ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

		#leftnav ul#navlist li, #leftnav ul#assettype li, #leftnav ul#admin-nav li, #leftnav ul li {
			margin: 0 0 3px 0;
		}

			#leftnav ul#navlist .sub20 {
				margin-left: 20px;
			}
			#leftnav ul#navlist .sub40 {
				margin-left: 40px;
			}
			#leftnav ul#navlist .sub60 {
				margin-left: 60px;
			}
			#leftnav ul#navlist .sub80 {
				margin-left: 80px;
			}

			#leftnav ul#navlist a {
				display: block;
				padding: 2px;
				border: 1px solid #676767;
				width: 170px;
				background: #D1D1D1;
			}

			#leftnav ul#admin-nav a, #leftnav ul#assettype a, #leftnav ul a {
				display: block;
				padding: 2px;
				border-top: 1px solid #676767;
				border-bottom: 1px solid #676767;
				width: 169px;
				background: #D1D1D1;
			}

				#leftnav ul#navlist a.width80 {
					width: 90px;
				}
				#leftnav ul#navlist a.width100 {
					width: 110px;
				}
				#leftnav ul#navlist a.width120 {
					width: 130px;
				}
				#leftnav ul#navlist a.width140 {
					width: 150px;
				}

				#leftnav ul#navlist a:link, #leftnav ul#navlist a:visited {
					color: #000;
					text-decoration: none;
				}

				#leftnav ul#admin-nav a:link, #leftnav ul#admin-nav a:visited, #leftnav ul#assettype a:link, #leftnav ul#assettype a:visited, #leftnav ul a:link, #leftnav ul a:visited {
					color: #000;
					text-decoration: none;
				}

				#leftnav ul#navlist a:hover {
					border: 1px solid #676767;
					background: #c585b5;
					color: #000;
				}

				#leftnav ul#admin-nav a:hover, #leftnav ul#assettype a:hover, #leftnav ul a:hover {
					border-top: 1px solid #8b0b6c;
					border-bottom: 1px solid #8b0b6c;
					background: #d7bccf;
					color: #000;
				}

					#leftnav ul#navlist .current a:link, #leftnav ul#navlist .current a:visited, #leftnav ul#navlist .current a:hover {
						border: 1px solid #8b0b6c;
						background: #c585b6;
						color: #000;
					}

					#leftnav ul#admin-nav .current a:link, #leftnav ul#admin-nav .current a:visited, #leftnav ul#admin-nav .current a:hover, #leftnav ul#assettype .current a:link, #leftnav ul#assettype .current a:visited, #leftnav ul#assettype .current a:hover {
						border-top: 1px solid #8b0b6c;
						border-bottom: 1px solid #8b0b6c;
						border-left: none;
						border-right: none;
						background: #c585b6;
						color: #000;
					}

					#leftnav ul li.current a:link, #leftnav ul li.current a:visited, #leftnav ul li.current a:hover {
						border: 1px solid #8b0b6c;
						background: #8b0b6c;
						color: #FFF;
						font-weight: bold;
					}
/* ---------->>> /LEFTNAV <<<---------*/

/* ----------->>> CONTENT <<<---------*/
#content, #live, #searchcontent {
	margin-left: 200px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 15px;
}

#contentpick {
	padding-top: 10px;
	padding-bottom: 20px;
}

#jobpouch {
	padding-top: 10px;
	padding-bottom: 20px;
}

#live {
	display: none;
}
/* ---------->>> /CONTENT <<<---------*/

/* ------------>>> ERROR <<<----------*/
#error {
  margin-left: 200px;
  padding-top: 10px;
  padding-bottom: 0;
}
/* ----------->>> /ERROR <<<----------*/
/* ----------->>> SUCCESS <<<---------*/
#success {
  margin-left: 200px;
  padding-top: 10px;
  padding-bottom: 0;
}
/* ---------->>> /SUCCESS <<<---------*/

/* ----------->>> FOOTER <<<----------*/
#footer {
  clear: both;
  padding-top: 5px;
  text-align: center;
  border-top: 1px solid #8b0b6c;
  width: 975px;
}
/* ----------->>> /FOOTER <<<---------*/

/* ----------->>> OVERLIB <<<---------*/
#overDiv {
  position: absolute;
  visibility: hidden;
  z-index: 1000;
}
/* ---------->>> /OVERLIB <<<---------*/

/* -----------------------------------*/
/* --------->>> FORMATTING <<<--------*/
/* -----------------------------------*/

/* ------------>>> TAGS <<<-----------*/
h1 {
	color: #FFF;
	font-size: 35px;
	margin: 0;
	padding: 0;
	text-align: center;
	white-space: nowrap;
	width: 100%;
	position: relative;
}

h2 {
	color: #8b0b6c;
	font-size: 150%;
	padding: 0;
	margin: 0;
}

h3 {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

	h3.center {
		font-size: 14px;
		background: #aaa;
		padding: 4px;
		clear: both;
	}

h4 {
	font-size: 120%;
	margin: 0;
	padding: 5px;
	border: 1px solid #8b0b6c;
	background: #8b0b6c repeat-x;
	color: #fff;
	width: 225px;
}
	
h5 {
	font-size: 100%;
	margin: 5px;
	padding: 5px;
	margin-left: 0;
	border: 1px solid #676767;
	background: #8b0b6c;
	color: #fff;
	width: 135px;
}

h6 {
	background: #8b0b6c;
	color: #fff;
	font-size: 100%;
	padding: 3px;
	margin: 0;
	text-align: left;
	width: 245px;
}

table {
	margin: 0;
	padding: 0;
}

	#content table, #live table, #searchcontent table, #contentpick table {
		padding-top: 10px;
	}

td, th {
  vertical-align: top;
}

	td h5 {
	margin-top: 0px;
	}

	td p {
	margin-top: 0px;
	}

	td h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	}

th {
	text-align: left;
}

img {
	border: none;
}

	img.thumb {
		background: url(/img/slide.png);
		padding: 20px 21px 20px 19px;
		margin: 0;
	}

	img.pdf300 {
		background: url(/img/slide.green.png);
		padding: 20px 21px 20px 19px;
		margin: 0;
	}

	img.deprecated {
		background: url(/img/slide.red.png);
		padding: 20px 21px 20px 19px;
		margin: 0;
	}

	img.button {
	  padding-top: 2px;
	}

	img.history {
		border: 1px solid #676767;
	}


p {}

	#login p {
		padding-bottom: 0;
		padding-top: 2px;
		margin: 0;
	}

dfn {
	font-style: normal;
}

span {}

	span.button {
		padding-left: 20px;
	}

fieldset dt {
	font-weight: bold;
	float: left;
	width: 120px;
}

fieldset dd {
	margin-left: 120px;
}

.address dl dt, .input dl dt {
	width: 100px;
	float: left;
}

.address dl dd, .input dl dd {
	margin-left: 100px;
}

.brand a, .jobs a, .brand a:visited, .jobs a:visited  {
	text-decoration: none;
	color: #8b0b6c;
}

/* ------------>>> /TAGS <<<----------*/

/* ------------>>> IDS <<<------------*/
#debug {
	text-align: center;
	color: #ccc;
	padding-top: 5px;
}

#displayproperties {
	display: block;
	padding-top: 1.5em;
	padding-bottom: 0;
}

#billing {
	float: left;
	padding-right: 50px;
}

#shipping {
	padding-top: 0;
}

#subnav {
	margin-top: 5px;
}

#nav {
	margin-top: 5px;
}

#javascript, .hint {
	text-align: center;
	width: 99%;
	border: 1px solid #8b0b6c;
	margin-top: 1em;
	background: #c585b5;
	font-weight: bold;
	color: #FFF;
}

#wishlist, #bookmark {
	border-left: 1px solid #8b0b6c;
	border-right: 1px solid #8b0b6c;
	border-bottom: 1px solid #8b0b6c;
	padding: 10px;
	margin-bottom: 1em;
}

#wishlist h3, #wishlist p {
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
}

#wishlist h3 {
	padding-top: 5px;
}

#navResult {
	display: none;
}

#maincat #maincat_wrapper  ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#maincat #maincat_wrapper  ul li {
	float: left;
	width: 190px;
}

#maincat h3 {
	margin-top: 10px;
	margin-bottom: 5px;
}

#maincat table#maincat_wrapper {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

#findattributes {
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#selection {
	width: 200px;
	float: left;
}

#jobs, #archive, .meta {
	clear: both;
}

#format {
	float: left;
	width: 300px;
}

#brand {
	margin-left: 10px;
	float: right;
	width: 200px;
}

#loading {
	display: none;
}

#clearCart {
	color:blue;
	text-decoration:underline;
	cursor:pointer;
}
	#clearCart:hover {
		background-color:#CCFFCC;
		color:#000099;
	}

#companies {
	background-color:#FFF;
	border:dashed gray 1px;
	padding:5px;
}

#addressbook {
	position: relative;
	width: 40%;
}

#prevMultipage, #nextMultipage {
	cursor: pointer;
}

div#transparency {
	filter:alpha(opacity=60); /* IE */
	-moz-opacity:0.6; /* Gecko-Browser */
	opacity:0.6; /* Opera 9+ */
}
#block_occupation {
	display: none;
}

#checkouttype {
	padding: 5px; 
	border: 1px solid #8B0B6C; 
	background: #CCC; 
	margin-top: 10px;
}
/* ------------>>> /IDS <<<-----------*/

/* ---------->>> CLASSES <<<----------*/
.pointer {
	cursor: pointer;
}

.help {
	cursor: help;
}

.added {
	height: 20px;
	vertical-align: bottom;
	color: #ccc;
}

dd.thumb {
	text-align: center;
}

.preview {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.desc {
	height: 100px;
	padding-left: 5px;
	margin-right: 2px;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.textLeft {
	text-align: left;
}

.textRight, .right {
	text-align: right;
}

.textCenter, .center {
	text-align: center;
}

.grey {
	color: #CCC;
}

	table.grey, tr.grey, td.grey, th.grey {
		color: #000;
	}

	option.grey {
		color: #000;
		background: #ccc;
		font-style: italic;
	}


.checkoutForm, .wishlistForm {
	width: 100%;
	padding-top: 0;
}

	.wishlistForm form {
		display: inline;
	}

.orderstate {
	padding: 0;
		margin: 0;
}

.padding0 {
	width: 110px;
	display: block;
	float: left;
}

.padding10 {
	width: 100px;
	display: block;
	float: left;
	padding-left: 10px;
}

.odd {
	background: #E8E8E8;
}

.even {
	background: #f6f6f6;
}

.clearBoth, .c {
	clear: both;
}

.c {
	padding: 0;
	margin: 0;
}

.clearLeft {
	clear: left;
}

/* Clearfix */

.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cf {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* End Clearfix */

.error, .error:visited, .error:active, .error:hover, .error:link {
	color: #880000;
}

.success {
	color: #080;
}

.label {
	width: 120px;
	float: left;
}

.add-margin {
	margin-left: 120px;
}

.smalllabel {
	width: 80px;
	float: left;
}

.width60 {
	width: 60px;
}

.bold {
	font-weight: bold;
}

.normal, input.bold, select.bold  {
	font-weight: normal;
}

.totalGross {
	white-space: nowrap;
}

.netByUnit {
	width: 120px;
	text-align: right;
}

.net, .tax, .gross {
	text-align: right;
}

.gross, .net {
	width: 50px;
}

.transBorder{
	border: 1px solid transparent;
}

.img {
	padding: 10px 15px 11px 0;
	margin: 0;
	width: 135px;
}

.highlight {
	color: #8b0b6c;
	font-weight: bold;
}

.description {
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 0;
	width: 211px;
}

.media {
	padding: 0;
	margin: 0;
	width: 237px;
}

	.media tr {
		padding: 0;
		margin: 0;
	}

		.media tr.odd {
			background: #ccc;
		}

		.media tr.even {
			background: #eee;
		}


	.media td {
		white-space: nowrap;
		padding-right: 5px;
		padding-top: 2px;
		padding-left: 5px;
	}

.tabcontent {}

	.tabcontent table, .fullwidth {
		width: 100%;
	}

	.tabcontent td, .tabcontent th {
		padding-right: 5px;
		padding-top: 2px;
	}

.download-basket {
	padding: 0;
	margin: 0;
	width: 300px;
}

	.download-basket td {
		padding-right: 5px;
		padding-top: 2px;
		padding-left: 5px;
		text-align: left;
		vertical-align: middle;
	}

	.download-basket th {
		vertical-align: middle;
		padding-left: 5px;
	}

		.download-basket td.filesize {
			text-align: left;
		}

.overlay {
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	border: 1px solid #8b0b6c !important;
}

.downloadWrapper {
	position: relative;
	width: 550px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
}

.borderbottom {
	padding-bottom: 5px;
	border-bottom: 1px solid #8b0b6c;
	text-align: center;
}

.text {
	margin-top: 20px;
	display: block;
}

.user {
	width: 300px;
}

.admSearch {
	border-collapse: collapse;
	width: 100%;
}

	.admSearch td, .admSearch th {
		padding: 2px;
	}

	.admSearch th {
		background: #ccc;
	}

	.admSearch .highlight {
		background: #FFB5B5;
	}

.admMedia {
	border: 1px solid #8b0b6c;
	padding: 3px;
}

.order td {
	padding-right: 20px;
}

.smartHighlight {
	background: #eed9e9;
}

.block {
	display: block;
}

.displayNone {
	display: none;
}

.title form {
	display: none;
}

table {}

	table.history {
		margin: 0;
		width: 600px;
		padding: 0;
	}

		table.history .date {
			width: 120px;
		}

		table.history .user {
			width: 100px;
		}

		table.history .field {
			width: 80px;
		}

		table.history .value {
			width: 150px;
		}

		table.history .datatype {
			width: 380px;
		}

		table.history .b_datatype {
			width: 100px;
		}

		table.history .active {
			width: 80px;
		}

		table.history tr {
			margin: 0;
			padding: 0;
		}


.hint {
	margin-bottom: 1em;
}

.nomargin {
	margin-top: 0 !important;
	padding-top: 0;
}

.jsDisplayBlock {
	display: none;	/* will be overwritten in dmd.js.css! */
}

.jsDisplayNone {
	display: block;	/* will be overwritten in dmd.js.css! */
}

h3.jsDisplayBlock {
	margin-bottom: 5px;
	margin-top: 5px;
}

.cart, .drop {
	background-color:#FFE;
	border:dashed gray 1px;
	height:auto;
	width:300px;
	padding:5px;
	margin-top:10px;
	overflow: auto;
}

.input {
	height:auto;
	width:300px;
	padding:5px;
	margin-top:10px;
	overflow: auto;
	font-size: 8pt;
	background: #ECECEC;
	border: 1px dashed #606;
	font-weight: normal;
}

div.address {
	background-color: #d7bccf;
border:solid #8b0b6c 1px;
margin:10px;
padding:4px;
cursor:pointer;
}

div.address:hover {
background: #c585b6;
}

.format-wrapper {
	margin-left: 20px;
}

.today {
	color: #CF0000;
	font-weight: bold;
}

.brand {
	border-collapse: collapse;
	width: 100%;
}

.strong {
	font-weight: strong;
}

.selHidden {
	-moz-opacity: 0.3;
	filter:alpha(opacity=30);
	opacity: 0.3;
	-khtml-opacity: 0.3;
}

.selVisible {
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	opacity: 1;
	-khtml-opacity: 1;
}

.optMatch {
	background: #00406e;
	color: #fff;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	opacity: 1;
	-khtml-opacity: 1;
}

.optNomatch {
	background: transparent;
	color: #000;
	-moz-opacity: .5;
	filter:alpha(opacity=50);
	opacity: .5;
	-khtml-opacity: .5;
}

.delete-button {
	vertical-align: bottom;
}

.coll {
	border: 1px solid #c585b5;
	background: #FFF;
	padding: 3px;
	margin: 2px;
}

.layoutform {
	height: 30px;
}

.form-wrapper {
	margin-top: 10px;
}

.orderCategoryName {
	float: left;
}

	.orderCategoryName h3 {
		margin-right: 1em;
	}

.orderCostUnit {}

	.orderCostUnit h3 {
		margin-right: 1em;
	}

.shipping-method {
	float: left;
	margin-right: 1em;
}

.adminselect {
	width: 175px;
}

.shipToForm input {
	float: right;
}
.history-process .column input {
	width: auto;
}

.changed {
	color: red;
}

.addresses {
	/*position: relative;*/
}

	.addresses .boxBody {
		padding-bottom: 30px;
	}
	.addresses #s_address, .addresses #b_address {
		top: 350px;
	}
	.addresses.message #s_address, .addresses.message #b_address {
		top: 360px;
	}
/* ---------->>> /CLASSES <<<----------*/

/* -----------------------------------*/
/* ---------->>> BASKET <<<-----------*/
/* -----------------------------------*/

#basket, #shippingcosts, #orders {
  border-collapse: collapse;
  width: 100%;
}

#shippingcosts {
	margin-top: 1em;
}

	#shippingcosts th, #basket th, #orders th {
		background: #ccc;
	}

	#basket th, #shippingcosts th {
		padding: 2px;
		padding-left: 10px;
		padding-right: 10px;
		vertical-align: bottom;
	}

	#basket td, #shippingcosts td {
		padding: 2px;
		padding-top: 5px;
		padding-left: 10px;
		padding-right: 10px;
	}

		#shippingcosts td.button {
			padding: 0;
		}

	#basket img {
		border: 1px solid #c585b5;
	}

	#orders td, #orders th {
		padding: 2px;
	}


	#basket .amount, #basket .size, #shippingcosts .tax, #shippingcosts .amount {
		width: 50px;
	}

	#shippingcosts .tax_p {
		width: 30px;
	}

	#basket .zipsize {
		width: 75px;
	}

	#basket .name {
		width: 300px;
		white-space: nowrap;
	}

	#basket .datatype {
		width: 150px;
	}

	#basket .buttons {
		white-space: nowrap;
	}

/* -----------------------------------*/
/* ------->>> ADDRESSBOOK <<<---------*/
/* -----------------------------------*/

#addressbook {}

	#addressbook td {
		padding-right: 10px;
	}

/* -----------------------------------*/
/* -------->>> SEARCHBOX <<<----------*/
/* -----------------------------------*/

#searchbox {
	position: relative;
}

	#searchbox form {
		position: absolute;
		width: 250px;
		height: 20px;
		right: 10px;
		top: -40px;
		text-align: left;
	}

	#searchbox h4 {
		margin: 0;
		text-align: right;
	}

	#searchbox p {
		text-align: left;
		padding: 0;
		padding-bottom: 2px;
		margin: 0;
	}

	form#navForm {
		background: #E8E8E8;
		padding: 4px;
		text-align: center;
	}

	form#navForm select, #wishlistform select, #bookmarkform select, #campaignform select {
		width: 150px;
		margin-bottom: 5px;
	}

/* --------->>> SEARCH-LEFT <<<--------*/
#searchLeft, #wishlistform, #adminnav, #assettype-wrapper, #navform-wrapper, #bookmarkform, #campaignform, #leftnav div.box  {
	padding: 0;
	background: #E8E8E8;
	width: 173px;
	border-left: 1px solid #8b0b6c;
	border-right: 1px solid #8b0b6c;
	border-bottom: 1px solid #8b0b6c;
	margin-top: 1em;
}

#leftnav {}

	#leftnav div {}

		#leftnav div.box {
			padding-top: 3px;
			border-top: 1px solid #8b0b6c;
		}

	#searchLeft input {
		margin-bottom: 5px;
	}

	#searchLeft form, #wishlistform form, #bookmarkform form, #campaignform form {
		padding: 0 10px 5px 10px;
		text-align: center;
	}

	#searchLeft p, #wishlistform p, #bookmarkform p, #campaignform p {
		padding-top: 5px;
		margin: 0;
	}

	#searchLeft h4, #wishlistform h4, #adminnav h4, #assettype-wrapper h4, #navform-wrapper h4, #bookmarkform h4, #campaignform h4 {
		margin: 0;
		padding: 2px;
		color: #fff;
		width: 168px;
	}

	#adminnav h4, #assettype-wrapper h4 {
		margin-bottom: 3px;
	}

	#adminnav ul, #assettype-wrapper ul {
		margin: 0;
		padding: 0;
	}
/* -------->>> /SEARCH-LEFT <<<--------*/

/* -----------------------------------*/
/* ------->>> DOWNLOADBOX <<<---------*/
/* -----------------------------------*/

#downloadBox {
	width: 300px;
	height: 200px;
	z-index: 10;
	border: 1px solid #8b0b6c;
	background: #FFF;
	position: absolute;
	top: 175px;
	left: 125px;
	display: none;
}

	#downloadBox h4 {
		width: 288px;
	}

	#downloadBox .close {
		background: #8b0b6c;
		width: 300px;
		height: 15px;
		position: absolute;
		top: 185px;
		left: 0;
	}

		#downloadBox .close a {
			color: #FFF;
		}

#preview {
	width: 550px !important;
	height: 550px !important;
}

/* -----------------------------------*/
/* ---------->>> LINKS <<<------------*/
/* -----------------------------------*/

a, #navForm a:visited, h2 a:visited {
	color: #8B0B6C;
}

	a:visited {
		color: #606;
	}

	a:hover {
		text-decoration: none;
	}

	.added a {
		color: #CCC;
	}

	.added a:visited {
		color: #AAA;
	}


h5 a, h5 a:link, h5 a:visited, h5 a:active, h5 a:hover {
	color: #fff;
}

/* -----------------------------------*/
/* ---------->>> FORMS <<<------------*/
/* -----------------------------------*/

input[type="file"], input[type="text"], input[type="password"], select, textarea {
	font-size: 8pt;
	padding: 0;
	background: #ECECEC;
	border: 1px solid #606;
	font-weight: normal;
}

input[type="radio"] {}


input[type="submit"], input[type="button"] {
	font-size: 8pt;
	background: #8b0b6c;
	color: #fff;
	border: 1px solid #606;
}

	input[type="file"].error, input[type="text"].error, input[type="password"].error, select.error, textarea.error {
		font-size: 8pt;
		background: #EAA;
		border: 1px solid #880000;
	}

textarea {
	font-size: 8pt;
}

textarea.bold {
	font-weight: normal;
}

	#searchbox input[type="submit"], #basket input[type="submit"] {
		width: 60px;
		font-size: 8pt;
		background: #8b0b6c;
		color: #fff;
		border: 1px solid #606;
	}

#details select, .format select {
	width: 250px;
}

fieldset {
	border: 1px solid #CCC;
	background: #DCDCDC;
}

/* -----------------------------------*/
/* ----------->>> BOX <<<-------------*/
/* -----------------------------------*/

.box {
	background: #fff url(/img/custom_corners_topleft.png) top left no-repeat;
	width: 90%;
}

#box {
	background: #fff url(/img/custom_corners_topleft.png) top left no-repeat;
	padding: 0;
	margin: 0;
}

	.box h3 {
		background: url(/img/custom_corners_topright.png) top right no-repeat;
		font-size: 1.3em;
		padding: 15px;
		margin: 0;
	}

	.box select {
		width: 330px;
	}

	.box select.nowidth {
		width: auto;
	}

	div.boxBody {
		background: url(/img/custom_corners_rightborder.png) top right repeat-y;
		margin:0;
		margin-top:-2em;
		padding:15px;
	}

	div.boxFooter {
		background: url(/img/custom_corners_bottomleft.png) bottom left no-repeat;
	}

		div.boxFooter p, div.boxFooter form {
			background: url(/img/custom_corners_bottomright.png) bottom right no-repeat;
			display:block;
			padding:15px;
			margin:-2em 0 0 0;
		}


/* -----------------------------------*/
/* ----->>> ASSETATTRIBUTES <<<-------*/
/* -----------------------------------*/

#assetattributes {
	margin: 0;
	padding: 0;
	border: 1px solid #8b0b6c;
	background: #efefef;
}

	#assetattributes table {
		margin: 0;
		padding: 0;
	}

	#assetattributes ul {
		list-style: none;
	}

		#assetattributes ul.root {
			margin: 0;
			padding: 0;
		}

		#assetattributes ul.root li.assetattribute {}

		#assetattributes .assetcontainer {
			background: #E8E8E8;
			border: 1px solid #8b0b6c;
			margin: .25em;
		}

	ul.child {
		padding: 3px;
		margin: 0;
	}

/* -----------------------------------*/
/* ---------->>> ICONS <<<------------*/
/* -----------------------------------*/

.iconInfo {
	background: url(/img/info.png) 0px 16px;
}
	.iconInfo:hover {
		background: url(/img/info.png);
	}

.iconCollectionAdd {
	background: url(/img/collection_add.png) 0px 16px;
}
	.iconCollectionAdd:hover {
		background: url(/img/collection_add.png);
	}

.iconCollectionDelete {
	background: url(/img/collection_del.png) 0px 16px;
}
	.iconCollectionDelete:hover {
		background: url(/img/collection_del.png);
	}

.iconCollectionPut {
	background: url(/img/collection_put.png) 0px 16px;
}
	.iconCollectionPut:hover {
		background: url(/img/collection_put.png);
	}

.iconCollectionRemove {
	background: url(/img/collection_remove.png) 0px 16px;
}
	.iconCollectionRemove:hover {
		background: url(/img/collection_remove.png);
	}

.iconAdd {
	background: url(/img/add.png) 0px 16px;
}
	.iconAdd:hover {
		background: url(/img/add.png);
	}

.iconDelete {
	background: url(/img/delete.png) 0px 16px;
}
	.iconDelete:hover {
		background: url(/img/delete.png);
	}

.iconZoom {
	background: url(/img/zoom.png) 0px 16px;
}
	.iconZoom:hover {
		background: url(/img/zoom.png);
	}

.iconRelation {
	background: url(/img/relation.png) 0px 16px;
}
	.iconRelation:hover {
		background: url(/img/relation.png);
	}

.iconCartAdd {
	background: url(/img/cart_add.png) 0px 16px;
}
	.iconCartAdd:hover {
		background: url(/img/cart_add.png);
	}

.iconCartAddAjax {
	background: url(/img/cart_add_ajax.png) 0px 16px;
}
	.iconCartAddAjax:hover {
		background: url(/img/cart_add_ajax.png);
	}

.iconCartDelete {
	background: url(/img/cart_delete.png) 0px 16px;
}
	.iconCartDelete:hover {
		background: url(/img/cart_delete.png);
	}

.iconDisk {
	background: url(/img/disk.png) 0px 16px;
}
	.iconDisk:hover {
		background: url(/img/disk.png);
	}

.icons {
	text-align: center;
	margin-top: 5px;
	padding-top: 8px;
	padding-bottom: 3px;
}

/* -----------------------------------*/
/* ----------->>> TABS <<<------------*/
/* -----------------------------------*/

.tabs {
	padding-top: 0.8em;
}

.tabcontent {
	border-left: 1px solid #8b0b6c;
	border-right: 1px solid #8b0b6c;
	border-bottom: 1px solid #8b0b6c;
	padding: 10px;
	background-position: center;
	width: 600px;
	float: left;
	min-height: 550px;
}

	.tabcontent img {
		padding: 0;
		margin: 0;
	}

ul#tabnav {
	font: bold 11px verdana, arial, sans-serif;
	list-style-type: none;
	padding-bottom: 24px;
	border-bottom: 1px solid #8b0b6c;
	margin: 0;
	padding-left: 10px;
	margin-top: 1em;
}

	ul#tabnav li {
		float: left;
		height: 21px;
		background-color: #c585b5;
		margin: 2px 2px 0 2px;
		border: 1px solid #8b0b6c;
	}

		ul#tabnav li:hover {}

	.tabs#tab1 li.tab1, .tabs#tab2 li.tab2, .tabs#tab3 li.tab3, .tabs#tab4 li.tab4, .tabs#tab5 li.tab5 {
		border-bottom: 1px solid #FFF;
		background-color: #FFF;
	}

	.tabs#tab1 li.tab1 a, .tabs#tab2 li.tab2 a, .tabs#tab3 li.tab3 a, .tabs#tab4 li.tab4 a, .tabs#tab5 li.tab5 a {
		color: #000 !important;
	}

	ul#tabnav a {
		display: block;
		color: #FFF;
		text-decoration: none;
		padding: 4px;
	}

		ul#tabnav a:hover {
			color: #8b0b6c;
		}

/* -----------------------------------*/
/* -------->>> ASSETINFO <<<----------*/
/* -----------------------------------*/

#assetinfo {
	border-right: 1px solid #8b0b6c;
	border-bottom: 1px solid #8b0b6c;
	width: 152px;
	margin-left: 622px;
	margin-top: 0;
}

	#assetinfo dt {
		width: 140px;
		font-size: 100%;
		margin: 0;
		padding: 2px;
		background: url(/img/shade.purple.png) #8b0b6c repeat-y;
		color: #fff;
		padding-left: 10px;
	}

	#assetinfo dd {
		margin: 0;
		padding: 2px;
		padding-left: 10px;
		background: url(/img/shade.white.png) #FFF repeat-y;
	}

		#assetinfo dd.deprecated {
			background: url(/img/shade.deprecated.png) #F7C9C9 repeat-y;
		}

		#assetinfo dd.download {
			margin: 0;
			padding: 2px;
			padding-left: 10px;
			background: url(/img/shade.grey.png) #E8E8E8 repeat-y;
			border-top: 1px solid #8b0b6c;
		}

.assetdescription {}

	.assetdescription th {
		width: 117px;
	}

	.assetinfo h3, .assetdescription h3, .keyword h3 {
		color: #fff;
		background: #8b0b6c;
		width: 117px;
		padding: 2px;
		margin-bottom: 2px;
	}

	.assetinfo h3 {
		width: 119px;
		margin-bottom: 4px;
	}

	.assetdescription td {
		padding: 2px;
		border: 1px solid #CCC;
	}

	.keyword td {
		min-width: 115px;
		border: 1px solid #CCC;
		padding: 2px;
	}

	.assetdescription th {
		background: #E8E8E8;
		font-weight: bold;
		border: 1px solid #CCC;
		padding: 2px;
	}

	.assetinfo .label {
		background: #E8E8E8;
		font-weight: bold;
		border: 1px solid #CCC;
		padding: 2px;
		margin-right: 2px;
		padding-right: 0;
		margin-bottom: 2px;
	}

	.assetinfo .content {
		display: block;
		background: #FFF;
		border: 1px solid #CCC;
		padding: 2px;
		margin: 0;
		margin-bottom: 2px;
		margin-left: 126px;
	}

	.assetinfo .imglabel {
		width: 120px;
		float: left;
		background: #FFF;
		font-weight: bold;
		border: 1px solid #CCC;
		padding: 2px;
		margin-right: 2px;
		padding-right: 0;
		margin-bottom: 2px;
		text-align: center;
	}

	.assetinfo .imgcontent {
		display: block;
		background: #E8E8E8;
		border: 1px solid #CCC;
		padding: 2px;
		margin: 0;
		margin-bottom: 2px;
		margin-left: 126px;
		height: 102px;
	}

	.assetinfo tr {
		width: 50%;
	}

	.assetinfo td {
		white-space: nowrap;
	}

/* -----------------------------------*/
/* ---->>> COLLECTION/RELATION <<<----*/
/* -----------------------------------*/

.collection, .relation {}

	.collection th, .relation th {
		padding-bottom: 2px;
	}

	.collection .img {
		padding: 2px;
		vertical-align: top !important;
		text-align: center;
		margin-left: 5px;
		margin-right: 5px;
		border: 1px solid #CCC;
		vertical-align: middle;
		width: 64px;
		max-width: 64px;
	}

	.relation .img {
		padding: 2px;
		vertical-align: top !important;
		text-align: center;
		margin-left: 5px;
		margin-right: 5px;
		border: 1px solid #CCC;
		vertical-align: middle;
		width: 104px;
		max-width: 104px;
	}

	.collection .name, .relation .name {
		border: 1px solid #CCC;
		background: #E8E8E8;
		margin-right: 5px;
		padding-left: 5px;
		width: 125px;
		max-width: 125px;
	}

	.reference td.img {
		padding: 2px;
		vertical-align: top !important;
		text-align: center;
		margin-left: 5px;
		margin-right: 5px;
		border: 1px solid #AAA !important;
		vertical-align: middle;
		width: 64px;
		max-width: 64px;
		background: #FFF;
	}

	.reference td.name {
		border: 1px solid #AAA !important;
		vertical-align: middle;
		background: #E8E8E8;
		margin-right: 5px;
		padding-left: 5px;
		width: 125px;
		max-width: 125px;
	}

/* -----------------------------------*/
/* ---------->>> COLORBOX <<<----------*/
/* -----------------------------------*/

/* That's most likely old jobpouch stuff. Should be cleaned up one day. */
#colorbox {
	background: #FFF;
	width: 200px;
	margin-top: 10px;
	border: 1px solid #666;
	text-align: center;
}

	#colorbox .color {
		width: 180px;
		height: 20px;
		display: block;
		margin-left: 9px;
		margin-right: 9px;
		margin-top: 5px;
		border: 1px solid #333;
	}

	td .color {
		width: 10px;
		height: 10px;
		display: block;
		float: left;
		border: 3px double #FFF;
		margin: 2px;
	}

#color-wrapper {
	text-align: left;
}

	#color-wrapper ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		#color-wrapper ul li {
			display: inline;
		}

			#color-wrapper ul li a {
				display: block;
				float: left;
				padding: 0 15px;
			}

	#color-wrapper p {
		margin-top: 0;
		padding: 5px;
	}

	#color-wrapper textarea {
		width: 100%;
		height: 100px;
	}

/* -----------------------------------*/
/* ------------>>> JOBS <<<-----------*/
/* -----------------------------------*/

/* That's most likely old jobpouch stuff. Should be cleaned up one day. */

.jobwrapper {
	border-bottom: 5px solid #aaa;
	padding-top: 5px;
}

.jobs_date {
	border-bottom: 5px solid #aaa;
}

.jobs, .jobs_th {
	border-collapse: collapse;
}

	.jobs th {
		z-index: 30;
	}

	.jobs td, .jobs_th td, .jobs_th th {
		margin: 0;
		padding: 3px;
	}

		.jobs th .triangle {
			padding-top: 7px;
			padding-left: 3px;
		}

	.jobs td {
		border-top: 1px solid #424242;
	}

	.jobs_th .jb-active,
	.jobs_th .jm-active,
	.jobs_th .clearance-active,
	.jobs_th .layout-active,
	.jobs_th .prepress-active,
	.jobs_th .dl-active,
	.jobs_th .pdf, .jobs_th .count, .jobs_th .prepress, .jobs_th .document, .jobs_th .state {
		visibility: hidden;
	}

	.jobs_th .jb-active,
	.jobs_th .jm-active,
	.jobs_th .clearance-active,
	.jobs_th .layout-active,
	.jobs_th .dl-active,
	.jobs_th .prepress-active {
		width: 25px;
		text-align: center;
	}

	.jobs .jb-active,
	.jobs .jm-active,
	.jobs .clearance-active,
	.jobs .layout-active,
	.jobs .dl-active,
	.jobs .prepress-active {
		width: 25px;
		text-align: center;
	}

	.jobs_th td, .jobs_th th, .jobs td, .brand td, #box-color-basic td, #box-color-special td {
		vertical-align: middle;
	}

	.jobs .expand, .jobs_th .expand, .brand .expand {
		width: 30px !important;
	}

	.jobs .jobname {
		width: 174px;
	}

	.jobs .jobname_long {
		width: 254px;
	}

	.jobs_th .jobname {
		width: 254px;
	}

	.jobs .jobname_date {
		width: 400px;
	}

	.jobs th.expand {
		height: 24px;
	}

	.jobs .pdf, .jobs_th .pdf {
		width: 100px;
		text-align: center;
	}

	.jobs .count, .jobs_th .count {
		width: 40px;
		text-align: center;
	}

	.jobs .state, .jobs_th .state {
		width: 100px;
		text-align: center;
	}

	.jobs .prepress, .jobs .document {
		width: 88px;
		text-align: center;
	}

	.jobs .prepress span, .jobs .document span {
		cursor: pointer;
	}

	.jobs .dot {
		width: 26px;
		vertical-align: middle;
		text-align: center;
		background: #424242;
		border-top: 1px solid #424242 !important;
	}

	.jobs_th .dot {
		width: 26px;
	}

	.jobs_th .prepress, .jobs_th .document {
		width: 120px !important;
		text-align: center;
	}

	.jobs .viewspacer {
		width: 75px;
	}

	.jobs, .jobs_th {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	.jobs .image {
		width: 80px;
		height: 80px;
	}

	.jobs .noborder td, td.noborder {
		border-top: none;
	}

	td.noborder {
		background: #ccc;
	}

	td.noborder_brown {
		border-top: none;
		background: #ceb078;
	}


/* -----------------------------------*/
/* --------->>> CORRECTION <<<--------*/
/* -----------------------------------*/

#correction {}

	#correction p {}

		#correction p.history {
			clear: both;
		}

		#correction p.process {
			margin: 0 !important;
			padding: 0 !important;
		}

	#correction img {
		float: left;
	}

	#correction .info {
		display: block;
		padding-right: 10px;
	}

	#correction dt, #correction label {
		float: left;
		display: block;
		width: 100px;
	}

	#correction dd, .resize {
		margin-left: 100px;
	}

/* -----------------------------------*/
/* ---------->>> JOBPOUCH <<<---------*/
/* -----------------------------------*/

/* That's most likely old jobpouch stuff. Should be cleaned up one day. */

.darkred {
	/*background: #800;*/
	/*color: #FFF;*/
	border-top: 1px solid #424242 !important;
	background: #cca8a8;
	font-weight: bold;
}

.red {
	/*background: #CF0000;*/
	/*color: #FFF;*/
	border-top: 1px solid #424242 !important;
	background: #cca8a8;
	font-weight: bold;
}

.orange {
	/*background: #F90;*/
	border-top: 1px solid #424242 !important;
	background: #d4c1a3;
}

.green {
	/*background: #00CF00;*/
	border-top: 1px solid #424242 !important;
	background: #a4b5ab;
	margin-left: 35px;
}

#brand-switcher, #filterreset {
	padding-left: 10px;
}

#brand-select {
	padding-top: 3px;
	display: block;
}

.add_color select {
	width: 150px !important;
}

#attribute input, #colors input {
	margin-top: 5px;
}

#jp-basket {
	width: 100% !important;
	margin-top: 15px;
}

#jp-basket, #colors {
	width: 892px;
}

	#jp-basket td {
		vertical-align: middle;
	}

	#jp-basket td, #jp-basket th {
		padding: 0 3px;
	}

	#jp-basket th {
		background: #DDD;
	}

	#jp-basket .headline {
		padding: 0;
	}

	#jp-basket .basket-hint {
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 4px;
	}

	#jp-basket th {
		height: 25px;
		vertical-align: middle;
	}

	#jp-basket .amount {
		border-bottom: 1px solid #aaa;
		width: 20px;
		padding: 0 4px;
	}

	#jp-basket .name {
		border-bottom: 1px solid #aaa;
		width: 300px !important;
	}

	#jp-basket .root-type {
		border-bottom: 1px solid #aaa;
		width: 274px !important;
	}

	#jp-basket .trash {
		border-bottom: 1px solid #aaa;
		text-align: center;
		width: 80px;
		height: 25px;
	}

	#colors td.basic, #colors td.special {
		width: 230px;
	}

	#colors td.add_color {
		width: 350px;
	}

	/* Simple */
#simple {
	padding: 0;
	margin: 0;
	background: #EEE;
}

	#simple form {
		padding: 0;
		margin: 0;
	}

	#simple p {
		padding: 0;
		margin: 0;
	}

/* -----------------------------------*/
/* ---------->>> CONTAINER <<<--------*/
/* -----------------------------------*/

/* That's most likely old jobpouch stuff. Should be cleaned up one day. */

.container, .container div {
	padding: 0;
	margin: 0;
}

.container {
	clear: both;
}

	.container .column {
		float: left;
		margin: 0;
		padding: 5px;
		width: 220px;
	}

	.container .doublecolumn {
		float: left;
		margin: 0;
		padding: 5px;
		width: 432px;
	}

	.container .column-with-break {
		padding: 0 5px;
		clear: both;
		margin: 0;
		width: 220px;
		margin-bottom: 3px;
		margin-top: 4px;
	}

		.container .column.select {
			padding: 0 5px 10px 5px;
		}

	.container select, .container input {
		width: 200px;
	}

.meta-wrapper {
	display: block;
	padding-bottom: 3px;
}

	td.container.no-width input {
		width: auto !important;
	}

	td.container .column {
		width: 210px;
	}

	.container .column-wrapper {
		float: left;
		background: #eee;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.container .border-bottom {
		margin-bottom: 20px;
		border-bottom: 3px solid #aaa;
		padding-bottom: 10px;
	}

.brand {}

	.brand .border-bottom {
		height: 15px;
		border-bottom: 3px solid #aaa;
	}

	.brand .spacer {
		height: 15px;
		background: #CCC;
	}

	.container #jp-basket .odd {
		background: #EEE;
	}
	.container #jp-basket .even {
		background: #EEE;
	}

	.radio {
		width: 12px;
	}

	.radio_label {
		display: inline;
	}

	div.container .column em, div.container .column .normal, div.container em, td.container .column em {
		font-weight: bold !important;
	}

	.container .column input, .container .column select, .container .column textarea {
		margin-top: 3px;
	}

	.container h3 {
		margin: 0;
	}

	.container div.even {
		/*background: #CCC;*/
		padding-top: 5px;
		border-bottom: 3px solid #aaa;
	}

	.container div.odd {
		/*background: #DDD;*/
		padding-top: 5px;
		border-bottom: 3px solid #aaa;
	}

#previous-step {
	text-align: left;
	float: left;
	width: 49%;
	padding-left: 5px;
}

#next-step {
	text-align: right;
	float: right;
	width: 49%;
}

.lightgray, .lightgrey {
	background: #EEE !important;
}

.brown {
	background: #E2D0AE !important;
}


	td.container {
		border-bottom: 3px solid #aaa;
	}

		#showJobContent td.container, .lightbrown {
			border-bottom: 3px solid #ceb078;
		}

.imagecollection {
	border-collapse: collapse;
}

	.imagecollection tr {
		border-bottom: 1px solid #aaa;
	}

.jobticket {
	background: #EEE;
	border-bottom: 5px solid #AAA;
	margin: 0 0 10px 0;
	padding: 5px;
}

.change {
	margin-top: 5px;
}

.update_all {
	height: 20px;
	padding: 5px 0;
	border-bottom: 3px solid #aaa;
}

	.update_all img {
		padding-right: 5px;
		vertical-align: bottom;
	}

	.update_all a {
		line-height: 20px;
	}

.search-inside {
	padding-top: 5px;
}

.no-border {
	border-bottom: none !important;
}

/* show Job inline of table */
.showJob {
	background: #e2d0ae;
}

	.showJob .top-border-brown {
		border-top: 1px solid #424242 !important;
		border-bottom: 1px solid #ceb078 !important;
	}

	.showJob .top-border-lightgrey {
		border-top: 1px solid #424242 !important;
		border-bottom: 1px solid #EEE !important;
	}

	.showJob .top-bottom-border {
		border-top: 1px solid #424242 !important;
		border-bottom: 1px solid #424242 !important;
	}

	.showJob .top-border {
		border-top: 1px solid #424242 !important;
	}

	.showJob td.brown {
		background: #ceb078 !important;
	}

#showJobContent{}

	#showJobContent form {
		margin: 0;
		padding: 0;
	}

	#showJobContent .showJobContent {
		vertical-align: top;
	}

.history-process {
	margin-top: 5px !important;
}

	hr.c {
		height: 1px;
		border: none;
		border-top: 1px solid #ceb078;
		background: #e2d0ae;
		padding: 2px 0;
	}

.triangle_small {
	padding-right: 3px;
}

.reindent {
	background: #DDD !important;
}

/* Autocomplete */
span.auto_complete {
	width: 200px !important;
	background: #fff;
	/*font-size: 80% !important;*/
}

	span.auto_complete ul {
		border: 1px solid #888;
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
		list-style: none !important;
	}

		span.auto_complete ul li {
			margin: 0 !important;
			padding: 3px !important;
		}

			span.auto_complete ul li.selected {
				background: #FFF !important;
				color: #000;
			}

			span.auto_complete ul strong.highlight {
				color: #800;
				margin: 0 !important;
				padding: 0 !important;
			}

/* -----------------------------------*/
/* ---------->>> DISPATCHES <<<-------*/
/* -----------------------------------*/

#dispatches {
	width: 100%;
}

	#dispatches .jobno {
		width: 15%;
	}

	#dispatches .costunit {
		width: 12%;
	}

	#dispatches .jobname {
		width: 18%;
	}

	#dispatches .method {
		width: 10%;
	}

	#dispatches .time {
		width: 5%;
	}

	#dispatches .recipient {
		width: 20%;
	}

	#dispatches .user {
		width: 17%;
	}

	#dispatches .created {
		width: 13%;
	}

/* -----------------------------------*/
/* ------->>> TRACKINGORDERS <<<------*/
/* -----------------------------------*/

#trackingOrders {
	width: 100%;
}

	#trackingOrders .orderNo {
		width: 10%;
	}

	#trackingOrders .costUnit {
		width: 12%;
	}

	#trackingOrders .shippingMethod {
		width: 12%;
	}

	#trackingOrders .orderSize {
		width: 10%;
	}

	#trackingOrders .varPrice {
		width: 8%;
	}

	#trackingOrders .fixedPrice {
		width: 12%;
	}

	#trackingOrders .shippingPrice {
		width: 12%;
	}

	#trackingOrders .shippingDate {
		width: 12%;
	}

	#trackingOrders .totalPriceNet {
		width: 12%;
	}

	#trackingOrders h3 {
		padding-top: 10px;
		color: #3333cc;
	}

/* -----------------------------------*/
/* -------->>> SORTABLETREE <<<-------*/
/* -----------------------------------*/

#sortable_tree {
	list-style: none;
}

	#sortable_tree ol {
		margin-left: 2em;
		list-style: none;
	}

		#sortable_tree li {
			font-weight: bold;
			cursor: move;
		}

		#sortable_tree li li {
			font-weight: normal;
		}

	#sortable_tree .drag {
		background: #C585B6;
		border: 1px dotted #8B0B6C;
	}

.sortable {
	background: #e5c8de;
	border: 1px solid #C585B6;
	width: 200px;
	height: 560px;
}

	.sortable ul {
		list-style: none;
		margin: 0 !important;
		padding: 0 !important;
			height: 350px;
	}

		.sortable ul li {
			background: #C585B6;
			cursor: move;
			padding: 5px;
			margin: 2px;
			border: 1px solid #8B0B6C;
		}

/* -----------------------------------*/
/* -------->>> DOCUMENTNAV <<<--------*/
/* -----------------------------------*/

#documentnav {
	list-style: none;
	width: 90%;
	float: left;
}

	#documentnav ul {
		list-style: none;
	}

	#documentnav li {
		clear: both;
	}

	#documentnav dl {
		clear: both;
		border-top: 1px dotted #CCC;
		padding-top: 2px;
	}

		#documentnav dl:hover {
			background: #C585B6;
		}

		#documentnav dt {
			float: left;
		}

		#documentnav dd {
		}

/* -----------------------------------*/
/* ----------->>> BUTTONS <<<---------*/
/* -----------------------------------*/

/*
	Finally, Buttons with Sliding Doors
	Hard way, but we made it
	The trick is: No height for button element and the left door has to be the large part
*/

button {
	border: 0;
	background: url(/img/button-right.png) right no-repeat;
	cursor: pointer;
	font-weight: bold;
	padding: 0 20px 0 0;
	text-align: center;
}

	button span {
		background: url(/img/button-left.png) left no-repeat;
		color:#fff;
		display: block;
		height: 21px;
		line-height: 21px;
		padding: 0 0 0 20px;
		position: relative;
		white-space: nowrap;
	}

button:hover {
	background: url(/img/button-right-hover.png) right no-repeat;
}

	button:hover span {
		background: url(/img/button-left-hover.png) left no-repeat;
	}

/* -----------------------------------*/
/* ---------->>> INDESIGN <<<---------*/
/* -----------------------------------*/

#indd th, #indd td {
	padding: 2px;
	vertical-align: middle;
}

#indd .document th, #indd .document td {
	background: #8B0B6C;
	color: #FFF;
}

#indd .has-asset td {
	background: #C4AC32;
}

/* -----------------------------------*/
/* ------->>> MEDIAOVERVIEW <<<-------*/
/* -----------------------------------*/

#mediaoverview {}

	#mediaoverview td, #mediaoverview th {
		padding: 4px;
	}

	#mediaoverview .active {
		background: #080;
		color: #FFF;
	}

	#mediaoverview .not-active {
		background: #800;
		color: #FFF;
	}

	#mediaoverview td.active, #mediaoverview td.not-active {
		text-indent: -999em;
	}

/* -----------------------------------*/
/* ------->>> BROWSEBUTTON <<<--------*/
/* -----------------------------------*/

.browseButton {
	width: 18px;
	height: 18px;
}

.browseButtonLeft {
	background-image: url(/img/browse-left-inactive.jpg);
	float: left;
}

.browseButtonRight {
	background-image: url(/img/browse-right-active.jpg);
	float: right;
}

.browseControls {
	position: relative;
	top: 50px;
	margin: auto;
}

/* -----------------------------------*/
/* -------->>> ADDRESSTOOL <<<--------*/
/* -----------------------------------*/

/* Address-Tool Popup */
#addresstoolpopup {
	display: none;
	position: absolute;
	background-color: white;
	border: 1px solid black;
	top: 10px;
	left: 10px;
}

#addresstoolpopup iframe {}

#addresstoolpopup .closeButton {
	cursor: pointer;
	width: 18px;
	height: 18px;
	background-image: url(/img/close.jpg);
	position: absolute;
	right: 10px;
	top: 5px;
}

#more-shipping-addresses p {
	margin-bottom: 0;
}

#more-shipping-addresses a {
	margin-left: 10px;
}

input#b_address, input#e_address, input#s_address {
	position: absolute;
	top: 140px;
}