/*Rebranding Additions: Button Coloring and text styling*/

#logonSubmitButton
{
        -ms-text-shadow: 1px 1px #467111;
        text-shadow: 1px 1px #467111;
        font-family: ProximaNovaRegular, "Century Gothic" , "Apple Gothic" , sans-serif; 
        font-weight: bold;
        color: #FFF; /*Paper White*/
        font-size: 1em !important;
}

/*Rebranding Additions: Button Shape*/

.submitFormClass 
{
        background: url("images/Button Background Image Transparent Bkgd.png") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        /*width: 186px;*/
        -ms-background-size: cover;
        background-size: cover !important;
        width: 150px;
        height: 2.5em;
        border: 0;
        background-color: #E5E5E5;
        cursor: pointer;
        outline: 0;
}

/*Rebranding Additions: Image scaling for logo*/
/*DIDN'T WORK IN IE8 (in the mockup), and didn't find a work-around. Leaving this in breaks IE8.*/
/*.image {
  font-size: 0;
  text-align: center;
  width: 200px;
  height: 150px;
}
img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
  max-width: 50%;
}
.trick {
  display: inline-block;
  vertical-align: middle;
  height: 150px;
}*/




/* Stuff below this line was not newly implemented for the rebranded page, but may have been modified. */
/* All classes used by this page have been included here to ensure future modifications don't
    inadvertently remove the logon page formatting. */

/***********************************************************/
/***********************************************************/

/*From Site.css*/

body
{
        background-color: #FFF;
        font-size: 100% !important;    
        font-family: Helvetica, Arial, sans-serif;
        /*margin: 0;*/
        padding: 0;
        color: #000;
        -moz-min-width: 1000px;
        -ms-min-width: 1000px;
        -o-min-width: 1000px;
        -webkit-min-width: 1000px;
        min-width: 1000px;
}

p
{
        /*margin-bottom: 20px;*/
        margin: 2px 12px 10px 10px !important;
        line-height: 1.6em;
}

/*Color Links to Rebranding Standands */

a:link /*Override default link color*/
{
        color: #0070CD; /*Pantone 285 C aka Toptech Blue*/
        font-family: ProximaNovaRegular, /*"Century Gothic" ,*/ "Apple Gothic" , sans-serif;
}

a:active /*Override active link color*/
{
        color: #76BD1D; /*Pantone 386 C aka Toptech Green*/
}
a:visited /*Override visited link color*/
{
        color: #0070CD; /*Pantone 285 C aka Toptech Blue*/
        /*color: #58585B; /*Pantone 386 C aka Toptech Grey*/
}

a:hover /*Override hover link color*/
{
        color: #76BD1D; /*Pantone 386 C aka Toptech Green*/
}

/* HEADINGS   
----------------------------------------------------------*/

h2
{
        padding: 0; /*0 10px 0;*/
        font-size: 1.9em;
        color: #0070CD; /*Pantone 285 C aka Toptech Blue*/
        font-family: MuseoSans, /*"Century Gothic" ,*/ "Apple Gothic" , sans-serif;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.idexlogo
{
        width: 100px;
        float: left;
        display: inline;
        height: 45px;
        margin-left: 5px;
        margin-top: 5px;
        background: url("images/logo-idex.gif") left no-repeat;
}

#logindisplay
{
        margin-top: 5px;
        position: absolute;
        top: 4px;
        z-index: 999;
        right: 14px;
        font-size: 150%;
        display: inline;
        text-align: right;
        color: #0070CD !important;
        background-color: #FFF;
}

#main
{
        border: 0;
        margin: 0;
        padding: 0;
        margin-left: 10px;
        /*margin-right: 10px;
        margin-bottom: 10px;
        padding: 10px;*/
        /*border: solid 1px #999;*/
        /*-webkit-border-radius: 10px;
        -moz-border-radius: 10px;*/
}

#footerNew
{
        color: #58585B; /*Pantone 386 C aka Toptech Grey*/
        height: 55px;
        text-align: center;
        line-height: normal;
        font-size: inherit;
        margin: 10px;
        background-color: #fff;
        border: 0;
        font-weight: normal;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        font-family: ProximaNovaRegular, /*"Century Gothic" ,*/ "Apple Gothic" , sans-serif;
}

#footer
{
        height: 0;
        width: 0;
        display:none;
}

/* Override logged-in user header - appears whenever the user is already logged in when they go to the login page */
#user_info
{
        height: 0;
        width: 0;
        display:none;
}

/* Override header (different from UAP's) */
div.header_border
{
	    height: 0px;
        width: 0px;
        display:none;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
        margin: 1.5em 0 1.5em 0;
        border: 30px solid #E5E5E5;
        border-left: 5px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        background-color: #E5E5E5;
        padding: 0 0 0 2em;
}

fieldset label
{
        display: block;
}

legend
{
        font-size: 1.2em;
        font-weight: 600;
        padding: 0 !important;
        color: #0070CD; /*Pantone 285 C aka Toptech Blue*/
        font-family: ProximaNovaBold, /*"Century Gothic" ,*/ "Apple Gothic" , sans-serif !important;
}

/***********************************************************/
/***********************************************************/



/*From TTResponsiveMenu.css -->*/

/*Implemented to override the master page header.*/
div#TTResponsiveMenuContainer
{
        height: 0;
        width: 0;
        display: none;
}



/*These are my dummy versions*/
#TTResponsiveMenuLogoNew
{
        background-image: url("images/TDS_Rail_Logo_900x300.png");
        background-repeat: no-repeat;
        display: block;
        height: 300px;
        text-indent:-9999px; /* Hides the text used to turn the background image to a link. */
        width: 900px;
        /*float: left;*/
}

div#TTResponsiveMenuContainerNew
{
        margin-bottom: 5px;
}