﻿/*
Developed for Aga Khan University's official website
Developed by: Rahim Khowaja, Mohammed Karim, Akber Iqbal
department of Public Affairs, Aga Khan University 2016
*/
@import url('/css?family=Open+Sans:300italic,400italic,700italic,300,400,700');
@import url('/css?family=Roboto+Slab:400,100,300,700&subset=latin,latin-ext');



/*---------Jobs New css--------*/

.HRStyle1
{
    
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}
.HRStyle2
{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    
}
.HRStyle3
{
     border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
.hrefclass a
{
	color:#333333 !important;
}
.JobMainTitle
{
   font-family: "Lato","Helvetica Neue","Arial","Helvetica",sans-serif;!important;
	font-size: 24px !important;
	font-weight: bold !important;
	color:#000000 !important;	
	line-height:normal ;
}

.tdmainjobsdetail
{
  vertical-align:top !important;
   padding-bottom:12px !important; 
   font-family:"Lato","Helvetica Neue","Arial","Helvetica",sans-serif;!important;
   font-weight:bold !important;
   color:#000000 !important;
   font-size:14px !important;
}
.litdisplay
{
    vertical-align:top !important;
   font-family:"Lato","Helvetica Neue","Arial","Helvetica",sans-serif;!important;
   font-weight:normal !important;
   color:#000000 !important;
  font-size:14px !important;
   margin-top:0px !important;
    line-height:18px !important;
  
    
}

.hrdiv
{
     border-top-style:dashed;
     border-top-color:Gray; 
   border-top-width:1px;
       width:100%;
    
  
       
}

.jobtitle
{
	font-size:14px !important;
	font-family:Open Sans,Lucida sans, Arial!important;
	font-style:normal!important;
	color:#333333 !important;
	font-weight:600 !important;
}
.jobtitle a
{
color:#333333 !important;
line-height:15pt !important;
}
.joblocation
{
	font-size:14px !important;
	font-family:Open Sans,Lucida sans, Arial!important;
	font-style:normal!important;
	color:#333333 !important;
}
.jobdate
{
	font-size:14px !important;
	font-family:Open Sans,Lucida sans, Arial!important;
	font-style:normal!important;
	color:#333333 !important;
}
.displaycout
{
	font-size:14px !important;
	font-family:Open Sans,Lucida sans, Arial!important;
	font-style:normal!important;
	color:#666666 !important;
	font-weight:600 !important;
}
.witdhtr12
{

	float:right;
}
.witdhtr1
{
	width:57.5%;
}
.witdhtr2
{
	width:23.5%;
}

.witdhtr3
{
	width:20%;
}
.witdhtr3
{
	width:20%;
}

.tblejobs
{
}
.tblejobs td
{
   padding-bottom:12px;
}

.nopadding
{
	
padding:4px 8px !important;
}
.marginm5
{
	margin-left:-5px !important;
	margin-right:-5px !important;
}
.nopadding-t1
{
	padding:0px!important;
}
.jobserachdivinner
{
	background-color: #E6E7E8!important; margin-top: 5px!important; height: auto!important;
}
.facultyserachdivinner
{
	background-color: #E6E7E9!important; margin-top: 5px!important; height: auto!important;
}
.margin-left7
{
	margin-left:7px;
}
.margin-top5
{
	margin-top:5px;
}
.margin-topm3
{
	margin-top:-3px;
}

.margin-top20
{
	margin-top:20px;
}
.margin-top25
{
	margin-top:25px;
}
.margin-topm20
{
	margin-top:-20px;
}

.margin-top15
{
	margin-top:15px;
}
.margin-right15
{
	margin-right:15px;
}
.margin-right10
{
	margin-right:10px;
}

.margin-top10
{
	margin-top:10px;
}
.margin-top10m
{
	margin-top:-10px;
}

.margin-bt0
{
	margin-bottom:0px;
}
.margin-top3
{
	margin-top:3px;

}
.h4-lineheight25
{
	line-height:25px;
}
.margin-bottom15
{
	margin-bottom:15px;
}
.eventdetailcontentborder
{
    border-top: 15px solid #008d4f !important
}
.margin-bottom30
{
	margin-bottom:30px!important;
}

.margin-bottom5
{
	margin-bottom:5px;
}

.margin-bottom3
{
	margin-bottom:5px;

}
.margin-right-left10
{
	margin-left:10px;
	margin-right:10px;
}
.margin-top-bottom10
{
	margin-top:10px;
	margin-bottom:10px;
}
.margin-bottom20
{
	margin-bottom:20px;
}
.margin-bottom10
{
	margin-bottom:10px;
}

.margin-bottom25
{
	margin-bottom:25px;
}

.margin-bottom15
{
	margin-bottom:15px;
}
.height-350
{
	height:350px;
}
.h4-height-60
{
	min-height:60px;
}
.h4-height-340
{
	min-height:340px;
}

.btnfixedjob
{
	width:100px!important;
}
.margin-right20
{
	margin-right:20px !important;
}
.margin-right25
{
	margin-right:25px !important;
}

.margin-left10
{
	margin-left:10px !important;
}
.margin-left15
{
	margin-left:15px !important;
}

.margin-left8
{
	margin-left:8px !important;
}
.margin-left20
{
	margin-left:20px !important;

}
.padding-bt-5
{
	padding-bottom:5px;
}
.padding-tp-5
{
	padding-top:5px;
}
.padding-tp-15
{
	padding-top:15px;
}

.padding-bt-12
{
	padding-bottom:12px;

}
.padding-bt-10
{
	padding-bottom:10px;

}
.padding-bt-20
{
	padding-bottom:20px;

}

.padding-tp-12
{
	padding-top:12px;

}
.padding-tp-10
{
	padding-top:10px;

}
.padding-tp-5
{
	padding-top:5px;

}
@media only screen and (min-width : 992px) 
{

.detailjb .col-md-10
{
	padding-top:12px;
}
}
/*-------------Event New Funtionlity CSS----------------*/


.btn_viewall
{
    margin-bottom: 2px !important;
}

.div_search_md
{
    padding-bottom: 10px!important;
    text-align: center!important;
} 

.marginbtnm25
{
	
	margin-bottom:-25px;
}
.bodycopy
{
	font-size:16px !important;
	font-family:Open Sans,Lucida sans, Arial!important;
	font-style:normal!important;
	color:#666666!important;
	margin-top:10px;
}
.bodycopy span
{
	font-size:16px !important;
	font-family:Open Sans,Lucida sans, Arial!important;
	font-style:normal!important;
	color:#666666!important;
}
.bodycopy p
{
	font-size:16px !important;
	font-family:Open Sans,Lucida sans, Arial!important;
	font-style:normal!important;
	color:#666666!important;
}

.bordertop
{
	border-top:1px solid #008d4f!important;
}
.bordertopEB
{
	border-top:1px solid #008d4f!important;
}

.eventlsttitlef
{
	font-size:16px !important;
	font-family:"Roboto Slab"!important;
	font-style:normal!important;
	font-weight:600!important;
	color:#333333 !important;
}
.eventlsttitlefEB
{
	font-size:16px !important;
	font-family:Open Sans,Lucida sans, Arial!important;
	font-style:normal!important;
	font-weight:600!important;
	color:#6db33f !important;
}
.tdpagging a
{
	color:#666666 !important;
}
.eventlsttitle
{
    font-size: 20px !important;
    font-family: "Roboto Slab", Helvetica, Arial, sans-serif!important;
    font-style: normal!important;
    color: #333!important;
    font-weight: 500 !important;}
.eventlsttitle span
{
	color: #333!important;
}
.eventlsttitleEB
{
	font-size:17px !important;
	font-family:Open Sans,Lucida sans, Arial!important;
	font-style:normal!important;
	color:#6db33f !important;
	font-weight:600 !important;
}
.eventlistbtnmore
{
	color: #FFFFFF!important;
	background:none repeat scroll 0 0 #008d4f!important;
	
}
.eventlistbtnmoreEB
{
	color: #FFFFFF!important;
	background:none repeat scroll 0 0 #6db33f!important;
}

.eventsummary {
    font-size: 14px !important;
    font-family: Open Sans;
    font-style: normal!important;
    color: #424242 !important;
}
.homeeventstitle
{
	font-size:18px;
	
}
.margin-leftright
{
	margin-top:10px!important;
	margin-bottom:10px!important;
	padding-left:10px!important;
	
}
.searh-box-fix
{
	margin-right:45px;
	
}
.margin-left36
{
	margin-left:36px;
}
.events-line-main
{
	margin-bottom:36px;
	padding-left:20px;
	padding-right:20px;
}
.ms-webpart-zone
{
	display:inline-block!important;
}
.eventpaggingdiv
{
	padding-bottom:36px!important;
	padding-left:300px!important;
	
}

.TDCreate1
{
font-size:12px;
font-family:Arial;
font-weight:bold;
}
.DivDetailImage
{
border:1px gray solid;
width:288px;
height:310px;
}
.hrdiveventd
{
	
	 border-top-style:dashed;
     border-top-color:Gray; 
   border-top-width:1px;
       width:100%;

}
.txtkeywordevent
{
	

        padding: 0;
		margin: 0px 0 0 0;
		float: left;
		border: 1px solid black;
		margin-left: 0px !important;
				font:12px Arial !important;
		color:#000000 !important; 
}
.divdetailbottomright
{
	width:25%;
	float:right;
	margin-top:-18px;
		
	


	
}
.divdetailbottomleft
{
	width:73%;
	float:left;
	height:auto;
	line-height:18px;
	margin-top:-20px;
		}
.tbl_inner_event_detail
{
	margin:10px 10px 10px 10px;
	
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('images/error.png');
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.tbleventcreate
{
	
}
.tbleventcreate td
{
	padding-bottom:10px;
}
.divtopevntdetail
{
	border:1px gray solid;margin-top:20px;height:314px;margin-bottom:36px;
}
.BtnCSS
{
border: 0 none;
font-size: 10px;
height: 18px;
margin: 0;
padding: 0 10px;
 cursor:pointer

}
.tblmiddle 
{
	margin-left:-4px;
}
.lnkmore
{
	text-decoration:none;
	color:white;
	background-color:#008d4f;

display:block;

}
.lnkmore:hover
{
	text-decoration:none;
}
.showalla
{
	text-decoration:none !important;
	font-size:11px  !important;
}

	.datetimecss
	{
	width:140px !important;
}
		
.tdeventtitlehome
{
	
	padding-bottom:12px;
	
}
.tdtitldate{
		padding-bottom:24px;
	
}


.tdheading
{
	font-size:11px!important;
	font-weight:bold !important;
	color:#404041!important;
	font-family:Open Sans,Lucida sans, Arial!important;
	
}
.tdheading1
{
	font-size:16px !important;
	color:#404041 !important;
	font-family:Open Sans,Lucida sans, Arial!important;
	
}
.tdheading1 td
{
	font-size:16px;
	color:#404041;
	font-family:Open Sans,Lucida sans, Arial!important;
	
}

.tdheading2
{
	font-size:14px!important;
	color:#404041!important;
	font-family:Open Sans,Lucida sans, Arial!important;
	
}
.tdheading2b
{
	font-size:12px!important;
	color:#404041!important;
	font-family:Arial!important;
	font-weight:bold!important;
	text-decoration:none;
}

.tdheading3
{
	font-size:16px !important;
	color:#404041 !important;
	font-family:Arial !important; 
	
}
.tdheading4
{
	font-size:18px !important;
	color:#404041 !important;
	font-family:Arial !important;
	
}

.tdheading5
{
	font-family:Arial !important;	
	font-size:14px !important;
	font-weight:bold !important;
	color:#404041 !important;
	text-decoration:none !important;
}

.tdtitldate1{
	
	padding-bottom:15px;	
	line-height:14px;
}

.tdshowall
{
	font-size:11px !important;
	text-align:right;
}
.divshowall
{
	text-align:right;
	font-size:11px !important;

}
.tdimagehomepage
{
	
	padding-bottom:18px;
}
.divmainhomewp
{
	font-family:Arial!important;
	line-height:12px!important;
	margin-left: -3px;
    margin-right: 0px;
    margin-top: -3px;
   }
.divhomecontentdataset
{
	margin:1px 1px 0px -1px;
}
. eventhomeimg
{
	width:206px;
	height:140px;
}
.divmainevnbtlist
{
	width:70%;
	float:left;
}

.innerdivlist
{
	border-bottom: 1px solid #008d4f;
}

.divlistimgouter
{
	border:1px solid gray;
	width:144px;
	height:108px;
}
.divlistimginner
{
	width:144px;
	height:104px;
	margin:2px 2px 2px 2px;

}
.listtitle
{
	font-size:16px !important;
	font-family:Arial!important;
}
.innertablelst td
{
	font-size:10.5px;
	font-family:Arial;
	color:#404041;
}
.lineeventlst
{
border-top: 1px solid rgba(0,141,79,0.4) !important;
}

.lineeventlst1 {
    border-top-color: white;
    border-top-style: solid;
    border-top-width: 1px;
}
.divbottomlist
{
	width:100%;
	margin-top:8px;
	margin-bottom:50px;
	margin-top:auto;
	float:left;
}
.eventsstatictextbottom
{
	width:60%;
	
}
.divmainfeaturedlist
{
	margin-left:-12px;
}
.divimgfeaturedlist
{
		margin:4px 5px 5px 6px;
}
.titlefeaturedlist
{
	font-size:18px!important;
	font-family:Open Sans,Lucida sans, Arial!important;
	font-weight:700;
	text-decoration:none!important;
}
.paddinglb
{
	padding-bottom:15px;	
}
.paddinglb1
{
	padding-bottom:6px;
	padding-left:5px;
}
.paddinglb2
{
	
	padding-left:4px;

}
.divsearchinner
{
margin-left:4px;

}
.tablesearchinner
{
	margin-top:22px;
	margin-bottom:22px;
}
.tablesearchinner1
{
	margin-top:22px;
	margin-bottom:22px;
	margin-left:auto;
	margin-right:auto;
}

.divmaineventdeatil
{
	font-family:Arial!important;
	
}
.eventdetailinnertable
{
	height:100%;margin-top:20px;
}
.detailevntname
{
	font-size:20px!important;
	font-weight:bold !important;
	font-family:Arial!important;

}
.liteventsubname
{
	font-size:18px!important;
	padding-bottom:30px;
}
.heading8
{
	font-size:18px!important;
	font-family:Arial!important;
	color:#404041!important;

}
.paddingb3
{
	padding-bottom:30px;
}
.detailinnerbottomdiv
{
	float:left;margin-top:16px;
}
.detailimagecredit
{
	font-style:italic;
	padding-bottom:36px;
}
.divdetailbottomright1a
{
	margin:2px 2px 8px 2px;width:100%;
}
.heading3a
{
	font-family:Arial!important;
	font-size:14px!important;
}
.heading13
{
	font-family:Arial!important;font-size:12px!important;color:#404041!important;
}
.garytopbottom
{
	
	border-top:2px solid gray;margin:2px 2px 2px 2px;width:100%;
}
.eventdetailmargin
{
	margin-left:0px;
}
.btnaku
{
	color:white;
	background:none repeat scroll 0 0 #008d4f;!important;
}
.btnakueb
{
	color:white;
	background:none repeat scroll 0 0 #6db33f;!important;

}
.btnakueb:hover
{
	color:white;
	background:none repeat scroll 0 0 #6db33f;!important;

}

.akuhospitals
{
	color:white;
	background:none repeat scroll 0 0 #F0191E;!important;

}
akuhospitals
{
	color:white;
	background:none repeat scroll 0 0 #F0191E;!important;

}
akuhospitals:hover
{
	color:white;
	background:none repeat scroll 0 0 #F0191E;!important;

}
.ui-dialog-titlebar { display: none; }
.paddingb1{
padding-bottom:16px;
}
.paddingb2
{
	padding-bottom:10px;
}

.spnrequired
{
	color:red;
	font-weight:bold;
	font-size:12px;
	font-family:Arial;
	
}
.notificationforall{border:3px solid #d55b5b;background-color:#ffcdcd;padding:5px;}
.status{background-color:transparent;background-image:none;color:#00A8C6;}
.lnheight{
	line-height:18px;
}
.newseventsa1
{
	color: #008751!important;font-family:Arial!important;font-size: 12px!important;text-decoration: none!important;
}
.newseventstd1
{
	
	
	color: #666666 !important; font-family:Arial!important;font-size: 11px!important;
}
.div_main_searcheventcss
{
	border-top:none !important;
}
/*******************Events big changes*************************/
.padding-0
{padding-left:0px !important;padding-right:0px !important;}
.btnmain
{
}
 .btnmain input[type=submit]
 {
	color:#3c3770 !important;
	font-size:12px !important;
	border:2px solid #3c3770!important;
	font-family:"Roboto Slab", Helvetica , Times New Roman !important;
	font-weight: 700 !important;
    font-style: normal !important;
    background-color:#ffffff!important;
     padding:3px 8px !important;
}
.Btnaku
{
	color:#3c3770 !important;
	font-size:12px !important;
	border:2px solid #3c3770!important;
	font-family:"Roboto Slab", Helvetica , Times New Roman !important;
	font-weight: 700 !important;
    font-style: normal !important;
    background-color:#ffffff !important;
}
.btnsearchevntmain
{

}
.btnsearchevntmain a
{
	color:#3c3770 !important;
	font-size:12px !important;
	border:2px solid #3c3770!important;
	font-family:"Roboto Slab", Helvetica , Times New Roman !important;
	font-weight: 700 !important;
    font-style: normal !important;
    background-color:#ffffff !important;
}
.btnsearchevnt
{
	 padding:3px 8px !important;
}
.btnsearchjobp
{
	 padding:4px 8px !important;
}

.margin-left0
{
	margin-left:0px !important;
}
.eventpaggingdiv1
{
	padding-bottom:36px!important;
	padding-left: 330px!important;
}
.divpast
{
	margin-top:20px!important;
	margin-bottom:2px!important;
	margin-left:8px!important;
}
.ulpast
{
	list-style-type: none!important;
    padding: 0px!important;
    margin: 0px!important;
    margin-top: 2px!important;
    margin-bottom: 2px!important;
    margin-left: 8px!important;
    }

.ulpast li a
{
   color: #fff !important;
    font-size: 14px !important;
    font-family: Open Sans,Lucida sans, Arial !important;
    font-style: normal!important;
    font-weight: 600 !important;
}

.ulpast li a span {
    color: #fff !important;
    font-size: 12px !important;
    font-family: Open Sans,Lucida sans, Arial !important;
    font-style: normal!important;
    font-weight: normal !important;
}

.ulpast li a:before
{
    font-family: 'FontAwesome';
    content: '\f054';
    font-size: 11px !important;
    color: #008d4f!important;
    margin-right: 10px !important;
 }.ulpast li a:hover
{
    text-decoration:none !important;
 }
#headingpast a:hover
{
	text-decoration:none !important;
	
}

 #headingpast a:before
 {
	font-family: 'FontAwesome';
    content: '\f054';
    font-size: 11px !important;
    color: #008d4f!important;
    margin-right: 10px !important;

	
}

.apast
{
	font-size:12px!important;
	font-family:Arial!important;
	font-weight:normal!important;
	text-decoration:none!important;
}
.divupcomming
{
	margin-top:15px!important;
	margin-bottom:20px!important;
	margin-left:8px!important;
}
/**************Paggination*************/

.pagination
{
	display:inline-flex !important;
	margin:0px !important;
}
.pagination li
{
	
	display:block !important;
}
.pagination li table
{
	
	margin-top:6px !important;
}

.pagginga
{


text-decoration:none;
color:#018d50;
background-color:#f2efef;
}

.pmiddle
{
    background-color: white!important;
    color: #333333 !important;
    font-weight:bold !important;
    margin-right: 5px;
    
    

}
.pfirtschild
{

    background-color: white!important;
    color: #008d4f!important;
}
.plastschild
{
    border-radius: 5px!important;
    background-color: white!important;
    color: #008d4f!important;
}
.pagination>li>a, .pagination>li>span
{
	border-radius: 5px!important;

}
.selecteditem
{
    color: #008d4f!important;
    text-decoration:none;
    font-weight:bold;
    margin-left: 5px;
    margin-right: 5px;
}
#headingpast a
{
	color: #666666 !important;
    font-size: 14px !important;
    font-family: Open Sans,Lucida sans, Arial!important;
    font-style: normal!important;
    font-weight: 600 !important;
}
.lnkmoree
{
font-weight: 700!important;
font-size:14px !important;}
.lnkmoree a:hover
{
text-decoration:none !important;
 
}
.headingcolor
{
	color:	#777 !important;

}
.eventtitle
{
	color: #008d4f!important;
}
.divdetailbottomright1a h4 span
{
	color:	#008d4f!important;
	font-weight:700 !important;
}
.divdetailbottomright1a h4
{
	color:	#008d4f!important;
	font-weight:700 !important;
}
.btnmoree{position:relative;overflow:hidden;padding:2px 8px;font-weight:300;text-transform:uppercase;border:0;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0px 2px 10px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0px 2px 10px 0 rgba(0,0,0,0.12);-ms-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0px 2px 10px 0 rgba(0,0,0,0.12);-o-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0px 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0px 2px 10px 0 rgba(0,0,0,0.12);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}

#mainaddclander a:hover
{
	text-decoration:none !important;
	
}
  
    .marginl15
    {
	margin-left:15px !important;
}
.marginbtm5
{
	margin-bottom:5px !important;
}
.margintp10
{
	margin-bottom:5px !important;
}
.marginbtm20
{
	
	margin-bottom:20px !important;
}
.marginbtm30
{
	
	margin-bottom:30px !important;
}
.marginbtm40
{
	
	margin-bottom:40px !important;
}
.marginrght10
{
	
	margin-right:10px !important;
}


/*****************EB Results*******************/
.whitec
{
	color:#ffffff !important;
}
.margintp80
{
	margin-top:80px;
}
.seachbtnresults
{
	display: block;margin-left: auto;margin-right: auto;max-width: 100px;
}

.schoolcircle
{
	padding: 0px !important;
    border-radius: 100% !important;
}
.candiatecircle
{
	padding: 0px !important;
    border-radius: 100% !important;	
	}
	
	@media screen and (min-width: 767px) {
.studentcontorlscenter
{
width:80%;margin-left:auto;margin-right:auto;
}
.schoolcontorlscenter
{
	width:60%;margin-left:auto;margin-right:auto;
}
}


@media screen and (min-width: 767px) {
.bordercand
{
	text-align:right;
}
}

@media screen and (max-width: 300px) {
.Eventslistingsearchrightbtn
{
	margin-top:5px;
}
}


