/* "Other" styles. */
#NoJavaScript
{
    position: relative; 
    margin: 0 auto 0px; 
    padding: 10px; 
    text-align: center; 
    background: #333; 
    color: #ccc; 
}

#pnlSearch
{
    background-image: url('../../Images/SearchField.png');
    border-style: none;
    height: 26px;
    margin-left: 15px;
    width: 124px;
}

#pnlSearch input.SearchField
{
    background: none;
    border-style: none;
    color: #4189A1;
    margin-top: 2px;
    margin-left: 5px;
    margin-right: 5px;
    width: 116px;
}

#pnlSearch input.SearchButton
{
    border-style: none;
    height: 20px; 
    margin-top: 3px;
    padding-left: 2px;
    width: 21px;
}

#Wrapper
{
    margin: 0 auto;
    width: 972px;
}

#hypPrintThisPage
{
   background-image: url('../../Images/bPrintThisPage.png');
   background-position: 0 0;
   display: block;
   height: 50px;
   width: 188px;
}

#hypPrintThisPage:hover, 
#hypPrintThisPage:active
{
   background-position: 0 50px;
}

a.White 
{
    color: #FFFFFF;
}

address.ContactUs
{
    font-style: normal;
    padding: 0px;
}

address.Other
{
    padding: 10px 10px 10px 10px;
}

address.PadLeft
{
    padding-left: 20px;
}

div.Clear
{
    clear: both;
} 

div.GoogleMapCentre
{
    border: 1px solid #DCDCDC;
    height: 398px; 
    width: 709px;
}

div.GoogleMapUk
{
    border: 1px solid #DCDCDC;
    height: 715px; 
    margin-top: 20px;
    width: 709px;
}

div.h7
{
    font-size: 1.125em;
    font-family: Arial;
    font-weight: bold;
    padding: 10px 0px 5px 0px;
    text-decoration: none;
}

div.Indent
{
    padding: 0px 0px 10px 25px;
}

div.Left
{
    float: left;  
    padding-top: 8px;
} 

div.LeftRight
{
    position: relative; 
} 

div.Right
{
    float: right; 
} 

div.PreviousNext
{
    font-weight: bold; 
} 

div.SearchResultTitle
{
	 margin-top: 15px; 
}

div.SearchResultUrl 
{
	 color: Gray;
}

div.TestimonialName
{
    padding-top: 5px;
}

h2.Title
{
    font-size: 2.2em;
    padding-top: 0px;
}

h6.Error,
h6.Information,
h6.Successful
{
    font-size: 1.4em;
	font-weight: bold; 
	font-style: normal;
	margin: 0px; 
	padding: 0px 0px 5px 0px;
}

img.AdobeReader,
img.Zip
{
    height: 24px;
    width: 24px;
}

img.BoundingBoxAdobeReaderIcon
{
    height: 25px;
    padding-right: 10px;
    width: 24px;
}

img.Careers
{
    height: 75px;
    width: 266px;
}

img.DownloadSyllabus
{
    height: 17px;
    width: 148px;
}

img.Error
{
    height: 75px;
    width: 170px;
}

img.EnterOnline
{
     width: 249px;
     height: 32px;
     padding: 10px 0px 20px 0px;
}

img.NewsletterSignUpHere
{
     width: 188px;
     height: 179px;
}

img.GreenTick
{
    height: 17px;
    width: 18px;
}

img.GoogleCustomSearch
{
     height: 24px;
     width: 65px;
     margin-top: 20px;
}

img.MusicroomSkyscraper
{
     height: 600px;
     width: 160px;
     margin: 0px 14px 0px 14px;
}

img.PopupIcon
{
    width: 13px;
    height: 13px;
    padding-left: 3px;
}

img.RockschoolLogo
{
    height: 36px;
    margin-left: 37px;
    width: 191px;
}

img.SecondaryNavigationMinor
{
	background-repeat: no-repeat;
	width: 181px;
	height: 23px;
}

img.SheetMusic
{
    padding-top: 10px;
}

img.SyllabusNotice
{
    height: 17px;
    width: 120px;
}

img.VeriSignTrusted
{
    height: 54px;
    width: 107px;
}

img.YouSendItLogo
{
    height: 78px;
    width: 136px;
    padding-left: 10px;
}

label.ListItem
{
    margin-left: 0px;
    vertical-align: top;
}

p.PadTop
{
    padding-top: 15px;
}

p.PadTopBottom
{
    padding: 15px 0px 15px 0px;
}

span.BookCoverTitle
{
    font-weight: bold;
    text-transform: uppercase;
}

span.Bold
{
    font-weight: bold;
}

span.PublicationDate
{
    color: gray;
    font-style: italic;
}

table.Breadcrumbs
{
    color: #4189A1;
    height: 19px;
    font-size: 0.95em;
    margin: 0px;
    padding: 0px;
}

table.Breadcrumbs tr td
{
    vertical-align: middle;
}

table.Breadcrumbs tr td a.Breadcrumb
{
    color: #4189A1;
}

table.Breadcrumbs tr td.CurrentLeft,
table.Breadcrumbs tr td.CurrentRight
{
    background-color: #B3DAE4;
    width: 6px;
}

table.Breadcrumbs tr td.CurrentLeft
{
    background-image: url('../../Images/BreadcrumbCurrentLeft.png');
    background-repeat: no-repeat;
}

table.Breadcrumbs tr td.CurrentRight
{
    background-image: url('../../Images/BreadcrumbCurrentRight.png');
    background-repeat: no-repeat;
}

table.Breadcrumbs tr td.Current
{
    background-color: #B3DAE4;
    color: #FFFFFF;
    height: 19px;
}

table.Breadcrumbs tr td.Divider
{
    color: #B3DAE4;
    width: 35px;
    text-align: center;
}

table.BoundingBoxLarge
{
    background-image: url('../../Images/BoundingBoxLargeTile.png');
    background-repeat: repeat-y;
    margin: 10px 0px 0px 0px;
    width: 711px;
}

table.BoundingBoxLarge tr td.BoundingBoxLargeContentLeft,
table.BoundingBoxLarge tr td.BoundingBoxLargeContentRight
{
    padding: 0px 25px 3px 25px;
}

table.BoundingBoxLarge tr td.BoundingBoxLargeContentLeft h4,
table.BoundingBoxLarge tr td.BoundingBoxLargeContentRight h4
{
    padding: 0px 0px 10px 0px;
}

table.BoundingBoxLarge tr td.BoundingBoxLargeContentRight
{
    text-align: right;
}

table.BoundingBoxLarge tr td.BoundingBoxLargeHeader
{
    background-image: url('../../Images/BoundingBoxLargeTop.png');
    background-repeat: no-repeat;
    height: 10px;
}

table.BoundingBoxLarge tr td.BoundingBoxLargeFooter
{
    background-image: url('../../Images/BoundingBoxLargeBottom.png');
    background-repeat: no-repeat;
    height: 10px;
}

table.BoundingBoxMedium
{
    background-image: url('../../Images/BoundingBoxMediumTile.png');
    background-repeat: repeat-y;
    margin: 10px 0px 0px 0px;
    width: 505px;
}

table.BoundingBoxMedium tr td.BoundingBoxMediumContentLeft,
table.BoundingBoxMedium tr td.BoundingBoxMediumContentRight
{
    padding: 0px 20px 3px 20px;
}

table.BoundingBoxMedium tr td.BoundingBoxMediumContentLeft h4,
table.BoundingBoxMedium tr td.BoundingBoxMediumContentRight h4
{
    padding: 0px 0px 10px 0px;
}

table.BoundingBoxMedium tr td.BoundingBoxMediumContentRight
{
    text-align: right;
}

table.BoundingBoxMedium tr td.BoundingBoxMediumHeader
{
    background-image: url('../../Images/BoundingBoxMediumTop.png');
    background-repeat: no-repeat;
    height: 10px;
}

table.BoundingBoxMedium tr td.BoundingBoxMediumFooter
{
    background-image: url('../../Images/BoundingBoxMediumBottom.png');
    background-repeat: no-repeat;
    height: 10px;
}

table.BoundingBoxMedium tr td select
{
    margin-top: 0px;
}

table.ContentWithNavigation,
table.ContentWithoutNavigation
{
    background-repeat: repeat-y;
    width: 972px; 
}

table.ContentWithNavigation
{
    background-image: url('../../Images/ContentTileWithNavigation.png');
}

table.ContentWithoutNavigation
{
    background-image: url('../../Images/ContentTileWithoutNavigation.png');
}

table.ContentWithNavigation tbody.Content,
table.ContentWithoutNavigation tbody.Content
{
    background-repeat: no-repeat;
    background-position: left top;
}

table.ContentWithNavigation tbody.Content
{
    background-image: url('../../Images/ContentTopWithNavigation.png');
}

table.ContentWithoutNavigation tbody.Content
{
    background-image: url('../../Images/ContentTopWithoutNavigation.png');
}

table.ContentWithNavigation tr td.Navigation
{
    /* The corresponding Html code is setup to handle a Chrome and Safari issue with tiling. */
    width: 211px;
}

table.ContentWithNavigation tr td.Navigation hr
{
	border: 0px;
	background-image: url('../../Images/NavigationDivider.png');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 211px;
	height: 30px;
}

table.ContentWithNavigation tr td.Body
{
    /* Resolves Chrome and Safari issue with tiling. */
	background-repeat: no-repeat;
	background-position: right top;
    padding: 7px 25px 0px 25px;
    width: 761px; 
}  

table.ContentWithoutNavigation tr td.Body
{
    padding: 21px 21px 0px 21px;
    width: 972px; 
}

table.ContentWithNavigation tr td.Body table.BodyContent tr td.MainContent
{
    width: 505px;
}

table.ContentWithNavigation tr td.Body table.BodyContent tr td.Divider
{
    width: 21px;
}

table.ContentWithNavigation tr td.Body table.BodyContent tr td.RightHandSide
{
    width: 188px;
}

table.ContentWithNavigation tr td.Body table.BodyContent tr td.LeftContent,
table.ContentWithNavigation tr td.Body table.BodyContent tr td.RightContent
{
    width: 346px;
}

table.ContentWithNavigation tr td.Footer
{
    background-image: url('../../Images/FooterDividerWithNavigation.png');
    background-repeat: no-repeat;
    height: 33px;
    width: 972px;
}

table.ContentWithoutNavigation tr td.Footer
{
    background-image: url('../../Images/FooterDividerWithoutNavigation.png');
    background-repeat: no-repeat;
    height: 20px;
    width: 972px;
}

table.Document
{
    margin-top: 15px;
}

table.Document tr td
{
    padding-top: 5px;
}

table.Document tr td.Icon
{
    padding: 0px;
    text-align: left;
    width: 35px;
}

table.Document tr td.Text
{
    padding: 0px;
    text-align: left;
}

table.DownloadSyllabus tr td.Icon
{
    padding: 0px;
    text-align: left;
    width: 32px;
}

table.DownloadSyllabus tr td.Text
{
    padding: 0px;
    text-align: left;
}

table.EnrolOnline
{
    width: 100%;
}

table.EnrolOnline tr td.Left,
table.EnrolOnline tr td.Right
{
    width: 50%;
}

table.EnrolOnline tr td.Right
{
    text-align: right;
}

table.Footer
{
    background-image: url('../../Images/FooterBackground.png');
    background-repeat: no-repeat;
    height: 87px;
    margin-bottom: 20px;
    width: 972px; 
}

table.Footer tr td
{
    color: #1A5972;
    font-size: 0.95em;
    text-align: center;
    vertical-align: middle;
}

table.Footer tr td a
{
    color: #00A1DE;
    font-size: 0.95em;
}

table.GridView
{
    margin: 10px 0px 10px 0px;
    width: 100%;
}

table.GridView tr td ol,
table.GridView tr td ul
{
    padding: 0px 0px 0px 15px;
}

table.GridView tr td ol.PadTopBottom,
table.GridView tr td ul.PadTopBottom
{
    padding: 10px 0px 10px 15px;
}

table.GridView tr th
{
    background-image: url('../../Images/gvHeaderTile.png');
    background-repeat: repeat-x;
    border-bottom: 1px solid #BADDE7;
    border-left: 1px solid #BADDE7;
    color: #FFFFFF;
    font-size: 1.125em;
    font-weight: bold;
    height: 31px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

table.GridView tr th a
{
    color: #FFFFFF;
}

table.GridView tr th.Center
{
    text-align: center;
}

table.GridView tr th.LeftTop
{
    background-image: url('../../Images/gvHeaderLeftTop.png');
    background-repeat: no-repeat;
    background-position: left top;
    border-left: 0px;
    text-align: center;
}

table.GridView tr th.RightTop
{
    background-image: url('../../Images/gvHeaderRightTop.png');
    background-repeat: no-repeat;
    background-position: right top;
    border-right: 0px;
    text-align: center;
}

table.GridView tr td
{
    border-bottom: 1px solid #BADDE7;
    border-left: 1px solid #BADDE7;
    color: #000000;
    padding: 4px 10px 2px 10px; 
    text-align: left;
} 

table.GridView tr td.LeftLeft,
table.GridView tr td.RightLeft
{
    background-image: url('../../Images/gvBorderTile.gif');
    background-repeat: repeat-y;
    background-position: left center;
    border-left: 0px;
}

table.GridView tr td.LeftLeft
{
    text-align: left;
}

table.GridView tr td.RightLeft
{
    text-align: right;
}

table.GridView tr td.Center,
table.GridView tr td.CenterRight
{
    text-align: center;
}

table.GridView tr td.CenterLeft
{
    text-align: left;
}

table.GridView tr td.Right,
table.GridView tr td.RightRight
{
    text-align: right;
}

table.GridView tr td.LeftRight,
table.GridView tr td.CenterRight,
table.GridView tr td.RightRight
{
    background-image: url('../../Images/gvBorderTile.gif');
    background-repeat: repeat-y;
    background-position: right center;
}

table.GridView tr td a
{
    color: #000000;
}

table.GridView tr.Dark td
{
    background-color: #E2F1F8;
}

table.GridView tr td.Divider
{
    background-color: #85B9C9;
    border: 0px;
    height: 2px;
    padding: 0px;
}

table.GridView tr td.Footer
{
    background-image: url('../../Images/gvFooterTile.png');
    background-repeat: repeat-x;
    border: 0px;
    height: 12px;
    padding: 0px;
}

table.GridView tr.Pagination td
{
    border-width: 0px;
    margin: 0px;
    padding: 0px;
}

table.GridView tr.Pagination td a,
table.GridView tr.Pagination td span
{
    padding-left: 5px;
    padding-right: 5px;
}

table.Header 
{
    width: 972px;
}

table.Header tr td table.Top 
{
    height: 49px;
    width: 972px;
}

table.Header tr td table.Top tr td
{
    color: #B3DAE4;
    font-size: 0.95em;
    padding-top: 0px;
    text-align: right;
    vertical-align: middle;
}

table.Header tr td table.Top tr td a
{
    color: #B3DAE4;
}

table.Header tr td table.Top tr td.Links
{
    width: 750px;
}

table.Header tr td table.Top tr td.Search
{
    width: 222px;
}

table.Header tr td.RockschoolLogo
{
    padding-bottom: 25px;
    vertical-align: bottom;
    width: 238px; 
}

table tr td.Indent
{
    padding: 0px 0px 10px 25px;
}

table.Overview
{
    width: 100%;
    text-align: right;
}

table.RelatedProducts
{
    background-image: url('../../Images/RelatedProductsTile.gif');
    background-repeat: repeat-y;
    margin: 10px 0px 0px 0px;
    width: 213px;
}

table.RelatedProducts tr td
{
    padding: 0px 15px 0px 15px;
}

table.RelatedProducts tr td.RelatedProductsHeader
{
    background-image: url('../../Images/RelatedProductsTop.gif');
    background-repeat: no-repeat;
    height: 12px;
}

table.RelatedProducts tr td.RelatedProductsFooter
{
    background-image: url('../../Images/RelatedProductsBottom.gif');
    background-repeat: no-repeat;
    height: 12px;
}

table.SocialMedia
{
    margin: 10px 0px 10px 0px;
    width: 100%;
}

table.SocialMedia tr td
{
    padding-right: 10px;
    vertical-align: middle;
}

table.SocialMedia tr td.Right
{
    padding-right: 0px;
    text-align: right;
    width: 90%;
}

table.SocialMedia tr td.Right img
{
    padding-left: 10px;
}

table.SkyscraperMedium
{
    background-image: url('../../Images/bgSkyscraperMedium.png');
    background-repeat: no-repeat; 
    height: 178px;
    margin-bottom: 15px; 
    width: 188px;
}

table.SkyscraperLarge tr td,
table.SkyscraperMedium tr td
{
    font-size: 0.95em;
    padding: 20px;
}
 
table.SkyscraperLarge
{
    background-image: url('../../Images/bgSkyscraperLarge.png');
    background-repeat: no-repeat; 
    height: 238px;
    margin-bottom: 15px; 
    width: 188px;
}
 
.SuccessfulTopLeft 
{ 
	margin-right: 9px; 
	background-image: url('../../Images/SuccessfulMessage.png');
	height: 9px;
	font-size: 2px;
}

ol.NoPadBottom,
ul.NoPadBottom
{
    padding-bottom: 0px;
}

ol.NoPadTopBottom,
ul.NoPadTopBottom
{
    padding-bottom: 0px;
    padding-top: 0px;
}

.SuccessfulTopRight 
{ 
	margin-top: -9px; 
	margin-left: 9px;
	background-image: url('../../Images/SuccessfulMessage.png'); 
	background-position: 100% 0; 
	height: 9px; 
	font-size: 2px; 
}

div.SuccessfulInside 
{
	border-left: 1px solid #ABB865;
	border-right: 1px solid #ABB865;
	background: #EAF7A1;
	color: #688006;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

div.SuccessfulInside a
{
	color: #688006;
}

.SuccessfulBottomLeft 
{ 
	margin-right: 9px;
	background-image: url('../../Images/SuccessfulMessage.png');
	background-position: 0 -9px; 
	height: 9px;
	font-size: 2px;
}

.SuccessfulBottomRight
{ 
	margin-top: -9px; 
	margin-left: 9px;
	background-image: url('../../Images/SuccessfulMessage.png'); 
	background-position: 100% -9px; 
	height: 9px; 
	font-size: 2px; 
}

.InformationTopLeft 
{ 
	margin-right: 9px; 
	background-image: url('../../Images/InformationMessage.png');
	height: 9px;
	font-size: 2px;
}

.InformationTopRight 
{ 
	margin-top: -9px; 
	margin-left: 9px;
	background-image: url('../../Images/InformationMessage.png'); 
	background-position: 100% 0; 
	height: 9px; 
	font-size: 2px; 
}

div.InformationInside 
{
	border-left: 1px solid #90B1C7;
	border-right: 1px solid #90B1C7;
	background: #D4EBFA;
	color: #646BB9;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

div.InformationInside a
{
	color: #646BB9;
}

.InformationBottomLeft 
{ 
	margin-right: 9px;
	background-image: url('../../Images/InformationMessage.png');
	background-position: 0 -9px; 
	height: 9px;
	font-size: 2px;
}

.InformationBottomRight
{ 
	margin-top: -9px; 
	margin-left: 9px;
	background-image: url('../../Images/InformationMessage.png'); 
	background-position: 100% -9px; 
	height: 9px; 
	font-size: 2px; 
}

.ErrorTopLeft 
{ 
	margin-right: 9px; 
	background-image: url('../../Images/ErrorMessage.png');
	height: 9px;
	font-size: 2px;
}

.ErrorTopRight 
{ 
	margin-top: -9px; 
	margin-left: 9px;
	background-image: url('../../Images/ErrorMessage.png'); 
	background-position: 100% 0; 
	height: 9px; 
	font-size: 2px; 
}

div.ErrorInside 
{
	border-left: 1px solid #EB9895;
	border-right: 1px solid #EB9895;
	background: #FABFBD;
	color: #C32727;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

div.ErrorInside a
{
	color: #C32727;
}

div.ErrorInside ul
{
	margin-bottom: 0;
	padding-bottom: 0;
}

.ErrorBottomLeft 
{ 
	margin-right: 9px;
	background-image: url('../../Images/ErrorMessage.png');
	background-position: 0 -9px; 
	height: 9px;
	font-size: 2px;
}

.ErrorBottomRight
{ 
	margin-top: -9px; 
	margin-left: 9px;
	background-image: url('../../Images/ErrorMessage.png'); 
	background-position: 100% -9px; 
	height: 9px; 
	font-size: 2px; 
}

h6.Successful,
h6.Information,
h6.Error
{
    font-size: 1.4em;
	font-weight: bold; 
	font-style: normal;
	margin: 0px; 
	padding: 0px 0px 5px 0px;
}

.NoTopGap 
{
	margin-top: 0;
    font-size: 1.4em;
	font-weight: bold; 
	font-style: normal;
	margin: 0px; 
	padding: 0px 0px 5px 0px;
}

.NoBottomGap 
{
	margin-bottom: 0;
}

.MessagePadding
{
    padding: 10px 0px 10px 0px;
}

#hypNewsletterSignUp
{
   background-image: url('../../Images/Buttons/bNewsletterSignUp.png');
   background-position: 0 0;
   display: block;
   height: 50px;
   width: 188px;
}

#hypNewsletterSignUp:hover, 
#hypNewsletterSignUp:active
{
   background-position: 0 50px;
}