body
    {
        font: 80%/1.25em Verdana, Arial, Helvetica, sans-serif;
    }
    
    input, select, textarea
	{
		font: 100%/1.25em Verdana, Arial, Helvetica, sans-serif;
	}
	
	html, body, form
	{
		height: 100%;
		padding: 0;
		margin: 0;
	}
    
    img
    {
        border: 0;
    }
        
	h1
	{
		padding-top:0;
		font-size: 150%;
		line-height: 1.5em;
		color: #D9BD00;
	}
	
	h2
	{
		font-size: 125%;
		line-height: 1.25em;
		color: #D9BD00;
	}
	
	a
	{
		color: #7589AE;
	}
	
	.error
	{
		color:Red;
	}
	
	.success
	{
		color:#6BAF27;
	}
	
	span.footnote
	{
		font-size:80%;
		color:#8F8F8F;
	}

    /* Header Styles */    
    #hdr-Top, #hdr-Btm, #mainContent
    {
        width: 960px;
        margin-left:auto;
        margin-right:auto;
    }
    
    #hdr-Top
    {
        height: 100px;
        background: transparent url(../Images/bookachat/headerbg.gif) repeat left top;
    }
    
    #hdr-Btm
    {
        line-height:normal;
    }
    
    #hdr-Top-left
    {
    	margin-top:10px;
        width:327px;
        float:left;
        height: 80px;
    }
    
    #hdr-Top-middle
    {
    	margin-top:1em;
        width:428px;
        float:left;
        text-align:center;
    }
    
    #hdr-Top-middle form
    {
        margin-left:auto;
        margin-right:auto;
        width:355px;
        text-align:left;
    }
    
    #hdr-Top-right
    {
    	margin-top:1em;
        width:205px;
        float:right;
        text-align:left;
    }
    
    #quickLinks
    {
        list-style:none;
        display:block;
        margin:0;
        padding:0;
        width:205px;
        font-size:86%;
    }
    
    #quickLinks li
    {
        float: left;
        margin: 0 0.8ex;
    }
    
    #quickLinks li a
    {
        float: left;
        padding-left:1.8ex;
        display: block;
        border-left: 0.1em solid #B7BFD6;
        font-weight: bold;
    }
    
    #quickLinks li:first-child a 
    { 
        border-left:0;
        padding-left:0;
    }
    
    /* Main Content */
        
	#container
	{
		padding:0;
		margin:0;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		position: relative;
	}
        
    #mainContent
    {
        padding-top:1em;
        padding-bottom: 2.3em;
        margin-bottom:2em;
        position:relative;
    }
    
    #mainContent #main h4
    {
    	display:inline;
    	font-size:100%;
    	color: #7589AE;
    }
    
    #mainContent #main div.tokenPan
    {
    	background: transparent url(../Images/tokens.jpg) no-repeat left top;
    	padding-left:83px;
    }
        
    /* Login Control */
    .login, div.flashObj
    {
        text-align:center;
    }
    
    .AspNet-Login
    {
        margin-left:auto;
        margin-right:auto;
        width:300px;
        text-align:left;
        border: 1px solid #D9BD00;
    }
    
     .AspNet-Login em
    {
    	font-style:normal;
    }
    
    .AspNet-Login div
    {
        margin-top:0.5em;
        margin-bottom:0.5em;
		margin-left:1em;
		margin-right:1em;
    }
    
    div.AspNet-Login-TitlePanel span
    {
    	color:#D9BD00;
    	font-weight:bold;
    	margin-bottom:0.5em;
    }
       
    .AspNet-Login-UserPanel label, .AspNet-Login-PasswordPanel label
    {
        width:12ex;
        display:block;
        float: left;
    }

	div.AspNet-Login-SubmitPanel
    {
    	background-color: #D9BD00;
    	margin:0;
    	padding-top:0.75em;
        padding-bottom:0.75em;
        text-align:center;
    }
    
    .AspNet-ChangePassword label em
    {
      font-style:normal;
    }
    
    div.AspNet-CreateUserWizard-CreateUserButtonPanel a.btn,
    div.AspNet-Login-SubmitPanel a.btn
    {
    	margin-left:auto;
    	margin-right:auto;
    }
        
    div.AspNet-Login-TitlePanel
    {
    	margin-bottom:1em;
    }
    
	div.AspNet-Login-TitlePanel, div.AspNet-Login-SubmitPanel
    {
    	margin-top:1em;
    }
    
    #loginSignup 
    {
    	text-align:center;
    }
    
    #loginSignup .AspNet-CreateUserWizard
    {
    	float:left;
    }
    
    
    
    /* Footer Styles */
    #ftr
    {
        width: 100%;
        background-color: #7589AE;
        text-align:center;
        height:2.2em;
        bottom:0.1em;
		position:absolute;
    }
    
    #ftr span
    {
        line-height:2.2em;
        padding:0 1.5ex;
    }
    
    #ftr a
    {
    	color:#000;
        text-decoration:none;
        font-size:80%;
    }
    
	#ftr span.white
    {
        font-size:80%;
    }
    
    #ftr a:hover
    {
        text-decoration:underline;
    }
    
    #ftr .white
    {
        color:#FFF;
    }
    
    /* Main Navigation Menu */

    #Menu 
    { 
        border-bottom: 3px solid #7589AE;
    } 

    #Menu ul 
    { 
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        text-align: center; 
        margin: 0 0 4px 0; 
    } 

    #Menu li 
    { 
        display: inline;
    } 

    #Menu li a 
    { 
        padding: 5px 10px 5px 10px; 
        margin-right:10px;
        color: #FFF; 
        text-decoration: none; 
        font-weight: bold; 
        background-color: #7589AE;
        border-left:2px solid #B7BFD6;
        border-right:2px solid #B7BFD6;
        border-top:2px solid #B7BFD6;
    } 

    #Menu li.selected a, #Menu li.childSelected a
    {
        background-color: #FFF;
        color:#000;
        border-left:2px solid #7589AE;
        border-right:2px solid #7589AE;
        border-top:2px solid #7589AE;
        border-bottom: 2px solid #fff;
    }
    
	/* Change Password control, Change email control */   
    .AspNet-ChangePassword, .AspNet-DetailsView, .Change-Email
    {
        width:400px;
        text-align:left;
    }
    
    .Change-Email
    {
        padding-bottom:1em;
    }
       
    .AspNet-ChangePassword div, .Change-Email div
    {
        margin-top:0.5em;
        margin-bottom:0.5em;
    }
    
	div.AspNet-ChangePassword-PasswordPanel
    {
    	margin-bottom: 1em;
    }
    
    .AspNet-ChangePassword label, .Change-Email label
    {
        width:23ex;
        display:block;
        float: left;
    }
    
    .AspNet-ChangePassword-SubmitPanel input[value="Cancel"]
    {
    	display:none;
    }
    
    .AspNet-ChangePassword-FailurePanel span
    {
    	color:Red;
    }
    
    /* Gridview controls */
    
    .AspNet-GridView table
    {
    	width: 100%;
		border: 1px solid #A8B6CF;
		border-collapse: collapse;
    }
    
    .AspNet-GridView th
	{
		background: #D9CB70;
		padding: .1em;
		border: 1px solid #A8B6CF;
		text-align: left;
	}
	
	.AspNet-GridView tbody tr td
	{
		background: #F3F7F8;
		padding: .1em;
		border: 1px solid #A8B6CF;
		vertical-align: top;
	}
	
	.AspNet-GridView tbody tr.AspNet-GridView-Alternate td
	{
		background: #fff;
	}
	
	/* My Account Page */
	#myAccount
	{
		width:100%;
		padding-left:20px;
		padding-right:20px;
	}
	
	#myAccount #leftCol
	{
		width: 430px;
		float:left;
		clear:left;
		border-right: 1px solid #A8B6CF;

	}
	
	#myAccount #rightCol
	{
		width: 400px;
		float:left;
		clear:right;
		padding-left:40px;
	}
	
	.AspNet-DetailsView-Name
	{
		display:block;
		float:left;
		width:20ex;
	}
	
	div.AspNet-DetailsView-Data ul li
	{
		margin-bottom: 0.5em;
		margin-top: 0.5em;
	}
	
	/* Sign up Control */
	#signupContainer
	{
		text-align:center;
	}
	
	.AspNet-CreateUserWizard, #signupContainer div.head
	{
		width:500px;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
	}
	
	.AspNet-CreateUserWizard
	{
		border: 1px solid #D9BD00;
		margin-bottom:2em;
	}
	
	.AspNet-CreateUserWizard table.signupTable
	{
		margin:1em;
	}
	
	div.AspNet-CreateUserWizard div.complete
	{
		padding:1em;
	}
	
	.AspNet-CreateUserWizard-CreateUserButtonPanel, #basketContainer div.emptyBasket
	{
		background-color:#D9BD00;
		padding-top:1em;
		padding-bottom:1em;
		text-align:center;
	}
	
	.AspNet-CreateUserWizard span, #entryform span
	{
		visibility:visible !important;
	}

	/* Shopping Basket Controls */
	#basketContainer
	{
		text-align:center;
	}
		
	#basketContainer table td, #basketContainer table th
	{
		text-align:center;
	}
	
	#basketContainer table th
	{
		background-color: #7589AE;
		color:#FFF;
	}
	
	#basketContainer div img
	{
		vertical-align:middle;
	}
	
	#basketContainer div h1
	{
		display:inline;
		padding-left:1ex;
		font-size:110%;
	}
	
	#basketContainer div.emptyBasket, #basketContainer .AspNet-GridView
	{
		margin-top:1em;
		margin-bottom:1em;
	}
	
	#basketContainer span
	{
		line-height: 2em;
	}
	
	#basketContainer span.totalCost
	{
		border: 1px solid #000;
		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 2px;
		padding-left: 40px;
		margin-left: 5px;
	}
	
	/* Homepage styles */
	#mainContent #main
	{
		width:660px;
		float:left;
	}
	
	#mainContent #main h3
	{
		font-size: 100%;
	}
	
	#mainContent #sidebar
	{
		width:288px;
		float:right;
	}
	
	.sidebox
	{
		border: 1px solid #D9BD00;
		background-color:#F8F1D9;
		margin-bottom:1em;
	}
	
	.sidebox.blue
	{
		border: 1px solid #6F8DAF;
		background-color:#DFE4ED;
	}
	
	.sidebox h3
	{
		background-color:#D9BD00;
		color:#FFF;
		margin:0;
		font-size: 100%;
		padding: 8px;
	}
	
	.sidebox .Latest-Blog-Entry h3
	{
		background-color:Transparent;
	}
	
	.sidebox.blue h3
	{
		background-color:#6F8DAF;
	}
	
	.sidebox div
	{
		padding:8px;
		text-align:center;
	}
	
	.sidebox p
	{
		margin-top:0;
		margin-bottom:0.75em;
		text-align:left;
	}
	
	/* Blog styles */
	#addblog
	{
		width: 600px;
		margin-left:auto;
        margin-right:auto;
	}
	
	#entryform
	{
		border: 1px solid #D9BD00;
		background-color:#F8F1D9;
        padding:8px;
	}
	
	#entryform div.field
	{
		margin-top:0.5em;
		margin-bottom:0.5em;
	}

	#entryform label
	{
		display:block;
		float:left;	
		width:170px;
	}
	
	#entryform input
	{
		width: 366px;
	}
	
	#entryform .Submit-Panel
	{
		text-align:center;
	}
	
	#entryform .Submit-Panel input
	{
		width:150px;
	}
	
	.Latest-Blog-Entry
	{
		margin-top: 1em;
		border-top: 1px dashed #D9BD00;
	}
	
	div.simple .Latest-Blog-Entry
	{
		margin-top: 0;
		border-top: 0;
	}
	
	.Latest-Blog-Entry img.thumbnail
	{
		margin-bottom:0.75em;
	}
	
	.Latest-Blog-Entry h3
	{
		color:#D9BD00;
		font-size:110%;
	}
	
	.BlogPost
	{
		position:relative;
	}
	
	.BlogPost h1, 	.freetips h2
	{
		margin-bottom:0;
	}
	
	.freetips h2 a
	{
		text-decoration:none;
		color:#D9BD00;
	}
	
	.freetips div.tip
	{
		margin-bottom:2em;
	}
	
	.RssFeed
	{
		padding: 0 0 0 19px;
		background: url( "../Images/rss.gif" ) no-repeat 0 50%;
	}
	
	/* Courses Promo styles */
	
	#mainContent #main.CoursesPromo h2
	{
		color: #7589AE;
		font-size:160%;
		margin-bottom:0;
	}
	
	#mainContent #main.CoursesPromo h3
	{
		font-size: 120%;
	}
	
	#mainContent #main.CoursesPromo div.hdr
	{
		background: transparent url(../Images/coursesPromoHead.jpg) no-repeat left top;
		position:relative;
		width:607px;
		height:87px;
	}
	
	#mainContent #main.CoursesPromo div.hdr span
	{
		position:absolute;
	}
	
	#mainContent #main.CoursesPromo div.hdr span.lrn
	{
		left:125px;
		top:5px;
		font-size:130%;
		color:#708DB6;
	}
	
	#mainContent #main.CoursesPromo div.hdr span.sw
	{
		left:115px;
		top:30px;
		color:#DDC300;
		font-size:160%;
	}
	
	#mainContent #main.CoursesPromo div.hdr span.clk
	{
		left:305px;
		bottom:15px;
		color:#708DB6;
		font-size:130%;
	}
	
	#mainContent a.btn
	{
		color:#FFF;
		text-decoration:none;
		display:block;
		width:141px;
		height:32px;
		text-align:center;
		vertical-align:middle;
		line-height:32px;
		font-size:110%;
		font-weight:bold;
		background: transparent url(../Images/buyNow.gif) no-repeat left top;
	}
	
	#mainContent a.btn:hover
	{
		background: transparent url(../Images/buyNow_hvr.gif) no-repeat left top;
	}
	
	#mainContent a.btn.sml
	{
		font-size:90%;
	}
	
	/* Commenting */
	.BlogComments
	{
		margin-top:2em;
	}
	
	.BlogComments .comment
	{
		margin-bottom: 1em;
		border-top: 1px dashed #D9BD00;
		padding:5px;
		background-color:#F8F1D9;
	}
	
	.comment-Head
	{
		font-size:85%;
		margin-bottom: 0.75em;
	}
	
	.comment-Body
	{
		padding: 10px;
	}
	
	.comment-Head span.date
	{
		color:#8F8F8F;
	}
	
	.BlogComments h2
	{
		color:#7589AE;
	}
	
	.addcomment div
	{
		padding: 10px;
	}
	
	.addcomment fieldset
	{
		padding:0;
	}
	
	.addcomment div a
	{
		text-decoration:none;
		font-weight:bold;
	}
	
	/* Form */
	
	#ContactContainer
	{
		width:500px;
		margin-left:auto;
        margin-right:auto;
	}
	
	.form 
	{
		text-align:left;
		border: 1px solid #D9BD00;
	}
	
	.form div.fieldPanel
	{
		margin-top:0.5em;
        margin-bottom:0.5em;
        padding-left:15px;
	}
	
	.form div.fieldPanel label
    {
        width:16ex;
        display:block;
        float: left;
    }
    
    .form .submitPanel
    {
		background-color: #D9BD00;
		padding-top:0.75em;
        padding-bottom:0.75em;
        text-align:center;
    }
    
    .form .submitPanel a
    {
    	margin-left:auto;
        margin-right:auto;
    }
    
    .form span
	{
		visibility:visible !important;
	}
	
	/* Logged in courses */
	.demoContainer
{
	background: transparent url(../Images/demo-back.jpg) repeat-y left top;
	padding: 10px;
	text-align: center;
}
	
	.demo
	{
		width:160px; 
		height:120px;	
		float:left;
		text-align:left;
		margin-left:40px;
	}
	
	/* Students logged in courses */
	.studentCourses table
	{
		width:100%;
	}
	
	.studentCourses table th
	{
		background-color:#D9BD00;
		color:#FFF;
	}
	
	.studentCourses table tr
	{
		background-color:#DFF1FA;
	}
	
	.studentCourses table tr.alt
	{
		background-color:#F8F4E0;
	}
	
	.studentCourses table td, .studentCourses table th
	{
		border: 2px solid #FFF;
		padding: 5px;
	}
	
	/* Promo code management */
	#addPromoCode #entryform .field input
	{
		width: 5ex;
	}