@media print {
  .appArea.responsive {
    max-width: 90%;
    width: 100%;
  }
}

/* Begin html.css */
BODY, TABLE {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10pt;
	border: 0;*/
}

BODY {
	margin:0;
	background-color:#FFFFFF
}

/* 	fix for IE6/PC - http://www.positioniseverything.net/explorer/peekaboo.html */
/* 	
TABLE, 
DIV, P, BLOCKQUOTE,
H1, H2, H3, H4, H5, H6 {position: relative;}
*/

A:link {color:#3366CC}
/*A:visited {color:#996699}*/
A:visited {color:#3366cc}
A:hover {
COLOR: #f47d30;
text-decoration:underline;}
A:active {color:#3366CC}

P {margin-top:0;}

H1, H2, H3, H4, H5, H6 {
	font-family:Arial, Helvetica, sans-serif;
}

H1 {margin:0}
H1 { 
	font-size:1.3em;
	color:#718DBB;
}
H1.smaller {
	font-size:1.1em;
}

H1 SPAN { 
	color:#666666;
}

H1.subtitle {
	color:#666666;
	font-size:1em;
}

H2, H3, H4, H5, H6 {margin:0 0 .5em 0}

H2 { 
	/*color:#B7A54E;*/
	font-size:1.1em;
}

H3 { 
	color:#333333;
	font-size:1em;
}

H4 { 
	/*color:#B7A54E;*/
	font-size:1em;
}

H5 { 
	color:#666666;
	font-size:1em;
}

H6 { 
	color:#666666;
	font-size:1em;
}

HR { 
	clear:both;
	height:1px;
	border:0;
	margin:0 0 1em 0;
	background-color:#DDDDDD;
	color:#DDDDDD;
}
	
DIV.hr {
	clear:both;
	width: 100%;
	height: 1px;
	margin:0 0 1em 0;
	border-top: 1px solid #DDDDDD;
	padding: 0;
} 

FORM {
	margin:0
}

OL, UL {
	margin-top:0;
	margin-bottom:1em;
}

UL {list-style: disc;} 

DT {
	font-weight:bold
}

DD {
	margin:.5em 1em;
}

SELECT, INPUT, TEXTAREA {
	font-size:.9em;
	/*color:#333333;*/
}
/* End html.css */

/* Begin template.css */
/* HEADER */
#header {
	margin-top:5px;
	background:#666666 url(../images/content/pagebuilder/10470.gif) repeat-x bottom;
	padding:0 0;
height:26px;
}

#homeIcon,
#portal {
	border-bottom:1px solid #FFFFFF;
}

#logo {
	border-bottom:1px solid #999999;
}

/* COLUMNS */
#mainBg{
 	border-top:1px solid #FFFFFF;
	background-color:#DDDDDD;
}


#main {
	 width:780px;
	 padding:0 1px 1px 1px;
	 background:#FFFFFF url(../images/content/pagebuilder/10487.gif) repeat-y;
}

#middleThreeColumn{
	padding-right:20px;
}

#middleTwoColumn {
	padding-right:90px
}

#thirdColumn{
	background-color:#EFEBD7
}

#thirdColumnSideBars{
	background:#F6F4E9 url(../images/content/pagebuilder/10470.gif) no-repeat top left;
	border-bottom:1px solid #DFD7B0;
}

#thirdColumnBackGround {
	background:url(../images/content/pagebuilder/10488.gif) no-repeat top right;
}

/* SITE TITLE & TOOLS */
#siteTitle {
	color:#FFFFFF;
	padding-left:80px;
	font-weight:bold;
	font-size:12pt;
}

#siteTitle A:link,
#siteTitle A:visited,
#siteTitle A:active {
	color:#FFFFFF;
	text-decoration:none;
}

#siteTools {
	text-align:right;
	padding-right:10px;
}

#siteTools A {
	padding-left:10px;
}

/* BREADCRUMB & PAGE TITLE */
#breadCrumbAndPageTitle{
	padding-top:10px;
	background-color:#FFFFFF
}

/* PAGE TITLE & TOOLS */
#pageTitleBar {
	padding:10px 0 15px 0;
	background-color:#FFFFFF;
}

#pageTitle {
	border-bottom:1px solid #718DBB;
}

#pageTools TD{
	padding:6px 12px
}

/* CONTENT TOOLS */
#contentTools {
	clear:both;
	margin:50px 0 20px 0;
	border-top:1px solid #DDDDDD;
	padding:6px 20px 6px 0px;
	text-align:right;
}

#contentTools A {
	padding-left:20px
}

/* HR */
.dotted {
	margin:10px 0;
	background:url(../images/content/pagebuilder/10489.gif) repeat-x bottom;	
	padding:1px;
}

/* CONTAINER WITH DEFAULT RELATED SETTINGS & CAPTION */
.container {
	clear:both;
	margin:0 0 20px 0;
	padding-bottom:5px;
}

.container .title {
	margin:0 0 1px 0;
	padding:8px 14px;
	background:#DFD7B1 url(../images/content/pagebuilder/10487.gif) no-repeat top left;
	font-weight:bold;
	color:#827536;	
}

/* IE6 PEEK-A-BOO */
/*.container * {position:relative;}*/

.container .subtitle {
	margin:0 0 6px 0;
	color:#586986;
	font-weight:bold;
}

.container .caption{
	margin:0;
	border:none; 
	padding:15px;
	background-color:#F6F4E9;
}

.container HR {
	margin:0;
	padding:0;
	color:#DFD7B1;
	background-color:#DFD7B1;
}
.container UL {
	list-style:none;
	margin:0 0 4px 0;
	padding:0;
	border:none;
}
		
.container UL LI {
	margin:0;
	background:url(../images/content/pagebuilder/10490.gif) no-repeat top left ;
	padding:4px 0 4px 10px;
}

.container LI A:link,
.container LI A:visited {
	text-decoration:none;
}

.container LI A:hover {
	text-decoration:underline;
}

/* RELATED */
.container .spotlight {}

.container .spotlight .title {
	background-color:#D9DFEE;
	color:#586986;	
}

.container .spotlight .subtitle {
	color:#586986;
}

.container .spotlight .caption {
	background-color:#ECEFF6;
}

.container .spotlight HR {
	color:#D9DFEE;
	background-color:#D9DFEE;
}

.container .spotlight UL LI {
	background:url(../images/content/pagebuilder/10491.gif) no-repeat top left ;
}

/* NEW */
.new {
	color:#CC6666;
}

/* CAPTION CONTAINER */
.captionContainer {
	clear:both;
	margin:0 0 1em 0 ;
	background:url(../images/content/pagebuilder/10492.gif); top left;	
	border-right:1px solid #586986;
	border-bottom:1px solid #586986;
	padding:10px 9px 9px 10px;
} 

/* HIDDEN TEXT */
.hiddenText {display:none}

/* LAST UPDATED */
#lastUpdated{
	margin:1em 0;
	font-size:.8em;
	text-align:right;
}

/*************** TABLES ***************/
.table {
	border:1px solid #718DBB;
	margin-bottom:1em;
}

.table TR{
	vertical-align : top;
}

.table TH{
	padding:5px;
	color:#666666;
	background-color:#D9DFEE;
}

.table TD{
	padding:5px;
	background-color:#F6F4E9;
}

/* FOOTER */
#footer {
	margin-bottom:1px;
	padding:2px 0;
	background:#718DBB;
	text-align:center;
}

#footer TD {
	font-size:.8em;
	color:#99B1D8;
}

#footer A,
#footer A:link,
#footer A:visited,
#footer A:active{
	padding:0 2px;
	color:#FFFFFF;
	text-decoration:none;
}

#footer A:hover{
	text-decoration:underline;
}

/* COPYRIGHT */
#copyright {
	padding:2px 0;
	background:#A1B4D2;
}

.copyrightLinks {
	font-size:.8em;
	white-space: nowrap;
}

.copyrightLinks SPAN {
	color:#718DBB
}

.copyrightLinks A,
.copyrightLinks A:link,
.copyrightLinks A:visited,
.copyrightLinks A:active{
	padding:0 2px;
	color:#FFFFFF;
	text-decoration:none;
}

.copyrightLinks A:hover{
	text-decoration:underline;
}

.copyrightText {
	white-space: nowrap;
	color:#2E4468;
	font-size:.8em;
}

/* GLOSSARY DEFINITION */
.definition, .definition:link, .definition:active, .definition:visited {
	background:#FFFF99;
	font-weight:bold;
	color:#000000;
}

/* COMMENT */
.comment {
	margin: .5em 0;
	border: 2px dashed #999999;
	background-color: #FFE4E1;
	color: #333333;
	padding: .5em;
}

/* HOVER LINK */
.hoverLink {
	text-decoration:none;
}

.hoverLink:hover {
	text-decoration:underline;
}
/* end template.css */
/* begin FormComponent.css */
TABLE.overTable {
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
}

TABLE.FormRow {
padding: 0;
white-space: normal;
background-color: #EcEFF6;
}
TR.FormRow {
padding: 0;
white-space: normal;
background-color: #EcEFF6;
width: 100%;
height: 2ex;
}
.FormSectionHeader,
TD.TestSectionHeaderColor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	height: 30px;
	color: #586986;
	background-color: #D9DFEE;
}
TD.FormSectionHeader {
width: 75%;
}


.FormLabel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
white-space: normal;
text-align: left;
font-size: 12px;
vertical-align: top;
background-color: #EcEFF6;
color: #666666;
}

TD.FormLabel {
padding-right: 5px;
}
DIV.FormLabel {
width: 100%;
min-width: 100%;
}
LABEL.FormLabel {
width: 100%;
min-width: 100%;
}

TABLE.FormButtonGroup {
width: 100%;
margin-top: 0.5ex;
margin-bottom: 0.5ex;
}

TD.FormButtonGroup {
white-space: nowrap;
}

.NextButton,
.FinishButton {
background: #ddd;
color: #000;
border: outset 2px #fff;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
}

.CancelButton,
.PreviousButton {
background: #ddd;
color: #000;
border: outset 2px #fff;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
}

.FormButtonHigh {
border: outset 2px #718DBB;
}



TD.requiredIndicator,
TD.FormLabel,
TD.FormInput,
TD.FormInput_SELECT,
TD.holdsErrorMsgTable {
padding-top: 2px;
/*border-bottom: 1px solid #ded8be; */
}
TD.TestBorderColor {
/*background-color: #ded8be; */
}

TR.FormRowFirst TD.requiredIndicator,
TR.FormRowMiddle TD.requiredIndicator,
TR.FormRowFirst TD.FormLabel,
TR.FormRowMiddle TD.FormLabel,
TR.FormRowFirst TD.FormInput,
TR.FormRowMiddle TD.FormInput,
TR.FormRowFirst TD.holdsErrorMsgTable,
TR.FormRowMiddle TD.holdsErrorMsgTable {
border-bottom: none;
}

TR.FormRowMiddle TD.requiredIndicator span,
TR.FormRowLast TD.requiredIndicator span,
TR.FormRowMiddle TD.FormLabel .FormLabelText,
TR.FormRowLast TD.FormLabel .FormLabelText {
visibility: hidden;
}

TD.FormInput {
white-space: normal;
text-align: left;
padding-right: 5px;
vertical-align: top;
}

TD.FormInput TEXTAREA,
TD.FormInput LABEL,
TD.FormInput INPUT,
TD.FormInput SELECT,
TD.FormInput OPTION {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

TD.FormInput TEXTAREA,
TD.FormInput INPUT,
TD.FormInput SELECT {
font-size: 90%;
}

TR.holdsErrorMsg {
vertical-align: top;
}

TD.holdsErrorMsgTable,
TD.holdsErrorMsgOverTable,
TD.TestSecondaryColor {
background-color: #f5f5f5;
}
TD.holdsErrorMsgTable {
background-color: #EcEFF6;
}
TD.holdsErrorMsgOverTable {
display: none;
}

TABLE.overTable {
width: 500px;
}

TD.requiredIndicator {
font-size: 90%;
width: 2%;
color: #BFAF61;
padding-left: 5px;
min-width: 2%;
max-width: 2%;
white-space: normal;
text-align: left;
vertical-align: top;
}

TD.RightEdge {
width: 1px;
}
INPUT.FormInput {
font-size: 90%;
width: 100%;
}
FIELDSET.FormInput {
width: 100%;
border: 0px;
color: #000;
font-weight: bold;
}
FIELDSET.borderLessFieldSet {
border: 0px;
color: #000;
font-weight: bold;
}
.LABEL_LEGEND {
font-size: 90%;
position: relative;
left: -10px;
}
SELECT.FormInput {
font-size: 90%;
width: 16em;
}
TEXTAREA.FormInput {
font-size: 90%;
width: 100%;
}
.bottomControlBarTopLayer {
}
.ButtonInput {
text-align: left;
margin-left: 0px;
padding-left: 0px;
float: left;
white-space: normal;
width: 9%;
}
.CheckboxLabel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: small;
white-space: normal;
text-align: left;
vertical-align: top;
background-color: #EcEFF6;
color: #666666;
}
.FormInput .CheckboxLabel {
font-size: 100%;
}
.RadioGroupLabel, .RadioGroupLabelNoWrap  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
vertical-align: top;
background-color: #EcEFF6;
color: #666666;
}
.DataformElemContainerHidden,
.HiddenLabel,
.FormElementHiddenRequired,
.FormElementHiddenErrorLabel,
.FormElementHiddenInfoLabel,
.FormElementHiddenWarnLabel {
display: none
}

.HiddenErrorImage {
visibility: hidden;
}

DIV.FormPreviewEditButton,
TD.FormPreviewEditButton {
text-align: right;
vertical-align: top;
float: right;
}

BUTTON.FormPreviewEditButton,
INPUT.FormPreviewEditButton {
margin: 0px;
padding: 0px;
border: 1px outset;
font-family: inherit;
font-size: 80%;
}

IMG.spacer {
border: 0px;
margin: 0px;
padding: 0px;
display: block;
}

/* The things that need to be consistent across the various
message images and containers, followed by each one's specific styles.
*/
.FormMsgIcon,
DIV.txtMsg,
DIV.InfoImg {
padding: 3px 0px 0px 2px;
}
IMG.WarningImg {
margin: 3px 0px 0px 2px;
}

.FormMsgIcon {
text-align: left;
vertical-align: top;
margin: 0px;
}

DIV.InfoImg {
z-index: 2;
position: absolute;
}

IMG.WarningImg {
position: absolute;
width: 16px;
height: 16px;
border-width: 0px;
z-index: 1;
}

/* The things that need to be consistent across the various
message containers, followed by each one's specific styles.
*/

.FormInfoMsg,
TD.TestSecondaryColor {
font-size: 80%;
color: inherit;
}
.FormInfoMsg {
vertical-align: top;
overflow: auto;
width: 100%;
}
TD.FormInfoMsg {
margin: 0px;
padding: 1px 1px 1px 1px;
}

.FormSpacer {
clear: left;
display: block;
background-color: #fff;
font-size: 90%;
}
.FormCaption {
padding: 0px;
background-color: #ECEFF6;
}
.MsgHolder {
font-size: 90%;
}

/* Widths of the cells in the form - use padding-right to set the minimum width */
.RequiredCellWidth {
padding-right: 10px;
}
.LabelCellWidth {
padding-right: 175px;
}
.InputCellWidth {
padding-right: 200px;
}
.InfoCellWidth {
padding-right: 200px;
}

.PageHeaderInfo {
font-weight: bold;
color: blue;
}

.PageHeaderWarn {
font-weight: bold;
color: red;
}

.DonationPremiumInfo {
font-size: 90%;
}

.DonationPremiumInfo img {
float: left;
margin-right: 0.3em;
margin-bottom: 0.3em;
}

.DonationPremiumInfo a {
white-space: nowrap;
}
.captionContainer {
clear:both;
margin:0 0 1em 0 ;
background:url(/mskcc_resources/images/container/caption_background.gif); top left;	
border-right:1px solid #586986;
border-bottom:1px solid #586986;
padding:10px 9px 9px 10px;
} 
/*  Process Navigator, Donations Colors */
.ProgressBarCurrent,
TD.TestCurrentStepColor {
font-weight: bold;
color: #586986;
}
.ProgressBarCurrentBack {
background-color: #586986;
}
.ProgressBarCurrentLeader {
border-top: 1px solid #586986;
height: 17px;
overflow: hidden;
}
.ProgressBarOther,
TD.TestOtherStepColor {
font-weight: normal;
color: #D9DFEE;
}
.ProgressBarOtherBack {
background-color: #D9DFEE;
}
.FormInput {
color:#666;
}
.taxmsg {
background-color: #D9DFEE;
color: black;
font-weight: bold;
margin-top: 10px;
}
.ErrorMessage {
font-size: 10pt;
color: red;
font-weight:bold;
}
.FormMsgText {
font-weight:bold;
}
.thirdNavOff A, 
.thirdNavOff A:link, 
.thirdNavOff A:visited {
	background:#FFFFFF url(/mskcc/images/content/pagebuilder/10523.gif) no-repeat top left;
	color:#718DBB;
}
.thirdNavOn A {
	background:#DFD7B1 url(/mskcc/images/content/pagebuilder/10522.gif) no-repeat top left;
}
.thirdNavOpen A {
	background:#DFD7B1 url(/mskcc/images/content/pagebuilder/10521.gif) no-repeat top left;
}

/* controls padding and margin on the main page content for the Donation wrappers */
.maincontent {
padding: 0px 0px 10px 10px;
margin: 0px;
}


/* Donation Form Header Changes tjg 11-20-2007 - commented out */
/*  p.FormSectionHeader {background-color:white;font-size:12px;padding:0px;margin:0px;} */

/* donation form field resize tjg 12-20-2007 */
#donor_email_addressname, #billing_title, #donor_title, #donor_suffix, #billing_first_namename, #billing_middle_namename, #billing_last_namename, #billing_suffix, #company_name_input, #contact_title__input, #donor_phonename, #billing_addr_street1name, #billing_addr_street2name, #billing_addr_cityname, #billing_addr_state, #billing_addr_zipname, #billing_addr_country, #donor_addr_state, #donor_addr_country {
width:200px;
}

/* New navigation highlight code */
/* Added by Tom and Leah */

.newNavEffect li a:link {
color:#000000;
text-decoration:none;
}
.newNavEffect li a:visited {
color:#000000;
text-decoration:none;
}

.newNavEffect li a:hover 
{
color:#000000;
text-decoration:none;
background-color:#C5E9F6;
/* From here... */
display:block;
padding-left:5px;
margin-left:-5px;
margin-right:-5px;
/* to here... */
}
.newNavEffect li a:active
{
color:#000000;
text-decoration:none;
}

span#fr_html_container,
span#fr_html_container.Explicit,
span#fr_html_container p,
span#fr_html_container.Explicit p, {
	color: black;
}



/*----sankynet---*/
H2.giving
{
color:#3f61a0;
}

/* added for custom TR personal page layout SF 258761 */
div.addBorder {
	height: 280px;
	*height: 305px;
	vertical-align: middle;
}
#TRhonorRoll div.controlArea {
	margin: 10px 0px;
	*margin: 15px 0px;
}
.TRstatsTable {
	float: right;
}
ul.cons-nav { 
display: none !important;
}