/******STRUCTURE*****/

/*GRID ELEMENTS**/
.wrapper-outer {}
.wrapper-inner {}
.header {height:45px; margin:0px 0 20px 0px; padding:5px 0 0 0; /* position:relative; */ background-color:rgba(255,255,255,0.4);}
.body-container {width:748px; min-height:200px;}
.buttonbox {width:280px; min-height:200px; position:relative;}
.column {width:372px;}
.groupbox {width:305px; padding:10px 0 18px 35px; position:relative; min-height:260px; margin:0 0 20px 10px; background-color:rgba(255,255,255,0.70);}
.groupbox-name {position:absolute; top:131px; right:190px; width:250px;}
.review {}
.card {width:748px; display:block; height:auto; margin-top:30px; margin-bottom:30px; margin-left:auto; margin-right:auto; padding:0 0 0px 0px; position:relative; background:#fff; font-family:Helvetica, Arial, Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif; border:2px solid #D0D0D0;}
.cardtitle {width: 174px; height: 100%; margin: 0 0 0 0; padding: 0 15px 0 0; position: absolute; left: 0; background-color: #ccc;}
.cardinfo {width: 543px; padding: 10px 0; margin-left: 200px;}
.confirmation {position:relative; top:0; background-color:#111; width:270px; padding:15px 20px 15px 20px; display:none; z-index:9002; border:2px #999 solid;}
.confirmation-buttonbox {margin:17px 0 0 0;}
.downloadedfileset {margin: 0 0 30px 0;}
.instructionbox{width:210px; position:relative; left:290px; top:-35px;}
.questiongroup  {width:736px; margin:0 0 30px 0; overflow: hidden; text-align:left; background-color:#FFF; clear:both; border:5px rgba(200, 200, 200, .4) solid; } 
.bizcard {width:665px; margin:0 35px 30px 25px; padding:0 0 0 20px; min-height:100px; text-align:left; clear:both; background-color:#CCC; border:5px rgba(200, 200, 200, .4) solid;} 
.sigPad {position:relative; margin:0; padding:0; width:746px; }
.prevanswer {width:70px; height:20px; margin:0 0 0 30px; padding:5px 0px; width:60px; color:#FFF; font-weight:900; font-size:19px; text-align:center; background-color:#900; border-radius:6px; -moz-border-radius:6px;}

.row {/* Preferred container for all questions */ width:746px; text-align:left; margin:0 0 20px 0; float:left; } 
.row_half {/* Half-row for 2-column format */ width:365px; padding: 0 15px 0 0 0; height:55px; float:left;} 
.row_indent_full {/* Preferred Left indented Q - was QLindent_full*/ width:706px; margin:0px 0 12px 40px;float:left; } 
.QL {/* Preferred Left Y/N Q */ width:570px; padding:0; margin:0px 0 10px 10px; float:left; } 
.QR {/* Preferred Right Y/N Q */ width:570px; padding:0; margin:0px 10px 10px 0px; float:right; } 
.Qfull {/* Preferred Full Width Q */ width:726px; margin:10px; float:left; } 
.QLindent_full {/* Preferred Left indented long Q */ width:706px; margin:0px 0 20px 40px; float:left; } 
.QLindent_full ul {/* Preferred Left indented long Q */ width:610px; margin:0px 0px -30px 00px; float:left; } 
.QLindent_short {/* Preferred Left indented short Q */ width:500px; margin:0px 0 20px 40px; float:left; } 
.QL_short {/* Preferred Left Y/N Q on a short line */ width:226px; margin:0 0 0 10px; vertical-align:middle; float:left; } 
.QL_2col {/* Preferred Left Y/N Q on a column line */ width:215px; margin:0 0 0 10px; vertical-align:middle; float:left; } 
.QR_short {/* Preferred Right Y/N Q on and indented line */ width:530px; margin:0 10px 0 0; vertical-align:middle; float:right; } 
.QRindent_short {/* Preferred Left indented short Q */ width:500px; margin:0px 0 20px 40px; float:left; } 
.Qhighlight {/* Preferred Full Width Q */ width:220px; padding:10px; margin:10px; background-color:#F0F0C5; float:left; } 
.YNL {/* Preferred Left Y/N Button */ width:130px; position:relative; margin:0 0 0 20px; float:left; } 
.YNR {/* Preferred Right Y/N Button */ width:130px; position:relative; float:right; } 
.YNC {/* Preferred Right Y/N Button */ margin-left:50px; margin-right:0 auto; } 

.footer {width:748px; min-height:50px;}
.namebox {width:150px; height:35px;}
.row-cardinfo {width: 500px; margin: 0 0 25px 0; padding: 0 0 0 30px;}
.securitybox {width:285px; margin:400px 0 0 0; padding:0 0 0 30px; position:relative;}
#blanket  {position:absolute; top:0px; left:0px; width:100%; background-color:#999; opacity:0.65; filter:alpha(opacity=65); display:none; z-index:9001;}
#throbber {width: 75px; height: 55px; background-color: #000; padding: 20px 0 0 0px; position: fixed; top:50%; left: 0; right: 0; margin: auto; display:none; z-index:9002; border-radius:8px; -moz-border-radius:8px;}
#throbber img {display: block; margin-left: auto; margin-right: auto;}

/*SignaturePad*/
.sigPad {position:relative; margin:0; padding:0; width:746px; cursor:url("pen.png") 8 8, crosshair; } 
.sigPad button {margin:10px 0 10px 298px;}
.sigheader {padding: 0 0 0 10px; }
 
/*Buttons*/
.button-menu {width:60px; height:24px; padding:6px 0 0 0; position:absolute; top:8px; -webkit-border-radius:.35em; -moz-border-radius:.35em; border-radius:.35em; background-color:rgba(255,255,255,0.3); }
.button-tiny {width:70px; height:36px; margin:2px 10px 0 5px; padding:0 0 0 0;  display:inline-block; outline:none; cursor:pointer; -webkit-border-radius:.5em;  -moz-border-radius:.5em; border-radius:.5em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); color:#fef4e9;}
.button-small {width:70px; height:40px; margin:0px 10px 0 5px; padding:0 0 0 0;  display:inline-block; outline:none; cursor:pointer; -webkit-border-radius:.5em;  -moz-border-radius:.5em; border-radius:.5em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); color:#fef4e9;}
.button-mediumsmall {width:100px; height:45px; margin:0px 10px 0 5px; padding:0 0 0 0;  display:inline-block; outline:none; cursor:pointer; -webkit-border-radius:.5em;  -moz-border-radius:.5em; border-radius:.5em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); color:#fef4e9;}
.button-medium {width:130px; height:40px;  margin:10px 0 0 22px; display:inline-block; outline:none; cursor:pointer; -webkit-border-radius:.35em;  -moz-border-radius:.35em; border-radius:.35em;  /* border:1px solid #221C13; */  }
.button-large {width:260px; height:50px; margin:10px 0 0 22px; display:inline-block; outline:none; cursor:pointer; border:none; -webkit-border-radius:.5em;  -moz-border-radius:.5em; border-radius:.5em; }
.button-xl {width:270px; height:40px; margin:0px 10px 0 5px; display:inline-block; outline:none; cursor:pointer; -webkit-border-radius:.5em;  -moz-border-radius:.5em; border-radius:.5em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2);}
.button-redx {width:43px; height:43px; margin:0px 10px 0px 10px; background:white url('../graphics/redx.png') no-repeat ; vertical-align:middle; outline:none; border:0;}
.button-dlitem {width:300px; height:20px; margin:10px 10px 0 70px; padding:12px 0 10px 0px; -webkit-border-top-left-radius:6px;	-moz-border-radius-topleft:6px;	border-top-left-radius:6px;	-webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px;	-moz-border-radius-bottomright:6px;	border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; display:inline-block;}
.button-left {width:80px; left:0; position:absolute;}/*container for menu bar button*/
.button-right {width:80px; right:0; position:absolute;}/*container for menu bar button*/

/*Blanks*/
.numentry {width:63px; height:24px; padding:3px 0 0 0px; position:absolute; top:6px; left:6px; font-family:Helvetica Neue Bold, Helvetica, Arial,Verdana,sans-serif; color:#F00; font-size:16px; font-weight:bold;  text-decoration:none; text-align:center;  -webkit-border-radius:.35em;  -moz-border-radius:.35em; border-radius:.35em;  border:0px solid #fff; background-color:rgba(255,255,255,0.25); 	-webkit-box-shadow:0 0 0 0px hsla(0, 0%, 0%, 0.5);-moz-box-shadow:0 0 0 0px hsla(0, 0%, 0%, 0.5); box-shadow:0 0 0 0px hsla(0, 0%, 0%, 0.5);}
.textbox-small {}
.textbox-medium {}
.textbox-large {}
.textbox-xl {}
.textarea-small {}
.textarea-mediaum {}
.textarea-large {}
.textarea-xl {}

/*Generic descriptors*/
.clear {clear:both;}
.left {left:0;}
.right {right:0;}
.leftfloat {float: left;}
.rightfloat {float: right;}
.centered {margin-left:auto; margin-right:auto;}
.indent20{left: 20px;}
.floater {display:none;}

/******SKIN*****/
/*Colors*/
.button-black {background:#333; background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); background:-moz-linear-gradient(top, #666, #000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');}
.button-blue {border:solid 0px #0E1FD3; background:#0095cd; background:-webkit-gradient(linear, left top, left bottom, from(#849ACB), to(#5167B2)); background:-moz-linear-gradient(top,  #849ACB,  #5167B2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#849ACB', endColorstr='#5167B2'); }
.button-bluelt {background:#d81b21; background:-webkit-gradient(linear, left top, left bottom, from(#E7FAFE), to(#DCF9FF)); background:-moz-linear-gradient(top, #E7FAFE, #DCF9FF); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7FAFE', endColorstr='#DCF9FF');}
.button-gray {border:solid 0px #ccc;background:#ccc; background:-webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#a3a3a3)); background:-moz-linear-gradient(top, #c7c7c7, #a3a3a3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7', endColorstr='#a3a3a3');}
.button-graydk {}
.button-graylt {border:solid 1px #aaa; background:#ccc; background:-webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#a3a3a3)); background:-moz-linear-gradient(top, #c7c7c7, #a3a3a3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7', endColorstr='#a3a3a3');}
.button-green {border:solid 0px #980c10; background:#B9C650; background:-webkit-gradient(linear, left top, left bottom, from(#D1DC7E), to(#B9C650)); background:-moz-linear-gradient(top, #D1DC7E, #B9C650); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1DC7E', endColorstr='#B9C650');}
.button-orange {border:solid 0px #D86004; background:#BE5301; background:-webkit-gradient(linear, left top, left bottom, from(#FF9511), to(#FC6F03)); background:-moz-linear-gradient(top, #FF9511, #FC6F03); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9511', endColorstr='#FC6F03');}
.button-pink {border:solid 0px #31057F; background:#64991e; background:-webkit-gradient(linear, left top, left bottom, from(#E3928E), to(#DE736D)); background:-moz-linear-gradient(top, #E3928E, #DE736D); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3928E', endColorstr='#DE736D');}
.button-purple {}
.button-red {border: solid 1px #980c10; background: #d81b21; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top,  #ed1c24,  #aa1317); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');}
.button-tan {background:#0095cd; background:-webkit-gradient(linear, left top, left bottom, from(#D7C59D), to(#C4AA77)); background:-moz-linear-gradient(top, #D7C59D, #C4AA77); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7C59D', endColorstr='#C4AA77');}
.button-wax {border:solid 0px #ccc; background-color:rgba(255,255,255,0.2);}

.black-solid  {}
.blue-solid {}
.bluelt-solid {}
.gray-solid {border:1px solid #dcdcdc; background-color:#c6c6c6;}
.graylt-solid {background-color:#E2E2E2;}
.graydk-solid {}
.green-solid {background-color:#090;}
.orange-solid {}
.purple-solid {}
.red-solid {background-color:#900;}
.tan-solid {}
.text-white {color:#FFF;}
.text-black {color:#333;}
.text-brown {color:#5D3826;}
.text-graydk {color:#6c6c6c;}
.text-graymd {color:#999;}
.text-red {color:#C33;}

/*Text*/
html {-webkit-text-size-adjust:110%; font-family:Century Gothic,ITC Avant Garde,Arial,Helvetica,sans-serif; height:100%;}
h1 {margin: 0 0 10px 0; font-family:Helvetica Neue Bold, Helvetica, Arial,Verdana,sans-serif; font-size:18px; font-weight:bold; text-align:center;}
h2 {margin: 0 0 0px 0;font-family:'MyriadProLightCondensed',Lucida Grande,Lucida Sans Unicode,Trebuchet MS,Georgia,Arial,Verdana,sans-serif; color:#444; margin:0; padding:0px 0px 6px 9px; font-size:22px; line-height:44px; letter-spacing:-1px; font-weight:bold; } 
h3 {margin: 0 0 10px 0; font-family: Helvetica Neue Bold, Helvetica, Arial,Verdana,sans-serif; font-size: 14px;	font-weight: 800; color: #505050;} /*card section head*/
h4 {}
h5 {}
h6 {}
.italic {font-style:italic}
input {background:#ffffff; margin:0 0 0 10px; font-family:sans-serif; font-size:16px; color:#000000; text-shadow:0px -1px 0px #333333; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0px 1px 0px #f2f2f2;-webkit-box-shadow:0px 1px 0px #f2f2f2; } input::-webkit-input-placeholder {color:#ccc; } input:-moz-placeholder {color:#ccc; } input.blue {background-color:#36F;}
input:focus { border:4px #91ADEB solid; background-color:#F0F0FF; outline:none;}
textarea {margin:0 0 0 15px; padding: 3px; font-size:16px; color:#000000; border:2px #CCC solid; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius: 7px; -webkit-appearance:none; -moz-box-shadow:0px 0px 0px 0px #ccc; -webkit-box-shadow:0px 0px 0px 0px #ccc; box-shadow:0px 0px 0px 0px #ccc;}
textarea:focus { border:4px #91ADEB solid; background-color:#F0F0FF; outline:none; }
.text-button  {font-family:Helvetica Neue Bold, Helvetica, Arial,Verdana,sans-serif; font-size:14px; font-style:normal; font-weight:700; text-shadow: 0px 1px 1px rgba(0,0,0,.3); text-align:center; color#F00 } 
.text-button-lg  {font-family:Helvetica Neue Bold, Helvetica, Arial,Verdana,sans-serif; font-size:16px; font-style:normal; font-weight:700; text-shadow: 0px 1px 1px rgba(0,0,0,.3); text-align:center; color#F00 } 
.text-button a {color:#948870; text-decoration:none;}
.text-button-top {text-align:center; text-decoration:none; font:16px/100% Arial, Helvetica, sans-serif; font-weight:700; text-shadow:0px 1px 1px rgba(0,0,0,.3);}
.copyright {font-family:'MyriadProLightCondensed',Lucida Grande,Lucida Sans Unicode,Trebuchet MS,Georgia,Arial,Verdana,sans-serif; font-size:10px; text-decoration:none; text-align:center;}
.groupbox-name-text {text-align:right; font-family:HiraKakuProN-W3, Helvetica Neue, Arial, Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:24px; -webkit-transform:rotate(-90deg);  -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }	
.text-cardtitle {padding: 10px 0 0 0; font-family: Helvetica Neue Bold, Helvetica, Arial,Verdana,sans-serif; color: #7c7c7c; font-size: 20px; font-weight: 100; text-align: right; word-break:break-all;}
.text-centered {text-align: center;}
.text-large {font-size: 18px;}
.text-medium {font-size: 16px;}

/*Special Items*/
input[type=checkbox] {font-size: 20px; position: relative; border: 2px solid #666; display: inline-block; line-height: 1em; margin: 0 0 0 35px; padding: 0; width: 1em; height: 1em; vertical-align: text-top; background: -webkit-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0.1) ); -webkit-appearance: none; -webkit-box-shadow: 0 1px 0 rgba(0,0,0, 0.1), inset 0 0 1px rgba(0,0,0, 0.4); -webkit-border-radius: 3px;}
input[type=checkbox]:active { background: -webkit-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0.2));}
input[type=checkbox]:checked::after {position: absolute; content: ''; left: 15%; top: -10%; height: 40%; width: 90%; border-bottom: 2px solid #000; border-left: 2px solid #000; -webkit-box-shadow: -1px 1px 0 rgba(0,0,0,0.8); -webkit-transform: rotate(-45deg);}
.button-dlitem input {margin: 0 10px 0 20px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c6c6c6), color-stop(1, #a5a5a5) ); background:-moz-linear-gradient( center top, #c6c6c6 5%, #a5a5a5 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c6c6', endColorstr='#a5a5a5'); background-color:#fff; border: 3px solid #FFF; border-radius: 50px;}
.clr {float:right; height: 30px; margin:0 15px 5px 0; padding:10px 0 0 0; clear:both; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;} 
.clr a {font-family:Helvetica Neue Bold, Helvetica, Arial,Verdana,sans-serif; font-size:14px; font-weight:700; text-decoration:none; text-shadow: 0px 1px 1px rgba(0,0,0,.3); text-align:center; color:#FFF; } 
.confirmation-title {margin: 10px 0 10px 0; font-size: 18px; text-transform:capitalize; font-weight:700;}
.formerror {width:710px; padding:10px 0; background-color:#FBD9D9;  border:1px red solid;  border-radius:4px; -moz-border-radius:4px; } /* PREVIOUS ANSWER BOXES */
.largeheadline {padding: 8px 0 0 0; font-family: Helvetica Neue Bold, Helvetica, Arial,Verdana,sans-serif; font-weight: bold; text-align: center;}
