/* MODAL */

/*
lt blue = 77BFE7
midblue = 39ADDF
midblue2 = 0397D2
dkblue = 1E3883	(0376A6)
*/


body
 { height: 100%; }
 

#overlay, .overlay, 
#progressdiv, #gifteeform, 
#emptyoverlay
 { display: none;
   position: absolute;
   /*position: fixed;*/
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   text-align: center;
   z-index: 1000;
 }


#overlay, .overlay, #gifteeform
 { background-image: url(../images/overlay.png);   }

#progressdiv
 { background-image: url(../images/progress.png);   }
/* 
 { / *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");* /
   background-color: #330000;
   filter: alpha( opacity=40 ); 
   -moz-opacity: 0.4; 
   opacity: 0.4; 
 }
*/

#overlaywrap, #progresswrap, #gifteeformwrap
  { width: 100%; 
    height: 100%; 
    text-align: center;
    /*z-index: 2000;*/
    /*filter: alpha( opacity=100 );   
	-moz-opacity: 1.0;   
	opacity: 1.0;*/  }


#overlayspacer
	{ height: 160px;
	  min-height: 90px;
	  text-align: center; }


#overlayblock, #progressblock, #gifteeformblock
	{ border: solid 4px #7D3134;
	  background-color: #FFFFFF;
	  width: 320px;
	  padding: 20px;
	  text-align: center;
	  position: fixed; }


#gifteeformblock
	{ border: solid 0 #FFFFFF;
	  width: 500px;
	  text-align: left;
	  z-index: 20000;  }


#progresscontent
	{ border: solid 4px #7D3134;
	  border-color: #1E3883; /*#0D216A;	/*#0376A6;*/
	  background-color: #FFFFFF;
	  padding: 20px; }


#progressblock
 { width: 420px;
   border-width: 0;
   padding: 20px; }


#overlayclose
	{ float: right; 
	  margin-right: 10px;
	  font-size: 10px;
	  margin-top: -4px; }

#overlayclose img
	{ vertical-align: middle; 
	  border-width: 0;
	  margin: 0;
	  padding: 0; }

#overlaytitle, #addGifteeTitle
	{ margin-top: -8px;
	  font-size: 16px;
	  letter-spacing: .3em;
	  text-align: center;
	  padding-bottom: 2px;
	  border-bottom: solid 2px #636363;
	  margin-bottom: 12px; }

#overlaytext
   { background-color: #FFFED4;
     padding: 24px 10px 0 10px;
     border: solid 1px #333333;
     height: 50px;
     min-height: 100%;
     text-align: left;
     color: #000000; }

#overlaytext ul li     
    { color: #000000; }


#progresscontent
 { text-align: center;
   width: 370px; }

#progressimg
 { float: left;
  width: 60px;
  text-align: center; }

#progresstext
 { float: left;
   font-size: 18px;
   font-weight: bold;
   line-height: 54px;
   letter-spacing: .6em;
   margin-left: 20px;
   color: #990000; }


/* END MODAL */



/* order form - input fields */

td.activestep, td.inactivestep
  { width: 78px;
    white-space: nowrap; }

td.activestep
  {	border: solid 2px #330000; 
	color: #FFFFFF;
	background-color: #990000;  }

td.inactivestep
  { border: solid 1px #930000;  }

input 
  { font-size: 12px; }


.flatbtn
	{ border: solid 2px #1E3883; /*#0376A6;*/
	  background-color: #EFEFEF;
	  font-weight: bold;
	  color: #1E3883; /*#0376A6;*/  }


.listselection
	{ color: #1E3883;  /*#0376A6;*/
	  color: #000000;
	  background-color: #EFEFEF; }

select
	{ font-size: 12px; }


div.labelwrap, div.labelwrap_alt
  { float: left; 
    padding-bottom: 4px; 
    padding-left: 10px; }

div.datawrap
  { float: left; 
    padding-left: 6px;  }

div.labelwrap
  { width: 60px; }

div.itemrow
  { clear: both; 
    margin-top: 3px; }

/*
form p
 { line-height: normal;  }
*/
 
p.label, p.data
  { margin-top: 6px; 
    margin-bottom: 0; 
    line-height: normal;  }

p.label
  { font-style: italic;
	margin-top: 10px;
	margin-bottom: 0;
	white-space: nowrap;   }

/* END - order form - input fields */


/* box around items */

div.itembox
 { border: solid 2px #C0C0C0; 
   padding: 8px; 
   margin-bottom: 20px; 
   height: 100%;  }

div.itembox_imgwrap
{ float: left; 
  width: 120px;  }

div.itembox_textwrap
{ float: left; 
  width: 340px;  }


div.itembox_textpadder
 { padding: 3px 0px 8px 8px;  }


.gifteeBOX
  { border: solid 1px #1E3883;
    padding: 3px 3px 3px 6px;
    text-align: center;
     }

.gifteeBOXtitle
  { margin-bottom: 3px; 
    margin-top: 0; 
    padding-left: 10px;
    font-weight: bold; 
    border-bottom: solid 1px #333333;
    text-align: left;  }


div.clearDiv
 { clear: both; 
  font-size: 1px; 
  height: 8px; 
  width: 100%; }

input.field_itemamt
 { width: 32px; 
   margin-right: 3px; }
 
p.cleared
 { margin: 0;
   line-height: normal;  } 

/* END - box around items */



.confirmSectionTitleFirst, .confirmSectionTitle
 { border-bottom: solid 2px #1E3883;  /*#0376A6;*/
   color: #990000; 
   font-weight: bold;
   padding-top: 18px;
   font-size: 12px;
   padding-left: 6px;  }

.confirmSectionTitleFirst
 { padding-top: 8px;  }


#reqdlegend
  { margin-bottom: 1px; 
    border-width: 0px; 
    padding: 0px;  }

.reqdicon
  { margin-bottom: 2px; 
    border-width: 0px; 
    padding: 0px;
    margin-right: 4px;  }
 

#disclaimer p
  { font-size: 9px; }
 


.anonnote
  { display: none; 
    width: 270px; 
    height: 100px; 
    background-color: #FFFFCC; 
    border: solid 3px #333333; 
    padding: 10px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;		}


@media print
 { div#processlink
    { display: none; }
 }