.msgBackGround{
    background-color:  #CFCFCF;
    font-weight: bolder;
    color: #CC0000;
}
.fontClass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.headFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	 text-align:right;
    font-weight:bold;
	color: #000000;
	 
}
.mainHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #669999;
	background-color: #BBCCBB;
}
.subHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
}
.tableHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666633;
	text-decoration: underline;
}

.try{
font-size: 30px;
}

.pdfExlIcon {
	float: left;
	height: 16px;
	width: 16px;
	border: 5;
}
.formTitle {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #669999;
	font-weight: bold;
}


 .blueWithWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #333366;
	font-weight: bolder;
}

.headFontLftAlgn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
        font-weight:bold;
	color: #000000;
}

/* New CSS for Table of Form*/
.tblBGColor{

/*	background-color:#f2f2f2;*/
	line-height: 180% ;
	margin-right:1px;	
margin-bottom:2px;
 margin-top:2px
}
.tblLeftTd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	 text-align:right;
    font-weight:bold;
	color: #000000;	 
}
.tblRightTd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	 text-align:left;
    font-weight:bold;
	color: #000000;	 
}
.colon {
	font-weight: bold;
	text-align: center;
}

.header{
	 background-color:#f2f2f2;
	 line-height: 200% ;
	 
}

.headerLeftTd
{ 
 margin:5px 0px 0px 0px;
    font-weight: bold;
    color: #000066;
	text-align:right;

}
.headerRightTd
{
    margin:5px 0px 0px 0px;
    font-weight: bold;
    color: #000066;
   text-align:left;
}
.outerTblBG {
	/*background-color: #D8D8D8;*/	
}
.legend{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align:left;
    font-weight:bold;
   /* color: #676767;	 */
    margin-left:15px
}
.btn{	
	/* width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bolder;*/
}
.fieldSet{
 border: 2px ridge #676767; 
 color: #ffffff; 
/* width: 95%;*/ 
 margin-left:4px;
 margin-right:4px;
 margin-bottom:2px;
 margin-top:2px
}
.innerLegend {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align:left;
    font-weight:bold;
    color: #CCCCCC;	 
}
.innerFieldSet{
 border: 2px ridge #CCCCCC; 
 color: #ffffff; 
 width: 95%; 
 margin-left:4px;
 margin-right:4px;
 margin-bottom:2px;
 margin-top:2px
}
.forDimensionDiv{
   background-color:#D8D8D8;
   line-height: 180% ;

}
.headerCenter
{
    margin:5px 0px 0px 0px;
    font-weight: bold;
    color: #000066;
   text-align:center;
}

.menuBar{
	font: bold, Arial, Helvetica, sans-serif;
	color: white;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 4px 4px 12px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	background-color: #333366;
	
	font-weight: bolder;

}

 .lightBlueWithWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #A9A9D3;
	font-weight: bolder;
}



.smallselect{
width:100px;
}

select{
width:170px;
}

.middiumselect{
width:210px;
}


.bigselect{
width:270px;
}

.textBox{
width:170px;
}
.smalltextBox{
width:100px;
}

.middiumtextBox{
width:210px;
}


.bigtextBox{
width:270px;
}

.formDiv{
  padding:15px;
}
.tblLeftTdNew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:right;
        font-weight:bold;
        color: #000000;	 
        padding:2px;
}
.tblRightTdNew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
        font-weight:bold;
	color: #000000;	 
        padding:2px;
}


.bckGround {
	background-color: #E8F5FF;
}

/* style for making image large on hover */

ul.enlarge{
list-style-type:none; /*remove the bullet point*/
}

ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
z-index: 0; /*resets the stack order of the list items - we'll increase in step 4. See support section for more info*/
}

ul.enlarge span{
position:absolute; /*see support section for more info on positioning*/
left: -9999px; /*moves the span off the page, effectively hidding it from view*/
}

ul.enlarge img{
/*give the thumbnails a frame*/
background-color:#eae9d4; /*frame colour*/
padding: 6px; /*frame size*/
/*add a drop shadow to the frame*/
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
/*and give the corners a small curve*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

 ul.enlarge li:hover{
z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/
cursor:pointer; /*changes the cursor to a hand*/
}

/***We bring the large image back onto the page by reducing left from -9999px (set in step 2) to figures below***/
ul.enlarge li:hover span{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/
top: -170px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -100px; /*distance from the left of the thumbnail to the left of the popup image*/
}
/***To make it look neater we used :nth-child to set a different left distance for each image***/
ul.enlarge li:hover:nth-child(2) span{
left: -100px;
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px;
}