body {
	font-family: Verdana, Geneva, Helvetica, Sans-Serif;
	font-size: 62.5%;	/* this makes 1em = 10px in all browsers */
	margin: 0px;
	background: url(./images/watermark_faded.jpg) no-repeat;
}

img { border: 0px; }

p { margin: 1em; }

/* Standard links used throughout the application */
a			{ color: black; text-decoration: underline; }
a:visited	{ color: black; }
a:hover		{ color: black; text-decoration: none; }

/* Links defined as external through the content editor will have this class */
a .external			{ color: Red; }
a .external:visited	{ color: Red; }
a .external:hover	{ color: Red; text-decoration: none; }

h1 { font-size: 1.6em; padding: 0 0 2px 1em; margin: 0; font-weight: normal; background-color: #e5ecf9; border-top: 1px solid #999; border-bottom: 1px solid #ccc;}
h2 { font-size: 1.4em; margin: 0; }
h3 { font-size: 1.2em; font-weight: normal; margin: 4px 0 4px 0; }
h4 { font-size: 1.1em; margin: 0px; color: Black; }

#container { 
	margin: 0px;
	font-size: 1.1em;
	position: absolute;
	width: 760px;
}

#header {
	padding: 0px;
	height: 55px;
	margin-bottom: 5px;
}

#footer {
	clear: both;
	padding-top: 1em;
	font-size: 0.9em;
}
#footer img { padding-right: 8px; }

#inner {
	margin-left: 110px;
}

#menu {
	position: absolute;
	top: 60px;
	left: 5px;
	width: 90px;
	border: 1px solid #16A;
	background-color: #e5ecf9;
	padding-top: 5px;
	padding-left: 4px;
	padding-bottom: 8px;	
}
/* These are not understood by IE, but add curved edges to the menu link box for other browsers */
#menu:before {
	background: transparent url(./images/box_topright.gif) no-repeat top right;
	content: url(./images/box_topleft.gif);
	margin: -7px -2px -8px -6px;
	display: block;
	line-height: 0.1;
}
#menu:after {
	background: transparent url(./images/box_bottomright.gif) no-repeat bottom right;
	clear: both;
	content: url(./images/box_bottomleft.gif);
	margin: -6px -2px -10px -6px;
	display: block;
	line-height: 0.1;
}

#menu a { padding: 4px; display: block; font-size: 1.2em; margin-left: 4px; }
#menu a:hover { }

#progress {
	color: #333;
	text-align: center;
	padding-top: 10px;
	padding-left: 2px;
	width: 640px;	/* Set width here to ensure floating li's are contained */
	font-size: 0.9em;
}

/* Main content region */
#content {
	vertical-align: top;
	clear: left;
	border: 1px solid #16A;
	border-top: 0;
}
#content input { font-size: 0.9em; }

/* Page content text is defined through admin area. Appears at top of content region. */
#pageContentText { }

/* DH 04/07 PBI 2298 */
#unplacedPrefText { }

/* Progress bar constructs */
ul#nav, ul#nav li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#nav {
	font-size: 0.9em;	
}
ul#nav li {
	background-color: #DDD;
	background: url(./images/progress.jpg) no-repeat;
	font-family: Arial Black;
	font-size: 1.2em;
	padding: 4px 0 0 0;
	width: 128px;
	height: 27px;
	color: #666;
}

ul#nav li.first, ul#nav li.firstcurrent { border-width: 1px; }
ul#nav li.current, ul#nav li.firstcurrent { width: 128px; background-color: #FA5; background: url(./images/progress_current.jpg) no-repeat; margin-top: 2px; color: #333;}
ul#nav li.first, ul#nav li.done { background: url(./images/progress_done.jpg) no-repeat; margin-top: 2px; }

/********************************************/
/* Extended styles used for displaying data */
/********************************************/
/* Shows the "* indicates a required field" reminder at top of data entry forms */
#RequiredReminder { display: block; padding-bottom: 15px; }

div.dataentry {	margin-top: 20px; margin-left: 20px; }
div.dataentry label, div.dataentry input, div.dataentry textarea { display: block; margin-top: 2px; float: left; }
div.dataentry textarea { width: 300px; height: 100px; }
div.dataentry select { margin-top: 2px; }
div.dataentry label {text-align: left; width: 145px; padding-right: 20px; line-height: 20px;}
div.dataentry radio { border: 0px; }
div.dataentry br { clear: left; }

/* override previous settings to get radio buttons to look right */
div.dataentry .radio input { border: 0px; }
div.dataentry .radio label { width: auto; }

/* actions are commands that are block displayed beneath the previous elements */
.actions {font-size: 1.2em; display: block; margin: 40px 0 10px 175px; }
.actions input { margin: 0 0 0 20px; }

/* End of section summary pages (shown after adding account, adding children and adding preferences) have this style */
div.summary { margin: 0 0 0 20px; }
div.summary br { clear: both; }
div.summary h2 { padding: 25px 0 5px 0; clear: left; width: 170px; float: left; margin-right: 15px; }
div.summary span { display: block; float: left; line-height: 20px; }
div.summary span.title { display: block; float: left; width: 170px; font-weight: bold; color: #16A; margin-right: 15px; }
div.summary a { float: left; font-weight: normal; font-size: 0.8em; padding-top: 20px;}
/*  */

/* Round selection page. Each round has the following style items */
div.roundselect { margin: 0 0 0 20px; padding: 20px 0 20px 0;}
div.roundselect br { clear: left; }
div.roundselect span { display: block; float: left; padding: 4px 8px 0 0;}
div.roundselect span.title { display: block; float: left; width: 175px; font-weight: bold; color: #16A; padding-top: 4px;}
/*  */

/* Style used for displaying data on A4 pages (fixed width, plain white background) */
.printTable { width: 600px;	border: 1px solid; border-collapse: collapse; background-color: White; }
.printTable td.Header { border: 1px solid; background-color: #eeeeee; }
.printTable td { border: 1px solid; padding: 0.2em; }
/*  */

.ErrorLabel { color: #F3523C; font-weight: bold; }

/* Style used by required field asterisks */
.reqast { color: #F3523C; font-size: 1.2em; margin-left: 2px; }

/* The vErr classes are used when displaying validation errors on the form. */
.vErr div { font-weight: bold; color: Red; margin-left: 10px; }
.vErr li { color: Red; }

/* The vMess classes are used when displaying non-error messages on the form. */
.vMess div { font-weight: bold; color: Green; margin-left: 10px; }
.vMess li { color: Green; }

/* School search region containing all schoolsearch items */
.schoolsearch { margin: 0px 10px 0px 10px; float: left;}
.schoolsearch .item, .schoolsearch .altitem { width: 620px; border: 1px solid #333; background-color: #e5ecf9; float: left;}
.schoolsearch .altitem { background-color: White;}
.schoolsearch .item .core, .schoolsearch .altitem .core { width: 350px; float: left; padding: 2px; }
.schoolsearch .item .distance, .schoolsearch .altitem .distance { width: 150px; float: left; padding: 2px;}
.schoolsearch .item .distance span, .schoolsearch .altitem .distance span { display: block; }
.schoolsearch .item .select, .schoolsearch .altitem .select { width: 90px; float: left; text-align: center; padding:8px; }
.schoolsearch .item .select a, .schoolsearch .altitem .select a { font-size: 1.2em;  padding: 4px; border: 1px solid #666; background-color: White;}


/* Style for paging links on school search screens */
.paging { color: Red; margin: 5px 0px 0px 0px; padding: 5px 0px 5px 20px; font-size: 90%; border-top: 1px dotted black; }
.paging a { margin-right: 1px; margin-left: 1px; }
/* End school search table styles */

div .user { margin: 20px; width: 398px; padding: 4px; border: 1px dotted #999; background-color: #eee;}
.user .edit { float: right; width: 125px; }
.user .edit img { padding: 4px; vertical-align: middle; }
.user a { text-decoration: none; }
.user a:hover { text-decoration: underline; }

.child, .childnotsubmitted, .information { margin: 20px; padding: 4px; border: 1px solid #999; background-color: #afa; }
.childnotsubmitted { background-color: #ccc; }
.information { background-color: #ffffcc; }
.information .info { background: url(./images/info_16x16.gif) no-repeat; display: block; clear: left;  padding: 0px 0px 0px 10px; margin: 0;  }
.child h3, .childnotsubmitted h3 { float: left; position: relative; left: -10px; top: -10px; background: url(./images/childdetails.gif) no-repeat; padding: 15px 0 0 60px; height: 48px; font-weight: bold; margin: 0; width: 205px; }
.child .edit, .childnotsubmitted .edit { float: right; width: 325px; text-align: right; }
.child .edit img, .childnotsubmitted .edit img { padding: 4px; vertical-align: middle; }
.child .round, .childnotsubmitted .round { display: block; clear: left;  padding: 0; margin: 0;  }
.child a, .childnotsubmitted a, .information a { text-decoration: none; }
.child a:hover, .childnotsubmitted a:hover, .information a:hover { text-decoration: underline; }

/* similar to above, but shown on the prefsummary page */
.pref, .prefnotsubmitted { margin: 20px; padding: 4px; border: 1px solid #999; background-color: #afa;}
.prefnotsubmitted { background-color: #e5ecf9; }
.pref h3, .prefnotsubmitted h3 { float:left; position: relative; left: -10px; top: -10px; background: url(./images/childdetails.gif) no-repeat; padding: 15px 0 0 60px; height: 48px; font-weight: bold; margin: 0; width: 205px; }
.pref .edit, .prefnotsubmitted .edit { float: right; width: 325px; text-align: right; }
.pref .edit img, .prefnotsubmitted .edit img { padding: 4px; vertical-align: middle; }
.pref .edit a:hover img, .prefnotsubmitted .edit a:hover img { text-decoration: none; }
.pref .round , .prefnotsubmitted .round { display: block; clear: left;  padding: 0; margin: 0;  }
.prefnotsubmitted li a, .prefnotsubmitted li a:visited, .prefnotsubmitted li a:hover  { color: Blue; text-decoration: underline; }
.prefnotsubmitted li.noprefs { color: Red; } /* style for message when no prefs exist */
.pref .tab, .prefnotsubmitted .tab { margin: 10px 0 0 40px; border: 1px solid #666; border-collapse: collapse; }
.pref .tab th, .prefnotsubmitted .tab th {  padding: 8px; } 
.pref .tab td, .prefnotsubmitted .tab td { border: 1px solid #999; padding: 0.5em 2em; } 
.pref .tab td .updaterank, .prefnotsubmitted .tab td .updaterank { padding: 0.4em;}
.pref .tab td.updaterank img, .prefnotsubmitted .tab td.updaterank img { display: block; padding-bottom: 2px; }
.pref a, .prefnotsubmitted a { text-decoration: none; }
.pref a:hover, .prefnotsubmitted a:hover { text-decoration: underline; }

#trPassword em, #tblPassword em
{
	line-height: 2.1em;
	padding-left: 3px;
}