﻿/*-----General------*/
html, body { margin: 0; background: #FFF url(/sites/bright_young_things_tuition/images/layout/background.jpg) repeat; }
.tblBox { margin: auto; vertical-align: middle; }
.tdBodyTopLeft { background: url(/sites/bright_young_things_tuition/images/layout/body-top-left.jpg) top left no-repeat; }
.tdBodyTopMiddle { background: url(/sites/bright_young_things_tuition/images/layout/body-top-middle.jpg) top left repeat-x; padding-top: 30px; font-size: 16px; font-weight: bold; }
.tdBodyTopRight { background: url(/sites/bright_young_things_tuition/images/layout/body-top-right.jpg) top left no-repeat; }
.tdBodyLeft { background: url(/sites/bright_young_things_tuition/images/layout/body-left.jpg) top left repeat-y; }
.tdBodyMiddle { background: #FFF; padding: 12px 0px 0px 0px; }
.tdBodyRight { background: url(/sites/bright_young_things_tuition/images/layout/body-right.jpg) top left repeat-y; }
.tdBodyBottomLeft { background: url(/sites/bright_young_things_tuition/images/layout/body-bottom-left.jpg) top left no-repeat; }
.tdBodyBottomMiddle { background: url(/sites/bright_young_things_tuition/images/layout/body-bottom.jpg) top left repeat-x; }
.tdBodyBottomRight { background: url(/sites/bright_young_things_tuition/images/layout/body-bottom-right.jpg) top left no-repeat; }

.divSearch { width: 330px; height: 30px; margin-right: 0px; }
.searchbox { background: url(/sites/bright_young_things_tuition/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: Palatino Linotype; font-size: 12px; color: #444; }
h1 { font-size: 28px; margin-top: 6px; margin-bottom: 8px; font-weight: bold; }
h2 { font-size: 22px; font-weight: normal; margin-top: 4px; margin-bottom: 4px; font-weight: bold; }
h3 { font-size: 16px; margin-top: 0px; margin-bottom: 4px; font-weight: bold; }
p, ul { margin-top: 4px; margin-bottom: 8px; }

.purple { color: #98266c; }
.grey { color: #999999; }
.small, .small td, .small p, .small li { font-size: 12px; }
.white, .white td, .white p, .white li { color: #FFF; }
.medium, .medium td, .medium p, .medium li { font-size: 14px; }
.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; }

.divContainer { border: 1px solid #CCC; margin: 4px 0px 0px 0px; background: url(/sites/bright_young_things_tuition/images/layout/container-background.jpg) repeat-x top left; }
.divContainer > h2 { background: url(/sites/bright_young_things_tuition/images/layout/container-header-background.jpg) repeat-x top left; border-bottom: 1px solid #CCC; padding: 6px; margin: 0px; }
.divContainerBody { padding: 0px 8px 8px 8px; }

.divContainerSmall { border: 1px solid #CCC; margin: 0px 0px 0px 0px; background: url(/sites/bright_young_things_tuition/images/layout/container-background.jpg) repeat-x top left; }
.divContainerSmall > h2 { background: url(/sites/bright_young_things_tuition/images/layout/container-header-background.jpg) repeat-x top left; border-bottom: 1px solid #CCC; padding: 4px 4px 4px 4px; margin: 0px; font-size: 12px; }
.divContainerSmallBody { padding: 0px 8px 4px 8px; }

.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: 640px; height: 480px; font-size: 14px; }
.divModalPopupHeader { padding: 12px 8px 0px 8px; width: 626px; height: 30px; background-color: #EEE; color: #444; font-weight: bold; font-size: 18px; }
.divModalPopupInner { padding: 8px 8px 0px 8px; height: 378px; font-size: 12px; overflow: auto; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
.divModalPopupButtons { padding: 6px 8px 0px 8px; height: 54px; }

/*-----Links------*/
a:link { color: #0158c2; text-decoration: none; }
a:visited { color: #0158c2; text-decoration: none; }
a:hover { color: #5281b6; text-decoration: none; }

a.btnStandard:link, a.btnStandard:visited { background-color: #0158c2; border: 2px solid #666; padding: 2px 32px 2px 32px; text-align: center; width: 120px; color: #FFF; text-decoration: none; }
a.btnStandard:hover { background-color: #333333; border: 2px solid #666; padding: 2px 32px 2px 32px; text-align: center; width: 120px; color: #FFF; text-decoration: none; }

/*-----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/bright_young_things_tuition/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/bright_young_things_tuition/images/layout/box-top.jpg) top left no-repeat; width: 283px; height: 15px; }
.divBoxMiddle { background: url(/sites/bright_young_things_tuition/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/bright_young_things_tuition/images/layout/box-bottom.jpg) bottom left no-repeat; width: 283px; height: 15px; }

.divBox240Top { background: url(/sites/bright_young_things_tuition/images/layout/box240-top.gif) 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/bright_young_things_tuition/images/layout/box240-middle.jpg) top repeat-y; width: 244px; }
.divBox240MiddleContent { padding: 4px 8px 0px 8px; text-align: left; }
.divBox240MiddleContent p { padding: 0px 0px 4px 0px; margin: 0px; }
.divBox240Bottom { background: url(/sites/bright_young_things_tuition/images/layout/box240-bottom.gif) bottom left no-repeat; width: 244px; height: 9px; margin-bottom: 12px; }

.divBoxBig { background: url(/sites/bright_young_things_tuition/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/bright_young_things_tuition/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/bright_young_things_tuition/images/layout/download-background.jpg) no-repeat top center; width: 180px; height: 60px; }
.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; }
.divModalPopup { border: 4px solid #999; background-color: #FFF; width: 500px; height: 380px; font-size: 9px; }
.divModalPopupHeader { padding: 4px 8px 0px 8px; width: 484px; height: 32px; background-color: #0158c2; color: #FFF; font-weight: bold; font-size: 22px; }
.divModalPopupInner { padding: 8px 8px 0px 8px; height: 280px; overflow: auto; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
.divModalPopupButtons { padding: 8px 8px 0px 8px; height: 32px; }

.GridViewPager { height: 23px; }
.GridViewHeaderSortA { background: url(/sites/bright_young_things_tuition/images/icons/arrow-up.gif) no-repeat 95% 50%; }
.GridViewHeaderSortD { background: url(/sites/bright_young_things_tuition/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; }

.cblGeneral { margin-left: -16px; }
.cblGeneral INPUT { margin-left: 16px; }

/*---------Tabs - XP---------*/
.ajax__tab_xp { width: 400px; }
.ajax__tab_xp .ajax__tab_header { font-size: 11px; color: #2a58ed; background: url("/sites/bright_young_things_tuition/images/layout/tabs/tab-line.gif") repeat-x bottom; }
.ajax__tab_xp .ajax__tab_outer { padding-right: 4px; background: url("/sites/bright_young_things_tuition/images/layout/tabs/tab-right.gif") no-repeat right; height: 21px; }
.ajax__tab_xp .ajax__tab_inner { padding-left: 3px; background: url("/sites/bright_young_things_tuition/images/layout/tabs/tab-left.gif") no-repeat; }
.ajax__tab_xp .ajax__tab_tab { height: 13px; padding: 4px; margin: 0; background: url("/sites/bright_young_things_tuition/images/layout/tabs/tab.gif") repeat-x; }
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer { background: url("/sites/bright_young_things_tuition/images/layout/tabs/tab-hover-right.gif") no-repeat right; }
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner { background: url("/sites/bright_young_things_tuition/images/layout/tabs/tab-hover-left.gif") no-repeat; }
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab { background: url("/sites/bright_young_things_tuition/images/layout/tabs/tab-hover.gif") repeat-x; }
.ajax__tab_xp .ajax__tab_body { font-size: 10pt; border: 1px solid #999999; border-top: 0; padding: 8px; background-color: #ffffff; }


.acHeader { border: 1px solid #AAA; padding: 5px; background-color: #efefef; color: #2a58ed; font-weight: bold; }
.acContent { border: 1px solid #CCC; padding: 5px; }
.acContent img { background: transparent; }

.ajax__calendar_container { background-color: White; border: 1px solid #EEE; padding: 4px; position: absolute; cursor: default; width: 170px; font-size: 11px; text-align: center; font-family: tahoma,verdana,helvetica; z-index: 1; }
.ajax__calendar_body { height: 139px; width: 170px; position: relative; overflow: hidden; margin: auto; }
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years { top: 0px; left: 0px; height: 139px; width: 170px; position: absolute; text-align: center; margin: auto; }
.ajax__calendar_container TABLE { font-size: 10px; }
.ajax__calendar_header { height: 20px; width: 100%; }
.ajax__calendar_prev { cursor: pointer; width: 15px; height: 15px; float: left; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(/sites/bright_young_things_tuition/images/icons/arrow-left-red.gif); }
.ajax__calendar_next { cursor: pointer; width: 15px; height: 15px; float: right; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(/sites/bright_young_things_tuition/images/icons/arrow-right-red.gif); }
.ajax__calendar_title { cursor: pointer; font-weight: bold; }
.ajax__calendar_footer { height: 15px; }
.ajax__calendar_today { cursor: pointer; padding-top: 3px; }
.ajax__calendar_dayname { height: 17px; width: 17px; text-align: right; padding: 0 2px; }
.ajax__calendar_day { height: 17px; width: 18px; text-align: right; padding: 0 2px; cursor: pointer; }
.ajax__calendar_month { height: 44px; width: 40px; text-align: center; cursor: pointer; overflow: hidden; }
.ajax__calendar_year { height: 44px; width: 40px; text-align: center; cursor: pointer; overflow: hidden; }

.ajax__calendar .ajax__calendar_container { border: 1px solid #646464; background-color: #ffffff; color: #000000; }
.ajax__calendar .ajax__calendar_footer { border-top: 1px solid #f5f5f5; }
.ajax__calendar .ajax__calendar_dayname { border-bottom: 1px solid #f5f5f5; }
.ajax__calendar .ajax__calendar_day { border: 1px solid #ffffff; }
.ajax__calendar .ajax__calendar_month { border: 1px solid #ffffff; }
.ajax__calendar .ajax__calendar_year { border: 1px solid #ffffff; }
.ajax__calendar .ajax__calendar_active .ajax__calendar_day { background-color: #edf9ff; border-color: #0066cc; color: #0066cc; }
.ajax__calendar .ajax__calendar_active .ajax__calendar_month { background-color: #edf9ff; border-color: #0066cc; color: #0066cc; }
.ajax__calendar .ajax__calendar_active .ajax__calendar_year { background-color: #edf9ff; border-color: #0066cc; color: #0066cc; }
.ajax__calendar .ajax__calendar_other .ajax__calendar_day { background-color: #ffffff; border-color: #ffffff; color: #646464; }
.ajax__calendar .ajax__calendar_other .ajax__calendar_year { background-color: #ffffff; border-color: #ffffff; color: #646464; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day { background-color: #edf9ff; border-color: #daf2fc; color: #0066cc; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month { background-color: #edf9ff; border-color: #daf2fc; color: #0066cc; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year { background-color: #edf9ff; border-color: #daf2fc; color: #0066cc; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title { color: #0066cc; }
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today { color: #0066cc; }

/* ----------- Branded Table ------------- */
.summaryPanel { background-color: #5e7796; font-size: 14px; color: #fff; margin: 2px; padding: 4px; }
.summaryPanelHeader { font-size: 16px; color: #FFF; }

