/*
 * The page content styles
 * 
 * THIS FILE SHOULD BE MERGED WITH STYLE.CSS WHEN COMPLETE
 */

#page_inner {
	background-color: #fff;
}



/******************
GLOBAL STYLES X dvn
*********************/
#main #do_wap {
	margin-bottom:40px;
}



/*I'm pretty sure this could replace content and secondary
 the only difference is that this uses the right widths*/
/*Style*/

#menu-news .ivmf-rss-link {
    background-image: url("images/rss.png");
    position: relative;
	float:right;
    background-repeat:no-repeat;
    margin-top:15px;
    width:16px;
    padding:0;
    height:20px;
}


#contentX p {
	font-size: 15px;
	line-height: 24px;
	margin: 0 0 12px 0;
}

#contentX ul {
	font-size: 15px;
	line-height: 24px;
	font-family: "Franklin Gothic Book Cond";
}

#contentX ul li {
	margin: -12px 0 15px 0;
}

#contentX ul li::before {
	content: "";
	display: block;
	position: relative;
	left: -16px;
	top: 16px;
	width: 0;
	height: 0;
	border-left: .6em solid #FF7028;
	border-top: .4em solid transparent;
	border-bottom: .4em solid transparent;
}

#contentX i {
	font-family: 'Crimson text';
	font-size: 13px;
	line-height: 17px;
}

#secondaryX {
	font-style: italic;
	font-family: "Crimson Text";
	font-weight: normal;
	font-size: 26px;
	line-height: 29px;
	color: #999;
}
#secondaryX h4 {
	line-height: 34px;
}
#secondaryX h5 {
	color: black;
}

#secondaryX p {
	margin: 6px 0 12px 0;
	color: #999;
	font-size: 12px;
	line-height: 15px;
	font-style: normal;
}

#secondaryX img {
	width: 250px;
	height: auto;
	margin-bottom: 25px;
}
/*end style*/


.wrapX{
	width: 1026px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:45px;
}



/*structure at 1026*/
#contentX {
	width: 675px;
	padding: 27px;
	float: left;
}
#secondaryX {
	width: 243px;
	padding: 27px;
	float: left;
}

/*end structure*/


/* Tablet Layout: 768px */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#contentX {
	width: auto;
	padding: 27px;
	float: none;
	overflow: hidden;
}
#secondaryX {
	width: 243px;
	padding: 27px;
	float: left;
}

.wrapX{
	width: 100%;	
}

}/*end media tablet*/



/* Mobile Layout: 100% */
@media only screen and (max-width: 767px) {
#contentX {
	clear:both;
	width: auto;
	padding: 27px;
	float: none;
	overflow: hidden;
}
#secondaryX {
	width: 243px;
	padding: 27px;
	float: left;
}
	
.wrapX{
	width: 100%;	
}
	
	
}/*end Mobile media*/

/******************
END GLOBAL STYLES X dvn
*********************/


/********************



/***************************
TEMPLATE CONTACT STYLE -dvn
 ****************************/
/*I'm going to keep all my stuff right here for now
 Hoping it will make it easier to move after i'm done tuning*/

/*Structure at 1026*/
#contact_heading_container{
	width: 1026px;
	margin-left:auto;
	margin-right:auto;
	display:table;
	margin-top: 45px;
}

#contact_heading_title{
	width:297px;
	float:left;
	height:100%;
}

#contact_heading_deatils{
	width:729px;
	float:left;
}
#main .contact-heading{
	margin-left:27px;
	margin-top:27px;
}

#main .contact-details-class{
	width:216px;
	float:left;
	margin-left:27px;
	margin-top:27px;
}

#contact_details_phonefax{
	padding-top:12px;
}

#contact_email_ribbon{
	width:100%;
	background-color:#e6e6e6;
}

#contact_email_container{
	width:1026px;
	margin-left:auto;
	margin-right:auto;
	display:table;
}

#contact_email_title{
	width:297px;
	
}

#contact_email_form {
	width:729px;
}

#contact_other_container{
	width:1026px;
	display:table;
	margin-left:auto;
	margin-right:auto;
}

#contact_other_title{
	float:left;
	width:297px;
}

#contact_other_contacts{
	float:left;
	width:729px;
	margin-bottom:27px;
}

.contact-contacts{
width:216px;	
}
/*Style*/


.grey8c{
	color:#8c8c8c;
}

#contact_heading_container{
	margin-bottom:27px;
}

#main .contact-heading{
	color: black;
    font-size: 55px;
    line-height: 45px;
}

#contact_details_address{
	font-size:12px;
	line-height:15px;
	font-family:"Franklin Gothic Book";
	text-transform:none;
}


#contact_details_address h2{
	font-size:18px;
	line-height:18px;
	font-family:"Franklin Gothic Demi Cond";
}

#contact_details_phonefax h4{
	font-size:18px;
	line-height:18px;
	font-family:"Franklin Gothic Demi Cond";
	color:black;
}

#contact_details_phonefax h3{
	font-size:18px;
	line-height:18px;
	font-family:"Franklin Gothic Demi Compressed";
	color: #F77905;
	display:inline-block;
}

#contact_details_phonefax h4{
display:inline-block;
}


#contact_details_social h2{
	font-size:18px;
	line-height:22px;
	font-family: "Franklin Gothic Demi Cond"
}
#contact_email_container{
	background-image:url('images/edgreybar.jpg');
	background-repeat:repeat-y;
}

#contact_email_title{
	float: left;
	background-color:#ededed;

}

#contact_email_form{

	float:left;
	margin-top:27px;
	margin-bottom:27px;
}


#contact_email_form  * {
	display:inline-block;
	margin: 0;
	
}

#contact_email_form .wpcf7-form {
	margin: 0;
}
#contact_email_form .wpcf7-form p {
	display: inline-block;
	vertical-align:bottom;
}
#contact_email_form .wpcf7-form input {
	width: 169px;
	height: 23px;
	padding:10px;
	border-radius: 2px;
	border: 1px solid #8c8c8c;
	outline: none;
	margin-left:27px;
	color:#8c8c8c;
	font-family:"Franklin Gothic Book";
	font-size:15px;
	line-height:24px;
}
#contact_email_form .wpcf7-form input[type="submit"] {
	border-radius: 6px;
	border: none;
}

#contact_email_form .wpcf7-form select {
	width: 189px;
	height: 27px;
	border-radius: 2px;
	border: 1px solid #8c8c8c;
	outline: none;
	margin: 0 0 0 27px;
	position: relative;
	top: -13px;
}
#contact_email_form .wpcf7-form select option {
	display: block;
}
#contact_email_form .wpcf7-form textarea {	
	width: 391px;
	padding:10px;
	margin: 27px 0 0 27px;
	border-radius: 2px;
	border: 1px solid #8c8c8c;
	color:#8c8c8c;
	font-family:"Franklin Gothic Book";
	font-size:15px;
	line-height:24px;
	height: 143px;
	resize:none;
}
#contact_email_form .wpcf7-form input[type="submit"] {
	cursor: pointer;
	height: 43px;
	margin: 0 0 0 27px;
	position: relative;
	color: white;
	background-color: #009ddc;
	height:56px;
	font-size: 27px;
	font-family:"Franklin Gothic Demi Compressed";
	text-transform: uppercase;
}
#contact_email_form .wpcf7-form input[type="submit"]:hover {
	background-color: #7ecaf1;
}

#contact_email_form .wrap-your-topic {
	display: block;
	margin: 25px 0 0 27px;
}
#contact_email_form .wrap-your-topic label {
	color: #8c8c8c;
	display: block;
	font-family: "Franklin Gothic Book";
	font-size: 15px;
}
#contact_email_form .topic {
	width: 413px;
}
#contact_email_form .wrap-your-topic select {
	color: #8c8c8c;
	height: 45px;
	margin: 4px 0 0 0;
	top: 0;
	width: 100%;
	font-family: "Franklin Gothic Book";
	font-size: 15px;
}


#contact_other_contacts .contact-contacts {
	float:left;
	margin-left:27px;
	margin-top:27px;
	font-family: "Franklin Gothic Book";
	font-size: 12px;
    line-height: 15px;
    color:#8c8c8c;
}

#contact_other_contacts .contact-contacts h4{
	font-size:18px;
	line-height:18px;
	font-family:"Franklin Gothic Demi Cond";
	color:black;
	
}

/**This code comes from the plugin css
we need to overwrite validation errors and success messages*/



div.wpcf7-response-output {
  margin: 0;
  padding: 0;

}

div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
 

}

div.wpcf7-mail-sent-ng {
  border: 2px solid #ff0000;
  
}

div.wpcf7-spam-blocked {
  border: 2px solid #ffa500;
  

}

div.wpcf7-validation-errors {
  border: 2px solid #f7e700;
  position:absolute;
  bottom:0;
  right:416px;
	
}

span.wpcf7-form-control-wrap {
  position: relative;
   display: none;
}

span.wpcf7-not-valid-tip {
  position: absolute;

  top: 20%;
  left: 20%;
  z-index: 100;
  background: #fff;
  border: 1px solid #ff0000;
  font-size: 10pt;
  width: 280px;
  padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
  color: #f00;
  font-size: 10pt;
  display: block;

}

span.wpcf7-list-item {
  margin-left: 0.5em;

}

.wpcf7-display-none {
  display: none;

}

div.wpcf7 img.ajax-loader {
  border: none;
  vertical-align: middle;
  margin-left: 4px;

}

div.wpcf7 .watermark {
  color: #888;
 display: none;
}



/*Responsive*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#contact_heading_container{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	display:table;
	}
	
	#contact_heading_title{
	float:left;
	
	}

	#contact_heading_deatils{
	width:auto;
	overflow:hidden;
	float:none;
	}
	

	.contact-heading{
	margin-left:27px;
	margin-top:27px;
	}
	
	.contact-details-class{
		float:left;
		width:auto;	
	}
	
	#contact_email_container{
		width:100%;
		
	}
	#contact_email_form{
		width:auto;
		overflow:hidden;
		float:none;
	}
	#contact_email_form *{
		float:left;
		display:block;
	}
	#contact_email_form .wrap-your-topic label {
		float: none;
	}
	#contact_email_form .wpcf7-form input[type="submit"]{
		margin-top:27px;
	}
	
	#contact_other_container{
		width:100%;
	}
	
	#contact_other_contacts{
		width:auto;
		overflow:hidden;
		float:none;
	}
	.contact-contacts{
		width:auto;
		
	}
}/*End Media Query Tablet*/

/* Mobile Layout: 100% */
@media only screen and (max-width: 767px) {
		#contact_heading_container{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	display:table;
	}
	
	#contact_heading_title{
	float:left;
	
	}

	#contact_heading_deatils{
	width:100%;
	overflow:hidden;
	float:none;
	}
	

	#main .contact-heading{
	margin-left:27px;
	margin-top:27px;
	}
	
	#main .contact-details-class{
		float:left;
		width:auto;	
	}
	
	#contact_email_title{
		margin-bottom:27px;
	}
	
	#contact_email_container{
		width:100%;
		background-color:#EDEDED;
		
	}
	#contact_email_form{
		width:100%;
		float:left;
		overflow:hidden;
		float:none;
	}
	#contact_email_form *{
		float:left;
		display:block;
	}
	#contact_email_form .wrap-your-topic,
	#contact_email_form .wrap-your-topic label {
		float: none;
	}
	#contact_email_form .topic {
		width: 324px!important;
	}

	#contact_email_form .wpcf7-form input[type="submit"]{
		margin-top:27px;
		width:169px;
	}

	#contact_email_form p {
		clear: both;
	}

	#contact_other_container{
		width:100%;
	}
	
	#contact_other_contacts{
		width:100%;
		overflow:hidden;
		float:none;
	}
	#main .contact-contacts{
		width:100%;
		float:left;
	}
	
	#contact_email_form .wpcf7-form input {
		width:80%;
		margin-bottom:10px;	
	}	
	#contact_email_form .wpcf7-form textarea {
		width:80%;
	}
	

}/*end media query Mobile*/



/***************************
TEMPLATE CONTACT STYLE End
 ****************************/

/***************************
SINGLE PERSON STYLE START dvn
 ****************************/
/*Structure at 1026*/

#single_person_container{
	width:1026px;
	display:table;
	margin-left:auto;
	margin-right:auto;	
	margin-top:27px;
	margin-bottom:27px;
}

#single_person_sidebar{
	width:297px;
	float:left;
}

#single_person_content{
	width:702px;
	float:left;
}

#single_person_img{
	width:auto;
	display:table;
	margin-left:auto;
	margin-right:auto;
}

/*Structure at 1026 END*/

/*Style*/
#single_person_content  ul li:before {
    border-bottom: 0.4em solid transparent;
    border-left: 0.6em solid #FF7028;
    border-top: 0.4em solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -16px;
    position: relative;
    top: 16px;
    width: 0;
}
#single_person_img img{
	display:block;
	float:left;
}

#single_person_img .person-email-button{
	float:left;
	clear:both;
	width:100%;
	background-color: #009DDC;
    border-radius: 6px 6px 6px 6px;
    color: white;
    font-family: "Franklin Gothic Demi Compressed";
    font-size: 27px;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    margin-top:27px;
}

#single_person_img .person-email-button:hover{
	background-color:#7ecaf1;
}
#single_person_sidebar ul{
	list-style:none;
	padding:0;
	margin:0;
}

#single_person_sidebar ul li{
	margin-bottom:10px;
}

#single_person_sidebar h3{
	font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
}

#single_person_sidebar h1{
	font-size:14px;
	line-height:14px;
	color: #F77905;
}

#single_person_sidebar h2{
	color: #009DDC;
    font-size: 18px;
    line-height:18px;
}

#single_person_sidebar p{
	color: #999999;
    font-size: 12px;
    line-height:17px;
    margin:0;
}


#single_person_content{
	font-size: 15px;
    line-height: 24px;
    padding-left:27px;
    font-family:"Franklin Gothic Book";
}


#single_person_content h4 {
    color: #F77905;
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 0;
}

#single_person_content h1{
	color: black;
    font-size: 47px;
    line-height: 47px;
}

#single_person_sidebar_details{
	margin-top:27px;
	padding-left: 27px;
	padding-right:27px;
	
}
/*End Style*/

/*Responsive*/


/*Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#single_person_container{
		width:100%;
	}
	
	#single_person_sidebar{
		width:297px;
		float:left;
	}
	
	#single_person_content{
		width:auto;
		float:none;
		overflow:hidden;
	}
	
	#single_person_img{
		width:auto;
		display:table;
		margin-left:auto;
		margin-right:auto;
	}
		
	
	
}


/* Mobile Layout: 100% */

@media only screen and (max-width: 767px) {
	#single_person_container{
		width:100%;
		display:block;
	}
	
	#single_person_sidebar{
		width:100%;
		float:left;
	}
	
	#single_person_content{
		float:left;
		overflow:visible;
		
	}
	
	#single_person_img{
		width:auto;
		display:table;
		margin-left:auto;
		margin-right:auto;
	}
	
	#single_person_sidebar_details{
		width:auto;
		display:table;
		margin-left:auto;
		margin-right:auto;
	}
	
	#single_person_content_container{
		float:left;
		margin-top:27px;
		width:100%;
		
	}
	
	#single_person_content{
		padding-ledt:27px;
		width:auto;
	}
		
	

}


/*Responsive End*/

/***************************
SINGLE PERSON STYLE END
 ****************************/


/**********************
 People Grid -dvn
 *********************/

/*Style*/
.person-image {
    height: 200px;
    margin-bottom: 15px;
    overflow: hidden;
    width: 200px;
}

#contentP .grid-title{
	font-size:27px;
	line-height:27px;
}
#contentP .person-block h2{
	font-size:18px;
	line-height:18px;
	color:#009DDC;
}

#contentP .person-block h3{
	font-size:14px;
	line-height:14px;
	color:#F77905;
}

#contentP .person-block p{
	margin:0;
	color: #8C8C8C;
    font-family: "Franklin Gothic Book";
    font-size: 12px;
    line-height: 15px;
    text-decoration: none;
    text-transform: none;
}

#contentP .person-block h4 a {
	font-family: 'Franklin Gothic Book', Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #8C8C8C;
	text-transform: none;
}

#contentP .student-grid{
	margin-bottom:20px;
	float:left;
}
#contentP .student-title {
	 font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px;
    margin-top: 27px;
    margin-left:27px;
    float:left;
    clear:both;
}

#contentP .student-name {
	 font-size: 12px;
    line-height: 15px;
    color: #8C8C8C;
    font-family:"Franklin Gothic Book";
    text-decoration: none;
    text-transform:none;  
}


/*End Style*/

/*structure at 1026*/

#people_container{
	display:table;
	margin-left:auto;
	margin-right:auto;
}

/*I know ANOTHER content[x]
 But in order to make a univeral people grid
 without rows and nice responsive universal
 people-blocks I had to nerf the padding */
#contentP {
	width: 702px;
	margin-top:27px;
	padding-left:27px;
	float: left;
}

 #contentP .people-grid{
 	float:left;
 	clear:both;
 }

#contentP .person-block{
	width: 207px;
	margin-right: 27px;
	float:left;
	height:320px;
}

#contentP .fellow-block{
	height:390px;
}

#contentP .student-block{
	width: 216px;
	margin-left:27px;
	float:left;
}


#contentP .grid-title{
	float:left;
	clear:both;
}

/*end structure*/


/* Tablet Layout: 768px */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#contentP {
	width: auto;
	float: none;
	overflow: hidden;
}
#contentP .grid-title{
	float: none;
}

}/*end media tablet*/



/* Mobile Layout: 100% */
@media only screen and (max-width: 767px) {
#contentP {
	clear:both;
	width: auto;
	float: none;
	overflow: hidden;
	padding: 10px;
}
#contentP .grid-title{
	float: none;
}

}/*end Mobile media*/



/**********************
 People Grid END
 *********************/



/**********************
 Publication Resources
 *********************/



/*Style*/
#resource_recent_container{
	background-image:url('images/edgreybar.jpg');
	background-repeat: repeat-y;
	background-color: #ededed;
}

.resource-wrap{
	background-color: #e6e6e6;
}

#recent_body_block{
	background-color: #E6e6e6;
}

.greyline-ivmf{
	border-top: 2px solid #CCCCCC;
    display: block;
    height: 2px;
    margin-left: 5%;
    margin-top:27px;
    margin-bottom:27px;
    width: 90%;
    float:left;
    clear:both;
}

.resource_featured_head img{
	margin-bottom: 27px;
}

.resource_featured_container h2{
	font-size:27px;
}

.resource_featured_container p{
	font-size:15px;
	line-height:24px;
}

/*this section is a bunch of tricky css for link boxes
 either single or multiple(dropdown)*/
.publication-links {
	width:211px;
	height: 43px;
	font-family: "Franklin Gothic Demi Compressed", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	word-wrap: break-word;
	text-align: center;
}

.publication-links:hover{
	height:auto;
}


.publication-links ul{
	margin:0;
}
	

.links-single {
    background-color: #009DDC;
    border-radius: 6px 6px 6px 6px;
    cursor: pointer;
    height: 43px;
    outline: medium none;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

.links-single a{
	color:white;
	position: relative;
	top: 12px;
}

.links-single:hover{
	background-color: #7ECAF1;
}

.links-multiple li:first-child:before, .links-multiple li:nth-child(2):before {
    display: none;
}

.links-multiple li:before {
    background-color: #E9E9E9;
    content: ".";
    height: 1px;
    left: 8px;
    overflow: hidden;
    position: absolute;
    right: 8px;
    z-index: 1;
    padding-left:8px;
	padding-right:8px;
   
}

.links-multiple li:first-child, .links-multiple li:first-child a, .links-multiple li:first-child a.middle {
    color: #AAAAAA;
}

.links-multiple li:first-child{
	background: none repeat scroll 0 0 white;
	border: 1px solid #8C8C8C;
    display: block;
    position: relative;
    top: 0;
    text-align: center;
 }
 .links-multiple:hover li{
 	display:block;
 }
 
 .links-multiple li:hover a{
 	color:white;
 }
 
 .links-multiple li{
 	display:none;
 	font-size:16px;
 	height:43px;
 	background-color: #AAAAAA;
	padding-left:8px;
    padding-right:8px;
    border-left: black;
    text-align: left;
 	 
 }
 
.links-multiple li a{
	color: #E9E9E9;
	position: relative;
	vertical-align: middle;
	top: 9px;
	
}

.links-multiple li .t {
    border-bottom: 8px solid #8C8C8C;
    border-left: 8px solid transparent;
    bottom: 0;
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
}

.resource_recent_head span{
	display:block;
	width:211px;
	
}

.resource_recent_head span input{
	width:211px;
	border: 1px solid black;
	height:43px;
	text-align: center;
	font-family: "Franklin Gothic Book";
	font-size: 15px;
	color: #8c8c8c;
	
}

.resource_recent_head span input{
	width:211px;
	border: 1px solid black;
	height:43px;
	text-align: center;
	font-family: "Franklin Gothic Book";
	font-size: 15px;
	color: #8c8c8c;
	
}


.resource_recent_head input[type="submit"]{
	background-color: #009DDC;
    border: medium none;
    border-radius: 6px 6px 6px 6px;
    color: white;
    cursor: pointer;
    font-family: "Franklin Gothic Demi Compressed",Verdana,Arial,sans-serif;
    font-size: 16px;
    height: 43px;
    outline: medium none;
    text-transform: uppercase;
    width:211px;
}

.resource_recent_head input[type="submit"]:hover{
	background-color:#7ECAF1;
}


/*Style End*/

/*Structure at 1026*/

.resource_container{
	width:1026px;
	margin-left:auto;
	margin-right:auto;
}

#main #marge{
	margin-top:45px;	
}

.resource_featured_container{
	float:left;
	clear:both;
}

.resource_featured_head{
	width:243px;
	padding: 27px;
	float:left;
}

.resource_featured_body{
	padding: 27px;
    width: 675px;
    float:left;
}

.resource-wrap{
	width:100%;
	float:left;
	clear:both;
}

.resource-recent-head{
	width:162px;
	margin-left:27px;
	float:left;
	clear:both;
}

.resource-recent-body{
	width:486px;
	float: left;
}

.resource_recent_head{
	float: left;
    padding: 27px;
    width: 228px;

}

/*Structure at 1026 End*/


/*Responsive*/

/* Tablet Layout: 768px */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.resource_container{
		width: 100%;
	}
	
	.resource_featured_body{
		width: auto;
		float: none;
		overflow: auto;
	}

	#recent_body_block{
		width:auto;
		overflow:auto;
		float:none;
		padding: 27px;
	}
	
	
	.resource-recent-body{
		width:auto;
		overflow:visible;
		float:left;
	}
	
	
}/*end media tablet*/



/* Mobile Layout: 100% */
@media only screen and (max-width: 767px) {
	.resource_container{
		width: 100%;
	}
	
	.resource_featured_body{
		width: auto;
		clear:both;
		float: left;
		overflow: auto;
	}

	#recent_body_block{
		width:auto;
		overflow:auto;
		float:left;
		clear: both;
	}
	
	#resource_recent_container{
		width:100%;
	}
	
	.resource-recent-body{
		width:auto;
		overflow: visible;
		float:left;
		clear:both;
		
	}
	
	.resource_container{
		float:left;
		clear:both;
	}
	

	
}/*end Mobile media*/


/*End Responsive*/

/**********************
 Publication Resources END
 *********************/

/***************
 * BRIEFS -dvn
 ***************/
.bold { 
	font-weight: bold;
}
	
#brief_ya .pub-item {
	margin-bottom: 0px;
}	

#brief_ya{
	margin-top:45px;
}
/**Style**/
#brief_ya .brief-contact form input[type="submit"] {
    background-color: #009DDC;
    border: medium none;
    border-radius: 6px 6px 6px 6px;
    color: white;
    cursor: pointer;
    font-family: "Franklin Gothic Demi Compressed",Verdana,Arial,sans-serif;
    font-size: 27px;
    height: 56px;
    outline: medium none;
    text-transform: uppercase;
 }
 
#brief_ya .brief-contact form input {
    border: 1px solid #8C8C8C;
    border-radius: 2px 2px 2px 2px;
    height: 43px;
    outline: medium none;
    width: 100%;
}

#brief_ya .latest-brief {
    font-size: 27px;
    margin-bottom: 20px;
    color: black;
}
	
#brief_ya .brief-title-term {
    font-size: 55px;
    line-height: 45px;
    margin-bottom: 27px;
    text-transform: uppercase;
}

#brief_ya .brief-box {
    margin-bottom: 27px;
}	

#brief_ya .brief-box .url-nav,
.download-brief {
    font-family: "Franklin Gothic Demi Compressed";
    font-size: 14px;
    line-height:14px;
    height:14px;
    text-transform: uppercase;
    margin: 0;
}

#brief_ya .url-nav:hover {
    height: auto;
}

#brief_ya .down-triangle {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 9px solid #009DDC;
    display: inline-block;
    height: 0;
    margin-left: 4px;
    vertical-align: middle;
    width: 0;
}

#brief_ya .url-nav {
    background-color: white;
    color: #009DDC;
    overflow: hidden;
    z-index: 5;

}

#brief_ya ul li{
	margin: 0;
}

#brief_ya ul li:before{
	border: 0;
    content: "";
    display: block;
    height: auto;
    left: 0;
    position: relative;
    top: 0;
    width: auto;
    margin:0;
	
}

#brief_ya .brief-box h1 {
    font-size: 27px;
    line-height: 27px;
}

#brief_ya .brief-box p {
    font-size: 14px;
    line-height: 20px;
}

#brief_ya .entry-title {
	font-size:27px;
}

#brief_ya .entry-title a {
	font-size:27px;
}


/**Style END**/
	
	
	


/***************
 * BRIEFS END
 ***************/



/******************
 NEWS SOCIAL STYLE 
*******************/
#sub_nav .social-share{
	height:54px;
}

#sub_nav .social-share li {
	float: right;
	width: 134px;
	padding:0px;
}

#sub_nav .page_item .share-line{
	border-bottom: 1px solid white;
	width:50px;
	margin-left:10px;
	margin-right: 10px;
}
#sub_nav .social-share li > a,
#sub_nav .social-share li > span.page_item,
#sub_nav .social-share li .page_item > a,
#sub_nav .social-share li .page_item > span.page_item {
	width: 110px;
}
#sub_nav .social-share li a .IN-widget,
#sub_nav .social-share li span.page_item .IN-widget {
	overflow: hidden;
	height: 30px;
}
#sub_nav .social-share li a .IN-widget a,
#sub_nav .social-share li span.page_item .IN-widget a {
	width: 60px;
}
#sub_nav .social-share li a .IN-widget > span:last-child,
#sub_nav .social-share li span.page_item .IN-widget > span:last-child {
	position: relative;
	top: 8px;
}
#sub_nav .social-share li.page_item.googleplus span > div {
	width: 100% !important;
	height: 20px !important;
}
#sub_nav .social-share li.page_item.googleplus iframe {
	height: 100%;
	width: 100px !important;
}

#sub_nav span.page_item{
	position:relative;
	left:10px;
	top:10px;
}

/******************
 NEWS SOCIAL STYLE end 
*******************/



/*Comment Styling using Devens manual comment retrieval loop such as in single.php*/



/*********
 *Comments
 *  */
 
 /**Structure at 1026*/
#comment-ribbon{
	width:100%;
	background-color: #e6e6e6;
	float:left;
}
	
#comment-section{
	float:left;
}
	
#comment-section .ivmf-form-section{
	float:left;
	padding:27px;
	width:675px;
}

#comment-section .ivmf-form-section .comment-form-input input{
	width:190px;
	height:43px;
	padding-left:10px;
	color:#8c8c8c;
}

.comment-list-side{
	width: 270px;
	float:left;
	padding:27px;
	padding-right:0;
}

.comment-list-comments{
	float:left;
	width:670px;
	padding:27px;
}

#reply-title{
	
}

.dvn-hop{
float:left;
margin-right:27px;
}


#comment-section .ivmf-form-section .comment-form-comment {
	clear:both;
	width:437px;
	float:left;
	margin-right: 27px;
}

#comment-section .ivmf-form-section .comment-form-comment textarea{
	width:422px;
}
	
.form-submit{
	float:left;
	width:204px;
	margin-left:3px;
}	

.form-submit #submit{
	width:204px;
}
 
/* Tablet Layout: 768px */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#comment-section{
		
	}
	
	#comment-section .ivmf-form-section{
		float:left;
		padding:0px;
		width:100%;	
	}
	
.comment-list-comments{
	float:left;
	clear:both;
	width:100%;
	padding:0px;

	}
	
	
} 
 
/* Mobile Layout: 100% */
@media only screen and (max-width: 767px) {
	
	#comment-section{
		width: 100%;
	}
	#comment-section .ivmf-form-section{
		float:left;
		padding:0px;
		width:100%;
	}
	.comment-list-comments{
		padding:0px;
	float:left;
	clear:both;
	width:100%;

	}
	
	#comment-section .ivmf-form-section .comment-form-comment textarea {
    width: 90%;
	}	

	#comment-section .ivmf-form-section .comment-form-comment {
	width:100%;
	margin-right:0;
	}
	
}

/*Style*/


#comment-section .ivmf-form-section .comment-form-comment textarea{
	color: #8c8c8c;
	padding-left:10px;
	padding-top:10px;
	resize:none;
	font-family:"Franklin Gothic Book";
}

#comment-section .ivmf-form-section input{
	font-family:"Franklin Gothic Book";
}

#comment-section .ivmf-form-section input[type="submit"]{
	font-family:"Franklin Gothic Demi Compressed";
}


#comment-section{
	background-image:url('images/edgreybar.jpg');
	background-repeat:repeat-y;
}

#comment-section .ivmf-form-section{
	background-color: #e6e6e6;
}

#respond #reply-title{
	display:none;
}
.grey-text{
	color: #8c8c8c;	
}


.form-submit #submit{
	background-color: #009ddc;
	color: white;
	height:56px;
	font-family:"Franklin Gothic Demi Compressed";
	font-size:27px;
	cursor: pointer;
	border: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
}

.form-submit #submit:hover{
	background-color: #7ecaf1;
}





#commment-section{
	clear: both;
}
.comment-form-author label {
	display: none;
}
.comment-form-author span {
	display: none;
}

.comment-notes{
display: none;	
}

#comments-title-ivmf{
font-size: 55px;
font-family:"Franklin Gothic Demi Compressed";
text-transform: uppercase;
text-align: left;

}


#commentform .logged-in-as{
margin-left: 27px;	
}

.ivmf-comment{
margin-left: 27px;
margin-bottom:27px;
}

#reply-title{
padding:27px 0 0 27px;
width: 270px;
background-color: #ededed;
float: left;
text-transform: uppercase;
text-align: left;
font-size:55px;
font-family:"Franklin Gothic Demi Compressed";
}


.form-allowed-tags {
	display: none;	
}

#main_interferes .ivmf-author p{
	font-family:"Franklin Gothic Demi Compressed";
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
}

#main_interferes .ivmf-comment-body{
	font-size:15px;
	line-height:24px;
	
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



