
html { background: #eee; height: 100%; }
body { height: 100%; font-family: verdana, Arial, Helvetica, sans-serif; font-size: xx-small; margin: 0px; margin: auto; /* center in viewport */ width: 99% !important; background: #fff;}
								  
h1 { }
h2 { font-size: xx-small; font-weight: bold;}
h3 { font-size: xx-small; font-weight: bold; background-color: #28668d; }
h4 { font-size: xx-small; font-weight: bold; }
h5 { font-size: xx-small; color:#000;}
h6 { font-size: xx-small; font-weight: 100; }

/*Start For Layout Related*/
.powerBy { text-align: right; font-size: xx-small; color:#fff;}
.procurement {font-size: xx-small; font-weight: bold; text-align: left;
background: black;
	 /* filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4B4B4B', endColorstr='#A5A5A5');For IE7-8-9 
	  background: -webkit-linear-gradient(#0982AF, #9DCDDF); For Safari 5.1 to 6.0
 	 background: -o-linear-gradient(#0982AF, #9DCDDF); For Opera 11.1 to 12.0
  	background: -moz-linear-gradient(#0982AF, #9DCDDF); For Firefox 3.6 to 15
  	background: linear-gradient(#0982AF, #9DCDDF); Standard syntax  */
color: white; padding-left: 10 px; font-family: calibri; }

.powerByBig { font-size: xx-small; font-weight:bold; color:#069;}
.procurementBig {font-size: xx-small; font-weight: bold; text-align: right; }

.powerByBhel { text-align: center; font-size: x-small; color:#fff;}
.procurementBhel {font-size: x-small; font-weight: bold; text-align: center;margin-top:15px; }
.procurementCae {font-size: large; font-weight: bold; text-align: center;margin-top:15px; }

.epsHeaderSection {	height:0px; }
.epsMenuSection { height:40px; }
.epsBodySection { height:400px; }
.epsFooterSection { }
.footer { clear: both; padding-top: 10px; padding-bottom: 10px; background-color:#F2F2F2; color:#4F4F4F; font-size: xx-small; margin: 10px 10px 10px 10px; text-align:center; }
.footer p { margin: 0; font-size: xx-small; text-align: center; color: #1D69B1; }
.footer a { color: #1D69B1; font-weight:normal; }
/*Start For Layout Related*/
.clarification p { margin: 0;}
/*Start For HTML Table, Related*/



/*	  
TD, TR, Table    { 
	  border:none;
	  border-bottom-style:none;
	  border-collapse:collapse;
	  border-top-style:none;
	  margin: 0px;
	  border-spacing: 0px;
	  padding: 0px;
	  
	  }	  
*/	



table {/*border-spacing: 0; padding-left:0px; *border-collapse: collapse;*/ /* IE7 and lower */  /*border-bottom-style:none; border-top-style:none; margin: 0px;*/}
tbody { font-size: xx-small;	}
TR {  }
TD { font-size: xx-small; color:#353535; vertical-align: top; /*text-transform: capitalize;*/ }


th { font-weight: bold; font-size: xx-small; /*background: url(../image/menubar1.jpg) repeat-x bottom;*/ text-align: left; vertical-align: middle; text-transform: capitalize; }
.tableHeader { font-weight: bold; font-size: xx-small; color: #FFFFFF;	height: 30px; padding: 3px 0 4px 4px;background:rgb(9, 130, 175); text-transform: capitalize;}
.tableHeader1 { font-weight: bold; font-size: xx-small; color: #FFFFFF;	height: 30px; padding: 3px 0 4px 4px;
 background-color:rgb(9, 130, 175); text-transform: capitalize;}
.tableHeader2 { font-weight: bold; font-size: xx-small; color: #FFFFFF;	height: 30px; padding: 3px 0 4px 4px; background-color:rgb(9, 130, 175); text-transform: capitalize; text-align:center;}
.tableHeader3 { font-weight: bold; font-size: xx-small; color: #000000;	height: 30px; padding: 3px 0 4px 4px; background-color: #7FD4FF; text-transform: uppercase; text-align:center;}

.dataGroupHeader { background-color:rgb(9, 130, 175) ; font-weight: bold; font-size: xx-small; color: #FFFFFF; height: 30px; padding: 3px 0 4px 4px;  text-transform: capitalize;text-align:left;height:30px;}
.titleClass { font-weight: bold; font-size: xx-small; color: #FFFFFF;	height: 30px; padding: 3px 0 4px 4px; background-color:rgb(9, 130, 175); text-transform: capitalize;text-align:left;}
.titleClass2 {
	font-size: 11pt;
	text-transform: uppercase;
	color: #FFFFFF;	
	vertical-align: top;
	background-color: rgb(9, 130, 175);
	font-weight: bold;
}

div.titleClass1 { text-align:left; font-weight: bold;color: #993366; width:500px;border-color:#ff0000; width:98%;}
div.errorDiv{ text-align:left; font-weight: bold;color: #993366;width:90%;}

.epsIframe {background: url('../image/image_15.png') repeat; border: 0px solid black;}



.tabHeader { font-weight: bold; font-size: xx-small; color: #FFFFFF; width:100%; height: 30px; padding: 3px 0 4px 4px; background: url('../image/image_25.png') repeat; text-transform: capitalize;}

.tableSubHeader { background: url('../image/image_25.png') repeat;height:25px;valign:middle; }
.alternateColumnClass { background: #f2f2f2; }
.columnClass { }

.alternateColumnClassWithImage2 { background: url('../image/image_2.png') repeat; }
.buttonRow { /*background: url('../image/image_20.png') repeat;*/ height:30px;}

.buttonRow a { color: #FF0000; font-size: xx-small; text-decoration: bold; cursor: pointer; }

.subTableHeader { font-weight: bold; font-size: xx-small; color: #696969; height: 30px; padding: 0px 0 0px 0px; background: url('../image/image_20.png') repeat;}
.subTableHeader1 { font-weight: bold; font-size: 11px; color: #696969; padding: 3px 0 4px 4px; background: url('../image/image_20.png') repeat;}

.moreTr { background: url('../image/image_20.png') repeat;}
.altColumnClass_new { background-color: #DDEEF6; }
.loginSection {height:25px;font-weight: bold;}
.capitalize { text-transform: capitalize; }


/*End For HTML Table Related*/

/*Start For href Related*/

a:link { color: #069; font-weight: bold; font-size:xx-small; text-decoration: none; }
a:visited {	color: #069; font-weight: bold;font-size:xx-small; text-decoration: none; }
a:hover { color: #069; font-weight: bold;font-size:xx-small; text-decoration: none; }

a.underlineLink:link { color: #069; font-weight: bold; font-size:xx-small; text-decoration: underline; }
a.underlineLink:visited {	color: #069; font-weight: bold;font-size:xx-small; text-decoration: underline; }
a.underlineLink:hover { color: #069; font-weight: bold;font-size:xx-small; text-decoration: underline; }
A.dashboardLink:link, A.dashboardLink:visited, A.dashboardLink:active { color: #28668d; font-size: xx-small; text-decoration: underline; cursor: pointer; }
A.dashboardLink:hover {	color: #28668d; font-size: xx-small; text-decoration: underline; cursor: pointer; }

a.dashboardMoreLink:link, A.dashboardMoreLink:visited, A.dashboardMoreLink:active { color: #696969; text-decoration: none; cursor: pointer; }
a.dashboardMoreLink:hover {	color: #696969; text-decoration: underline; cursor: pointer; }


A.headerSectionLink:link, A.headerSectionLink:visited, A.headerSectionLink:active 
{ 
	color: white; 
	font-size: xx-small; 
	font-weight:bold;
	text-decoration: none; 
	cursor: pointer;
	
}
A.headerSectionLink:hover 
{
	color: white;
	font-size: xx-small;
	font-weight:bold;
	text-decoration: underline;
	cursor: pointer;
}
A.subMenu:link, A.subMenu:visited, A.subMenu:active { color: white; font-size: xx-small; font-weight:bold; height: 20px; margin-left:2px; padding-left: 2px; padding-top: 2px; text-decoration: none; width: 90px; cursor: pointer; }
A.forgottxt:link { color: #069; font-size: xx-small; font-weight:bold;  padding-left: 2px; text-decoration: none; cursor: pointer; }

/*End For href Related*/



/*Start For Box Related*/
.box-blue { background: url('../image/image_50.png') repeat; color: #fff;text-transform:none; font-size: xx-small; }
.box-blue .section { }
.box-blue .section b { }
.box-blue .content {  }

/*End For Box Related*/

div.pageHeader {text-align:center; font-size: xx-small;	font-weight: bold;}
div.pageSuperHeader {text-align:center; font-size: large; font-weight: bold; text-decoration: underline; color: #069;}
div.pageSubHeader { text-align:center; background: url('../image/image_25.png') repeat; height:25px; vertical-align: top; }
#bodyContent {text-align:center; width:100%;}

.pageHeaderSentenceCase { font-size: xx-small;	font-weight: bold;	text-decoration: underline;	margin-bottom: 15px; color: #BC5E24; }
.headerPowerBy { text-align:center;	padding-top: 10px; 	padding-right: 0px; padding-bottom: 0.25in; }


.labelClass { font-weight: bold; font-size: xx-small; color: #5A5A5A; vertical-align: top; text-transform: uppercase;text-align:right;}
.tdLabel { font-weight: bold; font-size: xx-small; color: #5A5A5A; vertical-align: top; text-transform: none;text-align:left;}
.homeLabelClass { font-weight: bold; font-size: xx-small; color: #5A5A5A; vertical-align: top; text-transform: uppercase;text-align:center;}
.sumLabelClass { font-weight: bold; font-size: xx-small; text-transform: uppercase; color: #FFFFFF;	vertical-align: top; background-color: #5599BB; }
.dataClass { font-size: xx-small; vertical-align: top; text-transform: uppercase;}
.dataClassRegular { font-size: xx-small; font-family: verdana; vertical-align: top; font-weight: bold; }
.buttonLabelClass { font-size: xx-small; text-transform: uppercase; color: #28668d; font-style: normal; font-family: verdana; font-variant: normal; }
.messageLebelRed {font-weight: bold;font-size: xx-small; vertical-align:middle; text-transform: uppercase;color:#FF0000;border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.class { -webkit-box-shadow: rgba(0, 0, 0, 0.0.97) 0px 1px 0px 0px;background: #0982AF;
	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#044158', endColorstr='#0982AF');/*For IE7-8-9*/ 
	  background: -webkit-linear-gradient(#044158, #0982AF); /* For Safari 5.1 to 6.0 */
 	 background: -o-linear-gradient(#044158, #0982AF); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#044158, #0982AF); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#044158, #0982AF); /* Standard syntax */  border: 1px solid #7F7F7F; font-family: Verdana; font-size: xx-small; font-weight: bold; padding: 2px 6px; height: 28px; color: #fff; border-radius: 5px; cursor: pointer;
  	 }
/* .class { padding: 3px 5px 2px 5px; height: auto; background-color:rgb(9, 130, 175); text-align: center; color: white; border-bottom: thin; text-decoration: none; border-color: white; border-style: none; } */

.button {-webkit-box-shadow: rgba(0, 0, 0, 0.0.97) 0px 1px 0px 0px; background: #0982AF;
	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#044158', endColorstr='#0982AF');/*For IE7-8-9*/ 
	  background: -webkit-linear-gradient(#044158, #0982AF); /* For Safari 5.1 to 6.0 */
 	 background: -o-linear-gradient(#044158, #0982AF); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#044158, #0982AF); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#044158, #0982AF); /* Standard syntax */  border: 1px solid #7F7F7F; font-family: Verdana; font-size: xx-small; font-weight: bold; padding: 1px 1px; height: 28px; color: #fff; border-radius: 3px; cursor: pointer;}


.whiteClass { background-color: #e2e2e2; }

.printVersion{color:#069;font-size: xx-small; font-weight: bold; cursor: hand;text-decoration: underline;cursor: hand;}


a.printVersion:link { color: #069; font-weight: bold; font-size:xx-small; text-decoration: underline; cursor: hand;}
a.printVersion:visited { color: #069; font-weight: bold;font-size:xx-small; text-decoration: underline; cursor: hand;}
a.printVersion:hover { color: #069; font-weight: bold;font-size:xx-small; text-decoration: underline; cursor: hand;}

.star { color: red;}
.epsHeader { border-bottom: 1px solid #28668d; margin-bottom: none; background: url(../image/headerbg.jpg) repeat-x top; }
/*topMenu { 	font-size:10px; font-weight:bold; padding: 3px 5px 2px 5px; height: 20px; background: url(../image/menubar.jpg) repeat-x bottom; text-align: center; color: white; border-bottom: none; text-decoration: none; }*/
.selected { background: url(../image/menu-sel.jpg) repeat-x bottom; /* background: silver;*/ color: navy; }
.fixedNav {	font-size: xx-small; color: #28668d; text-decoration: none; }

.headerSectionTd { 	text-align: right;	padding-right:5px; color: white;font-family: verdana; }

/*.msgBox { border: 1px solid #28668d; padding: 2px 5px 2px 5px; color: #28668d; display: none; text-align: left; }*/
.dataGroup { border: 0px solid #28668d; color: #28668d; border-top: none; margin-top: none; margin-bottom: 5px; }



.fieldLabel { font-weight: bold; font-size: xx-small; color: #5A5A5A; vertical-align: top; }
.fieldMessage { font-weight: bold; font-size: xx-small; color: blue; vertical-align: top; width: 40% }
.fieldMessageAttribute { font-weight: bold; font-size:xx-small; color: rgb(9, 130, 175); vertical-align: top; width: 50% }
.field { /*font-size: 8pt; color: #000000; text-align: left; padding-left: 5px;*/  }
.dataTable { margin-top: 5px; margin-bottom: 5px; table-layout: fixed; }


.dataGroup2 { border: 0px solid #28668d; color: #28668d; border-top: none; margin-top: none; margin-bottom: 5px; }

#loginbg { height:210px; width:auto; background-color:#C0BEBE;  color:#4C4A4A; }
#loginbgText { height:auto; width:auto; background-color:#C0BEBE;  color:#4C4A4A; }
#logingbottom { width:290px; height:6px; background-repeat:no-repeat; text-align:center; margin:auto; }
.newusercontainer { height:30px; text-align:center; margin:auto; }
.newusercontainerText { width:300px; height:auto; text-align:center; margin:auto; }
.newleft { width:100px; height:auto; padding-top:10px; float:left; margin:auto; }
.newCenter { width:290px; height:auto; padding-top:10px; padding-left:5px; padding-right:5px; float:left; margin:auto; text-align: left; }
newCenter1 { width:290px; height:auto; padding-top:10px; padding-left:5px; padding-right:5px; float:left; margin:auto; text-align: center; }
.newright { width:180px; height:auto; padding-top:10px; float:right; margin:auto; }
.nutxt { font-size:xx-small; font-weight:bold; color:#4C4A4A; background-color:inherit; }
#forgot { width:165px; height:auto; padding-top:10px; text-align:left; margin:auto; }

#tablist { padding: 3px 0; margin-left: 0; margin-bottom: 0; margin-top: 0.1em; font: bold 10px; }
#tablist { padding: 3px 0; margin-left: 0; margin-bottom: 0; margin-top: 0.1em; font: bold 10px Verdana; }
#tablist li { list-style: none; display: inline; margin: 0; }
#tablist li a { text-decoration: none; padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #C1C1FF; }
#tablist li a:link, #tablist li a:visited { color: navy; }
#tablist li a:hover { color: #000000; background: url(../image/menubar.jpg) repeat-x bottom; border-color: #227; }
#tablist li a.current { background: url(../image/menubar.jpg) repeat-x bottom; }
.proposal_header { background-color: #3A85AF; color:  white; }
.forgotPasswordClass { font-size: xx-small; font-family: verdana; text-align: left; color:  black; vertical-align: top; }
.forgotPasswordErrorMsg { font-size: xx-small; text-align: left; color:  #993366; vertical-align: top; }



.unreadMailClass { background-color: #D6D6D6; font-weight:bold; }
.readMailClass { background-color: #D6D6D6;	 font-weight:normal; }



.verticalBorder { border-right: 1px solid #1D69B1; padding-right:1px;}
.sideBorder	{ border-right: 1px solid #ff7200; border-left: 1px solid #ff7200; }
.tableCellBackground { background:url('../image/Image_75.png') repeat;  }

/*Start For HTML FORM Related CSS*/
/*input { BORDER-RIGHT: #C5C7CB 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #C5C7CB 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; BORDER-LEFT: #C5C7CB 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #C5C7CB 1px solid; FONT-FAMILY: verdana,tahoma,arial,helvetica,sans-serif; BACKGROUND-COLOR: #ffffff; }
select { BORDER-RIGHT: #C5C7CB 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #C5C7CB 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; BORDER-LEFT: #C5C7CB 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #C5C7CB 1px solid; FONT-FAMILY: verdana,tahoma,arial,helvetica,sans-serif; BACKGROUND-COLOR: #ffffff; }
textarea { BORDER-RIGHT: #C5C7CB 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #C5C7CB 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; BORDER-LEFT: #C5C7CB 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #C5C7CB 1px solid; FONT-FAMILY: verdana,tahoma,arial,helvetica,sans-serif; BACKGROUND-COLOR: #ffffff; }
BUTTON { background: url(../image/menubar1.jpg) repeat-x bottom; color: white; border: none; font-family: verdana; font-size: 7pt; padding: 1px 2px 2px 2px; height: 20px; margin: 0 3px 0 3px; }	
*/
/*INPUT.blue-button { BACKGROUND: #28668d; COLOR: #ffffff; }*/
/*checkbox {width: 21px; height: 21px; background: #fff; margin: 0;}
radion {width: 21px; height: 21px; background: #fff; margin: 0; padding: 0;}


select, textarea, input[type=text], input[type=submit], input[type=reset], input[type=password], input[type=file] { border-right: #c5c7cb 1px solid; padding-right: 3px; border-top: #c5c7cb 1px solid; padding-left: 3px; font-weight: normal; font-size: 9pt; padding-bottom: 1px; border-left: #c5c7cb 1px solid; padding-top: 1px; border-bottom: #c5c7cb 1px solid; font-family: verdana,tahoma,arial,helvetica,sans-serif; background-color: #ffffff; }
button { background: url(../image/menubar1.jpg) repeat-x bottom; color: white; border: none; font-family: verdana; font-size: 7pt; padding: 1px 2px 2px 2px; height: 20px; margin: 0 3px 0 3px; }	
input[type=checkbox], input[type=radio] { margin: 2px 2px 2px 2px; border: 0px; }
select.look { font-size: 8pt; font-family:Verdana,Arial, Helvetica, sans-serif; vertical-align: top; border: 1px solid #28668d; width:100%; overflow-x: hidden; overflow-y: scroll; }
input.blue-button { BACKGROUND: #28668d; COLOR: #ffffff; }*/

/*End For HTML FORM Related CSS*/
input[type="checkbox"], input[type="radio"]{
    background: transparent;
    border: 0;
}

/*

input[type="checkbox"], input[type="radio"]{
    background: transparent;
    border: 0;margin: 0px 0px 0px 0px;
}
*/

select { 
	BORDER-RIGHT: #999999 1px solid; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: #999999 1px solid; 
	PADDING-LEFT: 2px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: xx-small; 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #999999 1px solid; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #999999 1px solid; 
	/*FONT-FAMILY: verdana,tahoma,arial,helvetica,sans-serif;*/ 
	BACKGROUND-COLOR: #ffffff;
	 -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 2px;
	min-height: 20px;
	 }
input 
{
	BORDER-RIGHT: #999999 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #999999 1px solid;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #999999 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #ffffff;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 2px;
	min-height: 20px;
}
textarea
{
	BORDER-RIGHT: #999999 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #999999 1px solid;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #999999 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #CCFFFF;
}

.inputHeight {height:25px;background-color: #CCFFFF; }
.selectColor {background-color: #CCFFFF; }
.attributeOptionValueShown{background-color: #CCFFFF;}
.readOnlyClass{background-color: #C0C0C0;}
.qtnPriceAttribute{text-align: right; background-color: #CCFFFF;}
.qtnPriceAttributeReadOnly{text-align: right; background-color: #C0C0C0;}


.commonTable {}


.mediumText{ font-size: xx-small;}
.redMsg { font-weight: bold; font-size:xx-small; color: #993366;   /*background: url('../image/image_10.png') repeat;*/}
.redMsgBig { font-weight: bold; font-size:xx-small; color: #5A5A5A; text-transform: none; /*background: url('../image/image_10.png') repeat;*/ }
.redMsgBig1 { font-weight: bold; font-size:xx-small; color: red; text-transform: none; /*background: url('../image/image_10.png') repeat;*/ }
.noDataFound {font-weight: bold; color: #993366; font-size: xx-small; height:20px; text-transform: capitalize; background: url('../image/image_10.png') repeat;text-align:center;}
.dashboardNoDataFound {font-weight: bold; color: #993366; font-size: xx-small; height:40px; text-transform: capitalize; background: url('../image/image_10.png') repeat;text-align:center;}
.generalError {font-weight: bold; color: #FF0000; text-transform: capitalize; background: url('../image/image_10.png') repeat;}

/*Start For eps table Structure*/
.columnHeader { font-weight: bold; color: #000000;}
.epsTable { *border-collapse: collapse; border-spacing: 0; border: 1px solid black; align:center;}
.epsTable tr { -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border: 1px solid black;}
.epsTable td { border-left: 1px solid black; border-top: 0px solid #ccc; border-bottom: 1px solid black; border-right: 1px solid black; borderpadding: 5px; text-align: left; }
.epsTable labelClass { font-weight: bold; font-size: xx-small; color: #5A5A5A; vertical-align: top; text-transform: uppercase;text-align:right;}
.epsTable th { font-weight: bold; font-size: xx-small; color: #FFFFFF; height: 30px; padding: 3px 0 4px 4px; text-transform: capitalize; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; border-top: none; text-shadow: 0 1px 0 rgba(255,255,255,.5); }



.even {  text-transform: uppercase;text-align:left;background-color: white !important;}
.odd { background: url('../image/image_5.png') repeat !important;   text-transform: uppercase;text-align:left}

/*End For EPS Table Structure*/

.tableTopLevelHeader{font-weight: bold; font-size: xx-small; color: #FFFFFF;	height: 30px; padding: 3px 0 4px 4px; background: url('../image/image_50.png') repeat; color: #fff; text-transform: capitalize;}
.trHeadingClass {font-weight: bold; font-size: xx-small; height: 30px; background: url('../image/image_30.png') repeat; color: #fff; text-transform: capitalize;}

.info, .success, .warning, .msgBox, .validation,.titleClass1 { border: 1px #7F7F7F; margin: 5px 0px; padding:5px 2px 5px 25px; background-repeat: no-repeat;background-position: 10px center;}
.info { color: #00529B; background-color: #BDE5F8; background-image: url('info.png');  }
.success {color: #4F8A10; background-color: #DFF2BF; background-image:url('success.png');}
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('warning.png'); }
div.msgBox { width:100%;color: #000000; display: none; font-weight:bold; background-color: #FFBABA; /*background-image: url('error.png');*/background: url('../image/image_10.png') repeat; }
div.errorMsgBox { padding-left:10px; width:100%; font-size: xx-small; color: #FF0000; font-weight:bold; background-color: #FFFFFF; /*background-image: url('error.png');*/ }


.titleClass1, .titleClass1 h6, .titleClass1 h5 { font-size: xx-small; color:  black; font-family: verdana; vertical-align: top; text-transform: none;  }
/*.titleClass1 { color: #000000; font-weight:bold; background-color: #FFBABA; /*background-image: url('error.png');*/background: url('../image/image_10.png') repeat; }*/


button {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
	
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));

	padding:5px 5px 5px 5px;
}

/* button:hover {
	background:rgba(240,240,240,1);
} 

button:active, button:focus {
	background:-webkit-gradient(linear,0% 100%,0% 0%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(185,185,185,1));
}*/

button:disabled {
	color:rgba(0,0,0,0.4);
	text-shadow:1px 1px 0px rgba(255,255,255,0.5);
	background:rgba(220,220,220,1);
	cursor:not-allowed;
}

/* Begin Navigation Bar Styling */
   #epsNavBar {
      width: 100%;
      float: left;
      margin: 0 0 0 0;
      padding: 0;
      list-style: none;
      background-color: black;
      border-bottom: 1px solid #ccc; 
      border-top: 0px; }
   #epsNavBar li {
      float: left; }
   #epsNavBar li a {
      display: block;
      padding: 8px 10px;
      text-decoration: none;
      font-weight: bold;
      color: white;
      font-size: xx-small;
      border-right: 2px solid #0077ff ; }
   #epsNavBar li a:hover {
      color: #000000;
      font-size: xx-small;
      background-color: #fff; }
   /* End navigation bar styling. */
   
A.pageContentLink:link, A.pageContentLink:visited, A.pageContentLink:active { color: #069; font-weight:bold; font-size: xx-small; text-decoration: none; cursor: pointer; }
A.pageContentLink:hover {	color: #069; font-size: xx-small;font-weight:bold; text-decoration: none; cursor: pointer; }
A.pageContentLinkMsg:link, A.pageContentLink:visited, A.pageContentLink:active { color: red; font-weight:bold; font-size: xx-small; text-decoration: none; cursor: pointer; }
A.pageContentLinkMsg:hover {	color: red; font-size: xx-small;font-weight:bold; text-decoration: none; cursor: pointer; }


A.epsLinkButton:link, A.epsLinkButton:visited, A.epsLinkButton:active { 
	-webkit-box-shadow: rgba(0, 0, 0, 0.0.97) 0px 1px 0px 0px; 
	background: #0982AF;
	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#044158', endColorstr='#0982AF');/*For IE7-8-9*/ 
	  background: -webkit-linear-gradient(#044158, #0982AF); /* For Safari 5.1 to 6.0 */
 	 background: -o-linear-gradient(#044158, #0982AF); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#044158, #0982AF); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#044158, #0982AF); /* Standard syntax */ 
	border: 1px solid #7F7F7F; 
	font-family: Verdana; 
	font-size: xx-small; 
	font-weight: bold; 
	padding: 5px 5px; 
	height: 30px; 
	color: #fff; 
	border-radius: 3px; 
	cursor: pointer; 
	text-transform: uppercase;
	margin:1px 3px 1px 1px;
}
A.epsLinkButton:hover {	
	-webkit-box-shadow: rgba(0, 0, 0, 0.0.97) 0px 1px 0px 0px; 
	background-color: #000; 
	border: 1px solid #7F7F7F; 
	font-family: Verdana; 
	font-size: xx-small; 
	font-weight: bold; 
	padding: 5px 5px; 
	height: 30px; 
	color: #fff; 
	border-radius: 3px; 
	cursor: pointer;  
	text-decoration:none; 
	margin:1px 2px 1px 1px;
	text-transform:uppercase;
}

A.epsSubmit:link, A.epsSubmit:visited, A.epsSubmit:active { 
	color: #fff;
}
A.epsSubmit:hover {	
	color: #fff;
}

.epsSubmit { 
	-webkit-box-shadow: rgba(0, 0, 0, 0.0.97) 0px 1px 0px 0px; 
	background: #0982AF;
	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#044158', endColorstr='#0982AF');/*For IE7-8-9*/ 
	  background: -webkit-linear-gradient(#044158, #0982AF); /* For Safari 5.1 to 6.0 */
 	 background: -o-linear-gradient(#044158, #0982AF); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#044158, #0982AF); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#044158, #0982AF); /* Standard syntax */
	border: 1px solid #7F7F7F; 
	font-family: Verdana; 
	font-size: xx-small; 
	font-weight: bold; 
	padding: 0 5px;; 
	min-height: 28px; 
	color: #fff;  
	border-radius: 3px; 
	cursor: pointer; 
	text-transform: uppercase;
	margin:1px 3px 1px 1px;
	display: inline-block;
	line-height: 28px;
	vertical-align: middle;
	
}
.epsSubmit1 { 
	-webkit-box-shadow: rgba(0, 0, 0, 0.0.97) 0px 1px 0px 0px; 
	background: #0982AF;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#044158', endColorstr='#0982AF');/*For IE7-8-9*/ 
	background: -webkit-linear-gradient(#044158, #0982AF); /* For Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(#044158, #0982AF); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#044158, #0982AF); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#044158, #0982AF); /* Standard syntax */
	border: 1px solid #7F7F7F; 
	font-family: Verdana; 
	font-size: xx-small; 
	font-weight: bold; 

	color: #fff;  

	cursor: pointer; 
	text-transform: uppercase;
	margin:1px 1px 1px 1px;
	display: inline-block;
	line-height: 28px;
	vertical-align: middle;
	white-space:normal;
	
}



A.topMenu:link, A.topMenu:visited, A.topMenu:active { -webkit-box-shadow: rgba(0, 0, 0, 0.0.97) 0px 1px 0px 0px;
 background: #0982AF;
	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#044158', endColorstr='#0982AF');/*For IE7-8-9*/ 
	  background: -webkit-linear-gradient(#044158, #0982AF); /* For Safari 5.1 to 6.0 */
 	 background: -o-linear-gradient(#044158, #0982AF); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#044158, #0982AF); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#044158, #0982AF);
  border: 1px solid #7F7F7F; font-family: Verdana; font-size: xx-small; font-weight: bold; padding: 2px 2px; height: 28px; color: #fff; border-radius: 3px; text-decoration:none; cursor: pointer; margin:1px 2px 1px 1px;}
A.topMenu:hover {	-webkit-box-shadow: rgba(0, 0, 0, 0.0.97) 0px 1px 0px 0px;
 background: #0982AF;
	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#044158', endColorstr='#0982AF');/*For IE7-8-9*/ 
	  background: -webkit-linear-gradient(#044158, #0982AF); /* For Safari 5.1 to 6.0 */
 	 background: -o-linear-gradient(#044158, #0982AF); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#044158, #0982AF); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#044158, #0982AF);
  border: 1px solid #7F7F7F; font-family: Verdana; font-size: xx-small; font-weight: bold; padding: 2px 2px; height: 28px; color: #fff; border-radius: 3px; cursor: pointer;  text-decoration:none; }



A.linkClass:link, A.linkClass:visited, A.linkClass:active { -webkit-box-shadow: rgba(0, 0, 0, 0.0.97) 0px 1px 0px 0px; background: #0982AF;
	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#044158', endColorstr='#0982AF');/*For IE7-8-9*/ 
	  background: -webkit-linear-gradient(#044158, #0982AF); /* For Safari 5.1 to 6.0 */
 	 background: -o-linear-gradient(#044158, #0982AF); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#044158, #0982AF); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#044158, #0982AF); /* Standard syntax */  border: 1px solid #7F7F7F; font-family: Verdana; font-size: xx-small;
  	 font-weight: bold; padding: 0 6px; /* min-height: 28px; */ color: #fff; border-radius: 3px; cursor: pointer; text-decoration:none; margin:1px 2px 1px 1px;
  	 line-height: 24px; display: inline-block;
  	}
A.linkClass:hover {	-webkit-box-shadow: rgba(0, 0, 0, 0.0.97) 0px 1px 0px 0px; background: #0982AF;
	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#044158', endColorstr='#0982AF');/*For IE7-8-9*/ 
	  background: -webkit-linear-gradient(#044158, #0982AF); /* For Safari 5.1 to 6.0 */
 	 background: -o-linear-gradient(#044158, #0982AF); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#044158, #0982AF); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#044158, #0982AF); /* Standard syntax */ 
  	}



.epsLinkButton:last-of-type {
    margin: 0 !important;
}
.the-meta-buttons {
    float: right;
    margin: 10px 0;
    position: relative;
    top: 10px;
}
.top-meta-buttons {
    height: 30px;
    margin: 6px 0 0 5px;
}

/*

a.topMenu {    
   -webkit-box-shadow: rgba(0, 0, 0, 0.0.97) 0px 1px 0px 0px;
   background-color: #7F7F7F;
   border: 1px solid #7F7F7F;
   font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   padding: 2px 6px;
   height: 28px;
   color: #fff;
   border-radius: 5px;
   cursor: pointer;
   text-decoration:none;
     
}
a.topMenu:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.0.97) 0px 1px 0px 0px;
   background-color: #7F7F7F;
   border: 1px solid #7F7F7F;
   font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   padding: 2px 6px;
   height: 28px;
   color: #fff;
   border-radius: 5px;
   cursor: pointer;
   text-decoration:underline;
}
a.topMenu:active {
	-webkit-box-shadow: rgba(0, 0, 0, 0.0.97) 0px 1px 0px 0px;
   background-color: #7F7F7F;
   border: 1px solid #7F7F7F;
   font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   padding: 2px 6px;
   height: 28px;
   color: #fff;
   border-radius: 5px;
   cursor: pointer;
   text-decoration:none;
}*/

/* .dashboardHeader{font-weight: bold; color: #FFFFFF; font-size: xx-small; text-transform: capitalize; height: 30px; padding: 3px 0 4px 4px; background: url('../image/image_40.png') repeat;} */
.white { font-weight: bold; color: #FFFFFF; font-size: xx-small;}

a.whiteLink:link, A.whiteLink:visited, A.whiteLink:active { font-weight: bold; color: #FFFFFF; font-size: xx-small; text-decoration:none; cursor: pointer; }
a.whiteLink:hover {font-weight: bold; color: #FFFFFF; font-size: xx-small; text-decoration:none; cursor: pointer; }

.forLabelLeft { font-weight: bold; font-size: xx-small; color: #5A5A5A; vertical-align: top; text-transform: capitalize;text-align:left;}
.forLabelCenter { font-weight: bold; font-size: xx-small; color: #5A5A5A; vertical-align: top; text-transform: none;text-align:left;}
.footerHr{ border-color: #999999; border-width: 0 0 1px 0px; border-style: solid; }

.blueText { font-family: verdana; color: #069; font-weight: bold; font-size:xx-small;}
.blueTextBig { font-family: "Times New Roman", Helvetica,Script,Swiss; color: #069; font-weight: bold; font-size:xx-small;text-transform: lowercase;}

a.homeForgottxt:link, A.homeForgottxt:visited, A.homeForgottxt:active { color: #069; font-size: xx-small; font-weight:bold;  padding-left: 2px; text-decoration: none; cursor: pointer; }
a.homeForgottxt:hover {color: #069; font-size: xx-small; font-weight:bold;  padding-left: 2px; text-decoration: none; cursor: pointer; }

a.homeForgottxtBig:link, A.homeForgottxtBig:visited, A.homeForgottxtBig:active { color: #069; font-size: xx-small; font-weight:bold;  padding-left: 2px; text-decoration: none; cursor: pointer; }
a.homeForgottxtBig:hover {color: #069; font-size: xx-small; font-weight:bold;  padding-left: 2px; text-decoration: none; cursor: pointer; }


/* A.epsSubmit:link, A.epsSubmit:visited, A.epsSubmit:active { 
	color: #fff;
}
A.epsSubmit:hover {	
	color: #fff;
}
 */

/*Start Second Part*/


.dashboardHeader{font-weight: bold; color: #FFFFFF; font-size: xx-small; /*text-transform: capitalize;*/ height: 30px; padding: 3px 0 4px 4px;
 background:#0982AF;}


#bodyContent {
	text-align:center; width:100%;
	/*background: url("../image/backgrounds-sprite.png") repeat-x scroll 0 0 transparent;*/
	/*background: url("../image/backgrounds-sprite.png") repeat;*/
    border: solid #ccc 1px;
    border-radius: 3px 3px 3px 3px;
    font-size: xx-small;
    line-height: 14px;
    margin: 0 0 0em;
    /*max-height: 36px;*/
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;}
    
    #boxContent {
	text-align:center; width:100%;
	background: url("../image/backgrounds-sprite.png") repeat-x scroll 0 0 transparent;
    border: solid #ccc 1px;
    border-radius: 1px 1px 1px 1px;
    font-size: xx-small;
    line-height: 14px;
    margin: 0 0 0.8em;
    /*max-height: 36px;*/
    overflow: hidden;
    padding: 1px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;}
    
    
    
    #epsFooterContent
    {
    	text-align:center; width:100%;
		/* background: url('../image/image_25.png') repeat; */
	    border: solid #ccc 1px;
	    border-radius: 1px 1px 1px 1px;
	    font-size: xx-small;
	    line-height: 14px;
	    margin: 0 0 .2em;
	    /*max-height: 36px;*/
	    overflow: hidden;
	    padding: 1px;
	    position: relative;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	   
    }
    
   table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;  
      
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left; 
    font-family: verdana, Arial, Helvetica, sans-serif; font-size: xx-small;   
}

.bordered th {
    background-color: #dce9f9;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);*/
    background: url('../image/image_30.png') repeat;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    color:#FFFFFF;
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.header{ font-weight: bold; font-size: xx-small;  color: #6C9AE7; text-transform: capitalize;}


div.errorDiv{ text-align:left; font-weight: bold;color: #993366;}
div.titleClass1:empty { background-color: #FF0000; color: #ffffff;}
div:empty { background-color: #ccc; color: #ffffff; }

#news-container { width: 100%; height: 200px; margin: 1px 1px 1px 1px; /*background: url('../image/image_1110.png') repeat;*/ }
#news-container ul li { display: list-item; }
#news-container ul li div { background: url('../image/image_5.png') repeat; height:25px; }


div.scrollHeader { font-weight: bold; font-size: xx-small; color: #069; height: 30px; padding: 0px 0 0px 0px; /*background: url('../image/image_25.png') repeat;*/ text-transform: uppercase; }
div.alternateColumnClass { background: url('../image/image_5.png') repeat; }
div.columnClass { background: url('../image/image_2.png') repeat; }
/*.spacerBar { background: url('../image/red-pic.png') repeat;}*/

.footer-bottom ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #FFFFFF;
}

#footer {
    background: none repeat scroll 0 0 #D8D8D8;
    margin-top: 30px;
    width: 100%;
}
.footer-top {
    padding: 12px 0 7px;
}
.footer-top h4 {
    background: url("/assets/images/div02.gif") repeat-x scroll 0 100% transparent;
    color: #FFFEFE;
    font-size: xx-small;
    line-height: 24px;
    margin: 0 0 12px;
    padding: 0 12px 5px;
}
.footer-top h5 {
    color: #6C7987;
    font-family: 'Open Sans',sans-serif;
    font-size: xx-small;
    font-weight: normal;
    margin: 0;
}
.footer-top h5 a {
    color: #6C7987;
    font-family: 'Open Sans',sans-serif;
    font-size: xx-small;
    font-weight: normal;
}
.footer-top .grid_4 {
    padding: 0 0 13px 10px;
}
.footer-top ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.footer-top ul li {
    font-size: xx-small;
    line-height: 18px;
}
.footer-top ul a {
    color: #888888;
}
.footer-top .grid_6 {
    color: #626262;
    font-size: xx-small;
    line-height: 14px;
    padding: 3px 0 0;
}
.footer-top .social {
    list-style: none outside none;
    margin: 0 0 -7px;
    overflow: hidden;
    padding: 0 0 10px;
    position: relative;
    width: 100%;
    z-index: 5;
}
.footer-top .social li {
    float: left;
    margin: 0 12px 0 0;
}
.footer-top .social img {
    vertical-align: top;
}
.footer-top .footer-logo {
    background: url("/assets/images/footer-logo.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 44px;
    margin-bottom: 12px;
    overflow: hidden;
    text-indent: -9999px;
    width: 128px;
}
.footer-top .footer-logo a {
    display: block;
    height: 100%;
}
.footer-top .grid_6 p {
    margin: 0 0 8px;
}
.footer-top .list1 li {
    font-size: xx-small;
    line-height: 18px;
}
.footer-bottom {
    background: none repeat scroll 0 0 #BCBCBC;
    padding: 6px 0 11px;
    width: 100%;
}
.footer-bottom ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.footer-bottom ul li {
    display: inline;
    padding: 0 31px 0 15px;
}
.footer-bottom ul img {
    vertical-align: top;
}


.mediumText{ font-size: xx-small;}
ul.ulNonBulet { list-style-type: none;padding: 0px;margin: 0px;}
.tdVAlignMiddle { vertical-align:middle;}
.tdTextColorGreen{ color: #348017; font-weight: bold;}
.tdTextColorBlue{ color: #2B65EC; font-weight: bold;}
.tdTextColorMaroon{ color: #800000; font-weight: bold;}
.notification {
	font-style: italic;
	font-weight: bold;
}
.rfqCodeClass{
	font-weight: bold;
}
div.centerDiv { text-align:center;width:70%;padding-left: 200px;/* margin-left: auto ;margin-right: auto; */}
div.tickClass{
	background-image: url('../image/tick.gif') ;
	background-repeat:no-repeat;
	width: 40px;
	display: inline-block;
	margin-left: 30px;
}
.dataTableHeader { font-weight: bold; font-size: xx-small; color: white; height: 30px; padding: 3px 0 4px 4px; text-transform: capitalize;text-align: left; border-top: 1px solid black;background-color: rgb(9, 130, 175) !important;}
.dataTableTR {
	word-wrap: break-word;	
}
.custom-tooltip-styling{
	width: 100px;
	background: url('../image/ui-bg_highlight-soft_75_ffe45c_1x100.png')
		50% top repeat-x;
}

.epsSubmitNew { 
	-webkit-box-shadow: rgba(0, 0, 0, 0.0.97) 0px 1px 0px 0px; 
	background: #0982AF;
	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#044158', endColorstr='#0982AF');/*For IE7-8-9*/ 
	  background: -webkit-linear-gradient(#044158, #0982AF); /* For Safari 5.1 to 6.0 */
 	 background: -o-linear-gradient(#044158, #0982AF); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#044158, #0982AF); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#044158, #0982AF); /* Standard syntax */
	border: 1px solid #7F7F7F; 
	font-family: Verdana; 
	font-size: xx-small; 
	font-weight: bold; 
	padding: 5px 5px; 
	min-height: 30px; 
	color: #fff;  
	border-radius: 3px; 
	cursor: pointer; 
	text-transform: uppercase;
	margin:1px 3px 1px 1px;
	display: inline-block;
}
.hideDisplayTable{
	display:none;
}

.tableHeader1 td {
	color: white;
	
}

/*  Added by Ramesh*/

.blueThickLine{
	background: #0077ff;
	 font-size: 2px;
}

.clockTicker{
	color : #fff;
	font-size : xx-small;
}


.headerFixed{
	position: fixed;
	width: 100%;
	top:0px;
}

.centerClass{
	text-align: center !important;
}

.tableHeader td a, .tableHeader td a:VISITED, .tableHeader td a:ACTIVE{
	color : #fff;
	text-decoration: underline;
}

.tableHeader td a:HOVER {
	color:#000;
	text-decoration: underline;
}

.qtnStep {
	background: #D6EBFF;
	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#85C2FF', endColorstr='#D6EBFF');/*For IE7-8-9*/ 
	  background: -webkit-linear-gradient(#85C2FF, #D6EBFF); /* For Safari 5.1 to 6.0 */
 	 background: -o-linear-gradient(#85C2FF, #D6EBFF); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#85C2FF, #D6EBFF); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#85C2FF, #D6EBFF); /* Standard syntax */ 
  	color: #9F9B9B;
  	height: 30px;
  	text-align: center;
  	line-height: 25px;
  	vertical-align: middle;
  	width : 100%;
  	margin: 0 1px;
  	font-size: 11px;
  	font-weight: bold;
  	border: 1px solid #ADD6FF;
  	 	
}
.qtnStepDone{
	color:green ;
}

.qtnStepInProgress{
	color:red;
}

	.ui-state-active{
		background: none;
		background-color: #2a868e !important;		/* #7FD4FF !important; */		/* #E5E0E0 */
		border: 1px solid #2a868e !important;		/* #7FD4FF !important; */
		color: #000 !important; 	/* #000 !important; */
		cursor: pointer;
	}
	
	.ui-state-active .ui-icon {
		background-image: url(../theme/jqueryui/images/ui-icons_222222_256x240.png) !important;



	}
	
	.ui-state-default{
		background: none;
		background-color: rgb(9, 130, 175);	/* #E5E0E0 */
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		color: #fff;
		cursor: pointer;
	}
	
	.ui-state-default .ui-icon {
		background-image: url(../theme/jqueryui/images/ui-icons_228ef1_256x240.png);


	}
	.epsButtonDiv{
		float:left;
		margin-right:10px;
		margin-top:10px;
	}
.fontColorRed{
	color:red;
	font-weight: bold;
}
.fontColorGreen{
	color:green;
	font-weight: bold;
}

.fontColorOrange{
	color:orange;
	font-weight: bold;
}	
.epsTooltip{
	z-index: 2003; 
	min-width:300px; 
	background: #505050; 
	border:1px solid;
	float: right;
	right: 20; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px;
	box-shadow:0 1px 3px rgb(0,0,0,0.3);
	color:#e3e3e3; 
	padding: 10px 20px;
	word-wrap: inherit;
	display:none;
}
.epsTooltip p{
	white-space: nowrap;
}

.smallBox{
	width:15px;
	height: 15px;
	border: 1px solid #000;
}

.boxbackGroundRed{background: red !important;}
.boxbackGroundgrey{background: #A3A385 !important;}
.boxbackGroundgreen{background: green !important;}

/* overriding jquery dialog header css */
.ui-widget-header{
	background-image: none;
	background-color: #0982AF;
	border: 1px solid #005CB8;
	 
}

.ui-dialog-title{
	/* font-weight: bolder !important; */
	vertical-align: middle;
	float: left;
	width: 80%;
	height: auto;
	text-align: center;
	font: 12px;
}

.fontBold{
	float: left;padding-left: 5px;font-weight: bold;line-height:15px;
}
.pointerCursor{
	cursor:pointer;
}

.tableHeader a{
	color: white;
	text-decoration: underline;
	cursor: pointer;
}

.tableHeader a:HOVER {
	color: black;
	text-decoration: underline;
}

.validationFormat label{
	line-height: 20px;
	width: 100%;
	display: inline-block;
}

.validationFormat label.error{
	display: inline;
}

.validationFormat verticalTopFieldLabel{
	vertical-align: top;
	display: inline-block; 
	line-height: normal;
} 
.whiteText{
	color: #ffffff !important;
}
	
.break-word {
  word-wrap: break-word;
}

/* div.tickClass1{
	background-image: url('../image/tick.gif') no-repeat ;
} */

a.tooltip {
    top: 50px;
}

a.tooltip:hover span {
    opacity: 1; 
    visibility: visible;
}

a.tooltip span {
    padding: 10px;
    z-index: 2003;
    min-width: 75px;
    max-width: 150px;
    background-color: #000000; 
    color: #FFFFFF;
    font-size: 110%;
    height: auto;
    border-radius: 5px; 
    opacity: 0; 
    position:absolute;
    visibility: hidden;
    word-wrap: break-word;
    -webkit-transition: all 0.5s; 
       -moz-transition: all 0.5s; 
        -ms-transition: all 0.5s; 
         -o-transition: all 0.5s; 
            transition: all 0.5s;    
}

a.tooltip::after {
    content: '';
    position: absolute;    
    display: block;
    width: 0;
}
.buttonlink {
	background:none!important;
    border:none; 
    padding:0!important;
    color: rgb(9, 130, 175);
    cursor: pointer;
    font-weight: bold;
    font-size: xx-small;
    font-family: verdana;
    text-align: center;
}
.masterReportTooltip {
    width:auto;
    height:30px;
    padding:5px;
    border:1px solid #ccc;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    border-radius:3px;
    -webkit-border-radius:3px;
    position: absolute;
    display:none;
}
.accordion-expand-holder {
    margin:10px 0;
}
.accordion-expand-holder .open, .accordion-expand-holder .close {
    margin:0 10px 0 0;
}
.ui-accordion-content{
    height:auto;
    margin-left:15px;
}

.accordion-head{
	text-align: left;
	/* padding: 5px; */
	margin:  5px !important;
}

/**********************  OVERLAY CSS START  ************************/


#cover{
    position:absolute;
    top:0;
    left:0;
    background-color: rgb(0, 0, 0);
    z-index:999;
    width:200%;
    height:200%;
    display:none;
	filter: alpha(opacity=60);
}

#wholeOverlayCSS
{
	top: 65%;
 	left: 30%;
    height:380px;
    width:340px;
    margin:0 auto;
    position:absolute;
    z-index:9999;
    display:none;
}

#wholeOverlayCSS:target, #wholeOverlayCSS:target + #cover{
    display:block;
    filter: alpha(opacity=20);
}


/**********************  OVERLAY CSS END  ************************/

/**********************  ORDER PAGE TIMER MODAL CSS START  ************************/


#maskOrder {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxesOrder .windowOrder {
  position:absolute;
  left:0;
  top:0;
  width:640px;
  height:300px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxesOrder #dialogOrder {
  width:575px; 
  height:303px;
  padding:10px;
  background-color:#ffffff;
}


/**********************  ORDER PAGE TIMER MODAL CSS END  ************************/

/**********************  MAIN SESSION TIMER MODAL CSS START  ************************/


#maskTimeout {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxesTimeout .windowTimeout {
  position:absolute;
  left:0;
  top:0;
  width:640px;
  height:300px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxesTimeout #dialogTimeout {
  width:575px; 
  height:303px;
  padding:10px;
  background-color:#ffffff;
}

.ui-autocomplete-input,.ui-combobox{
		background-color: #CCFFFF !important;
		background-image: none !important;
	}
	
.td-bg{
	background: #1ba9f5;
    color: #fff;
    height: 30px;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}
/**********************  MAIN SESSION TIMER MODAL CSS END  ************************/
