﻿body {
}
p {
	margin: 5px 0px 1.0em;
	padding: 0px;
}
h1 {
	font-size: 120%;
	color: #C62216;
}
h2 {
	font-size: 110%;
	color: #C62216;
}

h3 {
	font-size: 100%;
	color: #5C5670;
}

#inner      
	{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	height: 515px;
	}
div#topRounded
{
	height: 9px;
	background: url("../images/roundedTop.gif") no-repeat bottom;
}
div#bottomRounded
{
	height: 9px;
	background: url("../images/siteBottombar.gif") no-repeat bottom;
}

	#progressBar
	{
		width: 280px;
		height: 20px;
		position:absolute;
		top: 160px;
		left: 0;
		padding: 2px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		color: #666;
	}
	
	#controls
	{
		
		width: 910px;
		right: 0;
		text-align: right;
	}
	.controlsText
	{
		text-align: right;
		padding-right: 5px;
		padding-top: 8px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		color: #666;
	}
	.controlsContent
	{
		text-align: right;
		padding-right: 5px;
		padding-top: 8px;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
	}
	.trainingOffline
	{
		width: 695px;
		padding: 10px;
		border:1px solid #CCCCCC;
		background: #eeeeee;
	}
	#navigation
	{
		width: 485px;
		height: 30px;
		float: right;
		position: absolute;
		top: 40px;
		right: 0px;
		padding-top: 2px;
		background: url("../images/navBarTrans.gif") no-repeat right;
		border-right: 1px solid #cccccc;
	}
	#nav
	{
		padding-top: 5px;
		margin-left: 30px;
		height: 25px;
		text-align: right;
		
	}
	.navList
	{
		display: inline;
		list-style: none;
		padding-right: 10px;
	}
	a.navLink
	{
		font-size: 12px;
		font-family: Arial;
		color: #666;
		text-decoration: none;
		font-weight: bold;
	}
	a.navLink:hover
	{
		font-size: 12px;
		font-family: Arial;
		color: #666;
		text-decoration: underline;
		font-weight: bold;
	}
	.navigationButtons
	{
		font-family: Arial;
		font-size: 12px;
		color: #666;
	}
	
/*Content Area*/
#contentOuter
{
	/*background: url("../assets/wrapper-bck.jpg") no-repeat top left;*/
	z-index: -99;
}
#contentOuterCourse
{
	z-index: -99;
}
#content
{
	width: 758px;
	height: 390px;
	overflow-y: scroll;
	border-right: 1px solid #eeeeee;
	border-top: 1px solid #CCCCCC;
	z-index: 20;
}
.contentOfPage
{
	padding-left: 5px;
	padding-right: 5px;
	width: 900px;
	
}
div#contentOfLoginPage
{
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	width: 500px;
}
#pagesContainer
{
	margin-left: 15px;
	width: 900px;
}
	#pageContent
	{
		margin-top: 10px;
		padding: 5px;
		width: 900px;
	}
	#pageContentLogin
	{
		margin-top: 10px;
		padding: 5px;
		width: 880px;
	}
	.pageTitle
	{
		font-family: Arial;
		font-size: 14px;
		color: #C62216;
		font-weight: bold;
		font-variant: small-caps;
		text-align: left;
	}
	.pageTitleRegister
	{
		font-family: Arial;
		font-size: 14px;
		color: #C62216;
		font-weight: bold;
		font-variant: small-caps;
		text-align: left;
	}
	.pageTitleDocuments
	{
		font-family: Arial;
		font-size: 14px;
		color: #C62216;
		font-weight: bold;
		font-variant: small-caps;
		text-align: left;
	}
	.pageText
	{
		font-family: Arial;
		font-size: 12px;
	}
	.formText
	{
		font-family: Arial;
		font-size: 12px;
		text-align: left;
	}
	.myAccountWrapper
	{
		margin-left: 5px;
	}
	#pageText
{
	margin-top: 5px;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding: 5px;
	width: 865px;
	border: 1px solid #eeeeee;
}
#pageText2
{
	margin-top: 5px;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding: 5px;
	width: 865px;
	border: 1px solid #eeeeee;
}
div#form
{
	text-align: center;
}
.formsTop
	{
		width: 500px;
		height: 9px;
		background: url(../adminImages/formsTop.jpg) no-repeat;
	}
.formsSides
{
		border-left: 1px solid #D8D8D8;
		border-right: 1px solid #D8D8D8;
		width: 492px;
		background: url(../adminImages/registerMiddle.jpg) top repeat-x #ffffff;
		padding-right: 3px;
		padding-left: 3px;			
}
.formsBottom
	{
		width: 500px;
		height: 14px;
		background: url(../adminImages/formsBottom.jpg) no-repeat;
	}


.notYetCompleted
{
	color: #C62216;
	text-align: right;
}
#pageTextCompany
{
	margin-top: 5px;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding: 5px;
	width: 865px;
	border: 1px solid #eeeeee;
}
#pageTextMyDetails
{
	margin-top: 5px;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	
	padding: 5px;
	width: 865px;
	border: 1px solid #eeeeee;
}
#pageTextMyDetails2
{
	margin-top: 5px;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	
	padding: 5px;
	width: 865px;
	border: 1px solid #eeeeee;
}
.pageOptionsStyle
{
	font-size: 11px;
	font-variant: small-caps;
	color: #000000;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
}
.editOptions
{

	padding-bottom: 8px;
	background-color: #ffffff;
	width: 870px;
}
/*Login Area*/
#loginBox
{
	padding-top: 5px;
	width: 340px;
	float: right;
}
.loginButton
        {
			border: 1px solid #666666;
			font-size: 11px;
        }
.wardenButton
        {
			background-color: #eeeeee;
			border: 1px solid #666666;
			font-size: 11px;
			color: #333333;
			padding: 3px;
			text-decoration: none;
        }
        
.CommonFormArea
        {
	        font-size: 12px;
	        font-family: Arial;
	        width: 280px;
	        background: url(../Images/left.gif) top left no-repeat;
	        
        }
        .CommonMessageContent
        {
	        border-style: none;
	        background: url(../Images/right.gif) top right no-repeat;
	        height: 200px;
        }
        h4.CommonMessageTitle
        {
            color: #666666;
            font-size: 12px;
            border: none;
            padding: 2px 0 2px 2px;
            border-bottom: 1px solid #666666;
        }
        a.forgotPassword
        {
			font-family: Arial;
			color: #666666;
			text-decoration: none;
			font-size: 11px;
        }
        a.forgotPassword:hover
        {
			font-family: Arial;
			color: #666666;
			text-decoration: underline;
			font-size: 11px;
        }
        .loginButton
        {
			border: 1px solid #666666;
			font-size: 11px;
        }
        .redBarLogin
        {
			height:3px;
			background-color: Red;
			width: 280px;
        }
        .errorRed
        {
			font-family: Arial;
			font-size: 12px;
			padding-top: 10px;
			color: Red;
			padding-left: 7px
        }
/*Register*/
.registerTop
	{
		width: 336px;
		height: 9px;
		background: url(../adminImages/registerTop.jpg) no-repeat;
	}
.registerSides
{
		border-left: 1px solid #D8D8D8;
		border-right: 1px solid #D8D8D8;
		width: 314px;
		background: url(../adminImages/registerMiddle.jpg) top repeat-x;
		padding-right: 10px;
		padding-left: 10px;				
}
.registerBottom
	{
		width: 336px;
		height: 14px;
		background: url(../adminImages/registerBottom.jpg) no-repeat;
	}
	
/*Footer*/
#bottomBar
{
	width: 759px;
	height: 28px;
}
	.redBar
	{
		width: 759px;
		height: 9px;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	.footerDetailsLeft
	{
		font-family: Verdana;
		font-size: 10px;
		padding-left: 5px;
		padding-top: 9px;
		float: left;
	}
	.footerDetailsRight
	{
		font-family: Verdana;
		font-size: 10px;
		padding-right: 5px;
		padding-top: 9px;
		float: right;
		text-align: right;
	}
	
	#Newsnav 
	{
	margin-right: 10px;
	width: 175px;
	z-index: 8;
	}
	a.NewsLink
	{
		font-family: Arial;
		color: #999999;
		font-size: 11px;
		text-decoration: none;
	}
	a.NewsLink:hover
	{
		font-family: Arial;
		color: #999999;
		font-size: 11px;
		text-decoration: underline;
	}
	.newsNavInner
	{
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	.NewsNavTop
	{
		width: 175px;
		height: 13px;
		background: url("../Images/top.gif") no-repeat;
	}
	.NewsNavBottom
	{
		width: 175px;
		height: 14px;
		background: url("../Images/bottom.gif") no-repeat;
	}
	.NewsitemTitle 
	{
	
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	}
	.NewsitemDate
	{
	font-family: Arial;
	font-size: 13px;
	color: #C62216;
	font-weight: bold;
	text-align: left;
	font-variant: small-caps;
	}
	#InvoiceButton
	{
		float: left;
	}
	#PayPalButton
	{
		float: right;
	}
	
	.regSteps
	{
		font-weight: bold;
		color: #666;
		font-size: medium;
	}
	div#phoneNumber
	{
		font-size: x-large;
		color: #cccccc;
		float: right;
		font-weight: bold;
		padding-right: 5px;
	}
	
	div#feedbackTitle
	{
		font-size: large;
		color: #cccccc;
		text-align: left;
		font-weight: bold;
		padding-right: 5px;
	}
	a.pdfLink
	{
		text-decoration: none;
		color: #666666;
	}
	a.pdfLink:hover
	{
		text-decoration: none;
		color: #FF0000;
	}
