
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700');

 html
 {
 	-ms-overflow-style: scrollbar;
 }

SPAN.Tree_Line
{
	position:                   relative;
	left:                       0px;
	overflow:                   hidden;
	white-space:                nowrap;
	text-overflow:              ellipsis;
	width:                      100%;
	background-color:           #EDF1F1;
}

SPAN.Tree_Line_Highlight
{
	position:                   relative;
	left:                       0px;
	overflow:                   hidden;
	white-space:                nowrap;
	text-overflow:              ellipsis;
	width:                      100%;
	background-color:           #C19480;
}

body{
	font-size:                  13px; /*8pt;*/
	font-family:                'Open Sans', sans-serif;
	color:                      #333;
	background-color:           #f1f3f6;
	line-height:				normal;
	min-width:1170px;
	/*display:inline-block;
	width:100%;
	padding:0;
	margin:0;*/
}

td{
	font-size:                  12px;
/*	font-family:                Verdana;*/
}

.groupsecurityssh th
{
	font-size:     12px;
}
.groupsecurityssh button, .groupsecurityssh select
{
	width: 120px;
}
.cellpad font, .cellpad Label, .cellpad label
{
	font-size:                  12.5px;
/*	font-family:                Verdana;*/
}

TABLE.titleBar
{
	border:                     1px solid #DDE6D5;
}

table.html5 input[type="text"],
table.html5 input[type="password"]
{
	padding:    0 1px;
	height:	  	   28px;
	/*border-right-width:	0.1px;
	border-left-width:	0.1px;*/
	text-indent:		2px;
	line-height:		19px;
	box-sizing: 		border-box;
    	-moz-box-sizing: 	border-box;
    	-webkit-box-sizing: 	border-box;
    	-ms-box-sizing:		border-box;
}


table.html5 textarea
{	
	box-sizing: 		border-box;
    -moz-box-sizing: 	border-box;
    -webkit-box-sizing: 	border-box;
    -ms-box-sizing:		border-box;
    white-space : pre-wrap;
}

table.html5 textarea.INP, 
table.html5 textarea.inp
{
	border:              1px solid #cfdadd;
}

input, textarea{
	font-size:                  12.5px;
	font-family:                'Open Sans', sans-serif;
}

input.INP, input.inp, input
{
	border:                     1px solid #cfdadd;
	padding:                     5px;
}
INPUT.inp_Checkbox, INPUT.INP_Checkbox
{
	border:                     1px #7F9DB9;
	height:                     15px;
}

table.html5 INPUT.inp_Checkbox, table.html5 INPUT.INP_Checkbox, table.html5 input[type='checkbox']
{
	border-radius:0px;
	border-width:0px;
	border-style: none;
	border-color: none;
	vertical-align:middle;
}

table.html5 {
		margin-left:20px !important;
	
}

input.filetextbox{
	padding:					0px;
}
Table.MastHead
{
	/*Standard CSS3/HTML5 */
	background: linear-gradient(#7998BB, #DDE6D5);
/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7998BB', EndColorStr='#EEEECC');*/
 /* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#7998BB), to(#EEEECC));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #7998BB, #EEEECC);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7998BB, endColorstr=#EEEECC);
/* For Internet Explorer 8 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#7998BB', EndColorStr='#EEEECC');
	width:                      100%;
	height:                     50px;
	color:                      black;
	font-size:                  11pt;
	font-weight:                bold;
	padding:                    0;
	border-top:                 0px;
	border-left:                0px;
	border-bottom:              0px;
	border-right:               0px;
	margin-top:                 0px;
	margin-left:                0;
	margin-bottom:              0px;
	margin-right:               0;
	top:                        0;
	left:                       0;
}

Td.MastHead
{
	width:                      100%;
	height:                     47px;
	color:                      black;
	font-size:                  11pt;
	font-weight:                bold;
	padding:                    0;
	border-top:                 0px;
	border-left:                0px;
	border-bottom:              0px;
	border-right:               0px;
	margin-top:                 0px;
	margin-left:                0;
	margin-bottom:              0px;
	margin-right:               0;
	top:                        0;
	left:                       0;
}

td.TitleBar, div.TitleBar
{

	font-size:                  20px;
/*	font-weight:                bold;
	color: #FFFFFF;
	padding:                    0;
	margin-left:                10px;*/
	border-left:                0px white solid;
	margin-top:                 0;
	top:                        0;
	left:                       0;
	background:					#fff;
	border-bottom:1px solid #dee5e7;
	color:#333;
	padding:10px;
	font-weight:100;
	display:block;
	min-height:38px;
	padding-right:32px;
	width:100%;
}
TD.ADMIN
{
    height:                     100%;
    width:                      150;
    background:                 #3a3f51;
    border-right:               solid 1px #3a3f51;
    text-align:                 center;
}
div.VertLine
{
	POSITION:                   absolute;
	background-COLOR:           #D6B8AB;
	height:                     220px;
	width:                      1px;
}

th{
	background:#e6e6e6;
	color:                      #5b5b5b;
/*	font-size:                  8pt;*/
	font-weight:                bold;
/*	font-family:                Verdana;*/
}

button
{
	background-color:           #f8f8f8;
	/*BACKGROUND: url(../images/vista_button_bg.jpg) repeat-x;*/
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#919191');*/
		/* For WebKit (Safari, Google Chrome etc) */
/* background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#919191)); */
/* For Mozilla/Gecko (Firefox etc) */
/* background-image: -moz-linear-gradient(top, #FFFFFF, #919191);*/
/* For Internet Explorer 5.5 - 7 */
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#919191);*/
/* For Internet Explorer 8 */
/* filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#FFFFFF', EndColorStr='#919191')";*/
	border-width:               1px;
	border-color:               #e0e0e0;
	border-style:               solid;
	/* font-weight:                600; */
	font-size:                  14px;
	/* padding:5px 10px 4px 10px; */
	padding: 6px 25px;
    margin-top: 15px;
}
button + button{
	margin-left:8px;
}

BUTTON.Form_Button
{
	width:                      75px;
	height:                     22px;
}

BUTTON.Form_Button_Disabled
{
	width:                      75px;
	height:                     22px;
	color:                      #FFFFFF;
}

BUTTON.Form_Button_Large
{
	font:                       bold 8pt Tahoma;
	height:                     22px;
	background:                 #cccc99;
}

button.Highlight, button:hover, button:focus{
		background: #fff;
		cursor: pointer;
		border-color:               #c6c6c6;
	
/*	filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#C0C0C0');*/
	/* For WebKit (Safari, Google Chrome etc) */
/*background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C0C0C0)); */
/* For Mozilla/Gecko (Firefox etc) */
/*background-image: -moz-linear-gradient(top, #FFFFFF, #C0C0C0);*/
/* For Internet Explorer 5.5 - 7 */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#C0C0C0);*/
/* For Internet Explorer 8 */
/*filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#FFFFFF', EndColorStr='#C0C0C0')";*/
}

BUTTON.Clicked, BUTTON:active
{
	/*BACKGROUND: url(../images/vista_button_click_bg.jpg) repeat-x;*/
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#919191', EndColorStr='#FFFFFF');*/
	/* For WebKit (Safari, Google Chrome etc) */
/*background-image: -webkit-gradient(linear, left top, left bottom, from(#919191), to(#FFFFFF)); */
/* For Mozilla/Gecko (Firefox etc) */
/*background-image: -moz-linear-gradient(top, #919191, #FFFFFF); */
/* For Internet Explorer 5.5 - 7 */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#919191, endColorstr=#FFFFFF); */
/* For Internet Explorer 8 */
/*filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#919191', EndColorStr='#FFFFFF')"; */
}

BUTTON.Disabled, BUTTON.disabled, button:disabled,
BUTTON.Disabled:hover, BUTTON.disabled:hover, button:disabled:hover
{
	/*BACKGROUND: url(../images/vista_button_disabled_bg.jpg) repeat-x;*/
	/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#919191') alpha(opacity=80);*/
	/* For WebKit (Safari, Google Chrome etc) */
/*background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#919191));*/
/* For Mozilla/Gecko (Firefox etc) */
/*background-image: -moz-linear-gradient(top, #FFFFFF, #919191);
/* For Internet Explorer 5.5 - 7 */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#919191);*/
/* For Internet Explorer 8 */
/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#FFFFFF', EndColorStr='#919191') alpha(opacity=80);*/
	/*border-color:               #EEEECC;*/
	cursor:default;
	color:#a0a0a0 !important;
	text-shadow:1px 1px 1px #fff;
	background:#E0E0E0 !important;
	border-color: #E0E0E0 !important;
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -khtml-opacity: 0.45;
    -moz-opacity: 0.45;
    opacity: 0.45;*/
}

TABLE.Header
{
	color:                      #820000;
	border-width:               1px;
	border-style:               solid;
	border-color:               #7A9485;
}

tr.Shadow
{
	background-color:           #f9f9f9;
	border-bottom:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
}
tr.HighLight
{
	background-color:           #d1edf1;
}
TR.Dark
{
	background:                 #EEEEEE;
}

TR.Light
{
	background-color:           #FFFFFF;
}

DIV.Tab_Strip
{
	background:                 white;
}

TD.TabEnd
{
	background:                 white;
	border-bottom:              solid #a3a3a3 3px;
}

TD.Tab_End
{
	/*background:url("../images/empty-td-border.png") repeat-x scroll left top;*/
	height:27px;
	
	
}

TD.TabStart
{
	background:                 white;
	border-bottom:              solid #a3a3a3 3px;
	width:                      10px;
}

TD.Toolbar
{
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#919191');*/
	 /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#919191));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #FFFFFF, #919191);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#919191);
    /* For Internet Explorer 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#FFFFFF', EndColorStr='#919191');
	border-width:               1px;
	border-color:               #919191;
	border-style:               solid;
	width:                      23px;
}

TD.ToolbarHighlight
{
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#C0C0C0');*/
	/* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C0C0C0));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #FFFFFF, #C0C0C0);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#C0C0C0);
    /* For Internet Explorer 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#FFFFFF', EndColorStr='#C0C0C0');
	border-width:               1px;
	border-color:               #919191;
	border-style:               solid;
	width:                      23px;
}

TD.ToolbarClicked
{
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#C0C0C0', EndColorStr='#FFFFFF');*/
	/* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#C0C0C0), to(#FFFFFF));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #C0C0C0, #FFFFFF);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0C0C0, endColorstr=#FFFFFF);
    /* For Internet Explorer 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#C0C0C0', EndColorStr='#FFFFFF');
	border-width:               1px;
	border-color:               #919191;
	border-style:               solid;
	width:                      23px;
}

DIV.MenuItem
{
	font-size:                  8pt;
	/*font-family:                'Open Sans', sans-serif;*/
	width:                      100px;
	padding-left:               10px;
	padding-right:              10px;
	background-Color:           whitesmoke;
	color:                      black;
	border:                     1px solid whitesmoke;
}

DIV.HighlightItem
{
	font-size:                  8pt;
/*	font-family:                'Open Sans', sans-serif;*/
	width:                      100px;
	padding-left:               10px;
	padding-right:              10px;
	background-Color:           LightSteelBlue;
	color:                      black;
	border:                     1px solid black;
}

SPAN.FunctionLinkOn
{
	font-size:                   8pt;
	font-weight:                 bold;
	/*font-family:                'Open Sans', sans-serif;*/
	background:                 #EDF1F1;
}

TD.Txt
{
	background:                 #d1edf1;
	height:                     18px;
	padding-left:               3px;
}

TD.TxtBatch
{
                background:                 #e3e7e8;
                height:                     17px;
                border:                     0px;
                border-color:             #e3e7e8;
}


span.Txt
{
	background:                 #e3e7e8;
	padding:                    6px 0 6px 5px;
	height:                     18px;
}

TD.FunctionLink, TD.functionlink
{
	background:                 #EDF1F1;
	padding:                    2px;
}

A.txt
{
	background:                 #EEEECC;
	height:                     18px;
	padding-left:               3px;
}

A:FunctionLinkOn
{
	font-size:                   8pt;
	font-weight:                 bold;
	/*font-family:                'Open Sans', sans-serif;*/
	background:                 #EDF1F1;
}

A:Link
{
	color:                      #0999b9;
	text-decoration:			underline;
}

A:Visited
{
	color:                      #245A81;
}

A:Active
{
	color:                      #0999b9;
}

A:Hover
{
	color:                      #0885a1;
}

td.SectionTop, td.sectiontop, td.SECTIONTOP
{
	font-size:                  15px;
	font-weight:                600;
	color:                      #555;
	padding: 		   0 0 5px 0;
	margin: 		   2px 0 10px 0;
	border-width:               0 0 2px 0;
	border-style:               solid;
	border-color:               #80ba27;
	display: 					block;
}

td.FunctionTop, td.functiontop
{
	font-weight:                bold;
	color:                      #fff;
	text-align:                 center;
	padding:               		8px 2px;
	background: #80ba27;
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#C19480', EndColorStr='#884A44');*/
	/* For WebKit (Safari, Google Chrome etc) */
   /* background: -webkit-gradient(linear, left top, left bottom, from(#C19480), to(#884A44)); */
    /* For Mozilla/Gecko (Firefox etc) */
  /*  background: -moz-linear-gradient(top, #C19480, #884A44);*/
    /* For Internet Explorer 5.5 - 7 */
   /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C19480, endColorstr=#884A44);*/
    /* For Internet Explorer 8 */
   /* filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#C19480', EndColorStr='#884A44')";*/
}

TH.FunctionTop, TH.functiontop
{
	font-size:                  9pt;
	font-weight:                bold;
	color:                      #FFFFFF;
	text-align:                 center;
	padding-left:               4px;
	padding-right:              4px;
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#C19480', EndColorStr='#884A44');*/
	/* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#C19480), to(#884A44));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #C19480, #884A44);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C19480, endColorstr=#884A44);
    /* For Internet Explorer 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#C19480', EndColorStr='#884A44');
	border-width:               1px;
	border-style:               solid;
	border-color:               #884A44;
}

TD.Tab_Active, TD.TAB_ACTIVE {
	 font-weight:700; 
	 /* BACKGROUND: url(../images/activetab_left.png) no-repeat left top; */
	 TEXT-DECORATION: none; 
	 padding:0 2px 0 0; 
	 height:40px;
	 border-bottom:2px solid;
	 width:190px;
	 white-space: nowrap;
}

TD.Tab_Left, TD.TAB.LEFT {
	BORDER-BOTTOM: #acacac 3px solid;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#6594CA', EndColorStr='#86ACD9'); 
	BORDER-LEFT: #acacac 1px solid; 
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	font-size: 10pt; 
	COLOR: #ffffff; 
	BORDER-TOP: #acacac 1px solid; 
	BORDER-RIGHT: #acacac 1px solid; 
	PADDING-TOP: 5px;
}

TABLE.TABS TD.TAB_ACTIVE SPAN {
	/* BACKGROUND: url(../images/activetab_right.png) no-repeat right top;  */
	COLOR: #333; 
	/* font-weight:700;  */
	font-size:14px;
	/* padding:0px 10px 0px 6px !important;  */
	height:27px; 
	DISPLAY: block; 
	MARGIN-LEFT: 5px !important; 
	TEXT-DECORATION: none; 
	line-height:27px;
}

TD.Tab_Right, TD.TAB_RIGHT {
	 PADDING-BOTTOM: 0px !important; 
	 PADDING-LEFT: 0px !important; 
	 PADDING-RIGHT: 2px !important;
	 /* BACKGROUND: url(../images/tabs_left.png) no-repeat left 0px;  */
	 COLOR: #4d4d4d; 
	 TEXT-DECORATION: none; 
	 PADDING-TOP: 0px !important; 
	 height:40px;
	 font-weight:600;
	 width:190px;
}

TABLE.TABS TD.TAB_RIGHT SPAN {
	/*  BACKGROUND: url(../images/tabs_right.png) no-repeat right top;  */
	 COLOR: #0999b9;
	 DISPLAY: block; 
	 MARGIN-LEFT: 5px !important; 
	 TEXT-DECORATION: none; 
	/*  padding:0px 10px 0px 6px;  */
	 height:27px; 
	 line-height:27px;
	 font-size:14px;
}

DIV.Tab, DIV.tab
{
	position:                   relative;
	/*Standard CSS3/HTML5 */
	background: linear-gradient(#7f9bbb, #ececcb);
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#7A9485', EndColorStr='#DDE6D5');*/
	/* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#7A9485), to(#DDE6D5));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #7A9485, #DDE6D5);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7A9485, endColorstr=#DDE6D5);
    /* For Internet Explorer 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#7A9485', EndColorStr='#DDE6D5');
	margin:                     0;
	top:                        0;
	left:                       0;
	width:                      100%;
}

/*select{
	font-size:                       8pt;
}*/
input, button, select, textarea {
	font-family:'Open Sans', sans-serif;
}
input.Filter_Submit
{
	background-color:           #FFFFFF;
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#919191');*/
	/* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#919191));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #FFFFFF, #919191);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#919191);
    /* For Internet Explorer 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#FFFFFF', EndColorStr='#919191');
	border-width:               1px;
	border-color:               black;
	border-style:               solid;
	font-weight:                bold;
	font-size:                  8pt;
	color:                      #000000;
	width:                      75px;
	height:                     22px;
}

INPUT.Lbl
{
	border-width:               0px;
}

DIV.MenuScript
{
	position:                   relative;
	top:                        25px;
	left:                       10px;
	width:                      95%;
	overflow-x:                 hidden;
	overflow-y:                 auto;
}

SPAN.Menu_Title
{
	font:                       bold 10pt;
	background:                 #cccccc;
	text-align:                 center;
	width:                      100%;
}

BODY.MenuForm
{
	background:                 #ffffff;
	width:                      100%;
	border-left:                solid 0px #ffffff;
	top:                        0px;
	left:                       0px;
	margin-left:                0px;
	margin-right:               0px;
	height:                     100%;
	overflow:                   hidden;
}

DIV.MenuMain
{
	position:                   relative;
	height:                     75%;
	width:                      100%;
	border-bottom:              solid 0px #ffffff;
	background-color:           #ffffff;
	top:                        3px;
	left:                       0px;
}

DIV.Filter_Identifier 
{
	position:                   absolute;
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#7A9485', EndColorStr='#DDE6D5');*/
	/* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#7A9485), to(#DDE6D5));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #7A9485, #DDE6D5);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7A9485, endColorstr=#DDE6D5);
    /* For Internet Explorer 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#7A9485', EndColorStr='#DDE6D5');
	color:                      #FFFFFF;
	padding:                    0px;
	margin-left:                0px;
	margin-right:               0px;
	border-left:                0px #ffffff solid;
	margin-top:                 0px;
	top:                        0px;
	left:                       0px;
	height:                     22px;
	width:                      100%;
}

TD.Filter_Title
{
	font:                       bold 12pt;
	color:                      #FFFFFF;
}

DIV.FilterBody
{
	position:                   absolute;
	padding:                    5px;
	margin-left:                0px;
	margin-right:               5px;
	margin-top:                 0px;
	top:                        30px;
	left:                       5px;
	width:                      98%;
}

INPUT.Filter_Button
{
	background-color:           #FFFFFF;
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#919191');*/
	/* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#919191));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #FFFFFF, #919191);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#919191);
    /* For Internet Explorer 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#FFFFFF', EndColorStr='#919191');
	border-width:               1px;
	border-color:               black;
	border-style:               solid;
	font-weight:                bold;
	font-size:                  8pt;
	color:                      #000000;
	width:                      75px;
	height:                     22px;
}

input.FREQ
{
	background:                 #ebfafc;
	border:                     1px solid #afdbe0;
	height:                     19px;
}

input.REQ
{
	background:                 #e2f9fc;
	border:                     1px solid #5f9ca9;
	height:                     19px;
}

INPUT.ERR
{
	font-size:                  8pt;
	background:                 #C8888E;
	border:                     1px solid #7F9DB9;
	height:                     19px;
}

TEXTAREA.ERR
{
	font-size:                  8pt;
	background:                 #C8888E;
}
TR.ERR
{
	background-color:           #C8888E;
}

TR.WARN
{
	background-color:           #FFD700;
}
INPUT.WARN
{
	font-size:                  8pt;
	background:                 #FFD700;
	border:                     1px solid #7F9DB9;
	height:                     19px;
}

TEXTAREA.WARN
{
	background-color:           #FFD700;
}
input.Txt, input.TXT, input.txt
{
	background:                 #e3e7e8;
	height:                     17px;
	border:                     0px;
	border-color:				#e3e7e8;
}

DIV.MenuScript
{
	position:                   relative;
	top:                        25px;
	left:                       10px;
	width:                      95%;
	overflow-y:                 auto;
	overflow-x:                 hidden;
}

SPAN.Menu_Title
{
	font-size:                  9pt;
	font-weight:                bold;
	text-align:                 center;
	padding-left:               4px;
	padding-right:              4px;
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E9EDF3', EndColorStr='#7998BB');*/
	/* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#E9EDF3), to(#7998BB));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #E9EDF3, #7998BB);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E9EDF3, endColorstr=#7998BB);
    /* For Internet Explorer 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#E9EDF3', EndColorStr='#7998BB');
	border-width:               1px;
	border-style:               solid;
	border-color:               #7998BB;
	width:                      100%;
	top:                        22px;
	left:                       10px;
	position:                   relative;
}

TD.Jump
{
	font-size:                  8pt;
	font-weight:                bold;
	color:                      #000000;
	width:                      100%;
}

SELECT.FREQ
{
	background:                 #9DCBE3;
	font-size:                  8pt;
}

select.REQ,select.req,select.Req
{
	background:                 #e2f9fc;
	border:                     1px solid #5f9ca9 !important;
	font-size:                  12.5px;
	height:19px;
}

SELECT.ERR,SELECT.Err,SELECT.err
{
	background-color:  #C8888E;
}

select, select.inp, select.INP, select.Inp,
select.req, select.REQ, select.Req,
select.ERR,select.Err,select.err
{
	border:                     1px solid #afdbe0;
	height:			28px;
	line-height:		19px;
	vertical-align: 	middle;
	box-sizing: 		border-box;
        -moz-box-sizing: 	border-box;
        -webkit-box-sizing:     border-box;
        -ms-box-sizing:		border-box;
	padding:0 1px; /*5px;*/
}

select[multiple] {
height: auto;
}
TD.QMGreenBack
{
	font-size:                  9pt;
	font-weight:                bold;
	text-align:                 center;
	color:                      #000000;
	padding-left:               4px;
	padding-right:              4px;
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E9EDF3', EndColorStr='#7998BB');*/
	/* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#E9EDF3), to(#7998BB));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #E9EDF3, #7998BB);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E9EDF3, endColorstr=#7998BB);
    /* For Internet Explorer 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#E9EDF3', EndColorStr='#7998BB');
	border-width:               1px;
	border-style:               solid;
	border-color:               #7998BB;
}

TD.QMDB
{
	color:                      black;
}

TD.QMTitle
{
	font-size:                  10pt;
	font-weight:                bold;
	color:                      #FFFFFF;
	height:                     22px;
}

TD.QMCOL1
{
	border-right-style:         solid;
	border-right-width:         1px;
	border-right-color:         #D6B8AB;
	width:                      33%;
	padding-top:                18px;
}

TD.QMCOL2
{
	border-right-style:         solid;
	border-right-width:         1px;
	border-right-color:         #D6B8AB;
	width:                      33%;
	padding-top:                18px;
}

TD.QMCOL3
{
	width:                      34%;
	padding-top:                18px;
}

TD.QMLINK
{
	background:                 #EDF1F1;
	font-size:                   70.5%;
	margin-bottom:              10px;
	padding:                    5px;
}

TD.QMHEAD
{
	font-weight:                bold;
	border-bottom-width:        1px;
	border-bottom-style:        solid;
	border-bottom-color:        #EDF1F1;
	height:                     30px;
}

DIV.QuickMenu_Identifier
{
	position:                   absolute;
	border-left:                1px solid white;
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#7A9485', EndColorStr='#DDE6D5');*/
	/* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#7A9485), to(#DDE6D5));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #7A9485, #DDE6D5);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7A9485, endColorstr=#DDE6D5);
    /* For Internet Explorer 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  StartColorStr='#7A9485', EndColorStr='#DDE6D5');
	margin:                     0;
	top:                        0;
	left:                       0;
	width:                      100%;
}

BUTTON.Small_Go_Button
{
	width:                      20px;
	height:                     12px;
}

/*
    Menu CSS Help for TD.LeftMenu
	main-bgcolor-->Main Background color. If this need to applied comment-out sub-highlight-bgcolor and sub-bgcolor
	sub-text-fontweight-->Text Font Weight-bold^normal
	sub-text-fontsize-->Text Font Size
	sub-text-fontfamily-->Text Font Family
	sub-text-color-->Text color shown when not highlighted
	sub-highlight-text-color-->Text color shown when highlighted
	menu-borderwidth-->Menu border width 0^1
	menu-bordercolor-->Menu border color if border width>0
	seperator-color-->Menu Seperator color
	sub-highlight-bgcolor-->Text background color if highlighted used when gradient start and end colors are same
    sub-bgcolor-->Main Background color.If this is used then main-bgcolor will not be applied
*/
/*Gradient Type of Menu*/
/*TD.LeftMenu
{
	main-bgcolor:               Gradient(GradientType=0, StartColorStr='#CECBCE', EndColorStr='#8C8A8C');
	sub-text-fontweight:        bold;
	sub-text-fontsize:          8pt;
	sub-text-fontfamily:        Verdana, Tahoma, Arial;
	sub-text-color:             #292829;
	sub-highlight-text-color:   White;
	menu-borderwidth:           0;
	menu-bordercolor:           #2D729D;
	seperator-color:            #7B797B;
}*/


textarea.TXT
{
	background-color:           #e3e7e8;
	border:                     0px;
	padding:5px;
}
TEXTAREA.TXTNOSCROLL
{
	background-color:           #EEEECC;
	border:                     0px;
	overflow:                   hidden;
	color:											red;
	font-weight:                bold;
}
textarea.Req,textarea.REQ
{
	background-color:           #e2f9fc;
	border:                     1px solid #5f9ca9;
}
DIV.ProgressBar
{
	background-color:           #ffffff;
	border-color:               #003C79;
}

SPAN.ProgressBar
{
	background-color:           #FC7C00;
}

Body.Report
{
	background:                 #ffffff;
}

DIV.Report
{
	position:                   relative;
	background:                 #ffffff;
	margin-left:                0;
	margin-top:                 0;
	top:                        0;
	left:                       0;
	height:                     600;
}

Table.Normal
{
	width:                      100%;
}

Table.Medium
{
	width:                      140%;
}

Table.Wide
{
	width:                      180%;
}

Td.Head
{
	color:                       #000000;
	font-size:                       8pt;
	text-align:                  left;
	text-indent:                10px;
	border-bottom:              solid 1px #dee5e7;
}

Td.Headrow1, Td.headrow1 
{
	color:                       #000000;
	font-size:       			12pt;
	font-weight: 				bold;
	text-align:                 left;
	text-indent:                10px;
}

Td.Hlback
{
	background:                 #cee7ff;
}

Td.Light
{
	background:                 #eeeeee;
}

Td.Titlerow4
{
	font-size: 					8pt;
	font-weight: 				bold;
	text-align:                 center;
	border-bottom:              solid 1px #dee5e7;
}

Td.Titlecol1
{
	font-size: 					8pt;
	font-weight: 				bold;
	text-align:                  center;
}

Td.Titlecol1row4
{
	font-size:                  8pt;
	font-weight: 				bold;
	text-align:                 center;
	border-bottom:              solid 1px #dee5e7;
}

Td.Title,td.title
{
	font-weight:                bold;
	font-size: 					8pt;
	Text-align:                 center;
}

Td.Subhead,
Td.subhead
{
	color:                      #000000;
	font-size:                  8pt;
	background:                 #FFFFFF;
}

Td.Line, Td.line, Td.LINE
{
	color:                       #000000;
	font-size:                  8pt;
	font-weight:                 normal;
	padding:                    5px;
	border-right:               solid 1px #dee5e7;
	border-top:                 solid 1px #dee5e7;
}

Td.Linecol1, Td.linecol1, Td.LINECOL1
{
	color:                      #000000;
	font-size:                  8pt;
	font-weight:                normal;
	padding:                    5px;
	border-right:               solid 1px #dee5e7;
	border-left:                solid 1px #dee5e7;
	border-top:                 solid 1px #dee5e7;
}

Td.Link
{
	color:                      #0033FF;
	background:                 white;
	font-size:                  8pt;
	font-weight:                normal;
	padding:                    0;
}

Td.Subline
{
	color:                      black;
	background:                  white;
	font-size:                  8pt;
	font-weight:                bold;
	border-top:                 solid 1px #dee5e7;
}

Td.Sublinecol1
{
	color:                      black;
	background:                 white;
	font-size:                  8pt;
	font-weight:                bold;
	border-top:                 solid 1px #dee5e7;
	border-left:                solid 1px #dee5e7;
}

Td.Total, Td.total
{
	color:                      black;
	background:                 #FFFFFF;
	font-size:                  8pt;
	font-weight:                bold;
	border-right:               solid 1px #dee5e7;
	border-bottom:              solid 1px #dee5e7;
	border-top:                 solid 1px #dee5e7;
}

Td.TotalCol1, Td.totalcol1
{
	color:                      black;
	background:                 #FFFFFF;
	font-size:                  8pt;
	font-weight:                bold;
	border:                     solid 1px #dee5e7;
}

Tr.Hlback
{
	background:                 #cee7ff;
}

Tr.Light
{
	background:                 #ffffff;
}

Tr.Dark
{
	background:                 #E6E6E6;
}

Tr.Gray
{
	background:                 #80ba27;
	border-left:                solid 1px #dee5e7;
}

.pagebreak
{
	page-break-before:          always;
	border-right:               solid 1px #dee5e7;
	border-left:                solid 1px #dee5e7;
	border-bottom:              solid 1px #dee5e7;
	border-top:                 solid 1px #dee5e7;
}

A:Hover.textNoChange
{
	color:                      #003333;
}
/*******Calendar starts **************/
Table.Calendar
{
	MARGIN-LEFT		:20px;
	border-bottom-style: none;	
}
.CalendarContentData
{
	position	:relative;
	text-align		:top;
	height		:95%;
}
.CalendarContentMoreData
{
	position	:relative;
	align		:bottom;
}
table.CalendarDialog
{
	width:100%; 
	border:0px;
  	border-spacing: 1px;
	border-collapse: separate;
	margin-top :1px;
	margin-left: 0px;
}
TD.CalendarDialog
{
  	align:left;
	vertical-align :top;
	padding: 2px;
	font-size: 12px;
}
div.CalendarMoreData
{
	overflow:auto;
}
TD.Calendar1
{
	background-color	:#ffffff;
}

TD.Calendar2
{
	background-color:           #7998BB;
}

TD.Calendar3
{
	background-color:           #ffffff;
}
TD.Calendar4
{
	text-align		:right;
	vertical-align	:top;
	color: #BBBBBB;	
}
TD.Calendar5
{
	text-align	:right;
	width		:10%;
	font-weight: bold;
}
TD.Calendar6
{
	/*text-align : center;*/
}

.CalGrp1,
.CalGrp3
{
	font-size: 28px;
}
.CalGrp1
{
	float: left;
}
.CalGrp2
{
	display:inline-block;
}
.CalGrp3
{
	float: right;
}
.cal-button
{
	background-color: #f5f5f5;
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	margin-left:0px;
}

.CalendarToolbar .ui-datepicker-trigger
{
	vertical-align: text-bottom;
	margin-bottom:-1px;
}

.CalendarToolbar i
{
	font-weight: bold;
}

TD.CalendarToday
{
	background-color	:#fcf8e3;
	font-weight			:bold;
	text-align 			:right;
	vertical-align 		:top;
	font-size			:12px;
}
.CalendarToolbar
{
	background-color:           #FFFFFF;
	margin-left: 20px;
	text-align: center;
}
.CalendarToolbar .active
{
  border: 1px solid #19a9d5;
  background: #19a9d5;
  font-weight: normal;
  color: #fff;
}

TR.CalendarAllDay
{
	background-color:           #EEEECC;
}
.CalendarBorder
{
	border-style	:solid;
	border-width	:1px;
	border-color	:#BBBBBB;
	border-spacing: :0px;
	border-collapse:collapse;
	background-color:#FFFFFF;
	color: black;
}
.CalendarTitle
{
	text-align	:center; 
	font-weight :bold;
	font-size	:21px;
}
.CalendarTitleRowHeight
{
	HEIGHT:20px;
}
.CalendarColumnTitle
{
	HEIGHT:20px;
	text-align : center;
	background-color: #DDDDDC;
}
.Hand
{
	cursor: pointer;
}
.CalendarContent
{
	text-align	:left;
	height		:88%;
}
.CalendarDataLink
{
	position: relative; /* for resize handle and other inner positioning */
	display: block; /* make the <a> tag block */
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	font-weight: normal; /* undo jqui's ui-widget-header bold */
}

a.CalendarDataLink:link
{
	color:#FFFFFF;	
	text-decoration: none;
	margin-bottom: 1px;
}

a.CalendarDateLink:link
{
	color:#000000;		
}

.CalendarMonthlyWeeklyTR
{
	border-color	:#BBBBBB;
}

.fc-event
{
	font-size: .83em;
}

div[id^="calendar"] 
{
	max-width: 1200px;
	margin: 2px auto;
}
a.fc-event:link
{
	color:white;
}
.fc-time-grid-container /*remove this class when supporting time*/
{
	display:none;
}

.fc-icon::after
{
	margin: 0 0em; /*For IE edge. Fixes issue of next-previous and close icon not visible*/
}
/**********Calendar Ends *********/
DIV.TREE_CANVAS
{
	white-space:                nowrap;
	background-color:           #EDF1F1;
	border:                     1 Inset #884A44;
}

DIV.TREE_ITEM
{
	margin-left:                1em;
}

DIV.TREE_ITEM_BOX
{
	display:                    inline;
}

DIV.TREE_ITEM_BOX_HIDDEN
{
	display:                    none;
}

SPAN.TREE_ITEM
{
	margin-left:                3px;
}

SPAN.TREE_ITEM_SELECTED
{
	margin-left:                3px;
	background-color:           #C19480;
	color:                      White;
}

SPAN.TREE_ITEM_MOUSE_OVER
{
	margin-left:                3px;
	background-color:           #C0C0C0;
}

IMG.TREE_ITEM
{
}

DIV.POPUP_MENU
{
	PADDING:                    2px;
	Z-INDEX:                    555555;
	POSITION:                   absolute;
	FILTER:                     alpha(opacity=90);
	BACKGROUND-COLOR:           #EDF1F1;
	BORDER:                     #884A44 1 Outset;
}

DIV.POPUP_MENU_ITEM
{
	PADDING-RIGHT:              10px;
	PADDING-LEFT:               15px;
	PADDING-BOTTOM:             3px;
	PADDING-TOP:                2px;
	WIDTH:                      100%;
	CURSOR:                     pointer;
	BACKGROUND-COLOR:           #EDF1F1;
}

DIV.POPUP_MENU_ITEM_OVER
{
	PADDING-RIGHT:              10px;
	PADDING-LEFT:               15px;
	PADDING-BOTTOM:             3px;
	PADDING-TOP:                2px;
	WIDTH:                      100%;
	CURSOR:                     pointer;
	BACKGROUND-COLOR:           #C19480;
	FONT-WEIGHT:                bold;
	FILTER:                     progid:DXImageTransform.Microsoft.Matrix();
}
   input.INP_NOBORDER_TRANSPARENT 
   {
   font-size: 8pt;
   border: 0px;
   background:#eeeeee;
   background:transparent;
   }
/* Style sheet for ssh, added for vista*/
    TD.linebottom
    {
        COLOR: #000000;
        font-size: 8pt;
        font-weight: normal;
        padding:5px;
        BORDER-TOP:  #dee5e7 1px solid;
        BORDER-RIGHT:  #dee5e7 1px solid;
        BORDER-BOTTOM:  #dee5e7 1px solid;
    }

    TD.linebottomcol1
    {
        COLOR: #000000;
        font-size: 8pt;
        font-weight: normal;
        padding:5px;
        BORDER-RIGHT:  #dee5e7 1px solid;
        BORDER-TOP:  #dee5e7 1px solid;
        BORDER-LEFT:  #dee5e7 1px solid;
        BORDER-BOTTOM: #dee5e7 1px solid;
    }

/* Style sheet for ssh, added for vista ends*/
/*textarea.INP{
    font-size: 8pt;
}*/

/* Style sheet for error, added for vista*/
TD.error
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	BACKGROUND: #ffffff;
	COLOR: red;
}
TD.warning
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	BACKGROUND: #ffffff;
	COLOR: #ef2806;
	padding:5px 0 0 8px;
}
font.error,label.error
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	BACKGROUND: #ffffff;
	COLOR: red;
}

font.TxtBold,label.TxtBold
{
    FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
}

input.ERROR,
input.error
{
	background: #FFCCCC;
}
td.TitleBarText
{
	color:                      #596770;
	font-size:                  24px;
	font-weight:                100;
	padding:                    2px;
	margin-left:                0;
	border-left:                0px white solid;
	margin-top:                 0;
	top:                        0;
	left:                       0;
	vertical-align: top;
	
}
TD.TitleBarText button{
vertical-align:top;
}

div.quickMenuDiv                    {padding:10}
div.quickMenuSubHeading         {border:solid 1px #000000;background-color:#f4f0df;width:250px;color:#993333;font:bold;padding:3px;}
td.quickMenuCell			{width:250px;vertical-align:text-top;}
div.quickMenuItem                   {padding:5px;padding-left:15px;padding-right:15px;}

div.errorMessages
{
	border				:	0px solid green;
	margin				:	0px;
	padding				:	2px;
	width				:	547px;
	overflow-y			:	auto;
	overflow-x			:	auto;
	background-color	:	#C8888E;
}

span.messageHeader
{
	margin-bottom		:	5px;
	text-align			:	center;
}

div.messagesTableDiv
{
	border				:	0px solid red;
	overflow-y			:	auto;
	overflow-x			:	auto;
}

table.messageTable
{
	border				:	1px solid black;
	background-color	:	#C8888E;
}

img.image
{
	vertical-align		:	bottom;
	border              :   0;
}

option.disablestyle
{
    color               :   #ffffff;
    background          :   #316AC5;
}

input.TxtRegFlag
{
	font-size:                  8pt;
	background:                 #FF0000;
	height:                     17px;
	border:                     0px;
}

input.TxtGreenFlag
{
	font-size:                  8pt;
	background:                 #00CD66;
	height:                     17px;
	border:                     0px;
}

/*TR# 190250 */
input.TxtBoldAndRed
{
	Font-size:                  8pt;
	Color:                 		#FF0000;
	height:                     17px;
	border:                     0px;
	font-weight:                bold;
	background:                 #EEEECC;
}

input.TxtReadOnlyBold
{
	font-size:                  8pt;
	background:                 #EEEECC;
	height:                     17px;
	border:                     0px;
	font-weight:                bold;
	background:                 #EEEECC;
}
.suggest_link 
{
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over 
{
	background-color: #9d9d9d !important;
	border-color: #fff;
	color: #fff;
}

#search_suggest 
{
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left; 	
	border: 1px solid #dddddc;
}

#search_suggest table
{
	text-align: left; 
	border-style: none;
	border-collapse: collapse;
 	background: rgb(252, 253, 253);    
}
 #search_suggest table tr td,
 #search_suggest tr th
{
	border: 1px solid #dddddc;
	  padding: 6px;
} 

 #search_suggest table tr:nth-child(odd) {
  background-color: #f1f1f1;
}

#search_suggest table tr td 
{
	text-align: left;
	font-weight: normal;
	overflow: hidden;
	height: auto;
	white-space: normal !important;
}

#search_suggest table tr
{
	border-color: #dddddc;
}

#search_suggest tr:first-child
{
	background-color: #dddddc;
    border-color: #dddddc;
}

input.singleRow, input.singlerow
{
	background: #e3e7e8;
	border-color: #e3e7e8;
	border-width: 0px;
	font: 8pt ;
	height:     18px;
	padding-left: 3px;
}

input.singleRowLink, input.singlerowlink
{
	background: #e3e7e8;
	border-color: #e3e7e8;
	border-width: 0px;
	color: #0999b9;
	cursor: pointer;
	font: 8pt ;
	text-decoration: underline;
	height:     18px;
	padding-left: 3px;
}

INPUT.singleRowLinkHover
{
	background: #e3e7e8;
	border-color: #e3e7e8;
	border-width: 0px;
	color: #0885a1;
	cursor: pointer;
	font: 8pt;
	text-decoration: underline;
	height:     18px;
	padding-left: 3px;
}
textarea.ERROR
{
   font-size:                  8pt;
   background:                 #FFCCCC;
}

TD.WORKFLOWINCOMPLETEBG
{
  background: url(../images/Vista_WorkFlow/wf_inactive_bg.png);
  white-space: nowrap;
}
TD.WORKFLOWCURRENTLEVELBG
{
  background: url(../images/Vista_WorkFlow/wf_currentlevel_bg.png);
  white-space: nowrap;
}
font.WORKFLOWINCOMPLETETEXT
{
		
	font-weight:                bold;
	font-size: 					8pt;
	color:                      #4D4D4D;
}
font.WORKFLOWCURRENTLEVELTEXT
{
	font-weight:                bold;
	font-size: 					8pt;
	color:                      #FFFFFF;
}
font.WORKFLOWCOMPLETETEXT
{
	font-weight:                bold;
	font-size: 					8pt;
	color:                      #4D4D4D;
}

/*TR#321964 start*/
IMG.WF_IMG_CURRENTLEVELLAST
{
	/*height:22px;
	width:13px;*/
	vertical-align:middle;
}

IMG.WF_IMG_COMPLETELAST
{
	/*height:22px;
	width:18px;*/
	vertical-align:middle;
}

IMG.WF_IMG_CURRENTINCOMPLETE
{
	/*height:22px;
	width:18px;*/
	vertical-align:middle;
}

IMG.WF_IMG_COMPLETECURRENT
{
	/*height:22px;
	width:20px;*/
	vertical-align:middle;
}

IMG.WF_IMG_INCOMPLETECURRENT
{
	/*height:22px;
	width:20px;*/
	vertical-align:middle;
}

IMG.WF_IMG_INCOMPLETELAST
{
	/*height:22px;
	width:18px;*/
	vertical-align:middle;
}

IMG.WF_IMG_COMPLETEINCOMPLETE
{
	/*height:22px;
	width:20px;*/
	vertical-align:middle;
}

IMG.WF_IMG_INCOMPLETEINCOMPLETE
{
	/*height:22px;
	width:20px;*/
	vertical-align:middle;
}
/*TR#321964 ends*/
TABLE.TABLESETTING1
{
  width:              95%;
  border:             0px;
  padding:            1px;
  margin:       	  0px;
  border-collapse:    collapse;
}
TABLE.REPORTSETTING1
{
  width:              95%;
  border:             0px;
  padding:            1px;
  margin:       	  0px;  
  border-collapse:    collapse;
}
TABLE.TABS
{
	border:             0px;
	padding:            0px;
	margin: 			0px;	
	border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
	border-bottom:1px solid #dee5e7;
	margin-top: 15px;
    background: white;
    border-top: 1px solid #dee5e7;
}
.picklistFormWrapper               /* this css will be applied to picklistform in all cases. */
{
    margin: 0;
    height: 0px;
    display: none;
}
.picklistForm               /* this css will be applied to picklistform in all cases. */
{
    margin: 0;
    height: 0px;
    display: inline;
}
.IFRAME_BODY                       /* this css will be applied to body in case of iframe i.e. dashboard*/
{
      margin: 0;
      height: 100%;
}
.IFRAME_FORM                      /* this css will be applied to form in case of iframe i.e. dashboard*/
{
      margin: 0;
      height: 100%;
}
TD.TitleBarTextIFRAME             /* this css will be applied to titlebar(increase or decrease height/width etc/) in case of iframe i.e. dashboard*/
{
      color:                      #FFFFFF;
      font-size:                  11pt;
      font-weight:                bold;
      padding:                    4px;
      margin-left:                0;
      border-left:                0px white solid;
      margin-top:                 0;
      top:                        0;
      left:                       0;
}
Table.WorkFlowStepsRow {
  float: none;
  padding-top: 1px;
}
Table.WorkFlowStepsFirstRow {
  float: none;
}

/*Left Panel for Custom Link and Tab*/
.clearfix:after {
	content: ".";
	display:inline-block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
/*.clearfix {
	display: block;
}*/
 
html[xmlns] .clearfix {
	display: block;
}
.wrapper{position:relative; height:100%;   height: 100%; width:100%; border-top: 0px; border-left: 0px;
	border-bottom:              0px;
	border-right:               0px;
	margin-top:                 0px;
	margin-left:                0;
	margin-bottom:              0px;
	margin-right:               0;
	
	}
.maincontentwrapper, x:-moz-any-link{margin-left:0px; height: 100%;}

.LEFT_PANEL_CONTENT_WRAPPER_DIV_NONE
{
	/*display:                    none;*/
	width:39px;
}

.LEFT_PANEL_CONTENT_WRAPPER_DIV_BLOCK
{
	display:                    block;
}

.menu ul{margin:0px; padding:0px;}
.leftheader ul{margin:0px; padding:0px;}
.menu ul li{list-style-type: none;  margin:0px;} 
.leftheader ul li{white-space:nowrap; margin:-1px 0 0 0; padding:10px 0; list-style:none; background:#f9f9f9; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; text-transform:uppercase; font-weight:100;}
.menu ul li a, .menu ul li a:link, .menu ul li a:visited, .menu ul li font, span.tabLinkAlignLeft { line-height:20px; color:#757575; text-decoration:none; padding:12px 0 12px 15px; display:block;}
.menu ul li span.tabWorkFlowStatus > a {padding-left: 2px; padding-right: 0px;}/* add record button on left panel*/
.leftheader ul li a, .leftheader ul li a:link, .leftheader ul li a:visited, .leftheader ul li font { font-weight:600; color:#777; text-decoration:none; text-align:left;display:block; padding-left:8px;}
.menu ul li FONT{ font-size:11px;font-style:italic;  color:#333; text-decoration:none; padding-left:10px; display:inline-block;}
.leftheader ul li FONT{font-size:11px;font-style:italic;  color:#333; text-decoration:none; text-align:center; display:block;}
/*.menu ul li a:hover{  color:#333; font:bold 11px arial; }*/
.activemenu/*,.lpHover*/{background:#e8eced; background:rgba(0,0,0,0.046);}
.activemenu a{color:#35a58d !important; border-left:4px solid #c9d746;}
.leftheader ul li a strong{ font-weight:600; color:#777;}
.menu ul li > a:hover, .lpHover a{color:#35a58d !important;}
.menu ul li > a.avoidClicks:hover, .lpHover > a.avoidClicks{color:#757575 !important;}
/*.activemenu a:link, .activemenu a:visited, .activemenu a:hover{font-weight:bold !important;}
.menu ul li:hover{ background:#adbe77 url(../images/menu-active.jpg) repeat-x top left;}*/
.menu{width:200px;}
.shadetabs{width:200px;}
#leftPanelContentWrapper{width:200px;}
.tabLinkAlignRight{float:right; padding-right:1px; vertical-align: middle;}
.tabWorkFlowStatus{float:right; padding-right:1px; vertical-align: middle;}
.tabWorkFlowStatus a img{margin-right:4px;}
.tabWorkFlowNonStatus{float:right; padding-right:22px; vertical-align: middle; margin-right:14px;}
.wfCurrentImgClass{margin-left:5px;background:url(../images/Vista_WorkFlow/wf_leftpanel_current_color.png) no-repeat;width:13px;height:17px;display:inline-block;margin-top:12px; padding-right:5px;}
.wfCompleteImgClass{background:url(../images/Vista_WorkFlow/wf_leftpanel_complete_color.png) no-repeat;width:17px;height:17px;display:inline-block;margin-top:12px; padding-right:5px;}
.tabLinkAlignLeft{float:left;white-space:nowrap;}
/*span.tabLinkAlignLeft{font-size:11px; color:#333; text-decoration:none; padding-left:10px; display:inline;float:left;white-space:nowrap;}*/
li.wfstepwithlink{background:#cdcdcd url(../images/menu-inactive-wf.png) repeat-x top left !important;}
/*.activeTabHeader
{*/
   	/*background-color:#007c50;
   	 font:bold 11px arial; 
   	 color:#ffffff!important; 
   	 text-decoration:none; 
   	 text-align:center;
   	 display:block;*/


	/*font-size:13px;
	font-weight:                bold;
	color:                      #fff;*/
	/*filter:                     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#498aa0', EndColorStr='#9ab6c0');
	background: 		    	linear-gradient(#498aa0, #9ab6c0);
	background: 		    	-webkit-linear-gradient(#498aa0, #9ab6c0);*/
	/*background:#07a3c5;
	padding:8px 2px;
}*/
/*Left Panel for Custom Link and Tab*/ 
/*Collapsible Screens*/ 
.CollapseExpand
{
filter: none;
height:22px;
width:22px;
border:0px solid #00553e; 
margin:3px 0 0 5px;
padding:0px;
position:relative;
z-index:2;
cursor:pointer;
}
.Collapse, .Collapse:hover, .Collapse:focus
{
	background:url(../images/minus-icon.png) no-repeat center center;	
	background-color:#fff;
}
.Expand, .Expand:hover, .Expand:focus
{
   background-image:url(../images/plus-icon.png); 
   z-index:1000;
   background-color:#fff;
}
/*.menucontainer{ margin:0px 2px 2px 2px;}*/

#leftPanel{  
	background-color: #fff;
	height: 100%;
	float: left;
	clear: both;
	/*border-right: 4px ridge #ececec;*/
	/*margin-top:5px;*/
	box-shadow:0 0 1px rgba(0,0,0,0.13);
	-webkit-box-shadow:1px 0px 1px rgba(0,0,0,0.13);
	z-index:1;
	position:relative;
}

.leftPanelInvisible{  
	display:none;
}

/*#targetDiv{
 position: absolute;
 left: 0%;
 height:100%;
 width: 100%!important;
}*/


#rightBlockWrapper{
	float: left;
	/*border-left: 4px ridge #ececec;*/
	position: relative;
	height: 94%;
	width: 70%!important;
	}
	
.maincontentwrapper{position:absolute; margin-left:0px; float:left; }

.lpCollapseArrowBtn,.lpCollapseArrowBtn:hover,
.lpCollapseArrowBtn:focus
{
	filter: none;
	border:0;
	margin: 3px 0 0 -30px;
	padding:0px;
	position:absolute;
	z-index:2;
	cursor:pointer;
	top:1px;
	width:30px;
	height:18px;
	background:transparent;
	}

.RightArrow, .RightArrow:hover,.RightArrow:focus
{
	filter: none;
	z-index:1000;
	margin-left:-35px;
	}
	
	.lpCollapseArrowBtn:before,.lpCollapseArrowBtn:hover:before,
	.RightArrow:before, .RightArrow:hover:before {
		display:block;
		font-family:fontAwesome;
		color:#777;
		font-size:14px;
	}
	.lpCollapseArrowBtn:before,.lpCollapseArrowBtn:hover:before {
		content: "\f03b";
	}
	.RightArrow:before, .RightArrow:hover:before{
		content: "\f03c";
	}

/*Collapsible Screens*/ 

/*ToolBar Starts */
.iconsTable {	
	background:url(../images/toolbar/icon-bg.png) repeat-x left center; 
	height:63px;
	border-bottom: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	margin: 0px 1px 1px 10px;
	overflow:hidden;
	font-size:                  11px;
}
.iconsTable td
{
   height: 100%;
}

.smallIconsTable {	
	background:url(../images/toolbar/icon-bg.png) repeat-x left center; 
	border-bottom: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	margin: 0px 1px 1px 10px;
	overflow:hidden;
	font-size:                  11px;
}

.smallIconsTable .toolBarButton
{
	background:none;
	position:relative;	
	display:inline-table;
	float:left;
	height:100%;
	text-align:center;
	text-overflow:ellipsis;	
}

.iconsTable tr td{background:url(../images/toolbar/vertical-divider.png) no-repeat 0 0;}

.iconsTable tr td a img{border:none;}

.iconsTable tr td a{	
	padding:0px 3px;	
	display:inline-block;
	height:100%;
	outline:none;
	font-size:11px;
	color:#000;
	text-decoration:none;
	text-align:center;
}

.iconsTable tr td a.caption
{	
	height:auto;
	position: relative;
	background:none;	
	margin-left:-41px;
	vertical-align:middle;
	margin-top: 15px;
}

.toolBarButton a:hover
{
 background:#d1e8b3;
font-size:11px;
color:#000;
text-decoration:none;
}

#TOOLBAR_DIV
{
	background:url(../images/toolbar/icon-bg.png)  repeat-y left center;	
	overflow:hidden;
	width:100%;
}

#InnerToolBarDiv
{
	overflow:hidden;
	position:relative;
}

.iconsTable tr td a.vista_prev_active
{	
	font-weight: 700;
	height: 100%;
	position: relative;
	background:url(../images/toolbar/vertical-divider.png) no-repeat right 0;	
	background-position: right -30px;
}

.iconsTable tr td a.vista_prev_inactive
{
	background:url(../images/toolbar/vertical-divider.png) no-repeat right 0;
	background-position: right -30px;
	height:100%;
}

.iconsTable tr td a.vista_next_active
{	
	background:url(../images/toolbar/vertical-divider.png) no-repeat right top;
	height:100%;
}

.iconsTable tr td a.vista_next_inactive
{
	background:url(../images/toolbar/vertical-divider.png) no-repeat right 0;	
	height:100%;
}

.iconsTable tr td a.countLink
{	
	font-weight:700;
	height:auto;
	position: relative;
	background:none;
	margin-left:-65px;
	margin-bottom:1px;
}


.iconsTable tr td a.vista_prev_active:hover
{
	background:#d1e8b3;
}

.iconsTable tr td a.vista_prev_inactive:hover
{
	background:url(../images/toolbar/vertical-divider.png) no-repeat right 0;
	background-size:100%;
	background-position: right -30px;
}

.iconsTable tr td a.vista_next_active:hover
{	
	background:#d1e8b3;
}

.iconsTable tr td a.vista_next_inactive:hover
{
	background:url(../images/toolbar/vertical-divider.png) no-repeat right 0;
	background-size:100%;
}

.toolBarButton
{
	background:url(../images/toolbar/vertical-divider.png) no-repeat right 0;
	position:relative;	
	display:inline-table;
	float:left;
	height:100%;
	text-align:center;
	text-overflow:ellipsis;	
	/*padding:0px 2px;*/
}

.toolBarButtonDisabled
{
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    filter: alpha(opacity=45);
    -khtml-opacity: 0.45;
    -moz-opacity: 0.45;
    opacity: 0.45;

}

.toolBarButtonDisabled a:hover
{
	background:none; 
	cursor:text;
}

/**Toolbar End **/

/*Floating filter Start*/
.icon-btn1-expand {
	filter: none;
  width: 40px;
  height: 22px;
  display: block;
  background: url(../images/toprighticons-blue.png) no-repeat -88px -1px !important;
  margin-top: 1px;
  background-color:#007c50;
}

.icon-btn1-expand:hover {
	filter: none;
  width: 40px;
  height: 22px;
  display: block;
  background: url(../images/toprighticons-blue.png) no-repeat -88px -1px !important;
  margin-top: 1px;
  background-color:#007c50;
}

.icon-btn1-collapse {
	filter: none;
  width: 40px;
  height: 22px;
  display: block;
  background: url(../images/toprighticons-blue.png) no-repeat -132px -1px !important;
  margin-top: 1px;
  background-color:#007c50;
}

.icon-btn1-collapse:hover {
	filter: none;
  width: 40px;
  height: 22px;
  display: block;
  background: url(../images/toprighticons-blue.png) no-repeat -132px -1px !important;
  margin-top: 1px;
  background-color:#007c50;
}

#quick-view-header-close {
		position:absolute;
    background-color:#007c50;
    color: #FFFFFF;
    text-align: center;
    width: 21px;
    height: 21px;
    top:0px;
    left:1110px;
    font-size:16px;
    z-index:1110;
}

div.VistaFilterButtonDiv{
	background-color: #ececec;
	position:absolute;
	height:22px;
	width:42px;
	top:62px;
	display:none;
	z-index: 1000;
	left: auto;
	right: 205px;
}

/*Floating filter Ends*/

table.bulletinBoard
{
	width:100%; 
	border:0px;
  	border-spacing: 1px;
	border-collapse: separate;
	margin-top :10px;
}

div.bulletinBoard
{
	width	:839px;
	height : 515px;
	position:relative; 
	padding: 2px; 
	text-align:justify; 
	overflow-y:auto;
	overflow-x:hidden;
}

th.bulletinBoard
{
	  align:center;
	  font:13px arial;
	  text-color:#006f51;
	  text-decoration:none;
	  font-weight:bold;
	  background:	 url(../p2p/img/bg_pagetitlebars_repeatx.png);
	  color:  #003300; 
	  padding: 2px;
}
td.bulletinBoard
{
	  align:left;
	  vertical-align :top;
	 padding: 2px;
}

.wfstyle1{background:#cdcdcd url(../images/menu-inactive-wf.png) repeat-x top left !important;}

/* Titlebar Starts*/
.JUMPSPACE{max-width:34%;font-weight:bold;}

span.countLink
{	
    padding: 4px 4px 0px 9px;
    font-size: 12px;    
}

.prevNextTitlebarBtn{cursor: pointer;vertical-align:middle;}
/* Titlebar Ends*/

#footerTable
{
	width:100%;	
	/*margin-right:25px;
	position:relative;
	float:right;*/
	bottom:0px;
}
#PopUpDiv
{
	width:100%;
	height:100%;
	position:relative;
}
BUTTON.picklistSSHButton
{
	filter: none;
	background: url(../images/search-greenbg.png) no-repeat center !important;
	background-color: transparent;
	padding:                    2px;
	width:15px;
	height:28px;
	vertical-align:bottom;
	border-right:0;
	background:#DDDDDC; /*#f0f0f0;*/
}
BUTTON.picklistSSHButtonhighlight,BUTTON.picklistSSHButtonhighLight
{
	filter: none;
	background-color: transparent;
	background: url(../images/search-greenbg.png) no-repeat center !important;
	padding:                    2px;
	width:15px;
	height:28px;
	vertical-align:bottom;
	border-right:0;
	background:#ffffff;
}

BUTTON.picklistSSHButtonclicked
{
	filter: none;
	background-color: transparent;
	background: url(../images/search-greenbg.png) no-repeat center !important;
	padding:                    2px;
	width:15px;
	height:28px;
	vertical-align:bottom;
	border-right:0;
	background:#80ba27;
}
/*Collapsible Screens*/ 

div.VistaMenuLinkSerachDivShow #div
{
	background:#f5f5f5;
	display: block;
	text-align: left;
	margin: 0;
	font-weight: 600; 
	font-style: normal; 
	font-size: 11px; 
	line-height: 22px;
	border-top: 1px solid #dee5e7;
	text-indent:13px;
}
div.VistaMenuLinkSerachDivShow
{
	z-index:1000000;
	text-align: left;
	margin: 8px 0 0 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	border-top-style: none;
	color: #555;
	font-size: 12px;
	display: block;
	position: absolute;
}
div.VistaMenuLinkSerachDivShow a.VMLS:hover
{
    background: rgba(255,255, 255, 2);
 	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#eeeeee)";
    z-index: 999999;
    color: #000000;
}
div.VistaMenuLinkSerachDivShow a.VMLS
{
	display:block;
	text-decoration: none;	
	color: #0999b9;
	cursor: pointer;
	font-weight: normal; 
	font-style: normal; 
	font-size: 13px; 
	margin: 0px;
	line-height: 20px;
}
input.VistaMenuLinkSerach
{
  	position: absolute;
	top: 15px;
	left: 265px;
	z-index:99;
	color: #333 !important;
	width: 170px;
	padding: 7px 14px;
	border: 0 none;
    border-radius: 15px !important;
	background:#edf1f2;
	font-weight:600;
	font-size:11px;
}
/* Vista Menu Link Serach ends*/

Table.VistaPicklist
{
	width: 98%;
	border: 0px;
	padding: 0px;
	border-spacing: 1px;
	border-collapse: collapse;
}
Table.VistaPicklistPagination
{
	width:100%;
}
Table.VistaPicklistCheckAll
{
	padding: 0px;
	border-spacing: 1px;
	border-collapse: collapse;
}
div.VistaPicklistHeader
{
	PADDING: 0px;
	OVERFLOW: hidden;
	position: relative; 
	WIDTH: 96% !important;
	/*HEIGHT: 50px; 
	border:1px solid #8DBFCF;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;*/
}

div.VistaPicklistDetail
{
	PADDING:  0px;
	/*OVERFLOW: hidden;*/
	OVERFLOW: scroll;
	WIDTH: 98% !important; 
	PADDING-TOP: 0px;
	HEIGHT: 300px;
	/*border:1px solid #8DBFCF;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	BORDER-TOP-STYLE: none;*/
}
.VistaPicklistTH
{
	border-left: #BDD3D6 1px solid;
	border-top: #BDD3D6 1px solid;
	padding:10px 5px;
}
.VistaPicklistTD
{
	border-left: #BDD3D6 1px solid;
	border-top: #BDD3D6 1px solid;
	padding:5px;
}
.VistaPicklistTDCheck, .VistaPicklistTDRadio, .VistaPickListTHCheck
{
	WIDTH: 15px;
}
table.VistaPicklist tr:hover
{
	background-color: #e8e8e8;
}

table.TBLNOSTYLE,
table.TBLNOSTYLE td,
table.TBLNOSTYLE th,
table.TABLESETTING1 th.NOCSS,
table.REPORTSETTING1 th.NOCSS
{
	border-collapse: collapse;
	border-style: solid;
	border-color: #eee;
	border-width: 1px;
}

table.TBLNOBORDER,
table.TBLNOBORDER td,
table.TBLNOBORDER th
{
	border-collapse: separate;
	border-width: 0px;
}

table.TBLNOSTYLE td,
table.TBLNOSTYLE th,
table.TBLNOBORDER td,
table.TBLNOBORDER th
{
	padding:6px;
}
table.TBLNOSTYLE table td,
table.TBLNOSTYLE table th,
table.TBLNOSTYLE table
{
	border-width: 0px;
}

.paginationlinksForFrame
{
	 border-spacing:0px; 
	 border-collapse:separate; 
	 padding:0px; 
	 width:100%;
}

.norecordsfound
{
	 margin:0px 1px 0px 5px auto; 
	 border-spacing:0px; 
	 border-collapse:separate; 
	 padding:1px; 
	 border:0px; 
	 width:95%;
}

.globaltitle
{
	 margin:0px 60px 0px 10px auto; 
	 border-spacing:0px; 
	 border-collapse:separate; 
	 padding:1px; 
	 border:0px; 
	 width:95%;
	 text-align:center;
}

.recordcount
{
	margin-left:10px;
	margin-right:1px;
}

.vHide
{
   display:none;
}

table#titleBarTable{
	border-spacing:0px; 
	border-collapse:separate; 
	padding:0px; 
	border:0px; 
	width:100%; 
	margin-top:0px; 
	margin-bottom:0;/*2px;*//*10px; */
	margin-left:0px;
}
/* only jquery timepicker changes */
.ui-timepicker-inline { display: inline; }

#ui-timepicker-div { padding: 0.2em; }
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }

.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }

.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

/* span for disabled cells */
.ui-timepicker-table td span {
	display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;

    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
/*     width: 1.2em;
 */    cursor: pointer;
    text-align:right;
    text-decoration:none;
}


/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
}
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right }

/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }

/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }
/* Timepicker ends*/

/*jQuery datepicker and timepicker changes starts*/ 
 
 /* Fix for - datepicker header drop shows in two rows on IE 9 brosers */
  .ui-datepicker .ui-datepicker-title 
 {
    margin-right:0px;
   width: 75%;
}

.ui-timepicker-trigger
{
     width: 20px; 
     height: 28px;
      position:absolute;
     background: url(../images/timer.gif)  no-repeat 0px 4px;
     display: inline-block; 
     /*  border-radius: 2px;  */
     cursor:pointer;
      margin-left: -1px;
      padding: 7px 1px 5px 1px;
      border: 1px solid #ccc
}
button.ui-timepicker-trigger:hover
{
	 background: url(../images/timer.gif) no-repeat 0 4px;
}

 #ui-datepicker-div .ui-widget-header,
  #ui-timepicker-div .ui-widget-header  
 {
  border: 1px solid #ececec;
  background: #ececec;
  color: #222222;
  font-weight: bold;
}

.ui-datepicker.ui-widget-content,
.ui-timepicker.ui-widget-content
 {
  border: 1px solid #cfcfcf;
  background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #222222;
  box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

 #ui-datepicker-div .ui-state-default,
 #ui-datepicker-div .ui-widget-content .ui-state-default,
 #ui-datepicker-div .ui-widget-header .ui-state-default,
#ui-timepicker-div .ui-state-default,
#ui-timepicker-div .ui-widget-content .ui-state-default,
#ui-timepicker-div .ui-widget-header .ui-state-default 
 {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
} 

 #ui-datepicker-div .ui-icon, 
 #ui-datepicker-div .ui-widget-content .ui-icon,
#ui-timepicker-div .ui-icon, 
#ui-timepicker-div .ui-widget-content .ui-icon  
 {
  background-image: url("../images/ui-icons_222222_256x240.png");
}

 #ui-datepicker-div .ui-state-hover, 
 #ui-datepicker-div .ui-widget-content .ui-state-hover, 
 #ui-datepicker-div .ui-widget-header .ui-state-hover, 
 #ui-datepicker-div .ui-state-focus, 
 #ui-datepicker-div .ui-widget-content .ui-state-focus, 
 #ui-datepicker-div .ui-widget-header .ui-state-focus,
#ui-timepicker-div .ui-state-hover, 
#ui-timepicker-div .ui-widget-content .ui-state-hover, 
#ui-timepicker-div .ui-widget-header .ui-state-hover, 
#ui-timepicker-div .ui-state-focus, 
#ui-timepicker-div .ui-widget-content .ui-state-focus, 
#ui-timepicker-div .ui-widget-header .ui-state-focus  { 
	border: 1px solid #cfcfcf;
	background: #f5f5f5; 
/* 	font-weight: bold; */
	 color: #212121; 
}

#ui-datepicker-div .ui-state-highlight,
 #ui-datepicker-div .ui-widget-content .ui-state-highlight,
 #ui-datepicker-div .ui-widget-header .ui-state-highlight,
#ui-timepicker-div .ui-state-highlight,
#ui-timepicker-div .ui-widget-content .ui-state-highlight,
#ui-timepicker-div .ui-widget-header .ui-state-highlight  
 {
	border: 1px solid #65c9e7;
	background: #fff;
	color: #333;
}

 #ui-datepicker-div .ui-state-active, 
 #ui-datepicker-div .ui-widget-content .ui-state-active, 
 #ui-datepicker-div .ui-widget-header .ui-state-active,
#ui-timepicker-div .ui-state-active, 
#ui-timepicker-div .ui-widget-content .ui-state-active, 
#ui-timepicker-div .ui-widget-header .ui-state-active  
{
  border: 1px solid #19a9d5;
  background: #19a9d5;
  font-weight: normal;
  color: #fff;
}

img.ui-datepicker-trigger
{
    vertical-align: text-bottom;
    cursor: pointer;
	padding: 5px !important;
}
 /*jQuery datepicker and timepicker changes ends*/ 
.xscroll
{
	overflow-x: scroll;
}
.xvisible
{
	overflow-x: visible;
}
.xhidden
{
	overflow-x: hidden;
}

.yscroll
{
	overflow-y: scroll;
}
.yvisible
{
	overflow-y: visible;
}
.yhidden
{
	overflow-y: hidden;
}




.busyOverLay
{
	background-color: #e4e7ea; 
	z-index: 9999999;
	position: fixed;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.3);
	display:block;
} 

.spinner 
{    	
	height: 100%;
  	background:url(../images/MnyxU.gif) no-repeat center center; 
    	background-size: 70px 72px;  
} 

.close-loading, .close-loading:hover
{
       float: right;
       font-size: 26px;
       color: #000;
       background: rgba(0, 0, 0, 0.0);
       border: 0;
       margin-top: 10px !important;
       margin-right: 10px !important;
	   padding:0;
	   height:20px;
}

div[id^="picklistModal"] .modal-header .close,
div[id^="modalHeader"] > button.close 
{
  margin-top: -12px;
}




div[id^="picklistModal"] iframe, 
div[id^="modal-body"] iframe
{
   border: none;
}
/* TR#389145 show custom links  at top start*/
div.vTopLinks-container
{
    left: 		430px;
    position: 	absolute;
    margin-top: -22px;
    z-index: 	9999;
    width:100%;
}

div.vTopLinks-container div.vTopLinks-caption span.ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png);
}
div.vTopLinks-container div.vTopLinks-caption span
{
  	float: right;
}  
  
div.vTopLinks-container div.vTopLinks-caption
{
    position: absolute; 
    padding: 2px;
   /* padding-right: 10px;*/
    font-size: 10pt; 
    /*width: 105px;*/
}
div.vTopLinks-container div.vTopLinks-caption{
	background-color: #fafafa;
    border: 1px solid #c6c6c6;
	font-weight:400;
	margin-top:-6px;
	padding:5px;
}
div.vTopLinks-container div.vTopLinks-caption:hover{
	cursor: pointer;
	background-color: #fff;
    border: 1px solid #c6c6c6;
 	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#eeeeee)";
}
div.vTopLinks-container div.vTopLinks{
	background:#fff;
    border: 1px solid #d4d4d4;
    color: #333333;
    font-size: 12px;
	font-weight:normal;
    float: left;
   /* position: absolute;*/
    padding: 5px 5px;
    box-shadow: 0 2px 4px #a6a6a6 !important;
    margin-top: 26px;
}
   
div.vTopLinks .links-sec
{
    padding: 0px 3px;
    float: left;
}
td.vTopLinks
{
	  padding: 2px;
	  background: none;
}

td.vTopLinks a
{
	font-weight: normal;
    float: left;
    display: block;
    padding-right: 20px;
    white-space: nowrap;
}
div.cust-links
{
	OVERFLOW-Y: auto;
	OVERFLOW-X: auto;
	Z-INDEX:    -1;
	POSITION:   relative;
}
div#LinksDiv
{
	LEFT: 0px; 
	POSITION: relative; 
	TOP: 0px;
}

/* show custom links  at top ends*/

.v-tooltip-styling
{
      max-width: 450px;
}
div[id^='ControlData'] input:first-child,
div[id^='ControlData'] button:first-child
{
	margin:0 -1px 0 10px;
}
img#downloadIconCSV, img#downloadIconPDF, img#downloadIconExcel,
img#downloadIconCSV2, img#downloadIconPDF2, img#downloadIconExcel2
{
	cursor: pointer;
}


/*===== New Classes =====*/
a, button{
	outline:none !important;
}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}
header{
	background:#00694b;
	color:#fff;
}
#logo-container {
    padding: 14px 30px 13px;
	border-right:1px solid rgba(0,0,0,0.06);
	background:rgba(0,0,0,0.1);
}
#logo-container img{
	max-width: 100%;
}
header #logo-container img{
	max-width: 100%;
}
.navbar-right > .navbar-form, .navbar-right > .navbar-nav{
	display:inline-block;
}
.navbar-right{
	float:right;
}
.navbar-right a, .navbar-right a:hover{
	color:#fff;
	text-decoration:none;
	border:0;
	font-size:15px;
}
header .navbar-right{
	margin-right:0;
}
.navbar-form{
	float:left;
}
.no-shadow{
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
}
input.search-query { /*bootstrap-class*/
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  border:0;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 15px !important;
     -moz-border-radius: 15px !important;
          border-radius: 15px !important;
}
.src-overlap-btn .btn{
	background:none;
	background-image:none;
	margin-left:-35px !important;
	z-index:2;
	color:#58666e;
}
#leftPanel .leftheader:first-child ul li{
	padding:20px 0;
}
div[id^='ControlData'], div[id^='ControlData'] ul li:first-child
{
	padding-top:20px;
}
div[id^='ControlData'], div[id^='ControlData'] ul li {
    padding: 0 0 20px 0;
}
div[id^='ControlData'] ul li button{
	padding:5px 6px;
	vertical-align:top;
}

div[id^='ControlData'] ul li span,
div[id^="CustomLinkheader"] ul li span,
div[id^='ControlHeader'] ul li span
{
	margin-right: 6px;
	margin-top:3px;
	float: left;
}

div[id^="TabCtrlheaderList"]  ul li span,
div[id^="TabCtrlheader"] ul li span,
div[id^="TabCtrlheader"] ul li span
{
	margin-right: 6px;
	float: left;
}

div.VistaMenuLinkSerachDivShow #div #div {
    background: #fff;
}
div.leftbottom{
	margin-top:10px;
}
th a:visited, th a:link{
	color:#5b5b5b;
	text-decoration:none;
}
.menu ul li .label{
	margin-left:5px;
	font-weight:400;
	/* text-shadow:0px 1px 1px #000; */
	font-size:13px;
}
.menu ul li a + span * {
    display: inline-block !important;
}
.menu ul li a + span a {
    padding-bottom: 0 !important;
	border-left:0;
}
.menu ul li a + span {
    display: block;
    /*margin-top: -42px;*/
	vertical-align:sub;
}
header .nav-links span {
    padding: 8px 25px 0 0;
    display: block;
}
.home-icon-btn a{
	color:#555 !important;
}
.home-icon-btn:after {
    display: inline-block;
    content: "";
    border-right: 1px solid #c1c1c1;
    width: 1px;
    height: 15px;
    margin: -22px 0 0 38px;
    position: absolute;
}
.sidebar2-content span.activemenu {
    background: transparent !important;
}

.maincontentwrapper #ControlData ul{
	padding:0;
	margin:0;
}
.maincontentwrapper #ControlData ul li {
    width: 49%;
    display: inline-block;
	background:transparent !important;
}
.maincontentwrapper #ControlData ul li input {
    width: 89% !important;
	box-sizing:border-box;
	margin-left:0;
}
.maincontentwrapper #ControlData ul li input, .maincontentwrapper #ControlData ul li button{
	padding:7px !important;
}
.block{
	margin-bottom:30px;
}
button.Submitbtn, .Savebtn, .Searchbtn, .Editbtn, .Modifybtn, .OKbtn{
	background:#80ba27;
	color:#fff;
	border-color:#80ba27;
}
button.Submitbtn:hover, .Savebtn:hover, .Searchbtn:hover, .Editbtn:hover, .Modifybtn:hover, .OKbtn:hover,
button.Submitbtn:focus, .Savebtn:focus, .Searchbtn:focus, .Editbtn:focus, .Modifybtn:focus, .OKbtn:focus
{
	background:#69be28;
	border-color:#69be28;
}
.login-header-text{
	display: inline-block;
	margin: 0;
	vertical-align: top;
	text-align: right;
}
.admin-login-box{
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	background:#fff;
	padding:20px 10px;
}
.admin td{
	color:#fff;
}
.login_submit {
	background:#80ba27;
	color:#fff;
	border-color:#80ba27;
	padding:6px 25px;
	cursor:pointer;
}
.admin-login-box h4 {
    font-size: 18px;
	font-weight:600;
	color:#777;
	margin-bottom:12px;
}
.admin-login-box .bg_Logo header{
	text-align:center;
}
td.logininfo input {
    width: 100%;
	padding:10px 5px;
}
.admin-login-box .logo-container{
	padding-bottom:7px;
}
.ui-datepicker-calendar th{
	background:transparent;
	color:#333;
}
.ui-widget {
	font-family: 'Open Sans', sans-serif !important;
}
.ui-widget-header {
	border: 1px solid #ececec;
	background: #ececec;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0;
}
img.ui-datepicker-trigger {
    border: 1px solid #ccc;
    padding: 6px 1px 5px 1px;
    margin-left: -1px;
    background: #f8f8f8;
	vertical-align:top;
}
header .navbar-right .navbar-nav a{
	padding:6px 12px;
	display:inline-block;
}
header .navbar-btn {
    margin-top: 14px;
    margin-bottom: 8px;
}
.close-loading strong{
	color:transparent;
}
.close-loading:before{
	font-family:icomoon;
	content:"\ed6a";
	display:block;
	color:#cc3b1e;
	font-size:18px;
	position:relative;
}
.ui-jqgrid .ui-jqgrid-titlebar{
	background-color:#80ba27;
	padding:10px 6px;
}
.ui-jqgrid .myAltRowClass{
	background-color:#f1f1f1;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background-color:#dddddc;
	border-color:#dddddc;
	color:#333;
	padding:6px;
	box-sizing:border-box;
}
.ui-widget-content{
	border-color:#dddddc;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
	border-color:#fff !important;
	background-color:#9d9d9d !important;
}
th.ui-state-hover {
    background: transparent !important;
    border: 0 !important;
}
.ui-jqgrid tr.jqgrow td{
	padding:6px;
}
.ui-jqgrid tr th{
	background-color:6px;
}
.modal-content h4{
	color: #333;
	font-weight:600;
	padding:5px;
}
img#maxMin{
	 margin: 3px 0 5px 0;
   	 vertical-align: top;
}
img#refreshImage{
	border:0;
	margin: 2px 0 0 5px;
}
.vpagination, .VistaPicklistPagination{
	margin:5px 10px;
}
.vseparator {
    display: none;
}
a.vlink, a.vfirst, a.vnext, a.vprevious, a.vlast, span.vcurrent {
    padding: 3px 10px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
	color:#636e7b;
	text-decoration:none;
	font-size:13px;
	margin-left:-2px;
}
a.vlink:hover, a.vfirst:hover, a.vnext:hover, a.vprevious:hover, a.vlast:hover{
	background-color:#E4E7EA;
}
span.vcurrent {
	background:#67b444;
	border-color:#5ea03e;
	color:#fff;
}
button.Disabled:hover, button.disabled:hover{
	border-color:#e0e0e0;
}
#vista_suggest_div > .ui-widget-content {
    border-color: transparent;
}
#vista_suggest_div > .ui-widget-content .ui-jqgrid-view{
	border-left:1px solid #dddddc;
}
div#vista_suggest_div .ui-jqgrid-hbox, div#vista_suggest_div .ui-jqgrid-hbox .ui-jqgrid-htable {
    width: 100% !important;
}
#vista_suggest_div > .ui-widget-content .ui-jqgrid-hbox th.ui-state-hover{
	background-color:transparent !important;
}


/*===== Bootstrap Classes =====*/
/* .label, */
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}
.label {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.badge {
  padding-right: 9px;
  padding-left: 9px;
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
          border-radius: 9px;
}
.label-info,
.badge-info {
  background-color: #80ba27;
}
 .label.bg-primary, .badge.bg-primary
 {
    	color: #757575;
 } 
 
.label.bg-primary:before
{
	content: "(";
	display:inline-block;
	clear: both;
}

.label.bg-primary:after
{
	content: ")";
	display:inline-block;
	clear: both;
}
.list-unstyled{
	margin:0;
	padding-left:0;
	list-style:none;
}
.alert {
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebcccc;
}
.alert.multi-alert{
	padding-top:0;
	padding-bottom:0;
	line-height:45px;
}
.alert.multi-alert br {
    content: "";
    display: block;
    padding: 1px 0;
    background: #f0f3f4;
    margin: 0 -16px;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #ebcccc;
}
.alert br:first-child{
	display:none;
}
font.alert{
	border:0;
	box-shadow:0 0 0 1px #ebcccc;
	-webkit-box-shadow:0 0 0 1px #ebcccc;
}
span.vmulti-ctrl
{
	margin-bottom: -4px;
}
table#FrameTableId td.TitleBar
{
	padding-left: 1px;
	padding-right: 1px;
}

.loginscreens-logo{
	margin:150px 0 20px 0;
}
.loginscreens-logo img{
	max-width:240px;
}
.admin-login-box td, .admin-login-box, .loginscreen-note, .admin-login-box input, .admin-login-box textarea{
	font-size:13px;
}
.loginscreen-note{
	padding-top:40px;
	color:#8C8C8C;
	Width: 400px;
	font-size: 12px;

}
.title-note{
	color:#858585;
	display:block;
	margin-bottom:10px;
}
.activeTabHeader{
  position: relative;
  color: #000;
  width: auto;
  background-color: #E4E4E4;
  border-bottom: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  font-size:18px;
  font-weight:400;
}
input[type="button"], button {
    /* font-weight:600; */
}
.admin-login-box input[type="button"]{
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
button{
    color: #333;
}
td#treeTD {
    padding: 25px;
	background: #f9f9f9;
    box-shadow: 0 0 3px rgba(0,0,0,0.13), 0 1px #e5e5e5;
}

div.cal-basic td 
{
    font-weight: bold;
}
.fc-basic-view .fc-body .fc-row
{
	min-height: 8px !important;
}
div.cal-basic .fc-basic-view .fc-day-number
{
	text-align: center;	
}

div.cal-basic .fc-toolbar {
    margin-bottom: 0px;
    font-size:9px;
}

div.cal-basic td
{
    vertical-align: middle !important;
}
div.cal-basic 
{
    text-align: center !important;
}
div.cal-basic  td 
{
    padding: 0 !important;
    vertical-align: middle !important;
}

div.cal-basic div.fc-toolbar,
div.cal-basic div.fc-toolbar button
 {
    background : #30b199;/*header color*/
    color: #FFFFFF;
}
div.cal-basic div.fc-toolbar
{
	padding: 2px;
}
/* below class will show events background scheme in given color*/
div.cal-basic .fc-bgevent
{
	 background: #30b199 ;
}
/* browser back functionality starts*/
div.pre-back-msg
{
	display	:none;
}
div.pre-back-msg table
{
	width: 100%;
}

div.pre-back-msg td.backMessage
{
 	padding: 10px 10px 10px 20px;
 	font-size: 10pt;
}
/* browser back functionality ends*/
.vHide1
{
	visibility:hidden;
}
div.graphNoData
{
	height:100%;
	width:100%;
	font-weight:200;
	font-size:11px;
	text-align:                 center;
	vertical-align:middle;
}
.vcurrent, .vseparator,
.vlink
{
	font-weight: bold;
}
/*audit trail compare screen shows parent and child on one screen*/
td.auditTrailBgdiff
{
	background:#ABFF20;
}

span.select2-selection--multiple
{
	overflow-y: auto;
 }
 span.select2-container--default .select2-selection--single,
  span.select2-container--default .select2-selection--multiple
  {
  	border: 1px solid #afdbe0;
  	border-radius: 0;
  }
  
  select.REQ + span span.select2-selection,
  select.req + span span.select2-selection,
  select.Req + span span.select2-selection
  {
  	border: 1px solid #5f9ca9;
  	background: #e2f9fc;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered
  {
	font-size: 13px;
	color: #000000;
	padding: 0 4px;
	text-align: left;
   }
 .select2-container--default .select2-selection--single .select2-selection__arrow b
{
	border-color: #000  transparent transparent transparent;
	 border-width: 6px 3px 0 3px;
} 

/*IE 11 select element arrow should look like IE edge and safari*/
select::-ms-expand 
{
   background: #FFF;
   border-color: #FFF;
}  
.select2-container--default.select2-container--focus .select2-selection--multiple
{
	border: 1px solid #5f9ca9;
}

span.select2-container ul.select2-results__options li
{
	height: 18px;
    white-space: nowrap;
}
.select2-results__option
{
    padding: 3px;
    padding-left: 5px;
}
.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below
{
	border: 1px solid #aaa;
}
.select2-container--default .select2-results>.select2-results__options
{
	overflow-x: hidden;
}

.ui-dialog  button.ui-dialog-titlebar-close
{
	background: #8F8F8F url(../p2p/img/bg_chartheaderrow_green_repeatx.png) repeat-x;
	padding: 0px;
}
.ui-dialog .ui-dialog-titlebar-close span {
    margin: -2px 0px 0px -2px !important;
}

/*Overwrite toolbar icons css*/
/*#TOOLBAR_DIV, .iconsTable, .toolBarButton, .iconsTable tr td{
	background: transparent;
	border:0;
}
.toolBarButton{
	height:auto;
}
.iconsTable tr td a img, .iconsTable tr td a br{
	display:none;
}
.iconsTable tr td a {
    background: #fff;
    margin: 5px;
    border: 1px solid #e0e0e0;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    padding: 5px 10px;
}
.iconsTable tr td a:hover {
    background: #edf1f1;
    border-color: #d9d9d9;
    font-size: 13px;
}
.iconsTable tr td a{
	width:auto !important;
	height:auto;
}

.tb-save-btn a:before,
.tb-internal-email-btn a:before,
.tb-add-correspondence-btn a:before,
.tb-download-rfp-btn a:before,
.tb-copy-rfp-btn a:before,
.tb-contact-support-btn a:before,
.tb-help-btn a:before,
.tb-award-rfp-btn a:before,
.tb-save-next-btn a:before,
.tb-email-rfp-btn a:before,
.tb-email-amendments-btn a:before,
.tb-audit-trail-btn a:before,
.tb-preview-rfp-btn a:before,
.tb-add-note-btn a:before,
.tb-add-savings-btn a:before,
.tb-add-questions-btn a:before,
.tb-add-questions-template-btn a:before,
.tb-download-pdf-btn a:before,
.tb-add-attachment-btn a:before,
.tb-print-btn a:before,
.tb-next-btn a:before,
.tb-previous-btn a:before,
.tb-add-payment-btn a:before,
.tb-show-images-btn a:before,
.tb-search-btn a:before,
.tb-import-line-items-btn a:before,
.tb-related-invoices-btn a:before,
.tb-split-invoice-btn a:before,
.tb-invoice-watch-btn a:before,
.tb-email-btn a:before,
.tb-apply-alloc-btn a:before,
.tb-user-defined-fields-btn a:before,
.tb-save-alloc-btn a:before,
.tb-back-btn a:before,
.tb-receive-all-btn a:before,
.tb-send-po-btn a:before,
.tb-link-invoice-btn a:before,
.tb-add-to-cart-btn a:before,
.tb-add-savings-btn a:before,
.tb-update-po-status-btn a:before,
.tb-update-contract-btn a:before,
.tb-copy-contract-btn a:before,
.tb-send-contract-btn a:before,
.tb-add-to-cart-btn a:before,
.tb-create-po-btn a:before,
.tb-supplier-ratings-btn a:before,
.tb-re-bid-btn a:before,
.tb-amendment-btn a:before,
.tb-terminate-btn a:before,
.tb-edit-btn a:before,
.tb-delete-btn a:before,
.tb-view-mode-btn a:before
{
	font-family:icomoon;
	font-size:16px;
	line-height:19px;
	color:#80ba27;
	padding-right:6px;
	vertical-align:middle;
}
.tb-save-btn a:before, .tb-save-alloc-btn a:before {content:"\ea86";}
.tb-internal-email-btn a:before{content:"\ea34";}
.tb-add-correspondence-btn a:before{content:"\ed58";}
.tb-download-rfp-btn a:before{content:"\ec88";}
.tb-copy-rfp-btn a:before, .tb-copy-contract-btn a:before{content:"\e9c8";}
.tb-contact-support-btn a:before{content:"\ea35";}
.tb-help-btn a:before{content:"\ed52";}
.tb-award-rfp-btn a:before{content:"\eb9c";}
.tb-save-next-btn a:before{content:"\ea97";}
.tb-email-rfp-btn a:before, .tb-email-btn a:before{content:"\ea32";}
.tb-email-amendments-btn a:before{content:"\eacf";}
.tb-audit-trail-btn a:before, .tb-split-invoice-btn a:before{content:"\e99b";}
.tb-preview-rfp-btn a:before{content:"\e9ab";}
.tb-add-note-btn a:before, .tb-add-savings-btn a:before{content:"\ed58";}
.tb-add-savings-btn a:before, .tb-add-questions-btn a:before, .tb-add-questions-template-btn a:before{content:"\ed58";}
.tb-download-pdf-btn a:before{content:"\e9a5";}
.tb-add-attachment-btn a:before{content:"\eca9";}
.tb-print-btn a:before{content:"\ea66";}
.tb-next-btn a:before{content:"\ed7f";}
.tb-previous-btn a:before{content:"\ed7e";}
.tb-add-payment-btn a:before{content:"\ea11";}
.tb-show-images-btn a:before{content:"\e93e";}
.tb-search-btn a:before{content:"\eb2d";}
.tb-import-line-items-btn a:before{content:"\ec7e";}
.tb-invoice-watch-btn a:before{content:"\e9ab";}
.tb-user-defined-fields-btn a:before{content:"\e99c";}
.tb-apply-alloc-btn a:before{content:"\e914";}
.tb-related-invoices-btn a:before{content:"\e9cd";}
.tb-back-btn a:before{content:"\edef";}
.tb-receive-all-btn a:before{content:"\ec7a";}
.tb-send-po-btn a:before, .tb-send-contract-btn a:before{content:"\eabd";}
.tb-link-invoice-btn a:before{content:"\ec98";}
.tb-add-to-cart-btn a:before{content:"\ea03";}
.tb-update-po-status-btn a:before, .tb-update-contract-btn a:before{content:"\ed6c";}
.tb-create-po-btn a:before, .tb-edit-btn a:before{content:"\e914";}
.tb-supplier-ratings-btn a:before{content:"\ecde";}
.tb-re-bid-btn a:before{content:"\eb5c";}
.tb-amendment-btn a:before{content:"\ed40";}
.tb-terminate-btn a:before{content:"\ed62";}
.tb-delete-btn a:before{content:"\ebfa";}
.tb-view-mode-btn a:before{content:"\eead";}*/






#TOOLBAR_DIV{
	background:transparent;
}






/*Overwrite toolbar icons css*/

tr.activeTabHeader {
    background: #fafafa !important;
    border: 1px solid #e6e6e6 !important;
}
tr.activeTabHeader td {
    background: transparent !important;
}
table.TBLNOSTYLE tbody{
    vertical-align:top;
}
table.AuditTrailResult input{
    background:transparent !important;
    border:none !important;
}
table.AuditTrailResult {
    border: 1px solid #cfdadd;
}
table.AuditTrailResult td{
    border-color:#cfdadd;
}


.custom-dialog > div.ui-dialog-titlebar {
	background: white;
    padding: 0px;
}
.custom-dialog > div.ui-dialog-titlebar > span {
	display:none;
}

.custom-dialog > div.ui-dialog-titlebar > button {
    position: absolute;
    top: 30px;
    z-index: 100;
    background: white;
    border: none;
    right: 20px;
	font-size:15px;
}

.custom-dialog {
	border: 0px;
    background: white;
	padding:0px;
	max-height: 750px;
    overflow-y: scroll;
}

.custom-dialog > #BulletinBoardMainDiv {
	padding: 0px !important;
}

.custom-dialog > #BulletinBoardMainDiv > form > #mainTable:nth-child(1) > tbody > tr > th.TitleBar:nth-child(2), .custom-dialog > #BulletinBoardMainDiv > form > #mainTable:nth-child(1) > tbody > tr > th.TitleBar:nth-child(1),
.custom-dialog > #BulletinBoardMainDiv > #mainTable > tbody > tr > th.TitleBar:nth-child(2), .custom-dialog > #BulletinBoardMainDiv > #mainTable > tbody > tr > th.TitleBar:nth-child(1) {
	display:none;
}

.custom-dialog > #BulletinBoardMainDiv > form > #mainTable:nth-child(1) > tbody > tr, .custom-dialog > #BulletinBoardMainDiv > form > #mainTable:nth-child(1) > tbody > tr,
.custom-dialog > #BulletinBoardMainDiv > #mainTable > tbody > tr, .custom-dialog > #BulletinBoardMainDiv > #mainTable > tbody > tr {
	background-color:white !important;
}

.custom-dialog > #BulletinBoardMainDiv > form > #mainTable:nth-child(1) > tbody > tr > td, .custom-dialog > #BulletinBoardMainDiv > form > #mainTable:nth-child(1) > tbody > tr > td,
.custom-dialog > #BulletinBoardMainDiv > #mainTable > tbody > tr > td, .custom-dialog > #BulletinBoardMainDiv > #mainTable > tbody > tr > td {
	display:block;
	width:100%;
}

.custom-dialog .bulletinBoard, .custom-dialog .bulletinBoardSurvey {
	font-family: "Open Sans", sans-serif;
}

.custom-dialog .bulletinBoardSurvey {
	font-size:12px;
}

.custom-dialog > #BulletinBoardMainDiv > form > #mainTable:nth-child(1) > tbody > tr > td.bulletinBoard:nth-child(1), .custom-dialog > #BulletinBoardMainDiv > #mainTable > tbody > tr > td.bulletinBoard:nth-child(1) {
	width: 100%;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    color: #147bd0;
}

.custom-dialog > #BulletinBoardMainDiv > form > #mainTable:nth-child(1) > tbody > tr > td:nth-child(2), .custom-dialog > #BulletinBoardMainDiv > #mainTable > tbody > tr > td:nth-child(2) {
	padding: 20px 20px 10px 20px;
    border-bottom: 1px dotted #ddd;
}

.custom-dialog > #BulletinBoardMainDiv > form > #mainTable:nth-child(2) {
	padding: 0px 20px 20px 20px;
}

.custom-dialog > #BulletinBoardMainDiv > form > #mainTable:nth-child(2) > tbody > tr > th.TitleBar {
	border-bottom: 1px solid #ddd;
    background: white;
}

#BulletinBoardMainDiv > #mainTable > tbody > tr > .bulletinBoard iframe, #BulletinBoardMainDiv > form > #mainTable > tbody > tr > .bulletinBoard iframe {
	margin: auto;
    width: 100%;
}
/*Ajax header color*/
.ui-jqgrid .ui-jqgrid-hdiv {
    background: #dddddc;
}
.ui-th-column div {
    background: #dddddc;
}
input.VistaMenuLinkSerach {
	left: 355px !important; 
	top: 15px;
}

#logo-container img{
	max-width: 100% !important;
}
header #logo-container img{
	max-width: 100% !important;
}

input[type=file] {
	width:98%;
	height:32px;
}

.btn-grey {
	background-color: rgb(1, 167, 217);
    border-color: 1px solid rgb(1, 167, 217);
}

.btn-grey:hover, .btn-grey:focus, .btn-grey.focus, .btn-grey:active, .btn-grey.active, .open>.dropdown-toggle.btn-grey {
	background-color: #333 !important;
	border-color: #333 !important;
}

.TAB_START {
	display:none;
}
.TAB_END {
	display:none;
}

#tabsTR {
	display:inline-block;
	width:190px;
}

table.TABS tr:nth-child(1) {
	display:none;
}

/* checkbox style */

input[type=checkbox].CSS_Checkbox {
	position:absolute; 
	z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

input[type=checkbox].CSS_Checkbox + label.CSS_LABEL {
	padding-left:18px;
	height:18px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:12px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].CSS_Checkbox:checked + label.CSS_LABEL {
	background-position: 0 -18px;
}
label.CSS_LABEL {
background-image:url("../images/checkbox.png");
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.visuallyhidden {
 border:  0;
 clip:  rect(0 0 0 0);
 height:  1px;
 margin:  -1px;
 overflow:  hidden;
 padding:  0;
 position:  absolute;
 width:  1px;
}

.contact-us {
	color:#245A81 !important;
}

.contact-us:hover {
	color: #0885a1 !important;
}