/**
* This file contains the styles for the layouts
*
*/

/*
*	GENERAL STUFF
*/



/*
*	New Custom Stuff
*/
#een-layout-9 .een-camera-holder{
	width: 33%;
}

#een-layout-16 .een-camera-holder{
	width: 24%;
	height: 187px;
}

/*
*	Custom stuff
*/

#een-layout-1 .een-camera-holder{
	width: 80%;
	height: 480px;
}

#een-layout-1 .een-camera-view{
	height: 438px;
}

 #een-layout-2 .een-camera-holder{
	/*width: 320px;*/
	height: 400px;
} 

#een-layout-2 .een-camera-view{
	/*width: 320px;*/
	height: 358px;
} 

#een-layout-3 #een-camera-1 .een-camera-holder{
	width: 100%;
	height: 552px;
}

#een-layout-3 #een-camera-1 .een-camera-view{
	width: 100%;
	height: 510px;
}

#een-layout-4 .een-camera-holder{
	width: 320px;
} 

#een-layout-5 #een-camera-1 .een-camera-holder{
	width: 100%;
    height: 552px;
}
#een-layout-5 #een-camera-1 .een-camera-view{
	width: 100%;
    height: 510px;
}

#een-layout-5 #een-camera-4 .een-camera-holder, #een-layout-5 #een-camera-5 .een-camera-holder{
	width: 100%;
	height: 375px;
}
#een-layout-5 #een-camera-4 .een-camera-view, #een-layout-5 #een-camera-5 .een-camera-view{
	width: 100%;
	height: 333px;
}

#een-layout-6 #een-camera-1 .een-camera-holder{
	width: 100%;
	height: 552px;
}
#een-layout-6 #een-camera-1 .een-camera-view{
	width: 100%;
	height: 510px;
}

#een-layout-7 #een-camera-1 .een-camera-holder {
    width: 100%;
    height: 470px;
}

#een-layout-7 #een-camera-1 .een-camera-view {
    width: 100%;
    height: 425px;
}

#een-layout-7 .een-camera-holder {
    width: 100%;
    height: 230px;
}

#een-layout-7 .een-camera-view {
    width: 100%;
    height: 185px;
}

#een-layout-8 #een-camera-7 .een-camera-holder, #een-layout-8 #een-camera-8 .een-camera-holder{
	width: 520px;
	height: 365px;
}
#een-layout-8 #een-camera-7 .een-camera-view, #een-layout-8 #een-camera-8 .een-camera-view{
	width: 520px;
	height: 340px;
}

/*
*	DnD styles
*/
.een-camera-holder.over{
	opacity: 0.75;
	box-shadow: 0px 0px 5px black;
	transform:scale(0.93);
	-ms-transform:scale(0.93); /* IE 9 */
	-moz-transform:scale(0.93); /* Firefox */
	-webkit-transform:scale(0.93); /* Safari and Chrome */
	-o-transform:scale(0.93); /* Opera */
}

#content.layout-manager {
    padding-top: 0px !important;
}