/***
 * UCI contentpage-1 styles
 * @author Todd McGill, Strategic Communications
 * Modified - 5/15/14 - MH
 ***/

.nav-local {
	float: left;
	margin-right: .5%;
	/* left right padding used to be 12 */
	padding: 4px 0px;
	width: 24%;
}

.nav-local ol,
.nav-local ul {
    margin: 0;
}

.nav-local li {
	border-top: 1px dotted #999;
	margin: 0;
	padding-left: 4px;
}

.nav-local li:first-child {
    border-top: none;
}

.nav-local a {
	border-bottom: none;
	display: block;
	font-size: 14px;
	padding: .25em 0;

}

.nav-local a:hover {
	background-color: #ffffcc;
}


/* Used for Giving Nav Local */


.content-container-test 
{
	margin-top: 0;
	margin-right: .5%;
	margin-left: 0%;
	margin-bottom: 0;
	position: relative;
	width: 24%;
	float: left;
	padding-right: .23%;
	padding-bottom: 5px;
/*float:left;margin:0 .5%;padding:12px 0;width:24%*/

}

.padding5 {

	margin-bottom: 25px;
}
.nav-local-giving {
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;	
	/*width: 24%;*/
}

.nav-local-giving ol,
.nav-local-giving ul {
    margin: 0;
}

.nav-local-giving li {
	border-top: 1px dotted #999;
	margin: 0;
	padding-left: 0px;
}

.nav-local-giving li:first-child {
    border-top: none;
}

.nav-local-giving a {
	border-bottom: none;
	display: block;
	font-size: 14px;
	padding: .25em 0;

}

.nav-local-giving a:hover {
	background-color: #ffffcc;
}

/* end nav-local-giving*/

.main-visual {
    margin-bottom: 16px;
}

.faculty_image  
	{
	width: 50%;
	clear: both;
	text-align: center;
	}
.lecturer_image  
	{
	width: 100%;
	clear: both;
	text-align: center;
	}

.content {
    float: left;
    margin-left: .5%;
    width: 74.5%;
}

.content .text {
    float: left;
    line-height: 1.8em;
    width: 65.7719%;

}

.content .textwide {
    float: left;
    line-height: 1.8em;
    width: 99%;

}

.content .textshort {
    float: left;
    line-height: 1.8em;
    width: 55%;
}
.content .bucket {
    float: left;
    margin-left: 1.3422%;
    width: 32.8859%;

}

.inner_spotlight .bucket {
    float: left;
    margin-left: 1.3422%;
    width: 98%;

}

#grad1
{

  /* fallback */
  background-color: #ffffff;

	/*border-radius: 8px 8px 8px 8px;
	
	padding: 8px;
	
	border: 1px;
	border-color:#333333;
	border-style:solid;*/
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#8d9fc4));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(bottom, #8d9fc4, #ffffff);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(bottom, #8d9fc4, #ffffff);

  /* IE 10 */
  background: -ms-linear-gradient(bottom, #8d9fc4, #ffffff);

  /* Opera 11.10+ */
  background: -o-linear-gradient(bottom, #8d9fc4, #ffffff);
}

.donor-header{
	margin: 0;
	padding: 6px 12px;
	background-color: #2E5596;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	border-radius: 8px 8px 8px 8px;
}

.breadcrumbs {
	padding-top: 8px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	font-size: 12px;
}

#dev_bucket {
text-align: center;
}
#dev_bucket ul {
text-align: left;	
}
#dev_bucket img {
width: 80%;	
}

#support {
	padding-top: 20px;
	padding-bottom: 10px;
}

#support .support-button {
	left: 0px; width: 70%; height: 40px; text-align: center; bottom: 10px; position: relative;
}

/* the , a img and outline: none, text-decoration none, border: ... stuff remove the underline from the linked image 
The support button is slightly different from the one used on the home page button */
#support .support-button a, a .support-button img {
	margin: 0px auto; width: 180px; height: 40px;
	text-decoration: none; 
	text-indent: -9999px; 
	display: block; 
	outline: none;
    border: 0px none transparent;
	background-image: url("../images/donate_button.png"); 
	background-repeat: no-repeat;
}

#support .support-button a:hover {
	opacity: 0.6;
}

.sub_image {
	float: right;

	/*background: red;*/
	overflow: hidden;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	border: 1px  #666666;
}

/* two column buckets */

.twoContainer {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: left;

}

.twoColumn {
	float: left;
	width: 45%;
	/*background: red;*/
	padding: 5px;
	overflow: hidden;
	margin-right: 10px;
	position:relative;
}

/* publication buckets */

.pub_container1 {
	float: left;
	width: 110%;
	overflow: hidden;
	text-align: center;

}

.pub_container1 img {
	border-top: 1px #161616;
	border-bottom: 1px #161616;
	border-right: 1px #161616;
	border-left: 1px #161616;
}

.pub_col1 {
	float: left;
	width: 40%;
	/*background: red;*/
	padding: 10px;
	overflow: hidden;
	margin-right: 20px;
	position:relative;
}
.pub_col2 {
    float:left;
    width:40%;
	padding: 10px;
    /*background:yellow;*/
	overflow:hidden;
	position:relative;
}

.pub_text {
	text-decoration: none;
	color: #333333;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	background-color: #cccccc;
}

.pub_container2 {
	float: left;
	width: 100%;
	overflow: hidden;
		margin-bottom: 40 px;

}
.pub_container2 img {
	margin: 0px auto;
	text-decoration: none; 
	text-indent: -9999px; 
	display: block; 
	outline: none;
    border: 0px none transparent;
}
.pub_col3 {
	float: left;
	width: 20%;
	/*background: red;*/
	overflow: hidden;
	padding-right: 20px;	
	position:relative;
	text-align: center;
}
.pub_col4 {
    float:left;
    width:63%;
    /*background:yellow;*/
	overflow:hidden;
	  position:relative;
	  	text-align: left;

}

/* Newsletter or four column containers */
.fourcol_container {
	float: left;
	width: 110%;
	overflow: hidden;
	text-align: center;
	vertical_align: top;

}

.fourcol_container img {
	border-top: 1px #161616;
	border-bottom: 1px #161616;
	border-right: 1px #161616;
	border-left: 1px #161616;
}

.fourcol_col1 {
	float: left;
	width: 22%;
	
	overflow: hidden;
	padding-right: 8px;
	padding-bottom: 15px;
}

/* Three column containers */
.threecol_container {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	vertical_align: top;

}

.threecol_container img {
	border-top: 1px #161616;
	border-bottom: 1px #161616;
	border-right: 1px #161616;
	border-left: 1px #161616;
}

.threecol_col1 {
	float: left;
	width: 30%;
	/*position: relative;*/
	overflow: hidden;
	padding-right: 8px;
	padding-bottom: 15px;
	/*display: table-cell;*/
	/*height: 100%;*/
}



/* buckets used in alumni page */

.col_bucket 
{
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 6px;
	padding-bottom: 12px;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 8px;
	position: relative;
	/*height: 100%;*/
}

.col_bucket img
{width:100%;
margin-left: 2%;
margin-right: 2%;}

.col_bucket li
{margin-top:.5em}

.col_bucket li:first-child
{margin-top:0}

.threecol_bucket .bucket-header
{margin:0;padding:6px 12px; }


.staffmain1 img, #staffmain1 div { 
float: left;
margin-left: 5px; 
margin-right: 10px;
} 

.contrasting_text {
	font-weight: bold;
	color: rgb(84, 87, 89);
}
.contrasting_text2 {
	font-weight: bold;
	color: #275799;
}
/* Staff directory */

.directory_container1 {
	float: left;
	width: 100%;

	text-align: left;

}
.directory_col1 {
	float: left;
	width: 55%;
	/*background: red;*/
	overflow: hidden;

	  position:relative;
}
.directory_col2 {
	float: left;
	width: 40%;
	/*background: yellow;*/
	padding-left: 15px;
	overflow: hidden;
	position: relative;
	border-right; 		
	border-color: #000000;
	border-width: thin;
}

.studentsmain img {
float: left;
width: 100px;
height: 122px;
padding-right: 10px;
padding-bottom: 5px;
}
.studentsmain div { 
float: left;
margin-left: 5px; 
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
} 
@media screen and (max-width: 840px) {

.content-container-test  {
width: 100%;	
}
.nav-local,
.content {
    margin: 0;
    width: 100%;
}
.nav-local-giving,
.content {
    margin: 0;
    width: 100%;
}
.content {
    margin-top: 16px;
}

.content .text,
.content .bucket {
    margin: 0;
    width: 100%;
}
.content .col_bucket {
    margin: 0;
    width: 100%;
}
#dev_bucket img {
display:none;
}

}

@media screen and (max-width: 640px) {
.main-visual {
    margin-bottom: 0;
}
/* .msg_list is for Expandable Text's */
.msg_list {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.sub_image {
	display: none;
}
.subbucket_image_only img {
	display: none;
}
.content-container-contact .subbucket_image_only {
width: 100%;	
}
.pub_container1 {
	width: 100%; height: auto; margin-left: 0px;
}
.pub_col1 {
	width: 100%; height: auto; margin-left: 0px;
}
.pub_col2 {
	width: 100%; height: auto; margin-left: 0px;
}
.pub_container1 img {
	display: none;
}
.pub_container2 img {
	display: none;
}
.fourcol_container {
	width: 100%; height: auto; margin-left: 0px;
}
.fourcol_col {
		width: 100%; height: auto; margin-left: 0px;
}
.fourcol_container img {
	display:none;
}

.threecol_container {
		width: 100%; height: auto; margin-left: 0px;
}
.threecol_col1 {
		width: 100%; height: auto; margin-left: 0px;
}
.threecol_container img {
	display:none;	

}
.twoContainer {
	width: 100%; height: auto; margin-left: 0px;
}

.twoColumn {
	width: 100%; height: auto; margin-left: 0px;
}
# img {
	display:none;

}
.directory_col1 {
		width: 100%; height: auto; margin-left: 0px;
}
.directory_col2 {
		width: 100%; height: auto; margin-left: 0px;
}
/* Don't show any of the event select choices for phone view */
.hide_event_inputs {
	display:none;
}
.content-container-contact .subbucket {
width: 100%;	
}

.staffmain1 img {
display:none;
} 

.chairsmain img {
	display:none;
}

.studentsmain img {
	display:none;
}


.faculty_image  
	{
/*display:none;*/

	}
.lecturer_image  
	{
/*display:none;*/

	}
}

@media print {
.nav-local, nav-local-giving {
    display: none;
}

.content {
    margin: 0;
    width: 100%;
}
}

.content-container-contact {
	padding-left: 14px;
	width: 90%;
	float: right;	
}

.content-container-contact>div{
	float: left;
	margin: 0 .5%;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 12px;
	width: 27%
}


/* css button */
.css_button {
   border-top: 1px solid #7f7fe8;
   background: #7a7acf;
   background: -webkit-gradient(linear, left top, left bottom, from(#275799), to(#86a9d9));
   background: -webkit-linear-gradient(top, #275799, #86a9d9);
   background: -moz-linear-gradient(top, #275799, #86a9d9);
   background: -ms-linear-gradient(top, #275799, #86a9d9);
   background: -o-linear-gradient(top, #275799, #86a9d9);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.css_button:hover {
   border-top-color: #272766;
   background: #272766;
   color: #fffaff;
   }
.css_button:active {
   border-top-color: #343499;
   background: #343499;
   }
   
/* Grey button */   
.css_button2 {
   border-top: 1px solid #666666;
   border-left: 1px solid #666666;   
   border-right: 1px solid #666666;   
   background: #7a7acf;
   background: -webkit-gradient(linear, left top, left bottom, from(#343499), to(#7a7acf));
   background: -webkit-linear-gradient(top, #cccccc, #fefefe);
   background: -moz-linear-gradient(top, #cccccc, #fefefe);
   background: -ms-linear-gradient(top, #cccccc, #fefefe);
   background: -o-linear-gradient(top, #cccccc, #fefefe);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.css_button2:hover {
   border-top-color: #666666;
   background: #cccccc;
   color: #fffaff;
   }
.css_button2:active {
   border-top-color: #666666;
   background: #cccccc;
   }   
   

  /* Used for expandable text */
  
  
.msg_list {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.msg_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	background-color:transparent;
	margin:1px;
	/*font-style: italic;*/
	color: #333333;
}
.msg_body {
	padding: 2px 8px 10px;
	background-color:#ffffff;
	color: #333333;
	font-weight: normal;
}