/*SLN 11/04/08 IMPORTANT!!! Any changes made to this file should also be reflected in Print2.css*/

/*** CORE ELEMENT STYLES ***/
body, html
{
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 0.89em;
	color: #013364;
	background:#FAFAE6;
} 

.row h1 
{
	font-size:1.3em;
	
}
h1
{
	font-size:1.3em;
	margin: 0px;
}
.row h2 
{
	font-size:1.2em;
	padding-bottom:4px;
}
h2 
{
	font-size:1.2em;
	margin: 0px;
}

h3 
{
	font-size:1.1em;
}

h5 
{
	font-size:1.1em;
	color:Red;
	
}


.Top-Nav a 
{
	color:#676600;
}
.Top-Nav a:hover, a:active 
{
	text-decoration:none;
	color:Black;
}

a, a:link, a:visited 
{
	color:#676600;
}
a:hover, a:active
{
	text-decoration:none;
	color:Black;
}

a.aquo
{
	font-size: large;
}

.subjectHeading a
{
	font-weight:bold;
}
.subjectHeading a:hover 
{
	text-decoration:none;
	color:#000000;
}

img
{
	border: none;
}

/*** END CORE ELEMENT STYLES ***/

/*** COMMON GENERIC CLASSES ***/

.floatleft
{
	float: left;	
}

.floatright
{
	float: right;	
}

.padding5
{
	padding: 0px 5px 5px 5px;
	padding-left:5px;	
	background:#fff;
}
.anon-padding5 
{
	background:#fff;
	padding:0px 5px 5px 0px;
	margin-left:5px;
	width:auto;
}

.padding10
{
	padding: 10px 10px 10px 10px;	
}

.bottompadding10
{
	padding: 0px 0px 10px 0px;	
}

.toppadding10
{
	padding: 10px 0px 0px 0px;	
}

.toppadding20
{
	padding: 0px 0px 0px 0px;
		
}

.padding20
{
	padding: 20px 20px 20px 20px;	
}

.newline
{
	clear: both;
	padding-top: 10px;
}

.newline-small
{
	clear: both;
}

.clearboth
{
	clear: both;
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 1px;
	height: 1px;
}

.SmallerFont
{
	/*font-size: 11px;*/
	font-size:0.98em;
}

.center
{
	text-align: center;
}

.bold
{
	font-weight: bold;
}

.highlightRed
{
	color: #C70000;
	font-weight: bold;
}

.highlightYellow
{
	background-color: #FFFFC0;
	font-weight: bold;
}

.highlightBlue
{
	background-color: #F8FCFF;
}

.refine
{
	display: inline;
}

.highlight
{
	background-color: Yellow;
}

/*** END COMMON GENERIC CLASSES ***/

/*** INPUT BUTTON CLASSES ***/

input.search
{
   background:  url(../images/Button_Search.gif) no-repeat;
   border: none;
   width: 71px;
   height: 24px;
}

input.searchover
{
   background:  url(../images/Button_SearchOver.gif) no-repeat;
   border: none;
   width: 71px;
   height: 24px;
   cursor: pointer;
}

.selectall, .selectallover
{
	float: left;
	margin-right: 4px;
}

.play, .playover, .addtomyvideos, .addtomyvideosover, .playicon, .playiconover, .addtomyvideosicon, .addtomyvideosiconover
{
	float: left;
	margin: 0px 4px 0px 4px;
}

input.selectall
{
   background:  url(../images/Button_SelectAll.gif) no-repeat;
   border: none;
   width: 71px;
   height: 26px;
}

input.selectallover
{
   background:  url(../images/Button_SelectAllOver.gif) no-repeat;
   border: none;
   width: 71px;
   height: 26px;
   cursor: pointer;
}

input.play
{
   background:  url(../images/Button_Play.gif) no-repeat;
   border: none;
   width: 56px;
   height: 26px;
}

input.playover
{
   background:  url(../images/Button_PlayOver.gif) no-repeat;
   border: none;
   width: 56px;
   height: 26px;
   cursor: pointer;
}

input.playicon
{
   background:  url(../images/Button_PlayIcon.gif) no-repeat;
   border: none;
   width: 21px;
   height: 20px;
}

input.playiconover
{
   background:  url(../images/Button_PlayIconOver.gif) no-repeat;
   border: none;
   width: 21px;
   height: 20px;
   cursor: pointer;
}

input.addtomyvideos
{
   background:  url(../images/Button_AddToMyVideos.gif) no-repeat;
   border: none;
   width: 132px;
   height: 26px;
}

input.addtomyvideosover
{
   background:  url(../images/Button_AddToMyVideosOver.gif) no-repeat;
   border: none;
   width: 132px;
   height: 26px;
   cursor: pointer;
}

input.addtomyvideosicon
{
   background:  url(../images/Button_AddToMyVideosIcon.gif) no-repeat;
   border: none;
   width: 21px;
   height: 20px;
}

input.addtomyvideosiconover
{
   background:  url(../images/Button_AddToMyVideosIconOver.gif) no-repeat;
   border: none;
   width: 21px;
   height: 20px;
   cursor: pointer;
}

/*** END INPUT BUTTON CLASSES ***/

/*** PAGE CLASSES ***/

#wrapper
{
	margin: 0px;
	padding: 0px;
	width: 770px;
	position: absolute;
    left: 50%;
    margin-left: -385px;
    min-height:250px;

}

/** for the breadcrumbs in mini-video-details control */
.topBreadcrumbs
{
	/*padding: 15px 0px 10px 0px;*/
	padding:8px 10px 4px 10px;	
	background: #fff;
}

/** for the breadcrumbs at the top of the page */
.breadcrumbs
{
	margin: 0px;
	padding: 4px 10px;
	background: #fff;	
}

/** for the mini-video-details.ascx control */
.moreBreadcrumbs img
{
	vertical-align: bottom;
}
a.moreBreadcrumbs
{
	text-decoration: none;
}

/*** HEADER CLASSES ***/

.Header
{
	width: 770px;
	height: 158px;
	background-color: #ffffA3;
}

.Header .Column1
{
	width: 446px;
	height: 150px;
	float: left;
}


.Header .Column1 h1
{
	/*background: url(../images/HeinemannVideoGallery.gif) no-repeat;*/
	background: #000;
	width: 446px;
	height: 48px;
	margin: 0px;
	padding-bottom: 0px;
}

.print-logo 
{
	display:none;
}
.Header .Column1 h1 span
{
	display: none;
}

.Landscape
{
	width: 446px;
	height: 102px;
	/*background: url(../images/HeaderLandscape.jpg) bottom no-repeat;*/
	background: url(../images/landscape-banner.gif) bottom no-repeat;
}

.NavigationTabs
{
	margin-top: 72px;
	margin-left: 10px;
	width: 335px;
	float: left;
}

.Overlap
{
	float: left;
}

.Overlap a
{
	position: relative;
	display: block;
	margin-right: -11px; /*shift tabs 10px to the right so they overlap*/
	right: 0px;
}


.Overlap .selected
{
	z-index: 5;

}


.Header .Column2
{
	width: 324px;
	height: 150px;
	float: left;
	background: url(../images/HeaderTile.gif) repeat;
	background-position: bottom;
	text-align: right;
}

.Header .Column2 .Padding
{
	padding: 20px 20px 10px 20px;
}

.Search .Row
{
	text-align: right;		
}

.Search .Row label
{
	font-size: 1.0em;	
}

/*** END HEADER CLASSES ***/

/*** FOOTER CLASSES ***/

.footer
{
	width: /*765px*/ 100%;
	text-align: center;
	clear: both;
	font-size: 0.95em;
	border-bottom:solid medium #e8e5d4;  
	background:#fff;
}

.footer a:link, .footer a:active, .footer a:hover, .footer a:visited
{
	color: #013364;
	font-size:0.95em;
}
.anon-footer-fix 
{
	width:771px;
}
.branding
{
	height: 29px;
	background: #7f99b2 url(../images/Footer_Logo.gif) right no-repeat;	
	margin-top: 10px;
	text-align: left;
	margin-right:1px;
}
.branding img 
{
	text-align:left;
	margin-left:0px;
}
/*** END FOOTER CLASSES ***/

/*** SEARCH RESULTS CLASSES ***/

.results 
{
	background:none;
	clear:both;
}
.resultsstart
{
	height: 37px;
	margin-top:8px;
	background: url(../images/Tile_PageTop.gif) no-repeat top left;
	vertical-align:middle;
	text-align:center;
	/*border: 1px solid black;*/
}
.header-center 
{
	height:35px;
	background:url(../images/grad-bg.gif) repeat-x top left;
	vertical-align:middle;
	text-align:center;
}
.header-center-right 
{
	height:35px;
	background:url(../images/grad-bg.gif) repeat-x top left;
	vertical-align:middle;
	text-align: right;
	padding-right:10px;
}

.bookmarked-right 
{
	padding-right:10px;
	text-align:right;
}
.rename-collection-txtbox 
{	
	background-color:#ffffe1;
	border:solid 1px #e7f0f5;

	padding-left:7px;
}
.thumbnail-cell 
{
	text-align:left;
	padding-left:5px;
}
.myvideos-collection-title 
{
	padding-left:4px;
}

.resultsend
{
	height: 35px;
	background: url(../images/Tile_PageBottom.gif) no-repeat;
	background-position:bottom;
	/*margin-top:-1.1em;*/
	padding-bottom:4px;
	margin-bottom:2px;
	clear:both;
	width:750px;
}

.resultsdivider
{
	height: 3px;
	background-position:bottom;
	background:url(../images/Tile_ResultsDivider.gif) repeat-x;
	width:710px;
	clear:both;

}

.paginationLinks
{
	float: right;
	vertical-align:text-top;
	margin-top:-2.2em;
	/*border: 1px solid black;*/
}
.paginationLinks span
{
	font-weight:bold;
	margin: 0 0.2em 0 0.2em;
	font-size:1.1em;
}
.paginationLinks a:link
{
	margin: 0 0.4em 0 0.4em;
}
.paginationLinks a:visited
{
	margin: 0 0.4em 0 0.4em;
}
.paginationLinks a:hover
{
	margin: 0 0.4em 0 0.4em;
}
.paginationLinks a:active
{
	margin: 0 0.4em 0 0.4em;
}
/*** END SEARCH RESULTS CLASSES ***/

/*** ANON CLASSES - used in pages that require anonymous access, e.g. register, about, etc. ***/

.Anon-Header
{
	width:770px;
	height:140px;
	background: #ffffA3 url(../images/anon-landscape.jpg) top no-repeat;
}


.Anon-Logo
{
	height: 30px;
	width: 350px;
	background: #000000 url(../images/anon-header-logo.gif) top left no-repeat;
	text-align: left;
	cursor: pointer;
	/*border: 1px solid red;*/
}

.Anon-Buttons
{
	position:absolute;
	height: 30px;
	top: 104px;
	/*border: 1px solid black;*/
}

.Anon
{
	width:770px;
	/*min-height:425px;*/
	/* do not put a height here, it breaks other anon access pages, e.g. register */
	/* height:380px; */
	background:#fff;
	/*border: 1px solid red;*/
}

.inset
{
	padding: 8px;
}

.anon .about .back
{
	padding: 8px 0 0 0;
}

/** fix for register page in Firefox; before there was a blank grey gap between
 * the mountain scenery and the white background */
.anon h4
{
	padding: 4px 0 0 0;
	margin: 0;
}

.loginBox
{
	width: 245px;
	height:auto;
	
	float: left;	
}
p 
{
	margin-top:0;
}
.marketingArea
{
	width: 498px;
	/*height: 350px;*/
	float: right;
	background:url(../images/marketing-area-bg.gif) repeat-x;	
}

/*** END LOGIN CLASSES ***/


.MiniVideo
{
	background: url(../images/search-bg-new.gif) repeat-y;
	clear:both;
}

.SelectColumn
{
	float: left;
	width: 45px;
	text-align: center;
	background:url(../images/check-bg-large.gif) repeat;

}

.SelectColumn .Padding
{
	padding: 5px 0px 0px 0px;
}

.Details
{
	float: left;
	width: 680px;
	
}

.Details .Padding
{
	padding: 10px 0px 0px 15px;
	
}


.Details .Video
{
	float: left;
	width: 200px;	
	/* do not remove this; it is used to show a background when the video is hidden,
	   e.g. due to a popup */
	background-color: #AAA;
	height: 1%;
}

.NotAdded
{
	background: #ffffa3;
	width: 200px;
	height: 25px;
	border-bottom: 2px solid #cce0eb;
}

.NotAdded .Padding, .Added .Padding
{
	padding: 2px 2px 2px 2px;
}

.Added
{
	background: #dfff61;
	width: 200px;
	height: 25px;
	border-bottom: 2px solid #cce0eb;
}
.atv-ajax-rep-main2
{
	border: 1px solid #7fb2cc;
	/*height:138px;*/
	height: 120px;
	width: 280px;
	overflow: scroll;
	/* for Firefox */
	overflow-x: hidden;
}


.videoItem .Added
{
	width: 390px;
}

.videoItem .NotAdded
{
	width: 390px;
}

.Details .Text
{
	float: right;
	width: 450px;	
}

.SelectAll
{
	float: left;
	width: 45px;
	text-align: center;
}

.AddToVideos
{
	float: left;
	padding: 10px 0px 0px 10px;	
	text-align: center;
	width: 600px;
}

.ResultsPerPage
{
	float: right;
}

.SortResults
{
	float: right;
	margin-right: 10px;
}

.YourSearchFor
{
	float: left;
	width: 350px;
}

.PlusChar a a:link
{
	padding: 0px 0px 0px 20px;
	background: url(../images/plus-icon.gif) no-repeat 4px 2px;
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
	padding-left:2em;
}

.PlusChar 
{
	float:left;
	padding:0px 0px 0px 20px;
	padding:0.15em 0 0 2em;
	margin-right:-10px;
	background: url(../images/plus-icon.gif) no-repeat 7px 5px;
	height:25px;
	font-weight:bolder;
	text-align:left;
	cursor: pointer;
}

.TickChar span
{
	padding: 13px 0px 0px 20px;
	background: url(../images/TickChar.gif) no-repeat 4px 14px;
	font-weight: bold;
	color: #006600;
}
.SelectAllDiv
{
	float:left;
	width:300px;
	margin-left:20px;
	text-align: left;
	padding: 3px 0 0 0;
}


#explore
{
	height: 35px;
	width: 111px;
	float: left;
	visibility: visible;
	text-align: center;
	padding-top: 75px;
	padding-left: 28px;
}
#group
{
	height: 30px;
	width: 120px;
	float: left;
	visibility: visible;
	text-align: right;
	padding-top: 73px;
}
#school
{
	height: 30px;
	width: 115px;
	float: left;
	visibility: visible;
	text-align: center;
	padding-top: 73px;
}
#playlist
{
	height: auto;
	width: 113px;
	float: left;
	visibility: visible;
	padding-left: 3px;
	padding-top: 74px;
}

#underline-andtext
{
	float: left;
	text-align: left;
	visibility: visible;
	width: 100%;
}

#nav
{
	float: left;
	width: 400px;
	margin-left:23px;
}
#nav ul
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 2px;
	padding: 2px;
}
#nav li
{
	margin: 2px 2px 2px 6px;
	padding: 2px;
}
#nav li a:link
{
	background-image: url('../images/tree-view/plus.gif');
	background-repeat: no-repeat;
	padding-left: 20px;
	white-space: nowrap;
	
	text-decoration: none;
	color: #001f71;
}

#nav li a:visited
{
	background-image: url('../images/tree-view/plus.gif');
	background-repeat: no-repeat;
	padding-left: 20px;
	white-space: nowrap;
	text-decoration: none;
	color: #001f71;
}

#nav li a:hover
{
	background-image: url('../images/tree-view/plus.gif');
	background-repeat: no-repeat;
	padding-left: 20px;
	white-space: nowrap;
	text-decoration: none;
	color: #001f71;
}
#nav li a:active
{
	background-image: url('../images/tree-view/plus.gif');
	background-repeat: no-repeat;
	padding-left: 20px;
	white-space: nowrap;
	text-decoration: none;
	color: #001f71;
}

#nav li a.expanded:link{	background-image: url('../images/tree-view/minus.gif'); }
#nav li a.expanded:visited{ background-image: url('../images/tree-view/minus.gif'); }
#nav li a.expanded:hover{	background-image: url('../images/tree-view/minus.gif'); }
#nav li a.expanded:active{	background-image: url('../images/tree-view/minus.gif'); }

#nav li a.leaf:link{	background-image: none; }
#nav li a.leaf:visited{ background-image: none; }
#nav li a.leaf:hover{	background-image: none; }
#nav li a.leaf:active{	background-image: none; }

#main
{
	float: left;
	/*padding-top: 10px;*/
	width: 770px;
	text-align: left;
	font-weight: normal;
	height: 100%;	
	/*min-height:350px; SLN 11/04/08 Don't want this - causes problems in Firefox*/
	background-color:#fff;
	margin-right:-5px;
}
#main .padding5 
{
	FLOAT: left 
}
#welcome
{
	float: left;
	width: 620px;
	text-align: left;
	font-weight: bold;
	margin-top: 0px;
}
#title
{
	float: left;
	width: 820px;
	text-align: left;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 10px;
}



/**
* personal drawings
*/
p img
{
	margin-right: 15px;
}
.searchTextBox
{
	background-color: #FFFFC0;
	font-weight: bold;
	height: 25px;
	width: 300px;
}
.normalTextBox
{
	background-color: #FFFFC0;
	font-weight: bold;
	height: 25px;
	width: 200px;
}
.dropDownList
{
	background-color: #FFFFC0;
	font-weight: bold;
	height: 25px;
}
.submitButton
{
	height: 25px;
}

.search-item
{
	width: 800px;
	border: 1px solid #e1e1e1;
	margin-top: 10px;
}
.title
{
	background-color: #D6DEEF;
}
.title h3 a
{
	text-decoration: none;
	font-weight: normal;
	display: block;
	padding: 4px;
	font-size: 0.9em;
}
.title h3 a img
{
	border: none;
}
.title h3 a:hover
{
	background-color: #d0d8ae;
	color: #000;
}
.preview
{
	float: left;
	padding: 4px;
	font-size: 0.8em;
	height: 400px;
}
.row2
{
	margin-left: 110px;
}
.row3
{
	margin-left: 110px;
}
.row3 a
{
	padding-right: 5px;
}
.search-item-large
{
	width: 500px;
	border: 1px solid #ccc;
}
.search-item-small
{
	width: 500px;
	border: 1px solid #ccc;
}

.spellcheck {margin:10px;font-family:"Trebuchet MS", Arial, sans-serif; color:Red; font-size:1.0em;}


#ajaxDiv
{
	border: solid 1px red;
	width: 400px;
	display: none;
}

.tab
{
	height: 10px;
	width: 90px;
	float: left;
	visibility: visible;
	text-align: center;
	padding: 10px 10px 0px 0px;
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	margin: 0 10px 0 10px;
}

.row
{
	text-align: left;
}


.row-right
{
	text-align: right;
}

.subjectHeading
{
	font-size: 1.2em ;
	font-weight: bold;
	padding-left: 10px;
	margin-top: 10px;
}

.browseNodeParent
{
	margin: 10px 0 20px 10px;
}

.browseNode
{
	padding-left: 20px;
	line-height:21px;
	
}
.browseNode a:link
{
	font-weight:bold;
}
.browseNode a:visited 
{
	font-weight:bold;
}

/** 2007-09-05 SS: layout for video small info, in page default.aspx */

/* this is visible when a video is hidden 
  (e.g. when videos are hidden for the add to my videos popup */
.videoplayermarker
{
	background-color: #DDD;
	padding: 0;
	margin: 0;
	border: 0;
}
div.videoLeft div.videoContainer
{
	width: 200px;
	height: 124px;
	background-color: Gray;
}
div.videoRight input
{
	border: solid 1px black;
	background-color: White;
	margin: 4px 4px 0 0;
	padding: 0;
}


/** 2007-09-04 SS: layout for video details, in page video.aspx */
div.videoItem
{
	background-color: #fff;
}

div.videoItem h1
{
	
	padding: 10px 0 5px 0;
	margin: 0;
}

div.videoItem h2
{
	clear: both;
	font-size: 1.1em;
	padding: 10px 0 5px 0;
	margin: 0;
}
div.videoItem div.movieMarker
{
	background-color: Black;
	padding: 0;
	margin: 0;
	border-right: solid 10px white;
}

div.videoItem div.movieArea
{
	float: left;
	width: 400px;
	border-top: solid 10px white;
	border-left: solid 10px white;
	border-bottom: solid 5px white;
	margin: 0;
	padding: 0;
}
div.videoItem div.movieArea div.movie
{
	width: 390px;
	background-color: Gray;
}
div.videoItem div.movieArea input
{
	border: solid 1px black;
	background-color: White;
	margin: 4px;
}
div.videoItem div.infoArea
{
	float: left;
	width: 350px;
}
/** videoInfoBar is sometimes used on its own - see search result*/
div.videoInfoBar span
{
	float: left;
	padding: 10px 20px 0 0 ;
	margin: 0;
	vertical-align: middle;
}
div.videoInfoBar img
{
	vertical-align: middle;
}

/* end of video.aspx */


.miniVideoDetails div.videoLeft, .miniVideoDetails div.videoRight
{
	display: inline;
	float: left;
	padding: 10px 10px 10px 10px;
}

.miniVideoDetails div.videoLeft
{
	width: 225px;
}

.miniVideoDetails div.videoRight
{
	width: 460px;
}



.topLevelBrowse
{
	float: left;
	width: 220px;
	white-space:nowrap;
}

/** For the expanding / collapsing list of keystages within a subject */
/** COLLAPSED */

.subjectHeading a, .subjectHeading a:link, .subjectHeading a:visited 
{
	color:#013364;
}
.subjectHeading a:hover, .subjectHeading a:active
{
	text-decoration:none;
	color:#013364;
}

.subjectHeading
{
	cursor: pointer;
}

/** For the expanding / collapsing list of keystages within a subject */
/** EXPANDED */

.subjectHeading a.open, .subjectHeading a.open:link, .subjectHeading a.open:visited 
{
	text-decoration:none;
	color:#013364;
}
.subjectHeading a.open:hover, .subjectHeading a.open:active
{
	text-decoration:none;
	color:#013364;
}

/** EOF expanding / collapsing list of keystages*/



.expiredSubscription, .expiredSubscription a:link, .expiredSubscription a:visited, .expiredSubscription a:hover, .expiredSubscription a:active
{
	color: #DA525D;
	font-weight: bold;
}

.latestAdditions{
	color: #013364;
	width: 480px;
}

.latestAdditions .left
{
	float: left;
	margin: 10px 20px 20px 10px;
}
.latestAdditions .right
{
	float: left;
}


#divPopupContainer
{
	/*padding: 10px;*/
	position: absolute;
	background-color:White;
	top: -1000px;
	left: -1000px;
	z-index: 10;
}

#divPopupContainer hr
{
	width: 100%;
}


/*#divPopupContainer .close input SLN 18/12/07 */
.close input
{
	/*border: solid 1px black;
	background-color: White;*/
	margin: 4px 4px 0 0;
	padding: 0;
	float: right;
}


#disabledBackground
{
	background-color: Gray;
	filter:alpha(opacity=80);   /* Internet Explorer       */
	-moz-opacity:0.8;           /* Mozilla 1.6 and below   */
	opacity: 0.8;               /* newer Mozilla and CSS-3 */
	width: 10px;
	height: 10px;
	top: -1000px;
	left: -1000px;
	position: absolute;
	z-index: 7;
}


/* used for holding text when 'Add to xxx collection' is clicked */
.addedToCollection
{
	font-weight: bold;
	margin: 0;
	padding-right: 2em;
}


.newCollectionPopup
{
	width: 400px;
	height: 100px;
	z-index: 10;
}



.deleteCollectionsPopup
{
	display: none;
	width: 400px;
	height: 100px;
	padding: 10px;
	position: absolute;
	border: solid 1px #000;
	background-color:White;
	top: -1000px;
	left: -1000px;
	z-index: 10;
}


div.buttonsLeft
{
	text-align: left;
	float: left;
	width: 400px;
}


div.buttonsRight
{
	text-align: right;
	float: right;
	width: 300px;
}

/*div.buttonsRight input, div.buttonsLeft input
{
	border: solid 1px black;
	background-color: White;
	margin: 4px 4px 0 0;
	padding: 0;
}*/

div.reorder
{
	float: right;
	margin: 0 0 6px 0;
}

#ul_reorder
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align:left;
	float:left;
	width: 1%;
}

#ul_reorder li
{
	margin: 0px;
	padding: 0px;
}


.hiddenCheckbox
{
	display: none;
}

.dotted 
{
	height:1px;
	border-top:dotted 1px #7fb2cc;
	width:100%;
	
}
.password-list 
{
	float:right;
	list-style-type:disc;
	list-style-position:outside;

}
.select-header 
{
	background:#676600;
}
.search-add-video 
{
	font-size:1.0em;
	text-decoration:underline;
	color: #013364;
}
.Top-Nav 
{
	font-weight:bold;
	font-size:0.9em;
	
}
.collectionCheckBox 
{
	background:#f0f0e6;
	text-align:center;
	margin: 0 auto;
}

/*Added 08/04/08 div to hold clickable text for checkbox*/
.collectionCheckBoxDiv
{
	float: left;
	cursor: pointer;
}
.collectionCheckBoxTextDiv
{
	float: left;
	cursor: pointer;
}
.checkbox-align 
{
	width:40px;
	vertical-align:middle;
	text-align:center;
	background:#f0f0e6;
	margin-left:-7px;
	margin-right:7px;
}
.non-aspnet-checkbox-align 
{
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
	
}
.header-checkbox 
{
	width:20px;
}

.My-Videos-Table tr
{
	border: none;
}
	
.My-Videos-Header
{
	height:35px;
	background:url(../images/grad-bg.gif) repeat-x top left;
	vertical-align:middle;
	border-bottom: dotted 1px #7fb2cc;
}

.My-Videos-Header .right
{
	float: right;
	height: 25px;
	margin: -15px 5px 0 0;
}

.My-Videos-Header .group
{
	padding: 0;
	margin: 0 10px;
	display: inline;
}

.My-Videos-Header .vcenter
{
	padding-top: 6px;
}

.My-Videos-Table 
{
	border: none;
	height:auto;
	border-collapse: collapse;
}
.My-Videos-Table td 
{
	border-bottom: dotted 1px #7fb2cc;
	border-top:none;
	border-left:none;
	border-right:none;
} 
.My-Videos-Table th 
{
	border-bottom:dotted 1px #EEEEEE;
	border-top:none;
	border-left:none;
	border-right:none;
	font-weight:bold;
}
/*Useradmin.aspx table classes*/
.User-Admin-Table 
{
	background-color:#f0f0e6;
	border:solid 1px #7fb1cc;
}
.User-Admin-General 
{
	border:solid 1px #7fb1cc;
}
.admin-header-center 
{
	height:35px;
	background:url(../images/grad-bg.gif) repeat-x top left;
	vertical-align:middle;
	text-align:center;
	border:none;
	
}
.videoTitle 
{
	font-size:1.18em;
	font-weight:bold;
	vertical-align:middle;
	text-decoration:underline;
	background: none;
}

/*SLN 11/12/07*/
.inactiveVideoTitle
{
	font-size:1.18em;
	font-weight:bold;
	vertical-align:middle;
	text-decoration:none;
	background: none;
	color: #999;
}

.valErrors 
{
	font-weight:bold;
	color:Red;
	padding-bottom: 10px;
}
.label-indent 
{
	text-indent:1.1em;
	display:inline;
	text-align:left;
	float:left;
	padding-right:0.85em;
}
.label-indent-new-password 
{
	text-indent:1.1em;
	display:inline;
	text-align:center;
	float:left;
	margin-right:65px;
}
.label-indent-current-password 
{
	text-indent:1.1em;
	display:inline;
	text-align:left;
	float:left;
	margin-right:5px;

}
.password-row 
{
	text-align:left;
}
.label-indent-t 
{
	text-indent: 1.1em;
	display:inline;
	text-align:left;
	
	vertical-align:text-top;
	float:left;
	margin-top:-50px;
}

.btn-padding 
{
	margin-left:1.1em;
}
.holder 
{
	float:left;
}
.holder-right 
{
	float:right
}
.delete-selected-right 
{
	float:right;
	margin-top:-5px;
}

.table-header 
{
	height: 35px;
	background: url(../images/Tile_PageTop.gif) no-repeat top left;
	vertical-align:middle;
	padding-left:2px;
	text-align:center;
	margin-bottom:-10px;
}

.lblSelect 
{
	float:left;
}
.menu-spacing 
{
	width:0.2em;
	height:0.1em;
}
.subs-container 
{
	width:22.5em;
	height:auto;
}
.SelectAll-Bottom 
{
	margin-left:0em;
}
.Add-To-Videos-Link 
{
	font-weight:bold;
	padding-bottom:5px;
}
.image-padding 
{
	padding-left:2.8em;
}
.top-padding 
{
	padding-top:20px;
}
.cell-padding 
{
	padding-left:5px;
	padding-right:5px;
}
.page-bottom-image 
{
	float:left;
}
.login-controls 
{
	float:right;
	text-align:right;
}
.forgotten-password-link 
{
	margin-right:.8em;
}
.form-controls 
{
	/*float:left;
	width:100%;
	text-align:center;
	margin:0 auto;
	padding-right:4em;
	margin-left:-1.6em;*/
	
	text-align:right;
	
	
}
.password-row-center 
{
	text-align:center;
}

.form-controls-center 
{
	text-align:center;
	margin-left:-175px;
}
.form-controls input 
{
	margin-left:7px;
}
.form-rules 
{
	float:right;
	text-align:left;
	margin-left:2em;
	padding-right:3.6em;
}

div.form-rules ul
{
	margin-top: 4px;
}

.lbl-password 
{
	margin-top:-15px;
}
.collectionCheckBox-btable 
{
	text-align:center;
	margin:0 auto;
}
.myCollections
{
	padding: 4px 0 0 0;
}
.search-field 
{
	background:#fff;
}

.search-field:focus
{
	background-color:#ffffe1;
	border:solid 1px #e7f0f5;
}
.delete-user-holder 
{
	width:auto;
	height:auto;
}
.edit-user-form-controls 
{
	text-align:center;
	margin-left: -130px! important;
}	
.myaccount-row 
{
	width:360px;
	height:45px;
	text-align:left;
	text-indent:1.1em;
	margin-top:-0.5em;
}
.myaccount-row INPUT 
{
	
	float:right;
}

.note-box 
{
	background:#fff;
	margin:15px;
	padding:8px;
	text-align:left;
	border:1px solid #7FB2CC;
	/*min-height:135px;*/
}

.note-box-red
{
	background:#fff;
	margin:15px;
	padding: 10px 8px 0 8px;
	text-align:left;
	border:1px solid #F00;
	/*min-height:135px;*/
}

.align-right 
{
	float:right;
	
}

/*New Form Area */

.edit-user-password label input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 9px;
}

.edit-user-password label {
	text-align: right! important;
	width: 75px;
	padding-right: 20px;
}

.edit-user-password br {
	clear: left;
}
.form-controls-center #formShieldHVG 
{

}
.verify-padding 
{
	padding-left:9em;
}
.verify-align
{
	margin-right:-12em;
}
.pw-request-row-e 
{
	width:315px;

}
.e-mail-align-btn
{
	float:right;
	margin-right:1.6em;
}
.Ajax-Add-Popup 
{
	/*
	text-align:right;
	margin: 10px 0 0 8.1em;
	*/
	padding: 0;
	z-index: 10;
}
.ajax-popup-CheckBox 
{
	background:#f0f0e6;
	text-align:center;
	margin:0 auto;
	z-index: 10;
}
 hr {
  height: 3px;
  background:url(../images/Tile_ResultsDivider.gif) repeat-x;
  border:none;
}
hr hr {
  display: none;
} 
.hr-replacement 
{
	height: 1px;
	background-position:bottom;
	background:url(../images/Tile_ResultsDivider.gif) repeat-x;
}
/*Version: D /16:33 28.11 */ 

.padding05
{
	padding: 5px;
}

#noVideosTooltip
{
	border: solid 1px #404040;
	background-color: #ffffe1;
	color: #404040;
	position: absolute;
	top: -1000px;
	left: -1000px;
	padding: 1px;	
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
}

#noVideosTooltip a:link, .noVideosTooltip a:visited
{
	text-decoration: underline;
	font-weight: normal;
}
#noVideosTooltip a:hover
{
	text-decoration: none;
	font-weight: normal;
}
#noVideosTooltip a:active
{
	text-decoration: none;
	font-weight: normal;
}

/*SLN 19/12/07*/
.SampleNavigationTabs
{
	position: relative;
	/*margin-top: 102px;*/
	margin-left: 10px;
	width: 335px;
	float: left;
}


/*** Ajax 'Add to Videos' Popup ***/


.addToMyVideosPopup form
{
	padding: 0;
	margin: 0;
	z-index: 10;
}

.addToMyVideosPopup
{
	width: 400px;
	border: solid 1px #7fb2cc;
	z-index: 10;
}

.addToMyVideosPopup .close input
{
	border: solid 1px black;
	background-color: White;
	margin: 4px 4px 0 0;
	padding: 0;
	float: right;
}

.addToMyVideosPopup h2
{
	font-size: small;
	padding: 0;
	margin: 0.5em 0 1em 0;
	padding: 0;
}

.addToMyVideosPopup .divider
{
	height: 1px;
	background:url(../images/Tile_ResultsDivider.gif) repeat-x;
	width: 100%;
	padding: 2px 0 2px 0;
}

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

.quicktourPopup
{
	width: 750px;
	height: 510px;
	border: solid 1px #7fb2cc;
	z-index: 10;
}

.quicktourPopup .close input
{
	border: solid 1px black;
	background-color: White;
	margin: 4px 4px 0 0;
	padding: 0;
	float: right;
}

.quicktourPopup h2
{
	font-size: small;
	padding: 0;
	margin: 0.5em 0 1em 0;
	padding: 0;
}

.quicktourPopup .divider
{
	height: 1px;
	background:url(../images/Tile_ResultsDivider.gif) repeat-x;
	width: 100%;
}

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

.PopupHeader
{
	background: url(../images/bg_popuptile.gif);
	height: 55px;
}

.PopupPadding
{
	clear: both;
	padding: 5px 10px 0px 10px;
	/*border: 1px solid black;	*/
}

.PopupBulletColumn
{
	padding: 5px 0px 0px 17px;
	background: url(../images/bulletpoint_blue.gif) no-repeat 0px 10px;
}

.PopupColumn
{
	padding: 5px 0px 0px 17px;
	/*border: 1px solid black;*/
}

/*** End Ajax 'Add to Videos' Popup ***/


.expandHeight
{
	float: left;
	height: 300px;
	width: -1px;
	/* border: solid 1px #000; */
	font-size: 1px;
}

.marketingExpandHeight
{
	float: right;
	margin-left: 15px;
	margin-right: 15px;
}




.browseButtonDisabled
{
	text-decoration: none;
}



.linkButton
{
	background-color: Transparent;
	border-style: none;
	border-width: 0px;
	text-decoration: underline;
	/*font-weight: bold;*/
	cursor: pointer;
	color:#676600;
	text-align: left;
}



/* MH New login page styles added 08/04/2008 */

div.Anon-Login
{
	width:770px;
	/*min-height:400px;*/
	/* do not put a height here, it breaks other anon access pages, e.g. register */
	/* height:380px; */
	background:#fff url(../images/marketing-area-bg.gif) top left repeat-x;
	/*text-align:center;*/
	/*border: solid 1px red;*/
}
img.welcome_text
{
	width:711px;
	height:41px;
	margin:30px auto;
}
div.login_box
{
	width:341px;
	margin:0 auto 20px;
	padding:0;
	float: left;
}
div.left_login_box
{
    padding: 0 10px 0 35px;
}
div.right_login_box
{
    padding: 0 10px 0 10px;
}
div.login_box .shibboleth_spacer
{
    height: 2.2em;
}
div.login_box_top
{
	width:341px;
	height:28px;
	margin:0;
	background: url(../images/login/login_box_top.gif) top left no-repeat;
	/*border: solid 1px red;*/
}
div.login_box_bottom
{
	width:341px;
	height:29px;
	margin:0;
	background:url(../images/login/login_box_bottom.gif) top left no-repeat;
}
div.login_box_content
{
	margin:0;
	padding: 0 10px;
	background:url(../images/login/login_box_middle.gif) top left repeat-y;
	text-align:left;
}
div.login_box_content h1
{
	float:left;
	clear:left;
	position:relative;
	top:-5px;
	margin:0;
	padding-left:10px;
}
div.login_box_content p
{
	margin:0;
}
div.login_box_content p.links
{
	position:relative;
	top:-10px;
	float:right;
	clear:right;
}
div.login_box_content label
{
	display:block;
	float:left;
	clear:both;
	position:relative;
	top:2px;
	width:95px;
	text-align:right;
	margin:0;
}
div.login_box_content fieldset
{
	border:none;
	width:301px;
	clear:both;
	padding:0;
}
div.login_box_content input
{
	/*float:right;
	clear:right;*/
	/*margin:0 0 10px 0;
	width:190px;*/
	border-left:none;
	border-right:none;
	border-bottom:none;
	border-top:solid 2px #8f8f00;
}
div.login_box_content input.submit
{
	/*float:right;*/
	width:auto;
	margin-right:37px;
	background:url(../images/login/login_box_submit.gif) top left no-repeat;
	position:relative;
	top:5px;
	border:none;
	font-weight:bold;
	color:#FFFFFF;
	width:60px;
	height:27px;
	cursor: pointer;
}
div.login_box_content div.morelinks
{
	float:left;
	position:relative;
	top:8px;
	padding-left:29px;
}
div.login_box_content div.clearer
{
	width:301px;
	height:0;
	font-size:0;
	clear:both;
}
img.button_small
{
	vertical-align:-20%;
}

div.centerText
{
	text-align:center;
}

div.welcome_text
{
	background:url(../images/login/welcome_text.gif) center no-repeat;
	height:70px;
	width:100%;
	text-align: center;
	padding: 10px 0;
}

/* end of new login page styles */

div.divResources table
{
	margin: 0 0 0 10px;
}

div.resourceWarning
{
	margin: 10px 0 0 0;
	color: Red;
}


div.homePageOptions
{
	left: 140px;
	width: 355px;
	position: relative;
}

/* for the register page, top right */
.boxoutParent
{
	vertical-align: top;
}

.boxout
{
	border: 1px solid #7F99B2;
	padding: 2px;
}

.boxout h3
{
	margin: 0 0 0.5em 0;
	padding: 0;
}

.boxout p
{
	margin: 0 0 0.5em 0;
	padding: 0;
}


/*Go Science styles that need to be hidden*/

	#goscience_login
	{
		display:none;
		height: 0;
	}

	#goscience_footer
	{
		display:none;
		height: 0;
	}
	
	.bottom_curve
	{
		display:none;
		height: 0;
	}
/*start accesibility jumplinks css*/

ul.offset-ex {
  position : absolute;
  top : -9000px;
  left : -9000px;
  z-index :500;
}

ul.offset-ex a:focus, ul.offset-ex a:active {
  /*position : absolute;
  top : 8990px;
  left : 8960px; 
  display : block;
  padding : 100px 40px 100px 48px;
  width : 10em;
  z-index : 500;
  font-size : .8em;
  font-weight : bold;
  border : 2px outset #000;
  background-color : white;*/
  background-color:#FFFFA3;
border:1px solid #000000;
color:#000000;
display:block;
font-size:0.8em;
font-weight:bold;
left:9011px;
padding:1px 4px 1px 0;
position:absolute;
top:9000px;
width:20em;
z-index:9;
}  





/*ul.offset-ex a:active {
  top : 9000px;
}*/