.formbox 
{ 
width:320px;
margin: 10px 5px 15px 10px; 
border: #3c5a86 1px solid; 
font-size: 12px; 
font-weight: normal; 
color: #000000; 
background-color: #e4e0e1;
} 

.formcontent {
/* for IE top right bottom left */
padding: 3px 5px 3px 5px;
}

div.formtitle
  {
  width:320px;
  height:25px;
  background:url("/gifs/bg_formtitle.gif") repeat;
  border:0px solid black;
  margin:0px 0px;
  font-weight: normal;
  font-size: 16px;
  color:#ffffff;
  text-align:center;
}

.menu_section_font {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: black; text-decoration: normal; margin-left: 0px}
.menu_item_font {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: black; text-decoration: normal; margin-left: 0px}

  
  .smallb  	{ font-family : Tahoma,Arial,Helvetica; font-size : 8pt; font-weight : bold; text-decoration : none;}
   .newPageAfter { page-break-after : always; }
   body,p,td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 12px; text-decoration: none; color: black; }
   A,A:visited  { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: navy}
   A:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: none; text-decoration: none; color: navy} 

   h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 26px; color: grey; text-decoration: normal; margin-left: 0px}

  .formtitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: white; text-align:center; text-decoration: normal; margin-left: 0px}

  .disclaimer {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: grey; text-decoration: normal; margin-left: 0px}
  .pageno { font-family : verdana; font-size : 8pt; }
  .record {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: navy; text-decoration: normal; margin-left: 2px; margin-right:2px}
  .record_big5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: navy; text-decoration: normal; margin-left: 2px; margin-right:2px}
  .recordred {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: red; line-height:1.3; text-decoration: bold}
  .recordgreen {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: green; line-height:1.3; text-decoration: bold}
  .intro {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black; line-height:1.3; text-decoration: bold}
  .recordr {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: red; text-decoration: normal; margin-left: 0px}
  .recordg {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: green; text-decoration: normal; margin-left: 0px}
  .recordb {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: navy; text-decoration: bold; margin-left: 20px}
  .record2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: navy; text-decoration: normal; margin-left: 0px}
  .whites { font-family : Verdana,Arial,Helvetica; font-size : 10pt; color : white; font-weight : bold; text-decoration : none;}
  .whiteb {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: white; text-decoration: bold; margin-left: 0px}
  .whiteb2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: white; text-decoration: bold}
  .tips {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: grey; text-decoration: normal; margin-left: 0px}
  .footer {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: grey; text-decoration: normal; margin-left: 0}
  .pageheading {  font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: navy; font-weight: normal; text-decoration: normal; margin-left: 0px}
  .pageheadingred{  font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: red; font-weight: normal; text-decoration: normal; margin-left: 0px}
  .information {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; line-height:1.3; text-decoration: bold}
  .searchheading {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0C1A66; line-height:1.3; text-decoration: normal}
  .listheading {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;color: white; line-height:1.3; text-decoration: normal}
  .searchheadingw {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: white; line-height:1.3; text-decoration: none}
  .forminput {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #081765; line-height:1.3; text-decoration: normal; }
  .forminput_big5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #081765; line-height:1.3; text-decoration: normal; }
  .forminput_select {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #081765; line-height:1.3; text-decoration: normal}
  .prompt {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #081765; line-height:1.3; text-decoration: normal; font-weight:bold}
  .mandatory {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; line-height:1.3; text-decoration: normal}

  .thankyou_text {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: black; line-height:1.3; text-decoration: bold}
  .basket_item {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: black; line-height:1.3; text-decoration: bold}
  .requirement   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: red; font-weight: normal;}
  
  .breadcrumbs { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:  #999999; text-decoration: none}
  .line { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #EB2718; }
  .t_sno  { font-family : tahoma; font-size : 10px; font-weight : bold; color : black; 
		  background-color : beige; cursor : hand; }
  .t_syes { font-family : tahoma; font-size : 10px; font-weight : bold; color : red; 
		  background-color : white; cursor : hand; }

.l_no  		{ float: left; width: 24px; height: 20px; padding: 3px 0px 0px 0px; background-image:url(/gifs/tab.gif); margin: 0 auto; text-align:center; font-weight: bold;
			  color: black; font-family: arial; font-size: 15px; background-color: beige; list-style: none; cursor: pointer; }
.l_yes 		{ float: left; width: 24px; height: 20px; padding: 3px 0px 0px 0px; background-image:url(/gifs/tab.gif); margin: 0 auto; text-align:center; font-weight: bold;
			  color: red; font-family: arial; font-size: 15px; background-color: white; list-style: none; cursor: pointer; }

 .error   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: red; font-weight: normal;}
 .soldout   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: red; font-weight: bold;}

 .errorlargebold   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: red; font-weight: bold;}
table.boxed { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: silver; border-collapse: collapse; }
table.boxed td { border-spacing: 0px; border-width: 0px; padding: 0px; border-style: solid; border-color: silver; -moz-border-radius: 0px; padding-top:2px; padding-bottom:2px;  padding-left: 5px; padding-right: 5px;}
table.boxed th { text-align: left; border-spacing: 0px; border-width: 1px; padding: 0px; border-style: solid; border-color: silver; color: white; background-color: #3366cc; -moz-border-radius: 0px; padding-top:2px; padding-bottom:2px;   padding-left: 5px; padding-right: 5px;}

 <cfif #Find("MSIE", HTTP_USER_AGENT)# NEQ 0>
.formentry,.inputtextbox  { color:navy; font-family : Tahoma,Arial; font-size : 9pt; font-weight : normal; background-Color : white; 
			 color : white; }
.formentrys,.inputtextboxs  { color:navy; font-family : Tahoma,Arial; font-size : 8pt; font-weight : normal; background-Color : white; 
			 color : white; }
<cfelse>
.formentry,.inputtextbox  {color:navy;  font-family : Tahoma,Arial; font-size : 9pt; }
.formentrys,.inputtextboxs  { color:navy; font-family : Tahoma,Arial; font-size : 8pt; }
</cfif>

legend { 
  margin-left: 10px;
  padding: 0.2em 0.5em;
  border:1px solid silver;
  color: grey;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

label span {
  float: left;
  width: 10em;
  font-size:12px;
  margin-left:10px;
}
  
 
/* Form fieds sytle setup */
select.disabled 
{
  font-family : Tahoma,Arial;
  font-size:8pt;
  color :silver;
  background-color:#C7C8FD;
}

select
{
  font-weight : Normal;
  font-family : Tahoma,Arial;
  font-size:15px;
  color:black;
  border: 1px solid silver; 
  background-color: #FFFFFF; 

 }

input
{
  font-weight : Normal;
  font-family : Tahoma,Arial;
  font-size:12px;
  color:black;
  border: 1px solid grey; 
  background-color: white; 
  margin:2px;
 }


input.readonly 
{
  font-weight : Normal;
  font-family : Tahoma,Arial;
  font-size:12px;
  color:black;
  border: 1px solid grey; 
  background-color:#C7C8FD;
    margin:2px;
}

textarea 
{
  font-weight : Normal;
  font-family : Tahoma,Arial;
  font-size:8pt;
  background-color:white;
  color:black;
}

.buttonxx
{ 
background-color:#828282 ;
font-family: verdana;
border: grey 1px solid;
font-size: 12px;
color: white;
cursor : pointer;
padding: 3px 5px 3px 5px;
}

.update_button
{
background-color:green ;
font-family: verdana;
border: grey 1px solid;
font-size: 12px;
color: white;
cursor : pointer;
padding: 3px 5px 3px 5px;
}

.cancel_button
{
background-color:orange ;
font-family: verdana;
border: grey 1px solid;
font-size: 12px;
color: white;
cursor : pointer;
padding: 3px 5px 3px 5px;
}

.insert_button
{
background-color: #8080FF ;
font-family: verdana;
border: grey 1px solid;
font-size: 12px;
color: white;
cursor : pointer;
padding: 3px 5px 3px 5px;
}

.general_button
{
background-color: grey ;
font-family: verdana;
border: grey 1px solid;
font-size: 12px;
color: white;
cursor : pointer;
padding: 3px 5px 3px 5px;
}
.edit_button
{
background-color:green ;
font-family: verdana;
border: grey 1px solid;
font-size: 12px;
color: white;
cursor : pointer;
padding: 3px 5px 3px 5px;
}

.delete_button
{
background-color: red ;
font-family: verdana;
border: grey 1px solid;
font-size: 12px;
color: white;
cursor : pointer;
padding: 3px 5px 3px 5px;
}

.search_button
{
background-color: #C0C000 ;
font-family: verdana;
border: grey 1px solid;
font-size: 12px;
color: black;
cursor : pointer;
padding: 3px 5px 3px 5px;
}


.leadcap { 
	margin-top: -10px; 
	font-family: "Bookman Old Style","Times New Roman", serif ;
	font-weight: bold; 
	font-size: 40px; 
	text-align: left; 
	color: #CCCCCC; 
	margin-bottom: -10px;
	}
.smallcap { 
	margin-top: -10px; 
	margin-left: 33px; 
	font-family: "Bookman Old Style","Times New Roman", serif ; 
	font-weight: bold; 
	font-size: 27px; 
	text-align: left; 
	color: #CCCCCC; 
	margin-bottom: -10px; 
	}
.subtext { 
	margin-top: -11px; 
	margin-left: 35px; 
	font-family: "Arial bold","helvetica", sans-serif ;
	font-size: 27px; 
	text-align: left; 
	color: #828282; 
	margin-bottom: -10px;
	}
	
.shadow { 
	margin-top: 20px; 
	margin-left: 4px; 
	font-family: "Arial bold","helvetica", sans-serif ;
	font-size: 25px; 
	text-align: left; 
	color: #CCCCCC; 
	margin-bottom: -8px;
	}
	
.shadowFront { 
	margin-top: -31px; 
	margin-left: 1px; 
	font-family: "Arial bold","helvetica", sans-serif ;
	font-size: 25px; 
	text-align: left; 
	color: #828282; 
	margin-bottom: -8px;
	}


@media print  { 
	body { font-family: tahoma; font-size: 10pt; color: black; font-weight: normal; background-color: white; 
	<cfif Find("MSIE", HTTP_USER_AGENT) NEQ 0>writing-mode: tb-rl; height: 100%; margin: 0% 0%;</cfif> } }
@media screen { body { font-family: tahoma; font-size: 10pt; color: black; font-weight: normal; background-color: white; } }