BODY {
   color: #000000;   margin-top : 2px; margin-left : 2px; margin-right : 2px; margin-bottom : 2px; font-size: 8pt; font-family: verdana;

}
.content-area {
   background-color: #ffffff;
}
.header {
   background-color: #003366;
}
.nav_head {
   background-color:#b0c4de;   
}
.nav_top {
   background-color: #6699cc; 
}
.nav_top2 {
   background-color: #ffffff; 
}
.nav_top3 {
   background-color: #ffffff;
}
.nav_side {
   background-color: #eeeeee;
}
.footer {
  background-color: #333192;
}
.side {
   background-color: #eeeeee;
}
.nav {
   background-color: #eeeeee;
}
.nav_footer {
   background-color: #eeeeee;
}


A:link {
   color: #0033cc;   text-decoration: none;
}
A:hover {
   color: #0033cc;   text-decoration: underline;
}
A:visited {
   color: #9933cc;   text-decoration: none;
}
h1 {
   font-weight: normal; font-size: 35px}
h2 {
   font-weight: normal; font-size: 25px
}
h3 {
   font-weight: normal; font-size: 22px
}
h4 {
   font-weight: normal; font-size: 18px
}
hr {
   color: #000066;
}
.nav-h-normal {
   padding-left : 20px;
   padding-right : 20px;
   color: #ffffff;
   font-size: 8pt;
   font-weight: bold; 
   /* background-color:#006699;  */
   background-color:#005885;
   border-style : solid solid solid solid;
   border-width : 1px 1px 1px 1px;
   border-color : #eeeeee #000000 #000000 #eeeeee;
   border-top-right-radius: 10px;
   border-top-left-radius: 10px;
}
.nav-h-normal A:link{
   color: #ffffff;
   font-size: 8pt;
   font-weight: bold; 
   background-color:#005885;
   /*background-color: #006699; */
}
.nav-h-normal A:visited{
   color: #ffffff;
   font-size: 8pt;
   font-weight: bold; 
   background-color:#005885;
   /*background-color: #006699; */
}
.nav-h-normal A:hover{
   color: #ffffff;
   font-size: 8pt;
   font-weight: bold; 
   text-decoration: underline;
   background-color:#005885;
 /* background-color:#006699; */
}
.nav-h-group {
   padding-left : 20px;
   padding-right : 8px;
   color: #ffffff;
   font-size: 8pt;
   font-weight: bold; 
   background-color: #006699;
   border-style : none none none none;
   border-width : 1px 1px 1px 1px;
}
.nav-h-highlighted {
   padding-left : 8px;
   padding-right : 8px;
   color: #000066;
   font-size: 8pt;
   font-weight: bold; 
   background-color: #eeeeee;
   border-style : solid solid solid solid;
   border-width : 1px 1px 1px 1px;
   border-color : #000000 #eeeeee #eeeeee #000000;
}
.nav-h-highlighted A:link{
   color: #000066;
   font-size: 8pt;
   font-weight: bold; 
   background-color: #eeeeee;
}
   color: #000066;
   font-size: 8pt;
   font-weight: bold; 
   background-color: #eeeeee;
}
.nav-h-highlighted A:hover{
   color: #000066;
   font-size: 8pt;
   font-weight: bold; 
   text-decoration: underline;
   background-color: #eeeeee;
}
.nav-t-normal {
   padding-left : 8px;
   padding-right : 8px;
   color: #000000;
   font-size: 8pt;
   background-color: #6699cc;
   border-style : solid solid solid solid;
   border-width : 3px 1px 3px 1px;
   border-color : #6699cc #6699cc #6699cc #6699cc;
}
.nav-t-group {
   padding-left : 25px;
   padding-right : 8px;
   color: #000000;
   font-size: 8pt;
   background-color: #6699cc;
   border-style : solid solid solid solid;
   border-width : 3px 1px 3px 1px;
   border-color : #6699cc #6699cc #6699cc #6699cc;
}
.nav-t-normal A:link{
   color: #000000;
   font-size: 8pt;
   background-color: #6699cc;
}
.nav-t-normal A:visited{
   color: #000000;
   font-size: 8pt;
   background-color: #6699cc;
}
.nav-t-normal A:hover{
   color: #000066;
   font-size: 8pt;
   text-decoration: underline;
   background-color: #6699cc;
}
.nav-t-highlighted {
   padding-left : 8px;
   padding-right : 8px;
   color: #000066;
   font-size: 8pt;
   background-color: #ffffff; 
   border-style : solid solid solid solid;
   border-width : 3px 0px 3px 0px;
   border-color : #6699cc #6699cc #ffffff #6699cc;
}
.nav-t-highlighted A:link{
   color: #000066;
   font-size: 8pt;
   background-color: #ffffff;
}
.nav-t-highlighted A:visited{
   color: #000066;
   font-size: 8pt;
   background-color: #ffffff;
}
.nav-t-highlighted A:hover{
   color: #000066;
   font-size: 8pt;
   text-decoration: underline;
   background-color: #ffffff;
}
.nav-t2-normal {
   padding-left : 8px;
   padding-right : 8px;
   color: #000000;
   font-size: 8pt;
   background-color: #ffffff;
   border-style : solid solid solid solid;
   border-width : 1px 1px 1px 1px;
   border-color : #ffffff #ffffff #999999 #ffffff;
}
.nav-t2-normal A:link{
   color: #000000;
   font-size: 8pt;
   background-color: #ffffff;
}
.nav-t2-normal A:visited{
   color: #000000;
   font-size: 8pt;
   background-color: #ffffff;
}
.nav-t2-normal A:hover{
   color: #999900;
   font-size: 8pt;
   text-decoration: underline;
   background-color: #ffffff;
}
.nav-t2-highlighted {
   padding-left : 8px;
   padding-right : 8px;
   color: #999900;
   font-size: 8pt;
   font-weight: bold;
   background-color: #eeeeee;
   border-style : solid;
   border-width : 1px 1px 1px 1px;
   border-color : #999999 #999999 #eeeeee #999999;
}
.nav-t2-highlighted A:link{
   color: #999900;
   font-size: 8pt;
   background-color: #eeeeee;
}
.nav-t2-highlighted A:visited{
   color: #999900;
   font-size: 8pt;
   background-color: #eeeeee;
}
.nav-t2-highlighted A:hover{
   color: #999900;
   font-size: 8pt;
   text-decoration: underline;
   background-color: #eeeeee;
}
.nav-t3-group {
   padding-left : 25px;
   padding-right : 8px;
   color: #000000;
   font-size: 8pt;
   background-color: #ffffff;
   border-style : solid solid solid solid;
   border-width : 1px 1px 1px 1px;
   border-color : #ffffff #ffffff #ffffff #999999;
}
.nav-t3-normal {
   padding-left : 8px;
   padding-right : 8px;
   color: #000000;
   font-size: 8pt;
   background-color: #ffffff;
   border-style : solid solid solid solid;
   border-width : 1px 1px 1px 1px;
   border-color : #ffffff #ffffff #ffffff #999999;
}
.nav-t3-normal A:link{
   color: #000000;
   font-size: 8pt;
   background-color: #ffffff;
}
.nav-t3-normal A:visited{
   color: #000000;
   font-size: 8pt;
   background-color: #ffffff;
}
.nav-t3-normal A:hover{
   color: #000066;
   font-size: 8pt;
   text-decoration: underline;
   background-color: #ffffff;
}
.nav-t3-highlighted {
   padding-left : 8px;
   padding-right : 8px;
   color: #000066;
   font-size: 8pt;
   font-weight: bold;
   background-color: #ffffff;
   border-style : solid;
   border-width : 1px 1px 1px 1px;
   border-color : #ffffff #ffffff #ffffff #999999;
}
.nav-t3-highlighted A:link{
   color: #000066;
   font-size: 8pt;
   background-color: #ffffff;
}
.nav-t3-highlighted A:visited{
   color: #000066;
   font-size: 8pt;
   background-color: #ffffff;
}
.nav-t3-highlighted A:hover{
   color: #000066;
   font-size: 8pt;
   text-decoration: underline;
   background-color: #ffffff;
}
.nav-s-normal {
   padding-left : 8px;
   padding-right : 8px;
   color: #000000;
   font-size: 8pt;
   background-color: #eeeeee;
   border-style : solid solid solid solid;
   border-width : 1px 1px 1px 1px;
   border-color : #eeeeee #eeeeee #eeeeee #eeeeee;
}
.nav-s-normal A:link{
   color: #000000;
   font-size: 8pt;
   background-color: #eeeeee;
}
.nav-s-normal A:visited{
   color: #000000;
   font-size: 8pt;
   background-color: #eeeeee;
}
.nav-s-normal A:hover{
   color: #000000;
   font-size: 8pt;
   text-decoration: underline;
   background-color: #eeeeee;
}
.nav-s-highlighted {
   padding-left : 8px;
   padding-right : 8px;
   color: #000000;
   font-size: 8pt;
   font-weight: bold;
   background-color: #ffffff;
   border-style : solid;
   border-width : 1px 1px 1px 1px;
   border-color : #ffffff #ffffff #ffffff #ffffff;
}
.nav-s-highlighted A:link{
   color: #000000;
   font-size: 8pt;
   background-color: #ffffff;
}
.nav-s-highlighted A:visited{
   color: #000000;
   font-size: 8pt;
   background-color: #ffffff;
}
.nav-s-highlighted A:hover{
   color: #000000;
   font-size: 8pt;
   text-decoration: underline;
   background-color: #ffffff;
}
.nav-f-group {
   padding-left : 30px;
   padding-right : 8px;
   color: #ffffff;
   font-size: 8pt;
   background-color: #333366;
   border-style : solid solid solid solid;
   border-width : 1px 1px 1px 1px;
   border-color : #333366 #333366 #333366 #333366;
}
.nav-f-normal {
   padding-left : 8px;
   padding-right : 8px;
   color: #ffffff;
   font-size: 8pt;
   font-weight: bold;
   /*background-color: #333366;
   border-style : solid solid solid solid;
   border-width : 1px 1px 1px 1px;
   border-color : #333366 #333366 #333366 #333366;*/
}
.nav-f-normal A:link{
   color: #ffffff;
   font-size: 8pt;
   
}
.nav-f-normal A:visited{
   color: #ffffff;
   font-size: 8pt;
}
.nav-f-normal A:hover{
   color: #ffffff;
   font-size: 8pt;
   text-decoration: underline;
}
.nav-f-highlighted {
   padding-left : 8px;
   padding-right : 8px;
   color: #ffff00;
   font-size: 8pt;
   background-color: #333366;
   border-style : solid;
   border-width : 1px;
   border-color : #333366;
}
.nav-f-highlighted A:link{
   color: #ffff00;
   font-size: 8pt;
   background-color: #333366;
}
.nav-f-highlighted A:visited{
   color: #ffff00;
   font-size: 8pt;
   background-color: #333366;
}
.nav-f-highlighted A:hover{
   color: #ffff00;
   font-size: 8pt;
   text-decoration: underline;
   background-color: #333366;
}

TH {
   font-family: Verdana;
   font-size: 8pt;
   font-weight: bold;
   background-color: #B0C4DE
}

TD {
   font-family: Verdana;
   font-size: 8pt;
  
}

input {
   color: black;
   font-family:verdana;
   font-size: 8pt
}

option
{ 
 font-family: verdana   ; 
 font-size: 8pt; 
 font-weight:normal; 
 color: black; 
}

select
{
 font-family: verdana; 
 font-size: 8pt; 
 font-weight:normal; 
 color: black; 
}

textarea {
   width:100%;
   color: black;
   font-family:verdana;
   font-size: 8pt
} 

.nav_sub1 {
   background-color: #999999; 
}

.nav_sub2 {
   background-color: #a4d58e; 
   }

.nav_sub3 {   
background-color: #e5f0d0; 
    padding-left : 8px;
   padding-right : 8px;
   color: #333691;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   border-style : solid solid solid solid;
   border-width : 1px 1px 1px 1px;
   border-color : #76767a #76767a #76767a #76767a;
   height:20px;
   }
   
 .nav_sub3 A:link{
   color:  #333691;
   font-size: 8pt;
   font-wight:bold;
}

.nav_sub3 A:visited{
   color:  #333691;
   font-size: 8pt;
}
.nav_sub3 A:hover{
   color: #333691;
   font-size: 8pt;
   text-decoration: underline;
}

.nav-s-normal_2 {
   padding-left : 8px;
   padding-right : 8px;
   color: #333593;
   font-size: 8pt;
  /* background-color: gold;*/
  background-color: #ffffff;
   border-style : solid solid solid solid;
   border-width : 1px 1px 1px 1px;
 /*  border-color : #eeeeee #eeeeee #eeeeee #eeeeee;*/
    border-color : #76767a #76767a #76767a #76767a;
    border-top-right-radius: 5px;
   border-top-left-radius: 5px;
}

.nav-s-normal_2 A:link{
   color:  #333593;
   font-size: 8pt;
  /* background-color: gold;*/
   background-color: #ffffff;
}
.nav-s-normal_2 A:visited{
   color:  #333593;
   font-size: 8pt;
 /*  background-color: gold;*/
  background-color: #ffffff;
}
.nav-s-normal_2 A:hover{
   color: #333593;
   font-size: 8pt;
   text-decoration: underline;
  /* background-color: gold;*/
   background-color: #ffffff;
}
.fieldError {
   font-size: 8pt;
   font-family: verdana;
   color: red;
   font-weight: bold;   
}
.actionError {
   font-size: 8pt;
   font-family: verdana;
   color: red;
   font-weight: bold;
}
.errorMessage {
   font-size: 8pt;
   font-family: verdana;
   color: red;
   font-weight: bold;
}

.successMessage {
   font-size: 8pt;
   font-family: verdana;
   color: blue;
   font-weight: bold;
}
/* from review branch */
.successMessage {
   font-size: 8pt;
   font-family: verdana;
   color: blue;
   font-weight: bold;
}
/* till here */
.readOnly {
   background: #f3f3f3;
}
.textArea {
   word-break:break-all;
}
.even {
   background: #ffffff;
}
.odd {
background: #f1f1f1;
}
.highlight {
color: red;
width: 120em;;
 background: yellow !important;
 
    white-space: normal;
    min-height: 30px;
    height: auto;
  }
 .important {
    font-weight: bold;
    background: red !important;
  }
.blueText {
  color: red;
}

.fnsDropDownDisabled{
  background-color: #EBEBE4;"
 }

.adminTab {
 width:87em;
 height: 50em;

 }
 
/* This has been added to fix Bug 2035.To adjust height of tabs. */
.adminProcessTab {
 width:87em;
 height: auto;
 min-height: 50em;

 }
.adminTab-small {
 width:87em;
 height: 114em;

 }
 
.adminTab-inside{
 width:85em;
 height:80em;

 }
.adminTab-inside .ui-tabs-nav
{
background: lightblue;
}


.adminTab-inside .ui-state-default a { 
 
 font-size:8pt 
 
  }
  
.adminTab-inside .ui-state-active a { color: #FFFF00; }
.fnsWebTableDiv{
border: 1px solid #668db6;;
width: 80%; 


}

.adminTab-inside-inside{
 width:83em;
 height: 70em;

 }
.adminTab-inside-inside .ui-tabs-nav
{
background: lightblue;
}


.adminTab-inside-inside .ui-state-default a { 
 
 font-size:8pt 
 
  }
  
.adminTab-inside-inside  .ui-state-active a { color: #FFFF00; }
.fnsWebTableDiv{
border: 1px solid #668db6;;
width: 80%; 


}



.tab {
 width:87em;
 height: 114em;

 }

.tab-small {
 width:87em;
 height: 114em;

 }
 
.tab-inside{
 width:85em;
 height:80em;

 }
/* .tab-inside .ui-tabs-nav
{
background: lightblue;
}
 */

.tab-inside .ui-state-default a { 
 
 font-size:8pt 
 
  }
  
/* .tab-inside .ui-state-active a { color: #FFFF00; } */
.fnsWebTableDiv{
border: 1px solid #668db6;;
width: 80%; 


}

.tab-inside-inside{
 width:83em;
 height: 70em;

 }
/* .tab-inside-inside .ui-tabs-nav
{
background: lightblue;
}
 */

.tab-inside-inside .ui-state-default a { 
 
 font-size:8pt 
 
  }
  
/* .tab-inside-inside  .ui-state-active a { color: #FFFF00; } */
.fnsWebTableDiv{
border: 1px solid #668db6;;
width: 80%; 
}


.tab-inside-inside-inside{
 width:75em;
 height: 60em;

 }
/* .tab-inside-inside-inside .ui-tabs-nav
{
background: lightblue;
} */


.tab-inside-inside-inside .ui-state-default a { 
 
 font-size:8pt 
 
  }
  
/* .tab-inside-inside-inside  .ui-state-active a { color: #FFFF00; } */
.fnsWebTableDiv{
border: 1px solid #668db6;
width: 80%; 
}

.fnsWebTableCellLargeDiv{
width: 8%; 
color: Black;
display: table-cell;
text-align: right;
font-family: verdana;
font-weight:bold;
}
.fnsWebTableCellSmallDiv{
width: 1.2%; 
color: Black;
font-family: verdana;
display: table-cell;
text-align: right;
}

.fnsWebTableHeaderDiv{
width: 100%; 
text-align: center;
background-color: #336799;
color: white;
font-family: verdana;
font-weight:bold;
}

.fnsWebTableRowDiv { 
  display:table-row
  font-family: verdana;
  font-size: 8pt;
  font-weight:bold;
}

button.fnsSubmitButton {
    border: none;
	background-color: transparent;
	cursor:pointer;
	outline: none;
}

.ui-dialog .ui-dialog-content
{
  background-color: white;
}


.ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
    height:auto; 
    padding-top:2px;
     background-color: white;
}


/* .ui-widget-header 
{
   background:#B0C4DE ;
    
   
} */
 .ui-dialog-titlebar-close { display: none; }
 .ui-jqgrid .ui-jqgrid-titlebar-close 
{display:none !important; 
} 
.ui-jqgrid .ui-jqgrid-htable th div
{
    white-space:normal;
    height:auto !important; 
}

	.ui-jqgrid .ui-jqgrid-htable thead {
			background-color: red; !important; 
		}
table.ui-jqgrid-btable tr:nth-child(even) td{
    background-color: #FAFAFA;   !important; 
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column{color:black;}

.selectedGrid td {
 background-color:#FFF2A0 !important;
color: black;
}
.selectedGrid A:link {
   color: #0033cc;   text-decoration: none;
}
.selectedGrid A:visited {
   color: #9933cc;;   text-decoration: none;
}

.errorGrid td {
 background-color:#F6E3CE !important;
color: black;
}
.selectedRow td {
 background-color:#F3E4CF !important;
color: black;
}

.selectedRow1 td {
 background-color:#A9CCE3 !important;
color: black;
}

.totalGrid td {
 background-color:#cccccc !important;
 font-weight: bold !important;

}
.ui-jqgrid .subgrid-data .ui-th-column { background: #D8D8D8;color:black; }

.subGridClass td {
    
    background-color: white!important;
   color:black !important;
}	

.StyleCss td{ background-color:	#FFFACD   !important; }

.selectCss{
 
   height: 150px !important;
   width: 150px !important;
}
.cancelButtonClass{
background-color:#FFF2A0 !important;
}

.fieldsetStyle {
                        border: 1px solid darkred;
                        border-radius: 5px;
                        width: 257px;    
                        height: 170px;    
                        padding: 10px;  
                              } 
 
  
   
   .fieldsetStyleBig {
                        border: 1px solid darkred;
                        border-radius: 5px;
                        width: 920px;                      
                        padding: 10px;      
                   }  
   

   .fieldsetStyle2 {
                        border: 1px solid darkred;
                        border-radius: 5px;
                        width: 430px;                         
                        padding: 10px;                    
                      
                        
                      
                   }   
    .fieldsetStyleMedium {
                        border: 1px solid darkred;
                        border-radius: 5px;
                        width: 600px;
                        padding: 55px;    
               }  
    .fieldsetStyleGenAdp {
                        border: 1px solid darkred;
                        border-radius: 5px;
                        width: 430px;                         
        }                    
                    
     .legendStyleGenAdp {                  
                  font-weight: bold;
                  padding: 0 5px;
                  font-size: 10pt;
                  color: blue;
                 }  
       
   .fieldsetStyleTruckLoad {
                        border: 1px solid darkred;
                        border-radius: 5px;
                        width: 800px;
                        padding: 5px;    
               }   
                    
                                   
  .fieldsetStyleBalanceTruckLoad {
                        border: 1px solid darkred;
                        border-radius: 5px;
                        width: 800px;
                        padding: 5px;    
               }                                            
.divStyle {
                  border: 1px dotted black;
                  border-radius: 5px;
                  width: 257px;                 
                 
        
               }    
  

                            
    .legendStyle {                  
                  font-weight: bold;
                  padding: 0 10px;
                  font-size: 10pt;
                  color: blue;
                 }               

 .box{
   float: left;
   padding: 5px;
   display: table;
   height:80px;
}



.child {
    display: table-cell;
    vertical-align: middle;
    
}

.divStyle1 {
                  border: 1px solid darkred;
                  border-radius: 5px;
                  padding: 15px;        
        
               } 

               
 .pleasedontfloat { 
    clear:both;
   text-align: right
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column{color:black;}
.whiteGrid td {
 background-color:#FFFFFF !important;
color: black;
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column{color:black;}
.greyGrid td {
 background-color:#E6E6E6 !important;
color: black;
}
.tableWithBorder td{
border: solid 1px lightgrey;
height:20px;
}

}


.column { 
	width: 70%; !important;
	float: right;
	padding-bottom: 100px; !important;
	}
	
	.column div { 
	margin:5px;
	}
	
	.column div div .ui-icon { 
	float: right;
	}
 
 .readOnlyText{
background-color:  #D3D3D3 ;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none !important;
  text-align:right;
}

.ui-button-left {
  float: left;
} 


.jquery_noDialogCloseButton .ui-dialog-titlebar-close {
  display: none;
}

a.disabled {
  pointer-events: none;
  cursor: default;
  background-color: #F9F8F8;
}
/* from review branch */
a.disabled {
  pointer-events: none !important;
  cursor: default !important;
  background-color: #F9F8F8 !important;
}
/* till here */
.table-with-border table,.table-with-border th, .table-with-border td {
  border: 1px solid black;
  border-collapse: collapse;;
}


/* Button Holder */
table.buttonHolder {
  margin-left:auto; 
 margin-right:auto;
 border-spacing:6px;
}

td.enabledButton{
padding: 6;
/*background-color:#EAE8E8 ;*/
}
td.disabledButton{
padding: 6;
background-color: #F9F8F8;
}

td.border-left-bottom{
    border-left: solid 1px #E1F1F9;
    border-bottom: solid 1px #E1F1F9;
    
}
.downloading {
	visibility: hidden;
	position: absolute;
    top: 45%;
    left: 45%;
    width: auto;
    z-index: 101;
    padding: 6px;
    margin: 5px;
    text-align: center;
    font-weight: bold;
    border-width: 2px !important;
    font-size: 11px;
    border: 1px solid #2694e8;
    background: rgba( 255, 255, 255, .8 ) url(../struts/themes/cupertino/images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #ffffff;
}
.disableLink {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.fileUpload {
	border: 1px solid black
}
.no-close .ui-dialog-titlebar-close {
  display: none;
}


.no-close .ui-dialog-titlebar-close {
  display: none;
}
.ui-jqgrid tr.jqgrow td.largeAmount {
    white-space: normal !important;
    height:auto; 
    padding-top:2px;
    background-color: #ddebdb;
    /*rgba(228, 238, 226, 1); edf4ec*/
}
.uploading {
	visibility: hidden;
	position: absolute;
    top: 45%;
    left: 45%;
    width: auto;
    z-index: 101;
    padding: 6px;
    margin: 5px;
    text-align: center;
    font-weight: bold;
    border-width: 2px !important;
    font-size: 11px;
    border: 1px solid #2694e8;
    background: rgba( 255, 255, 255, .8 ) url(../struts/themes/cupertino/images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #ffffff;
}
.textButton {
  color: black;
  padding: 4px 8px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  font-family: Verdana;
  font-size: 8pt;
  font-weight: bold;
}

.boldText {
   font-weight:bold;
}