/*
 *-----------------------------------------------------------------
 * Licensed Materials - Property of IBM
 *
 * WebSphere Commerce
 *
 * (C) Copyright IBM Corp. 2013 All Rights Reserved.
 *
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with
 * IBM Corp.
 *-----------------------------------------------------------------
 */

html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
	font-family: sans-serif;
	font-size: 10px;
}
body > #header {
	height: 75px;
}
body.showDetails > #header {
	height: 175px;
}
body > #content {
	position: absolute;
	left: 0;
	right: 0;
	top: 75px;
	bottom: 0;
	background-color: #eee;
	overflow: auto;
}
body.showDetails > #content {
	top: 175px;
}
#skin.fit {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#skin.landscape,
#skin.portrait {
	display: inline-block;
	margin: 50px;
	background-color: #ccc;
	border-radius: 10px;
	box-shadow: 0 5px 0 #888;
}
#skin.landscape {
	padding: 20px 40px;
}
#skin.portrait {
	padding: 40px 20px;
}
#previewFrameWrapper {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
#resizeHandleX {
	position: absolute;
	right: -12px;
	top: 0;
	bottom: 0;
	width: 2px;
	height: 50px;
	margin: auto;
	background-image: none;
	border-width: 0 1px;
	border-style: solid;
	border-color: #fff;
}
#resizeHandleY {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -12px;
	width: 50px;
	height: 2px;
	margin: auto;
	background-image: none;
	border-width: 1px 0;
	border-style: solid;
	border-color: #fff;
}
#headerFrame,
#previewFrame {
	width: 100%;
	height: 100%;
	border: 0;
}
#hiddenFrame {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 1px;
	visibility: hidden;
}