/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{float:right;}.yui-gb div.first{margin-left:0;float:left;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}.yui-gb .yui-u{float:left;}

body {
  font-size: 85%;
  font-family:	"Lucida Grande", Trebuchet MS, Arial,helvetica,clean,sans-serif;		
  margin: 0;
}

strong, .strong {
  font-weight: bold;
}

em, .em {
  font-style: italic;
}

.user_edit label, .user_password label, #login-box label {
 display: block;
 margin-top: 1em; 
}

#login-box .notice, #login-box .error {
 width: 85%;
}

#login-box input {
  display: block;
}


#doc3.yui-t7 {
 /* to fit when screen res is set to 800x600, we're over-riding the YUI resets */
 margin-left: 5px; margin-right: 5px 
}

#hd, #bd, #ft {
    padding-left: 25px;
    padding-right: 25px;
}	

#bd {
  width: expression(document.body.clientWidth > 772? "770px" : "auto");
  max-width: 770px;
  margin: 0 auto;
	padding-top: 2em;
}
		
#ft {
	margin-top: 10px;
	text-align: center;
}

#hd .student-login-banner {  
  position: absolute; /* top: 0;   */ right: 0;
  width: 120px; height: 120px;  
  z-index: 20;
  top:-1.6em;
}

div#music-service {
  float: left;
  width: 162px;
  margin-right: 5px;
}

.pointerhand {
  cursor: pointer;
  cursor: hand;
}

.yui-g p, .yui-g h1, .yui-g h2, .yui-g h3 {
  margin-bottom: 1em;
}
		

/* Style-away the evil Firefox defaults for input boxes */
select, input[type="text"], input[type="password"], textarea {
  border-style: solid;
  border-color: rgb(124,124,124) rgb(195, 195, 195) rgb(221, 221, 221);
  border-width: 1px;
	padding: 3px;
}		

/* only MS would pick the worst option as a default */
img { -ms-interpolation-mode:bicubic; }

/* not so red and angry form error highlights */
.errorExplanation {
	border: solid 2px black;
	background: #fbb;
	padding:10px;
	margin:10px;
	
}

.errorExplanation h2 {
	display: inline;
	text-transform: capitalize;
	font-size: 110%;
	font-style: italic;
	
}

.errorExplanation ul {
	margin-left: 1.5em;
	list-style: disc inside;
	font-style: italic;
}

.fieldWithErrors {
/*  background:red;*/
	background: url('/images/cross.gif') no-repeat 95% center;
}

.fieldWithErrors input {
	background-color: #ff9;
	width: 90% !important;
}
/* eof form errors */

/* ####################################################################################
 * Malarky image replacement
 *
 * http://www.stuffandnonsense.co.uk/archives/examples/malarkey-method-example.html 
 */
.mir { letter-spacing : -1000em; text-indent : -999em; overflow : hidden; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}

.h1, h1 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

h1.welcome {
	font-size: 1.8em;
}

h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0em 0.5em 0em;
}

.editor_field {
  width:90%;
}
		
#hd {
	margin-top: 2em;
 body div#hd #links position:relative;
/*  width:100%;	*/
}

#hd h1 {
  float: left;
  margin-right: 1em;
}

#right-navigation {
  float: right;
  width: 535px;
/*  background: red;*/
}

#breadcrumbs {
/*	background: blue;*/
}

.samples a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: #D5E1E1 url('/images/external_link.png') no-repeat 95% center;
	padding: 1px;
	padding-left: 5px;
	padding-right: 20px;
	margin-right: 5px;
}

#partnership {
 float: left;
 width: 112px;
}

#faq h2 {
  margin-top: 2em;
  margin-bottom: 0.5em;
}

#faq img {
  vertical-align: middle;
}

#faq .question {
  font-weight: bold;
}

#school-subscription {
  padding: 5px;
  border: solid 1px #B6D4D4;
  background-color: #D5E1E1;
  margin-bottom: 1em;
}

#latest-resources div.square_thumbnail {
  padding: 5px;
  width: 74px;
  height: 74px;
  overflow: hidden;
  float: left;
}

#latest-resources .alt {
  display: none;
}

#more-latest-resources {
  text-align: center;
  padding: 5px;
  padding-top: 10px;
}

.emphasis {
 background-color: #ffffa2; 
}

#more-latest-resources a {
  color: #000;
}


#resources .item h4 {
  width: 100%;
	height: 50px;
	overflow: hidden;
	float: right;
/*  background: #aaa;*/
}

#resources .item h4 a {
	width: 97px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	font-size: 0.8em;
	height: 3em;
}

#resources .item a.thumbnail {
	display: block;
  background: transparent;
}


.official-properties, .official-properties a {
  clear: left;
  font-size: 0.85em;
  margin-top: 0.5em;
  color: #666;
}

.official-properties span {
  font-weight: bold;
  font-size:0.95em;
}

#account-links {
 text-align: right;
}
		
#left p {
	margin-bottom: 15px;
}

form#search {
  padding: 0;
/*  margin: 1em 0 1em 0;*/
  clear: both;
  float: right;
  width: 500px;
  text-align: right;
}

#search { 
	position: relative;
	padding-top: 10px;
	margin-bottom: 10px;
/*	margin-right: 20px;*/
}

#search a {
	color: #555;
} 		

.search-dropdown {
	padding-right: 20px;
	padding-left: 10px;
	background: url('/images/v4/down-arrow.gif') no-repeat center right;
}

.example { 
  color: #ccc; 
}		

#guide-buttons {
	margin-top: 20px;
	position: relative;
	height: 165px;
	max-width: 770px;
	margin-left: auto;
	margin-right: auto;
}

#explore-lesson {
	text-align: left;
	width: 90%;
	background-color: #F0E4CC;
	padding: 15px;
	margin-bottom: 30px;
}

#explore-lesson h2, #explore-lesson h3, .workspace h2, .workspace h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #00005C;
	margin-bottom: 10px;
}

#explore-lesson h3 {
	font-size: 1.1em;
}

#explore-lesson h2 span, #explore-lesson h3 span,  .workspace h3 {
	color: #992C29;
	size: 1em;
	font-weight: normal;
}

#explore-lesson-col1, #explore-lesson-col2, #explore-lesson-col3 {
	width:24%;
	padding-left: 5px;
	float: left;
}

#explore-lesson-col3 {
	width:49%;
}

#explore-lesson-col3.embed {
	float: right;
}

div.workspace {
	margin: 40px 0;
}

div.workspace h2 img, .workspace h3 img {
	vertical-align: text-top;
}

div.workspace .col {
	width: 25%;
	float: left;
}

#prop-tree ul li a {
  color: #000;
  text-decoration: none;
}

#prop-tree ul li a:hover {
   color: #9f251f;
}

#prop-tree li a.leaf {
  color: #000;
  text-decoration: none;
  background-color: #D5E1E1;
}

#prop-tree li a.kind {
  color: #000;
  text-decoration: none;
  background-color: #B6D4D4;
}

.lesson-preview {
	background: #9AFDBA;
	margin: 40px 0;
	padding: 20px;
	width: 450px;
}

.lesson-preview .col1 {
	width: 20%;
	float: left;
}

#download {
  padding: 10px;
}

#download p {
  text-align: left;
}

#download img {
  vertical-align: middle;
  margin-right: 5px;
  border: 0;
}
		
		
#four-col-bd {
	margin-top: 2em;
}
			
.right {
	float: right;
}

.left {
	float: left;
}

.centred {
  text-align: center;
}

.cleared {
	clear: both;
}

.left-cleared {
	clear: left;
}

.right-cleared {
	clear: right;
}

.block {
 display: block; 
}

.hint {
  background: #ffff99;
  font-style: normal;
  font-weight: bold;  
}

.heading {
 float: left; 
}

.column p {
	width: 180px;
/*  height: 3em;*/
	background: url(/images/v4/middle.gif) repeat-y;
}

.column p.last {
	width: 180px;
	background: url(/images/v4/bottom.gif) no-repeat;
}       

.column p.edit {
  text-align: center;
  padding-top: 0.5em;
  font-size: 0.95em;
}

.column p.edit a {
  color: #666;
}

/* Music Service columns */

h2#wider-opps {
	width: 180px;
	height: 100px;
	background: url(/images/v4/wider_ops_e.jpg) no-repeat;
}

h2#wider-opps.disabled {
  background: url(/images/v4/disabled_wo.jpg) no-repeat;
}

h2#instrument-vocal {
	width: 180px;
	height: 100px;
	background: url(/images/v4/inst_voc_e.jpg) no-repeat;
}

h2#instrument-vocal.disabled {
  background: url(/images/v4/disabled_i_v.jpg) no-repeat;
}

h2#keystage-1-2 {
	width: 180px;
	height: 100px;
	background: url(/images/v4/ks1_2_e.jpg) no-repeat;
}

h2#keystage-3-4 {
	width: 180px;
	height: 100px;
	background: url(/images/v4/ks_3-4.jpg) no-repeat;
}

div.column p {
	font-size: 1.2em;
	margin: 0px;
}

div.column h2 {
  margin-bottom: 0;
}

div.column p a {
	color: #000;
	text-decoration: none;
}

div.column p span {
	display: block;
	margin-left: 0.6em;
	margin-right: 0.8em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

.cell-outer {
	display: table; height: 4em; #position: relative; overflow: hidden;	
}

.cell-inner1 {
	#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;	
}

.cell-inner2 {
 #position: relative; #top: -50%	
}

.red {
	background-color: red;
}

.green {
	background-color: green;
}

.yellow {
	background-color: yellow;
}

.orange {
	background-color: orange;
}

.blue {
	background-color: blue;
}

/********* music service admin ***********/

.music-service.address {
  margin-left: 1em;
  font-style: italic;
}


/***************** login *****************/

#login-box label {
	display: block;
	width: 100px;
}

#login-box #user_login, #login-box #user_password  {
 margin-bottom: 20px;
 width: 50%;
}

#login-box p {
	text-align:  left;
}
#login-box h1 {
	position:  relative;
	top: -30px;
	margin-bottom:  -30px;
}	
/***************** login *****************/	



/******** editable property tree *************/

.editable-property {
  font-size: 10px;
  padding-left: 22px;
}

.editable-property-textfield {
  font-size: 0.8em;
}

/*********** resources ********************/
.odd-bundle {
  background: #fefee4;
}

.even-bundle {
	background: #fefac7;  
}

.alternate-bundle {
	background: #E7E4B4;  
}

.single-resource, .bundle-resource {
	padding: 10px;
}

.single-resource .description, .bundle-resource .description{
  font-size: 0.9em;
}

.single-resource {
  padding-bottom: 1em;
}

.abs-bottom-right {
  position: absolute; right: 0pt; bottom: 0pt;  
}

.bundle-thumbnails {
  float: left; position: relative; width: 97px; height: 115px; overflow: hidden; margin-right: 5px; margin-bottom: 5px; background: #f9f64c; padding: 5px;
}

.bundle-thumbnails-admin {
height: 155px;
width: 160px;
}

.bundle-thumbnail-info {
  height: 30px;
  line-height: 0.85em;
  padding-left: 2px;
  padding-bottom: 2px; 
  padding-top: 2px; 
  font-size: 0.8em;
}

.bundle-thumbnail-info-admin {
  height: 70px;
}


.edit-bundle-assets {
 width: 350px; height: 210px; margin-right: 5px; margin-bottom: 5px; background: #d5e1e1; padding: 5px;
}

.edit-bundle-thumbnail {
 background: #d5e1e1; height: 69px; padding:5px;
}



.edit-bundle-asset-info {
  line-height: 0.95em;
  padding-left: 2px;
  padding-bottom: 2px; 
  padding-top: 2px; 
  font-size: .9em;
}

.bundle-thumbnail-info a img {
/*  background-color: #fff;*/
}

.bundle-resource p.folder, #bundle-of-the-day.resource-of-the-day p.folder {
  margin-top: -5px;
  margin-bottom: 5px;
  background: url('/images/v4/folderIcon.gif') no-repeat;
  height: 85px;
  width: 116px;
  float: left;
  cursor: pointer;
}

.single-resource p.thumbnail, #resource-of-the-day.resource-of-the-day p.thumbnail {
  float: left;
  width: 105px
  overflow: hidden;
}

#results .bundle-resource div.description,#results .single-resource div.description, .bundle-resource div.description, .single-resource div.description, .bundle-resource div.description, .resource-of-the-day div.description {
  background-image: none;
  margin-left: 10px;
  padding-left: 5px;
  width: 220px;
  height: 90px;
  overflow: auto;
}

#results .single-resource div.description, #results .bundle-resource div.description {
  width: 625px;
}


.bundle-resource p img, #bundle-of-the-day.resource-of-the-day p img {
  margin-top: 8px;
  margin-left: 3px;
/*  width: 95;*/
  height: auto;
}

.bundle-resource p.resource-icons, #bundle-of-the-day.resource-of-the-day p.resource-icons {
  background-image: none;
}

.bundle-resource p.resource-icons span, #bundle-of-the-day.resource-of-the-day p.resource-icons span {
 padding-bottom: 5px;
 padding-right: 5px;
}

#bundle-of-the-day.resource-of-the-day ul.resource-icons, #resource-of-the-day.resource-of-the-day ul.resource-icons {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -10px;
  padding: 10px;
  background: url('/images/v4/bundle-otd-bottom.gif') no-repeat bottom;
  height: 36px;
}

.bundle-resource ul.resource-icons {
  padding: 10px;
  height: 36px;
}

#resource-of-the-day.resource-of-the-day ul.resource-icons {
  background: url('/images/v4/resource-otd-bottom.gif') no-repeat bottom;
}

.bundle-resource ul.resource-icons li, .resource-of-the-day ul.resource-icons li {
    float: left;
    width: 36px;
    height: 36px;
    padding-right: 5px;
    background-repeat: no-repeat;    
}

ul.resource-icons li a {
  display: block;
  width:32px;
  height:32px
}

ul.resource-icons li#teaching-notes {
  background-image: url("/images/v4/checklist.gif");
}

ul.resource-icons li#score {
  background-image: url("/images/v4/print_score.gif");
}

ul.resource-icons li#mp3 {
  background-image: url("/images/v4/notes.gif");
}


.bundle-resource p.resource-icons img, #bundle-of-the-day.resource-of-the-day p.resource-icons img, img.icon {
  margin: 0px;
  padding: 0px;
  padding-right: 5px;
  vertical-align: middle;
}

#skip-to-main-content{
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

#bundle-of-the-day {
  background: url('/images/v4/bundle-otd-middle-thin.gif') repeat-y;
  margin-right: 20px;
}

#resource-of-the-day {
  background: url('/images/v4/resource-otd-middle-thin.gif') repeat-y;
}

#bundle-of-the-day div#premium, #resource-of-the-day div#premium {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -10px;
  padding: 10px;
  padding-bottom: 0;
  background: url('/images/v4/bundle-otd-top.gif') no-repeat;
}

#resource-of-the-day div#premium {
  background: url('/images/v4/resource-otd-top.gif') no-repeat;
}

.resource-of-the-day div#premium h2 {
  background-image: none;
  border: solid 1px;
  border-top-width: 0;
  border-left-width: 0; /* because IE6 doesn't like transparent */
  
  padding: 5px;    
  margin-bottom: 10px;
}

.single-resource h3, .bundle-resource h3, .resource-of-the-day h3 {
  font-size: 1.3em;
  font-weight: bold;  
}

#bundle-of-the-day h2 {
  background-color: #f9f64c;  
  border-right-color:  #c4c38f !important;
  border-bottom-color:  #5c5b45 !important;
}

#resource-of-the-day h2 {
  background-color: #b5eae7;
  border-right-color:  #c5cdcd !important;
  border-bottom-color:  #5c5b45 !important;
}

#resource-browse .odd, #resource-browse .even {
	padding: 20px;
}

.odd, .column p.odd, #resource-browse .odd {
  background-color: #D5E1E1;
}

.odd-bg {
  background-color: #D5E1E1;  
}

.even-bg {
  background-color: #B6D4D4;  
}

.mailed-status {
  margin: 5px 0px 5px 0px;
}

.mailed-status.awaiting-letter{
  font-weight:bold;
}

.column .title {
  text-align: center;
  font-weight: bold;
  font-size: smaller;
}

.column p.odd.disabled{
	background-color: #ccc !important;
}

.column p.even.disabled{
	background-color: #ddd !important;
}

.column p.even {
	background-color: #fff;
}

#browse-bar {
  border: solid 2px #B6D4D4; 
  border-left-color: #fff;
  border-right-color: #fff;
  padding: 0.5em 0 0.5em 0;

}

#browse-bar p {
  padding: 0;
  margin: 0;
}

#browse-bar h2 {
 margin: 0;
 padding: 0;
 padding-right: 2em;
 font-weight: bold; 
 float:left;
}

.alink {
	cursor: pointer;
}

.hidden {
  display: none;
}

#login-box .notice {
	background:#FFF9D7 none repeat scroll 0%;
	border: solid 1px #E2C822;
	color: #333;
	text-align: center;
	padding: 0.2em;			
}

  .flickr_pagination {
  /*text-align: center;*/
  padding: .5em 0.3em 0.3em 0.3em; }
  .flickr_pagination a, .flickr_pagination span {
    padding: .2em .5em; }
  .flickr_pagination span.disabled {
    color: #AAA; }
  .flickr_pagination span.current {
    font-weight: bold;
    color: #FF0084; }
  .flickr_pagination a {
    border: 2px solid #DDDDDD;
    color: #0063DC;
    text-decoration: none; }
    .flickr_pagination a:hover, .flickr_pagination a:focus {
      border-color: #003366;
      background: #0063DC;
      color: #fff; }
  .flickr_pagination .page_info {
    color: #aaa;
    padding-top: .8em; }
  .flickr_pagination .prev_page, .flickr_pagination .next_page {
    border-width: 2px; }
  .flickr_pagination .prev_page {
    margin-right: 1em; }
  .flickr_pagination .next_page {
    margin-left: 1em; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.apDiv1 {
    background-color:#bbb;
    position:absolute;
    left:19px;
    top:21px;
    width:531px;
    height:569px;
    z-index:1;
}
.apDiv2 {
    background-color:#aaa;
    position:relative;
    left:559px;
    top:21px;
    width:404px;
    height:569px;
    z-index:2;
}

span.tiny_url_example {
  font-size: 1.2em;
  text-align: center;
  display: block;
  padding: 1em;
  margin: 1em;
}

table.two-row {
  width:600px;
  font-size: 1em;
	border: 2px solid #555;
	border-spacing: 2px;
	border-collapse: collapse;
	background-color: white;  
	margin-bottom: 2em;
}

table.two-row caption {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 2px;
  text-align: left;
}

table.two-row td {
	padding: 4px 4px 4px 4px;
	border: 1px solid #555;
	background-color: white;
}

table.two-row td.first {
  background-color: #eee;
  font-weight: bold;
  width: 200px;
}

table {
/*  width: 70%;*/
}

tr > th {
  font-weight: bold;
}

th, td {
  padding: .5em;
}

label {
  display: block;
  margin-top: .3em;
  margin-bottom: .6em;
}

label span {
  display: block;
}

.messages {
  background:#FFF9D7 none repeat scroll 0%;
  color: #333;
  text-align: center;
  padding: 0.2em;
  margin-bottom: 10px;
}

.message {
  border: solid 1px #b4f8a9; 
  background-color: #b4f8a9;
}

.notice {
  border: solid 1px #E2C822;
}

.error {
  border: solid 1px red;
}

.warning {
  border: 1px solid red;
  background-color: pink;
}

.option {
  margin-top: 2em;
  margin-bottom: 2em;
}

.err {
  color: red;
}

.inline {
 display: inline !important;
 margin: 0 !important;
 padding: 0 !important; 
}
/* List */
ul {
  margin-top: 1em;
  margin-bottom: 1em;
}
li {
  margin: .2em;
  padding-left: 1em;
}

/* Definition Lists */
dt, dd {
  margin: 1em;
}

dt {
  font-size: 1em;
}

dd {
  font-style: italic;
}

/* column customisation and column contents */

fieldset.core-curriculum {
  margin-bottom: 1.5em;
  border: solid #666 1px;
  padding: 1em;  
}

fieldset.core-curriculum legend {			
  font: 1.2em bold "Lucida Grande", Trebuchet MS, Arial,helvetica,clean,sans-serif;
  padding: 0 0.3em;
}		


.column-content .links{
  margin-top:0.7em;
  float:left;
}

.column-content form{
  float:right;
  width:300px;
}

#news p {
 margin-bottom: 1em; 
}

#news ul, #news ol {
 list-style-position: inside;   
}

#news ul li, #news ol li {
 list-style-position: inside; 
 list-style-position: square; 
 margin-bottom: 0.4em;
}


/**** property link helpers *****************/
div.inline-property-links {
  font-size:1.05em;
  font-weight:bold;
}
/********************************************/

div#profile.logged-out {
  width: 230px;
  background-color: #ddd;
  position: absolute;
  right: 50px;
  top: 10px;
  padding: 1em;
  margin: 0 45px 1em 0;
  border: solid 2px #dddcc9;
  z-index: 10;
}

/****************paul's new styles ***/


#loginBox {
  width: 230px;
  height: 80px;
  color: #000;
  top:0;
  right:50px;
  display:block;
  position:relative;
  float:right;
  
}
#loginBox a#studentLogin, #loginBox a#teacherLogin {
  position: absolute;
  height: 30px;
  width: 230px;
  text-indent: -9999em;
  line-height: 0;
  font-size: 0.1px;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
  -webkit-box-shadow:rgba(0,0,0,0.4) 1px 1px 2px;
}
#loginBox a#studentLogin {
  top:0px;
  left:0;
  background: url('/images/newButton.png') -230px 0 no-repeat;
}
#loginBox a#teacherLogin {
  top:35px;
  left:0;
  background: url('/images/newButton.png') 0 0 no-repeat;
}
#loginBox a#studentLogin:hover {
  background: url('/images/newButton.png') -230px -30px no-repeat;
}
#loginBox a#teacherLogin:hover {
  background: url('/images/newButton.png') 0 -30px no-repeat;
}
#loginBox a#studentLogin:active {
  top:1px;
}
#loginBox a#teacherLogin:active {
  top:36px;
}

/*************************************/

div#profile.logged-in {
  float: left;
  padding: 1em;
  overflow: hidden;
}

div#profile img.icon {
  float: left;
}

div#profile .links {
  float: left;
  text-align:left;
}


div#profile .expiry-message {
  margin-top:4px;
  font-size:0.7em;
}

.help-link {
  display: inline;
  background: url('/images/mini_icons/help.gif') no-repeat 5px 1px;
  padding-left: 25px; 
  color: #666;
  cursor: pointer; 
  text-decoration: underline;  
}

div#profile .login {
  font-size:0.7em;
}

div#profile label{
  float:left;
  margin-bottom:4px;
  vertical-align:center;
  width:50px;
}

div#profile .login input{
  margin-bottom:4px;
  float: right;
  font-size: 1em;
  font-family: Verdana;
}

div#profile .login input[type=submit]{
  float:right;
}

div#profile .login a{
  float:left;
  margin-right:0.5em;
}

#lesson {
  float: left;
  width: 450px;
}

#information {
  float: right;
}

div#student_access {
  padding: 5px;
  margin-bottom: 15px;
  background-color: #eee;
}

div#student_access div.content {
  background-color: #fff;
  padding: 7px;
}

div#student_access.enabled {
  background-color: #b4f8a9;
}

div#student_access.disabled {
  background-color: #eee;
}

textarea#student_access_code {
  width: 18em;
  overflow: visible;
  padding: 1em;
  margin-bottom: 1em;
  border: 0;
  background-color: #b4f8a9;
}

fieldset {
  padding: 1.5em;
}

legend {
 font-size: 1.2em;
}

/* Text formatting */
.pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.expander {
  height: 1.8em;
  border-bottom: .1em solid #eee;
  background-image: url('/images/downArrow.gif');
  background-repeat: no-repeat;
  background-position: right center;
}

.expander.expanded {
 background-image: url('/images/upArrow.gif');
}

.editable {
  border: .1em solid #eee;
  min-height: 10em;
  height: auto !important;
  height: 10em;
  padding: .2em;
}

/* single buttons forms */

form.button {
  margin: 0;
  padding: 0;
}

form.button input {
  vertical-align: middle;
  margin-right: .3em;
}

form.button label span {
  vertical-align: middle;
  text-decoration: underline;
  color: blue;
  cursor: pointer !important;
  cursor: hand;
}

form.button label span {
  display: inline;
}

form.button label span {
  cursor: pointer !important;
  cursor: hand;
}

div.buttons form.button label span, div#lesson-detail form.button label span {
  display: block;
  text-decoration: none;
}

inline {
  display: inline;
}

/* radio button form */

fieldset.radio {
  margin: 0;
  padding: 0;
}

fieldset.radio label span {
  width: 200px;
  float: left;
  display: block;
}

/* Email Campaigns */

body.email_campaigns div#preview {
  font-size: 14px;
  padding: 10px;
  background-color: #eee;
}

form.email-campaign fieldset {
  background:#ddd;
  margin-top:1em;
  padding:1em;
}

form.email-campaign label span{
  width: 20em;
}



/* Text formatting */

.pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.user-edit-form {
  background:#eee;
  padding:0.5em;
  margin-bottom:1em;
}

.user-edit-form div.field{
  background:#ddd;
  margin:0.5em;
  padding:0.5em;
}

.user-edit-form fieldset{
  padding: 1em 0em 0em 0em;
  margin: 1em 0em 0em 0em;
}

.user-edit-form fieldset.teacher label{
  margin:0px;
}

/* for account edit page */
.user-edit-form fieldset label{
  background:#ddd;
  margin-bottom:0.5em;
  padding:0.5em;
}

/* for music_service_admin/list_users */
.user-list {
  border: 2px solid black;
  background: #eaeaea;
  padding: 0.5em;
  margin-bottom: 2em;
}

/* wizard steps */

ul#steps li {
  display: inline;
  padding: 10px 60px 10px 60px;
}

ul#steps li.pending {
  background-color: #eee;
}

ul#steps li.complete {
  background-color: #b4f8a9;
}

ul#steps {
  padding: 10px 20px 10px 50px;
}

/* actions - prev/next */

ul#actions {
 padding: 10px 30px 10px 30px;
}

ul#actions li.previous, ul#actions li.next {
  background-repeat: no-repeat;
}

ul#actions li.previous {
  float: left;
}

ul#actions li.previous a {
  background: url('/images/mini_icons/previous.gif');
  background-repeat: no-repeat;
  padding: 3px 3px 3px 34px;
  vertical-align: middle;
}

ul#actions li.next {
  float: right;
}

ul#actions li.next a {
  background: url('/images/mini_icons/next.gif');
  background-repeat: no-repeat;
  background-position: right;
  padding: 3px 34px 3px 3px;
  vertical-align: middle;
  text-align: right;
}

/* email campaigns */

table.email_campaigns {
  margin: 10px;
  width: 700px;
  padding: 2px;
  font-size: 12px;
}

table.email_campaigns th {
  background-color: #dcf2f0;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  text-align: center;
}

table.email_campaigns td {
  background-color: #fffff0;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

table.email_campaigns td + td {
  border-left: 1px solid #ddd;
}

table.email_campaigns td.name {
  width: 300px;
  text-align: left;
}

table.email_campaigns input.copy_button {
  display: none;
}

form.edit_email_campaign label {
  margin-top:1em;
}

body.email_campaigns form.button {
  text-align: center;
  margin: 20px auto;
}

body.email_campaigns table form.button {
  margin: 0;
  padding: 0;
}

body.email_campaigns ol {
  padding: 15px 30px 15px 30px;
}

body.email_campaigns ol li {
  padding: 0;
  list-style-type: decimal;
}

div#browser_test {
  background-color: #ff8c00;
  margin-top: 2em;
  padding: 1em;
  float: right;
  width: 46%;
}

div#key {
  float: right;
  width: 300px;
  margin: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  overflow: auto; 
}

div#key dt {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  width: 150px;
  float: left;
}
div#key dd {
  margin: 0;
  padding: 0;
  font-size: 14px;
  width: 150px;
  float: left;
  text-decoration: none;
}

body.email_campaigns div.email {
  padding: 0;
  border: 1px solid #aaa;
  background-color: #fffff0; 
}

body.email_campaigns div.email div.header {
  padding: 10px;
  background-color: #dcf2f0;
  border-bottom: 1px solid #aaa;
}

body.email_campaigns div.email div.header span {
  display: block;
}

body.email_campaigns div.email pre {
  padding: 10px;
  font-size: 14px;
}

/* column_customisations */

div#column_contents p.column-content {
  width:100% !important;
  font-size:0.9em;
} 

div#column_contents p.column-content label {
  font-weight:bold;
  display:inline;
} 

/* Music Service */
body.music_service div#lesson-detail .actions {
  width: 400px;
}

/* downloadable document list */

div.documents p{
  margin-top: 0.5em;
  margin-bottom: 0.3em;
  font-size:1.1em !important; 
  font-weight:bold;
}

fieldset div.documents p{
  margin-top: 1em;
  margin-bottom: 0.3em;
  font-size:0.8em !important;  
}

div.documents .document a {
  margin-top:0.2em;
  margin-bottom:0.2em;
  font-weight:bold;
  color:#222;
  font-size:0.8em !important;
}

/* help admin bar */

div#help-admin-bar {
  clear: both;
  padding: 7px;
  background-color: #888;  
}

div#help-admin-bar form {
  display: inline;
}

div#help-admin-bar form input, div#help-admin-bar a {
  border: 1px solid #eee;
  padding: 3px;
  text-decoration: none;
  background-color: #fff;
}

div#help-admin-bar form input {
  padding: 2px;
}

/*doc downloading on lesson page*/

div.lesson-download p {
  font-size:0.9em;
}

div.lesson-download input {
  font-size:0.7em;
}

div.lesson-download div.documents .document {
  margin:0.4em 0em 0.4em 0em;
  font-size:1em;
}


/*********************************************/

div.single-resource div.upload-documents,
div.bundle-resource div.upload-documents {
  font-size:0.9em;
}

/*doc downloading on lesson page*/

div.lesson-download p {
  font-size:0.9em;
}

div.lesson-download input {
  font-size:0.7em;
}

div.lesson-download div.documents .document {
  margin:0.4em 0em 0.4em 0em;
  font-size:1em;
}


/*********************************************/

form#account fieldset.teacher label span {
  width: 245px;
  display: block;
  float: left;
}

span.in_place_editor_field {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

div#asset-actions {
  float: left;
  margin-left: 2em;
}

div#asset-actions a {
  display: block;
  margin: 7px;
}

/* resources/show/:id */

div#resource-preview {
  text-align: left;
  
}

div#resource-preview p {
 margin-bottom: 1em; 
}

div#resource-preview dl {
  margin-bottom: 1em;
}

div#resource-preview dt {
/*  float: left;*/
/*  width: 160px;*/
  clear: left;
  margin: 1em 0em 0em 0em;
  padding: 2px;
  font-weight: bold;
  background: #EBF3F6;  
}

div#resource-preview dd {
/*  float: right;*/
/*  width: 150px;*/
  margin: 0;
  padding: 0;
  display: inline;
  color: #666;
  font-size: 0.9em;
  font-style: normal;
  font-weight: bold;  
}

div#resource-preview dd a {
  font-style: italic;
}

div#resource-preview .similar {
  margin-top: 1em;
}

div#resource-preview .similar-thumbs {
  margin-top: 1em;
  margin-bottom: 1em;
  display: block;
}

div#resource-preview div.information {
  width: 50%;
  float: right;
  display: block;
  margin-left: 1em;
  text-align: left;
  text-align: left;
}

div#resource-preview div.images {
  width: 47%;
  display: block;
  float: left;
}

div.community, div#resource-preview div.community {
  margin-top: 1em;
/*  float: left;*/
  padding: 0px;
}

div#resource-preview div.images img.preview {
/*  width: 100%;
  height: 100%;*/
  width: 451px;
}

div#resource-preview div.images div.thumbnails img {
  width: 99px;
  height: 74px;
}

/*div#resource-preview div.images div.thumbnails {
  width: 300px;
}

div#resource-preview div.images div.thumbnails img {
  width: 60px;
}
*/
div#resource-preview div.preview {
  background: #FEFD98;
  border: solid 1px #FFA500;
  padding: 1em;
  font-size: 0.9em;
}

div.community #comment, div#resource-preview #comment {
  width: 100%;
  height: 15em;
}

div#resources dl {
  display: block;
  width: 185px;
  float: left;
  height: 150px;
  margin-bottom:5px;
}

div#resources dt {
  font-size: 12px;
  height: 24px;
}

div#container {
  margin: 40px auto;
  width: 960px;
}

div#comments textarea {
 width: 100%;
 height: 10em;
 margin-bottom: 1em;
}

div#comments div.comment img {
  float: left;
  vertical-align: top;
}

div#comments div.comment {
  border: 1px solid #eee;
  padding: 5px;
  margin: 10px;
  font-size: 12px;
  min-height: 40px;
}

div#mini-navigation {
  background-color: #dcf2f0;
  border-bottom: 1px solid #aaa;
  margin: 0;
}

#wordpress-help {
  clear: left; 
  margin: 0; 
  background-color: #eee; 
  border-bottom: solid 1px #c7c7c7;
  padding: 1em; 
  position: relative;
  overflow : hidden; 
  _height : 1%;  
}

#wordpress-help h2 {
 width: 100%;
 text-align: left;
}

#wordpress-help h2 span {
 font-size: 0.8em;
 font-weight: normal;
 font-style: italic; 
}

#wordpress-help dl {
 float: left;
 display: inline;
 text-align: center;
 padding-right: 1em;
 padding-top: 0.5em;
 width: 150px;
}

#wordpress-help dt, #wordpress-help dd {
  font-weight: bold;  
  padding: 0;
  margin:0;
}

#wordpress-help dd {
  padding-top: 0.5em;
  font-weight: normal;  
}

.help-page {
 line-height: 1.5em; 
}

.help-page img {
  display: block;
  margin: 1em 0;
}

.help-page h3 {
 font-size: 1em;
 font-weight: bold;
 margin-top: 2em;
}


/* Ratings */

/*div#ratings {*/
/*  padding:0.5em;*/
/*}*/

/*ul.star-rating {*/
/*  float: left;*/
/*  width: 125px;*/
/*  height:40px;*/
/*  margin: 0px;*/
/*  background-color: #ffa;*/
/*}*/

/*div#ratings ul.star-rating {*/
/*  padding: 5px;*/
/*  margin-right: 5px;*/
/*  height:60px;*/
/*}*/


/*.star-rating .current-rating {*/
/*  text-align: center;*/
/*  padding: 0;*/
/*  margin: 0;*/
/*  font-size: 0.9em;*/
/*  font-weight: bold;*/
/*  color: #666;*/
/*}*/

/*.star-rating .star {*/
/*  padding: 0;*/
/*  margin: 0;*/
/*  float: left;*/
/*  width: 25px;*/
/*  height: 25px;*/
/*  background-image: url(/images/star_rating.png);*/
/*  background-position: top left;*/
/*}*/

/*.star-rating .star.active {*/
/*  background-image: url(/images/star_rating.png);   */
/*  background-position: bottom left;*/
/*}*/

/*.star span, .star input {*/
/*  display: none;*/
/*}*/

/*.star-rating li.rateable:hover {*/
/*  background-position: center left;*/
/*  cursor: pointer;*/
/*  cursor: hand;*/
/*}*/

/* star ratings from website */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
  background: url('/images/star_rating.gif') left -1000px repeat-x;
}

.star-rating{
  position: relative;
  width: 150px;
  height: 30px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  background-position: top left;
}

.star-rating div{
  display: inline;
  padding-left: 0;
}

.star-rating a,
.star-rating .current-rating{
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000em;
  height: 30px;
  line-height: 30px;
  outline: 0;
  overflow: hidden;
  border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
  background-position: center left;
}

.star-rating a.one-stars{
  width: 20%;
  z-index: 6;
}

.star-rating a.two-stars{
  width: 40%;
  z-index: 5;
}

.star-rating a.three-stars{
  width: 60%;
  z-index: 4;
}

.star-rating a.four-stars{
  width: 80%;
  z-index: 3;
}

.star-rating a.five-stars{
  width: 100%;
  z-index: 2;
}

.star-rating .current-rating{
  z-index: 1;
  background-position: 0px -60px;
}

.star-ratings-block {
  font-size: .75em;
  text-align: left;
  width: 100%;
}

/* *** TAGS *** */
.tags-block .tags .tagging {
  display: inline;
}

.tags-block .tags .tagging img{
  margin-bottom: 2px;
  vertical-align: bottom;
}

.tags-block .add-link{
  margin-top:0.3em;
}

.tags-block .add-link span:hover {
  background-color:#FFFF99;
}


/* ************ */

/*.resources dd {*/
/*  margin:0 0 0 0;*/
/*  background: green;*/
/*}*/




/*

----------------------------------------Forum stylesheet

*/

	
body.beast div#bd div#bd h1,
body.beast div#bd div#header h1,
body.beast div#bd div#header h1 a,
body.beast div#bd div#bd h1 a,
body.beast div#bd div#bd h2,
body.beast div#bd div#bd h2 a,
body.beast div#bd div#bd h3,
body.beast div#bd div#bd h4 {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #281F12;
	}

body.beast div#bd h1 { font-size: 30px; line-height: 60px; padding: 0; margin: 0; }
body.beast div#bd h2 { font-size: 21px; line-height: 30px; padding: 0; margin: 0; }
body.beast div#bd h2 a { font-size: 21px; line-height: 30px; padding: 0; margin: 0; }
body.beast div#bd h3,
body.beast div#bd h3 a  { font-size: 18px; line-height: 20px; padding: 0; margin: 0; }
body.beast div#bd h4 { font-size: 18px; line-height: 20px; padding: 0; margin: 0; }


	
body.beast .community p {
	padding: 0;
	margin: 0;
	line-height: 20px;
	font-size: 12px;
	}
	
body.beast td.entry-content p {
	padding-bottom: 10px;
	}
	
body.beast a {
	color: #3E5D65;
	}
	
body.beast #doc3.beast div#bd #header h1 a {
	color: #3E5D65;
	font-weight: bold;
	}
	
body.beast table a {
	color: #3E5D65 !important;
	font-weight: bold;
	}

body.beast a.utility,
body.beast a.recent-posts {
	color: #3E5D65 !important;
	font-weight: bold !important;
	}
	
	
body.beast a:hover {
	color: #FF500D !important;
	}
	
body.beast #forums {
	float:left;
	overflow:auto;
	padding:0;
	width:340px;
	}
	
body.beast #documents {
	background:#eee none repeat scroll 0 0;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px;
	float:right;
	overflow:hidden;
	padding:9px 9px 0px;
	width:400px;
	}
	
body.beast #documents div.section {
	background: #F9f9f9;
	padding: 5px 10px 10px;
	border: 1px solid #DDDDDD;
	}
	
body.beast .section {
	overflow: auto;
	background:  #EFFCFF;
	padding: 5px 10px 0;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	}
	
body.beast #forums div.myForums {
	background: #FFFddF;
	border-color: #DFDCB5;
	}
	
body.beast #forums div.recentPosts {
	background: #EFFCFF;
	border-color:#C3DADF;
	}
	
body.beast .forumSingular,
body.beast .filterBox {
	overflow: auto;
	background:  #fff;
	padding: 5px 10px 10px;
	border: 1px solid #DFDCA7;
	margin: 5px 0 10px;
	}
	
body.beast .filterBox {
	border: 1px solid #ddd;}
	
body.beast .forumSingular p {
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
body.beast .vevent {
	margin:10px 0;
	}	
	
body.beast .vevent .inner {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #B5D8DF;
	overflow:auto;
	padding:10px;
	}

body.beast .photo {
	float: left;
	padding: 0 10px 5px 0;
	}
body.beast .vevent p {
	padding: 0;
	margin: 0;
	line-height: 20px;
	font-size: 12px;
	}
body.beast div#doc3 div#bd div img.grey {
	background-color: grey;
	}	
body.beast .fn {
	font-weight: bold;
	}
body.beast p.summary {
	clear: both;
	font-weight: bold;
	font-size: 14px;
	}
body.beast .summary .post-body-html:before {
	content: open-quote;
	}
body.beast .summary .post-body-html:after {
	content: close-quote;
	}
body.beast .forumActivity {
	height: 20px;
	}

	
body.beast .filtered li {
	line-height: 20px;
	position: relative;
	margin: 0;
	padding: 5px 0;
	display: block;
	overflow: auto;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e9e9e9;
	font-size: 11px;
	clear: both;
	}
	
	

	
body.beast .filtered li.firstChild {
	border-top: 0px solid #fff;
	}

	
body.beast #documents div .filtered li a {
	background:transparent url(/images/forum/file-trans.png) no-repeat scroll 0 2px;
	display:block;
	line-height:20px;
	padding:0 5px 0 20px;
	width: 290px;
	float: left;
	color: #666;
	}
body.beast #documents div .filtered li a:visited {
	color: #aaa;
	}	
body.beast #documents div .filtered li a:hover {
	color: #FF500D;
	}
body.beast #documents div .filtered li a:active {
	position: relative;
	padding-top:1px;
	}
	
	body.beast #documents div .filtered li div.added-at {
	  clear: both;
	  float: right;
	  color: #666;
  }
	
body.beast #documents div .filtered li a.pdf, .filtered li a.pdf { 
	background:url(/images/forum/pdf-trans.png) no-repeat scroll 0 2px; 
	}
body.beast #documents div .filtered li a.audio, .filtered li a.audio { 
	background:url(/images/forum/audio-trans.png) no-repeat scroll 0 2px; 
	}
body.beast #documents div .filtered li a.word, .filtered li a.word { 
	background:url(/images/forum/word-trans.png) no-repeat scroll 0 2px; 
	}
body.beast #documents div .filtered li a.presentation, .filtered li a.presentation { 
	background:url(/images/forum/presentation-trans.png) no-repeat scroll 0 2px; 
	}
body.beast #documents div .filtered li a.spreadsheet, .filtered li a.spreadsheet { 
	background:url(/images/forum/spreadsheet-trans.png) no-repeat scroll 0 2px; 
	}
body.beast #documents div .filtered li a.zip, .filtered li a.zip { 
	background:url(/images/forum/zip-trans.png) no-repeat scroll 0 2px; 
	}
body.beast #documents div .filtered li a.image, .filtered li a.image { 
	background:url(/images/forum/images-trans.png) no-repeat scroll 0 2px; 
	}
body.beast #documents div .filtered li a.video, .filtered li a.video { 
	background:url(/images/forum/video-trans.png) no-repeat scroll 0 2px; 
	}

body.beast #documents input.filter {
	margin:0 0 5px;
	width:320px;
	}
	
body.beast .bubblePointer {	
	position:relative;
	top:-1px;
	}

body.beast .section,	
body.beast .forumSingular,
body.beast .vevent .inner,
body.beast .filterBox,
body.beast #filter,
body.beast #content,
body.beast #documents,
input,
textarea,
body.beast #doc3.beast div#bd div.stats,
body.beast #doc3.beast div#bd div.editbox  {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
	
body.beast #doc3.beast div#bd div.editbox textarea {
	font-size:13px;
	line-height:20px;
	}
	
body.beast label img {
	position: relative;
	bottom: -1px;
	left: -1px;
	}
	
body.beast .filterResults {
	display: none;
	}
	
body.beast .hidden {
	 display: none;
	}
	
body.beast #doc3.beast div#bd #content {
	background:#EFFCFF none repeat scroll 0 0;
	border: 1px solid #C3DADF;
	padding: 10px;
	}
	
#doc3.beast div#bd table tr {
	background: #EFFCFF;
	}

body.beast #doc3.beast div#bd #header div {
	background:#FFFDDF none repeat scroll 0 0;
	border:1px solid #DFDCB5;
	float:right;
	padding:0;
	width:310px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
	
body.beast #doc3.beast div#bd #header div h2, 
body.beast #doc3.beast div#bd #header div a {
	border:0 none;
	color:#3E5D65;
	font-weight:normal;
	line-height:38px;
	margin:0;
	}
	
body.beast #doc3.beast div#bd .yui-g #header div h2 {
	padding:0 0 0 10px;
	}
	
	
body.beast #doc3.beast div#bd .yui-g #header div h2 a {
	background:transparent url(../images/forum/home-trans.png) no-repeat scroll 0 4px;
	_background:transparent none no-repeat scroll 0 0;
	padding:0 0 0 23px;
	position:relative;
	text-decoration:none;
	top:2px;
	}

body.beast div#bd #header ul#nav {
	padding: 10px;
	margin: 0;
	}
	
body.beast #doc3.beast div#bd #header ul#nav li {
	margin: 0;
	}
	
body.beast #doc3.beast div#bd #header {
	background: #fff;
	padding:0;
	overflow: hidden;
	margin: 0;
	}
	
body.beast #doc3.beast div#bd div#header h1 {
	color:#281F12;
	float:left;
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:30px;
	font-weight:bold;
	line-height:35px;
	margin:5px 0 0 0 !important;
	padding:0;
	width:440px;
	}

body.beast #search_box {
	margin-right: 10px;
	width: 105px;}
	
body.beast #doc3.beast div#bd #container {
	margin:0 auto;
	min-width:770px;
	position:relative;
	width:770px;
	}
	
body.beast #doc3.beast div#bd .posts .post .body {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#fff none repeat scroll 0 0;
	border: 1px solid #C3DADF;
	font-size:0.9em;
	padding:10px 20px;
	}
	
body.beast #doc3.beast div#bd .post .author {
	background:#EEEEEE none repeat scroll 0 0;
	color:#333333;
	font-size:0.9em;
	font-weight:bold;
	min-height:32px;
	min-width:8em;
	padding:5px 10px;
	vertical-align:top;
	width:10em;
	border: 1px solid #ddd;
	border-right-width: 0px;
	border-spacing: 2px;
	border-collapse: separate;
	}
	
body.beast #doc3.beast div#bd p.subtitle {
	color:#888888;
	float:left;
	font-family:'Lucida Grande',Tahoma,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:20px;
	width:300px;
	margin: 0;
	padding-bottom: 10px;
	}
	
body.beast #doc3.beast div#bd p.subtitle img {
	padding-right:1px;
	position:relative;
	vertical-align: middle;
	}	
	
#doc3.beast div#bd a.utility,
#doc3.beast div#bd a.recent-posts {
	background:transparent url(../images/forum/write-new-trans.png) no-repeat scroll 0 2px;
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	position:relative;
	display: block;
	height: 20px;
	}
	
#doc3.beast div#bd a.recent-posts {
	background:transparent url(../images/forum/recent-trans.png) no-repeat scroll 0 2px;
	}
	
#doc3.beast div#bd a.delete-post {
	background:transparent url(../images/forum/delete-trans.png) no-repeat scroll 0 2px;
	padding-bottom: 5px;
	}
	
	

#doc3.beast div#bd span.edit a.utility {
	top:0;
	line-height: 20px;
	}
	
body.beast #doc3.beast div.stats div.users {
	background:transparent url(../images/forum/users-trans.png) no-repeat scroll 0 2px;
	padding-left:20px;
	line-height: 20px;
	}


body.beast #doc3.beast div#bd a#replylink {
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	padding-left:20px;
	top:0;
	}

	
body.beast #doc3.beast div#bd table,
body.beast #doc3.beast div#bd table tr td.inv {
	background: #fff;
	}
	
body.beast #doc3.beast div#bd table {
	margin-bottom: 10px;
	}	
	
body.beast #doc3.beast div#bd #container #content table tr td {
	background:#EFFCFF none repeat scroll 0 0;
	font-size:13px;
	line-height:20px;
	}
	
	
	
body.beast #doc3.beast div#bd #container #content table tr td.entry-content {
	vertical-align: top;
	}
	
body.beast #doc3.beast div#bd #container #content table tr td.entry-content,
body.beast #doc3.beast div#bd #container #content table tr td.c1,
body.beast #doc3.beast div#bd #container #content table tr td.c2,
body.beast #doc3.beast div#bd #container #content table tr td.c3,
body.beast #doc3.beast div#bd #container #content table tr td.stat,
body.beast #doc3.beast div#bd #container #content table tr td.lp {
	background:#fff none repeat scroll 0 0;
	}
	
body.beast #doc3.beast div#bd #container #content table tr.spacer td {
	background:#EFFCFF none repeat scroll 0 0;
	font-size:1px;
	line-height:0;
	padding:5px;
	}
	
body.beast #doc3.beast div#bd #container #content table tr.post td.author {
	background:#f4f4f4 none repeat scroll 0 0;
	color:#333333;
	font-size:0.9em;
	font-weight:bold;
	min-height:32px;
	padding:5px 10px;
	vertical-align:top;
	width:140px;
	border: 1px solid #ddd;
	border-right-width: 0px;
	border-spacing: 2px;
	border-collapse: separate;
	}
	
body.beast #doc3.beast div#bd #container #content table tr.post td.author div {
	width:120px;
	}
	
	
body.beast #doc3.beast div#bd #container #content table tr.reply-row {
	background: #EFFCFF;
	}
		
body.beast #new-topic-form #topic_body {
	margin-bottom: 5px;
	}	

body.beast #new-topic-form #submit {
	padding-top: 10px;
	}
	
body.beast #new-topic-form p {
	padding-bottom:10px;
	}
	
body.beast #doc3.beast div#bd form#new-topic-form label {
	padding-bottom:5px;
	}
	
	
body.beast #doc3.beast div#bd #content form {
	clear:both;
	padding-bottom: 10px;
	}
	
form p#post_body {
	padding-bottom: 10px;}
	
body.beast #doc3.beast div#bd div.stats {
	background:#fFfdFF none repeat scroll 0 0;
	border-color:#C3DADF;
	border-style:solid;
	border-width:1px;
	font-size:0.8em;
	margin-top:10px;
	padding:10px;
	}
	
body.beast #doc3.beast div#bd div.editbox {
	border:1px solid #C3DADF;
	background: #f7fdff;
	padding:10px;
	}

body.beast #doc3.beast div#bd div.editbox table tbody tr td {
	background: #f7fdff !important;
	}	
	
body.beast #doc3.beast div#bd div.editbox #post_document {
	margin: 0 5px;
	}
		
body.beast h2#new_topic {
	display: none;
	}
	
body.beast #doc3.beast div#bd div.editbox .container {
	width:710px;
	}	
	
body.beast #doc3.beast div#bd h6 {
	float:left;
	font-family:helvetica;
	font-size:16px;
	font-weight:bold;
	margin-bottom:0;
	position:relative;
	top:2px;
	}

body.beast #doc3.beast div#bd #right {
	margin:5px 0;
	overflow:hidden;
	}

body.beast #doc3.beast div#bd #right p {
	float: right;
	}
	
body.beast {
	line-height: 20px;
	}	
	
body.beast #doc3.beast div#bd #content {
	margin:0;}
	
body.beast #doc3.beast div#bd label {
	color:#000000;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: bold;	
	font-size:14px;
	margin:0;
	}
	
body.beast #doc3.beast div#bd form textarea#forum_description {
	margin-bottom: 10px;
	}
	
body.beast div.vevent div.inner img.icon {
	float: left;
	}


/*body.beast .myForums .forumActivity img.icon {
	float: left;
	display: block;
	padding: 1px 5px 1px 1px;
	margin-right: 3px;
	}*/
	
body.beast .myForums .forumActivity img.grey {
	background-color: #999;}
	
body.beast div#bd div.forumSingular h3,
body.beast div#bd div.forumSingular h3 a {
	margin:0 0 5px;
	}
	
body.beast div#forums .forumSingular p {
	margin-bottom:0;
	padding-top:0;
	}
	
body.beast div.vevent p.summary {
	line-height:30px;
	}
	
body.beast #doc3.beast div#bd #content h1 {
	float:left;
	font-family:helvetica;
	font-size:21px;
	line-height:30px;
	padding-right:9px;
	position:relative;
	top:1px;
	}
	


body.beast #doc3.beast div#bd #content h1#topic-title {
	margin-top:0 !important;
	}
	
body.beast #doc3.beast div#bd #content #monitor_label {
	margin:7px 0 0; 
	}
	
body.beast #doc3.beast div#bd #new-topic-form label {
	margin-left: 0 !important;
	}
	
body.beast #doc3.beast div#bd input#topic_title {
	margin-bottom: 5px;
	}
	
body.beast #doc3.beast div#bd p.subtitle {
	color:#000000;
	float:left;
	font-family:georgia;
	font-size:14px;
	font-style:italic;
	font-weight:100;
	line-height:20px;
	margin:0;
	padding-bottom:10px;
	width:300px;
	}
		
body.beast #documents div.section ul.filtered li div.added-at {
	clear: both;
	float: left;
	width:378px;
	text-align: right;
	}
	
.bubblePointer {
	_display: none;
	}	
	
	
/* document uploads in community/uploads */

textarea#upload_description{
  width: 80%;
  height: 100px;
}	

body.beast #documents div.section #document-uploads .tags {
  width: 80%;
}
/* nav tidy */

#nav-buttons {
	float: right;
	width: 535px;
}

.nav-button a {	
	display: inline-block;	
	font-weight: bold;
	text-decoration: none;
	color: #000 !important;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	height: 5em;
	padding-left: 35px;
	padding-top: 0.5em;
	margin-right: 1em;
}

#hd  .inspira              { background-image: url(/images/inspira-small.png)}
#hd  .musicservice         { background-image: url(/images/v4/home_btn_e.gif)}
#hd  .explore              { background-image: url(/images/v4/explore_btn_e.gif)}
#hd  .workspace            { background-image: url(/images/v4/workspace_btn_e.gif)}
#hd  .community            { background-image: url(/images/v4/collaborate_btn_e.gif)}
#hd  .help                 { background-image: url(/images/v4/help_btn_e.gif); width: 50px; text-align: center;}
#hd  .help.expanded        { background-color:  #c7c7c7;}
#hd  #nav-buttons a.active { text-decoration:underline;}
/*#hd  div.help-expanded { position: absolute; width: 70px; height: 90px; background-color: #c7c7c7; top: 0; right: 30px; border-left: solid 1px #bbb; border-bottom: solid 1px #aaa;  border-right: solid 1px #aaa;}*/
	
#right-navigation .nav-button {
background-position:center 7px !important;
background-repeat:no-repeat;
color:#000000 !important;
display:inline-block;
font-weight:bold;
height:40px;
margin-left:4px;
margin-right:9px;
padding-left:0;
padding-top:40px;
text-decoration:none;}

#right-navigation #nav-buttons a {	
	font-size: 13px;
	}

#right-navigation #nav-buttons a.inspira {
	padding-left: 3px !important;
	background-image: url(../images/forum/inspira-small-strapless.png) !important;
	background-position:center top !important;
	}
	
#right-navigation #search #search_submit  {
	margin: 0 8px;
	}
	
#left-navigation{ 
  float: left;
}
	
#profile.logged-in {
	padding:18px 0 0 20px;
	min-width: 190px;
	}
	
/* end nav tidy */
	
body.beast table {
	clear: both;
	}	
	
body.beast table input {
	padding: 2px;
	}
	
body.beast #doc3.beast div#bd div.editbox h5 {
	font-size:12px;
	margin:0.2em 0 0.5em 10px;
	padding:2px 10px 3px; 
	}
	
body.beast ul.help li {
	margin:0.2em 0;
	padding-left:5px;}

/* breadcrumbs*/
	
#hd #links #breadcrumbs a {
  color: #005577;
}

#hd #links #breadcrumbs a:hover {
  color: #0088bb;
}

/*      head section re-alignments 18/11/09 — due to problem with disappearing login section  */

/* body div#hd { overflow: hidden; } */
body div#hd div { overflow: hidden; position: relative; }
body div#hd div { display: inline; }
body div#hd div#profile { height: 70px; min-height: 70px; height: auto; }
body div#hd #links { display: block; clear: both; height: 1.5em }

/* =help section links */
	
#helpContent div p a {
	color: #3E5D65;
	}	
	
#helpContent div p a:hover {
	color: #FF500D;
	}	
	
/* =contextual help 

		main rules
*/	
	
body div#hd div#cHelpBox {
	margin:0 auto;
	position:relative;
	width:770px;
	font-size: 14px;
	zoom: 1;
	display: block;
	}
		
body div#hd div#cHelpMain {
	background-color:#E7FEE3;
	border:1px solid #BCE8B4;
	line-height:20px;
	padding:0 10px 5px;	
	-webkit-border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
	display: block;
	}
	
body div#hd div#cHelpMain dl {	
  float: left;
}
body div#hd div#cHelpMain dt {
  font-weight: bold;
}
body div#hd div#cHelpMain dd {
  	margin-right: auto; margin-left: auto; width: 84px;
}

.cHelpBoxLabel {
	display:block;
	height:20px;
	line-height:20px;
	width:160px;
	}
	
.cHelpClose {
	outline: none !important;
	}
.cHelpClose:hover {
	color: #FF500D;
	}
#cHelp a:hover {
	color: #FF500D;
	}
	
/* =contextual help 

	.cHelpActive rules
*/	
	
.cHelpActive .cHelpBoxLabel {
	background-color:#D7EED3;
	border-color:#BCE8B4;
	border-style:solid;
	border-width:1px 1px 0;
	margin-bottom:-1px;
	margin-top:5px;
	padding:1px 5px 5px;
	position:relative;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	}
.cHelpActive .addInfo {
	font-size: 12px;
	color: #166009;
	padding-bottom:5px;
	}
.cHelpActive .addInfo img {
	vertical-align: middle;
	}
.cHelpActive #cHelp {
	line-height: 30px;
	}
.cHelpActive #cHelp a {
	color: #000;
	}
.cHelpActive .cHelpClose {
	background:transparent url(../images/page_help/close-cHelp.png) no-repeat scroll right 3px;
	color:#153A0F;
	display:block;
	font-weight:bold;
	height:20px;
	padding:0;
	width:160px;
	}
	
/* =contextual help 

	.cHelpHidden rules
*/	

.cHelpHidden .cHelpBoxLabel {
	background-color:#fff;
	border-width:0;
	display:block;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0;
	}	
.cHelpHidden .cHelpClose {
	padding: 0;
	margin: 0;
	background: #fff none;
	color: #ccc;
	text-decoration: none;
	}	
.cHelpHidden .cHelpClose:hover {
	color: #FF500D;
	}
	
/* ...the joys of ie */

#links {
	width: 100%;
	clear: both;
	position: relative;
	overflow: hidden;
/*  height:1.5em;*/
	}
#breadcrumbs {
	left:0;
	position:absolute;
	}
#account-links {
	right: 0;
	position:absolute;
	}
body div#hd div#help-admin-bar {
	display: block;
	/* 	=nice-up */
	background:#3a3a3a none repeat scroll 0 0;
	border:1px solid #111;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 5px;
	color: #fff;
	position: relative;
	}
	
#help_url_submit {
	cursor: pointer;
	}
	
body div#hd div#help-admin-bar a {
	color: #444;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
	
body div#cart {
	background: #3a3a3a !important;
	border-bottom:#000 1px solid;
	}	

body #cart #basket-help-text {
	background:#222222 none repeat scroll 0 0;
	color:#DDDDDD !important;
	font-size:1em;
	line-height:20px;
	margin-left:10px;
	padding:10px;
	width:98%;
	border:1px solid #111111;
	}
	
body #cart_form #items div {
	background:#222222 none repeat scroll 0 0;
	color:#DDDDDD !important;
	padding:10px;
	border:1px solid #111111;
	}

body #cart #basket-help-text a {
	color:#DDDDDD !important;
	}
	
div#information .lesson_download_code {
  background:#EEEEEE;
  padding: 5px;
  font-weight: bold;
}

div#description-and-thumbnails .lesson_download_code {
  font-weight: bold;
}


div#cart {
	background: #767676;
	text-align: left;
	overflow: hidden;
  border-bottom: solid 1px #c7c7c7;	
}

#cart.empty {
	display: none;
}

#cart #items {
	margin: 0 0 1em 0;
	padding: 1em 0 0 1em;
	height: 100%; /*stops peekaboo on IE */
}

#cart .item {
	width: 106px;
	height: 120px;
	overflow: hidden;
	float: left;
	position: relative;
	background: #767676;
	margin-right: 5px;
  text-align: center;
  border-bottom: 2px solid #767676;
}

#cart .item:hover {
  background: #474747;
  border-bottom: 2px solid #474747;
}

#cart .item input {
	position: absolute;
	bottom: 6px;
	right: 10px;
}

#cart .item h4 {
  width: 100%;
	height: 50px;
	overflow: hidden;
	float: right;
/*  background: #aaa;*/
}

#cart .item h4 a {
	width: 97px;
	font-weight: bold;
	text-decoration: none;
	color: white;
	font-size: 0.8em;
	height: 3em;
}

#cart .item a.thumbnail {
	display: block;
  background: transparent;
}

#controls {
	color: white;
}

#controls p {
	padding: 0 0 1em 1em;
} 

#controls #all-none {
	padding: 0 0 0 1em;
}

#controls #all-none span {
	text-decoration: underline;
	font-weight: bold;
}

#hide-cart {
  text-align: right;   
  padding-bottom: 5px;  
  margin-top: 3px;
}
  
  
#hide-cart span {
  color: #fff;
  text-decoration: underline;
  padding: 0 1em 0 30px;
  background: transparent url("/images/v4/basket-small-trans-grey.gif") -0 2px no-repeat;
}

#basket-help-text {
 color: #333; 
 font-size: 0.8em;
}

#small-cart-thumbs{ 
  display: none;
  margin-left: 2em; 
  margin-top: 3px;
  float: left;
}


#facebox .b {
  background:url(/javascripts/facebox/b.png);
}

#facebox .tl {
  background:url(/javascripts/facebox/tl.png);
}

#facebox .tr {
  background:url(/javascripts/facebox/tr.png);
}

#facebox .bl {
  background:url(/javascripts/facebox/bl.png);
}

#facebox .br {
  background:url(/javascripts/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
  width: auto;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#facebox .body {
	width: 470px;
}

#facebox h2, #facebox p, #facebox img {
	margin-bottom: 1em;
}

#facebox img {
	margin-top: 0.5em;
}		

/*#new-lesson-manager a {*/
/*  float:left;*/
/*  margin:10px;*/
/*}*/

#new-lesson-manager a.logo {
  float:left;
  width:100px;
}

#new-lesson-manager a.text {
  float:left;
  width:350px;
}

#new-lesson-manager img {
	display: block;
}

#new-lesson-manager img.logo {
	display: inline;
	margin-left: 2em;			
}

#manager-download {
/*			border: solid 1px #E2C822;*/
}
		
.hidden {
	display: none;
}

#facebox div.download-link {
 border: solid 1px #000; background: #ffff99; margin: 1em; 
}

#facebox p.inspira {
  text-align: center;
  margin-top: 2em;
}

#facebox p.inspira a {
	background:transparent url(/images/inspira/mac-pc-trans.png) no-repeat left center;
	padding: 40px 50px;
}

#facebox p.inspira a.pc {
	background:transparent url(/images/inspira/win-trans.png) no-repeat left center;
	padding: 10px 50px;
}

#facebox p.inspira a.mac {
	background:transparent url(/images/inspira/mac-trans.png) no-repeat left center;
	padding: 10px 50px;
	margin-bottom: 1em;
}



#latest-resources .resource {
	width: 106px;
	height: 150px;
	overflow: hidden;
	float: left;
	position: relative;
	margin-right: 5px;
  text-align: center;
/*  border-bottom: 2px solid #767676;  */
}

#resources .item h4 {
  width: 100%;
	height: 50px;
	overflow: hidden;
	float: right;
/*  background: #aaa;*/
}

#resources .item h4 a {
	width: 97px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	font-size: 0.8em;
	height: 3em;
}

#resources .item a.thumbnail {
	display: block;
  background: transparent;
}

div.resources {
	background: #FEF0B1;
	padding: 5px;	
}

#results .resource {
/*  width: 380px;*/
/*  margin:5px;*/
}


/*.resource.bundle {*/
/*  background: #fefac7;*/
/*}*/

/*.resource.single {*/
/*	background-color: #D5E1E1;*/
/*}*/

.alternate-bundle {
	background: #E7E4B4;  
}

.resource.single, .resource.bundle {
	padding: 10px;
}

.resource.single .description, .resource.bundle .description{
  font-size: 0.9em;
}

.resource.single {
  padding-bottom: 1em;
}

.abs-bottom-right {
  position: absolute; right: 0pt; bottom: 0pt;  
}

.bundle-thumbnails {
  float: left; position: relative; width: 97px; height: 115px; overflow: hidden; margin-right: 5px; margin-bottom: 5px; background: #f9f64c; padding: 5px;
}

.bundle-thumbnails-admin {
height: 155px;
width: 160px;
}

.bundle-thumbnail-info {
  height: 30px;
  line-height: 0.85em;
  padding-left: 2px;
  padding-bottom: 2px; 
  padding-top: 2px; 
  font-size: 0.8em;
}

.bundle-thumbnail-info-admin {
  height: 70px;
}


/***** latest resources ******/
#latest-resources div.square_thumbnail {
  padding: 5px;
  width: 74px;
  height: 74px;
  overflow: hidden;
  float: left;
}

#latest-resources .alt {
  display: none;
}

#more-latest-resources {
  text-align: center;
  padding: 5px;
  padding-top: 10px;
}



#more-latest-resources a {
  color: #000;
  font-weight: normal;
}

/****** edit bundle ********/

.edit-bundle-assets {
 width: 350px; height: 210px; margin-right: 5px; margin-bottom: 5px; background: #d5e1e1; padding: 5px;
}

.edit-bundle-thumbnail {
 background: #d5e1e1; height: 69px; padding:5px;
}



.edit-bundle-asset-info {
  line-height: 0.95em;
  padding-left: 2px;
  padding-bottom: 2px; 
  padding-top: 2px; 
  font-size: .9em;
}

.bundle-thumbnail-info a img {
/*  background-color: #fff;*/
}

/*********************/

.resource.bundle p.folder {
  margin-right:5px;
  background: url('/images/v4/folderIcon.gif') no-repeat;
  height: 90px;
  width: 120px;
  float: left;
  cursor: pointer;
}

.resource.single p.thumbnail {
  float: left;
  width: 105px
  overflow: hidden;
}

#results .resource.bundle div.description,#results .resource.single div.description, .resource.bundle div.description, .resource.single div.description, .resource.bundle div.description {
  background-image: none;
  margin-left: 10px;
  padding-left: 5px;
  width: 230px;
  height: 90px;
  overflow: auto;
}

.resource.bundle p img {
  margin-top: 8px;
  margin-left: 3px;
/*  width: 95;*/
  height: auto;
}

.resource.bundle p.resource-icons {
  background-image: none;
}

.resource.bundle p.resource-icons span {
 padding-bottom: 5px;
 padding-right: 5px;
}

.resource.bundle ul.resource-icons {
  padding: 10px;
  height: 36px;
}

.resource.bundle ul.resource-icons li {
    float: left;
    width: 36px;
    height: 36px;
    padding-right: 5px;
    background-repeat: no-repeat;    
}

ul.resource-icons li a {
  display: block;
    width:36px;
    height:36px;
    background-repeat: no-repeat;  
}

ul.resource-icons li#teaching-notes {
  background-image: url("/images/v4/checklist.gif");
  background-repeat: no-repeat;  
  float: left;
}

ul.resource-icons li#score {
  background-image: url("/images/v4/print_score.gif");
  background-repeat: no-repeat;  
  float: left;
}

ul.resource-icons li#mp3 {
  background-image: url("/images/v4/notes.gif");
  background-repeat: no-repeat;  
  float: left;
}


.resource.bundle p.resource-icons img, img.icon {
  margin: 0px;
  padding: 0px;
  padding-right: 5px;
  vertical-align: middle;
}

.resource.single h3, .resource.bundle h3{
  font-size: 1.3em;
  font-weight: bold;  
}

.resource.bundle h2 {
  background-color: #f9f64c;  
  border-right-color:  #c4c38f !important;
  border-bottom-color:  #5c5b45 !important;
}

#resource-browse, #resource-browse {
	padding: 20px;
}

.column p.odd, #resource-browse .odd {
	background-color: #D5E1E1;
}

#resource-browse .even {
	background-color: #B6D4D4;
}

#resource-browse .item h4 a {
	color: #000;
	text-decoration: none;
	font-weight: bold;	
}	


div.single.resource div.upload-documents,
div.bundle.resource div.upload-documents {
  font-size:0.9em;
}

/************ resource groups ***************/

#resource_groups .resource-group {
  margin:1em;
  padding:0.5em;
}

#resource_groups .resource-group.active{
  background: #CFA;
}

#resource_groups .resource-group.inactive{
  background: #FCA;
}

#resource_groups .resource-group .name{
  float:left;
  margin-bottom:0.5em;
  font-weight:bold;
}

#resource_groups .resource-group .description{
  margin:0.5em;
}

#resource_groups .resource-group .activation-buttons{
  float:right;
  font-weight:bold;
}


.editable-resource-group {
  background:#cfd; 
  padding:0.5em;
}

.edit-resource-group .resource{
  font-size:0.8em;
  width: 95%;
}

.edit-resource-group .resource .name{
  float:left;
  font-weight:bold;
  font-size:1.2em;
}

.edit-resource-group .resource .desc{
  margin: 0px; 
}

.edit-resource-group .resource .drag-handle{
  float:right;
}


.edit-resource-group .resource .move-buttons{
  float:right;
}

.edit-resource-group .resource .move-buttons .button {
  font-size:0.9em;
  padding:4px;
  margin:0px;
  background: #eee;
  border:2px outset gray;
}

body.resource_groups .resource-group .name {
  font-size: 1.2em;
  font-weight: bold;
}

body.resource_groups .resource-group .description {
  margin: 1em;
}
/*************************************/

 div.resource {
  width: 360px;
  margin: 5px 0 5px 0;
}

div.resource.odd {
  float: left;
  border-right: 1px solid #ddd;
}

div.resource.even {
  float: right;
}

.resources-column div.resource {
   border-right: none;
   border-bottom: 1px solid #ddd;
   background: white;
}

div.under-resource {
  height: 2px;
  border-top: 1px solid #ddd;
  margin: 3px;
}

.resources-column div.under-resource {
   border:none;
}

/********************************************/