////
/// @group external/dragdrop
////

/*
 * Copyright 2013 John Ahlroos
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* Absolute layout styles */
///@todo find out where it's used...
@mixin ex-drag-drop-layout {
	.v-ddabsolutelayout-drag-shadow,
	.v-ddcsslayout-drag-shadow{
		background-color: rgb(169,209,255); /* IE fallback */
		background-color: rgba(169,209,255,.6);
		background-position: 0;
		background-image:none !important;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		vertical-align: bottom;
	}
	
	/* Horizontal and vertical styles */
	.v-ddorderedlayout-over{
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	.v-ddorderedlayout-over-middle,
	.v-ddorderedlayout-over-center{	
		background-color: rgb(169,209,255); /* IE fallback */
		background-color: rgba(169,209,255,.6);
	}
	.v-ddorderedlayout-over.v-ddorderedlayout-over-left{	
		border-left: 2px solid #1d9dff;
		margin-right: -2px;
	}
	.v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-left{
		border-left: 6px solid #1d9dff;
		padding-left: 0px !important;
	}
	.v-ddorderedlayout-over.v-ddorderedlayout-over-right{	
		border-right: 2px solid #1d9dff;
		margin-left: -2px;		
	}
	.v-ddorderedlayout-over.v-ddorderedlayout-over-top{
		border-top: 2px solid #1d9dff;
		margin-bottom: -2px;
	}
	.v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-top{
		border-top: 7px solid #1d9dff;
		padding-top: 0px !important;
	}
	.v-ddorderedlayout-over.v-ddorderedlayout-over-bottom{		
		border-bottom: 2px solid #1d9dff;
		margin-top: -2px;
	}
	.v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-right + div{	
		border-left: 6px solid #1d9dff;
		padding-left: 0px !important;
	}
	.v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-bottom + div{	
		border-top: 7px solid #1d9dff;
		padding-top: 0px !important;	
	}
	/* First child never has padding, in that case use a narrow indicator */
	.v-horizontallayout div:first-child.v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-left{
		border-left: 2px solid #1d9dff;
		margin-right: -2px;
	}
	.v-verticallayout div:first-child.v-ddorderedlayout-over-spaced.v-ddorderedlayout-over-top{
		border-top: 2px solid #1d9dff;
		margin-bottom: -2px;
	}
	
	/* Grid layout styles */
	.v-ddgridlayout-over{
		
	}
	.v-ddgridlayout-over-middle,
	.v-ddgridlayout-over-center{
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;	
		background-color: rgb(169,209,255); /* IE fallback */
		background-color: rgba(169,209,255,.6);	
	}
	.v-ddgridlayout-over-left{	
		background-color:transparent;
		border-left: 2px solid #1d9dff;
		margin-right: -2px;
	}
	.v-ddgridlayout-over-right{	
		background-color:transparent;
		border-right: 2px solid #1d9dff;
		margin-left: -2px;				
	}
	.v-ddgridlayout-over-top{
		background-color:transparent;
		border-top: 2px solid #1d9dff;
		margin-bottom: -2px;
	}
	.v-ddgridlayout-over-bottom{
		background-color:transparent;
		border-bottom: 2px solid #1d9dff;
		margin-top: -2px;		
	}
	.v-ddgridlayout-drag-shadow{
		position: absolute;
	}
	
	
	/* SplitPanel styles */
	.v-ddsplitpanel-over{
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;	
		background-color: rgb(169,209,255); /* IE fallback */
		background-color: rgba(169,209,255,.6);		
	}
	.v-ddsplitpanel-over-splitter{
		border: 1px solid rgb(169,209,255); /* IE fallback */
		border: 1px solid rgba(169,209,255,.6);		
	}
	
	
	/* TabSheet styles */
	.v-tabsheet-tabs .v-tabsheet-spacertd .new-tab{
		background:none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;	
		background-color: rgb(169,209,255); /* IE fallback */
		background-color: rgba(169,209,255,.6);			
		width: 48px;
		height: 23px;	
		padding: 9px 8px 0 6px;
	}
	.v-tabsheet-tabs .new-tab-left{
		border-left: 2px solid #1d9dff;
		margin-right: -1px;
	}
	.v-tabsheet-tabs .new-tab-right{
		border-right: 2px solid #1d9dff;
		margin-left: -1px;
	}
	.v-tabsheet-tabs .new-tab-center{
		border-top: 2px solid #1d9dff;
		margin-bottom: -2px;
	}
	
	.v-tabsheet.v-dd-active-drag-source{
		opacity:1;
	}
	
	/* Accordion styles */
	.v-accordion-item.dd-over,
	.v-accordion-item-caption .v-caption.dd-over{
		background:none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;	
		background-color: rgb(169,209,255); /* IE fallback */
		background-color: rgba(169,209,255,.6);			
	}
	.v-accordion .spacer{	
		background-color: #1d9dff;
		height:2px;
		width:100%;
		position:relative;
	}
	
	/* FormLayout styles */
	.v-ddformlayout-over{
	    -moz-border-radius: 4px;
	    -webkit-border-radius: 4px;
	    border-radius: 4px; 
	    background-color: rgb(169,209,255); /* IE fallback */
	    background-color: rgba(169,209,255,.6);    
	}
	
	.v-ddformlayout-over-top .v-formlayout-captioncell,
	.v-ddformlayout-over-top .v-formlayout-errorcell,
	.v-ddformlayout-over-top .v-formlayout-contentcell{
	    border-top: 2px solid #1d9dff;
	    padding-top: 6px !important;
	}
	
	.v-ddformlayout-over-middle .v-formlayout-captioncell,
	.v-ddformlayout-over-middle .v-formlayout-errorcell,
	.v-ddformlayout-over-middle .v-formlayout-contentcell{
	    background:none;
	    -moz-border-radius: 2px;
	    -webkit-border-radius: 2px;
	    border-radius: 2px; 
	    background-color: rgb(169,209,255); /* IE fallback */
	    background-color: rgba(169,209,255,.6);         
	}
	
	.v-ddformlayout-over-bottom .v-formlayout-captioncell,
	.v-ddformlayout-over-bottom .v-formlayout-errorcell,
	.v-ddformlayout-over-bottom .v-formlayout-contentcell{
	    border-bottom: 2px solid #1d9dff;
	    padding-top: 6px !important;
	}
	
	/* Fixes VFilterselect dragging drag image styles */
	.v-drag-element .v-filterselect-input{
		float:left;
		padding: 4px 0px 4px 2px;			
		border: none;
		height:16px;
		background-position: 0% -499px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;	
		font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
		font-size: 12px;
		line-height: normal;
		background: transparent repeat-x;
	  	background-image: url(../../themes/reindeer/common/img/vertical-sprites.png);
	  	-background-image: url(../../themes/reindeer/common/img/vertical-sprites-ie6.png);
	  	background-position: left -499px;
	}
	.v-drag-element .v-filterselect-button{
		font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
		font-size: 12px;
		line-height: normal;
	}
	
	/* Fixes VTextField drag image styles */
	.v-drag-element .v-textfield{
		padding: 3px 3px 4px;
		color: #222;
		font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
		font-size: 12px;
		line-height: normal;
	}
	
	.v-drag-element input.v-textfield-small {
		font-size: 11px;
		line-height: normal;
		height: auto;
		padding: 2px;
	}
	
	/* Fixes VTextArea drag image styles */
	.v-drag-element .v-textarea{
		padding: 3px 3px 4px;	
		color: #222222;
		font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
		font-size: 12px;
		line-height: normal;
	}
	
	.v-drag-element textarea.v-textarea-small {
		font-size: 11px;
	}
	
	/* IFRAME shim styles */
	.v-dragdrop-iframe-cover{
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-opacity:0.0;
		-webkit-opacity:0.0;
		-khtml-opacity:0.0;
		opacity:0.0;
		background-color: rgb(169,209,255); /* IE fallback */
		background-color: rgba(169,209,255,.6);			
	}
	
	/* Fade out drag source */
	.v-dd-active-drag-source{
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		filter: alpha(opacity=20);
		-moz-opacity:0.2;
		-webkit-opacity:0.2;
		-khtml-opacity:0.2;
		opacity:0.2;
	}
}