/* 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:480px;
	text-align:left;
	padding-bottom:20px;
	border: none;
}

#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}
/*#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}*/

#EmailForm label {
	width: 100px;
	font-size: 12px;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm td {
vertical-align:top;
}

#EmailForm table {
background-color:#e4e4e4;
border:1px solid #6EADE7;
padding:20px;
}

/*
#EmailForm p {
	display: block;
	clear: both;
	width: 500px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}
*/
#EmailForm input {
display: inline;
margin-top: 3px;
}
/*
#EmailForm select {
	float: left;
	display: inline;
}

/
#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: 500px;
	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: both;
	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: #fff url(images/input-bg.gif) repeat-x top left;
}
#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;
}



/* 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 / AJAX Search 
------------------------------------------------------------------------------- */
.AS_ajax_highlight1, .ajaxSearch_highlight1{
    background-color:#FEFF7F;
    padding: 1px;
    border: 1px solid #FFE900;
		color:#333333;
}
.AS_ajax_highlight2, .ajaxSearch_highlight2{
    background-color:#FEFF7F;
    padding: 1px;
    border: 1px solid #FFE900;
		color:#333333;
}
.AS_ajax_highlight3, .ajaxSearch_highlight3{
    background-color:#FEFF7F;
    padding: 1px;
    border: 1px solid #FFE900;
		color:#333333;
}
.AS_ajax_highlight4, .ajaxSearch_highlight4{
    background-color:#FEFF7F;
    padding: 1px;
    border: 1px solid #FFE900;
		color:#333333;
}
.AS_ajax_highlight5, .ajaxSearch_highlight5{
    background-color:#FEFF7F;
    padding: 1px;
    border: 1px solid #FFE900;
		color:#333333;
}
.AS_ajax_highlight6, .ajaxSearch_highlight6{
    background-color:#FEFF7F;
    padding: 1px;
    border: 1px solid #FFE900;
		color:#333333;
}

#ajaxSearch_form {
    position:absolute;
		width:210px;
		margin-top:-1px;
		margin-left:-210px;
		border:none;
		outline:none;
    }
		
#ajaxSearch_input {
     width: 180px;
     display: inline;
     height: 20px;
     border: 0px solid #ddd;
     margin: 0 6px 0 6px;
     padding: 3px;
     vertical-align: top;
		 float: left;
		 font-size:16px;
		 font-weight:bold;
		 z-index:101;
		 color:#1E4D7B;
     }
		 	
 #ajaxSearch_output {
     /* border: 1px dashed #cccccc;*/
		 position:absolute;
		 top:53px;
		 left:-30px;
     padding:10px;
     background-color:#6fafe7;
     display: block;
     height: auto;
     vertical-align:top;
		 width:237px;
		 color:#ffffff;
		 border:0px solid #444444;
		 z-index:100000;
     }
		 
#ajaxSearch_output a {		
		color: #1E4D7B;
		text-decoration:underline;
		}
  
#ajaxSearch_output a:hover {
		color:#666666;
		text-decoration:underline;
		}

 #ajaxSearch_submit {
            display: inline;
            height: 60px;
            width:43px;
						position:absolute;
						top:-16px;
						left:208px;
						border:none;
						}
						
#ajaxSearch_resultListContainer {
		margin-top:15px;
		}

.ajaxSearch_resultLink{
		font-size:12px;
		font-weight:bold;
		display:blocK;
		}
						
.ajaxSearch_resultDescription{
		font-size:12px;
		font-weight:bold;
		}
		
.AS_ajax_result {
    color: #666666;
    margin-bottom: 3px;
    }
				
.AS_ajax_resultLink {
    text-decoration: underline;
    }
				
.AS_resultDescription{
    color: #222;
    }
				
.AS_ajax_more {
    color: #222;
		width:230px;
    }
				
.AS_ajax_resultsIntroFailure {
		width:230px;
		}
				
/*#ajaxSearch_form img {
			 float: left;
			 border: 0;
			 margin: 0;
		   padding: 0;
		   }*/
			 
.AS_intro {
		 clear: left;
	   visibility: hidden;
		 height: 0;
		 overflow: hidden;
		 }
		
.searchTerms { 
			color:#444444; 
			position:absolute;
			left:-10px;
			top:50px;
			z-index:59;
			background-color:#dceeff;
			border:1px solid #71AFE8;
			padding:10px;
			width:215px;
			}

.searchTerms .AS_ajax_highlight { 
    background-color: #6EAEE7;
    padding: 1px;
    border: 1px solid #1E4D7B;
		color:#ffffff;
			}

a.ajaxSearch_removeHighlight, a.ajaxSearch_removeHighlight:visited {
		 display: block; 
		 float: left; 
		 margin: 6px 0 0; 
		 padding: 1px 2px 2px; 
		 color: #71AFE8;
		 text-decoration:underline; 
		 font-weight:normal;
		 }
		 
a.ajaxSearch_removeHighlight:hover { 
		 background-color:#71AFE8; 
		 color:#ffffff;
		 text-decoration:underline; 
		 }	
		
/* END AJAX Search */



/*    The following items are used to style the starting form and
    ajax result container.

    #ajaxSearch_form - id of the search form
    #ajaxSearch_input - id of the input box on the form
    #ajaxSearch_submit - id of the submit button
    #ajaxSearch_output - id of the div that the ajax results are returned in
    
    The following items are used to style the reults when the user does not have javascript or they have clicked the more results link
    
    #ajaxSearch_resultListContainer - id of the results container
    .ajaxSearch_paging - class for span of result pages listing
    .ajaxSearch_pagination - class for pagination paragraph
    .ajaxSearch_result - class for result container div
    .ajaxSearch_resultLink - class for result link
    .ajaxSearch_resultDescription - class for result description span
    .ajaxSearch_extract - class for content extract div (for highlighting)
    .ajaxSearch_highlight1,2,3 - classes for result highlighting.  You need to
        create as many classes as terms you think a user will search for.
    .ajaxSearch_resultsIntroFailure - class for no results paragraph
    .ajaxSearch_intro - class for intro paragraph

    The following items are used to style the results returned by the ajax request.

    .AS_ajax_result - class for the result container div
    .AS_ajax_resultLink - class for the result link
    .AS_ajax_resultDescription - class for the result description span
    .AS_ajax_extract - class for the content extract div (for highlighting)
    .AS_ajax_hightlight1,2,3 - classes for result highlighting.  You need to create as many classes as terms you think a user will search for.
    .AS_ajax_more - class for more search results div
    .AS_ajax_resultsIntroFailure - class for no results paragraph*/