/*------------------------------------------------------------------ Master Stylesheet Project: liveworkthrive.org Version: 1.0 Revised: 06/21/10 Author: Mightyspark Industries, Matthew Miller Useage: Screen -------------------------------------------------------------------*/ @import "reset.css"; @import "typography.css"; @import "tipTip.css"; @import "colorbox.css"; @import "jqueryui/jquery-ui-1.8.2.custom.css"; /*------------------------------------------------------------------ General Styles -------------------------------------------------------------------*/ html { height: 100.5%; } body { position: relative; background: url("../images/bg_banner.png") repeat-x #fafaf4; background-position: 100% 121px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #444; } body#editor { position: relative; background: #fafaf4; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #444; padding: 5px; } .clearBoth { clear: both; } .clearRight { clear: right; } .clearLeft { clear: left; } .vSpace { margin: 20px 0 15px 0; } .lSpace { margin-left: 20px; } .testing { border: 1px solid pink; } .indent { padding: 5px 0 5px 20px;} .float_l { float: left; } .float_l { float: left; } .inline { display: inline; } /*------------------------------------------------------------------ Banner & Structure -------------------------------------------------------------------*/ #bannerContainer { position: relative; width: 960px; margin: 0 auto; z-index: 20; } #banner_logo { position: absolute; top: 0; left: 5px; } #searchBox { position: absolute; top: 11px; left:465px; width: 160px; } #banner_homepage { background:url("../images/bg_banner_home.png") no-repeat; width: 960px; margin: 0 auto; height: 395px; position: relative; top: 130px; z-index: 20; } #banner_homepage > div { border: 1px solid #d4dcaa; width:928px; height: 365px; padding:6px; position: relative; top:0px; left: 10px; text-align: center; z-index: 10; overflow: hidden;} #cu3er-container { outline:0; position: relative; z-index:1; } #banner_cycle {outline:0; position: relative; left: 2px; z-index:1; } #banner_cycle img { display: none; } #banner_cycle img:first-child { display: block; } #banner_interior { width: 960px; margin: 0 auto; height: 220px; position: relative; top: 128px; z-index: 15; } #banner_interior > div { border: 1px solid #d4dcaa; width:690px; height: 200px; padding:4px; position: absolute; top:0px; right: 13px; text-align: center; z-index: 1;} #pageContentHome { position: relative; top: 125px; width: 960px; margin: 0 auto; padding-bottom: 30px; background: url("../images/bg_sidebar.gif") left repeat-y; z-index: 10; } #pageContent { position: relative; top: 131px; width: 960px; margin: 0 auto; padding-bottom: 35px; background: url("../images/bg_sidebar.gif") left repeat-y; z-index: 10; } #sidebarContent { width: 211px; padding: 61px 12px 25px 12px; } #mainContent { width: 680px; float: right; padding: 15px 0; min-height: 450px;} #callout { background-image:url("../images/bg_callout.gif"); background-repeat: no-repeat; width: 675px; height: 80px; padding: 16px 7px; margin: 20px 0; } #mediaDetails { width: 280px; float: right; margin-right: 25px;} div.two_column { float: left; width: 40%; margin: 0 30px 10px 0; } #feature_tabs div { height: 220px; } #donation_tabs div { height: 100px; } .interiorMedia { float: left; width: 450px; text-align: center; padding:20px 0;} .infoBox { width:100%; margin: 25px 0 10px 0; clear: both; } .narrow { width:70%; } .infoBox > div { margin-top: 20px; padding: 0 10px; } .infoBox > div > span { float: left; margin:5px 7px 5px 2px; } .infoBox > div > p { margin: 12px 0 5px 25px; padding: 0; } .infoBox > div > form { margin: 12px 0 0px 25px; } .alertBox { width:280px; float: right; margin: 20px 0 20px 20px; } .alertBox > div { margin-top: 20px; padding: 0 10px; } .alertBox > div > span { float: left; margin:5px 2px 5px -3px; } .alertBox > div p { margin: 10px 4px 6px 8px; padding: 0; font-size: 11.5px; line-height: 17px; color: #4e4a4c; } .alertBox div.item { margin: 20px 0; } #news_flickr { float: right; width: 280px; clear: right;} #news_flickr, #news_flickr > li { list-style: none; background-image: none;} /*------------------------------------------------------------------ Primary Navigation -------------------------------------------------------------------*/ ul#primaryNav { position: absolute; top: 77px; left:190px; width: 770px; height: 44px; z-index: 40;} #primaryNav > li { list-style: none; display: inline; margin: 0; padding: 0; z-index: 40;} #primaryNav > li > a { display: block; float: left; text-indent: -9999px; height: 44px; background-image: url("../images/nav.png"); background-repeat:no-repeat; z-index: 40;} #primaryNav li#home > a, #primaryNav li#home > a:link, #primaryNav li#home > a:visited { background-position:0px 0px; width: 61px; } #primaryNav li#home > a:hover, #primaryNav li#home > a:focus, #primaryNav li#home > a:active, #primaryNav li#home_on > a, #primaryNav li#home_on > a:link, #primaryNav li#home_on > a:visited, #primaryNav li#home a.over, #primaryNav li#home_on a.over { background-position:0px -44px; width: 61px; } #primaryNav li#who_we_are > a, #primaryNav li#who_we_are > a:link, #primaryNav li#who_we_are > a:visited { background-position:-61px 0px; width: 95px; } #primaryNav li#who_we_are > a:hover, #primaryNav li#who_we_are > a:focus, #primaryNav li#who_we_are > a:active, #primaryNav li#who_we_are_on > a, #primaryNav li#who_we_are_on > a:link, #primaryNav li#who_we_are_on > a:visited, #primaryNav li#who_we_are a.over, #primaryNav li#who_we_are_on a.over { background-position:-61px -44px; width: 95px; } #primaryNav li#ways_we_help > a, #primaryNav li#ways_we_help > a:link, #primaryNav li#ways_we_help > a:visited { background-position:-156px 0px; width: 105px; } #primaryNav li#ways_we_help > a:hover, #primaryNav li#ways_we_help > a:focus, #primaryNav li#ways_we_help > a:active, #primaryNav li#ways_we_help_on > a, #primaryNav li#ways_we_help_on > a:link, #primaryNav li#ways_we_help_on > a:visited, #primaryNav li#ways_we_help a.over, #primaryNav li#ways_we_help_on a.over { background-position:-156px -44px; width: 105px; } #primaryNav li#research_and_tools > a, #primaryNav li#research_and_tools > a:link, #primaryNav li#research_and_tools > a:visited { background-position:-261px 0px; width: 131px; } #primaryNav li#research_and_tools > a:hover, #primaryNav li#research_and_tools > a:focus, #primaryNav li#research_and_tools > a:active, #primaryNav li#research_and_tools_on > a, #primaryNav li#research_and_tools_on > a:link, #primaryNav li#research_and_tools_on > a:visited, #primaryNav li#research_and_tools a.over, #primaryNav li#research_and_tools_on a.over { background-position:-261px -44px; width: 131px; } #primaryNav li#advocacy > a, #primaryNav li#advocacy > a:link, #primaryNav li#advocacy > a:visited { background-position:-392px 0px; width: 84px; } #primaryNav li#advocacy > a:hover, #primaryNav li#advocacy > a:focus, #primaryNav li#advocacy > a:active, #primaryNav li#advocacy_on > a, #primaryNav li#advocacy_on > a:link, #primaryNav li#advocacy_on > a:visited, #primaryNav li#advocacy a.over, #primaryNav li#advocacy_on a.over { background-position:-392px -44px; width: 84px; } #primaryNav li#news_and_events > a, #primaryNav li#news_and_events > a:link, #primaryNav li#news_and_events > a:visited { background-position:-479px 0px; width: 112px; } #primaryNav li#news_and_events > a:hover, #primaryNav li#news_and_events > a:focus, #primaryNav li#news_and_events > a:active, #primaryNav li#news_and_events_on > a, #primaryNav li#news_and_events_on > a:link, #primaryNav li#news_and_events_on > a:visited, #primaryNav li#news_and_events a.over, #primaryNav li#news_and_events_on a.over { background-position:-479px -44px; width: 112px; } #primaryNav li#our_voices > a, #primaryNav li#our_voices > a:link, #primaryNav li#our_voices > a:visited { background-position:-590px 0px; width: 91px; } #primaryNav li#our_voices > a:hover, #primaryNav li#our_voices > a:focus, #primaryNav li#our_voices > a:active, #primaryNav li#our_voices_on > a, #primaryNav li#our_voices_on > a:link, #primaryNav li#our_voices_on > a:visited, #primaryNav li#our_voices a.over, #primaryNav li#our_voices_on a.over { background-position:-590px -44px; width: 91px; } #primaryNav li#support_us > a, #primaryNav li#support_us > a:link, #primaryNav li#support_us > a:visited { background-position:-680px 0px; width: 91px; } #primaryNav li#support_us > a:hover, #primaryNav li#support_us > a:focus, #primaryNav li#support_us > a:active, #primaryNav li#support_us_on > a, #primaryNav li#support_us_on > a:link, #primaryNav li#support_us_on > a:visited, #primaryNav li#support_us a.over, #primaryNav li#support_us_on a.over { background-position:-680px -44px;width: 91px; } /*------------------------------------------------------------------ Dropdown Menus -------------------------------------------------------------------*/ div.dropdown ul li a,div.dropdown ul li a:link, div.dropdown ul li a:visited { color: #fafaf4; text-decoration: none; padding: 7px 12px; display: block; border-bottom: 1px #9bb522 solid; background-color: #9db33c; font-size: 12px; width: 150px; } div.dropdown ul li a:hover { color: #fafaf4; background-color: #b4ce3a; } div.dropdown ul ul li a,div.dropdown ul ul li a:link, div.dropdown ul ul li a:visited { color: #fafaf4; text-decoration: none; padding: 3px 12px 3px 27px; display: block; border-bottom: 1px #9bb522 solid; background-color: #9db33c; font-size: 12px; width: 135px; } div.dropdown ul ul li a:hover { color: #fafaf4; background-color: #b4ce3a; } div.dropdown ul ul li { line-height: 14px; } li#who_we_are div.dropdown, li#who_we_are_on div.dropdown { position: absolute; top: 44px; left: 69px; width: 174px; visibility: hidden; padding: 0; margin: 0 0 0 -9px; border: 1px solid #c4ce95; border-top: none; z-index: 50; } li#ways_we_help div.dropdown, li#ways_we_help_on div.dropdown { position: absolute; top: 44px; left:164px; width: 174px; visibility: hidden; padding: 0; margin: 0 0 0 -9px; border: 1px solid #c4ce95; border-top: none; } li#research_and_tools div.dropdown, li#research_and_tools_on div.dropdown { position: absolute; top: 44px; left: 269px; width: 174px; visibility: hidden; padding: 0; margin: 0 0 0 -9px; border: 1px solid #c4ce95; border-top: none; } li#advocacy div.dropdown, li#advocacy_on div.dropdown { position: absolute; top: 44px; left: 400px; width: 174px; visibility: hidden; padding: 0; margin: 0 0 0 -9px; border: 1px solid #c4ce95; border-top: none; } li#news_and_events div.dropdown, li#news_and_events_on div.dropdown { position: absolute; top: 44px; left: 484px; width: 174px; visibility: hidden; padding: 0; margin: 0 0 0 -9px; border: 1px solid #c4ce95; border-top: none; } li#our_voices div.dropdown, li#our_voices_on div.dropdown { position: absolute; top: 44px; left: 596px; width: 174px; visibility: hidden; padding: 0; margin: 0 0 0 -9px; border: 1px solid #c4ce95; border-top: none; } li#support_us div.dropdown, li#support_us_on div.dropdown { position: absolute; top: 44px; left: 687px; width: 174px; visibility: hidden; padding: 0; margin: 0 0 0 -9px; border: 1px solid #c4ce95; border-top: none; } /*------------------------------------------------------------------ Intranet Navigation -------------------------------------------------------------------*/ ul#primaryNav { position: absolute; top: 77px; left:190px; width: 770px; height: 44px; z-index: 20;} #primaryNav > li { list-style: none; display: inline; margin: 0; padding: 0; } #primaryNav > li > a { display: block; float: left; text-indent: -9999px; height: 44px; background-image: url("../images/nav.png"); background-repeat:no-repeat; } .intranetNav > li > a { display: block; float: left; text-indent: -9999px; height: 44px; background-image: url("../images/nav_intranet.png") !important; background-repeat:no-repeat; } #primaryNav li#mycwu_home > a, #primaryNav li#mycwu_home > a:link, #primaryNav li#mycwu_home > a:visited { background-position:-22px 0px; width: 59px; } #primaryNav li#mycwu_home > a:hover, #primaryNav li#mycwu_home > a:focus, #primaryNav li#mycwu_home > a:active, #primaryNav li#mycwu_home_on > a, #primaryNav li#mycwu_home_on > a:link, #primaryNav li#mycwu_home_on > a:visited, #primaryNav li#mycwu_home a.over, #primaryNav li#mycwu_home_on a.over { background-position:-22px -44px; width: 59px; } #primaryNav li#finance > a, #primaryNav li#finance > a:link, #primaryNav li#finance > a:visited { background-position:-81px 0px; width: 75px; } #primaryNav li#finance > a:hover, #primaryNav li#finance > a:focus, #primaryNav li#finance > a:active, #primaryNav li#finance_on > a, #primaryNav li#finance_on > a:link, #primaryNav li#finance_on > a:visited, #primaryNav li#finance a.over, #primaryNav li#finance_on a.over { background-position:-81px -44px; width: 75px; } #primaryNav li#human_resources > a, #primaryNav li#human_resources > a:link, #primaryNav li#human_resources > a:visited { background-position:-156px 0px; width: 125px; } #primaryNav li#human_resources > a:hover, #primaryNav li#human_resources > a:focus, #primaryNav li#human_resources > a:active, #primaryNav li#human_resources_on > a, #primaryNav li#human_resources_on > a:link, #primaryNav li#human_resources_on > a:visited, #primaryNav li#human_resources a.over, #primaryNav li#human_resources_on a.over { background-position:-156px -44px; width: 125px; } #primaryNav li#our_organization > a, #primaryNav li#our_organization > a:link, #primaryNav li#our_organization > a:visited { background-position:-281px 0px; width: 138px; } #primaryNav li#our_organization > a:hover, #primaryNav li#our_organization > a:focus, #primaryNav li#our_organization > a:active, #primaryNav li#our_organization_on > a, #primaryNav li#our_organization_on > a:link, #primaryNav li#our_organization_on > a:visited, #primaryNav li#our_organization a.over, #primaryNav li#our_organization_on a.over { background-position:-281px -44px; width: 138px; } #intranetNav li#operations > a, #primaryNav li#operations > a:link, #primaryNav li#operations > a:visited { background-position:-419px 0px; width: 94px; } #primaryNav li#operations > a:hover, #primaryNav li#operations > a:focus, #primaryNav li#operations > a:active, #primaryNav li#operations_on > a, #primaryNav li#operations_on > a:link, #primaryNav li#operations_on > a:visited, #primaryNav li#operations a.over, #primaryNav li#operations_on a.over { background-position:-419px -44px; width: 94px; } #primaryNav li#departments > a, #primaryNav li#departments > a:link, #primaryNav li#departments > a:visited { background-position:-513px 0px; width: 103px; } #primaryNav li#departments > a:hover, #primaryNav li#departments > a:focus, #primaryNav li#departments > a:active, #primaryNav li#departments_on > a, #primaryNav li#departments_on > a:link, #primaryNav li#departments_on > a:visited, #primaryNav li#departments a.over, #primaryNav li#departments_on a.over { background-position:-513px -44px; width: 103px; } #primaryNav li#mycwu_programs > a, #primaryNav li#mycwu_programs > a:link, #primaryNav li#mycwu_programs > a:visited { background-position:-615px 0px; width: 86px; } #primaryNav li#mycwu_programs > a:hover, #primaryNav li#mycwu_programs > a:focus, #primaryNav li#mycwu_programs > a:active, #primaryNav li#mycwu_programs_on > a, #primaryNav li#mycwu_programs_on > a:link, #primaryNav li#mycwu_programs_on > a:visited, #primaryNav li#mycwu_programs a.over, #primaryNav li#mycwu_programs_on a.over { background-position:-615px -44px; width: 86px; } #primaryNav li#help > a, #primaryNav li#help > a:link, #primaryNav li#help > a:visited { background-position:-701px 0px; width: 47px; } #primaryNav li#help > a:hover, #primaryNav li#help > a:focus, #primaryNav li#help > a:active, #primaryNav li#help_on > a, #primaryNav li#help_on > a:link, #primaryNav li#help_on > a:visited, #primaryNav li#help a.over, #primaryNav li#help_on a.over { background-position:-701px -44px;width: 47px; } li#our_organization div.dropdown, li#our_organization_on div.dropdown { position: absolute; top: 44px; left: 268px; width: 174px; visibility: hidden; padding: 0; margin: 0 0 0 -9px; border: 1px solid #c4ce95; border-top: none; } li#departments div.dropdown, li#departments_on div.dropdown { position: absolute; top: 44px; left: 499px; width: 174px; visibility: hidden; padding: 0; margin: 0 0 0 -9px; border: 1px solid #c4ce95; border-top: none; } li#mycwu_programs div.dropdown, li#mycwu_programs_on div.dropdown { position: absolute; top: 44px; left: 602px; width: 174px; visibility: hidden; padding: 0; margin: 0 0 0 -9px; border: 1px solid #c4ce95; border-top: none; } li#help div.dropdown, li#help_on div.dropdown { position: absolute; top: 44px; left: 687px; width: 174px; visibility: hidden; padding: 0; margin: 0 0 0 -9px; border: 1px solid #c4ce95; border-top: none; } /*------------------------------------------------------------------ Secondary Navigation -------------------------------------------------------------------*/ ul.secondaryNav { width: 235px; font: normal 14px/40px Georgia, "Times New Roman"; position: relative; left:-12px; top:-10px; margin-bottom: 25px; } ul.secondaryNav > li { width: 235px; } ul.secondaryNav > li > a { color: #7f7f7c; height: 40px; text-decoration: none; background: url("../images/bg_subnav.png") repeat-x; background-position: 0 0; padding: 0 12px; display: block; } ul.secondaryNav > li > a:hover { color: #65a3b8; background-color: #eeeeea; text-decoration: none; background-position: 0 -40px; } ul.secondaryNav > li.on > a { color: #eeedea; background-color: #65a3b8; text-decoration: none; background-position: 0 -80px; } ul.secondaryNav > ul { width: 235px; font: normal 12px/24px Georgia, "Times New Roman"; margin: 8px 0; } ul.secondaryNav > ul > li { width: 235px; } ul.secondaryNav > ul > li > a { color: #7f7f7c; height: 24px; text-decoration: none; padding: 0 22px; display: block; } ul.secondaryNav > ul > li > a:hover { color: #65a3b8; background-color: #eeeeea; text-decoration: none; } ul.secondaryNav > ul > li.on > a { color: #eeedea; background-color: #65a3b8; text-decoration: none; } ul.secondaryNav > li.longText { line-height:16px; } ul.secondaryNav > li.longText span { position:relative; top:4px; } /*------------------------------------------------------------------ Callout Buttons -------------------------------------------------------------------*/ ul#callout_btn { list-style-image:none; list-style-position:outside; list-style-type:none; width: 670px; } #callout_btn li { height:48px; overflow:visible; float: left; margin-right: 1px; } #callout_btn li a { display: block; text-indent: -9999px; height: 48px; width: 220px; background-image: url("../images/btn_callout.png"); background-repeat:no-repeat; cursor: pointer; } #callout_btn li.help a, #callout_btn li.help a:link, #callout_btn li.help a:visited { background-position:0px 0px; } #callout_btn li.help a:hover, #callout_btn li.help a:focus, #callout_btn li.help a:active { background-position:0px -48px; } #callout_btn li.learn a, #callout_btn li.learn a:link, #callout_btn li.learn a:visited { background-position:-220px 0px; } #callout_btn li.learn a:hover, #callout_btn li.learn a:focus, #callout_btn li.learn a:active { background-position:-220px -48px; } #callout_btn li.action a, #callout_btn li.li.action a:link, #callout_btn li.li.action a:visited { background-position:-442px 0px; } #callout_btn li.action a:hover, #callout_btn li.action a:focus, #callout_btn li.action a:active { background-position:-442px -48px; } #callout_detail_help { display: none; } /*------------------------------------------------------------------ Social Media -------------------------------------------------------------------*/ ul#socialMedia { list-style-image:none; list-style-position:outside; list-style-type:none; width: 200px; position:absolute; top:7px; left:635px; } #socialMedia li { height:25px; overflow:visible; float: left; margin-right: 3px; } #socialMedia li a { display: block; text-indent: -9999px; height: 25px; width: 25px; background-image: url("../images/social_media_icons_global.png"); background-repeat:no-repeat; cursor: pointer; } #socialMedia li.twitter a, #socialMedia li.twitter a:link, #socialMedia li.twitter a:visited { background-position:0px 0px; } #socialMedia li.twitter a:hover, #socialMedia li.twitter a:focus, #socialMedia li.twitter a:active { background-position:0px -24px; } #socialMedia li.facebook a, #socialMedia li.facebook a:link, #socialMedia li.facebook a:visited { background-position:-26px 0px; } #socialMedia li.facebook a:hover, #socialMedia li.facebook a:focus, #socialMedia li.facebook a:active { background-position:-26px -24px; } #socialMedia li.flickr a, #socialMedia li.flickr a:link, #socialMedia li.flickr a:visited { background-position:-51px 0px; } #socialMedia li.flickr a:hover, #socialMedia li.flickr a:focus, #socialMedia li.flickr a:active { background-position:-51px -24px; } #socialMedia li.linkedin a, #socialMedia linkedin a:link, #socialMedia li.linkedin a:visited { background-position:-77px 0px; } #socialMedia li.linkedin a:hover, #socialMedia li.linkedin a:focus, #socialMedia li.linkedin a:active { background-position:-77px -24px; } #socialMedia li.youtube a, #socialMedia li.li.youtube a:link, #socialMedia li.li.youtube a:visited { background-position:-103px 0px; } #socialMedia li.youtube a:hover, #socialMedia li.youtube a:focus, #socialMedia li.youtube a:active { background-position:-103px -24px; } /*------------------------------------------------------------------ Buttons -------------------------------------------------------------------*/ .btn_readmore { } .btn_readmore a, .btn_readmore a:link, .btn_readmore a:visited { display:block; width: 75px; height: 12px; background-image: url(../images/btn_readmore.png); background-repeat:no-repeat; background-position:0 0; text-decoration: none; text-indent: -9999px; } .btn_readmore a:hover, .btn_readmore a:focus, .btn_readmore a:active { background-position:0 -12px; } .btn_readmore_blue { } .btn_readmore_blue a, .btn_readmore_blue a:link, .btn_readmore_blue a:visited { display:block; width: 80px; height: 27px; background-image: url(../images/btn_readmore_blue.png); background-repeat:no-repeat; background-position:0 0; text-decoration: none; text-indent: -9999px; } .btn_readmore_blue a:hover, .btn_readmore_blue a:focus, .btn_readmore_blue a:active { background-position:0 -27px; } .btn_calendar { position: relative; top:30px; } .btn_calendar a, .btn_calendar a:link, .btn_calendar a:visited { display:block; width: 200px; height: 35px; background-image: url(../images/btn_calendar.png); background-repeat:no-repeat; background-position:0 0; text-decoration: none; text-indent: -9999px; } .btn_calendar a:hover, .btn_calendar a:focus, .btn_calendar a:active { background-position:0 -35px; } .btn_donate { position: absolute; top:5px; left: 783px; } .btn_donate a, .btn_donate a:link, .btn_donate a:visited { display:block; width: 170px; height: 35px; background-image: url(../images/btn_donatenow.png); background-repeat:no-repeat; background-position:0 0; text-decoration: none; text-indent: -9999px; } .btn_donate a:hover, .btn_donate a:focus, .btn_donate a:active { background-position:0 -35px; } .btn_suggestion { position: absolute; top:5px; left: 783px; } .btn_suggestion a, .btn_suggestion a:link, .btn_suggestion a:visited { display:block; width: 170px; height: 35px; background-image: url(../images/btn_suggestionbox.png); background-repeat:no-repeat; background-position:0 0; text-decoration: none; text-indent: -9999px; } .btn_suggestion a:hover, .btn_suggestion a:focus, .btn_suggestion a:active { background-position:0 -35px; } .btn_donate_green { margin: 5px 0; } .btn_donate_green a, .btn_donate_green a:link, .btn_donate_green a:visited { display:block; width: 145px; height: 30px; background-image: url(../images/btn_donate_green.png); background-repeat:no-repeat; background-position:0 0; text-decoration: none; text-indent: -9999px; } .btn_donate_green a:hover, .btn_donate_green a:focus, .btn_donate_green a:active { background-position:0 -30px; } .btn_arrow { position: absolute; top: -1px; left: 130px; } .btn_arrow a, .btn_arrow a:link, .btn_arrow a:visited { display:block; width: 24px; height: 20px; background-image: url(../images/btn_arrow_sm.png); background-repeat:no-repeat; background-position:0 0; text-decoration: none; text-indent: -9999px; } .btn_arrow a:hover, .btn_arrow a:focus, .btn_arrow a:active { background-position:0 -20px; } .icon-inline { display: inline-block !important; min-height: 13px; height: 13px; width: 12px; zoom: 1; } .ui-state-highlight, .ui-state-default { background-position: 50% 26px !important; } .btn_dialog_advocacy { margin: 20px 0;} .btn_mail { background-color: #eee; margin-top: 4px; } a.btn_mail:hover, a.btn_mail:active { border-bottom: 1px solid #69A9BC !important; } a + span.icon-inline { margin-left: 20px; } /*------------------------------------------------------------------ Footers -------------------------------------------------------------------*/ #footerContent { position: relative; top: 125px; width: 100%; margin: 0 auto; height: 150px; background-color: #deded9; z-index: 20; } #footerContent > div { width: 960px; margin: 0 auto; position: relative; top:25px; } #footerContent > div > div { float: left; width: 33%; margin-right: 0px; } #footerContent a, #footerContent a:visited, #footerContent a:link { color: #7b7b78; text-decoration: none; } #footerContent a:hover, #footerContent a.active { color: #7b7b78; text-decoration: none; border-bottom: 1px #7b7b78 dotted; } #footerContent ul { float: left; width: 32%; } #footerContent li { list-style: none; display: list-item; margin: 0; padding: 0 0 4px 0; line-height: 12px; } #footerContent li a, #footerContainer_interior li a:visited { font: 10px/12px Arial, Helvetica, sans-serif; color: #7b7b78; text-decoration: none; } #footerContent li a:hover, #footerContainer_interior li a.active { color: #7b7b78; text-decoration: none; border-bottom: 1px #7b7b78 dotted; } div#twitter { height: 80px; width: 270px; } div.twitterSearchTitle { display: none; } /*------------------------------------------------------------------ Images -------------------------------------------------------------------*/ img#logo_background { position: absolute; top: 120px; left: -30px;} img.float_rt { float: right; margin: 0 0 10px 10px; } img.float_lt { float: left; margin: 0 20px 20px 0; } img.thumb { float: left; margin: 0 10px 10px 0; } img.framed { padding: 5px; border: 1px solid #c2c2be; } div.article > img { margin:18px 15px 15px 0;} .thumbs { margin: 0; padding: 0; overflow: hidden; } .thumbs li { list-style: none; float: left; margin: 5px !important; padding: 3px !important; background: #eee !important; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; } .thumbs li a { } .thumbs li img { display: block; } .thumbs li a img { border: none;} /*------------------------------------------------------------------ Forms -------------------------------------------------------------------*/ input.textbox_search { width:120px; border: 1px solid #d8d8d8; color: #9d9d9a; padding:3px; position: relative; top:-4px; } input.textbox_sm { width:180px; border: 1px solid #9d9d9a; color: #9d9d9a; padding:3px; position: relative; top:-5px; } #SignUp .signupframe { border: none; background-color: transparent; color: #232323; font-family: Arial, Helvetica, sans-serif; padding: 20px; } /************************************************************************ -) Slider: only the following lines are necceassary for slider styling, rest of the css file styles the demo page *************************************************************************/ .aviaslider{ height:365px; /*this changes the height of the image slider*/ width:922px; overflow: hidden; position: relative; background: url(../images/layout/preload.gif) center center no-repeat; } .aviaslider li, .aviaslider .featured{ display: none; width:100%; height:100%; position: absolute; top:0; left:0; z-index: 1; } .js_active .aviaslider li, .js_active .aviaslider .featured{ display:none; } .aviaslider img, .aviaslider a img, .aviaslider a{ border:none; text-decoration: none; } .slidecontrolls{ margin:0; position: relative; top:-350px; left:810px; z-index: 10; float: left; width: 120px; } .slidecontrolls a{ height:20px; width:18px; display:block; cursor: pointer; background: transparent url(../images/layout/controlls.gif) center bottom no-repeat; float:left; outline: none; } .slidecontrolls a:hover, .slidecontrolls .active_item{ background: transparent url(../images/layout/controlls.gif) center top no-repeat; } .feature_excerpt{ width:922px; height: 70px; position: absolute; display: block; bottom: 0; left:0; z-index: 2; padding:35px 25px 15px 25px; font-size: 30px; line-height:35px; cursor: pointer; background: #000; color: #fff; text-align: left; } .feature_excerpt strong{ display: block; font-size: 16px; padding-bottom: 3px; } .simple-player-container { display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .simple-player-container > div > ul { margin: 0; padding-left: 0; } li.progressbar-wrapper { padding: 0 !important; } .simpleplayer-play-control { background-image: url(../images/play.png); display: block; width: 16px; height: 16px; bottom: -5px; position: relative; } .simpleplayer-play-control:hover { background-image: url('../images/playing.png'); } .simpleplayer-stop-control { background-image: url('../images/stop.png'); display: block; width: 16px; height: 16px; bottom: -5px; position: relative; } .simpleplayer-stop-control:hover { background-image: url('../images/stoped.png'); } /* Datatables ---------------------------------------------------------------------*/ .dataTables_wrapper { position: relative; margin:20px 0; /* min-height: 302px; */ min-height: 220px; clear: both; } .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; } .dataTables_length { width: 40%; float: left; } .dataTables_filter { width: 50%; float: right; text-align: right; position: relative; top: -2px; left:2px; } .dataTables_info { width: 60%; float: left; font-style: italic; } .dataTables_paginate { width: 42px; float: right; text-align: right; cursor: pointer; } /* Pagination nested */ .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; width: 19px; margin-left: 1px; float: left; } .paginate_disabled_previous { background-image: url('../../sparkcms/img/datatable/back_disabled.png'); } .paginate_enabled_previous { background-image: url('../../sparkcms/img/datatable/back_enabled.png'); } .paginate_disabled_next { background-image: url('../../sparkcms/img/datatable/forward_disabled.png'); } .paginate_enabled_next { background-image: url('../../sparkcms/img/datatable/forward_enabled.png'); } table.display { margin: 20px auto 5px; width: 100%; clear: both; } table.display thead th { cursor: pointer; } table.display tfoot th { padding: 3px 10px; } table.display tr.heading2 td { border-bottom: 1px solid #aaa; } table.display td { /*padding: 3px 10px;*/ } table.display td.center { text-align: center; } .sorting_asc { background: url('../../sparkcms/img/datatable/sort_asc.png') no-repeat center right; } .sorting_desc { background: url('../../sparkcms/img/datatable/sort_desc.png') no-repeat center right; } .sorting { background: url('../../sparkcms/img/datatable/sort_both.png') no-repeat center right; } .sorting_asc_disabled { background: url('../../sparkcms/img/datatable/sort_asc_disabled.png') no-repeat center right; } .sorting_desc_disabled { background: url('../../sparkcms/img/datatable/sort_desc_disabled.png') no-repeat center right; }