/*All Pages*/
/***********/
/*a:link, a:visited{
	color:#000000;
	text-decoration:none;	
}
a:hover{
	color:#0000FF;
	text-decoration:none;	
}*/
/*
body {
	background: url("/eoc-app/javax.faces.resource/purple-theme_02.png.xhtml?ln=images");
	background-size: 100%;
}
*/
body {
	/*background: url("/eoc-app/javax.faces.resource/purple-theme_02_2.png.xhtml?ln=images");*/
	background-size: 100%;
}
.menu {
	width: 20%;
	height: 560px;
	float: left; //
	border: solid 1px red;
}

.box {
	float: left;
	width: 77%; //
	border: solid 1px green;
}

.tbTitle {
	margin-left: 40px;
}

.tbTxt {
	width: 100%;
}

.tbStyle {
	border: 1px solid;
}

.tbStyleSpace {
	border: 1px solid;
	border-bottom: none;
	border-top: none;
}

.tbTxtRevenue {
	width: 96%;
}

.divBtSubmit {
	width: 100%;
}

.btSubmit {
	width: 100px;
	margin: 0px auto;
}

/*Menu Page*/
/***********/
.menu-list {
	margin-top: 5px;
}

.menu-header {
	text-decoration: underline;
}

/*Page 1*/
/********/
.pnum {
	width: 21px;
}

.nameTxt {
	width: 358px;
}
.otherTxt{
	width: 100px;
}

.idTxt {
	width: 300px;
}

.firstNameTxt {
	width: 300px;
}

.lastNameTxt {
	width: 300px;
}

.ageTxt {
	width: 50px;
}

.posTxt {
	width: 300px;
}

.longAddTxt {
	width: 628px;
}

.shortAddTxt {
	width: 584px;
}

.telTxt {
	width: 100px;
}

.emailTxt {
	width: 162px;
}

.nameParTxt {
	width: 180px;
}

.jobTxt {
	width: 120px;
}

.myTable td {
	padding: 2px 2px 2px 0px;
}

.redTxt{
	color:#ff0000;
}

/***** Bootstrap Modify ******/
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus
	{
	color: #ffffff;
	background-color: #68228B;
}

.panel-success > .panel-heading {
	background: #c092e9; 
}

.panel-success>.panel-heading2 {
	color: #ffffff;
}

.panel-success > .panel-heading-file {
	background: #e9e382;
}

nav.navbar {
	background: #594099;
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 0px;
}

#content {
	background: #ffffff;
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus
	{
	background-color: #594099;
	color: #ffffff;
}

ul.dropdown-menu>li>a:hover,ul.dropdown-menu>li>a:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #594099;
}

ul.dropdown-menu {
	background: #594099;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #aaa;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #333;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.dropdown-submenu.pull-right {
	float: none !important;
}

.dropdown-submenu.pull-right>.dropdown-menu {
	left: -100%;
	right: 100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

/*
.icon-arrow-right {
float: right;
margin-top: 2px;
margin-right: -6px;
}
*/
.popover {
	max-width: 1024px;
}

input[readonly] {
	background-color: #FFFFCC;
	border: 1px solid;
	border-color: rgb(169, 169, 169);
	padding-left: 4px;
	padding-right: 4px;
}

textarea[readonly] {
	background-color: #FFFFCC;
}

/* TYPEAHEAD */
.typeahead,.tt-query2,.tt-hint {
	/*
	width: 396px;
	height: 30px;
	padding: 8px 12px;
	*/
	/*
  font-size: 24px;
  line-height: 30px;
  */
	/*
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  */
	outline: none;
}

.typeahead {
	background-color: #fff;
}

.typeahead:focus {
	border: 2px solid #0097cf;
}

.tt-query2 {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	background-color: white;
}

.tt-hint {
	color: #999
}

.tt-dropdown-menu {
	width: 422px;
	margin-top: 12px;
	padding: 8px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
	padding: 3px 20px;
	/*
  font-size: 18px;
  line-height: 24px;
  */
}

.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: #0097cf;
}

.tt-suggestion p {
	margin: 0;
}

.gist {
	font-size: 14px;
}

.financialinstitutions .tt-dropdown-menu {
	max-height: 150px;
	overflow-y: auto;
}

.provinces .tt-dropdown-menu {
	max-height: 150px;
	overflow-y: auto;
}

.divider-vertical:after {
	content: "|";
}

.table2>thead>tr>th,.table2>tbody>tr>th,.table2>tfoot>tr>th,.table2>thead>tr>td,.table2>tbody>tr>td,.table2>tfoot>tr>td
	{
	padding-left: 1px;
	padding-right: 1px;
}

.popover-markup {
	display: inline-block;
}

.header-fixed {
	width: 100%
}

.header-fixed>thead,.header-fixed>tfoot,.header-fixed>tbody,.header-fixed>thead>tr,.header-fixed>tfoot>tr,.header-fixed>tbody>tr,.header-fixed>thead>tr>th,.header-fixed>tbody>tr>td,.header-fixed>tbody>tr>td
	{
	display: block;
}

.header-fixed>tfoot>tr:after,.header-fixed>tbody>tr:after,.header-fixed>thead>tr:after
	{
	content: ' ';
	display: block;
	visibility: hidden;
	clear: both;
}

.header-fixed>tbody {
	overflow-y: auto;
	height: 350px;
}

.header-fixed>tfoot>tr>td,.header-fixed>tbody>tr>td,.header-fixed>thead>tr>th
	{
	width: 20%;
	float: left;
}

.tt-query2 {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.tt-hint {
	color: #999999;
	width: 200px;
}

.tt-dropdown-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	margin-top: 12px;
	padding: 8px 0;
	width: 200px;
}

.tt-suggestion {
	line-height: 24px;
	padding: 3px 20px;
}

.tt-suggestion.tt-is-under-cursor {
	background-color: #0097CF;
	color: #FFFFFF;
}

.tt-suggestion p {
	margin: 0;
}

fieldset.my-border {
    border: 1px groove #C69BED !important;
    padding: 1.4em 1.4em 1.4em 1.4em !important;
    margin: 0 0 0.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}


.td-line-top {
	border-bottom-color: purple; 
	border-bottom-style: solid;
	font-size: 1.0em;
	color: purple;
    font-weight: bold;
	line-height: 1.2;
	vertical-align: bottom;
	padding: 20px 0px 0px 0px !important; /*top, right, bottom, and left*/
}

.td-line {
	border-bottom-color: purple; 
	border-bottom-style: solid;
	border-top-style: none !important;
	font-size: 1.0em;
	color: purple;
    font-weight: bold;
	line-height: 1.2;
	vertical-align: bottom;
	padding: 20px 0px 0px 0px !important; /*top, right, bottom, and left*/
}

.btn-rc {
	
	height: 28px; 
	padding-top: 3px; 
	
}

.btn-sm.btn-rc {
	
	height: 24px; 
	padding-top: 3px; 
	
}

.btn-sm.btn-sq {
	
	width: 24px; 
	height: 24px; 
	padding-left: 5px;
	padding-top: 3px; 
	padding-right: 5px;
	padding-bottom: 3px; 
	
}

.panel-body {
	
	text-align: left;
	
}

.modal-body {
	
	text-align: left;
		
}

span.myactive {
	
	color: gray; 
	
}

span.myseparator {
	
	color: black; 
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	
}

.hide{
	display:none;
}
.plusBtn, .minusBtn{
	cursor: pointer;
}
.plusHide, .minusHide, .rowHide{
	display: none;
}

.titleClass {
	/*height: 34px;*/
}

.titleClass label {
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 0px;
}

.titleClass table {
	border-collapse: collapse;
	border-spacing: 0px;
}

.rf-sel input {
	height: 22px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 20px;
}

.rf-sel-sel {
	background-color: green;
	background-image: none !important;
}

.rf-sel-opt {
	background-color: white !important;
	background-image: none !important;
}

.rf-au {
	margin-top: 0px !important;
	background-image: none !important;
	border-width: 0px !important;
	border-style: none !important;
	border-color: #C4C0B9 !important;
	/*display: inline !important;*/
	padding-top: 0px !important;
	margin-top: 0px !important;
	float:left; !important;
}
.rf-au span {
	width: 100%;
	margin-top: 0px;
}

input.rf-au-inp {
	height: 26px !important;
	width: 100% !important;
	background-color: white !important;
 	background-image: none !important;
 	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: normal !important;
	letter-spacing: normal !important;
	line-height: 20px !important;
	
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #C4C0B9 !important;
	padding-left: 1px !important; 
	padding-right: 1px !important; 
}

.rf-au-itm {
	background-color: white !important;
 	background-image:none !important;
 	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: normal !important;
	letter-spacing: normal !important;
	line-height: 16px !important;
}
.rf-au-itm-sel {
	color: white !important;
	background-color: blue !important;
 	background-image:none !important;
 	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: normal !important;
	letter-spacing: normal !important;
	line-height: 16px !important;
}

.rf-msgs-sum {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: normal !important;
}

.txtSum {
	background-color: #FFFFCC;
	border: 1px solid;
	border-color: rgb(169, 169, 169);
	padding-left: 4px;
	padding-right: 4px;
	display: inline-block;
	text-align: right;
	vertical-align: middle;
	line-height: 20px;
}

.txtCellNum {
	padding-left: 4px;
	padding-right: 4px;
}

.infoLeft {
	background-color: #FFFFCC;
	border: 1px solid;
	border-color: rgb(169, 169, 169);
	padding-left: 4px;
	padding-right: 4px;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	line-height: 20px;
}

.infoCenter {
	background-color: #FFFFCC;
	border: 1px solid;
	border-color: rgb(169, 169, 169);
	padding-left: 4px;
	padding-right: 4px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
}

.infoRight {
	background-color: #FFFFCC;
	border: 1px solid;
	border-color: rgb(169, 169, 169);
	padding-left: 4px;
	padding-right: 4px;
	display: inline-block;
	text-align: right;
	vertical-align: middle;
	line-height: 20px;
}

.infoCellLeft {
	background-color: #FFFFCC;
	border: 1px solid;
	border-color: rgb(169, 169, 169);
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	line-height: 20px;
	width: 100%;
	/*height: 26px;*/
	min-height: 26px;
}

.my-heading .pagination-cell-total, .td-line-top .pagination-cell-button {
	vertical-align: middle;
}
.my-heading .pagination-cell-total {
	text-align: right;
}
.my-heading .pagination {
	margin: 0px 0;
}
.my-heading .pagination > li > a, .td-line-top .pagination > li > span {
	padding: 0px 6px;
}

.pagination {
	margin: 5px 0;
}

.small-pagination .pagination-cell-total, .td-line-top .pagination-cell-button {
	vertical-align: middle;
}
.small-pagination .pagination-cell-total {
	text-align: left;
}
.small-pagination .pagination {
	margin: 0px 0;
}
.small-pagination .pagination > li > a, .td-line-top .pagination > li > span {
	padding: 0px 6px;
}

.small-pagination:before,
.small-pagination:after,
.small-pagination .container-fluid:before,
.small-pagination .container-fluid:after,
.small-pagination .row:before,
.small-pagination .row:after {
	content: none;
	display: none;
}

.nav-pills > li.active > span, .nav-pills > li.active > span:hover, .nav-pills > li.active > span:focus {
	color: #ffffff;
	background-color: #8f7fd0;
}

.nav-pills > li > span {
	border-radius: 4px;
	position: relative;
	display: block;
}

.tableI th{
	background-color: #8f7fd0;
	color: white;
}

select[disabled] { background-color: rgb(235, 235, 228); }

/** MENU BORDER **/
.navbar-default {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-image: none;
	background-color: #594099;
	border-color: #594099;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.navbar-default .navbar-brand {
  color: #dec9e8;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #c8a5d9;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #dec9e8;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #4b3682;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fffbfb;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #d9c6c6;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #4b3682;
  color: #ffffff;
}
.navbar-default .navbar-nav .dropdown-menu {
	
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
	
 	/*border-bottom: 1px solid #DDDDDD;
    background: #F2F1F2;
    -webkit-box-shadow: 0 1px 2px #777;
    -moz-box-shadow: 0 2px 1px #777;
    box-shadow: 0 2px 1px #777;*/
	
 }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  /* color: #333333;
  background-color: transparent; */
  background-color: #8f7fd0;
	color: white;
	background-image: none;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.mainNav .active {
	color: red;
}

.colorTable th {
	
	background-color: #594099;
	color: white;
	
}

.colorTable1 th {
	
	background-color: #993366;/*990066*/
	color: white;
	
}

.btn-success {
    background-image: -webkit-linear-gradient(top, #594099 0, #7960bd 100%);
    background-image: linear-gradient(to bottom, #594099 0, #7960bd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff594099', endColorstr='#ff7960bd', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #594099;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #7960bd;
  background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
  background-color: #7960bd;
  border-color: #594099;
}

tr.my-tr:hover {
    background-color: #ffffca;
}

tr.my-tr-odd {
    background-color: #FFCCFF;
}
tr.my-tr-odd:hover {
    background-color: #ffffca;
}

tr.my-tr:hover > .td-green {
    background-color: #ffffca;
}

.td-green {
	background-color: #C1FFC1;
}

tr.my-tr:hover > .td-orange {
    background-color: #ffffca;
}

.td-orange {
	background-color: #FFE7BA;
}

tr.my-tr:hover > .td-aqua {
    background-color: #ffffca;
}

.td-aqua {
	background-color: #E0FFFF;
}

tr.my-tr:hover > .td-violet {
    background-color: #ffffca;
}

.td-violet {
	/* background-color: #EBC4E7; */
	background-color: #f1daef;
}

tr.my-tr:hover > .td-violet-ii {
    background-color: #ffffca;
}

.td-violet-ii {
	background-color: #f8ecf7;
}

tr.my-tr > td > a {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  color: #000000;
  cursor: default;
}

input[type="radio" i] {
    margin: 3px 3px 0px 5px;
}

div input[type="text"], div input[type="password"] {
   /*  background-image: url('images/lightBlueShade.gif'); */
    background-repeat: repeat-x;
    border: 1px solid #008000;
    width: 100%;
    height: initial;
}

div input[type="text"][readonly] {
    /* background-image: url('images/grayBlueShade.gif'); */
    background-repeat: repeat-x;
    border: 1px solid #008000;
    width: 100%;
    height: initial;
}

.my-disabled {
    background-image: linear-gradient(to bottom, #C0C0C0 0, #808080 100%) !important; 
    border-color: #808080 !important;
}

.rf-msgs-sum {
	
	white-space: pre-wrap; word-wrap: break-word;
}

.rf-msg-err, .rf-msgs-err {
	
	/* background-image: none !important; */
}

.td-linetop {
  line-height: 1.42857143;
  border-top: 1px solid #dddddd;
}

.td-linetop-4px {
	border-top-color: #dddddd; 
	border-top-style: solid;
	border-top-width: 4px;
}