/*
Now do the site specific styles
*/

/* Customise the colours */

body {
	background-color: #CCCCCC;
	background-image: url("/images/main/bg_grad.gif");
	background-repeat: repeat-x;
	padding-bottom: 50px;
}

body, p, td, ol, ul, li, dl, dt, dd, blockquote, h1, h2, h3, h4, div {
	color: #000000;
	font-size: 12px;
}

textarea, select, input, pre, tt, code, kbd, samp {
	font-size: 11px;
}

h1, h2, h3, h4, th {
	color: #565B96;
	font-family: "Zapf Calligraphic 801 BT", "Times New Roman", Times, serif;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 17px;
}

h3 {
	font-size: 15px;
}

h4 {
	font-size: 13px;
}

a {
	color: #000000;
	text-decoration: underline;
}

h2 a, h3 a {
	color: #565B96;
}

h2 a:hover, h3 a:hover, a:hover {
	color: #9F8BA8;
	text-decoration: underline;
}

a:link.current, a:visited.current, a:active.current {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

a:hover.current {
	color: #9F8BA8;
	text-decoration: underline;
	font-weight: bold;
}

.greyout {
	color: #D0D0D0;
}

.highlight {
	color: #FF33FF;
}

input, select, textarea, div.button {
	border-color: #2C2C2C;
	background: #E0E1E2;
	color: #000000;
}

.button {
	border-color: #2C2C2C;
	background: #565B96;
	color: #FFFFFF;
}

input[type="button"], input[type="submit"], input[type="reset"] {
	border-color: #2C2C2C;
	background: #565B96;
	color: #FFFFFF;
}

table.form tr {
	height: 2em;
}

hr {
	color: #565B96;
	background: #565B96;
}

/* Page layout styles */

#str-ShadowBox {
	width: 862px;
	background-image: url("/images/main/shadow_bg.png");
	background-repeat: repeat-y;
	margin: 0 auto 0 auto;
}

#str-ShadowMain {
	background-image: url("/images/main/shadow_main.png");
	background-repeat: no-repeat;
}

#str-ShadowBase {
	background-image: url("/images/main/shadow_base.png");
	background-repeat: no-repeat;
	background-position: 0 22px;
	background-color: transparent;
	height: 35px
}

#str-Main {
	width: 850px;
	margin: 0 auto 0 auto;
}

#str-Topbar #str-TopbarLeft {
	border-right: 1px solid #FFFFFF;
}

#str-Topbar #str-TopbarLogo {
	margin: 0 0 73px 30px;
}

#str-Estabar {
	position: absolute;
	top: 169px;
	height: 42px;
	width: 850px;
	border-top: 3px solid #FFFFFF;
}

#str-Estabar #str-EstabarBranch, #str-Estabar #str-EstabarEsta {
	border-right: 1px solid #FFFFFF;
}

#str-MenuBar, #str-MenuBarRight {
	height: 26px;
	border-top: 1px solid #FFFFFF;
	background-color: #9F8BA8;
}

#str-MenuBarRight {
	background-color: #30355A;
	position: absolute;
	left: 50%;
	margin-left: 254px;
	width: 171px;
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	text-align: center;
	padding: 6px 0 0 0;
	height: 20px;
}

#str-MenuBarRight img {
	margin: 0 6px 1px 0;
}

#str-MenuBarRight a:link, #str-MenuBarRight a:visited, #str-MenuBarRight a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#str-MenuBarRight a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#str-Menu {
	margin: 4px 0 0 4px;
}

#str-Menu div.str-MenuItem {
	font-size: 11px;
	font-weight: bold;
	display: inline;
}

#str-Menu div.str-MenuBullet {
	margin: 0 6px 1px 9px;
}

#str-Menu a:link, #str-Menu a:visited, #str-Menu a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#str-Menu a:hover {
	color: #30355A;
	text-decoration: none;
}

#str-Menu a:link.current, #str-Menu a:visited.current, #str-Menu a:active.current {
	color: #30355A;
	text-decoration: none;
}

#str-Menu a:hover.current {
	color: #30355A;
	text-decoration: underline;
}

#str-MenuSub {
	position: absolute;
	top: 247px;
	left: 50%;
	margin-left: -425px;
	width: 170px;
	padding: 20px 0 0 13px;
}

#str-MenuSub a:link, #str-MenuSub a:visited, #str-MenuSub a:active {
	color: #9F8BA8;
	text-decoration: none;
}

#str-MenuSub div.str-MenuItem {
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	margin-bottom: 8px;
}

#str-MenuSub div.str-MenuBullet {
	display: inline;
	margin: 0 6px 1px 0;
}

#str-MenuSub a:hover {
	color: #30355A;
	text-decoration: none;
}

#str-MenuSub a:link.current, #str-MenuSub a:visited.current, #str-MenuSub a:active.current {
	color: #30355A;
	text-decoration: none;
}

#str-MenuSub a:hover.current {
	color: #30355A;
	text-decoration: underline;
}

#str-Panel {
	border-top: 6px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
	background-color: #EEEEF2;
	text-align: right;
}

#str-PanelMain {
	background-color: #FFFFFF;
	background-image: url("/images/main/bg_dots.png");
	background-repeat: repeat-y;
	background-position: 509px;
	width: 680px;
	margin-left: 170px;
}

#str-NewsBar, #str-RepFiltersBar {
	float: right;
	width: 146px;
	padding: 20px 12px 20px 12px;
}

#str-NewsBar h1 {
	color: #9F8BA8;
}

#str-NewsBar p {
	color: #30355A;
	font-size: 11px;
}

#str-NewsBar p span.str-NewsTitle {
	font-weight: bold
}

#str-NewsBar a:link, #str-NewsBar a:visited, #str-NewsBar a:active {
	text-decoration: none;
}

#str-NewsBar a:hover {
	text-decoration: none;
}

#str-Content {
	padding: 20px 205px 20px 35px;
}

#str-ContentProp {
	float: right;
	width: 1px;
	height: 344px;
}

#str-ClearProp {
	clear: right;
	height: 1px
}

#str-BylineBox {
	background-color: #565B96;
	height: 29px;
	width: 850px;
	margin: 0 auto 0 auto;
}

#str-BylineRight {
	background-color: #9F8BA8;
	border-left: 1px solid #FFFFFF;
	position: absolute;
	left: 50%;
	margin-left: 254px;
	width: 170px;
	height: 29px
}

#str-Byline {
	color: #FFFFFF;
	padding: 8px 0 0 12px;
	font-size: 9px;
	font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif;
}

#str-Byline span.str-AI {
	color: #BFB1C5;
}

#str-Byline a:link, #str-Byline a:visited, #str-Byline a:active {
	color: #BFB1C5;
	font-weight: bold;
	text-decoration: none;
}

#str-Byline a:hover {
	color: #BFB1C5;
	text-decoration: underline;
}

/* Portal page */

#str-HomePanelLeft, #str-HomePanelRight {
	position: absolute;
	top: 490px;
}

#str-HomePanelLeft {
	left: 50%;
	margin-left: -221px;
}

#str-HomePanelRight {
	right: 50%;
	margin-right: -221px;
}

div.str-HomePanel {
	background-color: #EEEEF2;
	width: 206px;
	height: 103px;
}

div.str-HomePanelHead {
	background-color: #D8D0DE;
	height: 26px;
	border-bottom: 2px solid #FFFFFF;
}

div.str-HomePanelHead h2 {
	font-size: 14px;
	font-family: "Zapf Calligraphic 801 BT", "Times New Roman", Times, serif;
	margin: 0;
	padding: 4px 0 0 13px;
}

div.str-HomePanelBody {
	padding: 9px 13px 0 13px;
}

div.str-HomePanelBody p {
	color: #30355A;
	font-size: 11px;
	position: absolute;
	width: 180px;
	visibility: hidden;
}

#str-HomeApply {
	position: absolute;
	top: 490px;
	left: 50%;
	margin-left: -412px;
}

/* Form elements */

#tbd-NewsSummary textarea {
	height: 80px;
}

#tbd-MembershipNumber td.tdr input {
	width: 45px;
}

#tbd-MemberPostcode td.tdr input {
	width: 60px;
}

#tbd-ArchiveDesc td.tdl textarea {
	height: 75px;
}

/* Archive page */

#str-FormArchiveDrop {
	margin-bottom: 0.6em;
}

/* Members' register listing */

div#str-RegDropInstr, div#str-RegDropInstr .form {
	margin-bottom: 0;
	padding-bottom: 0;
}

div#str-RegDropReg, div#str-RegDropReg .form {
	margin-bottom: 0;
	padding-bottom: 0;
}

div#str-RegDropType, div#str-RegDropType .form {
	margin-bottom: 0;
	padding-bottom: 0;
}

div#str-RegSearch {

}

div#str-RegSearch a.button {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	line-height: 12px;
	padding: 1px 6px 0 6px;
	border: 1px solid black;
}

/* Repertiore pages */

#str-AdminPieces div.form, #str-AdminPieces div.tbd-FormButtons {
	display: inline;
}

#str-AdminPieces div.form-outside {
	margin-bottom: 0.8em;
}

input#frm-PeopleSearch {
	width: 100px;
}

#str-AdminRepErr {
	padding: 5px;
	background: #eeeef2;
	border: 1px solid #9f8ba8;
}

h2.str-RepInstrTitle {
	font-size: 17px;
}

div.str-RepListItem {
	background: #eeeef2;
	padding: 5px;
	overflow: hidden;
}

div.str-RepListEven {
	background: #e6e6e6;
}

div.str-RepCD, div.str-RepWO {
	float: right;
	margin: 15px 0 5px 5px;
}

div.str-RepListItem div.str-RepCD, div.str-RepListItem div.str-RepWO {
	margin-top: 0;
}

div.str-RepListItem a {
	text-decoration: none;
	display: block;
	color: #000000;
}

div.str-RepListItem:hover {
	background: #ddd6e1;
}

div.str-RepListItem h3, div.str-RepListItem p {
	margin: 0;
}

div.str-RepSrchInputs #rsrch {
	margin-right: 4px;
}

#str-RepPieceInfo {
	overflow: hidden;
}

span.str-RepPeopleTitle {
	font-size: 15px;
}

#str-RepFiltersBar h2 {
	display: none;
}

#str-RepFiltersBar select {
	width: 146px;
}

#str-RepFiltersBar input {
	padding: 0;
	margin-right: 5px;
	vertical-align: bottom;
}

div.str-RepFilterSectCont {
	margin: 0 0 10px 0;
}

div.str-RepFilterSectCont h3, div.str-RepFilterSectCont p {
	margin: 0;
	padding: 0;
}

div.str-RepFilterSectCont p, div.str-RepFilterSectCont input {
	font-size: 11px;
}

div.str-RepFilterSectCont .str-RepFilterDelete a strong {
	font-weight: normal;
	color: red;
}

div.str-RepFilterSectCont .str-RepFilterCheckbox, div.str-RepFilterSectCont .str-RepFilterSelect {
	margin: 5px 0 0 0;
}

tr#tbd-ReppieceDesc textarea, tr#tbd-RepalbumDesc textarea {
	height: 56px;
}

tr#tbd-ReppieceRevText textarea {
	height: 116px;
}

div.str-RepFilterSelect option.frm-SelectOptionDisabled, div#str-SkillDropdown option.frm-SelectOptionDisabled {
	color: #565B96;
	font-weight: bold;
	padding-left: 0px;
}

#str-RepInstrListCont {
	overflow: hidden;
}

#str-RepInstrListCont div.str-RepInstrList {
	float: left;
	width: 219px;
}