/* Added for signup - move out */	
	
	li
	{
		margin-top: 15px;
	}
	
	.assignmentHeading
	{
		background-color: ccffcc;
        border: none;
        color: #666677;        
		font-size: 12px;
		font-weight: bold;		
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
        padding: 3px;
		position: relative;
		text-align: left;       
	}
	
	.box
	{
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		border: 1px solid #dfdfdf;
		padding: 0px;
	}
	
	.newAssignmentHeading
	{
		background-color: c9ecff;
        border: none;
        color: #666677;        
		font-size: 12px;
		font-weight: bold;		
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
        padding: 3px;
		position: relative;
		text-align: left;       
	}
	
	.signUpBody
	{
		margin: 10px;
	}
	
	.subSubHeading
	{
		font-weight: bold;
	}
	
	/* Global Stuff */
	a:active
	{
		color: #444488;
		font-weight: normal;
		text-decoration: none;
	}

	a:visited
	{
		color: #4444CC;
		font-weight: normal;
		text-decoration: none;
	}

	a:link
	{
		color: #4444CC;		
		font-weight: normal; 
		text-decoration: none;
	}

	a:hover
	{
		color: #444488;
		font-weight: normal; 
		text-decoration: underline;
	}	

	body
	{
		background-color: #ffffff;
        color: #444488;
		font: normal 11px "Arial", sans-serif;
		margin: 0px;
		padding: 0px;		
	}

	input
	{
		color: #444488;
		background: #ffffff;
		border: 1px solid #444488;
		font: bold 11px "Arial", sans-serif;
		padding: 2px;
	}

	input.press
	{
		color: #444400;
		background: #ffffaa;
		border: 1px solid #444488;
		font: bold 11px "Arial", sans-serif;
		padding: 2px;
	}
	
	img
	{
		vertical-align: middle;
    }

	select
	{
		background: #ffffff;
		border: 1px solid #444488;
		color: #444488;
		font: bold 11px "Arial", sans-serif;
		padding: 2px;
	}

	table.fullWidthTable
	{
		width: 100%;
		_width: expression(document.body.clientWidth - 149 + "px");
	}

	textarea
	{
		color: #444488;
		background: #ffffff;
		border: 1px solid #444488;
		font: bold 11px "Arial", sans-serif;
		padding: 2px;
	}
	
	tr
	{
		font: normal 11px "Arial", sans-serif;
	}

	span.button
	{
		color: #444400;
		background: #ffffaa;
		border: 1px solid #444488;
		font: bold 11px "Arial", sans-serif;
	}
	
	.siteTitle
    {
        color: #FFFFFF;
        font: bold 16px "Arial", sans-serif;
        padding-left: 12px;
        padding-top: 5px;        
    }
    
    .siteTitle a {color: #FFFFFF; font: bold 16px "Arial", sans-serif;}
    .siteTitle a:link {color: #FFFFFF; font: bold 16px "Arial", sans-serif;}
    .siteTitle a:visited {color: #FFFFFF; font: bold 16px "Arial", sans-serif;}
    .siteTitle a:hover {color: #FFFFFF; font: bold 16px "Arial", sans-serif; text-decoration: underline;}
    
    .userDetails
    {
        color: #FFFFFF;
        font: bold 11px "Arial", sans-serif;
        padding-left: 12px;
        padding-top: 5px;
    }
    
    /* Tabs across top of page */
    
    .tabBox
    {
		padding-bottom: 2px;
        padding-top: 1px;
		background: #ffffff;        
    }
    
    .tablist
    {
        border-bottom: 1px solid #778;
		background: #ffffff;		
        margin-left: 0;
        padding: 3px 0;
    }

    .tablist li
    {
        font-size: 14px;		
		display: inline;
        list-style: none;
        margin: 0;        
    }

    .tablist li a
    {
        background: #EFEFEF;
        border: 1px solid #778;
        border-bottom: none;
		padding: 3px 0.5em;
        margin-left: 3px;       
        text-decoration: none;
    }

    .tablist li a:link { color: #448; }
    .tablist li a:visited { color: #448; }

    .tablist li a:hover
    {
        background: #FFE9FF;
        border-color: #227;
        color: #448;
		text-decoration: none;
    }

    .tablist li a#current
    {
        background: white;
        border-bottom: 1px solid white;
    }   
    
    /* Menu of left of page */
    
    .menuBox
    {
        background-color: #ffffff;
		float: left;
		height: 500px;
		margin-top: 0px;
		padding-right: 10px;
		padding-top: 0px;
		width: 110px;              
    }   
  
    .menu li
    {        
        padding-bottom : 10px;
        font: bold 11px "Verdana", "Arial", sans-serif;
        padding-left: 0px;        
    }
    
    /* Page elements */
    
    .boxHeadingBlue
    {
        background-color: #336699;
        color: #FFFFFF;        
        font-size: 16px;
        font-weight: bold;		
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        padding: 3px;
        text-align: left;    
    }
	
    .button
    {
        color: #444488;
		background: #ffffff;
		border: 1px solid #444488;
		font: bold 11px "Arial", sans-serif;
		margin: 5px;
		padding: 4px;
        cursor: pointer;
    }
	
	.calendar
	{
		border: 1px dotted #f3f3f3;
	}

	.calendarAdvance
	{
		background-color: #ffffff;
		color: #336699;		
        font: bold 13px "Arial", sans-serif;
		padding: 3px;
		text-align: center;
		cursor: pointer;
	}

	.calendarDate
	{		
		background-color: #336699;
		color: #ffffff;		
        font: bold 11px "Arial", sans-serif;
		padding: 3px;
		text-align: center;
	}

	.calendarDay
	{
		background-color: #336699;
        color: #e6e6e6;
        font: bold 11px "Arial", sans-serif;
		padding: 3px;
		text-align: center;		
	}

	.calendarHour
	{
		background-color: #003366;
		color: #ffffff;		
        font: bold 13px "Arial", sans-serif;
		height: 40px;
		padding: 3px;
		vertical-align: top;
		width: 35px;
	}

	.calendarLoading
	{
		background-color: #ffffff;
		border: 1px solid #e6e6e6;
		color: #000000;		
        font: bold 16px "Arial", sans-serif;
		padding: 30px;
		text-align: center;
	}

	.calendarMonth
	{
		background-color: #003366;
		color: #ffffff;		
        font: bold 11px "Arial", sans-serif;
		padding: 3px;
	}

	.calendarSlotBooked
	{
		background-color: #ffffcc;
        color: #000000;
		height: 10px;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 35px;
	}

	.calendarSlotFree
	{
		background-color: #BFFFB9;
        color: #000000;
		height: 10px;
		margin: 0;
		padding: 0;
		cursor: pointer;
		width: 35px;
	}

	.calendarSlotNotBookable
	{
		background-color: #FFE9FF;
        color: #000000;
		height: 10px;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 35px;
	}

	.calendarSlotPastFree
	{
		background-color: #EFEFEF;
        color: #000000;
		height: 10px;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 35px;
	}
	
	.calendarToday
	{
		background-color: #336699;
        color: #FF6750;
        font: bold 11px "Arial", sans-serif;
		padding: 3px;
		text-align: center;
	}

	.imageBox
	{
		border: 1px dotted #dcdcdc;
		margin: 10px auto 10px auto;
		padding: 10px;		
	}

    .loginBox
    {
        background-color: #f3f3f3;
        border: 1px solid #dcdcdc;
        height: 200px;
        margin-bottom: 100px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 150px;
        text-align: center;
        width: 400px;
    }
    
    .loginForm
    {
        padding-top: 30px;
        position: relative;
        text-align: center;            
    }
    
    .message
    {      
        background-color: #FFFBCB;
        border: 1px solid #dcdcdc;
        color: #FF4D50;        
		font-size: 12px;
		font-weight: bold;		
		margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
        padding: 3px;
		padding-bottom: 3px;
		position: relative;
		text-align: left;
    }
    
    .pageBody
    {
        background-color: #ffffff;        
		font: normal 11px "Arial", sans-serif;
		margin: 0 5px 0 130px;
		padding-bottom: 5px;
        padding-left: 5px;
    }

	.pageHeading
    {       
        background-color: #EFDDFF;
        border: 1px solid #dcdcdc;
        color: #666677;        
        font-size: 18px;
        font-weight: bold;		
        margin-top: 0px;
        margin-right: 0px;   
        margin-bottom: 15px;
        margin-left: 0px;
        padding: 3px;
		text-align: center;       
    }

	.pcInfoBox
	{	
		background-color: #EFEFEF;
		border-top: 0;
		border-left: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
        color: #000000;
        font: normal 11px "Arial", sans-serif;
		padding: 1px;
	}
	
	.pcInfoHeader
	{	
		background-color: #EFEFEF;
		border: 0;
        color: #000000;
        font: normal 11px "Arial", sans-serif;
		padding: 1px;
	}

	.pcInfoBody
	{	
		background-color: #EFEFEF;
		border: 0;
        color: #000000;
        font: normal 11px "Arial", sans-serif;
		padding: 1px;
	}

	.pcInfoBodyDark
	{	
		background-color: #e6e6e6;
		border: 0;		
        color: #000000;
        font: normal 11px "Arial", sans-serif;
		padding: 1px;
	}
    
    .subHeading
    {       
        background-color: #EFDDFF;
        border: 1px solid #dcdcdc;
        color: #666677;        
		font-size: 12px;
		font-weight: bold;		
		margin-top: 5px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
        padding: 3px;
		position: relative;
		text-align: left;       
    }	

    .tableColumnHeading
    {
        background-color: #e6e6e6;
        color: #000000;
        font: bold 12px "Arial", sans-serif;
        text-align: left;
    } 
	  .tableColumnHeadingmain
    {
        background-color: #ffffff;
        color: #000000;
        font: bold 12px "Arial", sans-serif;
        text-align: left;
    } 
    
    .tableRowHeading
    {
        background-color: #e6e6e6;
        color: #000000;
        font: bold 12px "Arial", sans-serif;
        text-align: left;
    }
    
    .tableRowHeadingRed
    {
        background-color: #e6e6e6;
        color: #FF0000;
        font: bold 12px "Arial", sans-serif;
        text-align: left;
    }
    
    .tableRow
    {
        background-color: #EFEFEF;
        color: #000000;
        font: normal 12px "Arial", sans-serif;
    } 
    
    .tableRowDark
    {
        background-color: #e6e6e6;
        color: #000000;
        font: normal 12px "Arial", sans-serif;
    } 
 
	.tableRowSmall
    {
        background-color: #EFEFEF;
        color: #000000;
        font: normal 11px "Arial", sans-serif;
    }
	.tableRowSmallDark
    {
        background-color: #e6e6e6;
        color: #000000;
        font: normal 11px "Arial", sans-serif;
    } 
	
    .tableRowSmall1
    {
        background-color: #CCFFCC;
        color: #000000;
        font: normal 11px "Arial", sans-serif;
    }
     .tableRowSmall2
    {
        background-color: #FFC8CC;
        color: #000000;
        font: normal 11px "Arial", sans-serif;
    } 
	.tableRowSmall3
    {
        background-color: #C8C8FF;
        color: #000000;
        font: normal 11px "Arial", sans-serif;
    }
    .tableRowSmall6
    {
        background-color: #CFBFFF;
        color: #000000;
        font: normal 11px "Arial", sans-serif;
    }
	.tableRowSmallDark1
    {
        background-color: #D6fFD6;
        color: #000000;
        font: normal 11px "Arial", sans-serif;
    } 
	.tableRowSmallDark2
    {
        background-color: #f6D0D6;
        color: #000000;
        font: normal 11px "Arial", sans-serif;
    }
	.tableRowSmallDark3
    {
        background-color: #D0D0f6;
        color: #000000;
        font: normal 11px "Arial", sans-serif;
    }
	.tableRowSmallDark6
    {
        background-color: #D8C8fA;
        color: #000000;
        font: normal 11px "Arial", sans-serif;
    }
	.tableRowSmallGreen
	{
		background-color: #dbffd5;
		color: #000000;
        font: normal 11px "Arial", sans-serif;
    }
	
	.tableRowSmallOrange
	{
		background-color: #ffe5c6;
		color: #000000;
        font: normal 11px "Arial", sans-serif;
    }

	.tableRowSmallYellow
	{
		background-color: #feffd9;
		color: #000000;
        font: normal 11px "Arial", sans-serif;
    }
   
    .selectBox
    {
        width: 100%;
    }
    
    /* Footer */
    
    .footer
    {
        background-color: #336699;
        border-bottom: 1px solid;
        border-color: #000000;
        border-top: 1px solid;
		color: #FFFFFF;
        font: bold 12px "Arial", sans-serif;
        padding-bottom: 5px;
        padding-left: 12px;
        padding-top: 5px;
     }
    
    .footer a
    {
        color: #FFFFFF;
    }