@charset "utf-8";
/* CSS Document */

img{
	border:none;
}

header{
	margin:10px;
}

#nfgContainer .sectionContainer > table > tbody > tr > td:first-child {
				text-align: right;				
				padding-right:1em; 
				width:30%;				
			}	
			
			div#nfgContainer .recurringDonationTable th { width: auto !Important; white-space: nowrap; }
			div#nfgContainer .recurringDonationTable { max-width: 700px !important;}
			
			#nfgContainer #editImg {
				display: inline !important;
			}
			
			#nfgContainer .customHeader {
				color: inherit;
			}

			#message a { font-size: 12px; }
			
			#nfgContainer .sectionContainer > table > tbody > tr > td:first-child > label {
				margin-top: 5px !important;
			}	
			
			#nfgContainer .sectionContainer > div >table > tbody > tr > td:first-child {				
				text-align: right;
				padding-right: 10px;
				/*width: 25%;*/
				/*text-align: right;
				width: 25%;*/
			}
			
			#nfgContainer .sectionContainer > div >table > tbody > tr > td:first-child > label {
				margin-top: 5px !important;
			}
			
			.zero-width {
				width: 0% !important;
			}
			
			#nfgContainer .sectionContainer > table > tbody > tr > td:nth-child(2) {
				padding: 0;
			}
			
			.donationInfo th {
				font-size: 12px;
				font-weight: bold;
			}
		
		   ul li, #nfgContainer h1, #nfgContainer h2, #nfgContainer h3, span, font { text-align: left; }
			
			#main #main 
			{
				background: none;
				width:auto;
				margin: 0;
			}
		
			#nfgFooter {
				font-size: 12px;
			}
			
			#nfgContainer h2 {
				padding: 0;
				background-color: transparent;
				margin: 0;
				border: 0px;
			}
			
			#nfgContainer table {
				border: none;
			}
		
			#nfgContainer hr {
				width: 100%;
				border-color: #000000;
				border-style: solid;
				border-width: 1px 0 0;
				clear: both;
				height: 0;
				display: inherit !important;
			}
			
			#content #nfgContainer p {
				padding: 0;
			}
			
			#nfgContainer .sectionContainer table tr td.right-aligned{			
				text-align: right;
			}
			
			#nfgContainer .CountryComboBox {
				width: 144px !important;
			}
			
			#nfgContainer .EditLink {
				/*font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;*/
				font-weight: bold;
			}
			#nfgContainer .gsERROR, #nfgContainer .gsERROR2 {
				color: #CC3333;
				font-weight: bold;
			}
			
			#nfgContainer td.small-padding {
				padding-bottom: 0px !important;
				padding-right: 0px !important;
				padding-left: 5px;
				padding-top: 5px;
			}
			
			#nfgContainer #message { text-align: left;}
	
			#nfgContainer { text-align: left;}
			
			#nfgContainer input[type='radio'], #nfgContainer input[type='checkbox'] { border: 0; background-color: transparent}
			
			
			#nfgContainer .sectionTitle label { font-weight: bold !important; }
			
			#nfgContainer fieldset {border: 1px solid !important; }
			
			#nfgContainer img.help-icon { display: inline; }
			
			#nfgContainer button > img { display: inline; }
			
			#nfgContainer blockquote { text-align: left !important;}

.subheaderContainer, .whatsthis {font-size: 9px;}
      .giftName {font-size: 10px;}
      .pageTitle {font-size: 24px; font-weight:bold;} 
      .requiredLabel {color: #cc0000;}
      div#nfgContainer th { width : 35%; }
      .DedicationTextBox { width : 100%; }
      .CountryComboBox { width : 100%; }
      .PersonalNoteTextBox { width : 100%; }
      div#nfgContainer th label {text-align : right; font-weight:normal;}
      td, input, select {font-family : verdana, arial, sans-serif; font-size : 11px;}
	  
	  			

.displayBox img { background-color: #ddd; padding: 15px; border: 1px solid #888 } 

#MainLayout{
	width:630px;
        float: left;
}

label.error{
display: none !important;
}

input.error{
background:rgba(212, 18, 9, 0.4);
}

/* validation label settings */
#ValidationErr label.error{
	
color: white;
position: absolute;
margin-top: -19px;
left: 330px;
background: #D41209;
padding: 3px 5px;
box-shadow: 0 0 5px #CCC;
opacity: 0.7;
border-radius: 2px;
border: 1px solid #A3110A;
line-height: 15px;
text-shadow: 2px 1px 0 #99140E;
}

/* All default CSS */

#ValidationErrs label.error{
	color:red;
	display:list-item !important;
	text-align:left;
	margin-left:10px;
	list-style-type:decimal;
	border-bottom:1px solid #eee;
}
/* Error Message */
#ErrBox{
	background: none repeat scroll 0 0 #D8D7D7;
    border: 1px solid #E9E9E9;
    border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 8px #666666;
	-webkit-box-shadow: 0 0 8px #666666;
	-moz-box-shadow: 0 0 8px #666666;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    width: 90%;
}


.landingimg{
	float: left;
    margin: 10px 10px 0 0;
    width: 30px;
}

#W_Shade{
	width:100%;
        height: 100%;
	/*height:880px;*/
	background:white;
	opacity:0.6;
	position:fixed;
	float:left;
}

#Loading{
	height: 200px;
    margin-left: 35%;
    margin-top: 30%;
    position: fixed;
    width: 300px;
	text-align: center;
	color:#666;
	font-weight:bold;
}

#Loading img{
	width:100px;
}

#ErrorBox{
	width: 100%;
	height: 100%;
	background: #333;
	opacity: 0.8;
	float: left;
	position: fixed;
	margin: 0;
	padding: 0;	
}

#ValidationErrs{
	position:fixed;
	width:300px;
	height:auto;
	min-height:20px;
	background:#fff;
	color:#333;
	padding:20px;
	font-size:14px;
	line-height:25px;
	margin-left:20%;
	margin-top:10%;
	border:4px solid #ccc;
	opacity:1;
}

img#CloseImg{
	cursor:pointer;
	/*background:url(../images/Close_Box_Red.png) no-repeat right;*/
	border: medium none;
    height: 34px;
    position: absolute;
    right: 0;
    top: -35px;
    width: 35px;
}

#PostData{
	padding: 3px 10px;
	font-size: 14px;
	background: #D41209;
	border:none;
	box-shadow:0px 3px 10px -2px #4D4D4D;
	color:#fff;
	border-radius:2px;
}

#PostData:hover{
	box-shadow:0px 3px 10px -2px #4D4D4D inset;
	padding:3px 10px 2px;
}

/*input[type='radio'],input[type='checkbox']{
	float:left;
	margin-right:5px;
}*/

.dedicationOptions label{
	float:left;
	margin-right:10px;
}

label{
	font-size:12px;
}

#Types{
	margin:0px 0 10px;
}