/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Site Specific Print Settings
   ========================================================================== */
  
  @media print {
    a[class="navbar-brand"]:after{content:"" !important }
    .main-content a[href]:after{content:""}
    .main-content abbr[title]:after{content:""}
    #ce-hoc-nav, #site-nav { display: none !important}
    .footer-info .fright {display: none !important}
    .parlementarian-label .separator { display: none !important}
    .parlementarian-label li[class="active"] {display: block !important; font-size: x-large !important}
    .parlementarian-label li {display: none !important}
    .ce-hoc-btn-share {display: none !important}
    .site-title {display: none !important}
  }

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #000;
}

body {
    /*font-size: 1em;
    line-height: 1.4;*/
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/*================================================================================================================================*/
/* Author's custom styles                                                                                                         */
/*================================================================================================================================*/

    body
    {

        margin: 0px auto;
        position:relative;    
        background-color: #f2f2f2;
    }

    #site-header {
        /*padding-top:25px;*/
    }
    .main-content
    {
        /*display: block;
        margin:0px;*/    
    }

    .superscript:lang(fr)
    {
        position: relative; top: -0.5em; font-size: 80%;
    }

    div>span
    {        
    }
    
    p
    {        
        font-size:1em;
        line-height: 1.5em;
        margin-top:0;
    }
    
    .parliament div>span
    {        
        /*font-size:0.8em;*/        
    }
 
    p a
    {
        text-decoration:none;
    }
    
    .date-to
    {
        padding-bottom: 5px;
        display:block ;
    }
    
    .date-from
    {
        padding-top: 15px;        
        display:block ;
    }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   NAVIGATION
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    /*a
    {
        color: #0059c1;                
    }*/
    
    a:hover
    {
        text-decoration:underline;
    }
    
    /*Accessibility*/
    a:focus img
    {
        border: 1px dotted black;        
    }        
    
    /* Links */
    .selected {
        font-weight:bold;
    }

    .unselected {
        font-weight:normal;
    }

   
    .skipnav 
    {
        position:fixed;
        top:0px;
        right:5000px;        
    }

    /* Site Nav */
   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   PAGING
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
    .pagination {
      margin: 20px 0;
      clear:both;
    }

    .pagination ul 
    {
      display: inline-block;
      *display: inline;
      margin-bottom: 0;
      margin-left: 0;
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
      *zoom: 1;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .pagination ul > li {
      display: inline;
    }

    .pagination ul > li > a,
    .pagination ul > li > span {
      float: left;
      padding: 4px 15px;
      line-height: 20px;
      text-decoration: none;
      background-color: #ffffff;
      border: 1px solid #dddddd;
      border-left-width: 0;      
    }

    .pagination ul > li > a:hover,
    .pagination ul > li > a:focus,
    .pagination ul > .active > a,
    .pagination ul > .active > span {
      background-color: #f5f5f5;
    }

    .pagination ul > .active > a,
    .pagination ul > .active > span {
      color: #999999;
      cursor: default;
    }



    .pagination ul > li:first-child > a,
    .pagination ul > li:first-child > span {
      border-left-width: 1px;
      -webkit-border-bottom-left-radius: 4px;
              border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
              border-top-left-radius: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
    }

    .pagination ul > li:last-child > a,
    .pagination ul > li:last-child > span {
      -webkit-border-top-right-radius: 4px;
              border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
              border-bottom-right-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
    }

    .pagination-centered {
      text-align: center;
    }

    .pagination-right {
      text-align: right;
    }

    .pagination-large ul > li > a,
    .pagination-large ul > li > span {
      FONT-SIZE: 1em; 
    }

    .pagination-large ul > li:first-child > a,
    .pagination-large ul > li:first-child > span {
      -webkit-border-bottom-left-radius: 6px;
              border-bottom-left-radius: 6px;
      -webkit-border-top-left-radius: 6px;
              border-top-left-radius: 6px;
      -moz-border-radius-bottomleft: 6px;
      -moz-border-radius-topleft: 6px;
    }

    .pagination-large ul > li:last-child > a,
    .pagination-large ul > li:last-child > span {
      -webkit-border-top-right-radius: 6px;
              border-top-right-radius: 6px;
      -webkit-border-bottom-right-radius: 6px;
              border-bottom-right-radius: 6px;
      -moz-border-radius-topright: 6px;
      -moz-border-radius-bottomright: 6px;
    }

    .pagination-mini ul > li:first-child > a,
    .pagination-small ul > li:first-child > a,
    .pagination-mini ul > li:first-child > span,
    .pagination-small ul > li:first-child > span {
      -webkit-border-bottom-left-radius: 3px;
              border-bottom-left-radius: 3px;
      -webkit-border-top-left-radius: 3px;
              border-top-left-radius: 3px;
      -moz-border-radius-bottomleft: 3px;
      -moz-border-radius-topleft: 3px;
    }

    .pagination-mini ul > li:last-child > a,
    .pagination-small ul > li:last-child > a,
    .pagination-mini ul > li:last-child > span,
    .pagination-small ul > li:last-child > span {
      -webkit-border-top-right-radius: 3px;
              border-top-right-radius: 3px;
      -webkit-border-bottom-right-radius: 3px;
              border-bottom-right-radius: 3px;
      -moz-border-radius-topright: 3px;
      -moz-border-radius-bottomright: 3px;
    }

    .pagination-small ul > li > a,
    .pagination-small ul > li > span {
        /*FONT-SIZE: .75em;*/  
       
    }

    .pagination-mini ul > li > a
    {
        padding-left: 6px; 
        padding-right: 6px; 
        font-size: .75em; 
    }    
     
    .pagination-mini ul > li > span {
        font-size: .75em; 
        padding: 0 6px;
    }
    
    /* Overrides */
    .pagination, .pagination ul
    {
        padding:0;
        margin: 20px 20px 20px 20px;
    }
    .pagination ul > li > a,
    .pagination ul > li > span {
      background-color: #F5F5F5;
      color:#000000;
    }
    .pagination ul > .active > a,
    .pagination ul > .active > span {
      color: #D0D0D0;
    }
    .pagination ul > .previous > a,
    .pagination ul > .previous > span,
    .pagination ul > .next > a,
    .pagination ul > .next > span
    {
       
    }
    .pagination .ui-icon
    {
        height:auto;
    }

    .navbar-default {
        /*background-color: #f8f8f8;*/
        border-color: #e7e7e7;
    }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   HEADINGS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    h1, h2, h3
    {
        line-height:30px;
    }
    
    h4
    {
        border-bottom: 1px dotted silver;
        font-size:0.9em;        
    }

    h1.site-title
    {
        /*background-image: url(http://www.parl.gc.ca/Images/hr-line.gif);*/
        background-repeat: repeat-x;
        margin-top: 0px;
        clear: both;
        position:relative;
        text-align:left;
    }

    h1.site-title > div.breadcrumb {
        padding-left: 15px;
    }

    /*h1.site-title>a
    {
        color: #555;
        margin: 0px;
        font-size:.9em;
        line-height: 44px;
        font-variant: small-caps;
        font-weight: lighter;
        background-color:#f2f2f2;
        position:relative;
        padding-left: 15px;
        text-rendering: auto; 
    }*/



    h2
    {
        /*font-weight:lighter;*/
        /*font-size: 1.3125em;*/
    }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   TOOL BAR / Profile Bar
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
    .toolbar, .profilebar 
    {
        /*font-size: 0.75em;*/
        margin: .5em 0 1em 0;
        padding: 0.7em 0 0.3em 0;
        border-bottom: 1px grey dotted;        
        overflow:hidden;        
    }
    
    .toolbar h3
    {
        display: inline;   
        line-height:1em;
    }
    
    .profilebar li.active
    {
        font-weight:bold;
    }
    
     .profilebar 
    {
        background-color:#f6f6f6;      
        height: 22px;     
        padding: 20px 0px 40px;     
    }
    
    .toolbar ul, .toolbar li, .profilebar ul, .profilebar li
    {
        margin:0;
        padding:0;
        display: inline;        
    }
    .toolbar li, .profilebar li
    {
        display: inline-block;
        margin: 0 0.5em 0 0.5em;
    }
    
    .toolbar li.separator, .profilebar  li.separator
    {
        margin:0;
    }
    
    .toolbar a, .profilebar a
    {
        text-decoration:none;        
    }
    
    .toolbar a:hover, .profilebar a:hover
    {
        text-decoration:underline;
    }
   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   LAYOUTS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .content-secondary
    {
        width:250px;
        float:right;
        margin-right:10px;
    }
    .content-primary
    {
        width:670px;
        float:left;        
        padding: 15px 16px 16px 16px;
        background:#fff;
    }
    
    .fright
    {        
        float: right;
    }
    
    .fleft
    {
        float:left;
    }
      
    .spacer
    {
        height:20px;
    }
    
    .centered
    {
        text-align:center;
    }
    
    .historicalLink
    {
        padding-top:15px;
        padding-bottom:15px;    
        width:inherit;
        max-width:760px; 
        clear:both;   
        /*font-size:0.875em;*/
    }       
    
    .BottomInfo, .footer-info
    {        
        clear:both;   
        /*font-size:0.75em;*/        
        width:100%;
        text-decoration:none;        
        padding-bottom:22px;
        padding-top:10px;
    }    
    
   .footer-info a
    {
        color:black;
        text-decoration:none;        
    }  
    
   #returnToTop {
       color: #427a26;
   }

    .ListMessage
    {
        padding-top:15px;
        padding-bottom:15px;    
        width:inherit;
        max-width:760px; 
        clear:both;   
        font-size:0.8em;
    }      
    
    .topindent
    {
        margin-top: 10px;
    }    
    
    .indent
    {
        margin-left: 30px;
    }
    
    .doubleindent
    {
        margin-left: 40px;
    }   
    
    .bold
    {        
        font-weight:bold;        
    }    

    .top-note
    {        
        display:inline-block;
        font-size:0.875em;     
        padding-bottom: 15px;
    }        
    
    .disabled
    { 
      background-color: rgb(245, 245, 245);
    }    
    
    .disabled > a
    {     
        pointer-events: none;     
        cursor:default; 
    }
    
    .disabled > a > span
    { 
        opacity: .5;                   
    }
    

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   GENERIC LISTS & LIST ITEMS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
     /* Generic .list */
    .list a
    {
        text-decoration:none;        
    }
    
    .list a:hover
    {
        color:Black;
        text-decoration:underline;        
    }
    
    .list abbr[title], .list acronym[title] 
    {
        text-decoration:none;
        border-bottom-width: 0;
    }

    /* UL with .list */ 
    ul.list
    {
        margin: 0 auto 0 auto;
        padding: 0;
        list-style: none;
        float:left;    
    }
      
    ul.list>li>div
    {
        width:inherit;
    }

    ul.list>li
    {
        width:123px;
        height: 260px;
        min-height: 260px;
        display: inline-block;
        vertical-align: top;
        margin: 0 -4px 20px 0;
        border: 0;
        padding: 0 0 0.5em 0;         
        /* For IE 7 */
        zoom: 1;
        *display: inline;
    } 
 
    ul.vertical.list>li
    {
        display:block;        
        width:auto;
        margin:5px 5px 20px 5px;
    }
    
    /* TABLES with .list */
    table.list { 
	    background-color: #fff;
	    width: 100%;
	    border-width:0;
    }
    
    table.list tr:nth-child(odd) { 
       background-color: #fafafa;  
    }
    table.list th {
	    color: #333;
	    /*font-size: 0.825em;*/
	    padding: 5px;
	    /*border-left: 2px solid #fff;
	    border-right: 2px solid #fff;*/
	    background: #f0f4f7;
	    text-align:left;
    }
    table.list td {
	    padding: 6px 8px 6px 8px;
	    font-weight: normal;
	    /*font-size: .825em;*/
	    border-bottom: 1px dotted #ccc; /*#aaa;*/		    
    }

    table.list td a:hover { 
	    text-decoration: underline;
    }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   ICONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    span[class^="icon-"], .icon 
    {
      background-image: url("images/glyphicons-halflings.png");
      width: 30px;
      padding-left:20px;              
    }
    
    span.icon-th, 
     .icon.Tiles            { background-position: -240px 0; }
    span.icon-list, 
    .icon.Grid              { background-position: -360px -48px; }
    span.icon-remove-circle { background-position: -168px -96px; }
    span.icon-ok-circle     { background-position: -192px -96px; }
    span.icon-hand-bullet   { background-position: -144px -144px; }
    span.icon-ascending     { background-position: -288px -120px; margin-left:5px;}
    span.icon-descending    { background-position: -312px -120px; margin-left:5px;}
    span.icon-showdetails   { background-position: -384px -48px; }
    span.icon-hidedetails   { background-position: -408px -48px; }
    span.icon-clear-value   { background-position: -49px  -0px; }
    span.icon-clear-value   { background-position: -49px  -0px; }
    span.icon-info          { background-position: -120px -96px;}
    
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   REFINERS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    /* Panel */
        /* Main panel */
        .refiner-list    
        {
            border: 1px #dedede solid;   
            padding: 7px;
            background-color:#fff;
        }
    
        /* Title */
        .refiner-list h3
        {
            margin: 0 auto 1em auto;
            text-align: center;
            font-weight: normal;
        }

    /* Main list of refiners, each li is a .refiner with a .name and child ul for refinements. */
        .refiner-list ul
        {
            list-style:none;
            list-style-image:none;
            margin: 0;
            padding: 0;    
                
        }
    
    /* Refiners */
        /* LI representing one refiner with possible refinements. */
        
        .offpage
        {
            overflow:hidden;
            position:absolute;            
            left:-9999px;                        
            }
        
        .refiner
        {
            overflow:hidden;
        }
    
        /* Default for refiner and refinement labels. */
        .refiner .name, .refinement .name, .refiner .more, .refiner .less
        {
            text-align: right;
            width: 164px;
            margin-top: 0px;
        }

         

        /* Refiner label; exception for first refiner. */
        .refiner>.name
        {
            font-size: .75em;            
            line-height: 1.3em;
            font-weight:bold;
            vertical-align:text-bottom;
            color: #555555;
            margin: 1.5em 0 0.25em 0;
            text-transform: uppercase;            
        }
        .refiner:first-child>.name
        {
            margin: 0 0 0.5em 0;
        }
        .refiner .showmore
        {
            font-size:.85em;
            padding:0.5em 0 0.5em 0;
            display:block;
        }
        .refiner .showmore:hover span
        {
            text-decoration:underline;
        }

    /* Refinement */
        /* LI representing one refinement. */
        .refinement
        {
            padding: 0px;
            margin:0px;
            line-height: 1.3em;
            font-size: 0.90em;
            vertical-align:middle;            
        }
        
        /*Accessibility*/
        .refinement a:focus,
        a.showmore:focus
        {
            outline: 0;
            border: black dotted thin;            
        }   
        .refinement span, .refiner span 
        {
            display:inline-block;
            height: auto;
            vertical-align: top;
        } 
        .refinement .freetext
        { 
            text-align: right;
            width: 135px;
            height: 16px;
            margin-left:   25px;
            margin-right:  4px;
            margin-top:    1px;
            vertical-align:top;
        }
        .refinement a 
        {
            color:Black;
            text-decoration: none;
            height:auto;
            padding: .2em 0 .2em 0;
            display: inline-block;
        } 
        .refinement a:hover .name
        {
            text-decoration: underline;
        } 
        .refinement .count
        {
            width:32px;
            text-align: left;
            margin-left: 14px;
            margin-right: 0px;
        }
        .refinement .icon
        {
            padding-left: 0px;
            height:  16px;
            width:   16px;
            display: none;
            margin:  1px 0 1px 0;
        }
        .refinement .icon-clear
        {
            padding-left: 0px;
            height:  16px;
            width:   16px;
            display: none;
            margin:  1px 0 1px 0;
        }
        .refinement a .icon-search
        {
            padding-left:0px;
            height:  16px;
            width:   16px;
            display: none;
            margin:  1px 15px 1px 9px;
        } 
        .refinement a .icon-search-only
        {
            padding-left:0px;
            height:  16px;
            width:   16px;
            display: none;
            margin:  1px 1px 1px 41px;
        } 
        .refinement.active 
        {
            background-color: #dce6f0;
        }
    
    /* Selection icons */
        
        /* Default selection icon (checkbox behavior) */
        *[class^="refiner-display-"] .refinement.active span.icon   { background-position: -168px -96px; display: inline-block; }
        
        /* Selection icon (radio button behavior) */
        .refiner-display-parliament .refinement.active span.icon    { background-position: -192px -96px; display: inline-block;}
        
        .refiner-display-freetext   .refinement span.icon-search        { background-position: -49px   -0px; display: inline-block;}
        .refiner-display-freetext   .refinement span.icon-search-only   { background-position: -49px   -0px; display: inline-block;}
        .refiner-display-freetext   .refinement.active span.icon-clear  { background-position: -168px -96px; display: inline-block;}
    
    /* Alpha-Picker; applies generally only for non .active elements. Active elements assumme default style above. */
        /* Reset default width for .name */
        .refiner-display-alphapicker:not(.active)
        {
            padding:0 0 0 30px;
            width:154px;
            overflow:hidden;
            margin:0;
        }
        .refiner-display-alphapicker:not(.active) a
        {
            padding:0;
            margin:0;
        }
        .refiner-display-alphapicker .refinement:not(.active) .name
        {
            width: auto; 
        }
        /* LI for each letter. */
        .refiner-display-alphapicker .refinement:not(.active)
        {
            line-height: 1.5em;
            width: 1em;
            float:left;
            /* For IE 7 */
            zoom: 1;
            *display: inline;
            font-size:0.825em;         
            text-align:center;
        }        
        /* PT # 33426*/
        .refiner-display-alphapicker .refinement:not(.active) a:focus
        {            
            outline: black dotted thin;
            border: none;                        
        }    
                
        /* Non-selectable letter */
        .refiner-display-alphapicker .refinement:not(.active) span
        {
            color: #bebebe;
        }
        /* Selectable letter */
        .refiner-display-alphapicker .refinement:not(.active) .name
        {
            color: Black;
        }

            
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Find MP
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

    .findmp.message
    {
      border: 1px #dedede solid;   
      font-size:0.825em;
      width:600px;
      padding: 7px;
      margin-bottom:20px;
    }

    .content-primary-findmp
    {
        width:625px;
        min-height:300px;
        float:left;
        padding-right:16px;
    }

    .findMP
    {
      border: 1px #dedede solid;   
      font-size:0.825em;
      width:300px;
      padding: 7px;
      margin-bottom:10px;
    }
        
    .findMP .textboxcontainer {
      padding-top:10px;
    }

    .findMP .textbox-en {
      font-size:1em;
      width:240px;
    }

    .findMP .textbox-fr {
      font-size:1em;
      width:220px;
    }

/*
.en .findMP .textbox
{
      font-size:1em;
      width:240px;
}

.en .findMP .textbox
{
      font-size:1em;
      width:220px;
}
*/
         
    .findMP .textboxcontainer .button {
       float:right;
    }
   
    .findMP .seatvacant 
    {
        font-size:0.825em;
    }

    /* Used in Members of Parliament page */
    
    .findMPs .textbox-en {
      font-size:1em;
      width:200px;
    }

    .findMPs .textbox-fr {
      font-size:1em;
      width:195px;
    }
    
    
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Members Of Parliament List
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */    
    .list.member-of-parliament .picture
    {
        display:block;   
    }
    .list.member-of-parliament a .full-name
    {
        color:Black;
        padding-bottom: 0.5em;
    }
    .list.member-of-parliament .last-name
    {
        display: block;
    }
    .list.member-of-parliament .picture
    {
        width:   90px; 
        height:  143px;
    }
   .list.member-of-parliament .caucus-banner
    {
        width: 90px;
        height: 6px;
        margin: 2px 0 2px 0;
    }
    
    .list.member-of-parliament li
    {
        /*font-size:0.90em;*/
        height: auto;
        padding-left:10px
    }
    
    .list.member-of-parliament div
    {
        padding-left: 2px;
    }
    
    .list.tiles.member-of-parliament  div.caucus
    {
        PADDING-BOTTOM: .5em;        
    }
 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Members Of Parliament List
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */   
    .custom-message-container
    {
        clear:both;
        width:100%;    
        /*font-size: 0.875em;*/
        border: thin solid silver;                
        padding: 10px 10px 10px 10px;        
        margin: 5px 0px 5px 0px;
        float:left;    
        background-color: white;
    }
    
    .custom-message-container.ListContainer
    {
        width:675px;            
    }
    
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Home / Landing Pages
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */   
    .home
    {     
        overflow:hidden;        
    }
    
    .home.info
    {   
        margin-bottom:10px;
        padding-bottom:10px;
    }
    
    .home.info>div
    {   
        padding-right:15px;        
    }
     
     .home.info p
    {   
        margin-top:0;        
    } 

    
    .home.previous
    {
        border-bottom: 1px dotted silver;
        border-top: 1px dotted silver;        
        padding-bottom: 0px; 
        height: auto; 
    }   
    
    .home.previous ul.list>li
    {
        height: auto; 
        min-height: 100px; 
    } 
    
    .home.current
    {
        padding-top:20px;                
        border-top: 1px dotted silver;         
    }    
    
   /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Chair Occupants
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */   
    .custom-message-container.SpeakerHome
    {           
        width: 815px; 
        font-size:1em;
        line-height: 1.5em;        
        margin-top:0;        
        padding: 0 0 0 0;
        border: none;
        display: inline-block ;
        float:left;
        clear:right;
        position:absolute;
    }    

       
    .list.parliament li 
    {
        width:155px;        
        Padding-left:10px;             
        Padding-right:10px;             
        text-align:center;        
    }   
        
    .list.parliament li span.parliament    
    {
    }  
    
    .list.parliament>li>div
    {      
        border-Right: 1px solid grey;
        padding-right: 10px;
        margin-right: 15px;
        padding-left: 0;
        height: auto;
    }
    
    .list.parliament>li:last-child>div
    {        
        border-Right:0;
        padding-right: 0;        
    }
    
    .list.chair-occupants.current a .full-name
    {
        color:#0059c1;
        text-align: center; 
        padding-bottom:8px;
    }
  
    .list.chair-occupants.current .title
    {
        color:Black;
        text-align: center; 
    }
  
    .list.chair-occupants.current li
    {
        font-size:1em;
        height: auto;           
        width: 250px;    
        margin-left:0px;
        margin-right:60px;
        text-align: center; 
    }
    
    .chairSpacing{
        padding-left:0;
        margin-right:40px;
    }
    
     .list.chair-occupants.current li:first-child
    {               
        width: 142px;            
        margin-right:80px;        
    }
    
    .list.chair-occupants.current li:last-child
    {        
        margin-right:0px;        
    }
    
    .list.chair-occupants.current div
    {
        padding-left: 2px;        
    }  
    
    
    
   /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Card Tile View
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */       
   
    .list.card .picture
    {
        display:block;   
        width:   125px; 
        height:  200px;
    }
    
    .list.card.tiles a .full-name
    {
        /*color:#0059c1;*/
        text-align: left; 
        line-height:1.5em;
        font-size: 1.3125em;    
    }
    
    .list.card.tiles a .full-name>span
    {
    }      
  
    .list.card.tiles .caucus
    {
        padding-top: 15px;        
        padding-bottom: 5px;
    }
    
    .list.card.tiles .Precedence
    {
        padding-top: 15px;
    }
    
    .list.card.tiles .seatvacant
    {
        padding-top: 15px;
        font-size: 0.9em;  
    }
    
    .list.card.tiles
    {
        width: inherit;        
    } 
  
    .list.card.tiles>li
    {
        /*font-size:0.9em;*/
        height: auto;     
        width: inherit;   
        display:inline-block;      
        min-height:200px;     
    } 
    
    .list.card.tiles ul.title
    {
        list-style:none;        
        padding:0;        
        margin-top:0;        
        margin-bottom:0;
        font-size:1em;
    }      
    
    .list.card.tiles>li>div>div
    {
        float:left;        
    }      
    
    .list.card.tiles>li>div>div:nth-child(2)
    {        
        padding-left: 21px;           
        padding-top: 21px;             
        width:470px;               
    }   
    
   /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   MP Profile
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */       
   
    .profile
    {
        width:100%;
    }
    
    .infotext
    {
            height:100%;            
            background: #ffffff; /* Old browsers */
            background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 50%, #e5e5e5 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f4f4f4), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 50%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 50%,#e5e5e5 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 50%,#e5e5e5 100%); /* IE10+ */
            background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 50%,#e5e5e5 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0); /* IE6-9 */     
    }
    
    .infotext p
    {
        padding-top:40px;
        text-align:center;                
    }
    
    .profile.overview.header span
    {      
    }
    
    .profile.overview.header a .full-name
    {
        color:#0059c1;
        text-align: left; 
        line-height:1.5em;
        font-size: 1.3125em;
    }  
    
    .profile.overview.header a 
    {
        text-decoration:none;
    }  
    
    .profile.overview.header .external a
    {
        text-decoration:underline;
    }  
    
    .profile.overview.header .parlementarian-label
    {
        text-align: right;         
        min-width:170px;
        max-width:225px;
        display:inline-block;       
        
    }  

    
    .profile.overview.header .parlementarian-label + span
    {
        padding-left: 10px;        
        
    }  
 
    .labelList
    {
        text-align: right;         
        min-width:170px;
        max-width:225px;
        display:inline-block; 
        color:black; 
        
    }  

    .profile.overview.header>div
    {
        float:left;
    }   
    
    .profile.overview.header>div>div,
    .profile.overview.header>div>div>div
    {        
        padding-bottom:10px;                
    } 
    
    .profile.overview.header>div>div>span,
    .profile.overview.header>div>div>div>span
    {      
        vertical-align:top;
    }       
    
    .profile.overview.header>div:nth-child(2)
    {        
        padding-top: 0px;             
        width:790px;           
        display:inline-block;       
        border-bottom: 1px dotted silver;     
        Height: 110px;
    }      
    
    .profile.overview.header>div:nth-child(3)
    {        
        padding-top: 15px;                     
        display:inline-block;    
        width:790px;
    }      
    
    .profile.overview.current
    {        
        margin-top:20px;
        padding-top:25px;
        padding-left:0px;
        border-top: 1px dotted silver;   
        display:inline-block;   
        /*width:955px;*/  
    }
    
    .div.profile .constituencyoffices
    {
        border: 1px solid red;
        width:170px;                         
        padding-left:30px;      
        padding-right:10px;      
    }    
    
    .profile.overview.current>div 
    {
        display:inline-block;   
        float: left;
    }
    
    .hilloffice
    {
        width:250px;                         
        padding-left:25px;      
        padding-right:25px;      
    }  
    
    .miniSeatPlanContainer
    {
        width:316px;
        padding-left:20px;
        padding-right:25px;
    }  
   
    .seatPlanImage
    {
        padding-top:25px;
        width:115px;
        height:auto;
    }
    
    .hilloffice
    {
        border-left: 1px solid silver;
    }
    
    .hilloffice span, .constituencyoffices span, .expenditures span, .seatPlan span, .miniSeatPlanContainer span
    {
        display:block;                
    }
    
    .constituencyoffices ul
    {
        list-style:none;        
        padding-left:0;      
    }
    
    div.profile .constituencyoffices
    {
        width:300px;   
    }
    
    span.addresstype
    {
       font-size:1em;       
       width:inherit;
       font-weight:bold;
    }
    
    .expenditures
    {
        width:270px;            
        padding-right:20px;
    }  
    
   
    .profile h4
    {        
        font-size:1.2em;
        font-weight: normal;
    } 
    
    .profile h3
    {                    
        font-size:1.8em;
        font-weight: normal;
    } 
    
    /*Roles*/
    .profile.roles
    {   
        margin-bottom: 20px;
        display:inline-block;
    } 
    
    .profile.Roles h4
    {
        width:760px;                
    }
    
    .profile.roles h4, .profile.roles h3
    {
        margin-bottom: 5px;
    }   
            
    .profile.roles>div:nth-child(2)
    {        
        margin-left: 25px;           
    }  
    
    .profile.roles>div>div:not(.toolbar)
    {        
        padding-left: 25px;           
    }   
    
    .profile.roles .member
    {        
        font-size: 1.1em;    
    }
    
    .profile.roles .toolbar
    {        
        font-size: 0.875em;    
        vertical-align:text-bottom;
    }
    
    div.rolesection
    {
        width:760px;        
    }
    
    .rolesection+.rolesection {
        margin-bottom: 25px;
    }

    div.daterangeheader, div.dateheader
    {
        width: 100%;
        text-align:right;
        margin-bottom: 10px;
    }    
        
    div.daterangeheader span:first-child
    {
        width: 600px;
        display:inline-block;        
    }
    
    div.daterangeheader span:nth-child(2)
    {
        width: 110px;        
        display:inline-block;
    }
    
    .roledetail
    {        
        margin-bottom: 8px;
    }     
    
    .roledetail a:hover
    {        
        color:Black;
        text-decoration:underline;     
    } 
    
    .roledetail a
    {   
        text-decoration:none;     
    } 
    
    .roledetail.date span:nth-child(1)
    {        
        display: inline-block;
        width: 635px;
    }      

    .roledetail.date.indent span:nth-child(1)
    {        
        display: inline-block;
        width: 620px;
    }             

    .roledetail.date span:nth-child(2)
    {
        width: 110px;        
        display: inline-block;
        text-align: right;
    }      
    
    .roledetail.daterange span:nth-child(1)
    {        
        display: inline-block;
        width: 515px;
    }   
    
    .roledetail.daterange.indent span:nth-child(1)
    {
        width: 485px;        
    }   
    
    .roledetail.daterange.doubleindent span:nth-child(1)
    {
        width: 475px;        
    }   

    .roledetail.daterange span:nth-child(2), .roledetail.daterange span:nth-child(3)
    {
        width: 110px;        
        display: inline-block;
        text-align: right;
    }    
    
    .alternate:nth-child(even)
    {
        background-color: #f6f6f6;
    }      
    
    .profile.roles>div,
    .profile.work>div
    {        
        float:left;        
        /*font-size:0.875em;*/
    }

    /*Work*/

    .profile.work>div:nth-child(2)
    {        
        width:798px;
    }
    
    .profile.work a
    {
        text-decoration: none;                   
    }
    
    .profile.work a:hover
    {
        text-decoration: underline;                   
    }    
        
    .special-work-message
    {
        width:765px;    
        border: thin solid silver;        
        padding: 10px 10px 0px 10px;
        margin-top:10px;
        float:left;
    }  
    
    div.Inactiveworksection 
    {
        width:100%;
        padding-left:32px;
        padding-bottom:15px;
        float:left;                
    }     
    
    .work-section-header
    {
        width:770px;            
        padding: 10px 10px 0px 0px;
        margin-left:25px;
        float:left;        
    }  
    
    div.mp-worksection
    {
        width:780px;    
        border-bottom: thin dotted silver;        
        padding: 10px 10px 20px 0px;
        margin-left:25px;
        float:left;
    }
    
    div.mp-worksection span
    {
        display:inline-block;
        vertical-align:bottom;         
    }       
    
    .worksection-item-detail-ellipsis
    {
        overflow: hidden;
        white-space:nowrap;        
        text-overflow: ellipsis;                                                             
    }         
    
    span.worksection-description
    {
        width:100%;
        padding-bottom: 10px;
    } 
    
    span.worksection-title
    {
        font-size: 1.4em;        
        width:100%;
        padding-bottom:10px;
    }  
    
    .workitem-number
    {
        width: 60px;
        padding-right:5px;
        text-align:left; 
    }                                  
    
    .workitem-date
    {        
        text-align:right; 
    }     
   
    .bill-title,
    .motion-title
    {
        width: 700px;        
    }     
          
          
    .intervention-sob,
    .intervention-committee
    {
        width: 460px;
        padding-right:5px;
    }     
    
    .intervention-oob,
    .intervention-meeting-number
    {
        width: 225px;
        padding-right:5px;
    }     
   
    .vote-subject
    {
        width: 550px;        
    }                 
    
       
    .vote-cast
    {
        width: 160px;        
        text-align:right;
    }  

    .vote-cast-header
    {
        width: 775px;                
        text-align:right;        
    }  
    
    span.view-all-workitems
    {
        margin-top: 15px;               
    }
       
    div.worksection-details 
    {
        width:100%;        
        float:left;       
    }    
        
    div.worksection-details div
    {
        float:left;                       
    }    
   
    
    
   
   /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Address List
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */          
   
   div.constituencyoffices
   {
        width: 100%;        
   }
   
   div.constituencyoffices ul 
   {
        list-style:none;
   }
   
   div.constituencyoffices>ul
   {        
        display:inline-block;
        width: 310px;
        vertical-align: text-top;
   }
   
   /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Motions List
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */          
   
    .profile>div>div.motion
    {        
        width:520px;
        float:left;
        padding-left: 20px;
    } 
    
    .profile .motion .list li
    {
        font-size:0.75em;
        height: auto;     
        width: 100%;   
        display:inline-block;      
        min-height:120px;     
    }     
    
    .profile .motion .list li span,
    .profile .motion .list li div
    {           
        display:inline-block;              
        float:left;        
    }     
    
    .profile .motion .list li div.record-number 
    {   
        width: 70px;    
        height:120px;       
        color: #427a26;
        font-weight:bold;                
    }        
    
    .profile .motion .list li div.parliament-session
    {   
        width: 100%;        
        padding-bottom:5px;           
        color:gray;
    }        
    
    .profile .motion .list li div.parliament-session span
    {   
        float:none;
    } 
    
    .profile .motion .list li div.details,
    .profile .motion .list li span.record-title,
    .profile .motion .list li span.motion-latest-activity,
    .profile .motion .list li span.show-details,
    .profile .motion .list li span.motion-text,
    .profile .motion .list li .motion-history-entry,
    .profile .motion .list li .motion-joint-seconder-date,
    .profile .motion .list li .motion-joint-seconder
    {   
        width: 430px;
    }     
    
    .profile .motion .list li span.motion-text-title,
    .profile .motion .list li span.motion-latest-activity-title,
    .profile .motion .list li span.motion-full-history-title,
    .profile .motion .list li span.motion-joint-seconders-title
    {   
        font-weight:bold;
        margin-top:12px;
    }  
   
    .profile .motion .list li 
    {   
        border-bottom: 1px solid silver; 
    }
    
    .profile .motion .list li span.show-details
    {
        text-align:right;
        font-size:0.85em;
        padding-top:7px;
    }

    .profile .motion .list li span.motion-preview,
    .profile .motion .list li span.motion-text
    {
        margin-top:4px;
    }

    .profile .motion .list li span.motion-latest-activity
    {
        margin-top:4px;
    }

    .profile .motion .list li span.motion-event-entry-left
    {
        float:left; 
        margin-top:4px;
    }

    .profile .motion .list li span.motion-event-entry-right
    {
        float:right; 
        margin-top:4px;
    }
    
    .profile .motion .motion-joint-seconder-date
    {
        margin-top:8px;
    }

    .profile .motion .motion-joint-seconder
    {
        margin-top:6px;
        margin-left:12px;
    }

    .profile .motion .motion-joint-seconder-withdrawn
    {
        margin-top:2px;
        margin-left:60px;
    }

    .profile .motion .list li span.motion-joint-seconders-description
    {
        margin-top:8px;
    }
    
   /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Vote List
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    .custom-message-container-vote
    {
        /* HACK: temp */
        /*display:none;*/
        clear:both;
        width:100%;    
        /*font-size: 0.875em;*/
        border: thin solid silver;                
        padding: 10px 10px 10px 10px;        
        margin: 5px 0px 5px 0px;
        float:left;        
    }
    
    
    .profile>div>div.vote
    {        
        width:520px;
        float:left;
        padding-left: 20px;
    } 
    .profile>div>div.vote.vote-container {
        width:95%;
        float:left;
        padding-left: 20px;
    }
       .profile>div>div.vote.vote-container {
        width:95%;
        float:left;
        padding-left: 20px;
    }

    
    .profile .vote .list li
    {
        /*font-size:0.75em;*/
        height: auto;     
        width: 100%;   
        display:inline-block;      
        min-height:120px;     
    } 
    
    .profile .vote .list li .vote-header
    {
        border-bottom: 1px silver dotted;
        width: 100%;
        float:left; 
        margin-bottom:10px;       
    }
    
    .profile .vote .list li .vote-number
    {
        color: #427a26;
        font-size:1.2em;        
        font-weight:bold;
        padding-right:20px;
        
    }
        
    .profile .vote .list li .vote-value
    {
        font-weight:bold;        
        text-align: right;
    }
    
    .profile .vote .list li .vote
    {
        text-align: right;
    }
    
    .profile .vote .list li span.vote-date
    {   
        color:gray;                  
    }  
        
    .profile .vote .list li .decision-result
    {
        font-weight:bold;
        text-transform:uppercase;
    }
    
    .profile .vote .list li .parliament-sitting
    {        
        padding-bottom:10px;        
    }   
    
    .profile .vote .list li .vote-subject
    {
        font-weight:bold;        
        padding-bottom:10px;
        
    }    

     .profile .vote .list li .vote-subjects
    {
        border-top:1px dotted silver;
        padding-bottom:10px;
        padding-top:10px;
        margin-top:2px;
        clear:both;
    }    

      .profile .vote .list .vote-rules
    {
       font-size:0.75em;
        height: auto;     
        width: 100%;   
        display:inline-block;   
        margin-bottom:0px;
    }    

     .profile .vote .list .vote-li
    {
        /*font-size:0.75em;*/
        height: auto;     
        width: 100%;   
        display:inline-block;  
        margin-bottom:10px;     
        min-height:10px;     
    } 

    .profile .vote .list .vote-row
    {
       padding:10px 0;   
    } 

    .vote-container .paging
    {
       clear:both;   
    } 
    
    .vote .toolbar,
    .sort.toolbar
    {        
        border-bottom: none;             
    }
           
       
   /*
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Constituency Profile
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
    */
   
    .constituency.profile.overview.offices
    {        
        margin-top:0px;
        padding-top:0px;
        padding-left:30px;
        border-left: 1px dotted silver;   
        display:inline-block;   
        width:350px;
    }
    
    .wrap
    {
        display:inline-block;
        width:390px;
        overflow:visible;        
    }
        
   /*
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Membership
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
    */
    
    div[class^="small-spinner-"]
    {        
        display:none;              
        float:right;            
        z-index:1;
        width:auto;    
        height:32px; 
        margin-top: -30px;        
    }
    
    div[class^="small-spinner-committee"]
    {        
        margin-top: 0px;        
    }          
    
    div.list.membership 
    {       
        /*font-size: 0.875em;*/        
        padding-top:5px;
        padding-left:5px; 
    }  
    
    div.collapsable li
    {       
        list-style: none;                
    }  
    
    div.collapsable ul
    {           
        padding-left:20px;
    } 
    
    div.collapsable ul>li>ul
    {   
        padding-left:25px;
        padding-top: 0px;
        margin-top: 0px; 
        margin-bottom: 0px;         
    } 
   
    div.collapsable ul>li>a
    {   
        text-decoration:none;
        color:#666666;        
        font-size: 0.875em;        
    } 
    
    div.collapsable ul>li span 
    {   
        color:#666666;                 
        font-size: 0.875em;            
    } 
    
    div.collapsable ul>li span a
    {   
        color: #427a26;                        
         text-decoration:none;
    } 
    
    div.collapsable ul>li span a:hover
    {   
        text-decoration:underline;  
    } 
    
    div.collapsable ul>li
    {   
        padding-bottom: 8px;
    }     
    
    div.collapsable ul>li>a:hover
    {       
        text-decoration:underline;      
    } 
    
    div.membershipsection 
    {   
        padding-bottom: 7px;
        padding-top: 7px;                        
    }        
           
    div.membershipsection>a
    {   
        /*font-size: 0.875em;*/            
        color: #666666;        
        text-decoration:none;    
        display:inline-block;         
        width: 100%;   
    } 
    
    div.membershipsection>a:hover
    {   
        color: #666666;        
        text-decoration:underline;
    }    
    
    img[class^="icon-"]
    {        
        margin-right:10px;
        margin-left:1px;
        margin-bottom:2px;
    }       
    
    div.list.membership span[class^="icon-"]
    {       
        display:none;
    }           
   
    span.membershipsectionempty
    {       
        font-size: 0.875em;            
        color: black;
        margin-left: 31px;
    }               
   
    ul.membership-committee-list {
        margin-top: 15px;
    }

    /*
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Party Standing
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
    */    
    
    div.last-updated
    {       
        font-size: 0.875em;            
        padding-top:18px;
        padding-bottom:10px;
        float:right;
        clear:both;
    }    

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Floor Plan
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */   
   
    #FloorPlan-OtherFormats
    {
        text-align:right; 
        margin-top:-16px;     /* Get it close to the page's site title but not so close that the URL is no longer active because it is behind the header panel*/
        margin-bottom:10px;
    }

    #RefinersBar
    {
    }
    
    #FloorPlan-DissolutionMessage
    {
        text-align:center;
        margin-bottom:26px; 
        margin-top:-4px; 
        font-size: 0.875em;
    }
    
    .RefinerLabel
    {
        font-size:.75em;
    }
    
    .FloorPlan-Refiner
    {
        display:inline-block; 
        vertical-align:middle;
    }
    
    .FloorPlan-RefinerValues
    {
        font-size:.8em;
        height:24px;
    }
    
    #FloorPlan-ProvinceList
    {
        width:220px;
        height:24px;
        margin-bottom:16px;
    }
    
    #FloorPlan-GenderList
    {
        width:150px;
        height:24px;
        margin-left:0px;
        margin-bottom:16px;
    }
    
    #FloorPlan-ClearRefiners
    {
        height:20px;
        width:20px;
        margin-bottom:14px;
        background-image:url("images/floorplan-clear.png");
        background-repeat:no-repeat;
        background-position:center;
        display:inline-block; 
        vertical-align:middle;
        cursor:pointer; cursor:hand;
    }

    #FloorPlan-FindMP
    {
        float:right;
        vertical-align:middle;
    }
    
    #FloorPlan-FindMPInput
    {
        width:200px;
        height:20px;
        line-height:20px;
        font-size:.8em;
        margin-bottom:6px;
        margin-top:0px;
        border:0;
        border-style: none;
        border-color: transparent;
        outline: none;
        outline-offset: 0;
        box-shadow: none;
        background: transparent;
   }
    
   #FloorPlan-TextboxContainer
   {
       display:inline-block; 
       vertical-align:middle; 
       padding-left:3px; 
       width:240px; 
       height:24px; 
       border:1px solid rgb(186,188,194);
       background:#fff;
   }
    
    #FloorPlan-ClearFindMP
    {
        float:right;
        height:20px;
        width:20px;
        margin-left:4px;
        margin-top:2px;
        margin-right:2px;
        margin-bottom:2px;
        background-image:url("images/floorplan-clear.png");
        background-repeat:no-repeat;
        background-position: center;
        display:inline-block; 
        vertical-align:top;
        cursor:pointer; cursor:hand;
    }
    
    /*PT #35614*/
    input[class="disable-clear-button"]::-ms-clear {
        display: none;
    }
    
    #FloorPlan-FindMPButton
    {
        line-height:23px;
        height:26px;
        font-size:.75em;
        padding-top:0px;
        margin-left:3px;
    }
     
    .FloorPlanCard-FilterTitle-LeftAligned
    {
        /*font-size:.85em;*/ 
        margin-bottom:16px;
        text-align:left;
    }
   
    .FloorPlanCard-FilterTitle-RightAligned
    {
        font-size:.85em; 
        margin-bottom:16px;
        text-align:right;
    }
    
    table.FloorPlan
    {
        display:table;
        width:100%;
    }
    
    td.FloorPlanSeat
    {        
        width:1%;
        text-align:center;
        vertical-align:middle;
        overflow: hidden;
        border:1px solid white;
        line-height:30px;
        cursor:pointer;cursor:hand;
    }
        
    td.FloorPlanSeatDisabled
    {
        border:1px solid white;
        opacity:0.2;
    }
    
    td.FloorPlanEmptySeat
    {        
        width:1%;
        text-align:center;
        vertical-align:middle;
        overflow: hidden;
        border:1px solid white;
        line-height:30px;
        cursor:default;cursor:default;
    }
        
    td.FloorPlanEmptySeatDisabled
    {
        border:1px 1px;
        border-color:White;
        opacity:0.2;
    }
    
    td.SeatSelected
    {
        background-image:url("images/check-mark.png");
        background-repeat:no-repeat;
        background-position:center;
        border:1px solid white;
    }
    
    .FloorPlan-SeatCursor
    {
        border:5px solid transparent;
        line-height:1.15em;
        color:white;
        text-align:center;
    }
    
   .FloorPlan-SeatCursor:hover
    {
        border:5px solid white; 
    }
     
    .FloorPlan-SeatCursor-PM
    {
        border:5px solid transparent;
        line-height:1.15em;
        background-image:url(images/floorplan-pm.png);
        background-repeat:no-repeat;
        background-position:center;
        opacity:0.8;
        height:auto;
    }
    
   .FloorPlan-SeatCursor-PM:hover
    {
        border:5px solid white; 
        opacity:1;
    }
     
    .FloorPlan-SeatCursor-Speaker
    {
        border:5px solid transparent;
        line-height:1.15em;
        color:white;
        text-align:center;
        background-color:white;
    }
    
   .FloorPlan-SeatCursor-Speaker:hover
    {
        border:5px solid white; 
        opacity:1;
    }
      
    .FloorPlan-SeatCursor-CabinetMember
    {
        border:5px solid transparent;
        line-height:1.15em;
        background-image:url(images/floorplan-cabinetmember.png);
        background-repeat:no-repeat;
        background-position:center;
        opacity:0.4;
        height:auto;
    }
    
   .FloorPlan-SeatCursor-CabinetMember:hover
    {
        border:5px solid white; 
        opacity:1;
        color:white;
    }
   
    .FloorPlan-EmptySeatCursor
    {
        border:5px solid transparent;
        line-height:1.15em;
        color:white;
        text-align:center;
    }
    
   .FloorPlan-EmptySeatCursor:hover
    {
        border:5px solid transparent; 
    }
    
    td.FloorPlanNonSeat
    {
        width:1%;
        text-align:center;
        vertical-align:middle;
        border:1px solid white;
        line-height:30px;
        border:0px solid gray;
    }
    
    #FloorPlan-SpeakerRow
    {
        vertical-align:middle;
        width: 100%;
        height: 126px;
    }
    
    #FloorPlanCard-Link
    {
        color:black;
        text-decoration:none;
    }
    
    #FloorPlanCard-Horizontal
    {
        display:block; 
        width:260px; 
        vertical-align:middle;
        margin-left:auto; 
        margin-right:auto;
        padding-left:180px;
    }
    
    #FloorPlanCardPhoto
    {
        width: 60px;
        height: 100px;
        margin-top:14px;
        margin-bottom:10px;
        float:left;
        vertical-align:middle;
    }
    
    #FloorPlanCard-Horizontal-Details
    {
        float:left; 
        font-size:.75em; 
        margin-top:13px;
        margin-left:10px; 
        max-width:180px;
    }
     #FloorPlanCard-Horizontal
      {

        -webkit-box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
         box-sizing: content-box !important;
      }
    .main-content
    {
        -webkit-box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
         box-sizing: content-box !important;
    }
    #FloorPlanCard-FilterTitle
    {
    }
    
    #FloorPlan-SpeakerSeatTable
    {
        width:25px;
        height:29px;
        margin-top:36px;
        margin-left:19px
    }
    
    #FloorPlan-SpeakerGraphics-en-F, #FloorPlan-SpeakerGraphics-en-M, #FloorPlan-SpeakerGraphics-en-
    {
        float:left;
        vertical-align:middle;
        background-image:url(images/floorplan-speakerrow-graphics-en-m.png);
        background-repeat:no-repeat;
        width:268px;
        height:104px;
        margin-top:11px;
        margin-bottom:11px;
    }
   
    #FloorPlan-SpeakerGraphics-fr-F         /* Female Speaker */
    {
        float:left;
        vertical-align:middle;
        background-image:url(images/floorplan-speakerrow-graphics-fr-f.png);
        background-repeat:no-repeat;
        width:290px;
        height:104px;
        margin-top:11px;
        margin-bottom:11px;
    }
   
    #FloorPlan-SpeakerGraphics-fr-M, #FloorPlan-SpeakerGraphics-fr-         /* Male Speaker */
    {
        float:left;
        vertical-align:middle;
        background-image:url(images/floorplan-speakerrow-graphics-fr-m.png);
        background-repeat:no-repeat;
        width:290px;
        height:104px;
        margin-top:11px;
        margin-bottom:11px;
    }
    
    #FloorPlan-SergeantGraphics
    {
        float:right;
        vertical-align:middle;
        background-image:url(images/floorplan-speakerrow-rightside-graphics.png);
        background-repeat:no-repeat;
        width:65px;
        height:127px;
    }
    
    #FloorPlan-ProvinceCard
    {
        float:left;
        display:block; 
        width:200px; 
        vertical-align:middle;
        text-align:center;
        margin-left:auto; 
        margin-right:auto;
        padding-left:160px;
    }

    #FloorPlan-ProvinceFlag
    {
        width: auto;
        height: 80px;
        margin-top:14px;
        margin-bottom:0px;
        vertical-align:middle;
        border:1px solid silver;        
    }
    
    #FloorPlan-ProvinceName
    {
        font-size:.75em; 
        margin-top:6px;
        max-width:200px;
        text-align:center;
    }
    
    .FloorPlan-Caucus-Banner
    {
        width: 100%;
        height: 6px;
        margin: 2px 0 2px 0;
    }
    
    .hidden
    {
        display:none !important
    }

    .FloorPlan-CaucusLegend
    {
        display:block;
        margin-top:24px;
        text-align:left;
        border:0px solid red;
     }
      
    .FloorPlan-CaucusLegendGroup
    {
        display:inline-block;
    }
      
    .FloorPlan-CaucusLegendCaucus
    {
        display:inline-block;
        /*font-size:.75em;*/ 
        margin-left:0px;
        border:0px solid blue;
    }
    
    .FloorPlan-CaucusLegendColor
    {
        display:inline-block;
        font-size:.75em; 
        width:38px;
        height:18px;
        color:White;
        text-align:center;
        margin-right:15px;
        vertical-align:middle;
        border:0px solid blue;
    }
    
    .FloorPlan-CaucusLegendIndependentColor
    {
        display:inline-block;
        font-size:.75em; 
        width:38px;
        height:18px;
        color:white;        
        text-align:center;
        vertical-align:middle;
        margin-right:15px;
        border:0px solid black;
    }
    
    .FloorPlan-CaucusLegendVacantColor
    {
        display:inline-block;
        font-size:.75em; 
        width:38px;
        height:18px;
        color:black;
        background-color:white;
        text-align:center;
        vertical-align:middle;
        border:1px solid black;
    }
    
    #FloorPlan-CaucusLegendNote
    {
        float:left;
        text-align:left; 
        font-size:.75em; 
        margin-top:24px; 
        margin-bottom:10px;
    }
    
    #FloorPlan-CabinetLegend
    {
        margin-top:6px;
    }
    
    #FloorPlan-CabinetLegendNote
    {
        display:inline-block; 
        /*font-size:.75em;*/ 
        margin-top:4px;
    }
    
    #FloorPlan-CabinetLegendBullet
    {
        display:inline-block; 
        font-size:1.1em; 
        margin-top:0px; 
        margin-left:3px;
    }
    
    .FloorPlan-LastUpdatedDateTime
    {
        font-size:.75em;
        float:right;
        margin-top:12px;
        margin-bottom:10px;
    }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Mini Floor Plan
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
    
    .MiniFloorPlan
    {
        display:table;
        width:160px;
      
    }
      .MiniFloorPlan div
      {

        -webkit-box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
         box-sizing: content-box !important;
      }

    .MiniFloorPlanRow
    {
    }
    
    .MiniFloorPlanSeat-Normal
    {
        display: table-cell;
        background-color:rgb(195,195,195);
        min-width:6px;
        line-height:6px;
        font-size:2px;
        border-bottom:1px solid white;
        border-right:1px solid white;
        position:relative;
        overflow:hidden;
    }

    .MiniFloorPlanSeat-Normal::before {
        display: block;
        position: absolute;
        border: solid 20px rgb(195,195,195);
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        width: 100%;
        content: "";
    }

    #MiniFloorPlanSeat-Highlighted {
        display: table-cell;
        min-width:6px;
        line-height:6px;
        overflow:hidden;
        font-size:2px;
        border-bottom:1px solid white;
        border-right:1px solid white;
        position:relative;
        overflow:hidden;
    }

    #MiniFloorPlanSeat-Highlighted::before {
        display: block;
        position: absolute;
        /*border: solid 20px black;*/
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        width: 100%;
        content: "";
    }

    @media print {
        #MiniFloorPlanSeat-Highlighted:before {
            border: solid 20px black;
        }
    }

    .MiniFloorPlanSeat-NonSeat {
        display: table-cell;
        min-width: 6px;
        line-height: 6px;
        overflow: hidden;
        border-bottom: 1px solid white;
        border-right: 1px solid white;
    }

    #MiniFloorPlan-SpeakerRow {
        display: table-row-group;
        vertical-align: middle;
        width: 100%;
        height: 22px;
        border: 0px solid orange;
    }

    #MiniFloorPlan-SpeakerSeatTable {
        width: 5px;
        height: 5px;
    }

    #MiniFloorPlan-SpeakerContainer {
        margin-top: 7px;
        margin-left: 2px;
    }

    #MiniFloorPlan-SpeakerGraphics {
        float: left;
        vertical-align: middle;
        background-image: url(images/minifloorplan-speakerrow-graphics.png);
        background-repeat: no-repeat;
        width: 51px;
        height: 20px;
        margin-top: 0px;
        margin-bottom: 1px;
    }

    #MiniFloorPlan-SergeantGraphics {
        float: right;
        vertical-align: middle;
        background-image: url(images/minifloorplan-speakerrow-rightside-graphics.png);
        background-repeat: no-repeat;
        width: 10px;
        height: 20px;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-left: 163px;
    }

    #MiniFloorPlan-SergeantGraphics-Extended {
        float: right;
        vertical-align: middle;
        background-image: url(images/minifloorplan-speakerrow-rightside-graphics.png);
        background-repeat: no-repeat;
        width: 10px;
        height: 20px;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-left: 194px;
    }


    a.floorPlanLink, a.floorPlanLink:visited, a.floorPlanLink:hover {
        margin-top: 10px;
        color: #ffffff;
        text-decoration: none;
        background-color: #ffffff;
    }


    /*================================================================================================================================*/
    /* END Author's custom styles                                                                                                     */
    /*================================================================================================================================*/

    /* ==========================================================================
   Helper classes
   ========================================================================== */

    /*
 * Image replacement
 */

    .ir {
        background-color: transparent;
        border: 0;
        overflow: hidden;
        /* IE 6/7 fallback */
        *text-indent: -9999px;
    }

        .ir:before {
            content: "";
            display: block;
            width: 0;
            height: 150%;
        }

    /*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

    .hidden {
        display: none !important;
        visibility: hidden;
    }

    /*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

    .visuallyhidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

        /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

        .visuallyhidden.focusable:active,
        .visuallyhidden.focusable:focus {
            clip: auto;
            height: auto;
            margin: 0;
            overflow: visible;
            position: static;
            width: auto;
        }

    /*
 * Hide visually and from screenreaders, but maintain layout
 */

    .invisible {
        visibility: hidden;
    }

    /*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

    .clearfix:before,
    .clearfix:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }

    .clearfix:after {
        clear: both;
    }

    /*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

    .clearfix {
        *zoom: 1;
    }

    /* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

    @media only screen and (min-width: 35em) {
        /* Style adjustments for viewports that meet the condition */
    }

    /*
 *House votes pop up styles
 * 
 */
    #SearchRefinersFilter {
        margin-left: 0.5em;
        width: 50%;
    }

    #SearchRefinersItemList.NoHeader {
        top: 2.1em;
    }

    #SearchRefiners {
        bottom: 10%;
        top: 10%;
        /*right: 35%;
    left: 35%;*/
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        max-width: 800px;
    }

    #FilterRefinerRows {
        font-weight: bold;
        margin-top: 0.2em;
        padding-left: 0.5em;
        padding-bottom: 0.2em;
        border-bottom: 1px solid #e0e0e0;
        background: #fff;
    }

    div.PopupItem {
        padding: 0.5em;
        margin-top: 0.8em;
        position: absolute;
        top: 2.2em;
        bottom: 0;
        right: 0;
        left: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 30;
    }

    .hiddenRow {
        display: none !important;
        visibility: visible;
    }

    #SearchRefinersItemList.NoHeader {
        top: 2.1em;
    }

    #SearchRefinersItemList.Loading {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 3em;
        background-image: url("../images/PublicationSearch/ajax-loader.gif");
    }

    #voteList {
        /* Remove default list styling */
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        #voteList li a {
            /*border: 1px solid #ddd;*/ /* Add a border to all links */
            margin-top: -1px; /* Prevent double borders */
            /*background-color: #f6f6f6;*/ /* Grey background color */
            padding: 10px; /* Add some padding */
            text-decoration: none; /* Remove default text underline */
            font-size: 1em; /*font-size: 10px;*/ /* Increase the font-size */
            color: black; /* Add a black text color */
            display: block; /* Make it into a block element to fill the whole list */
        }

            #voteList li a.header {
                background-color: #dce6f0; /* Add a darker background color for headers */
                cursor: default; /* Change cursor style */
            }

            #voteList li a:hover:not(.header) {
                background-color: #dce6f0; /* Add a hover effect to all links, except for headers */
                color: cornflowerblue;
            }
    /* Default for refiner and refinement labels. */
    .refiner .modifiedName, .refinement .modifiedName {
        width: 350px;
        margin-top: 5px;
        border: 0px solid white;
        text-align: left;
        background-position: 0.1em 0.35em;
        background-image: url("../images/PublicationSearch/remove-small.png");
        background-repeat: no-repeat;
    }


    #voteDateRange {
        border: 1px solid #93b4dc;
        background: #E0EAF3;
        padding: 0.5em;
        display: inline-block;
        border-radius: 5px;
        cursor: pointer;
        transition: background 0.5s;
        -webkit-transition: background 0.5s;
        position: absolute;
        bottom: 2em;
        left: 20%;
        right: 20%;
        -webkit-animation: blink 3s;
    }

        #voteDateRange:hover {
            background: #f0fAFf;
        }

    #site-header, .footer-info {
        margin: 0 auto;
        /*font-size: 1.2em;*/
        line-height: 1.4 !important;
    }

    .vote-details-main-content {
        background: #fff;
        padding: 1px 15px 15px 15px;
        /*font-size:.9em;*/
        margin-right: 10px;
    }


    .voteLabel {
        display: inline;
        font-size: 100%;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25em;
    }


    .refinement span.voteRow {
        text-align: right;
        width: 200px;
        margin-top: 0px;
        font-size: 100%;
        line-height: 1.3em;
        vertical-align: text-bottom;
        margin: 1.5em 0 0.25em 0;
        margin: 0 0 0.5em 0;
    }



    td.summaryResult {
        text-align: center;
        /*background-color:#E8F2DD;*/
        font-weight: bold;
        font-size: .8em;
    }

    .voteResultsFunctionality {
        text-align: right;
        padding-right: 10px;
        padding-top: 1px;
        padding-bottom: 3px;
        margin: 10px 0px 10px 0px;
        font-weight: normal;
    }


    .voteJournalsLabel {
        font-size: 95%;
        font-weight: normal;
    }

    .sectionHeader {
        color: #3C3C3C;
        font-size: .9em;
        font-weight: bold;
        text-align: left;
        padding-bottom: 1px;
        padding-top: 20px;
    }


    .voteContextArea {
        text-align: left;
        width: 95%;
        padding: 10px;
        border: dotted 1px #AAAAAA;
        background-color: #F7F7EF;
        font-size: .8em;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .summaryTableHeader th {
        text-align: center;
    }

    /*media screen*/
    .summaryTableHeader {
        background-color: rgba(242, 242, 242, 1);
        font-size: .8em;
        font-weight: normal;
    }


    .panel-heading {
        padding: 8px 0px;
        border-bottom: 1px solid transparent;
        border-top-right-radius: -1px;
        border-top-left-radius: -1px;
    }

    .dropbtn {
        background-color: #4CAF50;
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer;
    }

    .dropdown {
        /*position: relative;*/
        display: inline-block;
    }

    .dropdown-content {
        /*display: none;*/
        position: absolute;
        right: 0;
        background-color: #f9f9f9;
        min-width: 200px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }

        .dropdown-content a {
            padding: 5px 8px;
            text-decoration: none;
            display: block;
            text-align: left;
        }

            .dropdown-content a:hover {
                background-color: #f1f1f1;
            }

    .dropdown:hover .dropdown-content {
        display: block;
    }

    .dropdown:hover .dropbtn {
        background-color: #3e8e41;
    }


    .voteDetailsTopHeader {
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #f2f2f2;
    }

    .voteDetailsTopHeaderContent {
        Text-align: left;
        padding-top: 5px;
        font-size: .95em;
        line-height: 1.4;
    }

    .voteDetailsImg {
        border: 0px currentColor;
        border-image: none;
        text-align: right;
    }

    .summarytable {
        width: 60%;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 30px;
    }


    .voteDetailsText {
        margin-top: 15px;
        background-color: #f2f2f2;
        /*font-size:.8em;*/
        margin-bottom: 15px;
    }

    .voteSponsor {
        padding-top: 10px;
        /*font-size:.9em;*/
    }

    .votesWeboption {
        left: 102.5px;
        top: 904px;
        visibility: hidden;
        position: absolute;
    }

    .votesWeboptionContent {
        border: 1px solid black;
        width: 220px;
        background-color: darkgrey;
        padding: 2px;
    }

    .inactiveLink {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
        font-weight: bold;
        color: #427a26;
    }

    .voteCaption {
        text-align: center;
        font-weight: bold;
    }

    .voteXML {
        text-align: right;
        padding: 4px 10px 4px 4px;
    }

    .hoverTable {
        width: 100%;
        border-collapse: collapse;
    }

        .hoverTable td {
            /*padding: 10px;*/
            padding: 12px;
        }

        .hoverTable tr:hover {
            background-color: rgb(192,192,192);
            cursor: pointer;
            /*line-height:40px;*/
        }


    .voteContent {
        display: block
    }


    .collapse {
        display: inline-block;
        visibility: visible;
        display: table-row;
        /* display: table-row-group;*/
        display: none;
    }

    .navbar1 {
        background-color: #f2f2f2;
        height: 80px;
        vertical-align: middle;
    }

        .navbar1 li {
            display: inline;
            position: relative;
            background-color: #f2f2f2;
        }

        .navbar1 ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            width: 945px;
            max-width: none !important;
        }

        .navbar1 li {
            display: table;
            font-size: .75em;
            line-height: 40px;
            height: 40px;
            border-bottom: 1px solid #888;
            word-wrap: break-word;
        }

        .navbar1 a {
            height: 80px;
            display: table-cell;
            vertical-align: middle;
            text-decoration: none;
            text-align: center;
            padding-top: .5em;
            border-right: 1px solid #dcdcdc;
            border-top: 1px solid #f5f5f5;
            border-bottom: 1px solid #eeeeee;
            padding: 10px;
            word-wrap: break-word;
            line-height: 1.5;
            background: #ffffff;
            background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 50%, #f6f6f6 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f9f9f9), color-stop(100%,#f6f6f6));
            background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 50%,#f6f6f6 100%);
            background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 50%,#f6f6f6 100%);
            background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 50%,#f6f6f6 100%);
            background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 50%,#f6f6f6 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
        }

            .navbar1 a:hover, .navbar1 a:focus, .navbar1 a:active, .navbar1 li.active a {
                /* text-decoration: underline; */
                /* border-right: 1px #d1d1d1 solid; */
                /* background: #ffffff; */ /* Old browsers */
                background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 50%, #e5e5e5 100%); /* FF3.6+ */
                /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f4f4f4), color-stop(100%,#e5e5e5)); */ /* Chrome,Safari4+ */
                /* background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 50%,#e5e5e5 100%); */ /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 50%,#e5e5e5 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 50%,#e5e5e5 100%); /* IE10+ */
                background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 50%,#e5e5e5 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
            }

            .navbar1 a:hover {
                background-color: #005f5f;
            }

            .navbar1 a.active {
                background-color: #fff;
                color: #444;
                cursor: default;
            }

    @media screen and (min-width: 960px) {
        .navbar1 li {
            width: 157px;
            border-bottom: none;
            height: 60px;
            line-height: 60px;
            font-size: 1em;
        }
    }

    /* Option 1 - Display Inline */

    .nav-collapse {
        height: 50px;
    }