/* content.css are the styles for the content, typography, forms, etc. within the 
container DIVs that are defined in structure.css and this style sheet should only 
contain typographic or content-related styles for a site. The styles within this css 
file should be the only ones necessary to be edited for each website design and content */

/* ----- comment styles well for better reference later! ----- */

/* RSS feed lists on content pages */
#rsscontent ul {margin:0; padding:0;}
#rsscontent ul li {margin:0; padding:0 0 10px 0; list-style-type: none;}
#rsscontent ul li p {padding:0;}

/* LEGACY TABLE-RELATED STUFF */
.autoTable {border:none; width: 100%; margin-top: 15px;}
.autoTable th {background: #c83124; color:#FFF;}
.autoTable td {padding:2px; vertical-align:middle;}
th, .tableHeader {font:13px/14px Arial,Helvetica,sans-serif; color:#000; padding: 3px; font-weight: bold; text-align: left;}
.autoTable #citable .show_title a {font:13px/18px Helvetica, Arial, sans-serif; color:#c83124; margin:0; padding:0; font-weight:bold; text-decoration:none;}


/* BUTTONS ACROSS THE SITE FOR BOTH AUTOFORMS AND STANDARD .button CLASS */
.autoFormInputs .button, .autoTable .button, .atTopBar .button { 
	font:13px/18px Helvetica, Arial, sans-serif; color:#FFF; padding:3px 5px;
	cursor:hand; /*height: 22px;*/ margin: 10px 0px 0px 0px; background:#ffb100;
}

#cart .button, .frame .button, .button { 
    font:13px Helvetica, Arial, san-serif; text-transform:uppercase; font-weight:bold; color:#FFF; border:1px solid #333; background:#ffb100;
	padding:4px 5px; margin: 10px 1px 5px 0px; line-height:12px;
}
.button a {color:#FFF; text-decoration:none;}

/* REPLACEMENT FOR LEADERBOARD AD IN CASE THEY UPLOAD A SWF/FLASH FILE 
   this div floats over the flash and has the link applied to it */
#flash_link { 
	border: none; outline:none; background: transparent url(/i/blank.gif);
	position: absolute; width:728px; height:90px; top:0; left:0; cursor: hand;
}

/* hides calendar on events */
/* .events-calendar-container {display:none;} */

/* wraps items within the event */
#eventsCalendarContainer dt.eventHeader {font-weight: bold; font-size:14px; color: #c83124; margin-bottom:4px;}
#eventsCalendarContainer dd.eventImage {float:left; margin:0 10px 5px 0;}
#eventsCalendarContainer dd.eventDates, 
#eventsCalendarContainer dd.eventTimes, 
#eventsCalendarContainer dd.eventVenueDescription {float:left; display: block; width:400px;}
#eventsCalendarContainer dd.eventButtons {clear: left; margin-top:5px;}

/* ADDED STYLES FOR SUBMITTING A BUSINESS */
#cl_frmSubmitBusiness .formRow {float:left; clear:left; margin-top:3px; padding-top:6px; border-top:1px solid #888;}
#cl_frmSubmitBusiness .formRow .formLabel {width:200px; float:left;}
#cl_frmSubmitBusiness .formRow .formFloat {width:295px; float:left; margin-left:5px;}
#cl_frmSubmitBusiness .formRow .formFloat input, #cl_frmSubmitBusiness .formRow .formFloat textarea {width:280px;}

/* SEARCH FORM STYLING JULY 27, 2009 */
#searchForm {margin:12px 0 12px 0; padding:10px; background-color:#c83124; border:1px solid #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
    #searchForm legend {margin-bottom:5px; color: #c83124; font-weight: bold; font-size: 13px;}
    #searchForm .req input.form-input-text {float:left; width:300px; margin-right:10px;}
    
/* SEND TO A FRIEND JULY 27, 2009 */
#send-to-friend legend {font:24px/24px "Shortcut", Arial, Helvetica, san-serif; margin:7px 0 14px 0; padding:5px 0 2px 0; width:505px; border-bottom:1px solid #c83124; color:#c83124;}
    #send-to-friend .req {float:left; clear: left; width:505px; margin-bottom:9px;}
        #send-to-friend div {float:left; clear: left; margin-bottom:9px;}
    #send-to-friend .req input {float:left; margin-right:9px;}
    #send-to-friend .req tooltip {clear: left;}
    #send-to-friend #comments {width:490px; height:70px;}
    #send-to-friend label {font-weight:bold; width:300px;}
    #send-to-friend #comments {float:left; clear:left;}
    #send-to-friend .form-input-checkbox {float:left; margin-right:10px;}
    #send-to-friend .charcount {width:400px;}