/* J&C Corbett Insurance Services. Carried over from the old styles.css and the CMS's basics.css
   and forms.css, keeping only the rules these pages use. */

/* PAGE */

html { height:100%; }
body { background-color:#2d4d97; margin:0; background-image:url(../images/page_bg.jpg); background-repeat:repeat-x; height:100%; }
body, td { font:12px Arial, Helvetica, sans-serif; line-height:18px; }

a:link, a:visited, a:active { text-decoration:underline; }

h1 { font-family:Georgia, "Lucida Bright", Constantia, "DejaVu Serif", serif; font-size:24px; font-weight:normal; padding:0; margin:0 0 20px; line-height:normal; color:#677ae0; }
h2 { font-family:Arial, Helvetica, sans-serif; color:black; font-size:14px; margin:0 0 5px; padding:0; font-weight:bold; }
p { padding:0; margin:0 0 15px; }

/* LAYOUT */

.table { display:table; width:100%; height:100%; }
.tr { display:table-row; }
.td { display:table-cell; }

.doc-container { width:948px; margin-left:auto; margin-right:auto; position:relative; }

.doc-header { height:83px; width:100%; position:relative; }
.doc-header-logo { position:absolute; top:17px; left:5px; border:none; }

.doc-mainMenu { background-color:black; height:32px; padding-left:11px; }
.doc-mainMenu ul { list-style-type:none; margin:0; padding:0; }
.doc-mainMenu ul li { list-style-type:none; float:left; margin:0 10px 0 0; padding:0; }
.doc-mainMenu a { color:white; font-size:14px; font-weight:bold; text-decoration:none; padding:7px 5px 5px; display:block; float:left; margin-right:10px; }
.doc-mainMenu a:link, .doc-mainMenu a:visited { text-decoration:none; }
.doc-mainMenu a:hover { text-decoration:none; color:#999999; }

.doc-body { background-color:white; }
.doc-body-leftCol { width:262px; background-color:#f3f3f3; vertical-align:top; position:relative; }
.doc-body-leftCol:before { content:''; display:block; position:absolute; top:0; right:0; width:100%; height:100%; pointer-events:none; box-shadow:inset -2px 0 5px 0 rgba(0,0,0,0.4); }
.doc-body-leftCol-photo img { display:block; }
.doc-body-leftCol-text { padding:10px; }
.doc-body-rightCol { padding:20px; vertical-align:top; }

.doc-footer { font-size:11px; color:white; text-align:center; padding-bottom:10px; padding-top:15px; }
.doc-footer a, .doc-footer a:link, .doc-footer a:visited { text-decoration:none; color:white; }

/* CONTENT */

.standoutBox { border:1px solid #999; background-color:#d7ddec; padding:10px; margin-bottom:15px; }
.licenseOnlyForm { border:1px solid #999; background-color:#d7ddec; padding:20px; text-align:center; width:500px; margin-bottom:15px; }
.licenseOnlyForm h2 { margin-bottom:15px; }

.legalText { font-family:"Courier New", Courier, monospace; font-size:12px; border:1px solid #999; padding:8px; line-height:15px; max-height:180px; overflow-y:auto; margin-bottom:10px; }

/* BUTTONS */

.button, button { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:6px 15px; vertical-align:middle; border-radius:4px; border:1px solid rgba(0,0,0,0.5); background-clip:padding-box; margin:2px 5px 2px 0; line-height:normal; display:inline-block; }
a.button, a.button:link, a.button:visited { text-decoration:none; }
.button_gold, a.button_gold:link, a.button_gold:visited { color:white; border:1px solid #bfbfbf; background:#b90301; background:linear-gradient(to bottom, #b90301 0%, #bb0300 5%, #b40300 14%, #b70300 24%, #f40004 76%, #fb0004 86%, #fe0005 95%, #ff0b16 100%); }
.button_gold:hover, .button_gold:active { cursor:pointer; color:white; background:#d30401; background:linear-gradient(to bottom, #d30401 0%, #d40400 5%, #cc0400 14%, #d00400 24%, #f60100 52%, #ff0001 62%, #ff0006 95%, #ff101c 100%); }

/* FORMS */

.application-form { max-width:620px; }
.application-form fieldset { border:none; margin:0 0 15px; padding:0; }
.application-form legend { font-weight:bold; font-size:14px; padding:0; margin-bottom:5px; }
.form-row { margin-bottom:8px; }
.form-row label { display:block; font-weight:bold; margin-bottom:2px; }
.form-row label.form-check { font-weight:normal; }
.form-required { color:#b90301; }

input[type=text], input[type=email], input[type=tel], textarea, select {
	display:inline-block; width:100%; box-sizing:border-box; margin:2px 0;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#393939; line-height:normal;
	border:1px solid #909090; border-radius:2px; padding:5px 4px; background-color:#fff; box-shadow:inset 0 0 2px #e6e6e6;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, select:focus {
	background-color:#fafafa; outline:none; border:1px solid #658dc8; box-shadow:0 0 5px 1px rgba(101,141,200,.3); color:black;
}

.form-errors { border:2px solid #FC0; background-color:#fff8d6; padding:10px; margin-bottom:15px; font-weight:bold; }
.has-error input, .has-error select, .has-error textarea { border:2px solid #FC0; }
.form-error { color:#b90301; font-size:11px; }

/* Hidden from people, filled in by bots. */
.form-hp { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }

.button-container { padding-top:10px; }