/* -- New main style designs for Havering Business Awards -- Re-design by Sarah Gray - April 2010 -- */
/* -- HTML classes -- */
body { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; margin: 0px; padding: 0px; font-weight: normal; font-size: small; background-color: #000000; color: #333333; text-align: center; }
h1, H1 { font-size: x-large; color: #000000; font-weight: normal; text-align: left; margin: 0px; padding: 0px; }
h2, H2 { font-size: large; color: #000000; font-weight: normal; text-align: left; margin: 0px; padding: 5px 0px 5px 0px; }
h3, H3 { color: #000000; font-weight: bold; font-size: 125%; margin: 4px 0px 4px 0px; }
h4, H4 { color: #000000; font-weight: bold; font-size: 110%; margin: 4px 0px 4px 0px; }
h5, H5 { color: #000000; font-weight: bold; font-size: 102%; }
h6, H6 { color: #000000; font-weight: bold; font-size: 100%; }
p { font-size: small; margin: 0px 0px 10px 0px; }
a { color: #000000; padding: 0px; text-decoration: none; }
a:hover { text-decoration: underline; }
img { margin: 0px; border: 0px; padding: 0px; }
fieldset { margin: 0px; border: 0px; padding: 0px; }
th { padding: 5px 5px 5px 5px; text-align: left; }
address { margin: 0px 0px 10px 0px; }
input { font-size: 90%; }
select { font-size: 90%; }
/* -- Page control -- */
/* Dimensions for 800 width: .page_wrapper: 760px .site_banner: 760px .left_bar: 110px .page_content: 510px (was 518px) .right_bar: 125px .page_footer: 760px Also need to change left on search_bar */
.page_wrapper { width: 975px; margin: 0px auto; margin-top: 5px; border: 0px; padding: 5px 5px 5px 5px; background-color: #ffffff; display: inline-block; text-align: left; }
.site_banner { width: 975px; margin: 0px; border: 1px solid #ADADAD; padding: 0px; background-color: inherit; float: left; text-align: center;  vertical-align: middle; }
.left_bar { width: 150px; margin: 5px 0px 0px 0px; float: left; }
.page_content { width: 650px; margin: 5px 7px 0px 7px; float: left; }
.right_bar { width: 146px; margin: 5px 0px 0px 0px; float: right; font-size: small; }
/* Revised .page_footer as outside .page_wrapper */
.page_footer { width: 975px; margin: 0px auto; padding: 0px; display: inline-block; font-size: x-small; text-align: center; }
/* -- Banner -- */
.site_banner ul { margin: 0px; padding: 2px 0px 2px 0px; color: #000000; text-align: center; }
.site_banner li { list-style: none; padding: 2px 2px 2px 2px; display: inline; }
.site_banner a { color: #000000; font-size: x-small; font-weight: bold; }
/* -- Left bar (inc navigation) -- */
.left_nav_bar { margin: 0px 0px 10px 0px; padding: 0px; font-size: x-small; }
.left_nav_bar ul { }
.left_nav_bar li { list-style: none; padding: 0px; margin: 0px; }
.left_nav_bar a { padding: 5px 4px 5px 4px; display: block; }
.left_nav_bar a:hover { text-decoration: none; }
/* -- Page content -- */
.pc_image_left { padding: 0px 2px 0px 0px; float: left; }
.pc_image_right { padding-left: 2px; float: right; }
.listing_items { }
.listing_items ul { }
.listing_items li { margin: 0px 0px 6px 0px; padding: 0px; display: inline-block; width: 100%; }
.listing_items h2 { background-color: #808000; color: #FFFFFF; font-size: medium; margin: 0px 0px 6px 0px; padding: 2px 2px 2px 2px; }
.listing_items p { font-size: x-small; margin: 0px 0px 4px 0px; }
/* -- Right bar -- */
.right_bar_group { margin: 0px 0px 10px 0px; padding: 0px; font-size: x-small; }
.right_bar_group ul { }
.right_bar_group li { list-style: none; padding: 3px 0px 3px 0px; margin: 0px; }
.right_bar_group_head { background-color: #808000; color: #FFFFFF; padding: 2px 2px 2px 2px; margin: 0px; }
.right_bar_group_head a { color: #FFFFFF; vertical-align: middle; }
.right_bar_group_head img { border: none; margin: 0px; padding: 0px 5px 2px 0px; display: inline; vertical-align: middle; }
/* -- Footer -- */
.page_footer ul { padding: 5px 0px 5px 0px; }
.page_footer li { display: inline; list-style: none; color: #FFFFFF; }
.page_footer a { color: #FFFFFF; }
.page_footer a:hover { color: #FFFF00; }
.page_footer img { margin: 0px 15px 0px 15px; vertical-align: middle; }
/* -- Fly-out menu classes -- */
.flyout_menu ul { margin: 0px 0px 0px 0px; padding: 0px; list-style: none; width: 150px; border-bottom: 1px solid #808000; }
.flyout_menu li { z-index: 9; }
.flyout_menu ul li { position: relative; }
.flyout_menu li ul { position: absolute; left: 150px; top: 0px; display: none; }
.flyout_menu ul li a { border: 1px solid #808000; border-bottom: 0px none; padding: 5px 5px 5px 5px; color: #000000; text-decoration: none; }
.flyout_menu ul li.main_nav_parent a { background-color: #FFFFFF; color: #808000; }
.flyout_menu ul li.main_nav_select a { background-color: #808000; color: #FFFFFF; }
.flyout_menu ul li a:hover { background-color: #808000; color: #FFFFFF; }
.flyout_menu ul li.main_nav_parent a:hover { background-color: #808000; color: #FFFFFF; }
.flyout_menu ul li.main_nav_select a:hover { background-color: #FFFFFF; color: #808000; }
/* To enable flyout menus uncomment following two class definitions */
/* .flyout_menu ul li:hover ul, .flyout_menu li ul:hover { display: block; }
a.flyout_submenu { background: url("../../images/intranet/common/rightarrow.gif") right no-repeat; } */
/* -- Specfic classes (left bar) -- */
/* .main_nav also sets the default colours for items which is used for the child articles */
.main_nav { }
.main_nav li { border-bottom: 1px solid #808000; background-color: #FFFFFF; color: #000000; }
.main_nav a { color: #000000; }
.main_nav a:hover { background-color: #808000; }
.main_nav_parent { margin: 0px;  /* Negate left_bar margin */ }
.main_nav_parent li { border-bottom: 1px solid #808000; background-color: #FFFFFF; color: #000000; }
.main_nav_parent a { color: #000000; }
.main_nav_parent a:hover { background-color: #808000; color: #FFFFFF; }
.main_nav_select { border-bottom: 1px solid #808000; background-color: #808000; color: #FFFFFF; }
.main_nav_select a { color: #FFFFFF; }
.main_nav_select a:hover { background-color: #FFFFFF; color: #000000; }
.campaigns_head { background-color: #808000; color: #FFFFFF; border: 1px solid #808000; padding: 4px 4px 4px 4px; margin: 0px; }
.campaigns { border-left: 1px solid #808000; border-right: 1px solid #808000; }
.campaigns li { border-bottom: 1px solid #808000; background-color: #FFFFFF; }
.campaigns a { color: #000000; }
.campaigns a:hover { background-color: #808000; color: #FFFFFF; }
.left_nav_quote { background-color: #808000; color: #FFFFFF; padding: 4px 4px 4px 4px; margin: 20px 0px 0px 0px; }
/* -- Specfic classes (right bar) -- */
/* -- Other right side group classes (most not used - created originally for web site) -- */
.etplinks { }
.jobs { }
.quicklinks { background-color: #8BD5E2; }
.contactlinks { }
.articlinks { }
.extlinks { }
.dwnldlinks { }
.tpbutlinks { margin: 10px 0px 0px 0px; }
.tpbutlinks li { margin: 0px; padding: 0px; text-align: left; }
.tpbutlinks img { margin: 0px; padding: 0px; }
/* -- Search bar classes -- */
.search_bar { position: relative; float: left; top: 15px;  /* -44px */ left: 540px; width: 430px; height: 30px; }
.search_bar label { display: inline; color: #FFFFFF; }
.search_bar input { display: inline; color: #666666; }
/* -- Page content classes -- */
.yah { font-size: x-small; }
.yah_title { display: inline; color: #AAAAAA; font-weight: bold; }
.yah ul { margin: 0px; padding: 0px 0px 3px 0px; }
.yah li { display: inline; list-style: none; }
.yah a { color: #ADADAD; }
/* -- General classes -- */
.item_left { float: left; }
.item_right { float: right; }
.listodd { background-color: #E1E1E1; }
.listeven { background-color: #FFFFFF; }
.nodisplay { display: none; }
.boxed { border: 1px solid #ADADAD; padding: 2px 2px 2px 2px; }
/* -- List classes -- */
.list_block { }
.list_block ul { }
.list_block li { display: inline-block; width: 100%; padding: 0px; }
/* -- A-Z classes -- */
.az_list { font-size: medium; display: inline-block; }
.az_list li { background-color: #808000; color: #FFFFFF; float: left; display: inline; margin: 5px 4px 0px 0px; border: 0px; padding: 3px 2px 3px 2px; }
.az_list a { color: #FFFFFF; }
.az_item { }
.az_contact { width: 40%; float: right; }
/* -- Download classes -- */
.media_list { font-size: small; display: inline-block; }
.media_list ul { }
.media_list li { float: left; width: 49%; vertical-align: top; padding: 5px 0px 5px 0px; margin: 0px 5px 5px 0px; }
.media_list img { padding: 0px 5px 20px 0px; float: left; }
.media_list a { }
/* -- FAQ classes -- */
.faq_quest_list { margin: 0px; padding: 0px; }
.faq_quest_list li { list-style: none; }
.faq_qa_list { margin: 0px 0px 0px 0px; padding: 0px; }
.faq_qa_list li { list-style: none; margin: 10px 0px 10px 0px; }
.faq_qa_quest { color: #ADADAD; font-weight: bold; }
.faq_qa_answ { }
/* -- Contact list -- */
.contlist_block { margin: 0px 0px 10px 0px; padding: 0px; float: left; }
.contlist_block ul { }
.contlist_block li { display: inline-block; width: 100%; margin: 0px 0px 10px 2px; padding: 2px 4px 2px 1px; list-style: none; }
.contlist_block img { padding: 0px 10px 0px 0px; float: left; display: inline; }
/* -- Login/Register/My profile classes -- */
.login_block { width: 60%; }
.login_block ul { }
.login_block li { margin: 0px 0px 3px 0px; padding: 4px 4px 4px 4px; display: inline-block; width: 100%; }
.login_head { background-color: #808000; color: #FFFFFF; }
/* -- My calendar classes -- Those below that show a class commented at the end are Goss classes -- */
.calendar { margin: 10px 0px 5px 0px; padding: 0px; color: #FFFFFF; }
.calendar th { width: 37px; margin: 0px; padding: 3px 1px 3px 1px; border: 1px solid #0E78BE; background-color: #0E78BE; font-weight: bold; text-align: center; }
.calendar td { border: 1px solid #0E78BE; padding: 2px 1px 2px 1px; text-align: center; color: #000000; }
.calendar td a { color: #000000; display: block; }
.calendar td a:hover { background-color: #000000; color: #FFFF00; text-decoration: none; }
.calblank { background-color: #FFFFFF; } /* .cal_noevents */
.calevent { background-color: #FF9933; } /* .cal_events */
.caltoday { background-color: #0E78BE; } /* .cal_today */
.calselected { background-color: #666666; } /* .cal_current */
/* -- Goss iCM compatability classes -- */
.limage, .positionleft { float: left; padding: 0px 5px 5px 0px; height: auto; }
.rimage, .positionright { float: right; padding: 0px 0px 5px 5px; height: auto; }
.lthumbimage { float: left; padding: 0px 2px 3px 0px; height: auto; }
.rthumbimage { float: left; padding: 0px 2px 3px 0px; height: auto; }
.printonly { display: none; }
.iconpadding { padding-left: 25px; }
.social_media { list-style: none;padding: 3px 0px 3px 0px; margin: 0px; }
.social_media ul li {list-style:none;margin-left:-40px}