/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
/*         font-family: Arial, sans-serif; */
        margin: 1em 0;
        padding: 0;
        text-align: left;
}

body{
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	background-color: #efefef;
	background-image: url(../images/grad5.png);
	background-repeat: repeat-x;
	text-align: left;
	margin:0px;
	padding:0px;

	behavior: url(includes/iepngfix.htc);
}

p, .videoCommentInfo, .replyInfo{
	font-family: Verdana;
}

img{
	border: none;
}

/* all general page formatting */
/* remember: trbl */
div#main{
	margin: 0px auto;
	padding: 0px 0px 2px 2px;
	background-color: #cdcdcd;
	width: 846px;
/* 	height: 100%; */
	min-height: 1000px;
}

div#footer{
	bottom: 0px;
	clear: both;
}

/* standardised box margins */
.header, .greetingBar, .intItem, .intItemRightCol, .vidItemArea, .channelItemArea, .searchResults{
	padding: 0px 25px;
	margin: 0px 2px 2px 0px;
}

.vidItemArea{
	padding-bottom: 10px;
}

/* standardised text colouring */
.header, .greetingBar, h2 {
	color: #000;
	text-decoration: none;
}

.headerText{
	display: block;
}

.headerText ul{
	margin:0;
	padding:0;
	list-style:none;
	float: right;
}

.headerText li{
	float:left;
	margin:0 5px 0 0;
	padding: 3px 5px 0px 5px;
	border-top: 1px dotted #dedede;
	border-left: 1px dotted #dedede;	
	border-right: 1px dotted #dedede;
}

/* standardised link features */
a:link, a:visited{
	text-decoration: none;
	color: #0f2db1;
}
a:hover{
	text-decoration: none;
	color: #000;
/* 	background-color: #91d214;	 */
}

h1, .largeedit {
	margin: 10px 0px;
	font-size: 2.2em;
}

h1.channelTitle{
	margin: 10px 0px 5px 0px;
}

h2{
	color: #4c7427;
	font-size: 1.5em;
}

h2.singleItem{
	margin-bottom: 5px;
}

.fotw{
	margin-bottom: 5px;
}

h3.fotw{
	display: inline;
	margin: 0 5px 0px 0;
	height: 1.3em;

}

.filmOfTheWeekTitle a:link, .filmOfTheWeekTitle a:visited{
	color: #000;
}

p.fotwSchoolName{
	display: inline;
}

.header, h3{
	font-style: normal;
	font-weight: normal;
	font-size: 1.2em;
}

.header, .greetingBar,  .intItem, .intItemRightCol{
	padding-top: 5px;
	padding-bottom: 2px;
	background-color: #FFF;
}
.greetingBar{
	padding-bottom: 4px;
}

.header, .errorheader {
	height:96px;
}

.header img {
	padding-top: 5px;
	float: left;
}

.headerText{
	text-align: right;
	display: block;
	padding-top: 80px;
}

.largeColumn {
	float:left;
	margin-right:2px;
	width:562px;
/* 	background-color: #FFF; */
}
/* A standardised column */
.intItem{
	float: left;
	width: 230px;
/* 	margin-right: 2px; */
}
.intItemRightCol{
	float: left;
	width: 230px;
	margin-right: 0px;
}

.vidItemArea, .channelItemArea, .searchResults{
	background-color: #fff;
	float: left;
	margin-right: 0px;
	width: 512px;
/* this takes it's width from the enclosed flashvideo div etc. */
}

img.processing{
/* 	margin-bottom: 50px; */
}

.videoFLASH{
	width: 512px;
}

.channelItemArea{
	width: 512px;
}

h2{
	margin-top: 5px;
}


ul li{
	list-style: none;
}


li.recentFilmsList, li.recentCommentsList, li.recentCommentsListAdmin{
	height: 70px;
	_height: 80px;
	padding-right: 5px;
	border-bottom: 1px dotted #dedede;
	margin-top: 10px;
/* 	background-color: red; */
	padding-bottom: 10px;
}

li.recentCommentsListAdmin{
	height: auto;
}

li.recentCommentsListAdmin p.annotation{
/* 	background-color: red; */
/* 	padding-bottom: 10px; */
	display: inline;
}

.recentCommentsList h3, .recentCommentsList p, .recentCommentsListAdmin h3, .recentCommentsListAdmin p{
	margin-top: 0px;
	margin-bottom: 5px;
}

.recentFilmsList img.thumb{
	float: left;
}

.recentFilmsList h3, .recentFilmsList p, .smallrating{
/* 	explicit setting for ie */
	margin-top: 0px;
	margin-left: 70px
}

li.specificFilmLink{
/* this is a div which can be embedded to link to specific films with a large thumb and a title. */
	margin-top: 10px;
}


.channelVidArea .smallrating, .channelVidAreaRight .smallrating{ margin-left: 0px; }

.recentFilmsList p{ margin-top: 0px; font-size: 1.1em;}

.recentFilmsList h3{ margin-bottom: 0px; }

li.sideBar,li.sideBarSection, .chanDescription, p.frontPageInfo, .intItemRightCol p, p.uploadInstruction, p.searchName { 
	font-style: normal; font-weight: normal; font-size: 1.1em; 
	font-family: Verdana;
}

li.sideBarSection{
	margin-top: 10px;
}

.intItemRightCol h2, .intItem h2{ _margin-top: 10px; }

p.uploadInstruction{ font-family: Arial; margin-bottom: 0px;}

.intItemRightCol p.annotation{
/* 	About the clips also used for front page small text*/
	font-size: 1.1em;
}

.channelVidArea, .channelVidAreaRight{
	float: left;
	height: 290px;
	width: 250px;
	margin-right:10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #dedede;
/* 	_margin-right: 0px; */
	_height: 310px;
}

.channelVidAreaRight{
/* same as channelVidArea but no right margin */
	margin-right: 0px;
}

.navigation{
/* remove block for button navigation */
	display: block; 
	margin-bottom: 10px;
/* 	background-color: red; */
}


.navigation_new{
/* remove block for button navigation */
/* 	display: block;  */
	margin-bottom: 10px;
/* 	background-color: red; */
}

.navigation_new ul{
	margin: 0;
	padding: 0;
	text-align: left;
}

.navigation_new li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

.navigation_new a, .navigation_new a:visited{
	padding: 0 4px;
	border: 1px solid #9aafe5;
	text-decoration: none; 
	color: #2e6ab1;
	margin: 0px 1px;
}

.navigation_new a:hover, .navigation_new a:active{
	border: 1px solid #2b66a5;
	color: #000;
	background-color: #FFFF80;
}

.navigation_new a.currentpage{
	background-color: #2e6ab1;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
}

.navigation_new a.disablelink, .navigation_new a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #4c7427;
	border-color: #929292;
	font-weight: normal !important;
}

.navigation_new a.prevnext{
	font-weight: bold;
}



/* COMMENTS IN VIDEO PAGES */
.whoWhen{
	margin: 0px;
	display: block;
	float: right;
}

.speechBubble{
	border: 1px dotted #cdcdcd;
	padding: 10px 15px;
	margin-bottom: 5px;
	background-color: #FCFCFC;
}

.videoCommentTitle{
	font-size: 1.4em;
	margin-bottom: 10px;
	width: 480px;
	display: block;
}

.videoCommentTitle, .editmode{
/* 	xbrowser hack for the comment title on ie */
/* 	read by safari/firefox */
	margin-top: 1.1em;
/* 	read by ie7 */
	*margin-top: 0px;
}

.replyInfo{
	margin-top: 1.1em;
	_margin: 1.1em 0 0 0;
	*margin: 1.1em 0 0 0;
}

.videoCommentInfo, .replyInfo{
	font-size: 1.1em;
	display: block;
	margin-bottom: 5px;		
}

.videoCommentInfo{
	width: 480px;
}

.reply{
	margin-left: 10px;
	padding: 5px 5px 5px 10px;
	border-top: 1px dotted #dedede;
	background-color: #f5f5f5;
}

.reply p{
	/* only used by the add reply button/form */
	margin: 0px;
}

.replyDivider{
/* 	border: 1px dotted #dedede; */
	width: 75%;
	margin: 5px 5px;
	display: none;
}

textarea.replyForm, input.replyFormText, textarea.addCommentForm, input.addCommentFormText{
	font-family: Arial, sans-serif;
	width: 300px;
	font-size: 1.2em;
}

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

form#replyForm{
	margin-top: 0px;	
}

.form_error, .error{
	color: red;
}

/* IN PAGE EDIT BOXES ////////////////////////*/
input.editMode, textarea.editmode, .savingAjaxWithBackground {
	background-color : #fff;
}

.editmode{
	width: 80%;
	height: auto;
	display: block;
/* 	font-size: 1.2em; */
}

.replyForm {
	margin-left: 0px;
}

.addCommentForm{
	
}

.largeedit {
    font-size: 1.2em;
    vertical-align: middle;
}

.rating{
	height: 17px;
	margin-bottom: 5px;
	vertical-align: middle;
}

.rating, .showHide{
	color: #FFF; /* to appear invisible */
}

.smallrating{
}

/* FRONT PAGE IMAGE FORMATTING */
img.frontPage{
	float: left;
}

ul.frontPage{
	margin-top: 25px;
}

li.frontPage{
	height: 110px;
	width: 512px;
	margin-top: 10px;	
	border-bottom: 1px dotted #dedede;
}

li.frontPage h2, li.frontPage p, li.frontPage .smallrating{
	margin-left:130px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* END FRONT PAGE IMAGE FORMATTING */



/* TEACHER ADMIN PAGE FORMATTING */
li.showArea, li.comshowArea {
/* 	border: 1px dotted #345c3d; */
}

/*
li.filmAdmin{
	border: 1px dotted #E30616;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-bottom: 0px;
	margin: 0px;
	border-bottom: 1px dotted #dedede;
}
*/

li.filmAdmin{
/* 	padding-right: 5px; */
	border-bottom: 1px dotted #dedede;
/* 	margin-top: 10px; */
/* 	background-color: red; */
	padding-bottom: 10px;
}

li.filmAdmin h3{
	margin-top: 0px;
	padding-top: 0px;
}

li.filmAdmin p{
	margin-bottom: 0px;
	padding-bottom : 0px;
}

.showHideText p{
	display: inline;
}
.showHide form {
	display: inline;
}
.showHide, .showHideText{
	display: inline;
/* 	background-color: red; */
}
.channelForm, .channelForm select, .showHide form input{
	display:inline;
}

form.visibleCheckBox input{
	margin: 0px;
	display: inline;
/* 	border: 1px solid red; */
}
p.adminTitle, p.adminTitleVisible, p.adminTitleHidden{
	font-size: 1.2em;
	margin: 0px;
	margin-top:5px;
	display : inline;
}

p.adminTitleVisible{
	background-color: #96d472;
}

p.adminTitleHidden{
	background-color: #ff7251;
}


/* used in the comments display under the videos */
img.deleteIcon{
/* 	background-color: red; */
	float: right;
	margin-left: 5px;
}


/* used in the admin pages */
li.delIcon{
	float: right;
	/* border: 1px solid red */;
	padding: 0px;
	margin: 0px;
}

/*
h3.filmAdmin{
	padding:0px;
	margin: 0px;
}
*/

ul.filmAdminOuter{
/* 	background-color: #efefef; */
	padding:0px;
	margin:0px;
}

ul.filmAdminInner{
/* 	background-color: blue; */
	margin-top: 0px;
	padding-top: 0px;
}

ul.filmAdminInner li h3{
	margin-top: 0px;
	padding:0px;
/* 	border: 1px solid red; */
}

/* END TEACHER ADMIN PAGE FORMATTING */

/* UPLOAD PAGE FORMATTING + REPLY FORMATTING*/
.safariProgress{
	border: 1px;
	width: 50%;
	height: 50%;
	display: none;
}
.safariProgressDisplay{
	background-color: #9FCE10;
	height:100%;
	width:100%;
}
input.upload, textarea.upload, select, .editmode, form.search input{
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
}
input.upload, textarea.upload{
	width: 300px;
	display: block;
}
input.uploadButton{
	margin: 15px 0px;
	display: block;
}
.vidUpload{
/* 	background-color: red; */
	width: 512px;
}

/* END UPLOAD PAGE FORMATTING */

/* SEARCH FORMATTING */
form.search{
	margin: 5px 0px;
}

.searchPageForm{
	margin-top: 10px;
	float: right;
}

.searchResults{
	width: 794px;
}

td{
	border-bottom: 1px dotted #dedede;
}
table{
	margin-bottom: 5px;
}

/* END SEARCH FORMATTING */

input.login{
	font-family: Arial, sans-serif;
	display: block;
	margin-top: 5px;
}

p.login{
	margin-bottom: 0px;
}

/* email form styles */
.smallText{
	font-size: 1.2em;
	width: 200px;
}

p.ratingsText{
	display: inline;	
}

form#embedForm{
/* 	background-color: red; */
	padding: 0px;
	margin: 0px;
}

.embedBox{
	display: none;
}

.embedLogo{
	margin-right: 5px;
}

.schoolAddedData{
	font-size: 8px;
}