#webcam
{
	position:absolute;top:200px;left:50%;z-index:1;display:none;
	margin-left: -320px;
}

#keyboard
{
	position:absolute;bottom:0;left:50%;z-index:1;display:none;
	margin:0px 0px 70px -490px;
}

.certificatePageCam
{
	padding-top:0px;
	padding-bottom:50px;
	text-align:center;
}
.CertificateTextBox
{
	width:800px;
	background-color:Transparent;
	border:solid 1px orange;
	font-size:24pt;
}

.CertificateTextArea
{
	width:800px;
	background-color:Transparent;
	border:solid 1px orange;
	font-size:24pt;
}
.CertificateValidator
{
	font-size:18pt;
	font-weight:bold;
	color:Red;
}
.CertificateErrorMessage
{
	position: absolute; 
	top: 650px; 
	left: 50px;
}

.CertificateTopHeader
{
	color: Black;
	font-size: x-large;
	font-weight: bold;
}

.CertificateSubHeader
{
	color: Black; 
	font-weight: bold;
}

.CertificateMakerContainer .Instructions
{
	position:absolute;
	top: 65px;
	left: 0px;
	color: Black;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	width: 100%;
	z-index: 2;
	display: block;
}

.CertificateMakerContainer
{
	width:100%;
	text-align:center;
	position:absolute;
	height:100%;
	width:100%;
	background-color: #FFF2E4;
}

.CertificateMakerContainer .TopLeft 
{
	position: absolute;
	left:0px;
	top:0px;
	width:271px;
	height:59px;
	background: url(images/Certificates/TopLeft.jpg) no-repeat top left;
	z-index: 2;
}

.CertificateMakerContainer .TopMiddle 
{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:59px;
	background: url(images/Certificates/TopMiddle.jpg) repeat-x top left;
	z-index: 1;
}

.CertificateMakerContainer .TopRight {
	position:absolute;
	right: 0px;
	top:0px;
	width:274px;
	height:59px;
	background: url(images/Certificates/TopRight.jpg) no-repeat top left;
	z-index: 2;
}

.CertificateMakerContainer .MiddleTop {
	position:absolute;
	left:0px;
	top:59px;
	width: 100%;
	height:15px;
	background: url(images/Certificates/middleTop.jpg) repeat-x top left;
	z-index: 2;
}

.CertificateMakerContainer .MiddleLeft {
	position:absolute;
	left:0px;
	width:17px;
	height:100%;
	background: url(images/Certificates/middleLeft.jpg) repeat-y top left;
	z-index: 1;
}

.CertificateMakerContainer .CertificatePage {
	position:absolute;
	left:0px;
	width:100%;
	background-color: #FFF2E4;
}

.CertificateMakerContainer .MiddleRight {
	position:absolute;
	right:0px;
	width:17px;
	height:100%;
	background: url(images/Certificates/middleRight.jpg) repeat-y top left;
	z-index: 1;
}

.CertificateMakerContainer .Bottom {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:53px;
	background: url(images/Certificates/bottom.jpg) repeat-x top left;
	z-index: 1;
	padding-top: 17px
}

.CertificateMakerContainer .Bottom .Navigation
{
	margin: 0px 10px;
}

.CertificateMakerContainer input[type=text]
{
	border: none 0px;
	background: url(images/Certificates/textbox.gif) no-repeat top left;
	width: 804px;
	height: 40px;
	padding-left: 10px;
}

.CertificateMakerContainer textarea
{
	border: none 0px;
	background: url(images/Certificates/textarea.gif) no-repeat top left;
	width: 804px;
	height: 200px;
	padding: 5px;
	overflow: hidden;
}

.CertificateButton, .CertificateButtonHover
{
	height:47px;
	width:131px;
	border: none 0px;
	background: transparent url(images/certificates/button.png) no-repeat top left;
	font-size: 1.2em;
	font-weight:bold;
}

.CertificateButtonHover { background-position: bottom left; }

.CertificateWideButton, .CertificateWideButtonHover
{
	height:80px;
	width:300px;
	border: none 0px;
	background: transparent url(images/certificates/widebutton.png) no-repeat top left;
	font-size: 1.2em;
	font-weight:bold;
}

.CertificateWideButtonHover { background-position: bottom left; }

.CertificateButtonWebCam, .CertificateButtonWebCamHover, .CertificateButtonNoWebCam, .CertificateButtonNoWebCamHover
{
	height:116px;
	width:300px;
	border: none 0px;
	background: transparent url(images/certificates/webcam.png) no-repeat top left;
	font-size: 1.2em;
	font-weight:bold;
	padding-left: 126px;
	text-align: left;
}

.CertificateButtonNoWebCam, .CertificateButtonNoWebCamHover { background-image: url(images/certificates/nowebcam.png) }

.CertificateButtonWebCamHover, .CertificateButtonNoWebCamHover { background-position: bottom left; }

.CertificateTinyButton, .CertificateTinyButtonHover
{
	height:40px;
	width:50px;
	border: none 0px;
	background: transparent url(images/certificates/tinybutton.png) no-repeat top left;
	font-size: 1.2em;
	font-weight:bold;
}

.CertificateTinyButtonHover { background-position: bottom left; }

.CertificateWizard
{
	margin-top: 70px;
	width:980px;
}

.CertificateDatePickerPanel
{
	width: 500px;
	margin:auto;
}

#CertificateCarouselPanel
{
	float:left;
}

#CertificateCarouselSelection
{
	position: relative; 
	top: 120px
}
.CertificateTemplatePreview 
{
	width:512px;
	height:385px;
}
.CertificatePreview
{
	width:768px;
	height:576px;
}

.CertificateFooterPast
{
	float:left;
	width:33%;
	text-align:left;
}

.CertificateFooterPresent
{
	float: left; 
	width: 33%; 
	text-align: center; 
	padding-top: 10px
}


.CertificateFooterFuture
{
	float: left; 
	width: 33%; 
	text-align: right; 
}

.HeaderCertificate
{
	background: transparent url(images/Certificates/ModalTitle.gif) no-repeat top left;
	width: 649px;
	height: 34px;
	padding: 10px 3px 0px 5px;
	font-weight: bold;
	color:White;
	vertical-align: middle;
}