body {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
 margin: 5;
 line-height : 1.4em;
 }
 p {
	font-size: 1.0em;
	padding-bottom : 0;
	/*padding-left : 5;
	padding-right : 5;*/
	padding-top : 0;
	line-height : 1.4em;
}

.small{
	font-size: 0.8em;
}

CODE {
	font-size: 1.2em;
	line-height : 1.4em;
}

.aboutsite{
	font-size: 0.8em;
	float : right;
}

td.small{
	font-size: 0.8em;
}
table.main{


	border : 1px dashed #FF9900;

}
td.main{
	border-left : 1px dashed #FF9900;
	border-right : 1px dashed #FF9900;
	border-bottom : 1px dashed #FF9900;

}

.tocpad{
	padding-left: 40px;
}

.backtop{
	text-align : right;
	font-size: 0.8em;
	margin : 5px 0px 5px 0px;
}	

#main{
	line-height : 1.4em;
	padding: 5px;
}
p.quick{
	color : White;
	margin-bottom : 0px;
	font-weight: bold;

}
p.refshelf{
	color : White;
	margin-bottom : 0px;
	font-weight: bold;

}
 table {
 font-size: 1.0em;
 }
 h1 {
 font-size: 2.0em;
 }
 h2 {
 font-size: 1.75em;
 line-height: 1.4em;
 }
 h3 {
	margin: 2px 0px 5px 0px;
	font-size: 1.5em;
	color: #CC3333;
}
 h4 {
	font-size: 1.25em;
	color: #CC3333;
}

.ref{
	font-size: 1.25em;
	font-weight: bold;
	color: #FFF;
}

 h5 {
 font-size: 1em;
 }
 h6 {
 font-size: 0.75em;
 }

.skiplink 
{
	display:none
	}
 
 
a:link, a:visited {
	color: #CC3333;
	text-decoration: underline;
}

a:hover, a:active {
	color: #FFF;
	background-color: #CC3333;
	text-decoration: underline;
}


 #navcontainer {
	width: 150px;
}

#navcontainer ul
{
	margin-left: 0;
	padding-left: 0px;
	list-style-type: none;
	margin-bottom: 15px;
}

#navcontainer a
{
	display: block;
	width: 150px;
	background-color: #FF9900;
	/*border-bottom: 3px solid #9293E5;
	*/
	font-weight: bold;
	text-decoration : underline;
	padding-bottom : 3px;
	padding-top: 3px;
	padding-left : 0px;
	padding-right : 0px;
	margin-bottom: 3px;
	
}

#navcontainer a:link, #navlist a:visited
{
	color: #000;
	text-decoration : underline;
font-weight: bold;

}

#navcontainer a:hover
{
background-color: #CC3333;
color: #fff;
	text-decoration : underline;
font-weight: bold;
}

#navcontainer #marker{
	background-color: #CC3333;
color: #fff;
	text-decoration : none;
font-weight: bold;
	
}





.gobutton {
	color: #fff;
	text-decoration: none;
	background-color: #CC3333;
	border: 1px solid #FFF;
	font-weight: bold;
	font-size: 11px;
	text-align:center;
	padding: 2px 2px 2px 2px;
	margin: 2px 0px 2px 0px;
	font-family: Verdana, Helvetica, Ariel, sans-serif;
	width: 25px;
	height: 22px;
}
.gobutton2 {
	color: #fff;
	text-decoration: none;
	background-color: #CC3333;
	border: 1px solid #9293E5;
	font-weight: bold;
	font-size: 11px;
	text-align:center;
	padding: 2px 2px 2px 2px;
	margin: 2px 0px 2px 0px;
	font-family: Verdana, Helvetica, Ariel, sans-serif;
	width: 25px;
	height: 22px;
}

.button {
	color: #fff;
	text-decoration: none;
	background-color: #CC3333;
	border: 1px solid #9293E5;
	font-weight: bold;
	font-size: 11px;
	text-align:center;
	padding: 2px 2px 2px 2px;
	margin: 2px 0px 2px 0px;
	font-family: Verdana, Helvetica, Ariel, sans-serif;

}

.srchbutton {
	color: #fff;
	text-decoration: none;
	background-color: #CC3333;
	border: 1px solid #9293E5;
	font-weight: bold;
	font-size: 1em;
	text-align:center;
	padding: 2px 2px 2px 2px;
	margin: 2px 0px 2px 0px;
	font-family: Verdana, Helvetica, Ariel, sans-serif;
	width: 55px;
	height: 22px;
}

hr  {
	border:0;
	color: #FF9900;
	background-color: #FF9900;
	height:1px;
	
}
hr.dotted{
border: 0 dotted;
	color: #FFC66E;
	background-color: #FFC66E;
	height:1px;

}


.footer{
	font-size: 0.8em;
	margin-left:5px;
}
.footer2{
	font-size: 1em;
	margin-left:5px;
	margin-top: 3px;
}

FORM {
	margin: 0 0 0 0;
}

.authorimage {
	padding:1px;
	border: 2px #9293E5 solid;

}


.authorlink {  padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px}

ul.main {
    list-style: square url(../images/bullet.gif);
	font-size: 1.0em;
	line-height: 1.6em;
	margin-top: 3px;
    padding-top: 0;
	margin-bottom: 0px;
    padding-bottom: 0;
}	
#main ul li {
	list-style: square url(/images/bullet.gif);
	font-size: 1.0em;
	line-height: 1.6em;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left : 5px;
	padding-right : 5px;
}

dt {
	padding-top: 5px;
	padding-bottom: 5px;
}

#skip a {
position: absolute;
overflow: hidden;
width: 1px;
height: 1px;
}
 
#skip a:active, #skip a:focus {
position: absolute;
overflow: visible;
width: auto;
height: auto;
background-color: #fff;
color: #f0f;
top: 5px;
left: 5px;
padding: 5px;
border: 2px solid #09c;
font-weight: bold;
}

OL {
	font-size: 1.0em;
	line-height: 1.6em;
}

/*study page inline image style*/

#studyimage {
	padding:5px;
	border: 2px #9293E5 solid;
	font-size: 0.8em;
	float : right;
	width : 300px;
	margin: 5px;
	text-align: center;
}

#studyimage p{
	padding:5px;
}

#studyimage img {

	/*width: 300px;*/
}

.introhidden {display:none}
.introshown {display:inline}

.folens {
 font-family: arial, sans-serif;
 font-size: 1.2em;
 }

 #spellingsuggestions {
	line-height: 2em;
	}
	
	#spellingsuggestions .button {
	vertical-align: text-top;
	margin: 0;
	}
	
	#spellingsuggestions form {
	margin: 0;
	padding: 0;
	}
	
	#spellingsuggestions select {
	vertical-align: text-top;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
	.button {
	margin: 0 0 0 0;
}
	
#thumb {
	float: left;
	padding: 0px 10px 0px 0px;
	border: 0px;
}
#thumbspace {
	padding-bottom: 80px;
}

.currentToc {
	background: #D3D3F5;	
}

.thumbresult{
	padding-left: 25px;
	float: right;
	margin: -55px 5px 5px 25px;
}
.thumbresult{
	border: 0;
}
.thumbtextresult{

	width: 440px;
}

/* cross product dictionary style */
#dictionary dl {
 margin: 10px 0;
 padding: 5px 0;
 border-bottom: 1px solid #ccc;
 }
 
 #dictionary dl dt, #dictionary dl p {
 margin: 0;
 padding: 0 0 0 15px;
 background: url(/images/dbullet.gif) no-repeat 0 50%;
 color: #CC3333;
 }
 #dictionary .pubdetails {
		position: relative;
		width: 100%;
		border-bottom: 1px solid #FF9900;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}
	
	#dictionary .helplinks {
	position: absolute;
	top: 0;
	right: 5px;
	}

/*This is the one that IE doesn't pick up (p + p) but once the data work has been done it will get the dd */

 #dictionary dl dd, #dictionary dl p + p {
 margin: 5px 0 5px 15px;
 padding: 0;
 background: none;
 color: #000;
 }
 /* cross product dictionary style end */
 
 /* homepage panels UK and FE */
 #interviewthumb img{
	float: right;
	margin: 15px 10px 10px 8px;
	border:0;
	}
#classkitpanel{
	border: solid 1px #CC3333;
	clear: right;
}	
#classkitpanel img{
	float: left;
	margin: 0 8px 10px 5px;
	border:0;
}	
 /* homepage panels UK and FE end */
 
 /* classkit styles */
 #class-actflyout {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 5px;
BACKGROUND: #EBF2FA;
FLOAT: right;
MARGIN: 10px 0px 10px 10px;
WIDTH: 210px;
PADDING-TOP: 10px;
}
#class-actflyout img {
float: left;
margin: 0 10px 10px 0;
}

#classkitindex h4{
	height:25px;
	background-color: #FF9900;
	color: #000000;
	border-bottom: 1px solid #CC3333;
	padding: 5px;	
}

#annotecontent p, #compcontent p, #randomcontent p, #quotecontent p, #dresscontent p, #bankcontent p{
	margin-left: 10px;
	margin-top: -10px;
}

#hideopts, #showopts, .hideopts, .showopts {
	font-size: x-small;
	display: inline;
	font-weight: normal;
	}

#showopts, .showopts {
	display: none;
	}
	
h4 .hideopts, h4 .showopts {
	float: right;
	margin: -15px 10px 0 0;
	}
/* classkit styles end */

 /* KnowledgeNote styles start */
#knote{
	padding: 5px;
	width: 588px;
	border: dashed 1px #FF9900;
}
#knote ul li{
	list-style-type: square;
	color: #000;
	margin-left: 20px;
	padding-left: 5px;
	line-height: 1.4em;
}
#knote h2{
	font-size: 1.4em;
	color: Black;
}
.knote_header{
	margin: 1em 0 1em 0;
	padding: 5px;
	background-color: #9293E5;
	border: 1px solid #009999;
	color: Black;
}
.knote_header2{
	width: 385px;
	margin: 1em 0 1em 182px;
	padding: 5px;
	background-color: #9293E5;
	border: 1px solid #009999;
	color: Black;

}




#knote_keyquestions{
	padding: 5px;
	border: 1px dashed #C7DCEF;
}

#knote_contents{
	float: left;
	margin: 0 0.5em 0.5em 0;
	padding: 0px;
	border-left: 1px solid #009999;
	border-right: 1px solid #009999;
	border-bottom: 1px solid #009999;
	width: 178px;
}
#knote_contents ul{
	list-style: none;
	margin: 0;
	padding: 4px;
}
#knote_contents ul li{
	margin-left: 0px;
	margin-bottom: 4px;
	list-style: none;
}
#knote_contents h3{
	margin: 0;
	padding: 5px;
	background-color: #9293E5;
	border-bottom: 1px solid #009999;
	border-top: 1px solid #009999;
	color: Black;
}

.knote_highlight{
		background-color: #FF9900;
		padding:5px;
		margin-bottom: 10px;
	}
	.call {
		clear: both;
	}
/* KnowledgeNote styles end */

/* LoR and ToC nav styles */
#browsenavbar, #backtolink {  
	border-bottom: dashed 1px #FF9900;  
	padding: 3px 0 10px 3px;  
	margin: 0 0 10px 0;  
	position: relative;  
	width: 594px; 
}  
#browsenavbar a, #backtolink a {  
	margin: 0;  
	padding: 0; 
	}  
#toclorfunc {  
	position: absolute;  
	right: 3px;  
	top: 3px; 
}
/* LoR and ToC nav styles end */

/* function btn style */
#ftfunc {
	float: right;
	margin-left: 15px;

	}
	
	#ftfunc img {
	margin-bottom: 5px;
	}
	#ftfunc A:hover{
	background-color: #FFFFFF;
}
/* function btn style end */

/* START classes for I Lessons - Resource Bank */
#resourcebank {
margin: 5px;
}

#resourcebank h1 {
background: #CC3333;
color: #fff;
padding: 10px;
margin-bottom: 10px;
}

#resourcebank h2 {
margin: 0 0 15px 0;
}

#resourcebank .thumbholder {
float: left;
width: 152px;
height: 200px;
margin: 0 1em 1em 0;
border: 1px solid #5F7730;
text-align: left;
background: #C9C9F2;
padding: 5px;
}

#resourcebank .thumbholder p {
font-size: 0.8em;	
}

#resourcebank img {
border: 1px solid #025050;
}

#resourcebank .resourcebankFooter p, #resourcebank .copyright {
font-size: 0.8em;
}

#resourcebank .copyright {
margin: 0;
padding: 10px 0 10px 0;
}

#resourcebank .resourcebankFooter {
clear: left;
border-top: 1px solid #066;
padding: 10px 0 5px;
}
/* FINISH classes for I Lessons - Resource bank */

/*START class for Class Kits - Image Bank */

#resourcebank .ClassKitThumbholder {
float: left;
width: 152px;
height: 200px;
margin: 0 1em 1em 0;
border: 1px solid #B39D8F;
text-align: center;
background: #DFDFF8;
padding: 5px;
}

#resourcebank .ClassKitThumbholder p {
font-size: 0.8em;	
}
.resourcelink{
	color: #ffffff;
	font-weight: bold;
	float: right;
	padding: 5px 10px 5px 5px;
	/*font-size: 0.6em;*/
	margin-top: -40px;
	margin-right: 5px;
}
.resourcelink a:link{
	color: #ffffff;
}

.resourcelink a:visited{
	color: #ffffff;
}	
.resourcelink a:active{
	color: #ffffff;
}
.resourcelink a:hover{
	background-color: #ffffff;
	color: #CC3333;
	}
/*FINISH class for Class Kits - Image Bank  */

#videoLinks {
	padding-top: 5px;
	padding-bottom: 5px;  
}

/* us author list styles */	
.authorListing li {
	margin-bottom: 15px;
}

.authorContent {
	font-size: 0.8em;
	padding-bottom: 20px;
}
/* us author list styles end*/

.hit {	
	font-weight: bolder;
	color: #7576E1;
}
.table1 {
	width: 590px;
}
/*LoR Summary styles*/
.lorkeyword {
  background: #FFDDDD;
  font-weight: bold;
  cursor: default;
 }
 
 .lortitle {
  background: #DFFFDF;
  font-weight: bold;
  cursor: default;
 }
 
 .lorauthor {
  background: #FFFFAE;
  font-weight: bold;
  cursor: default;
 }
#searchquery {
  position: relative;
  margin: 0 0 10px 0;
 }
#searchquery .refinesearchlink {
  position: absolute;
  top: -2.2em;
  right: 0;
  padding: 0;
  margin: 0;
  text-align: right;
  width: 570px;
 }
 *html #searchquery .refinesearchlink {
 	right: 10px; /*for IE 5*/
	r/ight: 0; /*for IE 6*/
 }

/*LoR Summary styles end*/

/*My Archive style start*/
.myarchiveform {
		background: #F0F0FC;
		border: 2px solid #9cf;
		padding: 5px 5px 4.5em 5px;
		margin: 10px 0;
		float: left;

	}
	
	.myarchiveform form {
    margin: 0;
    padding: 5px;
    width: 300px;
	 float: left;
	}
	
	.myarchiveform form div {
	padding: 2px 0 5px;
	}

	.myarchiveform .field {
	width: 9em;
	margin: 0 10px 0 0;
	}
	
	.myarchiveform label span {
    clear: left;
    float: left;
    font-weight: bold;
    width: 6.5em;
	 cursor: default;
	}
	
	.myarchiveform .secondline label span {
		margin-top: 5px;
	}
	
	.myarchiveform .submit {
	margin: 0;
	}
	
	#mafolder {
	padding: 5px;
	margin: 0 0 5px;
	background: #F0F0FC;
	}
	
	#mafolder h2 {
		margin: 5px 0;
	}
	
	#mafolder h5 {
		border-bottom: 1px solid #FF9900;
		border-top: 1px solid #FF9900;
		margin: 5px;
		padding: 2px;
		color: #000;
		background: #FF9900;
		font-weight: bold;
		/*font-size: small;*/
	}
	
	#mafolder #maheader {
		position: relative;
	}
	
	#mafolder #maheader div {
		position: absolute;
		right: 10px;
		top: 0;
		/*font-size: small;*/
		font-weight: normal;
	}
	
	#mafolder .maitem {
		margin: 0 5px 0 5px;
		padding: 0 5px 5px 5px;
		position: relative;
		width: 555px;
		line-height: 1.3em;
		font-weight: normal;
		/*font-size: small;*/
	}
	
	#mafolder .maitem .maitemdetail {
		width: 510px;
		padding: 0;
		margin: 0;
	}
	#mafolder .maitem .maitemdetail a {
		font-weight: bold;
	}
	
	#mafolder .maitemnotes {
		border-top: 1px dashed #fff;
		border-bottom: 1px solid #fff;
		padding: 2px 0 3px 0;
		margin: 3px 10px 10px 10px;
		font-size: x-small;
		font-weight: normal;
		height: expression('25px');
		min-height: 25px;
	}
	
	#mafolder .maitemnotes .noteicon {
		float: left;
	}
	
	#mafolder .maitemnotes img {
		margin: 2px 5px 5px 0;
	}
	
	#mafolder .maitem .maitemfunc {
		position: absolute;
		right: 0;
		top: 0;
	}
	
/*My Archive style end*/

.nobullet ul, li{
	list-style: none;
}

#authorHL {
	border: dashed 1px #ff9900;
}

.morelink {
	border-bottom: dashed 1px #ff9900;
	/*width: 570px;*/
	padding-bottom: 5px;
	margin-bottom:5px;
}