#email-overlay { width: 100%; margin: 0 auto; padding: 0; position: absolute; top: 100px; z-index: 999999; }
#email-overlay h1 { font-size: 20px; }
#email-overlay h2 { padding-bottom: 12px; font-size: 12px; font-weight: bold; text-transform: none;}
#email-overlay fieldset { background: #fff; margin: 35px auto; padding: 35px; width: 410px; border: 1px solid #ccc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#email-overlay ul.input { list-style-type: none; margin: 0; padding: 0; }
#email-overlay ul.input input { height: 30px; padding-left: 8px; border: 1px solid #ccc; font-size: 14px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #666; }
#email-overlay ul.input li { float: left; padding-top: 16px; }
#email-overlay ul.input p { font-size: 11px; font-weight: normal; color: #666; }
#email-overlay ul.input li textarea { margin-top: 0; width: 338px; min-height: 210px; padding: 8px; border: 1px solid #ccc; font-size: 14px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #666; }
#email-overlay ul.email-name li:first-child input { width: 254px; margin-right: 24px; }
#email-overlay ul.email-name li:first-child + li,  #email-overlay ul.email-name li:first-child + li input { width: 60px; text-transform: uppercase; }
#email-overlay ul.input > li:first-child + li input { width: 338px; }
#email-overlay ul.input > li:first-child + li +li, #email-overlay ul.input > li:first-child + li +li +li { padding-top: 0; }

/*** Validator ***/
#email-overlay input.error, #email-overlay textarea.error { background: #ffcccb; color: #cd3331 !important; border-color: #ff999a !important; } 
#email-overlay .validate { text-align: center; display: none; } 
#email-overlay .validate h1 { padding: 24px 60px 36px; }
#email-overlay .validate p { font-size: 18px; font-weight: bold; line-height: 22px; color: #679a01; }
#email-overlay .validate p:last-child { padding-bottom: 26px; }

/*** Buttons ***/
#email-overlay span.close { background: url('../img/close-x.png') no-repeat 0 0; width: 25px; height: 25px; display: block; margin: 0; float: right; position: relative; bottom: 48px; left: 48px; cursor: hand; cursor: pointer; }
#email-overlay ul.input .submit { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; background: #ffffff; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmNmY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 25%, #d5d5d5 82%, #cfcfcf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(25%,#f6f6f6), color-stop(82%,#d5d5d5), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 25%,#d5d5d5 82%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 25%,#d5d5d5 82%,#cfcfcf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 25%,#d5d5d5 82%,#cfcfcf 100%); /* IE10+ */ background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 25%,#d5d5d5 82%,#cfcfcf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-8 */ border: 1px solid #666; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-top: 24px; padding: 0 12px; float: right; font-weight: bold; color: #333; }

/*** Drop Downs ***/
#email-overlay select { background: #fff; border: 1px solid #ccc; border-radius: 0; font-size: 14px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #666; }
#email-overlay .drops h3 { font-size: 12px; margin: 0 0 6px; }
#email-overlay .drops li { display: inline-block; font-size: 12px; }
#email-overlay .drops li .select { font-size: 14px; color: #666; background: #fff url('../img/indicator.png') no-repeat 226px 10px; padding: 6px 8px 0; border: 1px solid #ccc; float: left; display: block; height: 30px; }
#email-overlay #state-drop, #state-drop .select { width: 66px; margin-right: 24px; }
#email-overlay #state-drop .select { background-position: 44px 10px; }
#email-overlay #state-drop select.styled { width: 60px; opacity: 1;}
#email-overlay #subject-drop, #email-overlay #subject-drop .select { width: 248px; }
#email-overlay #subject-drop select.styled { width: 248px; opacity: 1;}

/*** FireFox ***/
#email-overlay #state-drop select.styled, x:-moz-any-link, x:default { width: 64px; bottom: 20px; left: 1px; }
#email-overlay #subject-drop select.styled, x:-moz-any-link, x:default { bottom: 20px; left: 0; width: 248px; }

/*** IE8 & 9 ***/
#email-overlay #state-drop select.styled { width: 66px\0/; left: 1px\0/; }
#email-overlay #subject-drop select.styled { left: 0\0/;  }

/*** IE7***/
#email-overlay { *left: 0; }
#email-overlay fieldset { *padding-right: 0; *padding-left: 46px; }
#email-overlay ul.input input { *height: 26px; *padding-top: 12px; }
#email-overlay ul.input li textarea { *width: 345px; }
#email-overlay ul.email-name li:first-child input { *width: 253px; }
#email-overlay ul.input > li:first-child + li input { *width: 350px; }
#email-overlay #state-drop { *width: 55px; *margin-right: 42px; }
#email-overlay #state-drop select.styled  { *width: 83px; }
#email-overlay #state-drop .select { *background-position: 44px 10px; }
#email-overlay #subject-drop select.styled { *width: 266px; }
#email-overlay .drops li .select { *background-position: 242px 14px; }
#email-overlay #state-drop .select { *background-position: 60px 14px; }
#email-overlay span.close { *left: 15px; }
#email-overlay ul.input .submit { *padding: 0 5px; *margin-right: 46px; }

form * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }