/* -----------
  COLORS
    dark gray:  #323639;
    gray:       #474a4c;
    light gray: #707172;
    barely gray:#c8cacc;
    blue:       #3d538d;
    red:        #750000;
*/

@import url('/_css/screen.css');
@import url('/_css/jquery.fancybox-1.3.1.css');

body { background: url('http://www.morainepark.edu/_media/layout/body-bkg.gif') repeat-x #ffffff; font-family: Calibri, "Trebuchet MS", Arial, sans-serif; font-size: 14px; }
a { color: #750000; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; color: #7c0022; }

h1,h2,h3,h4,h5 { font-family: "Trebuchet MS", Calibri, Arial, sans-serif; }
h1 { font-size: 170%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; margin: 15px 0 0; line-height: 140%; }
h4 { font-size: 110%; margin: 15px 0 0; }
h5 { font-size: 100%; margin: 15px 0 0; }

table { width: 100%; caption-side: bottom; border-collapse: collapse; }
table.half { width: 48%; }
table thead th { background: #3d538d; color: #ffffff; }
table tbody td, table tbody th { padding: 3px; border-bottom: 1px dotted #707172; vertical-align: top; }
table tbody tr th { background: #d9dff0; border-bottom: none; }
/* -- tablesorter -- */
table th.header { background-image: url('/_media/layout/small.gif'); cursor: pointer; font-weight: bold; background-repeat: no-repeat; background-position: center right; padding-right: 20px; border-right: 1px solid #67728d; text-align: left; padding-left: 5px; } 
table th.headerSortUp { background-image: url('/_media/layout/small_asc.gif'); background-color: #67728d; }
table th.headerSortDown { background-image: url('/_media/layout/small_desc.gif'); background-color: #67728d; }
dl dd ul { margin-bottom: 0; }
address { font-style: normal; margin: inherit 0; padding: 0; }
fieldset.submit { border: none; }
input.submit { width: auto; }
input.inactive { color: #cccccc; }
form .error { border: 1px solid #924949; width: auto; background: none; margin: 0; }
form label.error { width: auto; }
form input.error { padding: 2px; margin-right: 10px; }
form label span { font-size: 10px; font-weight: normal; }
form fieldset legend { padding: 0 5px; }
form fieldset.checkbox input { width: auto; margin: 0; }
form fieldset.checkbox label { width: auto; display: inline; }
form fieldset input[type=checkbox] { vertical-align: bottom; }

#loading, #translating { text-align: center; }
#loading img, #translating img { border: none; padding: 0; }
.hover { background: #eaedef; }
.tree { border-bottom: 1px solid #cac9c9; background: url('http://www.morainepark.edu/_media/layout/hr-bkg.gif') no-repeat right bottom; height: 30px; margin: -50px 0 4em; z-index: 1; }

.float-right { float: right; margin-left: 20px; }
.float-left { float: left; margin-right: 20px; }
.col-left { float: left; padding: 0px; width: 50%; }
.col-right { float: right; padding: 0px; width: 50%; }
.no-bull { list-style: none; }
.no-border, .container .content img.no-border, .container .content a img.no-border { padding: 0; border: none; }
.no-margin { margin: 0; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.pdf { background: url('/_media/layout/icons/pdf-16x16.png') no-repeat top left; padding-left: 20px; }
.doc { background: url('/_media/layout/icons/doc-16x16.png') no-repeat top left; padding-left: 20px; }
.no-icon { background: none; padding-left: 0; }
.help {  }
.hidden { display: none; }
.half { width: 282px; }
.normal { font-weight: normal; }
.pointer { cursor: pointer; }
.full { background:#FBE3E4; color:#8a1f11; }
.container .content .picture-quote { padding: 10px; border: 2px solid #707172; text-align: left; font-style: italic; font-size: 12px; width: 300px; float: right; margin-left: 20px; }
.container .content .picture-quote img { padding: 0; border: none; display: block; }
.block { display: block; }

/* -- TOOL TIPS -- */
#tooltip { position: absolute; z-index: 3000; border: 1px solid #111111; background-color: #eeeeee; padding: 5px; opacity: 0.85; }
#tooltip h3, #tooltip div { margin: 0; }


.container { position: relative; padding-top: 160px; width: 960px; padding-top: 21px; }
.container .header { width: 960px; }
.container .header a#mptc-logo { background: url('http://www.morainepark.edu/_media/layout/mptc-logo.png') no-repeat; width: 265px; height: 75px; display: block; float: left;}
.container .header a#my-mptc-logo { background: url('http://www.morainepark.edu/_media/layout/my-mptc-logo.png') no-repeat; width: 170px; height: 57px; margin: 10px 57px 0 100px; display: block; float: left; }
.container .header .searching { float: right; width: 328px; text-align: right; position: relative; top: 10px; }
.container .header .searching ul.links { list-style: none; margin: 0; }
.container .header .searching ul.links li { float: right; }
.container .header .searching ul.links li a { color: #ffffff; text-decoration: none; margin-left: 25px; }
.container ul.quick-links {  list-style: none; float: left; background: url('http://www.morainepark.edu/_media/layout/quick-links-bkg.gif') no-repeat #ffffff; width: 150px; height: 0px; margin: 7px 10px 0 0; padding: 28px 0 0; z-index: 100; position: absolute; text-align: left; top: 52px; right: 168px; }
.container ul.quick-links li { display: none; background: #ffffff; color: #000000; text-decoration: none; padding: 0 0 2px 5px; z-index: 1001; }
.container ul.quick-links li a { display: block; z-index: 1002;}
.container .header .searching form#search { clear: right; }
/*.container .header .searching form#search input { background: url('http://www.morainepark.edu/_media/layout/search-bkg.gif') no-repeat; padding-right: 30px; width: 120px; height: 28px; border: 0; } */
.container .header .searching form#search .input { background-color:#fff; margin: 7px 0 0 10px; padding: 0 0 0 0; width: 140px; height: 28px; border: 0; vertical-align:text-bottom;}
.container .header .searching form#search .button { background: url('http://www.morainepark.edu/_media/layout/search-btn.gif') no-repeat; margin: 7px 0 0 -3px; padding: 0 0 0 0; width: 28px; height: 28px; border: 0; vertical-align:text-bottom;}
.container .header .searching form#search .button:hover { background: url('http://www.morainepark.edu/_media/layout/search-btn-hover.gif') no-repeat; margin: 7px 0 0 -3px; padding: 0 0 0 0; width: 28px; height: 28px; border: 0; vertical-align:text-bottom;}
.container .header ul.navigation { clear: both; margin: 20px 0 20px -19px; width: 998px; list-style: none; padding: 0; z-index: 1; }
.container .header ul.navigation li { float: left; height: 27px; margin: 19px 0; }
.container .header ul.navigation li a { padding: 7px 20px; color: #ffffff; font-size: 18px; text-decoration: none; font-weight: bold; font-family: "Trebuchet MS", Calibri, Arial, sans-serif; }
.container .header ul.navigation li a:hover { background: #323639; }

#footer { background: url('http://www.morainepark.edu/_media/layout/footer-bkg.gif') repeat-x #750000; color: #ffffff; padding-bottom: 20px; }
#footer .container { padding-top: 12px; position: static; }
#footer .container .helper-texts { list-style: none; margin: 0; padding: 0; margin-bottom: 30px; }
#footer .container .helper-texts li { float: left; width: 240px; font-style: italic; }
#footer .container .helper-texts li.social { width: 130px; }
#footer .container .helper-texts li.memberships { width: 350px; }
#footer .container .helper-texts li.nav { padding: 0 0 0 0;}
#footer .container address { clear: both; font-style: normal; float: left; width: 240px; padding-top: 26px; }
#footer .container address a { color: #ffffff; }
#footer .container address .contact { font-size: 14px; margin-top:0px; margin-bottom:4px; display: block; }
#footer .container address .legal a { color: #36afe5; font-size: 14px; margin-top: 0px; margin-bottom: 0px; line-height:110%; display: block;}
#footer .container .be-social { list-style: none; margin: 0; padding: 0; float: left; width: 130px; padding-top: 30px;}
#footer .container .be-social li a { display: block; width: 90px; height: 37px; overflow: hidden; text-indent: -5000px; background: url('http://www.morainepark.edu/_media/layout/social-media.jpg') no-repeat; }
#footer .container .be-social li#facebook a {  }
#footer .container .be-social li#youtube a { background-position: 0 -75px; }
#footer .container .be-social li#twitter a { background-position: 0 -37px; }
#footer .container .be-social li#linkedin a { background-position: 0 -113px; }
#footer .container .logos { float: left; width: 350px; margin: 0; padding: 30px 0 0; list-style: none; overflow: hidden; z-index: -1; }
#footer .container .logos li a { background: url('http://www.morainepark.edu/_media/layout/we-are-futuremakers.png') no-repeat; width: 279px; height: 236px; display: block; margin: -110px 0 0 0; z-index: 1; text-indent: -5000px; }
#footer .container .logos li#new-north a { height: 30px; width: 30px; background: url('http://www.morainepark.edu/_media/layout/new-north.gif') no-repeat; float: left; margin: 5px 25px 0 0; }
#footer .container .logos li#phone { font-size: 31px; margin: -65px 0 0 0;; display: block; }
#footer .container .footer-nav { float: left; list-style: none; padding: 30px 0 0 0;}
#footer .container .footer-nav li a { background: url('/_media/layout/icons/accordion-plus-blue.gif') no-repeat 0 4px; color: #ffffff; font-weight: normal; padding-left: 1em;}

.container .content-container { width: 960px; background: url('http://www.morainepark.edu/_media/layout/content-bkg.gif') no-repeat #ffffff; clear: both; position: relative; }
.container .content { min-height: 450px; padding: 60px 25px 25px 25px; position: relative; clear: both; width: 667px; float: left; }
body.program-pages .container .content { width: 910px; }
.container ul#breadcrumb { background: url('http://www.morainepark.edu/_media/layout/breadcrumb-bkg.gif') repeat-x; width: 883px; height: 37px; position: absolute; top: 0; left: 1px; padding: 0; margin: 0; list-style: none; z-index: 2; }
.container ul#breadcrumb li {  }
.container ul#breadcrumb li.float-right { float: right; margin: 0; }
.container ul#breadcrumb li a { display: block; color: #000000; padding: 5px 15px; }
.container ul#breadcrumb li.float-right a { padding: 5px; }
.container ul#breadcrumb li { display:inline; list-style:none; }
.container ul#breadcrumb li a { background:transparent url('http://www.morainepark.edu/_media/layout/menu.gif') no-repeat; display:block; color:#382E1F; height:31px; line-height:31px; padding:0 20px; margin-left:-10px; text-decoration:none; font-size:11px; float:left; z-index: 1; text-transform: capitalize; }
.container ul#breadcrumb li a:hover, #menus li a.current { background-position:0 -31px; }
.container ul#breadcrumb li.current_page_item a, #menus li.current-cat a { background-position:0 -62px; }
.container ul#breadcrumb li a.home { background-position:0 -93px; width:45px; padding:0; margin-left:0; text-indent:-999em; }
.container ul#breadcrumb li a.home:hover { background-position:0 -124px; }
.container ul#breadcrumb li.current_page_item a.home { background-position:0 -155px; }
.container ul#breadcrumb li a.lastmenu:hover { background-position:0 0; cursor:default; }
.container ul#floaters { position: absolute; top: 0px; right: 1px; list-style: none; margin: 0; padding: 8px 0 0; background: url('http://www.morainepark.edu/_media/layout/breadcrumb-bkg.gif') repeat-x; height: 37px; width: 75px; text-align: right; }
.container ul#floaters li { height: 1px; width: 20px; float: left; }
.container ul#floaters li a { background: url('http://www.morainepark.edu/_media/layout/floaters-bkg.gif') no-repeat; display: block; text-indent: 5000px; overflow: hidden; }
.container ul#floaters li a#bookmark { background-position: -20px 0; }
.container ul#floaters li a#translate { background-position: -40px 0; }
body.calendar2 ul#floaters { display: none; }
.container ul#translations { position: absolute; right: 0px; top: 29px; list-style: none; background: #dae4ff; margin: 0; padding: 0; display: none; }
.container ul#translations li a { border-bottom: 1px dotted #c8cacc; padding: 2px 5px; display: block; }

.container .side-navigation { width: 238px; float: right; }
.container .accordian { padding: 0; width: 198px; margin-right: 1px; float: right; }
.container  ul.accordian { padding: 64px 20px 20px 20px; list-style: none; background: #e8e8e8; margin: 0; margin-right: 1px; }
.container .accordian ul { margin: 0px 0 25px 0px; list-style: none; padding: 0; }
.container ul.accordian h4, .container ul.accordian h5 { margin: 0; color: #ffffff; font-size: 14px; padding: 5px; font-weight: bold; cursor: pointer; font-family: Calibri, "Trebuchet MS", Arial, sans-serif; }
.container ul.accordian h4, .container ul.accordian h5 { background: url('/_media/layout/icons/accordion-plus-blue.gif') no-repeat 180px 8px; }
.container ul.accordian h5 { background-position: 170px 8px; color: #7c0022; }
.container ul.accordian h4.ui-state-active, .container ul.accordian h5.ui-state-active { background-image: url('/_media/layout/icons/accordion-minus-blue.gif'); }
.container ul.accordian li, .container .content .accordian ul li { background: #3d538d; }
.container ul.accordian li.last, .container .content .accordian ul li.last { border-bottom: none; }
.container ul.accordian li a, .container .content .accordian ul li a { display: block; padding: 5px 5px; color: #ffffff; }
.container ul.accordian li a:hover, .container .content .accordian ul li a:hover { background: #323639; }
.container ul.accordian li a.pdf { background: none; padding-left: 5px; }
.container ul.accordian li ul { margin: 0px; padding-left: 10px; }
.container ul.accordian li ul li { border-bottom: 1px dotted #c8cacc; background: #e8e8e8; }
.container ul.accordian li ul li a { color: #7c0022; }
.container ul.accordian li ul li a:hover { background: #c8cacc; }
.container ul.accordian li ul li a.pdf { background: none; padding-left: 5px; }
.container ul.accordian li ul li ul.accordian2 { padding: 0; }
.container .content h1, .container .content h2, .container .content h3, .container .content h4 { color: #7c0022; }
.container .content img { padding: 5px; border: 2px solid #707172; }
.container .content a img { padding: 5px; border: 2px solid #7c0022; }
.container .content blockquote { background: url('http://www.morainepark.edu/_media/layout/blockquote-bkg.gif') no-repeat bottom right #c8cacc; border-top: 1px solid #323639; border-bottom: 1px solid #323639; padding: 15px; margin: 25px; color: #000000; font-style: italic; }

/* -- ACCORDION v2 -- */
.container .accordion { width: 230px; list-style-type: none; padding: 0; margin: 36px 1px 30px; border: none; float: right;}
.container .accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
.container .accordion li { background: #3d538d; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;}
.container .accordion li a:hover { background: #323639; }
.container .accordion li.active>a { background: none; }
.container .accordion li.active>a.expandable { background: url('/_media/layout/icons/minus.png') no-repeat center right; }
.container .accordion li.active>a.expandable:hover { background: #323639 url('/_media/layout/icons/minus.png') no-repeat center right; }
.container .accordion li div { padding: 20px; background: #ffffff; display: block; clear: both; float: left; width: 190px;}
.container .accordion a { text-decoration: none; border-bottom: 1px solid #d9dff0; font: bold 1.1em Calibri, sans-serif; color: #ffffff; padding: 8px 10px 8px; display: block; cursor: pointer; background: none;}
.container .accordion a.expandable { background: url('/_media/layout/icons/plus.png') no-repeat center right;}
.container .accordion a.expandable:hover { background: #323639 url('/_media/layout/icons/plus.png') no-repeat center right;}
/* Level 2 */
.container .accordion li ul li { background: #e8e8e8; font-size: 14px; }	
/* Level 2, Menu */
.container .accordion li.active ul li a, .container .accordion li ul li a { color: #222222; line-height: normal; padding-top: 5px; padding-bottom: 5px;}
.container .accordion li.active ul li a:hover, .container .accordion li ul li a:hover { background: #e8e8e8; text-decoration: underline;}
.container .accordion li ul li.active a.expandable:hover { background: #e8e8e8 url('/_media/layout/icons/minus.png') no-repeat center right;; text-decoration: underline;}
.container .accordion li ul li a.expandable:hover { background: #e8e8e8 url('/_media/layout/icons/plus.png') no-repeat center right;; text-decoration: underline;}
/* Level 2, Teaser */
.container .accordion li.active div.teaser { padding: 10px 30px 10px 20px; }
.container .accordion li.active div.teaser span { font: normal 14px/14px Calibri, sans-serif; background: none; }
.container .accordion li.active div.teaser span a { margin: 0px; padding: 0px; border-bottom: 0px; display: inline; color: #750000; font: bold 14px/14px Calibri, sans-serif; background: none;}
.container .accordion li.active div.teaser span a:hover { text-decoration: underline; }	
/* Level 3, Menu */
.container .accordion li.active ul li.active div, .container .accordion li ul li.active div { padding-top: 0px; padding-bottom: 0px; }
.container .accordion li.active ul li.active div span a, .container .accordion li ul li.active div span a { padding: 8px 0px 8px 0px; color: #750000; font: bold 14px/14px Calibri, sans-serif; background: none; border-bottom: 1px dotted #c0c0c0; margin-left: -10px; margin-right: -10px;}
.container .accordion li.active ul li.active div span a:hover, .container .accordion li ul li.active div span a:hover {  text-decoration: underline; }
/* Level 3, Teaser */
.container .accordion li.active ul li.active div.teaser, .container .accordion li ul li.active div.teaser { padding-top: 10px; padding-bottom: 10px;}
.container .accordion li.active ul li.active div.teaser span a, .container .accordion li ul li.active div.teaser span a { margin: 0px; padding: 0px; border-bottom: 0px; display: inline;}

/* -- GATEWAY PAGES -- */
body.gateway .content { width: 950px; padding: 0; background: url('/_media/layout/gateway-content-bkg.gif') repeat-x 0px -12px #ffffff; margin-left: 10px; }
body.gateway .content .navigation { float: left; margin: 5px 0 0 -10px; }
body.gateway .content .gateway-nav-top { background: url('/_media/layout/gateway-navigation-top.png') no-repeat top left; display: block; width: 305px; height: 20px; }
body.gateway ul#gateway-menu, body.gateway ul#gateway-menu li ul { list-style: none; }
body.gateway ul#gateway-menu { background: url('/_media/layout/gateway-navigation-mid.png') repeat-y; padding: 10px; width: 285px; margin: 0; }
body.gateway ul#gateway-menu li h4 { margin-top: 0; color: #000000; padding: 5px 10px; font-family: Calibri,"Trebuchet MS",Arial,sans-serif; font-weight: bold; }
body.gateway ul#gateway-menu li { padding: 5px 0 5px 5px; }
body.gateway ul#gateway-menu li ul { margin: 0 0 0 10px; padding: 0; }
body.gateway ul#gateway-menu li ul li {  }
body.gateway .content .gateway-nav-btm { background: url('/_media/layout/gateway-navigation-btm.png') no-repeat top left; display: block; width: 305px; height: 20px; margin-bottom: 20px; }
body.gateway #right-side { width: 635px; float: left; }
body.gateway #right-side #video { background: url('/_media/layout/gateway-video-preview.jpg') no-repeat; width: 231px; height: 188px; float: left; padding: 5px; margin: 103px 0 0 20px; }
body.gateway #right-side #video-slideshow, body.gateway #right-side #video-quote { background: url('/_media/layout/gateway-slideshow-bkg.jpg') no-repeat; width: 231px; height: 188px; float: left; padding: 5px; margin: 103px 0 0 20px; }
body.gateway #right-side #video h4 { margin: 0; font-size: 14px; line-height: 16px }
body.gateway #right-side #video p, body.gateway #right-side #video-slideshow p { font-size: 12px; margin: 0; }
body.gateway #right-side #video-quote p { color: #efefef; font-size: 14px; margin: 0; padding: 5px; font-style: italic; }
body.gateway #right-side #video-quote p span { display: block; font-size: 12px; text-align: right; margin-right: 5px; font-style: normal; }
body.gateway #right-side #video a { text-indent: -5000px; overflow: hidden; width: 215px; height: 140px; display: block; }
body.gateway #right-side #video-slideshow a { text-indent: 0px; overflow: hidden; width: 215px; height: 140px; display: inline; }
body.gateway #right-side #video-slideshow img { border: none; padding: 0; }
body.gateway #right-side #video-slideshow h4 { margin: 0; font-size: 14px; line-height: 20px }
body.gateway #right-side #cutout { width: 365px; height: 303px; float: right; display: block; }
body.gateway #right-side .future { background: url('/_media/layout/gateway-cutout-future.jpg') no-repeat; }
body.gateway #right-side .alumna { background: url('/_media/layout/gateway-cutout-alumna.jpg') no-repeat; }
body.gateway #right-side .business { background: url('/_media/layout/gateway-cutout-business.jpg') no-repeat; }
body.gateway #right-side .president { background: url('/_media/layout/gateway-cutout-district-updates.jpg') no-repeat; }
body.gateway #right-side .presidential-search { background: url('/_media/layout/gateway-presidential-search.png') no-repeat; }
body.gateway #right-side .welcome-content { padding: 20px 0 20px 20px; margin-top: 10px; background: #ffffff; padding-top: 40px; }

/* -- STAFF DIRECTORY -- */
body.staff-directory .content { width: 910px; float: none; }
body.staff-directory .content #directory-filter input { width: 75%; padding: 2px; }
body.staff-directory dl dt { background: #3d538d; border-bottom: 1px dotted #c8cacc; border-right: 1px dotted #c8cacc; color: #ffffff; width: 100px; padding: 2px 10px; float: left; clear: left; text-align: right; }
body.staff-directory dl dd { border-bottom: 1px dotted #3d538d; padding: 2px 5px; float: left; margin: 0; width: 300px; }


/* -- SEARCH RESULTS -- */
body.search .content { width: 960px; padding: 0; background: #ffffff; margin-left: 10px; }
body.search #footer .container ul li { color: #ffffff; }
body.search .container .content img { border: none; }
body.search .container .content-container .content { padding: 20px;}
body.search .container .content-container .content blockquote { background: none; margin: 0; padding: 0; border: 0; }

/* --- HOME PAGE --- */
.container .fancy-box { border: 1px solid #707172; width: 960px; height: 368px; margin-bottom: 40px; clear: both; margin-top: 25px; }
.container .fancy-box #rotator { width: 717px; float: left; }
.container .fancy-box ul.user-groups-navigation { float: left; width: 242px; border-left: 1px solid #707172; padding: 0; margin: 0; list-style: none; height: 368px; color: #ffffff; background: #474a4c; }
.container .fancy-box ul.user-groups-navigation li.first { height: 60px; border-bottom: 1px solid #707172; padding: 20px 0px 0px 20px; }
.container .fancy-box ul.user-groups-navigation li.last a { border-bottom: 0; }
.container .fancy-box ul.user-groups-navigation li a { width: 242px; background: url('http://www.morainepark.edu/_media/layout/fancy-box-nav.gif') no-repeat; height: 71px; display: block; text-indent: -5000px; }
.container .fancy-box ul.user-groups-navigation li a#future-students { background-position: left 0; }
.container .fancy-box ul.user-groups-navigation li a#current-students { background-position: left -71px; }
.container .fancy-box ul.user-groups-navigation li a#business-and-industry { background-position: left -142px; }
.container .fancy-box ul.user-groups-navigation li a#alumni-and-foundation { background-position: left -213px; }
.container .fancy-box ul.user-groups-navigation li a#future-students:hover { background-position: right 0; background-color: #323639; }
.container .fancy-box ul.user-groups-navigation li a#current-students:hover { background-position: right -71px; background-color: #323639; }
.container .fancy-box ul.user-groups-navigation li a#business-and-industry:hover { background-position: right -142px; background-color: #323639; }
.container .fancy-box ul.user-groups-navigation li a#alumni-and-foundation:hover { background-position: right -213px; background-color: #323639; }

.container #news-feed { background: url('http://www.morainepark.edu/_media/layout/news-icon.gif') no-repeat; width: 230px; float: left; margin-right: 15px; }
.container #news-feed h2, .container #features h2, .container #events-feed h2 { text-indent: 45px; font-size: 24px; margin-top: 5px; }

.container #news-feed ul { list-style: none; margin: 0; padding: 0; }
.container #news-feed ul li { margin-bottom: 15px; }
.container #news-feed ul li span { display: block; font-size: 12px; }
.container #features {width: 460px; float: left; margin-right: 15px; background: url('http://www.morainepark.edu/_media/layout/features-icon.gif') no-repeat; }
.container #events-feed { background: url('http://www.morainepark.edu/_media/layout/events-icon.gif') no-repeat; width: 240px; float: left; }

.container #features .freature-box { clear: left; }
.container #features .feature-box img { float: left; background: #7c0022; padding: 3px; border: 1px solid #323639; margin: 0 10px 10px 0; }
.container #features .feature-box h3, .container #news-feed h3, .container #events-feed .event h3 { font-size: 14px; margin: 0; line-height: 20px; margin-top: 0; }

.container #events-feed .event { clear: left; }
.container #events-feed .event p.date { float: left; display: block; width: 38px; height: 38px; background: url('http://www.morainepark.edu/_media/layout/calendar-bkg.gif') no-repeat; color: #ffffff; text-align: center; margin-right: 10px; font-size: 18px; font-weight: bold; line-height: 20px; }
.container #events-feed .event p.date span { display: block; color: #777777; text-transform: uppercase; font-size: 14px; }

.container .events-feed { float: right; }
.container .events-feed .event { clear: left; }
.container .events-feed .event p.date { float: left; display: block; width: 38px; height: 38px; background: url('http://www.morainepark.edu/_media/layout/calendar-bkg.gif') no-repeat; color: #ffffff; text-align: center; margin-right: 10px; font-size: 18px; font-weight: bold; line-height: 20px; }
.container .events-feed .event p.date span { display: block; color: #777777; text-transform: uppercase; font-size: 14px; }
.container .events-feed .event h3 { font-size: 16px; }

/* --- Blog Pages --- */
.blog .container .accordian { margin-top: 35px; }
.blog .container .accordian .content { clear: none; width: 198px; height: auto; min-height: 1px; padding: 0; padding-top: 5px; }
.blog .container .accordian .widgetzone .widget a.delete, .blog .container .accordian .widgetzone .widget a.edit, .blog .container .accordian .widgetzone .widget a.move { float: right; margin: 0 5px; }
.blog .container .accordian .content ul { margin: 0 5px 25px; }
.blog .container .accordian .content ul li { margin-bottom: 5px; }
.blog .container .accordian .content ul#categorylist li a img { border: none; padding: 0 3px 0 0;  }
.blog .container .content { clear: none; padding-top: 20px; }
.blog .container .content #relatedPosts a { display: block; margin-top: 15px; }
.blog .container .content #postnavigation { margin-bottom: 15px; }
.blog ul#floaters { background: none; }
.blog .container .content .entry-footer { z-index: 100; }
.blog .container .content .post { background: url('http://www.morainepark.edu/_media/layout/hr-bkg.gif') no-repeat right bottom; border-bottom: 1px solid #cac9c9; margin-bottom: 4em; }
.blog .container .content .entry-footer { margin-bottom: 1px; }

.rss-item h3 { font-size: 130%; margin: 0; color: #3d538d; }
.rss-item p { margin-bottom: 0; }
.rss-item p.byline { margin-bottom: 20px; font-size: 12px; text-align: right; }

/* -- about MPTC pages -- */
.board-member { margin-top: 10px; }
.board-member ul { list-style: none; float: left; margin: 0 0 0 10px; padding: 0; width: 165px; }
.board-member img { float: left; }

/* -- google maps -- */
#gmap { width: 650px; height: 400px; border: 1px solid #707172; margin-top: 20px;  }
form#directionsForm .submit { display: block; }
form#directionsForm label { margin-right: 3px; }
form#directionsForm #from { width: 350px; margin-right: 25px; }
.info-window { width: 325px; height: 150px; }

/* -- program pages -- */
.content .program-column { width: 550px; margin-right: 25px; float: left; }
.content .program-column-last { width: 335px; float: left; }
.content .program-column img, .content .program-column a img { border: none; text-decoration: none; }
.content .program-column h2, .content .program-column-last h2 { margin-bottom: 0px; }
.content .watch-video { float: right; text-align: center; }
.content .watch-video a:hover img {text-decoration: none;}
.content .program-column .salary { text-align: center; }
.content .program-column .salary .low-salary { margin-right: 85px;}
form#program-filter input.filter { background: url('/_media/layout/filter-button.png') no-repeat; height: 38px; width: 82px; border: none; text-indent: -5000px; overflow: hidden; float: right; cursor: pointer; text-align: left; }
table#programs tbody tr td img { border: none; padding: 0; }

/* -- send to friend -- */
form#send-to-friend label { display: inline-block; width: 100px; vertical-align: top; }
form#send-to-friend .help { background: #FFF6BF; border: 1px solid #FFD324; color: #514721; padding: 3px 8px; margin-left: 10px; }
form#send-to-friend label.error { display: inline-block; width: auto; padding: 0 3px; background: #FBE3E4; color: #8a1f11; border:2px solid #FBC2C4; margin-top: -2px; margin-bottom: 20px; }
form#send-to-friend textarea { height: 150px; }
body.modal { background: none; }
.modal-container { width: 800px; margin: 0; }
.modal-container .modal-content { padding: 20px; margin: 0; }

/* -- Alumni Information Update Form -- */
form#alumni-update textarea { width: 98%; height: 200px; }
form#alumni-update label { display: block; }
form#alumni-update label.error { display: inline-block; width: auto; padding: 0 3px; background: #FBE3E4; color: #8a1f11; border:2px solid #FBC2C4; margin-top: -2px; margin-bottom: 20px; }
form#alumni-update input { margin-bottom: 20px; width: 200px; }
form#alumni-update input.submit { margin-bottom: 20px; width: auto; }
form#alumni-update .checkbox input { width: auto; }
form#alumni-update .checkbox label { display: inline; margin-right: 20px; }

/* -- Discover Moraine Park Form -- */
form#discover-mptc label { display: block; }
form#discover-mptc label.error { display: inline-block; width: auto; padding: 0 3px; background: #FBE3E4; color: #8a1f11; border:2px solid #FBC2C4; margin-top: -2px; margin-bottom: 20px; }
form#discover-mptc input { margin-bottom: 20px; width: 200px; }
form#discover-mptc input.submit { margin-bottom: 20px; width: auto; }
form#discover-mptc input.checkbox { width: auto; }

/* -- Campus Tour Request -- */
form#campus-tour label { display: block; }
form#campus-tour label.error { display: inline-block; width: auto; padding: 0 3px; background: #FBE3E4; color: #8a1f11; border:2px solid #FBC2C4; margin-top: -2px; margin-bottom: 20px; }
form#campus-tour input { margin-bottom: 20px; width: 200px; }
form#campus-tour input.submit { margin-bottom: 20px; width: auto; }
form#campus-tour input.checkbox { width: auto; }
form#campus-tour .checkbox input { width: auto; }
form#campus-tour .checkbox label { display: inline; margin-right: 20px; }
form#campus-tour textarea { width: 98%; height: 200px; }
form#campus-tour legend span { font-size: 12px; font-weight: normal; }

/* -- College Preview Request -- */
form#college-preview-step2 label { display: block; }
form#college-preview-step2 label.error { display: inline-block; width: auto; padding: 0 3px; background: #FBE3E4; color: #8a1f11; border:2px solid #FBC2C4; margin-top: -2px; margin-bottom: 20px; }
form#college-preview-step2 input { margin-bottom: 20px; width: 200px; }
form#college-preview-step2 input.submit { margin-bottom: 20px; width: auto; }
form#college-preview-step2 input.checkbox { width: auto; }
form#college-preview-step2 .checkbox input { width: auto; }
form#college-preview-step2 .checkbox label { display: inline; margin-right: 20px; }
form#college-preview-step2 textarea { width: 98%; height: 200px; }
form#college-preview-step2 legend span { font-size: 12px; font-weight: normal; }

/* -- Campus Tour Request -- */
form#contact-us label { display: block; }
form#contact-us label.error { display: inline-block; width: auto; padding: 0 3px; background: #FBE3E4; color: #8a1f11; border:2px solid #FBC2C4; margin-top: -2px; margin-bottom: 20px; }
form#contact-us input { margin-bottom: 20px; width: 200px; }
form#contact-us label.checkbox { display: inline; }
form#contact-us input.submit { margin-bottom: 20px; width: auto; }
form#contact-us input.checkbox { width: auto; }
form#contact-us .checkbox input { width: auto; }
form#contact-us .checkbox label { display: inline; margin-right: 20px; }
form#contact-us textarea { width: 98%; height: 200px; }
form#contact-us legend span { font-size: 12px; font-weight: normal; }

/* -- Tech Prep Registration Form -- */
form#tech-prep label, form#ezsignup label, form#tech-prep-2 label, form#ezsignup label { display: block; }
form#tech-prep input, form#tech-prep-2 input { margin-bottom: 20px; width: 200px; }
form#tech-prep input.submit, form#tech-prep-2 fieldset.submits input { margin-bottom: 20px; width: auto; }
form#tech-prep input.checkbox { width: auto; }

/* -- Tech Prep Orientation Night Registration Form -- */
form#techprep label { display: block; }
form#techprep input { margin-bottom: 20px; width: 200px; }
form#techprep fieldset.submits input { margin-bottom: 20px; width: auto; }

/* -- New Student Orientation Registration Form -- */
form#nso label { display: block; }
form#nso input { margin-bottom: 20px; width: 200px; }
form#nso label.checkbox { display: inline; }
form#nso input.submit { margin-bottom: 20px; width: auto; }
form#nso input.checkbox { width: auto; }
form#nso .checkbox input { width: auto; }
form#nso .checkbox label { display: inline; margin-right: 20px; }

/* -- Online New Student Orientation Assessment Form -- */
form#onlineNSOassement label { display: block; }
form#onlineNSOassement input { margin-bottom: 20px; width: 200px; }
form#onlineNSOassement label.checkbox { display: inline; }
form#onlineNSOassement input.submit { margin-bottom: 20px; width: auto; }
form#onlineNSOassement input.checkbox { width: auto; }
form#onlineNSOassement .checkbox input { width: auto; clear: left; float: left; }
form#onlineNSOassement .checkbox label { display: block; margin-left: 10px; float: left; }
form#onlineNSOassement fieldset { width: 625px; }
form#onlineNSOassement label.error { display: inline-block; width: auto; padding: 0 3px; background: #FBE3E4; color: #8a1f11; border:2px solid #FBC2C4; margin-top: -2px; margin-bottom: 20px; }

/* -- Calendar Styles -- */
#CalendarBlock { padding: 1px; }

/* -- Speakers Bureau -- */
.speaker { margin-bottom: 50px; min-height: 200px; }
.speakers-bureau { padding-left: 150px; }

/* -- District Updates -- */
body.gateway ul#gateway-menu li ul.district-updates { padding: 0 10px 0 0; }
body.gateway ul#gateway-menu li ul.district-updates li span { display: block; margin-bottom: 10px; }
.picture-caption { float: right; margin: 0 0 20px 20px; padding: 5px; border: 2px solid #707172; max-width: 310px; }
body.blog .picture-caption { max-width: none; }
.container .content .picture-caption img { border: none; padding: 0; }
.picture-caption span { display: block; font-size: 12px; font-style: italic; }

/* -- modal box -- */
#dialog {position:fixed; width:525px; padding:0px; z-index:200; background:#fff; font-family:Verdana, Arial, Helvetica; font-size:14px; }
#dialog-header {display:block; position:relative; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url('/_media/layout/jquery.modaldialog/close.gif') no-repeat}
#dialog-content {display:block; padding:6px; min-height:160px; color:#666666; font-size:13px;}
#dialog-content-inner { min-height:128px; }
#dialog-mask {position:fixed; top:0; left:0; height:100%; width:100%; background:#FFF; opacity:.75; filter:alpha(opacity=75); z-index:100}
#dialog-button-container { text-align:center; margin:2px 6px 6px 2px; }
#dialog-button { font-weight:bold; font-size:1.1em; font-family:Arial, sans-serif; padding:2px 5px 2px 5px; }
.error {background:#fff url('/_media/layout/jquery.modaldialog/e_bg.jpg') bottom right no-repeat; border:1px solid #924949; border-top:none}
.errorheader {background:url('/_media/layout/jquery.modaldialog/e_hd.gif') repeat-x; color:#6f2c2c; border:1px solid #924949; border-bottom:none}
.errorbutton { background-color:#9F4C4C; border:1px solid #924949; color:#fff; }
.warning {background:#fff url('/_media/layout/jquery.modaldialog/w_bg.jpg') bottom right no-repeat; border:1px solid #c5a524; border-top:none}
.warningheader {background:url('/_media/layout/jquery.modaldialog/w_hd.gif') repeat-x; color:#957c17; border:1px solid #c5a524; border-bottom:none}
.warningbutton { background-color:#eFcC47; border:1px solid #957C17; color:#957C17; }
.success {background:#fff url('/_media/layout/jquery.modaldialog/s_bg.jpg') bottom right no-repeat; border:1px solid #60a174; border-top:none}
.successheader {background:url('/_media/layout/jquery.modaldialog/s_hd.gif') repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.successbutton { background-color:#3c7f51; border:1px solid #fff; color:#fff; }
.prompt {background:#fff url('/_media/layout/jquery.modaldialog/p_bg.jpg') bottom right no-repeat; border:1px solid #4f6d81; border-top:none}
.promptheader {background:url('/_media/layout/jquery.modaldialog/p_hd.gif') repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}
.promptbutton { background-color:#4F6D81; border:1px solid #fff; color:#fff; }
.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun{color:#660}.pln{color:#000}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec{color:#606}pre.prettyprint{padding:2px;border:1px solid #888}@media print{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun{color:#440}.pln{color:#000}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}