body {
	margin: 0px;
	overflow:hidden;
    background-color: #EBEEF1;
}


div, p, span, table, td {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.NotPrinted {
	padding : 0px;
}

/* ------------- */
/* --- Stage --- */
/* ------------- */

div.stageCertificate, div.stageCertificateInput {
    border-width: 0px;
    margin: 0px;
    padding: 0px;
}

/* ------------------------- */
/* --- Certificate Input --- */
/* ------------------------- */
div.certInputDialog {
	padding: 0px;
    text-align:left;
    background-color: #EBEEF1;
}

div.certInputDialog div#certInputDialogHeader {
    width:100%;
    background-image: url("../header/images/header.background.png");
}

div.certInputDialog img#certInputDialogLogo {
    width:300px;
    height:80px;
    background-image: url("../header/images/header.logo.gif");
    background-repeat: no-repeat;
    background-position: 0 8;
}

div.certInputDialog div#certInputDialogTitle {
	border: 0px;
	border-top: 1px #B1BDC7 solid;
	border-bottom: 1px #B1BDC7 solid;
	background-color: #ffffff;
	color: #5a92b3;
	font-size:16px;
	font-weight: bold;
	padding: 6px;
	padding-left: 20px;
}

div.certInputDialog p.certInputDialogCaption {
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	color:#142534;
	font-size:16px;
	font-weight: bold;
}

div.certInputDialog p.certInputDialogCaption #captionBullet {
	border: 0px;
	border-right: 7px #EBEEF1 solid;
}

div.certInputDialog p.certInputDialogText {
	width: 520px;
	padding-left: 40px;
	padding-bottom: 30px;
    color:#142534;
   	font-size:14px;
}

div.certInputDialog #certPersonalizeForm {
	padding-left: 40px;
	padding-bottom: 10px;
}

/* -------------- */
/* --- Header --- */
/* -------------- */

div#processHeader {
	background-color:#FFFFFF;
	padding:4px 8px;
}

div#processHeader p.type {
	font-weight:bold;
	font-size: 16px;
	color: #5a92b3;
	margin:0;
}

div#processHeader p.title {
	font-weight:bold;
	font-size: 12px;
	color:#506170;
	margin:0;
}


/* ------------------- */
/* --- Certificate --- */
/* ------------------- */

p {
	color: black;
}

table.CertTable {
    width: 100%;
    height: 100%;
	padding: 0px;
	margin: 0px;
	table-layout:fixed;
	border-collapse: collapse;
    background-color: #FFFFFF;
}

table.CertTable td {
    margin: 0px;
    padding: 0px;
    /*border: 1px #B1BDC7 solid;*/
}


table.CertTable td.CertPrintTitle,
table.CertTable td.CertPrintButton {
    height: 51px;
}

table.CertTable td.CertPrintTitle {
    background-color: #FFFFFF;
    padding: 4px;
    vertical-align: top;
    width: 100%;
  
    border: 1px #B1BDC7 solid;
}

table.CertTable td.CertPrintButton {
    background-color: #EBEEF1;
    text-align:center;
    width: 50px;  
   
    border: 1px #B1BDC7 solid;
    border-left-width: 0px;
}

table.CertTable td.CertPrintButton div{
    height: 100%;
    width: auto;
    text-align:center;
    margin: 0px;
    padding: 0px;
    padding-left: 4px;
    padding-right: 4px;
}

table.CertTable td.CertPrintButton div p {
	font-weight:bold;
	font-size: 9.5px;
    color: 3C4D5C;    
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
}

table.CertTable div.CertScrollBox {
	padding: 0px;
	margin: 0px;
	width: 100%;
    height: 100%;
    overflow: auto;
}

table.CertTable div.CertBox {
	padding: 0px;
	margin: 0px;
	height: 10px;
	width: 660px;
	text-align:center;
}

table.CertTable #headerImage {
	width: 660px;
	height: 206px;
}

div.Section {
    width:auto;
    padding: 0px;
    margin: 0px;
}

div.Section p.SectionTitle {
    padding-bottom: 10px;
}

div.Section div.CertTitle {
	padding-top: 10px;
	padding-bottom: 14px;
}

div.Section div.CertTitle h1 {
	color: #5a92b3;
	padding:0px;
	margin:0px;
    font-size: 26px;
    font-weight:normal;
    
    width: 100%;
    text-align: center;
}

div.Section div.CertHeader {
    text-align: center;
    padding: 0px;
    padding-bottom: 25px;
    width: 100%;
}

div.Section div.CertHeader p {
	padding: 0px;
	margin: 0px;
    font-size: 13px;
}
	
div.Section div.CertHeader p.personalizeText,
div.Section div.CertHeader p.introduction {
	color: #142534;
	font-size: 14px;
    padding: 0px;
}

div.Section div.CertHeader p.personalizeUsername,
div.Section div.CertHeader p.title {
	color: #142534;
	font-weight: bold;
	font-size: 16px;
	padding: 4px;
	padding-bottom: 15px;
	
}

/* --------------------- */
/* --- MetadataTable --- */
/* --------------------- */


div.Section table.MetadataTable th,
div.Section table.MetadataTable td {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin: 0px;
	padding: 4px;
}

div.Section table.MetadataTable th {
    font-weight: bold;
    text-align: left;
	vertical-align: top;
}

div.Section table.MetadataTable td {
}

div.Section table.MetadataTable p {
	margin: 0px;
	margin-bottom: 2px;
	font-size: 11px;
    text-align: left;
	vertical-align: top;
}

div.Section table.MetadataTable p.MetadataTitle {
    font-weight: bold;
}

div.Section table.MetadataTable td.NoParagraphBreak p {
	display:inline;
}



/* ------------------- */
/* --- CourseTable --- */
/* ------------------- */


div.Section table.CourseTable {
	padding: 0px;
	margin: 0px;
	margin-bottom: 40px;
	margin-left: 55px;
	margin-right: 55px;
	border-collapse: collapse;
}

div.Section table.CourseTable th {
    padding-left:3px;
    padding-right:3px;
    color: #142534;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    background-color: #FFFFFF;
	border-bottom-color: #8C9DAC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


div.Section table.CourseTable th.SubSectionTitle {
    padding: 0px;
    padding-left: 2px;
    width: 100%;
    text-align: left;
    color: #142534;
    font-weight: bold;
    font-size: 14px;
}

div.Section table.CourseTable th.SubSectionTitle img.SubSectionBullet {
	padding: 0px;
}

div.Section table.CourseTable td {
    text-align: left;
    background-color: #FFFFFF;
    color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-right: 2px;
	border: 0px;
	border-bottom-color: #8C9DAC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

div.Section table.CourseTable div.DocumentTitle,
div.Section table.CourseTable div.ProgressResult,
div.Section table.CourseTable div.QualificationResult {
	color: #142534;
	font-size: 12px;
}

div.Section table.CourseTable div.DocumentTitle {
	margin: 0px;
	padding: 0px;
	padding-left: 18px;
	font-weight: bold;
}

div.Section table.CourseTable div.ProgressResult,
div.Section table.CourseTable div.QualificationResult {
	text-align: center;
	font-weight: normal;
}

div.Section table.CourseTable div.ProgressResult {
	width:60px;
}

div.Section table.CourseTable div.QualificationResult {
	width:110px;
}

/* ----------------------- */
/* --- Summary Section --- */
/* ----------------------- */

div.CertSummary {
    width: 100%;
}

div.CertSummary p {
}

div.CertSummary p.CourseResult {
    margin-bottom: 0px;
    padding-bottom: 5px;
    color: #142534;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

div.CertSummary p.CourseQualification {
    margin-top: 0px;
    padding-top: 0px;
    color: #6E7F8E;
    text-align: center;
    font-size: 12px;
}

div.CertSummary p.CourseResultSuccess,
div.CertSummary p.CourseResultFailed {
    padding-top: 30px;
    padding-bottom: 100px;
    color: #5a92b3;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}