﻿@import url(/Components/Design/CSS/Editor.css);

/* _________________________________________________

Ball State Design - Minimal
_____________________________________________________
*/
body  
{ text-align: left; }
    
#container.minimal 
{
    padding: 0;
    margin: 10px 10px;
    width: auto;
    text-align: left;
}

#headerContainer 
{
    width: 100%;
    text-align: center;
    
    background-image: url(/Components/Design/Images/Backgrounds/backgroundHeader.gif);
    background-position: 0% 0%;
    background-repeat: repeat-x;
}

/**************************************************
**  PAGE HEADER    ********************************
**************************************************/
#pageHeader 
{
    margin: 0 auto;
    width: 940px;
    text-align: left;
}

/**************************************************
**  NAV GATEWAY    ********************************
**************************************************/
#navGateway 
{
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
    width: auto;
    height: 37px;
    text-align: left;
    overflow: hidden;
    
    font-family: NewsGothicBT-Roman, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    /* CSS3 Font Smoothing */
    -webkit-font-smoothing: subpixel-antialiased;
    color: #555555;
}

/* NAVGATEWAY UL */
#navGateway ul
{
    margin: 0;
    padding: 0;
    
    list-style: none;
}

/* NAVGATEWAY UL LI */
#navGateway ul li
{
    float: left;
    font-size: 9pt;
    white-space: nowrap;
}

/* NAVGATEWAY UL LI A */
#navGateway ul li a
{
    display: block;
    margin: 0;
    padding: 13px 8px 10px;
    
    color: #555555;
    letter-spacing: 0px;
    text-decoration: none;
    white-space: nowrap;
}

/* NAVGATEWAY UL LI A:HOVER */
#navGateway ul li a:hover
{   
    color: #CC0000;
    text-decoration: none;
}

/* NAVGATEWAY UL LI.FIRST A */
#navGateway ul li.first a { padding-left: 0; }

/* NAVGATEWAY UL LI.FIRST A */
#navGateway ul li.last a { padding-right: 0; }

/* Firefox-specific CSS property */
@-moz-document url-prefix() 
{
    #navGateway ul li { font-size: 8pt; }
    #navGateway ul li a { padding: 13px 7px 10px; }
}

/**************************************************
**  NAV TACTICAL    *******************************
**************************************************/
#navTactical 
{
    float: left;
    margin: 0;
    width: auto;
    height: 37px;
    text-align: left;
    overflow: hidden;
    
    font-family: NewsGothicBT-Roman, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    /* CSS3 Font Smoothing */
    -webkit-font-smoothing: subpixel-antialiased;
    color: #CC0000;
}

/* NAVTACTICAL UL */
#navTactical ul
{
    margin: 0;
    padding: 0;
    
    list-style: none;
}

/* NAVTACTICAL UL LI */
#navTactical ul li
{
    float: left;
    font-size: 9pt;
    white-space: nowrap;
}

/* NAVTACTICAL UL LI A */
#navTactical ul li a
{
    display: block;
    margin: 0;
    padding: 13px 8px 10px;
    
    color: #CC0000;
    text-decoration: none;
    white-space: nowrap;
}

/* NAVTACTICAL UL LI.FIRST A:HOVER */
#navTactical ul li a:hover
{   
    color: #555555;
    text-decoration: none;
}

/* NAVTACTICAL UL LI.FIRST A */
#navTactical ul li.first a { }

/* NAVTACTICAL UL LI.LAST A */
#navTactical ul li.last a { padding-right: 0; }

/* Firefox-specific CSS property */
@-moz-document url-prefix() 
{
    #navTactical ul li { font-size: 8pt; }
    #navTactical ul li a { padding: 13px 7px 10px; }
}

/**************************************************
**  SEARCH    *************************************
**************************************************/
#pnlSearch 
{
    float: right;
    padding: 0;
    margin: 0;
}

#pnlSearch .txtSearch 
{
    color: #000;
    float: left;
    width: 120px;
    margin: 8px 10px 0 0;
    font-size: 10pt;
}

#pnlSearch .btnSearch { border: 0; }

/**************************************************
**  HEADER IMAGE    *******************************
**************************************************/
#headerImage 
{
    margin: 0 auto;
    text-align: left;
}

/**************************************************
**  RULE VERTICAL    ******************************
**************************************************/
.ruleVertical 
{
    width: 10px;
    min-height: 37px;
    background-image: url(/Components/Design/Images/Backgrounds/ruleVertical.gif);
    background-position: 50% 0%;
    background-repeat: repeat-y;
}

#pageHeader .ruleVertical { float: left; }

/**************************************************
**  CONTAINER    **********************************
**************************************************/
#container 
{
    width: 100%;
    margin: 0 auto;
    clear: both;
}

/**************************************************
**  CONTENT CONTAINER    **************************
**************************************************/
#contentContainer 
{
    margin: 0 auto;
    width: 940px;
}

#contentContainer.interactive-card 
{
    width: 840px;
}

/*960px __________________________________________________________________________________________________________ */
/* @media only screen and (max-width: 960px) { */
    body {}
/* } */