/* default styles */ body {background: #002B56; margin:0px; padding:0px;} /*html {text-align:center;}*/ /*body {margin-left:auto; margin-right:auto; text-align:left; width:834px;}*/ #aspnetForm {width: 846px; margin: 0 auto;} .tblContent1 td {white-space:normal !important;} .tblContent2 td {white-space:normal !important;} .tblContent3 td {white-space:normal !important;} #TableTopNavBar td.clsNormal {width:200px !important;} table, td, tr, p {font:12px arial, verdana, sans-serif;color:#000000; line-height:150%;} .clsNormal, .clsAltNormal {font:12px arial, verdana, sans-serif !important; color:#000000; line-height:150%;} .clsAltNormalOneSmaller {font:12px arial, verdana, sans-serif !important; color:#000000; line-height:150%;} .tblContentTD2 {height:100% !important;} table.MainTableForContent { border-left:10px solid white; border-right:10px solid white;} /* default link styles */ div.Masterdiv a, div.Masterdiv a:link, div.Masterdiv a:active, div.Masterdiv a:visited {font:12px arial, verdana, sans-serif; color:#4e6883; text-decoration:none; line-height:150%;} div.Masterdiv a:hover, div.Masterdiv a:focus {font:12px arial, verdana, sans-serif; color:#4e6883; text-decoration:none; line-height:150%;} /* default heading styles */ h1 {font:bold 17px arial, verdana, sans-serif;color:#000000; padding:20px 20px 0px 20px; margin:0px;} h2 {font:bold 15px arial, verdana, sans-serif;color:#000000; padding:0px 20px 0px 20px; margin:0px;} h3 {font:bold 14px arial, verdana, sans-serif;color:#000000; padding:10px 20px 5px 20px; margin:0px;} h4 {font:bold 13px arial, verdana, sans-serif;color:#000000; padding:10px 20px 0px 20px; margin:0px;} h5 {font:bold 13px arial, verdana, sans-serif;color:#000000; padding:10px 20px 0px 20px; margin:0px;} h6 {font:bold 12px arial, verdana, sans-serif;color:#000000; padding:10px 20px 0px 20px; margin:0px;} /* default paragraph styles for main content area */ .tblContentTD1 p {font:12px arial, verdana, sans-serif;color:#000000; padding:0px 20px 20px 20px; margin:0px; line-height:150%;} /*----------start admin menu styles----------*/ #AdminTopmenuTD {position: relative; top: -20px;} #TableAdminTopNavBar {margin-top: 20px;} table#topAdminMenuRight {background-color:#7c7c7c; width:300px; height:30px;} table#topAdminMenuRight td {padding:0px 12px 0px 12px; font:11px arial, verdana, sans-serif; color:#ffffff;} table#topAdminMenuRight a, table#topAdminMenuRight a:link, table#topAdminMenuRight a:active, table#topAdminMenuRight a:visited {font:11px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif !important; color:#ffffff !important;} table#topAdminMenuRight a:hover, table#topAdminMenuRight a:focus {font:11px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif !important; color:#cd5627 !important; text-decoration:underline;} #adminBanner {display:none;} /*----------start top menu styles----------*/ /* article to left of top menu */ table#topMenuLeft {background-color:#999999; width:120px; height:30px;} #TableTopNavBar {background-color:#002b56; height:30px; border-top: solid 1px #fff; margin-bottom:10px; border-left:10px solid white; border-right:10px solid white;} .topMenuRight {width:220px; margin-right:10px; margin-top:2px;} /* styles for level 1 */ #TableTopNavBar .CMLevel1, #TableTopNavBar .CMLevel1Selected {height:30px; width:auto; font-weight:normal; width:auto !important;float:left;} #TableTopNavBar .CMLevel1 .text { padding:8px 0px 6px 12px !important; height:16px !important;width:auto; color:#fff;font-size:11px;font-weight:normal; font-size:12px; } #TableTopNavBar .CMLevel1:hover .text, #TableTopNavBar .CMLevel1:focus .text {background-color:#002b56; padding:8px 0px 6px 12px !important; height:16px !important; width:auto; color:#fff;font-size:12px;font-weight:normal; } #TableTopNavBar .CMLevel1Selected .text {background-color:#002b56; padding:8px 0px 6px 12px !important; height:16px !important; width:auto; color:#fff;font-size:12px;font-weight:normal;} /* styles for level 2 */ #TableTopNavBar .CMLevel2, #TableTopNavBar .CMLevel2Selected {height:auto !important; border-bottom:1px solid white; } #TableTopNavBar .CMLevel2 .text {background-color:#002b56; padding:8px 12px 6px 12px !important; width:146px !important; color:#fff;font-size:12px;font-weight:normal;} #TableTopNavBar .CMLevel2:hover .text, #TableTopNavBar .CMLevel2:focus .text {background-color:#3798c1; padding:8px 12px 6px 12px !important; width:146px !important; color:#ffffff; font-size:12px; } #TableTopNavBar .CMLevel2Selected .text {background-color:#3798c1; padding:8px 12px 6px 12px !important; width:146px !important; color:#ffffff; font-size:12px; } /* styles for level 3 */ #TableTopNavBar .CMLevel3, #TableTopNavBar .CMLevel3Selected {height:auto !important; border-bottom:1px solid white;} #TableTopNavBar .CMLevel3 .text {background-color:#002b56; padding:8px 12px 6px 12px !important; width:146px !important; color:#fff;font-size:12px;font-weight:normal;} #TableTopNavBar .CMLevel3:hover .text, #TableTopNavBar .CMLevel3:focus .text {background-color:#3798c1; padding:8px 12px 6px 12px !important; width:146px!important; color:#ffffff; font-size:12px; } #TableTopNavBar .CMLevel3Selected .text {background-color:#3798c1; padding:8px 12px 6px 12px !important; width:146px !important; color:#ffffff; font-size:12px; } /* styles for level 4 */ #TableTopNavBar .CMLevel4, #TableTopNavBar .CMLevel4Selected {height:auto !important; border-bottom:1px solid white;} #TableTopNavBar .CMLevel4 .text {background-color:#002b56; padding:8px 12px 6px 12px !important; width:146px; color:#fff;font-size:12px; font-weight:normal;} #TableTopNavBar .CMLevel4:hover .text, #TableTopNavBar .CMLevel4:focus .text {background-color:#3798c1; padding:8px 12px 6px 12px !important; width:146px; color:#ffffff; font-size:12px; } #TableTopNavBar .CMLevel4Selected .text {background-color:#3798c1; padding:8px 12px 6px 12px !important; width:146px; color:#ffffff; font-size:12px; } tr#TRBreadCrumbs_PrintIcon table {margin-left:20px;} tr#TRBreadCrumbs_PrintIcon table table {margin-left:0px;} /*----------start left menu styles----------*/ /* article above left menu */ table#leftMenuAbove {background-color:#cccccc; width:170px; height:30px;} #TableLeftNavBar {background-color:#cccccc;} /* styles for level 1 */ #TableLeftNavBar .CMLevel1, #TableLeftNavBar .CMLevel1Selected {height:30px; border-bottom:1px solid white; } #TableLeftNavBar .CMLevel1 .text {background-color:#cccccc; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#4e6883; font-size:12px !important; text-transform:uppercase;} #TableLeftNavBar .CMLevel1:hover .text, #TableLeftNavBar .CMLevel1:focus .text {background-color:#cccccc; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#ffffff; font-size:12px !important; text-transform:uppercase;} #TableLeftNavBar .CMLevel1Selected .text {background-color:#cccccc; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#ffffff; font-size:12px !important; text-transform:uppercase;} /* styles for level 2 */ #TableLeftNavBar .CMLevel2, #TableLeftNavBar .CMLevel2Selected {height:30px; border-bottom:1px solid white;} #TableLeftNavBar .CMLevel2 .text {background-color:#cccccc; padding:8px 12px 6px 12px !important; width:146px !important; height:16px !important; color:#4e6883; font-size:11px !important;} #TableLeftNavBar .CMLevel2:hover .text, #TableLeftNavBar .CMLevel2:focus .text {background-color:#cccccc; padding:8px 12px 6px 12px !important; width:146px !important; height:16px !important; color:#ffffff; font-size:11px !important;} #TableLeftNavBar .CMLevel2Selected .text {background-color:#cccccc; padding:8px 12px 6px 12px !important; width:146px !important; height:16px !important; color:#ffffff; font-size:11px !important;} /* styles for level 3 */ #TableLeftNavBar .CMLevel3, #TableLeftNavBar .CMLevel3Selected {height:30px; border-bottom:1px solid white;} #TableLeftNavBar .CMLevel3 .text {background-color:#cccccc; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#4e6883; font-size:11px !important;} #TableLeftNavBar .CMLevel3:hover .text, #TableLeftNavBar .CMLevel3:focus .text {background-color:#cccccc; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#ffffff; font-size:11px !important;} #TableLeftNavBar .CMLevel3Selected .text {background-color:#cccccc; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#ffffff; font-size:11px !important;} /* styles for level 4 */ #TableLeftNavBar .CMLevel4, #TableLeftNavBar .CMLevel4Selected {height:30px; border-bottom:1px solid white;} #TableLeftNavBar .CMLevel4 .text {background-color:#cccccc; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#4e6883; font-size:11px !important;} #TableLeftNavBar .CMLevel4:hover .text, #TableLeftNavBar .CMLevel4:focus .text {background-color:#cccccc; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#ffffff; font-size:11px !important;} #TableLeftNavBar .CMLevel4Selected .text {background-color:#cccccc; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#ffffff; font-size:11px !important;} /* article below left menu */ table#leftMenuBelow {background-color:#cccccc; width:170px; height:30px;} /*----------end styles for left menu----------*/ #TROutertable {margin-top:33px;} /* styles for the breadcrumb and print friendly area */ .breadPrint {width:100%;} td.breadcrumbMargin {padding:20px 20px 0px 20px; text-align:left;} td.printMargin {padding:20px 0px 0px 20px; text-align:right; width:22px;} td.sizeMargin {padding:20px 20px 0px 0px; text-align:right; width:46px;} td.sizeMargin img {margin-left:1px;} /* styles for the banner */ .banner {width:100%; background-color:#cccccc;} .banner td {background-color:#cccccc;} .searchBox {} .bannerText {position: relative !important; top: -23px !important; height:23px; background-color:#002b56; border-bottom:10px solid #ffffff; width:846px; /*margin-left:-10px;*/ text-align:right;} #ctl00_Header1_TRTopBannerHTML iframe {margin-top: 15px !important; position: absolute;} .bannerDate {font:11px arial, verdana, sans-serif; color:black; text-align:right; background-color:#ffffff; height:15px; padding:5px; border-left:10px solid white; border-right:10px solid white;} .bannerDate a, .bannerDate a:link, .bannerDate a:active, .bannerDate a:visited, .bannerDate a:hover, .bannerDate a:focus {font:11px arial, verdana, sans-serif; color:black; text-decoration:none;} .bannerDate p {margin:0px; padding:0px;} /* styles for right panel */ .tblContentTD2 h3, .tblContentTD2 h4, .tblContentTD2 h5, .tblContentTD2 h6 {font:bold 11px arial, verdana, sans-serif;color:#000000; padding:10px 10px 5px 10px; margin:10px 10px 0px 10px; background-color:#cccccc;} .tblContentTD2 p {font:11px arial, verdana, sans-serif;color:#000000; padding:5px 10px 5px 10px; margin:0px 10px; background-color:#fff;} /* styles for accessiblity areas */ .topMenuAccessible {width:0px; height:0px; margin:0px 0px 0px -5000px;} .topMenuAccessible h2 {font:bold 0px arial, verdana, sans-serif;color:#000000; padding:0px 0px 0px 0px; margin:0px; width:0px; height:0px;} .leftMenuAccessible {width:0px; height:0px; margin:0px 0px 0px -5000px;} .leftMenuAccessible h2 {font:bold 0px arial, verdana, sans-serif;color:#000000; padding:0px 0px 0px 0px; margin:0px; width:0px; height:0px;} .rightAccessible {width:0px; height:0px; margin:0px 0px 0px -5000px;} .rightAccessible h2 {font:bold 0px arial, verdana, sans-serif;color:#000000; padding:0px 0px 0px 0px; margin:0px; width:0px; height:0px;} .footerAccessible {width:0px; height:0px; margin:0px 0px 0px -5000px;} .footerAccessible h2 {font:bold 0px arial, verdana, sans-serif;color:#000000; padding:0px 0px 0px 0px; margin:0px; width:0px; height:0px;} /* styles for the footer */ .footer {width:100%;} td.footerMain {background-color:#cccccc;} td.footerTextElcom {font: 11px arial, verdana, san-serif; color:#000000; text-decoration: none; text-align:right;} td.footerTextElcom a, td.footerTextElcom a:link, td.footerTextElcom a:hover, td.footerTextElcom a:active, td.footerTextElcom a:visited {font: 11px arial, verdana, san-serif; color:#000000; text-decoration: none;} /*CUSTOMISATION*/ /*START - center page*/ body a img { border:0; } /*ensure form background colours are white*/ body.RadEContentBordered { background-color:#fff!important; } /*Start - Padding*/ #TDForMiddleCell { /*padding:0px 10px 10px 10px;*/ } #ctl00_TDForMiddleCell { padding:0px 10px 10px 10px; } /* Banner Topic*/ #CntBannerHeader { background-image:url(../images/useruploadedimages/top-banner.jpg); height:155px; width:826px; border-left:10px solid white; border-right:10px solid white; } #CntBannerHeader .Logo { padding-left:30px; padding-top:25px; width:230px; } /*START - Searh box*/ #CntSearchBox { text-align:right; width:300px; } #CntSearchBox input { margin:0; margin-bottom:7px; } #CntSearchBox a img { padding-right:8px; } /*END - Searh box*/ /*START - CntFooter*/ #CntJCALogo { text-align:right !important; width:836px; margin-top:20px; padding:0px 10px 10px 0px; } #CntFooter { background-color:#eaeaea !important; padding-bottom:10px; padding-top:10px; width:846px; margin-top:20px; } #CntFooter .CntLeftColumn { float:left; padding-left:30px; width:400px; } #CntFooter .CntRightColumn { float:right; text-align:right; padding-right:30px; width:360px; } #CntFooter .CntRightColumn img.jca { padding:0 10px 5px 0; } #CntFooter .CntRightColumn img.jemp { padding:0 10px 0 0; } #CntFooter .CntRightColumn p.Incorporating { color:#666; font-size:10pt; padding-right:10px; } #CntFooter .ClearBoth { clear:both; } /*END - CntFooter*/ /*START - CntRightNavigation*/ .tblContentTD2 { /*text-align:right; margin:0 !important; padding:0 !important; */ } #CntRightNavigation { background-image: url(../Images/UserUploadedImages/164/RHS-Gradient.gif); background-position:top left; background-repeat:no-repeat; font-family:Arial; font-size:12px; padding:12px; text-align:left; width:200px !important; overflow:hidden; } #CntRightNavigation h1 { color:#002b55; font-size:12pt; margin:0; padding:0; } #CntRightNavigation h2 { color:#002b55; font-size:12pt; margin:0; padding:0; } #CntRightNavigation ul { margin:0; padding:14px; width: 180px; list-style-image:url(../Images/UserUploadedImages/164/arrow.gif); } #CntRightNavigation .CntInformationResources li, #CntRightNavigation .CntContactUs li { border-top: dotted 1px #b6bec1; margin-top:5px; padding-top:5px; } #CntRightNavigation .CntInformationResources li.Last, #CntRightNavigation .CntContactUs li.Last { border-bottom: dotted 1px #b6bec1; margin-bottom:5px; padding-bottom:5px; } #CntRightNavigation .CntInformationResources a { color:#70706e; text-decoration:none; font-size: 12px !important; } #CntRightNavigation .Clickable a { color:#006296; text-decoration:none; font-size: 12px !important; } #CntRightNavigation .CntContactUs a { color:#1780ad; text-decoration:none; font-size: 12px !important; } #CntRightNavigation a img.btnMemberLogin { padding-left:0px; } #CntRightNavigation a img.JoinNow { padding:10px 0 0px 0; } #CntRightNavigation a img.Volunteer { padding:10px 0 0px 0; } /*END - CntRightNavigation*/ /*START - CntMainOneColumn*/ #CntMainOneColumn { padding:0; width:590px; float:left; clear:left; } #CntMainOneColumnHome { width:200px; } #CntMainOneColumn div.printButton {float:right;} #CntMainOneColumnHome p, #CntMainOneColumn p {clear:both;} #CntMainOneColumnHome p {width:325px;} #CntMainOneColumnHome h2, #CntMainOneColumn h2, .clsMidHeader { background-image:url(../Images/UserUploadedImages/H2Background.gif); background-position:bottom left; background-repeat: no-repeat; color:#002b56; font-size:16px; padding-bottom:3px; float:left; width:325px; margin-bottom:10px; } #CntMainOneColumn td img {padding:0 15px 10px 0; } #CntMainOneColumn td img .asca {padding:0 15px 0 20px; } td.clsMidHeader {font-size:16px; padding-bottom:3px; color:#002b56; font-weight:bold; background-position:-20px 100%;} #CntMainOneColumnHome h3, #CntMainOneColumn h3 { color:#006293; font-size:12px !important; margin-top:5px; text-transform:uppercase; clear:both; } #CntMainOneColumnHome h4, #CntMainOneColumn h4 { color:#006293; font-size:12px !important; margin-top:5px; text-transform:uppercase; clear:both; } #CntMainOneColumnHome ol, #CntMainOneColumn ol { color:#006293 !important; font-weight:bold; clear:both; } #CntMainOneColumnHome ol li p, #CntMainOneColumn ol li p { color:#000 !important; font-weight:normal; margin-bottom:0 !important; margin-top:0 !importnat; } #CntMainOneColumnHome .ClearBoth, #CntMainOneColumn .ClearBoth { clear:both; } #CntMainOneColumnHome a:active, #CntMainOneColumn a:active { background-color:inherit; color:#006293; text-decoration:none; } #CntMainOneColumnHome a:link, #CntMainOneColumn a:link { background-color:inherit; color:#006293; text-decoration:none; } #CntMainOneColumnHome a:visited , #CntMainOneColumn a:visited { background-color:inherit; color:#006293; text-decoration:none; } #CntMainOneColumnHome a:hover, #CntMainOneColumn a:hover { background-color:inherit; color:#006293; text-decoration:underline; } #CntMainOneColumnHome div.NewsArticle { margin-bottom:5px; margin-left:20px; margin-top:5px; } #CntMainOneColumnHome div.NewsArticle img { float:left; padding-right:10px; } /*END - CntMainOneColumn*/ /*START - Center column Home Page*/ #CntHomeMiddleColumn { text-align:center; } #CntHomeMiddleColumn p .text { font:10px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif !important; color:#cd5627 !important; text-decoration:none; text-align:center;} } /*END - Center column Home Page*/ /*START - Jewish Calendar*/ #CntJewishDateCalendar { padding-left:20px; } /*END - Jewish Calendar*/ #membershipOuterTable {margin:0px 20px 20px 20px;} td#membershipTable {padding:20px 0px 0px 0px;} td#membershipTable table td.clsNormal {padding:5px 0px;} td#btnSubmit {text-align:left; padding:10px 0px;} /*START - Form Creator*/ /*----------Start new form creator layout styles----------*/ .formCreatorTable, #divFormCreatorTableContentMain {width:100%; margin:0px 20px;} .formCreatorTable h2, #divFormCreatorTableContentMain h2 {} .formCreatorTable fieldset, #divFormCreatorTableContentMain fieldset {clear:both; border:none;} .formCreatorTable div, #divFormCreatorTableContentMain div {clear:both;} .formCreatorTable div.clsGeneralText, #divFormCreatorTableContentMain div.clsGeneralText {float:none; clear:both; } .formCreatorTable div.clsDescriptionField, #divFormCreatorTableContentMain div.clsDescriptionField {} .formCreatorTable div label, #divFormCreatorTableContentMain div label {display:block; width:300px; float:left; font-size:9pt !important; } .formCreatorTable div input, #divFormCreatorTableContentMain div input {} .formCreatorTable .clsCheckBoxListSpanOptions, .formCreatorTable .clsRadioButtonListSpanOptions {display:block; float:left; margin-bottom:12px; overflow:hidden; } .formCreatorTable .clsRadioButtonListSpanOptions input { float:left;} .formCreatorTable .clsCheckBoxListSpanOptions span, .formCreatorTable .clsRadioButtonListSpanOptions span {float:left; clear:both; width:198px;} .formCreatorTable div input.clsRadioButtonList, .formCreatorTable div input.clsCheckBoxList {clear:both; width:auto; } .formCreatorTable div label.clsCheckBoxListLabel, .formCreatorTable div label.clsRadioButtonListLabel {} .formCreatorTable div label.clsCheckBoxListLabel, .formCreatorTable div label.clsRadioButtonListLabel {min-height:17px;} .formCreatorTable div textarea, #divFormCreatorTableContentMain div textarea {} .formCreatorTable div select, #divFormCreatorTableContentMain div select {} .formCreatorTable div.clsMandatory, #divFormCreatorTableContentMain div.clsMandatory {clear:both;} .formCreatorTable div.clsBtnSubmit, #divFormCreatorTableContentMain div.clsBtnSubmit {clear:both;} /*----------End new form creator layout styles----------*/ #divFormCreatorTableContentMain h2 {display:none;} #divFormCreatorTableContentMain div {padding:1px 0px 1px 0px !important;} #divFormCreatorTableContentMain div label {width:140px !important;} /**---Registration Form Page --**/ span.clsEventRegStageBreadcrumbSelected {font:bold 120% arial,verdana,sans-serif; color:#002b56;} /**---Membership Form Page --**/ /* Honorary Officers */ div#Widget1160 {border-bottom: 1px #999 solid; width: 790px; padding-bottom: 10px;} div#Widget1160 h3 {padding: 10px 0; color:#006293; font: bold 12px Arial !important; margin-top:5px; text-transform:uppercase;} div#Widget1160 dl {margin: 0;} div#Widget1160 a span {font-weight: normal !important; text-transform: none;} /* Communal Calendar */ div#Widget1164 {border-bottom: 1px #999 solid; width: 790px; margin-top: 0; padding-bottom: 10px;} div#Widget1164 h3 {padding: 10px 0; color:#006293; font: bold 12px Arial !important; margin-top:5px; text-transform:uppercase;} div#Widget1164 dl {margin: 0;} div#Widget1164 a span {font-weight: normal !important; text-transform: none;} div#Widget1165 {border-bottom: 1px #999 solid; width: 790px; padding-bottom: 10px;} div#Widget1165 h3 {padding: 10px 0; color:#006293; font: bold 12px Arial !important; margin-top:5px; text-transform:uppercase;} div#Widget1165 dl {margin: 0;} div#Widget1165 a span {font-weight: normal !important; text-transform: none;} /* Executive Access */ table#ExecutiveAccess {border-bottom: 1px #999 solid; margin: 0 20px 15px 20px; width: 790px; height: 60px; padding-bottom: 10px;} table#ExecutiveAccess td {padding-bottom: 20px;} table#ExecutiveAccess h3 {padding: 10px 0; color:#006293; font: bold 12px Arial !important; margin-top:5px; text-transform:uppercase;} table#ExecutiveAccess p {padding: 0;} table#ExecutiveAccess p a {color: #006293;} /* Deputy */ table#MembershipDeputy {border-bottom: 1px #999 solid; margin: 0 20px 15px 20px; width: 790px; height: 60px; padding-bottom: 10px;} table#MembershipDeputy td {padding-bottom: 20px;} table#MembershipDeputy h3 {padding: 10px 0; color:#006293; font: bold 12px Arial !important; margin-top:5px; text-transform:uppercase;} table#MembershipDeputy p {padding: 0;} table#MembershipDeputy a {color: #006293;} table#educatorsForum {border-bottom: 1px #999 solid; margin: 0 20px 15px 20px; width: 790px; height: 60px;} div#Widget1165 {border-bottom: 1px #999 solid; width: 790px; padding-bottom: 20px; margin-top: 0px;} div#Widget1165 h3 {padding: 10px 0; color:#006293; font: bold 12px Arial !important; margin-top:5px; text-transform:uppercase;} div#Widget1165 dl {margin: 0;} div#Widget1165 a span {font-weight: normal !important; text-transform: none;} div#Widget1165 div {margin: 0;} table.membershipHead, DIV#divMembershipDetails {margin: 0 20px;} DIV#divMembershipDetails input { font-family:verdana, arial, sans-serif !important; font-size:12px !important; } #divMembershipDetails fieldset p label { width:150px; } #MemberDetails_txtAreaCode,#MemberDetails_txtAreaCodeFax { width:30px !important; font-size:12px !important; } .MainTableForContent .tblContentTD1 { background:none !important; } div#divMembershipDetails p { width:100%; } label#MemberDetails_lblMembershipCharges {padding: 5px 0;} DIV#divMembershipDetails h2 {margin: 10px 0; font-size: 12px;} H2#MemberDetails_headerCompanyDetails,H2#MemberDetails_headerAddress,H2#HeaderAdditionalQuestions, H2#MemberDetails_headerPassword, H2#MemberDetails_headerMembershipInfo, H2#headPayment { border-bottom: #002b56 1px solid; color:#000 !important; padding:5px 0 5px 0; } div#divMembershipDetails h2 {border-bottom: #002b56 1px solid; color:#000 !important; padding:5px 0 5px 0;} H2#MemberDetails_headerContact {border-bottom: #002b56 1px solid; padding:5px 0 5px 0;}\ table#MemberDetails_dgMembershipCharges {width: 300px !important; border: 0 !important;} table#MemberDetails_dgMembershipCharges tr.grdHeader {background: #9ebdcf !important;} table#MemberDetails_dgMembershipCharges tr.grdHeader td {color: #fff !important; padding: 0 5px; margin-top: 10px;} #divFormCreatorTableContentMain p input.clsRadioButtonList,#divFormCreatorTableContentMain p input.clsCheckBoxList { margin:0; } #divFormCreatorTableContentMain .clsCheckBoxListSpanOptions span,#divFormCreatorTableContentMain .clsRadioButtonListSpanOptions span { padding-right:16px; } /* Additional Questions */ fieldset#fdsAdditionalQuestions div#divFormCreatorTableContentMain p.clsGeneralText, fieldset#fdsAdditionalQuestions div#divFormCreatorTableContentMain p.clsMandatory {display: none;} fieldset#fdsAdditionalQuestions div#divFormCreatorTableContentMain {margin: 0;} fieldset#fdsAdditionalQuestions div#divFormCreatorTableContentMain label {width: auto !important; margin-top: 3px; font-weight: bold;} /* Spacing */ label#MemberDetails_lblPhoneAreacode, label#MemberDetails_lblPhoneNumber, label#MemberDetails_lblFaxAreacode, label#MemberDetails_lblFaxNumber {padding: 0 2px;} /* Shorten Post code input */ INPUT#MemberDetails_txtMailPostCode { width:100px !important; } div#divccPayment h3 {padding-left: 0 !important; margin-left: 0 !important; font: normal 12px Arial !important;} /* Errors */ p#pErrors li {margin-left: 50px !important;} /*----------Start My Account Styles----------*/ #myAccountArea {margin:0px 0px 10px 20px; background-color:#ffffff; font:12px arial, verdana, sans-serif; color:#000000; float:left; width:812px;} #myAccountArea h1 {background-image:url(../Images/UserUploadedImages/H2Background.gif); background-position:-20px bottom; background-repeat: no-repeat; color:#002b56; font-size:16px; padding-bottom:3px; margin-left:0px; padding-left:0px;} #myAccountArea h2 {color:#006293; font-size:11px !important; margin-top:5px; text-transform:uppercase; margin-left:0px; padding-left:0px; clear:both;} #myAccountArea h3 {color:#006293; font-size:11px !important; margin-top:5px; text-transform:uppercase; margin-left:0px; padding-left:0px; clear:both;} #myAccountArea h4 {color:#006293; font-size:11px !important; margin-top:5px; text-transform:uppercase; margin-left:0px; padding-left:0px; clear:both;} #myAccountArea h5 {color:#006293; font-size:11px !important; margin-top:5px; text-transform:uppercase; margin-left:0px; padding-left:0px; clear:both;} #myAccountArea h6 {color:#006293; font-size:11px !important; margin-top:5px; text-transform:uppercase; margin-left:0px; padding-left:0px; clear:both;} #myAccountArea p {font:12px arial, verdana, sans-serif; color:#000000;} #myAccountArea a, #myAccountArea a:link, #myAccountArea a:active, #myAccountArea a:visited {font:12px arial, verdana, sans-serif; color:#4e6883; text-decoration:underline; cursor:pointer;} #myAccountArea a:hover, #myAccountArea a:focus {font:12px arial, verdana, sans-serif; color:#4e6883; text-decoration:underline; cursor:pointer;} #myAccountArea a.accountButton, #myAccountArea a.accountButton:link, #myAccountArea a.accountButton:active, #myAccountArea a.accountButton:visited {color:#ffffff !important; font-weight:bold; padding:5px; text-decoration:none; background-color:#002b56; float:left; margin-right:10px; text-decoration:none;} #myAccountArea a.accountButton:hover, #myAccountArea a.accountButton:focus {color:#ffffff; font-weight:bold; background-color:#002b56; padding:5px; text-decoration:none; float:left; text-decoration:none;} #myAccountArea ul.topMenu {clear:both; list-style-type:none; margin:0px; padding:0px;} #myAccountArea ul.topMenu li {float:left; background-color:#002b56; margin:10px 10px 0px 0px;} #myAccountArea ul.topMenu li a, #myAccountArea ul.topMenu li a:link, #myAccountArea ul.topMenu li a:active, #myAccountArea ul.topMenu li a:visited {display:block; color:#ffffff; padding:5px; text-decoration:none;} #myAccountArea ul.topMenu li a:hover, #myAccountArea ul.topMenu li a:focus {display:block; color:#ffffff; background-color:#002b56; padding:5px; text-decoration:none;} #myAccountArea ul.topMenu li a.menuLink_Selected #myAccountArea ul.topMenu li a.menuLink_Selected:link, #myAccountArea ul.topMenu li a.menuLink_Selected:active, #myAccountArea ul.topMenu li a.menuLink_Selected:visited, #myAccountArea ul.topMenu li a.menuLink_Selected:hover, #myAccountArea ul.topMenu li a.menuLink_Selected:focus {display:block; color:#ffffff;background-color:#002b56; padding:5px; text-decoration:none;} #myAccountArea ul.subMenu {clear:both; list-style-type:none; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px;} #myAccountArea ul.subMenu li {float:left;} #myAccountArea ul.subMenu li a, #myAccountArea ul.subMenu li a:link, #myAccountArea ul.subMenu li a:active, #myAccountArea ul.subMenu li a:visited {display:block; padding:0px 10px 0px 0px; font:12px arial, verdana, sans-serif; color:#000000; text-decoration:underline; border-right:1px solid #000000; margin:0px 10px 0px 0px;} #myAccountArea ul.subMenu li a:hover, #myAccountArea ul.subMenu li a:focus {display:block; padding:0px 10px 0px 0px; font:12px arial, verdana, sans-serif; color:#000000; text-decoration:underline; border-right:1px solid #000000; margin:0px 10px 0px 0px;} #myAccountArea ul.subMenu li a.menuLink_Selected, #myAccountArea ul.subMenu li a.menuLink_Selected:link, #myAccountArea ul.subMenu li a.menuLink_Selected:active, #myAccountArea ul.subMenu li a.menuLink_Selected:visited, #myAccountArea ul.subMenu li a.menuLink_Selected:hover, #myAccountArea ul.subMenu li a.menuLink_Selected:focus {display:block; padding:0px 10px 0px 0px; font:bold 12px arial, verdana, sans-serif; color:#000000; text-decoration:underline; border-right:1px solid #000000; margin:0px 10px 0px 0px;} #myAccountArea table.accountDetails {} #myAccountArea table.accountDetails td {vertical-align:top;} #myAccountArea div#accountMessage {clear:both;} #myAccountArea table.gvClass {border:1px solid #ece9da !important; background-color:#ffffff; margin-bottom:12px;} #myAccountArea table.gvClass th {text-align:left; border:1px solid #ece9da !important; padding:6px 12px; font:bold 12px arial, verdana, sans-serif; color:#000000;} #myAccountArea table.gvClass td {border:1px solid #ece9da !important; padding:6px 12px; font:12px arial, verdana, sans-serif; color:#000000;} #myAccountArea table.gvClass a, #myAccountArea table.gvClass a:link, #myAccountArea table.gvClass a:active, #myAccountArea table.gvClass a:visited {font:12px arial, verdana, sans-serif; color:#000000; text-decoration:underline;} #myAccountArea table.gvClass a:hover, #myAccountArea table.gvClass a:focus {font:12px arial, verdana, sans-serif; color:#000000; text-decoration:underline;} #myAccountArea .deleteButton {margin-top:12px;} #myAccountArea p.subText {margin:0px; padding:0px;} #myAccountArea p.noResults {border:1px solid #ece9da !important; background-color:#ffffff; padding:12px; font:12px arial, verdana, sans-serif; color:#000000;} #myAccountArea div.userPrefOuter {border:1px solid #ece9da !important; background-color:#ffffff; padding:0px 12px 12px 12px; font:12px arial, verdana, sans-serif; color:#000000; margin:0px 0px 12px 0px;} #myAccountArea div.userPrefOuter a, #myAccountArea div.userPrefOuter a:link, #myAccountArea div.userPrefOuter a:active, #myAccountArea div.userPrefOuter a:visited {font:12px arial, verdana, sans-serif; color:#00000; text-decoration:underline;} #myAccountArea div.userPrefOuter a:hover, #myAccountArea div.userPrefOuter a:focus {font:12px arial, verdana, sans-serif; color:#000000; text-decoration:underline;} #myAccountArea div.userPrefOuter ul {margin:0px 0px 0px 12px; padding:0px;} #myAccountArea div.alertEditOuter {border:1px solid #ece9da !important; background-color:#ffffff; padding:0px 12px 12px 12px; font:12px arial, verdana, sans-serif; color:#000000; margin:0px 0px 12px 0px;} #myAccountArea div#TRPersonalInformation, #myAccountArea div#TRPersonalInformationEdit {border:1px solid #ece9da !important; background-color:#ffffff; padding:12px 12px 12px 12px; font:12px arial, verdana, sans-serif; color:#000000; margin:0px 0px 0px 0px; width:550px; float:left;} #myAccountArea div#TRPersonalInformation dl, #myAccountArea div#TRPersonalInformationEdit dl {list-style-type:none; margin:0px; padding:0px 0px 5px 0px;} #myAccountArea div#TRPersonalInformation dl dt, #myAccountArea div#TRPersonalInformationEdit dl dt {font-weight:bold; list-style-type:none; margin:0px; padding:0px 0px 5px 0px; width:250px; float:left; min-height:18px;} #myAccountArea div#TRPersonalInformation dl dd, #myAccountArea div#TRPersonalInformationEdit dl dd {list-style-type:none; margin:0px; padding:0px 0px 5px 0px; width:275px; float:left; min-height:18px;} #myAccountArea div#TRCompanyInformation, #myAccountArea div#TRCompanyInformationEdit {border:1px solid #ece9da !important; background-color:#ffffff; padding:12px 12px 12px 12px; font:12px arial, verdana, sans-serif; color:#000000; margin:0px 0px 0px 0px; width:550px; float:left;} #myAccountArea div#TRCompanyInformation dl, #myAccountArea div#TRCompanyInformationEdit dl {list-style-type:none; margin:0px; padding:0px 0px 5px 0px;} #myAccountArea div#TRCompanyInformation dl dt, #myAccountArea div#TRCompanyInformationEdit dl dt {font-weight:bold; list-style-type:none; margin:0px; padding:0px 0px 5px 0px; width:250px; float:left; min-height:18px;} #myAccountArea div#TRCompanyInformation dl dd, #myAccountArea div#TRCompanyInformationEdit dl dd {list-style-type:none; margin:0px; padding:0px 0px 5px 0px; width:275px; float:left; min-height:18px;} #myAccountArea div#TRCompanyProfile, #myAccountArea div#TRCompanyProfileEdit {border:1px solid #ece9da !important; background-color:#ffffff; padding:12px 12px 12px 12px; font:12px arial, verdana, sans-serif; color:#000000; margin:0px 0px 0px 0px; width:550px; float:left;} #myAccountArea div#TRCompanyProfileEdit {height:230px;} #myAccountArea div#TRCompanyProfile dl, #myAccountArea div#TRCompanyProfileEdit dl {list-style-type:none; margin:0px; padding:0px 0px 5px 0px;} #myAccountArea div#TRCompanyProfile dl dt, #myAccountArea div#TRCompanyProfileEdit dl dt {font-weight:bold; list-style-type:none; margin:0px; padding:0px 0px 5px 0px; width:250px; float:left; min-height:18px;} #myAccountArea div#TRCompanyProfile dl dd, #myAccountArea div#TRCompanyProfileEdit dl dd {list-style-type:none; margin:0px; padding:0px 0px 5px 0px; width:275px; float:left; min-height:18px;} #myAccountArea div.savedSearchesRecent {border:1px solid #ece9da !important; background-color:#ffffff; padding:12px 12px 12px 12px; font:12px arial, verdana, sans-serif; color:#000000; margin:0px 0px 0px 0px;} #myAccountArea div.savedSearchesRecent ul {margin:0px 0px 0px 12px; padding:0px;} #myAccountArea div.savedSearchesOld {border:1px solid #ece9da !important; background-color:#ffffff; padding:12px 12px 12px 12px; font:12px arial, verdana, sans-serif; color:#000000; margin:0px 0px 0px 0px;} #myAccountArea div.alertEditOuter {float:left; clear:both; width:95%;} #myAccountArea div.repListBox {float:left; margin-right:12px;} #myAccountArea div.repListBox div.subjectListBox select {height:100px !important; width:200px; margin-bottom:12px;} #myAccountArea div.alertAction {float:left; margin:108px 12px 0px 0px;} #myAccountArea div.alertTaxListBox {float:left; margin:12px 0px 0px 0px;} #myAccountArea div.alertTaxListBox select {height:224px !important; width:200px; margin-bottom:12px;} /* Styles for the main search results area */ #myAccountArea #TDSearchResults {background-color:#ffffff; padding:12px; font:12px verdana, sans-serif; color:#000000;} #myAccountArea #TDSearchResults a {font:12px verdana, sans-serif; color:#1095c2;} #myAccountArea #TDSearchResults div {} #myAccountArea #TDSearchResults div#pnlOtherAreas {} /* Styles for number of returned results and keywords */ #myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults {padding-bottom:12px; border-bottom:1px dotted #7c7966; margin-bottom:12px;} #myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults span {} #myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults span#ctl00_ContentMyAccount_RecordCountLabel {color:#000000; font-weight:bold; font-size:12px;} #myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults span#ctl00_ContentMyAccount_spnDelete {float:none !important; margin-left:200px; font:12px arial, verdana, sans-serif; color:#000000; text-decoration:underline;} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlnumberResults span#ctl00_ContentPlaceHolderMainNoAjax_spnDelete a, #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlnumberResults span#ctl00_ContentPlaceHolderMainNoAjax_spnDelete a:link, #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlnumberResults span#ctl00_ContentPlaceHolderMainNoAjax_spnDelete a:active, #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlnumberResults span#ctl00_ContentPlaceHolderMainNoAjax_spnDelete a:visited {font:12px arial, verdana, sans-serif; color:#000000; text-decoration:underline;} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlnumberResults span#ctl00_ContentPlaceHolderMainNoAjax_spnDelete a:hover, #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlnumberResults span#ctl00_ContentPlaceHolderMainNoAjax_spnDelete a:focus {font:12px arial, verdana, sans-serif; color:#000000; text-decoration:underline;} /* Styles for the returned items */ #myAccountArea #TDSearchResults ol {list-style-type:none; margin:0px; padding:0px; font:12px verdana, sans-serif;} #myAccountArea #TDSearchResults ol#searchResultsInfo {} #myAccountArea #TDSearchResults Ol li {list-style-type:none; margin:0px; padding:0px; background-color:#ffffff; border:1px solid #e3e2dd; padding:10px; margin:0px 0px 10px 0px; font:12px verdana, sans-serif;} #myAccountArea #TDSearchResults Ol li:hover, #TDSearchResults Ol li:focus {background-color:#edf5f7; } #myAccountArea #TDSearchResults Ol li span {} #myAccountArea #TDSearchResults Ol li span.resultImage {padding-right:12px;} #myAccountArea #TDSearchResults Ol li span.resultImage img {} #myAccountArea #TDSearchResults Ol li span.firstRow {display:block;} #myAccountArea #TDSearchResults Ol li span.resultNumber {color:#1095c2; font-weight:bold;} #myAccountArea #TDSearchResults Ol li a {text-decoration:underline;} #myAccountArea #TDSearchResults Ol li span.resultHead {} #myAccountArea #TDSearchResults Ol li span.clsResultDescr {margin:5px 0px 5px 0px; display:block;} #myAccountArea #TDSearchResults Ol li span.clsHlighSearchTerm {font-weight:bold; background-color:transparent;} #myAccountArea #TDSearchResults Ol li span.lastRow {margin:0px 0px 0px 0px; display:block;} #myAccountArea #TDSearchResults Ol li span.clsResultURL {color:#d78d2c;} #myAccountArea #TDSearchResults Ol li span.clsResultLastModified {color:#d78d2c;} #myAccountArea #TDSearchResults Ol li span.clsResultDelete {display:block; margin-top:15px; font:12px arial, verdana, sans-serif; color:#524f37; text-decoration:underline; width:30px;} #myAccountArea #TDSearchResults Ol li span.clsResultDelete a, #myAccountArea #TDSearchResults Ol li span.clsResultDelete a:link, #myAccountArea #TDSearchResults Ol li span.clsResultDelete a:active, #myAccountArea #TDSearchResults Ol li span.clsResultDelete a:visited {font:12px arial, verdana, sans-serif; color:#524f37; text-decoration:underline;} #myAccountArea #TDSearchResults Ol li span.clsResultDelete a:hover, #myAccountArea #TDSearchResults Ol li span.clsResultDelete a:focus {font:12px arial, verdana, sans-serif; color:#dc7c00; text-decoration:underline;} /* Styles for the paging controls */ #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks {margin-bottom:12px; font-weight:bold;} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a {} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinkss span {} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks span.resultPageNumberSelected {font-weight:bold; font-size:14px;} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a span.resultPageNumber {} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a#NextLink {} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a#PreviousLink{} #myAccountArea .confirmWelcomeText {clear:both;} #myAccountArea .confirmEmailText {clear:both;} /*----------End My Account Styles----------*/ /*START - Form Creator*/ /*----------Start new form creator layout styles----------*/ .formCreatorTable, #divFormCreatorTableContentMain {width:100%; margin:0px 20px;} .formCreatorTable h2, #divFormCreatorTableContentMain h2 {} .formCreatorTable fieldset, #divFormCreatorTableContentMain fieldset {clear:both; border:none;} .formCreatorTable p, #divFormCreatorTableContentMain p {clear:both;} .formCreatorTable p.clsGeneralText, #divFormCreatorTableContentMain p.clsGeneralText {float:none; clear:both; } .formCreatorTable p.clsDescriptionField, #divFormCreatorTableContentMain p.clsDescriptionField {} .formCreatorTable p label, #divFormCreatorTableContentMain p label {display:block; width:300px; float:left; font-size:9pt !important; } .formCreatorTable p input, #divFormCreatorTableContentMain p input {} .formCreatorTable .clsCheckBoxListSpanOptions, .formCreatorTable .clsRadioButtonListSpanOptions {display:block; float:left; margin-bottom:12px; overflow:hidden; } .formCreatorTable .clsRadioButtonListSpanOptions input { float:left;} .formCreatorTable .clsCheckBoxListSpanOptions span, .formCreatorTable .clsRadioButtonListSpanOptions span {float:left; clear:both; width:198px;} .formCreatorTable p input.clsRadioButtonList, .formCreatorTable p input.clsCheckBoxList {clear:both; width:auto; } .formCreatorTable p label.clsCheckBoxListLabel, .formCreatorTable p label.clsRadioButtonListLabel {padding-top:3px; height:30px!important; } .formCreatorTable p label.clsCheckBoxListLabel, .formCreatorTable p label.clsRadioButtonListLabel {min-height:17px;} .formCreatorTable p textarea, #divFormCreatorTableContentMain p textarea {} .formCreatorTable p select, #divFormCreatorTableContentMain p select {} .formCreatorTable p.clsMandatory, #divFormCreatorTableContentMain p.clsMandatory {clear:both;} .formCreatorTable p.clsBtnSubmit, #divFormCreatorTableContentMain p.clsBtnSubmit {clear:both;} /*----------End new form creator layout styles----------*/ /*END - Form Creator*/ /* styles for print */ @media print { .breadPrint {display:none;} .tblContentTD2 {display:none;} } /*----------Index Styles----------*/ .jbdlabel {font-weight:bolder;} #jbdindex {margin-left: 20px;} td.clsNormal a.clsAltNormal {color:#006293; font-size:12px !important; font-weight:bold !important; text-transform:uppercase;} /*----------Widget Styles for Members Area----------*/ div.CntMainOneColumn {margin:20px; clear:both; background: transparent !important;} div.CntMainOneColumn div {margin-bottom:20px;} div.CntMainOneColumn h2, div.CntMainOneColumn h3 {padding:0px 0px 0px; margin-top:0px;} div.CntMainOneColumn h2 {background:url(../Images/UserUploadedImages/H2Background.gif) no-repeat -20px 100%; color:#002B56; font-size:16px; margin-bottom:10px; padding-bottom:3px; width:325px;} div.CntMainOneColumn dl {margin:20px 0px 0px 0px; padding:0px; list-style-type:none;} div.CntMainOneColumn dl dt {margin:0px; padding:0px;} div.CntMainOneColumn dl dt span {text-transform:uppercase; font-weight:bold; color:#006293;} div.CntMainOneColumn dl dd {margin:0px; padding:0px;} table.becomeMember p {margin-left: 20px !important;} /*----------RSS styles----------*/ div.rss {margin:10px 20px !important;} div.rss ol {list-style-type:none; margin:0px; padding:0px;} div.rss ol li {margin-bottom:20px;} div.rss span.rssfeedheading {color:#006293; font-weight:bold;} /*----------Ticker Styles----------*/ #NewsTicker{ border:solid 1px #cccccc; background:#eaeaea; width:330px; height:30px; margin-bottom:10px; margin-left:20px; } #NewsTicker h1{ padding:6px; margin:0; border:0; background:#eaeaea; color:#000000; font-size:11px; font-weight:bold; } #NewsVertical { width:330px; height:30px; display:block; overflow:hidden; position:relative; } #play_scroll_cont{display:none;} /* --------------- */ /* Ticker Vertical */ #TickerVertical { width:330px; height:30px; display:block; list-style:none; margin:0; padding:0; } #TickerVertical li { display:block; width:288px; color:#333333; text-align:left; font-size:11px; margin:0; padding:6px; float:left; } #TickerVertical li .NewsTitle{ display:block; color:#000000; font-size:12px; font-weight:bold; margin-bottom:1px; } #TickerVertical li .NewsTitle a:link, #TickerVertical li .NewsTitle a:Visited { display:block; color:#000000; font-size:12px; font-weight:bold; margin-bottom:1px; text-decoration:none; } #TickerVertical li .NewsTitle a:hover { text-decoration:underline; } #TickerVertical li .NewsImg{ float:left; margin-right:10px; } #TickerVertical li .NewsFooter{ display:block; color:#000000; font-size:10px; margin:6px 0 6px 0; } --- a, a:visited, a:hover {color:#000;} #container {position:relative; width:600px; height:700px; background:#888; border:1px solid #000; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;} #container a.pics {float:left; margin:7px 21px; display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; cursor:default;} #container a.pics img.thumb {display:block; border:0;} #container a.pics span {display:none; border:0; width:580px; background:#bbb; border:1px solid #fff; text-align:center;} #container a.pics span img {margin:10px auto; border:1px solid #000;} #container a.pics:hover {white-space:normal; border:1px solid #fff;} #container a.pics:hover span {display:block; position:absolute; left:9px; top:192px; z-index:10; height:500px;} #container a.pics:active {border:1px solid #fc0;} #container a.pics:active span {display:block; position:absolute; left:9px; top:192px; z-index:5; height:500px;} #container a.pics:focus {border:1px solid #fc0; outline:0;} #container a.pics:focus span {display:block; position:absolute; left:9px; top:192px; z-index:5; outline:0;} #container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;} #container span.info a {color:#000;} #container span.info a:hover {text-decoration:none;} --- /* default link style - needed to make the :active work correctly in IE */ a, a:visited, a:hover, a:active { color:#000; } /* style the outer cntaining div to fit the landscape, portrait and buttons */ #album { width:320px; height:360px; background:#eee url(gallery/deer.jpg) 0 40px no-repeat; border:1px solid #aaa; margin:0 auto; } /* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */ .gallery { padding:0; margin:320px 0 0 0; list-style-type:none; position:relative; width:320px; } /* remove the default image border */ .gallery img { border:0; } /* make the list horizontal */ .gallery li { float:left; } /* style the link text to be central in a surrounding box */ .gallery li a, .gallery li a:visited { font-size:11px; float:left; text-decoration:none; color:#000; background:#fff; text-align:center; width:26px; height:26px; line-height:24px; border:1px solid #444; margin:2px; } /* position the images using an absolute position and hide them from view */ .gallery li a img { position:absolute; top:-320px; left:0; visibility:hidden; border:0; } /* fix the top position for the landscape images */ .gallery li a img.landscape { top:-280px; } /* fix the left position for the portrait images */ .gallery li a img.portrait { left:0; border-left:40px solid #eee; border-right:40px solid #eee; } /* style the hover background color for the text boxes */ .gallery li a:hover { background:#ddd; } /* style the active/focus colors for the text boxes (required for IE) */ .gallery li a:active, .gallery li a:focus { background:#444; color:#fff; } /* make the images visible on active/focus */ .gallery li a:active img, .gallery li a:focus img { visibility:visible; } --- #slideShow {width:330px; height:50px; position:relative; padding:350px 5px 5px 5px; border:1px solid #ccb; background:#f8f8e8; margin:0 auto;} #picHolder {width:340px; height:350px; position:absolute; top:0; left:0; text-align:center;} #myPicture {margin:50px auto; padding:5px; border:1px solid #ddd; background:#fff;} #pictureText {text-align:center; margin:0; padding:0 10px; font-family:"tahoma", verdana, sans-serif; font-size:11px; font-weight:bold;} #previous {float:left; cursor:pointer;} #next {float:right;cursor:pointer;}