#eventContainer {float:right; width:180px; padding-left: 10px;} #eventContainer {padding-bottom:32767px; margin-bottom:-32767px;} #event1, #event2, #event3, #event4, .boxtitle {color: #FFF;} .boxTop, .boxBottom, .boxTitle {display: block; margin: 0; padding: 0; border: 0; width: 180px; background-repeat: no-repeat;} .boxTop {height: 27px; background-image: url(../images/boxTop.png);} .boxTitle {font: italic normal bold .9em Tahoma, Verdana, Arial; padding: 3px;text-align: center;} #event_pp {padding: 0 0 7px 7px; text-align: center;} #event_pp {display:none} /* ADDED 08/17/2011 */ #event_pp form {padding: 0; margin:0;} #event_pp input {outline: 0;} .boxBottom {height: 11px; background-image: url(../images/boxBottom.png); margin-bottom: 10px;} .boxContent {border-left: 1px solid #CCC; border-right: 1px solid #CCC; display: block; margin: 0; padding: 2px 5px;} .login_table {width: 170px; border-collapse: collapse;} .login_table tr {width:100%;} #event1 form, #contactform, #registerUser {margin: 0; padding: 0; font:normal normal normal 1em Tahoma, Arial, Helvetica, sans-serif;} #username_label, #rememberMe_label, #username_tBox, #rememberMe_cBox, #password_label, #password_tBox, #forgotPassword, #newAccount {padding:0; margin:0;} #username_label, #rememberMe_cBox {width:35%;} #rememberMe_label, #username_tBox, #password_tBox {width:65%;} #username_tBox input, #password_tBox input {border-left-color: #0000CC; border-right-color: #9999FF; border-top-color: #0000CC; border-bottom-color: #9999FF; border-width: 1px;} #username_label, #rememberMe_label, #password_label {font-size:70%; color: #666;} #forgotPassword {font-size:70%;} /* */ /* MAKE FORGOT PASSWORD LINK INVISIBLE UNTIL MODULE IS BUILT */ /* */ #forgotPassword {visibility: hidden;} #rememberMe_label, #rememberMe_cBox, #sendbutton_in {text-align: right;} #username_login_value {font-size: 95%;} #newAccount {font-size: 75%; font-weight: bold; text-align: center; padding-top: 6px;} #sendbutton_in input {font-size: 70%; color: #666; padding: 4px;} #loggedOut {display: none; font-size: 65%;} #userVisits_label, #userLastVisit_label, #userDateJoined_label, #userStatus_label, #userCounty_label, #userDistrict_label, #userRegion_label {float: left; text-align: right; width: 45%; color: #666;} #userVisits_value, #userLastVisit_value, #userDateJoined_value, #userStatus_value, #userCounty_value, #userDistrict_value, #userRegion_value {float: right; text-align: left; color: #666; width: 50%;} #userLastVisit_label, #userLastVisit_value {display: none;} #userWelcome_label, #userWelcome_value {display: inline; padding-left: 3px;} #userWelcome {background-color: #FFF4FB; padding: 2px 5px;} #userWelcome {font-size: 115%; color: #660000; text-align: center;} #sendbutton_out input {padding: 0 5px;} #sendbutton_in {padding: 10px 0;} #sendbutton_out input {font-size:95%; width: 100%; margin: 5px auto 0 auto;} #contactform {width: 170px; overflow: hidden;} #event2 p {font: normal normal normal 8pt Verdana, Tahoma, Arial, serif; line-height: 95%; text-align: justify; margin: 2px 0;} a.screen, a.screen:visited {color:#c00; position:relative; z-index:1;} a.screen b {position:absolute; visibility:hidden; /* hide the image */ width:405px; /* give it a width */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */ /*border:1px solid #000; add a border */ top:-240px; left:0; /* position:the image */ } a.screen:hover {text-decoration:none; z-index:1000; margin-left:-412px; padding-left:412px; border:0; /* needed for this to work in IE */ } a.screen:hover b {visibility:visible; /* make the image visible */ height:524px; /* now give it a height */ z-index:500; cursor:pointer; /* for IE */ } a.screen:hover b img {border:0; /* remove the link border */ } #subscribe {text-align: center; padding-bottom: 10px;} #subscribe a {outline: 0;} #subscribe img {border:none;} .eContent {display: block; text-align: justify; padding-bottom: 3px;} .eContent a {text-decoration: none;} .eContent .sepline1 {width: 70%; } #moreEvents {display: block; text-align: center; border-top: solid 1px #CC0000; padding-top: 3px; font-style: italic; font-weight: bold; font-size: 115%;} .eDate {color: #222B13; font-weight: bold;} .eLocation {color: #400000;} .eSummary {color: #000640;} /* Event Page Style */ /* */ /* event_list, event_header, col_event_flyer and */ /* col_event_footer are assigned via php with */ /* inline style to adjust list width so the */ /* scrollbar appears only if there are more than */ /* 20 entries. */ .event_list {height: auto;font-family: Arial, Helvetica, sans-serif; font-size: 100%;} .event_list .event_header {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 100%; text-align: center;line-height:24px;} .summary_content {clear: both;} .event_list .col_event_left_header {background-image: url(http://www.pccoh.com/images/RedHeader-Left.png);} .event_list .col_event_right_header {background-image: url(http://www.pccoh.com/images/RedHeader-Right.png);} .event_list .col_event_purpose, .event_list .col_event_date, .event_list .col_event_title, .event_list .col_event_city, .event_list .col_event_flyer {background-image: url(http://www.pccoh.com/images/RedHeader-Center.png);} .event_list .col_event_left_header, .event_list .col_event_purpose, .event_list .col_event_date, .event_list .col_event_title, .event_list .col_event_city, .event_list .col_event_flyer, .event_list .col_event_right_header {height: 28px; float:left; overflow: hidden;} .event_list .col_event_left_header, .event_list .col_event_right_header, .event_list .col_event_left_footer, .event_list .col_event_right_footer {width:12px;} .event_list .eCol {float: left; height: 20px; overflow: hidden; border-left: solid 1px #999999; line-height:20px;} .event_list .col_event_purpose {width: 0; max-width: 0} .event_list .event_purpose {width: 12px; max-width: 12px; height: 19px; border-bottom: solid 1px #999999;} .event_list .col_event_date, .event_list .event_date {width: 200px; max-width: 200px;} .event_list .col_event_title, .event_list .event_title {width: 360px; max-width: 360px;} .event_list .col_event_city, .event_list .event_city {width: 95px; max-width: 95px;} /* width should be 82 but substract 1px for each borderline (6) */ .event_list .event_flyer {width: 76px; max-width: 76px;} .event_list .event_flyer a {background: transparent url(../images/flyer/flyer_available_marks.png) no-repeat 0 0; display:block; outline:none; margin-left:30px; border:none; width:18px; height:18px;} .event_list .event_flyer .archived {background: transparent url(../images/flyer/flyer_available_marks_archive.png) no-repeat 0 0;} .event_list .event_flyer a:link, .event_list .event_flyer a:visited {} .event_list .event_flyer a:hover, .event_list .event_flyer a:active {background-position: 0 -18px; text-decoration:none;} .event_list .event_flyer img { height:18px;} .event_list .event_date {font-size: 85%;} .event_list .even_row .event_date {color:#555555;} .event_list .odd_row .event_date {color:#777777;} .event_list .even_row_archived .event_date{color:#999999;} .event_list .odd_row_archived .event_date{color:#AAAAAA;} .event_list .event_city {font-size: 85%;} .event_list .event_flyer {border-right: solid 1px #999999;} .event_list .summary_row {height:20px; padding: 0; margin: 0;} .event_list .eCol span {padding-left:10px;} .event_list .event_purpose, .event_list .event_footer {clear:left;} .event_list .even_row {background-color: #EFEFFF; color: #000066;} .event_list .odd_row {background-color: #FFFFEF; color: #0000CC;} .event_list .even_row_archived {background-color: #F0F0F0; color: #999999;} .event_list .odd_row_archived {background-color: #FDFDFD; color: #AAAAAA;} .event_list .color01 {background-color:#FF0000;} .event_list .col_event_left_footer {background-image: url(http://www.pccoh.com/images/BlueFooter-Left.png);} .event_list .col_event_footer {background-image: url(http://www.pccoh.com/images/BlueFooter-Center.png);} .event_list .col_event_right_footer {background-image: url(http://www.pccoh.com/images/BlueFooter-Right.png);} .event_list .col_event_left_footer, .event_list .col_event_footer, .event_list .col_event_right_footer {height: 17px; float:left; overflow: hidden;}