/* ------------------------------------------ reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { line-height: 1; }
/* ol, ul { list-style: none; } */
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------------------------------------ /reset */

html { font-size: 16px; }

body { 
	margin: 0 auto;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%; 
	line-height: 1em; 
	font-weight: normal; 
	color: #535353;
	text-align: center;
	background-color: #a2a5a4;
}
strong { font-weight: bold; }
.fl { float: left; }
.fr { float: right; }
.cf { margin: 0px; padding: 0px; border: none; border: 0px; height: 0px; max-height: 0px; font-size: 0px; line-height: 0px; clear: both; }
.content-wrap { /*padding: 10px;*/ }
/*img { display: block; }*/

a { outline: 0!important; }
a {
  color: #00833E;
  text-decoration: none; 
}
a,
a:hover,
a:active,
a:visited { outline: 0px; }
a:hover { text-decoration: none; }

/* dark to light: 417630 / 419030 / 41aa30 / 41bb30 */

/* ---------------------------------------------------------------------------------------------------------- START: grid */
/* ---------------------------------------------------------------------------------------------------------------------- */

#outer { 
	margin: 0 auto; 
	width: 100%; 
	max-width: 1000px; 
	background-color: #fff; 
}
.container { width: 100%; }
.wrap, 
.wrap-full { text-align: left; }
.wrap-full {}
.wrap { padding: 0 30px; }
section { margin: 0 0 20px; 0; }

/* ----------------------------------------------- full size (max 1000) */

.grid-holder { width: 100%; }

/* -------------- 50/50 two column split */

.grid-holder .two-one, 
.grid-holder .two-two {
	float: left; 
	display: inline; 
	width: 49%; 
}
.grid-holder .two-one { margin-right: 2%; }
.grid-holder .two-two { margin-right: 0; }

/* -------------- /50/50 two column split */

/* ----------------------------------------------- left sidebar two column split */

.grid-holder .sb-one, 
.grid-holder .sb-two {
	float: left; 
	display: inline;  
}
.grid-holder .sb-one {
	width: 54%;  
	margin-right: 2%;
}
.grid-holder .sb-two { 
	width: 44%;
	margin-right: 0;
}

/* ----------------------------------------------- /left sidebar two column split */

/* ----------------------------------------------- three column split */

.grid-holder .three-one, 
.grid-holder .three-two, 
.grid-holder .three-three {
	float: left; 
	display: inline; 
	width: 32%; 
}
.grid-holder .three-one, 
.grid-holder .three-two { margin-right: 2%; }
.grid-holder .three-three { margin-right: 0; }

/* ----------------------------------------------- /three column split */

/* ---------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ END: grid */

/* ----------------------------------------------- fonts */

p { line-height: 1.35em; padding: 0 0 15px 0; width: auto; }
p.last { padding-bottom: 0; }

h1,h2,h3,h4,h5 { 
	font-weight: 700; 
	color: #00833E; 
	padding-bottom: 10px; 
}
.lora {
	font-family: 'Lora', serif; 
	font-style: italic; 
}
.nb-header { font-weight: 400; }

h1 { font-size: 175%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; line-height: 1em; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }

h1 a:link    { color: #00833E; font-weight: bold; text-decoration: none; }
h1 a:visited { color: #00833E; font-weight: bold; text-decoration: none; }
h1 a:hover   { color: #a2a5a4; font-weight: bold; text-decoration: none; }
h1 a:active  { color: #a2a5a4; font-weight: bold; text-decoration: none; }

h2 a:link    { color: #00833E; font-weight: bold; text-decoration: none; }
h2 a:visited { color: #00833E; font-weight: bold; text-decoration: none; }
h2 a:hover   { color: #a2a5a4; font-weight: bold; text-decoration: none; }
h2 a:active  { color: #a2a5a4; font-weight: bold; text-decoration: none; }

h3 a:link    { color: #00833E; font-weight: normal; text-decoration: none; }
h3 a:visited { color: #00833E; font-weight: normal; text-decoration: none; }
h3 a:hover   { color: #a2a5a4; font-weight: normal; text-decoration: none; }
h3 a:active  { color: #a2a5a4; font-weight: normal; text-decoration: none; }

h4 a:link    { color: #00833E; font-weight: bold; text-decoration: none; }
h4 a:visited { color: #00833E; font-weight: bold; text-decoration: none; }
h4 a:hover   { color: #a2a5a4; font-weight: bold; text-decoration: none; }
h4 a:active  { color: #a2a5a4; font-weight: bold; text-decoration: none; }

h5 a:link    { color: #00833E; font-weight: bold; text-decoration: none; }
h5 a:visited { color: #00833E; font-weight: bold; text-decoration: none; }
h5 a:hover   { color: #a2a5a4; font-weight: bold; text-decoration: none; }
h5 a:active  { color: #a2a5a4; font-weight: bold; text-decoration: none; }

p a:link    { color: #9C3C25; font-weight: normal; text-decoration: underline; }
p a:visited { color: #9C3C25; font-weight: normal; text-decoration: underline; }
p a:hover   { color: #a2a5a4; font-weight: normal; text-decoration: none; }
p a:active  { color: #a2a5a4; font-weight: normal; text-decoration: none; }

/* transitions */
a, p a, ul, li a, a img, input[type="submit"], input[type="button"], input[type="text"], button, textarea {
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.green-title {
	margin: 0 0 20px 0; 
	display: block; 
	width: 100%; 
	background-color: #00833E; 
	border: none; 
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
}
.green-title h2 {
	padding: 20px; 
	font-size: 150%; 
	font-weight: normal; 
	display: block;  
	color: #fff;
}

/* green bar with a TOP button */
.gotop { text-align: right; }

/* ----------------------------------------------- /fonts */

/* ----------------------------------------------- header/masthead */

header { padding: 30px 0; }
header h1 { float: left; padding-bottom: 0; }
header h1 img.logo { height: 90px; width: 300px;  }
header h2 { font-family: 'Lora', serif; font-style: italic; font-size: 175%; float: right; padding-bottom: 0; margin-top: 8px; }

h1.page-title { 
	line-height: 44px;
	color: #535353;
	border-bottom: 5px solid #535353; 
	background: transparent url('/_img/icon-releaseform.png') 0px 0px no-repeat;
	padding: 5px 0 10px 55px; 
	font-family: 'Lora', serif; 
	font-style: italic; 
}
.cintro h1.page-title { margin-bottom: 20px; }
.csub h1.page-title { margin-bottom: 5px; }

.cintro h2, 
.csub h2 { line-height: 1.25em; }

.cintro h4 {
	font-family: Helvetica, Arial, Sans-serif; 
	font-style: normal; 
}

.cmasthead { margin: 0 0 20px 0; }

/* masthead image settings */
.cmasthead section.masthead { display: block; }
.cmasthead section.masthead-m { display: none; }





/* ------------------------------------------------------------------------------------------------------------------ REMOVE THE A TAG HERE AFTER TESTING */

.cmasthead section.masthead img, 
.cmasthead section.masthead-m > a > img { width: 100%; height: auto; }

.cmasthead section.masthead-m > a > img { max-width: 655px; }/* 655 x 220 */

/* ------------------------------------------------------------------------------------------------------------------ REMOVE THE A TAG HERE AFTER TESTING */




/* ----------------------------------------------- /header/masthead */

/* --------------------------------------------------- content */

/* --------------------- home page links */

.site-links { margin: 0; width: 100%; font-size: 14px; }
.site-links a { display: block; text-decoration: none; color: #00833E; }
.site-links a:hover, 
.site-links a:active { text-decoration: none; color: #999; }
.site-links h4 { padding: 5px 0 6px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.site-links ul { margin: 0; padding: 0; }
.site-links ul li a { font-weight: normal; }
.site-links li { margin: 0 0 0 20px; padding: 6px 0; font-size: 100%; line-height: 1em; border-bottom: 1px solid #ccc; }
.site-links li.last { border-bottom: none; }
.site-links ul.subs { list-style: none;  margin: 0; padding: 0; border-top: 1px solid #ccc; }
.site-links ul.subs li { margin: 0; }

/* --------------------- /home page links */

/* --------------------- product group settings on sub-pages */

section.product-group { 
	margin-bottom: 30px; 
	border-top: 1px solid #535353; 
	border-bottom: 1px solid #535353;
}
section.product-group .video-holder { margin: 2% 0; }

/* --------------------- /product group settings on sub-pages */

/* --------------------- table settings */

.product-group table { 
	width: 100%; 
	font-size: 90%;  
}
.product-group table a:hover { color: #999; }
.product-group table img { padding: 8px; }
.product-group table td { 
	border-top: 1px solid #a2a5a4;
/*	border-bottom: 1px solid #a2a5a4; */
	border-left: 1px solid #a2a5a4; 
	border-right: 1px solid #a2a5a4; 
	border-collapse: collapse; 
}
.product-group table.in td { 
	padding: 4px 10px;
/*	border-top: none; */
	border-right: none; 
	border-left: none; 
}
.product-group table td.last { border-bottom: none; }
.product-group table td.last1 { border-bottom: 1px solid #a2a5a4; }

.product-group table td.first { border-top: none; }

/* keep accurate visual widths in responsive mode */
.product-group table.out  { margin: 2% 0; }
.product-group table.out td.icontd { width: 2%; }
.product-group table.out td.linkstd { width: 88%; }

/* ---------- fitVid (keep the video element responsive) */
video, 
.video-holder, 
.vendor, 
iframe, embed, object { 
	width: 100%; 
	max-width: 100%; 
	height: auto; 
}
/* ---------- /fitVid (keep the video element responsive) */

/* ---------- table type settings */

.product-group table p { margin: 0; padding: 0; }
.product-group table p a { 
	color: #00833E; 
	text-decoration: none; 
	font-weight: normal; 
}
.product-group table h3 { 
	font-family: Helvetica, Arial, Sans-serif;
	font-weight: bold; 
	color: #535353; 
	font-size: 90%; 
	line-height: 1em;
	text-transform: uppercase; 
	font-style: normal; 
	margin: 0; 
	padding: 8px 0; 
}
.product-group table.in p span { display: block; color: #666; }
.product-group table.out p.bp { padding-left: 10px; }

/* ---------- /table type settings */

/* --------------------- /table settings */

/* --------------------- buttons */
div.button a {
	margin: 10px 0 10px 0;
	padding: 10px 20px;
	background-color: #9C3C25;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
  display: table-cell;
  font-family: Helvetica, Arial, Sans-serif;
  font-size: 13px;
  line-height: 13px;
  font-weight: normal;
  color: #fff;
	text-decoration: none;
}
div.button a:hover {
	background-color: #B49400; 
}
/* --------------------- /buttons */

/* --------------------------------------------------- ZIP Code module */

#cssmenu { margin-bottom: 30px; }

.ziptoggle {  
	width: 100%; 
	height: auto; 
	background: #535353 url('/_img/zipholder-bg.png') 0px 0px repeat; 
	/* box shadow */
	-moz-box-shadow: inset 0 8px 8px -8px #222, inset 0 -8px 8px -8px #222;
	-webkit-box-shadow: inset 0 8px 8px -8px #222, inset 0 -8px 8px -8px #222;
	box-shadow: inset 0 8px 8px -8px #222, inset 0 -8px 8px -8px #222;
}
.ziptoggle .grid-holder { 
	margin: 0 auto;  
	padding: 20px; 
	width: 60%; 
	height: auto; 
}
.ziptoggle .two-one { text-align: left; }
.ziptoggle .two-two { text-align: right; }
.ziptoggle .ziptoggle-holder { 
	background-color: rgba(0, 0, 0, .25); 
	padding: 20px; 
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}
.ziptoggle label { 
	margin: 0 0 20px 0; 
	display: block; 
	color: #fff; 
	font-weight: bold; 
}
.ziptoggle input[type="text"], 
.ziptoggle input.text, 
.ziptoggle button[type="submit"], 
.ziptoggle button.zipbutton { 
	margin: 0; 
	padding: 0; 
	display: table-cell; 
	text-align: center;
}
.ziptoggle input[type="text"], 
.ziptoggle input.text {  
	padding: 20px;  
	border: 0; 
	background-color: #fff;
	border: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px; 
	font-size: 100%; 
	line-height: 1em; 
	font-weight: bold;
	color: #535353;
}
.ziptoggle button[type="submit"], 
.ziptoggle button.zipbutton {
	margin: 0;
	padding: 21px 20px;
	background-color: #00833E;
	border: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
  display: table-cell;
  font-family: Helvetica, Arial, Sans-serif;
	font-size: 100%; 
	line-height: 1em; 
  font-weight: bold;
  color: #fff;
	text-decoration: none;
}
.ziptoggle button[type="submit"]:hover, 
.ziptoggle button.zipbutton:hover {
	background-color: #00833E; 
	cursor: pointer; 
}
.ziptoggle input::-webkit-input-placeholder { color: #a2a5a4; }
.ziptoggle input:-moz-placeholder { color: #a2a5a4; }
.ziptoggle input::-moz-placeholder { color: #a2a5a4; }
.ziptoggle input:-ms-input-placeholder { color: #a2a5a4; }
.ziptoggle input, .ziptoggle button { width: 92%; }

/* --------------------------------------------------- /ZIP Code module */

/* --------------------------------------------------- Hardiezone */


.hardiezone {  
	width: 100%; 
	height: auto; 
}
.hardiezone .grid-holder { 
	margin: 0 auto;  
	padding: 20px; 
	width: 80%; 
	height: auto; 
}
.hardiezone .two-one { text-align: left; }
.hardiezone .two-two { text-align: right; }
.hardiezone .ziptoggle-holder { 
	background-color: rgba(0, 0, 0, .25); 
	padding: 20px; 
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}
.hardiezone label { 
	margin: 0 0 20px 0; 
	display: block; 
	color: #fff; 
	font-weight: bold; 
}
.hardiezone input[type="text"], 
.hardiezone input.text, 
.hardiezone button[type="submit"], 
.hardiezone button.zipbutton { 
	margin: 0; 
	padding: 0; 
	display: table-cell; 
	text-align: center;
}
.hardiezone input[type="text"], 
.hardiezone input.text {  
	padding: 20px;  
	border: 0; 
	background-color: #fff;
	border: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px; 
	font-size: 100%; 
	line-height: 1em; 
	font-weight: bold;
	color: #535353;
}
.hardiezone button[type="submit"], 
.hardiezone button.zipbutton {
	margin: 0;
	padding: 21px 20px;
	background-color: #00833E;
	border: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
  display: table-cell;
  font-family: Helvetica, Arial, Sans-serif;
	font-size: 100%; 
	line-height: 1em; 
  font-weight: bold;
  color: #fff;
	text-decoration: none;
}
.hardiezone button[type="submit"]:hover, 
.hardiezone button.zipbutton:hover {
	background-color: #00833E; 
	cursor: pointer; 
}
.hardiezone input::-webkit-input-placeholder { color: #a2a5a4; }
.hardiezone input:-moz-placeholder { color: #a2a5a4; }
.hardiezone input::-moz-placeholder { color: #a2a5a4; }
.hardiezone input:-ms-input-placeholder { color: #a2a5a4; }
.hardiezone input, .hardiezone button { width: 85%; }

/* --------------------------------------------------- /HardieZone */

/* --------------------- image settings where there would usually be a video */

section.pgnovid {} /* remove border-top in responsive mode */
img.novid { margin-top: 20px; }

/* --------------------- /image settings where there would usually be a video */

/* --------------------- image caption */
img.class {width:100%; height:auto;  }
.imgcaption { margin: 0 0 20px 0; background-color: #ccc; }
.imgcaption p { font-size: 90%; padding: 10px; }

/* --------------------- /image caption */

/* --------------------------------------------------- /content */

/* ----------------------------------------------- footer */

.footwrap, footer { 
	background-color: #535353; 
}
footer {
	font-size: 90%; 
	line-height: 1em; 
	color: #ccc;
}
footer > div.fin {
	padding: 30px 30px 60px 30px;
}
footer a:link    { color: #ccc; font-weight: normal; }
footer a:visited { color: #ccc; font-weight: normal; }
footer a:hover   { color: #999; font-weight: normal; }
footer a:active  { color: #999; font-weight: normal; }

footer .social { float: right; padding: 30px 30px 0 0 }
footer .social img { 
	display: inline; 
	float: left; 
	margin-left: 6px; 
	width: 32px; 
	height: auto;
}
/* fade transitions */
footer .social img { 
	opacity: 0.75; 
	-webkit-transition: opacity 0.25s ease-out; 
	-moz-transition: opacity 0.25s ease-out; 
	-ms-transition: opacity 0.25s ease-out; 
	-o-transition: opacity 0.25s ease-out; 
	transition: opacity 0.25s ease-out;	
}
footer .social img:hover {
	opacity: 1;
	-webkit-transition: opacity 0.25s ease-out; 
	-moz-transition: opacity 0.25s ease-out; 
	-ms-transition: opacity 0.25s ease-out; 
	-o-transition: opacity 0.25s ease-out; 
	transition: opacity 0.25s ease-out;	
}



/* ----------------------------------------------- /footer */

/* ----------------------------------------------- hide these elements until in responsive mode */

/* mobile nav */
.cmnav { display: none; }
.mobile { display: none; }
a.grbutton { display: none; }
.desktop { display: block; }

/* ----------------------------------------------- /hide these elements until in responsive mode */

/* responsive turned off
#outer {  
	width: 1000px; 
	max-width: 1000px;  
}
.container { width: 100%; }
*/

/* --------------------------------------------------------------- Release */

.green-title { margin-bottom: 2px; }
.green-title h2 { background: transparent url('/_img/icon-house.png') 20px 50% no-repeat; padding: 20px 20px 20px 58px; min-height: 28px; line-height: 28px; }
.green-title h2.builder { background: transparent url('/_img/icon-hardhat.png') 20px 50% no-repeat; padding: 20px 20px 20px 58px; min-height: 28px; line-height: 28px; }
.container .h3-holder { margin-bottom: 5px; }
.container .h3-holder h3 { background-color: #a2a5a4; padding: 10px 10px 10px 20px; font-size: 100%; }

.container h3 a { background: transparent url('/_img/icon-hardhat-sm.png') 0px 0px no-repeat; color: #535353; padding: 2px 0 0 31px; min-height: 26px; line-height: 26px; }
.container h3 a:hover { background: transparent url('/_img/icon-hardhat-sm-wh.png') 0px 0px no-repeat; color: #fff; }

.container h3.home a { background: transparent url('/_img/icon-house-sm.png') 0px 0px no-repeat; color: #535353; padding: 2px 0 0 31px; min-height: 26px; line-height: 26px;  }
.container h3.home a:hover { background: transparent url('/_img/icon-house-sm-wh.png') 0px 0px no-repeat; color: #fff; }


.steps-holder { margin: 0 0 20px 0; padding: 15px 0; border-bottom: 1px solid #535353; }
.steps-holder p { font-size: 90%; display: inline; margin-right: 20px; color: #00833E; }
.steps-holder p, .steps-holder p a { padding: 0; }
.steps-holder p a { color: #a2a5a4; text-decoration: none; }
.steps-holder p a:hover { color: #ccc; }

.steps-holder p span { 
	padding: 6px 15px; 
	margin-right: 5px; 
	background-color: #00833E; 
	color: #fff; 
	font-weight: bold; 
	font-size: 80%;
	border: none; 
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
}

.steps-holder p.steps-off a { color: #a2a5a4; }
.steps-holder p.steps-off span { background-color: #a2a5a4; }

h3.shorter { line-height: 1.35em; width: 80%; }

/* ----------------------------------- form elements */

.form-holder {
	margin: 0 0 20px 0; 
	width: 100%; 
	border: 1px solid #ccc; 
}
.form-holder-in {
	padding: 20px; 
	text-align: center; 
}
.form-wrap { width: 100%; text-align: left; }

/*
input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 2px 2px 0 #d9dfe8;
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 2px 2px 0 #d9dfe8;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 2px 2px 0 #d9dfe8;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ecf0f4), color-stop(100%, #e5ebf2));
  background-image: -webkit-linear-gradient(top, #ecf0f4 0%, #e5ebf2 100%);
  background-image: -moz-linear-gradient(top, #ecf0f4 0%, #e5ebf2 100%);
  background-image: -o-linear-gradient(top, #ecf0f4 0%, #e5ebf2 100%);
  background-image: linear-gradient(top, #ecf0f4 0%, #e5ebf2 100%);
  width: 100%; 
  margin: 0 0 10px 0; 
  padding: 10px;
  border: 1px solid #b8c2cf;
  border-top-color: #b0bbc9;
  border-bottom-color: #c5ced9; 
  font-size: 90%; 
  color: #6e8197;
}
*/

input, textarea {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 2px 2px 0 #ddd;
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 2px 2px 0 #ddd;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 2px 2px 0 #ddd;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #eee 100%);
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #eee 100%);
  background-image: linear-gradient(top, #f6f6f6 0%, #eee 100%);
  width: 95%; 
  margin: 5px 0 10px 0; 
  padding: 10px;
  border: 1px solid #aaa;
  border-top-color: #bbb;
  border-bottom-color: #ccc; 
  font-size: 90%; 
  color: #666;
}

input[type="checkbox"] {
  width: 5%; 
}

input::-webkit-input-placeholder { color: #666; }
input:-moz-placeholder { color: #666; }
input:-ms-placeholder  { color: #666; }
input:focus {
  -webkit-box-shadow: 0 0 5px 1px rgba(65,187,48, 0.35), 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 1px 4px 0 rgba(65,144,48, 0.5);
  -moz-box-shadow: 0 0 5px 1px rgba(65,187,48, 0.35), 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 1px 4px 0 rgba(65,144,48, 0.5);
  box-shadow: 0 0 5px 1px rgba(65,187,48, 0.35), 0 1px 0 0 rgba(255, 255, 255, 0.5), inset 0 1px 4px 0 rgba(65,144,48, 0.5);
  background: white;
  border-color: #00833E ;
  outline: none;
}
input:focus::-webkit-input-placeholder { color: rgba(161, 172, 184, 0.5); }
input:focus:-moz-placeholder { color: rgba(161, 172, 184, 0.5); }
input:focus:-ms-placeholder  { color: rgba(161, 172, 184, 0.5); }

a { color: #1169c1; }
a:hover { color: #222; }

label { font-size: 90%; }

span.required { color: #00833E; font-size:125%; font-weight:700;}
p.required { color: #00833E; }
p.note { color: #ff0000; }


.sb-two button[type="submit"], 
.sb-two button.release { 
	margin: 0 0 20px 0; 
	/*display: table-cell; */
	text-align: center; 
	font-size: 90%; 
	line-height: 1em; 
	border: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px; 
	width: 80%; 
}

.sb-two button[type="submit"], 
.sb-two button.release {
	padding: 17px 40px;
	background-color: #00833E; 
  color: #fff;
	text-decoration: none;
}
.sb-two button[type="submit"]:hover, 
.sb-two button.release:hover {
	background-color: #00833E; 
	cursor: pointer; 
}

/* ----------------------------------- form elements */

/* --------------------------------------------------------------- Release */

.error {
    list-style: none;
    background: #ff6666;
    padding: 0.5em;
    margin: 0.5em;
    border: 2px solid #ff0000;
    color: #ffffff;
    font-weight: bold;
}
.info {
    list-style: none;
    background: #CEE5F5;
    padding: 0.5em;
    margin: 0.5em;
    border: 1px solid #3399ff;
    color: #000;
    font-weight: bold;
}