/* CSS Document 

This is the main style sheet for the design...

NB no longer put image paths in CSS file add those to the template index so are not affected by changing directory structure...

*/

body {background-color:#000000; color:white; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;margin:0px}

.date {padding-right:10px; text-align:right}

img {border:0; margin:0}

.my_functions {background-color: #FFCCCC; width: 100%; vertical-align:middle}

.welcome_page {}



/*----------------------------------------------------------------------------
   SEARCH FORM 
----------------------------------------------------------------------------*/

.search_form {color:#CBCDCC; font-size:0.8em; padding:8px}

.search_form select { font-size:9px;width:150px;color:#CBCDCC; background-repeat:no-repeat; border:1px solid #1D1D1D; margin:2px; background-color:#333333}

.search_form input { font-size:9px;width:146px;color:#555555; background-image: url(http://www.allyouneedtotri.com/jxwd-images/search-form/search-field-bg.jpg); background-repeat:no-repeat; border:1px solid #1D1D1D; margin:2px; padding-left:2px}
 
.search_form span {padding-top:3px; text-align: right;margin-right: 2px}



/*----------------------------------------------------------------------------
   SEARCH RESULTS 
----------------------------------------------------------------------------*/
.search_output {}

.search_footer {margin-top:30px}

.search_footer img {margin-bottom:-3px;}

.search_footer hr {border:0; border-top:dotted #666666 1px}

.search_link {color:#007C4D}
.search_link_current {color:#666666}


/*----------------------------------------------------------------------------
   SEARCH SUMMARY 
----------------------------------------------------------------------------*/
.search_summary { background-color:#FFFF99}

.search_listing { color:#DDDDDD;background-repeat:no-repeat; height:42px; width:520px; margin-bottom:10px;}

.listing_distance { font-size:9px;}
.listing_date { font-size:9px;color:#999999;}


/*----------------------------------------------------------------------------
   LISTING PAGE 
----------------------------------------------------------------------------*/
.listing_page{ padding-top:18px;}
.back_button { text-align:right; padding:10px; margin-bottom:20px}





/*----------------------------------------------------------------------------
   LOGGED IN 
----------------------------------------------------------------------------*/

.session_links { height:20px; background-color:#999999; padding:5px; margin-bottom:20px}

.update_form {background-color:#000000;margin-bottom:20px; border:1px solid #E2001A; padding:10px;}
.update_form label {width: 210px;float: left; text-align: right;margin-right: 2px;display: block;}
.update_form input {border:0}
.update_form select {border:0}
.update_form textarea {border:0}
.update_form hr { border:0; border-bottom:1px dotted #666666; margin-top:14px}


/*----------------------------------------------------------------------------
   EVENT PLANNER
----------------------------------------------------------------------------*/
.day_names {color:#E2001A}
.calendar { font-size:10px; }
.calendar th {font-size:9px; font-weight:lighter; color:white; text-transform:uppercase; text-align:left} 
.calendar td {font-size:9px; border:0px solid #333333; padding:0;}

.my_list {padding:10px; margin-top:20px; margin-left:-10px; margin-bottom:20px;min-height:40px;width:520px}


.free { color:#4E4E4E}
.booked {background-color:#00AC58; color:#FFFFFF}
.unavailable {background-color:#4E4E4E; color:#000000}
.available {height:20px}


.update_unavailable {height:20px;}
.update_available {height:20px;}
.empty { height:20px}