/* CSS Document */ /* Businet.org.uk */ /* Created 17/09/07 */ /* main template */ body { margin:0 auto; font-family:Arial, Helvetica, sans-serif; background-color:#F2F2F2 } #container { position:relative; width:830px; background-color:#FFFFFF; padding-left:30px;margin:0 auto ; background-image:url(/images/shared/shado.jpg); background-repeat:repeat-y; border:1px solid #CCC; border-top:0px } #header { position:relative; width:800px; height:160px; background-color:#fff; } #pageTitle { position:absolute; width:240px; height:30px; top:130px; left:34px; margin:0; z-index:13} #pageTitle h1 { font-size:24px; color:#FFFFFF; padding-left:5px; font-weight:normal; margin:0 } #diamond { position:absolute; width:20px; height:20px; top:152px; left:228px; margin:0; z-index:10} #homeLink { position:absolute; width:250px; height:30px; top:100px; left:31px; margin:0;} #homeLink a { color:#666; text-decoration:none;font-size:12px; font-weight:bold; color:#666;} #homeLink a:hover { text-decoration:underline } #webLink { position:absolute; width:70px; height:30px; top:100px; left:795px; margin:0;} #webLink a { color:#666; text-decoration:none;font-size:12px; font-weight:bold; color:#666;} #webLink a:hover { text-decoration:underline } #menubox { position:absolute; width:572px; height:35px; top:125px; left:261px; z-index:100; margin:0; } .opacityit img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.9; } .opacityit:hover img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; } .controlHolder strong { color: #CC0000} .controlHolder p a { text-decoration:underline; color:#000 } #sidebar { position:relative; width:230px; float:left; left:0px; top:2px; background-image:url(/images/shared/sidebar.jpg); background-repeat:no-repeat; background-color:#B20606; margin:0; padding-top:12px;} #content { position:relative; width:558px; padding-top:10px; padding-left:10px;margin-left:232px; top:2px; background-color:#FFFFFF;} #footer { position:relative; clear:both; width:860px; left:-30px; padding-top:15px; border-top:1px solid #CCCCCC; height:65px; padding-bottom:0px; z-index:50; margin-top:30px;} #footer p { font-size:12px; font-weight:bold; padding-top:5px; padding-left:30px; margin:0; color:#333; width:300px } #footer a { color:#333; text-decoration:none; margin:0 } #footer a:hover { color:#333; text-decoration:underline; margin:0 } #footer img { position:absolute; top:20px; left:690px; margin:0 } #content a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#CC0000; text-decoration:none; } #content a:hover { border-bottom:1px solid #CC0000; text-decoration:none; } #content h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; color:#CC0000; padding-top:5px; padding-bottom:3px; margin:0; margin-left:-1px; border-bottom:1px solid #CCCCCC; margin-bottom:10px} #content h2 { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; color:#000; padding-top:3px; padding-bottom:2px; margin:0;} #content h3 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal; color:#000000; padding-top:0px; padding-bottom:5px; margin:0} #content h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; padding-top:0px; padding-bottom:5px; margin:0} #content p { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333; padding-top:3px; padding-bottom:5px; margin:0} #content p.bold { font-weight:bold; padding-bottom:3px; clear:both} .sidebarFlash { position:relative; left:0px; top:0px; border-bottom:2px #fff} .sidebarimage { position:relative; left:0px; top:5px; border-top:2px #fff} /* homepage specific */ #homepagesidebar { position:relative; width:230px; height:350px; float:left; padding-top:1px;} #login { position:relative; width:230px; margin:0; border:0px; padding-left:10px; } #contact { position:relative; width:230px; height:140px; top:2px; margin:0; } #mainImage { position:relative; width:568px; height:350px; margin-left:2px; float:left } #countryList { position:absolute; width:150px; height:340px; left:668px; top:170px; margin:0 } #countryList ul { list-style:none; padding:0; font-size:11px; color:#fff; text-align:right; font-weight:bold; line-height:14px; margin:0 } #countryList a { text-decoration:none; color:#fff } #countryList a:hover{ text-decoration:underline } /* BOXES */ #leftColWrapper { position:relative; width:230px; margin:0; float:left; top:4px; border: solid 1px #E5E5E5; } /* CONTAINER FOR NEWS*/ #midColWrapper { position:relative; width:324px; margin:0; float:left; top:4px; left:2px; } /* CONTAINER FOR INTRO and LINKS*/ #rightColWrapper { position:relative; width:242px; margin:0; float:left; top:4px; left:4px; } /* CONTAINER FOR 2 VARIABLE BOXES*/ #intro { position:relative; padding:8px; padding-left:15px; padding-top:6px; background-image:url(/images/homepage/introTitle.jpg); background-position:top; background-repeat:no-repeat; margin:0; } #intro h1 { position:relative; font-size:24px; color:#FFFFFF; padding-bottom:20px; font-weight:normal; margin:0 } #intro h2 { position:relative; font-size:12px; font-weight:normal; margin:0; padding-bottom:5px;} #intro p { position:relative; font-size:11px; font-weight:normal; color:#000; margin:0} #intro a { position:relative; position:relative; font-size:12px; font-weight:bold; color:#CC0000; text-decoration:none; margin:0; padding-bottom:1px } #intro a:hover { position:relative; text-decoration:underline; margin:0} #usefulLinks { position:relative; top:2px; padding:8px; margin:0; padding-left:15px;} #usefulLinks h1 { position:relative; font-size:20px; color:#3F3F3F; padding-bottom:5px; font-weight:normal; margin:0 } #usefulLinks p { position:relative; margin:0; font-weight:normal; } #usefulLinks a { position:relative; font-weight:normal; left:10px; position:relative; font-size:12px; color:#CC0000; text-decoration:none; margin:0; background-image:url(../images/shared/bullet.jpg); background-position:left; background-repeat:no-repeat; padding-left:15px; } #usefulLinks a:hover { position:relative; text-decoration:underline; margin:0} #variableBoxTop { position:relative; padding:0px; } #variableBoxTop h1 { position:relative; font-size:24px; color:#FFFFFF; font-weight:normal; padding-bottom:0px; margin:0 } #variableBoxTop h2 { position:relative; font-size:10px; color:#FFFFFF; font-weight:normal; padding-bottom:5px; left:1px; margin:0 } #variableBoxTop p { position:relative; font-size:12px; font-weight:normal; margin:0; } #variableBoxTop a { font-size:11px; font-weight:bold; margin:0; color:#CC0000; margin-top:4px; text-decoration:none; } #variableBoxTop a:hover { position:relative;text-decoration:underline} #variableBoxTop img { position:relative; border-color: #666666 } #variableBoxTop .link { position:relative; font-size:10px; color:#FFFFFF; margin:0; top:2px; } #variableBoxBottom { position:relative; padding:8px; padding-top:2px; border:1px solid #CCC; margin-top:5px; line-height:18px; } #variableBoxBottom h1 { position:relative; font-size:22px; color:#000000; font-weight:normal; margin:0; padding:5px 0 5px 0; } #variableBoxBottom p { position:relative; font-size:12px; font-weight:normal; margin:0; } #variableBoxBottom a { position:relative; font-size:11px; font-weight:bold; margin:0; color:#CC0000; padding-top:5px; text-decoration:none;} #variableBoxBottom a:hover { position:relative; text-decoration:underline; margin:0} #news h1 { position:relative; font-size:24px; color:#FFFFFF; padding-bottom:2px; padding:6px 0 6px 8px; font-weight:normal; margin:0 } .homepageNewsItem { position:relative; margin:0; padding:15px 8px 14px 8px; background-color:#FFFFFF; border:1px solid #CCC; border-top:0px; width:212px; } .homepageNewsItem:hover { background-color:#F2F2F2; } .homepageNewsItem h2 { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#CC0000; top:0px; padding-bottom:5px;margin:0; text-decoration:underline } .homepageNewsItem h3 { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0;} .homepageNewsItem p { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000;margin:0; padding:0 5px 0 0; float:left;} .newspicture { position:relative; height:125px; border:0px solid #333; float:left; margin-top:0px; margin-right:5px; margin-bottom:0px; background-color:#666666; float:left } .newspicture img { position:relative; height:105px; width:80px; margin:0; } .homepageNewsItem a { font-size:12px; font-weight:bold; color:#CC0000; text-decoration:none; margin:0; } .homepageNewsItem a:hover { text-decoration:underline; margin:0 } #loginTitle { position:relative; width:225px; margin:0; padding:5px 0 20px 5px; z-index:13; background-image:url(/images/homepage/introTitle.jpg); background-position:top right; background-repeat:no-repeat; } #loginTitle h1 { font-size:24px; color:#fff; padding-left:5px; font-weight:normal; margin:0; } #login p { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000; margin:0 } #login a { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; text-align:right; margin:0; color:#CC0000; } #register { position:relative; margin:0} #register a { position:relative; font-size:12px; margin:0 } #login.home p { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#fff; margin:0 } #login.home a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-decoration:none; text-align:right; margin:0} #login.home a:hover { text-decoration:underline } .loginBox { position:relative; width:203px; margin:0; font-size:12px; padding:2px; } .loginBtn { position:relative; padding:1px; width:120px; margin:0; cursor:pointer; margin-right:10px} .loginTable a { color:#CC0000; margin:0 } #loginError { position:relative; color:#FFCC00; font-size:13px; padding-top:3px; padding-bottom:3px; font-weight:bold; margin:0 } #pic1 { position:absolute; width:100px; height:130px; left:0px; top:39px; background-image:url(/images/homepage/pic1.jpg)} #pic2 { position:absolute; width:100px; height:130px; left:0px; top:188px; background-image:url(/images/homepage/pic2.jpg)} .clear { clear:both; margin:0 } #linkToCalendarDIV { position:relative; height:120px; } #linkToCalendarDIV h1 { color:#000; font-size:20px; } /* Template Modules */ .bulletedListTemplate { float:left ; position:relative; width:556px; height:100%; padding-left:0px; margin:0; margin-bottom:10px } .bulletedListTemplate ul { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; width:90%; color:#3f3f3f; list-style-type:none; list-style-position:outside; padding:0; margin:0; margin-left:17px; } .bulletedListTemplate li { background-image:url(../images/shared/bullet.jpg); background-repeat:no-repeat; background-position:left top; padding-left:20px; margin-bottom:5px; margin-top:5px} .PlainLinksTemplate { position:relative; width:556px; height:100%; margin:0; margin-bottom:10px } .PlainLinksTemplate ul { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; list-style-type:none; list-style-position:outside; padding:0; margin:0; line-height:15px; margin-bottom:5px } .imageWithCaptions { position:relative; width:556px; height:100%; margin:0; margin-bottom:10px} #content .imageWithCaptions p { padding-bottom:0px} .imageWithCaptions h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#CC0000; padding-top:10px; padding-bottom:3px; margin:0; margin-left:-1px} .picture { position:relative; border:3px solid #cccccc; float:left; width:100px; height:100px; margin-top:0px; margin-right:20px; margin-bottom:0px } .imageRightWithCaptions { position:relative; width:538px; height:100%; background-color:#fff; margin:0; margin-bottom:10px} .imageRightWithCaptions h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#CC0000; padding-top:10px; padding-bottom:3px; margin:0; margin-left:-1px} .pictureRight { position:relative; float:right; width:100px; height:100px; background-color:#666666; margin-top:10px; margin-left:20px; margin-bottom:10px } .TwoColumnTemplate { position:relative; width:556px; height:100%; padding-left:0px; margin:0; margin-bottom:10px; } .column1 { position:relative; float:left; border: 1px solid #CCCCCC; padding:5px; width:260px; height:100%; margin:0; } .column2 { position:relative; float:left; border: 1px solid #CCCCCC; padding:5px; width:250px; height:100%; left:10px; margin:0 } .TwoColumnNoBorder { position:relative; width:556px; height:100%; padding-left:0px; margin:0; margin-bottom:10px; } .col1 { position:relative; float:left; padding:5px; width:260px; height:100%; margin:0; } .col2 { position:relative; float:left; padding:5px; width:250px; height:100%; left:10px; margin:0; text-align:right } .galleryTemplate { position:relative; width:556px; height:100%; padding-left:0px; margin:0; margin-bottom:10px; } .left { position:relative; float:left; padding:5px; width:260px; height:100%; margin:0;text-align:center } .right { position:relative; float:left; padding:5px; width:250px; height:100%; left:10px; margin:0; text-align:center } .title-Subtitle-Text { position:relative; width:556px; height:100%; margin:0; margin-bottom:10px } .downloads { position:relative; width:556px; padding-top:10px; height:100%; border-top:1px solid #CCCCCC; line-height:20px; margin:0; margin-bottom:20px; margin-top:20px; } .pptFile { position:relative; line-height:18px; background-image:url(/images/shared/ppt.gif); background-repeat:no-repeat; background-position:top left; padding-left:20px } .pdfFile { position:relative; line-height:18px; background-image:url(/images/shared/pdf.gif); background-repeat:no-repeat; background-position:top left; padding-left:20px } .wordFile { position:relative; line-height:18px; background-image:url(/images/shared/word.gif); background-repeat:no-repeat; background-position:top left; padding-left:20px } .prices { font-size:14px; font-weight:bold; color:#CC0000; } .downArrow { position:relative; background-image:url(/images/shared/downArrow.jpg); background-position:center left; background-repeat:no-repeat; padding-left:15px; } #gallery { text-align:center;} #gallery a:hover { border-bottom:0px solid #CC0000; } .picturegallery { float:left; margin:5px; text-align:center; border:1px solid #CCCCCC; background-color:#ffffff; padding:8px;} .picturegallery img { width:80px; height:70px; } /* contact page form */ .contactTable { border:1px solid #CCCCCC; padding-left:10px; padding-right:10px; margin:0; background-color:#f1f1f1 } .contactTable tr { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } .contactTable input { margin-top:5px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; } .inputBG { width:297px; height:16px; border:1px solid #CCCCCC; padding-left:3px} .contactTable select { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; padding-left:3px; border:1px solid #CCCCCC;} .contactTable textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; padding-left:3px;width:297px; height:95px; border:1px solid #CCCCCC;} .redStar { color: #cc0000} /* admin page forms */ .regTable { border:0px solid #CCCCCC; padding:0px; margin:0; } .regTable a { color:#000000 } .regTable #loginError { position:relative; color:#CC0000; font-size:13px; padding-top:3px; padding-bottom:3px; font-weight:bold; margin:0 } .error { position:relative; color:#CC0000; font-size:13px; padding-top:3px; padding-bottom:3px; font-weight:bold; margin:0 } .regTable tr { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } .regTable input { margin-top:5px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; } .regTable select { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; padding-left:3px; border:1px solid #CCCCCC;} .regTable textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; padding-left:3px; height:95px; border:1px solid #CCCCCC;} .regInputs { height:16px; border:1px solid #CCCCCC; padding-left:3px} .regInputsMulti { border:1px solid #CCCCCC; padding-left:3px} .regHrefRed { color:red} .regTable h6 { font-size:16px; color:#cc0000; font-weight:normal; padding:10px 0px 3px 0px; margin:0; margin-bottom:10px; border-bottom:1px solid #CCC; width:100% } .regTable .small { font-size:11px; font-style:italic; margin:0; font-weight:normal; } .personHeading { font-size:12px; color:#cc0000; font-weight:normal; } /* delegates page */ .delegateTable { border:1px solid #CCCCCC; padding-left:10px; padding-right:10px; margin:0; background-color:#FFFFFF } .delegateTable tr { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:14px; vertical-align:top; margin:0 } .delegateTable .details { font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal;vertical-align:top; } .delegateTable tr h1 { border-bottom:0px; margin:0; font-weight:bold } #content .delegateTable .details a:hover { border-bottom:0px solid #CC0000; text-decoration:none; } /* delegates list page */ #key { position:relative; width:535px; height:100%; border:1px solid #CCCCCC; background-color:#FFFFFF; padding:10px; padding-top:10px; padding-right:10px; } #key h2 { font-family:Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:normal; color:#CC0000; padding-bottom:3px; margin:0;border-bottom:1px solid #CCCCCC } #key p { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0 } #key table { width:500px; } /* members Table */ .membersTable { border:1px solid #CCCCCC; padding-left:10px; padding-right:10px; margin:0; } .membersTable tr { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:14px; vertical-align:top; margin:0 } .membersTable .details { font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal;vertical-align:top; } .membersTable tr h1 { border-bottom:0px; margin:0; font-weight:bold } #membercontent .membersTable .details a:hover { border-bottom:0px solid #CC0000; text-decoration:none; } #membercontent .membersTable a { font-size:11px } #membercontent { width:786px; margin-left:10px; top:40px; background-image:url(../images/members/maps/europemap.jpg); background-repeat:no-repeat; background-position:top right } #membercontent h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:normal; color:#CC0000; padding-top:5px; padding-bottom:3px; margin:0; margin-left:-1px; border-bottom:1px solid #CCCCCC} #membercontent h2 { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; color:#000; padding-top:3px; padding-bottom:2px; margin:0;} #membercontent h3 { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal; color:#000000; padding-top:0px; padding-bottom:5px; margin:0} #membercontent h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; padding-top:0px; padding-bottom:5px; margin:0} #membercontent p { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:normal; color:#333; padding-top:3px; padding-bottom:10px; margin:0} #membercontent a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#CC0000; text-decoration:none } #membercontent a:hover { border-bottom:1px solid #CC0000; text-decoration:none; } .line { border-bottom:1px solid #CCCCCC; } .bold { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; } /* Vertical Navigation*/ #Navigation { padding-left:10px } .Groupinfo { display: block; font-weight:bold; font-size: 12px; height: 25px; width: 173px; background-position:left; background-repeat:no-repeat; line-height: 13px; padding-left: 23px; color: #FFF; text-decoration: none; } .Group { display: block; font-weight:bold; font-size: 12px; height: 25px; width: 173px; background-image: url(/images/shared/star.jpg); background-position:left; background-repeat:no-repeat; line-height: 27px; padding-left: 23px; color: #FFF; text-decoration: none; } .Group:hover { color: #FFF; text-decoration: underline;} .Option { display: block; font-weight:normal; font-size: 11px; height: 25px; width: 173px; background-image: url(/images/shared/star2.jpg); background-position:left; background-repeat:no-repeat; line-height: 27px; padding-left: 35px; color: #FFF; text-decoration: none; } .Option:hover { color: #FFF; text-decoration: underline;} .show { display:inline;} .hide { display:none;} #content .regTable p { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 } #content .regTable .adminBtn { position:relative; font-size:12px; color:#FFFFFF; background-color:#3F3F3F; border:1px solid #666; margin:0; padding:3px; text-decoration:none; } #content .regTable .adminBtn:hover { text-decoration:none; color:#FFFFFF; background-color:#666666 } #DGDelegates td { height:15px; margin:0; padding:0; font-weight:normal; border:0px } #DGPrograms td { height:15px; margin:0; padding:0; font-weight:normal; border:0px } .alert { position:relative; font-size:13px; font-weight:normal; color:#CC0000;} .delNumber { position:relative; font-family:Arial, Helvetica, sans-serif; color:#FFF; background-color:#CC0000; font-size:16px; font-weight:normal; margin:0; padding:3px; height:25px; } .delName { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:16px; background-color:#CC0000;font-weight:normal; color:#FFF; margin:0; padding:3px; height:25px; padding-right:5px } .redbold { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:Red;} .DataGridClass { border-collapse: separate; } #confVid { position:relative; width:320px; border:1px solid #CCC; padding:10px;} /* Businext, email and doc store related*/ #businextSearchTable { position:relative; height:150px; width:555px; border:0px solid #CCCCCC; padding:0px; margin:0; } #businextSearchTable p { font-size:12px; padding:0; margin:0; font-weight:bold; } .searchBtn { position:relative; font-size:12px; cursor:pointer } #PDGResults td { padding-bottom:10px; vertical-align:top; padding-top:10px; border-bottom:1px solid #CCCCCC; font-weight:bold; } #emailLink { position:relative; display:block; background-color:#CC0000; padding:10px; text-align:center; width:450px; } #emailLink a { color:#FFFFFF; font-weight:bold; } #emailLink a:hover { color:#FFFFFF; font-weight:bold; text-decoration:none; } .desc { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:3px; overflow:auto } /* image upload*/ #uploadImage { border: 1px solid #CCCCCC; padding: 5px; width:500px; } #panelDone { width: 500px; } #googleCalendar { text-align:center; }