/*Contains common flsenate brand styles used in multiple sites but is unique to this site (new websites are built off of this stylesheet) */ /* Normalizer/RESET */ article, aside, details, figcaption, figure, footer, header, /*hgroup,*/ main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } .lt-ie8 audio, .lt-ie8 canvas, .lt-ie8 video { display: inline; zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } abbr[title] { border-bottom: .1em dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 2em; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /*hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }*/ /*ins { background: #ff9; color: #000; text-decoration: none; }*/ mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 80%; /*font-size: 85%;*/ } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 2em; } menu, ol, ul { padding: 0 0 0 2em; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: .1em solid #c0c0c0; margin: 0 .2em; padding: 0.35em 0.625em 0.75em; } /*fieldset { border: 0; margin: 0; padding: 0; }*/ label { cursor: pointer; } legend { border: 0; padding: 0; white-space: normal; } .lt-ie8 legend { margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; } .lt-ie8 button, .lt-ie8 input, .lt-ie8 select, .lt-ie8 textarea { vertical-align: middle; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } .lt-ie8 button, .lt-ie8 html input[type="button"], .lt-ie8 input[type="reset"], .lt-ie8 input[type="submit"] { overflow: visible; } button[disabled], input[disabled] { cursor: default; } button, input[type="button"], input[type="reset"], input[type="submit"] { background: #003366; color: #fff; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } .lt-ie8 input[type="checkbox"], .lt-ie8 input[type="radio"] { width: 13px; height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } /*input:valid, textarea:valid { }*/ /*input:invalid, textarea:invalid { background-color: #f0dddd; }*/ table { border-collapse: collapse; border-spacing: 0; } /*td { vertical-align: top; }*/ /*.chromeframe { margin: 0.2em 0; background: #cc0000; color: #fff; padding: 0.2em 0; text-align: center; } .chromeframe a:link, .chromeframe a:visited { color: #fff; } */ /* Unsemantic Grid System */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .grid-container:before, .clearfix:before, .grid-container:after, .clearfix:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .grid-container:after, .clearfix:after { clear: both; } .grid-container { margin-left: auto; margin-right: auto; /* max-width: 1200px;*/ padding-left: 1%; padding-right: 1%; } .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66, .grid-autoRight, .grid-fixedLeft, .grid-autoLeft, .grid-fixedRight, .gridHome-autoLeft, .gridHome-fixedRight { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 1%; padding-right: 1%; } .grid-parent { padding-left: 0; padding-right: 0; } body { min-width: 320px; } .grid-100:before, .grid-100:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .grid-100:after { clear: both; } .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { position: relative; } .grid-5 { float: left; width: 5%; } .prefix-5 { margin-left: 5%; } .suffix-5 { margin-right: 5%; } .push-5 { left: 5%; } .pull-5 { left: -5%; } .grid-10 { float: left; width: 10%; } .prefix-10 { margin-left: 10%; } .suffix-10 { margin-right: 10%; } .push-10 { left: 10%; } .pull-10 { left: -10%; } .grid-15 { float: left; width: 15%; } .prefix-15 { margin-left: 15%; } .suffix-15 { margin-right: 15%; } .push-15 { left: 15%; } .pull-15 { left: -15%; } .grid-20 { float: left; width: 20%; } .prefix-20 { margin-left: 20%; } .suffix-20 { margin-right: 20%; } .push-20 { left: 20%; } .pull-20 { left: -20%; } .grid-25 { float: left; width: 25%; } .prefix-25 { margin-left: 25%; } .suffix-25 { margin-right: 25%; } .push-25 { left: 25%; } .pull-25 { left: -25%; } .grid-30 { float: left; width: 30%; } .prefix-30 { margin-left: 30%; } .suffix-30 { margin-right: 30%; } .push-30 { left: 30%; } .pull-30 { left: -30%; } .grid-35 { float: left; width: 35%; } .prefix-35 { margin-left: 35%; } .suffix-35 { margin-right: 35%; } .push-35 { left: 35%; } .pull-35 { left: -35%; } .grid-40 { float: left; width: 40%; } .prefix-40 { margin-left: 40%; } .suffix-40 { margin-right: 40%; } .push-40 { left: 40%; } .pull-40 { left: -40%; } .grid-45 { float: left; width: 45%; } .prefix-45 { margin-left: 45%; } .suffix-45 { margin-right: 45%; } .push-45 { left: 45%; } .pull-45 { left: -45%; } .grid-50 { float: left; width: 50%; } .prefix-50 { margin-left: 50%; } .suffix-50 { margin-right: 50%; } .push-50 { left: 50%; } .pull-50 { left: -50%; } .grid-55 { float: left; width: 55%; } .prefix-55 { margin-left: 55%; } .suffix-55 { margin-right: 55%; } .push-55 { left: 55%; } .pull-55 { left: -55%; } .grid-60 { float: left; width: 60%; } .prefix-60 { margin-left: 60%; } .suffix-60 { margin-right: 60%; } .push-60 { left: 60%; } .pull-60 { left: -60%; } .grid-65 { float: left; width: 65%; } .prefix-65 { margin-left: 65%; } .suffix-65 { margin-right: 65%; } .push-65 { left: 65%; } .pull-65 { left: -65%; } .grid-70 { float: left; width: 70%; } .prefix-70 { margin-left: 70%; } .suffix-70 { margin-right: 70%; } .push-70 { left: 70%; } .pull-70 { left: -70%; } .grid-75 { float: left; width: 75%; } .prefix-75 { margin-left: 75%; } .suffix-75 { margin-right: 75%; } .push-75 { left: 75%; } .pull-75 { left: -75%; } .grid-80 { float: left; width: 80%; } .prefix-80 { margin-left: 80%; } .suffix-80 { margin-right: 80%; } .push-80 { left: 80%; } .pull-80 { left: -80%; } .grid-85 { float: left; width: 85%; } .prefix-85 { margin-left: 85%; } .suffix-85 { margin-right: 85%; } .push-85 { left: 85%; } .pull-85 { left: -85%; } .grid-90 { float: left; width: 90%; } .prefix-90 { margin-left: 90%; } .suffix-90 { margin-right: 90%; } .push-90 { left: 90%; } .pull-90 { left: -90%; } .grid-95 { float: left; width: 95%; } .prefix-95 { margin-left: 95%; } .suffix-95 { margin-right: 95%; } .push-95 { left: 95%; } .pull-95 { left: -95%; } .grid-33 { float: left; width: 33.33333%; } .prefix-33 { margin-left: 33.33333%; } .suffix-33 { margin-right: 33.33333%; } .push-33 { left: 33.33333%; } .pull-33 { left: -33.33333%; } .grid-66 { float: left; width: 66.66667%; } .prefix-66 { margin-left: 66.66667%; } .suffix-66 { margin-right: 66.66667%; } .push-66 { left: 66.66667%; } .pull-66 { left: -66.66667%; } .grid-100 { clear: both; width: 100%; } /*Fixed Width Grid */ .grid-fixedLeft { float: left; width: 250px; padding-left: 20px; } .grid-autoRight { margin-left: 260px; padding-right: 20px; } .grid-fixedRight { float: right; width: 240px; } .grid-autoLeft { margin-right: 240px; } /*.grid-fixedRight {display:table-cell; width:220px;} .grid-autoLeft {display:table-cell; width:auto; }*/ .gridHome-fixedRight { float: right; width: 340px; } .gridHome-autoLeft { margin-right: 340px; } /* GLOBAL - Senate design common */ body { margin: 0; padding: 0; border: 0; font: normal .8em "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 3ex; } h1, h2, h3, h4, h5, h6 { border-bottom: none; color: #003366; font-weight: 700; margin: .2em 0 .5em 0; } a:link { color: #2881CC; text-decoration: underline; /*font-weight: normal;*/ } a:visited { color: #4B4B4B; text-decoration: underline; /* font-weight: normal;*/ } a:hover, a:focus { color: #003366; text-decoration: none; /*font-weight: normal;*/ } a:active { color: #cc0000; } /*h1 { font-size: 150%; margin-left:0;} h2 { font-size: 140%; margin-left:.5em;} h3 { font-size: 130%; margin-left: 1em;} h4 { font-size: 120%; margin-left: 2em;} h5 { font-size: 110%; margin-left: 3em;} h6 { font-size: 110%; font-weight: normal; margin-left:4em;}*/ h1 { font-size: 150%; margin-left: 0; } h2 { font-size: 140%; margin-left: 0; } h3 { font-size: 130%; margin-left: 1em; } h4 { font-size: 120%; margin-left: 2em; } h5 { font-size: 110%; margin-left: 3em; } h6 { font-size: 110%; font-weight: normal; margin-left: 4em; } h2 ~ p, /*h2 ~ div,*/ h2 ~ ul, h2 ~ ol { /*margin-left: 1em;*/ margin-left: 0; } h3 ~ p, /*h3 ~ div,*/ h3 ~ ul, h3 ~ ol { /*margin-left: 2em;*/ margin-left: 1em; } h4 ~ p, /*h4 ~ div,*/ h4 ~ ul, h4 ~ ol { /*margin-left: 3em;*/ margin-left: 2em; } h5 ~ p, /*h5 ~ div,*/ h5 ~ ul, h5 ~ ol { /*margin-left: 4em;*/ margin-left: 3em; } h6 ~ p, /*h6 ~ div,*/ h6 ~ ul, h6 ~ ol { /*margin-left: 5em;*/ margin-left: 4em; } p { margin: .8em 0; } /*ul, ol {margin-left: 0;}*/ ol ol { list-style-type: lower-alpha; } ol ol ol { list-style-type: lower-roman; } /*definition lists currently (4/3/13) only used in Toolbox*/ dl { margin-left: 2em; margin-bottom: .5em; } dt { display: block; clear: left; float: left; padding-right: 1.5em; white-space: nowrap; font-weight: bold; text-align: right; } dd { display: block; float: left; margin-left: 0; } #skip /* Hide accessibility links from view at top of all pages*/ { position: absolute; left: -100000px; top: auto; height: .1em; width: .1em; } #main /* content body */ { position: relative; } #main #message span { display: block; } /*display each message on individual line*/ #main #message a { display: inline-block; } /*make sure link is on the same line as message it's relating to*/ #message { padding: .3em; /*margin: 1em 1% 1em;*/ margin-bottom: .5em; text-align: center; border: .1em solid #FFCC00; font-size: 110%; background: #ffff6b url(../img/bg/ygradbg.png) repeat-x; /* Old browsers */ background: -moz-linear-gradient(top, #ffff99 0%, #ffff6b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff99), color-stop(100%,#ffff6b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffff99 0%,#ffff6b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffff99 0%,#ffff6b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffff99 0%,#ffff6b 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffff99 0%,#ffff6b 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff99', endColorstr='#ffff6b',GradientType=0 ); */ /* IE6-9 */ } .print, .nodisplay { display: none; } .inline, .inline li, .inline p { display: inline; } .block { display: block; } .clear { clear: both; } .left { float: left; } .right { float: right; } .top { vertical-align: top; } .middle { vertical-align: middle; } .bold { font-weight: bold; } .italic { font-style: italic; } .smalltext { font-size: 80%; line-height: 2ex; } .medtext { font-size: 90%; line-height: 2.5ex; } .lgtext { font-size: 110%; line-height: 3ex; } .allcaps { text-transform: uppercase; letter-spacing: .1em; } .letterSpacing1 { letter-spacing: .1em; } .letterSpacing2 { letter-spacing: .2em; } .redserifbold { color: #CC0000; font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; font-size: 1.7em; font-weight: bold; letter-spacing: 0.02em; text-align: left; } span.filetype { text-transform: uppercase; letter-spacing: .1em; font-size: 80%; color: #999; } .message { font-size: 130%; line-height: 2.8ex; } .box { border: .09em solid #a9aaab; background: #ededed; padding: .75em; /*margin:.5em .2em 2em .2em;*/ position: relative; } .whiteBox { border: .09em solid #a9aaab; background: #fff; padding: .5em; /*margin:.5em .2em 2em .2em;*/ position: relative; } div.quicklink { border: .1em solid #ccc; /*border .1em creates gap between heading and box outline*/ border-radius: 1em; padding: 0; margin: 0; margin-bottom: 1em; /* margin: 1em .5em; need to set on each pg and not globally*/ } .quicklink .ql-title /* quick links title */ /*.ql-title quick links title */ { padding: .2em; border-radius: .8em .8em 0 0; margin: 0; background: #85b6f4 url(../img/bg/ql-bg.png) repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b1d4f9), to(#85b6f4)); background: -moz-linear-gradient(19% 75% 90deg,#85b6f4, #b1d4f9); color: #040443; text-align: center; font-size: 110%; font-weight: 700; } .quicklink ul { padding-right: 1em; } .nowrap { white-space: nowrap; } .centertext { text-align: center; } .lefttext { text-align: left; } .righttext { text-align: right; } .noBullet { list-style: none; } .rounded { border: .1em solid #ccc; border-radius: 1em; } input.round { border: .1em solid #ccc; border-radius: 1em; } div#breadcrumbs { font-size: .85em; font-weight: bold; letter-spacing: 0.05em; margin-left: 1.5em; margin-bottom: 1em; } /* ################## PADDING ################## */ /*relative units */ /* tiny EM (like 5px) */ .pad-tiny-em { padding: .2em; } .pad-left-tiny-em { padding-left: .2em; } .pad-right-tiny-em { padding-right: .2em; } .pad-top-tiny-em { padding-top: .2em; } .pad-bot-tiny-em { padding-bottom: .2em; } /*half EM */ .pad-half-em { padding: .5em; } .pad-left-half-em { padding-left: .5em; } .pad-right-half-em { padding-right: .5em; } .pad-top-half-em { padding-top: .5em; } .pad-bot-half-em { padding-bottom: .5em; } /*1 EM */ .pad1em { padding: 1em; } .pad1em-top { padding-top: 1em; } .pad1em-left { padding-left: 1em; } .pad1em-right { padding-right: 1em; } .pad1em-bot { padding-bottom: 1em; } /*2 EM*/ .pad2em { padding: 2em; } .pad2em-top { padding-top: 2em; } .pad2em-left { padding-left: 2em; } .pad2em-right { padding-right: 2em; } .pad2em-bot { padding-bottom: 2em; } /*0 pixels*/ .pad0 { padding: 0; } .pad-top0 { padding-top: 0; } .pad-left0 { padding-left: 0; } .pad-right0 { padding-right: 0; } .pad-bot0 { padding-bottom: 0; } /* ################## MARGIN ################## */ /*.noLeftMargin {margin-left:0 !important;}*/ /*relative units */ /*Tiny (.2) EM */ .mar-tiny-em { margin: .2em; } .mar-tiny-half-em { margin-left: .2em; } .mar-tiny-half-em { margin-right: .2em; } .mar-tiny-half-em { margin-top: .2em; } .mar-tiny-half-em { margin-bottom: .2em; } /*half EM */ .mar-half-em { margin: .5em; } .mar-left-half-em { margin-left: .5em; } .mar-right-half-em { margin-right: .5em; } .mar-top-half-em { margin-top: .5em; } .mar-bot-half-em { margin-bottom: .5em; } /*1 EM */ .mar1em { margin: 1em; } .mar1em-top { margin-top: 1em; } .mar1em-left { margin-left: 1em; } .mar1em-right { margin-right: 1em; } .mar1em-bot { margin-bottom: 1em; } /*2 EM*/ .mar2em { margin: 2em; } .mar2em-top { margin-top: 2em; } .mar2em-left { margin-left: 2em; } .mar2em-right { margin-right: 2em; } .mar2em-bot { margin-bottom: 2em; } /*0 pixels*/ .mar0 { margin: 0; } .mar-top0 { margin-top: 0; } .mar-bot0 { margin-bottom: 0; } .mar-left0 { margin-left: 0; } .mar-right0 { margin-right: 0; } /* ################## WIDTH ################## */ .width100 { width: 100%; } .width99 { width: 99%; } .width98 { width: 98%; } .width95 { width: 95%; } .width90 { width: 90%; } .width85 { width: 85%; } .width80 { width: 80%; } .width75 { width: 75%; } .width70 { width: 70%; } .width65 { width: 65%; } .width60 { width: 60%; } .width55 { width: 55%; } .width50 { width: 50%; } .width45 { width: 45%; } .width40 { width: 40%; } .width35 { width: 35%; } .width30 { width: 30%; } .width25 { width: 25%; } .width20 { width: 20%; } .width15 { width: 15%; } .width10 { width: 10%; } /*.width100px { width: 100px; } .width150px { width: 150px; }*/ .width200px { width: 200px; } /* used in toolbox */ /* -------------------------------- BUTTONS -------------------------------- */ .button { padding: .1em .5em; margin: .5em; text-decoration: none; cursor: pointer; border-radius: 1em; -moz-box-shadow: .1em .1em .2em #040443; -webkit-box-shadow: .1em .1em .2em #040443; box-shadow: .1em .1em .2em #040443; text-align: center; font-weight: bold; font-size: 90%; letter-spacing: .1em; white-space:nowrap;} .button:hover { text-decoration: none; } .button:active { position: relative; top: .1em; } .buttonBig /* button styles on bill page for bill summary & legislative glossary */ { padding: .5em 1em; margin: .5em 0; /*width: 200px;*/ } .buttonBigger { margin: 1em 0; padding: 1em 3em; /*width: 200px;*/ } .multiline-btn { text-decoration: none; cursor: pointer; border-radius: 1em; -moz-box-shadow: .1em .1em .2em #040443; -webkit-box-shadow: .1em .1em .2em #040443; box-shadow: .1em .1em .2em #040443; } .multiline-btn span { font-size: 85%; font-weight: normal; } .multiline-btn a:link, .multiline-btn a:visited { display: block; padding: .5em; text-align: center; border-radius: 1em; font-size: 110%; font-weight: bold; border: .1em solid #a9aaab; color: #fff; background: #2b89da; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6fb4ea), to(#3C669C), color-stop(.5,#2B89DA),color-stop(.5,#1F7BCA)); background: -moz-linear-gradient(0% 100% 90deg,#5a98d0, #4680ba, #2B89DA 100%,#1F7BCA 0%); text-decoration: none; } .multiline-btn a:hover { background: #003366; color: #fff; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3C669C), to(#003366), color-stop(.5,#03509c),color-stop(.5,#0459ad)); background: -moz-linear-gradient(0% 100% 90deg,#3C669C, #003366, #03509c 100%,#0459ad 0%); } .multiline-btn a:active, .multiline-btn a:focus { background: #cc0000; color: #fff; } /*top of page button/link*/ p.gray { margin: 10px; } .gray a { padding: .2em; padding-left: .5em; padding-right: .5em; margin: .1em; background-clip: padding-box; border-radius: 1em; font-size: 90%; } .gray a:link, .gray a:visited { color: #666; text-decoration: underline; } .gray a:hover { background-color: #999; color: #fff; text-decoration: none; } .gray a:before { background-image: url(../img/common.png); background-position: -98px -26px; width: 9px; height: 5px; display: inline-block; content: ""; padding: 0; padding-left: .5em; } .gray a:hover:before { background-image: url(../img/common.png); background-position: -171px -112px; width: 9px; height: 5px; display: inline-block; content: ""; /*position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2;*/ } /*white*/ /*play overlay*/ /*thumbnail*/ a.videoPlayThumbOnly { position: relative; height: 100%; width: 100%; /*height/width need to be size of video thumbnail */ margin: 0 auto; display: inline-block; } .videoPlayThumbOnly:before { position: absolute; top: 30%; left: 35%; z-index: 12; content: ' '; background: url(../img/common.png) no-repeat -1px 0; width: 38px; height: 31px; } .videoPlayThumbOnly:hover:before, .videoPlay:hover:before { background: url(../img/common.png) no-repeat -50px 0; width: 38px; height: 31px; } /*recent news media stream*/ .videoPlay:before { position: absolute; top: 30px; left: 98px; z-index: 12; content: ' '; background: url(../img/common.png) no-repeat -1px 0; width: 38px; height: 31px; } .blue:link, .blue:visited { color: #fff; text-decoration: none; background: #2b89da; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6fb4ea), to(#3C669C), color-stop(.5,#2B89DA),color-stop(.5,#1F7BCA)); background: -moz-linear-gradient(0% 100% 90deg,#5a98d0, #4680ba, #2B89DA 100%,#1F7BCA 0%); /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a98d0", endColorstr="#3C669C");*/ } .blue:hover { background: #003366; color: #fff; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3C669C), to(#003366), color-stop(.5,#03509c),color-stop(.5,#0459ad)); background: -moz-linear-gradient(0% 100% 90deg,#3C669C, #003366, #03509c 100%,#0459ad 0%); /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3C669C", endColorstr="#003366");*/ } .blue:active { background: #cc0000; color: #fff; } button.yellow, input[type="button"].yellow, input[type="submit"].yellow { -moz-box-shadow: .1em .1em .2em #CC0000; -webkit-box-shadow: .1em .1em .2em #CC0000; box-shadow: .1em .1em .2em #CC0000; border: .1em solid #fec93d; } button.yellow, input[type="button"].yellow, input[type="submit"].yellow, .yellow:link, .yellow:visited { color: #000; text-decoration: none; /*background: #fcf6b4; background: -moz-linear-gradient(top, #fcf6b4 0%, #fbec84 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf6b4), color-stop(100%,#fbec84)); background: -webkit-linear-gradient(top, #fcf6b4 0%,#fbec84 100%); background: -o-linear-gradient(top, #fcf6b4 0%,#fbec84 100%); background: -ms-linear-gradient(top, #fcf6b4 0%,#fbec84 100%); background: linear-gradient(to bottom, #fcf6b4 0%,#fbec84 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf6b4', endColorstr='#fbec84',GradientType=0 );*/ background: #fceabb; background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); background: -o-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );*/ } .yellow:hover { color: #cc0000; background: #fcf6b4; background: -moz-linear-gradient(top, #fcf6b4 0%, #fbec84 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf6b4), color-stop(100%,#fbec84)); background: -webkit-linear-gradient(top, #fcf6b4 0%,#fbec84 100%); background: -o-linear-gradient(top, #fcf6b4 0%,#fbec84 100%); background: -ms-linear-gradient(top, #fcf6b4 0%,#fbec84 100%); background: linear-gradient(to bottom, #fcf6b4 0%,#fbec84 100%); /*background: #b20000; background: -moz-linear-gradient(top, #b20000 0%, #820400 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b20000), color-stop(100%,#820400)); background: -webkit-linear-gradient(top, #b20000 0%,#820400 100%); background: -o-linear-gradient(top, #b20000 0%,#820400 100%); background: -ms-linear-gradient(top, #b20000 0%,#820400 100%); background: linear-gradient(to bottom, #b20000 0%,#820400 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b20000', endColorstr='#820400',GradientType=0 );*/ } .yellow:active { background: #ffcc00; color: #fff; } .redbg { background: #cc0000; color: #fff; margin: .2em 0; } .redtext { color: #cc0000 !important; } .bluetext { color: #003366; } .graytext { color: #999999; } /* -------------------------------- Page Layouts -------------------------------- */ /*.col-full, .col1-l, .col2-l, .col1-r, .col2-r, .col1-e, .col2-e, .col1-3, .col2-3, .col3-3 { margin-bottom: 1em; } .col-full + col1-l, .col-full + col2-l, .col-full + col1-r, .col-full + col2-r, .col-full + col1-e, .col-full + col2-e, .col-full + .col1-3, .col-full + .col2-3, .col-full + .col3-3 { margin-bottom: 0; } */ /* -------------------------------- Form styles -------------------------------- */ /*input[type="reset"], input[value^="form"] { margin-left: 2em; padding: 0 .5em; } input[type="submit"],input[type="button"] { /* Submit & button input type styles * / color: #fff; background: #003366; border: 0; } input[type="reset"] { / * Submit & button input type styles * / color: #fff; background: #2b89da; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6fb4ea), to(#3C669C), color-stop(.5,#2B89DA),color-stop(.5,#1F7BCA)); background: -moz-linear-gradient(0% 100% 90deg,#5a98d0, #4680ba, #2B89DA 100%,#1F7BCA 0%); border: 0; }*/ .filter { text-align: center; margin: .5em 0; padding: .5em; background: #d6ebff url(../img/bg/filter-bg.png) repeat-x left bottom; /* Old browsers */ /* #b1d4f9 background: #d6ebff; / Old browsers * /*/ background: -moz-linear-gradient(top, #d6ebff 0%, #b1d4f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6ebff), color-stop(100%,#b1d4f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d6ebff 0%,#b1d4f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d6ebff 0%,#b1d4f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d6ebff 0%,#b1d4f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #d6ebff 0%,#b1d4f9 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6ebff', endColorstr='#b1d4f9',GradientType=0 ); */ /* IE6-9 */ } .filter h1 { font-size: 110%; margin: 0; } /*.frm label {clear:left; display:block; float:left; margin-bottom:10px; margin-left:0; margin-right:0; margin-top:5px; width:150px; padding-right:10px; text-align:right; vertical-align:middle; line-height:120%;} .frm input, .frm textarea, .frm select {/ * display: block;* /float: left;margin: 5px 0;padding: 2px;} span.required {padding: 0 2px; color: red !important;font-size: 13px !important;font-weight: bold;} .editor-label {vertical-align:top; width:130px; display:inline-block; text-align:right;} .field-validation-error {color:Red;} .field {padding-top: .25em; padding-bottom: .25em;} .filterLeft {text-align:left; float: left; margin-right:20px; padding:10px; } .filterRight {padding:10px; text-align:left; } #filter_full_width input {display:inline; float:none; } */ /* TABS */ .tabBg { background: transparent; } .lt-ie8 .tabBg { background: transparent; } /* done't display tab background for small dimensions in IE7 */ div.tabbox { /*clear: both;*/ width: 100%; overflow: hidden; position: relative; margin: 1em 0; background: #fff; border: 3px solid #ccc; } div.tabbox ul.tabs { clear: left; float: left; list-style: none; margin: 0; padding: 0; position: relative; left: 50%; text-align: center; font-size: 110%; letter-spacing: .049em; } div.tabbox ul.tabs li { white-space: normal; display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; right: 50%; line-height: 3ex; } /*div.tabbox ul.tabs li:not(:last-of-type) {border-right:1px solid #fff;}*/ /*tab link*/ ul.tabs li a { vertical-align: middle; display: block; margin: 0 0 0 .1em; padding: .7em .5em .6em; text-decoration: none; color: #003366; background: #e3e3e3 url(../img/tabs/tab-gray.png) no-repeat 50% 100%; /* background: -moz-linear-gradient(top, #e3e3e3 0%, #c0c0c0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#c0c0c0)); background: -webkit-linear-gradient(top, #e3e3e3 0%,#c0c0c0 100%); background: -o-linear-gradient(top, #e3e3e3 0%,#c0c0c0 100%); background: -ms-linear-gradient(top, #e3e3e3 0%,#c0c0c0 100%); background: linear-gradient(top, #e3e3e3 0%,#c0c0c0 100%); */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#c0c0c0',GradientType=0 );*/ } /* first and last tabs*/ ul.tabs li.first a, ul.tabs li.last a { background: #e3e3e3 url(../img/tabs/tab-gray.png) no-repeat 0 100%; } ul.tabs li.first a { background-position: 0 100%; padding-left: 2.4em; } ul.tabs li.last a { background-position: 100% 100%; padding-right: 2.4em; } /*tab hover*/ ul.tabs li a:hover, ul.tabs li a:focus, ul.tabs li a:active, ul.tabs li a.selected { background: #134B87 url(../img/tabs/tab-hover.png) no-repeat 50% 100%; color: #fff; } ul.tabs li.first a:hover, ul.tabs li.first a:focus, ul.tabs li.first a:active, ul.tabs li.first a.selected { background-position: 0 100%; } ul.tabs li.last a:hover, ul.tabs li.last a:focus, ul.tabs li.last a:active, ul.tabs li.last a.selected { background-position: 100% 100%; } /* ------------------------------------------------ tab layouts ------------------------------------------------- */ .tabbody { padding: .5em /*0*/; clear: both; /* position: relative;JS - Commenting out position: relative. This is causing an issue where tabs are not hovering correctly */ } .tabcol-half { width: 45%; position: relative; } .tabcol-third { width: 38%; position: relative; } .tabcol-2thirds { width: 57%; position: relative; } /* -------------------------------------- expand collapse styles -------------------------------------- */ /*expand collapse */ /*.item_list {margin:0; padding:0;} .item_list li {padding:0; margin:0 .6em 0 0; list-style:none;} .item_head {padding-left:1em; position:relative; color:#003366; font-size:110%; font-weight:bold; cursor:pointer;} .item_head.active {background-position: bottom left; text-decoration: none;} .item_body {padding:0 2em; background: #ededed;}*/ /*.show_all {padding-right: 12px;} .collapse_all {padding-right: 12px; color: #666666;}*/ ul.arrowLst li.arrow { list-style: none; } .arrow .item_head { background: url(../img/icons/expandCollapse/arrow-collapsed.png) no-repeat top left; /*background: url(../img/icons/plus-minus-arrows.png) no-repeat top left;*/ padding-left: 1.2em; cursor: pointer; position: relative; font-weight: normal; color: #003366; } .arrow .item_head.active { background: url(../img/icons/expandCollapse/arrow-expanded.png) no-repeat top left; text-decoration: none; list-style: none; } .arrow .item_body { background: transparent; border-top: 0; } .basic.item_list { padding-left: 2em; } .item_list { list-style: none; margin: 0; padding: 0; } .item_list li { padding: 0; margin: 0; list-style: none; } .item_list li li { list-style: inherit; } .item_head { cursor: pointer; position: relative; font-size: 110%; text-align: left; font-weight: bold; color: #003366; text-decoration: underline; /* margin:0; this is what is causing the jumping*/ } .ecBar.item_head { padding: .5em; padding-left: 2.2em; } .ecBar.item_head, .item_head.active { text-decoration: none; } /*.item_body { padding: .3em .5em .75em; /*margin-left:2.5em; }*/ .item_body { overflow: hidden; } /*expand collapse bar*/ .ecBar { background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 45%, #ffffff 65%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eeeeee), color-stop(45%,#ffffff), color-stop(65%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 1%,#ffffff 45%,#ffffff 65%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 1%,#ffffff 45%,#ffffff 65%,#eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 1%,#ffffff 45%,#ffffff 65%,#eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 1%,#ffffff 45%,#ffffff 65%,#eeeeee 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );*/ /* IE6-9 */ border: .1em solid #bdbdbd; border-radius: 1em; position: relative; z-index: 1; } .ecSelected.ecBar { background: #3c669c; /* Old browsers */ background: -moz-linear-gradient(top, #3c669c 0%, #5790c6 20%, #6eb2e8 40%, #6eb2e8 60%, #5790c6 80%, #3c669c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c669c), color-stop(20%,#5790c6), color-stop(40%,#6eb2e8), color-stop(60%,#6eb2e8), color-stop(80%,#5790c6), color-stop(100%,#3c669c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3c669c 0%,#5790c6 20%,#6eb2e8 40%,#6eb2e8 60%,#5790c6 80%,#3c669c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3c669c 0%,#5790c6 20%,#6eb2e8 40%,#6eb2e8 60%,#5790c6 80%,#3c669c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3c669c 0%,#5790c6 20%,#6eb2e8 40%,#6eb2e8 60%,#5790c6 80%,#3c669c 100%); /* IE10+ */ background: linear-gradient(to bottom, #3c669c 0%,#5790c6 20%,#6eb2e8 40%,#6eb2e8 60%,#5790c6 80%,#3c669c 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c669c', endColorstr='#3c669c',GradientType=0 );*/ /* IE6-9 */ border-color: #3C669C; color: #fff; text-shadow: 1px 0 2px #003366; } /* general icon styles */ .cirArrow:before, .cirPlusMinus:before, .basicArrow:before, .basicPlusMinus:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; content: ' '; } .cirArrow:before, .cirPlusMinus:before { margin-top: .5em; margin-left: .2em; } .basicArrow:before, .basicPlusMinus:before { margin-left: -1em; } /*Circle Arrow Icon */ .cirArrow:before { background: url(../img/icons/expandCollapse/arrow-right.png) no-repeat top left; } .cirArrow.active:before { background: url(../img/icons/expandCollapse/arrow-down.png) no-repeat top left; } /*Circle Plus Minus Icon */ .cirPlusMinus:before { background: url(../img/icons/expandCollapse/plus.png) no-repeat top left; } .cirPlusMinus.active:before { background: url(../img/icons/expandCollapse/minus.png) no-repeat top left; } /*Basic Arrrow Icon */ .basicArrow:before { background: url(../img/icons/expandCollapse/plus-minus-arrows.png) no-repeat top left; width: 11px; height: 20px; } .basicArrow.active:before { background: url(../img/icons/expandCollapse/plus-minus-arrows.png) no-repeat bottom left; width: 11px; height: 20px; } /*Basic Plus Minus Icon */ .basicPlusMinus:before { background: url(../img/icons/expandCollapse/plus-minus.png) no-repeat top left; width: 11px; height: 20px; } .basicPlusMinus.active:before { background: url(../img/icons/expandCollapse/plus-minus.png) no-repeat bottom left; width: 11px; height: 20px; } /* Basic Item Body Gray Box */ .basicBodyBox { background: #ededed; border-top: .1em solid #003366; margin-left: 0; } /*.basic.item_body {margin-left:.5em;}*/ /*Circle Arrow Icon */ .lt-ie8 .cirArrow { background-color: #eeeeee; background-image: url(../img/icons/expandCollapse/arrow-right.png); background-repeat: no-repeat; background-position: center left; } .lt-ie8 .cirArrow.active { background-color: #eeeeee; background-image: url(../img/icons/expandCollapse/arrow-down.png); background-repeat: no-repeat; background-position: center left; } .lt-ie8 .cirArrow.ecSelected.ecBar { background-color: #3c669c; background-image: url(../img/icons/expandCollapse/arrow-right.png); background-repeat: no-repeat; background-position: center left; } .lt-ie8 .cirArrow.active.ecSelected.ecBar { background-color: #3c669c; background-image: url(../img/icons/expandCollapse/arrow-down.png); background-repeat: no-repeat; background-position: center left; } /*Circle Plus Minus Icon */ .lt-ie8 .cirPlusMinus { background-image: url(../img/icons/expandCollapse/plus.png); background-repeat: no-repeat; background-position: center left; } .lt-ie8 .cirPlusMinus.active { background-image: url(../img/icons/expandCollapse/minus.png); background-repeat: no-repeat; background-position: center left; } .lt-ie8 .cirPlusMinus.ecSelected.ecBar { background-color: #3c669c; background-image: url(../img/icons/expandCollapse/plus.png); background-repeat: no-repeat; background-position: center left; } .lt-ie8 .cirPlusMinus.active.ecSelected.ecBar { background-color: #3c669c; background-image: url(../img/icons/expandCollapse/minus.png); background-repeat: no-repeat; background-position: center left; } /*Basic Arrrow Icon */ .lt-ie8 .basicArrow { background: url(../img/icons/expandCollapse/plus-minus-arrows.png) no-repeat top left; padding-left: 1em; } .lt-ie8 .basicArrow.active { background: url(../img/icons/expandCollapse/plus-minus-arrows.png) no-repeat bottom left; padding-left: 1em; } /*Basic Plus Minus Icon */ .lt-ie8 .basicPlusMinus { background: url(../img/icons/expandCollapse/plus-minus.png) no-repeat top left; padding-left: 1em; } .lt-ie8 .basicPlusMinus.active { background: url(../img/icons/expandCollapse/plus-minus.png) no-repeat bottom left; padding-left: 1em; } /*-------------------------------- Common Icons (common sprite sheet)--------------------------------*/ .commonIco { background-image: url(../img/common.png); background-repeat: no-repeat; background-position: 0 0; /*text-indent: -9999px;*/ display: inline-block; content: ' '; margin-right: .25em; } .iconOnly { text-indent: -9999px; font-size: 0; /*line-height: 0;*/ overflow: hidden; white-space: nowrap; } .lt-ie8 .iconOnly { /*following needed to make work in IE7*/ font-size: 0; display: block; line-height: 0; } .grayArrow { background-position: -98px -26px; width: 9px; height: 5px; } .grayArrowWhite { background-position: -171px -112px; width: 9px; height: 5px; } .prevBtn { background-position: -73px -126px; /* height: 19px; width: 11px; */ width: 13px; height: 23px; } .prevBtn:hover { background-position: -95px -125px; } .nextBtn { background-position: -27px -126px; /*height: 19px; width: 10px;*/ width: 13px; height: 23px; } .nextBtn:hover { background-position: -49px -125px; } .tooltip { background-position: -119px -128px; width: 11px; height: 12px; } .amendmentIndent { background-position: -159px -131px; width: 8px; height: 12px; } .facebookIco32, .FaceBookIco32 { background-position: 0 -41px; width: 32px; height: 32px; } /*.picasaIco32, .PicasaIco32 { background-position: 0 -83px; width: 32px; height: 32px; }*/ .instagramIco32 { background-position: 0 -83px; width: 32px; height: 32px; } .rssIco32 { background-position: -42px -41px; width: 32px; height: 32px; } .youtubeIco32, .YouTubeIco32 { background-position: -126px 0; width: 32px; height: 32px; } .trackIco32 { background-position: -42px -83px; width: 32px; height: 32px; } .trackSunIco32 { background-position: -84px -41px; width: 32px; height: 32px; } .twitterIco32, .TwitterIco32 { background-position: -84px -83px; width: 32px; height: 32px; } .trackIco24 { background-position: -126px -42px; width: 24px; height: 24px; } .trackSunIco24 { background-position: -168px 0; width: 24px; height: 24px; } .trackIco16 { background-position: -126px -102px; width: 16px; height: 16px; } .trackSunIco16 { background-position: -152px -86px; width: 16px; height: 16px; } .rssIco16 { background-position: -160px -60px; width: 16px; height: 16px; } .youtubeIco16 { background-position: 0 -125px; width: 16px; height: 16px; } .facebookIco16 { background-position: -126px -76px; width: 16px; height: 16px; } /*.picasaIco16 { background-position: -168px -34px; width: 16px; height: 16px; }*/ .instagramIco16 { background-position: -168px -34px; width: 16px; height: 16px; } .twitterIco16 { background-position: -178px -86px; width: 16px; height: 16px; } .newWindowIco16 { background-position: -99px -3px; width: 16px; height: 16px; } .newWindowWhiteIco16 { background-position: -206px -118px; width: 16px; height: 16px; } .videoIco16 { background-position: -205px -69px; width: 16px; height: 16px; } .videoDisIco { background-position: -205px -95px; width: 16px; height: 16px; } .addCalIco16 { background-position: -202px 0; width: 16px; height: 16px; } .CalIco16 { background-position: -203px -23px; width: 16px; height: 16px; } .CalDisabledIco16 { background-position: -203px -43px; width: 16px; height: 16px; } .sliderPlay { background-position: -140px -131px; width: 15px; height: 11px; } .sliderPause { background-position: -153px -112px; width: 9px; height: 11px; } .sliderSelected { background-position: -177px -127px; width: 8px; height: 4px; } .videoPlayIco { background-position: -1px 0; width: 38px; height: 31px; } .videoPlayHoverIco { background-position: -50px 0; width: 38px; height: 31px; } .pgPrevIco { background-position: 0 -153px; width: 7px; height: 15px; } .pgNextIco { background-position: -27px -153px; width: 7px; height: 15px; } .photoIco16 { background-position: -199px -140px; width: 20px; height: 16px; } .accessibilityIco34 { background-position: 0 -181px; width: 34px; height: 34px; } /*logo sprite sheet */ .sealsImg { background-image: url(../img/seals.png); background-repeat: no-repeat; background-position: 0 0; /*text-indent: -9999px; --> problems with seal in footer using this*/ display: block; content: ' '; } .logoHorizontal { background-position: -2px -1px; width: 340px; height: 59px; } .logo { background-position: -3px -68px; width: 225px; height: 78px; } .seal { background-position: -229px -64px; width: 79px; height: 79px; position: absolute; top: -.5em; left: 46%; } /* icon image button */ .imgBtn a /*, .imgBtn-selected a*/ { border: .1em solid #a9aaab; background: #fff; display: block; border-radius: .5em; margin-left: 0; padding: .3em .5em; } .imgBtn a:link, .imgBtn a:visited, .imgBtn a:hover.selected { background-color: #fff; color: #003366; } .imgBtn a:hover, .imgBtn a:focus, .imgBtn a:active, .imgBtn a.selected { background-color: #003366; color: #fff; text-decoration: none; } .imgBtn span.commonIco { display: inline-block; } /*Calendar icon image buttons */ .calImgBtn-disabled { border-radius: .5em; /*border:1px solid #999;*/ color: #666; margin-left: .2em; padding: 0 .3em .1em .2em; cursor: default; font-weight: 100; font-size: .85em; background: #ededed; } .calImgBtn a /*, .imgBtn-selected a*/ /*, .imgBtn-selected a*/ { border: .1em solid #a9aaab; background: url(../img/bg/imgBtn-graygrad.png) repeat-x #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gratedient(top, #fefefe 0%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#ededed 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#ededed 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ededed',GradientType=0 );*/ /* IE6-9 */ display: inline-block; border-radius: 1.5em; margin-left: .2em; padding: .1em .5em .1em .6em; text-decoration: none; font-weight: 700; font-size: .85em; letter-spacing: .029em; } .calImgBtn a:link, .calImgBtn a:visited, .calImgBtn a:hover.selected { background-color: #fff; color: #666; } .calImgBtn a:hover, .calImgBtn a:focus, .calImgBtn a:active, .calImgBtn a.selected { background: #E6E6E6; /* url(../img/bg/imgBtn-graygrad.png) repeat-x Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#e6e6e6 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 ); IE6-9 */ color: #666; text-decoration: none; box-shadow: -1px 0px 2px #2881CC; } .calImgBtn .right, #CalendarContents .calImgBtn-disabled .right { display: inline-block; } .calBtn { background-color: rgba(0, 0, 0, 0); background-image: url("../img/common.png"); background-position: -202px 0; background-repeat: no-repeat; border: 0 none; color: #009900; font-weight: 700; letter-spacing: 0.029em; padding: 0.2em 0.3em 0.2em 1.8em; } .lt-ie9 .calBtn { background-color: white; } .calendar { background: #fefefe; /* url(../img/bg/imgBtn-graygrad.png) repeat-x Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #E6E6E6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#E6E6E6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#E6E6E6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#E6E6E6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#E6E6E6 100%); /* IE10+ */ background: linear-gradient(top, #fefefe 0%,#E6E6E6 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#E6E6E6',GradientType=0 );*/ /* IE6-9 */ color: #666; text-decoration: none; float: right; border: 1px solid #009900; border-radius: 1.5em; line-height: 4ex; font-size: .85em; padding: 0.1em 0.4em 0.1em 0.9em; } .lt-ie9 .calendar /* for IE7 & IE8: remove padding for rounded corners */ { padding: .1em .3em; } .calendar:hover { box-shadow: -1px 0px 2px #2881CC; } /*.calBtn a:link, .calBtn a:visited { border: .1em solid #009900; color: #009900; }*/ .videoBtn a:link, .videoBtn a:visited { border: .1em solid #336699; color: #036; } /* HTML5 button (legislator lookup-->removed after SPT change; in toolbox only) */ .btn { display: inline-block; *display: inline; padding: .2em .5em .2em; margin-bottom: 0; *margin-left: .3em; font-size: 1em; line-height: 3ex; *line-height: 3.5ex; color: #333333; text-align: center; text-shadow: 0 .1em .1em rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: .1em solid #cccccc; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; /* -webkit-border-radius: .4em; -moz-border-radius: .4em; border-radius: .4em;*/ filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 .1em 0 rgba(255, 255, 255, 0.2), 0 .1em .2em rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 .1em 0 rgba(255, 255, 255, 0.2), 0 .1em .2em rgba(0, 0, 0, 0.05); box-shadow: inset 0 .1em 0 rgba(255, 255, 255, 0.2), 0 .1em .2em rgba(0, 0, 0, 0.05); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: .2em auto -webkit-focus-ring-color; outline-offset: -.2em; } /*.btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }*/ .btn.selected { color: #fff; text-shadow: 0 .1em .1em rgba(255, 255, 255, 0.35); background: #2b89da; /* Old browsers */ background: -moz-linear-gradient(top, #6fb4ea 0%, #1f7bca 51%, #2b89da 51%, #3c669c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6fb4ea), color-stop(51%, #1f7bca), color-stop(51%, #2b89da), color-stop(100%, #3c669c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6fb4ea 0%, #1f7bca 51%, #2b89da 51%, #3c669c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6fb4ea 0%, #1f7bca 51%, #2b89da 51%, #3c669c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6fb4ea 0%, #1f7bca 51%, #2b89da 51%, #3c669c 100%); /* IE10+ */ background: linear-gradient(top, #6fb4ea 0%, #1f7bca 51%, #2b89da 51%, #3c669c 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fb4ea', endColorstr='#3c669c', GradientType=0 );*/ /* IE6-9 */ } .btn-group { position: relative; float: right; margin-top: 1em; } .lt-ie8 .btn-group { margin-left: .3em; float: none; /*IE7 makes map box full width when float so need this to override */ position: absolute; top: 0; right: .5em; } .btn-group span { float: left; margin: .3em; zoom: 1; } .btn-group:before, .btn-group:after { display: table; content: ""; } .btn-group:after { clear: both; } .lt-ie8 .btn-group:first-child { margin-left: 0; } .btn-group > :first-child.btn { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .btn-group > :last-child.btn { margin-left: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .btn-group > .btn { position: relative; float: left; margin: 0; margin-left: -1px; border-radius: 0; *border: .1em solid #999; } /* ----------------- table styles ---------------- */ table.tbl { margin: 1em 0; border-radius: .7em .7em 0 0; border: .1em solid #003366; border-collapse: separate; /*needed due to reset declaration*/ } table.tbl caption { text-align: center; padding: .3em; border-radius: .7em .7em 0 0; vertical-align: middle; background: #003366; color: #fff; border: .1em solid #003366; font-size: 120%; font-weight: bold; letter-spacing: .11em; } table.tbl caption img { vertical-align: middle; } table.tbl caption a { color: #fff; text-align: left; } table.tbl.caption { border-radius: 0 0 0 0; } table.tbl thead.caption th:first-of-type { /*remove rounded on any tables with a caption */ border-top-left-radius: 0; } table.tbl thead.caption th:last-of-type { /*remove rounded on any tables with a caption */ border-top-right-radius: 0; } table.tbl thead th:first-of-type { border-left: none; border-top-left-radius: .7em; } table.tbl thead th:last-of-type { border-top-right-radius: .7em; } table.tbl th { clear: both; text-align: center; padding: .3em; vertical-align: middle; white-space: nowrap; color: #003366; font-weight: bold; text-transform: uppercase; letter-spacing: .05em; background: #b0d8ff; /* Old browsers */ background: -moz-linear-gradient(top, #b0d8ff 0%, #84beff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0d8ff), color-stop(100%,#84beff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b0d8ff 0%,#84beff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b0d8ff 0%,#84beff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b0d8ff 0%,#84beff 100%); /* IE10+ */ background: linear-gradient(to bottom, #b0d8ff 0%,#84beff 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d8ff', endColorstr='#84beff',GradientType=0 );*/ /* IE6-9 */ } table.tbl th.wrap { white-space: normal; } table.tbl th a { padding-right: 1em; color: #003366; font-weight: bold; } table.tbl thead th { border-left: .1em solid #003366; border-bottom: .1em solid #003366; } table.tbl thead tr { border-radius: .7em .7em 0 0; } table.tbl tbody th { font-weight: normal; text-transform: none; background: inherit; color: inherit; text-align: left; } table.tbl tbody th, table.tbl tbody td { vertical-align: top; padding: .5em; } table.tbl .descript { display: block; font-size: 80%; line-height: 2ex; } /* ----------------- STANDARD/BASE TABLE STYLE: zebra stripping ---------------- */ table.tbl tbody tr:nth-of-type(even) /*zebra stripping*/ { background: #e0e0e0; } /* ----------------- SPECIAL: no stripping ---------------- */ table.tbl.nostripping tbody tr:nth-of-type(even) /*zebra stripping*/ { background: #fff; } table.tbl.nostripping tbody th, table.tbl.nostripping tbody td { border-bottom: 1px solid #c0c0c0; } /* ----------------- SPECIAL: invalid row color ---------------- */ table.tbl-invalid tbody tr:nth-of-type(even) { background: #fff; } table.tbl-invalid tbody tr.invalid /*invalid row background */ { background: #e0e0e0; } table.tbl-invalid tbody th, table.tbl-invalid tbody td { border-bottom: .1em solid #e0e0e0; } /* ----------------- SPECIAL: link column headers with icon (members lists) ---------------- */ table.tbl a.asc { background: url(../img/icons/tbl-arrows-down.png) no-repeat center right; } table.tbl a.dec { background: url(../img/icons/tbl-arrows-up.png) no-repeat center right; } /* ---------------------------- JQuery Sortable table styles ------------------------------ */ table.tbl-JQsort thead tr { background: #b0d8ff; /* Old browsers */ background: -moz-linear-gradient(top, #b0d8ff 0%, #84beff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0d8ff), color-stop(100%,#84beff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b0d8ff 0%,#84beff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b0d8ff 0%,#84beff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b0d8ff 0%,#84beff 100%); /* IE10+ */ background: linear-gradient(to bottom, #b0d8ff 0%,#84beff 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d8ff', endColorstr='#84beff',GradientType=0 );*/ /* IE6-9 */ } table.tbl-JQsort thead th { border-left: 1px solid #003366; border-bottom: 1px solid #003366; color: #003366; } table.tbl-JQsort tbody th { background: inherit; color: inherit; } table.tbl-JQsort tbody th, table.tbl-JQsort tbody td { border-bottom: 1px solid #ededed; } table.tbl-JQsort th.asc { background: #216BC0 url(../img/icons/tables/tbl-arrow-down-white.png) no-repeat 90% 50%; color: #fff; } table.tbl-JQsort th.des { background: #216BC0 url(../img/icons/tables/tbl-arrow-up-white.png) no-repeat 90% 50%; color: #fff; } table.tbl-JQsort .tablesortheader { background: #b0d8ff url(../img/icons/tables/tbl-arrows-up-down-white.png) no-repeat 90% 50%; cursor: pointer; } /* ------------------ IE table styles (targets IE 8 & lower)---------------------*/ .lt-ie9 table.tbl, .lt-ie9 table.tbl-JQsort /*, div.archives table#broadcast*/ { border-collapse: collapse; } .lt-ie9 table.tbl td, .lt-ie9 table.tbl tbody td, .lt-ie9 table.tbl tbody th /* sub for alt colors in IE b/c don't support CSS3 */ { /*background: #fff;*/ border-bottom: .1em solid #c0c0c0; color: #000; } /* ---------------------------- Clickable Rows ---------------------------- */ table.clickableRows.tbl tr:hover, table.clickableRows.tbl tr:hover { background-color: #d3e9ff; } .clickableRows tbody th:hover, .clickableRows tbody td:hover { cursor: pointer; } /* ---------------------------- pagination ---------------------------- */ div.ListPagination { font-weight: bold; text-align: right; } div.ListPagination span { padding: .3em .5em; margin: 0 .2em; } div.ListPagination span.pgPrevIco, div.ListPagination span.pgNextIco { margin: 0; padding: 0; } div.ListPagination a { background: #ededed; border: .1em solid #ccc; padding: .3em .5em; margin: 0 .2em; font-weight: normal; text-decoration: none; } div.ListPagination a:hover { background: #ccc; border: .1em solid #999; } div.ListPagination a.prev, div.ListPagination a.next { font-weight: bold; color: #003366; background-color: transparent; border-color: #fff; vertical-align: middle; margin-bottom: 1em; } div.ListPagination a.prev { padding-left: 1.5em; } div.ListPagination a.next { padding-right: 1.5em; } /*div.ListPagination .previous:hover { background-image: url(../img/icons/previous-hover.png); } div.ListPagination .next:hover { background-image: url(../img/icons/next-hover.png); }*/ div.ListPagination a:hover.prev, div.ListPagination a:hover.next { border-color: #003366; } /*div.ListPagination span.prev, div.ListPagination span.next { display: none; }*/ /* ---------------------------- Dividers - Horizontal Rules ---------------------------- */ .dotted-gray { border-bottom: .1em dotted #999; border-top: none; border-left: none; border-right: none; } .dashed-gray { border-bottom: .1em dashed #999; border-top: none; border-left: none; border-right: none; } .dotted-blue { border-bottom: .1em dotted #003366; border-top: none; border-left: none; border-right: none; } .dashed-blue { border-bottom: .1em dashed #003366; border-top: none; border-left: none; border-right: none; } /* --------------------------- BUTTONS --------------------------------*/ a:link.redBtnGrad, a:visited.redBtnGrad { color: #fff; text-decoration: none; } a:hover.redBtnGrad { background: #b20000; background: -moz-linear-gradient(top, #b20000 0%, #820400 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b20000), color-stop(100%,#820400)); background: -webkit-linear-gradient(top, #b20000 0%,#820400 100%); background: -o-linear-gradient(top, #b20000 0%,#820400 100%); background: -ms-linear-gradient(top, #b20000 0%,#820400 100%); background: linear-gradient(to bottom, #b20000 0%,#820400 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b20000', endColorstr='#820400',GradientType=0 ); } /* --------------------------- COLORS -------------------------------- */ .panelTabGrayGrad { background: #e2e2e2; /* Old browsers */ background: -moz-linear-gradient(top, #e2e2e2 1%, #a8a8a8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e2e2e2), color-stop(100%, #a8a8a8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e2e2e2 1%, #a8a8a8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e2e2e2 1%, #a8a8a8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e2e2e2 1%, #a8a8a8 100%); /* IE10+ */ background: linear-gradient(top, #e2e2e2 1%, #a8a8a8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#a8a8a8', GradientType=0 ); /* IE6-9 */ } .grayBtnGrad { background: #ededed; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */ } .grayBtnHoverGrad { background: #f6f8f9; /* Old browsers */ background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f8f9), color-stop(50%, #e5ebee), color-stop(51%, #d7dee3), color-stop(100%, #f5f7f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* IE10+ */ background: linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0 ); /* IE6-9 */ } .grayGrad { background: #e3e3e3; /* Old browsers */ background: -moz-linear-gradient(top, #e3e3e3 1%, #c0c0c0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #e3e3e3), color-stop(100%, #c0c0c0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e3e3e3 1%, #c0c0c0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e3e3e3 1%, #c0c0c0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e3e3e3 1%, #c0c0c0 100%); /* IE10+ */ background: linear-gradient(top, #e3e3e3 1%, #c0c0c0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#c0c0c0', GradientType=0 ); /* IE6-9 */ } .panelTabHoverBlueGrad { background: #1E548D; /* Old browsers */ background: -moz-linear-gradient(top, #1E548D 0%, #1561A8 50%, #115BA0 51%, #3B77AE 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1E548D), color-stop(50%, #1561A8), color-stop(51%, #115BA0), color-stop(100%, #3B77AE)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1E548D 0%, #1561A8 50%, #115BA0 51%, #3B77AE 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1E548D 0%, #1561A8 50%, #115BA0 51%, #3B77AE 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1E548D 0%, #1561A8 50%, #115BA0 51%, #3B77AE 100%); /* IE10+ */ background: linear-gradient(top, #1E548D 0%, #1561A8 50%, #115BA0 51%, #3B77AE 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E548D', endColorstr='#7db9e8', GradientType=0 ); /* IE6-9 */ } .mainGrad { background: #003366; /* Old browsers */ background: -moz-linear-gradient(top, #90bceb 1%, #003366 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #90bceb), color-stop(100%, #003366)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #90bceb 1%, #003366 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #90bceb 1%, #003366 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #90bceb 1%, #003366 100%); /* IE10+ */ background: linear-gradient(top, #90bceb 1%, #003366 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90bceb', endColorstr='#003366', GradientType=0 ); /* IE6-9 */ } .pageGrad { background: #c8c8c8; /* Old browsers */ background: -moz-linear-gradient(top, #c8c8c8 0%, #c8c9cc 1%, #cdd0d2 2%, #e5e6e7 10%, #f6f6f7 20%, #ffffff 29%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c8c8c8), color-stop(1%, #c8c9cc), color-stop(2%, #cdd0d2), color-stop(10%, #e5e6e7), color-stop(20%, #f6f6f7), color-stop(29%, #ffffff), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c8c8c8 0%, #c8c9cc 1%, #cdd0d2 2%, #e5e6e7 10%, #f6f6f7 20%, #ffffff 29%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c8c8c8 0%, #c8c9cc 1%, #cdd0d2 2%, #e5e6e7 10%, #f6f6f7 20%, #ffffff 29%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c8c8c8 0%, #c8c9cc 1%, #cdd0d2 2%, #e5e6e7 10%, #f6f6f7 20%, #ffffff 29%, #ffffff 100%); /* IE10+ */ background: linear-gradient(top, #c8c8c8 0%, #c8c9cc 1%, #cdd0d2 2%, #e5e6e7 10%, #f6f6f7 20%, #ffffff 29%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */ } .blueBtnGrad { background: #6fb4ea; /* Old browsers */ background: -moz-linear-gradient(top, #6fb4ea 0%, #1f7bca 51%, #2b89da 51%, #3c669c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6fb4ea), color-stop(51%, #1f7bca), color-stop(51%, #2b89da), color-stop(100%, #3c669c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6fb4ea 0%, #1f7bca 51%, #2b89da 51%, #3c669c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6fb4ea 0%, #1f7bca 51%, #2b89da 51%, #3c669c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6fb4ea 0%, #1f7bca 51%, #2b89da 51%, #3c669c 100%); /* IE10+ */ background: linear-gradient(top, #6fb4ea 0%, #1f7bca 51%, #2b89da 51%, #3c669c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fb4ea', endColorstr='#3c669c', GradientType=0 ); /* IE6-9 */ } .blueBtnHoverGrad { background: #3c669c; /* Old browsers */ background: -moz-linear-gradient(top, #3c669c 0%, #003366 50%, #03509c 100%, #0459ad 0%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c669c), color-stop(50%, #003366), color-stop(100%, #03509c), color-stop(0%, #0459ad)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3c669c 0%, #003366 50%, #03509c 100%, #0459ad 0%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3c669c 0%, #003366 50%, #03509c 100%, #0459ad 0%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3c669c 0%, #003366 50%, #03509c 100%, #0459ad 0%); /* IE10+ */ background: linear-gradient(top, #3c669c 0%, #003366 50%, #03509c 100%, #0459ad 0%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c669c', endColorstr='#0459ad', GradientType=0 ); /* IE6-9 */ } .ltblueGradientGrad { background: #b1d4f9; /* Old browsers */ background: -moz-linear-gradient(top, #b1d4f9 0%, #85b6f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b1d4f9), color-stop(100%, #85b6f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b1d4f9 0%, #85b6f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b1d4f9 0%, #85b6f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b1d4f9 0%, #85b6f4 100%); /* IE10+ */ background: linear-gradient(top, #b1d4f9 0%, #85b6f4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d4f9', endColorstr='#85b6f4', GradientType=0 ); /* IE6-9 */ } .lt2dkRedGrad { background: #d32121; /* Old browsers */ background: -moz-linear-gradient(top, #d32121 0%, #b4040a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d32121), color-stop(100%, #b4040a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d32121 0%, #b4040a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d32121 0%, #b4040a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d32121 0%, #b4040a 100%); /* IE10+ */ background: linear-gradient(top, #d32121 0%, #b4040a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32121', endColorstr='#b4040a', GradientType=0 ); /* IE6-9 */ } .dk2ltRedGrad { background: #b10000; /* Old browsers */ background: -moz-linear-gradient(top, #b10000 0%, #cc0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b10000), color-stop(100%, #cc0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b10000 0%, #cc0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b10000 0%, #cc0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b10000 0%, #cc0000 100%); /* IE10+ */ background: linear-gradient(top, #b10000 0%, #cc0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b10000', endColorstr='#cc0000', GradientType=0 ); /* IE6-9 */ } .redBtnGrad { background: #cc0000; /* Old browsers */ background: -moz-linear-gradient(top, #d32121 0%, #bf0b05 50%, #b10000 51%, #cc0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d32121), color-stop(50%, #bf0b05), color-stop(51%, #b10000), color-stop(100%, #cc0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d32121 0%, #bf0b05 50%, #b10000 51%, #cc0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d32121 0%, #bf0b05 50%, #b10000 51%, #cc0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d32121 0%, #bf0b05 50%, #b10000 51%, #cc0000 100%); /* IE10+ */ background: linear-gradient(top, #d32121 0%, #bf0b05 50%, #b10000 51%, #cc0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32121', endColorstr='#cc0000', GradientType=0 ); /* IE6-9 */ } .tabHoverBlueGrad { background: #2c70b4; /* Old browsers */ background: -moz-linear-gradient(top, #134b87 0%, #2c70b4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #134b87), color-stop(100%, #2c70b4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #134b87 0%, #2c70b4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #134b87 0%, #2c70b4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #134b87 0%, #2c70b4 100%); /* IE10+ */ background: linear-gradient(top, #134b87 0%, #2c70b4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134b87', endColorstr='#2c70b4', GradientType=0 ); /* IE6-9 */ } .subMenuGrad { background: #3c669c; /* Old browsers */ background: -moz-linear-gradient(top, #3c669c 0%, #2c88d9 50%, #7fbae9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c669c), color-stop(50%, #2c88d9), color-stop(100%, #7fbae9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3c669c 0%, #2c88d9 50%, #7fbae9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3c669c 0%, #2c88d9 50%, #7fbae9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3c669c 0%, #2c88d9 50%, #7fbae9 100%); /* IE10+ */ background: linear-gradient(top, #3c669c 0%, #2c88d9 50%, #7fbae9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c669c', endColorstr='#7fbae9', GradientType=0 ); /* IE6-9 */ } .subMenuHoverGrad { background: #3c669c; /* Old browsers */ background: -moz-linear-gradient(top, #3c669c 0%, #2c88d9 50%, #1f7bca 51%, #7fbae9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c669c), color-stop(50%, #2c88d9), color-stop(51%, #1f7bca), color-stop(100%, #7fbae9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3c669c 0%, #2c88d9 50%, #1f7bca 51%, #7fbae9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3c669c 0%, #2c88d9 50%, #1f7bca 51%, #7fbae9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3c669c 0%, #2c88d9 50%, #1f7bca 51%, #7fbae9 100%); /* IE10+ */ background: linear-gradient(top, #3c669c 0%, #2c88d9 50%, #1f7bca 51%, #7fbae9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c669c', endColorstr='#7fbae9', GradientType=0 ); /* IE6-9 */ } .subSiteGrad { background: #194775; /* Old browsers */ background: -moz-linear-gradient(top, #194775 0%, #4685d6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #194775), color-stop(100%, #4685d6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #194775 0%, #4685d6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #194775 0%, #4685d6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #194775 0%, #4685d6 100%); /* IE10+ */ background: linear-gradient(top, #194775 0%, #4685d6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194775', endColorstr='#4685d6', GradientType=0 ); /* IE6-9 */ } .subSiteMenuHoverGrad { background: #003468; /* Old browsers */ background: -moz-linear-gradient(top, #003468 0%, #3278d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003468), color-stop(100%, #3278d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #003468 0%, #3278d2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #003468 0%, #3278d2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #003468 0%, #3278d2 100%); /* IE10+ */ background: linear-gradient(top, #003468 0%, #3278d2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003468', endColorstr='#3278d2', GradientType=0 ); /* IE6-9 */ } .dk2ltBlueGrad { background: #003366; /* Old browsers */ background: -moz-linear-gradient(top, #003366 0%, #00488f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003366), color-stop(100%, #00488f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #003366 0%, #00488f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #003366 0%, #00488f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #003366 0%, #00488f 100%); /* IE10+ */ background: linear-gradient(top, #003366 0%, #00488f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#00488f', GradientType=0 ); /* IE6-9 */ } .lt2dkBlueGrad { background: #00488f; /* Old browsers */ background: -moz-linear-gradient(top, #00488f 0%, #003366 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00488f), color-stop(100%, #003366)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00488f 0%, #003366 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00488f 0%, #003366 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00488f 0%, #003366 100%); /* IE10+ */ background: linear-gradient(top, #00488f 0%, #003366 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00488f', endColorstr='#003366', GradientType=0 ); /* IE6-9 */ } /* -------------------------------------- Colorbox/PhotoViewer Styles ---------------------------------------------*/ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } /* sm 11.22.11 added: */ .cboxPhoto { margin-bottom: 1em; border: .1em solid black; } /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: #666666 url("../img/bg/ui-bg_flat_0_666-diagonal_40x100.png") repeat scroll 50% 50%; } #colorbox { } #cboxTopLeft { width: 21px; height: 21px; background: url(../img/controls-colorbox.png) no-repeat -101px 0; } #cboxTopRight { width: 21px; height: 21px; background: url(../img/controls-colorbox.png) no-repeat -130px 0; } #cboxBottomLeft { width: 21px; height: 21px; background: url(../img/controls-colorbox.png) no-repeat -101px -29px; } #cboxBottomRight { width: 21px; height: 21px; background: url(../img/controls-colorbox.png) no-repeat -130px -29px; } #cboxMiddleLeft { width: 21px; background: url(../img/controls-colorbox.png) left top repeat-y; } #cboxMiddleRight { width: 21px; background: url(../img/controls-colorbox.png) right top repeat-y; } #cboxTopCenter { height: 21px; background: url(../img/border-colorbox.png) 0 0 repeat-x; } #cboxBottomCenter { height: 21px; background: url(../img/border-colorbox.png) 0 -29px repeat-x; } #cboxContent { background: #fff; overflow: hidden; } #cboxContent button { border: none; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { margin-bottom: 64px; } #cboxTitle { position: absolute; bottom: 40px; text-align: center; width: 100%; color: #000; } #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; } #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; } #cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(../img/controls-colorbox.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxPrevious:hover { background-position: -75px -25px; } #cboxNext { position: absolute; bottom: 0; left: 27px; background: url(../img/controls-colorbox.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxNext:hover { background-position: -50px -25px; } #cboxLoadingGraphic { background: url(../img/loading.gif) no-repeat center center; } #cboxClose { position: absolute; bottom: 0; right: 0; background: url(../img/controls-colorbox.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxClose:hover { background-position: -25px -25px; } /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* -------------------- Forms Default Styles Bootstrap --------------------- */ span.required { color: red !important; font-size: 1.1em !important; font-weight: bold; padding: 0 .2em; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } .default fieldset, .form-inline fieldset, .form-horizontal fieldset { border: 0; margin: 0; padding: 0; } .default legend, .form-inline legend, .form-horizontal legend { border: 0; border-style: none none solid; border-width: 0 0 .1em; color: #333333; display: block; font-size: 145%; line-height: 3ex; margin-bottom: 1em; padding: 0; width: 100%; } .default label, .default input, .default button, .default select, .default textarea, .form-inline label, .form-inline input, .form-inline button, .form-inline select, .form-inline textarea, .form-horizontal label, .form-horizontal input, .form-horizontal button, .form-horizontal select, .form-horizontal textarea { /* font-size: 14px;*/ font-size: 110%; font-weight: normal; /*line-height: 20px;*/ line-height: 2.5ex; } input[type="radio"], input[type="checkbox"] { margin: 0 .2em; } .default label, .default select, .default button, .default input[type="button"], .default input[type="reset"], .default input[type="submit"], .default input[type="radio"], .default input[type="checkbox"], .form-inline label, .form-inline select, .form-inline button, .form-inline input[type="button"], .form-inline input[type="reset"], .form-inline input[type="submit"], .form-inline input[type="radio"], .form-inline input[type="checkbox"], .form-horizontal label, .form-horizontal select, .form-horizontal button, .form-horizontal input[type="button"], .form-horizontal input[type="reset"], .form-horizontal input[type="submit"], .form-horizontal input[type="radio"], .form-horizontal input[type="checkbox"], label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } .default label, .form-horizontal label { display: block; margin-bottom: .5em; } .default textarea, .default input[type="text"], .default input[type="password"], .default input[type="datetime"], .default input[type="datetime-local"], .default input[type="date"], .default input[type="month"], .default input[type="time"], .default input[type="week"], .default input[type="number"], .default input[type="email"], .default input[type="url"], .default input[type="search"], .default input[type="tel"], .default input[type="color"], .default .uneditable-input, .form-inline textarea, .form-inline input[type="text"], .form-inline input[type="password"], .form-inline input[type="datetime"], .form-inline input[type="datetime-local"], .form-inline input[type="date"], .form-inline input[type="month"], .form-inline input[type="time"], .form-inline input[type="week"], .form-inline input[type="number"], .form-inline input[type="email"], .form-inline input[type="url"], .form-inline input[type="search"], .form-inline input[type="tel"], .form-inline input[type="color"], .form-inline .uneditable-input, .form-horizontal textarea, .form-horizontal input[type="text"], .form-horizontal input[type="password"], .form-horizontal input[type="datetime"], .form-horizontal input[type="datetime-local"], .form-horizontal input[type="date"], .form-horizontal input[type="month"], .form-horizontal input[type="time"], .form-horizontal input[type="week"], .form-horizontal input[type="number"], .form-horizontal input[type="email"], .form-horizontal input[type="url"], .form-horizontal input[type="search"], .form-horizontal input[type="tel"], .form-horizontal input[type="color"], .form-horizontal .uneditable-input { background-color: #FFFFFF; border: .1em solid #CCCCCC; /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;*/ } .default select, .default textarea, .default input[type="text"], .default input[type="password"], .default input[type="datetime"], .default input[type="datetime-local"], .default input[type="date"], .default input[type="month"], .default input[type="time"], .default input[type="week"], .default input[type="number"], .default input[type="email"], .default input[type="url"], .default input[type="search"], .default input[type="tel"], .default input[type="color"], .default .uneditable-input, .form-inline select, .form-inline textarea, .form-inline input[type="text"], .form-inline input[type="password"], .form-inline input[type="datetime"], .form-inline input[type="datetime-local"], .form-inline input[type="date"], .form-inline input[type="month"], .form-inline input[type="time"], .form-inline input[type="week"], .form-inline input[type="number"], .form-inline input[type="email"], .form-inline input[type="url"], .form-inline input[type="search"], .form-inline input[type="tel"], .form-inline input[type="color"], .form-inline .uneditable-input, .form-horizontal select, .form-horizontal textarea, .form-horizontal input[type="text"], .form-horizontal input[type="password"], .form-horizontal input[type="datetime"], .form-horizontal input[type="datetime-local"], .form-horizontal input[type="date"], .form-horizontal input[type="month"], .form-horizontal input[type="time"], .form-horizontal input[type="week"], .form-horizontal input[type="number"], .form-horizontal input[type="email"], .form-horizontal input[type="url"], .form-horizontal input[type="search"], .form-horizontal input[type="tel"], .form-horizontal input[type="color"], .form-horizontal .uneditable-input { border-radius: .3em; color: #555555; display: inline-block; font-size: 110%; /* height: 20px; textarea issues*/ line-height: 2.5ex; margin-bottom: .5em; padding: .3em .5em; vertical-align: middle; } .sessionFilter .form-inline .button /*override global mar-bottom (from line 860 in Bootstrap styles) for Session selection Calendar, Journal & Reports */ { margin-bottom: 0; margin-top: 0; } .help-block, .help-block-text, .help-inline { color: #595959; } .help-inline { display: inline-block; padding-left: .5em; /* vertical-align: middle;*/ } .help-block-text { display: block; } .help-block { /* display: block; margin-bottom: .5em;*/ /* float: left;*/ display: inline-block; } .help-block span { display: inline-block; } p.help-block, .help-block ul { margin: 0; } .help-block ul { list-style: none; } .form-inline .button { margin-bottom: 1em; } /*override .form-inline margin-bottom:0; about line 290 */ .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input /*, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append*/ { display: inline-block; margin-bottom: 0; /* vertical-align: middle;*/ } .form-horizontal .control-label { float: left; padding-top: .2em; text-align: right; width: 10em; /*180px*/ /*correspondes to width established in ".form-horizontal .controls"*/ } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { content: ""; display: table; line-height: 0; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { content: ""; display: table; line-height: 0; } .form-horizontal .control-group /*space between lines*/ { margin-bottom: .5em; } .form-horizontal .controls { margin-left: 12em; /*200px*/ /*correspondes to width established in ".form-horizontal .control-label"*/ } .form-horizontal input[type="submit"] { display: block; } .form-horizontal div.frmBtns input[type="submit"], .form-horizontal div.frmBtns input[type="reset"] { /* margin-right: 4em;*/ margin: 0; display: inline; } .radio, .checkbox { min-height: 1.3em; /*20px*/ padding-left: 1.3em; /*20px*/ } .default textarea, .form-inline textarea, .form-horizontal textarea { height: auto; } /*.default input, .form-inline input, .form-horizontal input,*/ .default textarea, .form-inline textarea, .form-horizontal textarea, .default .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input { width: 40%; /*270px*/ } .default select, .form-inline select, .form-horizontal select { background-color: #FFFFFF; border: .1em solid #CCCCCC; /* width: 220px;*/ } .default select, .form-inline select, .form-horizontal select /*, input[type="file"]*/ { height: 2em; /*30px*/ line-height: 2.5ex; /*30px*/ } .default select[multiple], .default select[size], .form-inline select[multiple], .form-inline select[size], .form-horizontal select[multiple], .form-horizontal select[size] { height: auto; } /*EM sizing*/ .input-mini-em { width: 4em !important; /*60px*/ } .input-small-em { width: 7em !important; /*90px*/ } .input-medium-em { width: 10em !important; /*150px*/ } .input-large-em { width: 15em !important; /*210px*/ } .input-xlarge-em { width: 20em !important; /*270px*/ } .input-xxlarge-em { width: 30em !important; /*530px*/ } /*percentage sizing*/ .input-block-level { display: block; width: 98% !important; /*100%*/ } .input-mini { width: 10% !important; } .input-small { width: 30% !important; } .input-medium { width: 45% !important; } .input-large { width: 60% !important; } .input-xlarge { width: 75% !important; } .input-xxlarge { width: 85% !important; } .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline { color: #cc0000; } .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #cc0000; color: #cc0000; } .warning { background-color: red; border: 0.1em solid red; color: white; padding: 0.2em; } .warning .help-block span { color: #fff; } .frmDisplayResults { background-color: #FFC; border-radius: 1em 1em 1em 1em; font-size: 110%; font-weight: bold; margin: 0 0.5em; padding: 0.1em 1em; } /*Jquery UI theme override*/ .ui-widget-header { border: 1px solid #AAA /*{borderColorHeader}*/; background: #FFFFCC /*{bgColorHeader}*/ url(../img/bg/ui-bg_highlight-soft_75_yellow_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/ !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #FCEFA1 /*{borderColorHighlight}*/; background: /*#FBF9EE {bgColorHighlight}*/ url(../img/bg/ui-bg_glass_55_fbf9ee_1x400.png) /*{bgImgUrlHighlight}*/ 50% /*{bgHighlightXPos}*/ 50% /*{bgHighlightYPos}*/ repeat-x /*{bgHighlightRepeat}*/; color: #363636 /*{fcHighlight}*/ !important; } .ui-widget-overlay { background: #666 /*{bgColorOverlay}*/ url(../img/bg/ui-bg_flat_0_666-diagonal_40x100.png) /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ /*repeat-x{bgOverlayRepeat}*/ !important; } /*ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none !important; border: none !important; }*/ /*.ui-widget-content .ui-icon { background-image: url(..img/icons/ui-icons_222222_256x240.png)/ *{iconsContent}* / !important; }*/ /*Card Stack Styles*/ .card { background-color: #ededed; padding: .5em; border-radius: 1em; border: .1em solid #ccc; float: left; margin: .5em; } .card h3, .card h4, .card h5 { margin-left: 0; } .card li { padding-top: .3em; } .card ul ul.inline { padding-left: 0; } /*specific to meeting records card stack, moved to local CSS when implemented:*/ .card { width: 190px; height: 250px; /*overflow-y:scroll;*/ } .card li.media { margin-top: .3em; } .card ul ul.inline li a { background-color: #fff; border: 0.1em solid #CCCCCC; /*margin: 0 0.2em;*/ padding: 0.1em 0.5em; text-decoration: none; } .card ul ul.inline li a:hover { background-color: #003366; color: #fff; } .card h3 { font-size: 80%; text-align: center; margin: 0; } .card h4 { text-align: center; margin-top: 0; } .card h4 .time { font-size: 80%; display: block; } .card h5 { margin: 0; } /*Table that Looks Like a List*/ .tableList { width: 100%; } .tableList .tl-title { border: .1em solid #036; width: 100%; background: #036; color: #fff; text-align: center; border-radius: 0.7em 0.7em 0 0; font-weight: bold; font-size: 120%; } .tableList .tl-container { border: .1em solid #036; width: 100%; float: left; } .tableList dl { margin: 0; width: 100%; display: table-row; } .tableList dl:nth-of-type(even) { background: #e0e0e0; } .lt-ie9 .tableList dl { border-bottom: .1em solid #c0c0c0; } .tableList dl:hover { background: #d3e9ff; } .tableList dt, .tableList dd { padding: .3em; display: table-cell; float: none; } .tableList dt { width: 12em; padding-right: 1em; } /*.tableList dd:after*/ .tableList dd + dd:before { content: ' | '; }