/*This is custom code*/ /* ######################################################################################################################################################################################################################## */ /* ############################################################################################################################# bootstrap-override.css code ############################################################## */ /* ######################################################################################################################################################################################################################## */ @import url('../../assets/bootstrap/dist/css/bootstrap.min.css'); @import url(http://fonts.googleapis.com/css?family=Open+Sans); /*removed import from core.css instead am now linking directly to this css from the bottom of the build. This was done to fix the firefox bug. @import url('glyphpack1.css'); */ @font-face { font-family: 'Glyphicons Halflings'; src: url('../Bootstrap/dist/fonts/glyphicons-halflings-regular.eot'); src: url('../Bootstrap/dist/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../Bootstrap/dist/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../Bootstrap/dist/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../Bootstrap/dist/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); } @font-face { font-family: 'PAHouse-Segoe'; src: url('../fonts/PAHouse-Segoe/PAHouse-segoeui.eot'); src: url('../fonts/PAHouse-Segoe/PAHouse-segoeui.eot@iefix') format('embedded-opentype'), url('../fonts/PAHouse-Segoe/PAHouse-segoeui.woff') format('woff'), url('../fonts/PAHouse-Segoe/PAHouse-segoeui.ttf') format('truetype'), url('../fonts/PAHouse-Segoe/PAHouse-segoeui.svg') format('svg'); font-weight: normal; font-style: normal; } .glyphicon-chevron-right:before { content: "\e080"; } /* edited to fix missing glyph JMK - http://stackoverflow.com/questions/19417040/some-of-bootstrap3-glyphicons-are-not-displayed-correctly-on-phonegap-android-we */ .glyphicon-bookmark:before{content: "\d83d\dd16";} /**/ html {height:100%; overflow-y:initial !important;} body {background-color:#ddd; font-family:Segoe UI, PAHouse-Segoe, Arial; /*min-height:inherit !important;*/} a,a:hover,a:focus { outline: none !important; outline-style:none !important; outline-width:0px !important;} /* CSS to fix footer*/ body{position:absolute !important; width:100%;} body.modal-open {/*min-height:inherit !important;*/} #footer {position:absolute; bottom:0; width:100%; z-index:888;} @media (min-width:480px) { .contentDIV{margin-bottom: 170px;} .contentDIV + .container.well { margin-top: -150px; margin-bottom: 170px; } } @media (min-width:992px) { .contentDIV{margin-bottom: 145px;} .contentDIV + .container.well { margin-top: -125px; margin-bottom: 145px; } } @media (max-width:479px) { .contentDIV{margin-bottom: 205px;} .contentDIV + .container.well { margin-top: -185px; margin-bottom: 205px; } } /* CSS to fix footer*/ .navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus {color: #ffffff;background-color:#ff0000;} .navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus {color: #ffffff;background-color:#ff0000;} .navbar-inverse {background:#5a6f5c;border-color: #080808;} @media (min-width: 768px) { .navbar-nav > li > a {padding-top: 15px;padding-bottom: 20px;} } /* ######################################################################################################################################################################################################################## */ /* ################################################################################################################### bootstrap-override-WITH-new-viewPort-Size.css code ################################################# */ /* ######################################################################################################################################################################################################################## */ /* #################### Adjust MS Visible and Hidden classes with multiple classes ####################### */ @media (max-width:767px) /*and (min-width:480px)*/ { @media (min-width:480px) { .visible-lg.visible-xs {display: none !important;} tr.visible-lg.visible-xs {display: none !important;} th.visible-lg.visible-xs,td.visible-lg.visible-xs {display: none !important;} .hidden-lg.hidden-xs {display: block !important;} tr.hidden-lg.hidden-xs {display: table-row !important;} th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs {display: table-cell !important;} } } /* ======================================================== */ /* ======================================================== */ /* Medium Small Viewport setup */ /* ======================================================== */ /* ======================================================== */ .col-ms-1,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9,.col-ms-10,.col-ms-11,.col-ms-12 { position: relative; min-height: 1px;/* padding-left: ($grid-gutter-width / 2); padding-right: ($grid-gutter-width / 2); */ padding-left: 15px; padding-right: 15px; } @media (min-width: 480px) and (max-width: 767px) { .col-ms-1,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9,.col-ms-10,.col-ms-11 {float: left;} .col-ms-1 {width: 8.333333333333332%;} .col-ms-2 {width: 16.666666666666664%;} .col-ms-3 {width: 25%;} .col-ms-4 {width: 33.33333333333333%;} .col-ms-5 {width: 41.66666666666667%;} .col-ms-6 {width: 50%;} .col-ms-7 {width: 58.333333333333336%;} .col-ms-8 {width: 66.66666666666666%;} .col-ms-9 {width: 75%;} .col-ms-10 {width: 83.33333333333334%;} .col-ms-11 {width: 91.66666666666666%;} .col-ms-12 {width: 100%;} .col-ms-push-1 {left: 8.333333333333332%;} .col-ms-push-2 {left: 16.666666666666664%;} .col-ms-push-3 {left: 25%;} .col-ms-push-4 {left: 33.33333333333333%;} .col-ms-push-5 {left: 41.66666666666667%;} .col-ms-push-6 {left: 50%;} .col-ms-push-7 {left: 58.333333333333336%;} .col-ms-push-8 {left: 66.66666666666666%;} .col-ms-push-9 {left: 75%;} .col-ms-push-10 {left: 83.33333333333334%;} .col-ms-push-11 {left: 91.66666666666666%;} .col-ms-push-12 {left: 100%;} .col-ms-pull-1 {right: 8.333333333333332%;} .col-ms-pull-2 {right: 16.666666666666664%;} .col-ms-pull-3 {right: 25%;} .col-ms-pull-4 {right: 33.33333333333333%;} .col-ms-pull-5 {right: 41.66666666666667%;} .col-ms-pull-6 {right: 50%;} .col-ms-pull-7 {right: 58.333333333333336%;} .col-ms-pull-8 {right: 66.66666666666666%;} .col-ms-pull-9 {right: 75%;} .col-ms-pull-10 {right: 83.33333333333334%;} .col-ms-pull-11 {right: 91.66666666666666%;} .col-ms-pull-12 {right: 100%;} .col-ms-offset-1 {margin-right: 8.333333333333332%;} .col-ms-offset-2 {margin-right: 16.666666666666664%;} .col-ms-offset-3 {margin-right: 25%;} .col-ms-offset-4 {margin-right: 33.33333333333333%;} .col-ms-offset-5 {margin-right: 41.66666666666667%;} .col-ms-offset-6 {margin-right: 50%;} .col-ms-offset-7 {margin-right: 58.333333333333336%;} .col-ms-offset-8 {margin-right: 66.66666666666666%;} .col-ms-offset-9 {margin-right: 75%;} .col-ms-offset-10 {margin-right: 83.33333333333334%;} .col-ms-offset-11 {margin-right: 91.66666666666666%;} .col-ms-offset-12 {margin-right: 100%;} } /* ======================================================== */ /* ======================================================== */ /* Medium Small .hidden class setup */ /* ======================================================== */ /* ======================================================== */ /*.hidden-ms {display: block !important;} tr.hidden-ms {display: table-row !important;} th.hidden-ms,td.hidden-ms {display: table-cell !important;}*/ @media (max-width: 240px) { .hidden-ms.hidden-exs {display: none !important;} tr.hidden-ms.hidden-exs {display: none !important;} th.hidden-ms.hidden-exs,td.hidden-ms.hidden-exs {display: none !important;} } @media (min-width: 241px) and (max-width: 479px) { .hidden-ms.hidden-xs {display: none !important;} tr.hidden-ms.hidden-xs {display: none !important;} th.hidden-ms.hidden-xs,td.hidden-ms.hidden-xs {display: none !important;} } @media (min-width: 480px) and (max-width: 767px) { .hidden-ms {display: none !important;} tr.hidden-ms {display: none !important;} th.hidden-ms,td.hidden-ms {display: none !important;} } @media (min-width: 768px) and (max-width: 991px) { .hidden-ms.hidden-sm {display: none !important;} tr.hidden-ms.hidden-sm {display: none !important;} th.hidden-ms.hidden-sm,td.hidden-ms.hidden-sm {display: none !important;} } @media (min-width: 992px) and (max-width: 1199px) { .hidden-ms.hidden-md {display: none !important;} tr.hidden-ms.hidden-md {display: none !important;} th.hidden-ms.hidden-md,td.hidden-ms.hidden-md {display: none !important;} } @media (min-width: 1200px) { .hidden-ms.hidden-lg {display: none !important;} tr.hidden-ms.hidden-lg {display: none !important;} th.hidden-ms.hidden-lg,td.hidden-ms.hidden-lg {display: none !important;} } /* ======================================================== */ /* ======================================================== */ /* Medium Small .visible class setup */ /* ======================================================== */ /* ======================================================== */ .visible-ms {display: none !important;} tr.visible-ms {display: none !important;} th.visible-ms,td.visible-ms {display: none !important;} @media (max-width: 240px) { .visible-ms.visible-exs {display: block !important;} tr.visible-ms.visible-exs {display: table-row !important;} th.visible-ms.visible-exs,td.visible-ms.visible-exs {display: table-cell !important;} } @media (min-width: 241px) and (max-width: 479px) { .visible-ms.visible-xs {display: block !important;} tr.visible-ms.visible-xs {display: table-row !important;} th.visible-ms.visible-xs,td.visible-ms.visible-xs {display: table-cell !important;} } @media (min-width: 480px) and (max-width: 767px) { .visible-ms {display: block !important;} tr.visible-ms {display: table-row !important;} th.visible-ms,td.visible-ms {display: table-cell !important;} } @media (min-width: 768px) and (max-width: 991px) { .visible-ms.visible-sm {display: block !important;} tr.visible-ms.visible-sm {display: table-row !important;} th.visible-ms.visible-sm,td.visible-ms.visible-sm {display: table-cell !important;} } @media (min-width: 992px) and (max-width: 1199px) { .visible-ms.visible-md {display: block !important;} tr.visible-ms.visible-md {display: table-row !important;} th.visible-ms.visible-md,td.visible-ms.visible-md {display: table-cell !important;} } @media (min-width: 1200px) { .visible-ms.visible-lg {display: block !important;} tr.visible-ms.visible-lg {display: table-row !important;} th.visible-ms.visible-lg,td.visible-ms.visible-lg {display: table-cell !important;} } /* ======================================================== */ /* ======================================================== */ /* Extra Small .hidden class setup */ /* ======================================================== */ /* ======================================================== */ @media (max-width: 240px) { .hidden-xs {display: none !important;} tr.hidden-xs {display: none !important;} th.hidden-xs,td.hidden-xs {display: none !important;} } @media (min-width: 480px) and (max-width: 767px) { .hidden-xs {display: block !important;} tr.hidden-xs {display: table-row !important;} th.hidden-xs,td.hidden-xs {display: table-cell !important;} } @media (min-width: 480px) and (max-width: 767px) { .hidden-xs.hidden-ms {display: none !important;} tr.hidden-xs.hidden-ms {display: none !important;} th.hidden-xs.hidden-ms,td.hidden-xs.hidden-ms {display: none !important;} } @media (min-width: 768px) and (max-width: 991px) { .hidden-xs.hidden-sm {display: none !important;} tr.hidden-xs.hidden-sm {display: none !important;} th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm {display: none !important;} } @media (min-width: 992px) and (max-width: 1199px) { .hidden-xs.hidden-md {display: none !important;} tr.hidden-xs.hidden-md {display: none !important;} th.hidden-xs.hidden-md,td.hidden-xs.hidden-md {display: none !important;} } @media (min-width: 1200px) { .hidden-xs.hidden-lg {display: none !important;} tr.hidden-xs.hidden-lg {display: none !important;} th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg {display: none !important;} } /* ======================================================== */ /* ======================================================== */ /* Extra Small .visible class setup */ /* ======================================================== */ /* ======================================================== */ @media (max-width: 240px) { .visible-xs {display: block !important;} tr.visible-xs {display: table-row !important;} th.visible-xs,td.visible-xs {display: table-cell !important;} } @media (min-width: 480px) and (max-width: 767px) { .visible-xs {display: none !important;} tr.visible-xs {display: none !important;} th.visible-xs,td.visible-xs {display: none !important;} } @media (min-width: 480px) and (max-width: 767px) { .visible-xs.visible-ms {display: block !important;} tr.visible-xs.visible-ms {display: table-row !important;} th.visible-xs.visible-ms,td.visible-xs.visible-ms {display: table-cell !important;} } @media (min-width: 768px) and (max-width: 991px) { .visible-xs.visible-sm {display: block !important;} tr.visible-xs.visible-sm {display: table-row !important;} th.visible-xs.visible-sm,td.visible-xs.visible-sm {display: table-cell !important;} } @media (min-width: 992px) and (max-width: 1199px) { .visible-xs.visible-md {display: block !important;} tr.visible-xs.visible-md {display: table-row !important;} th.visible-xs.visible-md,td.visible-xs.visible-md {display: table-cell !important;} } @media (min-width: 1200px) { .visible-xs.visible-lg {display: block !important;} tr.visible-xs.visible-lg {display: table-row !important;} th.visible-xs.visible-lg,td.visible-xs.visible-lg {display: table-cell !important;} } /* ######################################################################################################################################################################################################################## */ /* ########################################################################################################################## bootstrap-modal-bs3patch.css code ########################################################### */ /* ######################################################################################################################################################################################################################## */ /*! * Bootstrap Modal * * Copyright Jordan Schroter * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Boostrap 3 patch for for bootstrap-modal. Include BEFORE bootstrap-modal.css! */ .modal { left: 50%; bottom: auto; right: auto; padding: 0; width: 500px; margin-left: -250px; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .modal.container { max-width: none; } /* ######################################################################################################################################################################################################################## */ /* ############################################################################################################################### bootstrap-modal.css code ############################################################### */ /* ######################################################################################################################################################################################################################## */ /*! * Bootstrap Modal * * Copyright Jordan Schroter * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .modal-open { overflow: hidden; } /* add a scroll bar to stop page from jerking around */ .modal-open.page-overflow .page-container, .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .modal-scrollable {overflow-y: scroll;} @media (max-width: 979px) { .modal-open.page-overflow .page-container .navbar-fixed-top,.modal-open.page-overflow .page-container .navbar-fixed-bottom {overflow-y: visible;} } .modal-scrollable { position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; } .modal { outline: none; position: absolute; margin-top: 0; top: 50%; overflow: visible; /* allow content to popup out (i.e tooltips) */ } .modal.fade { top: -100%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; } .modal.fade.in {top: 50%;} .modal-body {max-height: none;overflow: visible;} .modal.modal-absolute {position: absolute;z-index: 950;} .modal .loading-mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; border-radius: 6px; } .modal-backdrop.modal-absolute{position: absolute;z-index: 940;} .modal-backdrop, .modal-backdrop.fade.in{opacity: 0.7;filter: alpha(opacity=70);background: #fff;} .modal.container {width: 940px;margin-left: -470px;} /* Modal Overflow */ .modal-overflow.modal {top: 1%;} .modal-overflow.modal.fade {top: -100%;} .modal-overflow.modal.fade.in {top: 1%;} .modal-overflow .modal-body {overflow: auto;-webkit-overflow-scrolling: touch;} /* Responsive */ @media (min-width: 1200px) { .modal.container {width: 1170px;margin-left: -585px;} } /* my css code start for the modals */ @media (min-width: 767px) and (max-width: 961px) { .modal.container{width:700px !important;margin-left: -350px;} } /* my css code stop for the modals */ @media (max-width: 767px) { .modal, .modal.container, .modal.modal-overflow { top: 1%; right: 1%; left: 1%; bottom: auto; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .modal.fade.in, .modal.container.fade.in,.modal.modal-overflow.fade.in {top: 1%;bottom: auto;} .modal-body, .modal-overflow .modal-body { position: static; margin: 0; height: auto !important; max-height: none !important; overflow: visible !important; } .modal-footer,.modal-overflow .modal-footer {position: static;} } .loading-spinner { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; } .modal-header { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.42); font-weight:bolder; } /* Animate.css - http://daneden.me/animate Licensed under the ☺ license (http://licence.visualidiot.com/) Copyright (c) 2012 Dan Eden*/ .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } /* ######################################################################################################################################################################################################################## */ /* ###################################################################################################################################### CORE.CSS CODE ################################################################### */ /* ######################################################################################################################################################################################################################## */ /*START*/ span.icon-ConstServices { background: rgba(255,255,255,.8); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 14.285em; /*200px parent ele 14px*/ color: #A09DB2; } /*START*/ /*CSS STYLES FOR GOOGLE SEARCH PAGE*/ /* */ /*#####################################################################################*/ div#at15s{ position:fixed !important;} div.gsc-selected-option-container.gsc-inline-block { width: 85px !important;padding: 0 10px !important;} td.gsc-clear-button{ display:none !important;} td.gsc-input{padding:0px !important;} input#gsc-i-id1{ -webkit-appearance: none !important; -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset !important; -webkit-rtl-ordering: logical !important; -webkit-transition-delay: 0s, 0s !important; -webkit-transition-duration: 0.15s, 0.15s !important; -webkit-transition-property: border-color, box-shadow !important; -webkit-transition-timing-function: ease-in-out, ease-in-out !important; -webkit-user-select: text !important; -webkit-writing-mode: horizontal-tb !important; background-color: rgb(255, 255, 255) !important; background-image: none !important; border-bottom-color: rgb(204, 204, 204) !important; border-bottom-left-radius: 4px !important; border-bottom-right-radius: 0px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-collapse: separate !important; border-image-outset: 0px !important; border-image-repeat: stretch !important; border-image-slice: 100% !important; border-image-source: none !important; border-image-width: 1 !important; border-left-color: rgb(204, 204, 204) !important; border-left-style: solid !important; border-left-width: 1px !important; border-right-color: rgb(204, 204, 204) !important; border-right-style: solid !important; border-right-width: 1px !important; border-top-color: rgb(204, 204, 204) !important; border-top-left-radius: 4px !important; border-top-right-radius: 0px !important; border-top-style: solid !important; border-top-width: 1px !important; box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset !important; box-sizing: border-box !important; color: rgb(85, 85, 85) !important; cursor: auto !important; display: inline-block !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 1em !important; height: 2.429em !important; letter-spacing: normal !important; line-height: 1.429em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; padding-bottom: 6px !important; padding-left: 12px !important; padding-right: 12px !important; padding-top: 6px !important; text-align: start !important; text-indent: 0px !important; text-shadow: none !important; text-transform: none !important; transition-delay: 0s, 0s !important; transition-duration: 0.15s, 0.15s !important; transition-property: border-color, box-shadow !important; transition-timing-function: ease-in-out, ease-in-out !important; vertical-align: middle !important; word-spacing: 0px !important; writing-mode: lr-tb !important; width:100% !important; } input.gsc-search-button{ -webkit-appearance: none !important; -webkit-user-select: none !important; -webkit-writing-mode: horizontal-tb !important; align-items: flex-start !important; background-color: rgb(255, 255, 255) !important; background-image: none !important; border-bottom-color: rgb(204, 204, 204) !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 4px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-collapse: separate !important; border-image-outset: 0px !important; border-image-repeat: stretch !important; border-image-slice: 100% !important; border-image-source: none !important; border-image-width: 1 !important; border-left-color: rgb(204, 204, 204) !important; border-left-style: solid !important; border-left-width: 1px !important; border-right-color: rgb(204, 204, 204) !important; border-right-style: solid !important; border-right-width: 1px !important; border-top-color: rgb(204, 204, 204) !important; border-top-left-radius: 0px !important; border-top-right-radius: 4px !important; border-top-style: solid !important; border-top-width: 1px !important; box-sizing: border-box !important; color: rgb(51, 51, 51) !important; cursor: pointer !important; display: inline-block !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 1em !important; font-weight: normal !important; height: 2.429em !important; letter-spacing: normal !important; line-height: 1.429em !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; padding-bottom: 6px !important; padding-left: 12px !important; padding-right: 12px !important; padding-top: 6px !important; position: relative !important; text-align: center !important; text-indent: 0px !important; text-shadow: none !important; text-transform: none !important; vertical-align: middle !important; white-space: nowrap !important; word-spacing: 0px !important; writing-mode: lr-tb !important; } /*#####################################################################################*/ /*END GOOGLE SEARCH PAGE*/ /*START*/ /*CSS STYLES FOR GENERAL HOMEPAGE USE*/ /*#####################################################################################*/ hr.widgetBorder { border-color: #ddd; } div.widgetBorder{border-bottom: 1px solid #dddddd;} .bucket-one div.widgetBorder, .bucket-two div.widgetBorder, .bucket-three div.widgetBorder{border-bottom: none;} .widget-title { font-weight:bold; } div.sidebar-right{border-left: 1px dotted #ddd;} div.sidebar-left{border-right: 1px dotted #ddd;} div.well{ background:rgba(255,255,255,0.9);} div.bucket-one{height:100%} div.bucket-two{border-left: 1px dotted #bbb;height:100%} div.bucket-three{border-left: 1px dotted #bbb;height:100%} .contentDIV{background-color:rgba(255, 255, 255, .9);} .clickable{cursor:pointer;} .noPad {padding:0;} @media (max-width: 1024px) { div.bucket-two{border-left: none;} div.bucket-three{border-left: none;} } @media (max-width:991px){ div.sidebar-right { border-top: 4px solid #CCC; padding-top: 10px; margin-top: 10px; } } object[type="application/pdf"] { height: 600px; width: 100%; } textarea { resize:vertical !important; } ul.color li:nth-child(even) > a, ul.color.alt li:nth-child(odd) > a, ul.colorLinks li:nth-child(even) a, ul.colorLinks.alt li:nth-child(odd) a {color:#428bca;} ul.color li:nth-child(odd) > a, ul.color.alt li:nth-child(even) > a, ul.colorLinks li:nth-child(odd) a, ul.colorLinks.alt li:nth-child(even) a {color:#519C72;} ul.color li:nth-child(even) > a:hover, ul.color.alt li:nth-child(odd) > a:hover, ul.colorLinks li:nth-child(even) a:hover, ul.colorLinks.alt li:nth-child(odd) a:hover {color:#2a6496 !important; /*text-decoration:underline !important;*/} ul.color li:nth-child(odd) > a:hover, ul.color.alt li:nth-child(even) > a:hover, ul.colorLinks li:nth-child(odd) a:hover, ul.colorLinks.alt li:nth-child(even) a:hover {color:#3c763d !important; /*text-decoration:underline !important;*/} /*#####################################################################################*/ /*END GENERAL HOMEPAGE USE*/ /*START*/ /*CSS STYLES FOR NAVIGATION/HEADER USE*/ /* */ /*#####################################################################################*/ /* ======================================================== start body and theContent Div CSS ======================================================== */ .theContent{ position:absolute; top:700px; width:100%; height:100%; overflow:visible; background-color:#EFEFEF; } /* ======================================================== start MainMenuELE CSS ======================================================== */ #Usa_YammMenu_DIV .navbar-collapse#MainMenuELE { padding:0; float:left; width:100%; /* Gradient created with http://www.colorzilla.com/gradient-editor/ */ background: #428aca; background: rgba(66, 139, 202, .9); /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzg2NiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iODklIiBzdG9wLWNvbG9yPSIjNDI4YWNhIiBzdG9wLW9wYWNpdHk9IjAuODkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyOGFjYSIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);*/ /* FF3.6+ */ /*background: -moz-linear-gradient(top, rgba(0,56,102,0.8) 0%, rgba(66,138,202,0.89) 89%, rgba(66,138,202,0.9) 100%);*/ /* Chrome,Safari4+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,56,102,0.8)), color-stop(89%,rgba(66,138,202,0.89)), color-stop(100%,rgba(66,138,202,0.9)));*/ /* Chrome10+,Safari5.1+ */ /*background: -webkit-linear-gradient(top, rgba(0,56,102,0.8) 0%,rgba(66,138,202,0.89) 89%,rgba(66,138,202,0.9) 100%);*/ /* Opera 11.10+ */ /*background: -o-linear-gradient(top, rgba(0,56,102,0.8) 0%,rgba(66,138,202,0.89) 89%,rgba(66,138,202,0.9) 100%);*/ /* IE10+ */ /*background: -ms-linear-gradient(top, rgba(0,56,102,0.8) 0%,rgba(66,138,202,0.89) 89%,rgba(66,138,202,0.9) 100%);*/ /* W3C */ /*background: linear-gradient(to bottom, rgba(0,56,102,0.8) 0%,rgba(66,138,202,0.89) 89%,rgba(66,138,202,0.9) 100%);*/ /* IE6-8 */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc003866', endColorstr='#e6428aca',GradientType=0 );*/ /*More Fade on header background*/ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzg2NiIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iODklIiBzdG9wLWNvbG9yPSIjNDI4YWNhIiBzdG9wLW9wYWNpdHk9IjAuNjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyOGFjYSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(0,56,102,0.6) 0%, rgba(66,138,202,0.69) 89%, rgba(66,138,202,0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,56,102,0.6)), color-stop(89%,rgba(66,138,202,0.69)), color-stop(100%,rgba(66,138,202,0.7))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,56,102,0.6) 0%,rgba(66,138,202,0.69) 89%,rgba(66,138,202,0.7) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,56,102,0.6) 0%,rgba(66,138,202,0.69) 89%,rgba(66,138,202,0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,56,102,0.6) 0%,rgba(66,138,202,0.69) 89%,rgba(66,138,202,0.7) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,56,102,0.6) 0%,rgba(66,138,202,0.69) 89%,rgba(66,138,202,0.7) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99003866', endColorstr='#b3428aca',GradientType=0 ); /* IE6-8 */ border-bottom:white 1px solid; border-top:white 1px solid; } #MainMenuELE a { outline: 0; } #MainMenuELE .dropdown { padding: 0px !important; margin: 0px !important; } #MainMenuELE .dropdown > a { font-size: 1em; /*16px parent ele 16px*/ color: White !important; } #MainMenuELE .dropdown > a:active { color: #666666 !important; } #MainMenuELE .dropdown > a:link { color: White !important; } #MainMenuELE .dropdown > a:visited { color: White !important; } #MainMenuELE .dropdown > a:focus { color: White !important; } #MainMenuELE .dropdown > a:hover { background: rgba(255,255,255,.5) !important; font-size: 1em; /*16px parent ele 16px*/ /*color: #585C70 !important;*/ } #MainMenuELE .open > a { background-color: #FFF; background: rgba(255, 255, 255, 0.2); } #MainMenuELE li > ul.dropdown-menu { background-color: #FFF; background-color: rgba(255, 255, 255, .8); } #MainMenuELE li.dropdown > a { padding-top: 17px !important; padding-bottom: 18px !important; } #MainMenuELE div.panel > div.panel-heading { padding: 0 !important; } #MainMenuELE div.panel > div.panel-heading > h4.panel-title > a { width: 100%; height: 100%; padding: 10px; } #MainMenuELE div.panel > div.panel-heading > h4.panel-title > a:hover { background-color: rgb(230, 230, 230); text-decoration: none; } #MainMenuELE .panel-group { margin-bottom: 5px; } /* ======================================================== start MenuSelectionLeftUL CSS ======================================================== */ #MenuSectionLeftUL{ padding:0; margin:0; height:55px; display:block; text-align:center; } #MenuSectionLeftUL > li { padding:0px !important; margin:0px !important; font-size:1.143em;/*16px parent ele 14px*/ display:inline-block; *display:inline; /*IE7*/ *zoom:1; /*IE7*/ text-align:left; } #MenuSectionLeftUL > li { margin-left:-4px !important; font-weight:bolder; } #MenuSectionLeftUL > li > a { padding-right:10px; padding-left:10px; } @media(max-width:767px) { #MenuSectionLeftUL { overflow-y:auto; } } /* ------------------ */ /* ======================================================== start Media Queries ======================================================== */ /* ------------------ */ @media (min-width: 992px) and (max-width: 1199px){ #MainMenuELE .dropdown > a{font-size:0.813em !important;/*13px parent ele 16px*/color:White !important;} #MainMenuELE .dropdown > a:hover{background:rgba(255,255,255,.5) !important;font-size:0.813em !important;/*13px parent ele 16px*/color:Black !important;} #MainMenuELE li.navSpaceHelper > a {font-size:0.813em !important;} } @media (min-width: 768px) and (max-width: 991px){ #MainMenuELE .dropdown > a {font-size:0.688em !important; /*11px parent ele 16px*/color:White !important;} #MainMenuELE .dropdown > a:hover{background:rgba(255,255,255,.5) !important;font-size:0.688em !important; /*11px parent ele 16px*/color:Black !important;} #MainMenuELE li.navSpaceHelper > a {font-size:0.688em !important;} } @media (max-width: 767px){ #NavBarCollapse_Logo{ /*visibility:hidden !important;*/ display:none !important;} #MenuSectionLeftUL > li{ display:block !important;} #MenuSectionLeftUL > li > #CondensedShareNavItem_MenuBtn{ display:none !important;} #MenuSectionLeftUL > #NavBarCollapse_Logo > a{ display:none !important;} #CondensedShareNavItem_MenuELE{ display:none !important;} #MenuSectionLeftUL{ height:auto !important;} } @media (min-width: 768px){ #SearchMenuELE{ display:none !important;} } /*##############################################################################################################*/ /*#### New Header Styles - 2016-03-07 ####*/ /*##############################################################################################################*/ #MainNav_Container.navbar-default { background: white; } #MainNav { /*padding: 0;*/ float: left; width: 100%; background: #428aca; background: rgba(66, 139, 202, .9); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003866+0,428aca+89,428aca+100&0.8+0,0.89+89,0.9+100 */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzg2NiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iODklIiBzdG9wLWNvbG9yPSIjNDI4YWNhIiBzdG9wLW9wYWNpdHk9IjAuODkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyOGFjYSIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(0,56,102,0.8) 0%, rgba(66,138,202,0.89) 89%, rgba(66,138,202,0.9) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,56,102,0.8)), color-stop(89%,rgba(66,138,202,0.89)), color-stop(100%,rgba(66,138,202,0.9))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, rgba(0,56,102,0.8) 0%,rgba(66,138,202,0.89) 89%,rgba(66,138,202,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, rgba(0,56,102,0.8) 0%,rgba(66,138,202,0.89) 89%,rgba(66,138,202,0.9) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, rgba(0,56,102,0.8) 0%,rgba(66,138,202,0.89) 89%,rgba(66,138,202,0.9) 100%); /* IE10 preview */ background: linear-gradient(to bottom, rgba(0,56,102,0.8) 0%,rgba(66,138,202,0.89) 89%,rgba(66,138,202,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc003866', endColorstr='#e6428aca',GradientType=0 ); /* IE6-8 */ border-bottom: white 1px solid; border-top: white 1px solid; padding: 0 !important; } #MainNav .dropdown.menu-glyph > a { padding-right: 5px; padding-left: 5px; } #MainNav .dropdown > ul { padding:0; } #MainNav .dropdown > ul > li > a:hover { background-color: rgb(206, 206, 206); } #MainNav .dropdown > ul > li > a { padding: 6px 20px; } #MainNav .dropdown-menu { background-color: rgba(255,255,255, 0.9) !important; } #MainNav .dropdown-menu > li:not(.divider) { background-color: rgba(255,255,255, 0.9) !important; } #MainNav .icon-bar { background-color: white; } #MainNav #Site_Logo { margin-top: -4px; } #EntityLogo > img { vertical-align: middle; display: inline-block; margin-top: auto; margin-bottom: auto; } #MainNav #MainMenuELE { max-height:none; overflow:initial; margin-right: 15px; } #MainNav #SearchNav_MenuELE > li { padding: 5px; } #MainNav #EntityLogo { padding: 0; margin: 0; padding-left: 10px; height:55px; display: block; line-height: 55px; } #MainNav #CaucusHomepageLink { background-image: url('../Images/graphics/icons/HeaderPAHouseIcon(BW).png'); background-position: center center !important; background-repeat: no-repeat !important; display: block; height: 55px; width: 50px; } #MainNav #CaucusHomepageLink:hover { background-image: url('../Images/graphics/icons/HeaderPAHouseIcon.png') !important; background-color: none !important; } #MainMenuBtn { margin-top: 8px; margin-bottom: 8px; margin-left: 20px; margin-right: 0px; display:inline-block; } #header_logo { overflow:hidden; } #header_logo > a { width: 100%; } @media (min-width: 768px) { #SearchNav_MenuELE { width: 250px; } } @media (max-width: 1199px) { #header_logo { max-width: 300px; } } @media (max-width: 991px) { #MainNav .dropdown > a { padding-right: 5px; padding-left:5px; } #header_logo { max-width: 190px; } } @media (max-width: 767px) { #MainNav .navbar-collapse { padding-right: 0px; padding-left: 0px; } #MainNav .dropdown-menu { background-color: white !important; } #header_logo { max-width: 400px; padding-right: 30px; } #MainMenuELE { margin-right: 0 !important; margin-left: 0 !important; } } @media (min-width: 768px) { .TopIssuesUC #ActionCenter { padding-top: 80px !important; } } #live_video_glyph #video_glyph { font-size: .9em } /*##############################################################################################################*/ /*#### END OF - New Header Styles - 2016-03-07 ####*/ /*##############################################################################################################*/ /* ------------------------------------------------------------*/ /* ---------------THIS IS NEW CSS OF 011414 START ------------*/ /* ------------------------------------------------------------*/ /* */ .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000052 !important; } .modal-backdrop.fade{opacity: 0 !important;filter: alpha(opacity=0) !important;} .modal-backdrop.in {opacity: 0.3 !important;filter: alpha(opacity=30) !important;} [id^="SearchBigBTN"] {border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;} .contentDIV { margin-top:76px; } @media (min-width:768px){ .extendedNav + .contentDIV { margin-top:229px; } .TopIssuesUC + .contentDIV { margin-top:0px; } } @media (min-width:480px) and (max-width:767px){ .TopIssuesUC + .contentDIV { margin-top:0px; } } @media (max-width:479px){ .extendedNav + .contentDIV { margin-top:122px; } .TopIssuesUC + .contentDIV { margin-top:0px; } } /*#####################################################################################*/ /*END NAVIGATION/HEADER USE*/ /*START*/ /*CSS STYLES FOR HEADER MODALS USE*/ /* */ /*#####################################################################################*/ #EmailSignupDIV, #SocialShareDIV, #findMyRepDIV, #contactFormDIV {background:#FFF;background: rgba(255, 255, 255, .9);} #EmailSignupDIV .row {margin-bottom:5px;} #EmailSignupDIV .row:last-child {margin-bottom:0px;} #EmailSignupDIV .close, #SocialShareDIV .close, #findMyRepDIV .close{color:black;font-size:1em; /*32px parent ele 32px*/font-weight:bolder;} .modal-header{ color:white; font-size:2.286em;/*32px parent ele 14px*/ font-weight:bolder; font-style:oblique; /* Gradient created with http://www.colorzilla.com/gradient-editor/ */ background: #b9dbf7; background: rgb(185, 219, 247); /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5ZGJmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NmIwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b9dbf7 0%, #76b0e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9dbf7), color-stop(100%,#76b0e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b9dbf7 0%,#76b0e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b9dbf7 0%,#76b0e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b9dbf7 0%,#76b0e0 100%); /* IE10+ */ background: linear-gradient(to bottom, #b9dbf7 0%,#76b0e0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9dbf7', endColorstr='#76b0e0',GradientType=0 ); /* IE6-8 */ -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } #SocialShareDIV .icon-facebook2, #SocialShareDIV .icon-twitter2, #SocialShareDIV .icon-youtube, #SocialShareDIV .icon-instagram, #SocialShareDIV .icon-google-plus3, #SocialShareDIV .icon-linkedin-sign { height: 1em; /*32px ele font size 32px*/ width: 1em; /*32px ele font size 32px*/ display: inline-block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; cursor: pointer; margin: 0 2px 0 0; padding: 0; font-size: 2.286em;/*32px parent ele 14px*/ } #SocialShareDIV a:hover .icon-facebook2, #SocialShareDIV a:hover .icon-twitter2, #SocialShareDIV a:hover .icon-youtube, #SocialShareDIV a:hover .icon-instagram, #SocialShareDIV a:hover .icon-google-plus3, #SocialShareDIV a:hover .icon-linkedin-sign, #SocialShareDIV a:focus .icon-facebook2, #SocialShareDIV a:focus .icon-twitter2, #SocialShareDIV a:focus .icon-youtube, #SocialShareDIV a:focus .icon-instagram, #SocialShareDIV a:focus .icon-google-plus3, #SocialShareDIV a:focus .icon-linkedin-sign { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } #SocialShareDIV .icon-youtube {height: 1em;/*36px ele font size 36px*/width: 1em;/*36px ele font size 36px*/font-size: 2.571em;/*36px parent ele 14px*/} #SocialShareDIV {width:300px !important;right: 50%;margin-left:-150px !important;} #SocialShareDIV .modal-body {text-align:center;} #SocialShareDIV .addthis_toolbox {width:220px;margin: 0 auto;} #SocialShareDIV hr, #findMyRepDIV hr {border-top: 1px solid #ACACAC;} /*#SocialShareDIV [class^="addthis_button_"] span{ -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background:url(../../images/graphic/addThisSprite.gif); } #SocialShareDIV [class^="addthis_button_"]:hover span{background:url(http://ct1.addthis.com/static/r07/widget015_32x32_top.gif);}*/ [class^="addthis_button_"] {outline:none;} #contactFormDIV .modal-body {padding-bottom:0px;} #contactFormDIV .modal-footer {margin-top:0px;} .paddedRow {padding:15px 15px 0 15px;} .form-control-static{padding-top:0px;} #EmailAlert { font-size:0.786em !important;/*11px parent ele 14px*/} #contactFormDIV .row.checkbox { margin:0px} #contactFormDIV .row.checkbox .form-group {margin-bottom:5px} @media (min-width:768px){ #contactFormDIV div[class^="form-group col-"], #EmailSignupDIV div[class^="form-group col-"]{padding:0px;} #contactFormDIV div[class^="form-group col-"]:first-child, #EmailSignupDIV div[class^="form-group col-"]:first-child{padding-left:15px;} #contactFormDIV div[class^="form-group col-"]:last-child, #EmailSignupDIV div[class^="form-group col-"]:last-child{padding-right:15px;} #contactFormDIV div.no-padding-left{padding-left:0px;} #contactFormDIV div.no-padding-right{padding-right:0px;} option.StateFullName {display:block;} option.StateAbbrv {display:none;} } @media (max-width:767px) { #EmailSignupDIV .row {margin-bottom:0px;} #SocialShareDIV {margin-left:0px !important;} option.StateFullName {display:none;} option.StateAbbrv {display:block;} } .TranslateLanguageEnglish {font-size: 8pt;} .TranslateLanguageNative {font-size: 8pt;} .popover {max-width: 94% !important;} .DisclaimerPOPOVERlink { font-size: 14pt; color: #428BCA; cursor: pointer; text-decoration: none; overflow: visible; } .DisclaimerPOPOVERlink:hover { font-size: 14pt; color: #2A6496; cursor: pointer; text-decoration: underline; overflow: visible; } @media (min-width: 767px) { #translateModal {width: 600px !important;} } @media (max-width: 767px) { .TranslateLanguageNative {display: none;} } /*#####################################################################################*/ /*END HEADER MODALS USE*/ /*START*/ /*CSS STYLES FOR FOOTER USE*/ /* */ /*#####################################################################################*/ #main{ position:relative; z-index:1; background-color: #B9DBF7; background-image:-webkit-radial-gradient(center, circle farthest-corner, #fff, #e2e2e2); background-image:-moz-radial-gradient(center, circle farthest-corner, #fff, #e2e2e2); background-image:radial-gradient(center, circle farthest-corner, #fff, #e2e2e2); padding: 110px 0 600px; box-shadow: 0 3px 3px rgba(0,0,0,0.2); margin-top:-20px; } #MyFooter{ height: 500px; color:#ccc; font-size:12px; position:relative; z-index:-2; } #MyFooter > .MyFooterDivHolding{ width:100%; position:fixed; left:0; bottom:0; padding-bottom: 0px; z-index:-1; } section > span{cursor:pointer;} .outline{ font-size:12pt; color: white; padding-left:4px; background-color:#428DC9; border-radius:2px; } .FooterLinks{color:White;} .FooterLinks:hover{color:Yellow;text-decoration:none;} .FooterUL > li{line-height:10pt;} .FooterUL > li > a{font-size:10pt;} #MyFooterRow > div{display:inline-block;margin:0px auto 0px auto;} #MyFooterRow{width:95%;margin:0px auto !important;} .fontresize {display: none; /* hide from non-Javascript browsers */} #accessibility {text-align: center;margin-left:0px;} #accessibility li {line-height: 28px;display: inline;margin-right: 0.3em;} #accessibility li a{color:Black;} #accessibility .current a {color: #555;text-decoration: underline;} #small {font-size: 18px; } #large{font-size: 28px;} #XtraLarge{font-size:38px;} /* ------------- */ /* ------------- */ /* ------------- */ /* ------------- */ header .social,footer .social {margin-right: 4px;line-height: 30px;} footer .social li:last-child,footer .social {margin-right: 0 !important;} header .social li,footer .social li { background-color: #FFF; border-radius: 100% 100% 100% 100%; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.6); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.6); display: inline-block; height: 25px; margin-right: 5px; width: 25px; text-align: center; background: #fff; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; transition: background .5s ease-in-out; padding: 1px; } header .social i,footer .social i { color: #666; -webkit-transition: color .5s ease-in-out; -moz-transition: color .5s ease-in-out; -o-transition: color .5s ease-in-out; -ms-transition: color .5s ease-in-out; transition: color .5s ease-in-out; } /* Footer */ .footer-top { background: #323B44; border-bottom: 1px solid #414f5a; color: #A1A1A1; padding: 50px 0; } .footer-bottom { background: #25292C; color: #888; line-height: 30px; padding: 15px; } .social-icons-footer-bottom { float: right; margin: 6px 0 0;} .social-icons-footer-bottom li { display: inline; float: left; margin-right: 7px !important; list-style: none; -webkit-transition: all .2s ease-in-out 0; -moz-transition: all .2s ease-in-out 0; -o-transition: all .2s ease-in-out 0; -ms-transition: all .2s ease-in-out 0; transition: all .2s ease-in-out 0; } .social-icons-footer-bottom li i { display: inline-block; font-family: FontAwesome; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 16px; padding-top: 0; text-align: center; text-decoration: inherit; text-transform: none; } .scrollup { width: 40px; height: 40px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); opacity: 0.8; position: fixed; bottom: 100px; right: 15px; display: none; text-align: center; color: #fafafa; font-size: 28px; background: #9e9e9e; z-index: 9999; } .scrollup i { line-height: 38px;} a.scrollup:hover i,a.scrollup:focus i {text-decoration: none;color: #fafafa;outline: none;} #tweets li:before { color: #727272; content: "\f099"; float: left; font-family: FontAwesome; font-size: 16px; margin: 0 0 0 -28px; } #tweets li { line-height: 24px; margin: 0 0 15px; padding: 0 0 0 28px;} #tweets .content { padding-top: 0; margin-bottom: 5px;} #flickrfeed li {float:left; margin:5px 5px 0 0;} .contact-us { margin: 15px 0 0; background: url("../img/contact-map.png") no-repeat center bottom;} footer .contact-us a { color: #fff !important;} .our-clients ul,#footer ul {list-style: none;} /* Team Section */ .team .item .team-member-links a.facebook:hover,.member-social.dark a.facebook:hover,header .social li.facebook:hover,footer .social li.facebook:hover {background: #4C66A4;} .team .item .team-member-links a.dribbble:hover,.member-social.dark a.dribbble:hover,header .social li.dribbble:hover,footer .social li.dribbble:hover {background: #EA4C89;} .team .item .team-member-links a.twitter:hover,.member-social.dark a.twitter:hover,header .social li.twitter:hover,footer .social li.twitter:hover {background: #2C77BA;} .team .item .team-member-links a.gplus:hover,.member-social.dark a.gplus:hover,header .social li.gplus:hover,footer .social li.gplus:hover {background: #9e0b0f;} .team .item .team-member-links a.linkedin:hover,.member-social.dark a.linkedin:hover,header .social li.linkedin:hover,footer .social li.linkedin:hover {background: #069;} .team .item .team-member-links a.pinterest:hover,.member-social.dark a.pinterest:hover,header .social li.pinterest:hover,footer .social li.pinterest:hover {background: #C92228;} header .social li.rss:hover,footer .social li.rss:hover {background: #f60;} footer a,.contact-box:hover,#options li a.selected,header .top-bar,header .top-bar a,header .social li:hover i, footer .social li:hover i,.content-box:hover>.content-box-icon i,div.content-box div.content-box-icon:hover, div.content-box div.content-box-icon:hover i,#footer h3,.contact-box:hover h3 { color: #fff; } /*Social Icons*/ .social-icons {margin: 0;padding: 0; } .social-icons li { float: left; display: inline; list-style: none; margin-right: 5px; margin-bottom: 5px; text-indent: -9999px; } .social-icons li a, a.social-icon { width: 28px; height: 28px; display: block; background-position: 0 0; background-repeat: no-repeat; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .social-icons li:hover a {background-position: 0 -38px;} .social-icons-color li a { opacity: 0.7;background-position:0 -38px !important;} .social-icons-color li a:hover {opacity: 1;} .social_amazon {background: url('../images/graphics/icon/social/amazon.png') no-repeat;} .social_behance {background: url('../images/graphics/icon/social/behance.png') no-repeat;} .social_blogger {background: url('../images/graphics/icon/social/blogger.png') no-repeat;} .social_deviantart {background: url('../images/graphics/icon/social/deviantart.png') no-repeat;} .social_dribbble {background: url('../images/graphics/icon/social/dribbble.png') no-repeat;} .social_dropbox {background: url('../images/graphics/icon/social/dropbox.png') no-repeat;} .social_evernote {background: url('../images/graphics/icon/social/evernote.png') no-repeat;} .social_facebook {background: url('../images/graphics/icon/social/facebook.png') no-repeat;} .social_forrst {background: url('../images/graphics/icon/social/forrst.png') no-repeat;} .social_github {background: url('../images/graphics/icon/social/github.png') no-repeat;} .social_googleplus {background: url('../images/graphics/icon/social/googleplus.png') no-repeat;} .social_jolicloud {background: url('../images/graphics/icon/social/jolicloud.png') no-repeat;} .social_last-fm {background: url('../images/graphics/icon/social/last-fm.png') no-repeat;} .social_linkedin {background: url('../images/graphics/icon/social/linkedin.png') no-repeat;} .social_picasa {background: url('../images/graphics/icon/social/picasa.png') no-repeat;} .social_pintrest {background: url('../images/graphics/icon/social/pintrest.png') no-repeat;} .social_rss {background: url('../images/graphics/icon/social/rss.png') no-repeat;} .social_skype {background: url('../images/graphics/icon/social/skype.png') no-repeat;} .social_spotify {background: url('../images/graphics/icon/social/spotify.png') no-repeat;} .social_stumbleupon {background: url('../images/graphics/icon/social/stumbleupon.png') no-repeat;} .social_tumblr {background: url('../images/graphics/icon/social/tumblr.png') no-repeat;} .social_twitter {background: url('../images/graphics/icon/social/twitter.png') no-repeat;} .social_vimeo {background: url('../images/graphics/icon/social/vimeo.png') no-repeat;} .social_wordpress {background: url('../images/graphics/icon/social/wordpress.png') no-repeat;} .social_xing {background: url('../images/graphics/icon/social/xing.png') no-repeat;} .social_yahoo {background: url('../images/graphics/icon/social/yahoo.png') no-repeat;} .social_youtube {background: url('../images/graphics/icon/social/youtube.png') no-repeat;} .social_vk {background: url('../images/graphics/icon/social/vk.png') no-repeat;} /* ------------- */ /* ------------- */ /* ------------- */ /* ------------- */ #FooterButtonsUL{padding:0px;margin:0px;border-top:2px #E5A04E solid} #FooterButtonsUL > div.textfill{ background-color:#345C7F; height:55px; border-right:1px #CCC solid; text-align:center; color:White; cursor:pointer; padding-top:10px; -moz-box-shadow: inset 0 0 2px 1px #5696CF; -webkit-box-shadow: inset 0 0 2px 1px #5696CF; box-shadow: inset 0 0 2px 1px #5696CF; /* testing text shadow */ text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.42); } #FooterButtonsUL > div:first-child{border-left:0px #CCC solid;} #FooterButtonsUL > div:last-child{border-right:0px #CCC solid;} #MiddleFooter{display:none;} .fillerDIV{cursor:default !important;opacity:1 !important;} .OpenedPopOverLink{cursor:pointer !important;opacity:1 !important;background-color:#092541 !important;} /* ------------- */ /* ------------- */ /* ------------- */ .popover-title{color:Black !important;} .popover-content{opacity:1 !important; color:Black !important;} /* ------------- */ .PopOverFooterLink{color:white;text-decoration:none;} .PopOverFooterLink:hover{color:white;text-decoration:none;} /* ------------------------------ */ @media (min-width: 768px) and (max-width: 991px){ #BottomLogoDIV{ padding-top: 30px !important;} } /* ------------------------------ */ /* ------------------------------ */ #BackgroundFluidRowDIV{ width:95%; margin-left:auto; margin-right:auto;} .backgroundImageDIV img{ height:70px; margin:0px auto 8% auto; padding:4px; background: rgb(255, 255, 255); overflow:hidden; cursor:pointer; border-radius: 4px; border: 2px solid #ddd; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .backgroundImageDIV img:hover{border: 2px solid rgb(9, 37, 65);} @media (min-width: 768px){ .spacerDIV { /*width:3.1125% !important; */ width:12.45% !important; height:70px; margin:0px !important; padding:0px !important; } } @media (max-width: 767px){ #ActionCenter{background:none !important;} } /* ------------------------------ */ /* ------------------------------ */ .FooterContactIconDIV{width:33%; margin:0px; float:left; text-align:left; } .FooterContactTextDIV{width:67%; margin:0px; float:right; padding-left:4px;} @media (max-width: 299px){ .FooterContactIconDIV { width:0%; margin:0px; float:left; text-align:left; display:none; } .FooterContactTextDIV { width:100%; margin:0px; float:left; padding-left:4px; text-align:left;} } @media (min-width: 300px) and (max-width: 767px){ .FooterContactIconDIV { width:33%; margin:0px; float:left; text-align:left;} .FooterContactTextDIV { width:67%; margin:0px; float:right; padding-left:4px; } } /* ------------------------------ */ /* ------------------------------ */ @media (min-width: 768px) and (max-width: 991px){ .FooterContactIconDIV { width:0%; margin:0px; float:left; text-align:left; display:none;} .FooterContactTextDIV { width:100%; margin:0px; float:left; padding-left:4px; text-align:left;} } /* ------------------------------ */ /* ------------------------------ */ @media (min-width: 992px){ .FooterContactIconDIV { width:31%; margin:0px; float:left; text-align:left;} .FooterContactTextDIV { width:69%; margin:0px; float:right; padding-left:4px; } } /* ------------------------------ */ /* ------------------------------ */ @media (max-width: 479px){ #FooterButtonsUL > div.textfill { font-size:11px; } } @media (min-width: 768px) and (max-width: 991px){ #FooterButtonsUL > div.textfill {font-size:11px;} } /* ------------------------------ */ /* ------------------------------ */ .TranslationLinkDIV{ width:23%; float:left; background-color:#EEEEEE; border:1px #CCCCCC solid; border-radius:4px; text-align:center; margin-right:1%; cursor:pointer; /* -- Responsive Background Image CSS -- */ background-repeat:no-repeat; background-size:contain; background-position:top center; padding:0; margin-bottom:5px; /* -- Responsive Background Image CSS -- */ } .TranslationLinkDIV:hover{ width:23%; float:left; background-color:#EEEEEE; border:1px #428BCA solid; border-radius:4px; text-align:center; margin-right:1%; cursor:pointer; } div.TranslationLinkDIV[data-lang="Korean"] { background-image: url('../Images/graphics/flags/Korean.png'); } div.TranslationLinkDIV[data-lang="Japanese"] { background-image: url('../Images/graphics/flags/Japanese.png'); } div.TranslationLinkDIV[data-lang="Spanish"] { background-image: url('../Images/graphics/flags/Spanish.png'); } div.TranslationLinkDIV[data-lang="German"] { background-image: url('../Images/graphics/flags/German.png'); } div.TranslationLinkDIV[data-lang="Arabic"] { background-image: url('../Images/graphics/flags/Arabic.png'); } div.TranslationLinkDIV[data-lang="Bengali"] { background-image: url('../Images/graphics/flags/Bengali.png'); } div.TranslationLinkDIV[data-lang="French"] { background-image: url('../Images/graphics/flags/French.png'); } div.TranslationLinkDIV[data-lang="Hindi"] { background-image: url('../Images/graphics/flags/Hindi.png'); } div.TranslationLinkDIV[data-lang="Malay"] { background-image: url('../Images/graphics/flags/Malay.png'); } div.TranslationLinkDIV[data-lang="Portuguese"] { background-image: url('../Images/graphics/flags/Portuguese.png'); } div.TranslationLinkDIV[data-lang="Russian"] { background-image: url('../Images/graphics/flags/Russian.png'); } div.TranslationLinkDIV[data-lang="Chinese (Simplified)"] { background-image: url('../Images/graphics/flags/Chinese.png'); } /* ------------------------------ */ /*#####################################################################################*/ /*END FOOTER USE*/ /* Start Google Translate Adjustment CSS*/ /* ################################################################################### */ html.translated-ltr #Usa_YammMenu_DIV, html.translated-rtl #Usa_YammMenu_DIV{top:39px;} @media (max-width: 767px){ html.translated-ltr .modal.fade.in,html.translated-rtl .modal.fade.in, html.translated-ltr .modal.container.fade.in,html.translated-rtl .modal.container.fade.in, html.translated-ltr .modal.modal-overflow.fade.in,html.translated-rtl .modal.modal-overflow.fade.in{ top: 45px; } } /* ################################################################################### */ /* End Google Translate Adjustment CSS*/ /* Start Member List Modal CSS*/ /* ################################################################################### */ #memberListDIV img{max-height:150px;} #memberListDIV .chair-imgDIV { text-align:center; } #memberListDIV .modal-body h4 { margin-top:0px;} #memberListDIV .modal-body h5 { margin-bottom:2px; font-weight:bold;} #memberListDIV ul { margin-left:10px; font-size:.85em} #memberListDIV .modal-body div.row+div.row { margin:0px; } #memberListDIV .modal-body { padding-bottom:0px;} #memberListDIV > div.modal-body ul, #memberListDIV > div.modal-body div#mbrList-fullspan { overflow-y: auto; max-height: 250px; } #memberListDIV > div.modal-body div#mbrList-fullspan { padding:0px; margin:0px; } #memberListDIV > div.modal-body h5 { padding-left:15px; } #memberListDIV > div.modal-body div#mbrList-fullspan ul { overflow-y: visible; max-height: initial; } #memberListDIV > div.modal-body ul > li:nth-last-child(even) > a { color:#425eca; } @media(max-width:480px){ #memberListDIV img{max-height:80px;} #memberListDIV > div.modal-body ul, #memberListDIV > div.modal-body div#mbrList-fullspan { overflow-y: auto; max-height: 100px; } } /* ################################################################################### */ /* End Member List Modal CSS*/ /*START*/ /*CSS STYLES FOR PHOTO/INSTAGRAM WIDGET / navbar photos USE*/ /* PREFIX TO USE - "insta-" for instagram widget */ /*#####################################################################################*/ .navBarPhotos > div, /*.Photos div,*/ .insta-main div {margin-bottom:5px;text-align:center;} /*.Photos h3, .insta-main h3 {border-bottom-style: groove;border-bottom-color: #bbb;border-bottom-width:2px;}*/ .Photos a img{margin: 0 auto;} a:hover img.img-thumbnail, a:focus img.img-thumbnail /*.Photos a:hover img, .Photos a:focus img, .insta-main a:hover img, .insta-main a:focus img, #findMyRepDIV a:hover img.img-thumbnail, #findMyRepDIV a:focus image.img-thumbnail*/{ border: 1px solid #428bca; } /* ########################### Hover and Focus fix for The Legislators accordion images ########################################## */ #legAccordion a:hover img.img-thumbnail, #legAccordion a:focus img.img-thumbnail {border: 1px solid #ddd;} .Photos a.thumbnail:hover img, .Photos a.thumbnail:focus img, .insta-main a.thumbnail:hover img, .insta-main a.thumbnail:focus img{border: none;} /*@media (min-width:1200px) { .Photos img{max-height:74px;} .navBarPhotos img{max-height:60px;} } @media (max-width:1199px) { .Photos img{max-height:58px;} .navBarPhotos img{max-height:72px;} } @media (max-width: 990px){ .navBarPhotos img{max-height:50px} } @media (max-width: 520px) { .Photos img{max-height:50px;} } @media (max-width: 280px) { .Photos img{max-height:40px;} } @media (max-width: 240px) { .Photos img{max-height:30px;} }*/ .insta-thumbnail-share { position:absolute; bottom:2px; right: 24px; margin:0; } .insta-thumbnail-share .insta-share-button { background-color:#FFF; height: 20px; width: 20px; display: inline-block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; filter: alpha(opacity=00); -khtml-opacity: 0.0; -moz-opacity: 0.0; opacity: 0.0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; margin:0; padding:0; } .insta-thumbnail-share *{ margin:0; padding:0; /*font-size:0px;*/ line-height:0px; } .insta-share-button span{ font-size:20px; line-height:20px; margin:0; padding:0 0 2px 0; } .insta-thumbnail-share .insta-button-twitter{margin-left:4px;} .insta-image-container:hover .insta-thumbnail-share .insta-share-button { filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .insta-image-container .insta-thumbnail-share .insta-button-facebook:hover { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .insta-image-container .insta-thumbnail-share .insta-button-twitter:hover { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } /*#####################################################################################*/ /*END GENERAL PHOTO/INSTAGRAM WIDGET /navbar photos USE*/ /*START*/ /*CSS STYLES FOR Committee/Caucus/Delegation pages*/ /* ################################################################################### */ .entityContainer { /*height:147px;*/ overflow:hidden; padding-bottom: 10px; } h2.reverseMargin { margin:0 0 20px 0; } h2.reverseMargin + ol.breadcrumb { margin-top:-20px !important; } h2.reverseMarginSM, h3.reverseMargin { margin:0 0 10px 0; } h2.reverseMarginSM + ol.breadcrumb, h3.reverseMargin + ol.breadcrumb { margin-top:-10px !important; } .entityContainer .pull-left { margin-right:15px; margin-bottom:10px; } .entityContainer img { max-height:90px; } .entityInfo p { margin-bottom:0px; } .entityInfo p.entityChair { margin-bottom:5px; } /*@media(max-width:767px) and (min-width:480px){ .entityContainer{ height:180px; } }*/ @media(max-width:479px){ .entityContainer { /*height: auto;*/ padding-bottom:2px; border-bottom: #ccc 1px solid; } #mbrList-fullspan > div > ul { margin-bottom: 0px !important;} } /* ################################################################################### */ /* End Committee/Caucus/Delegation pages CSS*/ /*START*/ /*CSS STYLES FOR Legislative Review page/header*/ /* ################################################################################### */ ul.legReview-list li {padding-left:20px;} ul.legReview-list-current li {padding-left:35px;} ul.legReview-list-header{margin-left:0px;} h5.legReview-subheader {padding-left:10px; font-weight:bold;} @media (max-width:767px){ ul.legReview-list {margin-bottom:0px;} } /* ################################################################################### */ /* End Legislative Review page/header CSS*/ /*START*/ /*CSS STYLES FOR Media List Page*/ /* ################################################################################### */ .rowContainer + .rowContainer { border-top: #A0A0A0 1px dotted;} .center {text-align:center;} /* ################################################################################### */ /* End Legislative Media List Page CSS*/ /*START*/ /*CSS STYLES FOR About the District Pages*/ /* ################################################################################### */ #page-TheDistrictMap {margin:8px -15px 8px -19px !important; !important;} /* ################################################################################### */ /* End About the District Pages CSS*/ /*START*/ /*CSS STYLES FOR In The News Pages*/ /* ################################################################################### */ .itn-main-header { padding-bottom:0px; padding-bottom:5px; font-weight:bold; } .itn-main-subheader { font-style:italic; } .itn-media-list { margin-bottom:0px; padding-left:10px; } .itn-media-list li { margin-bottom: 2px; } .itn-media-name { margin-top:10px; } .rowContainer.top{ border-top: #A0A0A0 1px dotted; } .itn-entity-social { font-size:1.5em; } .itn-entity-social a { text-decoration:none; outline:none; } .itn-entityInfo-container { padding-top:5px; } .itn-entityInfo-container .img-thumbnail { max-height:7.14em; margin: 0 5px 5px 0; } .itn-entityInfo-container .pull-right { width: 87px; } .itn-entityInfo-container .pull-right > ul { margin-left:10px; } .itn-entity-name { margin-top: 0px; margin-bottom:5px; font-weight:bold; } .itn-entity-info { margin-bottom:5px; line-height:1.1em } #itn-share {margin-bottom:15px; margin-top:2px; border-bottom: #ccc 1px solid;} #itn-share > div.btn {padding:0 2px; overflow:hidden; /*width: 20%;*/ float: left;} #itn-share a[class^="button_"] { display:block; height:32px; width:100%; background-image: url('../images/Graphics/addThisSprite_full.gif'); background-repeat: no-repeat; background-position: top left; line-height: 32px!important; font-size:0em; min-width:32px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom:10px; } #itn-share .button_twitter{background-color:#2ca8d2; background-position: 0 -704px!important;} #itn-share .button_facebook{background-color:#305891; background-position: 0 -160px!important;} #itn-share .button_google_plusone_share{background-color:#ce4d39; background-position: 0 -288px!important;} #itn-share .button_email{background-color:#738a8d; background-position: 0 -128px!important;} #itn-share .button_print{background-color:#738a8d; background-position: 0 -576px!important;} #itn-share > img.img-responsive { margin-bottom:5px; } .reverseMargin.itn-main-header {margin-bottom: 2px;} /*h4.widget-title { border-bottom-style: groove; border-bottom-color: #bbb; border-bottom-width: 2px; }*/ [class*="sidebar-"] div.widget { border-bottom: 1px solid #dddddd; margin-bottom:20px; padding-bottom:20px; } [class*="sidebar-"] div.widget:last-of-type { border: none; margin:0px; padding:0px; } [class*="sidebar-"] div.widget .news { border-bottom: dotted 1px #CCC; padding-bottom:2px; margin-bottom:4px; } [class*="sidebar-"] div.widget .news:last-of-type { border: none; padding:0px; margin:0px; } .newscenter-search-icon { font-size: .5em; padding-top: .5em; } @media(max-width:767px){ .itn-entityInfo-container { min-height:8.57em; } .rowContainer.top > div:last-child { border-top: #A0A0A0 1px dotted; } .itn-entity-social { margin:0; } } @media(min-width:767px){ .itn-entityInfo-container { height:8.57em; overflow-y:hidden; } } /* ################################################################################### */ /* End In The News Pages CSS*/ /*START*/ /*CSS STYLES FOR Upcoming Events widget and page(s)*/ /* ################################################################################### */ .event-container { border-bottom: #DADADA 1px solid; } .event-container + .event-container { margin-top: 10px; } .event-column div:last-of-type { border: none; } .event-dotw { font-weight:bold; display:block; } .event-day { font-size: 3em; font-weight:bold; display:block; } .event-month-container hr { border-top-color: #CCC; margin: 10px 0; } .event-day-container { margin-bottom: 10px; border-bottom:#CCC 1px solid;} .event-month-container div.event-day-container:last-of-type { border: none; } #upcoming-events .event-month-container div.event-day-container:last-of-type { border-bottom:#CCC 1px solid; } .event-title { font-weight:bold; text-decoration:underline; } /*#upcoming-events h3 { border-bottom-style: groove;border-bottom-color: #bbb;border-bottom-width:2px; }*/ /* ################################################################################### */ /* End Upcoming Events widget and page(s) CSS*/ /*START*/ /*CSS STYLES FOR Audio page(s)*/ /* ################################################################################### */ .play-pause { width:auto!important; } .audiojs { margin: 0 auto 10px auto; } .mc-audio-desc { height: 3em; overflow: hidden; margin-bottom:0px; } .mc-audio { margin-bottom:15px; } h4.mc-checkbox-click { min-height: 1.1em; max-height: 2.3em; } #autoLoadInfo h4.mc-checkbox-click { margin-top:0px; } .mc-audio-container div.panel.panel-info panel-body { padding: 10px; } .mc-audio-container div#audioJSHolder { padding-top:15px; } @media(max-width:767px) and (min-width:480px){ .audiojs { width:360px !important; } .audiojs .time{ display: none; } } @media(max-width:479px){ .audiojs { width:160px !important; } .audiojs .scrubber{ display: none; } .audiojs .time{ border:none; } } /* ################################################################################### */ /* End Audio page(s) CSS*/ /*START*/ /*CSS STYLES FOR Email Sign Up Widget*/ /* ################################################################################### */ #email-widget .input-group { margin-bottom: 5px; } /* ################################################################################### */ /* End Email Sign Up Widget CSS*/ /*#####################################################################################*/ /*#####################################################################################*/ /*#####################################################################################*/ /*#####################################################################################*/ /*############## START MEDIA QUERIES ############################### START MEDIUM DEVICE MEDIA QUERIES @media (min-width: 768px) { div.OtherFeaturedItemsOverflow{border-left:1px solid #ddd;top:0px;left:0px;margin:0px;padding:1px;outline:none;} .OtherFeaturedItems:first-child{border-bottom:1px solid #ddd;padding-top:10px;} .OtherFeaturedItems{border-bottom:1px solid #ddd;padding:20px 10px 20px 0px;} .OtherFeaturedItems:last-child{padding-bottom:10px;border:0px;} } END MEDIUM DEVICE MEDIA QUERIES START LARGE SCREEN/DEVICE MEDIA QUERIES @media (min-width: 992px) { div.OtherFeaturedItemsOverflow{height:315px;top:0px;left:0px;outline:none;overflow:hidden;} .OtherFeaturedItems:first-child{border-bottom:1px solid #ddd;padding-top:10px;} .OtherFeaturedItems{border-bottom:1px solid #ddd;padding:10px 10px 10px 0px;} .OtherFeaturedItems:hover{cursor:pointer;background-color:#eee;} .OtherFeaturedItems:last-child{padding-bottom:10px;border:0px;} } END LARGE SCREEN/DEVICE MEDIA QUERIEs ################ END MEDIA QUERIES ###############################*/ /*#####################################################################################*/ /*#####################################################################################*/ /*#####################################################################################*/ /*#####################################################################################*/ #topcontrol{z-index:890;} @media (min-width:768px){ .singleLineEllipsis {height:1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} } a[name]:not([href]){display: block; position: relative; top: -55px; visibility: hidden;} #_atssh { display: none !important; } /*added stop remove odd space at bottom of page*/ /*#####################################################################################*/ /*###################################start take action css ##################################################*/ /*#####################################################################################*/ .ActionItemDIV { background: #FFF; height:250px; width:100%; height:auto; /*min-height:255px;*/ } .action-item:nth-child(odd) { background: #FFF; margin-top:0px; padding-top:5px; } .action-item:nth-child(even) { background: #E3EBF1; margin-top:5px; padding-top:0px; } .takeActionTitle { margin-left:0px; } .takeActionMoreInfoBTNA1 { margin-left:10px; } .takeActionBRclear { clear:both; line-height:50pt; } .actionCenterFormIMG { margin-top:15px; margin-bottom:15px; } .actionTitle { /* margin-left:-2px; margin-top:10px; */ } @media (min-width: 768px) and (max-width: 991px) { /*.control-label { font-size:9px; } .myZip, .myState, .myCity { padding:0px; } */ .myCity { padding-right:0px; } .myState { padding:0px; } .myZip { padding-left:0px; } } .myProgressBar { height:45px; background-color:#FAF7F2; margin-top:10px; border-radius: 6px; border:1px #CDCAD0 solid; } @media (max-width: 479px) { .myProgressBar { margin-top:-20px; } } .recentSigDIV { width:100%; height:30px; display:block; border-bottom:1px #D4D7D7 solid; } .recentSigDIV:nth-child(even) { background: #FFF; margin-top:5px; padding-top:0px; } .recentSigDIV:nth-child(odd) { background: #F1F2F2; margin-top:0px; padding-top:5px; } .recentSigTownSPAN { color:#666666; } @media (max-width: 379px) { .recentSigTownSPAN { display:none; } } div .title-ribbon { position: absolute; -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); transform: skewX(-20deg); -o-transform: skewX(-20deg); -ms-transform: skewX(-20deg); background: #00ADEF; background: #428BCA; padding-right: 13px; margin-top: 0px; margin-right: 19px; margin-left: 0px; height: 31px; padding-top:3px; z-index: 4; } div .title-ribbon:after { content: " "; width: 11px; height: 22px; position: absolute; top: 100%; left: 4px; -webkit-transform: skewX(20deg); -moz-transform: skewX(20deg); transform: skewX(20deg); -o-transform: skewX(20deg); -ms-transform: skewX(20deg); } .ribbon-title { color:white; font-weight:bold; padding:2px 0px 0px 4px; } .ribbon-title:hover { color:white; font-weight:bold; text-decoration:none; } #RecentSignatureDIV { width:100%; height:auto; margin-left:5px; min-width:100px; min-height:100px; padding-top: 0; padding-bottom: 0; border-top: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; box-shadow: -5px 0 5px -5px rgba(119,119,119,0.7); background: #fdfdfd; background: -moz-linear-gradient(left,#ffffff 0%,#ffffff 70%,#fcfcfc 80%,#f7f7f8 100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ffffff),color-stop(70%,#ffffff),color-stop(80%,#fcfcfc),color-stop(100%,#f7f7f8)); background: -webkit-linear-gradient(left,#ffffff 0%,#ffffff 70%,#fcfcfc 80%,#f7f7f8 100%); background: -o-linear-gradient(left,#ffffff 0%,#ffffff 70%,#fcfcfc 80%,#f7f7f8 100%); background: -ms-linear-gradient(left,#ffffff 0%,#ffffff 70%,#fcfcfc 80%,#f7f7f8 100%); background: linear-gradient(to right,#ffffff 0%,#ffffff 70%,#fcfcfc 80%,#f7f7f8 100%); } .RecentSignatureDIVbtn { content: ""; position: absolute; bottom: -15px; left: 14px; width: 97%; height: 15px; box-shadow: 0 -5px 5px -5px rgba(0,0,0,0.8); } .takeActionModalInnerDIV { padding:10px; margin:0px; } .errorMessageRowDIV { margin-bottom:8px; } .takeActionTitleRibbonDIV { margin-left:-5px !important; } .brCLEAR { clear:both; } .takeActionHoldingDIV { width:100%; height:auto; border:1px #CCC solid; padding-top:34px; } .takeActionBodyDIV { padding:0px 15px 0px 15px; margin-bottom:15px; } .takeActionBodyInnerDIV { height:532px; padding:5px; margin:0px; background-color:#EEE; border:1px #CCC solid; border-radius: 6px;overflow-y:auto; } .takeActionSendEmailHoldingDIV { background-color:#F4F4F4; padding-top:10px; -webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;border-top-left-radius: 20px; } .takeActionBtnLgVP { padding:5px; margin-bottom:0px; } .takeActionBtnP { margin-right:0px; margin-top:10px; } /*#####################################################################################*/ /*###################################end take action css ##################################################*/ /*#####################################################################################*/