body {margin-top:0;}
.container {width:960px;}

h1 {
	font-size: 20px;
	color: #fd0118;
	text-align: left;
	line-height: 28px;
}
.physical h1 {
	color: #0487cb;
}


h2 {
	font-size: 16px;
	color: #d1945e;
	text-align: left;
}

h3 {
	font-size: 14px;
	color: #fd0118;
	text-align: left;
}

h4 {
  font-size:12px;
  text-align:left;
  font-weight:bold;
}

fieldset {
  border: 1px solid #ccc;
}

legend {
	color: #333;
}

a { color: #333; }
a:hover {
  color:#e53625;
}

.rightaligned {float:right;}

.clear{clear:both;}

.brown{background-color: #f7f1eb;}

.stdpadding{padding:10px;}

#errorExplanation {color: #c00;}

#before_content {
	padding: 0 25px;
	margin: 2em 0;
}


#body_wrap {
	background-color: #f6f6f6;
	position: relative;
}
#body_wrap.physical { background-color: #d3e7ff; }

#branding {
	/* This image is a default. May change via inline CSS */
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	width: 960px;
	height: 228px;
	text-align: left;
}

#branding a {
	background-image: url(../images/brand_logo.gif);
	display: block;
	position:relative;
	top: 15px;	
	height: 95px;
	width: 131px;
	text-indent: -3333em;
	margin: 0 0 0 91px;
}

.company_slogan {
	position: absolute;
	top: -999em;
}

#footer {
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	height: 53px;
	width: 960px;
	background-color: white;
}
#body_wrap.physical #footer {
	background-image: url(../images/footer-physical.gif);
}

#footer p {
	font-size: 80%;
	color: #d1945e;
	float:right;
	margin-right: 50px;
	margin-top: 40px;
}
#body_wrap.physical #footer p {
	color: #034367;
}

#content {
	margin: 20px 2.5%;
	background-color: #fff;
	position: relative;
	padding: 20px;
}

#breadcrumb h1 {
	font-size: 19px;
	color: #d1945e;
	margin-bottom: 30px;
	text-align: left;
}

#breadcrumb {
	margin: 30px 0;
	text-align: left;
}

#breadcrumb p {
	display: inline;
	color: #d1945e;
	margin-left: 128px;
}

#breadcrumb p.current {
	color: #000;
	font-weight: bold;
}

#breadcrumb img {
	margin-left: 5px;
}

img.corner {
   width: 4px;
   height: 4px;
   border: none;
   display: block !important;
}

.continue_button {
	background-image:url(../images/button_bg_continue.gif);
	background-repeat: no-repeat;
	border: none;
	width: 95px;
	height: 22px;
	cursor: pointer;
	text-align: center;
	padding-left: 25px;
	padding-bottom: 4px;
	color: #fff;
}
.physical .continue_button {
	background-image:url(../images/button_bg_continue-physical.gif);
}


.go_button {
	background-image:url(../images/button_bg_go.gif);
	background-repeat: no-repeat;
	border: none;
	width: 50px;
	height: 22px;
	cursor: pointer;
	text-align: right;
	padding-right: 9px;
	color: #fff;
}

.booleans p {
	margin: 0;
}
.booleans {
	margin-bottom: 1em;
}

.categories {
	position: absolute;
	left: 22em;
	width: 35em;
}
.multicolumn {
	border: 3px double #DDD;
	padding: 1em;
	margin-top: 2em;
}
.multicolumn .column {
	float: left;
	margin-right: 2em;
}
.multicolumn h2 {
	text-align: center;
	font-size: large;
}

input { border:1px solid black; margin: 1px 1px; }
input.radio, input.checkbox { border: none; }
input:focus { border: 1px dotted black; }

label.no_sport {
	color: #bbbbbb;
}
.multiselect {
	border: 1px solid #BBBBBB;
	margin: 1px;
	padding: 1px;
	height: 20em;
	width: 25em;
	overflow: auto;
}
.multiselect p {
	margin: 0;
}

.validation-advice {
  background-color:#CC0000;
  color:#FFFFFF;
  margin:2px 0pt;
  padding:2px;
}

.validation-failed {
  border: 1px solid #c00;
}

textarea {height: 100px;}

.sport_flags {
  line-height: 18px;
  margin-bottom: 18px;
}
.sport_flags ul {
  display: inline;
  margin-left: 0;
}
.sport_flags ul li {
  display: inline;
  margin-right: 1em;
  padding: 2px 5px;
  background-color: #CCC;
}

/* IE6 refuses to show the section of the image flowing out of
   the side bar, so we absolutize, make room with top padding, and
   place it where we want it
*/
#sport_detail .side_bar {
	position: relative;
}
#sport_detail .side_bar .image_padding {
	padding-top: 165px;
}
.sport_image {
	position: absolute;
	top: -18px;
}

#link_to_clubs, #link_to_start {
	padding-top: 40px;
	text-align: center;
	background-color: #389cbe;
	width: 420px;
	padding: 15px 5px;
	margin-top: 20px;
	margin-left: 10px;
	cursor: pointer;
}
#link_to_start {
	width: 350px;
}
#link_to_clubs a, #link_to_start a {
	color: white;
	text-decoration: none;
	font-size: medium;
}

th.sortcol {
	cursor: pointer;
}

table {
	border-collapse: collapse;
}


/*
 * Calendars
 */

.calendar .prev_link { text-align: left; }
.calendar .next_link { text-align: right; }
.calendar .prev_link a, .calendar .next_link a { text-decoration: none; }
.calendar {
	border-color: #ffcc67;
    border-width: 0 0 1px 1px;
    border-style: solid;
}
.calendar thead th, .calendar thead th a {
	background-color: #0687cb;
	color: white;
}
.calendar thead .dayName th {
	background-color: #ffcc67;
	color: black;
	text-align: center;
	font-size: 90%;
	font-weight: normal;
}
.calendar .monthName {
	text-align: center;
}
.calendar td {
    border-color: #ffcc67;
    border-width: 1px 1px 0 0;
    border-style: solid;
	background-color: #ffffcb;
	text-align: center;
	line-height: 24px;
	height: 24px;
}
.calendar td.otherMonth {
	color: #d29a67;
}
.calendar td.today {
	background-color: #0687cb;
	font-weight: bold;
	color: white;
}


/**
 * Questionnaires
 */

#questionnaire.physical .fieldWithErrors { display: inline; }
#questionnaire.physical .fieldWithErrors input { border: 2px solid red;}

#questionnaire .description {
	font-size: 11px;
	color: #777;
}

#questionnaire .description_trigger {
	text-decoration: none;
	color: blue;
	cursor: pointer;
}

#questionnaire .label {
	text-align: right;
	margin-top: 3px;
}

#questionnaire .field {
	margin-bottom: 2em;
}

#questionnaire .field p {
	margin: 0;
}

#questionnaire.physical .question {
	line-height: 36px;
	height: 36px;
	margin: 1px 0;
	color: white;
	font-weight: bold;
	font-size: 110%;
}
#questionnaire.physical .label {
	margin: 0;
	text-align: left;
}

#questionnaire.physical .label label { margin-left: 1em; }
#questionnaire.physical .question input { margin-right: .2em; width: 3em; }
#questionnaire.physical .submit-btn input { margin-bottom: 1em; margin-top: 1em;}

#questionnaire.physical .question-recorded_on { text-align: center; }
#questionnaire.physical .question-height { background-color: #266880; }
#questionnaire.physical .question-sitting_height { background-color: #389cbe; }
#questionnaire.physical .question-weight { background-color: #4cd0ff; }
#questionnaire.physical .question-arm_span { background-color: #acdfe0; }
#questionnaire.physical .question-throw_catch { background-color: #179eb2; }
#questionnaire.physical .question-basketball_throw { background-color: #62b3e2; }
#questionnaire.physical .question-vertical_jump { background-color: #698b00; }
#questionnaire.physical .question-agility_run { background-color: #b9b702; }
#questionnaire.physical .question-forty_m_sprint { background-color: #b98201; }
#questionnaire.physical .question-multistage_fitness { background-color: #b92c01; }

#questionnaire.physical label.multistage_fitness2 { margin-left: 1em; margin-right: -2em;}
#questionnaire.physical .field {
	margin-bottom: 0;
	height: 36px;
	line-height: 36px;
}

#questionnaire.physical .question-height {
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#questionnaire.physical .question-multistage_fitness {
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

/* The star-html hack, aimed at IE6, but not IE7 */
* html #questionnaire.physical .field {
	padding-top: 5px;
	margin-bottom: -5px;
}

.instincts_category {
	margin: 3em 0;
}
.instincts_category .rankings {
	text-align: left;
	margin-left: 25px;
	margin-top: 10px;
	line-height: 26px;
}
.instincts_category .rankings label {
	margin-bottom: 7px;
	font-weight: normal;
}
.instincts_category .background {
	text-align: left;
	height: 180px;
	padding: 0 5px;
	overflow: auto;
}
.instincts_category .background .read_more {
	text-align: right;
}
.instincts_category .background .read_more a {
	text-decoration: none;
}
.instincts_category .category_sports {
  background-color: #f7f1eb;
  padding: 5px 10px;
}
.instincts_category .category_images {
	text-align:center;
}
.instincts_category .category_images img {
	margin: 0;
}
.instincts_category .category_images_small { margin: 1px 0; }
.instincts_category .category_images .small_b { margin-left: 1px; }
.instincts_category .category_images .small_c { margin-left: 1px; }
.instincts_category .category_images .small_d { margin-left: 1px; }
.instincts_category .category_images_small img {
	width: 47px;
}
.instincts_questionnaire .selector a {
	text-decoration: none;
}
.instincts_questionnaire .div_submit {
	text-align: center;
}
.tooltip {
	width: 200px;
	padding-top: 5px;
	text-align: left;
}
.tooltip .title {
	border-bottom: 1px solid black;
	font-weight: bold;
	padding: 2px 5px;
	margin: -2px -5px 0 -5px;
}
.tooltip .content {
	padding-top: 1em;
}
ul.sports_list {
  width: 155px;
}
ul.sports_list li {
  list-style-image: url(../images/brown_arrow.gif);
  list-style-position: inside;
}

#results_criteria {
  background-color: #f7f1eb;
  font-weight: normal;
  padding:10px;
}
#results_criteria label {font-weight:normal;}

a.blocklink {
  border: 1px solid #333;
  padding: 6px;
  background-color: #F6F6F6;
  text-decoration: none;
}

/*
 * Login form
 */

#login_form input {
	margin-right: 1em;
}


/*
 * Class edition
 */

#edit_class #class_import {
	position: absolute;
	top: 5em;
	left: 50%;
}


/*
 * Public demo registration
 */

#demo_registration .fieldWithErrors input {
	border: 2px solid red;
}


/*
 * Class page
 */

#class_show #side_panel {
	position: absolute;
	top: 5em; right: 3em;
}

.hasborder {
  border: 1px solid #ccc;
}


/*
 * Class list
 */

.class_list .unregistered {
	color: #aaaaaa;
}

.class_list tr.quick_row td {
	border-top: 1px solid #aaaaaa;
	cursor: pointer;
}

.class_list tr.secondary_row dl {
	margin-left: 4em;
	margin-bottom: 0;
}
.class_list tr.secondary_row dt,
.class_list tr.secondary_row dd {
	margin: 0;
	display: inline;
}
.class_list tr.secondary_row dd {
	margin-right: 2em;
}
.class_list tr.hover {
	background-color: #D3E9FF
}


/*
 * Simple layout
 */

.simple_layout #before_content {
	position: relative;
	margin: 20px 2.5% -20px 2.5%;
	padding: 5px 20px;
}

.simple_layout .fieldWithErrors input {
	border: 1px solid red;
}

.simple_layout .fieldWithErrors {
	margin-top: -1em;
	margin-bottom: 1em;
}


/*
 * Admin > Schools
 */

.pending_licence_update {
	background-color: #FF8888;
}

.added_today {
	background-color: #88FF88;
}


/*
 * Admin > School > Show
 */

#subnav {
	position: absolute;
	right: 1em;
	top: 1em;
}

#subnav li {
	display: inline;
	margin: 1em;
}

#view_login_details {
	padding: 1em 1em;
	border: 1px solid #cccccc;
	margin-bottom: 1em;
}

#view_login_details code {
	font-size: medium;
	margin-left: 1em;
}


/*
 * Admin > Special users
 */

.special_users_list .county_partnership th {
	background-color: #eeeeee;
	border-top: 3px double #cccccc;
	font-size: 1.2;
}
.special_users_list .authority th {
	background-color: white;
	border-top: 1px solid #cccccc;
	padding-left: 2em;
}
.special_users_list .authority .name {
	padding-left: 2em;
	font-weight: bold;
}
.special_users_list .partnership .name {
	padding-left: 4em;
}


/**
 * Reports
 */

.report_unit {
	padding: 1em 1em 0 1em;
	margin: 1em;
	border: 3px double #cccccc;
}

.report_unit #chart_ethnicity {
	margin-top: -1em;
}

.report_unit h2 {
	font-size: 14px;
}

.report_unit .div_export {
	margin-bottom: 0;
	margin-right: -.5em;
	text-align: right;
}

.report_unit tbody th {
	background-color: transparent;
}

.report_unit table .center { text-align: center; }
.report_unit table th.subcategory { padding-left: 3em; }
.report_unit table tr.category_last td, .report_unit table tr.category_last th {
	border-bottom: 1px solid #cccccc;
}

.report_unit .column_chart {
	float: left;
	margin-right: 2em;
}

.report_unit .column_text ul li {
	margin-left: 2em;
}

.report_unit .column_text ul {
	height: 250px;
	padding-right: 5px;
	overflow: auto;
}

ul#physical_tasks {
	margin-left: 0;
}
ul#physical_tasks li {
	margin-left: 0;
	border: 1px solid white;
	border-width: 1px 0;
}

ul#physical_tasks li:hover {
	border-color: #cccccc;
}
ul#physical_tasks li.selected {
	border-color: black;
}


/**
 * Clubs
 */

#club_search_form { margin: 0 -2em;}
#club_search_form select, #club_search_form input { margin: 0; }
#club_search_form p { text-align: center; }
.club_list .even td { background-color: #f7f1eb;}
.club_list td { padding: 5px; }
.club_list p { margin: 0; }
.club_list .flags { text-align: right; }
.club_list .flags img { display: inline; }
#clubmark_recommendation {
	border: 1px solid #cccccc;
	padding: 5px;
	margin-bottom: 1em;
}
#clubmark_recommendation p { margin: 0; }
#clubmark_recommendation img { float: right; }

.overlay_alert {
	background: #cccccc;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.alert_content {
	padding: 1em;
	background: white;
	border: 1px solid black;
}
.alert_buttons {
	text-align: center;
}


/**
 * School management area
 */

.right_column h2, .left_column h2 { text-align: center; }

.right_column {
	float: right;
	width: 44%;
}

.left_column {
	float: left;
	width: 54%;
}

#school_classes p {
	margin: 0;
}

#school_classes input {
	margin-bottom: 6px;
	margin-left: 5px;
}

#school_teachers .add_teacher {
	text-align: center;
}

.mouseover {
	cursor: pointer;
	background-color: #FFFFAA;
}

.login_instructions {
	border: 1px solid #CCCCCC;
	padding: 1em;
	text-align: center;
}

/**
 * Special users
 */

.nesting-1 td.name { padding-left:  2em;}
.nesting-2 td.name { padding-left:  4em;}
.nesting-3 td.name { padding-left:  6em;}
.nesting-4 td.name { padding-left:  8em;}
.nesting-5 td.name { padding-left: 10em;}
.nesting-6 td.name { padding-left: 12em;}

/**
 * Profile page
 */

.profile #nspcc_info {
	border: 1px solid #cccccc;
	padding: 5px;
	margin-bottom: 1em;
}
.profile #nspcc_info h2 {
	font-size: 14px;
	text-align: center;
}

.profile .sportsbox {
	background-color: #f7f1eb;	
	padding: 15px 40px 10px 40px;
	width: 270px;
}


/**
 * Age confirmation page
 */

#confirm_age form p {
	text-align: center;
}


/**
 * Teachers area
 */

.teacher-school-table .nesting-1 td.name { padding-left:  1em;}
.teacher-school-table .nesting-2 td.name { padding-left:  5em;}
.teacher-school-table .nesting-3 td.name { padding-left:  9em;}
.teacher-school-table .nesting-4 td.name { padding-left:  13em;}

.teacher-class-list td { width: 50%; }