/*************************
* button styles
*************************/
.button {
   float: left;
   display: block;
   height: 21px;
   margin: 0 4px 8px 4px;
}
.button span {
   display: block;
   height: 21px;
   margin: 0 0 0 -4px;
   padding: 0 0 0 6px;
   background-attachment: fixed;
}
.button span a {
   display: block;
   height: 21px;
   min-width: 50px;
   margin: 0 -4px 0 0;
   padding: 4px 6px 0 0;
   color: #fff;
   font-size: 0.85em;
   text-align: center;
   background-attachment: fixed;
}
.button span a:hover {
   text-decoration: underline;
}

.button.gray {
   background: transparent url(../img/btn-gray-bg.gif) repeat-x left top;
}
.button.gray span {
   background: transparent url(../img/btn-gray-left.gif) no-repeat left top;
}
.button.gray span a {
   background: transparent url(../img/btn-gray-right.gif) no-repeat right top;
}
.button.blue {
   background: transparent url(../img/btn-blue-bg.gif) repeat-x left top;
}
.button.blue span {
   background: transparent url(../img/btn-blue-left.gif) no-repeat left top;
}
.button.blue span a {
   background: transparent url(../img/btn-blue-right.gif) no-repeat right top;
}

/* forms */
.content form {
   margin-top: 2.0em;
}
.content form .fieldset {
   clear: left;
   float: left;
   width: 360px;
   margin: 0 0 1.0em 0;
   padding: 10px 10px 0 10px;
   border: 1px solid #B4B7A6;
}

.form-row {
   clear: both;
   float: left;
   width: 100%;
   margin: 0 0 10px 0;
}
.form-row label {
   float: left;
   display: block;
   width: 8.0em;
   font-weight: bold;
}
.form-row input {
   float: left;
   width: 245px;
   padding: 2px;
   border: 1px solid #7e9db9;
   font-size: 1.0em;
   color: #494949;
}
.form-row.submit input {
   float: left;
   width: auto;
   padding: 2px 8px;
   margin-left: 8.0em;
}
.form-row.submit input.cancel {
   margin-left: 1.0em;
}
.form-row.captcha input {
   clear: left;
   margin-left: 8.0em;
}
.form-row.checkboxes label {
   width: 100%;
}
.form-row.checkboxes ul {
   clear: left;
   float: left;
   list-style: none outside none;
   width: 245px;
   margin: 0.5em 0 0 0;
}
.form-row.checkboxes ul li {
   clear: left;
   float: left;
   margin: 0 0 0.2em 0;
   padding: 0;
}
.form-row.checkboxes ul li label {
   margin: 0;
   padding: 0;
   width: 245px;
   font-weight: normal;
}
.form-row.checkboxes ul li label input {
   width: auto;
   margin: 0 0.4em 0 0;
   border: none;
}
.form-row.checkboxes ul.errorlist {
   margin-left: 0;
}
.form-row.yesno label {
   width: 100%;
}
.form-row.yesno ul {
   clear: left;
   float: left;
   list-style: none outside none;
   width: 245px;
   margin: 0.5em 0 0 0;
}
.form-row.yesno ul li {
   float: left;
   margin: 0 0.4em 0 0;
   padding: 0;
   width: 4em;
}
.form-row.yesno ul li label {
   margin: 0;
   padding: 0;
   width: 100%;
}
.form-row.yesno ul li label input {
   width: auto;
   margin: 0 0.4em 0 0;
   border: none;
}
.form-row.yesno ul.errorlist {
   margin-left: 0;
}
.form-row.captcha img {
   float: left;
   margin: 0 0 0.5em 0;
   border: 1px solid #7e9db9 !important;
}
.form-row select {
   float: left;
   padding: 2px;
   border: 1px solid #7e9db9;
   font-size: 1.0em;
   color: #494949;
}
.form-row select option {
   padding: 2px;
}
.form-row textarea {
   float: left;
   width: 245px;
   padding: 2px;
   border: 1px solid #7e9db9;
   font-family: Arial,Helvetica,Verdana,sans-serif;
   font-size: 1.0em;
   color: #494949;
}
.form-row.textarea label {
   width: 75%;
}
.form-row.textarea textarea {
   clear: left;
   margin-left: 0;
   width: 75%;
}
.form-row ul.errorlist {
   float: left;
   clear: left;
   list-style: none outside none;
   margin-left: 8.0em;
}
.form-row ul.errorlist li {
   float: left;
   margin: 0.2em 0 0 0;
   width: 245px;
   color: #c22;
}

/*******************************
* general content well styles
*******************************/
.content h2 {
   margin: 0 0 15px 0;
   font-family: Georgia, Times, serif;
   font-size: 2.0em;
   font-weight: normal;
}
.content h3 {
   margin: 0 0 10px 0;
   font-family: Georgia, Times, serif;
   font-size: 1.4em;
   font-weight: normal;
}
.content h4 {
   margin: 0 0 1.0em 0;
   font-size: 1.1em;
}
.content a:hover {
   text-decoration: underline;
}
.content ul {
   list-style: disc outside none;
   margin: 0 0 10px 0;
}
.content ul li {
   margin-left: 1.2em;
}
.content ol {
   list-style-position: inside;
   margin: 0 0 10px 0;
}
.content dl dt {
   margin: 0 0 0.2em 0;
   font-weight: bold;
}
.content dl dd {
   margin: 0 0 1.0em 1.0em;
}
.content img {
   display: block;
   margin: 0 0 10px 0;
   padding: 3px;
   background: #f4f4ed;
   border: 1px solid #ceceb3;
}
.content .divider {
   height: 0;
   margin: 0 0 10px 0;
   border: 1px solid #B4B7A6;
   border-width: 0 0 1px 0;
}

img.wrap-left {
   float: right;
   margin: 0 0 1em 1em;
}
img.wrap-right {
   float: left;
   margin: 0 1em 1em 0;
}

p.right {
   float: right;
}

/***************************
* layout-specific styles
***************************/
.white40-state-beige60 .left-col .content h2 {
   margin: 0 0 15px 0;
}
.white40-state-beige60 .left-col .content h3 {
   margin: 0 0 6px 0;
}

.white60-white-olive40 .left-col .content blockquote {
   margin: 20px 0 10px 0;
   padding: 5px 30px 0 30px;
   line-height: 1.2em;
   font-family: Georgia, Times, serif;
   font-size: 1.15em;
   font-style: italic;
   background: transparent url(../img/blockquote-white-bg.gif) no-repeat left top;
}
.white60-white-olive40 .left-col .content blockquote span {
   float: right;
   text-align: right;
}

/* tags */
.content .tags h4 {
   float: left;
   margin: 0 0.2em 0 0;
   font-size: 1.0em;
}
.content .tags ul {
   list-style: none outside none;
   float: left;
}
.content .tags ul li {
   float: left;
   margin: 0 0.7em 0 0;
}

.content .tag-columns ul {
   float: left;
   width: 32%;
}