/* ===== Primary Styles ========================================================
   Author: Alan Mooiman - compiled with CodeKit, written in SCSS/SASS originally
   ========================================================================== */
body {
  -webkit-text-size-adjust: 100%; }

a {
  font-family: Helvetica, sans-serif; }

h1 strong {
  color: #992800;
  font-weight: 600;
  font-style: italic; }

#wcp_intro {
  width: 75%;
  float: left; }
  #wcp_intro h1 {
    margin-bottom: .75em; }

.intro_image {
  float: left;
  margin-right: 1em; }

#who_we_are {
  width: 65%;
  float: left; }
  #who_we_are h2 {
    margin-bottom: .5em; }
  #who_we_are p {
    margin-bottom: 1em;
    line-height: 1.5em; }
  #who_we_are dl {
    /*This works because it's only two colums*/ }
    #who_we_are dl.first {
      margin-left: 2em;
      float: left;
      width: 55%; }
    #who_we_are dl dt {
      font-size: 1.2em;
      font-family: Helvetica, sans-serif; }
    #who_we_are dl dd {
      font-size: .9em;
      line-height: 1.4em;
      padding: .1em; }

#featured_physicians {
  clear: both; }

p.disclaimer {
  margin: 1em 0;
  font-size: small;
  width: auto; }

#wcc_intro {
  clear: both;
  	/*
  h1{
  		background: url(http://webmedia.med.cornell.edu/cmn/weillcornell/images/WCCLogo.png) no-repeat;
  		background-size: contain;
  		height: 53px;
  		padding: 0;
  	}
  */ }
  #wcc_intro .column {
    float: left;
    height: auto;
    width: 28%;
    padding: .5em;
    position: relative; }
    #wcc_intro .column.first {
      width: 65%; }
    #wcc_intro .column.last {
      width: 31%;
      padding: .5em;
      background: url(http://webmedia.med.cornell.edu/cmn/weillcornell/images/WCC-iPhone.png) 95% 0.5em no-repeat;
      height: 255px;
      margin-top: -50px;
      /* 			float: right; */ }
      #wcc_intro .column.last p {
        margin-right: 35%;
        margin-top: 1em;
        clear: right;
        margin-bottom: 4em;
        /* 				display: inline-block; */ }
      #wcc_intro .column.last #mychart_app {
        margin: 1em 0.5em 0.4em 0.5em;
        float: left; }
  #wcc_intro ul {
    clear: left;
    margin: 1em 1em 1em 2em; }

.hr {
  width: 80%;
  height: 2.5em;
  margin: 0 auto 30px;
  border-bottom: 1px solid #e2e2d5;
  float: none;
  clear: both; }

#app_stores {
  margin: 0 auto; }

#tour {
  display: block;
  height: 122px;
  width: 200px;
  background: url(http://webmedia.med.cornell.edu/cmn/weillcornell/images/youtube_screenshot.png) center 5% no-repeat;
  margin: 1em auto;
  text-decoration: none;
  border: 1px solid #e6decd; }

#tour span {
  padding: 0 20px;
  /*
  	border: 1px solid #e6decd;
  	background: #f3ead9;
  	border-radius: 10px;
  */
  color: #544842;
  font-family: Helvetica;
  display: block;
  position: absolute;
  right: 25%;
  left: 25%;
  top: 90%;
  text-align: center; }

.lt-ie9 #wcc_intro {
  margin-top: -2em; }

#defaultColumn {
  font-family: Helvetica, Arial, sans-serif;
  background: #EAEAEA;
  width: 213px;
  float: left;
  padding: 7px;
  border: 1px solid black;
  position: relative; }

#defaultColumn h3 {
  font-size: .8em; }

#defaultColumn h3 .WCCLogo {
  background-image: url(https://s010.med.cornell.edu/weillcornell/images/WCCLogo.png);
  -webkit-background-size: auto 34px;
  -moz-background-size: auto 34px;
  background-size: auto 34px;
  height: 34px;
  background-repeat: no-repeat;
  padding-top: 5px;
  margin: 0 auto; }

.lt-ie9 #defaultColumn h3 .WCCLogo {
  background-image: none;
  height: 30px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://s010.med.cornell.edu/weillcornell/images/WCCLogo.png', sizingMethod='scale'); }

#defaultColumn span.login_title {
  float: right;
  /* font-size: .75em; */
  margin-right: 2%;
  font-weight: 500; }

#defaultColumn h3.alert {
  text-indent: -6px;
  margin-bottom: 13px;
  color: #ff3300; }

.register p {
  font-size: 12px;
  line-height: 1.3em;
  margin-bottom: 13px; }

#defaultForm {
  width: 100%; }

#defaultForm a {
  display: block;
  text-align: right;
  font-size: .8em; }

#defaultForm .item {
  margin: 8px 0;
  padding-top: 8px;
  float: none;
  clear: both; }

#defaultForm .item:first-of-type {
  padding-top: 0; }

#defaultForm .button {
  width: 100%; }

#defaultColumn .button {
  font-size: 1.2em;
  color: #ca3510;
  text-align: center;
  display: block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  *margin-left: .3em;
  *line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #ffffff;
  *background-color: #ffffff;
  background-image: -ms-linear-gradient(top, white, #d6d6d6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#d6d6d6));
  background-image: -webkit-linear-gradient(top, white, #d6d6d6);
  background-image: -o-linear-gradient(top, white, #d6d6d6);
  background-image: linear-gradient(top, white, #d6d6d6);
  background-image: -moz-linear-gradient(top, white, #d6d6d6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  text-decoration: none;
  border-color: #dddddd #dddddd #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  margin: 4px auto;
  border: 1px solid rgba(0, 0, 0, 0.25); }

#defaultColumn .button:hover {
  text-decoration: none;
  background-color: #d6d6d6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */
  background-position: 0 -30px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear; }

#defaultColumn .red {
  color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca3510', endColorstr='#920401',GradientType=0 );
  background-image: -moz-linear-gradient(90deg, #920401 0%, #ca3510 100%);
  background-image: -o-linear-gradient(90deg, #920401 0%, #ca3510 100%);
  background-image: -webkit-linear-gradient(90deg, #920401 0%, #ca3510 100%);
  background-image: linear-gradient(0deg, #920401 0%, #ca3510 100%);
  background-color: #920401;
  text-shadow: 0 1px 1px #960000; }

#defaultColumn .red:hover {
  background-color: #920401; }

#defaultForm input {
  margin: auto 0;
  padding-left: 0;
  padding-right: 0;
  border: 1px solid rgba(0, 0, 0, 0.25); }

.item .accessibleLabel,
.item label {
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
  font-style: normal; }

.item input#Login,
.item input#Password {
  font-size: 1.5em;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  width: 100%; }

.loginhint, .hint {
  font-size: .8em;
  margin-left: 2px;
  display: block; }

.item .loginhint a {
  text-decoration: none;
  float: right; }

.item .loginhint a:hover {
  text-decoration: underline; }

label.hidden {
  display: none; }

.item p {
  background: #F6F0E1;
  border-bottom: 1px dotted #aea89d;
  border-top: 1px dotted #aea89d;
  margin: 0 0 10px 0;
  padding: 15px 10px 8px 10px;
  font-size: 11px;
  float: left;
  display: none;
  line-height: 1.3em; }

/* epic systems registered */
#defaultForm h2 {
  font-size: 1.3em;
  margin-bottom: 10px; }

#defaultColumn #defaultForm h3 {
  font-size: .6em;
  display: block;
  bottom: 10px;
  text-align: right;
  width: 215px;
  float: right;
  margin-bottom: .5em; }

#defaultFooter {
  float: left;
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  margin: 10px 0 0 0;
  padding: 8px 0 0;
  width: 100%; }

#defaultFooter h2 {
  font-size: 1em; }

#defaultFooter h2 span {
  font-size: 1.2em;
  line-height: 1em;
  font-weight: 400;
  font-family: sans-serif;
  margin-top: 0; }

#defaultFooter h2 a {
  font-size: 1.2em;
  line-height: 1.2em;
  display: block;
  text-decoration: underline; }

#defaultFooter h2 a:hover {
  text-decoration: none; }

#defaultFooter p {
  font-size: 11px;
  padding-bottom: 10px;
  line-height: 1.1em; }

#defaultFooter p a {
  font-size: 11px;
  margin-bottom: 3px;
  display: block;
  text-decoration: underline; }

#defaultFooter a:hover {
  text-decoration: none; }

#signupFooter ul {
  list-style: none;
  padding-left: 0;
  margin: 5px 0; }

#signupFooter ul li {
  /* 	float: left; */
  line-height: 1.4em;
  font-size: .75em;
  height: auto; }

.lt-ie9 #WCCLogin #WCCHead h3 {
  background-image: none;
  height: 30px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://webmedia.med.cornell.edu/cmn/weillcornell/images/WCCLogo.png', sizingMethod='scale'); }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #WCCLogin #WCCHead h3 {
    background-image: url(http://webmedia.med.cornell.edu/cmn/weillcornell/images/WCCLogo-2x.png); } }
.slideshow {
  float: left;
  margin-right: 1em;
  width: 200px;
  height: 300px; }

.no-js .slideshow {
  display: none; }

/* =============================================================================
   Media Queries
   ========================================================================== */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  #wcc_intro .column.last {
    background: url(http://webmedia.med.cornell.edu/cmn/weillcornell/images/WCC-iPhone-2x.png) 95% 0.5em no-repeat;
    background-size: 80px; }

  #tour {
    background: url(http://webmedia.med.cornell.edu/cmn/weillcornell/images/youtube_screenshot-2x.png) center 5% no-repeat;
    background-size: 200px; } }
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }
/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

/* =============================================================================
   Print Styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }