/** Add css rules here for your application. */
/** Example rules used by the template application (remove for your app) */
h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
	
}
.sendButton {
	display: block;
	font-size: 16pt;
}
/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}
/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}
/*css for flex table*/
gridBody {
	width: 950px;
	height: 224px;
	top: 50px;
}

body {
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 8.5pt;
	margin-top: 5px;
	margin-left: 0px;
}

h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}

.labelStyle {
	font-size: 10pt;
}

.radioStyle {
	vertical-align: middle;
	widhth: 70px;
}

.gwt-PopupPanel {
	border: 3px solid #C3D9FF;
	padding: 3px;
	background: white;
}

.gwt-PopupPanelGlass {
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity = 30);
}

html>body .gwt-PopupPanel {
	
}

* html .gwt-PopupPanel {
	
}

.gwt-DecoratedPopupPanel .popupContent {
	
}

.gwt-DecoratedPopupPanel .popupMiddleCenter {
	padding: 3px;
	background: #d0e4f6;
}

.gwt-DecoratedPopupPanel .popupTopCenter {
	background: url(images/hborder.png) repeat-x;
}

.gwt-DecoratedPopupPanel .popupBottomCenter {
	background: url(images/hborder.png) repeat-x 0px -4px;
	-background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}

.gwt-DecoratedPopupPanel .popupMiddleLeft {
	background: url(images/vborder.png) repeat-y;
}

.gwt-DecoratedPopupPanel .popupMiddleRight {
	background: url(images/vborder.png) repeat-y -4px 0px;
	-background: url(images/vborder_ie6.png) repeat-y -4px 0px;
}

.gwt-DecoratedPopupPanel .popupTopLeftInner {
	width: 5px;
	height: 5px;
	zoom: 1;
}

.gwt-DecoratedPopupPanel .popupTopRightInner {
	width: 8px;
	height: 5px;
	zoom: 1;
}

.filterDiv {
	width: 100%;
	margin-left: 0px;
	background-color: grey;
	font-size: 14px;
	font-family: Verdana;
	font-weight: bold;
	height: 40px;
}

.labelCSS {
	width: 120px;
	text-align: left;
}

.textCSS {
	width: 80px;
	text-align: right;
}

.buttonCSS {
	text-align: center;
}

.optioDiv {
	margin-top: 60px;
}

.listGrid {
	margin-top: 40px;
	margin-left: 3px;
	width: 650px;
	height: 180px;
}

.chartContainer {
	margin-top: 0px;
	width:100%;
    position:relative;
}

.chartContainerCSS {
	height: 180px;
	margin-left: 3px;
}
/**** start of CSS development by sachin ****/
.popUpCSS {
	margin-left: 905px;
	height: 200px;
	width: 180px;
}

listGrid {
	margin-top: 40px;
	width: 0px;
	height: 0px;
}

.popupContent
{
right: 10px	;
}

#titleLbl
{
 font-size: 18px; 
 color: white;
 margin-left:15px;
}


#filterMainOuterDiv
{
    border-radius: 3px;
	border: 1px solid lightgray;
	left: auto !important;
	right: 300px;
	top: 300px;
	z-index: 20;
	background: none repeat scroll 0% 0% #FFF;
	box-shadow: 1px 3px 6px 3px rgba(142,142,142,.25);
	padding: 0px;
	margin: 0px;
    
}

.fltrPopupVPnl 
{
	position: relative;
	background-color: whitesmoke;
}

.filterScrlPnl
{            
	height: 200px;
	width: 190px;
	padding: 0px;
	cellspacing: 0px;
	background-color: white;
	border: 1px solid lightgray;
	border-radius: 2px;
}



.flexTable
{
	background-color: white;
	font-size: small;
}

.flexTable td {
	border: 0px solid #BBBBBB;
	padding: 3px;
	cellspacing: 0px;
	cellpadding: 0px;
	width: 20em;
}
.flexTable tr:HOVER
{
	background-color:#0099FF; 
}



/** Add css rules here for your application. */
ul.token-input-list {
	overflow: hidden;
	height: auto !important;
	height: 10px;
	width: 100px;
	border: 1px solid #8496ba;
	cursor: text;
	font-size: 12px;
	font-family: Verdana;
	min-height: 1px;
	z-index: 999;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

ul.token-input-list {
	list-style-type: none;
}

ul.token-input-list li input {
	border: 0;
	width: 50px;
	background-color: white;
}

li.token-input-token {
	overflow: hidden;
	height: auto !important;
	height: 1%;
	margin: 3px;
	padding: 1px 3px;
	background-color: #eff2f7;
	color: #000;
	cursor: default;
	border: 1px solid #ccd5e4;
	font-size: 11px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
}

li.token-input-token p {
	display: inline;
	padding: 0;
	margin: 0;
}

li.token-input-token span {
	color: #a6b3cf;
	margin-left: 5px;
	font-weight: bold;
	cursor: pointer;
}

li.token-input-selected-token {
	background-color: #5670a6;
	border: 1px solid #3b5998;
	color: #fff;
}

li.token-input-input-token {
	float: left;
}

/**** End  of CSS by sachin ****/
/**** start of CSS by swati ****/
.grid {
	position: absolute;
	left: 10px;
	border: 1px solid black;
	border-collapse: collapse;
	text-align: center;
	width: 800px
}

.tableCell {
	background-color: #F0F0F0;
	border: 1px solid black;
	width: 100px;
}

.tableCell1 {
	border: 1px solid black;
	width: 100px;
}

.gridSrollCSS {
	height: 200px;
	width: 960px;
}

/**** end of CSS by swati****/
.gridBackground {
	background-color: white;
	border: 1px solid #B5B8C8;
}

.vPanelCSS {
	
}

.lablePanleCSS {
	width: 930px;
	color: white;
}

.textBoxCss {
	height: 15px;
	width: 100px;
}

.suggetionBoxCss {
	height: 15px;
	width: 100px;
}


.dataGridCSS {
	border: solid 1ps black;
}

/*for datagrid table*/

.childCell {
	padding-left: 30px;
	border: 2px solid #eee !important;
	background: #eee !important;
}

.groupHeaderCell {
	padding: 1px 15px;
	color: #4b4a4a;
	text-shadow: #ddf 1px 1px 0;
	font-size: 130%;
	background: #eee;
}

/*end for data grid table*/


.FlexTable
{
 	/* border: 0px solid black;
	background-color: #59FFFF; */
	width: 100%;
	line-height: 29px;
	text-align: left;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 2px;
	background-color: white 
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
	/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); */
	
}


.FlexTable-ColumnLabel
{
	/* color: black;
	padding: 3px;
	font: bold Arial, sans-serif, courier;
	font-size: 11pt; */
	
	line-height: 29px;
	padding: 0 0px;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #4bc1d2 #13AEC4 #5CCADA;
	
	/* IE10 Consumer Preview  */
	background-image: -ms-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
	/* Mozilla Firefox  */
	background-image: -moz-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
	/* Opera  */
	background-image: -o-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
	/* Webkit (Safari/Chrome 10)  */
	background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(0.6, #4BC1D2),	color-stop(1, #5ADAEC) );
	/* Webkit (Chrome 11+)  */
	background-image: -webkit-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
	/* W3C Markup, IE10 Release Preview  */
	background-image: linear-gradient(literal("to bottom"), literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
	
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
	text-rendering: optimizeLegibility;
	font-size: 12px;
	font-weight: bold;
	
}

.FlexTable-ColumnLabelCell {
	/* border: solid; */
	border-color: #4bc1d2 #13AEC4 #5CCADA;
	background-image: linear-gradient(to bottom, #4bc1d2 60%, #5adaec 100%);
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.06) inset, 0 1px rgba(0, 0, 0, 0.04);
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
}

.FlexTable-LblCell
{
	background-color: #6699FF;
	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif;
    font-size: 12px;
    line-height: 29px;
    padding: 0 10px;
    text-rendering: optimizelegibility;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #CBCBCB #D5D5D5 #C2C2C2;
	text-align: left;
}

.FlexTable-LblCell
{
	background-color: #6699FF;
	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif;
    font-size: 12px;
    line-height: 29px;
    padding: 0 10px;
    text-rendering: optimizelegibility;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #CBCBCB #D5D5D5 #C2C2C2;
	text-align: left;
}




.FlexTable-LblCell-Left
{
	background-color: #6699FF;
	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif;
    font-size: 12px;
    line-height: 29px;
    padding: 0 10px;
    text-rendering: optimizelegibility;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #CBCBCB #D5D5D5 #C2C2C2;
	text-align: left;
}

.FlexTable-LblCell-Right
{
	background-color: #6699FF;
	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif;
    font-size: 12px;
    line-height: 29px;
    padding: 0 10px;
    text-rendering: optimizelegibility;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #CBCBCB #D5D5D5 #C2C2C2;
	text-align: right;
}

.FlexTable-LblCell-Center
{
	background-color: #6699FF;
	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif;
    font-size: 12px;
    line-height: 29px;
    padding: 0 10px;
    text-rendering: optimizelegibility;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #CBCBCB #D5D5D5 #C2C2C2;
	text-align: center;
}
/*Dhanendra 1-10-2014 for cursor*/
.FlexTable-LblCell-Right-Cursor
{
	background-color: #6699FF;
	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif;
    font-size: 12px;
    line-height: 29px;
    padding: 0 10px;
    text-rendering: optimizelegibility;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #CBCBCB #D5D5D5 #C2C2C2;
	text-align: right;
	cursor: pointer;
	
}
.FlexTable-LblCell-Left-Cursor
{
	background-color: #6699FF;
	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif;
    font-size: 12px;
    line-height: 29px;
    padding: 0 10px;
    text-rendering: optimizelegibility;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #CBCBCB #D5D5D5 #C2C2C2;
	text-align: left;
	cursor: pointer;
	
}
/*End Dhanendra 1-10-2014 for cursor*/

.filterdivHeading
{
	background-color: gray;
}
.filterDivHeadingName
{
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	margin-left: 15px;
}
.filterHeaderLabel
{
	font-size: 12px;
	background: transparent;
	border: 1px;
	
}
.filterHeaderPanel
{
	background: transparent;
	padding: 3px;
	width: 100%;
	text-align: center;
}
.imgalignment
{
	margin-left: 20px;
}
.filterImage
{
	height: 35px;
	top: -8px;
	position: relative;
	cursor:pointer;
}
/* start of CSS for grid table*/

.e12Pager{
	position: relative;
	top: -27px;
	left: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #dbdbdb #d2d2d2 #ccc;
	border-radius: 0px 0px 5px 5px;
	background: #f4f4f4;
	width: 100%;
	height: 30px;
}
.pagerLabel{
	color: #777;
	margin-left: 20px;
}

.e12Pager-setting {
 	width: 28px !IMPORTANT;
 	height: 25px !IMPORTANT;
  	position: relative;
	margin-left: 1px;
	margin-right: 2px;
	background-size: 60% !IMPORTANT;
	background-position: 50% 50% !IMPORTANT;
	position: relative;
	cursor: pointer;
	
}
.e12pager-nav-button{
	float: right;
}

.nextPageButton{
	margin-left: 4px;
	margin-right: 4px;
	cursor: pointer;
}

.prevPageButton{
	margin-left: 4px;
	margin-right: 4px;
	cursor: pointer;
}

.e12SearchOption-footer-btns{
	float: right;
}

.bubbleBox-grad {
	width: 475px;
	position: relative;
	padding: 15px;
	margin: 1em 0 3em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* background: #fff; */
	background: -webkit-gradient(linear, literal("left top"), literal("left bottom"), from(#fff), to(#999) );
	background: -moz-linear-gradient(top, #fff, #999);
	background: -o-linear-gradient(top, #fff, #999);
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient( top, literal("#999999 0%"), literal("#FFFFFF 100%") );
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient( top, literal("#999999 0%"), literal("#FFFFFF 100%") );
	/* Opera */ 
	background-image: -o-linear-gradient( top, literal("#999999 0%"), literal("#FFFFFF 100%") );
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient( linear, literal("left top"), literal("left bottom"), color-stop(0, #999999), color-stop(1, #FFFFFF) );
	/* Webkit (Chrome 11+) */ 
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient( literal("to bottom"), literal("#999999 0%"), literal("#FFFFFF 100%") );
	
	z-index: 1;
}

.bubbleBox-no-grad {
	position: relative;
	z-index: 1;
}

.bubbleBox-grad.bottom {
	/*background: #fff;*/
	 background:-webkit-gradient(linear, literal("left top"), literal("left bottom"), from(#999), to(#fff));
    background:-moz-linear-gradient(top, #999, #fff);
    background:-o-linear-gradient(top, #999, #fff); 
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient( top, literal("#FFFFFF 0%"), literal("#999999 100%") );
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient( top, literal("#FFFFFF 0%"), literal("#999999 100%") );
	/* Opera */ 
	background-image: -o-linear-gradient( top, literal("#FFFFFF 0%"), literal("#999999 100%") );
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient( linear, literal("left top"), literal("left bottom"), color-stop(0, #FFFFFF), color-stop(1, #999999) );
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient( top, literal("#FFFFFF 0%"), literal("#999999 100%") );
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient( literal("to bottom"), literal("#FFFFFF 0%"), literal("#999999 100%") );
}

    /* creates triangle */
    .bubblebox:after,
    .bubbleBox-grad:after {
        content:"";
        display:block; /* reduce the damage in FF3.0 */
        position:absolute;
        bottom:-15px; /* value = - border-top-width - border-bottom-width */
        left:50px; /* controls horizontal position */
        width:0;
        height:0;
        border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
        border-style:solid;
        border-color:#999 transparent;
    }
    
   
    .bubblebox.top:after,
    .bubbleBox-grad.top:after {
        top:-15px; /* value = - border-top-width - border-bottom-width */
        right:19px; /* controls horizontal position */
        bottom:auto;
        left:auto;
        border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
        border-color: #999 transparent;
    }

    .bubbleBox-grad.bottom:after {
        top:104px; /* value = - border-top-width - border-bottom-width */
        right:35px; /* controls horizontal position */
        bottom:auto;
        left:auto;
        border-width:15px 15px 0px; /* vary these values to change the angle of the vertex */
        border-color: #999 transparent;
    }

	.bubblebox.topTablet:after {
        top:-15px; /* value = - border-top-width - border-bottom-width */
        right:82px; /* controls horizontal position */
        bottom:auto;
        left:auto;
        border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
        border-color: #999 transparent;
    }
 
 /**********************************************************************/
/* gwt-ScrollTable 													  */
/**********************************************************************/

.gwt-ScrollTable {
	border: none !important;
}

.gwt-ScrollTable .headerWrapper {
  background: #8bd url(images/bg_header_gradient.gif) repeat-x bottom left;
}

.gwt-ScrollTable .footerWrapper {
  border-top: 1px solid #aaa;
  background: #8bd url(images/bg_header_gradient.gif) repeat-x bottom left;
}

.gwt-ScrollTable .dataTable td,
.gwt-ScrollTable .headerTable td,
.gwt-ScrollTable .footerTable td {
  border-color: #aaa;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  white-space: nowrap;
  overflow: hidden;
 width: 100px;
  
}

.gwt-ScrollTable .headerTable td,
.gwt-ScrollTable .footerTable td {
  color: #fff;
  font-size:11px;
  line-height:10px;
  /*height:10px;*/
  white-space: nowrap;  
  clear: both;
  width: 60px;
}

.gwt-ScrollTable .dataTable tr,
.gwt-ScrollTable .dataTable td{
 font-size:10px;
 line-height:5px;
}
 .gwt-ScrollTable .dataWrapper{
  height:10px;
 }      
.gwt-ScrollTable .dataTable tr.highlighted {
  background: #C3D9FF;
 }
.gwt-ScrollTable .dataTable td.highlighted {
  background: #C3D9FF;
  cursor: hand;
  cursor: pointer;
}
.gwt-ScrollTable .dataTable tr.selected td {
  background: #FFFFAA;
 
}
 /*end for GWT scroll table css*/   
  
 .flexCSS
 {
  width:100%;
  position:relative;
 }
 .tableCSS
 {
  width:100% !important;
 }

/*End  of CSS for grid table*/


  /*newly added css for view popup Menu Bar*/
.popupMenuBar{
	margin: -2px;
	padding: 0;
/* 	position: absolute; */
	left: 0;
	top: 10px;
	width: 200px;
	
	list-style: none;	
/* 	-webkit-border-radius: 4px; */
/* 	-moz-border-radius: 4px; */
/* 	border-radius: 4px; */
background: #ddd repeat-x 0 0;
border-radius: 4px 0 0 4px;
border-left: solid 1px #b4b4b4;
}

.popupMenuItem{
	width: 170px;
	/*padding: 8px 20px;*/
	padding: 8px 15px;
	margin: 0;
	color: #62412E;
	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-rendering: optimizeLegibility;
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
	text-transform: uppercase;
	position: relative;
	white-space: nowrap;
	text-align:left;
}
.popupMenuItem:hover{
	color: #fff !important;
	cursor: pointer;
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
/* 	-webkit-border-radius: 2px; */
/* 	-moz-border-radius: 2px; */
/* 	border-radius: 2px; */
	background: #4EBD4A repeat-x 0 -100px !important;
	width: 170px;
}

.scrllPnlMenuBar{
	overflow: hidden !important;
	position: relative;
	/*width: 170px !important;*/
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
/*	background: #ddd repeat-x 0 0;*/
}

.flextableScrlPnl
{            
	height: 300px;
	width: 100%;
	padding: 0px;
	cellspacing: 0px;
	background-color: white;
	border: 1px solid lightgray;
	border-radius: 2px;
	margin-top: -5px;

}
.FlexTable-Even-Cell-Left {
    background-color: #f9f9f9;
	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif;
    font-size: 12px;
    line-height: 29px;
    padding: 0 10px;
    text-rendering: optimizelegibility;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #CBCBCB #D5D5D5 #C2C2C2;
	text-align: left;
}

.FlexTable-Even-Cell-Right {
    background-color: #f9f9f9;
	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif;
    font-size: 12px;
    line-height: 29px;
    padding: 0 10px;
    text-rendering: optimizelegibility;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #CBCBCB #D5D5D5 #C2C2C2;
	text-align: right;
}





.FlexTable-Odd-Cell {
    background: none repeat scroll 0 0 #fff;
	font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif;
    font-size: 12px;
    line-height: 29px;
    padding: 0 10px;
    text-rendering: optimizelegibility;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

/*newly added css for view popup Menu Bar*/