@import url("layout.css");
@import url("typography.css");

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0; padding:0;}
body{background:#E2E2E2; text-align:center;}

ul li{list-style:none;}
a img{border:0}
.assist-text{position:absolute; left:-5000px; top:-1000px}
.print {display: none;}

.leftpic{float:left; margin:10px 10px 10px 0}
.rightpic{float:right;margin:10px 0 10px 10px}
.midpic{display:block;margin:auto;}
.clear{clear:both;}
.js_yes{display:none;}


span.rightpic_caption {color:#666;margin:-10px 0 10px 15px;padding:0;clear:both;float:right;}
a span.rightpic_caption {text-decoration:none;}
span.leftpic_caption {color:#666;margin:-10px 15px 10px 0;padding:0;clear:both;float:left;}
a span.leftpic_caption {text-decoration:none;}
span.midpic_caption {color:#666;padding:0;margin:auto;display:block;}




/*============================ BRANDING =========================*/

#branding{border-bottom:1px solid #032135}

#global_nav li{float:left;margin-right:25px}

#search_form input{padding:3px 5px 4px 6px; border:1px solid #032135;border-right:0; color:#666;}
#search_form #ajaxSearch_submit {text-indent:-5000px; width:28px; height:25px; background:url(../images/search.gif) left bottom no-repeat; border:0; vertical-align:bottom}

/*============================ MAIN NAV =========================*/

#main_nav{background:#fff url(../images/navbg.gif) left bottom repeat-x; overflow:hidden; border-bottom:1px solid #ccc}
#main_nav li{float:left}

/*============================ CONTENT =========================*/

#main_img{display:block; margin:0 auto 20px auto;}

#main_content .main_panel img{border:1px solid #ccc}

.feed-ico{float:right}

/* List styles */
.list_panel li{background:url(../images/h-div.gif) left bottom repeat-x;padding:10px 0 10px 0; line-height:1.4}
#main .list_panel li p {margin-top:3px}
.event_list li{background:url(../images/cal.gif) 10px 16px no-repeat;padding:10px 0 0 20px; line-height:1.3}
.simple_list li{padding:10px 0 0 0; line-height:1.4}
#member_content .simple_list{background:url(../images/h-div.gif) left bottom repeat-x;padding-bottom:15px}

#member_content #members_form{background:url(../images/h-div.gif) left bottom repeat-x;padding-bottom:7px}
.member_logo{display:block;margin:15px auto;border:1px solid #ccc}

/* Members Forms */
#members_form,#login_reminder_form{ position:relative;padding:15px 10px 15px 10px; width:200px;}
#members_form p,#login_reminder_form p{margin:0 0 7px 0}
#members_form input, #login_reminder_form input{border:1px solid #4d93c4; width:161px; padding:2px 10px 2px 6px; color:#666;position:relative}
#members_form #login input{ background:#f5f5f5 url(../images/login.gif) 8px center no-repeat;border:3px double #bbb;border-top:3px double #ccc;border-left:3px double #ccc; padding:4px 5px 4px 30px; width:202px; cursor:pointer; overflow:visible; text-align:left }
#login_reminder_form #reminder input{ background:#f5f5f5 url(../images/resetp.gif) 8px center no-repeat;border:3px double #bbb;border-top:3px double #ccc;border-left:3px double #ccc; padding:4px 5px 4px 30px; width:202px; cursor:pointer; overflow:visible; text-align:left }
#members_form #username, #members_form #password,#login_reminder_form #txtwebemail{position:relative;float:left;clear:both}
#members_form #username input{background:#fff url(../images/user.gif) 8px center no-repeat; padding-left:30px; }
#members_form #password input{background:#fff url(../images/key.gif) 8px center no-repeat; padding-left:30px;}
#login_reminder_form #txtwebemail input{background:#fff url(../images/email.gif) 8px center no-repeat; padding-left:30px;}
#login button:hover{background:#dff4ff url(../images/login.gif) 8px center no-repeat; border:3px double #c2e1ef;color:#336699;}
#reminder button:hover{background:#dff4ff url(../images/resetp.gif) 8px center no-repeat; border:3px double #c2e1ef;color:#336699;}

#main_content .general_form p.signup_buttons{margin-bottom:0;overflow:hidden}
.submit{background:#f5f5f5; border:3px double #bbb;border-top:3px double #ccc;border-left:3px double #ccc;}
.submit:hover{background:#dff4ff; border:3px double #c2e1ef;color:#336699;border:3px double #c2e1ef;}

#confirm_details{background:#eee;margin-top:2px;padding:15px}

#members_form input:focus, #login_reminder_form input:focus{color:#000}
label.overlabel {color:#999;}
label.overlabel-apply {position:absolute;top:3px;left:30px;z-index:1;color:#999;}
#WebLoginLayer0 .displayed, #WebLoginLayer2 .displayed{display:block}
#WebLoginLayer0.not_displayed,#WebLoginLayer2.not_displayed{display:none}
#WebLoginLayer0 .message,#WebLoginLayer2 .message{margin: 10px 10px 0 10px;color:#dd0000;}

/* General Forms */
.general_form{}
.general_form fieldset{border:0;padding:10px; background:#ebf3f7;}

#main_content .general_form p{overflow:hidden; margin:0 0 10px 0;}
.general_form label{float:left;width:7em; text-align:right}
.general_form input, .general_form select{float:left; margin-left:20px;width:240px;}
.general_form input.submit, .general_form input.radio{width:auto}
.general_form input.paypal{margin: 5px 300px;width:auto}
.general_form strong.error_msg{float:left; width:200px; margin-left:20px; color:#666;font-size:0.9em;color:#990000;}
.general_form strong.success_msg{float:left; width:200px; margin-left:20px; color:#666;font-size:0.9em;color:#009900;}
.general_form button{background:#f5f5f5;border:3px double #bbb;border-top:3px double #ccc;border-left:3px double #ccc; padding:3px 7px 3px 7px;margin:10px 0 0 7.8em; cursor:pointer; overflow:visible; text-align:left }
.general_form button:hover{background:#dff4ff ; border:3px double #c2e1ef;color:#336699;}
.signup_buttons{float:right}
.req{color:#990000; font-weight:bold}
.errors{font-size:1.1em; color:#990000;background:#f6e1e1; border:1px solid #e17474;padding:15px;margin-bottom:1.5em}
input.required, input.invalid, textarea.required, teatarea.invalid {background:#f6e1e1; border:1px solid #e17474;}
#proposal_form label{width:100%;text-align:left;display:block;margin-bottom:5px;}
#proposal_form strong.error_msg{width:100%;margin: 0;}
#proposal_form strong.success_msg{width:100%;margin: 0;}
#proposal_form input{margin:0;}
#proposal_form input.checkbox{width:auto;margin-left:3px;}
#proposal_form label.checkbox{width:auto;}
#proposal_form .signup_buttons input{margin-left:10px;}
span.character_count{display:block;margin-right:24px;text-align:right;font-size:12px;font-style:italic;}
span.character_count span.safe{color:#ffffff;background:#009900;padding:0 3px;font-weight:bold;}
span.character_count span.over{color:#ffffff;background:#990000;padding:0 3px;font-weight:bold;}

/* Sign up Form */
#organisation_information_tab label{width:155px}
#organisation_information_tab p.helptext{margin-left:13em;width:auto;font-size:0.9em}
#contact_details_tab label{width:120px}
#contact_details_tab p.helptext{margin-left:142px;font-size:1em;font-style:italic;}
#business_details_tab label{float:none;width:auto;display:block;margin-bottom:5px; text-align:left}
#main_content #business_details_tab strong.error_msg{margin-left:0}

/* Booking Form */
#event-booking-form label{width:190px}
#event-booking-form .submit {text-align:center}
#event-booking-form .submit input{background:#f5f5f5 url(../images/book_next.gif) 8px center no-repeat;border:3px double #bbb;border-top:3px double #ccc;border-left:3px double #ccc; padding:4px 5px 4px 30px; cursor:pointer; overflow:visible; text-align:left; float:none }
#event-booking-form .submit input:hover{background:#dff4ff url(../images/book_next.gif) 8px center no-repeat;}
#event-booking-form fieldset fieldset legend {font-size:1.2em}
#event-booking-form fieldset fieldset input{float:left}
#event-booking-form fieldset fieldset label{float:left;width:auto;font-size:1.2em}
#event-booking-form input#association_member_yes{margin-left:211px;}

/* News and Events lists */
#main_content ul.post_list  li{margin:0 0 15px 0;padding:0;background:0; border-bottom:1px dotted #ccc}
#main_content .post-footer{margin-bottom:1.5em; border:1px dotted #ccc;border-width:1px 0 1px 0;padding:2px 10px 2px 10px; text-align:right}
#main_content p.event_info {margin-bottom:1em; overflow:hidden; clear:both}
#main_content p.event_info strong{float:left; width:60px;margin-right:10px}
#main_content p.event_info span{float:left; width:350px}
.paginator{font-size:1.2em}

p.book_online {text-align:right}
p.book_online a{background:#f5f5f5 url(../images/book_next.gif) 8px center no-repeat;border:3px double #bbb;border-top:3px double #ccc;border-left:3px double #ccc; padding:4px 8px 4px 30px; cursor:pointer; overflow:visible; text-align:left; text-decoration:none; color:#000 }
#main_content p.book_online a:hover{background:#dff4ff url(../images/book_next.gif) 8px center no-repeat;}

/* Membership display */
table.contacts_table{border-collapse:collapse; margin-bottom:2.5em; width:100%}
table.contacts_table td,  table.contacts_table th{padding:5px; border-bottom:1px solid #ccc;vertical-align:top}
table.contacts_table tr.header_row th{background:#0066a4; color:#fff; border-top:1px solid #57b9f5; border-bottom:1px solid #000}
table.contacts_table tr.odd td, table.contacts_table tr.odd th{background:#e6f7fa}
#contact_details{overflow:hidden}
#contact_details strong{float:left;width:16em;}
#contact_details span{float:left}
#main_content  ul#alphalist {float:left;}
#main_content #alphalist li{float:left;background:none;padding:0 4px;}

#google-map{width: 530px; height: 350px; border:1px solid #000; margin:20px 0 20px 0}

/* Event Calendar */
#calendar {width:205px; background:#ccc;margin-bottom:20px;}
#calendar td{padding:3px; background:#fff; text-align:center; vertical-align:middle}
#calendar td.today{background:#ebf3f7}
#calendar thead th{ background:#0066a4; color:#fff; text-align:center; padding:2px 5px 2px 5px; font-size:1.1em}
#calendar thead th a{color:#fff; text-decoration:none}
#calendar tbody th{ background:#333; color:#fff;text-align:center; padding:3px}
#calendar tbody td a{display:block; background:#9ad63c;padding:3px; color:#000; font-weight:bold}
#calendar tbody td a:hover{background:#fbf184}
#calendar td.active{padding:0;}

/*============================ SITE INFO =========================*/

#site_info{background:#f3f7fa; overflow:hidden; border-top:1px solid #ccc; padding:10px}
#site_info p{float:left; width:520px;margin-left:5px}
#site_info ul{float:right; width:400px}
#site_info li{float:left; margin-right:15px}

/* File icon styles */
#container li.pdf{padding:2px 10px 2px 23px; background:url(../images/pdf.gif) left 5px no-repeat;}
#container li.word{padding:2px 10px 2px 23px; background:url(../images/word.gif) left 5px no-repeat;}
#container li.nsf{padding:2px 10px 2px 23px; background:url(../images/nsf.gif) left 5px no-repeat;}


/* Member user update form  */

#login_update_form label {width:120px;}
#main_content #login_update_form p.helptext{margin-left:140px;}
#login_update_form button{margin-left:140px;}

/* Member profile edit  */
.profile_element{width:640px;overflow:hidden;clear:left;padding-bottom:5px;padding-top:5px; border-bottom:1px solid #dedede}
#main_content .profile_element p{float:left;margin:0 0 0 0; font-size:1.2em;  }
#main_content .profile_editable_textarea p{margin:0 0 10px 0;font-size:1.2em;float:none;}
.profile_element p strong{width:150px;float:left;}
#main_content .profile_editable_textarea p strong{width:auto;float:none;}
#main_content .profile_editable_textarea li strong{width:auto;float:none;}
#main_content .profile_editable_textarea ul li{background:none;font-size:1.2em;list-style:disc inside;}
.profile_editable_text, .profile_editable_textarea, .profile_editable_option{padding:3px 8px; border:1px dashed #ccc; float:left;width:430px;min-height:18px;}
.aHover:hover{background:#FBFBD7}
#main_content .profile_element  img{position:relative;top:1px; padding-left:5px}
.profile_element p span form input, div.profile_element input, .profile_element h1 span form input {width:270px;}
.profile_element p span form button, div.profile_element  button, .profile_element h1 span form button{background:#f5f5f5;border:3px double #bbb;border-top:3px double #ccc;border-left:3px double #ccc; padding:0px 7px 0px 7px;margin:0 3px; cursor:pointer; overflow:visible; text-align:left }
.profile_element h1{float:left;}
.profile_element div{float:left;margin:0 0 5px 0;}
.profile_edit_text,.profile_edit_option{padding-left:140px;}