/* Reset CSS
----------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  color: #434343;
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.questionnaire-details table {
  border:1px solid #E3E3E3;
  text-align:center;
}

/* Headers
----------------------------------------------------------------------------------------------------*/

h1 {
  border-bottom: 5px solid #f4f5f8;
  margin-bottom: 20px;
}

h1.title {
  border-bottom: none;
  margin: 34px 0 0 27px;
  position: absolute;
  z-index: 1;
}

h1.title.drop {
  border-bottom: none;
  top: 36px;
  left: 29px;
  margin: 0;
  z-index: 0;
}

/* Tags
----------------------------------------------------------------------------------------------------*/

p {
  margin-bottom: 5px;
}

p, li {
  font-size: 87.5%;
  line-height: 145%;
}

p.intro {
  font-size: 100%;
  line-height: 140%;
}

.center {
  text-align: center;
}

.top-margin {
  margin-top: 20px;
}

/* Links
----------------------------------------------------------------------------------------------------*/

a, p.expand {
  text-decoration: underline;
  color: #2193ce;
  cursor: pointer;
}


/* Body
----------------------------------------------------------------------------------------------------*/
body {
  background: #fff url(../images/background.png) repeat-x;
  margin: 0;
  padding: 0;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;


}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0 !important;
}

.omega {
  margin-right: 0 !important;
}



/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,.grid_12{
  display:inline;
  float: left;
  position: relative;
  margin-left: 10.0px;
  margin-right: 10.0px;
}


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1{
  width:60px;
}

.container_12 .grid_2{
  width:140px;
}

.container_12 .grid_3{
  width:220px;
}

.container_12 .grid_4{
  width:300px;
}

.container_12 .grid_5{
  width:380px;
}

.container_12 .grid_6{
  width:460px;
}

.container_12 .grid_7{
  width:540px;
}

.container_12 .grid_8{
  width:620px;
}

.container_12 .grid_9{
  width:700px;
}

.container_12 .grid_10{
  width:780px;
}

.container_12 .grid_11{
  width:860px;
}

.container_12 .grid_12{
  width:940px;
}





/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left:80px;
}

.container_12 .prefix_2 {
  padding-left:160px;
}

.container_12 .prefix_3 {
  padding-left:240px;
}

.container_12 .prefix_4 {
  padding-left:320px;
}

.container_12 .prefix_5 {
  padding-left:400px;
}

.container_12 .prefix_6 {
  padding-left:480px;
}

.container_12 .prefix_7 {
  padding-left:560px;
}

.container_12 .prefix_8 {
  padding-left:640px;
}

.container_12 .prefix_9 {
  padding-left:720px;
}

.container_12 .prefix_10 {
  padding-left:800px;
}

.container_12 .prefix_11 {
  padding-left:880px;
}

.container_12 .prefix_12 {
  padding-left:960px;
}



/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right:80px;
}

.container_12 .suffix_2 {
  padding-right:160px;
}

.container_12 .suffix_3 {
  padding-right:240px;
}

.container_12 .suffix_4 {
  padding-right:320px;
}

.container_12 .suffix_5 {
  padding-right:400px;
}

.container_12 .suffix_6 {
  padding-right:480px;
}

.container_12 .suffix_7 {
  padding-right:560px;
}

.container_12 .suffix_8 {
  padding-right:640px;
}

.container_12 .suffix_9 {
  padding-right:720px;
}

.container_12 .suffix_10 {
  padding-right:800px;
}

.container_12 .suffix_11 {
  padding-right:880px;
}

.container_12 .suffix_12 {
  padding-right:960px;
}



/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left:80px;
}

.container_12 .push_2 {
  left:160px;
}

.container_12 .push_3 {
  left:240px;
}

.container_12 .push_4 {
  left:320px;
}

.container_12 .push_5 {
  left:400px;
}

.container_12 .push_6 {
  left:480px;
}

.container_12 .push_7 {
  left:560px;
}

.container_12 .push_8 {
  left:640px;
}

.container_12 .push_9 {
  left:720px;
}

.container_12 .push_10 {
  left:800px;
}

.container_12 .push_11 {
  left:880px;
}

.container_12 .push_12 {
  left:960px;
}





/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  right:80px;
}

.container_12 .pull_2 {
  right:160px;
}

.container_12 .pull_3 {
  right:240px;
}

.container_12 .pull_4 {
  right:320px;
}

.container_12 .pull_5 {
  right:400px;
}

.container_12 .pull_6 {
  right:480px;
}

.container_12 .pull_7 {
  right:560px;
}

.container_12 .pull_8 {
  right:640px;
}

.container_12 .pull_9 {
  right:720px;
}

.container_12 .pull_10 {
  right:800px;
}

.container_12 .pull_11 {
  right:880px;
}

.container_12 .pull_12 {
  right:960px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}


.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

.clearboth {
  clear: both;
}

/* Top navigation
----------------------------------------------------------------------------------------------------*/
#header {
  height: 95px;
  margin-top: 20px;
  position: relative;
  z-index: 1;
}

#header div {
  margin-right: 0;
}

#nav {
  width: 640px;
}

ul#navigation {
  margin-top: 20px;
  padding: 0;
}

ul#navigation li {
  list-style-type: none;
  float: left;
  height: 35px;
}

ul#navigation li a {
  display: block;
  background: url(../images/nav.png) no-repeat;
  height: 35px;
}

ul#navigation li ul li a, ul#navigation li ul li a:hover {
  background: none;
}

ul#navigation li ul li a:hover {
  text-decoration: underline;
}

ul#navigation li a:hover {
  background: url(../images/nav-hover.png) no-repeat;
}

ul#navigation li a.hover-state {
  background: url(../images/nav-hover.png) no-repeat;
}

ul#navigation li.join a{
  background-position: 0px 0px;
  width: 130px;
}

ul#navigation li.participants a{
  background-position: -130px 0px;
  width: 125px;
}

ul#navigation li.researchers a{
  background-position: -255px 0px;
  width: 125px;
}

ul#navigation li.physicians a{
  background-position: -381px 0px;
  width: 109px;
}

ul#navigation li.help a{
  background-position: -490px 0px;
  width: 58px;
}


ul#navigation li.contact a{
  background-position: -548px 0px;
  width: 91px;
}


ul#navigation.dropdown ul {
  border: 2px solid #3fb7da;
  background: #74caed;
  width: 170px;
  margin-top: -1px;
}

ul#navigation.dropdown ul li {
  clear: both;
  font-weight: normal;
  background: url("../images/submenu-rule.png") no-repeat scroll 10px 100% transparent;
  width: 160px;
}

ul#navigation.dropdown ul li.last {
  background: none;
}

ul#navigation.dropdown ul li a{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  margin: 8px 0 0 10px;
  width: auto;

}


/* Center column
----------------------------------------------------------------------------------------------------*/

#content {
  background: url(../images/ctr-bdr.png) no-repeat;
  min-height: 924px;
  position: relative;
  z-index: 0;
}


#content-header {
  background: url(../images/header-background.png) no-repeat;
  height: 112px;
  margin-top: 10px;
  width: 940px;
}

#content-header img.page-title {
  margin: 40px 0 0 27px;
}

#left-col {
  background: #fff url(../images/left-col-background.png) no-repeat;
  min-height: 510px;
  margin-right: 0;
  width: 220px;
}

#breadcrumb-bar {
  background: #fff url(../images/bc-background.png) no-repeat;
  margin-left: 0;
  margin-right: 0;
  min-height: 40px;
  width: 720px;
}

#main-col-wrapper {
  background:  url(../images/ctr-bdr-rb.png) no-repeat right bottom;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 30px;
  min-height: 762px;
  padding: 0 1px 20px 0;
  width: 720px;
}

.front #main-col-wrapper {
  min-height: 0;
}

#main-col {
  background:  url(../images/ctr-content-rb.png) no-repeat top right;
  margin-left: 0;
  margin-right: 0;
  min-height: 430px;
  width: 720px;
}

#main-col-content {
  margin: 30px 40px 0 40px;
}

#main-col-content ol {
  margin-left: 40px;
}

div.list {
  border: 5px solid #f4f5f8;
  padding: 20px 30px;
  margin: 20px 0;
}

.air div.list {
  height: 200px;
  overflow-y: scroll;
}

div.list ul {
  list-style-type: disc;
  margin-left: 15px;
}

.consent div.list ul,
.consent div.list ol {
  margin: 10px 30px;
}


div.list h3 {
  margin-top: 20px;
}

#main-col-content li {
  margin: 5px 0;
}

#main-col-content ol li {
  margin: 10px 0;
}

div.grid_indent {
  margin-left: 20px;
  margin-bottom: 20px;
  width: 590px;
}

.header-bg {
  background: url(../images/h3-background.png) no-repeat transparent;
  padding-left:20px;
  padding-top:5px;
}


img.float-left {
  border:2px solid #E2E2E2;
  float:left;
  margin:10px 10px 10px 0;
  padding:10px;
}

img.float-right {
  border:2px solid #E2E2E2;
  float:right;
  margin:10px 0px 10px 10px;
  padding:10px;
}

.front img.float-left,
.front img.float-right {
  padding: 5px;
  margin-top: 0px;
}

/* Left Navigation
----------------------------------------------------------------------------------------------------*/

#left-nav {

}

#left-nav ul.left-menu {
  margin:60px 0 0;
}

#left-nav ul.left-menu li{
  background: url(../images/left-nav-rule.png) no-repeat bottom right transparent;
}

#left-nav ul.left-menu li a{
  display:block;
  height:35px;
  padding:20px 0 0 30px;
  text-decoration: none;
}

#left-nav ul.left-menu li a.active{
  background: url(../images/left-active-bg.png) no-repeat 100% transparent;
  font-weight: bold;
  color: #555555;
}

#left-nav ul.left-menu li a:hover{
  background: url(../images/left-active-bg.png) no-repeat 100% transparent;
}


/* Footer
----------------------------------------------------------------------------------------------------*/

#footer {
  clear: both;
  margin: 20px auto;
}

#footer ul.footer-menu {
  margin: 0 auto;
  padding: 20px 0;
  width: 630px;
}

#footer ul.footer-menu li{
  float: left;
  border-right: 1px solid #0083c7;
}

#footer ul.footer-menu li.last {
  border: none;
}

#footer ul.footer-menu li a{
  padding:0 30px;
  text-decoration: none;
}

#footer ul.footer-menu li a:hover{
  text-decoration: underline;
}

/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/



#breadcrumb-bar ul.breadcrumb {
  margin: 0 0 0 40px;
  padding: 12px 0;
}

#breadcrumb-bar ul.breadcrumb li{
  float: left;
  padding-left: 5px;
}


#breadcrumb-bar ul.breadcrumb li {
  font-size: 80%;
  text-decoration: none;
}

#breadcrumb-bar ul.breadcrumb li a {
  text-decoration: none;
}
#breadcrumb-bar ul.breadcrumb li a:hover{
  text-decoration: underline;
}


/* Buttons
----------------------------------------------------------------------------------------------------*/

.button-enroll {
  background: url(../images/enroll-now.png) no-repeat transparent;
  display: block;
  height: 34px;
  width: 241px;
  margin: 0 auto;
}

.button-consent {
  background: url(../images/consent.png) no-repeat transparent;
  display: block;
  height: 34px;
  width: 241px;
  margin: 0 auto;
}

/* Home
----------------------------------------------------------------------------------------------------*/

#leader {
  background: url(../images/leader.png) repeat-x;
  height: 280px;
  margin-top: 10px;
}

#leader-top {
  position: absolute;
  top: 50px;
  left: 50px;
}

#leader-left {
  float: left;
  width: 690px;
}

#blocks {
  margin: 140px 0 0 60px;
}

#leader-right {
  background: url(../images/hip.png);
  width: 248px;
  height: 298px;
  float: right;
  padding-right: 1px;
}

#main-wrapper {
  background: url(../images/blue-main.png) no-repeat;
  min-height: 486px;
}

.front #main-col-wrapper {
  margin-left: 1px;
  padding-right: 0px;
  width: 690px;
}

.front #main-col {
  background: url("../images/gray-main.png") no-repeat scroll right top;
  width: 691px;
}

.front #main-col .content-area {
  background: url("../images/about-bg.png") no-repeat scroll 0 0;
  min-height: 300px;
}

#right-col {
  float: left;
  width: 249px;
  background: url(../images/blue-main-rt.png) no-repeat 100% 0px;
  min-height: 500px;
}

#right-col .content-area-wrap {
  background: url(../images/rt-col-bg.png) repeat-x;
  width: 248px;
}

#right-col .content-area {
  padding: 10px 20px;
}

#news-header {
  background: #c8ecf4;
  height: 42px;
  margin-top: 18px;
  width: 248px;
}

#news-header h3 {
  margin-left: 20px;
}

#news-header .rule {
  border-top: 1px solid #f1fafc;
  width: 240px;
  margin: 2px;
  float: left;
}

#right-col ul li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #a5a5a5;
}

#right-col ul li.last {
  border-bottom: none;
}

ul.news li {
  color: #0083c7;
}

ul.research li a {
  color: #434343;
  text-decoration: none;
}

ul.research li a:hover {
  color: #0083c7;
  text-decoration: underline;
}

.block {
  background: url(../images/block-sep.png) no-repeat 186px top;
  float: left;
  padding-right: 53px;
  width: 170px;
}

.block h4 {
  color:#FFFFFF;
  font-weight:normal;
  line-height:17px;
  margin-bottom:10px;
}

.block a {
  color:#01576a;
  font-size:87.5%;
  font-weight:normal;
  text-decoration: none;
}

.content-area .block a {
  color: #0083c7;
}

#leader #block-right.block {
  background: none;
  padding-right: 0;
}

#call-action {
  float:left;
  margin:13px 0 0 40px;
}

.content-area h2 {
  float: left;
  color: #e34f49;
  font-size: 140%;
  margin-right: 10px;
}

.content-area h2.strong {
  color: #787878;
  font-style: italic;
}

.action-blocks, #block-3, #block-4 {
  border-bottom: 5px solid #f4f5f8;
  clear: both;
  float: left;
  margin: 30px 30px 0 40px;
  padding-bottom: 30px;
  width: 621px;
}

.action-blocks .block {
  width: 270px;
  background-image: none;
}

.action-blocks #block-2.block {
  padding-right: 0px;
}

#block-3 img.pic {
  float: left;
  padding: 0 10px 7px 0;
}

.video {
  border:1px solid #D8F6FD;
  float:right;
  margin:20px;
  padding:20px;  
}

#block-4 {
  border-bottom: none;
}

/* faq
----------------------------------------------------------------------------------------------------*/

.faq #main-col-content .answer
{
  display: block;
}

.faq h4 {
  color: #2293ce;
  font-weight: bold;
  margin: 10px 0;
  padding-bottom: 8px;
  font-size: 100%;
  cursor: pointer;
  border-bottom: 1px solid #ddebee;
}

.faq h4 span {
  display: none;
}

.faq h4 span.closer {
  color: #aaaaaa;
  display: block;
  float: right;
}

.question-border {
  border-top: 5px solid #f4f5f8;
  border-bottom: 5px solid #f4f5f8;
  padding: 20px 0 ;
}

.faq .question-border h4 {
  border-bottom: none;
}


/* forms
----------------------------------------------------------------------------------------------------*/

#form-wrap {
  border: 1px solid #dfdfdf;
  float: left;
  padding: 10px;
  margin: 10px 0;
}

#form {
  background-color: #f4f5f8;
  float:left;
  padding: 20px 0px 10px 35px;
}

#col-1, #col-2 {
  width: 50%;
  float: left;
}

.form-item {
  float: left;
  padding: 10px 0;
  width: 85%;
  height: 60px;
}

.form-item input,
.form-item.select,
.form-item.textarea {
  clear:both;
  float: left;
  width:  100%;
}

.form-item.textarea {
  height: auto;
  width: auto;
}


.form-item.textfield input {
  height: 30px;
  font-size:100%;
}


.form-item .radios input {
  clear: none;
  width: auto;
  float: none;
}

.radio {
  float: left;
  margin-right: 15px;
}

label {
  width: 100%;
  float: left;
  font-weight: bold;
  color: #555555;
  font-size: 100%;
  margin-bottom: 5px;
}

.telequest label,
.telequest .form-item input,
.telequest .form-item {
  width: auto;
  clear: none;
  margin-right: 10px;
}

.radios label {
  display: inline;
  font-weight: normal;
  color: #555555;
  font-size: 87.5%;
  width: auto;
}

.form-item.submit {
  height: auto;
  clear: both;
  width: 50%;
  margin: 10px auto;
  float: none;
}

.form-item.submit input,
.buttonlink {
  background:url("../images/blue-button-bg.png") repeat-x scroll 0 0 transparent;
  border:1px solid #3FB7DA;
  clear: none;
  color:#FFFFFF;
  display:block;
  font-size:100%;
  font-weight:bold;
  height:32px;
  margin:5px 10px;
  min-width: 130px;
  text-transform:uppercase;
  width:auto;
}

a.buttonlink {
  clear:both;
  float:none;
  height:22px;
  margin:10px auto;
  padding-top:10px;
  text-align:center;
  text-decoration:none;
  width:200px;
}


.form-item.submit input.cancel {
  background:url("../images/red-button-bg.png") repeat-x scroll 0 0 transparent;
  border:1px solid #f56535;
}



/* Messages / notices
----------------------------------------------------------------------------------------------------*/

.message-wrap {
  border: 1px solid #dfdfdf;
  float: left;
  padding: 10px;
  margin: 10px 0;
}

.message {
  background-color: #f7f8e2;
  float:left;
  padding: 10px;
}