@charset "utf-8";
/* specific treatment of links to overcome browser defaults */
a:link, a:visited{color:blue;text-decoration:none;}
a:hover{color: #990000;}
a:focus{outline:none;}
/* default vertical scroll-bar on all pages */
html{overflow:auto;outline:none;}

/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
body {
font:100% Verdana, Arial, Helvetica, sans-serif;
background:#666666;
margin:0;
padding:0;
text-align:center; 
color: #000000;}
/* container for all pages */
/* the auto margins (in conjunction with a width) center the page */
.container {
width:55em;
min-height:40em;
background:#FFFFFF;
margin:0 auto;
padding:0;
border:1px solid gray;
text-align:left; /* this overrides the text-align: center on the body element. */
}
/* styles for banner */
.header { 
height:7em;
background-color:#6C60F2;
border-bottom:solid 1px #999;
}
/* left column for logo */
.hleft{
float: left;
padding:5px 0;
width: 40%; /* since this element is floated, a width must be given */
}
/* right column for strapline and menu */
.hright{
float:right;
width:60%; /* since this element is floated, a width must be given lcol+rcol = 100%*/
margin:0px; /* to prevent column overlap */
}
.hright #strapline{
padding:0 8% 0 42%;
font-size:220%;
color:white; 
}
/* menu in banner */
.hright #menu{
padding:0 8% 0 0;
font-size:90%;
display:block;
list-style:none;
}
.hright #menu ul{
padding:0;
margin:0;
}
.hright #menu li{
list-style:none;
float:right;
}
.hright #menu li a{
color:white;
padding-left:10px;
padding-right:10px;
text-decoration:none;
}
.hright #menu a:hover{color: red;}
.hright #menu #here{color:#F00;}

/* drop-down menus */
.sddm div{
height:1.2em;
position:relative;
left:10px;
top:1px;
visibility:hidden;
}
.sddm div a{
position:relative;
display:block;
text-align:left;
padding:1px 0 0 0;
margin:0;
/*width:auto;*/
text-decoration:none;
color:black;
font-size:90%;
}
.sddm li a{text-align:left;}
.hright .sddm div a:hover{color:red;}
/* -- end of banner styles -- */


/* -- introduction to manuscript -- */
#manintro {
display: block;
}

.dummy{height:40em;}

/* --- oneCol spec ------- */
.mainContent{
padding:0 7% 0 7%; 
font:Verdana; 
line-height:1.4em; 
font-size:80%; 
text-align:justify; 
background-color:#FFFFFF; 
}
.mainContent h1{font-size:140%;}
.mainContent h2{font-size:120%;}
.mainContent h3{font-size:100%;}
.mainContent h4{font-size:90%;}
.mainContent #div1{padding-bottom:5px;}
.mainContent .red{color:red;}
.mainContent .blue{color:blue;}

.mainContent #topping { 
position: absolute;
width: 780px;
top: -200px;
}

#citation p{
margin-left:50px;
margin-right:50px;
text-align:left;
}
/* styles for film and filmmaker lists */
.mainDetail{font: 100% Verdana, Geneva, sans-serif;}
.ListContainer
{
background-color:#ecf0fc;
border:1px solid gray;
width:35%;
float:left;
height:35em;
overflow:auto;
}
.Column #div2
{
text-align:left;
font-size:90%;
cursor:pointer;
list-style:none;
margin:0;
padding:10px;}
.Column span:hover{background-color: #A9A9A9;}
.mainDetail .DetailContainer
{
text-align:left;
padding:10px;
width:60%;
float: right;
min-height:35em;
}
.mainDetail .DetailContainer a{cursor: pointer;}
.mainDetail .DetailColumn{margin-bottom: 1px;}
.load {background: url('/Images/load.gif') no-repeat center;}


.footnote {  
font-size: 9px; 
color: #336699; 
vertical-align: text-top; 
font-weight: bold
}
.figleft{float:left;margin-right:1em;}
.figright{float:right;margin-left:1em;margin-bottom:2px;}

.cleft{clear:left;}

.warning{color: red;}
.msgsent{height:200px;}

.dbix a{
	margin-left: 600px;
	text-decoration: none;
	cursor: pointer;
}
.pageref {
	font-size: 120%;
	color: black;
	padding-left: 180px;
	padding-top: -100px;
}

/* --- styles for manuscript index --- */
.ixtab {
border:0;
width:350px;
text-align:left;
padding-top:20px;
text-decoration:none;
cursor:pointer;
}
/* to deal with IE bug, have to have a class for each index entry colour */
.ixtab .yet{
color:blue;
}
.ixtab .notyet {
color: grey;
}
.ixtab .new {
color: red;
}
.sm {
display:none;
}
.ex1 {
display:inline;
padding-left:15px;
}
.noex1 {
display:inline;
padding-left:25px;
}
.ex2 {
display:inline;
padding-left:25px;
}
.exex2 {
display:inline;
padding-left:10px;
}
.noex2 {
display:inline;
padding-left:45px;
}
.ex3 {
display:inline;
padding-left:30px;
}
.noex3 {
display:inline;
padding-left:60px;
}
/* -- styles for manuscript sections -- */
.secban {
padding-left:400px;
color:blue;
}
.mo{
color:blue;
}
.le{
color:red;
}
.note{
display: none;
color: black;
border-bottom:1px solid #CCC;
border-top:1px solid #CCC;
}
.gloss{
background-color:#CFC
}
.gtxt{
display:none;
	font-size: 90%;
	background-color:#FFC;
	padding: 5px;
	position: absolute;
	left:280px;
	width: 450px;
	border: solid 1px black
}

/* ----- footer styles --------- */
.footer {
clear:both;
position:relative;
margin:0; /* zeroing the margins of the first element in the footer avoids margin collapse - a space between divs */
padding:0px 0 1px 0;
font-size:80%;
background:lightgrey;
border-top:1px solid gray;
text-align:left;
} 
.option{display:inline;}
.optionfirst{display:inline;padding-left:0px;}
.optionnext{display:inline;padding-left:50px;}
.optionlast{display:inline;padding-left:60px;}

/* for goto top icon if used */
.toppage {
padding-left: 40px;
border: 0;
}
.smalltext {  
padding-left: 10px;
position: relative;
top: -10px;
font-size: 75%; 
}
/* ----- end of footer ---- */