/* Satterley Business Directory CSS Document */

#welcomebar { padding: 0; height: 26px; background: #6ba6cb url(images/content_colour_blue_bgrepeat.gif) repeat-x bottom left; }

#sectiontitle h1 { float: left; }


/* Search All Discussions */
.searchdirectory { float: right; width: 280px; padding: 10px 0 0 0; text-align: right; }
.searchdirectory form { margin: 0; }
.searchdirectory form p { margin: 0; padding: 0; }
.searchdirectory label { color: #928779; font-weight: bold; display: none; }
.searchdirectory input.text { float: right; margin: 0 0 6px 0; width: 258px; font-size: 11px; color: #000; font-family: Arial, Helvetica, sans-serif; }

.searchdirectory .pagecontrol { width: 280px; padding: 0; height: 21px; }
.searchdirectory .pagecontrol a.previous { display: block; float: right; width: 102px; height: 17px; background: url(images/listing_pagePrevious.gif) no-repeat top left;  }
.searchdirectory .pagecontrol a.next { display: block; float: right; width: 80px; height: 17px; background: url(images/listing_pageNext.gif) no-repeat top left; }
.searchdirectory .pagecontrol a { text-decoration: none; }

.searchdirectory .pagecontrol .pagenum { float: right; width: 79px; text-align: center; padding-top: 1px; }
.searchdirectory .pagecontrol .pagenum select { margin: -2px 0 0 0; width: 45px; font-size: 11px; color: #000; }


/* Copy containment */
#contentinner { padding-bottom: 10px; }
#copycontainer { border-top: 1px solid #fff; padding: 0 !important; background: url(images/directory_listing_bg.gif) repeat-y; }
#copycontainer #directorycontainer { padding-bottom: 27px; background: url(images/directory_listing_bottomleftbg.gif) no-repeat bottom left; }
* html body #copycontainer #directorycontainer { padding-bottom: 17px; margin-bottom: -2px; }


/* News Listing Column  */
#listingcol { float: left; width: 241px; position: relative; border-left: 1px solid #fff; min-height: 200px; height: auto !important; height: 200px; }
#listingcol ul { width: 241px; margin: 0; padding: 0; list-style: none; }
#listingcol ul li { width: 241px; background: url(images/listing_dotted_divide.gif) repeat-x bottom left; }
#listingcol ul li a { display: block; width: 201px; padding: 5px 12px 5px 28px; color: #00608b; line-height: normal; font-size: 110%; font-weight: bold; }
#listingcol ul li a span { color: #dd711f; }
#listingcol ul li a.pending { background: url(images/directory_listitem_pending_icon.gif) no-repeat 13px 7px; color: #dd711f; }
#listingcol ul li a:hover { text-decoration: none; color: #000; }

#listingcol .coltitleblock { width: 213px; padding: 7px 0 0 28px; margin-bottom: 7px; }

#listingcol #f_loadingCats { position: absolute; width: 241px; height: 40px; top: 85px; text-align: center; background-color: #f5f3e4; display: none; }
#listingcol #f_loadingCats img { margin: 0 auto 10px auto; }

#listingcol #f_createCat { padding: 14px 14px 14px 28px; background: #efebd2 url(images/listing_dotted_divide.gif) repeat-x bottom left; overflow: auto; }
#listingcol #f_createCat #f_newCatName { float: left; width: 155px; padding-bottom: 2px; font-size: 11px; color: #000; font-family: Arial, Helvetica, sans-serif; }
#listingcol #f_createCat #f_newCatSubmit { float: right; width: 30px; height: 19px; }

.coltitleblock { position: relative; margin: 0; height: 20px; padding: 7px 0 0 30px; color: #fff; font-weight: bold; background: #000; }
.coltitleblock.ie6divide { display: none; }
* html body .coltitleblock .ie6divide { display: block; position: absolute; top: 0; left: -3px; width: 3px; height: 27px; background: #000; }

.coltitleblock a { float: left; font-weight: bold; font-size: 100%; color: #fff; padding: 0 0 0 11px; background: url(images/coltitle_right_arrow.gif) no-repeat 3px 5px; }


/* Right Directory Listing */
#directorycopy { padding: 0 0 0 243px; margin: 0; }
#directorycopy .directorydisplay { padding: 16px 20px 16px 21px; color: #3b3b3b; }

#categorycontainment { border: 1px solid #d7d7d7; padding: 5px; margin-bottom: 9px; }
#categorycontainment h1 { border: 1px solid #d7d7d7; padding: 15px 0 12px 0; text-align: center; margin: 0; font-size: 230%; color: #000; }


/* Listed Directory Item */
.directoryitem { border: 1px solid #d7d7d7; padding: 1px 1px 11px 1px; margin-bottom: 11px; background: url(images/table-header-bgie.gif) no-repeat 0px 0px; }
\ html body .directoryitem { background-position: 1px 1px; }
.directoryitem .itemheaderbar { position: relative; min-height: 22px; height: auto !important; height: 22px; padding: 0 0 0 18px; background: #70a8cc url(images/table-header-bg.gif) repeat-x top left; }
.directoryitem .itemheaderbar h4 { padding: 3px 0 0 0; font-size: 125%; color: #fff; margin: 0; }

.directoryitem .itemdetails { margin-top: 13px; background: url(images/directoryitem_dotted_divide.gif) repeat-y top right; }
.directoryitem .itemdetails .itemcopy { margin-right: 415px; padding: 0 0 10px 18px; min-height: 80px; height: auto !important; height: 80px; color: #3b3b3b; line-height: 140%; }

.directory_address { float: right; width: 327px; }
.directory_address dl { margin: 0; padding: 0; }
.directory_address dt { float: left; margin: 0 0 2px 0; font-weight: bold; color: #000; font-size: 90%; width: 80px; }
.directory_address dd { padding: 0 0 0 80px; margin: 0 0 2px 0; color: #747474; width: 240px; }
\ html body .directory_address dd { padding: 0 0 0 0; margin-left: 80px; }


/* Directory Modal Styling */
/*#directorymodal { position: absolute; top: 50%; left: 50%; margin: -255px 0 0 -355px; width: 659px; height: 459px; padding: 25px; background: url(/assets/calendar/css/images/module_popup_background.png) no-repeat; }*/
#directorymodal h1 { margin: 0; height: 62px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; text-indent: -9999px; background: url(images/modal_add_title.gif) no-repeat 28px 20px; }
#directorymodal .firstchild { margin-top: 0; padding-top: 0; }
#directorymodal .important { color: #bc0000; }
#directorymodal a.closemodal { position: relative; float: right; top: 10px; right: 10px; display: block; width: 14px; height: 13px; font-size: 1px; background: url(images/modal_close.gif) no-repeat; text-decoration: none; }
#directorymodal a.closemodal span { visibility: hidden; }

#directorymodal #modalcontrolbar { height: 40px; background-color: #000; padding: 0 12px 0 29px; }
#directorymodal #modalcontrolbar h4 { float: left; color: #fff; font-size: 125%; font-weight: bold; margin: 12px 0 0 0; }
#directorymodal #modalcontrolbar input.submitlisting { margin-top: 12px; float: right; width: 97px; heigh: 17px; }
#directorymodal #modalcontrolbar input.editlisting { margin-top: 12px; float: right; width: 83px; height: 17px; }

#directorymodal .leftdirectorycol { border-top: 1px solid #fff; float: left; width: 291px; height: 399px; padding: 12px 20px 15px 29px; background: url(images/modal_directoryadd_step2_divide.gif) repeat-y right top; }
#directorymodal .rightdirectorycol { border-top: 1px solid #fff; float: left; width: 323px; padding: 14px 0 20px 18px; }

#directorymodal .selectcategory { height: 47px; background: #fff url(images/modal_dotted_divide.gif) repeat-x bottom left; color: #000; }
#directorymodal .selectcategory select { margin-top: 15px; font-size: 11px; color: #000; font-family: Arial, Helvetica, sans-serif; width: 262px; }
#directorymodal .selectcategory .leftdirectorycol { height: 30px; padding-top: 17px; padding-bottom: 0; background: none; border-top: none; }
#directorymodal .selectcategory .rightdirectorycol { padding: 0; }

#directorymodal .leftdirectorycol h2, #directorymodal .rightdirectorycol h2 { margin: 0 0 6px 0; color: #6fa7cb; font-size: 160%; line-height: normal; }

#directorymodal label { display: block; font-weight: bold; color: #000; margin-top: 8px; margin-bottom: 2px; }
#directorymodal label.tac { margin-top: 20px; }
#directorymodal label #descCharCount { color: #767676; font-weight: normal; }
#directorymodal input.text { padding: 2px 0 1px 0; font-size: 11px; color: #000; width: 262px; font-family: Arial, Helvetica, sans-serif; }
#directorymodal input.text.web { width: 230px; }
#directorymodal textarea { font-size: 11px; color: #000; width: 262px; font-family: Arial, Helvetica, sans-serif; }

#directorymodal .leftdirectorycol textarea#f_address { height: 31px; }
#directorymodal .leftdirectorycol textarea#f_shortDescription { height: 40px; }
#directorymodal .rightdirectorycol textarea { width: 264px; height: 123px; margin-bottom: 12px; }
#directorymodal input.check { float: left; }
#directorymodal .checklabel { margin: 0 0 0 28px; font-weight: normal;	 }

#directorymodal #successmessage { padding: 27px 0 0 29px; background: url(images/modal_dotted_divide.gif) repeat-x top left; color: #7f7f7f; font-weight: bold; }
#directorymodal #successmessage h2 { margin: 0 0 15px 0; color: #6fa7cb; font-size: 160%; line-height: normal; }
#directorymodal #successmessage .fbold { color: #2b2b2b; }
#directorymodal a.closesuccess { margin: 30px auto; display: block; width: 62px; height: 25px !important; background: url(images/module_addlisting_closewindow.gif) no-repeat; text-decoration: none; }



#directorycontainer .coltitleblock a { color: #fff; }

.directoryitem.moditem { background: url(/assets/business_directory/css/images/table-header-bgie-moderator.gif) no-repeat 0px 0px; }
.directoryitem.expireditem { background: url(/assets/business_directory/css/images/table-header-bgie-expired.gif) no-repeat 0px 0px; }
\ html body .directoryitem.moditem { background-position: 1px 1px; }
\ html body .directoryitem.expireditem { background-position: 1px 1px; }

.directoryitem.moditem .itemheaderbar { background: #e48d35 url(/assets/business_directory/css/images/table-header-bg-moderator.gif) repeat-x top left; }
.directoryitem.expireditem .itemheaderbar { background: #a50506 url(/assets/business_directory/css/images/table-header-bg-expired.gif) repeat-x top left; }

.directoryitem .itemheaderbar .options { float: right; }
.directoryitem .itemheaderbar .options a { display: block; float: left; height: 22px; outline: none; text-decoration: none; color: #fff; }

.directoryitem .itemheaderbar .options a.billingitem { width: 153px; background: url(/assets/business_directory/css/images/option_billing_norm.gif) no-repeat; }
.directoryitem .itemheaderbar .options a.edititem { width: 80px; background: url(/assets/business_directory/css/images/option_edititem_norm.gif) no-repeat; }
.directoryitem .itemheaderbar .options a.deleteitem { width: 86px; background: url(/assets/business_directory/css/images/option_deleteitem_norm.gif) no-repeat; }
.directoryitem .itemheaderbar .options a.approveitem { width: 99px; background: url(/assets/business_directory/css/images/option_approveitem_norm.gif) no-repeat; }
.directoryitem .itemheaderbar .options a.rejectitem { width: 81px; background: url(/assets/business_directory/css/images/option_rejectitem_norm.gif) no-repeat; }

.directoryitem.moditem .itemheaderbar h4 { color: #000; }
.directoryitem.moditem .itemheaderbar h4 span { color: #fff; }

.directoryitem.moditem .itemheaderbar .options a.billingitem { width: 153px; background: url(/assets/business_directory/css/images/option_billing.gif) no-repeat; }
.directoryitem.moditem .itemheaderbar .options a.edititem { width: 80px; background: url(/assets/business_directory/css/images/option_edititem.gif) no-repeat; }
.directoryitem.moditem .itemheaderbar .options a.deleteitem { width: 86px; background: url(/assets/business_directory/css/images/option_deleteitem.gif) no-repeat; }
.directoryitem.moditem .itemheaderbar .options a.approveitem { width: 99px; background: url(/assets/business_directory/css/images/option_approveitem.gif) no-repeat; }
.directoryitem.moditem .itemheaderbar .options a.rejectitem { width: 81px; background: url(/assets/business_directory/css/images/option_rejectitem.gif) no-repeat; }

.directoryitem.expireditem .itemheaderbar .options a.billingitem { width: 153px; background: url(/assets/business_directory/css/images/option_billing_expired.gif) no-repeat; }
.directoryitem.expireditem .itemheaderbar .options a.edititem { width: 80px; background: url(/assets/business_directory/css/images/option_edititem_expired.gif) no-repeat; }
.directoryitem.expireditem .itemheaderbar .options a.deleteitem { width: 86px; background: url(/assets/business_directory/css/images/option_deleteitem_expired.gif) no-repeat; }
.directoryitem.expireditem .itemheaderbar .options a.approveitem { width: 99px; background: url(/assets/business_directory/css/images/option_approveitem_expired.gif) no-repeat; }
.directoryitem.expireditem .itemheaderbar .options a.rejectitem { width: 81px; background: url(/assets/business_directory/css/images/option_rejectitem_expired.gif) no-repeat; }


/* Directory Modal - Add to Business Directory */
#directorymodal.addto h1 { margin: 0; height: 62px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; text-indent: -9999px; background: url(images/modal_directoryadd_title.gif) no-repeat 28px 20px }
#directorymodal.addto #modalcontrolbar a { margin-top: 12px; float: right; width: 97px; heigh: 17px; }
#directorymodal.addto #modalcontrolbar a.join { width: 148px; }
#directorymodal.addto #addbusiness1 { padding: 25px 29px; color: #7f7f7f; line-height: 140%;  }
#directorymodal.addto #addbusiness1 .addoverview { float: left; width: 320px; font-weight: bold; }
#directorymodal.addto #addbusiness1 a.ontostep2 { float: right; display: block; width: 269px; height: 48px; position: relative; margin: 115px -2px 0 0; background: url(images/modal-addbusiness-step1-continue.gif) no-repeat; text-decoration: none; outline: none; }
#directorymodal.addto #addbusiness1 a.ontostep2 span { visibility: hidden; }
#directorymodal.addto #addbusiness1 h2 { margin: 20px 0 6px 0; color: #6fa7cb; font-size: 160%; line-height: normal; }


/* Directory Modal - Edit Business Directory Listing */
#directorymodal.edititem h1 { margin: 0; height: 62px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; text-indent: -9999px; background: url(images/modal_directoryedit_title.gif) no-repeat 28px 20px }


/* Directory Modal Billing and Activation */
#directorymodal.billing { width: 688px; height: 512px; overflow-x: hidden; overflow-y: auto; }
\ html body #directorymodal.billing { width: 688px; height: 511px; }
* html body #directorymodal.billing { width: 688px; height: 509px; }
#directorymodal.billing h1 { margin: 0; height: 62px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; text-indent: -9999px; background: url(images/modal_billing_title.gif) no-repeat 28px 20px; }
#directorymodal.billing #billingtoggle { padding: 14px 0 14px 29px; background: url(/assets/calendar/css/images/module_event_dividedots.gif) repeat-x bottom left; }
#billingtoggle .toggleoptions img { float: left; margin-right: 16px; }
#billingtoggle .toggleoptions .expirydate { width: 450px; padding: 0 0 0 14px; font-weight: bold; color: #000; }
#billingtoggle .toggleoptions .expirydate strong { color: #5c5c5c; padding-right: 8px; }
#billingtoggle .toggleoptions .expirydate span { color: #b62726; }
#billingtoggle .toggleoptions .activedescription { clear: both; padding-top: 10px; color: #7f7f7f; }
\ html body #billingtoggle .toggleoptions .activedescription { padding-top: 5px; }

#directorymodal.billing form { margin: 0; padding: 0; }
#directorymodal.billing .businessPayment { padding: 18px 0 18px 29px; background: #fafafa url(images/modal_billing_formsAndBilling_dotdivide.gif) repeat-x bottom left; zoom: 1; }
.businessPayment h3 { margin: 0 0 13px 0; font-size: 115%; color: #000000; }
.businessPayment h4 { margin: 0 0 4px 0; font-size: 100%; color: #515151; }
.businessPayment label { padding: 0 !important; margin: 0 !important; font-weight: bold; color: #515151 !important; font-size: 100%; }
.businessPayment .addbillingitem { float: left; padding: 0 22px 0 0; }
.businessPayment .addbillingitem select { font-size: 11px; color: #000; }
.businessPayment .addbillingitem input { font-size: 11px; color: #000; }
.businessPayment .addbillingitem select.day { width: 48px; margin: 0 4px 0 0; }
.businessPayment .addbillingitem select.month { width: 56px; margin: 0 4px 0 0; }
.businessPayment .addbillingitem select.year { width: 56px; }
.businessPayment .addbillingitem#businessPaymentType select { width: 98px; }
.businessPayment .addbillingitem#businessAmount h4 { padding-left: 11px; }
.businessPayment .addbillingitem#businessAmount strong { color: #000; padding-right: 5px; }
.businessPayment .addbillingitem.businessDirExpDate { padding-right: 0; }
.businessPayment #notifycontainer { clear: both; margin-top: 15px; padding: 0; }
.businessPayment #notifycontainer label { font-weight: bold; color: #515151; }
.businessPayment #notifycontainer input { float: left; margin: 0 7px 0 0; padding: 0; }
\ html body .businessPayment #notifycontainer input { margin-left: -3px; margin-top: -3px; }
.businessPayment input#f_subAddPayment { margin-top: 18px; float: none; }
\ html body .businessPayment input#f_subAddPayment { margin-left: -22px; }
* html body .businessPayment input#f_subAddPayment { margin-left: -26px; }

#billingHistory { padding: 18px 20px; border-top: 1px solid #fff; }
#billingHistory h3 { margin: 0 0 13px 0; font-size: 115%; color: #000000; padding-left: 9px; }
#billingHistory table { width: 100%; }
* html body #billingHistory table { width: 630px; }
#billingHistory th { background: #9b9b9b url(images/modal_billing_history_th_bg.gif) repeat-x top; }
#billingHistory td { border-bottom: 1px solid #dedede; font-weight: bold; color: #000; padding: 9px 0 7px; }
#billingHistory tr.alternate td { background-color: #fbfbfb; }
#billingHistory .date { padding-left: 14px; width: 114px; }
#billingHistory .amount { width: 120px; }
#billingHistory .paymenttype { width: 178px; }
#billingHistory .delete { width: 30px; }
#billingHistory .delete img { width: 14px; height: 13px; }
#billingHistory td.expirydate { color: #b62726; }


/* Directory Listing Approve */
#rejectapprovemodule #articlecontrol .btnclose { width: 93px; background: url(images/module_reject_approve_btn_close.gif) no-repeat; }