/* 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! ----- */

/* LEGACY TABLE-RELATED STUFF */
.autoTable {border:none; width: 100%; margin-top: 15px;}
.autoTable th {background: #1485cc;}
.autoTable td {padding:2px; vertical-align:middle;}
th, .tableHeader {font:13px/14px Arial,Helvetica,sans-serif; color:#af205c; padding: 5px 0 0 0; font-weight: bold; text-align: left;}
.autoTable #citable .show_title a {font:13px/18px Helvetica, Arial, san-serif; color:#ea0d0d; 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, san-serif; color:#FFF; padding:2px 2px 4px 2px; border:none;
	cursor:hand; height: 21px; margin: 10px 0px 0px 0px; background-color:#ea0d0d;
}
#cart .button { 
	font:13px/18px Helvetica, Arial, san-serif; color:#FFF; padding:2px 2px 4px 2px; border:none;
	cursor:hand; height: 21px; margin: 10px 5px 0px 0px; background-color:#ea0d0d;
}
.frame .button { /* for personal settings page tabs at top */
	font:13px/18px Helvetica, Arial, san-serif; color:#FFF; padding:2px 2px 3px 2px; border:none;
	cursor:hand; height: 18px; margin: 10px 1px 5px 0px; background-color:#ea0d0d;
}
.button {border:0px solid #333; padding:0; margin:0; 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: 0px solid #ffffff; 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: #1485cc; 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 #ecf7fc;}
#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:#d1e6f3; border:1px solid #1485cc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
    #searchForm legend {margin-bottom:5px; color: #1485cc; 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:32px/32px Helvetica, Arial, san-serif; margin:7px 0 14px 0; padding:5px 0 2px 0; width:505px; border-bottom:1px solid #1485cc; color:#1485cc;}
    #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;}