/*-----General------*/
html, body { margin: 0px; padding: 0px; text-align: center; font: 12px Arial, sans-serif; color: #666; background: #FFF; }
#divHeader { width: 100%; background: url(/sites/the_sage_group/images/layout/header-background.jpg) repeat-x top; }
#divHeaderContent { width: 1000px; padding: 0px 16px 0px 16px; margin: auto; }
#divHeaderMenu { font-size: 11px; width: 600px; float: right; text-align: right; font-weight: bold; margin-right: 5px; color: #444; height: 124px; overflow: hidden; }
#divHeaderMenu div { }
#divHeaderMenu div a { color: #CCC; }
#divHeaderMenu div a:hover { color: #666; text-decoration: underline; }
#divMenu { width: 1000px; margin: auto; }
#divMenuContent { }
#divBody { }
#divBodyContent { width: 1000px; margin: auto; text-align: left; margin-top: 8px; min-height: 340px; padding: 0px 16px 0px 16px; }
#divBodyContentInner { margin: auto; text-align: left; }
#divFooter { width: 100%; height: 370px; background: url(/sites/the_sage_group/images/layout/footer-background.jpg) repeat-x bottom; }
#divFooterContent { width: 1000px; margin: auto; color: #CCC; padding: 0px 16px 0px 16px; }
#divFooterContent p, #divFooterContent td { color: #CCC; }

.divSearch { width: 330px; height: 30px; margin-right: 0px; margin-top: 3px; }
.searchbox { background: url(/sites/the_sage_group/images/layout/search-box-background.jpg) no-repeat; border: 0px; width: 252px; height: 17px; margin: 2px 28px 0px 0px; padding: 2px 0px 0px 4px; }

P, td, form, input, textarea, ul, select, li, h1, h2, h3 { font-family: Arial; font-size: 11px; color: #444; }
h1 { font-size: 22px; margin-top: 7px; margin-bottom: 3px; font-weight: bold; line-height: 30px; }
h2 { font-size: 16px; font-weight: normal; margin-top: 3px; margin-bottom: 3px; line-height: 22px; font-weight: bold; }
h3 { font-size: 12px; margin-top: 0px; margin-bottom: 0px; font-weight: bold; line-height: 20px; }
p, ul { margin-top: 4px; margin-bottom: 8px; }

.white { color: #FFF; }
.purple { color: #98266c; }
.grey { color: #999999; }
.small, .small td, .small p, .small li { font-size: 11px; }
.medium, .medium td, .medium p, .medium li { font-size: 17px; }
.tiny, .tiny tr td { font-size: 9px; }
.clearing { clear: both; }
.big { font-size: 16px; }
.red { color: red; }
.big { font-size: 16px; }

img { border: 0px; }
.imgContentMedia { border: 4px solid #DDD; }

select.small, input.small { font-size: 11px; }

input.formfield { font-size: 11px; border: 2px solid #666; background-color: #f7f7f7; color: #333; padding: 1px; }
textarea.formfield { font-size: 11px; border: 2px solid #666; background-color: #f7f7f7; color: #333; padding: 1px; }
input.watermarked { font-size: 11px; border: 2px solid #666; background-color: #f7f7f7; color: #999; padding: 1px; }
select.formfield { font-size: 11px; border: 2px solid #666; background-color: #f7f7f7; color: #333; padding: 1px; }

.modalBackground { background-color: #FFF; filter: alpha(opacity=80); opacity: 0.8; }
.modalPopup { border: 1px solid #FFF; background-color: #edead9; padding: 10px; }
.divModalPopup { border: 4px solid #999; background-color: #FFF; width: 480px; height: 320px; font-size: 14px; margin-top: -100px; }
.divModalPopupHeader { padding: 12px 8px 0px 8px; width: 464px; height: 30px; background-color: #EEE; color: #444; font-weight: bold; font-size: 18px; }
.divModalPopupInner { padding: 8px 8px 0px 8px; height: 219px; overflow: auto; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
.divModalPopupButtons { padding: 6px 8px 0px 8px; height: 51px; }

.tblModalBox { }
.tdModalBoxTopLeft { background: url(/sites/bonas_macfarlane/images/layout/modal-box-top-left.png) top left no-repeat; }
.tdModalBoxTopMiddle { background: url(/sites/bonas_macfarlane/images/layout/modal-box-top.png) top left repeat-x; padding-top: 2px; font-size: 16px; font-weight: bold; }
.tdModalBoxTopRight { background: url(/sites/bonas_macfarlane/images/layout/modal-box-top-right.png) top left no-repeat; }
.tdModalBoxLeft { background: url(/sites/bonas_macfarlane/images/layout/modal-box-left.png) top left repeat-y; }
.tdModalBoxMiddle { background: #FFF; padding: 12px 0px 0px 0px; }
.tdModalBoxRight { background: url(/sites/bonas_macfarlane/images/layout/modal-box-right.png) top left repeat-y; }
.tdModalBoxBottomLeft { background: url(/sites/bonas_macfarlane/images/layout/modal-box-bottom-left.png) top left no-repeat; }
.tdModalBoxBottomMiddle { background: url(/sites/bonas_macfarlane/images/layout/modal-box-bottom.png) top left repeat-x; }
.tdModalBoxBottomRight { background: url(/sites/bonas_macfarlane/images/layout/modal-box-bottom-right.png) top left no-repeat; }

/*---------Containers------------*/
.divContainerSmall { border: 1px solid #CCC; margin: 0px 0px 8px 0px; background: url(/sites/the_sage_group/images/layout/container-background.jpg) repeat-x top left; }
.divContainerSmall > h2 { background: url(/sites/the_sage_group/images/layout/container-header-background.jpg) repeat-x top left; border-bottom: 1px solid #CCC; padding: 0px 4px 0px 4px; margin: 0px; font-size: 12px; }
.divContainerSmallBody { padding: 8px 16px 8px 8px; }

/*-----Links------*/
a:link { color: #7f9630; text-decoration: none; }
a:visited { color: #7f9630; text-decoration: none; }
a:hover { color: #b7d061; text-decoration: none; }

a.aButton:link, a.aButton:visited { border: 2px solid #666; padding: 1px 16px 1px 16px; text-align: center; background-color: #55b615; color: #FFFFFF; text-decoration: none; font-size: 11px; }
a.aButton:hover { border: 2px solid #666; padding: 1px 16px 1px 16px; text-align: center; background-color: #444; color: #FFF; text-decoration: none; font-size: 11px; }

/*-----Lists------*/
ul.simplelist { list-style: none; padding: 0px; margin: 0px; }

ul.grid { margin: 0; padding: 0; margin-top: 5px; margin-bottom: 25px; margin-right: -20px; margin-left: -10px; }
ul.grid li { margin: 0; padding: 0; width: 110px; height: 110px; float: left; text-align: center; list-style: none; }
ul.grid li a:link { text-decoration: none; }
ul.grid li a:visited { text-decoration: none; }
ul.grid li a:hover { text-decoration: underline; }

ul.gridcategories { margin: 0; padding: 0; }
ul.gridcategories li { margin: 0; padding: 0; width: 180px; height: 200px; float: left; text-align: center; list-style: none; line-height: 18px; font-size: 12px; margin-bottom: -25px; }
ul.gridcategories li img { border: 1px solid #e2d8bf; }
ul.gridcategories li a:link { text-decoration: none; }
ul.gridcategories li a:visited { text-decoration: none; }
ul.gridcategories li a:hover { text-decoration: underline; }

ul.imagelist { list-style: none; padding: 0px; margin: 0px; }
ul.imagelist li { background: url(/sites/the_sage_group/images/icons/bullet.gif) no-repeat 0.1em 0.2em; padding-left: 1.6em; line-height: 18px; }

/*-----Tables------*/
.tblContent { width: 100%; }

table, tr { border: 0px; margin: 0px; padding: 0px; }
table.list { border: 1px solid #DDD; margin: 0; padding: 0; vertical-align: top; }
table.list tr th { border: 1px solid #DDD; text-align: left; vertical-align: top; font-weight: bold; margin: 0; padding: 2px; background-color: #EEE; }
table.list tr td { border: 1px solid #EEE; padding: 2px; vertical-align: top; color: #666; background-color: #faf8f2; }

.divBoxTop { background: url(/sites/the_sage_group/images/layout/box-top.jpg) top left no-repeat; width: 283px; height: 15px; }
.divBoxMiddle { background: url(/sites/the_sage_group/images/layout/box-middle.jpg) top repeat-y; width: 283px; }
.divBoxMiddleContent { padding: 0px 16px 0px 16px; }
.divBoxMiddleContent p { padding: 0px 0px 4px 0px; margin: 0px; font-size: 12px; }
.divBoxBottom { background: url(/sites/the_sage_group/images/layout/box-bottom.jpg) bottom left no-repeat; width: 283px; height: 15px; }

.divBox240Top { background: url(/sites/the_sage_group/images/layout/box240-top.jpg) top left no-repeat; width: 244px; height: 34px; }
.divBox240Top h2 { font-size: 18px; font-weight: bold; margin: 0px 0px 0px 6px; line-height: 34px; }
.divBox240Middle { background: url(/sites/the_sage_group/images/layout/box240-middle.jpg) top repeat-y; width: 244px; }
.divBox240MiddleContent { padding: 4px 8px 0px 8px; }
.divBox240MiddleContent p { padding: 0px 0px 4px 0px; margin: 0px; }
.divBox240Bottom { background: url(/sites/the_sage_group/images/layout/box240-bottom.jpg) bottom left no-repeat; width: 244px; height: 9px; margin-bottom: 12px; }

.divBoxBig { background: url(/sites/the_sage_group/images/layout/box-big-background.jpg) top left no-repeat; width: 360px; height: 280px; }
.divBoxBigInner { padding: 8px 12px 0px 12px; }
.divBoxBigInner h3 { font-size: 14px; }
.divBoxBigInner p { font-size: 13px; }

.divBoxSmall { background: url(/sites/the_sage_group/images/layout/box-small-background.jpg) top left no-repeat; width: 176px; height: 166px; }
.divBoxSmallInner { padding: 8px 12px 0px 12px; }
.divBoxSmall h3 { font-size: 14px; }
.divBoxSmall p { font-size: 13px; }

.divDownloadDocument { background: #FFF url(/sites/the_sage_group/images/layout/download-background.jpg) no-repeat top center; width: 180px; height: 60px; padding: 0.5px; }
.divDownloadDocument table { margin: 5px 0px 0px 24px; }

/*-----ASP.NET------*/
.modalBackground { background-color: #FFF; filter: alpha(opacity=80); opacity: 0.8; }
.modalPopup { border: 1px solid #FFF; background-color: #edead9; padding: 10px; }

.GridViewPager { height: 23px; }
.GridViewHeaderSortA { background: url(/sites/the_sage_group/images/icons/arrow-up.gif) no-repeat 95% 50%; }
.GridViewHeaderSortD { background: url(/sites/the_sage_group/images/icons/arrow-down.gif) no-repeat 95% 60%; }

table.grid { border: 1px solid #DDD; margin: 0; padding: 0; }
table.grid tr th { border: 1px solid #CCC; text-align: left; vertical-align: top; font-weight: bold; margin: 0; padding: 2px; background-color: #EEE; }
table.grid tr td { border: 1px solid #CCC; padding: 2px; vertical-align: top; color: #666; background-color: #FFF; }

table.grid tr.gridHover { background-color: #EEE; }
table.grid tr.gridHover td { background-color: #EEE; }