HTML, BODY {
	
	width: 100%;
	height: 100%;
	margin: 0px;
	background-color: #FFF; 
}

/******************** General Structural elements ********************/

DIV.positioner, DIV.popuppositioner { /* anchor point to position content */
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;        
  width: 1px;
  overflow: visible;
}
DIV.container {
	position: absolute;
	top: 0px;
	left: -477px; /* half of width */
	width: 955px;
}
                               

/******************** General styling ********************/

BODY, TH, TD, INPUT, SELECT, TEXTAREA {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #004899;
}
H1, H2, H3, H4, H5, H6, P {
  padding: 0;
  margin: 0;
}
DIV.error DIV.text {
  padding: 1em;
  color: #FFF;
  font-weight: bold;
}
FORM {
    margin: 0;
    padding: 0;
}

/******************** Logout ********************/

DIV.logout
{
	width: 955px;
	text-align: right;
	font-size: 11px;
	font-family: verdana, sans-serif;
	padding-right: 5px;
}

DIV.logout a
{
	color: #c0c0c0;
}

DIV.logout a:hover
{
	color: #00d;
}

/******************** Card pages structural ********************/

DIV.topbar {
	position: absolute;
	top: 17px;
	width: 955px;
	height: 85px;
	z-index: 100;
}
DIV.topbar DIV.overlayLocation {
	position: absolute;
	right: 0px;
	top: 9px;
	width: 315px;
	
	color: #fff;
	font-size: 18pt;
	font-weight: bold;
}
DIV.topbar DIV.overlayText {
	position: absolute;
	right: 0px;
	top: 43px;
	width: 315px;
	
	color: #fff;
	font-size: 11pt;
	font-weight: bold;
}
DIV.topbar IMG {
	position: absolute;
	top: 0px;
  border: 0;
}
DIV.topbar IMG.logo {
  left: 0px;    
  width: 226px;
  height: 70px;    
  border: 0;
}
DIV.topbar IMG.right {
  right: 1px;
  width: 331px;
  height: 70px;      
}
DIV.topbar IMG.step1 {
  left: 230px;
}
DIV.topbar IMG.step2 {
  left: 329px;
}
DIV.topbar IMG.step3 {
  left: 427px;
}
DIV.topbar IMG.step4 {
  left: 525px;
}

DIV.contentblock {
	position: absolute;
	top: 91px;
	left: 0px;
	width: 955px;
	height: 481px;
}                    
DIV.contentblock IMG.top, DIV.contentblock IMG.bottom {
	position: absolute;
	left: 0px;
	width: 955px;
	height: 10px;
}
DIV.contentblock IMG.top {
  top: 0px;
}
DIV.contentblock IMG.bottom {
  top: 471px; /* should be bottom: 0; but IE6 gets confused */
}
DIV.contentborder {         
	position: absolute;
  width: 933px;
  height: 460px;
  top: 11px;
  left: 11px;
  background-color: #82B800;
}
DIV.content {
	position: absolute;
  width: 931px;
  height: 458px;
  top: 1px;
  left: 1px;
  background-color: #FFF;
} 
H1 {
	position: absolute;
  width: 100%; /* may be overruled in style attribute in html */
  height: 25px;
  top: 0px; /* may be overruled in style attribute in html */
  left: 0px;
  background-color: #E0FAA4;
  overflow: hidden;
}

DIV.bottombar {
	position: absolute;
	top: 577px;
	width: 955px;
	height: 30px;
	line-height: 25px;
}      


/******************** Card pages styling ********************/
DIV.bottombar {
  text-align: center;
  color: #ACACAC;
  font-size: 10px;  
  font-family: Verdana, Arial, Helvetica, sans-serif;
}                  
DIV.bottombar A {
  margin: 0 10px;
}                                  
DIV.bottombar A:link, DIV.bottombar A:visited {
  color: #ACACAC;
}
DIV.bottombar A:active, DIV.bottombar A:hover {
  color: #00C;
}
DIV.contentblock {
  background-color: #A9F000;
}
H1 {
  background-image: url('../img/copperbar.gif');
  background-repeat: repeat-x;
  font-size: 9pt;
}
H1 DIV.pad {
  padding: 5px 7px 0 7px;
}       
DIV.rightpane {
  background-color: #F4F4F4;
}
                            

/******************** Card picker page styles ********************/

DIV.cardpickerpage DIV.leftpane, DIV.cardpickerpage DIV.rightpane {
	position: absolute;
  height: 458px;
  top: 0px;
}
DIV.cardpickerpage DIV.leftpane {
  width: 674px;
  left: 0px;
}
DIV.cardpickerpage DIV.rightpane {
  width: 253px;
  right: 0px;
}
DIV.pickerarea {
	position: absolute;
  top: 28px;
  left: 0px;
  height: 430px;
  width: 674px;
  overflow: auto;
}       
DIV.buttonarea {
	position: absolute;
  top: 28px;
  left: 0px;
  height: 356px;
  width: 253px;
  overflow: auto; 
  }         
INPUT.search {
  position: absolute;
  top: 4px;
  left: 44px;
  border: 1px solid #AEB5B5;
  height: 15px;
  width: 140px;
  font-size: 8pt;
  padding: 0;
}
INPUT.searchbutton {
  position: absolute;
  top: 4px;
  left: 188px;
  width: 29px; 
  height: 15px; 
  border: 0;     
  cursor: pointer;
}
DIV.ownphoto {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 253px; 
  height: 74px; 
  background-image: url('../img/ownphoto.jpg');
  background-repeat: no-repeat;    
  overflow: hidden;
}
DIV.ownphoto DIV.pad {
  padding: 11px 8px;
}     
DIV.pickerimage {
  position: absolute;
  background-color: #EEEEEE;
  width: 133px;
  height: 133px;
  cursor: pointer;  
}              
DIV.pickerimage IMG.thumb_l {
  position: absolute;
  width: 133px;
  height: 100px;
  top: 16px;
}
DIV.pickerimage IMG.thumb_p {
  position: absolute;
  width: 100px;
  height: 133px;
  left: 16px;
}
IMG.icon {
  position: absolute;
  width: 15px;
  height: 16px;
  border: 0;
}  
DIV.rollover { 
  position: absolute;
  width: 343px;
  height: 325px;
  z-index: 200;
  background-color: #82B800;
  visibility: hidden;
  top: -1000px; /* to accomodate IE6/7 */
}    
DIV.rollover IMG {
  position: absolute;
}
DIV.rollover DIV.preview {
  position: absolute;
  width: 331px;
  height: 245px;
  top: 6px;
  left: 6px;
  background-color: #FFF;
  text-align: center; /* for 'loading...' text */
  color: #AAA;
  line-height: 10em;
}
DIV.rollover DIV.preview IMG.back {
  z-index: 5;
  width: 216px;
  height: 216px;
  top: 20px;
  left: 101px;
}
DIV.rollover DIV.preview IMG.photo_l {
  z-index: 10;
  width: 197px;
  height: 142px;
  top: 77px;
  left: 17px;
}
DIV.rollover DIV.preview IMG.photo_p {
  z-index: 10;
  width: 142px;
  height: 197px;
  top: 37px;
  left: 31px;
}
DIV.rollover DIV.text {
  position: absolute;
  width: 315px; /* likely overruled by html code */
  height: 57px;
  top: 260px;
  left: 14px;
  overflow: hidden;
  color: #FFF;
  font-weight: bold;
  line-height: 19px;
}


/******************** Address page styles ********************/

DIV.addresspage DIV.csvtext
{
	position: absolute;
	width: 380px;
	left: 210px;
	top: 80px;
}

DIV.addresspage DIV.righttop
{
  width: 275px;
  left: 21px;
}

DIV.addresspage DIV.leftpane, DIV.addresspage DIV.rightpane {
	position: absolute;
  height: 433px;
  top: 25px;
}
DIV.addresspage DIV.leftpane {
  width: 607px;
  left: 0;
}
DIV.addresspage DIV.rightpane {
  width: 320px;
  right: 0;
}
DIV.thumbnail {
  position: absolute;
  top: 15px;
  left: 22px;
  width: 170px;
  height: 165px;
}
DIV.thumbnail IMG {
  position: absolute;
}
DIV.address_stampselect  {
	position: absolute;
	
	left: 15px;
}
DIV.address_stampselect IMG {
	border-width: 0px;
}
DIV.address_balloon {
	position: absolute;
	top: 240px;
	left: 15px;
}
DIV.address_balloon IMG {
	width:176px;
	height:72px;
	border-width: 0px;
}
DIV.addresspage DIV.buttonlarge, DIV.addresspage DIV.buttonsmall {
  position: absolute;
  width: 275px;
  height: 64px;
  left: 21px;   
  cursor: pointer;
}

DIV.addresspage DIV.buttonthin
{
  position: absolute;
  width: 243px;
  height: 64px;
  left: 15px;   
  cursor: pointer;
}

DIV.addresspage DIV.buttonlarge IMG.back, DIV.addresspage DIV.buttonsmall IMG.back {
  position: absolute;
  width: 275px;                                                            
  height: 64px;
}

DIV.addresspage DIV.buttonthin IMG.back
{
  position: absolute;
  width: 243px;                                                            
  height: 25px;
}

DIV.addresspage DIV.buttonsmall, DIV.addresspage DIV.buttonsmall IMG.back {
  height: 25px;
}
DIV.addresspage DIV.buttonlarge DIV.label, DIV.addresspage DIV.buttonsmall DIV.label {
  position: absolute;
  width: 244px;
  height: 57px;
  top: 5px;
  left: 24px;
  overflow: hidden;
  font-size: 7.5pt;
  font-weight: bold;
  color: #000;
}                                          
DIV.addresspage DIV.buttonsmall DIV.label {
  height: 18px; 
}
DIV.addresspage DIV.buttonlarge H4, DIV.addresspage DIV.buttonsmall H4 {
  font-size: 9pt;
  color: #004899;
  margin: 0 0 3px 0;
}

DIV.addresspage DIV.buttonthin H4
{
	width: 220px;
	top: 5px;
  left: 24px;
  font-size: 9pt;
  color: #004899;
  margin: 0 0 3px 0;
  background-color: transparent;
}



DIV.addresspage H3 {
  position: absolute;
  top: 34px;
  height: 30px;
  text-align: center;
  color: #FF5500;
}
DIV.addresspage DIV.rightpane H3 {
  width: 275px;
  left: 21px;
}
DIV.addresspage DIV.leftpane H3 {
  width: 390px;
  left: 206px;
}          
DIV.infopane {
  position: absolute;
  width: 275px;
  height: 220px;
  top: 57px;
  left: 21px;
  background-color: #82B800;
}
DIV.infopane H4 {
  position: absolute;
  width: 275px;
  height: 21px;
  background-color: #FE5F10;
  overflow: hidden;
}
DIV.infopane H4 DIV.pad { 
  padding-top: 2px;
  color: #FFF;
  text-align: center;
}              
DIV.infopane DIV.textarea {
  position: absolute;
  width: 273px;
  height: 198px;
  top: 21px;
  left: 1px;
  background-color: #FFF;
  font-weight: bold;
  overflow: auto;
}                      
DIV.infopane DIV.textarea DIV.pad {
  padding: .5em 1em;
}

DIV.envelope, DIV.envelope IMG.back {
  position: absolute;
  width: 390px;
  height: 290px;
}
DIV.envelope {
  top: 68px;
  left: 206px;
  overflow: hidden;
}      
DIV.envelope DIV.error {
  position: absolute;
  top: 14px;
  left: 22px;
  width: 240px;  
  height: 54px;
  overflow: hidden;
  background-color: #C00;
}
DIV.envelope_kinderpostzegel {
	margin-top: 10px;
	width:100%;
	height: 75px;
	position: absolute;
	top: 0px
}
DIV.envelope_kinderpostzegel IMG {
	float: right;
	margin-right: 20px;
}
DIV.envelope_kinderpostzegel DIV {
	float: left;
	margin-left: 20px;
}
DIV.envelope_content {
  position: absolute;
  top: 90px;
  left: 22px;
  width: 340px;  
  height: 160px;
  overflow: hidden;
}
DIV.envelope_content DIV.label {
  position: absolute;
  width: 730px;  
  height: 20px;
  overflow: hidden;     
  color: #FFF;
  font-weight: bold;
}
DIV.envelope_content IMG.formback {
  position: absolute;
  width: 265px;  
  height: 18px;
  left: 75px;   
  z-index: 10;
}
DIV.envelope_content INPUT, DIV.envelope_content SELECT {
  position: absolute;
  width: 255px;  
  height: 17px;
  left: 80px;   
  z-index: 20;
  border: 0;
}
DIV.envelope_content SELECT {
  width: 260px;  
}
DIV.envelope_addrecipient {
  position: absolute;
  top: 256px;
  left: 102px;
  width: 200px;  
  height: 20px;
  overflow: hidden;
  cursor: pointer;      
}
DIV.envelope_addrecipient IMG.icon {
  position: absolute;
  width: 14px;
  height: 13px;
  top: 1px;
}
DIV.envelope_addrecipient DIV.label {
  position: absolute;
  top: 0px;
  left: 19px;
  font-weight: bold;
}

/******************** Addressbook ********************/
DIV.addressbook_container
{
	background-image: url("../img/addressbook_background.jpg");
	background-repeat: no-repeat;
	width: 753px;
	height: 400px;
	
	margin-top: 22px;
	float: left;
}
DIV.addressbook_container DIV.addressbook_textholder
{
	margin:2px 33px 0px 75px;
	overflow-y:auto;
	height: 378px;
	width: 550px;
}
DIV.addressbook_container DIV.addressbook_tabs
{
	overflow: hidden;
	float: right;
	height: 378px;
	right: 32px;
	width: 67px;
	border-left: 1px solid #ccc;
	margin-top: 2px;
}
DIV.addressbook_tabs .tab
{
	cursor: pointer;
	font-weight: bold;
	font-size: 11pt;
	width: 67px;
	height: 38px;
	background-image: url("../img/address_book_tab.jpg");
	background-repeat: no-repeat;
}
DIV.addressbook_tabs .tab_active
{
	background-image: url("../img/address_book_tab_active.jpg");
}
DIV.addressbook_container DIV.addressbook_spacefiller
{
	float: right;
	height: 300px;
	width: 32px;
}
/******************** Datepicker page styles ********************/
/* also utilizes address page styles */
DIV.calendar, DIV.dateshow {  
  position: absolute;
  width: 241px;
  height: 175px;     
  top: 72px;
  left: 274px;
  background-color: #A1A1A1;
}
DIV.dateshow {  
  top: 271px;
  height: 51px;
}
DIV.calendar IMG.back, DIV.dateshow IMG.back, DIV.calendar_content, DIV.dateshow_content {
  position: absolute;
  width: 239px;
  height: 173px;     
  top: 1px;
  left: 1px;
}
DIV.dateshow IMG.back, DIV.dateshow_content {
  height: 49px;     
}                      
DIV.calendar_content DIV.line, DIV.dateshow_content DIV.line {
  position: absolute;
  width: 226px;
  height: 1px; 
  overflow: hidden;
  top: 49px;
  left: 6px;
  background-color: #FF7F40;
}                 
DIV.dateshow_content DIV.line {
  top: 25px;
  background-color: #CCC;
}          
DIV.dateshow_content DIV.send, DIV.dateshow_content DIV.receive {
  position: absolute;
  left: 10px;  
  width: 210px;
  top: 6px;
  font-weight: bold;
}
DIV.dateshow_content DIV.receive {
  top: 30px;
  color: #FE5F10;
}
DIV.dateshow_content DIV.date {
  position: absolute;
  top: 0;
  right: 0;
}             
DIV.calbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 239px;
  height: 22px;
  background-image: url('../img/calendar_bar.gif');
  background-repeat: repeat-x;
}
DIV.calbar IMG.icon {
  position: absolute;
  top: 0;
  width: 22px;
  height: 22px;
  cursor: pointer;
}
DIV.calbar DIV.label {
  position: absolute;
  top: 3;
  left: 22px;
  overflow: hidden;
  width: 195px;
  height: 17px;
  font-weight: bold;
  text-align: center;
}                    
DIV.calendar_content DIV.day_letter, DIV.calendar_content DIV.day, DIV.calendar_content DIV.day_grey, DIV.calendar_content DIV.day_curr {
  position: absolute;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  font-weight: bold;
}
DIV.calendar_content DIV.day_letter {
  top: 30px;
  color: #497EAE;
}
DIV.calendar_content DIV.day {
  cursor: pointer; 
  color: #000;
}
DIV.calendar_content DIV.day_grey {
  color: #B2B2B2;
}
DIV.calendar_content DIV.day_curr {
  color: #FFF;
  background-color: #FE5F10;
}


/******************** Payment summary page styles ********************/

DIV.paysummary DIV.leftpane, DIV.paysummary DIV.rightpane {
	position: absolute;
  height: 433px;
  top: 25px;
}
DIV.paysummary DIV.leftpane {
  width: 607px;
  left: 0;
}
DIV.paysummary DIV.rightpane {
  width: 320px;
  right: 0;
}
DIV.paysummary DIV.grid, DIV.paysummary DIV.grid IMG.back {
  position: absolute;
  width: 414px;
  height: 292px;
}                                               
DIV.paysummary DIV.grid {
  left: 38px;  
  top: 63px;   
}
DIV.paysummary DIV.blok1, DIV.paysummary DIV.blok2, DIV.paysummary DIV.blok3 {
  position: absolute;
  left: 12px;     
  width: 400px;
  height: 77px;
  overflow: auto;
}    
DIV.grid {
  font-weight: bold;
}
DIV.paysummary DIV.blok1 { top: 8px; }
DIV.paysummary DIV.blok2 { top: 99px; }
DIV.paysummary DIV.blok3 { top: 186px; }
DIV.grid H3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 285px;
  height: 18px;
  color: #FF5500; 
  font-size: 11pt;
}   
DIV.grid DIV.info, DIV.grid DIV.price {
  position: absolute;
  top: 18px;
  left: 0;
  width: 285px;
  line-height: 22px;
}
DIV.grid DIV.price {
  width: 75px;
  left: 303px;
  text-align: right;
  font-size: 11pt;
}
DIV.grid DIV.footer {
  position: absolute;
  top: 271px;
  left: 12px;     
  width: 390px;
  height: 27px;
}                  
DIV.grid DIV.footer H3, DIV.grid DIV.footer DIV.price {
  top: 0;
  line-height: 1em;
  color: #FFF;
}
DIV.paysummary DIV.error {
  position: absolute;
  top: 14px;
  left: 38px;  
  width: 414px;
  height: 40px;
  overflow: hidden;
  background-color: #C00;
}



/******************** Incasso page styles ********************/
DIV.incasso, DIV.incasso TD {
  font-weight: bold;
}
DIV.incasso DIV.left {
  position: absolute;
  top: 60px;
  left: 38px;  
  width: 325px;
  height: 380px;
  overflow: auto;
}
DIV.incasso DIV.right {
  position: absolute;
  top: 60px;
  left: 465px;  
  width: 400px;
  height: 350px;
}                            
DIV.incasso H3 {   
  font-size: 11pt;
  color: #FF5400;
  margin: 0 0 .6em 0;
}
DIV.incasso H4 {
  font-size: 11pt;
  margin: 0 0 .6em 0;
}
DIV.incasso B {
  color: #FF5400;
}
DIV.incasso INPUT.text, DIV.incasso SELECT {
  width: 205px;
}
TD.pad {
  padding-right: .5em;
}     
DIV.incasso DIV.error {
  background-color: #C00;
}







/******************** Thanks page styles ********************/
DIV.thankpage {

}
DIV.thankpage IMG.back {
  position: absolute;
  left: 580px;  
  bottom: 0;
  width: 340px;
  height: 433px;
}
DIV.thankpage H3 {   
  position: absolute;
  left: 40px;  
  top: 40px;
  width: 400px;
  height: 100px;
  font-size: 18pt;
  color: #FF5400;
  line-height: 36px;
  text-align: left;
}

DIV.thankpage H3.thanks {   
  position: absolute;
  left: 20px;  
  top: 80px;
  width: 480px;
  font-size: 18pt;
  color: #FF5400;
  line-height: 36px;
  text-align: center;
}

DIV.thankpage H4 {   
  position: absolute;
  left: 75px;  
  top: 420px;
  width: 500px;
  height: 30px;
  font-size: 11pt;
}

DIV.thankpage DIV.charitytext
{
	margin-top: 90px;
	margin-left: 10px;
	width: 550px;
	text-align: center;
}

DIV.thankpage div.bluebig
{
	float: left;
	position: relative;
	font-size: 18px;
	color: #00499a;
	font-weight: bold;
	text-align: left; 
	padding-left: 30px;
	padding-bottom: 10px;
}

DIV.thankpage div.logo
{
	float: right;
	width: 310px;
	height: 85px;
	clear: right;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

DIV.thankpage p.bluebig a
{
	color: #00499a;
}

DIV.thankpage p.bluebig a:hover
{
	color: #FF5400;
}

DIV.thankpage p.bluemed
{
	position: relative;
	font-size: 13px;
	color: #00499a;
	font-weight: bold;
	padding-top: 11px;
	line-height: 19px;
	text-align: left;
	padding-left: 30px;
}

DIV.thankpage p.bluesmall
{
	font-size: 12px;
	color: #00499a;
	line-height: 20px;
}

DIV.thankpage hr
{
	width: 90%;
	height: 1px;
	color: #00499a;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
}

DIV.thankpage DIV.contact
{
	width: 500px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	margin-left: 40px;
}

DIV.thankpage span.orange
{
	color: #FF5400;
}

DIV.thankpage div.anothercard
{
	margin-top: 100px;
	margin-left: 23px;
}
	

          
/******************** Buttons ********************/         
DIV.button, DIV.buttongrey, DIV.buttongreen, DIV.buttongreensub {
  position: absolute;
  width: 120px; /* will often be overruled in html */
  height: 23px;
  cursor: pointer;
  overflow: hidden;
}                           
DIV.button {
  background-image: url('../img/button_border_c.gif');
  background-repeat: repeat-x;                     
}
DIV.buttongrey {
  background-image: url('../img/button_border_grey_c.gif');
  background-repeat: repeat-x;
}
DIV.hoverbutton_green_260 a {
	display: block;
	height: 23px;
	width: 260px;
	background-image: url("../img/card_btn_green_260.gif");
	background-repeat: no-repeat;
	padding-top: 3px;
	color: #1e5ea5;
	text-decoration: none;
}
DIV.hoverbutton_green_260 a:hover {
	background-image: url("../img/card_btn_green_260_c.gif");
}
DIV.buttongreen, DIV.buttongreensub {                                  
  background-color: #A9F000;     
}
DIV.buttongreensub {
  width: 130px;
  z-index: 40;
}
DIV.button IMG, DIV.buttongrey IMG, DIV.buttongreen IMG, DIV.buttongreensub IMG {
  position: absolute;
  border: 0;
} 
DIV.button IMG.left, DIV.buttongrey IMG.left, DIV.buttongreen IMG.left, DIV.buttongreensub IMG.left, 
DIV.button IMG.right, DIV.buttongrey IMG.right, DIV.buttongreen IMG.right {
  width: 5px;
  height: 23px;
}
DIV.button IMG.left, DIV.buttongrey IMG.left, DIV.buttongreen IMG.left, DIV.buttongreensub IMG.left {
  left: 0;
}
DIV.button IMG.right, DIV.buttongrey IMG.right, DIV.buttongreen IMG.right {
  right: 0;
}
DIV.button IMG.icon, DIV.buttongrey IMG.icon, DIV.buttongreen IMG.icon, DIV.buttongreensub IMG.icon {
  top: 4px;
  left: 99px;
}
DIV.button DIV.label, DIV.buttongrey DIV.label, DIV.buttongreen DIV.label, DIV.buttongreensub DIV.label {
  padding: 4px 10px 0 10px;
  white-space: nowrap;
  font-weight: bold;
}                                               

DIV.buttonarea DIV.button, DIV.buttonarea DIV.buttongrey, 
DIV.buttonarea DIV.buttongreen, DIV.buttonarea DIV.buttongreensub {
  left: 6px;
}
DIV.cardsubmenu {
  position: absolute;
  top: 3px; /* overruled in html */
  left: 131px;
  width: 115px;
  height: 50px; /* overruled in html */
  background-color: #A9F000;
  z-index: 20;
}                            
DIV.cardsubmenu IMG.top, DIV.cardsubmenu IMG.bottom {
  position: absolute;
  width: 115px;
  height: 5px;
  border: 0;
}
DIV.cardsubmenu IMG.top {
  top: 0;
}
DIV.cardsubmenu IMG.bottom {
  /* bottom position will be set by a calculated top value in html, for IE6 compatibility */                            
}
DIV.cardsubmenu DIV.submenuitem, DIV.cardsubmenu DIV.submenuitem_active {
  position: absolute;
  left: 10px;
  top: 5px; /* will be overruled in html */
  width: 95px;     
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  cursor: pointer;
}
DIV.submenuitem_active {
  color: #00F;
  text-decoration: underline;
}
/** Skinned radio AND check box **/
/** (checkbox uses same style) **/
DIV.skinnedRadiobutton {
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 20px;
}

DIV.skinnedRadiobutton .radio {
	width: 19px;
	height: 20px;
	margin-left: 0px;
	opacity: 0;
	filter: alpha(opacity = 0);
	float: left;
	cursor: pointer;
}

DIV.skinnedRadiobutton .skinnedRadioLabel {
	color: #004899;
	font-weight: bold;
	white-space: nowrap;
	float: left;
	margin-top: 5px;
	margin-left: 3px;
	cursor: pointer;
}
                            
/******************** Popup ********************/
DIV.popupset {
  display: none;
}
DIV.darken {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #000;
  z-index: 350;
}
DIV.popup {
	position: absolute;
	width: 515px;
	height: 299px;
	top: 81px;
	left: 221px;
	background-color: #82B800;
}  
DIV.popuppositioner {
  z-index: 400;
}
DIV.popupcontent {
	position: absolute;
	width: 513px;
	height: 297px;
	top: 1;
	left: 1;
	background-color: #FFF;
}
IMG.popup_close {
  position: absolute;
  top: 2px;
  right: 3px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
IFRAME.uploadframe {
	position: absolute;
	width: 481px;
	height: 230px;
	top: 55px;
	left: 16px;
	background-color: #FFF;
}
DIV.fileupload {
  text-align: center;
  font-weight: bold;
}
DIV.fileupload B {
  color: #FF5400;
}
DIV.fileupload DIV.info {
  position: absolute;
  width: 380px;
  height: 95px;
  left: 50px;
  font-size: 10pt;
}                    
DIV.fileupload DIV.qual {
  position: absolute;
  width: 380px;
  height: 25px;
  left: 50px;
  top: 92px;
  font-size: 12pt;
}
DIV.fileupload DIV.error {
  color: #FF5400;
  padding: 70px 30px;
  font-weight: bold;
}
DIV.fileupload DIV.slider {
  position: absolute;
  width: 234px;
  height: 44px;     
  left: 124px;
  top: 124px;
}
DIV.fileupload IMG.slide {
  position: absolute;
  width: 234px;
  height: 24px;     
  top: 0;
  left: 0;
}
DIV.fileupload IMG.slider {
  position: absolute;
  width: 2px;
  height: 14px;
  top: 5px;
}
DIV.fileupload DIV.slider DIV.label {
  position: absolute;
  top: 27px;   
  left: 5px;
  width: 221px;
  color: #000;
  font-weight: normal;
}

/**** HOVER BUTTONS ****/
DIV.hoverbutton_common {
	font-weight: bold;
	text-align: center;
	position: absolute;
	height: 23px;
}
DIV.hoverbutton_common IMG.arrow {
	border-width: 0px;
}
DIV.hoverbutton {
	width: 120px;
	background-image: none;
	margin: 0px;
	padding: 0px;
}

DIV.hoverbutton_large {
	height: 23px;
	width: 175px;
	background-image: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

DIV.hoverbutton_green a {
	display: block;
	height: 23px;
	width: 120px;
	background-image: url("../img/card_btn_green.gif");
	background-repeat: no-repeat;
	padding-top: 4px;
	color: #004899;
	text-decoration: none;
}

DIV.hoverbutton_green a:hover {
	background-image: url("../img/card_btn_green_c.gif");
}

/***** LARGE BUTTON *****/
DIV.hoverbutton_large_green a {
	display: block;
	height: 23px;
	width: 175px;
	background-image: url("../img/card_btn_green_large.gif");
	background-repeat: no-repeat;
	padding-top: 3px;
	color: #004899;
	text-decoration: none;
}
DIV.hoverbutton_large_green a:hover {
	background-image: url("../img/card_btn_green_large_c.gif");
}