@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900);

/*/* PIRStyle.css
   ============

   Stylesheet for absperpetual.com web site. This stylesheet can be modified for 
   use by white-label clients.

   This style sheet builds up complex styles from basic building blocks.

   CONTENTS

   1. BASIC STYLES   
   2. COLOUR STYLES
   3. BORDER COLOURS (for all grids/tables)
   4. FONT SIZE STYLES
   5. BOLD STYLE CLASS
   6. COMPOSITE STYLES
   7. MENU STYLES
   8. SPECIFIC STYLES
   9. ANCHOR PSEUDO-CLASSES
*/

/*-----------------------------------------------------------------*/
/* 1. BASIC STYLES                                                 */
/*-----------------------------------------------------------------*/

/* basic style - all other styles inherit from this. */
body {
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
}

/* basic table style (include table selector as tables not part of body inheritance
   family for most browsers - IE, Firefox etc) */
table {
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    vertical-align: top;
}

/*-----------------------------------------------------------------*/
/* 2. COLOUR STYLES                                                */
/*-----------------------------------------------------------------*/
/*   Style Class Perpetual default   Perpetual value GMAC Value
   ----------------------------------------------------------
   Colour1     dark blue           #004a8e         #2d008e 
   Colour1BG   dark blue           #004a8e         #2d008e
   Colour2     v.dark blue         #003082         #8c2633
   Colour2BG   v.dark blue         #003082         #8c2633
   Colour3     med. blue           #8aa0c7         #8c2633 
   Colour3BG   med. blue           #8aa0c7         #8c2633
   Colour4     orange              #cc6600         #ba7530
   Colour4BG   orange              #cc6600         #ba7530
   Colour5     light blue          #becae0         #ad9ed3
   Colour5BG   light blue          #becae0         #ad9ed3
   Colour6     v.light blue        #e5e9f2         #a3a8a3
   Colour6BG   v.light blue        #e5e9f2         #a3a8a3
   Colour7     White			   #FAFAFA
   Colour8     Black               Black

*/

.Colour1, .Bulleted {
    color: #004a8e;
    border-color: #004a8e;
}

.Colour2 {
    color: #003082;
    border-color: #003082;
}

.Colour3, .SubTitle {
    color: #8aa0c7;
    border-color: #8aa0c7;
}

.Colour4 {
    color: #cc6600;
    border-color: #cc6600;
}

.Colour5 {
    color: #becae0;
    border-color: #becae0;
}

.Colour6 {
    color: #e5e9f2;
    border-color: #e5e9f2;
}

.Colour7, .Colour1BG, .Banner, .Colour2BG, .TitleBG, .Colour3BG, .SubTitleBG, .Colour4BG, .SubTitleAltBG {
    color: #FAFAFA;
    border-color: #FAFAFA;
}

.Heading {
    color: #252C26;
    background-color: #CEE8F8;
    font-family: Arial;
    font-size: 12px;
    font-weight: bolder;
}

.HeadingFixed {
    position:absolute;
}

.GridPager {
    color: #252C26;
    background-color: #CEE8F8;
    font-family: Arial;
    font-size: 11px;
    font-weight: bolder;
}



.Colour1BG {
    background-color: #004a8e;
}

.Colour2BG, .TitleBG {
    background-color: #003082;
}

.Colour3BG, .SubTitleBG {
    background-color: #8aa0c7;
}

.Colour4BG, .SubTitleAltBG {
    background-color: #cc6600;
}

.Colour5BG {
    background-color: #becae0;
}

.Colour6BG {
    background-color: #e5e9f2;
}

.Colour7BG {
    background-color: #FAFAFA;
}

.Colour8BG {
    background-color: Black;
}

/*-----------------------------------------------------------------*/
/* 3. BORDER COLOURS (for all grids/tables)                        */
/*-----------------------------------------------------------------*/
.BorderColour, table, tr, td, th {
    border-color: #FAFAFA;
    border-width:1px;
}

/*-----------------------------------------------------------------*/
/* 4. FONT SIZE STYLES                                             */
/*-----------------------------------------------------------------*/
/* Size Class     Perpetual value
   --------------------------------------------------
   ExtraLarge	  14px
   Large          12px
   Medium         11px (same as body)
   Small          10px
*/
.ExtraLarge, .Banner, .TitleBG, .SubTitle {
    font-size: 14px;
}

.Large, .SubTitleBG, .SubTitleAltBG {
    font-size: 12px;
}

.Medium {
    font-size: inherit; /*11px */
}

.Small, .Bulleted, .inputBox, .button {
    font-size: 10px;
}

/*-----------------------------------------------------------------*/
/* 5. BOLD STYLE CLASS                                             */
/*-----------------------------------------------------------------*/
.Bold, .TitleBG, .SubTitle, .SubTitleBG, .SubTitleAltBG {
    font-weight: bolder;
}

/*-----------------------------------------------------------------*/
/* 6. COMPOSITE CLASSES                                            */
/*-----------------------------------------------------------------*/
/* These classes are the ones generally used in the web site
   These classes use a combination of colour / size and other
   styles per the table below:

   Style          Use                              Colour    BG Colour Font Size  Bold ?
   --------------------------------------------------------------------------------------------
   Banner         Top banner on page               Colour7     Colour1BG ExtraLarge N     
   TitleBG        Grid titles                      Colour7     Colour2BG ExtraLarge Y
   SubTitle	      Titles on Pages                  Colour3   <inherit> ExtraLarge Y	
   SubTitleAlt    Titles on Pages                  Colour4   <inherit> ExtraLarge Y
   SubTitleBG     Headings on panels               Colour2   Colour3BG Large      Y
   SubTitleAltBG  Headings on panels               Colour2   Colour4BG Large      Y  
   Heading        Heading on grids                 Colour8   Colour5BG Medium     Y 
   RowAlt         rows in grids / field names      Colour8   Colour6BG Medium     N
   Row            standard row                     Colour8   <inherit> Medium     N 
   Bulleted       Lists in panels                  Colour1   <inherit> Small      N

   Each of these styles is already defines in sections 1-3 above.
   Additional styling for these specific classes is below:
*/

/* Indenting for backgrounded-titles */
.SubTitleBG, .SubTitleAltBG, .TitleBG {
    line-height: 22px;
    text-indent: 3px;
}

.RowAlt {
    color: #252C26;
    background-color: #EBEBEB;
    font-size: 12px;
    padding: 3px;
}

.Row {
    color: #252C26;
    background-color: #FFFFFF;
    font-size: 12px;
    padding: 3px;
}


/*-----------------------------------------------------------------*/
/* 7. MENU STYLES                                                  */
/*-----------------------------------------------------------------*/
/* menu = top level items on menu
   subMenu = level below (items that dynamically appear)

   standard = how appears normally
   MouseOver = when mouse over
*/

/* The TD is important for root menu items because Root Items have their css applied at the TR level 
   rootmenuitemcssclass="rootmenuitem" 

   We also include <a> in contextual selector, because this is how the asp menu renders.
   Otherwise the font defaults to that specified by a:Link pseudo-class. */

.menuStandard TD, .menuStandard a:Link, .menuStandard a:Visited {
    background-color: #252C26;
    border-style: solid;
    border-width: 1px;
    border-color: #252C26;
    border-right-color: White;
    font-size: 12px;
    font-weight: bold;
    color: #FAFAFA;
    line-height: 10px;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
}

.menuMouseOver TD, .menuMouseOver a:Hover, .menuMouseOver a:Link, .menuMouseOver a:Visited {
    background-color: #252C26;
    border-style: solid;
    border-width: 1px;
    border-color: #252C26;
    border-right-color: White;
    font-size: 12px;
    font-weight: bold;
    color: #FAFAFA;
    line-height: 10px;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
}

.SubmenuStandard, .SubmenuStandard a:Link, .SubmenuStandard a:Visited {
    background-color: #C1CEE0;
    border-style: solid;
    border-width: 1px;
    border-color: #5B88B4;
    border-top-color: #C1CEE0;
    font-size: 10px;
    color: #004a8e;
    line-height: 8px;
    padding: 6px;
    text-align: left;
    vertical-align: middle;
}

.SubmenuMouseOver, .SubmenuMouseOver a:Hover, .SubmenuMouseOver a:Link, .SubmenuMouseOver a:Visited {
    background-color: #5B88B4;
    border-style: solid;
    border-width: 1px;
    border-color: #5B88B4;
    font-size: 10px;
    color: #FAFAFA;
    line-height: 8px;
    padding: 6px;
    text-align: left;
    vertical-align: middle;
}

.MenuBG {
    background-color: #4c4c4c;
    border-top: solid 1px white;
}

/*Menu renders as list with .net version higher than 3.5. Need to consider styling of it*/
ul.level1 {
    min-width:700px;
}

/*-----------------------------------------------------------------*/
/* 8. SPECIFIC STYLES                                              */
/*-----------------------------------------------------------------*/

/* 8.1 Style for select boxes */
.selectBox {
    font-size: 11px;
    color: #252C26;
    border: 1px;
    border-style: solid;
    border-color: #8C8C8C;
}

/* 8.2 Style for input boxes */
.inputBox {
    color: #252C26;
    border: 1px;
    border-style: solid;
    border-color: #8C8C8C;
    height: 19px;
}

/* 8.3 Style for command buttons */
.button {
    background-color: #002C77;
    color: #FFFFFF;
    border: 1px;
    border-style: solid;
    border-color: #9A9A9A;
}

/* 8.4 Style for success text */
.SuccessText {
    color: Green;
}

/* 8.5 Style for error text */
.ErrorText {
    color: Red;
}

/* 8.6 class used to provide a border around table - used by panels*/
table.bordered {
    border: solid;
    border-width: 1px;
    padding: 3px;
}

/*-----------------------------------------------------------------*/
/* 9. ANCHOR PSEUDO-CLASSES                                        */
/*-----------------------------------------------------------------*/

/* 9.1 Anchors in the banner area */
a.bannerLink:link {
    color: #252C26;
    text-decoration: none;
}

a.bannerLink:visited, a.bannerLink:active {
    color: #252C26;
    text-decoration: none;
}

a.bannerLink:hover {
    color: #252C26;
    text-decoration:underline;
}

a.bannerLink:inactive {
    color: #252C26;
    text-decoration: none;
}

/* 9.2 All other anchors */
a:link, a:visited, a:active {
    color: #004a8e;
    text-decoration: none;
}

a:hover {
    color: #999;
    text-decoration: none;
}

a:inactive {
    color: Gray;
    text-decoration: none;
}

.Row a.aspNetDisabled,
.Row a.aspNetDisabled:hover,
.RowAlt a.aspNetDisabled,
.RowAlt a.aspNetDisabled:hover  {
    color: #252c26;
}

.CopyrightText {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #9FD4F3;
}

.Footerlink a:link {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #002C77;
}

.Footerlink a:hover {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #002C77;
    text-decoration:underline;
}
.SystemName {
    font-family: Arial;
    font-size: 28px;
    font-weight: bold;
    color: #252C26;
}

.BannerLinkSeprator {
    color: #252C26;
}

.SubTitleAlt {
    color: #252C26;
    font-family: Arial;
    font-weight: bold;
    font-size: 28px;
    text-transform: uppercase;
}

.FixedHeader {
    position: absolute;
}



/*-----------------------------------------------------------------*/
/* Added by Sujata - to keep header & footer consistent at fixed position    */
/*-----------------------------------------------------------------*/

#wrapper {
	min-height:100%;
	position:relative;
    margin-left:5%;
    margin-right:5%;
}
#header {
	padding:10px;
}
#content {
	padding:10px;
    min-height:480px;
	padding-bottom:80px;   /* Height of the footer element */
}
#footer {
	width:100%;
	height:80px;
	position:absolute;
	bottom:0;
	left:0;
}





.mGrid
{
    margin: 5px 0 10px 0;
    border: solid 1px silver;
    border-collapse: collapse;
}

.mGrid td
{
    padding: 2px;
    border: solid 1px #ffffff;
}

    /*.mGrid tr:last-child:nth-child(even) {
        border-bottom: solid 2px #002C77;
    }*/

.mGrid th {
    border-left: solid 1px #ffffff;
}

/********************* Validation summary control styles ************************/
       .valFailure
       {
           color: #bf1616;
           /*background-color: #FFBABA;
           border: 3px solid #bf1616;*/
           font-weight: bold;
           text-align: left;
           margin: 5px 0;
           line-height: 1;
       }
       
       .valFailure ul
       {
           
         padding-left: 0;
           list-style: none;
            margin-left: 0;
            
       }

        .valFailure ul li {
            list-style-position:inside;
            padding-top: 2px;
            padding-left: 1em;
            text-indent: -1em;
            position: relative;
        }

        .valFailure ul li::before,.valFailure ul li:before {
            content: "\22C6";
            padding-right: 5px;
            left:-22px; 
            /*background-image: url('https://dl.dropboxusercontent.com/u/6374897/sprite.png');*/
        }
 /***********************************************************************/
 
.grid-commands {
    margin-bottom: 15px;
}

.grid-container
{
    margin: 5px 0 10px 0;
    border: solid 1px silver;
    padding: 2px;
}

.message-container {
    margin-top: 5px;
}

.issuer-permission-container {
    height: 250px;
    overflow-y: scroll;
}

@media (min-width: 992px) {
    .issuer-permission-header {
	    width: 600px;
    }

    .issuer-permission-container {
	    width: 617px;
    }
}

@media (min-width: 1200px) {
    .issuer-permission-header {
	    width: 663px;
    }

    .issuer-permission-container {
	    width: 680px;
    }
}

/*------------------------------------*/
/* Tab control                        */
/*------------------------------------*/
.tab-control .ajax__tab_body {
    border: 1px solid lightgrey;
}

.tab-control .ajax__tab_tab {
    font-size: 12px;
    color: #fff;
    width: 75px;
    padding: 5px;
    outline: none;
}  
                         
.tab-control .ajax__tab_outer {
    background-color: #4c4c4c;
    border-bottom: 3px solid #84C6EE;
}

.tab-control .ajax__tab_hover .ajax__tab_outer {
    background-color: #474747;
}

.tab-control .ajax__tab_active .ajax__tab_outer,
.tab-control .ajax__tab_active.ajax__tab_hover .ajax__tab_outer {
    background-color: #666;
}

/*------------------------------------*/
/* New header and landing page styles */
/*------------------------------------*/
.header,
.header *, 
.header *:before, 
.header *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header {
    width: 100%;
    min-width: 980px;
    background-color: #1C4E80;
    font-family: Arial, Helvetica, sans-serif;
}

.header-inner {
    padding: 25px 4px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 992px) {
    .header-inner {
        width: 980px;
    }
}

@media (min-width: 1200px) {
    .header-inner {
        width: 1170px;
    }
}

.header .logo {
    float: left;
}

.header .logo img {
    width: 460px;
    height: 43px;
}

.header-right {
    text-align: center;
    float: right;
}

.header-right .nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-right .nav-list li {
    color: #fff;
    font-size: 9pt;
    padding-left: 10px;
    float: left;
}

.header-right .nav-list li a,
.header-right .nav-list li a:visited {
    color: #fff;
    text-decoration: none;
}

.header-right .nav-list li a:hover,
.header-right .nav-list li a:focus {
    color: #fff;
    text-decoration: underline;
}

.header h1 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #2E92D1;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 10px;
    margin: 0;
}

.search {
    padding-top: 10px;
    padding-bottom: 10px;
}

.key-line {
     background-color: #84C6EE;
}

.container {
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 992px) {
    .container {
        width: 980px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.landing-first-line {
    height: 10px;
}

.login-box {
    padding: 20px;
    margin: 20px 0;
    background-color: lightgrey;
}

.login-box .form-row {
    display: table-row;
}

.login-box .form-col {
    vertical-align: top;
    display: table-cell;
    padding-bottom: 6px;
    width: 44%;
}

.login-box .form-col > * {
    display: block;
}

.notification-box {
    margin: 20px 0;
    border: 1px solid lightgrey;
    height: 126px;
    overflow-y: auto;
    padding: 2px 5px;
}

.notification-box .row td,
.notification-box .RowAlt td,
.notification-box .Heading td {
    padding: 3px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}