/*********************************************************************************
 * Mass Leg Public. Stylesheet                                                   *
 * File Name: massleg.main.2.1.css                                               *
 * Date created: 5/27/2010                                                       *
 * The contents of this file may not be copied, duplicated, or redistributed     *
 * in any form without prior written consent.                                    *
 *********************************************************************************/

.debug { border: 1px solid red !important; display:block; }
.clearLeft {clear:left}

/* width and height styles (for easy form element manipulation) KM  */
.height25 { height: 25px !important; }
.height150 { height: 150px !important; }
.height160 { height: 160px !important; }
.height170 { height: 170px !important; }
.height180 { height: 180px !important; }
.height190 { height: 190px !important; }
.height200 { height: 200px !important; }
.height210 { height: 210px !important; }
.height215 { height: 215px !important; }
.height220 { height: 220px !important; }
.height230 { height: 230px !important; }
.height240 { height: 240px !important; }
.height250 { height: 250px !important; }

.widthAuto { width: auto !important; }
.width10 { width: 10px !important; }
.width20 { width: 20px !important; }
.width30 { width: 30px !important; }
.width40 { width: 40px !important; }
.width50 { width: 50px !important; }
.width55 { width: 55px !important; }
.width60 { width: 60px !important; }
.width70 { width: 70px !important; }
.width75 { width: 75px !important; }
.width80 { width: 80px !important; }
.width90 { width: 90px !important; }
.width100 { width: 100px !important; }
.width125 { width: 125px !important; }
.width150 { width: 150px !important; }
.width175 { width: 175px !important; }
.width200 { width: 200px !important; }
.width220 { width: 220px !important; }
.width225 { width: 225px !important; }
.width230 { width: 230px !important; }
.width250 { width: 250px !important; }
.width300 { width: 300px !important; }
.width325 { width: 325px !important; }
.width350 { width: 350px !important; }
.width400 { width: 400px !important; }
.width425 { width: 425px !important; }
.width450 { width: 450px !important; }
.width490 { width: 490px !important; }
.width500 { width: 500px !important; }
.width525 { width: 525px !important; }
.width600 { width: 600px !important; }
.width610 { width: 610px !important; }
.width675 { width: 675px !important; }
.width700 { width: 700px !important; }
.width705 { width: 720px !important; }
.width780 { width: 780px !important; }
.width800 { width: 800px !important; }
.width900 { width: 900px !important; }
.width925 { width: 925px !important; }
.width940 { width: 940px !important; }
.width950 { width: 950px !important; }

.width25percent { width: 25% !important; }
.width50percent { width: 50% !important; }
.width75percent { width: 75% !important; }
.width100percent { width: 100% !important; }


/* positioning styles (for easy form element manipulation)  */
.nopadding { padding: 0 !important; }

.nomargin { margin: 0 !important; }
.topmargin0 {margin-top: 0px !important; }
.topmargin2 {margin-top: 2px !important; }
.topmargin5 {margin-top: 5px !important; }
.topmargin10 {margin-top: 10px !important; }
.topmargin15 {margin-top: 15px !important; }
.topmargin20 {margin-top: 20px !important; }
.topmargin25 {margin-top: 25px !important; }
.topmargin30 {margin-top: 30px !important; }
.topmarginminus34 {margin-top: -34px !important; }

.bottommargin0 {margin-bottom: 0px !important; }
.bottommargin5 {margin-bottom: 5px !important; }
.bottommargin10 {margin-bottom: 10px !important; }
.bottommargin15 {margin-bottom: 15px !important; }
.bottommargin20 {margin-bottom: 20px !important; }

.leftmargin0 {margin-left: 0 !important; }
.leftmargin5 {margin-left: 5px !important; }
.leftmargin10 {margin-left: 10px !important; }
.leftmargin15 {margin-left: 15px !important; }
.leftmargin20 {margin-left: 20px !important; }
.leftmargin25 {margin-left: 25px !important; }
.leftmargin30 {margin-left: 30px !important; }
.leftmargin35 {margin-left: 35px !important; }
.leftmargin40 {margin-left: 40px !important; }
.leftmargin45 {margin-left: 45px !important; }
.leftmargin50 {margin-left: 50px !important; }
.leftmargin55 {margin-left: 55px !important; }
.leftmargin60 {margin-left: 60px !important; }
.leftmargin65 {margin-left: 65px !important; }
.leftmargin70 {margin-left: 70px !important; }
.leftmargin75 {margin-left: 75px !important; }
.leftmargin80 {margin-left: 80px !important; }
.leftmargin85 {margin-left: 85px !important; }
.leftmargin90 {margin-left: 90px !important; }
.leftmargin95 {margin-left: 95px !important; }
.leftmargin100 {margin-left: 100px !important; }
.leftmargin150 {margin-left: 150px !important; }
.leftmargin185 {margin-left: 185px !important; }
.leftmargin200 {margin-left: 200px !important; }

.rightmargin0 {margin-right: 0 !important; }
.rightmargin5 {margin-right: 5px !important; }
.rightmargin10 {margin-right: 10px !important; }
.rightmargin15 {margin-right: 15px !important; }
.rightmargin20 {margin-right: 20px !important; }
.rightmargin25 {margin-right: 25px !important; }
.rightmargin30 {margin-right: 30px !important; }
.rightmargin35 {margin-right: 35px !important; }
.rightmargin40 {margin-right: 40px !important; }
.rightmargin45 {margin-right: 45px !important; }
.rightmargin50 {margin-right: 50px !important; }
.rightmargin55 {margin-right: 55px !important; }
.rightmargin60 {margin-right: 60px !important; }
.rightmargin65 {margin-right: 65px !important; }
.rightmargin70 {margin-right: 70px !important; }
.rightmargin75 {margin-right: 75px !important; }
.rightmargin80 {margin-right: 80px !important; }
.rightmargin85 {margin-right: 85px !important; }
.rightmargin90 {margin-right: 90px !important; }
.rightmargin95 {margin-right: 95px !important; }
.rightmargin100 {margin-right: 100px !important; }

.push2 {position: relative; left: 2px; }
.push4 {position: relative; left: 4px; }
.push6 {position: relative; left: 6px; }
.push8 {position: relative; left: 8px; }

.up2 { position: relative; top: -2px; }
.up4 { position: relative; top: -4px; }
.down2 { position: relative; top: 2px; }
.down4 { position: relative; top: 4px; }
.down10 { position: relative; top: 10px }
.down20 { position: relative; top: 20px }

/* display styles (for easy swaping of display modes) */
.block { display:block; }
.inline { display:inline; }
.inline-block { display:inline-block; }
.hidden { display:none; }
.overflowAuto { overflow: auto; }

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    }
 
/* generic text decorative styles */
.bold { font-weight:bold; }
.centered { text-align:center; }
.strikeThroughRed
{
    color:#dd0000;
    text-decoration:line-through;
}

/*<agl.folder "Browser Hacks">*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 !important; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/*</agl.folder>*/

/*<agl.folder "Reset">*/
body, ul, li, ol, p, pre, img, h1, h2, h3, h4, h5, h6 { border: none; margin: 0; padding: 0; line-height: 16px }
ul { list-style-type: none; }
dt { font-weight:bold; }
dd { margin: 0 0 10px 0; }
caption { font-size: 14px; font-weight: bold; padding: 0 0 5px; }
.dataTable caption { font: bold 13px/1.5 Arial, Helvetica, sans-serif; color: #036; text-align: left; margin: 10px 0 0 15px;}
/*</agl.folder>*/


/*<agl.folder "Master Body Styles">*/
body { background: #f6d887 url(/Content/images/backgrounds/bg_siteBG_light.png) repeat; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; color: #444; font-size: 12px; line-height: 1.5;}
#Wrapper {  background: #cbae60; width: 994px; height: 100%; margin: 15px auto 0 auto; padding: 0; border: 3px solid #cbae60; border-bottom: 1px solid #cbae60; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;}
p { margin: 20px 0; padding: 0; line-height: 16px; }
.intro p { font: normal 12px/1.5 Arial, Helvetica, sans-serif; }
a:link { color: #06c; text-decoration: none; }
a:visited { color: #606; text-decoration: none; }
a:hover { color: #1b2758; text-decoration: underline; cursor: pointer;}
a:active { color: #c60; text-decoration: underline; }

.bg2766 .txt7403 a:link { color: #fff; font-weight: bold; text-decoration: underline;}
.bg2766 .txt7403 a:visited { color: #fff;  font-weight: bold; }
.bg2766 .txt7403 a:hover { color: #9fefff; text-decoration: none;}
.bg2766 .txt7403 .introText .searchFields a:link { color: #06c; }
.bg2766 .txt7403 .introText .searchFields a:visited { color: #606; }
.bg2766 .txt7403 .introText .searchFields a:hover { color: #1b2758; }


/* adding site-wide text styling - KM */
h1, .Columns h1 { font: normal 22px/1.2 Georgia, Times, serif, Helvetica, Arial; } /* remove the searchpage and searchResultsPage selectors after other pages have been fixed with proper h1 styling and the margins and paddings fixed */
.searchPage h2 { border-bottom: 1px solid #666666; font: 18px/1.2 Georgia,Times,serif,Helvetica,Arial; margin: 0 20px 10px 0; padding:0 0 3px; }

.smaller { font-size: 80%; }
.smaller80 { font-size: 80% }
.smaller60 { font-size: 60% }
.smaller40 { font-size: 20% }
.subTitleClickableFont { font-size: 11px}

/* end site-wide text styling */

/* Site-wide text enlargement for print pages (placed on body of print master) */
body.printable p
{
    font-size:16px; /* equivalent to 12 point type */
    line-height:1.4;
}

/*</agl.folder>*/

/*<agl.folder "Section Master">*/
.colmask { position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
           clear:both;
           float:left;
           width:100%;		/* width of whole page */
           overflow:hidden;	/* This chops off any overhanging divs */
           background: #fff url(/Content/images/backgrounds/bg_siteWideBg.png) -49px 0 repeat-y;
    }
.rightcontent {
       /* background:#333; */
    }
.rightcontent .colleft {
        float:left;
        width:100%;
        margin-left:0px;
        position:relative;
        right:203px;
        /* background:#fff; */
    }
.rightcontent .col1wrap {
        float:left;
        width:200px;
        position:relative;
        left: 0;
        border-right: 0px solid #cbae60;
        /* background: #4864ab; */
    }
.rightcontent .col1 {
        margin:0 0 0 0;
        background: #32487d url(/Content/Images/backgrounds/bg_leftNavBlueGrad.jpg) repeat-x 0 0;  min-height: 596px; height: auto !important; height: 596px; 
        overflow:hidden;
    }
.rightcontent .col2 {
        float:right;
        width:790px;
        position:relative;
        left:0px;
 }
/*</agl.folder>*/


/*<agl.folder "SkipNavigation">*/
#skipNavigation a, #skipNavigation a:hover, #skipNavigation a:visited { 
        position:absolute; 
        left:inherit;
        top:-500px; 
        width:1px; 
        height:1px; 
        overflow:hidden;
} 
#skipNavigation a:active, #skipNavigation a:focus {
        position:absolute;
        left:inherit;
        top:0px; 
        z-index:1000;
        width:auto; 
        height:auto; 
        overflow:visible;
        text-decoration: underline;
} 
a#mainContent { width:1%; height: 1%; }
/*</agl.folder>*/


/*<agl.folder "Header">*/
#Header { background: #1B2759 url(/Content/Images/backgrounds/bg_headerBlueGrad.jpg) repeat-y 0 0; width: 994px; height: 110px; -moz-border-radius:  4px 4px 0 0; 
          -webkit-border-radius: 4px 4px 0; position:relative; }
#logoImage { position: absolute; bottom: 0; left: 0; width: 227px; height: 96px; } 
#Header .headerText { position: absolute; top: 30px; left: 230px; font: normal 28px/1 Georgia, Times, Helvetica, Sans-Serif; color: #fff; font-variant: small-caps;}
#Header .headerText sup { font-size: 14px; padding: 0 2px; }
#Header .headerText .courtNumber { font-size: 24px; }
#Header .headerText .smaller {font-size: 60%; line-height: 100%; }
#Header .headerText strong { font-size: 32px; font-weight: normal }
#Header .headerText .titleFirstLine {position: absolute; top: 5px; font-size: 16px;}
#Header .headerText .titleFirstLine {position: relative;/*absolute;*/ display: block; top: 5px; font-size: 16px;}
#Header .headerText .titleSecondLine {display: block; position: relative; top: 4px;}
#Header .headerText .titleSecondLine span {display: inline; width: auto;}
#Header .headerText .titleSecondLine:first-letter,
#Header .headerText .titleSecondLine span:first-letter {font-size: 32px;}
#Header .homeLink:link, #Header .homeLink:visited, #Header .homeLink:hover, #Header .homeLink:active { position: absolute; top:0 ; left: 0; display: block; height: 110px; width: 820px; z-index: 1000; outline: none; color: #fff; text-decoration: none;}   

/*</agl.folder>*/

/*<agl.folder "Top Nav">*/
#TopNav { position: absolute; left: 830px; top: 25px;  }
#TopNav ul { margin: 0 0 5px 0; padding: 0; }
#TopNav ul li { color: #F6D887; float: left; margin: 10px 0 0; }
* html #TopNav ul li a { display: inline-block; }
#TopNav ul li a:link, #TopNav ul li a:visited { color: #F6D887; margin: 0; padding: 0 10px 0 0; text-decoration: none; }
div#TopNav ul li a:hover { color: #f6d887; text-decoration: underline }
/*</agl.folder>*/

/*<agl.folder "Main Nav">*/



#MainNav { width: 100%; margin: 3px 0; background: #cbae60; height: 30px; font-size: 13px; font-weight: bold; clear: both; position:relative; z-index: 1000;
/* MainNav element NEEDS the position:relative and z-index set high otherwise IE7 puts the dropdown behind other elements that later display on the page. */
}

.menuWrapper { background: #fbe3a0; height: 30px; margin:0 auto; padding:0; width: 994px; position: relative;} 

#MainNav a { text-decoration: none; }
#MainNav ul { list-style: none; } 

/*
NOTE: turned off to account for MyLegislature menu item (md)
#lawsMenu { width: 184px; }
#billsMenu { width: 76px;}
#budgetMenu { width: 134px;}
#peopleMenu { width: 92px;}
#committeesMenu { width: 125px;}
#engageMenu { width: 167px;}
#eventsMenu { width: 91px;}*/
#lastMenuItem { width: 124px; }  



/*  LEVEL ONE */
ul.dropdown { position: relative; z-index: 5000;}
ul.dropdown li { font-weight: bold; float: left; zoom: 1; }
ul.dropdown li a { padding: 7px 18px; display: block; } /* NOTE: padding changed from 24px to 22px to account for MyLeg (md) and then to 18px to fit reports*/
ul.dropdown li#lastMenuItem a { padding: 7px 18px;} /* NOTE: padding changed from 24px to 22px to account for MyLeg (md) and then to 18px to fit reports*/
ul.dropdown>li>a {border-left: 2px solid #fbe3a0;}
ul.dropdown>li>a:hover,
ul.dropdown>li>a:focus { border-left: 2px solid #cbae60; }
ul.dropdown>li a:link { color: #7e2117;}
ul.dropdown>li a:visited { color: #7e2117;}
ul.dropdown>li a:hover, 
ul.dropdown>li a:focus { color: #fbe635; background: #AA9955;}
ul.dropdown>li a:hover, ul.dropdown>li a:focus { color: #fbe635; background: #AA9955;}
ul.dropdown>li a:active { color: #fbe635; background: #AA9955; }

ul.dropdown>li.hover,
ul.dropdown li:hover,
ul.dropdown li:focus { position: relative; }
ul.dropdown>li.hover>a,
ul.dropdown>li:hover>a,
ul.dropdown>li:focus>a { background: #AA9955; color: #fbe635;}

ul.dropdown>li.hover>a:hover,
ul.dropdown>li:hover>a:hover,
ul.dropdown>li:hover>a:focus,
ul.dropdown>li:focus { background: #AA9955; color: #fbe635;}


/* LEVEL TWO  */
ul.dropdown ul {background-color:#AA9955; width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; right: 0;} /* NOTE: Added background-color to account for IE9 & IE8 Compatibility Mode issue - md */
ul.dropdown #lastMenuItem ul { left: -62%; } 
ul.dropdown ul li { font-weight: bold; background: #AA9955; color: #fbe635; border-bottom: 1px solid #cbae60; float: none; }
                                      
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; display: block; } 

/*  LEVEL THREE  */
ul.dropdown ul ul { left: 100%; top: -2px; border: 2px solid #cbae60; }
ul.dropdown li:hover > ul { visibility: visible; }
ul.dropdown li:focus > ul { visibility: hidden; }

ul.subMenu { border: 2px solid #cbae60; border-top: none; }
ul.subMenu li a:link, 
ul.subMenu li a:visited { color: #fff; }
ul.subMenu li.focus,
ul.subMenu li.hover {background: #fc0; color: #005daa; font-weight: bold;}
ul.subMenu li a:hover,
ul.subMenu li a:focus { background: #fc0; color: #005daa; font-weight: bold;}
ul.subMenu li:focus { background: #fc0; color: #005daa; font-weight: bold;}



.nextLevelArrow { background: url(/Content/Images/icons/ico_navBullet1.png) 170px 5px  no-repeat; }



/*</agl.folder>*/

/*<agl.folder "Breadcrumbs">*/
#Breadcrumbs { background: #5d7ac0; width: 994px; height: 30px; margin: 0 0 3px 0; color: #c4d4fa; clear: both; }
#Breadcrumbs .siteMapPath { float: left; margin: 0; padding: 6px 0 0 10px; }
#Breadcrumbs .siteMapPath li { background: url(/Content/Images/icons/ico_breadcrumb.png) no-repeat scroll right 1px transparent; display: block; float: left; padding: 0 21px 0 5px; }
#Breadcrumbs .siteMapPath li.last { background:none repeat scroll 0 0 transparent; }
#Breadcrumbs .siteMapPath a:link,
#Breadcrumbs .siteMapPath a:visited,
#Breadcrumbs .siteMapPath a:active { color: #EEEEEE; text-decoration: none; }
#Breadcrumbs .siteMapPath a:hover { text-decoration: underline; color: #fff; }
/*<agl.folder>*/

/*<agl.folder "Site/Sitemap">*/
#siteMap { width: 100%; padding: 0 0 20px 0; margin: 0 auto;}
#siteMap h2 { margin: 20px; }
#siteMap .sectionHeader { font: bold 14px Arial;  }
#siteMap .sectionHeader a:link,
#siteMap .sectionHeader a:visited { display: block; border: 1px solid #5E7AC1; width: 95%; background: #A5B9E7; color: #fff; padding: 5px 10px; margin: 10px auto 5px auto; }
#siteMap .sectionHeader a:active,
#siteMap .sectionHeader a:hover { color: #eee; background: #333; text-decoration: none;}
#siteMap ul.linkcol0 { margin: 10px 0 5px 40px; }
#siteMap ul.linkcol0 li { font: normal 13px Arial, Helvetica, Verdana; line-height: 200%;  list-style-type: square;}
#siteMap ul.linkcol0 ul li { font: normal 11px Verdana; list-style-type: disc; line-height: 150%; }
/*<agl.folder>*/

/*<agl.folder "Primary Content">*/
#PrimaryWrapper { background: #fff url(/Content/Images/backgrounds/bg_siteWideBg.png) -49px 0 repeat-y; width: 100%; height: 100%; padding: 0; margin: 0; }
#PrimaryWrapper.noBGimage { background-image: none !important; }
#SubWrapper { width: 90%; height: 100%; padding: 20px; margin: 20px; display: block; }
#left_column { float: left; width: 203px; border: 0px; margin: 0px; }
#right_column { float: left; width: 790px; border: 0px; margin: 0; padding: 0}
/*</agl.folder>*/

/* jQueryTools popup and tooltips styles - KM */

.tooltipTargetEnvelope { margin: 0; padding: 0; display: inline; width: 20px; height: 20px; position: relative;}
.tooltipTargetEnvelope input.helpIcon { border: 0; }


.tooltip {
    display:none;
    background:url(/Content/Images/backgrounds/bg_toolTipWhite_sm.png);
    width:270px;
    height:90px;
    padding:20px 15px 20px 20px;
    font-size:10px;
    color:#333;
    z-index: 2000;
    overflow: hidden;
}
.tooltip a {
    color:#005daa;
    font-size:11px;
    font-weight:bold;
}

.tooltip .toolTipContent { height: 75px; overflow: hidden; margin:0; padding: 0;}
.tooltip .toolTipTitle { font: bold 12px Arial, Helvetica, sans-serif; color: #000; margin: 0 0 3px 0;}
.tooltip p { margin: 0; padding: 0; line-height: 1.1;}
.tooltip .helpDeskIcon {float: left; width: 63px; height: 61px; margin: 0 10px 10px 0; }
.toolTip img { float: right; width: 31px; height: 29px; margin: 0 5px 5px 5px; }

    /* MyLeg Bill Alias Tooltip Styles - ks/md */
.aliasTooltip {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fffde5;
    border: 1px solid #c7c7c7;
    color: #333;
    display: none;
    font-size: 10px;
    height: 35px;
    outline: none;
    width: 510px;
    z-index: 2000;
    }
.aliasTooltip .pointer {
    background: url('/Content/Images/MyLeg/aliasTooltip_pointer.png') no-repeat 0 0;
    height: 8px;
    left: 10px;
    position: absolute;
    text-indent: -9999px;
    top: 35px;
    width: 11px;
    }
.aliasTooltip.aliasCentered .pointer {left:260px;}
.aliasTooltip.aliasRight .pointer {left:497px;}
.aliasTooltip .toolTipContent { 
    display: inline-block;
    float: left;
    height: 25px; 
    margin: 5px 5px;
    position: absolute;
    }
.aliasTooltip label {
    font-size: 12px;
    font-weight: bold;
    }
.aliasTooltip input#Alias {
    margin: 0 5px 0 0;
    padding: 2px;
    width: 360px;
    }
.aliasTooltip a {
    background-color: #22558f;
    border: 1px solid #aaa;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 2px 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -1px;
    width: auto;
    }
.aliasTooltip a.aliasRemove {
    background: url('/Content/Images/icons/ico_removeAlias.png') 49% 50% no-repeat #ababab;
    height: 15px;
    padding: 2px;
    text-indent: -9999px;
    width: 15px;
    }
.aliasTooltip a:hover {text-decoration: none;}
.aliasTooltip input.close[type="image"] {
    height: 20px;
    position: absolute;
    right: -9px;
    top: -9px;
    width: 20px;
    }
#followedBills th span,
.mlBillsTable th span {font-size: 10px; font-style: italic;}
.mlFollowBillTitle.alias {font-style: italic;} /* styling for td that contains alias text instead of bill title -- md */
    /* end - MyLeg Bill Alias Tooltip Styles */

.phototip {
    display: none;
    background:url(/Content/Images/backgrounds/bg_toolTipPhotoLtGray_sm.png);
    width:82px;
    height:80px;
    padding:18px 18px 18px 28px;
    font-size:10px;
    color:#333;
    z-index: 2000;
    overflow: hidden;
    text-align:center;
}
.phototipLarge {
    display: none;
    background:url(/Content/Images/backgrounds/bg_toolTipPhotoLtGray_lg.png);
    width:256px;
    height:191px;
    padding:30px 10px 0 30px;
    font-size:10px;
    color:#333;
    z-index: 2000;
    overflow: hidden;
    text-align:center;
}
.photoContainer { width: 69px; height: 80px; overflow: hidden; text-align: center; margin: 0 auto; padding: 0; border: 1px solid #fff; }
.photoContainerLarge { width: 200px; height: 150px; overflow: hidden; text-align: center; margin: 0 auto; padding: 0; border: 1px solid #fff; }
.phototip a {
    color:#005daa;
    font-size:11px;
    font-weight:bold;
}
.phototip img { text-align: center; }


.helpOverlayContent { background: #ffffef; margin: 15px; padding: 10px; height: 440px; width: 800px; border: 1px solid #eee; overflow: auto; }
.helpOverlayContent h2 { margin: 20px 0 20px 0; }
.helpOverlayContent h3 { margin: 15px 0 10px 0px; color: #37578b; }
.helpOverlayContent h4 { font: bold 14px/1.2 Arial, Helvetica, sans-serif; margin: 15px 0 10px 0px;  color: #37578b; }
.helpOverlayContent p { margin: 10px 0 5px 0px; padding: 0; }

.helpOverlayContent .helpDeskIcon { float: right;}
.helpOverlayContent ul { list-style: outside disc; font: normal 12px/1.2 Arial, Helvetica, sans-serif; margin: 0 0 0 20px; padding: 0;}
.helpOverlayContent ul li {  margin: 0 0 5px 20px ; }
.helpOverlayContent .kbd { font: normal 14px "Lucida Console", "Trebuchet MS", Verdana; color: #9F6500; }

/* help mods by CO */
.helpOverlayTitle { font: bold 18px/1.2 Arial, Helvetica, sans-serif; margin: 20px 0 20px 0; }
.overlayHelpSubtitle { font: bold 14px/1.2 Arial, Helvetica, sans-serif; margin: 15px 0 10px 0px; color: #37578b; }

/* end jQueryTools popup and tooltips styles - KM */

/* -- standard page styling based on generized billDetail page (converted to class) -- */
.baseLayout h1 span { display: block; margin: 5px 0 0; font-size: 11px;}
.baseLayout #Column1 { padding:20px; }
.baseLayout #Column2 { padding:0 20px; }
.baseLayout #Column3 { padding: 0 20px 20px 20px; }
.baseLayout #Column1 > div:first-child { background-color:#0D1746; min-height: 100px; height: auto !important; height: 100px; padding: 20px; }
.baseLayout .txt7403 a:link, #billDetail .txt7403 a:visited { color: #F4D686 !important; }
.baseLayout .txt7403 a:hover { text-decoration: underline; }


/* Icons  - KM */
.icon { height: 15px; width: 15px; background: transparent url(/Content/Images/icons/icons_uberSprite.png) 0 0 no-repeat; padding: 2px; display: inline;}

/* -- disabled for ADA -- .toggleSource { outline: none !important; } -- */
.Widget .WidgetOpener { font: bold 14px/20px Arial, Helvetica, sans-serif; color: #09f; margin: 0 0 5px 0; width: 100%; height: 20px;}
.WidgetOpener .icon { display: inline; float: left; margin-right: 5px; text-indent: -10000px; outline: none; vertical-align: middle;}

.Widget .WidgetOpener a:link, .Widget .WidgetOpener a:visited { color: #09f; text-decoration: none; width: 100%; height: 20px; display: block;}
.Widget .WidgetOpener a:hover { color: #fff; background: #2c488d; }
.Widget .WidgetOpener a:hover .icon {background-position: 0 -60px; }
.Widget .WidgetOpener a:active { color: #09f; }
.WidgetOpener .icon.OpenCloseTriangle.closedState { background-position: 0 -40px; }
.WidgetOpener .icon.OpenCloseTriangle.openState {  background-position: 0 -60px; }

.iconText { color: #09f; font: normal 11px/20px Arial, Helvetica, sans-serif; height: 25px; margin: 0; padding: 0; text-align: left; width: auto; }
.iconText .icon { display: inline; float: left; margin-right: 5px; text-indent: -10000px; outline: none; vertical-align: middle;}

.iconText.centered { line-height: 6px; text-align: center;}
.iconText.centered .icon {float: none; display: block; overflow: hidden; height: 16px; width: 20px; margin: 0 auto; text-indent: -10000px; outline: none; vertical-align: middle; }

.iconText a:link,
.iconText a:visited { color: #03c; text-decoration: none; width: 100%; height: 20px;}
.iconText a:hover { color: #09f; cursor: pointer;}
.iconText a:active { color: Red; }

.helpIcon:hover { cursor: pointer; }

.iconText .icon.HelpIcon { background-position: 0 0; }
.iconText .icon.CloseIcon { background-position: 0px -99px; }
.iconText .icon.SearchIcon { background-position: -20px 0; }
.iconText .icon.BackIcon { background-position: -20px -40px; }
.iconText .icon.ResetIcon { background-position: -20px -99px; }
.iconText .icon.PrintIcon { background-position: -40px 0px; }
.iconText .icon.PageIcon { background-position: 0px -180px; }
.iconText .icon.RightYellowTriangleIcon { background-position: 0px -200px; }
.iconText .icon.ListIcon { background-position: -240px -120px; }
.iconText .icon.VideoScheduledIcon { background-position: -200px -60px; width: 22px; }
.iconText .icon.VideoViewIcon { background-position: -200px -80px;  width: 22px; }
.iconText .icon.VideoLiveIcon  { background-position: -200px -100px;  width: 22px; }
.iconText .icon.VideoPlayIcon { background-position: -200px -140px;  width: 22px; }
.iconText .icon.PDFIcon { background-position: -20px -180px; }
.iconText .icon.FilterIcon { background-position: -140px -142px; }
.iconText .icon.FilterMoreIcon { background-position: -160px -142px; }


#homepageWrapper .iconText { font: normal 11px/20px Arial, Helvetica, sans-serif; color: #f7d885; text-transform: uppercase; height: 20px; }
#homepageWrapper .iconText.normal { text-transform: capitalize; }
#homepageWrapper .iconText a:link, #homepageWrapper .iconText a:visited { color: #f7d885; text-decoration: none; width: 100%; height: 20px;}
#homepageWrapper .iconText a:hover { color: #f8f8f8; }
#homepageWrapper .iconText a:active { color: Red; }

#homepageWrapper #homeVideoButton { padding: 0; width: 187px; height: 25px; margin: 10px auto 0;}
#homepageWrapper #homeVideoButton a:link, #homepageWrapper #homeVideoButton a:visited {padding: 3px 8px; display: block; background: #9f914f; font: bold 16px/20px Arial, Helvetica, sans-serif; text-transform: none; text-decoration: none; color: #ffd100; width: 170px; border: 1px solid #fff;}
#homepageWrapper #homeVideoButton a:hover, 
#homepageWrapper #homeVideoButton a:focus { background: #ffd100; color: #b24055;}
#homepageWrapper #homeVideoButton .icon.VideoLiveIcon  { background-position: -196px -100px;  width: 22px; height: 15px; padding: 3px; background-color: #000; margin-right: 10px;}
#homepageWrapper #homeVideoButton .icon.VideoViewIcon  { background-position: -196px -80px;  width: 22px; height: 15px; padding: 3px; background-color: #000; margin-right: 10px;}

#searchFilter .iconText a:hover .icon.CheckboxIcon { background-position: 0px -142px; }
#searchFilter .iconText.selected a:link,
#searchFilter .iconText.selected a:visited,
#searchFilter .iconText.selected a:active  { font-weight: bold; }
#searchFilter .iconText.selected a:hover .icon.CheckboxIcon { background-position: -20px -142px !important; }

#searchFilter .iconText.disabled a:link,
#searchFilter .iconText.disabled a:visited,
#searchFilter .iconText.disabled a:active  { font-weight: bold; color: #666; cursor: default; }
#searchFilter .iconText.disabled a:hover .icon.CheckboxIcon { background-position: -40px -122px !important; }

#searchFilter .iconText.selectedAndDisabled a:link,
#searchFilter .iconText.selectedAndDisabled a:visited,
#searchFilter .iconText.selectedAndDisabled a:active  { font-weight: bold; color: #666; cursor: default; }
#searchFilter .iconText.selectedAndDisabled a:hover .icon.CheckboxIcon { background-position: -20px -122px !important; }

#searchFilter .iconText .icon.CheckboxIcon { background-position: 0px -122px; }
#searchFilter .iconText.selected .icon.CheckboxIcon { background-position: -20px -142px; }
#searchFilter .iconText.disabled .icon.CheckboxIcon { background-position: -40px -122px; }
#searchFilter .iconText.selectedAndDisabled .icon.CheckboxIcon { background-position: -20px -122px; }

#searchFilter .iconText .icon.FilterIcon { background-position: -140px -142px; width: 20px; height: 20px; }
#searchFilter .iconText .icon.FilterMoreIcon { background-position: -160px -142px; width: 20px; height: 20px; }

/* buttons - KM */

.searchButtonArea { position: relative; top: 15px; left: 20px; }
.searchButtonArea input.button { background: transparent url(/Content/Images/buttons/btn_uberSprite.png) 0 0 no-repeat; width: 150px; height:25px; border: none; margin: 5px; font: bold 13px/20px Arial, Helvetica, sans-serif; color: #ffffff;}
.searchButtonArea input.button:hover { cursor: pointer; background-position: 0 -50px; color: #fff;}
p.moreDataButton { float: left; width: 150px; margin: 5px;}
p.moreDataButton a:link, p.moreDataButton a:visited { background: transparent url(/Content/Images/buttons/btn_uberSprite.png) 0 0 no-repeat; display: block; width: 150px; height:25px; border: none;  font: bold 13px/25px Arial, Helvetica, sans-serif; color: #eee; }
p.moreDataButton a:hover { cursor: pointer; background-position: 0 -50px; color: #fff; text-decoration: none;}


.tooltip input.close[type="image"]
{
    bottom: 31px;
    position: absolute;
    right: 17px;
}

/*<agl.folder "Widgets">*/

/*  uncomment this following line when we're really sure that the .Columns class is ready for a min-height across the site - KM  

.Columns { min-height: 596px; height: auto !important; height: 596px; background: #fff;}
*/

.Columns.searchPage,
.Columns.searchResultsPage,
.Columns.textPage,
.Columns.memberPg,
.Columns.peopleBioPage,
.Columns.contentPage,
.Columns.committeeListPage,
.Columns.committeeMembers,
.Columns.committeeDetailPage,
.Columns.districtHome,
.Columns.districtLaw,
.Columns.districtSearch,
.Columns.districtResults,
.Columns.districtLaws,
.Columns.districtDetail,
.Columns.constitutionPage,
.Columns.lawsPage,
.Columns.whatsNewPage,
.Columns.helpPage,
.Columns.eventDetail,
.Columns.educateAndEngage,
.Columns.engageEvents,
.Columns.directionsPage,
#redistContact,
#redistrictMaps,
#faq,
#redistHearings,
#redistGlossary,
#redistSummary,
#redistCourtCases,
#glossary,
#usCensusData,
#legislatorSearchPage,
#budgetProcess,
#engageContact,
#drawDistrict { min-height: 596px; height: auto !important; height: 596px; background: #fff; padding: 20px; }
.Columns.landingPage { background: #fff; padding: 0px; }
.Columns .Column { float: left; padding-bottom: 8px;}
.Columns #Column1 .Widget { margin: 0 inherit 20px inherit; padding: 0; }
.Columns #Column2 .Widget { margin: 0 inherit 20px inherit; padding: 0;}
.Columns #Column3 .Widget { clear: left;}

.Columns.landingPage #Column1 .widgetContent { padding-bottom: 40px; }
.Columns.landingPage #Column1 .caption { margin: 10px 0 0 0 ; font: normal 11px/1.2 Arial, Helvetica, sans-serif; color: #fff;}

#featuredListArea { margin: 10px 0 0 20px; }
.Columns #featuredListArea .widgetContent { padding: 10px 20px 20px 20px; }
.Columns.landingPage #featuredListArea ul { width: 100%; overflow: hidden; margin: 0; list-style: none; }
.Columns.landingPage #featuredListArea ul li { width: 100%; overflow: hidden; margin: 5px 0;}
.Columns.landingPage #featuredListArea ul li a:link,
.Columns.landingPage #featuredListArea ul li a:visited { display: block; width: 100%; height: 100%; padding: 2px 0 2px 15px; background: transparent url(/Content/Images/icons/ico_navBullet4.png) -5px 0 no-repeat; }
.Columns.landingPage #featuredListArea ul li a:hover { display: block; width: 100%; height: 100%; padding: 2px 0 2px 15px; background: transparent url(/Content/Images/icons/ico_navBullet2.png) -5px 0 no-repeat; }

.Columns .longTextContent { font: normal 14px/2 Verdana, Arial, sans-serif; padding: 20px 30px; }
.Columns .longTextContent p { line-height: 2; }
.Columns #tableOfContents { margin: 0 0 20px 0; }

.constitutionPage #tableOfContents #TOC_body { background: #f8f8f8; border: 1px solid #eee;}
#TOC_body .TOC_Level1 { font-size: 14px; font-weight: bold; margin: 20px 0 10px 0;}
.constitutionPage #tableOfContents ul li { margin: 0 0 5px 0; }
.constitutionPage .topLink:link,
.constitutionPage .topLink:visited { background: #cfeeff; color: #005daa; width: 100px; height: 25px; margin: 5px 0; padding: 5px; font: bold 10px/1 Arial, Helvetica, sans-serif;  text-transform: uppercase; }
.constitutionPage .topLink:hover {  color: #fff; background: #005daa; text-decoration: none;}

#billSearch .Widget,
#lawSearch .Widget,
#eventList .Widget,
.contentPage .Widget,
#tableOfContents { border: 1px solid #eee; padding: 10px; background-color: #f2fbfc; }

#billSearch .searchOptions,
#lawSearch .searchOptions,
#lawSearch #Column1 .searchOptions,
#eventList .searchOptions,
.contentPage .searchOptions { padding: 5px; }

#billSearch .fieldGroup { width:auto; }
.fieldSet.billNumField .field-validation-error
{
    left: 110px;
    margin: 0;
    top: 20px !important;
    width: 100%;
}


/*-- Candidate for genericization CO --*/ 
#billTextView .Widget { width: 800px; margin: 0 auto;}

.Columns .Widget h3 { font: bold 14px/14px Verdana, Arial, sans-serif;}
.Columns .Widget h3 .sectionHighlight { color: #2c478c; }
.Columns .Widget .widgetHead { font: bold 14px/1.5 Arial, Helvetica, sans-serif; color: #1B2758; overflow: hidden;  height: 25px; border-bottom: 1px solid #2c488d; padding: 0 0 0 20px; }
.Columns.landingPage .Widget .widgetHead h2 { font: bold 14px/1.5 Arial, Helvetica, sans-serif; color: #1B2758; overflow: hidden;  height: 25px; border-bottom: 1px solid #2c488d; padding: 0; }
.Columns .Widget .widgetHead h3 { font: bold 14px/14px Verdana, Arial, sans-serif; color: #333; padding: 4px 5px; font-size: 12px; float: left; }
.Columns .Widget.cswhiteBlue .widgetHead h3 { color: #fff; }
.Columns .Widget .widgetHead h4 { width: 100%; padding: 4px 5px; font-size: 12px; float: left; }
.Columns .Widget .widgetContent { width: auto; padding: 20px; display: inline-block; }

.Columns .Widget .widgetContent.searchBox {margin: 0 auto; padding: 10px;}
.Columns .Widget .widgetContent.legislatorGallery { width: auto; padding: 0 0 0 0; display: block; width: 690px; }
.Columns .Widget .widgetContent table td { vertical-align: top; }
.Columns .Widget .widgetContent table td.label { text-align: left; }
.Columns .Widget .widgetContent a:link,
.Columns .Widget .widgetContent a:active,
.Columns .Widget .widgetContent a:visited {  text-decoration: none; }
.Columns .Widget .widgetContent a:hover {  cursor:pointer; text-decoration: underline; }
.Columns .Widget .widgetContent .bioDescription h3 a:link,
.Columns .Widget .widgetContent .bioDescription h3 a:visited,
.Columns .Widget .widgetContent .bioDescription h3 a:hover,
.Columns .Widget .widgetContent .bioDescription h3 a:active { color: #fff; font-size: 14px; text-decoration: underline; }
.Columns .Widget .widgetContent h4 { padding: 4px 5px; font-size: 11px; }
.widgetContent .label { font-weight: bold; text-align: right; }
.widgetContent ul { margin: 0 0 0 20px; padding: 0; }
.widgetContent ul li { list-style-type: disc; padding: 0; line-height: 16px; }
.widgetContent ul.link { margin: 0; padding: 0; }
.widgetContent ul.link li { margin: 0; padding: 0; list-style: none; display: block }
.widgetContent ul.link li a,
.widgetContent ul.link li a:visited,
.widgetContent ul.link li a:active { margin: 0; padding: 0; text-decoration: none; }
.widgetContent ul.link li a:hover { margin: 0; padding: 0; text-decoration: underline; }
#quickClick { width: auto; margin: 10px 0; padding: 0; }
#quickClick ul { margin: 0; padding: 0; }
#quickClick ul li { margin: 0 auto; padding: 0 5px 0 5px; list-style-type: none; float: left; }
/*</agl.folder>*/

/*<agl.folder "Widget Container Types">*/
.Columns .Widget .iconSet { width: 100%; height: 98px; margin: 0; padding: 0; }
.Columns .Widget .iconSet .icon { float: left; width: 118px; height: 95px; margin: 2px 10px 2px 2px; padding: 0; }
.Columns .Widget .iconSet .iconDescription { display: block; position: relative; top: 12px; margin: 0 10x 0 0; }
.Columns .Widget .iconSet .iconDescription div { margin: 0 0 20px 0; }
/*</agl.folder>*/

/* --- ProfileBio styles --- */
    /* MyLeg classes added to avoid style duplication in MyLeg Dashboard - md */
#bioQuickInfo {  margin: 0 0 40px 0; padding: 0;}

.peopleBioPage h1 { margin: 0; }
.peopleBioPage h1 .legislatorTitle { display: block; font: bold 12px/1.2 Arial, Helvetica, sans-serif; color: #333; margin: 0 0 5px 0; }
.mlLegislator h5,
.peopleBioPage h2 {
    font: bold 12px/20px Arial, Helvetica, sans-serif; width: auto;
    height: 20px; padding: 2px 5px; margin: 20px 0 10px 0; background: #e3eff0; color: #222;}
.peopleBioPage .tabScrollArea h2 { width: 700px; }
.peopleBioPage .bioHeaderInfo { margin: 0 0 20px 0; }
.mlLegislator .legislatorDistrict .legislatorAffiliation,
.peopleBioPage .legislatorDistrict .legislatorAffiliation { font: normal 12px/1.2 Arial, Helvetica, sans-serif; color: #333; padding: 0; }
.peopleBioPage .legislatorDistrict .legislatorHometown { font: normal 12px/1.2 Arial, Helvetica, sans-serif; color: #333; padding: 0 0 0 5px; }

.mlLegislator .bioPicContainer,
.peopleBioPage .bioPicContainer,
#legLeadership .bioPicContainer { width: 116px; height: 153px; border: 1px solid #ddd; float: left; margin:0 20px 20px 0; padding: 10px; overflow: hidden; }
.mlLegislator .bioPicContainer img,
.peopleBioPage .bioPicContainer img,
#legLeadership .bioPicContainer img { width: 116px; height: 153px; text-align: center; vertical-align: top; margin: 0 auto; } /* there should be math in the dotNet logic to resize bio page images, but this is a failsafe to prevent the page from breaking if the bio image is too wide */
.mlLegislator .legislatorContactInfo,
.peopleBioPage .legislatorContactInfo { float: left; margin: 0; padding: 0; width:590px; }
.mlLegislator dl.address,
.peopleBioPage dl.address { font: normal 12px/1.5 Arial, Helvetica, sans-serif; margin: 5px 20px 0 15px; padding: 0; width: 250px; float: left }
.mlLegislator .address dt,
.peopleBioPage .address dt {font-size: 14px; color: #333; margin: 0 0 5px 0;}
.mlLegislator .address dd,
.peopleBioPage .address dd { list-style-type: none; margin: 0; padding: 0; } 
.mlLegislator .address dd .ddLabel,
.peopleBioPage .address dd .ddLabel { font-weight: bold; float: left; width: 50px; margin: 0 5px 0 0; }
.mlLegislator .address dd a:link,
.mlLegislator .address dd a:visited,
.mlLegislator .address dd a:active,
.peopleBioPage .address dd a:link,
.peopleBioPage .address dd a:visited,
.peopleBioPage .address dd a:active  { text-decoration: underline; }

.peopleBioPage #legislatorCommittees { clear: both;  margin: 10px 0 0; }
.peopleBioPage ul { margin: 10px 0 0 20px; padding: 0 0 0 0px; list-style: disc; font-size: 18px; color: #333;}
.peopleBioPage ul li {font: normal 12px/1.5 Arial, Helvetica, sans-serif; margin: 0 0 5px 0; }

.peopleBioPage #legislatorCommittees ul { margin: 0 0 0 30px; }

.peopleBioPage .dataTable { border: none; width: 700px; margin: 20px 0 0 0}
.peopleBioPage .dataTable tr th { border-bottom: 2px solid #ccc; background: transparent; color: #666;}
.peopleBioPage .dataTable tr td { border-bottom: 1px solid #eee; padding: 3px 0; vertical-align: top;}
.peopleBioPage .dataTable caption { font: bold 13px/1.5 Arial, Helvetica, sans-serif; color: #333; text-align: left; margin: 20px 0 0px 0;}
.peopleBioPage td.profileBillNum { font: bold 12px/1.5 Verdana, Arial, Helvetica, sans-serif; }

.peopleBioPage .Column { width: 680px; float: none; }
.peopleBioPage .galleryThumbnailContainer { width: 700px; margin: 0; }
.peopleBioPage .galleryThumbnails { margin: 20px auto; list-style: none;}
.peopleBioPage .galleryThumbnails li { width: 180px; height: 138px; border: 1px solid #ccc; background: #eee; padding: 20px 0 0 0; margin: 10px 30px 20px 20px; float: left; text-align: center;}
.peopleBioPage .galleryThumbnails li .thumbNail { min-height: 78px; }
.peopleBioPage .galleryThumbnails li img { border-right: 2px solid #999; border-bottom: 2px solid #999; border-left: 2px solid #666; border-top: 2px solid #666;}
.peopleBioPage .galleryThumbnails li .caption { width: 160px; min-height: 35px; height: auto !important; height: 35px; text-align: left; font: 12px normal Verdana, Arial, Helvetica, sans-serif; margin: 15px 0 0 0; background: #cadef0; padding: 5px 10px;}
.peopleBioPage #map_canvas {  border: 1px solid #000000; height: 390px; margin: 10px 0 0 0;}


/* ---/ProfileBio styles --- */

/* --- ProfileBio Bill List Styles */
#bills table.baseTable
{
    background-color: #FFFFFF;
    margin: 5px 0 10px 5px;
    width: auto;
}

.baseTable td,
.baseTable th
{
    border-bottom:1px solid #314D91;   
}
.profileBillNum
{
    width:80px;
}
.profileBillDocket
{
    width:80px;
}
.profileBillTitle
{
    text-align:left!important;
    width:455px;
}
/* ---/ProfileBio Bill List Styles */
/*<agl.folder "Widget Head Color Scheme">*/
.whstripped { background: url(/Content/Images/backgrounds/bg_strippedBox.jpg) !important; background-repeat: repeat-x; border-bottom: 1px solid #fff !important;  } 
.whstripped h2 { color: #1b2758; padding: 5px 5px; font-size: 12px; float: left; }
.whLightBlue { background: #3f5ca5 !important; }
.whLightBlue h2 { padding: 5px 5px; font-size: 12px; float: left; background: #3f5ca5 !important;  color: #fbf92d;}
.whMedBlue { background-color: #5e7ac1; border-color: #2c488d; border-bottom-style: solid; border-bottom-width: none none solid none; }
.whMedBlue h2 { padding: 5px 5px; font-size: 12px; float: left; color: #fff; }
.whBlueBlue { background-color: #7d99de !important; }
.whBlueBlue h2 { color: #1b2758; padding: 5px 5px; font-size: 12px; float: left; }
.whDarkBlue { background-color: #1b2758 !important; }
.whDarkBlue h2 { padding: 5px; font-size: 12px; float: left; color: #f4d686;}
.whDarkBlueBright { background: #0d1746 !important; color: #f4d686 !important; font-size: 14px !important;
                    font-family: Times New Roman; border: 2px solid #5e7ac1; min-height: 50px; height: auto !important; height: 50px; vertical-align: middle; text-align: center;}
#leaderShip .widgetHead.whDarkBlueBright td { vertical-align: middle; min-height: 50px; height: auto !important; height: 50px; padding: 10px 0; position: relative; }
#leaderShip .widgetHead.whDarkBlueBright td h2 a,
#leaderShip .widgetHead.whDarkBlueBright td h2 a:visited,
#leaderShip .widgetHead.whDarkBlueBright td h2 a:active { color: #f4d686 !important; text-decoration: none; width: 150px; padding: 2px 0 2px 0; position: relative; display: block }
#leaderShip .widgetHead.whDarkBlueBright td h2 a.selected { background: url(/Content/Images/icons/ico_pointerRight.png) no-repeat 12px 0;}
#leaderShip .leaderContent .bioDescription h3 { font: bold 12px Verdana, Aria, Helvetica; color: #f4d686; margin: 10px; /* width: 200px; */ }
#leaderShip .leaderContent .bioDescription h3 a.link,
#leaderShip .leaderContent .bioDescription h3 a.visited,
#leaderShip .leaderContent .bioDescription h3 a.hover,
#leaderShip .leaderContent .bioDescription h3 a.active { color: #f4d686;}
#leaderShip .bioPicContainer { margin: 0 10px 10px; }
.legLeadership h1 { left: 175px; position: relative; width: 380px; z-index: 99; }

/* New Leadership Page Styles (MD) */
#legLeadership {margin:10px;}
#senateContainer {float:left;}
#senateContainer, #houseContainer {
    display: inline-block; 
    margin: 10px 20px 10px 10px; 
    width: 350px;
    vertical-align: top;
    }
.topLeader {border-bottom: 2px solid #2c488d; height: 425px; margin-top: 10px;}
#legLeadership .topLeader .bioPicContainer {margin-right: 15px;}
.topLeader img {float: left; width: 100%;}
.topLeader span {display: block;}
#legLeadership .blockLink .legislatorSearchPhoto {margin-right:15px;}
#legLeadership .blockLink .legislatorName {font-family: Arial,Helvetica,sans-serif; margin-bottom: 0;}
#legLeadership .leadershipRole {
    color: #333; 
    display: block;
    font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    }
#legLeadership .legislatorOtherInfo em {color: #666; font-weight: normal;}
#legLeadership .vacant {display: block; padding: 10px 5px; background-color: #fff; height:100%;}
.singleBranch #senateContainer, .singleBranch #houseContainer {width: 100%;}
.singleBranch .topLeader {border-bottom: none; display:inline; float:left; width: 350px;}
.singleBranch .otherLeaders {float: left; margin-left: 20px; width: 350px;}

/*</agl.folder>*/

/*<agl.folder "Widget Content Scheme">*/
.cswhite { background-color: #fff; color: #1b2758; border: 2px solid #fff;}
.csblueLight { background-color: #c4d4fa !important; color: #1b2758 !important; border: 1px solid #2c488d; }
.csblueBright { background-color: #cad9fd !important; color: #1b2758 !important; border: 1px solid #6c87c9; }
.cswhiteBright { background:url(/Content/Images/spacers/whiteAlpha60.png); color: #1b2758 !important; border: 1px solid #6c87c9; }
.csYellow { background-color: #f7ecd4 !important; color: #1b2758 !important; border: 1px solid #6c87c9; }
.cswhiteBlue { background-color: #fff; border: 1px solid #627dc3;}
.csblueDark { background-color: #3f5ca5 !important; color: #1b2758 !important; }
.cswidgetSpecial { background: #f5f5f7 url(/Content/Images/widget/backgrounds/bg_widgetSpecial.jpg) repeat-x top left; }
.cswidgetSpecialDark { background: #5777c2 url(/Content/Images/backgrounds/homePage/bg_Gradient_1.png) repeat-x top left; }
.cswidgetYellow { background: #ffe7a5; border: 1px solid #314d91 }
.csNoBG { background: transparent; border: none; }
.csBeige { background: #f7f7ef; border: 0px solid #dee; }
/* .csBeige { background: #efede0; border: 1px solid #dee; } */

/*</agl.folder">*/

/*<agl.folder "Content Panels">*/
.quickSearchPanel {background: #F7F7EF; border: 1px solid #dee; width: 334px; margin: 0 0 20px 0;padding: 10px 5px; display: inline; overflow: auto;}
#actsList { float: left; min-height: 120px; height: auto !important; height: 120px;}
#resolvesList {float: right;  min-height: 120px; height: auto !important; height: 120px; }
.quickSearchPanel h4 { font: bold 14px/1.5 Arial, Helvetica, Verdana; border-bottom: 2px solid #999; margin: 0 0 15px 0; color: #aaa;}
.quickSearchPanel ul { list-style-type: none; }
.quickSearchPanel li { display: inline; margin: 0 10px 20px 15px; font: normal 14px/28px Arial, Helvetica, sans-serif;}
.quickSearchPanel li a:link { color: #314b8b; }
.quickSearchPanel li a:hover { background: #ffc; }
.quickSearchPanel li a:visited { color: #666; }
.quickSearchPanel li a:active { color: Red; }

/*</agl.folder">*/

/*<agl.folder "Heading Styles">*/
/* --h1 { font-size: 14px; margin:0 0 15px; } */
h3.pageTitle { padding: 20px; margin: 0px; font-size: 14px; }
/*</agl.folder>*/

/*<agl.folder "Font Colors">*/
.txtwht { color: #fff; }
.txt7403 { color: #f4d686 !important;}
.txt2766 { color: #1b2758; }
.txt7455 { color: #3f5ca5; }
.txtyellow {color: #f7d885; }
.important_text { outline-style: inherit; outline-color: #000066; outline-width: 1px; }
/*</agl.folder>*/

/*<agl.folder "Text Alignment">*/
.txtlft { text-align: left; }
.txtctr { text-align: center }
.txtrgt { text-align: right; }
/*</agl.folder>*/

/*<agl.folder "Background Colors">*/
.bgwht { background-color: #ffffff !important; }
.bg7455 { background-color: #3f5ca5 !important; }
.bg2717 { background-color: #b5c8f5 !important; }
.bg2707 { background: #cad9fd !important; }
.bg2766 { background-color: #1b2758 !important; }
.bg7456 { background: #5777c2 !important; }
.bg2708 { background-color: #c4d4f8 !important; }
.bg123 { background-color: #fdc52f; }
.bg3463bb { background-color: #3463bb; }
/*</agl.folder>*/

/*<agl.folder "background Images">*/
.dropShadowTop { background: #b5c8f5 url(/Content/Images/backgrounds/bg_dropShadowOnWhite.jpg) repeat-x 0 0px; width: 100%; height: 18px; }
.dropShadowOnWhite { background: #fff url(/Content/Images/backgrounds/bg_dropShadowOnWhite.jpg) repeat-x 0 0px; width: 100%; padding: 20px 0 10px 0; } 
.dropShadowLeft { background: url(/Content/Images/shadows/shdw_left.png) repeat-y top left; }
.billsWaterMark { background: url(/Content/Images/billsLaws/backgrounds/img_BLWTR2010_lt.png) no-repeat top right; }
.committeeWaterMarkLarge{ background: url(/Content/Images/backgrounds/Committees/bg_committeeWaterMarkLG.jpg) no-repeat top right; }
.eventWaterMarkLarge { background: transparent url(/Content/Images/events/img_eventMarkLarge.png) no-repeat top right; position: absolute; right: 100px; width: 232px; height: 227px; }
.educateWaterMarkLarge { background: url(/Content/Images/Educate/backgrounds/img_engageWaterMarkLarge.png) no-repeat 570px 20px}
.peopleWaterMarkMed { /* background: transparent url(/Content/Images/People/watermarks/bg_peopleWaterMarkMed.png) no-repeat top right; */ }
.maBudgetWaterMarkLarge { background: transparent url(/Content/Images/mabudget/backgrounds/img_budgetWaterMark.png) no-repeat top right;}
.specialDark { background: #5777c2 url(/Content/Images/backgrounds/homePage/bg_Gradient_1.png)repeat-y; }
.strippedBox { background: url(/Content/Images/backgrounds/bg_strippedBox.jpg) repeat-x top left; }

/*<HAIBAL> */
.txt7403 p {font-size: 13px;}
.scrollContainer ol li {font-size: 14px;}
.stepHeader {height: auto; width: 750px; margin: 0px 20px 0 20px;}
.stepHeader h1 {padding: 15px; vertical-align: middle; line-height: 115%; margin:0 0 0 0; text-align: center;}
.stepHeader h1 span { font: bold 22px Arial, Helvetica, Verdana, sans-serif; color: #eee; text-transform: uppercase; margin-right: 20px;}
.stepText {
    background-color: #fff;
    border: 5px solid #f4d686;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.7);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.7);
    box-shadow: 1px 1px 3px rgba(0,0,0, 0.7);
    float: left;
    font-size: 14px;
    margin-top: 50px;
    padding: 15px; 
    width: 300px;
    }
.stepImage {float:left;}
.stepImage img {margin: 40px 0 0 80px;}
.stepNav {padding: 0 0 0 20px;}
/*</HAIBAL> */

.specialGrad { float: left; width: 790px; display: block; background: url('/Content/Images/backgrounds/bg_specialWrapperMid.jpg') repeat-y top left; margin: 0 0 0 0px; padding: 0px;  }
.gradient_blueWhite { background: url(/Content/Images/widget/backgrounds/bg_widgetSpecial.jpg) repeat-x; }
.shadowLft { background: #1b2758 url(/Content/Images/shadows/shdw_left.png) repeat-y; }
/*</agl.folder>*/


/*<agl.folder "Gradients">*/
.css-grd {  /* default background colour, for all layout engines that don't implement gradients */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b2758', endColorstr='#5776c2');
            background: #5776c2;
            /* gecko based browsers */
            background: -moz-linear-gradient(top, #1b2758, #5776c2);
            /* webkit based browsers */
            background: -webkit-gradient(linear, left top, left bottom, from(#1b2758), to(#5776c2));
            height: auto; /* gradient uses the full height of the element */
            padding: 0; /* distance from border edge to text */
}
/*</agl.folder>*/

/*<agl.folder "Buttons">*/
.contentButton { width: 228px; height: 80px; margin: 0 10px 0 0; padding: 0; float: left; display: block; position: relative; white-space: normal; background: #003; }
.contentButton a:link, .contentButton a:visited { display:block; height:auto; min-height: 68px; height: auto !important; height: 68px; margin: 0; padding: 5px 10px; color: #ffc !important; background: transparent url(/Content/Images/backgrounds/homePage/bg_homeLegNavBG.png) 100% 100% no-repeat; border: 2px solid #005daa; }
.contentButton a:hover { background: #fbe3a0 url(/Content/Images/backgrounds/homePage/bg_homeLegNavBG.png) 100% 0% no-repeat; text-decoration: none !important; color: #7E2117 !important; border: 2px solid #005daa;}
.contentButton .waterMark { height: 70px; width: 65px; position: relative; left: 0; top: 0; float: left; } 
.contentButton span { display: block; margin:0; padding: 0; position: relative;   }
.contentButton span:first-child, 
.contentButton span.contentButtonHeader,
.contentButton h2.contentButtonHeader /* NOTE: Added for Accessibility pages */ { color: #fff; font: bold 14px/1.2 Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
.contentButton a:hover span.contentButtonHeader,
.contentButton a:hover h2.contentButtonHeader /* NOTE: Added for Accessibility pages */ { color: #005daa; }

.contentButton.budgetMidLink { background-position: -228px -70px; }
.contentButton.committeesMidLink { background-position: 0 -70px; }
.contentButton.districtMidLink { background-position: -228px 0; }
.contentButton.districtMidLinkBanner { background-position: -228px 0; margin-top: 10px; margin-bottom:10px; width: 100%;}
.contentButton.districtMidLinkHalfLink { background-position: -228px 0; width: 49%; margin:10px 3px 10px 3px}
.contentButton.districtMidLinkHalfLinkCentered { background-position: -228px 0; width: 49%; margin:10px 25% 10px 25%; }
.contentButton.engageMidLink { background-position: 0 -70px;}
.contentButton.peopleMidLink { background-position: -228px 0;margin-bottom: 10px; }

.contentHoverButton { width: 228px; height: 80px; margin: 0 10px 0 0; padding: 0; float: left; display: block; position: relative; white-space: normal; background: #fbe3a0 url(/Content/Images/backgrounds/homePage/bg_homeLegNavBG.png) 100% 0% no-repeat; color: #7E2117 !important; border: 2px solid #005daa; }
.contentHoverButton span { display: block; margin:0; padding: 0; position: relative;   }
.contentHoverButton .waterMark { height: 70px; width: 65px; position: relative; left: 0; top: 0; float: left; } 
.contentHoverButton span:first-child, 
.contentHoverButton span.currentBranchHeader,
.contentHoverButton h2.currentBranch { color: #003; font: bold 14px/1.2 Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }


.contentButtonClerk { width: 228px; height: 55px; margin: 0 10px 0 0; padding: 0; float: left; display: block; position: relative; white-space: normal; background: #003; }
.contentButtonClerk a:link, .contentButtonClerk a:visited { display:block; height:auto; min-height: 40px; height: auto !important; height: 68px; margin: 0; padding: 5px 10px; color: #ffc !important;  border: 2px solid #005daa; }
.contentButtonClerk a:hover { background: #fbe3a0 url(/Content/Images/backgrounds/homePage/bg_homeLegNavBG.png) 100% 0% no-repeat; text-decoration: none !important; color: #7E2117 !important; border: 2px solid #005daa;}
.contentButtonClerk .waterMark { height: 70px; width: 65px; position: relative; left: 0; top: 0; float: left; } 
.contentButtonClerk span { display: block; margin:0; padding: 0; position: relative;   }
.contentButtonClerk span:first-child, 
.contentButtonClerk span.contentButtonClerkHeader,
.contentButtonClerk h2.contentButtonClerkHeader /* NOTE: Added for Accessibility pages */ { color: #fff; font: bold 14px/1.2 Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
.contentButtonClerk a:hover span.contentButtonClerkHeader,
.contentButtonClerk a:hover h2.contentButtonClerkHeader /* NOTE: Added for Accessibility pages */ { color: #005daa; }

.contentButtonClerk.budgetMidLink { background-position: -228px -70px; }
.contentButtonClerk.committeesMidLink { background-position: 0 -70px; }
.contentButtonClerk.districtMidLink { background-position: -228px 0; }
.contentButtonClerk.districtMidLinkBanner { background-position: -228px 0; margin-top: 10px; margin-bottom:10px; width: 100%;}
.contentButtonClerk.districtMidLinkHalfLink { background-position: -228px 0; width: 49%; margin:10px 3px 10px 3px}
.contentButtonClerk.districtMidLinkHalfLinkCentered { background-position: -228px 0; width: 49%; margin:10px 25% 10px 25%; }
.contentButtonClerk.engageMidLink { background-position: 0 -70px; }
.contentButtonClerk.peopleMidLink { background-position: -228px 0; }


.contentHoverButtonClerk { width: 228px; height: 50px; margin: 0 10px 0 0; padding: 0; float: left; display: block; position: relative; white-space: normal; background: #fbe3a0 url(/Content/Images/backgrounds/homePage/bg_homeLegNavBG.png) 100% 0% no-repeat; color: #7E2117 !important; border: 2px solid #005daa; }
.contentHoverButtonClerk span { display: block; margin:0; padding: 0; position: relative;   }
.contentHoverButtonClerk .waterMark { height: 70px; width: 65px; position: relative; left: 0; top: 0; float: left; } 
.contentHoverButtonClerk span:first-child, 
.contentHoverButtonClerk span.currentBranchHeader,
.contentHoverButtonClerk h2.currentBranch { color: #003; font: bold 14px/1.2 Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }






.btn_videoSelected { background: url(/Content/Images/icons/ico_Video.png); width: 14px; height: 11px; }
.btnBtm { position: relative; bottom: -5px; left: 632px; width: 118px }
a.button1 { background: #4864ab url('/Content/Images/buttons/btn_btnNext.png') no-repeat top right; width: 32px; height: 18px; display: block; }
a.button30h { border: 2px solid #1b2758; background: #7d99de url(/Content/Images/buttons/backgrounds/btn_button30h.jpg) repeat-x; height: 30px; margin: 0; padding: 0; font-size: 14px; display: block;}
a.button30h span { font-weight: bold;  line-height: 25px; display: block; margin-left: 15px; }
a.buttonMore { background: #4864ab url('/Content/Images/buttons/btn_btnMore.png') no-repeat top right; width: 78px; height: 26px; display: block; text-decoration: none; }
a.btnNext { border: 2px solid #96ace1; color: #96ace1; height: 20px; width: 30px; background: #345097 url(/Content/Images/buttons/backgrounds/btn_button18h.jpg) repeat-x;
           text-decoration: none; display:block}
a.btnNext span { position: relative; padding: 16px 6px 0 6px; text-decoration: none; color: #96ace1; font-weight: bold }
.printButton a
{
    background:url("/Content/Images/icons/ico_Printer.png") no-repeat scroll 0 0 transparent;
    display:block;
    float:right;
    margin:0 5px 0;
    padding:26px 0 0;
    vertical-align:bottom;
    width:27px;
}
/*</agl.folder>*/

/*<agl.folder "Display Styles">*/
ul.dspBlock { margin: 0; padding: 0; }
ul.dspBlock li { display: block; list-style-type: none }
ul.dspForm  { margin: 0; padding: 0; }
ul.dspForm li { list-style: none; float: left; display: block; }
.imgBorder { border: 2px solid #fff; }
/*<agl.folder>*/

/*<agl.folder "Drop Shadow">*/
.shadow-container { position: relative; left: 3px; top: 3px; margin-right: 3px; margin-bottom: 3px; }
.shadow-container .shadow2, #shadow-container .shadow3, 
.shadow-container .container { position: relative; left: -1px; top: -1px; }
.shadow-container .shadow1 { background: #ddd; }
.shadow-container .shadow2 { background: #c5c5c5; }
.shadow-container .shadow3 { background: #aeaead; }
.shadow-container .container { background: #ffffff; border: 1px solid #848284; padding: 4px 4px 2px 4px; }
/*</agl.folder>*/

/*<agl.folder "Slide Show">*/
.videoContainer { width: 320px; height: 260px; background: #fff; display: block; border: 2px solid #415ea6;}               
.mediaContainer { width: 320px; min-height: 260px; height: auto !important; height: 260px; background: #3f5ca5 url(/Content/Images/backgrounds/bg_mediaContainer.jpg) no-repeat left bottom; display: block; border: 2px solid #f4d686; } 
.mediaContainerLarge { background: 445px; height: 300px; padding: 20px 20px 0 20px; background: #556dae; border-style: solid; border-color: #333; border-width: 0 1px 1px 0; }
.newsMediaContainer { width: auto; height: auto; background: #fff; display: block; border: 2px solid #415ea6;}               
.imageRotationSmall { display: block; width: 275px; height: 185px; margin: 0 0 0 20px; border: 1px solid #f4d686; z-index: 0 }
.imageRotationLarge { display: block; width: 400px; height: 266px; margin: 0 0 0 8px; border: 1px solid #f4d686; }
.imageRotationSmall .caption { height:30px; }
.imageRotationLarge .caption { height:30px; }
/*</agl.folder">*/

/*<agl.folder "Float Styles">*/
.fltleft, .floatLeft { float: left !important; }
.fltright, .floatRight { float: right !important; }
.centeredBlock {display: block; width: auto; margin: 0 auto; text-align: center;}
/*</agl.folder>*/

/*<agl.folder "Profile Content">*/
.profileContent { width: 100%; margin: 0; float: left; }
.profileContent h3 { margin: 25px 0 0 20px; float: left;  }
.profileContent h4 { margin: 0 0 0 20px; float: left; }
/*</agl.folder>*/

/*<agl.folder "Data Content">*/
.sectionData { width: 100%; height: 100%; float: left; margin: 0 0 20px 0 }
.sectionData #Hierarchy { margin: 5px 0 20px 0; background-color: #eee; border: 1px solid #ccc; }
.sectionData #Hierarchy ul { margin: 0; padding: 0; position:relative; }
.sectionData #Hierarchy ul li {  }
.sectionData #Hierarchy .subHeading1.firstHeading { border-top: none;}
#Hierarchy .hierarchyLevel { display:block; float:left; font:bold 12px/14px Verdana; letter-spacing:0; margin:0 5px 0 0; padding:0; }
#Hierarchy .hierarchyDescription { display:block; float:left; margin:0 0 0 20px; width:490px; }
/* .sessionLaw #Hierarchy .hierarchyDescription { margin: 5px; width: 350px;} */
#Hierarchy .hierarchyLevel .partNumber { float: left; width: 100px; }
.sessionLaw #Hierarchy .partNumber { margin: 5px; }

.sectionData #Hierarchy .subHeading1, 
.sectionData #Hierarchy .subHeading2, 
.sectionData #Hierarchy .subHeading3, 
.sectionData #Hierarchy .subHeading4, 
.sectionData #Hierarchy .subHeading5, 
.sectionData #Hierarchy .subHeading6 { padding: 5px 10px; list-style: none;  font: normal 11px/14px Arial, Helvetica, Verdana; word-spacing: 2px; letter-spacing: 1px; border-top: 1px solid #ccc;}
/*.sessionLaw .sectionData .hierarchyLevel { width:500px;} */
.prev_next
{
    display:block;
    float:right;
    height:30px;
    margin:0 0 5px;
    padding:5px;
    text-transform:uppercase;
    width:80px;
}
.prev_next .prev,
.prev_next .next 
{
    display:inline-block;
    font-size:9px;
    padding: 20px 0 0;
    text-align:center;
    text-decoration:none;
    width:32px;
 }
.prev_next .prev
{
    background: transparent url("/Content/Images/buttons/paging/btn_prevNextButtons.png") no-repeat 7px 0;
    margin: 0;
}
.prev_next .prev:hover,
.prev_next .prev:focus 
{
    background-position: -25px 0;
}
.prev_next .next
{
    background: transparent url("/Content/Images/buttons/paging/btn_prevNextButtons.png") no-repeat 7px -34px;
    margin:0 0 0 5px;
    float: right;
}
.prev_next .next:hover,
.prev_next .next:focus  
{
    background-position: -25px -34px;
}
.dataContainer { background: #f7f7ef url(/Content/Images/backgrounds/bg_strippedBox_yellow.png) repeat-y -4px 0px; border: 1px solid #eee; margin: 2px 0 0 0; padding: 2px; }
.genLaw .titleGroup .dataContainer { background: #fff url(/Content/Images/backgrounds/bg_strippedBox_yellow.png) repeat-y -4px 0px; border: 1px solid #eee; margin: 2px 0 0 0; padding: 2px; }

.dataContainer:hover { background: #cceaff;}
.genLaw .titleGroup .dataContainer:hover { background: #cceaff;}

.titleGroup { margin:0 0 15px; padding:15px; background: #f7f7ef; border: 1px solid #ddd;}
.titleGroup h3 { color:#6C87C9; padding:0 5px; margin: 10px 0 15px 0; }
.Columns .Widget .titleGroup h3 a,
.Columns .Widget .titleGroup h3 a:visited,
.Columns .Widget .titleGroup h3 a:link { color:#6C87C9; }
.Columns .Widget .titleGroup h3 a:hover { color:#1B2758; }
.titleGroup .titleNumber { display: block; width: 100px; float: left; margin: 0 20px 0 0; padding: 0px 5px;}
.titleGroup .titleCaption { display: block; width: 500px; float: left; color:#6C87C9; height:28px; left:115px; max-width:570px; padding:0px 5px; font-weight: normal; font-size: 80%;}
.titleGroup .vCenter {display:table-cell; height:28px; vertical-align:middle; }
.titleGroup .vCenter span { display:block; }
.titleGroup .title {  margin:0 0 2px 0; }
.dataContainer .full { width: 99.3%; padding: 5px 0 5px 5px; background: url(/Content/Images/backgrounds/bg_strippedBox.jpg); float: left;}
.dataContainer .left { float: left; width: 100px; height: 100%; margin: 0; padding: 3px 0 0 5px; font-weight: bold; background: url(/Content/Images/backgrounds/bg_strippedBox.jpg) repeat-y; }
.dataContainer .mid { float: left; width: 500px; }
.dataContainer .right { width: 78px; }
/*.genLaw .dataContainer > a { background: url(/Content/Images/backgrounds/bg_strippedBox_yellow.png) repeat-y -4px 0px; display:block; min-height:24px; width:100%; } */
.dataContainer .groupHead { display:block; float:left; font-weight:bold; height:100%; margin:0; padding:3px 0 0 10px; width:110px; }
.dataContainer .groupDesc { float:left; padding:3px 0 0; margin: 0 0 0 20px; width:500px; }
.sessionLaw .dataContainer .groupDesc { width: 580px; }
.sessionLaw .dataContainer .approveInfo {width: 580px; margin-left:19%; font-weight:bold}
.sectionData .lawsParagraphDetail { font: normal 14px/2 Verdana, Arial, Hevetica, sans-serif; padding: 10px 40px; }
.sectionData .lawsParagraphDetail p { font: normal 14px/2 Verdana, Arial, Hevetica, sans-serif; }
.sessionWrap h3 { font: normal 12px/1.2 Arial, Hevetica, sans-serif !important; color:#6C87C9; padding:0; margin: 0; }
.sessionLaw .sessionLawYear_ddl { float:right; margin:0 15px 5px 0; width: 70px; text-align: right;}
.dataContainer h4.left { margin-right:5px; }
.dataContainer .textDesc { display:block; float:left; height:100%; width:580px; }
.dataContainer.title .textDesc { width:535px; }
.commentBox { width: 97%; height: 15px; margin: 10px 0 10px 0; padding: 10px; background: #ffe7a5; border: 1px solid #2c488d; display: block;}
ul.searchList { margin: 0; padding: 0; }
ul.searchList li { list-style-type: none; margin: 0; padding: 0 8px 0 8px; display: block; float: left; }
ul.searchList li>div { margin: 0 0 3px 0; }
/*ul.searchList li>div>select { width: 143px; }*/
ul.fileNo { margin: 5px; padding: 0; display: block; width: 100px; }
ul.fileNo.People { margin: 0px;}
ul.fileNo li { list-style-type: none; margin: 0; padding: 0 5px 5px 0; line-height: 12px;  display: block; }
.dataBlock { margin: 20px 0; }

/* table.dataTable { width: 100%; } */
/*<agl.folder>*/

/*<agl.folder "Containers">*/

.scrollContainer { width: 707px; font-variant: small-caps; font-size: 12px; color: #0d1746; }
.scrollContent { width: 707px; background: url(/Content/Images/billsLaws/backgrounds/bg_billsLaws.jpg) repeat-y; margin: -5px 0; padding: 40px 0 20px 0; display: block; float: left; position: relative; }
.scrollContent ol { width: 380px; margin: 0 0 0px 25px; padding: 0 0 0 30px; float: left; }
.scrollContent ol li { margin: 0; padding: 0; line-height: 20px; }
.scrollContent ol li a:link,
.scrollContent ol li a:visited, 
.scrollContent ol li a:active { text-decoration: none; margin: 0; padding: 4px 5px 4px 5px; display: block }
.scrollContent ol li a:hover { background: #ffed9e; text-decoration: none !important; margin: 0; display: block;}

.gavelEddie { width: 193px; height: 372px; background-image: url(/Content/Images/billsLaws/billBecomesLaw/img_gavelEddie.png); float: right;
              position: absolute; bottom: 0px; right: 20px}
.gavelEddie a { position: relative; top: 180px; }
/*</agl.folder>*/

/*<agl.folder "Contact Cards">*/

#engageContact .contactCard { width: 340px; min-height: 200px; height: auto !important; height: 200px; display: block; background: #f7f7ef; margin: 10px 0 20pxy; border: 1px solid #ccc; float: left; }
.educateAndEngage .contactCard { border: 1px solid #666; float: left; min-height: 375px; width: 365px; }
.educateAndEngage .contactCard img { float: right; }
#bookTour { margin: 0 15px 0 0; }
#bookTour .contactInfo { margin: 0 10px; }
    
#photoTour { }
.educateAndEngage .cardImage {
    background-color: #c4d4fa;
    padding: 0 0 0 10px;
}
.cardImage h2 {
    float: left;
    font: bold 14px/1.4 Arial, Helvetica, sans-serif;
    margin: 10px 0 0 10px;
    width: 200px;
}
.cardImage p {
    float: left;
    font: 11px/1.2 Arial, Helvetica, sans-serif;
    margin: 10px 0 0 10px;
    width: 200px;
}

.contactCard .contactInfo { margin: 0; padding: 0; }
.contactCard .contactInfo { /* width: 100% !important; */ margin: 5px 0 0 10px; padding: 0; }
.contactCard .contactInfo * { padding: 0 !important; /* width: auto; */ }
.contactCard .contactImage { border: 1px solid #ccc;
float: left;
margin-left: -1px;
margin-right: 5px;
margin-top: -1px;
padding: 4px; }
.contactCard .contactImage img { height: 95px;
margin-left: 2px;
margin-top: 2px;
width: 118px; }
.contactInfoLinkList {  margin: 6px 0 0 20px; list-style-type: disc;}
.contactInfoLinkList li { margin: 0 0 5px 0; }
.contactInfo h2 { font: bold 11px Arial, Helvetica, sans-serif; margin: 10px; }
.contactInfo .tourTimes { margin: 10px 0 0 10px; float:left; width:200px }
.contactInfo .tourTimes em { color: Red; font-style: italic; }
.contactInfo .tourTimes dt { font-weight: bold; margin: 0; padding: 0 5px 0 0; float: left; }
.contactInfo .tourTimes dd { margin: 0 0;}
.contactCard .txtIcon { width: auto; float: left; margin: 13px 10px 10px 10px; height: 110px; } 
.contactCard .txt { margin: 13px 10px 10px 10px; height: 110px}                        
.contactCard img.icon { width: 118px; height: 95px; border: none; background: transparent; float: right; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.contactCard .button { margin: 0 auto; text-align: center; width: 150px; height: 25px;}
.contactCard .button a,
.contactCard .button a:link, 
.contactCard .button a:visited {
display: block;
background: url("/Content/Images/buttons/btn_uberSprite.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #EEEEEE;
    font: bold 13px/25px Arial,Helvetica,sans-serif;
    height: 25px;
    margin: 5px;
    width: 150px;
    vertical-align: middle;}
 .contactCard .button a:hover { text-decoration: none; background-position: 0 -50px; }
/*</agl.folder>*/

/*<agl.folder "PhotoGallery">*/
.membersGally { width: 100%; min-height: 100px; height: auto !important; height: 100px; margin: 0; float: left; }
.membersGally .memberContent { width: auto; display: block; float: left; font-size: 12px;}
.membersGally .memberContent .member { width: 100px; height: 100px; border: 2px solid #fff; float: left;}
.membersGally .memberContent .member img { width: 100px; height: 100px; }
.membersGally .memberContent .description { float: left; margin: 0 12px 0 12px }
.membersGally .memberContent .description p { margin: 6px 0; line-height: 20px }
.membersGally .memberContent .description p a:link,
.membersGally .memberContent .description p a:visited,
.membersGally .memberContent .description p a:active { color: #fff; text-decoration: underline; }
.membersGally .memberContent .description p a:hover { color: #ffc; text-decoration: none; }
.membersGally ul { width: 710px !important; min-height: 100px; height: auto !important; height: 100px; margin: 0; padding: 0; float: left; }
.membersGally ul li { width: 175px; height: 50px; display: block; list-style-type: none; margin: 10px 0; padding: 0; float: left; }
.ha ul li div { float: left; display: inline-block; }
.membersGally ul li img { height: 55px; width: 55px; margin: 0; padding: 0; border: 2px solid #fff; float: left; }
.membersGally ul li .describe { width: 110px; margin: 0 3px 0 3px; float: left; display: block; }
.membersGallyList ul { width: auto; margin: 0 30px 0 20px; padding: 0; float: none; list-style-type: disc !important;  }
.membersGallyList ul li { padding: 0 0 0 0px; }
.photoGallary { width: 100% !important; }
.photoGallary ul { width: 99% !important; height: 120px; margin: 0; padding: 0; }
.photoGallary ul li { margin: 0; padding: 0 30px 0 30px; list-style: none; width: 220px; height: 95px; text-align: center; display: inline-block; float: left; }
.imgCaption { text-align: center; float: left; }
.legislatorGallery .photoGallary .imgCaption { float:none!important; }
#photosTab ul { width: 100%; margin: 0; padding: 10px; }
#photosTab ul li { float: left; display: block; height: 120px; margin: 0; padding: 0 3px 0 3px; list-style: none; width:135px; }
#photosTab ul li>div.thumbNail img { width: 110px; height: 72px; border: 2px solid #0d1746 }
#photosTab ul li>div.caption { height: 32px; overflow:hidden; text-align: center; width: 135px; }

/*</agl.folder>*/

/*<agl.folder "Results Table">*/
table#results { width: 100%; background: #fff; margin: 2px 0 2px 0 }
table#results td.file { vertical-align: middle; background: url(/Content/Images/backgrounds/bg_strippedBox.jpg); width: 100px }
table#results td.description { vertical-align: top; width: 600px; }
table#results td.btn { vertical-align: bottom; }
/*</agl.folder>*/

/*<agl.folder "Thumbnail Viewer">*/
.loadAreaConainer, .loadAreaContainer { border: 2px solid #9aaddc; width: 520px; max-height: 353px; margin: 0 auto 50px } 
.loadarea { width: 500px; max-height: 333px; background: #bdbbbb; border: 10px solid #fff; margin: 0 auto; vertical-align: middle; text-align:center }
.loadarea div {height: 333px;}
/*</agl.folder>*/

/*<agl.folder "Site Search">*/
#Header form { margin:0; padding: 0; }
#siteSearch { margin: 0 4px 0 0;  width: 136px;}
#siteSearch #quickSearch {  font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; font-style: italic; color: #666; margin: 0 0 5px 0;}
#siteSearch .siteSearchLabel { font: bold 10px/10px Arial, Helvetica, sans-serif; padding: 0; margin: 12px 0 2px 0; width: auto; height: 10px; text-transform: uppercase; color: #fff; }
#siteSearch a.advancedSearchLink:link, #siteSearch a.advancedSearchLink:visited { font: bold 11px/18px Arial, Helvetica, sans-serif; vertical-align: top; text-decoration: none; color: #B3D4EF; margin: 0px 10px 0 0; padding: 2px 0 0 0; float: left; height: 18px; outline: none;}
#siteSearch a.advancedSearchLink:hover { color: #ffc; }
#siteSearch a.advancedSearchLink:active { color: red; }
#siteSearch a.advancedSearchLink span { text-indent: -5000px; display: block; width: 16px; height: 16px; float: left; margin: 0px 0px 10px 0; padding: 0 5px 0 0; background: transparent url(/Content/Images/icons/icons_uberSprite.png) 0px -40px no-repeat; }
#siteSearch a.advancedSearchLink:hover span { background: transparent url(/Content/Images/icons/icons_uberSprite.png) 0px -200px no-repeat;}
/*</agl.foler>*/

/*<agl.folder "Form Elements">*/
select, option, input[type=text], input[type=tel], input[type=email], textarea {font-family: Verdana, Arial, Helvetica, sans-serif; }
label { font-weight: bold; margin: 0 5px 0; white-space: nowrap; }
select { border: 1px solid #617dc3;}
input[type=text], input[type=tel], input[type=email] { border: 1px solid #617dc3;}
input[type=text].search { background: #fff; border: 1px solid #617dc3; width: 136px; }
input[disabled=disabled] { background: #ffe6a5; color: #1b2758;}
input.goButton,
button.goButton  { cursor:pointer; float: right; width: 25px; height: 20px; padding: 2px; border: 1px solid #aaa; color:#fff; background: #005daa; margin: 0; font: bold 11px/16px Arial, Helvetica, sans-serif;}
input.goButton:hover { background: #fff; color: #005daa; }
   /* position: relative; top: 2px; margin: 0 0 0 5px; float: right; display:inline; } */
a img.Go { position: relative; top: 2px; margin: 0 0 0 5px; float: right; display: inline;}
input#Input_Keyword { width: 234px; }
input[type=image].button { }
label#searchPageLabel { margin: 0; padding: 0; position: relative; top: 0; left: 0;  }

#lawSearch .searchFields .chapterField,
#lawSearch .searchFields .sectionField { width: 150px; }
#lawSearch .searchFields .chapterField #Chapter,
#lawSearch .searchFields .sectionField #Input_Section { width: 150px; }
#lawSearch .searchButtonArea,
#billSearch form>.searchFields>.searchButtonArea { left: 120px; top: -7px; }
#lawSearch .iconText { left: 0; position: absolute; top: 50px; }

#lawSearch .lawTypeDescr { padding: 20px; font: normal 12px/1.5 Arial, Helvetica, sans-serif; }
#lawSearch .searchNotices { border-top: 1px solid #ddd; }


div.fieldSet { float: left; display: inline; margin: 0px 10px 7px 0; font-size: 12px; line-height: 22px; position: relative;}
div.fieldGroup {  float: left; display: inline; margin: 2px 0 0 0; padding: 0; }
.fieldGroupLabel { font: bold 12px Arial, Helvetica, sans-serif; margin: 0 0 5px 0;}
.fieldGroup span.field-validation-error { color: #f00; display: block; font: 11px/12px Tahoma, Arial, Verdana; /* left: 1px; line-height: 1em; */ margin: 15px 0 0; /* position: absolute; top: 32px; white-space: normal; */ }
.fieldSet label { margin: 0;padding: 0; font: bold 12px/22px Arial, Helvetica, Verdana }
.validation-summary-errors ul { margin:0; } 
.validation-summary-errors ul li { color:#ff0000; list-style-type:none; }

.validation-summary-errors a:visited,
.validation-summary-errors a:hover,
.validation-summary-errors a:active {color: #ff0000; font-style:italic; } 

.keywordField { width: 244px; margin: 0 0 0 15px; padding: 0; }
.keywordField span.field-validation-error { width:244px; }
.keywordField input { width: 244px; }
.chapterField { width: 76px; margin: 0 0 0 15px; padding: 0; }
.chapterField span.field-validation-error { width:150px; }
.chapterField input { width: 76px; }
.sectionField { width: 76px; margin: 0 0 0 15px; padding: 0; }
.sectionField span.field-validation-error { width:150px; }
.sectionField input { width: 76px;}
.typeField { width: 100px; margin: 0 0 0 15px; padding: 0; }
.typeField select { width: 100px;}
.yearField {width: 100px; margin: 0 0 0 15px; padding: 0; }
.yearField select { width: 100px;}
.subjectField {width: 162px; margin: 0 0 0 15px; padding: 0; }
.subjectField input { width: 162px;}
.billNumField {width: 100%; margin: 0 0 0 15px; padding: 0; }
.billNumField input { width: 100px;}
/* -- .billNumField .field-validation-error { width:110px; }  -- */
.billTitleField { width: 254px; margin: 0 0 0 15px; padding: 0; }
.billTitleField span.field-validation-error { width:254px; }
.billTitleField input { width: 244px; }
.docTypeField { width: 254px; margin: 0 0 0 15px; padding: 0;}
.docTypeField select { width: 254px;}
.cityTownField {width: 254px; margin: 0 0 0 15px; padding: 0; }
.cityTownField input { width: 254px;}
.committeeField {width: 354px; margin: 0 0 0 15px; padding: 0; }
.committeeField select { width: 354px;}
/*input[type=submit] { border: 1px solid #617dc3; width: 100px }*/
/*</agl.folder>*/

.searchFields.docketSearch .fieldGroup { overflow: auto; width: 710px; }
.searchFields.docketSearch .keywordField,
.searchFields.docketSearch .keywordField input#Input_Keyword { width: 450px; }
.searchFields.docketSearch .legislatorField,
.searchFields.docketSearch .legislatorField input { width: 200px; }


/*<agl.folder "Search and Results styles">*/
div.searchFields { width: auto; margin: 0 auto; overflow: auto; }
div.searchButtonArea { float: left; display: inline; width: 170px; margin: 10px 0 0 10px;}
div.searchButtonArea a.button.smallSiteSearch:link {display: block; height: 15px; width: 106px; margin: 0 auto; padding: 0 0 0 30px; background: transparent url(/Content/Images/buttons/btn_smallSiteSearch.png) 0 0 no-repeat; font: normal 10px/15px Arial, Helvetica, Verdana; color: #fff; }
div.searchButtonArea a.button.siteSearch:visited, 
div.searchButtonArea a.button.siteSearch:hover,
div.searchButtonArea a.button.siteSearch:active { color: #fff; text-decoration: underline;}
#generalLaws, #sessionLaws, #MAConst { min-height: 150px; height: auto !important; height: 150px; }
#generalLaws>div.Widget.csYellow,
#sessionLaws>div.Widget.csYellow { min-height:95px; }


/* redefine some styles for search page - will need to cascade up later -KM */
.searchPage { padding: 20px; }
.searchPage h3 { font: normal 22px/1.2 Georgia, Times, serif, Helvetica, Arial; }
.searchPage h3 .smaller { font-size: 80%;}
.searchPage p.instructions { font: 11px/1 Arial,Helvetica,sans-serif; margin: 5px 0 10px; }
.searchPage .Widget {  width:auto; margin: 20px; overflow: auto; }
.searchPage .Widget .searchBox { background: #f8f8f8; border: 1px solid #eee; width: 676px; margin: 0 0 5px 0;}
.searchPage .searchFields { margin: 20px; overflow: hidden; position:relative; width:auto; }
.searchPage .searchBox .searchFields { width:auto; margin: 10px; overflow: auto; }
.searchPage .searchButtonArea {padding: 0; margin: 0;}
.searchPage .fieldGroup { min-height:58px; width:100%; }
.searchPage .fieldSet { line-height:20px; }
.searchPage .fieldSet .field-validation-error { top:28px; }

.searchResultsPage { padding: 20px; }
.searchResultsPage h3 { font: normal 22px/1.2 Georgia, Times, serif, Helvetica, Arial; }
.searchResultsPage h3 .smaller { font-size: 80%;}
.searchResultsPage p.instructions { font: normal 12px/1.2 Arial, Helvetica, sans-serif; }
.searchResultsPage .Widget {  width:auto; margin: 20px; overflow: auto; }
.searchResultsPage .Widget .searchBox { background: #f8f8f8; border: 1px solid #eee; }
.searchResultsPage .searchFields { width:auto; margin: 20px; overflow: visible; }
.searchResultsPage .searchBox .searchFields { width:auto; margin: 10px; overflow: auto; }
.searchResultsPage .searchButtonArea {padding: 0; margin: 0;}
.searchResultsPage .fieldGroup { min-height:58px; }
.searchResultsPage .fieldSet { line-height:20px; }
.searchResultsPage .fieldSet .field-validation-error { top:28px; }

.landingPage .searchFields { width: 405px; margin: 10px 0px 0 0; padding: 5px 5px 5px 15px; background: #dfdbb5;}
.landingPage .searchFields label { color: #333; }
.landingPage .searchFields .keywordField { width: 175px; }
.landingPage .searchFields .keywordField input#Input_Keyword {width: 150px;}
.landingPage .searchFields .billNumberField { width: 175px; }
.landingPage .searchFields .billNumberField input#Input_BillNumber { width: 150px; }
.landingPage .searchFields .searchButtonArea { width: 170px; position: static; top: 0; left: 0; margin: 0px 0 0 10px;}
.landingPage .searchFields .searchButtonArea input.button {margin: 0; padding: 0; }

#searchFilter { padding: 2px 2px 10px 0; margin: 2px 0 10px 0; }
#searchFilterHeader { padding: 10px; margin: 0; background: #eee; }
#searchFilterHeader .heading { font: bold 14px/1.2 Arial, Helvetica, sans-serif; margin: 0 0 5px 0;}

#searchFilterBody { width: 180px; background: #ddd; padding: 10px; margin: 0 0 10px 0; position: relative; }
#searchFilterBody .refineCategory { font: bold 12px/1.5 Arial, Helvetica, sans-serif; color: #333; display:inline; float: left; width: 120px;}

#searchFilterBody p.iconText { float: right; position: relative; right: 0; }

#searchFilterBody ul.groupList { font: normal 11px/16px Arial, Helvetica, sans-serif; }
#searchFilterBody ul.groupList .iconText {font: normal 11px/16px Verdana; }
.searchFilterGroup { margin: 0 0 15px 0; }
    .groupList li { list-style: none; display: block; min-height: 25px; height: auto !important; margin: 0 0 5px 0;}
    .groupList li a:link { padding: 0; height: auto; width: 145px /*120px =  before spacing fix -- MD*/; display: block; float: left; }
    
    .groupList li .itemID { width: 120px /*90px = before spacing fix -- MD*/; float: left;}
    .groupList li .itemCount { float: right;  text-align: right; color: #333;}

/* end search page styles - KM */

.billSearch .fieldGroup { min-height:58px; }
.billSearch .fieldSet { line-height:20px; }
.billSearch .fieldSet .field-validation-error { top:28px; }
.billSearch .iconText { position:absolute; top:50px; }

#searchDelimiterArea { width: 705px; overflow: auto; }
#searchDelimiterArea .searchSectionDelimiter { width: auto; float: left; margin: 0 20px 0 0; vertical-align: bottom; }
.searchSectionDelimiter label { font: normal 12px/1 Arial, Helvetica, sans-serif; position: relative; top: -2px; margin: 0 0 10px 0; }
#searchDelimiterArea p.instructions { font: bold 12px/1 Arial, Helvetica, sans-serif; margin: 5px 0 10px 0; }
.Widget p.instructions { font: normal 11px/1 Arial, Helvetica, sans-serif; margin: 5px 0 10px 0; }
.instructions { font: normal 11px/1 Arial, Helvetica, sans-serif; margin: 5px 0 10px 0; }
.searchResultsNavContainer { margin: 15px 0 5px 0;clear: both; }
.searchResultsCounts { float: left; font-weight: bold; margin: 5px 0 5px 0; } /* NOTE (md): float:left added back in to account for sorting bug */
.searchResultsNavBar { width: auto; padding: 5px 20px; margin: 5px 0; background: #fff; border: 1px solid #666; overflow: auto; background: #fff url(/Content/Images/backgrounds/Navigation/bg_grayStripes.png) 0 0 repeat; }
.searchResultsNavBar .searchPageCount { float: left; display: inline; }
.searchResultsNavBar .searchPageCount input.pageNumber{ width:20px }
.searchResultsNavBar .searchPageCount input.goButton { float:none; height: 20px; padding:0; margin:0; position:relative; top:-2px;}
.searchResultsNavBar .searchPageSize { display:block; float:right; width: 190px; height:20px; margin: 0 0 0 0; }
.searchResultsNavBar .searchPageSize label {float:left; font-weight:normal; vertical-align:top; }
.searchResultsNavBar .searchPageSize select { float:left; height:20px; padding:0; margin:0 4px 0 0; position:relative; top:-2px; }
.searchResultsNavBar .searchPageSize input.Go { float:left; height: 20px; padding:0; margin:0; position:relative; top:-2px;}
.searchResultsNavBar .searchPageNav { float: left; display: inline; margin: 0 0 0 20px; }
.searchResultsNavBar .searchPageNav a.searchNav:link,
.searchResultsNavBar .searchPageNav a.searchNav:visited,
.searchResultsNavBar .searchPageNav a.searchNav:hover,
.searchResultsNavBar .searchPageNav a.searchNav:active { display: block; float: left; width: 15px; height: 15px; text-indent: -5000px; margin: 0 0 0 10px; position: relative; top: 2px; }
.searchNav.firstResult { background: transparent url(/Content/Images/buttons/btn_sprite_searchNav.png) 0 0 no-repeat; }
.searchNav.lastResult { background: transparent url(/Content/Images/buttons/btn_sprite_searchNav.png) -58px 0 no-repeat; }
.searchNav.prevResult { background: transparent url(/Content/Images/buttons/btn_sprite_searchNav.png) -22px 0 no-repeat; }
.searchNav.nextResult { background: transparent url(/Content/Images/buttons/btn_sprite_searchNav.png) -40px 0 no-repeat; }

.searchNav.firstResult.disabled { background: transparent url(/Content/Images/buttons/btn_sprite_searchNav.png) 0 -18px no-repeat; cursor: default;}
.searchNav.lastResult.disabled { background: transparent url(/Content/Images/buttons/btn_sprite_searchNav.png) -58px -18px no-repeat; cursor: default; }
.searchNav.prevResult.disabled { background: transparent url(/Content/Images/buttons/btn_sprite_searchNav.png) -22px -18px no-repeat; cursor: default; }
.searchNav.nextResult.disabled { background: transparent url(/Content/Images/buttons/btn_sprite_searchNav.png) -40px -18px no-repeat; cursor: default; }

.didyoumean { font-style: italic; }

.lawsIndex { margin: 30px 20px 0; }
#indexHead { clear: both; overflow: auto; min-height: 15px; height: auto !important; height: 15px; margin: 0px 0;}
#indexHead * { font: bold 12px/1 Arial, Helvetica, Verdana; text-transform: uppercase;}
.indexPartNum
{
    display: block;
    float: left;
    margin: 0 20px 0 0;
    padding: 0 15px;
    text-align: center;
    width: 50px;
}
.indexDescription
{
    display: block;
    float: left;
    margin: 0 20px 0 0;
    padding: 0 15px 0 0;
    width: 467px;
}
.indexChapter
{
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 10px;
    text-align: center;
    width: 75px;
}

.lawsIndex .indexRow:link, .lawsIndex .indexRow:visited 
{
    background: none repeat scroll 0 0 #efecd1;
    border: 1px solid #6C87C9;
    display: block;
    height: auto !important;
    margin: 5px 0;
    min-height: 25px;
    padding: 5px;
    vertical-align: top;
}

.lawsIndex .indexRow:hover { background-color: #005daa; color: #fff; }
.indexRow .indexPartNum
{
    font: 20px/1 Verdana;
    width: 40px;
}
.indexRow .indexDescription { font: normal 12px/25px Arial, Helvetica, Verdana; text-transform: uppercase; }
.indexRow .indexChapter { font: bold 14px/25px Arial, Helvetica, Verdana;  }
.indexRow .indexChapter a:link { text-decoration: underline; color: #4864AB; }
.searchNotices, .searchNotices div { font: normal 11px/1.5 Verdana, Arial, Helvetica, Verdana; color: #666; margin: 20px; clear: both;}
span.searchStringValue { font-weight: bold; }
a.searchStringAlternative { font-style: italic; text-decoration: underline; }

/*</agl.folder>*/

/*<agl.folder "Search Results Table">*/
table#searchResultsTable { margin: 20px 0 0 0; }
table#searchResultsTable tr {padding: 5px 0; }
table#searchResultsTable th { text-align: left; padding: 0; height: 20px; font: bold 11px/1.5 Arial, Helvetica, Verdana; color: #666; }
    table#searchResultsTable th.foundInHeader { padding: 0 0 0 15px; }
    table#searchResultsTable th.resultTextHeader { padding: 0 0 0 5px; }
table#searchResultsTable td { padding: 5px 10px; }
table#searchResultsTable td.searchResultLeftCol { background: #fff; padding: 5px 10px; border-right: none; font: bold 14px/150% Arial, Helvetica, Verdana; vertical-align: top;}
table#searchResultsTable td.searchResultLeftCol li.billNum  { font: bold 14px/1.5 Verdana, Arial, Helvetica; margin-bottom: 5px; }
table#searchResultsTable td.searchResultLeftCol li.sessionLawChapter,
table#searchResultsTable td.searchResultLeftCol li.generalLawSection { font: bold 14px/1.5 Verdana, Arial, Helvetica; margin-bottom: 0; }
table#searchResultsTable td.searchResultLeftCol li.filedBy,
table#searchResultsTable td.searchResultLeftCol li.generalCourtNum,
table#searchResultsTable td.searchResultLeftCol li.generalLawChapter,
table#searchResultsTable td.searchResultLeftCol li.generalLawTitle,
table#searchResultsTable td.searchResultLeftCol li.generalLawArticle,
table#searchResultsTable td.searchResultLeftCol li.generalLawPart,
table#searchResultsTable td.searchResultLeftCol li.sessionLawAct { font: normal 12px/1.2 Arial, Helvetica, Verdana;}
table#searchResultsTable td.searchResultLeftCol li.lawType { color: #666666; font-size: 12px; font-weight: normal; }
li.filedBy span.filedByLabel { font: normal 10px Arial, Helvetica, sans-serif; color: #333; }

.generalCourtNum { font-weight: bold!important; margin: -8px 0 -4px!important;}
.generalCourtNumLabel { color: #333333; font: 10px/1.2 Arial,Helvetica,Verdana,sans-serif; }

table#searchResultsTable td.searchResultMainCol { vertical-align: top; padding: 0;}
table#searchResultsTable span.searchResultItemTitle { display: block; font: bold 14px/150% Verdana, Arial, Helvetica; margin: 0 0 5px 0; }
table#searchResultsTable span.searchResultItemDescr { display: block; font: normal 12px/150% Verdana, Arial, Helvetica; margin: 0 0 5px 0; color: #333;}
table#searchResultsTable span.searchResultItemSigned { font: normal 11px/150% Arial, Helvetica, Verdana; margin: 20px 0 0 0; }
table#searchResultsTable span.searchResultItemSubjects { font: bold 11px/150% Arial, Helvetica, Verdana; margin: 20px 0 0 0; }
table#searchResultsTable td.spacerRow { height: 5px; margin: 0; padding: 0; border: none; background-color: Transparent; background-image: none; }

table#searchResultsTable a.blockLink:link,
table#searchResultsTable a.blockLink:visited,
table#searchResultsTable a.blockLink:active { display: block; padding: 10px 5px; background-color: #fff; height:100%;}
table#searchResultsTable a.blockLink:hover { background-color: #cceaff; text-decoration: none;}

table#searchResultsTable a.blockLink:link .searchResultItemTitle { text-decoration: underline; }
table#searchResultsTable a.blockLink:hover .searchResultItemTitle { text-decoration: underline; }
table#searchResultsTable a.blockLink:link .searchResultItemDescr,
table#searchResultsTable>a.blockLink:hover .searchResultItemDescr { text-decoration: none; color: #333;}


table#legislatorSearchResultsTable { margin: 20px 0 0 0; }
table#legislatorSearchResultsTable tr {padding: 5px 0; }
table#legislatorSearchResultsTable th { text-align: left; padding: 0; height: 20px; font: bold 11px/1.5 Arial, Helvetica, Verdana; color: #666; }
    table#legislatorSearchResultsTable th.foundInHeader { padding: 0 0 0 15px; }
    table#legislatorSearchResultsTable th.resultTextHeader { padding: 0 0 0 5px; }
table#legislatorSearchResultsTable td { padding: 5px 10px; }
table#legislatorSearchResultsTable td.searchResultLeftCol { background: #fff; padding: 5px 10px; border: none; font: bold 14px/150% Arial, Helvetica, Verdana; vertical-align: top; text-align: left;}
table#legislatorSearchResultsTable td.searchResultMainCol { vertical-align: top; padding: 0; width: 600px;}
table#legislatorSearchResultsTable td.searchResultMainCol img.legislatorSearchPhoto,
#legLeadership .blockLink img { padding: 3px; border: 1px solid #ccc; background: #f8f8f8; margin: 0 20px 0 5px; width: 42px; float: left;}
table#legislatorSearchResultsTable span.legislatorName,
#legLeadership span.legislatorName { display: block; width: 250px; font: bold 14px/150% Verdana, Arial, Helvetica; margin: 0 20px 5px 0; }
table#legislatorSearchResultsTable span.legislatorBranch,
#legLeadership span.legislatorBranch { font: normal 12px/1.5 Arial, Helvetica, sans-serif; color: #333; margin: 0 0 0 10px;}
table#legislatorSearchResultsTable span.legislatorOtherInfo,
#legLeadership span.legislatorOtherInfo { display: inline; width: 200px; font: normal 12px/150% Verdana, Arial, Helvetica; margin: 0 0 5px 0; color: #333;}
.legislatorOtherInfo em { font: bold 10px/1.5 Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; }

table#legislatorSearchResultsTable a.blockLink:link,
table#legislatorSearchResultsTable a.blockLink:visited,
table#legislatorSearchResultsTable a.blockLink:active,
#legLeadership a.blockLink { display: block; padding: 10px 5px; background-color: #fff; height:100%;}
table#legislatorSearchResultsTable a.blockLink:hover,
#legLeadership a.blockLink:hover { background-color: #cceaff; text-decoration: none;}

table#legislatorSearchResultsTable td.mlFollow a { background-image: url('/Content/Images/icons/ico_star_off.png'); }
table#legislatorSearchResultsTable td.mlFollowing a { background-image: url('/Content/Images/icons/ico_star_on.png'); }

/*</agl.folder>*/

/*<agl.folder "Tabs">*/
#thumbNail.indentmenu { font: bold 13px Arial; margin: 100px 0;}
#thumbNail.indentmenu ul { width: 750px; margin: 0; padding: 0; float: left; border-top: 1px solid #5974b9;  }
#thumbNail.indentmenu ul li { display: inline; }
#thumbNail.indentmenu ul li a { width: 186px; text-align: center; float: left; color: #3f5ca5; background: #a5b9e7; padding: 5px 0; text-decoration: none;
                                border-right: 1px solid #5974b9; }
                              
#thumbNail.indentmenu ul li a:visited { color: #3f5ca5; background-color: #a5b9e7; }
#thumbNail.indentmenu ul li a.selected { color: #1b2758 !important; padding-top: 6px; padding-bottom: 4px; background-color: #fff }

#resultsTab.indentmenu { font: bold 13px Arial; margin: 0 20px 0 0; width: 750px }
#resultsTab.indentmenu ul { margin: 0; padding: 0; float: left; border-top: 1px solid navy; }
#resultsTab.indentmenu ul li { display: inline; width: 100% }
#resultsTab.indentmenu ul li a { text-align: center; float: left; color: #fff; background: #5e7ac1; padding: 5px 11px; text-decoration: none; border-right: 1px solid #0d1746; border-left: 1px solid #0d1746; }
#resultsTab.indentmenu ul li a:visited { color: #fff; background-color: #5e7ac1; }
#resultsTab.indentmenu ul li a.selected { color: #1b2758 !important; padding-top: 6px; padding-bottom: 4px; background-color: #cad9fd }

#mediaTabs.indentmenu { font: bold 13px Arial; margin: 0 20px 0 0; width: 720px }
#mediaTabs.indentmenu ul { width: 100%; margin: 0; padding: 0; float: left; background: #cad9fd; }
#mediaTabs.indentmenu ul li { display: inline; width: 100% }
#mediaTabs.indentmenu ul li a { width: 13.46%; text-align: center; float: left; color: #fff; background: #5e7ac1; padding: 5px 11px; text-decoration: none; border-top: 1px solid #0d1746; border-right: 1px solid #0d1746;
                                border-left: 1px solid #0d1746; }
#mediaTabs.indentmenu ul li a:visited { color: #5d79c0; background: #5e7ac1; }
#mediaTabs.indentmenu ul li a.selected { color: #1b2758 !important; padding-top: 6px; padding-bottom: 4px; background-color: #fff !important; }


ul[role="tablist"] { margin:10px 0 0; padding: 0; width: auto; }
ul[role="tablist"] li { display: inline; outline: none; padding: 0 1px; margin: 0;  font: bold 12px/18px Arial; }
ul[role="tablist"] li:first-child a:link {border-left: 1px solid #D1DAEF; }
ul[role="tablist"] li a:link, ul[role="tablist"] li a:visited { text-align: center; float: left; color: #3f5ca5; background: #f8f8f8 url(/Content/Images/backgrounds/bg_tabGrayBG.jpg) 0 0 repeat-x; padding: 5px 15px;  margin: 0; text-decoration: none; border-bottom: 1px solid #364C81; border-right: 1px solid #9BAACF; border-top: 1px solid #D1DAEF; position:relative; top:1px; }
/* -- ul[role="tablist"] li.firstTab a:visited { border-left: 1px solid #364c81; }  */
ul[role="tablist"] li a:hover {background: #cceaff; color: #1b2758; float: left; padding: 5px 15px; margin:0; text-align: center; position:relative; text-decoration: none; top:1px; }
ul[role="tablist"] li a.selected { background: #364c81 url(/Content/Images/backgrounds/bg_tabBlueBG.jpg) 0 1px repeat-x !important; border-bottom: none!important; border-left: 1px solid #364c81 !important; border-right: 1px solid #364c81; border-top: 1px solid #364c81; color: #000 !important; font: bold 12px Arial, Helvetica, sans-serif;padding-top: 9px; padding-bottom: 5px; }



#memberDirectoryTab h3 { font-size:18px; line-height:1.1em; text-align:center; }
#memberDirectoryTab h3 span { display: block; font-size:14px; line-height:1.1em; margin:5px; text-align:center; }
#memberDirectoryTab table thead tr th { border-bottom: 1px #000000 solid; }
#memberDirectoryTab table td, #memberDirectoryTab table td { padding:5px 0; }

#waysMeans.listmenu { font: bold 13px Arial; margin: 20px 0 0 20px; }
#waysMeans.listmenu ul { margin: 0; padding: 0; }
#waysMeans.listtmenu ul li { display: inline; }
#waysMeans.listmenu ul li a { color: #0d1746; padding: 0; text-decoration: underline; font-weight: normal }
#waysMeans.listmenu ul li a:visited { color: #0d1746; background: #a5b9e7; }
#waysMeans.listmenu ul li a.selected { color: #0d1746 !important; font-weight: bold; text-decoration: none;}

/* -- Tab styles - KM  -- */
.Columns .tabcontent { background: #fff; padding: 10px; background: transparent url(/Content/Images/backgrounds/bg_tabBlueBG.jpg) 0 -24px repeat-x; min-height: 400px; height:auto !important; height: 400px; }
.Columns .tabScrollArea { height: 400px; overflow: auto; position: relative; padding: 10px;}
.Columns .tabcontent .longTextContent { font: normal 14px/2 Verdana, Arial, sans-serif; padding: 20px 30px; }
.Columns .tabcontent .tabToolbar {height: 20px; background: transparent; border-bottom: 1px solid #bbe; width: 728px; padding: 8px 10px; margin: 0;}
.Columns .toolbar h2, .Columns .toolbar select,
.Columns .tabToolbar h2, .Columns .tabToolbar select { width: auto; float: left; }
.Columns .tabToolbar .fieldSet { float: left; margin: 0 20px 0 0; }
.Columns .tabToolbar .toolbarTextField { padding: 2px 5px; font: normal 11px Verdana; color: #666; }
.Columns .toolbar a:link, .Columns .toolbar a:visited,
.Columns .toolbar a:hover, .Columns .toolbar a:active {color: #fff;}
.Columns .toolbar .goButton,
.Columns .tabToolbar .goButton { float: left; width: auto; height: 20px; border: 1px solid #cdc; background: #cceaff; margin: 0 20px; }
/* -- end tab styles - KM -- */

/* -- Tab styles - Senate -- */
#OtherDocuments #documentTable { width: 95%; }
.SWMSecretariat { border-top: 5px double #000; border-bottom: 1px solid #000; padding: 4px 0; text-align: center; }
.SWMAgency { text-align: center; }
.SWMOutsideSectionsHeader { font-size: larger; text-align: center; }
/* -- end tab styles - Senate -- */

.tabcontentstyle { border: 1px solid gray; width: 100%; margin-bottom: 1em; padding: 0 }
div[role="tabpanel"] { display: none; border-style: solid; border-color: #314d91; border-width: 1px; margin:0; min-height:100px; padding: 0; }
div[role="tabpanel"] ul.thumbNail { margin: 0; padding: 20px 0; }
div[role="tabpanel"] ul.thumbNail li { list-style: none; float: left; margin: 0 15px 0 15px; }
div[role="tabpanel"] ul.thumbNail li a { margin: 0; padding: 0; list-style-type: none; display: block; float: left; width: 60px; height: 60px; }

.tabcontentGradient { padding: 60px 0; background: #fff; /* for non-css3 browsers */
                      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b8caf5'); /* for IE */
                      background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#b8caf5)); /* for webkit browsers */
                      background: -moz-linear-gradient(top,  #fff,  #b8caf5); /* for firefox 3.6+ */ }
@media print { .tabcontent { display:block !important; } }

#photoTourPage .tabcontent { padding: 0;  }
#photoTourPage .tabcontentGradient { height: 420px; padding: 30px 0 0 0; background: #dff1fb; /* for non-css3 browsers */
                      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff1fb', endColorstr='#000000'); /* for IE */
                      background: -webkit-gradient(linear, left top, left bottom, from(#dff1fb), to(#000000)); /* for webkit browsers */
                      background: -moz-linear-gradient(top,  #dff1fb,  #000000); /* for firefox 3.6+ */ }
                      
#photoTourPage .thumbnailContainer { background: #333; height: 118px; overflow: auto;}
#photoTourPage .thumbnailContainer ul.thumbNail { margin: 0; padding: 0; }
#photoTourPage .thumbnailContainer .thumbNail li { list-style: none; float: left; margin: 5px;padding: 2px; }
#photoTourPage .thumbnailContainer .thumbNail li img { border: 3px solid #2C488D; }
#photoTourPage .thumbnailContainer ul.thumbNail li a { margin: 0; padding: 0; list-style-type: none; display: block; float: left; width: auto; height:auto; }
#photoTourPage .thumbnailContainer ul.thumbNail li a:hover img { border: 3px solid #fff; }
#photoTourPage .tabcontentGradient p.caption { font: bold 13px Arial, Helvetica, sans-serif; color: #fff;}
#photoTourPage .thumbnailContainer .thumbnail { padding: 10px; }

/*</agl.folder>*/

/*<agl.folder "Left Nav">*/
/* edited and changed by KM */
#leftNav { width: 200px; height: auto !important; margin: 10px 3px 0 0; font: normal 16px/1 Arial, Helvetica, Sans-Serif; }
#leftNav .sectionTitle { display: block; height: 30px; margin: 0 0 15px 0;padding: 0; font: normal 16px/1.2 Georgia, Times, Arial, Helvetica; color: #f8e4ab; }
#leftNav .sectionTitle a:link,
#leftNav .sectionTitle a:visited,
#leftNav .sectionTitle a:active { display: block; color: #f8e4ab; text-decoration: none; line-height: 16px; padding:  10px 5px 10px 10px;}
#leftNav .sectionTitle a:hover { color: #fff; text-decoration: none; line-height: 16px; background: #005daa;}
#leftNav ul { margin: 0; padding: 0; font-size: 13px; letter-spacing: .5px;}
#leftNav ul li {  line-height: 22px; display: block; margin: 0 0 1px 0;}
#leftNav ul li.selected {  background: #2c488d;  }

#leftNav ul li a:link { padding: 5px 5px 5px 20px; display: block; background: #3b4460; color: #cceaff; }
    #leftNav ul li.selected a:link,
     #leftNav ul li.selected a:visited,
       #leftNav ul li.selected a:active  { padding: 5px 5px 5px 20px; display: block; color: #fff; font-weight: bold; font-size: 14px; background: #2c488d url(/Content/Images/icons/ico_pointerRight.png) no-repeat -6px 4px;}
    #leftNav ul li.selected a:hover  { padding: 5px 5px 5px 20px; display: block; color: #fff;  background: #2c488d url(/Content/Images/icons/ico_pointerRight.png) no-repeat -6px 4px; }
#leftNav ul li a:visited   { padding: 5px 5px 5px 20px; display: block; background: #3b4460; color: #cceaff; color: #cceaff; text-decoration: none; }
#leftNav ul li a:hover {  padding: 5px 5px 5px 20px; display: block; color: #fff; text-decoration: none; background: #005daa;}
#leftNav ul li a:active { color: #cceaff; text-decoration: none; }

#leftNav ul li.selected ul { margin: 0; padding: 0 0 5px 0; }
#leftNav ul li.selected ul li { line-height: 16px; display: list-item; color: #f6d997; padding: 0; }
#leftNav ul li.selected ul li a:link,
#leftNav ul li.selected ul li a:visited,
#leftNav ul li.selected ul li a:active { font-size: 12px; font-weight: normal; padding: 5px 5px 5px 40px; color: #cceaff; background: #2c488d url(/Content/Images/icons/ico_navBullet2.png) 20px 2px no-repeat; }
#leftNav ul li.selected ul li a:hover { font-size: 12px; font-weight: normal; padding: 5px 5px 5px 40px; color: #cceaff; background: #005daa url(/Content/Images/icons/ico_navBullet2.png) 20px 2px no-repeat;}


/*</agl.folder>*/

/*<agl.folder "Right Nav">*/
#rightNav { background: #1b2758 url(/Content/Images/shadows/shdw_left.png) repeat-y; float: left; display: block; min-height:512px; width: 100%; color: #f6d887; margin: -5px 0; padding: 0; }
#rightNav .menuHeader { width: 100%; background: #405899; }
#rightNav .menuHeader h4 { background-image: url(/Content/Images/icons/ico_pointerRight.png); background-repeat: no-repeat; background-position: 4px,3px; left: 10px; height: 20px; margin: 0; padding: 5px 0 0 25px; }

#rightNav ul.menuContent { margin: 4px 0 10px 12px; }
#rightNav ul.menuContent li { display: block; }
#rightNav ul.menuContent li a, 
#rightNav ul.menuContent li a:visited,
#rightNav ul.menuContent li a:active { margin: 0; padding: 0; list-style-type: none; color: #f6d887; text-decoration: none; }
#rightNav ul.menuSubContent { margin: 4px 0 10px 12px; float: left }
#rightNav ul.menuSubContent li a, 
#rightNav ul.menuSubContent li a:visited,
#rightNav ul.menuSubContent li a:active { margin: 0 0 0 4px; padding: 0; list-style-type: none; color: #f6d887; text-decoration: none; }
#rightNav ul.menuContent li a:hover { margin: 0; padding: 0; list-style-type: none; color: #f6d887; text-decoration: underline; }
#rightNav ul.menuSubContent li a:hover { margin: 0 0 0 4px; padding: 0; list-style-type: none; color: #f6d887; text-decoration: underline; }
/*</agl.folder>*/

/*<agl.folder "Leadership Nav">*/
#leaderShip td.vertmenu { width: 150px; font: bold 13px Arial; margin: 0; padding: 0; }
#leaderShip td.vertmenu ul { width: 100%; margin: 0; padding: 0; background: #3e5ba3; }
#leaderShip td.vertmenu ul li { display: block; margin: 0; padding: 0}
#leaderShip td.vertmenu ul li a { width: 100%; text-align: center; color: #f6d887; background: #3e5ba3 url(/Content/Images/backgrounds/img_leftMenu.jpg) repeat-y; padding: 10px 0; margin: 0; text-decoration: none;
                               border-top: 1px solid #f6d887; display: block; }
#leaderShip td.vertmenu ul li a:visited { color: #f6d887 !important; background: #a5b9e7; }
#leaderShip td.vertmenu ul li a.selected { color: #f6d887 !important; padding-top: 10px; background: #3f5ca5 !important; }


/* -- delete when restyle of budget process is complete

#budgetProcess td.vertmenu { width: 175px; height: 100%; font: bold 13px Arial; margin: 0; padding: 0; font-variant: small-caps }
#budgetProcess td.vertmenu ul { width: 100%; margin: 0; padding: 0; background: #3e5ba3; }
#budgetProcess td.vertmenu ul li { display: block; margin: 0; padding: 0; background: #3e5ba3 url(/Content/Images/backgrounds/img_leftMenu.jpg) repeat-y right;}
#budgetProcess td.vertmenu ul li a { width: 100%; text-align: left; color: #f6d887; background: #3e5ba3 url(/Content/Images/backgrounds/img_leftMenu.jpg) repeat-y right; padding: 10px 0; margin: 0; text-decoration: none;
                               border-top: 1px solid #f6d887; display: block;}
#budgetProcess td.vertmenu ul li a table tr { vertical-align: top; }
#budgetProcess td.vertmenu ul li a:visited { color: #f6d887; background: #a5b9e7; }
#budgetProcess td.vertmenu ul li a.selected { color: #f6d887 !important; padding-top: 10px 0; background: #3f5ca5 !important; }

-- */

/* -- New Budget Process Styling (CO) -- */

#budgetProcess #Column1 { margin:0 0 30px; }
#budgetStatus
{
    background:url(/Content/Images/icons/ico_budgetStatusRule.png) no-repeat scroll 17px 14px transparent;
    float: left;
    margin: 0;
    width: 265px;}

#budgetStatus li
{
    background: url(/Content/Images/icons/ico_budgetProcessStatus.png) no-repeat scroll 0 0 transparent;
    display: block;
     margin: 0 0 10px;
    padding: 5px 0 5px 45px;
}

#budgetStatus li.completed { background-position: -1px 0; }
#budgetStatus li.inProcess { background-position: 1px -38px; }
#budgetStatus li.upComing { background-position: 1px -84px; }
#budgetStatus li.inProcess a,
#budgetStatus li.upComing a { color:#656565!important; }



#budgetStatus li[class] a:link,
#budgetStatus li[class] a:visited
{
    background-image:none;
    border: 1px solid #DDDDDD;
    color:#aaaaaa;
    display: block;
    font-size: 12px;
    font-weight: bold;
    min-height: 17px;
    padding: 2px 2px 2px 5px;
}

#budgetStatus li[class] a:hover
{
    background-color:#cceaff;
    color:#333333!important;
    text-decoration:none;
}

#budgetStatus li[class] a.selected
{
    color:#22558F !important;
    text-decoration:none!important;
}

#budgetStatus a span
{
    font-family: georgia;
    font-size: 16px;
    font-weight: normal;
}

.leaderContent[role="tabpanel"]
{
    background: url(/Content/Images/backgrounds/bg_tabBlueBG.jpg) repeat-x scroll 0 0 transparent;
    border: 1px solid #DDDDDD;
    float: left;
    font-family:Georgia, Arial, Helvetica, sans-serif;
    height: auto !important;
    line-height:2.5;
    margin: 5px 0 0 25px;
    min-height: 350px;
    padding: 10px;
    width: 400px;
}

.leaderContent h3,
.leaderContent h2 { font-size:20px; font-weight:normal; text-align:left!important; }
.leaderContent h3 span,
.leaderContent h2 span { font-size:36px; }
.leaderContent p.small { font:10px/1.2 Arial, helvetica, san-serif; }
.leaderContent p { line-height:2.0; }


#budgetFinal td.vertmenu { width: 175px; height: 100%; font: bold 13px Arial; margin: 0; padding: 0; font-variant: small-caps }
#budgetFinal td.vertmenu ul { width: 100%; margin: 0; padding: 0; background: #3e5ba3; }
#budgetFinal td.vertmenu ul li { display: block; margin: 0; padding: 0; background: #3e5ba3 url(/Content/Images/backgrounds/img_leftMenu.jpg) repeat-y right;}
#budgetFinal td.vertmenu ul li a { width: 100%; text-align: center; color: #f6d887; background: #3e5ba3 url(/Content/Images/backgrounds/img_leftMenu.jpg) repeat-y right; 
                                   padding: 10px 0; margin: 0; text-decoration: none; border-top: 1px solid #f6d887; display: block;}
#budgetFinal td.vertmenu ul li a table tr { vertical-align: top; }
#budgetFinal td.vertmenu ul li a:visited { color: #f6d887; background: #a5b9e7; }
#budgetFinal td.vertmenu ul li a.selected { color: #f6d887 !important; padding-top: 10px; background: #3f5ca5 !important; border: 1px solid #f6d887 }

.pieChartContent { display: none; margin: 20px; padding: 0; }

@media print { .tabcontent { display:block !important; } }
/*</agl.folder>*/

/*<agl.folder "Footer">*/
#Footer { width: 1000px; margin: 0 auto; padding: 0; color: #1b2758; line-height: 18px; }
#footerNav { width: 100% !important; margin: 20px auto 0 auto; padding: 0; text-align: center; height: 30px !important; display: block; }
#footerNav ul { width: 290px; margin: 0 auto; padding: 0; display: block;  }
#footerNav ul li { border-left: 1px solid; display: block; float: left; font: normal 12px/1.6 Helvetica, Arial, sans-serif !important; margin: 0 auto; padding: 0 8px 2px; }
#footerNav ul li:first-child { border-left: medium none; }

#footerCopy { font: normal 12px/1.6 Helvetica, Arial, sans-serif !important; width: 100%; text-align: center; }
#footerNav ul li a, 
#footerNav ul li a:visited,
#footerNav ul li a:active, 
#footerNav ul li a:hover { color: #1b2758; text-decoration: underline; }

#megaFooterWrapper { border: 3px solid #cbae60; border-top: none; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; width: 994px; margin:0: padding: 0;}
#megaFooterToggle a.toggleSlideSource:link, #megaFooterToggle a.toggleSlideSource:visited { display: block; height: 15px; background: #22558f; color: #fee19c; padding: 2px 10px; text-align: center; width: 974px; font-size: 10px; text-decoration: none;}
#megaFooterToggle a.toggleSlideSource:hover { background: #233760; color: #fff; }
#megaFooterTableWrapper { padding: 5px 10px; background: #332e2d; display: none; }
#megaFooterTable { font: bold 12px/1 Arial, Helvetica, sans-serif; }
#megaFooterTable td { vertical-align: top; padding: 3px 5px; width: 110px;}

#megaFooterTable ul { font: normal 10px/1 Verdana, Arial, Helvetica, sans-serif; }
#megaFooterTable ul a:link, #megaFooterTable ul a:visited { color: #cceaff; text-decoration: none; line-height: 1; }
#megaFooterTable li { margin-bottom: 5px; line-height: 1; }
#megaFooterTable ul a:hover { color: #ffc; text-decoration: underline; }
#megaFooterTable .megaFooterColumn { float: left; margin: 0 10px 0 0; width: 111px; }
#megaFooterTable h3.megaFooterColumnHead { font-size:14px!important; height: 32px; margin: 0 0 5px; vertical-align: bottom;}
#megaFooterTable h3.megaFooterColumnHead a { color: #ffc;}



/*</agl.folder>*/
 
/***********************************
*******   !!! CAUTION !!!   ******** 
*******  MODAL POP CONTENT  ********
*******  BEYOND THIS POINT  ********
************************************/

/*<agl.folder "Modal Pop">*/
#lightview { position: absolute; top: 50%; left: 50%; height: 150px; width: 150px; margin: -75px 0 0 -75px; padding: 0; text-align: left; }
.lv_Container { position: relative; width: 100%; height: 100%; background: none; padding: 0; margin: 0; }
.lv_Button { cursor: pointer; text-decoration: none; border: none; background: none; margin: 0; padding: 0; }
.lv_Sides { position: absolute; top: 50%; left: 0; clear: both; width: 100%; padding: 0; margin: 0; }
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li { list-style-type: none; position: relative;}
.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper { width: 100%; height: 100%; cursor: pointer; }
.lv_Sides .lv_Button { float: left; background: none; }
.lv_Frames { width: 100%; height: 100%; position: relative; padding: 0; margin: 0; }
.lv_Frames li { list-style-type: none;  margin: 0;  padding: 0; }
.lv_Frame { width: 100%;  display: block; }
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop { position: absolute; left: 0; width: 100%; display: block; }
.lv_FrameBottom { position: relative;  float: left; clear: both; }
.lv_Liquid { position: relative; float: left; width: 100%; overflow: hidden; clear: both; }
.lv_Liquid .lv_Filler { position: absolute; height: 100%; width: 2px; top: 0; left: 50%; }
.lv_Half { display: block; height: 100%; clear: both; line-height: 0px; }
.lv_Half li { list-style-type: none; }
.lv_Corner { float: left; position: relative; }
.lv_CornerTr, .lv_CornerBr { float: right; }
.lv_Fill { position: absolute; top: 0; width: 100%; height: 100%; }
.lv_Half .lv_CornerWrapper { float: left; position: relative; width: 50%; height: 100%; overflow: hidden; }
.lv_HalfRight .lv_CornerWrapper { float: right; }
.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner { position: relative; float: right; }
.lv_Center { position: relative; clear: both; height: 100%; overflow: hidden; background: none; padding: 0; margin: 0; }
.lv_WrapUp { position: absolute; left: 0; height: 100%; width: 100%; overflow: hidden; padding: 0; margin: 0; }
.lv_WrapDown { position: relative; height: 100%; width: 100%; overflow: hidden; padding: 0; margin: 0; }
.lv_WrapCenter { position: relative; padding: 0; margin: 0; }
.lv_Loading { position: absolute; top: 50%; left: 50%; }
.lv_Loading .lv_Button { float: left; height: 100%; width: 100%; }
.lv_MediaWrapper { position: relative; width: 100%; display: block; overflow: hidden; clear: both; padding: 0; margin: 0; }
.lv_MediaWrapper img { position: relative; float: left; padding: 0; margin: 0; }
.lv_PrevNext { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; }
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button { position: relative; height: 100%; }
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }
.lv_MenuBar { clear: both; position: relative; width: 100%; font: 11px Arial, Helvetica, sans-serif; color: #7a7a7a; padding: 0; margin: 0; text-align: left; }
.lv_MenuBar * { padding: 0; margin: 0;}
.lv_Close { position: relative; float: right; overflow: hidden; width: 100%; height: 100%; }
.lv_Data { position: relative; float: left; padding-bottom: 3px; line-height: 13px; overflow: hidden; }
.lv_Data li { list-style-type: none; float: left; margin-top: 3px; }
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title { font-weight: bold; margin-bottom: 2px; }
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber { color: #a7a7a7; margin-right: 5px; margin-top: 5px; }
.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow { position: relative; border-left: 1px solid #d7d7d7; padding: 0 5px; margin-top: 5px; vertical-align: middle; }
.lv_Data .lv_Slideshow { padding-right: 0px; }
.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { float: left; background-position: center left; 	background-repeat: no-repeat; }
.lv_contentTop,
.lv_contentBottom { position: relative; float: left; margin: 0; padding: 0; clear: both; }
#lightview iframe { float: left; border: 0; clear: both; padding: 0; margin: 0; background: none; }
.lv_topButtons { position: absolute; left: 0; width: 100%; overflow: hidden; margin: 0; padding: 0; }
.lv_topcloseButtonImage { cursor: pointer; }
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div { padding: 6px; font: 11px Arial, Helvetica, sans-serif; }
#lightviewError .message { background: #fcb5b5; color: #dd1f1f; margin-bottom: 3px; }
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage { background: #b5fcbd; color: #21be30; }
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {	color: #21be30; text-decoration: none; 	background: none; font-weight: bold; border-bottom: 1px solid #7de689; }
#lightviewError p { margin-left: 0;	padding: 0; }
#lv_overlay {  position: absolute; /* Opera will use fixed */  top: 0; left: 0; height: 100%; width: 100%; }
#lightviewController { position: fixed; bottom: 0; top: 0; left: 50%; margin: 0; padding: 0; color: #d2d2d2; font: 11px Arial, Helvetica, sans-serif; }
* html body #lightviewController { /* IE6 */ position: absolute; top: auto; margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');	}
#lightviewController ul { display: block; height: 100%; float: left; margin: 0; padding: 0; position: relative; }
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom { list-style-type: none; float: left; display: block; position: relative; clear: both; overflow: hidden; 	margin: 0; 	padding: 0; }
.lv_controllerCenter  { width: auto; float: left; }
.lv_controllerCornerWrapper { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; }
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}
#lightviewController .lv_CornerWrapper { width: 100%; }
#lightviewController .lv_Corner { float: left; }
#lightviewController .lv_Corner { float: right; position: relative; }
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
.lv_controllerBetweenCorners { position: relative; height: 100%; overflow: hidden; }
.lv_controllerMiddle { position: relative; height: 100%; float: left; }
.lv_controllerCenter { float: left; width: auto;}
.lv_controllerCenter li { list-style-type: none; float: left; display: inline; position: relative; clear: none; }
.lv_controllerSetNumber { float: left; text-align: center; }
#lightviewController .lv_Button { float: left; position: relative; height: 100%; clear: none; }
.lv_controllerSetNumber { position: relative; height: 100%; padding-right: 3px; }
.lv_controllerPrev,  
.lv_controllerNext, 
.lv_controllerSlideshow, 
.lv_controllerClose { float: left; position: relative; height: 100%; padding-left: 3px; }
.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }
* html #lightview { /* IE6 */ position: absolute;  margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');}
html #lv_overlay { position: absolute; height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' ); width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' ); }
/*</agl.folder">*/

/***********************************
*******   !!! CAUTION !!!   ******** 
******* TRIVIA PAGE CONTENT ********
*******  BEYOND THIS POINT  ********
************************************/

/*<ag.folder "Trivia Page Content">*/
#overlayTrivia { background: #19316d; width: 700px; height: 450px; border: 1px solid #000; margin: 0; padding: 0; color: #f4d686; overflow: hidden }
div#Trivia { width: auto; height: 450px; border: 1px solid #000; color: #f4d686; }
#triviaWrapper { background: #3d59a2 url(/Content/Images/backgrounds/Trivia/bg_rightSide.png) no-repeat top right; border: 3px solid #C3A963; margin: 0 auto; padding: 0; width: auto; height: 444px; }
#triviaWrapper .left { background: url(/Content/Images/backgrounds/Trivia/bg_leftCorner.png) repeat scroll -4px -4px transparent; float:left; height: 127px; width: 145px; z-index: 0; } 
/*#triviaWrapper .right { background-image: url(/Content/Images/backgrounds/Trivia/bg_rightSide.png); background-repeat: no-repeat; float:right; height: 191px; width: 149px; z-index: 0; }*/ 
#triviaWrapper .mainContent { float:left; width: 450px; border:none; }
#triviaWrapper .mainContent .answers { margin: 0 0 0 20px; }
#triviaWrapper .mainContent .answers label,
#triviaWrapper .mainContent .answersClicked span { color: #f4d686; font: normal 18px/36px Arial, Helvetica, sans-serif; }
#triviaWrapper .mainContent p .correctAnswer { color: #ffffff; font: bold 22px/36px Arial, Helvetica, sans serif; }
#triviaWrapper .mainContent legend { font: normal 20px/1.5 Arial, Helvetica, sans-serif; color: #eee; float:left; margin:20px 0; width:500px; }
#triviaAnswers { margin:0 0 0 45px; }
/*</agl.folder>*/

/* Find Legislator specific form styles */

#legislatorSearchWidget { height: auto; background: #fff; padding: 20px; margin: 0 0 20px 0;}
.findLegislator { background: url("/Content/Images/backgrounds/bg_tabBlueBG.jpg") 0 -20px repeat-x; }
#legislatorSearchPage .findLegislator {border: 1px solid #ddd; float:left; width: 330px; height:320px; padding: 15px; position: relative; }
#legislatorSearchWidget .findLegislator {border: 1px solid #ddd; float:left; width: 330px; height:275px; padding: 15px; position: relative; }
.findLegislator.firstColumn { margin-right:20px;}

#legislatorSearchWidget h2 { font: bold 16px/1.2 Georgia, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; padding: 0; }
.findLegislator h2 { font: bold 13px/1.2 Arial, Helvetica, sans-serif; margin: 0 0 20px 0; padding: 0; }
.findLegislator div label { text-align: left; font-size: 11px; color: #555;}
.findLegislator div input[text] { float:left }
.findLegislator div select { margin: 0; position: relative; top: -1px;}
.findLegislator div span.field-validation-error { color:#f00; display:block; font:11px/12px Tahoma,Arial,Verdana; left:155px; margin:2px 0 5px 10px; position:absolute; top:20px; }
.findLegislator .searchButtonArea { top: auto; bottom:16px; left: auto; right:20px;  display:block; float:none !important; margin:0; position:absolute; width: 170px; height: 40px;}

.findLegislator div.findLegButton input[type="image"] { float:none!important; position:absolute; right:0;}



#myLegSearchResults h2 { font:bold 14px/14px Verdana,Arial,sans-serif; }
#myLegSearchResults #resultsBackground { width:709px; }
#myLegSearchResults .memberContent { float: left; margin: 0 0 30px; width: 50%; }
#myLegSearchResults .memberContent>a { display: block; float: left; margin:0 10px 0 0; min-width: 135px;}
#myLegSearchResults .memberContent img { border: 1px solid #F4D686; }
#myLegSearchResults .memberContent h3 { clear:left; color: #F4D686; display: block; font: bold 11px Verdana,Aria,Helvetica; max-width: 200px; }
#myLegSearchResults .memberContent h3 * { display:block; margin:0 0 3px; width:100%!important; }
#myLegSearchResults .memberContent h3 a { color:#fff; font-size:12px; text-decoration:underline; }


/* Member page overrides */


/* styles introduced by KM */
.Columns.memberPg .Column { float: none;  width: 100%; }

.memberPg .Column h2 {
    font: bold 12px/20px Arial, Helvetica, sans-serif; 
    height: 20px; padding: 2px 5px; margin: 0 0 10px 0; background: #e3eff0; color: #222;}
.memberPg .branchLeaderItem { margin: 0 0 20px 0; }
.memberPg .leaderProfile { margin: 10px; float: none; }
.memberPg .leaderProfile .profileImage {float: left; height: auto; width: auto; margin: 0 20px 20px 0; }
.memberPg .leaderProfile h3 { margin: 0 ; float: none; font: bold 16px/1.2 Arial, Helvetica, sans-serif; }
.memberPg .leaderProfile h4 { margin: 0; float: none; font: bold 12px/1.2 Arial, Helvetica, sans-serif; color: #333;}
.memberPg .leaderProfile .profileContent { float: left; width: 600px; margin: 0;}
.memberPg .leaderProfile .profileContent .profileShortDesc { font: normal 12px/1.2 Arial, Helvetica, sans-serif; color: #666; }
    .viewProfileLink:link, .viewProfileLink:visited { font: bold 12px/1.2 Arial, Helvetica, sans-serif; text-decoration: none; white-space: nowrap;} 
    .viewProfileLink:hover, .viewProfileLink:active { text-decoration: underline; }
.landingPage .introText,
.memberPg .introText,
.memberPg .introText div,
.districtHome .introText,
.districtHome .introText div { font: normal 12px/1.5 Arial, Helvetica, sans-serif; /* the line height is not being taken because it's overridden somewhere - to come back to this later */ }

.districtProposedLettering {font-size:small; color:Red; margin-left: 190px; margin-top: -35px;}

.memberPg #Column1,
.districtHome #Column1 { min-height: 210px; height: auto !important; height: 210px; margin: 0 0 40px 0;}

.memberPg #Column1 .Widget,
.districtHome #Column1 .Widget { float:left; width:430px; }
.memberPg #Column1 .Widget {margin-bottom: 0;} /* fix for /People/House positioning/spacing -- MD */

.memberPg .caption,
.districtHome .caption { font: normal 11px/1.5 Arial, Helvetica, sans-serif; padding: 10px 0 0 0; }

.memberPg #Column1 .imageRotationSmall,
.districtHome #Column1 .imageRotationSmall { width: 275px; float:left; margin-left:10px; }

.memberPg #branchLeaders { margin: 0 0 40px 0; }

.memberPg #memberDirectory #directoryToolbar {height: 20px; padding: 5px 10px; margin: 0 0 20px 0; background: #30578d; }
.memberPg #memberDirectory h2 {  font: bold 12px/20px Arial, Helvetica, sans-serif  padding: 2px 5px; margin: 0 20px 0 0; background: none; color: #fff; display: inline;}
.memberPg #memberDirectory h3 { font: bold 14px/1.2 Arial, Helvetica, sans-serif; color: #333 ; margin: 0 15px 20px 15px; }
.memberPg #memberDirectory h3 span { display: block; font-size: 12px; color: #666; }

.memberPg #DirectoryToolbar .sortField { float: left; width: 200px; height: 25px; font: normal 11px/1 Verdana; } 


#memberDirectoryTable { width: 750px; border-bottom: 1px solid #666;}
#memberDirectoryTable th { margin: 0; padding: 5px; border-bottom: 1px solid #666; color: #333; vertical-align:bottom; }
#memberDirectoryTable td { padding: 10px; text-align: left; border-bottom: 1px solid #eee;  font: normal 12px Verdana, Arial, Helvetica, sans-serif; vertical-align: top; }

#memberDirectoryTable .dataRow:hover td { background: #cceaff; }
#memberDirectoryTable .dataRow:hover td.groupHeader { background: #E3EFF0; }
#memberDirectoryTable th.firstCol,
#memberDirectoryTable td.firstCol  {padding-left: 15px; }
#memberDirectoryTable td.lastCol {padding-right: 15px; }

#memberDirectoryTable td.groupHeader { padding: 5px 10px 5px 10px; height: 10px; font: bold 14px Arial, Helvetica, sans-serif; color: #333; border-top: 1px solid #333; vertical-align: bottom; background: #E3EFF0; }

#memberDirectoryTable .nameCol { width: 125px; text-align: left;}#memberDirectoryTable .fullName { color:#666; margin-left:10px; font-size:10px; }
#memberDirectoryTable .partyCol { text-align: center;}
#memberDirectoryTable .locationCol { width: 50px; text-align: left;}
    #memberDirectoryTable th.locationCol { padding-left: 10px;}
#memberDirectoryTable .branchCol { text-align: center;}
#memberDirectoryTable .phoneCol { width: 90px; text-align: center;}
#memberDirectoryTable .locationAndPhoneCol { width: 100px; text-align: left;}
    #memberDirectoryTable th.locationAndPhoneCol { padding-left: 10px; }
    #memberDirectoryTable td.locationAndPhoneCol { line-height: 16px; }
#memberDirectoryTable .emailCol { width: 200px; text-align: left; padding-left: 10px;}
    #memberDirectoryTable td.emailCol { margin: 0 auto; font-size: 11px;}
#memberDirectoryTable .photoCol { padding: 10px 15px; text-align: center; vertical-align: top;}
#memberDirectoryTable th.photoCol { vertical-align: bottom;  margin: 0; padding: 5px 0; text-align: center;}
#memberDirectoryTable .photoCol .memberPhotoIcon, 
#memberDirectoryTable .photoCol .memberPhotoIcon,
#memberDirectoryTable .photoCol .memberPhotoIcon:link, 
#memberDirectoryTable .photoCol .memberPhotoIcon:visited { display: block; width: 22px; height: 27px; margin: 0 auto; background: transparent url(/Content/Images/backgrounds/bg_iconPhotoMemberDirectory.png) 0 0 no-repeat; text-indent: -10000px;}
#memberDirectoryTable .photoCol .memberPhotoIcon:hover { background: transparent url(/Content/Images/backgrounds/bg_iconPhotoMemberDirectory.png) -27px 0 no-repeat; }

/* -- <h> tag clean-up -- CO */
.specialGrad h1 {
font: bold 21px/16px Times New Roman,Georgia,serif;
margin: 0;
text-align: center;
/* width: 100%; */
}

/* styles introduced by KM */

/*COMMITTEES LISTS */

.committeeListPage .committeeList { margin: 10px; }

.committeeListPage .committeeList li
{
height: 25px;
list-style-type: none;
list-style-position: outside;
display: list-item;
vertical-align: middle;
text-align: left;
border: 1px solid #eee;
margin: 5px 5px 0 20px;
padding: 2px;
}

.committeeListPage .committeeList li a
{
display: block;
height: 15px;
padding: 5px;
background-color: #cceaff;
color: #005daa;
font: normal bold 12px/1.2 Arial,Verdana, Helvetica,sans-serif;
text-decoration: none;
}

.committeeListPage .committeeList li a:hover
{
background-color: #005daa;
color: #fff;
}
/* END COMMITTEES LISTS */

/* COMMITTEES DETAIL PAGES  */
#committeeDetail #committeeDetailHeader { margin: 0 0 20px 0; width: 750px;}
#committeeDetail h1 .committeeLabel { font: normal 14px/1.2 Georgia, Arial, Helvetica, sans-serif; display: block; }
#committeeDetail h1 .committeeShortName { display: block; }
.committeeDetailPage .committeeContactInfo { margin: 0 0 0 20px; padding: 10px; width:auto; float: left; background: #f6f6f6; border: 1px solid #ccc; float: right;}
.committeeDetailPage .committeeDesc { width: auto; margin: 0 20px 0 0; padding: 0; float: left; font: normal 12px/1.5 Arial, Helvetica, sans-serif; }
.committeeContactInfo h2 { font: bold 14px/1.5 Arial, Helvetica, sans-serif; margin: 0 0 5px 0; color: #999; }
.committeeDetailPage .committeeRoster h3 { font: bold 12px/1.2 Arial, Helvetica, sans-serif; color: #666; margin: 20px 0 5px 0; padding: 0 0 0 10px; border-bottom: 1px solid #ddd; }

.committeeDetailPage dl.address { font: normal 12px/1.5 Arial, Helvetica, sans-serif; margin: 5px 0px 0 0px; padding: 0; width: 160px; float: left;}
.committeeDetailPage .address dt {font-size: 12px; color: #333; margin: 0; padding: 0 0 0 10px; border-bottom: 1px solid #666;}
.committeeDetailPage .address dd { list-style-type: none; margin: 0; padding: 0 0 0 10px; } 
.committeeDetailPage .address dd .ddLabel { font: bold 12px/1.5 Arial; margin: 0 5px 0 0; }
.committeeDetailPage .address dd a:link,
.committeeDetailPage .address dd a:visited,
.committeeDetailPage .address dd a:active  { text-decoration: underline; }

.committeeDetailPage .committeeRoster { width: 330px; margin: 0 15px 0 10px; padding: 0; float: left; }
.committeeDetailPage .committeeRoster h2 { font: bold 14px/1.2 Arial, Helvetica, sans-serif; border-bottom: 3px solid #ddd; color: #666; margin: 10px 0 15px 0; padding: 5px 0 5px 20px; text-align: left; }
.committeeDetailPage .rankingMemberSection { clear: both; }
.committeeDetailPage .chairpersonArea { float: left; width: 300px; margin: 0 20px 0 0; }
.committeeDetailPage .rankingMembersArea { float: left; width: 300px; margin: 0; }
.committeeDetailPage #committeeTopRankingMember { clear: both; text-align: center; margin: 0; }
.committeeDetailPage #committeeTopRankingMember .rankingMemberName { margin: 0; padding: 0; font: bold 14px/1.2 Arial, Helvetica, sans-serif; }
.committeeDetailPage #committeeRankingMembers { margin: 0 0 20px 10px; }
.committeeDetailPage .identityInfo { margin: 0 0 10px 0; text-align: left; }
.committeeDetailPage .identityInfo .rankingMemberName { margin: 0; padding: 2px 0 0 0; font: bold 12px/1.2 Arial, Helvetica, sans-serif; }
.committeeDetailPage .identityInfo .rankingMemberTitle { margin: 0; padding: 0; font: bold 12px/1.2 Arial, Helvetica, sans-serif; color: #333;}
.committeeDetailPage .rankingMemberImageContainer { width: 52px; height: 72px; margin: 5px auto 0 auto; padding: 10px; border: 1px solid #ddd; background: #fff; text-align: center;}
    .rankingMemberImageContainer a { display: block; width: 52px; height: 72px; margin: 0 auto; overflow: hidden; border: 1px solid #fff; }
     .rankingMemberImageContainer img { margin: 0 0 0 -5px; }
.committeeDetailPage .committeeRegularMembers  { clear: both; margin: 20px 0 0 0; }
.committeeDetailPage .committeeRegularMembers ul { list-style: none; margin: 0 0 0 10px; padding: 0 0 20px 0;}
.committeeDetailPage .committeeRegularMembers ul li { width: 150px; margin: 0 10px 2px 0; display: block; float: left;}


.committeeDetailPage .dataTable { border: none; width: 700px; margin: 0 0 0 0}
.committeeDetailPage .dataTable tr th { border-bottom: 0px solid #ccc; background: transparent; color: #666; text-align: left; padding: 3px 0 3px 5px; background: #eeefdf;}
.committeeDetailPage .dataTable tr td { border-bottom: 1px solid #eee; padding: 10px 5px; vertical-align: top;}
.committeeDetailPage .dataTable .dataRow.last td,
.committeeDetailPage .dataTable .dataRow td.hearingDate,
.committeeDetailPage .dataTable .dataRow td.hearingBillList,
.committeeDetailPage .dataTable .dataRow td.hearingStatus,
.committeeDetailPage .dataTable .dataRow td.hearingVideo,
.committeeDetailPage .dataTable .dataRow td.hearingLocation
 { border-bottom: 1px solid #ccc; }
.committeeDetailPage .dataTable caption { font: bold 13px/1.5 Arial, Helvetica, sans-serif; color: #333; text-align: left; margin: 20px 0 0px 0;}

.committeeDetailPage .dataTable.hearingsTable { width: 700px;}
.committeeDetailPage .hearingsTable td {border: none; }
.committeeDetailPage .dataTable.hearingsTable td.hearingDate { width: 25px; overflow: hidden; background: #f1f8f4; text-align: center; }
.committeeDetailPage .dataTable.hearingsTable th.hearingDate { text-align: center; width: 30px; padding-left: 0px; }
.committeeDetailPage .dataTable.hearingsTable .hearingDate .calendarMonth { display: block; width: 25px; margin: 0 auto; font: normal 10px/1 Arial, Helvetica, sans-serif; text-transform: uppercase; color: #666; }
.committeeDetailPage .dataTable.hearingsTable .hearingDate .calendarDay { display: block; width: 25px; margin: 0 auto; font: bold 18px/1 Arial, Helvetica, sans-serif; color: #666; }
.committeeDetailPage .dataTable.hearingsTable #todayMarker .calendarMonth,
.committeeDetailPage .dataTable.hearingsTable #todayMarker .calendarDay { color: #912126; }
.committeeDetailPage .dataTable.hearingsTable #todayMarker .calendarToday { display: block; margin: 0 0 2px 0; padding: 2px 3px; background: #912126; color: #fff; font: bold 8px/1 Arial, Helvetica, sans-serif; text-transform: uppercase; }
.committeeDetailPage .dataTable.hearingsTable .hearingTime { width: 50px; text-align: right; }
.committeeDetailPage .dataTable.hearingsTable th.hearingTime { width: 50px; text-align: center; }
.committeeDetailPage .dataTable.hearingsTable .hearingTopic { width: 290px; padding-left: 10px; }
.committeeDetailPage .dataTable.hearingsTable .hearingBillsList { width: 50px; text-align: center; }
.committeeDetailPage .dataTable.hearingsTable .hearingBillsList p.iconText { width: 20px; margin: 0 auto;}
.committeeDetailPage .dataTable.hearingsTable th.hearingBillsList { width: 50px; text-align: center; padding-left: 0px; }

.committeeDetailPage .dataTable.hearingsTable td.hearingStatus,
.committeeDetailPage .dataTable.hearingsTable td.hearingVideo,
.committeeDetailPage .dataTable.hearingsTable td.hearingLocation { background: #f8f8f8; }
.committeeDetailPage .dataTable.hearingsTable .hearingStatus { width: 70px; }
.committeeDetailPage .dataTable.hearingsTable .hearingVideo,
.committeeDetailPage .dataTable.hearingsTable th.hearingVideo { width: 50px; text-align: center; }
.committeeDetailPage .dataTable.hearingsTable .hearingLocation { width: 80px; text-align: center; padding-left: 0px; }

.committeeDetailPage .dataTable.committeeBillList .docketNum { width: 70px; }
.committeeDetailPage .dataTable.committeeBillList .docketBillTitle { width: 320px; }
.committeeDetailPage .dataTable.committeeBillList .docketBillSponsor { width: 100px; }
.committeeDetailPage .dataTable.committeeBillList .docketBillIntake { }
.committeeDetailPage .dataTable.committeeBillList .docketBillAction { }

.committeeDetailPage #documentTable .hearingDocumentDate { width: 100px; }
.committeeDetailPage #documentTable .hearingDocumentTitle { width: 400px; }
.committeeDetailPage #documentTable .hearingDocumentType { width: 150px; }

#documentTable .hearingDocumentType { padding-left: 20px; }


/* END COMMITTEES DETAIL PAGES  */

/* end styles introduced by KM */

/* BEGIN Report Page Styles */

#dvReportSearch > div {
    padding: 0 0 15px 0;
}

#dvReportSearch .date {
    width: 100px;
}

#dvReportSearch .searchLabel {
    width: 75px;
    display: inline-block;
}

#dvReportSearch .keywordInput {
    width: 225px;
}

#dvReportSearch div.searchButtonArea {
    top: 0;
    left: 0;
    width: auto;
}

#dvReportSearch .iconText {
    vertical-align: top;
}

#reportList h1 {
    margin: 10px;
}

#reportList .toolbar {
    height: 20px; 
    padding: 5px 10px; 
    background: #30578d;
}

#reportList a.pdfButton {
  background-color: rgb(231,231,231);
  height: 22px;
  width: 110px;
  border-top: 1px solid rgb(199, 198, 198);
  border-right: 1px solid rgb(199, 198, 198);
  border-bottom: 1px solid rgb(199, 198, 198);
  border-left: 1px solid rgb(199, 198, 198);
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  margin: 5px 0 5px 0;
  display: inline-block;
  text-decoration: none;
}

#reportList span.PDFIcon {
  background-position: -20px -180px;
}

#reportList .icon {
  display: inline;
  float: left;
  margin-right: 5px;
  text-indent: -10000px;
  outline: none;
  vertical-align: middle;
}

.reportsTable thead th,
.reportsTable tfoot th  {
     border-bottom: 1px solid #ccc; 
     color: #666; 
     text-align: left; 
     padding: 3px 5px; 
     background: #eeefdf;
}

#reportList .searchOptions {
    margin: 15px 0 10px 0;
}

.reportsTable .dataRow td.dateCell {
     width: 35px; 
     overflow: hidden; 
     background: #f1f8f4; 
     text-align: center;
} 

.reportsTable .dataRow td.nameCell {
     width: 325px; 
     overflow: hidden; 
     text-align: left;
     padding-left: 10px;
     text-decoration: underline;
     font-weight: bold;
} 

.reportsTable .dataRow td.submittedCell {
     width: 300px; 
     overflow: hidden; 
     text-align: left;
     padding-left: 10px;
} 

.reportsTable .dataRow td.downloadCell {
     width: 130px;
     padding-right: 10px;
} 

.reportsTable .calendarMonth {
     display: block; 
     width: 25px; 
     margin: 0 auto; 
     font: normal 10px/1 Arial, Helvetica, sans-serif; 
     text-transform: uppercase; 
     color: #666;
}

.reportsTable .calendarDay {
     display: block; 
     width: 25px; 
     margin: 0 auto; 
     font: bold 18px/1 Arial, Helvetica, sans-serif; 
     color: #666;
}

.reportsTable .dataRow td {
     border-bottom: 1px solid #eee;
     padding-top: 10px;
     padding-bottom: 10px;
     vertical-align: middle;
}

#reportsTable .nav {
    background:none;
    border:none;
    margin: 10px;
    font: inherit;
    cursor: pointer;
    color: #03C;
    font-weight: bold;
    text-decoration: underline;
}

/* END Report Page Styles */


/* Educate & Engage - Teachers & Kids page overrides   */
.educateAndEngage .resourceBox
{
    width: 650px;
    margin: 20px auto;
    padding: 10px;
    background: #f7f7ef;
    border: 1px solid #eee; }

.educateAndEngage .resourceBox .icon
{
    background:transparent;
    border:none;
    float:right;
    width: auto;
    height:95px;
    border: 1px solid #fff;
}
 
.educateAndEngage .resourceBox .icon img
{
    line-height:0;
}

.educateAndEngage .resourceBox .icon a:hover,
.educateAndEngage .resourceBox .icon a:focus { text-decoration: none; }

.educateAndEngage .resourceBox .iconDescription
{
    float:left;
    width:500px;
    margin:0 0 5px 10px;
 }

.educateAndEngage .resourceBox .iconDescription h2
{
    font: bold 14px/1.2 Helvetica, Arial, sans-serif;
    margin:10px 0 5px 0;
    padding:0;
}

.educateAndEngage .resourceBox .iconDescription p
{
    margin:0px;
}

.educateAndEngage .contactImage { width: 122px; height: 99px; }

/* -- End Educate & Engage - Teachers & Kids page overrides -- */

/* -- Educate & Engage - Special Events -- */
.engageEvents .iconDescription h2 { font: bold 11px/16px Arial,Helvetica,Verdana,Geneva,sans-serif; }

.directionsPage h2  { font: bold 11px/16px Arial,Helvetica,Verdana,Geneva,sans-serif; }

/* -- Educate & Engage - Contact Us overrides -- */
#engageContact #featuredListArea
{
    margin-left:0px!important;
    margin-top:20px;
}

#engageContact #featuredList1,
#engageContact #featuredList2
{
    margin-left:10px;
}

/* -- Photo Tour page overrides -- */
#photoTourPage ul[role="tablist"] li a.selected 
{
    background-color:#fff !important;
}


/* -- End Photo Tour page overrides -- */


/* --- Clerks Pages --- */

#clerksPage h1 .headingPrefix { display: block; font: normal 14px/1.2 Georgia, Arial, Helvetica, sans-serif; }
#clerksPage h1 .headingName { font: normal 22px/1.2 Georgia, Times, serif, Helvetica, Arial; }

.clerkContactInfo {
    background: #f6f6f6;
    border: 1px solid #ccc;
    margin: 0 0 10px;
    padding: 10px;
    }
.clerkContactInfo h2 {
    border-bottom: 1px solid #666;
    line-height: normal;
    margin-bottom: 10px;
    }
.clerkContactInfo address {
    font-style: normal;
    }


/* -- State House Accessibility Pages -- */
/* -- State House Accessibility Home -- */
#accessibilityHome h1 {
    margin-bottom: 10px;
    /* width: 400px; */
}

/* NOTE: None of these styles are necessary
#accessibilityHome #Column1 {
    position: relative;
}

#accessibilityHome #Column1 p {
    width: 400px;
}
*/

.serviceLinks .boxLink {
    float: left;
    margin: 0 0 15px;
    width: 370px;
}

.serviceLinks .boxLink a,
.serviceLinks .boxLink a:link,
.serviceLinks .boxLink a:visited {
    background: #f7f7ef url(/Content/Images/buttons/btn_sprite_servicesButtons.png) no-repeat 0 0;
    border: 1px solid #eee;
    display: block;
    height: 100px;
    padding: 0 8px 0 110px;
}

#CART a,
#CART a:link,
#CART a:visited {
    background-position: -4px -4px;
}

#CART a:hover,
#CART a:active {
    background-position: -4px -665px;
}

#Captioning a,
#Captioning a:link,
#Captioning a:visited {
    background-position: -4px -334px;
}

#Captioning a:hover,
#Captioning a:active {
    background-position: -4px -995px;
}

#ALDS a,
#ALDS a:link,
#ALDS a:visited {
    background-position: -4px -114px;
}

#ALDS a:hover,
#ALDS a:active {
    background-position: -4px -775px;
}

#SignLanguage a,
#SignLanguage a:link,
#SignLanguage a:visited {
    background-position: -4px -444px;
}

#SignLanguage a:hover,
#SignLanguage a:active {
    background-position: -4px -1104px;
}

#LargePrint a,
#LargePrint a:link,
#LargePrint a:visited {
    background-position: -4px -224px;
}

#LargePrint a:hover,
#LargePrint a:active {
    background-position: -4px -885px;
}

#Braille a,
#Braille a:link,
#Braille a:visited {
    background-position: -4px -554px;
}

#Braille a:hover,
#Braille a:active {
    background-position: -4px -1215px;
}

.boxLink a {
    color: #000;
    font: 11px/1.4 Arial, Helvetica, san-serif;
}

.boxLink a span:first-child,
.boxLink a h3 {
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
}

.serviceLinks .boxLink a:hover {
    text-decoration: none;
}

#rightColSideBar {
    float: right;
    /*
    position: absolute;
    right: 20px;
    top: 20px;
    */
}

#rightColSideBar .contentButton {
    float: none;
    margin: 0 0 10px 0;
    width: 275px;
}

#rightColSideBar .contentButtonClerk {
    float: none;
    margin: 0 0 10px 0;
    width: 275px;
}



#rightColSideBar .contentButton a {
    padding: 5px 55px 5px 10px;
}


#rightColSideBar .contentButtonClerk a {
    padding: 5px 55px 5px 10px;
}

#rightColSideBar .branchToggleButton {
    float: none;
    margin: 0 0 10px 0;
    width: 275px;
}
#rightColSideBar .branchToggleButton a {
    padding: 5px 55px 5px 10px;
}


/* -- Accessibility Initiatives page -- */
#accessibilityInitiatives #Column1
{
    padding:20px 20px 0 20px;
}

#accessibilityInitiatives #Column1 p 
{
    margin-bottom:0;
}

#accessibilityInitiatives #Column2
{
    margin-bottom:10px;
}

#accessibilityInitiatives #Column2 h2
{
    color: #1B2758;
    font: bold 18px/1.2 Arial,Helvetica,Sans-serif;
    left: 10px;
    position: relative;
    top: 25px;
    z-index: 100;
} 

.logoBox
{
    background: none repeat scroll 0 0 #F7F7EF;
    border: 1px solid #EEEEEE;
    display: block;
    height: 78px;
    padding: 10px;
    position: relative;
}

.logoBox li
{
    position:absolute;
}

#clickAndGo
{
    left: 54px;
    top: 30px;
}

#carrollCenter
{
    left: 309px;
    top: 18px;
}

#easterSeals
{
    left: 579px;
    top: 9px;
}

.listWrap
{
    float: left;
    margin: 10px 0;
    width: 365px;
}
#accessibilityInitiatives #Column3
{
    padding:0 20px 20px;
}

#Column3 .listWrap:first-child
{
    margin-right: 20px;
}

.listWrap h2
{
    background: none no-repeat scroll 0 0 #E3EFF0;
    font: bold 12px/1.2 Arial,Helvetica,San-serif;
    padding: 8px 5px;
}

.listWrap ul
{
    list-style-type: disc;
    margin: 0;
    padding: 10px 20px 0 30px;    
}

.listWrap li
{
    margin:0 0 5px;
}

/* --- Accessibility Services request form --- */

#accessibilityServices fieldset { border: 1px solid #eee; }
    #accessibilityServices legend { font-weight: bold; padding: 0 10px; }
    #accessibilityServices fieldset > p { margin: 10px 0; }

#accessibilityServices .fieldSetSection {
    background: #f2fbfc;
    margin: 10px;
    padding: 5px;
    }
    #accessibilityServices .fieldSetSection > legend { font-size: large; }

#accessibilityServices .fieldGroup {
    background: #f8f8f8;
    margin: 0 0 10px;
    padding: 10px;
    }
    #accessibilityServices .fieldGroup legend { font-size: medium; }
    #accessibilityServices .fieldGroup > fieldset {
        border: none;
        margin-top: 20px;
        padding: 10px 0;
        }
    #accessibilityServices .fieldGroup span.field-validation-error { /* color: #f00; display: block; font: 11px/12px Tahoma, Arial, Verdana; */ margin: 5px 0 0; /* position: inherit; */ }

#accessibilityServices input[type=text],
#accessibilityServices input[type=tel],
#accessibilityServices input[type=email] { margin: 0; width: 250px; }
#accessibilityServices select { margin: 0; }
#accessibilityServices textarea { margin: 0; width: 400px; }

    .keyValuePair {
        clear: both;
        margin: 10px 0;
        overflow: hidden;
        }
    .key, .value {
        float: left;
        }
    .key {
        width: 200px;
        }
        .longKey .key {
            width: 300px;
            }
        .key p {
            margin: 0;
            }
    .value .stacked label {
        display: inline-block;
        width: 50px;
        }
    #accessibilityServices label {
        cursor: pointer;
        font-weight: normal;
        margin: 0;
        }
    #accessibilityServices .requiredField {
        font-weight: bold !important;
        }
        #accessibilityServices .requiredField:after {
            content: " *";
            }
    #accessibilityServices label + input[type=checkbox],
    #accessibilityServices label + input[type=radio],
    #accessibilityServices input[type=text] + label {
        margin-left: 20px;
        }
    .stacked {
        margin: 0;
        }
        .stacked + .stacked { margin-top: 5px; }
    .inputDetails {
        color: #666;
        margin-top: 5px;
        }

.sr { /* NOTE: Screen readers (aka, "sr") */
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    }	


/* bad browser message styles */
#badBrowser,
#mobileReturn
{
    background-color:#0D1746;
    clear:both;
    color:#ffffff;
    font-weight:bold;
    height:30px;
    margin:0 0 3px;
    width:994px;
}

#mobileReturn a
{
    display: inline-block;
    margin-left: 25px;
    margin-top: 6px;
}

#badBrowser span,
#mobileReturn span
{
    float:left;
    margin:0;
    padding:6px 0 0 6px;
}

/* slide show control panel styling */

#slideShowTinyControlPanel .status,
#slideShowLargeControlPanel .status
{
    background:transparent url(/Content/Images/buttons/paging/slideShowBkgd.jpg) repeat-x;
    border:1px solid #F4D686;
    color:#F4D686 !important;
    font-weight:bold;
    height:20px;
    left:-1px;
    margin:0;
    position:absolute;
    text-align:center;
    top:-1px;
    width:45px;
}

#slideShowTinyControlPanel .slideControls,
#slideShowLargeControlPanel .slideControls
{
    background:transparent url(/Content/Images/buttons/paging/slideShowBkgd.jpg) repeat-x;
    border:1px solid #F4D686;
    height:20px;
    position:absolute;
    top:-1px;
    width:71px;
    *width:75px; /* IE7 */
}

#slideShowTinyControlPanel .slideControls
{
    left:203px;
    *left:199px; /* IE7 */
}

#slideShowLargeControlPanel .slideControls
{
    left:328px;
    *left:324px; /* IE7 */
}

/* Home Page overrides */

/* - new css by KM for homepage */
#homepageWrapper { width: 100%; min-height: 550px; height: auto !important; height: 550px; background: #30578d url(/Content/Images/backgrounds/homePage/bg_homeBlueColumns.jpg) 0 0 repeat-y; position: relative;}
#homeEventsCol { width: 233px; min-height: 550px; height: auto !important; height: 550px; float: right; display: inline; margin: 0; position: relative; }
#homeCenterCol { width: 528px; min-height: 550px; height: auto !important; height: 550px;  float: left; display: inline; margin: 0; background: #fff /*#444*/;}
#homeBillsCol { width: 233px; min-height: 550px; height: auto !important; height: 550px;  float: left; display: inline; margin: 0; }

#homeEventsCol label, 
#homeCenterCol label,
#homeBillsCol label { color: #fff; font: normal 12px/1.5 Arial, Helvetica, sans-serif; position: relative; top: 2px;}

#homeBillsCol #billLawSearchForm { margin: 10px 0 0 0; }

.outerColumnContent { width: 203px; min-height: 318px; height: auto !important; height: 442px; position: relative; margin: 0 0 65px 0;} /* min-height changed from 442px to account for MyLeg */
.outerColumnContent form {margin: 0; padding: 0; }
.leftColumn .outerColumnContent {  padding: 28px 10px 10px 10px; background: transparent url(/Content/Images/backgrounds/homePage/bg_homeBlueColumns.jpg) 0 0 repeat-y;}
.rightColumn .outerColumnContent {  padding: 28px 10px 10px 20px; background: transparent url(/Content/Images/backgrounds/homePage/bg_homeBlueColumns.jpg) -761px 0 repeat-y;position: relative;}



.columnHeader { font: normal 18px/1.2 Georgia, Times, Arial, Helvetica, sans-serif; color: #fc0; margin: 0 0 20px 0; position: relative;}
.columnHeader a { color: #fc0;}
.columnHeader span { display:inline; }
.columnHeader .linkIcon { background: transparent url(/Content/Images/icons/icons_uberSprite.png) -120px -40px no-repeat; display:block; height: 20px; position: absolute; right:10px; text-indent: -10000px; top:0px; width: 20px;}

#legNavContainer .helpIcon,                    
.outerColumnContent .helpIcon { background: transparent url(/Content/Images/icons/icons_uberSprite.png) -160px -100px no-repeat; display: block; font: 9px/20px Arial,Helvetica,sans-serif; height: 20px; left: 185px; position: relative; text-indent: -10000px; top: -21px; width: 20px; }
.outerColumnContent h4 { font: normal 13px/1.2 Arial, Helvetica, sans-serif; color: #fc0; }
#homeBillsCol .outerColumnContent h3 { color: #ededed; width: 190px; margin: 20px 0 10px 0; padding: 0 5px; border-bottom: 1px solid #ccc;}

#homeEventsCol #mlListWrapper { width: 195px; padding: 0; margin: 0 auto 30px;}
#homeEventsCol #mlListWrapper ul {margin-top: 10px;}
#homeEventsCol #mlListWrapper ul li a { color: #fff; font: 13px/1.5 Arial, Helvetica, sans-serif;}
#homeEventsCol #mlListWrapper h3 a span { float:left; }
#homeEventsCol #mlListWrapper .linkIcon { background: url(/Content/Images/icons/icons_uberSprite.png) no-repeat scroll -180px -40px transparent; width: 20px;  height: 20px; margin: 0 0 1px 5px; text-indent: -10000px;}
.loggedInmlListWrapper { height: 124px; overflow: auto; }

#mlListWrapper .eventList { list-style: none; margin: 0 0 15px 0px; padding: 0px; font: normal 11px/1.5 Verdana, Arial, Helvetica;}
#mlListWrapper .eventList li { color: #eee; margin: 0;}
#mlListWrapper .eventList li a:link,
#mlListWrapper .eventList li a:visited { color: #eee; width: 180px; padding: 3px 3px 3px 10px; display: block; text-decoration: none; border-top: 1px solid #30578d; border-bottom: 1px solid #30578d; }
#mlListWrapper .eventList li a:hover { background: #496c9b; color: #cceaff; cursor: pointer; text-decoration: none;  border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#mlListWrapper .eventList li a:active { color: #f7d885; }
#mlListWrapper .eventList a .eventType { font-size: 12px; width: 150px; text-decoration: none; }
#mlListWrapper .eventList .eventDate {width: 75px; padding: 0 10px 0 0; }
#mlListWrapper .eventList .eventTime {width: 40px; display: inline; padding: 0 10px 0 0; }
#mlListWrapper .eventList .eventVideo { position: absolute; right: 40px; width: 20px; height: 20px; padding: 0; background: none; text-indent: -20000px; outline: none; } 
#mlListWrapper .eventList .eventVideo.available { background: transparent url(/Content/Images/icons/icons_uberSprite.png) -160px -20px no-repeat; }



#homeEventsCol #eventListWraper { width: 195px; padding: 0; margin: 0 auto 50px auto;}
#homeEventsCol #eventListWrapper h3 { color: #fff; font: bold 13px/1.5 Arial, Helvetica, sans-serif; margin:10px 0 0; }
#homeEventsCol #eventListWrapper h3 a { color:#cceaff; }
#homeEventsCol #eventListWrapper h3 a span { float:left; }
#homeEventsCol #eventListWrapper .linkIcon { background: url(/Content/Images/icons/icons_uberSprite.png) no-repeat scroll -180px -40px transparent; width: 20px;  height: 20px; margin: 0 0 1px 5px; text-indent: -10000px;}

#eventListWrapper .eventList { list-style: none; margin: 0 0 15px 0px; padding: 0px; font: normal 11px/1.5 Verdana, Arial, Helvetica;}
#eventListWrapper .eventList li { color: #eee; margin: 0;}
#eventListWrapper .eventList li a:link,
#eventListWrapper .eventList li a:visited { color: #eee; width: 180px; padding: 3px 3px 3px 10px; display: block; text-decoration: none; border-top: 1px solid #30578d; border-bottom: 1px solid #30578d; }
#eventListWrapper .eventList li a:hover { background: #496c9b; color: #cceaff; cursor: pointer; text-decoration: none;  border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#eventListWrapper .eventList li a:active { color: #f7d885; }
#eventListWrapper .eventList a .eventType { font-size: 12px; width: 150px; text-decoration: none; }
#eventListWrapper .eventList .eventDate {width: 75px; padding: 0 10px 0 0; }
#eventListWrapper .eventList .eventTime {width: 40px; display: inline; padding: 0 10px 0 0; }
#eventListWrapper .eventList .eventVideo { position: absolute; right: 40px; width: 22px; height: 20px; padding: 0; background: none; text-indent: -20000px; outline: none; } 
#eventListWrapper .eventList .eventVideo.available { background: transparent url(/Content/Images/icons/icons_uberSprite.png) -160px -20px no-repeat; }
#eventListWrapper .eventList .eventIsArchived {background: transparent url(/Content/Images/icons/icons_uberSprite.png) -198px -80px no-repeat; }
#eventListWrapper .eventList .eventIsLive {background: transparent url(/Content/Images/icons/icons_uberSprite.png) -198px -100px no-repeat;}
#eventListWrapper .eventList .eventIsUpcoming {background: transparent url(/Content/Images/icons/icons_uberSprite.png) -188px -26px no-repeat;width: 42px;}

#legislatorNavBackgroundContainer { display: block; width: 508px; min-height: 138px; height: auto !important; height: 138px; background: #fff url(/Content/Images/backgrounds/homePage/bg_homeSilverGradBand.jpg) 0 0 repeat-y; padding: 10px 10px 20px 10px; margin: 0 auto; border-bottom: 1px solid #5a5a5a;}

#legNavContainer { border: 1px solid #3d589f; margin: 0 auto; padding: 0; width: auto; min-height: 140px; height: auto !important; height: 140px; background: #2a3d6f; }
.legislativeChamber { width: 146px; min-height: 140px; height: auto !important; height: 140px;  float: left; position: relative;}
#findLegislator { width: 211px; min-height: 140px; height: auto !important; height: 140px; float: left; border-left: 1px solid #eee; border-right: 1px solid #eee;}

#legislatorLine { width: 90%;}


.legNavHeader { height: 55px; background: #0d1f42; overflow: hidden;}
.legNavHeader h3 { margin: 0; padding: 0; font: normal 24px/16px Georgia, Times, Arial, Helvetica, sans-serif; color: #fff; }
.legNavHeader h3 .smaller { font-size: 16px; line-height: 16px; }
.legNavHeader h3.columnHeader { color: #FFCC00; font: 18px/1.2 Georgia,Times,Arial,Helvetica,sans-serif; position: relative; }

#senateNav, 
#houseNav { background: transparent url(/Content/Images/backgrounds/homePage/bg_homeLegNavBG.png) 70px 100% no-repeat; margin: 0; padding: 0;}

#senateNav .legNavHeader a:link,
#senateNav .legNavHeader a:visited,
#houseNav .legNavHeader a:link,
#houseNav .legNavHeader a:visited { color: #fff; text-decoration: none; width: 136px; height: 40px; display: block; background: #0d1f42 url(/Content/Images/backgrounds/homePage/bg_homeLegNavBG.png) 72px 2px no-repeat; margin: 0; padding: 15px 0 0 10px; }
#senateNav .legNavHeader a:hover,
#houseNav .legNavHeader a:hover { background-color: #005daa; }

#senateNav ul,
#houseNav ul { list-style: none; padding: 0; margin: 10px 0 0 5px; }

#senateNav li,
#houseNav li { background: url(/Content/Images/icons/ico_navBullet1.png) 0px 0px no-repeat; padding-left: 20px; font: bold 11px/20px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 5px 0;}

#senateNav li a,
#houseNav li a { color: #f7d885; }

#findLegislator .columnHeader { margin: 18px 0 0 10px; padding: 0; }
#findLegislator form {margin: 10px 0 10px 7px; padding: 0; }
#findLegislator .instructions { font: normal 11px/14px Arial, Helvetica, sans-serif; color: #fff; margin: 0px 0 0 7px; padding: 0; }
#findLegislator ul { list-style: none; color:#f7d885; padding: 0; margin: 5px 0 0 0px;  }
#findLegislator ul li { background: transparent url(/Content/Images/icons/ico_navBullet1.png) 0 0 no-repeat; width: auto; float: left; margin: 0 0px 0 20px; padding-left: 20px; font: bold 11px/20px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#findLegislator a:link, #findLegislator a:visited { text-decoration: none; color: #f7d885; }
#findLegislator a:hover { text-decoration: underline; }

input.homepageSearch { font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; font-style: italic; color: #666; width: 140px; padding: 2px; border: 1px solid #999; height: 15px; vertical-align: middle;}
#billsAndLawsInput { margin: 0;  }
input.homepageSearchSubmit { border: none; background: transparent url(/Content/Images/backgrounds/homePage/bg_homeSearchButton.png) 100% bottom no-repeat; color: #fff; font: bold 11px/22px Arial, Helvetica, sans-serif; margin: 0; padding: 0 3px; height: 21px; width: 50px; vertical-align: middle; text-align: left; position: relative; left: -3px; }
input.homepageSearchSubmit:hover { background-position: 100% top; cursor: pointer; color: #333; }
input.searchCheckbox { vertical-align: middle; }

ul.massLaws {  list-style: none; color:#f7d885; padding: 0; margin: 10px 0 0 0px;  }
.massLaws li { background: transparent url(/Content/Images/icons/ico_navBullet4.png) 0 1px no-repeat; padding-left: 20px; font: bold 12px/20px Arial, Helvetica, sans-serif; margin: 0; }
.massLaws a:link, .massLaws a:visited { text-decoration: none; color: #fff; }
.massLaws a:hover { text-decoration: underline; color: #f7d885; }

ul.recentLaws { list-style: none; color:#f7d885; padding: 0; margin: 10px 0 0 0px;  }
.recentLaws li { background: transparent url(/Content/Images/icons/ico_navBullet4.png) 0 -2px no-repeat; width: 180px; float: left; margin: 0 0 10px 0; padding-left: 20px; font: bold 12px/1.2 Arial, Helvetica, sans-serif;}
.recentLaws a:link, .recentLaws a:visited { text-decoration: none; color: #fff; }
.recentLaws a:hover { text-decoration: underline; color: #f7d885; }

#moreLink { display: block; clear: both; background: url(/Content/Images/icons/ico_navBullet1.png) 0px 0px no-repeat; width: 100%; margin: 10px 0; font: normal 11px/20px Arial, Helvetica, sans-serif;}
#moreLink a { color: #f7d885; }

.roundedCornerListContainer { clear: both; padding: 5px 0 0 0 ;  background: transparent url(/Content/Images/backgrounds/homePage/bg_blueListBG.png) 0 100% no-repeat; width: 203px;}
#leftColumnLawsLinks { position: absolute; left: 10px; bottom: 10px; }
#rightColumnEventsLinks { position: absolute; right: 10px; bottom: 10px; }
.roundedCornerListContainer ul {  list-style: none; background: #233760;  color:#f7d885; padding: 5px 0 ; margin: 5px 0 5px 0;  background: transparent url(/Content/Images/backgrounds/homePage/bg_blueListBG.png) 0 0 no-repeat;}
.roundedCornerListContainer ul li { background: #233760 url(/Content/Images/icons/ico_navBullet4.png) 0 1px no-repeat; padding-left: 20px; font: normal 12px/20px Arial, Helvetica, sans-serif; margin: 0; }
.roundedCornerListContainer ul li a:link,
.roundedCornerListContainer ul li a:visited { text-decoration: none; color: #fff; }
.roundedCornerListContainer ul li a:hover { text-decoration: underline; }
.roundedCornerListContainer ul li a b { font-weight: bold; color: #f7d885; }

#slideShowArea { height: 367px; width: 528px; position:relative; top:0;left:0; overflow: hidden; background: #fff url(/Content/Images/backgrounds/homePage/bg_homeSlideshowBG.jpg) 0 0 repeat-x; padding: 10px 0 0 0;}

/* - end new css by KM for homepage */


/* homepage scroller from jQuery Tools */
#scroll {
    position:relative;
    height:362px;
    overflow:hidden;
    /* width:528px; */
    padding:0;
    height:367px;
}

#tools {
    width:9999em;
    position:absolute;
    height:367px;
}

.tool {
    float:left;
    width:528px;
    height:277px;
    margin-top: 10px;
/*	text-align:center; */
}

.details {
    font-size:12px;
    color:#333;
    margin-top:-350px;
    background-color:transparent;
    padding:5px 10px;
}


#thumbs {
    background:url(/Content/Images/homeScroller/thumbnailBarBkgd.jpg) 0 0 repeat-x;
    height:90px;
    left:0;
    position:absolute;
    top:287px;
    width:528px;
    z-index: 10; /* move links above content layer */
}

.t {
    padding:0 !important;
    border:0 !important;
}

.t a {
    background:transparent url(/Content/Images/homeScroller/thumbnail_sprite.png) no-repeat scroll -21px -90px;
    cursor:pointer;
    display:block;
    float:left;
    height:90px;
    margin-left:30px;
    text-indent: -9999px;
    width:99px;
}

.t a.active {
    cursor:default !important;
}

.navi {
    margin-left:-10px;
    _margin-left:-20px;

}

/* CSS sprite for the navigation */
#t0			{ background-position:-21px -90px; }
#t0:hover, 
#t0:focus 	{ background-position:-21px -180px; }
#t0:active	{ background-position:-21px -270px; }
#t0.active	{ background-position:-21px 0 !important; }

#t1			{ background-position:-325px -90px; }
#t1:hover, 
#t1:focus 	{ background-position:-325px -180px; }
#t1:active	{ background-position:-325px -270px; }
#t1.active	{ background-position:-325px 0 !important; }

#t2			{ background-position:-435px -90px; }
#t2:hover, 
#t2:focus 	{ background-position:-435px -180px; }
#t2:active	{ background-position:-435px -270px; }
#t2.active	{ background-position:-435px 0 !important; }

#t3			{ background-position:-545px -90px; }
#t3:hover, 
#t3:focus 	{ background-position:-545px -180px; }
#t3:active	{ background-position:-545px -270px; }
#t3.active	{ background-position:-545px 0 !important; }

/* end homepage scroller from jQuery Tools */

/* Scroller Panels styles added by CO */
/* Virtual Tour scroller panel styles */
#virtualTourPanel a {
    display: block;
    margin: 5px auto 0;
    padding: 0 0 0 4px;
    width: 444px;
}

/* Photo Tour scroller panel styles */
#phototourPanel {
    background: transparent url(/Content/Images/homeScroller/phototourPanelBkgd.png) no-repeat left top;
    height: 264px;
    margin: 5px 0 0 47px;
    width: 444px;
}

#phototourPanel h3 {
    color: #7e2117;
    font: bold 36px/1.2 Georgia, Times, Arial, Helvetica, sans-serif;
    height: 52px;
    padding: 15px 0 0;
    text-align: center;
    width: 100%;
}

#phototourPanel .photoLink {
    background-image: url(/Content/Images/homeSprite.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    text-indent: -10000px;
}

#phototourPanel #senatePhotoLink {
    background-position: 0 -19px;
    height: 124px;
    margin: 26px 0 0 8px;
    width: 141px;
}

#phototourPanel #senatePhotoLink:hover {
    background-position: 0 -140px;
}

#phototourPanel #statehousePhotoLink {
    background-position: -141px -57px;
    height: 112px;
    margin: 64px 0 0;
    width: 136px;
}

#phototourPanel #statehousePhotoLink:hover {
    background-position: -141px -178px;
}

#phototourPanel #housePhotoLink {
    background-position: -278px -2px;
    height: 118px;
    margin: 9px 0 0;
    width: 139px;
}

#phototourPanel #housePhotoLink:hover {
    background-position: -278px -123px;
}

/* Budget scroller panel styles */
#budgetPanel {
    background: transparent url(/Content/Images/homeScroller/budgetPanelBkgd.png) no-repeat left top;
    height: 264px;
    margin: 5px 0 0 47px;
    position: relative;
    width: 444px;
}

#budgetPanel h3 {
    color: #fff;
    font: bold 36px/1.2 Georgia, Times, Arial, Helvetica, sans-serif;
    height: 44px;
    padding: 2px 0 0;
    text-align: center;
    width: 100%;
}

#budgetPanel .linkWrap {
    display: block;
    float: left;
    width: 157px;
}

#budgetPanel .budgetLink {
    background-image: url("/Content/Images/homeScroller/scrollerSprite.png");
    background-position: -111px 0;
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    font: bold 12px/1.2 Georgia, Times, Arial, Helvetica, sans-serif;
    height: 27px;
    left: 0;
    margin: 10px 0 0 10px;
    padding: 11px 0 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 147px;
}

#budgetPanel .budgetLink:hover {
    background-position: -111px -39px;
    text-decoration: none;
}

#budgetPanel .budgetLink.disabled {
    background: url(/Content/Images/homeScroller/scrollerSprite.png) no-repeat -111px -78px;
}

#budgetPanel .budgetLink.disabled:hover {
    cursor: default;
    text-decoration: none !important;
}


#budgetPanel #conferenceBudgetLink {
    height: 32px;
    padding: 6px 0 0;
}

#budgetPanel #conferenceBudgetLink span {
    font-size: 9px;
    position: relative;
    top: -3px;
}

#budgetPanel #processBudgetLink:link {
    display: block;
    float: left;
    height: 186px;
    left: 167px;
    margin: 12px 0 0 10px;
    padding: 0;
    top: 56px;
    width: 250px;
}

#budgetPanel #processBudgetLink:visited,
#budgetPanel #processBudgetLink:hover {
    color: #06c;
}

/* Accessibility scroller panel styles */
#accessibilityPanel {
    background: transparent url(/Content/Images/homeScroller/whatsNewPanelBkgd.png) no-repeat left top;
    height: 264px;
    margin: 5px 0 0 47px;
    width: 444px;
    }

#accessibilityPanel h3 {
    color: #fc0;
    font: bold 36px/1.2 Georgia, Times, Arial, Helvetica, sans-serif;
    height: 52px;
    padding: 15px 0 0;
    text-align: center;
    width: 100%;
    }

#accessibilityPanel ul {
    font-size: 16px;
    line-height: 18px;
    list-style-type: disc;
    margin: 40px 30px 20px;
    padding: 0 10px;
    }

#accessibilityPanel li {
    margin-bottom: 10px;
    }

#accessibilityPanel p {
    font-size: 16px;
    line-height: 18px;
    margin: 10px 20px;
    }

/* What's New scroller panel styles */
#whatsNewPanel {
    background: transparent url(/Content/Images/homeScroller/whatsNewPanelBkgd.png) no-repeat left top;
    height: 264px;
    margin: 5px 0 0 47px;
    text-align: center;
    width: 444px;
    /* fix for IE compatibility mode below */
    position: relative;
}

#whatsNewPanel h3 {
    color: #fc0;
    font: bold 36px/1.2 Georgia, Times, Arial, Helvetica, sans-serif;
    height: 52px;
    padding: 15px 0 0;
    width: 100%;
}

#whatsNewPanel h4 {
    margin-top: 5px;
    }
#whatsNewPanel ul {
    font-size: 14px;
    line-height: 16px;
    list-style-type: disc;
    margin: 15px 30px 15px;
    padding: 0 10px;
    text-align: left;
    }
#whatsNewPanel li {
    margin-bottom: 5px;
    }
#whatsNewPanel button,
#whatsNewPanel input[type="button"] {
    background-color: #fde29a;
    border: 4px solid #cdad58;
    color: #8f2310;
    cursor: pointer;
    display: block;
    font: normal 15px/22px Georgia,Times,serif;
    margin: 5px auto;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    width: 275px;
    /* fix for IE compatibility mode below */
    position: absolute;
    bottom: 20px;
    left: 88px;
    }

#whatsNewPanel .linkGraphic {
    display: block;
    float: left;
    font: bold 14px/1.2 Georgia, Times, Arial, Helvetica, sans-serif;
    height: 163px;
    margin: 10px 0 0 13px;
    text-align: center;
    width: 127px;
}

#whatsNewPanel .linkGraphic img {
  border: 2px #0d1f42 solid;
  display: block;
  margin: 10px auto 0;
  padding: 0;
  width: 102px;
}

#whatsNewPanel .linkGraphic:hover span {
    cursor: pointer;
}

#whatsNewPanel #searchGraphicLink span { background-position:-2px -121px; }
#whatsNewPanel #mobileSiteGraphicLink span { background-position:-123px -121px; }
#whatsNewPanel #committeeSectionGraphicLink span { background-position:-2px -8px; }

/* Redistricting Scroll panel styles */
#districtPanel a {
    display: block;
    margin: 5px auto 0;
    padding: 0 0 0 4px;
    width: 444px;
}

/* Center Panel buttons */
.peopleLink a.button30h { float: left; width: 216px; }
.peopleLink a.button30h span { margin: 0 0 0 6px; }
/* Home style adjustments when <table> eliminated */

#leftCol h4 { clear: both; color: #1b2758; font-size: 13px; margin: 5px 0 0 0; padding: 0; }
#leftCol h4 a, 
#leftCol h4 a:visited,
#leftCol h4 a:active { color: #1b2758; text-decoration: none; }
#leftCol h4 a:hover { color: #1b2758; text-decoration: underline; }
#leftCol h5 { font-size: 10px; font-weight: normal; color: #1b2758; margin: 0; }
#leftCol h5 a, 
#leftCol h5 a:visited,
#leftCol h5 a:active { text-decoration: none; }
#leftCol h5 a:hover { text-decoration: underline; }
#leftCol ul { margin: 0 0 5px 10px; }

.eventSidebar li > a { display:block; height:20px; position:relative; width:200px; } /* -- fix for HasLayout issue (float/position:relative) in IE7 -- */

#leftCol ul li { list-style-type:none; }
#leftCol ul li a { display: block; float:left; }
#leftCol ul li a:first-child { width:165px; }
#leftCol ul li .eventVideoLink { float:right; text-decoration: none; width:20px; }
#leftCol ul a:first-child > span { display:block; float: left; }
#leftCol ul a .eventDate, 
#leftCol ul a:visited .eventDate,
#leftCol ul a:active .eventDate { text-decoration: none; width:35px; }
#leftCol ul a:hover .eventDate { text-decoration: underline; width:35px; }
#leftCol ul a .eventTime, 
#leftCol ul a:visited .eventTime,
#leftCol ul a:active .eventTime { text-decoration: none; text-align: right; width:60px; margin: 0 10px 0 0; }
#leftCol ul a:hover .eventTime { text-decoration: underline; text-align: right; width:60px; margin: 0 10px 0 0; }
#leftCol ul a .eventStatus, 
#leftCol ul a:visited .eventStatus,
#leftCol ul a:active .eventStatus { text-decoration: none; }
#leftCol ul a:hover .eventStatus { text-decoration: underline; }
#leftCol ul a .eventIsLive { background:url(/Content/Images/icons/ico_live.png) no-repeat 0 0 transparent; display:block; height:100%; text-indent:-9999px; width:100%;  }
#leftCol ul a .eventIsUpcoming { background:url(/Content/Images/icons/ico_upcoming.png) no-repeat 0 0 transparent; display:block; height:100%; text-indent:-9999px; width:100%;  }
#leftCol ul a .eventHasNoVideo { background:url(/Content/Images/spacers/spacerTrans.png) no-repeat 0 0 transparent; display:block; height:100%; text-indent:-9999px; width:100%;  }


#leftCol hr { color: #cccccc; }

.homeMiddle { float:left; height:531px; min-height:531px; width:496px; }
.homeSides { float:left; height:531px; min-height:531px; width:249px; }

/* Video Player positioning hack */
#jwpc_playercontainer.enlarged 
{
    left:113px;
    position:absolute;
    top:88px;
    z-index:999;
}

/* --- Events List Page Styles ---  */

#eventSpecifics {padding: 0px 0px 5px 0px; margin: 0 0 30px 0; }
#eventSpecifics p { padding: 0px 0px 5px 0px; margin: 0px; width: 295px; display: block;}
#eventSpecifics .label { font-weight: bold; padding: 0 5px 0 0;}
p.getFlashCaption { font: normal 10px/1.2 Verdana, Arial, Helvetica; margin: 5px 0;}

#eventList .Widget .searchBox { background: #f8f8f8; border: 1px solid #eee; width: 715px; margin: 0 0 5px 0;}
#eventList #Column1 .Widget { padding: 5px; }
#eventList { padding:20px; }
#eventList .formWrap { width:708px; }
#eventList .checkbox label { font: normal 11px Arial, Helvetica, sans-serif; position:relative; top:-2px; }
#eventList .searchBox input,
#eventList .searchBox select { font-size:11px; }
#eventList #Input_Keyword { width: 220px; height: 18px; }
#eventList #Input_StartDate, #eventList #Input_EndDate { width: 100px; height: 18px; }
#eventList .checkboxGroup { width:221px; margin:0 0 0 10px; }
#eventList .checkboxGroup span:first-child { display:block; font:bold 12px/22px Arial,Helvetica,Verdana; }
#eventList .selectWrap { position:absolute; left:79px; top:-23px; }
#eventList .selectWrap select { width:245px; }
#eventList .selectWrap label:first-child { visibility:hidden; }follo
#eventList .selectWrap select[disabled] { border:1px solid #ccc; background-color:#fcfcfc; color:#ccc; }
#eventList .buttonWrap input[type="image"] { float:right; }
#eventList .keywordField input { position:relative; top:-3px; }
#eventList .searchButtonArea { position: relative; top: 0px; left: 0px; }
#eventList .toolbar {height: 20px; padding: 5px 10px; margin: 40px 0 0 0; background: #30578d; }

/* eventsTable styles */
.eventsListTable { border-collapse:collapse; margin: 5px 0 0 0; width:750px; }
.eventsListTable caption { margin: 10px 0 0 0; padding: 0 0 20px 5px;}
.eventsListTable thead th[id] { border-bottom: 1px solid #ccc; background: transparent; color: #666; text-align: center; padding: 3px 5px; background: #eeefdf; }
/*
.eventsListTable tbody tr:first-child td { border-top:1px solid #6C87C9; } /* sets border-top on all <td>s of the first row in each tbody */
/*.eventsListTable tbody tr.last td { border-bottom:1px solid #6C87C9; } /* sets border-bottom on all <td>s of the last row in each tbody -- IE7 doesn't support pseudo class "last-child", therefor the class "last"  */
/*.eventsListTable tbody tr td.last { border-right:1px solid #6C87C9; } /* sets border-right on the last <td> of each row of each tbody -- see IE7 note above */
/*.eventsListTable tbody tr:first-child td:first-child { background-color: transparent; border:none; width:20px; }*/
.eventsListTable tfoot { visibility:hidden;}
.eventsListTable td, .eventsListTable th { text-align:center; vertical-align:top; }

.eventsListTable .dataRow th { border-bottom: 0px solid #ccc; background: transparent; color: #666; text-align: center; padding: 3px 0 3px 5px; background: #eeefdf; }
.eventsListTable thead th#eventNameCol { text-align: left; }
.eventsListTable thead th#eventNameColCenter { text-align: center; }
.mlCommitteeTable .dataRow td,
.eventsListTable .dataRow td { border-bottom: 1px solid #eee; padding: 10px 5px; vertical-align: top; }
.eventsListTable tr.last td, .eventsListTable .dataRow td.dateCell{  border-bottom: 1px solid #666; }

.eventsListTable td.dateCell,
.eventsListTable .altRow td.dateCell { width: 25px; overflow: hidden; background: #f1f8f4; text-align: center; } /* Added .altRow selector to override bg color in MyLeg - My Hearings -- md */
.eventsListTable td.dateCellWide { width: 150px; overflow: hidden; background: #f1f8f4; text-align: center; }
.eventsListTable th.eventDateCol { text-align: center; width: 30px; padding-left: 0px; }
.eventsListTable th.eventDateColWide { text-align: center; width: 150px; padding-left: 0px; }
.eventsListTable .calendarMonth { display: block; width: 25px; margin: 0 auto; font: normal 10px/1 Arial, Helvetica, sans-serif; text-transform: uppercase; color: #666; }
.eventsListTable .calendarDay { display: block; width: 25px; margin: 0 auto; font: bold 18px/1 Arial, Helvetica, sans-serif; color: #666; }
.eventsListTable #todayMarker .calendarMonth,
.eventsListTable #todayMarker .calendarDay { color: #912126; }
.eventsListTable .calendarToday {display: none; }
.eventsListTable #todayMarker .calendarToday { display: block; margin: 0 0 2px 0; padding: 2px 3px; background: #912126; color: #fff; font: bold 8px/1 Arial, Helvetica, sans-serif; text-transform: uppercase; display: block; }

.eventsListTable .dataRow .timeCell{ width: 60px;  }
.eventsListTable .dataRow .locationCell { width: 120px; }
.eventsListTable .dataRow .timeCell { text-align: right; }
.eventsListTable .dataRow .locationCell { width: 120px; }

.eventsListTable .dataRow td.dateCell,
.eventsListTable .dataRow td.timeCell,
.eventsListTable .dataRow td.eventCell,
.eventsListTable .dataRow td.statusCell,
.eventsListTable .dataRow td.videoCell,
.eventsListTable .dataRow td.transcriptCell,
.eventsListTable .dataRow td.locationCell { }

th[axis="date"] { background:url("/Content/Images/backgrounds/bg_strippedRepeat_yellow.png") repeat-x scroll 2px bottom #FFFFFF; border-bottom: 1px solid #6C87C9; border-left: 1px solid #6C87C9; border-top: 1px solid #6C87C9; padding:0; }
th[axis="date"] span { display:block; font-weight:bold; text-align:center; }
th[axis="date"] .eventDate { border-top:2px solid #ffffff; height:100%; }

/*
.eventsListTable tbody#todayMarker tr:first-child td { border-top:3px solid #0d1746; } 
.eventsListTable tbody#todayMarker tr.last td { border-bottom:3px solid #0d1746; } 
.eventsListTable tbody#todayMarker tr:first-child td:first-child { background:#0d1746 url(/Content/Images/backgrounds/bg_today.png) no-repeat center; border-bottom:3px solid #0d1746; border-top:3px solid #0d1746; text-indent:-9999px; }
*/

#todayMarker th[axis="date"] { border-bottom:3px solid #0d1746; border-top:3px solid #0d1746;}

.eventsListTable td[axis="event"] { padding-left: 7px; text-align:left; width: 200px; }

/* -- Event Detail page styles -- */
/* -- video section styles  -- */
#eventDetails { background-color: #f7f7ef; padding: 20px; margin: 0 0 20px 0;}
#eventDetails h2 { font-size:17px; width:100%; margin:10px 0; }
#eventData { float: left; margin: 0 20px 0 0; width: 360px; }
#eventData h3 { font-size:13px; margin: 10px 0 5px 0; }
#eventDetailsPage #eventData h3{ margin: 0 0 5px 0; }
#eventData .listWrap 
{ }
#videoList { border: 1px solid #ccc; width:100%; margin:0 0 5px; }

#videoList>tbody
{ background-color:#fff; overflow: auto; overflow-x: hidden; }
#videoList tbody tr { height:30px; }
#videoList thead tr { height:20px; }
#videoList thead th { background-color:#1B2758; color:#fff; vertical-align: bottom; text-align: left; padding: 2px 5px;}
#videoList tbody td { vertical-align: top; text-align: left; }
#videoList tbody .odd { background-color:#eeeeee; }
#videoList tbody .archived
{
    background-position: 0 center;
}
#eventsTable tr .archived
{
    background-position: 0 1px;
}

#videoList tbody .live, #eventsTable tr .live {background-image:url(/Content/Images/icons/ico_live.png); background-repeat:no-repeat; width:85px; }
#videoList tbody .live
{
    background-position: 0 center;
}
#eventsTable tr .live
{
    background-position: 0 1px;
}

/*#videoList tbody .upcoming, #eventsTable tr .upcoming {background-image: url(/Content/Images/icons/ico_upcoming.png); background-repeat:no-repeat; width:90px; } */
#videoList tbody .upcoming { background-position: 0 center; }
#eventsTable tr .upcoming { background-position: 0 1px; }

#videoList .videoSegment { width:120px; padding: 2px 5px; }
#videoList .startTime { text-align: center; width: 90px; }
#videoList .duration { text-align: center; width: 70px; }
#videoList .videoType { text-align: center; width: 80px; }
#videoList .videoType .icon.VideoViewIcon { background-position: -200px -80px;  width: 22px; text-indent: -10000px; outline: none; display: block; margin: 0 auto;}
#videoList .videoType .icon.VideoScheduledIcon { background-position: -189px -27px;  width: 36px; text-indent: -10000px; outline: none; display: block; margin: 0 auto;}
#videoList .playing { background-color:#666666; color:#ffffff }
#eventData p { margin-top:0; }
#eventVideo { float: left; }
.eventSidebar .archived {background-image:url(/Content/Images/icons/ico_archive.png); background-repeat:no-repeat; background-position: center 0; width:40px; }
.eventSidebar .live {background-image:url(/Content/Images/icons/ico_live.png); background-repeat:no-repeat; background-position: center 0; width:40px; }
.eventSidebar .upcoming {background-image: url(/Content/Images/icons/ico_upcoming.png); background-repeat:no-repeat; background-position: center 0; width:40px;}



/* -- event detail tabs -- */
/* -- BEGIN Reports page styles -- */



/* -- END Reports page styles -- */
/* -- agenda tab -- */
#eventAgenda, #eventOverrideContent
{  min-height:400px; }
#eventAgenda.tabContent, #eventOverrideContent.tabContent
{ padding: 20px; background: url(/Content/Images/backgrounds/bg_tabBlueBG.jpg) repeat-x scroll 0 -24px; }

#agendaAccordian
{ background-color:#fff; border:1px solid #ccc; margin: 0 0 20px 0; }
#agendaAccordian .toggleSource { }

h3[role="tab"] { background: #eee; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 11px; font-weight: normal; padding: 5px; }

h3[role="tab"][aria-expanded="false"]
{ background: #eee; }

#agendaAccordian h3[role="tab"]:first-child 
{  border-top:none; }

h3[role="tab"] > *
{
    display:inline-block;
    float:left;
    vertical-align:middle;
}

h3[role="tab"] .itemTitle 
{
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 0 10px;
    width: 290px;
}

h3[role="tab"] .itemDuration
{
    width:130px;
}

h3[role="tab"] .sponsorLabel
{
    padding: 0 5px 0 0;
    text-align: right;
    font-weight: bold;
}

h3[role="tab"] .itemSponsors
{
    width:200px;
}

table.baseTable[role="tabpanel"]
{
    background-color: #FFFFFF;
    margin: 20px 0 10px 20px;
    width: 650px;
}
#agendaBillPlaceHolder
{
    background-color: #FFFFFF;
    margin: 5px 0 10px 70px;
    width: auto;
    font-style: italic;
    color: #666666;
    text-align:center;
}
#agendaAccordian .baseTable td
{
    border-bottom:1px solid #314D91;   
}
#agendaAccordian .baseTable tbody tr.last td {
  border-bottom: 1px solid #6C87C9;
}


#agendaAccordian .baseTable tr td:first-child
{
    border-left:none;
}

#agendaAccordian .baseTable th
{
    background-color:#ffffff;
    border-bottom: 2px solid #314D91;
    color:#314D91;
}

.agendaItemNum
{
    width:35px;
}

.agendaBillNum
{
    width:80px;
}
.agendaBillTitle
{
    text-align:left!important;
    width:400px;
}

.agendaSponsor
{
    width:100px;
}


/* -- Bill Text View styles -- KM  */
#billTextView .siteIDBanner { width: 100%; background: #333; padding: 5px; margin: 20px auto 40px auto; text-align: center;}
#billTextView .siteIDInfo { font: normal 12px/2 Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 0;}
    .siteIDInfo .docTypeID, .siteIDInfo .docPrintDate, .siteIDInfo .docPrintTime, .siteIDInfo .siteURL { font-weight: bold; display: inline; margin: 0 10px; }
#billTextView h1 { text-align: center; font: bold 18px/1.2 Verdana, Arial, Helvetica, sans-serif; }
#billTextView .docTitle {font: bold 12px/1.5 Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 5px;}
#billTextView .docDescription,
#billTextView .docSponsors { font: normal 12px/1.5 Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 5px; color: #333;}



/* -- Bill Details page styles/overrides -- */
.billDetailPage { padding: 20px; }
.billDetailPage h3 { font: normal 22px/1.2 Georgia, Times, serif, Helvetica, Arial; }
.billDetailPage h3 .smaller { font-size: 80%;}

.billDetailPage h1 .right { font-size:20px; float:right;}
.billDetailPage h1 .redright, .peopleBioPage h1 .redright { font-size:20px; float:right; color: #f00; background-color:Yellow}

.billDetailPage p.instructions { font: normal 12px/1.2 Arial, Helvetica, sans-serif; }
.billDetailPage .Widget {  width:auto; margin: 20px; overflow: auto; }

.billDetailPage .firstChildElement { margin: 0 !important; }

.billDetailPage .dataTable { border: none; width: 700px; margin: 20px 0 0 0}
.billDetailPage .dataTable tr th { border-bottom: 2px solid #ccc; background: transparent; color: #666;}
.billDetailPage .dataTable tr td { border-bottom: 1px solid #eee;}
.billDetailPage .dataTable caption { font: bold 13px/1.5 Arial, Helvetica, sans-serif; color: #333; text-align: left; margin: 20px 0 0px 0;}

.billDetailPage .dataTableSmall { border: none; width: 450px; margin: 20px 0 0 0}
.billDetailPage .dataTableSmall tr th { border-bottom: 2px solid #ccc; background: transparent; color: #666;}
.billDetailPage .dataTableSmall tr td { border-bottom: 1px solid #eee;}
.billDetailPage .dataTableSmall caption { font: bold 13px/1.5 Arial, Helvetica, sans-serif; color: #333; text-align: left; margin: 20px 0 0px 0;}





#billDetail h1 span  { display: block; margin: /*5px 0 0 -- removed for Gen Court Number bug */ 0; }
#billDetail h2 { margin: 0px 0 5px 0; font: bold 14px/1.5 Arial, Helvetica, sans-serif; }
#billDetail .intro { margin: 0 0 40px 0; }
#billDetail p.billShortDesc { margin: 0; padding: 0; line-height: 1.5; }
    #billInfoTable { border: none; margin: 10px 0 0 0; padding: 0; }
    #billInfoTable td { vertical-align: top; margin: 0;  padding: 10px 10px 0 0;}
    #billInfoTable td.labelCol { font: bold 12px/1.2 Arial, Helvetica, sans-serif; width: 70px;}
    #billInfoTable td.infoCol { font: normal 12px/1.2 Arial, Helvetica, sans-serif; }
    #billInfoTable td.infoCol p.billReferral { margin: 0; padding: 0; color: #666; }
    #billInfoTable td.infoCol p.billHearingItem { margin: 0; padding: 0; color: #666; }
    #billInfoTable td.infoCol p.billHearingItem .hearingDate,
    #billInfoTable td.infoCol p.billHearingItem .hearingLocation { display: inline; padding: 0 20px; }
    #billInfoTable td.infoCol .docAttachment .icon {display: block; float:left; margin: 0 3px 0 0;}
    #billInfoTable td.infoCol .docAttachment .PDFIcon {background-position: -20px -180px;}
    #billInfoTable td.infoCol .docAttachment .PageIcon {background-position: 0px -180px;}
    #billInfoTable td.infoCol .docAttachment .linkText {
        display: inline-block;
        max-width: 620px;
        min-height: 15px; 
        padding: 3px 5px;
        }

#billDetail #Column1
{
    padding:20px;
}

#billDetail #Column2
{
    padding:0 20px;
}

#billDetail #Column1 div:first-child 
{
    background-color:#0D1746;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    padding: 20px;
}

#billDetail #Column1 div:first-child *
{
    background-color:transparent;
}


#billDetail .txt7403 a:link, #billDetail .txt7403 a:visited 
{
    color: #F4D686 !important;
}

#billDetail .txt7403 a:hover 
{
    text-decoration: underline;
}

div[role="tabpanel"] p .bold { font-weight: bold; }

#billHistory table ,
#BillHistory table 
{
    border-collapse: collapse;
}


#billHistory table tr *
{
    padding:7px 2px;
}

#OtherDocuments table tr *,
#BillHistory table tr *  {
    padding:2px;
}


#billHistory table td[headers=bDate],
#billHistory table td[headers=bTime],
#billHistory table td[headers=bBranch],
#BillHistory table td[headers=bDate],
#BillHistory table td[headers=bTime],
#BillHistory table td[headers=bBranch]
{
    white-space:nowrap;
    width: 75px;    
}

#billHistory table tbody td,
 #BillHistory table tbody td 
{
    border-bottom: 1px solid #eee;
    vertical-align:text-top;
}

#billHistory table tbody tr:first-child td,
#BillHistory table tbody tr:first-child td, 
#OtherDocuments table tbody tr:first-child td 
{
    border-top: 1px solid #ccc;
}
#billHistory table tbody tr td:first-child,
 #BillHistory table tbody tr td:first-child 
{
    border-left: 0px solid #0D1746;
}

#billTextView { }

/* -- Bill Details Misc Tab Containers -- */

#rollCallSummary .summaryWrapper .summaryContainer { border: 1px solid #314D91; margin:20px 0}
#rollCallSummary .summaryWrapper .summaryContainer .summaryContainerHeader{background-color: #22558F; color: #EEEEEE; font-weight: bold; padding: 0px 5px;}
#rollCallSummary .summaryWrapper .summaryContainer .summaryContent{border: 1px solid #314D91;padding: 10px;}
#rollCallSummary .summaryWrapper .summaryContainer .summaryContent h2 {margin-top:10px}
#rollCallSummary .summaryWrapper .summaryContainer .summaryContent table{border-collapse: collapse}
#rollCallSummary .summaryWrapper .summaryContainer .summaryContent table thead {background-color:#999999}
#rollCallSummary .summaryWrapper .summaryContainer .summaryContent table thead th {padding: 0 20px}
#rollCallSummary .summaryWrapper .summaryContainer .summaryContent table tbody {background-color:#CCCCCC}
#rollCallSummary .summaryWrapper .summaryContainer .summaryContent table tbody td { padding: 0 50px; text-align: center}

#committeeVoteSummary { border: 1px solid #314D91; }
#committeeVoteSummary .summaryContainerHeader { background-color: #22558F; color: #EEEEEE; font-weight: bold; padding: 5px 10px; }
#committeeVoteSummary .summaryContainerHeader h2 { display: inline; }
#committeeVoteSummary .summaryContent{ border: 1px solid #314D91; padding: 10px; }
#committeeVoteSummary .summaryContent h3 { font: bold 14px/1.2 Arial, Helvetica, sans-serif; text-align: center; clear: both; }
#committeeVoteSummary .summaryContent li { display: inline-block; width: 33%; text-align: center; }
#committeeVoteSummary .summaryContent ul { margin: 5px 0 10px 0; }

/* -- Bill Amendments (added by CO beginning 12/19/12 --- */
/* -- view house or senate amendment filter bar -- */

#billAmendments .tabToolbar { border-bottom:none; }

.amendmentOriginSelector fieldset
{
    background: none no-repeat scroll 0 0 #30578D;
    border: medium none;
    padding: 8px 5px 4px;
    width: auto;
}

.amendmentOriginSelector fieldset > *
{
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 12px/1.4 Arial,Helvetica,san-serif;
    height: 16px;
    padding: 2px 5px;
    vertical-align: middle;
}

.amendmentOriginSelector #changeAmendmentOrigin
{
    background: none repeat scroll 0 0 #005DAA;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    font: bold 11px/16px Arial,Helvetica,sans-serif;
    height: 21px;
    margin: 0;
    padding: 2px 0 3px 0;
    width: 65px;
}
.amendmentOriginSelector #changeAmendmentOrigin:hover
{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #aaaaaa;
    color: #30578D;
}


#AmendmentStatus .tableGrid td, #AmendmentStatus .tableGrid th
{
    border-right: 1px solid #999999!important;
}


/* -- Alert Message styling -- */
#alertBanner  {
    background-color: #DD3333;
    color: #FFFFFF;
    font-weight: bold;
    margin:0 0 3px;
    padding: 5px;
}

/* --- Help, FAQ & Glossary Styles --- */
.help,
.faq { padding:20px; } /* NOTE (md): removed .glossary to offset issues with People/CityList */
.toc { font-weight:bold; margin:0 0 15px 15px; padding:0px; }
.toc li { display: inline; float: left; width: 20px; height: 20px; border: 1px solid #005daa; margin: 0 6px 0 0; text-align: center; line-height: 20px; color: #999}
.toc li a:link, .toc li a:visited { display:block; line-height:16px; padding: 2px; text-align: center; background: #f8f8f8;  line-height: 16px;}
.toc li a:hover, .toc li a:focus { background: #005daa; color: #fff; }
.toc h4 { font: normal 10px Arial, Helvetica, sans-serif; }
.backTop { border-top: 1px solid #6C87C9; margin-top:5px; }
.faq h4, .toc h4 { font: normal 10px Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0; }
.faq dt, .faq dd { clear: both; }
.faq dt { font: bold 14px Arial, Helvetica, sans-serif; padding: 0;}
.faq dd { margin: 0 0 40px 0;}
.faq dd div { padding: 3px 0 0 0; }
.faq dt:before { content:"Q:"; font: normal 20px/20px Georgia, Times, Arial, Helvetica, sans-serif; float: left; margin: 0 10px 0 0; padding: 0; position: relative; top: -3px;}
.faq dd:before { content:"A:";  font: normal 20px/24px Georgia, Times, Arial, Helvetica, sans-serif; float: left; margin: 0 10px 0 0; }
/*.glossary h4 { font: bold 20px/24px Georgia, Times, Arial, Helvetica; border-bottom: 1px solid #666; padding: 0 0 0 10px;} NOTE (md): Removed styling to make CityList look like Glossary*/
.helpPage .topLink:link,
.helpPage .topLink:visited { background: #cfeeff; color: #005daa; width: 70px; height: 15px; margin: 0; padding: 2px 10px; text-align: center; font: bold 10px/13px Arial, Helvetica, sans-serif; text-transform: uppercase; float: right;}
.helpPage .topLink:hover { color: #fff; background: #005daa; text-decoration: none;}
.helpPage .helpDeskIcon { float: right; }
.helpPage .searchHelpItem { margin: 20px 0 0 0; padding: 20px; border-top: 1px solid #005daa;}
.helpPage .searchHelpItem p { margin: 10px 0 5px 0px; padding: 0; }
.helpPage .searchHelpItem h3 { font: normal 18px/1.2 Arial, Helvetica, sans-serif; margin: 20px 0 10px 0; }
.helpPage .searchHelpItem h4 { font: bold 14px/1.2 Arial, Helvetica, sans-serif; margin: 20px 0 10px 0; color: #37578b;}
.helpPage .searchHelpItem ul { list-style: outside disc; font: normal 12px/1.2 Arial, Helvetica, sans-serif; margin: 0 0 0 20px; padding: 0;}
.helpPage .searchHelpItem ul li {  margin: 0 0 5px 20px ; }

.glossary dl { padding: 0 40px; }
.glossary dt { display:inline; }
.glossary dd { padding: 0 20px;}
.glossary dd:after { content:"."; visibility:hidden; display:block; width:100%; clear:both; }
.glossary dd { *display: inline-block; /* IE7 */ }
.glossary dt { *display: block; /* IE7 */ }




/************ Redistricting Sub-site Styles **********/
/****** candidate for separate style sheet file ******/

/* --- (Duplicated by generalized "Columns" style on approx #504) Redist. Index styles/overrides
#redistHome #Column1, #redistContact #Column1, #faq #Column1, #redistHearings #Column1, #redistGlossary #Column1, #redistSummary #Column1, #redistrictingLaws #Column1, #redistCourtCases #Column1, #glossary #Column1 { padding:20px; }
#redistSummary #Column2 { padding: 0pt 0pt 20px; } --- */
.districtHome #Column2
{
    margin:0 0 40px;
}


.introCopy
{
    float: left;
    width: 450px;
}

.districtHome #eventsTable
{
    margin:0;
    width:710px;
}

.districtHome #eventsTable td[axis="event"] {
  padding-left: 7px;
  text-align: left;
  width: 160px;
}

.infoblock
{
    float:left;
    min-height:220px;
    margin:0 0 20px 20px;
    width:46%;
}

/* -- <h> tag cleanup, look to delete CO --*/
.infoblock h5
{
    font-size:11px;
}
/* -- replaces .infoblock h5 above -- */
.infoblock .historicDoc
{
    font-size:11px;
    font-weight:bold;
}


/* -- Redist. Search Results page styles/overrides -- */

.districtResults h2
{
    background: none repeat scroll 0 0 #EEEFDF;
    border-bottom: 0 solid #CCCCCC;
    color: #666666;
    font: bold 12px/20px Arial,Helvetica,sans-serif;
    height: 20px;
    margin:10px 0 0 ;
    padding: 2px 5px;
}
.districtResults .memberContent { float:left; margin-bottom:20px; width:48%; }
.districtResults .memberContent.congressional { float:none; }
.districtResults .memberContent.senate { margin-right:30px; }
.districtResults .memberContent.house {  }
.districtResults ul { border-bottom: 2px #CCCCCC solid; }
.districtResults ul li
{
    border-top: 1px #CCCCCC solid;
    overflow:hidden;
    list-style-type: none;
    padding: 10px 0;
}    
.districtResults .districtMapLink
{
    background: url(/Content/Images/icons/ico_mapIcon.png) no-repeat scroll -4px -49px transparent;
    color: #000000;
    display: block;
    float: left;
    font-size: 9px;
    height: 15px;
    margin: 0 0 0 5px;
    padding: 21px 0 0 2px;
    text-indent: -99999px;
    width: 47px;
}
.districtResults ul li:hover { background-color:#CCEAFF; }
.districtResults ul li:hover .districtMapLink { background-position: -4px -1px; text-indent:0; }
.districtResults .districtInfo
{
    float:left;
    margin:0 0 0 15px;
    width:auto;
}

.districtResults .districtNameLink,
.districtResults .districtLegislator
{
    display:block;
}
/* -- Redist. District Details styles/overrides -- */
#districtSummary .widgetContent 
{
    width:685px;
}

#districtSummary h2 {font-size: 11px; color:#444444; padding: 4px 5px; }

#districtCensusData .baseTable
{
    background-color:#ffffff;
}

#districtCensusData .baseTable tr > * 
{
    border:1px solid #6C87C9;
    padding:5px 0;
    text-align:center;
}

#districtCensusData .baseTable th[scope="rowgroup"]
{
    background-color: #DDDDDD;
    height: 30px;
    text-align:left;
    text-indent:5px;
    vertical-align: middle;
}

#districtCensusData .baseTable td[scope="row"]
{
    text-align:left;
    text-indent:10px;
}

/* --- Redist. Maps styles/overrides --- */
#redistrictMaps #Column1 { padding:20px; }
#redistrictMaps #Column2 { padding:0 20px 20px; }

#mapTabs li a
{
    width:125px;
}

.mapWrap { border:1px #3F5CA5 solid; background-color:#ffffff; width:725px; }
.mapWrap h2 { background-color:#3F5CA5; color:#ffffff; font-size:11px; height:20px; text-indent:5px; width:100%; }

.thumbnailScroller
{
    border: 1px solid #DDDDDD;
    height: auto;
    margin: 10px auto;
    overflow: auto;
    overflow-y: hidden;
    padding:0 0 10px;
    position: relative;
    width: 700px;
}

.thumbnailScroller>div:first-child
{
    padding:10px 0 0;
    width:3000px;
}

div[role="tablist"] { }
div[role="tab"] { float: left; width:175px; }
div[role="tab"] a { display:block; text-align:center; width:100%; }
div[role="tab"] a:visited { }
div[role="tab"] a img
{
    border: 1px solid #999999;    
    display:block; margin:0 auto;
    width:120px;
}
div[role="tab"] a span
{
    display:block;
    text-align:center;
    width:85%;
    margin:5px auto 0;
    margin-bottom:15px;
}

.mapContainer img
{
    border: 1px solid #999999;
    display: block;
    margin: 10px auto;
}

.mapContainer h5
{
    color: #1B2758;
    font-size: 11px;
    margin: 20px 0 0 10px;
}

#House_DistrictMapPhotoTab_loadarea,
#Senate_DistrictMapPhotoTab_loadarea,
#Congress_DistrictMapPhotoTab_loadarea
{
    min-height: 600px;
    padding: 5px 12px 10px;
    *padding: 5px 14px 10px; /* IE7 */
}

.proposedText
{
    color: #FF0000;
    display: block;
    font: bold 10px/1.1 Arial,Helvetica,san-serif;
    left: 116px;
    position: absolute;
    top: 5px;
}

#mapTabs li[aria-controls="Congress"] a
{
    width:140px;
}
    

/* -- Redist. Redistricting Laws page styles/overrides --- */

/* -- these are meaningless - the page class is .districtLaws
.districtLaw .widgetContent { margin: 0; width:708px; }
.districtLaw .widgetContent.csblueBright ul { margin-top:10px; }
.districtLaw .widgetContent.csblueBright li a { font-weight:bold; }
.districtLaw .Widget { margin: 20px 0 0; }

.districtLaw #Hierarchy { margin-top:10px; }
.districtLaw .sessionWrap a { text-align:center; }
-- */

.districtLaws .sessionLaw .dataContainer .groupDesc { width:560px!important; }
.districtLaws h2 { font: bold 14px/14px Verdana,Arial,sans-serif; }


/* -- Redist. Hearing & Reports page styles/overrides --- */

.hearingsTable
{
    border-collapse: collapse;
    border-spacing: 0;
    margin:20px 0 0;
    width: 100%;
}

.hearingsTable caption 
{
    font-size:11px;
    text-align:left;
}

.hearingsTable thead tr
{
    height:20px;
}

.hearingsTable thead th
{
    background-color: #0D1746;
    color: #FFFFFF;
}

.hearingsTable tr
{
    height: 40px;
}

.hearingsTable td
{
    border:1px #3F5CA5 solid;
    background-color:#ffffff;
    padding:4px;
}


.hearingsTable .hearingDate 
{
    text-align:center;
    white-space:nowrap;
    width:70px;
}

.hearingsTable .hearingTitle 
{
    font-weight:bold;
}
.hearingsTable .hearingDocs 
{
    white-space:nowrap;
    width:165px;
}

/* --- US District data (Census Data page) --- */
#usCensusData #Column1 { padding:20px; }
#usCensusData .baseTable { margin: 10px 0 0; width: auto; }
#usCensusData .baseTable td,
#usCensusData .baseTable th { border:1px solid #6C87C9; width:150px; }
#usCensusData .baseTable td[scope="row"]
{
    padding: 0 0 0 20px;
    text-align: left;
    width: 130px;
}
#usCensusData .baseTable .number
{
    padding: 0 60px 0 0 !important;
    text-align: right;
    width: 90px;
}

/* -- Redistricting - Court Cases page styles/overrides -- */
#redistCourtCases
{
    min-height:500px;
}

#redistCourtCases #F
{
    padding:20px;
}

#redistCourtCases a:link,
#redistCourtCases a:visited,
#redistCourtCases a:active
{ text-decoration:underline; }

#redistCourtCases a:hover { text-decoration:none; }

#redistCourtCases h2,
#drawDistrict h2 { font: bold 13px/16px Verdana,Arial,sans-serif; margin-top:20px; padding:0; }
#redistCourtCases ul li
{
    line-height: 18px;
    list-style-type: none;
    margin-bottom:5px;
}

#redistCourtCases a .caseTitle { display:block; font-weight:bold; width:100%; clear:right; }

#redistCourtCases .courtCase { margin:0 0 10px; padding: 10px 0 0 20px; }
/* #redistCourtCases .courtCase > * { margin:0 0 5px 0 } */
#redistCourtCases .courtCase h3 { font: bold 11px/16px Arial,Helvetica,Verdana,sans-serif; padding: 4px 0 0; }

#redistCourtCases .courtCase a:link img,
#redistCourtCases .courtCase a:visited img,
#redistCourtCases .courtCase a:active img
{
    text-decoration:none;
}

/* -- Contact page -- */

.contactForm { padding:0; }

.contactForm .required {color: #666; font-size: 10px; font-style: italic; margin: 15px 15px 5px;}

.contactForm .nameFields, 
.contactForm .addressFields , 
.contactForm .locationFields,
.contactForm .emailFields,
.contactForm .memberComment,
.contactForm .memberTerms {
    clear: both;
    margin: 0 15px 15px;
    position: relative;
    width: 100%; 
    }

.contactForm .contactInfo {border:none; margin: 0; padding: 0;}
.contactForm .contactInfo legend {position: absolute; text-indent: -9999px;}
.contactForm label {display: block; margin: 0; width: auto;}
.contactForm .contactInfo input {margin: 0 15px 0 0;}
.contactForm .contactInfo div {display:inline-block; position:relative; float:left;}
.contactForm .validationError {left:0; position: absolute; top: 39px; width: 200px;}
.contactForm .memberComment .validationError {left: 305px; top: 126px;}

.contactForm .contactInfo .emailFields input,
.contactForm .contactInfo .nameFields input {width: 345px;}

.contactForm .contactInfo .addressFields .addressNumber input {width: 98px;}
.contactForm .contactInfo .addressFields .addressName input,
.contactForm .contactInfo .addressFields .addressName .validationError {width:400px;}
.contactForm .contactInfo .addressFields .addressApt input,
.contactForm .contactInfo .addressFields .addressApt .validationError {width: 175px;}

.contactForm .contactInfo .locationFields .addressTown input {width:400px;}
.contactForm .contactInfo .locationFields .addressState input {width: 113px;}
.contactForm .contactInfo .locationFields .addressZip input {width: 160px;}

.contactForm .memberComment textarea {font-size: 12px; height: 100px; overflow: auto; resize: vertical; width: 705px;}
.contactForm #memberCommentBoxWarning {color: #666; display: block; font-size: 10px; font-style: italic;}

.contactForm .memberTerms {margin-top: 10px;}
.contactForm .memberTerms input[type="checkbox"] {float: left; margin-right: 10px;}

.contactForm .Submit {margin: 10px;}

.contactForm .input-validation-error {border-color: #f00;}
.contactForm .field-validation-error,
.mlDashContent .field-validation-error,
.mlRegisterPage .field-validation-error,
.mlLoginFields .field-validation-error {
    background-color: #fff;
    color: #f00;
    display: block;
    font-size: 10px;
    font-style: italic;
    padding: 2px;
    }
/* -- alternate style 
.contactForm span.field-validation-error {
    background-color: #fefef0;
    border: 1px solid #f00;
    border-radius: 3px;
    float: left;
    margin-top: 5px;
    padding: 2px 3px;
    position: absolute;
    width: auto;
    z-index: 9999;
    } */

/* -- Contact Confirmation page -- */


/*--Clerks Contact Forms 

.contactForm .nameFields {width:100%}
.contactForm .addressFields {width:100%}
.contactForm .locationFields {width:100%}

.contactForm .contactInfo .nameFields div {width:27%; display:inline-block; margin-bottom:2%}
.contactForm .contactInfo .nameFields label {text-align:left; margin:0 2px}


.contactForm .contactInfo .addressFields div {display:inline-block; margin-bottom:2%}
.contactForm .contactInfo .addressFields label {text-align:left; margin:0 2px}
.contactForm .contactInfo .addressFields .addressNumber {width:18%}
.contactForm .contactInfo .addressFields .addressName {width:44%}
.contactForm .contactInfo .addressFields .addressApt {width:5%}
.contactForm .contactInfo .addressFields .addressNumber input {width:100px}
.contactForm .contactInfo .addressFields .addressName input {width:250px}
.contactForm .contactInfo .addressFields .addressApt input {width:50px}

.contactForm .contactInfo .locationFields div {display:inline-block; margin-bottom:2%}
.contactForm .contactInfo .locationFields label {text-align:left; margin:0 2px}
.contactForm .contactInfo .locationFields .addressTown {width:27%}
.contactForm .contactInfo .locationFields .addressState {width:7%}
.contactForm .contactInfo .locationFields .addressZip {width:17%}

.contactForm .contactInfo .emailFields div {width:27%; display:inline-block}
.contactForm .contactInfo .emailFields label {text-align:left; margin:0 2px}

.contactForm .attachmentFields {width:100%; display:inline-block; margin-left:4%}
.contactForm .attachmentFields label {text-align:left; margin:0 2px; width:75px}
.contactForm .attachmentFields input {text-align:left; margin:0 2px}

.contactForm #clerkCommentBoxWarning{ width: 550px; margin-left: 4%; text-align:justify; font-size:9}
.contactForm .clerkTerms label { width: 40px; margin-left:4%}
.contactForm .clerkTerms span { width: 550px; margin-left:4% }
.contactForm .clerkComment {margin-top:3%}
.contactForm .clerkComment textArea { width:550px; margin-left: 4%; height: 120px}
.contactForm .clerkComment span { width:550px; margin-left: 4%}
.contactForm .clerkComment .requiredIndicator {width:0px;margin-left:0px}
.contactForm .clerkTerms .requiredIndicator {width:0px;margin-left:0px}
.contactForm .clerkTerms input[type="checkbox"] { margin-top:4px; margin-left:10px}

.contactForm .clerksSubmit {margin-left:5%}

 Contact Confirmation page -- */
.contactForm .terms .signature
{
    float:left;
    margin: 10px 0 0;
    width:49%;
}

.signature > *
{
    display:block;
}

.chairPersonName
{
    font-weight:bold;
}

.chairPersonTitle
{
    font-style:italic;
}


/* -- Clerks page overrides -- */
#clerksPage h1 .headingPrefix { font: normal 14px/1.2 Georgia, Arial, Helvetica, sans-serif; display: block; }
#clerksPage h1 .headingName { display: block; }

#clerksPage #Column2
{
    padding:0;
}

#clerksPage #Column2 .Widget
{
    float: left;
    margin: 0 0 20px 20px;
    width: 362px;
}

#clerksPage #Column2 .widgetContent 
{
    height: 85px;
    overflow-y: auto;
    padding: 10px 20px;
    width: 322px;
}

#clerksPage #Column2 .widgetContent p:first-child,
#clerksPage #Column2 .widgetContent div:first-child
{
    margin-top:0;
}
.docketNum
{
    width:100px;
    white-space:nowrap
}

.docketBillTitle
{
    text-align:left!important;
    width:250px;
}

.docketBillNum
{
    width:70px;
    white-space:nowrap
}

/* -- generalized table layout -- */

.baseTable
{
    background-color: #ffffff;
    border-collapse: collapse;
    margin: 20px 0 0;
    width:100%;
}

.baseTable th,
.baseTable td
{
    padding:0 5px;
    text-align: center;
    vertical-align: top;
}    

.baseTable thead th
{
    background-color: #0D1746;
    color: #FFFFFF;
    text-align: center;
    text-indent: 0;
}

.baseTable tbody tr:first-child td {
  border-top: 1px solid #0D1746;
}

.baseTable tbody tr.last td {
  border-bottom: 1px solid #0D1746;
}

.baseTable tbody tr td:first-child
{
    border-left:1px solid #0D1746;
}

.baseTable tbody tr th:first-child
{
    border-left:1px solid #0D1746;
}

.baseTable tbody tr td.last /* class "last" necessary due to IE7 lack of support of last-child pseudo-class selector */
{
    border-right:1px solid #0D1746;
}

.baseTable tbody tr th.last /* class "last" necessary due to IE7 lack of support of last-child pseudo-class selector */
{
    border-right:1px solid #0D1746;
}

.baseTable ul
{
    list-style: disc inside none;
    margin:0 0 5px;
}

.baseTable li
{
    font-size:xx-small;
    line-height:12px;
    padding:0 0 0 5px;
}


/* --- add rules to all table cells --- */
.tableGrid
{
    border-collapse:collapse;
}

.tableGrid td,
.tableGrid th
{
    border:1px solid #0D1746;
}


.baseTable .oddrow td,
.baseTable .oddrow th
{
    background-color: #FFFFFF;
}

.baseTable .evenrow td,
.baseTable .evenrow th
{
    background-color: #EEEEEE;
}

.wideContent th,
.wideContent td {font-size: 10px;}

/* --- Budget Pages Styles & Overrides --- */

#HouseBudget #Column1 .widgetContent > div[class] > div:first-child,
#SenateBudget #Column1 .widgetContent > div[class] > div:first-child { float: left; width: 500px; }
/*#HouseBudget #Column1 .widgetContent > div[class] > div:first-child a,
#SenateBudget #Column1 .widgetContent > div[class] > div:first-child a { color:#F4D686 !important; text-decoration:underline; } */
#HouseBudget #Column1 #chairPic,
#SenateBudget #Column1 #chairPic { float: left; width: 250px; }
#HouseBudget #Column1 #chairPic p,
#SenateBudget #Column1 #chairPic p { text-align:center; }

#HouseBudget .bioPicContainer,
#SenateBudget .bioPicContainer
{
    border: 1px solid #DDDDDD;
    height: 153px;
    margin: 0 auto 10px;
    padding: 10px;
    width: 116px;
}

#chairPic p { font-size:11px; margin:0 0 10px; }

/* #HouseBudget #chairPic a,
#SenateBudget #chairPic a { color:#F4D686 !important; text-decoration:underline; } */

.tabContainer
{
    padding: 10px; background-color: #ffffff; border:1px solid #0D1746;
}

#WaysAndMeansTabPanel .budgetTabPanel
{
    overflow-y:auto;
    height:900px;
    width:706px;
}   

#SenateBudget #WaysAndMeansTabPanel .budgetTabPanel
{
    overflow:visible;
    height:auto;
}



/* -- override for Appropriations tab IE7 --  */
#WaysAndMeansTabPanel #Appropriations
{
    *overflow-y: visible; /* IE7 */
    *overflow: scroll; /* IE7 */
    *height: auto; /* IE7 */
}   


.tabContainer .Widget h2 
{
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin-top: 10px;
}

#WaysAndMeansTabPanel .internalPdf,
#ChamberActionsTabPanel .internalPdf,
#WaysAndMeansTabPanel .internalXls,
#ChamberActionsTabPanel .internalXls,
#WaysAndMeansTabPanel .internalFile,
#ChamberActionsTabPanel .internalFile
{
    display: block;
    margin: 10px 5px 0 0;
    float: right;
}

#WaysAndMeansTabPanel .internalPdf img,
#ChamberActionsTabPanel .internalPdf img,
#WaysAndMeansTabPanel .internalXls img,
#ChamberActionsTabPanel .internalXls img,
#WaysAndMeansTabPanel .internalFile img,
#ChamberActionsTabPanel .internalFile img {
    float: right;
}

#SenateBudget #ChamberActionsTabPanel .internalPdf,
#SenateBudget #ChamberActionsTabPanel .internalXls,
#SenateBudget #ChamberActionsTabPanel .internalFile
{
    display: block;
    float: none;
    margin: 0px 5px 0 0;
}

/* --- House Budget FY17 Styling Fix --- MD --- */
#houseBudgetFY17 {width: 730px;}
#houseBudgetFY17 .MsoNormalTable {margin: 0 !important;}
/* --- END House Budget FY17 Custom Styling --- */


/*
#WaysAndMeansTabPanel[role="tablist"] li { padding: 4px 0; }
#WaysAndMeansTabPanel[role="tablist"] li a:link { text-align: center; float: left; color: #3f5ca5; background: #f8f8f8; padding: 6px 5px;  margin: 0; text-decoration: none; border-bottom: 1px solid #364c81; border-right: 0px solid #eee; border-top: 1px solid #eee; position:relative; top:1px; }
#WaysAndMeansTabPanel[role="tablist"] li a:visited { background: #f8f8f8; border-bottom: 1px solid #364c81; border-right: 0px solid #eee; border-top: 1px solid #eee; color: #3f5ca5; float: left; margin:0; padding: 5px; text-align: center; position:relative; text-decoration: none; top:1px; }
#WaysAndMeansTabPanel[role="tablist"] li a:hover {background: #cceaff; color: #1b2758; float: left; margin:0; padding: 6px 5px; text-align: center; position:relative; text-decoration: none; top:1px; }
#WaysAndMeansTabPanel[role="tablist"] li a.selected { background: #364c81 url(/Content/Images/backgrounds/bg_tabBlueBG.jpg) 0 0 repeat-x !important; border-bottom: none!important; border-left: 1px solid #364c81; border-right: 1px solid #364c81; border-top: 1px solid #364c81; color: #000 !important; font: bold 12px Arial, sans-serif;padding-top: 9px; padding-bottom: 4px; top: 1px;}

#budgetSectionTabList[role="tablist"] li { padding: 4px 0; }
#budgetSectionTabList[role="tablist"] li a:link { text-align: center; float: left; color: #3f5ca5; background: #f8f8f8; padding: 6px 5px;  margin: 0; text-decoration: none; border-bottom: 1px solid #364c81; border-right: 0px solid #eee; border-top: 1px solid #eee; position:relative; top:1px; }
#budgetSectionTabList[role="tablist"] li a:visited { background: #f8f8f8; border-bottom: 1px solid #364c81; border-right: 0px solid #eee; border-top: 1px solid #eee; color: #3f5ca5; float: left; margin:0; padding: 5px; text-align: center; position:relative; text-decoration: none; top:1px; }
#budgetSectionTabList[role="tablist"] li a:hover {background: #cceaff; color: #1b2758; float: left; margin:0; padding: 6px 5px; text-align: center; position:relative; text-decoration: none; top:1px; }
#budgetSectionTabList[role="tablist"] li a.selected { background: #364c81 url(/Content/Images/backgrounds/bg_tabBlueBG.jpg) 0 0 repeat-x !important; border-bottom: none!important; border-left: 1px solid #364c81; border-right: 1px solid #364c81; border-top: 1px solid #364c81; color: #000 !important; font: bold 12px Arial, sans-serif;padding-top: 9px; padding-bottom: 6px; top: 1px;}

#budgetTabList[role="tablist"] li { padding: 4px 0; }
#budgetTabList[role="tablist"] li a:link { text-align: center; float: left; color: #3f5ca5; background: #f8f8f8; padding: 6px 5px;  margin: 0; text-decoration: none; border-bottom: 1px solid #364c81; border-right: 0px solid #eee; border-top: 1px solid #eee; position:relative; top:1px; }
#budgetTabList[role="tablist"] li a:visited { background: #f8f8f8; border-bottom: 1px solid #364c81; border-right: 0px solid #eee; border-top: 1px solid #eee; color: #3f5ca5; float: left; margin:0; padding: 5px; text-align: center; position:relative; text-decoration: none; top:1px; }
#budgetTabList[role="tablist"] li a:hover {background: #cceaff; color: #1b2758; float: left; margin:0; padding: 6px 5px; text-align: center; position:relative; text-decoration: none; top:1px; }
#budgetTabList[role="tablist"] li a.selected { background: #364c81 url(/Content/Images/backgrounds/bg_tabBlueBG.jpg) 0 0 repeat-x !important; border-bottom: none!important; border-left: 1px solid #364c81; border-right: 1px solid #364c81; border-top: 1px solid #364c81; color: #000 !important; font: bold 12px Arial, sans-serif;padding-top: 9px; padding-bottom: 4px; top: 1px;}
*/

#budgetSectionTabList li a {
    padding-left: 5px;
    padding-right: 5px;
    width: 230px;
}

#budgetTabList li a {
    height: 32px;
    line-height: 1.2;
    padding-bottom: 6px!important;
    padding-left: 5px!important;
    padding-right: 5px!important;
    padding-top: 5px!important;
    width:80px;
}

#budgetTabList #AppropriationsTab a
{
    width:118px;
}

#budgetTabList #AmendmentStatusTab a
{
    width:120px;
}

#budgetTabList #AmendmentBookTab a
{
    width:140px;
}

#budgetTabList #FloorActionsTab a
{
    width:70px;
}

#budgetTabList #MessageFromTheChairTab a
{
    width:90px;
}

#budgetTabList #FiscalNoteTab a
{
    width:50px;
}

#budgetTabList #LocalAidTab a
{
    width:43px;
}

#budgetTabList #OtherDocumentsTab a
{
    width:95px;
}

#Column2 .tabContainer .budgetTabPanel .Widget
{
    padding:10px;
}

#Column2 .tabContainer .budgetTabPanel .Widget > div
{
    display:block;
    position:static;
    width:689px;
}

#budgetTabList li a.selected
{
    background-color: #A1CCEC !important;
    background-position: 0 21px !important;
    border-bottom: medium none !important;
    border-top: 2px solid #364C81;
    top: 1px;
}


#Appropriations .Widget div h3
{
    border-bottom: 2px solid #0D1746;
    font-family: Arial,Helvetica,sans-serif;
    font-size:13px;
    margin: 10px 0 5px;
    padding: 0 0 3px;
    text-align:center;
}

#SenateBudget #Appropriations .Widget div h3
{
    border-bottom: medium none;
    text-transform: uppercase;
}


#Appropriations .Widget div h4
{
    border-bottom: 1px solid #0D1746;
    font-family: Arial,Helvetica,sans-serif;
    font-size:11px;
    margin: 0 0 5px;
}

#SenateBudget #Appropriations .Widget div h4
{
    border-bottom: medium none;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    margin: 0 0 10px;
    text-align: center;
}


.lawsParagraphDetail h4,
.lawsParagraphDetail h3,
#FinalBudgetTabPanel h4,
#FinalBudgetTabPanel h3
{
    text-align:center;
}

.BudgetLineItem
{
    border:1px #ffffff solid;
    margin: 0 0 10px;
    position:relative;
    width: 689px;
}

.BudgetLineItem div
{
    float: left;
    margin: 0 0 7px;
    *margin: 0 0 -7 0; /* IE7 */
    text-align: justify;
    width: 480px;
 }

.BudgetLineItem div:first-child
{
    margin: 0 10px 0 0;
    text-align:left;
    width: 100px;
}

.BudgetLineItem .last
{
    clear:left;
    *clear:none; /* IE7 */
    float:none;
    margin:0 0 0 0;
    position:relative;
    top:-23px;
    text-align: right;
    width: 689px;
}

.BudgetLineItem .revenueBreakdown
{
    clear: both;
    float: none;
    margin: 0 0 0 0;
    padding: 0 0 0 150px;
    position: relative;
    top:-16px;
    text-align: justify;
    width: 489px;
}

.bulletedList
{
  list-style: disc outside none;
  margin: 0 10px 0 30px;
}

#AmendmentStatus .baseTable,
#AmendmentBook .baseTable
{
    margin:0;
}

#AmendmentStatus .amendmentNum,
#AmendmentBook .amendmentNum
{
    text-align:center;
    width:85px;
}

#AmendmentStatus .amendmentSponsor,
#AmendmentBook .amendmentSponsor
{
    text-align:left;
    width:120px;
}
#AmendmentStatus .amendmentTitle,
#AmendmentBook .amendmentTitle
{
    text-align:left;
}
#AmendmentBook .amendmentSummary
{
    text-align:left;
    width:140px;
}
#AmendmentStatus .amendmentSubject,
#AmendmentBook .amendmentSubject
{
    text-align:left;
    width:140px;
}
#AmendmentStatus .amendmentAction,
#AmendmentBook .amendmentAction
{
    text-align:left;
    width:120px;
    border-right:1px solid #0D1746;
}

#AmendmentStatus .amendmentFloorNumber
{
    text-align:center;
    width:62px;
}

#AmendmentStatus .amendmentCategory
{
    text-align:left;
    width:35px;
}

#AmendmentStatus .amendmentAmending
{
    text-align:center;
    width:60px;
}

#FloorActions td.amendmentNum
{
    text-align:left;
    width:195px;
}
#FloorActions th.changedAmendmentNum
{
    text-align:left;
    padding: 0 0 0 63px;
}
#FloorActions td.changedAmendmentNum
{
    text-align:left;
}
#FloorActions td.amendmentSubject
{
    text-align:left;
}
#FloorActions td.amendmentSponsor
{
    text-align:left;
}
#FloorActions td.amendmentAction
{
    text-align:left;
    width:140px;
    border-right:1px solid #0D1746;
}


/* -- Senate Budget page styles & overrides -- */
.legend
{
    border:1px solid #0D1746;
    margin:0 0 10px 0;
    padding:5px;
    width:auto!important;
}

.legend h5
{
    background-color: #FFFFFF;
    font-size: 13px;
    left: 5px;
    padding: 0 0 0 5px;
    position: relative;
    top: -13px;
    width: 56px;
}

.legend > div
{
    clear:left;
}

.senateCategory
{
    clear:none!important;
    float: left;
    margin: 0 8px 5px 0;
    *margin: 0 4px 5px 0; /* IE7 */
    width: 215px;
    *width: 220px; /* IE7 */
 }

.legend p
{
    clear: left;
    float: left;
    margin: 5px 0;
    width:100%!important;
}


.category
{
    padding-left:15px!important;
    white-space:nowrap;
    background:url('/Content/Images/backgrounds/noAmendments_colorCode.png') no-repeat 2px 3px transparent;
}

.backgroundRepeat
{
    background-repeat:repeat!important;
}


.ECO
{
    background:url('/Content/Images/backgrounds/ECO_colorCode.png') no-repeat 2px 3px transparent;
    color: #ffffff;
}

.EDU
{
    background:url('/Content/Images/backgrounds/EDU_colorCode.png') no-repeat 2px 3px transparent;
    color: #ffffff;
}

.EHS
{
    background:url('/Content/Images/backgrounds/EHS_colorCode.png') no-repeat 2px 3px transparent;
    color: #ffffff;
}

.ENV
{
    background:url('/Content/Images/backgrounds/ENV_colorCode.png') no-repeat 2px 3px transparent;
}

.EPS
{
    background:url('/Content/Images/backgrounds/EPS_colorCode.png') no-repeat 2px 3px transparent;
}

.GOV
{
    background:url('/Content/Images/backgrounds/GOV_colorCode.png') no-repeat 2px 3px transparent;
    color: #ffffff;
}

.JUD
{
    background:url('/Content/Images/backgrounds/JUD_colorCode.png') no-repeat 2px 3px transparent;
    color: #ffffff;
}

.LOC
{
    background:url('/Content/Images/backgrounds/LOC_colorCode.png') no-repeat 2px 3px transparent;
    color: #ffffff;
}

.OTH
{
    background:url('/Content/Images/backgrounds/OTH_colorCode.png') no-repeat 2px 3px transparent;
    color: #ffffff;
}

.TRP
{
    background:url('/Content/Images/backgrounds/TRP_colorCode.png') no-repeat 2px 3px transparent;
    color: #ffffff;
}

.legend .fieldGroup
{
    float:none;
    margin:0;
}

.legend .fieldSet > *
{
    display:block;
}

.legend #filterButton
{
    display: block;
    float: left;
    margin: 20px 0 0;
}



/* -- underlines on links for Senate Budget Amendment Status -- */
#SenateBudget #AmendmentStatus .legend a,
#SenateBudget #AmendmentStatus .baseTable a
{
    text-decoration:underline;
}

/* -- Amendment display page styles -- */

.rightedText { font-size:13px; text-align:right; width:100% }

.budgetAmendmentHeader { text-align: left;color: white; background-color:black }
.budgetAmendmentTable { width: 300px;text-align: left;border: 1; font-size: 11px;}

.HouseAmendmentText,
.SenateAmendmentText,
.SenateAmendmentGroupText
{
    margin:10px;
}

.HouseAmendmentText .printButton,
.SenateAmendmentText .printButton,
.SenateAmendmentGroupText .printButton
{
    width:100%;
    margin:0 0 10px 0;
}

.HouseAmendmentText h2
{
    margin:0 0 10px 0;
    text-align:center;
    font-size: 17px;
}

.SenateAmendmentText h2,
.SenateAmendmentGroupText h2

{
    font-size: 13px;
    margin: 10px 0;
    text-align: right;
}

.HouseAmendmentText h3,
.SenateAmendmentText h3,
.SenateAmendmentGroupText h3
{
    text-align:center;
    font-size:13px;
    margin-bottom:10px;
}

.amendmentParagraph
{
    white-space: pre-wrap;
    font-size: 11px;
    min-height: 80px;
}

/* -- Senate Budget Outside Sections tab -- */
#OutsideSections .Widget div h5
{
    font-size:11px;
    text-align:center;
}
    


/* --- Generalized background styles ---  */
/* --- Dark blue, full width header background
       replacement for #billDetail based styles
       place on actual header div ---  */
.blueFullHeader {
    background-color: #0D1746;
    color: #F4D686 !important;
    height: auto !important;
    min-height: 190px;
    padding: 20px;
}

.blueFullHeader h1 span
{
    font-weight:normal;
    font-size:11px;
}



/* General overlay styles */
.overlay {
    padding: 20px 10px 10px 10px;
    z-index: 2001;
    background-color:#FFFFFF;
    border:1px solid #666666;
    width:800px;
    height: 470px;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000000;
    -webkit-box-shadow: 0 0 90px #000000; 	
}
.overlay .close {
    background-image:url(/Content/Images/icons/ico_close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
    z-index: 9999;
}
    
    
.modalOuterWindow { width: 780px; height: 420px; background: #fff; padding: 20px 10px 10px 10px; }
.dataTable.hearingsTable_modal .billNumber { width: 65px; }
.dataTable.hearingsTable_modal .billTitle { width: 475px; padding-right: 20px;  }
.dataTable.hearingsTable_modal .billSponsorName { width: 125px; }
.overlay .dataTable.hearingsTable_modal caption { background: #fff; margin: 0 0 20px 0; padding: 0; }
.hearingBillsTableWrapper { background-color:#fff; height: 400px; padding: 5px; overflow: auto; border: 1px solid #999;}



/* Different Modal contents */
.hearingBillsTableWrapper .dataTable.hearingsTable_modal { width: 750px; margin: 0; padding: 0;}



/* Different Modal contents */
#modalBillList { width: 800px; height: 442px; margin: 0; padding: 0;}

.hearingBillsTableWrapper .dataTable { border: none; width: 700px; margin: 20px 0 0 0}
.hearingBillsTableWrapper .dataTable tr th { border-bottom: 0px solid #ccc; background: transparent; color: #666; text-align: left; padding: 3px 0 3px 5px; background: #eeefdf;}
.hearingBillsTableWrapper .dataTable tr td { border-bottom: 1px solid #eee; padding: 10px 5px; vertical-align: top;}


/* ----- What's New page styles ----- */
/* ----- Added by CO ----- */
.whatsNewPage h2
{
    background: none repeat scroll 0 0 #EEEFDF;
    color: #666666;
    font: bold 12px/20px Arial,Helvetica,sans-serif;
    height: 20px;
    padding: 2px 5px;
    width: 100%;
}

.whatsNewSet
{
    margin:20px 0 0;
    min-height: 150px;
    width:100%;
}

.whatsNewIcon
{
    border:2px #0D1F42 solid;
    float:left;
    height:102px;
    margin:0 10px 0 0;
    padding:0px; 
    width:102px;
}


.whatsNewDescription
{
    float:left;
    width:620px;
}

.whatsNewDescription ul
{
    list-style-type: disc;
    margin: 10px;
    padding: 0 0 0 30px;
}

.whatsNewDescription li
{
    line-height:1.8;
}

.debugInfo
{
    color: red;
    font-weight: normal;
}
.debugInfoHeader 
{
    color: white;
    font-size: larger;
    font-weight: bold;
}
.debugInfoLabel
{
    color: white;
    font-weight: bold;   
}
/* end What's New page styles --- */

/* --- MyLegislature Styles - added by MD */
/* Login Button */
a.mlLoginButton {
    background-color: #fde29a;
    border: 4px solid #cdad58;
    color: #8f2310;
    display: block;
    font: bold 12px/14px Arial,Helvetica,sans-serif;
    margin: 30px auto 5px;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    width: 190px;
    }
a.mlLoginButton:hover {
    background-color: #8f2310;
    color: #fff !important;
    text-decoration: none;
    }
a.mlLoginButton span {
    color: #22558f;
    font: normal 22px/25px Georgia,Times,serif;
    text-transform: none;
    font-variant: small-caps;
    }
a.mlLoginButton:hover span{
    color: #fff;
    }
a.mlRegister {
    color: #eee;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    }
a.mlRegister:hover {
    color: #fff;
    }

/* Login Window */
#overlayLogin.overlay {
    border: none;
    padding: 0;
    height: 320px;
    width: 390px;
    }
.mlLogin,
.billSearchAlert {
    background-color: #fde29a;
    border: 4px solid #cdad58;
    position: relative;
    width: 385px;
    }
.mlLoginTitle,
.billSearchAlertTitle {
    clear: both;
    color: #8f2310;
    font: bold 15px/19px Arial,Helvetica,sans-serif;
    padding: 10px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -5px;
    }
.mlLoginTitle span,
#whatsNewPanel h4,
.mlDashContent .mlAccount legend span {
    color: #22558f;
    font: normal 34px/38px Georgia,Times,serif;
    font-variant: small-caps;
    margin-left: 5px;
    position: relative;
    text-transform: none;
    top: 5px;
    }
/* --- REMOVED from markup (11/8/13 - MD)
ul.mlLoginSites[role="tablist"] {
    background-color: #fff7e3;
    display: block;
    float: left;
    margin: 0;
    min-height: 315px;
    width: 200px;
    }
.mlLoginSitesContainer {
    height: 100%;
    }
ul.mlLoginSites[role="tablist"] li {
    background-color: #fbc85d;
    border-bottom: 3px solid #cdad58;
    display: block;
    padding: 0;
    }
ul.mlLoginSites[role="tablist"] li a:link,
ul.mlLoginSites[role="tablist"] li a:visited {
    background-color: transparent;
    background-image: none;
    border: none !important; /* override for line 1641 :first-child selector * /
    color: #333;
    display: block;
    float: none;
    font: normal 13px/50px Arial,Helvetica,sans-serif;
    height: 50px;
    padding: 0 0 0 55px;
    position: static;
    text-align: left;
    top: 0;
    }
ul.mlLoginSites[role="tablist"] li:hover {
    background-color: #fde29a;
    }
ul.mlLoginSites[role="tablist"] li a:hover {
    background-color: transparent;
    background-image: none;
    border: none !important; /* override for line 1641 :first-child selector * /
    color: #333;
    display: block;
    float: none;
    font: normal 13px/50px Arial,Helvetica,sans-serif;
    height: 50px;
    padding: 0 0 0 55px;
    position: static;
    text-align: left;
    top: 0;
    }
ul.mlLoginSites[role="tablist"] li.selected {
    background-color: #fff !important;
    border-bottom: #fff;
    font-weight: bold;
    }
ul.mlLoginSites[role="tablist"] li.selected a {
    color: #22558f;
    }
ul.mlLoginSites[role="tablist"] li.selected + li {
    background: url('/Content/Images/login/mlLogin-current-borderbottom.png') repeat-x 0 0 #fbc85d;
    }
ul.mlLoginSites[role="tablist"] li.selected + li:hover {
    background-color: #fde29a;
    }
/*.mlLoginSites li#current + li:hover {background-color: #fde29a !important;}
.mlLoginSites li#current + li a {background-color: transparent !important;} * /
ul.mlLoginSites[role="tablist"] #myLegislature {background: url('/Content/Images/login/myLeg.png') no-repeat 15px 50%;}
ul.mlLoginSites[role="tablist"] #facebook {background: url('/Content/Images/login/facebook.png') no-repeat 15px 50%;}
ul.mlLoginSites[role="tablist"] #google {background: url('/Content/Images/login/google.png') no-repeat 15px 50%;}     
ul.mlLoginSites[role="tablist"] #yahoo {background: url('/Content/Images/login/yahoo.png') no-repeat 15px 50%;}
ul.mlLoginSites[role="tablist"] #microsoft {background: url('/Content/Images/login/windowsid.png') no-repeat 15px 50%;}
ul.mlLoginSites[role="tablist"] #openID {background: url('/Content/Images/login/openid.png') no-repeat 15px 50%;}
ul.mlLoginSites[role="tablist"] #empty {background-color: #fff7e3; border: 0 none;}
*/
.mlLoginFields,
.billSearchAlertText {
    background-color: #fff;
    margin-bottom: 20px;
    min-height: 235px;
    }
.mlLoginFields fieldset {
    border: none;
    margin: 30px 10px 0;
    }
.mlLoginFields legend {display: none;}
.mlLoginFields h2 {
    color: #22558f;
    float: left;
    font: normal 25px/28px Georgia,Times,serif;
    font-variant: small-caps;
    margin: 20px auto 10px;
    text-align: center;
    width: 100%;
    }
.mlLoginFields div[role="tabpanel"] {
    border: none;
    text-align: center;
    }
.mlLoginFields ol,
.billSearchAlertText ol {
    list-style: none;
    }
.mlLoginFields ol li,
.billSearchAlertText li{
    margin: 10px 0;
    width: 100%;
    }
.mlLoginFields ol li label {
    color: #444;
    display: inline-block;
    font: normal 14px/18px Arial,Helvetica,sans-serif;
    margin-left: 20px;
    width: 80px;
    }
.mlLoginFields ol li input {
    border: 1px solid #22558f;
    width: 229px;
    }
.mlLoginFields ol li.mlRememberMe {height: 25px;}
.mlLoginFields ol li.mlRememberMe div {
    display: inline-block;
    float: left;
    margin: 0 0 0 103px;
    width: 125px;
    }
.mlLoginFields ol li.mlRememberMe label {
    font-size: 11px;
    margin: 0 0 0 3px;
    width: auto;
    }
.mlLoginFields ol li.mlRememberMe input {
    border: none;
    height: 12px;
    margin: 0;
    width: 12px;
    }
.mlLoginFields ol li.mlRememberMe a {
    font-size: 11px;
    margin-left: 15px;
    position: relative;
    text-align: right;
    width: 114px;
    }
a.mlLoginSubmit,
input.mlLoginSubmit,
.mlLoginFields input[type="submit"] {
    background-color: #22558f;
    background-image: none;
    border: 1px solid #aaa;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font-weight: bold;
    margin-right: 10px;
    padding: 5px 10px;
    text-align: center;
    width: auto;
    }
.mlLoginFields input[type="submit"] {display: block; float: none; margin: 10px auto;}
.mlLoginFields .mlLoginRegister {
    height: 0; 
    margin: 0; 
    overflow: visible; 
    position: relative;
    text-align: center;
    top: 205px;
    }
.mlLoginFields #facebookContent button {
    background: url('/Content/Images/buttons/btn_facebook_signin.png') no-repeat 0 0;
    border: 0 solid #000;
    display: block;
    height: 22px;
    text-indent: -9999px;
    width: 150px;
    }
.mlLoginFields #facebookContent button:hover {
    background-position: 0 -24px;
    cursor: pointer;
    }

.mlLoginFields #googleContent button {
    background: url('/Content/Images/buttons/google-signin.png') no-repeat 0 0;
    display: block;
    height: 29px;
    margin: 0 auto;
    text-indent: -9999px;
    width: 162px;
    }
.mlLoginFields #googleContent button:hover {
    background: url('/Content/Images/buttons/google-signin.png') no-repeat 0 -29px;
    cursor: pointer;
    display: block;
    height: 29px;
    margin: 0 auto;
    text-indent: -9999px;
    width: 162px;
    }

.mlLoginFields #googleContent button {
    background: url('/Content/Images/buttons/google-signin.png') no-repeat 0 0;
    border: none;
    height: 29px;
    text-indent: -9999px;
    width: 162px;
    }

.mlLoginFields #microsoftContent button {
    background: url('/Content/Images/buttons/win-live-login.png') no-repeat 0 0;
    border: none;
    height: 49px;
    text-indent: -9999px;
    width: 273px;
    }
.mlLoginFields #microsoftContent button:hover{
    cursor: pointer;
    }
.mlLoginFields #dupAcctEmail {
    color: #8f2310;
    display: block;
    font-size: 14px;
    margin: 15px 0 0;
    }
    /* Forgot Password */
.mlForgotPassword {float:left; margin: 0 0 0 10px; width: 350px;}
.mlLoginFields h2 {float:none;}
.mlLoginFields p {margin: 13px 0;}
.mlForgotPassword input {width: 240px;}
.mlForgotPassword .mlLoginSubmit {display:block; float: none; margin: 20px auto 10px; width: 100px;}
.mlForgotPassword .mlRecoveryText {display: block;}
.mlForgotPassword #responseText {height: 10px; position:relative}
.mlDashContent .mlForgotPassword #responseText {margin-left: 0; top: 13px;}

.mlForgotPassword .field-validation-error {position:relative; text-align: center; width: 350px;}


/* MyLeg Register Form Styles */
.mlRegister ul.mlLoginSites[role="tablist"],
.mlRegister .mlLoginFields {
    min-height: 445px;
    }
.mlRegister ul {height: 487px;}
.mlRegister .validation-summary-errors ul {height: auto;}

#mlRegister .mlRegister fieldset {
    padding: 0 0 0 10px;
    margin: 0 auto;
    width: 365px;
    }
.mlRegister.mlLoginFields legend {
    margin: 15px auto 0;
    }
.mlRegister .mlGroup,
.mlRegister .mlAddress {
    clear: both;
    height: 52px;
    margin-left: 5px;
    width: 100%;
    }
.mlRegister .mlGroup div {
    display: inline-block;
    float: left;
    margin: 5px 10px 0 0;
    text-align: left;
    width: 163px;
    }
.mlRegister .mlAddress div {
    display: inline-block;
    float: left;
    margin: 5px 10px 0 0;
    width: 345px;
    }
.mlRegister .mlGroup .mlCity {width: 265px;}
.mlRegister .mlGroup .mlState {width: 55px;}
.mlRegister .mlGroup .mlZip {margin-left: 5px; width: 75px;}
.mlRegister .mlGroup div label,
.mlRegister .mlAddress div label,
.mlRegister .mlPhone label {
    display: block;
    margin: 0;
    text-align: left;
    }
.mlRegister .mlGroup div input,
.mlRegister .mlAddress div input {
    display: block;
    width: 100%;
    padding: 1px 0;
    }
.mlRegister .username div,
.mlRegister .email div {width: 336px;}
.mlRegister .mlAddress .streetNumber,
.mlRegister .mlAddress .aptNumber {width: 55px;}
.mlRegister .mlAddress .streetName {width: 205px;}
.mlRegister .mlGroup .zipFirst, .mlRegister .mlGroup .zipSecond, 
.mlRegister .mlGroup .mlPhone input {display: inline;}
.mlRegister.mlLoginFields input.mlLoginSubmit {
    margin: 10px 10px 0;
    }
#mlRegister .mlRequired {float: left; margin: 5px 0;}
#mlRegister .mlLoginFields .mlLoginRegister,
.mlRegisterPage .mlLoginRegister {
    top: 420px;
    width: 350px;
    }
    /* Association Form -- uses .mlRegister classes */
legend.mlAssociationForm {margin: 10px 0 6px;}

.mlDashContent .mlSubmitContainer {clear: both; display: block; padding: 10px 0 30px;}
#mlRegister .mlSubmitContainer input.mlLoginSubmit,
.mlDashContent .mlSubmitContainer input.mlLoginSubmit {float: none; margin: 0 auto; padding: 5px;}
#mlRegister .mlSubmitContainer input.mlLoginSubmit {margin: 10px auto 30px;}
#mlRegister .field-validation-error,
.mlLoginFields .field-validation-error,
.mlDashContent .field-validation-error {background-color: transparent !important; position: absolute;}
.mlDashContent .field-validation-error {margin: -15px 0 0 130px;}
.mlDashContent .mlRegisterPage .field-validation-error {margin: 0; width: auto;}
.mlDashContent #changePasswordPanel div {position: relative;}
.mlDashContent #changePasswordPanel .mlRequired {padding-bottom: 25px;}
.mlDashContent #changePasswordPanel .field-validation-error { left: 0; margin: 0 0 0 120px; top: 60px;}
/* Logged In Header Styles */
#mlLoggedIn {
    color: #fff;
    float: right;
    margin: 5px 27px;
    position: relative;
    text-align: right;
    z-index: 99;
    }
#mlLoggedIn a:link,
#mlLoggedIn a:visited {
    color: #fff;
    font-family: Georgia,'Times New Roman',serif;
    font-variant: small-caps;
    text-decoration: none;
    }
#mlLoggedIn .mlUserName {
    display: inline;
    }

#mlLoggedIn .mlUserName a{
    color: #F4D686;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
    }

#mlLoggedIn form {
    text-align: right;
    }
#mlLoggedIn a.mlLogout {
    font: italic 10px/9px Arial,Helvetica,sans-serif;
    position: relative;
    top: -5px;
    }
#mlLoggedIn + #TopNav {
    top: 30px; /* push down #TopNav to compensate for logged in info */
    }

/* MyLeg Homepage Dashboard Snapshot */
    /* Header*/
.mlHome {
    background-color: #fff;
    clear: both;
    min-height: 320px;
    }
.mlHomeToggle {
    background-color: #cbae60;
    cursor: pointer;
    display:block;
    font-size: 10px;
    float: left;
    height: 16px;
    text-align: center;
    text-transform: uppercase;
    width:100%;
    }
.mlHomeToggle a {
    background: url('/Content/Images/buttons/btn_collapse.png') 15px 50% no-repeat #f4d686; 
    color: #22558f;
    display: block;
    font-weight: bold;
    height: 16px; 
    line-height: 16px;
    margin: 0 auto;
    padding: 0 15px 0 32px;
    width: 230px;
    }
.mlHomeToggle a#expand {background-image: url('/Content/Images/buttons/btn_expand.png');}
#myLegHeader {
    background: url('/Content/Images/backgrounds/bg_myLegHeader.jpg') repeat-x #d4dde9;
    display: inline-block;
    height: 55px;
    position: relative;
    width:100%
    }
#myLegHeader h2 span {
    color: #666;
    font-size: 28px;
    font-variant: normal;
    }
#myLegHeader h2 {
    color: #22558f;
    display: inline-block;
    font: normal 25px/55px Georgia,Times,serif;
    font-variant: small-caps;
    margin: 5px 0 0 10px;
    width: 85%;
    }
#myLegHeader a {
    display: inline;
    float: right;
    font-size: 13px;
    margin: 25px 10px 0;
    position: absolute;
    right: 10px;
    text-decoration: underline;
    top: 0;
    }
    /* All Sections */
#mlDashContentLeft h2:first-child,
#mlDashContentRight h2:first-child {
    margin: 0;
    }
#mlDashContentLeft h2,
#mlDashContentRight h2 {
    margin: 25px 0 0;
    }
#mlDashContentLeft h2 a,
#mlDashContentRight h2 a {
    color: #7e2117;
    font: normal 20px/20px Georgia,Times,serif;
    }
#mlDashContentLeft h2 span,
#mlDashContentRight h2 span {
    color: #666;
    font-size: 15px;
    }
#mlDashContentLeft h2 a:hover span,
#mlDashContentRight h2 a:hover span {
    text-decoration: none;
    }
.mlHome .mlTableContainer {
    height: 280px;
    overflow: auto;
    }
/* My Dashboard -  My Bills Styles (formerly Home) */
#mlDashContentLeft,
#mlDashContentRight {
    margin-bottom: 15px;
    }
#mlDashContentLeft table,
#mlDashContentRight table {
    /*height: 350px;
    overflow: auto;*/
    margin: 0;
    width: 100%;
    }
#mlDashContentLeft table .noHeader {width: 25px;}
#mlDashContentLeft table .mlAddAlias,
#mlDashContentLeft table .mlEditAlias {
    margin: 0;
    text-indent: -9999px;
    width: 0;
    }
#mlDashContentLeft .mlNote,
#mlDashContentRight .mlNote {
    font-size: 10px;
    font-style: italic;
    margin: 0;
    }
#mlDashContentLeft .mlNote a,
#mlDashContentRight .mlNote a {text-decoration: underline;}
    /* Home -  My Hearings Styles */
.mlHome .mlMyHearings {
    background-color: #f4f6f9;
    display: inline-block;
    float: left;
    height: 300px;
    padding: 10px 15px;
    width: 195px;
    }
.mlHome .mlMyHearings .eventsListTable {
    font-size: 12px;
    width: auto;
    }
.mlHome .mlMyHearings .eventsListTable .hearingCell {
    padding: 3px 0 5px 5px;
    }
.mlHome .mlMyHearings .eventsListTable .hearingTime {
    display: block;
    float: left;
    font-size: 13px;
    }
.mlHome .mlMyHearings .eventsListTable .hearingTime .ampm {
    font-variant: small-caps;
    }
.mlHome .mlMyHearings .eventsListTable .hearingRoom {
    display: block;
    float: right;
    font-size: 13px;
    }
.mlHome .mlMyHearings .eventsListTable .hearingCommittee {
    display: block;
    float: left;
    text-align: left;
    width: 100%;
    }
.mlHome .mlMyHearings .eventsListTable .hearingTestify {
    background-color: #d4dde9;
    border-radius: 4px;
    color: #22558f;
    float: left;
    margin: 5px 0;
    padding: 0 15px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    }
.mlHome .mlMyHearings .eventsListTable .hearingTestify.testifying {
    background-color: #579560;
    color: #fff;
    }

    /* Home - My Legislators */
.mlHome .mlMyLegislators {
    display: inline-block;
    float: left;
    height: 300px;
    padding: 10px 0 0 20px;
    width: 250px;
    }
.mlHome .mlMyLegislators table {max-width:250px;} /* fix for when there are no legislators followed */
#mlDashContentRight h4 {
    color: #22558f;
    font: normal 18px/25px Georgia,Times,serif;
    margin: 0 0 5px;
    }
#mlDashContentRight img {
    height: 58px;
    float: left;
    margin-right: 10px;
    width: 50px;
    }
#mlDashContentRight .mlLegInfo {
    float: left;
    font: normal 11px/14px Verdana,Arial,sans-serif;
    width: 180px;
    }
#mlDashContentRight .mlLegInfo a {
    display: block;
    font-size: 12px;
    margin: 0 0 10px;
    }
#mlDashContentRight .mlLegInfo a.contact {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 5px 0;
    padding: 0;
    text-decoration: underline;
    }
#mlDashContentRight .mlLegSearch {
    background-color: #f1f7f7;
    border: 0 none;
    float: right;
    font-size: 11px;
    margin: 0 0 0 5px;
    padding: 5px 0 30px;
    text-align: center;
    width: 100%;
    }
#mlDashContentRight .mlLegSearch input[type="text"] {
    width: 200px;
    }
.mlDashContent .mlLegSearch input[type="submit"], /* see .mlDashContent button for the rest of styling */
#mlDashContentRight .mlLegSearch input[type="submit"], 
#mlDashContentRight .mlLegSearch button {
    float: none;
    margin: 5px auto;
    }
#mlDashContentRight .mlLegSearch input {margin-bottom: 15px;}
#mlDashContentRight h5 {
    color: #092043;
    font: normal 16px/18px Georgia,Times,serif;
    margin: 0 0 10px;
    }
#mlDashContentRight .mlLegSearch.mlOneLeg {
    margin-top: 0;
    padding-bottom: 15px;
    }
#mlDashContentRight .mlLegSearch.mlOneLeg p {
    margin: 10px 5px 0;
    }
#mlDashContentRight .mlLegSearch.mlOneLeg input[type="text"] {
    margin: 10px;
    }
#mlDashContentRight .mlLegSearch.mlOneLeg input[type="submit"] {

}
/* MyLeg Dashboard */
#myLegDash {
    background-color: #e9eef3;
    }
.mlDashNav {
    background-color: #e9eef3;
    clear: both;
    display: block;
    float: left;
    min-height: 360px;
    width: 205px;
    }
.mlDashNav .sectionTitle {
    display: none;
    }
.mlDashNav ul {
    font: normal 18px/50px Georgia,Times,serif;
    }
.mlDashNav ul li {
    background-color: #22558f;
    border-bottom: 1px solid #fff;
    height: 50px;
    width: 100%;
    }
.mlDashNav ul li a {
    color: #fff;
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 30px;
    width: 175px;
    }
.mlDashNav ul li.selected {
    background-color: #fff;
    }
.mlDashNav ul li:hover {
    background-color: #d4dde9;
    }
.mlDashNav ul li.selected + li a,
.mlDashNav ul li.selected + li div {
    background: url('/Content/Images/login/mlLogin-current-borderbottom.png') repeat-x 0 0;
    }
.mlDashNav ul li a:hover {
    background-color: #d4dde9;
    color: #22558f;
    text-decoration: none;
    }
.mlDashNav ul li.selected a,
.mlDashNav ul li.selected:hover a {
    color: #7e2117;
    text-decoration: none;
    }
.mlDashNav ul li.selected a span,
.mlDashNav ul li.selected:hover a span {
    color: #666;
    }
.mlDashNav ul li.last {
    background-color: transparent;
    border: none;
    }
.mlDashNav ul li.last div {
    height: 6px;
    }
.mlDashContent {
    background-color: #fff;
    display: inline-block;
    padding-left: 19px;
    min-height: 360px;
    padding-right: 10px;
    width: 760px;
    }
.mlDashContent #mlDashContentLeft {
    float: left;
    margin-right: 20px;
    width: 480px;
    }
.mlDashContent #mlDashContentRight {
    float: right;
    width: 260px;
    }
.mlDashContent h2,
.mlDashContent .mlRegisterPage legend {
    color:#092043;
    font: normal 24px/50px Georgia,Times,serif;
    }
.mlDashContent .mlSorting {
    background-color: #fcf4de;
    margin: 10px 0;
    min-height: 36px;
    }
.mlDashContent .mlSorting div {
    color:#22558f;
    float: left;
    font: normal 15px/36px Georgia,Times,serif;
    margin: 0 10px;
    }
.mlDashContent .mlSorting input {
    margin: 10px 0 0 20px;
    }
.mlDashContent .mlSorting label {
    font-weight: normal;
    position: relative;
    top: -2px;
    }
.mlDashContent .mlSorting select {
    margin-top: 7px;
    width: 200px;
    }
.mlDashContent input[type="submit"],
.mlDashContent input[type="button"],
.mlDashContent button,
.mlDashContent a.button,
.mlHome .mlLegSearch input[type="submit"],
.mlHome .mlLegSearch button,
.mlDashContent .mlLegSearch input[type="submit"] {
    background-color: #22558f;
    background-image: none;
    border: 1px solid #aaa;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font: bold 12px/15px Arial,Helvetica,sans-serif;
    margin: 5px;
    padding: 3px 10px;
    text-transform: uppercase;
    }
.mlDashContent input[readonly="readonly"] {
    background-color: #eee;
    color: #666;
    }
.mlDashContent .noHeader,
.mlHome .noHeader {
    text-indent: -9999px;
    }
.peopleBioPage .selectedTab td.mlFollowing,
.peopleBioPage .selectedTab td.mlFollow,
.mlDashContent td.mlFollowing,
.mlDashContent td.mlFollow {
    border-bottom: 1px solid #eee;
    width: 20px;
    }
.peopleBioPage .selectedTab td.mlFollowing a,
.peopleBioPage .selectedTab td.mlFollow a,
.mlDashContent td.mlFollowing a,
.mlDashContent td.mlFollow a {
    display: block;
    height: 15px;
    margin: 2px;
    text-indent: -9999px;
    width: 16px;
    }
.peopleBioPage .profileBillFlag {text-indent: -99999px;}
.peopleBioPage .profileBillNum a {margin-left: 5px;}
  /* Tables used in Home and Dashboard */
.mlBillsTable,
.mlHearingsTable,
.mlCommitteeTable {
    border-collapse: collapse;
    font-size: 11px;
    margin-bottom: 10px;
    width: 100%;
    }
.mlBillsTable thead th,
.mlHearingsTable thead th,
.mlCommitteeTable thead th {
    color: #22558f;
    border-bottom: 1px solid #22558f;
    padding: 3px;
    text-align: left;
    }
.mlBillsTable tbody th,
.mlHearingsTable tbody th,
.mlCommitteeTable tbody th,
.mlBillsTable td,
.mlHearingsTable td,
.mlCommitteeTable td {
    font-weight: normal;
    padding: 3px;
    text-align: left;
    }
.mlBillsTable .altRow th,
.mlHearingsTable .altRow th,
.mlCommitteeTable .altRow th,
.mlBillsTable .altRow td,
.mlHearingsTable .altRow td,
.mlCommitteeTable .altRow td {
    background-color: #f4f6f9;
    }
.mlEmptyTableText {text-align: center !important;}
  /* Bill Table only */
.mlBillsTable tbody { max-height: 230px; overflow: auto; vertical-align: top;}
.mlBillsTable .mlBillNo {padding-left: 8px; width: 50px;}
  /* Committee Table only */
.mlDashContent .mlCommitteeTable td.mlFollowing,
.mlDashContent .mlCommitteeTable td.mlFollow {
    width: 30px;
    text-align: center;
    }
.mlDashContent .mlCommitteeTable td.mlFollowing a,
.mlDashContent .mlCommitteeTable td.mlFollow a {
    margin: 2px auto;
    }
.mlCommitteeTable .committeeName {
    padding: 10px;
    font-size: 12px;
    }
.mlCommitteeTable .committeeBills,
.mlCommitteeTable .committeeHearings {
    text-align: center;
    }
  /* My Legislators Styles*/
.mlLegislator {
    display: inline-block;
    margin: 10px;
    width: 350px;
    vertical-align: top;
    }
.mlLegislator h3,
.mlAccount legend,
.mlSettings h3 {
    color: #22558f;
    font: normal 25px/55px Georgia,Times,serif;
    }
.mlLegislator .bioHeaderInfo {
    display: block;
    float: right;
    width: 190px;
    }
.mlLegislator .bioHeaderInfo h4 {
    font: normal 16px/1.2 Verdana,Arial,sans-serif;
    }
.mlLegislator .districtLabel {
    display: block;
    font-family: Verdana, Geneva, Arial, sans-serif;
    font-weight: bold;
    margin: 10px 0 0;
    }
.mlLegislator .districtName {
    display: block;
    font-family: Verdana, Geneva, Arial, sans-serif;
    font-style: italic;
    }
.mlLegislator .bioHeaderInfo a.mlContact {
    display: block;
    margin: 10px 0 0;
    text-decoration: underline;
    }
.mlLegislator .legislatorContactInfo {width: 100%;}
.mlLegislator .bioPicContainer {float: none;}
.mlLegislator dl.address {
    float: none;
    margin: 0 20px 15px 15px;
    }
.mlDashContent .mlLegSearch {
    border: 5px solid #cbae60; 
    margin: 50px auto;
    padding: 10px;
    text-align: center;
    width: 450px;
    }
.mlDashContent .mlLegSearch.mlOneLeg {
    display: inline-block;
    margin: 50px 10px;
    width: 330px;
    }
.mlDashContent .mlLegSearch h5,
.mlDashContent .mlOneLeg h4 {
    color: #22558f;
    font: normal 24px/50px Georgia,Times,serif;
    }
.mlDashContent .mlLegSearch input[type="text"] {width: 200px;}
.mlDashContent .mlLegSearch input[type="submit"] {float: none; margin: 15px auto;}

  /* My Account Styles */
.mlAccount {border: none;}
.mlAccount div {float: left; position: relative; vertical-align: middle;} /* fix for IE Compatibility Mode*/
.mlDashContent .mlAccount legend span {left: -5px; top: 0;}
.mlRequired {background-color: #f4f6f9;}
#loginPanel .validation-summary-errors,
#loginPanel .mlRequired,
#loginPanel .mlRequired div {float:none;}
.mlRequired label {color: #22558f;}
.mlDashContent .oneFieldLine {width: 100%;}
.mlDashContent .twoFieldLine div {display: inline-block; width: 367px;}
.mlRegisterPage label,
.mlAccount label {
    color: #444;    
    display: inline-block;
    font: normal 15px/1.5 Arial,Helvetica,sans-serif;
    margin: 20px 10px;
    text-align: right;
    width: 100px;
    }

.mlPassword div label {width:115px;}
.mlPassword div:first-child label {width:100px;}
.mlDashContent .mlPassword div input[type="password"] {width:210px;}
.mlDashContent .mlPassword div:first-child input[type="password"] {width:225px;}

.mlDashContent .mlRegisterPage input,
.mlDashContent .mlRegisterPage select,
.mlAccount input,
.mlAccount select {
    -webkit-box-shadow: inset 1px 1px 3px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: inset 1px 1px 3px rgba(50, 50, 50, 0.25);
    box-shadow: inset 1px 1px 3px rgba(50, 50, 50, 0.25);
    margin: 15px 0;
    padding: 5px; /* changed from 5px 0 5px 5px */
    }
.mlDashContent .oneFieldLine input{width: 595px;}
.mlDashContent .twoFieldLine input {width: 225px;}
.mlDashContent .addressFieldLine input {margin-right: 0;}
.mlDashContent .streetNumber {display: inline-block; width: 200px;}
.mlDashContent .streetNumber input {width: 50px;}
.mlDashContent .streetName {display: inline-block; width: 355px;}
.mlDashContent .streetName label,
.mlDashContent .aptNumber label {width: auto;}
.mlDashContent .streetName input {width: 235px;}
.mlDashContent .aptNumber,
.mlDashContent .state {display: inline-block; width: auto;}
.mlDashContent .aptNumber input {margin-right: 0; width: 95px;}
.mlDashContent .city {display: inline-block; width: 500px;}
.mlDashContent .city input {width: 350px;}
.mlDashContent .state label {width: 50px;}
.mlDashContent .state select {width: 160px;}
.mlDashContent input.zipFirst,
.mlRegister input.zipFirst {margin-right: 5px; width: 50px !important;}
.mlDashContent input.zipSecond,
.mlRegister input.zipSecond {margin-left: 5px; width: 40px !important;}
.mlAccountButtons {margin-bottom: 20px;}
.mlAccountButtons input.saveChanges,
.mlAccountButtons button.saveChanges,
.mlAccountButtons input.secondaryButton,
.mlAccountButtons button.secondaryButton,
.mlAccountButtons input.cancelPasswordChange,
.mlAccountButtons button.cancelPasswordChange {display: inline-block;float: none;}
.mlAccountButtons input.secondaryButton,
.mlAccountButtons button.secondaryButton {background-color: #ababab;}
.mlAccountButtons input.cancelPasswordChangeonefield,
.mlAccountButtons button.cancelPasswordChangeonefield {background-color: #ababab;}
.mlAccountButtons a.changePassword,
.mlAccountButtons button.changePassword {float: right; background-color: #7f2312;}
    /* Login Page -- uses some styles of My Account */
.mlLoginPage .mlRequired {text-align: center;}
.mlLoginPage .mlRequired div {position: relative;}
.mlLoginPage #UserName,
.mlLoginPage #Password {margin: 15px 0; width: 400px;}
.mlLoginPage .validation-summary-errors {margin: 0 0 20px;}
.mlLoginPage .mlRequired .field-validation-error {position: absolute; left: 225px; margin: 0; top: 45px;}
#loginPanel .mlLoginPage .mlRememberMe {height: 30px; margin: 5px 0 0 225px; /*width: 415px;*/}
#loginPanel .mlLoginPage .mlRememberMe div {float:left;}
.mlLoginPage .mlRememberMe input[type="checkbox"] {font-size: 12px;}
.mlLoginPage .mlRememberMe label {font-size: 12px; margin: 0 5px;}
.mlLoginPage .mlRememberMe .forgotPassword {float: right; margin-right: 100px;}
#loginPanel .mlLoginPage .mlLoginSubmit {float: none; margin: 10px auto; width: 125px;}
#loginPanel .mlLoginRegister {text-align: center;}
/* Low Res settings for register lightbox */
.mlRegister.lowRes #mlRegisterForm {max-height: 250px; overflow: auto;}
.mlRegister.lowRes .mlLoginRegister {top: 300px !important;}
.mlRegister.lowRes .mlLoginSites[role="tablist"] {min-height: 380px !important;}
.mlRegister.lowRes .mlLoginFields {min-height: 380px !important;}
    /* My Settings Styles */
.mlSettings h4 {
    background: #e3eff0;
    color: #666;
    font: normal 15px/20px Georgia,Times,serif;
    height: 20px;
    margin: 0 0 10px;
    padding: 2px 5px;
    }
.mlSettings h5 {
    font-size: 14px;
    margin: 15px 0 5px;
    }
.mlSettings > div {margin: 5px 0; padding: 5px 0;}
.mlSettings fieldset {border: none;margin-top: 10px;}
.mlSettings .mlCC label,
.mlSettings .mlAdditionalInfo label,
.mlSettings legend {
    color: #666;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    margin: 5px 20px 5px 0;
    position: relative;
    text-align: right;
    width: 140px;
    }
.mlSettings .mlOptions {
    margin-left: 165px;
    width: 580px;
    }
.mlSettings label {
    display: inline-block;
    font-weight: normal; 
    line-height: 15px;
    margin: 0 10px 0 0;
    vertical-align: top;
    }
.mlSettings select {
    font-size: 13px;
    margin: 0 0 0 20px;
    width: 250px;
    }
.mlSettings .mlAccessibility input {
    display: inline;
    position: relative;
    top: -1px;
    vertical-align: top;
    }
.mlSettings .mlAccessibility input[type="text"],
.mlSettings .mlAccessibility textarea {
    font-size: 11px;
    margin-bottom: 10px;
    width: 250px;
    }
.mlSettings .mlOther {display: inline;}
.mlSettings .mlAdditionalInfo {margin-bottom: 10px;}
.mlAdditionalInfo label {width: 153px !important;}
.mlSettings .mlAccessibility .mlAdditionalInfo textarea {
    height: 50px;
    margin-left: 10px;
    width: 500px;
    }

/* Shared MyLeg Styles */

/* Alias and Original Bill Title Text Styles */
.aliasOrigTitle {
    background-color: #eee;
    color: #333; 
    font-size: 11px;
    font-style: italic;
    margin-bottom: 10px;
    padding: 2px 4px;
    }
a:hover .aliasOrigTitle {background-color: transparent;}
.aliasOrigTitle span {font-weight: bold;}

/* Alias Button Styles */
.mlAddAlias,
.mlEditAlias {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    font: bold 10px/13px Arial,Helvetica,sans-serif;
    font-weight: bold;
    height: 14px;
    padding-left: 15px;
    text-transform: uppercase;
    width: 62px;
    }
.mlAddAlias {background: url('/Content/Images/buttons/btn_alias_add.png') no-repeat 3px 2px #d4dde9; color: #22558f !important;}
.mlEditAlias {background: url('/Content/Images/buttons/btn_alias_edit.png') no-repeat 3px 2px #d7d7d7; color: #666 !important;}
.mlAddAlias:hover {background-color: #b0c0d5; text-decoration: none;}
.mlEditAlias:hover {background-color: #ccc; text-decoration: none;}
.searchResultMainCol .billTitleContainer {margin:0;padding:0;}
.searchResultMainCol .mlAddAlias,
.searchResultMainCol .mlEditAlias {float: right; margin: 0 5px; position: relative; top: 15px;}

.billDetailPage .mlAddAlias,
.billDetailPage .mlEditAlias { 
    display: inline-block; 
    margin-left: 10px; 
    position: relative; 
    top: -3px;
    }

/* Testify Buttons */
.mlTestify,
.mlTestify.testifying {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    font: bold 10px/14px Arial,Helvetica,sans-serif;
    font-weight: bold;
    height: 14px;
    margin: 5px 0;
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
    }
.mlTestify, .mlTestify:visited {background-color: #d4dde9; color: #22558f; width: 55px;}
.mlTestify.testifying, .mlTestify.testifying:visited {background-color: #579560; color: #fff; width: 110px;}
.mlTestify:hover {background-color: #b0c0d5; text-decoration: none;}
.mlTestify.testifying:hover {background-color: #1e5724; }
/* Row Flag General Styles */
th.myLeg,
td.myLeg {
    text-align: center;
    vertical-align: top;
    }
td.myLegBlank {
    text-align: center;
    vertical-align: top;
    }
a.myLegFlag,
td.myLeg a {
    display: block;
    margin: 10px auto 0px;
    text-indent: -9999px;
    height: 16px;
    width: 16px;
    }
/* Cell Backgrounds */
.mlFollowing {background-color: #d6edd8 !important;}
.mlFollowing:hover {background-color: #b4dcb7 !important; cursor: pointer;}
.mlFollow {background-color: #eee !important;}
.mlFollow:hover {background-color: #ccc !important; cursor: pointer;}
.mlFollowAlert {background-color: #fcb5b5 !important}
.mlFollowAlert:hover {background-color: #d88888 !important; cursor: pointer;}
.mlBlank {background-color:#fff !important;}
/* Follow Icons */
a.mlFollowing,
a.mlFollowing:hover,
.mlFollowing a,
.mlFollowing:hover a {background: url('/Content/Images/icons/ico_flagGreen.png') 0 0 no-repeat;}
a.mlFollow,
a.mlFollow:hover,
.mlFollow a, 
.mlFollow:hover a {background: url('/Content/Images/icons/ico_flagGrey.png') 0 0 no-repeat;}
.mlFollowAlert a, 
.mlFollowAlert:hover a {background: url('/Content/Images/icons/icn_flagRed.png') 0 0 no-repeat;}
/* Follow Styles for Committee Lists */
.committeeListPage .committeeList li .mlFollow,
.committeeListPage .committeeList li .mlFollowing {
    background-position: 50% 50%;
    float: left;
    margin: 0 5px 0 0;
    }

/* Page Follow Button Styles */
.mlFollowBtn,
.mlFollowingBtn { display: block; margin-bottom: 10px; }

/* Feedback Messages*/
/* MOVED TO MIMIC TOAST MESSAGE - MD
.userFeedbackMyAccount {
    color: #0a0; 
    float: left;
    height: 0;
    margin-left: 255px; 
    position: relative; 
    top: -35px;}*/

/* Error Message Popup */
#messagePopup {
    border: 4px solid #cdad58;
    height: 125px;
    text-align: center;
    width: 350px;
    }
#messagePopup a.close {display:none;} /* temporary fix for colorbox integration */
#messagePopup h2 {
    color: #22558f;
    font: normal 25px/28px Georgia,Times,serif;
    font-variant: small-caps;
    margin: 0 auto 25px;
    }
#messagePopup p {}
#messagePopup input[type="button"] {
    background-color: #22558f;
    border: 1px solid #aaa;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin: 10px auto;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    }

/* My Legislators Refinement styles */
.groupList li .itemID.mlFollowedLeg {
background: url('/Content/Images/icons/ico_star_small.png') -4px 0 no-repeat;
padding-left: 10px;
width: 80px;
}

/* end MyLegislature Styles --- */

/* General Content List Page Styles */
#generalContentList h1 {margin: 10px 0 0 10px;}
#generalContentList h2 {margin: 0 0 10px;}
#generalContentList .contentPage {margin-bottom: 0;}

/* --- GeneralTabbedGroupContentPage Styles */
.tabbedGroup {border-bottom: 2px solid #06c; margin-bottom: 10px; padding-bottom: 10px;}
.tabbedGroup a:link,
.tabbedGroup a:visited {
    border-left: 1px solid #666;
    color: #06c;
    display: inline-block;
    font-family: times;
    font-size: 15px;
    height: 25px;
    padding: 0 15px;
    }
.tabbedGroup a:first-child {border:none;}
.tabbedGroup a.selected {color: #666; font-size: 17px;}
.tabbedGroup a.selected:hover {color: #666; text-decoration: none;}

/* --- Educational Opportunities Styles */
table.clsSampleSchedule {border-collapse: collapse; margin: 0 auto; width: 75%;}
table.clsSampleSchedule tr th {border-bottom: 2px solid #ddd; font-size: 13px; padding: 15px 0 5px; text-align: center;}
table.clsSampleSchedule tr td {padding: 5px 2px;}
table.clsSampleSchedule tr td:first-child {font-style: italic; padding-right: 25px; text-align: right; width: 25%;}
table.clsSampleSchedule .altRow td {background-color: #eee;}

/* --- Embedded Photo Gallery Styles */
.embeddedGallery {}
.embeddedGallery a,
.embeddedGallery a:hover {text-decoration:none;}
.embeddedGallery a img {background-color: #fff; border: 1px solid #999; display:inline-block; margin: 5px 10px; padding: 5px;}

/* --- NCSL Award Banner Styles */
#ncslAwardBanner {border-top: 1px solid #22558f; border-bottom: 1px solid #22558f;}

/* --- Toast Message Styles */
#messageToast, 
#messageToast:focus,
.userFeedbackMyAccount {
    background-color: #b4dcb7;
    border: 0 none;
    -webkit-box-shadow: 0 0 3px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:  0 0 3px rgba(50, 50, 50, 0.25);
    box-shadow: 0 0 3px rgba(50, 50, 50, 0.25);
    left: 0 !important;
    line-height: 25px;
    min-height: 25px; 
    margin: 0 auto; 
    outline: none;
    padding: 0;
    position: fixed !important; 
    text-align: center;
    top: 0 !important;
    width: 100%;
    }
#messageToast.unfollow {
    background-color: #cd5555;
    color: #fff;
    }
/*#messageToast {display: block; margin: 3px; min-width: 300px; text-align: center;}*/

/* --- Clerk Journal Styles */
.searchFields.journalSearch {
    background-color: #eee;
    border-top: 1px #000 solid;
    display: block;
    margin: 10px 0;
    }
.journalSearch h3 {margin: 5px 5px 10px;}
.journalSearch .fieldGroup {margin: 0 5px 5px;}
.journalSearch .fieldSet {width: auto;}
.journalSearch .fieldSet label {display: inline-block; float: left; margin-right: 5px;}
.journalSearch #Input_Keyword {width: 250px;}
.journalSearch .selectYear select {min-width: 150px;}
.journalSearch .searchButtonArea {left: 0; margin: 0; top: 0;}
/* Journal List */
.journalList {border-bottom: 1px solid #666; height: 25px; padding-bottom: 8px;}
h3.journalListTitle {float: left; line-height: 12px; margin-top: 12px;}
#selectGeneralCourt {
    display: inline-block;
    float: right;
    font-size: 11px; 
    margin: 5px 0 0 25px;
    }
#selectGeneralCourt select {font-size: 11px; margin-right: 5px; min-width: 135px;}
#selectGeneralCourt input.button {
    background-color: #2c488d; 
    border: 1px solid #ddd;
    color: #fff;
    font: bold 10px/12px Arial, Helvetica, sans-serif;  
    height: 20px;  
    margin: 0;
    text-transform: uppercase;
    width: 100px;
    }
#selectGeneralCourt input.button:hover {cursor: pointer;}
.journalYear {margin-top: 5px; text-align: center;}
.journalYear hr {
    background-color: #ccc; 
    border-width: 0; 
    color: #ccc; 
    height: 1px; 
    margin: 15px auto; 
    width: 300px;
    }
.journalYear:first-child hr {display:none;}
.journalYear h4 {font-size: 15px; margin: 10px 0 5px;}
.journalYear > div {float: left;}
.journalMonth {
    display: inline-block;
    margin: 5px 2px;
    min-height: 25px;
    text-align: center; 
    width: 112px;
    vertical-align: top;
    /*IE7 fix*/ 
    zoom: 1; 
    *display: inline;
    }
.journalMonth h5 {font-size: 12px; padding-bottom: 2px; text-align: center;}
.journalMonth a {display: block; font-size: 11px; text-decoration: none;}
.journalMonth a .dayLbl {display: inline-block; width: 20px;}
.journalMonth a .dateLbl {display: inline-block; margin-left: 5px;}

#journalLoading,
#docketLoading {background: url(/Content/Images/loading.gif) no-repeat center; display: block;margin: 30px auto; min-height: 300px;}


/* --- Contact Us Styles */
#contactUs .rowContainer {
    border: 1px solid #eee;
    background: #f2fbfc;
    margin: 10px 0;
    padding: 0 5px 5px;
    }
#contactUs .row {
    background-color: #fff;
    border: 1px solid #eee;
    color: #666;
    display: block;
    margin: 20px 0 5px;
    padding: 5px;
    position: relative;
    }
#contactUs .row h2 {
    font-size: 15px;
    margin: -6px 0 0;
    position: absolute;
    top: -3px;
    }
#contactUs .row h2 .headingText {
    display: block;
    padding: 0 2px; 
    position: relative; 
    z-index: 5;
    }
#contactUs .row h2 .borderErase {
    border-top: 1px solid #f8f8f8;
    display: block;
    position: absolute;
    top: 8px;
    width: 100%;
    }
#contactUs .leftSide {
    float: left;
    width: 450px;
    }
#contactUs .rightSide {
    float: right;
    width: 250px;
    }
#contactUs .rightSide input[type=text],
#contactUs .mlLegislator input[type=text] {
    display: block;
    margin: 25px auto 0;
    text-align: center;
    width: 150px;
    }
#contactUs .rightSide input[type=submit],
#contactUs .mlLegislator input[type=submit],
#contactUs .rightSide .contactWebmaster {
    background-color: #005daa;
    border: 1px solid #aaa;
    color: #fff;
    display: block;
    font: bold 11px/16px Arial, Helvetica, sans-serif;
    height: 25px;
    margin: 10px auto 0;
    text-transform: uppercase;
    width: 152px;
    }
#contactUs .legislator {
    }
#contactUs .phoneNumber {
    font-size: 13px; 
    font-weight: bold; 
    text-align: center;
    }
#contactUs .phoneNumber span {
    display: block; 
    font-size: 21px; 
    margin-top: 5px; 
    overflow: visible;
    }
#contactUs .rightSide .contactWebmaster {
    line-height: 25px;
    text-align: center; 
    width: 170px;
    }
/* MyLeg Legislators */
#contactUs .mlLegislator {
    float: left;
    width: 340px;
    }
#contactUs .mlLegislator .bioPicContainer {
    float: left;
    height: 85px;
    padding: 5px; 
    width: 65px;
    }
#contactUs .mlLegislator .bioPicContainer img {height: 85px; width: 65px;}
#contactUs .mlLegislator h3 {
    font: bold 11px/13px Verdana, Arial, sans-serif;
    margin: 0;
    text-transform: uppercase;
    }
#contactUs .mlLegislator .legislatorName {font: normal 15px/17px Verdana,Arial,sans-serif;}
#contactUs .mlLegislator .address {font-size: 11px; float: left; display: block; margin:0; width: 208px;}
#contactUs .mlLegislator .address dt {font-size: 12px; margin: 5px 0 0;}
#contactUs .mlLegislator .address .ddLabel {color: #000;}
#contactUs .mlLegislator h4 {display:none;}
#contactUs .mlLegislator p {margin: 10px 0 0; text-align: center;}
#contactUs .mlLegislator input[type=submit] {margin-top: -10px;}

.rescheduled{ float: left; opacity: .7;}

.billSearchAlertTitle {
    vertical-align: middle;
}

.billSearchAlertText {
    min-height: 140px;
}
.pdfButton {
  text-decoration: none;
  background-color: rgb(233,233,233);
  color: #09f;
  height: 23px;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #333333;
}

#docDownload .pdfButton,
#billTextView .pdfButton {
  background-color: rgb(231,231,231);
  height: 22px;
  border-top: 1px solid rgb(199, 198, 198);
  border-right: 1px solid rgb(199, 198, 198);
  border-bottom: 1px solid rgb(199, 198, 198);
  border-left: 1px solid rgb(199, 198, 198);
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;  
}

.pdfButtonText {
  color: #09f;
  font: normal 11px/20px Arial,Helvetica,sans-serif;
  text-align: center;
  vertical-align: middle;
  padding-right: 5px;
}

#docDownload .printButton,
#billTextView .printButton {
    cursor: pointer;
    padding-right: 5px;
    padding-left: 5px;
    background: rgb(231, 231, 231);
    border: 1px solid rgb(199, 198, 198);
}

#printButton:link,
#printButton:visited,
#printButton:active,
#printButton:hover {
    color: #09f;
}

#docDownload .downloadText {
    font: bold 12px/1.2 Arial, Helvetica, sans-serif;
    line-height: 25px;
}

#docDownload .notDownloadable {
    font: italic 12px/1.2 Arial, Helvetica, sans-serif;
    line-height: 25px;
    padding-left: 5px;
}

#docDownload {
    padding-top: 10px;
}

#RankingMinority {
    font-style: italic;
    display: inline-block;
    margin-left: 10px;
    margin-top: 30px;
    width:100%
}