/*
	+-----------------------------------------------------------+
	| co|manager - Content Management System - $Release$		|
	+-----------------------------------------------------------+
	| Copyright (c) 2004-2010 clarksdale datendesign			|
	| http://www.comanager.de | http://www.clarksdale.de		|
	| Please read the file LICENCE for more information.		|
	+-----------------------------------------------------------+
	| Authors: Matthias Lienau <ml@clarksdale.de>				|
	+-----------------------------------------------------------+
	
	@svnid:		$Id:  $
	@svnurl:	$URL:  $
	@since:		2004/03/08
	@purpose:	CSS defintion
	
*/

input[type="submit"],
input[type="button"] {
    cursor: pointer;
}

/* definitions for maximum width and height of images within thumbnail cells 
	(otherwise cells would explode on missing images under safari for example) */

.thumbdisplay img {
    max-width: 85px;
    max-height: 85px;
}

.thumbdisplay_hl img {
    max-width: 85px;
    max-height: 85px;
}

.thumbdisplay_tiny img {
    max-width: 50px;
    max-height: 60px;
}

.thumbdisplay_micro img {
    max-width: 35px;
    max-height: 30px;
}

.thumbdisplay_thumb img {
    max-width: 102px;
    max-height: 115px;
}

.thumb img {
    max-width: 72px;
    max-height: 105px;
}

.scrollcontent_400 {
    height: 400px;
    overflow: scroll;
}

/**
 * CHAPTER 2: structured style definitions as base for port to MAX5 
 */

.toggle-closure {
    border-bottom: 0px;
}

.toggle-handle {
    display: block;
    /*	background-color: #eee;*/
}

.toggle-handle a, .toggle-handle a:LINK, .toggle-handle a:VISITED {
    display: block;

    border-left: 2px;
    border-right: 2px;

    width: inherit;
    color: #000;
    font-weight: normal;
    padding: 2px;

    cursor: pointer;
}

.toggle-handle a:HOVER, .toggle-handle a:ACTIVE {
    text-decoration: underline;
    /*	border-left: 2px;*/
    /*	border-right: 2px;*/
    /*	background-color:	#316ac5;*/
    /*	color: #fff;*/
}

.toggle-handle .emphasized {
    /*	font-weight: bold;*/
    font-style: italic;
    color: #c22;
}

.toggle-handle a:VISITED {
    /*	color: #aaa;*/
}

.toggle-content {
    display: none;
    visibility: hidden;
}

table {
    /*	border-spacing: 0px 0px;*/
}

table tr td {
    /*	border-spacing: 5px;*/
}

.asset-list {
    display: table;
    /*	display: inherit;*/
    /*	visibility: inherit;*/
}

.asset-list.product {

}

.asset-list.product.job {
}

.asset-list.productset {

}

.asset-list.productset.job {
}

.asset-list.child {
    /*	position: absolute;*/
    /*	margin-top: 5px;*/
    /*	margin-left: 15px;*/
    margin-top: 5px;
    margin-left: 15px;
    border-left: 1px dotted #222;
    /*	padding-left: 5px;*/
    /*	border: 2px dotted #888;*/
    /*	border-bottom: 0px dotted #888;*/
    /*	font-size: smaller;*/
    /*	opacity: 0.8;*/
    /*	background-color: #fff;*/
    width: auto;
    white-space: nowrap;

    overflow: hidden;
}

.asset-list.child.product {
}

.asset-list.child.product.job {
}

.asset-list.child.productset {
}

.asset-list.child.productset.job {
}

.asset-list ul {
    display: table-row;
}

.asset-list ul li {
    display: table-cell;
    padding: 2px;
    /*	border: 1px solid #aaa;*/
}

.asset-list ul li[data-cm-field="prod_code"] {
    font-weight: bold;
}

.asset-list ul li[data-cm-field="prod_price"] {
    text-align: right;
}

/* Product(job) form TODO (known bug): Hightlighting checkbox/radio buttons on "updated" not visible... */
.inputform input[type="checkbox"].updated,
.inputform input[type="radio"].updated,
.inputform input[type="text"].updated,
.inputform select.updated,
.inputform textarea.updated {
    border-left: 8px solid #99ccee !important;
}

.searchform input[id="update_since"],
.contentlist_job.updated-since,
.inputform input[type="checkbox"].updated.updated-since,
.inputform input[type="radio"].updated.updated-since,
.inputform input[type="text"].updated.updated-since,
.inputform select.updated.updated-since,
.inputform textarea.updated.updated-since {
    border-left: 8px solid #cda0eb !important;
}

/* TODO: Daniela */
span.tag {
    padding: 3px 6px;
    border: 1px solid #555;
    color: #555;
    background-color: lightgoldenrodyellow;
    border-radius: 10px;
}

/*#productdata ~ input.updated {*/
/*border: 1px solid red;*/
/*}*/

/* "Tokenizer" multi-select + autocomplete combo default style sheets */

.tokenize > .tokens-container {
    position: relative;
    list-style: none;
    border: 1px solid #999;
    padding: 0 0 5px 5px;
    height: auto;
    min-height: 34px;
    cursor: text
}

.tokenize > .tokens-container.disabled {
    background-color: #eee;
    cursor: not-allowed
}

.tokenize.focus > .tokens-container {
    outline: 0;
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.tokenize > .tokens-container.input-sm {
    padding: 0 0 4px 4px;
    min-height: 30px
}

.tokenize > .tokens-container.input-lg {
    padding: 0 0 9px 9px;
    min-height: 46px
}

.tokenize > .tokens-container > .token {
    padding: 0 1.2em 0 5px;
    background-color: #eff2f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.tokenize > .tokens-container > .token, .tokenize > .tokens-container > .placeholder, .tokenize > .tokens-container > .token-search {
    border: 1px solid #cdd5e3;
    display: inline-block;
    margin: 5px 5px 0 0;
    position: relative;
    vertical-align: middle
}

.tokenize > .tokens-container > .token-search {
    min-width: 10px
}

.tokenize.sortable > .tokens-container > .token {
    cursor: move
}

.tokenize.sortable > .tokens-container > .token.dragged {
    position: absolute;
    z-index: 2000
}

.tokenize.single > .tokens-container > .token {
    display: block;
    border-color: #fff;
    background-color: transparent
}

.tokenize.sortable > .tokens-container > .token.shadow {
    border-color: #ccc;
    background-color: #ccc;
    filter: alpha(opacity=50);
    opacity: .2
}

.tokenize > .tokens-container > .placeholder, .tokenize > .tokens-container > .token-search {
    padding: 0;
    border-color: #fff
}

.tokenize > .tokens-container > .placeholder {
    color: #ccc
}

.tokenize > .tokens-container > .token-search > input {
    padding: 0;
    margin: 0;
    line-height: 1em;
    border: 1px solid #fff;
    background: transparent;
    border-left: 0;
    border-right: 0;
    outline: 0;
    width: 100%
}

.tokenize > .tokens-container > .token-search > input::-ms-clear {
    display: none
}

.tokenize > .tokens-container.input-sm > .placeholder, .tokenize > .tokens-container.input-sm > .token-search, .tokenize > .tokens-container.input-sm > .token {
    margin: 4px 4px 0 0
}

.tokenize > .tokens-container.input-lg > .placeholder, .tokenize > .tokens-container.input-lg > .token-search, .tokenize > .tokens-container.input-lg > .token {
    margin: 9px 9px 0 0
}

.tokenize > .tokens-container > .token.pending-delete {
    background-color: #5b72a4;
    border-color: #425c96;
    color: #fff
}

.tokenize > .tokens-container > .token > .dismiss {
    position: absolute;
    right: 5px;
    color: #a9b9d8;
    text-decoration: none;
    cursor: pointer
}

.tokenize > .tokens-container > .token > .dismiss:after {
    content: "×"
}

.tokenize > .tokens-container > .token.pending-delete > .dismiss {
    color: #aaa
}

.tokenize-dropdown {
    position: absolute;
    display: none
}

.tokenize-dropdown > .dropdown-menu {
    min-height: 10px;
    max-height: 350px;
    overflow: scroll;
    width: 100%;
    display: block;
    margin: -1px 0 0 0;
    visibility: visible;
    opacity: 1
}

.tokenize-dropdown > .dropdown-menu li {
    cursor: pointer
}

.tokenize-dropdown > .dropdown-menu li > a .tokenize-highlight {
    font-weight: bold
}

.tokenize-dropdown > .dropdown-menu li.locked {
    padding: 3px 20px;
    color: #333;
    white-space: nowrap
}

.tokenize-dropdown > .dropdown-menu li.locked, .tokenize-dropdown > .dropdown-menu li > a {
    text-overflow: ellipsis;
    overflow-x: hidden
}

.tokenize-dropdown > .dropdown-menu li:not(.active) a:hover, .tokenize-dropdown > .dropdown-menu li:not(.active) a:focus {
    background-color: transparent
}