html, body {
	height: 100%;
	margin-bottom: 1px;
	}

body	{
	background: #004c9e url(../images/gradient.png) scroll repeat-x top left;
	font-size: 62.5%;
	}

#container {
	position: relative;
	margin: 0 auto;
	padding-top: 23px;
	padding-bottom: 10px;
	width: 960px;
	font-size: 1.4em;
	}

.JS {
	display: none;
	}

/*
  General typography
  ------------------
*/

strong { font-weight: bold; }
em { font-style: italic; }
p { padding-bottom: 1em; }

/* 
  Links
  -----
*/

#content a:link, #content a:visited {
	color: #006bb8;
	text-decoration: none;
	border-bottom: 2px dotted #006bb8;
	}

#content a:hover, #content a:active, #content a:focus {
	background: #d7edf1;
	}

.nav-links a:link, .nav-links a:visited, .nav-links span.here, div.this-page-only {
	color: white;
	text-decoration: none;
	font-size: 1.3em;
	}

.nav-links a:hover span, .nav-links a:active span, .nav-links a:focus span {
	border-bottom: dotted 2px white;
	}

/* 
  Headings
  --------
*/

#header {
	position: absolute;
	top: 0;
	left: -15px;
	width: 242px;
	height: 115px;
	}

h1	{
	background: url(../images/gclogo.gif);
	height: 100%;
	width: 100%;
	}

h1 a
	{
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -5000px;
	}

h2, h3, h4, h5, h6, .heading {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	}

h2, h3, h4, h5, h6, .heading, .introtext {
	color: #006BB8;
	padding-bottom: 1em;
	}

h2 	{
	padding: 0.5em 0;
	font-size: 1.6em;
	line-height: 1.1;
	}

h3 {	font-size: 1.4em; }
h4 {	font-size: 1.3em; }
h5 {	font-size: 1.2em; }
h6 {	font-size: 1.1em; }

.flir-image {
	float: none !important;
	margin: 0 !important;
	}

/* 
  Rounded corners
  ---------------
*/

.rounded {
        position: relative;
        }

.rounded div {
        position: absolute;
        width: 12px;
        height: 12px;
        }

img.rounded, #home-banner ul.rounded {
        border: solid 4px #55bfcf;
        }

.rounded .top-left {
	top: 0;
	left: 0;
        background: url(../images/corners_blue/tl.png);
	}
.rounded .top-right {
	top: 0;
	right: 0;
        background: url(../images/corners_blue/tr.png);
	}
.rounded .bottom-left {
	bottom: 0;
	left: 0;
        background: url(../images/corners_blue/bl.png);
	}
.rounded .bottom-right {
	bottom: 0;
	right: 0;
        background: url(../images/corners_blue/br.png);
	}

/* 
  Main nav 
  --------
*/

#nav {
	position: absolute;
	top: 105px;
	left: 0;
	width: 200px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	}

#nav div {
	margin: 10px 0;
	}

#nav div div {
	margin: 0;
	}

#nav-main {
	padding-top: 16px;
	background: url(../images/navbox_top.png) scroll no-repeat top left;
	}

#nav-main ul {
	padding-bottom: 16px;
	background: url(../images/navbox_bottom.png) scroll no-repeat bottom left;
	}

#nav-main li {
	background: #027fa6;
	line-height: 2;
	}

#nav-main li a:link, #nav-main li a:visited, #nav-main li span.here {
	display: block;
	width: 160px;
	padding: 0 15px 0 25px;
	}

#nav-main li a:hover, #nav-main li a:active, #nav-main li a:focus, #nav-main li span.here {
	background: #027fa6 url(../images/navbox_highlight.blue.gif) scroll no-repeat center left;
	}

#nav-main li#nav9 a:hover, #nav-main li#nav9 a:active, #nav-main li#nav9 a:focus, #nav-main li#nav9 span.here, #nav-main li#nav9.active a,
#nav-main li#nav2 a:hover, #nav-main li#nav2 a:active, #nav-main li#nav2 a:focus, #nav-main li#nav2 span.here, #nav-main li#nav2.active a {
	background: #027fa6 url(../images/navbox_highlight.green.gif) scroll no-repeat center left;
	}
#nav-main li#nav10 a:hover, #nav-main li#nav10 a:active, #nav-main li#nav10 a:focus, #nav-main li#nav10 span.here, #nav-main li#nav10.active a,
#nav-main li#nav11 a:hover, #nav-main li#nav11 a:active, #nav-main li#nav11 a:focus, #nav-main li#nav11 span.here, #nav-main li#nav11.active a {
	background: #027fa6 url(../images/navbox_highlight.pink.gif) scroll no-repeat center left;
	}
#nav-main li#nav12 a:hover, #nav-main li#nav12 a:active, #nav-main li#nav12 a:focus, #nav-main li#nav12 span.here, #nav-main li#nav12.active a,
#nav-main li#nav13 a:hover, #nav-main li#nav13 a:active, #nav-main li#nav13 a:focus, #nav-main li#nav13 span.here, #nav-main li#nav13.active a {
	background: #027fa6 url(../images/navbox_highlight.orange.gif) scroll no-repeat center left;
	}

#nav-main li span {
	background: #027fa6;
	padding-right: 6px;
	}

#nav-login {
	padding-top: 17px;
	background: url(../images/loginbox_top.png) scroll no-repeat top left;
	}
#nav-login .nav-fixed-link {
	padding-bottom: 17px;
	background: url(../images/loginbox_bottom.png) scroll no-repeat bottom left;
	font-family: "Arial Black", Gadget, sans-serif;
	}
#nav-login .nav-fixed-link a, #nav-login .nav-fixed-link span {
	background-color: #00629f;
	}

#nav-help {
	padding-top: 17px;
	background: url(../images/helpbox_top.png) scroll no-repeat top left;
	}
#nav-help .nav-fixed-link {
	padding-bottom: 17px;
	background: url(../images/helpbox_bottom.png) scroll no-repeat bottom left;
	}
#nav-help .nav-fixed-link a, #nav-help .nav-fixed-link span {
	background-color: #340e87;
	}

.nav-fixed-link a:link, .nav-fixed-link a:visited {
	display: block;
	padding: 0 15px 0 25px;
	line-height: 22px;
	}

.nav-fixed-link a:hover, .nav-fixed-link a:active, .nav-fixed-link a:focus {
	background: transparent url(../images/navbox_highlight.white.png) scroll no-repeat center left;
	}

/* 
  Search box 
  ----------
*/

#nav-search {
	position: relative;
	float: right; 
	/*width: 297px;*/
	width: 200px;
	/*height: 53px !important;*/
	height: 103px !important;
	background: url(/assets/templates/goingandcoming/images/searchbox_bottom_right.png) bottom right no-repeat;
	}

#nav-search form {
background: url('/assets/templates/goingandcoming/images/searchbox_top.png') no-repeat;
	}

.hiddenLabel {
	position: absolute;
	left: -5000px;
	}

#nav-search fieldset {

	}

#searchTerms, #search {
	margin: 0;
	border: 0;
	padding: 0 25px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	background: transparent;
	color: #000;
	}
	
#searchTerms {
	/*margin-top: 21px;*/
	margin-top: 16px;
	padding-left: 15px;
	/*width: 170px;*/
	width: 148px;
	height: 23px;
	border: 6px solid #12185f;
	border-top: none;
	border-bottom: none;
	background: #fff;
}

#search {
	position: relative;
	bottom: 0;
	/*left: 187px;*/
	left: 91px;
	/*top: -23px;*/
	top: 23px;
	width: auto;
	height: 48px;
	padding: 0 17px 17px 0;
	font-size: 1.3em;
	color: #fff;

	}

#search span#ssp_outer {
	padding-left: 25px;
	line-height: 25px;
	}

#search:hover span#ssp_outer, #search:focus span#ssp_outer {
	background: transparent url(../images/navbox_highlight.search.png) scroll no-repeat 3px 0px;
	}

#search:hover span#ssp_inner, #search:focus span#ssp_inner {
	border-bottom: 2px dotted white;
	}

#login-button-tr {
	width: 200px; 
	padding-bottom: 15px; 
	margin-left: 453px; 
	font-family: Arial,Gadget,sans-serif; 
	float: left;
}

/* 
  Content area
  ------------
*/

#sub-nav {
	position: relative;
	margin-left: 215px;
	height: 59px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	line-height: 37px;
	color: white;
	}

#sub-nav .this-page-only {
	float: left;    /* for auto-width block */
	padding: 0 16px;
	height: 59px;
	background: url(../images/tabs/tab_lhs.blue.png) scroll no-repeat top left;
	}

#sub-nav .this-page-only span.here {
	display: block;
	height: 59px;
	padding-right: 16px;
	background: url(../images/tabs/tab_main.blue.png) scroll no-repeat top right;
	}	

#sub-nav li {
	float: left;
	padding-left: 16px;
	height: 59px;
	background: url(../images/tabs/tab_lhs.png) scroll no-repeat top left;
	white-space: nowrap;
	}
#sub-nav li.active {
	background-image: url(../images/tabs/tab_lhs.blue.png);
	}

#sub-nav li a, #sub-nav li span.here {
	display: block;
	height: 100%;
	margin-right: 16px;
	padding-right: 16px;
	background: url(../images/tabs/tab_main.png) scroll no-repeat top right;
	text-align: center;
	}
#sub-nav li.active a, #sub-nav li.active span.here {
	background-image: url(../images/tabs/tab_main.blue.png);
	}

#sub-nav li.last a, #sub-nav li.last span.here {
	margin-right: 0;
	}

#content {
	position: relative;
	margin-left: 215px;
	margin-top: -20px;
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3;
	background: url(../images/contentbox/contentbox_top.blue.png) scroll no-repeat top left;
	}

#content-header {
	background: url(../images/contentbox/contentbox_section.blue.gif) scroll repeat-y top left;
	}

#content-body {
	clear: left;
	/*min-height: 31em;*/
	min-height: 45em;
	}

.homepage-content {
	/* DG */
	min-height: 34em !important;
}

#content-header:after, #content-body:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#content-footer {
	margin-left: -51px;
	width: 796px;
	height: 110px;
	background: url(../images/contentbox/contentbox_bottom.blue.png) scroll no-repeat top left;
	}

.breadcrumb, .breadcrumb-user {
	padding-bottom: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	border-bottom : dotted 5px #e01f7c;
	}

#show-gallery .breadcrumb-user {
	border: none;
	}

#home-banner, #content-header, #content-body {
	padding: 0 20px;
	background: url(../images/contentbox/contentbox_section.blue.gif) scroll repeat-y top left;
	}

#page-heading h2 {
        float: left;
        }

#content-body .introtext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	letter-spacing: -0.3px;
	}

/**********************************/
/* Rich text typography (TinyMCE) */
/**********************************/

.richtext-container {
	/* Apply global styles to here, not to <p>
	 * NOTE: this may be more appropriate applied to #content
	 */
	letter-spacing: 0.6px;
	}
	
.richtext-container ul {
	list-style-type: disc;
	padding-left: 2em;
	}
.richtext-container ol {
	list-style-type: decimal;
	padding-left: 2em;
	}

.richtext-container p, .richtext-container li {
	/*padding-bottom: 1em;*/
	padding-bottom: 0;
	}

.richtext-container h3, .richtext-container h4, .richtext-container h5, .richtext-container h6 {
	font-weight: bold;
	}

.richtext-container strong { font-weight: bold; }

.richtext-container em { font-style: italic; }

.richtext-container sup { vertical-align: top; font-size: 60%; }

.richtext-container sub { vertical-align: bottom; font-size: 60%; }


.richtext-container a:link, .richtext-container a:visited {
	color: #5e4a70;
	text-decoration: none;
	}

.richtext-container a:hover, .richtext-container a:active, .richtext-container a:focus {
	color: #503763;
	text-decoration: underline;
	}

.richtext-container table th, .richtext-container table td { padding: 0.6em; }

/* 
  Home
  ----
*/

#home #sub-nav {
	height: 20px;
	}

#home-banner ul {
	width: 696px;
	height: 174px;
	overflow: hidden;
	}

#home-banner div.rounded { /* a fix, as rounded corners JS intended for <img>s */
	width: 704px;
	}

#home-banner li {
	float: left;
	position: relative;
	height: 174px;
	width: 174px;
/*	background: url(../phpthumb/phpThumb.php?src=/assets/images/default-images/default.gif&h=174) scroll no-repeat top left; */
	}

#content #home-banner .image-container {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	}

/*
  Forms (general)
  -----
*/

form, form input, form select, form textarea {
	font-size: 100%;
	}

form input[type="hidden"] { display: none; }

form div {
	clear: left;
	margin-bottom: 1em;
	width: 100%;
        }

legend {
	font-style: italic;
	padding-bottom: 0.5em;
	}

label {
        float: left;
        width: 120px;
        margin-bottom: 1em; /* match div margin in case label is higher than input */
	padding-top: 4px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
        text-align: right;
        }

input, textarea, select {
        display: inline;
        margin-left: 20px; /* MAY need 1px top/bottom to trigger correct margin use on Opera */
        border: solid 1px #006ffb;
	padding: 4px;
        background: white;
        }

.defaultSimpleSkin table.mceLayout {
	border: solid 1px #006ffb !important;
	}

input {
        width: 200px;
        }

textarea {
        width: 250px;
        }

select {
	width: 208px;
	}

input, textarea, select {
        color:#444;
        }

input:focus, textarea:focus, select:focus {
        color:#222;
        }

.submit input {
        margin-left: 140px;
        }

input:focus, input:hover,
textarea:focus,  textarea:hover,
select:focus, select:hover {
         background: #cdf3f8;
         }

.button {
	margin-left: 20px;
        width: auto;
	padding: 4px;
	border: none;
	background: #006bb8;
	color: white;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	}

.button:hover, .button:focus {
	color: #006bb8;
        background: #d7edf1;
	}

button.go {
	margin: 0;
	height: 71px;
	width: 83px;
	background: url(../images/go_button.png);
	}

button.go span {
	position: relative;
	left: -5000px;
	}

button.go:hover, button.go:focus {
	background: url(../images/go_button.png);
	cursor: pointer;
	}	

p.error, div.errors {
	margin-left: 140px;
	padding: 0;
	color: #990000;
	}

.greyed-out label {
	color: #aaa;
	}

.greyed-out button, .greyed-out input {
	background: #aaa !important;
	color: white !important;
	}

.greyed-out input {
	border-color: #777;
	}

#enquiry p {
	clear: both;
	margin-left: 140px;
	}

/*
  recaptcha
  ---------
*/

/* reCaptcha */
#recaptcha-div, #recaptcha-div div {
	margin: 0 !important;
	float: none !important;
	clear: none !important;
	line-height: 1 !important;
	}
#recaptcha-div {
	margin-left: 140px !important; /* <<<< Site specific */
	}
#enquiry-captcha label {
	margin-top: 72px !important;
	}
#recaptcha-div {
	position: relative !important; /* define as CB */
	width: 456px !important; /* !!!! */
	background: transparent url(../captcha/logo.gif) scroll 
no-repeat 390px 15px !important;
	}
#recaptcha-div #recaptcha_image {
	border: solid 1px black !important;
	height: 57px !important;
	width: 300px !important;
	background: white !important;
	}
.recaptcha_audio_cant_hear_link {
	padding-left: 1.5em !important;
	font-weight: bold !important;
	}
#recaptcha-controls {
	position: absolute !important;
	top: 15px !important;
	left: 350px !important;
	}
#recaptcha-controls a:link, #recaptcha-controls a:visited {
	display: block !important;
	margin-bottom: 5px !important;
	width: 25px !important;
	}
#recaptcha-controls a:focus, #recaptcha-controls a:active, 
#recaptcha-controls a:hover {
	outline: solid 2px #F00 !important;
	}
#recaptcha-controls img {
        display: block !important;
        }
#recaptcha-div #recaptcha_response_field {
	margin: 10px 0 0 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
 	width: 300px !important;
	}

/*
  Large faces
  -----------
*/

.sign-up {
	float: left;
	width: 705px;
	}

#login-form, .sign-up, #user-profile, #wlpeRegister {
	background: url(../images/largeFaces.gif) scroll no-repeat 100% 50%;
	min-height: 200px;
	}

#wlpeRegister {
	background-position: 430px 200px;
	}

/* 
  Login page 
  ----------
*/

#wlpeLogin, #wlpeReset {
	width: 360px;
	border: dotted 5px #e01f7c;
	padding: 30px 20px 10px 20px;
	font-size: 1.3em;
	}

#login-form form div {
	margin-bottom: 1.5em;
	}

#wlpeLoginForm label {
        width: 100px;
	}

#wlpeLoginForm input {
        width: 230px;
	}

#wlpeLoginForm .submit {
        margin-left: 100px;
	}

#wlpeReminderButton {
	width: 16em;
	margin: 40px 0 0 110px;
	border: 0;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	padding: 0;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	font-size: 0.7em;
	background: white;
	}

/*
  User admin pages
  ----------------
*/

#access-jumps {
	padding: 0 0 1em 0;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	font-size: 1.15em;
	line-height: 2;
	}

#access-jumps ul {
	list-style-type: none;
	}

#access-jumps li {
	display: inline;
	}

#access-jumps .aj-label {
	float: left;
	width: 10em;
	}

#access-jumps .aj-links {
	margin-left: 11em;
	}

#access-jumps a {
	margin-right: 2em;
	white-space: nowrap;
	}

#user-profile {
	width: 100%;
	}

form#wlpeUserProfileForm, #user-add-others, #webuser-children, #your-story, #your-organisation, #your-gallery {
	float: left;
	width: 655px;
	margin-top: 20px;
	border: dotted 5px #e01f7c;
	padding: 20px;
	}

form#wlpeUserProfileForm {
	width: 360px;
	}

fieldset#wlpeUserProfileButtons {
	margin-left: 140px;
	}

fieldset#wlpeUserProfileButtons .submit * {
	margin: 0 8px 0 0;
	}

#webuser-children ul {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	}

#webuser-children li {
	float: left; 
	width: 100%;
	margin-bottom: 0.7em;
	line-height: 1.4;
	}

.webuser-children-info {
	float: left;
	width: 300px;
	}

#webuser-children form {
	float: left;
	width: 100px;
	}

#webuser-children .publish-user form, #webuser-children .q-link {
	width: 150px;
	}

#webuser-children .q-link {
	float: left;	
}

#webuser-children .button {
	margin: 0;
	padding: 0;
	}

.wlpeMessage {
	float: none;
	color: #006BB8;
	font-weight: bold;
	}

form .wlpeMessage {
	font-size: 100%;
	}

#wlpeUserProfilePhotoImg {
	position: absolute;
	top: auto;
	right: 29px;
	}

#your-gallery form input {
	margin: 0;
	}

#your-gallery li {
	float: left;
	width: 200px;
	margin-right: 18px;
	}

#your-gallery li form {
	float: left;
	}

#your-gallery li .delete-button {
	border: none;
	}

#your-gallery li p, #your-gallery form#caption-editor {
	float: left;
	height: 40px;
	width: 168px;
	margin-bottom: 20px;
	padding: 0;
	overflow: hidden;
	}
#your-gallery form#caption-editor input {
	width: 158px;
	}

form#galleryupload {
	clear: left;
	position: relative;
	}
	
input#gallery_file {
	top: 0;
	right: 0;
	left: auto;
	width: auto;
	}

input#gallery_upload {
	float: right;
	padding-left: 0.3em;
	padding-right: 0.3em;
	}

p#gallery-upload-message {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	text-align: right;
	}
	
/*
  Explore 
  -------
*/

.home #content h2 {
	float: left;
	/*padding: 20px 181px 20px 0;*/
	padding: 20px 171px 20px 0;
	/* DG */ padding-top: 0;
	/* DG */ padding-bottom: 0;
	font-size: 3.4em;
	background: url(../images/heading_faces.gif) scroll no-repeat center right;
	}

/*
.home #content-body .richtext-container {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal !important;
	letter-spacing: -1px;
	font-size: 1.15em;
	}	
*/
#explore-contents-list {
	margin-top: 2em;
	}

#explore-contents-list li {
	min-height: 158px;
	margin-bottom: 20px;
	margin-right: 14px;
	}

#explore-contents-list img {
	float: left;
	margin-right: 14px;
	}

#explore-contents-list h3, #explore-contents-list p {
	margin-left: 0;
	padding-bottom: 1em;
	}

/* FOR HOMEPAGE */

#explore-contents-list-home {
	/*margin-top: 2em;*/
	margin-top: 1em;
	}

#explore-contents-list-home li {
	min-height: 158px;
	/*margin-bottom: 20px;*/
	float: left;
	width: 225px;
	margin-right: 14px;
	}
	
#explore-contents-list-home li.help {
	margin-right: 0; }

#explore-contents-list-home img {
	float: left;
	}

#explore-contents-list-home h3, #explore-contents-list-home p {
	margin-left: 0;
	/*padding-bottom: 1em;*/
	width: 225px;
	}
	
/* END */

#group-article img {
	float: left;
	margin: 0 20px 20px 0;
	}

#explore-summaries .doc-list {
	float: right;
	width: 342px;
	}

#latest-schools {
	margin-left: 20px;
	}

.collection-tags {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	color: #808080;
	}

.collection-tags .heading {
	color: black;
	}

#people-list li, #school-list li {
	float: left;
	width: 33%;
	padding-bottom: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	line-height: 2;
	}

#explore-gallery-list {
	margin: 0 -20px;
	padding: 20px;
	width: 705px;
	}

#explore-gallery-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#explore-gallery-list li {
	float: left;
	width: 65px;
	height: 65px;
	margin: 0 5px 5px 0;
	}

#explore-gallery-list a:link, #explore-gallery-list a:visited {
	display: block;
	width: 65px;
	height: 65px;
	border: none;
	}

body#explore-galleries .breadcrumb {
	border: none;
	}

body#explore-galleries form#school-or-library h2 {
	color: black;
	}

/* 
  Selection of county/school/class/pupil/library/indivudual
  ---------------------------------------------------------

  #select-county, #select-county-user
		- non-JS user by county selection
  #select-group
		- non-JS user selection

  #select-user
		- JS selection of user
  #select-library .select-organistaion, #select-school .select-organistaion
		- JS selection of group (class or library)
*/

#select-county, #select-county-user, #select-user, #select-group {
	height: 9em;
	margin: 0 -20px 20px -20px;
	padding: 20px;
	}

#select-user h3, #select-user .introtext {
	color: black;
	background: transparent;
	padding: 0 0 0.5em 0;
	}

#select-user label {
	float: none;
	display: block;
	margin: 0;
	text-align: left;
	font-size: 1.3em;
	width: 250px;
	height: 1.3em;
	white-space: nowrap;
	}

#select-user .select, #select-group .select {
	float: left;
	clear: none;
	width: 250px;
	}

#select-user select, #select-group select {
	margin: 0;
	}

#select-user .submit, #select-group .submit {
	float: left;
	clear: none;
	margin: 0;
	padding-top: 0.5em;
	width: 83px;
	}

#select-user button.go {
	position: relative;
	left: -40px;
	top: 0;
	}

.busy {
	cursor: wait !important;
	}

form#school-or-library {
	padding: 0.5em 0 1em 0;
	}

form#school-or-library * {
	display: inline;
	vertical-align: top;
	}

form#school-or-library button.button {
	background: #f8dbe3;
	color: #dc006b;
	}

form#school-or-library button.selected {
	background: #dc006b;
	color: white;
	}

form#school-or-library button:hover, form#school-or-library button:focus {
	background: #808080;
	color: white;
	}

/* 
  Story editors
  -------------
*/

form.document-editor {
	width: 655px;
	}

form.document-editor textarea, form.document-editor .text input {
	width: 450px;
	}

#introtext_edit, #tvstorytitle_edit {
	font-weight: bold;
	}

#image-editor img {
	margin: 0 345px 10px 140px;
	}

#story-editor .gmap-world-map-link {
	margin-left: 140px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	}

#storyaudio1title-editor, #storyaudio2title-editor, #storyaudio3title-editor, #storyaudio4title-editor {
	margin-bottom: 0;
	}

#tvstoryaudio1title_edit, #tvstoryaudio2title_edit, #tvstoryaudio3title_edit, #tvstoryaudio4title_edit {
	width: 290px;
	}

form #audio-player1, form #audio-player2, form #audio-player3, form #audio-player4 {
	margin-left: 140px;
	margin-right: 245px;
	}

form .storyaudio-editor {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px #004c9e solid;
	}

form .audio-delete {
	margin: 0;
	width: 12em;
	}

form .audio-delete input {
	width: 1em;
	}

span#content_edit_container {
	display: block;
	position: relative;
	margin-bottom: 2em;
	margin-left: 140px;
	height: 400px;
	width: 505px;
	}

#your-organisation span#content_edit_container {
	height: 200px;
	}

.mceIframeContainer { /* override form div */
	float: none;
	width: 505px;
	}

#content_edit_tools1 a {
	border-bottom: none !important; /* override link styles */
	}

#story-editor .color {
	float: left;
	padding-left: 140px;
	width: 420px;
	margin-bottom: 2em;
	}

#story-editor .color h4 {
	padding: 0;
	font-size: 1em;
	color: black;
	float: left;
	}

#story-editor .color div {
	float: left;
	width: 8em;
	clear: none;
	margin: 0.5em 2em 0.5em 0;
	padding: 0;
	}

#story-editor .color label {
	width: 6em;
	margin: 4px 0;
	padding: 0;
        font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

#story-editor .color input {
	width: 1em;
	margin: 4px 0 0 2px;
	border: none;
	background: transparent;
	}

.color .blue {
	background: #55bfcf;
	}
.color .green {
	background: #cbd300;
	}
.color .pink {
	background: #dc006b;
	}
.color .orange {
	background: #e95e26;
	}
.color .purple {
	background: #340e87;
	color: white;
	}
.color .yellow {
	background: #ffdd00;
	}

#story-editor #headingColor-editor div {
	background: white;
	margin: 0;
	}

#headingColor-editor .blue {
	color: #027fa6;
	}
#headingColor-editor .green {
	color: #479221;
	}
#headingColor-editor .pink {
	color: #dc006b;
	}
#headingColor-editor .orange {
	color: #e95e26;
	}
#headingColor-editor .purple {
	color: #340e87;
	}

#gmap-search #map {
	height: 250px;	
	width: auto;
	margin: 0 25px 15px;
}

#gmap-search #map-controls {
	width: auto;
	margin: 0 25px 15px;
}

#gmap-search #map-controls ul li {
	width: 50%;
	float: left;
}

#gmap-search #map-controls label {
	display: inline;
	width: auto;
	text-align: left;
	float: none;	
	margin-bottom: 5px;
}

#gmap-search #map-controls input {
	margin-left: 0;	
}

/*
  Story/Article Template
  ----------------------
*/

p.logged-in-as {
	padding: 0.5em 0 0;	
}

#story, .article {
	padding-top: 10px;
	}

#story h2, .article h2 {
	margin-left: 328px;
	padding-bottom: 0;
	width: 377px;
	}

#story-main-graphics {
	float: left;
	width: 308px;
	margin: 0 20px 20px 0;
	}

#story-main-graphics img {
	display: block;
	}

#story-gmap {
	display: none;
	}

#story-gmap.enabled {
	display: block;
	width: 300px;
	height: 300px;
	margin-top: 20px;
	overflow: hidden;
	}

#story-credit, #story-audio {
	margin-left: 328px;
	}

#story-audio h3, #story-audio h4 {
	padding-bottom: 0.3em;
	}

#story object, #story .audio-player {
	margin-bottom: 0.6em;
	}

#story .introtext, .article .introtext, #story .richtext-container, .article .richtext-container {
	margin-left: 328px;
	}

#gallery {
	clear: left;
	margin: 0 -20px 20px -20px;
	padding: 20px 20px 5px 20px;
	}

#gallery * {
	color: black;
	}

#gallery-main {
	border-top: solid 1px white;
	padding-top: 4px;
	text-align: center;
	}

#gallery-list {
	margin-top: 4px;
	border-top: solid 1px white;
	border-bottom: solid 1px white;
	padding-top: 4px;
	}

#gallery-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#gallery-list li {
	float: left;
	height: 54px;
	padding: 0 4px 4px 0;
	}

#gallery-list a:link, #gallery-list a:visited {
	display: block;
	height: 54px;
	border: none;
	}

#gallery-list a:hover, #gallery-list a:active, #gallery-list a:focus {
	outline: solid 2px white;
	}

#gallery-list img {
	display: block;
	}

/* 
  Sign up pages
  -------------
*/

.select-organisation {
	float: left;
	width: 100%;
	margin: 0 -20px 20px -20px;
	padding: 20px;
	}

.select-organisation form {
	font-size: 100%;
	}

.select-organisation h3 {
	color: black;
	}

.select-organisation .select {
	float: left;
	clear: none;
	width: 200px;
	}

.select-organisation .select label {
	margin-bottom: 0.5em;
	font-size: 1.3em;
	text-align: left;
	}

.select-organisation .select select {
	margin: 0;
	width: 180px;
	}

.select-organisation .submit {
	margin: 0;
	width: 85px;
	padding-top: 1em;
	}

#wlpeRegister {
	float: left;
	}

#wlpeRegisterForm {
        width: 370px;
        border: dotted 5px #006bb8;
        padding: 30px 20px 10px 20px;
	}

.wlpeRegisterInfo {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-style: italic;
        letter-spacing: -0.3px;
        color: #006bb8;
        }

fieldset#wlpeRegisterButtonFieldset {
	margin-left: 140px;
	}

fieldset#wlpeRegisterButtonFieldset .submit * {
	margin: 0 20px 0 0;
	}

/* 
  Tag Cloud (AF)
  ---------
*/

#controls {
	clear: both;
	padding-bottom: 1em;
	height: 3em;
	}

#controls li {
        width: 9em;
        text-align: center;
	}

#controls li a {
        padding: 6px 4px;
        background-color: #e50278;
        font-weight: bold;
        color: white !important;
        text-decoration: none;
        border: 0 !important;
	}

#controls li a:hover {
        background-color: #e50278;
        text-decoration: underline;
        color: white;
	}

.tagcloud {
        font-size: 2em;
	}

.tagcloud span {
        line-height: 1.2;
        padding-right: 1em;
        white-space: nowrap;
	}

.tagcloud .s5 {
        font-size: 3em;
	}

.tagcloud .s4 {
        font-size: 2.5em;
	}

.tagcloud .s3 {
        font-size: 2em;
	}

.tagcloud .s2 {
        font-size: 1.5em;
	}

#flash-tagcloud {
        width: 690px;
        margin: 0 auto;
	}

/*
  Search Results, Tag Results, Downloads
  --------------------------------------
*/

div.doc-list li {
	min-height: 90px;
        padding: 10px 0;
        border-top: 3px dotted #E01F7C;
	}

div.doc-list li * {
	font-size: 100%;
	}

div.doc-list li a img {
        float: left;
	}

div.doc-list li h3, div.doc-list h4, div.doc-list li p, div.doc-list li div {
        margin-left: 110px;
	}

div.doc-list li div div {
	margin-left: 0;
	}

div.doc-list div.read-more {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	}

#content .highlight {
	background-color: #FF0;
	}

/* 
  Pagination (Ditto)
  ------------------
*/

.ditto-pagination-footer, .search-pagination {
	clear: left;
	margin-top: 1em;
	border-top: 5px dotted #E01F7C;
	padding-top: 1em;
	}

.search-pagination, .ditto-pages {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	}

span.ditto-current-page, span.ditto-off {
	color: #999;
	}

#content .ditto-pages a:link, #content .ditto-pages a:visited {
	border: none;
	}

.search-pagination *, .ditto-pagination-footer * {
	display: inline;
	float: none;
	}

.search-pagination-message, .search-pagination-itemsperpage,
.ditto-numbering, .ditto-itemsperpage {
	padding-right: 1em;
	}

.search-pagination-message strong, .search-pagination-links,
.ditto-numbering strong, .ditto-pages {
	white-space: nowrap;
	}	

.search-pagination select, .ditto-itemsperpage select {
	margin-left: 0.3em;
	width: 4em;
	}

.search-pagination option, .ditto-itemsperpage option {
	display: block;
	}

.people .ditto-pages, .galleries .ditto-pages {
	display: block;
	margin: 1em 0;
	}

.galleries.ditto-pagination-footer {
	margin-top: 0;
	border: none;
	border-bottom: 5px dotted #E01F7C;
	margin-bottom: 1em;
	}

/* 
 Blog
 ----
*/

#blog-list li {
	border: none;
	padding-bottom: 2em;
	}

#blog-list li * {
	font-size: 100%;
	}

#blog-list li h3, #blog-list li p, #blog-list li .read-more,  #blog-list li .blog-credit {
	margin-left: 128px;
	}

#blog-list img, #blog-main-graphic {
	float: left;
	border-width: 4px;
	border-style: solid;
	}

#blog-list .read-more {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	margin-bottom: 0.5em;
	}

.blog-credit {
	font-weight: bold;
	margin-bottom: 1em;
	}

#blog-main-graphic {
	margin: 0 20px 20px 0;
	}

/* 
  Footer
  ------
*/

#footer {
	margin-top: 14px;
	line-height: 2;
	}

#footer h2 {
	font-size: 1.3em;
	line-height: 50px;
	background: transparent url(../images/footer_arrow.gif) scroll no-repeat center left;
	}

#footer h2, #footer li {
	padding: 0 0 0 25px;
	}

#footer * {
	color: white;
	}

.footer-nav-group {
	float: left;
	width: 23%;
	min-height: 55em;
	margin-right: 2%;
	border-right: solid 1px white;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	}

#footer a:link, #footer a:visited {
	text-decoration: none;
	border-bottom: 2px dotted white;
	}

#footer a:hover, #footer a:active, #footer a:focus {
	background: #3389c6;
	}

#footer h2 a:link, #footer h2 a:visited {
	text-decoration: none;
	border: none;
	}

#footer .contact-info {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.3;
	letter-spacing: 0.6px;
	text-align: right;
	}

#footer .contact-info strong {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	}

#footer .comp-reg-no {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 0.6px;
	padding-bottom: 0;
	}

#footer .credit {
	float: left;
	padding-left: 20px;
	margin-bottom: 15px;
	}
	
#footer .first {
	padding-left: 0; }

#footer .credit a {
	border: 0;
	}

#footer .credit a:link, #footer .credit a:visited, #footer .credit a:focus {
	background: transparent;
	}

#footer #los-credit {
	line-height: 1.3;
	margin-top: 1em;
	text-align: right;
	}

#footer #los-credit a {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	}	

#copyright {
	clear: both;
	padding: 0.2em 0;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	}

#copyright acronym {
	font-family: "Arial Black", Gadget, sans-serif;
	}
#ask p {
	font-size: 1.3em;	
}
/* Agreement box */
div.agreement {
	padding: 14px;
	background: yellow;
	width: 96%;
}
div.agreement-nav {
	text-align: center; }
/* 
 * Button
 *  - Button backgrounds are defined in individual stylesheets depending on the colour
 * (e.g. purple/main.css) however we want Submit and Reset buttons to be red so that they
 * can't easily be missed.
 */ 
#save-story-button, #reset-story-button {
	background-color: red !important;
	border: 2px solid #000;
}
/* Lesson plan error box */
div.error-messages {
	padding: 14px;
	background: yellow;
	margin-bottom: 14px;
	border: 1px solid #000;
}
/* Lesson plan downloads */
.lesson-plan {
	padding-top: 14px;
	border-top: 1px solid #000;
}
.lesson-plan h3 {
	float: left;
	line-height: 1.6em;
	padding-bottom: 0;
	vertical-align: middle;
	width: 400px;
}
.lesson-plan .lesson-plan-download {
	float: right;
	width: 100px;
	text-align: center;
	display: block;
	height: 1.6em;
	vertical-align: middle;
	text-align: center;
	background: yellow;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 200px;
}
.lesson-plan .lesson-plan-download a {
	display: block; 
	border-bottom: none !important;
	line-height: 1.6em;
	color: #ff0000 !important;
}
.lesson-plan .lesson-plan-download a:hover {
	background: #e5297e !important; color: #fff !important; }
.lesson-plan .lesson-plan-description {
	clear: both; }
/* The jQuery stuff for the login/search bit */
.jquery-login-search {
	position: absolute !important;
	width: 507px !important;
	z-index: 900 !important;
	top: 0 !important;
	padding: 10px !important;
	left: 427px !important;
	border: 3px solid #3a7fa4;
	border-top: none;
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
}
.jquery-login-button-tr {
	padding-bottom: 0px !important;
	margin-left: 0px !important;
}
#login-search-tab {
	display:none;
	position: absolute;
	border: 3px solid #3a7fa4;
	border-top: none;
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	padding: 10px;
	top: 0;
	left: 700px;
	z-index: 900;
}
#login-search-tab p {
	padding: 0;
	margin: 0;
}
#login-search-tab a {
	font-size: 16px;
	font-family: "Arial Bold", Arial, sans-serif;
	color: #000;
}
/* Supporters area */
.nlhf {
	color: #fff; padding-left: 30px; padding-top: 15px; }
#supporters {}
#supporters a, #supporters p {
	color: #fff;
	line-height: 1.5em;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 14px;
	padding-top: 20px;
}
.footer-info {
	margin-top: -58px; }
.comp-reg-no {
	text-align: right !important; }
#copyright {
	text-align: right; }
.additional-supporters {
	text-align: right; }
#credits {
	float: right; }
.pc-logo {
	margin-left: 26px; }