﻿body {text-align:center;font-family:arial;font-size:12px;font-weight:normal;background: #002f65;margin:0; padding:0;}

h1{color:#094e85;font-size:22px;}
h2{color:white;font-weight:bold;font-size:16px;background:#5f749f;padding:1px 4px;border-bottom:3px solid #dde2ee;}
p{line-height:22px;}
img {border:0;}
a{color:#ab406c;font-weight:bold;text-decoration:underline;}
a:hover{text-decoration:none;}
a:active{outline: none;}
:focus{-moz-outline-style: none;}
input, select, textarea {font-family: arial;font-size: 12px;border: 1px solid #d1d1d1;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.nofloat{float:none;}

.requiredField {color: #990000;width:5px !important;}
.errors {background: #ffffd5 url('Images/ValidatorIcon.png') no-repeat 10px 10px;width: 225px;border: 1px solid #990000;color: #990000 !important; padding: 10px 10px 10px 50px; font-weight: bold; margin: 0px;margin-bottom: 10px;}
.errors ul{margin: 0px 0px 0px -20px;.margin: 0px 0px 0px 23px;font-weight: normal;}
.success {background: #d7ebb0 url('Images/success.gif') no-repeat 5px;padding: 10px 10px 10px 35px;margin-top:5px;border:1px solid #6d873b;font-weight:bold;color:#495d22;width:200px;}

.listImg{float: left; border: 1px solid #909090 !important;cursor: pointer;}
.listImgLrg{float: left; margin-left: 5px; z-index: 1; position: absolute; border: 1px solid #909090 !important;}
.listNoImg{float:left;margin-left:50px;}

.chkList input{width: auto !important;border:0 !important;}
.chkList label{float: none !important;width: auto !important;}

.inputButton{float:left;padding-right:5px;}
.inputButton a{background: url('Images/btnBg.gif') repeat-x;text-decoration:none;color:White !important;font-weight:bold;float:left;font-size:12px;padding:2px 8px 2px 8px;}
.inputButton a:hover{text-decoration:underline;}

#wrapper{background: url('Images/mainBg.gif') repeat-y;height:auto;margin:0 auto;text-align:left;width:856px;/* ie fix */.margin-top:-3px;_margin-top:0px;.margin-bottom:-9px;_margin-bottom:0px;}
#container{background:#fff url('Images/containerBg.gif') repeat-y;height:auto;margin-left:6px;padding:0px 10px;width:824px;}
#containerInt{background:#fff url('Images/containerIntBg.gif') repeat-y;height:auto;margin-left:6px;padding:0px 10px;width:824px;}

#header{background:#fff;float:left;width:100%;}
#header a{color:#8395a7;text-decoration:none;}
#header a:hover{text-decoration:underline;}
#header .logo{float:left;height:89px;margin-left:10px; margin-right:5px;width:214px; position:relative; z-index:99999; margin-top:-24px;}
#header .phone{float:left;width:325px;padding:20px 0px 0px;}
#header .contactUs{text-align:center;margin:10px 0px 0px;}
#header .member{float:right;height:89px;width:261px;}
#header .action{border:1px solid #d7d7d7;padding:5px;}
#header .action a{color:#860037; font-weight:normal;}
#header .person{font-size:12px;font-weight:normal;color:#003E7A;}
#header .txtBold{color:#860037;font-weight:bold;}

#defaultBar{float:left;width:100%;}
#defaultBar .nav{background: url('Images/defaultNavBg.gif') repeat-y;float:left;height:201px;margin-right:1px;width:223px;}
    a.membersdirectory{ background:url('Images/nav.gif') repeat 0px 0px; width: 223px; height: 33px; display: block; float:left;}
    a.membersdirectory span { display: none; }
    a.membersdirectory:hover { background: url('Images/nav.gif') repeat -233px 0px; }
    a.committees{ background:url('Images/nav.gif') repeat 0px -33px; width: 223px; height: 27px; display: block; float:left;}
    a.committees span { display: none; }
    a.committees:hover { background: url('Images/nav.gif') repeat -233px -33px; }
    a.education{ background:url('Images/nav.gif') repeat 0px -60px; width: 223px; height: 27px; display: block; float:left;}
    a.education span { display: none; }
    a.education:hover { background: url('Images/nav.gif') repeat -233px -60px; }
    a.sponsorship{ background:url('Images/nav.gif') repeat 0px -87px; width: 223px; height: 27px; display: block; float:left;}
    a.sponsorship span { display: none; }
	a.sponsorship:hover { background: url('Images/nav.gif') repeat -233px -87px; }
    a.gallery{background:url('Images/nav.gif') repeat 0px -114px; width: 223px; height: 27px; display: block; float:left;}
    a.gallery span {display: none; }
    a.gallery:hover {background: url('Images/nav.gif') repeat -233px -114px; }
    a.about{background:url('Images/nav.gif') repeat 0px -141px; width: 223px; height: 27px; display: block; float:left;}
    a.about span {display: none; }
    a.about:hover {background: url('Images/nav.gif') repeat -233px -141px; }
    a.contact{background:url('Images/nav.gif') repeat 0px -168px; width: 223px; height: 33px; display: block; float:left;}
    a.contact span {display: none; }
    a.contact:hover {background: url('Images/nav.gif') repeat -233px -168px; }

#defaultBar .fpImages{float:left;height:201px;margin-right:1px;width:338px;}
#defaultBar .logos{background:#5f749f;float:left;height:201px;width:261px; position:relative;}
#defaultBar .logos .ourSponsors{font-size:11px; color:#fff; margin:3px 0px 0px; text-align:center; position:absolute; width:261px; z-index:9999}

#defaultMain{background:#fff;float:left;margin-right:1px;width:600px;}
#defaultMain .copy{padding:24px;}
#defaultMain .copy h1{font-size:16px; color:#003065; margin:0px 0px 10px; }
#defaultMain .highlights{background-color:#002f64;background-image: url('Images/highlightsBg.gif');background-position:top left;background-repeat:no-repeat;border:1px solid #2c7cbc;color:White;min-height:226px;height:auto !important;height:226px;height:auto;width:600px;float:left;}
#defaultMain .highlights a{color:#fff;}
#defaultMain .highlights p{line-height:16px !important;}
#defaultMain .highlights .myImage{border:2px solid #ab406c;float:left;margin:20px 0px 0px 20px;}
#defaultMain .highlights .myHighlight{float:left;}
#defaultMain .highlights .content{font-size:11px;margin-top:60px;margin-left:20px;width:380px;float:left;}
#defaultMain .highlights .link{float:right; margin-right:10px;margin-bottom:10px;}
#defaultEvents{background:#dde2ee;float:left;padding:12px;_padding:17px;width:199px;}
#defaultEvents a{color:#002f65;font-weight:normal;text-decoration:none;}
#defaultEvents a:hover{text-decoration:underline;}
#defaultEvents ul{color:#002f65;font-size:12px;list-style-image: url('Images/liStyle.gif');margin-left:-20px;.margin-left:20px;}
#defaultEvents li{margin-bottom:5px;}
#defaultEvents .eventDate a{font-weight:bold;}
#defaultEvents .eventDescrip{}
#defaultEvents .inputButton{float:right;}
#defaultEvents .inputButton a{font-weight:bold !important;}

#intNav{float:left;height:auto;margin-right:1px;width:223px;}
#intNav h3{font-size:13px; padding:0px 10px; color:#fff;}
#intNav .nav{background: url('Images/defaultNavBg.gif') repeat-y;float:left;height:201px;width:223px;}
#intNav .sponsors{float:left;margin-bottom:10px;margin-left:11px;_margin-left:6px;text-align:center;width:200px;}
#intNav .sponsors img{margin:0px 0px 10px !important;}
#intNav .sponsors .gallerySet{margin:10px auto;}

#intMain{float:left;width:600px;}

#pageHeader{background: url('Images/headerBg.gif') repeat-x;border-bottom:14px solid #dde2ee;height:70px;}
#pageHeader .header{color:White;font-size:30px;font-weight:bold;padding:15px 15px 0px 0px;text-align:right; text-transform: capitalize;}

#intCopy{padding: 10px 15px;}

#footer{background:#5f749f url('Images/footerBg.gif') repeat-x;min-height:157px;height:auto !important;height:157px;border-top:5px solid #fff;width:100%;}
#footer ul{color:White;font-size:10px;list-style-image: url('Images/liStyle_footer.gif');margin-top:10px;margin-left:-20px;.margin-left:20px;}
#footer li{}
#footer a{color:White;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer a.viewMore{color:#002f65;text-decoration:none;}
#footer a.viewMore:hover{text-decoration:underline;}
#footer .careers{border-right:1px solid white;float:left;height:127px;padding:15px;width:177px;color:#fff;}
#footer .headlines{border-right:1px solid white;float:left;height:127px;padding:15px;width:325px;}
#footer .headlines span{color:White;}
#footer .logoInternational{float:left;width:230px; padding:15px;}

#textFooter{color:#fff; margin:10px auto; text-align:center; width:800px;}
#textFooter a{color:#fff; text-decoration:none;}
#textFooter a:hover{text-decoration:underline;}

#paging{margin-top:10px;}
#paging .pageNumber{float:left; margin-right:5px;}

/* dataList */
.dataList{border: solid 1px #bdbdbd; width: 560px; margin-top: 10px;}
.dataListMR{width: 560px;}
.dataListHeader{background-color: #676767; text-align: left; color: white;}
.dataListHeaderMR{display:none;}
.dataListHeader a{text-decoration: none; color: white;}

/* member resources list */
.dataListRow .hide{display:none;}
.dataListAlt .hide{display:none;}   
.dataListAlt, .altRow{background-color: #eeeeee;}
.dataList td{padding: 2px; border-top: 1px solid #bdbdbd; white-space: nowrap;}
.dataList .DataListCommandItem{text-align: right;}
.dataListPager table td{border: 0px; white-space: nowrap;}
.dataListPager a{float: left;}
.dataList .new{color: red;	}
#paging{float:left;}
#paging a.btnPrev {background: url('Images/btnPrevAdmin.gif') !important; overflow: hidden; float:left; display: block; height: 0px; padding-top: 13px; width:13px; margin-right:5px; margin-top:1px;}
#paging a.btnNext {background: url('Images/btnNextAdmin.gif') !important; overflow: hidden; display: block; float:left; height: 0px; margin-top:1px; padding-top: 13px; width:13px;}

/* Edit Form */
.editForm tr {vertical-align: top;}
.editForm td {white-space: nowrap; padding: 1px;}
.editForm input{width: 150px;}
.editForm select{width: 156px; .width: 154px;}
.editForm textarea{width: 400px; height: 100px;}
.editForm .left{float: left;}
.editForm .right{float: left; margin-left: 10px;}
.editForm .right table td{padding: 0px;}
.editForm #dateTitles div, .editForm #dateFields div{height: 28px;}

/* Login Page */
#formLogin{border:1px solid #5f749f; border-top:0;}
#formLogin h2{margin:0; margin-bottom:15px; border:0; background:#5f749f;}
#formLogin table{margin-left:15px;}
#formLogin .labeler{font-weight:bold; color:#094E85; width:75px; float:left;}

/* Contact Page */
#formContact{}
#formContact .labeler{font-weight:bold; color:#094E85; width:100px;}

/* Events Page */
/* -------- breadcrumbs */
#eventNav{background:#fbfafa; border:1px solid #e3e3e3; padding:4px;}
#eventForm textarea{width: 550px; height: 100px;}

/* Members Directory */
#memberSearch{background:#fbfafa; border:1px solid #e3e3e3; float:left; padding:5px;}
#memberSearch label{color:#094E85; font-weight:bold;}
#memberSearch .sector{float:left; margin-right:15px; width:auto;}
#memberDetail{border:1px solid #5f749f; float:left; width:550px;}
#memberDetail span{font-weight:bold;}
#memberDetail .memHeader{background:#5f749f; color:White; float:left; padding:3px; width:544px;}
#memberDetail .company{float:Left; width:auto; font-weight:bold;}
#memberDetail .new{float:left;}
#memberDetail .memBody{padding:5px 10px;}
#memberDetail .type{float:right;}
#memberDetail .topper{float:left; width:530px; margin-bottom:10px;}
#memberDetail .name{font-weight:bold;}
#memberDetail .description{width:395px;}
#memberDetail .email{}
#memberDetail img{float:right; margin-left:10px; margin-bottom:5px;}
#memberDetail .address{margin-bottom:10px;}
#memberDetail .committees{float:right;}
#memberDetail .buildingName{float:left; margin-right:15px;}
#memberDetail .officeArea{float:left;}
#memberDetail .bottom{border-top:1px solid gray; padding:5px 0px; float:left; margin-top:5px; margin-bottom:5px; width:530px;}
#memberDetail .url{float:left; width:310px;}
#memberDetail .phone{float:left; width:120px;}
#memberDetail .addContact{float:left; width:100px; }

/* Events Page */
#eventSearch{background:#fbfafa; border:1px solid #e3e3e3; float:left; padding:5px;}
#eventSearch label{color:#094E85; font-weight:bold;}
#eventSearch .sector{float:left; margin-right:15px; width:auto;}
#tabs a{color:#2c7cbc;}
#tabs a:hover{}
#tabs .message{background:#fff; float:left; margin-left:10px; font-size:10px; width:auto; padding-top:2px;}
#tabs .tab{background: url('Images/calTab.gif') no-repeat; float:left; margin-right:2px; text-align:center; padding-top:2px; width:57px; height:17px;}
#tabs .tab a{color:white !important; font-size:10px; font-weight:normal !important;}

/* Register Forms */
.formRegister{float:left; border:1px solid #5f749f; border-top:0; margin-right:10px;}
.formRegister .title{color:white; font-weight:bold; font-size:16px; background:#5f749f; padding:2px 5px;}
.formRegister .labeler{font-weight:bold; color:#094E85; width:75px;}
.formRegister .memberTitle{font-weight:bold; font-size:14px; padding-bottom:5px; color:#860037}

/* Event Register Form */
.eventRegisterWrap{border:1px solid #5f749f; border-top:0; float:left; width:568px;}
.eventRegisterWrap h2{margin:0; background:#5f749f; margin-bottom:15px; border-bottom:0;}
.formEventRegister{float:left; margin-left:15px; margin-bottom:15px;}
.formEventRegister .title{color:#094E85; font-weight:bold; font-size:14px; text-decoration:underline; height:25px;}
.formEventRegister .labeler{font-weight:bold; color:#094E85; width:75px;}
.fee{background:#ecffe0; padding:5px; font-weight:bold; border:1px solid green; color:Green; margin-left:15px;}

/* Event Question Group */
.eventQuestionGroup{}
.qaBox{background:#fbfafa; border:1px solid #e3e3e3; padding:4px;}
.eventQuestionGroup .title{color:white; font-weight:bold; font-size:16px; background:#2c7cbc; padding:1px 4px; border-bottom:3px solid #e3e3e3;}
.eventQuestionGroup .description{padding:2px 5px;}
.eventQuestionGroup .question{color:#860037; font-weight:bold; font-size:14px; margin-bottom:10px;}
.eventQuestionGroup .answers {font-style:italic; margin-bottom:10px;}
/* number amount */
.eventQuestionGroup .answers span{font-weight:bold;}
.totalBox{font-size:14px; padding:2px 4px;}
.totalBox label{}
.totalBox span{font-weight:bold;}

/* Event Confirm */
#confirmWrap{background:#FBFAFA ; border:1px solid #E3E3E3; color:#094E85; float:left; padding:5px;}
.eventLocation{color:#094E85; font-size:14px; font-weight:bold; margin-bottom:5px;}
#map{border:1px solid #094E85; position:relative; margin-top:10px; margin-bottom:10px; width:530px; height:300px;}
#map span{position:relative; padding-top:40px; font-style:italic;}
.eventInfo{color:#094E85; font-size:14px; font-weight:bold; margin-bottom:5px;}
.eventCatName{float:right; font-weight:bold; font-style:italic;}
#eventDateTimes{float:left; margin-right:15px; width:270px;}
#eventDateTimes .eventDateTime{margin-bottom:5px;}
#eventDateTimes label{font-weight:normal;}
#eventDateTimes .date{float:left; font-weight:bold;}
#eventDateTimes .time{font-weight:bold;}
.sponsorBy{color:#094E85; font-size:14px; font-weight:bold; margin-bottom:5px;}
#location{float:left; width:255px;}
.totalBox{font-size:14px; padding:2px 4px;}
.totalBox label{}
.totalBox span{font-weight:bold;}
.cancellation{float:right; font-size:10px;}

/* Event Payment */
.payOps{margin-top:-10px; .margin-top:-15px;  position:relative; margin-bottom:10px;}
.chkListPay {}
.chkListPay input{width: auto !important; border:0 !important;}
.chkListPay label{color:#094E85; float: none !important; font-size:14px; font-weight:bold; margin-right:20px; width: auto !important;}
#formPayment{}
#formPayment .labeler{font-weight:bold; color:#094E85; width:100px;}

/* Committees */
.committee{background:#FBFAFA ; border:1px solid #E3E3E3; float:left; padding:10px; width:548px; margin-bottom:10px;}
.committee .name{color:#094E85; font-weight:bold;}
.committee .summary{}
.memberLink{}
.committeeResources{background:#fbfafa; border:1px solid #e3e3e3; float:right; padding:5px 10px; width:180px; margin-left:8px;}
.committeeResources ul{padding:0; margin:0; list-style:none;}
.committeeResources li{margin-top:5px;}
.committeeResources a{font-weight:normal;}
.committeeResources label{color:#094E85; font-weight:bold;}
.committeeMember{margin-bottom:10px;}
.committeeMember span{color:#094E85; float:left; font-weight:bold; width:155px;}

/* Register Membership Type */
.memberType{background:#FBFAFA ; border:1px solid #E3E3E3; margin-bottom:10px; padding:10px;}
.memberType .name {color:#094E85; font-weight:bold; float:left; margin-right:10px;}
.memberType .description{}
.memberType .price {color:#ab406c; float:right;}
.memberType .price span{font-weight:bold;}

/* Job Postings */
.news{background:#FBFAFA ; border:1px solid #E3E3E3; float:left; margin-bottom:5px; margin-right:10px; padding:10px; width:548px;}
.news span{font-weight:bold;}
.news .title{color:#094E85; font-weight:bold;}
.news .date{color:#ab406c;}
.news .availableDate{color:#ab406c;}
.jobpost{background:#FBFAFA ; border:1px solid #E3E3E3; float:left; margin-bottom:5px; margin-right:10px; padding:10px; width:245px;}
.jobpost span{font-weight:bold;}
.jobpost .title{color:#094E85; font-weight:bold;}
.jobpost .date{color:#ab406c;}
.jobpost .availableDate{color:#ab406c;}
.jobDetails{}
.jobDetails table{background:#FBFAFA ; border:1px solid #E3E3E3; text-align:right; width:98%;}
.jobDetails td{padding:0px 5px;}
.jobDetails .availableDate{float:right; font-weight:bold; font-style:italic;}
.jobDetails .contactName{color:#094E85; font-weight:bold;}
.jobDetails .contactEmail{}
.jobDetails .url{}
.jobDetails .company{font-weight:bold;}

/* Recent Headlines / News */
.newsDetails{}
.newsDetails .date{float:right; font-weight:bold; font-style:italic;}

/* photo gallery styles */
#holdme {width:500px;}
#holdme h1{color:#003e7a; background:#FBFAFA ; border:1px solid #E3E3E3; padding:5px; text-align:center;}
.flickrThumb{padding: 10px; float: left;}
.flickrThumb img{border:1px solid #003e7a;}
.setTitle{font-size:16px; font-weight:bold; color:#003e7a;}

/* Pure CSS Tooltips */
	a.tt{position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none;}
	a.tt span{ display: none; }
	/*background:; ie hack, something must be changed in a for ie to execute it*/
	a.tt:hover{ z-index:25; color: #aaaaff; background:;}
	a.tt:hover span.tooltip{display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:200px; color: #094e85; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90;}
	a.tt:hover span.top{display: block; padding: 30px 8px 0; background: url('Images/bubble.gif') no-repeat top;}
	/* different middle bg for stretch */ 
	a.tt:hover span.middle{display: block; padding: 0 8px;  background: url('Images/bubble_filler.gif') repeat bottom; }
	a.tt:hover span.bottom{display: block; padding:3px 8px 10px; color: #548912; background: url('Images/bubble.gif') no-repeat bottom;}

/* Member Account */
#member{}
#member h3{background:#5f749f; color:#fff; margin:0; margin-bottom:10px; padding:2px 5px;}
#member .memberpersonal{float:left; border:1px solid #5f749f; border-top:0; height:auto; width:550px;}
#member .membercompany {float:left; width:265px; border:1px solid #5f749f; border-top:0; min-height:340px; height:auto !important; height:340px;}
#member .memberposting{float:left; border:1px solid #5f749f; border-top:0; width:550px;}
#member .memberlinks{float:left; border:1px solid #5f749f; border-top:0; width:550px;}
#member .memberlinks a{line-height:20px; float:left; padding:5px 10px; text-align:center; }
#member .memberevents{float:left; border:1px solid #5f749f; border-top:0; width:550px;}
#member .memberevents a{line-height:20px; float:left; padding:5px 10px; text-align:justify;}
#member .membernews{float:left; border:1px solid #5f749f; border-top:0; width:550px;}
#member .membernews a{line-height:20px; float:left; padding:5px 10px; .padding:0px 10px; text-align:justify; clear: both;}
#memberSearchResults{width: 50%; height: 100px; border: 1px solid #e4e4e4; overflow: scroll; overflow-x: hidden;}
#member .memberResources{float:left; border:1px solid #5f749f; border-top:0; height:auto; width:550px;}
#selectedMembers{width: 45%; height: 100px; border: 1px solid #e4e4e4; overflow: scroll; overflow-x: hidden;}
#selectedMembersHeader {padding: 0px 0px 2px 5px; font-weight: bold;}
#selectedMembersHeader label, .member .rdo {float: left; width: 60px;}
.memberForm td{vertical-align: top;}

/* Event Calendar */
.smallCalendar{float: right; margin-left: 10px; font-size:9px !important; margin-bottom:10px;}
.smallCalendar .calendar{width: 240px !important;}
.smallCalendar .calendar span{height: 10px !important;}

/* Advocacy */
#bomabox{border:1px solid #f2f2f2; padding:10px;}
#bomabox img{float:left; padding-right:10px;}
#bomabox .copy{line-height:18px; margin:0;}
#alertbox{float:right; line-height:18px;}
#alertbox img{float:left; margin-bottom:5px;}
#alertbox .copy{padding:5px 10px; width:309px; border:1px solid #f2f2f2; border-top:0px;}

/* About BOMA */
.leaders{background:#FBFAFA ; border:1px solid #E3E3E3; color:#094E85; float:left; padding:5px; margin-left:20px;}
.leaders .name{font-weight:bold; float:left;}
.leaders .job{float:left;}

/* Renew */
.renew {background: #ffffd5; border: 1px solid #990000; padding: 10px; color: #990000; text-align: center; margin-bottom: 15px;}

/* Annual Partners */
.annualImage{border:1px solid #094E85; float:left; margin:0px 10px 0px 0px; padding:5px;}
.annualName{font-weight:bold; color:#094E85; margin:1px 0xp 0px; font-size:14px; }
.hrBreak{height:11px; border-bottom:1px solid #E3E3E3; margin-bottom:10px;}


/* About Us Table */
.aboutTable{width: 550px; height:auto; padding:5px;}
.aboutTable td{ vertical-align:top; padding:5px;}
.aboutTable .tableHead{font-weight:bold; text-align:center;}
.aboutTable .tableHead td{color:#fff; background:#5F749F; padding:5px; }
.aboutTable .shade{background:#DDE2EE;}