body {

	padding: 0px;

	font-family: Tahoma, Arial, Verdana;

	font-size: 11px;

	margin: 0px;

}

td {

	font-family: Tahoma, Arial, Verdana;

	font-size: 11px;

	color: #333333;

}

#header {

	margin-bottom: 15px;

}

#footer {

	margin-top: 15px;	

}

select {

	font-family: Tahoma, Verdana, Arial;

	font-size: 11px;

}

input {

	font-family: Tahoma, Verdana, Arial;

	font-size: 11px;

	color: #333333;

}





#pageHead {

	background-image: url(images/heading_bg.gif);

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #b1b1b1;

	height: 40px;

}



#copyright {

	font-family: Tahoma, Verdana, Arial;

	font-size: 9px;

	color: #999999;

	text-align: right;

}

form {

	margin: 0px;

	padding: 0px;

}

hr {

	margin-top: 5px;

	margin-bottom: 5px;

}

.tableSearch {

	background-color: #f6f6f6;

	border: 1px solid #CCCCCC;

}

.tableSearch th{

	font-family: Tahoma, Verdana, Arial;

	font-size: 13px;

	font-weight: bold;

	color: #FFFFFF;

	height: 18px;

	background-color: #999999;

	padding-right: 3px;

	padding-left: 3px;

}



.tableSearch .tdLabel {

	font-family: Tahoma, Verdana, Arial;

	font-size: 11px;

	color: #333333;

	padding-left: 5px;

	height: 16px;

}



.tableDetails .tdLabel {

	font-family: Tahoma, Verdana, Arial;

	font-size: 11px;

	font-weight: bold;

	color: #C05813;

	padding-left: 5px;

	height: 16px;

}

.tableDetails th{

	font-family: Tahoma, Verdana, Arial;

	font-size: 11px;

	font-weight: bold;

	color: #FFFFFF;

	height: 18px;

	background-color: #7DACC8;

	padding-right: 3px;

	padding-left: 3px;

}

.tableDetails .tdData {

	padding-left: 5px;

}

.tableList{

	background-color: #D8D8D8;

}

.tableList th{

	font-family: Tahoma, Arial, Verdana;

	font-size: 11px;

	font-weight: bold;

	color: #FFFFFF;

	padding-right: 4px;

	padding-left: 4px;

	background-color: #638EC0;

	padding-top: 4px;

	padding-bottom: 4px;

}



.tableList td {

	padding-left: 4px;

	padding-right: 4px;

	padding-top: 4px;

	padding-bottom: 4px;

}



.tableList .trEven {

	background-color: #FFFFFF;

	height: 17px;

}

.tableList .trOdd {

	background-color: #F6F6F6;

	height: 17px;

}

.tableForm {

	/*background-color: #F1F7FA;*/

}

.tableForm th{

	font-family: Tahoma, Arial, Verdana;

	font-size: 11px;

	font-weight: bold;

	height: 18px;

	padding-right: 3px;

	padding-left: 3px;

	text-align: left;

	color: #333333;

}

.tableForm .tdLabel {

	font-family: Tahoma, Verdana, Arial;

	font-size: 11px;

	color: #1E518F;

	padding-left: 5px;

	height: 16px;

}

.tableForm td{

	padding-top: 2px;

	padding-bottom: 2px;

}

.msg {

	font-family: Tahoma, Verdana, Arial;

	font-size: 11px;

	color: #CC0000;

	text-align: center;

	font-weight: bold;

}

.errorMsg {

	font-family: Tahoma, Verdana, Arial;

	font-size: 11px;

	color: #ff0000;

	text-align: center;

}

.error_msg {

	font-family: Tahoma, Verdana, Arial;

	font-size: 11px;

	color: #ff0000;

	text-align: center;

}

a:link {

	color: #C05813;

}

a:visited {

	color: #C05813;

}

a:hover {

	color: #CC0000;

}

textarea {



	font-family: Tahoma, Verdana, Arial;

	font-size: 11px;

	color: #333333;

}



#topnav {

	padding: 4px 0;

	text-align: right;

	background: #E5E5E5;

	font-size: 11px;

	}

#topnav ul {

	margin: 0;

	padding: 0;

	list-style: none;

	} 

#topnav li {

	display: inline;

	}		

#topnav a {

	padding: 0 5px;

	color: #333333;

	text-decoration: none;

	border-left: 1px solid #E5E5E5;

	}

#topnav a:hover {

	color: #666666;

	text-decoration: underline;

	}.perc100 {

	width: 100%;

}



#leftnav {

	text-align: left;

	background: #ffffff;

	font-size: 11px;

	width: 160px;

	}

#leftnav ul {

	padding: 0;

	list-style: none;

	margin-top: 10;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

	} 

#leftnav li {

	display: block;

	padding-top: 1px;

	padding-right: 1px;

	padding-bottom: 1px;

	padding-left: 8px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #E0E0E0;

	}		

#leftnav a {

	color: #1E518F;

	text-decoration: none;

	font-family: Tahoma, Arial, Verdana;

	font-size: 11px;

	}

#leftnav a:hover {

	color: #666666;

	text-decoration: underline;

	}

.perc100 {

	width: 100%;

}

.perc100 {

	width: 100%;

}

.headSection {

	font-family: Tahoma, Arial, Verdana;

	font-size: 11px;

	font-weight: bold;

	color: #003366;

}

.button {

	font-family: Tahoma, Arial, Verdana;

	font-size: 11px;

	color: #FFFFFF;

	background-color: #C05813;

	border: 1px solid #333333;

}
.buttondetail {

	font-family: Tahoma, Arial, Verdana;

	font-size: 11px;

	color: #FFFFFF;

	background-color: #C05813;

	border: 1px solid #333333;
	text-decoration:none;

}
.buttonEdit {

	/*font-family: Tahoma, Arial, Verdana;

	font-size: 16px;*/

	color: #FFFFFF;

	background-color:#006633;

	border: 1px solid #333333;
	margin-left:5px;

	font:bold 24px "Trebuchet MS" Arial, Helvetica, sans-serif;
   
	border:0px;
	text-decoration:none;
	width:150px;
	height:25px;
}
.buttonUpdate {

	/*font-family: Tahoma, Arial, Verdana;

	font-size: 16px;*/

	color: #FFFFFF;

	background-color:#663333;

	border: 1px solid #333333;
	margin-left:5px;

	font:bold 24px "Trebuchet MS" Arial, Helvetica, sans-serif;
   
	border:0px;
	text-decoration:none;
	width:150px;
	height:25px;
}





.buttonDelete {



	font-family: Tahoma, Arial, Verdana;

	font-size: 11px;

	color: #FFFFFF;

	background-color: #FF3737;

	border: 1px solid #333333;

}

.txtTotal {

	font-family: Tahoma, Arial, Verdana;

	font-size: 12px;

	font-weight: bold;

	color: #FF0000;

}

.txtLight {



	font-family: Tahoma, Verdana, Arial;

	font-size: 11px;

	color: #444444;

}

#tdMain {

	background-color: #EEEEEE;

	border: 1px solid #B1B1B1;

	height: 350px;

}

#content {

	padding: 15px;

}

#txtPageHead {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #DC4300;

	padding-left: 20px;

	background-image: url(images/bulllets/heading.gif);

	background-repeat: no-repeat;

	background-position: left;

	margin-left: 5px;

}

#txtPageHead1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #DC4300;

	padding-left: 20px;

	background-repeat: no-repeat;

	background-position: left;

	margin-left: 5px;

}
.star {
	color: #ff0000;	
}
.button1 {
	background:#e00070;
	font:bold 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
    color: #FFFFFF;
	border:0px;
	text-decoration:none;
	cursor:pointer;
}

<!---image hover --->
ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
background-color:#eae9d4;
padding: 6px;
-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);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -200px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}
<!---image hover --->

.import_excel:a{
font-weight:bold;
font-size:24px;

}