/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
/* -------------------------------------------------------------- 
   
   typography.css
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */


body { 
  font-size: 75%;
  color: #818181; 
  font-family: Arial, Helvetica, Verdana, sans-serif;
  }



/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #525252; }

h1 { font-size: 1.8em; line-height: 1em; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; line-height: 1em; margin-bottom: 0.75em; }
h3 { font-size: 1.2em; line-height: 1em; margin-bottom: 1em; font-weight: bold; }
h4 { font-size: 1.1em; line-height: 1.25em; margin-bottom: 1.25em; height: 1.25em; font-weight: bold;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h2.legislation  { font-size: 14px;  font-weight: normal; }

h2.legislation a { font-weight: bold; }




/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #c64243; outline: none;}
a           { color: #0067c6; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 



/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
th,td       { padding: 0; }

thead, 
thead td, 
thead th, 
tfoot,
tfoot td    { font-size: 10px; text-transform: uppercase;}
 
tfoot,
tfoot td    { text-align: center;}
caption     { background: #eee; }



/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; line-height: 1.875em; color: #868687; text-transform: uppercase;}

.small-link { font-size: 10px; text-transform: uppercase;}

.quotes p.small {font-size: .9em; margin: 0; line-height: 1.1em;}

.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* --------------------------------------------------------------
   shell.css
-------------------------------------------------------------- */


@font-face {
  font-family: 'Serifa';
  src: url(/assets/SerifaStd-Roman-0da44cdfc08e9fa0e218d8f8e0f8a219f17cd00229560390ae7604c1136e9cd7.eot?#iefix) format("embedded-opentype"),
       url(/assets/SerifaStd-Roman-00fbd9a7177c90995bde252ed76915c3caefdb7c7458fea73062ec54c289957e.otf) format("opentype"),
       url(/assets/SerifaStd-Roman-2d82ba9cc178089b278a532cc2d5e45d233cd655797b3d5e76f392dddb1675b8.woff) format("woff"),
       url(/assets/SerifaStd-Roman-7cc4f366d1b1d30aff5cdbd6ba63a10ff003138e80788ce3ea21243de0ab2c80.ttf) format("truetype"),
       url(/assets/SerifaStd-Roman-45fe5f9d310f514dd1f0a18efae9ef8362582bc62af452557f38180fc1bbd3f5.svg#SerifaStd-Roman) format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
    margin:0;
    background: #f5f8fb url(/assets/tile-44c6c58cd1fc459dd88133f505c032dfbdf4a7f86530a745da3dceeea6f334a2.png) repeat-x center top;
    font-family: 'Serifa', sans-serif;
    color: #0067c6;

    }
.LogOnContent{
  font-size: 120% !important;
  align-items: center !important;
}
#infoLink{
  font-size: 80%;
}
#loginfooter {
  font-size: 120% !important;
}

select {
    font: inherit;
}
input {
  font: inherit;
}

#newButton .button .submit{
  font-size: 80% !important;
}
  #remindButton .button .submit{
    font-size: 80% !important;
  }
/*newButton  .button .left .right a, .button .left .right  {
  font-size: 50% !important;
}*/

/* Site Widths */


#header, #nav{
    width: 962px;
    margin: auto;
    }

#wrapper, #footer {
    width: 958px;
    margin: auto;
    }



/* Header styles */

#header, #loginheader {
    height: 120px;
    _overflow: hidden;
    background: url(/assets/legsimicon-4699ffa1b406ac772f19f41075daabb228acc9edbe229ad99c89d4327e037873.svg) no-repeat 200px top;
    color: #ffff
    }

#logo, #logo a {
    float: left;
    width: 275px;
    height: 120px;
    }

#logo a {
    background: url(/assets/newlogo-65d08250b700f9e135dc75a7ef998693eb20e77dcd965f9046cd0d6c8249077d.png) no-repeat 19px 0px;
    _background: url(/assets/logo-ie-7e6ecd45148df3218a83aeca46972e82ad6d2883b9badabb11f0105aeb9459e5.png) no-repeat 19px 34px;
    display: block;
    }

#logo a span { display: none; }


#chamber, #chamber a {
    float: left;
    width: 350px;
    height: 96px;
    }

#chamber a.system_administration {
    background: url(/assets/system-administration-aed4f6198b1b70a165ee9b834a0ef5776f179b91b7e105fce63d05a56ef6b77d.png) no-repeat left 46px;
    _background: url(/assets/system-administration-aed4f6198b1b70a165ee9b834a0ef5776f179b91b7e105fce63d05a56ef6b77d.png) no-repeat left 46px;
    display: block;
    }


#chamber a.us_house_of_representatives {
    background: url(/assets/house-of-representatives-a85d76104441b5a4ceb99e32836e34a4646701de49cbe0c3f2f9ac9ebfe3db7d.png) no-repeat left 46px;
    _background: url(/assets/house-of-representatives-ie-a38f77850d4f7f194ce0a9cdf5f5ab5fd549fb145a42f3584cb4c9a5a7a66303.png) no-repeat left 46px;
    display: block;
    }

#chamber a.us_senate {
    background: url(/assets/united-states-senate-3876db7365b95bdc3267d435dc44879cdebefc5842c68bb55af1db1624a45b34.png) no-repeat left 46px;
    _background: url(/assets/united-states-senate-ie-990382e7e44637e7743a57a75846ffeadbc8d0bbfe75fc36b753f7a46e7dd609.png) no-repeat left 46px;
    display: block;
    }

#chamber a span { display: none; }



/* Container Styles */

#container {
    margin: auto;
    background: url(/assets/container-8f14aab8fbb7c1d4bb729ca75ca959b174a8900b826f73b515a7d39284fbcf40.png) repeat-y center top;
    width: 100%;
    min-height: 500px;
    _height: 500px;
    }



/* Wrapper Styles */

#wrapper, #loginwrapper {
    background: url(/assets/wrapper-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.png) repeat-y center top;
    min-height: 400px;
    _height: 400px;
    text-align: left;
    }


/* -- ID BAR  -- */


#id, #loginid {
    padding: 17px 19px;
    text-align: left;
    background: url(/assets/id-bbc9d4d7647b07c8a08b03112bab85931baeb3c3b1495b5ad484ee3cca962e20.png) repeat-x left bottom;
    }

#id #breadcrumbs {
    font-size: 10px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    }

#id h1 {
    margin: 0;
    padding: 0;
    }

#id h1 .explanation {
    font-size: 14px;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #bfbfbf;
    }






/* Columns
-------------------------------------------------------------- */

#overview, #details, #overview-comments, #details-comments, #committee-assignments {
   float: left;
   overflow: hidden;
   text-align: left;
   min-height: 400px;
   }

#overview {
   width: 360px;
   margin: 0 20px 0 0;
   }

#details {
   width: 540px;
   }

#overview-comments {
   width: 430px;
   margin: 0 20px 0 0;
   }

#details-comments {
   width: 400px;
   }
#committee-assignments {
   width:400px;
   }


.pad, .loginpad { padding: 20px 19px; }





/* Misc classes and elements
-------------------------------------------------------------- */

.title a span, .title span {display: none;}

.divider {
    background: url(/assets/divider-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.png) no-repeat left 30px;
    width: 637px;
    height: 63px;
    }


/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}

hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }
/* MENU STYLES */

/* Main Menu */


#nav, #loginnav {
    margin: 0 auto;
    height: 36px;
    _overflow: hidden;
    z-index:999;
    background: url(/assets/menu-74c0967f7f3b25c7eabe92eef7b718f909892880ecbb4b728b23348c7102b5c9.png) no-repeat center top;
    text-align: left;
    }

#nav ul {
    margin: 0 auto;
    list-style: none;
    width: 962px;
    height: 36px;
    z-index:999;
    }

#nav li {
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
    height: 36px;
    z-index:999;
    }

#nav li a { padding: 0; display: block; height:36px; z-index:999;}

#nav li a span { display: none; }

#nav_home { background-image: url(/assets/menu-home-b37fa35067e3fb50acdfbb6641bccf5091cb035b3326e9fcf84f5ba98be1a871.png) ; width: 85px; }
#nav_members { background-image: url(/assets/menu-members-0a8559fd3889bed2c4ef23427b803b0b4776133d26c9f2b88d2fbfad5d3c283b.png) ; width: 105px; }
#nav_organizations { background-image: url(/assets/menu-organizations-45032d1e67a1cd8855ebf3250f8efeb1b542c821785981ced5267b0f0ff04180.png) ; width: 137px; }
#nav_clerk { background-image: url(/assets/menu-clerk-c032482c32bd48aaf95ecac9e688bc91d6236a6063e56221b3bd613b0795472b.png) ; width: 79px; }
#nav_committees { background-image: url(/assets/menu-committees-4aa15d06206bbfe16fb50c235a8f2509d9367198ecf90f3fd908f033ccc1bbb8.png) ; width: 125px; }
#nav_floor { background-image: url(/assets/menu-floor-45b08452831122ca83d5724f569b1f7e2a460aa3267bd55868c060ac5238a50f.png) ; width: 80px; }
#nav_white_house { background-image: url(/assets/menu-white-house-e0752a1c3b39e6b1ea98284b3c10d4aaf35e343960a7b007bebbaa7aeca1536f.png) ; width: 130px; }
#nav_tutorials { background-image: url(/assets/menu-tutorials-a16a0e63d96651ffc460c0741ae491585fad52e596e9abd55757cc1cb460532e.png) ; width: 102px; }
#nav_instruction { background-image: url(/assets/menu-instruction-4ae2430c0b6b5d1955fc2b9e42321a44b633cfcbf80c2aa2b4c5c76e7ac16ba2.png) ; width: 119px; }

#nav_users { background-image: url(/assets/menu-users-01d6e42f333ea7ce5236fa74815164aa511e1364413e17d82391731961768031.png) ; width: 85px; }
#nav_courses { background-image: url(/assets/menu-courses-cc9ed44c578537c6df30e5051dbfb32d76a1fdb77c984f60b12d80d99c1657a6.png) ; width: 102px; }
#nav_content { background-image: url(/assets/menu-content-f9319ed3891c036cd1ab97b10d8e3ba80b6dc78fdd9c2aee5d9c8c4fccfa5549.png) ; width: 103px; }
#nav_mansion { background-image: url(/assets/menu-mansion-da87c767b14208fca80343832574d2df8b68077ecb264cf501128d8d134a132b.png) ; width: 130px; }

#nav_home:hover, #nav_home.over,
#nav_tutorials:hover, #nav_tutorials.over,
#nav_members:hover, #nav_members.over,
#nav_committees:hover, #nav_committees.over,
#nav_organizations:hover, #nav_organizations.over,
#nav_floor:hover, #nav_floor.over,
#nav_clerk:hover, #nav_clerk.over,
#nav_white_house:hover, #nav_white_house.over,
#nav_mansion:hover, #nav_mansion.over,
#nav_users:hover, #nav_users.over,
#nav_courses:hover, #nav_courses.over,
#nav_content:hover, #nav_content.over,
#nav_instruction:hover, #nav_instruction.over { background-position: 0px -37px; }

#nav_home li a,
#nav_tutorials li a,
#nav_members li a,
#nav_committees li a,
#nav_organizations li a,
#nav_floor li a,
#nav_clerk li a,
#nav_white_house li a,
#nav_mansion li a,
#nav_users li a,
#nav_courses li a,
#nav_content li a,
#nav_instruction li a { background: white; }

#nav_home li a:hover,
#nav_tutorials li a:hover,
#nav_members li a:hover,
#nav_committees li a:hover,
#nav_organizations li a:hover,
#nav_floor li a:hover,
#nav_clerk li a:hover,
#nav_white_house li a:hover,
#nav_mansion li a:hover,
#nav_users li a:hover,
#nav_courses li a:hover,
#nav_content li a:hover,
#nav_instruction li a:hover { background: #f1f6fc !important; }

#nav ul ul {
    display: none;
    position: absolute;
    top: 36px;
    left: 3px;
    width: 172px;
    height: auto !important;
    font-size: 13px;
    line-height: 16px;
    padding: 4px 8px 8px 8px;
    background: url(/assets/menu-dropdown-a910d081e8c06832a3f39f9391f4ee15d5ff2af6184f04cddcd61ee752fbfa4c.png)  no-repeat center bottom;
    _background: url(/assets/menu-dropdown-ie-17b55e5d77f5bf5afee5d51ed74ac6def97d6d879e00946dfbe46bff38f904bd.png)  no-repeat center bottom;
    }

#nav ul .last ul {
    left: -72px;
    }

#nav ul ul li {
    height: auto;
    display: block;
    width: 172px;
    }

#nav ul ul li a {
    display: block;
    padding: 4px 0 4px 10px;
    height:auto !important;
    width: 162px;
    }

#nav ul ul li>a {
    display: block;
    padding: 4px 10px;
    width: auto;
    }

#nav ul ul li a:hover {
    display: block;
    }

#nav li:hover ul {
    display: block;
    }

#nav li.over ul {
    display: block;
    }




/* Main Menu */

#topnav {
    float: left;
    width: 336px;
    margin: 0 auto;
    _overflow: hidden;
    text-align: right;
    font-size: 11px;
    color: #d2f0ff;
    }

#topnav a { color: #e6eef5; }
#topnav a:hover { color: white; }

#topmenu { padding: 6px 4px; }



#cloakroom {
    width: 203px;
    height: 34px;
    margin-top: 20px;
    padding: 0;
    _OVERFLOW: hidden;
    z-index:1999;
    float: right;
    text-align: left;
    }

#cloakroom ul {
    margin: 0 auto;
    width: 203px;
    height: 34px;
    list-style: none;
    float: right;
    z-index:1999;
    }

#cloakroom li {
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
    height:34px;
    z-index:1999;
    background: url(/assets/arrow-cloakroom-e17fbe9c66b88ec521d34566d405ea064f19b747203c850730c08e66f1ada8c1.png)  no-repeat left top;
    _background: url(/assets/arrow-cloakroom-ie-d33213883d210eb1bd13fcdb385df3f69c267cb91e8ddce5b4cb901a4c490582.png)  no-repeat left top;
    }

#cloakroom li:hover {
    background-position: left -37px;
    }

#cloakroom li a {
    display: block;
    width: 167px;
    z-index: 1999;
    height: 16px;
    padding: 9px 10px 9px 26px;
    }

#cloakroom ul ul li,
#cloakroom ul ul li a { background: transparent; }

#cloakroom ul ul {
    display: none;
    position: absolute;
    top: 32px;
    left: 0px;
    width: 170px;
    height:auto !important;
    font-size: 11px;
    line-height: 13px;
    padding: 2px 10px 16px 23px;
    background: url(/assets/cloakroom-dropdown-a22738566ecb507d9db768780412b5afd1b4ef9513a98f5f049a152e659cd6b9.png)  no-repeat center bottom;
    _background: url(/assets/cloakroom-dropdown-ie-e2848a1ea9ecd1c14c77fe177518198e9931f13b37f25b89f0639ead0596285f.png)  no-repeat center bottom;
    }

#cloakroom ul ul li {
    color: #0e4ea9;
    height: auto;
    text-align: left;
    display: block;
    width: 155px;
    z-index:1999;
    padding: 3px 0 3px 16px;
    background: url(/assets/cloakroom-li-73acae9f8926b50ba1739aabfe6b1c7c025ff888347b1bcac5ace1c90b44e095.png)  no-repeat 2px 6px;
    }

    #cloakroom ul ul li:hover { background-position: 2px 6px; }


#cloakroom ul ul li.in {
    background: url(/assets/cloakroom-li-in-6773377b8fbf22ac77ee1b429fa033b7a6d6c9af43f534b1a1fd0b644e4b8e30.png)  no-repeat 2px 6px;
    }

   #cloakroom ul ul li.in:hover { font-weight: bold; }

#cloakroom ul ul li a {
    display: block;
    height:auto !important;
    width: 100%;
    padding: 0;
    }

#cloakroom ul ul li>a {
    display: block;
    width: auto;
    padding: 0;
    }

#cloakroom ul ul li a:hover {
    display: block;
    text-decoration: none;
    }

#cloakroom li:hover ul {
    display: block;
    }

#cloakroom li.over ul {
    display: block;
    }






/* Section Menu*/

#wrapper #submenu {
    width: 252px;
    padding: 10px;
    margin: 0 0 20px 0;
    background: url(/assets/submenu_id_tile-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.jpg)  no-repeat left top;
    }

#submenu ul {
    width: 252px;
    list-style: none;
    padding: 0;
    margin: 0;
    }

#submenu li {
    width: 252px;
    margin: 0;
    padding: 0;
    display: block;
    }

#submenu li a {
    display: block;
    margin: 0 auto !important;
    padding: 3px 0 3px 26px;
    width: 226px;
    font-size: 14px;
    line-height: 23px;
    font-weight: bold;
    background: url(/assets/submenu_bullet-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.png)  no-repeat left 2px;
    }

#submenu li a:hover { background-position: left -176px; text-decoration: none; }


#submenu .title {
    display: block;
    padding: 2px 0 16px 0;
    background: transparent !important;
    }
/* FOOTER STYLES */


#footer, #loginfooter {
   overflow: hidden;
   margin: auto;
   color: #9d9d9d;
   font-size: 10px;
   line-height: 17px;
   height: 86px;
   background: url(/assets/footer-113f93f48e5d4a8d34af83f6b6a29d9b2576e826444af352eb17bc48f61b90e4.png) repeat-x center top;
   }

/*#footer a, #loginfooter a { text-transform: uppercase; }*/

#footer .menu_left, #loginfooter .menu_left {
   float: left;
   text-align: left;
   padding: 6px 10px;
   }

#footer .menu_right, #loginfooter .menu_right {
   float: right;
   text-align: right;
   padding: 6px 10px;
   }

#footer .copyright, #loginfooter .copyright {
   margin: auto;
   text-align: center;
   width: 320px;
   padding: 6px;
   font-size: 11px;
   }
/* tabs.css */



/* Interior Tabs-------------------------------------------------------------- */


.tabs, .closed-tabs {
    margin-top: 20px;
    }

.ui-tabs-nav {
    list-style: none;
    margin: auto;
    width: 100%;
    padding: 0;
    overflow: hidden;
    display: block;
    outline: 0;
    background: url(/assets/tabs-10e52780d92d0496fa06a8aae6fbdd3fd3f59b01a32749187c476634c026101e.png) repeat-x left bottom;
    border-left: 1px solid #e6ecf2;
    }



.ui-tabs-nav li {
    margin: 0;
    float: left;
    min-width: 20px; /* be nice to Opera */
    overflow: hidden;
    text-align: center;
    display: block;
    outline: 0;
    font-size: 10px;
    line-height: 16px;
    font-family: verdana, arial, helvetica, sanserif;
    text-transform: uppercase;
    }

.ui-tabs-nav li a {
    padding: 9px 12px;
    background: url(/assets/tab-6869b317449331bf86379baefda74d10e868e91a91442c777ad0b24a4089cd45.png) repeat-x left top;
    border: 1px solid #e6ecf2;
    border-left: none;
    display: block;
    height: 14px;
    }

.ui-tabs-nav li a:hover {
    background-position: left -33px;
    }

.ui-tabs-nav .ui-tabs-selected a {
   font-weight: bold;
   color: #8c8c8b;
   z-index: 2;
   border-bottom: 1px solid white;
   background: white;
   }


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { .ui-tabs-hide {  display: none; } }

.ui-tabs-hide {
  display: none;
}


/* Panel */

.ui-tabs-panel {
    clear: both;
    background: white;
    padding: 15px;
    border: 1px solid #e6ecf2;
    border-top: none;
    }

   #overview .ui-tabs-panel { width: 328px; }
   #details .ui-tabs-panel { width: 508px; }



   #overview .ui-tabs-panel h3,
   #overview .ui-tabs-panel h4 { margin: 0; padding: 0; }

   #overview .ui-tabs-panel p { margin-bottom: 0; }



/* expanders.css */



/* Interior Tabs-------------------------------------------------------------- */


.expander {
    margin-bottom: 20px;
    background: #fafcfe;
    border: 1px solid #f1f5f8;
    }

.expander .bar {
    padding: 10px;
    background: #f3f7fb;
    }

.expander.expanded .bar {
    border-bottom: 1px solid #f1f5f8;
    }

.expander .bar a.title {
    float: left;
    display: block;
    padding: 0 0 0 20px;
    margin: 0;
//    width: 247px;
    color: #818181;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    background-image: url(/assets/expand-contract-3ad2e8c3807aef587bec7932f2afadf6db3bd047ffdac481704ef2896e32e0b7.png);
    background-repeat: no-repeat;
    }

.expander .bar a.title:hover {
    color: #585858;
    }

.expander .bar a.title span.parenthesis {
    display: inline-block;
    text-transform: none;
    font-weight: normal;
    }

.expander.expanded .bar a.title         { background-position: left top; }
.expander.expanded .bar a.title:hover   { background-position: left -44px; }
.expander.contracted .bar a.title       { background-position: left -88px; }
.expander.contracted .bar a.title:hover { background-position: left -132px; }

.expander.expanded .expander-contents   { display: block; }
.expander.contracted .expander-contents { display: none; }


.expander .bar .small-link {
    padding: 0; margin: 0;
    float: left;
    width: 250px;
    line-height: 14px;
    text-align: right;
    }

.expander-contents {
    padding: 10px;
    }

.expander table  { margin: 0;}

.expander thead, .expander tfoot  { padding: 0;}

.expander thead th {
    border-bottom: 1px dotted #dfe7ee;
    padding: 0 0 7px 0;
    }

.panel tbody td,
.expander tbody td  {
    border-bottom: 1px dotted #dfe7ee;
    font-size: 12px;
    padding: 7px 0;
    }

.expander tfoot td {
    border-bottom: none;
    padding: 7px 0 0 0;
    }

.expander td h2  {
    font-size: 12px;
    padding: 0;
    margin: 0;
    }


/* boxes.css */



/*  MEMBERDESK */

/*  my office */


#overview #office {
    }

#overview #office .office-photo,
#overview #office .office-topline {
    float: left;
    }

#overview #office .office-photo {
    width: 115px;
    }

    #overview #office .office -photo img { width: 100px; }

#overview #office .office-topline {
    width: 213px;
    }

#overview #office .office-topline h2 {
    margin: 0;
    }

#overview #office .office-topline table,
#overview #office .office-topline th,
#overview #office .office-topline td {
    margin: 0;
    }

#overview #office .office-topline th,
#overview #office .office-topline td {
    padding: 9px 0 0 0;
    line-height: 14px;
    }

#overview #office .office-topline th {
    padding-right: 10px;
    }



/*  BILL */

/*  topline */

.topline p  {
    margin: 0 0 5px 0;
    }

.vote-status  {
    margin-top: 10px;
    padding: 7px 10px;
    color: #f2f2f2;
    font-size: 14px;
    }

.vote-status strong {
    text-transform: uppercase;
    }

.vote-status .small-link {
    float: right;
    padding-top: 3px;
    }

.vote-status .small-link a {
    color: white;
    }


/*  vote status bars */

.vote-status.draft  {
    background: #ad6600;
    }


.vote-status.introduced  {
    background: #d7b100;
    }

.vote-status.referred {
    background: #00af1d;
    }

.vote-status.calendar  {
    background: #7f7f7f;
    }

.vote-status.passed  {
    background: #2789e4;
    }

.vote-status.failed  {
    background: #d13030;
    }

.vote-status.vetoed  {
    background: #ad6600;
    }

.vote-status.law  {
    background: #8800bf;
    }


/* MAILBOX */

#mailbox tbody td { font-size: 11px; vertical-align: top; }
#mailbox td.email-subject { font-weight: bold; padding: 7px 14px;}



/* ALERT BOX */

.alert-box {
    background: #024683;
    padding: 15px 15px 1px 15px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 15px;
    color: #d2f0ff;
    }


.alert-box h2 {
    color: white;
    font-size: 14px;
    line-height: 18px;
    padding-left: 24px;
    text-transform: uppercase;
    }

.alert-box h2.error { background: url(/assets/icon-error-c429a39a7a284d2af39d310a20345baa193a097b99df62e3209f26ca40343e31.png) no-repeat -1px -1px; }
.alert-box h2.attention { background: url(/assets/icon-attention-798fab47bc044a3019c4da6b3e0fd794d59cbee10256fe2df1fadd43420fb05c.png) no-repeat -1px -1px; }
.alert-box h2.alert { background: url(/assets/icon-attention-798fab47bc044a3019c4da6b3e0fd794d59cbee10256fe2df1fadd43420fb05c.png) no-repeat -1px -1px; }
.alert-box h2.information { background: url(/assets/icon-information-c1dda95eae08db0ccf48352c06d625747b003b324dd28970552d964441d30a63.png) no-repeat -1px -1px; }
.alert-box h2.notice { background: url(/assets/icon-notice-b15f8a4b2b1d6619cab9cfb3c1a244a6a867686f05c92f04a40c2602b9186f55.png) no-repeat -1px -1px; }


.alert-box h2.separator {
    border-top: 1px dotted #d2f0ff;
    padding-top: 15px;
    }

.alert-box h2.alert.separator,
.alert-box h2.error.separator,
.alert-box h2.attention.separator,
.alert-box h2.information.separator,
.alert-box h2.notice.separator { background-position: -1px 14px; }

.alert-box ul {
    padding-left: 24px;
    margin-bottom: 15px;
    }



/* LEGISLATION */

#legislation tbody td a { font-weight: bold; }

#legislation tbody td { padding-left: 22px; }

#legislation tbody td.introduced {
    background: url(/assets/images/status-introduced.png) no-repeat left 8px;
    }

#legislation tbody td.referred {
    background: url(/assets/images/status-referred.png) no-repeat left 8px;
    }

#legislation tbody td.calendar {
    background: url(/assets/images/status-calendar.png) no-repeat left 8px;
    }

#legislation tbody td.passed {
    background: url(/assets/images/status-passed.png) no-repeat left 8px;
    }

#legislation tbody td.failed {
    background: url(/assets/images/status-failed.png) no-repeat left 8px;
    }

#legislation tbody td.vetoed {
    background: url(/assets/images/status-vetoed.png) no-repeat left 8px;
    }

#legislation tbody td.law {
    background: url(/assets/images/status-law.png) no-repeat left 8px;
    }

#legislation .legend thead th { padding: 15px 0 0 0; border: none;}

#legislation .legend tbody td { border: none;}





/* elements.css */



/*  SMALL LINKS */


.small-link {
     padding-top: 6px;
     }

.small-link a {
     text-transform: uppercase;
     font-size: 10px;
     }



/* BUTTON */

.button {
     height: 25px;
     font-size: 14px;
     font-weight: bold;
     background: url(/assets/button-ed0fb47064c6127f5f0cb80b9941216e07255648113651e06aec19181bc5297a.png) repeat-x center top;
     }

.button.twenty  { width: 20%; }
.button.thirty  { width: 30%; }
.button.forty   { width: 40%; }
.button.fifty   { width: 50%; }
.button.sixty   { width: 60%; }
.button.seventy { width: 70%; }
.button.eighty  { width: 80%; }
.button.ninety  { width: 90%; }
.button.hundred { width: 100%; }

.button .left .right,
.button .left .right a,
.button .left .right .submit {
     font-size: 14px;
     line-height: 14px;
     font-weight: bold;
     text-transform: uppercase;
     }

.button .left,
.button .right {
     background-repeat: no-repeat;
     }

    .button .left { background-position: left top; height: 25px; padding-left: 10px; }
    .button .right { background-position: right top; height: 19px; padding: 6px 10px 0 0; text-align: center; }

.button:hover        { background-position: center -26px; }
.button:hover .left  { background-position: left -26px; }
.button:hover .right { background-position: right -26px; }

.button.inactive,
.button:hover.inactive        { background-position: center -51px; }

.button.inactive .left,
.button:hover.inactive .left  { background-position: left -51px; }

.button.inactive .right,
.button:hover.inactive .right { background-position: right -51px; }


.button .left .right .submit {
     border: 0px;
     background: transparent;
     padding: 0;
     margin: -2px 0 0 0;
     .margin: 0;
     color: #0067c6;
     }

.button:hover .left .right .submit {
     color: #c64243;
     }

.button.inactive .left .right .submit,
.button:hover.inactive .left .right .submit {
     color: #818181;
     }




.button .left  { background-image: url(/assets/button-white-left-8ee0217258ff08447eee5ceb3769eb42ebe86e25e2dffde7d77e544e3288b92f.png); }
.button .right { background-image: url(/assets/button-white-right-75b61781e71243b2fd294f2fb5afb3b82f4381310689caeb8d4a2d7f63b6fd16.png); }

.expander .button        { margin-left: 15px; }
.expander .button .left  { background-image: url(/assets/button-fafcfe-left-ba616f204541ac5b942b133558eb9b61d134ba47271e973e53d71b0084a7fa6b.png); }
.expander .button .right { background-image: url(/assets/button-fafcfe-right-aacf378e1e2c8aa9cc179a452c602a310d03af24b71d6f8b02b35d785064857f.png); }



/*  SEALS */


.seal  {
    float: right;
    width: 104px;
    height: 104px;
    margin: 0 0 15px 15px;
    }

.seal.introduced  {
    background: url(/assets/seal-introduced-d442d76eb707eca9c0c189afead022b16bd1e25e797ea7debd81b25e581d3bcc.png) no-repeat left top;
    _background: url(/assets/seal-introduced-ie-811361e606bd896717154ca014fa242240773c75596d29a215c973d3d3f32fa7.png) no-repeat left top;
    }

.seal.referred {
    background: url(/assets/seal-referred-621887fedce4a26868951d4c15a6995b93a87b4f4898e1928e8aa1643f513abf.png) no-repeat left top;
    _background: url(/assets/seal-referred-ie-3ed917b2d9384bdba215d6ed4d1db5120f21c267d883b294cf1f10ada4b21486.png) no-repeat left top;
    }

.seal.calendar  {
    background: url(/assets/seal-calendar-42c45bb836141b6d1cbdbb32d58ff28ce8492b2669f24d1644ee0035336253e3.png) no-repeat left top;
    _background: url(/assets/seal-calendar-ie-344ef1fd49455fc8d14ae54234377aa0e353d2c0a06ae6a193472d11a991baae.png) no-repeat left top;
    }

.seal.passed  {
    background: url(/assets/seal-passed-9e0ca3ab939a9e13cae8655a987e40cea4d1674922b514211d042696d4008739.png) no-repeat left top;
    _background: url(/assets/seal-passed-ie-e914687f81d2fd52ef43b8e7a51a199d4518a2a8ba98b67ec9097e2d89f749ae.png) no-repeat left top;
    }

.seal.failed  {
    background: url(/assets/seal-failed-53b735ee30d7b6d797150fe757a11b7c8db582f6c636a6875ed05be996ffedd9.png) no-repeat left top;
    _background: url(/assets/seal-failed-ie-7302e1ca81e269b9e894450bf17ba8f2d582e0adf8b751ed293a6b14634f7fc2.png) no-repeat left top;
    }

.seal.vetoed  {
    background: url(/assets/seal-vetoed-0e3bd23a2508be92b766c4e660e27c7a26642ae3ee673e9fd75b71971ac8127c.png) no-repeat left top;
    _background: url(/assets/seal-vetoed-ie-6c0d59665f91fc48a8bbc21d303fd9319a4b3a4879e8620f45923ea4f0e6658e.png) no-repeat left top;
    }

.seal.law  {
    background: url(/assets/seal-law-18a83b134f1bc10ffbb37b3a4044ad21f82f2658f0e32e9462f81986cfb582e4.png) no-repeat left top;
    _background: url(/assets/seal-law-ie-fd3ac1c312217f8cc026fd3392ed5ffd85d1b87a6bd7c7d214ed43856de4ec9f.png) no-repeat left top;
    }


/*  MAIL ELEMENTS */

/*  header */

#mail-header {
    border-bottom: 1px solid #d5dce2;
    padding-bottom: 10px;
    }

#mail-header table,
#mail-header th,
#mail-header td {
    }

#mail-header th,
#mail-header td {
    padding: 0 0 5px 0;
    line-height: 14px;
    vertical-align: top;
    }

#mail-header th {
    padding-right: 10px;
    width: 40px;
    }


#mail-header #mail-actions {
    float: right;
    width: 420px;
    }

#mail-header #mail-actions .button {
    width: 100px;
    float: left;
    margin-left: 5px;
    }




#mail-message {
    padding: 30px 20px;
    .padding: 20px;
    }





/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text

-------------------------------------------------------------- */


label       { font-weight: bold; }
fieldset    { margin: 0 0 15px 0; border: none; }
legend      { font-weight: bold; font-size:1.2em; }
input,
textarea,
select      { font-family: arial, helvetica, sanserif; }


/* Form fields
-------------------------------------------------------------- */


input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; padding:5px; }

input.checkbox { width: 20px; }



/* Success, notice and error boxes
-------------------------------------------------------------- */

.formfielderror  { color: #8a1f11; }


/* Select boxes
-------------------------------------------------------------- */

.pulldown {
    font-size: 10px;
    color: #818181;
    text-transform: uppercase;
    padding: 2px;
    }

#details .input,
#details textarea {
    width: 390px;
    background: url(/assets/id-bbc9d4d7647b07c8a08b03112bab85931baeb3c3b1495b5ad484ee3cca962e20.png) repeat-x left bottom;
    border: 1px solid #ccd7e2;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 14px;
    float: left;
    }

#details select.input{
  background: none;
}

#details fieldset.clearfix label {
    display: block;
    float: left;
    width: 100px;
    padding: 3px 10px 0 0;
    }

#details .wit {
    float: left;
    display: block;
    width: 17px;
    height: 17px;
    margin: 1px 0 0 10px;
    background: url(/assets/whatisthis-cefe62a7031cbec38a9cadd4e9c858c5c10cdd57f610742768a3649fb8368d1f.png)
    }

.datetime {
  font-size: 18px
}
div.discussion div{
  padding: 5px;
  clear: right;
}


div.discussion div.even{

}

div.discussion div.odd{
  background-color: #eee;
}

.column{
  float: left;
}

.vote{
/*   height: 160px; */
  padding: 10px 0 20px 0;
}

TR.ballot TD.preference{
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
}

TR.ballot TD.yes{
  background: #2789e4;
}

TR.ballot TD.no{
  background: #d13030;
}

TR.ballot TD.present{
  background: #00af1d;
}

TR.ballot TD.none{
  background: #7f7f7f;
}

.vote-status.withdrawn, .vote-status.terminated {
    background: #000000;
    color:      #ffffff;
    }

.vote-status.pending {
  background: #d7b100;
}

.vote-status.in_progress {
  background: #00af1d;
}

.vote-status.filibuster {
  background: #FA0;
}

#validation-box{
  display: none;
}

#referrals tbody td a, div.referrals tbody td a { font-weight: bold; }

#referrals tbody td, div.referrals tbody td { padding-left: 22px; }

#referrals tbody td.pending, div.referrals tbody td.pending {
    background: url(/assets/status-pending-5c7ef7fb3eeb0a6a53dcc4ea3132cb1db9dccee2993f37237256dd1564c8e642.png)  no-repeat left 8px;
    }

#referrals tbody td.hearing, div.referrals tbody td.hearing {
    background: url(/assets/status-hearing-e3560441a401737f041354c58e9a74875c494fdb0fe59b02679cab6ae5dbeed2.png)  no-repeat left 8px;
    }

#referrals tbody td.tabled, div.referrals tbody td.tabled {
    background: url(/assets/status-tabled-e5658daa46dcda017c7409140ed1995f01eda4708ca05d105795845819d740fb.png)  no-repeat left 8px;
    }

#referrals tbody td.reported, div.referrals tbody td.reported {
    background: url(/assets/status-reported-0ba59033f45a68bf496734c728f24d5cff6c5f6e24bad08f921d6d5ea3fe525e.png)  no-repeat left 8px;
    }

.button{
  margin: auto;
}

#mail-header #mail-actions {
  width: 210px;
}

.tool-box{
  border-bottom: 1px solid #d5dce2;
  padding-bottom: 10px;
}

.legislation{
/*   height: 160px; */
  padding: 10px 0 20px 0;
}

td.center{
  text-align: center;
}

.member-headshot{
  text-align: center;
  float: left;
  padding: 10px;
}

#tab-personal .survey-answer{
  text-align: center;
  font-weight: bold;
}

a.edit-content{
  display: block;
  text-align: right;
  padding-bottom: 5px;
}

#overview textarea {
    width: 320px;
    background: url(/assets/id-bbc9d4d7647b07c8a08b03112bab85931baeb3c3b1495b5ad484ee3cca962e20.png)  repeat-x left bottom;
    border: 1px solid #ccd7e2;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 14px;
    float: left;
    }

#overview fieldset.clearfix label {
    display: block;
    float: left;
    width: 100px;
    padding: 3px 10px 0 0;
    }

#overview .wit {
    float: left;
    display: block;
    width: 17px;
    height: 17px;
    margin: 1px 0 0 10px;
    background: url(/assets/whatisthis-cefe62a7031cbec38a9cadd4e9c858c5c10cdd57f610742768a3649fb8368d1f.png)
    }

.wide-form #details .tinymce {
  width: 580px;
}

.wide-form #details .advanced-tinymce {
  width: 580px;
}

input,
textarea {
  background: url(/assets/id-bbc9d4d7647b07c8a08b03112bab85931baeb3c3b1495b5ad484ee3cca962e20.png)  repeat-x left bottom;
}

input,
textarea,
select      {
  font-family: arial, helvetica, sanserif;
  border: 1px solid #ccd7e2;
}

.submit{
  cursor: pointer;
}

ul.checkbox{
  list-style: none;
  margin: 0 auto 10px auto;
}

pre.letter{
  color: #818181;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  white-space: pre-wrap;
}
pre {
    white-space: pre-wrap !important;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* Wide-Form Columns
-------------------------------------------------------------- */

.wide-form #overview {
   width: 200px;
   }

.wide-form #details {
   width: 700px;
   }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *











 *=

 */


@media only screen and (max-width: 480px) {

    /* Log in page, mobile view */
    .LogOnContent{
	width: 480px;
    }


    #loginheader, #loginnav{
	width: 480px;
    }

    .clearfix #loginheader{
	width: 480px;
    }

    #loginid{
	width: 442px;
    }

    #loginwrapper, #loginfooter{
	width: 480px;
    }

    #courseField{
	width: 440px;
    }

    #infoLink{
	display: none;
    }

    #chamber{
	display: none;
    }


    /* Application CSS bits*/
    #topmenu{
	display: none;
    }

    #body{
	width: 480px;
    }

    #nav{
	display: none;
    }

    #overview{
	display: none;
    }

    #details{
	width: 450px;
    }

    #wrapper{
	width: 480px;
    }

    #header{
	width:480px;
    }

    #id{
	display: none;
    }

    #footer{
	width: 450px;
    }

}
@media only screen and (min-width: 481px) {

    /* Log in page, Normal View*/
    #loginwrapper, #loginfooter{
	margin: auto;
	width: 958px;
    }

    #loginheader, #loginnav{
	width: 962px;
	margin: auto;
    }

    .LogOnContent{
	width: 420px;
	margin: auto;
    }

   .LogOnContent #courseField{
	width: 420px;
    }

    .LogOnContent #loginField{
	float: left;
	width: 210px;
    }

    .LogOnContent #passwordField{
	float: right;
	margin: auto;
    }

    .LogOnContent #infoLink{
	text-align: center;
    }

    .LogOnContent #newButton{
	width: 210px;
	margin: auto;
	float: left;
    }

    .LogOnContent #remindButton{
	width: 210px;
	margin: auto;
	float: right;
    }

}