/*-------------- Basic Widgets --------------*/
.content ul.side_images {margin:15px 0;list-style:none;}
.content ul.side_images li {list-style:none;margin:0;padding:0;}
.content ul {margin-left:1.5em;margin:15px 0;}
.content ul li {list-style:disc;margin-left:30px;}
.content ol {margin:15px 0;}
.content ol li {list-style:decimal;margin-left:30px;}

/*-------------- Title Text --------------*/
.titletext {width:100%;}

/*-------------- Text Only --------------*/
.txt_only {width:100%;}

/*-------------- Quote --------------*/
.quote {position:relative; width:90%; text-align:left; font-size:115%; font-weight:bold; line-height:170%; margin: 0 5%; clear:both;}
div.quote div#quotes {position:relative; top:0;}
div.quote div#quote_text {position:relative; top:0;}
.quote p.large_quotes {font: 60px Georgia; color: #848684; margin: 0; padding: 0; letter-spacing:0;}
.quote p.right {position:relative; bottom:40px; right:-5px;float: right;}
.quote p.left {position:absolute; top:-18px; left:-25px;}

/*-------------- Header Only --------------*/
.title_only {width:100%;}

/*-------------- Title Text w/ 1 Image on Right --------------*/
.titletextw1img {width:100%;}
.titletextw1img img {float:right;margin: 6px 0 0 10px;padding:0;width:100px;}

/*-------------- Title Text w/ 1 Image on Left --------------*/
.titletextw1img_left {width:100%;}
.titletextw1img_left img {float:left;margin: 6px 10px 0 0;padding:0;width:100px;}

/*-------------- Article w/ title, body, and 4 images --------------*/
.title_body_4imgs {width:100%;}
.title_body_4imgs ul.side_images  {float:right; margin:6px 0 0 15px; width:100px;}
.title_body_4imgs ul.side_images li {display:list-item; list-style:none;}

.title_body_4imgs ul.side_images_left  {float:left; margin:6px 15px 0 0; width:100px;}
.title_body_4imgs ul.side_images_left li {display:list-item; list-style:none; padding: 0; margin: 0}


/*-------------- Article w/ title, body, and 4 images --------------*/
.sidew1img {width:100%;}
.sidew1img img {width:100%;}

/*--------------  4 Images ----------------*/
.fourimgs {width:100%;}
.fourimgs img {margin: 0 3px; width:20%;}
#right_nav .fourimgs {width:100%;}
#right_nav .fourimgs img {margin: 3px 0; width:95%;}

/*--------------  1 Image ----------------*/
.img_only {width:100%;}


/*-------------- Title & File ----------------*/
p.file-desc {margin:25px 0 0 0;}

/*--------------  Site Map ----------------*/
.site_main {width:100%;}
.site_main {font-size:130%;line-height:22px;}
ul.site_sub li {list-style:none;margin-left:1.5em;font-size:115%;line-height:22px;}
ul.site_third li {list-style:none;margin-left:3.0em;font-size:100%;line-height:22px;}

/*--------------  Form Builder Style ----------------*/
/* Reset form styles */
form.builder em, form.builder fieldset, form.builder form, form.builder label, form.builder legend {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; float: none;}
:focus {outline: 0;}

/* Basic form styles */
form.builder {font-size: 11px;}
form.builder hr {background-color: transparent; height: 1px; border: 1px dotted rgb(153, 153, 153);}
form.builder h1 {color: #000; font-weight: normal; text-transform: uppercase; letter-spacing: 5px; font-family: Georgia;}
form.builder p, form.builder div.paragraph, form.builder div.form_p {float: left; width: 73%;border-bottom: 0px dotted rgb(153, 153, 153); margin: 0; padding: 0; margin-bottom: 15px; font-size:12px;}
form.builder br {float: none; clear: both}
form.builder em {font-style: italic;/*color: #821403; font-weight: bold; font-size: 11px;*/}
form.builder legend {font-size: 13px; font-weight: bold; vertical-align: middle; line-height: 20px; margin-bottom: 5px; white-space: normal;}

form.builder label {display: inline-block;}
form.builder input {display: inline-block; margin-top: 10px;}
form.builder select {display: block; font-size: 11px; margin-top: 10px;}
form.builder textarea {font: 12px Consolas, monospace; margin-top: 10px; width: 100%;}
form.builder fieldset {clear:both; position: relative; margin-top: 10px;}
form.builder div.specialLegend {font-weight: bold; font-size: 16px; display: block; float: none; clear: both; margin: 10px 0 10px 0;}

form.builder fieldset input, form.builder fieldset select, form.builder fieldset textarea {margin: 0;}

/* Specific Input Types */
form.builder fieldset.radios {position: relative; width: 80%; margin: 10px 0 0 0;}
form.builder fieldset.radios label, label.checkbox {margin-left: 2%; text-align: left;}
form.builder fieldset.radios input {float:none; display: inline; margin-top: 1px; padding: 0;}
form.builder fieldset.radios label.radio {display: inline; width:93%; line-height:20px; margin: 0 0 5px 15px;}
form.builder fieldset.radios label.checkbox {margin:-5px 0 0 0; text-align: left;}
form.builder fieldset.radios-horiz input {margin: 1px 3px 0 0; padding: 0;}
form.builder fieldset.radios-horiz label.radio-inline {width:100px; line-height:20px; text-align:left;}

form.builder input.checkbox {float: left; margin-right: 15px;}
form.builder label.checkbox {line-height: 23px;}
form.builder input.date_field {display: block;}
form.builder label.text {display: block; float: left;}
form.builder label.select {display: block; float: left; margin-left: 3px;}
form.builder label.textarea {margin-top: 15px; display: inline-block;}

/* Input Width Styles */
form.builder input.small {width: 25%; display: block;}
form.builder input.medium {width: 50%; display: block;}
form.builder input.wide {width: 100%; display: block;}

/* Text Area Width Styles */
form.builder textarea.small {height: 150px; width: 100%; display: block;}
form.builder textarea.medium {height: 200px; width: 100%; display: block;}
form.builder textarea.wide {height: 300px; width: 100%; }

/* Address prebuilt form element styles. */
form.builder fieldset.add_group {width: auto; clear: both;}
form.builder fieldset.add_group div.add1 {width: 100%;}
form.builder fieldset.add_group div.add2 {width: 100%;}
form.builder fieldset.add_group div.city {clear:both; width: 49%; float: left; margin-right: 20px;}
form.builder fieldset.add_group div.state {width: 45%; float: left;}
form.builder fieldset.add_group div.zip {width: 49%; clear: left; float:left; margin-right:20px;}
form.builder fieldset.add_group div.country {width: 45%; float:left;}
form.builder fieldset.add_group div.sep {margin-bottom: 5px;}
form.builder fieldset.add_group div.sep input {width: 100%; margin: 0;}
form.builder fieldset.add_group div.sep select {width: 100%;}
form.builder fieldset.add_group div.sep label {display: inline; font: 11px 'Lucida Grande',Helvetica, Arial, Verdana, sans-serif; margin: 0; padding: 0;}
form.builder fieldset.add_group div.add2 label {margin-bottom:5px;}

/* Phone Number prebuilt form element styles. */
form.builder fieldset.phone_group {width: auto; clear: both;}
form.builder fieldset.phone_group div.area {width: 8%; float: left;}
form.builder fieldset.phone_group div.prefix {width: 8%;float: left; }
form.builder fieldset.phone_group div.postfix {width: 10%; float: left;}
form.builder fieldset.phone_group div.sep {float: left; margin-right: 25px;}
form.builder fieldset.phone_group div.sep input {width: 100%;}

/* Full Name prebuilt form element styles. */
form.builder fieldset.name_group {width: auto; clear: both;}
form.builder fieldset.name_group div.sep {margin-right: 15px;}
form.builder fieldset.name_group div.sep label {margin-left:0;}
form.builder fieldset.name_group div.first {float: left;margin-right:15px;width: 40%;}
form.builder fieldset.name_group div.middle {float: left;width: 5%;}
form.builder fieldset.name_group div.last {float: left;width: 40%}
form.builder fieldset.name_group input {width: 100%}

/* Static form elements styles */
form.builder label.required_note {display: block; margin: 10px auto;}
form.builder input.form_submit {}

/* Validation Styles */
.name_vals, .phone_vals, .addr_vals {clear:both; position:absolute;bottom:-15px; width:100%; height:auto;}
.validation-advice {margin:10px 0 2px 0; color: #FFF; background-color: #821403; width:100%;}
#post_job .validation-advice {width:200px;}
.name_vals div, .addr_vals div, .phone_vals div {position: absolute; bottom:0;color: #FFF; background-color: #821403;}
.validation-failed {border-left: 3px solid #821403;width:100%;}

/* Cart Styles */
#payment_type {margin-top:30px;}
#payment_type fieldset {margin:25px 0;}
#payment_type .name_vals, #payment_type .phone_vals, #payment_type .addr_vals {clear:both; position:absolute;bottom:-15px; width:100%; height:auto;}
#payment_type .name_vals div, #payment_type .addr_vals div, #payment_type .phone_vals div {clear:both; bottom:-10px; width:100%; height:auto;position: absolute;color: #FFF; background-color: #821403;}

.product-hr {border:0;height:1px;background-color:#CCCCCC;}
.shopping-cart {margin-top:15px;font-size:x-small;width:135%;}
#cart {margin:0;padding:0;z-index:10;position:relative;}
#cart input, #cart textarea {font-size:x-small;}
.shopping-cart th {text-align:left;background-color:#F1F0EE;color:#353C48;border-top:solid 1px #BABDC2;border-bottom:solid 1px #BABDC2;}
.shopping-cart th, .shopping-cart td {padding:5px 14px 5px 7px;vertical-align:middle;}
.shopping-cart .item-label {margin:0 0 4px 0;font-weight:bold;}
.shopping-cart .item-desc {margin:0 0 7px 0;}
.shopping-cart td.item-price {text-align:right;}
.shopping-cart th.price-head {text-align:right;}
.shopping-cart th.center-head, .shopping-cart td.center-head {text-align:center;}
.shopping-cart .item-form {text-align:center;}
.shopping-cart tr.border {border-top:1px solid pink;}
#cvc_info {padding:15px;}
#cvc_info p {margin:10px 0;}
#cart .cart-summary {border-bottom:solid 1px #BABDC2;width:135%;font-size:x-small;}
#cart .summary-head {text-align:left;font-weight:bold;color: #353C48;padding: 5px 5px 5px 7px; border-top:solid 1px #BABDC2;background-color:#F1F0EE;}
.order-summary {margin-top:10px;}
#cart .order-summary label {display:block;float:left;width:140px;margin-bottom:5px;}
#cart .order-summary input, #cart .order-summary select {float:left;margin:0 5px 5px 0;}
#cart .order-summary div.submit {float:right;}
#cart .order-summary {margin-bottom:14px;}
.cart-summary td.summary-label {text-align:left;font-weight:bold;color: #353C48;padding: 5px 5px 5px 7px; border-top:solid 1px #BABDC2; vertical-align:bottom;}
.cart-summary td.summary-total {text-align:right;font-weight:bold;color: #353C48;padding: 5px 14px 5px 5px; border-top:solid 1px #BABDC2;vertical-align:bottom;}
.cart-summary input {color:#000;}
.cart-summary td.summary-label em.required {color:#E03026;font-size:100%;}
.cart-summary td {text-align:right;padding: 5px 14px 5px 5px; border-top:solid 1px #CCD0D6;}
.cart-summary .summary-footer {background-color:#E5F385;font-weight:bold;}
.cart-summary .summary-footer td {background-color:#B8D249;width:15%;}
.small-print {font-size:xx-small;color:#666666; /* Global_Gray */margin-top:25px;}
#close {text-align:right;}


/* List/Edit pages */
div.list-page {margin-bottom:30px;}
div.list-page img {float: left; padding:0 10px 10px 0;}

div.detail-page {margin:10px 0;}


/* Member Directory Search Form */
form#search_members {width: 100%;}
form#search_members label {width: 15%; display: inline-block; font-weight: bold; margin: 5px 0;}
form#search_members input, form#search_members select {margin: 5px 0;}

form#edit_mem .validation-failed {width: auto;}
form#edit_mem div.validation-advice {text-align: left; width: 360px; margin: 0; padding: 0; margin-left: 105px; background-color: #EFEFEF; color: red; font-size: 10px;position: relative; top: auto; left: auto;}
form#edit_mem em {color: red; font-weight: bold;}
 
