@charset "ISO-8859-1";  /* ---Standard HTML Elements styles ---
note:  This will be applied if no other styling is applied on the individual elements
 */
;
DIV {
	border-width: 0px;
	color: black;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	background-color: #ffcee7;
}

BODY {
	background-color: white; /*Code added by Preeti*/
	background-repeat: no-repeat;
	font-family: arial;
	font-size: 11px; /*scrollbar Code added by Preeti*/
	scrollbar-face-color: WHITE;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #187BA1;
	scrollbar-darkshadow-color: #727272;
	scrollbar-base-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-highlight-color: #187BA1;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 0;
	margin: 0;
}

iframe {
	border: medium none;
	margin: 0;
	padding: 0;
}

table {
	width: 99%;
	border-collapse: collapse;
}

b {
	font-weight: bold;
}

H1 {
	color: #FF6600;
	font-family: arial; /*font: normal bold 14pt arial;*/
}

H2 {
	color: #FFFFFF;
	font-family: arial; /*font: normal 10pt arial;*/
}

H3 {
	color: #FFFFFF;
	font-family: arial; /*font: normal 10pt arial;*/
}

.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

TD {
	font-family: arial;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

ul,ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

INPUT { /*border-style: solid;
	border-width: 2px;*/
	color: Black;
	font-family: arial;
	font-size: 11px; /*border-color: #9EB5CA;*/
}

input[type=text] {
	border: 1px solid #dddddd !important;
	padding: 3px;
}

input#usr,input[type=password],.languageselect select {
	/*border: 1px solid #b3b3ff;
	border-radius: 2px;*/
	color: #333;
	padding: 5px;
	border: 1px solid #dddddd;
	width: 200px; /*transition: all 0.1s ease-out;*/
}

INPUT:focus {
	outline: none;
	/*box-shadow:0 0 10px #B8BCC0;*/
	border-radius: 5px;
	border: 1px solid #558618;
}

.homelogin {
	background-color: #ffffff;
	background-image: url("../../common/images/ExpenseLoginImage.bmp");
	background-repeat: no-repeat;
	height: 437px;
	margin: 90px auto 150px;
	width: 606px !important;
	position: relative;
}

.homelogin td {
	vertical-align: top;
}

.mainlogo {
	width: 200px;
	height: 64px;
}

.footerhomenote {
	width: 1000px;
	border-top: 1px solid #dddddd;
	margin: 0 auto;
}

.footerhomenote td.clsLabelGray {
	text-align: center;
}

.menuItem {
	border-radius: 3px;
}

.alertmessage {
	background-color: #fff;
	color: #ff0000;
	float: none;
	font-weight: bold;
	left: 25px;
	margin: 0 auto;
	padding: 6px;
	position: absolute;
	text-align: center;
	top: 110px;
	width: 550px;
}

input[type=text]:hover { /*border-radius: 3px;*/
	
}

.textStyle {
	border: 1px solid #b3b3ff;
	border-radius: 5px;
	color: #333;
	/*transition: all 0.3s ease-out;*/
}

.textStyle:hover {
	border-radius: 8px;
}

.textStyle:focus {
	border-bottom: 2px solid #7777ff;
	outline: none;
	border-radius: 8px;
	border-color: #7777ff;
}

.date {
	border: 1px solid #b3b3ff;
	background-image: url(images/iconDatePicker.gif);
	background-position: 90% 60%;
	background-repeat: no-repeat;
	width: 89px;
	padding: 1.5px 0 1.5px 10px;
	border-radius: 5px;
	color: #333;
	transition: all 0.3s ease-out;
}

.busfromAndToLoc {
	width: 60px;
}

TEXTAREA {
	background-color: white;
	text-align: left;
	vertical-align: top;
	padding: 8px;
	border: 1px solid #cccccc;
	border-radius: 6px;
	/* color: #999999;*/
}

/* ---Default predefined Styles for elements ---
note:  Will be applied for all elements of this type if appled
 */
A {
	color: blue;
	font-family: arial;
	font-size: 11px;
	cursor: pointer;
}

A :LINK {
	text-decoration: none;
}

A :HOVER {
	color: #296929;
	text-decoration: none;
}

SELECT {
	font-family: arial;
	font-size: 11px;
	font-color: black;
	background-color: white;
	text-align: left;
	vertical-align: top;
}

/* ---CRM Works defined Style classes as per the definition ---
note:  All elements generated will be applied the cls style rules where ever possib;
	e
To chnage the look and feel product wide chnage the following class styles
 */
/*.clsPageHeader  {

font-family: arial;

font-size:  14px;

font-weight:  bold;

font-color:  white;

background-color:  #2B7761;

font-style:  normal;

text-transform:  none;

margin-top:  5px;

border-bottom-color:  white;

margin-bottom:  5px;

text-align:  left;

border-top-width:  2px;

border-bottom-style:  solid;

vertical-align:  middle;

border-top-style:  solid;

border-bottom-width:  2px;

padding-left:  10px;

border-right-color:  white;

border-top-color:  white;

border-left-color:  white;

padding-bottom:  2px;

padding-top:  2px;

color:  white
}

*/
/*added by:  Preeti*/
.clsPageHeader {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	font-color: white;
	background-color: #24638E;
	font-style: normal;
	text-transform: none;
	margin-top: 5px;
	border-bottom-color: white;
	margin-bottom: 5px;
	text-align: left;
	border-top-width: 2px;
	border-bottom-style: solid;
	vertical-align: middle;
	border-top-style: solid;
	border-bottom-width: 2px;
	padding-left: 10px;
	border-right-color: white;
	border-top-color: white;
	border-left-color: white;
	padding-bottom: 2px;
	padding-top: 2px;
	color: white;
}

.clsLoginHeader {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	font-color: white;
	background-color: 012B77;
	font-style: normal;
	text-transform: none;
	margin-top: 5px;
	border-bottom-color: white;
	margin-bottom: 5px;
	text-align: left;
	border-top-width: 2px;
	border-bottom-style: solid;
	vertical-align: middle;
	border-top-style: solid;
	border-bottom-width: 2px;
	padding-left: 10px;
	border-right-color: white;
	border-top-color: white;
	border-left-color: white;
	padding-bottom: 2px;
	padding-top: 2px;
	color: white;
}

.clsSubHeader {
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	background-color: #E8F8FE;
	color: #120c8f;
}

.clsSubSubHeader {
	font-family: arial;
	font-size: x-small;
	font-weight: bold;
}

.clsFldGrpHeader {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #187BA1;
}

.clsFldGrpSubHeader {
	font-size: 12px;
	font-weight: bold;
	font-color: black;
	border-bottom: 1px solid #ffffff;
	background-color: #D2EAD2;
}

.clsChPswdHeader {
	font-size: 18px;
	font-color: white;
	color: #14A6C5;
	background-color: #D2EAD2;
	font-weight: bold;
	background-color: #ffffff;
}

.clsChPswdSubHeader {
	font-size: 13px;
	color: red;
	font-color: black;
	background-color: #ffffff;
}

.clsTableHeader {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #78CCDD;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;
	text-align: left;
}

.clsLink {
	font-size: 10px;
	color: blue;
	padding-bottom: 3px;
	padding-top: 3px;
	text-decoration: none;
}

.clsLabel1 {
	font-size: x-small;
	color: black;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: 1px solid #EAEFF1;
	border-left-style: none;
	border-left-color: #ffffff;
}

.clsLabel {
	font-size: 12px;
	color: black;
	border-left-style: none;
	border-left-color: #ffffff;
}

.clsLabelGray {
	font-family: arial;
	font-size: 11px;
	color: gray;
	border-left-style: none;
	border-left-color: #ffffff;
}

.clsCalcLabel {
	font-size: 12px;
	color: black;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: 1px solid #EAEFF1;
	border-left-style: none;
	border-left-color: #ffffff;
}

.clsLabelTest {
	font-size: 10px;
	text-decoration: underline; /*Added by:  Preeti*/
	color: #187BA1; /*color:  #ffffff;
	*/
	/*border-bottom:  1px solid #ffffff;
	*/
	/*background-color:  #EFFBEF;
	*/
	/*Added by:  Preeti*/
	/*background-color:  #0F739A;
	*/
	padding-bottom: 6px;
	padding-top: 6px;
	border-top-width: 1px;
	border-left-style: none; /*border-top-style:  solid;
	*/
	border-color: white;
	border-left-color: #ffffff;
}

.clsDashboardLabel {
	font-family: Arial;
	font-size: 17px;
	color: #187BA1;
	border-bottom: 1px solid #ffffff;
	background-color: #E8F8FE;
	padding-bottom: 6px;
	padding-top: 6px;
	border-top-width: 1px;
	border-left-style: none;
	border-top-style: solid;
	border-color: white;
	border-left-color: #ffffff;
	font-weight: bold;
}

.clsLabelHead {
	font-size: 12px;
	color: #14a6c5;
	/*border-bottom: 1px solid #ffffff;
	background-color: white;*/
	padding-bottom: 0;
	padding-top: 0;
	/*border-top-width: 1px;
	border-left-style: none;
	border-top-style: solid;
	border-color: white;
	border-left-color: #ffffff;*/
	font-weight: bold;
}

.clsPortalLabel {
	font-size: 10px;
	color: #187BA1;
	border-bottom: 1px solid #ffffff;
	background-color: #E8F8FE;
	padding-bottom: 1px;
	padding-top: 1px;
	border-top-width: 1px;
	border-left-style: none;
	border-top-style: solid;
	border-left-color: white;
	border-right-color: white;
	border-bottom-color: white;
	border-top-color: white;
}

.clsField {
	font-size: 10px;
	font-color: black;
	border-bottom: 1px solid #EAEFF1;
	background-color: #E8F8FE;
}

.clsData {
	font-size: 11px;
	color: #400040;
	border-bottom: 1px solid #ffffff;
	background-color: #E8F8FE;
	padding-bottom: 6px;
	padding-top: 6px;
	border-top-width: 1px;
	border-left-style: none;
	border-top-style: solid;
	border-color: white;
	border-left-color: #ffffff;
}

.clsPortalData {
	font-size: 11px;
	color: #400040;
	border-bottom: 1px solid #ffffff;
	background-color: #E8F8FE;
	padding-bottom: 1px;
	padding-top: 1px;
	border-top-width: 1px;
	border-left-style: none;
	border-top-style: solid;
	border-color: white;
	border-left-color: #ffffff;
}

.clsRadio {
	font-family: Tohoma;
	font-size: 11px;
	color: black;
	border-style: none;
}

.clsCheckBox {
	font-size: 10px;
	font-color: black;
	background-color: #E8F8FE;
}

.clsListBox {
	font-size: 10px;
	font-color: black;
	color: #296929;
	background-color: #E8F8FE;
}

.clsTextArea {
	font-size: 11px;
	font-color: black;
	background-color: white;
	text-align: left;
	vertical-align: top;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.clsComboBox {
	font-size: 10pT;
	font-color: black;
	padding-bottom: 6px;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	padding-top: 6px;
	border-color: white;
	border-bottom-width: 1px;
}

.clsTextBox {
	font-size: 10px;
	font-color: black;
	color: black;
	margin-top: 1px;
	padding-bottom: 6px;
	margin-bottom: 1px;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	padding-top: 6px;
	border-color: white;
	border-bottom-width: 1px;
	text-align: left;
	vertical-align: middle;
}

.clsButton,.clsLogin { /*border-top: 1px solid #fcfcfc;*/
	background: #7dba0d !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#7dba0d', endColorstr =   '#9dc15a' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7dba0d),
		to(#9dc15a) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #7dba0d, #9dc15a) !important;
	background-color: #7dba0d !important;
	/* for firefox 3.6+ */
	padding: 4px;
	border: 1px solid #558618;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*text-shadow: rgba(0, 0, 0, .4) 0 1px 0;*/
	color: #ffffff !important;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	margin: 5px;
}

/*.clsLogin {
	border-top: 1px solid #fcfcfc;
	background: #29CBEF;
	padding: 2px 9px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
	color: #f7fafc;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	width: 100px;
}*/
.clsButton:active,.clsButton:hover {
	/*border-top-color: 1px solid #fcfcfc;
	background:#14A6C5;
	color: #f0f0f0;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .2), inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 0 rgba(255, 255, 255, .2);*/
	
}

.sendForApproval {
	border-top: 1px solid #fcfcfc;
	background: #0d4a73;
	padding: 2px 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
	text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
	color: #f7fafc;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	background-image: url(images/save.png);
	background-repeat: no-repeat;
	background-position: left;
}

.clsButton:before {
	background: #ccc;
	background: rgba(0, 0, 0, .1);
	float: left;
	width: auto;
	text-align: center;
	/*font-size: 1.5em;*/
	margin: 0;
	padding: 0;
	/*-moz-box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .5);
	-webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .5);
	box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;*/
	pointer-events: none;
}

.add:before {
	background-image: url(images/save.png);
	background-repeat: no-repeat;
	background-position: left;
}

.clsSaveButton {
	color: white;
	font-size: 10px;
	font-weight: bold;
	background-color: #3F7CBA;
	border-color: black;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
}

/*
.clsPicker  {

font-family:  Tohoma;

color: white;

font-size:  10px;

font-weight:  bold;

background-color:  #9EB5CA;

border-color: #01609A;

border-left-width:  1px;

border-bottom-width:  1px;

border-top-width:  1px;

border-right-width:  1px;

}

 */
.clsPicker {
	font-family: Tohoma;
	color: white;
	font-size: 8pt;
	font-weight: bold;
	background-color: #78CCDD;
	border-color: #01609A;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-width: 0;
	width: 14px;
	height: 16px;
}

.clsCalcButton {
	border-top: 1px solid #fcfcfc;
	background: #0d4a73;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #f7fafc;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}

.clsNote {
	font-size: 10px;
	font-color: red;
}

.clsError {
	font-size: 10px;
	font-weight: bold;
	font-color: red;
}

.clsSuccess {
	font-size: 10px;
	font-weight: bold;
	font-color: blue;
}

.clsFailure {
	font-size: 10px;
	font-weight: bold;
	font-color: red;
}

.clsImage {
	width: 15px;
	height: 12px;
	top: 3px;
	position: relative;
}

.clsDatePicker {
	width: 15px;
	height: 12px;
	top: 4px;
	position: relative;
}

.clsOddLine {
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #EFFBEF;
}

.clsEvenLine {
	font-size: 10px;
	font-style: normal;
	color: #000000;
	background-color: #EFFBEF;
}

.clsIframeBorder {
	border: 1px gray solid;
	font-size: xx-small;
}

.clsLaunchPad {
	font-weight: normal;
	font-style: normal;
	background-color: #E8F8FE;
	color: #296929;
	border-style: solid;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	border-width: 0px;
	margin-left: 1px;
	border-color: #E8F8FE;
}

.clsHelpLine {
	font-size: 9pt;
	color: #4d4d4d;
	background-color: #D2EAD2;
	font-style: normal;
}

.clsErrorPageHeader {
	font-size: 14px;
	font-weight: bold;
	font-color: white;
	background-color: #012B77;
	font-style: normal;
	color: white;
	background-position: center;
	text-align: center;
}

.clsBrowseButton {
	font-size: 10px;
	font-weight: bold;
	font-color: blue;
	background-color: white;
	font-style: normal;
	color: #8080c0;
	background-position: center;
	text-align: left;
}

.clsNewTextArea {
	font-size: 10px;
	font-color: black;
	color: black;
}

.clsLabel1 {
	font-size: 10px; /*Added by:  Preeti*/
	color: #ffffff; /*border-bottom:  1px solid #ffffff;
	*/
	/*background-color:  #EFFBEF;
	*/
	/*Added by:  Preeti*/
	/*background-color:  #0F739A;
	*/
	padding-bottom: 6px;
	padding-top: 6px;
	border-top-width: 1px;
	border-left-style: none; /*border-top-style:  solid;
	*/
	border-color: white;
	border-left-color: #ffffff;
}

.clsbgcolor {
	background-color: #ffffff;
}

.clsPageHeader1 {
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	font-color: white;
	background-color: #24638E;
	font-style: normal;
	text-transform: none;
	margin-top: 5px;
	border-bottom-color: white;
	margin-bottom: 5px;
	text-align: left;
	border-top-width: 2px;
	border-bottom-style: solid;
	vertical-align: middle;
	border-top-style: solid;
	border-bottom-width: 2px;
	padding-left: 10px;
	border-right-color: white;
	border-top-color: white;
	border-left-color: white;
	padding-bottom: 2px;
	padding-top: 2px;
	color: white;
}

.clsFldGrpHeader1 {
	font-size: 10px;
	font-weight: bold;
	color: #187BA1;
}

.clsLeftPage {
	font-size: 12px;
	font-weight: bold;
	font-color: white;
	background-color: #0472BC;
	font-style: normal;
	text-transform: none;
	margin-top: 5px;
	border-bottom-color: white;
	margin-bottom: 5px;
	text-align: left;
	border-top-width: 2px;
	border-bottom-style: solid;
	vertical-align: middle;
	border-top-style: solid;
	border-bottom-width: 2px;
	padding-left: 10px;
	border-right-color: white;
	border-top-color: white;
	border-left-color: white;
	padding-bottom: 2px;
	padding-top: 2px;
	color: white;
}

.clsNote {
	font-size: 10px;
	color: black;
}

.clsGridLabel {
	font-size: 11px;
	color: black;
	padding-bottom: 3px;
	padding-top: 3px;
	border: 1px solid #cccccc;
	vertical-align: top;
	text-align: center;
	background-color: #ffffff !important;
}

.clsGridLabelHiddenBorder {
	font-size: 11px;
	color: #555555 !important;
	padding: 0 15px 0 0;
	font-weight: bold;
}

.clsGridHeaderLabel {
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	color: #333333;
	background-color: #e8e8e8;
	/*background-image: url('/TnEV1_0AWeb/common/images/grid_backgrd1.gif');*/
	vertical-align: middle;
	border-left-style: none;
	padding-bottom: 3px;
	padding-top: 3px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

.clsHrefLabel {
	font-size: 11px;
	color: black;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: 1px solid #EAEFF1;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
	text-decoration: none;
}

.clsGridHeaderLabel1 {
	font-size: 11px;
	color: black;
	padding-bottom: 3px;
	padding-top: 3px; /*border-bottom: 1px solid #EAEFF1;
	 */
	border-left-style: none;
	border-bottom-style: none;
}

.clsDataHier {
	border-bottom: 1px solid #EAEFF1;
	font-family: Arial;
	font-size: 9pt;
	color: black;
	text-align: left;
	padding-left: 8px;
}

.clsHierarchyPickTD {
	padding-left: 16px;
	font-size: 11px;
}

.clsButtonHier {
	font-family: Arial;
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #8F8E8E;
	font-weight: bold;
	border-style: solid;
	border-width: 1;
	border-color: black;
}

.clsLabelHier {
	border-bottom: 1px solid #EAEFF1;
	color: black;
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
}

.clsLoginLabel {
	font-family: arial;
	font-size: 11px;
	color: white;
	font-weight: bolder;
	padding-bottom: 3px;
	padding-top: 3px; /*border-bottom: 1px solid #EAEFF1;
	 */
	border-left-style: none; /*border-left-color:  #ffffff*/
}

.clsForgetPaswdLabel {
	border-left-style: none;
	clear: left;
	color: white;
	float: left;
	font-size: 12px;
	padding-top: 7px;
}

.clsLabelPrint {
	font-size: 11px;
	color: black;
	padding-bottom: 3px;
	padding-top: 3px;
	border-left-style: none;
	border-left-color: #ffffff;
}

.clsLabelHeader {
	font-size: 15px;
	color: black;
	/*border-bottom: 1px solid #ffffff;
	background-color: white;*/
	padding-bottom: 3px;
	padding-top: 3px;
	/*border-top-width: 1px;
	border-left-style: none;
	border-top-style: solid;
	border-color: white;
	border-left-color: #ffffff;*/
	font-weight: bold;
}

.clsSmallFontPrint {
	font-size: 10px;
	font-weight: normal;
	color: black;
	padding-bottom: 3px;
	padding-top: 3px;
}

.clsForIndianRupee {
	font-family: Rupee Foradian;
	font-size: 17px;
	font-weight: normal;
	color: black;
	padding-bottom: 3px;
	padding-top: 3px;
}

.clsLabelHeadPrint {
	font-size: 13px;
	color: black;
	border-bottom: 1px solid #ffffff;
	background-color: white;
	padding-bottom: 3px;
	padding-top: 3px;
	border-top-width: 1px;
	border-left-style: none;
	border-top-style: solid;
	border-color: white;
	border-left-color: #ffffff;
	font-weight: bold;
}

/* Added for New Label in EditJSP*/
.clsLabelBold {
	border-left-color: #ffffff;
	border-left-style: none;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

/* Added for alternate colour in GRID*/
.clsOddRow {
	background-color: white;
	height: 25px;
	font-family: arial;
	color: black;
}

.clsEvenRow {
	background-color: #ffffff;
	height: 25px;
	font-family: arial;
	color: black;
}

.clsGain {
	color: green;
	font-family: arial;
}

.clsLoss {
	color: red;
	font-family: arial;
}

.imgHoverclass:hover { /*	transform: scale(1.1, 1.1);
	-ms-transform: scale(2, 4); 
	-webkit-transform: scale(1.1, 1.1); 
	-o-transform: scale(2, 4); 
	-moz-transform: scale(1.1, 1.1); */
	
}

.inline-link-2 {
	display: inline-block;
	text-decoration: none;
	color: #564eef;
	text-shadow: none;
	-webkit-transition: 100ms linear 0s;
	-moz-transition: 100ms linear 0s;
	-o-transition: 100ms linear 0s;
	transition: 100ms linear 0s;
	font-size: 12px;
	font-weight: italic;
}

.inline-link-2:hover { /*border-bottom: 2px solid rgba(86,78,239,1);*/
	margin: 0 0.2em;
	padding: 3px;
	text-shadow: 0 0 0.7em #ff2222;
}

.inline-link-2:active {
	border-bottom-style: solid;
}

.inline-link-1 {
	margin: 0 0.2em;
	padding: 3px;
	display: inline-block;
	/* border-bottom: 2px solid rgba(86,78,239,1);*/
	text-decoration: none;
	color: #564eef;
	text-shadow: none;
	font-size: 12px;
	color: #044c7b;
}

.inline-link-1:hover {
	display: inline-block;
	margin: 0 0.2em;
	padding: 3px;
	background-color: #e8eefa;
	font-size: 12px;
	font-color: #005b5b;
	border: none; /*text-shadow: 0 0 0.7em #ff7979;
	text-shadow: -1px 1px 8px #FFFFFF, 1px -1px 8px #FFFFFF;
	*/
}

.inline-link-1:active {
	border-bottom-style: solid;
}

.tint {
	cursor: pointer;
}

.tint:before {
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 255, 255, 0.5);
	-moz-transition: background .3s linear;
	-webkit-transition: background .3s linear;
	-ms-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear;
}

.tint:hover:before {
	background: none;
}

.custom-checkbox {
	position: relative;
	display: inline-block;
	width: 100%;
	zoom: 1;
}

.custom-checkbox label {
	display: block;
	position: absolute;
	top: 2px;
	left: 25px;
}

.custom-checkbox>.box {
	position: relative;
	display: block;
	margin-bottom: 8px;
	width: 14px;
	height: 14px;
	border: 1px solid #ccc;
	background-color: #eee;
	border-radius: 4px;
}

.custom-checkbox>.box>.tick {
	position: absolute;
	left: 2px;
	top: -2px;
	width: 14px;
	height: 6px;
	border-bottom: 2px solid #454545;
	border-left: 2px solid #454545;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	filter: progid :   DXImageTransform.Microsoft.Matrix (   M11 =   
		0.7071067811865476, M12 =   0.7071067811865475, M21 =   
		-0.7071067811865475, M22 =   0.7071067811865476, sizingMethod =   
		'auto expand' );
	display: none;
	zoom: 1;
}

.custom-checkbox>input:checked+.box>.tick {
	display: block;
}

.custom-checkbox>input {
	position: absolute;
	outline: none;
	left: 0;
	top: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	border: none;
	margin: 0;
	opacity: 0;
	z-index: 1;
}

.custom-checkbox>input:active+.box {
	border-color: #aaa;
	background-color: #ddd;
}

.clsAnchor {
	background-image: url("../images/expenses.png");
	background-position: left center;
	background-repeat: no-repeat;
	color: #999999;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 29px;
	line-height: 14px;
	margin: 0;
	padding: 0 0 0 40px;
	position: relative;
	text-decoration: none;
	transition: all 0.3s ease-out 0s;
}

.clsAnchorTips {
	background-image: url("../images/bullet-bulb.png");
	background-position: left center;
	background-repeat: no-repeat;
	color: #999999;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 29px;
	line-height: 28px;
	margin: 0;
	padding: 0 0 0 25px;
	position: relative;
	text-decoration: none;
	transition: all 0.3s ease-out 0s;
}

.expenseentitlelink ul li a.entitlelink {
	background-image: url("../images/expenses.png");
	background-position: left center;
	background-repeat: no-repeat;
	color: #999999;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	margin: 0;
	padding: 0 0 0 40px;
	position: relative;
	text-decoration: none;
}

.expenseentitlelink {
	float: left;
	margin-left: 120px;
}

.expenseentitle span {
	color: #999999;
	float: left;
	font-size: 13px;
	font-weight: bold;
}

.clsAnchor:hover {
	color: #0AF;
}

.onoffswitch {
	position: relative;
	width: 69px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #323480;
	border-radius: 43px;
}

.onoffswitch-inner {
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner>div {
	float: left;
	width: 50%;
	height: 14px;
	padding: 0;
	line-height: 14px;
	font-size: 14px;
	color: white;
	font-family: Trebuchet, arial;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.onoffswitch-inner .onoffswitch-active {
	padding-left: 1px;
	background-color: #6C6EB0;
	color: #FFFFFF;
}

.onoffswitch-inner .onoffswitch-inactive {
	padding-right: 8px;
	background-color: #C2C6ED;
	color: #6C61BF;
	text-align: right;
}

.onoffswitch-switch {
	width: 21px;
	margin: -3.5px;
	background: #F3F2F7;
	border: 2px solid #323480;
	border-radius: 43px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 51px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0px;
}

.active {
	transform: scale(1.05);
	box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1), 1px 11px 15px 10px
		rgba(0, 0, 0, 0.4);
	z-index: 100;
	opacity: 1;
}

.clsTableHeaderForVoucher {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;
	text-align: left;
}

/*
input[type=text]:focus { 
  border-bottom:2px solid #7777ff;;
  outline: none;
  border-radius: 3px; 
  border-color: #7777ff;
}
*/
.clsPrintBold {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.clsApproverCommentTitle {
	border: 1px solid black;
	padding: 3px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #0089b7;
}

.clsApproverCommentBody {
	font-family: Arial;
	font-size: 12px;
	/*font-weight:bold;*/
	background: #F2F2F2;
}

.clsApproverCommentTitle {
	border: 1px solid black;
	padding: 3px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #0089b7;
}

.clsApproverCommentBody {
	font-family: Arial;
	font-size: 12px;
	/*font-weight:bold;*/
	background: #F2F2F2;
}

/*These Css added for MyWallet Jsp*/
.modal {
	color: #233847;
	width: auto;
	line-height: 30px;
	text-shadow: 1px 1px 0px #fff;
	padding: 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	border: 1px solid #D9EAF2;
	background: #29CBEF;
	-moz-box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;
	position: absolute;
	top: 4px;
	right: 400px;
	width: 165px;
	height: 30px;
}

.modalbutton {
	padding: 4px 7px;
	border: 1px solid #D9EAF2;
	cursor: pointer;
	background: #e8f4fa;
	font-weight: bold;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.38, rgb(230
		, 243, 249) ), color-stop(0.88, rgb(245, 249, 250) ) );
	background: -moz-linear-gradient(center bottom, rgb(230, 243, 249) 38%,
		rgb(245, 249, 250) 88% );
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f9f9f9;
	-webkit-box-shadow: 0px 1px 0px #f9f9f9;
	box-shadow: 0px 1px 0px #f9f9f9;
}

.backcolor {
	background-color: white;
}

.wrapup {
	width: 9em;
	border: 0px solid #000000;
	margin: 0px 0px 3px 3px;
}

.wrapupForReceipt {
	width: 7em;
	border: 0px solid #000000;
	word-wrap: break-word;
	margin: 0px 0px 3px 3px;
}

.element {
	height: 30px;
	position: fixed;
	top: 80%;
	margin-top: -100px;
}

.walletMsgPosition {
	height: 30px;
	position: fixed;
	top: 80%;
	margin-top: -60px;
	color: red;
}

.walletMsgNotePosition {
	height: 50px;
	position: fixed;
	top: 80%;
	margin-top: -40px;
	color: red;
}

.popupOnContentpage {
	background-color: #ffffff;
	border: 1px solid #14a6c5;
	border-radius: 20px;
	color: black;
	font-weight: bold;
	height: auto;
	left: 0;
	margin: 0 auto;
	padding: 6px;
	position: absolute;
	right: -840px;
	top: 207px;
	width: 400px;
}

.closewelcome {
	background: none repeat scroll 0 0 #000;
	border: 1px solid #14a6c5;
	border-radius: 15px;
	color: #14a6c5;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	top: -10px;
	width: 20px;
}

.gettingStartedModel {
	background-color: #ffffff;
	color: black;
	border: 1px solid #14A6C5;
	padding: 10px;
	display: circle;
	position: absolute;
	top: 2px;
	right: 10px;
	width: 110px;
	height: 150px;
	font-weight: bold;
	border-radius: 20px;
}

.helpicon {
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 2px;
	font-size: 18px;
	color: #fff;
	line-height: 15px;
	text-align: center;
	background: #29CBEF
}

/*-------------------------------------- Expenzing CSS classes ----------------------------------------------------------*/
.clsLandingPageExpz {
	background-color: #14A6C5;
	display: none;
}

/*-------------------------------------- TNE CSS classes ----------------------------------------------------------*/
.clsLandingPageTNE {
	background-color: #1c75b0;
}

.closePreview {
	display: block;
	font-size: 15px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	border-radius: 15px;
	border: 3px solid #14A6C5;
	right: 150px;
	margin-top: -330%; //
	margin-left: 105.5px !important;
}

.clsHelpFont {
	font-size: 11px;
	color: red;
}

/*END*/
.trvDskToBkBox {
	border: 1px solid #cccccc;
	border-radius: 6px;
	color: #999999;
	width: 94%;
}

.trvDskToTrBox {
	border: 1px solid #cccccc;
	border-radius: 6px;
	color: #999999;
	width: 150px;
}

.trvDskToBkImg { /*height: 50px;
	width: 90px;*/
	
}

.trvDskToBkChkBox {
	vertical-align: middle;
	text-align: center;
}

.travelIteneryGrid {
	border: 1px;
	border-color: #C0C0C0;
	border-style: solid;
	width: 100%;
	text-align: center;
}

.travelIteneryGridNonEdit {
	border: 1px;
	border-color: #C0C0C0;
	border-style: solid;
	width: 81%;
	text-align: center;
}

.travelIteneryGridEdit {
	border: 1px;
	border-color: #C0C0C0;
	border-style: solid;
	width: 85%;
	text-align: center;
}

.table_cell {
	display: table-cell;
	width: 100px;
	border: 1px;
	border-color: #C0C0C0;
	border-style: solid;
}

.trvDraftbtnCss { /*padding-left: 50%;*/
	
}

.gridTimer {
	text-align: justify;
	width: 80px;
	/*height: 20px;
	margin-left: -9px; */
}

.gridTimerImg {
	padding-left: 10px;
}

.gridTextBoxCss {
	text-overflow: ellipsis;
	/*  width: 95px;
	height: 20px;  */
}

.grid-txt-area-css {
	width: 120px;
}

/* CSS developed vinay - 18-10-2014 */
.footertext {
	background: #dddddd !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#dddddd', endColorstr =   '#f0f0f0' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd),
		to(#f0f0f0) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #dddddd, #f0f0f0) !important;
	/* for firefox 3.6+ */
	border-top: 1px solid #cccccc;
	padding: 10px;
	text-align: center;
	color: #696969;
	font-size: 12px;
}

.headertopsection {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
}

.headerwrapper {
	background: #dbdbdb !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#dbdbdb', endColorstr =   '#FFFFFF' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),
		to(#f5f5f5) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF) !important;
	/* for firefox 3.6+ */
	border-top: 1px solid #FFFFFF;
}

.tabrow {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 33px;
	height: 35px;
	overflow: hidden;
	font-size: 12px;
	font-family: arial;
	position: relative;
}

.tabrow li {
	border: 1px solid #12929b;
	background: #14a6c5;
	background: -o-linear-gradient(top, #14a6c5 50%, #1296a4 100%);
	background: -ms-linear-gradient(top, #14a6c5 50%, #1296a4 100%);
	background: -moz-linear-gradient(top, #14a6c5 50%, #1296a4 100%);
	background: -webkit-linear-gradient(top, #14a6c5 50%, #1296a4 100%);
	background: linear-gradient(top, #14a6c5 50%, #1296a4 100%);
	display: inline-block;
	position: relative;
	z-index: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.8), inset 0 0 0 #333333;
	/*text-shadow: 0 1px #FFF;*/
	margin: 0 -5px;
	padding: 0;
}

.tabrow a {
	color: #ffffff;
	font-weight: bold;
	padding: 10px 16px;
	text-decoration: none;
}

.tabrow li.selected,.tabrow li:hover {
	background: #FFF;
	color: #333;
	z-index: 2;
	border-bottom-color: #FFF;
}

.tabrow li.selected a,.tabrow li a:hover {
	font-weight: bold;
	color: #333333;
}

.tabrow:before {
	position: absolute;
	content: " ";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #AAA;
	z-index: 1;
}

.tabrow li:before,.tabrow li:after {
	border: 1px solid #AAA;
	position: absolute;
	bottom: -1px;
	width: 5px;
	height: 5px;
	content: " ";
}

.tabrow li:before {
	left: -6px;
	border-bottom-right-radius: 6px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #12929b;
}

.tabrow li:after {
	right: -6px;
	border-bottom-left-radius: 6px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #12929b;
}

.tabrow li.selected:before,.tabrow li:hover:before {
	box-shadow: 2px 2px 0 #FFF !important;
}

.tabrow li.selected:after,.tabrow li:hover:after {
	box-shadow: -2px 2px 0 #FFF !important;
}

.hotel-info-align { //
	padding: 5px 20px;
	font-size: 12px;
	font-family: Arial;
	margin-left: 0;
	width: auto; //
	font-weight: bold;
	text-align: center;
}

.hotel-page-header {
	background: #dbdbdb !important; /* for non-css3 browsers */
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
		'#dbdbdb', endColorstr = '#f5f5f5' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb),
		to(#f5f5f5) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #dbdbdb, #f5f5f5) !important;
	/* for firefox 3.6+ */
	float: left;
	margin-bottom: 0;
	margin-top: 0;
	padding: 15px;
	position: fixed;
	top: 0;
	width: 97%;
	z-index: 999;
}

.hotel-page-header-label {
	margin-left: 5px;
	margin-right: 5px;
	font-size: 13px;
	font-weight: bold;
}

.hotel-page-header-textbox {
	margin-left: 5px;
	margin-right: 5px;
	height: 20px;
}

.date-hotel-search {
	background-image: url("/TnEV1_0AWeb/common/images/iconDatePicker.gif");
	background-position: 94% 8%;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	cursor: pointer;
	height: 20px;
	padding-left: 7px;
	width: 100px;
}

.hotel-info-align-header {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	margin-left: 0;
	padding: 5px 10px;
	text-align: center;
	width: auto;
	white-space: nowrap;
	background-color: #ebebeb;
}

.hotel-info-align-header-Selection {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	margin-left: 0;
	padding: 5px 10px;
	text-align: center;
	width: auto;
	white-space: nowrap;
	background-color: #ebebeb;
}

.hotel-page-button {
	height: 30px;
	width: auto;
	margin-left: 0;
}

.hotel-page-header {
	margin-top: -11;
	margin-bottom: 0;
}

.hoteldtlsearch1 { /*background-color: #ebebeb;*/
	border-collapse: collapse;
	margin-top: 0;
	top: 52px;
	z-index: 999;
}

.hoteldtlsearch2 {
	border-collapse: collapse;
	margin-top: 75px;
	width: 100%;
}

.hoteldtlsearch1 tr td,.hoteldtlsearch2 tr td {
	border: 1px solid #dddddd;
}

table.hoteldtlsearch1 tr td:nth-child (1),table.hoteldtlsearch2 tr td:nth-child
	(1) {
	width: auto;
}

table.hoteldtlsearch1 tr td:nth-child (2),table.hoteldtlsearch2 tr td:nth-child
	(2) {
	width: auto;
}

table.hoteldtlsearch1 tr td:nth-child (3),table.hoteldtlsearch2 tr td:nth-child
	(3) {
	width: auto;
}

table.hoteldtlsearch1 tr td:nth-child (4),table.hoteldtlsearch2 tr td:nth-child
	(4) {
	width: auto;
}

table.hoteldtlsearch1 tr td:nth-child (5),table.hoteldtlsearch2 tr td:nth-child
	(5) {
	width: auto;
}

table.hoteldtlsearch1 tr td:nth-child (6),table.hoteldtlsearch2 tr td:nth-child
	(6) {
	width: auto;
}

table.hoteldtlsearch1 tr td:nth-child (7),table.hoteldtlsearch2 tr td:nth-child
	(7) {
	width: auto;
}

.hotel-details-header {
	font-size: 12px;
	font-family: Arial;
	margin-left: 0;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
}

.hotel-details-content {
	font-size: 12px;
	font-family: Arial;
	margin-left: 0;
	width: auto;
	text-align: left;
}

.knw-more-error-msg {
	top: 100px;
	font-weight: bold;
	font-family: arial;
	color: #FF0000;
	font-size: 15px;
	padding-top: 70px;
	text-align: center;
}

.cls-mandatory {
	font-color: red;
}

.travelmngwrapper {
	background: #dbdbdb !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#dbdbdb', endColorstr =   '#f5f5f5' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb),
		to(#f5f5f5) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #dbdbdb, #f5f5f5) !important;
	/* for firefox 3.6+ */
	border-radius: 6px;
	border: 1px solid #cccccc;
	margin: 0 auto;
	width: 86%;
	padding: 15px;
}

.travelboxsingle {
	
}

.travelmngwrapper ul {
	float: left;
	width: 100%;
	text-align: center;
}

.travelmngwrapper ul li {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	width: 33%;
	vertical-align: top;
}

.travelboxsingle h4 {
	color: #333333;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}

.travelboxsingle img {
	border: 1px solid #cccccc;
	border-radius: 150px;
	box-shadow: 0 6px 0 #cccccc;
	transition: all 0.90s ease-in-out 0s;
}

.travelboxsingle img:hover {
	opacity: 0.5;
	transition: all 0.45s ease-in-out 0s;
}

.declarationbox { /*	width:80%;   */
	margin: 0 auto;
	padding: 0;
	clear: both;
	position: relative;
}

.declarationbox h4 {
	background: #e8e8e8 !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#fefefe', endColorstr =   '#e8e8e8' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe),
		to(#e8e8e8) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #fefefe, #e8e8e8) !important;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: none;
	border-radius: 6px 6px 0 0;
	float: left;
	left: 10px;
	margin: 0;
	padding: 10px;
	color: #555555;
	font-size: 12px;
	position: relative;
	width: auto;
	font-weight: 
}

.declamsg {
	border: 1px solid #cccccc;
	border-radius: 6px;
	color: #555555;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	float: left;
	padding: 30px;
	text-align: center;
	width: 90%;
	background: #e8e8e8 !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#fefefe', endColorstr =   '#e8e8e8' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe),
		to(#e8e8e8) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #fefefe, #e8e8e8) !important;
}

.businessvoucherwrapper {
	background: #f0f0f0 !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#ffffff', endColorstr =   '#f0f0f0' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),
		to(#f0f0f0) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #f0f0f0) !important;
	/*width:100%;*/
	margin: 0;
	float: left;
	padding: 0;
	border: 1px solid #cccccc;
	border-radius: 6px;
}

.expenseentitle {
	padding: 10px;
}

.tipsboxbulb { /*border-bottom: 1px solid #cccccc;*/
	padding: 0;
}

.tipsbox {
	border-bottom: 1px solid #cccccc;
	/*padding: 10px; */
	margin-bottom: 10px;
	height: 30px;
}

.tipsbox ul li,.expenseentitle ul li {
	display: inline-block;
	margin-right: 10px;
}

.entitlelink {
	text-decoration: underline;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	transition: all 0.3s ease-out 0s;
}

.addlinebtn {
	background-color: transparent;
	background-image: url("../images/addline.png");
	background-position: left center;
	background-repeat: no-repeat;
	border: medium none;
	cursor: pointer;
	height: 34px;
	text-indent: -9999px;
	width: 34px;
}

INPUT.addlinebtn:focus {
	outline: none;
	/*box-shadow:0 0 10px #B8BCC0;*/
	border-radius: 0;
	border: none;
}

.extrasidelink {
	position: relative;
	right: 0;
	text-align: right;
	top: -50px;
}

.extrasidelink ul li {
	display: inline-block;
	margin-right: 8px;
}

.extrasidelink ul li a {
	color: #999999;
	text-decoration: underline;
	font-size: 11px;
}

.pagetitle {
	font-family: georgia;
	color: #1aa7b1;
	font-weight: bold;
	font-size: 16px;
	padding: 10px 0;
	text-align: center;
}

.imgHoverclass {
	position: relative;
	z-index: 99;
	margin-top: 0;
}

.topheadingtitle {
	float: left;
	margin: 0;
	text-align: center;
	color: #999999;
	font-weight: bold;
}

.topheadingtitle span {
	font-size: 13px;
}

.topheadingtitle b {
	font-size: 12px;
	font-weight: normal;
}

#travelRequestItinerary {
	padding: 10px;
}

.trvDskToBkChkBox input {
	float: left;
}

#strEndDate {
	width: 100% !important;
}

#strEndDate td {
	color: #14a6c5;
	font-size: 13px;
	font-weight: bold;
	padding: 15px;
}

#strEndDate td input {
	padding: 7px;
	margin-left: 10px;
}

#editTravelReqInfo table tr td { /*border: 1px solid #ddd;
    */
	padding: 5px;
}

/* 2/12/2014 - vinay */
#posts table td {
	font-weight: bold;
	color: #999999;
	font-size: 12px;
}

.appsbutton {
	bottom: -1px;
	left: 33px;
	position: absolute;
}

.totalamt {
	padding: 10px;
	color: #999999;
	font-weight: bold;
	font-size: 13px;
	display: block;
	/*	padding-left: 528px;  */
}

.configmngwrapper {
	background: #dbdbdb !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#dbdbdb', endColorstr =   '#f5f5f5' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb),
		to(#f5f5f5) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #dbdbdb, #f5f5f5) !important;
	/* for firefox 3.6+ */
	/*border-radius: 6px;
	border: 1px solid #cccccc;*/
	margin: 0 auto;
}

.configboxsingle {
	width: 120px;
}

.configboxsingle h4 {
	color: #333333;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

.configboxsingle img {
	height: 150;
	width: 150;
	border: 1px solid #cccccc;
	border-radius: 150px;
	box-shadow: 0 6px 0 #cccccc;
	transition: all 0.90s ease-in-out 0s;
}

.configboxsingle img:hover {
	opacity: 0.5;
	transition: all 0.45s ease-in-out 0s;
}

.configmngwrapper ul {
	height: 400px;
}

.configmngwrapper ul li {
	display: inline-block;
	text-align: center;
	width: 16%;
}

.clearfixForTravelDesk:after {
	content: ".";
	display: block;
	height: 30;
	clear: both;
	visibility: hidden;
}

.traveldesktobook .clsLabelBold {
	padding: 10px 0;
	text-align: left;
}

.traveldesktobook .allinstruction {
	color: #14a6c5 !important;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0;
	text-align: center;
}

.traveltypebox tr td {
	padding: 4px 10px;
}

.travelrequesttab {
	float: left;
	width: 100%;
}

#travelRequestInfo table td,#travelDomesticGrid,.noteexpense {
	color: #555555;
}

.travelrequsition {
	border-radius: 0 0 6px 6px !important;
	margin-bottom: 20px;
	width: auto !important;
}

#travelrequsionitinerary {
	padding: 0;
}

.tabrowHome {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 33px;
	height: 35px;
	overflow: hidden;
	font-size: 12px;
	font-family: arial;
	position: relative;
}

.tabrowHome li {
	border: 1px solid #7ec029;
	background: #1390e5;
	background: -o-linear-gradient(top, #98c85a 50%, #7ec029 100%);
	background: -ms-linear-gradient(top, #98c85a 50%, #7ec029 100%);
	background: -moz-linear-gradient(top, #98c85a 50%, #7ec029 100%);
	background: -webkit-linear-gradient(top, #98c85a 50%, #7ec029 100%);
	background: linear-gradient(top, #98c85a 50%, #7ec029 100%);
	display: inline-block;
	position: relative;
	z-index: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.8), inset 0 0 0 #333333;
	/*text-shadow: 0 1px #FFF;*/
	margin: 0 -5px;
	padding: 0;
}

.tabrowHome a {
	color: #ffffff;
	font-weight: bold;
	padding: 10px 16px;
	text-decoration: none;
}

.tabrowHome li.selected,.tabrowHome li:hover {
	background: #FFF;
	color: #333;
	z-index: 2;
	border-bottom-color: #FFF;
}

.tabrowHome li.selected a,.tabrowHome li a:hover {
	font-weight: bold;
	color: #333333;
}

.tabrowHome:before {
	position: absolute;
	content: " ";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #AAA;
	z-index: 1;
}

.tabrowHome li:before,.tabrowHome li:after {
	border: 1px solid #AAA;
	position: absolute;
	bottom: -1px;
	width: 5px;
	height: 5px;
	content: " ";
}

.tabrowHome li:before {
	left: -6px;
	border-bottom-right-radius: 6px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #7ec029;
}

.tabrowHome li:after {
	right: -6px;
	border-bottom-left-radius: 6px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #7ec029;
}

.tabrowHome li.selected:before,.tabrowHome li:hover:before {
	box-shadow: 2px 2px 0 #FFF !important;
}

.tabrowHome li.selected:after,.tabrowHome li:hover:after {
	box-shadow: -2px 2px 0 #FFF !important;
}

.clsLabel2 {
	background-color: #999999;
}

.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.traveldesk {
	background: #dbdbdb !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#dbdbdb', endColorstr =   '#f5f5f5' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb),
		to(#f5f5f5) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #dbdbdb, #f5f5f5) !important;
	/* for firefox 3.6+ */
	border-radius: 6px;
	border: 1px solid #cccccc;
	margin: 0 auto;
	width: 85%;
	padding: 15px;
	padding-left: 65px;
	font-family: arial;
}

.traveldesksingle { /*
	min-height:50px;
	
*/
	padding-left: 16px;
	border-left: 1px solid #cccccc;
	margin-left: 15px;
}

.traveldesksingle1 { /*
	min-height:50px;
	
*/
	padding-left: 30px;
	border-left: 1px solid #cccccc;
	margin-left: 5px;
}

.traveldesk ul {
	float: left;
	width: 100%;
}

.traveldesk ul li {
	display: inline-block;
	float: left;
	text-align: center;
	/*width: 12%;
*/
}

.traveldesksingle h4 {
	color: #333333;
	font-size: 13px;
	/*min-height:50px;
    */
	text-decoration: none;
	text-transform: uppercase;
}

.traveldesksingle1 h4 {
	color: #333333;
	font-size: 13px;
	/*min-height:50px;
    */
	text-decoration: none;
	text-transform: uppercase;
}

.traveldesksingle img {
	border: 1px solid #cccccc;
	border-radius: 150px;
	box-shadow: 0 6px 0 #cccccc;
	transition: all 0.90s ease-in-out 0s;
}

.traveldesksingle1 img {
	border: 1px solid #cccccc;
	border-radius: 150px;
	box-shadow: 0 6px 0 #cccccc;
	transition: all 0.90s ease-in-out 0s;
}

.traveldesksingle img:hover {
	opacity: 0.5;
	transition: all 0.45s ease-in-out 0s;
}

input[type=text]:-moz-read-only { /* For Firefox */
	background-color: #F8F8F8;
}

input[type=text]:read-only {
	background-color: #F8F8F8;
}

.traveldesksingle2 h4 {
	color: #333333;
	font-size: 13px;
	/*min-height:50px;
    */
	text-decoration: none;
	text-transform: uppercase;
}

.traveldesksingle2 img {
	border: 1px solid #cccccc;
	border-radius: 150px;
	box-shadow: 0 6px 0 #cccccc;
	transition: all 0.90s ease-in-out 0s;
}

.traveldesksingle2 {
	padding-left: 30px;
	margin-left: 3px;
}

/* vinay 16-12-2015 */
.travelreqtraveldesk {
	margin-bottom: 15px;
	/*table-layout: fixed;*/
}

.travelreqtraveldesk td {
	border: 1px solid #cccccc;
	padding: 0 5px;
}

.employeeInfo .ui-helper-reset {
	float: left;
	width: 90.5%;
}

.travelsettlement {
	background: #f0f0f0 !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#ffffff', endColorstr =   '#f0f0f0' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),
		to(#f0f0f0) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #f0f0f0) !important;
	width: auto;
	margin: 0;
	float: left;
	padding: 0;
	border: 1px solid #cccccc;
	border-radius: 6px;
}

iframe.footerframe {
	border: medium none;
	display: block;
	height: 40px;
	margin: 0;
	padding: 0;
}

.guestdtlsearch1 { /*background-color: #ebebeb;*/
	border-collapse: collapse;
	margin-top: 47px;
	top: 52px;
	z-index: 999;
}

.guestdtlsearch2 {
	border-collapse: collapse; //
	margin-top: 75px;
	width: 100%;
}

.guestdtlsearch1 tr td,.guestdtlsearch2 tr td {
	border: 1px solid #dddddd;
}

table.guestdtlsearch1 tr td:nth-child (1),table.guestdtlsearch2 tr td:nth-child
	(1) {
	width: 6%;
}

table.hoteldtlsearch1 tr td:nth-child (2),table.guestdtlsearch2 tr td:nth-child
	(2) {
	width: 20%;
}

table.guestdtlsearch1 tr td:nth-child (3),table.guestdtlsearch2 tr td:nth-child
	(3) {
	width: 24%;
}

table.guestdtlsearch1 tr td:nth-child (4),table.guestdtlsearch2 tr td:nth-child
	(4) {
	width: 15%;
}

table.guestdtlsearch1 tr td:nth-child (5),table.guestdtlsearch2 tr td:nth-child
	(5) {
	width: 15%;
}

table.guestdtlsearch1 tr td:nth-child (6),table.guestdtlsearch2 tr td:nth-child
	(6) {
	width: 20%;
}

table.guestdtlsearch1 tr td:nth-child (7),table.guestdtlsearch2 tr td:nth-child
	(7) {
	width: auto;
}

/************************************************** Hotel Book Start *******************************/
.provisional-Book-page {
	margin: 0 auto 25px;
	background: #fefefe; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=   '#fefefe', endColorstr =   '#f6f6f6' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe),
		to(#f6f6f6) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #fefefe, #f6f6f6) !important;
	/* for firefox 3.6+ */
	border-radius: 6px;
	border: 1px solid #cccccc;
	padding: 8px;
	font-size: 12px;
	font-weight: bold;
	font-family: arial;
	box-shadow: 4px 5px 1px #e9e9e9;
}

.provisional-Book {
	width: 500px;
}

.final-Book {
	width: 490px;
}

.provisional-Book-page .clsLabelHead {
	background-color: #15a6c5;
	border-radius: 6px;
	color: #ffffff;
	display: block;
	font-size: 20px;
	margin-bottom: 0;
	padding: 4px 0;
	text-align: center;
}

.probookpage {
	border-collapse: collapse;
	width: 100%;
}

.probookpage tr td:first-child {
	color: #555555;
	padding: 10px 0;
}

.probookpage tr td:last-child {
	color: #09a0ab;
	padding: 10px 0;
}

.probookpage tr td label {
	white-space: nowrap;
}

.probookpage input,.probookpage select {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 5px; //
	width: 250px;
	color: #98999b;
}

.hotelbookedsuccs {
	width: 60%;
	margin: 0 auto 25px;
	background: #e9e9e9; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=   '#fefefe', endColorstr =   '#e9e9e9' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe),
		to(#e9e9e9) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #fefefe, #e9e9e9) !important;
	/* for firefox 3.6+ */
	border-radius: 6px;
	border: 1px solid #cccccc;
	padding: 15px;
	font-family: arial;
	box-shadow: 4px 5px 1px #e9e9e9;
}

.hotelbookedsuccs h3 {
	color: #14a5c2;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 25px 0;
}

.hotelbookedsuccs h4 {
	color: #0f6a7f;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 25px 0;
}

.knw-more-top-left-corner,.knw-more-top-right-corner,.knw-more-room-desc
	{
	font-family: arial;
	font-size: 12px;
	width: 92%;
	margin: 0 auto 25px;
	background: #e9e9e9; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=   '#fefefe', endColorstr =   '#eaeaea' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe),
		to(#eaeaea) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #fefefe, #eaeaea) !important;
	/* for firefox 3.6+ */
	border-radius: 6px;
	border: 1px solid #cccccc;
	padding: 15px;
	font-family: arial;
	box-shadow: 4px 5px 1px #e9e9e9;
}

.hotel-details-table {
	border-collapse: collapse;
	width: 100%;
	background-color: #f7f7f7;
}

.hotel-details-table tr td {
	border: 1px solid #cccccc;
	padding: 10px;
}

.hotel-details-header {
	background-color: #cc0000;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

.hotel-details-caption {
	text-align: left;
	margin-bottom: 10px;
	color: #cc0000;
	font-size: 17px;
}

.knw-more-room-desc-img {
	height: 125px;
	padding: 3px;
	width: 125px;
}

.hotel-details-table tr td:last-child {
	text-align: center;
}

.knw-more-top-left-corner img,.knw-more-top-left-corner .div-hotel-details
	{
	float: left;
}

.div-hotel-details {
	margin-left: 15px;
	width: 80%;
}

.div-hotel-details table tr td {
	padding: 10px 0;
	font-weight: bold;
	font-size: 14px;
	vertical-align: top;
}

.shadow-box {
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 3px 3px 5px 6px #ccc; /* Firefox 3.5 - 3.6 */
	box-shadow: 3px 3px 5px 6px #ccc; /* Opera 10.5,*/
}

/************************************************** Hotel Book End *******************************/
/******************************Guest House Calendar Start ******************************************/
.calenderbox {
	background-color: #dddddd;
	border: 2px solid #cccccc;
	border-radius: 10px;
	box-shadow: 0 2px 5px #c9c9c9;
	margin: 40px auto 0;
	padding: 5px;
	width: 50%;
}

table {
	border-collapse: collapse;
}

table.calendertab {
	background-color: #FFFFFF;
	border-collapse: collapse;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

table.yeartab {
	background-color: #FFFFFF;
	border-collapse: collapse;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	height: 60px;
}

table.yeartab th {
	background: #00b6c0; /* for non-css3 browsers */
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
		'#00b6c0', endColorstr = '#61ced4' ); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#00b6c0),
		to(#61ced4) ); /* for webkit browsers */
	background: -moz-linear-gradient(top, #00b6c0, #61ced4);
	/* for firefox 3.6+ */
	border: none !important;
	padding: 6px;
	text-align: center;
	vertical-align: top;
	color: #ffffff;
}

table.yeartab th a {
	color: #ffffff;
	text-decoration: underline;
}

table.calendertab th {
	background: #00b6c0; /* for non-css3 browsers */
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
		'#00b6c0', endColorstr = '#61ced4' ); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#00b6c0),
		to(#61ced4) ); /* for webkit browsers */
	background: -moz-linear-gradient(top, #00b6c0, #61ced4);
	/* for firefox 3.6+ */
	border: 1px solid #d1d1d1;
	padding: 6px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
}

table.calendertab td {
	border: 1px solid #d1d1d1;
	padding: 6px;
	text-align: center;
	vertical-align: middle;
	height: 60px;
	background: #e9e9e9; /* for non-css3 browsers */
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
		'#e9e9e9', endColorstr = '#f7f5f5' ); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9),
		to(#f7f5f5) ); /* for webkit browsers */
	background: -moz-linear-gradient(top, #e9e9e9, #f7f5f5);
	/* for firefox 3.6+ */
}

table.calendertab td:hover {
	background: #f7f5f5;
	cursor: pointer;
}

table.calendertab td.highlite {
	border: 1px solid #ffffff;
	padding: 6px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #ffffff;
	background: #9ec062; /* for non-css3 browsers */
}

.yeartab th span {
	cursor: pointer;
}

tfoot.yeartab th {
	border: none;
}

/*************************************Guest House Calendar End ******************************************/
/*************************************Cancellation Start ******************************************/
.hotelaccomodation {
	width: 70%;
	margin: 0 auto;
	font-family: arial;
}

.hotelaccomodationdtl {
	width: 100%;
	margin: 0 auto 25px;
	background: #e9e9e9; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=   '#fefefe', endColorstr =   '#e9e9e9' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe),
		to(#e9e9e9) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #fefefe, #e9e9e9) !important;
	/* for firefox 3.6+ */
	border-radius: 6px;
	border: 1px solid #cccccc;
	padding: 15px;
}

.hotelaccomodation h2 {
	color: #1aa7b1;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.hotelcandetls {
	border-collapse: collapse;
	font-size: 12px;
	font-weight: bold;
}

.hotelcandetls tr td:first-child {
	color: #555555;
	padding: 10px 0;
}

.hotelcandetls tr td:last-child {
	color: #09a0ab;
	padding: 10px 0;
}

.hotelaccomodationdtl h3,.hotelaccomodationdtl h4 {
	color: #1aa7b1;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 75px 0;
}

.hotelaccomodationdtl h4 span {
	color: #8bc919;
}

.successCancellationDiv {
	color: red;
	font-size: 15px;
	margin-top: 5%;
	text-align: center;
}

.probookpage textarea {
	width: 350px;
}

#finalBookPrint {
	text-align: center;
}

.final-book-print {
	border: 1px solid;
	margin: 8px;
	width: 60%;
	margin-left: 20px;
	margin-left: 20%;
}

.final-book-print td {
	border: 1px solid;
	padding: 2px;
}

.final-book-print label {
	white-space: nowrap;
	font-weight: bold;
}

.final-book-print caption {
	border: 1px solid;
	font-size: 18px;
}

.browse-link {
	border: 1px solid #dddddd;
	width: 245px;
	float: left;
	margin: 1px;
}

.browse-link input[type="file"] {
	float: left;
	width: 145px;
}

.browse-link a,.browse-link img {
	float: left;
	padding: 2px;
}

.browse-link img {
	height: 18px;
	width: 20px;
}

/*************************************Cancellation End******************************************/
.insurance-mst td {
	padding-bottom: 5px;
}

/*************************************Start Travel Desk******************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.taveldeskwrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-family: arial;
	font-size: 12px;
	position: relative;
}

.taveldeskwrapperinner {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	font-family: arial;
	font-size: 12px;
	position: relative;
}

.allbookingdone {
	color: #a0c261;
	float: left;
	font-size: 13px;
	font-weight: bold;
	left: 570px;
	margin-bottom: 0;
	margin-right: 0;
	padding-bottom: 0;
	position: relative;
	top: -7px;
}

.allbookingdonewithcheck {
	top: 0 !important;
}

ul.tabss {
	padding: 7px 0;
	font-size: 0;
	margin: 0;
	list-style-type: none;
	text-align: left;
	/*set to left, center, or right to align the tabs as desired*/
}

ul.tabss li {
	display: inline;
	margin: 0;
	margin-right: 3px; /*distance between tabs*/
}

ul.tabss li a {
	font: normal 12px arial;
	text-decoration: none;
	position: relative;
	font-weight: bold;
	z-index: 1;
	padding: 7px 16px;
	border: 1px solid #CCC;
	border-bottom-color: #B7B7B7;
	color: #000;
	background: #F0F0F0 url(../images/tabbg.gif) 0 0 repeat-x;
	border-radius: 4px 4px 0 0;
	outline: none;
}

ul.tabss li a:visited {
	color: #000;
}

ul.tabss li a:hover {
	border: 1px solid #B7B7B7;
	background: #F0F0F0 url(../images/tabbg.gif) 0 -36px repeat-x;
}

ul.tabss li.selected a { /*selected tab style */
	position: relative;
	top: 0px;
	font-weight: bold;
	background: white;
	color: #13929c;
	border: 1px solid #B7B7B7;
	border-bottom-color: white;
}

ul.tabss li.selected a:hover { /*selected tab style */
	text-decoration: none;
}

div.tabcontent {
	display: block;
}

div.tabcontents {
	border: 1px solid #B7B7B7;
	padding: 0;
	background: #f0f0f0 !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#ffffff', endColorstr =   '#f0f0f0' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),
		to(#f0f0f0) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #f0f0f0) !important;
	border-radius: 0 4px 4px 4px;
}

table.tabcontents {
	border: 1px solid #B7B7B7;
	padding: 0;
	background: #f0f0f0 !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#ffffff', endColorstr =   '#f0f0f0' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),
		to(#f0f0f0) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #f0f0f0) !important;
	border-radius: 0 4px 4px 4px;
}

.tabcontents div.tabcontents-inner {
	border-radius: 0;
	border-top: 1px solid #b7b7b7;
	padding: 10px;
}

.bordertopinner {
	border-top: 1px solid #b7b7b7;
	height: 1px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 45px;
	width: 100%;
}

.tabsfirstaid { /*border: 1px solid #000;*/
	float: left;
	padding: 10px;
	width: 750px;
}

.tabsfirstaid h3 {
	margin: 0 0 8px 0;
	padding: 0;
	color: #1aa7b1;
	font-weight: bold;
	font-size: 13px;
}

.tabsfirstaidagent {
	border: 1px solid #cccccc;
	float: left;
	padding: 10px;
	width: 750px;
}

.tabsfirstaidagent h3 {
	margin: 0 0 8px 0;
	padding: 0;
	color: #1aa7b1;
	font-weight: bold;
	font-size: 13px;
}

.tabsinner-section {
	margin: 0 0 0 230px !important;
	width: 50% !important;
}

.traveldesktable {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}

.traveldesktable1 {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: 0;
	width: auto !important;
}

.traveldesktable tr.traveldesktablehead td {
	color: #555555 !important;
	font-weight: bold;
}

.traveldesktable tr td {
	color: #13959d;
}

.traveldeskbooking {
	border-collapse: collapse;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
	float: left;
	width: auto;
	border-right: 1px solid #cccccc;
}

.traveldeskbooking tr.traveldeskbookhead td {
	color: #555555 !important;
	font-weight: bold;
	padding: 0 15px 0 0;
}

.traveldeskbooking tr td {
	color: #13959d;
	padding: 0 15px 15px 0;
}

.tabcontent span a {
	background-image: url("../images/book-now.png");
	background-position: left center;
	background-repeat: no-repeat;
	color: #13929c;
	display: block;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 20px;
}

.traveldeskbooking th h4,.travelreqhadlabel label {
	background-image: url("../images/tick-mark-desk.png");
	background-position: left center;
	background-repeat: no-repeat;
	color: #13929c;
	font-weight: bold;
	margin: 0 0 15px;
	padding-left: 17px;
	padding-right: 10px;
	text-align: left;
}

.traveldeskamt { /*background-color: #a0c261;*/
	color: #13929c;
	display: block;
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 5px;
	text-align: left;
	width: 99%;
	border-top: 3px solid #13959d;
}

.traveldeskamt span { /*background-color: #a0c261;*/
	color: #555555;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 0;
	text-align: left;
	width: 99%;
	border-top: none;
}

.traveldeskamtgrand { /*background-color: #a0c261;*/
	color: #ffffff;
	display: block;
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin: 0 17px;
	padding: 0;
	text-align: left;
	width: 96%;
	/*border-top: 3px solid #13959d;*/
}

.traveldeskamtgrand span { /*background-color: #ffffff;*/
	color: #555555;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0;
	text-align: left;
	width: 99%;
	border-top: none;
}

.traveldeskamtgrand span.bookgrandtotal {
	background-color: #a0c261;
	border-radius: 0;
	border-top: medium none;
	color: #ffffff;
	display: block;
	float: left;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	margin: 10px 0 20px;
	padding: 4px 10px;
	text-align: left;
	width: 98%;
}

.traveldeskamtgrand input {
	background-color: #dddddd !important;
	border-radius: 5px;
	color: #666666;
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
	padding: 5px;
}

.traveldeskamt input {
	background-color: #dddddd !important;
	border-radius: 5px;
	color: #666666;
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
	padding: 5px;
}

.travelbuttonsection {
	clear: both;
	padding: 15px 0;
	text-align: center;
}

.travelbuttonsection input {
	margin: 0 10px 0 0;
	padding: 6px 10px;
	border-radius: 5px;
	border: 1px solid #166c72;
	color: #ffffff;
	text-align: center;
	background: #0a8992 !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#0a8992', endColorstr =   '#19a4ae' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0a8992),
		to(#19a4ae) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #0a8992, #19a4ae) !important;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
}

.traveldesktable input {
	margin: 0;
	padding: 0;
}

.traveldeskbooking a {
	font-weight: bold;
	text-decoration: underline;
	color: #13959d;
}

.travelsbookingform {
	border-top: 3px solid #13959d;
	display: block;
	float: left;
	margin: 20px 0;
	padding: 20px 0;
	width: 100%;
}

.travelsbookingform input,.travelsbookingform select,.traveldeskbooking input,.traveldeskbooking select
	{
	border: 1px solid #cccccc;
	padding: 3px;
	width: 90px;
}

.travelsbookingform input[type=radio],.traveldeskbooking input[type=radio]
	{
	width: auto !important;
}

.divstyle {
	display: none;
	border: none;
	height: auto;
	width: 100%;
}

.hotelradiobtn {
	text-align: left;
}

.hotelradiobtn span {
	color: #1aa7b1;
	font-size: 14px;
	font-weight: bold;
}

.hotelradiobtn span.nobook {
	font-weight: bold;
	color: #b1aeae !important;
}

.hotelradiobtn {
	border-bottom: 1px solid #b7b7b7;
	margin: 15px 0;
	padding-bottom: 15px;
	padding-left: 140px;
}

/*************************************End Travel Desk******************************************/
.clsNewGridLabel {
	font-size: 11px;
	color: black;
	padding-bottom: 3px;
	padding-top: 3px;
	vertical-align: top;
	text-align: left;
	background-color: #ffffff !important;
	padding-left: 15px;
}

.clsNewGridHeaderLabel {
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	color: #333;
	background-color: #E8E8E8;
	vertical-align: middle;
	padding-bottom: 3px;
	padding-top: 3px;
	border: 1px solid #CCC;
	border-collapse: collapse;
}

.travelagentbooking {
	border-collapse: collapse;
	margin: 0 0 0 10px;
	padding: 0;
	border: 0;
	float: left;
	width: auto;
	border-right: 1px solid #cccccc;
}

.travelagentbooking tr.traveldeskbookhead td {
	color: #555555 !important;
	font-weight: bold;
	padding: 0 15px 0 0;
}

.travelagentbooking tr td {
	color: #13959d;
	padding: 0 15px 15px 0;
}

.travelagentbooking th h4 {
	background-image: url("../images/tick-mark-desk.png");
	background-position: left center;
	background-repeat: no-repeat;
	color: #13929c;
	font-weight: bold;
	margin: 0 0 15px;
	padding-left: 17px;
	font-size: 13px;
	text-align: left;
}

.travelagentbooking a {
	font-weight: bold;
	text-decoration: underline;
	color: #13959d;
}

.travelsbookingform input,.travelsbookingform select,.travelagentbooking input,.travelagentbooking select
	{
	border: 1px solid #cccccc;
	padding: 3px;
	width: 90px;
}

.travelagentbooking input.clsButton {
	width: auto !important;
}

.travelagentbooking input[type=file] {
	width: 152px;
}

.travelsbookingform input[type=radio],.travelagentbooking input[type=radio]
	{
	width: auto !important;
}

#traveDeskDomAgent .clsGridLabel,#traveDeskDomAgent .clsNewGridLabel {
	background-color: transparent !important;
	background: none !important;
	/*	border:none !important; */
}

.travelreqlabeltitle label {
	color: #555555 !important;
	font-weight: bold;
	font-size: 12px;
	padding: 0 15px 0 0;
}

.clsGridLabelHiddenBorderTicket {
	font-size: 11px;
	color: #555555 !important;
	padding: 0 15px 0 0;
	border: none;
	vertical-align: top;
}

.traveldeskbookingticket {
	border-collapse: collapse;
	margin: 0 0 0 10px;
	padding: 0;
	border: 0;
	float: left;
	width: 50%;
	/*border-right:1px solid #cccccc;
*/
}

.traveldeskbookingheader {
	background-image: url("../images/tick-mark-desk.png");
	/*  background-position: left center;  */
	background-repeat: no-repeat;
	color: #13929c;
	font-weight: bold;
	margin: 0 0 15px;
	padding-left: 17px !important;
	text-align: left;
}

.tableborderwidth {
	border: 1px solid #B7B7B7;
}

#ui-datepicker-div {
	margin-left: 0 !important;
	position: absolute !important;
}

/* CSS developed vinay - 26-06-2015 Start*/
div.tabcontents {
	border: 1px solid #B7B7B7;
	padding: 0;
	background: #f0f0f0 !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#ffffff', endColorstr =   '#f0f0f0' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),
		to(#f0f0f0) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #f0f0f0) !important;
	border-radius: 0 4px 4px 4px;
}

.spacerforcalc {
	color: #ffffff;
	display: block;
	float: right;
	width: 100%;
}

.attachaccoedit {
	margin-left: 15px;
}

/* CSS developed vinay - 26-06-2015  End*/
.tabsinner-section-ts {
	margin: 0 0 0 340px !important;
	width: 50% !important;
}

.allbookingdonets {
	color: #a0c261;
	float: left;
	font-size: 13px;
	font-weight: bold;
	left: 740px;
	margin-bottom: 0;
	margin-right: 0;
	padding-bottom: 0;
	position: relative;
	top: -7px;
}

.tabss-ts {
	font-size: 0;
	list-style-type: none;
	margin-bottom: -7px !important;
	padding: 7px 0;
	text-align: left;
}

div.tabcontentsts {
	border: 1px solid #B7B7B7;
	padding: 0;
	background: #f0f0f0 !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#ffffff', endColorstr =   '#f0f0f0' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),
		to(#f0f0f0) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #f0f0f0) !important;
	border-radius: 0 4px 4px 4px;
	position: absolute;
}

.tabcontentsts div.tabcontentsts-inner {
	border-radius: 0;
	border-top: 1px solid #b7b7b7;
	padding: 10px;
}

.notetoupdate {
	margin-bottom: -24px;
	margin-left: 10px;
}

#betitleId {
	color: #0d48ac;
	font-weight: bold;
	font-family: tohama;
	border: none !important;
	width: 200px;
	font-size: 13px;
	border-color: #ffffff;
	background-color: #ffffff;
}

.traveloptionsbuttonsection {
	clear: both;
	text-align: center;
}

.traveloptionsbuttonsection input {
	margin: 0 10px 0 0;
	padding: 6px 10px;
	border-radius: 5px;
	border: 1px solid #166c72;
	color: #ffffff;
	text-align: center;
	background: #0a8992 !important; /* for non-css3 browsers */
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=    '#0a8992', endColorstr =   '#19a4ae' ) !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0a8992),
		to(#19a4ae) ) !important; /*for webkit browsers */
	background: -moz-linear-gradient(top, #0a8992, #19a4ae) !important;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
}

.clsGridLabelHiddenBorderRemarks {
	font-size: 11px;
	color: #555555 !important;
	padding: 0 15px 0 0;
	font-weight: bold;
}

.clsGridLabelHiddenBorderRemarks input {
	width: 222px !important;
}

.clsLinkpowermis {
	font-size: 10px;
	color: #00F;
	text-decoration: none;
}

.demo-link {
	border: 1px solid #dddddd;
	width: 122px;
	margin: 1px;
	float: left;
}

.imageDisplay {
	
}

.displayTextCSS {
	background-color: #ffffff;
	border: 1px solid #14a6c5;
	border-radius: 20px;
	color: black;
	font-weight: bold;
	height: auto;
	left: -250px;
	margin: 18px auto;
	padding: 6px;
	position: absolute;
	right: -600px;
	top: 250px;
	width: 150px;
}

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity: 1;
	pointer-events: auto;
}

.modalDialog>div {
	width: 80%;
	position: relative;
	margin: 1% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover {
	background: #00d9ff;
}

.pac-container {
    width: auto !important;
    z-index: 10000 !important;
}