/* MODx Styles */

/* Code*/    

code { background-color: #f4f4f4; border-bottom: 1px solid #ddd; padding: 10px; display: block; }

/* UserComments */                       
.comment { background-color: #fff; border-bottom: 1px solid #ddd; position: relative; padding: 10px; overflow: hidden; }
.commentAlt { background-color: #f4f4f4; }
.commentAuthor { background-color: #ffc; }
.commentMe { background-color: #ccf !important; padding-top: 5px; }
.commentNum { font-family: Arial, sans-serif; font-size: 50px; line-height: 30px; position: absolute; top: 0; right: 0; color: #f2f2f2; font-weight: bold; letter-spacing: -4px; z-index: 1; }
.commentAlt .commentNum { color: #eaeaea; }
.commentMe .commentNum { color: #b0b0ff; }
.commentAuthor .commentNum { color: #f3f3bb; }
.commentTitle { position: relative; z-index: 10; color: #999; }
.commentTitle span { text-transform: uppercase; font-size: 86%; }
.commentTitle strong { color: #693; font-size: 110%; text-transform: none; font-weight: normal; margin-right: 6px; }
.comment .content { position: relative; z-index: 10; }

/* EmailForm */
#EmailForm { width:415px; text-align: left; margin:10px 50px; padding:0; border: none; background:#0c0000; color:#eee; border:1px dotted #eee; }

#EmailForm.full { width: 100%; }

#EmailForm fieldset { border: none; }

#EmailForm legend { display: none; }

#EmailForm h3 { clear: both; padding: 15px 0 5px; font:14px Tahoma, Arial, Helvetica, sans-serif; color:#eee; }

#EmailForm label, #EmailForm p { display: block; clear: both; width: 310px; font-size: 1em; line-height: 1.5em; padding: 0 0 9px; font:13px Tahoma, Arial, Helvetica, sans-serif; color:#eee; }

#EmailForm input { display: block; margin-top: 3px; }

#EmailForm select { float: left; display: block; }

#EmailForm label.first, #EmailForm label.city { clear: left; margin-right: 10px; width: 150px; }

#EmailForm label.second, #EmailForm label.state { float: left; clear: none; margin: 0 10px 0 0; width: 150px; }
#EmailForm label.state { width: 60px; }

#EmailForm label.first input, #EmailForm label.city input, #EmailForm label.second input { float: left; width: 150px; padding: 0; }

#EmailForm label.state select { width: 60px; float: left; margin-top: 3px; }

#EmailForm label.zip, #EmailForm label.zip input { float: left; width: 80px; }
#EmailForm label.zip { clear: none; }

#EmailForm label { float: left; clear: left; width: 310px; margin: 0; line-height: 1.5em; }

#EmailForm label input { float: left; width: 310px; padding: 0; }

#EmailForm input.radio, #EmailForm input#radiobutton_1, #EmailForm input#radiobutton_2, #EmailForm input#radiobutton_3, #EmailForm input#radiobutton_4 { clear: left; float: left; padding: 0; margin: 0; }

#EmailForm label.radio, #EmailForm label.radioitem { clear: none; margin: 0 0 0 25px; padding: 0 0 15px; }

#EmailForm input.checkbox, #EmailForm input#checkbox_1, #EmailForm input#checkbox_2, #EmailForm input#checkbox_3, #EmailForm input#checkbox_4 { clear: both; float: left; padding: 0; margin: 0; }

#EmailForm label.checkbox { clear: none; margin: 0 0 0 25px; padding: 0 0 15px; }
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input, #EmailForm textarea { border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; padding: 0 2px; height: 18px; line-height: 20px; background:#efe7e0 url(/build/assets/templates/modxhost/images/input-bg.gif) repeat-x top left; font:13px Tahoma, Arial, Helvetica, sans-serif; color:#333; }
#EmailForm input.checkbox, #EmailForm select { border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #fff; }
#EmailForm textarea { margin-top: 3px; width: 383px; height: auto; display: block; }

#EmailForm label input.calc { text-align: right; width: 100px; clear: left; padding: 0; }
#EmailForm input.button { clear: left; border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #EBE9ED; }

/* Fixes for RichText widgets*/
.MODX_RichTextWidget { float: left; }
.MODX_RichTextWidget a { border: 0px; }

/* Ditto 2 Blog*/
.ditto_summaryPost { margin:0 14px 0 13px; }
.ditto_summaryPost h3 { margin:0 0 0 10px; padding:0; letter-spacing:1px; text-transform:uppercase; }
.ditto_summaryPost .ditto_info { background:#111; margin:5px 0 0; padding:5px 10px; border-bottom:1px dotted #333; font:10px Tahoma, Arial, Helvetica, sans-serif; color:#fff; }
.ditto_link { font-size: 76%; text-align: right; }
.ditto_paging { border-top: 1px solid #ccc; padding: 10px;  font-size: 86%; color: #618100; }
#ditto_pages .ditto_currentpage { border: 1px solid #618100; padding: 1px 5px 2px;  margin-right: 1px; background-color: #9c0;  color: #fff; }
.ditto_tags { background: #333; margin:0 0 10px; padding:5px 10px; border-bottom: 1px dotted #ccc; font:10px Tahoma, Arial, Helvetica, sans-serif; color:#fff; }
.ditto_tags a { margin:0 5px; }

#ditto_pages .ditto_off { border: 1px solid #ccc; padding: 1px 5px 2px;  margin:0 40px; color: #ccc; }
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited { border: 1px solid #9c0;  padding: 1px 5px 2px;  margin-right: 1px;  text-decoration: none !important;  color: #618100; } 
#ditto_pages a:hover { background-color: #fff; color: #000; }
#ditto_archivelist ul { list-style-type: none;  margin-left: 15px;  padding-left: 0; }
#ditto_archivelist ul ul{ list-style-type: square; margin-left: 35px; } 
#ditto_archivelist .ditto_month { font-weight: bold; }

/* MODx Icons*/

 #modxicon { 
height: 32px; 
width: 34px; 
margin: 0 auto; 
text-align: center; 
float: right; 
margin-top: -2em;

}

#modxicon a#modxicon32 { margin: 0 auto; width: 34px; height: 32px; display: block; 
text-indent: -2000px; 
text-align: center; 
overflow: hidden; background: transparent url(../../images/modx-icon.png) no-repeat 0 0; 

}

#modxicon a#modxicon32:hover { background: transparent url(../../images/modx-icon.png) no-repeat 0 -32px; color: #111; }

#modxicon a, #modxicon a:visited, #modxicon a:hover { 
background: transparent; 
border: 0;

text-decoration: none; 
}

.stylebox {background-color: #F7F7F7; border: 1px solid #A0A0A0; padding: 5px;}
.hide {display: none;}

/* Search Terms Highlighting*/
.AS_ajax_highlight { background-color: #ffb; padding: 2px; margin: -3px; border: 1px solid #dd3; color: #000; }

.searchTerms { color: #eee; }
.searchTerms .AS_ajax_highlight { margin: 0 0 0 3px;}
a.ajaxSearch_removeHighlight, a.ajaxSearch_removeHighlight:visited { display: block; float: left; margin: 6px 0 0; padding: 1px 2px 2px; color: #888; }
a.ajaxSearch_removeHighlight:hover { background-color: #888; color: #222; }