/* added new font 'Grotesk', added */
/* added .eot, .woff file types to fonts folder */
@font-face
{ font-family: 'Grotesk'; src: url("fonts/FoundersGrotesk-RegularItalic.eot"); src: url("fonts/FoundersGrotesk-RegularItalic.eot?#iefix") format("embedded-opentype"), url("fonts/FoundersGrotesk-RegularItalic.woff2") format("woff2"), url("fonts/FoundersGrotesk-RegularItalic.woff") format("woff"); font-weight: normal; font-style: italic; }

@font-face
{ font-family: 'Grotesk'; src: url("fonts/FoundersGroteskMedium.eot"); src: url("fonts/FoundersGroteskMedium.eot?#iefix") format("embedded-opentype"), url("fonts/FoundersGroteskMedium.woff2") format("woff2"), url("fonts/FoundersGroteskMedium.woff") format("woff"); font-weight: 500; font-style: normal; }

@font-face
{ font-family: 'Grotesk'; src: url("fonts/FoundersGroteskLight.eot"); src: url("fonts/FoundersGroteskLight.eot?#iefix") format("embedded-opentype"), url("fonts/FoundersGroteskLight.woff2") format("woff2"), url("fonts/FoundersGroteskLight.woff") format("woff"); font-weight: 300; font-style: normal; }

@font-face
{ font-family: 'Grotesk'; src: url("fonts/FoundersGroteskRegular.eot"); src: url("fonts/FoundersGroteskRegular.eot?#iefix") format("embedded-opentype"), url("fonts/FoundersGroteskRegular.woff2") format("woff2"), url("fonts/FoundersGroteskRegular.woff") format("woff"); font-weight: normal; font-style: normal; }

body {
        font-family: 'Grotesk',sans-serif;
        font-size: 18px;
        font-weight: 400;
        margin: 0;
        padding: 0;
        height: 100%;
        overflow auto;
        color: #666666;
}

#menuHover {
    background-color: #808080;
}

#topUserInfo {
    color: white;
}

#pageTitleSC {
    text-align: left;
    padding-left: 95px;
    font-size: 29px;
    font-weight: 500;
    font-family: 'Grotesk', sans-serif;
    text-transform: capitalize;
    margin-top: -20px;
    color: #333333;
    width: 900px;
}

#pageTitleSC_popup {
    text-align: left;
    padding-left: 35px;
    font-size: 29px;
    font-weight: 500;
    font-family: 'Grotesk', sans-serif;
    text-transform: capitalize;
    margin-top: -40px;
    color: #333333;
    width: 500px;
}

#topUserName{
    color: #41A9DF;
    font-family: 'Grotesk', sans-serif;
    font-size: 18px;
    padding-right: 20px;
    border-right-style: solid;
    border-right-width: 1px;
}

#topLogOut a, #topLogOut a:visited {
    color: #41A9DF;
    font-family: 'Grotesk', sans-serif;
    font-size: 18px; 
}

.subMenuText:hover
{
    color: #41A9DF !important;
}

#pageMenu 
{
    background-color: #FFFFFF;
}

#menuText
{
    color: #FFF;
    font-family: 'Grotesk', sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.subMenuText
{
    font-family: 'Grotesk', sans-serif;
    color: #333333 !important;
    border-bottom-color: #808080;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.subMenu, .subMenu li a 
{
    background-color: #FFFFFF;
    border: none;
    width: 200px;
}

.subMenu li a:hover, .subMenu li a:focus
{
    color: #F15B3D;  
    background: #FFFFFF;
}

#hoverColor
{
    background-color: white;
    color: white;
}

/* These properties have been moved over from common.css for TOT-111, changing menu colors*/
#menuHome{ left: 100px; }
#menuReports{ left: 160px; }
#menuPrint{ left: 220px; }
#menuFiles{ left: 280px; }
#menuSettings { left: 340px; }
#menuLogout { left: 400px; }
#menuHelp{ left: 460px; }
#menuHome a , #menuReports a, #menuPrint a , #menufiles a, #menuSettings a, #menuLogout a, #menuHelp a, { color: #333333;}

#menuReports ul { width: 9em; } /* Reports menus needs to be slightly wider */

.subMenu li {
    background: #333333;
    width: 110px;
} 
.subMenu li a{
    font-family: 'Grotesk', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
    padding: 5px 5px 5px 5px;
}

.subMenu {
    position: absolute;
    top: 55px;
    z-index: 100 !important;
    clear: both;
}

.subMenu ul, .subMenu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.subMenu ul {
    display: none;
    width: 13.6em;/*max width: 12em; NOT supported by IE */
}  

#menuRow
{
    background-color: #FFFFFF;
}

#menus
{
    color: #FFFFFF;
}

#LoginHeaderFill
{
    background-color: #FFFFFF;
}

#copyright, #copyright:link
{
    font-family: 'Grotesk', sans-serif;
    font-weight: normal;
    color: #666666;
    background-color: #F2F2F2;
}

#pageFooter, #pageFooter_popup, #disclaimer
{
    color: #FFFFFF;
    background-color: #f2f2f2;
}

#pageBackCorner, #pageBackCorner_popup
{
    background-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

#GrayBar
{
    background-color: #808080;
}


/*                          MAIN PAGE CODE                                              */
.colorHome, .colorReports, .colorPrint, .colorFiles, .colorSettings, .colorLogout, .colorHelp 
{ 
    background-color: #41A9DF; 
    font-family: 'Grotesk', sans-serif;
    font-weight: 400;
    color: #ffffff; 
}
.colorHome:hover, .colorReports:hover, .colorPrint:hover, .colorFiles:hover, .colorSettings:hover, .colorLogout:hover, .colorHelp:hover
{
    background-color: #1E82B5;    
}

/* Ick... porting */
#disclaimer, 
#pageFooter a, 
#disclaimer a, 
#pageFooter a:visited, 
#disclaimer a:visited, 
#pageFooter a:active, 
#disclaimer a:active,
#pageFooter a:hover, 
#disclaimer a:hover,
#pageFooter_popup a, 
#pageFooter_popup a:visited, 
#pageFooter_popup a:active, 
#pageFooter_popup a:hover 
{ color: #666666; }

#disclaimer
{
    color: white;
}

.connectedNetwork:hover
{
    background-color: #E6E6E6;
}

.connectedInput:checked + .connectedNetwork
{
    background-color: #F2F2F2;
}

.availNetwork:hover
{
    background-color: #E6E6E6;
}

input:checked + .availNetwork
{
    background-color: #F2F2F2;
}

/*Taken from Jquery-UI CSS*/
.ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
    border: 1px solid #808080;
    background: #808080;
} 

.buttons input, #backup_buttons input, .punchScopeSubmit input,
.buttons button, #backup_buttons button, .punchScopeSubmit button
{
    border: 0px;
    height: 25px;
    min-width:  75px;
    background-color: #419ADF;
    color: #f3f3f3 !important;
}

.buttons input:hover
{
    background-color: #1e82b5;
}

.buttonrect{
    font-family: 'Grotesk', sans-serif;
    color: #666666;
    background-color: #F2F2F2;
}
.exportmenuitem a {
    text-decoration: none;
    color: #000;
    padding-left: 4px; padding-right: 4px;
    padding-top: 2px;  padding-bottom: 2px;
    display: block;
    text-align: left;
}

.myspan:hover
{
    color: #666666;
}   
.myspan {
    text-align: left;
    margin: 0px;
    padding: 0px;
    color: white;
}

#ul_exportmenus li:hover
{
    background: #F2F2F2;
}

#ul_exportmenus {
    background: #808080;
}

a, a:visited {
    color: #41A9DF;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
    color: #1E82B5;
}

#subMenuAbout {
    margin-right: 0;
    color: #41A9DF !important;
}

form
{
    padding: 5px;
}

.reveal-modal{
    width: 750px;
}

#HelpText {
    color: #41A9DF;
}