.horizontalMenu{
/*Change Menu Background Colors ONLY Here*/
}
.horizontalMenu .l_tinynav1 a{
/*Change Menu Text Colors ONLY Here*/
}
.activeMenu{
/*Change Active Menu Text Color Only Here*/
/*color: red !important;*/
}
#home-content h4{margin-top: 20px; margin-bottom: 10px;}
#home-content li{list-style-position: outside;}
.purpleDate{background-color: #B094B5;}
#home-content .purpleText{color: #763775; font-weight: bold;}
#home-content .closeList li{margin-bottom: 0;}
#home-content .closeParagraph{margin-bottom: 5px !important;}
#home-content .farList li{margin-bottom: 10px;}
#home-content .farList li li{margin-bottom: 0px;}
#home-content #accordion ul{margin-left: 30px;}
#home-content #accordion h3{clear: left;}
#home-content .pdfItem{list-style-type: none; list-style-image: url("/global/images/pdf.png"); margin-left: 0px;}
#home-content .docItem{list-style-type: none; list-style-image: url("/global/images/doc.png"); margin-left: 0px;}
/**********HOMEPAGE**********/
#home-content .grid4 .btn{width: 100%; margin: 5px 0;}
#home-content .homepage .grid4{margin-top: 14px;}
#home-content .newsSection{background-color: #f7f7f7; padding-bottom: 1px; margin-bottom: 5px; padding: 5px;}
#home-content .newsSection h3{margin-top: 0;}
#home-content .newsSection li{margin-bottom: 10px; font-size: .95em; line-height: normal;}
#home-content .newsSection p{font-size: .95em; text-align: center; margin: 0; border-top: 1px solid #ddd; padding-top: 5px;}
#home-content .sideContent .newsSection .btn{font-size: .95em;}
.stayConnected{
background-image: -moz-linear-gradient(top, #f7f7f7, #eee);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#eee));
background-image: -webkit-linear-gradient(top, #f7f7f7, #eee);
background-image: -o-linear-gradient(top, #f7f7f7, #eee);
background-image: linear-gradient(to bottom, #f7f7f7, #eee);
background-repeat:repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#eee', GradientType=0);
filter: progzid:DXImageTransform.Microsoft.gradient(enabled=false);
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5ODAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGN0Y3RjciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5ODApIiAvPgo8L3N2Zz4=); padding: 10px;
display: inline-block;
border: 3px solid #ececec;
margin-top: 5px;
}
#home-content .stayConnected h4{text-align: center; margin-top: 0;}
.stayConnected .facebookIcon a{
background: url(../images/logos1.png) 0px 0px no-repeat;
padding: 12px 0 6px 45px;
}
.stayConnected .facebookIcon a:hover{background: url(../images/logos1.png) 0px -40px no-repeat;}
.stayConnected .twitterIcon a{
background: url(../images/logos1.png) -141px 0px no-repeat;
padding: 12px 0 6px 45px;
}
.stayConnected .twitterIcon a:hover{background: url(../images/logos1.png) -141px -40px no-repeat;}
.stayConnected .instagramIcon a{
background: url(../images/logos1.png) -282px 0px no-repeat;
padding: 12px 0 6px 45px;
}
.stayConnected .instagramIcon a:hover{background: url(../images/logos1.png) -282px -40px no-repeat;}
.stayConnected .googleIcon a{
background: url(../images/logos1.png) -423px 0px no-repeat;
padding: 12px 0 6px 45px;
}
.stayConnected .googleIcon a:hover{background: url(../images/logos1.png) -423px -40px no-repeat;}
.stayConnected .facultyNewsIcon a{
background: url(../images/logos1.png) -564px 0px no-repeat;
padding: 12px 0 6px 45px;
}
.stayConnected .facultyNewsIcon a:hover{background: url(../images/logos1.png) -564px -40px no-repeat;}
.stayConnected a{margin-bottom: 10px;}
.stayConnected a{
float: left;
font-size: .85em;
line-height: 12pt;
text-align: left;
text-decoration: none;
color: #575757;
}
.stayConnected a:hover{
text-decoration: underline;
color: #763775;
}
#home-content .awardsHonors{margin-top: 15px;}
#home-content .awardsHonors img{height: 100px; padding-left: 10px;}
#ctl00_pnlContact h3{margin-bottom: 10px;}
#ctl00_pnlContact p{margin: 10px 0;}
/*#home-content .btnGrid{margin-top: 10px;}*/
#home-content .swLogo{margin: auto auto; clear: left; width: 200px;}
#home-content .youtubeTitle{text-align: center; font-size: 1.2em; margin-top: 3px; margin-bottom: 10px; color: #763775; padding-top: 0; font-weight: bold;}
#home-content .videoHome{padding: 0 5px; padding-top: 0;}
/**********FACULTY NEWS**********/
#home-content .facultyNews .grid2{background-color: #eee; text-align: center; padding: 2px; padding-top: 12px; font-weight: bold;}
#home-content .facultyNews .grid10{padding-left: 20px;}
#home-content .facultyNews .grid12 .grid12{margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
/**********PANELS**********/
.gPadding{margin-bottom: 15px;}
.gPadding.firstGrid{margin-right: 10px;}
.gPadding.midGrid{margin-left: 5px; margin-right: 5px;}
.gPadding.lastGrid{margin-left: 10px;}
.gPadding img{width: 100%;}
.btnSuccess{width: 100%;}
.panelInfo{
display: block;
text-decoration: none;
position: relative;
font-family:'opensansbold',arial;
}
.panelInfo span.panelTitle{
position: absolute;
bottom: 6px;
left: 0;
width: 100%;
padding: 5px 8px;
background:rgba(118, 55, 117, .8);
color: white;
}
.panelInfo:hover{
-webkit-transform: scale(1.03);
-o-transform: scale(1.03);
-moz-transform: scale(1.03);
transform: scale(1.03);
}
.panel{display: block;}
.panel h2{line-height: 30px; padding-top: 15px;}
.panel .backBtn{float: right; font-size: small;}
/**********PHILADELPHIA**********/
#home-content .learnMore{
font-weight: bold;
text-align: center;
font-size: 1.1em;
border-top: 1px dotted #ddd;
border-bottom: 1px dotted #ddd;
display: inline-block;
width: 100%;
padding: 15px 0;
}
/**********TUITION AND FINANCIAL AID**********/
#home-content .postGradEmploy .grid12{border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px;}
#home-content .postGradEmploy .grid10{padding-left: 20px;}
#home-content .tuitionFinAid .grid8 li{margin-bottom: 10px;}
/**********ADMISSIONS**********/
#home-content .admissions li li{margin-bottom: 0;}
#home-content .admissions li{margin-bottom: 10px;}
/**********CURRICULUM**********/
#home-content .bottomSpace{margin-bottom: 20px;}
#home-content .leftGrid{padding-right: 20px;}
#home-content .curriculum .grid4{font-size: .95em; line-height: 22px;}
#home-content dt{padding: 0px !important; margin-top: 10px;}
#home-content dd{padding: 5px 0;}
#home-content dl{margin: 0;}
#home-content .greyBox{background-color: #eee; padding: 15px 10px; margin-bottom: 10px;}
#home-content .greyBox .btn{width: 100%; margin: 5px 0;}
#home-content .greyBox h3, #home-content .greyBox h4:first-child{margin-top: 0;}
#home-content .curriculum .grid4 .btn{width: 100%;}
.fancyboxText{padding: 0 20px 20px 20px; font-family: 'OpenSansRegular'; line-height: 22px; font-size: .95em; width: 500px;}
.fancyboxText ul{margin-left: 20px;}
.fancyboxText li{margin-bottom: 10px;}
.fancyboxText li li{margin-bottom: 0px;}
/**********FACULTY AND STAFF**********/
#home-content .facultyStaff .grid12 .grid12{border-bottom: 1px solid #eee; margin-bottom: 15px; padding-bottom: 5px;}
#home-content .facultyStaff .grid12 .grid12:last-child{border-bottom: none;}
#home-content .facultyStaff .floatLeft, #home-content .facultyStaffPage .floatLeft{float: left; margin-right: 20px;}
#home-content .facultyStaff .floatRight, #home-content .facultyStaffPage .floatRight{float: right; margin-left: 20px;}
#home-content .facultyStaff p, #home-content .facultyStaffPage .topGrid p{margin-top: 0; margin-left: 165px;}
#home-content .facultyStaff .nameParagraph{font-weight: bold; font-size: 1.1em;}
#home-content .videoListItem, #home-content .awardList, #home-content .linkList, #home-content .publicationList{
list-style-type: none;
text-indent: -22px;
}
#home-content .videoListItem:before{content: "\f03d"; font-family: "FontAwesome"; margin-right: 9px;}
#home-content .awardList li:before{content: "\f091"; font-family: "FontAwesome"; margin-right: 9px;}
#home-content .linkList li:before{content: "\f0c1"; font-family: "FontAwesome"; margin-right: 9px;}
#home-content .publicationList li:before{content: "\f02d"; font-family: "FontAwesome"; margin-right: 9px;}
#home-content .facultyStaffPage li{margin-bottom: 0;}
#home-content .qualList{list-style-type: none; margin-left: 0; font-weight: bold;}
.interestArea{
padding-left:160px;
}
/*#midGrid {padding-top: 70px; padding-left: 20px; padding-right: 20px; margin-left: 0px;}
#lastGrid {padding-top: 83px;}
div#degreeGrid {margin-top: 82px; padding-left: 30px;}*/
/**********FIELD PRACTICUM**********/
#home-content .fieldPracticum .greyBox{font-size: .95em; line-height: 22px;}
#home-content .fieldPracticum .grid4 p{margin-bottom: 0;}
#home-content .docList li{
list-style-type: none;
list-style-image: url("/global/images/doc.png");
margin-left: 10px;
}
/*@media only screen and (max-width:1530px) {
#home-content .facultyStaff .floatLeft, #home-content .facultyStaffPage .floatLeft{float: none;}
#midGrid {margin-left: -100px;}
}
@media only screen and (max-width:1256px) {
#midGrid {margin-left: -50px;}
}
@media only screen and (max-width:945px) {
#midGrid {padding-top: 85px; margin-left: -25px;}
#lastGrid {padding-top: 95px;}
}*/
@media only screen and (max-width:960px){
.stayConnected .grid6{width: 100%;}
}
@media only screen and (max-width:768px){
/*Media Query Example*/
#home-content .homepage .grid8{margin-top: 0px;}
.stayConnected .grid6{width: 25%;}
#home-content .awardsHonors{text-align: left;}
#home-content .linkWrapper .grid4, #home-content .linkWrapper .grid6{width: 50%;}
.panelInfo span.panelTitle{height: auto; padding: 10px;}
#home-content .gPadding{margin: 0 10px;}
#home-content .postGradEmploy .grid10{width: 80%;}
#home-content .postGradEmploy .grid10 p{margin-top: 0;}
#home-content .postGradEmploy .grid2{width: 20%;}
.fancyboxText{width: auto;}
#home-content .leftGrid{padding-right: 0px;}
#home-content .facultyNews .grid2{padding-top: 0px; text-align: left;}
#home-content .facultyNews .grid10{padding-left: 0;}
#home-content .facultyStaffPage .grid4{padding: 0;}
/*#midGrid {padding-top: 0; padding-left: 0; padding-right: 0; margin-left: 0;}
#lastGrid {padding-top: 0;}*/
#home-content .videoHome{width: 50%;}
}
@media only screen and (max-width:480px){
.stayConnected .grid6{width: 100%;}
.stayConnected .grid6 a{margin-bottom: 5px;}
#home-content .linkWrapper .grid4, #home-content .linkWrapper .grid6{width: 100%;}
#home-content .linkWrapper .panelInfo{width: 75%; margin: auto;}
.gPadding{margin: 0;}
.panelInfo span.panelTitle{height: 58px; padding: 5px 10px;}
#home-content .postGradEmploy .grid10{padding-left: 0px;}
#home-content .postGradEmploy .grid10{width: 100%;}
#home-content .postGradEmploy .grid2{display: none;}
#home-content .facultyStaff .floatLeft, #home-content .facultyStaffPage .floatLeft{display: none;}
#home-content .facultyStaff p, #home-content .facultyStaffPage .topGrid p{margin-left: 0;}
#home-content .videoHome{width: 100%;}
#home-content .videoHome img{max-width: 310px; display: block; margin: 0 auto; margin-top: 10px;}
}