* {
  padding:0;
  margin:0;
}

.timeline {
    border-collapse: collapse !important;
    width: 70%;
    margin-top: 50px;
}
.left_block {
    vertical-align: middle;
    text-align: justify;
    width: 60px;
    padding-right: 10px;
}
.right_block {
    vertical-align: middle;
    text-align: justify;
    width: 60px;
    padding-left: 10px;
}
.left_date {
    width: 50px;
    vertical-align: middle;
    text-align: right;
}
.right_date {
    width: 50px;
    vertical-align: middle;
    text-align: left;
}
.left_pointer {
    border-right: 1px solid black;
    vertical-align: middle;
    width: 10px;
}
.right_pointer {
    border-left: 1px solid black;    
    vertical-align: middle;
    width: 10px;
}

.explorer_div {
  position: relative;
  margin:5px;
  height: 110px;
  width: 5px;
}

.explorer_dtl {
    display: block;
    position:absolute;
    width:175px;
    height: 100%;
    /*top:-2px;*/
    background-color:#f2f2f2;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    border-color: black black black black;
    text-align:center;
    z-index: +1;
}

.explorer_details td {
	border: 0;	
	text-align: center!important;
	background-color: #cccccc;
}

.explorer_details {
	border-collapse: collapse !important;
	width: 100%;
	font-size: 12px;
}



.person_details td {
	border: 0;	
	text-align: center!important;
	background-color: #cccccc;
}

.person_details {
	border-collapse: collapse !important;
	width: 100%;
	font-size: 20px;
}

.persondtldiv {
  position: relative;
  margin:5px;
}

.person_dtl {
    display:none;
    position:absolute;
    width:350px;
    right: -200px;
    top:-2px;
    background-color:#f2f2f2;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    border-color: black black black black;
    text-align:center;
    z-index: +1;
}

.thumbnail {
	width:	250px!important;
	max-width: 300px!important;
	height:	auto!important;
	padding:	15px;
	/*border-style: groove;*/
	/*border-width: 5px;*/
	/*border-color: black;*/
}

.micro_thumbnail {
	width:	50px!important;
	max-width: 75px!important;
	height:	auto!important;
	padding:	5px;
}

#main {
  width:100%;
  margin:0 auto;
  border:1px solid black;
  min-height:300px;
  padding:5px;
  position:relative;
  /*background-color: #ffffcc;*/
  background-color: #BEBFEE;
}

table td {
	vertical-align: top;
	/*background-color: #ffffcc;*/
        background-color: #BEBFEE;
}

#photos td {
    background-color: white;
}

#photos td {
	border: 5px groove black;
	text-align: center;
	vertical-align: middle;
}

#main table td {
	/*background-color: #ffffcc;*/
	/*border-style: groove;*/
	/*border-width: 5px;*/
	/*border-color: black;*/

}

table#login {
 width:auto;
 margin:20px auto;

}

#errmsg {color:red;margin:10px auto;text-align:center;}

#results table {
 border:1px solid black;
 border-collapse:collapse;
 margin:0 auto;
 width:100%;
}

#results table td {
  border:1px solid black;
  font-size:2em;
  padding:2px 7px;
}

.stripeMe tr td {background:#ffffff;}
tr.alt td {background:#ecf6fc;}
tr.over td, th {background:#bcd4ec;cursor:pointer;}

.table td,
.table th {
  /*background-color: #ffffcc;*/
  background-color: #BEBFEE;
}
.table {
    border-collapse: collapse !important;
    width: 99%;
}
.table_narrow {
	border-collapse: collapse !important;
	width: 60%;
}
.table-bordered th,
.table-bordered td {
    border: 1px solid #ddd !important;
}
html {
  font-size: 62.5%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  /*color: #428bca;*/
  color: #4216E3;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}

#fin_btn {
  width:80%;
  height:50px;
  font-weight:bold;
  font-size:2em;
}



#f_left {width:50%;}

#output {
 width:100%;
 vertical-align:top;
}

#output table {width:100%;}
.hasbord {border:1px solid black;}
#register {width:100%;border:1px solid green;min-height:300px;overflow:auto;}



.ltbg {background-color:#efefef;}
#customer {width:100%;}
#customer input {height:40px;width:100%;font-size:2em;}


.regin {width:60px;border-style:none;font-size:1em;}




#actbutts {text-align:center;}

.menubutton {width:200px;}

.admintable {
border:1px solid black;
margin:0px auto;
}


.custdiv {
    display:none;
}

.custinfo{
    position:absolute;
    height:80px;
    width:350px;
    left:200px;
    background-color:#FFFFFF;
    border-style:solid;
    border-width:1px 1px 1px 1px;
    border-color: black black black black;
    text-align:center;
    vertical-align:middle;
    z-index:2;
}
.clickme {
	cursor: pointer;
}