/* Global styles */


/* Added by SJH 12/10/2006 */
.custTable {background-color:}
.custTable td {font-size:80%;}
.custTableTh th {font-size:80%;font-weight:bold;}




img {border: 0px;}
form {display: inline;}
input, select {font-size: 1em;}
ul, ol {margin: 0px;}
.top {vertical-align: top;}
ul, ol {padding-left: 0px; }
li {list-style-type: none;}



.clearLeft {display: block; width: 1px; height: 1px; overflow: hidden; clear: left;}
.clearRight {clear: right;}
.clearBoth {clear: both;}
.cRightfRight {clear:both; float: right;}
.fRight {float: right;}
.fLeft {float: left;} 
td {font-family: arial, helvetica, sans-serif; }
.largeTxt  {font-size: 130%; padding-top: 1px;}
.width255 {float: left; width: 255px;}
.width175 {float: left; width: 175px;}
.width20 {float: left; width: 20px;}
.redstar {float:left; width:8px; color:red; }
.red {color:red;}
.marginTop2 {margin-top: 2px;}
.marginTop3 {padding-top: 4px;}
.marginTop5 {margin-top: 5px;}
.marginTop8 {margin-top: 8px;}
.margin13 {margin-top: 13px; margin-bottom: 13px; clear: left;}
.medFont {font-size: 100%; font-family: georgia, times, sans-serif; color: #666; font-weight: bold; padding-top: 6px;}
.medFont {font-family: georgia, times, sans-serif;}
.medFontBlack {font-size: 100%; font-family: georgia, times, sans-serif; color: #000; font-weight: bold; padding-top: 6px;}
.medFontBlack span {font-family: georgia, times, sans-serif;}
.smlFont, .smlFontPad15, .smlFontGrey, .smlFontLtGrey {font-size: 80%; font-family: arial, sans-serif; color: #000;}
h4 {font-size: 80%; font-family: arial, sans-serif; color: #000; margin: 0px; padding: 0px;}
.smlFontPad15 {padding: 3px 0px 0px 15px;}
.grey, .smlFontGrey {color: #666;}
.smlFontLtGrey {color: #D5D2CA}

h1 {font-size: 170%; font-family:georgia, times, sans-serif; font-weight: normal; margin-top: 13px; margin-bottom: 0px;}
h1 span { font-family:georgia, times, sans-serif; }





h2 {font-size: 130%; font-family:georgia, times, sans-serif; color: #000; font-weight: normal; margin-top: 4px; margin-bottom: 0px; width: 416px;}
h2 span { font-family:georgia, times, sans-serif; }
.copyHeader {font-size: 120%; font-family: arial, sans-serif; font-weight: normal; margin: 0px; }








/* Added this in for CMS, it's the same code as copyHeader above */
h3 {font-size: 120%; font-family: arial, sans-serif; font-weight: normal; margin: 0px; }












/* Overall layout */

/* commented backslash mac IE5 hack \*/ 
.overalltable {height: 100%;}
/* end hack */

.overalltable {width: 773px; background: url(../img/bg_contact.gif) repeat-y;font-size: 75%;}




/* Home specific classes */
.stripePatients, 
.stripeCancer, 
.stripeInfo {display: block; width: 200px; height: 7px; overflow: hidden;}

.stripePatients {background: #C66;}
.stripeCancer {background: #63C594;}
.stripeInfo {background: #C9C;}
.patients_block {width: 200px; background-color: #FAEFEF;}
.private_block {width: 200px; background-color: #EEF3F4;}
.cancer_block {width: 200px; background-color: #ECF7F2;}
.info_block {width: 200px; background-color: #f7eff7;}
.home_block_pad {padding: 12px 15px 10px 15px;}
.home_block_pad .formLeft {float: left; width: 145px;}
.home_block_pad .formGo {float: left; width: 25px;}

/* Pop up layout */

/* commented backslash mac IE5 hack \*/ 
.popupTable {height: 100%;}
/* end hack */

.popupTable {width: 100%;}


.popupTable .container {float: left; width: 254px;}
.popupTable .container .content {width: 254px;}
.popupTable h1 {color:#263092;}


.topcell {vertical-align: top; padding: 0px; margin: 0px;}	

.bottomcell {vertical-align: bottom; padding: 0px; margin: 0px; }



#leftNav {float: left; width: 238px;}
#rightContent {float: left; width: 426px;}
#content_container {float: left; width: 416px;}
#rightNav {float: left; width: 85px; }

/* Left nav image */
.mainImg {width: 238px; height: 170px; }
.mainImgTxt {width: 208px; padding-left: 20px; padding-top: 13px; padding-right: 10px; padding-bottom: 29px;}


.bigFont {font-size: 170%; font-family: georgia, times, sans-serif; }
.bigFont span { font-family:georgia, times, sans-serif; }





#leftNav select {width: 150px; margin-top: 3px; }


/* Left nav subsections and links*/
.subSectHdr {display: block; width: 238px; }
.subSectHdrTxt {color: #fff; font-size: 125%; padding: 7px 10px 7px 19px;}


.subSectLinks {display: block; width: 238px; }


.glossaryLinks {float: left; padding-top: 3px; display: block; width: 50px;}
.glossaryLinks a.on {font-weight: bold;}

.subSectLinks a, 
.subSectLinksL2 a {color: #000; text-decoration: none;}

.subSectLinks a.on, 
.subSectLinksL2 a.on {text-decoration: none;}



#leftNav .subSectLinks li {list-style-type : none; }
.subSectLinks li {color: #000; font-size: 100%; padding: 0px 10px 4px 35px; list-style-type : none; }

.subSectLinksL2 {display: block; width: 238px;}

.subSectLinksL2 li {color: #000; font-size: 100%; padding: 0px 10px 4px 20px; list-style : none;}

.subSectLinksHi {display: block; width: 238px;}


.subSectLinksHi ol {margin-top: 0px; margin-left: 21px;}
.subSectLinksHi ol li {padding-left: 13px; }



.subSectLinksHiNormal {font-size: 80%; font-family: arial, helvetica, sans-serif; padding: 18px 10px 0px 20px;}
.subSectLinksHiNormal input.radioBtn {margin-bottom: -3px;}

.subSectLinksHiLink {float: left; color: #000; font-size: 100%; padding: 2px 10px 4px 35px; background:url(../img/btn_hilite_arrow.gif) no-repeat;}
.subSectLinksHi a {color: #06C; text-decoration: none; }
.subSectLinksHi a:hover {color: #69f; text-decoration: none;}
.listbgImg {margin-left: 21px; margin-top: 1px;}
.listbgImgBody {margin-left: 0px; margin-top: 1px;}
.width179 {width: 179px;}

.listbgImg .listLink, 
.listbgImgBody .listLink, 
.listbgImgBody .listLinkHdr {padding-left: 13px; background: url(../img/btn_hilite_arrow_contact.gif) no-repeat;}

.listLinkBlank {padding-left: 13px;}
.listLinkDown {padding-left: 13px; background: url(../img/btn_downarrow.gif) no-repeat;}



.contentGray {float: left; color: #666; padding-left: 10px;}

.subSectLinksBold {color: #000; font-size: 100%; font-weight: bold; padding: 7px 10px 4px 20px; }

.subSectLinksNormal {color: #000; font-size: 100%; padding: 0px 10px 4px 20px; }
.subSectLinksNormalNopad {color: #000; font-size: 100%; padding: 0px 10px 0px 20px; }

.subSectLinksNormal input.txtfield, 
.subSectLinksNormalNopad input.txtfield{width: 154px;}

.subSectLinksOn {color: #263092; font-size: 100%; padding: 0px 10px 4px 35px; }
.subSectLinksLine {display: block; overflow: hidden; width: 238px; height: 1px;}


.subSectLinksHiLine {display: block; overflow: hidden; width: 238px; height: 1px;}


/* Home Header Links */
.homeHdr {float: left; font-size: 125%; font-family: arial, helvetica, sans-serif; color: #333; width: 226px; }

.homeHdr a {color: #333; text-decoration: none; padding: 0.2em 0.5em 0em 0.7em; display: block; height: 18px;}
.homeHdr a:hover {color: #000;}
	.homeHdr a.patients {background:url(../img/bg_hdrlink_blank.gif) no-repeat;}
	.homeHdr a.patients:hover {background:url(../img/bg_hdrlink_patients.gif) no-repeat; }
	.homeHdr a.cancer {background:url(../img/bg_hdrlink_blank.gif) no-repeat;}
	.homeHdr a.cancer:hover {background:url(../img/bg_hdrlink_cancer.gif) no-repeat;}	
	.homeHdr a.healthcare {background:url(../img/bg_hdrlink_blank.gif) no-repeat;}
	.homeHdr a.healthcare:hover {background:url(../img/bg_hdrlink_contact.gif) no-repeat;}	
	.homeHdr a.info {background:url(../img/bg_hdrlink_blank.gif) no-repeat;}
	.homeHdr a.info:hover {background:url(../img/bg_hdrlink_info.gif) no-repeat;}	
	.homeHdr a.contact {background:url(../img/bg_hdrlink_blank.gif) no-repeat;}
	.homeHdr a.contact:hover {background:url(../img/bg_hdrlink_healthcare.gif) no-repeat;}	
	.homeHdr a.privatepatients {background:url(../img/bg_hdrlink_blank.gif) no-repeat;}
	.homeHdr a.privatepatients:hover {background:url(../img/bg_hdrlink_private.gif) no-repeat;}	
/* Section dependant Home Header Links */	


/* Home Royal Marsden Text and Logo Graphics */	
.hdrTxtLogo	{float: left; width: 200px; height: 170px;}
.hdrLogo {display: block; width: 85px; height: 184px; overflow: hidden; }
.hdrTxtLogoHome	{float: left; width: 200px; height: 150px;}
.hdrLogoHome {float: left; display: block; width: 85px; height: 154px; overflow: hidden; }

/* Main body */
.two_column {float: left; display: block; width: 200px;}
.two_columnLinks {float: left; display: block; width: 200px;}
.two_column_wide {float: left; display: block; width: 382px;}
.two_column_narrow {float: left; display: block; width: 34px;}

.two_column input.txt180 {width: 180px; margin-bottom: 3px;}
.two_column textarea.txt180 {width: 180px; margin-bottom: 3px;}

.two_column input.txt180Empty, 
input.txt180Empty {width: 180px; margin-bottom: 3px; background-color:#ff9;}

.two_column input.send {width: 45px; height: 19px;}

/* Added in these list bits ofr two columns, same code as one_column list items */
.two_column ul {margin-top: 17px;}
.two_column ul li {padding-left: 7px; }



.two_column ol {margin-top: 0px;}
.two_column ol li {padding-left: 13px; }


.listingTab {float: left; display: block; width: 416px;}
.listingTab ul {margin-top: 2px;}
.listingTab ul li {padding-left: 20px; }
.listingTab .content {display: block; width: 416px; }
.listingTab p {display: block; width: 416px; padding: 0px; margin: 0px;}
.listingTab a {color: #06C; text-decoration: none; }




#wide_column {float: left; display: block; width: 700px;}
#wide_column .dottyline {display: block; height: 1px; width: 700px; background: none; border-top: dotted #999 1px;}
#wide_column .content {display: block; width: 650px; }
#wide_column .vspacer21 {display: block; height: 21px; overflow: hidden; clear: left;}

.one_column {float: left; display: block; width: 416px;}
.one_column ul {margin-top: 17px;}
.one_column ul li {padding-left: 7px; }


.one_column ol {margin-top: 0px;}
.one_column ol li {padding-left: 13px; }



/* ! ! ! ! ! ! ! ! !  - added overflow hidden to the content class - check, it might break somewhere  ! ! ! ! ! ! ! ! ! */
/*.one_column .content {display: block; width: 416px; overflow: hidden;}*/

/* ! ! ! ! ! ! ! ! !  - added reduced width of content to try and fix for ie 5, might break somewhere else though  ! ! ! ! ! ! ! ! ! */
.one_column .content {display: block; width: 416px; }
.one_column p {display: block; width: 416px; padding: 0px; margin: 0px; margin-top:10px;}

.one_column .glossaryTerm {float: left; width: 105px; padding-right: 15px;}
.one_column .glossaryDescr {float: left; width: 295px;}
.one_column select {width: 250px; margin-top: 4px;}
.one_column textarea {width: 400px; height: 90px; overflow:hidden; margin-top: 4px;}



.topStripe, 
.topStripe2, 
.topStripeThick {display: block; width: 416px; overflow: hidden; clear: left;}

.topStripe {height: 1px;}
.topStripe2 {height: 2px;}
.topStripeThick {height: 4px;}







.searchBox {width: 416px; }


.searchBox .txt {float: left; padding-left: 15px; padding-right: 15px; width: 140px;}
.searchBox select {width: 220px; padding: 0px; margin: 0px;}

.comingUp {width: 416px; padding-top: 3px;}
.comingUp .leftCol  {float: left; width: 75px; padding-right: 5px;}
.comingUp .midCol  {float: left; width: 120px; padding-right: 16px;}
.comingUp .midColAlt  {float: left; width: 115px; padding-right: 5px;}
.comingUp .rightCol  {float: left; width: 200px;}
.comingUp p {margin-top: 10px;}


.pressDate {float: left; width: 75px; padding-right: 5px;}
.pressStory {float: left; width: 335px;}


/* !!!!!!!!!!!!!!!!!!!!!!  Changed width of the class below  !!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.pressHdrLeft {float: left; display: block; width: 200px; height: 40px; padding-left: 15px;}



.pressHdrLeft .padT13 {padding-top: 13px;}
.pressHdrRight {float:right; display: block; height: 40px; width: 135px; padding-left: 15px;}
.pressHdrRight .title {width: 116px; padding-bottom: 4px;}
.pressHdrRight .dropDown {float:left; width: 90px;}
.pressHdrRight .dropDownBtn {float: left; width: 23px; margin-top: 8px;	}







.pressHdrRight select {width: 90px;}

.trials {width: 200px; margin-top: 4px;}

.trials .leftCol {float: left; width: 61px; padding-right: 5px;}
.trials .rightCol {float: left; width: 114px; padding-left: 15px; padding-right: 5px;}

.donate, 
.donate_ga {width: 401px; padding-left: 15px; padding-top: 24px;}




.donate inputTxt {width: 120px; margin: 0px; padding: 0px;}

.two_column a, 
.two_column_wide a, 
.one_column a {color: #06C; text-decoration: none; }

.two_column a:hover, 
.two_column_wide a:hover, 
.one_column a:hover {color: #69f; text-decoration: none;}

.two_column .homeHdr a {color: #333; text-decoration: none; }
.two_column .homeHdr a:hover {color: #000; text-decoration: none;}

.two_column_form {display: block; width: 190px; padding: 0px 10px 4px 0px; }
.two_column select {width: 150px; margin-top: 3px; }
.two_column select.homeBlock {width: 140px;}

.bulletList {margin-top: 17px;}
.bulletList .listItem {padding-left: 7px; }

.dottyline {display: block; height: 1px; width: 416px; background:url(../img/bg_dottyline.gif) repeat-x;}

/* Body image aligned right */
.rightImgContainer {display: block; width: 200px; margin: 3px 0px 16px 16px;}
.downloadCourse {float: left; display: block; width: 224px; padding: 16px;}

.rightImgContainer .img200 {display: block; width: 200px;}
.rightImgContainer .caption {display: block; width: 180px; padding: 10px;}

/* Download Book section  */
.downloadBlock {float: left; display: block; width: 416px;}
.downloadBlock .bookCover {float: left; display: block; width: 48px; padding-top: 3px;}
.downloadBlock .descr {float: left; display: block; width: 232px; margin-left: 15px; margin-right: 16px;}
.downloadBlock .linkDetails {float: left; display: block; width: 90px;}

/* User guide box section */
.box {display: block; width: 200px; background: #f7eff7;}
.box .pad {padding: 0px 15px 15px 15px;}
/*
.box .img {display: block; width: 100px; height: 50px; margin-bottom: 25px;}
*/

.boxBtm {display: block; height: 5px; width: 200px; overflow: hidden;}

/* Glossary */
.glossaryHdr {font-size: 85%; font-family: arial, sans-serif; color: #06C; margin-bottom: 4px; }
.glossaryLine {display: block; height: 1px; width: 85px; overflow: hidden;}
.glossaryHdr a {color: #06C; text-decoration: none;}
.glossaryHdr a:hover {color: #69F; text-decoration: none;}

/* Bottom cell, page footer styles */

.footer {display: block; width: 770px; height: 80px; padding: 0px; }
/* commented backslash mac hack \*/ 
.footer {width: 739px; padding: 14px 20px 40px 14px; }
/* end hack */

.layout {display: block; width: 739px; height: 80px;}
.layout input.Txt {width: 130px;}

.rmLogo {float: left; width: 219px;}
.rmLogoPad  {float: left; width: 189px; padding-left: 30px; padding-top: 10px;}
/* commented backslash mac hack \*/ 
.rmLogoPad {padding-top: 0px;}
/* end hack */
.btmTxt {float: left; width: 400px; padding-top: 10px;}
/* commented backslash mac hack \*/ 
.btmTxt {padding-top: 0px;}
/* end hack */
.btmTxtGrey {color: #878784;}
.btmTxtLinks {font-size: 80%; color: #06C;}
.btmTxtLinks a {color: #06C; text-decoration: none;}
.btmTxtLinks a:hover {color: #69f; text-decoration: none;}
.copyright {float: left; width: 79px; color: #878784; padding-top: 16px; }

.formLeft {float: left; width: 130px;}
.formGo {float: left; width: 25px;}

/* Horizontal Spacers */
.hspacer5 {float: left; width: 6px;}
.hspacer10 {float: left; width: 10px;}
.hspacer12 {float: left; width: 12px;}
.hspacer16 {float: left; width: 16px;height:1px;}
.hspacer20 {float: left; width: 20px;}
.hspacer22 {float: left; width: 22px;}
.hspacer27 {float: left; width: 27px;}
.hspacer30 {float: left; width: 30px;}
.hspacer44 {float: left; width: 44px;}
.hspacer80 {float: left; width: 80px;}
.hspacer97 {float: left; width: 97px;}

.width175 {float: left; display: block; width: 175px;}
.vspacer1 {display: block; height: 1px; overflow: hidden; clear: left;}
.vspacer3 {display: block; height: 3px; overflow: hidden;}
.vspacer7 {display: block; height: 7px; overflow: hidden;}
.vspacer10 {display: block; height: 10px; overflow: hidden; clear: left;}
.vspacer13 {display: block; height: 13px; overflow: hidden; clear: left;}
.vspacer15 {display: block; height: 15px; overflow: hidden; clear: left;}
.vspacer17 {display: block; height: 17px; overflow: hidden; clear: left;}
.vspacer19 {display: block; height: 19px; overflow: hidden;}
.vspacer21 {display: block; height: 21px; overflow: hidden; clear: left;}
.vspacer24 {display: block; height: 24px; overflow: hidden; clear: left;}
.vspacer28 {display: block; height: 28px; overflow: hidden; clear: left; }
.vspacer30 {display: block; height: 30px; overflow: hidden; clear: left;}
.vspacer33 {display: block; height: 33px; overflow: hidden; clear: left;}
.vspacer36 {display: block; height: 36px; overflow: hidden; clear: left;}
.vspacer39 {display: block; height: 39px; overflow: hidden; clear: left;}
.vspacer51 {display: block; height: 51px; overflow: hidden; clear: left;}

/* Added by Fat Horse 19/08/2005 */
.vspacer3CL {display: block; height: 3px; overflow: hidden; clear: left}
.asterisk {float: left; width: 15px; margin-right: 10px;}
.asteriskTxt {float: left; width: 375px;}
.content ul li {padding-left: 7px; padding-bottom: 3px;}
.content ul li.new {padding-left: 7px; padding-bottom: 3px; margin-top: 0px; color: #f00;}
.two_column input.txt90 {width: 90px; margin-bottom: 3px;}
input.txt30 {width: 30px; margin-top: 3px;}
.vspacer4 {display: block; height: 4px; overflow: hidden; clear: left;}
.vspacer70 {display: block; height: 70px; overflow: hidden; clear: both;}