/* CSS Document */

/* +------------------------------------------------------------+ */
/* | General XHTML Elements                                     | */
/* +------------------------------------------------------------+ */

body {
     background: url("images/RokSlideBackground-650px.jpg");

background-position:center;
background-repeat: no-repeat;
     }

a {
     color: #600402;
     font-weight: normal;
     text-decoration: underline;
     cursor: pointer;
     }

p {
     margin: 5px 0px 7px 0px;
     }

sup {
     display: inline;
     padding: 0px;
     vertical-align: super;
     font-size: 8px;
     }

a:hover {
     color: #555555;
     }

fieldset {
     border: none;
     padding: 4px 0px 4px 5px;
    }

fieldset p {
     display: block;
     font-size: 11px;
     margin: 5px 5px 5px 2px;
     }

form {
     margin: 0px 0px 5px 0px;
     }

img {
     border: none;
     }

li {
     padding-bottom: 5px;
     }
#bottom {
	 
}

input, select, textarea {
	
}

#new_donor {}
#hidden1 {
position:relative; left:80px; top:-620px; 
z-index:-10;}
#fdonor {
position:relative; left:80px; top:20px; 
z-index: 50;
}
#fdonp {
position:relative; left:190px; top:-20px;
}
#ldonor {
position:relative; left:80px; top:20px;
}
#fdonor1 {
position:relative; left:80px; top:20px; 
z-index: 50;
}
#ldonor1 {position:relative; left:80px; top:20px;}
#adl1 {
position:relative; left:500px; top:-20px;
}
#adl2 {
position:relative; left:500px; top:-20px;
}
#pcode {
position:relative; left:527px; top:10px;
}
#valid {
position:relative; left:500px; top:35px;
z-index:3;
}
#fname{
padding: 0 0 0 190px;

}
#lname{
padding: 0 0 0 190px;
}
#newdon{
position:relative; left:112px; top:-57px; 
}
#sub{
position:relative; left:200px; 
}
#nodonorid {
position:relative; left:122px; top:30px;
}
#goback {
position:relative; left:122px; top:30px;
}
#amount {
position:relative; left:135px; top:-5px;
}
#target {
position:relative; left:500px; top:-25px;
}
#form{
position:relative; left:75px;
}
#gdate{
position:relative; left:500px; top:-25px;
z-index:2;
}
#addrec { position:relative; left:52px; }
#gID { position:relative; left:500px; top:-20px; }
#title { padding: 0 0 0 140px;
		
     font-size: 20px;;
		color: #cda673;
		font-weight:bold } 
#titled { padding: 0 0 0 90px;
		
     font-size: 20px;;
		color: #cda673;
		font-weight:bold } 
#title1a { padding: 0 0 0 70px;
		
     font-size: 20px;;
		color: #cda673;
		font-weight:bold } 
#title1 { padding: 0 0 0 90px;
		
     font-size: 14px;;
		color: #b86838;
		} 
#aidstatus {position:relative; left:520px; top:-20px;}
#start {position:relative; left:500px; top:-10px;
z-index:2;}
#end {position:relative; left:507px; top:10px;}
#sub1 {position:relative; left:190px; top:-10px;}
#from_mysql {position:relative; left:300px; top:-60px;}
#radios {font-size: 14px;position:relative; left:300px; top:-430px;}
#jpeg {position:relative; left:415px; top:90px;}
#jpeg63 {position:relative; left:250px; top:90px;}
#jpeg1 {position:relative; left:415px; top:0px;
z-index:1}
#jpeg2 {
	position:relative;
	left:415px;
	top:60px;
	z-index:0;
	overflow: hidden;
}
#txt1 {position:relative; left:90px; top:30px;
		
     font-size: 16px;
		color: #b86838;}
#txt1q {position:relative; left:90px; top:-280px;
		
     font-size: 20px;;
		color: #cda673;
		font-weight:bold}
#txt1s {position:relative; left:90px; top:-320px;
		font-size: 20px;;
		color: #cda673;
		font-weight:bold}
#sec1 {position:relative; left:90px; top:-260px;
		
     font-size: 16px;
		color: #b86838;}
#sec3 {font-size: 14px;position:relative; left:90px; top:-20px;}
#sec3a {font-size: 14px;position:relative; left:-350px; top:-20px;}
#sec2 {position:relative; left:90px; top:-30px;
		
     font-size: 16px;
		color: #b86838;}
#sec2a {position:relative; left:-350px; top:-30px;
		
     font-size: 16px;
		color: #b86838;}
#sec5 {position:relative; left:90px; top:-20px;}
#sec4 {position:relative; left:90px; top:-20px;
		
     font-size: 14px;
		color: #b86838;}
#txt1a {font-size: 16px; position:relative; left:90px; top:50px;
		color: #b86838;}
#tx1aa { font-size: 14px;
		color: #b86838;
}
#tx1ab { font-size: 14px;
		color: #b86838;
position:relative;  top:-7px;
text-align:center;
}
#tx1a {    
text-align:center;
 }
#tx1b {
	position:relative;  top:-16px;
	text-align:center;

 }

#GA {
	position:relative; left :200; top:0px;
	
 }
#tx1c {    
text-align:center;
position:relative;  top:20px; }
#tx1e { text-align:center;
position:relative;  top:20px;
z-index:4 }   

#txa {position:relative; left:215px; top:0px;}
#txb {position:relative; left:177px; top:-10px;}
#txc {position:relative; left:165px; top:-20px;}
#txc1 {position:relative; left:132px; top:-28px;}
#txc2 {position:relative; left:120px; top:-35px;}
#txc3 {position:relative; left:251px; top:-42px;}
#txd {position:relative; left:240px; top:0px;}
#txe {position:relative; left:275px; top:-10px;}
#txf {position:relative; left:242px; top:-17px;}
#txg {position:relative; left:253px; top:-24px;}
#txh {position:relative; left:227px; top:-30px;}
#txi {position:relative; left:173px; top:-35px;}
#txj {position:relative; left:259px; top:-40px;}
#txk {position:relative; left:245px; top:-45px;}
#txl {position:relative; left:263px; top:-49px;}
#txm {position:relative; left:247px; top:-55px;}
#txn {position:relative; left:380px; top:-50px;}
#sub3 {position:relative; left:380px; top:0px;}
#tx1e {    
text-align:center;
font-size: 14px; }
#txt2 { font-size: 14px; position:relative; left:90px; top:70px;
z-index:2;
}
#txt2u { position:relative; left:90px; top:0px;
z-index:2;font-size: 14px;
}
#txt2uu { 
z-index:2;font-size: 14px;
}
#txt2r { position:relative; left:90px; top:50px;
z-index:4;font-size: 14px;
}
#txt2q { position:relative; left:90px; top:-260px;
z-index:6;font-size: 14px;
}
#txt2p { position:relative; left:90px; top:-290px;
z-index:6;font-size: 14px;
}
#txt2c { padding: 0 0 0 90px; width:300; }
#txt22a { font-size: 20px;
		color: #cda673;
		font-weight:bold; 
text-align:center;

}

#txt2a { font-size: 16px;
text-align:center;
color:#b86838;
}
#txt23a { font-size: 16px;
text-align:center;
color:#7b766a;
}
#txt2b { font-size: 14px;position:relative; left:90px; top:-410px;}
#DD {position:relative; left:700px; top:-30px;}
#tx1 {font-size: 14px;
		color: #b86838;
     }
#sec {font-size: 14px;position:relative; left:90px; top:-260px;}
#GAimg {position:relative; left:700px; top:0px;}

#Minarea {font-size: 14px; position:relative; left:300px; top:55px;
z-index:2;}
#minarealist {position:relative; left:300px; top:65px;
font-size: 12px;z-index:2;}
#amt {position:relative; left:330px; top:-450px;}
#DD1 {position:relative; left:670px; top:-40px;}
#txt3 {padding: 0 0 0 90px;}
#txt3a {position:relative; left:270px; top:-430px;}
#sub2 {position:relative; left:100px; top:10px;}
#tble1 {background-color:#d0cbc5;}
#procdate {position:relative; left:150px; top:0px;}
#sub3 {position:relative; left:300px; top:-360px;}
#sub63 {position:relative; left:30px; top:-360px;}
#tble {
}

#thx {padding: 0 0 0 90px;font-size: 14px; }
#thx1 {position:relative; left:350px; top:0px;
z-index: 4}
#thx2 {position:relative; left:350px; top:40px;}
#thx3{position:relative; left:200px; top:40px;}
#thx4{position:relative; left:0px; top:-20px;}

#mycalendar { background-color: #6699CC; }
#mycalendar .general { background-color: #FFFFFF; }
#mycalendar .othermonth { background-color: #EEEEEE; color: #AAAAAA; }
#mycalendar .header { background-color: #6699CC; color: #FFFFFF; }
#mycalendar .today { background-color: #FFFFCC; }
#mycalendar .bg { background-color: #6699CC; }
#mycalendar .select { background-color: #FFCC99; }
#mycalendar .othermonth a:link { text-decoration : none; font-family: tahoma; color: #CCFFCC; }
#mycalendar .othermonth a:visited { text-decoration : none; font-family: tahoma; color: #CCFFCC; }
#mycalendar .othermonth a:hover { text-decoration : underline; font-family: tahoma; color: #FFFFFF; }
#mycalendar a:link { text-decoration : none; font-family: tahoma; color: #000000; }
#mycalendar a:visited { text-decoration : none; font-family: tahoma; color: #000000; }
#mycalendar a:hover { text-decoration : underline; font-family: tahoma; color: #FF0000; }
#mycalendar .btn { background-color: #CCCCCC; border: 0px solid #000000; }
#mycalendar .btn a:link { text-decoration : none; font-family: tahoma; color: #000000; }
#mycalendar .btn a:visited { text-decoration : none; font-family: tahoma; color: #000000; }
#mycalendar .btn a:hover { text-decoration : underline; font-family: tahoma; color: #FF0000; }


div.suggestions {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid black;
    position: absolute; 
	z-index: 50; 
	background-color: #ffffff; 
}

div.suggestions div {
    cursor: default;
    padding: 0px 3px;
	z-index: 50;
	background-color: #ffffff;
}

div.suggestions div.current {
    background-color: #3366cc;
    color: white;
	z-index: 50;
}


/* +------------------------------------------------------------+ */
/* | General XHTML Classes                                      | */
/* +------------------------------------------------------------+ */

.center {
     text-align: center;
     }

.inlinecenter {
     text-align: center;
     }

p.inline {
     display: inline;
     padding: 0px;
     }

.strong {
     font-weight: bold;
     }

.big {
     font-weight: bold;
     font-size: 14px;
     }

.hidden {
     display: none;
     }

a.unfancy {
     color: #3872B2;
     font-weight: normal;
     text-decoration: underline;
     cursor: pointer;
     }

a.unfancy:hover {
     color: #555555;
     }
.errorheader
{
    background-image: url(http://www.pwamm.com/sagepayformkit/images/redGrad.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
    padding: 12px;
    border: #daa7a6 1px solid;
}
.formTable
{
    width: 100%;
    border: 0px none;
	border-collapse: collapse;
}

.formTable td
{
	border-top: 0px none;
	border-right: 0px none;
	border-left: 0px none;
	padding: 3px 10px 6px 3px;
	vertical-align: top;
}

.formFooter
{
    margin: 12px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.fieldLabel 
{
	font-family: Arial, Helvetica, sans-serif;
	color:#575C53;
	font-size:14px;
	font-weight:normal;
	text-align: right;
	width: 33%;
}	
.fieldLabelsm 
{
	font-family: Arial, Helvetica, sans-serif;
	color:#575C53;
	font-size:10px;
	font-weight:normal;
	text-align: left;
	width: 33%;
}	
.fieldData 
{
	width: 70%;
}

.inputBoxDisable
{
    background-color: #DDDDDD;
    border: 1px solid #999999;
}
.inputBoxEnable
{
    background-color: #FFFFFF;
    border: 1px solid #999999;
}

.greyHzShadeBar
{
    height: 20px;
    background-image: url(images/greyGrad.png);
    background-repeat: repeat-x;
    background-position: bottom left;
}
.warning 
{
	list-style-image:url(form_bullet.gif);
	font-size: 12px;
	color: #CC0000;
}
/* +------------------------------------------------------------+ */
/* | End                                                        | */
/* +------------------------------------------------------------+ */