.cert,
.cert * {
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	letter-spacing: 0;
}

.cert {
	width: 770px;
}

.cert .container {
	margin-top: 15px;	
}

.cert .preview img {
	
	position: absolute;
	width: 200px;
	/*height: 400px;*/
}

.cert .form_block, .preview_block {
	float: left;
}

.cert .form_block {
	
	width: 550px;
	margin-right: 10px;
}

.cert .preview_block {
	width: 200px;
	background: #e1e1e1;
}

.cert .clear {
	width:1px;
	height:1px;
	clear:both;
}

.cert .cert_loader.loading {
	background: #e1e1e1;
}

.cert .cert_loader img{
	position:absolute; 
	top:50%; 
	left: 50%; 
	margin-top: -50px; 
	margin-left:-50px;
	display:none;
}



.cert .form_block table {
	width: 100%;
	color: black;
	border-collapse: separate;
	border-spacing: 1px;
}

.cert tr {
	height: 48px;
}

.cert .form_block th, .form_block td {
	padding: 10px;
	font-weight: normal;
}

.cert .form_block tr {
	width: 45%;
}

.cert .form_block .cell-name {
	background: #e1efb2;
}

.cert .form_block .cell-input {
	background: #eef6d4;
}

.cert .form_block table input {
	padding:0px;
}

.cert .spacing {
	height: 50px;
}

.cert .spacing span {
	margin-top: 2px;
	margin-left: 10px;
	color: red;
}

.cert .nav {
	margin: 1px;
	margin-top: 10px;
	height: 35px;
}

.cert .nav .left {
	background: #abd229;
	height: 35px;
	text-align:right;
	float:left;
	width:100%;
	margin-right: -80px;
	
}

.cert .nav .right {
	background: #93cdf7;
	text-align:center;
	height: 35px;
	float:left;
	width: 80px;
}

.cert .nav .right input {
	margin-top: 5px;
	width: 68px;
	
}

.cert .nav .left input {
	margin-top: 8px;
	margin-right: 90px;
}

/* Text */
.cert h1 {
	background: #abd229;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	margin:0;
	padding:8px 10px;
}

.cert h3 {
	color:#ABD229;
	font-weight: bold;
	font-size: 14px;
	margin:0;
	padding:0;
	margin-bottom: 10px;
	margin-top: 10px;
}

.cert hr {
	margin:0px;
	margin-top: 10px;
	border:0;
	border-bottom:2px solid #92c43e;
}

.cert em.req {
	color: #c70000;
}

.cert table select, 
.cert table input {
	width: 200px;
}


/* tooltip styling. by default the element to be styled is .tooltip  */
.cert_tooltip {
	display:none;
	background:transparent url(../js/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	letter-spacing: 0;
}

/* BlockUI Style */
#blockUI h1 {
  text-align:center;
}