/**
 * Style sheet for typical Form for OCSCC 803 200rideau.com
 * Original 03Jun2026
 */

body {
font-family: Tahoma, sans-serif;
}

#container {
background-image: linear-gradient(to bottom right, #82cab0, #dfc670);
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
left: auto;
right: auto;
width: auto;
border-radius: 10px;
border-width: 5px;
border-style: solid;
border-color: #cccccc;
margin: auto;
font-size: 100%;
max-width: 800px;
min-width: 30%;
}
	
#Photo1 {
border-radius: 20px;
border-width: 10px;
border-style: solid;
border-color: #cccccc;
width: 90%;
margin-left: 3%;
margin-right: 3%;
}
	
#article {
width: 94%;
border-color: #cccccc;
border-width: 5px;
border-style: solid;
border-radius: 10px;
margin: auto;
padding-left: 2%;
padding-right: 2%;
float: none;
font-size: 100%;
}	

.error_list_box {
  width: 50%;
  height: auto;
  padding: 15px;
  box-sizing: border-box;
  background-color: #acacac;  
  border: 7px solid #ccc;
  border-radius: 10px;
/*  overflow-wrap: break-word;
  word-break: break-word;*/
} 

textarea {
  max-width: 100%;
  resize: vertical; /* Bonus: Stops horizontal dragging completely, allowing only up/down resizing */
  box-sizing: border-box; /* Ensures padding doesn't push the width past 100% */
}