/*
***
/Templates/meerkat/meerkat-dev.css
***
Fisher College of Business
Meerkat template stylesheet
HACKS file for Subforce sites
Authors: j.hart, wedig
*/


/*
Top-level layout wrappers
*/
body { behavior: url('http://fisher.osu.edu/c/fisher/csshover.htc'); }

body
{
    position: relative;
    z-index: 1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-color: #999;
    background-image: url('https://fisher.osu.edu/i/template/body-bg.gif');
}

#content-wrapper
{
    width: 940px;
    border: 0px;
    margin: 0px auto;
    padding: 0px 7px 7px;
    background-color: #990033;
    background-image: url('https://fisher.osu.edu/i/template/banner-and-content-bg.gif');
    background-repeat: repeat-x;
    background-position: top left;
}

.container
{
    width: 940px;
    border: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}


/*
OSU Navbar 
layout and formatting
*/
#osunav
{
    position: relative;
    width: 100%;
    height: 20px;
    border-bottom: 4px solid #990000;
    margin: 0px;
    padding: 0px;
    background-color: #666666;
    font-size: 11px;
}

#osunav a
{
    color: #fff;
    text-decoration: none;
}

#osunav a:hover
{
    color: #ccc;
}

#osunav h1
{
    position: absolute;
    left: 10px;
    top: 3px;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

#osunav ul
{
    position: absolute;
    right: 10px;
    top: 4px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-align: right;
}

#osunav li
{
    display: inline;
    padding: 0px 15px 0px 0px;
}


/*
Fisher Masthead
layout and formatting
*/
#masthead
{
    width: 954px;
    height: 77px;
    border: 0px;
    border-collapse: collapse;
    margin: 14px auto 0px auto;
    padding: 0px;
    background-color: transparent;
    color: #000;
}

#masthead a
{
    text-decoration: none;
}

#logo-container
{
    width: 237px;
    vertical-align:top;
}

#logo-container img
{
    border:0px;
    padding: 3px 0px 0px 7px;
}

#utility-nav
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    height: 44px;
    vertical-align: top;
    text-align: right;
    font-size: 11px;
    color: #fff;
}

#utility-nav > ul
{
    float: right;
    list-style-type: none;
    margin: 0px;
    padding: 3px 0px 0px 0px;
}

#utility-nav > ul > li
{
    display: inline;
    padding: 0px 4px;
}

#utility-nav a
{
    color: #fff;
}

#utility-nav a:hover
{
    color: #ccc;
}

#utility-nav > form
{
    float: right;
    padding: 0px 5px 0px 15px;
}

#utility-nav #search-button
{
    background-color: #333;
    color: #fff;
    border-left: 2px solid #999;
    border-top: 2px solid #999;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    font-size: 12px;
    width: 35px;
    background-image: url('https://fisher.osu.edu/i/template/swoosh-small.png');
    background-position: -80px -10px;
}

#utility-nav #search-button:hover
{
    color: #ccc;
}

#utility-nav #search-button:active
{
    border: 2px solid #999;
    background-image: none;
}


/*
Main navigation
layout and formatting
- Retooled by Wedig to use Scriptaculous;
falls back to flat display of level 2 nav
where JavaScript is disabled
*/

#main-nav
{
    margin: 0px;
    padding: 0px;
    vertical-align: top; /* force the children to stick to the top */
    position: relative; /* make absolute children relative to this container */
    z-index: 2000000; /* HACK: set to 2 million, so it's above pretty much everything */
    height: 25px; /* explicitly size this - absolute-positioned children don't take up space! */
    font-family: Arial,sans-serif;
}

#main-nav a
{
    color: #000;
}

#main-nav > ul
{
    position: relative;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

/* All main nav items are positioned absolutely, and are clipping,
to hide the extendable sub-nav. */
#main-nav > ul > li
{
    display: inline;
    position: absolute; /* move the menus outside of the block model */
    z-index: 2000000; /* HACK: set to 2 million, so it's above pretty much everything */
    overflow: hidden; /* crop this container, so as to hide the level2SubMenu */
    height: 25px; /* hard-coded to match the (show|hide)LevelTwo expectation of menu item height */
    top: -10px; /* moved up to account for padding that usually */
    margin: 0px;
    padding: 0px;
}

/* Graceful degradation support - .noScriptMenu is removed by JavaScript, 
but if no script is running, this CSS menu approach will work just fine. */
#main-nav > ul > li.noScriptMenu:hover
{
    height: auto;
}

/*** Absolutely position the main-nav entries! ***/
#main-nav > ul > li#ugrad-topnav
{
    right: 454px;
}
#main-nav > ul > li#master-topnav
{
    right: 302px;
}
#main-nav > ul > li#phd-topnav
{
    right: 172px;
}
#main-nav > ul > li#exec-topnav
{
    right: 0px;
}

.level2SubMenu
{
    position: relative; /* relative so that the nav LI element allocates space for it */
    width: inherit; /* base the width on the nav LI element */
    border: 2px solid #313131;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 12px;
}

.level2SubMenu > ul
{
    width: inherit;
}

#main-nav > ul > li > a
{
    display: block;
    height: 25px;
    margin: 0;
    padding: 0px 11px 10px 11px;
}

#main-nav > ul > li > a > img
{
    border: 0px;
    padding: 5px 0px 0px 0px;
}

#main-nav > ul > li > div > ul
{
    border:0px;
    margin:0px;
    padding:0px;
    list-style-type:none;
    font-size:12px;
}

/* set the opacity of the main menu to 100%, to avoid a rendering bug, 
where shrinking a partial-opacity element would leave "tearing" and 
wouldn't properly erase when resizing the element */
#main-nav > ul > li {
    opacity: 1.0;
    filter: alpha(opacity=100); /* IE 7 hack - opacity is not recognized by it */
    -ms-filter: alpha(opacity=100); /* and the related "more" correct IE8 hack */
    -moz-opacity: 1.0; /* older mozilla browsers */
    -khtml-opacity: 1.0; /* older Safari browser */
}

#main-nav > ul > li > div
{
    background-color: #fff; /* If this element doesn't have a background color (or image), IE's hover behavior breaks. Because IE is TERRIBLE. */
    opacity: 0.94;
    filter: alpha(opacity=94); /* IE 7 hack - opacity is not recognized by it */
    -ms-filter: alpha(opacity=94); /* and the related "more" correct IE8 hack */
    -moz-opacity: 0.94; /* older mozilla browsers */
    -khtml-opacity: 0.94; /* older Safari browser */
}

#main-nav > ul > li > div > ul > li
{
    border:0px;
    margin:0px;
    padding: 5px;
}

#main-nav > ul > li > div > ul > li:hover
{
    background-color: #ddd;
}

#ugrad-topnav:hover > a
{
    background-image: url('https://fisher.osu.edu/i/template/ugrad-topnav-hover-bg.png');
}
#ugrad-topnav .level2SubMenu ul
{
    width: 204px;
}

#master-topnav:hover > a
{
    background-image: url('https://fisher.osu.edu/i/template/master-topnav-hover-bg.png');
}
#master-topnav .level2SubMenu ul
{
    width: 147px;
}

#phd-topnav:hover > a
{
    background-image: url('https://fisher.osu.edu/i/template/phd-topnav-hover-bg.png');
}
#phd-topnav .level2SubMenu ul
{
    width: 125px;
}

#exec-topnav:hover > a
{
    background-image: url('https://fisher.osu.edu/i/template/exec-topnav-hover-bg.png');
}
#exec-topnav .level2SubMenu ul
{
    width: 167px;
}

/* HACK for left navigation border 
  - This was previously applied to the whole cell,
  but had to be changed so #socialmedia looks right */
div.menuitem_style
{
	border-right:1px solid #cecece;
}
div.menuitem_level2
{
	border-right:1px solid #cecece;
}
div.menuitem_level3
{
	border-right:1px solid #cecece;
}


/*
Social media
layout and formatting
*/
#socialmedia
{
	vertical-align: bottom;
	overflow: hidden;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
        background-image: url('https://fisher.osu.edu/i/template/leftnav-bg.png');
	background-position: top left;
	background-repeat: repeat-y;
}

#socialmedia > div
{
	margin: 0px;
	padding-left: 20px;
}

#socialmedia img
{
	float: left;
	clear: none;
	border: 0px;
	margin: 0px;
	padding: 3px;
}

#prefooter {
	background-color: #CCCCCC;
	background-image: url('https://fisher.osu.edu/i/template/prefooter-bg.png');
	background-repeat: repeat-x;
	background-position: -1px -1px; 
	border: 0px;
	margin: 0px;
	height: 26px;
}


/*
Footer
layout and formatting
*/

#footer
{
    position: relative;
    width: 954px;
    height: 103px;
    border: 0px;
    margin: 0px auto 15px auto;
    padding: 0px;
    background-color: transparent;
    background-image: url('https://fisher.osu.edu/i/template/footer-bg.png');
    background-repeat: no-repeat;
    color: #fff;
}

#footer ul
{
    position: absolute;
    top: 18px;
    left: 7px;
    list-style-type: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}

#footer li
{
    display: inline;
    border: 0px;
    margin: 0px;
    padding: 0px 15px 0px 0px;
}

#footer p
{
    margin: 0px;
    padding: 0px;
    font-size: 11px;
}

#footer > p > a
{
    text-decoration: underline;
}

#footer a
{
    text-decoration: none;
    color: #fff;
}

#footer a:hover
{
    color: #ccc;
}

#footer img
{
    border: 0px;
    margin-top: -5px;
    padding: 0px;
    vertical-align: middle;
}

#footer .aacsb
{
    position: absolute;
    top: 43px;
    left: 7px;
}

#footer .copyright
{
    position: absolute;
    top: 62px;
    left: 7px;
}