/************************************************************
*
* layout.css
* standard layout for framework
*
************************************************************/

@import "header.css";
@import "footer.css";
@import "content.css";
@import "forms.css";
@import "print.css" print;

:root {
    --scala-darkgray:#333333;
    --scala-gray:#666666;
    --scala-lightgray:#808080;
	--scala-verylightgray:#efefef;
	
    --scala-textgray:#e6e6e6;
    --scala-green:#339966;
    --scala-lightgreen:#339966;
    
	--scala-ragred:#A00000;
    --scala-ragamber:#FCAB1F;
    --scala-raggreen:#599737;
    
	--scala-white:#ffffff;
	--scala-blue:blue;
	
	--width-stage:984px;
	--width-snippets:200px;
}

*
{
	font-family:arial,helvetica,san serif;
}

body
{
	background-color:#cccccc;
	padding:0px;
	margin:0px;
}

/************************************************************/
/************************************************************/

#overlay {
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#666666;
  z-index:65000; 
  cursor:wait; 
  display:block;
  opacity:0.5;
}


/************************************************************/
/************************************************************/

#bodyframe
{
	display:block;
	overflow:hidden;
	min-height:100vh; 
	width:984px;
	padding:0px;
	margin:0 auto;
	background-color:white;
}	

/************************************************************/
/************************************************************/

header
{
	height:80px;
	margin:10px;
}

/************************************************************/
/************************************************************/

footer
{
	height:80px;
	padding:5px;
	color:#ffffff;
	background-color:#666666;
}

/************************************************************/
/************************************************************/

article
{
	display:block;
	overflow:hidden;
	width:964px;
	z-index:0;
}