/* note: altering height dimensions leads to altering the lineHeight value in the JavaScript.js file! */

.clear{ clear: both;}
body{
	font-family	:Verdana,Tahoma,Arial;
	font-size		:8pt;
	font-weight	:normal;
	margin			:0;
	padding		:0px;
	overflow		:scroll;
}
body > h1 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 1em;
	font-size: 2em;
	padding: 1em;
	background-color		: #ccc;
    margin: 0;
}
#mainFormContainer input{
	text-transform		: none;
}
#welcomeSection {
	position: fixed;
	top: 4em;
	left: 0;
	right: 0;
	height: 1.3em;
	background-color		: #3399CC;
	padding: 0.25em 0 0.25em 2em;
	font-family			: Verdana,sans-serif;
	font-size				: 1.5em;
	text-transform		: capitalize;
}
#content{
	position: absolute;
	top: 9em;
	left: 0;
	right: 0;
	bottom: 4em;
	margin: 0;
	padding: 0;
	overflow: auto;
}
#ft{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-family: Verdana, Arial, Tahoma;
	font-size: 12px;
	border-top: 1px solid #999;
	margin	: 20px 0 20px 0;
	padding: 2px 0px 2px 20px;
	background-color	: #ccc;
}
.headBlock{
	float						: left;
	background-image			: url('headBlockBackground.GIF');
	background-repeat		: repeat-y;
	background-position		: top right;
/* 	border:1px solid red; */
}
.container{
	float:left;
/* 	width:100%; */
}
/* This is meant to target only the container of borders for when the infill equals 
'pattern' and we have 2 containers, one with shapes and one with borders, 
the seconds needs a little distinguishing */
div.clear + div.masterContainer{
	border-top:2px dotted #39c;
}
.masterContainer
{
	float		:left;
}
.inline{
	float		:left;
	margin		:0px;
	padding	:0px;
	top			:0px;
}
p.details{
	color				: #000;
	font-size			: 14px;
	width				: 200px;
	background		: none;
	border				: 0px;
}

#entryDetail input{
	 width		: 130px;
}
#entryDetail p{
	 width		: 120px;
}
#potteryForm,#entryDetail{
	width: 3000px;
}
#potteryForm .submit{
	margin			:0px;
	padding-top	:50px;
}

/*#potteryForm*/ select,input{
	margin				: 3px 5px 3px 5px;
	padding			:0px;
	width				:110px;
	text-transform	:capitalize;
}
/*#potteryForm*/ option{
	text-transform:capitalize;
}
/*#potteryForm*/ p{
	padding			:5px;
	padding-left		:10px;
	padding-right		:10px;
	margin				:0px;
	margin-left		:2px;
	border				:0px;
	border-bottom		:2px solid orange;
	color				:#3399CC;
	font-weight		:bolder;
	background-color:#EEEEEE;
	width				:100px;
	text-transform	:capitalize;
}
.invisible{
	display 			: none;
}
.visible{
	
}
#WindowCover{
	z-index				: 2;
	position 				: fixed;
	top						: 0px;
	left					: 0px;
	width					: 100%;
	height					: 100%;
	background-color		: white;
	text-align			: left;
	padding				: 40px; 
}
#WindowCoverLoaded{
	margin					: 0px;
	padding				: 0px;
	padding-left			: 10px;
	display				: inline;
	border					: 0px;
	background-color		: inherit;
	color					: black;
}
.highlight{
	font-weight			: bold;
	color					: black;
}
.TextMenu{
	background-color		: #ddd;
	width					: 1400px;
	margin					: 0px;
	padding				: 0px;
	padding-top			: 3px;
	padding-left			: 10px;
	height					: 18px;
	font-weight			: bold;
	color					: #999;
	border-bottom			: 2px solid white;
}
.itemText,.itemText2,.itemText3,.itemDeleteButton{
	width					: 50px;
	background-color		: #eee;
	margin					: 0px;
	border-right			: 1px solid white;
	border-bottom			: 1px solid white;
	padding				: 0px;
	padding-top			: 3px;
	padding-left			: 20px;
	height					: 18px;
	font-weight			: bold;
	color					: #666;
	float					: left;
}
.itemText2{
	width					: 120px;
	padding-left			: 5px;
}
.itemText3{
	height					: 25px;
	width					: 120px;
	padding-left			: 5px;
	
}

.itemDeleteButton{
	padding-left			: 10px;
	font-weight			: bold;
	color					: #3399CC;
	text-transform		: lowercase;
	cursor					: pointer;
}
li{
	list-style 			: none;
	clear					: both;
}
a.inlineLink, a:active.inlineLink, a:visited.inlineLink{
	text-decoration		: none;
	color					: #ccc;	
}
a:hover.inlineLink{
	text-decoration		: none;
	color					: #fff;	
}
#logout{
	float					: right;
	padding-right			: 20px;
}