table           { width: 100%; }

.warning { background-color:#ffffa0; padding: 4px 10px; color:black; }

.formbox            { border: 1px #cacaca solid; padding: 20px 30px; margin: 0px; }
.formbox h1 { font-weight:bold; font-size: 34px; line-height: 100%; }
.formbox h1 span { font-style:italic; font-size: 24px; font-weight:normal; }

.submit-area { text-align:right; }
.formbox h3         { margin: 0px; clear:both; text-align:left; background-color:#808080; color:white; font-size: 15px; font-weight:bold; display: block; margin: 20px 0 10px 0; padding: 3px 8px;  }

/*
.formbox .row                { clear:both;  padding: 5px 0px; }
.formbox .form-label              { float:left; width: 30%; color:black; text-align:right; font-weight:bold; padding-right: 15px; font-size: 14px;  }
.formbox .form-field              { float:left; width: 70%; color:black; font-size: 14px; margin: 0px; padding: 0px; }
.formbox .form-field p            { font-size: 14px; }
.formbox .form-field .formfield       { width: 95%; }
*/

h1.honey        {font-family:Great Vibes; font-weight:normal; color:#acacac; font-size: 70px; margin-top: 50px; }
h1.honey span        { font-weight:700; font-size: 26px; color:black;  font-family:Source Sans Pro; text-transform:uppercase; }

.bx             { border: 1px #cacaca solid;  padding: 20px; margin-top: 15px;}
.bx p           {font-size: 12px;  }
.bx > h3            { font-family: Great Vibes; text-align:center; margin: 5px 0 12px 0; font-size: 36px; font-weight:normal; }
.bx > p.startnow  {font-size: 16px; text-align:center; margin-bottom: 0;}
.bx > p.startnow a    {color:white; display: inline-block; background-color:black; padding: 4px 10px;}
.bx > p.startnow a:hover    { text-decoration:none;}

p.already           {text-align:center; font-size: 12px; margin: 2px 0; }
p.already a         { font-weight:bold; }

.find {  padding: 0px; margin: 0px; }
.bx .find p         {margin-bottom: 0px; }
.bx input           {width: 100%; }
.bx .find .formbutton { display: inline-block; width: auto; text-align:right; margin: 0px;   }


.adminlink { background-color:#a48e3c; color:white; padding: 2px 6px; font-size: 12px; display: inline-block; text-align:center; }
.adminlink:hover { background-color:#7e6c28; color:white; text-decoration:none; }



table.steps  		{}
table.steps th		{ font-family: Great Vibes; font-weight:normal; color:black; font-size:54px; padding-right: 20px; }
table.steps td		{ font-size: 13px; color:#656565; padding: 10px 0; line-height: 110%; border-bottom: 1px #656565 dotted; }


.regpackage         { border: 1px #cacaca solid; margin-bottom: 15px; }
.regpackage .photo { float:left;  width: 30%; padding: 12px; }
.regpackage .photo img  { width: 100%; }


.regpackage .description        {float:left; padding: 12px 30px 0px 12px; width: 70%;  }
.regpackage .description p.title   { font-size: 20px; font-weight:bold; margin-bottom: 0; }
.regpackage .description p   { font-size: 14px; }
.regpackage .description .cost   { text-align:right; font-size: 13px; }
.regpackage .description .cost span  { font-weight:bold; font-size: 22px; color:black; }
.regpackage .description .giftstotal   { font-size: 14px; text-align:right; background-color:green; color:white; padding: 3px 6px; display:block;  }
.regpackage .description .status   { text-align:right; font-size: 13px; margin: 0px; border-top: 1px #cacaca solid; padding-top: 5px; }

.gift { padding: 8px; border-top: 1px #cacaca dotted; }
.gift .from { width: 70%  }
.gift .from p.name {font-size: 15px; margin: 0px 0 2px 0px; font-weight:bold; }
.gift .from p.phone { font-size: 14px; margin: 0px 0 2px 0px; }
.gift .from p.phone .fa { margin-right: 6px; }
.gift .from p.phone a { margin-right: 20px; }
.gift .from p.posted { font-style:italic; font-size: 13px; }



.gift .price { width: 30%; text-align:right;   }
.gift .price span { color:green; font-size: 15px; }

.guests {}
.guests .tr { border-top: 1px #cacaca dotted; font-size: 13px;     }
.guests .td { padding: 2px 5px; }
.guests .sendmail { text-align:center; font-size: 18px; margin: 16px 0px; font-weight:bold; }
.guests .sendmail .fa { margin: 0 8px; }



.guests .tr:hover { background-color:#f5f5f5;  }
.guest-name { width: 40%; font-weight:bold; }
.guest-email { width: 40%; }
.guest-remove { width: 20%; text-align:right; }

.autosignature { font-family:Rock Salt; font-weight:bold; font-size: 20px; }

.viewprofile .tr { border-top: 1px #cacaca dotted; padding: 8px; }
.viewprofile .th { width: 35%; background-color:#8e8e8e; color:white; padding: 2px 8px;  }
.viewprofile .td { width: 65%; padding: 2px 8px; }

.cpl-results .tr { border-top: 1px #cacaca dotted; padding: 8px; }
.cpl-results .couple { width: 75% }
.cpl-results .couple p.name { margin: 0px; font-weight: bold; line-height: 125%;  }
.cpl-results .couple p.location { margin: 0px; font-size: 12px; line-height: 125%; font-style:italic; }
.cpl-results .view { width: 25%; text-align:right;  }





.youragent          {border: 1px #cacaca solid; text-align:center; padding: 2px;}
.youragent p.title        {font-style:italic; background-color:#f5f5f5; padding: 7px; }
.youragent p.name  {font-weight:bold; font-size: 20px; margin: 6px; }
.youragent p.email  {font-size: 15px; margin: 4px; }
.youragent p.email a {display:inline-block; text-align:center; background-color:#656565; color:white; padding: 4px 8px; }
.youragent p.email a .fa {margin-left: 16px; }
.youragent p.email a:hover { background-color:#8e8e8e; text-decoration:none; }

.youragent p.phone  { margin: 8px 8px 20px 8px; font-size: 18px; font-weight:bold;}
.youragent p.phone a { text-decoration: none; }
.youragent p.phone a .fa { margin-right: 8px;  }

.honeymenu          { margin-bottom: 20px;}
.honeymenu p        { border-top: 1px #cacaca solid; font-size: 18px; margin: 0; }
.honeymenu a        { padding: 10px 15px; display:block; color:black; background-color:white; text-decoration:none; }
.honeymenu a:hover  { background-color:#f4f4f4; text-decoration: none; }
.honeymenu .logout  { text-align:right; margin: 15px 0;border: 0px; }
.honeymenu .logout a { background-color:black; color:white; padding: 5px 10px; display:inline-block; text-align:center; }
.honeymenu .logout a:hover { background-color:#666666;}


@media screen and (max-width:800px)

{


h1.honey        {font-size: 40px; text-align:center; margin: 0}
h2.honey        { font-weight:bold; text-align:center; font-size: 20px; margin:5px 0 0 0; }


.honeymenu  p        { font-size: 14px;}




}



@media screen and (max-width:600px)

{
.formbox            { border: 0px; padding: 0px; }


.regpackage .description,
.regpackage .photo        {float:none;width: 100%; }


}










@media screen and (max-width:450px)

{
.guest-name,
.guest-email,
.guest-remove,
 .guests .td { width: 100%; float:none;  }





.cpl-results .couple { width: 100% }
.cpl-results .view { width: 100%; text-align:right;  }





}