﻿/******************** Global Styles Are Used Throughout Site ********************/

/* Global Styles */
body, html, form, div { margin: 0px; padding: 0px; }
a img { border: 0px none; }
* { font-family: "Segoe UI", Arial, Tahoma, Sans-Serif; font-size: 12px; color: #333333; }
a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
h1, .Header1 { font-size: 24px; font-weight: bold; text-align: center; color: #336699; padding-bottom: 6px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
table { margin: 0px; padding: 0px; border: 0px none; border-collapse: collapse; }
table tr td, table tr th { margin: 0px; padding: 0px; }
div.ClearFloats { clear: both; }
.ErrorMessage {font-weight: bold; color: #ff0000; }



/******************** WVU Masthead, Main Links and IE6 Warning Bar Are Used on Master.Master ********************/

/* WVU Masthead */
div.Masthead { height: 50px; width: auto; background: transparent url( '/SON/Images/WVUMasthead/HeaderBkgd.png' ) repeat-x; }
div.MastheadContent { height: 50px; width: 940px; margin: 0px auto; }
div.MastheadContentLeft { height: 50px; width: 470px; float: left; }
div.MastheadContentRight { height: 50px; width: 470px; float: right; text-align: right; }
div.MastheadContentRightLinks { float: right; width: 470px; height: 20px; }
div.MastheadContentPlaceHolder { float: right; width: 470px; height: 30px; text-align: right; }

/* Main Links (on WVU Masthead) */
ul.MainLinks { list-style: none; color: #ffffff; margin: 4px 0px 0px 0px; padding: 0px; float: right; }
ul.MainLinks li { float: left; background: url( '/SON/Images/WVUMasthead/WhiteBullet.png' ) no-repeat 100% 6px; }
ul.MainLinks li a { float: left; padding: 0px 6px 0px 4px; font-size: 11px; }
ul.MainLinks li a { color: #ffffff; text-decoration: none; }
ul.MainLinks li a:hover { text-decoration: underline; }
ul.MainLinks li.LastLink a { color: #ffcc00; }
ul.MainLinks li.LastLink { background-image: none; }

/* IE6 Warning Bar (appears right below WVU Masthead) */
div.IE6Bar { width: 936px; height: 80px; background: #ffefc5; border: 2px solid #e9aa01; margin: 10px auto;  }
div.IE6BarIcon { width: 48px; height: 48px; padding: 16px 8px; float: left; }
div.IE6BarText { width: 600px; font-size: 18px; float: left; color: #402f03; padding-top: 16px; }
div.IE6Bar div.Upgrade { float: right; width: 220px; text-align: right; }
div.IE6Bar a { display: block; float: left; height: 70px; width: 62px; border: 1px solid #ffefc5; text-align: center; padding-top: 8px; font-weight: bold; font-size: 13px; margin: 0px 4px; }
div.IE6Bar a:hover { border: 1px solid #419bed; background: #cee1f2; text-decoration: none; color: #094072; }

/******************** Site Header and Footer Styles Are Used on Site.Master ********************/
/******************** They are included in Global.css for their use on department sites ********************/

/* Site Header | Height: 72px */
div.SiteHeader { width: 940px; height: 72px; margin: 0px auto; }
div.SiteHeaderLeft { width: 290px; height: 56px; float: left; padding: 8px 0px; }
div.SiteHeaderDivider { width: 20px; height: 72px; float: left; background: url( '/som/Images/SiteHeader/SiteHeaderDivider.png' ) no-repeat; }
div.SiteHeaderCenter { width: 290px; height: 56px; float: left; padding: 8px 0px; }
div.SiteHeaderRight { width: 340px; height: 64px; padding: 8px 0px 0px 0px; float: left; text-align: right; }
div.SiteHeaderWideRight { width: 630px; height: 64px; padding: 8px 0px 0px 0px; float: left; text-align: right; }
div.SiteHeaderDividerForWideRight { width: 20px; height: 72px; float: left; background: transparent none; }

/* Site Header - Header Titles */
a.HSCTitle { height: 24px; width: 290px; background: url( '/eastern/som/Images/SiteHeader/HSCTitle.png' ) no-repeat; display: block; }
a.HSCTitle:hover { background-position: 0 -24px; }
a.SchoolTitle {display: block; width: 290px; height: 32px; background: url('/eastern/som/Images/SiteHeader/SchoolTitle.png') no-repeat;}
a.SchoolTitle:hover{background-position: 0 -32px;}
a.SiteTitle { height: 56px; width: 290px; background: url('/eastern/som/Images/SiteHeader/SiteTitle.png') no-repeat; display: block; }
a.SiteTitle:hover { background-position: 0 -56px; }

/* Search Box (can appear in WVU Masthead or Site Header) | Height: 26px */
div.SearchBox input { padding: 0px; }
div.SearchBox { text-align: right; height: 26px; padding: 0px; }
div.SearchBox .SearchRadioButton, div.SearchBox .SearchRadioButton label { font-size: 12px; color: #83b7eb; }
div.SearchBox .SearchTextBox { margin-left: 8px; font-size: 12px; color: #2566a6; border: 1px solid #83b7eb; background: #f0f5f9; width: 150px; padding: 2px; }

/* Site Header Links | Height: 38px */
div.HeaderLinks { text-align: right; height: 32px; padding-top: 6px; }
div.HeaderLinks a { font-size: 14px; font-weight: bold; padding: 0px 4px; }
div.HeaderLinks a img { border: 0px none; margin-right: 2px; vertical-align: middle; }
div.HeaderLinks img { vertical-align: middle; }

/* Footer */
div.Footer { width: 940px; margin: 0px auto; }
div.FooterLeft { width: 594px !important; font-size: 10px; float: left; padding: 8px; color: #003366; line-height: 14px; }
div.FooterLeft a { font-size: 10px; color: #003366; }
div.FooterLeft a:hover { color: #1c75cd; }
div.FooterRight { width: 314px !important; float: right; padding: 8px; text-align: right; }
div.FooterRight a img { border-right: 1px solid white; }
div.FooterRight a img.LastFooterLink { border: 0px none; } 

/******************** Footer Icons Styles ********************/

/* Footer Icons */
div.FooterRight a { display: block; float: right; width: 25px; height: 25px; cursor: pointer; background: transparent url('/images/FooterIcons.png') no-repeat; }
div.FooterRight a img { border: 0px none; }
div.FooterRight a.MyAccess { background-position: 0px -25px; }
div.FooterRight a.MTRAK { background-position: -25px -25px; }
div.FooterRight a.WVUALERT { background-position: -50px -25px; }
div.FooterRight a.GIVE { background-position: -75px -25px; }
div.FooterRight a.iTunesU { background-position: 0px -50px; }
div.FooterRight a.Facebook { background-position: -25px -50px; }
div.FooterRight a.Twitter { background-position: -50px -50px; }
div.FooterRight a.YouTube { background-position: -75px -50px; }
div.FooterRight a.MIX { background-position: 0px -75px; }
div.FooterRight a.eCampus { background-position: -25px -75px; }
div.FooterRight a.ShareThis { background-position: -50px -75px; }
div.FooterRight a.SOLE { background-position: 0px -100px; }
div.FooterRight a.Outlook { background-position: -25px -100px; }

/* Divider Lines*/
div.FooterRight span { display: block; float: right; width: 1px; height: 25px; background: transparent url('/images/FooterIcons.png') no-repeat;  }
div.FooterRight span.White { background-position: 0px 0px; }
div.FooterRight span.Blue { background-position: -25px 0px; }
div.FooterRight span.Gold { background-position: -50px 0px;  }
div.FooterRight span.Black { background-position: -75px 0px; }
