/* effects the area inside- the form itself */


#page .tform {
	width: 650px;
}

/* page and fields */
#page {
	background-color: #FAF5E1;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: black;
	line-height: 1.2em;
	margin: 20px;
	width: 650px;
}
/* paragraphs */
#page p  {
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: left;
}

/* headings */
#page h1 {
	font-size: 170%;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
	text-align: left;
	padding: 0;
	margin-top: 1.7em;
	margin-bottom: 1.7em;
}
#page h2 {
	font-size: 140%;
	font-weight: bold;
	font-style: normal;
	padding: 0;
	margin-top: 1.5em;
	margin-bottom: 1.1em;
}
#page h3 {
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
	padding: 0;
	margin-top: 1.3em;
	margin-bottom: 1.1em;
}
#page h4 {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	padding: 0;
	margin-top: 1.1em;
	margin-bottom: 1.1em;
}
#page h4b {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	padding: 0;
	margin-bottom: 1.1em;
}
#page h5 {
	font-size: 90%;
	font-weight: bold;
	font-style: italic;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
}
#page h6 {
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* divisions */
#page div {
	padding: 0;
	margin-top: 0em;
	margin-bottom: 0em;
}

/* lists */
#page ul, ol {
	padding: 0 0 0 3em;
	margin-top: 1em;
	margin-bottom: 1em;
}
#page ul ul, ol ol, ul ol, ol ul {
	margin-top: 1em;
	margin-bottom: 1em;
}
#page li {
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: left;
}
#page li p {
	margin-top: 1em;
	margin-bottom: 1em;
}
#page dl {
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}
#page dl dl {
	margin-top: 0em;
	margin-bottom: 0em;
}
#page dt {
	padding: 0;
	font-weight: bold;
	margin-top: .3em;
	margin-bottom: .3em;
}
#page dd {
	padding: 0;
	margin-top: .3em;
	margin-left: 3em;
	margin-bottom: .3em;
}
#page dl p {
	margin-top: .3em;
	margin-bottom: .3em;
}

/* inline */
#page strong {
	font-weight: bold;
}
#page em {
	font-style: italic;
}
#page code {
	font-family: Courier New, Courier, monospace;
}
#page ins {
	background-color: yellow;
	text-decoration: underline;
}
#page del {
	text-decoration: line-through;
}

/* input */
#page input, #page select, #page textarea, #page label {
	font-size: 12px;
	width: 240px;
	margin: 0;
}

#page input[type="radio"] {
	margin: 2px 2px -2px 4px;
}

#page textarea {
	width: 99%;
}
#page .cal {
	border: 0;
	margin: 3px 0 -3px 0;
	cursor: pointer;
}

/* anchors */
#page a[href] {
	color: #660000;
	text-decoration: underline;
}



/* tables */
#page table {
	width: 100%;
	border-collapse: collapse;
	border: 0;
}

#page th,#page td {
	border: 1px solid #faf5e1;
	padding: 2px 8px 2px 0px;
}

#page th {
	font-weight: normal;
	text-align: left;
}

#page .tform p {
	margin: 0;
}

#page .w300 { width: 10%; }
#page .w250 { width: 250px!important; }
#page .w220 { width: 20px; }
#page .w110 { width: 110px; }
#page .w20 { width: 20px!important; }

#page .tformu td {
	border: 0;
	padding: 2px 8px 2px 8px;
}

/* headers */
#page .houter {
	height: 100px;
}
#page .hright {
	float: right;
	width: 200px;
}
#page .hright1 {
	float: right;
	width: 180px;
	padding: 10px;
	margin: 0;
	border: 1px solid #c0c0c0;
}
#page .hright2 {
	float: right;
	width: 180px;
	padding: 10px;
	margin: 5px 0 5px 0;
	border: 1px solid #c0c0c0;
}
#page .hleft {
	float: left;
	width: 150px;
	margin-right: 10px;
	margin-bottom: 60px;
	padding: 10px;
	border: 1px solid #c0c0c0;
}
#page .htitle {
	margin: 0 auto;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
}
#page .blue {
	background: white;
	color: blue;
	font-size: 80%;
	font-weight: normal!important;
}

/* inner table */
#page .isite {
	width: 300px;
	border: 0;
}
#page .isite td {
	border: 0;
}
#page .isite p {
	margin: 0;
}
#page .iclass {
	width: 100%;
	border: 0;
}
#page .iclass td {
	width: 20%;
	border: 0;
}

/*  ##########################################  */
/* calendar */
#page .dpDiv {
	width: 250px;
	border: 1px solid #aaaaaa;
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	width: 250px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #000000;
	 
	background-color: white;
	border: 1px outset #aaaaaa;
	/*border: 0;*/
}

/* a table row that holds date numbers (either blank or 1-31) */
 .dpTR {
}

/* the top table row that holds the month, year, and forward/backward buttons */
 .dpTitleTR {
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
 .dpDayTR {
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
 .dpTodayButtonTR {
}

/* a table cell that holds a date number (either blank or 1-31) */
 .dpTD {
border: 1px solid #aaaaaa;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
 .dpDayHighlightTD {
background-color: #FAF5E1;
border: 1px solid #aaaaaa;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
 .dpTDHover {
background-color: #aca998;
border: 1px solid #888888;
cursor: pointer;
color: white;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	border: 0;
	background-color: #FAEAC9;
}

/* a table cell that holds one of the forward/backward buttons */
 .dpButtonTD {
	border: 0;
	background-color: #FAEAC9;
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
 .dpTodayButtonTD {
	border: 0;
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
 .dpDayTD {
background-color: #660000;
border: 1px solid #aaaaaa;
color: white;
}

/* additional style information for the text that indicates the month and year */
 .dpTitleText {
font-size: 12px;
color: black;
font-weight: bold;
background: #FAEAC9;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
color: faf5e1;
font-weight: bold;
}

/* the forward/backward buttons at the top */
 .dpButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: black;
background: #FAEAC9;
font-weight: bold;
padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
background: #FAEAC9;
font-weight: bold;
}