/* DEFINITIONS for HTML elements; it's worth having all these defined for good cross-browser control */
body{margin:10px;font-family:verdana,helvetica,arial,sans-serif;font-size:12px;text-align:center;}

/* tables */
table{border:0px;border-spacing:0px;padding:0px;border-collapse:collapse;empty-cells:show;}
thead{font-weight:bold;}
td{font-size:12px; font-family:verdana,helvetica,arial,sans-serif;vertical-align:top;}
div{text-align:left;}

/* links */
a{text-decoration:none;}
a:hover{text-decoration:none;}
a:visited{;}
a:active{;}
td.outline a.tab{display:block;}
td.outline a.tab:hover{display:block;text-decoration:none;}

/* divs */
#wrapper{width:960px;margin:10px auto 30px auto;}
#content{width:570px;padding-top:30px;float:left;text-align:justify;}
#footer{width:960px;padding-top:30px;font-size:11px;}
#nav{width:190px;margin:0px 5px 0px 5px;}
#signup{width:190px;margin:50px 5px 0px 5px;}
#ads{width:180px;float:right;text-align:center;padding-top:30px;}
#ads2{width:190px;text-align:center;margin:50px 10px 0px 0px;}
#header{width:100%;height:120px;}
#logo{position:absolute; border:2px solid #444444;width:160;height:160;background:white;margin-top:-20px;margin-left:20px;}


.copyright{color:#555555;}

/* forms */
form {margin: 0px;padding:0px; } /* removes annoying line breaks before and after forms */
input{font-family:verdana,helvetica,arial,sans-serif;font-size:12px;}
textarea{font-family:verdana,helvetica,arial,sans-serif;font-size:12px;}
select{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
.wordonly{font-weight:bold;}
.form_field_name{float:left;margin-bottom:5px;font-weight:bold;color:#AAAAAA;text-align:right;}
.form_field{float:left;margin-left:2px;margin-bottom:5px;}

.featured_text{font-size:10px;}
.debugging{border:1px solid orange;padding:3px;width:100%}

/* misc HTML definitions */
p{font-size:12px;line-height:140%;}
div{padding:0px;}

/* sitemap options as it's an output with H1->H6, we've got to sometimes specify the colours and margins too */
.sitemap li{list-style-type:none;list-style-image:none;}

h1{margin:4px 0px;font-size:18px;}
h2{margin:4px 0px;text-decoration:underline dotted #555555;font-size:16px;}
h3{margin:3px 0px;font-size:14px;}
h4{margin:3px 0px;font-size:13px;}
h5{margin:2px 0px;font-size:12px;color:#AAAAAA;}
h6{margin:2px 0px;font-size:11px;}

ul h1{margin:0px;font-size:18px;}
ul h2{margin:0px;text-decoration:underline dotted #555555;font-size:16px;}
ul h3{margin:0px;font-size:14px;}
ul h4{margin:0px;font-size:13px;}
ul h5{margin:0px;font-size:12px;}
ul h6{margin:0px;font-size:11px;}

/* CUSTOM CLASSES */

/* wireframe specific */
.wireframe_menus{background-color: #EEEEFF;boder:1px solid #CCCCFF;}

/* errors and warnings */
.error{color:#FF0000;}
.error_highlighted{background:#FFEEEE;}
/* errors shown in boxes (technical problems; has the red exclamation mark */
div.error_highlighted{border:1px solid red;margin:5px;padding:2px;}
/* caution messages */
div.caution{background-color:#FFEECC;padding:3px;border:1px solid #FF9900;text-align:center;}


/* text definitions */
.error{color:#FF0000;}
.updated{font-size:10px;color:#BBBBBB;}
.all_ok{color:#008800;font-weight:bold;}

/* background colours */
.cell_highlighted{background:#D0E0FF;}
.error_highlighted{background:#FFEEEE;}

/* menu definition; customise to your heart's content */
.menu_lvl1{   margin-left:10px;margin-right:10px;font-size:16px;font-weight:bold;}
.menu_lvl1 a{color:white;}
.menu_lvl1 a:hover{color:grey;}
.menu_lvl1_on{margin-left:10px;margin-right:10px;font-size:16px;font-weight:bold;}
.menu_lvl1_on a{color:red;}
.menu_lvl2{   margin-left:0px;margin-right:10px;margin-top:8px;font-size:14px;padding-top:6px;padding-bottom:10px;text-decoration:underline dotted;font-weight:bold;}
.menu_lvl2 a{color:darkblue;}
.menu_lvl2_on{margin-left:0px;margin-right:10px;margin-top:8px;font-size:14px;padding-top:6px;padding-bottom:10px;font-weight:bold;}
.menu_lvl2_on a{color:darkblue;}
.menu_lvl3{   margin-left:10px;margin-right:10px;margin-top:4px;font-size:12px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;}
.menu_lvl3 a{color:darkblue;}
.menu_lvl3_on{margin-left:10px;margin-right:10px;margin-top:4px;font-size:12px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;font-weight:bold;}
.menu_lvl3_on a{color:darkblue;}
.menu_lvl4{   margin-left:20px;margin-right:10px;margin-top:4px;font-size:11px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;}
.menu_lvl4 a{color:white;}
.menu_lvl4_on{margin-left:20px;margin-right:10px;margin-top:4px;font-size:11px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;font-weight:bold;}
.menu_lvl4_on a{color:darkblue;}
.menu_lvl5{   margin-left:30px;margin-right:10px;margin-top:4px;font-size:10px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;}
.menu_lvl5 a{color:darkblue;}
.menu_lvl5_on{margin-left:30px;margin-right:10px;margin-top:4px;font-size:10px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;font-weight:bold;}
/* definition for a specific menu id */
/* #menu_12{background-color:red;} */

/* page indendation definitions; based on the *level* of a menu (vertical style page listing) */
div.page_lvl1{   margin-left:05px;margin-top:2px;margin-bottom:4px;}
div.page_lvl1 a{display:block;color:#555555;}
div.page_lvl1_on{margin-left:05px;margin-top:4px;margin-bottom:4px;font-weight:bold;}
div.page_lvl1_on a{display:block;font-weight:bold;color:#555555;}
div.page_lvl2{   margin-left:15px;margin-top:4px;margin-bottom:6px;}
div.page_lvl2 a{display:block;color:#555555;}
div.page_lvl2_on{margin-left:15px;margin-top:4px;margin-bottom:6px;font-weight:bold;}
div.page_lvl2_on a{display:block;font-weight:bold;color:#555555;}
div.page_lvl3{   margin-left:25px;margin-top:4px;margin-bottom:6px;}
div.page_lvl3 a{display:block;}
div.page_lvl3_on{margin-left:25px;margin-top:4px;margin-bottom:4px;font-weight:bold;}
div.page_lvl3_on a{display:block;font-weight:bold;}
div.page_lvl4{   margin-left:35px;margin-top:4px;margin-bottom:4px;}
div.page_lvl4 a{display:block;}
div.page_lvl4_on{margin-left:35px;margin-top:2px;margin-bottom:4px;font-weight:bold;}
div.page_lvl4_on a{display:block;font-weight:bold;}
div.page_lvl5{   margin-left:45px;margin-top:2px;margin-bottom:4px;}
div.page_lvl5 a{display:block;}
div.page_lvl5_on{margin-left:45px;margin-top:2px;margin-bottom:4px;font-weight:bold;}
div.page_lvl5_on a{display:block;font-weight:bold;}

/* page indendation definitions; based on the *level* of a menu (horizontal style page listing) */
span.page_lvl1{   }
span.page_lvl1 a{padding:0px 5px 0px 5px;}
span.page_lvl1_on{}
span.page_lvl1_on a{}
span.page_lvl2{   }
span.page_lvl2 a{}
span.page_lvl2_on{}
span.page_lvl2_on a{;}
span.page_lvl3{   ;}
span.page_lvl3 a{;}
span.page_lvl3_on{;}
span.page_lvl3_on a{;}
span.page_lvl4{   ;}
span.page_lvl4 a{;}
span.page_lvl4_on{;}
span.page_lvl4_on a{;}
span.page_lvl5{   ;}
span.page_lvl5 a{;}
span.page_lvl5_on{;}
span.page_lvl5_on a{;}


/* event module definitions */
.event_special{font-weight:bold;}
/* generic header output for all of the events module */
.events_header{font-size:12px;background-color:#DDEEFF;width:150px;padding:2px;}
/* contains the event information when displayed as details */
.event_container_full{padding:2px;border:1px solid #BBDDFF;margin-bottom:4px;position:relative;}

/* specific for an event's title */
.event_title{font-size:15px;color:#0000AA;font-weight:bold;width:375px;float:left;}
/* all the headers possible for an event (e.g. directions, location, etc. */
.event_header{font-size:13px;color:#9999FF;font-weight:bold;width:400px;}
/* event information box (generic for most fields from the database) */
                                                       /* top right bottom left */
.event_info{font-size:11px;background-color:#FFF8DD;margin:2px 5px 5px 10px;}
/* event date information */
.event_date{font-size:10px;font-style:italic;font-weight:normal;text-align:right;padding:3px;float:right;}
/* direction information */
.event_directions{background-color:#EDF1EF;float:right;width:150px;right:10px;}
/* control the booking link */
.event_info span.event_booking_link a{color:black;text-decoration:underline;}

/* MINI exposition of the event */
/* contains the event information when displayed as details */
.event_container_mini{width:150px;border:1px solid grey; background-color:#EDF1EF;}
/* event information box (generic for most fields from the database) */
                                                       /* top right bottom left */
.event_info_mini{font-size:11px;background-color:#FFF8DD;}
/* specific for an event's title, but in the mini container */
.event_title_mini{font-size:15px;text-align:right;color:#0000AA;font-weight:bold;}
/* the div that surrounds the link, and then the link that goes to the full listing */
.event_listing_link{text-align:right;}
.event_listing_link a{text-decoration:underline;display:block;font-style:italic;}
/* event date information */
.event_date_mini{font-size:10px;}
/* other events listed in the 'mini' version */
.event_mini_other{font-size:10px;}

/* User profile classes */
.user_profile{width:90%;margin:10px auto;}
.user_profile_header{width:100%;background-color:#666666;color:#FFFFFF;border:1px solid #666666;position:relative;}
.user_profile_info{width:100%;border:1px solid #BBBBBB;}
.user_profile_field_name{margin-bottom:4px;width:19%;font-weight:bold;padding-right:1%;float:left;}
.user_profile_data{	 margin-bottom:4px;width:79%;padding-left:1%;float:left;}
.user_profile_edit_link{right:2px;display:inline;position:absolute;}
.user_profile_edit_link a{color:white;width:30px;padding:1px 5px 1px 5px;}
.user_profile_edit_link a:hover{background-color:white;color:black;}
.user_profile_tab{margin:0px 10px;background-color:#FFEE00;padding:0px 5px;float:left;text-align:center;}
.user_profile_tab_on{margin:0px 10px;background-color:#00EEFF;padding:0px 5px;float:left;text-align:center;}
.user_profile_container{;} /* used for items other than the user profile */
.user_profile_content{clear:both;}

/* not available */
.no_info{color:#CCCCCC;}

/* freshSPRING colours; should be left alone */
.fresh {color:#3366FF;}
.fresh_bgcolour{background-color:#3366FF;}
.fresh_logo{color:#3366FF;;}
.spring {color:#FF9900;}
.spring_bgcolour{background-color:#FF9900;}
.spring_logo{color:#FF9900;;}
.serving{color:#808080;}


/* unused items */
.outline1{;}
.outline2{;}
.outline3{;}
.outline{border:1px solid #3366FF;}
.colour1{;}
.colour2{;}
.colour3{;}

/*  stop divs from flowing out of boxes
 can use class="clearfix NEEDED_NAME" to use multiple classes on one object */
/*  obtained from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
    font-size:0px;
}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {
    display: block;
    font-size:0px;
}
/* End hide from IE-mac */