body
{
    background-image: url("../../images/bg1.jpg");
    background-repeat:repeat;
    font-family: Verdana;
}

.banner
{
    margin: 30px auto auto auto;
    font-family: Verdana;
    font-size: 14px;
    background-image: url(   '../../images/WC_masthead3.gif' );
    background-color: transparent;
    width: 770px;
    height: 110px;
}

.nobanner
{
    margin: 30px auto auto auto;
    height: 3px;
    width: 770px;
    background-color: #003300;
}

.content
{
    font-family: Verdana;
    font-size: 12px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-width: 3px;
    border-color: #003300;
    width: 764px;
    margin: auto;
    background-color: #FFFFFF;
    margin-top: 0px;
}

.pageContent
{
    font-family: Verdana;
    text-align: left;
    padding: 10px;
}

.error
{
    font-family: Verdana;
    font-size: 14px;
    color: #FF0000;
    margin-top: 25px;
    padding: 10px;
    text-align: center;
}

.clear
{
    clear: both;
}

.home 
{
    color: #ED9F23;
    text-align: center;
    margin: auto;
    margin-left: 2px;
    margin-top: 20px;
    font-weight: bold;
    text-decoration: none;
    width: 132px;
}

/*widths*/
.w25 { width: 25px; }

.w40 { width: 40px; }

.w50 { width: 50px; }
.w55 { width: 55px; }
.w65 { width: 65px; }

.w75 { width: 75px; }

.w80 { width: 80px; }

.w100 { width: 100px; }

.w110 { width: 110px; }

.w115 { width: 115px; }

.w120 { width: 120px; }

.w140 { width: 140px; }

.w150 { width: 150px; }

.w170 { width: 170px; }

.w190 { width: 190px; }

.w175 { width: 175px; }

.w200 { width: 200px; }

.w205 { width: 205px; }

.w225 { width: 225px; }

.w250 { width: 250px; }

.w270 { width: 270px; }

.w275 { width: 275px; }

.w300 { width: 300px; }

.w350 { width: 350px; }

.w375 { width: 375px; }

.w400 { width: 400px; }

.w450 { width: 450px; }

.w560 { width: 560px; }

.w800 { width: 800px; }

/*alignments */

.alignLeft { text-align: left; }

.alignRight { text-align: right; }

.alignCenter { text-align: center; } 

.logo
{
    position: relative;
    left: -3px;
    top: -40px;
}

.maintable
{
    margin-top: 0px;
    width: 100%;
}

.leftcell
{
    border-color: #003300;
    height: 600px;
    border-top-width: 2px;
    width: 150px;
    vertical-align: top;
    padding-top: 0px;
    text-align: left;
} 

.bodycell
{
    /*width: 613px;*/
    padding: 10px;
    vertical-align: top;
    text-align: center;
}   

.footercell
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
    /*background-color: #003300;
    text-align: center;
    width: 100%;*/
    height: 25px;
}

.LoginPanel
{
    margin: auto;
    height: 155px;
    padding: 0px 2px 5px 2px;
    width: 145px;
    float: left;
}

.MemberPanel
{
    margin: auto;
    height: 155px;
    padding: 0px 2px 5px 2px;
    width: 145px;
    float: left;
    color: Black;
}

.MemberPanel a
{
    color: #666666;
}

.LoginPanel a
{
    color: #666666;
}

.LoginError
{
    color: #009933;
    font-size: 10px;
    font-family: Verdana;
    font-variant: small-caps;
}

.PublicMenu
{
    width: 160px;
}

.PublicMenuGroup
{
    text-align: left;
    background-image: url('../../images/pthead.gif' );
    background-repeat: no-repeat;
    color: White;
    height: 20px;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 20px;
    margin: auto;
    margin-left: 2px;
    margin-top: 10px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    width: 130px;
    height: 28px;
    font-family: Arial, Helvetica, sans-serif;
}

.PublicMenuItem
{
    background-image: url("../../images/arrows.png");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
    font-size: 12px;
    font-family: Verdana;
    width: 132px;
    background-color: #EAEAEA;
    padding-top: 2px;
    padding-bottom: 0px;
    color: #000000;
    line-height: 18px;
    display: table-cell;
}    

/* CSS classes for standard Links, only valid inside the #menu DIV */
.PublicMenuItem a, .PublicMenuItem a:visited
{
  background: transparent ! important;
  display: block;
}

.PublicMenuItem a:hover, .PublicMenuItem a:active, .PublicMenuItem a:focus
{
  background: transparent ! important;
  display: block;
  color: #AC090D;
}


/** Pages **/

.pagecontent
{
    font-family: verdana;
    font-size: 12px;
    background-color: #FFFFFF;
    padding: 10px 0px 10px 0px;
    margin: auto;
    text-align: left;
}

/* Tab Controls */
.tabs
{
    position: relative;
    top: 1px;
    left: 10px;
}

.tab
{
    border: solid 1px black;
    background-color: #eeeeee;
    padding:2px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #800000;
}

.selectedTab
{
    background-color: White;
    border-bottom: solid 1px white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #800000;
}      

.tabContents
{
    border: solid 1px black;
    padding: 10px;
    background-color: White;
}     

/** MENU **/

.menu
{
    text-align: center;
    width: 724px;
    margin: auto;
    margin-bottom: 10px;
    padding-top: 10px;
    clear: both;
}

.menuback
{
    background-color: #CC977D;
    width: 100%;
    text-align: left;
    padding: 0px;
    margin-bottom: 20px;
}

.menuItem-static
{
    border:Outset 1px black;
    background-color: #CC977D;
    font: 11px Arial;
    color: White;
    padding: 3px;
    font-weight: bold;
    margin: 0px;
    position: relative;
    top: -1px;
    height: 24px;
    width: 100px;
    margin-bottom: -1px;
}  

.menuItem
{
    border: Outset 1px black;
    background-color: white;
    font: 11px Arial;
    color: #800000;
    padding: 3px;
    font-weight: bold;
    width: 100px;
    height: 23px;
}    

.menuItem-hover
{
    border: Outset 1px black;
    background-color: #CC977D;
    font: 11px Arial;
    color: white;
    padding: 3px;
    font-weight: bold;
    width: 100px;
}  

.selectedItem
{
    border: 1px solid #800000;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
    text-align: center;
    color: #CC977D;
    background-color: white;
    margin: 0px;
    width: 100px;
    margin-right: 0px;
}  

.dropMenuItem
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	text-align: left;
	color: #800000;
	background-color: white;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #800000;
	width: 140px;
	z-index: 100;
}

.dropMenuHover
{
    /*color: white;
    background-color: #800000;*/
    font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	text-align: left;
	color: white;
	background-color: #800000;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #800000;
	width: 140px;
	z-index: 100;
} 

.dynamicMenu
{
    z-index: 100;
}

/* Forms */

.formTitle
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    background-color: #808080;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.formDiv
{
    width: 450px;
    margin: auto;
    text-align: center;
}

.formItemLabel
{
    float: left;
    text-align: right;
    vertical-align: top;
    clear: both;
    font-weight: bold;
    margin-bottom: 5px;
    height: 22px;
    padding-right: 5px;
    
}

.formItemLabel-Left
{
    float: left;
    text-align: left;
    width: 75px;
    vertical-align: top;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px;
    height: 16px;
}

.formItemLabel-Edit
{
    float: left;
    text-align: right;
    vertical-align: top;
    clear: both;
    font-weight: bold;
    margin-bottom: 5px;
    height: 16px;
    padding-top: 6px;
    padding-right: 5px;
}

.formItemLabel-4col
{
    float: left;
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    margin-bottom: 5px;
    height: 16px;
    padding-top: 6px;
    padding-right: 5px;
}

.formItemLabel-4col-required
{
    float: left;
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    margin-bottom: 5px;
    height: 16px;
    padding-right: 5px;
}

.formItemLabel-1col
{
    text-align: left;
    clear: both;
    font-weight: bold;
    margin-bottom: 2px;
}    

.formItemData
{
    text-align: left;
    font-weight: normal; 
    padding-left: 0px;
    margin-bottom: 5px;
    max-width: 275px;
}

.formItemData-1col
{
    text-align: left;
    font-weight: normal; 
    margin-bottom: 5px;
}

.formItemData-4col
{
    text-align: left;
    font-weight: normal; 
    padding-left: 0px;
    margin-bottom: 5px;
    float: left;
}

.required
{
    color: #FF0000;
    font-size: 10px;
    font-weight: normal;
    vertical-align: super;
}

.watermark
{
    color: #999999;
}

/* listView */
.lvHead
{
    margin: 1px;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    font-variant: small-caps;
    color: #FFFFFF;
    background-color: #400000;
    padding: 2px;
    float: left;
}

.lvItem
{
    margin-left: 1px;
    font-family: verdana;
    font-size: 11px;
    padding: 2px 2px 0px 2px;
    float: left;
    margin-right: 1px;
    background-color: inherit;
    margin-bottom: 2px;
    margin-top: 2px;
    overflow: hidden;
}

.lvLine
{
    color: Black;
    clear: both;
    min-height: 20px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #E6E6E6;
    padding: 2px 0px 2px 0px;
    overflow: hidden;
}

.lvLine_Results
{
    color: Black;
    clear: both;
    min-height: 20px;
    padding: 0px;
    overflow: hidden;
}

.lvItem_Results
{
    margin-left: 1px;
    font-family: verdana;
    font-size: 11px;
    padding: 2px 2px 2px 2px;
    float: left;
    margin-right: 1px;
    background-color: inherit;
    margin-bottom: 0px;
    margin-top: 0px;
    overflow: hidden;
    font-size: 10px;
}

.line_Results
{
    color: #F2F2F2;
    background-color: #F2F2F2;
    width: 95%;
    margin: auto;
}

.lvAlternate
{
    color: Black;
    clear: both;
    min-height: 20px;
    background-color: #FFFFE8;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #E6E6E6;
    padding: 2px 0px 2px 0px;
    overflow: hidden;
}    

.tipcomment
{
    color: #808080;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10px;
    font-family: verdana;
    clear: both;
}

.tipdate
{
    color: #400000;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
}

/* Hidden Panels */
.detailsPanel
{
    font-family: Verdana;
    background-color: #FFFFE1;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-width: thin;
    border-color: #C0C0C0;
    padding: 20px 5px 20px 5px;
}

.dpsmall { width: 394px; }
.dplarge { width: 794px; }

.detailsHeader
{
    text-align: center;
    background-color: #808080;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    border: medium groove #C0C0C0;
    height: 20px;
    cursor: move;
    padding-top: 3px;
}

.dhsmall { width: 400px; }
.dhlarge { width: 800px; }

.confirmPanel
{
    font-family: Verdana;
    background-color: #FFFFFF;
    border-right-style: outset;
    border-bottom-style: outset;
    border-left-style: outset;
    border-width: medium;
    border-color: #C0C0C0;
    padding: 20px 5px 20px 5px;
}

.cpsmall { width: 390px; }

.detailsHalfDiv
{
    float: left;
    width: 390px;
}   

.detailsThirdDiv
{
    float: left;
    width: 235px;
}   


.detailsFormDiv
{
    margin: auto;
    text-align: center;
}

.closeButton
{
    float: right;
    padding: 1px;
    cursor: hand;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* FILTER MENU */
.filterMenu
{
    width: 450px;
    margin: auto;
    padding: 1px;
}

.filterItem
{
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #800000;
    background-color: #FFFFFF;
    border: 2px solid #800000;
    text-align: center;
    width: 20px;
    height: 20px;
}

.filterSelected
{
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #800000;
    text-align: center;
    width: 20px;
    height: 20px;
}

/* TIP FILTER MENU */
.tipfilterMenu
{
    width: 302px;
    margin: auto;
    padding: 1px;
}

.tipfilterItem
{
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #ED9F23;
    background-color: #FFFFFF;
    border: 2px solid #ED9F23;
    text-align: center;
    width: 100px;
    height: 20px;
    margin-right: 5px;
}

.tipfilterSelected
{
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #ED9F23;
    text-align: center;
    width: 100px;
    height: 20px;
}

/* Calendars */
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.ContextMenuPanel
{
    border: 1px solid #868686;
    z-index: 1000;
    background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
    cursor: default;
    padding: 1px 1px 0px 1px;
    font-size: 11px;
    height: 300px;
    overflow: auto;
    width: 80%;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}

/*Hover Panel*/
.popupNotes {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
	width: 500px;
}

.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}

.spam
{
    font-size: 14px;
    font-weight: bold;
    font-family: Verdana;
    color: #800000;
    text-align: center;
    border: 2px solid #800000;
    padding: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 300px;
}

.progress
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    position: fixed;
    background-color: White;
    border: solid 2px darkred;
    padding: 5px;
    width: 100px;
    top: 30%;
    left: 45%;
}

.progress-old
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background-color: White;
    border: solid 2px darkred;
    padding: 5px;
    width: 100px;
}

.progressBack
{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

/*Signup*/

.SUList
{
    width: 500px;
    margin: auto;
    margin-top: 20px;
}

.SUList table
{
    border-width: 0px;
	border-spacing: 0px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	width: 500px;
}

.SUList td
{
    border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
}

.SUButton
{
    text-align: center;
    margin: 20px auto 0px auto;
    width: 50px;
}

.custDetails
{
    text-align: left;
}

.custDetails table
{
    width: 100%;
    border: 0px none;
	border-collapse: collapse;
}

.custDetails .warning
{
	font-size: 12px;
	color: #CC0000;
}

.subheader
{
    padding: 20px 0px 8px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #BC0000;
}

.custDetails .fieldLabel
{
    font-family: Arial, Helvetica, sans-serif;
	color:#575C53;
	font-size:14px;
	font-weight:normal;
	text-align: right;
	width: 30%;
}

.custDetails .fieldData
{
    width: 70%;
}

/* Pegasus Styles */
.Peg_Banner
{
    width: 760px;
    height: 108px;
    background-image: url("../../images/header.gif");
    margin: auto;
    font-family: Verdana;
    font-size: 14px;
    background-color: transparent;
}

.Peg_Content
{
    font-family: Verdana;
    font-size: 12px;
    width: 760px;
    margin: auto;
    background-color: #FFFFFF;
    margin-top: 0px;
}

.Peg_Logo {
    z-index:1;
    position: absolute;
    top: -21px;
    right:0px;
    width:315px;
    height:53px;
    background:url(../../images/logo1.gif) no-repeat;
}

.Peg_Login {
 background:#000000;
 padding-left:10px;
 width:750px;
 height:30px;
 border-top:1px solid #FFFFFF;
 text-align:left;
 color:#FFFFFF;
}

.Peg_Wrapper {
    background-color:#FFFFFF;
    border-right:1px solid #000000; 
    border-left:1px solid #000000;
    width: 760px;
    margin: auto;
    position: relative;
}

.Peg_TipTable
{
    width: 100%;
    border-spacing: 1px;
    margin: 0 0 1em;
    color: #000;
    empty-cells: show;
    background-color: #A4836C;
}

.Peg_TipTable td
{
    border-style: inset;
    padding: 3px;
    text-align: left;
    vertical-align: top;
    border-width: 2px;
    border-color: #EBE5D9;
    background-color: #F7F4EE;
    border-spacing: 0px;
    empty-cells: show;
    font-weight: bold;
    font-size: 12px;
}