body {

	margin:0;

	padding:0;

  	font: 12px Verdana, Tahoma, sans-serif;

	color:#000;

	background-color:#FFFFFF;

	line-height:15px;

}

a, a:link, a:visited { 

	color: #000;

	text-decoration:none;

}

a:hover {

	color: #B42215;

	text-decoration:none;

}

h1 {

	font: 20px Arial, Tahoma;

	color:#555;

}

h2 {

	font: 18px Arial, Tahoma;

	color:#555;s

}

h3 {

	font: bold 15px Arial, Tahoma;

	color:#555;

}

h4 {

	font: bold 14px Arial, Tahoma;

	color:#555;

}

label {

	display: block;

	float: left;

	margin-bottom: 10px;

}

label { 

	float: left; 

  	font: 11px Arial ;

}

br { clear: both; }

/*input { border: 1px solid #333; margin-bottom: .5em;  }*/

input.error { border: 1px solid red; }

label.error {

	background: url('../images/unchecked.gif') no-repeat;

	padding-left: 20px;

	margin-left: .3em;

}

/*******************************************

MAJOR CLASSES

*******************************************/

.headerarea {

	clear:both;

	height:60px;

	background-color:#FFF100;

	margin:0;

}

.footerarea {

	clear:both;

	margin-top:10px;

	margin-left: auto;

	margin-right: auto;

	width:709px;

	height:28px;

	color:#FFFFFF;

	background-color:#B42215;

	padding:10px 10px 10px 10px;

}

.corneredGeneral { 

	width: auto;

	background-color:#FBFBFB;

	padding:30px 30px 30px 30px;

}

.bodyexternal

{

	margin-left: auto; 

	margin-right: auto; 

	width: 725px; 

	height:290px;

	/*border:1px solid #EDEDED;*/

	border:1px solid #666;

	background-color:#FFFFFF;

	-webkit-border-radius: 7px; /* for Safari */

	-moz-border-radius: 7px; /* for Firefox */

	behavior:url('border-radius.htc'); /* for IE */

}

.bodyinternal

{

	background-color: transparent;

	background-image: none;

	margin:14px 20px 14px 20px;

}

.curvedboxexternal

{

	margin-left: auto; 

	margin-right: auto; 

	width: 725px; 

	border:1px solid #666;

	background-color:#FFFFFF;

	-webkit-border-radius: 7px; /* for Safari */

	-moz-border-radius: 7px; /* for Firefox */

	behavior:url('border-radius.htc'); /* for IE */

}

.curvedboxinternal

{

	background-color: transparent;

	background-image: none;

	margin:14px 20px 14px 20px;

}

.certificateformexternal

{

	margin-left: auto; 

	margin-right: auto; 

	width: 100%; 

	border:2px solid #999999;

	background-color:#FFFFFF;

	-webkit-border-radius: 7px; /* for Safari */

	-moz-border-radius: 7px; /* for Firefox */

	behavior:url('border-radius.htc'); /* for IE */

}

.certificateforminternal

{

	background-color: transparent;

	background-image: none;

	margin:14px 20px 14px 20px;

}

.certificatesection

{

	margin-left: auto; 

	margin-right: auto; 

	width: 725px; 

	background-color:#FFFFFF;

	padding:14px 0 14px 40px;

}

.navtitle {

	float:right;

	height:26px;

	background:#FFFFFF;

	color:#333;

	font-weight:bold;

	padding:2px 18px 0 18px;

}

.dotline {

	padding-bottom:2px;

	background: transparent url(../images/dot_dark.gif) bottom left repeat-x;

}

.dotlinewhite {

	padding-bottom:2px;

	background: transparent url(../images/dot_light.gif) bottom left repeat-x;

}

.horizLine {

  	width: 100%;

	height:24px;

	background: #FFFFFF url(../images/dot_dark.gif) center left repeat-x;

}

/*******************************************

TEXT CLASSES

*******************************************/

.textGray, .textGray a:link, .textGray a:visited {

	color:#CCCCCC;

  	font: 11px Tahoma, sans-serif;

	text-decoration:none;

}

.textGray a:hover {

	/*color:#FFFFCC;*/

	color:#FFFFFF;

	text-decoration:none;

}

.textWhite {

	color:#FFFFFF;

	text-decoration:none;

}

.textWhiteSmall {

  	font: 11px Tahoma, Verdana;

	color:#FFFFFF;

	text-decoration:none;

}

.textRed {

	color:#FF3300;

	text-decoration:none;

}

.textOrangeRed {

	color:#B42215;

	text-decoration:none;

}

.textBig, .textBig a:link, .textBig a:visited {

	color:#000;

	font: bold 15px Arial, Tahoma;

	text-decoration:none;

}

.textBig a:hover {

	color:#990000;

	text-decoration:none;

}

.textHeader {

	color:#333;

	font: bold 14px Arial, Tahoma;

	text-decoration:none;

}

.textSubHeader {

	color:#B42215;

	font: bold 18px Arial, Tahoma;

	text-decoration:none;

}

.textTitle {

	color:#333;

	font: bold 14px Arial, Tahoma;

	text-decoration:none;

	padding:0 14px 0 14px;s

}

.textCertificateTitle {

	color:#006600;

	font: bold 16px Arial, Tahoma;

	text-decoration:none;

}

.textCertificateName {

	color:#000000;

	font: bold 16px Arial, Tahoma;

	text-decoration:none;

}

.textSmall, .textSmall a:link, .textSmall a:visited {

	color:#555;

  	font: 11px Tahoma, Verdana;

	text-decoration:none;

}

.textRoman, .textRoman a:link, .textRoman a:visited {

	color:#333333;

  	font: italic 14px "Times New Roman", Tahoma;

	text-decoration:none;

}

.listlink {

	color:#555;

	text-decoration: none;

	font: 11px sans-serif, Tahoma, Verdana;

	border-bottom: 1px dotted #555;

}

.bullet_step {

	list-style-position: outside;

}



/*******************************************

FORM CLASSES

*******************************************/

.formitems {

	border: 1px solid #CCCCCC;

	background-color:#FFFFFF;

	height:15px;

  	font: 11px Verdana, Tahoma, sans-serif;

	color:#555;

	padding-left:4px;

	vertical-align:middle;

	text-align:left;

}

.formitemsdisabled {

	border:1px solid #CCCCCC;

	background-color:#DDDDDD;

	height:15px;

  	font: 11px Verdana, Tahoma, sans-serif;

	color:#555;

	padding-left:4px;

	vertical-align:middle;

	text-align:left;

}

.formlist {

	border:1px solid #CCCCCC;

	background-color:#FFFFFF;

  	font: 11px Verdana, Tahoma, sans-serif;

	color:#333;

	height:20px;

	padding-left:4px;

	vertical-align:middle;

	text-align:left;

}

.formmultiline {

	border: 1px solid #CCCCCC;

	background-color:#FFFFFF;

  	font: 11px Verdana, Tahoma, sans-serif;

	color:#555;

	height:80px;

	padding-left:4px;

	vertical-align:middle;

	text-align:left;

	overflow:scroll;

}

/*******************************************

DIV

*******************************************/

#button_left, #button_right {

	cursor: pointer;

}

/*******************************************

CHART  & DRAG-DROP CLASSES AND DIVS

*******************************************/

#colorChart {

	margin-left:auto;

	margin-right:auto;

	width: 31%;

	background-color:#F5F5F5;

	padding:30px 30px 30px 30px;

}

#colorChart2 {

	margin-left:auto;

	margin-right:auto;

	width: 70%;

	background-color:#dddddd;

	padding:10px 10px 10px 10px;

}

.textChartHeader {

	color:#B42215;

	font: bold 16px Arial, Tahoma;

	text-decoration:none;

	font-style:italic;

}

#droppableColors {

	float:left;

	width:60px;

	height:148px;

	background-color:#FFFFFF;

	border:1px solid #666666;

}

#droppableColors ul, #droppableColors ul li {

	clear:both;

	list-style: none;

	margin: 0;

	padding: 0;

	text-indent: 0;

}

.droppableContainerArea {

	float:left;

	background-color:#FFFFFF;

	list-style:none;

	margin: 0;

	padding: 0;

	text-indent: 0;

}

.droppableContainerGray, .droppableContainerBrown, .droppableContainerGreen, .droppableContainerYellow, .droppableContainerRed, .droppableContainerPurple {

	clear:both;

  	font: 10px Tahoma;

	width:60px;

	height:23px;

	border:1px solid #666666;

	list-style: none;

	margin: 0;

	padding: 0;

	text-indent:0;

}

.droppableContainerGray ul, .droppableContainerBrown ul, .droppableContainerGreen ul, .droppableContainerYellow ul, .droppableContainerRed ul, .droppableContainerPurple ul {

	clear:both;

	list-style: none;

	margin: 0;

	padding: 0;

	text-indent:0;

}

.droppableContainerGray ul li, .droppableContainerBrown ul li, .droppableContainerGreen ul li, .droppableContainerYellow ul li, .droppableContainerRed ul li, .droppableContainerPurple ul li {

	clear:both;

	list-style: none;

	margin: 0;

	padding: 0;

	text-indent: 0;

}

.droppable-img-content {

	clear:both;

	width:60px;

	height:25px;

}

.indicator {

	float:left;

	width:80px;

	height:138px;

	background-color:#FFFFFF;

	border:1px solid #666666;

	text-align:center;

	padding-top:10px;

}