/* *** Start of general styles *** */
body
{
    background-color: #eeeeee;
    font: 0.8em arial; /*font-family: 0.8em verdana,helvetica,arial,sans-serif;*/
    color: #333333;
}
img
{
    border: 0px;
    margin: 0px;
}
h1
{
    font-size: 1.6em;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
h2
{
    font-size: 1.3em;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
h3
{
    font-size: 1.1em;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-weight: bold;
}
a:link
{
    color: #003377;
    text-decoration: underline;
}
a:hover, a:active
{
    color: #ff0000;
}
a:visited
{
    color: #003377;
    text-decoration: underline;
}
p
{
    padding: 0px;
    margin: 0px 0px 10px 0px;
    line-height: normal;
}

/* *** End of general styles *** */

/* *** Start of design specific styles *** */

body
{
    text-align: center;
    margin: 0;
    padding: 0;
}
#divAccessibilityLinks
{
    position: absolute;
    left: -3500px;
}
#divContainer
{
    background: #dbdbdb url(http://www.bromsgrove.gov.uk/cms/templates/default/Images/PartnerSpecific/spring-background.jpg) no-repeat;
    margin: auto;
    text-align: left;
    width: 974px;
}
#divHeader
{
    position: relative;
    padding-top: 119px;
}
#divHeader h2
{
    font-size: 1em;
}
#divQuickLinks
{
    background-color: #dbdbdb;
    font-weight: bold;
    left: 0px;
    padding: 4px 4px 4px 2px;
    position: absolute;
    top: 21px;
    /* Start of cross browser transparency rules */
    opacity: 0.84; /* Transparency in all non IE browsers */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=84)"; /* Transparency in IE8.0 (needs to be before the IE rule) */
    filter: alpha(opacity=84); /* Transparency in IE (needs to be after the IE8.0 rule) */
    /* End of cross browser transparency rules */
}
#divQuickLinks ul
{
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}
#divQuickLinks ul li
{
    display: inline;
    list-style: none;
}
#divQuickLinks a, #divQuickLinks a:visited
{
    color: #333333;
    text-decoration: none;
    margin: 0px 5px 0px 5px;
}
#divQuickLinks a:hover, #divQuickLinks a:focus, #divQuickLinks a:active
{
    text-decoration: underline;
}
#divMyLocalArea, #divSearch
{
    height: 101px;
    position: absolute;
    top: 47px;
    width: 233px;
    z-index: 1;
}
#divMyLocalArea form, #divSearch form
{
    margin: 0px;
    padding: 0px;
}
#divMyLocalArea
{
    left: 447px;
}
#divSearch
{
    left: 713px;
}
.whubHeaderBoxHeader, .whubHeaderBoxFooter
{
    height: 8px;
    overflow: hidden;
}
.whubHeaderBoxHeader
{
    background: url('http://www.bromsgrove.gov.uk/cms/templates/default/Images/PartnerSpecific/header-box-header.png') no-repeat;
}
.whubHeaderBoxHeading
{
    background: url('http://www.bromsgrove.gov.uk/cms/templates/default/Images/PartnerSpecific/header-box-slice.png') repeat-y;
}
.whubHeaderBoxHeading h2
{
    color: #ffffff;
    margin: 0px;
    padding: 0px 10px 7px 10px;
}
.whubHeaderBoxContent
{
    color: #ffffff;
    height: 81px;
}
.whubHeaderBoxContent label
{
    margin-right: 5px;
}
.whubHeaderBoxContent #txtPostcode, .whubHeaderBoxContent #txtSearch, .whubHeaderBoxPostcode, .whubHeaderBoxSearch
{
    border: 1px solid #7f9db9;
    width: 115px;
    margin-right: 5px;
}
.whubHeaderBoxContent #txtSearch, .whubHeaderBoxSearch
{
    width: 113px;
}
.whubHeaderBoxContent #btnMyLocalAreaGo, .whubHeaderBoxContent #btnSearchGo, .whubHeaderBoxButton
{
    padding: 0px;
}
.whubHeaderBoxForm
{
    background: url('http://www.bromsgrove.gov.uk/cms/templates/default/Images/PartnerSpecific/header-box-form-slice.png') repeat-y;
    height: 32px;
    padding: 10px 10px 0px 10px;
}
.whubHeaderBoxLinks
{
    background: url('http://www.bromsgrove.gov.uk/cms/templates/default/Images/PartnerSpecific/header-box-slice.png') repeat-y;
    height: 14px;
    padding: 2px 10px 0px 10px;
    text-align: right;
}
.whubHeaderBoxLinks ul
{
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}
.whubHeaderBoxLinks ul li
{
    list-style-type: none;
    display: inline;
}
.whubHeaderBoxLinks ul li a, .whubHeaderBoxLinks ul li a:visited
{
    color: #ffffff;
    text-decoration: none;
}
.whubHeaderBoxLinks ul li a:hover
{
    color: #ffffff;
    text-decoration: underline;
}
.whubHeaderBoxFooter
{
    background: url('http://www.bromsgrove.gov.uk/cms/templates/default/Images/PartnerSpecific/header-box-footer.png') no-repeat;
}
#divBrand
{
    background: #990000;
    border-bottom: 1px solid #997a7a;
    border-top: 1px solid #e5bfbf;
    height: 4.2em; /* Allows resizing to work better with the absolutely positioned elements */
    position: relative;
}
#divBrand ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.whubAuthorityLogo
{
    padding-left: 6px;
    vertical-align: top;
}
#divStrapline
{
    color: #ebcccc;
    font-weight: bold;
    left: 230px;
    padding: 10px 0px 10px 0px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 200px;
    height: 34px;
}
#divStrapline ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#divOtherLinks
{
    color: #ffffff;
    left: 447px;
    padding: 2px 10px 0px 0px;
    position: absolute;
    text-align: right;
    top: /*30px;*/ 2.3em;
    width: 489px;
}
#divOtherLinks ul
{
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}
#divOtherLinks ul li
{
    background: url('../../Images/PartnerSpecific/header-pipe.gif') no-repeat 0px center;
    display: inline;
    list-style-type: none;
    padding-left: 5px;
}
#divOtherLinks ul li.first
{
    background: none;
}
#divOtherLinks ul li a, #divOtherLinks ul li a:visited
{
    color: #ffffff;
    text-decoration: none;
}
#divOtherLinks ul li a:hover
{
    color: #ffffff;
    text-decoration: underline;
}
#divBody
{
    padding: 0px 10px 10px 10px;
}
.whubBox
{
    background: #ffffff;
    margin-top: 10px;
}
.whubBox .whubBoxHeader
{
    background: url('../../Images/Common/corner-tl.gif') no-repeat;
    height: 5px;
    overflow: hidden;
}
.whubBox .whubBoxHeader .whubBoxCornerTR
{
    background: url('../../Images/Common/corner-tr.gif') no-repeat;
    float: right;
    height: 5px;
    overflow: hidden;
    width: 5px;
}
.whubBox .whubBoxContent
{
    padding: 0px 10px 0px 10px;
}
.whubBox .whubBoxFooter
{
    background: url('../../Images/Common/corner-bl.gif') no-repeat;
    height: 5px;
    overflow: hidden;
}
.whubBox .whubBoxFooter .whubBoxCornerBR
{
    background: url('../../Images/Common/corner-br.gif') no-repeat;
    float: right;
    height: 5px;
    overflow: hidden;
    width: 5px;
}
#spnPageInformation
{
    font-weight: bold;
}
#divFooter
{
    background: #888888;
    border-top: 1px solid #ffffff;
    padding: 10px;
}
#divFooter ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#divFooter ul li
{
    display: inline;
}
#divFooter ul li a, #divFooter ul li a:visited
{
    color: #ffffff;
    text-decoration: none;
    padding-right: 5px;
}
#divFooter ul li a:hover, #divFooter ul li a:focus, #divFooter ul li a:active
{
    text-decoration: underline;
}

/* *** End of design specific styles *** */

/* *** Start of reusable styles *** */
/* Partner specific tweaks can be made in the partner-specific-custom.css file */

.whubAlert
{
	background-color: #ffff99;
	border: 1px solid #ff3300;
	color: #ff3300;
    margin: 10px;
	padding: 10px;
	text-align: left;
}
.whubClearer
{
    clear: both;
}
.whubError
{
    background: #ffcccc;
    border: 1px solid #ff0000;
    color: #ff0000;
    margin: 10px;
    padding: 10px;
    text-align: left;
}
.whubFieldset
{
    padding: 10px;
}
.whubResultsContainer
{
    border-bottom: 1px solid #cccccc;
}
.whubResultsContainer .result
{
    border: 1px solid #cccccc;
    border-bottom: 0px;
    padding: 10px;
}

/* *** End of reusable styles *** */

/* *** Start of plugin styles *** */

/* Events Calendar plugin styles */

.whubCalendar table tr td table
{
    width: 100%;
}
.whubCalendar table tr td table tr td.prevMonth a, .whubCalendar table tr td table tr td.prevMonth a:visited, .whubCalendar table tr td table tr td.nextMonth a, .whubCalendar table tr td table tr td.nextMonth a:visited
{
    color: #003377;   
    text-decoration: underline;
}
.whubCalendar table tr td table tr td.prevMonth a:hover, .whubCalendar table tr td table tr td.prevMonth a:focus, .whubCalendar table tr td table tr td.nextMonth a:hover, .whubCalendar table tr td table tr td.nextMonth a:focus
{
    color: #ff0000;
    background-color: transparent;
}
.whubCalendar table tr td table tr td.prevMonth
{
    text-align: left;
}
.whubCalendar table tr td table tr td.currentMonth
{
    font-weight: bold;
}
.whubCalendar table tr td table tr td.nextMonth
{
    text-align: right;   
}
.whubCalendar table
{
    border-collapse: collapse;
	padding: 0px;
}
.whubCalendar table tr th
{
    cursor: help;
}
.whubCalendar table tr th, .whubCalendar table tr td
{
    margin: 0px;
	padding: 2px;
	text-align: center;
}
.whubCalendar table tr td a, .whubCalendar table tr td a:visited
{
    color: #333333;
    display: block;
    padding: 1px;
    text-decoration: none;
    width: 100%;
}
.whubCalendar table tr td a.hasitems, .whubCalendar table tr td a.hasitems:visited, #divCalendarLegend .hasitems
{
    background-color: #ebcccc;
    color: #ffffff;
}
.whubCalendar table tr td a.today, .whubCalendar table tr td a.today:visited, #divCalendarLegend .today
{
    border: 1px solid #000000;
    padding: 0px;
}
.whubCalendar table tr td a.todayhasitems, .whubCalendar table tr td a.todayhasitems:visited
{
    background-color: #ebcccc;
    border: 1px solid #000000;
    color: #ffffff;
    padding: 0px;
}
.whubCalendar table tr td a.selected, .whubCalendar table tr td a.selected:visited, #divCalendarLegend .selected
{
    background-color: #990000;
    color: #ffffff;
}
.whubCalendar table tr td a.todayselected, .whubCalendar table tr td a.todayselected:visited
{
    background-color: #990000;
    border: 1px solid #000000;
    color: #ffffff;
    padding: 0px;
}
.whubCalendar table tr td a:hover, .whubCalendar table tr td a:focus, .whubCalendar table tr td a.hasitems:hover, .whubCalendar table tr td a.hasitems:focus
{
    background: #990000;
    color: #ffffff;
}

/* Event Details plugin styles */
#divEventDetails .whubEvent
{
    border-bottom: 1px solid #cccccc;
    padding: 10px 0px 10px 10px;
}

/* Jobs Online plugin styles */
.jobSearchColumn1
{
    float: left;
    margin-bottom: 10px;
    width: 310px;
}
.jobSearchColumn2
{
    float: left;
    margin-bottom: 10px;
    width: 190px;
}
#divJobResultsHeader
{
    margin: 0px 7px 10px 7px;
    text-align: center;
}
#divJobResultsHeader h2
{
    float: left;
}
.jobsRecordsetDetails
{
    float: right;
}
.jobsContainer
{
    border-bottom: 1px solid #cccccc;
    margin: 0px 5px 10px 5px;
}
.jobsContainer .jobContainer
{
    border: 1px solid #cccccc;
    border-bottom: 0px;
    padding: 10px;
}
#divJobResultsFooter
{
    margin: 0px 7px 10px 7px;
}
#divJobOptionsContainer
{
    border: 1px solid #cccccc;
    float: right;
    margin: 5px;
    /*margin-bottom: 10px;*/
    padding: 10px;
    width: 200px;
}
#divJobOptionsContainer ul
{
    margin: 0px;
    padding: 0px;
}
#divJobOptionsContainer ul li
{
    list-style: none;
    margin: 0px;
    padding: 5px 0px 5px 0px;
}
.friendDetailsContainer
{
    float: left;
    width: 250px;
}
.wccError
{
    margin: 10px;
}

/* News plugin styles */
.whubNews
{
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
    padding: 0px;
}
.whubNews td
{
    padding-bottom: 5px;
}
.whubNews th
{
    display: none;
}
.whubNews img
{
    border: 1px solid #cccccc;
    height: 50px;
    margin-right: 5px;
    padding: 3px;
    width: 50px;
}

/* Publication Scheme Plugin */
#divPublicationSchemeCategorySearch, #divPublicationSchemeOR, #divPublicationSchemeKeywordSearch
{
    float: left;
}
#divPublicationSchemeCategorySearch
{
    width: 400px;
}
#divPublicationSchemeCategorySearch .visible
{
    display: block;
}
#divPublicationSchemeCategorySearch .invisible
{
    display: none;
}
#divPublicationSchemeOR
{
    font-weight: bold;
    padding-top: 65px;
    text-align: center;
    width: 50px;
}
#divPublicationSchemeKeywordSearch
{
    width: 270px;
}
#divPublicationSchemeResults
{
    border-bottom: 1px solid #cccccc;
}
#divPublicationSchemeResults .container
{
    border: 1px solid #cccccc;
    border-bottom: 0px;
    padding: 10px;
}

/* Records Search Plugin */
#divRecordsSearchByParish, #divRecordsSearchOR, #divRecordsSearchByKeyword
{
    float: left;
}
#divRecordsSearchByParish
{
    width: 300px;
}
#divRecordsSearchOR
{
    font-weight: bold;
    margin-top: 50px;
    text-align: center;
    width: 50px;
}
#divRecordsSearchByKeyword
{
    width: 300px;
}
#divRecordsResults
{
    border-bottom: 1px solid #cccccc;
}
#divRecordsResults .container
{
    border: 1px solid #cccccc;
    border-bottom: 0px;
    padding: 10px;
}

/* WAM Browser Plugin */
.whubWAMBrowserBreadcrumbs, .whubWAMBrowserBreadcrumbs li, .whubWAMBrowserFolderListView, .whubWAMBrowserFolderListView li, .whubWAMBrowserFileListView, .whubWAMBrowserFileListView li
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.whubWAMBrowserBreadcrumbs
{
    margin-bottom: 15px;
}
.whubWAMBrowserBreadcrumbs li
{
    background: url('../../../../Images/DMS/Icons/List/gt.gif') no-repeat 0px center;
    display: inline;
    padding-left: 15px;
}
.whubWAMBrowserBreadcrumbs li.first
{
    background: none;
    padding-left: 0px;
}
.whubWAMBrowserFolderListView li
{
    background: url('../../../../Images/DMS/Icons/List/folder.gif') no-repeat 1px 0px;
    padding: 0px 0px 2px 20px;
}
.whubWAMBrowserFileListView li
{
    background: url('../../../../Images/DMS/Icons/List/unknown.gif') no-repeat;
    padding: 0px 0px 2px 20px;
}
.whubWAMBrowserFileListView li.pdf
{
    background: url('../../../../Images/DMS/Icons/List/pdf.gif') no-repeat;
}
.whubWAMBrowserFileListView li.doc, .whubWAMBrowserFileListView li.docx
{
    background: url('../../../../Images/DMS/Icons/List/doc.gif') no-repeat;
}
.whubWAMBrowserFileListView li.xls, .whubWAMBrowserFileListView li.xlsx
{
    background: url('../../../../Images/DMS/Icons/List/xls.gif') no-repeat;
}
.whubWAMBrowserBreadcrumbs li a:hover, .whubWAMBrowserFolderListView li a:hover, .whubWAMBrowserFileListView li a:hover
{
    color: #ff0000;
}

/* *** End of plugin styles *** */