/***
    AS_FND_STD_Header-Footer.css?v=09162020
	<style type="text/css" media="screen">@import url(<%=ste_skinpath%>/<%=ste_skin%>.css);</style>
	<link rel="STYLESHEET" type="text/css" href="<%=ste_sportswww%>/1011/css/<%=ste_skin%>/custom.css?v=1" />
    <link rel="STYLESHEET" type="text/css" href="<%=ste_sportswww%>/1011/css/main1011withmenu.css?v=<%=ste_cssvermain1011withmainmenu%>" />
    <link rel="STYLESHEET" type="text/css" href="<%=ste_sportswww%>/1011/css/multi-select-dropdown.css?v=06112020" />
    1. Base - Styles applied to element selectors
    2. Layout - Major layout styling/formatting - nav, sidebar, footer. id's can be used here
    3. Module - Modular components of the page that can be reused and can stand alone
    4. State - Augments and overrides all other styles. Describes how things look in a particular state.
    5. Theme - colors, typography
    6. Changing State - Any changes with javascript events, pseudo class styling, or media queries
    7. Utility - any style overrides or single purpse classes
    **/
/*************************************************************************/
/**************************** 1. BASE ************************************/
/*************************************************************************/
.main-content {
    font-size: 10px;
    font-family: arial, sans-serif;
}
/*************************************************************************/
/**************************** 2. LAYOUT **********************************/
/*************************************************************************/
.main-content {
    width:auto;
}
table.header-buttons-right{
    width: 100%;
}
table.header-buttons-right tr {
    text-align: right;
}
/*this should be removed with the new ui redesign, it is only to support table layout behavior with divs in the interim*/
.main-content-stretched {
    width: 670px;
}
/*************************************************************************/
/**************************** 3. MODULE **********************************/
/*************************************************************************/

/*************************************************************************/
/**************************** 4.STATE ************************************/
/*************************************************************************/

/*************************************************************************/
/**************************** 5. THEME ***********************************/
/*************************************************************************/

/**************************** Typogrpahy *********************************/
.title {font-size:1.2rem;}
.subtitle {font-size:1rem;font-weight:600;}

/*************************************************************************/
/**************************** 6. CHANGING STATE **************************/
/*************************************************************************/

/*************************************************************************/
/**************************** 7. UTILITY *********************************/
/*************************************************************************/
.overflow_x_auto {
    overflow-x: auto;
}