/**********
* Colors:
* MSU maroon: #5E0009
* deep grey borders: #8E8F91
* body background grey: #E5E6E7
* header blue: #407EA6
* almost black text: #303031
* almost black link color: #313131
* vertical green dots: #7CAA3A
* table-bg: #F2F2F3
* th and border: #5A6B17;
* video popout bg: #F1F1F2
* Video background: #D8D9DA
*   
************/

/*Spotlight Styles */
.LocalNav li:first-child { border-top: none !important; }

/* End Spotlight Styles*/
.FeatureContent { position: relative; }

/* ---- Nav ----  */
.Shaded .grid_inner { background-color: #D8D9DA; }
.LocalNav { background: url(https://www.missouristate.info/images/Viewbook/2013-14/GlobalNavBG.png) rgb(88,89,91) repeat-x; padding: 10px 0 2px 0; min-height: 44px; border-bottom: 1px solid #363636; }
.LocalNav ul { padding-left: 0; margin: 0 auto; width: 940px; overflow: hidden; }
.LocalNav li { float: left; border-left: 1px solid #808083; list-style: none; margin: 0; border-bottom: none; border-top: none; padding: 0; }
.LocalNav li:first-child { border-left: none; border-bottom: none; border-top: none; }
.LocalNav li a { color: #FFFFFF; text-decoration: none; font-weight: bold; line-height: 24px; display: block; padding: 7px 13px 13px 13px; }

em { font-style: italic; }
strong { font-weight: bold; }
figure, figcaption { margin: 0; }
#PageInnerWrapper p.BlueText { color: #407EA6; font-size: 16px; line-height: 24px; }

#PageOuterWraper { background-color: #ffffff; }
#PageInnerWrapper a:hover { border: none; }
h3 a { color: #000000; text-decoration: none; border: none; display: inline-block; }
#PageInnerWrapper .ImgActive a:hover, #PageInnerWrapper .SpotlightPreview a:hover, #PageInnerWrapper .Standard a:hover, #PageInnerWrapper p a:hover { background-color: transparent; }
#PageInnerWrapper .SpotlightPreview a, #PageInnerWrapper .SingleSpot a, #PageInnerWrapper a.Standard, #PageInnerWrapper p a { color: #80151B; text-decoration: underline; }
#PageInnerWrapper .description p a { color: #ffffff; }

/*Buttons*/
#PageInnerWrapper a.Button { text-decoration: none; }
.Button { background: #5E0009 url(https://www.missouristate.info/images/Viewbook/2013-14/DecorativeButtonCorner.png) no-repeat right top; display: block; margin: 20px 0 10px 0; width: auto; cursor: pointer; font-size: 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: left; }
.Button + .Button { margin-top: 10px; }
.Black { background-image: none; background-color: #5F6061; padding: 12px; line-height: 18px; font-size: 16px; text-align: center; }
#PageInnerWrapper a.Button.Black:hover { background-color: #5F6061; text-decoration: underline; }
#PageInnerWrapper a.Button:hover { background-color: #5E0009; text-decoration: underline; }
.Button.Footprints { min-height: 25px; padding: 6px 12px; }
.Button.Footprints img { padding: 0 10px 0 0; vertical-align: middle; }
#PageInnerWrapper p a.Button { color: #ffffff; }
.Button.Black.Footprints { padding: 10px 12px 7px; }

/* ---- Masthead ---- */
.UnitMastheadWrapper .UnitMasthead { background-color: #FFFFFF; margin-bottom: 0; padding-bottom: 0; padding-top: 6px; }
.UnitMastheadWrapper .UnitMasthead h1 { margin-right: 23px; }
header .GlobalNav .container_12 a { display: block; border-right: 1px solid #8E8F91; float: left; margin: 0; padding: 14px 8px 0 40px; line-height: 32px; }
header h1 { float: right; border-right: 1px solid #8E8F91; font: bold 58px/68px Helvetica, Arial, Sans-Serif; color: #407EA6; padding: 0 12px 4px 0; margin: 0 -10px 0 0; }
.GlobalNav .container_12 a, .UnitMasthead a img { display: block; border-right: 1px solid #8E8F91; float: left; margin: 0; margin-right: 10px; padding: 14px 8px 15px 40px; line-height: 32px; }
.UnitMasthead a img { padding-right: 15px; }
.HighlightColor { background-color: #FFFFFF; padding: 2px 0 3px 20px; }

/* ---- Body Content ---- */
#PageInnerWrapper { background-color: #E5E6E7; padding: 0 0 25px; }
.ImgActive { background-color: #F1F1F2; position: relative; display: none; z-index: 50; box-shadow: 5px 5px 10px #999; -moz-box-shadow: 5px 5px 10px #999; -webkit-box-shadow: 5px 5px 10px #999; margin: -138px 0 -500px -10px; padding: 148px 10px 3px 10px; min-width: 220px; }

figure { background-color: transparent; overflow: hidden; }
figure > div { color: rgb(64,126,166); font-size: 16px; line-height: 20px; min-height: 100px; padding: 0 0 20px; }
figure > div img { margin-left: 20px; margin-right: 20px; }

blockquote { font-style: italic; padding: 0 10px; margin: 10px 0; font-size: 12px; line-height: 16px; }
blockquote:before { content: " "; display: block; background: transparent url(https://www.missouristate.info/images/Viewbook/2013-14/Quote_top.png) no-repeat top left; position: relative; height: 34px; width: 100%; }
blockquote:after { content: " "; display: block; background: transparent url(https://www.missouristate.info/images/Viewbook/2013-14/Quote_bottom.png) no-repeat top right; position: relative; height: 33px; width: 100%; }

/* UAG Sprites */
.UAG_Sprite { overflow: hidden; display: block; }
.UAG_Sprite img { position: relative; }
.ActScore { height: 100px; width: 101px; }
.WarmWelcome { height: 47px; width: 60px; }
.ActScore img { left: -123px; top: -31px; }
.WarmWelcome img { left: -244px; top: -72px; }

table { table-layout: fixed; width: 100%; }
table td, table th { border: none; }
thead th { background-color: transparent; }
tbody, tbody th { background-color: #f1f1f2; }
thead th, tbody tr td, tbody tr th { border-bottom: 1px dotted #9fb5c8; }
#FeeDetailsPopUp:after { background: url(https://www.missouristate.info/images/Viewbook/2013-14/UAG_Sprite12-13.icon.png) no-repeat 0 -24px; content: " "; display: block; height: 13px; width: 12px; overflow: hidden; left: 84px; top: -15px; position: relative; z-index: 5; }

/* Section heading styling definition: grid_12 space, 1 px vert. bars right and left */
#PageInnerWrapper header.grid_12 { border-right: 1px solid #8E9092; border-left: 1px solid #8E9092; margin-top: 20px; margin-bottom: 0; width: 938px; }
#PageInnerWrapper header.grid_12 p { display: block; font-style: italic; font-size: 12px; color: #083A5A; line-height: 18px; padding: 0 0 0 14px; margin: 7px 5px 0 0; float: left; max-width: 365px; }
#PageInnerWrapper header.grid_12 h2 { font-weight: bold; font-size: 36px; color: #407EA6; line-height: 51px; padding: 0; margin: 0 15px 0 0; text-align: right; }

/* ---- Normal Body Content Headings ---- */
h2, h3, h4, h5 { color: #303031; }
h2 a:after, h3 a:after, h4 a:after, h5 a:after { content: "\00BB"; display: inline-block; margin-left: 5px; color: #303031; }

#PageInnerWrapper h2 { font-size: 24px; line-height: 24px; font-weight: bold; }
#PageInnerWrapper h3 { font-size: 16px; line-height: 21px; font-weight: bold; }
#PageInnerWrapper h4 { font-size: 14px; line-height: 16px; font-weight: bold; display: inline; }
#PageInnerWrapper grid_inner { padding-top: 10px; }
section ul { color: #303031; padding-top: 5px; }
section li:before { background: url(https://www.missouristate.info/images/Viewbook/2013-14/UAG_Sprite12-13.icon.png) no-repeat 0 0; content: " "; display: block; height: 25px; width: 24px; overflow: hidden; top: -3px; margin-bottom: -25px; left: -40px; position: relative; z-index: 5; }
section li { margin: 4px 0 25px 0; padding: 0; padding-left: 10px; line-height: 18px; list-style: none; }
section li > p:first-child { margin-top: 0; }
section li h3 { margin-top: 0; }
section ul ul li { background-image: none; list-style-type: disc; padding: 4px 0 4px 0; margin-bottom: 0; }
section ul ul li:before { background-image: none; }
section ul ul { margin-left: 0; }
#pageInnerWrapper section p { font: normal 12px/24px Helvetica, Arial, Sans-Serif; }
.grid_9 .grid_9, .grid_9 .grid_6 { margin-top: 0; margin-bottom: 0; }


.ShyBox { background-color: transparent; padding: 10px; margin: 0; }
.ShyBox.Active, .ShyBox.Active div { background-color: rgb(242,242,243); -moz-box-shadow: 5px 5px 5px 0px #A0A0A0; webkit-box-shadow: 5px 5px 5px 0px #A0A0A0; box-shadow: 5px 5px 5px 0px #A0A0A0; }
.ShyBox.alpha { margin-left: -10px; margin-right: 0; }
.ShyBox.omega { margin-left: 0; margin-right: -10px; }
.ShyBox div { display: block; background-color: rgb(242,242,243); padding: 10px 10px 5px 10px; overflow: hidden; position: absolute; left: 0px; width: 220px; z-index: 10; }
.ShyBox div h3 { margin-top: 0; }
.ShyBox div h3 { *margin-top: 130px; }
.Shybox div { *z-index: -1; }
.Shybox a { *z-index: -1; }
.Active a { *z-index: 11; *position:relative; }
.Active img { *z-index: 11; *position:relative; }
.Active { *z-index: 10; *position:relative; }
#PageInnerWrapper .ReduceIndex { *position:relative; *z-index:-1 }
.ShyBox div p { margin-bottom: 5px; }


.ShyBox.ShyCaption.Active { background-color: transparent; -moz-box-shadow: none; webkit-box-shadow: none; box-shadow: none; }
.ShyBox.ShyCaption { background-color: transparent; position: relative; }
.ShyBox.ShyCaption.Active div { background-color: transparent; -moz-box-shadow: 5px 5px 5px 0px #A0A0A0; webkit-box-shadow: 5px 5px 5px 0px #A0A0A0; box-shadow: 5px 5px 5px 0px #A0A0A0; }
.ShyBox.ShyCaption div { z-index: 10; position: absolute; margin-top: -35px; padding: 0; background-color: transparent; margin-left: -10px; width: 270px; }
.ShyBox.ShyCaption div section { background-color: rgb(242,242,243); padding: 14px 10px 15px 10px; height: 100%; width: 250px; margin-top: -4px; }

/*Why MSU Shybox styles*/
#PageInnerWrapper .grid_4.Red h2, #PageInnerWrapper .grid_4.Blue h2 { margin: 0; font-size: 20px; line-height: 20px; font-weight: normal; }
#PageInnerWrapper .grid_4.Blue a, #PageInnerWrapper .grid_4.Red a, #PageInnerWrapper .grid_4.Blue a:hover, #PageInnerWrapper .grid_4.Red a:hover { text-decoration: none; }
#PageInnerWrapper .grid_4.ShyBox.Blue h3, #PageInnerWrapper .grid_4.ShyBox.Red h3 { font-size: 24px; line-height: 24px; font-weight: bold; color: #5F6061; margin-top: 8px; }
#PageInnerWrapper .grid_4.ShyBox.Blue h3 + p, #PageInnerWrapper .grid_4.ShyBox.Red h3 + p { color: #6F7071; }
.ShyBox.Active.Blue, .ShyBox.Active.Blue div, .ShyBox.Active.Red, .ShyBox.Active.Red div { box-shadow: none; }
.grid_4.ShyBox.Blue > div:first-child, .grid_4.ShyBox.Red > div:first-child { top: 0; width: 300px; padding: 0; height: 300px; background-color: #BABCBE; }
.grid_4.ShyBox.Blue > div > div, .grid_4.ShyBox.Red > div > div { background-color: #BABCBE; width: 280px; }
.grid_4.ShyBox.Blue > div + div, .grid_4.ShyBox.Red > div + div { top: auto; bottom: 0; padding: 10px; width: 280px; height: 140px; }
.grid_4.ShyBox.Red div.grid_2.alpha { margin: 0; width: 145px; position: relative; }
.grid_4.ShyBox.Red div.grid_2.omega { margin: 0; width: 115px; position: relative; }
.grid_4.ShyBox.Red > div + div { background-color: #9E666B; }
.grid_4.ShyBox.Blue > div + div { background-color: #6B899C; }
.grid_4.ShyBox.Blue.Active > div + div, .grid_4.ShyBox.Red.Active > div + div { padding-top: 10px; }

.grid_4.Red .quote, .grid_4.Blue .quote { color: #fff; display: inline-block; padding-bottom: 5px; }
.grid_4.Red span, .grid_4.Blue span { color: #303031; }
.grid_4.Red span, .grid_4.Blue span { display: inline-block; }
.grid_4.Red span strong, .grid_4.Blue span strong { display: block; }
.grid_4.Red, .grid_4.Blue { width: 280px; min-height: 280px; height: 280px; background-image: none; }
.grid_4.Red h2 a, .grid_4.Blue h2 a { padding: 10px; display: block; text-decoration: none; }
.grid_4.Red h2 a:after { color: #5E0009; }
.grid_4.Blue a, .grid_4.Blue a:after { color: #083A5A; }
.grid_4.ShyBox.Red, .grid_4.ShyBox.Blue { background-color: #BABCBE; }
.grid_4.alpha.Red, .grid_4.omega.Blue { margin: 0; padding: 10px; border-left: none; }
.grid_4.Red { border-left: 20px solid #792E35; background-color: #5E0009; }
.grid_4.alpha.Red { border-bottom: 20px solid #792E35; margin-left: -10px; }
.grid_4.alpha.ShyBox.Red { border-bottom: none; }
.grid_4.Blue, .grid_4.omega.ShyBox.Blue { border-left: 20px solid #345C76; margin-bottom: 0; border-bottom: 0; }
.grid_4.omega.ShyBox.Blue { margin-left: 0; background-color: #BABCBE; }
.grid_4.alpha.Blue { border-left: none; }
.grid_4.omega.Blue { margin-left: 20px; border-bottom: 20px solid #345C76; background-color: #083A5A; }
.grid_4.Blue > img, .grid_4.Red > img { margin: auto; margin-top: 70px; display: block; }

.grid_4.Blue .UAG, .grid_4.Red .UAG { display: block; float: left; height: 31px; width: 30px; overflow: hidden; margin-right: 10px; margin-bottom: 40px; margin-top: 5px; }
.grid_4.Blue .UAG img, .grid_4.Red .UAG img { position: relative; }
.UAGExcellence { right: 179px; }
.UAGMission { right: 209px; }
.UAGValue { right: 149px; }
.UAGCareer { right: 119px; }
.UAGLiveNLearn { right: 29px; }
.UAGExperience { right: 59px; }
.UAGApply { right: 89px; }

.Shaded { background-color: rgb(216,217,218); }
#PageInnerWrapper aside h2 { padding-left: 10px; padding-top: 10px; font-size: 16px; line-height: 21px; font-weight: bold; }
aside h2 + p { padding-left: 10px; font-size: 12px; line-height: 16px; color: rgb(28,28,29); }


.Spotlight { background-color: rgb(216,217,218); padding: 10px; }
.Spotlight .Info > h3 { display: none; }
.Spotlight .Name { font-size: 16px; line-height: 21px; font-weight: 700; margin-top: 5px; }
.Spotlight .JobTitle { display: none; }
.Spotlight > h2 { display: none; }
.SpotlightPreview h3 { margin-top: 10px; }
.GoToSpotlights { float: right; margin-top: 10px; }

ul.Spotlight { border: none; background-color: transparent; }
ul.Spotlight li:before { background-image: none; content: ""; }
ul.Spotlight h2 a, ul.Spotlight p { font-size: 12px; line-height: 16px; }
ul.Spotlight h2 a { color: rgb(48,48,49); font-weight: 700; }
#PageInnerWrapper > *:first-child ul.Spotlight h2 + p { color: rgb(48,48,49); font-size: 12px; line-height: 16px; }
ul.Spotlight p { margin-top: 10px; color: rgb(48,48,49); }
ul.Spotlight li { border-top: 1px dashed #BEC0C2; }
ul.Spotlight { border-bottom: 1px dashed #BEC0C2; }

/*Experience Build Styles*/
.grid_3.alpha + .grid_5.omega > h3 { margin-top: 0px; }

/*Experience page Blue Box styles*/
.BlueBoxBG .BlueBoxTop { height: 10px; background: #3384BC url(https://www.missouristate.info/images/Viewbook/2013-14/Experience_BlueBoxShadow.png) no-repeat top right; margin-right: -6px; }
.BlueBoxBG .BlueBoxMiddle { background-color: #3384BC; }
.BlueBoxBG .BlueBoxBottom { margin-top: -1px; height: 7px; background: transparent url(https://www.missouristate.info/images/Viewbook/2013-14/Experience_BlueBoxBottomBG.png) no-repeat; }
.BlueBoxBG p { padding: 5px 10px; margin: 0; color: #ffffff; }
.BlueBoxBG p:last-child { padding-bottom: 20px; }
#PageInnerWrapper .BlueBoxBG p a.Button { margin-top: 5px; margin-bottom: 0; background-color: #ffffff; color: #3384BC; background-image: none; font-size: 16px; line-height: 18px; }

/*Unbeatable Value Tables*/
thead tr th { color: #083A5A; }
thead tr th:first-child { width: 220px; }
tbody tr th { font-weight: normal; width: 220px; }

/*Unbeatable Value Fee Details box*/
#FeeDetailsPopUp { float: right; margin-top: 0; padding-right: 19px; background: #E5E6E7 no-repeat right; }
#FeeDetails1 { position: absolute; display: none; margin: -180px 0 0 420px; z-index: 2000; width: 390px; }
#FeeDetails1 .grid_inner { background-color: #F1F1F2; border-color: #F1F1F2; padding: 15px; }

/*Live and Learn*/
#PageInnerWrapper .FourSquare p, #PageInnerWrapper .FourSquare h3 { color: #7E333A; }
#PageInnerWrapper .FourSquare h3 { font-size: 26px; line-height: 26px; margin-top: 5px; font-weight: normal; }

/* ---- SiteFooter - footer above the footer ---- */
#PageFooter { border-top: 10px solid #303031; }
.SiteFooter a { color: #313131; }
.SiteFooter { min-height: 320px; padding-top: 2px; padding-bottom: 120px; background: #A6A9AB url(https://www.missouristate.info/images/Viewbook/2013-14/SiteFooterBG.png) repeat-x; }
.SiteFooter header.grid_12 { margin-top: 30px; border-left: 1px solid #8E9092; border-right: 1px solid #8E9092; }
.SiteFooter h2 { line-height: 52px; font-size: 36px; font-family: Helvetica, Arial, Sans-Serif; color: #FFFFFF; margin-top: 0px; float: left; padding: 0 0 0 17px; text-shadow: 1px 2px 0 #818184;}
.FeatureHeader { background-color: #630016; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-top-left-radius: 5px; color: #FFFFFF; font-size: 15px; font-weight: bold; line-height: 18px; padding: 5px 7px; position: relative; }
.FeatureHWrapper { padding-top: 16px; padding-left: 10px; }
.SiteFooter .grid_3 { margin-top: 0; }
.SiteFooter .grid_3 h3 { font-size: 18px; font-weight: bold; margin-bottom: 8px; }
.SiteFooter .grid_3 h3:first-child { margin: 0; }
.SiteFooter .grid_3 ul { list-style: none; margin-top: 7px; padding-left:0;}
.SiteFooter .grid_3 p { margin: 5px 0; padding: 0; padding: 3px 0; }
.SiteFooter p { padding-right: 20px; line-height: 18px; margin: 3px 0; }
.FeatureHWrapper { padding-top: 0; }
.SiteFooter .Button { min-height: 25px; color: #FFFFFF; margin: 5px 0 10px 0; padding: 11px 12px 1px; font-size:14px;text-align:center;}
.SiteFooter .Button.Footprints { min-height: 21px; padding: 8px 12px;text-align:left; }
.SiteFooter .Button.Footprints img { padding: 0 10px 0 0; vertical-align: middle; }
.SocialBlock a { float: left; }

/* Social Block sprite */
.SocialBlock a { display: block; height: 35px; overflow: hidden; position: relative; width: 35px; margin-left: 5px; margin-right: 5px; }
.SocialBlock a:first-child { margin-left: 0; }
a[title="Facebook"] img { position: absolute; margin: 0px; }
a[title="iTunesU"] img { position: absolute; margin-top: -35px; }
a[title="Blogs"] img { position: absolute; margin-top: -70px; }
a[title="Twitter"] img { position: absolute; margin-top: -105px; }
a[title="YouTube"] img { position: absolute; margin-top: -140px; }

.OverlayWindow-bg {position: absolute;background-color: #000000;top: 0;left: 0;z-index:12;}
.OverlayWindow {border-radius:10px;box-shadow: 0px 0px 20px 0px #000000; position: fixed;background-color: #FFFFFF;width: 960px; /* this gets replaced anyway via Closure JS */overflow: hidden;z-index:13;}
.OverlayWindow-title {border-radius:10px;position: relative;background-color: #FFFFFF;color: #000000;padding: 10px 15px;font-size: 16px;font-weight: bold;vertical-align: middle;cursor: hand;}
.OverlayWindow-title-close {position: absolute;top: 10px;right: 15px;width: 20px;height: 20px;cursor: pointer;}
.OverlayWindow-content > * { display:block; margin-left:auto; margin-right:auto;   padding: 15px; }