@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:#e9e9e9; text-align:center;}

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

.left{float:left}
.right{float:right}
.clear{clear:both;}
.leftpic{float:left;margin:0 15px 0 0; display:block; }
.rightpic{float:right;margin:0 0 0 15px; display:block;}
.midpic {margin:20px auto 0 auto; display:block; padding:3px; }
.midtext {float:left;margin:auto;}
.lefttext{float:left;margin:0 0 0 15px;width:200px;}
.righttext{float:right;margin:0 15px 0 0;width:200px;}
.js_yes{display:none;}

/*============================ CAPTIONER  =========================*/

span.caption { display:block; text-align:center;padding:0}
a span.caption {text-decoration:none;}
span.rightpictext {margin:5px 0 10px 0;clear:both;float:right;}
span.leftpictext {margin:5px 15px 10px 0px;clear:both;float:left;}
span.midpictext {margin:5px auto 10px auto;display:block;}


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

#branding{border-bottom:0}

#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; cursor:pointer}

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

#main_nav{background:#c5e390 url(../images/nav_bg.jpg) left bottom no-repeat; overflow:hidden; }
#main_nav li{float:left}

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

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

.feed{float:right}

/* Panel Styles */
#intro_panel{background:url(../images/intro_bg.gif) right top no-repeat; border:1px solid #bbbbbb; border-width:0 0 1px 1px; overflow:hidden;padding-top:1px}
#intro_panel img{float:left;border-right:1px solid #bbb;vertical-align:bottom}

#main_content .highlight{background:#d2eca1 url(../images/highlight_bg.gif) right top no-repeat; border:1px solid #ccc; border-width:0 0 1px 1px; padding:15px; color:#475f1a}

#main_content .main_banner{border:1px solid #bbb; margin-bottom:20px}

/* List styles */
#main .list_panel ul{border:1px solid #bbb; background:#fff}
#main .list_panel li{background:#fff url(../images/shade.gif) left top repeat-x;line-height:1.4; border-top:1px solid #bbb; clear:both; overflow:hidden}
#main .list_panel li.topless{border-top:0}
#main .list_panel li img{float:left; vertical-align:bottom; border:1px solid #bbb}
#main .list_panel li p{float:left;margin:0 0 0 15px; width:200px}

.simple_list li{padding:10px 0 0 0; line-height:1.4}
#news{background:url(../images/shade.gif) left top repeat-x;height:200px;overflow:hidden;position:relative;display:none;}
#news ul.simple_list{background:none;}
#news ul{position:absolute;top:200px;left:0;margin:0 .5em 0 .5em;padding:0}
#member_content .simple_list{background:url(../images/shade.gif) left top repeat-x;padding-bottom:15px}

#member_content #members_form,#member_content #login_reminder_form{background:url(../images/shade.gif) left top repeat-x;padding-bottom:7px}
.member_logo{display:block;margin:15px auto;}
#gold_members_logos,#platinum_members_logos{height:120px;display:none;width:218px;text-align:center;}

ul#biogs li {clear:left; margin:25px 0; overflow:auto;}

/*  Event Lists */
#main #home_events  ul li p{margin:0 0 0 10px; width:230px }
.cal_date{border:1px solid #ccc; width:50px; float:left;margin-right:10px; text-align:center;}
.cal_day{background:#da0303; color:#fff; font-weight:bold; font-size:1.6em; display:block;padding:1px 0}
.cal_monthyear{ color:#000; font-size:1.3em; display:block; font-weight:bold;padding:7px 0}

/* Members Forms */
#members_form,#login_reminder_form{ position:relative;padding:15px 9px 15px 9px; width:198px;}
#members_form p,#login_reminder_form p{margin:0 0 7px 0}
#members_form input, #login_reminder_form input{border:1px solid #4d93c4; width:158px; 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:198px; 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:199px; 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;}


#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: 0 10px 10px 10px;color:#dd0000;}


#logobox {padding-bottom:2em}

/* 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,.general_form .nolabel{float:left;width:7em; text-align:right}
.general_form label.radio{width:auto;}
.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 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{background:#f6e1e1; border:1px solid #e17474;}
.general_form textarea{width:400px;float:left;margin:0 5px 5px 20px;}
#main_content .general_form p.helptext{margin:0 0 10px 0;font-size:1.2em;font-style:italic;}
p.error_message{border:1px solid #e17474;margin: 0 0 10px 0;padding:10px 10px 10px 35px;font-size:1.2em;color:#990000;background:url(../images/cross.png) 10px 10px no-repeat #f6e1e1;}
p.success_message{border:1px solid #74e174;margin: 0 0 10px 0;padding:10px 10px 10px 35px;font-size:1.2em;color:#009900;background:url(../images/tick.png) 10px 10px no-repeat #e1f6e1;}



/* Survey Form */
#main_content #survey_form p{float:left;margin:0pt 0pt 10px;overflow:hidden;width:40em;}
form#survey_form {margin:0 50px;display:block;}
#survey_form label{float:left;width:200px;text-align:right;margin:0pt 0pt 10px;}
#survey_form input, #survey_form select, #survey_form textarea{float:left; margin-left:20px;width:300px;}
#survey_form input.cbx{float:left;width:20px;}
#survey_form label.cbx_label{float:left;margin-left:20px;text-align:left;}
#survey_form submitbutton{margin-bottom:2em;}


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

/* Booking Form */
#event-booking-form label,#event-booking-form .nolabel{width:190px}
#event-booking-form label.radio{width:auto;}
#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;}
#main_content #event-booking-form p.helptext{margin-left:210px;}

/* 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{padding:3px 8px; border:1px dashed #ccc; float:left;width:430px;}
.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{padding-left:140px;}


/* Data Table */
table.data_table{border-collapse:collapse; margin-bottom:2.5em; width:100%}
table.data_table td,  table.data_table th{padding:4px 5px; border-bottom:1px solid #ccc;vertical-align:top}
table.data_table tr th{background:#2e6697; color:#fff;  border-bottom:1px solid #333}
table.data_table tr.odd{background:#e7f9c5}

/* Membership display */
#contact_details{overflow:hidden}
#contact_details strong{float:left;width:120px}
#contact_details span{float:left}
#main_content #alphalist{overflow:hidden}
#main_content #alphalist li{float:left;background:none;padding:0 4px;}
#members_filter{font-size:1.1em; color:#000; font-weight:bold; clear:both; background:#d2eca1; margin:20px 0 20px 0;padding:10px 15px}
#main_content #members_filter p{margin-bottom:0}
#members_filter input{margin-left:5px; padding:2px 3px}
#member_images{float:right;width:215px;margin: 0 0 15px 15px;text-align:center;font-size:0.8em}
#member_images p{margin:0 0 15px 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 thead th a:visited{color:#fff}
#calendar tbody th{ background:#333; color:#fff;text-align:center; padding:3px}
#calendar tbody td, #calendar tbody th{font-size:1.1em}
#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;}

/* Events */
dl#event_info{width:659px;border-bottom:1px solid #ddd;overflow:hidden;}
#event_info dt{font-weight:bold;color:#000; float:left; width:120px;padding:5px 0; border-top:1px solid #ddd;overflow:hidden; margin-bottom:0; font-size:1.4em}
#event_info dd{float:left; width:539px; color:#777;padding:5px 0;  border-top:1px solid #ddd; overflow:hidden; margin-bottom:0; font-size:1.4em}
#event_info dd p{font-size:14px;margin:0;}
#main_content h2.event_h{margin-bottom:2px;padding-bottom:0px; line-height:1.2}
#main_content h2.event_h a{text-decoration:none}
#main_content h2.event_h a:hover{color:#7dbf00}
.event_summary, .event_description{margin-top:10px}
#main_content p.event_info{padding:5px 0;  border-bottom:1px solid #ddd; overflow:hidden; margin-bottom:0;}
.event_info strong{color:#000; float:left; width:80px}
.event_info span{float:left; width:330px; color:#777}
#event_description{margin-top:20px;clear:left;}
#main #main_content p.event-footer{padding:3px 10px; background:#eee; border-top:1px solid #ccc; margin:5px 0 15px 0; clear:both; font-size:1.2em; overflow:hidden}
#main p.event-footer .read-more{float:right}

#main_content p.book_online a{float:right; padding:5px 10px; background:#fff url(../images/subnav_bg.gif) repeat-x scroll left top; text-decoration:none;color:#0453b5; font-weight:bold;margin:0 0 20px 0; border:3px double #bbb}

#main_content p.book_online a:hover{background:#E7EFF6 url(../images/subnav_bgon.gif) repeat-x scroll left top}

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

/* 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;}

/* Services*/
.service_wrap{background:#d2eca1; overflow:hidden; margin-bottom:15px}
.service_block{width:219px; float:left; border-right:1px solid #fff}
.last_block{border-right:0}
#main_content #main_inner .service_block h2{font-size:1.6em; color:#475f1a; padding-bottom:3px;margin:0;border-bottom:0; background:#fff }
#main_content .service_block ul{margin-bottom:0}
#main_content .service_block li{font-size:1.2em; border-bottom:1px solid #fff; padding:0; background:#d2eca1;margin:0}
#main_content .service_block li.nolink{padding:3px 10px;}
#main_content .service_block li a{display:block;padding:3px 10px; text-decoration:none; color:#475f1a}
#main_content .service_block li a:hover{background:#cae696; text-decoration:underline}


/* News */
.post{margin:10px 0 0 0; width:100%; float:left; overflow:hidden}
.newspic{float:left;margin:0 20px 0 0; border:1px solid #bbb}
.rsspic{float:left;margin:0 20px 0 0; border:0}
#main .post{overflow:hidden}
#main #main_content p.post-footer{padding:3px 10px; background:#eee; border-top:1px solid #ccc; margin:5px 0 15px 127px; clear:both; font-size:1.2em; width:510px;  display:inline; float:left; overflow:hidden}
#main p.post-footer .read-more{float:right}
#main .post-info{font-weight:normal; font-style:italic; color:#777; font-size:0.85em; }
#main .post h2, #main .post p{font-size:1.4em; float:right; width:530px}
#main #main_inner .post h2{font:1.4em Arial, Helvetica, sans-serif; border-bottom:0;padding:5px 0 0 0;margin-bottom:5px}

#main_content #archive li{background:0;padding-left:0; font-weight:bold; color:#000}
#main_content #archive li li{padding-left:20px; background:url(../images/blt.gif) left 5px no-repeat; font-weight:normal; color:#888}

/* Sponsors */
#main_content ul.sponsor {overflow:hidden; width:100%; float:left}
#main_content ul.sponsor li{width:200px;display:inline;float:left;margin:0 10px 0 0;padding:0}
#main_content ul.sponsor p{clear:left; text-align:center;}
#main_content ul.doublist li{padding-bottom:50px;}
#main_content #secondary_content ul.sponsor{margin:0;padding-bottom:20px}
#main_content #secondary_content ul.sponsor li{display:block;margin:0;padding:0; float:none; width:auto; text-align:center; background:0}

/* ScotSoft */
#main_content #dinner_speaker{float:right;width:140px;margin:-60px 0 10px 20px}
#main_content #dinner_speaker img{border:1px solid #ccc}
#scotsoft_panel{clear:both; margin-bottom:20px;padding:15px; overflow:hidden}
#scotsoft_panel img{float:right;border:1px solid #000;margin-left:10px;}

/* Sponsor Table */
#main_content .sponsor_table{margin:2em 0;border-right:1px solid #ccc; border-collapse:collapse; width:100%}
#main_content .sponsor_table caption{position:absolute; left:-5000px}
#main_content .sponsor_table th{background:#F0F0F0 url(../images/h-div.gif) repeat-x left bottom;border:1px solid #ccc;border-right:none;color:#075BAE;font-family:Calibri,"Trebuchet MS","Gill Sans",sans-serif;font-size:1.4em;padding:5px 10px;font-weight:bold;}
#main_content .sponsor_table td{background:#ffffff url(../images/tdbg.gif) repeat-x top left;padding:0.5em;border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:left; font-size:1.2em;}
#main_content .sponsor_table tbody tr td.blankcell{background-image:none;}
#main_content .sponsor_table tbody tr td.blankcell img{margin:0 auto; display:block;}
#main_content .sponsor_table tbody tr.midtxt td{text-align:center;}

#main_content .sponsor_table tbody.corp-logos tr td a img{margin:0 auto; display:block;}

/* Reasons to Attend Def-List  */
dl#benefits {margin:20px;}
dl#benefits dt strong{font-size:1.2em;background:transparent url(../images/blt.gif) no-repeat scroll left 5px;padding-top:4px;padding-left:20px;}
dl#benefits dd p{font-size:1em;padding-left:40px;font-size:0.9em}

/* About us */
.profile_list{float:left; width:659px;}
#main .profile_list li{float:left; width:133px; text-align:center; padding:0; margin:15px 30px 15px 0; background:0;line-height:1.2}
#main .profile_list li .org{font-style:italic; color:#666; font-size:0.8em}
#main .profile_list h3{margin:0 0 3px 0; font-size:1.2em; line-height:1.2}

/* ELECTIONS */
#main .election_list li {
width: 133px;
min-height: 200px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin:5px;
zoom: 1;
background:0;
text-align:center;
line-height:1.2;
*display: inline;
_height: 200px;
}
#main .election_list li .org{font-style:italic; color:#666; font-size:0.9em}
#main .election_list h3{margin:0 0 3px 0; font-size:1.2em; line-height:1.2}
ul.biogs dl{font-size:1em; font-weight:bold;line-height:1.4;color:#075bae;margin-bottom:10px;float:left;}
ul.biogs dt{float:left;clear:left;}
ul.biogs dd{float:left;margin-left:10px;}
ul.biogs div{clear:left;}


/* Services Table */
#service_table{margin:2em 0;border-right:1px solid #ccc; border-collapse:collapse; width:100%}
#service_table caption{position:absolute; left:-5000px}
#service_table th{background:#F0F0F0 url(../images/h-div.gif) repeat-x left bottom;border:1px solid #ccc;border-right:none;color:#075BAE;font-family:Calibri,"Trebuchet MS","Gill Sans",sans-serif;font-size:1.4em;padding:5px 10px;font-weight:bold;}
#service_table td{background:#ffffff url(../images/tdbg.gif) repeat-x top left;padding:0.5em;border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:left; font-size:1.2em;}

/*paypalogo*/
img#paypalogo{display:block;margin:0 auto;}
/*============================ SECONDARY CONTENT =========================*/

#secondary_content .sec_pic{vertical-align:bottom; border:1px solid #bbb; border-bottom:0}
#secondary_content .sec_caption{background:#d2eca1 url(../images/caption_bg.gif) left bottom no-repeat; border-right:1px solid #bbb; padding:13px;padding-left:16px;color:#475f1a} 

#main_content .caption_panel{width:222px; float:right; margin:0 0 15px 15px;}
#main_content .caption_panel img{vertical-align:bottom; border:1px solid #bbb; }
#main_content .caption_panel p{background:#d2eca1 url(../images/caption_bg.gif) left bottom no-repeat; border-right:1px solid #bbb; padding:13px;padding-left:20px;color:#475f1a; font-size:1.2em} 

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

#site_info{background:#BFE089 url(../images/footer_bg.gif) left bottom no-repeat; overflow:hidden; border-top:1px solid #bbb; margin:0px 0 5px 0;padding:7px 10px; }
#site_info p{float:left; width:520px;margin-left:5px}
#site_info ul{float:right; width:250px}
#site_info li{float:left; margin-right:15px}

/*======= elections =============*/
.personPic{padding:5px;border:1px solid #dddddd;margin-bottom:-2px;z-index:2;}
.biogs h2{width:548px;}

/*======= ScotSoft Seats ==========*/
table.scotsoft_seats{border-collapse:collapse; margin-bottom:2.5em; width:100%;background-color:#fff;}
#main_content table.scotsoft_seats td, #main_content table.scotsoft_seats th{font-size:1.2em;}
table.scotsoft_seats td,  table.scotsoft_seats th{padding:2px 5px; border-bottom:1px solid #ccc;vertical-align:top}
table.scotsoft_seats tr th{background:#2e6697; color:#fff;  border-bottom:1px solid #333}
#main_content table.scotsoft_seats tr.seatrow:hover{background-color:#999;color:#fff}
table.scotsoft_seats tr td em{text-align:center;}

tr.seatrow_active{background-color:#555;}
tr.seatrow_active td{color:#fff;}
tr.seatrow_active td form{color:#000;}