/* 
Title:     	ROYAL ACADEMY OF DANCE - BLACK CONTRAST CSS FOR SMALL ADVERT ON ARTICLE ETC PAGES
Date:   	SEPT 2009
Author:		Odyssey Interactive 
*/				
               /* Green Login - Examinations */
				.BlackLogin {float:left;width:210px;margin-top:5px;}
				.BlackLoginTop {background: url('../images/interface/black_01.png') no-repeat 0 0;float:left;height:16px;width:280px;}
				.BlackLoginContent {float:left;background:transparent url('../images/interface/black_03.png') repeat-y scroll 0 0;float:left;min-height:40px;width:210px;}
				.BlackLoginFooter {float:left;width:210px;height:21px;background: url('../images/interface/black_05.png') repeat-y 0 0;}
					/* -- login styles --*/
					.LoginFormAlt {display:inline;float:left;margin:5px 0 0 17px;width:179px;}
						.LoginFormAlt .ButtonAll {background-color:#660000;border:medium none;color:#FFFFFF;cursor:pointer;display:block;float:right;font-size:95%;font-weight:normal;margin:0;padding:2px 0;text-transform:uppercase;width:59px;}
						.LoginRowAlt {height:17px;padding:6px 0 0;width:169px;}
						.LoginSelectRowAlt {float:left;padding:3px 0 0;width:169px;}
						.LoginRowBtnAlt {float:left;padding:5px 0 0;position:relative;width:170px;z-index:1;}
						.LoginFormAlt fieldset	{border:medium none;margin:0;padding:0px;}	
						.LoginFormAlt legend {padding:5px 0 0;color:#FFFFFF;font-size:100%;font-weight:bold;text-transform:uppercase;}
						.LoginFormAlt label {color:#FFFFFF;float:left;font-size:85%;font-weight:normal;padding:3px 0;text-transform:uppercase;width:100%;}
						.LoginFormAlt input {padding:2px;width:163px;float:left;border:1px solid #666666;background-color:#323232;color:#ffffff;font-size:95%;}
						.LoginFormAlt select {clear:both;padding:2px;width:170px;float:left;border:1px solid #666666;background-color:#323232;color:#ffffff;font-size:95%;}
						.LoginHelpAlt {float:right;position:relative;right:6px;top:-10px;z-index:1;}
						.LoginHelpAlt a:link, .LoginHelpAlt a:visited, .LoginHelpAlt a:active {color:#999999;font-size:85%;}
						.LoginHelpAlt a:hover {color:#999999;text-decoration:underline;}
						.LoginAccessAlt {float:right;position:relative;right:77px;top:-17px;z-index:1;}
						.LoginAccessAlt a:link, .LoginAccessAlt a:visited, .LoginAccessAlt a:active {color:#999999;font-size:85%;}
						.LoginAccessAlt a:hover {color:#999999;text-decoration:underline;}	
				
				/* Green Latest News */
				.BlackNewsContent1 {float:right;padding:0 14px 0 0;width:113px;}
				.BlackNewsTop {line-height:0%;background:transparent url('../images/interface/black_01.png') repeat-y scroll 0 0;float:left;height:16px;width:210px;padding:0px;margin:0px;}
				.BlackNewsContent {min-height:100px;background:transparent url('../images/interface/black_03.png') repeat-y scroll 0 0;float:left;width:210px;}
				.BlackNewsFooter {background:transparent url('../images/interface/black_05.png') repeat-y scroll 0 0;float:left;height:21px;width:210px;}
					.BlackNewsContent1 {float:right;padding:0 14px 0 0;width:112px;}
					.BlackNewsContent2 {float:left;margin:0 15px;width:238px;display:inline;}
					.BlackNewsContent3 {float:left;margin:0 15px;width:238px;display:inline;}
					.BlackNewsContent h3 {border-bottom:1px solid #FFFFFF;color:#FFFFFF;font-size:100%;margin:0 26px 0 19px;padding:4px 0 4px 1px;text-transform:uppercase;}
					.BlackNewsContent img {border:1px solid #787977;margin:10px 5px 0px 20px;float:left;}
					.BlackNewsContent h4 {border-bottom:1px solid #ffffff;color:#FFFFFF;float:left;font-size:95%;line-height:145%;margin:0 0 0 4px;padding:6px 0 0 0;text-transform:uppercase;width:163px;}
					.BlackNewsContent h4.First {border-bottom:1px solid #ffffff;color:#FFFFFF;float:left;font-size:95%;line-height:145%;margin:0 0 0 4px;padding:6px 0 0 0;text-transform:uppercase;width:97px;}
					.BlackNewsContent p {color:#999999;float:left;font-size:95%;line-height:135%;margin:0;padding:2px 0 0 5px;width:163px;}
					.BlackNewsContent p.First {color:#999999;float:left;font-size:95%;line-height:135%;margin:0;padding:2px 0 0 5px;width:96px;}
					.BlackNewsContent span {color:#999999;float:left;font-size:95%;line-height:135%;margin:0;padding:2px 0 0 5px;width:163px;font-weight:bold;}
					.BlackNewsContent a:link, .BlackNewsContent a:visited, .BlackNewsContent a:active {color:#ffffff;font-size:95%;font-weight:bold;}
					.BlackNewsContent a:hover {color:#ffffff;text-decoration:underline;}
				.BlackNewsContent ul {position:relative;z-index:2;float:left;width:140px;margin: 10px 0 0 33px;padding: 0;font-size: 1em;list-style: none;}
				.BlackNewsContent li {padding: 0;background: url('../images/icons/Icons_Useful.png') no-repeat 0 0;list-style: none;line-height:100%;padding:1px 1px;}
				.BlackNewsContent li a:link, .BlackNewsContent li a:visited, .BlackNewsContent li a:active {background:transparent url('../images/icons/Icons_Useful.png') no-repeat scroll 0 0;color:#FFFFFF;display:block;font-size:95%;overflow:hidden;padding:1px 0 2px 19px;position:relative;text-decoration:none;white-space:nowrap;width:130px;}
				.BlackNewsContent li a:hover {text-decoration:underline;}
				
				/* Black */
				.LeftNav li a:hover {background-color:#d5d5d5;text-decoration:underline;}
				.LeftNav ul.ArticleSubNav li a:hover {background-color:#d5d5d5;text-decoration:underline}
						
				.LeftNav li.Section a:link, .LeftNav li.Section a:visited, .LeftNav li.Section a:active {font-weight:bold;background-color:#E8E7E7;color:#990000;display:block;font-size:95%;margin:0 0 2px;overflow:hidden;padding:3px 5px 3px 11px;text-decoration:none;white-space:nowrap;width:180px;}
				.LeftNav li.Section a:hover {background-color:#d5d5d5;text-decoration:underline;}
				.LeftNav li.Active a:link, .LeftNav li.Active a:visited, .LeftNav li.Active a:active {font-weight:bold;background-color:#d5d5d5;color:#660000;display:block;font-size:95%;padding:3px 0 3px 19px;text-decoration:none;width:177px;}
				.LeftNav li.Active a:hover {background-color:#d5d5d5;text-decoration:underline;}
				
				/* Added to CSS in order to allow hover on sub sub items */
				.LeftNav ul.ArticleSubNav li a:hover {background-color:#d5d5d5;text-decoration:underline;}
				
				
				/*FORMS */	
				.FormHolder {clear:both;border: #d9d9d9 1px dotted;padding:10px 10px 10px 10px;margin: 20px 0px 30px;width:447px;background-color: #f8f8f8;}
				.FormField {clear:both;float:left;}
				.FormHolder p{font-weight:bold;padding:3px 0 3px 0;}
				.FormRowName{width:431px;clear:both;float:left;margin:5px 20px 0 5px;text-align:left;font-size:95%;font-weight:bold;}
				.FormField input{width:420px;background-color:#333333;color:#ffffff;border:1px solid #666666;padding-left: 5px;margin:5px 0px 0 0;float:left;clear:both;font-size:95%;}
				.FormField select{width:420px;background-color:#333333;color:#ffffff;border:1px solid #666666;margin: 5px 0px 0px;float:left;font-size:95%;}
				.FormField textarea{width:420px;background-color:#333333;color:#ffffff;border:1px solid #666666;clear:both;float:left;margin:6px 0 0 0;padding-left:5px;font-size:95%;}
				.FormErrors li{font-weight: bold;font-size: 0.9em;color: #ff0000;list-style: none;}
				.FormErrors ul{padding:0px;margin: 10px 0px 10px 20px;}
				.FormErrorsSM li{font-weight: bold;font-size: 0.9em;color: #ff0000;list-style: none;}
				.FormErrorsSM ul{padding:0px;margin: 10px 0px 10px 20px;}
				.FormFieldCheckBox{margin: 3px 0px 0px 170px;clear:both;}
				.FormSubmit {background-color:#660000;border:medium none;color:#FFFFFF;cursor:pointer;display:block;float:left;font-size:95%;font-weight:bold;margin:8px 0 0;padding:2px 5px;text-align:center;text-transform:none;width:97px;}
				.Red {color:#FF0000;padding-right:5px;}
				
				.AutoFormRowName{width:431px;clear:both;float:left;margin:5px 20px 0 5px;text-align:left;font-size:95%;font-weight:bold;}
				.AutoFormField input{background-color:#333333;border:1px solid #666666;clear:both;color:#FFFFFF;float:left;font-size:95%;margin:4px 55px 0 5px;padding:3px;}
				.AutoFormField select{width:420px;background-color:#333333;color:#ffffff;border:1px solid #666666;margin: 5px;float:left;font-size:95%;}
				.AutoFormField textarea{font-family:arial;width:420px;background-color:#333333;color:#ffffff;border:1px solid #666666;clear:both;float:left;margin:5px;padding-left:5px;font-size:95%;}
			
.InnerRow2B img, .InnerRow2BAlt img {background:#ffffff url(../images/interface/BlackAdvertImgBG2.png) no-repeat right bottom;padding:6px 18px 18px 9px;}
.InnerRow2B img.NoShadow, .InnerRow2BAlt img.NoShadow{background:none;padding:0px;}
.CommentBox img{background:none repeat scroll 0 0 transparent !important;padding:0 5px !important;vertical-align:middle;}		
