/* ------------------------------------------------------------------------------ */
	/*
	
		project:				MyClinicalTrial.com
		file: 					styles.css
		creator:				Clara
		creation date:			01-21-2018
		copyright:				(c)Copyright 2018 __ MyClinicalTrial.com
	
	*/
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
	/*
	
		File Layout
		
		1. General
		2. Text
		3. Navigation
		4. Side navigation
		5. list
		
	*/
/* ------------------------------------------------------------------------------ */

/* =1. General
   --------------------------------------------------------------------*/
html, body {
	padding: 0; 
	background-color:#fff; 
	font-family: Lato, Helvetica, Arial, sans-serif;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
header, nav, .wrapper, footer {
	width: 100%; 
	max-width: 1200px;
	margin:0 auto;
}
#wrapper { width: 100%; max-width: 1200px; height: auto; margin:0 auto; padding: 0px; clear:both; background: #fff; border-right: 5px solid #f1f1f1; border-left: 5px solid #f1f1f1; border-bottom: 5px solid #f1f1f1;}
#header { width: 100%; max-width: 1680px; height: 132px; margin: 0 auto; padding: 0px; background: #fff; clear:both; border-top:4px solid #0f78bc;}

	#top-nav{ width: 240px; height: 25px; margin: 0px; padding: 0px; float:right; background: url(../imgs/top-nav.png) no-repeat;}
	#top-nav p{ font-size:10px; color:#fff !important; padding: 0px; margin-top:-5px; text-align:center;}
	#top-nav a:link, #top-nav a:active, #top-nav a:visited { font-size:10px; height: 25px;color:#fff; padding: 0px; text-align:center;}

.navigation { width: 100%; 
	/*height: 39px;*/
	margin-top: 0px; _margin: -10px auto; 
	padding: 0px; 
	clear:both; 
	background-image: -webkit-linear-gradient(274deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);
	background-image: -moz-linear-gradient(274deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);
	background-image: -o-linear-gradient(274deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);
	background-image: linear-gradient(176deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%); 
	float: left;}
   .search-button {
    width: 190px!important;
    height: 38px!important;
    margin: 0px 0px 0px 0px!important;
    _margin: -10px 0px -11px 0px!important;
    float: right!important;
    border-bottom: 1px solid #EA632E!important;
    _padding: 10px 0px 0px 0px!important;
    background-image: -webkit-linear-gradient(270deg,rgba(246,142,30,1.00) 0%,rgba(255,0,0,1.00) 100%)!important;
    background-image: -moz-linear-gradient(270deg,rgba(246,142,30,1.00) 0%,rgba(255,0,0,1.00) 100%)!important;
    background-image: -o-linear-gradient(270deg,rgba(246,142,30,1.00) 0%,rgba(255,0,0,1.00) 100%)!important;
    background-image: linear-gradient(180deg,rgba(246,142,30,1.00) 0%,rgba(255,0,0,1.00) 100%)!important;
}
   .search-button a{
    display: block!important;
	padding: 4px 0 0 14px!important;
    font-weight: 300!important;
    font-size: 1.2rem!important;
    color: #FFFFFF!important;
    background-repeat: no-repeat!important;
    background-image: url(../imgs/search.png)!important;
    background-position: 98% 50%!important;
    background-size: 30px 28px!important; 
}
   .search-button a:hover{
    /*display: block;
    background-repeat: no-repeat;
    background-image: url(../imgs/search.png);
    background-position: 98% 50%;*/
    -webkit-box-shadow: 0px 0px #EA632E!important;
    box-shadow: 0px 0px #EA632E!important;
     background-color:#F78E1E;
    font-weight: 500;
}

#body-wrap{width: 100%; max-width: 1680px; height: auto; padding: 0px; clear:both; background:#fff url(../imgs/body-left-bg.jpg) repeat-y scroll 0 0;  margin:0px; border-bottom:4px solid #EA632E;}

/* ----------------------------------New home page style-------------------------------------------- */

	#body-top{width: 100%; max-width: 1680px; height: 220px; margin: 0px; border-bottom: 4px solid #EA632E; padding: 0px; clear:both;  background: url(../imgs/head3.png) no-repeat;}
		.featured{ width: 310px; height: 219px; margin: 0px; padding: 0px; float:left; }
			.featured p{ font-size: 12px; margin: 0px; color:#000}
			.featured h2{ color: #ef6826; padding: 5px 0px 5px 10px; margin: 0px; font-size: 18px; font-weight: bold; background-color: #fff }
			.featured h3{ color: #000; padding: 10px 2px 5px 0px; margin: 0px; font-size: 15px; font-weight: bold}
			.featured ul li h3 a{ color: #000; font-weight: bold}
			.featured ul {  color:#000; list-style: none; padding: 0px; margin: 0px 0px 0px 10px; line-height: normal !important; text-decoration:none;}
			.featured li {display:inline-block; color:#000 !important; padding-bottom:10px; font-size: 12px; margin: 0px !important; border-top: 1px dotted #777}
			/*.featured li:first-child {display:inline-block; color:#777 !important; padding-bottom:10px; font-size: 12px; margin: 0px !important; border-top: 0px dotted #fff}*/
			.featured li a{display:inline-block; color:#ef6826; text-decoration:none; font-size: 12px; margin: 0px !important;}
			.featured li a:hover { color: #000 !important; margin: 0px; line-height: normal !important}
		.banner{width: 630px; height: 218px; margin: 0px; padding: 0px; float:left;}
.logo { width: 70%; margin: 4% 0 2% 2%; }
			
	.featuredLeft{ width: 250px; height: 219px; margin: 0px; padding: 0px; float:left;}
			.featuredLeft  p{ font-size: 12px; margin: 0px; color:#000}
			.featuredLeft  h2{ color: #ef6826; padding: 5px 0px 5px 10px; margin: 0px; font-size: 18px; font-weight: bold; background-color: #fff }
			.featuredLeft  h3{ color: #000; padding: 10px 2px 5px 0px; margin: 0px; font-size: 15px; font-weight: bold}
			.featuredLeft  ul li h3 a{ color: #000; font-weight: bold}
			.featuredLeft  ul {  color:#000; list-style: none; padding: 0px; margin: 0px 0px 0px 10px; line-height: normal !important; text-decoration:none;}
			.featuredLeft  li {display:inline-block; color:#000 !important; padding-bottom:10px; font-size: 12px; margin: 0px !important; border-top: 1px dotted #777}
			/*.featured li:first-child {display:inline-block; color:#777 !important; padding-bottom:10px; font-size: 12px; margin: 0px !important; border-top: 0px dotted #fff}*/
			.featuredLeft  li a{display:inline-block; color:#ef6826; text-decoration:none; font-size: 12px; margin: 0px !important;}
			.featuredLeft  li a:hover { color: #000 !important; margin: 0px; line-height: normal !important}
/* -------------------------------------------------------------------------------------------------- */

	/*.home-wrap{ width: 100%; max-width: 1680px; background-color: #fff; padding: 10px;}
	.home-wrap h1 { color:#0f78bc; font-size: 22px !important;}
	.home-wrap p.bottom {padding:0px 20px 0px 20px}
	.home-wrap .home-content{width: auto;  height:auto; background: #fff url(../imgs/home-content.gif) no-repeat; padding: 8px 15px 15px 25px; _padding: 5px 15px 15px 25px}
	.home-wrap h2{color: #fff; margin: 10px 25px 5px 20px; font-size: 24px; font-weight: bold; float: right; }
	.home-wrap h2 a{ color: #fff; text-decoration: none;}
	.home-wrap h2 a:hover, h2 a:visited{ color: #fff;}
	.home-wrap img {width: 94px; height:158;float: left; margin: 10px 5px 0px 10px;_margin: 15px 5px 0px 10px; }
	.home-wrap div.content { width: 187px; height: 155px; margin: 8px 0px 0px 5px; float: left; font-size:12px}
	.home-wrap div.content h3 {color:#0f78bc; padding: 0px; margin: 2px 3px 0px 3px; font-size: 19px}
	.home-wrap div.content ul {  color:#777; list-style: none; padding: 0px; margin:5px 0px 0px 4px; line-height: normal !important}
	.home-wrap div.content li a{display:inline-block; color:#777; text-decoration:none; font-size: 12px; padding: 0px 0px 0px 14px; margin: 4px 0px 0px 0px !important; background: url(../imgs/list-bg.gif) no-repeat left center; line-height: normal !important}
	.home-wrap div.content li a:hover { color: #ef6826; padding: 0px 0px 0px 14px; margin: 0px; line-height: normal !important; text-decoration: none;}*/
		

		/* -------------------------------------Volunteers - Investigators - Sponsors background-------------------------------------------- */	
		.home-wrap div.volunteers{width: 305px; height:210px; background: url(../imgs/tabs/volunteer-bg.gif) no-repeat; float:left }
		.home-wrap div.investigators{width: 305px; height:210px; background: url(../imgs/tabs/investigator-bg.gif) no-repeat; float:left}
		.home-wrap div.sponsors{width: 305px; height:210px; background: url(../imgs/tabs/sponsor-bg.gif) no-repeat; float:left;}
		
		div.banner-random-texts{ width: 250px; height: 50px; margin: 100px 0px 0px 370px; font-size:18px; color: #333; font-family:Helvetica, Arial, serif !important; font-style: italic; font-weight: bold !important}
		div.banner-random-texts p{color:#333; font-family:Helvetica, Arial, serif !important; }
		
				
/* ----------------------------------End home page style-------------------------------------------- */	
	
	#body-left-wrap{width: 262px; height: auto; margin: 0px; padding: 0px; float: left;}
	#body-left{width: 262px; height: auto; margin: 0px; padding: 0px; float:left;  background: url(../imgs/body-left-bg.jpg) repeat-y}
	.body-left-top{width: 262px; height: 200px; margin-top: 0px; padding-top: 25px; background: url(../imgs/vis_bg.jpg) no-repeat;}
	.body-left-bottom{width: 262px; height: auto; margin: 0px 0px 20px 0px; padding: 0px;}
	.body-left-bottom p{padding: 0px 8px 10px 10px; font-size:14px;}
	.body-left-bottom h1 {color: #fff; font-size:25px; margin:0px; clear:both; background-color:#0f78bc; padding: 5px; border-bottom: 3px solid #EA632E; }
		  .body-left-bottom a.contact{ text-decoration: none; color: #fff !important}
		  .body-left-bottom a.contact a:hover{ text-decoration: underline; color: #fff !important}
		
	#body-right{width: 650px; color: #777777; height: auto; margin: 15px 0px 20px 18px;_margin: 15px 0px 20px 0px; padding: 0px; float:left; background-color: #fff;}
		
   
/* ------------------------------------------------------------------------------ */	    
	     #body-right p.new { font-size:14px !important; color: #777777;}
	     /*#body-right img { margin: 0px 0px 10px 0px}*/ 
	     
	     .link-box{ width: auto; height: auto; float:left; margin: 0px 15px 0px -8px; padding:10px; font-size : 14px;color: #777}
	     .link-center{ width:100%; clear:both; margin:0 auto;}
		  	.link-box h2 { color:#f56624; padding-bottom:6px; _padding-bottom:0px; margin:0px; font-size: 18px !important;}
			.link-box a { color:#f56624;}
			.link-box img { margin:0px; padding:0px}
			.link-box div.box-top {width: 283px; min-height: 100px; background-image: url("../Welcome to MyClinicalTrial.com_files/images/link-box/box-top.gif"); background-position: top left; background-repeat: no-repeat;padding-top: 15px; font-size: 80%;}
			.link-box div.box-top div.box-middle{width: 283px; background-image: url("../Welcome to MyClinicalTrial.com_files/images/link-box/box-middle.gif"); background-position: center; background-repeat: repeat-y;}
			.link-box div.box-top div.box-inside{padding-left: 20px; width: 260px; font-size: 13px;}
			.link-box  div.box-top div.box-bottom{width: 283px;background : url(../imgs/link-box/box-bottom.gif) no-repeat;background-position : bottom; padding-top:15px;}	

/* ------------------------------------------------------------------------------ */
	         
	#body-right ul {font-size: 14px; display:block;  margin: 0px 20px 0px 10px; padding: 0px; }
	#body-right li,#body-right li a, #body-right li a:link{font-size: 14px;list-style-type: circle; padding: 0px 5px 0px 5px}	
	#body-right li a:hover{font-size: 14px; list-style-type:none; display:block; color:#fff !important; margin:0px !important; padding: 0px 5px 0px 5px}
		
		#body-right div.html-list ul{padding: 0px 5px 0px 0px; _padding: 0px 5px 0px 0px; list-style-type:disc;}
		#body-right div.html-list ul li{padding: 0px 0px 0px 0px; margin-left: 5px; list-style-type:disc;}
	    #body-right div.html-list ol{padding: 0px 5px 0px 13px; _padding: 0px 5px 0px 0px; list-style-type:disc;}
		#body-right div.html-list li{padding: 0px 0px 0px 0px; margin-left: 5px; list-style-type:decimal;}

	#body-right table, tr, td p {font-size: 14px !important; color: #777777 !important; line-height:18px; padding-left:5px}
	  #body-right strong.a {line-height: 22px; font-size:14px; color: #717174; font-weight:bold; margin: 0px 0px 5px 0px;padding: 0px;}
	   /*#body-right h3 {color: #717070; padding: 0px 0px 0px 0px !important;}*/
	   #body-right strong, b {color: #717174; padding: 10px 0px 15px 0px; clear: both}
	
#footer {width: 100%; max-width: 1680px; height: 214px; background:url(../imgs/footer_bg.jpg) no-repeat; margin:0px auto; padding:0px;}
	#footer p{ font-size:12px; color:#999; margin-top: 0px; padding: 0px; text-align:center;}
	.footer-left{width: 430px; height: 50px; margin:0px; padding: 5px 0px 0px 0px; float:left;}
	.footer-right{width: 490px; height: 50px; margin:0px; padding:0px; float:left; text-align:center;}
	.clearboth {clear:both;  height:1px;  margin:0; padding:0; font-size: 15px; line-height: 1px; background-color: #fff;}		

/* start button styles*/
.volunteer {width: 248px;height: 58px; margin: 0px 10px 2px 5px; _margin: 0px 7px 2px 2px; float:left;}
a.volunteer {display:block; background:url(../imgs/volunteer.jpg) no-repeat;}
/*a:hover.volunteer{display:block;  background:url(images/volunteer-hover.jpg) no-repeat;}*/

.investigator {width: 248px;height: 58px;margin: 0px 10px 0px 5px;float:left; _margin: 0px 7px 2px 2px;}
a.investigator {display:block; background:url(../imgs/investigator.jpg) no-repeat;}
/*a:hover.investigator{display:block;  background:url(images/investigator-hover.jpg) no-repeat;}*/

.sponsor {width: 248px;height: 58px;margin: 0px 0px 0px 5px;float:left; _margin: 0px 7px 2px 2px;}
a.sponsor {display:block; background:url(../imgs/sponsors.jpg) no-repeat;}
/*a:hover.sponsor{display:block;  background:url(images/sponsors-hover.jpg) no-repeat;}*/



/*Start Actions_tab styles */

.action2-wrap{width: auto; float:right; margin:10px 0px 10px 10px !important;}
.action2-wrap li { float:left !important; list-style: none;}
.action2-wrap li a { float:left !important; list-style: none;}
.action2-wrap .button{ clear: both;}
a.action2{display:block;float:left; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; /*color:#FFFFFF;*/ text-decoration:none; background:url(../imgs/action-btn.gif) no-repeat left top; height:32px; color: #222; padding: 0px !important; }
    a.action2 span {
        display: block!important;
        float: left!important;
        background: url(../imgs/action-btn.gif) no-repeat right top!important;
        height: 32px!important;
        padding: 0px 12px 0px 7px!important;
        margin-left: 4px!important;
        cursor: pointer!important;
        line-height: 31px!important;
        color: #fff !important;
        font-size: 12px!important;
        font-weight: bold!important;
    }

a.action2:hover{background-position:0px bottom!important; color:#fff !important; text-decoration:none!important; padding: 0px !important; margin: 0px !important;}
a.action2:hover span{background-position:right bottom !important; color:#fff !important;}
.action2_inside{width: 500px!important;height: 25px!important; margin:0 auto!important;text-align:center !important;}


/* ------------------------------------------------------------------------------ */


/* =2. End General styles
	 -----------------------------------------------------------------*/
	 
	 
/* =2. Start Text styles
	 -----------------------------------------------------------------*/

p {color: #777777;}
	
.carousel-caption h1, .carousel-caption h2 {
	color: #FFF;
}
.carousel-caption h2 {
    font-size: 2rem;
	line-height: 3rem;
}
h1 {color: #0f78bc;}
h2 {color: #0f78bc; }
h2.searchScreen { color: #0f78bc; font-size:20px; margin: 0px 0px 0px 0px; padding-bottom: 10px; width:635px; _width:615px}
h2.title {	font-family: "PT Sans Narrow";
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	color: #0f78bc;
	font-weight: 500;
	line-height: 26.4px;}
h3 {color: #717070;}
h4 { 
  font-size : 32px;
  color : #0973B8;
  color : rgb(9, 115, 184);}
h5 { width:247px; font-size:14px; color: #444; 
	font-weight:bold; 
	margin:0px; 
	padding: 5px 5px 5px 10px; 
	background-color: #bbb;
}
sup {
    top: -.8em !important;
    font-size: .9rem !important;
	font-weight: 600;
}
fieldset{ margin:0px; padding: 0px;}	
.form{margin:0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important;}

input{color:#707070;}
select { background-color: #f1f1f1; color: #000;}	

/*a:link, a:visited, a:active { color:#f46500;}*/
a:hover {color:#04578D; text-decoration:underline;}
img{border: 0 !important; background-color: none !important;}
strong, b {color: #717174}
input:focus, textarea:focus{background-color: #f1f1f1;}
.smaller a { color:rgba(244,123,32,1.00) ;}
.smaller a:hover { color: rgba(9,115,185,1.00) ;}
a.action { vertical-align:middle; margin-top:5px;}

table.form{border-bottom:1px dotted #fff}
table.form tr{border-bottom:1px dotted #fff}
table.form td{border-bottom:1px dotted #fff}

table.links{ font-size:14px; color:#777;  margin:0px; padding: 0px; width: 600px; background-color:#fff}
table.links tr { padding:0px 0px 0px 0px;}
table.links td a, td a:link { color:#777 !important; }
table.links td a:hover{ color: #F60 !important; padding:0px !important; margin:0px !important;}
table.links p{padding: 0px 0px 0px 10px; color:#777 !important;}
/*End Global Styles*/
/*----------------*/



span.required{color:Red}
/* =2. End Text styles
	 -----------------------------------------------------------------*/


/* =3. Start Side navigation 
   --------------------------------------------------------------------*/
#nav a:hover {color:#333; text-decoration:none; height: 25px;}
#nav ul{
padding-left: 0;
margin: 0px auto;
/*background:#0673ba url(../imgs/navigation_bg.jpg) repeat-x;*/
}

#nav ul li {
    display: inline;
    line-height: 18px;
    /*background-image: -webkit-linear-gradient(274deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);
    background-image: -moz-linear-gradient(274deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);
    background-image: -o-linear-gradient(274deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);
    background-image: linear-gradient(176deg,rgba(48,157,213,1.00) 0%,rgba(16,120,181,1.00) 100%);*/
}

#nav ul li a {
  /*font-size: 1rem;*/
  font-weight: 300;
  padding: 10px 15px 1px 15px;
  /*border-right: 1px solid #ffffff;*/
  text-decoration: none;
  display: inline;
  height: 33px;
  float: left;
  color:#fff;
}
#nav ul li a::after {
/*display: block;*/
margin: -20px 0px 0px 124%;
width: 1px;
height: 90%;
background: #FFF none repeat scroll 0% 0%;
content: "";
}
/*#nav ul li:first-child a {
 background-image: none;    
}
*/
#nav ul li a:hover{ 
color: #CFE7ED;
float:left;
/*background: url(../imgs/active.jpg) repeat-x;*/
height: 25px;
padding: 10px 15px 1px 15px;
}

#nav ul li .active { 
/*font-size: 1rem;
color: #CFE7ED;*/
font-weight: 600;
height: 33px;
float:left;
/*background: url(../imgs/active.jpg) repeat-x;*/
padding: 10px 15px 1px 15px;
margin: 0px;

}
.main-body {
	display: block;
	float: right;
	width: 65%;
}
.orange-nav {
	background-color: rgba(244,123,32,1.00);
	display: block;
    height: 100%;
	width: 30%;
	float: left;
	padding: 6px 0 20px 0;
	background-image: -webkit-linear-gradient(180deg,rgba(247,147,30,1.00) 0%,rgba(234,99,46,1.00) 100%);
	background-image: -moz-linear-gradient(180deg,rgba(247,147,30,1.00) 0%,rgba(234,99,46,1.00) 100%);
	background-image: -o-linear-gradient(180deg,rgba(247,147,30,1.00) 0%,rgba(234,99,46,1.00) 100%);
	background-image: linear-gradient(270deg,rgba(247,147,30,1.00) 0%,rgba(234,99,46,1.00) 100%);
}
.blue-nav {
	display: block;
	width: 98%;
	margin: 4px;
	color: #FFF;
	padding: 8px 12px;
	background-image: -webkit-linear-gradient(0deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
}
.blue-nav a {
	display: block;
	/*width: 28%;*/
	margin: 2px;
	color: #FFF;
	padding: 8px 12px;
	background-image: -webkit-linear-gradient(0deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(0,91,151,1.00) 0%,rgba(48,157,213,1.00) 100%);
}
.blue-nav a:hover {
	color: rgba(199,210,212,1.00);
}
/* =3. End Side navigation 
   --------------------------------------------------------------------*/
.slide-1 {
    background-image: url(../imgs/slide-1.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height: 500px;
}
.slide-2 {
    background-image: url(../imgs/slide-2.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height: 500px;
}
.slide-3 {
    background-image: url(../imgs/slide-3.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height: 500px;
}
.slide-4 {
    background-image: url(../imgs/slide-4.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height: 500px;
}
.slide-5 {
    background-image: url(../imgs/slide-5.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height: 500px;
}
.slide-6 {
    background-image: url(../imgs/slide-6.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height: 500px;
}
.slide-7 {
    background-image: url(../imgs/slide-7.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	height: 500px;
}

/* =3. Begin List
   --------------------------------------------------------------------*/
.list-left {
width:200px;
height:auto;
margin:0px 0px 0px 40px;
padding:5px;
background-color:#fff;
}

.list-right{
width:200px;
height:auto;
margin:0px 0px 0px 0px;
padding:5px;
background-color:#fff;
line-height: 15px;
float:left;
clear:right;
}

.list-left li{

font-size:14px;
line-height:16px;

}
.list-right li{

font-size:14px;
line-height:16px;
}

/* =3. End List
   --------------------------------------------------------------------*/

.clearright {
    clear:right;
}

.title {
/*margin: 10px;*/
	color: #0973B8;
}
.check {
margin: 10px;
}	
	
.columnStd2
{
	text-align:left;
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	color: #58595B;
}
.columnStd3
{
	text-align:left;
	padding: 10px 10px 10px 0px;
	font-size: 14px;
	color: #58595B;
	
}
.columnStd2 label
{
	width:255px;
	color: #58595B;
}
.columnStd2 input
{
	width: 250px;
}
.columnStd2 input.submit
{
	width: auto;
}
.columnStd2 span
{
	vertical-align:top;
	width: 200px;
	
}
.columnStd2 span input
{
	width:25px;
	
}
.columnStd3 label
{
	width:235px;
	color: #58595B;
	
}
.columnStd3 input
{
	width: 150px;
	
}

.ContactTypeList
{
	
}
.ContactTypeList label
{
	width: 200px  !important;
	float:none;
}
.ContactTypeList input
{
	width: 16px !important;
	float:none;
}
.LegalDiv label
{
	width: 0px;
	float:none;
	vertical-align:middle;
}
.LegalDiv input
{
	width: 20px;
	float:none;
	vertical-align:middle;
}
.SubmitButtons input
{
	width: 75px;
}


.PortalContents div.columnStd2 label
{
	width:200px !important;
	color:#555555;
	float:left;
}
.PortalContents div.columnStd2 .ContactTypeList label
{
	width: 0px !important;
	float:none;
}
.PortalContents div.columnStd2 input
{
	width: 250px;
	
}
.address
{
	width:600px;
}
.address input
{
	
}
.address div label.StdLabel
{
	width: 50px;
    float:left;
    vertical-align:middle;
}
.address div.StdDiv
{
	width: 260px;
    float:left;
}
.address div{
    width: 150px;
    float:left;
    vertical-align:middle;
}
.address div input{
    width:75px;
}
.address div label{
    width: 50px;
    display:block;
    float:left;
}

.box
{
	background-color:White;
}

.required
{
	color:Red;
}

td.b{ width:180px; color:#777777; border-bottom:1px solid #e9e9e9}
td.a { width:180px; border-bottom:1px solid #aaa; color:#777777}
td.backtotop { width:620px; border-bottom:1px dotted #333; color:#777777}
tr,td li{color:#777777}

/*Start Posting table styles*/
table.posting{ font-size:14px; color:#777; padding: 0px 0px 0px 25px; background-color:Aqua; width: 670px}
table.posting tr{ width:450px; font-size:14px; color:#777;}
table.posting td{ width:200px; font-size:14px; color:#777;}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.modalPopup {
    background-color:#ffffdd;
    width:550px;
    top: 20px;
}
.modalPopupContainer
{
	border-left: 2px solid #373DEE;
	border-right: 2px solid #373DEE;
	border-bottom: 2px solid #373DEE;
	margin-top:0px;
	padding:5px;
}
.bigmodalPopup {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:720px;
    height:600px;
    overflow:scroll;
}
.bigmodalPopup div.left{
    background-image: url(../imgs/left-popup-header.jpg);
    width:7px;
    float:left;
    height: 27px;
    font-size:12pt;
    margin-right: -2px;
    background-position:left top;
}
.bigmodalPopup div.right{
    background-image: url(../imgs/right-popup-header.jpg);
    width:687px;
    background-position:right top;
    background-repeat:no-repeat;
    float:left;
    font-size:12pt;
    font-weight: bold;
    color: White;
    padding-top: 7px;
   
}

.modalPopup div.left{
    background-image: url(../imgs/left-popup-header.jpg);
    width:7px;
    float:left;
    height: 27px;
    height: 26px;
    font-size:12pt;
    background-position:left top;
}
.CancelButton
{
	background-image: url(../imgs/cancel.jpg);
	width:24px;
	background-repeat:no-repeat;
	height:23px;
	margin-top: -24px;
	margin-right: 5px;
	float:right;
}
.NavButtons {
	float: right;
    display: -webkit-inline-box;
    /* margin-top: -105px; */
    /* margin-right: 20px; */
}
.btn-register {
    margin-top: 3%;
    margin-right: 10px;
    margin-left: 10px;
    /* margin-bottom: 10px; */
    padding: 6px 10px;
    background-color: #0f78bc;
    font-size: 14px;
}
.btn-register a, .btn-register a:link {
    color: #FFFFFF;
	margin: 0 10px;
}
.btn-register:hover {
   /* background-color: #0f78bc;*/
    background-color:#179CF3;
    border-color: rgba(26,135,207,1.00);
    border-radius: 4px;
}
 
.btn-register a:visited, .btn-register a:active {
    color:#CFE7ED;
    text-decoration: none;
}
.modalPopup div.right{
    background-image: url(../imgs/right-popup-header.jpg);
    width:543px;
    background-position:right top;
    background-repeat:no-repeat;
    float:left;
    font-size:12pt;
    font-weight: bold;
    color: White;
    padding-top: 7px;
   
}
.modalBackground {
    background-color:Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}


.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
/*End Posting table styles*/
.generalContent
{
	margin-left: 20px;
}
.MainContentPanel
{
	margin: 20px 20px 20px 0px;
}
.MainContentPanel h3
{
	margin: 0px;
	color:#fff;
	background-color:#0f78bc;
	padding: 5px 0px 5px 5px;
	border-bottom: 2px solid #f17132;
}

.MainContentPanel h4
{
	margin: 0px;
	color:#000;
	background-color:#bbbbbb;
	padding: 5px 0px 5px 5px;

}
.MainContentPanel div
{
	margin: 6px 6px 12px 0px;
	font-size: 14px;
}
.MainContentPanel div li
{
list-style-type:disc;
	}

.SiteContactInfo
{
	font-weight:bold;
	padding: 20px 20px 20px 0px;
	font-size: 14px;
}

.SiteContactInfo
{
	color: #58595B;
	font-size:14px;
}

.SiteContactInfo label
{
	width: 175px;
	float:left;
	clear:both;

}
.SiteContactInfo div
{
	width: 400px;
	float:left;
}
.Message
{
	color:Red;
	
}
.MessageDiv
{
	
}
.SearchColumn
{
	float:left;
	width: 300px;
	text-align:left;
}
.SearchColumnL
{
	float:left;
	width: 300px;
	text-align:left;
	
}
.SearchTabs li
{
	list-style-image:none;
	float:left;
	margin-left: 10px;
	border: 1px solid silver;
	/*padding: 7px !important;*/	
	background-color:#0f78bc;
	/*border:none;*/
	color:#fff !important;
}
.SearchTabs li.selected
{
	background-color: #898989;
	color:#fff !important;
	border:none;
	text-decoration:none;

}
.SearchTabs li a
{
	text-decoration:none;
	color:#fff !important;
	padding: 7px  !important;
	border:none;
}
.SearchTabs ul
{
	clear:both;
}
.TabContainer
{
	border: 1px solid silver;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.disable
{
	background-color:GrayText;
}
.trial_summary {
	/*font-size:larger;	*/
	background-color:#444;
	display:block;
	color: #fff;
	padding: 5px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	/*_padding: 0px 10px 10px 15px;*/
	border-bottom: 2px solid #f17132;
}

.trial_summary a {
	color:#fff;
	font-size: 15px;
}
.trial_summary a:active,.trial_summary a:visited {
	color: #fff;
}
.trial_summary a:hover {
	color: orange;
}
.trial_summary p{ padding: 10px;}	

.TrialsGovListing
{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 0px 0px 10px 0px;
}
.TrialsGovListing strong
{
	margin: 0px;
	padding:0px 0px 0px 0px !important;
}
.TrialsGovListing p
{
	margin-left: 5px !important;
	margin-right: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-left: 10px !important;
}
/*styles for lists*/
div.bigfont{background-color: #f9f9f9; margin: 0px; padding: 0px; hight:auto; width:100%; color: #333;}
.bigfont table.links td a{color:#fff !important; padding: 0px 10px 0px 0px;}
.bigfont table{width: 100%;}
div.post_top{ background-color: #0f78bc; padding: 5px 10px 8px 3px; margin:0px; width: 100%; color: #fff; font-size: 18px; border-bottom: 2px solid #f36523}
.post_top a:link,.post_top a:link,.post_top a:visited,.post_top a:active {color:#fff !important; padding: 0px 10px 0px 10px !important;}
.post_top a:hover{color:#ccc !important; padding: 0px 10px 0px 10px !important;}

.bigfont2 {background-color: #f9f9f9; padding: 10px 10px 10px 10px}
.bigfont2 tr, td li p{color: #000}
	
.smallbox{ border: none;}
/*Form style 08-12-09*/

    .form-wrap{ background-color:#fbfbfb; width:630px; height:auto;}
	#body-right h4 { background-color:#0f78bc; color:#fff; margin: 0px 0px 20px 0px; border-bottom: 2px solid #EA632E;padding:10px 0 10px 10px;}
	#body-right h4.larger-header {font-size: 1.7em;}
	
	#body-right .form_left { width:310px !important; height:auto; background-color:#fbfbfb; float:left;padding-bottom:10px; _padding: 0px 0px 10px 0px;  vertical-align: text-top}	
	#body-right .form_left input div.watermark{ margin: 3px 0px 0px 5px !important;}
	
	#body-right .form_right{ width:310px !important; height:auto; background-color:#fbfbfb; float:left; padding-bottom:10px; vertical-align: text-top}
    
    #body-right .form_bottom { width:100%; height:auto; background-color:#fbfbfb; float:left; _margin: 0px 0px 0px 0px; padding-bottom:10px;  vertical-align: text-top}
	#body-right .form_left img, #body-right .form_left img a{ vertical-align: inherit; outline: none;}
		
		#body-right .form_left h4{width:295px; background-color:#0f78bc; color:#fff; float:left; margin: 0px 0px 20px 0px; 
		padding:5px 0px 5px 5px; border-bottom: 2px solid #EA632E;}
		#body-right .form_right h4 {width:300px; background-color:#0f78bc; color:#fff; float:left; margin: 0px 0px 20px 0px; 
		padding:5px; border-bottom: 2px solid #EA632E;}
		#body-right .form_left label{font-size: 12px !important}
		#body-right .form_right label {font-size: 12px !important}
	
	
/* ------------------------------------------------------------------------------ */

#text {margin:50px auto; width:500px; font-size:10px !important}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer;}

#tt {position:absolute; display:block; background:url(../imgs/popup/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../imgs/popup/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../imgs/popup/tt_bottom.gif) top right no-repeat; overflow:hidden}

.protocolSearchDiv
{
    width: 600px;
    background-color: #cfcfcf;
    padding:5px 0px 10px 5px;
    overflow:hidden;
}

/* ------------------------------------Protocol Search Button Styles--------------------------------------------- */

.protocolSearchDiv input{float:left}
.protocolSearchDiv .hotspot{float:left; margin: 3px 0px 0px 5px; outline: none !important; border: none;}

.protocolSearchDiv a.action{display:block;float:left; font-size:10px; text-decoration:none; background:url(../imgs/action-btn-small.gif) no-repeat left top; height:21px; color: #222; padding: 0px !important; margin: 0px 0px 0px 5px;}
.protocolSearchDiv a.action span{display:block; float:left; background:url(../imgs/action-btn-small.gif) no-repeat right top; height:21px; padding: 0px 12px 0px 5px; cursor:pointer; line-height: 20px;color:#fff !important; font-size: 12px; font-weight:bold}

.protocolSearchDiv a.action:hover{background-position:0px bottom; color:#fff !important; text-decoration:none; padding: 0px !important; }
.protocolSearchDiv a.action:hover span{background-position:right bottom; color:#fff !important}

.hotspot{ margin: 3px 0px 0px 5px; outline: none !important; border: none;}

/* ------------------------------------End Protocol Search Button Styles------------------------------------------ */


#ExclusionMain label, #InclusionMain label{float:left}
#ExclusionMain .hotspot, #InclusionMain .hotspot{float:left; margin: 3px 0px 0px 5px; outline: none !important; border: none;}

#ExclusionMain a.action, #InclusionMain a.action{display:block;float:left; font-size:10px; text-decoration:none; background:url(../imgs/action-btn-small2.gif) no-repeat left top; height:21px; color: #222; padding: 0px !important; margin: 0px 0px 0px 5px;}
#ExclusionMain a.action span, #InclusionMain a.action span{display:block; float:left; background:url(../imgs/action-btn-small2.gif) no-repeat right top; height:21px; padding: 0px 12px 0px 6px; cursor:pointer; line-height: 20px;color:#fff !important; font-size: 12px; font-weight:bold}

#ExclusionMain a.action:hover, #InclusionMain a.action:hover{background-position:0px bottom; color:#ffffff !important; text-decoration:none; padding: 0px !important; }
#ExclusionMain a.action:hover span, #InclusionMain a.action:hover span{background-position:right bottom; color:#fff !important}

/* ------------------------------------New class for Inclusion and Exclusion style--------------------------------------------- */

	#ExclusionMain .IE-delete label, #InclusionMain .IE-delete label{ width:250px; font-size: 12px; float: left; border-bottom: 1px dashed silver;}

	#ExclusionMain a.action-small, #InclusionMain a.action-small{display:block;float:left; font-size:10px; text-decoration:none; background:url(../imgs/action-btn-small2.gif) no-repeat left top; height:21px; color: #222; padding: 0px !important; margin: 0px 0px 0px 5px;}
	#ExclusionMain a.action-small span, #InclusionMain a.action-small span{display:block; float:left; background:url(../imgs/action-btn-small2.gif) no-repeat right top; height:21px; padding: 0px 12px 0px 6px; cursor:pointer; line-height: 20px;color:#fff !important; font-size: 12px; font-weight:bold}

	#ExclusionMain a.action-small:hover, #InclusionMain a.action-small:hover{background-position:0px bottom; color:#fff !important; text-decoration:none; padding: 0px !important; }
	#ExclusionMain a.action-small:hover span, #InclusionMain a.action-small:hover span{background-position:right bottom; color:#fff !important}


/* ------------------------------------End New class for Inclusion and Exclusion style--------------------------------------------- */


.floatl{ float:left;}
.form-left{margin-left: 5px;}

.listing-trial-wrap{ font-size:14px; color:#777;  margin:0px; padding: 0px; width: 600px; border:1px solid #f1f1f1;}
.listing-trial{ font-size:14px; color:#777;  margin:0px; padding: 0px; width: 600px}
.listing-trial tr { padding:0px; }
.listing-trial th { padding:5px; color:#fff; background-color: #0f78bc}
.listing-trial td { padding:5px; color:#000; background-color: #fafafa}
.listing-trial td a, td a:link { color:#777 !important; }
.listing-trial td a:hover{ color: #F60 !important; padding:0px !important; margin:0px !important;}

.form-other {
	line-height: 1.4em;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-size: 1em;
	color: #777777;
}

.form-other { padding-left:10px;  height:auto;}

.form-other label {text-align:left; width:150px !important; }
.form-other label.smaller { width: 120px;}

.form-other input { margin: 0px 0px 0px 0px; background-color:#fff; width: 225px;}
.form-other input.smaller { margin: 0px 4px 0px 0px; background-color:#fff; width: 150px;}
.form-other input.zipclass { margin: 0px 0px 0px 0px; background-color:#fff; width: 70px;}

.form-other .submit { height:20px; background-color: #555; width:auto; color:#fff; line-height:10px;}
.form-other textarea { margin:0px; width:275px; height: 80px; background-color:#ffffff; clear:right !important; }
.form-other .check input, .radio input { margin: 0px; width:30px !important;background-color:#fff; /*width: auto;*/}
.form-other .check{ position:relative; text-align:left; margin: 0px 0px 5px 0px;}
.form-other .check label{float:none;width:auto !important;}
.form-other .radio { position:relative; text-align:left; width:none;}
.form-other select { margin: 0px 0px 5px 0px; color: #444;background: #ccc;}
.form-other select option { margin: 2px; color: #000;background: #ccc;}
.form-other h1,.form h2,.form h3,.form h4,.form h5,.form h6{ background-color:#fff}
.form-other .StdDiv {width:150px}
#address
{
	width: 635px;
}
#address div label.StdLabel
{
	width: 50px;
    float:left;
}
#address div.StdDiv
{
	width: 326px;
    float:left;
}
#address div.StdDiv input{
    width:155px;
}
#address div{
    width: 140px;
    float:left;
}
#address div input{
    width:65px;
}
#address div label{
    width: 50px;
    display:block;
    float:left;
}
div.PostInclusion li, div.PostInclusion li a{ list-style-type:disc !important; margin-left:10px;}
div.PostHeader li, div.PostHeader li a{ list-style-type:disc !important; margin-left:20px;}


.featured span
{
margin:0;
padding:0;
height:180px;
overflow:auto;
display:block;
}

.featuredLeft span
{
margin:0;
padding:0;
height:210px;
overflow:auto;
display:block;
}

.imgMediaBudget input
{
    Width :32px!important ;
    Height:32px!important;
}
@media only screen and (max-width: 520px) {
    /* For mobile phones: */
	.navigation{
	float: right;
    /*height: 60px;*/
	}
	li {
    /*line-height: 1.75em; 
    padding: 0; */
    list-style: none;
	}
	#nav ul {
    padding-left: 0;
    padding-top: 0;
    margin: 0px auto;
	}
	#nav ul li .active {
    font-weight: 600;
    height: inherit;
    float: none;
	padding: 10px 15px 1px 6px;
    /*margin: 0px;*/ 
	}
	#nav ul li {
	border-bottom: 1px solid #ffffff;
	display: block;
    line-height: 16px;
	padding: 12px 0 0 12px;
	}
	#nav ul li a {
	padding: 6px;
	/*border-bottom: 1px solid #ffffff;
	display: inline;
	height: 33px;*/
	float: none;
	}
	#nav ul li a::after, #nav ul li .active::after {
    display: block; 
    margin: 0px; 
	height: 100%;
    /*width: 1px;
    height: 90%;
    background: #FFF none repeat scroll 0% 0%;
    content: "";*/
	}
	.btn-register {
    margin-top: 2%;
    margin-right: 4px;
    margin-left: 4px;
    padding: 4px;
    font-size: .8rem;
	}
	.search-button {
    width: 100%;
    height: 34px;
	margin: 0px;
	float: left;
	}
	a.search-button {
    background-position: 98% 0%;
    background-size: 26px 24px;
	}
	.orange-nav{
	width: 100%;
	}
	.blue-nav {
	/*display: inline-block;*/
	}
	.main-body {
    width: 100%;
    margin: 0 8px 0 12px;
    float: none;
	}
	.navbar-default {
    margin-top: 28px;
	}
	navbar {
	height: 32px;
	}
	.slide-1 {
    background-position: 80% 50%;
	}
	.carousel-caption h2 {
    font-size: 1.75rem;
	line-height: 2rem;
}
}
@media only screen and (min-width: 521px) and (max-width: 768px) {
    /* For mobile phones: */
    .orange-nav {
    display: inline-block;
	width: 100%;
	padding: 4px 0 4px 0;	
	}
	.blue-nav {
	display: inline-block;
    width: 31%;
	}
	.main-body {
    width: 100%;
    margin: 0 8px 0 12px;
    float: none;
	}
	.navbar-default {
    margin-top: 38px;
	}
	navbar {
	height: 32px;
	}
}
@media only screen and (min-width: 769px) and (max-width: 900px) {
    /* For mobile phones: */
    .orange-nav {
    display: inline-block;
	width: 100%;
	padding: 4px 0 4px 0;	
	}
	.blue-nav {
	display: inline-block;
	width: 29%;
	}
	.main-body {
    width: 100%;
    margin: 0 8px 0 12px;
    float: none;
	}
}
@media only screen and (min-width: 901px) and (max-width: 1200px) {
	/* For mobile phones: */

}