/*******************************************************************************************
	All of the selectors below must be included on any Total Control Page. These
	values must also be entered into the TCP configuration page in order for 
	the WYSIWYG content to match the actual page content.

	Feel free to change any of the properties and values within the selectors 
	unless otherwise noted.
*******************************************************************************************/

body {
	background: #fff url(../images/bg.gif) repeat-y 50% 0; 
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	/* start all of the font size percentages below the browser default which is ugly big,
		Small = 60%
		Medium = 69%
		Large = 76%
	*/
	font-size: 76%; /* this value must be one of the three percentages listed above */
}

p, table, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; /* do not change this value! */
	color: #000;
}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight: bold;
	color: #036;
}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #060;
}

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #900;
}

a {
	color: #36c;
}

hr {
	height: 1px;
	border: none 0;
	border-top: 1px solid #555;
	margin: 0px;
	padding: 0px;
}

.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	background-image: url(../images/formfield_bg.gif);
	border: 1px solid #ccc;
	padding-left: 2px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #fff;
	border: 2px outset #ccc;
}

/******************* FIELD SETS **********************/

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
  border: 1px solid #666666;
  padding: 0;
  margin: 0 0 10px 0;
}
legend {
  color: #333;
}

legend {
  padding: 0 10px;
  font-weight: bold;
  font-size: 110%;
}
fieldset p {
	padding: 10px;
	margin: 0px;
}
dl {
/*	background-color: #b8cee0; */
	padding: 10px;
	margin: 0px;
}
dl dt {
  float: left;
  width: 24.5%; /* was 200px */
  text-align: right;
  font-size: 1em;
  font-weight: bold;
  color: #333;
  margin: 0 3px 0 0;
  padding: 1px 0 0 0;
}

dl dd {
	margin: 0 0 0 25%;/* was 200px */
	padding: 0 0 5px 0;
}

.buttonarea {
	background-color: #ccc;
	padding: 5px; 
	text-align: center;
	margin-bottom: 20px;
}
.buttonarea .button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #fff;
	border: 2px outset #ccc;
}

/*******************************************************************************************
	All styles below this point are optional.
*******************************************************************************************/

a:hover {
	color: #09f;
}

#pagearea {
	width: 700px;
	text-align: left;
}

.border {
	border-right: 1px solid #ddd;
}

.pagesheading { /* used only for the pages edit area for the Heading content type */
	font-family: Arial, Helvetica, sans-serif;
	color: #264A6E;
	font-size: 14px;
	font-weight: bold;
}

.alert {
	font-weight: bold;
	color: #c00;
}