﻿.eventForm { width:610px; padding-bottom:12px; background:#ffffff url('/image/eventformbot.gif') no-repeat left bottom; float:left; }
.eventForm .top { background:url('/image/home/hotevents/bckgrdactive.gif') repeat-x; position:relative; padding:4px 6px 8px 6px; height:20px; }
.eventForm .top .left { position:absolute; width:6px; height:32px; top:0px; left:0px; 
    background:url('/image/home/hotevents/leftactive.gif') no-repeat top left; }
.eventForm .top .right { position:absolute; width:6px; height:32px; top:0px; right:0px;
    background:url('/image/home/hotevents/rightactive.gif') no-repeat top right; }
.eventForm .top h2 { margin:0px; color:#ffffff; font-size:15pt; }
.eventForm .body { border-left:1px solid #dddddd; border-right:1px solid #dddddd; padding:20px; }
.eventForm .body h3 { font-size:11pt; margin:0px 0px 20px 0; border-bottom:1px solid #cbcbcb; overflow:hidden; padding-bottom:5px; text-transform:uppercase; }
.eventForm .body h3 .arrow { width:17px; height:19px; background:url('/image/eventarrows.gif') no-repeat 0 0; 
    margin-right:10px; float:left; }
.eventForm .formTbl { margin-bottom:50px; }
.eventForm .formTbl td { padding:10px 5px; }
.eventForm .formTbl .name { font-weight:bold; text-align:right; font-size:10pt; }
.eventForm tr { vertical-align:top; }

/* form elements */
.eventForm .selCat { width:150px; margin-right:10px; }
.eventForm .txtLong { width:480px; }
.eventForm .txtLoad { background:url('/image/ajax-loader.gif') no-repeat 455px 2px; }      
.eventForm .txtGrey { color:#cccccc; } 
.eventForm textarea { width:480px; height:100px; overflow:auto; margin-bottom:5px; }
.eventForm .resizer { float:right; margin-left:5px; }
#StartTime, #EndTime { width:155px; }
.redHL { border:1px solid red; }

#pnlNoVenue, #pnlVenueAdd { font-size:8.5pt; color:#777777; margin-bottom:5px; }
#pnlNoVenue a { color:#003366; text-decoration:none; }
#pnlNoVenue a:hover { text-decoration:underline; }

.popVenueForm { padding:20px; }
.popVenueForm table { width:100%; margin-bottom:20px; }
.popVenueForm .title { font-size:10pt; font-weight:bold; text-align:right; width:100px; }
.popVenueForm table input { width:320px; }
#popVenueErr { color:Red; margin-bottom:5px; }

.eventForm .schTbl { width:100%; padding:15px 10px 15px 10px; border:1px solid #cbcbcb; }

#pnlOpen { padding-bottom:10px; margin-bottom:10px; color:#777777; font-weight:bold; }
#pnlOpen a { font-size:11pt; color:#000000; margin-right:5px; text-decoration:underline; }
#pnlOpen a:hover { text-decoration:none; }
#pnlOpen .arrowL { width:9px; height:19px; background:url('/image/eventarrows.gif') no-repeat right top; 
    margin-right:10px; float:left; }

#pnlOpen .arrowD { width:17px; height:9px; background:url('/image/eventarrows.gif') no-repeat right bottom; 
    margin-right:10px; float:left; margin-top:5px; }
.optShown { border-bottom:1px solid #cbcbcb; }

.tblOpt { width:100%; }
.tblOpt .name { text-align:right; font-weight:bold; width:115px; font-size:10pt; }
.tblOpt .price { width:70px; margin:0 5px 5px 5px; }
.tblOpt .lineSep { border-bottom:1px solid #cbcbcb; height:1px; margin-top:20px; }
.tblOpt .url1 { width:64px; }
.tblOpt .url2 { width:355px; margin-left:2px; }
.tblOpt .phone { width:425px; }
#eventFormErr { margin:50px 0 10px 0; font-size:10.5pt; color:red; }
/* venue drop down */
.eventForm .location { position:relative; }
#venueDDL { position:absolute; left:0px; top:22px;width:486px; cursor:pointer; }
#venueDDL .item { padding:5px; background:#555555; color:#ffffff; border:2px solid #555555; }
#venueDDL .bot { padding:5px; background:#3a3a3a; color:#ffffff; border:2px solid #3a3a3a; }
#venueDDL .address { font-size:8pt; }
#venueDDL .active { background:#eeeeee; color:#777777; }
#venueDDL .active .hl { color:#000000; font-weight:bold; }
#venueDDL .active .address { color:#222222; }

.eventTips { width:330px; margin-left:10px; float:left; }
.eventTips .top { background:url('/image/home/hotevents/bckgrdactive.gif') repeat-x; position:relative; padding:8px 6px 4px 6px; height:20px; }
.eventTips .top h3 { font-size:11pt; margin:0px; color:#ffffff; }
.eventTips .body { border:1px solid #dddddd; border-top:0px; padding:20px; 
    background:#ffffff url('/image/grey_bkgd.jpg') repeat-x left bottom; }
.eventTips .body h4 { margin:0 0 5px 0; font-size:9.5pt; }
.eventTips .body h5 { margin:0 0 5px 0; font-size:9pt; }
.eventTips .body p, .eventTips .body ol { margin:0 0 5px 0; }
.eventTips .body ol { padding-left:20px; }
.eventTips .body li { margin-bottom:5px; }

.eventLogin { margin:20px 0 100px 239px; width:471px; padding-bottom:6px; background:#ffffff url('/image/eventscal_bot.gif') no-repeat left bottom; }
.eventLogin .top { background:url('/image/home/hotevents/bckgrdactive.gif') repeat-x; position:relative; padding:6px 6px 6px 12px; height:20px; }
.eventLogin .top .left { position:absolute; width:6px; height:32px; top:0px; left:0px; 
    background:url('/image/home/hotevents/leftactive.gif') no-repeat top left; }
.eventLogin .top .right { position:absolute; width:6px; height:32px; top:0px; right:0px;
    background:url('/image/home/hotevents/rightactive.gif') no-repeat top right; }
.eventLogin .top h2 { margin:0px; color:#ffffff; font-size:13pt; }
.eventLogin .body { border-left:1px solid #a7a7a7; border-right:1px solid #a7a7a7; padding:15px 20px; text-align:center; }

.eventLogin .body table { margin-bottom:22px; }
.eventLogin .body td { text-align:left; }
.eventLogin .body table .name { text-align:right; font-weight:bold; font-size:13pt; }
.eventLogin .body table #eventEmail, .eventLogin .body table #eventPassword { width:260px; }
.eventLogin .body table #eventRememberMe { margin:0 10px; }
.eventLogin .body table a { color:#3f3f3f; font-weight:bold; text-decoration:none; background:url('/image/tab_arrow.gif') no-repeat 0px 5px; padding-left:10px; }
.eventLogin .body table a:hover { text-decoration:underline; }
.eventLogin .body .botText { margin-top:30px; font-weight:bold; }
.eventLogin .body .botText a { color:#003366; text-decoration:underline; }
.eventLogin .body .botText a:hover { text-decoration:none; }
.eventLogin .body .error { color:Red; }