/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */

body {
	margin: 0;
	padding-bottom: 2em;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 2px solid #3210B5;
}

/* Header Section */

#header {
	border-top: 3px solid #3210B5;
	border-bottom: 1px dotted #3210B5;
	height: 4.0em;
}
#header .title {
	font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: left;
	clear:right;
	margin-right: 0.7em;
	margin-top: 0.1em;
	margin-left: .8em;
}
#header .breadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}

#header a:link, a:visited  {
	color: #3210B5;
}

/* Navigation */

#navigation {
	width: 170px;
	top: 6em;
	left: 1em;
	width: 13em;	
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	/* border-bottom: 1px solid #9F9FED;*/
}
#navigation li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #151571;
	border-right: 1px solid #151571;
	background-color: #3210B5;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #151571;
	color: #FFFFFF;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #151571;
	margin:0;
	background-color: #9F9FED;
	color: #711515;
}
#navigation ul ul a:link
{
	background-color: #9F9FED;
	color: #151571;

}
#navigation ul ul a:visited, #navigation ul ul a:hover {
	background-color: #9F9FED;
	color: #151571;
}

/* Main Content */


#content 
{
	margin-top:0em;
	margin-left: 14em;
	margin-right: 2em;
}

h1 {
	font: 150%, Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}
h2 
{
	margin-top:1pt;
	font: 130%, Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	}
h3 
{
	margin-top:1pt;
	font: 12px, Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
h4 {
	margin-top:1pt;
	font: 10px, Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}



#content p {
	font-size: 80%;
	line-height: 1.3em; 
}

#content ul {
	font-size: 80%;
	line-height: 1.6em; 
}


/* Data Web Control Styles */










ol
{
	font-family: Verdana;
	font-size: 8pt;
}

input
{
	font-family: Verdana;
	font-size: 8pt;
}

label
{
	font-family: Verdana;
	font-size: 8pt;
}
#lblOptions
{
    float:left;
    clear:right;
}
li
{
	font-family: Verdana;
	font-size: 8pt;
	margin-top: 2px;
}

li.forsale
{
	font-family: Verdana;
	font-size: 10pt;
	width:550px;
    margin-top: 0px;
}











.actions
{
    background-color:#eeffff;
    border-style:solid;
    border-color:#eeeeee;
    border-width:thin;
    vertical-align:top;
    margin-top:5px;
}
.AddDocumentHelp
{
    font-family:Verdana;
    font-size:0.7em;
}
.AddItemLabel
{
	margin-top:1pt;
	margin-left:7px;
	margin-right:23px;
	font-family: Verdana;
	font-size: 9pt;
	color:Blue;
}
.AddPanel
{
    background-color:#eeFFFF;
    border-style:solid;
    border-width:thin;
    width:463px;
    margin-bottom:5px;
}
.AlternatingRowStyle
{
    background-color: #fcc;
}
.ApplyAction
{
    margin-left:5px;
    margin-top:12px;
    height:22px;
    font-family:Tahoma;
    font-size:11px;
    clear:none;
}
.authors
{
    color: #3210b5;
    font-size: 0.7em;
    font-family: Verdana;
    float:left;
    clear:left;
    margin-top:3px;
}
.bannerimage
{
    width:70px;
    height:50px;
    float:left;
    margin-top:0.5em;
    margin-right:20px;
}
.bannertitle
{
    margin-top:0.5em;
    float:left;
}
.BookAction
{
    font-family: Tahoma;
    font-size: 0.7em;
    color: #000066;
    cursor:pointer;
}
.BookName
{
    font-family: Tahoma;
    font-weight:bold;
    font-size: 0.8em;
    color: #000066;
    margin-top:2px;
    cursor:pointer;
}
.BookOptions
{
    float:left;
    clear:right;
}
.bookStatus
{
    width:50px;
    vertical-align:middle;
}
.BookTable
{
    margin-top:19px;
    border-style:solid;
    border-width:thin;
    border-color:#ccccff;
}
.BookTableRow
{
    border-bottom-style:solid;
    border-bottom-width:thin;
    border-bottom-color:#ccf;
    margin-top:2px;
}
.BookTitle
{
    font-family: Tahoma;
    font-size: 1.0em;
    color: #000066;
}
.button {}
.buttoncopy
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    margin-top:0px;
    background-color:#88f;
    margin-left:3px;
    height: 17px;
}
.buttonarea
{
	clear:left;
	margin-top:20px;
	float:left;

}
.buttons
{
    float:left;
    clear:both;
}
.ChapterButton
{
    clear:none;
    font-family:Verdana;
    font-size:0.8em;
}
#chkBook
{
    vertical-align:top;
    margin-top:2px;
}
#chkOrganise
{
    font-family:Arial;
    font-size:10pt;
}

.chkTandC
{
    float:left;
    clear:left;
    margin-top:10px;
}
.ContentDisplayInvisible
{
    display:none;
}
.ContentDisplayVisible
{
    display:block;
}
.ContentRepeater
{
    margin-top:0px;
}
.contents
{
    border-style:none;
    vertical-align:top;
    margin-left: 40px;
    width:5%;
}
.ContentsLabel
{
    font-family: Tahoma;
    font-size: 0.9em;
    color: #000066;  
    margin-top:0px;
    margin-bottom:3px; 
    margin-left:0px; 
}
.contentsOrganising
{
    border-color:Red;
    border-style:solid;
    border-width:2px;
}
.ContentsRoot
{
    font-size:1.0em;
    color:#303066;
}
.contenttop
{
    margin-top:0.8em;
    margin-bottom:0.8em; 
    float:left;
    clear:right;   
}
.Controls1
{
    height:40px;
    vertical-align:top;
}
.Controls2
{
    height:40px;
    vertical-align:top;
}
.controls
{
    float:left;
    clear:none;
    border-style:none;
}
.createButton
{
    float:left;
    clear:left;
}
.CSSExplore
{
    width:250px;
    float:left;
    clear:none;
    margin-top:12px;
}
.CSSCheck
{
    float:left;
    clear:none;
}
.CSSFile
{
    float:left;
    clear:right;
}
.CSSHeader
{
    font-family: Tahoma;
    font-size: 0.9em;
    color: #000066;  
    margin-bottom:10px; 
    margin-top:15px;
    margin-left:0px; 
    float:left;
}
.CSSText
{
    width:450px;
    height:350px;
}
.CSSView
{
    float:left;
    clear:right;
    width:150px;
}
.dataitem
{
	margin-top: 5px;
	float: left;
}
.dataitemlist
{
	float: left;
}
.dataItemText
{
	font-family: Verdana;
	font-size: 10pt;
}
.DataWebControlStyle
{
	font-family: Verdana;
	font-size: 8pt;
}
.DocumentActions
{
    float:left;
    clear:none;
    font-family:Verdana;
    font-size:11px;
    width:102px;
    height:20px;
    margin-top:12px;
    margin-bottom:10px;
    margin-right:0px;
    margin-left:5px;
}
.dotXML
{
    float:left;
    clear:right;
    font-family:Verdana;
    font-size:0.8em;
    color:#000066;
}
/*
.drag
{
  z-index: 100;
  position:absolute;
  opacity: .50;
  background-color:#ddffdd;
  border:0px;
  filter: alpha(opacity=50);
}
.drag, .list
{
  width: 280px;
  height: 20px;
}
*/
.editarea 
{
 clear:none;   
 margin-top:0px;
}
.editing
{
    float:left;
    clear:right;
    margin-left:20px;

}
.epubUpload
{
    float:left;
    clear:none;
}
.formula
{
	margin-top:5px;
	margin-bottom:5px;
	margin:5px, 0px, 5px, 15px;
}
.forsale
{
    font-family:Verdana;
    font-size:12pt;
    width:600px;
    line-height:1.1em;
    padding-top:5px;
}
.forsale1
{
    font-family:Verdana;
    font-size:15pt;
    font-weight:bold;
    color: Red;
    width:600px;
    margin-top:50px;
    margin-bottom:50px;
}
.forsale2
{
    font-family:Verdana;
    font-size:10pt;
    font-weight:bold;
    color: #ff2222;
    width:600px;
    margin-top:50px;
    margin-bottom:50px;
}
.forsale3
{
    font-family:Verdana;
    font-size:10pt;
    font-weight:bold;
    color: #ff2222;
    float:right;
    margin-top: 10px;
    margin-bottom: 10px;
}
.forsale4
{
    float:right;
}
.forsale5
{
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
    color: #ff8888;
    float:right;
    clear:none;
}
.forsale6
{
    margin-left:3px;    
}
.forsale7
{
    margin-left:3px;   
    border: none ;
    font-family:Verdana;
    font-size:8pt;
    font-weight:bold;
    text-decoration:underline;
    color: #ff8888;     
}
.forsale8
{
    font-family:Verdana;
    font-size:12pt;
    width:600px;

}
.ForSalePanel
{
    border-width: 2px;
    border-color: Red;
    border-style:solid;
    margin:5 5 5 0;
    width:600px;
    padding: 0px 10px 15px 10px;  
}
.genericFloatLeft1
{
    float:left;
    clear:right;
}
.genericFloatLeft2
{
    float:left;
    clear:left;
}
.HeaderStyle
{
    background-color: #900;
    color: White;
    font-weight: bold;
}
.HyperlinkUndecorated
{
    text-decoration:none;
}
.Image
{
    border-color:#eff;
    border-width:thin;
    width:120px;
    height:90px;
}
.imageName
{
    font-family: Tahoma;
    font-size: 0.7em;
    color: #000000;
    float:left;
    clear:left;
    text-align:center;
}
.imageTableImage
{
    float:left;
    clear:right;
}
.imageTableRow
{
    border-color:#eff;
    border-width:thin;
}
.instructions
{
	float: right;
	margin-left:10px;
	width:350px;
}
.intro
{
    font-family:Verdana;
    font-size:10pt;
    width:600px;
    margin-top:3px;
}
.introList
{
    font-family:Verdana;
    font-size:8pt;
    color:#3210B5;
    margin-top:0px;
    margin-bottom:0px;
}
.invisible
{
	visibility:hidden;
	position:absolute;
	top:-200px;
}
.LabelledTextBoxLabel
{
    float:left;
    clear:none;
    font-size:8pt;
    color:Blue;
}

.LabelledTextBoxText
{
    font-size:10pt;
}
.list
{
  position:relative;
  z-index: 1;
  top: 0px;
  left: 0px;
  font-weight:normal;
}
.login
{
    margin-top:0.8em;
}
.loginButton
{
    margin-top:10px;
    float:left;
}
.LoginName
{
    color:Blue;
	font-size: 10pt;    
}
.logincontrols
{
	font-family: Verdana;
	font-size: 9pt;
	float:right;
	clear:right;	
	margin-top:18px;
	margin-right:2.4em;
}
.LoginTitleText
{
    float:left;
    margin-bottom:10px;
    color:#006;
    font-size:0.8em;
}
.LoginFailureText
{
    float:left;
    margin-bottom:10px;
    color:red;
    font-size:0.8em;
}
.Media
{
    float:left;
    clear:right;
   /* border:solid thin #eff;*/
    margin-top:20px;
    width:100%;
    height:100%;
}
.MediaControls
{
    width:100%;
    float:left;
    clear:none;
    margin-top:20px;
    margin-right:10px;
    border:solid thin #eff;
}
.MediaTypeDropdown
{
    width:200px;
}
.MenuTable
{
    margin-top:0px;
    margin-bottom:10px;
    margin-left:20px;
    font-family:Verdana;
    font-size:0.8em;
}
.MenuTable td
{
    margin:0 5px 0 5;
}
.message
{
    margin-top:7px;
    margin-bottom:3px;
    color:Red;
    font-size:0.8em;
}
.MetadataAction
{
    width:150px;
}
.MetadataDelete
{
}
.metadataTable
{
    margin-top:0.8em;
}
.NavPosition
{
    margin-top:10px;
}
.NavText
{
    font-size:0.8em;
    color:#2020FF;
    background-color:White;
    border-style:none;
    border:0;
    width:500px;
}
.newBookOption
{
    font-size:9pt;
    font-family:Tahoma;
    height:45px;
    vertical-align:bottom;
    color:#000066;
}
.or
{
    margin: 5px 20px 5px 20px;
    color: #000066;      
}
.organise
{
    float:right;
    font-family:Arial;
    font-size:10px;
    vertical-align:bottom;
}
.OrganiseButton
{
    width:12px;
    border-style:none;
    background-color:White;
}
.organiseMenu
{
    margin-top: 10px;
}
.organiseTable
{
    margin-top: 10px;
}
p.just
{
	text-align: justify;
}
.pageheader
{
    margin-top:3px;
    margin-bottom:0px;
    font-family:Verdana;
    font-size:0.9em;
    color:#3210B5;
}
.product
{
	float: left;
	clear:right;
	margin-right: 0em;
	margin-top: 0.3em;
	margin-left: 1.8em;
}
.rfv
{
    float:right;
}
.RowStyle
{
}
.SaveStyle
{
    margin-left:3px;
    margin-top:12px;
    margin-right:5px;
    height:22px;
    font-family:Tahoma;
    font-size:11px;
    clear:none;
}
.sectionheader
{
    margin-top:1px;
    margin-bottom:0px;
    font-family:Verdana;
    font-size:0.9em;
    color:#3210B5;
}
.SectionName
{
    width: 100%;
}
.SelectAll 
{
    float:left;
    clear:none;
    margin-top:12px;
    margin-left: 0px;
}
.smallLabel
{
	margin-top:1pt;
	font-family: Verdana;
	font-size: 8pt;
}
.spine
{
    float:left;
    clear:both;
}
.StyleCheckBox
{
    text-align:center;
}
.StyleTable
{
    padding:3px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:0px;
    font-family:Verdana;
    font-size:11px;
}
.StyleTable tr
{
    padding:3px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    font-family:Verdana;
    font-size:12px;
    text-align:center;
}.StyleTable td
{
    padding:3px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    font-family:Verdana;
    font-size:11px;
    text-align:center;
}
.subtitle
{
    color:#3210B5;
    font-size:130%;
    float:left;
    clear:right;
}
.tandc
{
    border-style:solid;
    border-width:thin;
    border-color:#ccccff;
    padding:3px;
    margin-top:5px;
    font-family:Verdana;
    font-size:14px;
}
.todoList
{
}
.todoItem
{
}
.todoTable
{
    border-style:solid;
    border-width:thin;
    border-color:#ccccff;
    padding:3px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    font-family:Verdana;
    font-size:11px;
}
.uploadMessage
{
    float:left;
    clear:right;
}
.uploadControls
{
    float:left;
    clear:left;
}
.uploadPanel
{
    float:left;
    clear:none;
}
.validationmessage
{
    margin-top:7px;
    margin-bottom:3px;
    color:Blue;
    font-size:0.8em;
}
.ValidatorMessage
{
    color:Red;
    font-family:Verdana;
    font-size:0.8em;
}
.ValidLabelTextBoxText
{
    border-style:solid;
    border-width:thin;
    border-color:#ccccff;
    padding:3px;
    margin-top:5px;
    font-family:Verdana;
    font-size:12px;
}
.version
{
    float:right;
    clear:left;
	margin-right: 1.5em;
	font-size:0.8em;
}
.visible
{
	visibility:visible;
}
.welcomeheader
{
    margin-top:3px;
    margin-bottom:0px;
    font-family:Verdana;
    font-size:1.0em;
    color:#3210B5;
}
.WizardTitle
{
    font-size:0.9em;
    color:#000066;
    margin-bottom:5px;
}