/************************* CSS pre-parsed by easydb ************************/

/*******************************************************************************
* TOOL DIALOG
*******************************************************************************/

/* general tooldialog styling */
.toolDialog {
	width: 360px;
	/*height: 300px;*/ /* shouldn't be required due to automatic height setting */
}

.toolDialog div.desc {
	margin-top: 10px;
    margin-bottom: 10px;
}

/* form within dialog */
.toolDialogForm {
    position:relative;
	/*width: 100%;*/
	/*height: 220px;*/ /* shouldn't be required due to automatic height setting */
   	overflow-y: auto;
   	overflow-x: hidden;
}

/* pre-selection pulldown */
#toolDialog .presetSelect {
	position: absolute;
	right: 10px;
	top: 10px;
    width: 160px;
    font-size: 11px;
}
#toolDialog .mandatoryLegend {
	position: absolute;
	left: 10px;
	bottom: 15px;
}

/* tableless forms */
.toolDialogForm span.label {
    width: 160px;
    /*line-height:25px;*/
    display:block;
    float:left;
	padding-top: 4px;
    margin-bottom: 3px;
}

.toolDialogForm input[readonly] {
	background-color: #eee;
}

.toolDialogForm .value {
	width: 210px;
	float: left;
}


.toolDialogForm span.mandatory {
	display: none;
	float: none;
	width: 5px;
}

.toolDialogForm .parameter.parameter-mandatory span.mandatory {
	display: inline;
}

/* file upload input in UploadVersionTool */
.toolDialogForm .fileInputButton {
    width: 80px;
}
.toolDialogForm .fileInputButton > span {
    width: 80px;
	text-align: center;
}
.toolDialogForm .fileInputFilename {
    margin-top: 2px;
    word-wrap: break-word;
}
/* for disable_condition: use an overlay div to disable
   on parameter */
.toolDialogForm .parameter.disabled {
	opacity: 0.5;
}


/*
.toolDialogForm .value .container {
	margin: 0px;
    border: solid 1px #cccccc;
	padding: 3px;
}
*/
.toolDialogForm br {
    clear:left;
    padding: 3px;
}
.toolDialogForm.editorTable {
    width: 350px;
    border: solid 1px #cccccc;
    padding: 5px;
}
.toolDialogForm.editorTable div.container {
    background: #ffffff;
}


.toolDialogForm .parameter-type-checkbox div.container,
.toolDialogForm .parameter-type-button div.container {
	border: 1px solid transparent;
	background: inherit;
	padding: 4px 0px 4px 0px;
}

.toolDialogForm .parameter-type-button div.value {
	width: 100% !important;
}

.toolDialogForm .parameter-type-button div.container {
	text-align: right;
}

.toolDialogForm .parameter-type-button div.container > a.button {
	display: inline-block;
	padding: 0px 10px;
	width: inherit;
}

.toolDialogForm .parameter-type-button span.label {
	display:none;
}

.toolDialogForm div.container.readonly {
	border: 1px solid transparent;
	background: inherit;
}


.toolDialogForm.editorTable span.label {
    width: 109px;
}
.toolDialogForm.editorTable div.value {
    width: 225px;
	margin-bottom: 3px;
}

.toolDialogForm.editorTable .checkfailed div.value {
    width: 200px;
}

#ToolDialog.Powerpoint div.value {
    width: 190px;
}

#ToolDialog.Powerpoint .checkfailed div.value {
    width: 165px;
}

.toolDialogForm.editorTable .checkfailed.empty div.value {
	width: 225px;
}


/*
.toolDialogForm .value .container input,
.toolDialogForm .value .container select,
.toolDialogForm .value .container textarea {
    width: 100%;
	padding: 0px;
	margin: 0px;
	border: none;
}
*/
.toolDialogForm .value input.checkbox {
    width: 16px;
}

/* feedback in tools form */
.toolDialogForm div.feedback {
    margin-bottom: 3px;
}

/* CropTool dialog fixes */
.toolDialog.CropTool {
    width: 400px;
}
.toolDialog.CropTool .toolDialogForm.editorTable {
	width: 390px;
}
.toolDialog.CropTool .toolDialogForm {
    width: 400px;
	height: 725px;
}

/* error notice */
.toolDialogForm.editorTable span.review {
    display: none;
}
.toolDialogForm.editorTable .checkfailed span.review {
    float: left;
    display: block;
    width: 25px;
    height: 20px;
    background: url(img/icon-reviewinput.png) center center no-repeat;
}
.toolDialogForm.editorTable .checkfailed.empty span.review {
	display: none;
}

/* automator pulldown */
#cmd_target_folder {
    width:120px;
}

/* additional tools div */
.additionalTools {
    height: 0px;
}

/* "quick tool" buttons */
.button.rotateLeft,
.button.rotateRight,
.button.rotate180,
.button.previousVersion,
.button.CropTool {
    background-repeat: no-repeat;
    background-position: center center;
}
.button.rotateLeft {
    background-image: url(img/tools-rotate-90-left.png);
}
.button.rotateRight {
    background-image: url(img/tools-rotate-90-right.png);
}
.button.rotate180 {
    background-image: url(img/tools-rotate-180.png);
}
.button.previousVersion {
    background-image: url(img/tools-undo.png);
}
.additionalTools .button.CropTool {
    background-image: url(img/tools-crop.png);
}



/*******************************************************************************
* CROPTOOL
*******************************************************************************/

/* croptool main div */
div.croptool {
    margin-bottom: 10px;
}

/* editor (upper area) */
div.croptool div.editor {
    width: 360px;
    margin: 0px auto;
    border: solid 1px #aaaaaa;
    background: #ffffff;
    cursor: default;
}
div.croptool div.editor div.canvas {
    position: relative;
    height: 360px;
    background: url(img/ico-croptool-bg.png);
    -moz-user-select: none;
    -webkit-user-select: none;
}

/* selection info */
div.croptool div.editor div.canvas div.info {
    position: absolute;
    z-index: 3;
    display: block;
    height: 14px;
    line-height: 14px;
    padding: 0px 4px;
    background: #000000;
    color: #ffffff;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    cursor: default;
    font-size:10px;
    cursor:move;
}

/* selection rectangle */
div.croptool div.editor div.canvas div.selection {
    position: absolute;
    z-index: 2;
    border: solid 1px #ff0000;
}
div.croptool div.editor div.canvas div.selection.animate {
    border: dashed 1px #ff0000;
}
div.croptool div.editor div.canvas div.selection div.bg {
    height: 100%;
    background: #ffffff;
    opacity: 0.3;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    cursor: move;
}

/* selection resize handle */
div.croptool div.editor div.canvas div.selection div.handle {
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: 3;
    bottom: 1px;
    right: 1px;
    cursor: se-resize;
    background: url(img/ico-croptool-handle.png) no-repeat;
}

/* selection "fullscreen" button (X) */
/*div.croptool div.editor div.canvas div.selection div.fullscreen {
    position: absolute;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align:center;
    font-size: 11px;
    background: #333333;
    color: #ffffff;
    z-index: 3;
    top: -1px;
    right: -1px;
}*/

/* cursor overwrites */
div.croptool div.editor.dragging {
    cursor:move;
}
div.croptool div.editor.resizing,
div.croptool div.editor.resizing div.canvas div.selection div.bg {
    cursor:se-resize;
}

/* hide selection info while dragging */
div.croptool div.editor.dragging div.canvas div.info {
    display: none;
}

/* canvas image */
div.croptool div.editor div.canvas div.image {
    position: absolute;
    width:360px;
    height:360px;
    z-index: 1;
    background-repeat: no-repeat; /* center center;*/
}

/* toolbar/info area (below canvas) */
div.croptool div.editor div.tools {
    padding: 3px;
    /*border-bottom: solid 1px #aaaaaa;
    color: #999999;*/
    background: #aaaaaa;
    color: #ffffff;
}
div.croptool div.editor div.tools div.properties {
    float: left;
    font-size: 11px;
}
div.croptool div.editor div.tools div.button {
    width: 80px;
    float:right;
    margin-left: 3px;
}
div.croptool div.editor div.tools div.button.warning {
    background-color: #ad4343;
}

/* inputs (lower area) */
div.croptool div.inputs {
    padding: 5px 3px 3px 3px

}
div.croptool div.inputs table {
    border-spacing: 0px;
}
div.croptool div.inputs table td {
    padding: 0px;
}
div.croptool div.inputs input {
    width: 80px;
    border: solid 1px #aaaaaa;
    font-size: 12px;
    padding: 2px;
}
div.croptool div.inputs input.checkbox {
    width:16px;
}
div.croptool div.inputs input.relative {
    border: solid 1px #ff0000;
}
div.croptool div.inputs input.checkfailed {
    background: no-repeat 65px center;
    background-image: url("img/icon-reviewinput.png");
}

/* relation button (between output size inputs) */
div.croptool div.inputs div.relation {
    width: 24px;
    height: 24px;
    margin: 0px 2px;
    background: url("img/ico-croptool-nonproportional.png") no-repeat center center;
    cursor: pointer;
}
div.croptool div.inputs div.relation.proportional {
    background-image: url("img/ico-croptool-proportional.png");
}

#assetDeepLinkTool .snippet {
	word-break: break-all;
	font-family: monospace;
	width: 100% !important;
}

#assetDeepLinkTool {
	/* fix for IE so the scrollbar does not destry the layout */
	overflow-y: hidden;
}

#assetDeepLinkTool .parameter-name-snippet .value,
#assetDeepLinkTool .parameter-name-snippet .label {
	width: 100%;
}

#assetDeepLinkTool .parameter-name-snippet_link .value,
#assetDeepLinkTool .parameter-name-snippet_link .label {
	width: 100%;
}

#assetDeepLinkTool .parameter-name-asset_url .value,
#assetDeepLinkTool .parameter-name-asset_url .label {
	width: 100%;
}

#assetDeepLinkTool .parameter-name-snippet .label > a {
	float: right;
}


#assetDeepLinkTool #snippet_email_link {
	display: inline-block;
	width: 23px;
	height: 14px;
	margin-left: 5px;
	background: url(img/ico_mail.gif) 0px -5px;
}

#assetDeepLinkTool #asset_link,
#assetDeepLinkTool #try_snippet_link {
	display: inline-block;
	float: right;
}