/* Responsive Pages - Branch specific styles */

.title {
	max-width: 25%;
}
div.connect-container {
	padding:12px;
	background-color:#eee1b3;
	overflow:hidden;
	margin:0 !important;
	max-width:394px;
}
div.connect-container h4 {
	margin:0 0 10px 0;
    font-size:1.1em;
}
div.connect-container img {
	float:left;
	width:40%;
	margin: 0 15px 0  0;
}
div.connect-container p {
	display:block; margin:0; overflow:hidden; font-size:.9em; font-weight:normal;
}

div.difference-container { display: block; position: relative; }
div.difference-container img { width: 100%; max-width: 394px; }
div.difference-container p { position: absolute; top: 57%; color: #fff; font-family: futura, arial, sans-serif; margin-left: 10px; font-size: .9em; }
div.difference-container p a { color: #fff !important; }
div.difference-container p a span { color: #ffcd00; font-style: italic; font-weight: bold; }
/*  footer {
	background-color: #f0dd99;
} */

div.ucdmedicine-container {
	padding:12px 7px 12px 12px;
	background-color:#eee1b3;
	border:2px solid #eee1b3;
	overflow:hidden;
	margin:0 !important;
	max-width:390px;
}

div.ucdmedicine-container p {
	margin: 20px 0 0 0;
	display:inline-block;
	overflow:hidden;
	max-width:50%;
    font-size:14px;
}
div.ucdmedcover {
	width:40%;
	float:right;
	overflow:hidden;
}

div.ucdmedcover img {
	width:87%;
    margin:auto !important;
}

div.ucdspecialty-container {
	padding:12px 7px 12px 12px;
	background-color:#eee1b3;
	border:2px solid #eee1b3;
	overflow:hidden;
	margin:0 !important;
	max-width:390px;
}

div.ucdspecialty-container p {
	margin: 0 10px 0 0;
	display:inline-block;
	overflow:hidden;
	max-width:45%;
    font-size: 14px;
}                                 
                                   
div.ucdspecialtycover {
	width:52%;
	float:right;
	overflow:hidden;
}

div.ucdspecialtycover img {
	width:86px;
    height: 109px;
    margin: 0 0 10px 5px;
    float:left;
}                                                                                                              

/* Begin alternative styles for sidebar */                                  
div.ucdhealth-medicine-container {
	padding:12px 7px 12px 12px;
	background-color:#eee1b3;
	border:2px solid #eee1b3;
	overflow:hidden;
	margin:0 !important;
	max-width:390px;
}

div.ucdhealth-medicine-container p {
	margin: 20px 0 0 0;
	display:inline-block;
	overflow:hidden;
	max-width:50%;
    font-size:14px;
}
div.ucdhealth-medcover {
	width:40%;
	float:right;
	overflow:hidden;
}

div.ucdhealth-medcover img {
	width:87%;
    margin:auto !important;
}

div.ucdhealth-specialty-container {
	padding:12px 7px 12px 12px;
	background-color:#eee1b3;
	border:2px solid #eee1b3;
	overflow:hidden;
	margin:0 !important;
	max-width:390px;
}

div.ucdhealth-specialty-container p {
	margin: 0 10px 0 0;
	display:inline-block;
	overflow:hidden;
	max-width:45%;
    font-size: 14px;
}                                 
                                   
div.ucdhealth-specialtycover {
	width:52%;
	float:right;
	overflow:hidden;
}

div.ucdhealth-specialtycover img {
	width:86px;
    height: 109px;
    margin: 0 0 10px 5px;
    float:left;
}

@media only screen and (max-width:1355px) {
div.ucdhealth-specialtycover { width:100%; float:none; }
div.ucd-healthspecialty-container p { max-width:100%; }
}

@media only screen and (max-width:1200px) {
	div.ucdhealth-medicine-container p {
	margin: 0 15px 0 0; }
}                                
                                   
/* End alternative styles for sidebar */                                     
                               
                                   
div.message-container {
	padding-right: 20px;
	border-right:  2px solid #eee1b3;
	min-height:750px;
}

@media only screen and (max-width:1355px) {
div.ucdspecialtycover { width:100%; float:none; }
div.ucdspecialty-container p { max-width:100%; }
}

@media only screen and (max-width:1200px) {
	div.ucdmedicine-container p {
	margin: 0 15px 0 0;
}
}

@media only screen and (max-width: 990px) {
	div.message-container {
	border-right:none;
}
}

@media only screen and (max-width: 500px) {
  div.difference-container p { font-size:12px; }
}


/* Begin SOM Dean's message page styles */

div.brashear-handshake {
   width:100%;
   max-width:300px;
   float:right;
   overflow:hidden;
   margin: 0 0 20px 20px;
}

div.brashear-handshake img {
	width:100%
}

div.brashear-callout {
   width:100%;
   overflow:hidden;
   padding:15px;
   margin: 10px 15px 15px 0;
   background: #efefef;
   color: #002855;
   font-style:italic;
   font-size:20px;
   font-weight:bold;
}

/* End SOM Dean's message page styles */


/* Begin Volunteer Opportunities page styles */

div.opportunity a {color:#166ddf }

div.opportunity { margin:20px 0 0 0; }

p.vol-intro {
         font-size:1.2em;
         border-bottom: 2px solid #dcb224;
         margin:15px 0 35px 0;
         padding-bottom: 25px;
}

a.btn-participate {
background: #dcb224;
color: #ffffff !important;
border-radius:10px;
padding: 5px;
font-size:12px;
text-decoration:none;
margin:0;
width:90px;
display:block;
}

a.btn-participate:hover {
background: #0a467b;
}

h4 { color: #0a467b; }

div.op-photo {
	float:right;
    width:300px;
    margin: 0 0 15px 15px;
}

div.op-photo img {
        width:100%;
}

div.photo-item h4 {
	min-width:280px;
	display:inline-block;
    margin-top:0;
}

@media only screen and (max-width: 1090px) {
    div.op-photo  {
        width:280px;
        margin: 15px 0 15px 0;
        float:none;
      }
}

/* End Volunteer Opportunities page styles. */

/* Begin Volunteer Interest Form styles. */
                   
div.volunteer-interest div.col-66percent {
  width: 100% !important;
}
                   
div.volunteer-interest label {
  text-align:left !important;
  width:100% !important;
  font-size: .9em;
  font-weight:normal;
}

div.volunteer-interest input[type="checkbox"] {
  float:left;
  width: 30px;
}                   
                   
div.volunteer-interest div.hang-choice {
  width:85%;
  float:left;
}
                   
div.volunteer-interest span.checkbox-header {
  color: #0a467b;
  font-weight: bold;
  font-size: 1em;
}
                   
div.volunteer-interest label.nested-checkbox {
  margin: 0 0 0 20px;
  font-size:1em;
}
                   
div.volunteer-interest hr {
  display:none;
}

div.volunteer-interest p {
  margin-top:35px;
  margin-bottom: 0;
  margin-left: 15px;
  font-style:italic;
  font-size:.9em;
}

div.volunteer-interest span.col-83percent {
  display:none;
}                                 

div.volunteer-interest div.choices-container {
  margin-left:15px !important;
}
                   
div.volunteer-interest div.affiliation-container { max-width:600px; }                  
                   
div.volunteer-interest input.btn-default {
  background:#dcb224;
  border-radius: 15px;
  text-transform: uppercase;
  color:#fff;
  text-decoration:none;
}

div.volunteer-interest input.btn-default:hover; {
  background: #0a467b;  
}
                   
div.volunteer-interest span.format {
  font-size:.8em;
  color: #888;
  font-style:italic;
}

div.volunteer-interest input.other-textbox {
  width:200px;
  display:inline;
}

div.volunteer-interest input { border-radius: 20px; }

@media only screen and (max-width: 1200px) {
  
  div.volunteer-interest div.col-33percent,
  div.volunteer-interest div.col-50percent {
  width:100% !important;
  }
  
  div.volunteer-interest p {
  margin-top:5px !important;
  }
    
}
                   
@media only screen and (max-width: 500px) {

  div.volunteer-interest div.col-33percent,
  div.volunteer-interest div.col-50percent,
  div.volunteer-interest div.choices-container {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  div.volunteer-interest input.other-textbox {
    width:175px;
  }
}


                   
/* End Volunteer Interest Form styles. */

/* Begin Alumni Week 2020 home page banner styles */

h3.som-head {
  color: #718eba;
  letter-spacing: 1.5;
  text-align:center;
  padding:0;
  margin: 4px 0 0 0;
}

h1.alumni-week-head {
  color:#fff;
  font-weight: bold;
  text-align:center;
  font-size: 44px;
  padding:0;
  margin:0 0 4px 0;
}

p.aw {
  font-size: 14px;
  color:#efefef;
  display:block;
  background: #012a54;
  padding:7px;
}

.awVirtual {
  margin-top:0;
  padding-top:13px;
  margin-bottom: 0;
  padding-bottom:13px;
  background-color: #014886 !important;
  border-top: 1px solid #ccd4e0 !important;
  border-bottom:1px solid #ccd4e0 !important;
  background-image: url('/medalumni/images/alumni-week-2020-details-385x235.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.awVirtual img {
    height:205px;
  }
  

@media only screen and (max-width: 1220px) {
  p.aw { max-width: 500px; margin:auto; background:none;}
  
}


@media only screen and (max-width: 980px) {
  .awVirtual {
  background-position:center top;
  }
  
  .awVirtual img {
    height:235px;
  }
  
  p.aw {
    background-color: #012a54;
  }
}

/* End Alumni Week 2020 home page banner styles */

/* Begin for AW 2023 */
  
.time {
    float:left;
    width:175px;
    font-weight:bold;
}
  
.session-title {
  font-weight: bold;
  overflow: hidden;
}
  
.session-description {
   margin-top:10px;
}

.register-btn a {
  padding:10px;
  color:#fff;
  background:#
}
  
@media (max-width: 600px) {
  .time {
    width: 100%;
  }
  
  div.session-title {
    width:320px;
  }
}

/* End apecial for AW 2023 */