/*------------------------ doc: fairvote css css doc defining styles for fairvote.org 2009 site: FairVote.org development: Cobey Potter, Wellfire Interactive version: q4, 2009 ------------------------*/ /* --- base elements --- */ html { background:#fff; color:#454545; display:block; font: 12px/16px Arial, Helvetica, sans-serif; height:100%; padding-bottom:1px; } body { background:url('images/bkg-html.png') center repeat-y; margin:0 auto; position: relative; width:966px; } #container { background: url('images/bkg-body.png') top repeat-x; margin:0 5px; padding:25px 30px 0; position:relative; width:896px; } h2 { color: #B31212; font: 24px/28px "Arial Narrow", Arial, Helvetica, sans-serif; } h3 { color: #336699; font: bold 18px/22px "Arial Narrow", Arial, Helvetica, sans-serif; } h4 { color: #454545; font: 15px/22px "Arial Narrow", Arial, Helvetica, sans-serif; } a { color: #3A6E8E; text-decoration: none; } a:hover { text-decoration: underline; } strong, b { font-weight: bold; } em, i { font-style: italic; } .user-gen ul, .user-gen ol { display:table !important;} .user-gen ul li { background: url('images/elm-bulletRed.gif') 0 8px no-repeat !important; padding: 1px 0 5px 10px !important; } .user-gen ol li { margin:0 0 0 18px !important; padding: 0 0 5px 0 !important; } .user-gen blockquote { margin:.5em 1em !important; padding:.5em 1em !important; } .user-gen blockquote p { padding-bottom:0 !important; } .user-gen table { font-size: 10px; max-width:100%; border:1px solid #e5e5e5; padding:10px;} .user-gen table tr { background:#e5e5e5; } .user-gen table tr:nth-child(even) { background:#daeaff; } .user-gen table td { border-left:1px solid #fff;padding:5px; } .user-gen table td:first-child { border:0; } .user-gen table td p { padding:0; } /* --- base classes --- */ .clear, .col { display:block; overflow:hidden; } .clear:after, .col:after { display:block; visibility:hidden; float:left; clear:both; height:0; content:"."; } .col, .left { float:left; } .right { float:right; } .attributed { margin:-25px 0 40px; text-align:right; } .attributed strong { font-weight:bold; } .link-more { clear:both; float:right; font: bold 12px/20px "Arial Narrow", Arial, Helvetica, sans-serif; margin: 10px 10px 0 0; } .link-more a { background: url('images/elm-sidebarLinkMore.gif') right 3px no-repeat; display: inline; font-style: normal; padding-right: 15px; } .image, .figure, #content p img { display:block; margin:4px 20px 0 0; } .image.right, .figure.right { margin:4px 0 0 20px; } /* --- base forms --- */ form { position:relative; } form .col { border-right: 1px solid #DAEAFF; padding:0 25px 0 0; width:265px; position:relative; } form .col + .col { border-left: 1px solid #DAEAFF; border-right: 0; margin-left:-1px; padding:0 0 0 25px; } form fieldset { display:block; padding:0 0 20px; } form .turing { display:none; } form label, form .instruction { display:block; padding-bottom:4px; position:relative;} form label span, form .instruction span { color: #ad1525; display:block; font:10px/18px Arial, Helvetica, sans-serif; position:absolute; right:18px; top:0; } form input[type="text"], form input[type="password"], form input:not([type]), form select, form textarea { background: #DBEAF5; border: 1px solid #808080; color: #315A7A; display:block; font: 12px/18px Arial, Helvetica, sans-serif; height:18px; padding:4px 2px 0; width: 240px;} form input[type="checkbox"], form input[type="radio"] { margin:0 10px 5px 0; } form select { height: 24px; padding: 2px 2px 2px; width:246px; } form textarea { height: 180px; } form input:focus, form select:focus, form textarea:focus { background: #315A7A !important; color: #fff; } form button, #PageCommentInterface_Form_PostCommentForm .action { background: #315A7A; border:0; color: #f9f9f9; display:inline-block; font: 12px/22px "Arial Narrow", Arial, Helvetica, sans-serif; height: 22px; margin: 0 0 0 6px; padding:0 2px 2px; text-transform: uppercase; width:50px;} form button:hover, #PageCommentInterface_Form_PostCommentForm .action:hover{ background: #ad1525; color: #fff; cursor:pointer; } form .error, form .message { color:#ad1525; } form .help { display:none; } form .action, #PageCommentInterface_Form_PostCommentForm .Actions { clear:both; padding-top:25px; text-align:right; } #form-mediaFilter .bit { padding:0; width:80%; float:inline; } #form-mediaFilter .instruction { float:left; font-weight:bold; padding:0; } #form-mediaFilter label { float:left; padding:0 10px; } #form-mediaFilter .action { float:right; padding:0; margin-top:-22px;} #PageCommentInterface_Form_PostCommentForm { padding:10px 0;} #PageCommentInterface_Form_PostCommentForm fieldset { width:100%; } #PageCommentInterface_Form_PostCommentForm div { border:0; margin:0 0 20px 0; padding:0; width:290px; } #PageCommentInterface_Form_PostCommentForm .left { float:none; } #PageCommentInterface_Form_PostCommentForm input { width:100%; } #PageCommentInterface_Form_PostCommentForm .textarea { width:100%; } #PageCommentInterface_Form_PostCommentForm textarea { clear:both; width:200%; } #PageCommentInterface_Form_PostCommentForm .Actions { margin-top:-25px; padding-top:0; width:100%; } #PageCommentInterface_Form_PostCommentForm .action { text-align:center; } #form-emailFriend .col + .col { width:498px; } #form-emailFriend textarea { width:492px; } #form-emailFriend button { width:100px; } #btn_contact { width:100px; } /* header */ #header { margin-bottom:20px; } #header h1 { margin-bottom: 12px;} #header #form-miniSearch { position:absolute; right:40px; top:94px; width:210px; } #header #form-miniSearch .gsc-branding { display:none; } #header #form-miniSearch .gsc-input input { width:140px; } #header #form-miniSearch .gsc-search-button input { background: #315A7A; border:0; color: #f9f9f9; display:inline-block; font: 12px/22px "Arial Narrow", Arial, Helvetica, sans-serif; height: 22px; margin: 0 0 0 6px; padding:0 2px 2px; text-transform: uppercase; width:50px;} #header #form-miniSearch .gsc-search-button input:hover { background: #ad1525; color: #fff; cursor:pointer; } /* footer */ #footer { background: url('images/bkg-footer.jpg') bottom no-repeat; clear: both; color: #315A7A; margin: 0 0 10px -35px; padding: 0 35px 20px; width: 896px;} #footer .nav { border-top: 1px solid #808080; padding-top: 12px; text-align: center; } #footer .nav li { border-left: 1px solid #315A7A; display: inline-block; height: 9px; } #footer .nav li:first-child { border:0; } #footer .nav li a { float: left; margin-top: -2px; padding: 0 2px 0 5px; } #footer p { text-align: center; padding: 12px 0 0;} /* --- structure --- */ #content { margin: 0 10px 25px 0; min-height: 300px; width: 672px; } #content.full { width:100%; } #content p a, #content li a { font-weight:bold; } #banner { height:270px; overflow:hidden; position:relative; width:662px; } #banner > .figure { position:relative; margin-top:-4px; } #banner a { display:block; color: #B31212; } #banner p { background:url('images/bkg-bannerText.png') repeat; color: #B31212; display:none; font: 20px/40px "Arial Narrow", Arial, Helvetica, sans-serif; left:120px; padding: 0 25px; position:absolute; top:180px; width:500px; } .jsActive #banner > .figure { position:absolute; } .article { background:#fff; border:4px double #e5e5e5; clear:both; display:inline-block; font: 12px/17px Arial, Helvetica, sans-serif; margin:0 0 12px; padding:20px 37px 17px; position:relative; } .article .section .col { border-right: 1px solid #e5e5e5; padding:0 10px; width:305px; position:relative; margin:10px 0; } .article .section .col + .col { border-left: 1px solid #e5e5e5; border-right: 0; margin-left:-1px; } #tmpl-index .article { padding:4px; } #tmpl-index .article:first-child { border:1px solid #e5e5e5;} #tmpl-index .article:first-child p { color:#666; font: italic 12px/16px Arial, Helvetica, sans-serif; padding:20px 10px 15px;} #tmpl-index .article .section { width:652px; } #tmpl-section .article { padding:20px 20px; } #tmpl-section .article .section { border-bottom:1px solid #e6e6e6; width:100%; } #tmpl-section .article .section:first-child { margin-top:-10px; } #tmpl-section .article .section:last-child { border-bottom:0; } #tmpl-section .article .section:last-child { margin-bottom:-10px; } #tmpl-section .article .col { display:block; width:291px; } #tmpl-content .article { width:590px; } #tmpl-section #map.article { padding: 20px 7px; float: left; } #tmpl-list .article { display:block; } .article h2 { background:url('images/bkg-hdrContent.gif') 0 bottom repeat-x; margin:0 0 25px; } .article h2 span { color: #336699; display:block; font: normal 18px/28px "Arial Narrow", Arial, Helvetica, sans-serif; } .article h3 { padding-bottom:12px; } .article h4 { font: bold 16px/20px "Arial Narrow", Arial, Helvetica, sans-serif; margin:0 0 12px; } .article p { padding-bottom:10px; } #tmpl-list h2 { margin-bottom:10px; } .article .related { background:url("images/elm-related.gif") 0 16px no-repeat; border-top:1px solid #e5e5e5; clear:both; height:52px; padding:34px 0 16px 26px; } .article .related h4 { color:#3A6E8E; float:left; font: 32px/32px "Arial Narrow", Arial, Helvetica, sans-serif; margin:0 16px 0 0;} .article .related ul { float:left; margin-top:-16px; width:445px; } .article .related ul li a { color:#C1272D; text-decoration:underline; } .article .results { float:left; } #tmpl-section .article .col .figure { padding:0 10px 0 0; } #tmpl-section .article .col .preview { color:#454545; display:inline; } #tmpl-content #content .figure { float:left; } #tmpl-content #content .figure img { display:block; margin-top:-10px; } #tmpl-content #content .user-gen { display:inline; } #tmpl-blog .preview .link-more { bottom:0px; } .overview { display:inline-block; width:624px; } #tmpl-blog .overview { width:590px; } #tmpl-list .overview { width:813px; } #tmpl-section .overview .image { margin-left:6px; } #tmpl-content .abstract > p:nth-of-type(1) { color:#315A7A; font-size:13px; line-height:22px; margin-top:-20px; text-align:justify; } .entries { margin:0 auto; position:relative; width:651px; } .entries h4 { border-bottom:1px solid #315A7A; color:#315A7A; font-size:14px; letter-spacing:.12em; line-height:15px; padding:0 0 3px; text-transform:uppercase; } .entries h4 span { font-style:italic; font-variant:normal; font-weight:normal; text-transform: lowercase; } .entries .to-top { font-size:11px; position:absolute; right:0; top:0; } .entries > ul { padding:9px 0; } .entries > ul > li { border-top:1px solid #b9b9b9; padding:9px 0; } .entries > ul > li:first-child { border:0; padding-top:0; } .entries li p { background: #DEEBF5; color:#333; float:left; font:12px/18px Arial, Helvetica, sans-serif; margin:0 10px 0 0; padding:5px; width:320px; } .entries dfn, .entries .details h5 { color: #315A7A; font-weight:bold; padding-bottom:1px; text-transform:uppercase; } .entries .details { float:left; font-weight:bold; padding:5px 0 5px 10px; width:300px; letter-spacing:1px; position:relative; } .entries .details h5 { color:#454545; font:bold 11px/18px Arial, Helvetica, sans-serif; } .entries .attributed { margin:0 0 6px; text-align:left; display:block; margin:0; } .entries .attributed li { background: url('images/elm-bulletGray.gif') 0 6px no-repeat; padding: 1px 0 2px 10px; } #PageComments { border-top:1px solid #DAEAFF; margin-top:10px;} #PageComments li { border-bottom:1px solid #DAEAFF; } #PageComments li .comment { margin:5px 0 0; padding: 10px 10px 5px; } #PageComments li .info { margin:0 0 5px; padding: 5px 10px 10px; } #PageComments .even div { background: #DBEAF5; } #PageComments .odd div { background: #fafafa; } .list { clear:both; } .list > li { border-bottom: 1px solid #DCDCDC; margin-bottom:10px; padding-bottom:20px; position:relative; } .list h3 { font:16px/20px "Arial Narrow", Arial, Helvetica, sans-serif; margin:0 0 6px 0; } .list h3 span { color: #B31212; display:block; font:normal .85em/1em Arial, Helvetica, sans-serif; } .list .details { min-height:100px; overflow:hidden; position:relative; } .list .attributed { margin:0 0 6px; text-align:left; } .list .preview { color:#454545; display:block; margin:0; padding-bottom:10px; -moz-column-count:1; -webkit-column-count:1; } .list .link-more { bottom:0px; margin-top:0; position:absolute; right:-10px; } #tmpl-blog .list > li { padding:0 0 20px; } #tmpl-blog .list h3 { margin:0; } #tmpl-blog .list .figure { float:left; padding:0 20px 10px 0; } #tmpl-blog .list .preview { margin:0; } .postslist h3 { padding-bottom:0px; } #tmpl-section .postslist > li:last-child { border-bottom:0; } #tmpl-content .list .attributed, #tmpl-list .list .attributed { background: #DEEBF5; margin:0; bottom:0; left: 0; top:-4px; padding:5px; position:absolute; width:48%; } #tmpl-content .list .preview, #tmpl-list .list .preview { float:right; margin-bottom:20px; width:48%; } #list-sitemap > div { float:left; padding:0; width:258px; } #list-sitemap .first { margin-right:20px; } #list-sitemap .row { width:536px; } #list-sitemap .row div { float:left; margin-left:20px; width:258px; } #list-sitemap .row div:first-child { margin-left:0px; } #list-sitemap h2 { margin-bottom:20px; } #list-sitemap h3, #list-sitemap h4 { border-top:4px solid #e5e5e5; line-height:24px; margin:0; padding:10px 0; } #list-sitemap ul { list-style: circle; padding-left: 20px; } #list-sitemap li a { display:block; } #list-sitemap.list-rss .first { margin-right:0px; } #list-sitemap.list-rss .row { margin-left:20px; width:258px; } .list-rss li { background:url("images/elm_li-rss.gif") right 2px no-repeat; } .list-rss li a span { display:none; } .pagination { clear:both; text-align:right; padding-bottom:10px;} .pagination li { display:inline-block; padding:0 2px; position:relative; } .pagination li a { text-decoration:underline; } .pagination li a:hover { color:#B31212; } .pagination .first a, .pagination .last a { background: url('images/elm-arrows.gif') 0 -16px no-repeat; display:block; height:10px; padding:2px 0; overflow:hidden; text-indent:100000px; position:relative; width:9px; } .pagination .last a { background-position:0 4px;} #tmpl-content .pagination, #tmpl-list .pagination { clear:none; } #tmpl-content .pagination, #tmpl-content .results { margin-top:-14px; } #tmpl-content .pagination:last-child { margin-top:0px; } /* --- updated 12/12/2011 for AddThis integration --- */ .share { clear:both; width:100%; text-align:center;} .share .addthis_toolbox { overflow:hidden; width:auto; display:inline-block; } .postslist { margin-top:10px; } #sidebar { background: url('images/bkg-sidebar.png') repeat-y; margin:0 0 25px; padding: 0 0 0 4px; position:relative; width: 210px; } #sidebar .util { background:url('images/elm-sidebarEndcap.png') no-repeat; bottom:-13px; margin:0 0 0 -4px; overflow: hidden; text-indent: -9999px; position:absolute; width: 216px; } .jsActive #sidebar { overflow:visible; } #sidebar ul li { background: url('images/elm-bulletRed.gif') 0 6px no-repeat; padding: 1px 0 5px 17px; } #sidebar ol li { margin:0 0 0 17px; padding: 1px 0 5px 0; } #sidebar .list li { background:none; padding:2px 0 0;} #sidebar .figure { padding:8px 10px 0 0;} #sidebar .attributed { clear:both; margin:0 0 6px; font-weight:bold; } #sidebar .link-more { clear: both; height: 20px; margin: 5px 0 5px; text-align: center; } #sidebar .link-all { text-align:right; } /* --- modules --- */ .module { display:inline-block; margin-top:10px; padding:10px 0; } .module h3 { font:16px/20px "Arial Narrow", Arial, Helvetica, sans-serif; padding:0 0 10px; } .module h3 a:hover { text-decoration:underline; } .module h3 span { color: #B31212; display:block; font:normal .9em/1em Arial, Helvetica, sans-serif; } .module h4 { clear:both; color: #B31212; font:14px/19px Arial, Helvetica, sans-serif; margin-bottom:0; } .module h5 { color: #336699; font:bold 13px/19px "Arial Narrow", Arial, Helvetica, sans-serif; } .module ul, .module ol { clear:both; } .module .figure ~ ul, .module .figure ~ ol { clear:none; float:left; } .module ul li { background: url('images/elm-bulletGray.gif') 0 8px no-repeat; padding: 1px 0 5px 10px; } .module ol li { margin:0 0 0 20px; padding: 0 0 5px 0; } .module p a, .module li a { font-weight:bold; } #sidebar .module { background:#fff url('images/bkg-sidebarModule.jpg') bottom repeat-x; display:block; margin:0; padding: 10px; overflow:hidden; position: relative;} #sidebar .module:first-child { border-top:2px solid #315A7A; } #sidebar .module h3 { font:15px/18px "Arial Narrow", Arial, Helvetica, sans-serif; padding-bottom:2px; } #sidebar .module h4 { font:13px/16px Arial, Helvetica, sans-serif; margin:0; padding:0; } #sidebar .module h5, .module .figure { float:left; padding-top:10px; margin-bottom:0; } .module .figure.right { float:right; padding:0 0 10px 20px; } .module .figure.center, .media .figure { float:none; padding:0 0 10px; text-align:center; } .module .attributed { font-size:11px; margin:-8px 0 6px; text-align:left; } .module .attributed a { display:inline; } .module .preview { color:#454545; display:block; -moz-column-count:1; -webkit-column-count:1; } .module .link-all { float:none; margin-top:0; text-align:right; } .module .list > li { background:none; border-bottom:0; border-top:1px solid #DAEAFF; margin-bottom:0; padding: 10px 0; } .module .list > li:first-child { border:0; } .module .list .preview { margin:0 0 6px; } .module .list .attributed { font-size:11px; } #sidebar .module .list .attributed { font-weight:normal; } #sidebar .addthis_toolbox { overflow: visible; } #sidebar .addthis_toolbox a { display:block; margin:5px 0 0 -5px; } #sidebar .addthis_toolbox .btn-joinFB { display:block; background:url(/site/images/btn-joinFB.png) no-repeat bottom; height:26px; width:204px; overflow:hidden; text-indent:-999em; opacity:1; } #sidebar .addthis_toolbox .btn-joinFB:hover { opacity:.75; } .featured { display:inline-block; width:622px !important; } .featured h3 { text-transform:uppercase; } .featured h3 span { font-weight:bold; text-transform:none; } .aggregator { font:12px/15px Arial, Helvetica, sans-serif; } .aggregator h3 { padding-bottom:5px; } .aggregator h4 { font:bold 14px/19px "Arial Narrow", Arial, Helvetica, sans-serif; margin-top:3px; } .aggregator .preview h4:hover { color:#336699; text-decoration:underline; } .aggregator .preview { display:block; } .aggregator li .preview p { padding:0px; display:inline; } .aggregator .attributed { color:#454545; margin:0 0 6px; } .aggregator ul li { background:none; border-top:1px solid #E5E5E5; margin:0 0 10px; padding:3px 0 0; } .aggregator ul li:first-child { border:0; } #sidebar .aggregator li { background-position:0 11px; margin:0; padding: 6px 0 6px 17px; } #sidebar .aggregator h4 { color:#336699; font:11px/15px Arial, Helvetica, sans-serif; } #sidebar .aggregator p { background:none; padding:0; } .media .figure { margin-bottom:10px; } .media .link-all { position:relative; top:-10px; } #elm-map p { margin-top:15px; } #sidebar .sticky { background: #D6E7F3 url("images/bkg-sticky.png") 0 bottom no-repeat; color: #fff; text-align: center; } #sidebar .sticky:hover { background: #AECDE1 url("images/bkg-sticky.png") -500px bottom no-repeat; } #sidebar .sticky .content { background: url("images/bkg-sticky.png") -250px 0 no-repeat; display:block; margin:-10px; padding: 10px 10px 10px; } #sidebar .sticky .content:hover { background-position:-750px 0; text-decoration:none; } #sidebar .sticky h4 { color: #B31212; font:normal 18px/25px "Arial Narrow", Arial, Helvetica, sans-serif; margin: 0; text-transform: uppercase; } #sidebar .sticky p { color:#454545; font: italic 12px/15px Arial, Helvetica, sans-serif; padding: 4px 30px 8px;} #sidebar .sticky .link-box { padding:0; } #sidebar .sticky .link-box a { background: #fff; border: 1px solid #808080; color: #ad1525; font: 11px/18px "Arial Narrow", Arial, Helvetica, sans-serif; display:inline-block; margin: 2px auto; padding:2px 5px; text-transform: uppercase; max-width:120px; } #sidebar .sticky .link-box a:hover { background: #ad1525; border: 1px solid #fff; color: #fff; text-decoration:none;} /* --- controls --- */ #util-text { color: #fff; font: 14px/14px "Arial Narrow", Arial, Helvetica, sans-serif; position: absolute; right: 10px; top: 13px; } #util-text dt, #util-text dd { float: left; margin: 0 5px; } #util-text dd { width:66px; } #util-text dd ul li { border-left: 1px solid #fff; display: block; float: left; height: 10px; margin-top: 3px;padding: 0 4px;} #util-text dd ul li:first-child { border: 0; } #util-text a { color: #fff; float: left; padding: 0 1px; text-transform: uppercase; } #ctrl-textReg a { font-size: 13px; margin-top: -2px;} #ctrl-textLg a { font-size: 15px; margin-top: -3px; } #ctrl-textXLg a { font-size: 18px; margin-top: -4px; } #ctrl-tabs { margin-top: 20px; } #ctrl-tabs h2 { margin:0 10px 5px; } #ctrl-tabs .section { display:block; } #ctrl-tabs .module { clear:both; margin:0; padding:0; width:305px; } #ctrl-tabs .module:first-child { border-bottom: 1px solid #e5e5e5; margin-bottom:10px; } #ctrl-tabs .col:last-child .module:first-child { border-bottom: 0; } .jsActive #ctrl-tabs { margin-top:65px; } .jsActive #ctrl-tabs h2 { background:none; margin:-38px 0 0 -7px; position:absolute; } .jsActive #ctrl-holder { border-right:1px solid #e5e5e5; float:right; height:25px; margin:-33px -8px 0 0;} .jsActive #ctrl-holder li { background:url("images/bkg-tabs.png") 0 -104px no-repeat; color:#fff; cursor:pointer; font:16px/25px "Arial Narrow", Arial, Helvetica, sans-serif; float:left; padding:0 10px 0 35px; text-align:center; } .jsActive #ctrl-holder li:hover { text-decoration:underline; } .jsActive #ctrl-holder li:first-child { background-position:0 -26px; } .jsActive #ctrl-holder .on { background-position:0 -78px; color:#5588BB; padding-bottom:1px; } .jsActive #ctrl-holder .on:hover { text-decoration:none; } .jsActive #ctrl-holder .on:first-child { background-position:0 0; } .jsActive #ctrl-holder .on + li { background-position:0 -52px; } #ctrl-billboard { background: #5588BB; border:1px solid #ccc; height: 25px; margin:-4px 0; } #ctrl-billboard li { background:url("images/bkg-tabs.png") 35px -105px no-repeat; cursor:pointer; float:left; height:25px; overflow:hidden; text-indent:-1000px; width:60px; } #ctrl-billboard li.tab-bb:hover, #ctrl-billboard li.on { background-color: #fff; background-position:35px -53px; color:#5588BB; } #ctrl-billboard li.support { background-position:35px -79px; } #ctrl-billboard li.support-on, #ctrl-billboard li.support-on:hover { background-position:35px -1px; } #ctrl-report, .captionImage, #ctrl-media { background:#DEEBF5; border:1px solid #336699; float:left; width:100px; padding:5px 5px; margin:0 20px 10px 0; text-align:center;} #ctrl-report p, #ctrl-report a, #ctrl-media p, #ctrl-media a { display:block; margin:0; padding:0; } #ctrl-media h5, #ctrl-media p, .captionImage .caption { font-weight:bold; } #ctrl-report img, .captionImage img { margin:0 auto 10px; display:block;} #ctrl-report a { display:block; margin:-5px; padding:5px; } #ctrl-report a:hover { background: #446F8E; color:#fff; text-decoration:none; } #ctrl-search { color: #336699; font:16px/20px "Arial Narrow", Arial, Helvetica, sans-serif; position:absolute; right:37px; top:28px; } #ctrl-search:hover { color: #B31212; cursor:pointer; } #ctrl-media { width:250px; text-align:left; padding:5px 5px 0;} #ctrl-media h3 { color:#B31212; font: normal 12px/16px "Arial Narrow", Arial, Helvetica, sans-serif; text-transform:uppercase; } #ctrl-media .vcard { border-bottom:1px solid #AAA; font-size: 11px; line-height: 15px; padding: 10px 0; } #ctrl-media .vcard:last-child { border-bottom:0; } #ctrl-media address span { display:block; } #sidebar #ctrl-issues { background:#B31212; background:-o-linear-gradient(top, #B55A5C 1%, #800B0B 2%, #); background:-moz-linear-gradient(top, #B55A5C 1%, #800B0B 2%, #B31212); background:-ms-linear-gradient(top, #B55A5C 1%, #800B0B 2%, #B31212); background:-webkit-linear-gradient(top, #B55A5C 1%, #800B0B 2%, #B31212); background:linear-gradient(top, #B55A5C 1%, #800B0B 2%, #B31212); border-top:2px solid #B31212; } #sidebar #ctrl-issues h4 { color: #fafafa; font:normal 14px/25px "Arial Narrow", Arial, Helvetica, sans-serif; margin: 0; text-align:center; text-transform: uppercase; } #ctrl-issues select { margin-top:5px; width:100%; } #ctrl-issues .ctrl-action { margin:-10px 0 0px; text-align:center; } #ctrl-issues button { border:1px solid #fafafa; width:100px; } .jsActive #ctrl-issues { height:20px; position:static; overflow:visible;} .jsActive #sidebar #ctrl-issues:hover { background:#B31212; } .jsActive #menu-issues { cursor:pointer; width:210px; position:absolute; z-index:20; margin-left:-10px; height:30px; } .jsActive #menu-issues h4 { background:url("images/elm-menu-issues.png") 176px -9px no-repeat; height:15px; margin:0 auto 10px !important; width:auto; padding:0 10px; } .jsActive #menu-issues.open h4 { background:url("images/elm-menu-issues.png") 176px 7px no-repeat; } .jsActive #menu-issues a { color:#fff; font-size:12px; background:#B31212; line-height:20px; padding:5px 10px; display:none; } .jsActive #menu-issues.open a { display:block; } .jsActive #menu-issues a:first-child { margin-top:15px !important; } .jsActive #menu-issues a:hover { background:#fff; color:#B31212; text-decoration:none; } /* --- navigation --- */ #link-who { left: 24px; width: 89px;} #link-reform { left: 188px; width: 70px; } #link-research { left: 336px; width: 135px; } #link-learn { left: 548px; width: 135px; } #nav-main { background: url('images/bkg-navMain.jpg') repeat-y; height: 40px; position: relative; width: 896px; } #nav-main .nav li { position: absolute; } #nav-main .nav li:hover, #nav-main .nav .on { border-top:4px solid #B31212; } #nav-main .nav > li > a { display: block; height: 40px; width: 100%; overflow: hidden; text-indent: -1000px; } #nav-main .nav ul { display:none; } #nav-main .nav li:hover ul { background:#fff url('images/bkg-sidebarModule.jpg') bottom repeat-x; border:1px solid #999; border-top:0; display:block; margin-top:-4px; position:absolute; width:160px; z-index:20; } #nav-main .nav ul li, #nav-main .nav ul a { display:block; position:relative; text-indent:0; } #nav-main .nav ul li { padding:3px; } #nav-main .nav ul li:hover { border:0; } #nav-main .nav ul a { color:#386E8E; font: 13px/20px "Arial Narrow", Arial, Helvetica, sans-serif; padding:2px 3px; } #nav-main .nav ul a:hover { background:#386E8E; color:#fff; text-decoration:none; } #nav-global { position:absolute; right:33px; top:50px; } #nav-global ul li { border-left:1px solid #336699; float:left; position:relative; height:9px; } #nav-global li:first-child { border:0; } #nav-global a { color:#336699; float:left; margin-top:-2px; padding:0 5px; } #sidebar .nav ul li { background: none; margin: 0; font: 16px/19px "Arial Narrow", Arial, Helvetica, sans-serif; padding: 0; position: relative; text-transform: uppercase;} #sidebar .nav ul li a, #sidebar .nav ul li span { color: #3A6E8E; display: block; font-weight:normal; padding:0 5px; text-decoration: none; } #sidebar .nav ul ul { margin:5px 5px 0; } #sidebar .nav ul ul li { border-top:1px solid #999; font-size: 12px; line-height:15px; margin: 0; padding:4px 0;} #sidebar .nav ul ul ul { display:none; } #sidebar .nav ul ul ul li { border: 0; font: 12px/15px "Arial Narrow", Arial, Helvetica, sans-serif; text-transform:none; padding:0; margin:0 -5px;} #sidebar .nav ul ul ul ul li { border-left:1px solid #3A6E8E; padding:0; margin:0 10px; } #sidebar .nav ul ul ul ul li a { padding:5px 10px !important; } #sidebar .nav > ul > li { margin:0 -5px; } #sidebar .nav > ul > li > a { margin:0 5px; padding:0; } #sidebar .nav ul li.on, #sidebar .nav ul li a:hover { background:#eeeeee; } #sidebar .nav ul li.on > a, #sidebar .nav ul li.on span { color:#C1272D; } #sidebar .nav ul li.on ul { display:block; } #sidebar .nav ul li.on ul li { border-top:0; } #sidebar .nav ul li.on ul li a, #sidebar .nav ul li.on ul li span { padding:5px 20px; } #sidebar .nav ul li.on ul li a:hover, #sidebar .nav ul li.on ul li.on a, #sidebar .nav ul li.on ul li span { background:#3A6E8E; color:#fff; } #sidebar .nav ul ul ul ul li a:hover { background:#cdcdcd !important; color:#3A6E8E !important; } #nav-breadcrumbs { color: #3A6E8E; font-size: 10px; margin: 6px 0; } #nav-breadcrumbs a { padding: 0 1px; text-decoration: underline; } .menu-glossary { border:2px solid #315A7A; border-left:0; border-right:0; clear:both; display:inline-block; margin:0 0 24px 11px; padding:1px 0; position:relative; width:651px; } .menu-glossary:last-child { margin:0 0 25px 11px; } .menu-glossary a, .menu-glossary span { background:#d2d2d2; color:#315A7A; display:inline-block; height:20px; line-height:20px; margin-left:1px; text-align:center; text-transform:uppercase; width:26px; } .menu-glossary span { color:#fffff1; font-weight:bold; } .menu-glossary a:first-child, .menu-glossary span:first-child { margin-left:0; } .menu-glossary a:last-child, .menu-glossary span:last-child { width:30px; } .menu-glossary a:hover { background:#315A7A; color:#d2d2d2; text-decoration:none; } /* --- Salsa --- */ .diaFields { width:270px; margin:0 20px 20px 0; display:inline-block; border-right:1px solid #DAEAFF; vertical-align:top; } .diaFields .formRow { margin:0 0 14px -7px; width: 240px; } .diaFields .formRow input[type="text"] { width: 240px; } .diaFields .formRow label { display:block; } .diaFields .formRow .required { color: #ad1525; display:block; font:10px/18px Arial, Helvetica, sans-serif; position:absolute; right:-10px; top:-1px; } form #customFields { display:inline-block; width:240px; margin:0; } form #customFields .diaFields { border:0; } form #customFields .formRow { width:240px; } #salsa .securitySeal { float:right; margin:20px 0; } #salsa #donation_amount_other { margin-bottom:20px;} #salsa #donation_amount_other td { padding-top:20px; } #salsa #donation_amount_other .input5 { margin-bottom:-20px; position:relative; top:-22px; left:80px; width:120px;} #salsa #cardInfo .formcell .dia_field_name { display:block; margin-bottom:20px; } #salsa #cardInfo .inputStyle { left:10px; position:relative; top:12px; } #salsa #cardInfo .input3 { display:inline-block; } form #tags { display:inline-block; width:400px; } form #tags p, form #tags div { display:block; margin-bottom:14px;} #salsa form #submit { float:left;} #salsa #clickonce { padding:10px 0;} #salsa form #submit, .dia_submit { background: #315A7A; border:0; color: #f9f9f9; display:inline-block; font: 12px/22px "Arial Narrow", Arial, Helvetica, sans-serif; height: 22px; margin: 0 0 0 -7px !important; padding:0 2px 2px; text-transform: uppercase; width: 50px;} #salsa form #submit:hover, .dia_submit:hover { background: #ad1525; color: #fff; cursor:pointer; } #salsa .item { margin:0 5px 5px 0; float:left; padding:10px 10px 50px; position:relative; min-height:240px; width: 270px; background:#eeeeee;} #salsa .item h2 { font:14px/20px "Arial Narrow", Arial, Helvetica, sans-serif; margin:0 0 6px 0; border-bottom:1px solid #B31212; height:50px;} #salsa .item h2 font { color: #3A6E8E !important; } #salsa .item .purchase { position:absolute; bottom:10px;} .site-banner { background: #361790; color: #FFF; font-weight: 900; padding: 20px; top: -25px; margin-bottom: 20px; position: relative; margin-left: -30px; margin-right: -30px; box-shadow: inset 0 -4px 4px -1px rgba(0, 0, 0, 0.65); } .site-banner + #header #nav-global { top: 100px; } .site-banner + #header #form-miniSearch { top: 125px; } #SitemapMain, #SitemapMain ul { list-style: disc; margin-top: 1em; margin-bottom: 1em; padding-left: 40px; } #SitemapMain li { }