@font-face {
	font-family: Frutiger;
	font-weight: 400;
	src: url(fonts/frutiger.ttf);
}
@font-face {
	font-family: "Frutiger Cn";
	font-weight: normal;
	src: url(fonts/frutiger_cn.ttf);
}
@font-face {
	font-family: Interstate;
	font-weight: normal;
	src: url(fonts/interstate_regular.ttf);
}
@font-face {
	font-family: Interstate;
	font-weight: bold;
	src url(fonts/interstate_bold.ttf);
}

body {
	background: #e9e9e9;
	color: #000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:80%;
	margin: 0;
}
body.ajaxprogress {
	cursor: progress !important;
}
body.ajaxprogress a:hover {
	cursor: progress !important;
}
#noscript {
	background-color: #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d5d5d5));
	background-image: -moz-linear-gradient(top, #f2f2f2, #d5d5d5);
	border: 1px solid #808080;
	-webkit-box-shadow: 0 1px 10px #f00;
	-moz-box-shadow: 0 1px 10px #f00;
	box-shadow: 0 1px 10px #f00;
	font-size: 100%;
	font-weight: bold;
	left: 22%;
	padding: 3%;
	position: absolute;
	top: 150px;
	text-align: center;
	text-shadow: #fff 0px 1px 0px;
	width: 50%;
	z-index: 100;
}
a {
	color: #333;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration:none;
}
a img {
	border:none;
}
address {
	background-color: #F5F5F5;
	font-style: normal;
	padding: 5px;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
	margin:0.5em 0;
}
h1 {
	font-size: 190%;
}
h2 {
	font-size: 165%;
	margin: 0 0 6px 0;
	text-shadow: #fff 0px 1px 0px;
	width: 70%;
}
#content > h2 {
	margin-top: -30px;
}
h3 {
	font-size: 140%;
}
h3.box-header, h4.box-header {
	margin: 0 -7px 10px;
	padding: 5px 12px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d5d5d5));
	background-image: -moz-linear-gradient(top, #f2f2f2, #d5d5d5);
	border-bottom: 1px solid #808080;
	text-shadow: #fff 0px 1px 0px;
}
h4.box-header {
	margin : -3px -7px 10px;
	padding: 5px 7px;
}
h4.box-header img {
	vertical-align: text-bottom;
}

h4 {
	color: #666;
	font-weight: bold;
}
h5 {
	color: #333;
	font-weight: bold;
}
ul, li {
	margin: 0 12px;
}
hr {
	border: 1px solid;
	border-bottom: 0;
	height: 1px;
}
ol {
	margin-top: 4px;
}

#container {
}

#header { 
	background-image: url(images/header_joku_1000x100px.jpg);
	height: 90px;
	position: relative;
}
#header h1, #header h2, #header h3 {
	margin: 0;
	padding: 0;
}
#header h1 a, #header h2 a, #header h3 a {
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -9999em;
}
#header h1 a {

	background-image: url(images/logo_button_eckig_75x70px.png); 
	height: 70px;
	width: 75px;
	left: 20px;
	top: 10px;
}
#header h2 a {
	background-image: url(images/header_logo_mitte_308x66px.pngxxx);
	width: 308px;
	height: 66px;
	top: 45px;
	left: 350px;
}
#header h3 a {

	background-image: url(images/header_logo_mitte_381x76px.png);
	width: 381px;
	height: 76px;
	top: 13px;
	right: 80px;
}
#header .logout a {
	display: block;
	margin-top: 10px;
}
div.menu {
	background-image: url(images/navigation_top_bg.png);
	height: 19px;
	padding: 4px 0 0 6px;
}
div.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.menu ul li {
	float: left;
	margin: 0;
}
div.menu ul li a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 8px 2px;
	text-decoration: none;
	text-shadow: 0 0 2px #FFFFFF
}
div.menu ul li a:hover {
	background-color: rgba(255,255,255,0.3);
	color: #555;
}
div.menu ul li ul {
	background-color: #eee;
	border: 1px solid #666;
	display: none;
	position: absolute;
	z-index: 10;
}
div.menu ul li:hover ul {
	display: block;
}
div.menu ul li ul li {
	float: none;
}
div.menu ul li ul li a {
	font-size: 11px;
	padding: 6px;
}
div.menu ul li ul li a:hover {
	background-color: #FFFDEB;
	color: #000;
}


div.menu .user {
	color: #333;
	float: right;
	font-size: 11px;
	margin-right: 20px;
}
div.menu .user img {
	vertical-align: text-bottom;
}

#tickets {
	float: right;
	margin-right: 10px;
	position: relative;
}
#tickets #ticket_types {
	background-color: #F5F6C4;
	border: 1px solid #000;
	bottom: 24px;
	left: 5px;
	display: none;
	padding: 3px 3px 0;
	position: absolute;
	width: 38px;
	z-index: 2;
}
#tickets #ticket_types img {
	margin: 0 5px 3px 0;
	vertical-align: text-top;
}

#messages {
	display: inline-block;
}
#unread_messages {
	display: none;
	position: relative;
}
#unread_messages a {
	text-decoration: none;
}
#unread_messages #message_count {
	background-color: #fabb00;
	border: 1px solid #fff;
	bottom: 3px;
	box-shadow: 0px 0px 25px #fff;
	font-size: 45px;
	left: -22px;
	padding: 0 5px;
	position: absolute;
	text-align: center;
	width: 45px;
	text-decoration: blink;
}
#unread_messages .notch-small {
	background-image: url(images/notch-small.png);
	background-repeat: no-repeat;
	bottom: 0;
	height: 4px;
	left: 4px;
	position: absolute;
	width: 9px;
}

#breadcrumb {
	background-color: #f0f0f0;
	color: #aaa;
	display: block;
	font-size: 80%;
	padding: 10px 20px;
	text-align: right;
}
#breadcrumb a {
	color: #666;
}
#content{
	clear: both;
	color: #333;
	margin: 0 auto 2px;
	padding: 3px 10px 20px;
	position: relative;
	width: 1230px;
}
#content .card a {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e5e5));
	background-image: -moz-linear-gradient(top, #fff, #e5e5e5);
	border: 1px solid #888;
	float: left;
	margin: 0 20px 20px 0;
	padding: 15px;
}
#content .card a:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#F7F7F7));
	background-image: -moz-linear-gradient(top, #F7F7F7, #F7F7F7);
}
#content .sidebar {
	border-right: 1px solid #a7a7a7;
	padding: 5px 0 0 5px;
}
#content .sidebar h3 {
	font-size: 120%;
	margin-top: 0;
	padding-top: 0;
}
#content .sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#content .sidebar ul li {
	margin: 0;
}
.bottom-controls {
	margin: -4px 0 0 20px;
}
.StatSum {
	background-color: #f4f4f4;
	background-image: -moz-linear-gradient(left top, #FFFFFF 0%, #EEEEEE 100%);
	border: 1px solid #666;
	border-radius: 0 0 5px 5px;
	box-shadow: 1px 2px 2px #666;
	display: inline-block;
	font-size: 120%;
	font-weight: bold;
	height: 36px;
	margin-top: -12px;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}
#Ek, #Sum, #Earning {
	width: 80px;
}
#ProjectAuftragsnummerBottom {
	background-color: #000;
	background-image: none;
	border-color: #aaa;
	color: #fff;
	font-size: 140%;
	height: auto;
	left: 1162px;
	padding: 3px 7px;
	position: absolute;
	top: 11px;
	width: 70px;
}
#footer {
	border-top: 1px solid #a7a7a7;
	clear: both;
	font-size: 75%;
	margin-bottom: 75px;
	padding: 5px 10px;
	position: relative;
	text-align: right;
}

/** containers **/
div.grid2 {
	margin-right: 15px;
	width: 566px;
}
div.box-content div.grid2 {
	width: 544px;
}
.ui-tabs-panel div.grid2 {
	width: 550px;
}
div.grid2.last {
	margin-right: 0;
}
div.grid3 {
	margin-right: 12px;
	width: 355px;
}
div.grid3.last {
	margin-right: 0;
}
div.grid4 {
	width: 23%;
}
.float {
	clear: none !important;
	float: left !important;
}
.float.right {
	clear: none !important;
	float: right !important;
}
.float.margin {
	margin-right: 10px;
}
.border-right {
	border-right: 1px solid #aaa;
}
.clear {
	clear: left;
}
.hidden {
	display: none !important;
}
.invisible {
	visibility: hidden;
}

.grey_box {
	background-color: #f5f5f5;
	padding: 5px;
}

.right-controls {
	float: right;
}

.total_records {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #666;
	float: right;
	font-weight: bold;
	margin-top: -11px;
	padding: 2px 5px;
}

.red {
	color: #ff3200;
}
.green {
	color: #16ba00;
}

.center {
	text-align: center;
}
.unread {
	font-weight: bold;
}

.highlight {
	background-color: #fdfec7;
	color: #000;
}
.highlight td {
	background-color: #fdfec7;
}

img.align_texttop {
	vertical-align: text-top;
}
img.align_bottom {
	vertical-align: bottom;
}
img.img-link {
	cursor: pointer;
	vertical-align: bottom;
}
img.close {
	cursor: pointer;
}

.time-input {
	text-align: center;
	width: 35px;
}

div.form,
div.index,
div.view {
	clear: both;
}
div.form {
}
div.actions {
	float: right;
	font-size: 80%;
}
div.actions a {
	display: block;
	margin-bottom: 3px;
	text-decoration: none;
}
div.actions a img {
	margin-right: 4px;
	vertical-align: bottom;
}
div.actions h3 {
	padding-top:0;
	color:#777;
}
h4.box-header .search {
	float: right;
	margin: 0;
	padding: 0;
}
h4.box-header .search a {
	background-image: url(../img/icons/magnifier.png);
	background-position: 50%;
	background-repeat: no-repeat;
	border: 1px solid transparent;
	border-bottom: 0;
	-moz-border-radius: 3px 3px 0 0;
	display: block;
	height: 14px;
	padding: 3px;
	text-indent: -9999em;
	width: 16px;
}
h4.box-header .search a:hover, h4.box-header .search a.open {
	background-color: #f2f2f2;
	border-color: #aaa;
}
div.search {
	font-size: 80%;
}
div.result {}
div.result span.result-count {
	font-size: 80%;
}
#more {
	-moz-border-radius: 5px;
	background-color: #f9f9f9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e6e6e6));
	background-image: -moz-linear-gradient(top, #f9f9f9, #e6e6e6);
	border: 1px solid #aaa;
	clear: left;
	font-weight: bold;
	margin: auto;
	padding: 10px;
	text-align: center;
	width: 75%;
}
#more:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f9f9f9));
	background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
	cursor: pointer;
}
div.box-content {
	background-color: #fefefe;
	border: 1px solid #aaa;
	margin-bottom: 5px;
	padding: 4px 7px;
}
div.box-content.right {
	margin: 0 0 10px 1%;
}
div.box-content.grid2 {
	width: 550px;
}
.ui-tabs-panel div.box-content.grid2 {
	width: 530px;
}
div.box-content .grid3 {
	width: 350px;
}
.ui-dialog div.box-content.grid2 {
	margin-right: 10px;
	width: 48%;
}
.ui-dialog div.box-content.grid2.last {
	margin-right: 0;
}
.ui-dialog div.box-content.grid3 {
	width: 350px;
}

.clearer {
	clear: both;
	visibility: hidden;
}
.sorter {
	color: #666;
	margin: 0 0 5px;
	font-size: 90%;
}
.sorter a {
	color: #666;
	margin-right: 5px;
}

div.lock {
	background-image: url(../img/icons/lock.png);
	cursor: pointer;
	display: inline-block;
	height: 16px;
	width: 16px;
}
div.lock.open {
	background-image: url(../img/icons/lock_open.png);
}

/*** USER PROFILE ***/
#profile {}
#profile dl {
	float: left;
	width: 450px;
}
#profile #UserChangepasswordForm {
	clear: none;
	float: left;
	opacity: 0.5;
}
/*** USER PROFILE END ***/

.readonly[disabled] {
	background-color: #fffacf;
	color: #999;
}
.readonly {
	background-color: #FFEBEB;
	color: #000;
}

/*** ADDRESS INDEX ***/
#AddressSearchConditions .checkbox, #ProjectSearchConditions .checkbox {
	clear: none;
	float: left;
	margin: 0 10px 0 0;
}
#AddressSearchConditions .checkbox label, #ProjectSearchConditions .checkbox label {
	width: auto;
}
#conditionsTypes {
	float: left;
	margin-right: 20px;
}
#AddressDisplayOptions, #ProjectDisplayOptions {
	float: right;
}
#AddressDisplayOptions label, #ProjectDisplayOptions label {
	margin-top: 0;
}
.display-option {
	margin: 0 0 0 1px;
	vertical-align: sub;
}
.addresses td {
	white-space: nowrap;
	overflow: hidden;
}
.conditions input {
	font-size: 85%;
}
.supersearch {
	background: transparent url(../img/icons/bullet_plus.png) no-repeat left top;
	border: 0;
	height: 8px;
	padding: 0;
	position: relative;
	text-indent: -9999em;
	top: 7px;
	width: 8px;
}
.supersearch:hover {
	background-position: bottom;
}
#conditionsAddressNumber {
	width: 57px;
}
#conditionsKurzname {
	width: 65px;
}
#conditionsName1 {
	width: 145px;
}
#conditionsName2 {
	width: 105px;
}
#conditionsStreet {
	width: 140px;
}
#conditionsZip {
	width: 32px;
}
#conditionsCity {
	width: 88px;
}
#conditionsAddressSectionId {
	position: absolute;
	width: 65px;
}
#big_address_section {
	display: inline;
	float: right;
	margin-top: 2px;
}
#conditionsStichworte {
	width: 85px;
}
#conditionsAblage {
	width: 15px;
}
#conditionsDebitor, #conditionsKreditor {
	width: 32px;
}
img.switch-top-address, img.switch-top-project {
	cursor: pointer;
}
.addresses.info h3 {
	margin-top: 0;
}
#AddressInfo, #AddressCommunication, #ClientEmployeeInfo, #ClientEmployeeCommunication {
	float: left;
	margin-bottom: 10px;
}
#AddressInfo, #ClientEmployeeInfo {
	width: 300px;
}
#AddressCommunication, #ClientEmployeeCommunication {
	width: 280px;
}
/*** ADDRESS INDEX END ***/

/*** ADD ADDRESS FORM ***/

#AddressSearchForm {
	position: relative;
}
#AddressSearchForm div.label_above {
	position: relative;
}
#AddressSearchForm label {
	color: #777;
	position: absolute;
	left: 6px;
	top: 3px;
}
#AddressSearchForm label.focused {
	color: #ccc;
}
#AddressSearchForm label.entered {
	z-index: -1;
}
#AddressSearchFormName label {
	width: 75px;
}
#AddressSearchFormName input[type="text"] {
	font-size: 140%;
	margin-bottom: 5px;
}
.conditions input[type="image"] {
	background: -webkit-gradient(linear, left top, left bottom, from(#dfffc9), to(#98d474));
	background-image: -moz-linear-gradient(top, #dfffc9, #98d474);
	margin: 0;
	padding: 3px 2px;
	vertical-align: bottom;
}
button[type="reset"] {
	background:#ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#e39c86), to(#b14c3e));
	background-image: -moz-linear-gradient(top, #e39c86, #b14c3e);
	border: 1px solid #888;
	color: #333;
	cursor: pointer;
	margin-top: 1px;
	padding: 2px 3px;
	text-shadow: #ddd 0px 1px 0px;
}
.conditions button[type="reset"]:hover, .conditions button[type="reset"]:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#f09479), to(#af2e1c));
	background-image: -moz-linear-gradient(top, #f09479, #af2e1c);
}
button[type="reset"]#reset_options {
	margin-top: 0;
	padding: 0 3px;
}
#AddressSearchForm .ajaxLoading, #AddressSearchFormName .ajaxLoading {
	position: absolute;
	right: 0px;
	top: 0px;
}
#AddressSearchResults {
	position: relative;
}
#AddressSearchResults table {
	width: auto;
}
#searchKurzname {
	width: 120px;
}
#address-search-dialog #searchKurzname {
	background-image: url(../img/icons/add_bde.png);
	background-position: right center;
	background-repeat: no-repeat;
	width: 110px
}
#searchName1, #searchName2 {
	width: 180px;
}
#address-search-dialog #searchName1, #address-search-dialog #searchName2 {
	width: 130px;
}
#searchStreet {
	width: 170px;
}
#address-search-dialog #searchStreet {
	width: 140px;
}
#searchZip {
	width: 38px;
}
#searchCity {
	width: 140px;
}
#address-search-dialog #searchCity {
	width: 150px;
}
#searchAddressSectionId {
	width: 100px;
}
#AddressCheck {
	margin: -1px 0;
}
#AddressAddForm div.input, #AddressEditForm div.input {
	margin-right: 10px;
}
#AddressFirstBox {
	margin-left: 22px;
	width: 120px;
}
#AddressSection select {
	background-color: #fffacf;
}
#AddressSection.open select {
	background-color: #FFEBEB;
}
label[for="AddressAddressSectionId"] {
	margin: 0 3px 3px 0;
}
#AddressFormDiv {
	width: 110px;
}
#AddressFormDiv fieldset {
	background-color: #fffacf;
	margin: 19px 0 0 0;
	padding: 4px 4px 0;
	position: relative;
}
#AddressFormDiv.open fieldset {
	background-color: #FFEBEB;
}
#AddressFormDiv fieldset legend {
	color: #444;
	font-size: 100%;
	font-weight: normal;
	position: absolute;
	top: -24px;
}
#AddressFormDiv fieldset label {
	width: auto;
}
#AddressDates {
	font-size: 10px;
	margin-left: 20px;
}
#AddressQuelle, #ZielZiel, #BereichBereich, #AnlassAnlass {
	width: 145px;
}
#AddressStatus {
	position: relative;
}
#AddressStatus #unlock_state {
	bottom: 5px;
	cursor: pointer;
	position: absolute;
	right: 5px;
	z-index: 11;
}
#locklayer {
	background-color: transparent;
	height: 116px;
	right: 0;
	position: absolute;
	top: 21px;
	width: 635px;
	z-index: 10;
}
.box {
	background-color: #888;
	border: 1px solid #999;
	border-bottom: 0;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	padding: 0 5px;
	text-shadow: none;
}
#AddressStatus .box {
	position: absolute;
	top: 2px;
	right: 0;
}
.StorageCharacter {
	color: #ffcc00;
}
h2 .box {
	font-size: 100%;
	text-shadow: none;
}
#AddressStatus > label {
	float: none;
	margin: 2px 0 3px 0;
}
#AddressStatus #inner {
	background-color: #fffacf;
	border: 1px solid #999;
	height: 110px;
	padding: 2px;
	width: 365px;
}
#AddressStatus.open #inner {
	background-color: #FFEBEB;
}
#AddressStatus #inner .checkbox label {
	height: 14px;
	text-align: right;
	width: 70px;
}
#AddressStates {
	background-color: transparent;
	border: 0;
	float: left;
	width: auto;
}
#AddressStates tr {
	
}
#AddressStates th, #AddressStates td {
	background-color: transparent;
	border: 0;
	vertical-align: top;
}
#AddressStates th {
	padding: 3px 2px 2px !important;
}
#AddressStates td {
	padding: 0px 2px !important;
}
#AddressStates input[type=radio] {
	float: none;
	margin: 0;
}
#AddressStates select[disabled=disabled] {
	color: #ccc;
}
#AddressGeneralGroupId, #AddressClientGroupId, #AddressDistributorGroupId, #AddressPrivateGroupId {
	font-size: 10px;
	margin: 0 5px 0 0;
	padding: 0;
	width: 95px;
}
#client_nr, #distributor_nr {
	font-size: 17px;
	font-weight: bold;
	padding: 0 2px;
}
#AddressDebitor, #AddressKreditor {
	font-size: 14px;
	font-weight: bold;
	height: 12px;
	padding: 1px;
	text-align: center;
	vertical-align: top;
	width: 75px;
}
#AddressDebitor {
	color: #12b501;
}
#AddressKreditor {
	color: #000e93;
}
#AddressAblage {
	padding: 0;
}

#AddressInfos, #AddressCommunications, #AddressGroups {
	float: left;
	width: 405px;
}
.ClientEmployeeInfos {
	float: left;
	width: 385px;
}

#AddressGroups {
	margin-right: 8px;
	width: 272px;
}
#AddressAddressSectionId {
	width: 132px;
}
#AddressAkquise, #AddressGroups #UserUser {
	width: 60px;
}
#AddressContactVia {
	width: 100px;
}
#AddressKontakt, #AddressDaDaten {
	height: 50px;
	width: 220px;
}
#AddressInfos label, .ClientEmployeeInfos label {
	width: 80px;
}
#AddressInfos input {
	width: 295px;
}
#AddressInfos #AddressAnrede {
	width: 135px;
}
#AddressInfos #AddressTitel {
	width: 125px;
}
#AddressInfos #AddressAblage {
	width: 50px;
}
#AddressInfos #AddressLand, .ClientEmployeeInfos .ClientEmployeeLand {
	margin-right: 10px;
	width: 25px;
}
#AddressInfos #AddressSprache, .ClientEmployeeInfos .ClientEmployeeSprache {
	width: 75px;
}
#AddressInfos #AddressZip, #AddressInfos #AddressPlzPostfach, .ClientEmployeeInfos .ClientEmployeeZip, .ClientEmployeeInfos .ClientEmployeePlzPostfach {
	width: 45px;
}
#AddressInfos label.AddressCity, .ClientEmployeeInfos label.ClientEmployeeCity {
	width: 38px;
}
#AddressInfos #AddressCity, .ClientEmployeeInfos .ClientEmployeeCity {
	width: 144px;
}
#AddressInfos #AddressPostfach {
	width: 176px;
}
#AddressInfos #AddressCommunications, .ClientEmployeeInfos .ClientEmployeeCommunications {
	margin-top: 2px;
	width: 335px;
}
#AddressCommunications .add_communication, .ClientEmployeeCommunications .client_add_communication {
	margin-right: 3px;
}
#AddedCommunications, .ClientEmployeeAddedCommunications {
	margin-top: 5px;
}
#AddedCommunications label, .ClientEmployeeAddedCommunications label {
	width: 60px;
}
#AddedCommunications input, .ClientEmployeeAddedCommunications input {
	float: left;
	margin-right: 5px;
	width: 184px;
}
.sort {
	text-align: right;
	width: 28px !important;
}
#AddedCommunications div.input, .ClientEmployeeAddedCommunications div.input {
	padding: 0;
}
#AddedCommunications input[type="checkbox"], .ClientEmployeeAddedCommunications input[type="checkbox"] {
	clear: none;
	width: auto;
}
#AddedCommunications a.delete_communication img, .ClientEmployeeAddedCommunications a.client_delete_communication img {
	vertical-align: middle;
}

#AddressBranch, #SubbranchSubbranch, #TradeTrade {
	width: 165px;
}

#AddressSpecifications {
	float: left;
	margin-left: 30px;
	width: 500px;
}
#AddressZahlungsmoral, #AddressQualiWebsite, #AddressMitarbeiterzahl, #AddressKlamotten {
	width: 150px;
}
#AddressBemerkung {
	height: 110px;
	width: 600px;
}

#AddressBankaccount {
	float: left;
}
#AddressBankaccount label {
	width: 100px;
}
#AddressAccountMore {
	float: left;
}
#AddressKondition {
	width: 145px;
}

.ClientEmployeeSort {
	margin-bottom: 0;
	text-align: right;
	width: 28px;
}
.ClientEmployeeInfos input {
	width: 280px;
}
.ClientEmployeeInfos .ClientEmployeeAnrede {
	width: 115px;
}
.ClientEmployeeInfos .ClientEmployeeTitel {
	width: 130px;
}
.ClientEmployeeInfos .ClientEmployeeKurzname {
	width: 250px;
}
.ClientEmployeeInfos .ClientEmployeePostfach {
	width: 161px;
}

.ClientEmployeeJob {
	float: left;
	width: 205px;
}
.ClientEmployeeBirthday {
	float: left;
	width: 174px;
}
.ClientEmployeeGender label {
	width: 80px;
}
#AddressAddForm .ClientEmployeeGender div.input, #AddressEditForm .ClientEmployeeGender div.input {
	margin-right: 0;
}
.ClientEmployeeGeburtstag, .ClientEmployeeGeburtstagHelper {
	width: 71px !important;
}
.ClientEmployeeJob {
	float: left;
	width: 209px;
}
.ClientEmployeeBeruf, .ClientEmployeePosition, .ClientEmployeeAbteilung {
	width: 112px !important;
}
.ClientEmployeeTaetigkeit {
	width: 106px !important;
}
.ClientEmployeeCommunications {
	float: left;
	width: 335px;
}
.ClientEmployeeSpecifications {
	float: left;
	width: 110px;
}
.ClientEmployeeKompetenz, .ClientEmployeeCharakter, .ClientEmployeeErreichbarkeit {
	width: 115px;
}
#ClientEmployeeTable {
	clear: none;
	float: left;
	margin-right: 20px;
	width: 280px;
}

#added-clientsubs {
	width: 650px;
}
.clientsub-name, .clientsub-alias {
	width: 250px;
}

#lock {
	bottom: 15px;
	cursor: pointer;
	height: 48px;
	left: 400px;
	position: fixed;
	width: 48px;
	z-index: 20;
}
#lock.closed {
	background-image: url(../img/icons/lock_big.png);
}
#lock.open {
	background-image: url(../img/icons/lock_big_open.png);
}

.client_sub h4 {
	color: #555;
	cursor: pointer;
	margin: 0;
	padding: 3px;
}
.client_sub h4.clicked {
	background-color: #FFFACF;
}
/*** ADD ADDRESS FORM END ***/

/*** PROJECT INDEX ***/
label[for="conditionsAddressSection"] {
	width: auto;
}
#conditionsAddressSectionDiv {
	display: inline-block;
	padding: 0;
	width: 170px;
}
#conditionsAddressSectionIdDiv {
	display: inline-block;
	position: relative;
	z-index: 1;
}
#address_section_search {
	background-color: #fff;
	left: 132px;
	padding: 0 3px;
	position: absolute;
	top: 3px;
}
#ProjectSearchConditions #conditionsAddressSectionId,
#ProjectSearchConditions #conditionsAddressSection,
#AddressSearchConditions #conditionsAddressSectionId,
#AddressSearchConditions #conditionsAddressSection {
	margin-bottom: 0;
	width: 130px;
}
#ProjectSearchConditions #conditionsAddressSectionId {
	position: absolute;
}
#conditionsAuftragsnummer {
	width: 28px;
}
#conditionsVersion {
	width: 7px;
}
#conditionsAddressName1 {
	width: 140px;
}
#conditionsClientsubName {
	width: 100px;
}
/*** PROJECT INDEX END ***/

/*** ADD PROJECT FORM ***/
#Project1 {
	position: relative;
	min-height: 157px;
}
#ProjectClient, #AddressData, #ClientEmployeeData, #ProjectType  {
	float: left;
}
#ProjectClient {
	margin-right: 5px;
	width: 262px;
}
#AddressData, #ClientEmployeeData {
	margin-right: 5px;
	overflow: hidden;
	width: 290px;
	white-space: nowrap;
}
#ProjectClient label {
	width: 85px !important;
}
#ProjectType {
	width: 180px;
}
#ProjectType label {
	width: 60px;
}
#ProjectState {
	width: 100px;
}
#ProjectNumber {
	background-color: #000;
	color: #fff;
	font-size: 165%;
	font-weight: bold;
	padding-right: 5px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	width: 91px;
}
.project-stati {
	border-left: 1px solid #aaa;
	height: 19px;
	padding: 0 0 0 5px;
	position: absolute;
	right: 0;
	width: 95px;
}
.project-stati label {
	margin-bottom: 0;
	margin-top: 1px;
	width: 67px;
}
#ProjectDeactivate {
	background-color: #ddd;
	top: 25px;
}
#ProjectAbrechnungs {
	background-color: #ffebeb;
	top: 44px;
}
#ProjectIntern {
	background-color: #FFFACF;
	top: 63px;
}
#ProjectPeriod {
	background-color: #d6e8ff;
	top: 82px;
}

#ProjectUsers {
	position: absolute;
	right: 0;
	top: 100px;
}
#ProjectUsers div {
	padding: 0;
}
#UserUser {
	padding: 0;
	width: 96px;
}
#ProjectAuftragsnummer {
	width: 100px;
}
#ProjectVersion {
	text-align: center;
	width: 17px;
}
#ProjectAddressId, #ProjectClientSubId, #ProjectClientEmployeeId {
	margin-right: 3px;
	width: 150px;
}
#ProjectAddressId[disabled], #ProjectClientSubId[disabled] {
	background-color: #eee;
	color: #555;
}
#add_address, #address_search {
	cursor: pointer;
}
#ProjectBestellerFrei {
	width: 144px;
}
#ProjectPriority {
	width: 94px;
}
#ProjectBestDatumHelper, #ProjectDeadlineHelper {
	width: 88px;
}
#ProjectState, #ProjectReferenceId {
	width: 94px;
}

#Project2 label {
	width: 50px;
}
#ProjectData, #ProjectTexts, #ProjectOrder {
	float: left;
}
#DivTasks {
	border: 1px solid #aaa;
	height: 272px;
	overflow: auto;
}
#TaskInformation {
	float: left;
	margin: 1px 0 0 2px;
	width: 16px;
}
#TaskInformation img {
	margin-top: 1.55px;
}
#MainTaskId {
	clear: none;
	float: left;
	width: 10px;
}
#MainTaskId label {
	display: none;
}
#MainTaskId input {
	display: block;
	margin: 4px 3px 3px 0;
}
#TaskId {
	clear: none;
	float: left;
}
#TaskId div.active label {
	background-color: #FFFACF;
}
#TaskId input {
	clear: none;
	float: left;
	height: 15px;
}
#TaskId label {
	margin-bottom: 4px;
	margin-left: 3px;
	width: 265px;
	white-space: pre;
}
#TaskId .checkbox {
	white-space: nowrap;
}
#ProjectKuerzel {
	text-align: center;
	width: 32px;
}

#ProjectMessages {}
#ProjectMessages th, #ProjectMessages td {
	padding: 3px 8px;
}

#ProjectJobtext {
	width: 343px;
}
#ProjectObjekt, #ProjectClientJobtext {
	width: 385px;
}
#ProjectClientJobtextLong {
	height: 80px;
	width: 385px;
}
#ProjectClientJobtextLong_tbl {
	clear: none;
}
#ProjectBestellBezeichnung, #ProjectBestellNr {
	width: 100px;
}
#ProjectBestellName {
	width: 210px;
}
#ProjectData {
	margin-right: 5px;
	position: relative;
	width: 350px;
}
#unlock_maintask {
	position: absolute;
	bottom: 1px;
	right: 1px;
}
#ProjectTexts {
	margin-right: 5px;
	width: 450px;
}
#ProjectOrder label {
	width: 75px;
}
.project-times-right {
	margin-left: 5px;
}
#ProjectOrder .project-times-right > label {
	width: 70px;
}
#ProjectOrder .project-times-right > input {
	margin-right: 5px;
}

#ProductProduct {
	width: 200px;
}
#ProjectDescription, #ProjectMisc {
	width: 370px;
}
#ProjectDescription_tbl {
	margin-right: 30px;
		min-width: 600px;
}

#ProjectAltRA, #ProjectAltLA, #ProjectAccounting {
	float: left;
	margin-right: 50px;
	width: 317px;
}
#ProjectAltRA label, #ProjectAltLA label {
	width: 115px;
}
#ProjectAccounting fieldset {
	background-color: #fff;
	width: 345px;
}
#ProjectAccounting legend {
	font-size: 100%;
}
#ProjectAccounting label {
	width: 250px;
}
#ProjectRaId, #ProjectRaeId, #ProjectLaId, #ProjectLaeId {
	width: 210px;
}
#ProjectRaeName, #ProjectLaeName {
	width: 204px;
}
#currentInvoice, #currentShipping {
	width: 315px;
}
.show_list {
	cursor: pointer;
	margin-left: 2px;
}
#ProjectShippingMethodId {
	width: 216px;
}
#ProjectShippingNote {
	height: 80px;
	width: 210px;
}
label[for="ProjectEk"] {
	margin-top: -5px;
}
div.project-costs {
	margin-right: 15px;
}
input.project-costs {
	text-align: right;
	width: 87px;
}
#ProjectBemerkungAbrechnung {
	height: 150px;
	width: 360px;
}

#slideCategories {
	background-color: #eee;
	color: #777;
	cursor: pointer;
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 0;
}
#slideCategories:hover {
	color: #333;
}
#categories {
	background-color: #eee;
	border: 1px solid #aaa;
	overflow: hidden;
	padding-bottom: 3px;
	position: absolute;
	width: 12px;
	white-space: nowrap;
	z-index: 1;
}
#products {
	/*position: relative;*/
}
#products ul {
	list-style: none;
	list-style-position: inside;
	margin: 0;
	padding-left: 20px;
}
#products ul.main {
	padding-left: 0;
}
#products ul li {
	color: #666;
	cursor: pointer;
	padding-left: 18px;
}
#products ul.main > li {
	font-weight: bold;
}
#products ul.main > li, #products ul.child > li {
	background-image: url(../img/icons/folder_page_white.png);
	background-repeat: no-repeat;
}
#products ul.child.empty > li {
	background-image: url(../img/icons/folder.png);
	background-repeat: no-repeat;
}
#products ul.products > li {
	background-image: url(../img/icons/package.png);
	background-repeat: no-repeat;
}
#products ul.main ul {
	display: none;
}
#products ul.child ul {
	display: none;
}

#AddedProjectProducts {
	float: left;
	margin-left: 20px;
}
.ProjectProductQty {
	text-align: center;
	width: 25px;
}
.ProjectProductZuschlag {
	margin-right: 3px;
	text-align: right;
	width: 40px;
}
.ProjectProductMachineTime, .ProjectProductProductionTime {
	text-align: center;
	width: 35px;
}
.ProjectProductUnitPrice, .ProjectProductSinglePrice, .ProjectProductPrice {
	margin-right: 3px;
	text-align: right;
	width: 60px;
}
.ProjectProductDiscount {
	width: 35px;
}
.ProjectProductPrice {
	width: 65px;
}
tr.formula td {
	background-color: #fff;
}
.FormulaDiv, .VariantDiv, .ProjectProductFinishDiv {
	margin-right: 7px;
}
.FormulaDiv label, .VariantDiv label {
	color: #444;
	margin: 3px 5px 0 0;
	width: auto;
}
.FormulaDiv input {
	margin-bottom: 0;
	text-align: right;
	width: 45px;
}
.VariantDiv select {
	margin-bottom: 0;
	width: 120px;
}
.VariantAdditionCon {
	display: inline-block;
	float: left;
	margin-top: 5px;
}
.FormulaUnit {
	color: #777;
	display: inline-block;
	font-size: 90%;
	margin-top: 5px;
}
.ProjectProductValue, .ProjectProductWorkvalue {
	background-color: transparent !important;
	border: 0;
	font-weight: bold;
}
.FormulaDifference {
	display: inline-block;
	margin: 5px 0 0 10px;
}
.ProjectProductNames {
	height: 14px;
	width: 200px;
}
div.ProjectProductNames {
	margin-left: 85px;
}
div.ProjectProductNames label {
	margin-top: 3px;
	width: auto;
}
.ProjectProductFinishDiv label {
	width: auto;
}
.ProjectProductFinish {
	margin-bottom: 0;
	width: 100px;
}
#ProjectLogoDescription {
	height: 150px;
	width: 520px;
}
/*** ADD PROJECT FORM END ***/

/*** PROJECT BDE ***/
#bdes th a {
	/*display: inline;*/
}
#bdes th a img {
	vertical-align: text-bottom;
}
.add-bde {
	display: inline-block;
	height: 16px;
	text-indent: -9999em;
	width: 16px;
}
.add-bde.product {
	background-image: url(../img/icons/add_red.png);
}
.add-bde.product.active {
	background-image: url(../img/icons/remove_red.png);
}
.add-bde.alone-bde {
	background-image: url(../img/icons/add_yellow.png);
}
.add-bde.alone-bde.active {
	background-image: url(../img/icons/remove_yellow.png);
}
.add-bde.bde {
	background-image: url(../img/icons/add.png);
}
.add-bde.bde.active {
	background-image: url(../img/icons/remove.png);
}
.add-bde.under-bde {
	background-image: url(../img/icons/add_bde.png);
}
.add-bde.under-bde.active {
	background-image: url(../img/icons/minus_bde.png);
}
#BdeAddForm label, #BdeEditForm label {
	width: auto;
}
#BdeName {
	width: 301px;
}
#BdeNachtragsdatumHelper {
	margin-right: 20px;
}
#BdeAddForm .time-input, #BdeEditForm .time-input {
	width: 35px;
}
.update-time, .edit-time {
	cursor: pointer;
	margin: 0 20px 0 5px;
	vertical-align: text-bottom;
}
#BdeMisstime {
	margin-right: 40px;
}
#BdeDescription {
	margin-right: 20px;
}

#BdePrint {
	border-left: 1px solid #666;
	float: left;
	margin-left: 15px;
	padding-left: 15px;
}
#BdePrint div.input {
	clear: none;
	float: left;
	margin-right: 20px;
}
#BdePrint label {
	width: auto;
}
#BdeTimeRange #printFrom, #BdeTimeRange #printTo {
	width: 65px;
}

#BdeHead {
	border: 1px solid #ddd;
	border-bottom: 0;
	padding: 0px;
}

/*** PROJECT BDE END ***/

/*** ADD PRODUCT FORM ***/
#ProductType, #ProductSkus, #ProductNames, #ProductPrices {
	float: left;
}
#ProductType {
	background-color: #FFFACF;
	border-right: 1px solid #AAAAAA;
	height: 142px;
	margin: -4px 15px -4px -7px;
	padding: 3px;
	width: 140px;
}
#ProductType label {
	width: 125px;
}
#ProductSkus {
	width: 300px;
}
#ProductSkus label {
	width: 75px;
}
#ProductCategoryId, #ProductManufacturerId {
	width: 200px;
}
#ProductSkuName, #ProductSku {
	width: 194px;
}
#ProductNames {
	width: 345px;
}
#ProductNames label {
	width: 75px;
}
#ProductName, #ProductNamePlural {
	width: 250px;
}
#generate-sku {
	cursor: pointer;
	margin-left: -20px;
	margin-top: 3px;
	position: absolute;
}
#ProductPrices {
	margin-left: 5px;
	width: 330px;
}
#ProductPrices label {
	width: 70px;
}
#ProductPrice, #Ek0Price, #Ek1Price {
	margin-right: 3px;
	text-align: right;
	width: 50px;
}
#Ek0From, #Ek1From {
	width: 83px;
}
#new_ek {
	float: right;
	margin-top: 5px;
}
#NewEk {
	background-color: #FFFACF;
}
#ProductVat {
	width: 56px;
}
#ProductWeight {
	margin-right: 3px;
	width: 50px;
}
#ProductDescriptions {
	float: left;
	width: 600px;
}
#ProductDescriptionShort, #ProductDescriptionLong {
	width: 580px;
}
#ProductDiscounts {
	float: left;
	padding-top: 10px;
	width: 300px;
}
#ProductProductPrices {
	position: relative;
}
#ProductProductPrices input {
	width: 75px;
}
#ProductImage {
	border: 1px solid #999;
	float: right;
	height: 250px;
	width: 250px;
}

#variants {}

#Attributes, #matrixData {
	float: left;
}
#Attributes {
	width: 475px;
}
#VariantsAttribute1, #VariantsAttribute2 {
	width: 250px;
}
#AttrValues1 select, #AttrValues2 select {
	width: 250px;
}
#matrixData {
}
#matrixData table {
	margin-bottom: 0;
}
.matrix input {
	width: 25px;
}

/*** ADD PRODUCT FORM END ***/

/*** ADD PRODUCT ATTRIBUTE FORM ***/
#ProductAttribute {
	float: left;
	width: 400px;
}
#ProductAttributeValues {
	border-left: 1px solid #ccc;
	float: left;
	padding-left: 10px;
	width: 400px;
}
#ProductAttributeValues div.input.text {
	float: left;
	padding: 0 2px 2px;
}
#ProductAttributeValues .sort {
	margin-bottom: 4px;
}

/*** ADD FORMULA FORM ***/
#FormulaEditForm label {
	width: 55px;
}


#FormulaValues {
	float: left;
	margin-right: 20px;
	width: 350px;
}
#Formula {
	float: left;
	width: 500px;
}
#Formula .value, #Formula .operator {
	-moz-border-radius: 5px;
	background-color: #f9f9f9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e6e6e6));
	background-image: -moz-linear-gradient(top, #f9f9f9, #e6e6e6);
	border: 1px solid #aaa;
	float: left;
	font-size: 20px;
	font-weight: bold;
	height: 25px;
	margin: 0 10px 10px 0;
	text-align: center;
	width: 25px;
}
#Formula .value:hover, #Formula .operator:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f9f9f9));
	background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
	cursor: pointer;
}
#FormulaResult {
	-moz-border-radius: 5px;
	background-color: #f9f9f9;
	border: 1px solid #aaa;
	font-size: 20px;
	font-weight: bold;
	min-height: 65px;
	padding: 10px;
}
/*** ADD FORMULA FORM END***/

/*** CREATE DOCUMENT FORM ***/
#DocumentInfo {
	margin-bottom: 15px;
}

#DocumentPage {
	background-color: #fff;
	background-image: url(images/briefbogen.jpg);
	background-position: right;
	background-repeat: no-repeat;
	border: 1px solid #666;
	-webkit-box-shadow:	0 0 10px #666;
	-moz-box-shadow:	0 0 10px #666;
	box-shadow:			0 0 10px #666;
	font-family: "Frutiger Cn";
	font-size: 90%;
	height: 1000px;
	margin: 10px auto;
	position: relative;
	width: 750px;
}
#DocumentAddress {
	position: absolute;
	left: 119px;
	top: 173px;
}
#AddressName1, #AddressName2 {
	font-weight: bold;
}
#DocumentAddress span {
	line-height: 20px;
}
#DocumentBody {
	position: absolute;
	left: 104px;
	top: 303px;
	width: 577px;
}
#DocumentHeader {
	background-color: #f6f6f6;
	border: 1px solid #000;
	font-size: 145%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 2px 3px;
}
#DocumentNumber {
	float: right;
	font-size: 80%;
	padding: 2px 3px 0 0;
}
#ProjectDetails {
	border-bottom: 1px solid #000;
}
#ProjectDetails table {
	background: none;
	border: 0;
	color: #333;
	margin-bottom: 0;
}
#ProjectDetails table td {
	background: none;
	border: 0;
	vertical-align: top;
}
#ProjectDetails table .rightCell {
	display: inline-block;
	width: 55px;
}
#DocumentProducts {
	margin-left: -83px;
	margin-top: 5px;
	width: 660px;
}
#DocumentProducts table, #DocumentProducts table tr td {
	background: none;
	border: 0;
	font-size: 9pt;
}
table.document-group {
	/*table-layout: fixed;*/
}
#DocumentProducts table tr:hover {
	background-color: #FFFDEB;
}
#DocumentProducts td.top {
	vertical-align: top;
}
#DocumentProducts td.right {
	text-align: right;
}
#DocumentProducts td.group-name {
	padding-bottom: 7px;
}
#DocumentProducts td.setting {
	width: 16px;
}
#DocumentProducts td.qty {
	padding-left: 10px;
	text-align: right;
	vertical-align: top;
	width: 20px;
}
#DocumentProducts td.prices {
	padding-left: 10px;
	vertical-align: top;
	white-space: nowrap;
}
#DocumentProducts a.setting {
	background-position: bottom;
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 16px;
	text-indent: -9999em;
}
#DocumentProducts a.setting.clicked {
	background-position: top;
}
#DocumentProducts a.toggle-description-short, #DocumentProducts a.toggle-all-description-short {
	background-image: url(images/description_short.png);
}
#DocumentProducts a.toggle-description-long, #DocumentProducts a.toggle-all-description-long {
	background-image: url(images/description_long.png);
}
#DocumentProducts a.toggle-image, #DocumentProducts a.toggle-all-image {
	background-image: url(images/image_grey.png);
}
#DocumentProducts a.create-group {
	background-image: url(images/create_group.png);
}
#DocumentProducts #create-group {
	margin: -16px 0 0 20px;
	position: absolute;
}
#DocumentProducts #create-group label {
	width: 30px;
}
#DocumentProducts #create-group .ajaxLoadingBig {
	height: 32px;
	width: 32px;
	position: absolute;
	bottom: 15px;
	right: 10px;
}
#DocumentSums {
	float: right;
	width: 200px;
}
#DocumentSums table, #DocumentSums table tr td {
	background: none;
	border: 0;
}
#DocumentSums #grandtotal {
	border-bottom: 4px double;
	border-top: 1px solid;
	font-weight: bold;
}
#DocumentFootnote {
	clear: right;
	font-size: 80%;
}
#DocumentKondition {
	float: right;
}

/*** CREATE DOCUMENT FORM END***/

/*** MESSAGES ***/
#MessageRecipientId, #MessageProjectId {
	width: 200px;
}
#MessageSubject {
	width: 500px;
}
#MessageMessage {
	height: 350px;
	width: 677px;
}

.item {
	border-bottom: 1px solid #aaa;
	clear: left;
	margin: 0 0 5px 0;
	padding: 4px;
	position: relative;
}
.item .crud {
	background-color: #fff;
	border: 1px solid #aaa;
	display: none;
	padding: 1px 0 0 2px;
	position: absolute;
	right: 5px;
	bottom: -1px;
}
.item .crud.horizontal {
	padding: 2px 2px 0;
	right: 0;
	top: 0;
}
.item .crud a {
	display: block;
}
.item .crud.horizontal a {
	display: inline-block;
}
.item:hover .infos{
	background-color: #f5f5f5;
}
.item:hover .crud {
	display: block;
}


/*** LOGOINATOR ***/

/** LOGO FORM **/

#LogoName {
	width: 246px;
}
.LogoNameDescription {
	color: #666;
	float: left;
	font-size: 80%;
	padding-top: 5px;
}
#LogoParentId {
	width: 252px;
}
#LogoDescription {
	height: 300px;
	width: 600px;
}
#LogoDescription_tbl {
	clear: none;
}

/** LOGO FORM END **/
	

#svg, .right-menu, .tools-menu, .tools-panel {
	border: 1px solid #aaa;
	float: left;
	height: 300px;
	margin: 0 30px 0 0;
	padding: 10px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
#svg {
	background-color: #fff;
	margin-right: 60px;
	position: relative;
	width: 300px;
}
.right-menu {
	margin-right: 60px;
	overflow: -moz-scrollbars-vertical;
	width: 287px;
}
.right-menu h3, .tools-menu h3 {
	margin-top: 0;
}
.right-menu h5 {
	cursor: pointer;
	font-weight: normal;
	margin: 5px 0 3px;
}
.right-menu .options {
	font-size: 80%;
}
.right-menu .options a {
	display: inline-block;
	padding: 3px;
}
.right-menu .accordion > div {
	width: 250px !important;
}
.right-menu .change-view {
	border: 1px solid;
	border-color: transparent;
	padding: 6px 4px 0;
}
.right-menu .change-view.active {
	border-color: #ccc;
}
.right-menu #history {
	position: relative;
}
.right-menu #history #history-svg {
	background-color: #fff;
	border: 1px solid #aaa;
	float: right;
	position: absolute;
	right: 15px;
	top: 10px;
	height: 50px;
	width: 50px;
}

.tools-menu {
	display: inline;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	height: auto;
	width: 300px;
}
.tools-menu ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
.tools-menu ul li {
	float: left;
	margin: 0;
}
.tools-menu ul li a {
	background:#d5d5d5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d5d5d5));
	background-image: -moz-linear-gradient(top, #f2f2f2, #d5d5d5);
	border:1px solid #5e5c57;
	display: block;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	margin: 0 4px 0 0;
	padding-top: 4px;
	text-align: center;
	text-decoration:none;
	height: 20px;
	width: 24px;
}
.tools-menu ul li a:hover, .tools-menu ul li a.open {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f2f2f2));
	background-image: -moz-linear-gradient(top, #f2f2f2, #f2f2f2);
}
.tools-panel {
	height: auto;
	padding-top: 0;
	width: 300px;
}
.tools-panel .tool {
	display: none;
}
.tools-panel #stored-colors {	
}
.tools-panel #stored-colors ul {
	font-size: 90%;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tools-panel #stored-colors ul li {
	cursor: pointer;
}
.tools-panel #stored-colors ul ul {
	display: none;
	font-weight: normal;
	padding: 0 0 0 10px;
}
.tools-panel #stored-colors ul ul li  {
	cursor: pointer;
}
.tools-panel #stored-colors li.color.used {
	font-style: italic;
}
.tools-panel #stored-colors .hex-color {
	display: block;
	float: left;
	margin: 2px 3px 0 0;
	height: 10px;
	width: 15px;
}

.svg-part {
	border-bottom: 1px solid;
	float: left;
	padding: 1%;
	text-align: center;
	width: 31%;
}
.svg-part h5.selected {
	font-weight: bold;
}
.svg-part .mini-svg {
	border: 1px dotted #ccc;
	cursor: pointer;
	height: 60px;
	margin: auto;
	width: 60px;
}
.svg-part .mini-svg.selected, .svg-part .mini-svg:hover {
	border-style: solid;
}
.svg-part .mini-svg.selected {
	border-color: #000;
}
#logo-objects-container.list div.svg-part {
	border: 0;
	float: none;
	padding: 0;
	text-align: left;
	width: 100%;
}
#logo-objects-container.list div.svg-part div.mini-svg {
	display: none;
}

#autoserialize-status {
	clear: both;
	color: #aaa;
	font-size: 70%;
	margin-top: 4px;
	position: absolute;
	bottom: -15px;
	left: 2px;
}
#autoserialize-status a {
	color: #aaa;
}

.variations {
	background-color: #ddd;
	border: 1px solid #bbb;
	margin: 0 0 5px 0;
	padding: 0 10px 10px;
}
.variations .variation {
	float: left;
	margin: 0 10px 10px 0;
	position: relative;
}
.variations .variation .tools {
	background-color: #eee;
	border: 1px solid #bbb;
	display: none;
	padding: 2px 2px 0;
	position: absolute;
	left: 0;
	bottom: 0;
}
.variations .variation:hover .tools {
	display: block;
}
.variations .variation .info {
	background-color: #eee;
	border: 1px solid #bbb;
	display: none;
	font-size: 80%;
	padding: 5px;
	position: absolute;
	left: 30px;
	top: -35px;
	z-index: 10;
}
.variations .variation:hover .info {
	display: block;
}
.variations .variation .info .name {
	font-weight: bold;
	white-space: nowrap;
}
.variation-svg, .variation-normal {
	background-color: #fff;
	border: 1px solid #aaa;
	height: 75px;
	width: 75px;
}

/** CONVERT LOGOS **/

#LogoConvertForm input[type="checkbox"] {
	margin-bottom: 8px;
}
.ve_helldunkel {
	border-bottom: 1px solid #999;
	margin-bottom: 6px;
}
.ve_helldunkel input[type="file"], .ve_art input[type="file"], .ve_size input[type="file"] {
	display: none;
}
.ve_art input {
	margin-left: 20px !important;
}
.ve_size {
	margin-left: 15px;
}
.ve_size input {
	margin-left: 25px !important;
}
.small_grey {
	color: #777;
	font-size: 80%;
}
#convert_image {
	background-color: #fff;
	border: 1px solid #999;
	padding:: 5px;
	position: absolute;
	right: 20px;
	top: 0;
	width: 200px;
}

/** CONVERT LOGOS END **/

.colors .hex {
	border: 1px solid #aaa;
	-webkit-box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 3px #666;
	cursor: pointer;
	float: left;
	margin-right: 10px;
	height: 13px;
	width: 30px;
}
.colors .hex_big {
	border: 1px solid #aaa;
	-webkit-box-shadow: 2px 2px 6px #666;
	-moz-box-shadow: 2px 2px 6px #666;
	box-shadow: 2px 2px 6px #666;
	float: right;
	height: 150px;
	width: 150px;
}
.hex-square, .hex-list {
	border: 1px solid #aaa;
	height: 20px;
	margin: 0 5px 5px 0;
}
.hex-square {
	float: left;
	width: 20px;
}
.hex-square .title {
	display: none;
}
.hex-list .title {
	background-color: #fff;
	border-left: 1px solid #aaa;
	float: right;
	padding: 2px;
	width: 33%;
}
.hex-list .title .searchterm {
	float: right;
	height: 16px;
}
.colors .percentage {
	background-color: #fff;
	bottom: 0;
	font-family: Verdana;
	font-size: 120%;
	padding-left: 5px;
	position: absolute;
	right: -2px;
}
/*** LOGOINATOR END ***/

/*** COLORS ***/
#ColorSearchForm .itemsearch label {
	width: 85px;
}
#ColorSearchForm .itemsearch select {
	width: 200px;
}
#ColorColorModelSearch, #ColorColorCatalogSearch {
	float: left;
	margin-right: 5px;
}
#ColorColorModelSearchString, #ColorColorCatalogSearchString {
	margin-left: 88px;
	width: 194px;
}
#ColorSearchForm .itemsearch .get_items {
	vertical-align: bottom;
}
/*** COLORS END ***/

/*** TICKETS ***/
#errorDialog #TicketAddForm label {
	width: 130px;
}
.tickets .actions {

}
.tickets .actions .setStatusDiv {
	background-color: #eee;
	border: 1px solid;
	display: none;
	padding: 3px 3px 1px;
	position: absolute;
}
/*** TICKETS END ***/

/** Tables **/
table {
	background: #F0F0F0;
	border: 1px solid #DDD;
	border-collapse: collapse;
	clear: both;
	color: #333;
	font-size: 95%;
	margin-bottom: 10px;
	width: 100%;
}
th {
	border:1px solid #ddd;
	text-align: left;
	padding:2px;
}
th a {
	display: block;
	text-decoration: none;
}
th a.asc:after {
	content: ' ▲';
	color: #aaa;
}
th a.desc:after {
	content: ' ▼';
	color: #aaa;
}
table tr td {
	background: #fff;
	border:1px solid #ddd;
	padding: 2px;
	text-align: left;
	vertical-align: middle;
}
table tr td.right {
	text-align: right;
}
table tr td.top {
	vertical-align: top;
}
table tr td p {
	margin: 0;
}
table tr.active td {
	background-color: #fc0;
}
table tr.green td {
	background-color: #cceace;
	color: #000;
}
table tr.yellow td {
	background-color: #f5f6c4;
	color: #000;
}
table tr.red td {
	background-color: #eacccc;
	color: #000;
}
/*table tr:nth-child(2n) td {
	background: #f5f5f5;
}
table .altrow td {
	background: #f5f5f5;
}*/
td.subject {
	cursor: pointer;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
	color:#fff;
}

/** Paging **/
div.paging {
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
div.paging p {
	color: #666;
}
div.paging span.disabled {
	color: #ddd;
	display: inline;
}
div.paging span.current {
	color: #c73e14;
}
div.paging span a {
}

/** Scaffold View **/
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl.fl_left {
	float: left;
}
dl .altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/** Forms **/
form {
	clear: both;
	padding: 0;
}
fieldset {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	margin-bottom: 1em;
	padding: 10px;
}
fieldset.left, fieldset .right {
	float: left;
	width: 50%;
}
fieldset legend {
	color: #666;
	font-size: 140%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 100%;
	/*font-weight: normal;*/
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div.input, form div.required, form div.submit {
	clear: both;
	padding: 2px;
	position: relative;
	vertical-align: text-top;
}
form div.input.nopadding {
	padding: 0;
}
form div.error {
	border: 1px dotted #f00;
	position: relative;
}
form div.label_above {
	
}
form div.input a.delete img {
	margin: 3px 0 -3px 3px;
}
form div.input.radio a.delete img {
	margin: 0 0 0 3px;
}
form .input {
	color: #444;
}
form .datetime select {
	width: auto;
}
form .required {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}
form div.submit {
	border: 0;
	clear: both;
	margin: 10px 0;
}
div.submit.fixed {
	background: rgba(200,200,200,0.85);
	border-top: 1px solid #888;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 15px;
	position: fixed;
	width: 100%;
	z-index: 10;
}
form div.submit input {
	cursor: pointer;
	float: none;
}
label {
	display: block;
	float: left;
	margin: 2px 3px 3px 0;
	width: 175px;
}
label.autowidth {
	width: auto !important;
}
div.label_above label {
	float: none;
	width: auto;
}
input, textarea {
	border: 1px solid #999;
	/*float: left;*/
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
	margin-bottom: 2px;
	padding: 2px;
}
div.error input, div.error textarea {
	background-color: #FFFDEB;
}
input[readonly] {
	background-color: #eee;
	color: #555;
}
input:focus, textarea:focus, select:focus {
	background-color: #FFFDEB;
	border-color: #333;
	outline: none;
}
select {
	border: 1px solid #999;
	font-size: 100%;
	margin-bottom: 2px;
	padding: 1px;
	vertical-align: text-bottom;
}
.conditions select {
	font-size: 85%;
}
select[multiple=multiple] {
}
option {
	padding: 0 3px;
}
option.nope {
	color: #ccc;
}
option.yes {
	color: #000;
}
input[type=checkbox] {
	clear: left;
	/*float: left;
	margin: 2px 6px 0 2px;*/
	width: auto;
}
div.checkbox label {
	display: inline;
	margin-top: 1px;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 2px 3px 7px 0;
}
.center input[type=radio] {
	float: none;
}
div.radio label {
	float: none;
	margin: 0 0 6px 6px;
}
div.radio.narrow_label label {
	width: 50px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	width: auto;
}
input[type=image] {
	border: 0;
	margin-bottom: 0;
	padding: 0;
}
input[type=image]:focus {
	background-color: transparent;
}
div.image-submit {
	margin: -4px 3px 0 0;
}
form .submit input[type=submit],
input[type=submit],
a.button {
	background: #c73e14;
	background: -webkit-gradient(linear, left top, left bottom, from(#52cef7), to(#4ca83d));
	background-image: -moz-linear-gradient(top, #52cef7, #06abe1);
	border: 1px solid #383;
	color: #fff;
	margin-right: 5px;
	text-shadow: #8cee7c 0px 1px 0px;
	font-weight: bold;
}

/* Button "Nur Speichern" */
form .submit input[type=submit]:hover,
input[type=submit]:hover,
a.button:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#87dbf7), to(#87dbf7));
	background-image: -moz-linear-gradient(top, #87dbf7, #87dbf7);
	cursor: pointer;
}

/* Button "Speichern und Verlassen" */
form .submit input[type=submit].leave {
	background: #c73e14;
	background: -webkit-gradient(linear, left top, left bottom, from(#6bd557), to(#3e9e2e));
	background-image: -moz-linear-gradient(top, #6bd557, #3e9e2e);
	font-weight: bold;
	color: #fff;
	/*border: 1px solid #383;
	color: #444;
	margin-right: 5px;
	text-shadow: #8cee7c 0px 1px 0px;*/
}

/* Start Eintrag 130419 JK */
form .submit input[type=submit].leave:hover,
input[type=submit].leave:hover,
a.button:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#a6f996), to(#a6f996));
	background-image: -moz-linear-gradient(top, #a6f996, #a6f996);
	cursor: pointer;
}
/* Ende Eintrag 130419 JK */


a.button {
	font-size: 110%;
	padding: 3px;
	text-decoration: none;
}
div.type {
	float: left;
	min-height: 120px;
	vertical-align: top;
	width: 50%
}
div.type div.option {
	display: none;
}
div.type > input[type=radio] {
	float: none;
	vertical-align: sub;
	width: auto;
}
div.type > label {
	display: inline;
	float: none;
	margin-right: 10px;
}
div.type label {
	width: 45px;
}
div.type input {
	border: 1px solid #aaa;
	font-family: sans-serif;
	margin-right: 5px;
	width: 50px;
}
div.type input:focus {
	border-color: #666;
}
div.search div.input.select input {
	border: 1px solid #aaa;
	margin-top: 3px;
	width: 98%;
}
div.search div.input.select input:focus {
	border: 1px solid #666;
}
#colorpicker {
	float: left;
}
#colorfield {
	border: 1px solid #aaa;
	border-color: #333 #aaa #aaa #333;
	float: left;
	margin-left: 20px;
	height: 70px;
	width: 60px;
}
#colorfield_new, #colorfield_current {
	height: 35px;
	width: auto;
}

/** Notices and Errors **/
#flashMessage {
	background: #85e573;
	background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d));
	background-image: -moz-linear-gradient(top, #85e573, #4ca83d);
	border: 1px solid #666;
	border-bottom: 0;
	bottom: 0;
	clear: both;
	color: #222;
	font-size: 140%;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	position: absolute;
	left: 25%;
	text-align: center;
	text-shadow: #8cee7c 0px 1px 0px;
	width: 50%;
}
#flashMessage.error {
	background:#b14c3e;
	background: -webkit-gradient(linear, left top, left bottom, from(#e39c86), to(#b14c3e));
	background-image: -moz-linear-gradient(top, #e39c86, #b14c3e);
	border: 1px solid #8a1414;
	text-shadow: #ff9393 0px 1px 0px;
}

div.error-message {
	background: url(../img/icons/error.png), -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#aaa));
	background-image: url(../img/icons/error.png), -moz-linear-gradient(top, #f5f5f5, #aaa);
	background-repeat: no-repeat;
	border: 1px solid #888;
	color: #333;
	font-size: 10px;
	left: 0;
	margin: 1px 0 0;
	overflow: hidden;
	padding: 2px 0px 2px 16px;
	position: absolute;
	text-shadow: 0 1px 0 #DDDDDD;
	top: -20px;
	white-space: nowrap;
	width: 0;
	z-index: 10;
}
div.error-message:hover {
	padding: 2px 2px 2px 18px;
	width: auto;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

div.ajaxLoading {
	background-image: url(images/ajaxLoading.gif);
	background-repeat: no-repeat;
	background-position: 50%;
	height: 16px;
	width: 16px;
}
div.ajaxLoadingBig {
	background-image: url(images/ajaxLoadingBig.gif);
	background-repeat: no-repeat;
	background-position: 50%;
	height: 100px;
	width: 100%;
}
div.ajaxLoadingBig.logo_variation {
	background-color: rgba(255,255,255,0.8);
	height: 75px;
	left: 1px;
	position: absolute;
	top: 1px;
	width: 75px;
}
div.ajaxLoading.hidden, div.ajaxLoadingBig.hidden {
	display: none;
}
input.ajaxLoading {
	background-image: url(images/ajaxLoadingInput.gif);
	background-repeat: repeat-y;
}
div.close {
	background-image: url(../img/icons/close.png);
	background-repeat: no-repeat;
	background-position: 50%;
	cursor: pointer;
	height: 15px;
	position: absolute;
	right: 3px;
	top: 6px;
	width: 15px;
}

/**  Actions  **/
div.actions ul {
	margin: 0;
	padding: 0;
}
div.actions li {
	float: left;
	margin:0 0.5em 0.5em 0;
	list-style-type: none;
	white-space: nowrap;
	padding: 0;
}
div.actions ul li a {
	font-weight: normal;
	display: block;
	clear: both;
}
div.actions ul li a:hover {
	text-decoration: underline;
}

/* Button "Nicht Speichern (und verlassen)" */
a.cancel {
	background:#b14c3e;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8414e), to(#b14c3e));
	background-image: -moz-linear-gradient(top, #f8414e, #d30715);
	border: 1px solid #8a1414;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	padding: 3px;
	text-decoration: none;
	text-shadow: #ff9393 0px 1px 0px;
}
a.cancel:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#ff59d2), to(#ff59d2));
	background-image: -moz-linear-gradient(top, #ff59d2, #ff59d2);
}

/** Related **/
div.related {
	clear: both;
	display: block;
}
.colors div.related {
	background-color: #fff;
	border: 1px solid #aaa;
	border-left: 0;
	display: none;
	position: absolute;
	left: 102%;
	top: 0;
	padding: 10px;
	width: 300px;
}

/** Debugging **/
pre {
	background: #f0f0f0;
	color: #000;
	font-size: 110%;
	overflow: auto;
	padding: 1em;
	white-space: pre-wrap;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}

/** Farbtastic **/
.farbtastic {
	position: relative;
}
.farbtastic * {
	position: absolute;
	cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
	margin: auto;
	height: 195px;
	width: 195px;
}
.farbtastic .color, .farbtastic .overlay {
	top: 47px;
	left: 47px;
	width: 101px;
	height: 101px;
}
.farbtastic .wheel {
	background: url(images/wheel.png) no-repeat;
	width: 195px;
	height: 195px;
}
.farbtastic .overlay {
	background: url(images/mask.png) no-repeat;
}
.farbtastic .marker {
	width: 17px;
	height: 17px;
	margin: -8px 0 0 -8px;
	overflow: hidden; 
	background: url(images/marker.png) no-repeat;
}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/** tinyTips **/
.lightTip                       { width: 342px; }
.lightTip .content              { width: 310px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .bottom               { height: 14px; background: url(images/tinytips/notch-white.png) top center no-repeat; }
 
.yellowTip                      { width: 342px; }
.yellowTip .content             { width: 310px; padding: 10px; border: 6px solid #f9e98e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbf7aa; color: #020202; }
.yellowTip .bottom              { height: 14px; background: url(images/tinytips/notch-yellow.png) top center no-repeat; }
 
.orangeTip                      { width: 342px; }
.orangeTip .content             { width: 310px; padding: 10px; border: 6px solid #f9cd8e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbe3aa; color: #020202; }
.orangeTip .bottom              { height: 14px; background: url(images/tinytips/notch-orange.png) top center no-repeat; }
 
.redTip                         { width: 342px; }
.redTip .content                { width: 310px; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f79992; color: #020202; }
.redTip .bottom                 { height: 14px; background: url(images/tinytips/notch-red.png) top center no-repeat; }
 
.greenTip                       { width: 342px; }
.greenTip .content              { width: 310px; padding: 10px; border: 6px solid #a9db66; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #cae8a2; color: #020202; }
.greenTip .bottom               { height: 14px; background: url(images/tinytips/notch-green.png) top center no-repeat; }
 
.blueTip                        { width: 342px; }
.blueTip .content               { width: 310px; padding: 10px; border: 6px solid #36a4d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #90d8f0; color: #020202; }
.blueTip .bottom                { height: 14px; background: url(images/tinytips/notch-blue.png) top center no-repeat; }
 
.purpleTip                      { width: 342px; }
.purpleTip .content             { width: 310px; padding: 10px; border: 6px solid #8671de; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #a290f0; color: #020202; }
.purpleTip .bottom              { height: 14px; background: url(images/tinytips/notch-purple.png) top center no-repeat; }
 
.darkTip                        { width: 342px; }
.darkTip .content               { width: 310px; padding: 10px; border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #505050; color: #f8f8f8; }
.darkTip .bottom                { height: 14px; background: url(images/tinytips/notch-dark.png) top center no-repeat; }

/** tablesorter **/
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(images/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #ccc;
}