/* ************************************************* NAWBO San Antonio Author: http://www.NAWBOSA.com Updated: June 2, 2009 Notes: ************************************************* */ /*------------------------------------------- RESET STYLES v1.0 | 20080212 http://meyerweb.com/eric/tools/css/reset/ -------------------------------------------*/ /* EXPANDABLE BUTTONS */ @import "/Common/CSS/button.css"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a:focus { outline: 1px dotted; } ins { text-decoration: none; } del { text-decoration: line-through; } form{ clear:both; } /*------------------------------------------- CLEARFIX -------------------------------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display:block; } /* End hide from IE-mac */ /*------------------------------------------- GENERAL SELECTORS -------------------------------------------*/ body { margin: 0 auto; width: 100%; position: relative; background: #505050 url(StoreImages/topbk2.png) repeat-x top left; color: #5f666b; font-family: Arial, Helvetica, sans-serif; font-size: 70.0%; } h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; font-size: 15px; /*position: relative; */ } h1 { margin: 3px 7px 9px 0px; color: #474646; font-size: 26px; font-weight: bold; letter-spacing: -.02em; padding: 6px 0px 6px 0px; border-top: 1px solid #e8e8e8; border-bottom: 3px solid #009999; } h2 { margin: 14px 0px 8px 0px; color: #474646; font-size: 18px; font-weight: bold; letter-spacing: -.02em; padding-top:4px; border-top: 3px solid #009999; line-height: 20px; } h2 span { font-size: 11px; font-weight: normal; letter-spacing: 0; } .flat { margin-top: 0px; } h3 { margin: 18px 15px 7px 0px; font-size: 15px; line-height: 17px; color: #009999; padding-bottom: 5px; } h3 a:link{ text-decoration: none; color: #009999; } h3 a:hover{ text-decoration: none; color: #009999; } h3 a:visited{ text-decoration: none; color: #009999; } h3 a:active { text-decoration: none; color: #009999; } h4 { margin: 0px 0px 0px 0px; font-size: 13px; } h5 { margin: 14px 15px 7px 15px; font-size: 13px; font-style: italic; } h6 { margin: 14px 15px 7px 15px; font-size: 11px; font-style: italic; } p { margin: 5px 15px 16px 0px; font-size: 12px; line-height: 18px; } a:link { color: #747e84;} a:visited { color: #909aa0;} a:hover { color: #85949c;} a:active { color: #747e84;} /* LISTS */ li, dt, dd { font-size: 11px; } li { margin-top: 4px; } dt { font-weight: bold; line-height: 18px; } dd { line-height: 18px; } /* TABLES */ table { margin: 0 0 0 0; padding: 0 0 0 0; } th { text-align: left; } th, td { padding: 0px 0px 0px 0px; font-size: 11px; vertical-align: top; text-align: left;} td p { margin-top: 0; } caption { margin-bottom: 0px; font-size: 15px; font-weight: bold; text-align: left; } ul{margin-top:6px;margin-bottom:14px;} li{font-size:12px;line-height:18px;} /*------------------------------------------- HEADER -------------------------------------------*/ /* BODY WRAPPER DIVS */ #header-wrapper{ width: 100%; margin-top: 0px; height: 148px; background: transparent /*url(images/illustrations/header-swoosh.jpg) no-repeat top center*/; } #header{ width: 990px; margin: 0 auto; padding-top:10px; padding-bottom:0; background: transparent url(StoreImages/meanbusiness.png) no-repeat right top ; } #logo{ display: block; width: 338px; height:73px; background: transparent url(images/logos/logo2.png) no-repeat left top; margin-bottom: 12px; float: left; } #global_nav { float:right; margin: 10px 0px 0px 0px;} #global_nav ul{ margin:0px 0px 0px 0px;padding:0;list-style-type:none;} #global_nav li{ margin:0;padding:0;display:inline; margin-top: 0px !important;} #global_nav a{ /*background-color: #e9e9e9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.85; KhtmlOpacity: .85; opacity: .85;*/ z-index: 500; display:block; float:left; padding: 5px 5px 5px 5px; color: #9f9f9f; font-family:arial,sans-serif; font-size:12px;text-decoration:none;} #global_nav a:hover{ color: #007771; /*background-color: #dfdfdf;*/} #nav{ width: 100%; background-color: #e9e9e9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: 0.85; KhtmlOpacity: .85; opacity: .85; clear: both; z-index: 9999999; height:46px; /* position: relative;*/} #nav li {font-size: 11px; } .chrome .nav { height: 50px; } #nav2{ width: 100%; background: transparent url(../images/onepxl/whitebg.png) top left; clear: both; z-index: 499; height:46px;} #nav2 li {font-size: 11px; } .chrome .nav2 { height: 50px; } #noborder { border: 0px; !important} /*------------------------------------------- CONTENT -------------------------------------------*/ #content-wrapper{ width: 100%; background: #e1e1e1 url(StoreImages/contentbk.png) repeat-x top left; } #content{ width: 965px; margin: 0 auto; background-color: white; padding: 5px 12px 32px 12px; } #lightboxcontent{ width: 100%; margin: 0 auto; background-color: white;} #content img { padding: 2px 2px 5px 2px; } h1.adh1 { border-bottom: 1px solid #ccc; color: #009999; font-size: 18px; letter-spacing: normal; line-height: 29px; margin-top: 10px; margin-bottom: 10px; background-color: whitesmoke; padding-left: 10px} #sponsor-wrapper{margin-top:8px; width: 100%; background: #e1e1e1 url(StoreImages/sponsorbk.png) repeat-x top left; clear:both;} #sponsor{margin: 0 auto; background-color: white; padding: 0px 10px 0px 10px; height: 140px; } #sponsor h1 { margin: 0px 0 5px 0; color: #474646; font-size: 19px; font-weight: bold; letter-spacing: -.03em; padding: 12px 0px 12px 0px; border-top: 1px solid #e8e8e8; border-bottom: 3px solid #009999 } span.desc {font-size: 11px; font-weight: normal; letter-spacing: normal; } #sponsor img { margin: 0px 5px 0px 2px; } /* INNER CONTENT */ #copyright {clear: right; width: 800px; padding: 15px 0px 0px 0px; margin: 0 auto; text-align: left;} .copyright { text-align: left; } #intro { width: 450px; padding: 5px 12px 5px 6px; } #intro p { color: #555555; font-size: 12px; margin: 0px 0px 3px 9px;line-height: 18px; } #main { width: 665px; float:left; } #main h3{width:600px;} #main .bignum { font-size: 27px; font-weight: bold; color: #dedede; float: left; margin-right: 12px;width:22px;margin-top:2px;margin-bottom:0;padding-left:0px;margin-left:4px;} #events { width: 215px; height: 160px; padding: 5px 5px 5px 5px; float: right; } #events ul { width: 210px; list-style: none; margin: 0px 4px 0px 0px; !important; padding: 0 !important; } #events ul li { margin-bottom: 1px; margin-top: 0px !important;} #events ul a { color: #474646; border-left: 4px solid #d0d0d0; background-color: #f8f8f8; text-decoration: none; display: block; padding: 12px 0px 12px 5px;} #events ul a:hover { border-left: 4px solid #009999; background-color: #efefef; } .events { width: 100%; } #memlogin { width:255px; margin-top: -10px; float:right; } #memlogin p { float:left; margin: -12px 0px 0px 0px !important; } .msie8 #memlogin p { float:left; margin: 9px 0px 0px -5px !important; } #memloggedin { width:255px; margin-top: 0px; float:right; } #memloggedin p { float:right; margin: -23px 0px 0px 5px !important; } .msie8 #memloggedin p { float:right; margin: 9px 0px 0px -5px !important; } #newsletter_home { width:255px; float:right; } #newsletter_home ul { list-style: none; margin: 0 4px 0px 0px; !important; padding: 0 !important; } #newsletter_home ul li { margin-bottom: 0px; margin-top: 0px !important;} #newsletter_home ul a { color: #474646; border-bottom: 1px solid #d0d0d0; background-color: #f8f8f8; text-decoration: none; display: block; padding: 4px 0px 4px 5px; } #newsletter_home ul a:hover { border-bottom: 1px solid #009999; background-color: #efefef; } #resources { width:255px; float:right; } #resources ul { list-style: none; margin: 0 4px 0px 0px; !important; padding: 0 !important; } #resources ul li { margin-bottom: 0px; margin-top: 0px !important;} /* #resources ul a { color: #474646; border-bottom: 1px solid #d0d0d0; background-color: #f8f8f8; text-decoration: none; display: block; padding: 4px 0px 4px 5px; } */ /* Use this for when there's a button on the homepage. -cb */ #resources ul a { color: #474646; border-bottom: 1px solid #d0d0d0; background-color: #f8f8f8; text-decoration: none; display: block; padding: 6px 0px 6px 5px; } /* Use this for when there's no button on the homepage. -cb */ #resources ul a:hover { border-bottom: 1px solid #009999; background-color: #efefef; } #sidebar { width:255px; float:right; } #sidebar p { font-size: 11px; color:#666; margin: 4px 0px 3px 0px;} /* AIOHO STYLES */ #aiohonav{ float: right; background-color: #fff; line-height:20px; margin-right:15px; margin-left:20px; margin-top:10px; margin-bottom:20px; border-bottom: 3px solid #ccc; padding:0px 7px 7px 7px; } #aiohonav h2 { margin: 0px 0px 3px 0px; color: #474646; font-size: 18px; font-weight: bold; letter-spacing: -.02em; padding: 4px 0px 4px 0px; border-top: 1px solid #009999; } /* CALL2CLICK */ #calltoclick { float: right; line-height:20px; margin-right: 0px; margin-left:20px; margin-top:2px; margin-bottom:10px; border-bottom: 0px solid #ccc; padding:0px 0px 7px 7px; width: 270px; background-color: #FFF; } #calltoclick h1 { margin: 0px 0px 3px 0px; color: #474646; font-size: 20px; font-weight: bold; letter-spacing: -.05em; padding: 4px 0px 4px 0px; border-top: 1px solid #009999; border-bottom: 0px; } #calltoclick h2 { margin: 0px 0px 3px 0px; color: #474646; font-size: 18px; font-weight: bold; letter-spacing: -.02em; padding: 4px 0px 4px 0px; border-top: 1px solid #009999; } #calltoclick p { font-size: 11px; color:#666; margin: 4px 0px 3px 0px;} #calltoclick ul { list-style: none; margin: 0 4px 0px 0px; !important; padding: 0 !important; } #calltoclick ul li { margin-bottom: 0px; margin-top: 0px !important;} #calltoclick ul a { color: #474646; border-bottom: 1px solid #d0d0d0; background-color: #f8f8f8; text-decoration: none; display: block; padding: 4px 0px 4px 5px; } #calltoclick ul a:hover { border-bottom: 1px solid #009999; background-color: #efefef; } #sponsortitle { font-size: 17px; font-weight: bold; } .adtable a{ font-size: 12px; font-weight: normal; color:#999; text-decoration: none; } .adtable h4 { margin: 0; font-size: 15px; line-height: 17px; color: #F90; padding-bottom: 5px; border-bottom: 1px solid #efefef; } .adtable td { padding-bottom: 20px; } .committeechairs{margin-left:30px;} /* BOARD OF DIRECTORS */ #boardofdirectors{margin-left:10px;margin-top:15px;} #boardofdirectors p{padding-top:0px;padding-bottom:0px;margin-top:0px; margin-bottom:0px;} .boardmember{font-size:15px;color:#009999;font-weight:bold;} #boardofdirectors img { border: 3px solid #009999; padding: 0; margin: 0px 10px 5px 5px; width: 100px; float:left;} #boardofdirectors span {padding-top:10px;} .boardposition{font-size:14px;border-top:1px dashed #e8e8e8;width:300px;margin-bottom:100px;margin-top:5px; } .boardposition p{padding-top:2px;padding-bottom:2px; margin: 2px 2px 0px 2px !important; } /* HISTORY */ .history_date{border:1px dashed #e2e2e2;background-color:#f6f6f6;padding-right:10px;text-align:center;} .pastpres td{font-size:12px;} /* ESA STYLES */ .ESA_circle_title{color:#009999;font-weight:bold;font-size:20px;margin-bottom:5px;padding:5px 5px 5px 10px;;border-bottom:1px solid #cecece;} .ESA_circle_year{color:#2a2a2a;border:1px dashed #d8d8d8;background-color:#f6f6f6;padding:10px;width:100px;font-weight:bold;font-size:18px;text-align:center;} .ESA_circle_winner{font-size:12px;padding:6px 6px 6px 12px;} .thumb img{ border: 2px solid #e5e5e5; margin:0px 10px 0px 10px; padding: 0px 0px 0px 0px !important; } .thumb:hover img{ border: 2px solid #009999; margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px !important; } .clear{clear:both;} .orange { color: orange; } #testimonials { line-height:20px; margin: 0x; padding:0px 20px; background-color: #FFF; } #testimonials h2 { margin: 0px 0px 3px 0px; color: #474646; font-size: 18px; font-weight: bold; letter-spacing: -.02em; padding: 4px 0px 4px 0px; border-top: 1px solid #009999; } #testimonials p { margin: 0; padding: 0;} #testimonials img {float: left; width: 70px; margin-right: 10px;} #testimonials ul { list-style: none; } #testimonials li { list-style-type: none; clear: both; } #testimonials label { padding: 3px 0px 0px 10px !important; margin-left: 15px !important; } #testimonials input { margin-right: 5px !important; } #payfor label { padding: 3px 0px 0px 10px !important; margin-left: 15px !important; } #payfor input {margin-right: 5px !important; } .quote { font-size: 12px; margin: 2px 8px 5px 0px; } .name { font-size: 15px !important; color: #009999 !important; margin: 0px 0px 0px 0px !important; text-align: right; font-style: italic; } .org { font-size: 11px !important; color: #999 !important; text-align: right; margin: 2px 0px 35px 0px !important; } #easyTooltip{ padding:5px; border:1px solid #ccc; background: #fff; } #member_console { width: 100%; overflow: hidden; } #member_console p { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; font-size: 11px; } #member_console #upload { width: 250px; float: left; overflow: hidden; margin-right: 20px;} #member_console #files { width:680px; overflow: hidden; } #member_console a { width: 238px; height: 63px; display: block; float: left; margin: 0px 2px 5px 0px; padding: 10px 0px 0px 0px; text-decoration: none !important; font-size: 11px; vertical-align: middle; } #member_console ul { list-style: none; margin: 0; padding: 0; } #member_console li { list-style-type: none; float: left; } #member_console a:hover { color: #009999; } #member_console .link_txt { text-decoration: underline !important; font-weight: bold !important; line-height: 17px; #333; } #member_console .small_txt { text-decoration: none !important; font-weight: none !important; color: #666; line-height: 1.1em !important; } #member_console img { float:left; margin: -8px 3px 0 0px; } #dms_console { width: 100%; overflow: hidden; } #dms_console p { margin: 17px 0px 0px 0px !important; padding: 0 !important; font-size: 11px; } #dms_console a { width: 185px; height: 63px; display: block; margin: 0px 2px 5px 0px; padding: 10px 0px 0px 0px; text-decoration: none !important; font-size: 11px; } #dms_console ul { list-style: none; margin: 0; padding: 0; width: 100%;} #dms_console li { list-style-type: none; float: left; } #dms_console a:hover { color: #009999; } #dms_console .link_txt { text-decoration: underline !important; font-weight: bold !important; line-height: 17px; } #dms_console img { float:left; margin: -8px 3px 0 0px; } #dms_area { position: relative; } /* BOARD MEMBER ONLY */ #board_docs { width: 100%; overflow: hidden; } #board_docs h3 { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important;} #board_docs h4 { padding-top: 15px !important; clear: both;} #board_docs p { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; font-size: 11px; } #board_docs #upload { width: 250px; float: left; overflow: hidden; margin-right: 20px;} #board_docs #files { width:900px; overflow: hidden; margin: 0 auto; } #board_docs a { width: 208px; height: 45px; display: block; float: left; margin: 0px 5px 5px 0px; padding: 15px 0px 0px 10px; background: transparent url(images/buttons/board_file.png) no-repeat top left; font-size: 11px; color: #333; text-decoration: none !important; } #board_docs a:hover { background: transparent url(images/buttons/board_file.png) no-repeat bottom left } #board_docs .small_txt { font-size: 11px; color: #999; } #board_docs img { float:left; margin: -2px 6px 0 0px; } #DMSmenu { width: 900px; overflow: hidden; margin: 0 auto; margin-bottom: 20px;} #DMSmenu a { width: 33%; height: 45px; display: block; float: left; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; background: transparent url(images/buttons/dms_item2.png) no-repeat top left; font-size: 17px; color: #fff; font-weight: bold; text-decoration: none !important; text-align: center;} #DMSmenu .small_txt { font-size: 11px; color: #fff; font-weight: normal !important; } #DMSmenu a:hover { background: transparent url(images/buttons/dms_item2.png) no-repeat bottom left } #adminmgmt td { vertical-align: top; } #mainmenu { float:right; height: 40px; } #mainmenu a { line-height: 43px;} .miniphoto { float:left; height: 200px; width: 200px; border: 1px solid #CCC; padding: 8px; margin: 3px;} .p1 { background: #f6f6f6 url(images/online/online_0000.jpg) 8px 8px no-repeat; } .p2 { background: #f6f6f6 url(images/online/online_0001.jpg) 8px 8px no-repeat; } .p3 { background: #f6f6f6 url(images/online/online_0002.jpg) 8px 8px no-repeat; } .p4 { background: #f6f6f6 url(images/online/online_0003.jpg) 8px 8px no-repeat; } .p5 { background: #f6f6f6 url(images/online/online_0004.jpg) 8px 8px no-repeat; } .p6 { background: #f6f6f6 url(images/online/online_0005.jpg) 8px 8px no-repeat; } .p7 { background: #f6f6f6 url(images/online/online_0006.jpg) 8px 8px no-repeat; } .p8 { background: #f6f6f6 url(images/online/online_0007.jpg) 8px 8px no-repeat; } .p9 { background: #f6f6f6 url(images/online/online_0008.jpg) 8px 8px no-repeat; } .p10 { background: #f6f6f6 url(images/online/online_0009.jpg) 8px 8px no-repeat; } .p11 { background: #f6f6f6 url(images/online/online_0010.jpg) 8px 8px no-repeat; } .p12 { background: #f6f6f6 url(images/online/online_0011.jpg) 8px 8px no-repeat; } .p13 { background: #f6f6f6 url(images/online/online_0012.jpg) 8px 8px no-repeat; } .p14 { background: #f6f6f6 url(images/online/online_0013.jpg) 8px 8px no-repeat; } .p15 { background: #f6f6f6 url(images/online/online_0014.jpg) 8px 8px no-repeat; } .p16 { background: #f6f6f6 url(images/online/online_0015.jpg) 8px 8px no-repeat; } .p17 { background: #f6f6f6 url(images/online/online_0016.jpg) 8px 8px no-repeat; } .p18 { background: #f6f6f6 url(images/online/online_0017.jpg) 8px 8px no-repeat; } .p19 { background: #f6f6f6 url(images/online/online_0018.jpg) 8px 8px no-repeat; } .p20 { background: #f6f6f6 url(images/online/online_0019.jpg) 8px 8px no-repeat; } .p21 { background: #f6f6f6 url(images/online/online_0020.jpg) 8px 8px no-repeat; } .p22 { background: #f6f6f6 url(images/online/online_0021.jpg) 8px 8px no-repeat; } .p23 { background: #f6f6f6 url(images/online/online_0022.jpg) 8px 8px no-repeat; } .p24 { background: #f6f6f6 url(images/online/online_0023.jpg) 8px 8px no-repeat; } .p25 { background: #f6f6f6 url(images/online/online_0024.jpg) 8px 8px no-repeat; } .p26 { background: #f6f6f6 url(images/online/online_0025.jpg) 8px 8px no-repeat; } .p27 { background: #f6f6f6 url(images/online/online_0026.jpg) 8px 8px no-repeat; } .p28 { background: #f6f6f6 url(images/online/online_0027.jpg) 8px 8px no-repeat; } .p29 { background: #f6f6f6 url(images/online/online_0028.jpg) 8px 8px no-repeat; } .p30 { background: #f6f6f6 url(images/online/online_0029.jpg) 8px 8px no-repeat; } .p31 { background: #f6f6f6 url(images/online/online_0030.jpg) 8px 8px no-repeat; } .p32 { background: #f6f6f6 url(images/online/online_0031.jpg) 8px 8px no-repeat; } .p33 { background: #f6f6f6 url(images/online/online_0032.jpg) 8px 8px no-repeat; } .p34 { background: #f6f6f6 url(images/online/online_0033.jpg) 8px 8px no-repeat; } a.savethedate { width: 250px; height: 80px; display: block; background: url(images/buttons/ESA_SaveTheDate.png) top left no-repeat; } a.savethedate:hover { background: url(images/buttons/ESA_SaveTheDate.png) bottom left no-repeat; } #savethedate { width: 100%; background-color: #000000; padding: 0px; color: #fff; } #savethedate p{ color: #fff; font-size: 12px; } #savethedate img { padding: 0px; margin: 0px;} #savethedate table{ text-align: center; margin: 0 auto; padding: 0px; border: 0px; border-collapse:collapse; } #savethedate table td{ margin:0 !important; padding: 0 !important; vertical-align: top; } #quickmenu_homepage ul { list-style: none; margin: 0px 2px 5px 0px !important; padding: 0px !important; } #quickmenu_homepage ul li { margin: 0px 3px 0px 0px; !important; float: left; } #quickmenu_homepage ul a { display: block; width: 31px; height: 31px; background: transparent url(images/smallbtn.png) top left no-repeat; padding: 5px 0px 0px 5px; } #quickmenu_homepage ul a:hover { } /* EXPANDABLE BUTTONS */ .btn { font-family: Arial; font-weight: bold; font-size: 11px; color: white !important;} .btn:hover { background-color: #009999; } .btn[class] { background: url(Common/CSS/shade.png); background-position: bottom; } /* EVENTS CALENDAR MAINTENANCE LIST */ .fieldinputtitle td { background-color: #CCFFCC; height: 20px; } .fieldinputrow1 td { background-color: #efefef; height: 25px;} .fieldinputrow2 td { background-color: #FFFFFF; height 25px;} /* EVENT FEE FOR REGISTRATION */ .eventfee th { padding-bottom: 4px; } .eventfee { padding-bottom: 10px; } /* DMS TABLES */ .dmstable { padding: 0; border-spacing: 0; width: 100%; border: none;} .dmstable th { font-size: 1.1em; border-bottom: 1px #e9e9e9 solid; padding-bottom: 2px; } .dmstable tr.d0 td { background-color: #ffffff; text-align: left; vertical-align: top;} .dmstable tr.d1 td { background-color: #ececec; text-align: left; vertical-align: top;} .dmstable tr {line-height: 22px; } .dmstable tr.highlight td { background-color: #e6f7f7; } /* DMS Mini Navigation */ #mini_nav { position: absolute; top: 5px; right: 0px;} #mini_nav ul { list-style: none; margin-top: -2px !important; padding: 0 !important; clear: both; } #mini_nav ul li { margin: 0px 3px 0px 0px; !important; float: left; } #mini_nav ul a { display: block; width: 31px; height: 31px; background: transparent url(images/smallbtn.png) top left no-repeat; padding: 5px 0px 0px 5px; } /* FOR THE INPUTS FOR EVENTS CALENDAR MAINTENANCE */ table.EventCalendarMaintenance td { height: 25px; vertical-align: middle; } table.EventCalendarMaintenance select { height: 25px; width: 230px; } .ListBy { position: relative; } .ListBy img.help { position: absolute; top: 0; right: 0; } /* ESA AWARD WINNERS DARK */ #awardwinners { background: transparent url(StoreImages/esa_secondary_blank.jpg) repeat top left; overflow: hidden; } #awardwinners h2 { color: #fff; padding: 0px; margin: 0px 0px 5px 0px; border-top: 0px; } #awardwinners h3 { padding: 0px; margin: 0px 0px 10px 0px; } #awardwinners p {color: #fff; font-size: .9em; padding: 0px; margin: 0px;} #awardwinners ul { list-style: none; margin: 0; padding: 0; } #awardwinners ul li{ width: 449px; list-style-type: none; display: block; float: left; margin: 10px; padding: 5px; background: transparent url(images/onepxl/bg.png) repeat top left; height: 250px; } /* ESA AWARD WINNERS LIGHT */ #awardwinners_light { background: transparent url(StoreImages/esa_secondary_blank_light.jpg) repeat top left; overflow: hidden; text-align: center; margin-top: 20px; } #awardwinners_light h2 { color: #fff; padding: 0px; margin: 10px 0px 3px 0px; border-top: 0px; text-align: center; } #awardwinners_light h3 { color:#f5f5f5; padding: 0px; margin: 0px 0px 1px 0px; text-transform: uppercase; font-size: .9em; width: auto !important; text-align: center; } #awardwinners_light a h2, #awardwinners_light a h3{ text-decoration: none !important; } #awardwinners_light p {color: #fff; font-size: .9em; padding: 0px; margin: 0px;} #awardwinners_light img { width: 110px; padding: 5px; background: transparent url(images/onepxl/bg.png) repeat top left; margin: 10px auto; } #awardwinners_light ul { list-style: none; margin: 0; padding: 0px 0px 0px 0px; } #awardwinners_light ul li{ width: 190px; list-style-type: none; display: block; float: left; margin: 10px; padding: 5px; background: transparent url(images/onepxl/bg.png) repeat top left; height: 260px; } #awardwinners_light ul li a { font-size: 11px; color: #D2F2F1; text-decoration: none; line-height: 10px; } /* recp */ .recp { clear: both; float: left; width: 630px; margin-top: 20px;} .recp h2{ border-top: 0px !important; padding: 0px 0px 0px 170px !important; margin: 0px 0px 0px 0px !important; font-size: 2em; } .recp h3{ text-transform:uppercase; padding: 0px 0px 0px 170px !important; margin: 0 !important; font-size: 1.2em; } .recp h4{ margin-bottom: 10px; color: #999; padding: 0px 0px 0px 170px; } .recp p{ float: left;} .recp img { float: left; border: 2px solid #006666; margin-right: 10px; margin-bottom: 10px; margin-top: -60px; padding: 2px !important; width: 150px; } /* SAVE THE DATE */ #savethedate a:link { color: #fff; } #savethedate a:hover { } #savethedate h1 { font-size: 16px; margin: 5px 0px 10px 0px; padding: 0px; } #savethedate p { font-size: 11px; margin: 5px 0px 10px 0px; padding: 0px; } #savethedate td { vertical-align: top; } #savethedate table.content { text-align: center; margin: 0 auto; width: 620px; padding: 0px; } #savethedate .imglink {border:none;} #savethedate img { padding: 0 !important; margin: 0 !important; border: none !important; } /* ESA REGISTER PAGE */ #ESARegister { background: transparent url(StoreImages/ESA_Register_Page.gif) no-repeat top left; width: 550px; height: 325px; padding: 140px 80px 0px 110px; text-align: center;} #ESARegister h1 { border: 0px !important; font-size: 1.6em; margin-bottom: 0px; color:#666; } #ESARegister p { font-size: 11px; line-height: 14px; margin-bottom: 0px; } #ESARegister #list {text-align: center;} #ESARegister #list h2 { color: #333; padding: 0px; margin: 5px 0px 3px 0px; border-top: 0px; text-align: center; font-size: 1.5em; letter-spacing: normal; } #ESARegister #list h3 { color:#066; padding: 0px; margin: 0px 0px 1px 0px; text-transform: uppercase; font-size: .9em; width: auto !important; text-align: center; } #ESARegister #list a h2, #awardwinners_light a h3{ text-decoration: none !important; } #ESARegister #list p {color: #333; font-size: .9em; padding: 0px; margin: 0px;} #ESARegister #list img { width: 85px; padding: 5px; margin: 10px auto; background: #066; } #ESARegister #list ul { list-style: none; margin: 0; padding: 0px 0px 0px 0px; } #ESARegister #list ul li:first-child { margin-left: 75px; } #ESARegister #list ul li{ width: 185px; list-style-type: none; display: block; float: left; margin: 5px; padding: 2px; background: transparent; height: 200px; } #ESARegister #list ul li a { font-size: 11px; color: #666; text-decoration: none; line-height: 10px; } /* NAWBO Newsletter */ #NewsletterTest { background: transparent url(StoreImages/ESA_Register_Page.gif) no-repeat top left; width: 550px; padding: 140px 80px 0px 110px; text-align: center;} #NewsletterTest h1 { border: 0px !important; font-size: 1.6em; margin-bottom: 0px; color:#666; } #NewsletterTest p { font-size: 11px; line-height: 14px; margin-bottom: 0px; } #NewsletterTest #list {text-align: center;} #NewsletterTest #list h2 { color: #333; padding: 0px; margin: 5px 0px 3px 0px; border-top: 0px; text-align: center; font-size: 1.5em; letter-spacing: normal; } #NewsletterTest #list h3 { color:#066; padding: 0px; margin: 0px 0px 1px 0px; text-transform: uppercase; font-size: .9em; width: auto !important; text-align: center; } #NewsletterTest #list a h2, #awardwinners_light a h3{ text-decoration: none !important; } #NewsletterTest #list p {color: #333; font-size: .9em; padding: 0px; margin: 0px;} #NewsletterTest #list img { width: 85px; padding: 5px; margin: 10px auto; background: #066; } #NewsletterTest #list ul { list-style: none; margin: 0; padding: 0px 0px 0px 0px; } #NewsletterTest #list ul li:first-child { margin-left: 75px; } #NewsletterTest #list ul li{ width: 185px; list-style-type: none; display: block; float: left; margin: 5px; padding: 2px; background: transparent; height: 200px; } #NewsletterTest #list ul li a { font-size: 11px; color: #666; text-decoration: none; line-height: 10px; } /*------------------------------------------- FOOTER -------------------------------------------*/ #footer-wrapper{ width: 100%; margin-top: 0px; background: transparent url(StoreImages/btmbk.png) repeat-x top left;} #footer{ width: 990px; height: 115px; margin: 0 auto; color: #e1e1e1; text-align: left; } #footer ul { list-style:none; display:inline; margin:0 !important; padding: 0 !important;} #footer ul li { display:inline; margin-right: 9px; margin-bottom: 100px; padding-left: 15px; background: transparent url(http://www.nawbosa.org/StoreImages/divider.png) no-repeat left top; padding-right: 0px; line-height: 50px;} #footer ul li:first-child { background: transparent; padding-left: 0px; } #footer ul li a{ font-weight: bold; color: #fff; } #footer ul li a:hover{ font-weight: bold; color: #51b9b9; } #footer a{ color: #e1e1e1; text-decoration:none;} #footer a:hover{ color: #51b9b9; text-decoration:none; } /* SOCIAL MEDIA */ .socialmedia{ float:right; margin-top:0px; margin-bottom:0px; clear:both; width: 310px; } .chrome .socialmedia{ float:right; margin-top:0px; margin-bottom:0px; clear:both; width: 320px; } .safari .socialmedia{ float:right; margin-top:0px; margin-bottom:0px; clear:both; width: 315px; } .socialmedia p{ font-size: 11px; float: right; margin-right: 10px; line-height: 22px; text-align: right;} .socialmedia a{ display: block; height: 24px; width: 24px; float: right; display: inline; margin-right:5px; margin-top: 5px; } a.facebook{ background: transparent url(images/buttons/facebook.png) no-repeat top left; } a.facebook:hover{ background: transparent url(images/buttons/facebook.png) no-repeat bottom left; } a.twitter{ background: transparent url(images/buttons/twitter.png) no-repeat top left; } a.twitter:hover{ background: transparent url(images/buttons/twitter.png) no-repeat bottom left; } /*------------------------------------------- MISC -------------------------------------------*/ /* CLASSES */ .top{ width: 455px; border-left: 1px solid #dadbdd; height: 380px } .title{ font-family:Myriad Pro, Arial, sans-serif; line-height: 45px; font-weight: bold; font-size:16px; padding-left:10px; letter-spacing: 0; } /* MISC */ .float-left { margin: 0 0 0 0; float: left; } .float-right { margin: 0 0 0 0; float: right; } /*------------------------------------------- Altair Commerce Engine -------------------------------------------*/ #whole{ padding:0px; } #whole a{ line-height: 14px; } #whole table td { vertical-align: top !important; } #sponsorarea td { text-align:center; } #sponsorarea p { float:left; text-align:left; } #sponsorarea a { font-size: 11px; } .stitle { font-size: 12px; font-weight: bold; color: #009999; } #bdentry { margin-bottom: 10px; line-height: 13px; } #bdentry h3 { margin-bottom: 5px; padding-bottom: 0px; } #bdentry p { margin:0; padding:0; line-height: 14px;} td.dayofweek{ color: #fff; line-height: 23px; font-size: 12px; background-color: #009999; font-weight: bold !important; padding-left: 5px; padding-top: 0px; } #calcontainer, .events-top{ width: 900px; } #calcontainer table td a:link, #calcontainer table td a:visited{ color: #009999; text-decoration: none; line-height:11px; text-align: left; } #calcontainer table td a:hover{ text-decoration: underline; } .email_default{ color: #ccc; font-style: italic; } #applycontent { margin-left: 10px; } #applycontent table, td { vertical-align: middle; } #registerbutton { width: 205px; height: 33px; margin-right: 1px; margin-bottom: 2px; } #registerbutton a{ line-height: 33px; text-align: center; text-decoration: none; font-weight: bold; color: #efefef; display: block; font-size: 14px; background: transparent url(images/buttons/eventregister02.png) no-repeat top left; } #registerbutton a:hover{ text-decoration: none; color: #fff; background: transparent url(images/buttons/eventregister02.png) no-repeat bottom left; } #registerbutton a:active{ } #bdbutton { width: 205px; height: 33px; margin-right: 1px; margin-bottom: 2px; } #bdbutton a{ line-height: 33px; text-align: center; text-decoration: none; font-weight: bold; color: #efefef; display: block; font-size: 14px; background: transparent url(images/buttons/eventregister03.png) no-repeat top left; } #bdbutton a:hover{ text-decoration: none; color: #fff; background: transparent url(images/buttons/eventregister03.png) no-repeat bottom left; } #eventbuttons { float:left; width: 102px; height: 27px; background: transparent url(images/buttons/linkbk.png) no-repeat top left; margin-right: 1px; } #eventbuttons a{ line-height: 23px; text-align: center; text-decoration: none; color: #e1e1e1; display: block; } #eventbuttons a:hover{ text-decoration: none; color: #ffffff; } /* LOGIN MENU */ .menuitem { width: 250px; } .menuitem a{ line-height: 17px; font-weight: bold; } .menuitem p{ margin: 0; padding: 0; font-size: 11px; } #membermenu{} #membermenu td a{ vertical-align: top; font-weight: bold; line-height: 19px; } .memberpriv{ padding-top:0px; margin-top:0; font-size:12px; color:#333 } .logout { font-size: 11px; color: #666; font-weight: normal; } /* for EventsSendToFriend.asp */ .sendtofriend_input { width: 175px; } .sendtofriend_textarea { width: 400px; height: 70px;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(images/colorbox/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(images/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(images/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(images/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(images/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(images/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(images/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(images/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(images/colorbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} #recaptcha_response_field { border-color: transparent !important; /* Text input field border color*/ background-color: transparent !important; /* Text input field background color*/ } /* NEWSLETTER */ #newsletter { width:95%; margin:10px auto; } #newsletter h2 { width: 95% } #newsletter p { width: 95% } .titlebar { font-size: 17px; } .menu { padding:5px 0px 5px 5px; margin:0; color: #3c3c3c; font-family: arial, sans-serif; font-size: 11px; text-align:left; } .readmore { width:100%; text-align:right; color: #3c3c3c; font-family: arial, sans-serif; font-size: 11px; line-height: 18px; } .menu li { list-style-type:none; border-bottom:1px dotted #e1e1e1; padding:1px 0px 1px 0px; } .menu li { list-style-type:none; margin:0 0 0 0; /* ADDED */ text-align:left; } .menu a, .menu a:visited { display:block; font-family:arial, verdana, sans-serif; text-align:left; text-decoration:none; color:#3c3c3c; padding:.3em; } .menu a:hover { background:whitesmoke; } .menu li.last { list-style-type:none; border-bottom:0px dotted #e1e1e1; padding:2px 0px 5px 0px; } .content a:link { color:#07413e; } .content a:visited { color:#07413e; } .content a:hover { color:#12736d; } .content a:active { color:#07413e; } #bnb h1, #bnb h2, #bnb h3, #bnb h4, #bnb p {text-align: center; font-family:Arial, Helvetica, sans-serif;} #bnb table, #bnb td, #bnb tr, #bnb p, #bnb h1, #bnb h2, #bnb h3, #bnb h4, #bnb h5, #bnb h6, #bnb ul, #bnb li, #bnb a {font-family:Arial, Helvetica, sans-serif;} #bnb table, #bnb td { padding: 0px !important; margin: 0 auto !important;} #bnb h1 {font-size: 22px;} #bnb a {color: #006666;} #bnb img {padding: 0px !important;} #bnb span {margin: 0px; padding: 0px;}