body{
	background: url("background_body.jpg") repeat;
	font-family:calibri;
	margin:0;
	height:100%;
}

#content{
	width:1000px;
	height:98%;
	margin-left:auto;
	margin-right:auto;
	background:url("background_content.jpg") repeat-x;
	background:white;
	border:1px solid #566D7E;/* border-right:2px solid #E0ECF8; */
}

#content_n{
	margin-left:0;
	margin-right:0;
	background:url("background_content.jpg") repeat-x;
	border:1px solid #566D7E;
	/* border-right:2px solid #E0ECF8; */
}
#content1{
	width:1002px;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 0px 0px 10px #888888;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.inner_div{
	padding-left:5px;
}

tr.plot{
	background:black;
	color:white;
}

.rtop, .rbottom{
	display:block;
	background:none;
}

.rtop *, .rbottom *{
	display: block;
	height: 1px;
	overflow: hidden;
	background:#566D7E;
}
.r1{
	margin: 0 5px
}

.r2{
	margin: 0 3px
}

.r3{
	margin: 0 2px
}

.r4{
	margin: 0 1px;
	height: 2px
}

#submit{
	width:30%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#imgheader_ccbb_logo{
	width:auto;
	height:auto;
	text-align:left;
	padding:5px;
}
#imgheader_gen{
	width:auto;
	height:auto;
	text-align:center;
	/*  padding:5px; */
}
#imgheader_iu3{
	width:40%;
	height:40%;
	text-align:center;
	padding-right:5px;
}
#header{
	margin:0;
	padding:0;
	background: black;
	text-align:right;
	/* background:url("images/Headerdrop_new.jpg") repeat-x black;
	background:url("html/germlinegenomicsfig1.png") repeat-x black;*/
}

div.headings{
	border:2px solid #E0ECF8;
}

#header_image{
	width:100%;
	padding:0;
	margin:0;
}

#title_description{
	text-align:center;
	background:black;
	border:none;
}

#links{
	/*width:20%;*/
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	margin-bottom:20px;
	/*background:#455b67;*/
	background:#663366;
	border:none;
	margin-left:auto;
	margin-right:auto;
	/* border-top:1px solid white;
	border-bottom:1px solid white; */
}

#links a{
	color:white;
	/* border:1px solid white; */
}
td{
	padding-left:5px;
	padding-right:5px;
	border:1px solid grey;
	/*background:#CFECEC;*/
	background:white;
}
#head_div{
	border:1px solid #98AFC7;
	/* padding-left:5px;
	padding-right:5px; */
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}

#plot_div{
	box-shadow: 10px 10px 5px #888888;
}

#head_div1{
	border:1px solid #98AFC7;
	background: #CCDDFF;
	/* padding-left:5px;
	padding-right:5px; */
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}
#head_div2{
	border:1px solid #98AFC7;
	background: #CCEEEE;
	/* padding-left:5px;
	padding-right:5px; */
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}
br{
	padding:0;
}
#head_div3{
	border:1px solid #98AFC7;
	background:white;
	padding:0;
	/* padding-left:5px;
	padding-right:5px; */
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
	margin-top:0;
}
#sub_head_div{
	border:1px solid #CCCCCC;
	/* padding-left:5px;
	padding-right:5px; */
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}

p.main_heading{
	background:	#566D7E;
	color:white;
	margin-top:0;
	font-size:24px;
	text-align:center;
	font-weight:bold;
}
#desc{
	color:brown;
	padding-left:30px;
	padding-right:30px;
}
#headerdrop{
	background: url("cpheader-drop.png") repeat-x;
	padding:0;
	margin:0;
}
#headerdropinup{
	background: url("dropup2.png") repeat-x;
	padding:0;
	margin:0;
}
#headerdropindn{
	background: url("dropdn2.png") repeat-x;
	padding:0;
	margin:0;
}

#footerdrop{
	background: url("footer-drop.png") repeat-x;
	padding:0;
	margin:0;
}
h3.head{
	background:#C6DEFF;
	padding-top:0;
	padding-left:5px;
	/* padding-bottom:0;*/
	margin-top:0;
	/* margin-bottom:0;*/

}

h3.head_unbold{
	background:#C6DEFF;
	padding-top:0;
	padding-left:5px;
	/* padding-bottom:0;*/
	margin-top:0;
	/* margin-bottom:0;*/
	color:red;

}

h3.outer_head{
	background:#C6DEFF;
	padding-top:0;
	padding-left:5px;
	/* padding-bottom:0;*/
	margin-top:0;
	/* margin-bottom:0;*/
	font-size:24px;
	color:#333000;

}

h3.inner_head{
	background:#FFFCCC;
	padding-top:0;
	padding-left:5px;
	/* padding-bottom:0;*/
	margin-top:0;
	/* margin-bottom:0;*/
	font-style:italics;
	font-color:#333000;	

}

#bNFigures1 {
	height:20px;
	margin-left:10px;
	width:15px;
	text-align:center;
}

h3.smallhead{
	background:#C6DEFF;
	font-size:14px;
	font-weight:normal;
	padding-top:0;
	padding-left:5px;
	/* padding-bottom:0;*/
	margin-top:0;
	/* margin-bottom:0;*/

}
img.plot{
	width:400px;
	height:400px;
}
img.allplot{
	height:500px;
	width:600px;
}

h3.redhead{
	background:#C6DEFF;
	color:red;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
h3.redhead2{
	background:#99AABB;
	color:red;
	padding-top:0;
	padding-left:5px;
	margin-top:0;
	font-size:20px;
}
h3.greenhead{
	background:#CFECEC;/*#98AFC7;#C6DEFF;*/
	color:darkgreen;
	padding:0;
	font-size:16px;
	margin-top:0;
}

h3.greenhead2{
	background:#C6DEFF;/*#98AFC7;#C6DEFF;*/
	color:darkgreen;
	padding:0;
	font-size:18px;
	margin-top:0;
}

h3.blackhead{
	background:url("grad_fill.png") center no-repeat; /*white;/*#CFECEC;/*#98AFC7;#C6DEFF;*/
	color:blue;
	padding:0;
	font-size:16px;
	margin-top:0;

}
h3.blackhead2{
	background:#99CCBB;/*#98AFC7;#C6DEFF;*/
	color:black;
	/*border:1px solid #98AFC7;*/
	padding:0;
	font-size:16px;
	margin-top:0;
}

#header_table{
	/*padding-left:30px;*/
	background: black;
	color:white;
	text-align:center;
}
p.headings{
	margin:0;
	padding:10;
	/* background:#8477F9; */
	padding-left:10px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	/* border:2px solid #E0ECF8; */
}
a{
	/* color:white; */
}
div.headings{
	border:2px solid #E0ECF8;
}

img.progplot{
	width:1000px;
	height: auto;
	border:blue solid 1px;
}

h3.dshead{
	background:#104E8B;
	font-size:16px;
	color:white;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}

#footer {
	font-size:10px;
	color:white;
	font-weight:bold;
	height:31px;
	vertical-align:bottom;
	background: #7092BE;
	padding:0;
	margin:0;
	position:fixed;
	bottom:0px;
	width:100%;
	text-align:center;
}
#bNFigures1 {
	height:20px;
	margin-left:10px;
	width:15px;
	text-align:center;
}
#bNFigures2 {
	height:20px;
	margin-left:10px;
	width:15px;
	text-align:center;
}
#bNFigures3 {
	height:20px;
	margin-left:10px;
	width:15px;
	text-align:center;
}
#bNFigures4 {
	height:20px;
	margin-left:10px;
	width:15px;
	text-align:center;
}
#bNFigures5 {
	height:20px;
	margin-left:10px;
	width:15px;
	text-align:center;
}
#bNFigures6 {
	height:20px;
	margin-left:10px;
	width:15px;
	text-align:center;
}
#bNFigures7 {
	height:20px;
	margin-left:10px;
	width:15px;
	text-align:center;
}
#bNFigures8 {
	height:20px;
	margin-left:10px;
	width:15px;
	text-align:center;
}
#bNFigures9 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFigures10 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles1 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles2 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles3 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles4 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles5 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles6 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles7 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles8 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles9 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles10 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles11 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles12 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles13 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles14 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles15 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles16 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles17 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles18 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
#bNFiles19 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}#bNFiles20 {
  height:20px;
  margin-left:10px;
  width:15px;
  text-align:center;
}
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7	 */
}

.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

td #trbold{
	font-weight:bold;
	color:buttontext;
}

td #trred{
  font-weight:bold;
  color:red;
}

.blink_me {
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 4;

	-moz-animation-name: blinker;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 4;

	animation-name: blinker;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: 4;
}

@-moz-keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
@keyframes blinker {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}


input[type=text]{
    background-color:#92B1E4;
    background-repeat:no-repeat;
    background-position: right 10px top 15px;
    background-size: 16px 16px;
    color:white;
    padding:6px;
    width:auto;
    font-family:arial,tahoma;
    /*font-size:14px;*/
    font-weight:bold;
    color:#fff;
    /*text-align:center;*/
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    border-radius:5px;
    -webkit-border-radius:10px;
    -webkit-appearance: none;
    border:1px solid grey;
    outline:0;
    box-shadow: 0px 0px 5px #BCA9F5;
    -webkit-transition:0.3s ease all;
    -moz-transition:0.3s ease all;
    -ms-transition:0.3s ease all;
    -o-transition:0.3s ease all;
    transition:0.3s ease all;
}

select{
    background-color:#92B1E4;
    background-repeat:no-repeat;
    background-position: right 10px top 15px;
    background-size: 16px 16px;
    color:white;
    padding:6px;
    width:auto;
    font-family:arial,tahoma;
    /*font-size:14px;*/
    font-weight:bold;
    color:#fff;
    /*text-align:center;*/
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    border-radius:5px;
    -webkit-border-radius:10px;
    -webkit-appearance: none;
    border:1px solid grey;
    outline:0;
    box-shadow: 0px 0px 5px #BCA9F5;
    -webkit-transition:0.3s ease all;
    -moz-transition:0.3s ease all;
    -ms-transition:0.3s ease all;
    -o-transition:0.3s ease all;
    transition:0.3s ease all;
}

input[type=submit] {
  background: #47a7e6;
  background-image: -webkit-linear-gradient(top, #47a7e6, #185a82);
  background-image: -moz-linear-gradient(top, #47a7e6, #185a82);
  background-image: -ms-linear-gradient(top, #47a7e6, #185a82);
  background-image: -o-linear-gradient(top, #47a7e6, #185a82);
  background-image: linear-gradient(to bottom, #47a7e6, #185a82);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  font-weight:bold;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

input[type=submit]:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

input[type=button] {
  background: #47a7e6;
  background-image: -webkit-linear-gradient(top, #47a7e6, #185a82);
  background-image: -moz-linear-gradient(top, #47a7e6, #185a82);
  background-image: -ms-linear-gradient(top, #47a7e6, #185a82);
  background-image: -o-linear-gradient(top, #47a7e6, #185a82);
  background-image: linear-gradient(to bottom, #47a7e6, #185a82);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  font-weight:bold;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

input[type=button]:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.skip-link {
	position:absolute;
	left:0;
	top:-40px;
	background:#ffffff;
	color:#000000;
	padding:8px 12px;
	border:2px solid #000000;
	z-index:1000;
}

.skip-link:focus {
	top:0;
}

.sr-only {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border:0;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
	outline:3px solid #ffbf47;
	outline-offset:2px;
}

img {
	max-width:100%;
	height:auto;
}

input,
select,
textarea,
button {
	font-size:1rem;
	color:#111111;
}

#content,
#content1 {
	max-width:1000px;
	width:100%;
	box-sizing:border-box;
}

h1.main_heading,
p.main_heading {
	background:#566D7E;
	color:white;
	margin-top:0;
	font-size:24px;
	text-align:center;
	font-weight:bold;
}