/*This style sheet controls how the textboxes will look */


/*** right column Full width box. ***

IE has difficulty with dashed and dotted. Dotted will show as dashed, and dashed can be dodgy anyway. 
So you are far better to use the solid property. At least you know you will get the same display in
every browser. */


div.full-width-box {
   background-color: #ffffff;
	margin: 15px 0px 10px 0px;
	padding: 15px;
   border: 1px solid #444444;
	
}

div.center-box {
   width: 50%;
   background-color: #ffffff;
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
   border: 1px solid #444444;
	
}

div.full-width-box2 {
   background-color: #ffffaa;
	margin: 15px 0px 10px 0px;
	padding: 15px;
   border: 1px solid #444444;
	
}

div.full-width-box-buzzy-yellow {
   background-color: #ffcc00;
	margin: 0px 0px 0px 0px;
	padding: 5px;
   border: 1px solid #444444;
	
}	
/*** right column Half of width box left ***/
div.half-width-box-left {
   background-color: #ffffff;
	margin: 5px 5px 5px 5px;
	border: 1px solid #444444;
	padding: 10px;
	width: 50%;
	float: left;
	
}
/*** right column Half of width box right ***/
div.half-width-box-right {
   background-color: #ffffff;
	margin: 5px 5px 5px 5px;
	border: 1px solid #000066;
	padding: 10px;
	width: 50%;
	float: right;
	
}

/*** Picture inside the text ***/
.img-float-left {
	float: left;
	padding: 2px;
	margin-right: 5px;
	border: 2px solid #444444;
}
.img-float-right {
	float: right;
	padding: 2px;
	margin-left: 5px;
	border: 2px solid #444444;
}
.img-float-right-no-border {
	float: right;
	padding: 2px;
	margin-left: 5px;
}
/*** Clearing of a float ***/
div.clear {
	clear: both;
	width: 100%;
	height: 1px;
}