@import url(debugger.css);

@import url(reset.css);
@import url(header.css);
@import url(status-bar.css);
@import url(font-styles.css);
@import url(step1.css);
@import url(step2.css);
@import url(step3.css);
@import url(step4.css);
@import url(step5.css);
@import url(ie6.css);



#step1, #step2, #step3, #step4
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 700px;
	height: 351px;
	overflow: auto;
	}


img
	{
	border: none;
	}



html
	{
	height: 100%;
	}

body
	{
	height: 100%;
	background: #000 url(../images/placeholder.jpg) no-repeat top center;
	}
	
.floatright
	{
	float: right;
	margin: 0 0 10px 10px;
	}
	
	
	
.hidden
	{
	position:absolute;
 	left:-5000px;
 	top:-5000px;
 	overflow:hidden;
	}
	
.tooltip
	{
	border-bottom: dotted 1px #9d9e9b;
	cursor: help;
	}
	
	
	
#loading
	{
	position: absolute;
	top: 229px;
	left: 334px;
	margin: 0;
	}
	
#card-creator .loading-preview
	{
	left: 285px;
	}
	
	
#screen
	{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/screen-bg.png);
	}
	
	
	
#card-creator
	{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 740px;
	height: 490px;
	margin: -245px 0 0 -370px;
	background: url(../images/bg.png) no-repeat top left;
	}
	
	
#header
	{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 700px;
	height: 70px;
	background: url(../images/header/header-bg.png) no-repeat top left;
	}
	
	
	
#main
	{
	position: absolute;
	top: 80px;
	left: 20px;
	width: 700px;
	height: 351px;

	overflow: hidden;
	}
	
	
#status-bar
	{
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 700px;
	height: 39px;
	background: url(../images/status-bar/statusbar-bg.png) no-repeat top left;
	}