body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

body {
	text-align: center;
	margin: 2px;
	padding: 2px;
}

img.slice {
	display: block;
	border: 0px;
}

table.container {
	border-width: 0px;
	text-align: left;
}
td.footerText p {
	font-size: 8pt;
	margin: 4px 0px;
}

/****************************************************************************
*
* Top menu
*
*/
div.topMenuContainer {
	margin-top: 3px;
	margin-bottom: 3px;
	position: relative;
}
div.topMenuContainer div, div.topMenuContainer span {
	height: 25px;
}
div.topMenuContainer div.background {
	background-image: url(/images/slices/menu/nav-bar-1px.gif);
	position: absolute;
	width: 100%;
}
div.topMenuContainer div.background div.leftEdge {
	background-image: url(/images/slices/menu/nav-bar-left.gif);
	width: 5px;
	position: absolute;
	left: 0px;
}
div.topMenuContainer div.background div.rightEdge {
	background-image: url(/images/slices/menu/nav-bar-right.gif);
	width: 5px;
	position: absolute;
	right: 0px;
}
div.topMenuContainer div.menuItems {
	position: absolute;
	width: 100%;
}
div.topMenuContainer span, div.topMenuContainer a {
	display: block;
	float: left;
}
div.topMenuContainer span.leftSpacer {
	width: 24px;
}
div.topMenuContainer span.spacer {
	width: 1px;
	background-color: white;
}
div.topMenuContainer a {
	padding: 4px 12px 0px;
	font-weight: bold;
}

td.topMenuItem a {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
td.topMenuItem a:hover {
	text-decoration: underline;
}

/****************************************************************************
*
* User name
*
*/
td.userContainer {
	text-align: right;
	padding:  4px 16px 0px;
	font-weight: bold;
}

/****************************************************************************
*
* Chunks
*
*/
td.chunks {
	vertical-align: top;
}
td.chunks div.chunk {
	width: 249px;
	height: 140px;
	margin: 16px 0px;
	position: relative;
}

td.chunks h1, td.chunks a.title {
	color: black;
	display: inline;
	position: absolute;
	top: 14px;
	left: 90px;
	margin: 0px 4px 0px 0px;
	font-size: 11pt;
	font-weight: bold;
	height: 14pt;
	overflow: hidden;
	text-overflow: ellipsis;
}
td.chunks span {
	display: block;
	position: absolute;
	top: 48px;
	left: 90px;
	width: 140px;
	height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
}
td.chunks span a:hover {
	text-decoration: none;
}
td.chunks img {
	position: absolute;
	top: 48px;
	left: 12px;
	width: 67px;
	height: 67px;
	border: 0px;
}
td.chunks div.chunkLaPortal div {
	margin-top: 4px;
}
td.chunks div.chunkLaPortal select {
	width: 104px;
	vertical-align: middle;
}
td.chunks div.chunkLaPortal a {
	padding-left: 6px;
	font-weight: bold;
	vertical-align: middle;
}
td.chunks div.chunkLaPortal span.empty {
	font-style: italic;
}
/* Login specific overrides */
td.chunks div.chunkLogin {
	width: 380px !important;
	height: 110px !important;
}
td.chunks div.chunkLogin a.title {
	font-size: 11pt;
	top: 14px;
	left: 70px;
}
td.chunks div.chunkLogin span {
	width: 240px;
	left: 70px;
}
td.chunks div.chunkLogin img {
	width: 48px;
	height: 48px;
}

/****************************************************************************
*
* The resources pages ...
*
*/
div.ruleResources {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin: 2px 0px;
}

div.searchPage {
	margin-bottom: 16px;
}

/* Search form */
form.search label, form.search input, form.search span.buttonBackground {
	vertical-align: middle;
}
form.search input {
	margin: 0px 16px;
}

/* Individual resource */
div.resourceContent {
	margin: 16px 56px;
}
div.resourceContent img {
	border-width: 8px;
	border-style: solid;
}
div.resourceContent div.empty {
	margin: 32px 0px 32px;
	font-style: italic;
}

/* Table of resources */
tr.resource td.icon {
	width: 1%;
	white-space: nowrap;
	padding: 4px 16px;
	vertical-align: top;
}
tr.resource td.icon img {
	width: 33px;
	height: 33px;
	border: 0px;
}
tr.resource td.description {
	padding: 8px 16px;
}
tr.resource td.description div.name {
	font-weight: bold;
	margin-bottom: 2px;
}
tr.resource td.icon img.empty {
	width: 24px;
	height: 24px;
	padding: 8px;
}
tr.resource td.description div.empty {
	font-style: italic;
	padding: 8px;
}
div.resourcesPage {
	margin-bottom: 16px;
}
div.resourcesPage div.emptyFoldersList {
	margin-bottom: 16px;
}
div.resourcesPage td.chunks a.title {
	left: 12px;
}
tr.resource td.date, tr.resource td.keyStages {
	width: 1%;
	white-space: nowrap;
	padding-top: 4px;
	padding-right: 16px;
	vertical-align: top;
}

/* Folders */
div.folderBackground {
	position: absolute;
	top: 40px;
	left: 5px;
	width: 239px;
	height: 95px;
}

/****************************************************************************
*
* The login page
*
*/
div.ruleLogin {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin: 2px 0px;
}

/****************************************************************************
*
* The reset-password page
*
*/
div.resetPasswordPage {
	margin-bottom: 16px;
}

/****************************************************************************
*
* The registration pages
*
*/
div.registrationMainPage {
	margin: 16px 0px;
}
#registrationForm span.label {
	padding-right: 8px;
	vertical-align: middle;
}
#registrationForm select {
	vertical-align: middle;
}
#registrationForm span.actions {
	padding-left: 16px;
	vertical-align: middle;
}

#registrationDetailsForm {
	margin: 16px 0px;
}
div.secondaryRuleLogin {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: 16px 0px;
}
#registrationDetailsForm table {
	width: 100%;
}
#registrationDetailsForm td.label {
	width: 40%;
	text-align: right;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	line-height: 165%;
}
#registrationDetailsForm input.textInput {
	width: 300px;
}
#registrationDetailsForm td.value * {
	vertical-align: middle;
}
#registrationDetailsForm td.value img {
	padding-left: 16px;
}
#registrationDetailsForm p.typeLabel {
	margin: 0px 0px 8px 5px;
}
#registrationDetailsForm p.vat {
	margin: 8px 0px 0px 5px;
}
#registrationDetailsForm div.actions {
	text-align: center;
}
#registrationDetailsForm .actionSpacer {
	padding-left: 32px;
}

div.registrationCompletePage div.actions {
	margin-bottom: 16px;
}

/****************************************************************************
*
* The do-survey page
*
*/
div.ruleDoSurvey {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin: 4px 0px;
}
div.secondaryRuleDoSurvey {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: 4px 0px;
}

/* Table of surveys */
table.surveyType td.icon {
	width: 1%;
	white-space: nowrap;
	padding: 4px 16px;
	vertical-align: top;
}
table.surveyType td.icon img {
	width: 22px;
	height: 22px;
	border: 0px;
}
table.surveyType td.type {
	padding: 8px 16px;
}
table.surveyType td.description {
	padding: 8px 16px;
}
table.surveyType div.name {
	font-weight: bold;
	margin-bottom: 2px;
}
table.surveyType td.date {
	width: 1%;
	white-space: nowrap;
	padding-top: 4px;
	padding-right: 16px;
	vertical-align: top;
}
table.surveyType td.actions {
	padding: 4px 16px 0px;
}
div.doSurveyPage div.empty {
	padding: 8px 16px;
	margin: 4px 0px 4px 54px;
	font-style: italic;
}
div.surveyTypeEnd {
	margin-bottom: 32px;
}

/****************************************************************************
*
* The main survey-results page
*
*/
div.ruleSurveyResults {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin: 4px 0px;
}
div.secondaryRuleSurveyResults {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: 4px 0px;
}

div.surveyResultsMainPage {
	margin-bottom: 16px;
}
div.surveyResultsMainPage div.info {
	margin: 16px 0px 16px 70px;
}
div.surveyResultsMainPage div.info p {
	margin: 2px 0px;
}
div.surveyResultsMainPage div.dateRange {
	margin: 16px 0px 16px 70px;
	font-size: 12pt;
}
div.surveyResultsMainPage div.dateRange div.title {
	margin: 8px 0px;
	font-weight: bold;
}
div.surveyResultsMainPage div.dateSwitch {
	float: right;
	margin-right: 16px;
}
div.surveyResultsMainPage div.dateRange div.unreleasedSurveys {
	font-size: 10pt;
	font-style: italic;
}
div.surveyResultsMainPage div.dateRange div.unreleasedSurveys img {
	float: left;
	margin-right: 8px;
}
div.surveyResultsMainPage div.dateRange div.unreleasedSurveys div.actions {
	margin: 8px 0px 0px 40px;
}
div.surveyResultsMainPage div.empty {
	padding: 8px 16px;
	margin: 4px 0px 4px 54px;
	font-style: italic;
}

/****************************************************************************
*
* The survey-results-with-unreleased-responses page
*
*/
div.surveyResultsDescription {
	margin: 16px 16px 16px 54px;
}

/****************************************************************************
*
* The individual survey-results page
*
*/
#surveyResultsLoading {
	text-align: center;
	margin: 32px;
	font-style: italic;
}
#surveyResults {
	margin: 0px 0px 16px 54px;
}

table.surveyResultsHeader td.icon {
	width: 1%;
	white-space: nowrap;
	padding: 4px 16px;
	vertical-align: top;
}
table.surveyResultsHeader td.icon img {
	width: 22px;
	height: 22px;
	border: 0px;
}
table.surveyResultsHeader td.type {
	padding: 8px 16px;
}
table.surveyResultsHeader td.description {
	padding: 8px 16px;
	background-color: #eeebe6; /* XXX */
}
table.surveyResultsHeader div.name {
	font-weight: bold;
	margin-bottom: 2px;
}
table.surveyResultsHeader td.date {
	width: 1%;
	white-space: nowrap;
	padding-top: 4px;
	padding-right: 16px;
	vertical-align: top;
}

table.surveyResultsScope td.label {
	width: 140px;
	font-weight: bold;
	padding: 4px 16px 4px 70px;
	vertical-align: top;
}
table.surveyResultsScope td.scope {
	padding: 4px 16px 4px 0px;
}
table.surveyResultsScope td.scope form#scope {
	margin: 0px;
}
table.surveyResultsScope td.scope div {
	margin-bottom: 2px;
}
table.surveyResultsScope td.scope div * {
	vertical-align: middle;
}
table.surveyResultsScope td.scope div span {
	padding: 0px 6px;
}
form.surveyResultsScope {
	display: none;
}

table.surveyResultsFilters td.label {
	width: 140px;
	font-weight: bold;
	padding: 4px 16px 4px 70px;
	vertical-align: top;
}
table.surveyResultsFilters td.filters {
	padding: 4px 16px 4px 0px;
}
table.surveyResultsFilters td.filters div.actions {
	margin-top: 8px;
}
table.surveyResultsFilters td.filters div#filterWarning {
	margin-top: 6px;
	font-style: italic;
	font-weight: bold;
}

table.surveyResultsStyles td.label {
	width: 140px;
	font-weight: bold;
	padding: 4px 16px 4px 70px;
	vertical-align: top;
}
table.surveyResultsStyles td.style {
	padding: 4px 16px 4px 0px;
}

table.surveyResultsResults td.count {
	padding: 4px 16px 8px;
}
table.surveyResultsResults td.print {
	padding: 4px 32px 8px;
	text-align: right;
}

#surveyResults td.graphContainer {
	padding-right: 16px;
}
#surveyResults td.graphContainer img.surveyGgraph {
	width: 300px;
	height: 250px;
	vertical-align: bottom;
}
#surveyResults td.graphContainer img.surveyMap {
	width: 300px;
	height: 300px;
	vertical-align: bottom;
}
#surveyResults td.graphActions {
	vertical-align: top;
	padding-right: 16px;
	width: 1%;
	height: 200px;
}
#surveyResults td.graphActions div.style {
	text-align: right;
	margin-bottom: 4px;
}

div#printable div.surveyResultsPrintableScope {
	margin: 12px 0px 12px 70px;
	font-weight: bold;
}
div#printable div.surveyResultsPrintableFilters {
	margin: 12px 0px 12px 70px;
}
div#printable div.surveyResultsPrintableFilters div.filter {
	margin: 6px 16px;
}
div#printable div.surveyResultsPrintableFilters div#filterWarning {
	margin: 12px 0px;
	font-style: italic;
	font-weight: bold;
}
div#printable div.surveyResultsPrintableCount {
	margin: 12px 0px 12px 70px;
}

/****************************************************************************
*
* The survey-results filter selection page
*
*/
div.surveyResultsFilterPage {
	margin: 8px;
}

/* Header */
div.surveyResultsFilterPage div.title {
	margin: 12px 16px;
}
div.surveyResultsFilterPage div.title td.title {
	width: 99%;
	font-size: 11pt;
	font-weight: bold;
}
div.surveyResultsFilterPage div.title td.close {
	width: 1%;
}
div.surveyResultsFilterPage div.description {
	margin: 8px 16px;
}


div.surveyResultsFilterPage form#filters {
	margin: 0px;
}

div.surveyResultsFilterPage table.filters tr.odd td {
	background-color: #ebeee6; /* XXX */
}
div.surveyResultsFilterPage table.filters td.label {
	font-weight: bold;
	width: 1%;
	white-space: nowrap;
	padding: 4px 8px 4px 16px;
	vertical-align: top;
}
div.surveyResultsFilterPage table.filters td.value {
	width: 99%;
	padding: 4px 0px 4px 0px;
}
div.surveyResultsFilterPage table.filters td.value div * {
	vertical-align: middle;
}

div.surveyResultsFilterPage div.actions {
	margin: 12px 16px;
	height: 2em; /* Strange requirement to stop IE stretching this DIV to 100% height! */
}

/****************************************************************************
*
* The survey-results filter selection page
*
*/
div.surveyResultsTextResponsesPage {
	padding: 8px;
}
div.surveyResultsTextResponsesPage div.responseCount {
	font-weight: bold;
}
div.surveyResultsTextResponsesPage div.textResponse {
	border-bottom: 1px solid black;
	padding: 4px 8px;
	margin: 4px 0px;
}
div.surveyResultsTextResponsesPage div.actions {
	margin-top: 16px;
}

/****************************************************************************
*
* The survey-results filter selection page
*
*/
div.surveyResultsSurveysForReleasePage {
	margin-bottom: 16px;
}

/****************************************************************************
*
* The admin pages ...
*
*/
div.ruleAdmin {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin: 2px 0px;
}
div.secondaryRuleAdmin {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: 2px 0px;
}

div.adminViewHeader div.paging {
	float: right;
	padding: 4px 0px;
}
div.adminViewHeader div.paging span.page {
	padding-left: 4px;
}
div.adminViewHeader div.paging span.inactive {
	border: 1px solid #888; /* XXX */
	color: #888; /* XXX */
	padding: 2px 4px;
}
div.adminViewHeader div.paging a {
	border: 1px solid #000; /* XXX */
	padding: 2px 4px;
}
div.adminViewHeader div.paging span.current {
	border: 2px solid #000; /* XXX */
	padding: 1px 3px;
}
div.adminViewHeader div.recordCount {
	font-weight: bold;
	padding: 4px 0px;
}

/****************************************************************************
*
* The admin reports page
*
*/
div.adminReportsPage form#filters {
	margin: 0px 0px 8px 54px;
}
div.adminReportsPage form#filters td.label {
	font-weight: bold;
	width: 1%;
	white-space: nowrap;
	padding: 4px 8px 4px 16px;
	vertical-align: top;
}
div.adminReportsPage form#filters td.value {
	width: 99%;
	padding: 4px 0px 4px 0px;
}
div.adminReportsPage form#filters td.value div {
	margin-bottom: 2px;
}
div.adminReportsPage form#filters td.value div * {
	vertical-align: middle;
}
div.adminReportsPage form#filters div.actions {
	margin: 4px 0px 0px 16px;
}
div.adminReportsPage form#filters div.actions span.button {
	padding-right: 4px;
}
div.adminReportsPage div.adminViewHeader {
	margin: 8px 16px 8px 70px;
}
div.adminReportsPage div.adminViewHeader div.actions {
	margin: 8px 0px;
}
div.adminReportsPage div.adminViewHeader div.actions span.button {
	padding-right: 4px;
}
div.adminReportsPage div.results {
	margin: 0px 0px 16px 54px;
}
div.adminReportsPage div.results th {
	border-left: 2px solid;
	padding: 8px 8px 8px 8px;
	vertical-align: top;
}
div.adminReportsPage div.results th div.sortable {
	position: relative;
	padding-right: 28px;
}
div.adminReportsPage div.results th a {
	position: absolute;
	right: 0px;
	top: 0px;
}
div.adminReportsPage div.results th img {
	border: 0px;
	vertical-align: middle;
}
div.adminReportsPage div.results td {
	padding: 8px 8px 8px 10px;
	border-bottom: 1px solid;
}
div.adminReportsPage div.results td.middle {
	text-align: center;
}
div.adminReportsPage div.results td div {
	position: relative;
	white-space: nowrap;
	text-align: right;
}
div.adminReportsPage div.results td div.surveyActions span.button {
	display: block;
	margin: 4px 0px;
}
div.adminReportsPage div.results td div.stpActions span.button {
	padding-left: 4px;
}

/****************************************************************************
*
* The admin manage users page
*
*/
div.adminManageUsersPage {
	margin: 16px 0px;
}
div.adminManageUsersPage form#filters {
	margin: 16px 0px 16px 54px;
}
div.adminManageUsersPage form#filters td.label {
	font-weight: bold;
	width: 1%;
	white-space: nowrap;
	padding: 4px 8px 4px 16px;
	vertical-align: top;
}
div.adminManageUsersPage form#filters td.value {
	width: 99%;
	padding: 4px 0px 4px 0px;
}
div.adminManageUsersPage form#filters td.value div {
	margin-bottom: 2px;
}
div.adminManageUsersPage form#filters td.value div * {
	vertical-align: middle;
}
div.adminManageUsersPage form#filters div.userActions {
	float: right;
	margin: 4px 16px 0px 0px;
}
div.adminManageUsersPage form#filters div.filterActions {
	margin: 4px 0px 0px 16px;
}
div.adminManageUsersPage form#filters div.filterActions span.button {
	padding-right: 4px;
}
div.adminManageUsersPage div.adminViewHeader {
	margin: 16px 16px 16px 70px;
}
div.adminManageUsersPage div.users {
	margin: 8px 0px 8px 54px;
}
div.adminManageUsersPage div.users div.user {
	padding: 4px 16px;
}
div.adminManageUsersPage div.users div.userAlternate {
	background-color: #eeebe6; /* XXX */
}
div.adminManageUsersPage div.users div.user div.actions {
	float: right;
	margin-top: 4px;
}
div.adminManageUsersPage div.users div.user div.actions span.button {
	padding-left: 4px;
}
div.adminManageUsersPage div.users div.user div.name {
	font-weight: bold;
}
div.adminManageUsersPage div.users div.user div.establishment {
	margin-top: 4px;
	font-style: italic;
}

/****************************************************************************
*
* The admin add/edit user pages
*
*/
div.adminAddUserPage {
	margin: 16px 0px;
}
div.adminEditUserPage {
	margin: 16px 0px;
}
form#adminUserForm td.label {
	font-weight: bold;
	width: 1%;
	white-space: nowrap;
	padding: 4px 8px 4px 70px;
	vertical-align: top;
}
form#adminUserForm td.value {
	width: 99%;
	padding: 4px 0px 4px 0px;
}
form#adminUserForm td.value input#email {
	width: 50%;
}
form#adminUserForm td.value img {
	padding: 0px 0px 2px 8px;
}
form#adminUserForm td.value div.error {
	margin: 4px 0px 8px;
	font-weight: bold;
}
form#adminUserForm td.value div.help {
	margin: 4px 0px 0px 0px;
}
form#adminUserForm td.divider {
	padding: 8px 0px;
}
form#adminUserForm div.actions {
	margin: 8px 0px 8px 70px;
}
form#adminUserForm div.actions span.button {
	padding-right: 4px;
}

/****************************************************************************
*
* The admin manage folders page
*
*/
div.adminManageFoldersPage {
	margin: 16px 0px 16px 54px;
}
div.adminManageFoldersPage div.folder {
	background-color: inherit;
	clear: both;
	padding: 8px 16px;
}
div.adminManageFoldersPage div.folderAlternate {
	background-color: #eeebe6 /* XXX */;
}
div.adminManageFoldersPage div.folder div.actions {
	float: right;
}

/****************************************************************************
*
* The admin manage folders page
*
*/
div.adminConfirmationPage {
	margin: 16px 0px 16px 54px;
}
div.adminConfirmationPage li {
	margin: 8px 0px;
}

/****************************************************************************
*
* The travel plan pages ...
*
*/
div.ruleSchoolTravelPlan {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin: 4px 0px;
}
div.secondaryRuleSchoolTravelPlan {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: 4px 0px;
}

/* The travel plan header, including section jump-to */
div.schoolTravelPlanHeader {
	margin: 16px 0px 16px 70px;
}
div.schoolTravelPlanHeader div.title span.title {
	font-size: 11pt;
	font-weight: bold;
}
div.schoolTravelPlanHeader div.title span.date {
	padding-left: 8px;
}
div.schoolTravelPlanHeader div.description {
	margin: 8px 0px;
}
div.schoolTravelPlanHeader span.overdue {
	color: #b44; /* XXX */
}
div.schoolTravelPlanHeader div.jumpTo {
	margin: 8px 0px;
}
div.schoolTravelPlanHeader div.jumpTo span.label {
	vertical-align: middle;
	padding-right: 4px;
}
div.schoolTravelPlanHeader div.jumpTo select {
	vertical-align: middle;
}
div.schoolTravelPlanHeader div.jumpTo span.button {
	padding-left: 4px;
}

/* The section header for the section-specific pages, including element jump-to */
div.schoolTravelPlanSectionHeader {
	/*margin-left: 54px;*/
	padding: 8px 16px;
	background-color: #eeebe6; /* XXX */
	width:auto;
}
div.schoolTravelPlanSectionHeader div.name {
	font-weight: bold;
	margin-bottom: 4px;
	min-width:200px;
	float:left;
}
div.schoolTravelPlanSectionHeader div.status {
	/*float: right;*/
	margin-left: 32px;
}
div.schoolTravelPlanSectionHeader div.helpText {
	width: 100%;
}
div.schoolTravelPlanElementJumpTo {
	margin: 8px 0px;
	padding-right: 16px;
	text-align: right;
	float:right;
}
div.schoolTravelPlanElementJumpTo span.label {
	vertical-align: middle;
	padding-right: 4px;
}
div.schoolTravelPlanElementJumpTo select {
	vertical-align: middle;
}
div.schoolTravelPlanElementJumpTo span.button {
	padding-left: 4px;
}

/* Key for graph/map */
div.schoolTravelPlanKey div.keyItem {
	clear: left;
	margin-bottom: 4px;
}

div.schoolTravelPlanKey div.keyLetter {
	color: #fff;
	font-weight: bold;
	padding: 2px;
	margin-right: 8px;
	text-align: center;
	float: left;
	width: 1em;
}
div.schoolTravelPlanKey div.keyLabel {
	padding: 2px;
}
div.schoolTravelPlanKey div.keyIconLabel {
	padding: 2px;
}
div.schoolTravelPlanKey div.keyIconLabel * {
	vertical-align: middle;
}
div.schoolTravelPlanKey div.keyIconLabel img {
	margin-right: 8px;
	height:27px;
}
div.schoolTravelPlanKey div.bottom {
	clear: both;
}

/****************************************************************************
*
* The main travel plan
*
*/
div.schoolTravelPlanMainPage {
	margin: 16px 0px;
}
div.schoolTravelPlanMainPage div.previousPlans {
	margin: 16px 0px 8px;
}
div.schoolTravelPlanMainPage div.previousPlans div.header {
	margin: 16px 0px 12px 26px;
}
div.schoolTravelPlanMainPage div.previousPlans div.header img {
	padding-right: 4px;
	vertical-align: middle;
	cursor: pointer;
}
div.schoolTravelPlanMainPage div.previousPlans div.header span {
	font-size: 11pt;
	font-weight: bold;
	padding-left: 4px;
	vertical-align: middle;
}
div.schoolTravelPlanMainPage div.previousPlans div.plan {
	margin: 4px 0px 16px 62px;
}
div.schoolTravelPlanMainPage div.previousPlans div.plan div.summary {
	background-color: #eeebe6; /* XXX */
	padding: 8px;
}
div.schoolTravelPlanMainPage div.previousPlans div.plan div.summary div.title {
	font-weight: bold;
	margin-bottom: 4px;
}
div.schoolTravelPlanMainPage span.overdue {
	color: #b44;
}
div.schoolTravelPlanMainPage div.previousPlans div.plan div.summary span.overdueAction {
	padding-left: 4px;
	vertical-align: 15%; /* Counteracts the adjustment applied to the button so that the text baselines line up */
}
div.schoolTravelPlanMainPage div.previousPlans div.plan div.actions {
	margin: 4px 0px 0px 8px;
}
div.schoolTravelPlanMainPage div.actions span.button {
	padding-right: 4px;
}

/****************************************************************************
*
* The travel plan overview page
*
*/
div.schoolTravelPlanOverviewPage div.overallGuidance {
	float: right;
	padding: 8px 16px 0px;
}
div.schoolTravelPlanOverviewPage div.sectionIeMarginFix  {
	margin-left: 54px;
}
div.schoolTravelPlanOverviewPage div.sectionIeWidthFix  {
	width: 716px;
}
div.schoolTravelPlanOverviewPage div.section  {
	padding: 8px 16px;
}
div.schoolTravelPlanOverviewPage div.sectionAlternate  {
	background-color: #eeebe6; /* XXX */
}
div.schoolTravelPlanOverviewPage div.section div.status {
	float: right;
}
div.schoolTravelPlanOverviewPage div.section div.status div {
	text-align: right;
}
div.schoolTravelPlanOverviewPage div.section div.actions {
	margin-bottom: 4px;
}
div.schoolTravelPlanOverviewPage div.actions span.button {
	padding-left: 4px;
}
div.schoolTravelPlanOverviewPage div.section div.summary {
	width: 50%;
}
div.schoolTravelPlanOverviewPage div.section div.name {
	font-weight: bold;
	margin-bottom: 4px;
}
div.schoolTravelPlanOverviewPage div.bottom {
	clear: right;
}

/****************************************************************************
*
* The section help page
*
*/
div.schoolTravelPlanSectionHelpPage {
	padding: 16px;
}
div.schoolTravelPlanSectionHelpPage div.header {
	margin: 16px 0px;
}
div.schoolTravelPlanSectionHelpPage div.header div.actions {
	float: right;
}
div.schoolTravelPlanSectionHelpPage div.header div.title {
	font-size: 11pt;
	font-weight: bold;
}
div.schoolTravelPlanSectionHelpPage div.header div.bottom {
	clear: both;
}
div.schoolTravelPlanSectionHelpPage div.body {
}

/****************************************************************************
*
* The travel plan download page
*
*/
div.schoolTravelPlanDownloadPage img {
	float: left;
	vertical-align: middle;
	margin: 8px 8px 8px 12px;
}
div.schoolTravelPlanDownloadPage div.subtitle {
	background-color: #eeebe6; /* XXX */
	margin-left: 54px;
	padding: 8px 16px;
}
div.schoolTravelPlanDownloadPage div.subtitle span {
	vertical-align: middle;
	font-size: 11pt;
	font-weight: bold;
}
div.schoolTravelPlanDownloadPage div.download {
	margin: 16px 16px 16px 70px;
}
div.schoolTravelPlanDownloadPage div.plugin {
	margin: 16px 16px 16px 70px;
}
div.schoolTravelPlanDownloadPage p.note {
	font-style: italic;
}
div.schoolTravelPlanDownloadPage a {
	font-weight: bold;
}

/****************************************************************************
*
* The travel plan view-section page
*
*/
div.schoolTravelPlanViewSectionPage {
	margin: 16px 0px;
}

div.schoolTravelPlanNoMembers {
	margin: 16px 0px 16px 70px;
	font-style: italic;
}

/* Question specific */
div.schoolTravelPlanViewSectionPage div.schoolTravelPlanQuestion {
	margin: 4px 16px 4px 70px;
	/*overflow: hidden;*/
}
div.schoolTravelPlanViewSectionPage div.schoolTravelPlanQuestion div.prompt {
	font-weight: bold;
	margin-bottom: 4px;
}

/* Graph specific */
div.schoolTravelPlanGraph {
	margin: 0px 0px 16px 70px;
}
div.schoolTravelPlanAddGraph {
	margin: 8px 0px 8px 70px;
}
div.schoolTravelPlanGraph div.actions {
	float: right;
	margin: 8px 16px 0px 32px;
}
div.schoolTravelPlanGraph div.actions span.button {
	padding-left: 4px;
}
div.schoolTravelPlanGraph div.bottom {
	clear: both;
}
div.schoolTravelPlanGraph div.name {
	font-size: 11pt;
	font-weight: bold;
	padding: 10px 0px 8px 0px;
}
div.schoolTravelPlanGraph div.name span.noName {
	font-style: italic;
}
div.schoolTravelPlanGraph td.graphContainer {
	padding-right: 16px;
}
div.schoolTravelPlanGraph td.graphContainer img.surveyGraph {
	width: 300px;
	height: 250px;
	vertical-align: bottom;
}
div.schoolTravelPlanGraph td.graphContainer img.surveyMap {
	width: 300px;
	height: 300px;
	vertical-align: bottom;
}
div.schoolTravelPlanGraph div.emptyContainer {
	font-style: italic;
}
div.schoolTravelPlanGraph div.notes {
	margin-top: 8px;
}

/* Objective, target and action specific */
div.schoolTravelPlanAdminViewSectionPage div.schoolTravelPlanObjectiveHelp {
	margin: 12px 0px;
}
div.schoolTravelPlanObjectiveHelp {
	margin: 8px 0px 4px 0px;
}
div.schoolTravelPlanObjectiveHelp img {
	vertical-align: middle;
	padding: 0px 22px 0px 24px;
}
div.schoolTravelPlanObjectiveHelp span {
	vertical-align: middle;
}
div.schoolTravelPlanAddObjective {
	margin: 4px 0px 12px 70px;
}
div.schoolTravelPlanObjectives div.secondaryRuleSchoolTravelPlan {
	margin: 0px;
}
div.schoolTravelPlanObjectives div.actions {
	float: right;
	margin: 8px 16px 0px 0px;
}
div.schoolTravelPlanObjectives div.actions span.button {
	padding-left: 4px;
}
div.schoolTravelPlanObjectives div.title {
	margin-bottom: 4px;
	font-weight: bold;
	font-size: 11pt;
}
div.schoolTravelPlanObjectives td.label {
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 8px;
	font-weight: bold;
}
div.schoolTravelPlanObjectives td.value {
	vertical-align: top;
	padding-top: 4px;
}
div.schoolTravelPlanObjective img.bullet {
	float: left;
	margin: 8px 8px 8px 24px;
}
div.schoolTravelPlanObjective div.details {
	background-color: #eeebe6; /* XXX */
	margin-left: 54px;
	padding: 8px 16px;
}
div.schoolTravelPlanObjective div.name {
	clear: right;
}
div.schoolTravelPlanTarget div.details {
	background-color: #def2f4; /* XXX */
	margin-left: 54px;
	padding: 8px 16px 8px 70px;
}
div.schoolTravelPlanTarget div.details table {
	clear: right;
}
div.schoolTravelPlanAction div.visibility {
	float: left;
	margin: 10px 0px 8px 70px;
}
div.schoolTravelPlanAction div.visibility img {
	padding-right: 4px;
	cursor: pointer;
}
div.schoolTravelPlanAction div.details {
	margin-left: 54px;
	padding: 10px 16px 8px 102px;
}
div.schoolTravelPlanAction div.details table {
	clear: right;
}

/* Consultation specific */
div.schoolTravelPlanAddConsultation {
	margin: 8px 0px 8px 70px;
}
div.schoolTravelPlanConsultation {
	margin: 16px 0px 16px 70px;
}
div.schoolTravelPlanConsultation div.actions {
	float: right;
	margin-right: 16px;
}
div.schoolTravelPlanConsultation div.actions span.button {
	padding-left: 4px;
}
div.schoolTravelPlanConsultation div.title {
	margin-bottom: 4px;
	font-weight: bold;
	font-size: 11pt;
}
div.schoolTravelPlanConsultation td.label {
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 8px;
	font-weight: bold;
}
div.schoolTravelPlanConsultation td.value {
	vertical-align: top;
	padding-top: 4px;
}

/* Signature specific */
div.schoolTravelPlanAddSignature {
	margin: 8px 0px 8px 70px;
}
div.schoolTravelPlanSignature {
	margin: 16px 0px 16px 70px;
}
div.schoolTravelPlanSignature div.actions {
	float: right;
	margin-right: 16px;
}
div.schoolTravelPlanSignature div.actions span.button {
	padding-left: 4px;
}
div.schoolTravelPlanSignature div.title {
	margin-bottom: 4px;
	font-weight: bold;
	font-size: 11pt;
}
div.schoolTravelPlanSignature td.label {
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 8px;
	font-weight: bold;
}
div.schoolTravelPlanSignature td.value {
	vertical-align: top;
	padding-top: 4px;
}

/****************************************************************************
*
* The travel plan edit-element page
*
*/
div.schoolTravelPlanEditElementPage {
	margin: 16px 0px;
}
div.schoolTravelPlanEditElementPage div.schoolTravelPlanQuestion {
	margin: 16px 0px 4px 70px;
}
div.schoolTravelPlanEditElementPage form#editElement {
	margin: 0px;
}
div.schoolTravelPlanEditElementPage div.schoolTravelPlanQuestion div.prompt {
	font-weight: bold;
	margin-bottom: 8px;
}
div.schoolTravelPlanEditElementPage input.inputText {
	width: 50%;
	margin-bottom: 16px;
}
div.schoolTravelPlanEditElementPage div.editorContainer {
	padding-right: 16px;
}
div.schoolTravelPlanEditElementPage textarea.mceEditor {
	width: 100%;
	visibility: hidden; /* XXX Does this *actually* suppress the HTML before the editor starts? */
}
div.schoolTravelPlanEditElementPage div.saveActions {
	margin: 8px 0px 8px 70px;
}
div.schoolTravelPlanEditElementPage div.saveActions span#saveAndNext{
	padding-left: 4px;
	padding-right: 16px;
}

/****************************************************************************
*
* The travel plan edit-graph page
*
*/
div.schoolTravelPlanEditGraphPage form#editForm {
	margin: 16px 0px 16px 54px;
}
div.schoolTravelPlanEditGraphPage #surveyQuestionsLoading {
	font-style: italic;
}
div.schoolTravelPlanEditGraphPage div.graphDetails {
	margin-bottom: 16px;
}
div.schoolTravelPlanEditGraphPage div.graphDetails td.graphContainer {
	padding-right: 16px;
}
div.schoolTravelPlanEditGraphPage div.graphDetails td.graphContainer img.surveyGraph {
	width: 300px;
	height: 250px;
	vertical-align: bottom;
}
div.schoolTravelPlanEditGraphPage div.graphDetails td.graphContainer img.surveyMap {
	width: 300px;
	height: 300px;
	vertical-align: bottom;
}
div.schoolTravelPlanEditGraphPage div.graphDetails td.graphActions {
	vertical-align: top;
	padding-right: 16px;
	width: 1%;
}
div.schoolTravelPlanEditGraphPage div.graphDetails td.graphActions div.style {
	text-align: right;
	margin-bottom: 4px;
}
div.schoolTravelPlanEditGraphPage div.graphDetails div#graphEmpty {
	text-align: center;
	font-style: italic;
}
div.schoolTravelPlanEditGraphPage div.graphDetails div#graphLoading {
	text-align: center;
	font-style: italic;
	height: 250px;
	position: relative;
}
div.schoolTravelPlanEditGraphPage div.graphDetails div#graphLoading div {
	position: absolute;
	top: 50%;
	width: 100%;
}
div.schoolTravelPlanEditGraphPage td.label {
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 8px;
	font-weight: bold;
	line-height: 165%;
}
div.schoolTravelPlanEditGraphPage td.value {
	vertical-align: top;
	padding-top: 4px;
}
div.schoolTravelPlanEditGraphPage input.inputText {
	width: 70%;
}
div.schoolTravelPlanEditGraphPage div.textareaContainer {
	margin-right: 4px;
}
div.schoolTravelPlanEditGraphPage div.textareaContainer textarea {
	width: 100%;
	height: 150px;
}
div.schoolTravelPlanEditGraphPage div.saveActions {
	margin: 8px 0px;
}
div.schoolTravelPlanEditGraphPage div.saveActions span#saveAndNext {
	padding-left: 4px;
	padding-right: 16px;
}

/****************************************************************************
*
* The travel plan survey-question-graph-preview page
* XXX Obsolete?
*
*/
div.schoolTravelPlanQuestionPreviewPage {
	padding: 16px;
}
div.schoolTravelPlanQuestionPreviewPage div.header {
	margin-bottom: 8px;
}
div.schoolTravelPlanQuestionPreviewPage div.actions {
	float: right;
}
div.schoolTravelPlanQuestionPreviewPage div.title {
	margin-bottom: 4px;
	font-weight: bold;
	font-size: 11pt;
}
div.schoolTravelPlanQuestionPreviewPage div.bottom {
	clear: right;
}
div.schoolTravelPlanQuestionPreviewPage div.graphContainer {
	width: 50%;
	padding-top: 25px;
}
div.schoolTravelPlanQuestionPreviewPage div.graphContainer img#graph {
	width: 300px;
	height: 250px;
}
div.schoolTravelPlanQuestionPreviewPage div.mapContainer {
	float: right;
	width: 50%;
}
div.schoolTravelPlanQuestionPreviewPage div.key {
	margin-top: 8px;
}
div.schoolTravelPlanQuestionPreviewPage div.key table td {
	padding: 4px 8px;
}
div.schoolTravelPlanQuestionPreviewPage div.key table td div.keyLetter {
	color: #fff;
	font-weight: bold;
	padding: 2px;
	margin-right: 8px;
	text-align: center;
	float: left;
	width: 1em;
}
div.schoolTravelPlanQuestionPreviewPage div.key table td div.keyLabel {
	padding: 2px;
}

/****************************************************************************
*
* The travel plan edit-objective page
*
*/
div.schoolTravelPlanEditObjectivePage {
	margin: 16px 0px;
}
div.schoolTravelPlanEditObjectivePage form#editForm {
	margin: 16px 0px 16px 70px;
}
div.schoolTravelPlanEditObjectivePage td.label {
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 8px;
	font-weight: bold;
	line-height: 165%;
}
div.schoolTravelPlanEditObjectivePage td.value {
	vertical-align: top;
	padding-top: 4px;
}
div.schoolTravelPlanEditObjectivePage input.inputText {
	width: 70%;
}
div.schoolTravelPlanEditObjectivePage div.saveActions {
	margin: 8px 0px 8px 70px;
}
div.schoolTravelPlanEditObjectivePage div.saveActions span#saveAndNext {
	padding-left: 4px;
	padding-right: 16px;
}

/****************************************************************************
*
* The travel plan edit-target page
*
*/
div.schoolTravelPlanEditTargetPage form#editForm {
	margin: 16px 0px 16px 70px;
}
div.schoolTravelPlanEditTargetPage td.label {
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 8px;
	font-weight: bold;
	line-height: 165%;
}
div.schoolTravelPlanEditTargetPage td.value {
	vertical-align: top;
	padding-top: 4px;
}
div.schoolTravelPlanEditTargetPage input.inputText {
	width: 70%;
}
div.schoolTravelPlanEditTargetPage div.saveActions {
	margin: 8px 0px 8px 70px;
}
div.schoolTravelPlanEditTargetPage div.saveActions span#saveAndNext {
	padding-left: 4px;
	padding-right: 16px;
}

/****************************************************************************
*
* The travel plan edit-action page
*
*/
div.schoolTravelPlanEditActionPage form#editForm {
	margin: 16px 0px 16px 70px;
}
div.schoolTravelPlanEditActionPage td.label {
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 8px;
	font-weight: bold;
	line-height: 165%;
}
div.schoolTravelPlanEditActionPage td.value {
	vertical-align: top;
	padding-top: 4px;
}
div.schoolTravelPlanEditActionPage input.inputText {
	width: 70%;
}
div.schoolTravelPlanEditActionPage div.textareaContainer {
	margin-right: 4px;
}
div.schoolTravelPlanEditActionPage div.textareaContainer textarea {
	width: 100%;
	height: 150px;
}
div.schoolTravelPlanEditActionPage div.saveActions {
	margin: 8px 0px 8px 70px;
}
div.schoolTravelPlanEditActionPage div.saveActions span#saveAndNext {
	padding-left: 4px;
	padding-right: 16px;
}

/****************************************************************************
*
* The travel plan edit-consultation page
*
*/
div.schoolTravelPlanEditConsultationPage form#editForm {
	margin: 16px 0px 16px 70px;
}
div.schoolTravelPlanEditConsultationPage td.label {
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 8px;
	font-weight: bold;
	line-height: 165%;
}
div.schoolTravelPlanEditConsultationPage td.value {
	vertical-align: top;
	padding-top: 4px;
}
div.schoolTravelPlanEditConsultationPage input.inputText {
	width: 70%;
}
div.schoolTravelPlanEditConsultationPage div.editorContainer {
	padding-right: 16px;
}
div.schoolTravelPlanEditConsultationPage textarea.mceEditor {
	width: 100%;
	visibility: hidden; /* XXX Does this *actually* suppress the HTML before the editor starts? */
}
div.schoolTravelPlanEditConsultationPage div.saveActions {
	margin: 8px 0px 8px 70px;
}
div.schoolTravelPlanEditConsultationPage div.saveActions span#saveAndNext {
	padding-left: 4px;
	padding-right: 16px;
}

/****************************************************************************
*
* The travel plan edit-signature page
*
*/
div.schoolTravelPlanEditSignaturePage form#editForm {
	margin: 16px 0px 16px 70px;
}
div.schoolTravelPlanEditSignaturePage td.label {
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 8px;
	font-weight: bold;
	line-height: 165%;
}
div.schoolTravelPlanEditSignaturePage td.value {
	vertical-align: top;
	padding-top: 4px;
}
div.schoolTravelPlanEditSignaturePage input.inputText {
	width: 50%;
}
div.schoolTravelPlanEditSignaturePage div.saveActions {
	margin: 8px 0px 8px 70px;
}
div.schoolTravelPlanEditSignaturePage div.saveActions span#saveAndNext {
	padding-left: 4px;
	padding-right: 16px;
}

/****************************************************************************
*
* The census map page
*
*/
div.censusMapsMainPage {
	margin: 16px 0px;
}

div.censusMapsMainPage td {
	vertical-align: top;
}
div.censusMapsMainPage div.scope {
	margin-bottom: 24px;
}
div.censusMapsMainPage div.scope div.select {
	margin-top: 8px;
}
div.censusMapsMainPage div.keyTitle {
	margin: 0px 0px 8px;
	font-weight: bold;
}
div.censusMapsMainPage div.keyTitle div.refresh {
	float: right;
	margin-right: 8px;
}
div.censusMapsMainPage div.keyTitle div.refresh img {
	vertical-align: middle;
}
div.censusMapsMainPage div.keyTitle div.refresh span.button {
	padding-left: 8px;
}
div.censusMapsMainPage div.keyTitle span.title {
	vertical-align: middle;
	font-size: 12pt;
}
div.censusMapsMainPage div.key div.keyItem * {
	vertical-align: middle;
}

/* Key for graph/map */
div.censusMapsMainPage div.keyItem img{
	height:27px;
}

div.censusMapsMainPage div.key div.keyItem span {
	padding-left: 6px;
}
div.censusMapsMainPage div#popUpContents img {
	position: static;
}
div.censusMapsMainPage div.censusMapsPupilPopup {
	margin-right: 24px;
	width: auto;
	overflow: auto;
}
div.censusMapsMainPage div.censusMapsPupilPopup div {
	width: auto;
	height: auto;
}
div.censusMapsMainPage div.censusMapsPupilPopup div.geom {
	margin: 0px 8px 16px 0px;
	padding: 2px 4px;
}
div.censusMapsMainPage div.censusMapsPupilPopup div.geomAlternate {
	background-color: #eee;
}
div.censusMapsMainPage div.censusMapsPupilPopup div.mode {
	margin-left: 8px;
}
div.censusMapsMainPage div.censusMapsPupilPopup div.mode * {
	vertical-align: middle;
	padding-right: 8px;
}
div.censusMapsMainPage div.censusMapsSchoolPopup {
	margin-right: 24px;
	width: auto;
	overflow: scroll;
	height:190px;
}
div.censusMapsMainPage div.censusMapsSchoolPopup div {
	width: auto;
	height: auto;
}
div.censusMapsMainPage div.censusMapsSchoolPopup div.geom {
	margin-bottom: 16px;
}
div.censusMapsMainPage div.censusMapsSchoolPopup div.school {
	font-weight: bold;
	padding-bottom: 4px;
	border-bottom: 1px solid black;
	margin: 0px 8px 8px 0px;
}
div.censusMapsMainPage div.censusMapsSchoolPopup table.counts {
	width: 90%;
}
div.censusMapsMainPage div.censusMapsSchoolPopup tr.alternate {
	background-color: #eee;
}
div.censusMapsMainPage div#popUpContents div.censusMapsSchoolPopup td.icon {
	vertical-align: middle;
	width: 1%;
	padding: 1px 4px 1px 8px;
}
div.censusMapsMainPage div#popUpContents div.censusMapsSchoolPopup td.name {
	vertical-align: middle;
}
div.censusMapsMainPage div#popUpContents div.censusMapsSchoolPopup td.count {
	vertical-align: middle;
	text-align: right;
	padding-right: 8px;
}

/****************************************************************************
*
* The census map select schools page
*
*/
div#censusMapsSelectSchoolsPage {
	padding: 16px;
}
div#censusMapsSelectSchoolsPage div.actions {
	float: right;
}
div#censusMapsSelectSchoolsPage div.actions span.button {
	padding-left: 8px;
}
div#censusMapsSelectSchoolsPage div.prompt {
	/* Attempt to cure the missing-cursor problem in FF */
	position: relative;
	overflow: hidden;
}
div#censusMapsSelectSchoolsPage div.prompt input#searchText {
	vertical-align: middle;
}
div#censusMapsSelectSchoolsPage div.prompt span.button {
	padding-left: 8px;
}
div#censusMapsSelectSchoolsPage div.prompt img#censusMapsSearchActivity {
	vertical-align: middle;
	padding-left: 8px;
}
div#censusMapsSelectSchoolsPage div.typePrompt {
	/* Attempt to cure the missing-cursor problem in FF */
	position: relative;
	overflow: hidden;

	margin: 8px;
}
div#censusMapsSelectSchoolsPage div#results {
	margin-top: 16px;
}
div#censusMapsSelectSchoolsPage div#results div {
	border-bottom: 1px solid black;
	padding: 4px 8px;
}
div#censusMapsSelectSchoolsPage div#results div span {
	padding-left: 8px;
}
div#censusMapsSelectSchoolsPage div#results div * {
	vertical-align: middle;
}


/****************************************************************************
*
* The routes main page
*
*/
div.routesMainPage div.chunk {
	background-color: #addee5;
}
div.routesMainPage div.chunk a.title {
	left: 12px;
}
div.routesMainPage div.chunkBackground {
	position: absolute;
	top: 40px;
	left: 5px;
	width: 239px;
	height: 95px;
	background-color: #ffffff;
}
div.routesMainPage div.chunkPlaceholder {
	background-color: #eeeeee;
}
div.routesMainPage div.chunkPlaceholder div.chunkBackground {
	position: absolute;
	top: 40px;
	left: 5px;
	width: 239px;
	height: 95px;
	background-color: #ffffff;
}
div.routesMainPage div.chunkPlaceholder span.title {
	color: gray;
	display: inline;
	position: absolute;
	top: 14px;
	left: 12px;
	margin: 0px 4px 0px 0px;
	font-size: 11pt;
	font-weight: bold;
	height: 14pt;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.routesMainPage div.chunkPlaceholder span.description {
	display: block;
	position: absolute;
	top: 48px;
	left: 90px;
	width: 140px;
	height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: gray;
}

/****************************************************************************
*
* The routes set location page
*
*/
div.routesSetSchoolLocationPage {
	margin: 8px 0px;
}
div.routesSetSchoolLocationPage div.search div.label {
	margin: 8px 0px;
	font-weight: bold;
}
div.routesSetSchoolLocationPage div.search input {
	vertical-align: middle;
	width: 5em;
}
div.routesSetSchoolLocationPage div.search span.button {
	padding-left: 4px;
}
div.routesSetSchoolLocationPage div.search img {
	padding-left: 4px;
	vertical-align: middle;
}
div.routesSetSchoolLocationPage div#error {
	color: red;
	font-style: italic;
	font-weight: bold;
	margin: 16px 0px;
}
div.routesSetSchoolLocationPage div#results {
	margin-top: 24px;
}
div.routesSetSchoolLocationPage div#results div.count {
}
div.routesSetSchoolLocationPage div#results div.help {
	margin: 8px 0px 16px;
}
div.routesSetSchoolLocationPage div#results div.location {
	padding: 8px 0px;
	margin-right: 8px;
	border-top: 1px solid black;
}
div.routesSetSchoolLocationPage div#results div.location div.address span {
	text-transform: capitalize;
	xwhite-space: nowrap;
	display: block;
}
div.routesSetSchoolLocationPage div#results div.location div.address span.first {
	font-weight: bold;
}
div.routesSetSchoolLocationPage div#results div.location div.position {
	font-size: 8pt;
	margin-top: 4px;
}
div.routesSetSchoolLocationPage div.prompt {
	margin: 0px 8px 8px 0px;
}
div.routesSetSchoolLocationPage div.actions span.button {
	padding-right: 4px;
}

/****************************************************************************
*
* The routes set home location page
*
*/
div.routesSetHomeLocationPage {
	margin: 16px 0px;
}
div.routesSetHomeLocationPage div.search {
	margin: 16px 0px 24px;
}
div.routesSetHomeLocationPage span.button {
/*	display: block;*/
	margin: 8px 0px;
}

/****************************************************************************
*
* The routes plot route page
*
*/
div.routesPlotRoutePage {
	margin: 16px 0px;
}
div.routesPlotRoutePage form {
	margin: 0px;
}
div.routesPlotRoutePage div.key {
	margin-bottom: 8px;
}
div.routesPlotRoutePage div.key span {
	padding: 0px 8px 0px 4px;
}
div.routesPlotRoutePage div.field {
	margin: 4px 0px;
}
div.routesPlotRoutePage input#route {
	display: none;
}
div.routesPlotRoutePage span.button {
	display: block;
	margin: 8px 0px;
}

/****************************************************************************
*
* The routes add POI page
*
*/
div.routesAddPoiPage {
	margin: 16px 0px;
}
div.routesAddPoiPage div.legend {
	margin-top: 16px;
	text-align: center;
}
div.routesAddPoiPage div.legend img {
	vertical-align: middle;
}
div.routesAddPoiPage div.legend span {
	padding: 0px 48px 0px 8px;
	vertical-align: middle;
}
div.routesAddPoiPage div#addPoiSection {
	margin-bottom: 16px;
}
div.routesAddPoiPage div#addPoiSection div.key {
	margin: 0px 8px 16px 0px;
	padding-bottom: 8px;
	border-bottom: 1px solid black;

	/* IE specific fix to force hasLayout. Without this, IE draws the DIV
	borders **outside** the margins!! */
	zoom: 1;
}
div.routesAddPoiPage div#addPoiSection div.keyItem {
	/* margin-bottom: 8px; */
}
div.routesAddPoiPage div#addPoiSection div.keyItem span {
	vertical-align: middle;
	padding-left: 8px;
}
div.routesAddPoiPage div#addPoiSection div.keyItem img {
	vertical-align: middle;
}
div.routesAddPoiPage div#addPoiSection div.prompt {
	margin: 0px 8px 16px 0px;
	padding-bottom: 16px;
	border-bottom: 1px solid black;

	/* IE specific fix to force hasLayout. Without this, IE draws the DIV
	borders **outside** the margins!! */
	zoom: 1;
}
div.routesAddPoiPage div#addPoiSection div.actions span.button {
	padding-right: 4px;
}
div.routesAddPoiPage div#popupContents textarea.imageDescription {
	position: absolute;
	left: 71px;
	top: 0px;
	width: 180px;
	height: 98px;
	margin-top: 0px;
}
div.routesAddPoiPage div#popupContents textarea.generalDescription {
	position: absolute;
	left: 32px;
	top: 0px;
	width: 219px;
	height: 98px;
	margin-top: 0px;
}
div.routesAddPoiPage div#popupContents img.thumbnailDelete {
	cursor: pointer;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 46px;
}
div.routesAddPoiPage div#popupContents img.upload {
	cursor: pointer;
}
div.routesAddPoiPage div#popupContents div.actions {
	position: absolute;
	border-top: 1px solid black;
	top: 112px;
	left: 0px;
	padding-top: 8px;
	width: 255px;
	height: auto;
}
div.routesAddPoiPage div#popupContents div.actions span#routesPoiDelete {
	float: right;
}
form#routePoiUploadForm {
	margin: 0px;
	padding: 16px;
}
form#routePoiUploadForm div.uploadPrompt {
	margin-bottom: 12px;
}
form#routePoiUploadForm input {
}
form#routePoiUploadForm div.uploadActions {
	margin-top: 12px;
	border-top: 1px solid black;
	padding-top: 12px;
	position: relative;
}
form#routePoiUploadForm div.uploadActions img.uploadActive {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	width: 16px;
	height: 16px;
}
form#routePoiUploadForm div.uploadActions span.cancel {
	position: absolute;
	right: 0px;
	top: 12px;
}

/****************************************************************************
*
* The routes draw complete page
*
*/
div.routesDrawCompletePage {
	margin: 16px 0px;
}
div.routesDrawCompletePage span.button {
	display: block;
	margin: 8px 0px;
}

/****************************************************************************
*
* The routes authorisation page
*
*/
div.routesAuthorisePage {
	margin: 16px 0px;
}
div.routesAuthorisePage div.section {
	margin-bottom: 16px;
}
div.routesAuthorisePage div.section div.title {
	font-weight: bold;
	margin: 4px 0px;
}
div.routesAuthorisePage div.section div.selectAll img {
	float: right;
	margin-right: 16px;
}
div.routesAuthorisePage div.section div.selectAll * {
	vertical-align: middle;
}
div.routesAuthorisePage div.paging {
	padding: 4px 0px;
	margin: 8px 0px;
}
div.routesAuthorisePage div.paging span.page {
	padding-right: 4px;
}
div.routesAuthorisePage div.paging span.page img {
	border: 0px;
	vertical-align: bottom;
}
div.routesAuthorisePage div.paging a {
	border: 1px solid #000; /* XXX */
	padding: 2px 4px;
}
div.routesAuthorisePage div.paging a.image {
	border: 0px solid #000; /* XXX */
	padding: 0px;
}
div.routesAuthorisePage div.paging span.current {
	border: 2px solid #000; /* XXX */
	padding: 1px 3px;
}
div.routesAuthorisePage div.route {
	margin-right: 8px;
	padding: 4px 0px 4px 4px;
	position: relative;
	border-bottom: 1px solid #888;
}
div.routesAuthorisePage div.routeFirst {
	border-top: 1px solid #888;
}
div.routesAuthorisePage div.routeHighlight {
	background-color: #eee;
}
div.routesAuthorisePage img.delete {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 16px;
	height: 16px;
	z-index: 10;
	cursor: pointer;
}
div.routesAuthorisePage div.save {
	position: absolute;
	bottom: 4px;
	right: 4px;
	display: none;
	z-index: 10;
}
div.routesAuthorisePage div.routeHighlight div.save {
	display: block;
}
div.routesAuthorisePage div.route div.info {
	margin: 0px 8px 0px 32px;
	position: relative;
	cursor: pointer;
}
div.routesAuthorisePage div.route div.info input {
	position: absolute;
	top: 28px;
	left: -30px;
	cursor: default;
}
div.routesAuthorisePage div.route div.info div.nickname {
	zoom: 1; /* Needed to trigger hasLayout and make the DIV behave as full-width for events ... tsk */
}
div.routesAuthorisePage div.route img.mode {
	float: left;
	cursor: pointer;
	width: 24px;
	height: 24px;
}
div.routesAuthorisePage div.actions span.button {
	display: block;
	margin: 8px 0px;
}

/****************************************************************************
*
* The routes authorisation complete page
*
*/
div.routesAuthoriseCompletePage {
	margin: 16px 0px;
}
div.routesAuthoriseCompletePage div.title {
	font-weight: bold;
	margin: 4px 0px;
}
div.routesAuthoriseCompletePage span.button {
	display: block;
	margin: 8px 0px;
}

/****************************************************************************
*
* The routes viewing page
*
*/
div.routesViewPage div.section {
	margin: 8px 0px;
}
div.routesViewPage div.section div.title {
	font-weight: bold;
	margin: 4px 0px;
}
div.routesViewPage div.section div.options {
	margin: 4px 0px;
	cursor: default;
}

div.routesViewPage div.section div.options img {
	height:27px;
}

div.routesViewPage div.section div.options div.option * {
	vertical-align: middle;
}
div.routesViewPage div.section div.options div.option span {
	vertical-align: middle;
	padding-left: 8px;
}
div.routesViewPage div.section div.route {
	clear: both;
}
div.routesViewPage div.section div.route div.mode {
	height: 4em;
	float: left;
	margin-right: 8px;
}

/****************************************************************************
*
* The routes select schools page
*
*/
div#routesSelectSchoolsPage {
	padding: 16px;
}
div#routesSelectSchoolsPage div.actions {
	float: right;
}
div#routesSelectSchoolsPage div.actions span.button {
	padding-left: 8px;
}
div#routesSelectSchoolsPage div.prompt {
	/* Attempt to cure the missing-cursor problem in FF */
	position: relative;
	overflow: hidden;
}
div#routesSelectSchoolsPage div.prompt input#searchText {
	vertical-align: middle;
}
div#routesSelectSchoolsPage div.prompt span.button {
	padding-left: 8px;
}
div#routesSelectSchoolsPage div.prompt img#routesSearchActivity {
	vertical-align: middle;
	padding-left: 8px;
}
div#routesSelectSchoolsPage div.typePrompt {
	/* Attempt to cure the missing-cursor problem in FF */
	position: relative;
	overflow: hidden;

	margin: 8px;
}
div#routesSelectSchoolsPage div#results {
	margin-top: 16px;
}
div#routesSelectSchoolsPage div#results div {
	border-bottom: 1px solid black;
	padding: 4px 8px;
}
div#routesSelectSchoolsPage div#results div span {
	padding-left: 8px;
}
div#routesSelectSchoolsPage div#results div * {
	vertical-align: middle;
}

/****************************************************************************
*
* The map pop-up
*
*/
#geometryPopUp
{
	width:92%;
}
#geometryPopUp div.right 
{
	text-align:left; 
	width:130px;
	height:auto; 
	float:left; 
	padding:0px 0px 0px 10px;
}
#geometryPopUp div.left 
{
	text-align:right; 
	width:auto;
	height:auto; 
	float:left; 
	padding:0px 0px 0px 10px;
}
#geometryPopUp div.left img
{
	position: static;
}
#geometryPopUp div.route 
{
	margin: 0px 0px 8px 0px;
	width:auto;
	height:125px;
	overflow:scroll;
}
#geometryPopUp .route div
{
	overflow: hidden;
}
#geometryPopUp div.route img {
	float: left;
	padding: 0px 8px 16px 0px;
}
#geometryPopUp div.schoolSummary
{
	overflow: hidden;
	height:auto;
}
div#geometryPopUp
{
	width: 230px;
	overflow:auto;
}

#geometryPopUp div.header
{
	overflow: hidden;
	height:auto;
	font-weight: 600;
}


#geometryPopUp div.schoolName
{
	height:auto;
	color:#157697;
	text-align: center;
}
#geometryPopUp div.school
{
	padding-bottom: 5px;
	height: 125px;
	width: 210px;
	overflow:scroll;
}
#geometryPopUp div.blueLine
{
	border-bottom: solid 1px #33ACBD;
	height: 0px;
	width: 100%;
	overflow:auto;
}


#geometryPopUp span {
	display:block;
	float:left;
	padding-right:2px;
	text-align: center;
	width:27%;
	overflow:hidden;
}
#geometryPopUp span.count, #geometryPopUp span.percentage
{
	width: 20%;
}


>>>>>>> .r447
/****************************************************************************
*
* Page header
*
*/
table.pageHeader td.icon, table.pageHeader td.title {
	padding: 8px 0px;
}
table.pageHeader td.login {
	padding: 8px 16px 8px 0px;
}
table.pageHeader td.icon, table.pageHeader td.login {
	width: 1%;
	white-space: nowrap;
}
table.pageHeader td.icon img {
	width: 24px;
	height: 24px;
	padding: 0px 16px;
}
table.pageHeader td.title {
	font-size: 14pt;
	width: 99%;
}
table.pageHeader td.crumbTrail {
	padding-bottom: 8px;
}
table.pageHeader td.crumbTrail span.root {
	font-weight: bold;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* Button stuff ... */
span.button {
	white-space: nowrap;
}
span.button a, span.button span {
	text-decoration: none;
	color: #333333; /* XXX */
}
/*
This rule is to combat a *weird* IE bug.
See http://www.quirksmode.org/css/ie6_purecsspopups.html for details.
*/
span.button a, span.button a:hover {
	border: none;
	text-decoration: none !important;
}
span.button a:hover span.buttonLabel {
	text-decoration: none !important;
}
span.button img {
	vertical-align: middle;
	border: 0px;
	padding-right: 4px;
}
span.buttonBackground {
	vertical-align: middle;
	font-size: 14pt;
}
span.linkButtonBackground {
	background: #d1e2ea;
}
span.labelButtonBackground {
	background: #b5b5b5;
}
span.actionButtonBackground {
	background: #5B9FB6;
	color: #ffffff;
}
span.buttonCorner {
	background: no-repeat;
}
span.topLeft {
	background-position: top left;
}
span.bottomLeft {
	background-position: bottom left;
}
span.topRight {
	background-position: top right;
}
span.bottomRight {
	background-position: bottom right;
}
span.buttonLabel {
	padding-left: 6px;
	padding-right: 6px;
	font-size: 10pt;
	vertical-align: 15%;
}
span.plainButtonBackground span.buttonLabel {
	padding-left: 0px;
}
span.linkButtonBackground span.topLeft {
	background-image: url(/images/skins/1/corners/link/topLeft.png);
}
span.linkButtonBackground span.bottomLeft {
	background-image: url(/images/skins/1/corners/link/bottomLeft.png);
}
span.linkButtonBackground span.topRight {
	background-image: url(/images/skins/1/corners/link/topRight.png);
}
span.linkButtonBackground span.bottomRight {
	background-image: url(/images/skins/1/corners/link/bottomRight.png);
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

td.sideMenuContainer {
	vertical-align: top;
	border-width: 0px;
}
img.sideMenuTopFrame {
	position: absolute;
	width: 185px;
	height: 16px;
}
img.sideMenuImage {
	width: 185px;
	vertical-align: bottom;
}
td.bodyContainer {
	vertical-align: top;
	border-width: 0px;
	padding-left: 4px;
	padding-right: 20px;
	padding-bottom: 8px;
}
td.bodyContainerSolo {
	vertical-align: top;
	border-width: 0px;
	xpadding-bottom: 8px;
}
td.copyright {
	padding-top: 16px;
	text-align: center;
	font-style: italic;
}

div.roundedContainerTopLeft {
	background: url(/images/misc/topLeft.gif) no-repeat top left;
	height: 5px;
	font-size: 1px;
}
div.roundedContainerTopRight {
	background: url(/images/misc/topRight.gif) no-repeat top right;
	height: 5px;
	font-size: 1px;
}
div.roundedContainerBottomLeft {
	background: url(/images/misc/bottomLeft.gif) no-repeat bottom left;
	height: 5px;
	font-size: 1px;
}
div.roundedContainerBottomRight {
	background: url(/images/misc/bottomRight.gif) no-repeat bottom right;
	height: 5px;
	font-size: 1px;
}

table.sideMenu td {
	padding: 2px;
}
table.sideMenu a {
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-left: 2pt;
	width: 150px;
	text-decoration: none;
	border-right-width: 1em;
	border-right-style: solid;
	display: block;
}

td.fieldLabel {
	font-weight: bold;
	vertical-align: top;
	width: 1%;
}
td.fieldValue {
	vertical-align: top;
	padding-left: 4px;
}

div.hideShowLabels {
	font-size: 12pt;
	font-family: Arial;
}

table.colourPicker td {
	padding-right: 4px;
}

div.colourSample {
	border: 2px inset black;
	width: 20px;
	height: 20px;
}

div.colourSampleError {
	border: 2px solid red;
	width: 20px;
	height: 20px;
}

div.user td.bullet {
	width: 9px;
	padding-left: 10px;
	vertical-align: middle;
	border-bottom: 1px solid;
}
div.user td.content {
	padding-left: 7px;
	padding-bottom: 4px;
	padding-top: 4px;
	border-bottom: 1px solid;
}
div.user div.label {
	font-size: 10pt;
}
div.user div.username {
	font-size: 10pt;
}

iframe.login {
	border-width: 0px;
	width: 100%;
	background-color: #f3f2ee;
	height: 102px;
	display: none;
	overflow: hidden;
}

div.loginLoading {
	width: 185px;
	height: 102px;
}
div.loginLoadingContents {
	margin: 8px;
}
div.loginLoading img {
	vertical-align: middle;
}

div.listTitle {
	font-size: 10pt;
	padding-bottom: 1em;
}
div.listTitle a {
	text-decoration: none;
}

div.listFullStory {
	font-style: italic;
	font-size: 10pt;
	padding-top: 1em;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

td.choice {
	xpadding-left: 12px;
}
td.choice span.selected {
	font-weight: bold;
}
td.choice a {
	text-decoration: none;
}
td.choice a:hover {
	text-decoration: underline;
}

div.simpleButton {
	white-space: nowrap;
}
div.simpleButtonSpacer {
	margin-right: 24px;
}
div.simpleButtonContent {
	padding: 0px 8px;
}
div.simpleButton a {
	text-decoration: none;
}
div.simpleButton a:hover {
	text-decoration: underline;
}

div.listButton {
	margin-top: 8px;
	margin-right: 8px;
	float: left;
}
.undoDiv .listButton a
{
	color: #FF0000;
}
.blueDots
{
	float:left;
	width: 100%;
	padding-bottom: 0px;
	padding-top: 2px;

}
div.listButton img {
	height: 17px;
	vertical-align: bottom;
}
div.listButton a {
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 6px;

}

div.tabber {
	display: none;
}

.scriptButtonRight
{
	float: right;
	margin: 5px 8px 0px 0px;
	overflow:hidden;

}



.scriptButton
{
	float: left;
	overflow:hidden;
	margin: 5px 8px 0px 0px;
}




.scriptButtonDiv img
{
	float: left!important;
	overflow:hidden;
	width : auto !important;
	height: 17px;
}



.scriptButtonDiv  a
{
	float: left!important;
	overflow:hidden;
	width : auto !important;
	height: 15px;
	background-color: #E3DDD5;
	color: #20B0E0;
	font-size: 9pt;
	vertical-align:baseline;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 6px;

}
.scriptButtonDiv  .deadLink
{
	float: left!important;
	overflow:hidden;
	width : auto !important;
	height: 15px;
	background-color: #E3DDD5;
	color: #8F91A7;
	padding: 1px 6px;
	font-size: 9pt;
	vertical-align:baseline;
	font-weight: bold;
	text-decoration: none;

}


div.optionList {
	padding-top: 4px;
}

div.optionListChange {
	padding-bottom: 4px;
}

/* Option set picker */

div.optionSetPicker {
	width: 400px;
	border: 1px solid blue;
	overflow: hidden;
}

div.optionSetPickerTitle {
	width: 400px;
	background-color: #359;
	cursor: move;
}

div.optionSetPickerTitle div {
	color: white;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;
}

img.imagePickerImg {
	border: 0px solid white;
	width: 67px;
	height: 67px;
}

div.questionDefinition, iframe.questionDefinition {
	background-color: rgb(224, 200, 104);
	width: 100%;
	margin: 8px;
}

div.questionDefinition#questionDefinition_placeholder {
	background-color: rgb(224, 210, 144);
}

div.questionDefinition div.handle {
	background-color: rgb(204, 180, 94);
	cursor: move;
	position: relative;
	z-index: 1;
	top: -5px;
	width: 100%;
	color: white;
}

#questionDefinition_placeholder div.handle {
	background-color: rgb(194, 180, 124);
}

div.questionDefinition div.handle span {
	line-height: 2em;
	padding-left: 4px;
}

div.questionDefinition div.handle a {
	padding: 4px;
	padding-right: 8px;
	float: right;
}

div.roundedContainerTopRight {
	position: relative;
	z-index: 2
}
div.questionDefinition table {
	padding: 4px;
}

div.question {
	padding-left: 0px;
}

div.surveyHeader {
	font-size: 14pt;
	margin-bottom: 12px;
}
div.surveyHeader div {
	border-bottom: 2px solid #159ddb;
	clear: both;
}
div.surveyHeader img {
	float: right;
	margin: 4px 16px 0px 16px;
}

div.surveyOopsContainer {
	font-weight: bold;
	margin-bottom: 2px;
}
div.surveyPagingContainer {
	background-color: #c7e9ad; /* XXX */
	font-weight: bold;
	margin-bottom: 4px;
}
div.surveyPaging {
	margin: 0px 8px 0px 8px;
}
div.surveyButtons {
	margin-top: 24px;
}
div.filterButtons {
	margin: 2px 0px 4px 0px;
}
div.bigButton {
	float: left;
	margin-right: 8px;
}
div.bigButton td {
	height: 25px;
	vertical-align: middle;
}
div.bigButton a {
	padding-left: 16px;
	padding-right: 16px;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
}
div.bigButtonFooter {
	clear: left;
}

td.questionTip {
	padding: 0px 10px 4px;
}
div.questionText {
	margin: 12px 8px 12px 6px;
	padding: 4px;
}
div.questionText p {
	margin: 8px 0px 0px;
	font-style: italic;
}
td.questionField {
	padding: 4px 0px;
}

td.bulkAnswer {
	width: 1%;
}
textarea.bulkText {
	width: 98%;
	height: 100px;
}

div.cornerContainer {
	position: relative;
	height: 6px;
}
img.rightFrame {
	position: absolute;
	top: 0px;
	right: 0px;
}
img.thumbnail {
	display: block;
	width: 67px;
	height: 67px;
	border: 0px;
}
table.resourceList {
	clear: both;
}
td.resourceListDetails {
	padding-top: 8px;
}
img.bullet {
	padding-right: 8px;
	position: relative;
	top: 1px;
}
form {
	margin: 12px 0px 12px 0px;
}

input.inputText, input.inputDate, textarea {
	border: 1px solid gray;
	padding: 2px 1px 1px;
}
span.datePickerContainer * {
	vertical-align: middle;
}
span.datePickerContainer span {
	padding: 0px 4px;
}
input.inputDateDay, input.inputDateMonth {
	width: 2em;
}
input.inputDateYear {
	width: 4em;
}
select {
	border: 1px solid gray;
}

div.rightMenuItem {
	display: block;
	font-weight: bold;
	height: 25px;
	margin: 1px 0px 1px 0px;
	background-position: -6px 0px !important;

	line-height: 25px;
	font-size: 9pt;
}
div.rightMenuItem span {
	display: block;
	padding: 0px 0px 0px 26px;
	text-transform: uppercase;
}
div.news {
	margin-top: -1px;
	padding-bottom: 8px;
}
div.news div.newsItem img {
	padding-right: 7px;
}
div.news td.bullet {
	width: 9px;
	padding-left: 10px;
	vertical-align: middle;
	border-bottom: 1px solid;
}
div.news td.content {
	padding-left: 7px;
	padding-bottom: 4px;
	padding-top: 4px;
	border-bottom: 1px solid;
}
a.moreNews {
	display: block;
	padding-top: 4px;
	padding-left: 10px;
}

form.manage {
	margin-top: 2px;
}
form.manage td.label {
	padding-left: 12px;
}
div.manageHeaderContainer {
	margin-top: 8px;
}
div.manageHeader {
	padding-left: 12px;
	font-weight: bold;
	color: white
}

td.resultQuestionHeader {
	padding: 12px 12px 8px 12px;
	font-size: 10pt;
	font-weight: bold;
}
td.resultQuestionLeft {
	padding: 0px 0px 12px 12px;
}
td.resultQuestionRight {
	padding: 0px 12px 12px 0px;
}
td.resultQuestionMisc {
	padding: 0px 12px 12px 12px;
}

div.resultQuestionGraph {
	width: 300px;
	height: 250px;
}

div .graphKey {
	padding: 2px 6px;
	margin: 5px;
	color: white;
	font-size: 14pt;
	font-weight: bold;
	display: inline;
}
div .mapKeyRow
{
	padding : 6px;
	height: 23px;
}
div .graphKeyImage
{
	padding: 2px 6px;
	margin: 0px;
	color: white;
	font-size: 14pt;
	font-weight: bold;
	display: inline;
}

div.graphKeyValue {

	display:inline;
}

td.graphKey {
	padding: 2px 6px;
	color: white;
	font-size: 14pt;
	font-weight: bold;
}


td.graphKeyLess {
	padding: 1px;
	color: white;
	font-size: 10pt;
	font-weight: bold;
}
td.graphKeyLabel {
	padding-left: 8px;
}

table.filterButton td {
	height: 25px;
	vertical-align: middle;
}
table.filterButton td.filterButtonLabel {
	padding-left: 1em;
	padding-right: 2em;
	font-weight: bold;

}

div.pageTitle {
	font-size: 14pt;
	margin: 16px 0px;
}

div.help {
	margin: 16px 0px 8px;
}

div.resultsHeader {
	margin-bottom: 12px;
}
td.header {
	xpadding-left: 12px;
}
div.headerTitle {
	font-size: 12pt;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 8px;
}
div.headerDescription {
	font-size: 10pt;
}
/* XXX Conflicts with another definition */
/*
div.listTitle {
	font-size: 12pt;
	font-weight: bold;
}
*/
div.resultsBody, div.resultsBody td, div.resultsBody h3 {
	font-size: 10pt;
}
div.printable {
	float: right;
	font-weight: bold;
}
div.printable a {
	text-decoration: none;
	color: #009ddc;
}
div.resultsScope {
	font-weight: bold;
	margin-top: 24px;
	text-align: center;
}
div.resultsCountPrint {
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 24px;
	text-align: center;
}
div.resultsCount {
	font-weight: bold;
	margin-bottom: 8px;
}

/* NB. The page-break-...: avoid stuff is ignored by pretty much everything */

.pageBreakBefore {
	page-break-before: always;
}
div.resultsBody h3 {
	margin: 10pt 0pt 3pt;
}
tr.printQuestion {
	page-break-after: avoid;
}
tr.printResults {
	page-break-before: avoid;
}
tr.printResults td {
	padding-bottom: 10pt;
}
tr.printResults table.printTextResults td {
	padding-bottom: 0pt;
}
div.printKey {
	margin: 10pt 0pt;
}

iframe.manageUsers {
	width: 770px;
	height: 400px;
}

ul.tabbernav {
	border-bottom-width: 2px;
	padding-bottom: 8px;
}
ul.tabbernav li a {
	border: 0px none white;
	padding: 8px 16px;
}
ul.tabbernav li.tabberactive a {
	border-bottom-width: 0px;
}
ul.tabbernav li.tabberactive a:hover {
	border-bottom-width: 0px;
}

div.message {
	margin: 8px 0px;
}

div.message img {
	vertical-align: middle;
}

div.message .release, td.release a.release {
	color: red;
	font-weight: bold;
}

table.travelPlan {
	width: 100%;
	margin-top: 16px;
}
div .travelPlan
{
	width: 100%;
	margin-top: 16px;
}

div  .travelPlanHeadDate
{
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	font-weight: bold;
}
table.travelPlan td {

}

table td .left
{
	text-align: left;
	padding-left: 20px;
	padding-right: 10%;
	padding-bottom: 20px;
	width: 45%;
	height: 20px;
	vertical-align: top;
}
table td .right
{
	text-align: right;
	padding-right: 0px;
	padding-bottom: 20px;
	width: 45%;
	height: 20px;
	vertical-align: top;

}
table td .right span
{

	padding-right: 10px;

}
.rowAlternateLight
{
	background-color: #fcfcff;
}
table .travelPlan a
{
	color: #20B0E0;

	width: 120px;
	text-align:right;

}
.sectionName
{
	padding: 5px 0px 0px 7px;
	font-weight: bold;
	float: left;
	font-size: 12pt;
}
 .addORDelete
{
	float:right;
	padding-right: 20px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 0px;
}
.undoDiv
{
	float:left;
	width:100%;
}

table.travelPlan tr.section td {
	padding-top: 4px;
	position: relative;
	width: 50%;
}
.graphSelectorNextStep, .travelPlanGraph
{
	float: left;
	width: 100%;
}

@media screen {
	div.print {
		display: none;
	}
}

@media print {
}

  	.objective,.objective .scriptButtonDiv a , .objective .editor_cancel,.objective  .input_next,.objective .input_previous
   	.graph,.graph .scriptButtonDiv a ,.graph .editor_cancel, .graph .input_next,  .graph .input_previous ,
  	.question,.question  .scriptButtonDiv a ,.question .editor_cancel, .question .input_next,  .question .input_previous ,
  	.signature,.signature .scriptButtonDiv a ,.signature .editor_cancel, .signature .input_next,  .signature .input_previous ,
  	.consultation,.consultation .scriptButtonDiv a , .consultation .editor_cancel, .consultation .input_next,  .consultation .input_previous
 {
 	color: #E96B10;
 }



 .part_big_bullet
{
	margin-top: 7px;
	margin-left: 3px;
	float: left;
}
.part_bullet
{
	margin-top: 6px;
	margin-left: 5px;
	float: left;
}

   .target  .scriptButtonDiv a , .target .editor_cancel,.target  .input_next,.target .input_previous
  {
  	color: #8fd25f;


  }
  .target
  {
  	color: #8fd25f;
  	background-color: #f9fff4;
  }

   .action  .scriptButtonDiv a , .action .editor_cancel,.action  .input_next,.action .input_previous
  {
  	color: #20B0E0;

  }

   .action
  {
  color: #20B0E0;
  	background: #f6fdff;
  }

  .objective,  .target,  .question ,  .consultation,   .signature,   .action,  .graph
{
	position:relative;
	float: left;
	overflow:hidden;
	width: 100%;
	padding: 5px 0px 5px 0px;

}
.travelPlanRow
{
	height: 25px;
	float: left;
}
 .row
{
	position:relative;
	padding: 5px 0px ;
	vertical-align:middle;
	width: 100%;
	float:left;
	margin-bottom : 5px;
}
.selectLinks a
{
	float: right;
}
  .inplaceeditor-form form,  .inplaceeditor-form
{
	float:none;
	padding: 0px;
	border: 0px;
	margin: 0px;

}

 .editor_cancel
{
	padding-top: 10px;
	color: red;
	float:right;
	display:block;
	margin-top: 12px;
	margin-right: 10px;
}
 .editor_ok_button
{
	background-color: #ffffff;
	float:right;
	display:block;
	margin: 10px 10px 10px 0px;
}

 .pageNumbers
{
	font-family: Arial, Helvetica, sans-serif;
	padding:2px;
	margin-right: 10px;
	float: right;
	font-size: 10pt;
	color: #20B0E0;

}


#sectionWizard h3
{
	float: left;
	width:100%;
	font-size: 10pt;
	margin-top: 10px;
	margin-left: 0px;
	font-weight: normal;

}
#sectionWizard h3 span
{
	color: #20B0E0;
}
.jumptoSelectWizard
{
	margin: 0px;
	border:0px;
	display:inline;


}
.jumptoSelectWizard select
{
	color: #20B0E0;
	font-size: 10pt;
	margin: 0px;
}



  .objective h3,  .target h3,  .question h3,  .consultation h3,   .signature h3,   .action h3,  .graph h3
{
	font-family: Arial, Helvetica, sans-serif;
	padding:0px !important;
	float: left;
	width:50% !important;
	font-size: 12pt!important;
	margin-top: 3px !important;
	margin-left: 5px!important;
	cursor:pointer!important;
}
h3 span
{
	font-size: 10pt;
	color: #BBBBBB;
}

#sectionWizard h3 span
{
	font-size: 11pt;
	font-weight: bold;
}
.newSuveyHolder
{
	width: 700px;
	padding-top: 10px;
	display: block;
	float:left;
	margin-left: 20px;
}
.newSurvey, .newSurvey form
{
	width: 100%;
	font-weight: bold;
	float:left;
	display: block;
	color:#78AE52;


}
.input_next
{
	padding: 10px;
	float: right;
}
.input_previous
{
	padding: 10px;
	float: left;
}
 .inputTag
{
	width: 110px;
	min-height:15px;
	vertical-align:top;
	float:left;
	display:block;
	overflow:hidden;
	margin: 4px 0px 4px 25px ;
	color: black;
}
 .questionInputTag
{
	width: 600px;
	min-height:15px;
	padding-left: 8px;
	margin-top: 5px;
	margin-bottom: 10px;
	vertical-align:top;
	float:left;
	display:block;
	overflow:hidden;
}
.graphImg
{
	margin-left: 80px;

}
.inputWizard
{
	float: left;
}
.inputArea, .inputAreaHTML, .inputHTMLProgress
{
	vertical-align:top;
	width: 580px;
	min-height:15px;
	font-size: 10pt;
	margin: 4px 0px 4px 0px ;
	border-bottom-style:dashed;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	float:left;
	display:block;
	overflow:auto;
	color: black;
}
.editor_field
{
	vertical-align:middle;
	width: 580px;
	min-height:15px;
	font-size: 10pt;
	margin: 4px 0px 4px 0px ;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	float:left;
	display:block;
	overflow:auto;
	color: black;
}
OBSOLETE.inputDate
{
	vertical-align:middle;
	width: 100px;
	min-height:15px;
	font-size: 10pt;
	margin: 4px 0px 4px 0px ;
	border-bottom-style:dashed;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	float:left;
	display:block;
	overflow:auto;
	color: black;
}
.inputDateInput
{
	vertical-align:middle;
	width: 100px;
	min-height:15px;
	font-size: 10pt;
	margin: 4px 0px 4px 0px ;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	float:left;
	display:block;
	overflow:auto;
	color: black;
}
.jumpto
{
	color:#78AE52;
	display:inline;
	margin: 5px 0px 20px 6px;
	width: 500px;
	float: left;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.jumpto select
{
	color:#20B0E0;
	font-size: 10pt;
}
.inputHTMLInput
{
	min-height: 200px;
	position: absolute;
}

.wizardNextPrevious
{
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.sectionHeader
{
	margin: 5px 5px 10px 0px;
	font-weight: bold;
	float: left;
	width: 200px;

}
.currentSection
{
	color:#20B0E0;
	display:inline;
	margin: 5px 0px 10px 10px;
	width: 500px;
	float: left;
	font-size: 10pt;

}
.smallForm
{
	padding-top: 10px;
	vertical-align:baseline;
	display:inline;
}
.smallForm form
{
	width: 100%;
	float: left;
	display:block;
}
.smallForm  #date-1-dd,
.smallForm  #date-1-mm,
.smallForm  #date-1
{
	width: 35px;
	min-height:15px;
	float:left;
	font-size: 10pt;
	border-bottom-width: 1px;
	vertical-align:baseline;
	margin: 6px;
}


.smallForm input
{
	float:left;
	display:block;
	padding:0px;
	margin:0px 5px;
	background-color: #FFF;
}
.smallForm #hidden
{
	display:none;
}
.smallForm select
{
	float:left;
	display:block;

	padding:0px;
	margin:5px 500px 5px 5px;
	width: 300px;

}
.sectionHidden
{
	width: 100%;
	float: left;
	font-weight:normal;

}
 .helpTextheader
 {
 	font-weight:bold;
	padding-bottom: 10pt;

 }
 .sectionHidden h3
 {
 	margin-top:5px;
 	color: #8f91a7;
	cursor:pointer;
	font-size:12pt;
 }
 .tpGeneralHelp .tab1
 {
 	margin-left: 20pt;
 }
  .tpGeneralHelp .tab2
 {
 	margin-left: 40pt;
 }

 .tpGeneralHelp li
 {
 	margin: 0.5em 0em;
 }

div#lbLoadMessage {
	padding: 16px;
}

div.tpGeneralHelp div.actions {
	padding-bottom: 16px;
}

/* Fix weird scolling behaviour of lightbox help */
div#lbContent {
	height: 100%;
}

 .travelPlanSummary
 {
 	font-size: 10pt;
	float: left;
	width: 100%;
 }
.travelPlanSummary .header
{
	float: left;
	font-size: 12pt;
	width: 600px;
	padding: 10px 0px;
}

.travelPlanSummary .header .red
{
	font-size: 11pt;
	font-weight: bold;
	color: red;
	display:inline;
}
.travelPlanSummary .header .green
{
	font-size: 11pt;
	font-weight: bold;
	color: green;
	display:inline;
}
.travelPlanSummary .header .schoolName
{
	font-size: 11pt;
	font-weight: bold;
	width: 150px;
	display:inline;

}




.travelPlanSummary .plan
{
	padding: 20px 0px 5px 0px;
	width: 600px;
}

.travelPlanSummary .plan .generalInfo
{
	padding-bottom:15px;
	text-transform:capitalize;

}

.travelPlanSummary .plan .planRow
{
	padding: 1px 0px 1px 15px;
	width: 600px;
}

.travelPlanSummary .plan .planRow .caption
{
	display:block;
	float: left;
	width: 150px;
	font-weight: 600;
}
.travelPlanSummary .plan .planSection .planRow .caption
{
	width: 100px;
}


.travelPlanSummary .plan .planRow .value
{
	display:inline;
}

.travelPlanSummary .planSection
{
	padding: 5px 0px 5px 20px;
}
.groupName
{
	color:#20B0E0;
	font-weight:bold;
	margin: 2px;
}
.pagerHolder
{
 	text-align: center;
	margin: 10px auto;
	padding-top: 10px;

}
.pager
{
	padding: 10px 5px 10px 0px;
}
.pagerDead
{
	padding: 10px 5px 10px 0px;
	color: #999999;
}

span.pagingItem{
	background-color:#ffffff;
	border: 2px solid #AD73C1;
	}
	
span.active{
	font-weight: bolder;
	margin:2px;
	padding:2px;
}

span.inactive{
	font-weight: normal;
	margin:2px;
	padding:2px;
}
/*
div.ezMaps div.widgetTransparencyLayersSlider div.horizontalTrack{
	display:none;	
}
*/