@import url('https://www.ccssmyrna.org/pro/css/dis-mobile/font-awesome.min.css');
@import url('https://www.ccssmyrna.org/pro/css/dis-mobile/css_menu.css');
@import url('https://www.ccssmyrna.org/pro/css/dis-mobile/cycle2.css');
@import url('https://www.ccssmyrna.org/pro/css/dis-mobile/stacktable.css');
/*RESET*/
p,h1,h2,h3,h4,h5,h6 {padding:0;margin:0;}
/*BODY STYLES*/
p {padding-bottom:16px;}
h1#page_heading {padding-bottom:20px;}
h1.header_title {width:75%;margin:auto;padding-top:5px;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.ui-body-c {
	text-shadow: none;	
}
a.btn_style_l span.fa, .btn_style_l .ui-btn-inner {
	color: #fff;
}
a.social:hover span.fa {
	opacity: 0.8;	
}
a.btn_style_d span.fa, .btn_style_d .ui-btn-inner {	
	color: #484848;
}
a.social:hover span.fa {
	opacity: 0.8;
}
span.fa {
	font-size:30px;
}
span.fa-times-circle-o {
	font-size:25px;	
}
/*HEADER*/
.ui-header {
    text-align: center;
	min-height:45px;
	text-shadow:none;
	padding-bottom: 5px;
}
.ui-header .ui-btn-right {
    background: transparent;
	border: none;
}
.header_title a.ui-link:hover {
	text-decoration: none;	
}
.header_title a.ui-link {
	text-shadow: none;	
}
.navbtn .ui-btn-inner {
	border: none;
}
/*FOOTER*/
#footer {
	text-align: center;
}
#footer span.fa {
	margin-right: 10px;	
}
#footer .dis_logo {
	background: url('https://www.ccssmyrna.org/pro/dis-mobile/images/footer_logo.png');
	width: 40px;
	height: 24px;
	display: inline-block;	
}
#footer-bar a {
	color: #fff;
	text-decoration:none;
}
#footer-bar a:hover {
	color: #999;
}
@media screen and (orientation: portrait) {
    img#logo {
        max-width: 60%;
    }
}

@media screen and (orientation: landscape) {
    img#logo {
        max-height: 60%;
    }
}

/*SIDE PANEL MENU*/
a.panelbtn {
	width: 102%;
	margin-left: -2px;
}
a.panelbtn span.fa {
	position:absolute;
	left: -50px;
	top: -5px;	
}
a.panelbtn.bacbtn span.fa {
	left: -33px;	
}
a.panelbtn.homebtn span.fa {
	left: -43px;	
}
.menu {
	clear: both;
}
a.panelbtn .ui-btn-inner {
	font-size: 12px;
}

/* RIGHT PANEL*/
#rpanel a.panelbtn span.fa {
	left:-86px;
}
#rpanel .event ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
#rpanel .event ul.left_col {
	margin-right: 10px;
	font-weight: bold;	
}
.rpanel a {font-weight:bold;}

/*CONTENT*/
#main_content {
	text-align: center;
	padding-bottom: 50px;
	padding-top: 30px;	
/*	margin-left:5%;
	margin-right:5%;*/
}
h1#page_heading {
	margin-bottom:15px;
}
h3.detail_heading {
	padding-left:10px;
}
.hardcoded {
	margin: 20px 5px 20px 5px;
}
.hardcoded ul {
	list-style:none;
	padding-left:0;
}
/*FOOTER*/
.fbtns {
    text-align: center;
}

.fbtns a {
    display: inline-block;
    width: 60%;
    margin: 0 0 10px 0;
	max-width: 300px;
}

.fbtns a span.fa {
    margin-right: 10px;
}

.fbtns .ui-btn-inner {
	padding: 0.6em 0;
}

#footer-bar {
	height:40px;
	text-align: center;
}

#footer-bar .footer-site {
	font-size: 0.6em;
	position: absolute;
	left: 10px;
	top: 14px;
	max-width: 30%;
}

#footer-bar .jump {
	font-size: 0.6em;
	display: inline-block;
	margin-top: 14px;
	max-width: 30%;
}

#footer-bar .footer-logo {
	position: absolute;
	right: 10px;
	top: 30%;
	min-width: 16px;
	min-height: 16px;
	max-width: 16px;
	max-height: 16px;
}

/*MISC*/
.ui-btn-inner {
    white-space: normal;
}

/*TOOLS*/
.cms-tool { 
	padding-bottom: 20px;
	display: block; 
	clear:both;
}
h3.toolhead {
	text-align:center;
	padding-bottom:5px;
}
/*UPCOMING EVENTS*/
.event_panels {
	display: none;
}
.upcoming_events_date{
	font-weight: bold;
	padding: .6em 0 .15em;
}
.ue_details {
	display:none;	
}
.rpanel_content {
	font-size: 0.9em;
	overflow-x: hidden;
	overflow-y: auto;	
}
.rpanel_content img {
	max-width: 200px;
}
/*.rpanel_content tr {
	display:inline-block;	
}*/
.rpanel_content td {
	display:inline-block;
}
.rpanel_content iframe {
	width: 223px;	
	border: none;
	height: 700px;
}
/*PROFILES*/
.ui-listview-filter {
	padding-bottom: 20px;
}
.profiles .ui-li-heading {
	margin-top: -4px;
}
.profiles h6.ui-li-heading {
	font-size: .8em;
}
.profiles .ui-li img {
	margin-top:7px;
}
/*RESOURCE CONTENT*/
.rss-btn {
	background: #FF6624;
}
.rss-btn .ui-btn-inner {
	color: #ffffff;
	text-shadow: none;
	font-weight: normal;
}
.content-resources {
	list-style: none;
	padding-left: 0;	
}
.content-resources li {
	padding-bottom: 20px;	
}
.unlinked {
	cursor: default;
	font-weight: bold;
	padding: 6px 0;
	font-size: 16px;
}
.news-describe {
	text-align: left;	
}
.news-describe img {
	display: block;
	margin: auto;
}
/*LINKS*/
.links-list {
	list-style: none;
	padding-left: 0;	
}
.links-list li {
	padding-bottom: 20px;	
}
.link-description {
	text-align: left;	
}
.link-photo img {
	display: inline-block;
	margin: auto;
	margin-bottom:0;
}
/*CONTENT EDITOR*/
.content-editor {
	text-align: left;
	position: relative;	
	word-wrap: break-word;	
}
.content-editor img {
	display: block;
	margin: 0 auto 15px auto;
	max-width: 100% !important;
	height:auto !important;
}

img.cke_image {
	/*margin: 4px .5em 4px .5em;*/
	margin:4px 0px;
}

img.cke_image[style*="float:left"], figure.image[style*="float:left"] img.cke_image {margin-left:0; margin-right:.5em;}
img.cke_image[style*="float:right"], figure.image[style*="float:right"] img.cke_image {margin-right:0; margin-left:.5em;}
/*same as above for IE*/
img.cke_image[style*="float: left"], figure.image[style*="float: left"] img.cke_image {margin-left:0; margin-right:.5em;}
img.cke_image[style*="float: right"], figure.image[style*="float: right"] img.cke_image {margin-right:0; margin-left:.5em;}

.content-editor iframe, .content-editor object, .content-editor embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;	
}
.content-editor video {max-width:100%;height:auto !important;}
.content-editor td {border:1px solid #666;}
.content-editor .photo-container {text-align:center;margin-bottom:15px;}
.content-editor .photo-container img {display:inline-block;margin-bottom:0;}

/*SLIDESHOW*/
.slidehead {
	padding-bottom:10px;
}

/*AUCTION*/
.auction-list {
	margin-top: 10px;
	text-align: left;
	position: relative;
	word-wrap: break-word;
	min-height:400px;	
}
.auction-list iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border:none;
}

/*FACULTY PROFILE*/
.faculty_profile {
	text-align: left;
	position: relative;	
	word-wrap: break-word;	
}
.faculty_profile img {
	display: block;
	margin: 0 auto 15px auto;
	max-width: 100% !important;
	height:auto !important;
}
.faculty_profile iframe, .faculty_profile object, .faculty_profile embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;	
}
.faculty_profile video {
	max-width:100%;
	height:auto !important;
}
.faculty_profile td {
	border:1px solid #666;
}
/*FACULTY DIRECTORY*/
.faculty-list .dirlink {display:none !important;}
.faculty-list .ui-field-contain, .faculty-list .ui-listview-filter {
	background: none !important;border:none;
}
.faculty-list .ui-listview-filter { margin: 20px auto 0 auto;padding-bottom:0;}
.faculty-list .ui-field-contain {padding: 0.7em 5px;}
.faculty-list .ui-field-contain .ui-select {width:100%;}
.faculty-list .ui-listview {margin:0;}
.faculty-list .ui-select .ui-btn-icon-right .ui-icon {right:8px;}
.faculty-list .ui-btn-text {padding-right:35px;}
.faculty-list .fprofile .ui-btn-text {padding:10px;padding-right:35px;}
.faculty-list .fprofile img {max-height:100px;max-width:75px;margin-top:-3px;}
.faculty-list .profile_photo {float:left;padding-right:10px;width:75px;}
.faculty-list .fprofile {clear:both;min-height:116px;}
.ui-popup-container {padding:10px !important;max-width:80% !important;}
.empop form {max-width:100%;}
.empop form fieldset {margin:auto !important;padding:0 !important;}
.empop form div {max-width:80%;margin:auto;background:none !important;}
.empop form div img {width:225px !important;max-width:100% !important;}
.empop .ui-li-desc {word-wrap:break-word;white-space:normal;}
.bacbtn.hidebac {display:none;}
.faculty-list .ui-li .ui-btn-inner a.ui-link-inherit, .faculty-list .ui-li-static.ui-li {
    display: block;
    padding: 0.7em 10px;
}
.empop .ui-input-text {border:none !important;box-shadow:none !important;}
.empop .defaultReal {border:1px solid #000 !important;}
/*Calendar TOOL*/
.cal_details {
	display:none;
}
.ui-selectmenu .ui-header.ui-bar-c {background: linear-gradient(#F0F0F0, #DDDDDD) repeat scroll 0 0 #EEEEEE;}
.calendar .calendar_list_view_date {font-size: 1.25em; font-weight:bold;padding-top:10px;}
.calendar .ui-select .ui-btn {text-align:left;}
#main_content .calendar .ui-select .ui-btn-text {color:inherit !important;}
.cal_date_fields {display:none;}
.ui-datepicker-div {z-index:3;}
.calendar .search_feature {display:none;}
.calendar .ical-btn {width:48%;margin-right:1%;float:left;}
.calendar .rss-btn {width:48%;margin-left:1%;float:right;height:24px;}
#main_content .calendar .rss-btn .ui-btn-inner, #main_content .calendar .ical-btn .ui-btn-inner {padding:2px;}
.calendar .cal_page {clear:both;}
.calendar .left-arrow {padding-left:5px;float:left;}
.calendar .right-arrow {padding-right:5px;float:right;}
.calendar .monthtext {font-weight:bold;font-size:1.2em;margin-top:4px;display:inline-block;}
#main_content .calendar .ui-select a.ui-btn {color:#222222 !important;}
#main_content .calendar a.ical-btn {color:#222222 !important;}
#main_content .calendar a.adv-btn {display:inline-block;margin:auto;}
.calendar .eventcolorsquare, .upcoming-events .eventcolorsquare {border-radius:16px;display:inline-block;height:11px;margin-right:5px;width:11px;}
.divtext {clear:both;display:block;}
/*EMBED TOOL AND VIDEO EMBED*/
.embed {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.embed iframe, .embed object, .embed embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;	
}
.widget {max-width:100%;}
.widget iframe, .widget object, .widget embed, .widget video, .widget audio {max-width:100%;display:block;margin:20px;}
/*PROFILES TOOL*/
/*FACULTY DIRECTORY*/
.profiles .dirlink {display:none !important;}
.profiles .ui-field-contain, .profiles .ui-listview-filter {
	background: none !important;border:none;
}
.profiles .ui-listview-filter { margin: 20px auto 0 auto;padding-bottom:0;}
.profiles .ui-field-contain {padding: 0.7em 5px;}
.profiles .ui-field-contain .ui-select {width:100%;}
.profiles .ui-listview {margin:0;margin-top:10px;}
.profiles .ui-select .ui-btn-icon-right .ui-icon {right:8px;}
.profiles .ui-btn-text {padding-right:35px;}
.profiles .fprofile .ui-btn-text {padding:10px;padding-right:35px;}
.profiles .fprofile img {max-height:100px;max-width:75px;margin-top:-3px;}
.profiles .profile_photo {float:left;padding-right:10px;width:75px;height:100px;}
.profiles .fprofile {clear:both;min-height:116px;}
.profiles .profile_description {font-weight:normal;}
.profiles .profile_bio {display:none;}
.rpanel_content .inner_details {margin-top:10px;line-height:20px;}
.rpanel_content .inner_details .profile_name {font-size:1.5em;font-weight:bold;padding-bottom:6px;}
/*GENERAL FIXES*/
.ui-table { display:table !important;width: 100% !important;}
.rpanel_content td.headerbg {background:none !important;}