body 
{
    border: 0px;
    padding: 0px;
    margin: 0px;
    width:auto;
    min-height: 700px;

}

/*  ========================================================= */
/*  Styles for the main elements in the site master structure */
/*  ========================================================= */
#MainHeaderContainer
{
    
    border: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    background-position: right center;
    width: auto;
    min-height: 60px;
    background-color: #00A261;
    line-height: 60px;

}
#MainHeader
{
    border: 0px;
    padding: 0px;
    margin: 0px;
    font-family: Verdana;
    font-size: xx-large;
    font-weight: bolder;
    text-align: center;
    color: #FFFFFF; 

}
#PageHeaderContainer
{
   width: 100%;
   padding-left: 10px;

}

.PageHeader
{
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 0px;
    float: left;
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    font-weight: bold;
    color: #00A261;

}
.PageHeaderMenu
{
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 20px;
    margin: 0px;
    float: right;
    text-align: right;
    font-family: Verdana;
    font-size: small;
    font-weight: bold;

}

#PageHeaderEnd
{
    border: 0px;
    padding: 0px;
    margin: 0px;
    height: 0px;
    width: 100%;
    clear: both;

    border-bottom: 2px solid #00A261;
}


#MainBody
{
    width: auto;
    min-height: 580px;
    height: auto;
 }
 
#Footer
{
    width: auto;
    min-height: 20px;
    background-color: #FFFFFF;
    text-align: center;
}

/*  ========================================================= */
/*  Headings and Items                                        */
/*  ========================================================= */
.Heading
{
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    font-weight: bold;
    color: #00A261;
    background-color: #FFFFFF;
}

.CenteredHeading
{
    font-family: Verdana;
    font-size: medium;
    text-align: center;
    color: #00A261;
    font-weight: bold;
    padding-bottom: 10px;

}
.HardLeftHeading
{
    padding-left: 0px;
    font-family: Verdana;
    font-size: medium;
    text-align: Left;
    color: #00A261;
    font-weight: bold;
    padding-bottom: 10px;

}
.LeftHeading
{
    padding-left: 10px;
    font-family: Verdana;
    font-size: medium;
    text-align: Left;
    color: #00A261;
    font-weight: bold;
    padding-bottom: 10px;

}
.RightHeading
{
    padding-right: 10px;
    font-family: Verdana;
    font-size: medium;
    text-align: right;
    color: #00A261;
    font-weight: bold;
    padding-bottom: 10px;

}
.LeftItem
{
    padding-left: 10px;
    font-family: Verdana;
    font-size: medium;
    text-align: left;
    color: #00A261;
}
.HardLeftItem
{
    padding-left: 0px;
    font-family: Verdana;
    font-size: medium;
    text-align: left;
    color: #00A261;
}
.RightItem
{
    padding-right: 10px;
    font-family: Verdana;
    font-size: medium;
    text-align: right;
    color: #00A261;
}

.CenteredItem
{
    font-family: Verdana;
    font-size: medium;
    text-align: center;
    color: #00A261;

}

.LeftItemSmall
{
    padding-left: 10px;
    font-family: Verdana;
    font-size: 9pt;
    text-align: left;
    color: #00A261;

}

.CommandLink
{
    font-family: Verdana;
    font-size: small;
    text-align: center;
    color: #00A261;

}
.NoPadding
{
    padding: None;
    border: None;
    margin: None;
    text-align:left;
}

/*  ========================================================= */
/*  Classes for Edit Screens                                   */
/*  ========================================================= */

.Spacer
{
    padding-left: 10px;
}

.LeftLabel
{
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    color: #00A261;
    padding-left: 10px;
    padding-right: 20px;
}

.LeftTopLabel
{
    vertical-align: top;
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    color: #00A261;
    padding-left: 10px;
    padding-right: 20px;
}
.HardLeftLabel
{
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    color: #00A261;
    padding-left: 0px;
    padding-right: 20px;
}

.MediumDropDown
{
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    color: #008000;
    width: 160px;
}

.LongDropDown
{
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    color: #008000;
    width: 250px;
}

.ShortTextBox
{
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    color: #008000;
    width: 100px;
}
.IntegerTextBox
{
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    color: #008000;
    width: 30px;
}

.MediumTextBox
{
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    color: #008000;
    width: 200px;
}

.LongTextBox
{
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    color: #008000;
    width: 300px;
}

.AdditionalInfoTextBox
{
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    color: #008000;
    
    width: 400px;
}

.ListCoupon
{
    text-align: left;
    border: None;
    width: 50mm;
    height: 8mm;
}
.CouponImage
{
    text-align: left;
    border: None;
    width: 60mm;
    height: 10mm;
}
.ListPosterSkinny
{
    text-align: left;
    border: None;
    width: 4mm;
    height: 20mm;
}
.ListPosterLandscape
{
    text-align: left;
    border: None;
    width: 28mm;
    height: 20mm;
}
.ListPosterPortrait
{
    text-align: left;
    border: None;
    width: 14mm;
    height: 20mm;
}

.PortraitListRow
{
    min-height: 22mm;
}

.UnderLinedTable
{
        border-bottom: 2px solid #00A261;
}

/*  ========================================================= */
/*  Specific Divs for use on edit forms                       */
/*  ========================================================= */

.ShopList
{
    padding-left: 10px;
    padding-top: 10px;
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    color: #008000;
    width: 250px;
    float: left;
}

.InvisibleDiv
{
   display: none;
}

.BreakDiv
{
    clear: both;
    min-height: 20px;
}

.InvisibleDiv
{
   display: none;
}

.Fields
{
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    color: #008000;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 10px;

}

.Fields Label
{
    text-align: left;
    font-family: Verdana;
    font-size: medium;
    color: #008000;
    padding-left: 20px;
}

.Buttons
{
    width:25%;
    text-align:right;

}
.LeftButtons
{
    width:25%;
    text-align:Left;
    padding-left: 10px;

}
.ErrorMessage
{
    padding-top: 10px;
    width: 100%;
    font-family: Verdana;
    font-size: medium;
    color: #FF0000;
    text-align:center;

}
.NonErrorMessage
{
    padding-top: 30px;
    width: 100%;
    font-family: Verdana;
    font-size: medium;
    color: #00A261;
    text-align:center;

}
.Validator
{
    padding-top: 10px;
    width: 100%;
    font-family: Verdana;
    font-size: small;
    color: #FF0000;
    text-align:left;

}
.FloatingLink
{
    float: right;
    padding-right:75%;
    width: 100%;
    font-family: Verdana;
    font-size: Small;
    color: #FF0000;
    text-align:center;

}

/*  ========================================================= */
/*  Redefinition of various standard items                    */
/*  ========================================================= */

ul
{
    list-style-type: none;
 }

li
{
    color: #00A261;
    font-size: large;
    font-family: Verdana;
    text-align: center;
}

a
{
    color:#00A261;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}    

.Hide
{
    display:none;
}
.UnHide
{
    display:block;
}

/*  ========================================================= */
/*  Specific Divs for the coupon screens                      */
/*  ========================================================= */
.CouponLayout
{
    width: 60%;
    float: left;

}
.CouponList
{
    float: right;
    max-width: 40%;
    overflow: auto;
    max-height: 500px;
}
.CouponNotSelected
{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    text-align: left;
    border: None;
    width: 40mm;
    height: 5mm;

}
.CouponSelected
{
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    text-align: left;
    border: None;
    width: 40mm;
    height: 5mm;

}
.CouponDivClass
{
    margin: 0px;
    text-align: center;   
    float:left;
    border: None;
    width: 48mm;
    height: 6mm;

}

.CouponLayoutDivClass
{
    margin: 0px;
    text-align: center;   
    float:left;
    border: None;
    height: 14mm;

}
.CouponLayoutDivClassNewRow
{
    margin: 0px;
    text-align: center;   
    float:left;
    clear:both;
    border: None;
    height: 14mm;
}
    
.CouponLayoutImage
{
    border: None;
    width: 60mm;
    height: 10mm;
}
.CouponLayoutDivClass2
{
    margin: 0px;
    text-align: center;   
    float:left;
    border: None;
    height: 9mm;

}
.CouponLayoutDivClassNewRow2
{
    margin: 0px;
    text-align: center;   
    float:left;
    clear:both;
    border: None;
    height: 9mm;
}
    
.CouponLayoutImage2
{
    border: None;
    width: 36mm;
    height: 7mm;
}
.CouponCaptionClass
{
    margin-top: -7mm;
    text-align: center;
    border: None;
    width: 60mm;
    height: 13mm;
}
.CouponCaptionClass2
{
    margin-top: -5mm;
    text-align: center;
    border: None;
    width: 36mm;
    height: 13mm;
}
.CouponText
{
    margin: auto;
    font-family: verdana;
    font-size: x-small;
    color: #000000;
}

/*  ========================================================= */
/*  Specific Divs for the poster list                         */
/*  ========================================================= */

.PosterLayout
{
    width: 66%;
    float: left;

}
.PosterList
{
    float: right;
    width: 33%;
    overflow: auto;
    max-height: 500px;
}

.PosterListDiv
{
    margin: 0px;
    text-align: center;   
    float:left;
    border: None;
    width: 16mm;
    height: 22mm;

}

.PosterNotSelected
{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    text-align: left;
    border: None;
    width: 14mm;
    height: 20mm;

}
.PosterSelected
{
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    text-align: left;
    border: None;
    width: 14mm;
    height: 20mm;
}

.InternalPosterDiv
{
    margin: 2px;
    text-align: center;   
    float:left;
    border: None;
 }

.LPosterNotSelected
{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    text-align: left;
    border: None;
    width: 30mm;
    height: 21mm;
}

.LPosterSelected
{
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    text-align: left;
    border: None;
    width: 30mm;
    height: 21mm;

}
.HPosterNotSelected
{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    text-align: left;
    border: None;
    width: 30mm;
    height: 10mm;
}

.HPosterSelected
{
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    text-align: left;
    border: None;
    width: 30mm;
    height: 10mm;

}
.PosterLayoutDivClass
{
    padding: 2mm;
    float: left;
    background-color: #CCFFCC;
}
.PosterLayoutDivClassFirst
{
    margin-left: 10px;
    padding: 2mm;
    float: left;
    background-color: #CCFFCC;
}

.PosterLayoutDivClassNewRow
{
    padding: 2mm;
    float: left;
    clear: both;
    background-color: #CCFFCC;
}
    
.PosterLayoutImage
{
    vertical-align: middle;   
    border: None;
    width: 14mm;
    height: 20mm;
}

.CounterLayoutDivClass
{
    margin-left: 10px;
    padding: 2mm;
    float: left;
    background-color: #CCFFCC;
}

.CounterLayoutImage
{
    vertical-align: middle;   
    border: None;
    width: 30mm;
    height: 21mm;
}

.HeaderLayoutDivClass
{
    margin-left: 10px;
    padding: 2mm;
    float: left;
    background-color: #CCFFCC;
}

.HeaderLayoutImage
{
    vertical-align: middle;   
    border: None;
    width: 45mm;
    height: 15mm;
}

/*  ========================================================= */
/*  Specific Divs for the horse racing & football screens     */
/*  ========================================================= */

.SkinnyPosterWrapper
{
    float:left;
    padding: none;
}

.PosterLayoutSkinny
{
    margin-left: 10px;
    padding: 2mm;
    background-color: #CCFFCC;
    width:10mm;
}

.SkinnyImage
{
    vertical-align: middle;   
    border: None;
    width: 10mm;
    height: 60mm;
}
.SPosterNotSelected
{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    text-align: left;
    border: None;
    width: 10mm;
    height: 60mm;

}
.SPosterSelected
{
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    text-align: left;
    border: None;
    width: 10mm;
    height: 60mm;
}

.SkinnyPosterListDiv
{
    float: left;
    vertical-align: middle;   
    padding: 2mm;
}

.SkinnyPosterLayout
{
    width: 25%;
    float: left;
}

.PriorityLayout
{
    width: 33%;
    float: left;
}

.GroupDivFirst
{
    margin-left: 10px;
    padding: 2mm;
    float: left;
}
.GroupDivSecond
{
    margin-left: 10px;
    padding: 2mm;
}