/*   global tags - not zone specific   */
#mainouterline { 
	width: 99%;
	text-decoration: none;    
	background:#FFFFFF;
	border-left: 1px solid #B6B6B6;
	border-top: 1px solid #B6B6B6;
	border-bottom: 0px  #B6B6B6;
	border-right: 1px  solid #B6B6B6;
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 0px;
	align: center;
}
#mainouterline1 { 
	width: 99%;
	text-decoration: none;    
	background:#FFFFFF;
	border-left: 1px solid #B6B6B6;
	border-top: 0px  #B6B6B6;
	border-bottom: 1px solid #B6B6B6;
	border-right: 1px  solid #B6B6B6;
	margin-top: -2px;
	margin-left: 5px;
	margin-right: 0px;
	align: center;
}
.insideHeaderTable
{
/* background:url('../images/global/ti-leisure.jpg') no-repeat; */
width: 100%;
/* background-color: #B1E8FD; */
 background-color: #fff;
color:#B1E8FD;
font-family:sans-serif;
font-weight:600;
}


body {
  background-color: #f7f7f7;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin-top:0;
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
}

td {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: xx-small;
}

/*   th uses same attributes as listHeader and replaces the need for listHeader in the TDs...... */

th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #EEEEEE;
  background-color: #999999;
  font-size: xx-small;
}

form {
  color: #000000;
  font-family: Verdana, monospace, sans-serif;
  border: 0px;
  margin: 0px;
}

input {
/*   color: #000000;
  font-family: Verdana, monospace, sans-serif;
  font-size: 11px;
  
	padding: 0px;
	margin: 0px; */
	min-width: 100px;
	padding: 0.2rem .5rem;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

option {
  color: #000000;
  font-family: Verdana, monospace, sans-serif;
}

/* select {
  color: #000000;
  font-family: Verdana, monospace, sans-serif;
  font-size: 11px;
} */

textarea {
  color: #000000;
  font-family: Verdana, monospace, sans-serif;
  font-size: 11px;
}

A {
  color: #333333;
  font-size: xx-small;
}

hr {
  size: 1px;
}

/* HTML based button styles.........................................    */

/***************************************************/
/*    ZONE 1 and 2 BUTTONS                         */
/***************************************************/

.globalButtonBody {
  background-color:#D6C6DE;
  color:#000000;
  text-decoration:none;
  font-weight:normal;
}

#globalButtonHighlight {
  background-color:#FFFFFF;
  cursor: pointer;
}

#globalButtonShadow {
  background-color:#333333;
  cursor: pointer;
}

/*********************************************/
/*    Buttons                                */
/*********************************************/

A.pageSubtitleBtn {
  background-color: #D6C6DE;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  cursor: pointer;
  font-size: xx-small;
  text-decoration: none;
  font-weight: bold;
  padding: 0.1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  vertical-align: top;
  color: #00319C;
  border: 1px solid #CCC;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
}

.paginationBtn {
  /* background-color: #D6C6DE;
  padding-left: 0.3em;
  padding-right: 0.3em;
  text-decoration: none;
  font-weight: normal;
  color: #00319C;
  border: 1px solid #CCC;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666; */
  background:url('../static/images/global/overlay.png') repeat-x center #ffcc00;
  padding-left: 0.3em;
  padding-right: 0.3em;
  text-decoration: none;
  font-weight: normal;
  color: #00319C;
  border: 1px solid #CCC;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
}

/* .inputButton {
  background-color: #D6C6DE;
  color: #00319C;
  text-decoration: none;
  font-weight: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  cursor: pointer;
  font-size: xx-small;
   color: #00319C;
  font:1.0em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
  padding:1px;
  background:url('../static/images/global/overlay.png') repeat-x center #ffcc00;
  
  border:1px solid #ffcc00;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
  border-bottom:1px solid #9f9f9f;
  
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
   
  text-decoration: none;
  cursor: pointer;
  font-size: xx-small;
 
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
} */
.inputButton:hover{background-color:rgba(255,204,0,0.8);}
.inputButton:active{position:relative;top:2px;}

.titleButton {
  /* background-color: #D6C6DE;
  color: #00319C;
  text-decoration: none;
  font-weight: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  cursor: pointer;
  font-size: xx-small; */
   color: #00319C;
  font:1.0em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
  padding:1px;
  background:url('../static/images/global/overlay.png') repeat-x center #ffcc00;
  
  border:1px solid #ffcc00;
   -moz-border-radius:10px;
  /*  -webkit-border-radius:10px; */
  /* border-bottom:1px solid #9f9f9f; */
  
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
   
  text-decoration: none;
  cursor: pointer;
  font-size: xx-small;
 
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
.titleButton:hover{background-color:rgba(255,204,0,0.8);}
.titleButton:active{position:relative;top:2px;}

/*  .pageButton {
  background-color: #D6C6DE;
  background:url('../static/images/global/overlay.png') repeat-x center #ffcc00;
  color: #00319C;
  text-decoration: none;
  font-weight: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  cursor: pointer;
  font-size: xx-small;
} */

 /* .pageButton {
  color: #00319C;
  font:1.0em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
  padding:1px;
  background:url('../static/images/global/overlay.png') repeat-x center #ffcc00;
  
  border:1px solid #ffcc00;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
  border-bottom:1px solid #9f9f9f;
  
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
   
  text-decoration: none;
  cursor: pointer;
  font-size: xx-small;
 
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
} */
.pageButton:hover{background-color:rgba(255,204,0,0.8);}
.pageButton:active{position:relative;top:2px;} 
 

/*   
.pageButton{
	color:#08233e;
	font:1.0em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
	padding:1px;
	background:url('../static/images/global/overlay.png') repeat-x center #ffcc00;
	background-color:rgba(255,204,0,1);
	border:1px solid #ffcc00;
	-moz-border-radius:10px;-webkit-border-radius:10px;
	border-radius:10px;
	border-bottom:1px solid #9f9f9f;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	cursor:pointer;
} */


.pageButton1 {
  background-color: #D6C6DE;
  color: #000000;
  text-decoration: none;
  font-weight: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  cursor: pointer;
  font-size: xx-small;
}

.globalButton {
  /* background-color: #D6C6DE;
  color: #00319C;
  text-decoration: none;
  font-weight: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  cursor: pointer;
  font-size: xx-small; */
   color: #00319C;
  font:1.0em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
  padding:1px;
  background:url('../static/images/global/overlay.png') repeat-x center #ffcc00;
  
  border:1px solid #ffcc00;
   -moz-border-radius:10px;
   /* -webkit-border-radius:10px; */
  /* border-bottom:1px solid #9f9f9f; */
  
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
   
  text-decoration: none;
  cursor: pointer;
  font-size: xx-small;
 
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
.globalButton:hover{background-color:rgba(255,204,0,0.8);}
.globalButton:active{position:relative;top:2px;}

.generalWrapRight {
  margin: 10px 0px 10px 10px;	
  text-align: right;
}

.generalWrapLeft {
  margin: 10px 0px 10px 10px;	
  text-align: left;
}

/* .pageButtonWrap {
  background-color: #D6E6F5;
  border-top: 10px solid #D6E6F5;
  border-bottom: 10px solid #D6E6F5;
  border-left: 10px solid #D6E6F5;
  border-right: 10px solid #D6E6F5;
} */

.globalButtonWrap {
  color: #6C6284;
  background-color: #ffffff;
  border-top: 10px solid #ffffff;
  border-bottom: 5px solid #ffffff;
  border-left: 10px solid #ffffff;
  border-right: 10px solid #ffffff;
}

.lineWrap {
	background-color: #CED6EF;
	border-top: 5px solid #CED6EF;
	border-bottom: 5px solid #CED6EF;
	border-left: 10px solid #CED6EF;
	border-right: 10px solid #CED6EF;
}

.transparentWrap {
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 5px;
}

/* .actionIcon {
  background-color: #CEC6DE;
} */

/*********************************************/
/*    Tables                                 */
/*********************************************/

.dataTable {
  	/* border-top: 5px solid #CED6EF;
	border-bottom: 10px solid #CED6EF;
	border-left: 10px solid #CED6EF;
	border-right: 10px solid #CED6EF;	
	background-color: #CED6EF;	*/
	
	/* background-color: #D6E6F5; 
	border-top: 5px solid #D6E6F5;
	border-bottom: 10px solid #D6E6F5;
	border-left: 10px solid #D6E6F5;
	border-right: 5px solid #D6E6F5; */	
	
	
}

.listHeader th, .listHeader th A {
    padding: 0.9em 0.5em;
    font-weight: bold;
    color: #666;
    white-space: nowrap;
    font-size: 12px;
    background-color: #D4D4D4;

    border-right:1px solid #fff;
       
        
}

tr.listEven, tr.overDueEven {
	background-color: #F7F7F7;
	vertical-align: top;
}

td.listEven {
	color: #000000;
	font-weight: normal;
	vertical-align: top;
	padding: 0.5em;
}

tr.listOdd, tr.overDueOdd {
	background-color: #E7F3F3;
	vertical-align: top;
}

td.listOdd {
	color: #000000;
	font-weight: normal;
	vertical-align: top;
	padding: 0.5em;	
}

tr.listSelected {
	background-color: #EFDF8C;
	vertical-align: top;
}

td.listSelected {
	color: #000000;
	font-weight: normal;
	vertical-align: top;
	padding: 0.5em;	
}

.noValueMsg {
	color: #6C6284;
	font-size: xx-small;
	font-weight: bold;
	height: 20px;
	width: 600px;
}

/*  Selected tab uses configurable secondary text colors   */
/*  but uses same background color as breadcrumbs          */



.tabOn {
	/* font-size: xx-small; */
	font-size: 9pt; 
	font-weight: bold;
	padding: 0.4em;
	color: #000000;
  /* background-color: #6B5A8C; */
  background-color: #FFCB01;
	text-decoration: none;
	vertical-align: bottom;
	margin-right: 15px;
}

.tabOff {
	/* color: #6B5A8C; */
	font-size: 8pt; 
	color: #F7F8FC;
	padding: 0.3em;
	background: transparent;
	text-decoration: none;
	margin-right: 15px;
}

.tabIndent {
	padding-left: 10px;
}



.footer A {
	color: #00319C;
}

div.footer span.left {
  float: left;
  text-align: left;
  width: 40%;
}

div.footer span.right {
  float: right;
  text-align: right;
  width: 60%;
  white-space: nowrap;
}

/***************************************************/
/*    INFORMATIONAL MESSAGES                       */
/***************************************************/

.date {
  color: #FFFFFF;
  font-weight: bold;
  padding-left: 5px;
}

.service {
  color: #FFFFFF;
  background-color : #6699FF;
}

.username {
  color: #FFFFFF;
  font-weight: bold;
}

.priHeader {
  background-color: #003399;
}

.breadcrumb {
  font-size: xx-small;
  background: #D6E6F5;
  color: #6B5A8C;
  padding: 6px 3px 5px 5px;
  margin: 0px;
  height: auto;
  border-top: 10px solid #D6E6F5;
  border-left: 10px solid #D6E6F5;
  border-right: 10px solid #D6E6F5;
}

.logo {
  padding-bottom: 0px;
}

.utility {
  color: #FFFFFF;
}

.utility a {
  color: #FFFFFF;
}

/***************************************************/
/*    MENU                                         */
/***************************************************/

.menuBg  {
	vertical-align: top;
	padding-top: 0em;
	margin-right: 0em;
	padding-right: 0em;
	background-color: #F7F7F7;
	height: 500px;
}

.menuFooterImage {
   background-color: #B5CE9C;
}

.menuFooter {
   width: 15em;
   height: 2em;
}

.menuOn {
	margin-top: 0em;
	text-align: left;
	/* background-color: #6B5A8C; */
	background-color: #FFCB01;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 10px;
  	height: 25px;
	padding-left: 0.3em;
}

.menuOff {
	margin-top: 0em;
	text-align: left;
	/* background-color: #CED6EF; */
	background-color: #9EC4E9;
	font-weight: bold;
	/* color: #00319C; */
	color: #36446F;
	border-bottom: 1px solid #FFFFFF;
  height: 25px;
	padding-left: 0.3em;
}

.menuOn A {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 0.1em;
	font-weight: bold;
}

.menuOff A {
	color: #0c3c6A;
	text-decoration: none;
	padding-left: 0.1em;
	font-weight: bold;
}

.submenuOn {
	margin-top: 0em;
	text-align: left;
	background-color: #ffcb01;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
  height: 25px;
}

.submenuOff {
  margin-top: 0em;
	text-align: left;
	/* background-color: #DEE7D6; */
	background-color: #D9E6F6;
	font-weight: normal;
	/* color: #00319C; */
	color: #669D;
	border-bottom: 1px solid #FFFFFF;
  height: 25px;
}

.submenuOn A {
    
   /*  color: #302648; */
   color: #000;
	text-decoration: none;
	padding-left: 0.5em;
}

.submenuOff A {
    color: #006BD8;
    text-decoration: none;
	padding-left: 0.5em;
}

.zoneFive {
	background-color: #F7F7F7;
	padding-top: 1.5em;
	padding-left: 1.5em;
	padding-bottom: 1.5em;
	padding-right: 1.5em;
	vertical-align: top;
	text-align: left;
}

/*********************/
/*    TABS           */
/*********************/

.subTab {
  border-bottom: 2px solid #FFCB01;
	margin: 0px;
}



.pageSubTabOnCol {
	color: #FFFFFF;
	background-color: #6D5B8F;
	font-weight: bold;
	font-size: xx-small;
	text-indent: 5px;
	text-align: center;
	height: 20px;
}
.pageSubTabOnCol A {
  font-size: xx-small;
	color: #FFFFFF;
	text-decoration: none;	
}

.pageSubTabOn A {
  font-size: xx-small;
	color: #fff;
	text-decoration: none;	
}



.pageSubTabOff A {
 font-size:11px;
    text-decoration: none;
    color: #333;
    
}

.pageSubTabDisable {
	color: #B8ADCB;
	background-color: #fff;
	font-size: xx-small;
	text-indent: 5px;
	text-align: center;
	height: 20px;
}

.pageTabDivider {
	vertical-align: top;
}

.formTab {
	float: left;
	line-height: normal;
	background-color: #ffffff;
	width: 100%;
	border-top: 5px solid #ffffff;
}

.formTab ul {
  margin: 0;
	padding-left: 10px;
}

.formTab li {
	display: inline;
	margin: 0;
	padding: 0;
}

.formTab a {
  float: left;
	text-decoration: none;
	margin-top:3px;
}

.formTabOn a{
  float: left;
	background-color: #808080;
	padding: 5px;
	color: #ffffff;
	font-weight: bold;
	margin-right: 5px;
	margin-bottom: 0px;
	border: 1px solid #6B598C;
	border-bottom: none;
}

.formTabOff a{
  float: left;
	background-color: #B5CF9C;
	padding: 5px;
	color: #6B598C;
	margin-right: 5px;
	margin-bottom: 0px;
	border: 1px solid #B5CF9C;
	border-bottom: none;
}

/***************************************************/
/*   WIZARDS                                       */
/***************************************************/

.wizBody {
	background-color: #FFFFFF;
	margin-top: 1em;
	margin-bottom: 0.7em;
	margin-left: 0.2em;
}

.wizDivider {
	font-size: xx-small;
	font-weight: bold;
	padding: 0.8em;
	padding-left: 0.3em;
	color: #333300;
	background-color: #FFFFFF;
	border: 1px;
	border-bottom: 4px solid #E5E5B8;
	text-decoration: none;
	vertical-align: bottom;
}

.wizCurrent {
	font-size: xx-small;
	font-weight: bold;
	padding: 0.8em;
	padding-left: 0.3em;
	color: #333300;
	background-color: #FFCC66;
	border: 1px solid #CC9933;
	border-bottom: 4px solid #CC9933;
	text-decoration: none;
	vertical-align: bottom;
}

.wizNext {
	font-size: xx-small;
	font-weight: bold;
	color: #999999;
	padding: 0.8em;
	padding-left: 0.3em;
	background-color: #BFDDFF;
	border: 1px solid #7DA1B3;
	border-bottom: 4px solid #7DA1B3;
}

.wizNext A{
	text-decoration: none;
	color: #333300;
}

.wizPrevious {
	color: #000000;
	background-color: #CCCCCC;
	font-size: xx-small;
	font-weight: normal;
	padding: 0.1em;
	padding-left: 0.3em;
	border: 1px solid #666;
	border-bottom: 4px solid #666;
}

.wizPrevious A{
	text-decoration: none;
}

/***************************************************/
/*    TITLEs, HEADERs, DIVIDERs, FOOTERs           */
/***************************************************/

.pageTitle, .app_pageTitle {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding-top: 0.3em;
  padding-bottom: 1em;
  padding-left: 0.2em;
      border: 1px solid #ccc;
    padding: 10px 5px;
    margin-bottom: 12px;
    background: #666;
    text-align:left;
}



.pageFlightSubtitle {
	color: #FFFFFF;
	font-size: xx-small;
	font-weight: bold;
	background-color: #7B9CCE;
	padding-top: 0.3em;
	padding-bottom: 0.1em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	vertical-align : top;
	height: 22px;
	border-top: 10px solid #CED6EF;
	border-bottom: 2px solid #CED6EF;
	border-left: 0px solid #CED6EF;
	border-right: 0px solid #CED6EF;
	margin: 0px;
}

div.pageSubtitle span.left, div.app_pageSubtitle span.left, div.blockSubtitle span.left, div.blocktitle span.left{
  float: left;
  text-align: left;
  width: 60%;
  height: 20px;
  color:#666 !important;
}

div.pageSubtitle span.right, div.app_pageSubtitle span.right, div.blockSubtitle span.right, div.blocktitle span.right{
  float: right;
  text-align: right;
  width: 40%;
  white-space: nowrap;
  height: 20px;
}

.pageSubsubtitle {
	color: #FFFFFF;
	font-size: xx-small;
	font-weight: bold;
	background-color: #00309C;
	padding-top: 0.3em;
	padding-bottom: 0.1em;
	padding-left: 0.3em;
	padding-right: 0.3em; 
	vertical-align : top;
	height: 20px;
	border-top: 10px solid #CED6EF;
   border-bottom: 2px solid #CED6EF;
   border-left: 10px solid #CED6EF;
   border-right: 10px solid #CED6EF;
	margin: 0px;
}

div.pageSubsubtitle span.left {
  float: left;
  text-align: left;
  width: 60%;
}

div.pageSubsubtitle span.right {
  float: right;
  text-align: right;
  width: 40%;
}

.blockTitle {
  color: #ffffff;
  background-color: #7B9CCE;
  font-size: xx-small;
  font-weight: bold;	
  padding: 2px 2px 2px 2px;
  vertical-align : top; 
  height: 20;
}

div.blockTitle span.left {
  float: left;
  text-align: left;
  width: 60%;
  vertical-align: middle;
}

div.blockTitle span.right {
  float: right;
  text-align: right;
  width: 40%;
}

.menuBlocktitle {
   background-color: #00319C;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
   padding-top: 0.8em;
   padding-bottom: 0.8em;
   padding-left: 0.2em;
   border-bottom: 1px solid #fff;
}

/********************************************************/
/*    Columns, Dialogs and Records                      */
/********************************************************/

.listHeader {
  font-weight: bold;
  color: #666;
  background-color: #D4D4D4;
  font-size: xx-small;
}

.listItem {
  color: #333333;
  font-weight: normal;
}

#listOdd {
  background-color: #EFF7E7;
}

#listEven {
  background-color: #FFFFFF;
}

/*********************************************/
/*    Columns, Dialogs and Records           */
/*********************************************/

.loginForm {
  margin-top: 200px;
  margin-bottom: 150px;
  margin-left: 150px;
  margin-right: 10;	
}

/* .labelForm {
  border-top: 10px solid #D6E6F5;
  border-bottom: 5px solid #D6E6F5;
  border-left: 10px solid #D6E6F5;
  border-right: 10px solid #D6E6F5;
  background-color: #F7F7F7;		
} */

.label {
    color: #444;
    font-weight: bold;
    font-size: 11px;
    padding: 0.5em;
    vertical-align: middle;
  
}

.labelField {
  color: #000000;
  font-weight: normal;
  font-size: xx-small;
  padding: 0.5em;
  vertical-align: top;
 /* /*  background-color: #F7F7F7; */ 
}

#indent {
  padding-left: 2em;
}

.loginlabel {
  color: #333333;
  font-weight: bold;
  font-size: xx-small;
  padding: 0.5em;
  vertical-align: top;
}

.loginlabelField {
  color: #000000;
  font-weight: normal;
  font-size: xx-small;
  padding: 0.5em;
  vertical-align: top;
}

.loginInstructions {
	color: #333;
}

.subLabel {
  color: #000000;
  font-weight: bold;
}

/***************************************************/
/*    INFORMATIONAL MESSAGES                       */
/***************************************************/

.pageInstructions {
	color: #6C6284;
	font-size: xx-small;
	padding-top: 0.3em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	background-color: #D6E6F5;
	border-top: 5px solid #D6E6F5;
	border-bottom: 3px solid #D6E6F5;
	border-left: 10px solid #D6E6F5;
	border-right: 10px solid #D6E6F5;
	vertical-align: middle;
}

.pagination {
	text-align: right;
	background-color: #D6E6F5;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-right: 0.6em;
  border-top: 5px solid #D6E6F5;
	border-bottom: 3px solid #D6E6F5;
	border-left: 10px solid #D6E6F5;
	border-right: 10px solid #D6E6F5;	
	font-size: xx-small;
	color: #6C6284;
}

.errorMessage {
	color: #000;
	font-size: x-small;
	font-weight : bold;
	padding-top: 0.3em;
	padding-bottom: 1em;
	padding-left: 0.2em;
}

/***********************/
/*    BLOCKS           */
/***********************/

.contentBlocks {
	width: auto;
	padding-top: 1em;
	margin-left: 2ex;
	margin-right: 2ex;
	height: 1em;
}

div.contentBlocks span.mainContentLeft {
	width: 46%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
}

div.contentBlocks span.mainContentRight {
	width: 46%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: right;
}

.blockBody {
  background-color : #D6DBEF;
  border-top: 10px solid #D6DBEF;
  border-right: 10px solid #D6DBEF;
  border-left: 10px solid #D6DBEF;
  border-bottom: 10px solid #D6DBEF;
  margin-bottom: 20px; 
}

.blockTable {
  background-color: #D6DBEF;  
  border-top: 10px solid #D6DBEF;
  border-right: 10px solid #D6DBEF;
  border-left: 10px solid #D6DBEF;
  border-bottom: 10px solid #D6DBEF;
  margin-bottom: 20px;
  width: 100%;
}

.sidebyside {
  border-top: 10px solid #CED6EF;
  border-bottom: 10px solid #CED6EF;
  border-left: 10px solid #CED6EF;
  border-right: 10px solid #CED6EF;
  background-color: #CED6EF;
}

/*********************************************/
/*    drag and drop block layout             */
/*********************************************/

.clBlock {  position:absolute; z-index:2; visibility:hidden; overflow:hidden; background-color:#9999CC;}
.clBody {  position:absolute; overflow:hidden; z-index:15; background-color:#ffffff;}
.clHeader {  position:absolute; top:2; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; background-color:transparent;}
.clText {  position:absolute; z-index:50; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; background-color:transparent;}
.clResize {  position:absolute; z-index:30; width:16; height:16; clip:rect(0,16,16,0)}
.clMenu {  position:absolute; background-color:#CCCCFF;}
.clUp {  position:absolute; width:12; height:12; z-index:60;}
.clDown {  position:absolute; width:12; height:12; z-index:60;}
.clLeft {  position:absolute; width:12; height:12; z-index:60;}
.clRight {  position:absolute; width:12; height:12; z-index:60;}
.clVScroll {  position:absolute; width:12; height:12; z-index:60; background-color:#CCCCCC;}
.clHScroll {  position:absolute; width:12; height:12; z-index:50; background-color:#CCCCCC;}
.clMinimize {  position:absolute; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; background-color:#CCCCFF;}
.clMaximize {  position:absolute; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; background-color:#CCCCFF;}
.clRestore {  position:absolute; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; background-color:#CCCCFF;}
.clClose {  position:absolute; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; background-color:#CCCCFF;}
.clEdit {  position:absolute; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; background-color:#CCCCFF;}
.clColumn {  position:relative; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
.clFooter {  position:absolute;}
.blColumn {  border: #808080 1px solid;background-color: #979797;padding: 3px;}
.blColumn2 {  border: #808080 1px solid;background-color: #EEEEEE;padding: 3px;}



/* Start CSS style pagination*/
	div.paginationNew {
		padding: 3px;
		margin: 3px;
		text-align:center;
		font-family:Tahoma,Helvetica,sans-serif;
		font-size:.85em;
	}
	
	div.paginationNew a {
		border: 1px solid #ccdbe4;
		margin-right:3px;
		padding:2px 8px;

		background-position:bottom;
		text-decoration: none;

		color: #0061de;		
	}
	div.paginationNew a:hover, div.paginationNew a:active {
		border: 1px solid #2b55af;
		background-image:none;
		background-color:#3666d4;
		color: #fff;
	}
	div.paginationNew span.current {
		margin-right:3px;
		padding:2px 6px;
		
		font-weight: bold;
		color: #000;
	}
	div.paginationNew span.disabled {
		display:none;
	}
	div.paginationNew a.next{
		border:2px solid #ccdbe4;
		margin:0 0 0 10px;
	}
	div.paginationNew a.next:hover{
		border:2px solid #2b55af;
	}
	div.paginationNew a.prev{
		border:2px solid #ccdbe4;
		margin:0 10px 0 0;
	}
	div.paginationNew a.prev:hover{
		border:2px solid #2b55af;
	}
/* End CSS style pagination*/

/* Changes for login page */
.header-border{
    box-shadow: 0 3px 6px #00000029;
    background: #fff;
}
.login-header{
    border-radius: 10px;
    box-shadow: 0px 0px 16px #00000029;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}
.login-inner{
    background: #ccc;
   border-radius: 10px 10px 0 0;
}
.outlook-signin{
	    padding: 10px 0 10px 0;
	    color: #A2A2A2;
}
.terms-signin{
	    padding: 0px 0 10px 0;
	    color: #A2A2A2;
}
 .login-bttn {
    color: #fff;
    padding: 6px;
    border: 1px solid #333;
        background-color: #333 !important;
    cursor: pointer;
    width: 240px;
    font-size: 14px !important;
} 
.login-pad{padding: 5px 10px 5px 12px;}
.login-pad-inner{
	padding: 0 10px 20px 12px;
/* 	    background: #4F84CF;
 */	}
.font-login{
	    font-size: 15px;
    color: #333;
}
.signin-pad{
	padding: 0px 0 10px 0;
}
.input-width{width:92%;}
.wrap-text{    
	white-space: pre-line;
    width: 220px;
    line-height: 15px;
    }
.footer {
font-size: 12px;
    bottom: 0;
    border-top: 2px solid #158EC8;
    height: 15px;
    text-align: center;
    background: #fff;
    padding: 10px;
    color: #B7B7B7; 	
}
.pad-top{    padding: 5px 0 5px 0;}
/* Changes end for login page */
/*changes for welcome page */
.pad-none{padding:0px !important;}
.font-head{font-size:12px;}
/*changes end for login page */
/*Changes for header */
.tabBg {
	display: block;
	background: #fff;
	white-space: nowrap;
	
}
/*Changes end for header */
/*changes for form*/
.multilevel-pad{padding-top:0px;}
.pageSubTabOn {
    color: #FFFFFF;
    /* background-color: #6B5A8C; */
    background-color: #EC3234;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    height: 20px;
    padding: 4px 8px 4px 8px;
    border-radius: 5px 5px 0 0;
}
.pageSubTabData {
    color: #FFFFFF;
    /* background-color: #6B5A8C; */
     /* background-color: #d19d79; */
     background-color: #666;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    height: 20px;
    padding: 4px 8px 4px 8px;
    border-radius: 5px 5px 0 0;
}
td .pageSubTabData a{color:#fff;}
.pageSubTabOff {
color: #6B5A8C;
    /* background-color: #5EA75E; */
    background: #e3e3e3;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    height: 20px;
    padding:  4px 8px 4px 8px;
    border-radius: 5px 5px 0 0;
	
}
.set-height{height:480px;}
.titleButton {
  /* background-color: #D6C6DE;
  color: #00319C;
  text-decoration: none;
  font-weight: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  cursor: pointer;
  font-size: xx-small; */
   color: #fff;
  font:1.0em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
  padding:4px;
    background: #666 !important;
    border: 1px solid #666;
   -moz-border-radius:10px;
  /*  -webkit-border-radius:10px; */
  /* border-bottom:1px solid #9f9f9f; */
  
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
   
  text-decoration: none;
  cursor: pointer;
      font-size: 9px;	
 
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
 select {
padding: 0.2rem .5rem;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    min-width:144px;
    max-width:144px
} 
.dataTable th{
	    padding: .8em !important;
	        text-align: center !important;
	        background:#ccc !important;
	        color:#333 !important;
}
.inputButton {
  /* background-color: #D6C6DE;
  color: #00319C;
  text-decoration: none;
  font-weight: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  cursor: pointer;
  font-size: xx-small; */
  color: #444 !important;
  font:1.0em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
  padding:4px;
  background: #ccc !important;
    border: 1px solid #ccc;
  -moz-border-radius:10px;
   /* -webkit-border-radius:10px; */
  /* border-bottom:1px solid #9f9f9f; */
  
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
   
  text-decoration: none;
  cursor: pointer;
  font-size: xx-small;
      color: #fff;
 
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
 .table-border-btm{
	border-collapse:collapse;
	    background: #fff;
}
.table-border-btm tr { border-bottom: 1px solid #D6E6F5; } 
.pageButtonWrap {
    margin-top: 10px;
}
.label-mar{
	    margin-top: 0;
    margin-bottom: 6px;
}
.pageSubtitle, .blockSubtitle, .app_pageSubtitle, .blocktitle {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-color: #ebeaea;
	padding-top: 0.3em;
	padding-bottom: 0.1em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	vertical-align : top;
	height: 22px;	
/* 	border-top: 10px solid #D6E6F5;
	border-bottom: 2px solid #D6E6F5;
	border-left: 10px solid #D6E6F5;
	border-right: 10px solid #D6E6F5; */
	}
 .supplier-input{
     width: 88px;
 }