/* consider "display: none/block" instead of visibility: hidden/visible
       if you don't want the hidden divs to occupy space */
.paymentOption {
    visibility: hidden;
}
.paymentOptionShow {
    visibility: visible;
}

.mycontent-borders {
  border-right: 1px dashed #333;
}

.modal{
    max-height: 800px;
    overflow-y: auto;
}
.modal-body { 
    height: 60%;
	max-height: 800px;
}

.myBG{
	background-color: #ffffff;
	position: fixed;
	right: 20px;
	left: 0;
	z-index: 1030;
	border-radius: 0;
	top: 0;
	padding: 0px;
}

.myBG2{
	/*position: fixed;*/
	right: 0;
	left: 0;
	z-index: 1030;
	border-radius: 0;
	top: 0;
	padding: 0px;
}

.divider_2 {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #232a31;
  border-bottom: 1px solid #566677;
}

/* Reset body padding and margins */
body { margin:0; padding:0; }
 
/* Make Header Sticky */
#header_container { background:#eee; border:1px solid #666; height:60px; left:0; position:fixed; width:100%; top:0; }
#header{ line-height:60px; margin:0 auto; width:940px; text-align:center;}
 
/* CSS for the content of page. I am giving top and bottom padding of 80px to make sure the header and footer do not overlap the content.*/
#content_container { margin:0 auto; overflow:auto; padding:20px 0;}
#content{}
 
/* Make Footer Sticky */
#footer_container { background:#eee; border:1px solid #666; bottom:0; height:60px; left:0; position:fixed; width:100%; }
#footer { line-height:60px; margin:0 auto; width:940px; text-align:center; }

.breadcrumb2 {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.breadcrumb2 > li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.breadcrumb2 > li > .divider {
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb3 {
  padding: 0px 0px;
  margin: 0 0 0px;
  list-style: none;
  
  bottom: 0;
  position: fixed;
  width: 100%;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.breadcrumb3 > li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.breadcrumb3 > li > .divider {
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb3 > li > .right {
  text-align: right;
}

.breadcrumb4 {
  padding: 0px 0px;
  margin: 0 0 0px;
  list-style: none;
  bottom: 0;
  position: fixed;
  width: 100%;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.breadcrumb4 > li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.breadcrumb4 > li > .divider {
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb4 > li > .right {
  text-align: right;
}

.table tbody tr > td.success {
  background-color: #dff0d8;
}

.table tbody tr > td.error {
  background-color: #f2dede;
}

.table tbody tr > td.warning {
  background-color: #fcf8e3;
}

.table tbody tr > td.info {
  background-color: #d9edf7;
}

.table tbody tr > td.active {
  background-color: #dff0d8;
}

.table tbody tr > td.inactive {
  background-color: #d0d0d0;
}


.table tbody tr.active {
  background-color: #dff0d8;
}

.table tbody tr.inactive {
  background-color: #d0d0d0;
}

.table-hover tbody tr.active:hover > td {
  background-color: #e7f8e6;
}

.table-hover tbody tr.inactive:hover > td {
  background-color: #d8d8d8;
}