﻿*
{
   margin: 0px;
   padding: 0px;
   font-family: Arial, Helvectica, San-Serif;
}

body a
{
   text-decoration: underline;
   color: #feb711;
}
a:hover
{
   text-decoration: none;
}

a.imgLink
{
   text-decoration: none;
}
a.imgLink img
{
   border: none;
}



/* ul styles */
ul
{
   list-style-type: circle;
   margin-left: 20px;
}
/* end ul styles */

.bold
{
   font-weight: bold;
}


body
{
   background-color: #474747;
   text-align: center;
}

.wrapOut
{
   width: 990px;
   margin: 0px auto;
}

/* Header Elements */
.headWrap
{
   margin-bottom: 5px;
}
table.header
{
   width: 990px;
   background-color: #ccc7c4;
}

.dlb_logo
{
}
.dlb_logo img
{
   border: none;
}

td.myAcctWrap
{
   height: 72px;
   background: url(images/bg_head.gif) bottom left no-repeat;
   vertical-align: bottom;
   text-align: right;
}

.welcome
{
   margin-right: 10px;
   text-align: right;
   font-weight: normal;
   padding: 5px;
   word-spacing: 4px;
   color: #000;
   font-size: 11px;
}
.welcome a
{
   color: #0A759E;
}
.welcome a span
{
   color: #0A759E;
}
.welcome a:hover
{
   color: #666;
   text-decoration: none;
}

.myLogin
{
   margin-right: 10px;
   height: 43px;
   border-right: 1px solid #fff;
   margin-top: 5px;
   margin-bottom: -1px;
   background: url(images/bg_myLogin.gif) top right no-repeat;
}

#myStuff
{
   padding: 8px 0px 7px 25px;
   font-size: 12px;
}
#myStuff table
{
   width: 280px;
   float: right;
}
#myStuff td
{
   vertical-align: bottom;
   text-align: left;
}
#myStuff img
{
   width: 25px;
   height: 25px;
   border: 1px solid #fff;
   float: left;
   margin: 0px 5px;
}
#myStuff a
{
   color: #fff;
   font-weight: bold;
   letter-spacing: 1px;
   text-decoration: none;
   line-height:1.1em;
}
#myStuff a:hover
{
   color: #666;
}

/* **************************************** */
/* TOP NAV */
/* **************************************** */
td.navWrap
{
   background: url(images/bg_navWrap.gif) top left no-repeat #424242;
   width: 794px;
   height: 32px;
   vertical-align: top;
   text-align: left;
}

.nav
{
   margin-right: 5px;
   height: 25px; 
   padding: 0px 5px 0px 5px;
   border: 1px solid #8C8C8C;
   border-left: none;
   background: url(images/bg_nav.gif) top left repeat-x #424242;
   font-family: Arial, Helvectica, San-Serif;
   font-size:13px; 
   font-weight:bold
}
.nav a:visited {color:#feb711; font-weight:bold;}

/* asp.Net menu control */
      /* top level menu items */
      .nav_StatMenu           {}
      .nav_StatMenuItem       { text-transform:uppercase; height: 23px; padding: 2px 4px 0px 4px; }
         .nav_StatMenuItem img{ margin-right:5px;}
      .nav_StatMenuHov        { background:url(images/bg_navHover.gif) top left repeat-x #2d2d2d;}
            a.nav_StatMenuHov {}
      .nav_StaticMenuSel      { background:url(images/bg_navHover.gif) top left repeat-x #f00; color:#2d2d2d;}

      /* hover/dropdown menu items */
      .nav_DynMenu      { background-color:#424242; border:2px solid #2d2d2d; border-top:none; padding:5px 5px; }
      .nav_DynMenuItem  { border-bottom:0px solid #2d2d2d;}
      .nav_DynMenuItem .nav_DynMenuItem  { display:block; padding:3px 5px; border-bottom:0px solid #2d2d2d;}
      .nav_DynMenuHov   {background-color:#2d2d2d;}
      .nav_DynMenuSel   {background-color:#2d2d2d;}
 /* end asp.Net menu control */                       




/* **************************************** */
/* End TOP NAV */
/* **************************************** */

/* Cookie Crumb Elements */
.crumbRow td
{
   background-color: #474747;
   vertical-align: top;
   text-align: left;
}
.crumbRow td td
{
   background-color: Transparent;
   vertical-align: top;
   text-align: left;
}
.crumbWrap
{
   color: #b4b4b4;
   font-weight: bold;
   width: 794px;
   font-size: 12px;
}
.crumbWrap a:hover {color:#feb711;}
.crumbWrap a:hover
{
   color: #000;
}

.crumbs
{
   float: left;
   margin-top: 5px;
   margin-left: 17px;
}
.crumbs img
{
   border: none;
}
.crumbs a.month
{
   color: #3cf;
   padding: 2px 5px;
   border: 1px solid #474747;
}
.crumbs a:hover.month
{
   background-color: #333;
   border: 1px solid #000;
   color: #FEB711;
}
span.month
{
   color: #3cf;
}
.crumbRight
{
   text-align: right;
   word-spacing: 4px;
   margin-right: 10px;
   margin-top: 5px;
}


.crumbRight a
{
   font-weight: normal;
}
.crumbRight a.selected
{
   color: #3cf;
}

/* End Cookie Crumb Elements */

/* End Header Elements */


/* **************************************************** */
/* CONTENT */
/* **************************************************** */
.contentWrap
{
   background: url(images/bg_contentMidMain.gif) bottom no-repeat #ccc7c4;
   text-align: left;
   width: 990px;
   font-size: 13px;
}
.contentWrapTop
{
   background: url(images/bg_contentTopMain.gif) bottom left no-repeat #474747;
   height: 5px;
   width: 990px;
}
.contentWrapBot
{
   background: url(images/bg_contentBotMain.gif) top left no-repeat #474747;
   height: 6px;
   width: 990px;
}

.contentMain
{
   background: #eee;
   border: 1px solid #B4B4B4;
   margin: 0px 5px;
   padding: 0px;
   text-align: center;
}
.contentMain a,
.contentMain a:visited {color:#0099CC;}
.contentMain a:hover {color:#0099CC;}

a span.boldtext { font-weight:bold; color:#474747; text-transform:uppercase; letter-spacing:1px;}

/* forms */
input, select
{
   /*background-color: #eee;
   border: 1px solid #aaa;*/
}
input.submit, input.submitSmall
{
   background: url(images/bg_btn.gif) top left repeat-x #585858;
   border: 1px solid #000;
   color: #fff;
   font-weight: bold;
   padding: 3px 5px;
}
input.submitSmall
{
   font-size: 11px;
}

input[type="chekbox"], input.checkbox, .checkbox input
{
   background-color: Transparent;
   padding: 0px;
   margin: 0px;
   border: none;
}

a.linkBtn
{
   background: url(images/bg_btn.gif) top left repeat-x #585858;
   border: 1px solid #000;
   line-height: 2em;
   word-spacing: normal;
   color: #fff;
   font-weight: bold;
   text-decoration: none;
   padding: 2px 3px 2px 3px;
}
a:hover.linkBtn
{
   background-color: #3cf;
   background-image: none;
   text-decoration: none;
   color:Black;
}
.linkBtn img
{
   border: none;
   margin-bottom: 0px;
}

span.btn_Y, input.btn_Y, input.btn_Ysmall
{
   color: #000;
   float: right;
   background: url(images/btn_Y.gif) top left repeat-x #FEB711;
   border: 2px solid #0A759E;
   padding: 3px 6px;
   cursor: pointer;
}
input.btn_Ysmall
{
   float: none;
   padding: 1px 1px;
   margin-bottom: 5px;
}
.btn_Y a, .btn_Y a:visited
{
   color: #000;
   font-weight: bold;
   text-decoration: none;
   text-transform: capitalize;
}
/* end forms */

/* **************************************************** */
/* CONTENT FILTER SECTION */
/* **************************************************** */
.topFormWrap
{
   margin: 0px;
   background: url(images/bg_topForm.gif) bottom left repeat-x #5d5d5d;
   text-align: left;
   border-bottom: 5px solid #ccc; margin-bottom:20px;
}
table.topForm
{
   width: 100%;
   height: 28px;
   color: #ccc7c4;
  
}

/* .topForm th {background-color:#353535; vertical-align:middle; text-align:left; padding:0px 5px; width:300px;}
				.topForm th span {font-weight:normal;} */

.topForm td
{
   padding: 0px 17px 0px 5px;
   vertical-align: middle;
   word-spacing: 3px; /* background: url(images/bg_topForm_RtCorner.gif) bottom right no-repeat; */
}

.topForm td select, .topForm td input
{
   margin: 0px 0px 0px 2px;
   color: #000;
   word-spacing: normal;
}
.topForm td input
{
   padding: 1px 3px;
}
.topForm td span
{
   margin-right: 15px;
}
/* **************************************************** */
/* end CONTENT FILTER SECTION */
/* **************************************************** */


.contentMainInnerWrap
{
   width: 965px;
   margin: 0px auto;
   text-align: center;
}
.contentMainInnerWrap table
{
}

div.groupTab
{
   width: 100%;
   text-align: left;
}
span.TabText
{
   font-weight: bold;
   text-transform: uppercase;
   color: #000;
   letter-spacing: 1px;
   display: block;
   border-bottom: 3px solid #FEB711;
   padding: 5px 5px 2px 5px;
   margin-bottom:10px;
}
span.TabText span
{
   color: #666;
   
   font-size: x-small;
   text-transform: none;
}

table#MainTable
{
   width: 100%;
   border: 1px dotted red;
}
table.main2Col
{
   width: 100%;
   margin-bottom: 20px;
   margin-top: 10px;
}
.main2Col td
{
   vertical-align: top;
   text-align: left;
   line-height: 1.5em;
}

.main2Col td.left
{
   padding-right: 10px;
   width: 569px;
}
.main2Col td.left_auto
{
   padding-right: 10px;
}
.main2Col td.right
{
   padding-left: 10px;
   width: 376px;
}
.main2Col td.right_auto
{
   padding-left: 10px;
}

td.left2
{
   width: 29%;
   padding-right: 1%;
}
td.right2
{
   width: 69%;
   padding-left: 1%;
}

.main2Col td.left p, .main2Col td.right p, .main2Col td p, div.p
{
   padding: 5px 5px 5px 5px;
}


.main2Col td p.questText
{
   font-weight: bold;
   padding: 2px;
   color: #666;
}
.main2Col td p.answerText
{
   font-weight: normal;
   margin-left: 10px;
   margin-bottom: 15px;
}

.main2Col td table
{
}

table.general td
{
   padding: 5px 10px;
   vertical-align: top;
}

/* grid styles */
table.grid01
{
   width: 100%;
   margin-bottom: 15px;
}
table.grid01 table
{
   width: 100%;
}

.grid01 td
{
   padding: 3px 3px;
   border-bottom: 1px solid #000;
}
.grid01 td td
{
   padding: 3px 3px;
   border-bottom: none;
}
.grid01 .gridHead td
{
   vertical-align: bottom;
   padding-top: 10px;
   padding-bottom: 0px;
   border-bottom: 2px solid #000;
}

.eventListIcons
{
   text-align: right;
}

.altRow
{
   background-color: #eee;
}

table.adminGrid
{
   margin: 5px 5px;
   background-color:#fff;
   border:3px solid #fff;
}
.adminGrid td
{  
   padding: 1px 4px;
   border-bottom: 1px solid #666;
}
.adminGrid .gridHead td
{
   vertical-align: bottom;
   padding-top: 10px;
   color: #000;
   background-color:#FEB711;
   border-bottom: 1px solid #000;
   font-weight:bold;
}

.RequiredText
{
   font-weight: bold;
   font-style: italic;
   white-space: nowrap;
}
.FirstRow
{
}


.errorSummary
{
   padding: 10px;
   border: 3px double Red;
   background: #eee;
}

.register
{
   padding: 10px;
   padding-top: 0px;
   border: 3px double #0A759E;
   background: #fff;
}
.register li
{
   padding: 5px 2px;
}
.register li b
{
   font-weight: bold;
}

.signIn
{
}
.signIn td, .form td
{
   padding: 5px;
   vertical-align: top;
}

div.ajax__calendar td
{
   padding: 0;
   vertical-align: inherit;
   text-align: center;
}

table.form
{
   width: 100%;
}
.form input, .form select
{
   margin-bottom: 5px;
}
.form input[type="checkbox"], .form input.checkBox
{
   margin-bottom: 0px;
   background-color: Transparent;
   padding: 0px;
}
.formHead, .formHead td
{
   padding: 2px;
   background-color: #fff;
   border-top: 5px solid #eee;
   border-bottom: 1px solid #ccc;
   font-weight:bold;
   color:#666;
}


.help a
{
   border: 0px solid teal;
   text-decoration: none;

}
.help a:hover
{
   border: 0px solid #fff;
   text-decoration: none;

}
.moreOpts
{
   padding: 5px 10px 3px 10px;
   color: #0d0d0d;
}

p#Banner
{
   background-color: #595959;
   padding: 5px;
}
p#Banner img
{
   border: 1px solid white;
   padding: 5px;
}

div.weather
{
}
div.weather img
{
   border: 4px solid #474747;
   padding: 5px;
   margin: 5px;
   background-color: #fff;
}
/* **************************************************** */
/* End CONTENT */
/* **************************************************** */

table.calendar
{
   border: 3px solid #fff;
   width: 100%;
   background-color:#fff;
}
.calendar td
{  
   empty-cells: show;
   width: 14%;
  /* border-right: 1px solid #666;
   border-bottom: 1px solid #666;
   border-left: 1px solid #aaa;
   border-top: 1px solid #aaa;*/
   background-color:#eee;
   padding: 2px;
   text-align: left;
   vertical-align: top;
}
.calendar td table td {background-color:White; color:#666;}
.calendar a { font-weight:bold;}

td.CalendarDayHeaderStyle
{
   font-size: xx-small;
   text-transform: uppercase;
   color: #474747;
   text-align: right;
   border: none;
   border-bottom: 1px solid #474747;
   background-color:#F9E48C; 
   padding-top:10px;
}

.noEventDayNumber
{
   color: #0d0d0d;
   float: right;
   margin: 3px;
}

td.CalendarDayStyle
{
}
td.CalendarDayStyle a
{
   border: 0px dotted yellow;
   display: block;
   text-align: right;
}
td.CalendarDayStyle span.BoldText
{
   display: block;
   text-align: left;
   padding: 3px 4px;
   margin:4px 0px;
   border:1px inset #F9E48C;
   background-color: #fff;
}
td.CalendarDayStyle span.BoldText a
{
   border: none;
   display: inline;
   text-align: left;
}

td.CalendarWeekendDayStyle
{
   color: #54482b;
}
td.CalendarWeekendDayStyle a
{
   border: 0px dotted green;
   display: block;
   text-align: right;
}
td.CalendarWeekendDayStyle span.BoldText, td.CalendarSelectedDayStyle span.BoldText
{
   display: block;
   text-align: left;
   padding: 3px 4px;
   margin:4px 0px;
   border:1px inset #F9E48C;
   background-color: #fff;
   
}
td.CalendarWeekendDayStyle span.BoldText a, td.CalendarSelectedDayStyle a
{
   border: none;
   display: inline;
   text-align: left;
}
td.CalendarOtherMonthDayStyle
{
   padding: 5px;
   border: none;
}
td.CalendarOtherMonthDayStyle table
{
   border: 1px solid #fff;
   background-color:#fff;
}
.CalendarSelectedDayStyle
{
}

/* miniCalendar */
table.miniCal
{
   border: 1px solid #fff;
    background-color:#fff;
}
table.miniCalTitle
{
   background-color: #FEB711;
   border: none;
   font-weight:bold;
}
.miniCal th
{
   border: none;
   background-color: #F9E48C;
}
.miniCal td
{
   border: none;
   border: 1px solid #fff;
}
.miniCal td a
{
   color: #FEB711;
}
/* end miniCalendar */

a.calendarlink
{
   border: 1px dotted red;
}
.calendarlink img
{
   border: none;
}

a.calIcon
{
   border: none;
}
.calIcon img
{
   border: none;
}

/* end calendar */


/* Event List */
table.eventList
{
   background-color: #fff;
   width: 100%;
   text-align:left;
   border:3px solid #fff;
}
.eventList td
{
   padding: 5px;
   border-bottom: 1px solid #aaa;
   vertical-align: top;
}
.eventListHead td,
.eventListHead th
{
   background-color: #feb711;
   border-bottom: 2px solid #000;
   border-top: none;
   padding: 10px 5px 3px 5px;
   font-weight: bold;
   color:#000;
   text-align:left;
}

.eventListAltRow td 
{
   /*background: url(images/bg_eventList_altRow.jpg) top left repeat-x #2d2d2d; */
   background: #eee;
}
.eventListDate, td.groupCol
{
   border-right: 1px solid #aaa;
}
.eventListActIcons
{
   width: 50px;
   border-right: 1px solid #aaa;
}
/* manage events page */
.eventListDescript
{
   border-right: 1px solid #aaa;
}
.eventListLocal
{
   width: 300px;
}

p.eventSelDayDate
{
   padding-top: 10px;
   display: block;
}
.eventSelDayDate span
{
   background-color: #595959;
   padding: 2px 10px 2px 5px;
}
.eventSelDayList
{
   background-color: #595959;
   padding: 5px;
   margin-bottom: 15px;
}

.status, .status ul li
{
   color: #feb711;
}

.errorSummary, .error, .error ul li
{
   color: red;
}
.errorSec span
{
   padding: 5px;
}

div.specialNote
{
   border: 1px solid #000;
   padding: 15px;
}

/* this is used on the mangage events page for the table that contains the registration url info */
table.eventRegLink
{
   width: 100%;
}
td.eventRegLink
{
   background-color: #ccc;
}


/* wizard styles */

div.wizardNav
{
   text-align: left;
   display: block;
   margin-bottom: 0px;
   padding-left: 10px;
   margin-top: 10px;
   border: 0px dotted purple;
}
.wizardNav a
{
   border: 2px solid #feb711;
   border-bottom: 2px solid #feb711;
   white-space: nowrap;
   padding: 5px 5px 5px 5px;
   margin: 0px;
   color:#000;
   /*background: url(images/bg_wizTab.jpg) top left repeat-x #373737;*/
   background-color:#feb711;
   display: block;
   float: left;
   margin-right: 5px;
   margin-bottom: -2px;
   font-weight:bold;
}
.wizardNav a:hover {background-color:#F9E48C;border-bottom: 2px solid #F9E48C;padding: 5px 5px 10px 5px;}
.wizardNav a.on
{
   background-image: none;
   background-color:#fff;
   padding: 5px 5px 10px 5px;
   border-bottom: 2px solid #fff;
   color: #000;
   text-decoration: none;
}
div.wizardContent
{
   border: 2px solid #feb711;
   background: #fff;
   padding: 5px;
   margin-bottom: 15px;
   text-align: left;
   padding: 10px;
   line-height: 1.6em;
}

/* end wizard styles */

.flRt input, .flRt select, .flLt input, .flLt select
{
   margin-bottom: 3px;
}

.zip input
{
   width: 50px;
}

.clear
{
   clear: both;
}

.divider3, .divider3 td
{
   padding: 3px 3px;
}

.divider, .divider td
{
   border-top: 1px dotted #777;
   padding: 3px 3px;
}
.divider2
{
   border-top: 1px dotted #777;
   margin-top: 15px;
   padding-bottom: 15px;
   clear: both;
}

.flRt
{
   float: right;
   margin-left: 10px;
}
.flLt
{
   float: left;
   margin-right: 10px;
   display: inline;
}

.aRt
{
   text-align: right;
}
.aLt
{
   text-align: left;
}
.aCt
{
   text-align: center;
}


td.aRight
{
   text-align: right;
}
td.aLeft
{
   text-align: left;
}
td.aCenter
{
   text-align: center;
}

.gridPaging td
{
   border: none;
   text-align: right;
}
.gridPaging td input, .gridPaging td select
{
   padding: 0px;
   font-size: small;
}

.gridPaging a, .gridPaging span
{
   margin: 0px 4px;
   padding: 1px;
}
.gridPaging a:hover
{
   color: #3cf;
}

.b_right
{
   border-right: 1px solid #474747;
   padding-right: 10px;
   padding-bottom: 3px;
}
.linkTextBox table td input
{
   width: 300px;
}

.reveal
{
   float: left;
   border: 2px solid #F9E48C;
   background: #fff;
   padding: 5px;
   margin: auto 10px;
}

.wizardContent .reveal
{
   float: left;
   border: 2px solid #F9E48C;
   background: #eee;
   padding: 5px;
}
td.emphasis { font-weight:bold;}

table.crew
{
   width: 300px;
}
.crew select
{
   width: 100%;
}

table.meal
{
   width: 300px;
   padding: 10,10,10,10;
}
.meal select
{
   width: 100%;
}
table.meal td
{
   padding: 2px;
}

h1
{
   font-weight: bold;
   font-size: 14px;
   margin: 10px 0px;
}

h1.pageTitle { margin: 0px 0px; padding:10px 5px 5px 5px; text-align:left; font-family:Arial, Helvetica, Sans-Serif; color:#353535; font-size: 16px; background-color:#D4D0CE; border-bottom:2px solid #000;}

p.systemAnnouncement { border: 2px solid #000; border-top:none; background-color:#474747; padding:10px 5px;
                        text-align:left; font-size:1em; color:#33CCFF; display:none;}
                        
p.systemAnnouncement strong { font-size:14px; color:White; text-transform:uppercase; display:block; } 

.collapsePanel
{
   height: 0px;
   overflow: hidden;
}
.collapsePanelHeader
{
  
   cursor: pointer;
   vertical-align: middle;
}

/* Just a marker class for JQuery */
.extraKarts
{
   
}

#overDiv  table {border:2px solid #0099cc; background-color:#fff; color:#000;}
#overDiv  table td table {border:0px solid red; text-align:left;}
#overDiv  table td { padding:5px; border:0px solid red; text-align:left;}

#overDiv .popUpCapTxt {color:#000; border-bottom:2px solid #000; font-weight:bold; background-color:#feb711;}
#overDiv .popUpTxt,
#overDiv .popUpTxt b,
#overDiv .popUpTxt i {color:#000; background-color:#eee;}

.noWrap { white-space:nowrap}

.capitalize { text-transform: capitalize; }

tr.pager td { padding-right: 5px; }