﻿.frontpage
{
    width: 856px;
}
.frontpage h2
{
    color: #a2c00c;
    font-size: 18px;
    padding-top: 0px;
}

/*********************/
/* Slide show styles */
/*********************/
.frontpage .slideShow
{
    width: 393px;
    height: 167px;
    background-image: url(/content/images/frontpage/top_middle_back_v2.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 7px 15px;
    float: left;
    margin: 0px 10px 10px 0px;
}

/****************/
/* Video styles */
/****************/
.frontpage .video
{
    width: 179px;
    height: 169px;
    padding: 5px 15px 7px 15px;
    float: left;
    background-image: url(/content/images/frontpage/video_back.png);
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
}
.frontpage .video .header
{
    color: #FFFFFF;
}
.frontpage .video .descriptionText
{
    color: #FFFFFF;
    margin-top: 115px;
}

.frontpage .videoModal
{
    /*margin-left: -250px;*/
    /*width: 500px;
    background-color: #FFF;*/
    /*border: 1px solid black;
    padding: 15px 15px 40px 15px;*/
}
#video_close
{
    float: right;
}
#videoCanvas
{
    width: 400px;
    border: solid 1px #c8c8c8;
    margin: 0px auto;
    clear: both;
    margin-top: 20px;
}

/**************/
/* FAQ styles */
/**************/
.frontpage .faqBox
{
    /*width: 174px;     height: 167px;*/
    width: 204px;
    height: 181px; /*background-image: url(/content/images/frontpage/left_back.png);*/
    background-position: left top;
    background-repeat: no-repeat; /*padding: 7px 15px;*/
    float: left;
    margin: 0px 10px 10px 0px;
}
/*.frontpage .faq .header
{
    height: 42px;
    padding-left: 35px;
    background-image: url(/content/images/frontpage/questionmark_icon.png);
    background-position: left center;
    background-repeat: no-repeat;
}
.frontpage .faq .faqList
{
    padding: 0px 0px 0px 0px;
    margin: -10px 0px 15px 0px;
}
.frontpage .faq .faqList li
{
    margin-bottom: 5px;
    list-style-type: none;
    background-image: url(/Content/Images/arrow_small_blue.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 10px;
    margin-left: 4px;
}
.frontpage .faq .link
{
    position: absolute;
    margin-top: 150px;
}*/

/**********************/
/* Draw result styles */
/**********************/
.frontpage .drawResult
{
    /*width: 186px;     height: 167px;*/
    width: 206px;
    height: 181px; /*background-image: url(/content/images/frontpage/teaser_back.png);*/
    background-position: left top;
    background-repeat: no-repeat; /*padding: 7px 10px;*/
    float: left;
    margin: 0px 10px 10px 0px;
}

.frontpage .drawResult .link
{
    position: absolute;
    margin-top: 150px;
}

.frontpage .drawResult .header
{
}
.frontpage .drawResult .jackpotInfo
{
    margin: 10px 0px 0px 0px;
    text-align: center;
}
.frontpage .drawResult .jackpotInfo div
{
    padding: 3px;
}
.frontpage .drawResult .jackpotInfo label
{
    font-size: 11px;
    color: #1386c1;
    margin-right: 3px;
}
.frontpage .drawResult .jackpotInfo span
{
    font-size: 13px;
    color: #1386c1;
    font-weight: bold;
}

.frontpage .drawResult .numbers
{
    margin: 10px -2px 15px -2px;
    height: 35px;
}
.frontpage .drawResult .numbers .number
{
    margin-top: 5px;
    float: left;
    display: block;
    width: 22px;
    height: 29px;
    margin-right: 2px;
    padding-top: 4px;
    font-size: 10px;
    text-align: center;
    color: #000 !important;
}
.frontpage .drawResult .numbers .number.blue
{
    background-image: url(/Image.aspx?src=/Content/Images/LottoBalls/blue.png&w=22);
    background-repeat: no-repeat;
    background-position: left top;
}
.frontpage .drawResult .numbers .number.green
{
    background-image: url(/Image.aspx?src=/Content/Images/LottoBalls/green.png&w=22);
    background-repeat: no-repeat;
    background-position: left top;
}
.frontpage .drawResult .numbers .number.purple
{
    background-image: url(/Image.aspx?src=/Content/Images/LottoBalls/purple.png&w=22);
    background-repeat: no-repeat;
    background-position: left top;
}
.frontpage .drawResult .numbers .number.red
{
    background-image: url(/Image.aspx?src=/Content/Images/LottoBalls/red.png&w=22);
    background-repeat: no-repeat;
    background-position: left top;
}
.frontpage .drawResult .numbers .number.yellow
{
    background-image: url(/Image.aspx?src=/Content/Images/LottoBalls/yellow.png&w=22);
    background-repeat: no-repeat;
    background-position: left top;
}

/* stars */
.frontpage .drawResult .numbers .number.star
{
    float: left;
    display: block;
    width: 30px;
    height: 25px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-top: 10px;
    padding-left: 1px;
    font-size: 10px;
    text-align: center;
}
.frontpage .drawResult .numbers .number.blue.star
{
    background-image: url(/Image.aspx?src=/Content/Images/LottoBalls/blue_star.png&w=31);
    background-repeat: no-repeat;
    background-position: left top;
}
.frontpage .drawResult .numbers .number.green.star
{
    background-image: url(/Image.aspx?src=/Content/Images/LottoBalls/green_star.png&w=31);
    background-repeat: no-repeat;
    background-position: left top;
}
.frontpage .drawResult .numbers .number.purple.star
{
    background-image: url(/Image.aspx?src=/Content/Images/LottoBalls/purple_star.png&w=31);
    background-repeat: no-repeat;
    background-position: left top;
}
.frontpage .drawResult .numbers .number.red.star
{
    background-image: url(/Image.aspx?src=/Content/Images/LottoBalls/red_star.png&w=31);
    background-repeat: no-repeat;
    background-position: left top;
}
.frontpage .drawResult .numbers .number.yellow.star
{
    background-image: url(/Image.aspx?src=/Content/Images/LottoBalls/yellow_star.png&w=31);
    background-repeat: no-repeat;
    background-position: left top;
}

/*******************/
/* Teaser 1 styles */
/*******************/
.frontpage .teaser1
{
    width: 186px;
    height: 167px;
    background-image: url(/content/images/frontpage/teaser_back_group.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 7px 15px 11px 10px;
    float: left; /*margin: 0px 5px 6px 0px;*/
    cursor: pointer;
}
.frontpage .teaser1 .header
{
}
.frontpage .teaser1 .teaserText
{
    padding: 10px 10px 0px 0px;
    display: inline-block;
    overflow: visible;
}

/*******************/
/* Teaser 2 styles */
/*******************/
.frontpage .teaser2Canvas
{
    float: left;
    width: 209px;
    height: 181px;
    overflow: visible;
}
.frontpage .teaser2
{
    width: 195px;
    height: 167px;
    background-image: url(/content/images/frontpage/right_bottom.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 7px 13px 7px 11px;
    margin: 0px 0px 10px 2px;
    cursor: pointer;
}
.frontpage .teaser2 .header
{
}
.frontpage .teaser2 .teaserText
{
    padding: 10px 120px 0px 0px;
    display: inline-block;
    overflow: visible;
}
