@charset "UTF-8";
/* CSS Document */
@import url("reset.css");

strong {font-weight:bold;}
hr {position:relative; float:left; clear:both; height:1px; width:100%}
select {margin:0px;}

#vouch4me {position:relative; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:550px; margin:20px;}

#vouch4me h1 {font-weight:bold; font-size:14px;}

#vouch4me #message {position:relative; float:left; margin:20px 0 20px 15px;}
#vouch4me #message li{position:relative; float:left; clear:both; color:#FF0000; list-style:square;}

#errorMessage{position: relative; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0 10px 0; color:#FF0000;}

#vouch4me #confirmElements {position:relative; float:left; margin:0 0 20px 15px; width:100%}
#vouch4me #confirmElements li{position:relative; float:left; clear:both; color:#006600; list-style:square; width:100%}
#vouch4me #confirmElements .confirmElement{position:relative; float:left; width:100%; font-weight:bold;}

#vouch4me #frm_vouch4me {position:relative; float:left; clear:both; margin:0;}
#vouch4me #frm_vouch4me .formElement {position:relative; float:left; clear:both; margin:0 0 20px 0; width:100%}
#vouch4me #frm_vouch4me .formElement label{position:realtive; float:left; width:200px; font-weight:bold;}
#vouch4me #frm_vouch4me .formElement #lbl_voucherDelivery{width:100%; margin:0 0 10px 0;}
#vouch4me #frm_vouch4me .formElement .hintText {font-size:12px; font-style:italic;}

#vouch4me #frm_vouch4me #div_buyerReceiveInfo {width:100%}
#vouch4me #frm_vouch4me #div_buyerReceiveInfo #lbl_buyerReceiveInfo{width:auto; font-weight:normal;}
#vouch4me #frm_vouch4me #div_introductoryText {}

#vouch4me #frm_vouch4me #div_tandc {font-size:12px; font-style:italic;}

#vouch4me #frm_vouch4me .warning{color:#FF0000;}


#viewVoucherPreview{position:relative; float:left; clear:both; margin:0 0 20px 0; width:100%}

#viewVoucherPreview a:link{text-decoration:none;}
#viewVoucherPreview a:visited{text-decoration:none;}
#viewVoucherPreview a:active{text-decoration:none;}
#viewVoucherPreview a:hover{text-decoration:underline;}

#voucherPreview{position:relative; float:left; width:596px; height:900px; display:none;}
#voucherPreview #voucherPreviewX{position:relative; float:right; clear:both; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
#voucherPreview #voucherPreviewX a:link, a:visited, a:active {text-decoration:none;}
#voucherPreview #voucherPreviewX a:hover {text-decoration:underline;}
#voucher {position:relative; float:left; width:596px; height:636px; margin:0; border:0; padding:0; background-repeat:no-repeat;}
#voucher .voucherPreviewElement{position:relative; float:left; text-align:left; clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}

/* voucherPreview styles for Firefox. IE styles set in index.php */
#voucher #voucherPreviewReference{position:relative;top:247px; left:288px;}
#voucher #voucherPreviewIssueDate{top:257px; left:288px;}
#voucher #voucherPreviewAmount{top:289px; left:195px;}
#voucher #voucherPreviewTo{top:303px; left:195px;}
#voucher #voucherPreviewFrom{top:315px; left:195px;}
#voucher #voucherPreviewMessage{top:330px; left:85px; width:300px; height:100px;}
#voucher #voucherPreviewClientMessage{top:550px; font-weight:bold; width:100%; text-align:center}
#voucher #voucherPreviewTAndC{top:380px; left:22px; color:#FFFFFF; font-size:8px; font-weight:normal; width:420px;}
/* END OF voucherPreview styles for Firefox. */

#voucherPreviewClose {position:relative; clear:both; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
#voucherPreview #voucherPreviewClose a:link, a:visited, a:active {text-decoration:none;}
#voucherPreview #voucherPreviewClose a:hover {text-decoration:underline;}
#voucherPreview #voucherPreviewWatermark{position:absolute; top:0px; left:0px; background-image:url(../images/voucher/watermark.png); height:842px; width:596px; z-index:100}

/* Buttons */
#vouch4me #frm_vouch4me #buttons {width:100%}
#vouch4me #frm_vouch4me #buttons #startAgainButton{float:left;}
#vouch4me #frm_vouch4me #buttons #submitButton{float:right;}

input.button {font-family:Arial, Helvetica, sans-serif; color:#000000; background-color:#fff; border:1px solid; border-color:#000; }
 
#vouch4me #poweredBy {position:relative; float:left; text-align:right; clear:both; height:33px; width:100%; margin-top:20px;}
#vouch4me #poweredBy #poweredByText{position:relative; top:50%; height:18px; margin-top:-6px; margin-right:5px;}
#vouch4me #poweredBy #poweredByLogo{position:relative; display:inline; width:101px;}

#vouch4me #debug{position:relative; float:left; margin-top:100px;}